/* Pagetal Support: öffentliche Support-Seite und Support-Bereich (Stil der Homepage; Schriften von /assets/fonts/) */
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/inter-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/inter-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/inter-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/manrope-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/manrope-latin-700-normal.woff2') format('woff2')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:800;font-display:swap;src:url('/assets/fonts/manrope-latin-800-normal.woff2') format('woff2')}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:#F6F7F3;color:#16221E;font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:16px;line-height:1.6}
h1,h2,h3{font-family:'Manrope',system-ui,sans-serif;color:#16221E;margin:0;line-height:1.2}
h1{font-weight:800}
h2,h3{font-weight:700}
b,strong,.fett{font-weight:600}
p{margin:0 0 10px}
a{color:#0A7F77}
a:hover{color:#075E58}
img{max-width:100%;height:auto}
:focus-visible{outline:3px solid #0A7F77;outline-offset:2px}
.ix-kopf :focus-visible,.band :focus-visible,.pk-fuss :focus-visible{outline-color:#FFFFFF}
.skip{position:absolute;left:-9999px;top:0;background:#16221E;color:#FFFFFF;padding:10px 16px;z-index:50}
.skip:focus{left:8px;top:8px}
.nur-leser{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[hidden]{display:none !important}
.leise{color:#4f5f59}
.leise-text{color:#4f5f59;font-size:15px;margin:4px 0 0}
.klein{font-size:13px}
.h2{font-size:22px;margin:8px 0 14px}
.h3{font-size:18px;margin:0 0 12px}

/* Knöpfe, Karten, Formularfelder */
.knopf{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border-radius:12px;background:#0A7F77;color:#FFFFFF;text-decoration:none;font:inherit;font-weight:600;font-size:15px;border:1.5px solid #0A7F77;cursor:pointer;text-align:center}
.knopf:hover{background:#075E58;border-color:#075E58;color:#FFFFFF}
.knopf-zwei{background:#FFFFFF;color:#16221E;border-color:#C9D2CA}
.knopf-zwei:hover{background:#E2F4F2;border-color:#0A7F77;color:#16221E}
.knopf-gefahr{background:#A3241A;border-color:#A3241A;color:#FFFFFF}
.knopf-gefahr:hover{background:#7F1B13;border-color:#7F1B13;color:#FFFFFF}
.knopf-weiss{background:#FFFFFF;color:#16221E;border-color:#FFFFFF}
.knopf-weiss:hover{background:#E2F4F2;color:#16221E;border-color:#E2F4F2}
.knopf-rand{background:transparent;color:#FFFFFF;border-color:#FFFFFF}
.knopf-rand:hover{background:#FFFFFF;color:#16221E;border-color:#FFFFFF}
.knopf-klein{min-height:36px;padding:0 14px;font-size:14px;border-radius:10px}
.knopf-voll{display:flex;width:100%;margin-top:12px}
.textknopf{background:none;border:0;padding:6px 0;font:inherit;color:#0A7F77;text-decoration:underline;cursor:pointer}
.textknopf:hover{color:#075E58}
.knopfreihe{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.karte{background:#FFFFFF;border:1px solid #DDE3DC;border-radius:18px;padding:24px;min-width:0}
.karte-hell{background:#E2F4F2;border-color:#BFE3DF}
.karte-gefahr{border-color:#E7B8B3;background:#FFFBFA}
.schmal-karte{max-width:640px}
.pille,.ix-pille{display:inline-block;background:#E2F4F2;color:#075E58;border-radius:999px;padding:5px 14px;font-size:13px;font-weight:600}
.feld{display:block;width:100%;min-height:44px;border:1.5px solid #8A9A92;border-radius:12px;padding:8px 14px;font:inherit;font-size:15px;background:#FFFFFF;color:#16221E}
.feld:hover{border-color:#4f5f59}
.feld:focus-visible{border-color:#0A7F77}
.feld-klein{min-height:36px;padding:4px 10px;font-size:14px;border-radius:10px;width:auto;min-width:130px}
.feld-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}
textarea.feld{line-height:1.6;resize:vertical}
.textfeld{min-height:130px}
select.feld{padding-right:30px}
.beschriftung{display:block;font-size:14px;font-weight:600;margin-bottom:6px}
.haken{display:flex;align-items:center;gap:10px;font-size:15px;min-height:44px}
.haken input{width:20px;height:20px;accent-color:#0A7F77}
.formular{display:flex;flex-direction:column;gap:16px}
.formular+.formular{margin-top:8px}
.zeile{min-width:0}
.zeile-schmal{max-width:320px}
.zweier{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
form.inline,.inline-form{display:inline-flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0}
.festwert{margin:0;padding:10px 14px;background:#F6F7F3;border:1px solid #DDE3DC;border-radius:12px;overflow-wrap:anywhere}
.geheimnis{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:20px;letter-spacing:.08em;background:#F6F7F3;border:1px solid #DDE3DC;border-radius:12px;padding:14px 16px;overflow-wrap:anywhere}
.meldung{margin:0 0 16px;padding:12px 16px;border-radius:12px;font-weight:500;font-size:15px}
.meldung-ok{background:#DDF4E8;color:#0D5C38}
.meldung-fehler{background:#FBE0DD;color:#8A1C12}
.meldung-info{background:#E2F4F2;color:#075E58}

/* Chips */
.chip{display:inline-block;padding:3px 12px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;line-height:1.5}
.chip-neu{background:#E8EEF5;color:#1D3D63}
.chip-bearbeitung{background:#FFF1D6;color:#7A4A00}
.chip-wartet{background:#E2F4F2;color:#075E58}
.chip-geloest{background:#DDF4E8;color:#0D5C38}
.chip-dringend{background:#FDE3DE;color:#8A1C12}
.chip-grau{background:#EDEFF2;color:#33414F}
.chip-hell{background:#F1F3F0;color:#33414F;border:1px solid #DDE3DC}
.chip-weiss{background:#FFFFFF;color:#075E58}
.chip-gelb{background:#FFF1D6;color:#7A4A00}
.gruen{color:#0B6B3A}
.orange{color:#8A4B00}

/* Öffentliche Seiten */
.pk-kopf{border-bottom:1px solid #DDE3DC;background:#F6F7F3}
.pk-kopf-innen{max-width:1120px;margin:0 auto;padding:18px 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.pk-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:#16221E;font-family:'Manrope',sans-serif;font-weight:800;font-size:22px}
.pk-logo:hover{color:#16221E}
.pk-logo img{display:block;width:38px;height:39px;object-fit:contain}
.pk-nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px 28px;font-size:16px;font-weight:500}
.pk-nav a:not(.knopf){color:#16221E;text-decoration:none;padding:6px 0}
.pk-nav a:not(.knopf):hover{color:#0A7F77}
.pk-nav a[aria-current="page"]{color:#0A7F77;font-weight:600;border-bottom:2px solid #0A7F77}
.pk-nav .knopf{padding:0 20px;border-radius:10px}
.hero{max-width:1120px;margin:0 auto;padding:72px 24px 32px}
.hero-innen{max-width:720px}
.hero h1{font-size:46px;line-height:1.1;letter-spacing:-0.02em;margin-top:16px}
.einleitung{font-size:18px;color:#3F4E48;margin:16px 0 28px}
.bereich{max-width:1120px;margin:0 auto;padding:24px}
.bereich>h2{font-size:30px;font-weight:800;margin-bottom:24px}
.bereich-unten{padding-bottom:72px}
.schritte{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.schritt{display:flex;gap:16px;align-items:flex-start}
.schritt h3{font-size:19px}
.schritt p{margin:8px 0 0;color:#3F4E48}
.nr{width:36px;height:36px;border-radius:50%;background:#E2F4F2;color:#075E58;font-family:'Manrope',sans-serif;font-weight:800;display:flex;align-items:center;justify-content:center;flex:0 0 36px}
.zweispaltig{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}
.zweispaltig .haupt{flex:999 1 520px;min-width:0}
.haupt h2{font-size:26px;font-weight:800}
.haupt .leise-text{margin:6px 0 18px}
.seitenkarten{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:20px}
.seitenkarten h3{font-size:19px;margin-bottom:8px}
.seitenkarten p{color:#3F4E48}
.karte-hell p{color:#16221E}
.stand-text{overflow-wrap:anywhere}
.faq-liste{margin-top:12px}
.faq{border-top:1px solid #DDE3DC;padding:14px 0}
.faq summary{cursor:pointer;font-weight:600;font-size:16px;color:#16221E;padding:2px 0}
.faq p{margin:8px 0 0;color:#3F4E48;overflow-wrap:anywhere}
.band{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;background:#16221E;border-radius:18px;padding:28px}
.band-text{max-width:620px}
.band h2{font-size:26px;font-weight:800;color:#FFFFFF}
.band p{margin:8px 0 0;color:#D6E0DB}
.pk-fuss{border-top:1px solid #DDE3DC;background:#FFFFFF}
.pk-fuss-innen{max-width:1120px;margin:0 auto;padding:32px 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 32px;font-size:15px;color:#55645E}
.pk-fuss nav{display:flex;flex-wrap:wrap;gap:8px 24px}
.pk-fuss a{color:#0A7F77}
.artikel{max-width:820px;display:flex;flex-direction:column;gap:20px;padding-top:48px;padding-bottom:72px}
.artikel h1{font-size:34px;margin-bottom:16px;overflow-wrap:anywhere}
.artikeltext p{font-size:17px;overflow-wrap:anywhere}
.brotkrume{font-size:14px;color:#55645E;margin:0}

/* Support-Bereich: Rahmen */
.ix-kopf{background:#16221E}
.ix-kopf-innen{max-width:1280px;margin:0 auto;padding:14px 24px;display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between}
.ix-marke{display:flex;align-items:center;gap:14px}
.ix-name{font-family:'Manrope',sans-serif;font-weight:800;font-size:20px;color:#FFFFFF}
.ix-name span{color:#7FD6CF}
.ix-kopf .ix-pille{background:#0A7F77;color:#FFFFFF;font-size:12px;padding:4px 12px}
.ix-benutzer{display:flex;align-items:center;gap:16px;color:#D6E0DB;font-size:14px;flex-wrap:wrap}
.kopf-knopf{background:none;border:0;padding:8px 2px;font:inherit;color:#FFFFFF;text-decoration:underline;cursor:pointer}
.kopf-knopf:hover{color:#7FD6CF}
.ix-rahmen{max-width:1280px;margin:0 auto;padding:32px 24px 64px;display:flex;flex-wrap:wrap;gap:28px;align-items:flex-start}
.ix-nav{flex:0 0 220px;display:flex;flex-direction:column;gap:20px}
.ix-gruppe{display:flex;flex-direction:column;gap:2px}
.ix-gruppenkopf{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#4f5f59;font-weight:600;padding:0 12px 6px}
.sl{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:40px;padding:0 12px;border-radius:10px;text-decoration:none;color:#16221E;font-size:14px}
.sl:hover{background:#E2F4F2;color:#16221E}
.sl-an{background:#E2F4F2;font-weight:600;color:#075E58}
.sl-zahl{font-variant-numeric:tabular-nums}
.ix-haupt{flex:999 1 640px;min-width:0;display:flex;flex-direction:column;gap:20px}
.schmal .schmal-haupt{max-width:640px;margin:0 auto;padding:48px 24px 80px}
.schmal-karte h1,.schmal-haupt h1{font-size:28px;margin-bottom:16px}
.schmal-haupt .karte{display:flex;flex-direction:column;gap:6px}
.seitenkopf{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.seitenkopf h1,.ticketkopf h1{font-size:30px}
.ix-haupt>.karte h1{font-size:28px;margin-bottom:12px}

/* Liste und Filter */
.filter{display:flex;flex-wrap:wrap;gap:14px 16px;align-items:flex-end;padding:20px}
.filter-feld{flex:1 1 190px;min-width:0}
.filter-breit{flex:2 1 280px}
.filter-knoepfe{display:flex;gap:10px;flex-wrap:wrap}
.tabellenkarte{padding:0;overflow-x:auto}
table.tickets{width:100%;border-collapse:collapse;font-size:14px}
table.tickets th{text-align:left;padding:12px 20px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#4f5f59;font-weight:600;background:#F6F7F3;border-bottom:1px solid #DDE3DC;white-space:nowrap}
table.tickets td{padding:16px 20px;border-bottom:1px solid #DDE3DC;vertical-align:top}
table.tickets tr:last-child td{border-bottom:0}
table.tickets .t-nr{white-space:nowrap}
table.tickets .t-betreff{min-width:240px;overflow-wrap:anywhere}
table.tickets .t-web{overflow-wrap:anywhere}
table.tickets .t-status{white-space:nowrap}
.ticketlink{color:#16221E;font-weight:600;text-decoration:none}
a.ticketlink:hover{color:#0A7F77;text-decoration:underline}
.zeile-dringend td{background:#FFF8E8}
.aktionen{white-space:normal}
.aktionen form{margin:2px 4px 2px 0}
.seitenwechsel{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.seite{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1.5px solid #C9D2CA;border-radius:10px;background:#FFFFFF;color:#16221E;text-decoration:none;font-size:14px}
.seite:hover{background:#E2F4F2;color:#16221E}
.seite-an{background:#0A7F77;border-color:#0A7F77;color:#FFFFFF;font-weight:600}
.seite-an:hover{background:#075E58;color:#FFFFFF}
.berichtwahl{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}

/* Ticket */
.ticketkopf{display:flex;flex-direction:column;gap:6px}
.zurueck{font-size:14px;text-decoration:none;align-self:flex-start;padding:4px 0}
.zurueck:hover{text-decoration:underline}
.chips{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;font-size:14px}
.ticketkopf h1{overflow-wrap:anywhere}
.zweispalt{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}
.spalte-haupt{flex:999 1 600px;min-width:0;display:flex;flex-direction:column;gap:20px}
.spalte-seite{flex:1 1 320px;min-width:0;max-width:420px;display:flex;flex-direction:column;gap:20px}
.verlauf{display:flex;flex-direction:column;gap:14px}
.nachricht{border-radius:14px;padding:16px 20px;border:1px solid #DDE3DC;background:#F6F7F3}
.nachricht-support{background:#E2F4F2;border-color:#BFE3DF}
.nachricht-notiz{background:#FFF8E8;border:1px dashed #A9822F}
.nachricht-system{background:#FFFFFF;border-style:solid;font-size:14px;color:#33414F;padding:10px 16px}
.nachricht-kopf{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline;margin-bottom:8px;font-size:13px}
.nachricht-support .nachricht-kopf strong{color:#075E58}
.nachricht-notiz .nachricht-kopf strong{color:#7A4A00}
.nachricht-notiz .nachricht-kopf .leise{color:#5C4A22}
.nachricht-support .nachricht-kopf .leise{color:#3D4D47}
.nachricht-text{font-size:15px;line-height:1.6;overflow-wrap:anywhere}
.anhaenge{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.anhaenge li{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}
.anhang{display:inline-block;background:#FFFFFF;border:1px solid #DDE3DC;border-radius:8px;padding:6px 12px;font-size:13px;text-decoration:none;overflow-wrap:anywhere}
.reiter{display:flex;flex-wrap:wrap;gap:4px;border:0;border-bottom:1px solid #DDE3DC;margin:0 0 4px;padding:0;position:relative}
.reiter input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.reiter label{min-height:40px;padding:8px 16px;border-bottom:3px solid transparent;font-size:14px;font-weight:600;color:#4f5f59;cursor:pointer;display:inline-flex;align-items:center}
.reiter input:checked+label{color:#075E58;border-bottom-color:#0A7F77}
.reiter input:focus-visible+label{outline:3px solid #0A7F77;outline-offset:-3px}
.hinweis-art{font-size:13px;color:#4f5f59;margin:0}
[data-art="notiz"] .hinweis-antwort,[data-art="notiz"] .wenn-antwort{display:none}
[data-art="antwort"] .hinweis-notiz{display:none}
.formular:has(#art-notiz:checked) .hinweis-antwort,.formular:has(#art-notiz:checked) .wenn-antwort{display:none}
.formular:has(#art-antwort:checked) .hinweis-notiz{display:none}
.kv-liste{margin:0}
.kv{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid #DDE3DC;font-size:14px}
.kv dt,.kv>:first-child{color:#4f5f59;margin:0}
.kv dd{margin:0;font-weight:500;text-align:right;overflow-wrap:anywhere;min-width:0}
.kv>a:first-child,.kv>:first-child a{color:#0A7F77}
.kv-zwei{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));column-gap:32px}
.liste-schlicht{list-style:none;margin:0;padding:0}
.liste-schlicht .kv{align-items:center}
.liste-schlicht .kv>a{overflow-wrap:anywhere}
.ck-liste{list-style:none;margin:0;padding:0}
.ck{display:flex;gap:10px;align-items:flex-start;font-size:14px;padding:6px 0;line-height:1.4}
.ck b{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;flex:0 0 20px}
.ampel-ok{background:#DDF4E8;color:#0D5C38}
.ampel-warnung{background:#FFF1D6;color:#7A4A00}
.ampel-fehler{background:#FBE0DD;color:#8A1C12}
.ck-hinweis{color:#4f5f59}
.bericht-bereiche{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}
.bericht-bereich h3{font-size:17px;margin-bottom:12px}
.klartext{margin:12px 0 0;padding:14px 16px;background:#F6F7F3;border:1px solid #DDE3DC;border-radius:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;max-height:360px;overflow:auto}
.klartext-gross{max-height:640px}
details>summary{cursor:pointer;font-weight:600}
.kartenliste{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}
.baustein{display:flex;flex-direction:column;gap:6px}
.baustein .vorschau{color:#3F4E48;font-size:14px;overflow-wrap:anywhere;margin:0 0 8px}


@media (min-width:861px) and (max-width:1180px){
  table.tabelle-team thead,table.tabelle-inst thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  table.tabelle-team,table.tabelle-team tbody,table.tabelle-inst,table.tabelle-inst tbody{display:block}
  table.tabelle-team tr,table.tabelle-inst tr{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.4fr) auto;gap:6px 16px;padding:14px 20px;border-bottom:1px solid #DDE3DC}
  table.tabelle-team tr:last-child,table.tabelle-inst tr:last-child{border-bottom:0}
  table.tabelle-team td,table.tabelle-inst td{display:block;padding:0;border:0;min-width:0}
  table.tabelle-team .t-betreff,table.tabelle-inst .t-betreff{grid-column:1;min-width:0}
  table.tabelle-team .aktionen,table.tabelle-team .t-zeit,table.tabelle-inst .aktionen,table.tabelle-inst .t-zeit{grid-column:1 / -1}
}

/* Schmale Bildschirme */
@media (max-width:860px){
  .ix-rahmen{padding:20px 16px 48px;gap:20px}
  .ix-kopf-innen{padding:12px 16px}
  .ix-nav{flex:1 1 100%;flex-direction:row;flex-wrap:wrap;gap:12px 24px}
  .ix-gruppe{flex:1 1 200px}
  .ix-haupt,.spalte-haupt{flex-basis:100%}
  .spalte-seite{max-width:none;flex-basis:100%}
  table.tickets thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  table.tickets,table.tickets tbody{display:block}
  table.tickets tr{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:14px 16px;border-bottom:1px solid #DDE3DC}
  table.tickets tr:last-child{border-bottom:0}
  table.tickets td{display:block;padding:0;border:0;min-width:0}
  table.tickets .t-nr{grid-column:1;grid-row:1}
  table.tickets .t-status{grid-column:2;grid-row:1;text-align:right}
  table.tickets .t-betreff{grid-column:1 / -1;min-width:0}
  table.tickets .t-web,table.tickets .t-version,table.tickets .t-zeit{grid-column:1 / -1}
  table.tickets .aktionen{grid-column:1 / -1}
  .zeile-dringend{background:#FFF8E8}
  .zeile-dringend td{background:transparent}
  .tabelle-inst td,.tabelle-team td,.tabelle-hilfe td{grid-column:1 / -1}
  .tabelle-inst .t-status,.tabelle-team .t-status,.tabelle-hilfe .t-status{text-align:left}
}
@media (max-width:1180px){
  table.tabelle-team td:nth-child(4)::before{content:"Zwei-Faktor: ";color:#4f5f59}
  table.tabelle-team td:nth-child(5)::before{content:"Letzte Anmeldung: "}
}
@media (max-width:600px){
  .ix-gruppe{flex-direction:row;flex-wrap:wrap;gap:4px}
  .ix-gruppenkopf{flex:1 1 100%}
  .sl{min-height:40px;border:1px solid #DDE3DC;background:#FFFFFF;gap:10px}
  .sl-an{border-color:#BFE3DF;background:#E2F4F2}
  .filter-feld{flex:1 1 100%}
  .hero{padding:44px 16px 16px}
  .hero h1{font-size:clamp(30px,8.5vw,40px);overflow-wrap:anywhere}
  .bereich{padding:16px}
  .bereich>h2{font-size:26px}
  .pk-kopf-innen,.pk-fuss-innen{padding-left:16px;padding-right:16px}
  .pk-nav{gap:4px 18px}
  .karte{padding:18px}
  .karte.tabellenkarte{padding:0}
  .band{padding:22px 18px}
  .band .knopfreihe,.hero .knopfreihe{width:100%}
  .band .knopf,.hero .knopf{flex:1 1 100%}
  .schmal .schmal-haupt{padding:24px 16px 56px}
  .artikel h1{font-size:28px}
  .seitenkopf h1,.ticketkopf h1{font-size:26px}
  .nachricht{padding:14px 14px}
  .kv{flex-wrap:wrap}
  .kv dd{text-align:left}
  .geheimnis{font-size:17px}
}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media print{.ix-kopf,.ix-nav,.pk-kopf,.pk-fuss,.skip{display:none}}