/* Gemeinsames Layout der Themenseiten (Leergut, Pfand spenden, Bezirk) – Optik wie Startseite */
@font-face{font-family:'Comfortaa';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/comfortaa-latin-400-normal.woff2') format('woff2');}
@font-face{font-family:'Comfortaa';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/comfortaa-latin-700-normal.woff2') format('woff2');}
:root{--bg:#7030A0;--card:#1f0e2f;--accent:#06b6d4;--gold:#FFFF00;--glass:rgba(255,255,255,0.08);--radius:14px;
  font-family:'Comfortaa',ui-sans-serif,system-ui,-apple-system,sans-serif;}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--gold);font-size:16px;line-height:1.55;padding:24px;display:flex;flex-direction:column;align-items:center;-webkit-font-smoothing:antialiased;}
a{color:var(--accent);}
.container{width:100%;max-width:960px;}
header.card{background:var(--glass);border-radius:var(--radius);padding:24px;display:flex;gap:16px;align-items:center;box-shadow:0 6px 30px rgba(20,0,50,0.5);}
.logo{width:80px;height:80px;border-radius:16px;overflow:hidden;flex-shrink:0;}
.logo img{width:100%;height:100%;object-fit:cover;}
.lead{font-size:15px;margin-top:6px;}
.crumbs{font-size:12px;opacity:0.75;margin-bottom:6px;}
.crumbs a{color:var(--gold);}
main{display:grid;grid-template-columns:1fr 320px;gap:20px;margin-top:20px;}
.card{border-radius:var(--radius);background:var(--card);box-shadow:0 8px 40px rgba(10,0,40,0.6);}
section.card{padding:22px;}
section.card h2{margin:24px 0 8px;font-size:20px;}
section.card h2:first-child{margin-top:0;}
section.card p,section.card li{font-size:15px;}
section.card p+p{margin-top:8px;}
section.card ul{margin:8px 0 0 20px;}
.features{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;}
.feature{background:rgba(255,255,255,0.05);padding:12px;border-radius:12px;flex:1 1 180px;}
.feature h3{font-size:15px;margin-bottom:4px;}
.feature p{font-size:14px!important;}
.faq details{background:rgba(255,255,255,0.05);border-radius:12px;padding:12px 14px;margin-top:8px;}
.faq summary{cursor:pointer;font-weight:700;font-size:15px;}
.faq details p{margin-top:8px;font-size:14px!important;opacity:0.9;}
aside.card{padding:18px;display:flex;flex-direction:column;gap:10px;align-self:start;position:sticky;top:16px;}
aside h2{font-size:18px;}
aside p{font-size:14px;}
.cta,.wa-btn{display:block;text-align:center;text-decoration:none;font-weight:700;font-size:16px;padding:14px;border-radius:12px;}
.cta{background:var(--accent);color:#021125;}
.cta:hover{background:#0ea5b7;}
.wa-btn{background:#25D366;color:#06301a;}
.wa-btn:hover{background:#1eb857;}
a:focus-visible{outline:2px solid var(--gold);outline-offset:2px;}
.links{font-size:13px;opacity:0.9;}
.links a{color:var(--gold);}
footer{margin-top:30px;font-size:13px;text-align:center;padding:20px;background:rgba(0,0,0,0.25);border-radius:var(--radius);line-height:1.6;width:100%;max-width:960px;}
footer a{color:var(--gold);opacity:0.8;}
@media(max-width:880px){
  body{padding:16px;}
  main{grid-template-columns:1fr;}
  aside.card{position:static;}
  header.card{flex-direction:column;text-align:center;}
  h1{font-size:22px;}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}