/**BESODNERE STYLES**/

#endOfContactPage {
  color: 000;
  background-color: #000;
  height: 5px;
  margin-top: 800px;
  border: none;
}


/**Generelle Styles**/
html {

        scroll-padding-top: 80px;
}



/**STYLES DIE ÖFTER VERWENDET WERDEN**/


.buttonMore {
  margin-top: 20px;
  color: #FFF;
  border: 3px solid #CF272F;
  padding: 10px 60px;
  text-decoration: none;
  background-color: #CF272F;
  border-radius: 5px;
  transition: .3s;
}




.buttonMore:hover {
  background-color: orange;
}




  body {
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr;
    background-color: #FFF;
    font-family: sans-serif;
  }

  .pageContainer {
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr;
  }

  .page {
    width: 1800px;
    height: 1000px;
    background-color: #FFF;
    margin: 0 auto;
    border-bottom: 5px solid #000!important;
    z-index: 1;

  }


  h1 {
    color: #CF272F;
  }








    /*NAVIGATION*/

    nav {
        background-color: #CF272F;
        height: 80px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 1800px;
        font-family: sans-serif;
        font-weight: bold;
        letter-spacing: .75px;
        position: fixed!important;
        z-index: 1000000;
        filter: none;
        transition: top 0.3s ease!important;
      }

      nav .logo {
        width: 5%;
        height: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
      }

      nav .links {
        width: 99%;
        height: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        margin-right: 125px;

      }

    nav .links .linksConatiner {
    }

      nav a {
        color: #F3DA65;
        text-decoration: none;
        padding: 10px;
        margin: 0;
        border-radius: 5px;
        transition: .3s;
        letter-spacing: 1px;
        font-family: sans-serif;
        font-size: 14px;
      }

      nav a:hover {
        color: yellow;
      }


      nav .logo #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%;
      }

      nav .logo #logoIcon:hover {
        color: yellow;
      }

      nav .logo #logoIcon span {
        color: #F3DA65;
        font-size: 25px;
        font-weight: normal;
        position: absolute;
        margin-left: 30px;
        margin-top: 27px;
      }

      nav .logo #logoIcon img {
        width: 50px;
        padding: 0;
        padding-top: 7px;
      }


    nav #menuBtn {
      color: #F3DA65;
      font-size: 40px;
      display: none;
      padding: 22px;
      z-index: 100000;
    }

    /* Hier waren die settings, sie wurde zu navSettings.css verschoben */



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




      nav .links {
        margin-right: 105px;

      }


      nav a {
        padding: 5px;
        margin: 0;
        letter-spacing: 1px;
        font-size: 13px;
        color: #F3DA65;
      }
    }


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




      nav .links {
        margin-right: 95px;

      }


      nav a {
        padding: 5px;
        margin: 0;
        letter-spacing: .4px;
        font-size: 13px;
        color: #F3DA65;
      }
    }


      @media (max-width: 1235px) {




        nav {
          position: fixed;
          z-index: 10000;
        }


        nav .links {
          width: 99%;
          height: 100%;
          display: flex;
          justify-content: flex-end;
          align-items: center;
          margin-right: 0px;

        }

        nav #menuBtn {
          display: block;
        }


        nav a {
          color: #F3DA65;
          text-decoration: none;
          padding: 15px 0px;
          margin: 0 0px;
          border-radius: 5px;
           display:block;
           transition: height 0.5s ease-out;

        }




        nav .links .linksConatiner {
          background-color: #CF272F;
          position: absolute;
          margin-top: 530px;
          height: 422px;
          width: 250px;
          border-bottom-left-radius: 15px;
          border-bottom-right-radius: 15px;
          border-radius: 15px;
          display: block;
          opacity: 0;
          display: none;
          transition: .3s;
          margin-right: 30px;
            box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
            z-index: 100000;
        }


        nav .links .linksConatiner.visible {
          display: block;
          opacity: 1;
        }




      }


      @media screen and (max-width: 600px) {
        nav .logo #logoIcon span {
          color: #F3DA65;
          font-size: 20px;
          font-weight: normal;
          position: absolute;
          margin-left: 30px;
          margin-top: 17px;
        }

      }



      @media screen and (max-width: 460px) {
        nav .logo #logoIcon span {
      display: none;
        }

      }






      /*** Anfang Seite 1 (Home) ***/


      .page1-container {
  display: grid;
  grid-template-rows: repeat(5, 1fr); /* Vier Reihen mit gleicher Höhe */
  grid-template-columns: 1fr; /* Eine Spalte mit gleicher Breite */
  gap: 10px; /* Abstand zwischen den Zellen, kannst du nach Bedarf anpassen */
  background-color: #000;
  height: 100%;
  font-family: sans-serif;
  color: #F3DA65;
  /*background: url("../img/OnPageImages/hintergrund.jpg");*/
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-color: #efefef;
}





/* Beispiel für Zellen-Styling */
.page1-container .grid-item {
  padding: 20px;
  text-align: center;
/*border: 1px solid black;*/
}

.page1-container .grid-item-View {
  width: 800px;
  margin: 0 auto;
  background-color: rgba(207, 39, 47, 0.7);
  border-radius: 20px;
  height: 400px;
}




.page1-container .grid-item .displayFlexInItem {
  width: 100%; /*Hier Responsive*/
  display: flex;
  align-items: flex-start;
  justify-content: center;

}


.page1-container .grid-item .displayFlexInItem .page1Heading {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #F3DA65;

}


.page1-container .grid-item .displayFlexInItem .page1Heading h1 {
  font-size: 75px;
  margin: 0;
  margin-top: 25px;
  color: #F3DA65;
}


