.karten{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 32px;display:grid}@media (width<=999px){.karten{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 24px}}@media (width<=639px){.karten{grid-template-columns:1fr;gap:30px}}.pc{--tilt:0deg;flex-direction:column-reverse;gap:12px;display:flex}.karten>li:nth-child(6n+1) .pc{--tilt:-1.4deg}.karten>li:nth-child(6n+2) .pc{--tilt:.9deg}.karten>li:nth-child(6n+3) .pc{--tilt:-.7deg}.karten>li:nth-child(6n+4) .pc{--tilt:1.2deg}.karten>li:nth-child(6n+5) .pc{--tilt:-1deg}.karten>li:nth-child(6n+6) .pc{--tilt:.7deg}.pc-szene{perspective:1400px;transform:rotate(var(--tilt));transition:transform .45s;container-type:inline-size}.pc:hover .pc-szene,.pc.gedreht .pc-szene{transform:rotate(0)}.pc-karte{aspect-ratio:3/2;width:100%;min-height:216px;transform-style:preserve-3d;cursor:pointer;transition:transform .8s cubic-bezier(.3,.7,.2,1);position:relative}.pc.gedreht .pc-karte{transform:rotateY(180deg)}.pc.gedreht .vorn,.pc:not(.gedreht) .hinten{pointer-events:none}.seite{background:var(--pc-papier);-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:10px;position:absolute;inset:0;overflow:hidden;box-shadow:0 24px 40px -22px #000a1ebf}.vorn{padding:8px}.vorn .ph{background:#5b7d96;border-radius:5px;width:100%;height:100%;position:relative;overflow:hidden}.vorn img{object-fit:cover;width:100%;height:100%}.vorn .ph:after{content:"";background:linear-gradient(#04142c00 40%,#04142cbd 100%);position:absolute;inset:0}.gruss{color:#fff;line-height:1;position:absolute;bottom:13px;left:16px;right:16px}.gruss small{letter-spacing:.18em;text-transform:uppercase;text-shadow:0 1px 3px #0009;margin-bottom:5px;font-size:12px;font-weight:700;display:block}.gruss strong{letter-spacing:-.02em;text-shadow:2px 2px #0b3a6e,0 4px 18px #0006;font:800 clamp(28px,11cqw,44px)/1 Gabarito,sans-serif;display:block}.pc-tipp{color:#12325c;background:#fffaf1f0;border-radius:999px;align-items:center;gap:5px;padding:5px 10px 5px 8px;font-size:12px;font-weight:700;display:inline-flex;position:absolute;top:16px;right:16px;box-shadow:0 2px 6px #0003}.pc-tipp .ic{stroke-width:2.2px;width:13px;height:13px}.hinten{color:var(--pc-ink);background:var(--pc-papier) repeating-linear-gradient(0deg,transparent 0 23px,var(--pc-linie) 23px 24px) right 14px top 54px/40% calc(100% - 100px) no-repeat;grid-template-columns:minmax(0,1fr) 1px minmax(0,.82fr);gap:0 12px;padding:14px 14px 12px;display:grid;transform:rotateY(180deg)}.hinten .trenner{background:var(--pc-linie);width:1px;margin:4px 0}.adresse>.knopf-klein{margin-top:auto}@container (width<=300px){.hinten .pc-ort{display:none}}.notiz{flex-direction:column;min-width:0;display:flex}.notiz-text{color:#1c3d78;font-size:clamp(13.5px,4.5cqw,16px);font-weight:500;line-height:1.42}.pc-ort{letter-spacing:.08em;text-transform:uppercase;color:var(--pc-muted);margin-top:auto;padding-top:6px;font-size:11.5px;font-weight:700;line-height:1.3}.adresse{text-align:right;flex-direction:column;align-items:flex-end;min-width:0;display:flex}.marken-zone{flex:none;width:100%;height:clamp(68px,24cqw,86px);position:relative}.pc-preis{margin:auto 0 6px;line-height:1.05}.pc-preis span{color:var(--pc-muted);font-size:12.5px;font-weight:700;display:block}.pc-preis strong{white-space:nowrap;font:800 clamp(22px,7.6cqw,28px)/1.05 Gabarito,sans-serif}.pc .knopf-klein:focus-visible{outline-color:#b3391e}.pc-unter{color:var(--auf-wasser);justify-content:space-between;align-items:center;gap:10px;padding:0 4px;display:flex}.pc-unter h3{font-size:20px;font-weight:700;line-height:1.2}.pc-unter h3 span{color:var(--auf-wasser-2);font-size:15px;font-weight:500}.pc-unter p{color:var(--auf-wasser-2);margin-top:2px;font-size:15px;line-height:1.4}.pc-unter p b{color:#fff;white-space:nowrap;font-weight:700}.pc-unter p.pc-preiszeile{margin-top:0}@media (width<=639px){.karten{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;margin-inline:calc(-1 * max(16px,env(safe-area-inset-left,0px)));padding:14px max(16px,env(safe-area-inset-left,0px)) 18px;scroll-padding-inline:max(16px,env(safe-area-inset-left,0px));gap:16px;display:flex;overflow-x:auto}.karten::-webkit-scrollbar{display:none}.karten>li{scroll-snap-align:start;flex:0 0 min(86%,360px)}}.pc-knoepfe{flex:none;gap:6px;display:flex}.rund-knopf{color:#fff;background:#03193240;border:1.5px solid #ffffff8c;border-radius:50%;place-items:center;width:46px;height:46px;padding:0;transition:background-color .2s,border-color .2s;display:inline-grid}.rund-knopf:hover{background:#ffffff1f;border-color:#fff}.rund-knopf .ic{transition:transform .5s}.umdrehen[aria-pressed=true]{color:#082a3e;background:#ffd166;border-color:#ffd166}.umdrehen[aria-pressed=true] .ic{transform:rotate(180deg)}.merken[aria-pressed=true] .ic{fill:#ff6b5b;stroke:#ff6b5b}.karten-hinweis{color:var(--auf-wasser-2);align-items:flex-start;gap:8px;margin-top:28px;font-size:14.5px;display:flex}.karten-hinweis .ic{color:#ffd166;width:18px;height:18px;margin-top:2px}.nur-handy{display:none}@media (width<=639px){.nur-handy{display:inline}.karten-hinweis{margin-top:14px}}.sicht{color:#eaf6f8;background:linear-gradient(#0c3156,#071c36);border:1px solid #ffffff29;border-radius:28px;padding:10px;box-shadow:0 40px 70px -40px #000000b3}.sicht-innen{background:radial-gradient(120% 80% at 100% 0,#ffd16617,#0000 55%);border:1px solid #ffffff14;border-radius:20px;padding:22px 18px 18px}.sicht-kopf{border-bottom:1px dashed #fff3;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;padding-bottom:16px;display:flex}.sicht-kopf .oben{letter-spacing:.12em;text-transform:uppercase;color:#9fd3dd;font-size:12.5px;font-weight:700}.sicht-kopf h2{letter-spacing:-.02em;color:#fff;margin-top:8px;font-size:clamp(2rem,1.45rem + 2.3vw,3.2rem);font-weight:800}.ffm{color:#d6e8ee;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:10px;padding:9px 14px;font-size:14.5px;display:inline-flex}.ffm b{color:#fff}.ffm i{background:#fff;border-radius:2px;width:3px;height:18px}.dez-liste li{border-bottom:1px solid #ffffff14;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"ort temp""satz satz""balken balken";gap:6px 16px;padding:18px 0;display:grid}.dez-liste li:last-child{border-bottom:0;padding-bottom:6px}.dez-ort{grid-area:ort;font:700 21px/1.2 Gabarito,sans-serif}.dez-liste li{border-radius:14px;transition:background-color .2s;position:relative}.dez-liste li:hover{background:#ffffff0a}.dez-ort a{color:#fff;align-items:center;gap:8px;display:inline-flex}.dez-ort a .ic{color:#ffd166;width:18px;height:18px;transition:transform .2s}.dez-liste li:hover .dez-ort a .ic{transform:translate(3px)}@media (width<=359px){.dez-ort a{gap:4px}.dez-ort a .ic{width:15px;height:15px}}.dez-liste li:has(.flaeche-link:focus-visible){outline:3px solid var(--fokus-wasser);outline-offset:2px}.dez-ort small{color:#a9c6d0;margin-top:2px;font:500 14px/1.35 Onest,sans-serif;display:block}.dez-temp{text-align:right;color:#ffd166;font-variant-numeric:tabular-nums;white-space:nowrap;grid-area:temp;align-self:center;font:800 32px/1 Gabarito,sans-serif}.dez-temp small{color:#a9c6d0;margin-top:6px;font:600 12.5px/1.35 Onest,sans-serif;display:block}.dez-temp small span{display:block}.dez-satz{color:#dbe9ee;grid-area:satz;max-width:46em;font-size:15.5px;line-height:1.5}.dez-balken{background:#ffffff1a;border-radius:6px;grid-area:balken;height:10px;margin-top:6px;position:relative}.dez-balken i{width:calc(var(--v) / 35 * 100%);background:linear-gradient(90deg,#5bc0eb,#7ff2e2 40%,#ffc86b 80%,#ff9466);border-radius:6px;position:absolute;top:0;bottom:0;left:0}.dez-balken b{background:#fff;border-radius:2px;width:3px;margin-left:-1.5px;position:absolute;top:-5px;bottom:-5px;left:14.2857%;box-shadow:0 0 0 2px #071c36e6}.sicht-fuss{color:#a9c6d0;margin-top:14px;font-size:13.5px}@media (width>=820px){.sicht-innen{padding:30px 32px 22px}.dez-liste li{grid-template-columns:220px minmax(0,1fr) 150px;grid-template-areas:"ort satz temp""ort balken temp";align-items:center;column-gap:28px}.dez-satz{align-self:end}.dez-balken{align-self:start}}.band{--daumen:44px;--wert:0;height:92px;position:relative}.band-spur{background:linear-gradient(90deg,#6a9fd4 0%,#4fb3d6 22%,#36c3c2 48%,#2fc9a6 70%,#ffc46a 88%,#ff8a6b 100%);border-radius:999px;height:12px;position:absolute;top:34px;left:0;right:0;overflow:hidden}.band-flug .band-spur{background:linear-gradient(90deg,#36c3c2,#4fb3d6 40%,#3f7fc8 75%,#2e4fa8)}.band-spur:before{content:"";background:repeating-linear-gradient(135deg,#ffffffbf 0 4px,#ffffff7a 4px 8px);position:absolute;top:0;bottom:0}.band-boje .band-spur:before{width:calc(var(--daumen)/2 + (100% - var(--daumen)) * var(--wert));left:0}.band-flug .band-spur:before{width:calc(100% - var(--daumen)/2 - (100% - var(--daumen)) * var(--wert));right:0}:root[data-theme=dark] .band-spur:before{background:repeating-linear-gradient(135deg,#0b1c26cc 0 4px,#0b1c269e 4px 8px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .band-spur:before{background:repeating-linear-gradient(135deg,#0b1c26cc 0 4px,#0b1c269e 4px 8px)}}.band-spur i{width:8px;height:8px;top:50%;left:calc(var(--daumen)/2 + (100% - var(--daumen)) * var(--f));background:#fff;border-radius:50%;margin:-4px 0 0 -4px;transition:opacity .3s;position:absolute;box-shadow:0 0 0 2px #0b2f358c}.band-spur i.aus{opacity:.3}.band input{-webkit-appearance:none;appearance:none;cursor:grab;touch-action:pan-y;background:0 0;width:100%;height:44px;margin:0;position:absolute;top:18px;left:0;right:0}.band input::-webkit-slider-runnable-track{background:0 0;height:44px}.band input::-webkit-slider-thumb{-webkit-appearance:none;background:0 0;border:0;border-radius:50%;width:44px;height:44px}.band input::-moz-range-track{background:0 0;height:44px}.band input::-moz-range-thumb{background:0 0;border:0;border-radius:50%;width:44px;height:44px}.band input:focus-visible{outline:none}.knauf{top:18px;left:calc(var(--daumen)/2 + (100% - var(--daumen)) * var(--wert));pointer-events:none;color:#0b2f35;font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;width:44px;height:44px;margin-left:-22px;font-size:12.5px;font-weight:800;display:grid;position:absolute;box-shadow:0 6px 14px -4px #022e3680,0 0 0 2px #fff}.band-boje .knauf{background:radial-gradient(circle,#fff 0 13px,#0000 13.5px),repeating-radial-gradient(circle,#ff7a5c 0 5px,#fff 5px 9px)}.band-flug .knauf{color:#fff;background:#0b3a6e}.band-flug .knauf .ic{fill:currentColor;stroke:none;width:22px;height:22px}.band input:focus-visible~.knauf{box-shadow:0 6px 14px -4px #022e3680,0 0 0 2px #fff,0 0 0 5px var(--fokus)}.band-skala{height:20px;color:var(--karte-text-2);font-variant-numeric:tabular-nums;font-size:12.5px;position:absolute;top:66px;left:0;right:0}.band-skala span{white-space:nowrap;position:absolute}.band-skala span:first-child{left:0}.band-skala span:nth-child(2){left:50%;transform:translate(-50%)}.band-skala span:nth-child(3){right:0}.st-wert{color:var(--ink);font:800 22px/1 Gabarito,sans-serif}.st-wert small{color:var(--karte-text-2);font:500 14px Onest,sans-serif}.regler{gap:6px;display:grid}.regler-feld{color:var(--karte-text-2);grid-template-columns:1fr 1fr;font-size:13.5px;font-weight:600;display:grid}.regler-feld span:last-of-type{text-align:right}.regler-feld input{-webkit-appearance:none;appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;grid-column:1/-1;width:100%;height:36px;margin:0}.regler-feld input:focus{outline:none}.regler-feld input:focus-visible{outline:3px solid var(--fokus);outline-offset:0;border-radius:12px}.regler-feld input::-webkit-slider-runnable-track{background:linear-gradient(90deg,#9fd8e0,#3f8fc8);border-radius:999px;height:8px}.regler-feld input::-moz-range-track{background:linear-gradient(90deg,#9fd8e0,#3f8fc8);border-radius:999px;height:8px}.regler-feld input::-webkit-slider-thumb{-webkit-appearance:none;background:#fffaf1;border:3px solid #0b3a6e;border-radius:50%;width:26px;height:26px;margin-top:-9px;box-shadow:0 2px 8px #00000040}.regler-feld input::-moz-range-thumb{background:#fffaf1;border:3px solid #0b3a6e;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 8px #00000040}.st-chips{flex-wrap:wrap;gap:5px;display:flex}.st-chips li{background:var(--karte-2);color:var(--ink);border-radius:999px;padding:5px 9px;font-size:12.5px;font-weight:600;line-height:1.2;transition:opacity .3s}.st-chips li b{color:var(--lagune-tief);font-weight:700}.st-chips li{border:1px solid #0000}.st-chips li.aus{border:1px dashed var(--linie-stark);color:var(--karte-text-2);background:0 0;text-decoration:line-through 1px}.st-chips li.aus b{color:var(--karte-text-2)}.st-chips li{padding:0}.st-chips a{border-radius:inherit;color:inherit;padding:5px 9px;text-decoration:none;display:block}.st-chips a:hover{text-underline-offset:2px;text-decoration:underline}.st-chips li:not(.aus):hover{border-color:var(--lagune)}.ergebnis{background:var(--glas-fest);border:1px solid var(--glas-rand);color:var(--ink);box-shadow:var(--schatten);border-radius:26px;margin-top:18px;padding:20px}@media (width>=700px){.ergebnis{padding:26px}}.erg-kopf{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 20px;margin-bottom:18px;display:flex}.erg-oben{letter-spacing:.1em;text-transform:uppercase;color:var(--lagune-tief);font-size:12.5px;font-weight:700}.erg-zahl{margin-top:4px;font:800 clamp(1.45rem,1.15rem + 1vw,2rem)/1.15 Gabarito,sans-serif}.erg-zahl b{color:var(--koralle-tief)}.erg-raster{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:18px;display:grid}@media (width<=899px){.erg-raster{grid-template-columns:1fr}}.erg-top{background:var(--karte);border:1px solid var(--karte-rand);border-radius:20px;flex-direction:column;display:flex;position:relative;overflow:hidden}.erg-top .karte-bild{aspect-ratio:16/10}.erg-top img{transition:opacity .35s}.erg-chip{z-index:1;color:#082a3e;background:#ffd166;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:800;position:absolute;top:12px;left:12px}.erg-chip[hidden]{display:none}.erg-text{flex-direction:column;gap:4px;padding:16px 18px 18px;display:flex}.erg-text h3{font-size:26px;font-weight:800}.erg-land{color:var(--karte-text-2);font-size:14.5px}.erg-werte{margin-top:6px;font-size:15px;font-weight:500}.erg-fuss{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.erg-preis{color:var(--karte-text-2);font-size:14.5px}.erg-preis strong{color:var(--koralle-tief);white-space:nowrap;font:800 28px/1 Gabarito,sans-serif}.knopf-voll{background:var(--ink);min-height:48px;color:var(--karte);white-space:nowrap;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:700;text-decoration:none;display:inline-flex}.knopf-voll:hover{filter:brightness(1.15)}.knopf-voll .ic{width:18px;height:18px}.erg-notiz{color:var(--koralle-tief);font-size:14px;font-weight:600}.erg-notiz:empty{display:none}.erg-liste{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.ez{background:var(--karte);border:1px solid var(--karte-rand);border-radius:16px;flex-direction:column;gap:2px;min-width:0;padding:11px 13px 12px;transition:opacity .4s,filter .4s;display:flex;position:relative}.ez.ist-top{display:none}.ez.ist-aus{border:1.5px dashed var(--linie-stark);background:0 0}.ez.ist-aus h4,.ez.ist-aus .ez-preis b{color:var(--karte-text-2)}.ez-kopf{align-items:baseline;gap:8px;display:flex}.ez-rang{color:var(--lagune-tief);font-variant-numeric:tabular-nums;flex:none;font:800 12.5px/1 Gabarito,sans-serif}.ez h4{min-width:0;margin:0;font:700 16.5px/1.2 Gabarito,sans-serif}.ez h4 a{text-decoration:none}.ez-werte{color:var(--karte-text-2);font-size:13.5px;line-height:1.35}.ez-werte span{display:block}.ez-preis{color:var(--karte-text-2);font-size:13.5px}.ez-preis b{color:var(--ink);font-weight:800}.ez-grund{color:var(--lagune-tief);font-size:13px;font-weight:700;line-height:1.3}.ez.ist-aus .ez-grund{color:var(--koralle-tief)}.ez-grund:empty{display:none}.ez:has(a:focus-visible){outline:3px solid var(--fokus);outline-offset:2px}.ez a:focus-visible{outline:none}@media (width<=559px){.erg-liste{grid-template-columns:1fr;gap:8px}.ez{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:2px 12px;display:grid}.ez-preis{white-space:nowrap;grid-area:1/2}.ez-werte{grid-column:1/-1}.ez-werte span{display:inline}.ez-werte span+span:before{content:" · "}.ez-grund{grid-column:1/-1}}.aufkleber{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px 12px;margin-bottom:28px;display:grid}@media (width<=899px){.aufkleber{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}}.kleber{color:var(--auf-wasser);background:0 0;border:0;border-radius:24px;flex-direction:column;align-items:center;gap:8px;padding:6px 2px;display:flex}.kleber-rund{aspect-ratio:1;background:var(--sb);width:min(100%,148px);color:var(--si);transform:rotate(var(--r,0deg));border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px;transition:transform .4s cubic-bezier(.3,.7,.2,1.4),box-shadow .3s;display:flex;position:relative;box-shadow:0 16px 30px -14px #000818b3}.kleber-rund:before{content:"";opacity:.45;border:2px dashed;border-radius:50%;position:absolute;inset:8px}.kleber-rund svg{width:clamp(28px,24%,38px);height:auto;position:relative}.kleber-rund b{text-align:center;hyphens:manual;max-width:84%;font:700 clamp(13.5px,3.5vw,17px)/1.1 Gabarito,sans-serif;position:relative}.kleber:hover .kleber-rund,.kleber.hervor .kleber-rund{transform:rotate(calc(var(--r,0deg) * -1)) scale(1.05)}.kleber[aria-pressed=true] .kleber-rund{transform:rotate(0)scale(1.08);box-shadow:0 0 0 3px #fff,0 0 0 7px #ffd166,0 18px 34px -14px #000818b3}.kleber:focus-visible{outline:none}.kleber:focus-visible .kleber-rund{outline:3px solid var(--fokus-wasser);outline-offset:5px}.speisekarte{background:var(--karte);color:var(--ink);box-shadow:var(--schatten);border:1px solid var(--karte-rand);border-radius:8px 8px 26px 26px;padding:34px 18px 22px;position:relative}.speisekarte:before{content:"";border-top:2px dotted var(--linie-stark);position:absolute;top:12px;left:18px;right:18px}.sk-kopf{text-align:center;margin-bottom:18px}.sk-kopf p{text-wrap:balance;letter-spacing:.14em;text-transform:uppercase;color:var(--lagune-tief);font-size:12.5px;font-weight:700}.sk-liste{grid-template-columns:1fr 1fr;gap:0 40px;display:grid}@media (width<=819px){.sk-liste{grid-template-columns:1fr}}.sk-liste li{border-top:1px solid var(--karte-rand)}.sk-liste a{border-radius:14px;margin:0 -12px;padding:15px 12px;text-decoration:none;transition:background-color .3s;display:block}.sk-liste li.hervor a,.sk-liste a:hover{background:#ffc94a38}.sk-zeile{align-items:baseline;gap:10px;display:flex}.sk-name{font:700 18.5px/1.2 Gabarito,sans-serif}.sk-punkte{border-bottom:2px dotted var(--linie-stark);flex:1;min-width:18px;transform:translateY(-4px)}.sk-preis{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.sk-besch{color:var(--karte-text-2);max-width:34em;margin-top:3px;font-size:14.5px;display:block}.sk-fuss{text-align:center;color:var(--karte-text-2);margin-top:14px;font-size:13.5px}@media (width>=820px){.speisekarte{padding:44px 44px 28px}}
