.d-fleck{display:none}html[data-design=glas] .d-fleck{display:block}@media not (min-width:40rem){html[data-design=glas] .d-anlaesse>.d-fleck{display:none}}html[data-design=glas]{--color-creme:#fcfaf7;--color-hell:#fff;--color-papier:#fffdfa;--color-sand:#f5efe6;--color-sand-tief:#f6f1ea80;--color-buehne:#ecdccb;--color-buehne-bogen:#e8d6c2;--color-linie:#ece4d8;--color-linie-stark:#e3d9ca;--color-nacht:#12302f;--color-nacht-text:#e3f0ed;--color-nacht-leise:#b9d2cc;--color-nacht-label:#8fb0a9;--color-nacht-linie:#2a4a47;--color-nacht-hover:#8fd3c6;--glas-flaeche:linear-gradient(145deg, #ffffffb8, #ffffff47);--glas-rand:1px solid #ffffffbf;--glas-unschaerfe:blur(18px) saturate(1.3);--erhaben:16px 16px 34px #967d5f42, -14px -14px 30px #fffffff2, inset 1.5px 1.5px 2px #fffffff2, inset -1.5px -1.5px 3px #967d5f14;--erhaben-klein:4px 4px 10px #967d5f2e, -3px -3px 8px #fffffff2;--tuerkis:linear-gradient(135deg, #80c1d8 0%, #8ac3c6 25%, #91c5b9 52%, #80bfbe 80%, #78bcc0 100%);--tuerkis-text:linear-gradient(135deg, #63aec6, #72b3a4 55%, #5eaebb)}html[data-design=glas] .d-kopf{background-color:#fcfaf7b8}html[data-design=glas] .d-seite{isolation:isolate;position:relative;overflow-x:clip}html[data-design=glas] .d-seite:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(360px 260px at 8% 250px,#7bc0e021,#0000 100%),radial-gradient(380px 240px at 52% 110px,#92c5b824,#0000 100%),radial-gradient(340px 260px at 94% 560px,#ecb08c21,#0000 100%),radial-gradient(360px 220px at 30% 690px,#92c5b823,#0000 100%);height:900px;position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 45%,#0000 100%);mask-image:linear-gradient(#000 45%,#0000 100%)}html[data-design=glas] .d-seite:after{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(22vw 220px at 8% 30%,#92c5b832,#0000 100%),radial-gradient(20vw 200px at 38% 62%,#ecb08c28,#0000 100%),radial-gradient(24vw 240px at 66% 26%,#7bc0e02b,#0000 100%),radial-gradient(18vw 200px at 94% 58%,#92c5b832,#0000 100%),radial-gradient(16vw 180px at 52% 92%,#ecb08c21,#0000 100%);height:820px;position:absolute;inset:auto 0 360px;-webkit-mask-image:linear-gradient(#0000 0%,#000 30% 100%);mask-image:linear-gradient(#0000 0%,#000 30% 100%)}html[data-design=glas] .d-kachel,html[data-design=glas] .d-karte,html[data-design=glas] .d-buehne{-webkit-backdrop-filter:var(--glas-unschaerfe);border:var(--glas-rand);box-shadow:var(--erhaben)}html[data-design=glas] .d-kachel{box-shadow:10px 12px 26px color-mix(in srgb, var(--kf,#d8c8b4) 45%, transparent), -6px -6px 14px #ffffffd9, inset 1.5px 1.5px 2px #ffffffe6, inset -1px -1px 3px #967d5f12;background:linear-gradient(145deg, #ffffff57, #fff0 65%), color-mix(in srgb, var(--kf,#f0e4d6) 90%, transparent)!important}html[data-design=glas] .d-raster>li,html[data-design=glas] .d-fleck{--schein:color-mix(in srgb, var(--kf,#d8c8b4) 38%, transparent)}@supports (color:oklch(from red l c h)){html[data-design=glas] .d-raster>li,html[data-design=glas] .d-fleck{--schein:oklch(from var(--kf,#d8c8b4) calc(l * .97) calc(c * 1.6) h / .2)}}html[data-design=glas] .d-raster>li{position:relative}html[data-design=glas] .d-raster>li:before,html[data-design=glas] .d-raster>li:after,html[data-design=glas] .d-fleck{content:"";z-index:-1;pointer-events:none;width:var(--fb,620px);height:var(--fh,480px);translate:-50% -50%;rotate:var(--fr,0deg);background:radial-gradient(ellipse 38% 40% at 42% 44%, var(--schein), transparent 100%), radial-gradient(ellipse 32% 38% at 62% 60%, var(--schein), transparent 100%);position:absolute}html[data-design=glas] .d-raster>li:before{left:calc(50% + var(--ax,0px));top:calc(50% + var(--ay,0px))}html[data-design=glas] .d-raster>li:after{left:calc(50% + var(--bx,0px));top:calc(50% + var(--by,0px));--fb:560px;--fh:440px}html[data-design=glas] .d-raster>li:nth-child(4n+1){--ax:-17vw}html[data-design=glas] .d-raster>li:nth-child(4n+2){--ax:-60px}html[data-design=glas] .d-raster>li:nth-child(4n+3){--ax:70px}html[data-design=glas] .d-raster>li:nth-child(4n){--ax:17vw}html[data-design=glas] .d-raster>li:nth-child(3n+1){--ay:30px;--fr:14deg}html[data-design=glas] .d-raster>li:nth-child(3n+2){--ay:-120px;--fr:-20deg}html[data-design=glas] .d-raster>li:nth-child(3n){--ay:150px;--fr:28deg}html[data-design=glas] .d-raster>li:nth-child(7n+1):after{--bx:9vw;--by:160px}html[data-design=glas] .d-raster>li:nth-child(7n+2):after{--bx:-11vw;--by:-140px}html[data-design=glas] .d-raster>li:nth-child(7n+3):after{--bx:4vw;--by:230px}html[data-design=glas] .d-raster>li:nth-child(7n+4):after{--bx:-8vw;--by:200px}html[data-design=glas] .d-raster>li:nth-child(7n+5):after{--bx:13vw;--by:-50px}html[data-design=glas] .d-raster>li:nth-child(7n+6):after{--bx:-14vw;--by:60px}html[data-design=glas] .d-raster>li:nth-child(7n):after{--bx:6vw;--by:-220px}html[data-design=glas] .d-raster>li:nth-child(2n):after{display:none}html[data-design=glas] .d-raster>li:nth-child(11n+4):before{--fb:760px;--fh:500px}html[data-design=glas] .d-raster>li:nth-child(11n+8):after{--fb:460px;--fh:580px}html[data-design=glas] .d-fleck{--fb:760px;--fh:560px}html[data-design=glas] .d-karte{--kf:#cfe6df;background:var(--glas-flaeche);box-shadow:0 14px 44px 2px color-mix(in srgb, var(--kf) 75%, transparent), var(--erhaben)}html[data-design=glas] .d-buehne{background:linear-gradient(145deg, #ffffff8c, #ffffff26), var(--color-buehne);box-shadow:0 18px 54px 4px color-mix(in srgb, var(--color-buehne) 80%, transparent), 20px 20px 44px #967d5f38, -12px -12px 30px #ffffffe6, inset 2px 2px 3px #ffffffe6}html[data-design=glas] .d-hero-buehne{background:radial-gradient(60% 55% at 50% 42%,#ffffffb3,#0000 72%),linear-gradient(120deg,#dcebe8 0%,#ece4da 46%,#f1dccb 100%);border:1px solid #fffc;box-shadow:0 30px 80px -10px #967d5f47,inset 2px 2px 3px #ffffffe6}@media (min-width:80rem){html[data-design=glas] .d-hero-buehne{border-right:0}}html[data-design=glas] .d-haken{color:#72b3a4}html[data-design=glas] .d-grund{display:none}html[data-design=glas] .d-pille{-webkit-backdrop-filter:blur(10px);box-shadow:var(--erhaben-klein);background:#ffffff9e;border:1px solid #ffffffd9}html[data-design=glas] .d-chip{-webkit-backdrop-filter:blur(12px)saturate(1.3);background:linear-gradient(145deg,#ffffffe0,#ffffff6b);border-color:#ffffffe6;transition:box-shadow .2s,translate .2s,background .2s;box-shadow:5px 5px 12px #967d5f2e,-4px -4px 10px #fffffff2,inset 1px 1px 1.5px #fffffff2,inset -1px -1px 2px #967d5f12}html[data-design=glas] .d-chip:not(.d-chip-an):hover{background:linear-gradient(145deg,#fffffff2,#fff9);translate:0 -1px}html[data-design=glas] .d-chip:not(.d-chip-an):active{translate:0;box-shadow:inset 3px 3px 6px #967d5f2e,inset -3px -3px 6px #ffffffe6}html[data-design=glas] .d-chip-an{background:radial-gradient(ellipse 80% 60% at 30% 20%, #ffffff59, transparent 70%), var(--tuerkis);color:#12292b;border-color:#ffffffb3;box-shadow:inset 3px 3px 6px #2869734d,inset -3px -3px 6px #fff6,3px 3px 10px #508c9638,-3px -3px 8px #ffffffe6}@media (prefers-reduced-motion:reduce){html[data-design=glas] .d-chip{transition:none}}html[data-design=glas] .d-akzentwort,html[data-design=glas] .d-nr{background:var(--tuerkis-text);color:#0000;-webkit-background-clip:text;background-clip:text}html[data-design=glas] .d-symbol{box-shadow:3px 3px 8px #3c828c4d,inset 1px 1px 2px #fff9;background:var(--tuerkis)!important;color:#12292b!important}html[data-design=glas] .d-knopf{border:1px solid #ffffffb3;transition:box-shadow .2s,filter .2s,background-color .2s}html[data-design=glas] .d-knopf-akzent{background:var(--tuerkis);color:#12292b;box-shadow:8px 8px 18px #508c9647,-6px -6px 14px #fffffff2,inset 1.5px 1.5px 3px #ffffffa6,inset -2px -2px 4px #3c828c26}html[data-design=glas] .d-knopf-akzent:hover:not(:disabled){background:var(--tuerkis);filter:brightness(1.04)saturate(1.05)}html[data-design=glas] .d-knopf-dunkel{box-shadow:8px 8px 18px #46322352,-6px -6px 14px #fffffff2,inset 1.5px 1.5px 3px #ffffff24,inset -2px -2px 4px #00000059}html[data-design=glas] .d-knopf-rahmen,html[data-design=glas] .d-knopf-leise{-webkit-backdrop-filter:blur(10px);color:var(--color-tinte);background:#ffffff8c;border-color:#ffffffe6;box-shadow:8px 8px 18px #967d5f38,-6px -6px 14px #fffffff2,inset 1.5px 1.5px 2px #ffffffe6}html[data-design=glas] .d-knopf-rahmen:hover:not(:disabled),html[data-design=glas] .d-knopf-leise:hover:not(:disabled){color:var(--color-tinte);background:#ffffffd9}html[data-design=glas] .d-knopf:active:not(:disabled){filter:brightness(.98);box-shadow:inset 3px 3px 7px #0000002e,inset -3px -3px 7px #ffffff80}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){html[data-design=glas] :is(.d-kachel,.d-karte,.d-buehne,.d-pille,.d-knopf-rahmen,.d-knopf-leise){background-color:#ffffffe6}}@media (prefers-reduced-transparency:reduce){html[data-design=glas] :is(.d-kachel,.d-karte,.d-buehne,.d-pille,.d-knopf-rahmen,.d-knopf-leise){-webkit-backdrop-filter:none;background-color:#ffffffeb}}@media (prefers-reduced-motion:reduce){html[data-design=glas] .d-knopf{transition:none}}
@layer components{.tiefe-karton{--s:var(--seite,0);box-shadow:calc(var(--s) * .5px) .8px 0 #e8e0cf, calc(var(--s) * 1px) 1.6px 0 #d9ccb4, calc(var(--s) * 1.4px) 2.3px 0 #c4b496, calc(var(--s) * 1.8px) 3px 0 #a8987c, calc(var(--s) * 7px) 14px 16px -4px #3723084d, calc(var(--s) * 12px) 30px 42px -10px #3c280a57}.tiefe-karton-licht{border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,#ffffff38 0%,#fff0 38%,#321e0a00 62%,#321e0a21 100%);position:absolute;inset:0;box-shadow:inset 1.5px 1.5px #ffffffd9,inset -1.5px -2px #5a411e38,inset 0 0 0 1px #503c1e1a}.tiefe-karton-licht:before{content:"";border-radius:inherit;opacity:.16;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .35  0 0 0 0 .28  0 0 0 0 .2  0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.tiefe-pille{color:#fbf7ef;-webkit-backdrop-filter:blur(18px)saturate(1.5);background:linear-gradient(150deg,#3a3836cc 0%,#161514bd 45%,#080808d6 100%);border:1px solid #ffffff42;border-radius:999px;position:relative;overflow:hidden;box-shadow:-4px -4px 10px #ffffff73,6px 9px 18px #46300c42,2px 3px 6px #46300c29,inset 0 1px #ffffff52,inset 1px 0 #ffffff1f,inset -1px -2px 3px #0000004d}.tiefe-pille:before{content:"";pointer-events:none;background:linear-gradient(#ffffff2e,#fff0);border-radius:999px 999px 40% 40%;position:absolute;inset:0 0 50%}.tiefe-kuppel{color:#12292b;text-shadow:0 1px #ffffff73;background:radial-gradient(circle at 34% 28%,#ffffff80 0%,#fff0 50%),radial-gradient(circle at 70% 78%,#0a323747 0%,#0a323700 55%),linear-gradient(135deg,#80c1d8 0%,#8ac3c6 25%,#91c5b9 52%,#80bfbe 80%,#78bcc0 100%);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex;box-shadow:0 0 0 1.5px #00000040,2px 3px 6px #00000059,inset 1px 1.5px #ffffff8c,inset -1px -2px 3px #00000040}.tiefe-glasknopf{color:var(--color-tinte);-webkit-backdrop-filter:blur(12px)saturate(1.3);background:linear-gradient(145deg,#ffffffb8,#ffffff52);border:1px solid #fffc;border-radius:50%;flex:none;justify-content:center;align-items:center;transition:background .25s,color .25s,box-shadow .25s;display:flex;box-shadow:-4px -4px 10px #ffffff8c,6px 8px 16px #46300c33,inset 1.5px 1.5px #ffffffe6,inset -1px -2px 3px #5a411e1a}.group:is(:hover,:focus-visible) .tiefe-glasknopf{color:#12292b;background:radial-gradient(circle at 34% 28%,#ffffff80 0%,#fff0 50%),linear-gradient(135deg,#80c1d8 0%,#8ac3c6 25%,#91c5b9 52%,#80bfbe 80%,#78bcc0 100%);box-shadow:-4px -4px 10px #ffffff8c,5px 7px 14px #285f644d,inset 1px 1.5px #fff9,inset -1px -2px 3px #0a323733}.tiefe-praegung-stark{text-shadow:-1px -1px #ffffffe6,-3px -3px 7px #ffffffb3,1px 1.5px 1px #825f1e33,4px 6px 12px #825f1e29}.tiefe-praegung{text-shadow:-1px -1px #ffffffe6,1px 1.5px 2px #825f1e38}.tiefe-praegung-leicht{text-shadow:-1px -1px #ffffffbf,1px 1px 1px #825f1e1f}:is(.tiefe-praegung-stark,.tiefe-praegung,.tiefe-praegung-leicht) .d-akzentwort{text-shadow:none;filter:drop-shadow(-1px -1px #ffffffe6)drop-shadow(1px 1.5px 1.5px #285f6438)}@media (prefers-reduced-motion:reduce){.tiefe-glasknopf{transition:none}}@media (prefers-reduced-transparency:reduce){.tiefe-pille{-webkit-backdrop-filter:none;background:#262422}}}