.page1-container .grid-item .displayFlexInItem .page1Heading #gmbhRotate {
  transform: rotate(90deg);
  font-weight: 900;
  position: absolute;
  margin-left: 730px;
  margin-top: 38px;
}


.page1-container .grid-item h2 {
  font-size: 55px;
  margin-top: 20px;
  margin-bottom: 0;
}


.page1-container .grid-item .dispalyFlexH3 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.page1-container .grid-item .dispalyFlexH3 h3 {
  margin-top: 20px;
  font-size: 40px;
  font-weight: normal;
  margin-bottom: 20px;
}


.page1-container .grid-item .dispalyFlexH3 h3 span {
  font-weight: bold;
  margin-top: 5px;
}


.page1-container .grid-item .subH3 {
  margin: 0;
}

.page1-container .grid-item .subH3 h3 {
  margin-top: 0;
  font-size: 25px;
  font-weight: normal;
  margin-bottom: 10px;
}



.page1-container .noPadding {
  padding: 0;
}

.page1-container .arrowBtn {

  color: inherit;             /* Erbt die Schriftfarbe vom Elternelement */
  text-decoration: none;     /* Entfernt Unterstreichungen */
  cursor: auto;              /* Standard-Cursor statt des Zeigers */
  background-color: transparent; /* Hintergrundfarbe */
  border: none;              /* Keine Ränder */
  padding: 0;                /* Kein Innenabstand */
  margin: 0;                 /* Kein Außenabstand */
  display: block;            /* Macht es zu einem Block-Element wie ein <div> */
  width: auto;               /* Standardbreite */
  height: auto;              /* Standardhöhe */
  line-height: normal;       /* Standard Zeilenhöhe */
  font: inherit;             /* Erbt die Schriftart vom Elternelement */
  text-align: inherit;

  background-color: rgba(207, 39, 47, 0.7);
  width: 80px;
  height: 80px;
  margin: 0 auto;
  border-radius: 50%;
}


.page1-container .arrowBtn .fa-solid {
  font-size: 40px;
  margin-top: 20px;
}


/* Definiere die Keyframes für die Animation */
@keyframes auf-und-ab {
    0% { transform: translateY(-10px); }
    50% { transform: translateY(10px);}
    100% { transform: translateY(-10px);}

}

/* Wende die Animation auf ein Element an */
.page1-container .arrowBtn .fa-solid {
    animation: auf-und-ab 3.5s ease-in-out infinite;
}



.page {
  width: 100%;
}
 nav {
     width: 100%;

 }

 nav .logo {
       width: 100%;
 }

 nav .links {
       width: 100%;

 }





  @media screen and (max-width: 1200px) {
    .page1-container .grid-item-View {
      width: 600px;
      height: 300px;
    }



    .page1-container .grid-item .displayFlexInItem .page1Heading #gmbhRotate {
      transform: rotate(90deg);
      font-weight: 700;
      position: absolute;
      margin-left: 560px;
      margin-top: 38px;
      font-size: 14px;
    }



    .page1-container .grid-item .displayFlexInItem .page1Heading h1 {
      font-size: 58px;
      margin: 0;
      margin-top: 25px;
    }

    .page1-container .grid-item h2 {
      font-size: 45px;
      margin-top: 15px;
    }

    .page1-container .grid-item .dispalyFlexH3 h3 {
      margin-top: 15px;
      font-size: 30px;
      font-weight: normal;
      margin-bottom: 9px;
    }


    .page1-container .grid-item .subH3 h3 {
      margin-top: 0;
      font-size: 20px;
      font-weight: normal;
      margin-bottom: 10px;
    }


  }









  @media screen and (max-width: 760px) {
    .page1-container .grid-item-View {
      width: 400px;
      height: 300px;

    }



    .page1-container .grid-item .displayFlexInItem .page1Heading #gmbhRotate {
      transform: rotate(90deg);
      font-weight: 700;
      position: absolute;
      margin-left: 325px;
      margin-top: 68px;
      font-size: 12px;
    }



    .page1-container .grid-item .displayFlexInItem .page1Heading h1 {
      font-size: 48px;
      margin: 0;
      margin-top: 5px;
    }

    .page1-container .grid-item h2 {
      font-size: 38px;
      margin-top: 5px;
    }

    .page1-container .grid-item .dispalyFlexH3 h3 {
      margin-top: 10px;
      font-size: 25px;
      font-weight: normal;
      margin-bottom: 9px;
    }


    .page1-container .grid-item .subH3 h3 {
      margin-top: 0;
      font-size: 20px;
      font-weight: normal;
      margin-bottom: 10px;
    }


  }





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


    .page1-container {
display: grid;
grid-template-rows: repeat(10, 1fr); /* Vier Reihen mit gleicher Höhe */
grid-template-columns: 1fr; /* Eine Spalte mit gleicher Breite */
gap: 10px; /* Abstand zwischen den Zellen, kannst du nach Bedarf anpassen */
background-color: #000;
height: 100%;
font-family: sans-serif;
color: #F3DA65;
/*background: url("../img/bg.jpg");*/
background-size: cover;
background-position: center;
}





    .page1-container .grid-item-View {
      width: 300px;
      height: 280px;
      margin-top: 100px;

    }



    .page1-container .grid-item .displayFlexInItem .page1Heading #gmbhRotate {
      transform: rotate(90deg);
      font-weight: 600;
      position: absolute;
      margin-left: 255px;
      margin-top: 73px;
      font-size: 8.5px;
    }



    .page1-container .grid-item .displayFlexInItem .page1Heading h1 {
      font-size: 38px;
      margin: 0;
      margin-top: 25px;
    }

    .page1-container .grid-item h2 {
      font-size: 28px;
      margin-top: 5px;
    }

    .page1-container .grid-item .dispalyFlexH3 h3 {
      margin-top: 10px;
      font-size: 20px;
      font-weight: normal;
      margin-bottom: 20px;
    }


    .page1-container .grid-item .subH3 h3 {
      margin-top: 0;
      font-size: 16px;
      font-weight: normal;
      margin-bottom: 10px;
    }


  }



