/*
Theme Name: Benderhof
Description: Eigenständiger Startseitenentwurf für Weingut Benderhof in Kallstadt.
Version: 1.0.1
Requires at least: 6.0
Text Domain: benderhof
*/
:root{--cream:#f5f2eb;--ink:#1c241c;--green:#25382a;--lime:#d7dfb8;--line:#c7c9b8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #9aba62;outline-offset:4px}.skip{position:absolute;left:1rem;top:-5rem;z-index:20;padding:.7rem;background:white}.skip:focus{top:1rem}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}.header{height:94px;padding:0 4.5%;display:flex;justify-content:space-between;align-items:center;background:var(--cream);position:relative;z-index:5}.brand{display:flex;flex-direction:column;line-height:1;letter-spacing:.11em}.brand-main{font-size:27px;font-weight:700;letter-spacing:.12em}.brand-sub{font-size:9px;letter-spacing:.32em;margin-top:9px}.header nav{display:flex;gap:2.5rem;align-items:center;font-size:13px;font-weight:600;letter-spacing:.06em}.header nav a:hover,.text-link:hover,.footer-bottom a:hover{opacity:.65}.nav-contact{border-bottom:1px solid currentColor;padding-bottom:5px}.menu-toggle{display:none}.hero{height:min(780px,calc(100svh - 94px));min-height:610px;position:relative;color:#fff;overflow:hidden;background:#3e4e34}.hero-image,.origin-image{background-position:center;background-size:cover}.hero-image{position:absolute;inset:0;background-image:url('assets/benderhof-weinberg.webp');transform:scale(1.01)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,28,19,.72),rgba(13,28,19,.2) 72%),linear-gradient(0deg,rgba(13,28,19,.2),transparent 50%)}.hero-top{position:absolute;top:45px;left:5%;font-size:11px;letter-spacing:.25em;font-weight:700}.hero-top span{margin:0 9px;color:#cbd7ae}.hero-content{position:absolute;left:11%;bottom:12%;max-width:700px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.23em;color:#66754f}.eyebrow.light{color:#e1e7d6}.hero h1{font-size:clamp(76px,10vw,160px);line-height:.95;letter-spacing:-.075em;margin:27px 0 30px}.hero h1 em{font-size:.94em;letter-spacing:-.08em}.hero-content>p:not(.eyebrow){font-size:18px;max-width:500px;line-height:1.7}.button{display:inline-flex;gap:4rem;align-items:center;justify-content:space-between;padding:17px 22px;min-width:245px;font-size:13px;font-weight:700;letter-spacing:.03em;margin-top:34px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-light{background:var(--cream);color:var(--ink)}.button-dark{background:var(--green);color:#fff}.hero-side{position:absolute;right:2.8%;bottom:10%;writing-mode:vertical-rl;font-size:10px;letter-spacing:.25em;font-weight:700}.ticker{min-height:88px;background:var(--green);color:#e4e9d4;display:flex;align-items:center;justify-content:space-around;gap:12px;padding:20px 4%;font-size:11px;font-weight:700;letter-spacing:.19em}.ticker i{font-size:20px;font-style:normal;color:#aec08e}.section-pad{padding:130px 9%}.section-index{font-size:11px;letter-spacing:.2em;font-weight:700;color:#6c795f}.intro{display:grid;grid-template-columns:26% 1fr}.intro h2,.section-head h2,.origin h2,.visit h2{font-size:clamp(50px,5.5vw,89px);line-height:1.06;letter-spacing:-.055em;margin:24px 0 44px}.intro-bottom{display:grid;grid-template-columns:1fr 1fr;gap:55px;max-width:850px}.intro-bottom p,.section-head>p,.origin-copy>p:not(.eyebrow),.visit-lead{font-size:18px;line-height:1.75;color:#4c554b}.organic-note{display:flex;align-items:center;gap:18px;margin-top:62px;padding-top:26px;border-top:1px solid var(--line);font-size:14px;line-height:1.6}.organic-symbol{font-size:44px;color:#78934b}.wines{background:#e7e9df}.section-head{display:flex;justify-content:space-between;gap:4rem;align-items:end}.section-head>p{max-width:340px;margin-bottom:49px}.wine-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.wine-card{aspect-ratio:.77;min-height:400px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s;position:relative;overflow:hidden}.wine-card:hover{transform:translateY(-5px)}.wine-card-1{background:#c2caa7}.wine-card-2{background:#68785e;color:#fff}.wine-card-3{background:#b3a889}.wine-card:before{content:'';position:absolute;width:55%;height:80%;left:55%;top:8%;border-radius:45% 45% 12% 12%;border:1px solid currentColor;opacity:.15;transform:rotate(14deg)}.wine-number,.wine-card span{font-size:11px;font-weight:700;letter-spacing:.18em}.wine-card h3{font:400 clamp(34px,3.4vw,52px)/1.1 Georgia,'Times New Roman',serif;margin:18px 0}.wine-card p{max-width:260px;font-size:15px;line-height:1.55}.wine-foot{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-top:40px}.wine-foot p{max-width:470px;color:#4c554b}.text-link{font-size:14px;font-weight:700;border-bottom:1px solid;padding-bottom:10px;white-space:nowrap}.text-link span{margin-left:35px}.origin{display:grid;grid-template-columns:1fr 1fr;min-height:660px;background:#26392a;color:white}.origin-image{background-image:url('assets/benderhof-kallstadt.webp');background-position:60% center;filter:saturate(.7)}.origin-copy{padding:110px 12%;display:flex;flex-direction:column;justify-content:center}.origin .eyebrow{color:#a9bb87}.origin h2{margin-bottom:30px}.origin-copy>p:not(.eyebrow){color:#d0d8ca}.origin-label{border-top:1px solid #687767;margin-top:75px;padding-top:18px;letter-spacing:.2em;font-size:12px}.origin-label span{font-size:10px;color:#aebfa1}.visit{display:grid;grid-template-columns:26% 1fr}.visit-lead{max-width:650px}.visit-details{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;border-top:1px solid var(--line);margin-top:55px;padding-top:27px}.visit-details span{display:block;color:#718067;font-size:11px;letter-spacing:.14em;font-weight:700;margin-bottom:16px}.visit-details strong{font-size:16px;line-height:1.65;font-weight:500}.visit-details a{text-decoration:underline;text-underline-offset:4px}.visit .button{margin-top:65px}footer{background:#1d2e23;color:#f0f3e9;padding:70px 9% 25px}.footer-top{display:flex;justify-content:space-between;align-items:start;padding-bottom:100px}.footer-brand{font-size:clamp(34px,5vw,70px);font-weight:700;letter-spacing:.08em;line-height:1}.footer-brand span{display:block;font-size:10px;letter-spacing:.32em;margin-top:13px}.footer-top p{font:italic 28px/1.35 Georgia,'Times New Roman',serif}.footer-bottom{border-top:1px solid #536458;padding-top:24px;display:flex;justify-content:space-between;gap:20px;color:#c5d0bf;font-size:12px}.footer-bottom div{display:flex;gap:35px}@media(max-width:900px){.header nav{gap:1rem}.section-pad{padding:90px 6%}.intro,.visit{grid-template-columns:20% 1fr}.origin{min-height:550px}.origin-copy{padding:70px 8%}}@media(max-width:700px){.header{height:75px;padding:0 6%}.brand-main{font-size:21px}.brand-sub{font-size:8px}.menu-toggle{display:flex;width:44px;height:44px;background:none;border:0;flex-direction:column;justify-content:center;gap:7px}.menu-toggle span{display:block;height:2px;width:25px;background:var(--ink)}.header nav{display:none;position:absolute;top:75px;left:0;right:0;background:var(--cream);padding:25px 6% 35px;flex-direction:column;align-items:stretch;gap:22px;font-size:16px;box-shadow:0 12px 20px #0002}.header nav.open{display:flex}.nav-contact{width:max-content}.hero{height:750px;min-height:0;max-height:calc(100svh - 75px)}.hero-image{background-position:55% center}.hero-top{top:28px;left:6%;font-size:9px}.hero-content{left:6%;right:6%;bottom:11%}.hero h1{font-size:clamp(68px,15vw,104px)}.hero-content>p:not(.eyebrow){font-size:16px}.hero-side{display:none}.ticker{justify-content:flex-start;overflow:hidden;white-space:nowrap;gap:28px;min-height:65px;font-size:10px}.ticker span:nth-of-type(n+3),.ticker i:nth-of-type(n+3){display:none}.section-pad{padding:76px 6%}.intro,.visit{display:block}.section-index{margin-bottom:36px}.intro h2,.section-head h2,.origin h2,.visit h2{font-size:clamp(48px,10vw,65px);margin:20px 0 32px}.intro-bottom{grid-template-columns:1fr;gap:20px}.intro-bottom p,.section-head>p,.origin-copy>p:not(.eyebrow),.visit-lead{font-size:16px}.organic-note{margin-top:35px}.section-head{display:block}.section-head>p{margin:0 0 35px}.wine-grid{grid-template-columns:1fr;gap:10px}.wine-card{aspect-ratio:1.1;min-height:330px}.wine-card h3{font-size:46px}.wine-foot{align-items:start;flex-direction:column}.origin{grid-template-columns:1fr}.origin-image{height:330px}.origin-copy{padding:75px 6%}.origin-label{margin-top:45px}.visit-details{grid-template-columns:1fr 1fr;row-gap:32px}.footer-top{display:block;padding-bottom:65px}.footer-top p{font-size:23px;margin-top:45px}.footer-bottom{display:block;line-height:2}.footer-bottom div{display:flex;gap:22px;flex-wrap:wrap;margin-top:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.generic-page,.shop-main{max-width:1100px;margin:auto;padding:80px 6%;min-height:70vh}.generic-page h1,.shop-header h1{font-size:clamp(44px,6vw,76px);line-height:1.1;margin:0 0 35px}.generic-page p{margin:0 0 1.3em}.shop-header{background:#26392a;color:#fff;padding:30px 6% 70px}.shop-header>a{display:inline-block;margin-bottom:70px}.shop-header p{max-width:600px}.shop-main a{color:inherit}.shop-main .button,.shop-main button{background:#26392a;color:#fff;border:0;padding:12px 20px}.wp-block-image img{max-width:100%;height:auto}

.piwi{background:#e8eddb}.piwi-head{display:grid;grid-template-columns:1.3fr 1fr;gap:5vw;align-items:end;margin:25px 0 55px}.piwi h2{font-size:clamp(54px,6vw,92px);line-height:1.02}.piwi-head p{max-width:430px;font-size:19px}.piwi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#9aaa90;border:1px solid #9aaa90;margin-bottom:35px}.piwi-grid article{padding:30px 25px 42px;background:#e8eddb;min-height:250px}.piwi-grid span{font-size:11px;letter-spacing:.13em;font-weight:700}.piwi-grid h3{font:italic clamp(38px,4vw,60px) Georgia,serif;margin:38px 0 17px}.piwi-grid p{font-size:15px}@media(max-width:700px){.piwi-head,.piwi-grid{display:block}.piwi-head p{margin-top:20px}.piwi-grid article{border-bottom:1px solid #9aaa90;min-height:0}.piwi-grid h3{margin:22px 0 12px}}