:root{
  --bg:#080b10;
  --bg2:#0d111a;
  --text:#f5f5f5;
  --muted:#a8b3c5;
  --warm:#d4af37;
  --warm2:#f0c27b;
  --line:rgba(212,175,55,.18);
  --card:#121826;
  --shadow:0 28px 90px rgba(0,0,0,.55);
  --max:1180px;
}

*{
  box-sizing:border-box;
}

body{
  margin:0;

  font-family:Inter,Arial,Helvetica,sans-serif;

  color:var(--text);

  background:
    radial-gradient(circle at 10% 0%,rgba(212,175,55,.10),transparent 28%),
    radial-gradient(circle at 85% 10%,rgba(30,58,95,.28),transparent 30%),
    linear-gradient(180deg,#080b10 0%,#0d111a 35%,#101722 100%);

  line-height:1.7;
}

a{
  color:inherit;
  text-decoration:none;
}

.wrap{
  max-width:var(--max);
  margin:auto;
  padding:0 24px;
}

.nav{
  position:sticky;
  top:0;
  z-index:50;

  background:rgba(13,17,26,.78);

  backdrop-filter:blur(18px);

  border-bottom:1px solid var(--line);
}

.nav-inner{
  height:78px;

  display:flex;

  align-items:center;
  justify-content:space-between;
}

.brand{
  display:flex;
  align-items:center;
  gap:12px;

  font-weight:950;
}

.brand-logo{
  width:58px;
  height:58px;
  object-fit:contain;
}

.brand-name{
  font-size:18px;
}

.back-link{
  color:var(--muted);
  font-weight:700;
}

.back-link:hover{
  color:white;
}

.hero{
  padding:90px 0 40px;
}

h1{
  font-size:clamp(42px,6vw,72px);

  line-height:1;

  margin:0 0 18px;
}

.lead{
  color:var(--muted);
  max-width:700px;
  font-size:18px;
}

.card{
  margin-top:40px;

  background:rgba(18,24,38,.82);

  border:1px solid rgba(212,175,55,.14);

  border-radius:34px;

  padding:38px;

  backdrop-filter:blur(12px);

  box-shadow:
    0 20px 50px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(255,255,255,.03);
}

.card h2{
  margin-top:0;
  font-size:28px;
}

.info{
  color:#d6deea;
}

.footer{
  padding:34px 0;

  color:#7f8aa0;

  border-top:1px solid rgba(212,175,55,.12);

  margin-top:70px;
}

@media(max-width:700px){

  .nav-inner{
    height:auto;
    padding:16px 0;
    gap:16px;
    flex-direction:column;
  }

  .card{
    padding:28px;
  }

}


/* Seitenspezifische Abstände der ausführlicheren Datenschutzerklärung. */
.privacy-page {
  line-height: 1.8;
}

.privacy-page .card h2 {
  margin-top: 40px;
  font-size: 26px;
}

.privacy-page .card h2:first-child {
  margin-top: 0;
}