/* BetWest Depesche - AT */
:root{
  --tinte:#050a11;
  --daemmer:#0a121c;
  --schacht:#0e1721;
  --bohle:#152230;
  --bohle-hell:#1d2c3b;
  --riemen:#111b25;
  --kante:#27394b;
  --kreide:#e8eef5;
  --kreide-matt:#b6c5d4;
  --gold-glanz:#fffad2;
  --gold-hell:#f1d59f;
  --gold:#d8b478;
  --gold-kern:#b2864e;
  --gold-tief:#79613e;
  --gold-nacht:#43280a;
  --messing:linear-gradient(180deg,#43280a 0,#79613e 7%,#c69d64 22%,#f1d59f 38%,#fffad2 46%,#e9cd97 54%,#b2864e 70%,#79613e 88%,#3a220a 100%);
  --schriftzug:"Bookman Old Style","Hoefler Text",Georgia,"Times New Roman",serif;
  --lauftext:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --korn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='k'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23k)' opacity='.055'/%3E%3C/svg%3E");
  --tiefe:0 30px 60px -26px rgba(0,0,0,.9),0 6px 16px -8px rgba(0,0,0,.7);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  font:400 clamp(1rem,.96rem + .2vw,1.075rem)/1.66 var(--lauftext);
  color:var(--kreide);
  background-color:var(--daemmer);
  background-image:var(--korn),
    radial-gradient(130% 62% at 50% -12%,#1b2c40 0,#101d2b 42%,rgba(8,14,23,0) 100%),
    radial-gradient(78% 34% at 92% 42%,rgba(43,71,100,.42),transparent 70%),
    radial-gradient(70% 30% at 4% 66%,rgba(30,54,78,.4),transparent 72%),
    linear-gradient(180deg,#0b1520 0,#080e17 100%);
  background-repeat:repeat,no-repeat,no-repeat,no-repeat,no-repeat;
  background-size:140px 140px,100% 1600px,100% 100%,100% 100%,100% 100%;
  overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{font-family:var(--schriftzug);font-weight:700;margin:0;line-height:1.13;letter-spacing:-.01em}
p,ul{margin:0}
ul{list-style:none;padding:0}
a{color:var(--gold-hell)}
:is(a,button,input,summary,[tabindex]):focus-visible{
  outline:3px solid var(--gold-hell);outline-offset:3px;border-radius:3px;
}
.ueberspringen{
  position:absolute;left:-999px;top:0;z-index:9;
  background:var(--schacht);color:var(--gold-hell);
  padding:.7rem 1.1rem;border:1px solid var(--gold-tief);text-decoration:none;
}
.ueberspringen:focus{left:.6rem;top:.6rem}

/* ---------- Materialien ---------- */
.ausguck-tafel,.eintrag-ruf{background-image:var(--messing)}

/* ---------- Kopfleiste ---------- */
.drahtkopf{
  position:relative;
  background:linear-gradient(180deg,rgba(28,44,62,.9),rgba(9,15,23,.5));
  box-shadow:0 14px 30px -22px rgba(0,0,0,.9);
}
.drahtkopf::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:3px;
  background-image:var(--messing);background-size:100% 300%;background-position:0 46%;
  box-shadow:0 1px 0 rgba(0,0,0,.75);
}
.drahtkopf-innen{
  max-width:1200px;margin:0 auto;padding:.85rem clamp(1rem,4vw,2.4rem);
  display:flex;align-items:center;gap:clamp(.7rem,2vw,1.4rem);flex-wrap:wrap;
}
.drahtkopf-marke{width:150px;height:75px;flex:none}
.drahtkopf-signum{
  font:600 .74rem/1.4 var(--lauftext);letter-spacing:.19em;text-transform:uppercase;
  color:var(--gold);margin-right:auto;
}
.drahtkopf-signum span{color:#c9a266}
.drahtkopf-jahr{
  font:700 .68rem/1 var(--lauftext);letter-spacing:.14em;text-transform:uppercase;
  color:var(--gold-hell);padding:.42rem .62rem;border:1px solid rgba(216,180,120,.45);
  border-radius:999px;background:rgba(6,11,18,.6);
}

/* ---------- Ausguck (Hero) ---------- */
.ausguck{padding:clamp(2.2rem,6vw,4.6rem) clamp(1rem,4vw,2.4rem) clamp(2.6rem,7vw,5rem)}
.ausguck-innen{
  max-width:1200px;margin:0 auto;display:grid;gap:clamp(2rem,4vw,3.2rem);
  align-items:start;
}
.ausguck-kennung{
  font:600 .72rem/1.5 var(--lauftext);letter-spacing:.22em;text-transform:uppercase;
  color:var(--gold);margin-bottom:1.1rem;
}
.ausguck-kennung span{color:#c9a266}
.ausguck-titel{
  font-size:clamp(1.95rem,1.2rem + 2.6vw,3.05rem);
  background:linear-gradient(178deg,#fffdf0 4%,#f1d59f 42%,#d8b478 68%,#b2864e 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 2px 0 rgba(0,0,0,.55)) drop-shadow(0 12px 24px rgba(0,0,0,.5));
  max-width:21ch;
}
.ausguck-lauf{
  margin-top:1.25rem;max-width:52ch;color:var(--kreide-matt);
  font-size:clamp(1rem,.95rem + .28vw,1.14rem);
}
.ausguck-schau{display:grid;gap:1.15rem}
.ausguck-bild{
  margin:0;aspect-ratio:3/2;overflow:hidden;border-radius:4px;
  border:1px solid rgba(216,180,120,.24);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.8),inset 0 2px 0 rgba(241,213,159,.15),var(--tiefe);
  position:relative;
}
.ausguck-bild img{width:100%;height:100%;object-fit:cover}
.ausguck-bild::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(196deg,rgba(120,160,205,.14),transparent 46%),
    radial-gradient(120% 90% at 30% 20%,transparent 40%,rgba(4,8,14,.55) 100%);
}
/* Messingtafel mit Nieten */
.ausguck-tafel{
  padding:4px;border-radius:6px;
  box-shadow:0 1px 0 rgba(255,250,210,.4),0 22px 40px -18px rgba(0,0,0,.95),
    inset 0 0 0 1px rgba(67,40,10,.7);
}
.ausguck-tafel-innen{
  position:relative;border-radius:3px;padding:1.15rem clamp(1rem,2.4vw,1.5rem) 1.05rem;
  background:
    radial-gradient(circle at 12px 12px,rgba(255,250,210,.75) 0 1.6px,rgba(121,97,62,.9) 2.2px 3.4px,rgba(8,13,20,.9) 3.6px 4.6px,transparent 5px),
    radial-gradient(circle at calc(100% - 12px) 12px,rgba(255,250,210,.75) 0 1.6px,rgba(121,97,62,.9) 2.2px 3.4px,rgba(8,13,20,.9) 3.6px 4.6px,transparent 5px),
    radial-gradient(circle at 12px calc(100% - 12px),rgba(255,250,210,.75) 0 1.6px,rgba(121,97,62,.9) 2.2px 3.4px,rgba(8,13,20,.9) 3.6px 4.6px,transparent 5px),
    radial-gradient(circle at calc(100% - 12px) calc(100% - 12px),rgba(255,250,210,.75) 0 1.6px,rgba(121,97,62,.9) 2.2px 3.4px,rgba(8,13,20,.9) 3.6px 4.6px,transparent 5px),
    repeating-linear-gradient(93deg,rgba(255,255,255,.016) 0 2px,transparent 2px 8px),
    linear-gradient(172deg,#17242f 0,#0e1821 58%,#0a131c 100%);
  box-shadow:inset 0 2px 10px rgba(0,0,0,.75);
}
.ausguck-tafel-kopf{
  font:600 .68rem/1.5 var(--lauftext);letter-spacing:.2em;text-transform:uppercase;
  color:var(--gold);padding-bottom:.75rem;margin-bottom:.2rem;
  border-bottom:1px solid rgba(216,180,120,.24);
}
.ausguck-reihe{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.ausguck-posten{
  padding:.85rem .9rem .8rem 0;border-bottom:1px solid rgba(216,180,120,.12);
}
.ausguck-posten:nth-child(2n){padding-left:.9rem;padding-right:0;border-left:1px solid rgba(216,180,120,.12)}
.ausguck-posten:nth-child(n+3){border-bottom:0;padding-bottom:.2rem}
.ausguck-zahl{
  display:block;font-family:var(--schriftzug);font-weight:700;
  font-size:clamp(1.7rem,1.15rem + 1.9vw,2.4rem);line-height:1;letter-spacing:-.02em;
  background:linear-gradient(178deg,#fffdf0 6%,#f1d59f 40%,#d8b478 66%,#b2864e 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 1px 0 rgba(0,0,0,.7));
}
.ausguck-name{
  display:block;margin-top:.34rem;color:var(--kreide-matt);
  font-size:.855rem;line-height:1.42;
}
.ausguck-tafel-fuss{
  margin-top:.95rem;padding-top:.7rem;border-top:1px solid rgba(216,180,120,.18);
  color:#9fb0c1;font-size:.79rem;line-height:1.5;
}

/* ---------- Eintragsformular ---------- */
.eintrag{margin-top:1.7rem;max-width:44rem}
.eintrag-zeile{display:flex;gap:.7rem;flex-wrap:wrap;align-items:flex-end}
.eintrag-etikett{flex:1 1 16rem;display:block}
.eintrag-wort{
  display:block;font:600 .69rem/1.5 var(--lauftext);letter-spacing:.19em;
  text-transform:uppercase;color:var(--gold);margin-bottom:.5rem;
}
.eintrag-feld{
  width:100%;font:400 1.02rem/1.4 var(--lauftext);color:var(--kreide);
  padding:.86rem .95rem;border-radius:4px;
  border:1px solid rgba(216,180,120,.3);
  background:linear-gradient(180deg,#070d15 0,#0c1520 60%,#101c27 100%);
  box-shadow:inset 0 3px 8px rgba(0,0,0,.85),0 1px 0 rgba(216,180,120,.14);
}
.eintrag-feld::placeholder{color:#7d8fa1}
.eintrag-feld:hover{border-color:rgba(216,180,120,.5)}
.eintrag-ruf{
  flex:0 0 auto;font:700 .87rem/1 var(--lauftext);letter-spacing:.12em;
  text-transform:uppercase;color:#2a1a06;cursor:pointer;
  padding:1.02rem 1.5rem;border:1px solid #3a220a;border-radius:4px;
  background-size:100% 260%;background-position:0 34%;
  box-shadow:inset 0 1px 0 rgba(255,253,240,.65),inset 0 -2px 3px rgba(67,40,10,.5),
    0 3px 0 #2c1c08,0 14px 24px -10px rgba(0,0,0,.9);
  transition:transform .16s ease,background-position .16s ease;
}
.eintrag-ruf:hover{background-position:0 46%;transform:translateY(-1px)}
.eintrag-ruf:active{transform:translateY(2px)}
.eintrag-ruege{
  margin-top:.7rem;color:#ffc4b4;font-size:.87rem;font-weight:600;
  padding-left:1.4rem;position:relative;
}
.eintrag-ruege::before{
  content:"";position:absolute;left:0;top:.42em;width:.62rem;height:.62rem;
  border-radius:50%;background:#c8543a;box-shadow:0 0 0 2px rgba(200,84,58,.28);
}
.eintrag-fein{margin-top:.8rem;color:#9fb0c1;font-size:.81rem}
.eintrag-quittung{
  margin-top:1rem;padding:1.05rem 1.15rem 1.1rem 3.1rem;position:relative;
  border:1px solid rgba(216,180,120,.35);border-radius:5px;
  background:linear-gradient(172deg,rgba(30,48,44,.9),rgba(11,20,26,.92));
  box-shadow:inset 0 1px 0 rgba(241,213,159,.18),0 16px 30px -18px rgba(0,0,0,.9);
}
.eintrag-haken{position:absolute;left:1.05rem;top:1.05rem;color:var(--gold-hell)}
.eintrag-quittung-titel{font-family:var(--schriftzug);font-weight:700;font-size:1.1rem;color:var(--gold-hell)}
.eintrag-quittung-text{margin-top:.3rem;color:var(--kreide-matt);font-size:.9rem}

/* ---------- Postritt: Serpentine ---------- */
.postritt{padding:clamp(1rem,3vw,2rem) clamp(1rem,4vw,2.4rem) clamp(1.2rem,3vw,2.2rem)}
.postritt-innen{max-width:1200px;margin:0 auto}
.postritt-kopf{
  font-size:clamp(1.35rem,1.15rem + .8vw,1.85rem);color:var(--gold-hell);
  text-align:center;margin-bottom:clamp(2.4rem,5vw,3.6rem);
  letter-spacing:.02em;
}
/* Messingschiene mit drei Nieten */
.postritt-kopf::after{
  content:"";display:block;width:186px;height:13px;margin:1.15rem auto 0;border-radius:3px;
  background-image:
    radial-gradient(circle at 22px 50%,#fffad2 0 1.5px,#a88048 2.1px 3.1px,rgba(0,0,0,.7) 3.5px 4.3px,transparent 4.8px),
    radial-gradient(circle at 93px 50%,#fffad2 0 1.5px,#a88048 2.1px 3.1px,rgba(0,0,0,.7) 3.5px 4.3px,transparent 4.8px),
    radial-gradient(circle at 164px 50%,#fffad2 0 1.5px,#a88048 2.1px 3.1px,rgba(0,0,0,.7) 3.5px 4.3px,transparent 4.8px),
    var(--messing);
  box-shadow:inset 0 1px 0 rgba(255,253,240,.5),0 3px 8px rgba(0,0,0,.7);
}
.postritt-station{
  position:relative;margin:0 auto clamp(2.7rem,5.5vw,4.2rem);
  padding:clamp(2rem,3.6vw,2.7rem) clamp(1.2rem,3vw,2.2rem) clamp(1.6rem,3vw,2.2rem);
  border:1px solid rgba(216,180,120,.3);border-radius:5px;
  background:
    linear-gradient(178deg,rgba(140,175,210,.1),transparent 24%),
    repeating-linear-gradient(92.4deg,rgba(216,232,248,.028) 0 1px,transparent 1px 6px,rgba(0,0,0,.14) 6px 7px,transparent 7px 13px),
    radial-gradient(80% 120% at 88% -10%,rgba(56,84,112,.38),transparent 62%),
    linear-gradient(174deg,#192838 0,#0c1620 100%);
  background-color:#101b26;
  box-shadow:inset 0 1px 0 rgba(190,218,244,.2),inset 0 -1px 0 rgba(0,0,0,.75),
    inset 0 0 0 7px rgba(6,11,18,.5),inset 0 0 0 8px rgba(216,180,120,.2),
    0 40px 64px -28px rgba(0,0,0,.96);
}
/* Riemenlaschen: zwei getreppte Lederlaschen mit Messingniete */
.postritt-station::before,.postritt-station::after{
  content:"";position:absolute;top:-25px;width:42px;height:64px;
  border-radius:7px 7px 3px 3px;
  background:
    radial-gradient(circle at 50% 78%,#fffad2 0 2px,#c69d64 2.6px 4.2px,#6d5433 4.8px 6px,rgba(0,0,0,.85) 6.4px 7.4px,transparent 8px),
    repeating-linear-gradient(180deg,transparent 0 4px,rgba(216,180,120,.34) 4px 8px) 6px 10px/1.5px 40px no-repeat,
    repeating-linear-gradient(180deg,transparent 0 4px,rgba(216,180,120,.34) 4px 8px) calc(100% - 6px) 10px/1.5px 40px no-repeat,
    radial-gradient(70% 40% at 34% 16%,rgba(150,180,210,.16),transparent 70%),
    linear-gradient(178deg,#26343f 0,#18232e 40%,#0f1822 100%);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.72),inset 0 1px 0 rgba(163,190,214,.2),
    0 12px 18px -6px rgba(0,0,0,.75);
}
.postritt-station::before{left:clamp(1.2rem,3vw,2.2rem)}
.postritt-station::after{right:clamp(1.2rem,3vw,2.2rem)}
.postritt-zahl{
  font-family:var(--schriftzug);font-weight:700;font-size:.94rem;letter-spacing:.3em;
  color:var(--gold);margin-bottom:.6rem;
}
.postritt-titel{
  font-size:clamp(1.35rem,1.1rem + 1.05vw,1.9rem);
  background:linear-gradient(178deg,#fffdf0 6%,#f1d59f 44%,#cfa96e 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 1px 0 rgba(0,0,0,.6));
}
.postritt-text{margin-top:.9rem;color:var(--kreide-matt);max-width:56ch}
.postritt-liste{margin-top:1.1rem;display:grid;gap:.62rem}
.postritt-punkt{
  display:grid;grid-template-columns:auto 1fr;gap:.66rem;align-items:start;
  color:var(--kreide);font-size:.96rem;line-height:1.5;
}
.postritt-punkt svg{color:var(--gold);margin-top:.22em}
.postritt-bild{
  margin:1.6rem 0 0;overflow:hidden;border-radius:4px;
  border:1px solid rgba(216,180,120,.22);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.75),0 24px 44px -24px rgba(0,0,0,.95);
}
.postritt-bild img{width:100%;height:100%;object-fit:cover}
.postritt-bild--breit{aspect-ratio:3/2}
.postritt-bild--hoch{aspect-ratio:4/3}

/* ---------- Rueckfragen ---------- */
.rueckfrage{padding:0 clamp(1rem,4vw,2.4rem) clamp(2.6rem,7vw,5rem)}
.rueckfrage-innen{
  max-width:880px;margin:0 auto;position:relative;border-radius:6px;
  padding:clamp(1.5rem,3.4vw,2.6rem) clamp(1.25rem,3.4vw,2.6rem) clamp(1.1rem,2.6vw,1.9rem);
  border:1px solid rgba(216,180,120,.22);
  background:
    radial-gradient(circle at 30% 28%,rgba(190,220,250,.035) 0 1px,transparent 1.6px) 0 0/8px 8px,
    radial-gradient(circle at 72% 66%,rgba(0,0,0,.34) 0 1.2px,transparent 2px) 0 0/11px 11px,
    radial-gradient(70% 55% at 16% 0,rgba(58,92,126,.32),transparent 72%),
    linear-gradient(170deg,#182430 0,#101a24 52%,#0b131b 100%);
  box-shadow:inset 0 1px 0 rgba(168,198,224,.14),inset 0 -2px 12px rgba(0,0,0,.6),
    0 34px 60px -30px rgba(0,0,0,.95);
}
/* Ledernaht */
.rueckfrage-innen::before{
  content:"";position:absolute;inset:9px;border-radius:3px;pointer-events:none;
  border:1.5px dashed rgba(216,180,120,.28);
}
.rueckfrage-kopf{
  font-size:clamp(1.3rem,1.12rem + .7vw,1.7rem);color:var(--gold-hell);
  letter-spacing:.03em;margin-bottom:1.5rem;
}
.rueckfrage-stueck{
  padding:1.25rem 0 1.3rem;border-top:1px solid rgba(216,180,120,.16);
  display:grid;gap:.5rem;
}
.rueckfrage-stueck:last-child{border-bottom:1px solid rgba(216,180,120,.16)}
.rueckfrage-satz{font-size:1.09rem;color:var(--kreide)}
.rueckfrage-wort{color:var(--kreide-matt);font-size:.96rem;max-width:66ch}

/* ---------- Depesche (Abschlussruf) ---------- */
.depesche{
  padding:clamp(2.4rem,6vw,4.4rem) clamp(1rem,4vw,2.4rem) clamp(2.8rem,7vw,5rem);
  border-top:1px solid rgba(216,180,120,.16);
  background:
    radial-gradient(90% 120% at 12% 0,rgba(46,74,102,.4),transparent 62%),
    linear-gradient(180deg,#0c1520 0,#070d15 100%);
}
.depesche-innen{
  max-width:1200px;margin:0 auto;display:grid;gap:clamp(1.8rem,4vw,3rem);
  align-items:center;
}
.depesche-bild{
  margin:0;aspect-ratio:2/1;overflow:hidden;border-radius:4px;
  border:1px solid rgba(216,180,120,.22);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.8),0 30px 54px -28px rgba(0,0,0,.95);
}
.depesche-bild img{width:100%;height:100%;object-fit:cover}
.depesche-titel{
  font-size:clamp(1.7rem,1.25rem + 1.9vw,2.5rem);
  background:linear-gradient(178deg,#fffdf0 6%,#f1d59f 44%,#c79f64 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 2px 0 rgba(0,0,0,.5));
}
.depesche-lauf{margin-top:.95rem;color:var(--kreide-matt);max-width:46ch}

/* ---------- Grenzmark (Fuss) ---------- */
.grenzmark{
  position:relative;border-top:0;
  background:linear-gradient(180deg,#0a121b,#05090f);
  padding:clamp(2rem,5vw,3.2rem) clamp(1rem,4vw,2.4rem) clamp(2.2rem,5vw,3rem);
}
.grenzmark::before{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background-image:var(--messing);background-size:100% 300%;background-position:0 46%;
  box-shadow:0 1px 0 rgba(0,0,0,.8);
}
.grenzmark-innen{max-width:1060px;margin:0 auto;display:grid;gap:.95rem}
.grenzmark-oben{
  display:flex;align-items:center;gap:.9rem 1.4rem;flex-wrap:wrap;
  padding-bottom:1.05rem;margin-bottom:.35rem;
  border-bottom:1px solid rgba(216,180,120,.16);
}
.grenzmark-marke{
  font-family:var(--schriftzug);font-weight:700;font-size:1.1rem;color:var(--gold-hell);
  letter-spacing:.02em;
}
.grenzmark-volljahr{
  font:700 .7rem/1 var(--lauftext);letter-spacing:.1em;color:#2a1a06;
  padding:.42rem .6rem;border-radius:999px;background-image:var(--messing);
  background-size:100% 240%;background-position:0 40%;
  box-shadow:inset 0 1px 0 rgba(255,253,240,.6),0 2px 6px rgba(0,0,0,.6);
}
.grenzmark-wege{display:flex;gap:1.1rem;flex-wrap:wrap;margin-left:auto}
.grenzmark-wege a{font-size:.88rem;color:var(--gold);text-decoration-color:rgba(216,180,120,.42)}
.grenzmark-wege a:hover{color:var(--gold-hell)}
.grenzmark-satz{color:#a4b4c4;font-size:.845rem;line-height:1.62;max-width:88ch}
.grenzmark-hilfe{
  color:var(--kreide-matt);font-size:.845rem;line-height:1.62;max-width:88ch;
  padding:.72rem .9rem;border-left:3px solid var(--gold-kern);
  background:rgba(255,255,255,.028);border-radius:0 3px 3px 0;
}
.grenzmark-fein{color:#8c9dae;font-size:.79rem;margin-top:.3rem}

/* ---------- Breite Schirme ---------- */
@media (min-width:900px){
  .ausguck-innen{grid-template-columns:1.02fr .98fr;gap:clamp(2.2rem,4vw,3.6rem)}
  .ausguck{padding-top:clamp(3rem,5vw,4.8rem)}
  .postritt-station{display:grid;gap:clamp(1.4rem,3vw,2.4rem);align-items:center}
  .postritt-bild{margin-top:0}
  .postritt-station:nth-of-type(1){width:94%;margin-left:0;grid-template-columns:1fr .82fr}
  .postritt-station:nth-of-type(2){width:86%;margin-right:0;grid-template-columns:.78fr 1fr}
  .postritt-station:nth-of-type(2) .postritt-wort{order:2}
  .postritt-station:nth-of-type(2) .postritt-bild{order:1}
  .postritt-station:nth-of-type(3){width:74%;margin-left:4%;margin-right:auto}
  .postritt-station:nth-of-type(4){width:66%;margin-right:2%;margin-left:auto}
  .depesche-innen{grid-template-columns:1.06fr .94fr}
  .depesche-bild{order:2}
  .depesche-wort{order:1}
}
@media (max-width:899px){
  .ausguck-titel{max-width:none}
  .drahtkopf-marke{width:126px;height:63px}
}
@media (max-width:520px){
  .ausguck-reihe{grid-template-columns:1fr}
  .ausguck-posten,.ausguck-posten:nth-child(2n){padding-left:0;padding-right:0;border-left:0}
  .ausguck-posten:nth-child(n+3){border-bottom:1px solid rgba(216,180,120,.12);padding-bottom:.8rem}
  .ausguck-posten:last-child{border-bottom:0;padding-bottom:.2rem}
  .eintrag-ruf{width:100%}
  .drahtkopf-innen{padding-top:.55rem;padding-bottom:.55rem;row-gap:.45rem}
  .drahtkopf-signum{order:3;width:100%;margin-right:0}
  .drahtkopf-jahr{margin-left:auto}
  .ausguck{padding-top:1.6rem}
  .ausguck-lauf{font-size:1rem;line-height:1.58}
  .postritt-station::before,.postritt-station::after{width:34px;height:52px;top:-20px}
  .grenzmark-wege{margin-left:0}
}

/* ---------- Bewegung ---------- */
@keyframes aufzug{from{opacity:.001;transform:translate3d(0,20px,0)}to{opacity:1;transform:none}}
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    .postritt-station,.rueckfrage-stueck{
      animation:aufzug linear both;
      animation-timeline:view();
      animation-range:entry 2% entry 48%;
    }
  }
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}