/*
Theme Name: Lia Child Theme
Template: lia
Version: 1.0
*/

/* fira-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../lia/css/fonts/fira-sans-v18-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../lia/css/fonts/fira-sans-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../lia/css/fonts/fira-sans-v18-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../lia/css/fonts/fira-sans-v18-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../lia/css/fonts/fira-sans-v18-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-sans-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 900;
  src: url('../lia/css/fonts/fira-sans-v18-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
    font-display: swap;
    font-family: 'CalaLig';
    src: url('../lia/css/fonts/CalaLig-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;

}
      
  
html { 
    font-size: 100% !important;
   /* scroll-behavior: smooth !important; */
   
      }

body {	
font-family: 'Fira Sans' !important;
font-weight: 400 !important;
}


/* body .container-wrap {
  background-repeat: no-repeat;
  background-image: url(images/blatt_beige_rechts.svg) !important;
 background-position: top 100px right -40px !important;
 background-size: 22%;
} */


h1, h2, h3, h4, h5, h6 { 
 font-family: 'CalaLig';
          font-weight: normal;
    font-style: normal;
          color: #97453c !important;
          /* damit die schrift bei chrome nicht duenn aussieht 
          -webkit-text-stroke: 0.2px !important; */
      }		
      


p, .small, .xsmall, .upper, .small p, .xsmall p, .upper p, strong {
font-family: 'Fira Sans';
font-weight: 400;
}


h1 {
font-size: 3.5rem;
line-height:4rem;
  }

  h2 {
    font-size: 3rem;
    line-height: 3.5rem;
      }

  .gross h2 {
    font-size: 4.25rem;
    line-height: 5rem;
      }

 /*   .gross h1 {
    font-size: 4.25rem;
    line-height: 5rem;
      }    */  

/*   .optic h2 {
    font-family: 'Optic-Heavy';
    font-size: 4.5rem;
    line-height: 5rem;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 800;
    margin-bottom: 40px !important;
  }  */
  

  h3 {
    font-size: 2.5rem;
    line-height: 3rem;
  
      }
      

  h4 {
    font-size: 2rem;
    line-height: 2.5rem;
      }	

    
   
/*  .subheadline h4 {
  font-size: 2rem;
  line-height: 2.5rem;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 300 !important;
 } */

 .bold h5 {
  font-weight: 700 !important;
 }
      
  h5 {
    font-size: 1.5rem;
    line-height: 2rem;
      }	

 .fira h5 {
    font-family: 'Fira Sans' !important;
 }     

  .bold h6 {
  font-weight: 700 !important;
 }
      
  h6 {
    font-size: 1.25rem;
    line-height: 1.75rem;
      }	
  
  p {
      font-size:1.25rem !important;
      line-height:1.85rem !important;
  }	



p a {
/* text-decoration: underline !important;
text-underline-offset: 4px; */
}	

p strong {
font-weight: 700 !important;
}


.versteckt {
display: none !important;
}


.zentriert p {
  text-align: center !important;
}

.zentriert {
margin:0 auto !important;
text-align: center !important;
}

/* .nectar-button.button_zentriert {
margin:0 auto !important;
display: block !important;
width: max-content !important;
text-align: center !important;
} */

a.nectar-button  {
font-family: 'Fira Sans' !important;
font-size:1.25rem !important;
line-height:1.75rem !important;
}

.rot, .rot h2 {
    color: #97453c !important;
    } 


.grau {
  color:#c3c3c3;
}

.dunkelgrau, .dunkelgrau p, .dunkelgrau h4 {
color:#212121 !important;
}

.weiss, .weiss p, .weiss h2, .weiss h4, .weiss h3, .weiss h5, .weiss h6, .weiss a, h2.weiss, h3.weiss, h4.weiss, h5.weiss, h6.weiss {
  color:#fff !important;
}

.schwarz h5, .schwarz h4, .schwarz h6 {
color:#000 !important;
}


.bg_rot {
background-color:#97453c;
}



.fett {
font-weight: 500 !important;
}

ul, li {
list-style: none !important;
}

.eigene_liste ul {
/* list-style: none !important;
 margin-left: 0 !important; */
 list-style-position:outside !important;
 list-style: none !important;
}

.eigene_liste ul li {
font-size:1rem !important;
line-height:1.5rem !important;
 margin-bottom: 5px !important;
font-family: 'Fira Sans';
font-weight: 400;
color:#192224;
max-width: 700px;
}

