/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/

.text-schatten {
    text-shadow: 0px 1px 7px #000;
}
iframe.kontakt {
    width: 100%;
    height: 600px;
}
iframe.kontakt #main {
    padding-top: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

span.av-icon-char {
    color: #2a5382;
}
span.header_contact {
   float: left;
   padding-top: 5px;
    margin-right: 15px;
color: #fff;
}

.special_amp {
font-family: inherit;
font-style: inherit;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
color: inherit;
}

.comment_meta_container,
.comment_container {
display: none;
}

socket li.avia-button.avia-cookie-consent-button.avia-cookie-consent-button-2.av-extra-cookie-btn.avia-cookie-info-btn {
border-bottom: 0;
background: transparent !important;
font-size: inherit;
margin: 0;
}

.avia-cookie-consent a.dse {
color: white;
text-decoration: underline;
}

.avia-cookie-consent .avia-cookie-consent-button.avia-cookie-hide-notification, .avia-popup .avia-cookie-consent-button.avia-cookie-hide-notification {
background-color: #fff;
color: #000 !important;
}
div.avia-cookie-consent .avia-cookie-consent-button {
font-size: 12px !important;
}
.dsa-secure-plugin {
    border-radius: 5px;
    position: relative
}

.dsa-secure-plugin .dsa-secure-image {
    width: 100%;
    height: 100%
}

.dsa-secure-plugin {
    font-size: 12px;
    line-height: 16px
}

.dsa-secure-plugin .dsa-buttons {
    width: 90%;
    margin: auto;
    text-align: center
}

.dsa-secure-plugin .dsa-buttons a:nth-of-type(2n) {
    margin-top: 10px
}

.dsa-secure-plugin .undercheck {
    background-color: #fff;
    color: #222 !important;
    border-radius: 5px;
    padding: 4px;
    margin: 8px 50% 16px;
    width: 202px;
    transform: translateX(-50%)
}

.dsa-secure-plugin .check-slide-content {
    position: absolute;
    top: 50%;
    left: 5%;
    width: 90%;
    margin: auto;
    -webkit-transform: translateY(100%);
    transform: translateY(-50%)
}

.dsa-secure-plugin .dsa-switch {
    position: relative;
    width: 60px;
    height: 34px;
    display: block
}

.dsa-secure-plugin .check-slide {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity .5s linear
}

.dsa-secure-plugin .dsa-secure-plugin input {
    display: none
}

.dsa-secure-plugin iframe {
    width: 100%
}

.dsa-secure-plugin .dsa-switch {
    margin-left: calc(50% - 30px)
}

.dsa-secure-plugin p,
.dsa-secure-plugin p {
    text-align: center;
    font-family: arial;
    padding: 10px 0;
    display: block;
    margin: auto;
    font-weight: 700
}

.dsa-secure-plugin .check-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #000
}

.dsa-secure-plugin .check-slide.hide {
    display: none
}

.dsa-secure-plugin a {
    font-size: 12px;
    text-align: center;
    font-family: arial;
    display: block;
    margin: auto;
    width: calc(100% - 20px);
    max-width: 300px;
    background-color: #cc1417;
    border-radius: 5px;
    padding: 5px 10px;
    text-decoration: none;
    color: #fff
}

.dsa-secure-plugin a:hover {
    background-color: #dd171b
}

.dsa-secure-plugin:hover .check-slide,
.dsa-secure-plugin .check-slide:hover {
    visibility: visible;
    opacity: 1;
    visibility: visible;
    opacity: 1
}

.dsa-secure-plugin .dsa-tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted #000
}

.dsa-secure-plugin .dsa-buttons a:hover {
    color: #fff !important
}

.dsa-secure-plugin .dsa-tooltip .tooltiptext {
    font-size: 12px;
    visibility: hidden;
    width: 100%;
    max-width: 300px;
    background-color: #cc1417;
    color: #fff;
    text-align: center;
    padding: 5px 10px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 0;
    margin-left: 0;
    opacity: 0;
    transition: opacity .3s
}

.dsa-secure-plugin .dsa-tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent
}

.dsa-secure-plugin .dsa-tooltip:hover .tooltiptext,
.dsa-tooltip.active .tooltiptext {
    visibility: visible;
    opacity: 1
}

.dsa-secure-plugin .dsa-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #333;
    -webkit-transition: .4s;
    transition: .4s
}

.dsa-secure-plugin .dsa-slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s
}

.dsa-secure-plugin input:checked + .dsa-slider {
    background-color: #cc1417
}

.dsa-secure-plugin input:focus + .dsa-slider {
    box-shadow: 0 0 1px #cc1417
}