/****ABOUT****/

#about {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  height: auto;
}


#about .aboutPage {
text-align: center;
  height: auto;
  background-color: transparent;
  margin: 0 auto;
  padding: 20px;
  color: #F3DA65;
  color: #CF272F;
  background-color: none;
  margin: 0px;
  margin-bottom: 0px;
  padding-bottom: 0;
}


#about .aboutPage h1 {
  font-size: 45px;

}

#about .aboutPage h2 {
  font-size: 30px;
  margin-top: 40px;
}

#about .aboutPage p {
  font-size: 18px;
  letter-spacing: 1px;
    margin-top: 40px;
}


#about .aboutPage .iconBar {
    display: grid;
    grid-template-rows: repeat(1, auto); /* Eine Reihe mit automatischer Höhe */
    grid-template-columns: repeat(4, auto); /* Vier Spalten mit automatischer Breite */
    justify-content: center; /* Optional: um die Elemente horizontal zu zentrieren */
    grid-auto-flow: column;
    margin-top: 50px;
  }





  #about .aboutPage .iconBar .iconBarItem {
    width: 25%;
    margin: 0 auto;
    display: flex;
    margin: 40px;
    margin-top: 0;
    margin-bottom: 0;

  }

  #about .aboutPage .iconBar .iconBarItem p {
    margin: 0;
    font-size: 20px;
    margin-top: 15px;
    margin-left: 15px;
    width: 100%;
    white-space: nowrap; /* Verhindert Zeilenumbruch */

  }

  #about .aboutPage .iconBar .fa-solid {
    font-size: 50px;
    margin: 0;
    z-index: 2;
    transition: .3s;
  }

  #about .aboutPage .iconBar .fa-solid:hover {
   transform: scale(0.97);
  }

  .aboutPageImageContainer {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #about .aboutPage img {
    width: 900px;
    margin: 0 auto;
    margin-top: 20px;
    position: relative;
    transition: .3s;
    z-index: 0;
    margin-bottom: 80px;
  }



  #about .aboutPage img:hover {
    transform: scale(0.97);
  }


  @media screen and (max-width: 1016px) {
    #about .aboutPage img {
      width: 800px;
      margin-top: 20px;

    }
  }



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

    #about .aboutPage {
      width: 800px;
    }




    #about .aboutPage .iconBar {
          display: grid;
          grid-template-rows: repeat(2, auto); /* Zwei Reihen mit automatischer Höhe */
          grid-template-columns: repeat(2, auto); /* Zwei Spalten mit automatischer Breite */
          justify-content: center; /* Optional: um die Elemente horizontal zu zentrieren */
          grid-auto-flow: column;
    }


    #about .aboutPage .iconBar .iconBarItem {
      width: 25%;
      margin: 0 auto;
      display: flex;
      margin: 40px;
      margin-top: 0;
      margin-bottom: 0;
      margin: 60px;
      margin-top: 10px;
      margin-bottom: 40px;

    }
  }



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

    #about .aboutPage {
      width: 600px;
    }

    #about .aboutPage img {
      width: 600px;
      margin-top: 20px;

    }

   }


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

     #about .aboutPage {
     text-align: center;
       width: 400px;
       height: auto;
       background-color: transparent;
       margin: 0 auto;
       padding: 20px;
       color: #F3DA65;
       color: #CF272F;
       margin: 0;
       background-color: none;
       margin-bottom: 70px;
     }

     #about .aboutPage .iconBar {
           display: grid;
           grid-template-rows: repeat(4, auto); /* Zwei Reihen mit automatischer Höhe */
           grid-template-columns: repeat(1, auto); /* Zwei Spalten mit automatischer Breite */
           justify-content: center; /* Optional: um die Elemente horizontal zu zentrieren */
           grid-auto-flow: column;
     }

     #about .aboutPage img {
       width: 500px;
       margin-top: 20px;

     }

    }


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

      #about .aboutPage {
      text-align: center;
        width: 350px;
        height: auto;
        background-color: transparent;
        margin: 0 auto;
        padding: 20px;
        color: #F3DA65;
        color: #CF272F;
        background-color: none;
        margin: 0px;
        margin-bottom: 70px;
      }

      #about .aboutPage img {
        width: 400px;
        margin-top: 20px;

      }

     }




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

            #about .aboutPage {
            text-align: center;
              width: 300px;
              height: auto;
              background-color: transparent;
              margin: 0 auto;
              padding: 0px;
              color: #F3DA65;
              color: #CF272F;
              background-color: none;
              margin: 0px;
              margin-bottom: 70px;
            }

            #about .aboutPage img {
              width: 370px;
              margin-top: 20px;

            }

           }




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

             #about .aboutPage {
             text-align: center;
               width: 280px;
               height: auto;
               background-color: transparent;
               margin: 0 auto;
               padding: 0px;
               color: #F3DA65;
               color: #CF272F;
               background-color: none;
               margin: 0px;
               margin-bottom: 70px;
             }

             #about .aboutPage img {
               width: 330px;
               margin-top: 20px;

             }

            }



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

              #about .aboutPage {
              text-align: center;
                width: 300px;
                height: auto;
                background-color: transparent;
                margin: 0 auto;
                padding: 0px;
                color: #F3DA65;
                color: #CF272F;
                background-color: none;
                margin: 0px;
                margin-bottom: 70px;
              }

              #about .aboutPage img {
                width: 300px;
                margin-top: 20px;

              }

             }




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

               #about .aboutPage {
               text-align: center;
                 width: 300px;
                 height: auto;
                 background-color: transparent;
                 margin: 0 auto;
                 padding: 0px;
                 color: #F3DA65;
                 color: #CF272F;
                 background-color: none;
                 margin: 0px;
                 margin-bottom: 70px;
               }

               #about .aboutPage img {
                 width: 280px;
                 margin-top: 20px;

               }

              }