.eigene_liste ul li::before {
 content: "•";
 color:#97453c;
 font-size: 2rem !important;
 font-weight: 500;
margin-right:15px;
 margin-left:-25px !important;
 display: inline-block;
 transform: translateY(3px);
}
/* 
.eigenes_button a { 
border:1px solid #000 !important;
background-color: #fff;
color:#000 !important;
border-radius: 30px;
font-size: 1.5rem !important;
letter-spacing: 2px;
font-weight: 300 !important;
padding:8px 24px !important;
text-transform: uppercase;
}


.eigenes_button a:hover,
.eigenes_button a:active  { 
background-color: #000;
color:#fff !important;
}

a.nectar-button  {
font-family: 'Fira Sans' !important;
font-size:1.5rem !important;
line-height:1.75rem !important;
letter-spacing: 1px !important;
padding: 20px 60px !important;
}

.nectar-button[data-color-override="false"].regular-button:hover {
background-image: linear-gradient(rgb(0 0 0/10%) 0 0);
}

body[data-button-style="slightly_rounded_shadow"] .nectar-button:hover,
body[data-button-style="slightly_rounded_shadow"] .nectar-button:focus {
box-shadow: none !important;
-ms-transform: translateY(0) !important;
transform: translateY(0) !important;
-webkit-transform: translateY(0) !important; 
transition: none !important;
opacity: 1 !important;
} */

.max_400 {
max-width: 400px;
}

.max_550 {
  max-width: 550px;
  margin: 0 auto !important;;
  }  


.max_750 {
max-width: 750px;
margin:0 auto !important;
}

.max_800 {
max-width: 800px;
margin:0 auto !important;
}

.max_850 {
  max-width: 850px;
  }

.max_900 {
max-width: 900px;
margin:0 auto !important;
}

.max_950 {
max-width: 950px;
}


.max_1000 {
max-width: 1000px;
margin:0 auto !important;
}

.max_1100 {
  max-width: 1100px;
  }  

.max_1200 {
  max-width: 1200px;
  margin:0 auto !important;
  }  

.max_1200_links {
    max-width: 1200px;
    } 

.max_1400 {
      max-width: 1400px;
      margin:0 auto;
      }     


/* .......................... NAVI .............................. */  


/* #header-outer #top nav > ul > li > a, 
#header-outer #top nav > .sf-menu > li > a, */
/* #header-outer #top nav  */
#header-outer .sf-menu li.menu-item a,
#header-outer .sf-menu li ul li.menu-item a  {
font-family: 'Fira Sans';
font-size: 1.25rem !important;
line-height: 1.5rem !important;
font-style: normal;
font-weight: 500 !important;
text-decoration: none !important;
color:#192224;
}

#header-outer #top nav .sub-menu {
  margin-top:-40px !important;
}

#header-outer #top nav .sub-menu li {
  margin-bottom:10px !important;
}

/* #header-outer.transparent.dark-slide > #top nav .sf-menu > .current-menu-item > a {
font-family: 'Fira Sans';
font-style: normal;
text-transform: uppercase;
text-decoration: none !important;
color:#fff !important;
border:2px solid #000 !important;
background-color: #000 !important;
}

#header-outer[data-lhe="animated_underline"].transparent.dark-slide #top nav > ul > li > a .menu-title-text:after {
  border:none !important;
} */



#slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li a, 
#slide-out-widget-area.fullscreen .inner .widget.widget_nav_menu li a, 
#slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a, 
#slide-out-widget-area.fullscreen-alt .inner .widget.widget_nav_menu li a {
font-family: 'Fira Sans' !important;
font-size: 1.5rem !important;
line-height: 2rem !important;
font-style: normal;
font-weight: 500 !important;
text-decoration: none !important;
color:#97453c !important;
padding:10px 20px !important;
transition: none !important;
opacity:1 !important;
}



/*  --------------   Startseite ---------------- */


.start_slider_container .vc_column-inner {
/* padding-top: 12% !important;
padding-bottom: 12% !important; */
}

.start_slider_container .vc_column-inner .column-image-bg-wrap .inner-wrap .column-image-bg {
/* background-size: 75%;
background-position: 110% 100%;
background-repeat: no-repeat; */
}

.start_slider_container .slider_blatt_oben {
  position:absolute;
  top:-280px !important;
  left:55%;
  width:20% !important;
}

