/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.hbe-progress{max-width:var(--hbe-container);margin-inline:auto;padding:clamp(3rem,8vw,8rem) var(--hbe-gutter) clamp(3.5rem,6vw,5.5rem);font-family:var(--hbe-font-sans),serif;color:var(--hbe-text);}.hbe-progress__header{text-align:center;margin-bottom:clamp(1.5rem,3vw,2.5rem);}.hbe-progress__eyebrow{display:block;color:var(--hbe-yellow);font-size:var(--hbe-fs-eyebrow);font-weight:700;letter-spacing:0.18em;text-transform:uppercase;margin:0 0 .5rem;}.hbe-progress__title{margin:0;color:var(--hbe-yellow);font-family:var(--font-sans);font-size:var(--hbe-fs-h2);font-weight:800;line-height:1.1;letter-spacing:-0.01em;}.hbe-progress__list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:1.5rem;}@media (min-width:40rem){.hbe-progress__list{grid-template-columns:repeat(2,1fr);}}@media (min-width:64rem){.hbe-progress__list{grid-template-columns:repeat(4,1fr);}}.hbe-progress__card{position:relative;background:var(--hbe-bg-card);border-radius:var(--hbe-radius);padding:2.25rem 1.5rem 2rem;text-align:center;box-shadow:var(--hbe-shadow);transition:transform .25s var(--hbe-ease),box-shadow .25s var(--hbe-ease);display:flex;flex-direction:column;align-items:center;}.hbe-progress__card:hover{transform:translateY(-4px);box-shadow:var(--hbe-shadow-lg);}.hbe-progress__card.is-active{box-shadow:0 0 0 2px var(--hbe-yellow),0 12px 40px rgba(245,184,0,0.2),0 8px 32px rgba(14,35,84,0.18);}.hbe-progress__card.is-active::before{content:'';position:absolute;top:0;left:1.5rem;right:1.5rem;height:4px;background:var(--hbe-yellow);border-radius:0 0 4px 4px;}.hbe-progress__card.is-active .hbe-progress__icon{background:var(--hbe-yellow);color:var(--hbe-navy);}.hbe-progress__icon{width:3.5rem;height:3.5rem;border-radius:var(--hbe-radius-sm);background:var(--hbe-navy);color:#fff;display:inline-flex;align-items:center;justify-content:center;margin-bottom:1.25rem;}.hbe-progress__icon svg,.hbe-progress__icon [data-lucide]{width:1.5rem;height:1.5rem;}.hbe-progress__step{color:var(--hbe-yellow);font-size:.8125rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin:0 0 .5rem;}.hbe-progress__card-title{color:var(--hbe-navy);font-size:1.125rem;font-weight:700;line-height:1.3;margin:0 0 .75rem;}.hbe-progress__card-desc{color:var(--hbe-text-muted);font-size:.9rem;line-height:1.55;}.hbe-progress__card-desc p{margin:0;}
.map-element{position:relative;display:flex;justify-content:flex-end;margin-top:-70px;padding-bottom:24px;max-width:760px;margin-left:auto;margin-right:auto;}.map-element svg{max-height:860px;height:auto;}@media (max-width:990px){.map-element{width:100%;margin-top:0;}}@media (max-width:768px){.map-element{display:none;}}.map-element svg{width:95%;}.map-element svg g[mask]{pointer-events:none;}.map-element svg [describedby]{transition:0.3s ease;cursor:pointer;}.map-element svg [describedby]:focus{outline:2px dashed #D34143;box-shadow:none !important;}.map-element svg [describedby]:focus:not(:focus-visible){outline:none;}.map-element svg [describedby]:focus-visible{outline:2px dashed #D34143;box-shadow:none !important;}.map-element svg [describedby].click-state,.map-element svg [describedby].hover-state{fill:var(--color-secondary);stroke:var(--color-secondary);}.map-element svg g.hovered rect{fill:#bf8d16;}.map-element svg g.clicked rect{fill:var(--color-secondary);}.map-element .info-layer > div{z-index:20;background:#fff;padding:5px 10px;pointer-events:none;position:absolute;top:0;left:0;visibility:hidden;filter:drop-shadow(0 0 20px rgba(0,0,0,0.12));}.map-element .info-layer > div.active{visibility:visible;}.map-element .info-layer > div:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff;}.volunteer-bubble{position:absolute;display:block;background:var(--color-hwc-yellow,#ffbb20);color:var(--color-dark,#010028);min-width:28px;height:28px;padding:0 8px;font-size:0.875rem;font-weight:700;line-height:2.2;text-align:center;border-radius:999px;pointer-events:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,0.25));transform:translate(-50%,-50%);z-index:10;}.mobile-dropdown label{display:none;}.mobile-dropdown select{width:100%;height:60px;font-family:"DIN Next LT Pro Bold",sans-serif;border:2px solid #20242E;color:#20242e;font-size:18px;border-radius:4px;appearance:none;padding-left:16px;cursor:pointer;position:relative;background-image:url(/sites/handball-engagiert.de/themes/custom/dhb_engagiert_theme/img/droparrow_down_mobile.svg);background-position:95%;background-repeat:no-repeat;background-color:#fff;}.mobile-dropdown select:focus{outline:2px dashed #D34143;box-shadow:none !important;border-color:#86b7fe;}.mobile-dropdown select:focus:not(:focus-visible){outline:none;}.mobile-dropdown select:focus-visible{outline:2px dashed #D34143;box-shadow:none !important;}.mobile-dropdown .btn-group{margin-top:20px;width:100%;}.mobile-dropdown .btn-group .submit,.mobile-dropdown .btn-group button{width:100%;}.mobile-dropdown .btn-group button{background-color:#fff;color:#20242e;border:2px solid #20242E;padding:14px 38px 9px 24px;line-height:1;font-size:1.125rem;display:inline-block;width:auto;margin:0;font-family:"DIN Next LT Pro Bold",sans-serif;font-weight:normal;border-radius:2rem;text-decoration:none;text-transform:uppercase;}.mobile-dropdown .btn-group button:hover,.mobile-dropdown .btn-group button:focus{background-color:#20242e;color:#fff;}.mobile-dropdown .btn-group button:focus{outline:1px dashed #D34143;box-shadow:none !important;}.mobile-dropdown .btn-group button:focus:not(:focus-visible){outline:none;}.mobile-dropdown .btn-group button:focus-visible{outline:1px dashed #D34143;box-shadow:none !important;}