/* =====================================================================
   BIG NEWS BOX
   Alle Maße stammen 1:1 aus den XD-Exporten (xd/BIG NEWS BOX - *.svg)
   und sind in Design-Pixeln angegeben. --dw = Breite der Box im Design;
   1 Design-px = var(--u) = 100cqw / --dw  -> die Grafik skaliert exakt
   proportional mit der Box (.bignews__inner ist der Size-Container).
   Breakpoints:  <768 = Mobile (390)   768 = Tablet (768)
                 992 = 1024            1200+ = Desktop
   ===================================================================== */
.bignews { padding: 0px 0; padding-bottom:100px  }
.bignews__inner {
    container-type: inline-size;
    max-width: var(--maxw, none);
    margin: 0 auto;
}
.bignews__box {
    --u: calc(100cqw / var(--dw));
    position: relative;
    height: calc(var(--h) * var(--u));
}
.bignews__box > * { position: absolute; }

/* Hellbrauner Viertelkreis (liegt hinter Bild + dunklem Balken) */
.bignews__deco-light {
    left: calc(var(--light-x) * var(--u));
    top: 0;
    width: calc(var(--light-w) * var(--u));
    height: calc(var(--light-h) * var(--u));
    background: #996f6c;
    border-top-right-radius: calc(var(--light-w) * var(--u));
}
/* Dunkelbrauner Balken, unten rechts rund */
.bignews__deco-dark {
    left: calc(var(--dark-x) * var(--u));
    top: calc(var(--dark-y) * var(--u));
    width: calc(var(--dark-w) * var(--u));
    height: calc(var(--dark-h) * var(--u));
    background: #552e2f;
    border-bottom-right-radius: calc(var(--dark-w) * var(--u));
}
/* Bild, oben links rund */
.bignews__img {
    left: 0;
    top: calc(var(--img-y) * var(--u));
    width: calc(var(--img-w) * var(--u));
    height: calc(var(--img-h) * var(--u));
    border-top-left-radius: calc(var(--img-r) * var(--u));
    overflow: hidden;
    margin: 0;
}
.bignews__img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
/* Torbogen mit EJ-Signet */
.bignews__logo {
    left: calc(var(--logo-x) * var(--u));
    top: calc(var(--logo-y) * var(--u));
    width: calc(var(--logo-w) * var(--u));
    height: auto;
}
/* Sprechblase "BIG NEWS / 2027" */
.bignews__badge {
    left: calc(var(--badge-x) * var(--u));
    top: calc(var(--badge-y) * var(--u));
    width: calc(var(--badge-w) * var(--u));
    height: auto;
    z-index: 2;
}

/* Text + CTA, mittig über dem Bild */
.bignews__content {
    left: 0;
    top: calc(var(--img-y) * var(--u));
    width: calc(var(--img-w) * var(--u));
    padding: calc(var(--txt-y) * var(--u)) 20px 0;
    text-align: center;
    z-index: 1;
}
.bignews .bignews__title {
    font-family: 'Erzherzog Johann Font', serif;
    font-size: var(--txt-fs);
    line-height: 1.2;
    font-weight: normal;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 0 6px rgba(0, 0, 0, .75);
    margin: 0;
    padding: 0;
}
.bignews .bignews__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    min-width: 186px;
    margin-top: calc(var(--cta-gap) * var(--u));
    padding: 0 24px;
    border: 2px solid #fff;
    border-radius: 21px;
    background: #5c3c38;
    color: #fff;
    font-family: 'Assistant', sans-serif;
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    transition: background-color .2s, color .2s;
}
.bignews .bignews__cta:hover,
.bignews .bignews__cta:focus-visible { background: #fff; color: #5c3c38; }

/* ---------- Mobile (Design 390, Box 350) ---------- */
.bignews__box {
    --dw: 350; --h: 340.6;
    --img-y: 61; --img-w: 320; --img-h: 279.6; --img-r: 72;
    --light-x: 262.1; --light-w: 64.1; --light-h: 146.7;
    --dark-x: 283.5; --dark-y: 28.7; --dark-w: 66.4; --dark-h: 186.4;
    --logo-x: 300; --logo-y: 42.9; --logo-w: 41.6;
    --badge-x: 38.3; --badge-y: .5; --badge-w: 131.3;
    --txt-y: 98; --txt-fs: clamp(22px, calc(25 * var(--u)), 32px); --cta-gap: 14;
}
/* ---------- Tablet (Design 768, Box 627) ---------- */
@media (min-width: 768px) {
    .bignews__inner { --maxw: 627px; }
    .bignews__box {
        --dw: 627; --h: 627;
        --img-y: 128; --img-w: 573.5; --img-h: 499; --img-r: 127;
        --light-x: 430.4; --light-w: 114.6; --light-h: 262.5;
        --dark-x: 484.5; --dark-y: 51.3; --dark-w: 142.5; --dark-h: 399.7;
        --logo-x: 532.1; --logo-y: 76.8; --logo-w: 74.4;
        --badge-x: 65.3; --badge-y: 66.5; --badge-w: 131.3;
        --txt-y: 248; --txt-fs: 25px; --cta-gap: 14;
    }
}
/* ---------- 1024 (Design 1024, Box 882) ---------- */
@media (min-width: 992px) {
    .bignews__inner { --maxw: 882px; }
    .bignews__box {
        --dw: 882; --h: 697.6;
        --img-y: 127.6; --img-w: 806.5; --img-h: 570; --img-r: 127;
        --light-x: 618.4; --light-w: 153.7; --light-h: 352;
        --dark-x: 691; --dark-y: 68.8; --dark-w: 191; --dark-h: 536;
        --logo-x: 754.7; --logo-y: 103; --logo-w: 99.8;
        --badge-x: 94.8; --badge-y: 65.7; --badge-w: 192;
        --txt-y: 230; --txt-fs: 39px; --cta-gap: 18;
    }
}
/* ---------- Desktop (Design 1726, Box 1238) ---------- */
@media (min-width: 1200px) {
    .bignews__inner { --maxw: 1238px; }
    .bignews__box {
        --dw: 1238; --h: 698;
        --img-y: 127; --img-w: 1128; --img-h: 571; --img-r: 127;
        --light-x: 974.5; --light-w: 153.7; --light-h: 352;
        --dark-x: 1047; --dark-y: 69.2; --dark-w: 191; --dark-h: 536;
        --logo-x: 1078.8; --logo-y: 103.3; --logo-w: 99.84;
        --badge-x: 127; --badge-y: 66; --badge-w: 192;
        --txt-y: 231; --txt-fs: calc(39 * var(--u)); --cta-gap: 18;
    }
}
@media (prefers-reduced-motion: reduce) {
    .bignews .bignews__cta { transition: none; }
}