/* hidden campaign page /kampagnen/vrt (only loaded there) */
.kp{padding:0 24px 40px;max-width:1240px;margin:0 auto}
.kp h1{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;margin:24px 0 10px}
.kp .lead{font-size:1.35rem;line-height:1.45;font-weight:300;color:#eee;max-width:760px}
.kp .meta{color:#888;font-size:.78rem;letter-spacing:.04em;margin-top:12px;line-height:1.6}
.kp-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,340px);gap:56px;align-items:start;margin-top:8px}
.kp-series{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid #222}
.kp-series li{padding:14px 0;border-bottom:1px solid #222;display:grid;grid-template-columns:28px 1fr;gap:4px 12px;color:#ccc;font-size:.92rem;line-height:1.55}
.kp-series li b{grid-column:2;color:#fff;font-weight:500;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase}
.kp-series li span.n{grid-row:1/3;color:#666;font-size:.74rem;padding-top:2px}
.kp-series li a{color:inherit}
.kp-series li span.d{grid-column:2}
.kp-sec{margin-top:96px;scroll-margin-top:90px}
.kp-sec h2{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600}
.kp-sec h2 .k{color:#666;margin-right:10px}
.kp-sec .idea{margin-top:12px;color:#ccc;line-height:1.65;max-width:760px}
.kp-sec .sub{margin-top:40px;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:#888;font-weight:600}
.reels{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px 12px;margin-top:20px}
.reel{margin:0}
.reel .rv{position:relative;aspect-ratio:9/16;background:#000;overflow:hidden}
.reel .rv a,.reel .rv video{position:absolute;inset:0;width:100%;height:100%;display:block}
.reel .rv img{width:100%;height:100%;object-fit:cover;display:block;opacity:.88;transition:opacity .25s}
.reel .rv a:hover img,.reel .rv a:focus-visible img{opacity:1}
.reel .rv video{object-fit:contain;background:#000}
.reel figcaption{margin-top:7px;font-size:.74rem;line-height:1.4;color:#ddd}
.reel figcaption .ep{display:block;color:#777;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:2px}
.reel figcaption .du{color:#777;margin-left:6px}
.hero .rv{max-height:none}
.hero figcaption{text-align:left}
.matrix{display:grid;grid-template-columns:150px repeat(3,minmax(0,200px));gap:16px 12px;margin-top:20px;align-items:start}
.matrix .mh{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:#888;padding-bottom:2px}
.matrix .mr{font-size:.8rem;color:#fff;letter-spacing:.04em;padding-top:4px}
.matrix .reel figcaption{display:none}
.kp-cta{margin-top:120px;padding-top:40px;border-top:1px solid #222;text-align:center}
.kp-cta p{color:#ccc;line-height:1.6}
.btn{display:inline-block;margin-top:18px;padding:13px 24px;border:1px solid #fff;color:#fff;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;transition:background .2s,color .2s}
.btn:hover,.btn:focus-visible{background:#fff;color:#0b0b0b}
.kp a.tl{color:#fff;border-bottom:1px solid #555}.kp a.tl:hover{border-color:#fff}
@media(max-width:700px){
 .kp{padding:0 16px 32px}
 .kp .lead{font-size:1.12rem}
 .kp-intro{grid-template-columns:1fr;gap:32px}
 .kp-intro .hero{max-width:300px;margin:0 auto;width:100%}
 .kp-sec{margin-top:72px}
 .reels{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 8px}
 .matrix{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .matrix .mh.c0{display:none}
 .matrix>*{min-width:0}.matrix .mh{font-size:.56rem;letter-spacing:.08em;overflow-wrap:anywhere}
 .matrix .mr{grid-column:1/-1;padding-top:14px;border-top:1px solid #222}
 .yt-play{width:46px;height:46px;margin:-23px 0 0 -23px}.yt-play::after{left:18px;top:13px;border-width:10px 0 10px 15px}
}