.start_slider_container .slider_blatt_rechts {
  position:absolute;
  top:140px !important;
  right:-18%;
  width:25% !important;
} 

/* .start_slider_container .vc_column-inner {
  height:760px;
  max-width:1920px;
  margin:0 auto;
  margin-bottom: 60px;
} */



.start_einzelleistung_headline h5 {
  font-style: normal;
  font-weight: 600 !important;
  color:#192224 !important;
}

.start_einzelleistung_link a {
  font-style: normal;
  font-weight: 600 !important;
  font-size: 1.25rem; 
}

.spruch_container_innen {
  z-index: 750 !important;
}

.spruch_container .slider_blatt_links {
  position:absolute;
  top:-100px !important;
  left:5%;
  width:10% !important;
}

.spruch_container .slider_blatt_rechts {
  position:absolute;
  top:-50px !important;
  right:5%;
  width:17% !important;
}

.spruch_container .img-with-aniamtion-wrap {
  z-index: 200 !important;
  position:relative !important;
}

.spruch_text {
  z-index: 800 !important;
  position: relative !important;
}  

.spruch_text h4 {
  font-size: 2.5rem;
    line-height: 3.5rem;
    z-index: 800 !important;
}  

.cta_kontakt_container_innen {
  background-color: #E5DED0;
  max-width: 950px;
  margin:0 auto !important;
  padding-top: 60px;
  padding-bottom: 60px;
  border-radius: 50px;
}


/* ------------------------------ LEISTUGEN ---------------------------*/


.leistungen_toggle_container {
/* padding-top:80px !important;
padding-bottom:80px !important; */
max-width:1000px;
margin:0 auto;
}

.leistungen_toggle_container .toggle {
	margin-bottom: 10px !important;
	/* padding:2px 30px !important; */
	border:0 !important;
}
.leistungen_toggle_container  .toggle h3.toggle-title {
  background-color:#E5DED0;
  padding:20px 40px !important;
  border-radius: 25px !important;
}

.leistungen_toggle_container  .toggle h3.toggle-title a {
   /* padding: 30px 70px 30px 0; */
   padding:0 !important;
   padding-right:60px !important;
   font-size:2rem !important;
	line-height:2.75rem !important;
  color:#97453c !important;
}

/*
.leistungen_toggle_container  .toggle.open h3 a {
	color: #00aec7 !important;
}
*/

.leistungen_toggle_container  .toggle h3 i {
	border-color: #97453c !important;
  width:36px !important;
  height:36px !important;
    right: 40px !important;
    margin-top: -16px !important;
    border: none!important;
}

.leistungen_toggle_container  .toggle h3 i::before{
		background-color: #97453c !important;
    top: 17px !important;
    left: 8px !important;
    margin-top: -2px !important;
    width: 18px !important;
    height: 2px !important;
}

.leistungen_toggle_container  .toggle h3 i::after {
	background-color: #97453c !important;
    top: 7px !important;
    left: 18px !important;
    width: 2px !important;
    margin-left: -2px !important;
    height: 18px !important;
} 




.leistungen_toggle_container  .toggle .inner-toggle-wrap .wpb_wrapper {
	/* max-width:800px !important; */
  padding:30px 40px !important;
} 

/* ----------------------------- KONTAKT --------------------------- */

.titel p {
  font-weight: 500 !important;
  margin-top: -15px;
}


span.adresse,
span.mail,
span.telefon {
  margin-bottom: 8px;
  display: inline-block;
}

span.adresse::before {
  content: url(images/icon_adresse.svg);
  width: 30px !important;
  height: 30px !important;
  display:inline-block !important;
  transform: translateY(7px);
  margin-right: 15px;
}

span.mail::before {
  content: url(images/icon_mail.svg);
  width: 30px !important;
  height: 30px !important;
  display:inline-block !important;
  transform: translateY(7px);
  margin-right: 15px;
}

span.telefon::before {
  content: url(images/icon_telefon.svg);
  width: 30px !important;
  height: 30px !important;
  display:inline-block !important;
  transform: translateY(7px);
  margin-right: 15px;
}

/* ------------------------ IMPRESSUM / DATENSCHUTZ ------------------ */

.einzelseite_header_figur_container .r_07 {
  top:-170px;
  width:415px !important;
  left:55%;
  position: absolute;
}

.einzelseite_header_container .g_01 {
  width:110px !important;
  left:-100px;
  top:10px; 
  position: absolute;
}