/*** SERVICES ***/

#services {
  height: 3050px;
  text-align: center;
  color: #CF272F;
  overflow: hidden;
}

#services h1{
  font-size: 45px;
  margin-top: 50px;
}



#services .services-grid-container {
  display: grid;
  grid-template-rows: repeat(4, 1fr); /* 3 Reihen mit gleicher Höhe */
  grid-template-columns: repeat(2, 1fr); /* 2 Spalten mit gleicher Breite */
  gap: 10px; /* Abstand zwischen den Elementen */
  width: 1600px;
  margin: 0 auto;
}

/* Styling für die Grid-Elemente (Beispiel) */
#services .services-grid-container .grid-item {
  padding: 50px;
  text-align: center;
}

#services .services-grid-container .grid-item .text-item {
  margin-top: 130px;
}


#services .services-grid-container .grid-item h2 {
  font-size: 30px;
  margin-bottom: 20px;
}

#services .services-grid-container .grid-item p {
  font-size: 18px;
  margin-bottom: 50px;
}





#services .services-grid-container .grid-item img {
height: 500px;
transition: .3s;
}

#services .services-grid-container .grid-item img:hover {
 transform: scale(0.97);
}




#services .services-grid-container #grid-item-first {
  margin-right: 200px;
}


#services .services-grid-container #grid-item-second {
  margin-left: 200px;
}



#services .services-grid-container #grid-item-third {
  margin-right: 200px;
}


#services .services-grid-container #grid-item-fourth {
    margin-left: 200px;
    margin-top: 100px;
}


.item_7 {
margin-top: 50px;
}




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

  #services {
    height: 2450px;
    text-align: center;
    color: #CF272F;
  }
  #services .services-grid-container {
    display: grid;
    grid-template-rows: repeat(3, 1fr); /* 3 Reihen mit gleicher Höhe */
    grid-template-columns: repeat(2, 1fr); /* 2 Spalten mit gleicher Breite */
    gap: 10px; /* Abstand zwischen den Elementen */
    width: 1200px;
   margin: 0 auto;
  }


    #services .services-grid-container .grid-item {
      padding: 0;
    }


  #services .services-grid-container .grid-item img {
    height: 500px;
    margin-top: 20px;
  }


  #services .services-grid-container #grid-item-first {
    margin-right: 100px;
  }


  #services .services-grid-container #grid-item-second {
    margin-left: 100px;
  }



  #services .services-grid-container #grid-item-third {
    margin-right: 100px;
  }

  #services .services-grid-container #grid-item-fourth {
      margin-left: 100px;
      margin-top: 100px;
  }
}



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


  #services {
    height: 2550px;
  }
  #services .services-grid-container {
    display: grid;
    grid-template-rows: repeat(3, 1fr); /* 3 Reihen mit gleicher Höhe */
    grid-template-columns: repeat(2, 1fr); /* 2 Spalten mit gleicher Breite */
    gap: 10px; /* Abstand zwischen den Elementen */
    width: 800px;
   margin: 0 auto;
  }


  #services .services-grid-container .grid-item img {
    height: 400px;
    margin-top: 50px;
  }



    #services .services-grid-container .item_1 {
      width: 300px;
    }
  #services .services-grid-container #grid-item-first {
    margin-left: -75px;
  }


  #services .services-grid-container #grid-item-second {
    margin-left: 25px;
  }



  #services .services-grid-container #grid-item-third {
    margin-left: -50px;
  }

  #services .services-grid-container #grid-item-fourth {
      margin-left: 25px;
      margin-top: 100px;
  }
}




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

  #services {
    height: 4300px;
    text-align: center;
    color: #CF272F;
  }
  #services .services-grid-container {
    display: grid;
    grid-template-rows: repeat(6, 1fr); /* 3 Reihen mit gleicher Höhe */
    grid-template-columns: repeat(1, 1fr); /* 2 Spalten mit gleicher Breite */
    gap: 10px; /* Abstand zwischen den Elementen */
    width: 600px;
   margin: 0 auto;
  }

  #services h1{
   margin-bottom: 70px;
  }


  #services .services-grid-container .grid-item {
    padding: 0px;
    text-align: center;

  }


  #services .services-grid-container .grid-item-text {
   height: 200px;
  }

  #services .services-grid-container .grid-item-text .text-item {
   margin: 0;
  }


  #services .services-grid-container .grid-item img {
    height: 380px;
  }


  #services .services-grid-container #grid-item-first {
    margin-left: 0px;
    margin: 0 auto;
    margin-right: 190px;
  }


  #services .services-grid-container #grid-item-second {
    margin-left: 0px;
    margin-top: 50px;
  }



  #services .services-grid-container #grid-item-third {
    /*margin-right: -20px;*/

    padding-left: 140px;
  }

  #services .services-grid-container #grid-item-fourth {
      margin-left: 0px;
      margin-top: 100px;
  }



  .item_1 {
  order: 1; /* Ändert die Reihenfolge von Element 1 auf den dritten Platz */
}

