/* i5 Blocks: Darstellung entsprechend dem freigegebenen Design */

/* ---------- Waben 2 : 7 : 1 ---------- */
.i5b-hero{flex:1 1 420px;min-width:0;display:flex;justify-content:center}
.i5b-hero-karte{width:100%;max-width:500px;box-sizing:border-box;padding:28px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:22px;color:#FFFFFF}
.i5b-hero-titel{font-family:'Geist Mono',ui-monospace,monospace;font-size:13px;letter-spacing:.04em;color:rgba(255,255,255,.78)}
.i5b-hero-feld{position:relative;width:100%;aspect-ratio:467/168}
.i5b-hero .hc-hex{position:absolute;width:17.13%;aspect-ratio:100/115.47;padding:0;margin:0;border:0;background:transparent;cursor:pointer;transition:transform 260ms cubic-bezier(.22,.8,.24,1),opacity 200ms ease,filter 200ms ease}
.i5b-hero .hc-hex svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.i5b-hero .hc-hex[data-g="w"] .o{fill:rgba(255,255,255,.05);stroke:rgba(255,255,255,.62);stroke-width:2.5;stroke-dasharray:7 6}
.i5b-hero .hc-hex[data-g="w"] .r{fill:none;stroke:none}
.i5b-hero .hc-hex[data-g="l"] .o{fill:url(#hcBlue);stroke:none}
.i5b-hero .hc-hex[data-g="l"] .r{fill:none;stroke:rgba(255,255,255,.22);stroke-width:2.5}
.i5b-hero .hc-hex[data-g="v"] .o{fill:url(#i5hexAccent);stroke:none}
.i5b-hero .hc-hex[data-g="v"] .r{fill:none;stroke:rgba(255,255,255,.45);stroke-width:2.5}
.i5b-hero .hc-hex[data-g="v"]{filter:drop-shadow(0 8px 18px rgba(231,130,35,.45))}
.i5b-hero-legende{display:flex;flex-direction:column;gap:8px}
.i5b-hero .hc-leg{appearance:none;width:100%;min-height:56px;display:grid;grid-template-columns:24px minmax(78px,104px) minmax(0,1fr);align-items:center;gap:14px;padding:12px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.03);color:#FFFFFF;font:inherit;font-size:15px;line-height:1.4;text-align:left;cursor:pointer;transition:background-color 200ms ease,border-color 200ms ease,opacity 200ms ease,transform 260ms cubic-bezier(.22,.8,.24,1)}
.i5b-hero .hc-leg:hover{background-color:rgba(255,255,255,.10);border-color:rgba(255,255,255,.45)}
.i5b-hero .hc-leg:focus-visible{outline:3px solid #E78223;outline-offset:3px}
.i5b-hero .hc-leg:active{transform:scale(.98)}
.i5b-leg-hex{position:relative;width:22px;height:25.4px;display:block}
.i5b-leg-hex svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.hc-leg[data-g="w"] .i5b-leg-hex path{fill:rgba(255,255,255,.05);stroke:rgba(255,255,255,.62);stroke-width:6;stroke-dasharray:7 6}
.hc-leg[data-g="l"] .i5b-leg-hex path{fill:url(#hcBlue)}
.hc-leg[data-g="v"] .i5b-leg-hex path{fill:url(#i5hexAccent)}
.i5b-hero .hc-leg strong{font-size:22px;font-weight:600;letter-spacing:-.015em;line-height:1.1}
.i5b-leg-text{font-size:15px;line-height:1.4;color:rgba(255,255,255,.86)}
.i5b-hero-detail{margin:0;min-height:52px;font-size:15px;line-height:1.55;color:rgba(255,255,255,.88);border-top:1px solid rgba(255,255,255,.14);padding-top:16px}
.i5b-hero[data-active="w"] .hc-hex:not([data-g="w"]),.i5b-hero[data-active="l"] .hc-hex:not([data-g="l"]),.i5b-hero[data-active="v"] .hc-hex:not([data-g="v"]){opacity:.2;filter:none}
.i5b-hero[data-active="w"] .hc-hex[data-g="w"],.i5b-hero[data-active="l"] .hc-hex[data-g="l"],.i5b-hero[data-active="v"] .hc-hex[data-g="v"]{transform:scale(1.06)}
.i5b-hero[data-active="w"] .hc-leg:not([data-g="w"]),.i5b-hero[data-active="l"] .hc-leg:not([data-g="l"]),.i5b-hero[data-active="v"] .hc-leg:not([data-g="v"]){opacity:.55}
.i5b-hero[data-active="w"] .hc-leg[data-g="w"],.i5b-hero[data-active="l"] .hc-leg[data-g="l"],.i5b-hero[data-active="v"] .hc-leg[data-g="v"]{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.55)}
.i5b-hero .hc-leg[aria-pressed="true"]{border-color:#E78223}

/* ---------- Selbstcheck ---------- */
.i5b-check{font-family:'Geist',ui-sans-serif,system-ui,sans-serif;color:#0F1B2D}
.i5b-check-liste{padding:48px 0 96px}
.i5b-check-spalte{max-width:960px;margin:0 auto;padding:0 32px;box-sizing:content-box;display:flex;flex-direction:column;gap:28px}
.i5b-check-kopf{display:flex;flex-direction:column;gap:10px}
.i5b-label{font-family:'Geist Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#B35A0B}
.i5b-label-hell{color:#E78223}
.i5b-intro{margin:0;font-size:17px;line-height:1.6;color:#56688A}
.i5b-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.i5b-item{background-color:#EEF3FC;border:1px solid #D8E1EF;border-radius:16px;padding:26px 28px;display:flex;flex-wrap:wrap;gap:20px 28px;align-items:flex-start;transition:transform 260ms cubic-bezier(.22,.8,.24,1),box-shadow 260ms cubic-bezier(.22,.8,.24,1),background-color 200ms ease,border-color 200ms ease}
.i5b-item:hover{transform:translateY(-3px);background-color:#FFFFFF;box-shadow:0 20px 40px -24px rgba(15,27,45,.38)}
.i5b-item.is-checked{background-color:#FFFFFF;border:2px solid #1A4382;box-shadow:0 16px 34px -22px rgba(15,27,45,.45);padding:25px 27px}
.i5b-item-hex{position:relative;width:56px;height:64.7px;flex:none;display:flex;align-items:center;justify-content:center;color:#0F1B2D;font-family:'Geist Mono',ui-monospace,monospace;font-size:15px;font-weight:500}
.i5b-item-hex svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.i5b-item-hex .o{fill:#FFFFFF;stroke:#C5D2E8;stroke-width:3}
.i5b-item-hex .r{fill:none;stroke:#D8E1EF;stroke-width:2.5}
.i5b-item-hex > span{position:relative}
.is-checked .i5b-item-hex{color:#FFFFFF}
.is-checked .i5b-item-hex .o{fill:url(#i5hex);stroke:none}
.is-checked .i5b-item-hex .r{stroke:rgba(255,255,255,.32)}
.i5b-item-body{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:14px;padding-top:4px}
.i5b-item-body h3{margin:0;font-size:22px;font-weight:600;letter-spacing:-.02em;line-height:1.25}
.i5b-item-body ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.i5b-item-body ul li{position:relative;padding-left:19px;font-size:16px;line-height:1.5;color:#0F1B2D}
.i5b-item-body ul li::before{content:"";position:absolute;left:0;top:8px;width:7px;height:8.1px;background:#1A4382;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 115.47'%3E%3Cpath d='M45.5 4.83a9 9 0 0 1 9 0l39.06 22.56a9 9 0 0 1 4.5 7.79v45.11a9 9 0 0 1-4.5 7.79L54.5 110.64a9 9 0 0 1-9 0L6.44 88.08a9 9 0 0 1-4.5-7.79V35.18a9 9 0 0 1 4.5-7.79z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 115.47'%3E%3Cpath d='M45.5 4.83a9 9 0 0 1 9 0l39.06 22.56a9 9 0 0 1 4.5 7.79v45.11a9 9 0 0 1-4.5 7.79L54.5 110.64a9 9 0 0 1-9 0L6.44 88.08a9 9 0 0 1-4.5-7.79V35.18a9 9 0 0 1 4.5-7.79z'/%3E%3C/svg%3E") center/contain no-repeat}
.i5b-more{border-top:1px solid #D8E1EF;padding-top:12px}
.i5b-more summary{display:inline-flex;align-items:center;gap:8px;min-height:32px;font-size:14px;font-weight:600;color:#B35A0B;cursor:pointer;list-style:none}
.i5b-more summary::-webkit-details-marker{display:none}
.i5b-more summary::after{content:"";width:14px;height:14px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform 200ms ease}
.i5b-more[open] summary::after{transform:rotate(180deg)}
.i5b-more summary:focus-visible{outline:3px solid #E78223;outline-offset:3px}
.i5b-more p{margin:10px 0 0;font-size:15px;line-height:1.7;color:#56688A}
.i5b-toggle{appearance:none;flex:none;min-height:48px;display:inline-flex;align-items:center;gap:10px;padding:0 18px;border-radius:10px;border:1px solid #C5D2E8;background:#FFFFFF;color:#0F1B2D;font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:background-color 200ms ease,border-color 200ms ease,transform 180ms ease}
.i5b-toggle:hover{border-color:#1A4382}
.i5b-toggle:active{transform:scale(.97)}
.i5b-toggle:focus-visible{outline:3px solid #E78223;outline-offset:3px}
.i5b-box{width:22px;height:22px;border-radius:6px;border:1.5px solid #C5D2E8;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
.i5b-box svg{visibility:hidden}
.is-checked .i5b-toggle{background:linear-gradient(135deg,#0F1E36 0%,#1A4382 100%);color:#FFFFFF;border-color:transparent}
.is-checked .i5b-box{border-color:rgba(255,255,255,.7)}
.is-checked .i5b-box svg{visibility:visible}
.i5b-progress{position:sticky;bottom:16px;z-index:5;align-self:center;display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;padding:12px 22px;border-radius:14px;background:linear-gradient(135deg,#0F1E36 0%,#1A4382 100%);color:#FFFFFF;box-shadow:0 18px 40px -16px rgba(15,27,45,.55)}
.i5b-progress-label{font-family:'Geist Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.08em;color:rgba(255,255,255,.75)}
.i5b-progress-count{font-family:'Geist Mono',ui-monospace,monospace;font-size:16px;font-weight:500}
.i5b-auswertung{background-color:#0F1E36;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),radial-gradient(circle at 85% 10%,rgba(120,160,230,.35),transparent 55%),linear-gradient(135deg,#0F1E36 0%,#1A4382 100%);background-size:48px 48px,48px 48px,100% 100%,100% 100%;color:#FFFFFF;padding:104px 0;scroll-margin-top:80px}
.i5b-wrap{max-width:1120px;margin:0 auto;padding:0 32px;box-sizing:border-box;display:flex;flex-direction:column;gap:44px}
.i5b-eval{display:flex;flex-wrap:wrap;gap:48px;align-items:center}
.i5b-eval-text{flex:1 1 560px;min-width:0;display:flex;flex-direction:column;gap:18px}
.i5b-eval-text h2{margin:0;font-size:clamp(28px,3vw,38px);line-height:1.1;letter-spacing:-.03em;font-weight:600;color:#FFFFFF;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}
.i5b-eval-zahl{display:flex;align-items:baseline;gap:14px}
.i5b-eval-zahl .i5b-count{font-size:clamp(56px,7vw,84px);font-weight:600;letter-spacing:-.04em;line-height:1}
.i5b-eval-zahl > span:last-child{font-family:'Geist Mono',ui-monospace,monospace;font-size:18px;color:rgba(255,255,255,.7)}
.i5b-eval-result{margin:0;font-size:17px;line-height:1.6;color:rgba(255,255,255,.82)}
.i5b-eval-grafik{flex:1 1 340px;min-width:0;display:flex;justify-content:center}
.i5b-big{position:relative;width:100%;max-width:460px;aspect-ratio:460/125}
.i5b-big-hex{position:absolute;width:13.9%;aspect-ratio:100/115.47;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.6);font-family:'Geist Mono',ui-monospace,monospace;font-size:13px;transition:color 200ms ease}
.i5b-big-hex svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.i5b-big-hex path{fill:rgba(255,255,255,.04);stroke:rgba(255,255,255,.5);stroke-width:2.5;stroke-dasharray:7 6;transition:fill 200ms ease}
.i5b-big-hex > span{position:relative}
.i5b-big-hex.is-on{color:#FFFFFF}
.i5b-big-hex.is-on path{fill:url(#hcBlue);stroke:none}
.i5b-actions{display:flex;flex-direction:column;gap:16px}
.i5b-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.i5b-btn{appearance:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:0 24px;border-radius:8px;font:inherit;font-size:15px;font-weight:600;text-decoration:none;transition:transform 260ms cubic-bezier(.22,.8,.24,1),box-shadow 260ms cubic-bezier(.22,.8,.24,1),background-color 200ms ease,border-color 200ms ease,opacity 200ms ease,filter 200ms ease}
.i5b-btn-primary{background:#E78223;color:#0F1B2D}
.i5b-btn-primary::after{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
.i5b-btn-primary:not(:disabled):hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 14px 26px -14px rgba(15,27,45,.55)}
.i5b-btn:disabled{opacity:.5;cursor:not-allowed}
.i5b-btn-ghost{padding:0 22px;border:1px solid rgba(255,255,255,.28);color:#FFFFFF;font-weight:500;background:transparent}
.i5b-btn-ghost:hover{background-color:rgba(255,255,255,.12);border-color:rgba(255,255,255,.55);color:#FFFFFF}
.i5b-btn:focus-visible{outline:3px solid #E78223;outline-offset:3px}
.i5b-hint{margin:0;font-size:14px;color:rgba(255,255,255,.7)}
.i5b-check.has-checked .i5b-hint{display:none}
.i5b-form{max-width:640px;border-radius:16px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);padding:28px;display:flex;flex-direction:column;gap:18px}
.i5b-form[hidden],.i5b-danke[hidden],.i5b-fehler[hidden]{display:none}
.i5b-form-intro{margin:0;font-size:16px;line-height:1.6;color:rgba(255,255,255,.86)}
.i5b-form-felder{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.i5b-f-anrede,.i5b-f-vorname,.i5b-f-nachname{grid-column:span 2}
.i5b-f-firma,.i5b-f-email{grid-column:span 3}
@media (max-width:640px){.i5b-form-felder{grid-template-columns:1fr}.i5b-form-felder>label{grid-column:auto}}
.i5b-form-felder label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:rgba(255,255,255,.8)}
.i5b-form input[type="text"],.i5b-form input[type="email"],.i5b-form select{width:100%;box-sizing:border-box;min-height:48px;padding:0 14px;border-radius:8px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.06);color:#FFFFFF;font:inherit;font-size:16px}
.i5b-form input:focus-visible{outline:3px solid #E78223;outline-offset:2px}
.i5b-check-box{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.5;color:rgba(255,255,255,.8)}
.i5b-check-box input{width:20px;height:20px;margin:1px 0 0;flex:none;accent-color:#E78223}
.i5b-check-box a{color:#FFFFFF;text-decoration:underline;text-underline-offset:2px}
.i5b-hp{position:absolute !important;left:-9999px;width:1px;height:1px;overflow:hidden}
.i5b-form-fuss{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.i5b-auswahl{font-family:'Geist Mono',ui-monospace,monospace;font-size:12px;color:rgba(255,255,255,.6)}
.i5b-fehler{margin:0;font-size:14px;color:#FFD0A6}
.i5b-danke{max-width:640px;border-radius:16px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);padding:24px 28px;display:flex;gap:14px;align-items:flex-start}
.i5b-danke-hex{position:relative;width:26px;height:30px;flex:none;display:block}
.i5b-danke-hex svg{position:absolute;inset:0;width:100%;height:100%}
.i5b-danke p{margin:0;font-size:16px;line-height:1.6;color:rgba(255,255,255,.9)}
@media (prefers-reduced-motion: reduce){.i5b-item,.i5b-toggle,.i5b-btn,.i5b-hero .hc-hex,.i5b-hero .hc-leg{transition:none !important}.i5b-item:hover,.i5b-btn-primary:hover,.i5b-hero .hc-hex{transform:none !important}}

/* ---------- Hinweis nach Double-Opt-in ---------- */
.i5b-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:100;padding:14px 22px;border-radius:12px;background:linear-gradient(135deg,#0F1E36 0%,#1A4382 100%);color:#FFFFFF;font-size:15px;box-shadow:0 18px 40px -16px rgba(15,27,45,.55);animation:i5bToast 6s ease forwards}
@keyframes i5bToast{0%,85%{opacity:1}100%{opacity:0;visibility:hidden}}

.i5b-form select{appearance:none;-webkit-appearance:none;padding-right:38px;background-image:linear-gradient(45deg,transparent 50%,rgba(255,255,255,.8) 50%),linear-gradient(135deg,rgba(255,255,255,.8) 50%,transparent 50%);background-position:calc(100% - 20px) 52%,calc(100% - 15px) 52%;background-size:5px 5px;background-repeat:no-repeat}
.i5b-form select:invalid{color:rgba(255,255,255,.6)}
.i5b-form select option{color:#0F1B2D;background:#FFFFFF}

/* Terminbuchung */
.i5b-termin{margin:8px 0 0}
.i5b-termin-frame{display:block;width:100%;border:0;border-radius:16px;background:transparent;color-scheme:light}
.i5b-termin-fallback{border:1px solid #D8E1EF;border-radius:16px;background:#FFFFFF;padding:28px;display:flex;flex-direction:column;gap:10px}
.i5b-termin-fallback[hidden]{display:none}
.i5b-termin-fallback p{margin:0}
.i5b-termin-fallback-titel{font-size:19px;font-weight:600;color:#0F1B2D;line-height:1.35}
.i5b-termin-kontakt{display:flex;flex-wrap:wrap;gap:10px 24px;padding-top:6px}
.i5b-termin-kontakt a{font-weight:500;color:#B35A0B}