.einzelseite_header_container .g_05 {
  width:110px !important;
}

.einzelseite_header_container .r_02 {
  width:170px !important;
  left:650px;
  top:15px; 
  position: absolute;
}

/* ------------------------- FOOTER -------------------  */

.eigene_copyright_text p {
  color:#b08971;
}


/*  ----------------------------------------- RESPONSIVE ------------------------------------------- */


/* ...................................... 1300 bis 1600 ................................... */  

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


h1 {
font-size: 3rem;
line-height:3.5rem;
  }

  h2 {
    font-size: 2.125rem;
    line-height: 2.625rem;
      }

  .gross h2 {
    font-size: 3.5rem;
    line-height: 4.5rem;
      }


  h3 {
    font-size: 2rem;
    line-height: 2.5rem;
  
      }
      

  h4 {
    font-size: 1.5rem;
    line-height: 2rem;
      }	


      
  h5 {
    font-size: 1.25rem;
    line-height: 1.75rem;
      }	

      
  h6 {
    font-size: 1.25rem;
    line-height: 1.75rem;
      }	
  
  p {
      font-size:1.125rem !important;
      line-height:1.625rem !important;
  }	

  a.nectar-button  {
font-size:1rem !important;
line-height:1.5rem !important;
}

.start_einzelleistung_link a {
  font-size: 1.125rem; 
}

.spruch_text h4 {
  font-size: 2rem;
    line-height: 3rem;
}  

.leistungen_toggle_container  .toggle h3.toggle-title a {
   font-size:1.75rem !important;
	line-height:2.25rem !important;
}

}

/* ...................................... 1000 bis 1299 ................................... */  

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

#header-outer .sf-menu li.menu-item a,
#header-outer .sf-menu li ul li.menu-item a  {
font-size: 1rem !important;
line-height: 1.25rem !important;
}

body.material .nectar-button.large {
    padding-left: 25px;
    padding-right: 25px;
}

body .nectar-button.large.see-through, body .nectar-button.large.see-through-2, body .nectar-button.large.see-through-3 {
    border-width: 2px;
    padding-top: 10px;
    padding-bottom: 10px;
}

h1 {
font-size: 3rem;
line-height:3.5rem;
  }

  h2 {
    font-size: 2rem;
    line-height: 2.5rem;
      }

  .gross h2 {
    font-size: 3rem;
    line-height: 4rem;
      }


  h3 {
    font-size: 1.75rem;
    line-height: 2.25rem;
  
      }
      

  h4 {
    font-size: 1.25rem;
    line-height: 1.75rem;
      }	


      
  h5 {
    font-size: 1rem;
    line-height: 1.5rem;
      }	

      
  h6 {
    font-size: 1rem;
    line-height: 1.5rem;
      }	
  
  p {
      font-size:1rem !important;
      line-height:1.5rem !important;
  }	

  a.nectar-button  {
font-size:1rem !important;
line-height:1.5rem !important;
}

.start_einzelleistung_link a {
  font-size: 1rem; 
}

.spruch_text h4 {
  font-size: 1.75rem;
    line-height: 2.75rem;
}  

.leistungen_toggle_container  .toggle h3.toggle-title a {
   font-size:1.5rem !important;
	line-height:2rem !important;
}



}

/* ...................................... 691 bis 999 ................................... */  

