/* Shared styling for the standalone legal pages (Impressum, Datenschutz). */
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:#070708;
  color:#C8C6C0;
  font-family:Archivo,system-ui,sans-serif;
  font-size:16px;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
::selection{background:#ff1e2d;color:#fff;}
a{color:#F0EEEA;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,30,45,.6);transition:color .25s;}
a:hover{color:#ff5560;}
a:focus-visible{outline:2px solid #ff1e2d;outline-offset:3px;border-radius:2px;}

/* header */
.lg-head{
  position:sticky;top:0;z-index:10;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:16px clamp(16px,5vw,56px);
  background:rgba(7,7,8,.82);
  backdrop-filter:saturate(160%) blur(18px);
  -webkit-backdrop-filter:saturate(160%) blur(18px);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.lg-head svg{height:26px;width:92px;overflow:visible;filter:drop-shadow(0 0 6px rgba(255,30,45,.5));flex:none;}
.lg-back{
  font-size:12.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;
  color:#C8C6C0;text-decoration:none;
}
.lg-back:hover{color:#ff1e2d;}

/* page shell */
.lg-wrap{max-width:820px;margin:0 auto;padding:clamp(48px,9vh,96px) clamp(16px,5vw,56px) clamp(64px,10vh,120px);}
.lg-kicker{display:flex;align-items:center;gap:13px;margin-bottom:24px;}
.lg-kicker span:first-child{width:40px;height:1px;background:#ff1e2d;}
.lg-kicker span:last-child{font-size:11px;font-weight:500;letter-spacing:.26em;text-transform:uppercase;color:#ff5560;}
h1{
  margin:0 0 clamp(28px,5vh,48px);
  font-weight:700;font-size:clamp(34px,6vw,68px);line-height:.96;letter-spacing:-.025em;color:#F3F0E9;
}
h2{
  margin:clamp(40px,6vh,64px) 0 14px;
  font-weight:600;font-size:clamp(20px,2.4vw,27px);line-height:1.2;letter-spacing:-.015em;color:#F3F0E9;
}
h3{
  margin:clamp(28px,4vh,40px) 0 12px;
  font-weight:600;font-size:clamp(16px,1.6vw,19px);line-height:1.3;color:#EEECE7;
}
p{margin:0 0 16px;}
ul{margin:0 0 18px;padding:0;list-style:none;}
li{position:relative;padding-left:22px;margin-bottom:9px;}
li::before{content:"";position:absolute;left:2px;top:.72em;width:6px;height:1px;background:#ff1e2d;}
strong{color:#F3F0E9;font-weight:600;}
.lg-address{margin:0 0 16px;font-style:normal;line-height:1.75;}
hr{border:0;border-top:1px solid rgba(255,255,255,.1);margin:clamp(44px,7vh,72px) 0;}

/* footer */
.lg-foot{
  border-top:1px solid rgba(255,255,255,.08);
  background:#050506;
  padding:clamp(36px,6vh,56px) clamp(16px,5vw,56px);
}
.lg-foot-inner{
  max-width:820px;margin:0 auto;
  display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;
  font-size:12px;letter-spacing:.06em;color:#5C5C62;
}
.lg-foot a{color:#5C5C62;text-decoration:none;}
.lg-foot a:hover{color:#A8A8AE;}
.lg-foot nav{display:flex;gap:20px;}

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