*{ 
    padding: 0;
    margin: 0;
    box-shadow: none;
    -webkit-tap-highlight-color: transparent;
    transition: all ease .5s;
    text-decoration: none;
    list-style-type: none;
    overflow-x: hidden;
    box-sizing: border-box;
   }
   
 .ped {
   display: none;
 }

 i{
   overflow-y: hidden;
 }
 
 .jurgen-fach{
   display: none;
 }
 
 .jurgen-data {
   display: none;
 }

 .heading-fach h2{
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 26px;
    margin-top: 40px;
    padding-bottom: 20px;
    position: relative;
    color:ghostwhite;
    text-align: center;
    }
    
    .heading-fach h2::before {
    content: '';
    position: absolute;
    display: block;
    width: 120px;
    height: 1px;
    background: ghostwhite;
    bottom: 1px;
    left: calc(50% - 60px);
    }
    
    .heading-fach h2::after {
    content: '';
    position: absolute;
    display: block;
    width: 40px;
    height: 3px;
    background: #aa2706;
    bottom: 0;
    left: calc(50% - 20px);
    }

 body{
    background: rgb(4, 69, 73);
 }

 section{
    padding: 0 17%;
 }

 .navmenu-right{
    display: none;
 }


 header{
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 32px;
    align-content: center;
    overflow-y: hidden;
    background: linear-gradient(200deg, rgb(35, 43, 3), rgb(58, 27, 77), rgb(80, 26, 2));
 }

header .info-header a{
    font-size: 28px;
    font-weight: 900;
    color: azure;
    text-decoration: underline;
 }

 header nav ul{
    position: relative;
    display: flex;
    text-align: center;
 }

 header nav ul li{
   overflow-y: hidden;
    margin: 0 20px;
 }

 header nav ul li a{
    position: relative;
    font-size: 28px;
    font-weight: 900;
    color: azure;
 }

  
header nav ul li a::after{
    position: absolute;
    content: '';
    right: 0;
    bottom: -4px;
    width: 0;
    height: 7px;
    background: #023e55;
    border-radius: 8px;
    transition: all ease .45s;
    }
    
