/*
Theme Name: DIVI childtheme
Author: ich
Description: childtehme für divi
Version: 1.0
Template: Divi

This is the child theme for Divi theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

html {font-size:16px;
    }

    /* lato-300 - latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src: local(''),
         url('fonts/lato-v23-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('fonts/lato-v23-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* lato-300italic - latin */
  @font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 300;
    src: local(''),
         url('fonts/lato-v23-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('fonts/lato-v23-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* lato-regular - latin */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local(''),
         url('fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('fonts/lato-v23-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* lato-700 - latin */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: local(''),
         url('fonts/lato-v23-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('fonts/lato-v23-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* lato-900italic - latin */
  @font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 900;
    src: local(''),
         url('fonts/lato-v23-latin-900italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('fonts/lato-v23-latin-900italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }

  body { font-family:Lato;
            font-size:1rem;}

  h1,h2,h3,h4,h5,h6 {font-family: Lato;
                    }


                    .et_pb_with_border.et_pb_module
                    .et_pb_blurb.et_pb_blurb_0
                    .et_pb_text_align_center
                    .et_pb_blurb_position_top
                    .et_pb_bg_layout_light :hover {animation: icons_mit_te 2s ease 0s 0 normal none;}

  /*h1 {
    font-size: clamp(1.25rem, 0.5242rem + 3.2258vw, 2.5rem) !important; 
    line-height: clamp(1.37rem, 0.7139rem + 2.9161vw, 2.5rem) !important;
    text-transform: uppercase !important;
    }
    @media screen and (max-width:980px) {
      h1 {line-height: 2.5rem;}
      h1 {line-height: 1.37rem;}
    }
  
  h2 {font-size: clamp(1.06rem, 0.8800rem + 0.8000vw, 1.37rem) !important;
      } 

  /*h3 {font-size: clamp(1.81rem, 1.7144rem + 0.4250vw, 1.9375rem)!important;} */

 /* h4 {} 

  h5 {} 

  h6 {}*/ 

  .et_pb_button_0 {background:#ff6d2a !important;
                  color: white- !important;
    }

    .et_pb_button_0 hover {background:#f6ab88 !important;
                color:#ccc !important;
    }
    .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu, .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu ul {
      background-color: #FF6D2A !important;
      border-radius: 0 0 10px 10px;
     

    }
   
 @media screen and (max-width:1024px) {
	 .txt {margin-top:15em;}
     
}
element.style {
}/*
.et_pb_section.et_pb_section_0.et_pb_with_background.et_section_regular {

background-image: radial-gradient(circle at top left,#ffffff80 30%,#fff0 80%),url(https://freiheit-harz.de/wp-content/uploads/2022/01/cropped-WhatsApp-Image-2022-01-09-at-20.37.01.jpeg)!important;
  
}*/  
h1.et_pb_module_header {
  color: #232425 !important;
}

.aprt { font-size:1.7rem;
        line-height:1.1rem;
        color:#ff6d2a#9d857d;
      }
.aprt-weiss { font-size:1.7rem;
        line-height:1.1rem;
        color:#d4d8ce;
      }

.cont-list-flex {display:flex;
                  flex-flow:row wrap;
                }
.cont-flex {flex:1;
          }
 .cont-flex ul {display: block;
                padding-top:3em;
                list-style-type:none;
          }   
.cont-flex ul li {width:100%;
                  padding-top:1.1rem;
                  line-height:0.9em;
                  font-weight:bolder;
                  
          }     
          
/*### item_features###*/


.et_pb_row.et_pb_row_1.row_anfang {
  max-width: 950px !important;
 
  margin-top:3em;
  margin-left:auto;
  margin-right:auto;
  padding:5em;
  
}


.et_pb_text_inner {
  text-align: center;
}
.et_pb_cta_0.et_pb_promo 
.et_pb_promo_description div  
                {
                 
}

:root {
  --button-background-color: #000;
  --button-border-radius: 0;
  --button-border: 2px durchgehend #000;
  --button-box-shadow: keine;
  --button-color: #fff;
  --button-font-family: vererben;
  --button-font-size: 1.2rem;
  --button-font-weight: 400;
  --button-hover-background-color: transparent;
  --button-hover-border-radius: 0;
  --button-hover-border: 2px durchgehend #000;
  --button-hover-box-shadow: keine;
  --button-hover-color: #000;
  --button-hover-padding: 5 px 20px ;
  --button-letter-spacing: 1px;
  --button-margin-top: 1rem;
  --button-padding: 5px 20px;
  --button-text-transform: Großbuchstaben;
  --button-transition-duration: 300ms;
  --Checkbox-Lücke: 2px 20px;
  --Formfarbe: #000;
  --input-background: transparent;
  --Eingangsrand: 2px durchgehend #000;
  --input-border-radius: 0;
  --input-box-shadow: keine;
  --input-color: #000;
  --input-focus-background: transparent;
  --input-focus-border: 2px durchgehend #000;
  --input-focus-border-radius: 0;
  --input-focus-box-shadow: keine;
  --input-focus-color: #000;
  --input-font-family: inherit;
  --input-font-size: 1rem;
  --Input-Padding: 10px;
  --input-placeholder-color: #333;
  --Eingabe-Platzhalter-Deckkraft: 0,8;
  --label-color: #000;
  --Link-Farbe: #ff6d2a;
}

/* Hören Sie auf, den Code zu berühren!!! */
/* #region Button Design */
-Formular. wpcf7-Formulareingabe. wpcf7-einreichen {
  background-color: var(--button-background-color);
  border-radius: var(--button-border-radius);
  border: var(--button-border);
  box-shadow: var(--button-box-shadow);
  Cursor: Zeiger;
  Farbe: var(--button-color);
  font-family: var(--button-font-family);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  Buchstabenabstand: var(--button-letter-spacing);
  margin-top: var(--button-margin-top);
  Aufpolsterung: var(--button-padding);
  text_transform: var(--button-text-transform);
  transition: all var(--button-transition-duration) ease;
}
-Formular. wpcf7-Formulareingabe. wpcf7-submit:hover {
  background-color: var(--button-hover-background-color);
  border-radius: var(--button-hover-border-radius, var(--button-border-radius));
  border: var(--button-hover-border, var(--button-border));
  box-shadow: var(--button-hover-box-shadow, var(--button-box-shadow));
  Farbe: var(--button-hover-color, var(--button-color));
  Polsterung: var(--button-hover-padding, var(--button-padding));
}

/* #endregion Button-Design */
/* #region Platzhalter-Pseudoklasse */
-Formular. wpcf7-form input[type=email]::-webkit-input-placeholder, form. wpcf7-form input[type=text]::-webkit-input-placeholder, form. wpcf7-form input[type=tel]::-webkit-input-placeholder, form. wpcf7-form input[type=password]::-webkit-input-placeholder, form. wpcf7-form textarea::-webkit-input-placeholder {
  Farbe: var(--input-placeholder-color);
  Deckkraft: var(--input-placeholder-opacity);
}
-Formular. wpcf7-form input[type=email]::-moz-placeholder, form. wpcf7-form input[type=text]::-moz-placeholder, form. wpcf7-form input[type=tel]::-moz-placeholder, form. wpcf7-form input[type=password]::-moz-placeholder, form. wpcf7-form textarea::-moz-placeholder {
  Farbe: var(--input-placeholder-color);
  Deckkraft: var(--input-placeholder-opacity);
}
-Formular. wpcf7-form input[type=email]:-ms-input-placeholder, form. wpcf7-form input[type=text]:-ms-input-placeholder, form. wpcf7-form input[type=tel]:-ms-input-placeholder, form. wpcf7-form input[type=password]:-ms-input-placeholder, form. wpcf7-form textarea:-ms-input-placeholder {
  Farbe: var(--input-placeholder-color);
  Deckkraft: var(--input-placeholder-opacity);
}
-Formular. wpcf7-form input[type=email]:-moz-placeholder, form. wpcf7-form input[type=text]:-moz-placeholder, form. wpcf7-form input[type=tel]:-moz-placeholder, form. wpcf7-form input[type=password]:-moz-placeholder, form. wpcf7-form textarea:-moz-placeholder {
  Farbe: var(--input-placeholder-color);
  Deckkraft: var(--input-placeholder-opacity);
}

/* #endregion */
-Formular. wpcf7-formular {
  Farbe: var(--form-color);
}
-Formular. wpcf7-form input[type=email], Formular. wpcf7-form input[type=text], form. wpcf7-form input[type=tel], form. wpcf7-form input[type=password], Formular. wpcf7-form textarea {
  background: var(--input-background);
  border: var(--input-border);
  border_radius: var(--input-border-radius);
  box-shadow: var(--input-box-shadow);
  Farbe: var(--input-color);
  font-Familie: var(--input-font-family);
  font-size: var(--input-font-size);
  padding: var(--input-padding);
  Breite: 100%;
}
-Formular. wpcf7-form input[type=email]:focus, form. wpcf7-form input[type=text]:focus, form. wpcf7-form input[type=tel]:focus, form. wpcf7-form input[type=password]:focus, form. wpcf7-form textarea:focus {
  background: var(--input-focus-background, var(--input-background));
  border: var(--input-focus-border, var(--input-border));
  border_radius: var(--input-focus-border-radius, var(--input-border-radius));
  box-shadow: var(--input-focus-box-shadow, var(--input-box-shadow));
  Farbe: var(--input-focus-color, var(--input-color));
}
-Formular. WPCF7-Form A {
  Farbe: var(--link-color);
}
-Formular. wpcf7-form label {
  Farbe: var(--label-color);
}
-Formular. wpcf7-form . wpcf7-Checkbox {
  Display: Flex;
  Flex-Flow: Zeilenumbruch;
  gap: var(--checkbox-gap);
}
-Formular. wpcf7-form . wpcf7-checkbox > . wpcf7-Listenelement {
  Rand links: 0;
}
-Formular. wpcf7-form . dscf7 . wpcf7-Checkbox {
  Anzeige: Inline-Block;
}

.preis {position: absolute;
        bottom:20%;
        left:10%;
        padding:1%;
        border:1px solid #000;
        font-size: 70px;
        color:#fff;
        z-index: 999;
      }


.slider-main {
  display: flex;
  flex-wrap:wrap-reverse;
  width:100%; 
  max-width: 1900px;
  align-content: stretch;
  margin:0 auto;

 

  }
  .slider-desc { 
    width:  28%;
    position:relative;
  
    z-index:2 !important;
    
    padding: 1em;
    padding-top: 1%;
    
  }
    
    @media screen and (width:1667px) { 

      .slider-desc {
        max-width:280px;
      padding:1em;}
       }
  
  @media screen and (max-width:1700px) {
    .slider-desc {
      width: 100%;
     }
    }
  .slider-desc-header {
                      font-weight: bolder;
                      color:#e5e5e5;
                      
                      margin-left:auto;
                         margin-right:auto;
                         
                      }     

         @media screen and (max-width:1200px) {
          .slider-desc-header {
            max-width: 100%;
        }
      }
  .slider-desc-header h1 { font-size: 160%;
                          font-weight:bolder;}   
  .slider-desc-header h2 {font-size: clamp(0.9375rem, -3.2386rem + 6.8182vw, 1.125rem) !important;} 

  .slider-desc-kalender {
                        position:absolute;
                        box-shadow: 5px 0px 35px 0px #0e0c0c;
                        
                        border-radius:5px;
                        right:29%;
                        bottom:-10%;
                        width: 250px;
                        height:  300px;
                         padding-top:0em;
                         z-index: 9999999 !important;
                         overflow:hidden;
                         margin-left:auto;
                         margin-right:auto;
                        
                      }
                      @media screen and (max-width:1200px) {
                        .slider-desc-kalender {
                          width:250px;
                          height:  280px;
                          right: 1%;
                        height:  350px;
                        }

                      
                        }
                        @media screen and (max-width:1024px) {
                          .slider-desc-kalender {
                            width:250px;
                            
                            right: 1%;
                          height:  280px;
                          }
                        }
                      
                      @media screen and (max-width:360px) {
                        .slider-desc-kalender {
                         width:100%;
                        
                        height:  250px;
                      margin-right:0;
                      }
                        }
.slider-desc-desc {
                  padding-bottom:2em;
                  width: 100%;
                  }
                  @media screen and (max-width:1667px) {
                    .slider-desc-desc {
                     max-width:80%;
                 
                  }
                    }
.slider-desc-desc h3 {font-size:140% !important;
                        font-weight:lighter;}
 
 
 
  .slider-desc-cta {
                    width:350px;
                    display:flex;
                    flex-direction: row;
                    background: #fff;
                   

                  }
                    
                    .cta2, .cta3 {width: 100%;}
                                
                    .cta2 a {background:#000;
                      padding:7% 20%;
                      font-size:120%;
                      width: 120px;
                      margin-left:3px;
                      text-align: center;
                      border-radius: 5px;
                      color: #fff;}

                    .cta3 a  {background:#ff6d2a;
                      padding:7% 25%;
                      font-size: 120%;
                      text-transform: uppercase;
                      width: 100%;
                      margin-left:3px;
                      text-align: center;
                      border-radius: 5px;
                      color: #fff;}
                     
                    
                                
                                
                    
                    .cta2 a:hover, .cta3 a:hover  {color:#000;
                                                    background:#ccc;
                                                      
                     
          }
                    
                              

  
  .slider-desc-not {
                    width: 100%;
                    margin:0 auto;
                    font-size:80%;
                    line-height:0.9rem;}

   

                    
                      .slider-image {
                        width:1200px;
                        
                      }
                     
   @media screen and (width:1729px) {
                      .slider-image {
                      width:80% !important;
                                          
                      }
                                      
                      }                      

   @media screen and (width:980px) {
                      .slider-image {
                        width:100% !important;
                        
                      }
 
  }


  
 
                          
  /*          
          
          
          .slider-anfragen a {background: #000 !important;
                              color:#fff;
                              width: 100%;
                              flex: 0 1 auto;
                              padding:0.8em  1em 0.8em;
                              margin-right: 1em;
                              text-align:center;
                              text-transform: uppercase;
                              font-weight: bold;
                              font-size:110%;
                              border-radius: 10px;
                            }

          .slider-buchen a {background:#ff6d2a !important;
                            color:#fff;
                            width: 100%;
                            flex:  0 1 auto;
                            padding:0.8em  1em 0.8em;
                            margin-right: 0;
                            text-align:center;
                            text-transform: uppercase;
                            font-weight: bold;
                            font-size:110%;
                            border-radius: 10px;
                          }

          .slider-anfragen a:hover {background:#5cde8c !important; 
                                    
                                    content: 'fa fa-whatsapp';} 
          .slider-buchen a:hover{ background:#ccc !important;  
                                  content: 'fa fa-whatsapp';}

      

          .preise { position: absolute;
                    bottom:0em;
                    line-height:0.9rem;
                    font-size:0.8rem;
                    
                    
                  }

          .price-table {font-size:170% !important;
                    font-weight: bolder !important ;
                    text-transform:uppercase !important;
                    bottom:1.7em;
                    text-align: right;
                    color:#000;

                } 
                .preis {color:#000000;
            width: 100%;
            flex: 0 1 auto;
            padding:0.5em  1em 0.5em;
            
            text-align:center;
            text-transform: uppercase;
            font-weight: bold;
            font-size: 0.9vw ;
            flex-wrap:nowrap;
            } 
          
          

        
                   
                        @media screen and (max-width:2930px) {
                       
                       
                        .slider-desc h3 {padding-top:0.5em;
                          font-size:28px !important;
                         } 
                         .slider-desc h1 {font-size:40px ; line-height: 6em;}
                         .slider-desc h2 {font-size: 24px  !important;}
                         .slider-col {font-size: 140% !important;}
                        }
          

                        
                      
                      
                      @media screen and (max-width:1425px) {
                        .slider-desc h1 {font-size:140% !important; 
                                        line-height: 0.5em;}
                        .slider-desc h2 {font-size: 116%  !important;}
                        .slider-col {font-size: 140% !important;}
                        .slider-desc {width: 40%;
                                      display:flex;
                                    flex-wrap: wrap;}
                        .slider-image {width: 50%};
                        .slider-desc-bottom { max-width:100%;
                                              background:#ee0000;
                          
                                              border:1px solid #000;}
                        
                          max-width: 100%;
                          max-height: 120px;
                                              background:#f6ab88;}
                        .kalender {height:400px !important;
                        
                          
                           overflow:hidden!important;
                            width:320px !important ;  
                            background: #5cde8c !important;                     
               }  .not {background: #ffdd2a;}  
                   
              }
                        

                      @media screen and (max-width:1400px) {
                        .slider-desc {width: 40%;
                                      padding:1em; 
                                      margin-right:0;
                                    }
                                    .slider-desc h3 {padding-top:0.5em;
                                      font-size:160% !important;}

                        .slider-image {width:60%; overflow: hidden;}
                        .slider-bottom {
                          position: absolute;
                          bottom:0;
                          display:flex;
                        }
                        .preis {margin-right:1em;
                          display:flex;
                          flex-direction: column;

                          
                                }
                        .price-table  { font-size: 2.2vh !important ;
                          float: right ;
                          text-align:right;
                          letter-spacing: -0.087rem;
                          line-height: 0.0
                          7em;
                          }

                        .z {font-size: 14px;
                          font-style: italic;
                          line-height: 10px;
                          letter-spacing: 1.1px;
                          text-align: right;
                          padding-top:0.27em;
                          
                        }
                        .adresse { min-width: 300px !important;}
                        .slider-anfragen a {font-size:100%;
                                            border-radius: 10px;
                                            position: absolute;
                                          

                                          }
                        .slider-buchen a {font-size:100%;
                                          border-radius: 10px;padding:1.15em  1em 1.15em;
                                        }
                        
                                              .preise { position: relative;
                                                bottom:6em;
                                                font-size:0.8rem; 
                                                float: right ;
                                                text-align:right;
                                                
                                                
                                                
                                              }
                        }
                      @media screen and (max-width: 420px) {
                          .slider-desc h1 {
                                           font-size: 40px !important;
                                           padding: 0.3em 0;
                                           ;
                                          }
                                          .price-table  { font-size: 3.2vh !important ;
                                          }
                                          .slider-main {flex-wrap: wrap;}
                                          
                                          .z {line-height: 0.79rem;
                                            padding-top: 0.07em
                                          }
                     
            
                      }                 
                     
                      .et_pb_text_24.et_pb_text {
                        color: #ee0000!important;}

                        .et_pb_tab_0 {padding:0 !important;
                           
                                     
                                      background-repeat: no-repeat;
                                    }
                                      
                                      
                         .et_pb_tab_1 {padding:0% !important}
                                     
                                      
                                      .et_pb_tab_2 {padding:0 !important;}
                                            
                                        .et_pb_tab_3 {padding:0 !important;}
                                          
                                          .et_pb_tab_4 {padding:0 !important;}
                                          
                                          ul.et_pb_tabs_controls {
                                            background-color: #fff !important;
                                        }        
                                        */