@font-face{font-family:"Ohno Softie";src:url(fonts/OhnoSoftie-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Ohno Softie";src:url(fonts/OhnoSoftie-Medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Ohno Softie";src:url(fonts/OhnoSoftie-Bold.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Baloo 2";src:url(fonts/Baloo2-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Baloo 2";src:url(fonts/Baloo2-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Baloo 2";src:url(fonts/Baloo2-700.woff2) format("woff2");font-weight:700;font-display:swap}
:root{--cream:#FDECE1;--offwhite:#FFF9F4;--salmon:#F48B75;--peach:#F5A999;--peach-img:#F5A999;--red:#C72B18;--teal:#139D8D;--mint:#CFFBF4;--blue:#0B456E;--blue-light:#D5EBF0;--grey:#D9D9D9;--font:"Ohno Softie","Baloo 2",system-ui,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--salmon)}
body{background:var(--salmon);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}
.page{position:relative;margin:0 auto;overflow:hidden;transform-origin:top left}
.bp{display:none}
.sec{position:absolute;inset:0;pointer-events:none}
.sec>.el{pointer-events:auto}
.el{position:absolute;display:block}
.img img{position:absolute;left:0;top:0;display:block}
.img.cover img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
img.el{width:100%;height:100%}
svg.el{width:100%;height:100%;display:block}
.text{margin:0;font-family:inherit}
.text br{display:block}
.badge{display:inline-block;line-height:1;font-weight:500;letter-spacing:.03em;white-space:nowrap;transform-origin:0 0;border-radius:100px;width:auto;height:auto}
.el{transform-origin:0 0}
.flip{transform:rotate(180deg);transform-origin:50% 50%}
a.text{text-decoration:none}
a.text:hover{text-decoration:underline}
a.cta:hover,button.cta:hover{opacity:.85}
html{scroll-behavior:smooth}
.cta{cursor:pointer;background:none;border:0;display:block}
:focus-visible{outline:3px solid #0B456E;outline-offset:3px;border-radius:6px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* breakpoint switch: desktop tree by default, mobile tree <= 768px */
.bp-d{display:block;width:1440px;height:7917.34px;background:var(--salmon);--shift:-230.66px}
.bp-d .sec-bg,.bp-d .sec-intro,.bp-d .sec-flavors,.bp-d .sec-values,.bp-d .sec-footer{top:var(--shift)}
@media (max-width:768px){.bp-d{display:none}.bp-m{display:block;width:440px;height:8462px;background:var(--salmon);--shift:154px}}
.bp-m .sec-bg,.bp-m .sec-intro,.bp-m .sec-flavors,.bp-m .sec-values,.bp-m .sec-footer{top:var(--shift)}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* Fallback-Kompensation: Baloo 2 läuft breiter als Ohno Softie. Greift nur, wenn Ohno Softie nicht geladen ist. */
html.fallback .fw-700{font-size:calc(var(--fs)*.97)}
html.fallback .fw-700.caps{font-size:calc(var(--fs)*.92);letter-spacing:-.03em}

/* shared text roles */
.hero__title{font-weight:700;line-height:1;color:var(--offwhite);text-align:center;text-shadow:0 2.874px 5.748px rgba(0,0,0,.03),0 10.059px 10.059px rgba(0,0,0,.03),0 21.555px 12.933px rgba(0,0,0,.02),0 37.362px 15.807px rgba(0,0,0,.01)}
.hero__subtitle{--fs:34.63px;font-size:var(--fs);font-weight:700;line-height:1;color:var(--offwhite);text-align:center;text-shadow:0 1.089px 2.178px rgba(158,46,46,.15),0 3.266px 3.266px rgba(158,46,46,.13),0 8.71px 5.444px rgba(158,46,46,.08),0 14.154px 5.444px rgba(158,46,46,.02)}
.intro__title{--fs:70px;font-size:var(--fs);font-weight:700;line-height:.9;color:var(--red);white-space:nowrap}
.intro__copy{font-weight:500;line-height:.977;color:var(--red);white-space:pre-wrap}
.card{border-radius:30px;overflow:hidden;transform-origin:50% 50%}
.card img{position:absolute;left:0;top:0;display:block}
.card-1 img,.card-2 img{width:100%;height:100%;object-fit:cover}
.card-1 img{object-position:50% 52%}
.card-2 img{object-position:50% 64%}
.card-1{box-shadow:-8px 44px 12px rgba(124,36,14,0),-5px 28px 11px rgba(124,36,14,.02),-3px 16px 10px rgba(124,36,14,.08),-1px 7px 7px rgba(124,36,14,.14),0 2px 4px rgba(124,36,14,.16)}
.card-2{box-shadow:0 52px 15px rgba(124,36,14,.01),0 34px 13px rgba(124,36,14,.04),0 19px 11px rgba(124,36,14,.14),0 8px 8px rgba(124,36,14,.24),0 2px 5px rgba(124,36,14,.28)}
.card-3{box-shadow:0 44px 12px rgba(124,36,14,0),0 28px 11px rgba(124,36,14,.03),0 16px 10px rgba(124,36,14,.1),0 7px 7px rgba(124,36,14,.17),0 2px 4px rgba(124,36,14,.2)}
.card .badge{position:absolute}
.flavors__title{--fs:46px;font-size:var(--fs);font-weight:700;line-height:.927;color:var(--offwhite);white-space:nowrap}
.flavors__copy{--fs:22px;font-size:var(--fs);font-weight:500;line-height:.9;color:var(--offwhite)}
.values__label{font-weight:700;line-height:.9;color:var(--mint);text-align:center;white-space:nowrap}
.values__title{font-weight:700;line-height:.927;color:var(--mint);text-align:center}
.values__cta{background:var(--mint);color:var(--teal);border-radius:18px;padding:10px 24px;--fs:30px;font-size:var(--fs);font-weight:700;line-height:.927;white-space:nowrap;text-decoration:none;display:inline-block}
.values__cta:hover{text-decoration:none;opacity:.9}
.values__sub{font-weight:700;line-height:.927;color:var(--mint);text-align:center;white-space:nowrap}
.hero__stoerer{transform:rotate(-12deg);transform-origin:50% 50%}
.stoerer__svg{display:block;width:100%;height:100%;overflow:visible}
.stoerer__svg text{font-family:var(--font);font-weight:700}
.footer__title{--fs:42px;font-size:var(--fs);font-weight:700;line-height:.977;color:var(--blue-light);white-space:nowrap}
.footer__h{--fs:33px;font-size:var(--fs);font-weight:700;line-height:.977;color:var(--blue-light);white-space:nowrap}
.footer__link{--fs:23px;font-size:var(--fs);font-weight:500;line-height:.977;color:var(--blue-light);white-space:nowrap}
.footer__copy{--fs:23px;font-size:var(--fs);font-weight:700;line-height:.977;color:var(--blue-light);white-space:nowrap}
/* AI badges (KI-Labels) – Farbvarianten je Untergrund */
.badge-photo{background:rgba(255,249,244,.32);color:rgba(255,255,255,.78)}
.badge-peach{background:rgba(219,102,86,.16);color:rgba(199,43,24,.7)}
.badge-grey{background:rgba(11,69,110,.1);color:rgba(11,69,110,.75)}
.badge-dark{background:rgba(11,69,110,.88);color:#FFF9F4}
.badge-card-cake{background:#64776A;color:#A5C5B0}
.badge-card-pour{background:#DE4E16;color:#470001}
.badge-card-family{background:#FDC006;color:#CB4E02}
.bp-d .badge{padding:3px 8px;--fs:11px;font-size:var(--fs)}
.bp-d .card .badge{padding:3px 8px;--fs:8px;font-size:var(--fs);left:12px;bottom:12px}
.bp-m .badge{padding:3px 7px;--fs:9px;font-size:var(--fs)}
.bp-m .card .badge{padding:2px 6px;--fs:7px;font-size:var(--fs);left:8px;bottom:8px}

/* ---- desktop 1440 ---- */
/* backgrounds (lowest layer) */
.bp-d .scene{left:0;top:2311.58px;width:1440px;height:1144.1px;overflow:hidden;clip-path:path("M0 111.46 C265.58 72.29 423.96 74.09 720 111.46 C1001.18 146.52 1158.82 146.5 1440 111.46 L1440 1144.1 L0 1144.1 Z")}
.bp-d .scene__ai-badge{left:13px;top:3092px}
.bp-d .flavors__bg{left:0;top:3250px;width:1440px;height:3284.88px;background:var(--peach-img)}
.bp-d .footer__photo{left:0;top:6795px;width:1440px;height:1622px;overflow:hidden}
.bp-d .footer__photo img{width:1986.9px;height:2049.2px;left:-273.5px;top:-614.7px;max-width:none}
.bp-d .footer__ai-badge{left:1328px;top:7574px}
/* hero */
.bp-d .hero__bg{left:-164.3px;top:67.2px;width:1720.05px;height:615.35px;overflow:hidden}
.bp-d .hero__bg img{width:1720.05px;height:634.94px;max-width:none}
.bp-d .hero__logo-back,.bp-d .hero__logo-front{left:362.07px;top:19.2px;width:715.86px;height:682.94px}
.bp-d .hero__fruits{left:362.07px;top:67.2px;width:715.86px;height:634.94px}
.bp-d .hero__fruits img{width:100%;height:100%}
.bp-d .hero__ai-badge{left:14px;top:14px}
.bp-d .hero__stoerer{left:1130px;top:88px;width:190px;height:190px}
/* intro (peach) */
.bp-d .intro__bg{left:0;top:910.21px;width:1440px;height:1560px;background:var(--peach)}
.bp-d .hero__title{left:0;top:863.69px;width:1440px;--fs:84.138px;font-size:var(--fs);white-space:nowrap}
.bp-d .hero__subtitle{left:433px;top:947.69px;width:573px;white-space:nowrap}
.bp-d .intro__title{left:739.43px;top:1404px;width:544.89px}
.bp-d .intro__copy{left:739.43px;top:1557px;width:544.89px;--fs:27px;font-size:var(--fs)}
.bp-d .intro__pancakes{left:95.69px;top:1166.46px;width:611.5px;height:873.57px}
.bp-d .intro__fork{left:-133.82px;top:1515.67px;width:667.84px;height:1131.71px}
.bp-d .intro__ai-badge{left:548px;top:2004px}
.bp-d .card{width:271.35px;height:362.21px}
.bp-d .card-1{left:329.55px;top:2125.84px;transform:rotate(-15deg)}
.bp-d .card-2{left:585.66px;top:2057px}
.bp-d .card-3{left:839.1px;top:2125.84px;transform:rotate(15deg)}
.bp-d .card-3 img{width:570.1px;height:855.1px;left:-160.5px;top:-443.1px;max-width:none}
/* flavors */
.bp-d .flavors__wave{left:0;top:3123px;width:1440px;height:203.79px}
.bp-d .flavors__img-heidelbeere{left:276.51px;top:3305px;width:534.57px;height:452.61px;overflow:hidden}
.bp-d .flavors__img-heidelbeere img{width:595.5px;height:595.5px;left:-29.8px;top:-95.5px;max-width:none}
.bp-d .flavors__img-erdbeere{left:609.16px;top:3794.71px;width:540.43px;height:514.67px;overflow:hidden}
.bp-d .flavors__img-erdbeere img{width:725.3px;height:725.3px;left:-91.7px;top:-157.6px;max-width:none}
.bp-d .flavors__img-pinkguave{left:258.65px;top:4292.8px;width:560.78px;height:527.41px;overflow:hidden}
.bp-d .flavors__img-pinkguave img{width:694.1px;height:694.1px;left:-63.2px;top:-138.3px;max-width:none}
.bp-d .flavors__img-himbeere{left:689.63px;top:4837.83px;width:591.55px;height:519.91px;overflow:hidden}
.bp-d .flavors__img-himbeere img{width:749.7px;height:749.7px;left:-178.7px;top:-174.2px;max-width:none}
.bp-d .flavors__img-pfirsich{left:378.94px;top:5368.81px;width:441.15px;height:508.14px;overflow:hidden}
.bp-d .flavors__img-pfirsich img{width:615.9px;height:615.9px;left:-142.6px;top:-107.7px;max-width:none}
.bp-d .flavors__title-1{left:757.38px;top:3463px}
.bp-d .flavors__copy-1{left:757.38px;top:3558.08px;width:315.63px}
.bp-d .flavors__title-2{left:473.88px;top:3925px;width:197px;text-align:right}
.bp-d .flavors__copy-2{left:379.23px;top:3991.82px;width:291.65px;text-align:right}
.bp-d .flavors__title-3{left:757.38px;top:4454px}
.bp-d .flavors__copy-3{left:757.38px;top:4510.73px;width:302.76px}
.bp-d .flavors__title-4{left:473.88px;top:4892.01px;width:197px;text-align:center}
.bp-d .flavors__copy-4{left:343.67px;top:4961.51px;width:327.21px;text-align:right;white-space:pre-wrap}
.bp-d .flavors__title-5{left:757.38px;top:5443.54px;text-transform:uppercase}
.bp-d .flavors__copy-5{left:757.38px;top:5542.88px;width:308.16px}
/* values (teal) */
.bp-d .values__wave-top{left:0;top:6106.68px;width:1440px;height:580.16px}
.bp-d .values__wave-bottom{left:0;top:6454px;width:1440px;height:386px}
.bp-d .values__icon-1{left:521.1px;top:6281.55px;width:80.3px;height:80.3px}
.bp-d .values__icon-2{left:667.5px;top:6276px;width:81.1px;height:83.38px}
.bp-d .values__icon-3{left:833.94px;top:6270.81px;width:67.53px;height:93.64px}
.bp-d .values__label{--fs:24px;font-size:var(--fs)}
.bp-d .values__label-1{left:503.01px;top:6377.09px;width:104px}
.bp-d .values__label-2{left:671px;top:6381.09px;width:77px}
.bp-d .values__label-3{left:810.99px;top:6381.09px;width:126px}
.bp-d .values__title{left:0;top:6528.5px;width:1440px;--fs:60px;font-size:var(--fs);white-space:nowrap}
.bp-d .values__sub{left:0;top:6664px;width:1440px;--fs:30px;font-size:var(--fs)}
.bp-d .values__cta{left:627.48px;top:6712px}
/* footer */
.bp-d .footer__bg{left:31.5px;top:7606px;width:1377px;height:506px;background:var(--blue);border-radius:36px}
.bp-d .footer__logo{left:71.5px;top:7828px;width:289px;height:248px}
.bp-d .footer__title{left:77.5px;top:7644px}
.bp-d .f-about{left:638.5px;top:7644px}
.bp-d .f-kontakt{left:638.5px;top:7695px}
.bp-d .f-ueber{left:638.5px;top:7735px}
.bp-d .f-gastro{left:638.5px;top:7773px}
.bp-d .f-recht{left:973.5px;top:7644px}
.bp-d .f-impressum{left:973.5px;top:7695px}
.bp-d .f-datenschutz{left:973.5px;top:7735px}
.bp-d .f-agb{left:973.5px;top:7773px}
.bp-d .f-hinweis{left:973.5px;top:7810px}
.bp-d .f-follow{left:1273.5px;top:7644px}
.bp-d .f-instagram{left:1273.5px;top:7695px}
.bp-d .f-facebook{left:1273.5px;top:7731px}
.bp-d .footer__copy{left:993.5px;top:8046px}

/* ---- mobile 440 ---- */
/* backgrounds (lowest layer) */
.bp-m .intro__bg{left:0;top:605px;width:440px;height:5846px;background:var(--peach)}
.bp-m .scene{left:0;top:2099px;width:440px;height:803.14px;overflow:hidden}
.bp-m .scene__ai-badge{left:10px;top:2618px}
.bp-m .footer__photo{left:0;top:6462px;width:441px;height:1846px;overflow:hidden;background:var(--grey)}
.bp-m .footer__photo img{width:1015.8px;height:1754.5px;left:-286.7px;top:-251.8px;max-width:none}
.bp-m .footer__ai-badge{left:350px;top:6958px}
/* hero */
.bp-m .hero__bg{left:-95.74px;top:199.06px;width:634.68px;height:562.94px;overflow:hidden}
.bp-m .hero__bg img{width:100%;height:100%;object-fit:cover}
.bp-m .hero__logo-back,.bp-m .hero__logo-front{left:-95.74px;top:156.5px;width:634.68px;height:605.5px}
.bp-m .hero__fruits{left:-95.74px;top:199.06px;width:634.68px;height:562.94px}
.bp-m .hero__fruits img{width:100%;height:100%}
.bp-m .hero__ai-badge{left:10px;top:12px}
.bp-m .hero__stoerer{left:298px;top:26px;width:122px;height:122px}
.bp-m .hero__title{left:0;top:705px;width:441px;--fs:58px;font-size:var(--fs);white-space:nowrap;text-shadow:0 2.178px 4.355px rgba(0,0,0,.03),0 7.622px 7.622px rgba(0,0,0,.03),0 16.332px 9.799px rgba(0,0,0,.02),0 28.309px 11.977px rgba(0,0,0,.01)}
.bp-m .hero__subtitle{left:50px;top:863px;width:341px}
/* intro */
.bp-m .intro__fork{left:0;top:852.11px;width:436.81px;height:828.44px;overflow:hidden}
.bp-m .intro__fork img{width:436.81px;height:923.1px;left:0;top:-94.8px;max-width:none}
.bp-m .intro__ai-badge{left:356px;top:1322px}
.bp-m .intro__title{left:0;top:0;width:440px;height:0;overflow:visible}
.bp-m .intro__line{position:absolute;white-space:nowrap}
.bp-m .intro__line-1{left:107px;top:1363.61px}
.bp-m .intro__line-2{left:96.57px;top:1427.61px}
.bp-m .intro__line-3{left:53.57px;top:1485.47px}
.bp-m .intro__copy{left:41.33px;top:1586px;width:345.88px;--fs:30px;font-size:var(--fs)}
.bp-m .intro__wave{left:-31px;top:2083px;width:490px;height:84px}
.bp-m .card{width:153.25px;height:204.56px}
.bp-m .card-1{left:1.56px;top:1986.89px;transform:rotate(-15deg)}
.bp-m .card-2{left:146.2px;top:1948px}
.bp-m .card-3{left:289.33px;top:1986.89px;transform:rotate(15deg)}
.bp-m .card-3 img{width:322px;height:482.9px;left:-90.7px;top:-250.2px;max-width:none}
/* flavors */
.bp-m .flavors__wave{left:-1.36px;top:2636px;width:440.54px;height:203.79px}
.bp-m .flavors__bg{left:-5px;top:2720px;width:445px;height:3756px;background:var(--peach-img)}
.bp-m .flavors__img-heidelbeere{left:5px;top:2714px;width:430px;height:479px;overflow:hidden}
.bp-m .flavors__img-heidelbeere img{width:479px;height:479px;left:-24px;top:0;max-width:none}
.bp-m .flavors__img-erdbeere{left:0;top:3294px;width:430px;height:479px;overflow:hidden}
.bp-m .flavors__img-erdbeere img{width:577.1px;height:577.1px;left:-72.9px;top:-55.9px;max-width:none}
.bp-m .flavors__img-pinkguave{left:0;top:3918px;width:430px;height:479px;overflow:hidden}
.bp-m .flavors__img-pinkguave img{width:532.2px;height:532.2px;left:-48.5px;top:-31.5px;max-width:none}
.bp-m .flavors__img-himbeere{left:5px;top:4542px;width:430px;height:479px;overflow:hidden}
.bp-m .flavors__img-himbeere img{width:570.3px;height:570.3px;left:-69.4px;top:-49px;max-width:none}
.bp-m .flavors__img-pfirsich{left:2.72px;top:5149px;width:430px;height:479px;overflow:hidden}
.bp-m .flavors__img-pfirsich img{width:479px;height:479px;left:-24px;top:0;max-width:none}
.bp-m .flavors__title{text-align:center}
.bp-m .flavors__copy{text-align:center}
.bp-m .flavors__title-1{left:0;top:3148px;width:439.62px}
.bp-m .flavors__copy-1{left:62px;top:3245.76px;width:315.63px}
.bp-m .flavors__title-2{left:0;top:3750px;width:440.44px}
.bp-m .flavors__copy-2{left:47px;top:3804.76px;width:346.44px}
.bp-m .flavors__title-3{left:0;top:4374px;width:430.76px}
.bp-m .flavors__copy-3{left:69px;top:4428.76px;width:302.76px}
.bp-m .flavors__title-4{left:0;top:5005px;width:440px}
.bp-m .flavors__copy-4{left:58.68px;top:5059.76px;width:322.63px;white-space:pre-wrap}
.bp-m .flavors__title-5{left:0;top:5584px;width:440px;text-transform:uppercase}
.bp-m .flavors__copy-5{left:32px;top:5681.76px;width:376px}
/* values (teal) */
.bp-m .values__wave-top{left:0;top:5791px;width:440px;height:470.5px}
.bp-m .values__wave-bottom{left:0;top:6059.08px;width:440px;height:470.5px}
.bp-m .values__icon-1{left:73.43px;top:5903.46px;width:56.33px;height:56.33px}
.bp-m .values__icon-2{left:191.86px;top:5901.97px;width:56.28px;height:57.85px}
.bp-m .values__icon-3{left:309.31px;top:5906.27px;width:42.97px;height:60.29px}
.bp-m .values__label{--fs:21px;font-size:var(--fs)}
.bp-m .values__label-1{left:65.1px;top:5978.2px;width:73px}
.bp-m .values__label-2{left:194.28px;top:5981.2px;width:54px}
.bp-m .values__label-3{left:287.51px;top:5981.2px;width:88px}
.bp-m .values__title{left:89px;top:6084px;width:261px;--fs:48px;font-size:var(--fs);white-space:pre-wrap}
.bp-m .values__sub{left:0;top:6338px;width:440px;--fs:24px;font-size:var(--fs)}
.bp-m .values__cta{left:127px;top:6380px}
/* footer */
.bp-m .footer__bg{left:21px;top:6986px;width:398px;height:1249px;background:var(--blue);border-radius:36px}
.bp-m .footer__logo{left:75px;top:7193px;width:289px;height:248px}
.bp-m .footer__title{left:0;top:7014px;width:440px;text-align:center}
.bp-m .footer__h,.bp-m .footer__link{left:0;width:440px;text-align:center}
.bp-m .f-about{top:7538px}
.bp-m .f-kontakt{top:7589px}
.bp-m .f-ueber{top:7629px}
.bp-m .f-gastro{top:7667px}
.bp-m .f-recht{top:7747px}
.bp-m .f-impressum{top:7798px}
.bp-m .f-datenschutz{top:7838px}
.bp-m .f-agb{top:7876px}
.bp-m .f-hinweis{top:7913px}
.bp-m .f-follow{top:7993px}
.bp-m .f-instagram{top:8044px}
.bp-m .f-facebook{top:8080px}
.bp-m .footer__copy{left:0;top:8198px;width:440px;text-align:center;--fs:16px;font-size:var(--fs)}