/* Rechtsseiten von gtsound.de - dieselbe Designsprache wie die Landing. */
:root{
  --bg:#0c1016; --bg2:#0f1420; --panel:#151c27; --line:#26313f;
  --ink:#eef3fb; --muted:#8d99ab; --gt:#22c1b6; --dark:#04120f;
}
*{ box-sizing:border-box; }
html,body{ margin:0; background:var(--bg); color:var(--ink);
  font-family:-apple-system,'Segoe UI',system-ui,Roboto,sans-serif; -webkit-font-smoothing:antialiased; }
body{ overflow-x:hidden; }
a{ color:var(--gt); }
.wrap{ width:100%; max-width:760px; margin:0 auto; padding:0 20px; }

header.top{ position:sticky; top:0; z-index:20; background:rgba(12,16,22,.82);
  backdrop-filter:saturate(140%) blur(10px); border-bottom:1px solid var(--line); }
.top .wrap{ display:flex; align-items:center; justify-content:space-between; height:58px; }
.brand{ display:inline-flex; align-items:center; gap:10px; text-decoration:none; }
.brand img{ width:32px; height:32px; border-radius:50%; display:block; }
.brand span{ font-weight:800; letter-spacing:.16em; font-size:14px; color:var(--gt); }
.top a.zurueck{ color:var(--muted); text-decoration:none; font-size:14px; }
.top a.zurueck:hover{ color:var(--ink); }

main{ padding:44px 0 60px; }
.kopf{ border-bottom:1px solid var(--line); padding-bottom:22px; margin-bottom:10px; }
h1{ font-size:32px; letter-spacing:-.02em; margin:0; }
.stand{ color:var(--muted); font-size:13.5px; margin:10px 0 0; }
h2{ font-size:19px; margin:34px 0 8px; letter-spacing:-.01em; }
p, li{ color:#c7d0dc; font-size:15.5px; line-height:1.7; }
p{ margin:10px 0; }
ul{ margin:10px 0; padding-left:22px; }
li{ margin:5px 0; }
strong{ color:var(--ink); }
.karte{ background:var(--panel); border:1px solid var(--line); border-radius:16px; padding:18px 20px; margin:16px 0; }
.karte p{ margin:4px 0; }
.muted{ color:var(--muted); }
footer{ border-top:1px solid var(--line); padding:26px 0 44px; color:var(--muted); font-size:13px; }
footer .wrap{ display:flex; flex-wrap:wrap; gap:8px 20px; align-items:center; justify-content:space-between; }
footer a{ color:var(--muted); text-decoration:none; } footer a:hover{ color:var(--ink); }
footer .links{ display:flex; gap:18px; flex-wrap:wrap; }
@media (max-width:600px){ h1{ font-size:26px; } }