/* Gemeinsame Basis der Design-Varianten */
@font-face{font-family:"Open Sans Condensed";font-weight:300;src:url(../fonts/opensans-condensed-300.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Open Sans Condensed";font-weight:700;src:url(../fonts/opensans-condensed-700.woff2) format("woff2");font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;overflow-x:hidden}
img{display:block;max-width:100%}h1,h2,h3,p,figure,dl,dd{margin:0}a{color:inherit}
.cl{width:1em;height:1em}
.wm{display:inline-flex;align-items:center;gap:.5em;text-decoration:none;font-family:"Open Sans Condensed",Arial Narrow,sans-serif;line-height:1}
.wm .cl{width:1.7em;height:1.7em}.wm span{display:flex;flex-direction:column;gap:.15em}.wm b{font-weight:700;font-size:1.5em;letter-spacing:.01em}.wm i{font-style:normal;font-weight:300;letter-spacing:.28em;font-size:.82em;text-transform:lowercase}
.rv{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s ease}.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}
.nt{display:none;background:none;border:0;width:44px;height:44px;padding:0;position:relative;cursor:pointer;color:inherit}.nt i{position:absolute;left:10px;right:10px;height:2px;background:currentColor}.nt i:first-child{top:16px}.nt i:last-child{top:25px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.frm .g{display:grid;grid-template-columns:1fr 1fr;gap:18px}.frm .w{grid-column:1/3}.frm label{display:flex;flex-direction:column;gap:6px;font-size:15px}
.frm input,.frm textarea{font:inherit;font-size:18px;padding:12px 14px;border:0;width:100%;outline:0}
.frm .send{margin-top:20px;font:inherit;font-size:19px;padding:14px 34px;border:0;cursor:pointer}.frm .send:disabled{opacity:.6}
.msg{margin-top:14px;font-size:20px;min-height:1.4em}.msg.err{color:#d4553a}
.hrs div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid currentColor;border-bottom-color:rgba(128,128,128,.35)}.hrs dt{font-weight:700}.hrs dd{text-align:right}
address{font-style:normal;line-height:1.6}.soc{display:flex;gap:14px;margin-top:16px}.soc a{width:28px;height:28px;display:block}.soc svg{width:100%;height:100%}
.bank{line-height:1.6;margin-bottom:16px}.qr{width:103px;height:auto;background:#fff;padding:4px}
@media(max-width:800px){.frm .g{grid-template-columns:1fr}.frm .w{grid-column:auto}.nt{display:block}}

.hs,.strip,.car{scrollbar-width:none}.hs::-webkit-scrollbar,.strip::-webkit-scrollbar,.car::-webkit-scrollbar{display:none}
.hs,.strip,.car{overflow-x:hidden!important;touch-action:pan-y}

/* Variante 2: Noir (dunkel, gross) */
.v2{--ac:#bf147a;--br:#7c6c50;background:#000;color:#fff;font:300 22px/1.5 "Open Sans Condensed","Arial Narrow",sans-serif}
.v2 .hd{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;padding:22px 4vw;background:linear-gradient(rgba(0,0,0,.8),rgba(0,0,0,0))}
.v2 .wm{color:#fff;font-size:17px}.v2 .wm .cl{color:#9cd0f0}
.v2 .hd nav{margin-left:auto;display:flex;gap:26px;font-size:17px;text-transform:uppercase;letter-spacing:.16em}.v2 .hd nav a{text-decoration:none;opacity:.85}.v2 .hd nav a:hover{opacity:1;color:#e8c99a}
.v2 .hero{position:relative;min-height:100svh;background:center/cover fixed;display:flex;align-items:flex-end;padding:0 4vw 9vh}
.v2 .sh{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.88),rgba(0,0,0,.15) 60%,rgba(0,0,0,.35))}
.v2 .in:not(.rv){position:relative;max-width:1300px}.v2 .eyebrow{text-transform:uppercase;letter-spacing:.3em;font-size:17px;color:#e8c99a;margin-bottom:16px}
.v2 h1{font-weight:300;font-size:clamp(38px,6vw,92px);line-height:1.06;letter-spacing:.01em;max-width:18ch}.v2 h1 em{font-style:normal;color:#e8c99a}
.v2 .lead{max-width:34ch;font-size:24px;margin:26px 0}.v2 .btn{display:inline-block;background:var(--ac);color:#fff;padding:14px 44px;text-decoration:none;text-transform:uppercase;letter-spacing:.16em;font-size:17px}
.v2 .press{position:absolute;right:5vw;top:24vh;width:130px;height:130px;border-radius:50%;background:var(--ac);display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;font-weight:300;font-size:22px;line-height:1.1;transform:rotate(10deg)}
.v2 .tick{overflow:hidden;white-space:nowrap;border-block:1px solid #333;padding:20px 0;background:#0a0a0a}.v2 .tick div{display:inline-block;animation:tk 38s linear infinite}.v2 .tick span{font-weight:300;font-size:clamp(24px,2.6vw,38px);letter-spacing:.1em;padding:0 28px}.v2 .tick i{color:var(--ac);font-style:normal;font-size:30px}
@keyframes tk{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.v2 .tick div{animation:none}}
.v2 .pn{position:relative;min-height:100svh;background:center/cover fixed;display:flex;flex-direction:column;justify-content:flex-end;padding:0 4vw 8vh}
.v2 .pn .sh{background:linear-gradient(to top,rgba(0,0,0,.82),rgba(0,0,0,.1) 70%)}
.v2 .pn h2{position:relative;font-weight:300;font-size:clamp(38px,5.6vw,86px);line-height:1.05;letter-spacing:.01em}
.v2 .bx{position:relative;max-width:420px;margin:26px 0 0 auto;border-left:3px solid var(--ac);padding-left:22px}.v2 .bx p{font-size:23px}.v2 .bx a{display:inline-block;margin-top:14px;color:#e8c99a;text-decoration:none;text-transform:uppercase;letter-spacing:.18em;font-size:17px}
.v2 .q{padding:1.2vh 8vw;text-align:center;font-size:clamp(21px,2.4vw,36px);line-height:1.2;font-weight:300;text-transform:none}.v2 .q.big{font-weight:300}
.v2 .hs{display:flex;gap:10px;overflow-x:auto;padding:0 4vw 10vh;scroll-snap-type:x proximity;scrollbar-width:thin}.v2 .hs figure{flex:none;scroll-snap-align:start}.v2 .hs img{height:min(44vh,420px);width:auto}
.v2 .team{padding:10vh 4vw}.v2 .team h2,.v2 .cnt h2{font-weight:300;font-size:clamp(34px,4.6vw,66px);line-height:1.05;margin-bottom:30px}
.v2 .tg{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.v2 .tm img{width:100%;aspect-ratio:3/4;object-fit:cover;filter:grayscale(1);transition:filter .5s}.v2 .tm:hover img,.v2 .tm.on img{filter:none}.v2 .tm figcaption{padding-top:10px;display:flex;flex-direction:column}.v2 .tm span{color:#e8c99a;font-size:19px}
.v2 .cnt{display:grid;grid-template-columns:1fr 1fr;gap:6vw;padding:10vh 4vw;background:#0d0d0d}.v2 .frm input,.v2 .frm textarea{background:#1c1c1c;color:#fff;border-bottom:2px solid var(--ac)}.v2 .frm label{text-transform:uppercase;letter-spacing:.14em;font-size:15px;color:#e8c99a}.v2 .send{background:var(--ac);color:#fff;text-transform:uppercase;letter-spacing:.2em}
.v2 .hrs div{font-size:24px}
.v2 .ft{padding:10vh 4vw 5vh;background:#000}.v2 .ft .big{font-weight:300;font-size:clamp(44px,8.5vw,130px);line-height:1}.v2 .ft .big small{display:block;font-weight:300;font-size:.22em;letter-spacing:.3em;margin-top:10px;color:#e8c99a}
.v2 .ft .cols{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:6vh 0;font-size:20px}.v2 .ft a{text-decoration:none}.v2 .ft .lg{border-top:1px solid #333;padding-top:20px;font-size:16px}
@media(max-width:900px){.v2 .hd nav{display:none}.v2 .nt{display:block;margin-left:auto}.v2.nav-open .hd nav{display:flex;flex-direction:column;position:fixed;inset:70px 0 auto;background:#000;padding:24px 4vw;gap:16px}.v2 .hero,.v2 .pn{background-attachment:scroll}.v2 .tg{grid-template-columns:1fr 1fr}.v2 .cnt,.v2 .ft .cols{grid-template-columns:1fr}.v2 .bx{margin-left:0}.v2 .press{width:96px;height:96px;font-size:15px;top:16vh}}

.v2 b,.v2 .hrs dt,.v2 .wm b{font-weight:400}
.v2 .team h2{font-weight:300;font-size:clamp(34px,4.6vw,66px);line-height:1.05;margin-bottom:30px}

/* Bilderreihen ohne Bildlaufleiste */
.v2 .hs{padding-bottom:2vh;-webkit-mask-image:linear-gradient(to right,#000 93%,transparent);mask-image:linear-gradient(to right,#000 93%,transparent);cursor:grab}

/* Footer: Verlauf von Schwarz nach warmem Braun, dazu zarte Blumen im Hintergrund */
.v2 .ft{position:relative;overflow:hidden;background:linear-gradient(#000 0%,#1d160f 55%,#3a2d1f 100%)}
.v2 .ft::before{content:"";position:absolute;inset:0;background:url(../img/hero-floristik.webp) center 35%/cover;opacity:.3;filter:blur(1.5px);-webkit-mask-image:linear-gradient(transparent 5%,#000 75%);mask-image:linear-gradient(transparent 5%,#000 75%);pointer-events:none}
.v2 .ft>*{position:relative}

/* Hinweis unter den Öffnungszeiten (in der Bildverwaltung editierbar) */
.v2 .hnote{margin-top:22px;font-size:20px;font-style:italic;color:#e8c99a;white-space:pre-line}

/* Seite «Aus der Presse» */
.v2 .pr{max-width:1200px;margin:0 auto;padding:170px 4vw 100px}
.v2 .prh h1{font-weight:300;font-size:clamp(38px,5.6vw,86px);line-height:1.05}
.v2 .prh .lead{margin-top:20px;max-width:40ch;font-size:24px;color:#e8c99a}
.v2 .plist{margin-top:60px;display:grid;gap:clamp(50px,9vh,110px)}
.v2 .pc{display:grid;grid-template-columns:minmax(220px,380px) 1fr;gap:5vw;align-items:start}
.v2 .pim a{display:block}.v2 .pim img{width:100%;height:auto;max-height:560px;object-fit:cover;object-position:top;border-radius:4px;box-shadow:0 18px 50px rgba(0,0,0,.6);transition:transform .5s}.v2 .pim a:hover img{transform:scale(1.02)}
.v2 .pmeta{font-size:18px;letter-spacing:.16em;text-transform:uppercase;color:#e8c99a;margin-bottom:12px}
.v2 .ptx h2{font-weight:300;font-size:clamp(28px,3.2vw,46px);line-height:1.12;margin-bottom:16px}
.v2 .ptx p{max-width:46ch;font-size:23px}
.v2 .plinks{margin-top:22px;display:flex;gap:26px;flex-wrap:wrap}.v2 .plinks a{color:#e8c99a;text-decoration:none;text-transform:uppercase;letter-spacing:.16em;font-size:17px}.v2 .plinks a:hover{text-decoration:underline}
.v2 .pempty{font-size:26px;color:#e8c99a}
@media(max-width:800px){.v2 .pc{grid-template-columns:1fr}.v2 .pim img{max-height:none}}

/* Sanfte Blumen im Hintergrund, nur auf der Seite «Aus der Presse» (zwei Bilder blenden langsam ineinander über) */
.v2.press{position:relative}
.v2.press::before,.v2.press::after{content:"";position:fixed;inset:-20px;z-index:-1;pointer-events:none;background-size:cover;background-position:center;filter:blur(2.5px);opacity:0}
.v2.press::before{background-image:url(../img/hero-floristik.webp);animation:bgA 70s ease-in-out infinite}
.v2.press::after{background-image:url(../img/hero-start.webp);animation:bgB 70s ease-in-out infinite}
@keyframes bgA{0%,100%{opacity:.13}45%{opacity:.13}50%,95%{opacity:0}}
@keyframes bgB{0%,45%{opacity:0}50%,95%{opacity:.13}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.v2.press::before{animation:none;opacity:.12}.v2.press::after{display:none}}

/* Sprüche: Effekt-Varianten (?effekt=a|b|c|d) */
.fx-a .q{opacity:1;transform:none}
.fx-a .q .w{display:inline-block;opacity:0;transform:translateY(16px);filter:blur(5px);transition:opacity .9s ease,transform .9s ease,filter .9s ease}
.fx-a .q.in .w{opacity:1;transform:none;filter:none}
.fx-b .q{transition:none;will-change:transform,opacity}
.fx-c .q{transform:translateX(-110px);opacity:0;transition:opacity 1.2s ease,transform 1.4s cubic-bezier(.2,.7,.2,1)}
.fx-c .q:nth-of-type(even){transform:translateX(110px)}
.fx-c .q.in{opacity:1;transform:none}
.fx-d .q{letter-spacing:.015em;opacity:0;transform:scale(1.28,1.04);filter:blur(7px);transition:opacity 1.8s ease,transform 2.4s cubic-bezier(.2,.7,.2,1),filter 1.8s ease}
.fx-d .q.in{opacity:1;transform:none;filter:none}
.fx-aus .q{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.fx-a .q .w,.fx-c .q,.fx-d .q{opacity:1;transform:none;filter:none;transition:none}}

/* Lotus-Icons (?icons=a|b|c|d) */
.lo{width:100%;height:auto;display:block}
.v2 .lt{display:block;width:38px;margin:.8vh auto 0;color:#e8c99a;opacity:0;transform:translateY(10px);transition:opacity 1s ease,transform 1s ease}.v2 .lt.in{opacity:.9;transform:none}
.ic-a .tick i{display:inline-block;width:34px;vertical-align:middle;color:var(--ac);font-style:normal}.ic-a .tick i .lo{height:26px;width:auto}
.ic-b .lt{position:absolute;left:50%;top:50%;width:min(62vw,520px);margin:0;transform:translate(-50%,-50%);opacity:0;pointer-events:none;z-index:-1}
.ic-b .lt.in{opacity:.07;animation:breathe 9s ease-in-out infinite}
@keyframes breathe{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.07)}}
.ic-b .q{position:relative;isolation:isolate}
.ic-c .lt.line{display:flex;align-items:center;gap:22px;width:min(460px,80vw);margin:.8vh auto 0}.ic-c .lt.line::before,.ic-c .lt.line::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,#e8c99a)}.ic-c .lt.line::after{background:linear-gradient(270deg,transparent,#e8c99a)}.ic-c .lt.line .lo{width:44px;flex:none}
.ic-d .lt{width:64px;transform:scale(.4) rotate(-25deg);transition:opacity 1.4s ease,transform 1.6s cubic-bezier(.2,.8,.2,1)}.ic-d .lt.in{transform:none;opacity:.95}
.ic-d .lt .lo{filter:drop-shadow(0 0 18px rgba(232,201,154,.35))}
@media(prefers-reduced-motion:reduce){.ic-b .lt.in{animation:none}.ic-d .lt{transform:none}}

/* Umschalter für die Vorschläge */

/* Galerie: Pfeile */
.hsw{position:relative}
.ga2{position:absolute;top:calc(50% - 26px);width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:rgba(0,0,0,.45);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;padding:0;opacity:.85;backdrop-filter:blur(4px);transition:opacity .2s,background .2s}
.ga2:hover{opacity:1;background:rgba(0,0,0,.7)}.ga2.pv{left:2vw}.ga2.nx{right:2vw}.ga2.nx svg{transform:scaleX(-1)}
@media(max-width:800px){.ga2{width:40px;height:40px;top:calc(50% - 20px)}}

/* Abschnittstitel-Effekte (?titel=a|b|c|d) */
.ti-a .pn h2{color:#d4cdbd;background:linear-gradient(105deg,#d4cdbd 0,#d4cdbd 28%,#ffd98a 42%,#fff 50%,#ffd98a 58%,#d4cdbd 72%,#d4cdbd 100%);background-size:300% 100%;background-position:125% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 14px rgba(255,217,138,.25))}
.ti-b .pn h2 .wd{display:inline-block;white-space:nowrap}
.ti-b .pn h2 .ch{display:inline-block;opacity:0;transform:translateY(.7em) rotate(8deg);filter:blur(7px);transition:opacity .9s ease,transform 1s cubic-bezier(.2,.8,.2,1),filter .9s ease}
.ti-b .pn h2.in .ch{opacity:1;transform:none;filter:none}
.ti-c .pn h2{clip-path:inset(0 100% 0 0);transition:clip-path 1.4s cubic-bezier(.7,0,.2,1);padding-bottom:.12em}
.ti-c .pn h2::after{content:"";display:block;height:2px;margin-top:.08em;background:linear-gradient(90deg,#f6dfae,rgba(246,223,174,0));transform:scaleX(0);transform-origin:left;transition:transform 1.6s .5s cubic-bezier(.2,.7,.2,1)}
.ti-c .pn h2.in{clip-path:inset(-10% -2% -10% 0)}.ti-c .pn h2.in::after{transform:scaleX(1)}
.ti-d .pn h2{transition:color .3s}
@media(prefers-reduced-motion:reduce){.ti-a .pn h2{background:none;-webkit-text-fill-color:currentColor;color:#fff;filter:none}.ti-b .pn h2 .ch{opacity:1;transform:none;filter:none;transition:none}.ti-c .pn h2{clip-path:none}.ti-c .pn h2::after{transform:none}}

/* Zwischenbalken (?balken=a|b|c|d|e) */
.v2 .qb{position:relative;isolation:isolate;padding:2.4vh 0}
.bk-b .qb.c0{background:rgba(64,124,81,.5)}.bk-b .qb.c1{background:rgba(131,53,98,.5)}.bk-b .qb.c2{background:rgba(160,100,95,.5)}.bk-b .qb.c3{background:rgba(21,60,40,.7)}.bk-b .qb.c4{background:rgba(110,70,150,.55)}
.bk-b .qb.c5{background:rgba(0,29,75,.75)}.bk-b .qb.c6{background:rgba(190,150,65,.6)}
.bk-c .qb{background:rgba(255,255,255,.05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 rgba(246,223,174,.28),inset 0 -1px 0 rgba(246,223,174,.28)}
.bk-d .qb{background:linear-gradient(90deg,#000 0,#2b1d12 50%,#000 100%)}
.bk-e .qb{background:#000}.bk-e .qb::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(rgba(0,0,0,.62),rgba(0,0,0,.62)),var(--bimg) center/cover;filter:blur(1.5px)}

/* Balken mit Farbverlauf (?balken=f: Farbe in der Mitte, Schwarz an den Rändern; g: Verlauf von Farbe zu Farbe). Reihenfolge: Floristik, Events, Hochzeit, Trauer, Lieferung, Accessoires */
.bk-f .qb.c0{background:linear-gradient(90deg,#000 0,rgba(64,124,81,.85) 50%,#000 100%)}
.bk-f .qb.c1{background:linear-gradient(90deg,#000 0,rgba(150,48,110,.8) 50%,#000 100%)}
.bk-f .qb.c2{background:linear-gradient(90deg,#000 0,rgba(190,120,110,.8) 50%,#000 100%)}
.bk-f .qb.c3{background:linear-gradient(90deg,#000 0,rgba(35,95,65,.85) 50%,#000 100%)}
.bk-f .qb.c4{background:linear-gradient(90deg,#000 0,rgba(120,70,170,.85) 50%,#000 100%)}
.bk-f .qb.c5{background:linear-gradient(90deg,#000 0,rgba(20,70,150,.85) 50%,#000 100%)}
.bk-f .qb.c6{background:linear-gradient(90deg,#000 0,rgba(205,160,70,.88) 50%,#000 100%)}
.bk-g .qb.c0{background:linear-gradient(100deg,rgba(40,110,70,.85),rgba(20,70,150,.8))}
.bk-g .qb.c1{background:linear-gradient(100deg,rgba(150,48,110,.85),rgba(60,30,120,.8))}
.bk-g .qb.c2{background:linear-gradient(100deg,rgba(200,120,105,.85),rgba(150,48,110,.8))}
.bk-g .qb.c3{background:linear-gradient(100deg,rgba(30,100,80,.85),rgba(124,108,80,.85))}
.bk-g .qb.c4{background:linear-gradient(100deg,rgba(110,60,160,.88),rgba(190,90,150,.85))}
.bk-g .qb.c5{background:linear-gradient(100deg,rgba(20,60,150,.85),rgba(80,40,130,.8))}
.bk-g .qb.c6{background:linear-gradient(100deg,rgba(20,70,165,.92),rgba(210,170,80,.92))}

/* Abschnitt «So finden Sie uns» */
.v2 .loc{max-width:1200px;margin:0 auto;padding:10vh 4vw 0}
.v2 .loc h2{font-weight:300;font-size:clamp(34px,4.6vw,66px);line-height:1.05;margin-bottom:22px}
.v2 .loc p{font-size:24px;max-width:58ch}