body,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Raleway", sans-serif
}

body,
html {
  height: 100%;
  line-height: 1.8;
  scroll-behavior: smooth;


}

body::-webkit-scrollbar {
  display: none;
}



html,
body {
  scroll-snap-type: y mandatory;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}



.g2017-textcolor-gold {
  color: #d4af37;
  text-shadow: 0 0 1px black;
  }

.g2017-textcolor-silber {
  color: #aaa9ad;
  text-shadow: 0 0 1px black;
}

.g2017-textcolor-bronze {
  color: #b08d57;
  text-shadow: 0 0 1px black;
}

.g2017-textcolor-weiss {
  color: #f0f8ff;
  text-shadow: 0 0 1px black;
}


.w3-bar .w3-button {
  padding: 16px;
}

@media only screen and (max-width: 600px) {
  body, html  {
    scroll-snap-type: y proximity;
  }
}

@supports (-webkit-overflow-scrolling: touch) {
  .ios {
    display: block;
  }

  .normal {
    display: none;
  }

  .g2017-background-image-1 {

    background-attachment: scroll;

  }

  .g2017-background-image-2 {

    background-attachment: scroll;

  }

  body {
    scroll-snap-type: y proximity;
  }
}

@supports not (-webkit-overflow-scrolling: touch) {
  .ios {
    display: none;
  }

  .normal {
    display: block;
  }
}

.g2017-background-image-1 {
    background-position: 50% 50%;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("../img/20191213_10-50-11_G2017_Klassenfoto.jpg");
    min-height: 100%;
  }

  .g2017-background-image-2 {
    background-position: 50% 50%;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("../img/20180412_14-12-44_Studium.jpg");
    min-height: 200px;
  }

  @media only screen and (max-width: 600px) {

    .g2017-background-image-2 {

      background-position: 25% 50%;
    }
  }


.g2017-scroll-snap--snap-to-start {
    scroll-snap-align: start;
  }



  .g2017-scroll-snap--snap-to-center {
    scroll-snap-align: center;
  }

  .g2017-overflow-scroll {
    overflow-y: scroll;
  }

  

  .g2017-no-scrollbar::-webkit-scrollbar {
    display: none;
  }

  .g2017-padding-navbar {
    padding-top: 58.4px;
  }

  .g2017-full-height {
    height: 100vh;
    padding-top: 58.4px;
  }

  .g2017-slider {
    -webkit-appearance: none;
    width: 100%;
    height: 15px;
    border-radius: 5px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
  }

  .g2017-slider:hover {
    opacity: 1;
  }

  .g2017-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: red;
    border-color: black;
    cursor: pointer;
  }

  .g2017-slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: red;
    border-color: black;
    cursor: pointer;
  }

  .g2017-wirsind-col {
    width: auto;

  }

  .g2017-wirsind-card {
    width: auto;
  }

  .g2017-wirsind-item {
    float: left;
    
  }

  .g2017-wirsind-item {
    float: left; 
    height: calc(calc(100vmin - 260px)/ 4); 
    width: calc(calc(100vmin - 260px)/ 4);     
    
  }

  @media only screen and (max-width: 600px) {
    .g2017-wirsind-item {
      float: left; 
      height: calc(calc(100vmin - 100px)/ 4); 
      width: calc(calc(100vmin - 100px)/ 4);     
      
    }
  }

  .g2017-wirsind-outer {
    margin: 0 auto;
    width: fit-content;
    
  }

  .g2017-wirsind-raster-item {
    float: inherit; 
    height: 100%; 
    width: 100%; 
    
    
    
    
  }

  .g2017-wirsind-item:nth-child(5) {
     
    clear: left;
    
    
    
    
    
    
  }

  .g2017-wirsind-item:nth-child(9) {
    clear: left;
    
   
    
    
    
    
    
  }

  .g2017-wirsind-item:nth-child(13) {
    clear: left;
    
    
    
    
    
    
  }

  

  .g2017-wirsind-img {
    max-height: 100%;
    max-width: 100%;
  }

  .g2017-hover-no-grayscale:hover {
    filter:grayscale(0%)
  }

  

.g2017-comicsans {
  font-family: "Comic Sans MS", cursive, sans-serif;
}