/* ============================================================
   Enoxo Sites v6 — Altseiten (Impressum, Datenschutz, Danke, 404)

   Diese vier Seiten stammen aus der Fassung vor v6 und benutzen
   ein eigenes Klassenset (top, doc, doc-card, stamp, foot …).
   Beim Umstieg auf enoxo-sites-v6.css waren sie darum ohne
   Regeln — 22 von 23 Klassen liefen ins Leere.

   Statt die Seiten umzuschreiben (und dabei am Rechtstext zu
   ruehren) bekommen die Altklassen hier Regeln aus den v6-Tokens.
   Am Text aendert sich dadurch kein Zeichen.

   Gleiche Hausregeln wie ueberall: keine radialen Verlaeufe,
   kein 3D, kein Glow, Radius hoechstens 3 px.
   ============================================================ */

/* ── Alte Tuerkis-Dreiecksmarke ausblenden ────────────────
   Sie steckt als Inline-SVG im Markup, traegt einen Verlauf
   und die ausgemusterte Palette. Der Esel steht jetzt davor. */
.logo-mark{display:none!important}

/* ── Parallaxlagen: als Karopapier, nicht als Nebel ── */
.px{position:fixed;inset:0;z-index:0;pointer-events:none}
.px-l{position:absolute;inset:-10% 0}
.px-grid{
  background-image:
    linear-gradient(var(--karo) 1px,transparent 1px),
    linear-gradient(90deg,var(--karo) 1px,transparent 1px);
  background-size:27px 27px;opacity:.55;
}
.px-rule{border-left:1px solid var(--kupfer);opacity:.26;left:46px;width:1px;inset-inline-end:auto}
.px-dust{display:none}
@media (max-width:1099px){ .px-rule{display:none} }

body>*:not(.px){position:relative;z-index:1}

/* ── Rahmen ── */
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
@media (min-width:1100px){ .wrap{padding-left:calc(46px + 32px)} }

/* ── Kopfzeile ── */
.top{
  position:sticky;top:0;z-index:80;
  background:var(--papier);border-bottom:1px solid var(--kante);
}
.top-in{display:flex;align-items:center;justify-content:space-between;gap:20px;height:66px}
.logo{
  display:inline-flex;align-items:center;gap:10px;text-decoration:none;
  font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:19px;
  color:var(--tinte);letter-spacing:-.02em;
}
.logo b{color:var(--kupfer);font-weight:800}
.top-nav{display:flex;align-items:center;gap:24px}
.top-nav a{
  font-size:14px;font-weight:600;color:var(--tinte-2);text-decoration:none;
  padding-bottom:2px;border-bottom:1.5px solid transparent;
}
.top-nav a:hover{color:var(--tinte);border-bottom-color:var(--kupfer)}

/* ── Dokumentspalte: Satzspiegel eines Buches, eine Spalte ── */
.doc{max-width:74ch;margin:0 auto;padding:56px 24px 90px}
@media (min-width:1100px){ .doc{padding-left:calc(46px + 32px)} }
.doc h1{
  font-family:'Bricolage Grotesque',sans-serif;font-weight:800;
  font-size:clamp(30px,4.4vw,46px);letter-spacing:-.03em;line-height:1.08;
  margin:0 0 14px;color:var(--tinte);
}
.doc h2{
  font-family:'Bricolage Grotesque',sans-serif;font-weight:800;
  font-size:clamp(19px,2.2vw,24px);letter-spacing:-.02em;
  margin:30px 0 10px;color:var(--tinte);
}
.doc h3{font-size:16.5px;font-weight:700;margin:20px 0 6px;color:var(--tinte)}
.doc p,.doc li{color:var(--tinte-2);font-size:16px;line-height:1.7}
.doc p{margin:0 0 13px}
.doc ul,.doc ol{margin:0 0 15px;padding-left:22px}
.doc li{margin-bottom:6px}
.doc a{color:var(--blau);text-underline-offset:3px}
.doc strong,.doc b{color:var(--tinte)}

/* Feldname auf dem Vordruck */
.stamp{
  display:inline-block;font-family:'JetBrains Mono',monospace;
  font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;
  color:var(--tinte-3);padding-bottom:9px;margin-bottom:26px;
  border-bottom:1px solid var(--kante);
}

.doc-card{
  background:var(--blatt);border:1px solid var(--kante);border-radius:var(--r);
  padding:24px;margin:22px 0;box-shadow:var(--druck);
}
.doc-card h2{margin-top:0}

.hand{font-size:14px;color:var(--tinte-3)}

/* ── Knöpfe ── */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:'Exo 2',sans-serif;font-size:15px;font-weight:700;
  padding:13px 26px;border-radius:var(--r);border:1.5px solid transparent;
  cursor:pointer;text-decoration:none;
  transition:transform .12s ease,background .15s ease;
}
.btn-primary{background:var(--kupfer);color:#fff;border-color:var(--kupfer-tief);box-shadow:var(--druck)}
.btn-primary:hover{background:var(--kupfer-tief);transform:translate(-1px,-1px);box-shadow:var(--druck-tief)}
.btn-ghost{background:var(--blatt);color:var(--tinte);border-color:var(--kante)}
.btn-ghost:hover{background:var(--durchschlag);border-color:var(--tinte-3)}

/* ── Fuß ── */
.foot{border-top:1px solid var(--kante);background:var(--blatt);padding:34px 0 28px;margin-top:40px}
.foot-links{display:flex;flex-wrap:wrap;gap:18px;font-size:14px}
.foot a{color:var(--tinte-2);text-decoration:none}
.foot a:hover{color:var(--kupfer)}

/* ── 404: die Seite lebt allein von der Mitte ── */
.doc.doc--mitte{text-align:center}

/* ══════════════════════════════════════════════════════════════
   HANDY — Altseiten
   Impressum und Datenschutz werden fast nur unterwegs geoeffnet,
   meist um eine Adresse oder eine Klausel nachzuschlagen. Der
   Buchsatzspiegel bleibt, nur enger und mit groesserer Schrift.
   ══════════════════════════════════════════════════════════════ */
@media (max-width:860px){
  .wrap{padding-left:20px;padding-right:20px}
  .top-in{height:58px}
  .logo{font-size:17px;gap:8px}
  .es-esel{width:26px;height:26px;flex-basis:26px}

  .doc{padding:36px 20px 64px;max-width:none}
  .doc h1{font-size:clamp(27px,7.6vw,36px)}
  .doc h2{font-size:clamp(19px,5.2vw,23px);margin-top:26px}
  .doc p,.doc li{font-size:16.5px;line-height:1.72}

  /* Lange Rechtsbegriffe und E-Mail-Adressen sonst ueber den Rand */
  .doc p,.doc li,.doc h1,.doc h2{overflow-wrap:break-word}
  .doc a{overflow-wrap:anywhere}

  .stamp{font-size:11px;letter-spacing:.14em;margin-bottom:20px}
  .doc-card{padding:18px}

  .btn{min-height:48px;padding:14px 22px;width:100%}
  .foot{padding:28px 0 24px}
  .foot-links{flex-direction:column;gap:10px}

  /* Karopapier ruhiger, wie auf der Startseite */
  .px-grid{background-size:40px 40px;opacity:.34}
}

@supports (padding:max(0px)){
  @media (max-width:860px){
    .doc{
      padding-left:max(20px, env(safe-area-inset-left));
      padding-right:max(20px, env(safe-area-inset-right));
    }
    .foot{padding-bottom:max(24px, calc(env(safe-area-inset-bottom) + 16px))}
  }
}