/* Gemeinsame Styles für Impressum und Datenschutz auf lp.spendedeinpfand.com
   Bewusst eigene Datei: beide Seiten sind identisch aufgebaut, und der
   Rechtstext ändert sich unabhängig vom Rest der Landingpage. */

@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:200 800;font-display:swap;
  src:url("../fonts/plus-jakarta-sans-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:200 800;font-display:swap;
  src:url("../fonts/plus-jakarta-sans-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;
  src:url("../fonts/manrope-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;
  src:url("../fonts/manrope-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --green:#0d3c00; --green-mid:#1b5406; --deep:#222821;
  --acid:#40bf4f; --acid-soft:#eaf7eb; --acid-line:#c8e9cc;
  --cream:#f3f2ed; --paper:#fff; --body:#5a5a5a; --muted:#8a8a84; --line:#e6e6e0;
  --display:"Plus Jakarta Sans","Helvetica Neue",Arial,sans-serif;
  --text:"Manrope","Helvetica Neue",Arial,sans-serif;
  --r:14px; --pill:999px;
  --sh:0 1px 2px rgba(13,60,0,.05),0 22px 46px -24px rgba(13,60,0,.24);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--text);font-size:16.5px;line-height:1.68;color:var(--body);
  background:var(--cream);-webkit-font-smoothing:antialiased}
.wrap{max-width:780px;margin:0 auto;padding:0 24px;width:100%}

header{background:var(--paper);border-bottom:1px solid var(--line);padding:.9rem 0}
.hdr{display:flex;align-items:center;justify-content:space-between;gap:1rem;
  max-width:780px;margin:0 auto;padding:0 24px}
.brand{display:flex;align-items:center;text-decoration:none}
.brand img{width:118px;height:51px;object-fit:contain}

/* Der Rückweg ist der einzige Ausgang dieser Seiten — oben und unten,
   damit niemand über die Browser-Zurück-Taste suchen muss oder auf der
   Hauptdomain landet. */
.zurueck{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--display);
  font-weight:700;font-size:.94rem;text-decoration:none;border-radius:var(--pill);
  padding:.66rem 1.25rem;background:var(--green);color:#fff;border:2px solid transparent;
  transition:background .18s ease,transform .18s ease}
.zurueck:hover{background:#0a2f00;transform:translateY(-1px)}
.zurueck svg{flex:0 0 auto;transition:transform .18s ease}
.zurueck:hover svg{transform:translateX(-3px)}

main{padding:clamp(2.2rem,5vw,3.6rem) 0 1rem}
.karte{background:var(--paper);border-radius:22px;box-shadow:var(--sh);
  padding:clamp(1.6rem,4vw,3rem)}
h1{font-family:var(--display);color:var(--green);font-weight:800;letter-spacing:-.035em;
  line-height:1.1;font-size:clamp(1.9rem,4vw,2.6rem);margin:0 0 1.4rem}
h2{font-family:var(--display);color:var(--green);font-weight:800;letter-spacing:-.022em;
  line-height:1.2;font-size:clamp(1.08rem,2vw,1.28rem);margin:2.1rem 0 .55rem}
h2:first-of-type{margin-top:0}
h3{font-family:var(--display);color:var(--deep);font-weight:700;font-size:1rem;
  margin:1.3rem 0 .3rem;letter-spacing:-.01em}
p{margin:0 0 .9em}
a{color:var(--green-mid)}
ul{margin:0 0 1em;padding-left:1.3rem}
li{margin:.24rem 0}
.adr{font-style:normal;background:var(--acid-soft);border:1px solid var(--acid-line);
  border-radius:var(--r);padding:1rem 1.2rem;margin:0 0 1em}
.adr strong{color:var(--green);font-family:var(--display)}
dl{margin:0 0 1em;display:grid;grid-template-columns:auto 1fr;gap:.3rem 1.1rem}
dt{color:var(--muted)}
dd{margin:0;color:var(--deep)}
@media(max-width:520px){dl{grid-template-columns:1fr;gap:0 0}dt{margin-top:.5rem}}

.abschluss{text-align:center;padding:2.4rem 0 1rem}
footer{padding:1.6rem 0 2.6rem;font-size:.86rem;color:var(--muted);text-align:center}
footer a{color:var(--muted);margin:0 .5rem;text-decoration:none}
footer a:hover{color:var(--green-mid);text-decoration:underline}