/* Anpassungen individuell 12.10.21 */

@media (max-width: 768px) {
  body { margin-top: 60px; }
  
  .fo_lg {
    text-align: left !important;
  }
}

.btn-d {
    display: inline-block;
    padding: 0 3rem;
     border: 1px solid #fff !important;
    text-decoration: none;
    font-size: 14px;
    line-height: 38px;
    height: 40px;
    min-width: 242px;
    text-align: center;
}

@media (min-width: 768px) {
    .btn-d {
       min-width: 242px; 
    }
    .fo_lg {
      text-align: right !important;
    }
}

.btn-d:hover,
.btn-d:hover .txt-white {
    background-color: #fff !important;
    color: #1c1c1c !important;
}

.btn-d-black { 
    border: 1px solid #1c1c1c !important;
    text-decoration: none;
}

.btn-d-black:hover,
.btn-d-black:hover .txt-black {
    background-color: #1c1c1c !important;
    color: #fff !important;
}

.cookie .btn-d {
    line-height: 38px !important;
}

.btn-d-black-black {
   border: 1px solid white !important;
   text-decoration: none;
   background-color: #1c1c1c !important;
}
.btn-d-black-black:hover {
   border: 1px solid #1c1c1c !important;
   text-decoration: none;
   background-color: white !important;
   color: #1c1c1c !important;
}


/* Footer 2021 */
.footer2021_wrap { padding-top: 30px; } 
@media (min-width: 768px) {
    .footer2021_wrap {
        padding-top: 30px;
    }
}

.footer2021 {
    padding-bottom: 30px !important;
}

@media (min-width: 768px) {
   .footer2021 { padding-bottom: 0px !important; } 
}

.footer2021 .modul {
    padding: 0 !important;
}
@media (min-width: 768px) {
    .line {
        border-right: 1px solid #CBCBCB;
    }
}

@media ( (min-width: 768px) and (max-width: 1024px) ) {
.footer2021 .container {
    padding: 0 !important;
}
}

.footer2021 .col-md-10 {
 flex: 0 0 100% !important;
 max-width: 100% !important;   
}

.footer2021 p {
    text-align: center;
    font-size: 16px !important;
    line-height: 24px !important;
}

@media (min-width: 768px) {
    .footer2021 p {
        text-align: left;
        font-size: 16px !important;
        line-height: 24px !important;
    }
}

.footer2021 a {
    font-weight: 500 !important;
}

.footer2021 ul {
    padding: 0 !important;
    margin: 0 !important;
    text-align: left !important;
}

.footer2021 ul li {
    text-align: center !important;
}

@media (min-width: 768px) {
    .footer2021 ul li {
        text-align: left !important;
    }
}
.footer2021 ul li a {
    font-size: 16px !important;
    line-height: 23px !important;
    font-weight: 700 !important;
    font-family: "FaustinaBold" !important;
}

.footer2021 ul li a:hover {
    border-bottom: 2px solid #9a9a9a !important;
}

.footer2021 ul li.nav_small { display: none !important; }

.footer2021_padTop { padding-top: 20px; margin-bottom: -20px; }

@media (min-width: 768px) {
    .footer2021_padTop { padding-top: 40px; margin-bottom: 0px;  }
}

.footer2021_nav { padding-left: 0px; padding-top: 0px; padding-right: 0px; }
    @media (min-width: 768px) {
        .footer2021_nav { padding-left: 15px; padding-right: 15px; padding-top: 0;  }
    }
    
    @media (min-width: 1024px) {
        .footer2021_nav { padding-left: 30px; padding-top: 0;  }
    }
    
   /* Formular */
   
   .xp_modul_formular {
      
   }
   
   .xp_form_input {
      border: 1px solid #191919;
      margin-bottom: 10px;
      width: 100%;
      padding: 6px 4px;
      font-size: 14px;
   }
   
  
   
   .xp_form_input_error {
      border: 1px solid red;
      margin-bottom: 10px;
      width: 100%;
      padding: 6px 4px;
   }
   
   .xp_form_textfeld {
      border: 1px solid #191919;
      margin-bottom: 10px;
      width: 100%;
      min-height: 20vh;
      max-height: 240px;
      padding: 6px 4px;
      font-size: 14px;
   }
   
   @media (min-width: 768px) {
       .xp_form_input,
       .xp_form_textfeld { font-size: 16px;  }
   }
   
   .xp_form_textfeld_error {
      border: 1px solid red;
   }
   
   .xp_form_error {
      color: red;
      padding-bottom: 25px;
   }
   
   .xp_ok {
      font-weight: 700;
      font-family: "FaustinaBold" !important;
   }
   
   #xperto_navigation li {
      text-align: left !important;
   }
   
   .footer2021_nav  #xperto_navigation li { text-align: center !important; }
   
   #xperto_navigation {
      padding-left:18px !important;
   }
   
   .footer2021_nav  #xperto_navigation {
      padding-left: 0 !important;
   }
   
   @media (min-width: 768px) {
      #xperto_navigation {
         padding-left: 60px !important;
      }
      .footer2021_nav  #xperto_navigation li { text-align: left !important; }
   }
   
   .nav-overlay #xperto_navigation li a {
       font-size: 30px !important;
       line-height: 30px !important;
       letter-spacing: -1px;
    }
    
    .nav-overlay #xperto_navigation li a:hover {
      border: none !important;
    }
    
    .nav-overlay #xperto_navigation li {
      padding-bottom: 4px;
    }
   
   @media (min-width: 1024px) {
      #xperto_navigation {
         padding-left: 0px !important;
      }
      
      .nav-overlay #xperto_navigation li a {
          font-size: 38px !important;
          line-height: 39px !important;
       }
       
       .nav-overlay #xperto_navigation li a:hover {
         border-bottom: 4px solid #000000 !important;
       }
       
       .nav-overlay #xperto_navigation li {
         padding-bottom: 8px;
       }
   }
   
 
   
   .nav-overlay #xperto_navigation li.nav_small a {
      font-size: 20px !important;
   }


