/* EA Construction (Platzhalterseite) – Grundlagen: Schriften, Farben, Marke, Buttons 
   Reine CSS-Datei, kein Build-Werkzeug nötig. Änderungen wirken sofort. */

/* ---------- Schriften (lokal gehostet, variable Fonts) ---------- */
@font-face{
  font-family:'Sora';font-style:normal;font-weight:100 800;font-display:swap;
  src:url('../fonts/sora-latin-ext-wght.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Sora';font-style:normal;font-weight:100 800;font-display:swap;
  src:url('../fonts/sora-latin-wght.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Outfit';font-style:normal;font-weight:100 900;font-display:swap;
  src:url('../fonts/outfit-latin-ext-wght.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Outfit';font-style:normal;font-weight:100 900;font-display:swap;
  src:url('../fonts/outfit-latin-wght.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root{
  --navy:#0b0925;
  --navy-2:#100e2e;
  --navy-3:#171636;
  --gold:#ad8661;
  --gold-2:#c8a986;
  --white:#ffffff;
  --muted:#9b99b0;
  --line:rgba(255,255,255,.10);
  --heading:'Sora',Arial,sans-serif;
  --body:'Outfit',Arial,sans-serif;
  color-scheme:dark;
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  font-family:var(--body);
  background:var(--navy);
  color:var(--white);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{font-family:var(--heading);font-weight:600;line-height:1.08;letter-spacing:-.02em}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{width:min(1280px,92vw);margin-inline:auto}
.eyebrow{
  font-family:var(--body);font-size:.78rem;font-weight:500;letter-spacing:.28em;
  text-transform:uppercase;color:var(--gold-2);display:inline-flex;align-items:center;gap:.8rem;white-space:nowrap;
}
.eyebrow::before{content:"";width:32px;height:1px;background:var(--gold);flex:none}
/* Auf schmalen Bildschirmen umbrechen statt abschneiden (Hero hat overflow:hidden) */
@media(max-width:560px){.eyebrow{white-space:normal;letter-spacing:.2em}}
.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}
:focus-visible{outline:2px solid var(--gold-2);outline-offset:3px}

/* Skip-Link */
.skip{position:fixed;left:1rem;top:-4rem;z-index:10000;background:var(--gold);color:var(--navy);padding:.6rem 1rem;border-radius:2px;font-weight:500;transition:top .2s}
.skip:focus{top:1rem}

/* ---------- Marke ---------- */
.brand{display:flex;align-items:center;gap:.7rem;color:#fff}
.brand:hover{color:#fff}
.brand-logo{height:46px;width:auto;display:block}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex;align-items:center;gap:.6rem;font-family:var(--body);font-weight:500;
  font-size:.9rem;padding:.78rem 1.5rem;border-radius:2px;cursor:pointer;transition:.3s;border:1px solid transparent;
  position:relative;
}
.btn-gold{background:var(--gold);color:var(--navy)}
.btn-gold:hover{background:var(--gold-2)}
.btn-ghost{border-color:rgba(255,255,255,.28);color:#fff;background:transparent}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold-2)}
.btn[disabled]{opacity:.7;cursor:progress}

/* Druckansicht: fixierte und dekorative Elemente weglassen */
@media print{
  .skip,.burger,#preloader,.scroll-cue,#progress-rotor,.hero-pause{display:none!important}
  /* !important: die Seiten-Stylesheets werden später eingebunden und setzen position:fixed */
  .nav{position:static!important}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation-duration:.001ms!important;animation-delay:0ms!important;transition-duration:.001ms!important}
}