.item_2 {
order: 2; /* Ändert die Reihenfolge von Element 1 auf den dritten Platz */
}

.item_3 {
order: 4; /* Ändert die Reihenfolge von Element 1 auf den dritten Platz */
}

.item_4 {
order: 3; /* Ändert die Reihenfolge von Element 1 auf den dritten Platz */
}

.item_5 {
order: 5; /* Ändert die Reihenfolge von Element 1 auf den dritten Platz */
}

.item_6 {
order: 6; /* Ändert die Reihenfolge von Element 1 auf den dritten Platz */
}

.item_7 {
order: 8; /* Ändert die Reihenfolge von Element 1 auf den dritten Platz */
}

.item_8 {
order: 7; /* Ändert die Reihenfolge von Element 1 auf den dritten Platz */
}

}












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

  #services {
    height: 4350px;
    text-align: center;
    color: #CF272F;
  }
  #services .services-grid-container {
    display: grid;
    grid-template-rows: repeat(6, 1fr); /* 3 Reihen mit gleicher Höhe */
    grid-template-columns: repeat(1, 1fr); /* 2 Spalten mit gleicher Breite */
    gap: 10px; /* Abstand zwischen den Elementen */
    width: 400px;
   margin: 0 auto;
  }

  #services h1{
   margin-bottom: 70px;
  }


  #services .services-grid-container .grid-item {
    padding: 0px;
    text-align: center;

  }


  #services .services-grid-container .grid-item-text {
   height: 200px;
  }

  #services .services-grid-container .grid-item-text .text-item {
   margin: 0;
  }


  #services .services-grid-container .grid-item img {
    height: 380px;
  }


  #services .services-grid-container #grid-item-first {
    margin: 0 auto;
    margin-right: 90px;

  }


  #services .services-grid-container #grid-item-second {
    margin-left: 0px;
  }



  #services .services-grid-container #grid-item-third {
    margin-right: 0px;
    padding-left: 45px;
  }



  .item_1 {
  order: 1; /* Ändert die Reihenfolge von Element 1 auf den dritten Platz */
}

.item_2 {
order: 2; /* Ändert die Reihenfolge von Element 1 auf den dritten Platz */
}

.item_3 {
order: 4; /* Ändert die Reihenfolge von Element 1 auf den dritten Platz */
}

.item_4 {
order: 3; /* Ändert die Reihenfolge von Element 1 auf den dritten Platz */
}

.item_5 {
order: 5; /* Ändert die Reihenfolge von Element 1 auf den dritten Platz */
}

.item_6 {
order: 6; /* Ändert die Reihenfolge von Element 1 auf den dritten Platz */
}

}







@media screen and (max-width: 430px) {
  #services {
    height: 4100px; /* Anstatt einer festen Höhe wird 'auto' verwendet, damit sich die Höhe nach dem Inhalt richtet */
    text-align: center;
    color: #CF272F;
  }
  #services .services-grid-container {
    display: grid;
    grid-template-columns: 1fr; /* Nur eine Spalte */
    gap: 10px; /* Beibehalten eines Abstands von 10px */
    width: calc(100% - 20px); /* Die Breite wird auf 100% minus die Gesamtseitenabstände gesetzt */
    margin: 0 auto;
  }

  #services h1 {
    margin-bottom: 30px; /* Reduzierter Abstand nach dem H1-Element */
  }

  #services .services-grid-container .grid-item {
    padding: 0; /* Entfernen der Padding-Angaben, um zusätzlichen Abstand zu vermeiden */
  }

  #services .services-grid-container .grid-item-text {
    width: auto; /* Setzen der Breite auf 'auto', damit der Container sich ausdehnen kann */
    margin-top: 20px; /* Hinzufügen eines positiven Abstands oben, falls nötig */
  }

  #services .services-grid-container .grid-item h2 {
    font-size: 18px; /* Beibehalten der Schriftgröße für H2-Elemente */
    margin-bottom: 10px; /* Reduzierung des Abstands nach dem H2-Element */
  }

  #services .services-grid-container .grid-item img {
    width: 391px; /* Die Bilder nehmen die volle Breite ihres Containers ein */
    height: auto; /* Die Höhe der Bilder wird automatisch angepasst, um das Seitenverhältnis zu erhalten */
  }

  /* Entfernen der spezifischen Margin-Anweisungen für einzelne grid-items, um unerwarteten Abstand zu verhindern */
  #services .services-grid-container #grid-item-first,
  #services .services-grid-container #grid-item-second,
  #services .services-grid-container #grid-item-third {
    margin: 0;
  }

  #services .services-grid-container #grid-item-first {
    margin: 0 auto;
    margin-right: 50px;

  }

  #services .services-grid-container #grid-item-third {
    margin: 0;
    padding-left: 0px;
    margin-left: -5px;
  }





  /* Hier wird die Reihenfolge der Elemente angepasst - falls notwendig */
  .item_1 { order: 1;

    display: flex;
    justify-content: center;
    align-items: center;
   }
  .item_2 { order: 2; }
  .item_3 { order: 4; }
  .item_4 { order: 3; }
  .item_5 { order: 5; }
  .item_6 { order: 6; }




}