/* btn sizes */

.modul {
 padding:25px 0
}
@media (min-width: 768px) and (max-width: 1024px) {
 .modul {
  padding:30px 0
 }
}
@media (min-width: 1025px) {
 .modul {
  padding:50px 0
 }
}
.modul-img {
 padding:0
}

.modul_kl {
 padding:15px 0
}
@media (min-width: 768px) and (max-width: 1024px) {
 .modul_kl {
  padding:15px 0
 }
}
@media (min-width: 1025px) {
 .modul_kl {
  padding:25px 0
 }
}
.modul_kl_top {
 padding:15px 0 0px 0 !important
}
@media (min-width: 768px) and (max-width: 1024px) {
 .modul_kl_top {
  padding:15px 0 0px 0 !important
 }
}
@media (min-width: 1025px) {
 .modul_kl_top {
  padding:25px 0 0px 0 !important
 }
}
.modul_kl_bottom {
 padding:0px 0 15px 0 !important
}
@media (min-width: 768px) and (max-width: 1024px) {
 .modul_kl_bottom {
  padding:0px 0 15px 0 !important
 }
}
@media (min-width: 1025px) {
 .modul_kl_bottom {
  padding:0px 0 25px 0 !important
 }
}
#xperto_navigation li a {
}
#xperto_navigation li a.active {
 font-family: "FaustinaBold" !important;
// border-bottom: 4px solid #000000;
letter-spacing: 0 !important;
}


.logo {
  background: url("../images/foerrlitales_logo25_bold_v3.svg") no-repeat 5px 0;
    background-size: auto;
  background-size: 95%;
  
  height: 60px;
}

@media (min-width: 1025px) {
  .logo {
    background: url("../images/foerrlitales_logo25_bold_v3.svg") no-repeat 0 0;
    background-size: auto;
    background-size: 85%;
    height: 87px;
    margin-left: 15px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .logo {
    background: url("../images/foerrlitales_logo25_bold_v3.svg") no-repeat 0 0;
    background-size: auto;
    background-size: 70%;
    margin-left: 15px;
  }
}



.txt_over .txt-over-pic {
  bottom:18px;
  left: 0px;
  text-align: left;
  top: auto;
  transform: none;
  font-size: 16px;
  text-decoration: none;
  padding: 0;
}

.overHover:hover .txt-over-pic {
  font-weight: 700;
  font-family: "FaustinaBold" !important;
}

.txt_overNew {
  bottom:25px;
  left: 0;
  position: absolute;
  width: 100%;
  text-align: left;
  font-size: 15px;
  line-height: 15px;
  text-decoration: none;
  padding: 0;
}
.overHover:hover .txt_overNew {
  font-weight: 700;
  font-family: "FaustinaBold" !important;
}

.ft_navi #xperto_navigation li a {
  font-size: 15px !important;
}




@media (min-width: 768px) {
.ft_navi #xperto_navigation li a {
  font-size: 16px !important;
}

}

#xperto_navigation {
  padding-right: 15px;
}

.fo_soc,
.fo_tel {
  padding-top: 16px;
}

.f25 {
  padding-top: 0;
}

#xperto_content {
 // padding-left: 15px;
}

.ma_desk {
  display: none;
}

.ma_mob {
  display: block;
}

