:root{--green:#294b36;--olive:#929571;--sage:#edf3ea;--cream:#f9f6ef;--ink:#293b2e;--line:#dce4d6}
body{background:#fffefa}h1,h2,h3{letter-spacing:-.025em}.site-header{box-shadow:none;border-bottom:1px solid #e4e9de}.site-header nav{min-height:86px}.logo{font-size:1.53rem}.nav-links a{letter-spacing:.09em}.nav-links a:hover{text-decoration:underline;text-decoration-color:var(--olive);text-underline-offset:7px}.top-bar{background:#818764}.eyebrow{letter-spacing:.2em}.section{padding-block:100px}.section-heading{max-width:820px}.section-heading h2{font-weight:400}.section-heading>p:last-child{max-width:700px;line-height:1.75}.button{border-radius:2px;padding:14px 26px;box-shadow:none}.branch,.g-service-grid article,.g-four article,.g-care-grid article,.g-symbol-grid article,.g-design-grid article,.g-occasion-grid article{box-shadow:0 12px 24px #17391c0a;border-color:#e2e7dc}.branch{padding:28px 22px 30px}.branch img{height:192px}.branch-number{color:#858b69;letter-spacing:.12em}.branch h3{font-weight:400}.season-grid article{border-color:#e7e5dc;background:#fffefa}.season-grid img{background:transparent}.g-jump{background:#fffefa}
.hero{min-height:650px;display:flex;align-items:center;justify-content:flex-start;text-align:left;color:var(--ink);background:#f9f6ef url('images/floristik-botanical-hero-20260924.png') center center/cover no-repeat}.hero .container{max-width:1180px}.hero .eyebrow{color:#6d765b}.hero h1{max-width:650px;margin-bottom:27px;color:var(--green);font-size:clamp(3.2rem,4.4vw,4.7rem);font-weight:400;line-height:1.09;text-shadow:none}.hero p:not(.eyebrow){max-width:550px;margin:0 0 34px;font-size:1.13rem;line-height:1.8;color:#3f5143}.hero .actions{justify-content:flex-start}.hero .button{border-color:var(--green);background:var(--green);color:#fff}.hero .button-outline{background:#f9f6efd9;color:var(--green)}
.trust{background:#fffefa}.trust p{border-color:#a4a889}.contact{background:#294b36}.g-hero{background-image:linear-gradient(90deg,#203e2dcf,#294b36a5),url('images/hero-page-cutout.jpg')}.g-hero h1{font-weight:400}.g-season-art{box-shadow:0 12px 24px #17391c0b}
@media(max-width:1050px){.hero{background-position:54% center}.hero h1{max-width:530px;font-size:clamp(2.85rem,5.4vw,4.8rem)}.hero p:not(.eyebrow){max-width:485px}}@media(max-width:760px){.site-header nav{min-height:68px}.section{padding-block:68px}.hero{min-height:590px;background-image:linear-gradient(90deg,#fbf8f0ed,#fbf8f0d5),url('images/floristik-botanical-hero-20260924.png');background-position:66% center}.hero h1{font-size:clamp(2.65rem,11vw,3.4rem)}.hero p:not(.eyebrow){font-size:1.02rem;line-height:1.72}.hero .actions{gap:10px}.hero .button{padding:12px 16px}.branch img{height:165px}.g-hero{background-image:linear-gradient(#203e2dd9,#203e2db3),url('images/hero-page-cutout.jpg')}}@media(max-width:410px){.hero h1{font-size:2.45rem}.hero .actions{align-items:stretch;flex-direction:column}.hero .button{text-align:center}}
.brand-emblem{display:block;width:68px;height:68px;flex:none;object-fit:contain;border-radius:50%;background:#fffaf5}.logo{gap:13px}.area-more{margin-top:60px;padding-top:35px;border-top:1px solid #d9e1d4}.area-more>h3{margin:0 0 27px;font-size:clamp(1.65rem,2.4vw,2.3rem);font-weight:400}.depth-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.depth-grid.three{grid-template-columns:repeat(3,1fr)}.depth-grid article{min-width:0;padding:18px 18px 23px;border:1px solid #dfe5da;background:#fffefa;box-shadow:0 10px 24px #17391c0a}.depth-grid img{width:100%;height:137px;object-fit:contain;margin-bottom:12px}.depth-grid h4{margin:0 0 8px;color:var(--green);font:500 1.13rem Lora,Georgia,serif}.depth-grid p{margin:0;color:#58645b;font-size:.92rem}.area-more-link{margin:23px 0 0;color:#57645a}.area-more-link a{color:var(--green);font-weight:700;text-decoration-color:#a3ad8a;text-underline-offset:4px}@media(max-width:1050px){.depth-grid,.depth-grid.three{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.brand-emblem{width:47px;height:47px}.logo{gap:8px}.area-more{margin-top:40px}.depth-grid,.depth-grid.three{grid-template-columns:1fr}.depth-grid img{height:125px}}
.site-header nav{min-height:94px}.brand-emblem{width:80px;height:80px}@media(max-width:760px){.site-header nav{min-height:68px}.brand-emblem{width:47px;height:47px}}
.hero{min-height:550px}.area-rail{background:#fffefa;border-block:1px solid #e2e6d9}.area-rail .container{display:grid;grid-template-columns:repeat(4,1fr)}.area-rail a{display:flex;align-items:center;gap:12px;min-width:0;padding:13px 17px;border-right:1px solid #e4e8dd;color:var(--green);font:500 1rem Lora,Georgia,serif;text-decoration:none;transition:background .25s ease}.area-rail a:first-child{border-left:1px solid #e4e8dd}.area-rail a:hover,.area-rail a:focus-visible{background:#f1f5ee}.area-rail img{width:42px;height:42px;object-fit:contain;flex:none;transition:transform .3s ease}.area-rail a:hover img{transform:translateY(-3px)}.area-rail b{display:block;color:#8d9475;font:600 .68rem "Fira Sans",Arial,sans-serif;letter-spacing:.12em}.area-rail span{white-space:nowrap}.section#angebot{padding-top:72px}
.branch,.g-service-grid article,.g-four article{position:relative}.branch::before,.branch::after,.g-service-grid article::before,.g-service-grid article::after,.g-four article::before,.g-four article::after{content:"";position:absolute;z-index:2;width:0;height:0;pointer-events:none;transition:width .38s ease,height .38s ease}.branch::before,.g-service-grid article::before,.g-four article::before{top:-1px;left:-1px;border-top:2px solid var(--olive);border-left:2px solid var(--olive)}.branch::after,.g-service-grid article::after,.g-four article::after{right:-1px;bottom:-1px;border-right:2px solid var(--olive);border-bottom:2px solid var(--olive)}.branch:hover::before,.branch:hover::after,.branch:focus-visible::before,.branch:focus-visible::after,.g-service-grid article:hover::before,.g-service-grid article:hover::after,.g-four article:hover::before,.g-four article:hover::after{width:calc(100% + 2px);height:calc(100% + 2px)}.branch img,.g-service-grid img,.g-four img{transition:transform .36s ease}.branch:hover img,.branch:focus-visible img,.g-service-grid article:hover img,.g-four article:hover img{transform:translateY(-5px) scale(1.025)}
@keyframes gentle-arrival{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.hero .eyebrow,.hero h1,.hero p:not(.eyebrow),.hero .actions{animation:gentle-arrival .7s both}.hero h1{animation-delay:.08s}.hero p:not(.eyebrow){animation-delay:.17s}.hero .actions{animation-delay:.25s}@media(max-width:760px){.hero{min-height:515px}.area-rail .container{grid-template-columns:repeat(2,1fr)}.area-rail a{padding:10px 12px;border-bottom:1px solid #e4e8dd;font-size:.9rem}.area-rail img{width:34px;height:34px}.area-rail a:nth-child(odd){border-left:1px solid #e4e8dd}.section#angebot{padding-top:57px}}@media(max-width:410px){.hero{min-height:535px}.area-rail a{gap:7px;font-size:.8rem}.area-rail img{width:28px;height:28px}}@media(prefers-reduced-motion:reduce){.hero .eyebrow,.hero h1,.hero p:not(.eyebrow),.hero .actions{animation:none}.branch,.branch img,.area-rail a img,.g-service-grid img,.g-four img{transition:none}}