/* Asservat-7 – Gestaltung: Aktendeckel auf dunklem Schreibtisch, Stempel, Beweismittel-Etikett.
   Kopie aus sites/asservat-7/quelle/statisch/style.css (Bildsprache der Website), nur dieser Kopf geändert.
   Ergänzungen für die Digitale Akte stehen in akte.css. */

:root {
  --tisch: #23211d;          /* Hintergrund: dunkler Schreibtisch */
  --tisch-linie: #2c2a25;
  --akte: #e9dfc4;           /* Aktendeckel, Manila */
  --akte-dunkel: #ddd0ae;
  --papier: #f8f4e8;         /* Etikett / Karteikarte */
  --tinte: #1d1b17;          /* Fließtext */
  --tinte-matt: #554d40;     /* Nebentext, Kontrast > 5:1 auf Manila */
  --stempel: #a3221b;        /* Stempelrot, Kontrast > 5:1 auf Manila */
  --markierung: #f3dd7a;     /* Textmarker für Platzhalter */
  --fokus: #0b5cad;

  --schreibmaschine: "Courier New", Courier, "Nimbus Mono PS", "Liberation Mono", ui-monospace, monospace;
  --text: Charter, "Bitstream Charter", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "DejaVu Serif", serif;
  --marke: "Arial Black", "Helvetica Neue", Helvetica, "Liberation Sans", Arial, sans-serif;

  color-scheme: light;
}

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

body {
  margin: 0;
  min-height: 100vh;
  background-color: var(--tisch);
  /* dezente Holzmaserung des Tisches */
  background-image: repeating-linear-gradient(
    92deg, transparent 0 22px, var(--tisch-linie) 22px 23px, transparent 23px 61px);
  color: var(--tinte);
  font-family: var(--text);
  font-size: 1.0625rem;
  line-height: 1.65;
  padding: clamp(1.5rem, 5vw, 4rem) clamp(0.5rem, 3vw, 2rem);
  overflow-wrap: break-word;
}

a { color: var(--stempel); text-underline-offset: 0.18em; }
a:hover { text-decoration-thickness: 2px; }
:focus-visible { outline: 3px solid var(--fokus); outline-offset: 3px; }

/* Nur für Screenreader sichtbar */
.sr-only {
  position: absolute !important;
  width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

.springen {
  position: absolute; left: -999px; top: 0;
  background: var(--papier); color: var(--tinte); padding: 0.5rem 1rem;
  font-family: var(--schreibmaschine);
}
.springen:focus { left: 1rem; top: 1rem; z-index: 10; }

/* ---------- Aktendeckel ---------- */

.akte {
  position: relative;
  max-width: 58rem;
  margin: 2.2rem auto 0;
  background-color: var(--akte);
  /* leichte Papierstruktur ohne Bilddatei */
  background-image:
    radial-gradient(circle at 20% 10%, rgba(255,255,255,0.35), transparent 55%),
    repeating-linear-gradient(0deg, rgba(120,95,40,0.035) 0 1px, transparent 1px 3px);
  border-radius: 0 6px 6px 6px;
  box-shadow: 0 1px 0 #f6efdc inset, 0 18px 40px rgba(0,0,0,0.45), 0 2px 6px rgba(0,0,0,0.35);
  padding: clamp(1rem, 5vw, 3.5rem);
  padding-left: clamp(1.6rem, 5vw, 3.5rem); /* Platz für die Lochung */
}

/* Reiter oben links, zeigt den Namen der aktuellen Akte */
.akte::before {
  content: attr(data-reiter);
  position: absolute;
  left: 0; bottom: 100%;
  max-width: 100%;
  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
  background: var(--akte-dunkel);
  color: var(--tinte-matt);
  font: 700 0.75rem/1 var(--schreibmaschine);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 0.7rem 1.4rem 0.55rem;
  border-radius: 6px 10px 0 0;
}

/* Lochung am linken Rand */
.akte::after {
  content: "";
  position: absolute;
  left: 0.45rem; top: 50%;
  width: 0.7rem; height: 5.5rem;
  transform: translateY(-50%);
  background:
    radial-gradient(circle, var(--tisch) 0 0.3rem, transparent 0.32rem) center top / 0.7rem 0.7rem no-repeat,
    radial-gradient(circle, var(--tisch) 0 0.3rem, transparent 0.32rem) center bottom / 0.7rem 0.7rem no-repeat;
  opacity: 0.85;
}

/* ---------- Kopf mit Navigation ---------- */

.kopfzeile {
  display: flex; flex-wrap: wrap; gap: 0.25rem 1.5rem;
  justify-content: space-between;
  font: 0.8rem/1.4 var(--schreibmaschine);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tinte-matt);
  border-bottom: 1px solid rgba(29,27,23,0.25);
  padding-bottom: 0.6rem;
  margin: 0 0 1.1rem;
}