@media (min-width: 1025px) {
.ma_desk {
  display: block;
}

.ma_mob {
  display: none;
}
/*
  .logo {
    margin-left: 0;
  }
  */
  .fo_soc,
  .fo_tel {
    padding-top: 0;
  }
  .f25 {
    padding-top: 40px;
  }
  .txt_over .txt-over-pic {
    left: 24px;
    font-size: 22px;
  }
  .txt_overNew {
    left: 0px;
    font-size: 18px;
    line-height: 20px;
    padding-bottom: 48px;
  }

  
  .ft_navi #xperto_navigation li a {
    font-size: 16px !important;
  }
  #xperto_navigation {
    padding-right: 0px;
  }
}

@media (min-width: 1280px) { 
  .ft_navi #xperto_navigation li a {
    font-size: 18px !important;
  }
  
  .xperto_fliesstext,
  .xperto_fliesstext_klein,
  .ft_lead {
    max-width: 65vw;
  }
}

.f25 {
  background-color: #FFFFFF;
}

.footer2025 {
  text-align: left;
}

.footer2025 strong {
  font-weight: 700;
  font-family: "FaustinaBold" !important;
}

.footer2025 a {
  border-bottom: 1px solid #000000;
  font-weight: 700;
  font-family: "FaustinaBold" !important;
}

.legal2025 {
  text-align: left;
  font-size: 0.8em;
  line-height: 20px;
}

.legal2025 a {
  font-size: 1em;
  font-weight: 700;
  font-family: "FaustinaBold" !important;
  line-height: 20px;
}

.wrapper2025-legal {
  padding-top: 0;
}

.txt-white {
  font-family: "FaustinaBold" !important;
  font-weight: 700;
}

.txt-black {
  font-family: "FaustinaBold" !important;
  font-weight: 700;
}

.ft_navi {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
}

.ma_hover {
  cursor: pointer;
}

.ma_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0px;
  position: relative;
}

.ma_grid_mob {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0px;
  position: relative;
}

.ma_img {
  position: fixed;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.ma_modul {
  padding: 20px 0 0 0;
}

.container-fluid {
  padding-left: 0;
  padding-right: 0;
}

  .no-pad{
  padding-left: 0px;
  padding-right: 0px;
}

.pad-top-bottom {
  padding-bottom: 0;
  padding-top: 0;
}

.ma_img_mob {
  display: none;
}

.ma_hover_mob {
  background: url("../images/pfeil.svg") no-repeat right 3px;
  background-size: 35px;
}
.ma_hover_mob_hover {
  background: url("../images/pfeil_up.svg") no-repeat right 3px;
  background-size: 35px;
}


.content,
.wrapper-legal {
  overflow: hidden;
}
footer {
  overflow: hidden;
}


.btn-d {
  font-weight: 700 !important;
}



@media (max-width: 960px) { 
 .logo {
   margin-top: 0px;
 } 
 .ft_navi #xperto_navigation ul {
   padding-top: 15px;
   padding-bottom: 0px;
 }
}

@media (min-width: 1025px) {
  .logo {
     margin-top: 15px;
   } 
}

.content {
 padding-bottom: 25px;
}

.txt-statement {
    font-size: 15px;
    line-height: 22px;
    padding-top: 0px;
}

@media (min-width: 1025px) { 
  .txt-statement {
      font-size: 30px;
      line-height: 32px;
      padding-top: 8px;
  }
}

@media (min-width: 1280px) {
  h2.ft_title_big {
    font-size: 80px;
    line-height: 82px;
  }
  
  .txt-statement {
    font-size: 40px;
    line-height: 42px;
    padding-top: 8px;
  }
  
  .content {
    padding-bottom: 0px;
    }
}

footer {
  font-size: 15px;
  line-height: 20px;
}

.burger-wrap {
  display: grid;
  gap: 0;
  grid-template-columns: 1fr 70px;
  padding-top: 0px;
}

.burger-lang {
  text-align: right;
  padding-top: 22px;
  font-weight: 700;
  font-family: "FaustinaBold" !important;
}
.burger-lang a {
  font-family: "FaustinaBold" !important;
}


.overlay-lang {
  padding-top: 22px;
}

.overlay-lang a.active {
  font-family: "FaustinaBold" !important;
}


@media (min-width: 1025px) {
  .burger-wrap {
    padding-top: 35px;
  }
  .burger-lang {
    text-align: right;
    padding-top: 22px;
    padding-right: 16px;
  }
  .overlay-lang {
    padding-top: 50px;
  }
}

.burger {
  top: 0;
  right: 0;
  position: relative;
  text-align: right;
  padding-right: 15px;
}

@media (min-width: 1025px) {
  padding-right: 0;
}

.overlay-adr {
  padding-top: 50px;
  font-size: 15px;
  line-height: 20px;
}