@media screen and (max-width: 418px) {
  #services {
    height: 3100px; /* Anstatt einer festen Höhe wird 'auto' verwendet, damit sich die Höhe nach dem Inhalt richtet */
    text-align: center;
    color: #CF272F;
  }
  #services .services-grid-container {
    display: grid;
    grid-template-columns: 1fr; /* Nur eine Spalte */
    gap: 10px; /* Beibehalten eines Abstands von 10px */
    width: calc(100% - 20px); /* Die Breite wird auf 100% minus die Gesamtseitenabstände gesetzt */
    margin: 0 auto;
  }

  #services h1 {
    margin-bottom: 30px; /* Reduzierter Abstand nach dem H1-Element */
  }

  #services .services-grid-container .grid-item {
    padding: 0; /* Entfernen der Padding-Angaben, um zusätzlichen Abstand zu vermeiden */
  }

  #services .services-grid-container .grid-item-text {
    width: auto; /* Setzen der Breite auf 'auto', damit der Container sich ausdehnen kann */
    margin-top: 20px; /* Hinzufügen eines positiven Abstands oben, falls nötig */
  }

  #services .services-grid-container .grid-item-text .text-item {
  width: 351px;
  text-align: center;
  margin: 0 auto;
  }

  #services .services-grid-container .grid-item h2 {
    font-size: 18px; /* Beibehalten der Schriftgröße für H2-Elemente */
    margin-bottom: 10px; /* Reduzierung des Abstands nach dem H2-Element */
  }

  #services .services-grid-container .grid-item img {
    width: 351px; /* Die Bilder nehmen die volle Breite ihres Containers ein */
    height: auto; /* Die Höhe der Bilder wird automatisch angepasst, um das Seitenverhältnis zu erhalten */
  }

  /* Entfernen der spezifischen Margin-Anweisungen für einzelne grid-items, um unerwarteten Abstand zu verhindern */
  #services .services-grid-container #grid-item-first,
  #services .services-grid-container #grid-item-second,
  #services .services-grid-container #grid-item-third {
    margin: 0;
  }

  #services .services-grid-container #grid-item-first {
    margin: 0 auto;
    margin-right: 0px;
    margin: 0 auto;

  }

  #services .services-grid-container #grid-item-third {
    margin: 0;
    padding-left: 0px;
    margin-left: -5px;
  }





  /* Hier wird die Reihenfolge der Elemente angepasst - falls notwendig */
  .item_1 { order: 1;

    display: flex;
    justify-content: center;
    align-items: center;
   }
  .item_2 { order: 2; }
  .item_3 { order: 4; }
  .item_4 { order: 3; }
  .item_5 { order: 5; }
  .item_6 { order: 6; }




}






@media screen and (max-width: 391px) {
  #services {
    height: 3100px; /* Anstatt einer festen Höhe wird 'auto' verwendet, damit sich die Höhe nach dem Inhalt richtet */
    text-align: center;
    color: #CF272F;
  }
  #services .services-grid-container {
    display: grid;
    grid-template-columns: 1fr; /* Nur eine Spalte */
    gap: 10px; /* Beibehalten eines Abstands von 10px */
    width: calc(100% - 20px); /* Die Breite wird auf 100% minus die Gesamtseitenabstände gesetzt */
    margin: 0 auto;
  }

  #services h1 {
    margin-bottom: 30px; /* Reduzierter Abstand nach dem H1-Element */
  }

  #services .services-grid-container .grid-item {
    padding: 0; /* Entfernen der Padding-Angaben, um zusätzlichen Abstand zu vermeiden */
  }

  #services .services-grid-container .grid-item-text {
    width: auto; /* Setzen der Breite auf 'auto', damit der Container sich ausdehnen kann */
    margin-top: 20px; /* Hinzufügen eines positiven Abstands oben, falls nötig */
  }

  #services .services-grid-container .grid-item-text .text-item {
  width: 311px;
  text-align: center;
  margin: 0 auto;
  }

  #services .services-grid-container .grid-item h2 {
    font-size: 18px; /* Beibehalten der Schriftgröße für H2-Elemente */
    margin-bottom: 10px; /* Reduzierung des Abstands nach dem H2-Element */
  }

  #services .services-grid-container .grid-item img {
    width: 311px; /* Die Bilder nehmen die volle Breite ihres Containers ein */
    height: auto; /* Die Höhe der Bilder wird automatisch angepasst, um das Seitenverhältnis zu erhalten */
    padding-top: 40px;
  }

  /* Entfernen der spezifischen Margin-Anweisungen für einzelne grid-items, um unerwarteten Abstand zu verhindern */
  #services .services-grid-container #grid-item-first,
  #services .services-grid-container #grid-item-second,
  #services .services-grid-container #grid-item-third {
    margin: 0;
  }

  #services .services-grid-container #grid-item-first {
    margin: 0 auto;
    margin-right: 0px;
    margin: 0 auto;

  }

  #services .services-grid-container #grid-item-third {
    margin: 0;
    padding-left: 0px;
    margin-left: -5px;
  }



#services .services-grid-container #grid-item-first img {
  padding-top: 0px;
}






  /* Hier wird die Reihenfolge der Elemente angepasst - falls notwendig */
  .item_1 { order: 1;

    display: flex;
    justify-content: center;
    align-items: center;
   }
  .item_2 { order: 2; }
  .item_3 { order: 4; }
  .item_4 { order: 3; }
  .item_5 { order: 5; }
  .item_6 { order: 6; }




}







/*Referenzen*/

#references {
  height: 1800px;
  text-align: center;
  overflow: hidden;
}


#references h1 {
  margin-top: 50px;
  font-size: 45px;
  margin-bottom: 50px;
}

/** === RONDELL === **/

.gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* Erstellt drei Spalten mit gleicher Breite */
  grid-template-rows: repeat(3, 1fr); /* Erstellt drei Zeilen mit gleicher Höhe */
  gap: 10px; /* Setzt den Abstand zwischen den Elementen */
  width: 1800px; /* Maximale Breite des Grids, kann angepasst werden */
  margin: auto; /* Zentriert das Grid horizontal */
  margin-bottom: 100px;
}

