/* Cleaning Angel. Designsprache siehe DESIGN.md: Himmel und Handschuh (Blau aus Logo und alter Seite, Gelb vom Gummihandschuh), Abnahmeliste, Leistungsschein. */
@font-face { font-family: "Lexend"; src: url(/assets/fonts/lexend-var-latin.woff2) format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Figtree"; src: url(/assets/fonts/figtree-var-latin.woff2) format("woff2"); font-weight: 300 900; font-display: swap; }

:root {
  color-scheme: light only;
  --weiss: #ffffff; --tinte: #10202f; --grau: #44566a; --blau: #0b62a9; --blau-d: #084a82; --nacht: #07304f; --himmel: #eaf5fd; --himmel-2: #d3eafa; --logo: #5fc0e8; --gelb: #ffcb05; --gelb-d: #e8b800; --linie: #c9dcea;
  --kopf: "Lexend", "Helvetica Neue", Arial, sans-serif; --text: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
  --s1: 4px; --s2: 8px; --s3: 16px; --s4: 24px; --s5: 40px; --s6: 64px; --s7: 104px;
  --breit: 1240px; --rand: 24px; --kopfhoehe: 68px;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: 88px; }
body { margin: 0; background: var(--weiss); color: var(--tinte); font: 400 17px/1.6 var(--text); overflow-x: hidden; }
@media (min-width: 760px) { body { font-size: 18px; } }
img { max-width: 100%; height: auto; display: block; }
a { color: var(--blau); text-underline-offset: 3px; text-decoration-thickness: 1px; }
a:hover { color: var(--blau-d); }
:focus-visible { outline: 3px solid var(--blau); outline-offset: 3px; }
.skip { position: absolute; left: -9999px; top: 0; background: var(--tinte); color: #fff; padding: 12px 16px; z-index: 100; }
.skip:focus { left: 8px; top: 8px; }
.wrap { width: 100%; max-width: var(--breit); margin: 0 auto; padding: 0 var(--rand); }
@media (max-width: 600px) { :root { --rand: 16px; } }

h1, h2, h3 { font-family: var(--kopf); font-weight: 700; letter-spacing: -0.025em; line-height: 1.12; color: var(--tinte); margin: 0 0 var(--s3); text-wrap: balance; overflow-wrap: normal; hyphens: manual; }
h1 { font-size: clamp(1.6rem, 1.1rem + 3.2vw, 3.6rem); }
h2 { font-size: clamp(1.45rem, 1.05rem + 1.7vw, 2.4rem); }
h3 { font-size: 1.2rem; letter-spacing: -0.015em; line-height: 1.25; }
p { margin: 0 0 1em; }
ul, ol { padding-left: 1.2em; }

/* Knöpfe: Gelb vom Handschuh, dunkle Schrift */
.knopf { display: inline-flex; align-items: center; gap: 10px; min-height: 52px; padding: 0 24px; background: var(--gelb); color: var(--tinte); font: 600 1rem/1.2 var(--kopf); text-decoration: none; border: 2px solid var(--gelb); cursor: pointer; text-align: left; }
.knopf:hover { background: var(--gelb-d); border-color: var(--gelb-d); color: var(--tinte); }
.knopf.hell { background: transparent; border-color: currentColor; color: var(--blau); }
.knopf.hell:hover { background: var(--blau); border-color: var(--blau); color: #fff; }
.knopf.klein { min-height: 44px; padding: 0 18px; font-size: 0.92rem; }
.knopf svg { flex: none; }
.knopf[disabled] { opacity: 0.6; cursor: wait; }
.leise { font-weight: 600; text-decoration: none; display: inline-flex; gap: 8px; align-items: center; border-bottom: 2px solid var(--logo); }
.leise:hover { border-color: var(--blau); }

/* Kopf */
.hinweisleiste { background: var(--gelb); color: var(--tinte); text-align: center; padding: 10px var(--rand); font-weight: 600; font-size: 0.95rem; }
.hinweisleiste a { color: var(--tinte); }
.kopf { position: sticky; top: 0; z-index: 50; background: var(--weiss); border-bottom: 1px solid var(--linie); }
.kopf-in { max-width: var(--breit); margin: 0 auto; padding: 0 var(--rand); min-height: var(--kopfhoehe); display: flex; align-items: center; gap: var(--s3); }
.marke { display: block; flex: none; line-height: 0; }
.marke img { width: 150px; height: auto; }
@media (min-width: 760px) { .marke img { width: 190px; } }
.nav { display: none; }
.nav ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 4px; }
.nav a { color: var(--tinte); text-decoration: none; font: 500 0.95rem/1 var(--kopf); padding: 12px 12px; display: block; border-bottom: 3px solid transparent; }
.nav a:hover { color: var(--blau); }
.nav a[aria-current="page"] { border-bottom-color: var(--logo); font-weight: 600; }
.nav-knopf { color: var(--tinte) !important; }
.kopf-tel { margin-left: auto; display: inline-flex; align-items: center; gap: 8px; text-decoration: none; color: var(--blau); font: 600 0.95rem/1 var(--kopf); min-height: 44px; min-width: 44px; justify-content: center; }
.kopf-tel span { display: none; }
.sprache { display: flex; border: 1px solid var(--linie); }
.sprache a, .sprache .sp-aktiv { font: 600 0.8rem/1 var(--kopf); padding: 12px 9px; text-decoration: none; color: var(--grau); }
.sprache a:hover { color: var(--blau); background: var(--himmel); }
.sprache .sp-aktiv { background: var(--blau); color: #fff; }
.sprache-menue { display: none; }
.menue-knopf { background: none; border: 1px solid var(--linie); min-height: 44px; padding: 0 12px; display: inline-flex; align-items: center; gap: 8px; font: 600 0.85rem/1 var(--kopf); color: var(--tinte); cursor: pointer; }
.menue-knopf i, .menue-knopf i::before { display: block; width: 18px; height: 2px; background: currentColor; position: relative; }
.menue-knopf i::before { content: ""; top: 6px; box-shadow: 0 -12px 0 currentColor; }
.nav.offen { display: block; position: absolute; top: 100%; left: 0; right: 0; background: var(--weiss); border-bottom: 1px solid var(--linie); padding: var(--s3) var(--rand) var(--s4); max-height: calc(100vh - var(--kopfhoehe)); overflow: auto; }
.nav.offen ul { flex-direction: column; }
.nav.offen a { padding: 14px 0; border-bottom: 1px solid var(--linie); font-size: 1.05rem; }
.nav.offen .nav-knopf { margin-top: var(--s3); justify-content: center; border-bottom: 2px solid var(--gelb); }
.nav.offen .sprache-menue { display: flex; margin-top: var(--s3); width: max-content; }
.nav.offen ~ .sprache { display: none; }
@media (max-width: 480px) { .kopf-in { gap: 8px; } .marke img { width: 132px; } .menue-knopf span { display: none; } .menue-knopf { padding: 0 11px; } }
@media (max-width: 400px) { .kopf-in > .sprache { display: none; } .nav.offen .sprache-menue { display: flex; } }
@media (min-width: 1040px) {
  .nav { display: flex; align-items: center; gap: var(--s3); margin-left: var(--s3); }
  .menue-knopf, .sprache-menue { display: none !important; }
  .kopf-tel { margin-left: auto; }
  .kopf-tel span { display: inline; }
}
@media (min-width: 1040px) and (max-width: 1239px) { .kopf-tel span { display: none; } .nav a { padding: 12px 8px; } }

/* Start: Hero */
.hero { background: var(--himmel); }
.hero-raster { display: grid; gap: var(--s4); padding-top: var(--s5); padding-bottom: var(--s5); }
.hero-titel h1 { margin: 0; font-size: clamp(1.7rem, 1.1rem + 3.4vw, 4rem); }
.hero-seite .lead { font-size: 1.2rem; line-height: 1.5; color: var(--tinte); margin-bottom: var(--s3); }
.hero-seite .lesen { margin-bottom: var(--s3); }
.knoepfe { display: flex; flex-wrap: wrap; gap: var(--s3); margin-top: var(--s4); }
.hero-bild { margin: 0; position: relative; background: var(--himmel-2); }
.hero-bild img { width: 100%; height: clamp(240px, 52vw, 640px); object-fit: cover; object-position: 50% 40%; }
.hero-bild figcaption { display: none; }
@media (min-width: 980px) {
  .hero-raster { grid-template-columns: 7fr 5fr; align-items: end; gap: var(--s6); padding-top: var(--s6); padding-bottom: var(--s6); }
}

/* Seitenkopf der Unterseiten */
.seitenkopf { background: var(--himmel); border-bottom: 1px solid var(--himmel-2); }
.seitenkopf-raster { display: grid; gap: var(--s4); padding-top: var(--s4); padding-bottom: var(--s5); }
.seitenkopf-text { align-self: center; }
.seitenkopf .lead { font-size: 1.15rem; color: var(--tinte); max-width: 40em; margin: 0; }
.seitenkopf figure { margin: 0; }
.seitenkopf figure img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.seitenkopf figcaption { font-size: 0.85rem; color: var(--grau); padding-top: 6px; }
@media (min-width: 980px) {
  .seitenkopf.mit-bild .seitenkopf-raster { grid-template-columns: 6fr 5fr; gap: var(--s6); align-items: center; padding-top: var(--s5); padding-bottom: var(--s6); }
  .seitenkopf-raster { padding-bottom: var(--s6); }
}
.krumen ol { list-style: none; margin: 0 0 var(--s3); padding: 0; display: flex; flex-wrap: wrap; gap: 4px 0; font-size: 0.85rem; color: var(--grau); }
.krumen li + li::before { content: "/"; margin: 0 8px; color: var(--logo); }
.krumen a { color: var(--grau); }

/* Abschnitte */
.abschnitt { padding: var(--s6) 0; }
@media (min-width: 980px) { .abschnitt { padding: var(--s7) 0; } }
.abschnitt .wrap > h2:first-child, .kopf-zeile h2 { max-width: 22em; }
.lesen { max-width: 40em; }
.lesen > :last-child { margin-bottom: 0; }
.lesen ul { list-style: none; padding: 0; }
.lesen ul li, .aufgaben-liste li { position: relative; padding-left: 36px; margin-bottom: 10px; }
.lesen ul li::before, .aufgaben-liste li::before { content: ""; position: absolute; left: 0; top: 0.2em; width: 22px; height: 22px; background: var(--logo) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M5 11.5l4 4 8-9' fill='none' stroke='%2310202f' stroke-width='2.4'/%3E%3C/svg%3E") center / 22px no-repeat; }
.lesen a { font-weight: 600; }
.weiter { margin: var(--s4) 0 0; }
.text.gross .lesen { max-width: 46em; font-size: 1.2rem; }
.zwei { display: grid; gap: var(--s5); }
@media (min-width: 980px) { .zwei { grid-template-columns: 1fr 1fr; gap: var(--s6); align-items: start; } .mit-bild .zwei { align-items: center; } }
.mit-bild figure, .nur-bild figure, .passer { margin: 0; }
.mit-bild figure img, .nur-bild figure img { width: 100%; height: auto; }
.passer { position: relative; isolation: isolate; }
.passer::after { content: ""; position: absolute; right: -10px; bottom: -10px; width: 38%; height: 38%; background: var(--gelb); z-index: -1; }
.passer figcaption, .nur-bild figcaption { font-size: 0.85rem; color: var(--grau); padding-top: 8px; }
.abschnitt { overflow-x: clip; }
@media (max-width: 600px) { .passer::after { right: -6px; bottom: -6px; } .zwei { padding-right: 6px; } }

.aufgaben .kopf-zeile { margin-bottom: var(--s4); }
.aufgaben-liste { list-style: none; padding: 0; margin: 0; display: grid; gap: 0 var(--s5); }
.aufgaben-liste li { padding-top: 12px; padding-bottom: 12px; margin: 0; border-top: 1px solid var(--linie); }
.aufgaben-liste li::before { top: 14px; }
@media (min-width: 760px) { .aufgaben-liste { grid-template-columns: 1fr 1fr; } }

/* Leistungs-Mosaik und Verwandte */
.abzug-raster, .verwandt-liste, .orte-liste, .artikel-liste, .smliste { list-style: none; margin: var(--s4) 0 0; padding: 0; display: grid; gap: var(--s4); }
.abzug a { display: block; color: var(--tinte); text-decoration: none; }
.abzug figure { margin: 0; overflow: hidden; background: var(--himmel); }
.abzug figure img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; transition: transform 0.4s; }
.abzug a:hover img { transform: scale(1.03); }
.abzug-text { display: block; padding-top: 12px; }
.abzug-text b { display: block; font: 600 1.15rem/1.25 var(--kopf); }
.abzug-text i { font-style: normal; font: 600 0.8rem/1 var(--kopf); color: var(--blau); margin-right: 10px; }
.abzug-text.mit-nr b { display: inline; }
.abzug-text small { display: block; color: var(--grau); font-size: 0.95rem; margin-top: 4px; line-height: 1.4; }
.abzug:hover b { color: var(--blau); }
@media (min-width: 640px) { .abzug-raster { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1100px) { .abzug-raster { grid-template-columns: repeat(3, 1fr); gap: var(--s5) var(--s4); } }
.verwandt { background: var(--himmel); }
.verwandt-liste { grid-template-columns: 1fr 1fr; gap: var(--s3); }
.verwandt-liste a { display: block; text-decoration: none; color: var(--tinte); }
.verwandt-liste figure { margin: 0; }
.verwandt-liste img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.verwandt-liste b { display: block; font: 600 1rem/1.25 var(--kopf); padding-top: 8px; }
.verwandt-liste a:hover b { color: var(--blau); }
@media (min-width: 980px) { .verwandt-liste { grid-template-columns: repeat(4, 1fr); } }

/* Standorte */
.standorte { background: var(--himmel); }
.orte-liste a { display: block; text-decoration: none; color: var(--tinte); background: var(--weiss); border: 1px solid var(--himmel-2); }
.orte-liste figure { margin: 0; }
.orte-liste img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.ort-text { display: block; padding: var(--s3) var(--s4) var(--s4); }
.ort-text b { display: block; font: 700 1.4rem/1.2 var(--kopf); margin-bottom: 6px; }
.ort-text small { display: block; font-size: 1rem; color: var(--grau); line-height: 1.45; }
.orte-liste a:hover b { color: var(--blau); }
@media (min-width: 760px) { .orte-liste { grid-template-columns: 1fr 1fr; } }

/* Schritte */
.schritte { list-style: none; margin: var(--s4) 0 0; padding: 0; display: grid; gap: var(--s4); }
.schritte li { display: grid; grid-template-columns: 56px 1fr; gap: var(--s3); }
.ziffer { font: 800 3rem/1 var(--kopf); color: var(--logo); }
.schritte h3 { margin-bottom: 6px; }
@media (min-width: 900px) { .schritte { grid-template-columns: repeat(2, 1fr); gap: var(--s5); } }

/* Leistungsschein (Preisliste) */
.preis-tabelle { margin: var(--s4) 0 0; max-width: 52rem; border-top: 3px solid var(--tinte); }
.preis-zeile { display: grid; grid-template-columns: 1fr auto; gap: var(--s3); align-items: baseline; padding: 16px 0; border-bottom: 1px solid var(--linie); }
.preis-zeile dt { font: 600 1.05rem/1.3 var(--kopf); }
.preis-zeile dt small { display: block; font: 400 0.95rem/1.4 var(--text); color: var(--grau); margin-top: 4px; }
.preis-zeile dd { margin: 0; font: 700 1.1rem/1.3 var(--kopf); color: var(--blau); text-align: right; white-space: nowrap; }
@media (max-width: 480px) { .preis-zeile { grid-template-columns: 1fr; gap: 4px; } .preis-zeile dd { text-align: left; white-space: normal; } }
.preis-fuss { margin-top: var(--s4); color: var(--grau); max-width: 40em; }

/* FAQ */
.zwei-faq { display: grid; gap: var(--s4); }
@media (min-width: 980px) { .zwei-faq { grid-template-columns: 5fr 7fr; gap: var(--s6); } }
.faq-liste details { border-top: 1px solid var(--linie); }
.faq-liste details:last-child { border-bottom: 1px solid var(--linie); }
.faq-liste summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; gap: var(--s3); align-items: center; padding: 18px 0; font: 600 1.05rem/1.35 var(--kopf); }
.faq-liste summary::-webkit-details-marker { display: none; }
.faq-liste summary i { flex: none; width: 22px; height: 22px; position: relative; }
.faq-liste summary i::before, .faq-liste summary i::after { content: ""; position: absolute; left: 3px; right: 3px; top: 10px; height: 2px; background: var(--blau); transition: transform 0.2s; }
.faq-liste summary i::after { transform: rotate(90deg); }
.faq-liste details[open] summary i::after { transform: rotate(0); }
.faq-liste .antwort { padding: 0 0 var(--s3); max-width: 40em; }
.faq-liste .antwort > :last-child { margin-bottom: 0; }

/* Stimmen */
.nacht { background: var(--nacht); color: #fff; }
.nacht h2 { color: #fff; }
.zitat-gross, .zitat-raster { display: grid; gap: var(--s5); margin-top: var(--s4); }
blockquote { margin: 0; }
blockquote p { font: 500 clamp(1.15rem, 1rem + 0.8vw, 1.6rem)/1.4 var(--kopf); margin-bottom: var(--s3); max-width: 38em; }
blockquote footer { font-size: 0.95rem; }
blockquote cite { font-style: normal; font-weight: 700; }
blockquote footer span::before { content: ", "; }
.nacht .leise { color: #fff; border-color: var(--logo); }

/* Bewertung */
.bewertung { background: var(--himmel); padding: var(--s5) 0; }
.bewertung-raster { display: grid; gap: var(--s3); align-items: center; }
.bewertung h2 { margin-bottom: 8px; font-size: clamp(1.3rem, 1rem + 1.2vw, 1.8rem); }
@media (min-width: 800px) { .bewertung-raster { grid-template-columns: 1fr auto; gap: var(--s6); } }

/* CTA-Band */
.cta { background: var(--blau); color: #fff; }
.cta h2, .cta a:not(.knopf), .cta .lesen a { color: #fff; }
.cta-raster { display: grid; gap: var(--s4); align-items: center; }
.cta-wege { display: grid; gap: var(--s3); justify-items: start; }
.cta-wege a:not(.knopf) { display: inline-flex; align-items: center; gap: 10px; font: 600 1.05rem/1.2 var(--kopf); text-decoration: none; min-height: 44px; border-bottom: 2px solid var(--logo); }
@media (min-width: 900px) { .cta-raster { grid-template-columns: 7fr 5fr; gap: var(--s6); } }

/* Kontakt und Formulare */
.kontakt { background: var(--himmel); }
.kontaktdaten { background: var(--weiss); padding: var(--s5) 0; }
.wege { list-style: none; margin: var(--s4) 0 0; padding: 0; display: grid; gap: var(--s3); }
.wege a, .wege-adresse { display: grid; grid-template-columns: 24px 1fr; gap: 12px; color: var(--tinte); text-decoration: none; align-items: start; }
.wege svg { color: var(--blau); margin-top: 2px; }
.wege b { display: block; font: 600 0.8rem/1.2 var(--kopf); text-transform: uppercase; letter-spacing: 0.06em; color: var(--grau); margin-bottom: 2px; }
.wege a:hover { color: var(--blau); }
.kontaktform { display: grid; gap: var(--s3); background: var(--weiss); padding: var(--s4); border-top: 4px solid var(--gelb); }
@media (min-width: 640px) { .kontaktform { grid-template-columns: 1fr 1fr; padding: var(--s5); } .kontaktform .ganz { grid-column: 1 / -1; } }
.feld label { display: block; font: 600 0.9rem/1.3 var(--kopf); margin-bottom: 6px; }
.opt { font-weight: 400; color: var(--grau); }
input:not([type=checkbox]), select, textarea { width: 100%; min-height: 50px; padding: 12px 14px; font: 400 1rem/1.4 var(--text); color: var(--tinte); background: #fff; border: 1px solid #7f98ad; border-radius: 0; }
textarea { min-height: 120px; resize: vertical; }
input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid var(--logo); outline-offset: 0; border-color: var(--blau); }
.ungueltig input, .ungueltig select, .ungueltig textarea { border-color: #b3261e; border-width: 2px; }
.klein { font-size: 0.85rem; color: var(--grau); margin: 6px 0 0; }
.zustimmung { display: grid !important; grid-template-columns: 22px 1fr; gap: 10px; font-weight: 400 !important; font-family: var(--text) !important; font-size: 0.9rem !important; }
.zustimmung input { width: 22px; height: 22px; margin: 2px 0 0; accent-color: var(--blau); }
.honig { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.form-status { margin: 0; min-height: 1.4em; font-weight: 600; }
.form-status.fehler { color: #b3261e; }
.formular-erfolg { grid-column: 1 / -1; padding: var(--s4) 0; }
.formular-erfolg p:first-child { font: 700 1.3rem/1.3 var(--kopf); }

/* Angola */
.ao .kopf { background: #106880; border-color: #106880; }
.ao .nav a { color: #fff; } .ao .nav a:hover { color: var(--gelb); }
.ao .sprache { border-color: rgba(255, 255, 255, 0.4); } .ao .sprache a { color: #fff; } .ao .sprache .sp-aktiv { background: #fff; color: #106880; }
.ao .menue-knopf { color: #fff; border-color: rgba(255, 255, 255, 0.4); }
.ao .nav.offen { background: #106880; } .ao .nav.offen a { border-color: rgba(255, 255, 255, 0.25); }
.ao .seitenkopf { background: #e7f3f6; border-color: #cfe4ea; }
.ao .kontakt { background: #e7f3f6; }
.ao .passer::after { background: var(--logo); }
.ao-fuss { background: #0b4a5c; }

/* Fuss */
.fuss { background: var(--nacht); color: #dbe9f4; padding: var(--s6) 0 var(--s4); font-size: 0.95rem; }
.fuss a { color: #fff; text-decoration: none; }
.fuss a:hover { text-decoration: underline; }
.fuss h2 { font: 600 0.8rem/1.2 var(--kopf); text-transform: uppercase; letter-spacing: 0.1em; color: var(--logo); margin-bottom: var(--s3); }
.fuss-raster { display: grid; gap: var(--s5); }
.fuss-marke img { width: 190px; height: auto; margin-bottom: var(--s3); }
.fuss ul { list-style: none; padding: 0; margin: 0; }
.fuss li { margin-bottom: 8px; }
.fuss address { font-style: normal; line-height: 1.7; }
.fuss .zeiten { margin: var(--s3) 0 0; color: #b8cfe0; }
.fuss-unten { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--s3); margin-top: var(--s5); padding-top: var(--s3); border-top: 1px solid rgba(255, 255, 255, 0.18); font-size: 0.85rem; color: #b8cfe0; }
.fuss-unten ul { display: flex; gap: var(--s4); flex-wrap: wrap; }
.fuss-unten li { margin: 0; }
@media (min-width: 760px) { .fuss-raster { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1100px) { .fuss-raster { grid-template-columns: 1.3fr 1fr 1fr 1.2fr; } .ao-raster { grid-template-columns: 1.3fr 1.4fr 1fr; } }

/* Rechtstexte, 404, Zahlung */
.recht .lesen { max-width: 44em; }
.recht h2 { font-size: 1.3rem; margin-top: var(--s5); }
.smliste { grid-template-columns: 1fr 1fr; max-width: 30rem; }
.smliste a { display: block; padding: 12px 0; border-bottom: 1px solid var(--linie); font-weight: 600; text-decoration: none; }
.team-breit img, .freisteller img { width: 100%; height: auto; }

@media (prefers-reduced-motion: reduce) { * { transition: none !important; scroll-behavior: auto !important; } }
@media print { .kopf, .fuss, .cta, .hinweisleiste { display: none; } }
.kopf-tel { flex: none; }
.nav-knopf, .kopf-tel, .sprache a, .sprache .sp-aktiv { white-space: nowrap; }
.nav .nav-knopf { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 18px; border-bottom: 2px solid var(--gelb); font-size: 0.92rem; }