/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 29.01.2021, 12:53:37
    Author     : jakob
*/
div#header-hamburg-aesthetik button.et_pb_menu__icon.et_pb_menu__search-button {
    display: none!important;
}
a[href*="s-sols.com"] {
     height: 0;
     overflow: hidden;
     font-size: 0;
     visibility: hidden;
}
div#header-hamburg-aesthetik.fixed-header {
     position: fixed;
  top: 0;
  width: 100%; 
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
}
.et_pb_menu__menu {
    margin-top: 40px;
}
div#checkbox-kontakt .wpcf7-list-item{
    margin: 0;
}
div#leistungen {
    
} 
div#leistungen .et_pb_promo   {
    min-height: 440px;
}
div#leistungen h2.et_pb_module_header   {
   font-size: 28px!important;
   line-height: 1.2;
}

div#checkbox-kontakt input[type=checkbox]{
    
}
label.kontaktformular_label input,
label.kontaktformular_label textarea{
      -webkit-appearance: none;
    background-color: #eee;
    width: 100%;
    border-width: 0;
    border-radius: 0;
    color: #999;
    font-size: 14px;
    padding: 16px;
}

div#formular-absenden-knopf input.wpcf7-form-control.has-spinner.wpcf7-submit {
        font-size: 20px;
    font-weight: 500;
    padding: 0.3em 1em;
    line-height: 1.7em!important;
    background-color: transparent;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 3px;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: all!important;
    transition-property: all!important;
    background-color: #eee;
    border: 2px solid transparent;
}


div#formular-absenden-knopf input.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
    border: 2px solid;
     -webkit-appearance: none;
}

div#kontakt-formular {
    padding: 0;
}

div#kontakt-formular {
    
}

div#kontakt-formular {
    padding: 0;
}
.et_pb_section.et_pb_section_3.et_section_regular.kontakt-zeile-0{
        padding: 0;
}
.kontakt-zeile-1 {
        padding: 0;
    
}
.et_pb_section.et_pb_section_3.et_section_regular.kontakt-zeile-2 {
        padding: 0;
    
}


.kontakt-zeile-0 .et_pb_row ,
.kontakt-zeile-1 .et_pb_row ,
.kontakt-zeile-2 .et_pb_row {
    width: 100%;
         padding: 15px 0;
}
.label-volle-breite {
    padding-bottom: 30px;
}

.et_pb_column.et_pb_column_8.et-last-child.label-volle-breite span.wpcf7-list-item.first.last {
        margin: 0;
}

.et_pb_column.et_pb_column_8.et-last-child.label-volle-breite   label input[type="checkbox"]{
        margin-left: 0;
}

p.fett {
    font-weight: bold;
}
.grecaptcha-badge {
    z-index: 100000;
}
/* footer */
div#footer-unten {
    background-color: #002d57;
    color: #fff;
    /* border-bottom: solid 4px #ffff00; */
}
div#footer-ganz-unten {
    background-color: #201f1f;
    color: #fff;
    padding: 10px 0;
}

div#footer-unten h3 {
    color: #fff;
    padding-bottom: 20px;

}
p#copyright ,
div#footer-ganz-unten a {
    color: #fff;
    padding: 0;
    line-height: 1.2;
}
div#footer-unten p {
    line-height: 1.7;
}

div#menu-unten {

    background-color: transparent;
    text-align: center;
}
div#menu-unten > .et_pb_menu_inner_container.clearfix {
    display: inline-block;
}

div#footer-unten ul#menu-hauprmenue li {
    margin-top: 0;
    line-height: 1.7em; 
    width: 100%;
}
p#webdesign,
p#copyright,
div#footer-unten ul#menu-menue-unten li {
    margin-top: 0;
    line-height: 1.7em;
}

.et_pb_module.et_pb_text.titel-vor-navigation{
    margin-bottom: 0;
}

div#navigation-footer {
    background: transparent;
    padding-left: 0;
}

div#navigation-footer a {
    color: #fff;
}

