:root{--petrol:#123f44;--petrol-dunkel:#0c3034;--mint:#c5d8d3;--mint-hell:#e8f0ee;--korall:#f26b4f;--korall-hover:#f4826a;--korall-text:#d9573d;--creme:#f7f4ee;--papier:#fcfdfc;--text:#20272b;--text-2:#4a5559;--linie:#123f4429;--feldrand:#6b7b7e;--r:12px;--rand:clamp(16px,5vw,64px);--ease:cubic-bezier(.2,.7,.2,1);--ease-out:cubic-bezier(.23,1,.32,1);--korall-fuell:#f58f79;--korall-ton:#f26b4f38;--grund:#f1f3f2;--flaeche:#dce9e5;--kopf:#f1f3f2f0}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:72px}body{background:var(--grund);color:var(--text);-webkit-font-smoothing:antialiased;font:400 18px/1.6 Manrope,system-ui,sans-serif}::selection{background:var(--mint);color:var(--petrol-dunkel)}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3,h4{letter-spacing:-.02em;text-wrap:balance;font-family:Archivo,system-ui,sans-serif;font-weight:800;line-height:1.08}h1{font-size:clamp(34px,4.4vw,64px)}h2{font-size:clamp(30px,3.8vw,54px)}h3{letter-spacing:-.01em;font-size:clamp(21px,1.9vw,26px);font-weight:700}.zeile{display:block}.nw{white-space:nowrap}.wrap{max-width:1240px;padding:0 var(--rand);margin:0 auto}section{padding:clamp(80px,10vw,136px) 0;position:relative}.text-max{max-width:38em}.lead{font-size:clamp(18px,1.45vw,21px)}.klein{color:var(--text-2);font-size:15px}.marker{background:linear-gradient(transparent 58%,var(--mint) 58%,var(--mint) 92%,transparent 92%);padding:0 .08em}.dunkel{background:var(--petrol);color:var(--creme)}.dunkel .klein{color:var(--mint)}:focus-visible{outline:3px solid var(--petrol);outline-offset:3px;border-radius:4px}.dunkel :focus-visible{outline-color:var(--creme)}.knopf{background:var(--korall);color:var(--petrol-dunkel);cursor:pointer;white-space:nowrap;isolation:isolate;transition:transform .16s var(--ease-out);border:0;border-radius:999px;align-items:center;gap:12px;padding:18px 26px;font:600 17px/1 Manrope,sans-serif;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.knopf:before{content:"";z-index:-1;background:var(--korall-fuell);clip-path:circle(0%);transition:clip-path .28s var(--ease-out);position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.knopf:hover:before{clip-path:circle(75%)}}.knopf:active{transform:scale(.97)}.pfeil{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;transition:transform .22s var(--ease-out);flex:none}@media (hover:hover) and (pointer:fine){.knopf:hover .pfeil,.textlink:hover .pfeil{transform:translate(4px)}}.textlink{align-items:center;gap:8px;padding-bottom:4px;font-weight:700;text-decoration:none;display:inline-flex}.textlink,.glossar,.begriff,.absender dd a,.faq-kopf p a{background-image:linear-gradient(var(--korall),var(--korall)),linear-gradient(var(--korall-ton),var(--korall-ton));transition:background-size .22s var(--ease-out);background-position:0 100%,0 100%;background-repeat:no-repeat;background-size:100% 2px,100% 0;text-decoration:none}.glossar,.begriff,.absender dd a,.faq-kopf p a{padding-bottom:2px}@media (hover:hover) and (pointer:fine){.textlink:hover,.glossar:hover,.begriff:hover,.absender dd a:hover,.faq-kopf p a:hover{background-size:100% 2px,100% 100%}}.textlink:active,.glossar:active,.begriff:active,.absender dd a:active{opacity:.75}header{z-index:50;background:var(--kopf);backdrop-filter:blur(8px);border-bottom:1px solid var(--linie);position:sticky;top:0}.kopf{justify-content:space-between;align-items:center;gap:24px;height:72px;display:flex}.logo{align-items:center;gap:14px;text-decoration:none;display:flex}.logo img{width:auto;height:30px}.logo .name{white-space:nowrap;align-items:baseline;gap:10px;display:flex}.logo b{letter-spacing:.24em;color:var(--petrol);font:700 17px/1 Archivo,sans-serif}.logo .name span{letter-spacing:.14em;color:var(--petrol);font:500 15px/1 Manrope,sans-serif}nav ul{gap:28px;list-style:none;display:flex}nav a{white-space:nowrap;font-size:16px;font-weight:600;text-decoration:none}nav a:hover{text-decoration:underline;text-decoration-color:var(--korall);text-underline-offset:6px;text-decoration-thickness:2px}.kopf-rechts{align-items:center;gap:12px;display:flex}.kopf .knopf{padding:13px 18px;font-size:15px}.burger{border:1.5px solid var(--linie);background:0 0;border-radius:50%;place-items:center;width:44px;height:44px;display:none}.burger svg{width:22px;height:22px;stroke:var(--petrol);stroke-width:2px;stroke-linecap:round}.start{padding:clamp(48px,6vw,88px) 0 clamp(64px,8vw,112px)}.start .wrap{grid-template-columns:1.25fr .75fr;align-items:center;gap:clamp(32px,5vw,80px);display:grid}.start h1{color:var(--petrol)}.start h1 .dach{letter-spacing:.02em;color:var(--text-2);margin-bottom:20px;font:600 clamp(15px,1.2vw,18px)/1.4 Manrope,sans-serif;display:block}.start .unter{max-width:30em;margin:36px 0 44px}.start .hinweis{max-width:28em;margin-top:16px}.foto-start{flex-direction:column;align-self:stretch;display:flex}.foto-start .rahmen{flex:1;min-height:300px;position:relative}.foto-start img{object-fit:cover;object-position:50% 30%;border-radius:var(--r);width:100%;height:100%;position:absolute;inset:0}.foto-start figcaption{color:var(--text-2);margin-top:12px;font-size:15px;line-height:1.5}.foto-start figcaption b{color:var(--text);font-weight:700}.warum h2{max-width:14em}.warum .lead{color:var(--mint);max-width:34em;margin-top:24px}.szenen{grid-template-columns:1fr 1fr;gap:clamp(40px,5vw,72px) clamp(32px,5vw,96px);margin-top:clamp(56px,7vw,88px);display:grid}.szene h3{color:var(--creme);margin-bottom:12px;font-size:clamp(24px,2.3vw,32px)}.szene p{color:var(--mint);max-width:30em}.szene{border-top:1px solid #c5d8d359;padding-top:24px}.eilt{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:clamp(48px,6vw,72px);font:700 clamp(20px,1.8vw,24px)/1.3 Archivo,sans-serif;display:flex}.eilt .textlink{color:var(--creme);font:700 18px/1 Manrope,sans-serif}.bauchladen .kopfzeile{max-width:44em}.bauchladen h2{color:var(--petrol)}.bauchladen .lead{margin-top:24px}.momente{background:var(--flaeche)}.momente .kopfzeile{max-width:44em}.momente h2{color:var(--petrol)}.momente .lead{margin-top:24px}.momente .blicke{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(40px,4.5vw,64px) clamp(32px,4.5vw,72px);margin-top:clamp(48px,6vw,72px)}.momente .blick{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start;column-gap:clamp(20px,2.5vw,32px);max-width:none;display:grid}.momente .blick .bild{grid-row:1/span 2;margin-bottom:0}.bruecke.einzeln{grid-template-columns:minmax(0,1fr)}.bruecke.einzeln .eilt{max-width:36em}.blicke{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.5vw,32px);margin-top:clamp(64px,8vw,104px);display:grid}.blick{max-width:26em}.blick .bild{aspect-ratio:4/3;border-radius:8px;margin-bottom:24px;overflow:hidden}.blick .bild img{object-fit:contain;width:100%;height:100%}.platzhalter{text-align:center;border:1.5px dashed var(--feldrand);color:var(--text-2);place-items:center;padding:16px;font-size:15px;display:grid}.blick h3{color:var(--petrol);margin-bottom:10px;font-size:clamp(21px,1.8vw,24px)}.blick p{font-size:17px}.bruecke{border-top:1px solid var(--linie);grid-template-columns:1.25fr 1fr;align-items:center;gap:28px clamp(32px,6vw,96px);margin-top:clamp(56px,7vw,88px);padding-top:40px;display:grid}.bruecke .weiter{color:var(--petrol);margin-top:24px;font-size:clamp(18px,1.5vw,20px)}.bruecke .frage{letter-spacing:-.015em;color:var(--petrol);margin-bottom:12px;font:800 clamp(26px,2.6vw,36px)/1.15 Archivo,sans-serif}.bruecke .lead{max-width:30em;margin-top:0;font-weight:600}.bruecke .eilt{background:var(--papier);border:1px solid var(--linie);border-radius:var(--r);letter-spacing:-.01em;color:var(--petrol);margin-top:0;padding:clamp(24px,3vw,36px);font:700 clamp(22px,2vw,28px)/1.25 Archivo,sans-serif;display:block}.bruecke .eilt span{margin-bottom:16px;display:block}.bruecke .eilt .eilt-text{letter-spacing:0;color:var(--text);font:500 18px/1.5 Manrope,sans-serif}.bruecke .eilt .textlink{letter-spacing:0;color:var(--petrol);font:700 18px/1 Manrope,sans-serif}.vergleich{grid-template-columns:1fr 1.25fr;align-items:end;gap:clamp(24px,4vw,64px);margin-top:clamp(48px,6vw,80px);display:grid}.geraet{position:relative}.geraet .schirm{background:#1d2427;border-radius:14px 14px 0 0;padding:10px 10px 0}.geraet .boden{background:#c9ccc9;border-radius:0 0 10px 10px;width:110%;height:14px;margin-left:-5%}.mini{aspect-ratio:16/10;background:#fff;position:relative;overflow:hidden}.unterschrift{margin-top:20px}.unterschrift b{color:var(--petrol);font:700 18px/1.3 Archivo,sans-serif;display:block}.unterschrift span{color:var(--text-2);font-size:15px}.alt{color:#333;background:#fdfdfd;font-family:Georgia,Times New Roman,serif}.alt .k{color:#fff;background:#5c6b78;padding:3% 4%;font-size:clamp(7px,1vw,12px)}.alt .k b{font-size:1.25em}.alt .n{background:#dfe3e7;gap:1.2em;padding:1.4% 4%;font-size:clamp(5px,.7vw,9px);display:flex}.alt .i{grid-template-columns:2fr 1fr;gap:4%;padding:3% 4%;display:grid}.alt .t4{letter-spacing:0;margin-bottom:.6em;font:400 clamp(8px,1.15vw,14px)/1.2 Georgia,serif}.alt ul{column-count:2;font-size:clamp(5px,.68vw,9px);line-height:1.55;list-style:inside square}.alt .oz{border:1px solid #ccc;padding:6%;font-size:clamp(5px,.62vw,8px);line-height:1.6}.neu{position:relative}.mini img.foto{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.handy{background:#1d2427;border-radius:22px;width:25%;padding:6px;position:absolute;bottom:2%;right:-3%;box-shadow:0 20px 40px #0c30344d}.handy .mini{aspect-ratio:390/844;background:#f6f2e9;border-radius:16px}.stufen{border-top:1px solid var(--linie)}.stufen .kopfzeile{max-width:40em;margin-bottom:clamp(48px,6vw,72px)}.stufen .lead{margin-top:24px}.stapel{position:relative}.stapel:after{content:"";height:28vh;display:block}.karte{background:var(--papier);border:1px solid var(--linie);border-radius:var(--r);grid-template-columns:minmax(0,1fr) 180px;align-content:start;align-items:start;gap:clamp(24px,4vw,56px);margin-bottom:40px;padding:clamp(28px,4vw,56px);display:grid;position:sticky;top:96px;box-shadow:0 10px 28px #0c303414}.karte:nth-child(2){background:var(--flaeche);top:120px}.karte:nth-child(3){background:var(--mint);top:144px}.karte:nth-child(4){background:var(--petrol);color:var(--creme);border-color:var(--petrol);margin-bottom:0;top:168px}.karte .stufe{color:var(--text-2);margin-bottom:14px;font:600 14px/1 Manrope,sans-serif}.karte:nth-child(3) .stufe{color:var(--text)}.karte:nth-child(4) .stufe{color:var(--mint)}.karte h3{margin-bottom:18px;font-size:clamp(26px,2.8vw,38px)}.karte p{max-width:34em}.karte svg.zeichnung{fill:none;width:100%;height:auto;stroke:var(--petrol);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.karte:nth-child(4) svg.zeichnung{stroke:var(--mint)}.dazu{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,2.5vw,32px);margin-top:clamp(48px,6vw,72px);display:grid}.dazu .gesicht{border-left:0;grid-template-columns:88px minmax(0,1fr);align-items:start;gap:clamp(20px,2.5vw,32px);margin-top:0}.dazu .gesicht h3{font-size:clamp(21px,1.9vw,26px)}.dazu .gesicht .textlink{color:var(--petrol);margin-top:16px}.mitte{border-top:1px solid var(--linie);grid-template-columns:1fr auto;align-items:center;gap:24px 48px;margin-top:clamp(56px,7vw,88px);padding-top:40px;display:grid}.mitte .satz{color:var(--petrol);letter-spacing:-.01em;font:700 clamp(22px,2.2vw,30px)/1.25 Archivo,sans-serif}.gesicht{background:var(--flaeche);border-left:4px solid var(--korall);border-radius:var(--r);grid-template-columns:120px 1fr;align-items:center;gap:clamp(24px,4vw,48px);margin-top:clamp(48px,6vw,72px);padding:clamp(24px,3.5vw,44px);display:grid}.gesicht .zeichnung{fill:none;width:100%;height:auto;stroke:var(--petrol);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.gesicht .stufe{color:var(--text-2);margin-bottom:12px;font:600 14px/1 Manrope,sans-serif}.gesicht h3{color:var(--petrol);max-width:24em;margin-bottom:10px;font-size:clamp(22px,2.2vw,30px)}.gesicht p:last-child{max-width:36em}.stufen .mitte{margin-top:clamp(40px,5vw,64px)}strong{font-weight:700}.glossar{color:var(--text)}.patienten{background:var(--flaeche)}.patienten .kopfzeile{max-width:40em}.patienten .lead{margin-top:24px}.paare{margin-top:clamp(48px,6vw,72px)}.paar{border-top:1px solid var(--linie);grid-template-columns:1fr 1fr;align-items:start;gap:clamp(24px,6vw,96px);padding:clamp(32px,4vw,48px) 0;display:grid}.paar-thema{color:var(--text-2);margin-bottom:14px;font:600 14px/1 Manrope,sans-serif}.pat-szene{color:var(--petrol);letter-spacing:-.01em;font:700 clamp(22px,2.1vw,28px)/1.25 Archivo,sans-serif}.pat-szene+p{margin-top:10px}ul.bausteine{margin-top:28px;list-style:none}.bausteine li{border-bottom:1px solid var(--linie);grid-template-columns:22px 1fr;gap:12px;padding:16px 0;display:grid}.bausteine li:first-child{border-top:1px solid var(--linie)}.bausteine li svg{fill:none;width:18px;height:18px;stroke:var(--petrol);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;margin-top:5px}.ich{background:var(--flaeche)}.ich .wrap{grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(32px,6vw,112px);display:grid}.ich figure img{aspect-ratio:4/5;object-fit:cover;border-radius:var(--r);filter:grayscale()contrast(1.05);width:100%}.ich .satz{letter-spacing:-.015em;color:var(--petrol);font:700 clamp(30px,3.4vw,50px)/1.18 Archivo,sans-serif}.ich .text{grid-template-columns:1fr;gap:24px;margin-top:36px;display:grid}.ich .text p{font-size:18px}.ich .text .haltung{color:var(--petrol);grid-column:1/-1;max-width:36em;font-size:clamp(19px,1.5vw,22px);font-weight:600;line-height:1.5}.ich .name{border-top:1px solid var(--linie);color:var(--text-2);margin-top:36px;padding-top:24px;font-size:15px}.ich .name b{color:var(--text);font:700 18px/1.3 Archivo,sans-serif;display:block}.schritte{--spalt:clamp(20px,2.5vw,40px);gap:var(--spalt);grid-template-columns:repeat(5,minmax(0,1fr));margin-top:clamp(56px,7vw,88px);display:grid;position:relative}.schritte.drei{grid-template-columns:repeat(3,minmax(0,1fr))}.schritt{position:relative}.schritt:not(:last-child):after{content:"";top:27px;left:72px;right:calc(-1 * var(--spalt) + 16px);background:#c5d8d399;height:2px;position:absolute}.schritt:not(:last-child):before{content:"";top:23px;right:calc(-1 * var(--spalt) + 16px);border-top:2px solid #c5d8d3e6;border-right:2px solid #c5d8d3e6;width:10px;height:10px;position:absolute;transform:rotate(45deg)}.punkt svg{fill:none;width:26px;height:26px;stroke:var(--creme);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.nur-leser{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.schritt .punkt{background:var(--petrol);border:2px solid var(--mint);border-radius:50%;place-items:center;width:56px;height:56px;margin-bottom:24px;font:800 18px/1 Archivo,sans-serif;display:grid;position:relative}.schritt h3{margin-bottom:10px;font-size:21px}.schritt p{color:var(--mint);-webkit-hyphens:manual;hyphens:manual;font-size:17px}.begriff{color:var(--creme)}.ablauf-kopf{grid-template-columns:1fr minmax(0,22em);align-items:end;gap:32px clamp(32px,6vw,96px);display:grid}.aufwand{border-left:2px solid #c5d8d373;padding-left:24px;font:700 clamp(19px,1.7vw,24px)/1.35 Archivo,sans-serif}.faq .wrap{grid-template-columns:.8fr 1.2fr;gap:clamp(32px,6vw,112px);display:grid}.faq-kopf{align-self:start;position:sticky;top:120px}.faq-kopf p{color:var(--text-2);max-width:22em;margin-top:20px}.gruppe+.gruppe{margin-top:48px}.gruppe h3{color:var(--text-2);letter-spacing:0;margin-bottom:8px;font-family:Manrope,sans-serif;font-size:15px;font-weight:700}details{border-bottom:1px solid var(--linie)}summary{cursor:pointer;padding:20px 0 30px;font:700 19px/1.35 Archivo,sans-serif;list-style:none;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:"";background:var(--korall-text);width:28px;height:3px;transition:width .45s var(--ease);border-radius:2px;position:absolute;bottom:14px;left:0}details:hover summary:after{width:52px}details[open] summary:after{width:100%}details p{padding:0 32px 24px 0;font-size:17px}.ratgeber-zeile{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:40px;font-size:16px;display:flex}.ratgeber-zeile .textlink{color:var(--text)}.kontakt{background:var(--flaeche)}.schlusssatz{background:var(--petrol);padding:clamp(80px,10vw,136px) 0}.schluss{letter-spacing:-.02em;color:var(--creme);max-width:20em;font:800 clamp(30px,4vw,58px)/1.12 Archivo,sans-serif}.postkarte{grid-template-columns:1.15fr 1px .85fr;gap:clamp(24px,4vw,64px);padding:0;display:grid}.postkarte .trenner{background:var(--linie)}.postkarte h2{color:var(--petrol);margin-bottom:14px;font-size:clamp(28px,3vw,42px)}.postkarte .einl{color:var(--text-2);max-width:28em;margin-bottom:8px}.postkarte .pflicht{color:var(--text-2);margin-bottom:28px;font-size:15px}.feld{margin-bottom:20px}.feld label,.feld legend{margin-bottom:8px;font:600 15px/1.3 Manrope,sans-serif;display:block}.feld .opt{color:var(--text-2);font-weight:500}.feld input{border:1.5px solid var(--feldrand);border-radius:var(--r);width:100%;min-height:50px;color:var(--text);caret-color:var(--korall-text);background:#fff;padding:12px 14px;font:400 17px/1.4 Manrope,sans-serif}.feld input::placeholder{color:#58656a}.feld input:focus{outline:3px solid var(--mint);outline-offset:0;border-color:var(--petrol)}.feld input[aria-invalid=true]{border-color:#b3261e}.postkarte .feld input{border:0;border-bottom:1.5px solid var(--feldrand);background:0 0;border-radius:0;min-height:46px;padding:10px 2px}.postkarte .feld input:focus{border-bottom:2.5px solid var(--petrol);background:var(--mint-hell);outline:0}.postkarte .feld input[aria-invalid=true]{border-bottom-color:#b3261e}.fehler{color:#b3261e;margin-top:6px;font-size:14px;font-weight:600;display:none}.fehler.an{display:block}fieldset{border:0}.chips{flex-wrap:wrap;gap:4px 28px;display:flex}.chips label{cursor:pointer;align-items:center;gap:10px;min-height:44px;margin:0;font-size:16px;font-weight:500;display:inline-flex;position:relative}.chips input{opacity:0;width:1px;height:1px;position:absolute}.chips label:before{content:"";border:1.5px solid var(--feldrand);background:#fff 50%/14px no-repeat;border-radius:3px;flex:none;width:20px;height:20px}.chips label:hover:before{border-color:var(--petrol)}.chips label:has(input:checked):before{background-color:var(--petrol);border-color:var(--petrol);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 10.5l4 4 8-9' fill='none' stroke='%23F7F4EE' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.chips label:has(input:focus-visible){outline:3px solid var(--petrol);outline-offset:3px;border-radius:4px}.zwei{grid-template-columns:1fr 1fr;gap:20px;display:grid}.hilfe{color:var(--text-2);margin:-8px 0 20px;font-size:14px}.nachher{color:var(--text-2);margin-top:16px;font-size:14px}.danke{display:none}.danke.an{display:block}.danke h3{color:var(--petrol);margin-bottom:12px;font-size:28px}.absender{flex-direction:column;display:flex}.absender figure{aspect-ratio:1;border-radius:var(--r);width:112px;margin-bottom:20px;overflow:hidden}.absender figure img{object-fit:cover;object-position:50% 50%;width:100%;height:100%}.absender b{color:var(--petrol);font:700 22px/1.25 Archivo,sans-serif}.absender p{color:var(--text-2);margin-top:4px;font-size:16px}.absender dl{gap:14px;margin-top:28px;display:grid}.absender dl div{border-bottom:1px solid var(--linie);padding-bottom:12px}.absender dt{color:var(--text-2);font-size:13px}.absender dd{font-size:16px}.absender .direkt{color:var(--text-2);margin-top:28px;font-size:16px}.absender .direkt .textlink{color:var(--text);margin-top:8px}.danke .termin{margin-top:24px}.offen{color:#5c4400;background:#fff3cd;border-radius:4px;padding:0 .25em;font-weight:600}.absender-kopf{grid-template-columns:72px 1fr;align-items:center;gap:16px;display:grid}.absender .absender-kopf figure{width:72px;margin:0}.absender-kopf p{margin-top:2px}footer{background:var(--petrol-dunkel);color:var(--mint);padding:56px 0 40px;font-size:15px}footer .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;display:flex}footer img{width:auto;height:64px}footer nav{flex-wrap:wrap;gap:24px;display:flex}footer a{text-decoration:none}footer a:hover{text-underline-offset:4px;text-decoration:underline}footer nav{align-items:center}footer .linkedin{place-items:center;width:44px;height:44px;margin:-10px 0 -10px -6px;display:inline-grid}footer .linkedin svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px;transition:transform .16s ease-out}@media (hover:hover) and (pointer:fine){footer .linkedin:hover svg{transform:translateY(-2px)}}@media (width<=420px){footer nav{gap:16px}}@media (width<=1180px){.schritte{grid-template-columns:repeat(3,1fr);row-gap:48px}.schritte:not(.drei) .schritt:before,.schritte:not(.drei) .schritt:after{display:none}}@media (width<=1240px){nav li.mehr{display:none}}@media (width<=900px){header nav li:nth-child(2){display:none}}@media (width<=1020px){.karte{grid-template-columns:minmax(0,1fr) 110px}.momente .blicke,.dazu,.vergleich,.ablauf-kopf,.bruecke{grid-template-columns:1fr}.bruecke .eilt{justify-content:flex-start}.vergleich .neu{max-width:640px}}@media (width<=760px){nav{display:none}.burger{display:grid}.logo .name{display:none}.kopf .knopf{padding:11px 14px;font-size:15px}.kopf .knopf .pfeil{display:none}.start .wrap,.ich .wrap,.faq .wrap,.ich .text,.paar,.szenen{grid-template-columns:1fr}ul.bausteine{margin-top:0}.start{padding-top:56px}.neu .unterschrift{padding-right:0}.foto-start .rahmen{min-height:0}.foto-start img{aspect-ratio:4/3;object-position:50% 25%;height:auto;position:static}.karte{grid-template-columns:minmax(0,1fr);gap:16px;top:84px}.karte svg.zeichnung{width:64px;position:absolute;top:24px;right:24px}.karte .stufe,.karte h3{padding-right:76px}.karte h3{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.karte:nth-child(2){top:100px}.karte:nth-child(3){top:116px}.karte:nth-child(4){top:132px}.mitte{grid-template-columns:1fr}.gesicht{border-left:0;border-top:4px solid var(--korall);grid-template-columns:1fr}.gesicht .zeichnung{width:72px}.faq-kopf{position:static}.blicke{grid-template-columns:1fr}.momente .blick{grid-template-rows:none;grid-template-columns:1fr}.momente .blick .bild{grid-row:auto;margin-bottom:24px}.dazu .gesicht{border-top:0;grid-template-columns:1fr}.schritte,.schritte.drei{grid-template-columns:1fr}.schritt:before,.schritt:after{display:none}.postkarte{grid-template-columns:1fr}.postkarte .trenner{height:1px}.zwei{grid-template-columns:1fr;gap:0}.handy{width:25%;right:-2%}details p{padding-right:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}html{scroll-behavior:auto}}.sprung{z-index:100;background:var(--petrol);color:var(--creme);border-radius:var(--r);padding:12px 18px;font:600 16px/1 Manrope,sans-serif;text-decoration:none;position:absolute;top:-100px;left:16px}.sprung:focus{top:12px}main:focus{outline:none}.beispiel{margin-top:clamp(56px,7vw,96px)}.etikett{color:var(--petrol);background:var(--flaeche);border-radius:99px;padding:7px 12px;font:600 13px/1 Manrope,sans-serif;display:inline-block}.buehne{max-width:1040px;margin:clamp(28px,4vw,48px) auto 0;padding:0 11% clamp(24px,4vw,48px) 0;position:relative}.browser{background:#f6f1ea;border-radius:12px;margin:0;overflow:hidden;box-shadow:0 34px 70px -24px #0c303452,0 2px 8px #0c303414}.browser .leiste{background:#e6eae8;align-items:center;gap:7px;height:30px;padding:0 14px;display:flex}.browser .leiste i{background:#c4ccc9;border-radius:50%;width:10px;height:10px}.browser img{width:100%;height:auto;display:block}.handy-bild{background:#1d2427;border-radius:30px;width:21%;padding:7px;position:absolute;bottom:0;right:0;box-shadow:0 26px 50px -12px #0c303466}.handy-bild img{border-radius:23px;width:100%;height:auto;display:block}.entstehung{background:var(--papier);border:1px solid var(--linie);border-radius:var(--r);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:clamp(28px,4vw,64px);margin-top:clamp(48px,6vw,72px);padding:clamp(20px,3vw,40px);display:grid}.entstehung .board{border-radius:calc(var(--r) - 4px);width:100%;height:auto;display:block}.entstehung .stufe{color:var(--text-2);margin-bottom:14px;font:600 14px/1 Manrope,sans-serif}.entstehung h3{color:var(--petrol);margin-bottom:18px;font-size:clamp(26px,2.8vw,38px)}.dazu.einzeln{grid-template-columns:minmax(0,1fr)}.praxisarten{grid-column:1/-1;max-width:34em;margin:0}.schlusssatz{isolation:isolate;position:relative;overflow:hidden}.schlusssatz:before{content:"";z-index:-1;pointer-events:none;opacity:.09;background:url(/bilder/muster-e-hell.png) 0 0/150px 150px;position:absolute;inset:-40%;transform:rotate(-14deg);-webkit-mask-image:linear-gradient(90deg,#000 24%,#0000 30% 64%,#000 86%);mask-image:linear-gradient(90deg,#000 24%,#0000 30% 64%,#000 86%)}@media (width<=760px){.schlusssatz:before{display:none}.buehne{padding:0 14% 40px 0}.handy-bild{border-radius:18px;width:30%;padding:4px}.handy-bild img{border-radius:14px}.entstehung{grid-template-columns:minmax(0,1fr)}}