.kopf-leiste {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: 1rem 2rem;
  padding-bottom: 1.1rem;
  border-bottom: 3px double rgba(29,27,23,0.4);
}

.wortmarke {
  margin: 0;
  font-family: var(--marke);
  font-weight: 900;
  font-size: clamp(2.2rem, 11vw, 5.25rem);
  line-height: 1;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--tinte);
  display: flex; flex-wrap: wrap; align-items: center; gap: 0.12em;
}
/* Die 7 als Asservaten-Nummer im Rahmen */
.wortmarke .nr {
  display: inline-block;
  font-family: var(--schreibmaschine);
  font-weight: 700;
  color: var(--stempel);
  border: 0.07em solid currentColor;
  padding: 0.02em 0.16em 0;
  line-height: 0.95;
  transform: rotate(-3deg);
}
.wortmarke .strich { color: var(--stempel); margin-right: -0.06em; }

/* kleine Wortmarke als Link im Kopf jeder Seite */
a.wortmarke {
  font-size: 1.4rem;
  text-decoration: none;
  display: inline-flex; flex-wrap: nowrap;
  padding: 0.25rem 0;
}
a.wortmarke:hover .nr { transform: rotate(3deg); }

/* Hauptnavigation als Reihe von Karteireitern; bricht um, bleibt ohne JavaScript bedienbar */
.hauptnav ul {
  list-style: none; margin: 0; padding: 0;
  display: flex; flex-wrap: wrap; gap: 0.4rem;
}
.hauptnav a {
  display: flex; align-items: center; justify-content: center;
  min-height: 2.75rem;
  padding: 0.4rem 0.75rem 0.3rem;
  font: 700 0.8rem/1.2 var(--schreibmaschine);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: center;
  color: var(--tinte);
  text-decoration: none;
  background: rgba(248,244,232,0.55);
  border: 1px solid rgba(29,27,23,0.35);
  border-radius: 4px 4px 0 0;
}
.hauptnav a:hover { border-color: var(--tinte); background: var(--papier); }
/* aktuelle Seite bzw. aktueller Bereich: gestempelt */
.hauptnav a[aria-current] {
  background: var(--stempel); border-color: var(--stempel); color: #fff;
}
@media (max-width: 40rem) {
  .hauptnav { width: 100%; }
  .hauptnav ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hauptnav li:last-child:nth-child(odd) { grid-column: 1 / -1; }
}

/* Brotkrumen auf Seiten der zweiten Ebene */
.krumen { margin: 1.25rem 0 0; font: 0.85rem/1.5 var(--schreibmaschine); color: var(--tinte-matt); }
.krumen ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.1rem 0; }
.krumen li + li::before { content: "›"; margin: 0 0.5rem; color: var(--tinte-matt); }
.krumen a { color: var(--tinte); }
.krumen [aria-current] { font-weight: 700; }

/* ---------- Titelblatt der Startseite ---------- */

.titelblatt { position: relative; }