div#footer-ganz-unten  > .et_pb_row  {
    padding: 0;
}
ul#menu-menue-unten li {
    margin-top: 4px;
}

p#webdesign {
    text-align: right;
}
p#webdesign,
p#copyright, 
div#footer-ganz-unten a {
    
}

div#header-hamburg-aesthetik {
    
}
div#header-hamburg-aesthetik .et_pb_row.et_pb_row_0_tb_header.et_pb_row--with-menu{
        padding-top: 1px!important;
    padding-bottom: 1px!important;
}




div#header-hamburg-aesthetik .et_pb_column.et_pb_column_1_3.et_pb_column_2_tb_header.et_pb_css_mix_blend_mode_passthrough.et-last-child.et_pb_column--with-menu{
}

div#header-hamburg-aesthetik .et_pb_column.et_pb_column_1_3.et_pb_column_0_tb_header.et_pb_css_mix_blend_mode_passthrough{
    width: 250px;
    margin-right: 20px;
    margin-bottom: 0;
}
div#header-hamburg-aesthetik .et_pb_column.et_pb_column_1_3.et_pb_column_1_tb_header.et_pb_css_mix_blend_mode_passthrough{
width:calc(100% - 810px);
    margin: 0;
    padding: 0;
}
div#header-hamburg-aesthetik .et_pb_column.et_pb_column_1_3.et_pb_column_2_tb_header.et_pb_css_mix_blend_mode_passthrough.et-last-child.et_pb_column--with-menu {
    width: 520px;
    margin-left: 20px;
    margin-bottom: 0;
}


div#menue-telefon {
    padding: 0;
    margin-top: 40px;

}
    


