:root{--core:#72A3D7;--bg:#343E46;--link:#9CC0E8;--on-bg:#F2F5F8;--on-bg-muted:#C8D3DE;--ink:#1D2730;--muted:#55616C;--card:#FFFFFF;--line:#D5DCE3;--accent:#2B5F9E;--accent-ink:#14202B;--danger:#A3271F;--alert:#FBE9E6}
*{box-sizing:border-box}
body{margin:0;background:var(--bg) url(/assets/bg.jpg) repeat;color:var(--on-bg);font:17px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--link)}
.top{display:flex;justify-content:space-between;align-items:center;padding:16px;max-width:680px;margin:auto}
.brand{font-weight:800;letter-spacing:.14em;text-decoration:none;color:var(--on-bg)}
nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
main{max-width:680px;margin:auto;padding:16px 16px 48px}
h1{font-size:2rem;line-height:1.2;margin:.5rem 0}
h2{margin-top:2.25rem;font-size:1.2rem}
.lead{font-size:1.1rem;color:var(--on-bg-muted)}
.card{display:block;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:20px;margin:16px 0}
.card a,.card button.link{color:var(--accent)}
label{display:block;font-weight:600;margin:14px 0 6px}
label:first-child{margin-top:0}
input:not([type=checkbox]),textarea{width:100%;padding:12px;font:inherit;color:inherit;background:transparent;border:1px solid var(--line);border-radius:8px}
input:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--core);outline-offset:1px}
button,.button{display:inline-block;margin-top:16px;padding:12px 20px;border:1px solid var(--core);border-radius:8px;background:var(--core);color:var(--accent-ink);font:inherit;font-weight:600;cursor:pointer;text-decoration:none}
button.ghost,.button.ghost{background:transparent;color:var(--link);border-color:var(--link)}
.card button.ghost{color:var(--accent);border-color:var(--accent)}
button.link{margin:0;padding:0;border:0;background:none;color:var(--link);font-weight:400;text-decoration:underline}
.dangerbtn{background:var(--danger);border-color:var(--danger);color:#fff}
.alert{background:var(--alert);color:var(--ink);border:1px solid var(--danger);padding:12px 16px;border-radius:8px}
.hint,.meta{color:var(--muted);font-size:.9rem}
.mono{font-family:ui-monospace,Consolas,monospace;letter-spacing:.06em}
.code{font-size:1.2rem;margin:0}
.check{display:flex;gap:8px;align-items:center;font-weight:400}
.msg.new{border-left:4px solid var(--core)}
.body{overflow-wrap:anywhere}
.hp{position:absolute;left:-9999px}
summary{cursor:pointer;font-weight:600}
.top.wide,footer.wide{max-width:1120px}
footer{max-width:680px;margin:auto;padding:16px;color:var(--on-bg-muted);font-size:.85rem}
.wide{max-width:1120px}
.card.row{display:flex;justify-content:space-between;gap:16px;text-decoration:none;color:var(--ink);flex-wrap:wrap}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0 16px}
.toggle{display:flex;align-items:center;gap:12px;margin:10px 0;font-weight:400;cursor:pointer}
.toggle input{appearance:none;width:44px;height:26px;margin:0;flex:none;border-radius:13px;background:var(--line);position:relative;cursor:pointer}
.toggle input::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .15s}
.toggle input:checked{background:var(--core)}
.toggle input:checked::after{left:21px}
.facts{display:grid;grid-template-columns:minmax(0,auto) 1fr;gap:4px 16px;margin:0}
.facts dt{color:var(--muted)}
table a{color:var(--accent)}
.card select{color:var(--ink)}
.facts dd{margin:0;overflow-wrap:anywhere}
.tablewrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;background:var(--card);color:var(--ink);font-size:.95rem}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
select{width:100%;padding:12px;font:inherit;color:inherit;background:var(--card);border:1px solid var(--line);border-radius:8px}
.inline{display:inline}
.pager a{margin-right:12px}
[hidden]{display:none!important}
.pw-wrap{position:relative}
.pw-wrap input{padding-right:48px}
.pw-eye{position:absolute;top:50%;right:6px;transform:translateY(-50%);width:38px;height:38px;margin:0;padding:8px;display:flex;align-items:center;justify-content:center;border:0;background:none;color:var(--muted)}
.stack{display:block}
footer{text-align:center}
footer img{display:inline-block;opacity:.9}
footer nav{justify-content:center;margin-top:12px}
.page{overflow-wrap:anywhere}
.page h2{margin-top:1.5rem}
.page h2:first-child{margin-top:0}
main.wide+footer{max-width:1120px}
.page-img{display:block;max-width:100%;height:auto;border-radius:8px}
.toolbar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.toolbar button{margin:0;padding:6px 10px;font-weight:400;background:#EEF3F8;border-color:var(--line);color:var(--ink)}
.toolbar select{width:auto;padding:6px 8px}
.editor{min-height:420px;padding:14px;border:1px solid var(--line);border-radius:8px;overflow-x:auto}
.page table{border-collapse:collapse}
.page th,.page td{border:1px solid var(--line)}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.tile{background:var(--card);color:var(--ink);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:4px}
.tile strong{font-size:1.8rem;line-height:1.1}
.tile span{color:var(--muted);font-size:.9rem}
.page ul{padding-left:1.2rem}
.page li{margin:.3rem 0}
.success{background:#E5F5EA;color:#14532D;border:1px solid #2E8B57;padding:12px 16px;border-radius:8px}
.plans input:not([type=checkbox]){padding:8px;min-width:70px}
.plans td{vertical-align:middle}
.plans .toggle{margin:0}
.plans th{white-space:nowrap}
.plan-desc td{padding-top:0}
.plan-desc input:not([type=checkbox]){width:100%}
.pager{display:flex;flex-wrap:wrap;gap:8px 24px;margin:16px 0}
.pager .current{font-weight:700;color:var(--on-bg);text-decoration:none}
table button.link{color:var(--accent)}

fieldset{border:0;margin:0 0 20px;padding:0}
legend{font-weight:700;font-size:1.05rem;padding:0;margin-bottom:8px}
input[type=radio]{width:auto;padding:0;flex:none;accent-color:var(--accent)}
.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:10px}
.plan-pick{position:relative;margin:0;cursor:pointer;font-weight:400}
.plan-pick input{position:absolute;opacity:0;top:8px;left:8px}
.plan-card{display:flex;flex-direction:column;gap:6px;height:100%;padding:14px 10px;border:2px solid var(--line);border-radius:10px;text-align:center}
.plan-card strong{font-size:1.05rem;color:var(--accent)}
.plan-price{font-weight:700}
.plan-card .meta{font-size:.78rem;line-height:1.3}
.plan-pick input:checked+.plan-card{border-color:var(--accent);background:#EEF4FB;box-shadow:inset 0 0 0 1px var(--accent)}
.plan-pick input:focus-visible+.plan-card{outline:3px solid var(--core);outline-offset:2px}
.addon-grid{gap:0 16px}
.addon-opt{margin:6px 0}
.sum{font-size:1.15rem;margin:16px 0 0}
.flush{margin-top:0}
.address{display:grid;grid-template-columns:3fr 1fr;gap:0 16px}
.agb{align-items:flex-start;margin-top:18px}
.agb input{margin-top:5px;flex:none}
.filters{gap:8px 16px;margin:12px 0}
.filters .current{font-weight:700;color:var(--on-bg);text-decoration:none}
.addon-row tr:last-child td{border-bottom:2px solid var(--line)}
.plan-checks{display:flex;flex-wrap:wrap;gap:4px 16px;align-items:center;margin-top:8px}
.plan-checks .check{margin:0}
@media(max-width:480px){.address{grid-template-columns:2fr 1fr}.plan-grid{grid-template-columns:repeat(2,1fr)}}
.item-row{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.item-row img{border-radius:6px;object-fit:cover;flex:none}
.item-text{flex:1;min-width:0;overflow-wrap:anywhere}
.item-row form{flex:none}
.code-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.code-head .lead{margin:0}
.status-light{display:inline-flex;align-items:center;gap:8px;margin:0;padding:6px 14px;border-radius:999px;background:transparent;border:1px solid var(--on-bg-muted);color:var(--on-bg);font-weight:600}
.status-light span{width:12px;height:12px;border-radius:50%}
.status-light.on span{background:#3CC46E}
.status-light.off span{background:#E5484D}
.package{scroll-margin-top:16px}
.package h2{margin:0 0 4px}
.package.mine{border:2px solid var(--accent)}
.package ul{margin:10px 0 0;padding-left:1.2rem}
.tile-link{text-decoration:none;transition:box-shadow .15s}
.tile-link:hover{box-shadow:0 0 0 3px var(--core)}
.badge{display:inline-block;padding:1px 8px;border-radius:999px;background:#E6EBF0;color:var(--ink);font-size:.8rem;white-space:nowrap}
.badge.warn{background:#FFD84D;font-weight:700}
.row-open td{background:#FFF8DC}
.home-hero{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;margin:16px 0}
.home-section{margin-top:32px}
.home-section h2{margin:0 0 12px;font-size:1.4rem}
.home-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.home-card{background:var(--card);color:var(--ink);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.home-card-img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.home-card-text{padding:14px 16px 16px}
.home-card h3{margin:0 0 4px;font-size:1.05rem}
.home-card p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.4}
.home-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-bottom:8px;border-radius:50%;background:var(--core);color:var(--accent-ink);font-weight:700}
.home-cta{margin-top:32px;text-align:center}
.home-cta h2{margin:0 0 6px}
.home-cta .button{margin-top:8px}
.promo-mini{margin-top:32px}
.promo-mini summary{font-weight:400}
.home-admin-img{display:block;width:160px;aspect-ratio:4/3;object-fit:cover;border-radius:8px;margin:8px 0}
@media(max-width:480px){.home-cards{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}
@media(max-width:480px){.home-cards.three{grid-template-columns:1fr}}
.card a.button{color:var(--accent-ink)}
.card a.button.ghost{color:var(--accent);border-color:var(--accent)}
.page h3{scroll-margin-top:12px}
.page h2[id]{scroll-margin-top:12px}
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.promo-mini{background:var(--core);border-color:var(--core);color:#fff}
.promo-mini summary{font-weight:700;font-size:1.1rem;color:#fff}
.promo-mini label{color:#fff}
.promo-mini input{background:#fff;color:var(--ink);border-color:#fff}
.promo-mini button{background:#fff;border-color:#fff;color:var(--accent)}
@media(min-width:560px){.home-cards{grid-template-columns:repeat(3,1fr)}}
a.home-card{text-decoration:none;transition:box-shadow .15s,transform .15s}
a.home-card:hover{box-shadow:0 0 0 3px var(--core);transform:translateY(-2px)}
.home-card h3::after{content:" \2192";color:var(--accent)}
.page h3[id]{scroll-margin-top:12px}
.page h2{font-size:1.5rem;line-height:1.25;margin-bottom:.5rem}
.page h3{font-size:1.15rem;line-height:1.3;margin:1.25rem 0 .35rem}
.page h4{font-size:1rem;margin:1rem 0 .3rem}
.top{display:block}
.brand{display:block;text-align:center;font-size:22.1px;line-height:1.15}
.brand span{display:block;font-size:11.9px;font-weight:700;letter-spacing:.14em;margin-top:2px}
.top nav{justify-content:flex-end;margin-top:12px}
@media(max-width:420px){.top nav{gap:12px;font-size:.92rem}}
.qr-or{text-align:center;color:var(--muted);font-size:.9rem;margin:10px 0 0}
.qr-open{display:block;width:100%;margin-top:8px}
.card .qr-open{color:var(--accent);border-color:var(--accent)}
.nfc-hint{font-size:.85rem;margin:-4px 0 0}
.qr-box{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;background:#10161B;color:#fff;text-align:center}
.qr-box video{width:min(90vw,420px);aspect-ratio:1;object-fit:cover;border:3px solid var(--core);border-radius:14px;background:#000}
.qr-box p{margin:0}
.plan-grid-admin{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.plan-tile{background:var(--card);color:var(--ink);border-radius:12px;padding:20px;text-align:center;display:flex;flex-direction:column;gap:12px;scroll-margin-top:12px}
.plan-tile a{color:var(--accent)}
.plan-tile input:not([type=checkbox]){text-align:center;padding:8px}
.plan-tile .plan-name{font-weight:800;font-size:1.15rem}
.plan-tile .plan-short{font-size:.95rem}
.plan-line{display:flex;justify-content:center;align-items:flex-end;gap:16px;flex-wrap:wrap}
.plan-line label{display:flex;flex-direction:column;align-items:center;gap:4px;margin:0;font-size:.8rem;color:var(--muted);width:92px}
.plan-line .toggle{margin:0;min-height:38px;align-items:center}
.plan-line input:disabled{background:#EEF1F4}
.plan-head{margin:6px 0 0;font-weight:700}
.plan-services{display:grid;grid-template-columns:repeat(3,auto);justify-content:center;gap:6px 16px;text-align:left}
.plan-services .check{margin:0;font-size:.92rem}
.plan-actions{display:flex;justify-content:center;align-items:center;gap:18px}
.plan-actions button{margin:0}
@media(max-width:760px){.plan-grid-admin{grid-template-columns:1fr}.plan-services{grid-template-columns:repeat(2,auto)}}
.plan-fields{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;border:0;min-width:0}
.plan-fields:disabled input:not([type=checkbox]){background:#F4F6F8;border-color:transparent;color:var(--ink);opacity:1}
.plan-fields:disabled .toggle,.plan-fields:disabled .check{opacity:.75}
.plan-tile button.ghost{color:var(--accent);border-color:var(--accent)}
.plan-tile button.link{color:var(--accent)}
.code-link{font-weight:700}
.plan-pick{min-width:0}
.plan-card{min-width:0;overflow:hidden}
.plan-card strong{overflow-wrap:anywhere;hyphens:auto}
th a.sort{color:var(--ink);text-decoration:none}
th a.sort:hover{text-decoration:underline}
.head-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:2.25rem}
.head-row h2{margin:0}
.ticket-hint{font-size:.9rem}
.ticket-hint.new{background:#FFD84D;color:var(--ink);padding:4px 12px;border-radius:999px;font-weight:700;text-decoration:none}
.dash-head{margin-top:0}
.menu{position:relative}
.menu summary{color:var(--link);font-weight:400;text-decoration:underline;list-style:none}
.menu summary::-webkit-details-marker{display:none}
.menu summary::after{content:" \25BE"}
.menu>div{position:absolute;right:0;top:calc(100% + 8px);z-index:20;display:flex;flex-direction:column;min-width:170px;background:var(--card);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.35);padding:6px}
.menu>div a{color:var(--accent);padding:8px 12px;border-radius:6px;text-decoration:none;white-space:nowrap}
.menu>div a:hover{background:#EEF4FB}
.found-state{margin:16px 0 0}
.found-state legend{font-size:1rem;font-weight:600}
.found-state .check{margin:6px 0}
.msg-photo{max-height:420px;margin:8px 0}
.dash-groups{columns:3 260px;column-gap:16px;margin-top:16px}
.dash-group{break-inside:avoid;background:var(--card);color:var(--ink);border-radius:12px;padding:12px 16px;margin:0 0 16px}
.dash-group h2{margin:0 0 6px;font-size:1rem;color:var(--ink)}
.dash-row{display:flex;justify-content:space-between;gap:12px;padding:4px 0;border-top:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:.95rem}
a.dash-row:hover{color:var(--accent)}
.home-ask{font-weight:700;font-size:1.1rem;text-decoration:none}
.home-ask:hover{color:#fff;box-shadow:0 0 0 3px #fff}
.msg-read{padding:10px 16px;margin:8px 0}
.msg-read summary{cursor:pointer;color:var(--muted);font-size:.95rem}
.msg-read[open] summary{margin-bottom:12px}
.lost-card{border-left:6px solid #c0392b}
.lost-card h2{color:#c0392b}
.slide{display:inline-flex;align-items:center;gap:8px;background:none;border:0;padding:4px 0;color:var(--ink);font-weight:600;cursor:pointer;width:auto}
.slide:hover{background:none;color:var(--ink)}
.slide span{position:relative;width:44px;height:24px;border-radius:12px;background:var(--line);flex:none;transition:background .15s}
.slide span::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .15s}
.slide.on span{background:#c0392b}
.slide.on span::after{left:23px}
.slide[disabled]{opacity:.5;cursor:not-allowed}
.pchip{display:inline-block;min-width:22px;padding:0 5px;border-radius:6px;background:#E6EBF0;color:#1d2730;font:700 .7rem/1.5 system-ui,sans-serif;text-align:center;text-decoration:none;vertical-align:middle}
.pchip.p0{background:#CFE0F3}.pchip.p1{background:#CDEBD6}.pchip.p2{background:#FFE7A8}.pchip.p3{background:#F6D3C7}.pchip.p4{background:#DDD3F2}.pchip.p5{background:#C9ECEA}
.pchip-legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:12px;font-size:.9rem}
.chat-msg{border-left:3px solid var(--line);padding:4px 10px;margin:10px 0}
.chat-msg.mine{border-left-color:var(--core)}
.chat-msg .body{margin:2px 0 0}
.slide.ok.on span{background:var(--core)}
.plan-active{display:flex;justify-content:center}
.plan-off .plan-fields{opacity:.4}
.plan-off{background:#e9edf1}
.code-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.code-foot p{margin-top:0}
.code-foot form:last-child{margin-left:auto}
/* Anleitung /erste-schritte: BRIBA-Blau mit weisser Schrift. */
.guide{background:var(--core);color:#fff;border-radius:12px;padding:8px 20px;font-weight:500}
.guide-page{display:flex;flex-direction:column;gap:14px;padding:24px 0;scroll-margin-top:12px}
.guide-page+.guide-page{border-top:2px solid rgba(255,255,255,.35)}
.guide-page.guide-cont{border-top:0;padding-top:0}
.guide figure{margin:0;background:#fff;border-radius:12px;overflow:hidden}
.guide figure img{display:block;width:100%;height:auto}
.guide .guide-shot{padding:8px}
.guide .guide-shot img{border-radius:8px}
.guide .guide-shot.h img{width:auto;max-width:100%;max-height:420px;margin:0 auto}
.guide h1{font-size:2rem;margin:0}
.guide h2{font-size:1.6rem;line-height:1.15;font-weight:800;margin:0;display:flex;align-items:baseline;gap:10px;text-wrap:balance}
.guide h2 span{flex:none;background:#fff;color:var(--bg);border-radius:8px;padding:1px 9px;font-size:.85em}
.guide strong{font-weight:800}
.guide-txt{display:flex;flex-direction:column;gap:10px;min-width:0}
.guide-txt p{margin:0}
.guide ol,.guide ul{margin:0;padding-left:1.3em;display:flex;flex-direction:column;gap:5px}
.guide li::marker{font-weight:800}
.guide .guide-warn{background:var(--bg);color:#fff;padding:10px 14px;border-radius:10px}
.guide-two{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:16px;align-items:start}
.guide-mark{font-size:3.6rem;font-weight:800;letter-spacing:.02em;line-height:1}
.guide-lead{font-size:1.15rem;margin:0}
.guide .guide-pdf{align-self:flex-start;margin:0;background:#fff;border-color:#fff;color:var(--bg);font-weight:700}
.guide-jump{gap:7px}
.guide-jump a{color:var(--bg);background:#fff;font-weight:800;text-decoration:none;min-width:42px;padding:5px 6px;text-align:center;border-radius:8px}
.guide a:focus-visible{outline-color:var(--bg)}
@media(max-width:560px){.guide{padding:4px 16px}.guide-two{grid-template-columns:1fr}.guide h2{font-size:1.4rem}}
.guide-up{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:max(16px,env(safe-area-inset-bottom,0px));z-index:20;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--bg);color:#fff;border:2px solid #fff;box-shadow:0 3px 10px rgba(0,0,0,.35)}
.guide-up:focus-visible{outline-color:var(--core)}
/* Startseiten-Kacheln: nur Bild, ausgegraute Felder, Loeschen. */
.home-card.only-img .home-card-img{aspect-ratio:1/1;height:100%}
[data-card-field]:read-only{background:#E9EDF1;color:var(--muted);cursor:not-allowed}
.card-del{display:flex;justify-content:flex-end}
.home-note{margin:12px 0 0;color:var(--on-bg)}
.card-del{flex-wrap:wrap;gap:8px}
/* Bildkacheln auf der Seite Wofuer BRIBA passt: Titel aus dem Script, Text nur beim Ueberfahren. */
.use-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}
.use-tile{border-radius:12px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.use-tile{container-type:inline-size}
.use-label{background:#fff;color:var(--bg);font-weight:800;font-size:13px;font-size:6.2cqw;line-height:1.2;letter-spacing:0;text-transform:uppercase;text-align:center;padding:12px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.use-pic{position:relative;aspect-ratio:992/780}
.use-pic img{display:block;width:100%;height:100%;object-fit:cover}
.use-pic.no-img{background:var(--core)}
.use-over{position:absolute;inset:0;display:flex;align-items:center;padding:14px;background:rgba(52,62,70,.94);color:#fff;font-size:.95rem;line-height:1.35;opacity:0;transition:opacity .15s}
.use-tile:hover .use-over,.use-tile:focus .use-over,.use-pic.no-img .use-over{opacity:1}
.use-pic.no-img .use-over{background:none;color:var(--accent-ink)}
.use-tile:focus-visible{outline:3px solid var(--core);outline-offset:2px}
@media(max-width:480px){.use-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
a.use-tile{text-decoration:none;transition:box-shadow .15s,transform .15s}
a.use-tile:hover{box-shadow:0 0 0 3px var(--core);transform:translateY(-2px)}
.home-section h2 a{color:inherit;text-decoration:none}
.home-section h2 a:hover{text-decoration:underline}
.ask-text{display:block;font-weight:400;margin-bottom:4px}
.code-hit{text-decoration:none}
.code-hit-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-weight:700}
.code-hit-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:4px 16px;margin-top:10px;font-size:.95rem;font-weight:400}
.code-hit-facts span{min-width:0;overflow-wrap:anywhere}
.toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
@media(max-width:560px){.toggle-grid{grid-template-columns:1fr}}
.imprint-img{display:block;width:100%;max-width:620px;height:auto}
.use-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:760px){.use-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}