.claim {
  margin: 1rem 0 0;
  font-family: var(--schreibmaschine);
  font-size: clamp(1.05rem, 3.4vw, 1.4rem);
  line-height: 1.4;
  letter-spacing: 0.02em;
}

/* Stempel „Bald verfügbar" */
.stempel {
  display: inline-block;
  margin: 1.75rem 0 0;
  padding: 0.45rem 0.9rem 0.35rem;
  border: 3px double var(--stempel);
  border-radius: 4px;
  color: var(--stempel);
  font: 700 clamp(1rem, 3.6vw, 1.35rem)/1.1 var(--schreibmaschine);
  letter-spacing: 0.16em;
  text-transform: uppercase;
  transform: rotate(-6deg);
  transform-origin: left center;
  /* leicht ungleichmäßiger Farbauftrag */
  background: radial-gradient(ellipse at 70% 40%, rgba(163,34,27,0.07), transparent 70%);
}
.stempel small { display: block; font-size: 0.62em; letter-spacing: 0.22em; margin-top: 0.2rem; }

@media (min-width: 46rem) {
  .titelblatt .stempel {
    position: absolute;
    right: 0; top: 0.4rem;
    margin: 0;
    transform: rotate(9deg);
    transform-origin: center;
  }
  .titelblatt { padding-right: 15rem; }
}

/* ---------- Inhalt ---------- */

main { margin-top: 2.25rem; }
main:focus { outline: none; }

main h1 {
  font: 700 clamp(1.5rem, 6vw, 2.2rem)/1.15 var(--schreibmaschine);
  letter-spacing: 0.04em;
  margin: 0 0 1.25rem;
}
/* Unterzeile unter dem Seitentitel */
.vorspann { font-size: 1.15rem; max-width: 40rem; }

h2 {
  font: 700 0.95rem/1.3 var(--schreibmaschine);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin: 2.75rem 0 1rem;
  display: flex; align-items: center; gap: 0.75rem;
}
h2::after { content: ""; flex: 1; border-top: 1px dashed rgba(29,27,23,0.45); }

h3 {
  font: 700 1.05rem/1.35 var(--schreibmaschine);
  letter-spacing: 0.03em;
  margin: 1.75rem 0 0.6rem;
}

p { margin: 0 0 1rem; max-width: 40rem; }
main ul:not([class]), main ol:not([class]) { padding-left: 1.25rem; max-width: 40rem; }
main ul:not([class]) li, main ol:not([class]) li { margin-bottom: 0.4rem; }

/* Weiterführender Link im Aktenstil */
.weiter {
  display: inline-block;
  font: 700 0.9rem/1.4 var(--schreibmaschine);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 0.55rem 0;
}
.weiter::after { content: " →"; }

.raster { display: grid; gap: 2rem; }
@media (min-width: 46rem) {
  .raster { grid-template-columns: minmax(0, 1fr) 17rem; align-items: start; gap: 2.5rem; }
}

/* Beweismittel-Etikett */
.etikett {
  background: var(--papier);
  border: 1px solid #c9bc98;
  box-shadow: 0 2px 0 rgba(0,0,0,0.06), 0 8px 18px rgba(60,45,15,0.18);
  transform: rotate(1.2deg);
  font-family: var(--schreibmaschine);
  font-size: 0.9rem;
  line-height: 1.4;
  position: relative;
  max-width: 24rem;
}
/* Ösenloch des Anhängers */
.etikett::before {
  content: ""; position: absolute; top: 0.7rem; right: 0.8rem;
  width: 0.9rem; height: 0.9rem; border-radius: 50%;
  background: var(--akte); box-shadow: inset 0 1px 2px rgba(0,0,0,0.35);
}
.etikett h2 {
  margin: 0; padding: 0.65rem 2.2rem 0.65rem 0.9rem;
  background: var(--stempel); color: #fff;
  font-size: 0.85rem; letter-spacing: 0.2em;
}
.etikett h2::after { content: none; }
.etikett dl { margin: 0; padding: 0.4rem 0.9rem 0.9rem; }
.etikett dt {
  font-size: 0.68rem; letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--tinte-matt); margin-top: 0.7rem;
}
.etikett dd {
  margin: 0.1rem 0 0; font-weight: 700;
  border-bottom: 1px solid rgba(29,27,23,0.3);
  padding-bottom: 0.25rem;
}

