/* ========================================================================
   7R PAGE FRAME 1.15.1
   Shared shell for global 7R pages. Uses the same master-art crop as the
   finished Drachenfunken pages. The footer contains the full Nexus-Hall nav.
   ======================================================================== */
.sevenr-framed-page{margin:0;background:#080705;color:var(--text);overflow-x:clip}
.sevenr-framed-page>.footer{display:none!important}
.sevenr-page-frame{--sevenr-frame-gold:#c89949;min-height:100vh;background:#090807;color:var(--text)}
.sevenr-page-frame-top{height:78px;position:relative;z-index:80;overflow:hidden;background-image:var(--sevenr-frame-master);background-size:100% auto;background-position:center top;background-repeat:no-repeat;border-bottom:1px solid rgba(204,151,63,.46);box-shadow:0 10px 30px #0008}
.sevenr-frame-crumb-mask{position:absolute;z-index:2;left:18.4%;top:7px;width:22.8%;height:52px;background:linear-gradient(90deg,rgba(31,17,8,0) 0,rgba(31,17,8,.96) 7%,rgba(27,15,7,.985) 18%,rgba(24,13,7,.985) 84%,rgba(24,13,7,0) 100%);pointer-events:none}
.sevenr-frame-crumb{position:absolute;z-index:4;left:20%;top:0;height:100%;display:flex;align-items:center;gap:12px;white-space:nowrap;font-family:Georgia,'Times New Roman',serif;text-shadow:0 2px 5px #000}
.sevenr-frame-crumb a{color:#d3a955;text-decoration:none;font-size:15px;font-weight:700;letter-spacing:.11em}.sevenr-frame-crumb>span{color:#d5aa58;font-size:23px;line-height:1}.sevenr-frame-crumb strong{max-width:260px;overflow:hidden;text-overflow:ellipsis;color:#f0dfc2;font-size:16px;font-weight:700;letter-spacing:.01em}
.sevenr-frame-hit{position:absolute;z-index:8;top:0;height:100%;display:block;border:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.sevenr-frame-hit:hover,.sevenr-frame-hit:focus-visible{background:rgba(222,171,75,.035);outline:1px solid rgba(244,204,117,.18);outline-offset:-2px}.sevenr-frame-hit-nexus{left:14.4%;width:5.5%}.sevenr-frame-hit-back{left:63%;width:11.5%}.sevenr-frame-hit-me{left:74.3%;width:5.4%}.sevenr-frame-hit-search{left:79.4%;width:3%}.sevenr-frame-hit-menu{left:82.3%;width:3.2%}
.sevenr-page-frame-content{position:relative;min-height:64vh;padding:10px 0 22px;background:radial-gradient(circle at 50% 0,rgba(115,75,24,.13),transparent 34%),linear-gradient(180deg,#0d0b08 0,#08090b 35%,#070809 100%)}

/* Bottom frame: same artwork, now with all Nexus-Hall switches. */
.sevenr-page-frame-bottom{height:clamp(150px,10.8vw,190px);min-height:150px;position:relative;z-index:12;overflow:hidden;isolation:isolate;background-image:var(--sevenr-frame-master);background-size:100% auto;background-position:center bottom;background-repeat:no-repeat;border-top:1px solid rgba(204,151,63,.42);box-shadow:0 -10px 34px #0008}
.sevenr-frame-nav-cover{position:absolute;z-index:2;left:9.4%;right:9.4%;top:8%;height:40%;border-radius:8px;background:linear-gradient(180deg,rgba(55,31,12,.988),rgba(29,17,9,.994));border:1px solid rgba(208,155,62,.54);box-shadow:inset 0 0 0 1px rgba(255,218,143,.04),inset 0 0 30px rgba(0,0,0,.38),0 5px 18px rgba(0,0,0,.22)}
.sevenr-frame-hall-nav{position:absolute;z-index:4;left:10.4%;right:10.4%;top:11.5%;height:30%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}
.sevenr-frame-hall-nav a,.sevenr-frame-hall-nav button{height:30px;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 12px;box-sizing:border-box;border:1px solid rgba(211,160,68,.74);border-radius:7px;background:linear-gradient(180deg,rgba(78,49,18,.85),rgba(28,18,10,.96));color:#ead6ad;text-decoration:none;box-shadow:inset 0 0 0 1px rgba(255,226,164,.055),0 3px 10px rgba(0,0,0,.35);font:700 clamp(8px,.58vw,10px)/1 Georgia,'Times New Roman',serif;white-space:nowrap;cursor:pointer;text-shadow:0 1px 2px #000;flex:0 0 auto}
.sevenr-frame-hall-nav a:hover,.sevenr-frame-hall-nav a:focus-visible,.sevenr-frame-hall-nav button:hover,.sevenr-frame-hall-nav button:focus-visible{color:#fff0c2;border-color:#e4b659;box-shadow:inset 0 0 0 1px rgba(255,232,175,.09),0 0 16px rgba(218,158,53,.14);outline:none}.sevenr-frame-hall-nav a.is-active{border-color:#f0c56e;color:#fff2c8;background:linear-gradient(180deg,rgba(112,72,24,.92),rgba(43,27,12,.98));box-shadow:inset 0 0 12px rgba(255,204,101,.1),0 0 12px rgba(225,164,53,.12)}
.sevenr-frame-back-button span{font:700 14px/1 system-ui,sans-serif;color:#dfb15a}
.sevenr-frame-mobile-nav{display:none}

.sevenr-frame-legal-hits{position:absolute;z-index:7;inset:0;pointer-events:none}.sevenr-frame-legal-hits a{position:absolute;top:72%;height:19%;border-radius:4px;pointer-events:auto;color:transparent;font-size:0;text-decoration:none}.sevenr-frame-legal-hits a:hover,.sevenr-frame-legal-hits a:focus-visible{background:rgba(223,171,72,.035);outline:1px solid rgba(241,203,119,.15);outline-offset:-2px}.sevenr-legal-impressum{left:11.15%;width:4.25%}.sevenr-legal-datenschutz{left:16.35%;width:4.9%}.sevenr-legal-kontakt{left:22.3%;width:3.35%}.sevenr-legal-hilfe{left:26.65%;width:2.85%}

.sevenr-frame-nav-dialog{width:min(92vw,620px);max-height:min(82vh,720px);padding:0;border:1px solid rgba(214,166,76,.58);border-radius:18px;background:linear-gradient(155deg,#20150b,#0a0a09 62%);color:#efe0bd;box-shadow:0 32px 90px #000c}.sevenr-frame-nav-dialog::backdrop{background:rgba(0,0,0,.76);backdrop-filter:blur(5px)}.sevenr-frame-nav-dialog-shell{padding:17px}.sevenr-frame-nav-dialog header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:4px 4px 14px;border-bottom:1px solid rgba(212,164,74,.2)}.sevenr-frame-nav-dialog header>div{display:grid;gap:3px}.sevenr-frame-nav-dialog header small{color:#c99745;font:800 9px/1 system-ui,sans-serif;letter-spacing:.18em}.sevenr-frame-nav-dialog header strong{font:600 22px/1.1 Georgia,serif}.sevenr-frame-nav-dialog header button{width:38px;height:38px;border:1px solid rgba(215,168,75,.36);border-radius:50%;background:#0d0c0a;color:#dfc188;font-size:24px;cursor:pointer}.sevenr-frame-nav-dialog nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding-top:14px}.sevenr-frame-nav-dialog nav a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;min-height:48px;padding:0 13px;border:1px solid rgba(202,151,60,.34);border-radius:10px;background:rgba(10,10,9,.72);color:#e6d4ae;text-decoration:none}.sevenr-frame-nav-dialog nav a>span{color:#d8a74f}.sevenr-frame-nav-dialog nav a>i{font-style:normal;color:#d6a349;font-size:20px}.sevenr-frame-nav-dialog nav a.is-active{border-color:#dfb35f;background:rgba(90,57,19,.34);color:#fff0c7}

@media(max-width:1120px){.sevenr-page-frame-top,.sevenr-page-frame-bottom{background-size:1180px auto;background-position:18% top}.sevenr-page-frame-bottom{background-position:18% bottom}.sevenr-frame-hit{display:none}.sevenr-frame-crumb-mask{left:20px;width:355px;background:linear-gradient(90deg,rgba(31,17,8,.98),rgba(25,14,7,.98) 90%,transparent)}.sevenr-frame-crumb{left:36px}.sevenr-frame-nav-cover{left:3.2%;right:3.2%}.sevenr-frame-hall-nav{left:4.2%;right:4.2%;gap:6px}.sevenr-frame-hall-nav a,.sevenr-frame-hall-nav button{font-size:8px;padding:0 8px;height:29px}}

/* At phone/tablet width the full dock becomes a popup, so buttons never collide. */
@media(max-width:860px){.sevenr-page-frame-top{height:66px;background-size:1180px auto;background-position:17% top}.sevenr-frame-crumb-mask{left:8px;top:5px;width:340px;height:55px}.sevenr-frame-crumb{left:18px;gap:7px}.sevenr-frame-crumb a{font-size:11px}.sevenr-frame-crumb>span{font-size:17px}.sevenr-frame-crumb strong{font-size:13px;max-width:42vw}.sevenr-page-frame-content{padding-top:2px;padding-bottom:10px}.sevenr-page-frame-bottom{height:auto;min-height:0;background:linear-gradient(180deg,#25160b,#0b0907 58%,#050607);border-top-color:rgba(204,151,63,.38);overflow:visible}.sevenr-frame-nav-cover,.sevenr-frame-hall-nav{display:none}.sevenr-frame-mobile-nav{display:grid;grid-template-columns:minmax(105px,.44fr) minmax(180px,1fr);gap:9px;padding:13px max(14px,env(safe-area-inset-right)) 12px max(14px,env(safe-area-inset-left));border-bottom:1px solid rgba(198,146,58,.2);background:radial-gradient(circle at 50% 0,rgba(138,82,23,.22),transparent 52%)}.sevenr-frame-mobile-nav button{height:43px;border:1px solid rgba(214,163,70,.62);border-radius:9px;background:linear-gradient(180deg,rgba(78,49,18,.82),rgba(24,16,10,.98));color:#ead7ae;font:700 11px/1 Georgia,serif;cursor:pointer;white-space:nowrap}.sevenr-frame-mobile-open{display:flex;align-items:center;justify-content:center;gap:8px}.sevenr-frame-mobile-open>span:first-child{color:#d9a94e}.sevenr-frame-legal-hits{position:static;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 13px;padding:8px 12px calc(9px + env(safe-area-inset-bottom));background:#050607;pointer-events:auto}.sevenr-frame-legal-hits a{position:static!important;width:auto!important;height:auto!important;display:inline-flex!important;padding:5px 3px;color:#c6b494!important;font:600 10px/1.1 Inter,system-ui,sans-serif!important;outline:none!important;background:transparent!important}.sevenr-frame-legal-hits .sevenr-legal-impressum::after{content:'Impressum'}.sevenr-frame-legal-hits .sevenr-legal-datenschutz::after{content:'Datenschutz'}.sevenr-frame-legal-hits .sevenr-legal-kontakt::after{content:'Kontakt'}.sevenr-frame-legal-hits .sevenr-legal-hilfe::after{content:'Hilfe'}}
@media(max-width:470px){.sevenr-frame-mobile-nav{grid-template-columns:96px 1fr}.sevenr-frame-nav-dialog nav{grid-template-columns:1fr}.sevenr-frame-nav-dialog{max-height:86vh}.sevenr-frame-nav-dialog nav a{min-height:44px}.sevenr-frame-crumb strong{max-width:36vw}}
@media(max-width:950px) and (orientation:landscape) and (pointer:coarse){.sevenr-page-frame-top{height:calc(58px + max(env(safe-area-inset-top),8px));padding-top:max(env(safe-area-inset-top),8px)}.sevenr-frame-crumb-mask{top:max(env(safe-area-inset-top),8px)}.sevenr-frame-mobile-nav{grid-template-columns:120px minmax(230px,420px);justify-content:center;padding-top:9px;padding-bottom:9px}.sevenr-frame-nav-dialog{max-height:88vh}.sevenr-frame-nav-dialog nav{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* ========================================================================
   7R STANDARD PAGE 1.15.1
   Compact global CMS page. Background media is visible again, hero images
   zoom, readable content has its own frame, optional effects are metadata.
   ======================================================================== */
.sevenr-standard-page .content-shell{position:relative;isolation:isolate;min-height:58vh;padding:0 0 34px;overflow:hidden}
.sevenr-standard-page .content-shell>.project-bg{display:block!important;position:absolute;z-index:0;inset:0;overflow:hidden;background-image:linear-gradient(180deg,rgba(7,7,7,.42),rgba(7,8,9,.60) 48%,rgba(7,8,9,.82)),var(--project-bg,none);background-size:cover;background-position:center top;background-repeat:no-repeat;pointer-events:none}.sevenr-standard-page .sevenr-standard-bg-media picture,.sevenr-standard-page .sevenr-standard-bg-media img{display:block;width:100%;height:100%}.sevenr-standard-page .sevenr-standard-bg-img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;object-position:center top;opacity:.58;filter:saturate(.88) contrast(1.04)}.sevenr-standard-page .sevenr-standard-bg-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,7,7,.18),rgba(7,8,9,.42) 52%,rgba(7,8,9,.70));pointer-events:none}
.sevenr-standard-page .content-shell::before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 0,rgba(166,108,30,.10),transparent 38%)}
.sevenr-standard-page .content-shell::after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;opacity:0}

.sevenr-standard-page .content-hero{position:relative;z-index:2;max-width:1120px;min-height:0;margin:14px auto 14px;padding:17px 19px;display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,340px);gap:20px;align-items:center;border:1px solid rgba(203,151,62,.22);border-radius:14px;background:linear-gradient(145deg,rgba(31,22,12,.72),rgba(8,10,12,.91));box-shadow:0 12px 34px rgba(0,0,0,.24)}
.sevenr-standard-page .content-hero:not(:has(.content-hero-img)){grid-template-columns:1fr;max-width:1040px}
.sevenr-standard-page .content-hero>div{grid-column:1;grid-row:1;min-width:0}
.sevenr-standard-page .sevenr-standard-hero-media{position:relative;grid-column:2;grid-row:1;display:block;width:100%;padding:0;border:0;border-radius:11px;background:#080807;cursor:zoom-in;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.34)}
.sevenr-standard-page .content-hero-img{display:block;width:100%;height:176px;object-fit:cover;border-radius:11px;transition:transform .35s ease,filter .35s ease}
.sevenr-standard-page .sevenr-standard-hero-media:hover .content-hero-img{transform:scale(1.012);filter:brightness(1.04)}
.sevenr-standard-page .sevenr-standard-hero-media>span{position:absolute;right:8px;bottom:8px;display:grid;place-items:center;width:27px;height:27px;border:1px solid rgba(222,177,82,.38);border-radius:50%;background:rgba(8,8,7,.78);color:#e7c779;font:800 12px/1 system-ui,sans-serif;opacity:.78}
.sevenr-standard-page .content-hero .eyebrow{margin:0 0 4px;font-size:9px;letter-spacing:.16em;color:#d6a84d}
.sevenr-standard-page .content-hero h1{margin:2px 0 5px;font:600 clamp(25px,2.25vw,34px)/1.05 Georgia,'Times New Roman',serif;color:#f2e6d1;letter-spacing:-.008em}
.sevenr-standard-page .content-hero .tagline{margin:0;color:#c8bca9;font:400 clamp(13px,1vw,15.5px)/1.42 Inter,system-ui,sans-serif}

.sevenr-standard-page .content-shell>.prose{position:relative;z-index:2;max-width:1120px;margin:0 auto;padding:23px 26px 27px;border:1px solid rgba(203,151,62,.20);border-radius:14px;background:linear-gradient(150deg,rgba(17,14,10,.84),rgba(7,9,11,.91));box-shadow:0 14px 38px rgba(0,0,0,.22);font-size:16.2px;line-height:1.68}
.sevenr-standard-page .content-shell>.prose h2{font-size:clamp(21px,1.85vw,27px);line-height:1.12}
.sevenr-standard-page .content-shell>.prose h3{font-size:clamp(18px,1.55vw,22px);line-height:1.16}
.sevenr-standard-page .continue{position:relative;z-index:2;max-width:1120px;margin:28px auto 12px}

/* Selectable page effects. Deliberately quiet: reading always wins. */
.sevenr-standard-page.sevenr-effect-gold_glow .content-hero,
.sevenr-standard-page.sevenr-effect-gold_glow .content-shell>.prose{box-shadow:0 14px 38px rgba(0,0,0,.24),0 0 26px rgba(204,145,44,.055)}
.sevenr-standard-page.sevenr-effect-gold_glow .content-shell::after{opacity:.55;background:radial-gradient(circle at 18% 16%,rgba(219,165,66,.10),transparent 23%),radial-gradient(circle at 84% 42%,rgba(217,154,51,.07),transparent 22%);animation:sevenrStandardGlow 9s ease-in-out infinite alternate}
.sevenr-standard-page.sevenr-effect-sparkles .content-shell::after{opacity:.62;background-image:radial-gradient(circle,rgba(245,206,122,.48) 0 1px,transparent 1.7px),radial-gradient(circle,rgba(220,165,67,.32) 0 1px,transparent 1.6px);background-size:83px 83px,127px 127px;background-position:0 0,29px 41px;animation:sevenrStandardDrift 24s linear infinite}
.sevenr-standard-page.sevenr-effect-portal .content-shell::after{opacity:.42;background:radial-gradient(ellipse at 78% 28%,rgba(64,112,214,.22),transparent 27%),radial-gradient(ellipse at 20% 68%,rgba(114,58,177,.13),transparent 25%);animation:sevenrStandardGlow 8s ease-in-out infinite alternate}
.sevenr-standard-page.sevenr-effect-embers .content-shell::after{opacity:.48;background-image:radial-gradient(circle,rgba(244,148,48,.45) 0 1px,transparent 1.8px),radial-gradient(circle,rgba(210,80,26,.26) 0 1px,transparent 1.6px),radial-gradient(ellipse at 50% 100%,rgba(152,55,13,.15),transparent 36%);background-size:94px 94px,151px 151px,100% 100%;background-position:10px 20px,70px 60px,0 0;animation:sevenrStandardEmbers 19s linear infinite}
@keyframes sevenrStandardGlow{from{filter:brightness(.92);transform:translate3d(-.4%,0,0)}to{filter:brightness(1.1);transform:translate3d(.5%,.4%,0)}}
@keyframes sevenrStandardDrift{to{background-position:83px -83px,-98px -86px}}
@keyframes sevenrStandardEmbers{to{background-position:22px -188px,-50px -260px,0 0}}

/* Optional Gerümpel-/Sammel-Ecke for global standard pages. */
.sevenr-standard-page .sevenr-collector-corner{position:relative;z-index:2;max-width:1120px;margin:14px auto 0;padding:18px 20px 20px;border:1px solid rgba(203,151,62,.20);border-radius:14px;background:linear-gradient(150deg,rgba(20,15,10,.82),rgba(7,9,11,.90));box-shadow:0 14px 38px rgba(0,0,0,.20),0 0 30px rgba(203,145,44,.035);overflow:hidden}
.sevenr-standard-page .sevenr-collector-corner::after{content:"";position:absolute;inset:-40% -20%;pointer-events:none;background:linear-gradient(115deg,transparent 42%,rgba(240,194,92,.06) 49%,rgba(255,229,157,.12) 50%,rgba(240,194,92,.06) 51%,transparent 58%);transform:translateX(-45%);animation:sevenrCollectorShimmer 12s ease-in-out infinite}
.sevenr-standard-page .sevenr-collector-corner>header{position:relative;z-index:1;margin-bottom:13px}.sevenr-standard-page .sevenr-collector-corner>header h2{margin:3px 0 4px;color:#f0e4d0;font:600 clamp(20px,1.8vw,26px)/1.08 Georgia,'Times New Roman',serif}.sevenr-standard-page .sevenr-collector-corner>header>p:last-child{margin:0;max-width:760px;color:#a99f92;font:400 12.5px/1.45 Inter,system-ui,sans-serif}
.sevenr-collector-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.sevenr-collector-card{min-width:0;padding:13px 14px;border:1px solid rgba(210,161,72,.14);border-radius:11px;background:linear-gradient(180deg,rgba(34,25,14,.22),rgba(7,9,11,.30));box-shadow:0 7px 18px rgba(0,0,0,.14)}.sevenr-collector-card small{display:block;margin-bottom:7px;color:#c8953c;font:800 7.5px/1 system-ui,sans-serif;letter-spacing:.14em}.sevenr-collector-card h3{margin:0 0 7px!important;color:#eee2cf;font:600 15px/1.16 Georgia,'Times New Roman',serif!important}.sevenr-collector-card p{margin:0;color:#b1a99d;font:400 11.5px/1.48 Inter,system-ui,sans-serif}.sevenr-collector-card a{display:inline-flex;margin-top:10px;color:#e2ba67;text-decoration:none;font:800 9px/1 system-ui,sans-serif}.sevenr-collector-card a:hover{color:#f3d58e}
@keyframes sevenrCollectorShimmer{0%,35%{transform:translateX(-55%);opacity:0}48%{opacity:.8}65%,100%{transform:translateX(55%);opacity:0}}
@media(prefers-reduced-motion:reduce){.sevenr-standard-page .content-shell::after{animation:none!important}}
@media(prefers-reduced-motion:reduce){.sevenr-standard-page .sevenr-collector-corner::after{animation:none!important;display:none}}

@media(prefers-reduced-motion:reduce){.sevenr-geruempel-stage::after,.sevenr-geruempel-hotspot::after,.sevenr-geruempel-hotspot em{animation:none!important}}

.sevenr-standard-hero-dialog{width:min(94vw,1500px);max-width:1500px;max-height:92vh;padding:0;border:1px solid rgba(213,164,70,.44);border-radius:14px;background:#050606;box-shadow:0 32px 100px #000d;overflow:hidden}
.sevenr-standard-hero-dialog::backdrop{background:rgba(0,0,0,.88);backdrop-filter:blur(5px)}
.sevenr-standard-hero-dialog img{display:block;max-width:92vw;max-height:88vh;margin:auto;object-fit:contain}
.sevenr-standard-hero-dialog button{position:absolute;z-index:3;right:10px;top:10px;width:38px;height:38px;border:1px solid rgba(224,181,89,.52);border-radius:50%;background:rgba(8,8,8,.84);color:#f0d89d;font-size:23px;cursor:pointer}

@media(max-width:860px){
 .sevenr-standard-page .content-hero,.sevenr-standard-page .content-hero:not(:has(.content-hero-img)){grid-template-columns:1fr;margin:10px 10px 12px;padding:14px 14px;gap:11px;border-radius:12px}
 .sevenr-standard-page .content-hero>div{grid-column:1;grid-row:1}
 .sevenr-standard-page .sevenr-standard-hero-media{grid-column:1;grid-row:2}
 .sevenr-standard-page .content-hero-img{height:170px;border-radius:9px}
 .sevenr-standard-page .content-hero h1{font-size:26px}
 .sevenr-standard-page .content-shell>.prose{margin:0 10px;padding:18px 17px 22px;font-size:15.5px;line-height:1.65;border-radius:12px}
 .sevenr-standard-page .continue{padding-left:10px;padding-right:10px}
}
@media(max-width:950px) and (orientation:landscape) and (pointer:coarse){
 .sevenr-standard-page .content-hero{grid-template-columns:minmax(0,1fr) minmax(210px,31vw);margin:9px 14px;padding:12px 15px}
 .sevenr-standard-page .content-hero>div{grid-column:1;grid-row:1}
 .sevenr-standard-page .sevenr-standard-hero-media{grid-column:2;grid-row:1}
 .sevenr-standard-page .content-hero-img{height:135px}
 .sevenr-standard-page .content-hero h1{font-size:25px}
 .sevenr-standard-page .content-shell>.prose{margin-left:14px;margin-right:14px;padding:16px 18px;font-size:15px}
}

@media(max-width:980px){.sevenr-collector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.sevenr-standard-page .sevenr-collector-corner{margin:12px 10px 0;padding:15px 15px 17px;border-radius:12px}.sevenr-collector-grid{grid-template-columns:1fr;gap:8px}.sevenr-collector-card{padding:12px 13px}}

/* ========================================================================
   Autorenseite · Gerümpel-Bühne 1.15.4
   Wald = Hintergrund, freigestellte Gerümpel-Box = interaktive Bildfläche.
   Die vier Hotspots liegen prozentual über den gerenderten Karten.
   ======================================================================== */

.sevenr-standard-page .sevenr-geruempel-stage{
 position:relative;z-index:2;width:min(100%,1040px);margin:12px auto 0;
 padding:18px 0 30px;overflow:visible;border:0;border-radius:0;
 box-shadow:none;isolation:isolate;background:transparent;
}
.sevenr-geruempel-stage-bg{display:none!important}
.sevenr-geruempel-stage::before{display:none!important}
.sevenr-geruempel-stage::after{
 content:"";position:absolute;z-index:4;inset:10% 6% auto 6%;height:24%;pointer-events:none;opacity:.26;
 background:linear-gradient(118deg,transparent 40%,rgba(247,201,100,.04) 49%,rgba(255,232,166,.10) 50%,rgba(247,201,100,.04) 51%,transparent 60%);
 transform:translateX(-36%);animation:sevenrGeruempelStageShimmer 14s ease-in-out infinite;
}
.sevenr-geruempel-scroll{position:relative;z-index:2;width:100%;overflow:visible}
.sevenr-geruempel-board{position:relative;width:min(88%,920px);margin:0 auto;filter:drop-shadow(0 14px 26px rgba(0,0,0,.28))}
.sevenr-geruempel-board>img{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}
.sevenr-geruempel-hotspots{position:absolute;inset:0;z-index:3;pointer-events:none}
.sevenr-geruempel-hotspot{
 position:absolute;top:28.1%;height:46.1%;margin:0;padding:0;border:0;border-radius:12px;
 background:transparent;color:#f1e5d0;text-decoration:none;cursor:pointer;pointer-events:auto;
 font:inherit;appearance:none;-webkit-appearance:none;outline:none;
 transition:background .24s ease,box-shadow .24s ease,transform .24s ease,filter .24s ease;
}
.sevenr-geruempel-hotspot.slot-1{left:8.42%;width:20.30%}
.sevenr-geruempel-hotspot.slot-2{left:29.66%;width:19.98%}
.sevenr-geruempel-hotspot.slot-3{left:50.55%;width:19.98%}
.sevenr-geruempel-hotspot.slot-4{left:71.43%;width:20.60%}
.sevenr-geruempel-hotspot::before{
 content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;
 background:linear-gradient(180deg,rgba(242,188,77,.018),rgba(250,191,71,.05));
 box-shadow:inset 0 0 0 1px rgba(246,196,93,.04),0 0 0 rgba(222,159,49,0);
 transition:opacity .24s ease,box-shadow .24s ease;
}
.sevenr-geruempel-hotspot::after{
 content:"";position:absolute;left:50%;bottom:2.2%;width:38px;height:38px;border-radius:50%;
 transform:translateX(-50%);opacity:.42;pointer-events:none;
 box-shadow:0 0 0 1px rgba(245,191,74,.16),0 0 12px rgba(238,164,45,.20);
 animation:sevenrGeruempelArrowPulse 2.8s ease-in-out infinite;
}
.sevenr-geruempel-hotspot>span{
 position:absolute;left:8%;right:8%;bottom:11.8%;display:grid;gap:1px;text-align:center;
 text-shadow:0 2px 7px rgba(0,0,0,.92);pointer-events:none;
}
.sevenr-geruempel-hotspot strong{
 display:block;color:#f3e6cf;font:600 clamp(10px,.82vw,14px)/1.03 Georgia,'Times New Roman',serif;
 letter-spacing:-.02em;
}
.sevenr-geruempel-hotspot em{
 display:block;color:#e7b95b;font:800 clamp(6.5px,.48vw,8px)/1 system-ui,sans-serif;
 font-style:normal;text-transform:uppercase;letter-spacing:.12em;
 animation:sevenrGeruempelClickGlow 2.6s ease-in-out infinite;
}
.sevenr-geruempel-hotspot:hover,.sevenr-geruempel-hotspot:focus-visible{transform:translateY(-2px);filter:brightness(1.05)}
.sevenr-geruempel-hotspot:hover::before,.sevenr-geruempel-hotspot:focus-visible::before{
 opacity:1;box-shadow:inset 0 0 0 1px rgba(246,196,93,.20),0 0 18px rgba(222,159,49,.14);
}
.sevenr-geruempel-hotspot:hover::after,.sevenr-geruempel-hotspot:focus-visible::after{
 opacity:.92;box-shadow:0 0 0 1px rgba(255,212,118,.40),0 0 18px rgba(245,175,52,.46);
}
.sevenr-geruempel-hotspot:active{transform:translateY(0) scale(.992)}
.sevenr-geruempel-toast{
 position:absolute;z-index:8;left:50%;bottom:2.8%;translate:-50% 10px;
 padding:8px 12px;border:1px solid rgba(230,178,74,.30);border-radius:999px;
 background:rgba(10,8,5,.90);color:#e9c779;font:800 9px/1 system-ui,sans-serif;
 opacity:0;pointer-events:none;transition:opacity .22s ease,translate .22s ease;
 box-shadow:0 8px 24px rgba(0,0,0,.35),0 0 16px rgba(204,142,42,.10);
}
.sevenr-geruempel-toast.is-visible{opacity:1;translate:-50% 0}
.sevenr-geruempel-swipe{display:none;position:relative;z-index:3;margin:6px 0 0;text-align:center;color:#d6ad59;font:800 8px/1 system-ui,sans-serif;letter-spacing:.10em;text-transform:uppercase}

@keyframes sevenrGeruempelStageShimmer{0%,34%{transform:translateX(-36%)}66%,100%{transform:translateX(36%)}}
@keyframes sevenrGeruempelArrowPulse{0%,100%{opacity:.26;transform:translateX(-50%) scale(.94)}50%{opacity:.62;transform:translateX(-50%) scale(1.03)}}
@keyframes sevenrGeruempelClickGlow{0%,100%{opacity:.58;text-shadow:0 0 0 rgba(236,176,65,0)}50%{opacity:1;text-shadow:0 0 7px rgba(236,176,65,.62)}}

@media(max-width:980px){
 .sevenr-standard-page .sevenr-geruempel-stage{margin-top:10px;padding:14px 0 24px}
 .sevenr-geruempel-board{width:min(90%,820px)}
 .sevenr-geruempel-hotspot{border-radius:10px}
 .sevenr-geruempel-hotspot strong{font-size:11px}
 .sevenr-geruempel-hotspot em{font-size:6.8px}
 .sevenr-geruempel-hotspot::after{width:32px;height:32px}
}
@media(max-width:720px){
 .sevenr-standard-page .sevenr-geruempel-stage{width:100%;margin:10px auto 0;padding:10px 0 20px}
 .sevenr-geruempel-scroll{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;padding:0 6px}
 .sevenr-geruempel-scroll::-webkit-scrollbar{display:none}
 .sevenr-geruempel-board{width:640px;max-width:none;margin:0 auto}
 .sevenr-geruempel-hotspot strong{font-size:11px}
 .sevenr-geruempel-hotspot em{font-size:6.8px}
 .sevenr-geruempel-swipe{display:block}
}
@media(max-width:950px) and (orientation:landscape) and (pointer:coarse){
 .sevenr-standard-page .sevenr-geruempel-stage{padding:10px 0 18px}
 .sevenr-geruempel-scroll{overflow-x:auto;scrollbar-width:none}
 .sevenr-geruempel-board{width:680px;max-width:none}
 .sevenr-geruempel-swipe{display:block}
}
@media(prefers-reduced-motion:reduce){.sevenr-standard-page .content-shell::after{animation:none!important}}
@media(prefers-reduced-motion:reduce){.sevenr-standard-page .sevenr-collector-corner::after{animation:none!important;display:none}}

.sevenr-standard-hero-dialog{width:min(94vw,1500px);max-width:1500px;max-height:92vh;padding:0;border:1px solid rgba(213,164,70,.44);border-radius:14px;background:#050606;box-shadow:0 32px 100px #000d;overflow:hidden}
.sevenr-standard-hero-dialog::backdrop{background:rgba(0,0,0,.88);backdrop-filter:blur(5px)}
.sevenr-standard-hero-dialog img{display:block;max-width:92vw;max-height:88vh;margin:auto;object-fit:contain}
.sevenr-standard-hero-dialog button{position:absolute;z-index:3;right:10px;top:10px;width:38px;height:38px;border:1px solid rgba(224,181,89,.52);border-radius:50%;background:rgba(8,8,8,.84);color:#f0d89d;font-size:23px;cursor:pointer}

@media(max-width:860px){
 .sevenr-standard-page .content-hero,.sevenr-standard-page .content-hero:not(:has(.content-hero-img)){grid-template-columns:1fr;margin:10px 10px 12px;padding:14px 14px;gap:11px;border-radius:12px}
 .sevenr-standard-page .content-hero>div{grid-column:1;grid-row:1}
 .sevenr-standard-page .sevenr-standard-hero-media{grid-column:1;grid-row:2}
 .sevenr-standard-page .content-hero-img{height:170px;border-radius:9px}
 .sevenr-standard-page .content-hero h1{font-size:26px}
 .sevenr-standard-page .content-shell>.prose{margin:0 10px;padding:18px 17px 22px;font-size:15.5px;line-height:1.65;border-radius:12px}
 .sevenr-standard-page .continue{padding-left:10px;padding-right:10px}
}
@media(max-width:950px) and (orientation:landscape) and (pointer:coarse){
 .sevenr-standard-page .content-hero{grid-template-columns:minmax(0,1fr) minmax(210px,31vw);margin:9px 14px;padding:12px 15px}
 .sevenr-standard-page .content-hero>div{grid-column:1;grid-row:1}
 .sevenr-standard-page .sevenr-standard-hero-media{grid-column:2;grid-row:1}
 .sevenr-standard-page .content-hero-img{height:135px}
 .sevenr-standard-page .content-hero h1{font-size:25px}
 .sevenr-standard-page .content-shell>.prose{margin-left:14px;margin-right:14px;padding:16px 18px;font-size:15px}
}

@media(max-width:980px){.sevenr-collector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.sevenr-standard-page .sevenr-collector-corner{margin:12px 10px 0;padding:15px 15px 17px;border-radius:12px}.sevenr-collector-grid{grid-template-columns:1fr;gap:8px}.sevenr-collector-card{padding:12px 13px}}


/* ========================================================================
   7R STANDARD PAGE 1.15.6 · desktop viewport cover
   Desktop fills the browser viewport with the CMS background. The image is
   cropped only as much as necessary for the screen ratio and never stretched
   against the full document height. Mobile keeps its existing behaviour.
   ======================================================================== */
@media (min-width:861px){
 .sevenr-standard-page .content-shell>.project-bg.sevenr-standard-bg-media{
  position:absolute!important;inset:0!important;overflow:visible!important;
  background:#050706!important;pointer-events:none!important;
 }
 .sevenr-standard-page .content-shell>.project-bg.sevenr-standard-bg-media::before{
  display:none!important;content:none!important;
 }
 .sevenr-standard-page .sevenr-standard-bg-media picture{
  position:fixed!important;z-index:1!important;left:0;right:0;top:78px;bottom:0;
  width:100vw!important;height:calc(100dvh - 78px)!important;display:block!important;
  pointer-events:none!important;overflow:hidden!important;
 }
 .sevenr-standard-page .sevenr-standard-bg-img{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  object-fit:cover!important;object-position:center 42%!important;opacity:.58!important;
  filter:saturate(.88) contrast(1.04) brightness(.88)!important;
  transform:none!important;
 }
 .sevenr-standard-page .sevenr-standard-bg-media::after{
  content:"";position:fixed!important;z-index:2!important;left:0;right:0;top:78px;bottom:0;
  background:linear-gradient(180deg,rgba(5,7,6,.18),rgba(5,7,6,.38) 54%,rgba(5,7,6,.62));
  pointer-events:none!important;
 }
}

/* 1.16.0: In der gerenderten Box stehen die Kartentitel bereits im Bild.
   Darum zeigt der Hotspot nur noch einen kleinen animierten Klick-Hinweis. */
.sevenr-geruempel-hotspot>span{bottom:11.2%;left:10%;right:10%;gap:0}
.sevenr-geruempel-hotspot strong{color:#e9bd64;font:800 clamp(7px,.52vw,9px)/1 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.12em;animation:sevenrGeruempelClickGlow 2.6s ease-in-out infinite}
.sevenr-geruempel-hotspot em{display:none!important}
@media(max-width:980px){.sevenr-geruempel-hotspot strong{font-size:7.2px}}
@media(max-width:720px){.sevenr-geruempel-hotspot strong{font-size:7px}}

/* 7R 1.24.9 mobile lightweight frame */
@media(max-width:860px){.sevenr-page-frame-top{background-image:url('/nexus-test/assets/visual/projects/drachenfunken-frame-mobile.webp')!important;background-size:1180px 66px!important}}