.kq-hero,.kq-baukasten,.kq-vorher,.kq-einstieg,.kq-einwaende,.kq-heute,.kq-abgeben{position:relative;overflow:hidden}.kq-text{margin:24px 0 0;max-width:52ch;color:var(--grau);font-size:clamp(16px,1.25vw,19px);line-height:1.55;letter-spacing:-.015em}.kq-text.hell{color:#c9d3e6}.kq-baukasten mark,.kq-einwaende mark{background:none;color:var(--blau);font-weight:500}.kq-einwaende mark{color:var(--blau-hell)}.kq-hero{padding:clamp(7.5rem,12vw,10.5rem) 0 clamp(4rem,8vw,7rem);background:radial-gradient(55% 70% at 78% 45%,#eaf1ff,#eaf1ff00 70%),#fff}.kq-hero-raster{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(2rem,4vw,4rem);align-items:center}.kq-hero h1{margin:18px 0 0;font-weight:600;font-size:clamp(2.4rem,4.8vw,5.6rem);line-height:.93;letter-spacing:-.066em}.kq-hero h1 .s{font-weight:400;letter-spacing:-.03em}.kq-unter{margin:28px 0 0;max-width:44ch;color:var(--grau);font-size:clamp(17px,1.4vw,21px);line-height:1.5;letter-spacing:-.02em}.kq-kurz{max-width:58ch}.kq-kurz p{font-size:clamp(15px,1.1vw,17px)}.kq-knoepfe{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:34px}.kq-hero-objekt{position:relative;width:100%;max-width:min(340px,30vw,62vh);aspect-ratio:446 / 900;justify-self:center}.kq-hero-wolke{position:absolute;z-index:0;inset:45% -90% -25%;background:url(/neu/wolken-platte.webp) center 40% / cover no-repeat;opacity:.85;-webkit-mask-image:radial-gradient(50% 50% at 50% 50%,#000 35%,transparent 100%);mask-image:radial-gradient(50% 50% at 50% 50%,#000 35%,transparent 100%);pointer-events:none}.kq-hoerer{position:relative;z-index:2;width:100%;height:auto;filter:drop-shadow(0 40px 50px rgba(37,99,235,.2));will-change:transform}.kq-linie{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none}.kq-linie path{fill:none;stroke:var(--blau);stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(37,99,235,.6));vector-effect:non-scaling-stroke}.kq-baukasten{padding:clamp(5.5rem,10vw,9rem) 0;background:linear-gradient(180deg,#fff,#f5f8fd)}.kq-baukasten-kopf .d2{margin-top:18px}.kq-bau{margin-top:clamp(2.5rem,4vw,3.5rem);display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(1.5rem,3vw,3rem);align-items:start;perspective:1600px}.kq-wahl{display:grid;gap:14px;margin:0}.kq-wahl fieldset{margin:0;padding:20px 22px 22px;border-radius:20px;border:1px solid var(--linie);background:#fff;box-shadow:0 24px 50px -42px #14326e73}.kq-wahl legend{float:left;width:100%;display:flex;align-items:center;gap:10px;margin-bottom:14px;font-weight:500;font-size:16px;letter-spacing:-.02em}.kq-wahl legend .nr{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--nebel);font-family:var(--mono);font-size:11px;color:var(--blau)}.kq-chips{clear:both;display:flex;flex-wrap:wrap;gap:8px}.kq-chips label{position:relative}.kq-chips input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.kq-chips span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(10,15,26,.12);background:#fff;font-size:14.5px;letter-spacing:-.01em;transition:background .25s,color .25s,border-color .25s,box-shadow .3s;cursor:pointer}.kq-chips label:hover span{border-color:#2563eb73}.kq-chips input:checked+span{background:linear-gradient(180deg,#3b7bff,var(--blau));color:#fff;border-color:transparent;box-shadow:inset 0 1px #ffffff47,0 10px 22px -12px #2563ebcc}.kq-chips input:focus-visible+span{outline:2px solid var(--blau);outline-offset:2px}.kq-eigen{display:grid;gap:6px;margin-top:14px;font-size:13px;color:var(--grau)}.kq-eigen input{min-height:44px;padding:0 14px;border-radius:12px;border:1px solid rgba(10,15,26,.14);font:inherit;font-size:15px;color:var(--ink);background:#fbfcfe}.kq-eigen input:focus{outline:2px solid var(--blau);outline-offset:1px;border-color:transparent}.kq-blatt{position:sticky;top:100px;padding:clamp(22px,2.6vw,34px);border-radius:28px;background:linear-gradient(165deg,#fffffff7,#ecf3fde0);border:1px solid #fff;box-shadow:inset 0 1px #fff,0 0 0 1px #2563eb24,0 0 60px -20px #2563eb47,0 50px 90px -50px #1e469699}.kq-warnung{margin:0 0 18px;padding:14px 16px;border-radius:14px;background:#fff6e6;border:1px solid #f3d9a4;color:#6b4a0e;font-size:14.5px;line-height:1.5}.kq-warnung b{display:block;color:#4a3207}.kq-block+.kq-block{margin-top:18px;padding-top:18px;border-top:1px solid var(--linie)}.kq-block h3{margin:0 0 8px;font-family:var(--serif);font-style:italic;font-weight:400;font-size:22px;letter-spacing:-.01em;color:var(--blau)}.kq-block p{margin:0;color:var(--ink-2);font-size:15px;line-height:1.55}.kq-block p+p{margin-top:8px}.kq-blatt-fuss{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:24px}.kq-kopiert{font-size:14px;color:var(--blau)}.kq-beispiel{margin-top:clamp(3.5rem,6vw,5rem);max-width:980px}.kq-beispiel h3{margin:12px 0 0;font-weight:500;font-size:clamp(1.5rem,2.2vw,2.2rem);letter-spacing:-.045em}.kq-beispiel-lage{margin:12px 0 0;color:var(--grau);font-size:15.5px;line-height:1.55;max-width:70ch}.kq-beispiel dl{margin:22px 0 0}.kq-beispiel dl>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding:16px 0;border-top:1px solid var(--linie)}.kq-beispiel dt{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--blau);padding-top:3px}.kq-beispiel dd{margin:0;color:var(--ink-2);font-size:15.5px;line-height:1.55}.kq-vorher{padding:clamp(5rem,9vw,8rem) 0;background:#fff}.kq-vorher-raster{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,5vw,5rem)}.kq-vorher .d3{margin-top:18px}.kq-vier{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(20px,3vw,40px)}.kq-vier li{padding:20px 0;border-top:1px solid var(--linie)}.kq-vier .nr{font-family:var(--mono);font-size:12px;color:var(--blau)}.kq-vier h3{margin:8px 0 0;font-weight:500;font-size:18px;letter-spacing:-.03em}.kq-vier p{margin:8px 0 0;color:var(--grau);font-size:15px;line-height:1.55}.kq-vier a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:#0a0f1a4d}.kq-einstieg{padding:clamp(5rem,9vw,8rem) 0;background:#f6f9fd}.kq-einstieg .d2{margin-top:18px;font-size:clamp(2.2rem,4.4vw,5.2rem)}.kq-einstieg-raster{margin-top:clamp(2.5rem,4vw,3.5rem);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(2rem,4vw,4rem);align-items:start}.kq-beispiele{list-style:none;margin:0;padding:0;display:grid;gap:14px}.kq-beispiele li{padding:22px 24px;border-radius:20px;background:#fff;border:1px solid var(--linie);box-shadow:0 24px 50px -44px #14326e73}.kq-beispiele p{margin:10px 0 0;font-family:var(--serif);font-style:italic;font-size:clamp(19px,1.6vw,24px);line-height:1.3;letter-spacing:-.01em;color:var(--ink)}.kq-nicht h3{margin:0;font-weight:500;font-size:18px;letter-spacing:-.03em}.kq-nicht ul{list-style:none;margin:12px 0 0;padding:0}.kq-nicht li{position:relative;padding:12px 0 12px 26px;border-top:1px solid var(--linie);color:var(--grau);font-size:15px;line-height:1.5}.kq-nicht li:before{content:"";position:absolute;left:2px;top:22px;width:12px;height:1.6px;background:#c2484d;transform:rotate(45deg);box-shadow:0 0 0 0 transparent}.kq-nicht li:after{content:"";position:absolute;left:2px;top:22px;width:12px;height:1.6px;background:#c2484d;transform:rotate(-45deg)}.kq-klein{margin:12px 0 0;font-size:12.5px;color:var(--grau)}.kq-einwaende{padding:clamp(5.5rem,10vw,9rem) 0 clamp(6rem,11vw,10rem)}.kq-einwaende:after{content:"";position:absolute;inset:auto 0 0;height:35%;background:url(/neu/wolken-platte.webp) center 70% / cover no-repeat;opacity:.14;-webkit-mask-image:linear-gradient(180deg,transparent,#000);mask-image:linear-gradient(180deg,transparent,#000);pointer-events:none}.kq-einwaende .wrap{position:relative;z-index:1}.kq-einwaende .d2{margin-top:18px}.kq-karten{list-style:none;margin:clamp(3rem,5vw,4.5rem) 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1.4vw,20px)}.kq-karten li{perspective:1200px;transform:translateY(calc((var(--i) - 2) * (var(--i) - 2) * 6px)) rotate(calc((var(--i) - 2) * 2.5deg))}.kq-karte{position:relative;display:block;width:100%;aspect-ratio:3 / 4.2;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;transform-style:preserve-3d;transition:transform .8s var(--ease)}.kq-karte[aria-pressed=true]{transform:rotateY(180deg)}.kq-karte:focus-visible{outline:2px solid var(--blau-hell);outline-offset:6px;border-radius:22px}.kq-karte .vorne,.kq-karte .hinten{position:absolute;inset:0;display:flex;flex-direction:column;padding:clamp(16px,1.6vw,24px);border-radius:22px;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 1px #ffffff59,inset 0 0 30px #78a0ff14,0 30px 50px -24px #000c}.kq-karte .vorne{background:linear-gradient(160deg,#ffffff24,#ffffff08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.kq-karte .vorne b{margin:auto 0;font-weight:500;font-size:clamp(18px,1.6vw,24px);line-height:1.2;letter-spacing:-.03em;color:#fff}.kq-karte .vorne i{font-style:normal;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--blau-hell)}.kq-karte .hinten{transform:rotateY(180deg);background:linear-gradient(160deg,#3b7bff8c,#2563eb40);border-color:#9cc0ff99;box-shadow:inset 0 1px #ffffff59,0 0 40px -6px #508cffb3,0 30px 50px -24px #000c}.kq-karte .hinten .mikro{color:#dbe7ff}.kq-karte .antwort{margin-top:10px;font-size:clamp(13px,1vw,15px);line-height:1.45;color:#fff;overflow:auto}.kq-karte:hover .vorne{border-color:#9cc0ff99}.kq-heute{padding:clamp(6rem,11vw,10rem) 0;background:#fff}.kq-heute-raster{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2rem,5vw,5rem);align-items:start}.kq-heute .d2{margin-top:18px}.kq-heute-text p{margin:0 0 18px;color:var(--ink-2);font-size:clamp(16px,1.2vw,18px);line-height:1.6;max-width:60ch}.kq-heute-text a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:#0a0f1a4d}.kq-werte{margin:6px 0 26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.kq-werte>div{padding:18px;border-radius:18px;background:var(--nebel)}.kq-werte dt{font-weight:500;font-size:16px;letter-spacing:-.02em;color:var(--blau)}.kq-werte dd{margin:6px 0 0;color:var(--grau);font-size:14px;line-height:1.45}.kq-abgeben{padding:clamp(5rem,9vw,8rem) 0;background:#f6f9fd}.kq-abgeben .d3{margin-top:18px}.kq-zwei{margin-top:clamp(2rem,4vw,3rem);display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.kq-zwei>div{padding:0 clamp(1.5rem,4vw,4rem) 0 0}.kq-zwei>div+div{padding:0 0 0 clamp(1.5rem,4vw,4rem);border-left:1px solid var(--linie)}.kq-zwei h3{margin:0;font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(26px,2.4vw,36px);color:var(--blau)}.kq-zwei ul{list-style:none;margin:14px 0 24px;padding:0}.kq-zwei li{padding:12px 0;border-top:1px solid var(--linie);font-size:16px}@media(max-width:1099px){.kq-hero-raster,.kq-bau,.kq-vorher-raster,.kq-einstieg-raster,.kq-heute-raster{grid-template-columns:minmax(0,1fr)}.kq-hero-objekt{max-width:260px}.kq-blatt{position:relative;top:0}.kq-karten{grid-template-columns:repeat(3,minmax(0,1fr))}.kq-karten li{transform:none}}@media(max-width:720px){.kq-hero-objekt{max-width:200px}.kq-vier,.kq-werte,.kq-zwei{grid-template-columns:minmax(0,1fr)}.kq-zwei>div,.kq-zwei>div+div{padding:0;border:0}.kq-zwei>div+div{margin-top:20px}.kq-karten{grid-template-columns:minmax(0,1fr)}.kq-karte{aspect-ratio:auto;min-height:190px}.kq-beispiel dl>div{grid-template-columns:minmax(0,1fr);gap:6px}.kq-wahl fieldset{padding:16px}}@media(max-width:600px){.kq-hero h1,.kq-baukasten-kopf .d2,.kq-einwaende .d2{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}}@media(prefers-reduced-motion:reduce){.kq-karte{transition:none}.kq-hoerer{will-change:auto}}