/* Nur der freigegebene Startseiten-Hero. Keine globalen Layout-Regeln. */
.dg-atlas-hero{--atlas-muted:#a8ada2;position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:20px;min-height:660px;max-width:1600px;margin:auto;padding:70px 4.2% 45px;color:#f5f6f0;overflow:hidden}
.dg-atlas-hero__copy{position:relative;z-index:2}
.dg-atlas-hero__eyebrow{margin:0 0 23px;color:var(--sfb-color-primary);font-size:12px;line-height:1.5;font-weight:700;letter-spacing:.1em}
.dg-atlas-hero .dg-atlas-hero__headline{margin:0 0 26px;color:#f5f6f0;font-size:56px;font-weight:900;line-height:1.08;letter-spacing:0}
.dg-atlas-hero .dg-atlas-hero__headline em{font-style:normal;color:var(--sfb-color-primary)}
.dg-atlas-hero__lead{max-width:470px;margin:0;color:#b8bdb2;font-size:16px;line-height:1.8}
.dg-atlas-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:31px}
.dg-atlas-hero a.dg-atlas-hero__button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:49px;padding:13px 20px;border:1px solid var(--sfb-color-primary);border-radius:4px;background:var(--sfb-color-primary);color:#111609!important;font-size:14px;font-weight:700;line-height:1.5;text-decoration:none;transition:background .2s,transform .2s}
.dg-atlas-hero a.dg-atlas-hero__button:hover{background:var(--sfb-color-primary-hover);transform:translateY(-2px)}
.dg-atlas-hero a.dg-atlas-hero__button--secondary{background:transparent;color:#f5f6f0!important;border-color:#3b4134}
.dg-atlas-hero a.dg-atlas-hero__button--secondary:hover{border-color:var(--sfb-color-primary);color:var(--sfb-color-primary)!important}
.dg-atlas-hero__quiet{margin:23px 0 0;color:#91998b;font-size:12px;line-height:1.6}
.dg-atlas-hero__visual{min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.dg-atlas-hero__panel{height:590px;position:relative;isolation:isolate;background:radial-gradient(ellipse at 48% 50%,rgba(44,51,24,.22),transparent 64%)}
.dg-atlas-hero__panel[hidden]{display:none!important}
.dg-atlas-hero__panel:before{content:'';position:absolute;inset:0;opacity:.28;background-image:radial-gradient(#94a277 1px,transparent 1px);background-size:37px 37px;mask-image:radial-gradient(ellipse,#000,transparent 72%);pointer-events:none}
.dg-atlas-hero__orbit{position:absolute;border:1px solid rgba(129,152,75,.11);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-25deg);pointer-events:none;width:78%;height:53%}
.dg-atlas-hero__orbit--outer{width:102%;height:86%;transform:translate(-50%,-50%) rotate(23deg)}
.dg-atlas-hero__connections{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--sfb-color-primary);stroke-width:.9;stroke-opacity:.38;pointer-events:none}
.dg-atlas-hero__coordinate{position:absolute;top:7px;left:26%;font-size:10px;letter-spacing:.12em;color:#96a586}
.dg-atlas-hero__label{position:absolute;font-size:11px;font-weight:700;letter-spacing:.09em;color:var(--atlas-muted)}
.dg-atlas-hero__label--parents{left:3%;top:19%}.dg-atlas-hero__label--children{right:5%;top:7%}
.dg-atlas-hero a.dg-atlas-hero__focus{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:240px;text-align:center;z-index:2;color:#f5f6f0!important;text-decoration:none}
.dg-atlas-hero__focus:before{content:'';position:absolute;inset:0 0 42px;border:1px solid rgba(var(--sfb-color-primary-rgb),.25);border-radius:50%;box-shadow:0 0 65px rgba(var(--sfb-color-primary-rgb),.06);background:radial-gradient(#222c15,#11170c 65%,transparent);z-index:-1}
.dg-atlas-hero__image{height:280px;width:230px;object-fit:contain;margin:-20px auto -2px;display:block;filter:drop-shadow(0 10px 20px #000)}
.dg-atlas-hero__image-placeholder{display:flex;align-items:center;justify-content:center;color:var(--sfb-color-primary);font-size:85px}
.dg-atlas-hero__name{display:block;font-size:28px;line-height:1.3;font-weight:700}
.dg-atlas-hero__counts{display:block;font-size:13px;color:var(--atlas-muted);margin-top:7px;line-height:1.6}
.dg-atlas-hero__counts b{color:var(--sfb-color-primary);margin-left:8px}
.dg-atlas-hero a.dg-atlas-hero__relation{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;width:28%;max-width:200px;min-height:84px;padding:12px;border:1px solid #3c4433;background:linear-gradient(120deg,#191e14,#10130e);border-radius:6px;color:#f5f6f0!important;text-decoration:none;transition:border-color .2s,background .2s}
.dg-atlas-hero a.dg-atlas-hero__relation:hover{border-color:var(--sfb-color-primary);background:#222b18}
.dg-atlas-hero__relation>span{min-width:0;font-size:14px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}
.dg-atlas-hero__relation small{display:block;font-size:11px;font-weight:400;line-height:1.5;color:#a8b09d;margin-top:5px}
.dg-atlas-hero__relation b{margin-left:auto;color:#a9c779;font-size:16px}
.dg-atlas-hero__parent-0{top:27%;left:0}.dg-atlas-hero__parent-1{top:65%;left:0}
.dg-atlas-hero__child-0{top:12%;right:0}.dg-atlas-hero__child-1{top:48%;right:-1%}.dg-atlas-hero__child-2{top:79%;right:3%}
.dg-atlas-hero__map-foot{position:absolute;bottom:0;left:14%;font-size:12px;line-height:1.6;color:#a8b09d}
.dg-atlas-hero__selection{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:25px}
.dg-atlas-hero__selection>span{font-size:13px;color:#a8b09d}
.dg-atlas-hero__switches{display:flex;gap:6px;flex-wrap:wrap}
.dg-atlas-hero a.dg-atlas-hero__switch{display:inline-flex;align-items:center;min-height:46px;padding:10px 15px;background:#13170f;border:1px solid #343b2c;border-radius:5px;color:#afb7a4!important;font-size:14px;line-height:1.5;text-decoration:none}
.dg-atlas-hero a.dg-atlas-hero__switch[aria-current]{border-color:var(--sfb-color-primary);color:var(--sfb-color-primary)!important;background:#26321a}
.dg-atlas-hero a:focus-visible{outline:2px solid var(--sfb-color-primary);outline-offset:4px}
.dg-atlas-hero__status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.dg-atlas-hero__fallback{padding:60px 20px;text-align:center;border:1px solid #3c4433;border-radius:8px;font-size:24px;color:var(--sfb-color-primary)}

@media (min-width:1600px) {
    .dg-atlas-hero { padding-left:65px; padding-right:65px; }
    .dg-atlas-hero .dg-atlas-hero__headline { font-size:63px; }
}
@media (min-width:1280px) and (max-width:1439.98px) {
    .dg-atlas-hero { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); }
    .dg-atlas-hero .dg-atlas-hero__headline { font-size:46px; }
    .dg-atlas-hero a.dg-atlas-hero__focus { width:220px; }
    .dg-atlas-hero__image { width:210px; height:260px; }
    .dg-atlas-hero__name { font-size:25px; }
}
/* Unterhalb der Desktop-Breite bekommt die Grafik die ganze Zeile. */
@media (max-width:1279.98px) {
    .dg-atlas-hero { grid-template-columns:minmax(0,1fr); padding:55px 6% 40px; }
    .dg-atlas-hero .dg-atlas-hero__headline { font-size:53px; }
    .dg-atlas-hero__lead { max-width:600px; }
    .dg-atlas-hero__visual { width:100%; max-width:850px; margin:35px auto 0; }
}
/* Auf dem Smartphone fließt die Verwandtschaft von oben nach unten.
   Kartenhöhen passen sich langen Namen an; keine winzigen Satelliten. */
@media (max-width:767.98px) {
    .dg-atlas-hero { padding:36px 20px 32px; min-height:0; gap:0; }
    .dg-atlas-hero__eyebrow { font-size:11px; margin-bottom:20px; letter-spacing:.06em; }
    .dg-atlas-hero .dg-atlas-hero__headline { font-size:37px; line-height:1.13; margin-bottom:22px; }
    .dg-atlas-hero__lead { font-size:15px; line-height:1.75; }
    .dg-atlas-hero__actions { gap:10px; margin-top:24px; }
    .dg-atlas-hero a.dg-atlas-hero__button { font-size:13px; min-height:48px; padding:12px 14px; gap:12px; }
    .dg-atlas-hero__quiet { font-size:12px; margin-top:18px; }
    .dg-atlas-hero__visual { margin-top:44px; }
    .dg-atlas-hero__panel {
        display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
        gap:12px; height:auto; margin:0; align-items:stretch;
    }
    .dg-atlas-hero__coordinate {
        position:relative; top:auto; left:auto; grid-area:1 / 1 / 2 / -1;
        text-align:center; font-size:10px; letter-spacing:.08em; margin-bottom:6px;
    }
    .dg-atlas-hero__label {
        position:relative; inset:auto; grid-column:1 / -1; justify-self:center;
        z-index:1; padding:5px 12px; background:#080908; font-size:12px;
    }
    .dg-atlas-hero__label--parents { grid-row:2; }
    .dg-atlas-hero__label--children { grid-row:5; }
    .dg-atlas-hero a.dg-atlas-hero__relation {
        position:relative; inset:auto; width:auto; max-width:none;
        min-height:88px; padding:12px; gap:8px;
    }
    .dg-atlas-hero__relation>span { font-size:14px; }
    .dg-atlas-hero__relation small { font-size:12px; margin-top:6px; }
    .dg-atlas-hero__relation b { font-size:17px; }
    .dg-atlas-hero__parent-0 { grid-area:3 / 1; }
    .dg-atlas-hero__parent-1 { grid-area:3 / 2; }
    .dg-atlas-hero a.dg-atlas-hero__focus {
        position:relative; inset:auto; transform:none; grid-area:4 / 1 / 5 / -1;
        justify-self:center; width:240px; margin:32px 0 16px;
    }
    .dg-atlas-hero__image { width:230px; height:270px; margin:0 auto; }
    .dg-atlas-hero__name { font-size:28px; }
    .dg-atlas-hero__counts { font-size:13px; margin-top:8px; }
    .dg-atlas-hero__child-0 { grid-area:6 / 1; }
    .dg-atlas-hero__child-1 { grid-area:6 / 2; }
    .dg-atlas-hero__child-2 { grid-area:7 / 1 / 8 / -1; justify-self:center; }
    .dg-atlas-hero a.dg-atlas-hero__child-2 { width:calc((100% - 12px) / 2); }
    .dg-atlas-hero__map-foot {
        position:relative; inset:auto; grid-area:8 / 1 / 9 / -1;
        text-align:center; margin-top:12px; font-size:12px;
    }
    .dg-atlas-hero__orbit { width:94%; height:57%; }
    .dg-atlas-hero__orbit--outer { width:110%; height:85%; }
    .dg-atlas-hero__selection { flex-direction:column; gap:12px; margin-top:28px; }
    .dg-atlas-hero__selection>span { font-size:13px; }
    .dg-atlas-hero__switches { justify-content:center; gap:8px; }
    .dg-atlas-hero a.dg-atlas-hero__switch { font-size:13px; min-height:46px; padding:10px 12px; }
}
@media (max-width:360px) {
    .dg-atlas-hero { padding-left:16px; padding-right:16px; }
    .dg-atlas-hero .dg-atlas-hero__headline { font-size:34px; }
    .dg-atlas-hero__actions { align-items:stretch; flex-direction:column; }
    .dg-atlas-hero a.dg-atlas-hero__relation { padding:10px; }
    .dg-atlas-hero__switches { gap:6px; }
    .dg-atlas-hero a.dg-atlas-hero__switch { padding:10px; }
}
@media (prefers-reduced-motion:reduce) { .dg-atlas-hero a { transition:none!important; } }