.page {

  border-bottom: none!important;

}



/* For Impressum und Datenschutz */


/*=== DEVIDER ===*/



.devider {
  height: 400px;
  width: 100%;
  background-color: #CF272F;
  font-family: sans-serif;
}

.devider .deviderInside {
 padding-top: 180px;
 padding-left: 50px;
 color: #F3DA65;
}

.devider .deviderInside h1 {
  font-size: 30px;
  letter-spacing: 5px;
}

.devider .deviderInside h2 {
  font-size: 20px;
  letter-spacing: 3px;
  color: #F3DA65;
}

.devider .deviderInside .deviderNav {
  color: #F3DA65;
  text-align: center;
}

.devider .deviderInside .deviderNav a {
  color: #C0C0C0;
  text-decoration: none;
}

.devider .deviderInside .deviderNav a:hover {
  color: #000;
  text-decoration: underline;
}

.devider .deviderInside .deviderNav .activeIndex{
  color: #F3DA65;
}
/*=== IMPRESSUM - CONTENT ===*/


#impressum {

}

#impressum .footerPage{
margin-top: 0;
height: 900px;
}


#impressum-content {
  margin-top: 200px;
  width: 900px;
  padding: 60px;
}

#impressum-content h2 {
  font-size: 30px;
}

#impressum-content h3 {
  font-size: 25px;
  margin: 0;
}
#impressum-content h4 {
  margin: 0;
  margin-top: 10px;
  margin-bottom: 30px;
}

#impressum-content p {
  color: grey;
}

#impressum-content a {
  color: #D10A10;
}

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

  #impressum {
    height: auto;
  }


  #impressum-content {
    margin-top: 200px;
    width: 700px;
    padding: 60px;
  }
}


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

  #impressum {}


  #impressum-content {
    margin-top: 200px;
    width: 600px;
    padding: 60px;
  }
}


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

  #impressum {}


  #impressum-content {
    margin-top: 200px;
    width: 500px;
    padding: 60px;
  }

  #impressum .footerPage{

    height: 1500px;
  }

}


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

  #impressum {}




  #impressum-content {
    margin-top: 200px;
    width: 450px;
    padding: 60px;
  }

  #impressum-content a {
    color: #D10A10;
    font-size: 15px;
  }
}

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

  #impressum {}


  #impressum-content {
    margin-top: 200px;
    width: 350px;
    padding: 60px;
  }

}


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

  #impressum {}


    
  #impressum-content {
    margin-top: 200px;
    width: 250px;
    padding: 60px;
  }

}






/**DATENSCHUTZ**/

#datenschutz-content {
  margin-top: 200px;
  width: 900px;
  padding: 60px;
  height: 8000px;
}

#datenschutz-content h2 {
  font-size: 30px;
}

#datenschutz-content h3 {
  font-size: 25px;
  margin: 0;
}
#datenschutz-content h4 {
  margin: 0;
  margin-top: 10px;
  margin-bottom: 30px;
}

#datenschutz-content p {
  color: grey;
}

#datenschutz-content a {
  color: #D10A10;
}

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

  #datenschutz {
    height: 9800px;
  }


  #datenschutz-content {
    margin-top: 200px;
    width: 700px;
    padding: 60px;
  }
}


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

  #datenschutz {
    height: 10800px;
  }
  #datenschutz-content {
    margin-top: 200px;
    width: 600px;
    padding: 60px;
  }
}


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

  #datenschutz {
    height: 12300px;
  }
  #datenschutz-content {
    margin-top: 200px;
    width: 500px;
    padding: 60px;
  }
}


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

  #datenschutz {
    height: 12500px;
  }
  #datenschutz-content {
    margin-top: 200px;
    width: 450px;
    padding: 60px;
  }

  #datenschutz-content a {
    color: #D10A10;
    font-size: 15px;
  }
}

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

  #datenschutz {
    height: 15500px;
  }
  #datenschutz-content {
    margin-top: 200px;
    width: 350px;
    padding: 60px;
  }

}


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

  #datenschutz {
    height: 20500px;
  }
  #datenschutz-content {
    margin-top: 200px;
    width: 250px;
    padding: 60px;
  }

}


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

  #datenschutz {
    height: 20500px;
  }
  #datenschutz-content {
    margin-top: 200px;
    width: 150px;
    padding: 60px;
  }

}





/* ÄNDERUNGEN AN style.css, die für die subpage überschrieben werden müssen */

.page {
  border-bottom: 0px solid #000;

}


.page h2 {
  color: #D10A10;
}


/*.footerPage {
  height: 400px;
}*/




/**FOOTER**/



.footerPage {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: 120%;
  width: 100%;
  margin-top: 2050px;
}

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

  .footerPage {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 120%;
    width: 100%;
    margin-top: 2050px;
  }


}


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

  .footerPage {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 120%;
    width: 100%;
    margin-top: 3350px;
  }


}


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

  .footerPage {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 120%;
    width: 100%;
    margin-top: 3000px;
  }

}

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

  .footerPage {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 120%;
    width: 100%;
    margin-top: 2000px;
  }

}

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

  .footerPage {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 120%;
    width: 100%;
    margin-top: 7500px;
  }
}

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

  .footerPage {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 120%;
    width: 100%;
    margin-top: 6000px;
  }
}

.footerPage .footer {
  height: 380px;
  background-color: #CF272F;;
  width: 100%;
  text-align: center;
}



.footerPage .footer h1 {
  margin-bottom: 0;
  color: #F3DA65;

}