header nav ul li a:hover::after{
    width: 100%;
    }
    
 header .icon-header i{
    font-size: 38px;
    color: azure;
    margin-right: 50px;
 }

 .sec-info .all-info{
    position: relative;
    display: flex;
    align-items: center;
    gap: 5rem;
 }

 .sec-info .all-info h2{
    font-size: 37px;
    font-weight: 900;
    color: ghostwhite;
    margin-bottom: 10px;
 }

 .sec-info .all-info span{
    font-size: 20px;
    font-weight: 900;
    color: burlywood;
 }

 .sec-info .all-info p{
    font-size: 23px;
    font-weight: 900;
    color: darkkhaki;
    margin-top: 15px;
    max-width: 2000px;
 }

 .sec-info .all-info img{
    width: 100%;
    height: auto;
 }

 .sec-fach .all-fach{
    position: relative;
    display: flex;
    justify-content: space-between;
 }

 .div-deutsch, .div-geschichte, .div-politik, .div-erkunde{
   width: 400px;
   height: 290px ;
   border-radius: 10px;
   text-align: center;
   display: flex;
   padding: 37px;
   flex-direction: column;
   align-items: center;
   margin: 20px;
   border: 5px solid black;
 }

 .div-deutsch, .div-geschichte, .div-politik, .div-erkunde, p, h2{
   overflow-y: hidden;
 }

 .sec-fach .all-fach .div-deutsch{
    background: rgb(145, 71, 58);
 }

 .sec-fach .all-fach .div-deutsch i{
    font-size: 33px;
    color: rgb(10, 32, 80);
    margin-bottom: 8px;
 }

 .sec-fach .all-fach .div-deutsch h2{
    font-size: 30px;
    font-weight: 900;
    color: aquamarine;
    margin-bottom: 10px;
 }

 .sec-fach .all-fach .div-deutsch p{
    font-size: 21px;
    font-weight: 900;
    top: 0;
 }

 .sec-fach .all-fach .div-geschichte{
    background: rgb(15, 48, 45);
 }

 .sec-fach .all-fach .div-geschichte i{
    font-size: 33px;
    color: rgb(60, 124, 7);
    margin-bottom: 15px;
 }

 .sec-fach .all-fach .div-geschichte h2{
    font-size: 30px;
    font-weight: 900;
    color: rgb(160, 137, 7);
    margin-bottom: 10px;
 }

 .sec-fach .all-fach .div-geschichte p{
    font-size: 21px;
    font-weight: 900;
    width: 100%;
    color: burlywood;
 }

 .sec-fach .all-fach .div-politik{
    background: rgb(10, 78, 99);
 }

 .sec-fach .all-fach .div-politik i{
    font-size: 33px;
    color: rgb(71, 13, 45);
    margin-bottom: 8px;
 }

 .sec-fach .all-fach .div-politik h2{
    font-size: 30px;
    font-weight: 900;
    color: rgb(117, 123, 126);
    margin-bottom: 10px;
 }

 .sec-fach .all-fach .div-politik p{
    font-size: 21px;
    font-weight: 900;
    color: rgb(172, 100, 5);
 }

 .sec-fach .all-fach .div-erkunde{
    background: rgb(39, 58, 57);
 }

 .sec-fach .all-fach .div-erkunde i{
    font-size: 33px;
    color: rgb(117, 122, 39);
    margin-bottom: 10px;
 }

 .sec-fach .all-fach .div-erkunde h2{
    font-size: 30px;
    font-weight: 900;
    color: rgb(12, 216, 131);
    margin-bottom: 10px;
 }

 .sec-fach .all-fach .div-erkunde p{
    font-size: 21px;
    font-weight: 900;
    width: 100%;
    color: rgb(62, 231, 195);
 }

 .sec-kontakt{
    margin-top: 100px;
    margin-bottom: 100px;
 }

 .sec-kontakt .all-kontakt{
    position: relative;
    display: flex;
    align-items: center;
    gap: 5rem;
 }

 .sec-kontakt .all-kontakt h2{
    font-size: 45px;
    font-weight: 900;
    color: ghostwhite;
    margin-bottom: 10px;
 }

 .sec-kontakt .all-kontakt p{
   font-family: "Playpen Sans", cursive;
    font-size: 30px;
    font-weight: 900;
    color: rgb(10, 175, 139);
    margin-top: 15px;
    max-width: 750px;
 }

 .sec-kontakt .all-kontakt img{
    width: 100%;
    height: auto;
 }

 footer{
    position: relative;
    display: block;
    width: 100%;
    height: 243px;
    background: rgb(42, 51, 75);
    bottom: 0;
    overflow-y: hidden;
 }

 footer .all-footer{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 35px;
 }

 footer .all-footer .footer{
    width: 22%;
 }

 footer .all-footer h2{
    font-size: 27px;
    font-weight: 900;
    color: rgb(3, 226, 74);
    margin-bottom: 10px;
    text-align: center;
 }

 footer .all-footer .kontakt-head{
    text-align: start;
 }

 footer .all-footer p{
    font-size: 23px;
    font-weight: 900;
    color: ghostwhite;
 }

 footer .all-footer ul{
    text-align: center;
 }
 footer .all-footer ul li a{
    font-size: 18px;
    font-weight: 900;
    color: ghostwhite;
 }

 footer .footer-copy{
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 30px;
    background: linear-gradient(200deg, rgb(35, 43, 3), rgb(58, 27, 77), rgb(80, 26, 2));
    bottom: 0;
    align-items: center;
 }

 footer .footer-copy p{
    position: absolute;
    font-size: 20px;
    font-weight: 900;
    color: darkgoldenrod;
    bottom: 0;
    text-align: center;
 }

 @media (max-width: 1750px){
    
    section{
        padding: 8% 8% 0 8%;
    }
    header{
        padding: 30px 1%;
     }
    
    header .info-header a{
        font-size: 23px;
     }
    
     header nav ul li{
        margin: 0 18px;
     }
    
     header nav ul li a{
        font-size: 23px;
     }
      
    header nav ul li a::after{
        height: 4px;
        }
    
     header .icon-header{
        margin-right: 40px;
     }
    
     header .icon-header i{
        font-size: 36px;
     }

     .sec-info .all-info{
        gap: 5rem;
     }
    
     .sec-info .all-info h2{
        font-size: 30px;
     }
    
     .sec-info .all-info span{
        font-size: 20px;
     }
    
     .sec-info .all-info p{
        font-size: 23px;
        margin-top: 10px;
     }
    
     .sec-info .all-info img{
        width: 100%;
        max-height: 1500px;
        height: auto;
     }

     .sec-fach .all-fach{
      margin-bottom: 0;
     }

     .div-deutsch, .div-geschichte, .div-politik, .div-erkunde{
      width: 430px;
      height: 250px ;
      padding: 32px;
      overflow-y: hidden;
    }

     .sec-fach .all-fach .div-deutsch i{
        font-size: 32px;
        margin-bottom: 8px;
     }
    
     .sec-fach .all-fach .div-deutsch h2{
        font-size: 29px;
        margin-bottom: 10px;
     }
    
     .sec-fach .all-fach .div-deutsch p{
        font-size: 20px;
     }
    
     .sec-fach .all-fach .div-geschichte i{
        font-size: 32px;
        margin-bottom: 10px;
     }
    
     .sec-fach .all-fach .div-geschichte h2{
        font-size: 29px;
        margin-bottom: 10px;
     }
    
     .sec-fach .all-fach .div-geschichte p{
        font-size: 20px;
     }
    
    
     .sec-fach .all-fach .div-politik i{
        font-size: 32px;
        margin-bottom: 10px;
     }
    
     .sec-fach .all-fach .div-politik h2{
        font-size: 29px;
        margin-bottom: 10px;
     }
    
     .sec-fach .all-fach .div-politik p{
        font-size: 20px;
     }
    
     .sec-fach .all-fach .div-erkunde i{
        font-size: 32px;
        margin-bottom: 10px;
     }
    
     .sec-fach .all-fach .div-erkunde h2{
        font-size: 29px;
        margin-bottom: 10px;
     }
    
     .sec-fach .all-fach .div-erkunde p{
        font-size: 20px;
     }
    
     .sec-kontakt{
        margin-top: 40px;
     }
    
     .sec-kontakt .all-kontakt{
        gap: 6rem;
     }
    
     .sec-kontakt .all-kontakt h2{
        font-size: 37px;
        margin-bottom: 10px;
     }
    
     .sec-kontakt .all-kontakt p{
        font-size: 27px;
        margin-top: 15px;
        max-width: 750px;
     }

     .sec-kontakt .all-kontakt img{
      max-width: 400px;
      max-height: 400px;
     }
    
     footer{
        height: 235px;
     }

     footer .all-footer .footer{
      height: 140px;
   }
    
     footer .all-footer{
        padding: 33px;
     }
    
     footer .all-footer .footer{
        width: 22%;
     }
    
     footer .all-footer h2{
        font-size: 25px;
        margin-bottom: 10px;
     }

     footer .all-footer p{
        font-size: 21px;
     }
    
     footer .all-footer ul li a{
        font-size: 17px;
     }
    
     footer .footer-copy{
        height: 30px;
     }
    
     footer .footer-copy p{
        font-size: 18px;
     }
     }

 @media (max-width: 1470px){

    section{
        padding: 8% 8% 0 8%;
    }

    header{
        padding: 28px 1%;
     }
    
    header .info-header a{
        font-size: 21px;
     }
    
     header nav ul li{
        margin: 0 18px;
     }
    
     header nav ul li a{
        font-size: 21px;
     }
      
    header nav ul li a::after{
        height: 3px;
        }
    
     header .icon-header{
        margin-right: 30px;
     }
    
     header .icon-header i{
        font-size: 30px;
     }

     .sec-info .all-info{
        gap: 5rem;
     }
    
     .sec-info .all-info h2{
        font-size: 28px;
        margin-bottom: 12px;
     }
    
     .sec-info .all-info span{
        font-size: 18px;
        margin-bottom: 10px;
     }
    
     .sec-info .all-info p{
        font-size: 21px;
        margin-top: 7px;
     }
    
     .sec-info .all-info img{
        width: 100%;
        height: auto;
     }

     .div-deutsch, .div-geschichte, .div-politik, .div-erkunde{
      width: 450px;
      height: 280px ;
      padding: 30px;
      overflow-y: hidden;
    }


     .sec-fach .all-fach .div-deutsch i{
        margin-bottom: 12px;
     }
    
    
     .sec-fach .all-fach .div-deutsch p{
        font-size: 20px;
     }
    
     .sec-fach .all-fach .div-geschichte i{
        margin-bottom: 12px;
     }

     .sec-fach .all-fach .div-politik i{
        font-size: 32px;
        margin-bottom: 12px;
     }
    
     .sec-fach .all-fach .div-erkunde i{
        margin-bottom: 10px;
     }
    
     .sec-kontakt .all-kontakt{
        margin-top: 0;
        gap: 3rem;
     }
    
     .sec-kontakt .all-kontakt h2{
        font-size: 35px;
        margin-bottom: 10px;
     }
    
     .sec-kontakt .all-kontakt p{
        font-size: 25px;
        max-width: 700px;
     }
    
     .sec-kontakt .all-kontakt img{
        max-width: 350px;
        max-height: 350px;
     }
    
     footer{
        height: 200px;
        overflow-y: hidden;
     }
    
     footer .all-footer{
        padding: 30px;
        height: 174px;
     }

     footer .all-footer .footer{
      height: 130px;
     }
    
     footer .all-footer .footer{
        width: 22%;
     }
    
     footer .all-footer h2{
        font-size: 22px;
        margin-bottom: 5px;
     }

     footer .all-footer p{
        font-size: 17px;
     }

     footer .all-footer ul li a{
        font-size: 16px;
        line-height: 26px;
     }
    
     footer .footer-copy{
        height: 28px;
     }
    
     footer .footer-copy p{
        font-size: 18px;
     }
 }

 @media (max-width: 1180px){
    section{
        padding: 8% 8% 0 8%;
    }

    .heading-fach h2{
        font-size: 37px;
        margin-bottom: 26px;
        }

    header{
        padding: 25px 1%;
     }
    
    header .info-header a{
        font-size: 22px;
     }
    
     header nav ul li{
        margin: 0 19px;
     }
    
     header nav ul li a{
        font-size: 22px;
     }
      
    header nav ul li a::after{
        height: 3px;
        }
    
     header .icon-header{
        margin-right: 40px;
     }
    
     header .icon-header i{
        font-size: 28px;
     }

     .sec-info .all-info{
        gap: 5rem;
     }
    
     .sec-info .all-info h2{
        font-size: 25px;
        margin-bottom: 7px;
     }
    
     .sec-info .all-info span{
        font-size: 15px;
     }
    
     .sec-info .all-info p{
        font-size: 18px;
        margin-top: 7px;
     }
    
     .sec-info .all-info img{
        width: 100%;
        height: auto;
     }

     .div-deutsch, .div-geschichte, .div-politik, .div-erkunde{
      width: 500px;
      height: 245px ;
      padding: 26px;
      margin: 6px;
      overflow-y: hidden;
    }

     .sec-fach .all-fach .div-deutsch i{
        font-size: 26px;
        margin-bottom: 12px;
     }
    
     .sec-fach .all-fach .div-deutsch h2{
        font-size: 23px;
        margin-bottom: 10px;
     }
    
     .sec-fach .all-fach .div-deutsch p{
        font-size: 17px;
     }
    
     .sec-fach .all-fach .div-geschichte i{
        font-size: 26px;
        margin-bottom: 12px;
     }
    
     .sec-fach .all-fach .div-geschichte h2{
        font-size: 25px;
        margin-bottom: 10px;
     }
    
     .sec-fach .all-fach .div-geschichte p{
        font-size: 17px;
     }
    
    
     .sec-fach .all-fach .div-politik i{
        font-size: 26px;
        margin-bottom: 12px;
     }
    
     .sec-fach .all-fach .div-politik h2{
        font-size: 25px;
        margin-bottom: 10px;
     }
    
     .sec-fach .all-fach .div-politik p{
        font-size: 17px;
     }
    
     .sec-fach .all-fach .div-erkunde i{
        font-size: 26px;
        margin-bottom: 12px;
     }
    
     .sec-fach .all-fach .div-erkunde h2{
        font-size: 23.4px;
        margin-bottom: 10px;
     }
    
     .sec-fach .all-fach .div-erkunde p{
        font-size: 17px;
     }
    
     .sec-kontakt{
        margin-top: 30px;
        margin-bottom: 50px;
     }
    
     .sec-kontakt .all-kontakt{
        gap: 5rem;
     }
    
     .sec-kontakt .all-kontakt h2{
        font-size: 35px;
        margin-bottom: 10px;
     }
    
     .sec-kontakt .all-kontakt p{
        font-size: 24px;
        margin-top: 15px;
        max-width: 740px;
     }
    
     .sec-kontakt .all-kontakt img{
        max-width: 750px;
        max-height: 750px;
     }
    
     footer{
        height: 201px;
        overflow-y: hidden;
     }
    
     footer .all-footer{
        padding: 28px;
     }
    
     footer .all-footer .footer{
        width: 22%;
     }
    
     footer .all-footer h2{
        font-size: 20px;
        margin-bottom: 10px;
     }

     footer .all-footer p{
        font-size: 14px;
        line-height: 23px;
     }
    
     footer .all-footer ul li a{
        font-size: 15px;
     }
    
     footer .footer-copy{
        height: 28px;
     }
    
     footer .footer-copy p{
        font-size: 16px;
     }
 }

 @media (max-width: 900px){
    section{
        padding: 8% 8% 0 8%;
    }

    .heading-fach h2{
        font-size: 31px;
        margin-bottom: 22px;
        }

    header{
        padding: 18px 1%;
     }
    
    header .info-header a{
        font-size: 15px;
     }
    
     header nav ul li{
        margin: 0 15px;
     }
    
     header nav ul li a{
        font-size: 13px;
     }
      
    header nav ul li a::after{
        height: 2px;
        }
    
     header .icon-header{
        margin-right: 40px;
     }
    
     header .icon-header i{
        font-size: 17px;
     }

     .sec-info .all-info{
        gap: 5rem;
     }
    
     .sec-info .all-info h2{
        font-size: 22px;
        margin-bottom: 4px;
     }
    
     .sec-info .all-info span{
        font-size: 13px;
     }
    
     .sec-info .all-info p{
        font-size: 14px;
        margin-top: 5px;
     }
    
     .sec-info .all-info img{
        width: 100%;
        height: auto;
     }

     .div-deutsch, .div-geschichte, .div-politik, .div-erkunde{
      width: 500px;
      height: 200px ;
      padding: 21px;
      margin: 10px;
      overflow-y: hidden;
    }
    
     .sec-fach .all-fach .div-deutsch i{
        font-size: 23px;
        margin-bottom: 8px;
     }
    
     .sec-fach .all-fach .div-deutsch h2{
        font-size: 20px;
        margin-bottom: 7px;
     }
    
     .sec-fach .all-fach .div-deutsch p{
        font-size: 14px;
     }
    
     .sec-fach .all-fach .div-geschichte i{
        font-size: 23px;
        margin-bottom: 8px;
     }
    
     .sec-fach .all-fach .div-geschichte h2{
        font-size: 20px;
        margin-bottom: 7px;
     }
    
     .sec-fach .all-fach .div-geschichte p{
        font-size: 14px;
     }
    
     .sec-fach .all-fach .div-politik i{
        font-size: 23px;
        margin-bottom: 8px;
     }
    
     .sec-fach .all-fach .div-politik h2{
        font-size: 20px;
        margin-bottom: 7px;
     }
    
     .sec-fach .all-fach .div-politik p{
        font-size: 14px;
     }
    
     .sec-fach .all-fach .div-erkunde i{
        font-size: 23px;
        margin-bottom: 8px;
     }
    
     .sec-fach .all-fach .div-erkunde h2{
        font-size: 20px;
        margin-bottom: 7px;
     }
    
     .sec-fach .all-fach .div-erkunde p{
        font-size: 14px;
     }
    
     .sec-kontakt{
        margin-top: 20px;
     }
    
     .sec-kontakt .all-kontakt{
        gap: 2rem;
     }
    
     .sec-kontakt .all-kontakt h2{
        font-size: 28px;
        margin-bottom: 10px;
     }
    
     .sec-kontakt .all-kontakt p{
        font-size: 20px;
     }
    
     .sec-kontakt .all-kontakt img{
        max-width: 700px;
        max-height: 700px;
     }
    
     footer{
        height: 200px;
        overflow-y: hidden;
     }

     footer .all-footer .footer{

      height: 150px;
     }
    
     footer .all-footer{
        padding: 23px;
     }
    
     footer .all-footer h2{
        font-size: 18px;
     }

     footer .all-footer p{
        font-size: 15px;
     }
    
     footer .all-footer ul li a{
        font-size: 14px;
     }
    
     footer .footer-copy{
        height: 26px;
     }
    
     footer .footer-copy p{
        font-size: 14px;
     }
 }

 @media (max-width: 576px){ 
   section{
      padding: 0;
   }
   
  .navmenu-right{
      display: block;
      margin-right: 2px;
  }
  
   .heading-fach h2{
    margin-bottom: 26px;
    }

   header{
      justify-content: none;
      padding: 20;
      margin-bottom: 0;
   }
   
   header nav ul li a::after{
     display: none;
   }

   header nav ul li a:hover::after{
     display: none;
   }
   header .info-header a{
      font-size: 20px;
      margin-left: 10px;
   }
  
   header nav ul{
     display: none;
   }
  
   header .icon-header{
      display: block;
   }
  
   header .icon-header i{
     display: none;
   }

  .menu-leiste {
      position: relative;
      z-index: 20;
      width: 36px;
      height: 29px;
      margin: auto;
      display: flex;
      cursor: pointer;
      align-items: center;
      justify-content: center;
      transform: rotate(0);
      border-radius: 3px;
      transition: transform 0.3s;
      }
      
      .menu-leiste span {
      position: absolute;
      display: block;
      width: 100%; 
      height: 2px; 
      border: 2px solid #005057;
      border-radius: 5px;
      box-shadow: 0 0 3px #0ef, 0 0 3px #0ef;
      transition: transform 0.3s;
      }
      
      .menu-leiste span:nth-child(1) {
      top: 0;
      left: 0;
      transform: translateY(0);
      }
      
      .hamburger-effekt.active .menu-leiste {
      transform: rotate(315deg);
      }
      
      .hamburger-effekt.active span:nth-child(1) {
      width: 100%;
      transform: translateY(12px);
      }
      
      .menu-leiste span:nth-child(2) {
      width: 100%;
      transform: scaleX(1);
      opacity: 1;
      }
      
     .hamburger-effekt.active span:nth-child(2) {
      width: 100%;
      transform: scaleX(0);
      opacity: 0;
      }
      
      .menu-leiste span:nth-child(3) {
      bottom: 0;
      left: 0;
      transform: rotate(0);
      }
      
      .hamburger-effekt.active span:nth-child(3) {
      width: 100%;
      bottom: 9px;
      transform: rotate(95deg);
      }
      
      .navmenu li a i{
      font-size: 23px;
      display: block;
      }
      
      .navmenu  {
      position: fixed;
      z-index: 10;
      display: block;
      width: 80%;
      height: 100%;
      flex-direction: column;
      justify-content: space-between;
      top: 0;
      max-width: 220px;
      max-height: 400px;
      right: -100%;
      padding: 20px 10px;
      background-color: rgba(128, 128, 128, 0.5);
      border: solid rgb(223, 223, 223) 2px;
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      transition: right 1s ease;
      overflow-y: hidden;
      }
      
      .navmenu a {
      color: cornflowerblue;
      font-size: 23px;
      margin-bottom: 10px;
      display: flex;
      justify-content: flex-start;
      margin-top: 30px;
      }
      
      .navmenu a:hover {
      color: #ddd;
      text-decoration: underline;
      }
      
      .navmenu ul{
      position: relative;
      display: block;
      text-align: center;
      margin-bottom: 5%;
      margin-top: 5%;
      }
      
      .navmenu.open {
      right: 0;
      display: block;
      text-align: left;
      }
      
      .jurgen-fach{
       position: relative;
       display: block;
       color: #5BAC9C;
       font-size: 20px;
       font-weight: 900;
       margin-top: 15px;
       text-align: start;
     }
     
      .jurgen-data{
       display: block;
       font-size: 12px;
       font-weight: 900;
       margin-top: 20px;
       color: #5BAC9C;
       text-align: start;
     }

   .sec-info .all-info{
      display: block;
      align-items: center;
      text-align: center;
      gap: 0;
      margin: 5px;
   }
  
   .sec-info .all-info h2{
      font-size: 18px;
      margin-top: 40px;
      margin-bottom: 15px;
   }
  
   .sec-info .all-info span{
      font-size: 11px;
      
   }
  
   .sec-info .all-info p{
      font-size: 12px;
      margin-top: 10px;
      width: 100%;
   }
  
   .sec-info .all-info img{
      width: 100%;
      height: auto;
      margin-top: 30px;
      margin-bottom: 0;
      
   }
   
  .sec-fach .all-fach{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 10px;
  }

  
 .div-deutsch, .div-geschichte, .div-politik, .div-erkunde{
   width: 325px;
   height: 190px ;
   display: block;
   padding: 0px;
   flex-direction: column;
   overflow-y: hidden;
 }

.sec-fach .all-fach .div-deutsch{
  padding: 20px;
  margin: 15px;
}

.sec-fach .all-fach .div-deutsch i{
  font-size: 27px;
  margin-bottom: 7px;
}

.sec-fach .all-fach .div-deutsch h2{
  font-size: 23px;
  margin-bottom: 10px;
}

.sec-fach .all-fach .div-deutsch p{
  font-size: 16px;
  font-weight: 900;
}

.sec-fach .all-fach .div-geschichte{
 padding: 20px;
 margin: 15px;
}

.sec-fach .all-fach .div-geschichte i{
  font-size: 27px;
  margin-bottom: 7px;
}

.sec-fach .all-fach .div-geschichte h2{
 font-size: 25px;
 margin-bottom: 10px;
}

.sec-fach .all-fach .div-geschichte p{
  font-size: 16px;
  font-weight: 900;
}

.sec-fach .all-fach .div-politik{
  padding: 20px;
  margin: 15px;
}

.sec-fach .all-fach .div-politik i{
  font-size: 27px;
  margin-bottom: 7px;
}

.sec-fach .all-fach .div-politik h2{
  font-size: 25px;
  margin-bottom: 10px;
}

.sec-fach .all-fach .div-politik p{
  font-size: 16px;
  font-weight: 900;
}

.sec-fach .all-fach .div-erkunde{
  padding: 20px;
  margin: 15px;
}

.sec-fach .all-fach .div-erkunde i{
  font-size: 27px;
  margin-bottom: 7px;
}

.sec-fach .all-fach .div-erkunde h2{
  font-size: 25px;
  margin-bottom: 10px;
}

.sec-fach .all-fach .div-erkunde p{
  font-size: 16px;
  font-weight: 900;
}

.sec-kontakt{
  margin-top: 0;
}

.sec-kontakt .all-kontakt{
  position: relative;
  display: block;
  align-items: center;
  gap: 0;
}

.sec-kontakt .all-kontakt h2{
  font-size: 30px;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 10px;
}

.sec-kontakt .all-kontakt p{
  font-size: 16px;
  max-width: 100%;
  text-align: center;
  margin: 10px;
}

.sec-kontakt .all-kontakt img{
   margin: 10% 0 0 22%;
   max-width: 200px;
   max-height: 200px;
}

footer .all-footer{
  padding: 20px;
  display: flex;
  height: 180px;
  text-align: center;
  overflow-y: hidden;
}

footer .all-footer .footer{
  position: relative;
  width: 38%;
}

footer .all-footer .footer .kontakt-head{
  margin: 15px 0 5px 0;
}

footer .all-footer h2{
   font-size: 14px;
   margin-top: 15px;
   margin-bottom: 12px;
}

footer .all-footer ul li{
   padding: 1px;
}

footer .all-footer p{
   font-size: 9px;
   width: 100%;
   padding: 0;
   text-align: start;
   line-height: 15px;
}

footer .all-footer ul li a{
  font-size: 10px;
  line-height: 21px;
}

footer .footer-copy{
  position: relative;
  height: 25px;
}

footer .footer-copy p{
  font-size: 11px;
  margin-bottom: 6px
}

.ped {
  display: block;
}

}

