/* Text pages (Impressum, Datenschutz, 404): black-brown ground, Jost text, Marcellus capitals, like the shop. */
:root{
  --bg:#261b14; --cream:#34271e; --grey:#8a7663; --fg:#efe6d8; --muted:#b3a796; --line:#3e3026; --gold:#c9a66b;
  --serif:'Marcellus','Trajan Pro',Georgia,serif;
  --sans:'Jost','Futura',system-ui,sans-serif;
  --ease:cubic-bezier(.2,.7,.1,1);
  --gut:max(16px,env(safe-area-inset-left,0px));
  color-scheme:dark;
}
@media (min-width:900px){:root{--gut:48px}}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);font-weight:300;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
/* The evening photo with the woman behind every page, as in kore.css (darker veil for running text; reasons there). */
html{background:var(--bg)}
body{background:transparent}
body::before{content:'';position:fixed;left:0;right:0;top:0;height:100lvh;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgb(38 27 20 / .8) 0%,rgb(38 27 20 / .84) 55%,rgb(38 27 20 / .9) 100%),url(../media/hero-abend.webp) 79% 62%/cover no-repeat var(--bg)}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
:focus-visible{outline:1.5px solid var(--gold);outline-offset:3px}
html[lang="en"] .de,html[lang="de"] .en{display:none}
.top{display:flex;justify-content:space-between;align-items:center;height:64px;padding:0 var(--gut);border-bottom:1px solid var(--line)}
.logo{font-family:var(--serif);font-size:24px;letter-spacing:.44em;text-decoration:none}
.lang{display:flex;align-items:center;gap:2px;font-size:12px;letter-spacing:.14em}
.lang button{color:var(--muted);padding:8px 6px}
.lang button[aria-pressed="true"]{color:var(--fg);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:6px}
.lang span{display:none}
main{padding:clamp(48px,10vh,120px) var(--gut) 96px;max-width:860px}
.stand{margin-top:-20px;font-size:14px;color:var(--muted)}
h1{font-family:var(--serif);font-weight:400;font-size:clamp(25px,3.6vw,44px);line-height:1.15;letter-spacing:.1em;text-transform:uppercase;margin:0 0 32px;overflow-wrap:break-word;hyphens:auto}
h2{font-family:var(--serif);font-weight:400;letter-spacing:.08em;font-size:clamp(19px,1.8vw,22px);line-height:1.3;margin:40px 0 10px;padding-top:20px;border-top:1px solid var(--line)}
p,ul{margin:0 0 14px;max-width:68ch;color:#cfc3b2}
ul{padding-left:18px}
mark.missing{background:#4a2e1c;color:#f6d3b4;padding:1px 6px;font-size:.92em}
::selection{background:#4a3a26}
.back{display:inline-block;margin-top:44px;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);text-underline-offset:.4em}
/* Footer as on the shop pages (kore.css): brand + line | Kollektion | Service | Kontakt, legal links in the bottom line */
.foot{border-top:1px solid var(--line);padding:clamp(56px,7vw,88px) var(--gut) 28px;font-size:14.5px;color:#cfc3b2;background:rgb(38 27 20 / .9)}
.foot__in{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px;padding-bottom:clamp(40px,5vw,64px)}
.foot__brand{grid-column:1/-1;display:grid;justify-items:start;align-content:start;gap:14px}
.foot .logo{font-size:22px}
.foot .foot__line{margin:0;max-width:34ch;color:var(--muted)}
.foot h2.foot__h{margin:0 0 16px;padding:0;border:0;font:500 11.5px/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.foot .foot__col ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;max-width:none}
.foot a{text-decoration:none;color:#cfc3b2;transition:color .25s}
.foot a:hover,.foot button:hover{color:var(--fg)}
.foot__col--contact{grid-column:1/-1}
.foot__base{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 28px;color:var(--muted);font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding-top:22px;border-top:1px solid var(--line)}
.foot__legal{display:flex;flex-wrap:wrap;gap:8px 24px}
.foot__legal button{font:inherit;letter-spacing:inherit;text-transform:inherit;color:#cfc3b2}
@media (min-width:900px){.foot__in{grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:48px}.foot__brand,.foot__col--contact{grid-column:auto}}

/* Consent banner for Google Analytics (consent.js): Decline and Accept look exactly alike */
.consent { position: fixed; z-index: 70; left: 16px; right: 16px; bottom: calc(var(--dock, 0px) + 16px); display: flex; justify-content: center; }
.consent__in { max-width: 720px; padding: 22px 24px; background: #2e221a; color: #efe6d8; border: 1px solid #45362b; box-shadow: 0 22px 60px rgba(0, 0, 0, .5); }
.consent__title { margin: 0 0 8px; font-family: 'Marcellus', Georgia, serif; font-size: 17px; letter-spacing: .12em; text-transform: uppercase; }
.consent__body { margin: 0 0 18px; font-size: 14.5px; line-height: 1.6; color: #cfc3b2; max-width: none; }
.consent__body a { color: #efe6d8; text-decoration: underline; text-underline-offset: 3px; }
.consent__choice { display: flex; flex-wrap: wrap; gap: 12px; }
.consent__choice button { flex: 1 1 160px; min-height: 48px; padding: 0 22px; background: #e7cf9f; color: #261b14; border: 1px solid #e7cf9f; font: inherit; font-size: 12px; font-weight: 500; letter-spacing: .18em; text-transform: uppercase; cursor: pointer; }
.consent__choice button:hover { background: #f3e0b8; border-color: #f3e0b8; }
.consent :focus-visible { outline: 1.5px solid #c9a66b; outline-offset: 3px; }

/* Phones (Kimberley, 14.11.2026: "Sieht alles viel zu groß und unaufgeräumt aus"): the consent notice small, the two equal
   buttons side by side, as in kore.css */
@media (max-width: 899.98px) {
  body { font-size: 15px; }
  .top { height: 56px; }
  .logo { font-size: 20px; }
  main { padding-top: 36px; padding-bottom: 72px; }
  h1 { font-size: 22px; letter-spacing: .08em; margin-bottom: 24px; }
  h2 { font-size: 17px; letter-spacing: .06em; margin: 28px 0 8px; padding-top: 16px; }
  p, ul { margin-bottom: 12px; }
  .stand { margin-top: -14px; font-size: 13px; }
  .back { margin-top: 32px; font-size: 11px; }
  .foot { padding-top: 44px; padding-bottom: 24px; font-size: 14px; }
  .foot__in { gap: 32px 20px; padding-bottom: 32px; }
  .foot .logo { font-size: 19px; }
  .foot h2.foot__h { margin-bottom: 12px; font-size: 10.5px; }
  .foot .foot__col ul { gap: 8px; }
  .foot__base { font-size: 11px; padding-top: 18px; }
  .consent { left: 10px; right: 10px; bottom: calc(var(--dock, 0px) + 10px); }
  .consent__in { padding: 16px 18px; }
  .consent__title { margin-bottom: 6px; font-size: 14px; }
  .consent__body { margin-bottom: 14px; font-size: 13px; line-height: 1.55; }
  .consent__choice { flex-wrap: nowrap; gap: 10px; }
  .consent__choice button { flex: 1 1 0; min-height: 42px; padding: 0 12px; font-size: 11px; letter-spacing: .14em; }
}