@font-face{font-family:"Cormorant";src:url("assets/fonts/cormorant-garamond-latin-400.woff2") format("woff2");font-display:swap;font-style:normal;font-weight:400}
@font-face{font-family:"Muzi Script";src:url("assets/fonts/oooh-baby-latin-400.woff2") format("woff2");font-display:swap;font-style:normal;font-weight:400}
@font-face{font-family:"Muzi Signature";src:url("assets/fonts/muzi-signature-v1.woff") format("woff");font-display:swap;font-style:normal;font-weight:400}
@font-face{font-family:"Italianno";src:url("assets/fonts/italianno-latin-400.woff2") format("woff2");font-display:swap;font-style:normal;font-weight:400}

:root{
  --ink:#03080d;
  --ink-soft:#071019;
  --gold:#c99543;
  --gold-bright:#e9bf70;
  --gold-pale:#f3d49a;
  --cream:#f5ecdc;
  --paper:#d7d0c5;
  --muted:#8e9297;
  --line:rgba(205,151,65,.62);
  --line-soft:rgba(243,236,220,.14);
  --error:#ffaaa8;
  --success:#aeddb6;
}

*{box-sizing:border-box}
html{background:var(--ink);scroll-behavior:smooth;scrollbar-gutter:stable}
body{margin:0;min-height:100vh;color:var(--cream);font-family:Arial,Helvetica,sans-serif;background:linear-gradient(115deg,#02070b,#071019 68%,#03070b)}
button,input,textarea{font:inherit}
button,a{transition:color .2s ease,border-color .2s ease,background-color .2s ease,opacity .2s ease,transform .2s ease}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}
[hidden]{display:none!important}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.circle-shell{width:calc(100% - 96px);max-width:1600px;margin-inline:auto}
.circle-header{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(205,151,65,.72);position:relative;z-index:20}
.circle-brand{display:flex;align-items:center;color:var(--cream);text-decoration:none;min-width:max-content}
.brand-wordmark{font-family:"Muzi Script",cursive;font-size:2.35rem;line-height:1;color:var(--gold-pale);white-space:nowrap}
.brand-section{margin-left:25px;padding-left:25px;border-left:1px solid var(--gold);font-family:"Cormorant",Georgia,serif;font-size:1.1rem;letter-spacing:.36em;color:var(--gold-pale);white-space:nowrap}
.circle-nav{display:flex;align-items:center;gap:44px}
.circle-nav a,.circle-nav .ghost-button{border:0;border-bottom:1px solid transparent;background:transparent;color:#c8c2b8;text-decoration:none;font-family:"Cormorant",Georgia,serif;font-size:1.02rem;letter-spacing:.04em;padding:12px 4px;cursor:pointer}
.circle-nav a:hover,.circle-nav a:focus-visible,.circle-nav .ghost-button:hover{color:var(--gold-bright);border-bottom-color:var(--gold)}
.eyebrow{display:block;color:var(--gold-bright);font-size:.75rem;font-weight:700;letter-spacing:.28em;line-height:1.55}
.primary-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--gold);border-radius:999px;background:linear-gradient(100deg,#efcb83,#a36b27);color:#090a0a;padding:13px 26px;min-height:48px;font-family:"Cormorant",Georgia,serif;font-size:1.05rem;font-weight:700;cursor:pointer;text-decoration:none;letter-spacing:.03em}
.primary-button:hover{background:linear-gradient(100deg,#f5d99d,#ba8031);transform:translateY(-1px)}
.primary-button:disabled,.plan-button:disabled{opacity:.5;cursor:wait;transform:none}
.ghost-button{border:1px solid rgba(205,151,65,.45);background:transparent;color:var(--paper);padding:10px 17px;cursor:pointer}
.status{min-height:23px;margin:13px 0 0;color:var(--muted);font-size:.9rem;line-height:1.5}
.status.error{color:var(--error)}
.status.success{color:var(--success)}
.circle-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid rgba(205,151,65,.35);color:#777d83;padding-block:25px 36px;font-size:.78rem;letter-spacing:.08em}

/* Anmeldung – große Editorial-Komposition */
.auth-page{overflow-x:hidden;background:#04090e}
.auth-header{position:absolute;top:0;left:50%;translate:-50% 0;width:calc(100% - 96px);max-width:none;border-color:transparent;z-index:10}
.auth-header .circle-nav{display:none}
.auth-shell{width:100%;margin:0}
.auth-stage{min-height:100svh;display:grid;grid-template-columns:50% 50%;position:relative;overflow:hidden;background:#050b11}
.auth-visual{position:relative;min-height:760px;overflow:hidden}
.auth-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 47%;filter:saturate(.8) contrast(1.02) brightness(.93)}
.auth-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,5,8,.14),transparent 48%,rgba(4,9,14,.92) 100%),linear-gradient(180deg,rgba(2,5,8,.08),transparent 62%,rgba(2,5,8,.65))}
.auth-visual-shade{position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse at 52% 42%,transparent 0,transparent 50%,rgba(1,4,7,.5) 100%)}
.auth-visual-copy{position:absolute;z-index:2;left:clamp(38px,4.5vw,78px);bottom:clamp(46px,8vh,88px)}
.auth-visual-copy p{font-family:"Muzi Script",cursive;font-size:clamp(2.4rem,3.35vw,4rem);font-weight:400;line-height:1.05;margin:0;color:var(--gold-pale);rotate:-6deg;text-shadow:0 3px 18px #000}
.visual-heart{display:block;margin:10px 0 0 126px;color:var(--gold-bright);font-family:"Cormorant",serif;font-size:2.15rem;rotate:-7deg}
.auth-panel{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;padding:118px clamp(74px,7.2vw,138px) 66px clamp(62px,6vw,116px);background:#040a10;isolation:isolate}
.auth-panel:after{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background-image:url("assets/circle-auth-soft-gold-flowers.png");background-size:cover;background-position:center;opacity:.52}
.auth-panel:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(3,8,13,.94) 0,rgba(3,8,13,.78) 24%,rgba(3,8,13,.3) 65%,rgba(3,8,13,.12)),linear-gradient(180deg,rgba(3,8,13,.32),transparent 60%,rgba(3,8,13,.18))}
.auth-panel>*{position:relative;z-index:1}
.auth-intro{margin-bottom:22px}
.auth-manifesto{font-family:"Cormorant",Georgia,serif;font-size:clamp(3.25rem,4.45vw,5.15rem);font-weight:400;line-height:.9;letter-spacing:.02em;color:#f6ead7}
.auth-manifesto b{display:block;font-weight:400}
.auth-manifesto b:nth-child(2){color:#eed2a0}
.auth-intro h1{font-family:"Cormorant",Georgia,serif;font-size:clamp(1.55rem,2vw,2.15rem);font-weight:400;line-height:1.15;margin:30px 0 10px;color:#f7efe2}
.auth-intro h1 em{font-style:normal;color:var(--gold-pale)}
.auth-intro p{max-width:560px;color:#c5c6c4;font-family:"Cormorant",Georgia,serif;font-size:1.1rem;line-height:1.5;margin:0}
.gold-thread{position:relative;width:190%;height:66px;margin:0 0 2px -78%;overflow:visible;pointer-events:none}
.gold-thread svg{position:absolute;inset:-11px 0 auto;width:100%;height:92px;overflow:visible}
.thread-line{fill:none;stroke:rgba(226,176,88,.92);stroke-width:1.35;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.auth-area,.member-area{width:100%;max-width:560px}
.tabs{display:flex;gap:48px;margin-bottom:23px;border-bottom:1px solid rgba(247,239,225,.24)}
.tabs button{min-width:130px;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:0 0 13px;background:transparent;color:#8d9297;cursor:pointer;font-family:"Cormorant",Georgia,serif;font-size:1.04rem;text-align:left}
.tabs button.active{color:#f4eadb;border-color:var(--gold-bright)}
.field{display:grid;gap:5px;margin-bottom:15px}
.field label{font-size:.85rem;color:#dad8d3}
.field input,.field textarea{width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.45);border-radius:0;background:transparent;color:#fff;padding:11px 2px 12px;outline:none;font-size:1rem}
.field input:focus,.field textarea:focus{border-color:var(--gold-bright)}
.auth-area form>.primary-button{width:100%;justify-content:space-between;margin-top:10px;padding:11px 8px;border:0;border-bottom:2px solid var(--gold-bright);border-radius:0;background:transparent;color:var(--gold-pale);font-size:1.45rem;font-weight:400;text-align:left}
.auth-area form>.primary-button:after{content:"→";font-family:Arial,sans-serif;font-size:1.45rem;font-weight:400}
.auth-area form>.primary-button:hover{background:linear-gradient(90deg,transparent,rgba(205,152,65,.08));transform:none}
.password-field{position:relative}
.password-field input{padding-right:42px}
.password-toggle{position:absolute;right:0;bottom:8px;width:36px;height:36px;display:grid;place-items:center;border:0;background:transparent;color:#d1d2d1;cursor:pointer;padding:7px}
.password-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4}
.auth-switch-copy{margin:26px 0 0;color:#aeb0b1;font-family:"Cormorant",Georgia,serif;font-size:1rem}
.auth-switch-copy button{border:0;border-bottom:1px solid var(--gold);background:transparent;color:var(--gold-bright);font-family:inherit;font-size:inherit;padding:0 0 1px;cursor:pointer}
.auth-trust{display:flex;justify-content:center;flex-wrap:wrap;gap:9px 15px;margin-top:25px;padding-top:20px;border-top:1px solid var(--line-soft);color:#a5a7a6;font-size:.78rem;letter-spacing:.06em}
.auth-trust span+span:before{content:"·";color:var(--gold);margin-right:15px}
.account-box{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.account-kicker{font-size:.72rem;color:var(--gold-bright);letter-spacing:.23em}
.account-box h2{font-family:"Cormorant",Georgia,serif;font-size:2.6rem;font-weight:400;margin:5px 0 0}
.account-box small{display:block;color:var(--muted);margin-top:2px}
.payment-area{padding-top:26px}
.section-heading h3{font-family:"Cormorant",Georgia,serif;font-size:2.2rem;font-weight:400;margin:5px 0 0}
.plans{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-top:19px}
.plan{padding:21px 20px 0 0;position:relative}
.plan+.plan{border-left:1px solid var(--line);padding-left:20px;padding-right:0}
.plan-name{display:block;color:#c4c4c1;font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;margin-bottom:7px}
.plan strong{font-family:"Cormorant",Georgia,serif;font-size:2.4rem;font-weight:400;color:#fff8ec}
.plan small{display:block;min-height:39px;color:var(--muted);font-size:.8rem;line-height:1.45;margin:2px 0 14px}
.plan-badge{position:absolute;right:0;top:-12px;background:#071018;border:1px solid var(--gold);color:var(--gold-bright);padding:5px 8px;font-size:.64rem;letter-spacing:.055em;text-transform:uppercase}
.plan-button{width:100%;border:1px solid var(--line);padding:11px 12px;background:transparent;color:var(--gold-bright);font-weight:700;cursor:pointer}
.plan-button:hover,.best .plan-button{border-color:var(--gold-bright);background:rgba(205,152,65,.1)}
.membership-note{display:flex;align-items:center;gap:16px;margin-top:21px;padding:16px 0;border-block:1px solid var(--line)}
.membership-note>span{color:var(--gold);font-size:1.55rem}
.membership-note b,.membership-note small{display:block}
.membership-note b{font-family:"Cormorant",Georgia,serif;font-size:1.4rem;font-weight:400;color:var(--cream)}
.membership-note small{color:var(--muted);margin-top:3px}
.circle-entry{display:flex;width:100%;margin-top:17px}
.portal-button{display:block;width:100%;margin-top:10px}

/* Community – das freigegebene Editorial-Mockup als echte Oberfläche */
.community-page{background:#02070b}
.community-page .circle-shell{width:100%;max-width:none}
.community-page .circle-header{height:78px;padding:0 54px;border-bottom:1px solid rgba(205,151,65,.7);background:linear-gradient(90deg,#03090e,#071017 58%,#05090d);position:relative}
.community-page .circle-brand{height:100%}
.community-page .brand-wordmark{font-family:"Italianno","Muzi Script",cursive;font-size:2.45rem;color:#f3e6d1}
.community-page .brand-section{margin-left:24px;padding-left:24px;font-size:1.05rem;letter-spacing:.34em;color:#efe5d5}
.community-page .circle-nav{position:absolute;left:49%;top:0;height:100%;translate:-50% 0;gap:58px}
.community-page .circle-nav a,.community-page .circle-nav .ghost-button{height:100%;display:flex;align-items:center;padding:3px 6px 0;border:0;border-bottom:1px solid transparent;border-radius:0;background:transparent;color:#9b9891;font-family:"Cormorant",Georgia,serif;font-size:1.08rem;font-weight:400;letter-spacing:.02em}
.community-page .circle-nav a:first-child{color:#f1e7d7;border-bottom-color:var(--gold-bright)}
.community-page .circle-nav .ghost-button:hover{color:#f1e7d7;border-bottom-color:rgba(205,151,65,.55)}
.circle-tools{display:flex;align-items:center;gap:22px;height:100%;margin-left:auto}
.circle-icon-button{position:relative;width:30px;height:34px;display:grid;place-items:center;padding:0;border:0;background:transparent;color:#f0e9dd;cursor:pointer}
.circle-icon-button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.bell-button{color:var(--gold-bright)}
.bell-button i{position:absolute;right:1px;top:6px;width:7px;height:7px;border-radius:50%;background:var(--gold-bright);box-shadow:0 0 0 2px #071017}
.header-profile{display:flex;align-items:center;gap:12px;padding:0;border:0;background:transparent;color:var(--gold-pale);cursor:pointer}
.header-avatar-frame{width:43px;height:43px;display:block;overflow:hidden;border:1px solid var(--gold-bright);border-radius:50%;background:#081018}
.header-avatar-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:45% 52%;transform:scale(5.1);transform-origin:44% 50%;filter:saturate(.78) contrast(1.03)}
.header-profile svg{width:12px;height:8px;fill:none;stroke:currentColor;stroke-width:1.35}
.header-motto{height:45px;margin-left:7px;padding-left:30px;border-left:1px solid rgba(205,151,65,.7);color:#d8c29b;font-family:"Cormorant",Georgia,serif;font-size:.63rem;line-height:1.42;letter-spacing:.4em;white-space:nowrap}
.community-shell{padding:0}
.access-state{max-width:660px;margin:75px auto;text-align:center;padding:45px 25px;border-block:1px solid var(--line)}
.access-state h2{font-family:"Cormorant",Georgia,serif;font-size:2.5rem;font-weight:400;margin:12px 0}
.access-state p{color:var(--muted);font-size:1rem;line-height:1.6}
.access-state .primary-button{margin-top:12px}
.state-mark{color:var(--gold);font-size:1.4rem}
.community-layout{display:grid;grid-template-columns:minmax(0,66.55%) minmax(400px,33.45%);align-items:start;min-height:calc(100vh - 78px)}
.community-main{min-width:0;padding:32px 55px 70px 72px;border-right:1px solid rgba(205,151,65,.42);background:radial-gradient(circle at 82% 17%,rgba(27,44,51,.18),transparent 28%),#03090e}
.community-head{min-height:200px;display:flex;align-items:flex-start;justify-content:space-between;gap:34px;padding:0 0 25px;position:relative}
.community-heading{min-width:0}
.community-heading h1{font-family:"Cormorant",Georgia,serif;font-size:clamp(4.55rem,6.2vw,6.75rem);font-weight:400;line-height:.84;letter-spacing:-.035em;margin:28px 0 0;color:#fff4df;white-space:nowrap}
.profile-strip{display:flex;gap:14px;align-items:center;min-width:245px}
.profile-strip .avatar,.avatar{width:58px;height:58px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#1d1712,#080e14);color:var(--gold-bright);font-family:"Cormorant",Georgia,serif;font-size:1.55rem;flex:0 0 auto}
.avatar img{display:block;width:100%;height:100%;object-fit:cover;object-position:45% 52%;transform:scale(5.1);transform-origin:44% 50%}
.profile-strip b,.profile-strip span,.profile-strip small{display:inline-block}
.profile-strip b{font-family:"Cormorant",Georgia,serif;font-size:1.18rem;font-weight:400;color:var(--gold-bright)}
.profile-strip span:before{content:" · ";color:#777}
.profile-strip span{font-family:"Cormorant",Georgia,serif;font-size:1.04rem;color:#ddd6ca}
.profile-strip small{display:block;margin-top:5px;color:#a4a8ad;font-size:.7rem;text-transform:uppercase;letter-spacing:.28em}
.community-words{margin-top:1px;padding-left:21px;border-left:1px solid var(--gold);display:grid;gap:5px;min-width:175px;color:#b4aa99;font-family:"Cormorant",Georgia,serif;font-size:.7rem;letter-spacing:.29em;text-transform:uppercase}
.composer{padding:0 0 13px;border-bottom:1px solid rgba(205,151,65,.72)}
.composer form{position:relative}
.post-field{margin:0;border:1px solid rgba(205,151,65,.72);border-radius:5px;padding:0 28px}
.composer textarea{min-height:64px;resize:vertical;font-family:"Cormorant",Georgia,serif;font-size:1.28rem;line-height:1.45;padding:17px 0 8px;border:0}
.composer textarea::placeholder{color:#898c90}
.composer-actions{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:17px;margin-top:10px}
.composer-actions .primary-button{min-width:150px;min-height:42px;padding:9px 26px;font-size:1rem}
.file-label{display:inline-flex;align-items:center;gap:8px;cursor:pointer;color:#bbb9b3;font-family:"Cormorant",Georgia,serif;font-size:1rem}
.file-label svg{width:21px;height:21px;fill:none;stroke:var(--gold);stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.file-label input{position:absolute;opacity:0;pointer-events:none}
.file-name{color:var(--muted);font-size:.77rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.feed{display:grid;padding-bottom:35px}
.post{padding:20px 8px 24px;border-bottom:1px solid rgba(205,151,65,.72)}
.post-top{display:flex;justify-content:space-between;gap:14px}
.post-author{display:flex;gap:13px;align-items:center}
.post-author .avatar{width:43px;height:43px;font-size:1.2rem}
.post-author b{font-family:"Cormorant",Georgia,serif;font-size:1.12rem;font-weight:400;color:var(--gold-bright)}
.post-author small{display:block;color:#7d8288;margin-top:3px;font-size:.75rem}
.post-menu{border:0;background:none;color:var(--muted);cursor:pointer;font-size:.78rem}
.post-menu:hover{color:var(--gold-bright)}
.post-text{font-family:"Cormorant",Georgia,serif;font-size:1.17rem;line-height:1.36;white-space:pre-wrap;margin:11px 0;color:#e8e0d4}
.post-media{display:block;width:auto;height:auto;max-width:100%;max-height:min(70vh,680px);object-fit:contain;background:#02050a;margin:17px auto 0;filter:saturate(.82) contrast(1.02)}
.post-actions{display:flex;gap:25px;margin-top:12px;padding-top:5px}
.action{border:0;background:none;color:#a0a0a0;cursor:pointer;padding:7px 0;font-family:"Cormorant",Georgia,serif;font-size:.96rem}
.action:hover{color:var(--gold-bright)}
.action.liked{color:#edbd69}
.comments{margin-top:11px;display:grid;gap:2px;border-left:1px solid var(--line);padding-left:15px}
.comment{font-size:.87rem;color:#c1c4c7;padding:8px 0;line-height:1.5}
.comment b{color:var(--gold-bright);font-weight:400}
.comment-form{display:flex;gap:8px;margin-top:6px}
.comment-form input{flex:1;border:0;border-bottom:1px solid rgba(255,255,255,.18);background:transparent;color:#fff;padding:10px 1px;outline:none;font-size:.95rem}
.comment-form input:focus{border-color:var(--gold)}
.comment-form button{border:0;border-bottom:1px solid var(--gold);background:transparent;color:var(--gold-bright);padding:9px 3px;cursor:pointer}
.empty{text-align:center;color:var(--muted);padding:55px 0;border-bottom:1px solid var(--line-soft)}
.circle-rail{position:sticky;top:0;min-width:0;height:calc(100svh - 78px);min-height:760px;overflow:hidden;background:#020609;isolation:isolate}
.rail-portrait{position:absolute;inset:0;z-index:-2;margin:0;overflow:hidden;border:0}
.rail-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,5,8,.04) 0,rgba(2,5,8,.05) 40%,rgba(3,7,10,.84) 72%,#03080d 100%),linear-gradient(90deg,rgba(2,6,9,.18),transparent 30%)}
.rail-portrait img{position:absolute;left:0;top:-22%;display:block;width:100%;height:100%;object-fit:cover;object-position:center 41%;filter:saturate(.73) contrast(1.05) brightness(.83)}
.rail-portrait figcaption{position:absolute;z-index:2;left:38px;right:32px;bottom:250px;font-family:"Cormorant",Georgia,serif;color:#fff4df;font-size:clamp(2.35rem,3.15vw,3.45rem);line-height:.91;margin:0;text-shadow:0 3px 24px #000}
.rail-note{position:absolute;z-index:2;left:38px;right:34px;bottom:84px;padding:17px 0 23px;border-top:1px solid rgba(205,151,65,.72);border-bottom:0}
.rail-note .eyebrow{font-family:"Cormorant",Georgia,serif;font-size:.68rem;font-weight:400;letter-spacing:.34em}
.rail-note p{max-width:425px;color:#d0c5b5;font-family:"Cormorant",Georgia,serif;font-size:.96rem;line-height:1.46;margin:13px 0 0}
.rail-signature{position:absolute;z-index:2;right:38px;bottom:27px;padding:0;margin:0;color:var(--gold-bright);font-family:"Muzi Signature","Muzi Script",cursive;font-size:2.05rem;line-height:1;rotate:-3deg;text-align:right}
.rail-signature span{font-family:"Cormorant",Georgia,serif;font-size:1.5rem;margin-left:7px}
.community-page .circle-footer{display:none}
.toast{position:fixed;left:50%;bottom:24px;translate:-50% 20px;opacity:0;pointer-events:none;background:#eef7ee;color:#122016;padding:12px 18px;box-shadow:0 12px 44px #0008;transition:.25s;z-index:30}
.toast.show{opacity:1;translate:-50% 0}
.toast.error{background:#ffe1e1;color:#471515}

@media(max-width:1180px){
  .circle-shell{width:calc(100% - 54px)}
  .auth-header{width:calc(100% - 54px)}
  .brand-wordmark{font-size:2rem}.brand-section{margin-left:18px;padding-left:18px;font-size:.95rem}
  .auth-panel{padding-left:58px;padding-right:58px}
  .community-page .circle-header{padding-inline:32px}.community-page .circle-nav{left:47%;gap:34px}.header-motto{display:none}.circle-tools{gap:15px}
  .community-layout{grid-template-columns:minmax(0,64%) minmax(330px,36%)}
  .community-main{padding:30px 30px 60px 40px}.community-heading h1{white-space:normal;font-size:5.1rem}
}

@media(max-width:820px){
  .circle-shell,.auth-header{width:calc(100% - 30px)}
  .circle-header{height:70px}.brand-wordmark{font-size:1.72rem}.brand-section{font-size:.72rem;letter-spacing:.22em;margin-left:12px;padding-left:12px}.circle-nav{gap:12px}.circle-nav a{display:none}.circle-nav .ghost-button{font-size:.9rem;padding:9px 5px}
  .auth-stage{display:block;min-height:0}.auth-visual{min-height:58svh}.auth-visual>img{object-position:center 47%}.auth-visual:after{background:linear-gradient(180deg,rgba(3,5,8,.12),transparent 50%,#06101a 100%)}
  .auth-visual-copy{left:25px;bottom:32px}.auth-visual-copy p{font-size:2.35rem}.visual-heart{margin-left:110px}
  .auth-panel{padding:48px 24px 58px}.auth-panel:after{background-position:68% center;opacity:.42}.auth-manifesto{font-size:3.15rem}.auth-intro h1{font-size:1.75rem;margin-top:25px}.auth-intro p{font-size:1.08rem}.gold-thread{width:142%;margin-left:-35%}.auth-trust{font-size:.72rem}
  .plans{grid-template-columns:1fr}.plan{padding:22px 0}.plan+.plan{border-left:0;border-top:1px solid var(--line);padding:26px 0 0}.plan small{min-height:0}.plan-badge{top:13px}
  .community-page .circle-header{height:70px;padding-inline:18px}.community-page .brand-wordmark{font-size:1.8rem}.community-page .brand-section{font-size:.66rem;margin-left:12px;padding-left:12px}.community-page .circle-nav{position:static;translate:none;margin-left:auto;gap:0}.community-page .circle-nav a{display:none}.community-page .circle-nav .ghost-button{height:auto;font-size:.85rem;padding:8px 2px}.circle-tools{margin-left:13px}.circle-icon-button,.header-motto{display:none}.header-profile{gap:0}.header-avatar-frame{width:38px;height:38px}.header-profile svg{display:none}
  .community-layout{grid-template-columns:1fr}.community-main{padding:28px 18px 50px;border-right:0}.community-head{min-height:205px;padding-top:0}.community-heading h1{font-size:4.15rem;line-height:.86}.community-words{display:none}
  .composer-actions{grid-template-columns:1fr}.composer-actions .primary-button{width:100%;margin-top:4px}.circle-rail{position:relative;top:auto;height:760px;min-height:760px;border-top:1px solid var(--line)}.rail-portrait figcaption{bottom:252px;font-size:3.25rem}
  .community-page .circle-footer{display:flex}.circle-footer{align-items:flex-start;flex-direction:column}
}

@media(max-width:470px){
  .brand-section{display:none}.auth-manifesto{font-size:2.7rem}.community-heading h1{font-size:3.35rem}.profile-strip small{letter-spacing:.18em}.auth-trust{gap:8px 9px}.auth-trust span+span:before{margin-right:9px}
  .account-box{align-items:flex-start;flex-direction:column}.account-box .ghost-button{width:100%}.tabs{gap:25px}.tabs button{min-width:0;flex:1}
  .community-page .circle-header{padding-inline:15px}.community-main{padding-inline:15px}.community-head{min-height:190px}.profile-strip .avatar{width:52px;height:52px}.post-field{padding-inline:17px}
  .circle-rail{height:690px;min-height:690px}.rail-portrait figcaption{left:24px;right:22px;bottom:255px;font-size:2.85rem}.rail-note{left:24px;right:22px;bottom:83px}.rail-signature{right:24px}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Freigegebenes Login-Mockup – unveränderte Bildkomposition mit echten Bedienelementen */
.auth-mockup-page{overflow-x:hidden;background:#050b10}
.auth-mockup-page .auth-shell{width:100%;margin:0}
.auth-mockup-page .circle-footer{display:none}
.auth-mockup-stage{position:relative;width:100%;aspect-ratio:1586/992;overflow:hidden;background:#050b10}
.auth-mockup-base{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center top;user-select:none;pointer-events:none}
.auth-logo-hit{position:absolute;z-index:4;left:2.7%;top:2.2%;width:29%;height:8%;border-radius:2px}
.auth-logo-hit:focus-visible{outline:2px solid var(--gold-bright);outline-offset:5px}
.auth-mobile-copy{display:none}
.auth-interactive{position:absolute;z-index:5;left:58.35%;top:44.45%;width:27.3%;height:39%;max-width:none}
.auth-interactive .tabs{height:5.2vw;max-height:53px;min-height:42px;margin:0;border:0;gap:0}
.auth-interactive .tabs button{width:50%;min-width:0;height:100%;padding:0;border:0;background:transparent;color:transparent;cursor:pointer}
.auth-interactive .tabs button:focus-visible{outline:1px solid rgba(233,191,112,.88);outline-offset:-3px}
.auth-interactive form{position:relative;height:calc(100% - 53px)}
.auth-interactive .register-hint{display:none}
.auth-interactive .register-hint[hidden]{display:none!important}
.auth-interactive .field{position:absolute;left:0;width:100%;height:47px;margin:0;display:block;background:#071018}
.auth-interactive .name-entry-field{top:-2px}
.auth-interactive .email-entry-field{top:25px}
.auth-interactive .password-field{top:94px;height:50px}
.auth-interactive .field label{position:absolute;left:0;top:1px;width:auto;height:auto;margin:0;color:#dad8d3;font-family:Arial,Helvetica,sans-serif;font-size:clamp(.62rem,.75vw,.78rem);line-height:1.2;white-space:nowrap}
.auth-interactive .field input{position:absolute;left:0;right:0;bottom:0;width:100%;height:35px;border:0;border-bottom:1px solid rgba(255,255,255,.42);border-radius:0;background:transparent;color:#f8efe0;padding:7px 40px 5px 1px;outline:none;font-family:Arial,Helvetica,sans-serif;font-size:clamp(.75rem,1vw,.98rem);line-height:1.2}
.auth-interactive .field input:focus{border-bottom-color:var(--gold-bright);background:transparent;box-shadow:none}
.auth-interactive .password-toggle{position:absolute;right:0;bottom:1px;width:42px;height:44px;opacity:1}
.auth-interactive form>.primary-button{position:absolute;left:0;top:170px;width:100%;height:59px;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:transparent;box-shadow:none}
.auth-interactive form>.primary-button:after{display:none}
.auth-interactive form>.primary-button:hover{background:rgba(205,152,65,.05);transform:none}
.auth-interactive form>.primary-button:focus-visible{outline:1px solid var(--gold-bright);outline-offset:-2px}
.auth-interactive .auth-switch-copy{position:absolute;left:0;top:245px;width:80%;height:31px;margin:0;color:transparent;font-size:1rem}
.auth-interactive .auth-switch-copy button{width:44%;height:100%;margin-left:3px;border:0;background:transparent;color:transparent}
.auth-interactive .status{position:absolute;left:0;top:285px;width:100%;min-height:0;margin:0;padding:8px 10px;background:rgba(3,9,14,.92);color:#d6d0c7;font-size:.78rem;line-height:1.35;box-shadow:0 8px 28px #0008}
.auth-interactive .status:empty{display:none}
.auth-interactive .status.error{color:var(--error)}
.auth-interactive .status.success{color:var(--success)}
.auth-interactive[data-mode-view="register"]{left:58.35%;top:44.45%;width:27.3%;height:39%;padding:0;background:transparent;border:0;box-shadow:none}
.auth-interactive[data-mode-view="register"] .tabs{position:relative;height:53px;max-height:53px;min-height:42px;background:transparent;border:0}
.auth-interactive[data-mode-view="register"] .tabs:before{content:"";position:absolute;z-index:2;left:0;top:calc(clamp(31px,2.84vw,55px) - 4px);width:50%;height:10px;background:#091319;pointer-events:none}
.auth-interactive[data-mode-view="register"] .tabs:after{content:"";position:absolute;z-index:3;left:50%;right:0;top:clamp(31px,2.84vw,55px);height:2px;background:var(--gold-bright);pointer-events:none}
.auth-interactive[data-mode-view="register"] .tabs button{position:relative;z-index:1;color:transparent;border-bottom:2px solid transparent}
.auth-interactive[data-mode-view="register"] .tabs button.active{color:transparent;border-bottom-color:transparent}
.auth-interactive[data-mode-view="register"] form{height:calc(100% - 53px);padding-top:0;background:transparent}
.auth-interactive[data-mode-view="register"] .register-hint{position:absolute;left:0;top:-10px;display:block;width:100%;margin:0;color:#c9c6bf;font-family:"Cormorant",Georgia,serif;font-size:clamp(.7rem,.82vw,.82rem);font-weight:400;line-height:1.25;white-space:nowrap}
.auth-interactive[data-mode-view="register"] .field{position:absolute;height:59px;background:#071018}
.auth-interactive[data-mode-view="register"] .name-entry-field{top:14px}
.auth-interactive[data-mode-view="register"] .email-entry-field{top:83px}
.auth-interactive[data-mode-view="register"] .password-field{top:155px}
.auth-interactive[data-mode-view="register"] .password-toggle{bottom:0;opacity:1}
.auth-interactive[data-mode-view="register"] form>.primary-button{top:221px;height:50px;border-bottom:1px solid var(--gold-bright);background:#071018;color:var(--gold-pale);font-family:"Cormorant",Georgia,serif;font-size:clamp(.94rem,1.15vw,1.16rem);font-weight:400;text-align:left;justify-content:space-between}
.auth-interactive[data-mode-view="register"] form>.primary-button:after{display:block;content:"→";color:var(--gold-pale)}
.auth-interactive[data-mode-view="register"] .auth-switch-copy{display:none}
.auth-interactive[data-mode-view="register"] .status{top:275px}
.auth-member-overlay{position:absolute;z-index:7;left:55.2%;top:15%;width:36%;max-width:620px;padding:30px;background:rgba(4,11,16,.97);border:1px solid rgba(205,151,65,.58);box-shadow:0 24px 90px #000d}

@media(max-width:820px){
  .auth-mockup-page{background:#050b10}
  .auth-mockup-page .circle-footer{display:flex}
  .auth-mockup-stage{min-height:100svh;aspect-ratio:auto;padding:0 22px 54px;overflow:visible;background:radial-gradient(circle at 88% 76%,rgba(177,116,38,.16),transparent 30%),linear-gradient(180deg,#050a0f,#07131a 56%,#04090e)}
  .auth-mockup-base{height:48svh;object-fit:cover;object-position:24% center;filter:saturate(.88) brightness(.82)}
  .auth-mockup-stage:after{content:"";position:absolute;z-index:1;left:0;right:0;top:0;height:52svh;background:linear-gradient(180deg,rgba(3,7,11,.1),transparent 50%,#050b10 100%);pointer-events:none}
  .auth-logo-hit{display:none}
  .auth-mobile-copy{position:relative;z-index:3;display:block;padding-top:36px}
  .auth-mobile-copy .circle-brand{width:max-content}
  .auth-mobile-copy .auth-manifesto{display:grid;margin-top:40svh;font-size:clamp(2.55rem,12vw,3.6rem);line-height:.88;color:#f5ead7}
  .auth-mobile-copy .auth-manifesto b{font-weight:400}
  .auth-mobile-copy h1{font-family:"Cormorant",Georgia,serif;font-size:1.7rem;font-weight:400;margin:25px 0 8px;color:var(--gold-pale)}
  .auth-mobile-copy p{max-width:34rem;margin:0;color:#c8c7c2;font-family:"Cormorant",Georgia,serif;font-size:1.08rem;line-height:1.48}
  .auth-interactive,.auth-interactive[data-mode-view="register"]{position:relative;z-index:4;left:auto;top:auto;width:100%;height:auto;margin-top:31px;padding:0;background:transparent;border:0;box-shadow:none}
  .auth-interactive .tabs,.auth-interactive[data-mode-view="register"] .tabs{height:42px;max-height:42px;min-height:42px;margin-bottom:12px;border-bottom:1px solid rgba(247,239,225,.24);gap:26px}
  .auth-interactive[data-mode-view="register"] .tabs:before{display:none}
  .auth-interactive[data-mode-view="register"] .tabs:after{display:none}
  .auth-interactive .tabs button,.auth-interactive[data-mode-view="register"] .tabs button{width:auto;height:auto;padding:0 0 12px;color:#8f9396;font-family:"Cormorant",Georgia,serif;font-size:1.05rem;border-bottom:2px solid transparent}
  .auth-interactive .tabs button.active,.auth-interactive[data-mode-view="register"] .tabs button.active{color:#f4eadb;border-bottom-color:var(--gold-bright)}
  .auth-interactive form,.auth-interactive[data-mode-view="register"] form{position:relative;height:226px;min-height:226px;padding:0}
  .auth-interactive[data-mode-view="register"] form{background:transparent}
  .auth-interactive .register-hint{position:absolute;top:0;left:0;width:100%;margin:0;color:#c9c6bf;font-size:.8rem;line-height:1.25;white-space:nowrap}
  .auth-interactive .field,.auth-interactive[data-mode-view="register"] .field{position:absolute;left:0;width:100%;height:43px;margin:0;background:transparent!important;box-shadow:none}
  .auth-interactive .name-entry-field{top:22px}
  .auth-interactive .email-entry-field{top:0}
  .auth-interactive .password-field{top:58px}
  .auth-interactive[data-mode-view="register"] .email-entry-field{top:71px}
  .auth-interactive[data-mode-view="register"] .password-field{top:120px}
  .auth-interactive .field label,.auth-interactive[data-mode-view="register"] .field label{position:absolute;left:0;top:0;display:block;width:auto;height:14px;margin:0;overflow:visible;clip:auto;white-space:nowrap;color:#dad8d3;font-size:.78rem;line-height:1}
  .auth-interactive .field input,.auth-interactive[data-mode-view="register"] .field input{position:absolute;left:0;right:0;bottom:0;width:100%;height:31px;padding:4px 42px 5px 0;border-bottom:1px solid rgba(255,255,255,.34);background:transparent;font-size:.95rem}
  .auth-interactive .password-toggle,.auth-interactive[data-mode-view="register"] .password-toggle{bottom:0;opacity:1}
  .auth-interactive form>.primary-button,.auth-interactive[data-mode-view="register"] form>.primary-button{position:absolute;top:116px;left:0;width:100%;height:42px;min-height:42px;margin:0;padding:7px 5px;border:0;border-bottom:1px solid var(--gold-bright);background:transparent;color:var(--gold-pale);font-family:"Cormorant",Georgia,serif;font-size:1.15rem;text-align:left;justify-content:space-between}
  .auth-interactive[data-mode-view="register"] form>.primary-button{top:171px;background:transparent}
  .auth-interactive form>.primary-button:after,.auth-interactive[data-mode-view="register"] form>.primary-button:after{display:block;content:"→";color:var(--gold-pale)}
  .auth-interactive .auth-switch-copy{position:absolute;top:176px;left:0;display:block;width:100%;height:24px;margin:0;color:#aeb0b1;font-size:.86rem}
  .auth-interactive[data-mode-view="register"] .auth-switch-copy{display:none}
  .auth-interactive .auth-switch-copy button,.auth-interactive[data-mode-view="register"] .auth-switch-copy button{width:auto;height:auto;margin:0;border-bottom:1px solid var(--gold);color:var(--gold-bright)}
  .auth-interactive .status,.auth-interactive[data-mode-view="register"] .status{position:absolute;top:204px;left:0;width:100%;margin:0}
  .auth-interactive[data-mode-view="register"] .status{top:218px}
  .auth-member-overlay{position:relative;z-index:5;left:auto;top:auto;width:100%;max-width:none;margin-top:52svh;padding:24px 0;border:0;border-top:1px solid rgba(205,151,65,.58);box-shadow:none;background:linear-gradient(180deg,rgba(4,11,16,.96),#04090e)}
}