/* Unified masthead and introduction, version 1.4.0. */
:root{--max:1200px}
.header{background:#fafaf6;border-bottom:1px solid #e7e8df}
.header-inner{height:84px}
.brand strong{font-size:23px;letter-spacing:-1px}
.brand small{letter-spacing:2px}
.brand-mark{width:42px;height:42px}
.nav{gap:32px}
.nav .nav-contact{background:var(--yellow);border-color:var(--yellow);padding:12px 22px;border-radius:6px}
.nav .nav-contact:hover{background:#ead51b;text-decoration:none}
.hero{padding-top:0;margin-top:40px}
.hero-grid{grid-template-columns:1.2fr 1fr;gap:38px;padding:58px 52px;background:#f0f1e9;border:1px solid #e4e5db;border-radius:16px 16px 0 0;min-height:480px;align-items:center}
.hero-copy{padding:0;min-width:0}
.hero .eyebrow{font-size:10px;letter-spacing:1.8px;margin-bottom:26px;gap:10px}
.hero .eyebrow:before{width:7px;height:7px;background:#c6ad00;border-radius:50%}
.hero h1{font-size:clamp(48px,4.7vw,66px);line-height:1.06;letter-spacing:-.055em;margin:0 0 25px;font-weight:750}
.hero .highlight{display:inline;color:var(--ink)}
.hero .highlight:after{display:none}
.hero-copy .intro{max-width:420px;font-size:17px;line-height:1.75;margin:0 0 30px;color:#585c52}
.hero .actions{gap:24px}
.hero .button{background:var(--yellow);color:var(--ink);border:1px solid var(--yellow);border-radius:6px;padding:15px 20px;gap:24px}
.hero .button:hover{background:#ead51b;border-color:#ead51b}
.hero .text-link{font-size:13px;text-decoration-thickness:1px;text-underline-offset:6px}
.hero .art.art-photo{width:100%;max-width:370px;min-height:0;background:transparent;overflow:visible;border-radius:0;justify-self:center;mix-blend-mode:multiply}
.hero .art-photo .workshop-photo{width:100%;height:auto;max-height:none;aspect-ratio:1;object-fit:contain;padding:0;background:transparent}
.hero .quick-info{margin-top:0;padding:25px 32px;gap:24px;background:#fff;border:1px solid #e4e5db;border-top:0;border-radius:0 0 16px 16px;grid-template-columns:1.2fr .85fr 1fr}
.hero .quick-info>div{gap:12px;min-width:0}
.hero .quick-info>div+div{padding-left:24px;border-left:1px solid #e5e6dd}
.hero .quick-info small{font-size:9px;letter-spacing:1.1px;margin-bottom:3px}
.hero .quick-info a,.hero .quick-info strong{font-size:13px;line-height:1.45;display:block}
.hero .mini-icon{width:27px;height:27px;color:#555c4b}
#leistungen{padding-top:78px}
@media(min-width:1500px){.hero{margin-top:48px}.hero-grid{padding:62px 56px;gap:48px}.hero h1{font-size:66px}}
@media(min-width:761px) and (max-width:1050px){.hero-grid{padding:40px 32px;gap:24px;grid-template-columns:1.2fr 1fr;min-height:440px}.hero h1{font-size:48px}.hero-copy .intro{font-size:16px}.hero .actions{gap:18px}.hero .button{padding:13px 16px;gap:14px}.hero .quick-info{padding:22px;gap:16px;grid-template-columns:1.1fr .8fr 1fr}.hero .quick-info>div+div{padding-left:16px}.hero .quick-info a,.hero .quick-info strong{font-size:12px}.hero .quick-info .mini-icon{display:none}}
@media(max-width:760px){.header-inner{height:76px}.nav{top:76px}.brand strong{font-size:21px}.brand small{font-size:7px;letter-spacing:1.6px}.brand-mark{width:36px;height:36px}.hero{margin-top:20px}.hero-grid{grid-template-columns:1fr;gap:34px;padding:32px 25px 28px;min-height:0;border-radius:12px 12px 0 0}.hero .eyebrow{font-size:9px;letter-spacing:1.2px;line-height:1.5;margin-bottom:22px}.hero h1{font-size:clamp(42px,8.8vw,60px);line-height:1.07;margin-bottom:21px}.hero-copy .intro{font-size:16px;line-height:1.65;margin-bottom:25px}.hero .actions{gap:20px}.hero .button{padding:14px 17px;font-size:13px;gap:20px}.hero .text-link{font-size:12px}.hero .art.art-photo{max-width:245px}.hero .quick-info{grid-template-columns:1fr;padding:5px 24px;border-radius:0 0 12px 12px;gap:0}.hero .quick-info>div{padding:17px 0;gap:13px}.hero .quick-info>div+div{border-left:0;padding-left:0;border-top:1px solid #e7e8df}.hero .quick-info .mini-icon{width:25px;height:25px}.hero .quick-info a,.hero .quick-info strong{font-size:13px}#leistungen{padding-top:60px}}
@media(max-width:380px){.hero-grid{padding-inline:20px}.hero h1{font-size:40px}.hero .eyebrow{font-size:8px}.hero .actions{gap:18px}.hero .art.art-photo{max-width:220px}}