.df20{--ink:#e8e4d9;--muted:#b4b9bc;--line:#ffffff29;--accent:#c9ab6e;--panel:#172329;color:var(--ink);background:#10191e;padding:clamp(22px,4vw,60px);margin:28px auto;max-width:1280px;border:1px solid var(--line);border-radius:8px;font-family:system-ui,sans-serif;line-height:1.65;box-sizing:border-box;overflow-wrap:anywhere}.df20 *{box-sizing:border-box}.df20 [hidden]{display:none!important}.df20 h2,.df20 h3{color:var(--ink);line-height:1.18}.df20 h2{font-family:Georgia,serif;font-size:clamp(30px,4.4vw,58px);font-weight:400;max-width:850px;margin:12px 0 24px}.df20 h3{font-size:22px;margin:12px 0 18px}.df20 p{max-width:78ch;color:var(--ink)}.df20 .df20-kicker{font:600 11px/1.7 system-ui,sans-serif;letter-spacing:.19em;text-transform:uppercase;color:var(--accent)}.df20 a{color:#efd29b;text-decoration:underline;text-underline-offset:4px}.df20 button,.df20 .df20-button{display:inline-block;padding:11px 16px;background:#24353e;color:#f5e5c4;border:1px solid #8b7853;border-radius:3px;font:600 14px/1.4 system-ui,sans-serif;text-decoration:none;cursor:pointer;min-height:44px;max-width:100%;white-space:normal}.df20 button:hover,.df20 .df20-button:hover{background:#344952}.df20 :focus-visible{outline:3px solid #f9d987;outline-offset:4px}.df20 button[aria-pressed=true]{background:#66532e}.df20 label{display:block;color:#d5d8d8;font-size:14px}.df20 input,.df20 select,.df20 textarea{display:block;margin:6px 0 12px;padding:10px;background:#0c1418;color:#f7f4eb;border:1px solid #748087;border-radius:3px;font:inherit;min-height:44px;max-width:100%;width:100%}.df20 textarea{resize:vertical}.df20-toolbar{display:flex;gap:16px;align-items:end;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.df20-toolbar>label{flex:1 1 190px}.df20-toolbar>button{margin-bottom:12px}.df20-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:18px}.df20-cards>article{background:var(--panel);border:1px solid var(--line);padding:24px;border-radius:4px;min-width:0}.df20-record:target{outline:3px solid var(--accent)}.df20-reader-book label{margin-top:16px}.df20-cover{width:auto!important;height:260px!important;max-width:100%;object-fit:contain;object-position:left;display:block;margin-bottom:20px}.df20-cover-missing{border-left:2px solid var(--accent);padding:12px;font-style:italic}.df20 details{margin:15px 0}.df20 summary{cursor:pointer;min-height:44px;color:#efd29b}.df20-tour-grid{display:grid;grid-template-columns:260px 1fr;gap:32px;margin:30px 0}.df20-map{display:flex;flex-direction:column;gap:6px}.df20-map a{padding:10px 12px;font-size:14px;text-decoration:none;background:#ffffff06;border-left:2px solid transparent;min-height:44px}.df20-map a[aria-current]{border-color:var(--accent);background:#c9ab6e1c;color:#ffe4af}.df20-room{padding:26px;background:var(--panel);border:1px solid var(--line);margin-bottom:16px;min-height:300px}.df20-room h3{font-family:Georgia,serif;font-size:32px}.df20-room nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.df20-scene{height:280px;position:relative;overflow:hidden;background:linear-gradient(160deg,#111f2a99,#07121822),repeating-linear-gradient(0deg,transparent 0 51px,#2c3337 52px 54px),linear-gradient(90deg,#777369,#aaa18a 45%,#6e706c);border:1px solid #ffffff26;box-shadow:inset 0 -65px 100px #030a10}.df20-scene:before{content:'';position:absolute;left:0;bottom:0;width:100%;height:65px;background:repeating-linear-gradient(90deg,#676459 0 85px,#343938 86px 88px);transform:perspective(140px) rotateX(27deg);transform-origin:bottom}.df20-window{position:absolute;top:20px;left:12%;height:190px;width:90px;border:12px solid #484840;background:linear-gradient(100deg,#b0c0bf,#f1dbc1);box-shadow:130px 0 0 -12px #b5c6bf,130px 0 0 0 #484840}.df20-window:after{content:'';position:absolute;left:31px;top:0;width:6px;height:100%;background:#444942}.df20-door{position:absolute;right:14%;bottom:40px;width:100px;height:190px;border:9px solid #4a4034;background:linear-gradient(90deg,#312923,#635641);box-shadow:0 0 0 8px #bab19a}.df20-desk{position:absolute;left:44%;bottom:24px;width:140px;height:65px;background:linear-gradient(#20272a 0 12%,#5a4936 13% 75%,#212a30 76%)}.df20-desk:before{content:'';position:absolute;top:-49px;left:38px;width:70px;height:45px;background:linear-gradient(135deg,#29536c,#83b7c5);border:5px solid #121e24;box-shadow:0 5px 0 #111}.df20-scene>span{position:absolute;top:22px;right:30px;background:#10232b;color:#dbcaa3;padding:7px 10px;font:10px system-ui;letter-spacing:.14em}.df20-rosa{--panel:#27171e;--accent:#e4ad7e;background:#160d12}.df20-rosa .df20-scene{background:radial-gradient(ellipse at 50% 0,#b62c4e70,transparent 65%),repeating-linear-gradient(90deg,#29151b 0 25px,#321b22 26px 28px)}.df20-rosa .df20-window{background:#be574c;border-color:#482933;box-shadow:130px 0 0 -12px #c44e4a,130px 0 0 0 #482933}.df20-rosa .df20-door{background:#4a1221;border-color:#211319;box-shadow:0 0 0 5px #8f5d45}.df20-rosa .df20-desk{background:linear-gradient(#8d6a46 0 10%,#341a1d 11%);width:200px;left:36%}.df20-rosa .df20-desk:before{background:repeating-linear-gradient(90deg,#e5c78d 0 3px,#41202a 4px 18px);height:25px;top:-25px;border:0}.df20-rosa .df20-scene:before{background:repeating-conic-gradient(#4d3029 0 25%,#2e1e1d 0 50%) 0/55px 55px}.df20-rosa .df20-scene>span{background:#280e17;color:#f8bb8b}.df20-rosa[data-light=gold] .df20-scene{filter:sepia(.5) brightness(1.25)}.df20-rosa[data-light=nacht] .df20-scene{filter:brightness(.65)}.df20-portal-links{display:flex;gap:12px;flex-wrap:wrap}.df20-portal-links a{display:block;padding:15px;border:1px solid var(--line)}.df20-print-only{display:none}@media(max-width:680px){.df20{padding:22px 16px;margin:18px 10px}.df20-tour-grid{grid-template-columns:1fr;gap:18px}.df20-map{display:grid;grid-template-columns:1fr 1fr;gap:5px}.df20-map h3{grid-column:1/-1}.df20-map a{font-size:12px;padding:8px}.df20-room{padding:20px;min-height:260px}.df20-scene{height:210px}.df20-window{left:7%;width:55px;height:145px;border-width:7px;box-shadow:75px 0 0 -7px #b5c6bf,75px 0 0 0 #484840}.df20-window:after{left:20px;width:4px}.df20-door{right:9%;width:65px;height:150px}.df20-desk{left:34%;width:95px;height:50px}.df20-desk:before{left:20px;width:55px}.df20-scene>span{font-size:8px;right:13px}.df20-rosa .df20-window{box-shadow:75px 0 0 -7px #c44e4a,75px 0 0 0 #482933}.df20-rosa .df20-desk{width:120px;left:31%}.df20-cards>article{padding:18px}.df20-toolbar>*{flex-basis:100%}}@media(prefers-reduced-motion:reduce){.df20 *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media print{.df20{background:white;color:black;box-shadow:none;border:1px solid #aaa}.df20 h2,.df20 h3,.df20 p{color:black}.df20 .df20-scene,.df20 button,.df20-toolbar,.df20-map{display:none}.df20-tour-grid{display:block}.df20-room{background:white;color:black}.df20-print-only{display:block}}

.df20 .df20-check{display:flex;gap:10px;align-items:center;min-height:56px}.df20 .df20-check input{width:20px;min-height:20px;margin:0}.df20-tour[data-active-room=archiv] .df20-window,.df20-tour[data-active-room=asservaten] .df20-window{background:repeating-linear-gradient(0deg,#403c30 0 16px,#b7ae90 17px 20px);box-shadow:130px 0 0 0 #504937}.df20-tour[data-active-room=analyse] .df20-door,.df20-tour[data-active-room=lage] .df20-door{background:repeating-linear-gradient(0deg,#1e3e54 0 25px,#6d9fba 26px 28px);border-color:#10212c;box-shadow:0 0 20px #6eb3d440}.df20-tour[data-active-room=treppe] .df20-desk{transform:skewY(-12deg);background:repeating-linear-gradient(0deg,#4d5150 0 10px,#b2aea0 11px 14px)}.df20-tour[data-active-room=treppe] .df20-desk:before{display:none}.df20-rosa[data-active-room=patio] .df20-window{background:#101f2a;box-shadow:none;border-color:#3a5342}.df20-rosa[data-active-room=patio] .df20-scene{background:radial-gradient(circle at 70% 20%,#ceb77c22,transparent 35%),linear-gradient(#08121b,#1f3429)}.df20-rosa[data-active-room=backstage] .df20-door{background:repeating-linear-gradient(90deg,#151015 0 9px,#512137 10px 13px)}.df20-rosa[data-active-room=pista] .df20-desk{display:none}
