/* Heuschober – ruhigeres, weicheres Erscheinungsbild (v122).
   Liegt über styles-warm.css: gleiche Farben und Schriften, nur rundere Formen, mehr Luft, klarere Karten. */
:root{ --radius:18px; --radius-sm:12px; --rand:#E8DCC6; --flaeche:#FFFFFF; --schatten:0 6px 24px rgba(90,62,30,.07); }

/* Abschnitte: gleichmäßige Abstände, Überschriften etwas weicher */
.section{padding:52px 0;}
.section h2{font-size:clamp(26px, 5.4vw, 34px); line-height:1.15; margin-bottom:10px;}
.section p.sub{margin-bottom:28px; line-height:1.6;}
.section-label{color:#8B5E34; letter-spacing:.14em;}
.hero{padding:44px 0 36px;}
.hero h1{font-size:clamp(40px, 10vw, 56px);}

/* Knöpfe: rund wie Pillen */
.btn{border-radius:999px; padding:14px 26px; letter-spacing:.06em; box-shadow:0 4px 14px rgba(139,94,52,.18); transition:transform .15s ease, filter .15s ease;}
.btn-outline{box-shadow:none; background:#fff; border-color:var(--rand);}
.btn:active{transform:scale(.98);}
.hero .btn{margin:6px 8px 0 0 !important;}

/* Wochenkarte oben */
#heroWochenkarte{background:#fff; border:1px solid var(--rand); border-radius:22px; padding:16px 16px 12px; box-shadow:var(--schatten);}
#heroWochenkarte img{border-radius:14px !important;}

/* Speisekarten-Kacheln */
.grid{gap:14px;}
.card.karte-kachel{border-radius:18px; border:1px solid var(--rand); background:#fff; background-image:none; box-shadow:var(--schatten); transition:transform .15s ease, box-shadow .15s ease;}
.card.karte-kachel:hover{filter:none; transform:translateY(-2px); box-shadow:0 10px 30px rgba(90,62,30,.12);}
.karte-bild{height:150px;}
.karte-text{padding:12px 14px 14px;}
.karte-text h3{font-size:14px; line-height:1.3;}
@media (max-width:640px){
  #speisekarte .grid-3{grid-template-columns:1fr 1fr; gap:12px;}
  #speisekarte .karte-bild{height:108px;}
  #speisekarte .karte-text{padding:10px 12px 12px;}
  #speisekarte .karte-text h3{font-size:12.5px;}
  #speisekarte .karte-text p{font-size:11.5px;}
}

/* Wochenempfehlung, Stellen, Info-Kästen */
#wochenempfehlungBox, #stellenFenster{border-radius:20px !important; background:#fff !important; border:1px solid var(--rand) !important; box-shadow:var(--schatten);}

/* Formulare: helle Karten, runde Felder */
form.leadform, .leadform-reservierung{background:var(--flaeche); border:1px solid var(--rand); border-radius:22px; box-shadow:var(--schatten); padding:26px 22px;}
.field{margin-bottom:16px;}
.field label{font-weight:500; color:#4A4033;}
.field input, .field select, .field textarea,
.leadform-reservierung .field input, .leadform-reservierung .field select, .leadform-reservierung .field textarea{border-radius:12px; border:1px solid #DDD0B8; background:#FFFDF9; padding:12px 14px; font-size:16px; min-height:48px;}
.field textarea{min-height:104px;}
.field input:focus, .field select:focus, .field textarea:focus{border-color:#8B5E34; box-shadow:0 0 0 4px rgba(139,94,52,.14); background:#fff;}
.field input[type="checkbox"]{min-height:0; width:20px; height:20px; accent-color:#8B5E34; border-radius:6px;}
.abk details{border-radius:16px; border-color:var(--rand); background:#fff;}
@media (max-width:640px){ .field-row{flex-direction:column; gap:0;} }

/* Bewertungen, Kontakt, QR */
.hours-block{border-bottom:1px solid #EFE6D6; padding:10px 0;}
.hs-qr{border-radius:20px; border-color:var(--rand); box-shadow:var(--schatten);}
.job-card{background:#fff; border:1px solid var(--rand); border-radius:18px;}

/* Eigene Werbung ganz unten, ruhig und kompakt */
.promo-strip{background:#fff; border:1px solid var(--rand); border-radius:20px; padding:20px; margin-top:0;}
.promo-item{background:#FAF6EE; border-radius:14px;}
.gw-unten{padding:12px 0 0;}
.gw-werbung{background:transparent !important; padding:20px 0 8px !important;}
.gw-werbung-innen{background:#2A2E33; color:#F2EEE6; border-radius:22px; padding:22px;}
.powered-by{display:none;}
footer.site{border-top:0; margin-top:16px;}
@media (prefers-reduced-motion:reduce){ .btn, .card.karte-kachel{transition:none;} }
/* keine leere Lücke, wenn gerade keine Stelle ausgeschrieben ist */
.section[style*="padding-top:0"]{padding:0;}
#stellenFenster{margin:6px 0 30px;}
.gw-werbung-innen{width:calc(100% - 32px); max-width:calc(var(--maxw) - 48px); margin:0 auto;}
@media (max-width:640px){ .section{padding:40px 0;} .section p.sub{margin-bottom:22px;} }


/* v126: Kontakt als helle Karten, GewerbeWerkstatt-Kasten mit Airbrush-Verlauf */
.gw-airbrush{
  background:
    radial-gradient(60% 80% at 8% 0%, rgba(176,138,62,.38), transparent 70%),
    radial-gradient(55% 75% at 100% 100%, rgba(139,94,52,.45), transparent 70%),
    radial-gradient(40% 60% at 70% 20%, rgba(255,240,215,.08), transparent 70%),
    linear-gradient(140deg, #26282B 0%, #34302D 55%, #2B2724 100%) !important;
  color:#EFE9DF;
}
.gw-werbung-innen{background:
    radial-gradient(60% 90% at 0% 0%, rgba(176,138,62,.35), transparent 70%),
    radial-gradient(60% 90% at 100% 100%, rgba(139,94,52,.40), transparent 70%),
    linear-gradient(140deg, #26282B, #34302D 60%, #2B2724) !important;}
#kontakt .grid-2{gap:18px; align-items:start;}
#oeffnungszeitenAnzeige{background:#fff; border:1px solid var(--rand); border-radius:22px; padding:14px 22px; box-shadow:var(--schatten);}
#oeffnungszeitenAnzeige .hours-block:last-child{border-bottom:0;}
#kontakt .grid-2 > div:last-child{background:#fff; border:1px solid var(--rand); border-radius:22px; padding:22px; box-shadow:var(--schatten);}
#kontakt .hs-qr{box-shadow:none; background:#FAF6EE; border:0;}

/* v126: oben etwas größere Schrift und kurze Fakten zum Haus */
.hero .lead{font-size:clamp(18px, 2.3vw, 21px); line-height:1.6;}
.section p.sub{font-size:17px;}
body{font-size:17px;}
.hs-fakten{list-style:none; margin:4px 0 26px; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:10px 18px;}
.hs-fakten li{display:flex; align-items:center; gap:10px; font-size:15.5px; color:#4A4033; line-height:1.35;}
.hs-fakten svg{flex:0 0 34px; width:34px; height:34px; padding:7px; box-sizing:border-box; border-radius:50%; background:#fff; border:1px solid var(--rand); fill:none; stroke:#9A7432; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round;}
@media (max-width:640px){ .hs-fakten{grid-template-columns:1fr;} }

/* v127: dezent graue Hintergründe – weiße Karten heben sich ruhig ab */
:root{ --bg-dark-1:#F3F2EF; --bg-dark-2:#EAE8E4; --rand:#E2DED7; }
body{background:#F3F2EF;}

/* v127: Wochenkarte – Bild füllt den ganzen Kasten, Titel liegt auf dem Bild, grauer Rahmen */
#heroWochenkarte{position:relative; padding:10px !important; background:#E7E5E1 !important; border:1px solid #D3CFC8 !important; border-radius:26px !important; box-shadow:0 14px 40px rgba(40,36,30,.12) !important; overflow:hidden;}
#heroWochenkarte img{height:360px !important; border-radius:18px !important; margin:0;}
#heroWochenkarte::after{content:''; position:absolute; left:10px; right:10px; bottom:10px; height:55%; border-radius:0 0 18px 18px; background:linear-gradient(180deg, rgba(20,16,12,0) 0%, rgba(20,16,12,.72) 100%); pointer-events:none;}
#heroWochenkarte h2{position:absolute; left:34px; bottom:58px; z-index:2; margin:0 !important; color:#fff !important; font-size:34px !important; text-shadow:0 2px 12px rgba(0,0,0,.35);}
#heroWochenkarte p{position:absolute; left:34px; bottom:30px; z-index:2; margin:0 !important; color:rgba(255,255,255,.92) !important; font-size:14px !important;}
#heroWochenkarte:hover img{filter:brightness(1.04);}
@media (max-width:640px){ #heroWochenkarte img{height:280px !important;} #heroWochenkarte h2{font-size:28px !important; left:28px; bottom:52px;} #heroWochenkarte p{left:28px; bottom:26px;} }
/* Fakten oben sind Links */
.hs-fakten a{display:flex; align-items:center; gap:10px; color:inherit; text-decoration:none; border-radius:14px; padding:4px 8px 4px 0; transition:color .15s ease;}
.hs-fakten a:hover span, .hs-fakten a:focus-visible span{color:#8B5E34; text-decoration:underline; text-underline-offset:3px;}
.hs-fakten a:hover svg{background:#FBF5EA; border-color:#D9C29A;}

/* v128: Heuschober-Logo oben größer */
.hs-logo{height:118px !important;}
header.site{padding:20px 0 16px;}
@media (max-width:900px){ .hs-logo{height:96px !important;} }
@media (max-width:640px){ .hs-logo{height:84px !important;} }