/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/




.museomoderno-<uniquifier> {
  font-family: "MuseoModerno", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}



/* Globaler Style */
body {
  font-family: "MuseoModerno", sans-serif;

}

body p, body span, body a, body li, body div, body button, body label, body strong, body em, body b, body p, .widget-title  {font-family: "MuseoModerno", sans-serif; !important;font-weight: 400 !important;font-size: clamp(0.8rem,1.684vw + 0.338rem,1.2rem);line-height:1.5em;color:#2A62BC}
body b, body strong{font-weight:600!important}
a{color:#3b3e1f}
#main{border-left: 45px solid #2A62BC;padding-top:5em}
#page{border-top:35px solid #89A6FB;border-left:35px solid #89A6FB}
.main-nav > li > a .menu-text, .mobile-main-nav li > a .menu-text{font-family: "MuseoModerno", sans-serif; !important;}
.branding a img, .branding img{height: 120px; width:auto}
.mobile-header-bar .mobile-branding img{height: 100px;}
.shadow{-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.21);box-shadow:  0 8px 20px rgba(0, 0, 0, 0.06),  0 18px 45px rgba(0, 0, 0, 0.08),  0 2px 6px rgba(0, 0, 0, 0.04);overflow:visible!important; background:rgba(240, 240, 240, 0.6);} 

/* Content Style */
body h1, body h2, body h3, body h4, body h5, body h6{font-family: "MuseoModerno", sans-serif;!important;color:#2a62bc;}
body h3{font-weight: 600 !important;}
.content h1{font-family: "MuseoModerno", sans-serif;!important;font-weight: 400 !important;font-size:clamp(1.8rem,8.208vw - 0.453rem,4.8rem);line-height:1.0em;}
.content  h2{font-size:3em;font-weight: 400 !important;line-height:1.2em}
.content  h3, .content  h4, .content  h5, .content  h6{font-family: "MuseoModerno", sans-serif;!important;font-weight: 600 !important;margin-top:1.2em;font-size:1.5em;line-height:1.0em;color:#2a62bc;}
.dividers-on.custom-menu li{padding:7.5px 0 0}
.top-call{top: 0px;position: absolute;color: #fff;z-index: 99;right: 0;padding: 10px 50px 20px 50px;background-color: #2A62BC;}
.top-call a{color:#fff;text-decoration:none;}
.top-call a:hover{color:#89a6fb}
.headcontainer{position:relative;overflow:hidden;border-left:45px solid;height:clamp(190px,46vw,900px)}
.header-img-bigsize{width:100%;height:100%;object-fit:cover;object-position:middle center;display:block;max-height:none}
.header-speech-right{position:absolute;inset:0 0 0 auto;height:100%;width:auto;object-fit:cover;object-position:right center;z-index:20;pointer-events:none;animation:speechRightReveal 1.4s cubic-bezier(.19,1,.22,1) .2s both;will-change:transform,opacity}
.header-speech-left{position:absolute;left:0;bottom:50px;height:55%;width:auto;z-index:20;pointer-events:none;animation:speechLeftReveal 1.4s cubic-bezier(.19,1,.22,1) .55s both;will-change:transform,opacity}
@keyframes speechRightReveal{0%{opacity:0;transform:translate3d(220px,0,0)}60%{opacity:1}100%{opacity:1;transform:translate3d(0,0,0)}}
@keyframes speechLeftReveal{0%{opacity:0;transform:translate3d(-220px,0,0)}60%{opacity:1}100%{opacity:1;transform:translate3d(0,0,0)}}
@media(prefers-reduced-motion:reduce){.header-speech-right,.header-speech-left{animation:none}}
.vc_toggle_title>h4{font-size: clamp(0.8rem,1.684vw + 0.338rem,1.2rem);line-height:1.5em;}
.zitat{font-style:italic;color:#c76c3c}
.formnote {background-color:#2a62bc;padding:20px;border-radius:0px;display:inline-block;margin:10px 0px;color:#fff}
.footer .widget-title{font-size:2em;font-weight: 600 !important;}
.footerlogo{background-color: #2a62bc;padding: 50px; width: 330px;display: block;margin: 0px 0px 30px -60px;}

.hesseweg-shape--right {position: relative;overflow: visible;}
.hesseweg-shape--right::after {content: "";position: absolute;right: 213px;bottom: -88px; width: 100%;height: 90px;background-repeat: no-repeat;background-size: auto 100%;background-position: right bottom;pointer-events: none;z-index: 1;transform: scaleX(-1);transform-origin: right bottom;background-image: url("data:image/svg+xml,%3Csvg width='634' height='216' viewBox='0 0 634 216' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%232e405e' d='M0 0H122C122 116 216 211 329 211C329 97 421 5 535 5H634V0H0Z'/%3E%3C/svg%3E");}

#footer .wf-container{margin-left:25px;}

#footer .wf-container-footer {
    position: relative;
}

#footer .wf-container-footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: -50px;
    width: 45px;
    height: 100%;
    background: linear-gradient(
        to bottom,
        #2A62BC 0,
        #2A62BC 75%,
        #89A6FB 75%,
        #89A6FB 100%
    );
}

#footer .wf-container-bottom {
    position: relative;
    overflow: hidden;
}

#footer .wf-container-bottom::after {
    content: "";
    position: absolute;
    inset: 0;

    background-image: url("https://tiefengrund.com/clients/beratungsstelle-hesseweg/wp-content/uploads/2026/05/Beratungsstelle-Hesseweg-Wortbildmarke_weiss_RGB.svg");
    background-repeat: no-repeat;

    /* Position frei steuerbar */
    background-position: right 0px center;

    /* Höhe des Containers ausfüllen */
    background-size: auto 140%;

    /* Transparenz */
    opacity: 0.15;

    pointer-events: none;
    z-index: 0;
}

#footer .wf-container-bottom > * {
    position: relative;
    z-index: 1;
}

.bottom-text-block{text-align:left;}

@media all and (min-width: 1341px){
	.main-nav > li > a .menu-text{font-size:26px;}
	.header-img-bigsize{padding-bottom: 150px;}
	.wpb_content_element{margin-bottom:35px;}
}

@media all and (min-width: 1024px) and (max-width: 1340px) {
	.main-nav > li > a .menu-text{font-size:20px;}
	.header-img-bigsize{padding-bottom: 150px;}
	.wpb_content_element{margin-bottom:35px;}
}

@media all and (min-width: 768px) and (max-width: 1024px) {
	.top-call{display:none;}
	.main-nav > li > a .menu-text{font-size:15px;}
	.headcontainer{position:relative;border-left: 25px solid;}
	.header-img-bigsize{padding-bottom: 80px;}
	#main{border-left: 25px solid #2A62BC;}
	#page{border-top:25px solid #89A6FB;border-left:25px solid #89A6FB}
	.wpb_content_element{margin-bottom:25px;}
	#footer .wf-container-footer::before {width:25px;left:-50px;}
	#bottom-bar .wf-container-bottom{height:60px;}
}

@media all and (min-width: 480px) and (max-width: 768px) {
	.top-call{display:none;}
	.headcontainer{position:relative;border-left: 15px solid;}
	.header-img-bigsize{padding-bottom: 50px;}
	#main{border-left: 15px solid #2A62BC;}
	#page{border-top:15px solid #89A6FB;border-left:15px solid #89A6FB}
	.wpb_content_element{margin-bottom:15px;}
	#footer .wf-container-footer::before {width:25px;left:-30px;}
	#bottom-bar .wf-container-bottom{height:60px;}
}

@media all and (max-width: 480px) {
	.top-call{display:none;}
	.headcontainer{position:relative;border-left: 5px solid;}
	.header-img-bigsize{padding-bottom: 50px;}
	#main{border-left: 5px solid #2A62BC;}
	#page{border-top:5px solid #89A6FB;border-left:5px solid #89A6FB}
	.wpb_content_element{margin-bottom:0px;}
	#footer .wf-container-footer::before {width:25px;left:-40px;}
	#bottom-bar .wf-container-bottom{height:60px;}
}