/* Erfurt Roleplay: originäre Community-Module in Eisblau / Stahl / Dunkelblau. */
:root{--city-blue:#58d6ff;--city-deep:#07101d;--city-line:rgba(115,205,255,.19);--city-fg:#eaf7ff;--city-muted:#b3c7d8}html{scroll-behavior:smooth;scroll-padding-top:90px}body.er-home,body.city-subpage{background:#07101c;color:var(--city-fg)}.city-frame{width:min(1320px,calc(100% - 68px));margin:auto}.city-section{scroll-margin-top:86px}.city-eyebrow,.city-status-label,.city-tile-number{font:800 10px/1.5 Arial,sans-serif;letter-spacing:.2em;color:#8fdfff}.city-live-dot{width:8px;height:8px;display:inline-block;background:var(--city-blue);border-radius:50%;box-shadow:0 0 13px #57c8f5;margin-right:9px}.city-hero{position:relative;isolation:isolate;min-height:820px;background:#07131f;display:flex;align-items:center;overflow:hidden}.city-hero-bg{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(3,12,22,.97) 0%,rgba(5,16,27,.84) 38%,rgba(5,15,27,.23) 73%),linear-gradient(0deg,#07101c,transparent 48%),url('/assets/ef-banner.webp') 58% center / cover no-repeat;animation:city-bg 18s ease-in-out infinite alternate}.city-hero:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 75% 40%,transparent 9%,rgba(3,13,24,.37) 82%),repeating-linear-gradient(90deg,transparent 0,transparent 95px,rgba(124,207,254,.026) 96px);}.city-hero .city-frame{padding:138px 0 66px}.city-hero-heading{max-width:950px}.city-hero h1{font:900 clamp(72px,8.1vw,143px)/.93 var(--er-type-display),var(--er-type-display),sans-serif;margin:32px 0 27px;letter-spacing:.013em;color:#f4f8ff;text-shadow:0 8px 30px rgba(0,0,0,.4)}.city-hero h1 em,.city-page-hero h1 em,.city-intro-note h2 em,.city-spotlight h3 em,.city-film-overlay h2 em,.city-community h2 em,.city-shop-panel h2 em,.city-philosophy-lead h2 em{color:var(--city-blue);font-style:normal}.city-hero-heading p{font-size:clamp(15px,1.45vw,19px);max-width:555px;color:#c9d7e4;line-height:1.75}.city-action-row{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin:28px 0}.city-hero-side{position:absolute;right:19px;top:47%;writing-mode:vertical-rl;letter-spacing:.32em;color:#a5d6ff88;font-size:10px;font-weight:850}.city-status-bar{display:grid;grid-template-columns:1fr 1fr 1.4fr auto;align-items:center;gap:16px;max-width:1170px;background:linear-gradient(120deg,rgba(11,36,56,.94),rgba(5,16,29,.9));border:1px solid rgba(133,210,254,.26);padding:21px 26px;margin-top:95px;box-shadow:0 20px 55px #0007;backdrop-filter:blur(7px)}.city-status-bar>div{min-width:0;display:flex;flex-direction:column;gap:8px}.city-status-bar strong{font-weight:850;color:#edf8ff;font-size:14px;overflow-wrap:anywhere}.city-status-bar>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;color:#041b2a;font-weight:850;font-size:13px;text-decoration:none;background:linear-gradient(110deg,#35b9fc,#9fe9ff);padding:12px 17px}.city-copy{padding:3px 0;background:transparent;color:var(--city-blue);border:0;text-align:left;cursor:pointer;font-size:11px}.city-spotlight-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:18px;margin-top:35px}.city-spotlight{position:relative;min-height:380px;overflow:hidden;padding:34px;border:1px solid var(--city-line);display:flex;flex-direction:column;text-decoration:none!important;background:linear-gradient(150deg,#153956,#081a2b 78%);transition:transform .25s,border-color .25s}.city-spotlight:hover{transform:translateY(-5px);border-color:#5fd4ff9d}.city-spotlight:before{position:absolute;content:'';width:260px;height:260px;border:1px solid #72cffa28;border-radius:50%;top:0;right:-85px;box-shadow:0 0 80px #32abec12}.city-spotlight-large{background:radial-gradient(circle at 80% 38%,#2e91c139,transparent 56%),linear-gradient(130deg,#174564,#051424)}.city-spotlight-symbol{font:900 83px/.9 var(--er-type-display),sans-serif;color:#65cfff52;align-self:flex-end}.city-spotlight h3{font:900 clamp(35px,3.3vw,62px)/1 var(--er-type-display),var(--er-type-display),sans-serif;margin:auto 0 12px;color:#f7fcff}.city-spotlight p{color:#bcd0e3;line-height:1.65;max-width:360px;font-size:14px}.city-card-more{display:inline-block;color:#76d8ff;margin-top:16px;font-size:12px;font-weight:800;letter-spacing:.04em;text-decoration:none}.city-film-section{padding:20px clamp(20px,4.5vw,80px) 80px}.city-film-visual{position:relative;min-height:600px;display:flex;align-items:flex-end;overflow:hidden;background:#0c192c;border:1px solid var(--city-line)}.city-film-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.64;filter:saturate(.88)}.city-film-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#07101de6,#07101d10),linear-gradient(0deg,#06111f 0%,transparent 75%)}.city-film-overlay{position:relative;z-index:2;padding:clamp(32px,6vw,85px);max-width:950px}.city-film-overlay h2,.city-community h2,.city-philosophy-lead h2,.city-intro-note h2,.city-shop-panel h2{font:900 clamp(48px,6.3vw,93px)/.97 var(--er-type-display),var(--er-type-display),sans-serif;margin:18px 0}.city-film-overlay p{color:#d5e7f4;font-size:17px;line-height:1.7;max-width:530px}.city-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px}.city-gallery-item{cursor:pointer;position:relative;display:flex;align-items:flex-end;justify-content:flex-start;overflow:hidden;min-height:225px;padding:18px;border:1px solid var(--city-line);background:radial-gradient(circle at 82% 25%,#2192d349,transparent 50%),linear-gradient(140deg,#173e5b,#0a1b2e);color:white;text-align:left}.city-gallery-item:nth-child(3n + 2){background:radial-gradient(circle at 22% 15%,#a1cfff19,transparent 60%),linear-gradient(160deg,#193349,#081521)}.city-gallery-item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s}.city-gallery-item:hover img{transform:scale(1.045)}.city-gallery-item:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#07101bbb,transparent 72%)}.city-gallery-placeholder{position:absolute;inset:0;display:grid;place-items:center;font:900 clamp(20px,3vw,40px) var(--er-type-display),var(--er-type-display),sans-serif;color:#6ebdeb80;letter-spacing:.16em}.city-gallery-label{z-index:1;position:relative;font-size:14px;font-weight:900;letter-spacing:.04em}.city-bottom-link{display:flex;justify-content:flex-end;margin-top:30px}.city-faction-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.city-faction-card{display:flex;min-height:420px;flex-direction:column;align-items:flex-start;padding:clamp(28px,4vw,55px);text-decoration:none!important;background:linear-gradient(135deg,#153853,#071525);border:1px solid var(--city-line);transition:border-color .3s,transform .3s}.city-faction-card:hover{transform:translateY(-4px);border-color:#57d5ff80}.city-faction-street{background:radial-gradient(circle at 100% 100%,#066c9440,transparent 65%),linear-gradient(125deg,#122c45,#07111f)}.city-faction-card h3{margin:28px 0 4px;font:900 clamp(65px,7vw,108px)/1 var(--er-type-display),sans-serif;color:#f5fbff}.city-faction-card p{max-width:425px;font-size:16px;color:#b5cfe2;line-height:1.7}.city-faction-card b{margin-top:auto;color:var(--city-blue);font-size:13px}.city-tags{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.city-tags span{padding:8px 12px;border:1px solid #8bdaff4b;font-size:11px;color:#a5dcff}.city-event-grid,.city-stream-grid,.city-partner-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:30px}.city-entry-card{display:flex;flex-direction:column;min-height:220px;padding:30px;background:linear-gradient(150deg,#132c43,#081625);border:1px solid var(--city-line);border-left:2px solid #4dd0ff}.city-entry-card h3{font-size:24px;margin:18px 0 12px;color:#eefaff;overflow-wrap:anywhere}.city-entry-card p{font-size:14px;line-height:1.7;color:#b6c9d9;white-space:pre-wrap;overflow-wrap:anywhere}.city-entry-card .city-card-more{margin-top:auto;padding-top:25px}.city-empty{background:linear-gradient(130deg,#12304a,#081b2b);border:1px dashed #64bbe950;padding:38px;text-align:center;line-height:1.65;color:#b6d8e9;grid-column:1/-1}.city-faq-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}.city-faq-item{border:1px solid var(--city-line);background:#102438;padding:22px 25px;align-self:start}.city-faq-item summary{cursor:pointer;font-size:15px;color:#e8f5ff;font-weight:800;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px}.city-faq-item summary:after{content:'+';color:#75d9ff;font-size:25px}.city-faq-item[open] summary:after{content:'−'}.city-faq-item p{color:#adc6d9;line-height:1.75;margin:18px 0 0;font-size:14px}.city-social-links{display:flex;flex-wrap:wrap;gap:13px}.city-social-link{font-size:13px;color:#addefa;padding:10px 13px;border:1px solid var(--city-line);text-decoration:none}.city-community{margin:45px 0 0;padding:74px 0;background:linear-gradient(100deg,#112b43,#091525);border-top:1px solid var(--city-line);border-bottom:1px solid var(--city-line)}.city-community-inside{display:grid;grid-template-columns:220px 1fr;gap:55px;align-items:center}.city-community-inside>img{width:100%;filter:drop-shadow(0 0 35px #2b98f94a)}.city-community p{color:#bbcddd;max-width:650px;font-size:16px;line-height:1.7}.city-page-hero{min-height:390px;display:flex;align-items:flex-end;padding:125px 0 65px;background:linear-gradient(90deg,#04101dea,#081b2ebb),url('/assets/ef-banner.webp') center 41%/cover;border-bottom:1px solid var(--city-line)}.city-page-hero h1{font:900 clamp(55px,7.3vw,108px)/.98 var(--er-type-display),var(--er-type-display),sans-serif;margin:14px 0;overflow-wrap:anywhere}.city-page-hero p{color:#d1dfea;font-size:17px;max-width:660px;line-height:1.65}.city-page-body{min-height:410px}.city-page-body>.city-intro-note{margin-bottom:28px}.city-intro-note h2{margin-top:11px}.city-intro-note p,.city-philosophy-lead>p,.city-shop-panel p{max-width:850px;color:#bdd1e1;line-height:1.8;font-size:17px}.city-timeline{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:20px;border-left:2px solid #4bd1ff;padding-left:34px;margin:52px 0}.city-timeline .city-entry-card{position:relative}.city-timeline .city-entry-card:before{content:'';position:absolute;top:28px;left:-43px;background:#69d8ff;box-shadow:0 0 12px #71d9ff;height:14px;width:14px;border-radius:50%}.city-values-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-top:55px}.city-values-grid article{padding:35px;border:1px solid var(--city-line);background:linear-gradient(140deg,#16334c,#081929)}.city-values-grid span{font:900 13px Arial,sans-serif;color:#58c8fc}.city-values-grid h3{font-size:26px;margin:26px 0 10px}.city-values-grid p{font-size:15px;line-height:1.8;color:#bacfdf}.city-ethics-note{margin:35px 0 20px;padding:25px;background:rgba(41,109,150,.13);border-left:3px solid #6bdbff;color:#b9d1e5;line-height:1.75}.city-shop-panel{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(150px,.6fr);gap:25px;align-items:center;padding:45px;border:1px solid var(--city-line);background:linear-gradient(140deg,#173957,#081a2b)}.city-shop-panel>img{width:100%;max-width:390px}.city-lightbox{max-width:min(90vw,1100px);border:1px solid #6cd4ff63;background:#081726;padding:20px;color:white;box-shadow:0 30px 90px #000b}.city-lightbox::backdrop{background:#020a12e8}.city-lightbox img{max-height:77vh;max-width:100%;object-fit:contain}.city-lightbox-close{display:block;margin:0 0 10px auto;background:#175377;color:white;border:1px solid #75d7ff;padding:9px 14px;cursor:pointer}.city-gallery-full{grid-template-columns:repeat(3,minmax(0,1fr))}.city-faq-item summary:focus-visible,.city-gallery-item:focus-visible,.city-nav-dropdown summary:focus-visible{outline:2px solid #78d7ff;outline-offset:4px}
@keyframes city-bg{to{transform:scale(1.035)}}
@media(max-width:1050px){.city-status-bar{grid-template-columns:1fr 1fr;margin-top:60px}.city-status-bar>a{grid-column:1/-1}.city-spotlight-grid{grid-template-columns:1fr 1fr}.city-spotlight-large{grid-column:1/-1;min-height:310px}.city-gallery-grid{grid-template-columns:1fr 1fr}.city-event-grid,.city-stream-grid,.city-partner-grid{grid-template-columns:1fr 1fr}.city-community-inside{grid-template-columns:140px 1fr;gap:30px}}
@media(max-width:700px){.city-frame{width:calc(100% - 38px)}.city-hero{min-height:670px}.city-hero .city-frame{padding-top:118px}.city-hero h1{font-size:clamp(57px,12vw,89px)}.city-hero-heading p{font-size:15px}.city-status-bar{padding:19px;gap:15px;margin-top:55px}.city-status-bar strong{font-size:12px}.city-spotlight-grid,.city-faction-grid,.city-event-grid,.city-stream-grid,.city-partner-grid,.city-faq-list,.city-values-grid,.city-timeline{grid-template-columns:1fr}.city-timeline{padding-left:20px}.city-timeline .city-entry-card:before{left:-29px}.city-spotlight-large{grid-column:auto}.city-spotlight{min-height:290px}.city-film-visual{min-height:490px}.city-film-section{padding:20px 16px 50px}.city-film-overlay{padding:33px 25px}.city-film-overlay h2{font-size:clamp(40px,10vw,70px)}.city-gallery-grid{grid-template-columns:1fr 1fr}.city-gallery-item{min-height:160px}.city-faction-card{min-height:350px}.city-community-inside{grid-template-columns:1fr}.city-community-inside>img{width:110px}.city-page-hero{min-height:320px;padding:120px 0 45px}.city-page-hero h1{font-size:clamp(52px,11vw,80px)}.city-shop-panel{grid-template-columns:1fr;padding:30px}.city-shop-panel>img{width:160px;grid-row:1}.city-hero-side{display:none}}
@media(max-width:480px){.city-hero h1{font-size:clamp(51px,12.5vw,70px)}.city-gallery-grid{grid-template-columns:1fr}.city-gallery-item{min-height:220px}.city-status-bar{grid-template-columns:1fr 1fr}.city-status-bar>div:nth-child(3){grid-column:1/-1}.city-page-hero h1{font-size:clamp(45px,10vw,62px)}.city-intro-note h2,.city-shop-panel h2,.city-philosophy-lead h2,.city-community h2{font-size:clamp(44px,10vw,66px)}}
@media(prefers-reduced-motion:reduce){.city-hero-bg{animation:none!important}.city-spotlight:hover,.city-faction-card:hover{transform:none!important}}