@font-face{font-family:"Space Grotesk";font-weight:200 900;font-display:swap;src:url(/schriften/space-grotesk.woff2) format("woff2")} @font-face{font-family:"Inter";font-weight:200 900;font-display:swap;src:url(/schriften/inter.woff2) format("woff2")} :root{--farbe:#D4F04C;--dunkel:#47520f;--hell:#f4f8e2;--hover:#6d810e;--blass:#cfdb94;--r:4px;--rk:4px; --tinte:#14213D;--tinte2:#3D4A63;--grau:#6B7890;--linie:#DCE2EA;--linie2:#B9C3D2;--ton:#F3F5F8; --serif:"Space Grotesk",Georgia,"Times New Roman",serif;--sans:"Inter","Segoe UI",Arial,sans-serif} *{box-sizing:border-box} html{-webkit-text-size-adjust:100%} body{margin:0;background:#fff;color:var(--tinte);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased} a{color:var(--farbe);text-decoration:none}a:hover{color:var(--dunkel)} h1,h2,h3,h4{font-family:var(--serif);font-weight:600;margin:0;letter-spacing:-.01em;line-height:1.15;text-wrap:balance} p{margin:0}img{max-width:100%;display:block} .wrap{max-width:1200px;margin:0 auto;padding:0 40px} .kicker{font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--farbe)} .knopf{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--farbe);color:#fff;font-weight:600;font-size:16px;padding:13px 24px;border-radius:var(--rk);border:0;cursor:pointer;font-family:inherit} .knopf:hover{background:var(--hover);color:#fff} .knopf--hell{background:#fff;color:var(--dunkel)}.knopf--hell:hover{background:var(--hell);color:var(--dunkel)} .knopf--rand{background:transparent;color:var(--tinte);border:1px solid var(--linie2)}.knopf--rand:hover{background:var(--ton);color:var(--tinte)} .link{font-weight:600;color:var(--farbe)} /* Flaechen */ .block{padding:88px 0} .block--hell{background:#fff} .block--getoent{background:var(--ton)} .block--dunkel{background:var(--dunkel);color:#fff} .block--dunkel h1,.block--dunkel h2,.block--dunkel h3{color:#fff} .block--dunkel .kicker{color:var(--blass)} .block--dunkel .text,.block--dunkel p{color:#C9D6EA} .block--dunkel .grau{color:#9FB3D1} .block--dunkel .link{color:#fff} .block--dunkel .karte{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);color:#fff} .block--dunkel .karte h3{color:#fff}.block--dunkel .karte p{color:#9FB3D1} .block--dunkel .linie{border-color:rgba(255,255,255,.16)} .text{font-size:17px;color:var(--tinte2)} .grau{color:var(--grau)} .kopfzeile{display:flex;flex-direction:column;gap:12px;max-width:640px;margin-bottom:36px} .kopfzeile--breit{flex-direction:row;justify-content:space-between;align-items:flex-end;max-width:none;gap:32px} .kopfzeile--breit>div{display:flex;flex-direction:column;gap:12px} h2.titel{font-size:38px}h2.titel--klein{font-size:34px} .raster{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;align-items:center} .raster--oben{align-items:start} .sp5{grid-column:span 5}.sp6{grid-column:span 6}.sp7{grid-column:span 7}.sp8{grid-column:span 8}.sp4{grid-column:span 4}.sp12{grid-column:span 12} .ab7{grid-column:7/span 6}.ab8{grid-column:8/span 5} .stapel{display:flex;flex-direction:column;gap:18px}.stapel--eng{gap:12px}.stapel--weit{gap:22px} .knoepfe{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px} /* Vorleiste + Kopf */ .vorleiste{background:var(--dunkel);color:#C9D6EA;font-size:13px} .vorleiste .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:8px;padding-bottom:8px} .vorleiste b{color:#fff;font-weight:600} .kopf{border-bottom:1px solid var(--linie);background:#fff;position:relative;z-index:5} .kopf .wrap{height:80px;display:flex;align-items:center;justify-content:space-between;gap:32px} .marke{display:flex;align-items:center;gap:12px;color:var(--tinte)} .marke img{height:44px;width:auto} .marke__name{font-family:var(--serif);font-weight:600;font-size:22px;line-height:1.05} .marke__claim{display:block;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--grau);font-family:var(--sans);font-weight:400} .menue{display:flex;gap:32px;font-size:16px;font-weight:500;list-style:none;margin:0;padding:0} .menue>li{position:relative} .menue a,.menue .punkt{display:inline-flex;align-items:center;gap:6px;color:var(--tinte2);padding:27px 0;cursor:default} .menue a:hover{color:var(--farbe)} .menue .aktiv>a,.menue .aktiv>.punkt{color:var(--farbe);box-shadow:inset 0 -2px 0 var(--farbe)} .menue .pfeil{width:12px;height:12px} /* Hauptpunkte nie in zwei Zeilen: Die Flexzeile stauchte sie sonst, obwohl der Platz reichte — Kontor zeigte „UEBER / UNS“ bei 1440 px (gemessen 2026-09-18). Im aufgeklappten Menue darf ein langer Punkt wieder umbrechen (unten, Block 1199 px). */ .menue>li>a,.menue>li>.punkt{white-space:nowrap} .untermenue{display:none;position:absolute;left:-16px;top:100%;min-width:240px;background:#fff;border:1px solid var(--linie);border-radius:var(--r);padding:8px 0;margin:0;list-style:none;z-index:10} .menue>li:hover>.untermenue,.menue>li:focus-within>.untermenue{display:block} .untermenue a{display:block;padding:9px 16px;font-size:15px;color:var(--tinte2)} .untermenue a:hover{background:var(--ton);color:var(--farbe)} .kopf__cta{white-space:nowrap} .menue .nur-handy{display:none} .menue-schalter{display:none} .menue-knopf{display:none;width:44px;height:44px;border:1px solid var(--linie2);border-radius:var(--r);background:#fff;align-items:center;justify-content:center;cursor:pointer} .menue-knopf span{display:block;width:20px;height:2px;background:var(--tinte);box-shadow:0 -6px 0 var(--tinte),0 6px 0 var(--tinte)} .unterleiste{background:var(--ton);border-top:1px solid var(--linie)} .unterleiste .wrap{display:flex;gap:28px;font-size:15px;font-weight:500;overflow-x:auto} .unterleiste a{color:var(--tinte2);padding:14px 0;white-space:nowrap} .unterleiste a.aktiv{color:var(--farbe);box-shadow:inset 0 -2px 0 var(--farbe)} .brotkrumen{font-size:14px;color:var(--grau);padding:18px 0 0}.brotkrumen a{color:var(--grau)}.brotkrumen span{margin:0 6px} /* Begruessung */ .begruessung h1{font-size:54px} .begruessung .text{font-size:20px;line-height:1.55;max-width:34em} .begruessung img{width:100%;height:440px;object-fit:cover;border-radius:var(--r)} .begruessung--auf{position:relative;background:var(--dunkel);min-height:560px;display:flex;align-items:center;overflow:hidden;padding:0} .begruessung--auf img.hinter{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35;border-radius:0} .begruessung--auf .wrap{position:relative;width:100%;padding-top:88px;padding-bottom:88px} .begruessung--auf .stapel{max-width:640px} /* Text mit Bild / Bild */ .textbild img{width:100%;height:400px;object-fit:cover;border-radius:var(--r)} .textbild h2{font-size:38px} .bild--voll{padding:0}.bild--voll img{width:100%;height:520px;object-fit:cover} .bild--eingerueckt{padding:64px 0}.bild--eingerueckt img{width:100%;height:480px;object-fit:cover;border-radius:var(--r)} .bild--eingerueckt figcaption{font-size:14px;color:var(--grau);margin-top:12px} figure{margin:0} /* Kacheln */ .kacheln{display:grid;gap:20px} .kacheln--2{grid-template-columns:repeat(2,minmax(0,1fr))}.kacheln--3{grid-template-columns:repeat(3,minmax(0,1fr))}.kacheln--4{grid-template-columns:repeat(4,minmax(0,1fr))} .karte{display:flex;flex-direction:column;gap:12px;padding:26px;border:1px solid var(--linie);border-radius:var(--r);background:#fff;color:var(--tinte)} .karte h3{font-size:20px}.karte p{font-size:15px;color:var(--grau)} .karte .link{font-size:15px;margin-top:auto} .karte svg{width:28px;height:28px;color:var(--farbe)} .block--dunkel .karte svg{color:var(--blass)} a.karte:hover{border-color:var(--linie2)} /* Schritte */ .schritte{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:24px} .schritt{display:flex;flex-direction:column;gap:12px;border-top:2px solid var(--linie);padding-top:18px} .schritt:first-child{border-top-color:var(--farbe)} .schritt__nr{font-family:var(--serif);font-size:34px;font-weight:500;color:var(--linie2);line-height:1} .schritt h3{font-size:20px}.schritt p{font-size:15.5px;color:var(--grau)} .zeitstrahl{max-width:720px} .zeitstrahl .schritt{display:grid;grid-template-columns:56px 1fr;gap:20px;border:0;padding:0} .zeitstrahl .schritt>div:first-child{display:flex;flex-direction:column;align-items:center} .zeitstrahl .punkt{width:32px;height:32px;border-radius:50%;background:var(--farbe);color:#fff;font-weight:600;font-size:14px;display:inline-flex;align-items:center;justify-content:center} .zeitstrahl .strich{flex:1;width:2px;background:var(--linie);margin:6px 0} .zeitstrahl .schritt>div:last-child{padding-bottom:28px} .zeitstrahl h3{font-size:21px}.zeitstrahl p{font-size:16px;margin-top:6px} /* Personen */ .personen{display:grid;gap:24px} .personen--3{grid-template-columns:repeat(3,minmax(0,1fr))}.personen--4{grid-template-columns:repeat(4,minmax(0,1fr))} .person{display:flex;flex-direction:column;gap:12px} .person img,.person .kein-bild{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r)} .person .kein-bild{background:var(--ton);border:1px solid var(--linie);display:flex;align-items:center;justify-content:center;color:var(--linie2);font-family:var(--serif);font-size:48px} .person h3{font-size:20px}.person p{font-size:15px;color:var(--grau)} /* Zitate */ .zitat--gross{margin:0;max-width:860px;display:flex;flex-direction:column;gap:20px} .zitat--gross p{font-family:var(--serif);font-size:32px;line-height:1.4;color:var(--tinte)} .block--dunkel .zitat--gross p{color:#fff} .zitat footer{font-size:16px;color:var(--grau)}.zitat footer b{font-weight:600;color:var(--tinte)} .block--dunkel .zitat footer b{color:#fff} .zitate{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} .zitat--karte{margin:0;display:flex;flex-direction:column;gap:16px;padding:28px;border-left:2px solid var(--farbe);background:var(--ton);border-radius:0 4px 4px 0} .block--getoent .zitat--karte{background:#fff} .block--dunkel .zitat--karte{background:rgba(255,255,255,.06);border-left-color:var(--blass)} .zitat--karte p{font-family:var(--serif);font-size:19px;line-height:1.5;color:var(--tinte)} .block--dunkel .zitat--karte p{color:#fff} .zitat--karte footer{font-size:14.5px} /* Fragen */ .fragen details{border-top:1px solid var(--linie)}.fragen details:last-child{border-bottom:1px solid var(--linie)} .block--dunkel .fragen details{border-color:rgba(255,255,255,.16)} .fragen summary{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 0;font-weight:600;font-size:17px;cursor:pointer;list-style:none} .fragen summary::-webkit-details-marker{display:none} .fragen summary::after{content:"+";font-size:22px;color:var(--farbe);font-weight:400} .fragen details[open] summary::after{content:"−"} .fragen .antwort{font-size:16px;color:var(--tinte2);padding:0 0 20px;max-width:60ch} /* Beitraege */ .beitraege{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} .beitrag-karte{display:flex;flex-direction:column;gap:12px;padding:28px;background:#fff;border:1px solid var(--linie);border-radius:var(--r);color:var(--tinte)} .beitrag-karte:hover{border-color:var(--linie2)} .thema{font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--grau)} .beitrag-karte h3{font-size:21px;line-height:1.3} .beitrag-karte .datum{font-size:15px;color:var(--grau);margin-top:auto} .beitrag-liste{border-bottom:1px solid var(--linie)} .beitrag-zeile{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:20px 0;border-top:1px solid var(--linie);color:var(--tinte)} .beitrag-zeile h3{font-size:21px;line-height:1.3;margin-top:6px} .beitrag-zeile .datum{font-size:15px;color:var(--grau);white-space:nowrap} .filter{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px} .filter a{font-size:14px;font-weight:600;padding:8px 14px;border-radius:var(--r);border:1px solid var(--linie2);color:var(--tinte2)} .filter a.aktiv{border-color:var(--farbe);background:var(--farbe);color:#fff} /* Formulare */ .formular{display:flex;flex-direction:column;gap:14px;padding:32px;background:#fff;border:1px solid var(--linie);border-radius:var(--r);color:var(--tinte)} .formular .zwei{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .feld{display:flex;flex-direction:column;gap:6px} .feld label{font-size:13px;font-weight:600;color:var(--tinte2)} .feld input,.feld select,.feld textarea{font:inherit;font-size:15px;padding:11px 13px;border:1px solid var(--linie2);border-radius:var(--r);background:#fff;color:var(--tinte);width:100%} .feld textarea{min-height:110px;resize:vertical} .einwilligung{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--tinte2)} .einwilligung input{margin-top:4px} .hinweis-vorschau{font-size:13px;color:var(--grau);border:1px dashed var(--linie2);padding:8px 12px;border-radius:var(--r)} .termin-karte{max-width:520px;display:flex;flex-direction:column;gap:16px;padding:36px;background:#fff;border:1px solid var(--linie);border-radius:var(--r);color:var(--tinte)} .termin-karte h2{font-size:30px} /* Weisse Karten auf dunkler Flaeche: Text bleibt dunkel, Kicker bleibt Hausfarbe */ .block--dunkel .termin-karte h2,.block--dunkel .termin-karte .text,.block--dunkel .formular p{color:var(--tinte)} .block--dunkel .termin-karte .text{color:var(--tinte2)} .block--dunkel .termin-karte .kicker{color:var(--farbe)} .formular .hinweis-vorschau,.block--dunkel .formular .hinweis-vorschau{color:var(--grau)} /* Kontakt */ .kontakt dl{display:grid;grid-template-columns:auto 1fr;gap:12px 28px;font-size:17px;margin:0} .kontakt dt{color:var(--grau);font-weight:500}.kontakt dd{margin:0}.kontakt dd b{font-weight:600} .karte-platz{aspect-ratio:16/9;border-radius:var(--r);border:1px solid var(--linie);background:repeating-linear-gradient(0deg,var(--linie) 0 1px,transparent 1px 48px),repeating-linear-gradient(90deg,var(--linie) 0 1px,transparent 1px 48px),var(--ton);display:flex;align-items:center;justify-content:center;text-align:center;color:var(--grau);font-size:14px} .karte-platz b{display:block;color:var(--tinte);margin-bottom:6px} .block--getoent .karte-platz{background-color:#fff} /* Pflichtseiten, Beitrag */ .fliesstext{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:22px} .fliesstext h1{font-size:44px}.fliesstext h2{font-size:30px;margin-top:12px}.fliesstext h3{font-size:22px;margin-top:6px} .fliesstext p,.fliesstext li{font-size:17px;color:var(--tinte2)} .fliesstext ul{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:8px} .fliesstext .vorspann{font-size:20px;line-height:1.55} .fliesstext blockquote{margin:8px 0;padding:20px 28px;border-left:2px solid var(--farbe);background:var(--ton);font-family:var(--serif);font-size:22px;line-height:1.45;color:var(--tinte)} .fliesstext .titelbild{width:100%;height:420px;object-fit:cover;border-radius:var(--r);margin-top:8px} .fliesstext .meta{display:flex;gap:16px;align-items:center;font-size:15px;color:var(--grau)} .fliesstext .meta img{width:40px;height:40px;border-radius:50%;object-fit:cover} .fliesstext .tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px} .fliesstext .tags span{font-size:13px;font-weight:600;padding:4px 10px;border:1px solid var(--linie2);border-radius:var(--r);color:var(--tinte2)} .pruefhinweis{background:#FFF7D6;border:1px solid #E9D690;color:#6B5A14;padding:12px 16px;border-radius:var(--r);font-size:14px;margin-bottom:24px} .seitenkopf{padding:64px 0 40px}.seitenkopf h1{font-size:48px}.seitenkopf .text{font-size:19px;margin-top:18px;max-width:760px} .leer{border:1px dashed var(--linie2);border-radius:var(--r);padding:40px;text-align:center;color:var(--grau);font-size:15px} /* Fuss */ .fuss{background:var(--dunkel);color:#C9D6EA} .fuss .wrap{padding-top:56px;padding-bottom:28px} .fuss__oben{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.14)} .fuss h4{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#9FB3D1;margin-bottom:14px;font-family:var(--sans)} .fuss ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:15px} .fuss a{color:#C9D6EA}.fuss a:hover{color:#fff} .fuss .marke{color:#fff}.fuss .marke__claim{color:#9FB3D1} .fuss__unten{display:flex;justify-content:space-between;gap:24px;padding-top:18px;font-size:13.5px;color:#9FB3D1;flex-wrap:wrap} .fuss p{font-size:15px} /* Handy und Tablet */ @media (max-width:960px){ .wrap{padding:0 20px} .block{padding:56px 0} .raster{grid-template-columns:1fr;gap:24px} .sp4,.sp5,.sp6,.sp7,.sp8,.ab7,.ab8{grid-column:1/-1} .textbild .raster>div:first-child{order:0} .kacheln--2,.kacheln--3,.kacheln--4{grid-template-columns:repeat(2,minmax(0,1fr))} .schritte{grid-template-columns:repeat(2,minmax(0,1fr))} .personen--3,.personen--4{grid-template-columns:repeat(2,minmax(0,1fr))} .zitate,.beitraege{grid-template-columns:1fr} .begruessung h1,.seitenkopf h1{font-size:38px} .begruessung img{height:300px} .textbild img{height:280px} .fuss__oben{grid-template-columns:1fr} .kopfzeile--breit{flex-direction:column;align-items:flex-start} .vorleiste .wrap>div{display:none} .kopf .wrap{height:64px} } /* Kopfzeile: klappt schon unter 1200 px aufs Menue-Symbol, nicht erst mit dem Inhalt unter 960. Gemessen am 2026-09-18: Kontor lief ab ~1000 px schon mit vier Hauptpunkten ueber (Grossschrift mit Sperrung + Knopf), Hafen mit fuenf (Blog) bei 970. 1200 px = Breite von .wrap. */ @media (max-width:1199px){ .menue-knopf{display:inline-flex} .kopf__cta{display:none} .menue{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--linie);flex-direction:column;gap:0;padding:8px 40px 16px} .menue a,.menue .punkt{padding:12px 0;display:flex;width:100%} .menue .aktiv>a{box-shadow:none} .untermenue{display:block;position:static;border:0;padding:0 0 4px 16px;min-width:0} .menue-schalter:checked~nav .menue{display:flex} .menue-schalter:checked~.menue-knopf span{background:transparent;box-shadow:none} .menue-schalter:checked~.menue-knopf span::before,.menue-schalter:checked~.menue-knopf span::after{content:"";position:absolute;left:0;top:0;width:20px;height:2px;background:var(--tinte)} .menue-schalter:checked~.menue-knopf span::before{transform:rotate(45deg)} .menue-schalter:checked~.menue-knopf span::after{transform:rotate(-45deg)} .menue-knopf span{position:relative} .menue .nur-handy{display:block;padding:14px 0 4px;border-top:1px solid var(--linie);margin-top:8px} .menue .nur-handy .knopf{display:inline-flex;width:100%;padding:14px 20px} .untermenue a{font-size:15px;padding:9px 0} } @media (max-width:560px){ .kacheln--2,.kacheln--3,.kacheln--4,.schritte,.personen--3,.personen--4{grid-template-columns:1fr} .formular .zwei{grid-template-columns:1fr} .zitat--gross p{font-size:24px} .fliesstext h1{font-size:32px} } :root{--r:0px;--rk:0px;--ton:#F4F4F2;--linie:#111111;--linie2:#111111;--tinte:#111111;--tinte2:#3A3A3A;--grau:#6B6B6B;--dunkel:#111111;--hover:#111111;--blass:var(--farbe)} h1,h2,h3,h4{font-weight:700;letter-spacing:-.03em;line-height:1.02} .begruessung h1{font-size:72px} h2.titel{font-size:46px} .kicker{font-size:12px;letter-spacing:.2em;color:var(--tinte);display:inline-flex;align-items:center;gap:10px} .kicker::before{content:"";display:inline-block;width:20px;height:2px;background:var(--farbe)} .knopf{background:#111;color:#fff;text-transform:uppercase;letter-spacing:.1em;font-size:13px;padding:17px 26px} .knopf:hover{background:var(--farbe);color:#111} .knopf--hell{background:var(--farbe);color:#111}.knopf--hell:hover{background:#fff;color:#111} .knopf--rand{background:transparent;color:#111;border:1.5px solid #111}.knopf--rand:hover{background:#111;color:#fff} .link{color:#111;text-decoration:underline;text-decoration-color:var(--farbe);text-underline-offset:4px;text-decoration-thickness:2px} .block{padding:104px 0} .karte,.beitrag-karte,.formular,.termin-karte{border:1.5px solid #111;box-shadow:none} a.karte:hover{background:#111;color:#fff}a.karte:hover h3,a.karte:hover p,a.karte:hover .link{color:#fff} .karte svg{color:#111} .vorleiste{background:#111;color:#B5B5B5} .kopf{border-bottom:1.5px solid #111} .kopf .wrap{height:76px} .marke__name{font-weight:700;letter-spacing:-.02em;font-size:21px} .marke__claim{letter-spacing:.2em} .menue a,.menue .punkt{text-transform:uppercase;letter-spacing:.12em;font-size:12.5px;font-weight:600;color:#111} .menue .aktiv>a,.menue .aktiv>.punkt{color:#111;box-shadow:inset 0 -2px 0 var(--farbe)} .untermenue{border:1.5px solid #111;left:0} .unterleiste{background:#fff;border-top:0;border-bottom:1.5px solid #111} .unterleiste a{text-transform:uppercase;letter-spacing:.1em;font-size:12px} .unterleiste a.aktiv{color:#111;box-shadow:inset 0 -2px 0 var(--farbe)} .schritt{border-top:1.5px solid #111}.schritt:first-child{border-top-color:var(--farbe)} .schritt__nr{color:#111;font-weight:700;font-size:40px} .zeitstrahl .punkt{background:#111}.zeitstrahl .strich{background:#111} .zitat--karte{border-left:3px solid #111;background:transparent} .block--getoent .zitat--karte{background:transparent} .zitat--gross p{font-weight:500} .fragen details{border-color:#111}.fragen summary::after{color:#111} .beitrag-liste{border-color:#111}.beitrag-zeile{border-color:#111} .thema{color:#111} .filter a{border:1.5px solid #111;color:#111}.filter a.aktiv{background:var(--farbe);color:#111;border-color:#111} .feld input,.feld select,.feld textarea{border:1.5px solid #111} .einwilligung a{color:#111;text-decoration:underline} .block--dunkel .kicker{color:#fff}.block--dunkel .kicker::before{background:var(--farbe)} .block--dunkel .karte{border-color:rgba(255,255,255,.3)} .block--dunkel .zitat--karte{border-left-color:var(--farbe)} .block--dunkel .knopf{background:var(--farbe);color:#111} .block--dunkel .formular{border-color:transparent} .karte-platz{border:1.5px solid #111;background-color:#fff} .fuss{background:#111}.fuss__oben{border-bottom-color:rgba(255,255,255,.2)} .fliesstext blockquote{border-left:3px solid #111;background:transparent;padding-left:24px} .pruefhinweis{border-radius:0} /* Menue auf schmalen Bildschirmen — gilt fuer alle Layouts, steht deshalb NACH den Layout-Ueberschreibungen. Dieselbe Grenze wie oben (1199 px), nicht die des Inhalts. */ @media (max-width:1199px){ /* Der Knopf ans Ende der Kopfzeile: