@import "tailwindcss";
@import url('https://fonts.googleapis.com/css2?family=Lobster&family=Oswald:wght@300;400;500;600&display=swap');
:root{--blue:#16a9d4;--pink:#ed4e9b;--green:#a1c51a;--brown:#654231;--cream:#fffaf4;--ink:#18323b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Oswald,Arial,sans-serif}a{text-decoration:none;color:inherit}.siteHeader{height:94px;padding:0 clamp(24px,5vw,80px);display:flex;align-items:center;gap:44px;background:white;position:relative;z-index:5;border-bottom:4px solid transparent;border-image:linear-gradient(90deg,var(--blue) 0 34%,var(--pink) 34% 67%,var(--green) 67%) 1}.brand{margin-right:auto}.brand img{display:block;width:250px;max-height:66px;object-fit:contain}.siteHeader nav{display:flex;gap:31px;text-transform:uppercase;letter-spacing:.09em;font-size:14px;font-weight:600}.siteHeader nav a:hover{color:var(--pink)}.shopButton{background:var(--pink);color:white;padding:14px 19px;text-transform:uppercase;letter-spacing:.07em;font-size:13px}.hero{min-height:650px;position:relative;overflow:hidden;display:flex;align-items:center}.heroImage{position:absolute;inset:0;background:url('/gelato-hero.jpg') center/cover no-repeat}.heroWash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,144,183,.94) 0%,rgba(18,166,205,.78) 38%,rgba(18,166,205,.08) 70%)}.heroContent{position:relative;z-index:2;padding:75px clamp(28px,8vw,130px);max-width:760px;color:white}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:15px;border-left:5px solid var(--green);padding-left:12px}.hero h1{font-size:clamp(65px,8vw,115px);line-height:.84;text-transform:uppercase;margin:30px 0 27px;font-weight:600;letter-spacing:-.04em}.hero h1 em{font-family:Lobster,cursive;text-transform:none;font-weight:400;letter-spacing:0}.hero p{font-family:Arial,sans-serif;font-size:18px;line-height:1.65;max-width:580px}.heroActions{display:flex;gap:14px;margin-top:35px}.heroActions a{padding:16px 23px;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.primary{background:var(--pink)}.secondary{border:2px solid white}.scoop{position:absolute;z-index:2;color:white;border-radius:50%;width:110px;height:110px;display:grid;place-items:center;font-family:Lobster;font-size:21px;box-shadow:0 10px 30px #0003}.scoopPink{right:8%;top:9%;background:var(--pink);transform:rotate(8deg)}.scoopGreen{right:28%;bottom:8%;background:var(--green);transform:rotate(-7deg)}.intro{text-align:center;padding:105px 24px 75px;max-width:940px;margin:auto}.script,.coffeeScript{font:42px Lobster,cursive;color:var(--pink)}.intro h2{font-size:47px;text-transform:uppercase;margin:3px 0 22px}.intro p{font:18px/1.8 Arial,sans-serif;color:#587078}.serviceGrid{display:grid;grid-template-columns:repeat(3,1fr);max-width:1240px;margin:0 auto 110px}.serviceCard{padding:50px 40px 45px;color:white;min-height:385px}.serviceCard.pink{background:var(--pink)}.serviceCard.green{background:var(--green)}.serviceCard.blue{background:var(--blue)}.cardIcon{font-size:44px;margin-bottom:17px}.serviceCard>span{text-transform:uppercase;letter-spacing:.16em;font-size:13px}.serviceCard h3{font-size:31px;line-height:1.15;margin:10px 0 18px}.serviceCard p{font:16px/1.65 Arial,sans-serif}.serviceCard a{display:inline-block;margin-top:21px;text-transform:uppercase;letter-spacing:.08em;font-size:13px}.coffee{background:#5d3b2c;color:white;display:grid;grid-template-columns:1.05fr .95fr;min-height:540px}.coffeeImage{overflow:hidden}.coffeeImage img{width:100%;height:100%;object-fit:cover;transform:scale(1.05)}.coffeeContent{padding:80px clamp(35px,7vw,105px);display:flex;flex-direction:column;justify-content:center}.coffeeScript{color:#efbd8f}.coffee h2{font-size:56px;line-height:.98;text-transform:uppercase;margin:8px 0 25px}.coffee p{font:17px/1.75 Arial,sans-serif;color:#f4e8df;max-width:520px}.coffeeContent>a{margin-top:20px;border-bottom:2px solid #efbd8f;width:max-content;padding-bottom:7px;text-transform:uppercase;letter-spacing:.09em}.contact{background:var(--green);padding:55px clamp(28px,8vw,130px);display:flex;align-items:center;justify-content:space-between;color:white}.contact span{text-transform:uppercase;letter-spacing:.18em}.contact h2{font-size:37px;margin:6px 0 0}.contact>a{border:2px solid white;padding:17px 23px;text-transform:uppercase;letter-spacing:.08em}footer{background:white;min-height:150px;padding:35px clamp(28px,7vw,105px);display:flex;align-items:center;gap:30px}footer img{width:180px}footer p{color:#6d7b80}footer div{margin-left:auto;display:flex;gap:25px}
@media(max-width:900px){.siteHeader{height:auto;padding:15px 22px;flex-wrap:wrap}.siteHeader nav{order:3;width:100%;justify-content:space-between;gap:8px}.shopButton{display:none}.hero{min-height:600px}.scoop{display:none}.serviceGrid{grid-template-columns:1fr;margin:0 20px 70px}.coffee{grid-template-columns:1fr}.coffeeImage{height:330px}.contact{gap:30px;align-items:flex-start;flex-direction:column}footer{flex-wrap:wrap}footer div{width:100%;margin:0}.brand img{width:205px}}
.imageStory{max-width:1240px;margin:0 auto 110px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:330px 330px;gap:18px}.storyLead{background:white;padding:48px;grid-row:1/3;display:flex;flex-direction:column;justify-content:center}.storyLead h2{font-size:48px;line-height:1;margin:10px 0 25px;text-transform:uppercase}.storyLead p{font:16px/1.75 Arial;color:#65767d}.storyLead>a{color:var(--pink);font-weight:600;margin-top:22px;text-transform:uppercase;letter-spacing:.06em}.storyPhoto{position:relative;overflow:hidden}.storyPhoto.tall{grid-row:1/3}.storyPhoto img{width:100%;height:100%;object-fit:cover;transition:.5s}.storyPhoto:hover img{transform:scale(1.05)}.storyPhoto span{position:absolute;left:20px;bottom:20px;background:white;padding:10px 14px;text-transform:uppercase;letter-spacing:.08em;font-size:13px}.wideImage{height:540px;position:relative;overflow:hidden}.wideImage>img{width:100%;height:100%;object-fit:cover}.wideImage:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#093d50c7,transparent)}.wideImage>div{position:absolute;z-index:2;left:9%;top:50%;transform:translateY(-50%);color:white}.wideImage span{text-transform:uppercase;letter-spacing:.17em}.wideImage h2{font-size:60px;margin:8px 0 25px;text-transform:uppercase}.wideImage a{border-bottom:2px solid var(--pink);padding-bottom:7px;text-transform:uppercase}.subHero{height:570px;position:relative;color:white;overflow:hidden}.subHero>img{width:100%;height:100%;object-fit:cover}.subHero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b546ccc,transparent)}.subHero.pink:after{background:linear-gradient(90deg,#b51c66d9,transparent)}.subHero.green:after{background:linear-gradient(90deg,#648006d9,transparent)}.subHero.brown:after{background:linear-gradient(90deg,#4c2e22e6,transparent)}.subHero>div{position:absolute;z-index:2;left:8%;top:50%;transform:translateY(-50%);max-width:720px}.subHero span{text-transform:uppercase;letter-spacing:.2em}.subHero h1{font-size:clamp(56px,7vw,94px);text-transform:uppercase;line-height:.92;margin:20px 0}.subHero p{font:18px/1.65 Arial;max-width:640px}.contentBlocks{max-width:1200px;margin:100px auto}.contentBlocks article{display:grid;grid-template-columns:1fr 1fr;min-height:430px;background:white;margin-bottom:42px}.contentBlocks article.reverse img{order:2}.contentBlocks article>img{width:100%;height:100%;min-height:430px;object-fit:cover}.contentBlocks article>div{padding:65px;display:flex;justify-content:center;flex-direction:column}.contentBlocks article span{color:var(--pink);letter-spacing:.15em}.contentBlocks h2{font-size:43px;text-transform:uppercase;line-height:1.05;margin:12px 0 20px}.contentBlocks p{font:17px/1.75 Arial;color:#63757b}.contentBlocks a{margin-top:20px;color:var(--blue);text-transform:uppercase;font-weight:600}.subCta{text-align:center;padding:75px 25px;background:var(--blue);color:white}.subCta span{text-transform:uppercase;letter-spacing:.18em}.subCta h2{font-size:45px;margin:10px 0 28px;text-transform:uppercase}.subCta a{display:inline-block;border:2px solid white;padding:15px 23px;text-transform:uppercase}.contactPage{max-width:1150px;margin:100px auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.contactPage h2{font-size:50px;text-transform:uppercase;margin:10px 0}.contactPage p{font:17px/1.8 Arial;color:#61757d}.contactPage form{display:grid;grid-template-columns:1fr 1fr;gap:22px}.contactPage label{font-size:13px;text-transform:uppercase;letter-spacing:.1em}.contactPage input,.contactPage select,.contactPage textarea{display:block;width:100%;margin-top:8px;border:1px solid #d7e0e2;background:white;padding:15px;font:15px Arial}.contactPage label:nth-last-of-type(1){grid-column:1/3}.contactPage button{width:max-content;border:0;background:var(--pink);color:white;padding:16px 22px;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:900px){.siteHeader nav{overflow-x:auto}.imageStory{margin:0 20px 70px;display:block}.storyLead,.storyPhoto{display:block;margin-bottom:16px}.storyPhoto{height:300px}.wideImage{height:430px}.wideImage h2{font-size:42px}.subHero{height:520px}.contentBlocks{margin:50px 20px}.contentBlocks article,.contactPage{grid-template-columns:1fr}.contentBlocks article.reverse img{order:0}.contentBlocks article>div{padding:38px}.contactPage{margin:55px 22px;gap:35px}.contactPage form{grid-template-columns:1fr}.contactPage label:nth-last-of-type(1){grid-column:auto}}
.funSlider{max-width:1180px;min-height:390px;margin:85px auto 0;padding:42px 35px;display:grid;grid-template-columns:60px 1fr 60px;align-items:center;position:relative;border-radius:32px;overflow:hidden;transition:background .35s}.funSlider.pink{background:#ffe4f1}.funSlider.brown{background:#ead8cd}.funSlider.blue{background:#dff6fc}.funSlider.green{background:#edf7cd}.sliderStage{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:38px}.giantEmoji{font-size:145px;border:0;background:transparent;cursor:pointer;filter:drop-shadow(0 16px 14px #18323b25);transition:transform .28s,opacity .28s}.giantEmoji:hover{transform:rotate(-8deg) scale(1.08)}.giantEmoji.hideEmoji{transform:translateY(210px) rotate(25deg) scale(.2);opacity:0}.sliderCopy span{text-transform:uppercase;letter-spacing:.14em;font-size:13px;color:var(--pink)}.sliderCopy h2{font-size:48px;text-transform:uppercase;line-height:1;margin:12px 0 18px}.sliderCopy p{font:17px/1.7 Arial;color:#536b73}.sliderCopy small{font:15px Lobster,cursive;color:var(--brown)}.sliderArrow{width:52px;height:52px;border-radius:50%;border:2px solid white;background:white;color:var(--ink);font-size:25px;cursor:pointer;box-shadow:0 8px 25px #18323b18;transition:.2s}.sliderArrow:hover{transform:scale(1.12);background:var(--pink);color:white}.sliderDots{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.sliderDots button{width:10px;height:10px;border:0;border-radius:50%;background:#fff;cursor:pointer}.sliderDots button.active{width:30px;border-radius:8px;background:var(--pink)}
@media(max-width:900px){.funSlider{margin:45px 18px 0;padding:35px 15px;grid-template-columns:45px 1fr 45px}.sliderStage{grid-template-columns:1fr;text-align:center;gap:5px}.giantEmoji{font-size:105px}.sliderCopy h2{font-size:35px}.sliderArrow{width:40px;height:40px}.sliderDots{bottom:15px}}
.machineHero{min-height:580px;background:#56372a;color:white;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.machineHero>div{padding:90px clamp(35px,7vw,110px);display:flex;flex-direction:column;justify-content:center}.machineHero>img{width:100%;height:100%;object-fit:cover}.machineHero span{text-transform:uppercase;letter-spacing:.18em;color:#efbd8f}.machineHero h1{font-size:clamp(55px,6vw,88px);line-height:.9;text-transform:uppercase;margin:20px 0}.machineHero p{font:18px/1.7 Arial;color:#f5e9e2}.catalogIntro{text-align:center;max-width:780px;margin:90px auto 35px;padding:0 25px}.catalogIntro h2{font-size:52px;text-transform:uppercase;margin:6px 0}.catalogIntro p{font:17px/1.7 Arial;color:#65767d}.machineFilters{display:flex;justify-content:center;gap:10px;margin:0 0 42px}.machineFilters button{border:1px solid #d7dfe1;background:white;padding:13px 23px;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.machineFilters button.active{background:var(--brown);color:white;border-color:var(--brown)}.machineGrid{max-width:1240px;margin:0 auto 110px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.machineCard{border:0;background:white;padding:0;text-align:left;cursor:pointer;box-shadow:0 8px 32px #18323b10;transition:.25s}.machineCard:hover{transform:translateY(-7px);box-shadow:0 15px 40px #18323b22}.machinePhoto{height:265px;position:relative;padding:20px;background:#f7f4f0}.machinePhoto img{width:100%;height:100%;object-fit:contain}.machinePhoto span{position:absolute;top:15px;left:15px;background:var(--pink);color:white;padding:7px 10px;text-transform:uppercase;font-size:11px;letter-spacing:.1em}.machineSummary{padding:26px}.machineSummary h3{font-size:29px;margin:0 0 6px;text-transform:uppercase}.machineSummary p{font:15px Arial;color:#65767d}.machineSummary b{display:block;margin-top:20px;color:var(--blue);text-transform:uppercase;font-size:12px;letter-spacing:.08em}.machineModal{position:fixed;inset:0;z-index:100;background:#172f38d9;display:grid;place-items:center;padding:30px}.machineModal article{width:min(1080px,96vw);max-height:92vh;overflow:auto;background:white;display:grid;grid-template-columns:.9fr 1.1fr;position:relative}.modalClose{position:absolute;z-index:3;right:15px;top:15px;width:45px;height:45px;border:0;border-radius:50%;background:var(--pink);color:white;font-size:29px;cursor:pointer}.modalImage{background:#f0ece7;padding:45px;display:flex;flex-direction:column;justify-content:center;align-items:center}.modalImage img{width:100%;height:340px;object-fit:contain}.modalImage span{text-transform:uppercase;letter-spacing:.12em;color:var(--brown)}.modalBody{padding:55px}.modalBody h2{font-size:53px;text-transform:uppercase;margin:5px 0 12px}.modalBody>p{font:16px/1.65 Arial;color:#62757c}.modalBody dl{margin:30px 0}.modalBody dl div{display:grid;grid-template-columns:160px 1fr;border-top:1px solid #dde4e6;padding:12px 0}.modalBody dt{text-transform:uppercase;letter-spacing:.07em;font-size:12px;color:#7d8b90}.modalBody dd{margin:0;font:15px Arial}.modalBody small{color:#7c898d}.modalActions{display:flex;gap:10px;margin-top:30px}.modalActions a{padding:13px 17px;background:var(--pink);color:white;text-transform:uppercase;font-size:12px}.modalActions a+a{background:var(--brown)}
@media(max-width:900px){.machineHero{grid-template-columns:1fr}.machineHero>img{height:330px}.machineGrid{grid-template-columns:1fr;margin:0 20px 70px}.machineModal article{grid-template-columns:1fr}.modalImage{padding:25px}.modalImage img{height:220px}.modalBody{padding:35px 25px}.modalBody dl div{grid-template-columns:1fr;gap:4px}.modalActions{flex-direction:column}.catalogIntro h2{font-size:42px}}

/* Kompaktes Maschinen-Detailfenster für die statische IONOS-Version */
.machineModal article{width:min(920px,96vw)}
.machineModal .modalImage{padding:24px}
.machineModal .modalImage img{height:220px;max-height:32vh}
.machineModal .modalBody{padding:38px}
.machineModal .modalBody h2{font-size:clamp(32px,4vw,46px)}
@media(max-width:900px){.machineModal{padding:12px}.machineModal article{max-height:95vh}.machineModal .modalImage{padding:12px}.machineModal .modalImage img{height:130px}.machineModal .modalBody{padding:22px 18px}.machineModal .modalBody h2{font-size:30px}.machineModal .modalBody dl{margin:16px 0}}
.machineFilters{flex-wrap:wrap;margin-bottom:14px}.machineCount{text-align:center;margin:0 0 38px;color:#718187;font:14px Arial,sans-serif}.machineGrid{align-items:stretch}.machineCard{height:100%}
.carpigianiHero{background:#116f8b}.carpigianiHero>img{object-fit:contain;background:#f4f4f2;padding:50px}

/* Brand-led navigation and section themes */
:root{--carpigiani:#007db7;--vitrinen:#6b3fa0}.siteHeader{height:auto;padding:0;display:block;background:#fff;border:0}.brandRow{height:142px;display:flex;align-items:center;justify-content:center;padding:18px}.brand{display:block;margin:0}.brand img{display:block;width:min(430px,78vw);height:106px;max-height:none;object-fit:contain}.siteHeader nav{min-height:54px;display:flex;align-items:stretch;justify-content:center;gap:0;flex-wrap:wrap;box-shadow:0 8px 25px #18323b12}.siteHeader nav a{display:flex;align-items:center;padding:17px 16px;border-top:4px solid transparent;transition:.2s}.siteHeader nav a:hover{color:#fff}.siteHeader .navGelato{border-color:var(--pink)}.siteHeader .navGelato:hover{background:var(--pink)}.siteHeader .navBedarf{border-color:var(--green)}.siteHeader .navBedarf:hover{background:var(--green)}.siteHeader .navTechnik{border-color:var(--blue)}.siteHeader .navTechnik:hover{background:var(--blue)}.siteHeader .navVitrinen{border-color:var(--vitrinen)}.siteHeader .navVitrinen:hover{background:var(--vitrinen)}.siteHeader .navCarpigiani{border-color:var(--carpigiani)}.siteHeader .navCarpigiani:hover{background:var(--carpigiani)}.siteHeader .navCaffe,.siteHeader .navCoffee{border-color:var(--brown)}.siteHeader .navCaffe:hover,.siteHeader .navCoffee:hover{background:var(--brown)}.siteHeader .navKontakt{border-color:#667980}.siteHeader .navKontakt:hover{background:#667980}.siteHeader .shopButton{background:var(--pink);color:#fff!important;border-top-color:var(--pink)!important}
.partnerHero{min-height:620px;display:grid;grid-template-columns:1.1fr .9fr;background:linear-gradient(135deg,#006d9f,#00a5db);color:white;overflow:hidden}.partnerCopy{padding:75px clamp(35px,7vw,110px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.partnerCopy>span{text-transform:uppercase;letter-spacing:.2em;color:#bcecff}.partnerCopy>img{width:min(500px,90%);max-height:145px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1);margin:28px 0 20px}.partnerCopy h1{font-size:clamp(42px,5.5vw,77px);line-height:.96;text-transform:uppercase;margin:0 0 24px}.partnerCopy p{font:18px/1.65 Arial;color:#e8f8ff;max-width:620px}.partnerCopy a{margin-top:18px;border:2px solid white;padding:15px 21px;text-transform:uppercase;letter-spacing:.08em}.partnerMachine{background:#f3f7f8;display:grid;place-items:center;padding:55px}.partnerMachine img{width:100%;height:480px;object-fit:contain}.themeCarpigiani .coffeeScript{color:var(--carpigiani)}.themeCarpigiani .machinePhoto span,.themeCarpigiani .modalClose,.themeCarpigiani .modalActions a{background:var(--carpigiani)}.themeCarpigiani .machineSummary b{color:var(--carpigiani)}.themeCarpigiani .subCta{background:var(--carpigiani)}
.vitrinenHero{min-height:570px;display:grid;grid-template-columns:1.2fr .8fr;background:linear-gradient(135deg,#44266a,#8050b5);color:white}.vitrinenHero>div:first-child{padding:85px clamp(35px,8vw,125px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.vitrinenHero span{text-transform:uppercase;letter-spacing:.18em;color:#dfcdf4}.vitrinenHero h1{font-size:clamp(65px,8vw,112px);line-height:.85;text-transform:uppercase;margin:25px 0}.vitrinenHero p{font:18px/1.7 Arial;color:#f5effb;max-width:650px}.vitrinenHero a{margin-top:18px;border:2px solid white;padding:15px 22px;text-transform:uppercase}.vitrinenBrand{background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px;gap:25px}.vitrinenBrand .orionLogo{width:min(450px,90%);max-height:180px;object-fit:contain}.vitrinenBrand .claboLogo{width:min(270px,75%);max-height:100px;object-fit:contain}.vitrinenBrand small{color:#758089;text-transform:uppercase;letter-spacing:.2em}.vitrinenScript{font:42px Lobster,cursive;color:var(--vitrinen)}.showcaseGrid{max-width:1280px;margin:0 auto 110px;padding:0 22px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.showcaseCard{background:white;box-shadow:0 8px 30px #28153b12;transition:.25s}.showcaseCard:hover{transform:translateY(-7px);box-shadow:0 15px 38px #28153b25}.showcaseCard>div{height:255px;position:relative;overflow:hidden;background:#f4f1f7}.showcaseCard>div img{width:100%;height:100%;object-fit:cover;transition:.4s}.showcaseCard:hover>div img{transform:scale(1.04)}.showcaseCard>div span{position:absolute;left:14px;top:14px;background:var(--vitrinen);color:white;padding:7px 10px;text-transform:uppercase;letter-spacing:.1em;font-size:11px}.showcaseCard>section{padding:25px}.showcaseCard h3{font-size:31px;text-transform:uppercase;margin:0 0 8px}.showcaseCard p{font:15px/1.6 Arial;color:#65747b;min-height:48px}.showcaseCard a{display:inline-block;margin-top:14px;color:var(--vitrinen);text-transform:uppercase;letter-spacing:.07em;font-size:12px;font-weight:600}.vitrinenCta{background:var(--vitrinen)}
@media(max-width:900px){.brandRow{height:112px}.brand img{height:82px;width:min(350px,80vw)}.siteHeader nav{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto}.siteHeader nav a{white-space:nowrap;padding:14px 13px}.partnerHero,.vitrinenHero{grid-template-columns:1fr}.partnerMachine{padding:30px}.partnerMachine img{height:320px}.partnerCopy>img{max-height:110px}.vitrinenBrand{min-height:330px;padding:40px}.showcaseGrid{grid-template-columns:1fr}.showcaseCard>div{height:270px}}

/* Expanded playful product worlds */
.brandRow{height:190px;background:linear-gradient(135deg,#fff 20%,#e7f9ff 100%)}.brand img{width:170px;height:170px;border-radius:50%;filter:drop-shadow(0 12px 20px #157ba52b);image-rendering:auto}.homeCategoryGrid{max-width:1280px;margin:0 auto 110px;padding:0 22px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.homeCategory{height:420px;position:relative;overflow:hidden;border-radius:28px;color:white;box-shadow:0 12px 35px #18323b1c}.homeCategory>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.5s}.homeCategory:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#172d35e8 0%,#172d3570 50%,transparent 78%);border-bottom:8px solid var(--pink)}.homeCategory.green:after{border-color:var(--green)}.homeCategory.blue:after{border-color:var(--blue)}.homeCategory.carpi:after{border-color:var(--carpigiani)}.homeCategory.violet:after{border-color:var(--vitrinen)}.homeCategory.brown:after{border-color:var(--brown)}.homeCategory:hover>img{transform:scale(1.07)}.homeCategory>div{position:absolute;z-index:2;left:30px;right:30px;bottom:28px}.homeCategory span{text-transform:uppercase;letter-spacing:.18em;font-size:12px}.homeCategory h3{font-size:36px;line-height:1;margin:8px 0 12px;text-transform:uppercase}.homeCategory p{font:15px/1.5 Arial;margin:0 0 20px;color:#edf5f7}.homeCategory b{text-transform:uppercase;letter-spacing:.08em;font-size:12px}.carpiShowHero{min-height:670px;display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(135deg,#00648f,#00a7df);color:white}.carpiLogoPanel{padding:80px clamp(35px,7vw,105px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.carpiLogoPanel>span{text-transform:uppercase;letter-spacing:.2em;color:#c4efff}.carpiLogoPanel>img{width:min(530px,95%);max-height:170px;object-fit:contain;object-position:left;filter:brightness(0) invert(1);margin:32px 0}.carpiLogoPanel h1{font-size:clamp(45px,5vw,76px);line-height:.94;text-transform:uppercase;margin:0 0 20px}.carpiLogoPanel p{font:18px/1.65 Arial;color:#eaf8fd}.carpiLogoPanel a{border:2px solid white;padding:15px 21px;margin-top:15px;text-transform:uppercase}.carpiCollage{background:#eaf4f7;display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:2px}.carpiCollage img{width:100%;height:334px;object-fit:contain;background:white;padding:28px}.familyRibbon{max-width:1280px;margin:0 auto 45px;padding:0 22px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.familyRibbon article{padding:20px;background:#e6f6fb;border-radius:14px;border-bottom:4px solid var(--carpigiani)}.familyRibbon h3{font-size:18px;text-transform:uppercase;margin:0 0 8px}.familyRibbon p{font:13px/1.45 Arial;color:#5b7079;margin:0}.themeCarpigiani .machineFilters{max-width:1280px;margin:0 auto 18px;padding:0 20px}.themeCarpigiani .machineFilters button.active{background:var(--carpigiani);border-color:var(--carpigiani)}.variantBox{margin:18px 0;background:#f4eff9;padding:15px;border-radius:12px}.variantBox label{display:block;text-transform:uppercase;letter-spacing:.09em;font-size:11px}.variantBox select{width:100%;margin:8px 0 12px;padding:10px;border:1px solid #d9cce6;background:white;font:15px Arial}.variantBox dl{margin:0}.variantBox dl div{display:grid;grid-template-columns:92px 1fr;border-top:1px solid #dfd4e9;padding:7px 0}.variantBox dt{text-transform:uppercase;font-size:10px;color:#7a6c84}.variantBox dd{margin:0;font:12px Arial}.orionOnly{background:linear-gradient(135deg,#fff,#f1eafa)}.orionOnly .orionLogo{width:min(520px,90%);max-height:240px}.flavorWorld{max-width:1280px;margin:90px auto;padding:0 22px}.flavorIntro{text-align:center;max-width:780px;margin:0 auto 45px}.flavorIntro h2{font-size:54px;text-transform:uppercase;margin:4px 0 15px}.flavorIntro p{font:17px/1.65 Arial;color:#65767d}.flavorColumns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.flavorColumns article{padding:42px;border-radius:30px;background:linear-gradient(145deg,#fff1c9,#ffe0ea)}.flavorColumns article.fruit{background:linear-gradient(145deg,#e9ffd7,#d9f7ef)}.flavorColumns article>span{text-transform:uppercase;letter-spacing:.18em;color:var(--pink)}.flavorColumns .fruit>span{color:#619000}.flavorColumns h3{font-size:45px;text-transform:uppercase;margin:8px 0 25px}.flavorColumns article>div{display:flex;flex-wrap:wrap;gap:9px}.flavorColumns b{background:white;padding:9px 13px;border-radius:20px;font:14px Arial;box-shadow:0 4px 12px #18323b0d}
@media(max-width:1000px){.homeCategoryGrid{grid-template-columns:1fr 1fr}.familyRibbon{grid-template-columns:repeat(2,1fr)}.carpiShowHero{grid-template-columns:1fr}.carpiCollage img{height:260px}.flavorColumns{grid-template-columns:1fr}}
@media(max-width:620px){.brandRow{height:150px}.brand img{width:130px;height:130px}.homeCategoryGrid{grid-template-columns:1fr}.homeCategory{height:360px}.familyRibbon{grid-template-columns:1fr}.carpiCollage{grid-template-columns:1fr 1fr}.carpiCollage img{height:190px;padding:14px}.flavorIntro h2{font-size:40px}.flavorColumns article{padding:28px}.flavorColumns h3{font-size:36px}}

.whatsappTop{display:block;background:#25d366;color:white;text-align:center;padding:9px 20px;font:700 14px Arial;letter-spacing:.03em}.footerWhatsapp{color:#159447;font-weight:600}.gelatoStory{max-width:1240px;margin:70px auto;display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:0 22px}.gelatoStory article{background:white;padding:48px;border-radius:28px;border-bottom:7px solid var(--pink)}.gelatoStory article+article{border-color:var(--blue)}.gelatoStory span{text-transform:uppercase;letter-spacing:.17em;color:var(--pink)}.gelatoStory h2{font-size:42px;text-transform:uppercase;margin:10px 0}.gelatoStory p{font:17px/1.75 Arial;color:#60747b}.flavorShow{max-width:1280px;margin:80px auto;padding:0 22px;text-align:center}.flavorShow>h2{font-size:58px;text-transform:uppercase;margin:5px 0}.flavorShow>p{font:17px Arial;color:#697b81}.flavorHeadline{margin:55px 0 20px;text-align:left;display:flex;align-items:end;gap:15px}.flavorHeadline b{font-size:42px;text-transform:uppercase;color:var(--blue)}.flavorHeadline span{text-transform:uppercase;letter-spacing:.12em;color:#789}.fruitHead b{color:var(--pink)}.flavorTileGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.flavorTile{height:220px;position:relative;overflow:hidden;border-radius:24px;text-align:left;box-shadow:0 10px 30px #17313b16;transform:translateZ(0)}.flavorTile img{width:100%;height:100%;object-fit:cover;transition:.55s}.flavorTile:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#102b37e8,transparent 75%)}.flavorTile>div{position:absolute;z-index:2;left:20px;right:16px;bottom:18px;color:white}.flavorTile span{text-transform:uppercase;letter-spacing:.12em;font-size:10px}.flavorTile h3{font-size:24px;line-height:1;margin:5px 0 0}.flavorTile:hover img{transform:scale(1.13) rotate(1.5deg)}.flavorTile:hover{animation:gelatoBounce .55s ease}.fruit .flavorTile:after{background:linear-gradient(0deg,#a11e69df,transparent 75%)}@keyframes gelatoBounce{40%{transform:translateY(-9px) rotate(-1deg)}70%{transform:translateY(-4px) rotate(1deg)}}.veganSpecial{margin-top:28px;padding:55px;border-radius:30px;color:white;background:linear-gradient(135deg,#7250a6,#b34ca0)}.veganSpecial span{text-transform:uppercase;letter-spacing:.2em}.veganSpecial h3{font-size:48px;text-transform:uppercase;margin:8px 0}.veganSpecial p{font:17px Arial}.caffeHeroNew{min-height:620px;display:grid;grid-template-columns:1.05fr .95fr;background:#4c342b;color:white}.caffeHeroNew>div{padding:80px clamp(35px,7vw,110px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.caffeHeroNew>div>img{width:min(460px,90%);max-height:190px;object-fit:contain;margin-bottom:25px}.caffeHeroNew h1{font-size:clamp(48px,6vw,82px);line-height:.92;text-transform:uppercase;margin:0 0 24px}.caffeHeroNew p{font:18px/1.7 Arial;color:#f1e2d8}.caffeHeroNew>img{width:100%;height:100%;object-fit:cover;background:#f4efe9}.caffeProducts{max-width:1240px;margin:90px auto;display:grid;gap:28px;padding:0 22px}.caffeProducts article{display:grid;grid-template-columns:1fr 1fr;background:white;border-radius:28px;overflow:hidden;box-shadow:0 12px 35px #452b2114}.caffeProducts article:nth-child(2) img{order:2}.caffeProducts article>img{width:100%;height:440px;object-fit:contain;background:#f7f2ec;padding:28px}.caffeProducts article>div{padding:55px;display:flex;flex-direction:column;justify-content:center}.caffeProducts span{color:#a67b57;text-transform:uppercase;letter-spacing:.18em}.caffeProducts h2{font-size:48px;text-transform:uppercase;margin:10px 0 18px}.caffeProducts p{font:17px/1.75 Arial;color:#65747a}.privateLabel{background:#241713;color:white;display:grid;grid-template-columns:1.2fr .8fr;align-items:center}.privateLabel>div{padding:80px clamp(35px,8vw,130px)}.privateLabel span{text-transform:uppercase;letter-spacing:.2em;color:#d8ad88}.privateLabel h2{font-size:70px;text-transform:uppercase;margin:10px 0}.privateLabel p{font:18px/1.7 Arial;color:#eaded7}.privateLabel a{display:inline-block;border:2px solid white;padding:15px 22px;margin-top:18px;text-transform:uppercase}.privateLabel>img{width:100%;height:100%;max-height:470px;object-fit:contain;background:#fff;padding:50px}.carpiCollage{display:flex;align-items:flex-end;justify-content:center;gap:0;padding:50px 25px;background:linear-gradient(#dff4fbcc,#effbffcc),url('/interior.jpg') center/cover}.carpiCollage img{width:27%;height:480px;object-fit:contain;background:transparent;padding:0;margin-left:-3%;filter:drop-shadow(0 18px 16px #17313b35)}.carpiCollage img:nth-child(2){width:31%;z-index:2}.carpiCollage img:nth-child(3){width:21%;height:400px}.carpiCollage img:nth-child(4){width:20%;height:330px}.machineHero>img[src*="remidag"]{object-fit:contain;background:#f0ece6;padding:45px}
@media(max-width:900px){.gelatoStory,.caffeHeroNew,.caffeProducts article,.privateLabel{grid-template-columns:1fr}.flavorTileGrid{grid-template-columns:repeat(2,1fr)}.caffeProducts article:nth-child(2) img{order:0}.caffeHeroNew>img{height:400px}.carpiCollage{min-height:380px;padding:25px 10px}.carpiCollage img{height:330px}.carpiCollage img:nth-child(3),.carpiCollage img:nth-child(4){height:280px}}
@media(max-width:560px){.gelatoStory{grid-template-columns:1fr}.flavorTileGrid{grid-template-columns:1fr 1fr;gap:10px}.flavorTile{height:180px}.flavorTile h3{font-size:19px}.flavorShow>h2{font-size:39px}.flavorHeadline{display:block}.flavorHeadline b{font-size:34px}.caffeProducts article>div{padding:34px}.caffeProducts article>img{height:320px}.privateLabel h2{font-size:50px}}

/* Barletta Markenbühne und globaler Kontakt */
.whatsappTop{display:none!important}.brandRow{display:none}.brandStage{height:310px;position:relative;display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;background:#17313b}.brandPanel{background-position:center;background-size:cover;filter:saturate(.88)}.brandGelato{background-image:linear-gradient(#ef75a455,#ef75a455),url('/gelato-award.jpg')}.brandCaffe{background-image:linear-gradient(#4b2c2280,#4b2c2280),url('/caffe-machine.jpg')}.brandTechnik{background-image:linear-gradient(#087ea050,#087ea050),url('/interiors/modular-tuerkis-front.jpg')}.brandStage:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#17313b22,#17313b00,#17313b22)}.brandStage .brand{position:absolute;z-index:3;left:50%;top:45%;transform:translate(-50%,-50%);width:min(720px,72vw);padding:30px 46px;border-radius:30px;background:#102b37b8;backdrop-filter:blur(10px);box-shadow:0 20px 60px #07181f70}.brandStage .brand img{width:100%;height:auto;max-height:150px;object-fit:contain;filter:drop-shadow(0 8px 20px #0008)}.brandStage>span{position:absolute;z-index:4;left:50%;bottom:22px;transform:translateX(-50%);color:#fff;text-transform:uppercase;letter-spacing:.24em;font:700 12px Arial;white-space:nowrap}.globalContact{padding:26px clamp(22px,6vw,90px);display:flex;align-items:center;justify-content:center;gap:34px;flex-wrap:wrap;background:#edf8fb;border-top:1px solid #d4e8ee}.globalContact div{display:flex;flex-direction:column}.globalContact b{font-size:18px;text-transform:uppercase}.globalContact span{font:13px Arial;color:#65808a}.globalContact>a{padding:13px 18px;border-radius:999px;background:white;font:700 14px Arial;box-shadow:0 4px 16px #17313b12}.globalContact .footerWhatsapp{background:#25d366;color:white}.whatsappLogo{display:inline-flex;width:22px;height:22px;border:2px solid white;border-radius:50%;align-items:center;justify-content:center;color:white!important;margin-right:5px}
/* Sortenbilder als individuelle Zutatenmotive */
.flavorArt{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 35% 28%,#fff8 0 8%,transparent 9%),linear-gradient(145deg,#f8c5d5,#f3a0bd 55%,#bd5c87)}.milk .flavorTile:nth-child(4n+2) .flavorArt{background:linear-gradient(145deg,#fff0bc,#d8a75e)}.milk .flavorTile:nth-child(4n+3) .flavorArt{background:linear-gradient(145deg,#caefd8,#55a77e)}.milk .flavorTile:nth-child(4n) .flavorArt{background:linear-gradient(145deg,#d8c2f1,#8d6bb5)}.fruit .flavorArt{background:radial-gradient(circle at 30% 25%,#fff7 0 10%,transparent 11%),linear-gradient(145deg,#fff0a5,#f58670 55%,#c72a79)}.fruit .flavorTile:nth-child(3n+2) .flavorArt{background:linear-gradient(145deg,#d8f69a,#68bb75)}.fruit .flavorTile:nth-child(3n) .flavorArt{background:linear-gradient(145deg,#a9ecf1,#5190c1)}.flavorArt>span{font-size:86px;filter:drop-shadow(0 12px 12px #17313b35);transition:.5s}.flavorTile:hover .flavorArt>span{transform:scale(1.16) rotate(-7deg)}
/* Caffè */
.caffeLogoBlend{mix-blend-mode:multiply;border-radius:18px}.caffeDuo{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px;padding:44px;background:linear-gradient(145deg,#f8eee4,#dfc1a8)}.caffeDuo img{width:100%;height:420px;object-fit:contain;filter:drop-shadow(0 18px 18px #452b2140)}.privateLabel>img{object-fit:cover;padding:0;background:#241713;max-height:520px}
/* Modulare Einrichtungen */
.interiorHero{min-height:640px;position:relative;overflow:hidden;color:white}.interiorHero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.interiorHero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#17313be8 0%,#17313b95 40%,transparent 72%)}.interiorHero>div{position:relative;z-index:2;max-width:720px;padding:110px clamp(30px,8vw,130px)}.interiorHero span,.interiorGallery>div>span{text-transform:uppercase;letter-spacing:.2em;color:#81e4df}.interiorHero h1{font-size:clamp(52px,7vw,94px);line-height:.9;text-transform:uppercase;margin:12px 0 24px}.interiorHero p{font:19px/1.7 Arial}.interiorHero a{display:inline-block;margin-top:18px;padding:15px 20px;border:2px solid white;text-transform:uppercase}.interiorGallery{max-width:1320px;margin:80px auto;padding:0 22px;display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.interiorGallery>div{grid-column:1/-1;max-width:780px;margin-bottom:22px}.interiorGallery h2{font-size:58px;text-transform:uppercase;margin:8px 0}.interiorGallery p{font:17px/1.7 Arial;color:#61757d}.interiorGallery figure{margin:0;border-radius:24px;overflow:hidden;box-shadow:0 12px 35px #17313b18}.interiorGallery img{display:block;width:100%;height:420px;object-fit:cover;transition:.4s}.interiorGallery figure:hover img{transform:scale(1.03)}
@media(max-width:800px){.brandStage{height:230px}.brandStage .brand{width:86vw;padding:22px}.brandStage>span{font-size:9px;letter-spacing:.13em}.globalContact{align-items:stretch;flex-direction:column;gap:10px}.caffeDuo{padding:20px}.caffeDuo img{height:280px}.interiorGallery{grid-template-columns:1fr}.interiorGallery>div{grid-column:auto}.interiorGallery img{height:300px}.interiorHero:after{background:#17313bb8}}

/* Neuer Berlin-Gelato-Titel */
.brandStage.berlinGelato{height:clamp(360px,38vw,610px);display:block;background:url('/brand/barletta-berlin-gelato-hero.png') center 42%/cover no-repeat}.brandStage.berlinGelato:after{background:linear-gradient(90deg,transparent 30%,#0c304640 53%,#092839bc 100%)}.berlinGelato .brand{left:auto;right:clamp(30px,7vw,120px);top:42%;transform:translateY(-50%);width:min(560px,38vw);padding:28px 34px;background:#062536b8;border:1px solid #ffffff40;border-radius:24px;backdrop-filter:blur(12px)}.berlinGelato .brand img{max-height:150px}.berlinClaim{position:absolute;z-index:4;right:clamp(30px,7vw,120px);top:64%;width:min(560px,38vw);color:white;text-align:center;text-shadow:0 3px 16px #0008}.berlinClaim b{display:block;font-size:clamp(26px,2.7vw,48px);line-height:1;text-transform:uppercase;letter-spacing:.02em}.berlinClaim span{display:block;margin-top:12px;font:700 12px Arial;text-transform:uppercase;letter-spacing:.23em;color:#d9f3ff}
@media(max-width:800px){.brandStage.berlinGelato{height:390px;background-position:38% center}.brandStage.berlinGelato:after{background:linear-gradient(0deg,#082839d9 0%,transparent 75%)}.berlinGelato .brand{left:50%;right:auto;top:auto;bottom:58px;transform:translateX(-50%);width:82vw;padding:17px 22px}.berlinClaim{left:50%;right:auto;top:auto;bottom:18px;transform:translateX(-50%);width:90vw}.berlinClaim b{font-size:22px}.berlinClaim span{font-size:9px;margin-top:6px}}

.berlinGelato .brand{top:41%;padding:12px 22px;background:#0625369e}.berlinGelato .brand img{max-height:260px}.berlinClaim{top:71%}
@media(max-width:800px){.berlinGelato .brand{top:auto;bottom:68px;padding:8px 14px}.berlinGelato .brand img{max-height:190px}.berlinClaim{top:auto}}

/* Logo direkt im Titelbild, ohne Kachel */
.berlinGelato .brand{width:min(650px,43vw);padding:0;background:transparent;border:0;border-radius:0;backdrop-filter:none;box-shadow:none;overflow:visible}.berlinGelato .brand img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;filter:drop-shadow(0 7px 12px #062536a8)}.berlinClaim{top:76%}
@media(max-width:800px){.berlinGelato .brand{width:min(88vw,520px);padding:0;bottom:72px;overflow:visible}.berlinGelato .brand img{width:100%;height:auto;max-height:none}.berlinClaim{bottom:18px}}

/* Feinabstimmung: kleiner, vollständig, romantische Typografie */
.berlinGelato .brand{width:min(390px,29vw);right:clamp(34px,6vw,100px);top:37%;overflow:visible}.berlinGelato .brand img{object-fit:contain;object-position:center;filter:drop-shadow(0 5px 10px #06253690)}.berlinClaim{right:clamp(34px,6vw,100px);top:68%;width:min(390px,29vw)}.berlinClaim b{font-family:"Brush Script MT","Segoe Script","Snell Roundhand",cursive;font-size:clamp(34px,3.4vw,58px);font-weight:400;text-transform:none;letter-spacing:.01em;color:#fff4f7}.berlinClaim span{font-weight:500;letter-spacing:.18em}
@media(max-width:800px){.brandStage.berlinGelato{background-position:42% center}.berlinGelato .brand{width:min(300px,70vw);left:auto;right:18px;top:auto;bottom:92px;transform:none}.berlinClaim{left:auto;right:18px;bottom:28px;transform:none;width:min(300px,70vw)}.berlinClaim b{font-size:38px}.berlinClaim span{font-size:8px;letter-spacing:.12em}}

/* Logo ruhig im Pflasterbereich, Tor bleibt frei */
.berlinClaim{display:none!important}.berlinGelato .brand{left:auto;right:clamp(20px,3vw,54px);top:auto;bottom:16px;transform:none;width:min(320px,24vw);height:auto;opacity:.97}.berlinGelato .brand img{width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;filter:drop-shadow(0 4px 7px #2a201b70)}
@media(max-width:800px){.berlinGelato .brand{left:auto;right:12px;top:auto;bottom:10px;transform:none;width:min(240px,60vw)}.berlinGelato .brand img{width:100%;height:auto;max-height:none}}

/* Originales horizontales Logo */
.berlinGelato .brand{width:min(390px,30vw);bottom:22px}.berlinGelato .brand img{border-radius:0!important;clip-path:none!important}
@media(max-width:800px){.berlinGelato .brand{width:min(280px,68vw);bottom:14px}}

.berlinGelato .brand{width:min(470px,35vw)}
@media(max-width:800px){.berlinGelato .brand{width:min(310px,74vw)}}

/* Vollständiges Logo wie Vorlage, ohne runden Zuschnitt */
.berlinGelato .brand{width:min(330px,25vw);overflow:visible;border-radius:0!important;clip-path:none!important}.berlinGelato .brand img{width:100%;height:auto;max-height:none;border-radius:0!important;clip-path:none!important;object-fit:contain}
@media(max-width:800px){.berlinGelato .brand{width:min(230px,58vw);overflow:visible}}

/* Gelato: Bildmotive und Gebinde */
.gelatoFormats{max-width:1236px;margin:10px auto 80px;padding:0 22px;display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:18px}.gelatoFormats>div,.gelatoFormats article{padding:38px;border-radius:26px}.gelatoFormats>div{background:#18323b;color:white}.gelatoFormats article{background:white;border-top:7px solid var(--blue);box-shadow:0 12px 32px #17313b10}.gelatoFormats article+article{border-color:var(--pink)}.gelatoFormats span{text-transform:uppercase;letter-spacing:.18em;color:#8be3f2}.gelatoFormats h2{font-size:42px;line-height:1;text-transform:uppercase;margin:10px 0}.gelatoFormats b{font-size:38px;color:var(--pink)}.gelatoFormats h3{font-size:25px;text-transform:uppercase;margin:8px 0}.gelatoFormats p{font:15px/1.6 Arial;color:#61757d}.flavorTile>img{position:absolute;inset:0}.flavorArt{display:none!important}

/* Caffè: gemeinsame Kampagnenbühne */
.caffeCampaign{min-height:650px;position:relative;overflow:hidden;color:white;background:url('/caffe/caffe-hero-backdrop.png') center/cover no-repeat}.caffeCampaign:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#160b07e5 0%,#2b160b80 52%,transparent 100%)}.caffeCampaignLogo{position:absolute;z-index:2;left:clamp(28px,7vw,110px);top:52px;width:min(390px,35vw);mix-blend-mode:screen;filter:contrast(1.08) drop-shadow(0 7px 16px #0008)}.caffeCampaignCopy{position:absolute;z-index:2;left:clamp(28px,7vw,110px);bottom:72px;max-width:600px}.caffeCampaignCopy span{text-transform:uppercase;letter-spacing:.2em;color:#e3b991}.caffeCampaignCopy h1{font-size:clamp(50px,6vw,86px);line-height:.9;text-transform:uppercase;margin:12px 0 20px}.caffeCampaignCopy p{font:18px Arial;color:#f5e7dd}.caffeCampaignPacks{position:absolute;z-index:2;right:3vw;bottom:18px;width:50%;height:90%;display:flex;align-items:flex-end;justify-content:flex-end}.caffeCampaignPacks img{width:51%;height:72%;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 22px 24px #0008)}.caffeCampaignPacks img+img{margin-left:-9%}

/* Eisbedarf */
.supplyHero{min-height:590px;color:white;display:flex;align-items:center;background:linear-gradient(90deg,#123540ed 0%,#123540b8 45%,transparent 78%),url('/eiscafe.jpg') center/cover}.supplyHero>div{padding:85px clamp(28px,8vw,130px);max-width:760px}.supplyHero span,.supplyIntro>span,.supplyGroups span,.cupPrivate span{text-transform:uppercase;letter-spacing:.19em;color:#8be3f2}.supplyHero h1{font-size:clamp(58px,7vw,96px);line-height:.9;text-transform:uppercase;margin:14px 0 24px}.supplyHero p{font:19px/1.65 Arial}.supplyHero a,.cupPrivate a{display:inline-block;margin-top:20px;padding:15px 22px;background:var(--pink);color:white;text-transform:uppercase;letter-spacing:.08em}.supplyIntro{max-width:1240px;margin:90px auto;padding:0 22px;text-align:center}.supplyIntro>span{color:var(--pink)}.supplyIntro>h2{font-size:58px;text-transform:uppercase;margin:8px 0}.supplyIntro>p{font:17px/1.7 Arial;color:#64777e;max-width:780px;margin:0 auto 38px}.toppingRow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:left}.toppingRow article{min-height:290px;padding:30px;border-radius:26px;color:white;background:linear-gradient(145deg,#a51c5e,#ec5d99);box-shadow:0 12px 32px #17313b18}.toppingRow article:nth-child(2){background:linear-gradient(145deg,#402219,#8b5636)}.toppingRow article:nth-child(3){background:linear-gradient(145deg,#bc6d22,#f2bd5e)}.toppingRow article:nth-child(4){background:linear-gradient(145deg,#253d31,#74a751)}.toppingRow i{font-style:normal;font-size:13px;letter-spacing:.16em}.toppingRow h3{font-size:34px;text-transform:uppercase;margin:30px 0 10px}.toppingRow p{font:15px/1.6 Arial}.toppingRow b{display:block;margin-top:28px;text-transform:uppercase;letter-spacing:.1em;font-size:11px}.supplyGroups{max-width:1240px;margin:0 auto 90px;padding:0 22px;display:grid;grid-template-columns:1fr 1fr;gap:22px}.supplyGroups article{min-height:540px;display:flex;align-items:flex-end;border-radius:28px;overflow:hidden;color:white;background:center/cover}.waffleSupply{background-image:linear-gradient(0deg,#3a1d11ed 0%,transparent 75%),url('https://images.unsplash.com/photo-1590080875515-8a3a8dc5735e?auto=format&fit=crop&w=1200&q=80')!important}.cupSupply{background-image:linear-gradient(0deg,#07384aed 0%,transparent 75%),url('https://images.unsplash.com/photo-1559703248-dcaaec9fab78?auto=format&fit=crop&w=1200&q=80')!important}.supplyGroups article>div{padding:42px}.supplyGroups h2{font-size:48px;text-transform:uppercase;margin:8px 0}.supplyGroups p,.supplyGroups li{font:16px/1.65 Arial}.cupPrivate{padding:100px 22px;background:linear-gradient(135deg,#dff6fc,#fce4ef)}.cupPrivate>div{max-width:920px;margin:auto;text-align:center}.cupPrivate span{color:var(--pink)}.cupPrivate h2{font-size:58px;text-transform:uppercase;margin:10px 0}.cupPrivate p{font:18px/1.75 Arial;color:#536c75}
@media(max-width:900px){.gelatoFormats{grid-template-columns:1fr}.caffeCampaign{min-height:760px}.caffeCampaignLogo{width:60vw;top:35px}.caffeCampaignCopy{bottom:330px}.caffeCampaignPacks{width:90%;height:360px;right:3%;bottom:0}.supplyGroups{grid-template-columns:1fr}.toppingRow{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.toppingRow{grid-template-columns:1fr}.caffeCampaignLogo{width:72vw}.caffeCampaignCopy h1{font-size:45px}.caffeCampaignPacks{height:300px}.supplyIntro>h2,.cupPrivate h2{font-size:40px}}

/* Eisbedarf: MEC3-Flaschen, Waffel-Untermenü und Private-Label-Becher */
.toppingSection{max-width:1320px}.mec3Grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;text-align:left}.mec3Grid article{background:white;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px #17313b12;transition:.25s}.mec3Grid article:hover{transform:translateY(-5px)}.mec3Grid img{display:block;width:100%;height:205px;object-fit:contain;padding:15px;background:#f6f4f1}.mec3Grid article>div{padding:18px}.mec3Grid h3{font-size:24px;text-transform:uppercase;margin:0 0 7px}.mec3Grid p{font:12px Arial;color:#718187;margin:0 0 8px}.mec3Grid b{font:700 12px Arial;color:var(--pink)}.toppingSection>small{display:block;margin-top:22px;color:#718187;font:13px Arial}.waffleMenu{max-width:1280px;margin:0 auto 90px;padding:0 22px}.waffleMenu details{background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 12px 35px #17313b16}.waffleMenu summary{list-style:none;cursor:pointer;background:linear-gradient(120deg,#74401f,#c57737);color:white;padding:30px 38px;display:flex;align-items:center;justify-content:space-between}.waffleMenu summary::-webkit-details-marker{display:none}.waffleMenu summary span{font-size:38px;text-transform:uppercase}.waffleMenu summary b{font-size:12px;text-transform:uppercase;letter-spacing:.12em}.waffleCatalogPages{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:30px}.waffleCatalogPages img{display:block;width:100%;height:auto;border:1px solid #e8e0d9}.waffleProductGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:0 30px 30px}.waffleProductGrid article{padding:20px;background:#fbf7f2;border-bottom:4px solid #b56b34}.waffleProductGrid span{text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:#9c6136}.waffleProductGrid h3{font-size:21px;line-height:1.05;text-transform:uppercase;margin:9px 0}.waffleProductGrid p{font:12px Arial;color:#6b7a80}.waffleProductGrid b{font:700 11px Arial}.catalogNote{padding:0 30px 30px;margin:0;font:13px Arial;color:#718187}.cupPrivateVisual{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;padding:0;background:#eff8fb}.cupPrivateVisual>div{padding:90px clamp(30px,7vw,110px);text-align:left}.cupPrivateVisual>img{display:block;width:100%;height:100%;min-height:580px;object-fit:cover}.cupPrivateVisual h2{font-size:56px;line-height:1;text-transform:uppercase;margin:12px 0 22px}.cupPrivateVisual p{font:17px/1.75 Arial;color:#536c75}
@media(max-width:1050px){.mec3Grid{grid-template-columns:repeat(3,1fr)}.waffleProductGrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.mec3Grid{grid-template-columns:repeat(2,1fr)}.waffleCatalogPages,.cupPrivateVisual{grid-template-columns:1fr}.waffleProductGrid{grid-template-columns:1fr 1fr}.waffleMenu summary{align-items:flex-start;flex-direction:column;gap:8px}.waffleMenu summary span{font-size:29px}.cupPrivateVisual>img{min-height:420px}}
@media(max-width:500px){.mec3Grid{grid-template-columns:1fr 1fr;gap:8px}.mec3Grid img{height:155px}.mec3Grid article>div{padding:13px}.mec3Grid h3{font-size:18px}.waffleCatalogPages{padding:15px}.waffleProductGrid{grid-template-columns:1fr;padding:0 15px 20px}.cupPrivateVisual h2{font-size:39px}}

/* Waffeln: nur Produktbild und Maße, ohne Preise oder Mengenangaben */
.waffleProductGrid{padding:30px;gap:14px}.waffleProductGrid article{padding:0 0 18px;overflow:hidden;text-align:center;background:#fff;border:1px solid #eee4da;border-radius:18px}.wafflePhoto{width:100%;aspect-ratio:4/5;background-image:url('/catalog/waffeln-produkte.png');background-repeat:no-repeat;background-size:500% 200%;background-color:#fff}.waffleProductGrid h3{font-size:19px;margin:14px 10px 7px}.waffleProductGrid p{font:700 13px Arial;color:#8a542f;margin:0 10px 7px}.waffleProductGrid b{display:block;font:700 12px Arial;color:#536c75}

/* Individuell dekorierte Gelato-Motive */
.flavorPhoto{position:absolute;inset:0;background-repeat:no-repeat;transition:transform .55s;transform:scale(1.015)}.flavorTile:hover .flavorPhoto{transform:scale(1.12) rotate(1deg)}
.flavorTile>img{transform:scale(1.32);transition:transform .55s;filter:saturate(.94) contrast(1.03)}.flavorTile:hover>img{transform:scale(1.45) rotate(.5deg)}

/* Kompaktere Sortenkacheln */
.flavorTileGrid{grid-template-columns:repeat(5,1fr);gap:12px}.flavorTile{height:178px;border-radius:18px}.flavorTile>div:last-child{left:16px;bottom:14px}.flavorTile h3{font-size:20px}
@media(max-width:1050px){.flavorTileGrid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.flavorTileGrid{grid-template-columns:repeat(3,1fr)}.flavorTile{height:165px}}
@media(max-width:520px){.flavorTileGrid{grid-template-columns:repeat(2,1fr);gap:9px}.flavorTile{height:145px}.flavorTile h3{font-size:17px}}

/* Gelieferte Titelbilder vollständig und responsiv */
.suppliedTitle{width:100%;overflow:hidden;background:#fff}.suppliedTitle img{display:block;width:100%;height:auto;object-fit:contain}.suppliedCaffeTitle{background:#120905}.suppliedCaffeTitle img,.suppliedCarpigianiTitle img{width:100%;height:auto}

/* Rechtliche Seiten im neuen Barletta-Stil */
.legalHero{padding:90px clamp(24px,8vw,130px);color:white;background:linear-gradient(125deg,#0c8fb8,#19afd5 60%,#a1c51a)}.legalHero.privacyHero{background:linear-gradient(125deg,#87325f,#ed4e9b 58%,#16a9d4)}.legalHero span{text-transform:uppercase;letter-spacing:.19em;font:700 13px Arial}.legalHero h1{font-size:clamp(58px,8vw,105px);line-height:.9;text-transform:uppercase;margin:16px 0}.legalHero p{font:18px Arial}.legalPage{max-width:1040px;margin:70px auto;padding:0 24px 50px}.legalPage section{padding:30px 34px;margin:0 0 14px;background:#fff;border-radius:20px;border-left:6px solid var(--blue);box-shadow:0 7px 24px #17313b0c}.legalPage section:nth-child(even){border-color:var(--pink)}.legalPage h2{margin:0 0 12px;font-size:27px;text-transform:uppercase}.legalPage p{margin:0;font:16px/1.75 Arial;color:#526b74}.legalPage a{color:#078bb4;text-decoration:underline}.legalPage>small{display:block;margin-top:24px;color:#718187;font:13px Arial}

/* Mobile Verkaufsstände und Team */
.mobileHero,.teamHero{padding:100px clamp(24px,8vw,130px);color:white;background:linear-gradient(120deg,#dc317f,#ed6aaa 55%,#19aad3)}.mobileHero h1,.teamHero h1{font-size:clamp(55px,8vw,105px);line-height:.9;text-transform:uppercase;margin:15px 0}.mobileHero span,.teamHero span{text-transform:uppercase;letter-spacing:.18em}.mobileHero p,.teamHero p{font:18px Arial}.mobileIntro{max-width:920px;margin:75px auto;text-align:center;padding:0 24px}.mobileIntro h2{font-size:48px;text-transform:uppercase;margin:8px 0}.mobileIntro p{font:17px/1.75 Arial;color:#60747b}.mobileGrid{max-width:1250px;margin:0 auto 90px;padding:0 22px;display:grid;gap:24px}.mobileGrid article{display:grid;grid-template-columns:1.05fr .95fr;background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 12px 34px #17313b14}.mobileGrid article:nth-child(even) .mobilePhoto{order:2}.mobilePhoto{min-height:430px;background-image:url('/mobile/mobile-stands.png');background-repeat:no-repeat;background-size:500% 100%;background-color:#ece8e3}.mobileGrid article>div:last-child{padding:48px}.mobileGrid article>div>span{color:var(--pink);letter-spacing:.18em}.mobileGrid h2{font-size:42px;text-transform:uppercase;margin:8px 0 14px}.mobileGrid p,.mobileGrid li{font:16px/1.65 Arial;color:#60747b}.mobileActions{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}.mobileActions a{padding:13px 17px;background:var(--pink);color:white;text-transform:uppercase;font-size:12px;letter-spacing:.07em}.mobileActions a+a{background:#25d366}.teamHero{background:linear-gradient(120deg,#0a89b0,#19afd5 55%,#a1c51a)}.teamGrid{max-width:1180px;margin:75px auto 90px;padding:0 22px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.teamGrid article{min-height:250px;padding:34px;background:#fff;border-radius:24px;border-bottom:7px solid var(--pink);box-shadow:0 10px 30px #17313b10;display:flex;flex-direction:column}.teamGrid article:nth-child(even){border-color:var(--blue)}.teamGrid b{color:#aab8bd}.teamGrid h2{font-size:30px;text-transform:uppercase;margin:30px 0 5px}.teamGrid span{color:#708087;font:15px Arial}.teamGrid a{margin-top:auto;padding-top:24px;color:#078bb4;font:700 14px Arial}.siteHeader nav{gap:18px;font-size:12px;align-items:center;flex-wrap:wrap}.navBedarf{max-width:150px}.navMobile{color:#dc317f}.navTeam{color:#078bb4}
@media(max-width:850px){.mobileGrid article{grid-template-columns:1fr}.mobileGrid article:nth-child(even) .mobilePhoto{order:0}.mobilePhoto{min-height:330px}.teamGrid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.teamGrid{grid-template-columns:1fr}.mobileGrid article>div:last-child{padding:30px}.mobileGrid h2{font-size:34px}}
.teamGrid article{min-height:360px;padding:0;overflow:hidden}.teamGrid article>img{display:block;width:100%;height:175px;object-fit:cover}.teamGrid article>div{padding:27px 30px 30px;display:flex;flex:1;flex-direction:column}.teamGrid h2{margin:0 0 5px}.teamGrid a{margin-top:auto}
.teamGrid article{min-height:250px}.teamGrid article>div{padding:34px}.teamGrid h2{margin:0 0 7px}
.mobilePhotoImage{display:block;width:100%;height:100%;min-height:430px;max-height:620px;object-fit:contain;background:#f4f0eb;padding:16px}.mobileGrid article:nth-child(even) .mobilePhotoImage{order:2}@media(max-width:850px){.mobileGrid article:nth-child(even) .mobilePhotoImage{order:0}.mobilePhotoImage{min-height:300px;max-height:520px}}
.contactMap{max-width:1150px;min-height:360px;margin:0 auto 100px;display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;border-radius:30px;background:#fff;box-shadow:0 18px 55px #17313b1a;transition:transform .25s,box-shadow .25s}
.contactMap:hover{transform:translateY(-5px);box-shadow:0 24px 65px #17313b28}
.contactMapArt{position:relative;min-height:360px;overflow:hidden;background:linear-gradient(145deg,#e7f8fc,#d9f0d1)}
.contactMapArt:before,.contactMapArt:after{content:"";position:absolute;border:3px solid #fff9;border-radius:50%}
.contactMapArt:before{width:230px;height:230px;left:-70px;top:-50px}.contactMapArt:after{width:180px;height:180px;right:-40px;bottom:-55px}
.mapRoad{position:absolute;display:block;height:14px;background:#fff;border:2px solid #cadde1;border-radius:20px;box-shadow:0 2px 6px #17313b12}
.roadOne{width:130%;left:-15%;top:42%;transform:rotate(-13deg)}.roadTwo{width:90%;left:8%;top:58%;transform:rotate(24deg)}.roadThree{width:75%;left:20%;top:27%;transform:rotate(52deg)}
.mapPin{position:absolute;left:58%;top:43%;width:62px;height:62px;display:grid;place-items:center;transform:translate(-50%,-50%);border:9px solid #fff;border-radius:50% 50% 50% 0;background:var(--pink);color:#fff;font-size:20px;box-shadow:0 10px 24px #17313b38;rotate:-45deg}.mapPin::first-letter{rotate:45deg}.contactMapArt b{position:absolute;left:58%;top:61%;transform:translateX(-50%);padding:8px 14px;border-radius:999px;background:#17313b;color:#fff;text-transform:uppercase;letter-spacing:.08em;font-size:12px}
.contactMapCopy{padding:58px;display:flex;justify-content:center;flex-direction:column}.contactMapCopy span{text-transform:uppercase;letter-spacing:.18em;color:var(--pink)}.contactMapCopy h2{font-size:42px;line-height:1.05;text-transform:uppercase;margin:10px 0 6px}.contactMapCopy p{font:18px Arial;color:#60757d;margin:0 0 30px}.contactMapCopy strong{width:max-content;max-width:100%;padding:14px 18px;background:var(--blue);color:#fff;text-transform:uppercase;letter-spacing:.06em;font-size:12px}
@media(max-width:900px){.contactMap{margin:0 22px 65px;grid-template-columns:1fr}.contactMapArt{min-height:280px}.contactMapCopy{padding:36px}.contactMapCopy h2{font-size:34px}}
.siteHeader nav a{background:#fff;transition:transform .24s ease,background .24s ease,color .24s ease,box-shadow .24s ease}
.siteHeader nav a:hover{transform:translateY(-5px) rotate(-1deg);box-shadow:0 9px 18px #17313b20;z-index:2}
.siteHeader nav .navGelato:hover{background:var(--pink);color:#fff}.siteHeader nav .navBedarf:hover{background:var(--green);color:#fff}.siteHeader nav .navMobile:hover{background:#dc317f;color:#fff}.siteHeader nav .navTechnik:hover{background:var(--blue);color:#fff}.siteHeader nav .navVitrinen:hover{background:var(--vitrinen);color:#fff}.siteHeader nav .navCarpigiani:hover{background:var(--carpigiani);color:#fff}.siteHeader nav .navCaffe:hover,.siteHeader nav .navCoffee:hover{background:var(--brown);color:#fff}.siteHeader nav .navTeam:hover{background:#078bb4;color:#fff}.siteHeader nav .navKontakt:hover{background:#667980;color:#fff}.siteHeader nav .shopButton{background:var(--pink)}
.floatingWhatsapp{position:fixed;right:20px;bottom:22px;z-index:50;display:flex;align-items:center;gap:11px;padding:9px 18px 9px 9px;border-radius:999px;background:#25d366;color:#fff;box-shadow:0 14px 36px #17313b45;transition:transform .25s,box-shadow .25s}.floatingWhatsapp:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 20px 44px #17313b55}.floatingWhatsappIcon{width:50px;height:50px;display:grid;place-items:center;border:3px solid #fff;border-radius:50%}.floatingWhatsappIcon img{width:29px;height:29px;filter:brightness(0) invert(1)}.floatingWhatsapp>span:last-child{display:flex;flex-direction:column}.floatingWhatsapp b{text-transform:uppercase;letter-spacing:.08em;font-size:13px}.floatingWhatsapp small{font:12px Arial;color:#effff4;margin-top:2px}
@media(max-width:700px){.floatingWhatsapp{right:10px;bottom:12px;padding:7px}.floatingWhatsapp>span:last-child{display:none}.floatingWhatsappIcon{width:46px;height:46px}}
@media(prefers-reduced-motion:reduce){.siteHeader nav a,.floatingWhatsapp{transition:none!important}}