.gallery__item {
  display: block; /* a-Elemente als Block, um die volle Zelle zu füllen */
  width: 100%; /* Breite auf 100% der Zelle setzen */
  height: 100%; /* Höhe auf 100% der Zelle setzen */
  border-radius: 15px;
  transition: .3s ease;

}

.gallery__item:hover {
  transform: scale(0.97);
  cursor: zoom-in;
}

.gallery__item img {
  width: 593.32px;
  height: 439.67px;
  object-fit: cover; /* Bild anpassen und zuschneiden, um das Seitenverhältnis zu erhalten */
  border-radius: 15px; /* Stellen Sie sicher, dass das Bild auch abgerundete Ecken hat */
  transition: opacity 0.3s ease; /* Korrektur für die Transition von opacity */
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  box-shadow: 0 4px 6px rgba(0,0,0,0.1), 0 4px 8px rgba(0,0,0,0.2);
}

.gallery__item img:hover {
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}


/*ACHTUNG DER TATSÄCHLICHE STYLE IST OBEN*/
#references .buttonMore {
padding-left: 140px;
padding-right: 140px;
padding-top: 20px;
padding-bottom: 20px;
}




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

  #references {
    height: 1500px;
    text-align: center;
  }



  .gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Erstellt drei Spalten mit gleicher Breite */
    grid-template-rows: repeat(3, 1fr); /* Erstellt drei Zeilen mit gleicher Höhe */
    gap: 10px; /* Setzt den Abstand zwischen den Elementen */
    width: 1400px; /* Maximale Breite des Grids, kann angepasst werden */
    margin: auto; /* Zentriert das Grid horizontal */
    margin-bottom: 100px;
  }

  .gallery__item img {
          width: 460px;
          height: 340.86px;
      }

}


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


  #references {
    height: 1350px;
    text-align: center;
  }



  .gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Erstellt drei Spalten mit gleicher Breite */
    grid-template-rows: repeat(3, 1fr); /* Erstellt drei Zeilen mit gleicher Höhe */
    gap: 10px; /* Setzt den Abstand zwischen den Elementen */
    width: 1200px; /* Maximale Breite des Grids, kann angepasst werden */
    margin: auto; /* Zentriert das Grid horizontal */
    margin-bottom: 100px;
  }

  .gallery__item img {
        width: 393.32px;
        height: 291.45px;
    }
}


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

  #references {
    height: 2350px;
    text-align: center;
  }


  .gallery {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Erstellt drei Spalten mit gleicher Breite */
    grid-template-rows: repeat(5, 1fr); /* Erstellt drei Zeilen mit gleicher Höhe */
    gap: 10px; /* Setzt den Abstand zwischen den Elementen */
    width: 1000px; /* Maximale Breite des Grids, kann angepasst werden */
    margin: auto; /* Zentriert das Grid horizontal */
    margin-bottom: 100px;
  }

  .gallery__item img {
        width: 495px;
        height: 366.8px;
    }
}



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

  #references {
    height: 2000px;
    text-align: center;
  }


  .gallery {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Erstellt drei Spalten mit gleicher Breite */
    grid-template-rows: repeat(5, 1fr); /* Erstellt drei Zeilen mit gleicher Höhe */
    gap: 10px; /* Setzt den Abstand zwischen den Elementen */
    width: 800px; /* Maximale Breite des Grids, kann angepasst werden */
    margin: auto; /* Zentriert das Grid horizontal */
    margin-bottom: 100px;
  }

  .gallery__item img {
          width: 395px;
          height: 297.7px;
      }

}


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



  #references {
    height: 1650px;
    text-align: center;
  }

  .gallery {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Erstellt drei Spalten mit gleicher Breite */
    grid-template-rows: repeat(5, 1fr); /* Erstellt drei Zeilen mit gleicher Höhe */
    gap: 10px; /* Setzt den Abstand zwischen den Elementen */
    width: 600px; /* Maximale Breite des Grids, kann angepasst werden */
    margin: auto; /* Zentriert das Grid horizontal */
    margin-bottom: 100px;
  }

  .gallery__item img {
          width: 286.15px;
          height: 212.04px;
      }

}


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

  #references {
    height: 3140px;
    text-align: center;
  }


  .gallery {
    display: grid;
    grid-template-columns: repeat(1, 1fr); /* Erstellt drei Spalten mit gleicher Breite */
    grid-template-rows: repeat(9, 1fr); /* Erstellt drei Zeilen mit gleicher Höhe */
    gap: 10px; /* Setzt den Abstand zwischen den Elementen */
    width: 400px; /* Maximale Breite des Grids, kann angepasst werden */
    margin: auto; /* Zentriert das Grid horizontal */
    margin-bottom: 100px;
  }

  .gallery__item img {
      width: 388px;
      height: 287.51px;
  }

}



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

  #references {
    height: 2800px;
    text-align: center;
  }


  .gallery {
    display: grid;
    grid-template-columns: repeat(1, 1fr); /* Erstellt drei Spalten mit gleicher Breite */
    grid-template-rows: repeat(9, 1fr); /* Erstellt drei Zeilen mit gleicher Höhe */
    gap: 10px; /* Setzt den Abstand zwischen den Elementen */
    width: 350px; /* Maximale Breite des Grids, kann angepasst werden */
    margin: auto; /* Zentriert das Grid horizontal */
    margin-bottom: 100px;
  }


  .gallery__item img {
        width: 339.5px;
        height: 251.58px;
    }

}







/**CONTACT**/

#contact {
height: 100%;
text-align: center;
/*overflow-y: hidden;
overflow-x: visible;*/
}

