/* Herkules Design System: tanzsport. */

.ht-tanz{--green:#186F40;--dark:#123B32;--gold:#D4A72C;--soft:#f5f7f5;--ink:#17352d;color:var(--ink);overflow:hidden}
.ht-tanz{margin:0!important}.ht-tanz>.wpb_column>.vc_column-inner{margin:0!important;padding-left:0!important;padding-right:0!important}
.ht-tanz *{box-sizing:border-box}.ht-tanz h1,.ht-tanz h2,.ht-tanz h3{color:inherit;line-height:1.12;margin-top:0}.ht-tanz h1{font-size:clamp(38px,5vw,58px);letter-spacing:-.035em;margin-bottom:18px}.ht-tanz h2{font-size:clamp(30px,3.6vw,44px);letter-spacing:-.025em;margin-bottom:18px}.ht-tanz h3{font-size:22px;margin-bottom:9px}.ht-tanz p,.ht-tanz li{font-size:17px;line-height:1.68}.ht-tanz .ht-kicker{text-transform:uppercase;letter-spacing:.15em;font-size:13px;font-weight:800;color:var(--gold);margin-bottom:12px}.ht-tanz.ht-hero{background:linear-gradient(120deg,#123B32 0%,#186F40 46%,#D4A72C 100%);color:#fff;padding:48px max(24px,calc((100vw - 1180px)/2)) 52px}.ht-tanz.ht-hero p{max-width:650px;color:rgba(255,255,255,.92);font-size:18px}.ht-tanz .ht-hero-image .wpb_wrapper{display:flex;justify-content:flex-end;align-items:center}.ht-tanz .ht-hero-image .vc_single_image-wrapper{width:330px;max-width:100%}.ht-tanz .ht-hero-image img{display:block;width:330px!important;height:330px!important;max-width:100%!important;object-fit:cover;border-radius:34px 12px 34px 12px;box-shadow:0 18px 42px rgba(0,0,0,.24);transform:rotate(2.5deg)}
.ht-tanz.ht-anchor{background:#fff;padding:20px max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid rgba(18,59,50,.12);box-shadow:0 8px 24px rgba(18,59,50,.05)}.ht-tanz.ht-anchor>.wpb_column>.vc_column-inner>.wpb_wrapper{display:flex;gap:10px;flex-wrap:wrap}.ht-tanz.ht-anchor .vc_btn3{border-color:rgba(24,111,64,.24)!important;color:var(--dark)!important;background:#fff!important;font-weight:800}.ht-tanz.ht-anchor .vc_btn3:hover{background:var(--green)!important;color:#fff!important}
.ht-tanz.ht-section{padding:78px max(24px,calc((100vw - 1180px)/2)) 82px;background:#fff}.ht-tanz.ht-section.ht-alt{background:var(--soft)}.ht-tanz.ht-section>.wpb_column>.vc_column-inner{padding-left:10px!important;padding-right:10px!important}.ht-tanz .ht-copy{padding-right:26px}.ht-tanz .ht-image img{width:100%!important;height:360px!important;object-fit:cover;border-radius:28px 10px 28px 10px;box-shadow:0 16px 38px rgba(18,59,50,.16);transform:rotate(1.4deg)}.ht-tanz .ht-image.ht-left img{transform:rotate(-1.4deg)}
.ht-tanz .ht-facts{margin-top:22px;padding:18px 20px;border-radius:20px;background:rgba(24,111,64,.08)}.ht-tanz .ht-facts strong{color:var(--green)}.ht-tanz .ht-now{margin-top:16px;padding:14px 18px;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(18,59,50,.07)}
.ht-tanz .ht-card-row{margin-top:28px}.ht-tanz .ht-card-col>.vc_column-inner{padding:10px!important;height:100%}.ht-tanz .ht-person-card{height:100%;background:#fff;border-radius:28px;padding:22px;text-align:center;box-shadow:0 12px 30px rgba(18,59,50,.10);transition:transform .32s ease,box-shadow .32s ease}.ht-tanz .ht-card-col:nth-child(3n+1) .ht-person-card{transform:rotate(-.8deg)}.ht-tanz .ht-card-col:nth-child(3n+2) .ht-person-card{transform:translateY(10px) rotate(.7deg)}.ht-tanz .ht-card-col:nth-child(3n+3) .ht-person-card{transform:rotate(-.35deg)}.ht-tanz .ht-card-col:hover .ht-person-card{transform:translateY(-5px) rotate(0);box-shadow:0 18px 38px rgba(18,59,50,.17)}.ht-tanz .ht-person-photo img{width:150px!important;height:150px!important;object-fit:cover;border-radius:24px!important;box-shadow:none!important}.ht-tanz .ht-person-card p{font-size:15px;line-height:1.5;margin-bottom:0}.ht-tanz .ht-role{color:var(--green);font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:.06em}
.ht-tanz .ht-train-grid{margin-top:28px}.ht-tanz .ht-time-col>.vc_column-inner{padding:9px!important;height:100%}.ht-tanz .ht-time-card{height:100%;background:#fff;border-radius:24px;padding:22px;box-shadow:0 10px 28px rgba(18,59,50,.08)}.ht-tanz .ht-time-card strong{display:block;color:var(--green);font-size:20px;margin-bottom:6px}.ht-tanz .ht-time-card p{font-size:15px;line-height:1.55;margin:0}
.ht-tanz .ht-back .vc_btn3{color:var(--green)!important;background:transparent!important;border:0!important;box-shadow:none!important;font-weight:800!important;padding-left:0!important;padding-right:0!important;margin-top:18px}.ht-tanz.ht-cta{padding:72px max(24px,calc((100vw - 1180px)/2));background:linear-gradient(120deg,#123B32 0%,#186F40 62%,#D4A72C 100%);color:#fff}.ht-tanz.ht-cta p{color:rgba(255,255,255,.92)}.ht-tanz.ht-cta .vc_btn3{background:#fff!important;color:var(--dark)!important;border:0!important;font-weight:800}.ht-tanz .ht-contact-image img{width:280px!important;height:280px!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){.ht-tanz.ht-hero,.ht-tanz.ht-anchor,.ht-tanz.ht-section,.ht-tanz.ht-cta{padding-left:32px!important;padding-right:32px!important}.ht-tanz.ht-hero>[class*="vc_col-sm-"],.ht-tanz.ht-section>[class*="vc_col-sm-"],.ht-tanz.ht-cta>[class*="vc_col-sm-"]{width:100%;float:none}.ht-tanz .ht-copy{padding-right:0}.ht-tanz .ht-hero-image .wpb_wrapper{justify-content:center}.ht-tanz .ht-hero-image,.ht-tanz .ht-image,.ht-tanz .ht-contact-image{margin-top:28px}.ht-tanz .ht-card-col{width:50%!important;float:left!important}.ht-tanz .ht-time-col{width:50%!important;float:left!important}}
@media(max-width:680px){.ht-tanz.ht-hero,.ht-tanz.ht-anchor,.ht-tanz.ht-section,.ht-tanz.ht-cta{padding-left:24px!important;padding-right:24px!important}.ht-tanz.ht-hero{padding-top:38px!important;padding-bottom:42px!important}.ht-tanz.ht-section{padding-top:54px!important;padding-bottom:58px!important}.ht-tanz .ht-hero-image img{width:240px!important;height:240px!important}.ht-tanz .ht-image img{height:270px!important}.ht-tanz.ht-anchor .vc_btn3-container{width:calc(50% - 5px);margin:0}.ht-tanz.ht-anchor .vc_btn3{width:100%;padding:10px 8px!important;font-size:13px!important}.ht-tanz .ht-card-col,.ht-tanz .ht-time-col{width:100%!important;float:none!important}.ht-tanz .ht-card-col:nth-child(n) .ht-person-card{transform:none}.ht-tanz .ht-contact-image img{width:230px!important;height:230px!important}}
.ht-tanz.ht-style-row .wpb_content_element{margin-bottom:0!important}

.ht-photo-focus-helper{display:none!important}.ht-tanz .ht-person-photo.ht-focus-top img{object-position:center 18%!important}#jugendgarde .ht-image .vc_figure,#jugendgarde .ht-image .vc_single_image-wrapper{display:block!important;width:100%!important;max-width:100%!important}#jugendgarde .ht-image img{display:block!important;width:100%!important;height:360px!important;object-fit:cover!important;object-position:center 62%!important}.ht-tanz .ht-solisten-group .vc_figure{display:block!important;width:680px!important;max-width:100%!important;margin:0 auto!important}.ht-tanz .ht-solisten-group .vc_single_image-wrapper{display:block!important;width:100%!important;max-width:100%!important}.ht-tanz .ht-solisten-group img{display:block!important;width:100%!important;height:520px!important;object-fit:cover!important;object-position:center 36%!important}@media(max-width:680px){#jugendgarde .ht-image img{height:270px!important}.ht-tanz .ht-solisten-group img{height:430px!important;object-position:center 36%!important}}

.hk-anchor-style-helper{display:none!important}.ht-tanz.ht-anchor{background:#fff!important}.ht-tanz.ht-anchor>.wpb_column>.vc_column-inner>.wpb_wrapper{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:wrap!important;gap:10px}.ht-tanz.ht-anchor .vc_btn3-container{margin:0 0 10px!important}.ht-tanz.ht-anchor .vc_btn3:not(:hover){background:#fff!important;color:#123B32!important;border-color:rgba(24,111,64,.24)!important}.ht-tanz.ht-anchor .vc_btn3:hover{background:#186F40!important;color:#fff!important;border-color:#186F40!important}@media(max-width:680px){.ht-tanz.ht-anchor>.wpb_column>.vc_column-inner>.wpb_wrapper{gap:8px}.ht-tanz.ht-anchor .vc_btn3-container{width:calc(50% - 4px)!important}.ht-tanz.ht-anchor .vc_btn3{width:100%!important;text-align:center!important}}
