/* Fisolgut2 — behutsamer Design-Feinschliff, 2026-11-06 */
body::before{width:7px}
.site{margin-left:7px}
.brand-logo-svg{width:78px;height:109px}
.hero-media img{object-position:52% center;filter:saturate(.86) contrast(1.03) brightness(1.035)}
.gallery-item{overflow:hidden}
.gallery-item:hover img{transform:scale(1.025)}
button:focus-visible,a:focus-visible,input:focus-visible{outline-color:#a33b51;outline-offset:4px}
.dialog.open .dialog-box{animation:fisolgut2-dialog-in .22s ease-out both}
@keyframes fisolgut2-dialog-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.brand-logo-svg{width:68px;height:95px}}
@media(max-width:850px){.header-inner{height:104px}.brand-logo-svg{width:66px;height:92px}}
@media(max-width:570px){
 body::before{width:5px}.site{margin-left:5px}
 .header-inner{height:94px}.brand-logo-svg{width:59px;height:82px}
 .hero h1{font-size:clamp(43px,11vw,59px);line-height:1.055;letter-spacing:-.012em}
 .hero-desc{line-height:1.65}
 .microfacts-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .microfact,.microfact:not(:first-child){min-width:0;padding:14px 5px;display:flex;flex-direction:column;justify-content:center;gap:4px;text-align:center;border-left:0;border-top:0}
 .microfact:not(:first-child){border-left:1px solid rgba(255,255,255,.23)}
 .microfact b{width:auto;font-size:23px;line-height:1.1}
 .microfact span{font-size:7.5px;line-height:1.35;letter-spacing:.07em}
}
@media(max-width:370px){
 .header-inner{height:88px}.brand-logo-svg{width:53px;height:74px}
 .hero h1{font-size:42px;line-height:1.06}
 .microfact b{font-size:20px}.microfact span{font-size:7px}
}
@media(prefers-reduced-motion:reduce){.dialog.open .dialog-box{animation:none}.gallery-item:hover img{transform:none}}

/* Horizontale Logoanordnung: Ähren links, gut lesbarer Schriftzug rechts */
.header-inner{height:92px}
.brand-logo-svg{width:320px;height:auto;max-height:89px;object-fit:contain;object-position:left center}
@media(max-width:1100px){.brand-logo-svg{width:285px;max-height:79px}}
@media(max-width:850px){.header-inner{height:82px}.brand-logo-svg{width:240px;max-height:67px}}
@media(max-width:570px){.header-inner{height:76px}.brand-logo-svg{width:220px;max-height:61px}}
@media(max-width:370px){.header-inner{height:72px}.brand-logo-svg{width:190px;max-height:53px}}
