*{
    margin: 0 px;
    padding: 0 px;
    box-sizing: border-box;
}

a {
    margin: 0;
}
            /*infinite linear gradient from left to right over 150s, so slow*/
body {

    margin-top: 0;
    /*padding-top: 140px;         /* to counteract the fixed-top navbar*/
    width: 100%;
    height: 100vh;
    background: linear-gradient(to right, 
                            #9d9d9d 0%, 
                            #9d9d9d 15%, 
                            #e08450 85%, 
                            #e08450 100%);

    /*padding-top: 140px;         /* to counteract the fixed-top navbar
    width: 100%;
    height: 100vh;
    background: linear-gradient(to right, #9d9d9d, #e08450, #9d9d9d);
    background-size: 200% 100%;
    animation: moveGradient 120s linear infinite;
    
    /*background-color: rgb(220, 220, 220, 0.9);/**/

}
.overlay{
    background-color: rgb(220, 220, 220, 0.5);
}

@keyframes moveGradient {
    0% {
        background-position: 100% 0;
    }
    100% {
        background-position: -100% 0;
    }
}

.row-vision{
    padding-top: 0vh;
    padding-bottom: 0vh; /**/ 
    margin-right: 10vw;
    margin-left: 10vw; /**/
    margin-top: 0;
    margin-bottom: 30vh;
    /*background-color: #dcdcdc; /* ersetzen mit gewünschtem*/
    /*border: 2px solid #4a91bd; /**/

    /*border: 2px dotted black; /**/
}
.img-vision{
    max-height: 60%;
}

.font-link{
    color: #e08450; text-decoration: underline; white-space: nowrap;
}
                                                                                    /*         IMAGES        */
.img-navbar{
    max-height: 180px;
}

.img-mail{
    max-height: 30px;
}

.img-file{
    max-height: 50px;
}

.img-socialmedia{
    max-height: 50px;
}

.img-group{
    /*object-fit: cover;
    object-position: center center;
    border-radius: 0px;*/
    width: 100%;
    height: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
    /*border: 2px dotted yellow;/**/
}

.img-team{
    object-fit: cover;
    object-position: center center; /**/
    /*height: 500px; /**//*
    width: 300px;*/
    width: 70%;
    height: auto;
    border-radius: 0px; /**/
    /*border: 2px dashed lightpink; /**/
}


.img-arrow{
    height: 50px;
}

.img-logo-contact{
    height: 100px;
    width: auto;
}

.img-project{
    max-height: 400px;
}

@media (min-width: 768px) and (max-width:911px){
    .img-logo-contact{
        height: 80px;
    }
    .korrektur{
        height: 100px;
        width: auto;
    }
}
@media (max-width: 767px){
    .img-logo-contact{
        height: 100%;
    }
}



.img-gold{
    max-height: 220x;
    width: auto;
    margin: 15px auto;
}
.img-inconel{
    max-height: 150px;
    width: auto;
}
.img-copper{
    max-height: 110px;
    width: auto
}

.col-copper{
    
    width: 33.333%
}

.img-patron{
    max-height: 75px;
    width: auto
}


.img-cheat{
    background-image: url('https://rapture.ethz.ch/images/RAPTURE_thrust-chamber_testpart_v1_cut_4.png'); 
    background-position: center center;
    background-repeat:no-repeat;
    background-size:contain;
}
.col-cheat{
    padding: 10px 0;
}
.blurry-background {
    background-size: cover;
    backdrop-filter: blur(10px); /* Adjust the blur intensity as needed */
    padding: 20px; /* Add padding for better readability */
    /*color: white; /* Set text color to contrast with the background */
  }




@font-face {
	font-family: 'Blackthorns';
	src: url('hinted-Blackthorns-Light.eot');
	src: url('hinted-Blackthorns-Light%EF%B9%96.eot#iefix') format('embedded-opentype'),
		url('hinted-Blackthorns-Light.woff') format('woff'),
		url('hinted-Blackthorns-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Blackthorns';
	src: url('hinted-Blackthorns-Bold.eot');
	src: url('hinted-Blackthorns-Bold%EF%B9%96.eot#iefix') format('embedded-opentype'),
		url('hinted-Blackthorns-Bold.woff') format('woff'),
		url('hinted-Blackthorns-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Blackthorns';
	src: url('hinted-Blackthorns-Black.eot');
	src: url('hinted-Blackthorns-Black%EF%B9%96.eot#iefix') format('embedded-opentype'),
		url('hinted-Blackthorns-Black.woff') format('woff'),
		url('hinted-Blackthorns-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Blackthorns';
	src: url('hinted-Blackthorns-Regular.eot');
	src: url('hinted-Blackthorns-Regular%EF%B9%96.eot#iefix') format('embedded-opentype'),
		url('hinted-Blackthorns-Regular.woff') format('woff'),
		url('hinted-Blackthorns-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

.text-vision{
    font-family: 'Blackthorns', cursive;
    margin-top: 30px;
    color: #545452;
}



                                                                                    /*      CONTAINERS      */

.container-oberster{
    margin-bottom: 4rem;
    margin-top: 0px;
    padding-top: 4rem;
}

.container-abschnitt{
    margin-top: 4rem;
    margin-bottom: 4rem;
}

.container-team{
    /*border: 3px dashed rgb(255, 0, 0); /**/
    margin-left: 0px;
    margin-right: 0px;
    /*background-color:rgb(113, 111, 146); /**/
    padding: 0px 0px; 
}

.container-contact{
    margin: 0px;
    background-color: #545452;
    color:#dcdcdc;
}

.container-uebergang{
    background: linear-gradient(to top, rgba(220, 220, 220, 0.5), rgb(220, 220, 220, 0)); /**/
    height: 8vh;
}
.row-uebergang{
    background: linear-gradient(to top, rgba(220, 220, 220, 1), rgb(220, 220, 220, 0));/**/
    height: 10vh;
    margin-right: 10vw;
    margin-left: 10vw;
}

.container-vision{
    
    padding-top: 180px;
    /*border: 2px dashed red;*/
}

.container-navbar{
    margin: 0 10vw;
    color: #dcdcdc;
}

.container-project{
    height: 70%;
    align-self: center;
}


                                                                                    /*      REST            */
.row-team{
    margin-right: 10vw;
    margin-left: 10vw; /**/
    background-color: #dcdcdc; /* ersetzen mit gewünschtem*/
    /*border: 5px solid #a500e6; /**/
    border-radius: 0px;
    /*border: 2px dotted black; /**/
}

.row-project{
    margin-right: 10vw;
    margin-left: 10vw; /**/

    
    background-color: #dcdcdc; /* ersetzen mit gewünschtem*/
    /*border: 5px solid #a500e6; /**/
    border-radius: 0px;
    /*border: 2px dotted black; /**/
}

.row-sponsor{
    margin-right: 10vw;
    margin-left: 10vw; /**/
    background-color: white; /* ersetzen mit gewünschtem*/
    /*border: 5px solid #a500e6; /**/
    border-radius: 0px;
    /*border: 2px dotted black; /**/
}

.col-sponsors{
    background: linear-gradient(to right,#FFE766, #AAACAA, #D4AB85, #C5E0B3);/**/
    /*background-color: black;*/
}

.col-socialmedia{
    align-self: flex-end;
}

.col-titel{
    background-color:#545452;
    color:#dcdcdc;
}

.col-team{
    /*border: 2px solid rgb(251, 255, 0); /**/
    /*background-color: rgb(165, 42, 42, 1);/**/
    padding: 10px;
}

.col-group{
    /*border: 1px solid rgb(0, 255, 26); /**/
    padding: 0px;

    overflow: hidden;
}

.row-contact{
    margin-right: 10vw;
    margin-left: 10vw; /**/
}
.text-contact{
    margin: 3px 0;
    padding: 0;
}

.bg-navbar{
    background-color: #545452;
}


.nav-link{
    color: #dcdcdc;
}

.icon-car{        
    color: black;
}

.col-untertitel{
    padding: 0;
    margin: 0;
}


                                                                        /*          FONT SIZES      */


.fs-titel{
    font-size: 3.5rem;
    padding: 10px 0;
    /*background-color:#545452;*/
    }
.fs-hide{
    font-size: medium;
}
.fs-sponsor{
    font-size: 2rem;
}
@media (max-width: 767px){
    .fs-titel{
        font-size: 2rem;
    }
    .fs-hide{
        font-size: 4px;
    }
    .fs-sponsor{
        font-size: 1.2rem;
    }
}





/*              animate the border                  */

.test{
    background-color: rgba(255, 0, 0, 0);
}

.navbar-scroll {
    transition: all 0.3s;
    padding: 4px;
    margin: 0;
}

.navbar-scroll .navbar-brand{
    font-size: 0.5rem;
    padding-top: 0;
    padding-bottom: 0px;
}

.nav-link{
  font-size: 1.75rem;
  transition: font-size 0.3s;
}
@media (max-width: 991px){
    .nav-link{
        font-size: 1rem;
    }
}
@media (min-width: 992px) and (max-width: 1119px){
    .nav-link{
        font-size: 1.25rem;
    }
}
@media (min-width: 1200px){
    .nav-link{
        font-size: 2.5rem;
    }
}


.navbar-scroll .navbar-nav .nav-link {
    font-size: 1rem;
    padding-top: 0px;
    padding-bottom: 0px;
}

#logoA {
  /* Initial width of the logo */
  height: 140px;
  transition: height 0.3s; /* Smooth transition for the logo size */
}
@media (max-width: 991px){
    #logoA{
        height: 100px;
        transition: height 0.3s;
    }
    body{
        padding-top: 100px;
    }
}



.navbar-scroll #logoA {
  height: 75px; /* Reduced width when scrolled down */
  width: 100%
}
@media (max-width: 767px){
  .navbar-scroll #logoA {
    height: 50px; /* Reduced width when scrolled down */
    width: 100%
  }
}
@media (min-width: 992px) and (max-width: 1119px){
    .navbar-scroll #logA{
        height: 80px;
        width: 100%
    }
    .navbar-scroll .navbar-nav .nav-link{
        font-size: 1rem;
    }
}
@media (min-width: 1200px){
    .navbar-scroll #logA{
        height: 120px;
        width: 100%;
    }
    .navbar-scroll .navbar-nav .nav-link{
        font-size: 1.5rem;
    }
}

/*          dot moving along the border         */


.custom-btn {
    border-radius: 0;
    background-color: #dcdcdc;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #000; /* Set your desired text color */
    transition: background-color 0.3s;
    justify-content: center;
  }

  .custom-btn:hover {
    background-color: #9d9d9d; /* Change the background color on hover */
  }

  .img-file{
    max-height: 50px;
    margin: 0 0 0 20px;
}

  .custom-btn i {
    margin-right: 20px; /* Adjust the space between text and icon */
  }


  #errorMessage {
    margin-top: 10px;
  }