.footerPage .footer h2 {
  margin-top: 0;
  font-size: 22px;
  color: #F3DA65;

}

.footerPage .footer .footer-box {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
height: 158px;

}


.footerPage .footer .footer-box .footer-item {

}

.footerPage .footer .footer-box .footer-item h2{
  margin-top: 30px;
  font-size: 22px;
  color: #F3DA65;
  margin-bottom: 30px;
}


.footerPage .footer .footer-box .footer-item p {
  line-height: 5px;
  text-align: left;
  color: #F3DA65;
  font-weight: bold;
}


.footerPage .footer .footer-box .footer-item a {
  color: #F3DA65;
  text-decoration: none;
  transition: .3s;
}


.footerPage .footer .footer-box .footer-item a:hover {
  color: yellow;
}

.footerPage .footer .footer-box .footer-item-right p {
  text-align: right;
}




 .footerPage #logoIcon {
  color: #F3DA65;
  font-size: 45px;
  transition: .3s;
  /*border: 3px solid #F3DA65;*/
  margin-left: 20px;
  padding-left: 13px;
  padding-right: 7px;
  padding-top: 6px;
  padding-bottom: 6px;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  margin: 0 auto;
  margin-top: 20px;
}

.footerPage #logoIcon:hover {
  color: yellow;
}

.footerPage #logoIcon .fa-shower {
  font-size: 60px;
  margin-top: 5px;
}

.footerPage #logoIcon img {
  width: 90px;
  margin-top: -20px;
  margin-left: -15px;
}


.footerPage .footer .footer-box .footer-item .footerImp {
float: left;
}

.footerPage .footer .footer-box .footer-item .footerDat {
  float: right;
}




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




  .footerPage {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 125%;
    width: 100%;
  }


  .footerPage .footer {
    height: 420px;
    background-color: #CF272F;
    width: 100%;
    text-align: center;
  }




  .footerPage .footer .footer-box {
  display: grid;
  width: 600px;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  height: auto;
  margin: 0 auto;

  }


.footerPage .footer .footer-box .footerItemUnsee {
  display: none;
}



  .footerPage .footer .footer-box .footer-item .footerImp {
  float: none;
  }

  .footerPage .footer .footer-box .footer-item .footerDat {
    float: none;
  }





}



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




  .footerPage {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 145%;
    width: 100%;
  }


}







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





    .footerPage {
      display: flex;
      justify-content: center;
      align-items: flex-end;
      height: 205%;
      width: 100%;
    }


    .footerPage .footer {
      height: 990px;
      background-color: #CF272F;
      width: 100%;
      text-align: center;
    }




    .footerPage .footer .footer-box {
    display: grid;
    width: 400px;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(6, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    height: auto;
    margin: 0 auto;

    }


    .footerPage .footer .footer-box .footer-item {
    height: 80px;
    }



  .footerPage .footer .footer-box .footerItemUnsee {
    display: none;
  }


  .footerPage .footer .footer-box .footer-itemLast {
    order: 6;
  }



    .footerPage .footer .footer-box .footer-item .footerImp {
    float: none;
    }

    .footerPage .footer .footer-box .footer-item .footerDat {
      float: none;
    }



    .footerPage .footer .footer-box .footer-item .footerHeading { /* Funktioniert komischerweise nicht, deshalb inline css in index.html zeile 397*/

    }


    .footerPage .footer .footer-box .footer-item h2{
      margin-top: 0px;
      font-size: 22px;
      margin-bottom: 0px;
    }


    .footerPage .footer .footer-box .footer-item p {
      line-height: 5px;
      text-align: center;
      color: #F3DA65;
      font-weight: bold;
    }


    .footerPage .footer .footer-box .footer-item-right {
      margin-top: 30px;
    }





}





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

  .footerPage {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 265%;
    width: 100%;
  }

}







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





    .footerPage {
      display: flex;
      justify-content: center;
      align-items: flex-end;
      height: 265%;
      width: 100%;
    }


    .footerPage .footer {
      height: 990px;
      background-color: #CF272F;;
      width: 100%;
      text-align: center;
      margin-top: 100%;
    }




    .footerPage .footer .footer-box {
    display: grid;
    width: 300px;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(6, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    height: auto;
    margin: 0 auto;

    }


    .footerPage .footer .footer-box .footer-item {
    height: 80px;
    }



  .footerPage .footer .footer-box .footerItemUnsee {
    display: none;
  }


  .footerPage .footer .footer-box .footer-itemLast {
    order: 6;
  }



    .footerPage .footer .footer-box .footer-item .footerImp {
    float: none;
    }

    .footerPage .footer .footer-box .footer-item .footerDat {
      float: none;
    }



    .footerPage .footer .footer-box .footer-item .footerHeading { /* Funktioniert komischerweise nicht, deshalb inline css in index.html zeile 397*/

    }


    .footerPage .footer .footer-box .footer-item h2{
      margin-top: 0px;
      font-size: 22px!important;
      margin-bottom: 0px;
    }


    .footerPage .footer .footer-box .footer-item p {
      line-height: 5px;
      text-align: center;
      color: #F3DA65;
      font-weight: bold;
    }


    .footerPage .footer .footer-box .footer-item-right {
      margin-top: 30px;
    }





}



 .subFooter {
  background-color: #FFF;
  height: 10px;
  text-align: center;
  display: block;
  margin-bottom: 35px;
}


 .subFooter .fa-solid {
   font-size: 40px;
   margin-top: 5px;
   color: #000;
 }