/* Gemeinsames Aussehen der drei /inserieren-Seiten (Fenster · Aktivieren · Loeschen).
   Bewusst ausgelagert statt dreimal eingebettet: die Regeln sind bis auf wenige Zeilen
   identisch, und drei Kopien waeren drei Stellen, die auseinanderlaufen koennen.
   Die Grundwerte folgen den Rechtstexten unter /rechtliches, damit die Route nicht wie
   eine fremde Seite wirkt. */
*{box-sizing:border-box;margin:0}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 800;font-display:swap;
 src:url('../vendor/fonts/plus-jakarta-sans-latin.woff2') format('woff2');
 unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 800;font-display:swap;
 src:url('../vendor/fonts/plus-jakarta-sans-latin-ext.woff2') format('woff2');
 unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
body{font-family:'Plus Jakarta Sans','Segoe UI',system-ui,sans-serif;background:#f7f6fb;color:#221c35;
 line-height:1.6;padding:24px 16px 64px}
.wrap{max-width:760px;margin:0 auto}
header.top{display:flex;align-items:center;gap:12px;margin-bottom:22px;flex-wrap:wrap}
.lmark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#4F46E5,#6D5AE6);
 display:grid;place-items:center;flex:none}
.brand b{font-size:16px;display:block;line-height:1.2}
.brand i{font-size:11.5px;color:#6d6787;font-style:normal}
h1{font-size:26px;line-height:1.25;margin:14px 0 6px}
h2{font-size:17px;margin:24px 0 6px}
p,li{font-size:14.5px;margin:8px 0}
ul{padding-left:20px}
a{color:#4F46E5}
.card{background:#fff;border:1px solid rgba(34,28,53,.08);border-radius:14px;padding:18px;margin:14px 0}
.mut{color:#6d6787;font-size:12.5px}
.warn{background:#FEF2F2;border:2px solid #DC2626;padding:14px 16px;border-radius:12px;color:#991B1B;margin:14px 0}
.warn b{display:block;margin-bottom:2px}
.note{background:#EEF2FF;border:1px solid #C7D2FE;padding:14px 16px;border-radius:12px;margin:14px 0;font-size:13.5px}
.err{color:#b8332e;font-weight:700;font-size:13.5px;margin:10px 0;min-height:1px}
.okmsg{color:#0f766e;font-weight:700;font-size:13.5px}
label{display:block;font-weight:700;font-size:12.5px;margin:14px 0 4px}
label .opt{font-weight:500;color:#6d6787}
input,select,textarea{width:100%;font:inherit;font-size:14.5px;padding:10px 12px;border-radius:10px;
 border:1px solid rgba(34,28,53,.18);background:#fff;color:inherit}
textarea{min-height:130px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:none;border-color:#4F46E5;box-shadow:0 0 0 3px rgba(79,70,229,.16)}
.row{display:flex;gap:12px;flex-wrap:wrap}
.row>div{flex:1 1 190px}
.check{display:flex;gap:9px;align-items:flex-start;font-weight:600;font-size:13px;margin:12px 0}
.check input{width:auto;flex:none;margin-top:3px}
.btn{font:inherit;font-weight:800;font-size:14.5px;padding:12px 18px;border-radius:12px;border:1px solid transparent;cursor:pointer}
.btn.grad{background:linear-gradient(135deg,#4F46E5,#6D5AE6);color:#fff}
.btn.ghost{background:#fff;border-color:rgba(34,28,53,.18);color:inherit}
.btn.rot{background:#DC2626;color:#fff}
.btn[disabled]{opacity:.55;cursor:progress}
.btn.w{width:100%}
.choice{display:block;width:100%;text-align:left;background:#fff;border:1px solid rgba(34,28,53,.12);
 border-radius:14px;padding:18px;margin:12px 0;cursor:pointer;font:inherit}
.choice:hover{border-color:#4F46E5}
.choice b{display:block;font-size:16px;margin-bottom:3px}
.choice span{font-size:13px;color:#6d6787}
.thumbs{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.thumbs figure{width:96px;margin:0}
.thumbs img{width:96px;height:72px;object-fit:cover;border-radius:8px;display:block;border:1px solid rgba(34,28,53,.12)}
.thumbs figcaption{font-size:10.5px;color:#6d6787;text-align:center;margin-top:2px}
details{margin:12px 0;background:#fff;border:1px solid rgba(34,28,53,.1);border-radius:12px;padding:12px 14px}
summary{font-weight:800;font-size:13.5px;cursor:pointer}
nav.legal{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 0;padding-top:16px;
 border-top:1px solid rgba(34,28,53,.1);font-size:13px}
nav.legal a{font-weight:700;text-decoration:none}
.back{display:inline-block;margin-top:18px;font-weight:700;text-decoration:none}
[hidden]{display:none !important}
@media(prefers-color-scheme:dark){
 body{background:#14121c;color:#e8e6f2}
 .card,.choice,details,input,select,textarea{background:#1d1a28;border-color:rgba(255,255,255,.09)}
 a{color:#a5b4fc} .brand i,.mut,label .opt,.choice span,.thumbs figcaption{color:#a6a1bd}
 .note{background:#1e2038;border-color:#33386b}
 .warn{background:#2a1618;border-color:#DC2626;color:#fca5a5}
 .btn.ghost{background:#1d1a28;border-color:rgba(255,255,255,.14)}
 .okmsg{color:#5eead4}}

/* Maschinenlesbare Zone: dicktengleiche Schrift, damit ein verrutschtes Zeichen sofort
   auffaellt, und weite Laufweite gegen die Verwechslung von 0 und O. */
.mrz{font-family:ui-monospace,'SF Mono',Menlo,Consolas,monospace;letter-spacing:.08em;font-size:13.5px}
/* Ein Feld, das kein Mensch sieht und keine Vorlesesoftware ansagt. Nicht display:none —
   manche Formularroboter ueberspringen genau das und liefen sonst durch. */
.honig{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}