/* Ablauf als Karteikarten */
.ablauf {
  list-style: none; margin: 0; padding: 0;
  display: grid; gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 11.5rem), 1fr));
  counter-reset: schritt;
}
.ablauf li {
  counter-increment: schritt;
  background: var(--papier);
  background-image: repeating-linear-gradient(180deg, transparent 0 1.55rem, rgba(11,92,173,0.12) 1.55rem calc(1.55rem + 1px));
  background-position: 0 2.6rem;
  border-top: 3px solid var(--stempel);
  padding: 0.8rem 1rem 1rem;
  box-shadow: 0 4px 10px rgba(60,45,15,0.15);
  font-size: 0.98rem;
  line-height: 1.55;
}
.ablauf li::before {
  content: "Schritt " counter(schritt, decimal-leading-zero);
  display: block;
  font: 700 0.75rem/1.6 var(--schreibmaschine);
  letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--stempel);
  margin-bottom: 0.35rem;
}
.ablauf strong { display: block; font-family: var(--schreibmaschine); font-size: 1rem; }
.ablauf + .weiter { margin-top: 1rem; }
/* ausführliche Fassung auf „So funktioniert's" */
.ablauf.ausfuehrlich { grid-template-columns: 1fr; }
.ablauf.ausfuehrlich li { padding: 0.9rem 1.2rem 1.1rem; }
.ablauf.ausfuehrlich p { margin: 0.4rem 0 0; }

.hinweis {
  margin-top: 2.75rem;
  display: flex; flex-wrap: wrap; gap: 0.75rem 1.25rem;
  font-family: var(--schreibmaschine);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: clamp(0.95rem, 3vw, 1.15rem);
}
.hinweis span {
  border: 2px solid var(--tinte);
  padding: 0.4rem 0.8rem 0.3rem;
}
.hinweis span:last-child { border-color: var(--stempel); color: var(--stempel); }

/* ---------- Fallkarten (Fälle, Shop, Hinweise, Startseite) ---------- */

.karten {
  list-style: none; margin: 0; padding: 0;
  display: grid; gap: 1.5rem;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 14.5rem), 1fr));
}
.karte {
  position: relative;
  height: 100%;
  display: flex; flex-direction: column;
  background: var(--papier);
  border: 1px solid #c9bc98;
  border-top: 0.55rem solid var(--akte-dunkel);
  box-shadow: 0 4px 12px rgba(60,45,15,0.18);
  padding: 1rem 1.1rem 1.1rem;
}
.karten > li:nth-child(odd) .karte { transform: rotate(-0.6deg); }
.karten > li:nth-child(even) .karte { transform: rotate(0.5deg); }
.karte h2, .karte h3 {
  display: block;
  margin: 0 0 0.75rem;
  font: 700 1rem/1.35 var(--schreibmaschine);
  letter-spacing: 0.04em;
  text-transform: none;
}
.karte h2::after { content: none; }
.fallnr {
  display: block;
  font-size: 1.45rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--stempel);
  margin-bottom: 0.35rem;
}
.karte p { font-size: 0.98rem; }
.karte .weiter { margin-top: auto; }
.karte dl { margin: 0 0 1rem; font: 0.85rem/1.4 var(--schreibmaschine); }
.karte dt { font-size: 0.72rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--tinte-matt); margin-top: 0.5rem; }
.karte dd { margin: 0.1rem 0 0; font-weight: 700; }
/* Stand „noch nicht bestellbar" im Shop */
.karte .bestellstand {
  font: 700 0.8rem/1.3 var(--schreibmaschine);
  letter-spacing: 0.1em; text-transform: uppercase;
  color: var(--stempel);
  border: 2px solid var(--stempel);
  padding: 0.45rem 0.6rem 0.35rem;
  text-align: center;
}