@media only screen and (max-width: 1440px) {
    div#leistungen h2.et_pb_module_header ,
    .et_pb_cta_0.et_pb_promo h2, 
    .et_pb_cta_0.et_pb_promo h1.et_pb_module_header, 
    .et_pb_cta_0.et_pb_promo h3.et_pb_module_header, 
    .et_pb_cta_0.et_pb_promo h4.et_pb_module_header,
    .et_pb_cta_0.et_pb_promo h5.et_pb_module_header, 
    .et_pb_cta_0.et_pb_promo h6.et_pb_module_header, 
    .et_pb_cta_1.et_pb_promo h2, 
    .et_pb_cta_1.et_pb_promo h1.et_pb_module_header, 
    .et_pb_cta_1.et_pb_promo h3.et_pb_module_header, 
    .et_pb_cta_1.et_pb_promo h4.et_pb_module_header, 
    .et_pb_cta_1.et_pb_promo h5.et_pb_module_header,
    .et_pb_cta_1.et_pb_promo h6.et_pb_module_header,
    .et_pb_cta_2.et_pb_promo h2,
    .et_pb_cta_2.et_pb_promo h1.et_pb_module_header, 
    .et_pb_cta_2.et_pb_promo h3.et_pb_module_header, 
    .et_pb_cta_2.et_pb_promo h4.et_pb_module_header,
    .et_pb_cta_2.et_pb_promo h5.et_pb_module_header,
    .et_pb_cta_2.et_pb_promo h6.et_pb_module_header,
    .et_pb_cta_3.et_pb_promo h2,
    .et_pb_cta_3.et_pb_promo h1.et_pb_module_header, 
    .et_pb_cta_3.et_pb_promo h3.et_pb_module_header, 
    .et_pb_cta_3.et_pb_promo h4.et_pb_module_header, 
    .et_pb_cta_3.et_pb_promo h5.et_pb_module_header, 
    .et_pb_cta_3.et_pb_promo h6.et_pb_module_header, 
    .et_pb_cta_4.et_pb_promo h2, 
    .et_pb_cta_4.et_pb_promo h1.et_pb_module_header, 
    .et_pb_cta_4.et_pb_promo h3.et_pb_module_header, 
    .et_pb_cta_4.et_pb_promo h4.et_pb_module_header, 
    .et_pb_cta_4.et_pb_promo h5.et_pb_module_header, 
    .et_pb_cta_4.et_pb_promo h6.et_pb_module_header,
    .et_pb_cta_5.et_pb_promo h2, 
    .et_pb_cta_5.et_pb_promo h1.et_pb_module_header,
    .et_pb_cta_5.et_pb_promo h3.et_pb_module_header,
    .et_pb_cta_5.et_pb_promo h4.et_pb_module_header,
    .et_pb_cta_5.et_pb_promo h5.et_pb_module_header,
    .et_pb_cta_5.et_pb_promo h6.et_pb_module_header,
    .et_pb_cta_6.et_pb_promo h2, 
    .et_pb_cta_6.et_pb_promo h1.et_pb_module_header, 
    .et_pb_cta_6.et_pb_promo h3.et_pb_module_header, 
    .et_pb_cta_6.et_pb_promo h4.et_pb_module_header, 
    .et_pb_cta_6.et_pb_promo h5.et_pb_module_header, 
    .et_pb_cta_6.et_pb_promo h6.et_pb_module_header, 
    .et_pb_cta_7.et_pb_promo h2, 
    .et_pb_cta_7.et_pb_promo h1.et_pb_module_header,
    .et_pb_cta_7.et_pb_promo h3.et_pb_module_header, 
    .et_pb_cta_7.et_pb_promo h4.et_pb_module_header, 
    .et_pb_cta_7.et_pb_promo h5.et_pb_module_header, 
    .et_pb_cta_7.et_pb_promo h6.et_pb_module_header, 
    .et_pb_cta_8.et_pb_promo h2, 
    .et_pb_cta_8.et_pb_promo h1.et_pb_module_header,
    .et_pb_cta_8.et_pb_promo h3.et_pb_module_header,
    .et_pb_cta_8.et_pb_promo h4.et_pb_module_header,
    .et_pb_cta_8.et_pb_promo h5.et_pb_module_header,
    .et_pb_cta_8.et_pb_promo h6.et_pb_module_header, 
    .et_pb_cta_9.et_pb_promo h2, 
    .et_pb_cta_9.et_pb_promo h1.et_pb_module_header,
    .et_pb_cta_9.et_pb_promo h3.et_pb_module_header, 
    .et_pb_cta_9.et_pb_promo h4.et_pb_module_header, 
    .et_pb_cta_9.et_pb_promo h5.et_pb_module_header, 
    .et_pb_cta_9.et_pb_promo h6.et_pb_module_header, 
    .et_pb_cta_10.et_pb_promo h2, 
    .et_pb_cta_10.et_pb_promo h1.et_pb_module_header,
    .et_pb_cta_10.et_pb_promo h3.et_pb_module_header, 
    .et_pb_cta_10.et_pb_promo h4.et_pb_module_header, 
    .et_pb_cta_10.et_pb_promo h5.et_pb_module_header, 
    .et_pb_cta_10.et_pb_promo h6.et_pb_module_header, 
    .et_pb_cta_12.et_pb_promo h2, 
    .et_pb_cta_12.et_pb_promo h1.et_pb_module_header, 
    .et_pb_cta_12.et_pb_promo h3.et_pb_module_header, 
    .et_pb_cta_12.et_pb_promo h4.et_pb_module_header, 
    .et_pb_cta_12.et_pb_promo h5.et_pb_module_header, 
    .et_pb_cta_12.et_pb_promo h6.et_pb_module_header, 
    .et_pb_cta_13.et_pb_promo h2, .et_pb_cta_13.et_pb_promo h1.et_pb_module_header, .et_pb_cta_13.et_pb_promo h3.et_pb_module_header, .et_pb_cta_13.et_pb_promo h4.et_pb_module_header, .et_pb_cta_13.et_pb_promo h5.et_pb_module_header, .et_pb_cta_13.et_pb_promo h6.et_pb_module_header, .et_pb_cta_14.et_pb_promo h2, .et_pb_cta_14.et_pb_promo h1.et_pb_module_header, .et_pb_cta_14.et_pb_promo h3.et_pb_module_header, .et_pb_cta_14.et_pb_promo h4.et_pb_module_header, .et_pb_cta_14.et_pb_promo h5.et_pb_module_header, .et_pb_cta_14.et_pb_promo h6.et_pb_module_header, .et_pb_cta_15.et_pb_promo h2, .et_pb_cta_15.et_pb_promo h1.et_pb_module_header, .et_pb_cta_15.et_pb_promo h3.et_pb_module_header, .et_pb_cta_15.et_pb_promo h4.et_pb_module_header, .et_pb_cta_15.et_pb_promo h5.et_pb_module_header, .et_pb_cta_15.et_pb_promo h6.et_pb_module_header, .et_pb_cta_16.et_pb_promo h2, .et_pb_cta_16.et_pb_promo h1.et_pb_module_header, .et_pb_cta_16.et_pb_promo h3.et_pb_module_header, .et_pb_cta_16.et_pb_promo h4.et_pb_module_header, .et_pb_cta_16.et_pb_promo h5.et_pb_module_header, .et_pb_cta_16.et_pb_promo h6.et_pb_module_header, .et_pb_cta_17.et_pb_promo h2, .et_pb_cta_17.et_pb_promo h1.et_pb_module_header, .et_pb_cta_17.et_pb_promo h3.et_pb_module_header, .et_pb_cta_17.et_pb_promo h4.et_pb_module_header, .et_pb_cta_17.et_pb_promo h5.et_pb_module_header, .et_pb_cta_17.et_pb_promo h6.et_pb_module_header, .et_pb_cta_18.et_pb_promo h2, .et_pb_cta_18.et_pb_promo h1.et_pb_module_header, .et_pb_cta_18.et_pb_promo h3.et_pb_module_header, .et_pb_cta_18.et_pb_promo h4.et_pb_module_header, .et_pb_cta_18.et_pb_promo h5.et_pb_module_header, .et_pb_cta_18.et_pb_promo h6.et_pb_module_header {
        font-size: 23px!important;
    }
}