#contact.page {
  padding-bottom: 0px;
  border-bottom: none!important;
  /*border-bottom: none;*/
}

#contact h1 {
  font-size: 45px;
  margin-top: 50px;
}


/** DER REST IST IN DER contact.css DATEI **/


#downloads {

}

#downloads p {
color: #CF272F;
font-weight: bold;
margin-bottom: 70px;
}


#visitenkarteDownload {
margin: 0 auto;
text-align: center;
border: 3px solid #CF272F;
padding: 20px;
padding-top: 45px;
padding-bottom: 30px;
border-radius: 50%;
transition: .3s;
}


#visitenkarteDownload .fa-solid {
font-size: 50px;
color: #F3DA65;
transition: .3s;
}


#visitenkarteDownload:hover  {
  border: 5px solid #F3DA65;

}

#visitenkarteDownload:hover .fa-solid {
color: #CF272F;
}


iframe:hover {
  filter: grayscale(0%);
}






/*
	.gallery {
		max-width: 909px;
	}

	.gallery__item {
    transition: .3s;
		width: calc((100% / 2) - 10px);

	}

	.gallery__item:nth-child(even) {
		margin-left: 20px;
	}


/*
.gallery {

	display: flex;
	flex-wrap: wrap;
	padding: 20px 20px 20px 20px;
	max-width: 799px;
  margin-top: 50px;
}

.gallery__item {
	width: 100%;
	margin-bottom: 20px;
}

.gallery__item > img {
	display: block;
	margin: 0 auto;
	width: 100%;
	border-radius: .25rem;
	box-shadow: 0 4px 8px rgba(0, 0, 0, .75);
}

.gallery__item:hover {
  transform: scale(0.95);
  opacity: .6;
  cursor: pointer;
}


/*

@media only screen and (min-width: 720px) {
  .gallery {
		max-width: 500px;
	}


}


@media only screen and (min-width: 700px) {
  #references {
    height: 2000px;

  }




	.gallery {
		max-width: 909px;
	}

	.gallery__item {
    transition: .3s;
		width: calc((100% / 2) - 10px);

	}

	.gallery__item:nth-child(even) {
		margin-left: 20px;
	}
}




@media only screen and (min-width: 920px) {

  #references {
    height: 1600px;

  }





	.gallery {
		max-width: 100%;
		padding: 20px 20px 0 0;

	}

	.gallery__item {
    transition: .3s;
		width: calc((100% / 3) - 20px);

	}

  .gallery__item:hover {
    transform: scale(0.95);
    opacity: .6;
  }

	.gallery__item:nth-child(odd) {
		margin-left: 20px;

	}
}


*/

/**FOOTER**/



.footerPage {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: 120%;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}


.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;
    }




    .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;
      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: 385px) {
  .footerPage {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: 500px;
  width: 100%;
  margin-top: 500px;
}

.footerPage .footer {
  display: grid; /* Nutze Grid anstelle von Flex für den Footer */
/*  height: 320px; /* Automatische Höhenanpassung */
/*  background-color: #CF272F;
  width: 100%;
  text-align: center;
  padding: 20px 10px; /* Zusätzlicher Innenabstand */
/*}

.footerPage .footer h1 {
  margin-bottom: 0px; /* Erhöhung des unteren Abstands */
/*  color: #F3DA65;
  height: 20px;
}

.footerPage .footer h2 {
  margin-top: 0;
  font-size: 20px; /* Angepasste Schriftgröße für kleine Displays */
/*  color: #F3DA65;
  height: 20px;
  margin: 0;
}

.footerPage .footer .footer-box {
  display: grid;
  grid-template-columns: 1fr; /* Eine Spalte für alle Elemente */
/*  grid-row-gap: 15px; /* Abstand zwischen den Zeilen */
/*  height: 50px;
}

.footerPage .footer .footer-box .footer-item {
  display: grid; /* Erneutes Grid für innere Konsistenz */
/*  padding: 0px; /* Innenabstand */
/*}

.footerPage .footer .footer-box .footer-item h2 {
  margin-top: 0px;
  font-size: 18px; /* Verkleinerte Schriftgröße */
/*  color: #F3DA65;
  margin-bottom: 0px;
}

.footerPage .footer .footer-box .footer-item p {
  line-height: 20px; /* Angepasster Zeilenabstand */
/*  text-align: center; /* Zentrierter Text */
/*  color: #F3DA65;
  font-weight: bold;
  display: none;
}

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

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

.footerPage #logoIcon {
  color: #F3DA65;
  font-size: 45px;
  border: 3px solid #F3DA65;
  padding: 13px 7px;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  margin: 20px auto;
  display: none;
}

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


}



/*
.footerPage .footer .footer-box {
  width: 100%;
  height: 138px;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}


.footerPage .footer .footer-box .footerBoxHalf {
  width: 25%;
  display: grid;
   grid-template-columns: 1fr; /* Definiert eine Spalte */
/*  grid-template-rows: repeat(5, 1fr); /* Definiert fünf Reihen mit gleicher Höhe */
/*   gap: 0px;
   height: 118px;
   padding: 5px;
   padding-top: 5px;
   padding-bottom: 25px;
   justify-content: center;
   align-items: center;
}




.footerPage .footer .footer-box .footerBoxHalf p {
  margin: 0;
  font-size: 14px;
  padding: 0;
  font-weight: bold;
  color: #F3DA65;
}

.footerPage .footer .footer-box .footerBoxHalf a {
  margin: 0;
  font-size: 14px;
  padding: 0;
  font-weight: bold;
  color: #F3DA65;
  text-decoration: underline;
}*/


 .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;
 }