/* Sprint 12: Homepage v34 – bildstarkes Redaktionslayout.
   Nur auf der Startseite geladen; keine globalen Artikel-Regeln überschrieben. */
.dl12-home{--pink:#ec5e97;--pink-hi:#ff9dbe;--cream:#f7ede9;--edge:rgba(234,124,159,.33);--muted:#c5bac0;--shell:1320px;background:#101114;color:#f6edf1;overflow:clip}
.dl12-home *{box-sizing:border-box}
.dl12-home a{text-decoration:none}
.dl12-home a:focus-visible{outline:3px solid #ffb4ce;outline-offset:3px}
.dl12-home img{display:block;width:100%;height:100%;object-fit:cover}
.dl12-home h1,.dl12-home h2,.dl12-home h3{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.032em;font-weight:500;color:#fff6f8;text-wrap:balance}
.dl12-home em{font-style:normal;color:var(--pink)}
.dl12-shell{width:min(calc(100% - 48px),var(--shell));margin-inline:auto}
.dl12-eyebrow{color:#f5a4b9;font:760 .65rem/1.6 system-ui,sans-serif;letter-spacing:.20em;text-transform:uppercase;margin:0 0 1rem}
.dl12-eyebrow span{color:#e35e96;margin:0 .1rem}
.dl12-hero{position:relative;isolation:isolate;min-height:515px;background:radial-gradient(circle at 80% 65%,#533044,#1b141a 54%,#101114 89%);overflow:hidden;display:flex;flex-direction:column;justify-content:center}
.dl12-hero-art{position:absolute;z-index:-2;inset:0 0 0 37%;overflow:hidden}
.dl12-hero-art img{width:100%;height:100%;object-fit:cover;object-position:center 44%;filter:saturate(.94) contrast(1.02)}
.dl12-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101114 0%,rgba(16,17,20,.98) 20%,rgba(16,17,20,.92) 37%,rgba(16,17,20,.47) 59%,rgba(16,17,20,.12) 80%),linear-gradient(0deg,#111114 0,transparent 22%);pointer-events:none}
.dl12-hero-inner{position:relative;padding-top:2.65rem;padding-bottom:2.1rem;display:grid;grid-template-columns:minmax(0,635px) 1fr;align-items:center;gap:3.5rem}
.dl12-hero-copy{position:relative;z-index:1}
.dl12-hero-copy h1{max-width:20ch;font-size:clamp(2.85rem,4vw,4rem);line-height:1.055;margin:0 0 .95rem;font-weight:600}
.dl12-hero-lead{color:#f0dfe3;font-size:clamp(.99rem,1.12vw,1.1rem);line-height:1.68;max-width:56ch;margin:0 0 1.45rem;text-wrap:pretty}
.dl12-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-bottom:1.6rem}
.dl12-btn{display:inline-flex;gap:.65rem;align-items:center;justify-content:center;border-radius:9px;padding:.78rem 1.03rem;font-size:.85rem;font-weight:750;min-height:48px;border:1px solid rgba(255,240,247,.56);transition:transform .18s ease,border-color .18s ease,background .18s ease}
.dl12-btn:hover,.dl12-text-cta:hover{transform:translateY(-2px)}
.dl12-btn-hot{background:linear-gradient(135deg,#f37eaa,#e73d82);border-color:#f076a5;color:#fff!important;box-shadow:0 10px 30px rgba(201,36,101,.23)}
.dl12-btn-clear{background:rgba(18,15,20,.66);color:#fff!important}
.dl12-proof{display:flex;gap:1.6rem;flex-wrap:wrap;align-items:center;margin-top:1.1rem;padding-top:1.15rem;border-top:1px solid rgba(245,220,228,.22);max-width:640px}
.dl12-proof span{font-size:.76rem;color:#e4cad1;white-space:nowrap}
.dl12-proof strong{font-weight:850;color:#ff8cb4;margin-right:.27rem}
.dl12-hero-real{position:absolute;right:1%;bottom:2.5rem;display:flex;flex-direction:column;width:160px;height:184px;border:5px solid #20151f;box-shadow:0 16px 30px rgba(0,0,0,.50);background:#1a1a1d;transition:transform .2s ease;z-index:2;overflow:hidden}
.dl12-hero-real:hover{transform:translateY(-4px)}
.dl12-hero-real img{height:145px;object-fit:cover;object-position:center 56%}
.dl12-hero-real>span{background:#1b161a;color:#f6bdd1;padding:.32rem .45rem;font-size:.47rem;letter-spacing:.06em;line-height:1.2}
.dl12-hero-real b{display:block;font-size:.59rem;letter-spacing:0;color:#f8e9eb}
.dl12-hero-caption{font-size:.68rem;color:#c3adb4;text-align:right;padding-bottom:.85rem;position:relative;z-index:1}
.dl12-categories{padding-top:2.25rem;padding-bottom:3rem}
.dl12-section-title{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.35rem}
.dl12-section-title h2{font-size:clamp(1.95rem,3vw,3.2rem);line-height:1.15;margin:0}
.dl12-section-title>.dl12-subtitle,.dl12-subtitle{color:#bcb0b9;font:400 .97rem/1.55 Georgia,serif;margin:.3rem 0 0}
.dl12-section-title>p{color:#bcb0b9;font-size:.87rem;max-width:28ch;margin:0 0 .3rem}
.dl12-category-title{margin-bottom:1rem}
.dl12-category-title .dl12-eyebrow{margin-bottom:.5rem}
.dl12-world-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.dl12-world{position:relative;overflow:hidden;display:block;height:245px;min-width:0;border:1px solid var(--edge);border-radius:9px;color:white;background:#292126;transition:transform .22s ease,border-color .22s ease}
.dl12-world:hover{transform:translateY(-4px);border-color:#ff92b6}
.dl12-world>img{transition:transform .4s ease;filter:contrast(1.05) saturate(.92)}
.dl12-world:hover>img{transform:scale(1.045)}
.dl12-world:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,12,18,.36),transparent 31%,rgba(16,8,14,.44) 54%,rgba(9,9,12,.96))}
.dl12-world-no{position:absolute;top:.7rem;left:.83rem;z-index:1;color:#ffe4ed;font-size:.58rem;letter-spacing:.14em;font-weight:820;text-shadow:0 1px 5px #000}
.dl12-world-no i{font-size:.6rem;letter-spacing:0;font-style:normal;opacity:.75;font-weight:400}
.dl12-world-bottom{position:absolute;inset:auto .88rem .9rem;z-index:1;display:flex;flex-direction:column;padding-right:2.6rem}
.dl12-world-bottom strong{font:500 clamp(1.2rem,1.7vw,1.62rem)/1.13 Georgia,serif;letter-spacing:-.02em}
.dl12-world-bottom small{font-size:.75rem;color:#eddae1;line-height:1.45;margin-top:.45rem}
.dl12-world-bottom>span{position:absolute;right:0;bottom:0;width:34px;height:34px;display:grid;place-items:center;border:1px solid #fa8aac;border-radius:50%;color:#ff8eaf;font-size:1.4rem}
.dl12-world-editorial>img{filter:contrast(1.05) saturate(1.13)}
.dl12-world-editorial:after{background:linear-gradient(180deg,rgba(17,10,15,.17),rgba(15,9,14,.1) 35%,rgba(10,7,12,.98))}
.dl12-tests{padding-top:1.6rem;padding-bottom:3.2rem}
.dl12-tests .dl12-section-title .dl12-eyebrow,.dl12-guides .dl12-section-title .dl12-eyebrow{margin-bottom:.45rem}
.dl12-text-cta{display:inline-flex;align-items:center;gap:.6rem;flex-shrink:0;color:#f5b1cb;border:1px solid rgba(233,195,207,.48);border-radius:8px;padding:.62rem .9rem;font-size:.78rem;font-weight:750;transition:transform .2s ease}
.dl12-test-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(220px,1.04fr);gap:12px;align-items:stretch}
.dl12-test{min-width:0;display:flex;flex-direction:column;background:linear-gradient(#211a20,#151518);border:1px solid rgba(229,205,211,.16);border-radius:9px;overflow:hidden;transition:transform .2s ease,border-color .2s ease}
.dl12-test:hover{transform:translateY(-3px);border-color:#e772a0}
.dl12-test-img{position:relative;aspect-ratio:1.38;overflow:hidden;background:#2d272a}
.dl12-test-img img{transition:transform .3s ease;object-position:50% 48%}
.dl12-test:hover img{transform:scale(1.045)}
.dl12-test-img:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#131317)}
.dl12-test-img span{position:absolute;bottom:.6rem;left:.6rem;z-index:1;padding:.22rem .55rem;background:#e6538c;color:#fff;border-radius:25px;font-size:.63rem;font-weight:740}
.dl12-test-info{display:flex;flex:1;flex-direction:column;padding:.92rem .84rem 1rem}
.dl12-test-info small{color:#f1a1bf;font-weight:750;font-size:.56rem;line-height:1.35;letter-spacing:.08em}
.dl12-test-info h3{font-size:1.27rem;line-height:1.17;margin:.36rem 0 .53rem}
.dl12-test-info p{font-size:.76rem;color:#cdbfc7;line-height:1.5;margin:0 0 1.05rem;flex:1}
.dl12-test-info b{display:flex;justify-content:space-between;color:#ff7da7;font-size:.78rem;font-weight:750}
.dl12-finder-teaser{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.9rem;border:1px solid #ffc3d7;border-radius:9px;background:linear-gradient(150deg,#fff0f4,#f5cdda);color:#281c25;padding:clamp(1rem,1.5vw,1.6rem)}
.dl12-finder-symbol{font-size:2.8rem;line-height:.9;color:#e3347c}
.dl12-finder-teaser strong{font:700 clamp(1.25rem,1.65vw,1.7rem)/1.12 Georgia,serif}
.dl12-finder-teaser p{font-size:.83rem;line-height:1.55;color:#51414b;margin:0}
.dl12-teaser-steps{color:#8b4761;font-size:.68rem;line-height:1.6}
.dl12-finder-teaser b{display:flex;gap:.4rem;justify-content:center;align-items:center;background:linear-gradient(90deg,#e94187,#d93278);color:#fff;border-radius:8px;padding:.78rem .6rem;font-size:.8rem;width:100%;margin-top:auto;text-align:center}
.dl12-closeup{background:#21191f;border-block:1px solid rgba(237,160,182,.18);padding:2rem 0}
.dl12-closeup-grid{display:grid;grid-template-columns:1.05fr 1.17fr .8fr;gap:1.5rem;align-items:stretch;min-height:270px}
.dl12-closeup-img,.dl12-closeup-side{position:relative;min-width:0;border-radius:8px;overflow:hidden}
.dl12-closeup-img:after,.dl12-closeup-side:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(14,11,15,.8))}
.dl12-closeup-img img{object-position:center 67%}
.dl12-closeup-img>span,.dl12-closeup-side>span{position:absolute;bottom:1rem;left:1rem;color:#fff6f8;font-size:.65rem;letter-spacing:.1em;z-index:1;font-weight:750}
.dl12-closeup-side>span b{display:block;font:500 1.4rem/1.2 Georgia,serif;margin-top:.3rem}
.dl12-closeup-content{align-self:center;padding:1rem 0}
.dl12-closeup-content h2{font-size:clamp(1.8rem,2.6vw,2.9rem);line-height:1.1;margin:.45rem 0 .85rem}
.dl12-closeup-content p:not(.dl12-eyebrow){color:#dfcad2;line-height:1.65;font-size:.87rem;margin-bottom:1rem}
.dl12-closeup-content .dl12-text-cta{border:0;padding:0}
.dl12-guides{padding-top:3.2rem;padding-bottom:3.3rem}
.dl12-guide-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.dl12-guide{height:213px;position:relative;overflow:hidden;border:1px solid var(--edge);border-radius:8px;background:#281a20;color:#fff}
.dl12-guide img{transition:transform .25s ease}
.dl12-guide:hover img{transform:scale(1.05)}
.dl12-guide:before{position:absolute;inset:0;content:"";background:linear-gradient(transparent 20%,rgba(6,5,8,.55) 48%,rgba(6,5,8,.98));z-index:1}
.dl12-guide>span,.dl12-guide>strong,.dl12-guide>small,.dl12-guide>b{position:absolute;left:.85rem;z-index:2;right:.85rem}
.dl12-guide>span{font-size:.61rem;letter-spacing:.11em;font-weight:800;color:#ffb5cf;bottom:5.45rem}
.dl12-guide>strong{font:500 1.12rem/1.17 Georgia,serif;bottom:2.9rem}
.dl12-guide>small{font-size:.71rem;color:#e6ccd6;bottom:.8rem;right:2rem;line-height:1.25}
.dl12-guide>b{left:auto;right:.62rem;bottom:.72rem;color:#ff85ae;font-size:1.35rem}
.dl12-finder{scroll-margin-top:90px;background:radial-gradient(ellipse at 10% 26%,rgba(213,65,118,.11),transparent 42%),#191619;border-top:1px solid rgba(244,148,183,.18);padding:clamp(2.6rem,5vw,4.6rem) 0}
.dl12-finder-grid{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);align-items:start;gap:clamp(1.4rem,4vw,4.5rem)}
.dl12-finder-copy h2{font-size:clamp(2.1rem,3.6vw,3.85rem);line-height:1.1;margin:.6rem 0 1rem}
.dl12-finder-copy>p:not(.dl12-eyebrow){color:#d7c6cd;line-height:1.72;max-width:54ch;font-size:.95rem}
.dl12-finder-photo{height:240px;max-width:380px;overflow:hidden;margin:1.3rem 0 1.15rem;border:1px solid var(--edge);border-radius:8px}
.dl12-finder-photo img{object-position:50% 65%}
.dl12-finder-host{min-width:0}
.dl12-finder-host .cage-finder{border-radius:16px;background:linear-gradient(150deg,#24191f,#0c0c10);border-color:#55333f;margin:0;padding:clamp(1.1rem,2vw,1.75rem)}
.dl12-finder-host .finder-head h2{font-size:clamp(1.6rem,2.1vw,2.3rem);margin-top:.15rem}
.dl12-finder-host .finder-head p{font-size:.83rem;line-height:1.5}
.dl12-finder-host .finder-question{border-radius:9px;padding:.9rem}
.dl12-finder-host .finder-options span{border-radius:7px;font-size:.73rem;padding:8px}
.dl12-finder-host .finder-options input:checked+span{border-color:#ee7ca5;background:#513041}
.dl12-finder-host .button-primary{background:#e44484;color:#fff;border-radius:8px}
.dl12-bottom{border-top:1px solid rgba(244,196,211,.2);padding-top:3rem;padding-bottom:3.4rem;display:grid;grid-template-columns:1fr 1fr;gap:3.5rem}
.dl12-bottom h2{font-size:clamp(2rem,3.3vw,3.2rem);line-height:1.12;margin:0}
.dl12-bottom>div:last-child{padding-top:1rem}
.dl12-bottom>div:last-child p{font-size:.9rem;color:#d8c8cc;line-height:1.8;margin-bottom:1rem}
.dl12-bottom .dl12-text-cta{padding:0;border:0}
/* Header conversion link appears ONLY for homepage; rest of site retains existing navigation. */
.site-header:has(.dl12-header-link){background:#101014!important;border-bottom:1px solid rgba(250,145,183,.18)!important}
.site-header:has(.dl12-header-link) .header-inner{width:min(calc(100% - 44px),1370px);gap:1.1rem;min-height:75px}
.site-header:has(.dl12-header-link) .mainnav{gap:clamp(.4rem,1vw,.95rem)}
.site-header:has(.dl12-header-link) .mainnav>a{font-size:.74rem}
.site-header:has(.dl12-header-link) .brand b{font-size:1.21rem;color:#fff0f5}
.site-header:has(.dl12-header-link) .brand small{text-transform:none;letter-spacing:.02em;color:#daaab9!important}
.dl12-header-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 1rem;border-radius:8px;background:linear-gradient(110deg,#f47eac,#de367c);color:#fff!important;font-size:.74rem;font-weight:800;white-space:nowrap;box-shadow:0 8px 24px rgba(215,40,111,.20)}
.site-header:has(.dl12-header-link) .nav-search input{max-width:74px}
@media(max-width:1280px) and (min-width:981px){.site-header:has(.dl12-header-link) .mainnav{gap:.5rem}.site-header:has(.dl12-header-link) .mainnav>a{font-size:.7rem}.site-header:has(.dl12-header-link) .brand small{display:none}.site-header:has(.dl12-header-link) .nav-search input{width:54px;padding-left:8px}.dl12-header-link{padding:0 .6rem;font-size:.7rem}}
@media(max-width:1100px){.dl12-hero-inner{grid-template-columns:minmax(0,580px) 1fr}.dl12-hero-copy h1{font-size:clamp(2.65rem,5.3vw,4.2rem)}.dl12-proof{gap:.7rem}.dl12-test-grid{grid-template-columns:repeat(2,minmax(0,1fr)) minmax(220px,1.05fr)}.dl12-test-info h3{font-size:1.33rem}.dl12-finder-teaser{grid-column:3;grid-row:1/3}.dl12-world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dl12-world{height:270px}.dl12-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dl12-closeup-grid{grid-template-columns:.85fr 1.2fr}.dl12-closeup-side{display:none}}
@media(max-width:980px){.dl12-header-link{margin-left:auto;margin-right:.45rem}.site-header:has(.dl12-header-link) .header-inner{justify-content:space-between}.site-header:has(.dl12-header-link) .menu-toggle{order:3}.site-header:has(.dl12-header-link) .mainnav{order:4}.dl12-hero{min-height:auto}.dl12-hero-inner{grid-template-columns:minmax(0,1fr);padding-top:4rem;padding-bottom:3.7rem}.dl12-hero-copy{max-width:590px}.dl12-hero-real{right:2%;width:130px;height:156px;bottom:1.3rem}.dl12-hero-real img{height:120px}.dl12-hero-caption{text-align:left}.dl12-hero-art{left:26%}.dl12-hero:before{background:linear-gradient(90deg,rgba(16,17,20,.96),rgba(16,17,20,.7) 66%,rgba(16,17,20,.35)),linear-gradient(0deg,#101114,transparent 25%)}.dl12-finder-grid{grid-template-columns:1fr}.dl12-finder-copy{display:grid;grid-template-columns:1fr 210px;gap:0 1.5rem}.dl12-finder-copy>.dl12-eyebrow,.dl12-finder-copy>h2,.dl12-finder-copy>p,.dl12-finder-copy>.dl12-text-cta{grid-column:1}.dl12-finder-photo{grid-column:2;grid-row:2/5;height:220px;margin:0}}
@media(max-width:690px){.dl12-shell{width:calc(100% - 30px)}.dl12-hero-art{left:0;inset:0;opacity:.55}.dl12-hero:before{background:linear-gradient(90deg,rgba(15,13,18,.94),rgba(15,13,18,.7)),linear-gradient(0deg,#101114,transparent 45%)}.dl12-hero-inner{padding-top:2.65rem;padding-bottom:2.3rem}.dl12-hero-copy h1{font-size:clamp(2.45rem,9vw,3.8rem);max-width:18ch}.dl12-hero-lead{font-size:.94rem}.dl12-hero-real{display:none}.dl12-hero-caption{font-size:.64rem}.dl12-proof{gap:.65rem 1rem}.dl12-categories{padding-top:2rem;padding-bottom:2.4rem}.dl12-section-title{display:block}.dl12-section-title>p{margin-top:.7rem}.dl12-section-title .dl12-text-cta{margin-top:.9rem}.dl12-world-grid{gap:9px}.dl12-world{height:224px}.dl12-world-bottom{inset:auto .7rem .7rem}.dl12-world-bottom strong{font-size:1.22rem}.dl12-world-bottom small{font-size:.68rem}.dl12-world-no{font-size:.5rem}.dl12-world-bottom>span{width:28px;height:28px;font-size:1.1rem}.dl12-test-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dl12-finder-teaser{grid-column:1/-1;grid-row:auto;min-height:180px}.dl12-closeup-grid{grid-template-columns:1fr}.dl12-closeup-img{height:210px}.dl12-closeup-content{padding:.5rem 0}.dl12-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dl12-guide{height:220px}.dl12-finder-copy{display:block}.dl12-finder-photo{height:210px;max-width:none}.dl12-bottom{grid-template-columns:1fr;gap:.4rem}.dl12-bottom>div:last-child{padding-top:0}.dl12-finder-host .finder-options span{font-size:.8rem}}
@media(max-width:420px){.dl12-eyebrow{font-size:.57rem;letter-spacing:.13em}.dl12-hero-copy h1{font-size:clamp(2.15rem,9.1vw,2.75rem)}.dl12-hero-caption{font-size:.58rem}.dl12-actions{flex-direction:column}.dl12-btn{width:100%;justify-content:center}.dl12-proof{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.dl12-proof span:last-child{grid-column:1/-1}.dl12-world-grid{grid-template-columns:1fr}.dl12-world{height:215px}.dl12-world-bottom strong{font-size:1.5rem}.dl12-test-info h3{font-size:1.12rem}.dl12-test-info p{font-size:.7rem}.dl12-test-info{padding:.75rem .55rem}.dl12-test-info small{font-size:.51rem}.dl12-guide-grid{grid-template-columns:1fr}.dl12-guide{height:210px}.dl12-test-grid{gap:8px}.dl12-tests{padding-bottom:2.3rem}.site-header:has(.dl12-header-link) .brand small{display:none}.site-header:has(.dl12-header-link) .brand b{font-size:.9rem}.site-header:has(.dl12-header-link) .brand img{width:35px;height:35px}.dl12-header-link{font-size:.62rem;padding:0 .43rem;min-height:38px}}
@media(prefers-reduced-motion:reduce){.dl12-home *, .dl12-header-link{transition:none!important;scroll-behavior:auto!important}}

@media(max-width:420px){.site-header:has(.dl12-header-link) .header-inner{gap:.25rem;width:calc(100% - 22px)}.site-header:has(.dl12-header-link) .brand{gap:.35rem;min-width:0;flex:0 1 auto}.site-header:has(.dl12-header-link) .brand b{display:block;max-width:112px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-header:has(.dl12-header-link) .menu-toggle{width:36px;min-width:36px;padding:5px}.site-header:has(.dl12-header-link) .dl12-header-link{font-size:.57rem;padding:0 .4rem;margin:0;flex:0 0 auto}}

.site-header .brand em,.site-footer .brand em{font-style:italic;color:#ec6c9b}