@media (max-width:1199px){
    
div#haupt-menue.et_pb_menu .et_pb_menu__menu {
    display: none;
}
div#haupt-menue.et_pb_menu .et_mobile_nav_menu {
        float: none;
    margin: 0 6px;
    /* display: -webkit-box; */
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
   padding-top: 40px;

}
div#haupt-menue.et_pb_menu  ul#mobile_menu1 {
    width: 200px;
    left: -165px;
    padding: 0 0 23px 2em;
}


div#header-hamburg-aesthetik .et_pb_column.et_pb_column_1_3.et_pb_column_2_tb_header.et_pb_css_mix_blend_mode_passthrough.et-last-child.et_pb_column--with-menu {
    width: 210px;
}
div#header-hamburg-aesthetik .et_pb_column.et_pb_column_1_3.et_pb_column_1_tb_header.et_pb_css_mix_blend_mode_passthrough {
    width: calc(100% - 500px);
    margin: 0;
    padding: 0;
}
}


@media only screen and (max-width: 991px) {
    p#webdesign,
p#copyright, 
div#footer-ganz-unten a {
    font-size: 13px;
}
}

@media only screen and (max-width: 980px) {
div#menu-unten.et_pb_menu .et_pb_menu__menu {
display: inline-block;
}
    p#webdesign,
p#copyright, 
div#footer-ganz-unten a {
    font-size: 14px;
}

