/* EFG Erfurt · Probeseite · Herzstück Web · "Leben finden. Mitten im Erfurter Norden." */
@font-face{font-family:'Bricolage';src:url('/fonts/bricolage.woff2') format('woff2');font-weight:200 800;font-display:swap}
@font-face{font-family:'Manrope';src:url('/fonts/manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}
@font-face{font-family:'Fraunces';src:url('/fonts/fraunces-i.woff2') format('woff2');font-weight:100 900;font-style:italic;font-display:swap}
:root{--rk:6px 22px 6px 22px;--papier:#FBF8F2;--weiss:#fff;--sand:#F1EBDF;--tinte:#15232B;--grau:#4F5B63;--grau-h:#B9C4CA;--linie:#E3DED4;--linie-d:rgba(255,255,255,.14);
 --sonne:#FFCA2F;--tuerkis:#00A7C5;--orange:#EC6D26;--tief:#005171;--tief-d:#003A52;--tief-t:#0B2A38;
 --disp:'Bricolage',system-ui,sans-serif;--sans:'Manrope',system-ui,sans-serif;--serif:'Fraunces',Georgia,serif;--r:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--papier);color:var(--tinte);font:400 17px/1.6 var(--sans);overflow-x:hidden}
img{max-width:100%;height:auto}a{color:inherit}
h1,h2,h3,h4{font-family:var(--disp);line-height:1.05;letter-spacing:-.02em;margin:0 0 16px}
h1{font-weight:700;font-size:clamp(2.5rem,7.2vw,5.4rem)}
h2{font-weight:700;font-size:clamp(1.9rem,4.4vw,3.1rem)}
h2 em,h1 em{font-style:normal;color:var(--orange)}
.dunkel h2 em,.dunkel-t h2 em{color:var(--sonne)}
h4{font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;font-family:var(--sans);font-weight:800;color:var(--grau-h)}
p{margin:0 0 14px}.lead{font-size:1.12rem;line-height:1.6}.klein{font-size:.9rem;color:var(--grau)}
.dunkel .klein,.dunkel-t .klein{color:var(--grau-h)}
.hof{width:min(100% - 36px,1120px);margin:0 auto}.hof.schmal{max-width:760px}
section{padding:64px 0}
.beige{background:var(--sand)}.dunkel{background:var(--tief);color:#fff}.dunkel-t{background:var(--tief-t);color:#fff}
.dunkel a,.dunkel-t a{color:#fff}
.skip{position:absolute;left:-999px;top:0;background:var(--sonne);padding:8px 12px;z-index:100}.skip:focus{left:8px}
.etikett{display:inline-flex;align-items:center;gap:10px;font:800 12.5px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--orange);margin:0 0 14px}
.etikett::before{content:'';width:22px;height:3px;background:var(--orange);border-radius:2px}
.etikett.hell{color:var(--sonne)}.etikett.hell::before{background:var(--sonne)}
.zwei{display:grid;gap:36px}
.auf{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}.auf.da{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.auf{opacity:1;transform:none;transition:none}}
/* Knöpfe */
.knoepfe{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.knopf{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;font:800 14px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border:2px solid transparent;border-radius:4px 16px 4px 16px;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s,border-radius .25s}
.knopf:hover{border-radius:16px 4px 16px 4px}
.knopf:hover{transform:translateY(-1px)}
.k-tief{background:var(--tief);color:#fff}.k-tief:hover{background:var(--tief-d)}
.k-sonne{background:var(--sonne);color:var(--tinte)}.k-sonne:hover{background:#ffd75c}
.k-rand{background:none;color:var(--tinte);border-color:var(--tinte)}.k-rand:hover{background:var(--tinte);color:#fff}
.k-rand-hell{background:none;color:#fff;border-color:rgba(255,255,255,.6)}.k-rand-hell:hover{background:#fff;color:var(--tief)}
button.knopf{font-family:var(--sans)}
/* Kopf */
.kopf{position:sticky;top:0;z-index:50;background:rgba(251,248,242,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--linie)}
.kopf-i{width:min(100% - 36px,1180px);margin:0 auto;display:flex;align-items:center;gap:18px;min-height:76px}
.marke{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--tinte)}
.marke .wort b{display:block;font:800 1.08rem/1.1 var(--disp);letter-spacing:-.01em}
.marke .wort small{display:block;font:700 12.5px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--grau);margin-top:3px}
.marke-z{flex:0 0 auto;display:block}
.nav-desk{display:none;margin-left:auto;gap:4px}
.nav-desk a{text-decoration:none;font:800 13px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;padding:16px 10px;border-radius:4px 12px 4px 12px;color:var(--tinte);white-space:nowrap}
.nav-desk a:hover{background:var(--sand)}
.nav-desk a[aria-current=page]{background:var(--tinte);color:#fff}
.kopf-so{display:none;flex-direction:column;align-items:flex-start;text-decoration:none;background:var(--sonne);color:var(--tinte);padding:8px 16px;border-radius:4px 16px 4px 16px;line-height:1.1}
.kopf-so span{font:800 12.5px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase}.kopf-so b{font:800 1.05rem/1.1 var(--disp)}
.menuknopf{margin-left:auto;display:inline-flex;align-items:center;gap:12px;background:none;border:0;font:800 13px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--tinte);cursor:pointer;padding:10px 0 10px 12px;min-height:48px}
.kacheln{width:34px;height:34px;display:grid;grid-template-columns:1fr 1fr;gap:4px}
.kacheln i{display:block;border-radius:3px;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.kacheln i:nth-child(1){background:var(--sonne);border-top-left-radius:9px}.kacheln i:nth-child(2){background:var(--tuerkis);border-top-right-radius:9px}.kacheln i:nth-child(3){background:var(--orange);border-bottom-left-radius:9px}.kacheln i:nth-child(4){background:var(--tief);border-bottom-right-radius:9px}
.menuknopf:hover .kacheln i:nth-child(1){transform:translate(-2px,-2px)}.menuknopf:hover .kacheln i:nth-child(2){transform:translate(2px,-2px)}.menuknopf:hover .kacheln i:nth-child(3){transform:translate(-2px,2px)}.menuknopf:hover .kacheln i:nth-child(4){transform:translate(2px,2px)}
.mk-wort{display:none}
.scheibe{position:fixed;inset:0;z-index:60;background:var(--tief);color:#fff;transform:translateY(-100%);transition:transform .4s cubic-bezier(.7,0,.3,1);overflow:auto;padding:20px 22px 40px;display:flex;flex-direction:column}
.scheibe.offen{transform:none}
.scheibe-kopf{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
.scheibe-zu{background:none;border:2px solid rgba(255,255,255,.5);color:#fff;font:800 12.5px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;padding:0 16px;min-height:44px;border-radius:4px 16px 4px 16px;cursor:pointer}
.scheibe ul{list-style:none;margin:0;padding:0}
.scheibe li a{display:flex;align-items:center;min-height:58px;padding:8px 0;text-decoration:none;font:700 clamp(1.7rem,6.5vw,2.4rem)/1.1 var(--disp);border-bottom:1px solid rgba(255,255,255,.14);letter-spacing:-.02em}
.scheibe li a[aria-current=page]{color:var(--sonne)}
.scheibe-fuss{margin-top:auto;padding-top:26px;font-size:1rem;color:var(--grau-h)}.scheibe-fuss b{color:#fff}
.scheibe .tel{display:inline-block;margin-top:8px;padding:10px 0;font:800 1.5rem/1 var(--disp);color:#fff;text-decoration:none}
/* Held */
.held{padding:48px 0 56px;position:relative;overflow:hidden}
.held-g{display:grid;gap:36px}
.held h1 .z2,.held h1 .z4{color:var(--orange)}
.held .lead{max-width:52ch}
.fenster{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fk,.so-karte{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;min-height:190px;padding:18px;border-radius:var(--rk);text-decoration:none;color:var(--tinte);transition:transform .25s,box-shadow .25s}
.fk:hover,.so-karte:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(21,35,43,.14)}
.fk small,.so-karte small{font:800 12.5px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;opacity:.8}
.fk b,.so-karte b{font:700 1.15rem/1.15 var(--disp);letter-spacing:-.01em;padding-right:44px}
.fk span,.so-karte span{font-size:.9rem;line-height:1.4;opacity:.9}
.so-karte em{font-style:normal;font-size:.85rem;font-weight:700;margin-top:6px;color:var(--sonne)}
.so-karte em:empty{display:none}
.fk-orange{background:var(--orange);color:#fff}.fk-sonne{background:var(--sonne)}.fk-tuerkis{background:var(--tuerkis);color:#fff}
.so-karte{background:var(--tief);color:#fff;grid-column:span 2;min-height:150px}
.ws{position:absolute;right:18px;top:18px;width:44px;height:14px;opacity:.85;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 14'%3E%3Cpath d='M1 10 C8 10 12 3 22 3 S36 10 43 10' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.fk-sonne .ws{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 14'%3E%3Cpath d='M1 10 C8 10 12 3 22 3 S36 10 43 10' fill='none' stroke='%2315232B' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E")}
.fk:hover .ws,.so-karte:hover .ws{transform:translateX(6px)}
.held h1 .z1,.held h1 .z2,.held h1 .z3,.held h1 .z4{display:inline-block;animation:einlauf .7s cubic-bezier(.2,.8,.2,1) both}
.held h1 .z2{animation-delay:.1s}.held h1 .z3{animation-delay:.2s}.held h1 .z4{animation-delay:.3s}
@keyframes einlauf{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.held h1 span{animation:none}}
/* Welle */
.welle{line-height:0;margin-top:-1px}.welle svg{width:100%;height:60px;display:block}
.welle-f svg{transform:scaleX(-1)}
/* Leitbild */
.leit-s{background:var(--weiss);padding-top:40px}
.leitbild{display:grid;gap:14px;margin-top:30px}
.lb{display:block;padding:22px 20px 20px;border-radius:var(--rk);text-decoration:none;color:var(--tinte);background:var(--papier);border-top:6px solid;transition:transform .25s,box-shadow .25s}
.lb:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(21,35,43,.1)}
.lb-nr{font:800 12px/1 var(--sans);letter-spacing:.12em;color:var(--grau)}
.lb b{display:block;font:700 1.35rem/1.1 var(--disp);margin:10px 0 8px;letter-spacing:-.01em}
.lb p{margin:0;font-size:.95rem;color:var(--grau)}
.lb-sonne{border-color:var(--sonne)}.lb-orange{border-color:var(--orange)}.lb-tuerkis{border-color:var(--tuerkis)}.lb-tief{border-color:var(--tief)}
/* Bau */
.zeit-l{list-style:none;margin:22px 0 0;padding:0;border-left:2px solid rgba(255,255,255,.25)}
.zeit-l li{position:relative;padding:0 0 18px 24px}
.zeit-l li::before{content:'';position:absolute;left:-7px;top:7px;width:12px;height:12px;border-radius:50%;background:var(--sonne)}
.zeit-l li.offen::before{background:none;border:2px solid var(--sonne);width:8px;height:8px}
.zeit-l b{display:block;font:800 12.5px/1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--sonne)}
.zeit-l span{display:block;font-size:1rem;line-height:1.45}
.bu{margin-top:10px}
.foerder{margin-top:26px;padding:18px;background:rgba(255,255,255,.95);border-radius:var(--r);display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;align-items:center}
.foerder small{grid-column:1/-1;font:800 12.5px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--grau)}
.foerder img{width:100%;height:auto;max-height:70px;object-fit:contain;object-position:left}
/* Bilder */
.bild{margin:0;overflow:hidden;border-radius:var(--r)}.bild img{display:block;width:100%;height:100%;object-fit:cover}
/* Gruppen-Karten */
.karten{display:grid;gap:14px;margin-top:30px}
.karte{display:block;text-decoration:none;color:var(--tinte);background:var(--weiss);border-radius:var(--rk);overflow:hidden;border:1px solid var(--linie);transition:transform .25s,box-shadow .25s}
.karte:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(21,35,43,.1)}
.karte .bild{border-radius:0;aspect-ratio:400/220}
.k-t{display:block;padding:16px 18px 18px}
.k-t small{display:block;font:800 12.5px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--orange)}
.k-t b{display:block;font:700 1.25rem/1.15 var(--disp);margin:6px 0 4px}
.k-t span{display:block;font-size:.92rem;color:var(--grau)}
.karte-farbe{display:flex;align-items:flex-end;min-height:200px;position:relative;overflow:hidden}
.karte-farbe::before{content:attr(data-z);position:absolute;right:-6px;top:-14px;font:800 7rem/1 var(--disp);letter-spacing:-.05em;opacity:.22;pointer-events:none}
.karte-farbe .k-t{position:relative}
.karte-farbe.k-tuerkis{background:var(--tuerkis);color:#fff}.karte-farbe.k-sonne{background:var(--sonne)}
.karte-farbe .k-t small{color:inherit;opacity:.85}.karte-farbe .k-t span{color:inherit;opacity:.9}
/* Filme */
.filme{display:grid;gap:26px;margin-top:26px}
.film{position:relative}
.film-start{display:block;width:100%;padding:0;border:0;background:#000;cursor:pointer;position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:var(--r)}
.film-start img{width:100%;height:100%;object-fit:cover;transition:transform .5s,opacity .3s}
.film-start:hover img{transform:scale(1.03);opacity:.9}
.play{position:absolute;right:14px;bottom:14px;width:56px;height:56px;border-radius:50%;background:var(--sonne);display:flex;align-items:center;justify-content:center;transition:transform .25s}
.play i{width:0;height:0;border-left:18px solid var(--tinte);border-top:11px solid transparent;border-bottom:11px solid transparent;margin-left:4px}
.film-start:hover .play{transform:scale(1.08)}
.film-t{margin-top:12px;display:flex;flex-direction:column;gap:4px}
.film-t b{font:700 1.1rem/1.2 var(--disp)}
.film-t span{font-size:.92rem;color:var(--grau)}.dunkel .film-t span,.dunkel-t .film-t span{color:var(--grau-h)}
.film iframe{width:100%;aspect-ratio:16/9;height:auto;border:0;display:block;background:#000;border-radius:var(--r)}
.film .lade{aspect-ratio:16/9;background:#000;border-radius:var(--r);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem}
.film-weg{aspect-ratio:16/9;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px;padding:22px;background:var(--tief-t);border-radius:var(--r);color:#fff}
.film-weg p{margin:0;font-size:.98rem;line-height:1.45}.film-weg .knopf{min-height:46px}
.hinweis{font-size:.88rem;color:var(--grau);margin-top:16px}
.neu-g{display:grid;gap:30px}
.neu-t .knoepfe{margin-top:18px}
/* Monatsspruch */
.monat-s{background:var(--sand)}
.vers{position:relative}
.vers blockquote{margin:0}
.vers blockquote p{font:500 clamp(1.4rem,3.6vw,2.1rem)/1.35 var(--serif);font-style:italic;max-width:32ch;margin:0 0 14px;color:var(--tinte)}
.vers blockquote footer{font:800 12.5px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--orange)}
.vers .klein{margin-top:16px}
.monat-text{margin-top:22px;max-width:62ch}
/* Zeitung */
.zeit-s{background:var(--weiss)}
/* Projekte */
.projekte{display:grid;gap:16px;margin-top:30px}
.projekt{display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:center;text-decoration:none;color:#fff;background:rgba(255,255,255,.06);border:1px solid var(--linie-d);border-radius:var(--rk);padding:14px;transition:background .2s,transform .25s}
.projekt:hover{background:rgba(255,255,255,.12);transform:translateY(-2px)}
.projekt .bild{aspect-ratio:1/1;border-radius:10px}
.projekt span{display:block;font-size:.92rem;line-height:1.45;color:var(--grau-h)}
.projekt small{display:block;font:800 12.5px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--sonne)}
.projekt b{display:block;font:700 1.2rem/1.15 var(--disp);color:#fff;margin:4px 0 4px}
.zweibild{display:grid;grid-template-columns:1fr 1fr;gap:12px}.zweibild .bild{aspect-ratio:1/1}
/* Orte */
.orte{display:grid;gap:12px}
.ort{padding:20px;border-radius:var(--rk);background:var(--weiss);border:1px solid var(--linie)}
.ort small{display:block;font:800 12.5px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--orange)}
.ort b{display:block;font:700 1.3rem/1.15 var(--disp);margin:6px 0 8px}
.ort p{margin:0 0 10px;color:var(--grau)}.ort a{font-weight:700}
.ort-gd{background:var(--tief);color:#fff;border-color:var(--tief)}.ort-gd small{color:var(--sonne)}.ort-gd p{color:var(--grau-h)}
/* Unterseitenkopf */
.ukopf{position:relative;color:#fff;padding:56px 0 110px;overflow:hidden}
.ukopf .etikett.hell{color:#fff}.ukopf .etikett.hell::before{background:#fff}
.ukopf h1{max-width:16ch}.ukopf h1 em{font-style:normal;color:var(--sonne)}
.ukopf .lead{max-width:56ch;opacity:.95}
.uk-tief{background:var(--tief)}.uk-orange{background:var(--orange)}.uk-tuerkis{background:var(--tuerkis)}.uk-sonne{background:var(--sonne);color:var(--tinte)}
.uk-sonne .etikett.hell{color:var(--tinte)}.uk-sonne .etikett.hell::before{background:var(--tinte)}.uk-sonne h1 em{color:var(--tief)}.uk-orange h1 em{color:var(--sonne)}.uk-tuerkis h1 em{color:var(--sonne)}
.uk-welle{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:60px}
/* Gottesdienst */
.richtungen{display:grid;gap:14px;margin-top:10px}
.ri{padding:18px 20px;background:var(--weiss);border-radius:var(--rk);border-left:6px solid var(--orange)}
.ri:nth-child(2){border-color:var(--sonne)}.ri:nth-child(3){border-color:var(--tuerkis)}
.ri b{display:block;font:700 1.2rem/1.15 var(--disp);margin-bottom:6px}.ri p{margin:0;color:var(--grau)}
.info-l{display:grid;gap:10px}
.il{padding:14px 0;border-bottom:1px solid var(--linie)}.il b{display:block;font:700 1.08rem/1.2 var(--disp);margin-bottom:4px}.il p{margin:0;color:var(--grau);font-size:.98rem}
.happy-l{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.happy-l li{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:14px 18px;background:rgba(255,255,255,.08);border-radius:12px}
.happy-l b{font:800 1.15rem/1 var(--disp);color:var(--sonne)}
.termine{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:8px}
.termine li{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--linie)}
.termine b{font:800 .95rem/1.4 var(--sans)}.termine span{color:var(--grau)}
.termine .hm b{color:var(--orange)}
/* Gruppen-Seite */
.gruppen{display:grid;gap:18px}
.gruppe{display:grid;gap:0;background:var(--weiss);border-radius:var(--rk);overflow:hidden;border:1px solid var(--linie)}
.gruppe .bild{border-radius:0;aspect-ratio:400/220}
.g-farbe{aspect-ratio:400/220;background:var(--sand);display:flex;align-items:flex-end;padding:14px 18px;font:800 clamp(3rem,8vw,4.6rem)/1 var(--disp);letter-spacing:-.04em;color:rgba(255,255,255,.9);overflow:hidden}
.g-farbe::before{content:attr(data-z)}
.g-farsi{background:var(--tuerkis)}.g-hauskreise{background:var(--sonne)}.g-helbing{background:var(--orange)}
.g-t{padding:18px 20px 20px}
.g-t small{display:block;font:800 12.5px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--orange)}
.g-t b{display:block;font:700 1.35rem/1.15 var(--disp);margin:6px 0 8px}
.g-t p{color:var(--grau);font-size:.98rem}.g-t .klein{margin:0}.g-t .klein b{display:inline;font:700 .9rem var(--sans);color:var(--tinte)}
/* Café-Bau */
.plan{display:grid;gap:14px;margin-top:26px}
.pl{display:grid;grid-template-columns:48px 1fr;gap:6px 16px;padding:20px;background:var(--weiss);border-radius:var(--rk)}
.pl-nr{grid-row:1/3;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:800 1.2rem/1 var(--disp);color:#fff}
.pl-orange{background:var(--orange)}.pl-tuerkis{background:var(--tuerkis)}.pl-sonne{background:var(--sonne);color:var(--tinte)}.pl-tief{background:var(--tief)}
.pl b{font:700 1.2rem/1.15 var(--disp)}.pl p{margin:0;color:var(--grau);font-size:.98rem}
/* Glaube */
.worte{display:grid;gap:14px}
.wort-z{display:grid;gap:10px;padding:26px 0;border-bottom:1px solid var(--linie)}
.wort-g{font:800 clamp(2.2rem,8vw,3.6rem)/1 var(--disp);letter-spacing:-.03em;text-transform:uppercase}
.w-sonne{color:#E0A800}.w-orange{color:var(--orange)}.w-tuerkis{color:var(--tuerkis)}.w-tief{color:var(--tief)}
.wort-z b{display:block;font:700 1.25rem/1.15 var(--disp);margin-bottom:8px}.wort-z p{margin:0;max-width:62ch;color:var(--grau)}
/* Menschen */
.personen{display:grid;gap:14px;margin-top:10px}
.person{display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:center;padding:14px;background:var(--weiss);border-radius:var(--rk);border:1px solid var(--linie)}
.p-bild{width:72px;height:72px;border-radius:50%;object-fit:cover;display:block}
.p-ini{display:flex;align-items:center;justify-content:center;background:var(--sand);font:800 1.1rem/1 var(--disp);color:var(--tief)}
.person small{display:block;font:800 12.5px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--orange)}
.person b{display:block;font:700 1.15rem/1.15 var(--disp);margin:3px 0 2px}
.person p{margin:0;font-size:.92rem;color:var(--grau)}
.kb-info{padding:22px;background:rgba(255,255,255,.08);border-radius:var(--rk);border:1px solid var(--linie-d)}
.beige .kb-info{background:var(--weiss);border-color:var(--linie)}
.kb-info p{margin:0 0 14px}.kb-info p:last-child{margin:0}
/* Spenden */
.liste{margin:0 0 16px;padding-left:20px}.liste li{margin-bottom:6px}
.konto{padding:24px;background:var(--weiss);border-radius:var(--rk);border:1px solid var(--linie)}
.konto>b{display:block;font:700 1.4rem/1.1 var(--disp);margin-bottom:12px}
.konto dl{margin:0 0 14px;display:grid;grid-template-columns:auto 1fr;gap:6px 14px}.konto dt{font:800 12px/1.6 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--grau)}.konto dd{margin:0}
.konto code{font:600 1.05rem/1.4 'IBM Plex Mono',ui-monospace,monospace;letter-spacing:.02em}
/* Kontakt */
.kk{display:grid;gap:30px}
.kk-karte{border-top:3px solid var(--tinte);padding:22px 0 0;height:100%}
.kk-z{display:block;padding:14px 0;border-bottom:1px solid var(--linie);text-decoration:none}
.kk-z b{display:block;font:700 1.2rem/1.15 var(--disp)}.kk-z small{color:var(--grau);font-size:.88rem}
.kk-karte .ort{margin-top:12px}
.formular{margin-top:18px;display:grid;gap:14px}
.f-z{display:grid;gap:14px}
.formular label{display:grid;gap:6px;font:800 12px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--grau)}
.formular input,.formular textarea,.formular select{font:400 1rem/1.4 var(--sans);padding:12px 14px;border:1px solid #cfc8bb;border-radius:10px;background:#fff;color:var(--tinte);width:100%}
.formular textarea{resize:vertical}
.formular label.f-ds{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;font:400 .95rem/1.5 var(--sans);text-transform:none;letter-spacing:0;color:var(--tinte)}
.formular label.f-ds span{display:inline}
.formular label.f-ds input{width:22px;height:22px;margin-top:2px}
.f-fertig{font-size:.95rem}
.recht h2{font-size:1.4rem;margin-top:28px}
/* Fuss */
.fuss{background:var(--tief-t);color:#fff;padding:56px 0 36px}
.fuss-o{display:grid;gap:20px;margin-bottom:36px}
.marke-f{align-items:flex-start}.marke-f .wort b{font-size:1.3rem;color:#fff}.marke-f .wort small{color:var(--grau-h)}
.fuss-satz{font:600 clamp(1.3rem,3vw,1.8rem)/1.2 var(--disp);color:var(--sonne);margin:0}
.fuss-g{display:grid;gap:26px;padding:30px 0;border-top:1px solid var(--linie-d);border-bottom:1px solid var(--linie-d)}
.fuss-g p{margin:0;color:var(--grau-h);line-height:1.7}.fuss-g a{color:#fff;font-weight:700}
.fuss-u{display:flex;flex-wrap:wrap;gap:12px 26px;padding-top:22px;font-size:.9rem;color:var(--grau-h)}.fuss-u a{color:#fff}
.vermerk{background:#0A1F2A;padding:16px 0;text-align:center}
.vermerk a{display:inline-flex;align-items:center;gap:14px;text-decoration:none}
.seele{font:600 1rem/1 var(--disp);color:#fff}
/* Grössen */
@media (min-width:700px){
  .zwei{grid-template-columns:1fr 1fr;gap:48px;align-items:center}
  .leitbild{grid-template-columns:1fr 1fr}
  .karten{grid-template-columns:1fr 1fr}
  .filme.drei{grid-template-columns:1fr 1fr}
  .projekte{grid-template-columns:1fr 1fr}
  .orte{grid-template-columns:1fr 1fr}
  .gruppen{grid-template-columns:1fr 1fr}
  .personen{grid-template-columns:1fr 1fr}
  .plan{grid-template-columns:1fr 1fr}
  .richtungen{grid-template-columns:1fr}
  .fuss-g{grid-template-columns:1fr 1fr}
  .fuss-o{grid-template-columns:1fr 1fr;align-items:end}
  .f-z{grid-template-columns:1fr 1fr}
  .kk{grid-template-columns:1fr 1fr}
  .wort-z{grid-template-columns:260px 1fr;gap:30px;align-items:start}
  .happy-s .zwei{align-items:start}
}
@media (min-width:900px){
  section{padding:88px 0}
  .held{padding:72px 0 80px}
  .held-g{grid-template-columns:1.1fr .9fr;align-items:center;gap:56px}
  .leitbild{grid-template-columns:repeat(4,1fr)}
  .karten{grid-template-columns:repeat(3,1fr)}
  .filme.drei{grid-template-columns:repeat(3,1fr)}
  .projekte{grid-template-columns:repeat(3,1fr)}
  .projekt{grid-template-columns:1fr;gap:12px;align-items:start}
  .gruppen{grid-template-columns:repeat(3,1fr)}
  .personen{grid-template-columns:repeat(3,1fr)}
  .neu-g{grid-template-columns:1.4fr 1fr;align-items:center;gap:40px}
  .welle svg{height:80px}.uk-welle{height:80px}
  .ukopf{padding:88px 0 140px}
  .fuss-g{grid-template-columns:repeat(4,1fr)}
}
@media (min-width:1180px){
  .nav-desk{display:flex}.kopf-so{display:flex}.menuknopf{display:none}
  .kopf-i{min-height:84px;gap:26px}
}
@media (max-width:1179px){.nav-desk,.kopf-so{display:none}}
@media (min-width:1180px) and (max-width:1399px){.nav-desk a{padding:12px 8px;font-size:12px;letter-spacing:.04em}.marke .wort small{display:none}}
@media (max-width:420px){.fenster{grid-template-columns:1fr}.so-karte{grid-column:auto}.fk{min-height:150px}}

/* Laufband */
.band{overflow:hidden;background:var(--weiss);padding:18px 0 0;border-top:1px solid var(--linie)}
.band-i{display:flex;gap:0;white-space:nowrap;width:max-content;animation:lauf 40s linear infinite}
.band-i span{font:800 clamp(1.6rem,4vw,2.6rem)/1 var(--disp);letter-spacing:-.02em;text-transform:lowercase;padding:0 26px;color:var(--tinte)}
.band-i span:nth-child(4n+1){color:#E0A800}.band-i span:nth-child(4n+2){color:var(--orange)}.band-i span:nth-child(4n+3){color:var(--tuerkis)}.band-i span:nth-child(4n+4){color:var(--tief)}
@keyframes lauf{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.band-i{animation:none}}
/* Pläne als Farbkacheln */
.pl{color:#fff;background:var(--tief)}.pl b{color:#fff}.pl p{color:rgba(255,255,255,.85)}
.pl-orange{background:var(--orange)}.pl-tuerkis{background:var(--tuerkis)}.pl-sonne{background:var(--sonne);color:var(--tinte)}.pl-sonne b,.pl-sonne p{color:var(--tinte)}.pl-tief{background:var(--tief)}
.pl .pl-nr{background:rgba(255,255,255,.22);color:inherit}
.formular input,.formular textarea,.formular select{border-radius:4px 14px 4px 14px}
.bild{border-radius:var(--rk)}.film-start,.film iframe,.film .lade,.film-weg{border-radius:var(--rk)}
.karte .bild,.gruppe .bild{border-radius:0}

/* Happy-Meet-Zeichen */
.so-hm{position:absolute;right:16px;top:16px;line-height:0}.so-hm img{width:104px;height:auto;border-radius:4px 14px 4px 14px;display:block}
.so-hm[hidden]{display:none}
.so-karte{padding-right:100px}
.hm-gross{display:block;width:170px;height:auto;margin:0 0 16px;border-radius:var(--rk)}
@media (max-width:420px){.so-karte{padding-right:18px}.so-hm{position:static;margin-bottom:10px}.so-hm img{width:110px}}

.so-karte .ws{display:none}
.so-weitere{display:block;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.18);font-size:.88rem;color:var(--grau-h)}
.so-weitere:empty{display:none}
.so-mehr{display:inline-block;margin-top:8px;font:800 12.5px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--sonne);border-bottom:2px solid var(--sonne);padding-bottom:2px}