body{

  height: 160rem;

  margin: auto;

}



.wrapper{

  display: grid;

  grid-template-areas:

        "main-header"

        "iframe-container"

        "main-footer ";

  height: 100%;

  grid-template-columns: unset;

  grid-template-rows: auto 1fr auto;

}



.main-header {

  background-position: center top+30%;

  background-repeat: no-repeat;

  background-size: cover;

  height: 25rem;

  background-image: url("../img/header_img.jpg");

}



.header-links:hover {

  color: black;

}



.header-nav {

  background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.8) 100%);

}



#ride2go-header-logo {

  height: 2.5rem;

  float: left;

  margin: 0.5rem;

}



#ride2go-header-logo img{

  height: 2.5rem;

}





#fahrgemeinschaft-header-logo {

  height: 2.5rem;

  float: left;

  margin: 0.5rem;

}



#fahrgemeinschaft-header-logo img {

  height: 2.5rem;

}



#ride2go-logo-footer {

  width: 7rem;

}



#footer-fg-logo {

  height: 3.5rem;

}



#footer-logos {

  align-items: center;

}



.header-nav a {

  color: black;

}





#iframe-container {

  position: relative;

  height: 100%;

  grid-area: iframe-container;

}



#resp-iframe {

  width: 100%;

  height: 100%;

  border: 0;

}





#static_content{

  grid-area: iframe-container;

  width: 70%;

  margin: 0 auto;

}



#static_content section{

  margin-top: 1.5rem;

}



#static_content div{

  margin-top: 1rem;

}



#static_content img{

  width: 100%;

}

#static_content li{

  list-style-type: disc;

  margin-left: 2rem;

}



#static_content a{

  text-decoration: underline;

  color: darkblue;

}



#kontakt-btn-section{

  margin-bottom: 2rem;

}





#kontakt-btn {

  background-color: #ffdd4c;

  width: max-content;

  padding: 1rem;

  border-radius: 3px;

  font-weight: bold;

  margin-bottom: 3rem;

  text-decoration: none;

  color: black;

}



a#kontakt-btn{

  text-decoration: none;

  color: black;

}





@media (min-width: 320px) and (max-width: 340px) {

  #iframe-container {

    min-height: 185rem;

  }

}



@media (min-width: 341px) and (max-width: 365px) {

  #iframe-container {

    min-height: 175rem;

  }

}



@media (min-width: 366px) and (max-width: 400px) {

  #iframe-container {

    min-height: 155rem;

  }

}



@media (min-width: 401px) and (max-width: 465px) {

  #iframe-container {

    min-height: 145rem;

  }

}



@media (min-width: 466px) and (max-width: 515px) {

  #iframe-container {

    min-height: 135rem;

  }

}



@media (min-width: 516px) and (max-width: 700px) {

  #iframe-container {

    min-height: 125rem;

  }

}



@media (min-width: 701px) and (max-width: 900px) {

  #iframe-container {

    min-height: 115rem;

  }

}



@media (max-width: 900px) {



  .header-nav, .header-nav .menu {

    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.7) 100%);

  }



  .header-nav ul {

    background-color: unset;

  }



  .main-header {

    height: 100%;

  }



  #ride2go-header-logo img {

    height: 2.5rem;

    margin-top: 0.7rem;

  }



  #fahrgemeinschaft-header-logo img {

    height: 2.5rem;

    margin-top: 0.7rem;

  }





}