@font-face{font-family:manrope;src:url(../media/Manrope_Medium-s.p.0qkl1s9sc0c8j.woff2)format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:manrope;src:url(../media/Manrope_Bold-s.p.0js_fz18ckjv8.woff2)format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:manrope Fallback;src:local(Arial);ascent-override:100.97%;descent-override:28.41%;line-gap-override:0.0%;size-adjust:105.58%}.manrope_7300c7ef-module__fbzCrq__className{font-family:manrope,manrope Fallback,Arial,sans-serif}.manrope_7300c7ef-module__fbzCrq__variable{--font-manrope:"manrope", "manrope Fallback", Arial, sans-serif}
@font-face{font-family:instrumentSerif;src:url(../media/InstrumentSerif_Italic-s.p.2u6t-cdt6n_9v.woff2)format("woff2");font-display:swap;font-weight:400;font-style:italic}@font-face{font-family:instrumentSerif Fallback;src:local(Times New Roman);ascent-override:111.52%;descent-override:34.92%;line-gap-override:0.0%;size-adjust:88.77%}.instrumentserif_640dae13-module__FTKNPq__className{font-family:instrumentSerif,instrumentSerif Fallback,Georgia,serif;font-style:italic;font-weight:400}.instrumentserif_640dae13-module__FTKNPq__variable{--font-instrument-serif:"instrumentSerif", "instrumentSerif Fallback", Georgia, serif}
@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--font-sans,ui-sans-serif, system-ui, sans-serif);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}
:root{--silbury-navy:#0a1b24;--silbury-lime:#b4d05c;--silbury-warmwhite:#f8f9f0;--silbury-soft:#d1dad6;--silbury-light:#f1f4ed;--silbury-green-on-light:#466128;--silbury-photo-text:#e1e7df;--silbury-paper-white:#fff;--silbury-line-on-dark:#ffffff36;--ui-fehler-auf-hell:#b42318;--ui-fehler-auf-dunkel:#fda29b;--surface:var(--silbury-light);--surface-raised:var(--silbury-warmwhite);--ink:var(--silbury-navy);--ink-muted:var(--silbury-green-on-light);--accent-text:var(--silbury-green-on-light);--accent:var(--silbury-lime);--on-accent:var(--silbury-navy);--accent-tint:#b4d05c52;--accent-tint-leicht:#b4d05c26;--line:#46612870;--line-fein:#46612838;--fehler:var(--ui-fehler-auf-hell);--focus-color:var(--silbury-green-on-light);--ampel-gruen:var(--silbury-green-on-light);--ampel-gruen-flaeche:var(--silbury-green-on-light);--ampel-gelb:#8a6512;--ampel-gelb-flaeche:#c79a2e;--ampel-rot:#b5503a;--ampel-rot-flaeche:#b5503a;--verlauf-hero-schatten:linear-gradient(90deg, #06121ce8 0%, #07141d99 37%, #07141d00 75%), linear-gradient(0deg, #07141ff5 0%, #07141d55 25%, transparent 65%, #07141d55);--verlauf-produktbuehne:radial-gradient(ellipse at 70% 25%, #8da9682b, transparent 60%), linear-gradient(140deg, #1c394a, #071a24);--font-sans:var(--font-manrope), Manrope, Arial, sans-serif;--font-serif:var(--font-instrument-serif), "Instrument Serif", Georgia, serif;--radius-btn:5px;--radius-full:9999px;--container:1200px;--container-narrow:800px;--section-padding:112px;--color-brand-primary:var(--silbury-lime);--color-brand-secondary:var(--silbury-navy);--color-brand-green-text:var(--silbury-green-on-light);--color-brand-tint:var(--accent-tint-leicht);--color-text-primary:var(--ink);--color-text-heading:var(--ink);--color-text-secondary:var(--ink);--color-text-tertiary:var(--ink-muted);--color-bg-app:var(--silbury-light);--color-bg-white:var(--silbury-warmwhite);--color-border-default:var(--line);--border-radius-sm:0;--border-radius-md:0;--border-radius-lg:0;--border-radius-xl:0;--border-radius-full:var(--radius-full);--shadow-card:none;--shadow-card-hover:none;--shadow-lg:none;font-synthesis:none}[data-theme=dunkel],.hero,.result-hero,.abschluss{--surface:var(--silbury-navy);--surface-raised:var(--silbury-navy);--ink:var(--silbury-warmwhite);--ink-muted:var(--silbury-soft);--accent-text:var(--silbury-lime);--line:var(--silbury-line-on-dark);--line-fein:#ffffff1f;--fehler:var(--ui-fehler-auf-dunkel);--focus-color:var(--silbury-lime);--ampel-gruen:var(--silbury-lime);--ampel-gruen-flaeche:var(--silbury-lime);--ampel-gelb:#e2b45a;--ampel-gelb-flaeche:#e2b45a;--ampel-rot:#e9876f;--ampel-rot-flaeche:#e9876f;color:var(--ink)}.lime-buehne{--ink:var(--silbury-navy);--ink-muted:var(--silbury-navy);--accent-text:var(--silbury-navy);--line:var(--silbury-navy);--focus-color:var(--silbury-navy);color:var(--silbury-navy)}[data-theme=hell],.dialog{--surface:var(--silbury-light);--surface-raised:var(--silbury-warmwhite);--ink:var(--silbury-navy);--ink-muted:var(--silbury-green-on-light);--accent-text:var(--silbury-green-on-light);--line:#46612870;--line-fein:#46612838;--fehler:var(--ui-fehler-auf-hell);--focus-color:var(--silbury-green-on-light);--ampel-gruen:var(--silbury-green-on-light);--ampel-gruen-flaeche:var(--silbury-green-on-light);--ampel-gelb:#8a6512;--ampel-gelb-flaeche:#c79a2e;--ampel-rot:#b5503a;--ampel-rot-flaeche:#b5503a;color:var(--ink)}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--ink);background-color:var(--silbury-warmwhite);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:100vh;font-size:16px;font-weight:500;line-height:1.6;display:flex;overflow-x:hidden}::selection{background:var(--silbury-lime);color:var(--silbury-navy)}h1,h2,h3,h4{font-family:var(--font-sans);color:var(--ink);letter-spacing:-.035em;text-wrap:pretty;font-weight:500;line-height:1.1}h1{letter-spacing:-.055em;font-size:clamp(2.25rem,1.5rem + 2.6vw,3.5rem);line-height:1.04}h2{letter-spacing:-.05em;font-size:clamp(1.75rem,1.35rem + 1.9vw,3rem);line-height:1.06}h3{letter-spacing:-.025em;font-size:clamp(1.25rem,1.15rem + .4vw,1.5rem);line-height:1.2}h4{letter-spacing:-.015em;font-size:1.125rem;line-height:1.3}p{color:var(--ink);margin-bottom:8px;font-size:1rem;line-height:1.65}strong,b{color:var(--accent-text);font-weight:500}em,i{font-family:var(--font-serif);font-style:italic;font-weight:400}:focus-visible{outline:2px solid var(--focus-color);outline-offset:2px}.headline-akzent{font-family:var(--font-serif);letter-spacing:-.025em;color:var(--accent-text);font-size:1.12em;font-style:italic;font-weight:400;line-height:1.02;display:block}.headline-akzent--statement{font-size:1.22em}.eyebrow{font-family:var(--font-sans);letter-spacing:.07em;text-transform:uppercase;color:var(--accent-text);align-items:center;gap:.8em;margin-bottom:20px;font-size:.8125rem;font-weight:500;line-height:1.4;display:flex}.eyebrow:before{content:"";background:currentColor;flex-shrink:0;width:1.6em;height:1px}.eyebrow--on-dark{color:var(--silbury-lime)}.etikett{font-family:var(--font-sans);letter-spacing:.07em;text-transform:uppercase;color:var(--accent-text);background:var(--accent-tint-leicht);white-space:nowrap;align-items:center;padding:5px 9px;font-size:.75rem;font-weight:500;line-height:1.3;display:inline-flex}.icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;display:inline-block}.icon-kreis{border-radius:var(--radius-full);border:1px solid var(--line);background:var(--accent-tint-leicht);width:48px;height:48px;color:var(--accent-text);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.app-header{z-index:1000;background:0 0;border-bottom:1px solid #0000;align-items:center;height:80px;transition:background .25s,border-color .25s;display:flex;position:fixed;top:0;left:0;right:0}.app-header__inner{width:100%;max-width:var(--container);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:0 32px;display:flex}.app-header--solid{-webkit-backdrop-filter:blur(10px);border-bottom-color:var(--line);background:#f8f9f0f5}.app-header__marke{align-items:center;gap:16px;min-width:0;display:flex}.app-header__aktionen{align-items:center;gap:16px;display:flex}.app-header__title{font-family:var(--font-sans);letter-spacing:-.005em;white-space:nowrap;font-size:.9375rem;font-weight:500;transition:color .25s}.app-header--transparent .app-header__title{color:var(--silbury-warmwhite)}.app-header--solid .app-header__title{color:var(--silbury-navy)}.app-header__divider{width:1px;height:20px;transition:background .25s}.app-header--transparent .app-header__divider{background:var(--silbury-line-on-dark)}.app-header--solid .app-header__divider{background:var(--line)}.app-header__modus{color:var(--silbury-green-on-light)}.app-header__logo{flex-shrink:0;width:132px;height:19px;display:block;position:relative}.app-header__logo img{object-fit:contain;width:100%;height:100%;transition:opacity .25s;position:absolute;inset:0}.app-header--transparent .app-header__logo .logo-dunkel,.app-header--solid .app-header__logo .logo-hell{opacity:0}.app-header--transparent .btn-solid:focus-visible,.app-header--transparent .app-header__logo:focus-visible{outline-color:var(--silbury-lime)}@media (max-width:768px){.app-header__inner{padding:0 20px}.app-header__logo{width:112px;height:16px}}.container{max-width:var(--container);margin:0 auto;padding-left:32px;padding-right:32px}.container-narrow{max-width:var(--container-narrow);margin:0 auto;padding-left:32px;padding-right:32px}.section{padding-top:var(--section-padding);padding-bottom:var(--section-padding)}.section--hell{background:var(--silbury-light)}.sektionskopf{max-width:720px;margin-bottom:56px}.sektionskopf h2{margin-bottom:20px}.sektionskopf p,.einleitung{color:var(--ink);max-width:40em;margin:0;font-size:clamp(1.0625rem,1rem + .25vw,1.1875rem);line-height:1.55}.btn{min-height:48px;font-family:var(--font-sans);letter-spacing:-.005em;border-radius:var(--radius-btn);cursor:pointer;white-space:nowrap;text-underline-offset:.22em;border:1.5px solid #0000;justify-content:center;align-items:center;gap:.75em;padding:.75rem 1.375rem;font-size:1rem;font-weight:500;line-height:1.2;text-decoration-line:underline;text-decoration-color:#0000;text-decoration-thickness:1.5px;transition:background-color .15s,color .15s,border-color .15s,text-decoration-color .15s;display:inline-flex}.btn:hover{text-decoration-color:currentColor}.btn svg{flex:none;transition:transform .25s}.btn:hover svg{transform:translate(3px)}.btn__pfeil{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.25em;height:auto}.btn-solid{background:var(--silbury-lime);border-color:var(--silbury-lime);color:var(--silbury-navy)}.btn-solid:hover{color:var(--silbury-navy)}.btn-navy{background:var(--silbury-navy);border-color:var(--silbury-navy);color:var(--silbury-warmwhite)}.btn-navy:hover{color:var(--silbury-warmwhite)}.btn-navy:focus-visible{outline-color:var(--silbury-navy)}.btn-outline-light{border-color:var(--silbury-soft);color:var(--silbury-warmwhite);background:0 0}.btn-outline-light:hover{border-color:var(--silbury-warmwhite);color:var(--silbury-warmwhite)}.btn-outline-light:focus-visible{outline-color:var(--silbury-lime)}.btn-outline-dark{border-color:var(--ink);color:var(--ink);background:0 0}.btn-outline-dark:hover{color:var(--ink)}.btn--web{border-radius:4.5px;min-height:44px;padding:.5rem 1rem;font-size:.9375rem}.btn:disabled,.btn[aria-disabled=true]{border-color:var(--line);color:var(--ink-muted);cursor:not-allowed;background:0 0;text-decoration-color:#0000}.btn:disabled svg{transform:none}.btn-hinweis{color:var(--ink-muted);margin-top:10px;font-size:.875rem;line-height:1.45}.hero .btn-hinweis,.abschluss .btn-hinweis{color:var(--silbury-photo-text)}.aktionen{flex-wrap:wrap;align-items:flex-start;gap:16px 20px;display:flex}.textlink{text-align:left;font-family:var(--font-sans);color:var(--accent-text);cursor:pointer;text-underline-offset:.25em;background:0 0;border:none;align-items:center;gap:.5em;padding:0;font-size:.9375rem;font-weight:500;text-decoration-line:underline;text-decoration-color:#0000;text-decoration-thickness:1px;transition:text-decoration-color .15s,color .15s;display:inline-flex}.textlink:hover{text-decoration-color:currentColor}.textlink--leise{color:var(--ink)}.textlink--hell{color:var(--silbury-photo-text)}.textlink--hell:hover{color:var(--silbury-warmwhite)}.textlink--hell:focus-visible{outline-color:var(--silbury-lime)}.textlink--bedienung{min-height:44px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes slide-in-right{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fadeInUp{animation:.4s ease-out fadeInUp}.animate-fadeIn{animation:.3s ease-out fadeIn}.animate-shake{animation:.4s ease-in-out shake}.animate-slide-in{animation:.45s ease-out slide-in-right}.score-enter{animation:.6s ease-out both fadeIn}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.hero{background:var(--silbury-navy);align-items:center;min-height:720px;display:flex;position:relative;overflow:hidden}.hero-image{object-fit:cover;object-position:65% 40%;width:100%;height:100%;position:absolute;inset:0}.hero-scrim{background:var(--verlauf-hero-schatten);position:absolute;inset:0}.hero-inner{width:100%;padding-top:176px;padding-bottom:112px;position:relative}.hero-copy{max-width:680px}.hero-h1{letter-spacing:-.055em;color:var(--silbury-warmwhite);margin-bottom:28px;font-size:clamp(2.375rem,1.4rem + 2.6vw,3.5rem);line-height:1.04}.hero-text{color:var(--silbury-photo-text);max-width:560px;margin:0 0 16px;font-size:clamp(1.0625rem,1rem + .3vw,1.25rem);line-height:1.55}.hero-beleg{color:var(--silbury-soft);max-width:560px;margin:0 0 40px;font-size:1rem;line-height:1.55}.hero-voucher{margin-top:32px}.ki-kennzeichnung{opacity:.9;pointer-events:none;width:92px;height:auto;position:absolute;bottom:20px;right:24px}.quiz-main{flex:1;width:100%;max-width:880px;margin:0 auto;padding:136px 32px 72px}.quiz-kopf{margin-bottom:40px}.quiz-kopf h1{letter-spacing:-.045em;margin-bottom:10px;font-size:clamp(1.875rem,1.5rem + 1.2vw,2.5rem)}.quiz-kopf__unterzeile{color:var(--ink-muted);margin:0 0 28px;font-size:1.0625rem}.fortschritt{background:var(--line-fein);height:4px}.fortschritt__wert{background:var(--silbury-lime);height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.dimensionsreihe{grid-template-columns:repeat(5,1fr);gap:6px;margin-top:14px;display:grid}.dimensionsreihe__feld{height:40px;color:var(--ink-muted);opacity:.55;border-top:2px solid #0000;justify-content:center;align-items:center;transition:background .2s,color .2s,opacity .2s;display:flex}.dimensionsreihe__feld--erledigt{color:var(--ink);opacity:1}.dimensionsreihe__feld--aktiv{color:var(--ink);opacity:1;background:var(--accent-tint-leicht);border-top-color:var(--silbury-lime)}.frage-karte{margin-bottom:40px}.frage-titel{letter-spacing:-.03em;max-width:34em;margin-bottom:12px;font-size:clamp(1.375rem,1.2rem + .6vw,1.75rem);line-height:1.25}.frage-hinweis{color:var(--ink-muted);max-width:40em;margin:0;font-size:1rem;line-height:1.6}.frage-etikett{margin-bottom:18px}.antworten{flex-direction:column;gap:10px;margin-top:32px;display:flex}.antwort-option{text-align:left;border:1px solid var(--line);cursor:pointer;width:100%;min-height:56px;font-family:var(--font-sans);color:var(--ink);background:0 0;align-items:flex-start;gap:16px;padding:15px 18px;transition:border-color .15s,background .15s;display:flex}.antwort-option:hover{border-color:var(--accent-text)}.antwort-option--gewaehlt{border-color:var(--accent-text);box-shadow:inset 0 0 0 1px var(--accent-text);background:var(--accent-tint-leicht)}.antwort-option--blitzt{background:var(--accent-tint)}.antwort-nummer{border-radius:var(--radius-full);width:30px;min-width:30px;height:30px;font-family:var(--font-sans);border:1px solid var(--line);color:var(--ink);justify-content:center;align-items:center;font-size:.9375rem;font-weight:500;transition:background .15s,border-color .15s;display:flex}.antwort-option:hover .antwort-nummer{border-color:var(--accent-text)}.antwort-option--gewaehlt .antwort-nummer{background:var(--silbury-lime);border-color:var(--silbury-lime);color:var(--silbury-navy)}.antwort-text{color:var(--ink);padding-top:3px;font-size:1.0625rem;line-height:1.5}.tastaturhinweis{border-top:1px solid var(--line-fein);color:var(--ink-muted);margin-top:28px;padding-top:18px;font-size:.9375rem;line-height:1.55}.tastaturhinweis strong{color:var(--ink)}.einfuehrung{gap:0;display:grid}.einfuehrung__punkt{border-top:1px solid var(--line);grid-template-columns:48px 1fr;gap:20px;padding:24px 0;display:grid}.einfuehrung__punkt:first-child{border-top:none;padding-top:8px}.einfuehrung+.tastaturhinweis{margin-top:4px}.einfuehrung__titel{letter-spacing:-.02em;margin:2px 0 6px;font-size:1.25rem;line-height:1.3}.einfuehrung__text{margin:0;font-size:1rem;line-height:1.6}.feld-eingabe{width:100%;min-height:48px;font-family:var(--font-sans);color:var(--ink);background:var(--surface-raised);border:1px solid var(--ink-muted);border-radius:0;outline:none;padding:12px 14px;font-size:1rem;font-weight:500;line-height:1.5;transition:border-color .15s,box-shadow .15s}.feld-eingabe::placeholder{color:var(--ink-muted);opacity:.8}textarea.feld-eingabe{resize:vertical;min-height:150px}select.feld-eingabe{cursor:pointer}.feld-eingabe:focus-visible{border-color:var(--accent-text);box-shadow:inset 0 0 0 1px var(--accent-text);outline:2px solid var(--focus-color);outline-offset:2px}.feld-eingabe[aria-invalid=true]{border-color:var(--fehler);box-shadow:inset 0 0 0 1px var(--fehler)}.feld-label{color:var(--ink);margin-bottom:6px;font-size:.875rem;font-weight:500;line-height:1.4;display:block}.feld-fehler{color:var(--fehler);align-items:flex-start;gap:8px;margin:8px 0 0;font-size:.9375rem;line-height:1.45;display:flex}.feld-fehler svg{margin-top:1px}.quiz-navigation{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.quiz-navigation__neben{align-items:center;gap:4px;display:flex}.quiz-navigation__trenner{background:var(--line);width:1px;height:18px;margin:0 12px}.quiz-navigation .textlink:disabled{color:var(--ink-muted);opacity:.55;cursor:not-allowed;text-decoration-color:#0000}.kompass{display:block}.kompass__titel{letter-spacing:-.05em;color:var(--ink);margin:0 0 32px;font-size:clamp(1.75rem,1.4rem + 1vw,2.25rem);line-height:1.04}.kompass__titel span{white-space:nowrap;display:block}.kompass__figur{padding-bottom:56px;padding-right:64px;position:relative}.kompass__buehne{aspect-ratio:1;place-items:center;width:min(100%,500px);margin:0 auto;display:grid;position:relative}.kompass__karo{aspect-ratio:1;grid-template-columns:repeat(2,1fr);gap:8px;width:70.7%;display:grid;transform:rotate(45deg)}.kompass-raute{border:1px solid var(--silbury-navy);background:var(--silbury-warmwhite);place-items:center;display:grid}.kompass-raute__inhalt{text-align:center;flex-direction:column;align-items:center;gap:6px;width:71%;display:flex;transform:rotate(-45deg)}.kompass-raute__icon{object-fit:contain;flex-shrink:0;width:34px;height:34px}.kompass-raute__label{color:var(--silbury-navy);font-size:.875rem;font-weight:500;line-height:1.3}.kompass__achse-y{align-items:center;gap:10px;display:flex;position:absolute;top:0;bottom:56px;right:0}.kompass__achse-y-linie{background:var(--silbury-lime);width:2px;height:100%;position:relative}.kompass__achse-y-linie:before{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-bottom:8px solid var(--silbury-lime);position:absolute;top:-1px;left:-4px}.kompass__achse-x{flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:0;left:0;right:64px}.kompass__achse-x-linie{background:var(--silbury-lime);width:100%;height:2px;position:relative}.kompass__achse-x-linie:after{content:"";border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:8px solid var(--silbury-lime);position:absolute;top:-4px;right:-1px}.kompass__achse-label{letter-spacing:.07em;text-transform:uppercase;color:var(--accent-text);white-space:nowrap;font-size:.8125rem}.kompass__achse-label--y{writing-mode:vertical-rl;transform:rotate(180deg)}@media (max-width:640px){.kompass__buehne{aspect-ratio:auto;width:100%}.kompass__karo{gap:10px;width:100%;transform:none}.kompass-raute__inhalt{gap:8px;width:100%;transform:none}.kompass-raute{padding:18px 10px}.kompass-raute__icon{width:30px;height:30px}.kompass__figur{padding-bottom:48px;padding-right:36px}.kompass__achse-y{bottom:48px}.kompass__achse-x{right:36px}}.result-hero{background:var(--verlauf-produktbuehne);position:relative;overflow:hidden}.result-hero__inner{padding-top:160px;padding-bottom:64px;position:relative}.result-hero__layout{grid-template-columns:1fr auto;align-items:center;gap:72px;display:grid}.result-hero__title{letter-spacing:-.055em;color:var(--silbury-warmwhite);max-width:14em;margin-bottom:20px;font-size:clamp(1.875rem,1.3rem + 2.6vw,3.5rem);line-height:1.04}.result-hero__lead{color:var(--silbury-photo-text);max-width:30em;margin:0;font-size:clamp(1.0625rem,1rem + .3vw,1.25rem);line-height:1.55}.result-hero__aktion{margin-top:40px}.result-hero__scores{flex-shrink:0;gap:56px;display:flex}.result-hero__status{border-top:1px solid var(--silbury-line-on-dark);color:var(--silbury-soft);margin-top:56px;padding-top:24px;font-size:1.0625rem;position:relative}.result-hero__status strong{color:var(--silbury-warmwhite)}.kennring{text-align:center}.kennring__figur{margin:0 auto;position:relative}.kennring__wert{font-family:var(--font-sans);letter-spacing:-.05em;color:var(--ink);justify-content:center;align-items:center;font-weight:500;line-height:1;display:flex;position:absolute;inset:0}.kennring__label{color:var(--ink-muted);margin-top:14px;font-size:.9375rem}.kennring__stufe{margin-top:4px;font-size:1rem}@media (max-width:900px){.result-hero__layout{grid-template-columns:1fr;gap:48px}.result-hero__inner{padding-top:128px;padding-bottom:56px}.result-hero__scores{justify-content:flex-start;gap:32px}}.ergebnis-main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:96px 32px 0}.ergebnis-block{margin-bottom:104px}.ergebnis-block h2{margin-bottom:16px;font-size:clamp(1.875rem,1.5rem + 1.2vw,2.5rem)}.ergebnis-block .einleitung{margin-bottom:40px}.results-field-grid{grid-template-columns:repeat(2,1fr);gap:48px 56px;display:grid}.feldwert{border-top:1px solid var(--line);padding-top:24px}.feldwert__kopf{color:var(--accent-text);align-items:center;gap:12px;margin-bottom:18px;display:flex}.feldwert__titel{letter-spacing:-.02em;color:var(--ink);margin:0;font-size:1.25rem;line-height:1.25}.feldwert__zahlen{flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-bottom:14px;display:flex}.feldwert__prozent{letter-spacing:-.05em;font-size:clamp(2.5rem,2rem + 1.4vw,3.25rem);line-height:1}.feldwert__stufe{font-size:1.0625rem}.feldwert__balken{background:var(--line-fein);height:6px}.feldwert__balken-wert{height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.ampelpunkt{border-radius:var(--radius-full);flex-shrink:0;width:10px;height:10px;display:inline-block}.empfehlungen{border-bottom:1px solid var(--line)}.empfehlung{border-top:1px solid var(--line)}.empfehlung__kopf{text-align:left;cursor:pointer;width:100%;min-height:72px;font-family:var(--font-sans);color:var(--ink);background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;display:flex}.empfehlung__titelzeile{align-items:center;gap:14px;min-width:0;display:flex}.empfehlung__icon{color:var(--accent-text)}.empfehlung__titel{letter-spacing:-.02em;text-underline-offset:.22em;margin:0;font-size:clamp(1.125rem,1.05rem + .3vw,1.3125rem);line-height:1.3;text-decoration-line:underline;text-decoration-color:#0000;text-decoration-thickness:1px;transition:text-decoration-color .15s}.empfehlung__kopf:hover .empfehlung__titel{text-decoration-color:currentColor}.empfehlung__stufe{white-space:nowrap;font-size:.9375rem}.empfehlung__rechts{flex-shrink:0;align-items:center;gap:20px;display:flex}.empfehlung__pfeil{color:var(--accent-text);transition:transform .25s}.empfehlung__kopf[aria-expanded=true] .empfehlung__pfeil{transform:rotate(180deg)}.empfehlung__inhalt{max-width:820px;padding:0 0 32px 24px}.feedback-text p{color:var(--ink);margin-bottom:16px;font-size:1.0625rem;line-height:1.65}.feedback-text p:last-child{margin-bottom:0}.feedback-text strong{color:var(--accent-text)}.feedback-text .feedback-list{margin:0 0 16px;padding-left:24px;list-style-type:decimal;list-style-position:outside}.feedback-text .feedback-list li{color:var(--ink);margin-bottom:8px;padding-left:6px;font-size:1.0625rem;line-height:1.65}.feedback-text .feedback-list li::marker{color:var(--accent-text);font-weight:500}.kreuz{border-top:1px solid var(--line);padding-top:32px}.kreuz__werte{flex-wrap:wrap;align-items:flex-end;gap:16px 32px;margin-bottom:36px;display:flex}.kreuz__wert{flex-direction:column;gap:8px;display:flex}.kreuz__zahl{letter-spacing:-.05em;font-size:clamp(2.5rem,2rem + 1.4vw,3.25rem);line-height:1}.kreuz__label{color:var(--ink-muted);font-size:1rem}.kreuz__mal{font-family:var(--font-serif);color:var(--accent-text);padding-bottom:32px;font-size:2.25rem;font-style:italic;line-height:1}.merksatz{border-left:3px solid var(--silbury-lime);background:var(--accent-tint-leicht);max-width:820px;padding:24px 28px}.merksatz__titel{letter-spacing:-.025em;color:var(--ink);margin-bottom:10px;font-size:clamp(1.25rem,1.15rem + .4vw,1.5rem);line-height:1.25}.merksatz p{margin:0;font-size:1.0625rem;line-height:1.65}.lime-buehne{background:var(--silbury-lime);width:100vw;margin-left:calc(50% - 50vw);padding:112px 0}.lime-buehne__inner{max-width:var(--container);margin:0 auto;padding:0 32px}.lime-buehne__headline{letter-spacing:-.055em;color:var(--silbury-navy);max-width:13em;margin-bottom:24px;font-size:clamp(2.25rem,1.5rem + 2.6vw,3.75rem);line-height:1.04}.lime-buehne__headline .headline-akzent{color:var(--silbury-navy)}.lime-buehne__text{color:var(--silbury-navy);max-width:34em;margin:0 0 40px;font-size:clamp(1.0625rem,1rem + .3vw,1.25rem);line-height:1.55}.lime-buehne .btn-outline-dark{border-color:var(--silbury-navy);color:var(--silbury-navy)}.lime-buehne .textlink{color:var(--silbury-navy);margin-top:28px}.zurueck{padding:48px 0 64px}.trust-band{background:var(--silbury-warmwhite);border-bottom:1px solid var(--line-fein);padding:72px 0}.trust-band__text{color:var(--ink);max-width:44em;margin:0 0 40px;font-size:1rem;line-height:1.55}.preview-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.preview-grid h2{font-size:clamp(1.75rem,1.3rem + 1.6vw,2.625rem)}.punktliste{gap:16px;margin:0;padding:0;list-style:none;display:grid}.punktliste li{grid-template-columns:24px 1fr;align-items:start;gap:14px;font-size:1.0625rem;line-height:1.55;display:grid}.punktliste svg{color:var(--accent-text);margin-top:2px}.bericht-vorschau{background:var(--silbury-warmwhite);border:1px solid var(--line)}.bericht-vorschau__kopf{border-bottom:1px solid var(--line-fein);justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;display:flex}.bericht-vorschau__titel{letter-spacing:-.015em;font-size:1.0625rem}.bericht-vorschau__diagramm{padding:16px 20px 0}.bericht-vorschau__zeilen{gap:0;padding:4px 24px 24px;display:grid}.vorschau-zeile{border-top:1px solid var(--line-fein);grid-template-columns:10px 1fr auto auto;align-items:center;gap:14px;padding:14px 0;font-size:.9375rem;display:grid}.vorschau-zeile__prozent{letter-spacing:-.02em;white-space:nowrap;font-size:1.0625rem}.vorschau-zeile__stufe{color:var(--ink-muted);white-space:nowrap;min-width:8.5em}.preview-grid>*,.split>*{min-width:0}.split{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.split-narrow-left{grid-template-columns:.9fr 1.1fr}.dim-row{border-top:1px solid var(--line);grid-template-columns:52px 1fr;gap:20px;padding:22px 0;display:grid}.dim-row:last-child{border-bottom:1px solid var(--line)}.dim-row__nr{letter-spacing:-.04em;color:var(--accent-text);font-size:1.75rem;line-height:1}.dim-row h3{margin:0 0 6px;font-size:1.25rem}.dim-row p{margin:0;font-size:1rem;line-height:1.6}.zwischenrubrik{letter-spacing:.07em;text-transform:uppercase;color:var(--accent-text);margin:0 0 24px;font-size:.8125rem;font-weight:500;line-height:1.4}.skala{margin-bottom:88px}.scale-track{grid-template-columns:repeat(5,1fr);gap:4px;margin-bottom:24px;display:grid}.scale-seg{background:var(--silbury-lime);height:6px}.scale-grid{grid-template-columns:repeat(5,1fr);gap:24px;display:grid}.skala__stufe{letter-spacing:-.015em;margin-bottom:4px;font-size:1.0625rem;line-height:1.3}.skala__text{color:var(--ink-muted);font-size:.9375rem;line-height:1.5}.ampel-grid{grid-template-columns:repeat(3,1fr);gap:48px;margin-bottom:72px;display:grid}.ampelstufe{border-top:1px solid var(--line);padding-top:24px}.ampelstufe__kopf{align-items:center;gap:12px;margin-bottom:14px;display:flex}.ampelstufe__name{letter-spacing:-.02em;margin:0;font-size:1.25rem}.ampelstufe__spanne{letter-spacing:-.05em;margin-bottom:16px;font-size:clamp(2rem,1.7rem + 1vw,2.5rem);line-height:1}.ampelstufe p{margin:0;font-size:1rem;line-height:1.6}.steps-grid{grid-template-columns:repeat(3,1fr);gap:48px;display:grid}.schritt{border-top:1px solid var(--line);padding-top:24px}.schritt__nr{letter-spacing:-.05em;color:var(--accent-text);margin-bottom:20px;font-size:clamp(2.5rem,2rem + 1.4vw,3.25rem);line-height:1}.schritt h3{margin-bottom:10px;font-size:1.375rem}.schritt p{margin:0;font-size:1rem;line-height:1.6}.abschluss{background:var(--verlauf-produktbuehne);padding:128px 0}.abschluss h2{letter-spacing:-.055em;max-width:13em;margin-bottom:24px;font-size:clamp(2.25rem,1.5rem + 2.6vw,3.75rem);line-height:1.04}.abschluss__text{color:var(--silbury-photo-text);max-width:34em;margin:0 0 40px;font-size:clamp(1.0625rem,1rem + .3vw,1.25rem);line-height:1.55}.dialog-hintergrund{z-index:1100;background:#0a1b24b3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.dialog{background:var(--silbury-warmwhite);text-align:left;width:100%;max-width:480px;margin:auto;padding:40px}.dialog--breit{max-width:560px}.dialog__icon{margin-bottom:24px}.dialog h3{letter-spacing:-.04em;margin-bottom:12px;font-size:clamp(1.5rem,1.3rem + .6vw,1.875rem)}.dialog__text{margin-bottom:28px;font-size:1rem;line-height:1.6}.dialog__hinweis{color:var(--ink-muted);margin:16px 0 0;font-size:.9375rem;line-height:1.55}.dialog__aktionen{flex-direction:column;gap:12px;display:flex}.dialog__aktionen .btn{width:100%}.dialog__abbrechen{justify-content:center;width:100%;min-height:44px;margin-top:8px;display:flex}.voucher-zeile{gap:8px;display:flex}.pdf-dialog{max-width:680px;max-height:92vh;overflow-y:auto}.pdf-dialog h3{margin-bottom:24px}.pdf-dialog__datenschutz{margin-bottom:24px;padding:20px 24px}.pdf-dialog__datenschutz-kopf{color:var(--accent-text);align-items:center;gap:12px;margin-bottom:10px;display:flex}.pdf-dialog__datenschutz .merksatz__titel{margin:0;font-size:1.125rem}.pdf-dialog__datenschutz p{font-size:.9375rem;line-height:1.6}.pdf-dialog__aktionen{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pdf-dialog__aktionen .btn{white-space:normal;text-align:center}.pdf-dialog__datei{color:var(--ink);background:var(--silbury-light);word-break:break-all;margin-bottom:32px;padding:10px 14px;font-size:.875rem}.formular-raster{grid-template-columns:1fr 1fr;gap:16px 14px;margin-bottom:28px;display:grid}.formular-raster__voll{grid-column:1/-1}.feld-auswahl{position:relative}.feld-auswahl:after{content:"";border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);pointer-events:none;width:8px;height:8px;position:absolute;top:50%;right:16px;transform:translateY(-70%)rotate(45deg)}.feld-auswahl select{appearance:none;padding-right:44px}.weg-karten{gap:12px;margin-bottom:28px;display:grid}.weg-karte{color:var(--ink);background:var(--silbury-warmwhite);border:1px solid var(--line);padding:20px 22px;text-decoration:none;transition:border-color .15s;display:block}.weg-karte:hover{border-color:var(--ink)}.weg-karte__titel{letter-spacing:-.015em;color:var(--ink);text-underline-offset:.22em;align-items:center;gap:10px;margin-bottom:6px;font-size:1.125rem;text-decoration-line:underline;text-decoration-color:#0000;text-decoration-thickness:1px;transition:text-decoration-color .15s;display:flex}.weg-karte:hover .weg-karte__titel{text-decoration-color:currentColor}.weg-karte__titel .btn__pfeil{width:20px;color:var(--accent-text)}.weg-karte__text{color:var(--ink);font-size:.9375rem;line-height:1.55;display:block}.voucher-zeile .feld-eingabe{text-transform:uppercase;letter-spacing:.06em;flex:1}.app-footer{color:var(--ink);border-top:1px solid var(--line);background:var(--silbury-warmwhite);padding:32px 24px;font-size:.9375rem}.app-footer__inner{max-width:calc(var(--container) - 64px);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin:0 auto;display:flex}.app-footer nav{flex-wrap:wrap;gap:4px 24px;display:flex}.app-footer .textlink{color:var(--ink);min-height:44px}.logoraster{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;display:grid}.logokachel{background:var(--silbury-warmwhite);border:1px solid var(--line);transition:border-color .2s;overflow:hidden}.logokachel:hover{border-color:var(--accent-text)}.logokachel__buehne{background:var(--silbury-warmwhite);border-bottom:1px solid var(--line-fein);justify-content:center;align-items:center;height:108px;padding:18px;display:flex}.logokachel__bild{object-fit:contain;width:auto;max-width:100%;max-height:44px}.logokachel__bild--invertiert{filter:invert()}.logokachel__ersatz{text-align:center;color:var(--ink-muted);font-size:.9375rem;font-weight:500;line-height:1.3;text-decoration:none}a.logokachel__ersatz:hover{color:var(--accent-text);text-underline-offset:3px;text-decoration:underline}.logokachel__fuss{justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;display:flex}.logokachel__name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;text-decoration:none;overflow:hidden}a.logokachel__name:hover{color:var(--accent-text);text-underline-offset:3px;text-decoration:underline}.badge{letter-spacing:.07em;text-transform:uppercase;background:var(--accent-tint-leicht);color:var(--accent-text);white-space:nowrap;padding:4px 8px;font-size:.75rem;font-weight:500}.badge--still{background:var(--silbury-light);color:var(--ink)}.badge--hinweis{color:var(--ampel-gelb);background:#c79a2e1f}.badge--fehler{color:var(--fehler);background:#b423181a}.logoreihe{--logo-grund:27px;grid-template-columns:repeat(8,auto);justify-content:space-between;place-items:center;gap:30px 0;margin:0;padding:0;list-style:none;display:grid}.logoreihe__feld{justify-content:center;align-items:center;height:56px;display:flex}.logoreihe__bild{height:calc(var(--logo-grund) * var(--logo-faktor,1));object-fit:contain;width:auto;max-width:100%}.logoreihe__bild--invertiert{filter:invert()}@media (max-width:1100px){.logoreihe{--logo-grund:34px;grid-template-columns:repeat(4,1fr);justify-content:normal;gap:28px 24px}.logoreihe__feld{width:100%;height:62px}.logoreihe__feld--nurbreit{display:none}}@media (max-width:1024px){.preview-grid,.split,.split-narrow-left{grid-template-columns:1fr;gap:56px}.ampel-grid,.steps-grid{grid-template-columns:1fr;gap:36px}.scale-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width:768px){:root{--section-padding:80px}.container,.container-narrow{padding-left:20px;padding-right:20px}.hero{min-height:0}.hero-image{object-position:80% 50%}.hero-inner{padding-top:136px;padding-bottom:96px}.hero-scrim{background:linear-gradient(#0a1b2499 0%,#0a1b24b8 45%,#0a1b24e6 100%)}.ki-kennzeichnung{width:72px;bottom:14px;right:16px}.trust-band{padding:56px 0}.scale-grid{grid-template-columns:1fr;gap:14px}.results-field-grid{grid-template-columns:1fr;gap:40px}.quiz-main{padding:112px 20px 56px}.ergebnis-main{padding:72px 20px 0}.ergebnis-block{margin-bottom:80px}.empfehlung__inhalt{padding-left:0}.empfehlung__kopf{align-items:flex-start}.empfehlung__icon{display:none}.empfehlung__titelzeile{align-items:baseline}.empfehlung__rechts{gap:10px;padding-top:2px}.empfehlung__stufe{font-size:.875rem}.lime-buehne{padding:80px 0}.lime-buehne__inner{padding:0 20px}.abschluss{padding:96px 0}.dialog{padding:32px 24px}.antwort-option{gap:13px;padding:14px 15px}.antwort-text{font-size:1rem}.logoreihe{--logo-grund:30px;grid-template-columns:repeat(2,1fr);gap:24px 16px}.logoreihe__feld{height:54px}.logoreihe__bild{max-height:46px}}@media (max-width:560px){.voucher-zeile{flex-direction:column}.bericht-vorschau__diagramm{padding:8px 4px 0}.bericht-vorschau__diagramm .radar-achse{font-size:16px}.bericht-vorschau__diagramm svg{overflow:visible}.bericht-vorschau__diagramm .radar-ring{display:none}.vorschau-zeile{grid-template-columns:10px 1fr auto;row-gap:2px}.vorschau-zeile__stufe{grid-column:2/-1;min-width:0}.formular-raster,.pdf-dialog__aktionen{grid-template-columns:1fr}.aktionen .btn,.aktionen>div{width:100%}}@media (max-width:480px){.header-cta,.header-title,.app-header__divider{display:none}.result-hero__scores{gap:20px}}@media print{.no-print{display:none!important}.feedback-body-print{display:block!important}.no-print-toggle{cursor:default!important}body{background:#fff!important}}