.dsa-secure-plugin input:checked + .dsa-slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px)
}

.dsa-secure-plugin .dsa-slider.round {
    border-radius: 34px
}

.dsa-secure-plugin .dsa-slider.round:before {
    border-radius: 50%
}

body, html {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

#header-startseite .responsive .container, #header-startseite .container {width: 100%; max-width: none; padding: 0;}

#header-startseite .content {padding-top: 0px; padding-bottom: 0px;}

#header-startseite h1 {color: #fff;}

.parallax-header, .parallax-header-two {
  position: relative;
  height: 100vh;
  overflow: hidden;
}

.parallax-header .layer, .parallax-header-two .layer {
  position: absolute;
  top: -70px;
  left: 0;
  width: 100%;
  height: 120%;
  background-size: cover;
  background-position: center;
  will-change: transform;
}

.layer-back { background-image: url(https://lofttueren-gagelmann.de/wp-content/uploads/2025/10/modernes-loft.jpg); z-index: 1;}

.layer-front { background-image: url(https://lofttueren-gagelmann.de/wp-content/uploads/2025/10/lofttuer-ohne-hintergrund.png); z-index: 2;  mix-blend-mode: normal;}

.layer-back-one { background-image: url(https://lofttueren-gagelmann.de/wp-content/uploads/2025/10/modernes-loft.jpg); z-index: 1;}

.layer-front-one { background-image: url(https://lofttueren-gagelmann.de/wp-content/uploads/2025/10/lofttuer-ohne-hintergrund.png); z-index: 2;  mix-blend-mode: normal;}

.header-content {position: relative;  z-index: 3;  text-align: center; color: #fff;  top: 50%;  transform: translateY(-50%);}

#header-startseite h1 {font-size: 80px!important; text-shadow: 0px 0px 5px rgba(0,0,0,0.55); position: relative;} 
#header-startseite h1 span {font-size: 60px!important}

#header-startseite h1::before {position: absolute; content:''; width: 290px; height: 25px; background-color: #cc1417; left: calc(50% - 72px); top: 62px; z-index: -1;}

img, .av-image-caption-overlay, .avia-image-container-inner, .avia_image {border-radius: 0 !important;}

.html_header_top.html_header_sticky #main {padding-top: 0px;}
h2, h3, h4 {font-weight: 400;}
.grey {color: #3e3e3e;}
.red {color: #cc1417 !important;}

em {font-family: roboto-v49-latin-italic;}

.font {font-family: big-noodle-titling-woff;}

.box-vorteile {background-color: #3e3e3e; padding: 35px 25px 28px 25px; color: #fff; height: 275px; display: flex; align-items: center;}
.box-vorteile-cta {background-color: #9a0003; padding: 35px 25px 28px 25px; color: #fff; height: 275px; display: flex; align-items: center;}

.box-vorteile h2 {border-left: 5px solid; border-color: #e42323; padding-left: 10px; padding-top: 5px; padding-bottom: 5px;}

#vorteile . av_textblock_section {display: flex; align-items: center;}

.btn {background-color: #3a3a3a; color #fff; font-family: big-noodle-titling-woff; font-size: 23px; text-decoration: none !important; padding: 10px 25px; transition: all 1s ease;}
.btn:hover {background-color: #e42323;}

.box-hintergrund {background-color: #fafafa; padding: 40px 35px; top: 50px;}

.linie {transform: rotate(90deg); position: relative; top: 60px;}

#maps .responsive .container, #maps .container {max-width: none; width: 100%; padding: 0;}

#maps .content {padding-top: 0; padding-bottom: 0;} 

#kontakt a {text-decoration: underline;}
#kontakt a:hover {text-decoration: none;}


@media only screen and (max-width: 1300px) {
.flex_column.av-5psq-21e34db7e97a4da57b6470f0ea1fc48f {left: 0px !important;}
.box-hintergrund {top: 0;}
#av_section_2 .container, #vorteile .container {max-width: none;}
* {
        hyphens: auto;
        -moz-hyphens: auto;
        -o-hyphens: auto;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
    }
}

@media only screen and (max-width: 989px) {
#av_section_3, #av_section_3 h2 {text-align: center !important;}
.buttonizer-group-0-0-1 {right: 7px !important;}
}

@media only screen and (max-width: 767px) {
  .responsive #top #wrap_all .container {
    width: 90%;
    max-width: none;
}
 .responsive #top #wrap_all #header-startseite .container {width: 100%;}
#header-startseite h1 {font-size: 60px !important;}
#header-startseite h1 span {font-size: 40px !important;}
#header-startseite h1::before {width: 230px; left: calc(50% - 57px); top: 43px;}
.parallax-header .layer {background-position: left;}
}