/* Rechtsseiten (Impressum / Datenschutz) – Fußtempel */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url('fonts/poppins-200.woff2') format('woff2');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('fonts/poppins-300.woff2') format('woff2');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/poppins-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/poppins-500.woff2') format('woff2');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/poppins-600.woff2') format('woff2');
}

:root{
  --green:#0F3319;
  --green-deep:#0a2411;
  --pearl:#C6B89A;
  --white:#FFFFFF;
  --gold:#C9A96E;
  --gold-bright:#d8bd86;
  --black:#1A1A1A;
  --gold-grad:linear-gradient(135deg,#d8bd86 0%,#C9A96E 45%,#b4914f 100%);
  --font:"Poppins","Helvetica Neue",Helvetica,Arial,sans-serif;
}
*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; }
html{ background:var(--green-deep); }
body{
  font-family:var(--font); font-weight:300;
  color:rgba(255,255,255,.86);
  background:var(--green-deep);
  min-height:100svh;
  position:relative;
  padding:48px 24px 72px;
  line-height:1.72;
}
::selection{ background:var(--gold); color:var(--green); }

/* Hintergrund: Grün + Blätter (dezent, ruhig zum Lesen) */
.bg{ position:fixed; inset:0; z-index:0; pointer-events:none; background:var(--green); }
.bg__leaves{
  position:absolute; inset:0;
  background-image:url("assets/tropische-blaetter.jpg");
  background-size:34rem; background-position:center; background-repeat:repeat;
  mix-blend-mode:multiply; opacity:.42;
}
.bg::after{
  content:""; position:absolute; inset:0;
  background:radial-gradient(120% 90% at 50% 0%, rgba(8,28,15,.5), rgba(8,28,15,.82));
}

/* Dokument-Karte */
.doc{
  position:relative; z-index:2;
  width:100%; max-width:760px; margin:0 auto;
}
.doc__head{ text-align:center; margin-bottom:34px; }
.doc__head img{ width:clamp(170px,36vw,220px); height:auto; margin:0 auto 22px; display:block; }
.back{
  display:inline-flex; align-items:center; gap:8px;
  font-size:13px; font-weight:500; letter-spacing:.04em;
  color:var(--gold-bright); text-decoration:none;
  border:1px solid rgba(201,169,110,.4); border-radius:30px; padding:8px 16px;
  transition:all .25s ease;
}
.back:hover{ background:var(--gold); color:var(--green); border-color:var(--gold); }
.back svg{ width:15px; height:15px; }

.card{
  background:linear-gradient(180deg, rgba(15,51,25,.5), rgba(10,36,17,.42));
  border:1px solid rgba(201,169,110,.32);
  border-radius:5px;
  padding:clamp(28px,5vw,52px);
  box-shadow:0 40px 90px -50px rgba(0,0,0,.7);
}

h1{
  font-weight:200; font-size:clamp(1.9rem,4vw,2.6rem); line-height:1.1;
  letter-spacing:-.01em; margin:0 0 6px; color:#fff; text-align:center;
}
.subtitle{
  text-align:center; color:var(--gold-bright);
  font-size:12.5px; font-weight:600; letter-spacing:.22em; text-transform:uppercase;
  margin:0 0 30px;
}
.disclaimer{
  font-size:13px; color:rgba(255,255,255,.6); font-style:italic;
  border-left:2px solid rgba(201,169,110,.5); padding:8px 0 8px 16px; margin:0 0 30px;
}

h2{
  font-weight:400; font-size:1.18rem; color:var(--gold-bright);
  margin:34px 0 10px; letter-spacing:.01em;
}
h2:first-of-type{ margin-top:0; }
h3{ font-weight:500; font-size:1rem; color:#fff; margin:20px 0 6px; }

p,li{ font-size:.97rem; font-weight:300; color:rgba(255,255,255,.84); }
p{ margin:0 0 14px; }
ul{ margin:0 0 16px; padding-left:20px; }
li{ margin-bottom:7px; }
a{ color:var(--gold-bright); text-decoration:none; border-bottom:1px solid rgba(201,169,110,.4); transition:border-color .25s ease; }
a:hover{ border-color:var(--gold-bright); }
strong{ font-weight:500; color:#fff; }
.ph{ color:var(--pearl); background:rgba(201,169,110,.12); padding:1px 7px; border-radius:3px; font-style:italic; }

hr.rule{ width:54px; height:2px; background:var(--gold-grad); border:0; margin:30px 0; opacity:.7; }

.doc__foot{
  position:relative; z-index:2;
  text-align:center; margin:34px auto 0; max-width:760px;
  font-size:12px; letter-spacing:.05em; color:rgba(255,255,255,.5);
}
.doc__foot a{ border:0; color:rgba(255,255,255,.7); margin:0 8px; }
.doc__foot a:hover{ color:var(--gold-bright); }