@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700&family=Italiana&family=Alex+Brush&family=Fraunces:opsz,wght@9..144,300;9..144,400;9..144,500;9..144,600&display=swap";:root{--bg:#0c0a08;--bg-elevated:#16110b;--bg-elevated-2:#1e160e;--text:#f0e8d8;--text-muted:#9c8f78;--text-dim:#6b5f4a;--gold:#c9a227;--gold-light:#e8c24a;--gold-dim:#c9a2271a;--red:#d44434;--border:#c4a97a29;--border-strong:#c4a97a52;--font-display:"Playfair Display", Georgia, serif;--font-hero:"Italiana", "Playfair Display", Georgia, serif;--font-script:"Alex Brush", cursive;--font-body:"Fraunces", Georgia, serif;--radius:14px;--radius-lg:28px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.container{max-width:1160px;margin:0 auto;padding:0 1.5rem}.schiefer{background-color:var(--bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(at 15% 15%,#c9a2270f 0%,#0000 40%),radial-gradient(at 85% 10%,#ffffff08 0%,#0000 42%),radial-gradient(at 70% 85%,#00000080 0%,#0000 50%)}.steinwand{background-color:#171009;background-image:linear-gradient(#0c0a088c 0%,#0c0a08b8 100%),url(/steinwand.png);background-position:50%;background-size:cover;position:relative}.welle{width:100%;height:70px;line-height:0;position:absolute;bottom:-1px;left:0}.welle svg{width:100%;height:100%;display:block}.blob{border-radius:63% 37% 54% 46%/43% 37% 63% 57%;overflow:hidden}.eyebrow{letter-spacing:.24em;text-transform:uppercase;color:var(--gold);font-size:.72rem;font-weight:600}.btn{font-family:var(--font-body);letter-spacing:.02em;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:.55rem;padding:1rem 2.1rem;font-size:.92rem;font-weight:600;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,border-color .3s,background .3s,color .3s;display:inline-flex;position:relative;overflow:hidden}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)scale(.97)}.btn-primary{background:linear-gradient(155deg, #f0d9a0 0%, var(--gold) 55%, #93711b 100%);color:#1a1206;box-shadow:0 10px 26px #8a6c1a59,inset 0 1px #ffffff80,inset 0 -3px 6px #0000002e}.btn-primary:hover{box-shadow:0 16px 36px #8a6c1a73,inset 0 1px #ffffff8c,inset 0 -3px 6px #0000002e}.btn-primary:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#ffffffa6,#0000);width:35%;transition:left .65s;position:absolute;top:-20%;bottom:-20%;left:-60%;transform:skew(-18deg)}.btn-primary:hover:after{left:130%}.btn-outline{color:var(--text);border-color:var(--border-strong);background:#c9a2270d;box-shadow:inset 0 0 0 1px #c9a2270f}.btn-outline:hover{border-color:var(--gold);color:var(--gold-light);background:#c9a2271a;box-shadow:0 10px 24px #8a6c1a38,inset 0 0 0 1px #c9a22726}.section{padding:6rem 0}.section-title{font-family:var(--font-display);letter-spacing:-.01em;margin:.5rem 0 1rem;font-size:clamp(1.9rem,4vw,2.7rem);font-weight:700}.section-lead{color:var(--text-muted);max-width:620px;font-size:1.02rem;line-height:1.65}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg)}.feature-card{transition:transform .3s,box-shadow .3s,border-color .3s}.feature-card:hover{border-color:var(--border-strong);transform:translateY(-6px);box-shadow:0 20px 45px #0006}.phone-frame{box-shadow:0 30px 70px #0009, 0 0 0 1px var(--border-strong);border:5px solid #17120c;border-radius:30px;transition:transform .35s;overflow:hidden}.app-hero-phones{justify-content:center;align-items:center;max-width:460px;margin:3rem auto 0;display:flex}.app-hero-phone-1{z-index:1;width:170px;margin-right:-2rem;transform:rotate(-9deg)translate(18px,18px)}.app-hero-phone-2{z-index:3;width:220px}.app-hero-phone-3{z-index:2;width:170px;margin-left:-2rem;transform:rotate(9deg)translate(-18px,24px)}@media (width>=900px){.app-hero-phones{max-width:100%;margin:0}.app-hero-phone-1{width:220px}.app-hero-phone-2{width:290px}.app-hero-phone-3{width:220px}}.logo-dreh-buehne{perspective:900px}.logo-dreh{transform-style:preserve-3d;animation:18s linear infinite logo-drehen}@keyframes logo-drehen{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.creme{--bg:#ddceaf;--bg-elevated:#ece0c4;--bg-elevated-2:#d3c2a0;--text:#2e2113;--text-muted:#5d4c34;--text-dim:#7a6a4d;--gold:#8a6c1a;--gold-light:#a8841e;--border:#4a381433;--border-strong:#4a381461;background:var(--bg);color:var(--text)}.creme .index-num{-webkit-text-stroke:1px var(--border-strong)}.aufgehellt{background-color:#171009}@keyframes licht-angehen{0%{opacity:1}to{opacity:0}}.licht-angehen-overlay{animation:5s ease-in .3s forwards licht-angehen}.treue-linie{background:#e8c9882e;border-radius:999px;position:relative;overflow:visible;box-shadow:inset 0 1px 2px #0006}.treue-linie-fluss{background:linear-gradient(90deg,#7a5a24,#e8c988 55%,#fff6de);border-radius:999px;width:0%;animation:1.4s cubic-bezier(.22,1,.36,1) .3s forwards treue-linie-erstfuellung;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 12px 2px #e8c988b3}@keyframes treue-linie-erstfuellung{0%{width:0%}to{width:100%}}.treue-linie-fluss-kopf{background:radial-gradient(circle,#fff6de 0%,#e8c988 70%);border-radius:50%;width:10px;height:10px;position:absolute;top:50%;right:0;transform:translate(50%,-50%);box-shadow:0 0 12px 4px #fff6dee6}.treue-linie-puls{background:linear-gradient(90deg,#0000,#fffffff2,#0000);width:30%;animation:5s ease-in-out 1.7s infinite treue-linie-puls-bewegung;position:absolute;top:0;bottom:0}@keyframes treue-linie-puls-bewegung{0%{transform:translate(-150%)}16%{transform:translate(350%)}to{transform:translate(350%)}}@media (width<=640px){.treue-stufen{flex-direction:column;align-items:center;gap:2.8rem}.treue-stufe{max-width:260px;width:100%!important}.treue-linie{display:none}}@keyframes treue-gluehen{0%,to{box-shadow:0 0 6px 1px #e8c98899,0 0 0 1px #e8c988e6}50%{box-shadow:0 0 12px 4px #e8c988f2,0 0 0 1px #e8c988e6}}.hero-grid{grid-template-columns:minmax(280px,1.15fr) minmax(220px,.85fr)}@media (width<=760px){.hero-grid{text-align:center;grid-template-columns:1fr}.hero-grid>div:last-child{order:-1}.hero-cta-row{justify-content:center}}@media (width<=640px){.grid-2-spalten{grid-template-columns:1fr!important}}.dish-card{border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--border);transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s,border-color .4s;overflow:hidden}.dish-card:hover{border-color:var(--border-strong);transform:translateY(-10px);box-shadow:0 32px 70px #0000008c}.dish-card-bild{aspect-ratio:4/5;overflow:hidden}.dish-card-bild img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.dish-card:hover .dish-card-bild img{transform:scale(1.07)}.dish-card-info{text-align:center;padding:1.3rem 1.4rem 1.6rem}.dish-card-kategorie{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.45rem;font-size:.66rem;font-weight:600}.dish-card-name{font-family:var(--font-display);font-size:1.28rem;font-style:italic}.index-num{font-family:var(--font-display);color:#0000;-webkit-text-stroke:1px var(--border-strong);font-size:2.4rem;font-weight:700;line-height:1}