/* ---------- Unbekanntes sichtbar offen ---------- */

/* Geschwärzte Aktenpassage: Balken sind dekorativ (aria-hidden), der Vermerk ist echter Text */
.verschluss { display: inline; }
.balken {
  display: inline-block;
  vertical-align: -0.1em;
  width: var(--breite, 8em);
  max-width: 100%;
  height: 0.95em;
  background: var(--tinte);
  border-radius: 1px;
  transform: rotate(-0.5deg);
  box-shadow: 0.05em 0.04em 0 rgba(29,27,23,0.45);
}
.vermerk {
  display: inline-block;
  font: 700 0.7rem/1.2 var(--schreibmaschine);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--stempel);
  border: 2px solid var(--stempel);
  padding: 0.25em 0.45em 0.15em;
  transform: rotate(-2deg);
  vertical-align: middle;
  white-space: nowrap;
}
h1 .vermerk { font-size: 0.42em; margin-left: 0.2em; }

/* geschwärzter Absatz: mehrere Balken übereinander */
.geschwaerzt { margin: 0 0 1rem; max-width: 40rem; }
.geschwaerzt .zeilen { display: block; }
.geschwaerzt .balken { display: block; height: 0.9rem; margin: 0 0 0.55rem; }
.geschwaerzt .vermerk { margin-top: 0.35rem; }

/* Eckdaten, die noch nicht feststehen */
.offen {
  font-family: var(--schreibmaschine);
  font-weight: 400;
  font-style: italic;
  color: var(--tinte-matt);
  border-bottom: 1px dashed var(--tinte-matt);
}
.offen::before { content: "? "; font-style: normal; color: var(--stempel); }

/* ---------- Hinweise und Auflösung ---------- */

.stufen { display: grid; gap: 0.75rem; max-width: 42rem; margin: 0 0 1rem; }
details.stufe {
  background: var(--papier);
  border: 1px solid #c9bc98;
  border-left: 4px solid var(--stempel);
  box-shadow: 0 2px 6px rgba(60,45,15,0.12);
}
details.stufe > summary,
details.aufloesung > summary {
  cursor: pointer;
  list-style: none;
  display: flex; align-items: center; gap: 0.75rem;
  min-height: 2.9rem;
  padding: 0.55rem 1rem 0.45rem;
  font: 700 0.9rem/1.3 var(--schreibmaschine);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
details > summary::-webkit-details-marker { display: none; }
details.stufe > summary::before,
details.aufloesung > summary::before {
  content: "+";
  flex: none;
  display: inline-grid; place-items: center;
  width: 1.5rem; height: 1.5rem;
  border: 2px solid currentColor;
  font-size: 1rem; line-height: 1;
}
details[open].stufe > summary::before,
details[open].aufloesung > summary::before { content: "–"; }
details.stufe > summary .stufe-art { font-weight: 400; text-transform: none; letter-spacing: 0.02em; color: var(--tinte-matt); }
.stufe-inhalt { padding: 0.25rem 1rem 1rem 3.25rem; }
.stufe-inhalt > :last-child { margin-bottom: 0; }

/* Versiegelter, noch gesperrter Inhalt */
.siegel {
  display: flex; flex-wrap: wrap; align-items: center; gap: 0.6rem 1rem;
  font-family: var(--schreibmaschine);
  font-size: 0.92rem;
  line-height: 1.45;
}
.siegel p { margin: 0; flex: 1 1 14rem; }
.siegel-stempel {
  flex: none;
  display: inline-block;
  font: 700 0.8rem/1 var(--schreibmaschine);
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--stempel);
  border: 3px double var(--stempel);
  border-radius: 3px;
  padding: 0.4rem 0.6rem 0.3rem;
  transform: rotate(-4deg);
}

