/* ==========================================================
   CyberWUP Landingpages cw-bm01 bis cw-bm08 (QR-Codes der Karten)
   Ergaenzt 2026-09-24, Hendrik Mzyk / Projektteam AG
   Gilt nur innerhalb .cw-lp, beruehrt den Rest der Seite nicht.
   ========================================================== */
.cw-lp{--cw-blau:#0069a8;--cw-dunkel:#2d424f;--cw-lime:#d0d700;--cw-band:#35363f;--cw-grau:#5b5c66;--cw-hell:#f1f4f6;color:var(--cw-dunkel);font-size:17px}
.cw-lp *{box-sizing:border-box}
.cw-lp p{line-height:1.7;margin:0 0 14px}
.cw-lp .cw-kicker{display:inline-block;font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--cw-blau);margin:0 0 6px}
.cw-lp h1{font-size:40px;font-weight:500;line-height:1.2;margin:0 0 14px;color:var(--cw-dunkel)}
.cw-lp .cw-lead{font-size:19px;max-width:760px;margin-bottom:40px}
.cw-lp h2{font-size:26px;font-weight:500;margin:48px 0 20px;padding-top:14px;position:relative}
.cw-lp h2::before{content:"";position:absolute;top:0;left:0;width:64px;height:6px;background:var(--cw-lime)}
.cw-lp h2::after{display:none}
.cw-lp h3{font-size:19px;font-weight:600;margin:0 0 10px;line-height:1.3}
#main-content .cw-lp ol.cw-links{list-style:none;padding:0;margin:0 0 16px;counter-reset:cwlink}
#main-content .cw-lp ol.cw-links>li{counter-increment:cwlink;position:relative;padding:18px 20px 18px 68px;margin:0 0 12px;background:var(--cw-hell);border-left:4px solid var(--cw-blau);line-height:1.6}
.cw-lp ol.cw-links>li::before{content:counter(cwlink);position:absolute;left:18px;top:18px;width:34px;height:34px;border-radius:50%;background:var(--cw-blau);color:#fff;font-weight:600;font-size:16px;line-height:34px;text-align:center}
.cw-lp ol.cw-links p{margin:0 0 8px}
.cw-lp a.cw-quelle{color:var(--cw-blau);font-weight:500;text-decoration:underline;text-underline-offset:3px}
.cw-lp a.cw-quelle:hover{color:var(--cw-dunkel);text-decoration:underline !important}
.cw-lp a.cw-quelle::after{content:" \2197"}
.cw-lp ol.cw-links strong{font-weight:600}
.cw-lp a.cw-intern{color:var(--cw-blau);font-weight:500;text-decoration:underline;text-underline-offset:3px}
.cw-lp a.cw-intern:hover{color:var(--cw-dunkel);text-decoration:underline !important}
.cw-lp .cw-hinweis{background:#fafbe6;border-left:4px solid var(--cw-lime);padding:18px 22px;margin:4px 0 16px}
.cw-lp .cw-hinweis p:last-child{margin-bottom:0}
.cw-lp .cw-meta{display:inline-block;margin-left:6px;font-size:14px;color:#5f6f7a}
.cw-lp .cw-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0 0 20px}
.cw-lp .cw-box{background:var(--cw-hell);padding:22px 24px;border-top:4px solid var(--cw-blau)}
.cw-lp .cw-box.cw-praxis{border-top-color:var(--cw-lime)}
.cw-lp .cw-box p:last-child{margin-bottom:0}
#main-content .cw-lp ul.cw-liste{list-style:none;padding:0;margin:0}
#main-content .cw-lp ul.cw-liste li{position:relative;padding-left:22px;margin:0 0 8px;line-height:1.6}
.cw-lp ul.cw-liste li::before{content:"";position:absolute;left:0;top:.62em;width:9px;height:9px;background:var(--cw-blau)}
.cw-lp .cw-quellen{font-size:15px;color:#5f6f7a}
.cw-lp .cw-stand{font-size:14px;color:#5f6f7a;border-top:1px solid #d6dde2;padding-top:14px;margin-top:36px}
.cw-lp .cw-nav{margin-top:48px}
.cw-lp .cw-claim{text-align:right;color:var(--cw-blau);font-size:22px;font-weight:500;margin:0 0 20px}
.cw-lp .cw-claim span{color:var(--cw-lime);font-weight:700;font-size:28px;line-height:1;margin:0 8px}
#main-content .cw-lp .cw-nav ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(8,1fr);gap:10px}
#main-content .cw-lp .cw-nav li{margin:0;padding:0}
.cw-lp .cw-nav a{display:block;color:#5f6f7a;font-size:14px;font-weight:500;line-height:1.3;text-align:center;padding-top:14px;border-top:8px solid #d6dde2;transition:color .2s,border-color .2s}
.cw-lp .cw-nav a:hover{color:var(--cw-blau);border-top-color:var(--cw-blau)}
.cw-lp .cw-nav a[aria-current="page"]{color:var(--cw-dunkel);font-weight:600;border-top-color:var(--cw-lime)}
@media (max-width:900px){
.cw-lp h1{font-size:32px}
.cw-lp .cw-grid{grid-template-columns:1fr}
#main-content .cw-lp .cw-nav ol{grid-template-columns:repeat(4,1fr);row-gap:22px}
}
@media (max-width:480px){
.cw-lp{font-size:16px}
.cw-lp h1{font-size:27px}
#main-content .cw-lp ol.cw-links>li{padding:16px 16px 16px 56px}
.cw-lp ol.cw-links>li::before{left:12px;width:30px;height:30px;line-height:30px;font-size:15px}
#main-content .cw-lp .cw-nav ol{grid-template-columns:repeat(2,1fr)}
.cw-lp .cw-claim{text-align:left;font-size:19px}
}
/* === Ende CyberWUP Landingpages === */