/* Herkules Design System: mitmachen. */

.hk-mitmachen{--green:#186F40;--dark:#123B32;--gold:#D4A72C;--soft:#f5f7f5;--ink:#17352d;color:var(--ink);overflow:hidden;margin:0!important}.hk-mitmachen>.wpb_column>.vc_column-inner{margin:0!important;padding-left:0!important;padding-right:0!important}.hk-mitmachen *{box-sizing:border-box}.hk-mitmachen h1,.hk-mitmachen h2,.hk-mitmachen h3{color:inherit;line-height:1.12;margin-top:0}.hk-mitmachen h1{font-size:clamp(38px,5vw,58px);letter-spacing:-.035em;margin-bottom:18px}.hk-mitmachen h2{font-size:clamp(30px,3.6vw,44px);letter-spacing:-.025em;margin-bottom:18px}.hk-mitmachen h3{font-size:22px;margin-bottom:9px}.hk-mitmachen p,.hk-mitmachen li{font-size:17px;line-height:1.68}.hk-mitmachen .hk-kicker{text-transform:uppercase;letter-spacing:.15em;font-size:13px;font-weight:800;color:var(--gold);margin-bottom:12px}.hk-mitmachen.hk-hero{background:linear-gradient(120deg,#123B32 0%,#186F40 46%,#D4A72C 100%);color:#fff;padding:48px max(24px,calc((100vw - 1180px)/2)) 52px}.hk-mitmachen.hk-hero p{max-width:650px;color:rgba(255,255,255,.92);font-size:18px}.hk-mitmachen .hk-hero-image .wpb_wrapper{display:flex;justify-content:flex-end;align-items:center}.hk-mitmachen .hk-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)}.hk-mitmachen.hk-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)}.hk-mitmachen.hk-anchor>.wpb_column>.vc_column-inner>.wpb_wrapper{display:flex;gap:10px;flex-wrap:wrap}.hk-mitmachen.hk-anchor .vc_btn3{border-color:rgba(24,111,64,.24)!important;color:var(--dark)!important;background:#fff!important;font-weight:800}.hk-mitmachen.hk-anchor .vc_btn3:hover{background:var(--green)!important;color:#fff!important}.hk-mitmachen.hk-section{padding:78px max(24px,calc((100vw - 1180px)/2)) 82px;background:#fff}.hk-mitmachen.hk-section.hk-alt{background:var(--soft)}.hk-mitmachen.hk-section>.wpb_column>.vc_column-inner{padding-left:10px!important;padding-right:10px!important}.hk-mitmachen .hk-copy{padding-right:26px}.hk-mitmachen .hk-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)}.hk-mitmachen .hk-image.hk-left img{transform:rotate(-1.4deg)}.hk-mitmachen .hk-finder-panel{background:#fff;border-radius:28px;padding:28px;box-shadow:0 14px 34px rgba(18,59,50,.12);margin-top:26px}.hk-mitmachen .hk-finder-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.hk-mitmachen .hk-finder-field label{display:block;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--green);margin-bottom:7px}.hk-mitmachen .hk-finder-field select,.hk-mitmachen .hk-finder-field input{width:100%;height:48px;border:1px solid rgba(18,59,50,.18);border-radius:14px;background:#f8faf8;padding:0 14px;color:var(--dark);font-size:15px}.hk-mitmachen .hk-result{margin:16px 0 0;font-weight:800;color:var(--dark)}.hk-mitmachen .hk-card-row{margin-top:26px}.hk-mitmachen .hk-card-col>.vc_column-inner{padding:11px!important;height:100%}.hk-mitmachen .hk-group-card,.hk-mitmachen .hk-action-card{height:100%;background:#fff;border-radius:28px;padding:24px;box-shadow:0 12px 30px rgba(18,59,50,.10);transition:transform .32s ease,box-shadow .32s ease}.hk-mitmachen .hk-card-col:nth-child(4n+1) .hk-group-card,.hk-mitmachen .hk-card-col:nth-child(4n+1) .hk-action-card{transform:rotate(-.7deg)}.hk-mitmachen .hk-card-col:nth-child(4n+2) .hk-group-card,.hk-mitmachen .hk-card-col:nth-child(4n+2) .hk-action-card{transform:translateY(8px) rotate(.55deg)}.hk-mitmachen .hk-card-col:nth-child(4n+3) .hk-group-card,.hk-mitmachen .hk-card-col:nth-child(4n+3) .hk-action-card{transform:rotate(.45deg)}.hk-mitmachen .hk-card-col:hover .hk-group-card,.hk-mitmachen .hk-card-col:hover .hk-action-card{transform:translateX(4px) rotate(.25deg);box-shadow:0 18px 38px rgba(18,59,50,.17)}.hk-mitmachen .hk-group-card h3,.hk-mitmachen .hk-action-card h3{color:var(--dark);margin-bottom:8px}.hk-mitmachen .hk-group-card p,.hk-mitmachen .hk-action-card p{font-size:15px;line-height:1.58}.hk-mitmachen .hk-tag{display:inline-block;background:rgba(24,111,64,.09);color:var(--green);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;margin:0 5px 7px 0}.hk-mitmachen .hk-training{border-top:1px solid rgba(18,59,50,.11);padding-top:13px;margin-top:14px;font-size:14px;line-height:1.55}.hk-mitmachen .hk-card-link{display:inline-block;margin-top:13px;color:var(--green);font-weight:800;text-decoration:none}.hk-mitmachen .hk-card-link:hover{color:var(--dark)}.hk-mitmachen .hk-steps{counter-reset:steps;margin:22px 0 0;padding:0;list-style:none}.hk-mitmachen .hk-steps li{position:relative;padding:0 0 22px 58px}.hk-mitmachen .hk-steps li:before{counter-increment:steps;content:counter(steps);position:absolute;left:0;top:0;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-weight:800}.hk-mitmachen .hk-friend-box{background:#fff;border-radius:30px;padding:32px;box-shadow:0 14px 34px rgba(18,59,50,.12)}.hk-mitmachen .hk-logos{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}.hk-mitmachen .hk-logo-placeholder{min-height:110px;border:1px dashed rgba(18,59,50,.25);border-radius:20px;display:grid;place-items:center;background:#fff;color:rgba(18,59,50,.55);font-weight:800;text-align:center;padding:12px}.hk-mitmachen .hk-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}.hk-mitmachen.hk-cta{padding:72px max(24px,calc((100vw - 1180px)/2));background:linear-gradient(120deg,#123B32 0%,#186F40 62%,#D4A72C 100%);color:#fff}.hk-mitmachen.hk-cta p{color:rgba(255,255,255,.92)}.hk-mitmachen.hk-cta .vc_btn3{background:#fff!important;color:var(--dark)!important;border:0!important;font-weight:800}.hk-mitmachen .hk-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)}.hk-mitmachen .hk-hidden{display:none!important}@media(max-width:900px){.hk-mitmachen.hk-hero,.hk-mitmachen.hk-anchor,.hk-mitmachen.hk-section,.hk-mitmachen.hk-cta{padding-left:32px!important;padding-right:32px!important}.hk-mitmachen.hk-hero>[class*="vc_col-sm-"],.hk-mitmachen.hk-section>[class*="vc_col-sm-"],.hk-mitmachen.hk-cta>[class*="vc_col-sm-"]{width:100%;float:none}.hk-mitmachen .hk-copy{padding-right:0}.hk-mitmachen .hk-hero-image .wpb_wrapper{justify-content:center}.hk-mitmachen .hk-hero-image,.hk-mitmachen .hk-image,.hk-mitmachen .hk-contact-image{margin-top:28px}.hk-mitmachen .hk-card-col{width:50%!important;float:left!important}.hk-mitmachen .hk-finder-grid{grid-template-columns:1fr 1fr}.hk-mitmachen .hk-logos{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.hk-mitmachen.hk-hero,.hk-mitmachen.hk-anchor,.hk-mitmachen.hk-section,.hk-mitmachen.hk-cta{padding-left:24px!important;padding-right:24px!important}.hk-mitmachen.hk-hero{padding-top:38px!important;padding-bottom:42px!important}.hk-mitmachen.hk-section{padding-top:54px!important;padding-bottom:58px!important}.hk-mitmachen .hk-hero-image img{width:240px!important;height:240px!important}.hk-mitmachen .hk-image img{height:270px!important}.hk-mitmachen.hk-anchor .vc_btn3-container{width:calc(50% - 5px);margin:0}.hk-mitmachen.hk-anchor .vc_btn3{width:100%;padding:10px 8px!important;font-size:13px!important}.hk-mitmachen .hk-card-col{width:100%!important;float:none!important}.hk-mitmachen .hk-card-col:nth-child(n) .hk-group-card,.hk-mitmachen .hk-card-col:nth-child(n) .hk-action-card{transform:none}.hk-mitmachen .hk-finder-grid{grid-template-columns:1fr}.hk-mitmachen .hk-logos{grid-template-columns:1fr 1fr}.hk-mitmachen .hk-contact-image img{width:230px!important;height:230px!important}}.hk-mitmachen.hk-style-row .wpb_content_element{margin-bottom:0!important}

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

[id="100-freunde"]{align-items:flex-start!important}[id="100-freunde"] .hk-friend-logo-col>.vc_column-inner,[id="100-freunde"] .hk-friend-content-col>.vc_column-inner{padding-top:0!important}[id="100-freunde"] .hk-friend-card-row{margin:0!important}[id="100-freunde"] .hk-friend-card-column>.vc_column-inner{min-height:437px;padding:32px!important;background:#fff;border-radius:30px;box-shadow:0 14px 34px rgba(18,59,50,.12);display:flex;flex-direction:column;justify-content:center}[id="100-freunde"] .hk-friend-box{min-height:0!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}[id="100-freunde"] .hk-friend-box p:last-child{margin-bottom:0}[id="100-freunde"] .hk-friend-info-btn{margin:22px 0 0!important}[id="100-freunde"] .hk-friend-logo-col .fancy-media-wrap{background:transparent!important}[id="100-freunde"] .hk-friend-logo-col img{display:block;width:100%!important;height:437px!important;object-fit:contain!important;background:transparent!important;mix-blend-mode:normal;border-radius:50%}[id="100-freunde"] .hk-back{margin-top:20px!important}@media(max-width:767px){[id="100-freunde"] .hk-friend-logo-col img{height:300px!important}[id="100-freunde"] .hk-friend-card-column>.vc_column-inner{min-height:0;padding:26px!important}[id="100-freunde"] .hk-friend-content-col{margin-top:24px}[id="100-freunde"] .hk-friend-info-btn{margin-top:18px!important}}

/* Probetraining: Bild am eigentlichen Text ausrichten; die Aktionen folgen
   darunter in eigenen Zeilen und beeinflussen die Bildmitte nicht mehr. */
@media(min-width:901px){
  #probetraining.hk-mitmachen{
    display:grid!important;
    grid-template-columns:minmax(0,7fr) minmax(0,5fr)!important;
    column-gap:35px!important;
    align-items:start!important;
  }
  #probetraining>.hk-copy,
  #probetraining>.hk-copy>.vc_column-inner,
  #probetraining>.hk-copy>.vc_column-inner>.wpb_wrapper{
    display:contents!important;
  }
  #probetraining>.hk-copy .wpb_text_column{
    grid-column:1;
    grid-row:1;
    margin:0!important;
  }
  #probetraining>.vc_col-sm-5{
    grid-column:2;
    grid-row:1;
    width:auto!important;
    float:none!important;
    align-self:center!important;
  }
  #probetraining>.hk-copy .vc_empty_space{
    grid-column:1;
    grid-row:2;
  }
  #probetraining>.hk-copy .vc_btn3-container:not(.hk-back){
    grid-column:1;
    grid-row:3;
  }
  #probetraining>.hk-copy .hk-back{
    grid-column:1;
    grid-row:4;
  }
}