.overlay-social {
  padding-top: 25px;
  font-size: 15px;
  line-height: 20px;
}

.overlay-adr a,
.overlay-social a {
  font-weight: 700;
  font-family: "FaustinaBold" !important;
}

.nav-wrapper {
  height: 100vh;
  width: 100%;
  padding-top: 0;
  margin-top: 0;
  position: absolute;
  background-color: #FFF;
  border: 0px solid red;
  z-index: 8;
  right: 0;
}

.nav-overlay {
  margin-left: 5px;
}

.nav-overlay #xperto_navigation {
  padding-left: 0 !important;
}

@media (min-width: 1025px) {
  .nav-wrapper {
  height: 100vh;
  width: 520px;
  }
  
  .nav-overlay {
    margin-left: 25px;
  }
}



.hamburger {
    padding-top:6px !important
}

.hamburger:hover {
    opacity: 1 !important
}

.hamburger.is-active:hover {
    opacity: 1 !important
}

.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after {
    border-radius: 1px
}

.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after {
    width: 30px;
    height: 2px;
    border-radius: 0px
}

@media (min-width: 768px) and (max-width: 1024px) {
    .hamburger-inner,.hamburger-inner::before,.hamburger-inner::after {
        width:40px;
        height: 2px;
        border-radius: 0px
    }
}

@media (min-width: 1025px) {
  .hamburger {
      padding-top:3px !important
  }


    .hamburger-inner,.hamburger-inner::before,.hamburger-inner::after {
        width:40px;
        height: 2px;
        border-radius: 0px
    }
}

.hamburger-inner {
   // background-color: #FFFFFF
}


.hamburger-inner::before,.hamburger-inner::after {
    background-color: #1c1c1c !important
}

.hamburger-inner::after {
    top: 24px !important
}

.hamburger--spring.is-active .hamburger-inner::after {
    top: 0px !important
}

.hamburger-inner::before {
    top: 12px !important
}

.hamburger--spring.is-active .hamburger-inner::before {
    top: 0px !important
}


@media (min-width: 1025px) {

  .hamburger-inner::before,.hamburger-inner::after {
      background-color: #1c1c1c !important
  }
  
  .hamburger-inner::after {
      top: 32px !important
  }
  
  .hamburger--spring.is-active .hamburger-inner::after {
      top: 0px !important
  }
  
  .hamburger-inner::before {
      top: 16px !important
  }
  
  .hamburger--spring.is-active .hamburger-inner::before {
      top: 0px !important
  }

}


.max-width-wrap {
  max-width: 1580px;
  margin: 0 auto;
}

@media (min-width: 1280px) {
  .xperto_fliesstext, .xperto_fliesstext_klein, .ft_lead {
    max-width: 1024px;
  }
}
.ma-wrap {
  margin: 0 8px;
  position: relative;
}

.ma-wrap:hover .ma-overlay {
  opacity: 1;
  visibility: visible;
  cursor: pointer;
}

.ma-wrap img {
  width: auto;
  max-width: 100%;
  height: auto;
}

.ma-titel {
  font-weight: 700 !important;
  font-family: "FaustinaBold" !important;
  margin-top: 0px;
}

.ma-overlay {
  background-color: rgba(255,255,255,0.8);
  width: 100%;
  height: 100%;
  top:0;
  position: absolute;
  text-align: center;
  display: flex;
  align-items: center;
 opacity: 0;
 visibility: hidden;
 transition: opacity 0.3s ease;
}
.ma-overlay .xperto_fliesstext {
  width: 100%;
}


.ma-slider {
  padding-top: 37px !important;
}

.ma-slider .slick-prev, 
.ma-slider .slick-next {
  top: 0;
  width: auto;
  font-weight: 700 !important;
  font-family: "FaustinaBold" !important;
  color: #000000;
  opacity: 1;
}

.ma-slider .slick-next::before {
  content: "Next";
  font-weight: 700 !important;
  font-family: "FaustinaBold" !important;
  color: #000000;
  opacity: 1;
  font-size: 32px;
  line-height: 34px;
}

.ma-slider .slick-next {
  right: 25px;
}

.ma-slider .slick-prev::before {
  content: "Back";
  font-weight: 700 !important;
  font-family: "FaustinaBold" !important;
  color: #000000;
  opacity: 1;
 font-size: 32px;
 line-height: 34px;
}

.ma-slider .slick-prev {
  left: 25px;
}

@media (min-width: 1280px) {
  .ma-slider {
    padding-top: 52px !important;
  }
  
  .ma-slider .slick-next::before {
    font-size: 52px;
    line-height: 54px;
  }
  .ma-slider .slick-prev::before {
   font-size: 52px;
   line-height: 54px;
  }
}