:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17212b;background:#f4f7f8;line-height:1.55}*{box-sizing:border-box}body{margin:0}a{color:#214f55}header,main,footer{max-width:1080px;margin:auto;padding:24px}.nav{display:flex;justify-content:space-between;align-items:center;gap:20px}.nav nav{display:flex;gap:18px;flex-wrap:wrap}.hero{margin:40px 0;padding:56px;border-radius:28px;background:linear-gradient(135deg,#e9f4f1,#edf3f9);border:1px solid #d7e5e4}.hero h1{font-size:clamp(2rem,5vw,3.8rem);line-height:1.03;margin:.2em 0}.hero p{max-width:720px;font-size:1.12rem;color:#53616f}.button{display:inline-block;padding:12px 18px;border-radius:10px;background:#214f55;color:white;text-decoration:none;font-weight:700}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0}.card{background:white;border:1px solid #d7e0e3;border-radius:16px;padding:20px}.muted{color:#637180}.legal{max-width:800px}.notice{padding:14px;border-left:4px solid #946e27;background:#fff7e7}.footer-links{display:flex;gap:16px;flex-wrap:wrap;border-top:1px solid #d7e0e3}@media(max-width:760px){.grid{grid-template-columns:1fr}.hero{padding:30px}.nav{align-items:flex-start;flex-direction:column}}


/* PackBilanz How-to */
.brand{font-size:1.1rem;font-weight:800;text-decoration:none;color:#17212b}
.howto{max-width:900px}
.howto-hero{margin:38px 0 48px;padding:48px;border-radius:28px;background:linear-gradient(135deg,#e9f4f1,#edf3f9);border:1px solid #d7e5e4}
.howto-hero h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.08;margin:.25em 0}
.howto-hero p{max-width:720px;font-size:1.12rem;color:#53616f}
.eyebrow{font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#214f55}
.howto-start{margin-bottom:52px}
.howto h2{margin-top:44px}
.howto h3{margin-top:0}
.step-list{display:grid;gap:16px;margin:24px 0 48px}
.step{display:grid;grid-template-columns:52px 1fr;gap:18px;background:white;border:1px solid #d7e0e3;border-radius:18px;padding:24px}
.step p:last-child{margin-bottom:0}
.step-number{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#e9f4f1;color:#214f55;font-weight:800}
.tip{padding:13px 15px;border-radius:10px;background:#f0f7f5}
.howto-details{margin-top:14px}
.howto-details summary{cursor:pointer;font-weight:700;color:#214f55}
.howto-details p{padding-left:2px}
.howto-end{margin:52px 0;padding:28px;border-radius:18px;background:white;border:1px solid #d7e0e3}
.howto-links{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:20px}
@media(max-width:760px){
  .howto-hero{padding:30px}
  .step{grid-template-columns:42px 1fr;padding:20px}
}


/* PackBilanz Ratgeber-Artikel */
.article-page{max-width:850px}
.breadcrumb{display:flex;gap:8px;align-items:center;margin:18px 0 34px;font-size:.92rem;color:#637180}
.breadcrumb a{text-decoration:none}
.article-header{margin-bottom:46px}
.article-header h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.08;margin:.25em 0}
.article-lead{font-size:1.18rem;color:#53616f;max-width:760px}
.article-page section{margin:42px 0}
.article-page section p{max-width:760px}
.article-summary{margin-top:20px}
.article-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.choice-label{display:inline-block;margin-bottom:10px;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#214f55}
.example-box,.source-box,.article-check{padding:22px 24px;border-radius:16px;background:#fff;border:1px solid #d7e0e3}
.example-box h3,.source-box h2,.article-check h2{margin-top:0}
.source-box{font-size:.94rem}
.source-box a{word-break:break-word}
@media(max-width:760px){
  .article-choice-grid{grid-template-columns:1fr}
}