@media only screen and (min-width: 691px) and (max-width: 999px)  {


body.material .nectar-button.large {
    padding-left: 20px;
    padding-right: 20px;
}

body .nectar-button.large.see-through, body .nectar-button.large.see-through-2, body .nectar-button.large.see-through-3 {
    border-width: 2px;
    padding-top: 10px;
    padding-bottom: 10px;
}

h1 {
font-size: 3rem;
line-height:3.5rem;
  }

  h2 {
    font-size: 1.75rem;
    line-height: 2.25rem;
      }

  .gross h2 {
    font-size: 2.5rem;
    line-height: 3.5rem;
      }


  h3 {
    font-size: 1.5rem;
    line-height: 2rem;
  
      }
      

  h4 {
    font-size: 1.25rem;
    line-height: 1.75rem;
      }	


      
  h5 {
    font-size: 1rem;
    line-height: 1.5rem;
      }	

      
  h6 {
    font-size: 1rem;
    line-height: 1.5rem;
      }	
  
  p {
      font-size:1rem !important;
      line-height:1.5rem !important;
  }	

  a.nectar-button  {
font-size:1rem !important;
line-height:1.5rem !important;
}


.start_slider_container .slider_blatt_oben {
  top:-200px !important;
  left:55%;
  width:25% !important;
}

.start_slider_container .slider_blatt_rechts {
  top:140px !important;
  right:-18%;
  width:30% !important;
} 

.spruch_container .slider_blatt_links {
  top:-100px !important;
  left:5%;
  width:18% !important;
}

.spruch_container .slider_blatt_rechts {
  top:-50px !important;
  right:0;
  width:18% !important;
}

.start_bild_container img {
   max-width: 40% !important;
  margin-left:55%;
  margin-top:-280px;
}

.start_einzelleistung_link a {
  font-size: 1rem; 
}

.spruch_text h4 {
  font-size: 1.5rem;
    line-height: 2.125rem;
}  

.cta_kontakt_container_innen {
  max-width: 600px;
  padding-top: 40px;
  padding-bottom: 40px;
  border-radius: 30px;
}

.leistungen_toggle_container  .toggle h3.toggle-title a {
   font-size:1.5rem !important;
	line-height:2rem !important;
}

}


/* ...................................... MAX 690 ................................... */

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

body.material .nectar-button.large {
    padding-left: 20px;
    padding-right: 20px;
}

body .nectar-button.large.see-through, body .nectar-button.large.see-through-2, body .nectar-button.large.see-through-3 {
    border-width: 2px;
    padding-top: 10px;
    padding-bottom: 10px;
}

h1 {
font-size: 2.5rem;
line-height:3rem;
  }

  h2 {
    font-size: 1.5rem;
    line-height: 2rem;
      }

  .gross h2 {
    font-size: 2.25rem;
    line-height: 3.25rem;
      }


  h3 {
    font-size: 1.5rem;
    line-height: 2rem;
  
      }
      

  h4 {
    font-size: 1.25rem;
    line-height: 1.75rem;
      }	


      
  h5 {
    font-size: 1rem;
    line-height: 1.5rem;
      }	

      
  h6 {
    font-size: 1rem;
    line-height: 1.5rem;
      }	
  
  p {
      font-size:1rem !important;
      line-height:1.5rem !important;
  }	

  a.nectar-button  {
font-size:1rem !important;
line-height:1.5rem !important;
}


.start_slider_container .slider_blatt_oben {
  top:-140px !important;
  left:55%;
  width:25% !important;
}

.start_slider_container .slider_blatt_rechts {
  top:100px !important;
  right:-10%;
  width:30% !important;
} 

.spruch_container .slider_blatt_links {
  top:20px !important;
  left:5%;
  width:15% !important;
}

.spruch_container .slider_blatt_rechts {
  top:10px !important;
  right:-40px;
  width:20% !important;
}

.start_bild_container img {
   max-width: 40% !important;
  margin-left:55%;
  margin-top:-240px;
}

.start_einzelleistung_link a {
  font-size: 1rem; 
}

.spruch_text h4 {
  font-size: 1.25rem;
    line-height: 2rem;
}  

.cta_kontakt_container_innen {
  max-width: 600px;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left:10px !important;
  padding-right:10px !important;
  border-radius: 30px;
}



.leistungen_toggle_container  .toggle h3.toggle-title {
  padding:20px 20px !important;
  border-radius: 15px !important;
}


.leistungen_toggle_container  .toggle h3.toggle-title a {
   font-size:1.125rem !important;
	line-height:1.5rem !important;
}


.leistungen_toggle_container  .toggle h3 i {
  width:26px !important;
  height:26px !important;
    right: 20px !important;
    margin-top: -16px !important;
}

.leistungen_toggle_container  .toggle h3 i::before{
    top: 17px !important;
    left: 8px !important;
    margin-top: -2px !important;
    width: 14px !important;
    height: 2px !important;
}

.leistungen_toggle_container  .toggle h3 i::after {
    top: 9px !important;
    left: 16px !important;
    width: 2px !important;
    margin-left: -2px !important;
    height: 14px !important;
} 


.leistungen_toggle_container  .toggle .inner-toggle-wrap .wpb_wrapper {
	/* max-width:800px !important; */
  padding:20px 20px !important;
} 













.footer_linke_seite p {
  text-align: center;
  margin: 0 auto !important;
    margin-top: -10px !important;
}

.footer_rechte_seite p {
  text-align: center;
  margin: 0 auto !important;
}

}