.gpx{--gp-green:#596d35;--gp-wine:#802d43;max-width:1500px;margin:20px auto 0;padding:0 4%;color:#30352b;background:#faf8f4;isolation:isolate}
.gpx *{box-sizing:border-box}.gpx a,.gpr .gpx-card{text-decoration:none}.gpx a:focus-visible{outline:3px solid #802d43;outline-offset:4px}
.gpx-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0;border-bottom:1px solid #596d3526}.gpx-nav>img{width:130px;height:80px;object-fit:contain}.gpx-nav>div{display:flex;flex-wrap:wrap;gap:26px}.gpx-nav a{font-weight:700;color:#596d35;font-size:14px;padding:10px 0}
.gpx-hero{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;min-height:390px;background:var(--gpx-landscape) center/cover;padding:20px 14px}.gpx h1{font-family:var(--font-body-family,sans-serif);font-style:italic;font-weight:850;font-size:clamp(40px,4.8vw,64px);letter-spacing:-.04em;line-height:1.06;color:#802d43;margin:0 0 20px;max-width:510px}.gpx-kicker,.gpx-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#596d35;font-weight:700}.gpx-kicker{margin:0 0 14px}.gpx-intro{font-size:17px;line-height:1.65;max-width:460px}.gpx-cat{width:100%;height:350px;object-fit:contain;transform:scale(1.1)}
.gpx-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.gpx-actions a{background:#802d43;color:#fff;border:1px solid #802d43;padding:14px 22px;border-radius:3px;font-size:14px;font-weight:700}.gpx-actions a+a{background:transparent;color:#596d35;border-color:#596d35}
.gpx h2{font-size:32px;line-height:1.2;font-style:italic;letter-spacing:-.025em;color:#596d35;margin:0 0 12px;font-weight:800}.gpx-gateways{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:24px 0}.gpx-gateways>a{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:10px;color:inherit;border-block:1px solid #596d3538;padding:18px 14px}.gpx-gateways p{font-size:14px;line-height:1.6;margin:0 0 14px}.gpx-gateways span{font-size:13px;font-weight:750;color:#802d43}.gpx-gateways img{width:100%;height:165px;object-fit:contain;mix-blend-mode:multiply}.gpx-gateways a:hover{background:#ffffff70}
.gpx-fruit{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:25px;max-width:850px;margin:12px auto 24px;padding:12px}.gpx-fruit img{width:100%;height:160px;object-fit:contain;mix-blend-mode:multiply}.gpx-fruit h2{font-size:26px}.gpx-fruit p:not(.gpx-kicker){font-size:14px;line-height:1.65;margin:0}
.gpx-ranges{text-align:center;padding:22px 0}.gpx-ranges>p{font-size:15px;margin:0 0 22px}.gpx-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 18px}.gpx-card{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;padding:12px 10px 18px;color:#30352b;border-bottom:1px solid #596d352e;transition:background .2s}.gpx-card:hover{background:#ffffff99}.gpx-card-art{width:100%;height:180px;display:flex;align-items:center;justify-content:center}.gpx-card-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.gpx-card h3{font-size:20px;line-height:1.2;color:#802d43;margin:7px 0 10px}.gpx-card p{font-size:13px;line-height:1.5;max-width:230px;margin:0}.gpx-label{margin-top:8px;font-size:10px}
.gpx-products{text-align:center;border-top:1px solid #596d3540;padding:26px 0}.gpx-products p{font-size:13px;line-height:1.6;max-width:650px;margin:auto}#gpx-ranges,#gpn-products{scroll-margin-top:150px}
.gpr.gpr{background:#faf8f4;padding-inline:4%}.gpr .gpr-hero{position:relative;isolation:isolate;padding-top:12px;min-height:430px}.gpr .gpr-hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--gpr-mountains) center/cover;opacity:.7}.gpr.gpr--filet-a-la-carte .gpr-hero:before,.gpr.gpr--mini-royal .gpr-hero:before{background:var(--gpr-brush) right center/52% 90% no-repeat;opacity:.08}.gpr.gpr--suppenkasper .gpr-hero:before,.gpr.gpr--granatapet-suppenkasper-dog .gpr-hero:before,.gpr.gpr--delicatessen-limited-edition .gpr-hero:before{background:var(--gpr-fruit) right bottom/250px auto no-repeat;opacity:.13}
.gpr .gpr-brand{width:125px;margin-bottom:16px}.gpr .gpr-art--official>img{height:430px;transform:scale(1.12)}.gpr .gpr-art--official{height:425px}.gpr.gpr--lieblings-mahlzeit .gpr-art--official>img{transform:none}.gpr .gpr-art--tower{height:420px}.gpr .gpr-art--tower>img{height:410px}.gpr .gpr-grid{display:none}.gpr .gpx-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.gpr .gpx-card-art{height:165px}.gpr .gpx-card h3{font-size:19px}.gpr .gpx-card p{font-size:13px}.gpr .gpr-ranges{padding:25px 0}.gpr .gpr-features{padding:18px 0;font-size:13px}
@media(max-width:900px){.gpx-nav{gap:12px}.gpx-nav>div{gap:16px}.gpx-hero{gap:16px;min-height:330px}.gpx-cat{height:300px}.gpx-gateways{gap:16px}.gpx-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gpr .gpx-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gpx-card-art{height:160px}.gpr .gpr-art--official,.gpr .gpr-art--official>img{height:340px}}
@media(max-width:600px){.gpx{padding:0 18px;margin-top:12px}.gpx-nav{padding:12px 0;gap:12px;align-items:center}.gpx-nav>img{width:95px;height:60px}.gpx-nav>div{gap:4px 13px;justify-content:flex-end}.gpx-nav a{font-size:11px;padding:5px 0}.gpx-hero{grid-template-columns:1fr;gap:0;min-height:0;padding:22px 4px 8px}.gpx h1{font-size:38px;margin:0 0 12px;max-width:320px}.gpx-kicker{font-size:9px;margin-bottom:11px}.gpx-intro{font-size:14px;line-height:1.5;margin:0}.gpx-actions{margin-top:16px;gap:9px}.gpx-actions a{font-size:12px;padding:11px 17px}.gpx-cat{height:185px;transform:scale(1.15)}.gpx-gateways{grid-template-columns:1fr;gap:12px;padding:12px 0 20px}.gpx-gateways>a{padding:13px 4px;grid-template-columns:1.15fr 1fr}.gpx-gateways h2{font-size:27px}.gpx-gateways img{height:135px}.gpx-gateways p{font-size:13px}.gpx-gateways span{font-size:12px}.gpx-fruit{grid-template-columns:85px 1fr;gap:14px;margin:0 0 18px;padding:8px 0}.gpx-fruit img{height:110px}.gpx-fruit h2{font-size:23px}.gpx-fruit p:not(.gpx-kicker){font-size:12px}.gpx-ranges{padding:15px 0}.gpx h2{font-size:27px}.gpx-ranges>p{font-size:13px}.gpx-grid,.gpr .gpx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8px}.gpx-card{padding:6px 4px 14px}.gpx-card-art,.gpr .gpx-card-art{height:140px}.gpx-card h3,.gpr .gpx-card h3{font-size:17px;margin:6px 0 8px}.gpx-card p,.gpr .gpx-card p{font-size:12px;line-height:1.45}.gpx-products{padding:22px 0}.gpr.gpr{padding-inline:18px}.gpr .gpr-hero{min-height:0;padding:14px 0 20px;gap:8px}.gpr .gpr-brand{width:98px;margin-bottom:12px}.gpr h1{font-size:34px}.gpr .gpr-intro{font-size:14px;line-height:1.55}.gpr .gpr-tagline{font-size:17px;margin-bottom:10px}.gpr .gpr-actions{margin-top:16px}.gpr .gpr-art--official,.gpr .gpr-art--official>img{height:260px}.gpr .gpr-art--tower{height:280px}.gpr .gpr-art--tower>img{height:270px}.gpr .gpr-hero:before{background-position:center bottom}.gpr .gpr-features{font-size:11px;gap:9px 14px}.gpr.gpr--suppenkasper .gpr-hero:before,.gpr.gpr--granatapet-suppenkasper-dog .gpr-hero:before,.gpr.gpr--delicatessen-limited-edition .gpr-hero:before{background-size:140px auto}.gpr.gpr--filet-a-la-carte .gpr-hero:before,.gpr.gpr--mini-royal .gpr-hero:before{background-position:center bottom;background-size:90% 40%}}
@media(prefers-reduced-motion:reduce){.gpx-card{transition:none}}