/* ==================================================================
   STODA · Ergänzungen für die PHP-Fassung: Sprachwahl, Meldungen,
   Newsletter-Formular, Textseiten, Kanäle im Footer
   ================================================================== */

/* Sprachwahl in der Menüleiste */
.lang-sw{display:flex;align-items:center;gap:2px;padding:2px;border:1px solid rgba(235,225,203,.16);border-radius:var(--r-s)}
.lang-sw a{padding:.28rem .45rem;border-radius:4px;font-family:var(--f-label);letter-spacing:.12em;font-size:.68rem;color:var(--stone);text-decoration:none;transition:color .2s,background .2s}
.lang-sw a:hover{color:var(--parchment)}
.lang-sw a[aria-current]{color:var(--parchment);background:rgba(227,139,61,.18)}
@media (max-width:760px){.lang-sw{display:none}}
.mnav-lang{display:flex;flex-wrap:wrap;gap:8px;padding:.6rem .2rem 1rem}
.mnav .mnav-lang a{display:inline-block;padding:.4rem .8rem;border:1px solid var(--line);border-radius:var(--r-s);font-size:.82rem}
.mnav .mnav-lang a[aria-current]{border-color:var(--ember);color:var(--parchment)}

/* Logo als Bild in der Menüleiste */
.nav-logo img{height:30px;width:auto;display:block}

/* Meldungen oben auf der Seite (nach Weiterleitungen) */
.flash-msg{position:relative;z-index:5;margin-top:var(--nav-h);padding:.85rem 0;background:rgba(166,220,211,.1);border-bottom:1px solid rgba(166,220,211,.35);color:var(--parchment);animation:flashIn .6s cubic-bezier(.22,1,.36,1) both}
.flash-msg + .flash-msg{margin-top:0}
.flash-msg.err{background:rgba(224,122,98,.1);border-color:rgba(224,122,98,.45)}
.flash-msg ~ section:first-of-type,.flash-msg ~ header:first-of-type{margin-top:0}
@keyframes flashIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

/* Hinweis im Konto (E-Mail unbestätigt) */
.m-notice{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin-top:20px;padding:.75rem 1rem;border:1px dashed rgba(227,139,61,.55);border-radius:var(--r-m);background:rgba(227,139,61,.07);color:var(--dim);font-size:.95rem}
.m-notice .link-btn{font-size:.92rem}

/* Kanäle im Footer */
.foot-social{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 18px;padding:0}
.foot-social a{display:inline-block;padding:.35rem .8rem;border:1px solid var(--line);border-radius:20px;font-family:var(--f-label);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;color:var(--dim);text-decoration:none;transition:border-color .2s,color .2s}
.foot-social a:hover{border-color:var(--ember);color:var(--parchment)}

/* Newsletter-Formular */
.nl-form{display:grid;gap:10px;width:100%;max-width:560px;text-align:left}
.nl-h{font-family:var(--f-label);letter-spacing:.18em;text-transform:uppercase;font-size:.78rem;color:var(--ember)}
.nl-row{display:flex;gap:8px;flex-wrap:wrap}
.nl-row input[type=email]{flex:1 1 220px;min-width:0;padding:.75rem .95rem;background:rgba(12,15,21,.7);border:1px solid rgba(235,225,203,.22);border-radius:var(--r-s);color:var(--parchment);font:inherit;font-size:1rem;transition:border-color .25s,box-shadow .25s}
.nl-row input[type=email]:focus{outline:none;border-color:var(--ember);box-shadow:0 0 0 3px rgba(227,139,61,.18)}
.nl-row button{padding:.75rem 1.3rem;border:1px solid var(--ember);border-radius:var(--r-s);background:linear-gradient(180deg,#e9964c,#c4622a);color:#1a0f08;font-family:var(--f-label);letter-spacing:.14em;text-transform:uppercase;font-size:.8rem;font-weight:700;cursor:pointer;transition:box-shadow .3s,transform .3s cubic-bezier(.22,1,.36,1)}
.nl-row button:hover{box-shadow:0 0 22px var(--ember-glow);transform:translateY(-2px)}
.nl-row button.busy{opacity:.6;cursor:wait}
.nl-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.nl-note{font-size:.82rem;color:var(--stone)}
.nl-note a{color:var(--stone)}
.nl-msg{min-height:1.3em;font-size:.95rem}
.nl-msg.ok{color:var(--ok)}.nl-msg.err{color:var(--err)}
.wl-news{width:100%;display:flex;justify-content:center;margin-top:20px;padding-top:28px;border-top:1px solid var(--line)}
.nl-page{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(24px,5vw,60px);align-items:start}
.nl-card{padding:clamp(22px,3vw,34px)}
.nl-points{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.nl-points li{display:grid;gap:4px;padding-left:22px;position:relative}
.nl-points li::before{content:"";position:absolute;left:0;top:.55em;width:9px;height:9px;transform:rotate(45deg);background:var(--ember);box-shadow:0 0 8px var(--ember)}
.nl-points b{font-family:var(--f-label);letter-spacing:.12em;text-transform:uppercase;font-size:.85rem;color:var(--parchment)}
.nl-points span{color:var(--dim)}
@media (max-width:820px){.nl-page{grid-template-columns:minmax(0,1fr)}}

/* Textseiten (Impressum, Datenschutz …) */
.prose{padding:clamp(22px,4vw,48px);max-width:860px;line-height:1.7}
.prose h2,.prose h3,.prose h4{font-family:var(--f-display);line-height:1.1;margin:1.4em 0 .5em}
.prose h2{font-size:clamp(1.6rem,3vw,2.1rem)}.prose h3{font-size:1.5rem}.prose h4{font-size:1.2rem}
.prose > :first-child,.prose > .glut-kante + *{margin-top:0}
.prose p,.prose ul,.prose ol,.prose table{margin:0 0 1em}
.prose ul,.prose ol{padding-left:1.3em}
.prose li{margin-bottom:.3em}
.prose a{color:var(--ember)}
.prose img{max-width:100%;height:auto;border-radius:var(--r-m)}
.prose blockquote{margin:0 0 1em;padding:.6rem 1rem;border-left:2px solid var(--ember);background:rgba(227,139,61,.06);border-radius:0 var(--r-s) var(--r-s) 0}
.prose table{border-collapse:collapse;width:100%}
.prose td,.prose th{border-bottom:1px solid var(--line);padding:.5rem;text-align:left}
.ph{font-style:italic;color:var(--ember);border:1px dashed rgba(227,139,61,.55);padding:0 .3em;background:rgba(227,139,61,.08)}

/* Startseite: FAQ-Auszug */
.acc-list{margin:-.6rem 0 1rem;padding:0 1rem 0 calc(1rem + 9px + 16px + 1.1em);color:var(--dim)}
.acc-list li.no{color:var(--stone);font-style:italic}
.acc-a .acc-more{padding-top:0}
.acc-more a{font-family:var(--f-label);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem}

/* 404 */
.nf{padding-top:calc(var(--nav-h) + clamp(30px,6vw,70px))}
.nf h1{font-family:var(--f-display);font-size:clamp(2rem,5vw,3rem);line-height:1}