/* Mixtour V62 – Mitglied werden und 404 im Stil von Cocktailkultur/Reisen */
*{box-sizing:border-box}
html,body{margin:0;background:#05080b;color:#f5f2ed}
body.membership-v62,body.error-v62,body.coming-v64{font-family:Arial,Helvetica,sans-serif}

.membership-main,.error-main,.coming-main{min-height:calc(100svh - 112px);background:linear-gradient(rgba(5,8,11,.76),rgba(5,8,11,.88)),url("cocktail-bg-soft.jpg") center/cover no-repeat fixed}
.membership-main{display:grid;grid-template-columns:minmax(0,690px) minmax(240px,390px);grid-template-rows:auto auto auto auto;column-gap:32px;width:100%;max-width:100%;padding:54px max(clamp(22px,6vw,96px),calc((100% - 1272px)/2)) 48px;overflow:hidden}
.membership-main>.eyebrow{grid-column:1;grid-row:1;margin:0 0 9px}
.membership-main>h1{grid-column:1;grid-row:2;margin:0 0 16px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,3vw,3rem);line-height:1.08;font-weight:400;letter-spacing:-.03em}
.membership-main>.intro-text{grid-column:1;grid-row:3;margin:0;width:690px;max-width:100%;color:#d5d9dc;font-size:1rem;line-height:1.7}
.membership-route{grid-column:2;grid-row:1/4;display:flex;align-items:flex-start;justify-content:flex-end;min-height:190px}
.membership-route img{display:block;width:min(100%,451px);max-width:100%;height:auto;object-fit:contain}
.eyebrow{color:#ff2d72;text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;font-weight:800}

.membership-story{grid-column:1/-1;grid-row:4;width:100%;margin-top:34px;padding:34px 0 30px;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.10);background:rgba(6,10,14,.28)}
.membership-story>.accent-line{display:block;width:54px;height:2px;margin:0 0 24px;background:#ff2d72}
.membership-story>p:not(.script-line){max-width:900px;margin:0;color:#d9dcdf;font-size:1rem;line-height:1.72}
.membership-story>p+p:not(.script-line){margin-top:16px}
.membership-story>.script-line{margin:25px 0 0;color:#ff2d72;font-family:"Segoe Script","Brush Script MT",cursive;font-size:clamp(1.55rem,2.5vw,2.25rem);font-style:italic;line-height:1.35}

.membership-action{grid-column:1/-1;display:flex;align-items:flex-end;justify-content:space-between;gap:38px;padding:34px 0 0}
.membership-action .small-intro{margin:0 0 7px;color:#c4c7ca;font-size:.88rem}
.membership-action h2{margin:0 0 8px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.45rem,2.3vw,2rem);font-weight:400}
.membership-action p:last-child{margin:0;max-width:650px;color:#bfc5c9;font-size:.92rem;line-height:1.6}
.home-button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;padding:14px 25px;border:1px solid rgba(255,45,114,.58);border-radius:8px;color:#fff;background:rgba(255,45,114,.13);box-shadow:0 0 22px rgba(255,45,114,.08);text-decoration:none;text-transform:uppercase;font-size:.75rem;font-weight:800;letter-spacing:.06em;white-space:nowrap;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}
.membership-button{min-height:54px;width:min(100%,320px);display:flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:12px;color:#05080b;text-decoration:none;font-weight:800;font-size:.98rem;background:linear-gradient(90deg,#ff3f85,#ffb82e 36%,#d8ef4a 58%,#1ed6f3);transition:transform .18s ease,filter .18s ease}
.membership-main>.palm-divider{grid-column:1/-1;width:min(520px,70%);margin:40px auto 0}

.error-main{display:flex;flex-direction:column;justify-content:center;padding:54px clamp(22px,6vw,96px) 48px}
.error-intro{width:min(1080px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,430px);align-items:center;gap:clamp(36px,7vw,92px)}
.error-copy{position:relative;z-index:2}
.error-copy .eyebrow{margin:0 0 9px}
.error-copy h1{margin:0 0 16px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.2rem,4vw,3.7rem);line-height:1.08;font-weight:400;letter-spacing:-.03em}
.error-copy .intro-text{margin:0 0 28px;max-width:680px;color:#d5d9dc;font-size:1rem;line-height:1.7}
.error-visual{position:relative;min-height:310px;display:flex;align-items:center;justify-content:center}
.error-code{font-family:Georgia,"Times New Roman",serif;font-size:clamp(7rem,13vw,11rem);line-height:1;color:rgba(245,242,237,.96);letter-spacing:-.07em;text-shadow:0 0 28px rgba(255,45,114,.12)}
.error-visual::before{content:"";position:absolute;left:8%;right:8%;top:50%;height:1px;background:linear-gradient(90deg,transparent,#ff2d72,transparent);opacity:.72}
.error-visual img{position:absolute;right:-24px;bottom:-18px;width:min(390px,100%);height:auto;opacity:.42}
.error-divider{display:flex;align-items:center;justify-content:center;gap:16px;width:min(520px,70%);margin:44px auto 0;color:#ff2d72}.error-divider span{height:1px;flex:1;background:#ff2d72;opacity:.75}.error-divider b{font-size:1.55rem;font-weight:400}

.coming-main{display:flex;flex-direction:column;justify-content:center;padding:54px clamp(22px,6vw,96px) 48px}
.coming-intro{width:min(1080px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,410px);align-items:center;gap:clamp(36px,7vw,92px)}
.coming-copy .eyebrow{margin:0 0 9px}.coming-copy h1{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.2rem,4vw,3.7rem);line-height:1.08;font-weight:400;letter-spacing:-.03em}.coming-copy>.accent-line{display:block;width:54px;height:2px;margin:18px 0 24px;background:#ff2d72}.coming-copy .intro-text{margin:0;max-width:680px;color:#d5d9dc;font-size:1rem;line-height:1.7}.coming-copy .script-line{margin:24px 0 28px;color:#ff2d72;font-family:"Segoe Script","Brush Script MT",cursive;font-size:clamp(1.45rem,2.5vw,2.15rem);font-style:italic;line-height:1.35}
.coming-route{display:flex;align-items:center;justify-content:flex-end}.coming-route img{display:block;width:451px;max-width:100%;height:auto;object-fit:contain}
.coming-divider{display:flex;align-items:center;justify-content:center;gap:16px;width:min(520px,70%);margin:44px auto 0;color:#ff2d72}.coming-divider span{height:1px;flex:1;background:#ff2d72;opacity:.75}.coming-divider b{font-size:1.55rem;font-weight:400}

@media(hover:hover) and (pointer:fine){.membership-button:hover{transform:translateY(-2px);filter:brightness(1.05)}.home-button:hover{background:rgba(255,45,114,.23);border-color:#ff2d72;box-shadow:0 0 28px rgba(255,45,114,.16)}}
@media(max-width:1100px){.membership-main{grid-template-columns:minmax(0,1fr);grid-template-rows:auto}.membership-main>.eyebrow,.membership-main>h1,.membership-main>.intro-text,.membership-route,.membership-story,.membership-action{grid-column:1;grid-row:auto}.membership-route{width:100%;min-width:0;min-height:0;justify-content:flex-start;margin-top:22px;overflow:hidden}.membership-route img{width:min(100%,451px);max-width:100%}.membership-story{margin-top:28px}.error-intro,.coming-intro{grid-template-columns:1fr}.error-visual{min-height:245px;justify-content:flex-start}.error-code{font-size:clamp(7rem,24vw,10rem)}.error-visual img{right:auto;left:120px;width:min(390px,72vw)}.coming-route{justify-content:flex-start}.coming-route img{width:min(451px,70vw)}}
@media(max-width:760px){.membership-main,.error-main,.coming-main{padding-top:40px;background-attachment:scroll}.membership-action{align-items:flex-start;flex-direction:column}.error-intro,.coming-intro{gap:24px}.error-visual{min-height:210px}.error-visual img{left:82px}.membership-main>.palm-divider,.error-divider,.coming-divider{width:min(520px,88%)}}
@media(max-width:430px){.membership-main,.error-main,.coming-main{padding-left:18px;padding-right:18px}.membership-main>h1,.error-copy h1,.coming-copy h1{font-size:clamp(2rem,10vw,2.7rem)}.membership-route{margin-top:18px}.membership-route img{width:min(100%,360px)}.membership-story{padding-top:28px;padding-bottom:26px}.membership-story>p:not(.script-line){font-size:.96rem}.membership-action{gap:24px}.membership-button,.home-button{width:100%}.error-visual{min-height:175px}.error-code{font-size:6.5rem}.error-visual img{left:62px;width:270px}.coming-route img{width:100%}}
@media(max-width:900px){.membership-main,.error-main,.coming-main{min-height:calc(100svh - 82px)}}
@media(max-width:430px){.membership-main,.error-main,.coming-main{min-height:calc(100svh - 76px)}}
@media(max-width:360px){.error-visual img{left:38px;width:235px}}
@media(prefers-reduced-motion:reduce){.membership-button,.home-button{transition:none}}