@media (max-height: 576px) and (orientation: landscape) {
  section{
      padding: 0;
   }
   
  .navmenu-right{
      display: block;
      margin-right: 2px;
  }
  
   .heading-fach h2{
    margin-bottom: 26px;
    }

   header{
      justify-content: none;
      padding: 20;
      margin-bottom: 0;
   }
   
   header nav ul li a::after{
     display: none;
   }

   header nav ul li a:hover::after{
     display: none;
   }
   header .info-header a{
      font-size: 20px;
      margin-left: 10px;
   }
  
   header nav ul{
     display: none;
   }
  
   header .icon-header{
      display: block;
   }
  
   header .icon-header i{
     display: none;
   }

  .menu-leiste {
      position: relative;
      z-index: 20;
      width: 36px;
      height: 29px;
      margin: auto;
      display: flex;
      cursor: pointer;
      align-items: center;
      justify-content: center;
      transform: rotate(0);
      border-radius: 3px;
      transition: transform 0.3s;
      }
      
      .menu-leiste span {
      position: absolute;
      display: block;
      width: 100%; 
      height: 2px; 
      border: 2px solid #005057;
      border-radius: 5px;
      box-shadow: 0 0 3px #0ef, 0 0 3px #0ef;
      transition: transform 0.3s;
      }
      
      .menu-leiste span:nth-child(1) {
      top: 0;
      left: 0;
      transform: translateY(0);
      }
      
      .hamburger-effekt.active .menu-leiste {
      transform: rotate(315deg);
      }
      
      .hamburger-effekt.active span:nth-child(1) {
      width: 100%;
      transform: translateY(12px);
      }
      
      .menu-leiste span:nth-child(2) {
      width: 100%;
      transform: scaleX(1);
      opacity: 1;
      }
      
     .hamburger-effekt.active span:nth-child(2) {
      width: 100%;
      transform: scaleX(0);
      opacity: 0;
      }
      
      .menu-leiste span:nth-child(3) {
      bottom: 0;
      left: 0;
      transform: rotate(0);
      }
      
      .hamburger-effekt.active span:nth-child(3) {
      width: 100%;
      bottom: 9px;
      transform: rotate(95deg);
      }
      
      .navmenu li a i{
      font-size: 23px;
      display: block;
      }
      
      .navmenu  {
      position: fixed;
      z-index: 10;
      display: block;
      width: 80%;
      height: 100%;
      flex-direction: column;
      justify-content: space-between;
      top: 0;
      max-width: 220px;
      max-height: 400px;
      right: -100%;
      padding: 20px 10px;
      background-color: rgba(128, 128, 128, 0.5);
      border: solid rgb(223, 223, 223) 2px;
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      transition: right 1s ease;
      overflow-y: scroll;
      }
      
      .navmenu a {
      color: cornflowerblue;
      font-size: 23px;
      margin-bottom: 10px;
      display: flex;
      justify-content: flex-start;
      margin-top: 30px;
      }
      
      .navmenu a:hover {
      color: #ddd;
      text-decoration: underline;
      }
      
      .navmenu ul{
      position: relative;
      display: block;
      text-align: center;
      margin-bottom: 5%;
      margin-top: 5%;
      }
      
      .navmenu.open {
      right: 0;
      display: block;
      text-align: left;
      }
      
      .jurgen-fach{
       position: relative;
       display: block;
       color: #5BAC9C;
       font-size: 20px;
       font-weight: 900;
       margin-top: 15px;
       text-align: start;
     }
     
      .jurgen-data{
       display: block;
       font-size: 12px;
       font-weight: 900;
       margin-top: 20px;
       color: #5BAC9C;
       text-align: start;
     }

   .sec-info .all-info{
      display: block;
      align-items: center;
      text-align: center;
      gap: 0;
      margin: 5px;
   }
  
   .sec-info .all-info h2{
      font-size: 25px;
      margin-top: 40px;
      margin-bottom: 20px;
   }
  
   .sec-info .all-info span{
      font-size: 15px;
      
   }
  
   .sec-info .all-info p{
      font-size: 17px;
      margin-top: 15px;
      width: 100%;
   }
  
   .sec-info .all-info img{
      width: 80%;
      height: auto;
      margin-top: 30px;
      margin-bottom: 0;
      
   }
   
  .sec-fach .all-fach{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 10px;
  }

.sec-fach .all-fach .div-deutsch{
  padding: 15px;
  margin: 15px;
}

.sec-fach .all-fach .div-deutsch i{
  font-size: 27px;
  margin-bottom: 7px;
}

.sec-fach .all-fach .div-deutsch h2{
  font-size: 28px;
  margin-bottom: 10px;
}

.sec-fach .all-fach .div-deutsch p{
  font-size: 19px;
  font-weight: 900;
}

.sec-fach .all-fach .div-geschichte{
 padding: 15px;
 margin: 15px;
}

.sec-fach .all-fach .div-geschichte i{
  font-size: 27px;
  margin-bottom: 7px;
}

.sec-fach .all-fach .div-geschichte h2{
 font-size: 28px;
 margin-bottom: 10px;
}

.sec-fach .all-fach .div-geschichte p{
  font-size: 19px;
  font-weight: 900;
}

.sec-fach .all-fach .div-politik{
  padding: 15px;
  margin: 15px;
}

.sec-fach .all-fach .div-politik i{
  font-size: 27px;
  margin-bottom: 7px;
}

.sec-fach .all-fach .div-politik h2{
  font-size: 28px;
  margin-bottom: 10px;
}

.sec-fach .all-fach .div-politik p{
  font-size: 19px;
  font-weight: 900;
}

.sec-fach .all-fach .div-erkunde{
  padding: 15px;
  margin: 15px;
}

.sec-fach .all-fach .div-erkunde i{
  font-size: 27px;
  margin-bottom: 7px;
}

.sec-fach .all-fach .div-erkunde h2{
  font-size: 28px;
  margin-bottom: 10px;
}

.sec-fach .all-fach .div-erkunde p{
  font-size: 19px;
  font-weight: 900;
}

.sec-kontakt{
  margin-top: 0;
}

.sec-kontakt .all-kontakt{
  position: relative;
  display: block;
  align-items: center;
  gap: 0;
}

.sec-kontakt .all-kontakt h2{
  font-size: 35px;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 10px;
}

.sec-kontakt .all-kontakt p{
  font-size: 22px;
  max-width: 100%;
  text-align: center;
  margin: 10px;
}

.sec-kontakt .all-kontakt img{
   width: 100%;
   max-width: 200px;
   max-height: 200px;
   margin: 8% 0 0 35%;
}

footer .all-footer{
  padding: 20px;
  display: flex;
  height: 180px;
  text-align: center;
  overflow-y: hidden;
}

footer .all-footer .footer{
  position: relative;
  width: 33%;
  
}

footer .all-footer .footer .kontakt-head{
  margin: 0 0 5px 0;
}

footer .all-footer h2{
   font-size: 12px;
   margin-bottom: 12px;
}

footer .all-footer ul li{
   padding: 1px;
}

footer .all-footer p{
   font-size: 9px;
   width: 100%;
   padding: 0;
   text-align: start;
   line-height: 22px;
}

footer .all-footer ul li a{
  font-size: 10px;
}

footer .footer-copy{
  position: relative;
  height: 25px;
}

footer .footer-copy p{
  font-size: 10px;
  margin-bottom: 6px
}

.ped {
  display: block;
}
}