/* - - - - - - - Scrollspy Hack - - - - - - */

body { overflow-x: unset; }


/* - - - - - - - Desktop View - - - - - - */

.row {
  hyphens: auto;
  }
  

.row-project {
  padding: 2rem;
  }
  
.fs-titel { padding: 3rem 0 2rem 0; }
.row-project .fs-titel { padding: 3rem 0 0rem 0; }

.row-team { padding-bottom: 3rem; }
  
.col-team h4     { padding-top: 0.8rem; }

.row-sponsor h1  { padding-top: 0.5rem; }
.row-sponsor h1:nth-child(1)  { padding-top: 2.5rem; }

.row-sponsor h2  { padding: 1rem; }

.row-sponsor .col-untertitel  { margin-top: 5rem; margin-bottom: 3rem !important; }

div.row-sponsor div:nth-child(2) { margin-top: 1rem; }

#sponsors .col-4.align-self-center.mb-5, 
#sponsors .col-3.align-self-center.mb-5 {padding: 1.5rem 2rem;}

#sponsors .col-6.align-self-center.mb-5 {padding: 1.5rem 4rem;}


.video-machine{
  width: 60%;
  margin: 0 auto;
}

.img-gold{
  width: 75%;
}

.img-machine{
  width: 80%;
}

  @media (min-width: 1200px) {
.fs-4 { font-size: 1.4rem !important; } 
 }


/* - - - - - - - Tablet View - - - - - - */



@media (max-width: 1080px) { 
  
.fs-4 { font-size: 1.1rem !important; } 


#sponsors .col-4.align-self-center.mb-5, 
#sponsors .col-3.align-self-center.mb-5  { padding: 1.25rem 1.5rem; }


 }
 
@media (max-width: 810px) { 
  
.fs-4 { font-size: 1.1rem !important; } 

#sponsors .col-4.align-self-center.mb-5, 
#sponsors .col-3.align-self-center.mb-5  { padding: 0.5rem 1rem;margin-bottom:2rem !important; }

#sponsors .col-6 { width: 75%; padding: 0.75rem 0.75rem;}


 }
 
@media (max-width: 767px) {
.navbar-scroll #logoA { width: auto; } 
.img-logo-contact { height: auto; }

.video-machine{
  width: 80%;
}

.img-machine{
  width: 95%;
}

}

/* - - - - - - - Mobile View - - - - - - */

  @media (max-width: 450px) { 
  



    

.img-machine{
  width: 100%;
}

.container-navbar { margin: 0 1vw; }
  
  
.fs-4 { font-size: 1.0rem !important; } 


.container-vision { padding-top: 80px; }

.row-vision {
  margin-right: 0;
  margin-left: 0; 
  margin-bottom: 0vh;
  }
  

.video-machine{
  width: 100%;
}
  
.img-vision { max-width: 100%; }

.row-project { padding: 0.5rem; }
  
.row-project, .row-team, .row-sponsor, .row-contact {
  margin-right: 1vw;
  margin-left: 1vw; }


#sponsors .col-4.align-self-center.mb-5, 
#sponsors .col-3.align-self-center.mb-5  { 
  padding: 0.25rem 0.25rem;
  margin-bottom:1rem !important; 
  }

.img-logo-contact { max-width: 75%; }

 }