:root{--nacht:#07090D;--tinte:#ECEAE7;--neben:#9AA6B8;--licht:#F6EFE0;
--licht-warm:#FFE9C0;--glut:#C0201C;--linie:#1C2330}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{color-scheme:dark}
body{margin:0;background:var(--nacht);color:var(--tinte);
font-family:"Saira",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
font-size:17px;line-height:1.65}
::selection{background:var(--glut);color:#fff}
:focus-visible{outline:2px solid var(--licht-warm);outline-offset:3px;border-radius:2px}
a{color:inherit}
main{max-width:720px;margin:0 auto;padding:clamp(28px,6vh,60px) clamp(20px,5vw,40px) 80px}
.marke{display:flex;align-items:center;gap:12px;margin:0 0 34px;text-decoration:none}
.marke img{width:44px;height:44px;filter:drop-shadow(0 0 5px rgba(255,74,64,.5)) drop-shadow(0 3px 18px rgba(192,32,28,.5))}
.marke b{font-family:"Saira Condensed",sans-serif;font-weight:600;letter-spacing:.07em;
text-transform:uppercase;font-size:1.1rem}
h1{font-family:"Saira Condensed",sans-serif;font-weight:700;font-size:clamp(2rem,6vw,3.2rem);
line-height:1.05;margin:0 0 8px}
h1::after{content:"";display:block;width:64px;height:3px;margin-top:14px;
background:linear-gradient(90deg,var(--licht),transparent);box-shadow:0 3px 16px rgba(246,239,224,.28)}
h2{font-family:"Saira Condensed",sans-serif;font-weight:600;font-size:1.35rem;margin:36px 0 8px}
p{margin:0 0 14px}
p.leise,li{color:var(--neben)}
strong{color:var(--tinte);font-weight:600}
ul{padding-left:20px;margin:0 0 14px}
.zurueck{display:inline-block;margin-top:40px;text-decoration:none;
border-bottom:1px solid var(--linie);color:var(--neben)}
.zurueck:hover{border-color:var(--licht-warm)}
address{font-style:normal}
.engineered{color:var(--neben);font-size:.85rem;margin-top:14px}
.engineered a{border-bottom:1px solid var(--linie);text-decoration:none}

.macher a{color:var(--licht-warm);border-bottom:1px solid rgba(255,233,192,.35);
  letter-spacing:.08em;text-decoration:none;text-shadow:0 0 10px rgba(255,233,192,.45)}
.macher a:hover{border-color:var(--licht-warm)}
@media (prefers-reduced-motion: no-preference){
  main{animation:seite-herauf .5s cubic-bezier(.16,1,.3,1)}
  @keyframes seite-herauf{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
  .macher a{animation:wagen-blitz 1.1s steps(1,end) .6s;
    text-shadow:0 0 14px rgba(255,233,192,.5)}
  @keyframes wagen-blitz{0%{opacity:0}8%{opacity:.75}13%{opacity:.15}22%{opacity:.9}
    30%{opacity:.4}40%{opacity:1}100%{opacity:1}}
}