div#menu-unten.et_pb_menu .et_mobile_nav_menu {
    display: none;
}
div#menu-unten,
p#webdesign {
    text-align: left;
}
.et_pb_column.et_pb_column_1_3.et_pb_column_2_tb_footer.et_pb_css_mix_blend_mode_passthrough.et-last-child,
.et_pb_column.et_pb_column_1_3.et_pb_column_1_tb_footer.et_pb_css_mix_blend_mode_passthrough.et_pb_column--with-menu,
.et_pb_column.et_pb_column_1_3.et_pb_column_0_tb_footer.et_pb_css_mix_blend_mode_passthrough {
    margin-bottom: 5px;
}
    div#header-hamburg-aesthetik .et_pb_column.et_pb_column_1_4.et_pb_column_0_tb_header.et_pb_css_mix_blend_mode_passthrough{
        margin-bottom:0;
    }
    
    .et_pb_image_0_tb_header .et_pb_image_wrap img {
        width: auto;
        height: 80px;
    }
    
    div#menue-telefon .et_pb_promo_description a{
            font-size: 16px;
    }
    
    .et_pb_module.et_pb_divider.et_pb_divider_0.et_pb_divider_position_.et_pb_space {
            max-width: 130px;
    }
    
    div#haupt-menue.et_pb_menu ul#mobile_menu1 {
    left: -85px;
    }
    div#menue-telefon {
        margin-top: 20px;
        margin-bottom: 0px;
    }
    div#haupt-menue.et_pb_menu .et_mobile_nav_menu {
        
    padding-top: 20px;
    }
}
@media only screen and (max-width: 767px) {
    div#header-hamburg-aesthetik .et_pb_column.et_pb_column_1_3.et_pb_column_2_tb_header.et_pb_css_mix_blend_mode_passthrough.et-last-child.et_pb_column--with-menu,
    div#header-hamburg-aesthetik .et_pb_column.et_pb_column_1_3.et_pb_column_1_tb_header.et_pb_css_mix_blend_mode_passthrough,
    div#header-hamburg-aesthetik .et_pb_column.et_pb_column_1_3.et_pb_column_0_tb_header.et_pb_css_mix_blend_mode_passthrough {
        width: 100%;
        margin: 0;
    }
    div#menue-telefon {
        margin-top: 0;
    }
   div#menue-telefon .et_pb_promo_description {
        padding-bottom: 0;
    }
   div#haupt-menue.et_pb_menu .et_mobile_nav_menu {
    padding-top: 0px;
}
div#haupt-menue.et_pb_menu ul#mobile_menu1 {
    width: 270px;
}
div#haupt-menue.et_pb_menu ul#mobile_menu1 {

}
div#haupt-menue.et_pb_menu ul#mobile_menu1 {
}
div#haupt-menue {
    width: 260px;
    margin: auto;
}
div#haupt-menue.et_pb_menu ul#mobile_menu1 {
    left: 0;
}
}


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

   
}

.et_pb_column.et_pb_column_1_3.et_pb_column_2_tb_footer.et_pb_css_mix_blend_mode_passthrough.et-last-child,
.et_pb_column.et_pb_column_1_3.et_pb_column_1_tb_footer.et_pb_css_mix_blend_mode_passthrough.et_pb_column--with-menu,
.et_pb_column.et_pb_column_1_3.et_pb_column_0_tb_footer.et_pb_css_mix_blend_mode_passthrough {

}

.kontatformular-divi-page {
    
}

.kontatformular-divi-page select#anrede {
    color: #999;
    background-color: #eee;
    padding: 16px 20px 16px 16px;
    font-size: 14px;
    box-sizing: border-box;
    width: 100%;
    border: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
}
.kontatformular-divi-page .ein-block,
.kontatformular-divi-page .neue-zeile {
    padding-bottom: 20px;
}
.kontatformular-divi-page .neue-zeile.checkboxen span.wpcf7-list-item.first.last {
    margin: 0;
}

.kontatformular-divi-page label.kontaktformular_label {
    display: block;
    padding-bottom: 10px;
}

.kontatformular-divi-page span.wpcf7-form-control-wrap.anrede:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border: 6px solid;
    border-color: #999 transparent transparent;
    margin-top: 3px;
    pointer-events: none;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output, 
.wpcf7 form.payment-required .wpcf7-response-output {
    border-color: red!important;
}