/* Auflösung: abgetrennt wie ein versiegelter Umschlag hinter einer Perforation */
.spoiler {
  margin-top: 3.5rem;
  padding-top: 2rem;
  border-top: 3px dashed var(--tinte-matt);
  position: relative;
}
.spoiler::before {
  content: "✂";
  position: absolute; top: -0.95rem; left: 0.5rem;
  background: var(--akte); padding: 0 0.4rem;
  font-size: 1.2rem; line-height: 1.4; color: var(--tinte-matt);
}
.spoiler h2 { margin-top: 0; color: var(--stempel); }
.warnung {
  border: 3px solid var(--stempel);
  background: rgba(163,34,27,0.06);
  padding: 0.85rem 1rem;
  font-family: var(--schreibmaschine);
  font-size: 0.95rem;
  line-height: 1.45;
  max-width: 42rem;
}
.warnung strong { display: block; color: var(--stempel); letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 0.25rem; }
details.aufloesung {
  max-width: 42rem;
  margin-top: 1rem;
  background: var(--tinte);
  color: var(--papier);
  border: 1px solid var(--tinte);
}
details.aufloesung > summary { color: var(--papier); }
details.aufloesung > summary:focus-visible { outline-color: var(--markierung); }
details[open].aufloesung { background: var(--papier); color: var(--tinte); }
details[open].aufloesung > summary { background: var(--tinte); }
.aufloesung-inhalt { padding: 1rem; }
.aufloesung-inhalt > :last-child { margin-bottom: 0; }

/* ---------- Unterseiten: Rechtliches, Platzhalter ---------- */

.aufbau {
  border: 2px dashed var(--stempel);
  color: var(--stempel);
  font: 700 0.95rem/1.4 var(--schreibmaschine);
  letter-spacing: 0.06em;
  padding: 0.75rem 1rem;
  margin: 0 0 2rem;
  max-width: 40rem;
}

.angaben { margin: 0; max-width: 40rem; }
.angaben dt {
  font: 700 0.75rem/1.4 var(--schreibmaschine);
  letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--tinte-matt);
  margin-top: 1rem;
}
.angaben dd { margin: 0.2rem 0 0; }

/* Platzhalter: deutlich sichtbar wie mit Textmarker */
.ph {
  background: var(--markierung);
  color: var(--tinte);
  font-family: var(--schreibmaschine);
  padding: 0.05em 0.3em;
  border-bottom: 2px dashed var(--stempel);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

/* Häufige Fragen */
.fragen h2 { text-transform: none; letter-spacing: 0.03em; font-size: 1.05rem; }

/* Fehlerseite */
.fehlercode {
  display: inline-block;
  font: 700 clamp(2.5rem, 14vw, 5rem)/1 var(--schreibmaschine);
  color: var(--stempel);
  border: 0.08em double var(--stempel);
  padding: 0.1em 0.25em 0.02em;
  transform: rotate(-5deg);
  margin: 0.5rem 0 1.5rem;
}

/* ---------- Fuß ---------- */

.fuss {
  margin-top: 3.5rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(29,27,23,0.25);
  display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 0.75rem 1.5rem;
  font: 0.85rem/1.5 var(--schreibmaschine);
  color: var(--tinte-matt);
}
.fuss nav ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0 1.25rem; }
.fuss a { color: var(--tinte); display: inline-block; padding: 0.35rem 0; }
.fuss a[aria-current="page"] { color: var(--stempel); font-weight: 700; }

@media (prefers-reduced-motion: no-preference) {
  a { transition: color 0.15s; }
  a.wortmarke .nr { transition: transform 0.2s; }
}

@media print {
  body { background: #fff; padding: 0; }
  .akte { box-shadow: none; background: #fff; }
  .akte::before, .akte::after, .hauptnav, .springen { display: none; }
}