/* Herkules Design System: home. */

.hk-native{--forest:#123B32;--green:#186F40;--gold:#D4A72C;--cream:#F7F5EE;color:#36524a}
.hk-native .wpb_content_element{margin-bottom:18px}
.hk-native h1,.hk-native h2,.hk-native h3{letter-spacing:-.03em}
.hk-hero-native{position:relative;overflow:hidden;background:linear-gradient(120deg,#123B32 0%,#186F40 46%,#D4A72C 100%);padding:88px max(20px,calc((100vw - 1180px)/2)) 94px!important}
.hk-hero-native:before,.hk-hero-native:after{content:"";position:absolute;pointer-events:none}
.hk-hero-native:before{width:390px;height:390px;right:-70px;top:-120px;border-radius:50%;background:rgba(255,255,255,.12)}
.hk-hero-native:after{width:220px;height:220px;left:46%;bottom:-150px;border-radius:43% 57% 38% 62%;background:var(--gold);opacity:.78}
.hk-hero-native>.wpb_column{position:relative;z-index:1}
.hk-eyebrow-native{font-size:14px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#fff}
.hk-eyebrow-native p:before{content:"";display:inline-block;width:34px;height:4px;border-radius:8px;background:var(--gold);margin:0 12px 4px 0}
.hk-title-native h1{font-size:clamp(44px,6vw,82px)!important;line-height:.96!important;color:#fff!important;margin-bottom:24px!important}
.hk-copy-light,.hk-copy-light p{font-size:20px;line-height:1.6;color:rgba(255,255,255,.84)}
.hk-actions-native .vc_btn3-container{display:inline-block;margin:12px 10px 0 0}
.hk-actions-native .vc_btn3{border-radius:999px!important;padding:15px 24px!important;font-weight:800!important}
.hk-hero-image img{border-radius:70px 24px 70px 28px!important;transform:rotate(3deg);box-shadow:0 28px 70px rgba(0,0,0,.18);width:100%;height:430px!important;object-fit:cover}
.hk-hero-logo{margin:0!important;text-align:center!important;transform:translateY(-40px)!important}
.hk-hero-logo .vc_figure,.hk-hero-logo .vc_single_image-wrapper{display:block!important;width:100%!important;background:transparent!important}
.hk-hero-logo img{display:block!important;width:min(430px,100%)!important;max-width:100%!important;height:auto!important;max-height:460px!important;margin:0 auto!important;object-fit:contain!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;filter:drop-shadow(0 22px 34px rgba(7,35,27,.28))}
.hk-white-btn .vc_btn3{background:#fff!important;color:var(--forest)!important;border-color:#fff!important}
.hk-outline-btn .vc_btn3{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.55)!important}
.hk-actions-native .hk-outline-btn .vc_btn3{transition:background-color .22s ease,color .22s ease,border-color .22s ease,transform .22s ease,box-shadow .22s ease!important}
.hk-actions-native .hk-outline-btn .vc_btn3:hover,.hk-actions-native .hk-outline-btn .vc_btn3:focus-visible{background:#D4A72C!important;background-color:#D4A72C!important;border-color:#D4A72C!important;color:#123B32!important;transform:translateY(-2px)!important;box-shadow:0 10px 22px rgba(18,59,50,.18)!important}
.hk-section-native{padding:92px max(20px,calc((100vw - 1180px)/2))!important;background:#fff}
.hk-cream-native{background:var(--cream)}
.hk-kicker-native,.hk-kicker-native p{font-size:14px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:#8d6d09}
.hk-section-title h2{font-size:clamp(34px,4vw,58px)!important;line-height:1!important;color:var(--forest)!important;margin-bottom:18px!important}
.hk-area-panel-native{margin-top:35px;padding:52px 48px!important;border-radius:38px;background:linear-gradient(120deg,#123B32 0%,#186F40 58%,#D4A72C 145%);overflow:hidden}
.hk-area-panel-native .hk-section-title h2,.hk-area-panel-native .hk-copy-light p{color:#fff!important}
.hk-card-native>.vc_column-inner{min-height:300px;background:#fff;border-radius:28px;padding:25px!important;box-shadow:0 14px 30px rgba(7,35,27,.14)}
.hk-card-native:nth-child(2){transform:translateY(20px) rotate(1deg)}
.hk-card-native:nth-child(3){transform:rotate(-1deg)}
.hk-card-native .vc_single_image-img{height:110px!important;width:100%;object-fit:cover;border-radius:18px}
.hk-card-title h3,.hk-news-title h3{font-size:23px!important;line-height:1.15!important;color:var(--forest)!important}
.hk-small-copy,.hk-small-copy p{font-size:15px;line-height:1.55;color:#526a63}
.hk-card-native .vc_btn3,.hk-news-card .vc_btn3{border-radius:999px!important;background:var(--green)!important;color:#fff!important;border:0!important}
.hk-news-card>.vc_column-inner{height:100%;background:#fff;border:1px solid rgba(18,59,50,.09);border-radius:28px;padding:16px 16px 24px!important;box-shadow:0 12px 30px rgba(18,59,50,.07)}
.hk-news-card .vc_single_image-img{height:190px!important;width:100%;object-fit:cover;border-radius:19px}
.hk-join-native{padding:90px max(20px,calc((100vw - 1180px)/2))!important;background:#fff}
.hk-join-box-native{padding:58px!important;border-radius:38px;background:var(--forest);overflow:hidden}
.hk-join-box-native .hk-section-title h2,.hk-join-box-native p{color:#fff!important}
.hk-step-native>.vc_column-inner{background:#fff;border-radius:20px;padding:18px 20px!important;margin-bottom:12px}
.hk-step-native p{margin:0;color:var(--forest);font-weight:800}
.hk-sponsor-native{padding:78px max(20px,calc((100vw - 1180px)/2)) 96px!important;text-align:center}
.hk-logo-native>.vc_column-inner{min-height:120px;border:1px dashed #9eb0aa;border-radius:22px;padding:22px!important;background:#fbfcfa}
.hk-logo-native .vc_single_image-img{max-height:70px;width:auto}
@media(max-width:900px){.hk-hero-native{padding-top:64px!important}.hk-card-native:nth-child(2){transform:none}.hk-hero-image img{height:350px!important}.hk-card-native,.hk-news-card,.hk-logo-native{margin-bottom:20px}}
@media(max-width:600px){.hk-hero-native,.hk-section-native,.hk-join-native,.hk-sponsor-native{padding-left:12px!important;padding-right:12px!important}.hk-hero-native{padding-top:62px!important;padding-bottom:72px!important}.hk-area-panel-native,.hk-join-box-native{padding:32px 20px!important;border-radius:28px}.hk-hero-image img{height:300px!important;border-radius:46px 20px 50px 22px!important}.hk-card-native>.vc_column-inner{min-height:0}}
@media(max-width:900px){.hk-hero-logo{margin-top:30px!important;transform:none!important}.hk-hero-logo img{width:min(350px,90vw)!important;max-height:390px!important}}
@media(max-width:600px){.hk-hero-logo img{width:min(285px,82vw)!important;max-height:320px!important}}


/* Karten-Flow und klare Kontraste */
.hk-hero-native .hk-title-native h1,
.hk-join-box-native .hk-section-title h2{color:#fff!important}
.hk-card-native>.vc_column-inner,
.hk-news-card>.vc_column-inner{transition:transform .35s ease,box-shadow .35s ease}
.hk-card-native:nth-child(2)>.vc_column-inner{transform:translateY(22px) rotate(1deg)}
.hk-card-native:nth-child(3)>.vc_column-inner{transform:translateY(6px) rotate(-1deg)}
.hk-news-card:nth-child(2)>.vc_column-inner{transform:translateY(24px)}
.hk-news-card:nth-child(3)>.vc_column-inner{transform:translateY(8px)}
.hk-card-native:hover>.vc_column-inner,
.hk-news-card:hover>.vc_column-inner{transform:translateY(-7px) rotate(0);box-shadow:0 20px 42px rgba(18,59,50,.18)}
.hk-card-native .wpb_single_image,
.hk-news-card .wpb_single_image{margin-bottom:22px}
.hk-card-native .vc_btn3-container,
.hk-news-card .vc_btn3-container{margin-top:10px;margin-bottom:0}
@media (min-width:901px){
.hk-area-panel-native,.hk-cream-native .vc_row.wpb_row.vc_inner{display:flex;align-items:stretch}
.hk-card-native,.hk-news-card{display:flex}
.hk-card-native>.vc_column-inner,.hk-news-card>.vc_column-inner{width:100%}
}
@media (max-width:900px){
.hk-area-panel-native .hk-card-native,
.hk-cream-native .hk-news-card{width:100%!important;float:none!important;margin:0 0 24px!important}
.hk-area-panel-native{padding:34px 28px!important}
.hk-card-native>.vc_column-inner,
.hk-news-card>.vc_column-inner{min-height:0!important;transform:none!important}
.hk-card-native:nth-child(2)>.vc_column-inner,
.hk-card-native:nth-child(3)>.vc_column-inner,
.hk-news-card:nth-child(2)>.vc_column-inner,
.hk-news-card:nth-child(3)>.vc_column-inner{transform:none}
}
@media (prefers-reduced-motion:reduce){
.hk-card-native>.vc_column-inner,.hk-news-card>.vc_column-inner{transition:none!important;transform:none!important}
}


/* WPBakery setzt die Klassen direkt auf die Überschrift */
.hk-title-native{font-size:clamp(44px,6vw,82px)!important;line-height:.96!important;letter-spacing:-.04em!important;color:#fff!important;margin-bottom:24px!important}
.hk-section-title{font-size:clamp(34px,4vw,58px)!important;line-height:1!important;letter-spacing:-.035em!important;color:var(--forest)!important;margin-bottom:18px!important}
.hk-card-title,.hk-news-title{font-size:23px!important;line-height:1.15!important;color:var(--forest)!important}
.hk-hero-native .hk-title-native,.hk-join-box-native .hk-section-title{color:#fff!important}


/* Verbindlicher Kartenabstand für Laptop und Desktop */
@media (min-width:901px){
.hk-area-panel-native,
.hk-cream-native .vc_row.wpb_row.vc_inner{gap:28px!important}
.hk-area-panel-native .hk-card-native,
.hk-cream-native .hk-news-card{width:calc((100% - 56px)/3)!important;flex:0 0 calc((100% - 56px)/3)!important}
}
@media (min-width:901px) and (max-width:1180px){
.hk-section-native{padding-left:32px!important;padding-right:32px!important}
.hk-area-panel-native{padding:40px 34px!important}
.hk-area-panel-native,
.hk-cream-native .vc_row.wpb_row.vc_inner{gap:22px!important}
.hk-area-panel-native .hk-card-native,
.hk-cream-native .hk-news-card{width:calc((100% - 44px)/3)!important;flex-basis:calc((100% - 44px)/3)!important}
}

/* Bereiche: bewusster Innenabstand */
.hk-area-panel-native{padding-right:45px!important;padding-bottom:45px!important}
/* Bereiche: optischer Laptop-Ausgleich */
@media (min-width:901px){.hk-area-panel-native{padding-right:75px!important;padding-bottom:68px!important}}
/* Mitmachen-Bild im Header-Stil */
.hk-join-image .shortcode-single-image-wrap,.hk-join-image .shortcode-single-image,.hk-join-image .fancy-media-wrap{display:block;width:430px!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important}
.hk-join-image img{display:block;width:430px!important;max-width:100%!important;height:auto!important;object-fit:initial!important;border-radius:70px 24px 70px 28px!important;transform:rotate(3deg);box-shadow:0 28px 70px rgba(0,0,0,.18)}
@media(max-width:900px){.hk-join-image{margin-top:36px}.hk-join-image .shortcode-single-image-wrap,.hk-join-image .shortcode-single-image,.hk-join-image .fancy-media-wrap,.hk-join-image img{width:350px!important}}@media(max-width:600px){.hk-join-image .shortcode-single-image-wrap,.hk-join-image .shortcode-single-image,.hk-join-image .fancy-media-wrap,.hk-join-image img{width:300px!important}.hk-join-image img{border-radius:46px 20px 50px 22px!important}}

/* Footer-Social-Icons: transparenter Hintergrund */
.dt-shortcode-soc-icons a[class*="single-soc-icon"],.dt-shortcode-soc-icons a[class*="single-soc-icon"]:before,.dt-shortcode-soc-icons a[class*="single-soc-icon"]:after{background:transparent!important;background-image:none!important}
.dt-shortcode-soc-icons a[class*="single-soc-icon"]:before,.dt-shortcode-soc-icons a[class*="single-soc-icon"]:after{border-color:#fff!important}
.dt-shortcode-soc-icons a[class*="single-soc-icon"] .soc-icon{color:#fff!important}

.hk-home-contact{padding:70px max(24px,calc((100vw - 1180px)/2))!important;background:linear-gradient(120deg,#123B32 0%,#186F40 62%,#D4A72C 100%);color:#fff}
.hk-home-contact .wpb_content_element{margin-bottom:18px}
.hk-home-contact-title{font-size:clamp(30px,3.6vw,44px)!important;line-height:1.12!important;letter-spacing:-.025em!important;color:#fff!important;margin-bottom:16px!important}
.hk-home-contact .hk-copy-light,.hk-home-contact .hk-copy-light p{color:rgba(255,255,255,.92)!important;font-size:17px;line-height:1.65}
.hk-home-contact .vc_btn3{background:#fff!important;color:#123B32!important;border:0!important;font-weight:800!important;border-radius:999px!important}
.hk-home-contact .vc_btn3:hover{background:#D4A72C!important;color:#123B32!important}
.hk-home-contact .hk-contact-image img{width:270px!important;height:270px!important;object-fit:cover;border-radius:50% 42% 50% 42%;border:7px solid rgba(255,255,255,.9);transform:rotate(-2deg)}
@media(max-width:900px){.hk-home-contact{padding-left:32px!important;padding-right:32px!important}.hk-home-contact>[class*="vc_col-sm-"]{width:100%;float:none}.hk-home-contact .hk-contact-image{text-align:center;margin-top:26px}}
@media(max-width:680px){.hk-home-contact{padding-left:24px!important;padding-right:24px!important}.hk-home-contact .hk-contact-image img{width:240px!important;height:240px!important}}

.vc_btn3.vc_btn3-style-modern,.ff-btn.ff-btn-submit{transition:background-color .22s ease,color .22s ease,border-color .22s ease,transform .22s ease,box-shadow .22s ease!important}.vc_btn3.vc_btn3-style-modern:hover,.vc_btn3.vc_btn3-style-modern:focus-visible,.ff-btn.ff-btn-submit:hover,.ff-btn.ff-btn-submit:focus-visible{background:#D4A72C!important;background-color:#D4A72C!important;border-color:#D4A72C!important;color:#123B32!important;transform:translateY(-2px)!important;box-shadow:0 10px 22px rgba(18,59,50,.18)!important}