@font-face{font-family:"Old Standard TT";font-weight:700;font-display:swap;src:url(old-standard-tt-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Jost";font-weight:400;font-display:swap;src:url(jost-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Jost";font-weight:500;font-display:swap;src:url(jost-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Jost";font-weight:600;font-display:swap;src:url(jost-latin-600-normal.woff2) format("woff2")}

:root{--green:#396236;--green-dark:#2b4b29;--red:#7C2925;--red-dark:#62201d;--ink:#1e261d;--muted:#5a6358;--line:#dfe4da}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{font-family:"Jost","Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;line-height:1.5}
a{color:inherit}

/* Startseite: immer genau ein Bildschirm */
.screen{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;overflow:hidden;
  background:url(feld.jpg) center 65%/cover no-repeat}
.screen::before{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.9) 45%,rgba(255,255,255,.55) 75%,rgba(255,255,255,.2) 100%)}
.screen::after{content:"";position:absolute;left:0;right:0;bottom:0;height:clamp(48px,9vh,90px);
  background:var(--green) url(reifen.png) left center/auto 160% repeat-x}
.card{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  padding:clamp(16px,4vh,48px) 20px calc(clamp(48px,9vh,90px) + clamp(12px,3vh,32px));gap:clamp(10px,2.4vh,26px)}
.logo{width:min(560px,88vw);height:auto}
.kicker{font-weight:600;font-size:clamp(11px,1.6vh,14px);letter-spacing:.16em;text-transform:uppercase;color:var(--red)}
h1{font-family:"Old Standard TT",Georgia,serif;font-weight:700;color:var(--green);line-height:1.15;
  font-size:clamp(22px,4.2vh,40px);max-width:760px}
.lead{font-size:clamp(14px,2vh,18px);color:var(--muted);max-width:620px}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--red);color:#fff;text-decoration:none;font-weight:600;
  font-size:clamp(15px,2.1vh,18px);padding:clamp(11px,1.8vh,16px) clamp(20px,3vw,30px);border-radius:4px;box-shadow:0 8px 20px rgba(124,41,37,.25)}
.btn:hover{background:var(--red-dark)}
.btn::after{content:"";width:18px;height:18px;background:currentColor;-webkit-mask:url(arrow.svg) center/contain no-repeat;mask:url(arrow.svg) center/contain no-repeat}
.contact{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;list-style:none;font-size:clamp(14px,2vh,17px)}
.contact li{display:flex;align-items:center;gap:8px}
.contact li::before{content:"";flex:none;width:30px;height:30px;border-radius:50%;background:var(--green) center/16px no-repeat}
.contact a{text-decoration:none;font-weight:500}
.contact a:hover{color:var(--red)}
.i-mobile::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'%3E%3Crect x='7' y='2.5' width='10' height='19' rx='2'/%3E%3Cpath d='M11 18h2'/%3E%3C/svg%3E")!important}
.i-mail::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3.5 6 8.5 7 8.5-7'/%3E%3C/svg%3E")!important}
.i-pin::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11.5A7 7 0 0 1 19 9.5C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E")!important}
.note{display:flex;align-items:center;gap:8px;font-size:clamp(12px,1.7vh,15px);font-weight:500;color:var(--green-dark)}
.note::before{content:"";width:18px;height:18px;flex:none;background:var(--green);-webkit-mask:url(clock.svg) center/contain no-repeat;mask:url(clock.svg) center/contain no-repeat}
.legal{position:absolute;z-index:2;left:0;right:0;bottom:0;height:clamp(48px,9vh,90px);display:flex;align-items:center;justify-content:center;gap:24px;font-size:14px}
.legal a{color:#fff;text-decoration:none;opacity:.9}
.legal a:hover{opacity:1;text-decoration:underline}

@media (max-width:600px){
  .contact{flex-direction:column;align-items:flex-start;gap:8px}
  .contact li::before{width:28px;height:28px}
}
/* sehr niedrige Fenster (Handy quer) */
@media (max-height:520px){
  .lead,.kicker{display:none}
  .logo{width:min(380px,60vw)}
  .contact{flex-direction:row;flex-wrap:wrap;justify-content:center}
}

/* Unterseiten Impressum/Datenschutz */
.doc{max-width:820px;margin:0 auto;padding:32px 20px 60px}
.doc header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:22px;margin-bottom:30px;border-bottom:4px solid var(--green)}
.doc header img{height:40px;width:auto}
.doc header a.back{font-size:15px;text-decoration:none;color:var(--green);font-weight:500;white-space:nowrap}
.doc h1{font-size:38px;margin-bottom:22px;max-width:none}
.doc h2{font-family:"Old Standard TT",Georgia,serif;font-size:24px;margin:32px 0 10px;color:var(--ink)}
.doc p,.doc li{color:#3c453a;margin-bottom:12px}
.doc ul{padding-left:22px;margin-bottom:12px}
.doc a{color:var(--green)}
@media (max-width:600px){.doc header img{height:26px}.doc h1{font-size:28px}.doc h2{font-size:20px}}
/* kleine Handys (z. B. 360×560) */
@media (max-width:600px) and (max-height:620px){
  .lead{display:none}
  .note{text-align:left}
}