:root{--bg:#fbf6ea;--paper:#fffdf8;--ink:#302924;--muted:#766a60;--accent:#cb715c;--accent2:#386789;--accent3:#e4a33e;--line:#eadfd2;--shadow:0 18px 50px #49382812;--radius:26px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.wrap{width:min(1160px,calc(100% - 32px));margin:auto}
.demo-bar{background:var(--ink);color:var(--bg);padding:8px 16px;text-align:center;font-size:.8rem}.demo-bar a{text-decoration:underline}
header{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px;font-weight:900}.brand img{width:50px;height:50px;border-radius:50%;background:#fff}.navlinks{display:flex;gap:22px;align-items:center;font-size:.9rem;font-weight:750}
.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:999px;padding:13px 19px;background:var(--accent);color:white;font-weight:850;cursor:pointer;transition:.18s}.btn:hover{transform:translateY(-1px)}.btn.alt{background:var(--paper);color:var(--ink);border-color:var(--line)}
.hero{padding:72px 0 58px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:var(--accent);font-size:.76rem;font-weight:900}
h1{font-family:Georgia,serif;font-size:clamp(3.4rem,7vw,6.6rem);line-height:.9;letter-spacing:-.055em;margin:16px 0 24px}h1 span{color:var(--accent)}.lead{font-size:1.16rem;color:var(--muted);max-width:670px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.micro{display:flex;gap:19px;flex-wrap:wrap;margin-top:26px;color:var(--muted);font-size:.88rem}.micro b{color:var(--accent2)}
.hero-art{position:relative;min-height:490px;display:grid;place-items:center}.logo-card{position:relative;z-index:2;width:min(450px,90%);aspect-ratio:1;background:#fff;border:1px solid var(--line);border-radius:36px;padding:18px;box-shadow:var(--shadow);transform:rotate(2deg)}.logo-card img{width:100%;height:100%;object-fit:contain}.blob{position:absolute;border-radius:50%}.blob.a{width:175px;height:175px;background:color-mix(in srgb,var(--accent3) 45%,white);left:0;top:50px}.blob.b{width:120px;height:120px;background:color-mix(in srgb,var(--accent2) 24%,white);right:0;bottom:48px}.stamp{position:absolute;right:0;top:90px;z-index:4;width:108px;height:108px;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--accent2);color:white;font-size:.76rem;font-weight:900;transform:rotate(9deg)}
section{padding:78px 0}.kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-size:.76rem;font-weight:900}h2{font-family:Georgia,serif;font-size:clamp(2.25rem,4.5vw,4rem);line-height:1;letter-spacing:-.04em;margin:8px 0 14px}.copy{color:var(--muted);max-width:700px;font-size:1.04rem}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:32px}.card{background:color-mix(in srgb,var(--paper) 92%,transparent);border:1px solid var(--line);border-radius:var(--radius);padding:25px;box-shadow:0 10px 30px #4938280a}.step .num{font:700 3.4rem Georgia;color:color-mix(in srgb,var(--accent) 25%,transparent)}.step h3,.occasion h3{margin:7px 0}.step p,.occasion p{margin:0;color:var(--muted)}
.occasion-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}.occasion{min-height:190px;display:flex;flex-direction:column;justify-content:space-between}.emoji{font-size:2rem}
.booking{background:var(--paper);border-block:1px solid var(--line)}.bookgrid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px;margin-top:27px}.panel{background:color-mix(in srgb,var(--bg) 58%,var(--paper));border:1px solid var(--line);border-radius:var(--radius);padding:24px}.days{display:flex;gap:8px;overflow:auto;margin:17px 0}.day{min-width:82px;border:1px solid var(--line);border-radius:15px;padding:10px;text-align:center;color:var(--muted)}.day.active{background:color-mix(in srgb,var(--accent) 11%,var(--paper));border-color:var(--accent);color:var(--ink)}.slots{display:grid;gap:9px}.slot{width:100%;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:16px;padding:14px 15px;display:flex;justify-content:space-between;align-items:center;text-align:left;cursor:pointer}.slot:hover{border-color:var(--accent)}.slot small{color:var(--muted)}.free{background:color-mix(in srgb,var(--accent2) 13%,var(--paper));color:var(--accent2);border-radius:999px;padding:6px 9px;font-size:.76rem;font-weight:900}
.groupbox{background:var(--ink);color:var(--bg)}.groupbox p{color:color-mix(in srgb,var(--bg) 72%,transparent)}.groupbox ul{padding-left:18px}.groupbox .btn{width:100%;background:var(--paper);color:var(--ink)}
.cta{display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 20%,var(--paper)),color-mix(in srgb,var(--accent3) 18%,var(--paper)));border:1px solid var(--line);border-radius:calc(var(--radius) + 6px);padding:32px}.cta h3{font:700 2rem Georgia;margin:0 0 7px}.cta p{margin:0;color:var(--muted)}
.faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:38px}.faqs{display:grid;gap:9px}details{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:0 17px}summary{padding:16px 0;font-weight:850;cursor:pointer}details p{color:var(--muted)}
footer{border-top:1px solid var(--line);padding:40px 0 54px;color:var(--muted)}.foot{display:flex;justify-content:space-between;align-items:center;gap:20px}.foot img{width:56px}
.modal{position:fixed;inset:0;background:#201915aa;display:none;place-items:center;padding:18px;z-index:99}.modal.open{display:grid}.modal-panel{width:min(560px,100%);background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:26px;padding:25px;position:relative;box-shadow:0 28px 90px #0005}.modal-close{position:absolute;right:14px;top:14px;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:var(--bg);color:var(--ink);cursor:pointer}.modal h3{font:700 1.75rem Georgia;margin:0 48px 8px 0}#chosen{background:var(--bg);border:1px solid var(--line);border-radius:13px;padding:12px;margin:14px 0}.form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form input,.form select{width:100%;padding:11px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#222}.form .btn{grid-column:1/-1}.success{text-align:center;padding:18px}
.back{position:fixed;left:14px;bottom:14px;z-index:50;background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:9px 13px;border-radius:999px;font-size:.8rem;font-weight:850;box-shadow:var(--shadow)}
/* Version 2: Color Pop */
.theme-2{--bg:#fff7df;--paper:#fff;--ink:#252220;--muted:#5e554d;--accent:#e86f61;--accent2:#2e6893;--accent3:#f6c945;--line:#252220;--radius:18px}.theme-2 body{}.theme-2 header{background:#f6c945f0;border-bottom:3px solid var(--ink)}.theme-2 .brand img,.theme-2 .card,.theme-2 .panel,.theme-2 .logo-card,.theme-2 details,.theme-2 .cta{border-width:3px;box-shadow:7px 7px 0 var(--ink)}.theme-2 .btn{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:14px}.theme-2 h1,.theme-2 h2,.theme-2 .cta h3{font-family:Arial Black,Arial,sans-serif;text-transform:uppercase}.theme-2 h1{font-size:clamp(3.7rem,8vw,7.2rem)}.theme-2 h1 span{display:inline-block;background:var(--accent);color:#fff;padding:0 .08em;transform:rotate(-2deg)}.theme-2 .logo-card{transform:rotate(3deg)}.theme-2 .stamp{background:var(--accent);border:3px solid var(--ink)}.theme-2 .occasion:nth-child(2){background:var(--accent3)}.theme-2 .occasion:nth-child(3){background:var(--accent2);color:white}.theme-2 .occasion:nth-child(3) p{color:#e8eef4}
/* Version 3: Galerie Minimal */
.theme-3{--bg:#f7f5f0;--paper:#fff;--ink:#1e1d1a;--muted:#77736d;--accent:#b75f4e;--accent2:#4a4a46;--accent3:#d9d5cd;--line:#d9d5cd;--radius:0}.theme-3 .btn{border-radius:0;background:var(--ink)}.theme-3 .btn.alt{background:transparent;border:0;border-bottom:1px solid var(--ink)}.theme-3 .logo-card,.theme-3 .card,.theme-3 .panel,.theme-3 details,.theme-3 .cta{box-shadow:none}.theme-3 .logo-card{transform:none}.theme-3 .blob,.theme-3 .stamp{display:none}.theme-3 h1{font-weight:400;font-size:clamp(4rem,8vw,7.6rem)}.theme-3 .cards,.theme-3 .occasion-grid{gap:0}.theme-3 .card{border-right:0;border-bottom:0}.theme-3 .card:last-child{border-right:1px solid var(--line)}.theme-3 .occasion{min-height:220px}.theme-3 .slot{border-radius:0;border-inline:0}.theme-3 .day{border-radius:0}.theme-3 .groupbox{background:#f0eee9;color:var(--ink)}.theme-3 .groupbox p{color:var(--muted)}.theme-3 .groupbox .btn{background:var(--ink);color:white}
/* Version 4: Night Studio */
.theme-4{--bg:#15181c;--paper:#20242a;--ink:#f7f1e8;--muted:#aeb2b6;--accent:#75c5c7;--accent2:#ed8b65;--accent3:#f1c05e;--line:#353b43;--radius:23px}.theme-4 body{background:radial-gradient(circle at 75% 0,#21343b,transparent 28%),var(--bg)}.theme-4 header{background:#15181cee}.theme-4 .logo-card{background:#fff;box-shadow:0 30px 90px #0008}.theme-4 .stamp{background:var(--accent2)}.theme-4 .card,.theme-4 .panel,.theme-4 details{background:linear-gradient(145deg,#20242a,#1a1d22)}.theme-4 .booking{background:#111418}.theme-4 .slot{background:#171b1f}.theme-4 .groupbox{background:linear-gradient(145deg,#2c2524,#20242a)}.theme-4 .groupbox .btn{background:var(--accent2);color:#17120f}.theme-4 .cta{background:linear-gradient(90deg,#2c2524,#1e292b)}
/* Version 5: Handgemacht */
.theme-5{--bg:#fbf3df;--paper:#fffaf0;--ink:#312b27;--muted:#75685d;--accent:#ce6e59;--accent2:#3d6f92;--accent3:#e7aa41;--line:#3b332d;--radius:8px}.theme-5 body{background-color:var(--bg);background-image:linear-gradient(#8d78570b 1px,transparent 1px),linear-gradient(90deg,#8d78570b 1px,transparent 1px);background-size:24px 24px}.theme-5 h1{font-family:"Comic Sans MS","Bradley Hand",cursive}.theme-5 h2,.theme-5 .cta h3{font-family:"Comic Sans MS","Bradley Hand",cursive}.theme-5 .btn,.theme-5 .card,.theme-5 .panel,.theme-5 details,.theme-5 .logo-card,.theme-5 .cta{border-width:2px;box-shadow:6px 7px 0 #77665333}.theme-5 .card:nth-child(odd){transform:rotate(-.5deg)}.theme-5 .card:nth-child(even){transform:rotate(.6deg)}.theme-5 .logo-card{transform:rotate(4deg)}.theme-5 .stamp{border:2px solid var(--line);background:var(--accent3);color:var(--ink)}.theme-5 .booking{background:#f0e3c8;border-block:2px dashed #a49174}.theme-5 .groupbox{background:#f5d6cf;color:var(--ink)}.theme-5 .groupbox p{color:var(--muted)}.theme-5 .groupbox .btn{background:var(--accent);color:#fff}
@media(max-width:900px){.navlinks a:not(.btn){display:none}.hero-grid,.bookgrid,.faq{grid-template-columns:1fr}.hero-art{min-height:410px}.cards{grid-template-columns:1fr}.occasion-grid{grid-template-columns:1fr 1fr}.cta{grid-template-columns:1fr}}@media(max-width:600px){h1{font-size:3.5rem}.occasion-grid{grid-template-columns:1fr}.form{grid-template-columns:1fr}.form .btn{grid-column:auto}.foot{flex-direction:column;align-items:flex-start}}