/* Seitenrahmen A-MIM / J+G / W-DED (cf-02, Carl 21.10.2026): fester Kopf und Feedback-Knopf. Gehoert zu seitenrahmen.js. */

/* ---- fester Kopf ---- */
html{scroll-padding-top:calc(var(--sr-kopf,120px) + 12px)}
.sr-kopf{position:sticky;top:0;z-index:50;background:#fafafa;margin:-24px -24px 24px;padding:16px 24px 0;transition:box-shadow .2s}
.sr-kopf .nav{margin-bottom:0}
.sr-kopf .header{margin-bottom:8px}
.sr-kopf .header img,.sr-kopf .header-title{transition:height .15s,font-size .15s}
.sr-kopf.sr-gescrollt{box-shadow:0 6px 16px rgba(0,0,0,.08)}
.sr-kopf.sr-gescrollt .header-sub{display:none}
.sr-kopf.sr-gescrollt .header img{height:28px}
.sr-kopf.sr-gescrollt .header-title{font-size:17px}
.sr-kopf.sr-gescrollt .header{margin-bottom:4px}

/* Burger fuer Seiten ohne eigenen (W-DED) - wie /a-mim/site.css */
.topbar.sr-eigen{display:flex;align-items:center;gap:10px}
.topbar.sr-eigen>a{flex:1;min-width:0}
.sr-eigen .burger{display:none;background:none;border:1px solid var(--border);border-radius:8px;font-size:22px;line-height:1;padding:6px 10px;cursor:pointer;color:var(--text)}
.sr-eigen .aktuelle-seite{display:none}

@media(max-width:768px){
  .sr-kopf{padding-top:12px}
  .sr-kopf .nav.offen{max-height:calc(100vh - 110px);overflow-y:auto;padding-bottom:12px}
  .sr-kopf.sr-gescrollt .aktuelle-seite{margin-bottom:6px;padding:4px 10px}
  .topbar.sr-eigen{flex-wrap:wrap}
  .sr-eigen .burger{display:block}
  .sr-eigen ~ .nav{display:none;flex-direction:column;border-bottom:0;margin-bottom:16px}
  .sr-eigen ~ .nav.offen{display:flex}
  .sr-eigen ~ .nav a{padding:12px 8px;font-size:15px;border-bottom:1px solid var(--border);margin:0}
  .sr-eigen ~ .nav a.active{color:var(--accent);font-weight:800;border-left:4px solid var(--accent);padding-left:12px}
  .sr-eigen .aktuelle-seite{display:block;flex:1 0 100%;margin:2px 0 10px;padding:7px 10px;font-size:14px;font-weight:700;color:var(--accent);background:rgba(30,58,95,.08);border-radius:6px}
  .sr-eigen .aktuelle-seite::before{content:"Sie sind hier: ";font-weight:600;color:var(--muted)}
}
@media(max-width:480px){.sr-kopf{margin:-12px -12px 16px;padding:10px 12px 0}}

/* ---- Feedback ---- */
body.sr-mit-feedback{padding-bottom:72px}
.sr-feedback-knopf{position:fixed;right:18px;bottom:18px;z-index:60;display:flex;align-items:center;gap:6px;
  background:#1e3a5f;color:#fff;border:0;border-radius:999px;padding:11px 18px;font:600 14px/1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  box-shadow:0 6px 20px rgba(0,0,0,.25);cursor:pointer}
.sr-feedback-knopf:hover{background:#16304f}
.sr-feedback-knopf:focus-visible{outline:3px solid #FFC106;outline-offset:2px}
@media(max-width:480px){.sr-feedback-knopf{right:12px;bottom:12px;padding:10px 14px;font-size:13px}}

.sr-feedback{width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 24px);border:0;border-radius:14px;padding:0;
  box-shadow:0 20px 50px rgba(0,0,0,.3);color:#111}
.sr-feedback::backdrop{background:rgba(17,24,39,.45)}
.sr-feedback form,.sr-fb-danke{padding:20px 22px}
.sr-fb-kopf{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sr-feedback h2{margin:0;font-size:20px}
.sr-fb-zu{background:none;border:0;font-size:28px;line-height:1;cursor:pointer;color:#666;padding:0 4px}
.sr-fb-intro{margin:6px 0 14px;color:#444;line-height:1.5;font-size:14.5px}
.sr-feedback label{display:block;font-weight:700;font-size:14px;margin:10px 0 4px}
.sr-fb-opt{font-weight:400;color:#666}
.sr-feedback textarea,.sr-feedback input[type=email]{width:100%;font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  border:1px solid #c9c9c9;border-radius:8px;padding:9px 11px;background:#fff;color:#111}
.sr-feedback textarea{resize:vertical;min-height:120px}
.sr-feedback textarea:focus,.sr-feedback input:focus{outline:2px solid #1e3a5f;outline-offset:0;border-color:#1e3a5f}
.sr-fb-zaehler{text-align:right;font-size:12px;color:#666;margin-top:3px}
.sr-fb-zaehler.sr-fb-voll{color:#d32f2f;font-weight:700}
.sr-fb-hilfe{font-size:12.5px;color:#666;margin-top:3px}
.sr-fb-falle{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.sr-fb-status{min-height:20px;margin:12px 0 0;font-size:14px;color:#1e3a5f}
.sr-fb-status.sr-fb-fehler{color:#d32f2f;font-weight:600}
.sr-fb-knoepfe{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.sr-fb-knoepfe .btn{cursor:pointer;font-size:15px}
.sr-fb-senden[disabled]{opacity:.6;cursor:wait}
.sr-fb-alt{margin:16px 0 0;font-size:14px}
.sr-fb-ds{margin:6px 0 0;font-size:12px;color:#777}
.sr-fb-danke p{line-height:1.5}

/* ---- Sprachumschalter (Carl 23.10.2026), nur wo die Seite Sprachfassungen per hreflang nennt ---- */
.sr-sprachen{display:flex;gap:4px;align-items:center;flex:0 0 auto}
.sr-sprachen a{display:flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid transparent;border-radius:7px;
  text-decoration:none;color:#444;font:600 12.5px/1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
.sr-sprachen a:hover{background:rgba(30,58,95,.07);color:#1e3a5f}
.sr-sprachen a.aktiv{border-color:#1e3a5f;color:#1e3a5f;background:#fff}
.sr-sprachen svg{display:block;width:24px;height:16px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.18)}
.sr-sprachen a:not(.aktiv) svg{opacity:.85}
@media(max-width:768px){.sr-sprachen span{display:none}.sr-sprachen a{padding:6px 5px}}