/* NOVA Universe V75.52.536 – Desktop LIVE Responsive Cross-Browser Stand: 01.09.2026 · Branch: v75.45-development */ :root{--ink:#07152d;--muted:#58677d;--blue:#1466e8;--cyan:#12bde4;--green:#65cf45;--line:#dce6f1;--soft:#f4f9fe;--navy:#061a35;--shadow:0 18px 45px rgba(17,60,105,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,#fff,#f5f9fd 60%,#edf5fb)}button,input{font:inherit}.topbar{height:84px;display:flex;align-items:center;gap:28px;padding:0 3vw;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;min-width:300px}.logo{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font:800 34px/1 Space Grotesk;background:conic-gradient(from 220deg,#2259ff,#16c7d8,#65d343,#2259ff);color:#fff;box-shadow:inset 0 0 0 5px #fff,0 8px 20px #b3cbea}.brand strong{display:block;font:700 30px/1 Space Grotesk;letter-spacing:-1px}.brand em{font-style:normal;background:linear-gradient(90deg,#1768ee,#53d157);-webkit-background-clip:text;color:transparent}.brand small{display:block;font-size:10px;letter-spacing:2px;margin-top:6px}.nav{display:flex;gap:24px;margin-left:auto}.nav a{color:var(--ink);text-decoration:none;font-weight:700;font-size:14px}.nav a:hover{color:var(--blue)}.online{font-size:12px;font-weight:700;white-space:nowrap}.online i{display:inline-block;width:8px;height:8px;background:#3bcc65;border-radius:50%;margin-right:7px;box-shadow:0 0 0 5px #dff7e5}.menu-toggle{display:none;background:none;border:0;font-size:24px}.hero{max-width:1500px;margin:0 auto;min-height:590px;padding:55px 3vw 34px;display:grid;grid-template-columns:1.05fr 1fr 260px;align-items:center;gap:30px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,#d8f7ff 0,#edf8ff 44%,transparent 70%);left:45%;top:-120px;z-index:-1}.eyebrow{font-size:12px;letter-spacing:1.8px;color:var(--blue);font-weight:800}.hero h1{font:700 clamp(38px,4.4vw,68px)/1.02 Space Grotesk;margin:18px 0}.hero h1 span{background:linear-gradient(90deg,#2573f1,#14bfc7,#65ca47);-webkit-background-clip:text;color:transparent}.hero-copy p{font-size:17px;line-height:1.65;max-width:660px;color:#34445b}.hero-actions{display:flex;gap:14px;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:15px 23px;border:1px solid transparent;text-decoration:none;font-weight:800;cursor:pointer}.primary{color:#fff;background:linear-gradient(110deg,#2d55ef,#13bce1,#67ce45);box-shadow:0 10px 25px #b8d8ed}.secondary{color:var(--ink);background:#fff;border-color:#aab9cc}.small{padding:11px 16px;font-size:13px}.trust{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:#44566d;font-weight:700}.model-stage{height:450px;position:relative;display:flex;align-items:center;justify-content:center}.model-stage img{height:390px;max-width:100%;object-fit:contain;filter:drop-shadow(0 24px 30px rgba(26,80,132,.22));position:relative;z-index:2}.halo{position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,#e5fbff 5%,#dfeeff 42%,transparent 70%);box-shadow:0 0 90px #bdeeff}.hotspot,.ai-core{position:absolute;z-index:5;border:1px solid #cfe4fa;background:rgba(255,255,255,.92);box-shadow:0 10px 25px rgba(21,74,130,.15);cursor:pointer;transition:.2s}.hotspot{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:25px;font-size:12px;font-weight:800}.hotspot b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#eef7ff}.hotspot:hover,.ai-core:hover{transform:translateY(-3px) scale(1.03);border-color:#4ea7ff}.h-weather{top:30px;left:5px}.h-jobs{top:112px;right:-5px}.h-world{bottom:82px;right:4px}.h-money{bottom:16px;left:30px}.h-knowledge{top:190px;left:-18px}.h-everyday{top:254px;right:-20px}.ai-core{bottom:40px;left:50%;transform:translateX(-50%);border-radius:18px;padding:11px 25px;text-align:center;background:linear-gradient(135deg,#092b58,#0f78d8);color:#fff}.ai-core:hover{transform:translateX(-50%) translateY(-3px) scale(1.03)}.ai-core span{color:#6fe4ff}.ai-core b,.ai-core small{display:block}.ai-core small{font-size:10px;color:#c8e8ff}.status-card{background:linear-gradient(145deg,#071c38,#0d2c50);color:#fff;padding:24px;border-radius:18px;box-shadow:var(--shadow)}.status-card h3{margin:0 0 5px;font-size:20px}.status-card p{color:#c5d6e8;font-size:13px}.status-card div{border-top:1px solid #294666;padding:14px 0;display:flex;justify-content:space-between;align-items:center}.status-card strong{font-size:22px}.status-card span{font-size:11px;color:#a9bfd4}.info-strip{max-width:1450px;margin:auto;padding:16px 26px;border:1px solid var(--line);background:#fff;border-radius:14px;display:flex;justify-content:center;gap:35px;flex-wrap:wrap;box-shadow:0 8px 25px rgba(38,77,115,.08);font-size:13px}.info-strip span{color:var(--blue);font-weight:800}.section,.section-card{max-width:1450px;margin:28px auto;padding:32px 3vw}.section-card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.section-head h2{font:700 30px/1.1 Space Grotesk;margin:8px 0}.privacy{background:#eaf8ef;color:#237c40;border-radius:20px;padding:9px 13px;font-size:12px;font-weight:800}.askbar{display:flex;padding:10px;background:linear-gradient(135deg,#061a35,#09294e);border-radius:16px}.askbar input{flex:1;border:0;background:transparent;color:#fff;padding:15px;font-size:16px;outline:0}.askbar input::placeholder{color:#a9c0d7}.askbar button{width:52px;border:0;border-radius:12px;background:linear-gradient(135deg,#315cff,#20c6dd);color:#fff;font-size:24px;cursor:pointer}.chips{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0}.chips button{border:1px solid var(--line);background:#fff;border-radius:20px;padding:9px 13px;cursor:pointer}.result{min-height:85px;border:1px dashed #c6d6e5;background:#f8fbfe;border-radius:14px;padding:18px}.empty{display:flex;gap:12px;color:#6a7b90}.result-title{font-weight:800;font-size:19px;margin-bottom:10px}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.result-box,.list-item{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px}.result-box span,.result-box strong{display:block}.result-box span{font-size:11px;color:var(--muted);margin-bottom:5px}.list{display:grid;gap:8px}.list-item{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.list-item div{flex:1}.list-item b,.list-item small{display:block}.list-item small{color:var(--muted);margin-top:3px}.weather-section{overflow:hidden}.weather-title{flex-wrap:wrap}.search-row{display:flex;gap:8px}.search-row input{border:1px solid #b8c8d9;border-radius:10px;padding:10px 12px}.weather-main{display:grid;grid-template-columns:360px 1fr;gap:24px;background:linear-gradient(120deg,#071d3c,#0c4b88);color:#fff;border-radius:20px;padding:25px}.weather-now{display:flex;align-items:center;gap:20px}.weather-now>span{font-size:65px}.weather-now small,.weather-now strong,.weather-now p{display:block}.weather-now strong{font-size:58px;line-height:1}.weather-now p{margin:7px 0;color:#c9e3fa}.weather-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.weather-metrics div{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13);border-radius:13px;padding:13px}.weather-metrics small,.weather-metrics strong{display:block}.weather-metrics small{color:#b8d2e9;font-size:10px}.weather-metrics strong{margin-top:5px}.hourly{display:flex;gap:10px;overflow:auto;padding:16px 2px 4px}.hour{min-width:92px;border:1px solid var(--line);border-radius:14px;padding:12px;text-align:center;background:#fff}.hour b,.hour span,.hour small{display:block}.hour b{margin:8px 0}.hour small{color:var(--muted)}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tile{background:#fff;border:1px solid var(--line);border-radius:17px;padding:22px;box-shadow:0 10px 30px rgba(33,74,117,.08);cursor:pointer;transition:.2s}.tile:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.tile.featured{background:linear-gradient(145deg,#eefbff,#f4fff1);border-color:#8bdce9}.tile i{font-style:normal;font-size:34px}.tile h3{margin:15px 0 8px}.tile p{font-size:13px;color:var(--muted);line-height:1.55;min-height:60px}.tile button{border:0;background:none;padding:0;color:var(--blue);font-weight:800;cursor:pointer}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service-grid div{padding:14px;border:1px solid var(--line);border-radius:13px;background:#f9fcff}.service-grid b,.service-grid span{display:block}.service-grid span{font-size:12px;color:var(--muted);margin-top:5px}.note{font-size:12px;color:#65758a;margin:22px 0 0;border-top:1px solid var(--line);padding-top:16px}footer{max-width:1450px;margin:20px auto 40px;padding:25px 3vw;display:flex;gap:20px;align-items:center;border-top:1px solid #ccd9e6;color:#65758a}footer strong{font-size:20px;color:var(--ink)}footer small{margin-left:auto}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(80px);background:#071c38;color:#fff;padding:12px 18px;border-radius:10px;opacity:0;transition:.25s;z-index:30}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@media(max-width:1100px){.hero{grid-template-columns:1fr 1fr}.status-card{display:none}.tiles,.service-grid{grid-template-columns:repeat(2,1fr)}.nav{display:none}.menu-toggle{display:block;margin-left:auto}.nav.open{display:flex;position:absolute;top:84px;left:0;right:0;background:#fff;padding:20px;justify-content:center;border-bottom:1px solid var(--line)}}@media(max-width:760px){.topbar{height:70px}.brand{min-width:0}.brand strong{font-size:22px}.brand small{display:none}.logo{width:43px;height:43px;font-size:27px}.online{display:none}.hero{display:block;padding-top:35px}.hero h1{font-size:39px}.model-stage{height:410px;margin-top:15px}.model-stage img{height:330px}.hotspot{font-size:0;padding:7px}.hotspot b{font-size:16px}.h-knowledge{left:0}.h-everyday{right:0}.weather-main{grid-template-columns:1fr}.weather-metrics{grid-template-columns:repeat(2,1fr)}.tiles,.service-grid{grid-template-columns:1fr}.section,.section-card{margin:15px 10px;padding:23px 16px}.section-head{align-items:flex-start;flex-direction:column}.search-row{width:100%;flex-wrap:wrap}.search-row input{flex:1}.info-strip{margin:0 10px}.askbar input{min-width:0;font-size:14px}footer{margin:20px 10px;display:block}footer span,footer small{display:block;margin:8px 0}} /* V4 Auswahlmodule */ body.modal-open{overflow:hidden}.modal{position:fixed;inset:0;z-index:1000;display:none}.modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(2,12,28,.66);backdrop-filter:blur(8px)}.modal-panel{position:relative;width:min(1040px,calc(100% - 28px));max-height:90vh;overflow:auto;margin:5vh auto;background:#fff;border:1px solid #d9e5f3;border-radius:26px;padding:30px;box-shadow:0 30px 100px rgba(2,18,48,.35)}.modal-close{position:absolute;right:18px;top:14px;width:40px;height:40px;border:0;border-radius:50%;font-size:28px;background:#eef4fb;color:#071a35;cursor:pointer}.modal-panel h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(25px,4vw,38px);margin:5px 48px 22px 0}.module-tabs,.calculator-tabs,.choice-grid{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.module-tabs button,.calculator-tabs button,.choice-grid button{border:1px solid #cbd9ea;background:#f7faff;color:#0b2348;padding:12px 16px;border-radius:13px;font-weight:750;cursor:pointer}.module-tabs button.active,.calculator-tabs button.active,.module-tabs button:hover,.calculator-tabs button:hover,.choice-grid button:hover{background:linear-gradient(135deg,#2459ff,#2fd28b);color:#fff;border-color:transparent}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr)}.choice-grid button{min-height:74px;font-size:16px}.module-filter{display:flex;gap:10px;margin:14px 0}.module-filter input,.module-filter select,.form-grid input,.form-grid select,.currency-box input,.currency-box select,.calc-form input{width:100%;border:1px solid #c9d7e8;border-radius:12px;padding:13px 14px;background:#fff;font:inherit;color:#0b1c37}.module-output{margin-top:18px;min-height:170px;border:1px solid #dde7f2;border-radius:17px;background:#f8fbff;padding:18px}.module-output.compact{min-height:90px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin:18px 0}.form-grid label,.currency-box label{display:grid;gap:7px;font-weight:700;color:#193253}.currency-box{display:grid;grid-template-columns:1.3fr 1fr auto 1fr;align-items:end;gap:12px;margin:20px 0}.swap{height:48px;width:48px;border-radius:50%;border:1px solid #cbd9ea;background:#eef5ff;font-size:22px;cursor:pointer}.book-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.book-card{background:#fff;border:1px solid #dce7f3;border-radius:15px;padding:12px;display:grid;gap:7px}.book-cover{height:150px;border-radius:10px;background:#eaf1fa;display:grid;place-items:center;font-size:40px;overflow:hidden}.book-cover img{width:100%;height:100%;object-fit:cover}.book-card b{font-size:14px}.book-card span,.book-card small{color:#60718a;font-size:12px}.country-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}.country-head img{width:74px;height:48px;object-fit:cover;border-radius:7px;border:1px solid #d9e3ee}.country-head h3{margin:0;font-size:24px}.country-head span{color:#65758c}#countryMap{height:390px;border-radius:17px;border:1px solid #d6e2ef;overflow:hidden;margin-top:15px}.calc-form{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.calc-form strong{grid-column:1/-1;font-size:28px;color:#174ba5}.leaflet-container{font-family:Inter,sans-serif} @media(max-width:760px){.modal-panel{padding:22px 16px;margin:2vh auto;max-height:96vh}.form-grid,.choice-grid{grid-template-columns:1fr}.currency-box{grid-template-columns:1fr 1fr}.swap{grid-column:1/-1;justify-self:center}.book-grid{grid-template-columns:repeat(2,1fr)}.module-filter{flex-direction:column}#countryMap{height:300px}} textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:14px;font:inherit;resize:vertical;background:#fff;color:var(--text)} .info-panel{padding:20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#f8fbff,#fff)} .info-panel h3{margin-top:0}.weather-menu-tabs{flex-wrap:wrap}.modal-panel .hourly{overflow-x:auto}.tile button{pointer-events:none} /* V5.2 country and knowledge improvements */ .module-intro{margin:.2rem 0 1rem;color:var(--muted)} .country-quick{display:flex;gap:.55rem;flex-wrap:wrap;margin:1rem 0} .country-quick button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:.6rem .8rem;cursor:pointer;font:inherit} .country-quick button:hover{border-color:var(--primary);transform:translateY(-1px)} .country-emoji{font-size:3.2rem;line-height:1} .country-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1rem} .knowledge-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))} @media(max-width:650px){.country-quick{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.3rem}.country-quick button{white-space:nowrap}.knowledge-grid{grid-template-columns:1fr 1fr}} /* V6 Länder und Bücher */ .continent-tabs{position:sticky;top:-30px;background:#fff;z-index:3;padding:8px 0} .country-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;max-height:280px;overflow:auto;padding:10px;background:#f6faff;border:1px solid var(--line);border-radius:16px} .country-list button{border:1px solid var(--line);background:#fff;border-radius:11px;padding:10px;text-align:left;cursor:pointer;font-weight:650} .country-list button:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-1px)} .book-category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;max-height:260px;overflow:auto;padding:10px;border:1px solid var(--line);border-radius:16px;background:#f8fbff} .book-category-grid button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px;text-align:left;cursor:pointer;font-weight:700} .book-category-grid button span{margin-right:7px}.book-category-grid button:hover,.book-category-grid button.active{background:linear-gradient(135deg,#2459ff,#2fd28b);color:#fff;border-color:transparent} .book-card.expanded{grid-template-rows:150px auto auto auto 1fr}.book-links{display:grid;gap:5px;margin-top:5px}.book-links a{font-size:11px;text-decoration:none;color:var(--blue);font-weight:750;padding:6px 7px;background:#f2f7ff;border-radius:7px}.book-links a:hover{background:#e3efff} @media(max-width:650px){.country-list{grid-template-columns:1fr 1fr;max-height:240px}.book-category-grid{grid-template-columns:1fr 1fr}.book-grid{grid-template-columns:1fr 1fr}} /* V6.1 Restaurants */ .restaurant-actions{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 16px}.restaurant-summary{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px;color:var(--muted)}.restaurant-summary b{font-size:18px;color:var(--ink)}.restaurant-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.restaurant-card{display:grid;grid-template-columns:48px 1fr;gap:12px;border:1px solid var(--line);border-radius:16px;padding:15px;background:#fff}.restaurant-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:24px;background:linear-gradient(135deg,#eef7ff,#efffe9)}.restaurant-card h3{margin:0 0 5px;font-size:16px}.restaurant-card p{margin:0;color:var(--muted);font-size:12px}.restaurant-meta{display:flex;gap:8px;flex-wrap:wrap;margin:9px 0}.restaurant-meta span{font-size:11px;background:#f1f6fb;border-radius:999px;padding:5px 8px}.restaurant-links{display:flex;gap:10px;flex-wrap:wrap}.restaurant-links a{font-size:12px;font-weight:800;color:var(--blue);text-decoration:none}.restaurant-links a:hover{text-decoration:underline}@media(max-width:760px){.restaurant-grid{grid-template-columns:1fr}.restaurant-summary{align-items:flex-start;flex-direction:column}} /* V7 NOVA AI Assistant */ .ai-assistant{background:linear-gradient(145deg,#fff,#f4faff)} .assistant-subline{margin:.45rem 0 0;color:var(--muted);max-width:720px} .assistant-chat{min-height:150px;max-height:330px;overflow:auto;display:grid;gap:12px;padding:18px;margin-bottom:14px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#071d3c,#0b3767)} .chat-message{display:flex;gap:10px;max-width:84%;align-items:flex-start} .chat-message>div{padding:11px 14px;border-radius:15px;background:#fff;color:var(--ink);box-shadow:0 8px 22px rgba(0,0,0,.12)} .chat-message p{margin:4px 0 0;line-height:1.5;font-size:14px} .chat-message.user{margin-left:auto;justify-content:flex-end}.chat-message.user>div{background:linear-gradient(135deg,#2461ef,#13b9d6);color:#fff;border-bottom-right-radius:4px} .chat-message.bot>div{border-bottom-left-radius:4px}.chat-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(135deg,#20bfe0,#66d04a);color:#fff;font-weight:900;box-shadow:0 0 0 5px rgba(255,255,255,.12)} .ai-askbar{align-items:center}.voice-btn{width:46px!important;height:46px;flex:0 0 auto;border-radius:12px!important;background:rgba(255,255,255,.12)!important;font-size:19px!important}.voice-btn.listening{background:#df3658!important;animation:pulseVoice 1s infinite}@keyframes pulseVoice{50%{transform:scale(1.08);box-shadow:0 0 0 8px rgba(223,54,88,.2)}} .assistant-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.assistant-result{margin-top:14px}.assistant-chips{margin-bottom:0} @media(max-width:650px){.chat-message{max-width:94%}.assistant-chat{max-height:290px}.assistant-chips{overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px}.assistant-chips button{white-space:nowrap}} /* V8 Smart Assistant */ .smart-actions{background:linear-gradient(145deg,#071c38,#0d3b70);color:#fff}.smart-actions .eyebrow{color:#75e5ff}.smart-actions .assistant-subline{color:#c7d9eb}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-grid button{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:12px;text-align:left;align-items:center;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff;border-radius:16px;padding:15px;cursor:pointer;transition:.2s}.quick-grid button:hover{transform:translateY(-3px);background:rgba(255,255,255,.15)}.quick-grid span{grid-row:1/3;width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.12);font-size:22px}.quick-grid b{font-size:14px}.quick-grid small{color:#bcd1e4}.mobile-dock{display:none}.hero-copy .askbar{margin-top:20px}@media(max-width:900px){.quick-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){body{padding-bottom:74px}.quick-grid{grid-template-columns:1fr 1fr;gap:8px}.quick-grid button{grid-template-columns:38px 1fr;padding:11px}.quick-grid span{width:38px;height:38px}.mobile-dock{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:8px;right:8px;bottom:8px;z-index:900;background:rgba(6,25,51,.96);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:7px;box-shadow:0 16px 45px rgba(0,0,0,.35);backdrop-filter:blur(14px)}.mobile-dock a,.mobile-dock button{border:0;background:none;color:#d9e9f8;text-decoration:none;display:grid;gap:2px;place-items:center;font-size:10px;padding:5px 2px;cursor:pointer}.mobile-dock span{font-size:20px}.mobile-dock a:nth-child(2){color:#6fe4ff}} .global-place{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,1.4fr) auto;gap:12px;align-items:center;margin:14px 0 16px;padding:14px;border:1px solid rgba(32,117,188,.16);border-radius:16px;background:rgba(235,247,255,.78)}.global-place>div{display:grid;gap:2px}.global-place span{font-weight:800;color:#123d67}.global-place small{color:#5d7287}.global-place input{min-height:44px;border:1px solid #c8d7e6;border-radius:12px;padding:0 13px;font:inherit;background:#fff}.global-place.saved{box-shadow:0 0 0 3px rgba(29,165,121,.12);border-color:rgba(29,165,121,.35)}@media(max-width:720px){.global-place{grid-template-columns:1fr}.global-place button{width:100%}} /* V8.2 – deutlicher Ortsbereich, vollständige Schnellaktionen und schwebender NOVA-AI-Button */ .global-place{grid-template-columns:minmax(220px,.9fr) minmax(360px,1.7fr) auto;padding:22px 24px;margin:18px 0 22px;border:2px solid rgba(32,117,188,.26);border-radius:20px;background:linear-gradient(135deg,#e9f7ff,#f7fcff);box-shadow:0 14px 35px rgba(28,91,150,.12)} .global-place>div span{font-size:20px}.global-place>div small{font-size:13px;margin-top:4px}.global-place input{min-height:58px;font-size:18px;padding:0 18px;border-width:2px}.global-place .btn{min-height:58px;padding-left:22px;padding-right:22px;font-size:15px} .quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.quick-grid button{min-height:82px} .floating-nova{position:fixed;right:22px;bottom:22px;z-index:950;display:grid;grid-template-columns:42px auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;min-width:142px;padding:11px 15px;border:1px solid rgba(255,255,255,.25);border-radius:18px;background:linear-gradient(135deg,#08294f,#0c78d6);color:#fff;text-decoration:none;box-shadow:0 16px 40px rgba(4,36,72,.35);backdrop-filter:blur(12px);transition:.2s} .floating-nova:hover{transform:translateY(-4px);box-shadow:0 20px 48px rgba(4,36,72,.42)}.floating-nova>span{grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.14);font-size:23px;color:#75e5ff}.floating-nova b{font-size:14px}.floating-nova small{font-size:10px;color:#cfe9ff;margin-top:2px} html{scroll-behavior:smooth;scroll-padding-top:90px} @media(max-width:900px){.global-place{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:650px){.global-place{padding:18px 16px}.global-place input{min-height:56px;font-size:16px}.quick-grid{grid-template-columns:1fr 1fr}.floating-nova{right:12px;bottom:84px;min-width:54px;width:54px;height:54px;padding:6px;border-radius:17px;grid-template-columns:1fr}.floating-nova>span{grid-row:auto;width:40px;height:40px}.floating-nova b,.floating-nova small{display:none}} /* V8.4 – leerer Ortsstart und erweitertes Finanzmodul */ .finance-market-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin:10px 0 22px}.finance-market-card{min-height:112px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);padding:14px;text-decoration:none;display:grid;place-items:center;text-align:center;gap:4px;cursor:pointer;transition:.2s}.finance-market-card:hover{transform:translateY(-3px);border-color:var(--blue);box-shadow:0 12px 28px rgba(24,83,148,.12)}.finance-market-card span{font-size:28px}.finance-market-card b{font-size:17px}.finance-market-card small{color:var(--muted)}.finance-market-card em{font-size:11px;font-style:normal;color:var(--blue);font-weight:800}.metals-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metal-card{background:linear-gradient(145deg,#fff,#f4f8fd)}.finance-converter{margin-top:8px}.finance-result{margin-top:12px}@media(max-width:800px){.finance-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metals-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:430px){.finance-market-grid{grid-template-columns:1fr 1fr}.finance-market-card{min-height:100px;padding:10px}} /* V8.5 – Über NOVA AI und rechtliche Bereiche */ .about-nova{background:linear-gradient(145deg,#ffffff,#f2f8ff)} .about-badge{padding:8px 13px;border-radius:999px;background:#e8f3ff;color:var(--blue);font-weight:800;font-size:12px} .about-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;align-items:start} .about-copy{padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff} .about-lead{font-size:19px;line-height:1.55;margin-top:0;color:var(--ink)} .about-copy p:last-child{margin-bottom:0;color:var(--muted);line-height:1.65} .about-features{display:grid;grid-template-columns:1fr 1fr;gap:11px} .about-features div{display:flex;gap:10px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff} .about-features span{width:29px;height:29px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#e9f9f1;color:#16885f;font-weight:900} .about-features b{font-size:13px;line-height:1.35} .site-footer{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(420px,1.4fr);gap:28px;align-items:start;padding:32px max(24px,calc((100vw - 1280px)/2));background:#061a34;color:#fff} .footer-brand{display:grid;gap:5px}.footer-brand strong{font-family:'Space Grotesk',sans-serif;font-size:22px}.footer-brand span{color:#b8d8f5}.footer-brand small{color:#829ab1;line-height:1.45} .footer-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .footer-links :is(button,a[data-legal]){border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#dcecff;border-radius:10px;padding:10px 12px;text-align:left;cursor:pointer;font:inherit;font-size:12px;font-weight:700} .footer-links :is(button,a[data-legal]):hover{background:rgba(255,255,255,.12);color:#fff} .legal-page{max-width:850px}.legal-page h2{margin-bottom:8px}.legal-page h3{margin:22px 0 8px}.legal-page p,.legal-page li{color:var(--muted);line-height:1.65}.legal-page ul{padding-left:20px}.legal-placeholder{border:1px solid #efc66c;background:#fff8e7;border-radius:14px;padding:14px;margin:14px 0;color:#72520b}.legal-note{border-left:4px solid var(--blue);background:#eef6ff;padding:13px 15px;border-radius:0 12px 12px 0}.legal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px} @media(max-width:800px){.about-layout,.site-footer{grid-template-columns:1fr}.about-features{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr 1fr}} @media(max-width:450px){.footer-links{grid-template-columns:1fr}.site-footer{padding-bottom:100px}} /* V8.6 – Mobilität, E-Charge, Freizeit und Einkaufen */ .local-place-line{display:grid;grid-template-columns:auto 1fr;gap:5px 14px;align-items:center;padding:15px 17px;margin:12px 0 18px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(135deg,#eef8ff,#f9fcff)} .local-place-line span{font-weight:800;color:var(--blue)}.local-place-line strong{font-size:17px}.local-place-line small{grid-column:1/-1;color:var(--muted)} .local-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .local-choice-grid button{min-height:128px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#fff,#f5f9fe);display:grid;place-items:center;gap:5px;padding:15px;color:var(--ink);cursor:pointer;transition:.2s;box-shadow:0 8px 24px rgba(30,76,124,.07)} .local-choice-grid button:hover{transform:translateY(-4px);border-color:var(--blue);box-shadow:0 16px 35px rgba(30,76,124,.14)} .local-choice-grid span{font-size:34px}.local-choice-grid b{font-size:15px}.local-choice-grid small{color:var(--blue);font-weight:700} @media(max-width:760px){.local-choice-grid{grid-template-columns:1fr 1fr}.local-choice-grid button{min-height:112px;padding:12px}.local-choice-grid span{font-size:29px}} @media(max-width:430px){.local-choice-grid{grid-template-columns:1fr}} /* V8.8 Stadt-Suche */ .city-search-box{margin:14px 0 18px;padding:15px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,#f0f8ff,#fff)}.city-search-box h3{margin:0 0 8px;font-size:17px}.city-search-box .module-filter{margin:0}@media(max-width:650px){.city-search-box .module-filter{display:grid;grid-template-columns:1fr}.city-search-box button{width:100%}} /* V8.9 – weltweite Länder-, Area- und Stadtauswahl */ .geo-selector-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.geo-selector-grid label,.geo-open-row label{display:grid;gap:7px;font-weight:800;color:#17365a}.geo-selector-grid input,.geo-selector-grid select,.geo-open-row select{width:100%;min-height:48px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#fff;color:var(--ink)}.geo-selector-grid label:nth-child(2),.geo-selector-grid label:nth-child(4){grid-template-rows:auto auto auto}.geo-status{padding:12px 14px;border:1px solid #cfe1f3;border-radius:13px;background:#f1f8ff;color:#244d76;font-weight:700}.geo-open-row{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:12px;align-items:end;margin:16px 0}.geo-action-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.geo-action-grid button{min-height:82px;border:1px solid var(--line);border-radius:14px;background:#fff;display:grid;place-items:center;gap:4px;cursor:pointer;color:var(--ink);transition:.2s}.geo-action-grid button:hover{transform:translateY(-2px);border-color:var(--blue);box-shadow:0 10px 24px rgba(22,82,145,.11)}.geo-action-grid span{font-size:25px}.geo-action-grid b{font-size:12px}@media(max-width:760px){.geo-selector-grid{grid-template-columns:1fr}.geo-open-row{grid-template-columns:1fr}.geo-action-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:430px){.geo-action-grid{grid-template-columns:repeat(2,1fr)}} /* V8.9.2 Länder-Auswahl */ .geo-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.geo-step{display:grid;grid-template-columns:42px 1fr;gap:10px 12px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#fff,#f4f9ff)}.geo-step>span{grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#2568ef,#25c7c9);color:#fff;font-weight:900}.geo-step div{display:grid;gap:2px}.geo-step b{font-size:16px}.geo-step small{color:var(--muted)}.geo-step input,.geo-step select{grid-column:1/-1;width:100%;min-height:48px;border:1px solid #c8d7e6;border-radius:12px;padding:0 13px;background:#fff}.geo-step input+select{margin-top:6px}.geo-status{padding:13px 15px;border-radius:13px;background:#edf7ff;color:#24537d;font-weight:700;margin:10px 0 16px}.geo-open-card{display:grid;grid-template-columns:1fr minmax(180px,240px) auto;gap:12px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fff}.geo-open-card div{display:grid;gap:4px}.geo-open-card small{color:var(--muted)}.geo-open-card select{min-height:48px;border:1px solid #c8d7e6;border-radius:12px;padding:0 12px}.geo-action-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:16px}.geo-action-grid button{min-height:88px;border:1px solid var(--line);border-radius:14px;background:#fff;display:grid;place-items:center;gap:5px;cursor:pointer}.geo-action-grid span{font-size:24px}.geo-action-grid button:hover{border-color:var(--blue);transform:translateY(-2px)} @media(max-width:760px){.geo-steps{grid-template-columns:1fr}.geo-open-card{grid-template-columns:1fr}.geo-open-card .btn{width:100%}.geo-action-grid{grid-template-columns:repeat(2,1fr)}} /* V10 – modulare Länderstruktur */ .v10-geo .geo-step{min-height:138px}.v10-geo select,.v10-geo input{font-size:15px}.geo-status{margin:14px 0;padding:13px 16px;border-radius:13px;background:#eef7ff;border:1px solid #cfe1f3;color:#214e79;font-weight:700} /* V10.2 – compact public services */ .service-count{font-size:12px;font-weight:800;color:var(--blue);background:#edf5ff;border:1px solid #d4e6fb;padding:9px 13px;border-radius:999px;white-space:nowrap}.more-services-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:30px 0 13px;padding-top:24px;border-top:1px solid var(--line)}.more-services-head h3{margin:6px 0 0;font:700 20px/1.2 Space Grotesk}.more-services-head>span{font-size:11px;color:var(--muted)}.service-mini-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.service-mini-grid a{min-width:0;display:flex;align-items:center;gap:9px;padding:10px 11px;border:1px solid var(--line);border-radius:11px;background:#fbfdff;color:var(--ink);text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.service-mini-grid a:hover{transform:translateY(-2px);border-color:#9cc7f5;background:#fff;box-shadow:0 8px 20px rgba(33,74,117,.10)}.service-mini-grid i{font-style:normal;font-size:20px;line-height:1;flex:0 0 auto}.service-mini-grid span,.service-mini-grid b,.service-mini-grid small{display:block;min-width:0}.service-mini-grid b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-mini-grid small{font-size:9.5px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:1250px){.service-mini-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:760px){.service-count{align-self:flex-start}.more-services-head{align-items:flex-start;flex-direction:column}.service-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-mini-grid a{padding:10px 9px}.service-mini-grid small{white-space:normal;line-height:1.25}}@media(max-width:390px){.service-mini-grid{grid-template-columns:1fr}} html[dir="rtl"] .topbar,html[dir="rtl"] .section-head,html[dir="rtl"] .global-place,html[dir="rtl"] .chat-message{direction:rtl} html[dir="rtl"] .model-stage,html[dir="rtl"] .quick-grid,html[dir="rtl"] .tiles{direction:ltr} @media(max-width:1050px){.online{display:none}} @media(max-width:720px){} /* V10.5.5 – NOVA Smart Tips+ */ .smart-tips{margin-top:8px;background:linear-gradient(145deg,#ffffff,#f4faff);overflow:hidden;position:relative} .smart-tips:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(20,102,232,.13),transparent 68%);right:-90px;top:-120px;pointer-events:none} .smart-tips-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px;position:relative;z-index:1} .smart-tips-head h2{font:700 31px/1.1 Space Grotesk;margin:8px 0} .smart-tips-head p{margin:0;color:var(--muted)} .tips-badge{min-width:185px;padding:14px 16px;border:1px solid #cce1f8;border-radius:16px;background:rgba(255,255,255,.9);display:grid;grid-template-columns:42px 1fr;column-gap:10px;align-items:center;box-shadow:0 10px 24px rgba(20,102,232,.09)} .tips-badge>span{grid-row:1/3;font-size:30px}.tips-badge b,.tips-badge small{display:block}.tips-badge small{color:var(--muted);font-size:10px;margin-top:2px} .daily-tips-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;position:relative;z-index:1} .daily-tip{border:1px solid var(--line);border-radius:16px;background:#fff;padding:16px;text-align:left;min-height:150px;box-shadow:0 8px 24px rgba(24,72,121,.07);transition:.2s;display:flex;flex-direction:column;gap:8px} .daily-tip:hover{transform:translateY(-4px);border-color:#99c7f6;box-shadow:0 16px 32px rgba(24,72,121,.13)} .daily-tip .tip-icon{font-size:28px}.daily-tip b{font-size:14px}.daily-tip p{font-size:12px;line-height:1.5;color:var(--muted);margin:0}.daily-tip small{margin-top:auto;color:var(--blue);font-weight:800;font-size:10px;letter-spacing:.5px} .status-card .status-date-row strong{font-size:18px;max-width:145px}.status-card .status-tip-row{background:rgba(33,132,255,.12);margin:0 -10px;padding-left:10px;padding-right:10px;border-radius:10px}.status-card .status-tip-row strong{color:#77dfff} @media(max-width:1100px){.daily-tips-grid{grid-template-columns:repeat(3,1fr)}} @media(max-width:760px){.smart-tips-head{align-items:flex-start;flex-direction:column}.tips-badge{width:100%}.daily-tips-grid{grid-template-columns:repeat(2,1fr)}.daily-tip{min-height:145px;padding:14px}} @media(max-width:430px){.daily-tips-grid{grid-template-columns:1fr}.daily-tip{min-height:auto}} .daily-tip .tip-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap} .daily-tip .tip-footer small{margin-top:0} .tip-link{border:0;background:transparent;color:var(--blue);font-weight:800;font-size:11px;padding:4px 0;text-decoration:none;cursor:pointer;font-family:inherit} .tip-link:hover{text-decoration:underline} .status-card #todayDate{font-size:14px;line-height:1.25;max-width:150px;text-align:left} .status-card #clock{font-variant-numeric:tabular-nums;letter-spacing:.5px} /* V10.5.6 – Weltzeit */ .world-time-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px} .world-time-card{border:1px solid var(--line);background:linear-gradient(145deg,#fff,#f5faff);border-radius:16px;padding:15px;text-align:left;display:flex;gap:12px;align-items:flex-start;cursor:pointer;font-family:inherit;color:inherit;transition:.2s;box-shadow:0 8px 22px rgba(24,72,121,.06)} .world-time-card:hover{transform:translateY(-3px);border-color:#79b7f4;box-shadow:0 14px 28px rgba(24,72,121,.12)} .world-time-flag{font-size:28px;line-height:1}.world-time-card>span:last-child{display:block;min-width:0}.world-time-card b,.world-time-card small,.world-time-card strong,.world-time-card em{display:block} .world-time-card b{font-size:15px}.world-time-card small{font-size:10px;color:var(--muted);margin-top:2px}.world-time-card strong{font-size:27px;font-variant-numeric:tabular-nums;letter-spacing:.5px;margin:10px 0 4px;color:var(--blue)}.world-time-card em{font-size:11px;color:var(--muted);font-style:normal;line-height:1.35} @media(max-width:620px){.world-time-grid{grid-template-columns:1fr}.world-time-card strong{font-size:24px}} /* V10.5.7 – einheitlicher NOVA Smart Guide */ .smart-guide{padding-top:38px;padding-bottom:42px} .smart-guide .section-head{align-items:flex-end} .guide-count{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(135deg,#f6fbff,#f6fff3);white-space:nowrap} .guide-count strong{font:700 28px/1 Space Grotesk;color:var(--blue)} .guide-count span{font-size:12px;color:var(--muted);max-width:85px} .guide-tiles .tile{display:flex;flex-direction:column;min-height:245px} .guide-tiles .tile i{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;background:linear-gradient(135deg,#edf7ff,#efffec);box-shadow:inset 0 0 0 1px rgba(53,130,220,.12)} .guide-tiles .tile h3{font-size:19px} .guide-tiles .tile p{flex:1;min-height:0;margin-bottom:18px} .guide-tiles .tile button{margin-top:auto;text-align:left} .world-time-card{cursor:pointer} .world-time-card:after{content:'Ort übernehmen';display:block;margin-top:8px;font-size:10px;font-weight:800;color:var(--blue)} @media(max-width:760px){.smart-guide .section-head{align-items:flex-start}.guide-count{width:100%;justify-content:center}.guide-tiles .tile{min-height:0}.guide-tiles .tile p{margin-bottom:14px}} /* V10.5.8 – 27 Premium-Kacheln */ .premium-guide{padding-top:38px;padding-bottom:42px} .premium-guide .section-head{margin-bottom:26px} .guide-count{min-width:150px;padding:15px 20px;border-radius:18px;background:linear-gradient(145deg,#071c38,#0d315a);color:#fff;box-shadow:0 16px 34px rgba(3,24,54,.22);text-align:center} .guide-count strong,.guide-count span{display:block}.guide-count strong{font:800 34px/1 Space Grotesk}.guide-count span{margin-top:6px;font-size:11px;color:#b9d5ec;text-transform:uppercase;letter-spacing:1px} .premium-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px} .premium-tile{position:relative;min-height:225px;display:flex;flex-direction:column;overflow:hidden;padding:24px 22px 20px;border:1px solid rgba(92,164,226,.28);background:linear-gradient(145deg,#071a35 0%,#0b2b50 58%,#0d3763 100%);color:#fff;box-shadow:0 15px 32px rgba(4,31,65,.18);isolation:isolate} .premium-tile::before{content:"";position:absolute;width:150px;height:150px;right:-55px;top:-60px;border-radius:50%;background:radial-gradient(circle,rgba(52,173,255,.3),transparent 68%);z-index:-1;transition:.3s} .premium-tile::after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,#2c66ff,#14c5dd,#6ad14a);transform:scaleX(0);transform-origin:left;transition:.28s} .premium-tile:hover,.premium-tile:focus-visible{transform:translateY(-7px);border-color:#56b6ff;box-shadow:0 24px 50px rgba(4,31,65,.28);outline:none} .premium-tile:hover::before,.premium-tile:focus-visible::before{transform:scale(1.18)}.premium-tile:hover::after,.premium-tile:focus-visible::after{transform:scaleX(1)} .premium-tile i{font-size:43px;line-height:1;filter:drop-shadow(0 7px 12px rgba(0,0,0,.22))}.premium-tile h3{margin:18px 0 9px;font:700 20px/1.15 Space Grotesk;color:#fff}.premium-tile p{margin:0;color:#bfd2e5;font-size:13px;line-height:1.55;min-height:0;flex:1}.premium-tile .tile-open{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:13px;border-top:1px solid rgba(193,224,249,.15);font-size:12px;font-weight:800;color:#7fddff}.premium-tile .tile-open b{font-size:19px;transition:.2s}.premium-tile:hover .tile-open b{transform:translateX(5px)} .tile-number{position:absolute;right:17px;top:14px;font:700 11px/1 Space Grotesk;color:rgba(201,229,250,.45);letter-spacing:1px} @media(max-width:1180px){.premium-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:850px){.premium-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-tile{min-height:210px}} @media(max-width:520px){.premium-tiles{grid-template-columns:1fr;gap:13px}.premium-tile{min-height:185px;padding:21px}.premium-tile i{font-size:38px}.premium-tile h3{font-size:19px}.guide-count{align-self:stretch}} /* V10.5.8 Optimiert – kompakte 27-Kachel-Ansicht */ .premium-guide{padding-top:30px;padding-bottom:34px} .premium-guide .section-head{margin-bottom:20px;align-items:flex-start} .premium-guide .section-head>div{max-width:760px} .premium-guide .section-head h2{font-size:clamp(28px,3vw,40px);margin-bottom:7px} .premium-guide .assistant-subline{margin-top:0;max-width:700px} .premium-guide .guide-count{display:none!important} .premium-tiles{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px} .premium-tile{min-height:178px;padding:17px 15px 14px;border-radius:15px;display:grid;grid-template-columns:50px minmax(0,1fr);grid-template-rows:auto 1fr auto;column-gap:12px;align-items:start} .premium-tile::before{width:110px;height:110px;right:-42px;top:-45px} .premium-tile i{grid-column:1;grid-row:1/3;width:50px!important;height:50px!important;display:grid!important;place-items:center!important;border-radius:13px!important;background:rgba(255,255,255,.12)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 7px 16px rgba(0,0,0,.18)!important;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important;font-size:31px!important;line-height:1!important;filter:none!important;color:#fff!important;text-shadow:0 2px 5px rgba(0,0,0,.3)} .premium-tile h3{grid-column:2;grid-row:1;margin:4px 25px 6px 0;font-size:16px;line-height:1.18;align-self:start} .premium-tile p{grid-column:2;grid-row:2;margin:0;font-size:11.5px;line-height:1.42;color:#c9dced;align-self:start} .premium-tile .tile-open{grid-column:2;grid-row:3;justify-self:end;display:block;margin:8px 0 0;padding:0;border:0;color:#82e4ff;font-size:22px;line-height:1;font-weight:500} .premium-tile:hover .tile-open{transform:translateX(4px)} .tile-number{right:12px;top:11px;font-size:10px;color:rgba(201,229,250,.7)} .premium-tile:hover,.premium-tile:focus-visible{transform:translateY(-4px)} /* Emoji, die auf hellen Flächen oft weiß erscheinen, erhalten eine dunklere Icon-Fläche */ .premium-tile:nth-child(1) i,.premium-tile:nth-child(5) i,.premium-tile:nth-child(8) i{background:linear-gradient(145deg,#294f79,#183655)!important} @media(max-width:1450px){.premium-tiles{grid-template-columns:repeat(5,minmax(0,1fr))}} @media(max-width:1180px){.premium-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(max-width:900px){.premium-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:680px){.premium-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.premium-tile{min-height:165px;padding:15px 13px;grid-template-columns:45px minmax(0,1fr);column-gap:10px}.premium-tile i{width:45px!important;height:45px!important;font-size:27px!important}.premium-tile h3{font-size:15px}.premium-tile p{font-size:11px}} @media(max-width:420px){.premium-tiles{grid-template-columns:1fr}.premium-tile{min-height:145px}} /* V10.5.8 Länder-Suche: klarer 4-Schritte-Ablauf */ .geo-step{opacity:.58;transition:.2s ease}.geo-step.active,.geo-step.complete{opacity:1}.geo-step.complete{border-color:#8fd7c1;background:linear-gradient(145deg,#f7fffc,#edf9ff)}.geo-step.complete>span{background:linear-gradient(135deg,#22a56b,#2ec9bf)}.geo-step select:disabled,.geo-step input:disabled{background:#edf2f7;color:#8a97a8;cursor:not-allowed}.geo-step.active{border-color:#5aa8ff;box-shadow:0 8px 24px rgba(27,104,215,.12)} /* NOVA AI V10.6 · Smart Life */ .smart-life{overflow:hidden;position:relative}.smart-life:before{content:"";position:absolute;inset:-80px auto auto -80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(31,112,255,.13),transparent 70%);pointer-events:none}.smart-life-head{position:relative}.smart-life-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.smart-life-card{position:relative;min-height:250px;padding:23px;border-radius:20px;border:1px solid #d8e5f3;background:linear-gradient(145deg,#fff,#f4f9ff);box-shadow:0 12px 32px rgba(14,57,103,.09);overflow:hidden;display:flex;flex-direction:column}.smart-life-card:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-65px;top:-65px;background:rgba(26,111,236,.08)}.smart-life-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#092b58,#136fc3);font-size:25px;box-shadow:0 9px 22px rgba(9,43,88,.22)}.smart-life-label{margin-top:18px;color:#1768d9;font-size:11px;letter-spacing:1.5px;font-weight:800}.smart-life-card h3{font:700 22px/1.18 Space Grotesk;margin:8px 0 10px}.smart-life-card p{color:var(--muted);font-size:13px;line-height:1.65;margin:0 0 18px}.smart-life-action{margin-top:auto;border:0;border-top:1px solid #dce7f2;background:transparent;color:#1466e8;font-weight:800;text-align:left;padding:14px 0 0;cursor:pointer}.smart-life-action:hover{color:#0747a6}.travel-card{background:linear-gradient(145deg,#fff,#edf7ff)}.leisure-card{background:linear-gradient(145deg,#fff,#f1fbf3)}.cooking-card{background:linear-gradient(145deg,#fff,#fff8ed)}.smart-life-meta{display:flex;gap:24px;flex-wrap:wrap;margin-top:18px;padding-top:17px;border-top:1px solid var(--line);font-size:12px;color:#596a80}.smart-life-meta b{color:var(--ink)} @media(max-width:900px){.smart-life-grid{grid-template-columns:1fr}.smart-life-card{min-height:210px}}@media(max-width:600px){.smart-life-head .btn{width:100%}.smart-life-meta{display:grid;gap:8px}} /* NOVA AI V10.7 Beta · Chat */ .beta-chat-section{position:relative;overflow:hidden;background:linear-gradient(145deg,#ffffff 0%,#f5fbff 55%,#eef7ff 100%)} .beta-chat-section:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-180px;top:-230px;background:radial-gradient(circle,rgba(18,189,228,.18),transparent 68%);pointer-events:none} .beta-chat-hero{display:grid;grid-template-columns:86px 1fr auto;align-items:center;gap:20px;margin-bottom:18px;position:relative;z-index:1} .beta-chat-portrait{width:86px;height:86px;border-radius:24px;overflow:hidden;position:relative;border:2px solid #b9ddff;box-shadow:0 12px 30px rgba(20,102,232,.18);background:#eaf6ff} .beta-chat-portrait img{width:100%;height:100%;object-fit:cover;object-position:35% center} .beta-live-dot{position:absolute;right:7px;bottom:7px;width:14px;height:14px;border-radius:50%;background:#42d36f;border:3px solid #fff;box-shadow:0 0 0 5px rgba(66,211,111,.15)} .beta-badge{align-self:start;background:linear-gradient(135deg,#2459ff,#13bde2);color:#fff;font-weight:800;font-size:11px;letter-spacing:1.5px;padding:8px 12px;border-radius:999px;box-shadow:0 8px 18px rgba(36,89,255,.2)} .beta-capabilities{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px} .beta-capabilities span{background:#fff;border:1px solid #d7e6f5;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700;color:#314963} .beta-chat-window{min-height:280px;max-height:430px;overflow:auto;padding:18px;background:linear-gradient(180deg,#071b38,#0b315d);border-radius:18px;border:1px solid #173f6c;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)} .beta-chat-window .chat-message{margin-bottom:14px} .beta-chat-window .chat-message.bot>div{background:#fff;color:#07152d;border-radius:8px 18px 18px 18px;padding:13px 15px;max-width:min(78%,720px);box-shadow:0 10px 25px rgba(0,0,0,.12)} .beta-chat-window .chat-message.user{justify-content:flex-end} .beta-chat-window .chat-message.user>div{background:linear-gradient(135deg,#2459ff,#12bde4);color:#fff;border-radius:18px 8px 18px 18px;padding:13px 15px;max-width:min(78%,720px);margin-left:auto} .beta-chat-window .chat-message p{margin:4px 0 0;line-height:1.55} .beta-chat-window .chat-avatar{background:linear-gradient(135deg,#2d55ef,#12bde4);color:#fff;box-shadow:0 6px 18px rgba(18,189,228,.35)} .beta-chat-section .ai-askbar{margin-top:14px;box-shadow:0 14px 30px rgba(3,26,58,.18)} @media(max-width:760px){.beta-chat-hero{grid-template-columns:66px 1fr}.beta-chat-portrait{width:66px;height:66px;border-radius:18px}.beta-badge{display:none}.beta-capabilities{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.beta-capabilities span{white-space:nowrap}.beta-chat-window .chat-message.bot>div,.beta-chat-window .chat-message.user>div{max-width:88%}} /* V10.7.1 Beta – ruhiger KI-Kopf ohne umlaufende Buttons */ .model-stage-clean{height:520px;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:10px 0 4px;overflow:visible} .model-stage-clean .halo{width:420px;height:420px;top:18px;left:50%;transform:translateX(-50%);background:radial-gradient(circle,rgba(215,248,255,.98) 0%,rgba(222,238,255,.9) 48%,transparent 72%);animation:novaHalo 4s ease-in-out infinite} .hero-ai-portrait{position:relative;z-index:2;width:270px;height:300px;display:grid;place-items:center;margin-top:-4px} .hero-ai-portrait img{height:300px;width:100%;object-fit:contain;object-position:center;animation:novaBreathe 4.5s ease-in-out infinite;filter:drop-shadow(0 26px 32px rgba(26,80,132,.23))} .hero-ai-pulse{position:absolute;left:50%;bottom:20px;width:130px;height:14px;transform:translateX(-50%);border-radius:50%;background:rgba(31,145,255,.2);filter:blur(10px);animation:novaPulse 2.8s ease-in-out infinite} .hero-ai-greeting{position:relative;z-index:3;text-align:center;display:grid;gap:3px;padding:7px 18px 3px} .hero-ai-greeting strong{font:700 22px/1.15 Space Grotesk;color:var(--ink)} .hero-ai-greeting span{font-weight:800;color:var(--blue)} .hero-ai-greeting small{color:var(--muted);font-size:12px} .hero-glass-actions{position:relative;z-index:4;display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:10px 14px;border:1px solid rgba(194,218,240,.85);border-radius:22px;background:rgba(255,255,255,.64);box-shadow:0 16px 38px rgba(22,75,126,.13);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)} .hero-glass-actions button{min-width:62px;border:1px solid transparent;background:rgba(255,255,255,.78);border-radius:16px;padding:9px 10px;display:grid;gap:3px;place-items:center;color:var(--ink);cursor:pointer;transition:.22s ease;box-shadow:0 6px 16px rgba(18,60,105,.08)} .hero-glass-actions button span{font-size:20px;line-height:1} .hero-glass-actions button b{font-size:10px} .hero-glass-actions button:hover,.hero-glass-actions button:focus-visible{transform:translateY(-4px) scale(1.05);border-color:#7fc8ff;background:#fff;box-shadow:0 12px 24px rgba(20,102,232,.16);outline:none} @keyframes novaBreathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.012)}} @keyframes novaHalo{0%,100%{opacity:.84;filter:saturate(1)}50%{opacity:1;filter:saturate(1.18)}} @keyframes novaPulse{0%,100%{opacity:.45;transform:translateX(-50%) scale(.9)}50%{opacity:.9;transform:translateX(-50%) scale(1.12)}} @media(max-width:1100px){.model-stage-clean{height:500px}.hero-glass-actions{max-width:420px}} @media(max-width:760px){.model-stage-clean{height:auto;min-height:500px;margin-top:8px}.hero-ai-portrait{width:235px;height:265px}.hero-ai-portrait img{height:265px}.model-stage-clean .halo{width:340px;height:340px;top:10px}.hero-glass-actions{width:min(100%,390px);gap:7px;padding:9px}.hero-glass-actions button{min-width:52px;padding:8px 7px}.hero-ai-greeting strong{font-size:20px}} @media(max-width:430px){.hero-glass-actions{display:grid;grid-template-columns:repeat(3,1fr)}.hero-glass-actions button{width:100%}} /* V10.7.2 Beta – frontal blickender Avatar & Astronomie-Dashboard */ .hero-ai-portrait{width:330px;height:320px;border-radius:42% 42% 34% 34%;overflow:hidden} .hero-ai-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 22%;transform:scale(1.04);filter:drop-shadow(0 24px 34px rgba(20,77,145,.28))} .beta-chat-portrait img{object-position:center 20%} .dashboard-card{display:block!important;padding:24px!important} .dashboard-card>h3{margin-bottom:5px}.dashboard-card>p{margin:0 0 17px;color:var(--muted);font-size:12px} .dashboard-time strong{font-size:34px!important;letter-spacing:1px}.sun-cycle{margin-top:14px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 94px 1fr;align-items:end;gap:7px} .sun-cycle>div:first-child,.sun-cycle>div:last-child{display:grid;gap:5px}.sun-cycle>div:last-child{text-align:right}.sun-cycle span{font-size:10px;color:var(--muted);font-weight:700}.sun-cycle strong{font-size:19px}.sun-arc{height:44px;position:relative;display:flex;align-items:flex-start;justify-content:center}.sun-arc:before{content:"";position:absolute;left:6px;right:6px;bottom:0;height:42px;border:2px dashed #f7b500;border-bottom:0;border-radius:80px 80px 0 0}.sun-arc b{position:relative;font-size:24px;filter:drop-shadow(0 0 8px rgba(247,181,0,.5))} .moon-status{display:flex!important;gap:13px!important;align-items:center!important;padding:15px 0!important;border-bottom:1px solid var(--line)}.moon-status>span{font-size:48px;line-height:1}.moon-status>div{display:grid!important;gap:3px!important}.moon-status small{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.moon-status strong{font-size:16px!important}.moon-status em{font-size:11px;font-style:normal;color:var(--muted)} .dashboard-mini{display:grid!important;grid-template-columns:repeat(3,1fr);gap:8px!important;padding-top:14px}.dashboard-mini div{display:grid!important;gap:2px!important;text-align:center;padding:9px 4px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.58)}.dashboard-mini strong{font-size:18px!important}.dashboard-mini span{font-size:9px!important;color:var(--muted)} @media(max-width:760px){.hero-ai-portrait{width:270px;height:280px}.sun-cycle{grid-template-columns:1fr 72px 1fr}} /* V10.7.3 Beta – größerer Avatar, Ort im Dashboard und funktionierender Reise-Hub */ .model-stage-clean{height:590px;gap:14px} .hero-ai-portrait{width:400px;height:455px;border:0;padding:0;background:transparent;border-radius:38px;overflow:hidden;cursor:pointer;box-shadow:0 25px 60px rgba(9,58,118,.2);transition:transform .25s ease,box-shadow .25s ease} .hero-ai-portrait:hover,.hero-ai-portrait:focus-visible{transform:translateY(-5px) scale(1.012);box-shadow:0 32px 70px rgba(9,83,167,.28);outline:3px solid rgba(38,139,255,.22);outline-offset:5px} .hero-ai-portrait img{width:100%;height:100%;object-fit:cover;object-position:center;transform:none!important;animation:novaBreathe 4.5s ease-in-out infinite} .hero-ai-pulse{bottom:10px;width:190px} .hero-ai-greeting{display:none!important} .dashboard-place-form{display:grid!important;gap:7px!important;padding:12px 0!important;border-top:1px solid #294666!important} .dashboard-place-form label{font-size:10px;color:#b9cde1;font-weight:800;text-transform:uppercase;letter-spacing:.7px} .dashboard-place-form>div{display:grid!important;grid-template-columns:1fr 38px;gap:7px!important;border:0!important;padding:0!important} .dashboard-place-form input{width:100%;min-width:0;border:1px solid #3c5b7c;border-radius:10px;background:rgba(255,255,255,.08);color:#fff;padding:10px 11px;outline:0} .dashboard-place-form input::placeholder{color:#9db3c9}.dashboard-place-form input:focus{border-color:#44bfff;box-shadow:0 0 0 3px rgba(68,191,255,.14)} .dashboard-place-form button{border:0;border-radius:10px;background:linear-gradient(135deg,#2459ff,#18c5db);color:#fff;font-size:18px;cursor:pointer} .travel-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px} .travel-hub-grid a,.travel-hub-grid button{border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#fff,#f4f9ff);padding:18px;text-align:left;text-decoration:none;color:var(--ink);cursor:pointer;display:grid;gap:5px;transition:.2s} .travel-hub-grid a:hover,.travel-hub-grid button:hover{transform:translateY(-4px);border-color:#67bfff;box-shadow:0 12px 28px rgba(20,102,232,.13)} .travel-hub-grid span{font-size:30px}.travel-hub-grid b{font-size:15px}.travel-hub-grid small{color:var(--muted)} @media(max-width:1100px){.hero-ai-portrait{width:360px;height:410px}.model-stage-clean{height:545px}} @media(max-width:760px){.model-stage-clean{min-height:590px}.hero-ai-portrait{width:min(100%,345px);height:390px}.travel-hub-grid{grid-template-columns:1fr 1fr}} @media(max-width:430px){.hero-ai-portrait{height:350px}.travel-hub-grid{grid-template-columns:1fr}} /* V10.8 Intelligent Assistant Edition */ .avatar-online{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);z-index:8;background:rgba(3,20,43,.78);border:1px solid rgba(83,205,255,.55);color:#fff;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:800;backdrop-filter:blur(10px);white-space:nowrap}.avatar-online i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#3ee574;box-shadow:0 0 12px #3ee574;margin-right:6px}.dashboard-weather-grid{display:grid!important;grid-template-columns:repeat(2,1fr);gap:8px;border-top:1px solid #294666!important;padding:14px 0!important}.dashboard-weather-grid>div{display:block!important;border:1px solid rgba(169,205,239,.18)!important;padding:9px!important;border-radius:10px;background:rgba(255,255,255,.055)}.dashboard-weather-grid .wide{grid-column:1/-1}.dashboard-weather-grid span,.dashboard-weather-grid strong{display:block}.dashboard-weather-grid strong{font-size:14px!important;margin-top:4px}.nova-suggestion{display:flex!important;justify-content:flex-start!important;gap:10px!important;border:1px solid rgba(51,202,255,.36)!important;background:linear-gradient(135deg,rgba(24,111,224,.18),rgba(42,218,165,.11));border-radius:13px;padding:12px!important}.nova-suggestion>span{font-size:20px;color:#61ddff}.nova-suggestion div{display:block!important;border:0!important;padding:0!important}.nova-suggestion small,.nova-suggestion strong{display:block}.nova-suggestion strong{font-size:12px!important;line-height:1.35;margin-top:3px}.chat-tools{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}.chat-tools button{border:1px solid #cbdceb;background:#fff;border-radius:999px;padding:9px 12px;font-weight:750;cursor:pointer}.chat-tools button[aria-pressed=true]{color:#fff;background:linear-gradient(135deg,#2459ff,#22bdce);border-color:transparent}.smart-suggestions{background:linear-gradient(145deg,#f5fbff,#f8fff8)}.suggestion-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.suggestion-grid article{border:1px solid var(--line);border-radius:17px;padding:18px;background:rgba(255,255,255,.86);box-shadow:0 10px 28px rgba(17,60,105,.08)}.suggestion-grid article>span{display:block;font-size:28px;margin-bottom:10px}.suggestion-grid b{display:block}.suggestion-grid p{font-size:13px;color:var(--muted);line-height:1.5;margin-bottom:0}.ai-assistant.chat-focus{position:fixed;inset:20px;z-index:1001;max-width:none;margin:0;overflow:auto;border:2px solid #4fbef5;box-shadow:0 30px 120px rgba(0,13,38,.48)}body.chat-focus-open:before{content:"";position:fixed;inset:0;z-index:1000;background:rgba(1,9,24,.72);backdrop-filter:blur(8px)}.hero-ai-portrait{overflow:hidden}.hero-ai-portrait img{transition:transform .5s ease}.hero-ai-portrait:hover img{transform:scale(1.025)} @media(max-width:1100px){.dashboard-card{display:block}.hero{grid-template-columns:1fr 1fr}.dashboard-card{grid-column:1/-1;max-width:680px;width:100%;margin:auto}.suggestion-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:760px){.dashboard-card{margin-top:18px}.suggestion-grid{grid-template-columns:1fr}.chat-tools{margin-left:0}.ai-assistant.chat-focus{inset:6px}.dashboard-weather-grid{grid-template-columns:repeat(2,1fr)}} /* V10.8.1 – compact suggestions, expanded hero bar and light/dark mode */ .theme-toggle{width:78px;height:38px;border:1px solid var(--line);border-radius:999px;background:#eef5fb;display:flex;align-items:center;justify-content:space-around;cursor:pointer;padding:3px;box-shadow:inset 0 1px 3px rgba(15,45,80,.08)} .theme-toggle span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:15px;transition:.25s}.theme-toggle .theme-sun{background:#fff;box-shadow:0 3px 10px rgba(26,78,130,.18)}.theme-toggle[aria-pressed="true"] .theme-sun{background:transparent;box-shadow:none}.theme-toggle[aria-pressed="true"] .theme-moon{background:#16365c;box-shadow:0 3px 12px rgba(0,0,0,.35)} .hero-glass-actions{grid-template-columns:repeat(8,minmax(58px,1fr))!important;max-width:720px!important}.hero-glass-actions button{min-width:0}.hero-glass-actions b{font-size:10px} .avatar-online{left:auto!important;right:12px!important;bottom:auto!important;top:12px!important;transform:none!important;padding:6px 9px!important;background:rgba(2,16,37,.75)!important}.avatar-online b{font-size:10px}.avatar-online i{margin-right:4px!important} .smart-suggestions-compact{max-width:1450px;margin:-10px auto 28px;padding:10px 14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.82);box-shadow:0 10px 28px rgba(17,60,105,.08);display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;backdrop-filter:blur(14px)} .suggestion-compact-label{display:flex;align-items:center;gap:7px;color:var(--blue);white-space:nowrap;font-size:12px}.suggestion-compact-label span{font-size:18px}.suggestion-grid.compact{display:flex;gap:9px;overflow-x:auto;padding:2px;scrollbar-width:thin}.suggestion-grid.compact article{min-width:210px;padding:9px 11px;border-radius:12px;display:flex;align-items:center;gap:9px;box-shadow:none}.suggestion-grid.compact article>span{font-size:21px;margin:0}.suggestion-grid.compact article div{min-width:0}.suggestion-grid.compact b{font-size:12px}.suggestion-grid.compact p{font-size:10px;margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-refresh{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--blue);font-size:18px;cursor:pointer} body.dark-mode{--ink:#eaf3ff;--muted:#9fb2c8;--line:#263b55;--soft:#0b1c31;--navy:#031225;--shadow:0 18px 45px rgba(0,0,0,.38);background:linear-gradient(180deg,#06111f,#081a2d 58%,#04101d);color:var(--ink)} body.dark-mode .topbar{background:rgba(4,16,31,.94);border-bottom-color:#1e3856}body.dark-mode .brand,body.dark-mode .nav a{color:#f1f7ff}body.dark-mode .logo{box-shadow:inset 0 0 0 5px #081a2d,0 8px 20px rgba(0,136,255,.25)} body.dark-mode .hero:before{background:radial-gradient(circle,rgba(0,166,255,.18),rgba(0,92,172,.08) 46%,transparent 70%)}body.dark-mode .hero-copy p,body.dark-mode .trust{color:#a8bdd1} body.dark-mode .secondary,body.dark-mode .chips button,body.dark-mode .chat-tools button,body.dark-mode .suggestion-refresh{background:#0d223a;color:#eaf3ff;border-color:#2b4b6d} body.dark-mode .section-card,body.dark-mode .tile,body.dark-mode .hour,body.dark-mode .result-box,body.dark-mode .list-item,body.dark-mode .smart-suggestions-compact,body.dark-mode .suggestion-grid.compact article,body.dark-mode .info-strip,body.dark-mode .modal-panel{background:#0a1a2d;color:#eaf3ff;border-color:#263b55} body.dark-mode .result,body.dark-mode .module-output,body.dark-mode .info-panel{background:#0c2036;border-color:#2a435f;color:#eaf3ff} body.dark-mode input,body.dark-mode select,body.dark-mode textarea{background:#071827!important;color:#eef7ff!important;border-color:#2b4b6d!important}body.dark-mode input::placeholder{color:#7f95aa} body.dark-mode .smart-life-card,body.dark-mode .daily-tip-card,body.dark-mode .service-grid div{background:#0c2036!important;border-color:#29445f!important;color:#eaf3ff} body.dark-mode .theme-toggle{background:#071827;border-color:#2b4b6d}body.dark-mode .theme-toggle .theme-sun{background:transparent;box-shadow:none} body.dark-mode footer{border-top-color:#263b55;color:#9fb2c8}body.dark-mode footer strong{color:#eaf3ff} @media(max-width:1100px){.hero-glass-actions{grid-template-columns:repeat(4,1fr)!important}.theme-toggle{margin-left:auto}.smart-suggestions-compact{margin:0 10px 20px}} @media(max-width:760px){.hero-glass-actions{grid-template-columns:repeat(4,1fr)!important;max-width:100%!important}.hero-glass-actions button{padding:9px 4px!important}.smart-suggestions-compact{grid-template-columns:1fr auto}.suggestion-compact-label{grid-column:1/2}.suggestion-grid.compact{grid-column:1/-1;grid-row:2}.suggestion-refresh{grid-column:2;grid-row:1}.theme-toggle{width:66px;height:34px}.theme-toggle span{width:27px;height:27px}.avatar-online{top:8px!important;right:8px!important}} /* V10.8.2 Web-Overlay */ body.web-overlay-open{overflow:hidden}.nova-web-overlay{position:fixed;inset:0;z-index:4000;display:none}.nova-web-overlay.open{display:block}.nova-web-backdrop{position:absolute;inset:0;background:rgba(2,12,28,.72);backdrop-filter:blur(10px)}.nova-web-panel{position:relative;width:min(1400px,calc(100% - 28px));height:min(90vh,900px);margin:5vh auto;background:var(--soft);border:1px solid var(--line);border-radius:24px;box-shadow:0 30px 100px rgba(0,15,45,.4);overflow:hidden;display:grid;grid-template-rows:auto auto 1fr}.nova-web-panel header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;background:linear-gradient(135deg,#071c38,#0d3560);color:#fff}.nova-web-panel h2{margin:3px 0 0;font:700 23px Space Grotesk}.nova-web-actions{display:flex;gap:8px}.nova-web-actions button{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);color:#fff;border-radius:11px;padding:10px 14px;font-weight:800;cursor:pointer}.nova-web-actions button:last-child{width:42px;font-size:24px;padding:4px}.nova-web-note{padding:9px 18px;background:#fff7dc;color:#6c5412;font-size:12px;border-bottom:1px solid #eadba7}.nova-web-panel iframe{width:100%;height:100%;border:0;background:#fff}.dark-mode .nova-web-panel{background:#071522;border-color:#24415f}.dark-mode .nova-web-note{background:#342b13;color:#ffe69b;border-color:#5d4c1d}@media(max-width:760px){.nova-web-panel{width:100%;height:100%;margin:0;border-radius:0}.nova-web-panel header{padding:13px}.nova-web-panel h2{font-size:17px}.nova-web-actions button:first-child{font-size:11px;padding:8px}.nova-web-note{font-size:10px}} /* V10.8.3 – optimierte Typografie, Sprachausgabe und Dark-Mode-Bilder */ :root{--font-ui:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--font-display:"Space Grotesk",Inter,system-ui,sans-serif} body{font-family:var(--font-ui);font-size:16px;line-height:1.55;letter-spacing:-.006em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased} h1,h2,h3,.brand strong,.result-title,.modal-panel h2{font-family:var(--font-display);letter-spacing:-.025em;text-wrap:balance} p,small,.tile p,.daily-tip p,.assistant-subline{line-height:1.62} button,input,select,textarea{font-family:var(--font-ui)} .hero h1{font-weight:700;line-height:1.01}.hero-copy p{font-size:clamp(15px,1.15vw,18px)} .nav a,.btn,.hero-glass-actions b{letter-spacing:-.01em}.tile h3,.smart-life-card h3{font-size:18px;line-height:1.25} .status-card{font-variant-numeric:tabular-nums}.dashboard-card h3{font-size:21px}.dashboard-card p{line-height:1.42} .chat-message p{font-size:14px;line-height:1.6}.assistant-chat{font-size:14px} .chat-tools{align-items:center}.chat-tools select{max-width:210px;border:1px solid #cbdceb;background:#fff;color:var(--ink);border-radius:999px;padding:9px 30px 9px 12px;font-size:12px;font-weight:700;cursor:pointer} .voice-status{display:inline-flex;align-items:center;min-height:34px;padding:0 10px;border-radius:999px;background:#edf6ff;color:#286099;font-size:11px;font-weight:800;white-space:nowrap} .voice-status.speaking{background:#e4faee;color:#187544}.voice-status.error{background:#fff0f0;color:#a52c2c} body.dark-mode .chat-tools select{background:#0d223a;color:#eef7ff;border-color:#2b4b6d}body.dark-mode .voice-status{background:#132b46;color:#9dd7ff}body.dark-mode .voice-status.speaking{background:#123c31;color:#83f2bc}body.dark-mode .voice-status.error{background:#442127;color:#ffb0b9} /* Bilder behalten im Dunkelmodus Details und Kontrast */ body.dark-mode img{filter:brightness(.86) contrast(1.08) saturate(.92)} body.dark-mode .hero-ai-portrait img,body.dark-mode .beta-chat-portrait img{filter:brightness(.94) contrast(1.12) saturate(1.02)} body.dark-mode .hero-ai-portrait{background:#020b16;box-shadow:0 22px 60px rgba(0,111,255,.26),inset 0 0 0 1px rgba(80,183,255,.24)} body.dark-mode .smart-life-card img,body.dark-mode .book-cover img{filter:brightness(.72) contrast(1.12) saturate(.85)} body.dark-mode .smart-life-card{overflow:hidden}.smart-life-card img{transition:filter .25s ease,transform .25s ease} body.dark-mode .smart-life-card:hover img{filter:brightness(.82) contrast(1.15) saturate(.95)} body.dark-mode .weather-main{background:linear-gradient(120deg,#031225,#082e55)} body.dark-mode .daily-tip,body.dark-mode .tips-badge,body.dark-mode .world-time-card,body.dark-mode .book-card{background:#0c2036;color:#eaf3ff;border-color:#29445f} body.dark-mode .smart-tips,body.dark-mode .smart-life,body.dark-mode .ai-assistant{background:linear-gradient(145deg,#091a2c,#0b2138)} @media(max-width:760px){body{font-size:15px}.hero h1{font-size:clamp(34px,11vw,43px)}.chat-tools select{max-width:100%;flex:1 1 180px}.voice-status{order:5}.chat-tools{width:100%}} /* V10.8.4 – optimierte Avatar-Schnellkacheln */ .hero-glass-actions{ display:grid!important; grid-template-columns:repeat(4,minmax(74px,1fr))!important; width:min(100%,680px)!important; max-width:680px!important; gap:10px!important; padding:12px!important; border-radius:24px!important; background:rgba(248,252,255,.86)!important; } .hero-glass-actions button{ min-height:72px!important; padding:10px 8px!important; border:1px solid rgba(158,190,220,.65)!important; background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(239,247,255,.95))!important; color:#0a1b33!important; box-shadow:0 7px 18px rgba(17,62,108,.10)!important; } .hero-glass-actions button span{font-size:23px!important;filter:none!important} .hero-glass-actions button b{font-size:11px!important;line-height:1.15!important;color:#102541!important;font-weight:800!important} .hero-glass-actions button:hover,.hero-glass-actions button:focus-visible{ background:linear-gradient(180deg,#fff,#eaf5ff)!important; border-color:#4b9fff!important; transform:translateY(-3px)!important; } body.dark-mode .hero-glass-actions{ background:rgba(6,20,36,.88)!important; border-color:#2b5278!important; box-shadow:0 16px 40px rgba(0,0,0,.35)!important; } body.dark-mode .hero-glass-actions button{ background:linear-gradient(180deg,#132b47,#0b2037)!important; border-color:#315a82!important; color:#f3f8ff!important; box-shadow:0 7px 18px rgba(0,0,0,.28)!important; } body.dark-mode .hero-glass-actions button b{color:#f4f8ff!important} body.dark-mode .hero-glass-actions button:hover,body.dark-mode .hero-glass-actions button:focus-visible{ background:linear-gradient(180deg,#184069,#0e2c4a)!important; border-color:#58b8ff!important; } @media(max-width:760px){ .hero-glass-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important;gap:8px!important;padding:10px!important} .hero-glass-actions button{min-height:66px!important;padding:8px 4px!important} .hero-glass-actions button span{font-size:21px!important} .hero-glass-actions button b{font-size:10px!important} } @media(max-width:430px){ .hero-glass-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important} } /* V10.8.5 – Typografie und Dark-Mode-Kontrast */ body{font-size:16px;line-height:1.6} .section-card h2,.section h2{font-size:clamp(27px,2.4vw,38px);line-height:1.12} .about-lead{font-size:clamp(17px,1.35vw,21px);font-weight:700;line-height:1.55} .about-copy p:last-child{font-size:15px;line-height:1.72} .about-features b{font-size:14px;line-height:1.4} .service-grid b{font-size:15px;line-height:1.35}.service-grid span{font-size:12px;line-height:1.45} .service-mini-grid b{font-size:12.5px}.service-mini-grid small{font-size:10.5px;line-height:1.35} .more-services-head>span{font-size:12px} body.dark-mode .about-nova{background:linear-gradient(145deg,#091a2d,#0b2138)!important} body.dark-mode .about-copy,body.dark-mode .about-features div{background:#0d2238!important;border-color:#2b4866!important;color:#edf6ff!important} body.dark-mode .about-lead{color:#f4f8ff!important} body.dark-mode .about-copy p:last-child{color:#b7c9db!important} body.dark-mode .about-features b{color:#eaf3ff!important} body.dark-mode .about-features span{background:#123a32!important;color:#7ff2bc!important} body.dark-mode .service-grid div{background:#0d2238!important;border-color:#2b4866!important} body.dark-mode .service-grid b{color:#f4f8ff!important} body.dark-mode .service-grid span{color:#9fc2e5!important} body.dark-mode .service-mini-grid a{background:#0d2238!important;border-color:#2b4866!important;color:#f4f8ff!important} body.dark-mode .service-mini-grid a:hover{background:#13304e!important;border-color:#55aef0!important} body.dark-mode .service-mini-grid b{color:#f4f8ff!important} body.dark-mode .service-mini-grid small{color:#9fc2e5!important} body.dark-mode .service-count,body.dark-mode .about-badge{background:#132f4b!important;border-color:#2d567c!important;color:#8fd2ff!important} body.dark-mode .more-services-head>span{color:#a8bfd4!important} body.dark-mode .eyebrow{color:#4ba1ff!important} body.dark-mode h1,body.dark-mode h2,body.dark-mode h3{color:#f4f8ff} .voice-help{font-size:11px;color:var(--muted);max-width:330px;line-height:1.35} body.dark-mode .voice-help{color:#a8bfd4} @media(max-width:760px){.service-mini-grid b{font-size:12px}.service-mini-grid small{font-size:10px}.about-copy p:last-child{font-size:14px}} /* V10.8.6 – Dunkelmodus für Unterordner, Auswahlmodule und Freizeit-Kacheln */ body.dark-mode .modal-panel{ background:linear-gradient(160deg,#081827,#0b2035)!important; color:#edf6ff!important; border-color:#2a4867!important; box-shadow:0 34px 110px rgba(0,0,0,.62)!important; } body.dark-mode .modal-close{background:#132b45!important;color:#f4f8ff!important;border:1px solid #315678!important} body.dark-mode .modal-close:hover{background:#1b3b5c!important} body.dark-mode .modal-panel p, body.dark-mode .module-intro, body.dark-mode .restaurant-summary, body.dark-mode .modal-panel small{color:#a9bfd4!important} body.dark-mode .module-tabs button, body.dark-mode .calculator-tabs button, body.dark-mode .choice-grid button, body.dark-mode .country-quick button, body.dark-mode .book-category-grid button, body.dark-mode .country-list button, body.dark-mode .local-choice-grid button, body.dark-mode .geo-action-grid button{ background:linear-gradient(145deg,#0d2238,#0a1b2e)!important; color:#edf6ff!important; border-color:#2b4866!important; box-shadow:0 8px 24px rgba(0,0,0,.2)!important; } body.dark-mode .module-tabs button:hover, body.dark-mode .calculator-tabs button:hover, body.dark-mode .choice-grid button:hover, body.dark-mode .country-quick button:hover, body.dark-mode .book-category-grid button:hover, body.dark-mode .country-list button:hover, body.dark-mode .local-choice-grid button:hover, body.dark-mode .geo-action-grid button:hover, body.dark-mode .module-tabs button.active, body.dark-mode .calculator-tabs button.active, body.dark-mode .book-category-grid button.active{ background:linear-gradient(135deg,#1769e8,#16bfa7)!important; color:#fff!important; border-color:#55b9ff!important; transform:translateY(-2px); } body.dark-mode .module-output, body.dark-mode .info-panel, body.dark-mode .geo-open-card, body.dark-mode .geo-step, body.dark-mode .book-card, body.dark-mode .restaurant-card, body.dark-mode .country-list, body.dark-mode .book-category-grid{ background:linear-gradient(145deg,#0c2036,#091a2c)!important; color:#edf6ff!important; border-color:#2a4662!important; } body.dark-mode .geo-step.active{border-color:#4ba9ff!important;box-shadow:0 10px 28px rgba(28,120,230,.2)!important} body.dark-mode .geo-step.complete{background:linear-gradient(145deg,#0d2a2a,#0b2035)!important;border-color:#3a8d79!important} body.dark-mode .geo-step select:disabled, body.dark-mode .geo-step input:disabled{background:#102133!important;color:#72869a!important;border-color:#263b51!important} body.dark-mode .geo-status{background:#102b45!important;border-color:#315a7d!important;color:#a9dcff!important} body.dark-mode .form-grid label, body.dark-mode .currency-box label{color:#d9e9f8!important} body.dark-mode .swap{background:#132b45!important;color:#eaf4ff!important;border-color:#315678!important} body.dark-mode .restaurant-icon{background:linear-gradient(135deg,#14375a,#173a31)!important} body.dark-mode .restaurant-card h3, body.dark-mode .book-card b, body.dark-mode .country-head h3, body.dark-mode .geo-step b, body.dark-mode .local-choice-grid b{color:#f4f8ff!important} body.dark-mode .restaurant-card p, body.dark-mode .book-card span, body.dark-mode .book-card small, body.dark-mode .country-head span, body.dark-mode .geo-step small, body.dark-mode .geo-open-card small{color:#9fb8d0!important} body.dark-mode .restaurant-meta span{background:#14314d!important;color:#b9ddff!important} body.dark-mode .book-links a{background:#12304e!important;color:#8fd2ff!important} body.dark-mode .book-links a:hover{background:#174468!important} body.dark-mode .book-cover{background:#122a42!important} body.dark-mode .local-choice-grid small{color:#7ec8ff!important} body.dark-mode .result-box, body.dark-mode .list-item{background:#0d2238!important;border-color:#2b4866!important;color:#edf6ff!important} body.dark-mode .list-item small, body.dark-mode .result-box span{color:#9fb8d0!important} body.dark-mode .calc-form strong{color:#79c7ff!important} body.dark-mode .leaflet-container{filter:brightness(.82) contrast(1.08)} body.dark-mode .modal-panel input, body.dark-mode .modal-panel select, body.dark-mode .modal-panel textarea{ background:#071827!important; color:#f1f7ff!important; border-color:#31506d!important; } body.dark-mode .modal-panel input:focus, body.dark-mode .modal-panel select:focus, body.dark-mode .modal-panel textarea:focus{outline:2px solid rgba(74,169,255,.35);border-color:#55aef0!important} /* V10.9 Dashboard Design Test */ :root{--dash-bg:#020b18;--dash-panel:#071626;--dash-line:#193651;--dash-cyan:#19a9ff} body{background:radial-gradient(circle at 50% 10%,#08284b 0,#020b18 42%,#010713 100%);color:#eef7ff} .topbar{height:76px;background:rgba(2,10,23,.95);border-bottom:1px solid #123b5e;color:#fff}.brand,.nav a{color:#fff}.brand small{color:#a7bad0}.nav a:first-child{background:linear-gradient(180deg,#08284b,#07172d);border:1px solid #0c5a91;border-radius:18px;padding:13px 22px;color:#1bc4ff}.nova-dashboard-hero{max-width:none;min-height:620px;padding:22px 12px 16px;grid-template-columns:374px minmax(520px,1fr) 398px;gap:30px;align-items:stretch;background:linear-gradient(90deg,rgba(1,9,20,.98),rgba(2,16,35,.75),rgba(1,9,20,.98));overflow:visible}.nova-dashboard-hero:before{display:none}.glass-panel{background:linear-gradient(145deg,rgba(6,22,39,.94),rgba(5,17,31,.9));border:1px solid #183650;border-radius:18px;box-shadow:0 18px 48px rgba(0,0,0,.32);color:#eef7ff}.nova-weather-panel{padding:16px 14px;display:flex;flex-direction:column}.panel-title-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #183249;padding:0 6px 12px}.panel-title-row h2{font:600 16px Space Grotesk;margin:0}.panel-title-row button{border:0;background:none;color:#b7cae0;font-size:18px}.weather-place-line{display:flex;gap:9px;align-items:center;padding:12px 7px;color:#c9d9ea}.hero-weather-main{display:flex;gap:20px;align-items:center;padding:12px 16px}.hero-weather-main>span{font-size:72px}.hero-weather-main>div>strong{font:500 62px/1 Space Grotesk}.hero-weather-main p{margin:6px 0;color:#e5eef8}.hero-weather-main small{color:#bccce0}.hero-weather-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.hero-weather-metrics>div{border:1px solid #183650;border-radius:10px;text-align:center;padding:12px 4px;background:rgba(6,25,44,.72)}.hero-weather-metrics span,.hero-weather-metrics small,.hero-weather-metrics strong,.hero-weather-metrics em{display:block}.hero-weather-metrics span{font-size:22px}.hero-weather-metrics small{font-size:12px;margin:7px 0 4px}.hero-weather-metrics strong{font-size:15px}.hero-weather-metrics em{font-style:normal;font-size:9px;color:#95a9bf;margin-top:4px}.hero-hourly{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid #183650;border-radius:12px;margin:17px 0;overflow:hidden}.hero-hourly>div{text-align:center;padding:10px 4px;border-right:1px solid #183650}.hero-hourly>div:last-child{border-right:0}.hero-hourly small,.hero-hourly span,.hero-hourly strong{display:block}.hero-hourly span{font-size:24px;margin:8px 0}.panel-wide-btn{margin-top:auto;width:100%;border:1px solid #1d476b;background:linear-gradient(180deg,#081e35,#061527);color:#42baff;border-radius:12px;padding:13px 16px;display:flex;justify-content:center;gap:12px;cursor:pointer}.nova-ai-stage{position:relative;min-height:590px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.ai-visual-wrap{position:absolute;inset:-22px 0 72px;display:flex;align-items:flex-start;justify-content:center;overflow:hidden}.ai-visual-wrap .halo{width:580px;height:580px;background:radial-gradient(circle,rgba(15,130,255,.32),rgba(0,64,135,.16) 44%,transparent 72%);box-shadow:0 0 120px rgba(0,137,255,.38)}.ai-visual-wrap img{height:560px;max-width:100%;object-fit:contain;z-index:2;filter:drop-shadow(0 24px 40px rgba(0,0,0,.5))}.ai-greeting{position:relative;z-index:5;text-align:center;margin-bottom:118px;text-shadow:0 4px 15px #000}.ai-greeting h1{font:600 38px/1 Space Grotesk;margin:0 0 8px}.ai-greeting h1 span,.ai-greeting p b{color:#13aef4}.ai-greeting p{font-size:23px;margin:0 0 6px}.ai-greeting>strong{font-size:21px;font-weight:500}.ai-greeting small{display:block;margin-top:9px;color:#c7d5e4}.ai-greeting small i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#29df72;margin-right:8px}.ai-greeting small span{margin:0 13px;color:#8295aa}.hero-command-dock{position:absolute;bottom:51px;z-index:6;width:min(632px,96%);display:grid;grid-template-columns:repeat(6,1fr);border:1px solid #33aaff;border-radius:20px;background:rgba(4,21,39,.9);box-shadow:0 0 28px rgba(0,151,255,.35),inset 0 0 20px rgba(0,87,160,.24);overflow:hidden}.hero-command-dock button{padding:11px 4px;border:0;border-right:1px solid #173650;background:transparent;color:#fff;cursor:pointer}.hero-command-dock button:last-child{border-right:0}.hero-command-dock span,.hero-command-dock b{display:block}.hero-command-dock span{font-size:29px}.hero-command-dock b{font-size:13px;margin-top:5px;font-weight:500}.hero-quick-ask{position:absolute;bottom:-24px;z-index:7;width:min(642px,97%);display:grid;grid-template-columns:54px 1fr 62px;gap:8px;padding:7px;background:#071525;border:1px solid #153c5d;border-radius:24px}.hero-quick-ask input{background:#061321;border:0;border-radius:18px;color:#fff;padding:0 16px;outline:0}.hero-quick-ask button{border:0;border-radius:50%;background:#081a2d;color:#fff;font-size:20px}.hero-quick-ask button:last-child{background:linear-gradient(145deg,#1488ff,#0749d5)}.nova-dashboard-panel{padding:16px 15px}.nova-dashboard-panel h3{font-size:17px}.nova-dashboard-panel .dashboard-place-form{display:block;border-top:0;padding:8px 0 13px}.nova-dashboard-panel .dashboard-place-form label{display:block;color:#c8d8e8;margin-bottom:8px}.nova-dashboard-panel .dashboard-place-form>div{display:grid;grid-template-columns:1fr 46px;padding:0;border:0}.nova-dashboard-panel input{background:#061322;border:1px solid #2a4661;color:#fff}.nova-dashboard-panel .dashboard-time strong{font-size:40px}.nova-dashboard-panel .sun-cycle{padding:14px 0}.nova-dashboard-panel .moon-status{justify-content:flex-start;gap:16px}.nova-dashboard-panel .moon-status>span{font-size:55px}.nova-dashboard-panel .dashboard-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid #28425b;padding-top:14px}.nova-dashboard-panel .dashboard-mini>div{display:block;text-align:center;border:1px solid #1a3954;border-radius:10px;padding:10px 4px}.nova-dashboard-panel .dashboard-mini strong,.nova-dashboard-panel .dashboard-mini span{display:block}.dashboard-module-strip{max-width:none;margin:0 12px 12px;padding:12px 14px 14px;background:rgba(4,17,31,.96);border:1px solid #173650;border-radius:17px;box-shadow:none}.dashboard-module-strip .section-head{margin:0 0 10px}.dashboard-module-strip .section-head h2{font-size:17px;text-transform:uppercase}.dashboard-module-strip .assistant-subline,.dashboard-module-strip .eyebrow{display:none}.dashboard-module-strip .premium-tiles{grid-template-columns:repeat(14,minmax(92px,1fr));gap:8px;overflow-x:auto}.dashboard-module-strip .premium-tile{min-height:96px;padding:12px 5px;text-align:center;border-radius:10px;background:linear-gradient(180deg,#081a2e,#061322);border:1px solid #173650;color:#fff;box-shadow:none}.dashboard-module-strip .premium-tile:hover{transform:translateY(-2px);border-color:#1b9cff}.dashboard-module-strip .tile-number,.dashboard-module-strip .tile-open,.dashboard-module-strip .premium-tile p{display:none}.dashboard-module-strip .premium-tile i{font-size:29px}.dashboard-module-strip .premium-tile h3{font-size:12px;margin:9px 0 0;min-height:30px}.dashboard-secondary-section{display:none!important}.section-card,.section{background:#071525;color:#eef7ff;border-color:#173650}.assistant-subline,.tile p,.note{color:#aebfd1}.tile,.service-grid div,.result,.hour{background:#081a2e;border-color:#173650;color:#eef7ff}.site-footer{color:#9db0c5;border-color:#173650}.site-footer strong{color:#fff} @media(max-width:1250px){.nova-dashboard-hero{grid-template-columns:330px 1fr}.nova-dashboard-panel{display:none}.dashboard-module-strip .premium-tiles{grid-template-columns:repeat(8,minmax(100px,1fr))}} @media(max-width:850px){.nova-dashboard-hero{display:block;padding:12px}.nova-weather-panel{margin-bottom:14px}.nova-ai-stage{min-height:570px}.ai-visual-wrap img{height:500px}.hero-weather-metrics{grid-template-columns:repeat(2,1fr)}.dashboard-module-strip .premium-tiles{grid-template-columns:repeat(4,minmax(92px,1fr))}} @media(max-width:520px){.nova-weather-panel{display:none}.nova-ai-stage{min-height:550px}.ai-visual-wrap{inset:-10px -70px 80px}.ai-visual-wrap img{height:470px}.ai-greeting{margin-bottom:128px}.ai-greeting h1{font-size:30px}.hero-command-dock{grid-template-columns:repeat(3,1fr);bottom:58px}.hero-command-dock button{padding:8px 3px}.hero-command-dock span{font-size:23px}.hero-quick-ask{bottom:-28px}.dashboard-module-strip{margin-top:38px}.dashboard-module-strip .premium-tiles{grid-template-columns:repeat(3,minmax(88px,1fr))}} /* V10.9.1 – sichtbare Smart-Tipps, drei Tagesideen und funktionsfähiger Theme-Wechsel */ .dashboard-daily-grid{ max-width:1500px; margin:14px auto 22px; padding:0 12px; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:14px; align-items:stretch; } .dashboard-daily-grid .dashboard-secondary-section{display:block!important;margin:0;max-width:none;height:100%} .dashboard-daily-grid .section-card{padding:20px;border-radius:18px} .dashboard-daily-grid .smart-tips-head,.dashboard-daily-grid .section-head{margin-bottom:14px} .dashboard-daily-grid .smart-tips-head h2,.dashboard-daily-grid .section-head h2{font-size:22px;margin:5px 0} .dashboard-daily-grid .daily-tips-grid{ display:grid; grid-template-columns:repeat(5,minmax(130px,1fr)); gap:10px; overflow-x:auto; padding:2px 2px 10px; scroll-snap-type:x proximity; } .dashboard-daily-grid .daily-tip{ min-width:138px; min-height:178px; scroll-snap-align:start; padding:14px; border-radius:13px; } .dashboard-daily-grid .daily-tip p{font-size:12px;line-height:1.45;min-height:54px} .dashboard-daily-grid .tip-footer{display:none} .dashboard-daily-grid .smart-life-grid{grid-template-columns:repeat(3,minmax(180px,1fr));gap:10px} .dashboard-daily-grid .smart-life-card{min-height:210px;padding:15px} .dashboard-daily-grid .smart-life-card h3{font-size:17px;margin:8px 0} .dashboard-daily-grid .smart-life-card p{font-size:12px;line-height:1.45} .dashboard-daily-grid .smart-life-action{font-size:11px;padding:9px 10px} .dashboard-daily-grid .smart-life-meta{margin-top:10px} /* Light mode ist der echte Gegenentwurf zum dunklen Dashboard. */ body:not(.dark-mode){ --ink:#07152d;--muted:#58677d;--line:#dce6f1; background:linear-gradient(180deg,#f8fbff,#eef5fc 68%,#eaf2fa)!important; color:#07152d!important; } body:not(.dark-mode) .topbar{ background:rgba(255,255,255,.94)!important; border-bottom-color:#d8e5f1!important; color:#07152d!important; box-shadow:0 5px 24px rgba(27,72,120,.08); } body:not(.dark-mode) .brand,body:not(.dark-mode) .nav a{color:#07152d!important} body:not(.dark-mode) .brand small{color:#52667d!important} body:not(.dark-mode) .nav a:first-child{background:#eef5ff!important;border-color:#bfd9f5!important;color:#0968d9!important} body:not(.dark-mode) .nova-dashboard-hero{ background:radial-gradient(circle at 50% 20%,#dff5ff 0,#f6fbff 46%,#eef5fc 100%)!important; } body:not(.dark-mode) .glass-panel, body:not(.dark-mode) .dashboard-module-strip, body:not(.dark-mode) .section-card, body:not(.dark-mode) .section{ background:rgba(255,255,255,.94)!important; border-color:#d5e3f0!important; color:#07152d!important; box-shadow:0 14px 38px rgba(27,72,120,.11)!important; } body:not(.dark-mode) .panel-title-row{border-color:#dbe7f2!important} body:not(.dark-mode) .panel-title-row button,body:not(.dark-mode) .weather-place-line{color:#425870!important} body:not(.dark-mode) .hero-weather-main p{color:#23384f!important} body:not(.dark-mode) .hero-weather-main small{color:#60738a!important} body:not(.dark-mode) .hero-weather-metrics>div, body:not(.dark-mode) .hero-hourly, body:not(.dark-mode) .hero-hourly>div{ background:#f7fbff!important;border-color:#d7e5f2!important;color:#07152d!important; } body:not(.dark-mode) .panel-wide-btn{background:#f5faff!important;border-color:#c9deef!important;color:#0873d8!important} body:not(.dark-mode) .nova-dashboard-panel{background:linear-gradient(155deg,#062246,#07182d)!important;color:#fff!important;border-color:#174b76!important} body:not(.dark-mode) .nova-dashboard-panel input{background:#071a30!important;color:#fff!important;border-color:#315675!important} body:not(.dark-mode) .nova-dashboard-panel .dashboard-place-form label, body:not(.dark-mode) .nova-dashboard-panel span, body:not(.dark-mode) .nova-dashboard-panel small{color:#c4d5e7!important} body:not(.dark-mode) .dashboard-module-strip .premium-tile{ background:linear-gradient(180deg,#fff,#f4f9fe)!important; border-color:#d3e2ef!important;color:#07152d!important; } body:not(.dark-mode) .dashboard-module-strip .premium-tile:hover{border-color:#168ee8!important;box-shadow:0 8px 20px rgba(22,142,232,.13)!important} body:not(.dark-mode) .dashboard-daily-grid .daily-tip, body:not(.dark-mode) .dashboard-daily-grid .smart-life-card{ background:linear-gradient(160deg,#fff,#f7fbff)!important; border-color:#d7e5f2!important;color:#07152d!important; } body:not(.dark-mode) .dashboard-daily-grid p,body:not(.dark-mode) .assistant-subline{color:#52677f!important} body:not(.dark-mode) .hero-command-dock{background:rgba(255,255,255,.88)!important;border-color:#43aef2!important} body:not(.dark-mode) .hero-command-dock button{color:#07152d!important;border-color:#d5e3ef!important} body:not(.dark-mode) .hero-quick-ask{background:#fff!important;border-color:#d3e2ef!important;box-shadow:0 10px 28px rgba(24,87,145,.16)} body:not(.dark-mode) .hero-quick-ask input{background:#f4f8fc!important;color:#07152d!important} body:not(.dark-mode) .ai-greeting{color:#07152d!important;text-shadow:0 2px 10px rgba(255,255,255,.9)} body:not(.dark-mode) .ai-greeting small{color:#435b74!important} /* Dark mode bleibt vollständig und kontrastreich. */ body.dark-mode{background:radial-gradient(circle at 50% 10%,#08284b 0,#020b18 42%,#010713 100%)!important;color:#eef7ff!important} body.dark-mode .dashboard-daily-grid .daily-tip, body.dark-mode .dashboard-daily-grid .smart-life-card{background:linear-gradient(155deg,#0b2137,#071525)!important;border-color:#21425f!important;color:#eef7ff!important} body.dark-mode .dashboard-daily-grid p{color:#afc2d5!important} @media(max-width:1100px){ .dashboard-daily-grid{grid-template-columns:1fr} .dashboard-daily-grid .daily-tips-grid{grid-template-columns:repeat(10,minmax(145px,1fr))} } @media(max-width:700px){ .dashboard-daily-grid{padding:0 10px;margin-top:42px} .dashboard-daily-grid .section-card{padding:16px 13px} .dashboard-daily-grid .smart-life-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px} .dashboard-daily-grid .smart-life-card{min-width:82vw;scroll-snap-align:start} .dashboard-daily-grid .daily-tips-grid{display:flex} .dashboard-daily-grid .daily-tip{min-width:72vw} } /* V10.9.2 – PRO Dashboard exakt nach dem freigegebenen Aufbau */ .ai-greeting{display:none!important} .ai-online-badge{ position:relative;z-index:6;margin-bottom:78px;display:flex;align-items:center;gap:9px; padding:9px 18px;border-radius:999px;border:1px solid rgba(52,180,255,.68); background:rgba(3,22,42,.78);box-shadow:0 0 24px rgba(0,151,255,.28); color:#f5fbff;font-weight:800;backdrop-filter:blur(12px) } .ai-online-badge i{width:10px;height:10px;border-radius:50%;background:#39e476;box-shadow:0 0 13px #39e476} .dashboard-data-cache,.dashboard-removed,.dashboard-place-cache{display:none!important} .nova-dashboard-panel{align-self:stretch;display:flex;flex-direction:column} .nova-dashboard-panel .dashboard-place-form{margin-top:4px} .nova-dashboard-panel .nova-suggestion{margin-top:14px!important} .nova-dashboard-panel>.panel-wide-btn{display:none!important} /* Der rechte Bereich endet direkt mit dem NOVA-Vorschlag. */ .nova-dashboard-panel .nova-suggestion{margin-bottom:0!important} /* Avatar, Aktionen und Suche bilden einen kompakten zusammenhängenden Block. */ .nova-ai-stage{justify-content:flex-end} .ai-visual-wrap{inset:-22px 0 124px} .ai-visual-wrap img{height:570px} .hero-command-dock{bottom:50px} .hero-quick-ask{bottom:-23px} /* Tagesinhalte direkt unter dem Hauptdashboard, danach alle Bereiche. */ .dashboard-daily-grid{margin-top:14px;margin-bottom:14px} .dashboard-module-strip{margin-top:0} @media(max-width:1250px){.ai-online-badge{margin-bottom:82px}} @media(max-width:850px){.ai-online-badge{margin-bottom:92px}.ai-visual-wrap{inset:-8px 0 130px}} @media(max-width:520px){.ai-online-badge{margin-bottom:126px;font-size:13px}.ai-visual-wrap{inset:-10px -70px 145px}} /* V10.9.3 – Avatar, Online-Status und große vollständig verlinkte Smart-Tips */ .nova-ai-stage{isolation:isolate} .ai-online-badge{ position:absolute!important;top:18px;left:22px;margin:0!important;z-index:12; padding:8px 15px;font-size:13px;background:rgba(3,22,42,.86); } .ai-visual-wrap{ inset:-22px 6px 124px!important; border-radius:0 0 42px 42px; background:radial-gradient(ellipse at 50% 42%,rgba(12,117,220,.28),rgba(2,15,31,.08) 58%,transparent 78%); -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 84%,transparent 100%); mask-image:linear-gradient(to bottom,#000 0%,#000 84%,transparent 100%); } .ai-visual-wrap img{ width:min(100%,760px);height:570px!important;object-fit:cover;object-position:center top; border:0!important;outline:0!important; filter:drop-shadow(0 22px 40px rgba(0,0,0,.48)); } body:not(.dark-mode) .ai-visual-wrap{ background:radial-gradient(ellipse at 50% 40%,rgba(46,174,255,.30),rgba(224,246,255,.52) 52%,transparent 80%); } body:not(.dark-mode) .ai-visual-wrap img{ filter:drop-shadow(0 18px 34px rgba(15,91,150,.24)) saturate(.98) contrast(1.02); } .dashboard-daily-grid{grid-template-columns:minmax(0,1.18fr) minmax(0,1fr)!important;max-width:1600px!important} .dashboard-daily-grid #smartTips{min-width:0} .dashboard-daily-grid .daily-tips-grid{ grid-template-columns:repeat(5,minmax(0,1fr))!important; overflow:visible!important;gap:12px!important; } .dashboard-daily-grid .daily-tip{ min-width:0!important;min-height:196px!important;padding:16px!important; display:flex;flex-direction:column;cursor:pointer; } .dashboard-daily-grid .daily-tip p{min-height:72px!important;margin-bottom:8px} .daily-tip-clickable{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease} .daily-tip-clickable:hover,.daily-tip-clickable:focus-visible{ transform:translateY(-3px);border-color:#20a9ff!important;box-shadow:0 12px 26px rgba(0,143,255,.18)!important;outline:none; } .tip-context{display:block;margin-top:auto;padding-top:8px;color:#55bdff!important;font-size:10px;line-height:1.35} body:not(.dark-mode) .tip-context{color:#086fd0!important} @media(max-width:1250px){ .ai-online-badge{top:14px;left:16px!important} .dashboard-daily-grid{grid-template-columns:1fr!important} } @media(max-width:900px){ .dashboard-daily-grid .daily-tips-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .ai-visual-wrap img{object-fit:contain} } @media(max-width:520px){ .ai-online-badge{top:10px;left:10px!important;font-size:11px;padding:7px 11px} .dashboard-daily-grid .daily-tips-grid{display:grid!important;grid-template-columns:1fr!important} .dashboard-daily-grid .daily-tip{min-height:auto!important} .ai-visual-wrap{inset:-10px -20px 145px!important} } /* V10.9.4 – kompakter horizontaler NOVA-AI-Chat */ .beta-chat-section{ padding:28px 30px 24px; overflow:hidden; } .beta-chat-hero{ display:grid; grid-template-columns:118px minmax(0,1fr); grid-template-areas: "portrait title" "tools tools"; align-items:center; column-gap:24px; row-gap:18px; margin-bottom:16px; } .beta-chat-portrait{ grid-area:portrait; width:118px; height:118px; border-radius:50%; border:2px solid rgba(73,189,255,.75); box-shadow:0 0 0 8px rgba(31,134,230,.08),0 14px 38px rgba(3,28,62,.28); } .beta-chat-hero>div:nth-child(2){grid-area:title;min-width:0} .beta-chat-hero h2{ margin:7px 0 8px; font:700 clamp(28px,3vw,43px)/1.12 'Space Grotesk',sans-serif; letter-spacing:-.8px; white-space:normal; max-width:980px; } .beta-chat-hero h2::first-line{white-space:nowrap} .beta-chat-hero .assistant-subline{ margin:0; max-width:850px; font-size:16px; line-height:1.5; } .chat-tools{ grid-area:tools; width:100%; margin:0; display:flex; align-items:center; gap:10px; flex-wrap:wrap; } .chat-tools button,.chat-tools select{min-height:44px} .chat-tools .voice-help{flex:1 1 280px;line-height:1.35} .beta-badge{position:absolute;top:18px;right:20px} .beta-capabilities{margin:0 0 16px;gap:10px} .beta-capabilities span{padding:9px 14px} .global-place{ grid-template-columns:minmax(190px,.7fr) minmax(320px,2fr) auto; padding:16px 18px; margin:0 0 16px; } .global-place input,.global-place .btn{min-height:52px} .beta-chat-window{ min-height:0; max-height:380px; height:auto; padding:16px; display:flex; flex-direction:column; gap:12px; } .beta-chat-window .chat-message{ margin:0; width:auto; } .beta-chat-window .chat-message.bot>div, .beta-chat-window .chat-message.user>div{ max-width:min(74%,820px); } .beta-chat-section .ai-askbar{ margin-top:12px; position:relative; } .beta-chat-section .assistant-chips{display:none!important} .beta-chat-section .assistant-result{display:block!important;margin-top:14px;min-height:72px;padding:14px 16px;border:1px solid #1e4b70;border-radius:16px;background:linear-gradient(135deg,#081d34,#0b2949);color:#eef7ff;box-shadow:0 10px 28px rgba(0,0,0,.18)} .beta-chat-section .assistant-result .empty{color:#b9cde2} .beta-chat-section .assistant-result .info-panel{background:linear-gradient(135deg,#0b2848,#0d365d);border-color:#25567e;color:#eef7ff} .beta-chat-section .assistant-result .info-panel h3,.beta-chat-section .assistant-result .result-title{color:#fff} .beta-chat-section .assistant-result .list-item,.beta-chat-section .assistant-result .result-box{background:#0a213b;border-color:#234d71;color:#eef7ff} .beta-chat-section .assistant-result a,.beta-chat-section .assistant-result button{position:relative;z-index:1} .beta-chat-section .assistant-result .assistant-action,.beta-chat-section .assistant-result .btn{cursor:pointer} .beta-chat-section .assistant-result:has(a),.beta-chat-section .assistant-result:has(button){box-shadow:0 0 0 2px rgba(30,166,255,.10),0 12px 34px rgba(0,0,0,.22)} @media(max-width:900px){ .beta-chat-hero{grid-template-columns:92px minmax(0,1fr)} .beta-chat-portrait{width:92px;height:92px} .global-place{grid-template-columns:1fr} } @media(max-width:650px){ .beta-chat-section{padding:20px 14px} .beta-chat-hero{ grid-template-columns:72px minmax(0,1fr); column-gap:14px; row-gap:14px; } .beta-chat-portrait{width:72px;height:72px} .beta-chat-hero h2{font-size:25px;line-height:1.16} .beta-chat-hero .assistant-subline{font-size:14px} .chat-tools{display:grid;grid-template-columns:1fr 1fr} .chat-tools select,.chat-tools button{width:100%;max-width:none} .chat-tools .voice-help{grid-column:1/-1} .voice-status{order:initial} .beta-capabilities{overflow-x:auto;flex-wrap:nowrap} .beta-capabilities span{white-space:nowrap} .beta-chat-window .chat-message.bot>div, .beta-chat-window .chat-message.user>div{max-width:88%} } /* V10.9.5 – Avatar ohne eingebrannten Text + eigenständige Sprechblase */ .nova-ai-stage{ --avatar-fade: rgba(3,14,28,1); } .ai-visual-wrap{ inset:-22px 0 124px!important; overflow:hidden; border-radius:28px; background: radial-gradient(circle at 50% 42%,rgba(12,123,255,.24),transparent 55%), linear-gradient(180deg,rgba(2,11,23,.1),rgba(2,11,23,.9)); -webkit-mask-image:linear-gradient(to bottom,#000 0,#000 83%,transparent 100%); mask-image:linear-gradient(to bottom,#000 0,#000 83%,transparent 100%); } .ai-visual-wrap img{ width:min(100%,760px)!important; height:100%!important; max-width:none!important; object-fit:cover!important; object-position:center 8%!important; filter:drop-shadow(0 24px 42px rgba(0,0,0,.48)); } body:not(.dark-mode) .ai-visual-wrap{ background: radial-gradient(circle at 50% 40%,rgba(54,173,255,.28),rgba(218,244,255,.44) 46%,transparent 72%), linear-gradient(180deg,rgba(255,255,255,.05),rgba(238,248,255,.86)); } body:not(.dark-mode) .ai-visual-wrap img{ filter:drop-shadow(0 22px 34px rgba(47,112,166,.23)); } .hero-speech-bubble{ position:absolute; z-index:8; left:clamp(16px,4vw,58px); top:72px; width:min(250px,34%); padding:18px 20px; border-radius:22px; background:rgba(255,255,255,.94); color:#07152d; border:1px solid rgba(137,186,231,.58); box-shadow:0 18px 50px rgba(0,22,55,.28); backdrop-filter:blur(12px); font:600 clamp(16px,1.5vw,22px)/1.35 'Space Grotesk',sans-serif; } .hero-speech-bubble::after{ content:""; position:absolute; right:-18px; bottom:26px; width:34px; height:28px; background:inherit; clip-path:polygon(0 0,100% 50%,0 100%); filter:drop-shadow(3px 2px 1px rgba(90,140,185,.22)); } .hero-speech-bubble span{display:block} .hero-speech-bubble b, .hero-speech-bubble strong{color:#078fdf} body.dark-mode .hero-speech-bubble{ background:rgba(5,24,43,.92); color:#f2f8ff; border-color:rgba(47,157,235,.52); box-shadow:0 20px 60px rgba(0,0,0,.42),0 0 30px rgba(0,132,255,.12); } body.dark-mode .hero-speech-bubble b, body.dark-mode .hero-speech-bubble strong{color:#29baff} @media(max-width:1100px){ .hero-speech-bubble{left:18px;top:62px;width:220px;font-size:17px} } @media(max-width:850px){ .ai-visual-wrap{inset:-8px 0 130px!important} .hero-speech-bubble{top:56px;left:22px;width:210px;padding:15px 17px} } @media(max-width:620px){ .ai-visual-wrap{inset:-10px -20px 145px!important} .hero-speech-bubble{ top:18px; left:14px; width:min(210px,58%); padding:12px 14px; font-size:14px; border-radius:16px; } .hero-speech-bubble::after{right:-13px;bottom:18px;width:24px;height:20px} } /* ========================================================== V10.9.6 – Typografie in Dashboard-Kacheln und Unterordnern Einheitliche Lesbarkeit im Hell- und Dunkelmodus ========================================================== */ :root{ --card-title:#07152d; --card-text:#334a63; --card-muted:#62758a; --card-link:#086ed8; --card-bg:#ffffff; --card-soft:#f6faff; --card-border:#d7e4f0; } body.dark-mode{ --card-title:#f4f8ff; --card-text:#d7e5f3; --card-muted:#9fb4c9; --card-link:#54bfff; --card-bg:#0b2035; --card-soft:#0e2943; --card-border:#294963; } /* Dashboard-Kacheln */ .premium-tile, .daily-tip, .smart-life-card, .service-grid>div, .quick-grid button, .local-choice-grid button, .geo-action-grid button, .finance-market-card, .restaurant-card, .book-card, .country-list button, .book-category-grid button, .choice-grid button, .module-tabs button, .calculator-tabs button{ color:var(--card-title)!important; font-family:Inter,Arial,sans-serif!important; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; } .premium-tile h3, .daily-tip h3, .daily-tip b, .smart-life-card h3, .service-grid b, .quick-grid b, .local-choice-grid b, .geo-action-grid b, .finance-market-card b, .restaurant-card h3, .book-card>b, .choice-grid button, .module-tabs button, .calculator-tabs button{ color:var(--card-title)!important; font-weight:750!important; line-height:1.28!important; letter-spacing:-.01em; } .premium-tile p, .daily-tip p, .smart-life-card p, .service-grid span, .quick-grid small, .local-choice-grid small, .finance-market-card small, .restaurant-card p, .book-card span, .book-card small, .module-intro, .note, .assistant-subline{ color:var(--card-text)!important; line-height:1.52!important; font-weight:500!important; } .daily-tip small, .smart-life-label, .smart-life-meta, .tip-context, .restaurant-meta span, .geo-step small, .geo-open-card small, .result-box span, .list-item small{ color:var(--card-muted)!important; } .smart-life-action, .book-links a, .restaurant-links a, .tile-open, .country-actions a{ color:var(--card-link)!important; font-weight:750!important; } /* Unterordner / Modalfenster */ .modal-panel{ color:var(--card-title)!important; background:var(--card-bg)!important; border-color:var(--card-border)!important; } .modal-panel h2, .modal-panel h3, .modal-panel h4, .modal-panel b, .modal-panel strong, .modal-panel label, .modal-panel legend{ color:var(--card-title)!important; } .modal-panel p, .modal-panel li, .modal-panel span, .modal-panel small, .modal-panel em{ color:var(--card-text)!important; } .modal-panel .eyebrow, .modal-panel a, .modal-panel .result-title{ color:var(--card-link)!important; } .modal-panel input, .modal-panel select, .modal-panel textarea{ color:var(--card-title)!important; background:var(--card-soft)!important; border-color:var(--card-border)!important; font-weight:600!important; } .modal-panel input::placeholder, .modal-panel textarea::placeholder{color:var(--card-muted)!important;opacity:1} .module-output, .info-panel, .geo-open-card, .geo-step, .book-card, .restaurant-card, .country-list, .book-category-grid, .result-box, .list-item{ color:var(--card-title)!important; background:var(--card-soft)!important; border-color:var(--card-border)!important; } .module-tabs button, .calculator-tabs button, .choice-grid button, .country-quick button, .book-category-grid button, .country-list button, .local-choice-grid button, .geo-action-grid button{ color:var(--card-title)!important; background:var(--card-soft)!important; border-color:var(--card-border)!important; font-weight:700!important; } .module-tabs button.active, .calculator-tabs button.active, .book-category-grid button.active, .module-tabs button:hover, .calculator-tabs button:hover, .choice-grid button:hover, .country-quick button:hover, .book-category-grid button:hover, .country-list button:hover, .local-choice-grid button:hover, .geo-action-grid button:hover{ color:#fff!important; } /* Dunkelmodus: klarere Kartenflächen und stärkere Kontraste */ body.dark-mode .premium-tile, body.dark-mode .daily-tip, body.dark-mode .smart-life-card, body.dark-mode .service-grid>div, body.dark-mode .finance-market-card, body.dark-mode .restaurant-card, body.dark-mode .book-card{ background:linear-gradient(155deg,#0d263f,#081a2c)!important; border-color:var(--card-border)!important; box-shadow:0 10px 28px rgba(0,0,0,.18)!important; } body.dark-mode .premium-tile:hover, body.dark-mode .daily-tip:hover, body.dark-mode .smart-life-card:hover{ border-color:#39aef4!important; box-shadow:0 12px 34px rgba(0,128,220,.18)!important; } body.dark-mode .modal-close{ color:#f3f8ff!important; background:#132b43!important; border:1px solid #31506d!important; } body.dark-mode .book-links a, body.dark-mode .restaurant-meta span{ background:#14324f!important; color:#91d4ff!important; } /* Hellmodus: keine blassen grauen Texte */ body:not(.dark-mode) .premium-tile, body:not(.dark-mode) .daily-tip, body:not(.dark-mode) .smart-life-card, body:not(.dark-mode) .service-grid>div, body:not(.dark-mode) .finance-market-card, body:not(.dark-mode) .restaurant-card, body:not(.dark-mode) .book-card{ background:#fff!important; border-color:#d5e3ef!important; } body:not(.dark-mode) .premium-tile p, body:not(.dark-mode) .daily-tip p, body:not(.dark-mode) .smart-life-card p, body:not(.dark-mode) .modal-panel p, body:not(.dark-mode) .modal-panel small{ color:#3e536b!important; } /* Kleine Displays: lesbare Mindestgrößen */ @media(max-width:760px){ .premium-tile h3,.daily-tip h3,.smart-life-card h3{font-size:14px!important} .premium-tile p,.daily-tip p,.smart-life-card p,.modal-panel p{font-size:13px!important} .module-tabs button,.calculator-tabs button,.choice-grid button{font-size:14px!important} } /* V10.9.7 – Standort-Synchronisierung und Pollenübersicht */ .dashboard-place-form button[disabled]{opacity:.55;cursor:wait} .weather-pollen-panel{margin-top:18px;padding:20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#f8fcff,#fff)} .weather-pollen-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px} .weather-pollen-head h3{margin:5px 0 0;font:700 22px/1.15 'Space Grotesk',sans-serif;color:var(--ink)} .weather-pollen-head>small,.pollen-note{color:var(--muted);font-size:12px} .pollen-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px} .pollen-card{display:flex;align-items:center;gap:10px;min-height:86px;padding:13px;border:1px solid var(--line);border-radius:15px;background:#fff;color:var(--ink)} .pollen-card>span{font-size:25px}.pollen-card div{display:grid;gap:2px}.pollen-card small{font-weight:700;color:var(--muted)}.pollen-card strong{font-size:21px}.pollen-card em{font-size:11px;font-style:normal;font-weight:800;text-transform:uppercase;letter-spacing:.04em} .pollen-card.level-keine em,.pollen-card.level-gering em{color:#239a54}.pollen-card.level-mittel em{color:#ad7b00}.pollen-card.level-hoch em{color:#d7374c} .pollen-loading{grid-column:1/-1;padding:18px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:14px} .pollen-module-head{display:flex;justify-content:space-between;margin-bottom:14px}.pollen-module-head b,.pollen-module-head small{display:block}.pollen-module-head small{margin-top:4px;color:var(--muted)} body.dark-mode .weather-pollen-panel{background:linear-gradient(145deg,#071d38,#092947);border-color:#214668} body.dark-mode .weather-pollen-head h3,body.dark-mode .pollen-card{color:#f3f8ff} body.dark-mode .weather-pollen-head>small,body.dark-mode .pollen-note,body.dark-mode .pollen-card small,body.dark-mode .pollen-loading{color:#b6cbe0} body.dark-mode .pollen-card{background:#0a2948;border-color:#285071} @media(max-width:1100px){.pollen-grid{grid-template-columns:repeat(3,1fr)}} @media(max-width:650px){.weather-pollen-head{align-items:flex-start;flex-direction:column}.pollen-grid{grid-template-columns:repeat(2,1fr)}.pollen-card{min-height:78px;padding:11px}.pollen-card strong{font-size:18px}} .weather-data-source{margin:14px 2px 0;color:var(--muted);font-size:12px;line-height:1.5} body.dark-mode .weather-data-source{color:#b6cbe0} /* V10.9.8 Entertainment Edition */ .entertainment-tile{background:linear-gradient(145deg,rgba(239,247,255,.98),rgba(248,243,255,.98));border-color:rgba(86,132,232,.28)} .entertainment-tile i{filter:drop-shadow(0 8px 14px rgba(45,91,180,.18))} .entertainment-search{display:grid;grid-template-columns:1fr auto;gap:10px;margin:16px 0 20px} .entertainment-search input{min-height:48px;border:1px solid var(--line);border-radius:13px;padding:0 15px;background:#fff;color:var(--ink)} .entertainment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} .entertainment-card{position:relative;min-height:220px;padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(150deg,#fff,#f5f9ff);box-shadow:0 10px 26px rgba(20,60,110,.08);display:flex;flex-direction:column} .entertainment-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)} .entertainment-icon{font-size:34px}.entertainment-card small{margin-top:12px;color:var(--blue);font-weight:800;text-transform:uppercase;letter-spacing:.8px}.entertainment-card h3{margin:7px 0 5px;font:700 19px/1.2 'Space Grotesk',sans-serif}.entertainment-card p{margin:0 0 16px;color:var(--muted);font-size:13px;line-height:1.5}.entertainment-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.entertainment-links a{padding:9px 11px;border-radius:10px;background:#eaf3ff;color:#1057bd;text-decoration:none;font-size:12px;font-weight:800}.entertainment-links a:first-child{background:linear-gradient(135deg,#e3283f,#ff5c42);color:#fff}.music-card .entertainment-links a:first-child{background:linear-gradient(135deg,#d9253e,#fa503b)}.music-card .entertainment-links a:last-child{background:#1db954;color:#fff} body.dark-mode .entertainment-tile,body[data-theme="dark"] .entertainment-tile{background:linear-gradient(145deg,#112849,#1a2141);border-color:#294b74} body.dark-mode .entertainment-card,body[data-theme="dark"] .entertainment-card{background:linear-gradient(150deg,#102541,#0d1c32);border-color:#29445f;color:#eef7ff} body.dark-mode .entertainment-search input,body[data-theme="dark"] .entertainment-search input{background:#0c2038;border-color:#34506d;color:#fff} @media(max-width:950px){.entertainment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:620px){.entertainment-grid{grid-template-columns:1fr}.entertainment-search{grid-template-columns:1fr}.entertainment-search .btn{width:100%}} /* V10.9.9 – neutrale Entertainment-Suche */ .entertainment-search input{color:#111827!important;-webkit-text-fill-color:#111827!important;background:#fff!important} .entertainment-search input::placeholder{color:#6b7280!important;opacity:1} .entertainment-search .btn,.entertainment-search .btn.primary{background:#fff!important;color:#111827!important;border:1px solid #cbd5e1!important;box-shadow:none!important;text-shadow:none!important;-webkit-text-fill-color:#111827!important} .entertainment-search .btn:hover{background:#f3f4f6!important;color:#111827!important} body.dark-mode .entertainment-search input,body[data-theme="dark"] .entertainment-search input{background:#0c2038!important;color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important} body.dark-mode .entertainment-search input::placeholder,body[data-theme="dark"] .entertainment-search input::placeholder{color:#a8b7c8!important} body.dark-mode .entertainment-search .btn,body[data-theme="dark"] .entertainment-search .btn{background:#132a43!important;color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important;border-color:#405b76!important} /* V10.9.10 – leeres Dashboard-Suchfeld und separat gespeicherter Ort */ .dashboard-current-place{margin-top:10px;padding:11px 12px;border:1px solid rgba(126,183,226,.28);border-radius:13px;background:rgba(255,255,255,.08);display:grid!important;grid-template-columns:1fr auto;gap:3px 10px;align-items:center} .dashboard-current-place[hidden]{display:none!important}.dashboard-current-place span{grid-column:1/-1;font-size:10px!important;letter-spacing:.08em;text-transform:uppercase;color:#9fc4e8!important}.dashboard-current-place strong{font-size:16px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-current-place button{border:0;background:transparent;color:#bcd7ee;font-size:11px;font-weight:750;cursor:pointer;padding:4px 0}.dashboard-current-place button:hover{color:#fff;text-decoration:underline}.dashboard-place-form input{color:inherit}.dashboard-place-form input::placeholder{color:rgba(169,191,212,.8)} body:not(.dark-mode) .dashboard-current-place{background:rgba(255,255,255,.09)} @media(max-width:760px){.dashboard-current-place{grid-template-columns:1fr auto}} /* V10.9.11 Entertainment Plus */ .entertainment-summary{margin:10px 0 14px;padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(127,160,200,.08);color:var(--muted);font-size:13px}.entertainment-summary strong{color:var(--ink);font-size:16px}.entertainment-tabs{max-height:116px;overflow:auto;padding-bottom:4px}.entertainment-grid{max-height:58vh;overflow:auto;padding:2px 4px 10px 2px}.entertainment-empty{grid-column:1/-1;padding:28px;text-align:center;border:1px dashed var(--line);border-radius:16px;color:var(--muted)}body.dark-mode .entertainment-summary strong,body[data-theme="dark"] .entertainment-summary strong{color:#f8fafc} /* V10.9.15 – Sprechblase am Mund, auch in der Mobilansicht */ .hero-speech-bubble{ top:54%!important; left:clamp(12px,3.5vw,48px)!important; width:min(238px,38%)!important; transform:translateY(-50%); } .hero-speech-bubble::after{ right:-18px!important; bottom:22px!important; } @media(max-width:850px){ .hero-speech-bubble{ top:54%!important; left:16px!important; width:min(218px,45%)!important; padding:14px 16px!important; font-size:16px!important; } } /* ========================================================= V66.32 · NOVA Reader – durchgängiger 5-Stufen-Zoom Kapitel, Lesetext, Hinweise und Aufgaben skalieren gemeinsam. Die festen Werte verhindern Überschreibungen im Vollbild. ========================================================= */ .nova-reader{ --nova-reader-body-size:26px; --nova-reader-title-size:44px; --nova-reader-kicker-size:15px; --nova-reader-support-size:20px; --nova-reader-option-size:17px; } .nova-reader[data-font-scale="1"]{ --nova-reader-body-size:20px; --nova-reader-title-size:32px; --nova-reader-kicker-size:13px; --nova-reader-support-size:16px; --nova-reader-option-size:14px; } .nova-reader[data-font-scale="2"]{ --nova-reader-body-size:23px; --nova-reader-title-size:38px; --nova-reader-kicker-size:14px; --nova-reader-support-size:18px; --nova-reader-option-size:15px; } .nova-reader[data-font-scale="3"]{ --nova-reader-body-size:26px; --nova-reader-title-size:44px; --nova-reader-kicker-size:15px; --nova-reader-support-size:20px; --nova-reader-option-size:17px; } .nova-reader[data-font-scale="4"]{ --nova-reader-body-size:29px; --nova-reader-title-size:50px; --nova-reader-kicker-size:16px; --nova-reader-support-size:22px; --nova-reader-option-size:19px; } .nova-reader[data-font-scale="5"]{ --nova-reader-body-size:32px; --nova-reader-title-size:56px; --nova-reader-kicker-size:18px; --nova-reader-support-size:24px; --nova-reader-option-size:21px; } #moduleModal .nova-reader[data-font-scale] .nova-page-text, #moduleModal .nova-reader[data-font-scale] .nova-page-text p{ font-size:var(--nova-reader-body-size)!important; } #moduleModal .nova-reader[data-font-scale] .nova-reader-book h2{ font-size:var(--nova-reader-title-size)!important; } #moduleModal .nova-reader[data-font-scale] .nova-page-kicker{ font-size:var(--nova-reader-kicker-size)!important; } #moduleModal .nova-reader[data-font-scale] .nova-clue, #moduleModal .nova-reader[data-font-scale] .nova-crime-interaction, #moduleModal .nova-reader[data-font-scale] .nova-time-decision{ font-size:var(--nova-reader-support-size)!important; } #moduleModal .nova-reader[data-font-scale] .nova-crime-interaction p, #moduleModal .nova-reader[data-font-scale] .nova-crime-result, #moduleModal .nova-reader[data-font-scale] .nova-crime-ai-panel, #moduleModal .nova-reader[data-font-scale] .nova-time-decision-head p, #moduleModal .nova-reader[data-font-scale] .nova-time-result{ font-size:var(--nova-reader-support-size)!important; } #moduleModal .nova-reader[data-font-scale] .nova-reader-link, #moduleModal .nova-reader[data-font-scale] .nova-crime-options button, #moduleModal .nova-reader[data-font-scale] .nova-crime-ai-hint, #moduleModal .nova-reader[data-font-scale] .nova-time-options button{ font-size:var(--nova-reader-option-size)!important; } #moduleModal .nova-reader-tool:disabled{ opacity:.38!important; cursor:not-allowed!important; } /* === V66.33 · NOVA REACT · großes Spielfeld === */ .react-game{width:100%} .react-main-card{width:100%;max-width:none!important} .react-title-row{margin-bottom:12px} .react-badge{background:linear-gradient(135deg,#8457ef,#1ec9e8)!important;color:#fff!important} .react-hud{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:12px} .react-hud article{min-height:66px;display:grid;align-content:center} .react-hud strong{font-variant-numeric:tabular-nums} #reactLives{color:#ed4972;letter-spacing:2px;font-size:16px} .react-stage{ --react-a:#24164f;--react-b:#06366a;--react-accent:#a76cff;--react-glow:#42d9ff; position:relative;overflow:hidden;width:100%; border:1px solid color-mix(in srgb,var(--react-accent) 62%,#fff); border-radius:24px;background:#071528; box-shadow:0 20px 55px rgba(10,34,65,.2),inset 0 0 0 1px rgba(255,255,255,.08) } .react-stage[data-react-theme="noa"]{--react-a:#052d43;--react-b:#08615c;--react-accent:#1be1d0;--react-glow:#72ff9d} .react-stage[data-react-theme="fuchs"]{--react-a:#153b25;--react-b:#7b4a18;--react-accent:#eabf42;--react-glow:#78e66e} .react-stage[data-react-theme="luna"]{--react-a:#321852;--react-b:#0d4e73;--react-accent:#f284d8;--react-glow:#6ceaff} .react-stage[data-react-theme="aqua"]{--react-a:#06385d;--react-b:#087d8d;--react-accent:#27d7ee;--react-glow:#66fff1} .react-stage[data-react-theme="natur"]{--react-a:#173d2a;--react-b:#3f6c23;--react-accent:#8ed63f;--react-glow:#d2ff72} .react-stage[data-react-theme="solar"]{--react-a:#5a1712;--react-b:#9a4a0b;--react-accent:#ff8b28;--react-glow:#ffd65c} .react-stage[data-react-theme="frost"]{--react-a:#15355d;--react-b:#527f9d;--react-accent:#b5ecff;--react-glow:#e6fbff} .react-stage[data-react-theme="neon"]{--react-a:#211050;--react-b:#652064;--react-accent:#ff4fd8;--react-glow:#39fff3} .react-stage[data-react-theme="finale"]{--react-a:#4d121d;--react-b:#3c2676;--react-accent:#ffca48;--react-glow:#ff5275} .react-stage-top{ position:relative;z-index:15;display:flex;align-items:center;justify-content:space-between;gap:15px; min-height:64px;padding:9px 15px;color:#fff; background:linear-gradient(135deg,color-mix(in srgb,var(--react-a) 82%,transparent),color-mix(in srgb,var(--react-b) 84%,transparent)); border-bottom:1px solid rgba(255,255,255,.16) } .react-world{display:flex;align-items:center;gap:11px;min-width:0} .react-world>span{ width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;border-radius:14px; background:rgba(255,255,255,.13);font-size:24px; box-shadow:inset 0 0 0 1px rgba(255,255,255,.15),0 0 24px color-mix(in srgb,var(--react-glow) 36%,transparent) } .react-world small,.react-world b{display:block} .react-world small{font-size:9px;font-weight:900;letter-spacing:.13em;color:#dff8ff} .react-world b{margin-top:2px;font-size:17px} .react-progress{display:flex;align-items:center;gap:7px} .react-progress i{width:10px;height:10px;border-radius:50%;display:block;border:1px solid rgba(255,255,255,.52);background:rgba(255,255,255,.12);transition:.2s ease} .react-progress i.done{background:#68ebaa;border-color:#68ebaa} .react-progress i.active{width:28px;border-radius:20px;background:var(--react-accent);border-color:#fff;box-shadow:0 0 16px var(--react-glow)} .react-arena{ position:relative;isolation:isolate;width:100%;height:clamp(520px,63vh,720px);min-height:520px;overflow:hidden; cursor:crosshair;touch-action:manipulation;user-select:none;-webkit-user-select:none; background: radial-gradient(circle at 78% 22%,color-mix(in srgb,var(--react-glow) 30%,transparent),transparent 24%), radial-gradient(circle at 22% 78%,color-mix(in srgb,var(--react-accent) 33%,transparent),transparent 28%), linear-gradient(145deg,var(--react-a),var(--react-b)) } .react-sky,.react-grid{position:absolute;inset:0;pointer-events:none} .react-sky{ z-index:-1;opacity:.82; background-image: radial-gradient(circle at 12% 18%,#fff 0 1px,transparent 2px), radial-gradient(circle at 33% 66%,#fff 0 1px,transparent 2px), radial-gradient(circle at 68% 31%,#fff 0 1.3px,transparent 2px), radial-gradient(circle at 86% 72%,#fff 0 1px,transparent 2px), radial-gradient(circle at 54% 86%,#fff 0 1px,transparent 2px); background-size:180px 160px;animation:reactSkyDrift 18s linear infinite } .react-grid{ z-index:0;opacity:.19; background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px); background-size:46px 46px;mask-image:linear-gradient(to bottom,transparent 0,#000 35%,#000 100%); transform:perspective(450px) rotateX(61deg) scale(1.5) translateY(31%) } .react-character{ position:absolute;z-index:2;left:3%;bottom:4%;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto; align-items:center;column-gap:12px;max-width:310px;padding:12px 16px;color:#fff; border:1px solid rgba(255,255,255,.19);border-radius:20px;background:rgba(4,16,31,.36); backdrop-filter:blur(7px);pointer-events:none;box-shadow:0 12px 30px rgba(0,0,0,.18) } .react-character>span{grid-row:1/3;font-size:43px;filter:drop-shadow(0 0 13px var(--react-glow))} .react-character>b{font-size:13px;letter-spacing:.08em} .react-character>small{font-size:10px;line-height:1.35;color:#d9edfa} .react-target,.react-decoy{ position:absolute;z-index:8;display:grid;place-items:center;transform:translate(-50%,-50%);padding:0; border-radius:50%;color:#fff;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent } .react-target{ width:88px;height:88px;border:3px solid rgba(255,255,255,.94);font-size:38px; background:radial-gradient(circle at 35% 28%,#fff 0 5%,var(--react-accent) 25%,color-mix(in srgb,var(--react-accent) 70%,#071427) 72%); box-shadow:0 0 0 9px color-mix(in srgb,var(--react-accent) 20%,transparent),0 0 38px var(--react-glow),inset 0 0 19px rgba(255,255,255,.38); animation:reactTargetIn .2s ease-out,reactTargetPulse .62s ease-in-out infinite alternate } .react-stage[data-react-theme="finale"] .react-target{width:70px;height:70px;font-size:34px} .react-stage[data-react-theme="solar"] .react-target, .react-stage[data-react-theme="frost"] .react-target, .react-stage[data-react-theme="neon"] .react-target{width:78px;height:78px;font-size:34px} .react-target:active{transform:translate(-50%,-50%) scale(.87)} .react-decoy{ width:58px;height:58px;border:2px solid rgba(255,207,215,.88);font-size:23px; background:radial-gradient(circle at 35% 30%,#ffb2c0,#df274d 48%,#7b0f28); box-shadow:0 0 24px rgba(255,48,86,.65),inset 0 0 13px rgba(255,255,255,.27); animation:reactTargetIn .18s ease-out,reactDecoyPulse .8s ease-in-out infinite alternate } .react-feedback{ position:absolute;z-index:13;transform:translate(-50%,-50%);padding:7px 12px;border-radius:999px; color:#fff;font-size:15px;font-weight:950;pointer-events:none;animation:reactFeedback .62s ease-out forwards } .react-feedback.good{background:#0abf81;box-shadow:0 0 25px rgba(20,239,169,.65)} .react-feedback.bad{background:#db3156;box-shadow:0 0 25px rgba(255,50,91,.58)} .react-overlay{ position:absolute;z-index:20;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center; text-align:center;padding:26px;color:#fff;background:linear-gradient(145deg,rgba(4,14,30,.73),rgba(17,23,52,.65));backdrop-filter:blur(7px) } .react-overlay[hidden]{display:none} .react-overlay-icon{font-size:58px;filter:drop-shadow(0 0 20px var(--react-glow));animation:reactOverlayFloat 1.8s ease-in-out infinite alternate} .react-overlay h4{margin:9px 0 6px;font-size:clamp(25px,4vw,42px);letter-spacing:.03em} .react-overlay p{max-width:560px;margin:0 0 18px;color:#e8f6ff;font-size:14px;line-height:1.55} .react-overlay .btn{min-width:210px} .react-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:12px} .react-controls .game-actions{display:flex;gap:8px;flex:0 0 auto} .react-controls .game-help{margin:0;text-align:right} .react-rounds{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px} .react-rounds>span{ display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;min-width:0; padding:9px 10px;border:1px solid #dce7f0;border-radius:13px;background:#f8fbfe;color:#23435c;opacity:.68 } .react-rounds>span.active{opacity:1;border-color:var(--nova-cyan,#25b9dc);background:linear-gradient(145deg,#eaf9ff,#f8f4ff);box-shadow:0 6px 18px rgba(38,134,180,.12)} .react-rounds i{grid-row:1/3;font-style:normal;font-size:24px} .react-rounds b,.react-rounds small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .react-rounds b{font-size:11px}.react-rounds small{font-size:9px;color:#70879a} .react-shake{animation:reactStageShake .3s ease} body.dark-mode #moduleModal.nova-games-modal .react-rounds>span{background:#183a55!important;border-color:#52758d!important;color:#fff!important} body.dark-mode #moduleModal.nova-games-modal .react-rounds>span.active{background:#24506e!important;border-color:#6eddf3!important} body.dark-mode #moduleModal.nova-games-modal .react-rounds small{color:#c9dce9!important} @keyframes reactTargetIn{from{opacity:0;transform:translate(-50%,-50%) scale(.35)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}} @keyframes reactTargetPulse{to{box-shadow:0 0 0 14px color-mix(in srgb,var(--react-accent) 7%,transparent),0 0 52px var(--react-glow),inset 0 0 22px rgba(255,255,255,.45)}} @keyframes reactDecoyPulse{to{filter:brightness(1.16);box-shadow:0 0 34px rgba(255,48,86,.76),inset 0 0 15px rgba(255,255,255,.3)}} @keyframes reactFeedback{0%{opacity:0;transform:translate(-50%,-30%) scale(.7)}25%{opacity:1}100%{opacity:0;transform:translate(-50%,-130%) scale(1.06)}} @keyframes reactOverlayFloat{to{transform:translateY(-8px) scale(1.04)}} @keyframes reactSkyDrift{to{background-position:180px 160px}} @keyframes reactStageShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-7px)}55%{transform:translateX(7px)}80%{transform:translateX(-3px)}} @media(max-width:760px){ .react-main-card{padding:8px!important} .react-title-row{display:none!important} .react-hud{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-bottom:6px} .react-hud article{min-height:44px!important;padding:5px 3px!important} .react-hud small{font-size:6.5px!important} .react-hud strong{font-size:11px!important} #reactLives{font-size:9px!important;letter-spacing:0} .react-stage{border-radius:16px} .react-stage-top{min-height:48px;padding:5px 8px} .react-world{gap:7px} .react-world>span{width:35px;height:35px;border-radius:11px;font-size:19px} .react-world small{font-size:6.5px}.react-world b{font-size:12px} .react-progress{gap:4px}.react-progress i{width:7px;height:7px}.react-progress i.active{width:18px} .react-arena{height:min(64svh,570px);min-height:400px} .react-character{left:2%;bottom:2%;padding:7px 10px;border-radius:14px;max-width:230px;column-gap:8px} .react-character>span{font-size:29px}.react-character>b{font-size:9px}.react-character>small{font-size:7px} .react-target{width:72px;height:72px;font-size:31px} .react-decoy{width:48px;height:48px;font-size:19px} .react-stage[data-react-theme="finale"] .react-target{width:59px;height:59px;font-size:28px} .react-stage[data-react-theme="solar"] .react-target, .react-stage[data-react-theme="frost"] .react-target, .react-stage[data-react-theme="neon"] .react-target{width:62px;height:62px;font-size:27px} .react-overlay{padding:18px}.react-overlay-icon{font-size:43px}.react-overlay h4{font-size:25px} .react-overlay p{font-size:11px;max-width:330px}.react-overlay .btn{min-width:175px;padding:9px 12px!important} .react-controls{margin-top:6px;display:block} .react-controls .game-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px} .react-controls .btn{padding:6px 4px!important;font-size:8px!important;min-height:29px} .react-controls .game-help{margin-top:5px;text-align:center;font-size:7.5px!important;line-height:1.25} .react-rounds{display:none} .mobile-game-focus:has(.react-game) .nova-games-output{overflow:visible!important;padding:0!important} .mobile-game-focus .react-game,.mobile-game-focus .react-main-card{min-height:0!important} } @media(max-width:430px) and (max-height:740px){ .react-arena{height:55svh;min-height:340px} .react-character{display:none} } /* Desktop-Vollbild: dieselben fünf Zoomstufen bleiben aktiv. */ #moduleModal .nova-reader:fullscreen[data-font-scale] .nova-page-text, #moduleModal .nova-reader:fullscreen[data-font-scale] .nova-page-text p, #moduleModal .nova-reader:-webkit-full-screen[data-font-scale] .nova-page-text, #moduleModal .nova-reader:-webkit-full-screen[data-font-scale] .nova-page-text p{ font-size:var(--nova-reader-body-size)!important; } #moduleModal .nova-reader:fullscreen[data-font-scale] .nova-reader-book h2, #moduleModal .nova-reader:-webkit-full-screen[data-font-scale] .nova-reader-book h2{ font-size:var(--nova-reader-title-size)!important; } @media(max-width:700px){ .nova-reader[data-font-scale="1"]{ --nova-reader-body-size:18px; --nova-reader-title-size:28px; --nova-reader-kicker-size:11px; --nova-reader-support-size:14px; --nova-reader-option-size:13px; } .nova-reader[data-font-scale="2"]{ --nova-reader-body-size:20px; --nova-reader-title-size:32px; --nova-reader-kicker-size:12px; --nova-reader-support-size:16px; --nova-reader-option-size:14px; } .nova-reader[data-font-scale="3"]{ --nova-reader-body-size:22px; --nova-reader-title-size:36px; --nova-reader-kicker-size:13px; --nova-reader-support-size:18px; --nova-reader-option-size:16px; } .nova-reader[data-font-scale="4"]{ --nova-reader-body-size:24px; --nova-reader-title-size:40px; --nova-reader-kicker-size:14px; --nova-reader-support-size:20px; --nova-reader-option-size:18px; } .nova-reader[data-font-scale="5"]{ --nova-reader-body-size:27px; --nova-reader-title-size:44px; --nova-reader-kicker-size:16px; --nova-reader-support-size:22px; --nova-reader-option-size:20px; } /* Im kompakten Handy-Vollbild etwas kleiner, aber klar abgestuft. */ .nova-reader:fullscreen[data-font-scale="1"], .nova-reader:-webkit-full-screen[data-font-scale="1"]{ --nova-reader-body-size:15px; --nova-reader-title-size:25px; --nova-reader-kicker-size:10px; --nova-reader-support-size:13px; --nova-reader-option-size:12px; } .nova-reader:fullscreen[data-font-scale="2"], .nova-reader:-webkit-full-screen[data-font-scale="2"]{ --nova-reader-body-size:17px; --nova-reader-title-size:28px; --nova-reader-kicker-size:11px; --nova-reader-support-size:14px; --nova-reader-option-size:13px; } .nova-reader:fullscreen[data-font-scale="3"], .nova-reader:-webkit-full-screen[data-font-scale="3"]{ --nova-reader-body-size:19px; --nova-reader-title-size:31px; --nova-reader-kicker-size:12px; --nova-reader-support-size:16px; --nova-reader-option-size:15px; } .nova-reader:fullscreen[data-font-scale="4"], .nova-reader:-webkit-full-screen[data-font-scale="4"]{ --nova-reader-body-size:21px; --nova-reader-title-size:34px; --nova-reader-kicker-size:13px; --nova-reader-support-size:18px; --nova-reader-option-size:17px; } .nova-reader:fullscreen[data-font-scale="5"], .nova-reader:-webkit-full-screen[data-font-scale="5"]{ --nova-reader-body-size:23px; --nova-reader-title-size:37px; --nova-reader-kicker-size:14px; --nova-reader-support-size:20px; --nova-reader-option-size:19px; } #moduleModal .nova-reader:fullscreen[data-font-scale] .nova-page-kicker, #moduleModal .nova-reader:-webkit-full-screen[data-font-scale] .nova-page-kicker{ font-size:var(--nova-reader-kicker-size)!important; } #moduleModal .nova-reader:fullscreen[data-font-scale] .nova-clue, #moduleModal .nova-reader:-webkit-full-screen[data-font-scale] .nova-clue, #moduleModal .nova-reader:fullscreen[data-font-scale] .nova-crime-interaction, #moduleModal .nova-reader:-webkit-full-screen[data-font-scale] .nova-crime-interaction, #moduleModal .nova-reader:fullscreen[data-font-scale] .nova-time-decision, #moduleModal .nova-reader:-webkit-full-screen[data-font-scale] .nova-time-decision{ font-size:var(--nova-reader-support-size)!important; } } @media(max-width:620px){ .hero-speech-bubble{ top:53%!important; left:10px!important; width:min(190px,48%)!important; padding:11px 12px!important; font-size:13px!important; line-height:1.28!important; border-radius:15px!important; } .hero-speech-bubble::after{ right:-12px!important; bottom:16px!important; width:22px!important; height:18px!important; } } /* V11 – dauerhaft sichtbare Chat-Antwort-/Eingabeleiste */ .beta-chat-section .ai-askbar{ display:flex!important; align-items:center; gap:10px; width:100%; min-height:66px; margin:14px 0 0!important; padding:9px 10px; position:sticky; bottom:8px; z-index:12; border:1px solid rgba(72,174,255,.38); border-radius:18px; background:linear-gradient(135deg,rgba(5,25,52,.98),rgba(8,56,104,.98)); box-shadow:0 16px 38px rgba(3,26,58,.28),0 0 0 4px rgba(18,189,228,.06); backdrop-filter:blur(16px); } .beta-chat-section .ai-askbar input{ display:block!important; flex:1 1 auto; min-width:0; height:48px; padding:0 16px; border:1px solid rgba(255,255,255,.18); border-radius:13px; background:rgba(255,255,255,.1); color:#fff; outline:none; } .beta-chat-section .ai-askbar input::placeholder{color:#c7d9eb;opacity:1} .beta-chat-section .ai-askbar input:focus{border-color:#66d9ff;box-shadow:0 0 0 3px rgba(18,189,228,.16)} .beta-chat-section .ai-askbar .voice-btn, .beta-chat-section .ai-askbar button[type="submit"]{ display:grid!important; place-items:center; flex:0 0 48px; width:48px!important; height:48px; padding:0; border:0; border-radius:13px!important; color:#fff; cursor:pointer; } .beta-chat-section .ai-askbar .voice-btn{background:rgba(255,255,255,.13)!important} .beta-chat-section .ai-askbar button[type="submit"]{background:linear-gradient(135deg,#315cff,#20c6dd,#65cf45);font-size:22px} body.dark-mode .beta-chat-section .ai-askbar{background:linear-gradient(135deg,rgba(3,14,31,.98),rgba(5,38,72,.98));border-color:rgba(73,189,255,.42)} @media(max-width:650px){ .beta-chat-section .ai-askbar{bottom:78px;min-height:62px;padding:7px;border-radius:16px} .beta-chat-section .ai-askbar input{height:46px;padding:0 12px;font-size:14px} .beta-chat-section .ai-askbar .voice-btn,.beta-chat-section .ai-askbar button[type="submit"]{flex-basis:46px;width:46px!important;height:46px} } /* V11.1 – sichtbare Ergebnis-/Aktionsleiste unter dem Chat */ @media(max-width:650px){.beta-chat-section .assistant-result{margin-top:10px;padding:12px;border-radius:14px}.beta-chat-section .assistant-result .assistant-actions{display:grid;grid-template-columns:1fr}.beta-chat-section .assistant-result .assistant-actions .btn{width:100%}} /* V11.1 – externe Verlinkung für NOVA Vorschläge */ .nova-suggestion-link{display:block;color:inherit;text-decoration:none;border-radius:inherit} .nova-suggestion-link article{height:100%;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease} .nova-suggestion-link:hover article,.nova-suggestion-link:focus-visible article{transform:translateY(-2px);box-shadow:0 12px 28px rgba(20,50,90,.12)} .nova-suggestion-link small{display:block;margin-top:8px;font-weight:700;opacity:.7} /* ========================================================= NOVA AI V11.1 — Global Light/Dark Button & Card Optimization Basis: V11 Recipes Specific Links ========================================================= */ /* Shared interactive surfaces */ :root{ --ui-surface:#ffffff; --ui-surface-soft:#f7fbff; --ui-surface-hover:#eef6ff; --ui-text:#07152d; --ui-muted:#5f7088; --ui-border:#cfdceb; --ui-border-strong:#9fb9d5; --ui-accent:#2563eb; --ui-accent-2:#12bde4; --ui-accent-3:#65cf45; --ui-shadow:0 8px 22px rgba(17,60,105,.10); } /* Generic clickable controls across all modules */ button, .btn, .module-tabs button, .calculator-tabs button, .choice-grid button, .chips button, .country-quick button, .country-list button, .book-category-grid button, .finance-market-card, .restaurant-links a, .book-links a, .geo-action-grid button, .smart-life-action, .panel-wide-btn, .hero-command-dock button, .quick-grid button, .service-grid a, .tile, .premium-tile{ transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease,filter .18s ease; } /* Neutral light-mode buttons */ .module-tabs button, .calculator-tabs button, .choice-grid button, .chips button, .country-quick button, .country-list button, .book-category-grid button, .geo-action-grid button, .swap, .secondary{ background:var(--ui-surface); color:var(--ui-text); border:1px solid var(--ui-border); box-shadow:0 3px 10px rgba(17,60,105,.05); } .module-tabs button:hover, .calculator-tabs button:hover, .choice-grid button:hover, .chips button:hover, .country-quick button:hover, .country-list button:hover, .book-category-grid button:hover, .geo-action-grid button:hover, .swap:hover, .secondary:hover{ background:var(--ui-surface-hover); color:var(--ui-text); border-color:var(--ui-border-strong); box-shadow:var(--ui-shadow); } /* Selected state stays readable in both themes */ .module-tabs button.active, .calculator-tabs button.active, .choice-grid button.active, .book-category-grid button.active, button.active, [data-recipe-diet].active, [data-recipe-category].active{ background:linear-gradient(135deg,#2459ff,#12bde4 58%,#59ca55); color:#fff !important; border-color:transparent !important; box-shadow:0 8px 20px rgba(36,89,255,.22); } /* Disabled states: never white-on-white */ button:disabled, select:disabled, input:disabled{ opacity:.55; cursor:not-allowed; filter:saturate(.65); } /* Inputs/selects/textareas unified */ input, select, textarea, .module-filter input, .module-filter select, .form-grid input, .form-grid select, .currency-box input, .currency-box select, .calc-form input, .global-place input{ background:var(--ui-surface); color:var(--ui-text); border-color:var(--ui-border); } input::placeholder, textarea::placeholder{color:#7f8ea3} /* Focus visibility */ button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible{ outline:3px solid rgba(37,99,235,.28); outline-offset:2px; } /* Recipe module button readability */ .recipe-diet-tabs, .recipe-filter-tabs{ display:flex; flex-wrap:wrap; gap:10px; } .recipe-diet-tabs button, .recipe-filter-tabs button, [data-recipe-diet], [data-recipe-category]{ background:#f8fbff; color:#0b1c37; border:1px solid #cbd9ea; min-height:46px; font-weight:800; } .recipe-diet-tabs button:hover, .recipe-filter-tabs button:hover, [data-recipe-diet]:hover, [data-recipe-category]:hover{ background:#edf5ff; color:#07152d; border-color:#8eb7e8; } /* Cards and modal surfaces */ .modal-panel, .section-card, .result-box, .list-item, .book-card, .restaurant-card, .hour, .tile, .premium-tile, .info-panel, .module-output, .geo-open-card{ color:var(--ui-text); } /* Dark theme — support existing theme implementations: html[data-theme="dark"], body.dark-mode-theme, body.dark-mode */ html[data-theme="dark"], body.dark-mode-theme, body.dark-mode{ --ui-surface:#0d1f34; --ui-surface-soft:#102842; --ui-surface-hover:#173552; --ui-text:#f3f8ff; --ui-muted:#b8c8db; --ui-border:#35516d; --ui-border-strong:#5f82a5; --ui-shadow:0 10px 26px rgba(0,0,0,.28); } html[data-theme="dark"] .modal-panel, body.dark-mode-theme .modal-panel, body.dark-mode .modal-panel, html[data-theme="dark"] .section-card, body.dark-mode-theme .section-card, body.dark-mode .section-card{ background:#091a2d; color:var(--ui-text); border-color:#29435f; } html[data-theme="dark"] .module-output, body.dark-mode-theme .module-output, body.dark-mode .module-output, html[data-theme="dark"] .result-box, body.dark-mode-theme .result-box, body.dark-mode .result-box, html[data-theme="dark"] .list-item, body.dark-mode-theme .list-item, body.dark-mode .list-item, html[data-theme="dark"] .book-card, body.dark-mode-theme .book-card, body.dark-mode .book-card, html[data-theme="dark"] .restaurant-card, body.dark-mode-theme .restaurant-card, body.dark-mode .restaurant-card, html[data-theme="dark"] .hour, body.dark-mode-theme .hour, body.dark-mode .hour, html[data-theme="dark"] .tile, body.dark-mode-theme .tile, body.dark-mode .tile, html[data-theme="dark"] .premium-tile, body.dark-mode-theme .premium-tile, body.dark-mode .premium-tile, html[data-theme="dark"] .info-panel, body.dark-mode-theme .info-panel, body.dark-mode .info-panel, html[data-theme="dark"] .geo-open-card, body.dark-mode-theme .geo-open-card, body.dark-mode .geo-open-card{ background:var(--ui-surface); color:var(--ui-text); border-color:var(--ui-border); } html[data-theme="dark"] .module-tabs button, body.dark-mode-theme .module-tabs button, body.dark-mode .module-tabs button, html[data-theme="dark"] .calculator-tabs button, body.dark-mode-theme .calculator-tabs button, body.dark-mode .calculator-tabs button, html[data-theme="dark"] .choice-grid button, body.dark-mode-theme .choice-grid button, body.dark-mode .choice-grid button, html[data-theme="dark"] .chips button, body.dark-mode-theme .chips button, body.dark-mode .chips button, html[data-theme="dark"] .country-quick button, body.dark-mode-theme .country-quick button, body.dark-mode .country-quick button, html[data-theme="dark"] .country-list button, body.dark-mode-theme .country-list button, body.dark-mode .country-list button, html[data-theme="dark"] .book-category-grid button, body.dark-mode-theme .book-category-grid button, body.dark-mode .book-category-grid button, html[data-theme="dark"] .geo-action-grid button, body.dark-mode-theme .geo-action-grid button, body.dark-mode .geo-action-grid button, html[data-theme="dark"] .swap, body.dark-mode-theme .swap, body.dark-mode .swap, html[data-theme="dark"] .secondary, body.dark-mode-theme .secondary, body.dark-mode .secondary, html[data-theme="dark"] [data-recipe-diet], body.dark-mode-theme [data-recipe-diet], body.dark-mode [data-recipe-diet], html[data-theme="dark"] [data-recipe-category], body.dark-mode-theme [data-recipe-category], body.dark-mode [data-recipe-category]{ background:var(--ui-surface); color:var(--ui-text); border-color:var(--ui-border); box-shadow:none; } html[data-theme="dark"] .module-tabs button:hover, body.dark-mode-theme .module-tabs button:hover, body.dark-mode .module-tabs button:hover, html[data-theme="dark"] .calculator-tabs button:hover, body.dark-mode-theme .calculator-tabs button:hover, body.dark-mode .calculator-tabs button:hover, html[data-theme="dark"] .choice-grid button:hover, body.dark-mode-theme .choice-grid button:hover, body.dark-mode .choice-grid button:hover, html[data-theme="dark"] .chips button:hover, body.dark-mode-theme .chips button:hover, body.dark-mode .chips button:hover, html[data-theme="dark"] .country-quick button:hover, body.dark-mode-theme .country-quick button:hover, body.dark-mode .country-quick button:hover, html[data-theme="dark"] .country-list button:hover, body.dark-mode-theme .country-list button:hover, body.dark-mode .country-list button:hover, html[data-theme="dark"] .book-category-grid button:hover, body.dark-mode-theme .book-category-grid button:hover, body.dark-mode .book-category-grid button:hover, html[data-theme="dark"] .geo-action-grid button:hover, body.dark-mode-theme .geo-action-grid button:hover, body.dark-mode .geo-action-grid button:hover, html[data-theme="dark"] [data-recipe-diet]:hover, body.dark-mode-theme [data-recipe-diet]:hover, body.dark-mode [data-recipe-diet]:hover, html[data-theme="dark"] [data-recipe-category]:hover, body.dark-mode-theme [data-recipe-category]:hover, body.dark-mode [data-recipe-category]:hover{ background:var(--ui-surface-hover); color:#fff; border-color:var(--ui-border-strong); } html[data-theme="dark"] input, body.dark-mode-theme input, body.dark-mode input, html[data-theme="dark"] select, body.dark-mode-theme select, body.dark-mode select, html[data-theme="dark"] textarea, body.dark-mode-theme textarea, body.dark-mode textarea{ background:#0b1c30 !important; color:#f3f8ff !important; border-color:#35516d !important; } html[data-theme="dark"] input::placeholder, body.dark-mode-theme input::placeholder, body.dark-mode input::placeholder, html[data-theme="dark"] textarea::placeholder, body.dark-mode-theme textarea::placeholder, body.dark-mode textarea::placeholder{ color:#94a9c1 !important; } html[data-theme="dark"] .module-intro, body.dark-mode-theme .module-intro, body.dark-mode .module-intro, html[data-theme="dark"] .assistant-subline, body.dark-mode-theme .assistant-subline, body.dark-mode .assistant-subline, html[data-theme="dark"] .list-item small, body.dark-mode-theme .list-item small, body.dark-mode .list-item small{ color:var(--ui-muted); } /* Mobile: keep buttons comfortably readable */ @media(max-width:650px){ .module-tabs button, .calculator-tabs button, .choice-grid button, .chips button, [data-recipe-diet], [data-recipe-category]{ min-height:44px; padding:11px 13px; } } /* Visible version marker in footer/brand remains V11.1 only. */ /* ========================================================= V11.1 FINAL HOVER FIX Rezept-Buttons und Auswahlkacheln bleiben beim Hover kontrastreich und wechseln NICHT auf weiß/zu hell. ========================================================= */ /* Rezept-Ernährungsfilter – Light */ .recipe-diets button, .module-tabs.recipe-diets button{ background:#f7fbff !important; color:#07152d !important; border:1px solid #cbd9ea !important; box-shadow:0 4px 12px rgba(17,60,105,.06) !important; } .recipe-diets button:hover, .module-tabs.recipe-diets button:hover{ background:#eef5ff !important; color:#07152d !important; border-color:#8eb7e8 !important; box-shadow:0 8px 18px rgba(17,60,105,.10) !important; transform:translateY(-1px); } .recipe-diets button.active, .module-tabs.recipe-diets button.active{ background:linear-gradient(135deg,#2459ff,#12bde4 58%,#59ca55) !important; color:#ffffff !important; border-color:transparent !important; box-shadow:0 8px 20px rgba(36,89,255,.22) !important; } /* Aktiver Button bleibt auch beim Hover aktiv */ .recipe-diets button.active:hover, .module-tabs.recipe-diets button.active:hover{ background:linear-gradient(135deg,#2459ff,#12bde4 58%,#59ca55) !important; color:#ffffff !important; border-color:transparent !important; filter:brightness(1.04); } /* Rezept-Kategorie-Kacheln – Light */ .recipe-categories button, .local-choice-grid.recipe-categories button{ background:#f5f9fe !important; color:#07152d !important; border:1px solid #cbd9ea !important; box-shadow:0 6px 18px rgba(30,76,124,.06) !important; } .recipe-categories button:hover, .local-choice-grid.recipe-categories button:hover{ background:#edf5ff !important; color:#07152d !important; border-color:#79a9df !important; box-shadow:0 10px 24px rgba(30,76,124,.12) !important; transform:translateY(-2px); } .recipe-categories button.active, .local-choice-grid.recipe-categories button.active{ background:linear-gradient(135deg,#2459ff,#12bde4 58%,#59ca55) !important; color:#fff !important; border-color:transparent !important; } .recipe-categories button.active:hover, .local-choice-grid.recipe-categories button.active:hover{ background:linear-gradient(135deg,#2459ff,#12bde4 58%,#59ca55) !important; color:#fff !important; border-color:transparent !important; filter:brightness(1.04); } /* Dark Mode – Rezept-Ernährungsfilter */ body.dark-mode .recipe-diets button, body.dark-mode .module-tabs.recipe-diets button{ background:#0d1f34 !important; color:#f3f8ff !important; border-color:#35516d !important; box-shadow:none !important; } body.dark-mode .recipe-diets button:hover, body.dark-mode .module-tabs.recipe-diets button:hover{ background:#173552 !important; color:#ffffff !important; border-color:#5f82a5 !important; box-shadow:0 8px 20px rgba(0,0,0,.22) !important; } body.dark-mode .recipe-diets button.active, body.dark-mode .module-tabs.recipe-diets button.active, body.dark-mode .recipe-diets button.active:hover, body.dark-mode .module-tabs.recipe-diets button.active:hover{ background:linear-gradient(135deg,#1748c9,#0e82c8 58%,#2e9f57) !important; color:#ffffff !important; border-color:#397eff !important; box-shadow:0 0 0 1px rgba(72,130,255,.28),0 8px 20px rgba(0,0,0,.22) !important; } /* Dark Mode – Kategorie-Kacheln */ body.dark-mode .recipe-categories button, body.dark-mode .local-choice-grid.recipe-categories button{ background:#0d1f34 !important; color:#f3f8ff !important; border-color:#35516d !important; box-shadow:none !important; } body.dark-mode .recipe-categories button:hover, body.dark-mode .local-choice-grid.recipe-categories button:hover{ background:#173552 !important; color:#ffffff !important; border-color:#5f82a5 !important; box-shadow:0 8px 20px rgba(0,0,0,.24) !important; } body.dark-mode .recipe-categories button.active, body.dark-mode .local-choice-grid.recipe-categories button.active, body.dark-mode .recipe-categories button.active:hover, body.dark-mode .local-choice-grid.recipe-categories button.active:hover{ background:linear-gradient(135deg,#1748c9,#0e82c8 58%,#2e9f57) !important; color:#ffffff !important; border-color:#397eff !important; } /* Text in den Rezept-Kacheln immer lesbar */ .recipe-categories button b, .recipe-diets button{ text-shadow:none !important; } body.dark-mode .recipe-categories button b{ color:inherit !important; } /* Select und Zutatenfeld passend zum Theme */ body.dark-mode #recipeCuisine, body.dark-mode #recipeIngredients{ background:#0b1c30 !important; color:#f3f8ff !important; border-color:#35516d !important; } /* V11.2 – NOVA AI Avatar + kompakte Sprechblase im Hover-Look */ .nova-ai-stage{position:relative} .ai-visual-wrap{position:relative;isolation:isolate} .ai-visual-wrap img{transition:transform .28s ease,filter .28s ease} .ai-visual-wrap:hover img{transform:translateY(-3px) scale(1.012);filter:drop-shadow(0 22px 34px rgba(15,92,190,.28))} .hero-speech-bubble{ position:absolute;z-index:8;top:20%;left:3%; width:min(220px,38%);padding:13px 16px;border-radius:18px; background:rgba(255,255,255,.92);border:1px solid rgba(62,145,255,.25); box-shadow:0 14px 34px rgba(15,70,135,.18); backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px); color:#10213b;font-size:13px;line-height:1.38; transform:translateY(0);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease; } .hero-speech-bubble span{display:block} .hero-speech-bubble strong,.hero-speech-bubble b{color:#1672ee} .hero-speech-bubble:after{ content:"";position:absolute;right:-9px;top:58%; width:18px;height:18px;background:inherit;border-top:1px solid rgba(62,145,255,.25); border-right:1px solid rgba(62,145,255,.25);transform:rotate(45deg); } .hero-speech-bubble:hover{ transform:translateY(-4px);border-color:rgba(37,123,255,.55); box-shadow:0 20px 44px rgba(15,70,135,.25),0 0 0 4px rgba(31,128,255,.06) } body.dark-mode .hero-speech-bubble{ background:rgba(7,28,56,.90);color:#edf7ff;border-color:rgba(85,180,255,.34); box-shadow:0 16px 38px rgba(0,0,0,.34) } @media(max-width:760px){ .nova-ai-stage{padding-top:0} .hero-speech-bubble{ top:34%;left:4%;width:148px;padding:9px 11px;border-radius:14px; font-size:10.5px;line-height:1.28 } .hero-speech-bubble:after{right:-6px;width:12px;height:12px} .ai-visual-wrap img{max-width:100%} } @media(max-width:430px){ .hero-speech-bubble{top:36%;left:2%;width:132px;font-size:9.8px;padding:8px 9px} } /* ========================================================= NOVA AI V12.2 — New Avatar + Speech Bubble Without Arrow ========================================================= */ /* New portrait presentation */ .nova-ai-stage{ position:relative; overflow:visible; } .ai-visual-wrap{ position:relative; display:flex; align-items:flex-end; justify-content:center; min-height:470px; overflow:visible; } .ai-visual-wrap img{ display:block; width:auto; height:470px; max-width:100%; object-fit:contain; object-position:center bottom; filter:drop-shadow(0 24px 34px rgba(26,80,132,.20)); } /* Bubble placed beside avatar, never over the face */ .hero-speech-bubble{ position:absolute; z-index:8; top:20%; right:-2%; left:auto; width:min(240px,36%); padding:14px 16px; border-radius:18px; background:rgba(255,255,255,.92); border:1px solid rgba(62,145,255,.28); box-shadow:0 14px 34px rgba(15,70,135,.18); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); color:#10213b; font-size:13px; line-height:1.4; transform:none; } /* Explicitly remove any speech bubble pointer / arrow */ .hero-speech-bubble::before, .hero-speech-bubble::after{ content:none !important; display:none !important; } .hero-speech-bubble:hover{ transform:translateY(-4px); border-color:rgba(37,123,255,.52); box-shadow:0 20px 44px rgba(15,70,135,.24),0 0 0 4px rgba(31,128,255,.05); } body.dark-mode .hero-speech-bubble{ background:rgba(7,28,56,.90); color:#edf7ff; border-color:rgba(85,180,255,.34); box-shadow:0 16px 38px rgba(0,0,0,.34); } /* Tablet */ @media(max-width:1100px){ .ai-visual-wrap{min-height:430px} .ai-visual-wrap img{height:430px} .hero-speech-bubble{ top:18%; right:1%; width:min(210px,34%); } } /* Mobile: avatar remains fully visible; bubble sits beside/under shoulder area, not on face */ @media(max-width:760px){ .nova-ai-stage{ display:grid; grid-template-columns:minmax(0,1fr) 132px; align-items:center; column-gap:10px; } .ai-visual-wrap{ min-height:360px; justify-content:center; } .ai-visual-wrap img{ height:360px; max-width:100%; object-fit:contain; object-position:center bottom; } .hero-speech-bubble{ position:relative; top:auto; right:auto; left:auto; width:100%; align-self:center; padding:10px 11px; border-radius:14px; font-size:10.5px; line-height:1.32; margin:0; } .hero-command-dock, .hero-quick-ask, .ai-online-badge{ grid-column:1 / -1; } } @media(max-width:430px){ .nova-ai-stage{ grid-template-columns:minmax(0,1fr) 116px; column-gap:8px; } .ai-visual-wrap{ min-height:320px; } .ai-visual-wrap img{ height:320px; } .hero-speech-bubble{ font-size:9.7px; padding:9px 9px; } } /* ========================================================= NOVA AI V11.3 — Wetter Kontrast + Live Regenradar ========================================================= */ /* Stundenkarten: im Hellmodus auf dunklem Hintergrund immer klar lesbar */ body:not(.dark-mode) #weather .hourly .hour{ background:linear-gradient(180deg,#071d38,#082746) !important; border-color:#17466d !important; color:#ffffff !important; box-shadow:0 8px 20px rgba(6,32,61,.14); } body:not(.dark-mode) #weather .hourly .hour small, body:not(.dark-mode) #weather .hourly .hour span, body:not(.dark-mode) #weather .hourly .hour strong, body:not(.dark-mode) #weather .hourly .hour b{ color:#ffffff !important; opacity:1 !important; } body:not(.dark-mode) #weather .hourly .hour small{ color:#bcd9f2 !important; } body:not(.dark-mode) #weather .hourly .hour span{ color:#58d8ff !important; } body:not(.dark-mode) #weather .hourly .hour strong{ font-size:17px; font-weight:800; } /* Auch im Dunkelmodus hohe Lesbarkeit */ body.dark-mode #weather .hourly .hour{ background:linear-gradient(180deg,#06192d,#082541) !important; border-color:#173c5e !important; color:#fff !important; } body.dark-mode #weather .hourly .hour small, body.dark-mode #weather .hourly .hour span, body.dark-mode #weather .hourly .hour strong, body.dark-mode #weather .hourly .hour b{ opacity:1 !important; } /* Regenradar */ .weather-radar-panel{ margin-top:20px; padding:20px; border:1px solid #d5e3f0; border-radius:20px; background:linear-gradient(145deg,#f9fcff,#ffffff); box-shadow:0 10px 28px rgba(28,78,128,.08); } .weather-radar-head{ display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:14px; } .weather-radar-head h3{ margin:5px 0 4px; font:700 23px/1.15 "Space Grotesk",sans-serif; color:#07152d; } .weather-radar-head p{ margin:0; color:#5b6f86; font-size:13px; } .weather-radar-external{ flex:0 0 auto; white-space:nowrap; } .weather-radar-frame{ position:relative; width:100%; aspect-ratio:16/7; min-height:360px; overflow:hidden; border-radius:16px; border:1px solid #c9dceb; background:#071b31; } .weather-radar-frame iframe{ display:block; width:100%; height:100%; min-height:360px; border:0; } .weather-radar-note{ margin:10px 2px 0; font-size:11px; color:#6c7f93; } /* Dark Mode Radar */ body.dark-mode .weather-radar-panel{ background:linear-gradient(145deg,#071a2d,#091f36); border-color:#274963; box-shadow:0 12px 30px rgba(0,0,0,.22); } body.dark-mode .weather-radar-head h3{color:#f4f9ff} body.dark-mode .weather-radar-head p, body.dark-mode .weather-radar-note{color:#afc4d8} body.dark-mode .weather-radar-frame{border-color:#2c5877} /* Mobile */ @media(max-width:760px){ .weather-radar-panel{padding:14px;margin-top:16px} .weather-radar-head{ align-items:flex-start; flex-direction:column; } .weather-radar-external{width:100%} .weather-radar-frame{ aspect-ratio:4/5; min-height:430px; } .weather-radar-frame iframe{min-height:430px} } /* ========================================================= NOVA AI V11.4 — DWD Open Data Regenradar ========================================================= */ .weather-radar-map{ width:100%; height:420px; border-radius:16px; overflow:hidden; border:1px solid #c9dceb; background:#dce8f2; } .weather-radar-map .leaflet-control-attribution{ font-size:10px; } .weather-radar-legend{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-top:10px; padding:10px 12px; border-radius:12px; background:#f3f8fd; border:1px solid #d8e4ef; color:#53677f; font-size:11px; } .weather-radar-legend span{ display:inline-flex; align-items:center; gap:6px; } .weather-radar-legend .radar-source{ margin-left:auto; font-weight:700; } .radar-dot{ width:10px; height:10px; border-radius:50%; display:inline-block; } .radar-low{background:#57c7ff} .radar-mid{background:#2a79ff} .radar-high{background:#8f43e8} body.dark-mode .weather-radar-map{ border-color:#2c5877; background:#081827; } body.dark-mode .weather-radar-legend{ background:#0d2238; border-color:#284963; color:#b7c9da; } @media(max-width:760px){ .weather-radar-map{height:460px} .weather-radar-legend .radar-source{ width:100%; margin-left:0; } } /* V11.4 RadarFix — stabile vollständige Leaflet-Darstellung */ .weather-radar-panel{overflow:visible} .weather-radar-map{ position:relative; isolation:isolate; min-height:420px; height:420px; } .weather-radar-map .leaflet-container, .weather-radar-map .leaflet-map-pane, .weather-radar-map .leaflet-tile-pane{ width:100%; height:100%; } .weather-radar-map .leaflet-tile{ image-rendering:auto; } @media(max-width:760px){ .weather-radar-map{ min-height:440px; height:440px; } } /* ========================================================= NOVA AI V11.4 RadarFix3 — DWD WMS als direktes Radarbild Kein Leaflet/WMS-Tile-Rendering mehr nötig. ========================================================= */ .weather-radar-image-wrap{ position:relative; width:100%; min-height:420px; overflow:hidden; border-radius:16px; border:1px solid #c9dceb; background:linear-gradient(145deg,#dfeaf4,#edf5fb); display:grid; place-items:center; } .weather-radar-image-wrap img{ display:block; width:100%; height:auto; min-height:420px; object-fit:cover; opacity:0; transition:opacity .25s ease; } .weather-radar-image-wrap img.loaded{opacity:1} .weather-radar-loading, .weather-radar-error{ position:absolute; inset:0; display:grid; place-items:center; text-align:center; padding:24px; color:#36516b; background:linear-gradient(145deg,rgba(244,249,253,.94),rgba(230,240,249,.94)); } .weather-radar-error{ align-content:center; gap:7px; } .weather-radar-error strong{font-size:18px;color:#173653} .weather-radar-error span{font-size:13px;color:#63798e} .weather-radar-error[hidden], .weather-radar-loading[hidden]{display:none!important} body.dark-mode .weather-radar-image-wrap{ border-color:#2c5877; background:#081827; } body.dark-mode .weather-radar-loading, body.dark-mode .weather-radar-error{ color:#c8d9e8; background:linear-gradient(145deg,rgba(7,24,41,.95),rgba(10,34,57,.95)); } body.dark-mode .weather-radar-error strong{color:#f2f8ff} body.dark-mode .weather-radar-error span{color:#afc3d5} @media(max-width:760px){ .weather-radar-image-wrap{min-height:300px} .weather-radar-image-wrap img{min-height:300px} } /* ========================================================= NOVA AI V11.5 — Bright Sky Regenradar ========================================================= */ .brightsky-radar .weather-radar-controls{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; } .weather-radar-canvas-wrap{ position:relative; width:100%; min-height:420px; overflow:hidden; border-radius:18px; border:1px solid #bdd1e3; background:#081b31; box-shadow:inset 0 0 45px rgba(0,0,0,.24); } #weatherRadarCanvas{ display:block; width:100%; height:420px; background:#081b31; } .weather-radar-center{ position:absolute; left:50%; top:50%; width:28px; height:28px; transform:translate(-50%,-50%); border:2px solid #fff; border-radius:50%; box-shadow:0 0 0 5px rgba(31,153,255,.22),0 0 24px rgba(31,153,255,.55); pointer-events:none; } .weather-radar-center:before, .weather-radar-center:after{ content:""; position:absolute; background:#fff; opacity:.85; } .weather-radar-center:before{width:1px;height:44px;left:50%;top:-10px} .weather-radar-center:after{height:1px;width:44px;top:50%;left:-10px} .weather-radar-center span{ position:absolute; width:6px; height:6px; border-radius:50%; background:#56d9ff; left:50%; top:50%; transform:translate(-50%,-50%); } .weather-radar-time{ position:absolute; left:14px; bottom:14px; padding:8px 11px; border-radius:10px; background:rgba(3,17,32,.78); color:#fff; font-size:12px; font-weight:800; backdrop-filter:blur(8px); } .weather-radar-loading, .weather-radar-error{ position:absolute; inset:0; display:grid; place-items:center; align-content:center; gap:8px; padding:24px; text-align:center; color:#dcecff; background:linear-gradient(145deg,rgba(5,22,41,.96),rgba(9,42,73,.96)); z-index:4; } .weather-radar-error[hidden], .weather-radar-loading[hidden]{display:none!important} .weather-radar-error strong{font-size:18px;color:#fff} .weather-radar-error span{font-size:13px;color:#c5d9ea} .weather-radar-legend{ display:flex; gap:12px; flex-wrap:wrap; align-items:center; margin-top:10px; padding:10px 12px; border:1px solid #d5e2ee; border-radius:13px; background:#f5f9fd; color:#52677f; font-size:11px; } .radar-scale{ width:14px; height:10px; display:inline-block; border-radius:3px; } .r0{background:#081b31} .r1{background:#44beff} .r2{background:#2577ff} .r3{background:#7544e0} .r4{background:#e83a95} .weather-radar-legend .radar-source{ margin-left:auto; font-weight:800; } body.dark-mode .weather-radar-legend{ background:#0b2035; color:#bfd0df; border-color:#294a65; } @media(max-width:760px){ .weather-radar-head{align-items:flex-start} .brightsky-radar .weather-radar-controls{width:100%} .brightsky-radar .weather-radar-controls .btn{flex:1} #weatherRadarCanvas{height:340px} .weather-radar-canvas-wrap{min-height:340px} .weather-radar-legend .radar-source{width:100%;margin-left:0} } /* ========================================================= NOVA AI V11.6 — OpenStreetMap + Bright Sky Radar Overlay ========================================================= */ .weather-radar-map-wrap{ position:relative; width:100%; height:470px; min-height:470px; overflow:hidden; border-radius:18px; border:1px solid #bdd1e3; background:#dce8f2; } #weatherRadarMap{ position:absolute; inset:0; width:100%; height:100%; z-index:1; } .weather-radar-map-wrap .leaflet-container{ width:100%; height:100%; background:#dce8f2; font-family:Inter,Arial,sans-serif; } .weather-radar-map-wrap .leaflet-tile-pane{ filter:saturate(.82) contrast(.96) brightness(1.04); } .weather-radar-map-wrap .nova-brightsky-radar-overlay{ image-rendering:auto; mix-blend-mode:multiply; } .weather-radar-map-wrap .weather-radar-center, .weather-radar-map-wrap .weather-radar-time, .weather-radar-map-wrap .weather-radar-loading, .weather-radar-map-wrap .weather-radar-error{ z-index:500; } .weather-radar-map-wrap .weather-radar-error{ pointer-events:none; inset:auto 16px 16px 16px; border-radius:14px; min-height:86px; background:rgba(7,27,49,.92); } .weather-radar-map-wrap .weather-radar-error[hidden], .weather-radar-map-wrap .weather-radar-loading[hidden]{display:none!important} .weather-radar-map-wrap .weather-radar-loading{ background:rgba(7,27,49,.72); backdrop-filter:blur(4px); } .weather-radar-map-wrap .leaflet-control-attribution{ font-size:9px; } body.dark-mode .weather-radar-map-wrap{ border-color:#2c5877; background:#071827; } body.dark-mode .weather-radar-map-wrap .leaflet-tile-pane{ filter:saturate(.68) brightness(.72) contrast(1.14); } body.dark-mode .weather-radar-map-wrap .nova-brightsky-radar-overlay{ mix-blend-mode:screen; opacity:.88!important; } @media(max-width:760px){ .weather-radar-map-wrap{ height:390px; min-height:390px; } } @media(max-width:430px){ .weather-radar-map-wrap{ height:350px; min-height:350px; } } /* V11.7 Bright Sky Radar Fix */ .weather-radar-map-wrap .nova-brightsky-radar-overlay{ mix-blend-mode:normal !important; opacity:.82 !important; image-rendering:pixelated; } body.dark-mode .weather-radar-map-wrap .nova-brightsky-radar-overlay{ mix-blend-mode:normal !important; opacity:.9 !important; } .weather-radar-map-wrap .leaflet-image-layer{ pointer-events:none; } /* V11.8 RadarFix2 — vollständigeres Karten-Tile-Rendering */ .weather-radar-map-wrap .leaflet-map-pane, .weather-radar-map-wrap .leaflet-tile-pane, .weather-radar-map-wrap .leaflet-overlay-pane{ width:100%; height:100%; } .weather-radar-map-wrap .leaflet-tile{ image-rendering:auto; backface-visibility:hidden; } .weather-radar-map-wrap{ contain:layout paint; } /* ========================================================= NOVA AI V11.9 — Bright Sky Niederschlagsmonitor ========================================================= */ .brightsky-monitor{ overflow:hidden; } .precip-summary-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:16px 0; } .precip-summary-grid--nowcast{grid-template-columns:repeat(6,minmax(0,1fr));} .precip-summary-grid--nowcast .precip-summary-card{min-width:0;padding:14px 12px;} .precip-summary-grid--nowcast .precip-summary-card strong{font-size:22px;} .precip-summary-card{ padding:16px; border:1px solid #d4e1ed; border-radius:16px; background:linear-gradient(145deg,#f8fbff,#ffffff); display:grid; gap:5px; } .precip-summary-card small{ color:#63778e; font-size:11px; font-weight:700; } .precip-summary-card strong{ font-size:24px; color:#0b2343; } .precip-summary-card span{ font-size:12px; font-weight:800; } .precip-level.dry{color:#58a5c7} .precip-level.light{color:#2b95db} .precip-level.medium{color:#6a62d9} .precip-level.strong{color:#d93c85} .precip-timeline-wrap{ border:1px solid #d4e1ed; border-radius:16px; overflow:hidden; background:#f8fbff; } .precip-timeline-head{ display:grid; grid-template-columns:80px 1fr; gap:12px; padding:11px 14px; font-size:11px; font-weight:800; color:#597086; border-bottom:1px solid #dce6ef; } .precip-timeline{ display:grid; } .precip-row{ display:grid; grid-template-columns:72px minmax(120px,1fr) 76px 72px; gap:12px; align-items:center; padding:10px 14px; border-bottom:1px solid #e2eaf2; } .precip-row:last-child{border-bottom:0} .precip-row time{ font-size:12px; font-weight:700; color:#385169; } .precip-row strong{ font-size:12px; text-align:right; color:#132b46; } .precip-bar-track{ height:12px; border-radius:999px; background:#e8eef5; overflow:hidden; } .precip-bar{ height:100%; border-radius:999px; min-width:3px; } .precip-bar.dry{background:#a8cfe3} .precip-bar.light{background:#4fb6ef} .precip-bar.medium{background:#7169e4} .precip-bar.strong{background:#e54c91} .precip-empty{ min-height:100px; display:grid; place-items:center; gap:6px; padding:22px; text-align:center; color:#63778e; } .precip-empty strong{color:#17334e} .precip-legend{ display:flex; gap:12px; flex-wrap:wrap; align-items:center; margin-top:10px; padding:10px 12px; border:1px solid #d5e2ee; border-radius:13px; background:#f5f9fd; color:#52677f; font-size:11px; } .precip-dot{ width:10px; height:10px; display:inline-block; border-radius:50%; } .precip-dot.dry{background:#a8cfe3} .precip-dot.light{background:#4fb6ef} .precip-dot.medium{background:#7169e4} .precip-dot.strong{background:#e54c91} .precip-legend .radar-source{ margin-left:auto; font-weight:800; } body.dark-mode .precip-summary-card{ background:linear-gradient(145deg,#0b2035,#0c2740); border-color:#284963; } body.dark-mode .precip-summary-card small{color:#aabed1} body.dark-mode .precip-summary-card strong{color:#f3f8ff} body.dark-mode .precip-timeline-wrap{ background:#091d31; border-color:#284963; } body.dark-mode .precip-timeline-head{ color:#aabed1; border-bottom-color:#29465f; } body.dark-mode .precip-row{ border-bottom-color:#243f58; } body.dark-mode .precip-row time, body.dark-mode .precip-row strong{color:#e6f0f8} body.dark-mode .precip-bar-track{background:#173149} body.dark-mode .precip-empty{color:#adc0d2} body.dark-mode .precip-empty strong{color:#f2f8ff} body.dark-mode .precip-legend{ background:#0b2035; color:#bfd0df; border-color:#294a65; } @media(max-width:1100px){ .precip-summary-grid--nowcast{grid-template-columns:repeat(3,minmax(0,1fr))} } @media(max-width:900px){ .precip-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:650px){ .precip-summary-grid{grid-template-columns:1fr 1fr} .precip-summary-grid--nowcast{grid-template-columns:repeat(2,minmax(0,1fr))} .precip-row{ grid-template-columns:58px 1fr 58px; gap:8px; } .precip-row .precip-level{ grid-column:2 / -1; justify-self:start; font-size:10px; } .precip-legend .radar-source{ width:100%; margin-left:0; } } /* NOVA AI V12.0 — erweiterter Niederschlagsmonitor 2h + 24h + 48h */ .precip-extended-grid{display:grid;gap:14px;margin-top:16px} .precip-forecast-panel{ border:1px solid #d4e1ed;border-radius:16px;background:#f8fbff;padding:14px;overflow:hidden } .precip-forecast-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:12px} .precip-forecast-head small{font-size:10px;font-weight:900;letter-spacing:.1em;color:#0878df} .precip-forecast-head h4{margin:3px 0 0;color:#0b2343;font-size:17px} .precip-forecast-head>span{font-size:11px;font-weight:800;color:#5f7489} .precip-hourly-scroll{ display:grid;grid-auto-flow:column;grid-auto-columns:minmax(74px,1fr);gap:8px; overflow-x:auto;padding:4px 2px 10px;scrollbar-width:thin } .precip-hour-card{ min-height:190px;border:1px solid #dce6ef;border-radius:13px;background:#fff; padding:9px 7px;display:grid;grid-template-rows:auto 1fr auto auto;gap:6px;text-align:center } .precip-hour-card time{font-size:11px;font-weight:800;color:#385169} .precip-hour-card strong{font-size:11px;color:#132b46} .precip-hour-card span{font-size:9px;font-weight:900;text-transform:uppercase} .precip-hour-barbox{ height:105px;display:flex;align-items:flex-end;justify-content:center; border-radius:9px;background:linear-gradient(to top,#edf3f8,#f8fbfd);overflow:hidden;padding:0 12px } .precip-hour-bar{width:100%;min-height:4px;border-radius:6px 6px 2px 2px} .precip-hour-bar.dry{background:#a8cfe3} .precip-hour-bar.light{background:#4fb6ef} .precip-hour-bar.medium{background:#7169e4} .precip-hour-bar.strong{background:#e54c91} .precip-hourly-scroll.compact{grid-auto-columns:minmax(64px,1fr)} .precip-hourly-scroll.compact .precip-hour-card{min-height:165px} .precip-hourly-scroll.compact .precip-hour-barbox{height:82px} body.dark-mode .precip-forecast-panel{background:#091d31;border-color:#284963} body.dark-mode .precip-forecast-head h4{color:#f3f8ff} body.dark-mode .precip-forecast-head>span{color:#adc0d2} body.dark-mode .precip-hour-card{background:#0c2740;border-color:#294a65} body.dark-mode .precip-hour-card time,body.dark-mode .precip-hour-card strong{color:#e6f0f8} body.dark-mode .precip-hour-barbox{background:linear-gradient(to top,#102d47,#0b2035)} @media(max-width:650px){ .precip-forecast-head{align-items:flex-start;flex-direction:column;gap:6px} .precip-hourly-scroll{grid-auto-columns:72px} .precip-hourly-scroll.compact{grid-auto-columns:66px} } /* V12.1 — externer Regenradar-Link */ .precip-head-actions{ display:flex; align-items:center; justify-content:flex-end; gap:8px; flex-wrap:wrap; } .precip-head-actions a.btn{ text-decoration:none; white-space:nowrap; } @media(max-width:650px){ .precip-head-actions{ width:100%; } .precip-head-actions .btn{ flex:1; text-align:center; } } /* ========================================================= NOVA AI V12.4 — größere, besser lesbare Schriften in Kacheln ========================================================= */ /* Haupt-Kacheln */ .tile h3, .card h3, .dashboard-card h3, .category-card h3, .feature-card h3{ font-size:clamp(17px,1.35vw,21px); line-height:1.25; } .tile p, .card p, .dashboard-card p, .category-card p, .feature-card p{ font-size:clamp(13px,1vw,15px); line-height:1.55; } /* Untertitel, Beschreibungen und kleine Infotexte */ .tile small, .card small, .dashboard-card small, .category-card small, .feature-card small{ font-size:12px; line-height:1.4; } /* Kachel-Buttons und Auswahl-Buttons */ .tile .btn, .card .btn, .dashboard-card .btn, .category-card .btn, .feature-card .btn, .chip, .pill, .filter-btn{ font-size:13px; line-height:1.25; font-weight:700; } /* Wetter-, Rezept- und Inhaltskacheln */ .weather-card h4, .recipe-card h4, .result-card h4, .tip-card h4{ font-size:16px; line-height:1.3; } .weather-card p, .recipe-card p, .result-card p, .tip-card p{ font-size:13px; line-height:1.5; } /* Lesbarkeit im Dunkelmodus */ body.dark-mode .tile p, body.dark-mode .card p, body.dark-mode .dashboard-card p, body.dark-mode .category-card p, body.dark-mode .feature-card p{ color:var(--muted,#b9c9d8); } /* Mobile: größer, aber weiterhin kompakt */ @media(max-width:760px){ .tile h3, .card h3, .dashboard-card h3, .category-card h3, .feature-card h3{ font-size:18px; } .tile p, .card p, .dashboard-card p, .category-card p, .feature-card p{ font-size:14px; } .tile .btn, .card .btn, .dashboard-card .btn, .category-card .btn, .feature-card .btn, .chip, .pill, .filter-btn{ font-size:13px; } } /* ========================================================= NOVA AI V12.5 — Mobile Avatar & Sprechblasen Fix ========================================================= */ /* Desktop: Blase kompakt halten und nicht über das Gesicht legen */ .hero-avatar-wrap, .avatar-wrap, .ai-avatar-wrap{ position:relative; } .speech-bubble, .avatar-speech, .ai-speech-bubble{ max-width:min(330px,34vw); min-width:180px; width:auto; line-height:1.35; overflow-wrap:normal; word-break:normal; white-space:normal; } /* Mobile */ @media(max-width:760px){ /* Avatarbereich kompakter und vollständig sichtbar */ .hero-avatar-wrap, .avatar-wrap, .ai-avatar-wrap{ width:100%; min-height:0; position:relative; overflow:visible; } .hero-avatar-wrap img, .avatar-wrap img, .ai-avatar-wrap img, .hero-avatar, .nova-avatar{ display:block; width:min(72vw,330px) !important; max-width:330px !important; height:auto !important; max-height:430px; object-fit:contain !important; object-position:center top !important; margin:0 auto !important; } /* Sprechblase nicht mehr als schmale vertikale Säule über dem Dashboard */ .speech-bubble, .avatar-speech, .ai-speech-bubble{ position:absolute !important; left:50% !important; right:auto !important; top:auto !important; bottom:10px !important; transform:translateX(-50%) !important; width:calc(100% - 32px) !important; max-width:360px !important; min-width:0 !important; height:auto !important; max-height:none !important; padding:10px 14px !important; border-radius:18px !important; font-size:14px !important; line-height:1.35 !important; text-align:center !important; white-space:normal !important; word-break:normal !important; overflow-wrap:break-word !important; z-index:12 !important; } /* Kein Pfeil / keine Spitze */ .speech-bubble::before, .speech-bubble::after, .avatar-speech::before, .avatar-speech::after, .ai-speech-bubble::before, .ai-speech-bubble::after{ display:none !important; content:none !important; } /* Quick-Action-Kachel erhält Abstand zur Blase */ .hero-quick-actions, .quick-actions, .avatar-actions{ position:relative; z-index:15; } } /* Sehr schmale Smartphones */ @media(max-width:420px){ .hero-avatar-wrap img, .avatar-wrap img, .ai-avatar-wrap img, .hero-avatar, .nova-avatar{ width:min(76vw,300px) !important; max-height:390px; } .speech-bubble, .avatar-speech, .ai-speech-bubble{ width:calc(100% - 24px) !important; max-width:330px !important; padding:9px 12px !important; font-size:13px !important; } } /* ========================================================= NOVA AI V12.6 — echte hero-speech-bubble seitlich positioniert ========================================================= */ /* Desktop / Tablet */ .nova-ai-stage{ position:relative; } .hero-speech-bubble{ position:absolute !important; z-index:30 !important; top:34% !important; right:2% !important; left:auto !important; bottom:auto !important; width:220px !important; max-width:34% !important; min-width:170px !important; height:auto !important; padding:12px 14px !important; border-radius:16px !important; line-height:1.35 !important; text-align:left !important; white-space:normal !important; word-break:normal !important; overflow-wrap:break-word !important; transform:none !important; } .hero-speech-bubble span{ display:block; } /* kein Pfeil */ .hero-speech-bubble::before, .hero-speech-bubble::after{ display:none !important; content:none !important; } /* Mobile: kompakt rechts neben Kopf/Oberkörper */ @media(max-width:760px){ .nova-ai-stage{ position:relative !important; overflow:visible !important; } .ai-visual-wrap{ position:relative !important; width:72% !important; margin-left:0 !important; margin-right:auto !important; } .ai-visual-wrap img{ width:100% !important; max-width:330px !important; height:auto !important; object-fit:contain !important; object-position:center top !important; display:block !important; margin:0 !important; } .hero-speech-bubble{ top:22% !important; right:2% !important; left:auto !important; bottom:auto !important; width:31% !important; max-width:160px !important; min-width:118px !important; padding:10px 11px !important; border-radius:15px !important; font-size:12px !important; line-height:1.32 !important; text-align:left !important; white-space:normal !important; word-break:normal !important; overflow-wrap:break-word !important; } /* Befehls-Kacheln und Eingabe bleiben darunter */ .hero-command-dock, .hero-quick-ask{ position:relative !important; z-index:40 !important; } } /* Sehr schmale Smartphones */ @media(max-width:430px){ .ai-visual-wrap{ width:70% !important; } .hero-speech-bubble{ top:20% !important; right:1.5% !important; width:30% !important; max-width:145px !important; min-width:108px !important; padding:9px 9px !important; font-size:11px !important; line-height:1.28 !important; } } /* Extrem schmale Displays: Blase weiterhin seitlich, aber kompakter */ @media(max-width:360px){ .ai-visual-wrap{ width:68% !important; } .hero-speech-bubble{ width:31% !important; min-width:102px !important; font-size:10.5px !important; padding:8px !important; } } /* ========================================================= NOVA AI V13.0 — Bücher / Musik / Filme Theme-Fix Auswahlbuttons für Hell- und Dunkelmodus vereinheitlicht ========================================================= */ /* Allgemeine Auswahlbereiche innerhalb der drei Module */ .modal-panel [data-book-category], .modal-panel [data-movie-genre], .modal-panel [data-music-genre], .modal-panel [data-movie-mood], .modal-panel [data-music-mood], .modal-panel .book-category-grid button, .modal-panel .movie-choice-grid button, .modal-panel .music-choice-grid button, .modal-panel .entertainment-choice button, .modal-panel .media-choice button{ background:#f6f9fd !important; color:#0b2348 !important; border:1px solid #cbd9ea !important; box-shadow:none !important; text-shadow:none !important; opacity:1 !important; transition:.18s ease !important; } /* Hover */ .modal-panel [data-book-category]:hover, .modal-panel [data-movie-genre]:hover, .modal-panel [data-music-genre]:hover, .modal-panel [data-movie-mood]:hover, .modal-panel [data-music-mood]:hover, .modal-panel .book-category-grid button:hover, .modal-panel .movie-choice-grid button:hover, .modal-panel .music-choice-grid button:hover, .modal-panel .entertainment-choice button:hover, .modal-panel .media-choice button:hover{ background:#eaf3ff !important; color:#0a4fa8 !important; border-color:#7fb6ef !important; transform:translateY(-1px); } /* Aktive Auswahl */ .modal-panel [data-book-category].active, .modal-panel [data-movie-genre].active, .modal-panel [data-music-genre].active, .modal-panel [data-movie-mood].active, .modal-panel [data-music-mood].active, .modal-panel .book-category-grid button.active, .modal-panel .movie-choice-grid button.active, .modal-panel .music-choice-grid button.active, .modal-panel .entertainment-choice button.active, .modal-panel .media-choice button.active{ background:linear-gradient(135deg,#2459ff,#19bfe0,#55cf68) !important; color:#fff !important; border-color:transparent !important; box-shadow:0 8px 20px rgba(36,89,255,.18) !important; } /* Aktive Auswahl bleibt beim Hover aktiv lesbar */ .modal-panel [data-book-category].active:hover, .modal-panel [data-movie-genre].active:hover, .modal-panel [data-music-genre].active:hover, .modal-panel [data-movie-mood].active:hover, .modal-panel [data-music-mood].active:hover, .modal-panel .book-category-grid button.active:hover, .modal-panel .movie-choice-grid button.active:hover, .modal-panel .music-choice-grid button.active:hover, .modal-panel .entertainment-choice button.active:hover, .modal-panel .media-choice button.active:hover{ color:#fff !important; filter:brightness(1.03); } /* Dunkelmodus */ body.dark-mode .modal-panel [data-book-category], body.dark-mode .modal-panel [data-movie-genre], body.dark-mode .modal-panel [data-music-genre], body.dark-mode .modal-panel [data-movie-mood], body.dark-mode .modal-panel [data-music-mood], body.dark-mode .modal-panel .book-category-grid button, body.dark-mode .modal-panel .movie-choice-grid button, body.dark-mode .modal-panel .music-choice-grid button, body.dark-mode .modal-panel .entertainment-choice button, body.dark-mode .modal-panel .media-choice button{ background:#0d243a !important; color:#e9f3ff !important; border-color:#31516d !important; } /* Dunkelmodus Hover */ body.dark-mode .modal-panel [data-book-category]:hover, body.dark-mode .modal-panel [data-movie-genre]:hover, body.dark-mode .modal-panel [data-music-genre]:hover, body.dark-mode .modal-panel [data-movie-mood]:hover, body.dark-mode .modal-panel [data-music-mood]:hover, body.dark-mode .modal-panel .book-category-grid button:hover, body.dark-mode .modal-panel .movie-choice-grid button:hover, body.dark-mode .modal-panel .music-choice-grid button:hover, body.dark-mode .modal-panel .entertainment-choice button:hover, body.dark-mode .modal-panel .media-choice button:hover{ background:#163653 !important; color:#ffffff !important; border-color:#4f8fc3 !important; } /* Dunkelmodus aktiv */ body.dark-mode .modal-panel [data-book-category].active, body.dark-mode .modal-panel [data-movie-genre].active, body.dark-mode .modal-panel [data-music-genre].active, body.dark-mode .modal-panel [data-movie-mood].active, body.dark-mode .modal-panel [data-music-mood].active, body.dark-mode .modal-panel .book-category-grid button.active, body.dark-mode .modal-panel .movie-choice-grid button.active, body.dark-mode .modal-panel .music-choice-grid button.active, body.dark-mode .modal-panel .entertainment-choice button.active, body.dark-mode .modal-panel .media-choice button.active{ background:linear-gradient(135deg,#2d63ff,#19bfe0,#4fd170) !important; color:#ffffff !important; border-color:transparent !important; } /* Inputs / Selects in Bücher, Musik und Filme */ body.dark-mode .modal-panel input, body.dark-mode .modal-panel select{ background:#0b2035; color:#eef6ff; border-color:#31516d; } body.dark-mode .modal-panel input::placeholder{ color:#9fb4c8; } /* Karten innerhalb dieser Module */ body.dark-mode .book-card, body.dark-mode .movie-card, body.dark-mode .music-card{ background:#0d243a; color:#eef6ff; border-color:#31516d; } body.dark-mode .book-card span, body.dark-mode .book-card small, body.dark-mode .movie-card span, body.dark-mode .movie-card small, body.dark-mode .music-card span, body.dark-mode .music-card small{ color:#aebfd0; } /* ========================================================= NOVA AI V13.1 — Album des Tages ========================================================= */ .nova-album-day{ display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:16px; margin:0 0 22px; padding:18px 20px; border:1px solid #cbdcf0; border-radius:20px; background:linear-gradient(135deg,#f7fbff,#eef7ff); box-shadow:0 12px 30px rgba(25,83,145,.08); color:#0b2348; } .nova-album-day-icon{ display:grid; place-items:center; width:58px; height:58px; border-radius:18px; background:#e5f2ff; font-size:31px; } .nova-album-day-kicker{ margin-bottom:4px; font-size:11px; font-weight:900; letter-spacing:.12em; color:#1768d4; } .nova-album-day h4{ margin:0; font-size:21px; line-height:1.15; color:inherit; } .nova-album-day-artist{ margin-top:4px; font-weight:800; } .nova-album-day-meta, .nova-album-day p{ margin:4px 0 0; font-size:13px; color:#60748c; } .nova-album-day-youtube{ display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:10px 15px; border-radius:14px; background:linear-gradient(135deg,#2459ff,#19bfe0,#55cf68); color:#fff !important; font-weight:900; text-decoration:none; white-space:nowrap; box-shadow:0 8px 20px rgba(36,89,255,.18); } .nova-album-day-youtube:hover{ filter:brightness(1.04); transform:translateY(-1px); } /* Dunkel */ body.dark-mode .nova-album-day{ background:linear-gradient(135deg,#0b2035,#102c47); border-color:#31516d; color:#eef6ff; } body.dark-mode .nova-album-day-icon{ background:#163653; } body.dark-mode .nova-album-day-kicker{ color:#61b7ff; } body.dark-mode .nova-album-day-meta, body.dark-mode .nova-album-day p{ color:#afc2d5; } /* Mobile */ @media(max-width:700px){ .nova-album-day{ grid-template-columns:auto 1fr; gap:12px; padding:15px; } .nova-album-day-icon{ width:48px; height:48px; font-size:26px; } .nova-album-day-youtube{ grid-column:1 / -1; width:100%; } } /* ========================================================= NOVA AI V13.3 — Album des Tages HardFix Fest direkt oben im Musik-Modul ========================================================= */ .nova-album-day{ display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:16px; margin:16px 0 18px !important; padding:18px 20px; border:1px solid #cbdcf0; border-radius:18px; background:linear-gradient(135deg,#f7fbff,#eef7ff); box-shadow:0 10px 28px rgba(25,83,145,.08); } .nova-album-day-icon{font-size:34px} .nova-album-day-kicker{font-size:11px;font-weight:900;letter-spacing:.12em;color:#1768d4} .nova-album-day h4{margin:3px 0 0;font-size:21px} .nova-album-day-artist{margin-top:4px;font-weight:800} .nova-album-day-meta,.nova-album-day p{margin:4px 0 0;font-size:13px;color:#60748c} .nova-album-day-youtube{ display:inline-flex;align-items:center;justify-content:center; min-height:44px;padding:10px 14px;border-radius:12px; background:linear-gradient(135deg,#2459ff,#19bfe0,#55cf68); color:#fff!important;font-weight:900;text-decoration:none;white-space:nowrap } body.dark-mode .nova-album-day{ background:linear-gradient(135deg,#0b2035,#102c47); border-color:#31516d;color:#eef6ff } body.dark-mode .nova-album-day-kicker{color:#61b7ff} body.dark-mode .nova-album-day-meta, body.dark-mode .nova-album-day p{color:#afc2d5} @media(max-width:700px){ .nova-album-day{grid-template-columns:auto 1fr;padding:14px;gap:12px} .nova-album-day-youtube{grid-column:1/-1;width:100%} } /* V14.1 Events, Konzerte & Theater */ .event-portal-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:14px}.event-portal-grid a{display:grid;gap:5px;min-height:105px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);text-decoration:none;text-align:center;place-items:center;transition:.2s}.event-portal-grid a:hover{transform:translateY(-3px);border-color:var(--blue);box-shadow:0 10px 24px rgba(24,83,148,.12)}.event-portal-grid span{font-size:25px}.event-portal-grid b{font-size:14px}.event-portal-grid small{font-size:11px;color:var(--muted)}@media(max-width:800px){.event-portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:430px){.event-portal-grid{grid-template-columns:1fr 1fr}.event-portal-grid a{min-height:96px;padding:10px}} /* V14.6 – Welt aktuell: optimierte Typografie in Hell/Dunkel + echte Natur-News */ .world-current-module{color:#07152d} .world-current-module .eyebrow{color:#1466e8;font-weight:900;letter-spacing:1.9px} .world-current-module #modalTitle{color:#07152d;font-weight:800;letter-spacing:-.4px} .world-current-tabs button{font-size:15px!important;font-weight:800!important;line-height:1.2!important;color:#0b2348!important;background:#f4f8fd!important;border:1px solid #c8d7e8!important;box-shadow:none!important} .world-current-tabs button:hover{color:#fff!important;background:linear-gradient(135deg,#2459ff,#20bfe0)!important;border-color:transparent!important} .world-current-tabs button.active{color:#fff!important;background:linear-gradient(135deg,#2459ff,#2fd28b)!important;border-color:transparent!important;box-shadow:0 8px 20px rgba(36,89,255,.18)!important} .world-current-filter input{color:#0b1c37!important;background:#fff!important;border-color:#b9cade!important;font-weight:600} .world-current-filter input::placeholder{color:#6b7d92!important} .world-current-output{color:#10243f!important;background:#f8fbff!important;border-color:#d7e3ef!important} .world-current-output .list-item{color:#10243f!important;background:#fff!important;border-color:#d8e4ef!important} .world-current-output .list-item b{color:#07152d!important;font-size:15px!important;font-weight:800!important;line-height:1.35} .world-current-output .list-item small{color:#5a6d83!important;font-size:12px!important;line-height:1.45} .world-current-output p,.world-current-output h3{color:#10243f!important} html[data-theme="dark"] .world-current-module, body.dark-mode-theme .world-current-module, body.dark-mode .world-current-module{color:#edf6ff} html[data-theme="dark"] .world-current-module #modalTitle, body.dark-mode-theme .world-current-module #modalTitle, body.dark-mode .world-current-module #modalTitle{color:#f3f8ff!important} html[data-theme="dark"] .world-current-module .eyebrow, body.dark-mode-theme .world-current-module .eyebrow, body.dark-mode .world-current-module .eyebrow{color:#6fdcff!important} html[data-theme="dark"] .world-current-tabs button, body.dark-mode-theme .world-current-tabs button, body.dark-mode .world-current-tabs button{color:#dbeaff!important;background:#102941!important;border-color:#31506b!important} html[data-theme="dark"] .world-current-tabs button:hover, body.dark-mode-theme .world-current-tabs button:hover, body.dark-mode .world-current-tabs button:hover, html[data-theme="dark"] .world-current-tabs button.active, body.dark-mode-theme .world-current-tabs button.active, body.dark-mode .world-current-tabs button.active{color:#fff!important;background:linear-gradient(135deg,#2f68ff,#18bccc)!important;border-color:transparent!important} html[data-theme="dark"] .world-current-filter input, body.dark-mode-theme .world-current-filter input, body.dark-mode .world-current-filter input{color:#f1f7ff!important;background:#0c2036!important;border-color:#36536e!important} html[data-theme="dark"] .world-current-filter input::placeholder, body.dark-mode-theme .world-current-filter input::placeholder, body.dark-mode .world-current-filter input::placeholder{color:#9bb0c5!important} html[data-theme="dark"] .world-current-output, body.dark-mode-theme .world-current-output, body.dark-mode .world-current-output{color:#eaf3ff!important;background:#091b2e!important;border-color:#29445f!important} html[data-theme="dark"] .world-current-output .list-item, body.dark-mode-theme .world-current-output .list-item, body.dark-mode .world-current-output .list-item{color:#eaf3ff!important;background:#102941!important;border-color:#31506b!important} html[data-theme="dark"] .world-current-output .list-item b, body.dark-mode-theme .world-current-output .list-item b, body.dark-mode .world-current-output .list-item b{color:#f3f8ff!important} html[data-theme="dark"] .world-current-output .list-item small, body.dark-mode-theme .world-current-output .list-item small, body.dark-mode .world-current-output .list-item small{color:#adc1d5!important} html[data-theme="dark"] .world-current-output p, body.dark-mode-theme .world-current-output p, body.dark-mode .world-current-output p, html[data-theme="dark"] .world-current-output h3, body.dark-mode-theme .world-current-output h3, body.dark-mode .world-current-output h3{color:#eaf3ff!important} @media(max-width:650px){.world-current-tabs button{font-size:14px!important;padding:11px 13px!important}.world-current-output .list-item b{font-size:14px!important}} /* V14.7 News-Seiten */ .news-sites-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px} .news-sites-grid a{min-height:96px;display:flex;align-items:center;gap:13px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);text-decoration:none;font-weight:800;box-shadow:0 8px 22px rgba(24,83,148,.08);transition:.2s} .news-sites-grid a:hover{transform:translateY(-3px);border-color:var(--blue);box-shadow:0 14px 30px rgba(24,83,148,.14)} .news-sites-grid a span{font-size:30px;line-height:1} .news-sites-grid a b{font-size:16px;line-height:1.25} html[data-theme="dark"] .news-sites-grid a,body.dark-mode-theme .news-sites-grid a,body.dark-mode .news-sites-grid a{background:#102941!important;color:#f3f8ff!important;border-color:#31506b!important} html[data-theme="dark"] .news-sites-grid a:hover,body.dark-mode-theme .news-sites-grid a:hover,body.dark-mode .news-sites-grid a:hover{background:#153552!important;border-color:#4c8ed8!important} @media(max-width:760px){.news-sites-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.news-sites-grid a{min-height:82px;padding:14px}.news-sites-grid a b{font-size:14px}} @media(max-width:430px){.news-sites-grid{grid-template-columns:1fr}} /* V15 – Intelligence Update */ .ai-plan{display:grid;gap:14px}.ai-plan-head{display:flex;gap:12px;align-items:flex-start}.ai-plan-head>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#2459ff,#2fd28b);color:#fff;font-size:21px;flex:0 0 auto}.ai-plan-head h3{margin:0 0 5px}.ai-plan-head p{margin:0;color:var(--muted);line-height:1.55}.ai-context-chips{display:flex;gap:8px;flex-wrap:wrap}.ai-context-chips span{padding:6px 9px;border-radius:999px;background:#edf5ff;border:1px solid #d4e3f3;color:#234a76;font-size:11px;font-weight:800}.ai-action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.ai-smart-action{border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);padding:14px;text-align:left;cursor:pointer;display:grid;gap:4px}.ai-smart-action:hover{transform:translateY(-2px);border-color:var(--blue);box-shadow:0 10px 25px rgba(28,91,150,.12)}.ai-smart-action b{font-size:14px}.ai-smart-action small{color:var(--muted);line-height:1.4}.dark-mode .ai-context-chips span{background:#102944;border-color:#274865;color:#d9edff}.dark-mode .ai-smart-action{background:#0c2239;border-color:#27445f;color:#f4f8fc}.dark-mode .ai-smart-action small{color:#b9c9d8} /* V15.1 – NOVA Impuls des Tages + Namenstag unter Drei Ideen */ .nova-daily-exclusive{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.9fr) minmax(240px,.8fr);gap:14px} .nova-impulse-card,.nova-place-day-card,.nova-nameday-card{display:flex;gap:16px;align-items:center;padding:18px 20px;border:1px solid #173650;border-radius:18px;background:linear-gradient(145deg,rgba(6,22,39,.96),rgba(5,17,31,.94));box-shadow:0 14px 38px rgba(0,0,0,.18)} .nova-daily-icon{font-size:34px;flex:0 0 auto}.nova-daily-exclusive .eyebrow{display:block;color:#38b9ff;font-size:10px;letter-spacing:.13em;font-weight:700}.nova-daily-exclusive h3{margin:5px 0 6px;font-size:18px;color:#f2f8ff}.nova-daily-exclusive p{margin:0;color:#b7c9db;font-size:13px;line-height:1.5}.nova-daily-exclusive small{display:block;margin-top:7px;color:#7ec8ff;font-size:12px;font-weight:600} body:not(.dark-mode) .nova-impulse-card,body:not(.dark-mode) .nova-place-day-card,body:not(.dark-mode) .nova-nameday-card{background:rgba(255,255,255,.96);border-color:#d5e3f0;box-shadow:0 14px 38px rgba(27,72,120,.1)} body:not(.dark-mode) .nova-daily-exclusive h3{color:#07152d}body:not(.dark-mode) .nova-daily-exclusive p{color:#58677d}body:not(.dark-mode) .nova-daily-exclusive small{color:#0968d9} @media(max-width:850px){.nova-daily-exclusive{grid-template-columns:1fr}}@media(max-width:520px){.nova-impulse-card,.nova-place-day-card,.nova-nameday-card{padding:15px}.nova-daily-icon{font-size:28px}} /* V15.2 NOVA NOW – stündlich wechselnde Impulse im Smart-Life-Bereich */ .nova-now{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)} .nova-now-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:12px} .nova-now-head h3{margin:5px 0 0;font:700 20px/1.15 'Space Grotesk',sans-serif;color:var(--ink)} .nova-now-head time{flex:0 0 auto;padding:8px 12px;border-radius:999px;background:linear-gradient(135deg,#e9f4ff,#eefbea);border:1px solid #cfe0f2;color:#0b4f9c;font-weight:800;font-size:13px} .nova-now-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .nova-now-card{min-height:116px;display:grid;grid-template-columns:46px 1fr;gap:11px;align-items:start;padding:14px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#fff,#f7fbff);box-shadow:0 8px 20px rgba(24,73,120,.06)} .nova-now-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#07386c,#0c78d6);color:#fff;font-size:23px;box-shadow:0 7px 18px rgba(10,78,145,.22)} .nova-now-card small{display:block;color:var(--blue);font-size:9px;letter-spacing:1.1px;font-weight:850;margin:2px 0 5px} .nova-now-card strong{display:block;color:var(--ink);font-size:14px;line-height:1.3} .nova-now-card p{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.45} body.dark-mode .nova-now{border-top-color:#29425e} body.dark-mode .nova-now-head h3,body.dark-mode .nova-now-card strong{color:#f2f7ff} body.dark-mode .nova-now-head time{background:#102b49;border-color:#315575;color:#8edfff} body.dark-mode .nova-now-card{background:linear-gradient(145deg,#0b2542,#0d3155);border-color:#294b6d} body.dark-mode .nova-now-card p{color:#bdd0e3} body.dark-mode .nova-now-card small{color:#72dfff} @media(max-width:900px){.nova-now-grid{grid-template-columns:1fr}.nova-now-card{min-height:auto}} @media(max-width:650px){.nova-now-head{align-items:flex-start}.nova-now-head h3{font-size:18px}.nova-now-card{grid-template-columns:40px 1fr;padding:12px}.nova-now-icon{width:40px;height:40px;font-size:20px}} .nova-place-day-card{cursor:pointer;transition:transform .2s ease,border-color .2s ease}.nova-place-day-card:hover{transform:translateY(-2px);border-color:#38b9ff}.nova-place-day-card small{display:block;margin-top:7px;color:#7ec8ff;font-size:12px;font-weight:700}body:not(.dark-mode) .nova-place-day-card small{color:#0968d9} /* V15.3.1 – NOVA NOW restored + robust light/dark theme compatibility */ body.dark-mode .nova-now{border-top-color:#29425e} body.dark-mode .nova-now-head h3,body.dark-mode .nova-now-card strong{color:#f2f7ff} body.dark-mode .nova-now-head time{background:#102b49;border-color:#315575;color:#8edfff} body.dark-mode .nova-now-card{background:linear-gradient(145deg,#0b2542,#0d3155);border-color:#294b6d;box-shadow:0 10px 24px rgba(0,0,0,.2)} body.dark-mode .nova-now-card p{color:#bdd0e3} body.dark-mode .nova-now-card small{color:#72dfff} body:not(.dark):not(.dark-mode) .nova-now-card{background:linear-gradient(145deg,#fff,#f7fbff);border-color:#d7e4f1} /* V16.0 – Compact Dashboard after Gallery Removal The former gallery area is fully removed. The right dashboard now ends directly after the sunrise/sunset section instead of stretching to the full height of the hero grid. */ .nova-dashboard-hero .nova-dashboard-panel{ align-self:start!important; height:auto!important; min-height:0!important; } .nova-dashboard-panel .sun-cycle{ margin-bottom:0!important; } /* V16.1 – Moon phase moved from Weather panel to Dashboard */ .nova-dashboard-panel .dashboard-moon-card{ margin-top:0; } .nova-dashboard-panel .dashboard-moon-card .moon-status{ padding:16px 2px 4px!important; border-bottom:0!important; } .nova-dashboard-panel .dashboard-moon-card .moon-status>span{ font-size:46px!important; } .nova-dashboard-panel .dashboard-moon-card .moon-status strong{ color:#fff; } body:not(.dark-mode) .nova-dashboard-panel .dashboard-moon-card .moon-status strong{ color:#fff!important; } /* V16.2 – Hero panel balance, weather gap removal, dashboard graphic & typography polish */ /* Weather panel: end directly after the CTA instead of stretching to the hero height. */ .nova-dashboard-hero .nova-weather-panel{ align-self:start!important; height:auto!important; min-height:0!important; } .nova-weather-panel .panel-wide-btn{ margin-top:14px!important; min-height:48px; font-weight:700; letter-spacing:-.01em; } .nova-weather-panel .weather-extra-card.weather-tip-card{ margin-bottom:0!important; } /* Crisper typography for the two information panels. */ .nova-weather-panel, .nova-dashboard-panel{ -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; } .nova-weather-panel .panel-title-row h2, .nova-dashboard-panel h3{ font-family:'Space Grotesk',Inter,sans-serif; font-weight:700!important; letter-spacing:-.025em; } .nova-weather-panel .weather-place-line strong{ font-size:16px; font-weight:700; } .nova-weather-panel .hero-weather-main>div>strong{ font-weight:600!important; letter-spacing:-.045em; } .nova-weather-panel .hero-weather-main p{ font-weight:600; } .nova-weather-panel .hero-weather-metrics strong, .nova-weather-panel .hero-hourly strong{ font-weight:750; } /* Dashboard: visually structured blocks and clearer labels in light and dark UI. */ .nova-dashboard-panel{ border-radius:18px!important; overflow:hidden; } .nova-dashboard-panel h3{ font-size:20px!important; margin:0 0 4px!important; } .nova-dashboard-panel .dashboard-time strong{ font-family:'Space Grotesk',Inter,sans-serif; font-weight:700!important; letter-spacing:-.035em!important; } .nova-dashboard-panel .sun-cycle{ margin-top:14px!important; padding:16px 0 14px!important; grid-template-columns:1fr 104px 1fr!important; align-items:center!important; } .nova-dashboard-panel .sun-cycle span{ font-size:10px!important; font-weight:700!important; letter-spacing:-.01em; } .nova-dashboard-panel .sun-cycle strong{ font-family:'Space Grotesk',Inter,sans-serif; font-size:20px!important; font-weight:700!important; } .nova-dashboard-panel .sun-arc{ height:54px!important; align-items:center!important; } .nova-dashboard-panel .sun-arc:before{ left:8px!important; right:8px!important; bottom:2px!important; height:38px!important; border:2px solid rgba(126,190,255,.8)!important; border-bottom:0!important; border-radius:80px 80px 0 0!important; opacity:.9; } .nova-dashboard-panel .sun-arc:after{ content:""; position:absolute; left:7px; right:7px; bottom:1px; height:2px; background:linear-gradient(90deg,transparent,rgba(126,190,255,.8),transparent); } .nova-dashboard-panel .sun-arc b{ z-index:2; font-size:27px!important; transform:translateY(-4px); filter:drop-shadow(0 0 9px rgba(255,194,28,.65))!important; } /* Moon becomes a defined dashboard card rather than a loose row. */ .nova-dashboard-panel .dashboard-moon-card{ margin:14px 0 0!important; border:1px solid rgba(91,158,217,.46); border-radius:16px; background:linear-gradient(145deg,rgba(13,47,82,.9),rgba(5,27,51,.88)); box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 22px rgba(0,0,0,.12); } .nova-dashboard-panel .dashboard-moon-card .moon-status{ padding:13px 14px!important; gap:14px!important; align-items:center!important; } .nova-dashboard-panel .dashboard-moon-card .moon-status>span{ width:52px; height:52px; display:grid; place-items:center; flex:0 0 52px; font-size:43px!important; line-height:1; border-radius:50%; filter:drop-shadow(0 0 9px rgba(255,195,40,.28)); } .nova-dashboard-panel .dashboard-moon-card .moon-status>div{ min-width:0; } .nova-dashboard-panel .dashboard-moon-card .moon-status small{ display:block; color:#9ec8ed!important; text-transform:uppercase; letter-spacing:.085em; font-size:10px!important; font-weight:800!important; margin-bottom:4px; } .nova-dashboard-panel .dashboard-moon-card .moon-status strong{ display:block; color:#fff!important; font-family:'Space Grotesk',Inter,sans-serif; font-size:17px!important; line-height:1.15; font-weight:700!important; letter-spacing:-.02em; } .nova-dashboard-panel .dashboard-moon-card .moon-status em{ display:block; margin-top:5px; color:#8faac4!important; font-size:11px!important; font-style:normal!important; } /* Light UI: weather stays bright and crisp; dashboard remains premium dark. */ body:not(.dark-mode) .nova-weather-panel{ background:rgba(255,255,255,.96)!important; color:#07152d!important; border-color:#cadbea!important; box-shadow:0 18px 42px rgba(43,83,122,.11)!important; } body:not(.dark-mode) .nova-weather-panel .panel-title-row{ border-bottom-color:#d4e1ec!important; } body:not(.dark-mode) .nova-weather-panel .weather-place-line, body:not(.dark-mode) .nova-weather-panel .hero-weather-main p{ color:#102b4b!important; } body:not(.dark-mode) .nova-weather-panel .hero-weather-main small, body:not(.dark-mode) .nova-weather-panel .hero-weather-metrics em, body:not(.dark-mode) .nova-weather-panel .hero-hourly small{ color:#6d8299!important; } body:not(.dark-mode) .nova-weather-panel .hero-weather-metrics>div, body:not(.dark-mode) .nova-weather-panel .hero-hourly{ background:#f8fbff!important; border-color:#cbdbea!important; } body:not(.dark-mode) .nova-weather-panel .hero-hourly>div{ border-right-color:#d5e2ed!important; } body:not(.dark-mode) .nova-weather-panel .panel-wide-btn{ background:linear-gradient(110deg,#f7fbff,#eef8ff)!important; border-color:#bad4ea!important; color:#0873dc!important; } /* Dark UI: maintain contrast and prevent grey/washed text. */ body.dark-mode .nova-weather-panel, body.dark-mode .nova-dashboard-panel{ color:#f2f7ff!important; } body.dark-mode .nova-weather-panel .weather-place-line, body.dark-mode .nova-weather-panel .hero-weather-main p{ color:#e9f2fb!important; } body.dark-mode .nova-dashboard-panel .dashboard-moon-card{ background:linear-gradient(145deg,#0b2a49,#071d35)!important; border-color:#245579!important; } @media(max-width:1250px){ .nova-dashboard-hero .nova-weather-panel{align-self:stretch!important} } @media(max-width:850px){ .nova-dashboard-hero .nova-weather-panel{height:auto!important} } /* ========================================================= NOVA AI V17 · SIDEBAR EDITION Desktop: feste linke Navigation · Mobile: ausfahrbarer Drawer ========================================================= */ :root{--nova-sidebar-w:248px} .nova-sidebar{ position:fixed;left:0;top:0;bottom:0;width:var(--nova-sidebar-w);z-index:45; display:flex;flex-direction:column;padding:18px 14px 16px; background:linear-gradient(180deg,#061a35 0%,#082746 54%,#06182d 100%); color:#fff;border-right:1px solid rgba(255,255,255,.1); box-shadow:14px 0 36px rgba(5,30,58,.16);overflow:hidden } .sidebar-head{display:flex;align-items:center;gap:10px;padding:2px 5px 18px;border-bottom:1px solid rgba(255,255,255,.11)} .sidebar-brand{display:flex;align-items:center;gap:11px;min-width:0;color:#fff;text-decoration:none;flex:1} .sidebar-logo{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;flex:0 0 42px;font:800 25px/1 'Space Grotesk',sans-serif;background:linear-gradient(135deg,#2466ff,#12bfdf 55%,#68d149);box-shadow:0 8px 22px rgba(20,169,225,.25)} .sidebar-brand b,.sidebar-brand small{display:block}.sidebar-brand b{font:700 17px/1.1 'Space Grotesk',sans-serif}.sidebar-brand small{font-size:9px;letter-spacing:.16em;color:#8fdcf5;margin-top:4px} .sidebar-close{display:none;width:38px;height:38px;border:0;border-radius:12px;background:rgba(255,255,255,.08);color:#fff;font-size:25px;cursor:pointer} .sidebar-nav{display:grid;gap:5px;margin-top:15px}.sidebar-nav a,.sidebar-nav button{width:100%;display:grid;grid-template-columns:36px 1fr;align-items:center;gap:10px;min-height:46px;padding:7px 10px;border:1px solid transparent;border-radius:13px;background:transparent;color:#dcecff;text-decoration:none;text-align:left;font:inherit;cursor:pointer;transition:.18s} .sidebar-nav a span,.sidebar-nav button span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.07);font-size:18px}.sidebar-nav a b,.sidebar-nav button b{font-size:13px} .sidebar-nav a:hover,.sidebar-nav button:hover{background:rgba(255,255,255,.1);border-color:rgba(110,215,255,.18);color:#fff;transform:translateX(2px)} .sidebar-nav a:focus-visible,.sidebar-nav button:focus-visible{outline:2px solid #66ddff;outline-offset:2px} .sidebar-divider{height:1px;background:rgba(255,255,255,.11);margin:15px 5px 12px}.sidebar-section-title{padding:0 10px;color:#78a6c8;font-size:9px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.sidebar-modules{margin-top:8px;min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;padding-right:5px;padding-bottom:10px;scrollbar-width:thin;scrollbar-color:rgba(118,211,244,.48) rgba(255,255,255,.05)} .sidebar-modules::-webkit-scrollbar{width:7px}.sidebar-modules::-webkit-scrollbar-track{background:rgba(255,255,255,.04);border-radius:999px}.sidebar-modules::-webkit-scrollbar-thumb{background:rgba(118,211,244,.42);border-radius:999px}.sidebar-modules::-webkit-scrollbar-thumb:hover{background:rgba(118,211,244,.7)} .sidebar-status{margin-top:auto;display:flex;align-items:center;gap:11px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.055)}.sidebar-status>i{width:9px;height:9px;border-radius:50%;background:#55d778;box-shadow:0 0 0 5px rgba(85,215,120,.12)}.sidebar-status b,.sidebar-status small{display:block}.sidebar-status b{font-size:11px}.sidebar-status small{font-size:9px;color:#8eabc3;margin-top:2px} .sidebar-mobile-backdrop{display:none} @media(min-width:1101px){body{padding-left:var(--nova-sidebar-w)}.topbar{padding-left:2vw}.topbar .menu-toggle{display:none!important}.brand{min-width:250px}.nav{gap:18px}.nova-sidebar{transform:none!important}} @media(max-width:1100px){ .nova-sidebar{width:min(300px,86vw);transform:translateX(-105%);transition:transform .25s ease;z-index:1200}.nova-sidebar.open{transform:translateX(0)} .sidebar-close{display:grid;place-items:center}.sidebar-mobile-backdrop{display:block;position:fixed;inset:0;z-index:1190;background:rgba(2,12,28,.54);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .2s}.sidebar-mobile-backdrop.open{opacity:1;pointer-events:auto} body.sidebar-open{overflow:hidden}.topbar .menu-toggle{display:block;order:2}.topbar .nav{display:none!important} } @media(max-width:650px){.nova-sidebar{padding-bottom:90px}.sidebar-nav a,.sidebar-nav button{min-height:48px}.floating-nova{display:none!important}} body.dark-mode .nova-sidebar{background:linear-gradient(180deg,#020a14,#061629 55%,#020914);border-right-color:#18324c} /* V17.1 – Schnellzugriff: alle 33 Bereiche in eigener Scrollliste */ .sidebar-modules button{flex:0 0 auto}.sidebar-modules b{white-space:normal;line-height:1.25}.sidebar-status{flex:0 0 auto}.sidebar-head,.nova-sidebar>.sidebar-nav:not(.sidebar-modules),.sidebar-divider,.sidebar-section-title{flex:0 0 auto} /* V17.2 – Welt News: horizontale Länder-Scrollauswahl */ .world-country-picker{margin:10px 0 14px;padding:14px 16px;border:1px solid #d7e4f1;border-radius:16px;background:linear-gradient(135deg,#fbfdff,#f5f9ff)} .world-country-picker[hidden]{display:none!important}.world-country-picker-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.world-country-picker-head span{font-weight:800;color:#102747;font-size:13px}.world-country-picker-head small{color:#708198;font-size:11px} .world-country-scroll{display:flex;gap:9px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 9px;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#a9bdd1 #edf3f9} .world-country-scroll::-webkit-scrollbar{height:7px}.world-country-scroll::-webkit-scrollbar-track{background:#edf3f9;border-radius:999px}.world-country-scroll::-webkit-scrollbar-thumb{background:#a9bdd1;border-radius:999px}.world-country-scroll::-webkit-scrollbar-thumb:hover{background:#7f9bb6} .world-country-chip{flex:0 0 auto;scroll-snap-align:start;display:flex;align-items:center;gap:7px;min-height:42px;padding:8px 12px;border:1px solid #cbd9e7;border-radius:11px;background:#fff;color:#102747;font:inherit;cursor:pointer;white-space:nowrap;transition:.18s} .world-country-chip span{font-size:18px;line-height:1}.world-country-chip b{font-size:12px}.world-country-chip:hover{border-color:#4a89ef;transform:translateY(-1px);box-shadow:0 7px 18px rgba(44,100,165,.1)}.world-country-chip.active{border-color:#2f6fff;background:linear-gradient(135deg,#eef5ff,#f4fffb);box-shadow:0 0 0 2px rgba(47,111,255,.09);color:#0a3b91} body.dark-mode .world-country-picker{background:linear-gradient(135deg,#0b1f35,#0a1728);border-color:#28445f}.dark-mode .world-country-picker-head span{color:#edf7ff}.dark-mode .world-country-picker-head small{color:#94abc0}.dark-mode .world-country-chip{background:#0d2947;border-color:#31506d;color:#eaf5ff}.dark-mode .world-country-chip.active{background:linear-gradient(135deg,#13427a,#0f594b);border-color:#54a0ff;color:#fff} @media(max-width:650px){.world-country-picker{padding:12px}.world-country-picker-head{align-items:flex-start;flex-direction:column;gap:3px}.world-country-chip{min-height:40px;padding:7px 10px}.world-current-filter{display:grid!important;grid-template-columns:1fr}.world-current-filter .btn{width:100%}} /* V17.3 – intelligente Länder-News */ .nova-news-ranking-note{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 13px;padding:10px 12px;border:1px solid rgba(20,102,232,.18);border-radius:12px;background:linear-gradient(135deg,rgba(20,102,232,.07),rgba(101,207,69,.07))}.nova-news-ranking-note span{font-weight:800;color:var(--blue)}.nova-news-ranking-note small{color:var(--muted)}.nova-ranked-news div{position:relative;padding-right:84px}.nova-ranked-news em{position:absolute;right:0;top:50%;transform:translateY(-50%);font-style:normal;font-size:10px;font-weight:800;color:#1553a7;background:#eaf3ff;border:1px solid #cfe0f6;border-radius:999px;padding:5px 8px;white-space:nowrap}body.dark-mode .nova-news-ranking-note{background:linear-gradient(135deg,rgba(45,114,255,.14),rgba(72,207,151,.1));border-color:rgba(113,170,255,.25)}body.dark-mode .nova-ranked-news em{color:#ddecff;background:#102f55;border-color:#28527d}@media(max-width:650px){.nova-ranked-news div{padding-right:0}.nova-ranked-news em{position:static;display:inline-flex;transform:none;margin-top:7px}.nova-news-ranking-note{align-items:flex-start;flex-direction:column;gap:3px}} /* V17.4 NOVA Quiz */ .nova-quiz-card{grid-column:3;align-self:start;margin:0 3vw 0 0;padding:18px;border-radius:18px;min-height:300px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(244,249,255,.96));border:1px solid var(--line);box-shadow:var(--shadow)} .nova-quiz-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.nova-quiz-head h3{margin:5px 0 0;font-size:20px}.nova-quiz-meta{display:flex;justify-content:space-between;gap:10px;margin:14px 0 10px;font-size:11px;font-weight:800;color:var(--blue)} .nova-quiz-question{font-size:16px;line-height:1.5;font-weight:800;margin:8px 0 14px}.nova-quiz-options{display:grid;gap:8px}.nova-quiz-option{width:100%;text-align:left;border:1px solid #cbd9ea;background:#fff;color:var(--ink);border-radius:12px;padding:11px 12px;font-weight:700;cursor:pointer;transition:.18s}.nova-quiz-option:hover{transform:translateY(-1px);border-color:var(--blue)}.nova-quiz-option.correct{background:#e8f8ee;border-color:#67c985;color:#145c31}.nova-quiz-option.wrong{background:#fff0f2;border-color:#e58a9b;color:#8a1f36}.nova-quiz-option:disabled{cursor:default;transform:none;opacity:1}.nova-quiz-feedback{min-height:44px;margin-top:12px;padding:10px 12px;border-radius:12px;background:#f6f9fd;color:var(--muted);font-size:13px;line-height:1.45}.nova-quiz-link{display:inline-flex;margin-top:10px;font-weight:800;font-size:12px;color:var(--blue);text-decoration:none}.nova-quiz-link:hover{text-decoration:underline} body.dark-mode .nova-quiz-card{background:linear-gradient(145deg,#0a203d,#0d294c);border-color:#294666;color:#fff}body.dark-mode .nova-quiz-question{color:#fff}body.dark-mode .nova-quiz-option{background:#102b4d;color:#eaf5ff;border-color:#315272}body.dark-mode .nova-quiz-option.correct{background:#143b2b;color:#dff7e7;border-color:#3e8d61}body.dark-mode .nova-quiz-option.wrong{background:#47212c;color:#ffdfe5;border-color:#8f4a5b}body.dark-mode .nova-quiz-feedback{background:#0b2342;color:#b9cce0}body.dark-mode .nova-quiz-link{color:#6fd7ff} @media(max-width:1100px){.nova-quiz-card{grid-column:1/-1;margin:0 3vw 24px}} @media(max-width:760px){.nova-quiz-card{margin:12px 10px 18px;padding:16px}.nova-quiz-head{flex-direction:column}.nova-quiz-head .btn{width:100%}} /* ========================================================= NOVA AI V18.0 · COMPACT RIGHT RAIL / QUIZ LAYOUT Dashboard und Quiz teilen sich eine kompakte rechte Spalte. Dadurch entstehen unter Wetter und NOVA AI keine leeren Grid-Zeilen mehr. ========================================================= */ .nova-dashboard-hero{ grid-template-columns:374px minmax(520px,1fr) 398px!important; grid-template-rows:auto!important; align-items:start!important; } .nova-right-rail{ grid-column:3; display:flex; flex-direction:column; gap:14px; min-width:0; align-self:start; } .nova-right-rail>.nova-dashboard-panel, .nova-right-rail>.nova-quiz-card{ width:100%; margin:0!important; } .nova-right-rail>.nova-dashboard-panel{align-self:stretch!important} .nova-right-rail>.nova-quiz-card{ grid-column:auto!important; min-height:0!important; padding:16px!important; } .nova-quiz-head h3{font-size:18px!important} .nova-quiz-meta{margin:10px 0 8px!important} .nova-quiz-question{font-size:14px!important;line-height:1.42!important;margin:6px 0 10px!important} .nova-quiz-options{gap:6px!important} .nova-quiz-option{padding:9px 10px!important;border-radius:10px!important;font-size:13px!important} .nova-quiz-feedback{min-height:0!important;margin-top:9px!important;padding:8px 10px!important;font-size:11px!important} .nova-quiz-link{margin-top:7px!important;font-size:11px!important} .nova-quiz-head .btn.small{padding:9px 11px!important;font-size:11px!important} /* Mondstand V18: kleiner und flacher, aber weiterhin klar lesbar. */ .nova-dashboard-panel .dashboard-moon-card{ margin-top:9px!important; border-radius:13px!important; } .nova-dashboard-panel .dashboard-moon-card .moon-status{ padding:9px 11px!important; gap:10px!important; } .nova-dashboard-panel .dashboard-moon-card .moon-status>span{ width:38px!important; height:38px!important; flex-basis:38px!important; font-size:31px!important; } .nova-dashboard-panel .dashboard-moon-card .moon-status small{ font-size:8px!important; margin-bottom:2px!important; } .nova-dashboard-panel .dashboard-moon-card .moon-status strong{ font-size:14px!important; } .nova-dashboard-panel .dashboard-moon-card .moon-status em{ margin-top:3px!important; font-size:9px!important; } /* Hero kompakter: Tageskarten rücken direkt unter den Hauptbereich. */ .nova-dashboard-hero{min-height:0!important;padding-bottom:10px!important} .dashboard-daily-grid{margin-top:8px!important} @media(max-width:1250px){ .nova-dashboard-hero{grid-template-columns:330px minmax(0,1fr)!important} .nova-right-rail{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:14px} .nova-right-rail>.nova-dashboard-panel{display:flex!important} .nova-right-rail>.nova-quiz-card{display:block!important} } @media(max-width:850px){ .nova-right-rail{display:flex;grid-column:auto;margin-top:14px} .nova-right-rail>.nova-dashboard-panel{display:flex!important} } @media(max-width:760px){ .nova-right-rail{gap:10px} .nova-right-rail>.nova-quiz-card{padding:14px!important} .nova-quiz-head{flex-direction:row!important;align-items:flex-start!important} .nova-quiz-head .btn{width:auto!important;flex:0 0 auto} } /* V18.2 Quiz Challenge */ .nova-quiz-head-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end} .nova-quiz-challenge{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:center;margin:10px 0 14px;padding:10px 12px;border:1px solid #cfe0f2;border-radius:12px;background:linear-gradient(135deg,#edf7ff,#f5fff1)} .nova-quiz-challenge>div{display:grid;gap:2px} .nova-quiz-challenge small{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:#60748b;font-weight:800} .nova-quiz-challenge strong{font-size:14px;color:#0a2d5b} .nova-quiz-challenge button{border:0;background:#0b2f5c;color:#fff;border-radius:9px;padding:8px 10px;font-weight:800;cursor:pointer;font-size:11px} .nova-quiz-next-hint{display:inline-block;margin-top:6px;font-size:11px;color:#64758a;font-weight:700} .nova-quiz-challenge-result{display:grid;gap:10px;margin-top:12px;padding:12px;border-radius:12px;background:linear-gradient(135deg,#eaf7ff,#efffe8);border:1px solid #cde5d7} .nova-quiz-challenge-result strong{line-height:1.45} .nova-quiz-challenge-result button{justify-self:start;border:0;border-radius:10px;padding:9px 12px;background:linear-gradient(135deg,#2459ff,#2fd28b);color:#fff;font-weight:800;cursor:pointer} @media(max-width:760px){.nova-quiz-head-actions{width:100%;justify-content:flex-start}.nova-quiz-challenge{grid-template-columns:1fr 1fr}.nova-quiz-challenge button{grid-column:1/-1}} /* V18.3 Manual Quiz Challenge */ .nova-quiz-next{margin-top:10px;width:100%} .nova-quiz-next[hidden]{display:none!important} /* V19.1 – Welt aktuell Multi-Source & Ereignisradar */ .nova-news-source-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0 14px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff}.nova-news-source-line b{color:var(--blue);font-size:12px}.nova-news-source-line span{color:var(--muted);font-size:11px}.nova-news-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:7px}.nova-news-tags em,.nova-news-tags i{font-style:normal;font-size:10px;font-weight:800;padding:4px 7px;border-radius:999px}.nova-news-tags em{background:#e9f3ff;color:#1559b7}.nova-news-tags i{background:#eef8ef;color:#287b3a}.nova-events-intro{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;margin-bottom:16px;padding:18px;border-radius:17px;background:linear-gradient(135deg,#071f3f,#0d4e86);color:#fff}.nova-events-intro span{font-size:11px;letter-spacing:1.3px;color:#7ce9ff;font-weight:800}.nova-events-intro h3{margin:6px 0;font-size:23px}.nova-events-intro p{margin:0;color:#c9def1;font-size:12px;line-height:1.55}.nova-event-source-badge{min-width:105px;text-align:center;padding:12px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.08)}.nova-event-source-badge b,.nova-event-source-badge small{display:block}.nova-event-source-badge b{font-size:28px}.nova-event-source-badge small{color:#c8deef;font-size:10px}.nova-event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.nova-event-group{border:1px solid var(--line);border-radius:16px;background:#fff;padding:14px}.nova-event-group header{display:flex;gap:10px;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--line)}.nova-event-group header>span{font-size:23px}.nova-event-group header b,.nova-event-group header small{display:block}.nova-event-group header small{color:var(--muted);font-size:10px;margin-top:2px}.nova-event-group>a{display:block;text-decoration:none;color:inherit;padding:11px 0;border-bottom:1px solid #edf2f7}.nova-event-group>a:last-child{border-bottom:0;padding-bottom:0}.nova-event-group>a strong,.nova-event-group>a small{display:block}.nova-event-group>a strong{font-size:13px;line-height:1.35}.nova-event-group>a small{margin-top:5px;color:var(--muted);font-size:10px}.nova-event-group>a:hover strong{color:var(--blue)}@media(max-width:700px){.nova-events-intro{grid-template-columns:1fr}.nova-event-source-badge{justify-self:start}.nova-event-grid{grid-template-columns:1fr}} /* V19.4 – 7-Day Weather Forecast */ .weather-week-panel{margin-top:22px;padding:20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#f8fbff,#fff)}.weather-week-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.weather-week-head h3{margin:5px 0 0;font:700 23px/1.15 Space Grotesk}.weather-week-head>small{color:var(--muted)}.weather-week-grid{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));gap:10px}.weather-week-day{min-width:0;padding:14px 10px;border:1px solid var(--line);border-radius:15px;background:#fff;text-align:center;display:grid;gap:7px;box-shadow:0 7px 20px rgba(33,74,117,.06)}.weather-week-date b,.weather-week-date small{display:block}.weather-week-date b{text-transform:capitalize}.weather-week-date small,.weather-week-day>small{color:var(--muted);font-size:11px}.weather-week-icon{font-size:30px}.weather-week-day>strong{font-size:19px}.weather-week-day>strong em{font-size:14px;font-style:normal;color:var(--muted);font-weight:600}.weather-week-loading{grid-column:1/-1;color:var(--muted);padding:14px}.dark .weather-week-panel,.dark-mode .weather-week-panel{background:rgba(255,255,255,.04)}.dark .weather-week-day,.dark-mode .weather-week-day{background:rgba(255,255,255,.06)}@media(max-width:900px){.weather-week-grid{display:flex;overflow-x:auto;padding-bottom:6px}.weather-week-day{min-width:125px}}@media(max-width:600px){.weather-week-panel{padding:16px 12px}.weather-week-head{align-items:flex-start;flex-direction:column}.weather-week-head h3{font-size:20px}} /* V19.5 – Complete Light/Dark Typography & Contrast Audit */ /* Shared readable typography across all cards, modules and generated modal content. */ body{font-synthesis:none} body .section-card h1,body .section-card h2,body .section-card h3, body .tile h3,body .modal-panel h1,body .modal-panel h2,body .modal-panel h3, body .module-output h1,body .module-output h2,body .module-output h3{letter-spacing:-.01em} body .section-card p,body .tile p,body .modal-panel p,body .module-output p, body .info-panel p,body .list-item small{line-height:1.55} /* Light mode: force clear dark text where older module styles used inherited pale colors. */ body:not(.dark-mode) .modal-panel, body:not(.dark-mode) .module-output, body:not(.dark-mode) .info-panel, body:not(.dark-mode) .list-item, body:not(.dark-mode) .result-box, body:not(.dark-mode) .restaurant-card, body:not(.dark-mode) .book-card, body:not(.dark-mode) .movie-card, body:not(.dark-mode) .music-card, body:not(.dark-mode) .local-choice-grid button, body:not(.dark-mode) .geo-action-grid button, body:not(.dark-mode) .country-list button, body:not(.dark-mode) .book-category-grid button{color:#07152d} body:not(.dark-mode) .modal-panel h1, body:not(.dark-mode) .modal-panel h2, body:not(.dark-mode) .modal-panel h3, body:not(.dark-mode) .modal-panel h4, body:not(.dark-mode) .modal-panel b, body:not(.dark-mode) .modal-panel strong, body:not(.dark-mode) .module-output b, body:not(.dark-mode) .module-output strong{color:#07152d} body:not(.dark-mode) .modal-panel p, body:not(.dark-mode) .modal-panel small, body:not(.dark-mode) .module-intro, body:not(.dark-mode) .module-output small, body:not(.dark-mode) .info-panel p{color:#58677d} body:not(.dark-mode) .module-tabs button, body:not(.dark-mode) .calculator-tabs button, body:not(.dark-mode) .choice-grid button, body:not(.dark-mode) .country-quick button, body:not(.dark-mode) .country-list button, body:not(.dark-mode) .book-category-grid button{color:#0b2348;background:#f7faff} body:not(.dark-mode) .module-tabs button.active, body:not(.dark-mode) .calculator-tabs button.active, body:not(.dark-mode) .book-category-grid button.active, body:not(.dark-mode) .module-tabs button:hover, body:not(.dark-mode) .calculator-tabs button:hover, body:not(.dark-mode) .choice-grid button:hover{color:#fff} /* Dark mode: comprehensive text contrast for every dynamic module. */ body.dark-mode .modal-panel, body.dark-mode .module-output, body.dark-mode .info-panel, body.dark-mode .result, body.dark-mode .result-box, body.dark-mode .list-item, body.dark-mode .restaurant-card, body.dark-mode .book-card, body.dark-mode .movie-card, body.dark-mode .music-card, body.dark-mode .local-choice-grid button, body.dark-mode .geo-action-grid button, body.dark-mode .country-list button, body.dark-mode .book-category-grid button{color:#eaf3ff!important} body.dark-mode .modal-panel h1, body.dark-mode .modal-panel h2, body.dark-mode .modal-panel h3, body.dark-mode .modal-panel h4, body.dark-mode .modal-panel h5, body.dark-mode .modal-panel b, body.dark-mode .modal-panel strong, body.dark-mode .module-output h1, body.dark-mode .module-output h2, body.dark-mode .module-output h3, body.dark-mode .module-output b, body.dark-mode .module-output strong, body.dark-mode .info-panel h1, body.dark-mode .info-panel h2, body.dark-mode .info-panel h3, body.dark-mode .info-panel b, body.dark-mode .info-panel strong, body.dark-mode .list-item b{color:#f4f8ff!important} body.dark-mode .modal-panel p, body.dark-mode .modal-panel small, body.dark-mode .module-intro, body.dark-mode .module-output p, body.dark-mode .module-output small, body.dark-mode .info-panel p, body.dark-mode .info-panel small, body.dark-mode .list-item small, body.dark-mode .restaurant-card p, body.dark-mode .restaurant-card small, body.dark-mode .book-card span, body.dark-mode .book-card small, body.dark-mode .movie-card span, body.dark-mode .movie-card small, body.dark-mode .music-card span, body.dark-mode .music-card small{color:#afc2d5!important} body.dark-mode label{color:#dceaff} body.dark-mode a:not(.btn):not(.brand):not(.sidebar-brand):not(.floating-nova){color:#79c7ff} body.dark-mode a:not(.btn):not(.brand):not(.sidebar-brand):not(.floating-nova):hover{color:#a9dcff} /* Keep interactive controls legible in both themes. */ body.dark-mode .module-tabs button, body.dark-mode .calculator-tabs button, body.dark-mode .choice-grid button, body.dark-mode .country-quick button, body.dark-mode .country-list button, body.dark-mode .book-category-grid button, body.dark-mode .local-choice-grid button, body.dark-mode .geo-action-grid button{background:#102941!important;color:#eaf3ff!important;border-color:#31506b!important} body.dark-mode .module-tabs button.active, body.dark-mode .calculator-tabs button.active, body.dark-mode .book-category-grid button.active, body.dark-mode .module-tabs button:hover, body.dark-mode .calculator-tabs button:hover, body.dark-mode .choice-grid button:hover, body.dark-mode .country-quick button:hover, body.dark-mode .country-list button:hover, body.dark-mode .book-category-grid button:hover, body.dark-mode .local-choice-grid button:hover, body.dark-mode .geo-action-grid button:hover{color:#fff!important;background:linear-gradient(135deg,#2459ff,#159fc9)!important;border-color:transparent!important} body.dark-mode .btn.primary{color:#fff!important} body.dark-mode .btn.secondary{color:#eaf3ff!important;background:#102941!important;border-color:#31506b!important} body.dark-mode button:disabled{color:#748ba2!important;opacity:.7} /* Form text and option menus. */ body.dark-mode input,body.dark-mode select,body.dark-mode textarea{color:#f3f8ff!important;background:#071827!important;border-color:#31506b!important} body.dark-mode input::placeholder,body.dark-mode textarea::placeholder{color:#8fa5ba!important;opacity:1} body.dark-mode select option{background:#0b1f34;color:#f3f8ff} /* Main dashboard/cards typography. */ body.dark-mode .section-card h2,body.dark-mode .section-card h3, body.dark-mode .tile h3,body.dark-mode .smart-life-card h3, body.dark-mode .daily-tip-card h3{color:#f4f8ff!important} body.dark-mode .section-card p,body.dark-mode .tile p, body.dark-mode .smart-life-card p,body.dark-mode .daily-tip-card p{color:#afc2d5!important} body:not(.dark-mode) .section-card h2,body:not(.dark-mode) .section-card h3, body:not(.dark-mode) .tile h3{color:#07152d} body:not(.dark-mode) .section-card p,body:not(.dark-mode) .tile p{color:#58677d} /* 7-day forecast: explicit contrast in both themes. */ body:not(.dark-mode) .weather-week-panel{color:#07152d} body:not(.dark-mode) .weather-week-day{color:#07152d} body.dark-mode .weather-week-panel{background:#0b2036!important;border-color:#29445f!important;color:#eaf3ff!important} body.dark-mode .weather-week-day{background:#102941!important;border-color:#31506b!important;color:#f4f8ff!important} body.dark-mode .weather-week-date b,body.dark-mode .weather-week-day>strong{color:#f4f8ff!important} body.dark-mode .weather-week-date small,body.dark-mode .weather-week-day>small, body.dark-mode .weather-week-day>strong em,body.dark-mode .weather-week-head>small, body.dark-mode .weather-week-loading{color:#afc2d5!important} /* World/Google News edition and country selector. */ body.dark-mode .world-country-picker-head span{color:#f4f8ff!important} body.dark-mode .world-country-picker-head small{color:#afc2d5!important} body:not(.dark-mode) .world-country-picker-head span{color:#07152d} body:not(.dark-mode) .world-country-picker-head small{color:#58677d} /* Accessibility: visible keyboard focus in both modes. */ button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(20,102,232,.45);outline-offset:2px} body.dark-mode button:focus-visible,body.dark-mode a:focus-visible,body.dark-mode input:focus-visible,body.dark-mode select:focus-visible,body.dark-mode textarea:focus-visible{outline-color:rgba(111,220,255,.72)} /* ========================================================= NOVA AI V19.8 · WIDE QUIZ LAYOUT Quiz aus der rechten Rail herausgelöst und als breite horizontale Wissensfläche direkt unter dem Hero platziert. ========================================================= */ .nova-right-rail{grid-column:3!important;display:flex!important;flex-direction:column!important;gap:0!important} .nova-right-rail>.nova-dashboard-panel{width:100%!important;margin:0!important} .nova-quiz-wide-wrap{ max-width:1600px; margin:0 auto 14px; padding:0 3vw; } .nova-quiz-wide-wrap .nova-quiz-card{ width:100%!important; margin:0!important; grid-column:auto!important; min-height:0!important; padding:18px 20px!important; display:grid!important; grid-template-columns:minmax(180px,.72fr) minmax(420px,1.7fr) minmax(250px,1fr); grid-template-areas: "head question feedback" "meta question feedback" "challenge question feedback" "actions question feedback"; column-gap:22px; row-gap:8px; align-items:start; } .nova-quiz-wide-wrap .nova-quiz-head{grid-area:head;display:block!important;margin:0!important} .nova-quiz-wide-wrap .nova-quiz-head h3{font-size:20px!important;margin:5px 0 10px!important} .nova-quiz-wide-wrap .nova-quiz-head-actions{grid-area:actions;display:grid!important;grid-template-columns:1fr!important;gap:7px!important;justify-content:stretch!important} .nova-quiz-wide-wrap .nova-quiz-head-actions .btn{width:100%!important;justify-content:center!important} .nova-quiz-wide-wrap .nova-quiz-meta{grid-area:meta;display:flex!important;justify-content:flex-start!important;gap:8px!important;flex-wrap:wrap;margin:0!important} .nova-quiz-wide-wrap .nova-quiz-challenge{grid-area:challenge;margin:4px 0 0!important;grid-template-columns:1fr 1fr!important} .nova-quiz-wide-wrap .nova-quiz-challenge button{grid-column:1/-1;width:100%} .nova-quiz-wide-wrap .nova-quiz-question{grid-area:question;margin:0 0 12px!important;font-size:16px!important;line-height:1.5!important} .nova-quiz-wide-wrap .nova-quiz-options{grid-area:question;margin-top:54px;gap:8px!important} .nova-quiz-wide-wrap .nova-quiz-option{font-size:13px!important;padding:10px 12px!important} .nova-quiz-wide-wrap .nova-quiz-feedback{grid-area:feedback;margin:0!important;min-height:150px!important;padding:14px!important;font-size:13px!important;line-height:1.55!important} .nova-quiz-wide-wrap .nova-quiz-link{grid-area:feedback;align-self:end;margin-top:165px!important;width:max-content;max-width:100%;font-size:12px!important} .nova-quiz-wide-wrap .nova-quiz-next{grid-column:2;justify-self:start;margin-top:4px} @media(max-width:1250px){ .nova-dashboard-hero{grid-template-columns:330px minmax(0,1fr) 340px!important} .nova-right-rail{grid-column:3!important;display:flex!important} .nova-quiz-wide-wrap .nova-quiz-card{grid-template-columns:minmax(170px,.7fr) minmax(360px,1.45fr) minmax(220px,.9fr)} } @media(max-width:1000px){ .nova-dashboard-hero{grid-template-columns:330px minmax(0,1fr)!important} .nova-right-rail{grid-column:1/-1!important;margin-top:14px!important} .nova-quiz-wide-wrap .nova-quiz-card{ grid-template-columns:minmax(180px,.7fr) minmax(0,1.6fr); grid-template-areas: "head question" "meta question" "challenge question" "actions feedback"; } .nova-quiz-wide-wrap .nova-quiz-feedback{min-height:110px!important} .nova-quiz-wide-wrap .nova-quiz-link{grid-area:feedback;margin-top:125px!important} } @media(max-width:760px){ .nova-quiz-wide-wrap{padding:0 10px;margin:12px auto 18px} .nova-quiz-wide-wrap .nova-quiz-card{display:block!important;padding:16px!important} .nova-quiz-wide-wrap .nova-quiz-head{display:flex!important;flex-direction:column!important} .nova-quiz-wide-wrap .nova-quiz-head-actions{display:flex!important;flex-wrap:wrap!important;margin-top:10px} .nova-quiz-wide-wrap .nova-quiz-head-actions .btn{width:auto!important;flex:1 1 140px!important} .nova-quiz-wide-wrap .nova-quiz-meta{margin:10px 0!important;justify-content:space-between!important} .nova-quiz-wide-wrap .nova-quiz-challenge{display:grid!important;margin:10px 0 14px!important} .nova-quiz-wide-wrap .nova-quiz-question{margin:8px 0 12px!important} .nova-quiz-wide-wrap .nova-quiz-options{margin-top:0!important} .nova-quiz-wide-wrap .nova-quiz-feedback{min-height:0!important;margin-top:10px!important} .nova-quiz-wide-wrap .nova-quiz-link{margin-top:8px!important;width:auto} } /* V19 Standort automatisch finden */ .dashboard-locate-btn{ width:100%; margin-top:9px; min-height:38px; border:1px solid rgba(79,176,255,.35); border-radius:10px; background:rgba(255,255,255,.09); color:#dff4ff; font-weight:800; cursor:pointer; transition:.2s; } .dashboard-locate-btn:hover{ background:rgba(83,190,255,.18); border-color:rgba(101,205,255,.65); transform:translateY(-1px); } .dashboard-locate-btn:disabled{ opacity:.65; cursor:wait; transform:none; } .dashboard-locate-note{ display:block; margin-top:7px; color:#9fb8d2; font-size:10px; line-height:1.35; } body.dark-mode-theme .dashboard-locate-btn{ background:rgba(255,255,255,.08); color:#e7f6ff; } /* V21 – Börsenkurse & Sport Ergebnisse */ .live-market-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0} .live-market-card{min-height:126px;display:grid;place-items:center;gap:6px;padding:16px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#fff,#f4f9ff);color:var(--ink);text-decoration:none;text-align:center;transition:.2s} .live-market-card:hover{transform:translateY(-3px);border-color:var(--blue);box-shadow:0 14px 30px rgba(20,102,232,.13)} .live-market-card span{font-size:30px}.live-market-card b{font-size:15px}.live-market-card small{color:var(--blue);font-weight:700} .sports-result-card{background:linear-gradient(145deg,#fff,#f6fff4)} .finance-live-tile i,.sports-live-tile i{font-size:36px} body.dark-mode-theme .live-market-card{background:linear-gradient(145deg,#0d2748,#0a203d);color:#f1f7ff;border-color:#294a70} body.dark-mode-theme .live-market-card small{color:#7fd8ff} @media(max-width:760px){.live-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:430px){.live-market-grid{grid-template-columns:1fr}} /* V21.1 – direkte Kursanzeige */ .live-quote-card{align-content:start;gap:10px} .live-quote-head{display:flex;align-items:center;justify-content:center;gap:8px} .live-quote-head span{font-size:24px} .live-quote-widget{width:100%;min-height:78px;display:grid;place-items:center;overflow:hidden;border-radius:12px} .live-quote-card>a{font-size:12px;font-weight:800;color:var(--blue);text-decoration:none} .live-quote-card>a:hover{text-decoration:underline} .live-quote-widget .tradingview-widget-container{width:100%} /* V21.4 – Rechner: vollständige Hell-/Dunkel-Kompatibilität */ .calculator-tabs{ display:flex; flex-wrap:wrap; gap:10px; margin:16px 0; } .calculator-tabs button{ min-height:44px; border:1px solid #cbd9ea; background:#f7faff; color:#0b2348; padding:11px 15px; border-radius:13px; font-weight:800; cursor:pointer; transition:.2s; } .calculator-tabs button:hover{ border-color:#4a8df5; background:#eaf3ff; color:#0b2348; } .calculator-tabs button.active, .calculator-tabs button.active:hover{ background:linear-gradient(135deg,#2459ff,#2fd28b); color:#fff; border-color:transparent; box-shadow:0 8px 20px rgba(36,89,255,.18); } #calcArea{ background:#f8fbff; color:#0b1c37; border:1px solid #dde7f2; } #calcArea .calc-form, #calcArea .form-grid{ color:#193253; } #calcArea input, #calcArea select{ background:#fff; color:#0b1c37; border:1px solid #c9d7e8; } #calcArea input::placeholder{color:#708197} #calcArea .btn.primary{ color:#fff; } #calcArea h3, #calcArea strong{ color:#0b1c37; } /* Dunkelmodus Rechner */ body.dark-mode-theme .calculator-tabs button{ background:#122b4b; color:#eaf4ff; border-color:#355477; } body.dark-mode-theme .calculator-tabs button:hover{ background:#18385f; color:#fff; border-color:#5e8fc4; } body.dark-mode-theme .calculator-tabs button.active, body.dark-mode-theme .calculator-tabs button.active:hover{ background:linear-gradient(135deg,#3970ff,#28c88a); color:#fff; border-color:transparent; } body.dark-mode-theme #calcArea{ background:#0b203b; color:#edf6ff; border-color:#294867; } body.dark-mode-theme #calcArea .calc-form, body.dark-mode-theme #calcArea .form-grid, body.dark-mode-theme #calcArea label{ color:#dcecff; } body.dark-mode-theme #calcArea input, body.dark-mode-theme #calcArea select{ background:#102a49; color:#fff; border-color:#355a7e; } body.dark-mode-theme #calcArea input::placeholder{color:#9eb3c9} body.dark-mode-theme #calcArea h3, body.dark-mode-theme #calcArea strong{ color:#fff; } body.dark-mode-theme #calcArea .module-output.compact{ background:#102a49; color:#fff; border-color:#355a7e; } body.dark-mode-theme #calcArea .btn.primary{ color:#fff; } body.dark-mode-theme #calcArea .btn.secondary{ background:#152f50; color:#eef7ff; border-color:#3c6288; } body.dark-mode-theme #calcArea .btn.secondary:hover{ background:#1d426d; color:#fff; } @media(max-width:650px){ .calculator-tabs{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); } .calculator-tabs button{width:100%} } @media(max-width:420px){ .calculator-tabs{grid-template-columns:1fr} } /* V21.5 – Börse & Sport: Umschaltbuttons Hell/Dunkel */ .module-tabs [data-stock-view], .module-tabs [data-sport-view], .module-tabs button{ border:1px solid #cbd9ea; background:#f7faff; color:#0b2348; font-weight:800; transition:.2s; } .module-tabs [data-stock-view]:hover, .module-tabs [data-sport-view]:hover, .module-tabs button:hover{ background:#eaf3ff; color:#0b2348; border-color:#4a8df5; } .module-tabs [data-stock-view].active, .module-tabs [data-sport-view].active, .module-tabs button.active{ background:linear-gradient(135deg,#2459ff,#2fd28b); color:#fff; border-color:transparent; box-shadow:0 8px 20px rgba(36,89,255,.16); } .module-tabs [data-stock-view].active:hover, .module-tabs [data-sport-view].active:hover, .module-tabs button.active:hover{ color:#fff; } body.dark-mode-theme .module-tabs [data-stock-view], body.dark-mode-theme .module-tabs [data-sport-view], body.dark-mode-theme .module-tabs button{ background:#122b4b; color:#eaf4ff; border-color:#355477; } body.dark-mode-theme .module-tabs [data-stock-view]:hover, body.dark-mode-theme .module-tabs [data-sport-view]:hover, body.dark-mode-theme .module-tabs button:hover{ background:#18385f; color:#fff; border-color:#5e8fc4; } body.dark-mode-theme .module-tabs [data-stock-view].active, body.dark-mode-theme .module-tabs [data-sport-view].active, body.dark-mode-theme .module-tabs button.active{ background:linear-gradient(135deg,#3970ff,#28c88a); color:#fff; border-color:transparent; } body.dark-mode-theme .module-tabs [data-stock-view].active:hover, body.dark-mode-theme .module-tabs [data-sport-view].active:hover, body.dark-mode-theme .module-tabs button.active:hover{ color:#fff; } /* V21.6 – Calculator Pro */ .calculator-pro{display:grid;gap:18px}.calculator-pro-head{display:flex;gap:14px;align-items:flex-start}.calculator-pro-title-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:#f1f6fd;font-size:25px;flex:0 0 auto}.calculator-pro-head h2{margin:2px 0 5px!important}.calculator-pro-head p{margin:0;color:var(--muted)} .calculator-top-tabs{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:14px;border-bottom:1px solid var(--line)}.calculator-top-tabs button{border:1px solid #cbd9ea;background:#f7faff;color:#0b2348;padding:10px 14px;border-radius:10px;font-weight:800;cursor:pointer}.calculator-top-tabs button:hover{background:#eaf3ff}.calculator-top-tabs button.active{background:linear-gradient(135deg,#2459ff,#2fd28b);color:#fff;border-color:transparent} .calculator-pro-layout{display:grid;grid-template-columns:220px 1fr;gap:18px}.calculator-pro-sidebar{border-right:1px solid var(--line);padding-right:14px}.calculator-pro-sidebar>small{display:block;font-size:10px;letter-spacing:1.4px;color:var(--muted);font-weight:800;margin:4px 0 10px}.calculator-pro-menu{display:grid;gap:3px;max-height:590px;overflow:auto;padding-right:3px}.calculator-pro-menu button{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:8px;text-align:left;border:0;background:transparent;color:var(--ink);padding:9px 10px;border-radius:10px;cursor:pointer}.calculator-pro-menu button:hover{background:#eef5ff}.calculator-pro-menu button.active{background:#e2efff;color:#1466e8}.calculator-pro-menu span{font-size:17px}.calculator-pro-menu b{font-size:12px} .calculator-pro-content{min-height:470px;border:1px solid var(--line);border-radius:16px;padding:18px;background:#fff}.calc-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:18px}.calc-panel-head h3{margin:0 0 4px;font-size:20px}.calc-panel-head p{margin:0;color:var(--muted);font-size:12px}.calc-reset{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:10px;padding:9px 12px;font-weight:700;cursor:pointer} .calc-basic{display:grid;grid-template-columns:1fr auto;gap:12px}.calc-basic>input{min-height:50px;border:1px solid #c9d7e8;border-radius:10px;padding:0 13px;font:inherit}.calc-result-label{grid-column:1/-1;font-size:11px;color:var(--muted)}.calc-basic>strong{grid-column:1/-1;font-size:32px;color:#1670ea}.calc-keypad{grid-column:1/-1;display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.calc-keypad button{min-height:42px;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:9px;font-weight:800;cursor:pointer}.calc-keypad button:hover{background:#eef5ff}.calc-keypad button.equal{background:linear-gradient(135deg,#2459ff,#2fd28b);color:#fff;border-color:transparent} .calculator-all-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.calculator-all-grid button{display:grid;grid-template-columns:34px 1fr 14px;gap:8px;align-items:center;text-align:left;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:12px;padding:12px;cursor:pointer}.calculator-all-grid button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(20,70,120,.08)}.calculator-all-grid span{font-size:22px}.calculator-all-grid b,.calculator-all-grid small{display:block}.calculator-all-grid small{color:var(--muted);font-size:10px;margin-top:2px}.calculator-all-grid em{font-style:normal;color:var(--blue);font-size:20px} body.dark-mode-theme .calculator-pro-title-icon{background:#112944;color:#eaf4ff}body.dark-mode-theme .calculator-top-tabs button{background:#122b4b;color:#eaf4ff;border-color:#355477}body.dark-mode-theme .calculator-top-tabs button:hover{background:#18385f}body.dark-mode-theme .calculator-top-tabs button.active{background:linear-gradient(135deg,#3970ff,#28c88a);color:#fff}body.dark-mode-theme .calculator-pro-sidebar{border-color:#294867}body.dark-mode-theme .calculator-pro-menu button{color:#dcecff}body.dark-mode-theme .calculator-pro-menu button:hover{background:#143354}body.dark-mode-theme .calculator-pro-menu button.active{background:#174477;color:#fff}body.dark-mode-theme .calculator-pro-content{background:#0b203b;border-color:#294867;color:#edf6ff}body.dark-mode-theme .calc-reset{background:#122b4b;color:#fff;border-color:#355477}body.dark-mode-theme .calc-basic>input,body.dark-mode-theme .calculator-pro-content input,body.dark-mode-theme .calculator-pro-content select{background:#102a49;color:#fff;border-color:#355a7e}body.dark-mode-theme .calc-keypad button{background:#142c49;color:#fff;border-color:#2f4c6a}body.dark-mode-theme .calc-keypad button:hover{background:#1b3c61}body.dark-mode-theme .calc-keypad button.equal{background:linear-gradient(135deg,#3970ff,#28c88a)}body.dark-mode-theme .calculator-all-grid button{background:#102a49;color:#fff;border-color:#355a7e}body.dark-mode-theme .calculator-all-grid small{color:#9eb3c9} @media(max-width:900px){.calculator-pro-layout{grid-template-columns:1fr}.calculator-pro-sidebar{border-right:0;border-bottom:1px solid var(--line);padding-right:0;padding-bottom:12px}.calculator-pro-menu{grid-template-columns:repeat(3,1fr);max-height:none}.calculator-all-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.calculator-top-tabs{display:grid;grid-template-columns:repeat(2,1fr)}.calculator-pro-menu{grid-template-columns:repeat(2,1fr)}.calculator-all-grid{grid-template-columns:1fr}.calc-basic{grid-template-columns:1fr}.calc-keypad{grid-template-columns:repeat(4,1fr)}} /* V21.8 – Sportmodul vollständige Hell-/Dunkel-Kompatibilität */ .sports-tabs{ display:flex; flex-wrap:wrap; gap:10px; margin:16px 0; } .sports-tabs button{ min-height:44px; border:1px solid #cbd9ea; background:#f7faff; color:#0b2348; padding:11px 16px; border-radius:13px; font-weight:800; cursor:pointer; transition:.2s; } .sports-tabs button:hover{ background:#eaf3ff; color:#0b2348; border-color:#4a8df5; } .sports-tabs button.active, .sports-tabs button.active:hover{ background:linear-gradient(135deg,#2459ff,#2fd28b); color:#fff; border-color:transparent; box-shadow:0 8px 20px rgba(36,89,255,.17); } #sportsOutput{ background:#f8fbff; color:#0b1c37; border-color:#dde7f2; } #sportsOutput .module-intro{color:#58677d} .sports-result-card{ background:linear-gradient(145deg,#fff,#f6fff4); color:#07152d; border-color:#dce6f1; } .sports-result-card:hover{ border-color:#1466e8; background:#fff; } .sports-result-card small{color:#1466e8} #novaSportsSearch{ background:#fff; color:#0b1c37; border-color:#c9d7e8; } #novaSportsSearch::placeholder{color:#708197} body.dark-mode-theme .sports-tabs button{ background:#122b4b; color:#eaf4ff; border-color:#355477; } body.dark-mode-theme .sports-tabs button:hover{ background:#18385f; color:#fff; border-color:#5e8fc4; } body.dark-mode-theme .sports-tabs button.active, body.dark-mode-theme .sports-tabs button.active:hover{ background:linear-gradient(135deg,#3970ff,#28c88a); color:#fff; border-color:transparent; } body.dark-mode-theme #sportsOutput{ background:#0b203b; color:#edf6ff; border-color:#294867; } body.dark-mode-theme #sportsOutput .module-intro{color:#b9cbe0} body.dark-mode-theme .sports-result-card{ background:linear-gradient(145deg,#102a49,#0d243f); color:#fff; border-color:#355a7e; } body.dark-mode-theme .sports-result-card:hover{ background:#173654; border-color:#67a8e8; } body.dark-mode-theme .sports-result-card small{color:#7fd8ff} body.dark-mode-theme #novaSportsSearch{ background:#102a49; color:#fff; border-color:#355a7e; } body.dark-mode-theme #novaSportsSearch::placeholder{color:#9eb3c9} body.dark-mode-theme #novaSportsGo{ color:#fff; } @media(max-width:650px){ .sports-tabs{display:grid;grid-template-columns:1fr 1fr} .sports-tabs button{width:100%} } @media(max-width:430px){ .sports-tabs{grid-template-columns:1fr} } /* V21.9 – FINAL Sport Switch Button Fix */ #moduleModal .sports-tabs{ display:flex !important; flex-wrap:wrap !important; gap:10px !important; margin:16px 0 !important; } #moduleModal .sports-tabs .sport-switch-btn{ appearance:none !important; -webkit-appearance:none !important; min-height:46px !important; padding:11px 17px !important; border-radius:12px !important; border:1px solid #b9cbe0 !important; background:#f5f8fc !important; color:#10233f !important; font-weight:800 !important; box-shadow:none !important; opacity:1 !important; cursor:pointer !important; transition:background .2s,border-color .2s,color .2s,transform .2s !important; } #moduleModal .sports-tabs .sport-switch-btn:hover{ background:#e7f1ff !important; border-color:#4a8df5 !important; color:#0b2348 !important; transform:translateY(-1px) !important; } #moduleModal .sports-tabs .sport-switch-btn.active, #moduleModal .sports-tabs .sport-switch-btn.active:hover, #moduleModal .sports-tabs .sport-switch-btn:focus-visible{ background:linear-gradient(135deg,#2459ff,#2fd28b) !important; border-color:transparent !important; color:#fff !important; box-shadow:0 8px 22px rgba(36,89,255,.2) !important; } body.dark-mode-theme #moduleModal .sports-tabs .sport-switch-btn{ background:#132b48 !important; border-color:#365a7d !important; color:#eaf4ff !important; box-shadow:none !important; } body.dark-mode-theme #moduleModal .sports-tabs .sport-switch-btn:hover{ background:#1a3a60 !important; border-color:#6596c6 !important; color:#fff !important; } body.dark-mode-theme #moduleModal .sports-tabs .sport-switch-btn.active, body.dark-mode-theme #moduleModal .sports-tabs .sport-switch-btn.active:hover, body.dark-mode-theme #moduleModal .sports-tabs .sport-switch-btn:focus-visible{ background:linear-gradient(135deg,#3970ff,#28c88a) !important; border-color:transparent !important; color:#fff !important; box-shadow:0 8px 22px rgba(0,0,0,.28) !important; } @media(max-width:650px){ #moduleModal .sports-tabs{ display:grid !important; grid-template-columns:1fr 1fr !important; } } @media(max-width:430px){ #moduleModal .sports-tabs{ grid-template-columns:1fr !important; } } /* ========================================================= NOVA AI V22.1.1 · MOBILE SIDEBAR HEIGHT FIX Mehr sichtbare Themen; Statusleiste tiefer und kompakter. ========================================================= */ @media(max-width:650px){ .nova-sidebar{ height:100dvh; bottom:auto; padding:14px 12px max(10px,env(safe-area-inset-bottom)); } .sidebar-head{padding-bottom:12px} .nova-sidebar>.sidebar-nav:not(.sidebar-modules){margin-top:10px;gap:3px} .nova-sidebar>.sidebar-nav:not(.sidebar-modules) a, .nova-sidebar>.sidebar-nav:not(.sidebar-modules) button{min-height:42px;padding:5px 8px} .nova-sidebar>.sidebar-nav:not(.sidebar-modules) a span, .nova-sidebar>.sidebar-nav:not(.sidebar-modules) button span{width:31px;height:31px;font-size:16px} .sidebar-divider{margin:10px 5px 8px} .sidebar-section-title{padding:0 8px;font-size:8px} .sidebar-modules{ margin-top:5px; padding-bottom:6px; min-height:120px; flex:1 1 auto; } .sidebar-modules button{min-height:43px;padding:5px 8px} .sidebar-modules button span{width:31px;height:31px;font-size:16px} .sidebar-modules button b{font-size:12px} .sidebar-status{ margin-top:6px; padding:8px 10px; min-height:52px; border-radius:12px; } .sidebar-status b{font-size:10px} .sidebar-status small{font-size:8px;margin-top:1px} } /* ========================================================= NOVA AI V22.1.2 · MOBILE MENU THEME FIX Menü-Schaltfläche oben rechts klar in Hell- und Dunkelmodus. ========================================================= */ @media(max-width:1100px){ .topbar .menu-toggle{ display:grid!important; place-items:center; width:44px; height:44px; min-width:44px; padding:0; margin-left:auto; border-radius:13px; border:1px solid #c9d8e8; background:#ffffff; color:#0b2342; box-shadow:0 7px 18px rgba(8,31,58,.10); font-size:0; line-height:1; cursor:pointer; transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease; } .topbar .menu-toggle::before{ content:'☰'; font-size:24px; font-weight:800; line-height:1; } .topbar .menu-toggle:hover, .topbar .menu-toggle:focus-visible{ background:#edf6ff; border-color:#72aee8; color:#075da8; box-shadow:0 9px 22px rgba(20,102,232,.16); } .topbar .menu-toggle:active{transform:scale(.96)} body.dark-mode .topbar .menu-toggle{ background:#0d2034; color:#eef8ff; border-color:#284760; box-shadow:0 8px 22px rgba(0,0,0,.28); } body.dark-mode .topbar .menu-toggle:hover, body.dark-mode .topbar .menu-toggle:focus-visible{ background:#12304c; border-color:#3c83ba; color:#72d5ff; box-shadow:0 0 0 3px rgba(70,173,236,.12),0 9px 24px rgba(0,0,0,.32); } /* Beim geöffneten Drawer übernimmt das X die Navigation; der Header-Button bleibt dahinter verborgen. */ body.sidebar-open .topbar .menu-toggle{visibility:hidden;pointer-events:none} } @media(max-width:650px){ .topbar .menu-toggle{width:42px;height:42px;min-width:42px;border-radius:12px} .topbar .menu-toggle::before{font-size:23px} } /* V22.2 Interactive NOVA Impulse */ .nova-impulse-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.nova-impulse-actions .btn{min-height:42px}.nova-impulse-reflection{margin-top:12px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.72);line-height:1.55}.nova-impulse-reflection strong,.nova-impulse-reflection p,.nova-impulse-reflection small{display:block}.nova-impulse-reflection p{margin:7px 0}.nova-impulse-reflection small{color:var(--muted)}body.dark-mode .nova-impulse-reflection,[data-theme="dark"] .nova-impulse-reflection{background:rgba(7,28,56,.72);color:#eef7ff;border-color:rgba(255,255,255,.14)}@media(max-width:650px){.nova-impulse-actions{display:grid;grid-template-columns:1fr 1fr}.nova-impulse-actions .btn{padding:10px 8px}} /* V22.2.2 – NOVA Now: Vertiefung, Denkaufgabe & Bewegungsübung */ .nova-impulse-reflection{margin-top:14px;padding:20px;border:1px solid #cfe0f2;border-radius:18px;background:rgba(255,255,255,.86);line-height:1.55} .nova-reflection-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:8px} .nova-reflection-head>strong{font-size:20px;color:var(--ink)} .nova-reflection-head button{border:0;background:transparent;color:var(--blue);font-weight:800;cursor:pointer;padding:8px 0} .nova-reflection-head button:hover{text-decoration:underline} .nova-reflection-lead{margin:4px 0 16px;color:var(--muted);font-size:16px} .nova-reflection-cards{display:grid;gap:12px} .nova-reflection-card{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:start;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff} .nova-reflection-card>span{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;font-size:23px;background:#eef6ff;box-shadow:0 7px 18px rgba(27,91,160,.12)} .nova-reflection-card strong{display:block;font-size:17px;margin:1px 0 4px;color:var(--ink)} .nova-reflection-card p{margin:0;color:var(--muted);line-height:1.55} .nova-reflection-card.deepen{background:linear-gradient(135deg,#f5f9ff,#fff);border-color:#cfe0f2} .nova-reflection-card.task{background:linear-gradient(135deg,#fffaf0,#fff);border-color:#f1dfae} .nova-reflection-card.task>span{background:#fff0b8} .nova-reflection-card.movement{background:linear-gradient(135deg,#f4fbf1,#fff);border-color:#cfe7c4} .nova-reflection-card.movement>span{background:#ddf5cf} body.dark-mode .nova-impulse-reflection,[data-theme="dark"] .nova-impulse-reflection{background:rgba(7,28,56,.82);border-color:rgba(255,255,255,.14)} body.dark-mode .nova-reflection-head>strong,[data-theme="dark"] .nova-reflection-head>strong,body.dark-mode .nova-reflection-card strong,[data-theme="dark"] .nova-reflection-card strong{color:#eef7ff} body.dark-mode .nova-reflection-lead,[data-theme="dark"] .nova-reflection-lead,body.dark-mode .nova-reflection-card p,[data-theme="dark"] .nova-reflection-card p{color:#b9cce0} body.dark-mode .nova-reflection-card,[data-theme="dark"] .nova-reflection-card{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.13)} body.dark-mode .nova-reflection-card>span,[data-theme="dark"] .nova-reflection-card>span{background:rgba(255,255,255,.09)} @media(max-width:650px){.nova-impulse-reflection{padding:15px}.nova-reflection-head{align-items:flex-start;flex-direction:column}.nova-reflection-card{grid-template-columns:40px 1fr;padding:13px}.nova-reflection-card>span{width:40px;height:40px;font-size:20px}} /* V22.4 – NOVA English Learning */ .english-learning-module{max-width:920px}.english-levels,.english-modes{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0}.english-levels button,.english-modes button{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:12px;padding:10px 13px;font-weight:800;cursor:pointer}.english-levels button.active,.english-modes button.active,.english-levels button:hover,.english-modes button:hover{background:linear-gradient(135deg,#2459ff,#2fd28b);color:#fff;border-color:transparent}.english-exercise{margin-top:18px;padding:22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#f8fbff,#fff)}.english-question-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.english-question-head span{font-weight:900;color:var(--blue)}.english-question-head small{padding:6px 10px;border-radius:999px;background:#eaf4ff;color:#174ba5;font-weight:800}.english-exercise h3{font-size:22px;margin:14px 0 18px}.english-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.english-options button{min-height:54px;border:1px solid #cbd9e8;border-radius:13px;background:#fff;color:var(--ink);font-weight:750;text-align:left;padding:12px 14px;cursor:pointer}.english-options button:hover{border-color:var(--blue);transform:translateY(-1px)}.english-options button.correct{background:#e8f8ec;border-color:#52bd6e;color:#17622a}.english-options button.wrong{background:#fff0f1;border-color:#e5747d;color:#9a2630}.english-answer-row{display:grid;grid-template-columns:1fr auto;gap:10px}.english-answer-row input{min-height:50px;border:1px solid #cbd9e8;border-radius:12px;padding:0 14px;background:#fff;color:var(--ink)}.english-feedback{margin-top:14px}.english-feedback>div{padding:15px;border-radius:14px;border:1px solid var(--line);background:#fff}.english-feedback strong,.english-feedback p,.english-feedback small,.english-feedback em{display:block}.english-feedback p{margin:6px 0}.english-feedback small{color:var(--muted);line-height:1.5}.english-feedback em{margin-top:8px;font-style:normal;font-weight:700;color:#24537d}.english-correct{border-color:#b8e0c2!important;background:#f2fbf4!important}.english-wrong{border-color:#efc6ca!important;background:#fff7f7!important}.english-next-row{display:flex;justify-content:flex-end;margin-top:14px}.english-learning-tile{background:linear-gradient(145deg,#f1f6ff,#fff,#f6fff2)}body.dark-mode .english-levels button,[data-theme="dark"] .english-levels button,body.dark-mode .english-modes button,[data-theme="dark"] .english-modes button,body.dark-mode .english-options button,[data-theme="dark"] .english-options button,body.dark-mode .english-answer-row input,[data-theme="dark"] .english-answer-row input{background:#102d4b;color:#eef7ff;border-color:#365a79}body.dark-mode .english-exercise,[data-theme="dark"] .english-exercise{background:rgba(8,30,55,.8);border-color:rgba(255,255,255,.13)}body.dark-mode .english-question-head small,[data-theme="dark"] .english-question-head small{background:#173b5d;color:#8edcff}body.dark-mode .english-feedback>div,[data-theme="dark"] .english-feedback>div{background:#102d4b;color:#eef7ff;border-color:#365a79}body.dark-mode .english-feedback small,[data-theme="dark"] .english-feedback small{color:#b9cce0}body.dark-mode .english-feedback em,[data-theme="dark"] .english-feedback em{color:#8edcff}body.dark-mode .english-correct,[data-theme="dark"] .english-correct{background:#123b2a!important;color:#ecfff2;border-color:#347a52!important}body.dark-mode .english-wrong,[data-theme="dark"] .english-wrong{background:#482127!important;color:#fff0f1;border-color:#8e4751!important}@media(max-width:650px){.english-levels{display:grid;grid-template-columns:repeat(3,1fr)}.english-modes{display:grid;grid-template-columns:1fr 1fr}.english-options{grid-template-columns:1fr}.english-answer-row{grid-template-columns:1fr}.english-exercise{padding:16px}.english-exercise h3{font-size:19px}.english-next-row .btn{width:100%}} /* V23 – NOVA English Memory & Progress */ .english-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 16px}.english-toolbar .active{background:linear-gradient(135deg,#2459ff,#2fd28b);color:#fff;border-color:transparent}.english-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:10px}.english-stats>div{padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#fff,#f4f9ff);display:grid;gap:3px}.english-stats small{color:var(--muted);font-size:10px}.english-stats strong{font-size:17px}.english-progress{height:8px;background:#e5edf6;border-radius:999px;overflow:hidden;margin:0 0 17px}.english-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2459ff,#12bde4,#65cf45);transition:width .3s}.english-audio-row{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.english-audio-row button{border:1px solid var(--line);background:#f7faff;color:var(--ink);border-radius:10px;padding:8px 11px;font-weight:750;cursor:pointer}.english-audio-row button:hover{border-color:var(--blue);color:var(--blue)}body.dark-mode .english-stats>div,body.dark-mode .english-audio-row button{background:#102846;color:#edf7ff;border-color:#38516e}body.dark-mode .english-progress{background:#203b59}@media(max-width:650px){.english-stats{grid-template-columns:1fr 1fr}.english-toolbar{display:grid;grid-template-columns:1fr}.english-toolbar button{width:100%}} /* V23.2 – NOVA English typography and contrast audit */ .english-learning-module{color:#0a1c34} .english-learning-module .eyebrow{color:#1263d6;font-weight:900;letter-spacing:1.45px} .english-learning-module #modalTitle{color:#07172c;font-weight:800;letter-spacing:-.035em} .english-learning-module .module-intro{color:#425874;font-weight:600;line-height:1.55} .english-toolbar .btn.secondary{background:#fff;color:#0b2d55;border-color:#6e98c6;box-shadow:none} .english-toolbar .btn.secondary:hover{background:#edf6ff;color:#0759bc;border-color:#1670dd} .english-levels button,.english-modes button{background:#fff;color:#244768;border-color:#b9cce0;box-shadow:0 2px 5px rgba(10,52,92,.04)} .english-levels button:hover,.english-modes button:hover{color:#fff} .english-levels button.active,.english-modes button.active{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.16)} .english-exercise{background:#fff;color:#0a1c34;border-color:#b9cde2;box-shadow:0 12px 34px rgba(18,64,108,.09)} .english-stats>div{background:#f8fbff;border-color:#aebfd3;color:#0b2748} .english-stats small{color:#5a7695;font-weight:700} .english-stats strong{color:#071c38;font-weight:900} .english-question-head span{color:#0962cd;font-weight:900} .english-question-head small{background:#e8f3ff;color:#0f4f91} .english-exercise h3{color:#0b2544;font-weight:800;line-height:1.4} .english-options button{background:#fff;color:#173b60;border-color:#b7cce1;font-weight:800} .english-options button:hover{background:#f1f7ff;color:#0759bc;border-color:#1670dd} .english-audio-row button{background:#fff;color:#0f355c;border-color:#7fa2c7;font-weight:800} .english-audio-row button:hover{background:#edf6ff;color:#0759bc;border-color:#1670dd} .english-next-row .btn{background:#0b2e51;color:#fff;border-color:#0b2e51;box-shadow:none} .english-next-row .btn:hover{background:#0759bc;border-color:#0759bc} .english-feedback>div{color:#0a1c34} .english-feedback small{color:#49627d} body.dark-mode .english-learning-module,[data-theme="dark"] .english-learning-module{color:#eef7ff} body.dark-mode .english-learning-module .eyebrow,[data-theme="dark"] .english-learning-module .eyebrow{color:#4aa8ff} body.dark-mode .english-learning-module #modalTitle,[data-theme="dark"] .english-learning-module #modalTitle{color:#f7fbff} body.dark-mode .english-learning-module .module-intro,[data-theme="dark"] .english-learning-module .module-intro{color:#b8c9da} body.dark-mode .english-toolbar .btn.secondary,[data-theme="dark"] .english-toolbar .btn.secondary{background:#0b2239;color:#eef7ff;border-color:#3f688d} body.dark-mode .english-toolbar .btn.secondary:hover,[data-theme="dark"] .english-toolbar .btn.secondary:hover{background:#123553;color:#fff;border-color:#45a7ff} body.dark-mode .english-levels button,[data-theme="dark"] .english-levels button,body.dark-mode .english-modes button,[data-theme="dark"] .english-modes button{background:#0b2239;color:#eaf4ff;border-color:#345b7b;box-shadow:none} body.dark-mode .english-levels button:hover,[data-theme="dark"] .english-levels button:hover,body.dark-mode .english-modes button:hover,[data-theme="dark"] .english-modes button:hover{background:#123d61;color:#fff;border-color:#45a7ff} body.dark-mode .english-levels button.active,[data-theme="dark"] .english-levels button.active,body.dark-mode .english-modes button.active,[data-theme="dark"] .english-modes button.active{background:linear-gradient(135deg,#176cff,#19b9f0,#36c98a);color:#fff;border-color:transparent} body.dark-mode .english-exercise,[data-theme="dark"] .english-exercise{background:#f7f9fc;color:#0a1c34;border-color:#d5e0eb;box-shadow:0 18px 44px rgba(0,0,0,.28)} body.dark-mode .english-stats>div,[data-theme="dark"] .english-stats>div{background:#f6f9fd;color:#0b2748;border-color:#9fb6ce} body.dark-mode .english-stats small,[data-theme="dark"] .english-stats small{color:#5d7690} body.dark-mode .english-stats strong,[data-theme="dark"] .english-stats strong{color:#071c38} body.dark-mode .english-question-head span,[data-theme="dark"] .english-question-head span{color:#0a63c7} body.dark-mode .english-question-head small,[data-theme="dark"] .english-question-head small{background:#e6f1fd;color:#164f88} body.dark-mode .english-exercise h3,[data-theme="dark"] .english-exercise h3{color:#0b2544} body.dark-mode .english-options button,[data-theme="dark"] .english-options button{background:#fff;color:#173b60;border-color:#b7cce1} body.dark-mode .english-options button:hover,[data-theme="dark"] .english-options button:hover{background:#edf6ff;color:#0759bc;border-color:#1670dd} body.dark-mode .english-audio-row button,[data-theme="dark"] .english-audio-row button{background:#fff;color:#0f355c;border-color:#7fa2c7} body.dark-mode .english-audio-row button:hover,[data-theme="dark"] .english-audio-row button:hover{background:#edf6ff;color:#0759bc;border-color:#1670dd} body.dark-mode .english-next-row .btn,[data-theme="dark"] .english-next-row .btn{background:#0b2e51;color:#fff;border-color:#0b2e51} body.dark-mode .english-feedback>div,[data-theme="dark"] .english-feedback>div{background:#fff;color:#0a1c34;border-color:#b7cce1} body.dark-mode .english-feedback small,[data-theme="dark"] .english-feedback small{color:#49627d} body.dark-mode .english-feedback em,[data-theme="dark"] .english-feedback em{color:#0b5ca8} body.dark-mode .english-correct,[data-theme="dark"] .english-correct{background:#eaf8ee!important;color:#155b2a!important;border-color:#54aa6a!important} body.dark-mode .english-wrong,[data-theme="dark"] .english-wrong{background:#fff0f1!important;color:#8e2530!important;border-color:#d86e79!important} @media(max-width:650px){ .english-learning-module #modalTitle{font-size:32px;line-height:1.08} .english-learning-module .module-intro{font-size:14px} .english-levels button,.english-modes button{min-height:46px} .english-exercise{padding:17px} .english-stats small{font-size:11px} .english-stats strong{font-size:18px} } /* ========================================================= NOVA AI V23.3 – English Speech Upgrade ========================================================= */ .english-pronunciation{ display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:14px 0 8px; } .english-pronunciation>span{ font-size:12px; font-weight:800; color:#526b88; } .english-pronunciation button{ min-height:38px; padding:8px 13px; border:1px solid #bfd0e5; border-radius:11px; background:#f7faff; color:#102a4d; font-weight:800; cursor:pointer; } .english-pronunciation button.active{ border-color:#1686ff; background:linear-gradient(135deg,#156cff,#20bfe5); color:#fff; box-shadow:0 7px 18px rgba(21,108,255,.2); } body.dark-mode .english-pronunciation>span{color:#a9c8e7} body.dark-mode .english-pronunciation button{ border-color:#355777; background:#081b2d; color:#eaf5ff; } body.dark-mode .english-pronunciation button.active{ border-color:#32bfff; background:linear-gradient(135deg,#075cff,#12b8e8); color:#fff; } @media(max-width:520px){ .english-pronunciation{align-items:stretch} .english-pronunciation>span{width:100%} .english-pronunciation button{flex:1 1 140px} } /* V23.5 – English Learning Expansion */ .english-learning-module{max-width:1120px} .english-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:14px} .english-overview{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:9px;min-width:430px} .english-overview>div{padding:12px 14px;border:1px solid #b9cde2;border-radius:14px;background:#f8fbff;display:grid;gap:4px} .english-overview small{color:#5a7695;font-weight:800}.english-overview strong{color:#071c38;font-size:18px} .english-feature-strip{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0 16px}.english-feature-strip span{padding:8px 11px;border-radius:999px;background:#edf5ff;color:#174f8e;border:1px solid #c7daf0;font-weight:800;font-size:12px} .english-challenge-status{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 13px;margin-bottom:14px;border-radius:13px;background:linear-gradient(135deg,#fff5c9,#e9fff2);border:1px solid #d8c974;color:#17324f} #englishChallenge.active{background:#0b2e51;color:#fff;border-color:#0b2e51} body.dark-mode .english-overview>div,[data-theme="dark"] .english-overview>div{background:#0b2239;border-color:#3f688d}body.dark-mode .english-overview small,[data-theme="dark"] .english-overview small{color:#a9bfd3}body.dark-mode .english-overview strong,[data-theme="dark"] .english-overview strong{color:#fff} body.dark-mode .english-feature-strip span,[data-theme="dark"] .english-feature-strip span{background:#0b2239;color:#dceeff;border-color:#3f688d} @media(max-width:900px){.english-hero{flex-direction:column}.english-overview{min-width:0;width:100%}} @media(max-width:650px){.english-overview{grid-template-columns:1fr}.english-feature-strip{display:grid;grid-template-columns:1fr 1fr}.english-challenge-status{align-items:flex-start;flex-direction:column}.english-modes{grid-template-columns:1fr}} /* V23.5 Check-Fix – sichtbarer Abschluss der 10-Fragen-Challenge */ .english-challenge-finish{margin-top:12px;padding:12px 14px;border-radius:12px;background:linear-gradient(135deg,#fff4bd,#e9fff2);border:1px solid #d8c66c;color:#17324f} .english-challenge-finish strong{display:block;margin-bottom:4px} .english-challenge-finish p{margin:0!important} body.dark-mode .english-challenge-finish,[data-theme="dark"] .english-challenge-finish{background:linear-gradient(135deg,#3b3211,#123c31);border-color:#6d6330;color:#f4f8ff} /* ========================================================= NOVA AI V23.6 – MEDIA DAILY EDITION ========================================================= */ .nova-media-daily{ display:grid;grid-template-columns:96px minmax(0,1fr) minmax(230px,300px); gap:20px;align-items:stretch;margin:18px 0 22px;padding:20px; border:1px solid #bcd8f4;border-radius:20px; background:linear-gradient(135deg,#eef7ff 0%,#fff 52%,#effdf5 100%); box-shadow:0 14px 36px rgba(14,77,142,.11) } .nova-media-daily-icon{ min-height:150px;border-radius:18px;display:grid;place-items:center; font-size:50px;background:linear-gradient(145deg,#0a2b55,#1267c8); color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16) } .nova-media-daily-copy{display:flex;flex-direction:column;align-items:flex-start} .nova-media-daily-copy h3{margin:7px 0 3px;font:700 27px/1.1 Space Grotesk;color:#07152d} .nova-media-daily-copy>strong{color:#174e91;font-size:15px} .nova-media-daily-copy>small{margin-top:5px;color:#5a6f88;font-weight:700} .nova-media-daily-copy>p{margin:11px 0 14px;line-height:1.55;color:#344a63} .nova-media-daily-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:auto} .nova-daily-personal{width:100%;margin:2px 0 14px} .nova-daily-personal>span{ display:block;margin-bottom:7px;color:#526b84;font-size:11px;font-weight:850; letter-spacing:.03em } .nova-daily-personal>div{display:flex;gap:6px;flex-wrap:wrap} .nova-daily-personal button{ min-height:34px;padding:7px 10px;border:1px solid #bfd1e4;border-radius:999px; background:#fff;color:#17395f;font-size:11px;font-weight:850;cursor:pointer; transition:transform .16s,background .16s,border-color .16s } .nova-daily-personal button:hover{transform:translateY(-1px);border-color:#4589e7;background:#eef6ff} .nova-daily-personal button.active{ border-color:transparent;background:linear-gradient(135deg,#2459ff,#19bfe0,#55cf68); color:#fff;box-shadow:0 6px 15px rgba(36,89,255,.18) } .nova-media-text-link{font-size:12px;font-weight:800;color:#1466e8;text-decoration:none;padding:8px} .nova-media-favorite{ border:1px solid #a9bed4;background:#fff;color:#183858;border-radius:10px; padding:10px 13px;font-weight:800;cursor:pointer } .nova-media-favorite.active{background:#fff5c9;border-color:#f0be36;color:#6a4a00} .nova-media-new-card{ display:grid;grid-template-columns:42px 1fr;gap:8px 11px; padding:16px;border-radius:17px;border:1px solid #d8e5f2;background:#fff } .nova-media-new-card>span{grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#edf6ff;font-size:23px} .nova-media-new-card small{display:block;color:#1466e8;font-size:10px;font-weight:900;letter-spacing:.8px} .nova-media-new-card b{display:block;margin-top:3px;color:#0b2445} .nova-media-new-card p{margin:8px 0;color:#5d7086;font-size:12px;line-height:1.45} .nova-media-new-card>a{grid-column:1/-1;align-self:end;text-decoration:none;color:#1466e8;font-size:12px;font-weight:850;padding-top:9px;border-top:1px solid #e0e9f2} body.dark-mode .nova-media-daily, [data-theme="dark"] .nova-media-daily{ border-color:#275278;background:linear-gradient(135deg,#071b34,#0a2848 58%,#0a332f); box-shadow:0 18px 45px rgba(0,0,0,.25) } body.dark-mode .nova-media-daily-copy h3, [data-theme="dark"] .nova-media-daily-copy h3{color:#f4f9ff} body.dark-mode .nova-media-daily-copy>strong, [data-theme="dark"] .nova-media-daily-copy>strong{color:#68c9ff} body.dark-mode .nova-media-daily-copy>small, body.dark-mode .nova-media-daily-copy>p, [data-theme="dark"] .nova-media-daily-copy>small, [data-theme="dark"] .nova-media-daily-copy>p{color:#c4d5e7} body.dark-mode .nova-media-new-card, [data-theme="dark"] .nova-media-new-card{background:#091d36;border-color:#284965} body.dark-mode .nova-media-new-card b, [data-theme="dark"] .nova-media-new-card b{color:#f2f8ff} body.dark-mode .nova-media-new-card p, [data-theme="dark"] .nova-media-new-card p{color:#bfd0e1} body.dark-mode .nova-media-new-card>span, [data-theme="dark"] .nova-media-new-card>span{background:#123456} body.dark-mode .nova-media-favorite, [data-theme="dark"] .nova-media-favorite{background:#0d2946;border-color:#3b6c93;color:#eef8ff} body.dark-mode .nova-media-favorite.active, [data-theme="dark"] .nova-media-favorite.active{background:#584619;border-color:#e6bd44;color:#fff4c1} body.dark-mode .nova-daily-personal>span, [data-theme="dark"] .nova-daily-personal>span{color:#adc3d9} body.dark-mode .nova-daily-personal button, [data-theme="dark"] .nova-daily-personal button{background:#102d4a;border-color:#3d6385;color:#eef7ff} body.dark-mode .nova-daily-personal button.active, [data-theme="dark"] .nova-daily-personal button.active{ border-color:transparent;background:linear-gradient(135deg,#3970ff,#1dc4d8,#42bd72);color:#fff } @media(max-width:850px){ .nova-media-daily{grid-template-columns:74px 1fr} .nova-media-daily-icon{min-height:120px;font-size:40px} .nova-media-new-card{grid-column:1/-1} } @media(max-width:560px){ .nova-media-daily{grid-template-columns:1fr;padding:14px;gap:13px} .nova-media-daily-icon{min-height:82px} .nova-media-daily-copy h3{font-size:23px} .nova-media-daily-actions{display:grid;grid-template-columns:1fr;width:100%} .nova-media-daily-actions .btn,.nova-media-favorite{width:100%} .nova-media-text-link{text-align:center} .nova-daily-personal>div{display:grid;grid-template-columns:1fr 1fr;width:100%} .nova-daily-personal button{width:100%;border-radius:11px} } /* ========================================================= NOVA AI V23.7 – STOCK MARKET THEME EDITION ========================================================= */ .stock-market-module{display:grid;gap:17px} .stock-market-module .module-intro{max-width:820px;line-height:1.55;margin-top:-8px} .stock-market-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .stock-switch-btn{ display:grid;grid-template-columns:46px 1fr;grid-template-rows:auto auto; column-gap:12px;align-items:center;text-align:left;min-height:82px; padding:14px 16px;border:1px solid #c8d8e9;border-radius:15px; background:#f7fbff;color:#102847;cursor:pointer;transition:.2s; box-shadow:0 6px 18px rgba(20,67,116,.05) } .stock-switch-btn>span{ grid-row:1/3;width:46px;height:46px;display:grid;place-items:center; border-radius:13px;background:#e7f2ff;font-size:23px } .stock-switch-btn b{font-size:15px;color:inherit} .stock-switch-btn small{margin-top:2px;color:#61758c;font-size:11px;font-weight:650} .stock-switch-btn:hover{ transform:translateY(-2px);background:#edf6ff;border-color:#5b9cf2; box-shadow:0 10px 24px rgba(20,102,232,.12) } .stock-switch-btn.active{ color:#fff;border-color:transparent; background:linear-gradient(125deg,#165fe8,#12b9df 62%,#45c879); box-shadow:0 12px 26px rgba(21,105,224,.22) } .stock-switch-btn.active>span{background:rgba(255,255,255,.18)} .stock-switch-btn.active small{color:#e9f7ff} .stock-market-output{ min-height:300px;padding:18px;border:1px solid #d7e3ef;border-radius:18px; background:linear-gradient(145deg,#f8fbff,#fff) } .stock-market-section-head{ display:flex;align-items:flex-end;justify-content:space-between;gap:14px; margin-bottom:14px } .stock-market-section-head span{font-size:10px;font-weight:900;letter-spacing:1.2px;color:#1466e8} .stock-market-section-head h3{margin:5px 0 0;font-size:21px;color:#0c2341} .stock-market-section-head>small{ padding:7px 10px;border-radius:999px;background:#eaf3ff;color:#1b5fae;font-weight:800 } .stock-market-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px} .stock-market-card{ position:relative;display:grid;grid-template-columns:48px 1fr 20px;gap:11px; align-items:center;min-height:105px;padding:15px;border:1px solid #d5e2ee; border-radius:15px;background:#fff;color:#10243f;text-decoration:none; transition:.2s;overflow:hidden } .stock-market-card:before{ content:"";position:absolute;left:0;top:0;bottom:0;width:4px; background:linear-gradient(#1767e8,#1ec4d4,#5fc64c);opacity:.75 } .stock-market-card:hover{ transform:translateY(-3px);border-color:#63a2ed; box-shadow:0 13px 28px rgba(20,83,148,.13) } .stock-market-icon{ width:48px;height:48px;display:grid;place-items:center;border-radius:13px; background:#edf5ff;font-size:24px } .stock-market-copy{display:grid;gap:3px;min-width:0} .stock-market-copy small{color:#58708b;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px} .stock-market-copy b{font-size:15px;color:#0c2341} .stock-market-copy em{font-style:normal;color:#1466e8;font-size:11px;font-weight:750} .stock-market-arrow{color:#4286d8;font-size:18px} .stock-market-footer{ display:flex;justify-content:space-between;align-items:center;gap:14px; padding:14px 16px;border:1px solid #d6e3ef;border-radius:15px;background:#f7fbff } .stock-market-footer>div{display:flex;gap:9px;align-items:flex-start} .stock-market-footer p{margin:0;color:#536b83;font-size:12px;line-height:1.45} .stock-market-footer p b{color:#153453} .stock-finance-main-btn{ flex:0 0 auto;padding:11px 15px;border-radius:11px; background:#0e2d50;color:#fff;text-decoration:none;font-size:12px;font-weight:850 } .stock-finance-main-btn:hover{background:#165fa9} body.dark-mode-theme .stock-market-module .module-intro{color:#bfd0e1} body.dark-mode-theme .stock-switch-btn{ background:#0e2947;color:#eaf4ff;border-color:#315477; box-shadow:none } body.dark-mode-theme .stock-switch-btn>span{background:#163a60} body.dark-mode-theme .stock-switch-btn small{color:#a9bdd2} body.dark-mode-theme .stock-switch-btn:hover{ background:#173a60;color:#fff;border-color:#5f8ebd } body.dark-mode-theme .stock-switch-btn.active{ background:linear-gradient(125deg,#2769ed,#13afd6 62%,#35bd78); color:#fff;border-color:transparent } body.dark-mode-theme .stock-switch-btn.active small{color:#effaff} body.dark-mode-theme .stock-market-output{ background:linear-gradient(145deg,#071b33,#0b2441); border-color:#2c4c6d } body.dark-mode-theme .stock-market-section-head h3{color:#f3f8ff} body.dark-mode-theme .stock-market-section-head>small{background:#13375c;color:#8bd7ff} body.dark-mode-theme .stock-market-card{ background:#0e2947;color:#e9f4ff;border-color:#31516f } body.dark-mode-theme .stock-market-card:hover{ background:#13365a;border-color:#5f91be; box-shadow:0 13px 28px rgba(0,0,0,.25) } body.dark-mode-theme .stock-market-icon{background:#173a60} body.dark-mode-theme .stock-market-copy small{color:#9fb6cc} body.dark-mode-theme .stock-market-copy b{color:#f5f9ff} body.dark-mode-theme .stock-market-copy em{color:#71d3ff} body.dark-mode-theme .stock-market-arrow{color:#71d3ff} body.dark-mode-theme .stock-market-footer{ background:#0d2744;border-color:#2f506f } body.dark-mode-theme .stock-market-footer p{color:#b8cadc} body.dark-mode-theme .stock-market-footer p b{color:#f2f7ff} body.dark-mode-theme .stock-finance-main-btn{ background:#1872c8;color:#fff;border:1px solid #4698dc } body.dark-mode-theme .stock-finance-main-btn:hover{background:#2587df} @media(max-width:850px){ .stock-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:620px){ .stock-market-tabs{grid-template-columns:1fr} .stock-market-output{padding:13px} .stock-market-grid{grid-template-columns:1fr} .stock-market-footer{align-items:stretch;flex-direction:column} .stock-finance-main-btn{text-align:center} } /* ========================================================= NOVA AI V23.8 – TRAVEL BOOKING EDITION ========================================================= */ .nova-travel-booking{display:grid;gap:18px} .travel-search-panel{ padding:20px;border:1px solid #bcd8f3;border-radius:20px; background:linear-gradient(135deg,#eef7ff,#fff 56%,#effdf5); box-shadow:0 14px 34px rgba(18,79,145,.1) } .travel-search-head,.travel-provider-head{ display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:15px } .travel-search-head small,.travel-provider-head small{ color:#1466e8;font-size:10px;font-weight:900;letter-spacing:1px } .travel-search-head h3,.travel-provider-head h3{margin:4px 0 0;color:#0b2342;font-size:21px} .travel-search-head>span,.travel-provider-head>span{ padding:7px 10px;border-radius:999px;background:#e7f5ed;color:#177145;font-size:11px;font-weight:800 } .travel-mode-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:16px} .travel-mode-tabs button{ min-height:70px;border:1px solid #cbdbea;border-radius:14px;background:#fff; color:#12304f;display:grid;place-items:center;gap:3px;cursor:pointer;font-weight:800 } .travel-mode-tabs button span{font-size:22px} .travel-mode-tabs button:hover{border-color:#5ca2ef;background:#f0f7ff} .travel-mode-tabs button.active{ border-color:transparent;color:#fff; background:linear-gradient(125deg,#1766e8,#17bad8 64%,#49c97c); box-shadow:0 10px 22px rgba(20,102,232,.19) } .travel-search-grid{ display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) minmax(150px,1.1fr); gap:10px;align-items:end } .travel-search-grid label{display:grid;gap:6px;color:#24425f;font-size:11px;font-weight:800} .travel-search-grid input,.travel-search-grid select{ width:100%;height:48px;border:1px solid #c8d8e8;border-radius:11px; background:#fff;color:#0c223d;padding:0 11px } .travel-search-main-btn{ min-height:48px;border:0;border-radius:12px;color:#fff;cursor:pointer; background:linear-gradient(125deg,#135fdc,#11b8d8,#4cc779); display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto; column-gap:7px;align-items:center;text-align:left;padding:8px 13px; box-shadow:0 10px 22px rgba(20,103,218,.2) } .travel-search-main-btn>span{grid-row:1/3;font-size:20px} .travel-search-main-btn b{font-size:13px} .travel-search-main-btn small{font-size:9px;color:#eafaff} .travel-search-hint{margin-top:11px;color:#60758a;font-size:11px} .travel-provider-section{ padding:18px;border:1px solid #d7e3ef;border-radius:18px;background:#f8fbff } .travel-provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .travel-provider-card{ display:grid;grid-template-columns:46px 1fr auto;gap:10px;align-items:center; min-height:92px;padding:13px;border:1px solid #d3e0ec;border-radius:14px; background:#fff;color:#102844;text-decoration:none;transition:.2s } .travel-provider-card:hover{ transform:translateY(-3px);border-color:#65a4eb; box-shadow:0 11px 25px rgba(18,76,137,.12) } .travel-provider-card>span{ width:46px;height:46px;display:grid;place-items:center;border-radius:13px; background:#edf5ff;font-size:23px } .travel-provider-card div{display:grid;gap:4px} .travel-provider-card b{font-size:13px} .travel-provider-card small{color:#60748a;font-size:10px;line-height:1.35} .travel-provider-card em{font-style:normal;color:#1466e8;font-size:10px;font-weight:850} .travel-world-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px} .travel-world-grid button{ min-height:116px;border:1px solid #d4e1ed;border-radius:16px;background:#fff; color:#102844;display:grid;place-items:center;gap:5px;padding:13px; text-align:center;cursor:pointer;transition:.2s } .travel-world-grid button:hover{transform:translateY(-3px);border-color:#5c9eea} .travel-world-grid span{font-size:27px} .travel-world-grid b{font-size:13px} .travel-world-grid small{color:#64778b;font-size:10px;line-height:1.4} .travel-legal-note{ display:flex;gap:9px;align-items:flex-start;padding:13px 15px; border:1px solid #d7e3ef;border-radius:14px;background:#f7fbff } .travel-legal-note p{margin:0;color:#5d7187;font-size:11px;line-height:1.5} body.dark-mode-theme .travel-search-panel{ background:linear-gradient(135deg,#071b33,#0b2746 58%,#0b332f); border-color:#2b5478 } body.dark-mode-theme .travel-search-head h3, body.dark-mode-theme .travel-provider-head h3{color:#f3f8ff} body.dark-mode-theme .travel-search-head>span, body.dark-mode-theme .travel-provider-head>span{background:#123d32;color:#9ff0c7} body.dark-mode-theme .travel-mode-tabs button{ background:#0e2947;color:#eaf5ff;border-color:#315477 } body.dark-mode-theme .travel-mode-tabs button:hover{background:#163a60} body.dark-mode-theme .travel-mode-tabs button.active{ background:linear-gradient(125deg,#286ce9,#14b3d4 64%,#36be76);border-color:transparent } body.dark-mode-theme .travel-search-grid label{color:#c5d6e7} body.dark-mode-theme .travel-search-grid input, body.dark-mode-theme .travel-search-grid select{ background:#0b2441;color:#f3f8ff;border-color:#31516f } body.dark-mode-theme .travel-search-hint{color:#aec1d4} body.dark-mode-theme .travel-provider-section{ background:#081d35;border-color:#2c4d6d } body.dark-mode-theme .travel-provider-card{ background:#0e2947;color:#eef7ff;border-color:#31516f } body.dark-mode-theme .travel-provider-card:hover{background:#14385d;border-color:#5c8db9} body.dark-mode-theme .travel-provider-card>span{background:#173a60} body.dark-mode-theme .travel-provider-card small{color:#adc0d3} body.dark-mode-theme .travel-provider-card em{color:#74d4ff} body.dark-mode-theme .travel-world-grid button{ background:#0d2845;color:#eff7ff;border-color:#2f506f } body.dark-mode-theme .travel-world-grid button:hover{background:#14395f} body.dark-mode-theme .travel-world-grid small{color:#afc2d4} body.dark-mode-theme .travel-legal-note{ background:#0c2744;border-color:#2f506f } body.dark-mode-theme .travel-legal-note p{color:#b9cadb} @media(max-width:900px){ .travel-mode-tabs{grid-template-columns:repeat(3,1fr)} .travel-search-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .travel-search-main-btn{min-height:54px} .travel-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .travel-world-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:560px){ .travel-search-panel,.travel-provider-section{padding:14px} .travel-search-head,.travel-provider-head{flex-direction:column} .travel-mode-tabs{grid-template-columns:repeat(2,1fr)} .travel-search-grid{grid-template-columns:1fr} .travel-provider-grid{grid-template-columns:1fr} .travel-world-grid{grid-template-columns:1fr 1fr} } @media(max-width:390px){.travel-world-grid{grid-template-columns:1fr}} /* ========================================================= NOVA AI V23.9 – LÄNDER & REISE HYBRID ========================================================= */ .geo-travel-hybrid{display:grid;gap:18px} .geo-travel-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px} .geo-travel-mode-tabs button{ min-height:54px;border:1px solid #c8d9ea;border-radius:14px;background:#f6faff; color:#12314f;font-weight:850;cursor:pointer } .geo-travel-mode-tabs button.active{ color:#fff;border-color:transparent;background:linear-gradient(125deg,#1766e8,#16b9d8,#48c879) } .geo-travel-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px} .geo-travel-point{ padding:17px;border:1px solid #d2e0ed;border-radius:19px;background:linear-gradient(145deg,#fff,#f5faff) } .geo-travel-point-head{display:flex;gap:12px;align-items:center;margin-bottom:13px} .geo-travel-point-head>span{ width:42px;height:42px;display:grid;place-items:center;border-radius:50%; background:linear-gradient(135deg,#1766e8,#18bdd6);color:#fff;font-weight:900 } .geo-travel-point-head small,.geo-travel-map-head small,.geo-travel-booking-head small{ color:#1466e8;font-size:10px;font-weight:900;letter-spacing:1px } .geo-travel-point-head h3,.geo-travel-map-head h3,.geo-travel-booking-head h3{ margin:3px 0 0;color:#0b2443;font-size:19px } .geo-travel-selects{display:grid;grid-template-columns:1fr 1fr;gap:10px} .geo-travel-selects label{display:grid;gap:6px;color:#294863;font-size:11px;font-weight:800} .geo-travel-selects select,.geo-travel-selects input{ width:100%;height:45px;border:1px solid #c9d8e7;border-radius:11px;background:#fff;color:#0c223d;padding:0 10px } .geo-travel-selects label:last-child{grid-column:1/-1} .geo-travel-selects label:last-child{grid-template-columns:1fr 1fr} .geo-travel-selects label:last-child>span{grid-column:1/-1} .geo-travel-selected{ margin-top:12px;padding:11px 12px;border-radius:12px;background:#edf6ff;border:1px solid #d1e3f4 } .geo-travel-selected small,.geo-travel-selected strong{display:block} .geo-travel-selected small{color:#597088;font-size:10px} .geo-travel-selected strong{margin-top:4px;color:#0d3157} .geo-travel-map-panel,.geo-travel-booking-panel{ padding:17px;border:1px solid #d6e3ef;border-radius:18px;background:#f8fbff } .geo-travel-map-head,.geo-travel-booking-head{ display:flex;justify-content:space-between;gap:12px;align-items:flex-start } .geo-travel-map-actions{display:flex;gap:8px;flex-wrap:wrap} .geo-travel-map-summary{ margin-top:13px;min-height:58px;display:flex;align-items:center;justify-content:center;gap:12px; padding:12px;border:1px dashed #b9cee3;border-radius:13px;background:#fff;color:#31516f } .geo-travel-map-summary b{color:#0c2f55} .geo-travel-transport-grid,.geo-travel-extra-actions{ display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:14px } .geo-travel-extra-actions{grid-template-columns:repeat(4,minmax(0,1fr))} .geo-travel-transport-grid button,.geo-travel-extra-actions button{ min-height:102px;border:1px solid #d3e0ec;border-radius:15px;background:#fff;color:#102844; display:grid;place-items:center;gap:4px;padding:12px;text-align:center;cursor:pointer;transition:.2s } .geo-travel-transport-grid button:hover,.geo-travel-extra-actions button:hover{ transform:translateY(-3px);border-color:#5f9fe8;box-shadow:0 10px 24px rgba(20,78,137,.12) } .geo-travel-transport-grid span,.geo-travel-extra-actions span{font-size:26px} .geo-travel-transport-grid b,.geo-travel-extra-actions b{font-size:13px} .geo-travel-transport-grid small,.geo-travel-extra-actions small{color:#60748a;font-size:10px} body.dark-mode-theme .geo-travel-mode-tabs button, body.dark-mode-theme .geo-travel-point, body.dark-mode-theme .geo-travel-map-panel, body.dark-mode-theme .geo-travel-booking-panel, body.dark-mode-theme .geo-travel-transport-grid button, body.dark-mode-theme .geo-travel-extra-actions button{ background:#0d2845;color:#eef7ff;border-color:#31516f } body.dark-mode-theme .geo-travel-mode-tabs button.active{ background:linear-gradient(125deg,#286ce9,#14b3d4,#36be76);border-color:transparent } body.dark-mode-theme .geo-travel-point-head h3, body.dark-mode-theme .geo-travel-map-head h3, body.dark-mode-theme .geo-travel-booking-head h3{color:#f4f8ff} body.dark-mode-theme .geo-travel-selects label{color:#c5d6e7} body.dark-mode-theme .geo-travel-selects select, body.dark-mode-theme .geo-travel-selects input{ background:#0b2441;color:#f3f8ff;border-color:#31516f } body.dark-mode-theme .geo-travel-selected{ background:#102f50;border-color:#315675 } body.dark-mode-theme .geo-travel-selected small{color:#a9bdd0} body.dark-mode-theme .geo-travel-selected strong{color:#f3f8ff} body.dark-mode-theme .geo-travel-map-summary{ background:#0b2441;border-color:#3d6283;color:#bed0e1 } body.dark-mode-theme .geo-travel-map-summary b{color:#f3f8ff} body.dark-mode-theme .geo-travel-transport-grid small, body.dark-mode-theme .geo-travel-extra-actions small{color:#aec1d4} @media(max-width:900px){ .geo-travel-columns{grid-template-columns:1fr} .geo-travel-transport-grid{grid-template-columns:repeat(3,1fr)} .geo-travel-extra-actions{grid-template-columns:repeat(2,1fr)} } @media(max-width:560px){ .geo-travel-mode-tabs{grid-template-columns:1fr} .geo-travel-selects{grid-template-columns:1fr} .geo-travel-selects label:last-child{grid-column:auto;grid-template-columns:1fr} .geo-travel-selects label:last-child>span{grid-column:auto} .geo-travel-map-head,.geo-travel-booking-head{flex-direction:column} .geo-travel-map-actions{width:100%} .geo-travel-map-actions .btn{width:100%} .geo-travel-transport-grid{grid-template-columns:repeat(2,1fr)} } /* ========================================================= NOVA AI V23.9.1 – TRAVEL PORTAL WITH COUNTRY SELECTION Keeps the original Travel Center visual layout. ========================================================= */ .travel-country-picker{ padding:18px;border:1px solid #c7ddf1;border-radius:19px; background:linear-gradient(145deg,#f8fbff,#eef7ff) } .travel-country-picker-head{ display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px } .travel-country-picker-head small{color:#1466e8;font-size:10px;font-weight:900;letter-spacing:1px} .travel-country-picker-head h3{margin:4px 0 0;color:#0b2443;font-size:20px} .travel-country-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px} .travel-country-point{ display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:15px; border:1px solid #d5e2ee;border-radius:16px;background:#fff } .travel-country-title{ grid-column:1/-1;display:flex;gap:10px;align-items:center;margin-bottom:2px } .travel-country-title>span{ width:38px;height:38px;display:grid;place-items:center;border-radius:50%; background:linear-gradient(135deg,#1766e8,#18bdd6);color:#fff;font-weight:900 } .travel-country-title small{display:block;color:#1466e8;font-size:9px;font-weight:900;letter-spacing:.8px} .travel-country-title b{display:block;margin-top:3px;color:#0b2443} .travel-country-point label{ display:grid;gap:5px;color:#294862;font-size:10px;font-weight:800 } .travel-country-point label:nth-of-type(3), .travel-country-point label:nth-of-type(4){grid-column:1/-1} .travel-country-point label:nth-of-type(4){grid-template-columns:1fr 1fr} .travel-country-point label:nth-of-type(4)>input, .travel-country-point label:nth-of-type(4)>select{min-width:0} .travel-country-point select,.travel-country-point input{ width:100%;height:43px;border:1px solid #c9d8e7;border-radius:10px; background:#fff;color:#0c223d;padding:0 10px } .travel-country-selected{ grid-column:1/-1;padding:10px 11px;border:1px solid #d5e6f6; border-radius:11px;background:#edf6ff } .travel-country-selected small,.travel-country-selected strong{display:block} .travel-country-selected small{color:#60758b;font-size:9px} .travel-country-selected strong{margin-top:3px;color:#0c3158;font-size:12px} .travel-map-combo{ display:flex;justify-content:space-between;align-items:center;gap:14px; padding:17px;border:1px solid #d7e3ef;border-radius:18px;background:#f8fbff } .travel-map-combo small{color:#1466e8;font-size:10px;font-weight:900;letter-spacing:1px} .travel-map-combo h3{margin:4px 0;color:#0b2443} .travel-map-combo p{margin:7px 0 0;color:#60758b;font-size:12px} .travel-map-combo>div:last-child{display:flex;gap:8px;flex-wrap:wrap} .travel-country-edition .travel-search-grid input[readonly]{ background:#f4f8fc;color:#24435f } body.dark-mode-theme .travel-country-picker, body.dark-mode-theme .travel-country-point, body.dark-mode-theme .travel-map-combo{ background:#0d2845;border-color:#31516f } body.dark-mode-theme .travel-country-picker-head h3, body.dark-mode-theme .travel-country-title b, body.dark-mode-theme .travel-map-combo h3{color:#f4f8ff} body.dark-mode-theme .travel-country-point label{color:#c6d7e7} body.dark-mode-theme .travel-country-point select, body.dark-mode-theme .travel-country-point input{ background:#0b2441;color:#f3f8ff;border-color:#31516f } body.dark-mode-theme .travel-country-selected{ background:#102f50;border-color:#315675 } body.dark-mode-theme .travel-country-selected small{color:#a9bdd0} body.dark-mode-theme .travel-country-selected strong{color:#f3f8ff} body.dark-mode-theme .travel-map-combo p{color:#b7c9da} body.dark-mode-theme .travel-country-edition .travel-search-grid input[readonly]{ background:#102b49;color:#eaf4ff } @media(max-width:850px){ .travel-country-grid{grid-template-columns:1fr} .travel-map-combo{align-items:flex-start;flex-direction:column} } @media(max-width:540px){ .travel-country-picker{padding:13px} .travel-country-picker-head{flex-direction:column} .travel-country-point{grid-template-columns:1fr} .travel-country-point label:nth-of-type(3), .travel-country-point label:nth-of-type(4){grid-column:auto} .travel-country-point label:nth-of-type(4){grid-template-columns:1fr} .travel-map-combo>div:last-child,.travel-map-combo .btn{width:100%} } /* V23.9.2 – City selection and booking transfer fix */ .travel-country-point select:not(:disabled){cursor:pointer} .travel-country-point select:disabled, .travel-country-point input:disabled{opacity:.68;cursor:not-allowed} .travel-country-selected strong{overflow-wrap:anywhere} .travel-country-point select option{color:#0c223d;background:#fff} body.dark-mode-theme .travel-country-point select option{color:#f3f8ff;background:#0b2441} /* V23.9.3 – Travel search logic and live route summary */ .travel-search-summary{ display:grid;gap:3px;margin-top:10px;padding:10px 12px;border:1px solid #d5e3ef; border-radius:12px;background:#f8fbff;color:#173654 } .travel-search-summary span{ color:#1466e8;font-size:9px;font-weight:900;letter-spacing:.8px;text-transform:uppercase } .travel-search-summary b{font-size:12px} .travel-search-summary small{color:#61758b;font-size:10px} body.dark-mode-theme .travel-search-summary{ background:#0d2845;color:#eef7ff;border-color:#31516f } body.dark-mode-theme .travel-search-summary small{color:#adc0d3} /* V23.9.4 – Travel button function feedback */ .travel-search-main-btn:active, .travel-map-combo .btn:active{transform:translateY(1px) scale(.99)} .travel-search-main-btn:focus-visible, .travel-map-combo .btn:focus-visible{ outline:3px solid rgba(20,102,232,.28); outline-offset:3px } /* ========================================================= NOVA AI V24.0 – NOVA TRAVEL WORLD ========================================================= */ .nova-travel-world .travel-world-status{ padding:8px 11px;border-radius:999px;background:#e7f5ed;color:#177145; font-size:11px;font-weight:850 } .nova-travel-world .travel-mode-tabs button{ position:relative;z-index:1;pointer-events:auto } .nova-travel-world .travel-mode-tabs button>*{pointer-events:none} .nova-travel-world .travel-search-main-btn, .nova-travel-world .travel-map-combo button{pointer-events:auto;position:relative;z-index:2} .nova-travel-world .travel-mode-tabs button:focus-visible, .nova-travel-world .travel-search-main-btn:focus-visible, .nova-travel-world .travel-map-combo button:focus-visible{ outline:3px solid rgba(20,102,232,.3);outline-offset:3px } body.dark-mode-theme .nova-travel-world .travel-world-status{background:#123d32;color:#9ff0c7} /* ========================================================= NOVA AI V24.1 – TRAVEL TIP & PORTAL EXPANSION ========================================================= */ .travel-tip-of-day{ display:grid;grid-template-columns:82px 1fr auto;gap:16px;align-items:center; padding:17px;border:1px solid #bcd9f3;border-radius:18px; background:linear-gradient(135deg,#eef7ff,#fff 58%,#effdf5); box-shadow:0 12px 30px rgba(20,79,140,.09) } .travel-tip-icon{ width:82px;height:82px;display:grid;place-items:center;border-radius:18px; background:linear-gradient(145deg,#0d4b99,#18afd1);font-size:38px } .travel-tip-copy small{color:#1466e8;font-size:10px;font-weight:900;letter-spacing:1px} .travel-tip-copy h3{margin:5px 0 3px;color:#0b2443;font-size:21px} .travel-tip-copy>span{color:#177145;font-size:11px;font-weight:850} .travel-tip-copy p{margin:8px 0 0;color:#526b83;font-size:12px;line-height:1.5} .travel-tip-actions{display:grid;gap:8px;min-width:190px} .travel-tip-actions button,.travel-tip-actions a{ min-height:40px;border-radius:11px;padding:10px 12px;text-align:center; font-size:11px;font-weight:850;text-decoration:none;cursor:pointer } .travel-tip-actions button{ border:0;color:#fff;background:linear-gradient(125deg,#1766e8,#18b9d7,#45c779) } .travel-tip-actions a{border:1px solid #c7d9ea;background:#fff;color:#1466e8} .travel-provider-grid{grid-template-columns:repeat(3,minmax(0,1fr))} body.dark-mode-theme .travel-tip-of-day{ background:linear-gradient(135deg,#071b33,#0b2746 58%,#0b332f); border-color:#2b5478 } body.dark-mode-theme .travel-tip-copy h3{color:#f3f8ff} body.dark-mode-theme .travel-tip-copy p{color:#b6c8da} body.dark-mode-theme .travel-tip-copy>span{color:#9ff0c7} body.dark-mode-theme .travel-tip-actions a{ background:#0d2845;color:#74d3ff;border-color:#31516f } @media(max-width:760px){ .travel-tip-of-day{grid-template-columns:64px 1fr} .travel-tip-icon{width:64px;height:64px;font-size:30px} .travel-tip-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;min-width:0} .travel-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:500px){ .travel-tip-of-day{grid-template-columns:1fr;text-align:center} .travel-tip-icon{margin:auto} .travel-tip-actions{grid-template-columns:1fr} .travel-provider-grid{grid-template-columns:1fr} } /* ========================================================= NOVA AI V24.2 – TRAVEL WORLD EARTH EDITION ========================================================= */ .travel-discovery-panel{ padding:18px;border:1px solid #d2e1ef;border-radius:19px; background:linear-gradient(145deg,#f8fbff,#eef7ff) } .travel-discovery-head{ display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:15px } .travel-discovery-head small{ color:#1466e8;font-size:10px;font-weight:900;letter-spacing:1px } .travel-discovery-head h3{margin:4px 0 0;color:#0b2443;font-size:20px} .travel-discovery-head>span{ padding:7px 10px;border-radius:999px;background:#e7f5ed;color:#177145; font-size:10px;font-weight:850 } .travel-discovery-grid{ display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px } .travel-discovery-grid button{ min-height:116px;border:1px solid #d3e0ec;border-radius:16px;background:#fff; color:#102844;display:grid;place-items:center;gap:5px;padding:13px; text-align:center;cursor:pointer;transition:.2s } .travel-discovery-grid button:hover{ transform:translateY(-3px);border-color:#5f9fe8; box-shadow:0 11px 25px rgba(18,76,137,.12) } .travel-discovery-grid button span{font-size:28px} .travel-discovery-grid button b{font-size:13px} .travel-discovery-grid button small{color:#60748a;font-size:10px;line-height:1.4} body.dark-mode-theme .travel-discovery-panel{ background:#0d2845;border-color:#31516f } body.dark-mode-theme .travel-discovery-head h3{color:#f3f8ff} body.dark-mode-theme .travel-discovery-head>span{ background:#123d32;color:#9ff0c7 } body.dark-mode-theme .travel-discovery-grid button{ background:#0e2947;color:#eef7ff;border-color:#31516f } body.dark-mode-theme .travel-discovery-grid button:hover{ background:#14385d;border-color:#5c8db9 } body.dark-mode-theme .travel-discovery-grid button small{color:#adc0d3} @media(max-width:900px){ .travel-discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:560px){ .travel-discovery-head{flex-direction:column} .travel-discovery-grid{grid-template-columns:1fr 1fr} } @media(max-width:390px){ .travel-discovery-grid{grid-template-columns:1fr} } /* V24.2.1 – Discovery tiles function fix */ #travelDiscoveryGrid button{ pointer-events:auto; position:relative; z-index:1; } #travelDiscoveryGrid button>*{pointer-events:none} #travelDiscoveryGrid button:active{transform:translateY(1px) scale(.99)} #travelDiscoveryGrid button:focus-visible{ outline:3px solid rgba(20,102,232,.32); outline-offset:3px; } /* ========================================================= NOVA AI V25.1 – MODERN INTERACTIVE CALENDAR Only the center stage is redesigned. Weather and dashboard remain unchanged. ========================================================= */ .nova-ai-stage{ min-height:760px!important; justify-content:flex-start!important; overflow:visible; } .nova-ai-stage .ai-visual-wrap{ position:absolute!important; inset:4px 0 auto!important; height:335px!important; overflow:hidden!important; align-items:flex-start!important; pointer-events:none; } .nova-ai-stage .ai-visual-wrap .halo{ width:390px!important;height:390px!important; opacity:.9; } .nova-ai-stage .ai-visual-wrap img{ height:350px!important; width:auto!important; object-fit:contain!important; object-position:center top!important; } .nova-ai-stage .ai-online-badge{ position:absolute!important; top:14px!important;left:16px!important; margin:0!important;z-index:8!important; } .hero-speech-bubble{display:none!important} .nova-calendar{ position:absolute; top:318px; left:50%; transform:translateX(-50%); z-index:9; width:min(620px,96%); padding:13px 15px 12px; border-radius:20px; background:rgba(255,255,255,.92); border:1px solid rgba(96,167,220,.55); box-shadow:0 16px 42px rgba(18,76,130,.18),0 0 30px rgba(46,173,235,.12); backdrop-filter:blur(18px); color:#0a1d35; } .nova-calendar-head{ display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:9px; padding-bottom:8px;border-bottom:1px solid #dce8f2;text-align:center; } .nova-calendar-head button{ width:36px;height:36px;border-radius:11px;border:1px solid #cbddea; background:#f6fbff;color:#1269c7;font-size:27px;line-height:1;cursor:pointer; transition:.18s ease; } .nova-calendar-head button:hover{transform:translateY(-2px);background:#e8f6ff;border-color:#58a9e4} .nova-calendar-head h2{margin:1px 0 0;font:700 20px/1.1 Space Grotesk;color:#0b2443;text-transform:capitalize} .nova-calendar-head small{display:block;margin-top:2px;color:#60748a;font-size:10px} .nova-calendar-head .eyebrow{font-size:9px;letter-spacing:1.25px} .nova-calendar-weekdays,.nova-calendar-row{ display:grid;grid-template-columns:34px repeat(7,1fr);gap:4px;align-items:center; } .nova-calendar-weekdays{padding:8px 0 4px;color:#718399;font-size:9px;font-weight:850;text-align:center} .nova-calendar-grid{display:grid;gap:3px} .nova-calendar-week{display:grid;grid-template-columns:34px repeat(7,1fr);gap:4px} .nova-calendar-week-number{ display:grid;place-items:center;color:#7b8da0;font-size:9px;font-weight:850; border-right:1px solid #e3edf5; } .nova-calendar-day{ min-height:31px;border:1px solid transparent;border-radius:9px;background:transparent; color:#18324f;font-size:11px;font-weight:750;cursor:pointer;position:relative; transition:.16s ease; } .nova-calendar-day:hover{background:#eaf6ff;border-color:#a7d2ef;transform:translateY(-1px)} .nova-calendar-day.other-month{opacity:.34} .nova-calendar-day.weekend{color:#2876b8} .nova-calendar-day.holiday::after{ content:"";position:absolute;right:4px;top:4px;width:5px;height:5px;border-radius:50%;background:#42bf67; box-shadow:0 0 0 2px rgba(66,191,103,.14) } .nova-calendar-day.today{background:linear-gradient(135deg,#176be8,#13b9d8);color:#fff;box-shadow:0 5px 15px rgba(19,126,217,.28)} .nova-calendar-day.selected{outline:2px solid #53c96b;outline-offset:1px} .nova-calendar-day.today.selected{outline-color:#a7ffb7} .nova-calendar-info{ display:grid;grid-template-columns:1.05fr 1.7fr auto;gap:10px;align-items:center; margin-top:9px;padding:9px 10px;border-radius:13px;background:linear-gradient(135deg,#f3f9ff,#f7fff8); border:1px solid #d9e8f2; } .nova-calendar-date{display:flex;align-items:center;gap:8px;min-width:0} .nova-calendar-date>span{font-size:22px}.nova-calendar-date small,.nova-calendar-facts small{display:block;color:#718399;font-size:8px;text-transform:uppercase;letter-spacing:.6px} .nova-calendar-date strong{display:block;font-size:11px;white-space:normal} .nova-calendar-facts{display:grid;grid-template-columns:1fr 1.25fr;gap:7px;min-width:0} .nova-calendar-facts>div{display:flex;align-items:center;gap:6px;min-width:0} .nova-calendar-facts>div>span{font-size:16px}.nova-calendar-facts p{margin:0;min-width:0}.nova-calendar-facts strong{display:block;font-size:9px;line-height:1.25;white-space:normal} .nova-calendar-actions{display:grid;gap:5px;justify-items:stretch} .nova-calendar-actions a,.nova-calendar-actions button{ border-radius:8px;padding:6px 8px;font-size:8px;font-weight:850;text-decoration:none;text-align:center;white-space:nowrap;cursor:pointer } .nova-calendar-actions a{color:#fff;background:linear-gradient(125deg,#1766e8,#13b9d8)} .nova-calendar-actions button{border:1px solid #cbddea;background:#fff;color:#1766c5} .nova-ai-stage .hero-command-dock{bottom:13px!important} body.dark-mode .nova-calendar,body.dark-mode-theme .nova-calendar{ background:rgba(5,22,40,.94);color:#eef7ff;border-color:#245579; } body.dark-mode .nova-calendar-head,body.dark-mode-theme .nova-calendar-head{border-color:#24445f} body.dark-mode .nova-calendar-head h2,body.dark-mode-theme .nova-calendar-head h2{color:#f3f8ff} body.dark-mode .nova-calendar-head button,body.dark-mode-theme .nova-calendar-head button{background:#0d2b49;color:#70d4ff;border-color:#315674} body.dark-mode .nova-calendar-week-number,body.dark-mode-theme .nova-calendar-week-number{border-color:#24445f} body.dark-mode .nova-calendar-day,body.dark-mode-theme .nova-calendar-day{color:#e7f2fc} body.dark-mode .nova-calendar-day.weekend,body.dark-mode-theme .nova-calendar-day.weekend{color:#72c9ff} body.dark-mode .nova-calendar-day:hover,body.dark-mode-theme .nova-calendar-day:hover{background:#123a5e;border-color:#3978a6} body.dark-mode .nova-calendar-info,body.dark-mode-theme .nova-calendar-info{background:linear-gradient(135deg,#0b2947,#0c342f);border-color:#2c516e} body.dark-mode .nova-calendar-actions button,body.dark-mode-theme .nova-calendar-actions button{background:#0c2946;color:#75d4ff;border-color:#315674} @media(max-width:1100px){ .nova-ai-stage{min-height:770px!important} .nova-calendar{width:min(610px,97%)} } @media(max-width:850px){ .nova-ai-stage{min-height:775px!important} .nova-ai-stage .ai-visual-wrap{height:330px!important;inset:4px 0 auto!important} .nova-ai-stage .ai-visual-wrap img{height:345px!important} .nova-calendar{top:314px} .nova-ai-stage .ai-online-badge{top:12px!important} } @media(max-width:600px){ .nova-ai-stage{min-height:820px!important} .nova-ai-stage .ai-visual-wrap{height:300px!important;inset:8px -28px auto!important} .nova-ai-stage .ai-visual-wrap img{height:315px!important} .nova-calendar{top:286px;width:calc(100% - 8px);padding:11px 9px} .nova-calendar-weekdays,.nova-calendar-week{grid-template-columns:28px repeat(7,1fr);gap:2px} .nova-calendar-day{min-height:34px;font-size:10px} .nova-calendar-info{grid-template-columns:1fr;gap:7px} .nova-calendar-facts{grid-template-columns:1fr 1fr} .nova-calendar-actions{grid-template-columns:1fr auto} .nova-calendar-actions a,.nova-calendar-actions button{font-size:9px;padding:8px} .nova-ai-stage .hero-command-dock{bottom:9px!important} } @media(max-width:390px){ .nova-ai-stage{min-height:850px!important} .nova-calendar-head h2{font-size:17px} .nova-calendar-day{min-height:32px} .nova-calendar-facts{grid-template-columns:1fr} } /* ========================================================= NOVA AI V25.2 – Online Avatar Ring & Calendar Typography ========================================================= */ .nova-ai-stage .ai-visual-wrap{ width:300px!important; height:300px!important; left:50%!important; right:auto!important; transform:translateX(-50%); top:10px!important; border:5px solid #3ed36e; border-radius:50%; background:linear-gradient(145deg,#f7fcff,#eaf7ff); box-shadow:0 0 0 7px rgba(62,211,110,.14),0 18px 45px rgba(17,79,135,.20),0 0 34px rgba(62,211,110,.28); overflow:hidden!important; isolation:isolate; } .nova-ai-stage .ai-visual-wrap::before{ content:""; position:absolute; inset:9px; border:1px solid rgba(255,255,255,.85); border-radius:50%; z-index:4; pointer-events:none; } .nova-ai-stage .ai-visual-wrap::after{ content:""; position:absolute; width:14px;height:14px; right:25px;bottom:25px; border-radius:50%; background:#38d56b; border:4px solid #fff; box-shadow:0 0 0 6px rgba(56,213,107,.18),0 0 18px rgba(56,213,107,.8); z-index:7; } .nova-ai-stage .ai-visual-wrap .halo{ width:330px!important;height:330px!important; top:-16px!important;left:-16px!important; opacity:.72!important; } .nova-ai-stage .ai-visual-wrap img{ height:330px!important; max-width:none!important; position:relative; z-index:3; transform:translateY(-2px); } .nova-ai-stage .ai-online-badge{ top:250px!important; left:50%!important; transform:translateX(-50%); padding:7px 13px!important; border:1px solid rgba(56,213,107,.45)!important; background:rgba(255,255,255,.94)!important; color:#126b36!important; box-shadow:0 9px 24px rgba(24,112,64,.18)!important; white-space:nowrap; } .nova-ai-stage .ai-online-badge i{ background:#38d56b!important; box-shadow:0 0 0 5px rgba(56,213,107,.16),0 0 12px rgba(56,213,107,.65)!important; } .nova-calendar{top:316px;padding:16px 18px 14px} .nova-calendar-head{grid-template-columns:42px 1fr 42px;gap:12px;padding-bottom:11px} .nova-calendar-head button{width:40px;height:40px;font-size:29px} .nova-calendar-head h2{font-size:23px;letter-spacing:-.25px} .nova-calendar-head small{font-size:11px;font-weight:700;margin-top:4px;color:#536a82} .nova-calendar-head .eyebrow{font-size:10px;letter-spacing:1.5px} .nova-calendar-weekdays{padding:10px 0 6px;font-size:10px;letter-spacing:.35px;color:#526a82} .nova-calendar-week-number{font-size:10px;color:#647a90} .nova-calendar-day{ min-height:36px; border-radius:10px; font:800 13px/1 Inter,Arial,sans-serif; letter-spacing:-.15px; } .nova-calendar-day.today{font-size:14px} .nova-calendar-info{margin-top:12px;padding:12px 13px;gap:13px} .nova-calendar-date>span{font-size:25px} .nova-calendar-date small,.nova-calendar-facts small{font-size:9px;font-weight:800;letter-spacing:.75px} .nova-calendar-date strong{font-size:12px;line-height:1.35;color:#102d4b} .nova-calendar-facts>div>span{font-size:18px} .nova-calendar-facts strong{font-size:10px;line-height:1.35;color:#183b5e} .nova-calendar-actions a,.nova-calendar-actions button{font-size:9px;padding:8px 10px;border-radius:9px} body.dark-mode .nova-ai-stage .ai-visual-wrap,body.dark-mode-theme .nova-ai-stage .ai-visual-wrap{ background:linear-gradient(145deg,#082540,#0b3552); border-color:#43df79; box-shadow:0 0 0 7px rgba(67,223,121,.12),0 18px 45px rgba(0,0,0,.34),0 0 34px rgba(67,223,121,.22); } body.dark-mode .nova-ai-stage .ai-visual-wrap::after,body.dark-mode-theme .nova-ai-stage .ai-visual-wrap::after{border-color:#08243d} body.dark-mode .nova-ai-stage .ai-online-badge,body.dark-mode-theme .nova-ai-stage .ai-online-badge{background:rgba(7,31,52,.95)!important;color:#8ef0ad!important;border-color:#2f8c57!important} body.dark-mode .nova-calendar-date strong,body.dark-mode-theme .nova-calendar-date strong, body.dark-mode .nova-calendar-facts strong,body.dark-mode-theme .nova-calendar-facts strong{color:#e7f4ff} @media(max-width:850px){ .nova-ai-stage .ai-visual-wrap{width:288px!important;height:288px!important;top:10px!important} .nova-ai-stage .ai-visual-wrap img{height:316px!important} .nova-ai-stage .ai-online-badge{top:240px!important} .nova-calendar{top:304px} } @media(max-width:600px){ .nova-ai-stage .ai-visual-wrap{width:252px!important;height:252px!important;top:12px!important} .nova-ai-stage .ai-visual-wrap img{height:279px!important} .nova-ai-stage .ai-visual-wrap::after{right:19px;bottom:19px;width:12px;height:12px} .nova-ai-stage .ai-online-badge{top:210px!important;font-size:10px!important;padding:6px 11px!important} .nova-calendar{top:274px;padding:13px 11px} .nova-calendar-head h2{font-size:19px} .nova-calendar-head small{font-size:10px} .nova-calendar-weekdays{font-size:9px} .nova-calendar-day{min-height:35px;font-size:11px} .nova-calendar-day.today{font-size:12px} .nova-calendar-date strong{font-size:11px} .nova-calendar-facts strong{font-size:10px} } /* ========================================================= NOVA AI V25.3 – Separate Quick Access Bar ========================================================= */ .nova-dashboard-hero{padding-bottom:34px!important;overflow:visible!important} .nova-ai-stage{padding-bottom:0!important} .nova-ai-stage .hero-command-dock{display:none!important} .nova-ai-stage .ai-online-badge{ top:16px!important; left:50%!important; transform:translateX(-50%)!important; z-index:20!important; } .nova-quick-access-section{ width:min(1460px,calc(100% - 48px)); margin:14px auto 28px; padding:18px 20px 20px; border:1px solid #d6e5f1; border-radius:22px; background:rgba(255,255,255,.94); box-shadow:0 14px 36px rgba(16,70,118,.12); position:relative; z-index:12; } .nova-quick-access-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:13px} .nova-quick-access-head h2{margin:3px 0 0;font:700 22px/1.1 Space Grotesk;color:#0b2443} .nova-quick-access-head small{color:#60748a;font-size:12px;text-align:right} .nova-quick-access-dock{ position:static!important; inset:auto!important; transform:none!important; width:100%!important; display:grid!important; grid-template-columns:repeat(6,minmax(0,1fr))!important; gap:12px!important; padding:0!important; margin:0!important; background:transparent!important; border:0!important; box-shadow:none!important; backdrop-filter:none!important; } .nova-quick-access-dock button{ min-height:74px!important; border:1px solid #cfdfec!important; border-radius:16px!important; background:linear-gradient(145deg,#fff,#f3f9ff)!important; color:#0b2b4d!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:6px!important; padding:11px 8px!important; box-shadow:0 8px 20px rgba(28,85,137,.08)!important; cursor:pointer; transition:.18s ease!important; } .nova-quick-access-dock button:hover{transform:translateY(-3px)!important;border-color:#62aee4!important;box-shadow:0 13px 27px rgba(28,85,137,.16)!important} .nova-quick-access-dock button span{font-size:24px!important;line-height:1!important} .nova-quick-access-dock button b{font-size:13px!important;line-height:1.2!important;text-align:center!important} body.dark-mode .nova-quick-access-section,body.dark-mode-theme .nova-quick-access-section{background:rgba(6,25,47,.96);border-color:#244c6e} body.dark-mode .nova-quick-access-head h2,body.dark-mode-theme .nova-quick-access-head h2{color:#f3f8ff} body.dark-mode .nova-quick-access-head small,body.dark-mode-theme .nova-quick-access-head small{color:#a8bfd3} body.dark-mode .nova-quick-access-dock button,body.dark-mode-theme .nova-quick-access-dock button{background:linear-gradient(145deg,#0a2948,#0d355c)!important;color:#eff8ff!important;border-color:#315a7a!important} @media(max-width:1000px){.nova-quick-access-dock{grid-template-columns:repeat(3,minmax(0,1fr))!important}.nova-quick-access-head{align-items:flex-start;flex-direction:column}.nova-quick-access-head small{text-align:left}} @media(max-width:600px){.nova-quick-access-section{width:calc(100% - 20px);margin:10px auto 20px;padding:15px 12px}.nova-quick-access-dock{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.nova-quick-access-dock button{min-height:68px!important}.nova-quick-access-head h2{font-size:19px}.nova-ai-stage .ai-online-badge{top:12px!important}} /* ========================================================= NOVA AI V25.4 – System version, top online status and calendar readability ========================================================= */ /* The online state is shown only in the header; no overlay remains on the avatar. */ .nova-ai-stage .ai-online-badge{display:none!important} .topbar .online{display:inline-flex;align-items:center;color:#15314f;font-weight:800} .topbar .online i{background:#3bd26d;box-shadow:0 0 0 5px rgba(59,210,109,.15),0 0 12px rgba(59,210,109,.38)} body.dark-mode .topbar .online,body.dark-mode-theme .topbar .online{color:#e8f7ff} /* Larger, clearer information row beneath the calendar. */ .nova-calendar-info{padding:15px 15px!important;gap:16px!important;align-items:center} .nova-calendar-date{gap:10px!important} .nova-calendar-date>span{font-size:29px!important} .nova-calendar-date small,.nova-calendar-facts small{font-size:10px!important;line-height:1.2!important;letter-spacing:.72px!important} .nova-calendar-date strong{font-size:14px!important;line-height:1.4!important;font-weight:800!important} .nova-calendar-facts{gap:14px!important} .nova-calendar-facts>div{gap:9px!important} .nova-calendar-facts>div>span{font-size:21px!important} .nova-calendar-facts strong{font-size:12px!important;line-height:1.4!important;font-weight:750!important} .nova-calendar-actions a,.nova-calendar-actions button{font-size:10.5px!important;padding:9px 11px!important;font-weight:800!important} @media(max-width:600px){ .nova-calendar-info{padding:13px 11px!important;gap:11px!important} .nova-calendar-date strong{font-size:12.5px!important} .nova-calendar-facts strong{font-size:11px!important} .nova-calendar-actions a,.nova-calendar-actions button{font-size:10px!important} } /* ========================================================= NOVA AI V26.1 – Holiday & Daily Event Calendar ========================================================= */ .nova-calendar-day{position:relative;overflow:visible} .nova-calendar-day>span{position:relative;z-index:2} .nova-calendar-day.has-event{padding-bottom:10px} .nova-event-dot{position:absolute;left:50%;bottom:3px;transform:translateX(-50%);width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#1478ff,#17c7e8);box-shadow:0 0 0 3px rgba(20,120,255,.12),0 0 10px rgba(20,120,255,.75);transition:transform .18s ease,box-shadow .18s ease} .nova-calendar-day.has-event:hover .nova-event-dot,.nova-calendar-day.has-event:focus-visible .nova-event-dot{transform:translateX(-50%) scale(1.28);box-shadow:0 0 0 4px rgba(20,120,255,.15),0 0 14px rgba(20,120,255,.9)} .nova-calendar-day.holiday .nova-event-dot{background:linear-gradient(135deg,#36c96a,#79db43);box-shadow:0 0 0 3px rgba(54,201,106,.13),0 0 11px rgba(54,201,106,.75)} .nova-calendar-event-trigger{width:100%;min-width:0;border:0;background:transparent;color:inherit;display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:0;text-align:left;cursor:pointer;border-radius:13px;transition:background .18s ease,transform .18s ease} .nova-calendar-event-trigger:hover,.nova-calendar-event-trigger:focus-visible{background:rgba(20,102,232,.08);transform:translateY(-1px);outline:none} .nova-calendar-event-trigger>span{font-size:25px}.nova-calendar-event-trigger p{margin:0}.nova-calendar-event-trigger small,.nova-calendar-event-trigger strong{display:block}.nova-calendar-event-trigger i{font-style:normal;font-size:25px;color:var(--blue);font-weight:900} .nova-day-popup{max-width:980px}.nova-day-holiday{display:flex;align-items:center;gap:13px;padding:15px 17px;margin:0 0 18px;border:1px solid #cfe9d8;border-radius:16px;background:linear-gradient(135deg,#f1fff5,#f8fffb)} .nova-day-holiday>span{font-size:27px}.nova-day-holiday small,.nova-day-holiday strong{display:block}.nova-day-holiday small{font-size:10px;text-transform:uppercase;letter-spacing:.9px;color:#5c7286}.nova-day-holiday strong{margin-top:3px;font-size:15px} .nova-day-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.nova-day-columns>section{border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#fff,#f7fbff);padding:16px;min-width:0}.nova-day-section-title{display:flex;gap:11px;align-items:center;margin-bottom:12px}.nova-day-section-title>span{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:#eaf5ff;font-size:22px}.nova-day-section-title small{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted)}.nova-day-section-title h3{margin:2px 0 0;font-size:18px}.nova-day-list{display:grid;gap:8px}.nova-day-item{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:start;text-decoration:none;color:inherit;padding:11px;border:1px solid #dce8f3;border-radius:13px;background:#fff;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.nova-day-item:hover{transform:translateY(-2px);border-color:#8ec4ff;box-shadow:0 9px 22px rgba(22,83,145,.1)}.nova-day-item>b{font-size:18px}.nova-day-item p{margin:3px 0 0;font-size:12px;line-height:1.45;color:#31465d}.nova-day-item>i{font-style:normal;color:var(--blue);font-weight:900}.nova-day-year{display:inline-flex;padding:3px 7px;border-radius:999px;background:#eaf3ff;color:#165fae;font-size:10px;font-weight:900}.nova-day-loading,.nova-day-empty{padding:16px;border:1px dashed #c8d8e7;border-radius:13px;color:var(--muted);font-size:13px;line-height:1.5}.nova-day-empty strong,.nova-day-empty span{display:block}.nova-day-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:18px} [data-theme="dark"] .nova-calendar-event-trigger:hover,[data-theme="dark"] .nova-calendar-event-trigger:focus-visible{background:rgba(107,191,255,.12)} [data-theme="dark"] .nova-day-holiday{background:linear-gradient(135deg,rgba(40,117,74,.24),rgba(25,64,48,.18));border-color:rgba(94,210,132,.28)} [data-theme="dark"] .nova-day-columns>section,[data-theme="dark"] .nova-day-item{background:#0c223d;border-color:#294563}[data-theme="dark"] .nova-day-item p{color:#c4d6e8}[data-theme="dark"] .nova-day-year{background:#173b62;color:#8cc6ff} @media(max-width:760px){.nova-day-columns{grid-template-columns:1fr}.nova-day-actions .btn{width:100%}.nova-event-dot{width:8px;height:8px}.nova-calendar-event-trigger{padding:7px}} /* V26.1 – Feiertage im Monat sofort sichtbar */ .nova-calendar-legend{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:5px 0 4px;padding:7px 9px;border:1px solid #dce9f3;border-radius:10px;background:linear-gradient(135deg,#f7fbff,#f7fff9);font-size:9px;color:#60748a} .nova-calendar-legend span{display:flex;align-items:center;gap:6px;font-weight:850;color:#264661}.nova-calendar-legend i{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#36c96a,#79db43);box-shadow:0 0 0 3px rgba(54,201,106,.13),0 0 10px rgba(54,201,106,.65)} .nova-calendar-day.holiday::after{display:none}.nova-calendar-day.holiday{background:rgba(86,207,87,.06)} .nova-calendar-day.holiday .nova-event-dot{width:10px;height:10px}.nova-calendar-day:not(.holiday):hover{box-shadow:inset 0 0 0 1px rgba(20,102,232,.12)} [data-theme="dark"] .nova-calendar-legend{background:linear-gradient(135deg,rgba(18,48,76,.86),rgba(18,58,47,.72));border-color:#294563;color:#b8cbe0}[data-theme="dark"] .nova-calendar-legend span{color:#d7e8f8}[data-theme="dark"] .nova-calendar-day.holiday{background:rgba(86,207,87,.1)} @media(max-width:760px){.nova-calendar-legend{align-items:flex-start;flex-direction:column}.nova-calendar-legend small{line-height:1.35}} /* ========================================================= NOVA AI V26.1 – Kalenderlegende größer und besser lesbar ========================================================= */ .nova-calendar-legend{ min-height:56px!important; margin:8px 0 7px!important; padding:12px 18px!important; border-radius:14px!important; gap:18px!important; font-size:15px!important; } .nova-calendar-legend span{ gap:10px!important; font-size:19px!important; font-weight:800!important; line-height:1.2!important; color:#16304f!important; white-space:nowrap; } .nova-calendar-legend i{ flex:0 0 auto; width:13px!important; height:13px!important; box-shadow:0 0 0 4px rgba(54,201,106,.14),0 0 11px rgba(54,201,106,.6)!important; } .nova-calendar-legend small{ font-size:15px!important; font-weight:500!important; line-height:1.35!important; color:#5b7088!important; text-align:right; } [data-theme="dark"] .nova-calendar-legend span, body.dark-mode .nova-calendar-legend span, body.dark-mode-theme .nova-calendar-legend span{color:#eef7ff!important} [data-theme="dark"] .nova-calendar-legend small, body.dark-mode .nova-calendar-legend small, body.dark-mode-theme .nova-calendar-legend small{color:#b8cbe0!important} @media(max-width:760px){ .nova-calendar-legend{min-height:auto!important;padding:13px 15px!important;gap:7px!important} .nova-calendar-legend span{font-size:17px!important;white-space:normal} .nova-calendar-legend small{font-size:14px!important;text-align:left} } /* V26.3 Audit – finaler Abstand Kalender → Schnellzugriff */ .nova-quick-access-section{ margin-top:56px!important; padding-top:12px!important; } /* ========================================================= NOVA AI V26.3 – Living Avatar Upgrade ========================================================= */ @keyframes novaAvatarFloat{ 0%,100%{transform:translateX(-50%) translateY(0)} 50%{transform:translateX(-50%) translateY(-5px)} } @keyframes novaAvatarRingPulse{ 0%,100%{box-shadow:0 0 0 7px rgba(62,211,110,.14),0 18px 45px rgba(17,79,135,.20),0 0 30px rgba(62,211,110,.25)} 50%{box-shadow:0 0 0 11px rgba(62,211,110,.07),0 22px 52px rgba(17,79,135,.24),0 0 48px rgba(28,190,211,.34)} } @keyframes novaStatusPulse{ 0%,100%{transform:scale(1);opacity:1} 50%{transform:scale(1.17);opacity:.82} } @keyframes novaThinkingGlow{ 0%,100%{filter:drop-shadow(0 24px 40px rgba(0,0,0,.42))} 50%{filter:drop-shadow(0 25px 46px rgba(25,176,255,.58))} } .nova-ai-stage .ai-visual-wrap{ animation:novaAvatarFloat 6s ease-in-out infinite,novaAvatarRingPulse 3.2s ease-in-out infinite; transition:width .28s ease,height .28s ease,border-color .28s ease; border-color:transparent!important; background: linear-gradient(145deg,#f7fcff,#eaf7ff) padding-box, linear-gradient(135deg,#47dc70,#20c4ce,#52a9ff,#47dc70) border-box!important; } .nova-ai-stage .ai-visual-wrap img{transition:transform .35s ease,filter .35s ease} .nova-ai-stage .ai-visual-wrap:hover img{transform:translateY(-5px) scale(1.025)!important;filter:drop-shadow(0 28px 46px rgba(22,118,205,.38))} .nova-ai-stage .ai-visual-wrap::after{animation:novaStatusPulse 2.2s ease-in-out infinite} .nova-ai-stage .ai-visual-wrap.is-thinking{animation:novaAvatarFloat 4s ease-in-out infinite,novaAvatarRingPulse 1.05s ease-in-out infinite} .nova-ai-stage .ai-visual-wrap.is-thinking img{animation:novaThinkingGlow 1.05s ease-in-out infinite} .nova-ai-stage .ai-online-badge{ position:absolute; z-index:12; display:flex; align-items:center; gap:9px; min-width:184px; justify-content:center; border-radius:999px!important; pointer-events:none; } .nova-ai-stage .ai-online-badge>i{width:9px;height:9px;border-radius:50%;flex:0 0 auto} .nova-ai-stage .ai-online-badge>span{display:grid;line-height:1.08;text-align:left} .nova-ai-stage .ai-online-badge b{font-size:11px;letter-spacing:.35px} .nova-ai-stage .ai-online-badge small{font-size:9px;margin-top:3px;color:inherit;opacity:.78} .nova-ai-stage .ai-online-badge em{font-style:normal;font-size:12px;color:#12a8d7;margin-left:2px} .nova-ai-stage .ai-online-badge.is-thinking em{animation:novaStatusPulse .75s ease-in-out infinite} .nova-ai-stage .ai-online-badge.is-thinking small::before{content:"NOVA verarbeitet · ";font-weight:800} @media (prefers-reduced-motion:reduce){ .nova-ai-stage .ai-visual-wrap,.nova-ai-stage .ai-visual-wrap::after,.nova-ai-stage .ai-visual-wrap img,.nova-ai-stage .ai-online-badge em{animation:none!important} } /* V26.3 – kompakter 7-Tage-Mondkalender im Dashboard */ .nova-dashboard-panel .dashboard-moon-card{ margin-top:10px!important; padding:10px!important; border:1px solid #1d405d!important; border-radius:14px!important; background:linear-gradient(145deg,rgba(8,31,54,.94),rgba(5,20,36,.96))!important; } .nova-dashboard-panel .moon-calendar-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; } .nova-dashboard-panel .moon-calendar-head .moon-status{ padding:0!important; gap:9px!important; border:0!important; } .nova-dashboard-panel .moon-calendar-range{ flex:0 0 auto; padding:5px 8px; border:1px solid #285170; border-radius:999px; color:#9fc7e5; font-size:9px; font-weight:800; letter-spacing:.5px; text-transform:uppercase; } .nova-dashboard-panel .moon-calendar-week{ display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:5px; margin-top:9px; } .nova-dashboard-panel .moon-day{ min-width:0; padding:7px 2px 6px; border:1px solid #173d5b; border-radius:10px; background:rgba(6,24,42,.85); color:#e8f4ff; text-align:center; cursor:default; } .nova-dashboard-panel .moon-day small, .nova-dashboard-panel .moon-day span, .nova-dashboard-panel .moon-day b{ display:block; } .nova-dashboard-panel .moon-day small{ color:#8fa9bf; font-size:8px; font-weight:700; text-transform:uppercase; } .nova-dashboard-panel .moon-day span{ margin:4px 0 3px; font-size:22px; line-height:1; } .nova-dashboard-panel .moon-day b{ color:#bfd8eb; font-size:8px; font-weight:700; } .nova-dashboard-panel .moon-day.is-today{ border-color:#24b6ff; background:linear-gradient(180deg,rgba(11,67,108,.95),rgba(6,31,53,.95)); box-shadow:0 0 0 1px rgba(36,182,255,.18),0 0 14px rgba(21,153,230,.18); } .nova-dashboard-panel .moon-day.is-today small, .nova-dashboard-panel .moon-day.is-today b{ color:#64d7ff; } body:not(.dark-mode) .nova-dashboard-panel .dashboard-moon-card{ background:linear-gradient(145deg,#f6fbff,#edf7ff)!important; border-color:#c8ddee!important; } body:not(.dark-mode) .nova-dashboard-panel .moon-day{ background:#fff; border-color:#d7e6f1; color:#16324d; } body:not(.dark-mode) .nova-dashboard-panel .moon-day small, body:not(.dark-mode) .nova-dashboard-panel .moon-day b{ color:#607a91; } body:not(.dark-mode) .nova-dashboard-panel .moon-day.is-today{ border-color:#168ee0; background:linear-gradient(180deg,#e5f6ff,#f4fbff); } @media(max-width:430px){ .nova-dashboard-panel .moon-calendar-week{gap:3px} .nova-dashboard-panel .moon-day span{font-size:19px} } /* ========================================================= V26.3 – Mondbereich: Gestern · Heute · Morgen Ausschließlich der Mondbereich im Dashboard. ========================================================= */ .nova-dashboard-panel .dashboard-moon-card.moon-three-day-card{ display:block !important; margin-top:12px !important; padding:14px 12px 13px !important; border:1px solid rgba(96,176,235,.30) !important; border-radius:16px !important; background: radial-gradient(circle at 50% 0%,rgba(49,151,230,.18),transparent 58%), linear-gradient(145deg,rgba(8,31,54,.98),rgba(4,18,33,.98)) !important; overflow:hidden; } .nova-dashboard-panel .moon-three-head{ display:block !important; padding:0 2px 10px !important; border:0 !important; text-align:center; } .nova-dashboard-panel .moon-three-head>div{ display:grid !important; justify-items:center; gap:3px; padding:0 !important; border:0 !important; } .nova-dashboard-panel .moon-three-head small{ color:#8fdcff !important; font-size:14px !important; font-weight:800 !important; letter-spacing:.8px; text-transform:uppercase; } .nova-dashboard-panel .moon-three-head strong{ color:#fff !important; font-size:18px !important; line-height:1.2; } .nova-dashboard-panel .moon-three-head em{ color:#c6def0 !important; font-size:14px !important; font-style:normal; font-weight:650; } .nova-dashboard-panel .moon-three-grid{ display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; padding:0 !important; border:0 !important; } .nova-dashboard-panel .moon-three-item{ min-width:0; min-height:144px; padding:12px 4px 10px; display:flex !important; flex-direction:column; align-items:center; justify-content:center; gap:4px; border:1px solid rgba(95,153,197,.28) !important; border-radius:13px; background:rgba(5,23,41,.76); text-align:center; } .nova-dashboard-panel .moon-three-item.is-today{ border-color:#31bfff !important; background:linear-gradient(180deg,rgba(15,75,116,.96),rgba(7,31,53,.96)); box-shadow: 0 0 0 1px rgba(49,191,255,.16), 0 0 18px rgba(29,157,225,.24); } .nova-dashboard-panel .moon-three-icon{ display:block !important; width:auto !important; height:auto !important; margin:0 0 3px !important; font-size:48px !important; line-height:1 !important; filter:drop-shadow(0 4px 7px rgba(0,0,0,.28)); } .nova-dashboard-panel .moon-three-label{ color:#fff !important; font-size:14px !important; font-weight:800 !important; line-height:1.15; } .nova-dashboard-panel .moon-three-phase{ min-height:30px; display:flex !important; align-items:center; justify-content:center; color:#a9c7dc !important; font-size:11px !important; font-weight:650; line-height:1.25; } .nova-dashboard-panel .moon-three-light{ color:#72d8ff !important; font-size:15px !important; font-weight:850 !important; line-height:1.1; } .nova-dashboard-panel .moon-current-cache{ position:absolute !important; width:1px !important; height:1px !important; overflow:hidden !important; opacity:0 !important; pointer-events:none !important; } body:not(.dark-mode) .nova-dashboard-panel .dashboard-moon-card.moon-three-day-card{ border-color:#c5deef !important; background: radial-gradient(circle at 50% 0%,rgba(84,183,239,.15),transparent 58%), linear-gradient(145deg,#f6fbff,#eaf5fd) !important; } body:not(.dark-mode) .nova-dashboard-panel .moon-three-head strong, body:not(.dark-mode) .nova-dashboard-panel .moon-three-label{ color:#143653 !important; } body:not(.dark-mode) .nova-dashboard-panel .moon-three-head em, body:not(.dark-mode) .nova-dashboard-panel .moon-three-phase{ color:#58758c !important; } body:not(.dark-mode) .nova-dashboard-panel .moon-three-item{ border-color:#d2e3ef !important; background:rgba(255,255,255,.88); } body:not(.dark-mode) .nova-dashboard-panel .moon-three-item.is-today{ border-color:#168fdc !important; background:linear-gradient(180deg,#ddf4ff,#f6fcff); box-shadow:0 0 0 1px rgba(22,143,220,.10),0 8px 20px rgba(35,124,181,.12); } body:not(.dark-mode) .nova-dashboard-panel .moon-three-light{ color:#067bbb !important; } @media(max-width:430px){ .nova-dashboard-panel .moon-three-grid{gap:5px} .nova-dashboard-panel .moon-three-item{ min-height:132px; padding:10px 2px 9px; } .nova-dashboard-panel .moon-three-icon{font-size:42px !important} .nova-dashboard-panel .moon-three-label{font-size:13px !important} .nova-dashboard-panel .moon-three-phase{font-size:10px !important} .nova-dashboard-panel .moon-three-light{font-size:14px !important} } /* ========================================================= V27.0 – Typografie, kompakter Mondbereich, Sonnenbahn & Link ========================================================= */ .nova-weather-panel .hero-weather-metrics em{ font-size:12px !important; line-height:1.25; font-weight:700; margin-top:6px; text-align:center; } .nova-weather-panel .hero-weather-metrics>div{ min-height:94px; padding-top:13px; padding-bottom:11px; } .nova-dashboard-panel .sun-cycle{ grid-template-columns:minmax(0,1fr) minmax(120px,1.5fr) minmax(0,1fr) !important; align-items:end; gap:10px; padding:13px 0 14px !important; } .nova-dashboard-panel .sun-arc{ height:52px; align-items:flex-start; } .nova-dashboard-panel .sun-arc:before{ left:0; right:0; bottom:2px; height:39px; border-width:2px; border-style:dashed; border-color:#f7b500; border-bottom:0; border-radius:90px 90px 0 0; } .nova-dashboard-panel .sun-arc:after{ content:""; position:absolute; left:0; right:0; bottom:1px; height:1px; background:linear-gradient(90deg,transparent,rgba(247,181,0,.65),transparent); } .nova-dashboard-panel .sun-arc b{ font-size:28px; transform:translateY(-2px); } .nova-dashboard-panel .dashboard-moon-card.moon-three-day-card{ margin-top:10px !important; padding:11px 10px 10px !important; } .nova-dashboard-panel .moon-three-head{ padding:0 2px 7px !important; } .nova-dashboard-panel .moon-three-head small{ font-size:12px !important; } .nova-dashboard-panel .moon-three-head strong{ font-size:16px !important; } .nova-dashboard-panel .moon-three-head em{ font-size:12px !important; } .nova-dashboard-panel .moon-three-grid{ gap:6px; } .nova-dashboard-panel .moon-three-item{ min-height:118px; padding:8px 3px 7px; gap:3px; } .nova-dashboard-panel .moon-three-icon{ font-size:39px !important; margin-bottom:1px !important; } .nova-dashboard-panel .moon-three-label{ font-size:12px !important; } .nova-dashboard-panel .moon-three-phase{ min-height:26px; font-size:10px !important; } .nova-dashboard-panel .moon-three-light{ font-size:13px !important; } .nova-dashboard-panel .moon-calendar-link{ display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:8px; margin-top:8px; padding:8px 10px; border:1px solid rgba(73,183,246,.34); border-radius:10px; background:linear-gradient(90deg,rgba(15,85,132,.40),rgba(6,32,55,.62)); color:#dff5ff; text-decoration:none; font-size:11px; transition:transform .18s ease,border-color .18s ease,background .18s ease; } .nova-dashboard-panel .moon-calendar-link span{ font-size:17px; } .nova-dashboard-panel .moon-calendar-link b{ font-weight:800; } .nova-dashboard-panel .moon-calendar-link i{ font-style:normal; color:#70d8ff; font-size:14px; } .nova-dashboard-panel .moon-calendar-link:hover, .nova-dashboard-panel .moon-calendar-link:focus-visible{ transform:translateY(-1px); border-color:#36bfff; background:linear-gradient(90deg,rgba(16,112,172,.56),rgba(7,41,70,.78)); outline:none; } body:not(.dark-mode) .nova-dashboard-panel .moon-calendar-link{ color:#15425f; border-color:#b8dced; background:linear-gradient(90deg,#e6f6ff,#f6fbff); } body:not(.dark-mode) .nova-dashboard-panel .moon-calendar-link i{ color:#0b82c4; } @media(max-width:430px){ .nova-dashboard-panel .moon-three-item{min-height:112px} .nova-dashboard-panel .moon-three-icon{font-size:36px !important} .nova-dashboard-panel .moon-calendar-link{font-size:10px;padding:8px} } /* V27.4 – Mobile & English readability update Desktop layout remains unchanged; layout changes are scoped to <= 760px. */ .english-learning-tile{ background:linear-gradient(145deg,#f7fbff,#eef6ff); border-color:#aac9eb; } .english-learning-tile h3{color:#0b2c55} .english-learning-tile p{color:#48637f} body.dark-mode .english-learning-tile, [data-theme="dark"] .english-learning-tile{ background:linear-gradient(145deg,#0c2948,#102f50); border-color:#3c6f9f; } body.dark-mode .english-learning-tile h3, [data-theme="dark"] .english-learning-tile h3{color:#f4f9ff} body.dark-mode .english-learning-tile p, [data-theme="dark"] .english-learning-tile p{color:#c5d8ea} /* English module: stronger contrast in both themes */ .english-learning-module, .english-learning-module button, .english-learning-module input{font-family:Inter,Arial,sans-serif} .english-learning-module .module-intro{font-size:15px} .english-exercise h3{font-size:clamp(20px,2.2vw,27px)} .english-options button{font-size:15px;line-height:1.4;min-height:48px} .english-feedback p{font-size:15px;line-height:1.55} .english-feedback small,.english-feedback em{font-size:13px;line-height:1.5} .english-question-head span{font-size:14px} .english-question-head small{font-size:12px;font-weight:800} body.dark-mode .english-learning-module .module-intro, [data-theme="dark"] .english-learning-module .module-intro{color:#d1dfec} body.dark-mode .english-feature-strip span, [data-theme="dark"] .english-feature-strip span{color:#eef7ff} @media(max-width:760px){ /* Mobile-only dashboard refinements */ .nova-dashboard-hero{display:flex;flex-direction:column;gap:18px;padding:22px 12px 20px;overflow:visible} .nova-weather-panel,.nova-ai-stage,.nova-right-rail{width:100%;min-width:0} .nova-ai-stage{display:flex;flex-direction:column;align-items:center} .ai-visual-wrap{max-width:310px;width:82vw} .nova-calendar{width:100%} .nova-right-rail{display:block} .status-card{display:block} .hero-weather-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px} .hero-weather-metrics small{font-size:12px} .hero-weather-metrics strong{font-size:16px} .hero-weather-metrics em{font-size:11px} .hero-hourly{gap:8px} .hero-hourly>div{min-width:76px} .nova-calendar-weekdays span,.nova-calendar-day,.nova-calendar-week-number{font-size:13px} .nova-calendar-legend span{font-size:15px} .nova-calendar-legend small{font-size:13px;line-height:1.4} .dashboard-place-form label,.dashboard-locate-note,.sun-cycle span{font-size:13px} .moon-three-head small,.moon-three-head em,.moon-three-grid small{font-size:12px} .moon-calendar-link{min-height:48px;font-size:13px} .nova-quick-access-section{padding-left:12px;padding-right:12px} .nova-quick-access-dock{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .nova-quick-access-dock button{min-height:62px} .premium-tiles{grid-template-columns:1fr} .premium-tile{min-height:0;padding:18px} .premium-tile h3{font-size:20px} .premium-tile p{font-size:14px;line-height:1.55;min-height:0} /* English trainer mobile typography and touch targets */ .english-learning-module #modalTitle{font-size:29px;line-height:1.12} .english-learning-module .module-intro{font-size:15px;line-height:1.6} .english-overview{grid-template-columns:1fr 1fr;gap:8px} .english-overview>div{padding:11px} .english-overview>div:last-child{grid-column:1/-1} .english-feature-strip{grid-template-columns:1fr} .english-feature-strip span{font-size:13px;line-height:1.35} .english-levels,.english-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px} .english-levels button,.english-modes button{min-height:50px;padding:10px;font-size:14px;line-height:1.3} .english-modes button:last-child{grid-column:1/-1} .english-exercise{padding:16px} .english-exercise h3{font-size:21px;line-height:1.45} .english-question-head{align-items:flex-start;gap:8px;flex-direction:column} .english-question-head span{font-size:14px} .english-options{grid-template-columns:1fr} .english-options button{min-height:52px;font-size:15px;text-align:left;padding:13px 14px} .english-answer-row{display:grid;grid-template-columns:1fr;gap:9px} .english-answer-row input{min-height:52px;font-size:16px} .english-answer-row .btn{min-height:50px;width:100%} .english-feedback p{font-size:15px} .english-feedback small,.english-feedback em{font-size:13px} .english-next-row .btn{width:100%;min-height:50px} } @media(max-width:390px){ .english-levels,.english-modes{grid-template-columns:1fr} .english-modes button:last-child{grid-column:auto} .english-overview{grid-template-columns:1fr} .english-overview>div:last-child{grid-column:auto} } /* NOVA AI V27.4 – NOVA Music Studio Complete */ .music-studio-tile{background:linear-gradient(145deg,#eef4ff,#f6edff 55%,#effff7)!important;border-color:#a7bff6!important;position:relative;overflow:hidden}.music-studio-tile:before{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-45px;top:-55px;background:radial-gradient(circle,rgba(104,83,255,.22),transparent 70%)}.music-studio-tile i{filter:drop-shadow(0 8px 14px rgba(77,74,220,.22))} .nova-music-studio{color:var(--ink)}.music-studio-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.music-studio-tabs button{min-height:54px;border:1px solid #cbd9ec;border-radius:14px;background:#f5f8fd;color:#10284a;font-weight:800;cursor:pointer}.music-studio-tabs button.active,.music-studio-tabs button:hover{background:linear-gradient(135deg,#2459ff,#7d4ee8,#20c7aa);color:#fff;border-color:transparent;box-shadow:0 10px 24px rgba(55,82,200,.2)} .studio-panel{border:1px solid #d8e3f1;border-radius:20px;background:linear-gradient(145deg,#fff,#f5f9ff);padding:20px;box-shadow:0 12px 30px rgba(30,66,110,.08)}.studio-panel h3{font:700 24px/1.2 Space Grotesk;margin:7px 0 16px}.studio-toolbar{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:end}.studio-toolbar label,.studio-composer-head label{display:grid;gap:5px;font-size:12px;font-weight:800;color:#34506f}.studio-toolbar input,.studio-composer-head input{width:160px}.studio-set-picker{display:flex;flex-wrap:wrap;gap:8px}.studio-set-picker button{min-width:92px;min-height:55px;border:1px solid #cfdaea;border-radius:13px;background:#fff;color:#10284a;font-size:19px;cursor:pointer}.studio-set-picker button span{display:block;font-size:11px;margin-top:3px}.studio-set-picker button.active{background:#0b3161;color:#fff;border-color:#0b3161}.studio-now{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:center;margin:18px 0;padding:14px 16px;border-radius:15px;background:#071f40;color:#fff}.studio-now span{grid-row:1/3;width:72px;font-size:11px;color:#91b4d7}.studio-now strong{font-size:25px}.studio-now small{color:#bcd4ea}.studio-pad-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.studio-pad{min-height:105px;border:1px solid #9fb6d4;border-radius:18px;background:linear-gradient(145deg,#153c75,#0b2448);color:#fff;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.14),0 8px 18px rgba(7,30,66,.2);transition:.08s}.studio-pad span,.studio-pad b,.studio-pad small{display:block}.studio-pad span{font-size:10px;color:#8fcdf5}.studio-pad b{font-size:20px;margin:6px 0}.studio-pad small{color:#b9d1e8}.studio-pad.hit{transform:translateY(3px) scale(.97);background:linear-gradient(145deg,#296cff,#26c5c9);box-shadow:0 0 0 5px rgba(51,165,255,.18)}.studio-controls{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-top:16px}.studio-controls button,.studio-instrument-day button,.studio-instrument-actions button{min-height:43px;border:1px solid #b8c8dd;border-radius:12px;background:#fff;color:#10284a;padding:9px 14px;font-weight:800;cursor:pointer}.studio-controls button:hover,.studio-instrument-actions button:hover{border-color:#3978ef;color:#1558cf}.studio-controls button.recording{background:#d92d4d;color:#fff;border-color:#d92d4d;animation:pulseVoice 1s infinite}.studio-controls span{margin-left:auto;color:#526981;font-size:12px;font-weight:700} .studio-learn-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.studio-learn-grid .studio-theory{grid-column:1/-1}.studio-keyboard{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.studio-keyboard button{min-height:145px;border:1px solid #9fb1c9;border-radius:0 0 10px 10px;background:linear-gradient(#fff,#e9eef5);color:#10213b;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end;padding:12px 4px}.studio-keyboard button:active{background:#d3e6ff}.studio-keyboard small{font-size:9px;color:#62768e}.studio-lesson-card{margin-top:14px;padding:14px;border-radius:14px;background:#edf6ff}.studio-lesson-card p{margin:6px 0 0;color:#52677e}.studio-hear-button{width:100%;min-height:80px;border:0;border-radius:18px;background:linear-gradient(135deg,#2459ff,#20c6d1);color:#fff;font-size:20px;font-weight:800;cursor:pointer}.studio-answer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:13px 0}.studio-answer-grid button{min-height:46px;border:1px solid #becde0;border-radius:11px;background:#fff;font-weight:800;cursor:pointer}.studio-answer-grid button.correct{background:#dff8e8;border-color:#40b96a;color:#176f3a}.studio-answer-grid button.wrong{background:#ffe4e9;border-color:#df6277;color:#a61f3a}.studio-theory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.studio-theory-grid article{padding:15px;border:1px solid #d8e3f0;border-radius:14px;background:#fff}.studio-theory-grid p{font-size:12px;line-height:1.55;color:#5a6e84;margin-bottom:0} .studio-instrument-day{display:grid;grid-template-columns:84px 1fr auto;gap:18px;align-items:center;padding:20px;border-radius:20px;background:linear-gradient(135deg,#071f40,#154f8e);color:#fff;margin-bottom:15px}.studio-instrument-day .studio-big-icon{font-size:58px}.studio-instrument-day h3{font-size:27px;margin:5px 0}.studio-instrument-day p{margin:4px 0 7px;color:#d4e6f7}.studio-instrument-day small{color:#9fc5e6}.studio-instrument-day .eyebrow{color:#6fe7ff}.studio-family-tabs{display:flex;gap:8px;overflow:auto;padding:3px 0 12px}.studio-family-tabs button{white-space:nowrap;border:1px solid #c9d6e6;border-radius:999px;background:#fff;color:#173250;padding:9px 14px;font-weight:800;cursor:pointer}.studio-family-tabs button.active{background:#173f78;color:#fff;border-color:#173f78}.studio-instrument-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.studio-instrument-card{display:grid;grid-template-columns:52px 1fr;gap:10px;padding:16px;border:1px solid #d8e3ef;border-radius:17px;background:#fff;box-shadow:0 8px 22px rgba(32,73,117,.07)}.studio-instrument-card>span{font-size:37px}.studio-instrument-card h3{margin:2px 0 6px}.studio-instrument-card p{font-size:12px;color:#536a82;line-height:1.5}.studio-instrument-card dl{display:grid;grid-template-columns:auto 1fr;gap:3px 8px;font-size:10px}.studio-instrument-card dt{font-weight:800;color:#526981}.studio-instrument-card dd{margin:0}.studio-instrument-actions{grid-column:1/-1;display:flex;gap:7px;flex-wrap:wrap}.studio-instrument-actions a{display:inline-flex;align-items:center;min-height:39px;padding:8px 10px;border-radius:10px;background:#eef5ff;color:#155dcc;text-decoration:none;font-size:11px;font-weight:800} .studio-composer-head{display:flex;justify-content:space-between;gap:20px;align-items:end}.studio-sequencer{overflow-x:auto;padding-bottom:8px}.studio-track{display:grid;grid-template-columns:90px minmax(700px,1fr);gap:10px;align-items:center;margin:7px 0}.studio-track>b{font-size:12px}.studio-track>div{display:grid;grid-template-columns:repeat(16,1fr);gap:5px}.studio-track button{height:40px;border:1px solid #b9c8db;border-radius:8px;background:#edf2f8;color:#6b7e92;font-size:9px;cursor:pointer}.studio-track button:nth-child(4n+1){border-left:3px solid #7693b8}.studio-track button.active{background:linear-gradient(135deg,#265dff,#20c7ad);color:#fff;border-color:transparent}.studio-track button.playing{box-shadow:0 0 0 4px rgba(255,177,38,.35);transform:translateY(-2px)}.studio-note{font-size:11px;color:#63778c;border-top:1px solid #d8e3ef;padding-top:13px;margin-top:15px} body.dark-mode .nova-music-studio{color:#edf6ff}body.dark-mode .music-studio-tabs button,body.dark-mode .studio-set-picker button,body.dark-mode .studio-controls button,body.dark-mode .studio-instrument-actions button,body.dark-mode .studio-answer-grid button,body.dark-mode .studio-family-tabs button{background:#102a4b;color:#e9f4ff;border-color:#315174}body.dark-mode .studio-panel,body.dark-mode .studio-instrument-card{background:linear-gradient(145deg,#0d2340,#102c4e);border-color:#284766;color:#edf6ff}body.dark-mode .studio-lesson-card,body.dark-mode .studio-theory-grid article{background:#142f50;border-color:#315174;color:#edf6ff}body.dark-mode .studio-lesson-card p,body.dark-mode .studio-theory-grid p,body.dark-mode .studio-instrument-card p{color:#bed1e5}body.dark-mode .studio-keyboard button{background:linear-gradient(#f4f7fb,#bcc9d8);color:#07152d}body.dark-mode .studio-track button{background:#173452;border-color:#365879;color:#b9cce0}body.dark-mode .music-studio-tile{background:linear-gradient(145deg,#122c51,#282052)!important;color:#f4f8ff!important} @media(max-width:900px){.studio-toolbar{grid-template-columns:1fr 1fr}.studio-set-picker{grid-column:1/-1}.studio-instrument-grid{grid-template-columns:repeat(2,1fr)}.studio-theory-grid{grid-template-columns:1fr 1fr}} @media(max-width:650px){.music-studio-tabs{grid-template-columns:1fr 1fr}.studio-toolbar{grid-template-columns:1fr}.studio-set-picker{grid-column:auto;display:grid;grid-template-columns:repeat(3,1fr)}.studio-set-picker button{min-width:0}.studio-toolbar input,.studio-composer-head input{width:100%}.studio-pad-grid{gap:7px}.studio-pad{min-height:82px}.studio-pad b{font-size:16px}.studio-controls button{flex:1 1 calc(50% - 8px)}.studio-controls span{width:100%;margin:3px 0}.studio-learn-grid{grid-template-columns:1fr}.studio-learn-grid .studio-theory{grid-column:auto}.studio-keyboard{overflow-x:auto;grid-template-columns:repeat(8,54px)}.studio-keyboard button{min-height:125px}.studio-theory-grid{grid-template-columns:1fr}.studio-instrument-day{grid-template-columns:60px 1fr}.studio-instrument-day button{grid-column:1/-1}.studio-instrument-grid{grid-template-columns:1fr}.studio-composer-head{display:grid}.studio-track{grid-template-columns:70px minmax(620px,1fr)}} /* NOVA AI V27.5 – Music Studio Lautstärke, Typografie & Theme Quality */ .nova-music-studio .module-intro{font-size:15px;line-height:1.65;color:#41566f;max-width:920px} .music-studio-tabs button{font-size:15px;letter-spacing:.01em} .studio-panel{color:#0b1e39} .studio-panel h3{font-size:26px;color:#071a35} .studio-toolbar label,.studio-composer-head label{font-size:14px;line-height:1.35;color:#203d60} .studio-toolbar label>b,.studio-composer-head label>b{font-size:13px;color:#0b5cc8} .studio-toolbar input[type="range"],.studio-composer-head input[type="range"]{accent-color:#2467e8;min-height:28px} .studio-set-picker button{font-size:22px;font-weight:800;color:#10284a} .studio-set-picker button span{font-size:13px;line-height:1.25} .studio-now span{font-size:12px;color:#b9d8f4}.studio-now strong{font-size:28px}.studio-now small{font-size:13px;color:#d3e6f7} .studio-pad span{font-size:12px;color:#bde6ff}.studio-pad b{font-size:22px}.studio-pad small{font-size:12px;color:#d5e6f5} .studio-controls button,.studio-instrument-day button,.studio-instrument-actions button{font-size:14px;min-height:46px} .studio-controls span{font-size:13px;color:#3d5875} .studio-lesson-card p,.studio-theory-grid p,.studio-instrument-card p{font-size:14px;line-height:1.65;color:#405873} .studio-keyboard button{font-size:16px;font-weight:800}.studio-keyboard small{font-size:11px;color:#425a75} .studio-answer-grid button{font-size:15px;min-height:50px;color:#0c2444} .studio-theory-grid article{min-height:145px}.studio-theory-grid article h4{font-size:17px;color:#0b2648} .studio-instrument-day p{font-size:15px;line-height:1.55;color:#e0effc}.studio-instrument-day small{font-size:12px;color:#b8daf4} .studio-family-tabs button{font-size:13px} .studio-instrument-card h3{font-size:19px;color:#0a2242}.studio-instrument-card dl{font-size:12px;line-height:1.45}.studio-instrument-card dt{color:#294d73}.studio-instrument-card dd{color:#163554} .studio-instrument-actions a{font-size:12px;min-height:42px} .studio-track>b{font-size:13px;color:#173755}.studio-track button{font-size:10px} .studio-note{font-size:13px;line-height:1.55;color:#465f79} .music-studio-tile h3{font-size:20px}.music-studio-tile p{font-size:14px;line-height:1.55;color:#354d69}.music-studio-tile button{font-size:14px} body.dark-mode .nova-music-studio .module-intro{color:#c9d9e9} body.dark-mode .studio-panel h3,body.dark-mode .studio-theory-grid article h4,body.dark-mode .studio-instrument-card h3{color:#f5f9ff} body.dark-mode .studio-toolbar label,body.dark-mode .studio-composer-head label{color:#d6e6f6} body.dark-mode .studio-toolbar label>b,body.dark-mode .studio-composer-head label>b{color:#78c7ff} body.dark-mode .studio-controls span,body.dark-mode .studio-note{color:#bfd1e3} body.dark-mode .studio-keyboard small{color:#24415f} body.dark-mode .studio-answer-grid button{color:#eef7ff} body.dark-mode .studio-instrument-card dl,body.dark-mode .studio-instrument-card dt,body.dark-mode .studio-instrument-card dd{color:#c9d9e8} body.dark-mode .studio-track>b{color:#e5f1fc} body.dark-mode .music-studio-tile p{color:#d0dfed} body.dark-mode .studio-set-picker button.active,body.dark-mode .studio-family-tabs button.active{background:linear-gradient(135deg,#2871ff,#18bfc1);color:#fff;border-color:transparent} body.dark-mode .studio-answer-grid button.correct{background:#15482d;color:#dffbea;border-color:#35b76b} body.dark-mode .studio-answer-grid button.wrong{background:#541d2b;color:#ffe8ed;border-color:#d75e78} @media(max-width:650px){ .nova-music-studio .module-intro{font-size:14px} .music-studio-tabs button{font-size:14px;min-height:50px} .studio-panel{padding:16px} .studio-panel h3{font-size:22px} .studio-toolbar label,.studio-composer-head label{font-size:13px} .studio-pad span{font-size:11px}.studio-pad b{font-size:18px}.studio-pad small{font-size:11px} .studio-controls button{font-size:13px;min-height:48px} .studio-instrument-card p,.studio-theory-grid p,.studio-lesson-card p{font-size:13px} } /* V27.6 – Music Studio typography, dark contrast, learning songs and 32-step composer */ .nova-music-studio{font-size:16px;line-height:1.55} .nova-music-studio h2{letter-spacing:-.02em} .nova-music-studio .studio-panel h3,.nova-music-studio .studio-instrument-card h3{color:#071a35} .nova-music-studio .studio-toolbar label,.nova-music-studio .studio-composer-head label{font-size:15px;color:#102f56;background:#edf5ff;border:1px solid #c7daf1;border-radius:14px;padding:10px 13px} .nova-music-studio .studio-toolbar label>b,.nova-music-studio .studio-composer-head label>b{font-size:14px;color:#064fb0;background:#fff;border:1px solid #c7daf1;border-radius:999px;padding:4px 9px;width:max-content} .nova-music-studio input[type="range"]{filter:saturate(1.35);cursor:pointer} .studio-song-lessons{grid-column:1/-1} .studio-song-intro{color:#415b78;font-size:15px} .studio-song-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:15px 0} .studio-song-grid button{min-height:100px;padding:14px;border:1px solid #b8cce4;border-radius:16px;background:#fff;color:#10284a;display:grid;gap:4px;text-align:left;cursor:pointer;box-shadow:0 8px 20px rgba(22,67,118,.07)} .studio-song-grid button>span{font-size:25px}.studio-song-grid button>b{font-size:14px}.studio-song-grid button>small{color:#56708c;font-size:12px} .studio-song-grid button:hover,.studio-song-grid button.active{border-color:#2467e8;box-shadow:0 0 0 3px rgba(36,103,232,.13),0 12px 26px rgba(22,67,118,.12)} .studio-song-grid button.active{background:linear-gradient(145deg,#e9f2ff,#f1edff)} .studio-song-player{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:16px;border:1px solid #c8d9ec;border-radius:16px;background:#f5f9ff} .studio-song-player>div:first-child{display:grid;gap:3px}.studio-song-player small{font-weight:800;color:#2467e8}.studio-song-player strong{font-size:19px;color:#071a35}.studio-song-player span{color:#4f6883} .studio-song-actions{display:flex;gap:8px;flex-wrap:wrap}.studio-song-actions button{min-height:44px;border:1px solid #afc3dd;border-radius:12px;background:#fff;color:#10284a;padding:9px 13px;font-weight:800;cursor:pointer}.studio-song-actions button:disabled{opacity:.48;cursor:not-allowed} .studio-song-notes{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px;min-height:43px}.studio-song-note{min-width:42px;padding:8px 10px;text-align:center;border:1px solid #c5d4e6;border-radius:10px;background:#fff;color:#17395f;font-weight:800;transition:.12s}.studio-song-note.active{background:#2467e8;color:#fff;border-color:#2467e8;transform:translateY(-3px);box-shadow:0 8px 18px rgba(36,103,232,.28)} .studio-composer-head p{margin:3px 0 0;color:#506981;font-size:14px} .studio-pattern-library{display:grid;grid-template-columns:minmax(210px,1.4fr) repeat(6,minmax(100px,1fr));gap:9px;align-items:stretch;margin:16px 0;padding:14px;border:1px solid #cbdbea;border-radius:17px;background:#f6faff} .studio-pattern-library>div{display:grid;align-content:center;gap:3px;padding:4px}.studio-pattern-library>div small{font-weight:900;color:#2467e8;letter-spacing:.08em}.studio-pattern-library>div strong{font-size:14px;color:#183959} .studio-pattern-library button{border:1px solid #b7cae0;border-radius:12px;background:#fff;color:#17395f;padding:9px 8px;font-weight:800;cursor:pointer}.studio-pattern-library button small{display:block;color:#607994;margin-top:3px}.studio-pattern-library button:hover,.studio-pattern-library button.active{background:linear-gradient(145deg,#e8f1ff,#eefaf6);border-color:#2467e8;box-shadow:0 0 0 2px rgba(36,103,232,.12)} .studio-track{grid-template-columns:105px minmax(1280px,1fr)} .studio-track>div{grid-template-columns:repeat(32,1fr);gap:4px} .studio-track>b{font-size:13px;color:#17395f} .studio-track button{height:43px;background:#e8eef6;color:#405b78;border-color:#aebfd3;font-size:9px;font-weight:800} .studio-track button:nth-child(4n+1){border-left:3px solid #4f78ad}.studio-track button:nth-child(16n+1){border-left-color:#173f78} .studio-track button.active{background:linear-gradient(135deg,#205fe9,#16bba4);color:#fff;border-color:#0d88a9;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)} body.dark-mode .nova-music-studio{color:#f1f7ff} body.dark-mode .nova-music-studio .studio-panel h3,body.dark-mode .nova-music-studio .studio-instrument-card h3,body.dark-mode .studio-song-player strong{color:#f7fbff} body.dark-mode .nova-music-studio .studio-toolbar label,body.dark-mode .nova-music-studio .studio-composer-head label{color:#f0f7ff;background:#16385d;border-color:#4d7299} body.dark-mode .nova-music-studio .studio-toolbar label>b,body.dark-mode .nova-music-studio .studio-composer-head label>b{color:#d8efff;background:#0b2340;border-color:#4d7299} body.dark-mode .studio-song-intro,body.dark-mode .studio-composer-head p{color:#c6d9ec} body.dark-mode .studio-song-grid button{background:#163657;color:#f3f8ff;border-color:#4a6d91;box-shadow:none} body.dark-mode .studio-song-grid button>small{color:#c4d6e8} body.dark-mode .studio-song-grid button:hover,body.dark-mode .studio-song-grid button.active{background:linear-gradient(145deg,#1f4b77,#313d73);border-color:#72b8ff;box-shadow:0 0 0 3px rgba(72,168,255,.16)} body.dark-mode .studio-song-player{background:#102f50;border-color:#42688e}.studio-song-player small{color:#69b9ff}body.dark-mode .studio-song-player span{color:#c5d8eb} body.dark-mode .studio-song-actions button{background:#173b60;color:#f3f8ff;border-color:#52779c} body.dark-mode .studio-song-note{background:#173652;color:#e8f4ff;border-color:#4d7091}body.dark-mode .studio-song-note.active{background:#2d7df0;border-color:#80c5ff} body.dark-mode .studio-pattern-library{background:#102d4c;border-color:#45698b} body.dark-mode .studio-pattern-library>div strong{color:#f1f7ff}body.dark-mode .studio-pattern-library>div small{color:#77c5ff} body.dark-mode .studio-pattern-library button{background:#183b5d;color:#f3f8ff;border-color:#527696}body.dark-mode .studio-pattern-library button small{color:#c7d8e9} body.dark-mode .studio-pattern-library button:hover,body.dark-mode .studio-pattern-library button.active{background:linear-gradient(145deg,#23527d,#275f5f);border-color:#76c5ff} body.dark-mode .studio-track>b{color:#edf6ff} body.dark-mode .studio-track button{background:#254763;color:#e4eef8;border-color:#5d7f9e} body.dark-mode .studio-track button:nth-child(4n+1){border-left-color:#8cb8df} body.dark-mode .studio-track button.active{background:linear-gradient(135deg,#347ff0,#1fc7a8);color:#fff;border-color:#79d9dd;box-shadow:0 0 0 1px rgba(255,255,255,.18),0 0 12px rgba(43,153,235,.25)} body.dark-mode .studio-track button.playing{box-shadow:0 0 0 4px rgba(255,205,84,.55),0 0 18px rgba(255,205,84,.35)} @media(max-width:1050px){.studio-song-grid{grid-template-columns:repeat(3,1fr)}.studio-pattern-library{grid-template-columns:repeat(3,1fr)}.studio-pattern-library>div{grid-column:1/-1}} @media(max-width:650px){.studio-song-grid{grid-template-columns:1fr 1fr}.studio-song-player{align-items:flex-start;flex-direction:column}.studio-song-actions{width:100%}.studio-song-actions button{flex:1}.studio-pattern-library{grid-template-columns:1fr 1fr}.studio-track{grid-template-columns:78px minmax(1180px,1fr)}.studio-track>b{font-size:12px}.studio-song-note{min-width:38px;padding:7px 8px}} /* V27.7 Music Studio Pro – brighter typography, fixed composer and clearer states */ .nova-music-studio{--studio-text:#10233f;--studio-muted:#4d6684;--studio-surface:#ffffff;--studio-soft:#f3f8ff;--studio-border:#b9cce2;color:var(--studio-text)} .nova-music-studio .module-intro,.studio-song-intro,.studio-composer-head p,.studio-note{color:var(--studio-muted)!important;font-size:15px!important;line-height:1.65} .music-studio-tabs button{font-size:15px;letter-spacing:.01em;background:#f7fbff;color:#12345f;border-color:#b8cde5} .studio-panel{background:linear-gradient(145deg,#fff,#f6faff);border-color:#bcd0e6} .studio-panel h3{color:#071c38!important;font-size:25px} .studio-toolbar label,.studio-composer-head label{color:#12345c!important;background:#eef6ff!important;border-color:#b5cce5!important} .studio-toolbar label>b,.studio-composer-head label>b{color:#0754bd!important;background:#fff!important;border-color:#b5cce5!important;font-size:15px!important} .studio-pad{background:linear-gradient(145deg,#2869c8,#143c77);border-color:#82aee0}.studio-pad b{font-size:21px}.studio-pad span,.studio-pad small{color:#e5f4ff} .studio-song-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.studio-song-grid button{color:#102b50;background:#fff;border-color:#aec7e3}.studio-song-grid button>small{color:#486683} .studio-song-player{background:#f7fbff}.studio-song-player strong{color:#071c38}.studio-song-player span{color:#486581} .studio-sequencer{overflow:visible!important;padding-bottom:0}.studio-sequencer-fixed{width:100%} .studio-sequencer-fixed .studio-track{grid-template-columns:112px minmax(0,1fr);gap:10px;width:100%} .studio-sequencer-fixed .studio-track>div{grid-template-columns:repeat(16,minmax(0,1fr));gap:5px;min-width:0} .studio-sequencer-fixed .studio-track button{height:38px;min-width:0;padding:0;font-size:10px;background:#eaf1f8;color:#264766;border-color:#aec1d5} .studio-sequencer-fixed .studio-track button.active{background:linear-gradient(135deg,#2371ef,#18bda7);color:#fff;border-color:#1686aa} .studio-bar-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:14px 0}.studio-bar-tabs button{min-height:58px;border:1px solid #aec5df;border-radius:13px;background:#fff;color:#17395f;font-weight:800;cursor:pointer}.studio-bar-tabs button span,.studio-bar-tabs button small{display:block}.studio-bar-tabs button small{font-size:10px;color:#5b7390;margin-top:3px}.studio-bar-tabs button.active{background:linear-gradient(135deg,#2469e9,#20bca7);color:#fff;border-color:transparent;box-shadow:0 8px 20px rgba(36,105,233,.18)}.studio-bar-tabs button.active small{color:#e9ffff} body.dark-mode .nova-music-studio{--studio-text:#f3f8ff;--studio-muted:#c8d9eb;--studio-surface:#173653;--studio-soft:#102d49;--studio-border:#557895;color:#f3f8ff} body.dark-mode .nova-music-studio .module-intro,body.dark-mode .studio-song-intro,body.dark-mode .studio-composer-head p,body.dark-mode .studio-note{color:#d8e6f4!important} body.dark-mode .music-studio-tabs button{background:#1b3d5f;color:#f3f8ff;border-color:#6485a4} body.dark-mode .studio-panel{background:linear-gradient(145deg,#163653,#102a45);border-color:#5c7e9d} body.dark-mode .studio-panel h3{color:#fff!important} body.dark-mode .studio-toolbar label,body.dark-mode .studio-composer-head label{background:#234a6c!important;color:#fff!important;border-color:#7193b2!important} body.dark-mode .studio-toolbar label>b,body.dark-mode .studio-composer-head label>b{background:#0e2b46!important;color:#a9dcff!important;border-color:#7193b2!important} body.dark-mode .studio-song-grid button{background:#214766;color:#fff;border-color:#6b8caa}body.dark-mode .studio-song-grid button>small{color:#d5e5f3} body.dark-mode .studio-song-player{background:#1b405f;border-color:#688aa8}body.dark-mode .studio-song-player strong{color:#fff}body.dark-mode .studio-song-player span{color:#d4e3f0} body.dark-mode .studio-sequencer-fixed .studio-track button{background:#31516b;color:#f2f7fb;border-color:#6f8da6} body.dark-mode .studio-sequencer-fixed .studio-track button.active{background:linear-gradient(135deg,#408af2,#26c7ad);color:#fff;border-color:#91e5da} body.dark-mode .studio-bar-tabs button{background:#214461;color:#f5f9ff;border-color:#6988a3}body.dark-mode .studio-bar-tabs button small{color:#d1dfeb} @media(max-width:900px){.studio-song-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-sequencer-fixed .studio-track{grid-template-columns:82px minmax(0,1fr)}.studio-sequencer-fixed .studio-track button{height:34px;font-size:8px}.studio-bar-tabs{grid-template-columns:repeat(2,1fr)}} @media(max-width:560px){.studio-song-grid{grid-template-columns:1fr}.studio-sequencer-fixed .studio-track{grid-template-columns:70px minmax(0,1fr);gap:5px}.studio-sequencer-fixed .studio-track>div{gap:2px}.studio-sequencer-fixed .studio-track button{height:31px;font-size:0;border-radius:5px}.studio-sequencer-fixed .studio-track button:nth-child(4n+1){border-left-width:2px}.studio-track>b{font-size:11px}.studio-controls button{flex:1 1 44%}} /* NOVA AI V28.0 – Composer Engine */ .composer-engine{background:linear-gradient(145deg,#f8fbff,#eef6ff);border:1px solid #c9dff7}.composer-live-badge{display:flex;align-items:center;gap:8px;padding:10px 13px;border-radius:999px;background:#e8f8ef;color:#176f42;font-weight:800;font-size:12px}.composer-live-badge i{width:9px;height:9px;border-radius:50%;background:#32c86b;box-shadow:0 0 0 5px rgba(50,200,107,.15)}.composer-generator-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0;padding:16px;border:1px solid #d5e4f5;border-radius:18px;background:#fff}.composer-generator-grid label{display:grid;gap:7px;font-weight:800;color:#14325b;font-size:13px}.composer-generator-grid select,.composer-generator-grid input{width:100%;min-height:44px;border:1px solid #b9cde4;border-radius:11px;background:#f8fbff;color:#071b39;padding:9px 11px}.composer-generator-grid b{font-size:12px;color:#155ab7}.composer-primary-actions{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:10px;margin:14px 0}.composer-primary-actions button{min-height:50px;border:1px solid #bfd2e7;border-radius:13px;background:#fff;color:#0b2850;font-weight:850;cursor:pointer}.composer-primary-actions .composer-generate{background:linear-gradient(135deg,#2458f4,#18bad9,#5ac94c);color:#fff;border:0;box-shadow:0 10px 24px rgba(30,103,199,.2)}.composer-primary-actions button:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(26,75,128,.13)}.composer-mix-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin:14px 0;padding:13px;border-radius:15px;background:#eaf3fd;border:1px solid #c9ddef}.composer-mix-strip label{display:grid;gap:5px;font-size:11px;font-weight:800;color:#193c65}.composer-mix-strip input{width:100%}.composer-engine .studio-track{background:#fff;border-color:#cfdeef}.composer-engine .studio-track>b{color:#102d54;font-size:13px}.composer-engine .studio-track button{background:#edf3fa;color:#36516f;border-color:#d2dfec}.composer-engine .studio-track button.active{background:linear-gradient(135deg,#235ff3,#20b9dc);color:#fff;border-color:transparent;box-shadow:0 6px 14px rgba(35,95,243,.25)}.composer-engine .studio-track button.playing{outline:3px solid #72d85b;outline-offset:1px}.composer-engine .studio-bar-tabs button{background:#fff;color:#16375f;border-color:#c9d9ea}.composer-engine .studio-bar-tabs button.active{background:#165ed8;color:#fff;border-color:#165ed8} body.dark-mode .composer-engine{background:linear-gradient(145deg,#122744,#0d2039);border-color:#365275}.dark .composer-generator-grid{background:#152d4c;border-color:#3a5878}.dark .composer-generator-grid label{color:#f2f7ff}.dark .composer-generator-grid select,.dark .composer-generator-grid input{background:#0d2038;color:#fff;border-color:#55708f}.dark .composer-generator-grid b{color:#78dfff}.dark .composer-primary-actions button{background:#183455;color:#f5f9ff;border-color:#496787}.dark .composer-primary-actions .composer-generate{background:linear-gradient(135deg,#2b67ff,#16c2df,#55ce4b)}.dark .composer-mix-strip{background:#102946;border-color:#3d5978}.dark .composer-mix-strip label{color:#e9f4ff}.dark .composer-engine .studio-track{background:#142b47;border-color:#3c5877}.dark .composer-engine .studio-track>b{color:#fff}.dark .composer-engine .studio-track button{background:#203b59;color:#dbeaff;border-color:#4a6480}.dark .composer-engine .studio-track button.active{background:linear-gradient(135deg,#3979ff,#16c4df);color:#fff}.dark .composer-engine .studio-bar-tabs button{background:#173352;color:#eaf5ff;border-color:#46627f}.dark .composer-engine .studio-bar-tabs button.active{background:#2f72ee;color:#fff}.dark .composer-live-badge{background:#173f35;color:#9af1bf} @media(max-width:900px){.composer-generator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.composer-primary-actions{grid-template-columns:1fr 1fr}.composer-mix-strip{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:560px){.composer-generator-grid{grid-template-columns:1fr}.composer-primary-actions{grid-template-columns:1fr}.composer-mix-strip{grid-template-columns:1fr 1fr}.composer-engine .studio-track{grid-template-columns:76px 1fr}.composer-engine .studio-track>b{font-size:11px}.composer-engine .studio-track button{min-width:0;padding:7px 1px;font-size:9px}} /* V29.1 Music Studio Pro */ .nova-music-studio .music-studio-tabs{position:sticky;top:-30px;z-index:6;padding:10px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-radius:16px} .studio-track{grid-template-columns:150px 1fr!important;align-items:center} .studio-track-head{display:grid;grid-template-columns:1fr 34px 34px;gap:6px;align-items:center} .studio-track-head b{font-size:14px;overflow:hidden;text-overflow:ellipsis} .studio-track-head button{min-height:34px;border:1px solid #bfd1e6;border-radius:9px;background:#f4f8fd;color:#203b5e;font-weight:900;cursor:pointer} .studio-track-head button:hover{border-color:#3d84ec;background:#eaf3ff} .studio-track-head button[data-track-mute].active{background:#df3f58;color:#fff;border-color:#df3f58} .studio-track-head button[data-track-solo].active{background:#efb329;color:#2c2207;border-color:#efb329} .studio-track.muted{opacity:.52}.studio-track.solo{outline:2px solid #efb329;outline-offset:4px;border-radius:10px} .studio-song-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important} .studio-instrument-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important} .studio-instrument-card b,.studio-song-grid b{font-size:15px!important}.studio-instrument-card small,.studio-song-grid small{font-size:12px!important;line-height:1.4} html[data-theme="dark"] .nova-music-studio .music-studio-tabs{background:rgba(8,24,47,.94)} html[data-theme="dark"] .studio-track-head button{background:#183555;color:#eef7ff;border-color:#416382} html[data-theme="dark"] .studio-track-head button:hover{background:#21486e;border-color:#72b8ff} html[data-theme="dark"] .studio-track-head button[data-track-mute].active{background:#ff5d72;color:#fff;border-color:#ff7b8c} html[data-theme="dark"] .studio-track-head button[data-track-solo].active{background:#ffd166;color:#241c00;border-color:#ffe19a} @media(max-width:760px){.studio-track{grid-template-columns:118px 1fr!important}.studio-track-head{grid-template-columns:1fr 30px 30px}.studio-track-head button{min-height:32px;padding:0}.studio-track-head b{font-size:12px}} /* V29.1 – Composer Track Controls & Curated Examples */ .composer-example-bar{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:12px;align-items:end;margin:16px 0;padding:16px;border:1px solid #c9dff2;border-radius:16px;background:#fff} .composer-example-bar label{display:grid;gap:7px;font-size:13px;font-weight:850;color:#15375e} .composer-example-bar select{min-height:46px;border:1px solid #b9cde2;border-radius:11px;background:#f7fbff;color:#09203e;padding:9px 12px;font-weight:750} .composer-example-bar button{min-height:46px;border:0;border-radius:11px;padding:0 18px;background:linear-gradient(135deg,#235ff3,#18b9d8);color:#fff;font-weight:850;cursor:pointer} .composer-example-bar small{grid-column:1/-1;color:#516b86;line-height:1.45} .studio-sequencer-fixed .studio-track{grid-template-columns:158px minmax(0,1fr);align-items:stretch} .studio-track-head{display:grid;grid-template-columns:1fr;gap:9px;align-content:center;padding:6px 4px} .studio-track-head b{font-size:13px;line-height:1.25;white-space:normal;overflow:visible} .studio-track-switches{display:grid;grid-template-columns:1fr 1fr;gap:7px} .studio-track-head .studio-track-switches button{height:auto!important;min-height:44px!important;padding:6px 7px!important;display:grid;gap:2px;place-items:center;border-radius:10px;font-size:10px!important} .studio-track-switches button span{font-size:9px;line-height:1;text-transform:uppercase;letter-spacing:.6px;opacity:.75} .studio-track-switches button strong{font-size:12px;line-height:1} .studio-track-head button[data-track-mute]:not(.active){background:#eaf8ef;color:#17643c;border-color:#9cd7b5} .studio-track-head button[data-track-mute].active{background:#e24a5e;color:#fff;border-color:#e24a5e} .studio-track-head button[data-track-solo]:not(.active){background:#f4f7fb;color:#27415f;border-color:#c2d1e0} .studio-track-head button[data-track-solo].active{background:#f2bd3d;color:#2a220b;border-color:#f2bd3d} body.dark-mode .composer-example-bar,html[data-theme="dark"] .composer-example-bar{background:#142c49;border-color:#3d5a78} body.dark-mode .composer-example-bar label,html[data-theme="dark"] .composer-example-bar label{color:#f0f7ff} body.dark-mode .composer-example-bar select,html[data-theme="dark"] .composer-example-bar select{background:#0d2038;color:#fff;border-color:#587594} body.dark-mode .composer-example-bar small,html[data-theme="dark"] .composer-example-bar small{color:#c5d8ea} body.dark-mode .studio-track-head button[data-track-mute]:not(.active),html[data-theme="dark"] .studio-track-head button[data-track-mute]:not(.active){background:#194735;color:#baf2d1;border-color:#3d7c60} body.dark-mode .studio-track-head button[data-track-solo]:not(.active),html[data-theme="dark"] .studio-track-head button[data-track-solo]:not(.active){background:#1e3a58;color:#e6f1fb;border-color:#4d6b87} @media(max-width:900px){.studio-sequencer-fixed .studio-track{grid-template-columns:136px minmax(0,1fr)}.composer-example-bar{grid-template-columns:1fr}.composer-example-bar button{width:100%}} @media(max-width:560px){.studio-sequencer-fixed .studio-track{grid-template-columns:104px minmax(0,1fr)}.studio-track-head b{font-size:11px}.studio-track-switches{grid-template-columns:1fr}.studio-track-head .studio-track-switches button{min-height:34px!important;padding:4px!important}.studio-track-switches button span{display:none}.studio-track-switches button strong{font-size:10px}} /* V29.2 – Composer Studio UX: klar erkennbare Spurumschaltung */ .composer-engine .studio-track{grid-template-columns:220px minmax(0,1fr)!important;gap:14px!important;padding:10px!important;align-items:stretch!important} .studio-track-card{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;padding:12px!important;border:1px solid #c9d9ea;border-radius:14px;background:linear-gradient(145deg,#fff,#f4f8fd);box-shadow:0 8px 22px rgba(24,74,125,.08)} .studio-track-title{display:flex;align-items:center;gap:10px}.studio-track-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#eaf3ff;font-size:22px}.studio-track-title b{display:block;font-size:15px!important;color:#102d54}.studio-track-title small{display:flex;align-items:center;gap:7px;margin-top:4px;font-size:11px;font-weight:850;color:#26704a}.studio-track-title small i{width:9px;height:9px;border-radius:50%;background:#35c86c;box-shadow:0 0 0 4px rgba(53,200,108,.14)} .studio-track-switches{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}.studio-track-card .studio-track-switches button{min-height:52px!important;border-radius:12px!important;padding:8px 10px!important;display:grid!important;gap:3px!important;font-size:11px!important}.studio-track-card .studio-track-switches button span{display:block!important;font-size:10px!important;opacity:.8}.studio-track-card .studio-track-switches button strong{font-size:13px!important} .studio-vu{height:10px;display:grid;grid-template-columns:repeat(8,1fr);gap:3px}.studio-vu i{border-radius:999px;background:#d9e3ed;transition:.12s}.studio-vu i.on:nth-child(-n+5){background:#37c871}.studio-vu i.on:nth-child(n+6){background:#f3bb3e}.studio-vu i.on:nth-child(n+8){background:#ec5a68} .studio-step-grid{display:grid!important;grid-template-columns:repeat(16,minmax(0,1fr))!important;gap:6px!important;align-content:center}.studio-step-grid button{height:44px!important;border-radius:9px!important;font-size:10px!important}.studio-step-grid button:nth-child(4n+1){border-left-width:3px!important} .composer-engine .studio-track.muted .studio-track-card{background:#eef1f5;opacity:.82}.composer-engine .studio-track.muted .studio-track-title small{color:#b33d4b}.composer-engine .studio-track.muted .studio-track-title small i{background:#e24a5e;box-shadow:0 0 0 4px rgba(226,74,94,.14)}.composer-engine .studio-track.solo .studio-track-card{border-color:#e9b22f;box-shadow:0 0 0 3px rgba(242,189,61,.17),0 8px 22px rgba(24,74,125,.08)}.composer-engine .studio-track.solo .studio-track-title small{color:#8b6500}.composer-engine .studio-track.solo .studio-track-title small i{background:#f2bd3d;box-shadow:0 0 0 4px rgba(242,189,61,.17)} body.dark-mode .studio-track-card,html[data-theme="dark"] .studio-track-card{background:linear-gradient(145deg,#193654,#132a45);border-color:#4a6886;box-shadow:none}body.dark-mode .studio-track-icon,html[data-theme="dark"] .studio-track-icon{background:#234867}body.dark-mode .studio-track-title b,html[data-theme="dark"] .studio-track-title b{color:#fff}body.dark-mode .studio-track-title small,html[data-theme="dark"] .studio-track-title small{color:#a8f0c5}body.dark-mode .studio-vu i,html[data-theme="dark"] .studio-vu i{background:#38536c}body.dark-mode .composer-engine .studio-track.muted .studio-track-card,html[data-theme="dark"] .composer-engine .studio-track.muted .studio-track-card{background:#263442;opacity:.78}body.dark-mode .composer-engine .studio-track.solo .studio-track-card,html[data-theme="dark"] .composer-engine .studio-track.solo .studio-track-card{border-color:#ffd166;box-shadow:0 0 0 3px rgba(255,209,102,.18)} @media(max-width:900px){.composer-engine .studio-track{grid-template-columns:180px minmax(0,1fr)!important}.studio-step-grid{gap:4px!important}.studio-step-grid button{height:40px!important}} @media(max-width:650px){.composer-engine .studio-track{grid-template-columns:1fr!important}.studio-track-card{grid-template-columns:1fr auto!important;align-items:center}.studio-track-title{grid-column:1}.studio-vu{grid-column:1/-1}.studio-track-switches{grid-column:2;grid-row:1}.studio-track-card .studio-track-switches button{min-width:72px!important;min-height:44px!important}.studio-step-grid{grid-column:1/-1;gap:3px!important}.studio-step-grid button{height:36px!important;font-size:0!important}.studio-track-icon{width:38px;height:38px;font-size:20px}} /* V29.3 – Learning UX: Lernleiste direkt unter der Klaviatur */ .studio-keyboard-learning{grid-column:1/-1} .studio-keyboard-learning .studio-keyboard{margin-bottom:14px} .studio-learning-bar{margin-top:0} .studio-learning-progress{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:10px; } .studio-learning-current,.studio-learning-next{ display:grid; gap:3px; padding:12px 14px; border:1px solid #bfd1e5; border-radius:13px; background:#f7fbff; } .studio-learning-current small,.studio-learning-next small{ color:#486783; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; } .studio-learning-current strong,.studio-learning-next strong{ color:#0a2b54; font-size:22px; } .studio-keyboard button.learning-active{ background:linear-gradient(180deg,#2f86ff,#155fd0)!important; color:#fff!important; border-color:#84c6ff!important; transform:translateY(-5px); box-shadow:0 12px 25px rgba(31,112,226,.35); } .studio-keyboard button.learning-active small{color:#e8f5ff!important} .studio-song-note.done{ background:#dff5e7; color:#17693b; border-color:#83c99e; } body.dark-mode .studio-learning-current,body.dark-mode .studio-learning-next{ background:#183d5d; border-color:#6389aa; } body.dark-mode .studio-learning-current small,body.dark-mode .studio-learning-next small{color:#c7dced} body.dark-mode .studio-learning-current strong,body.dark-mode .studio-learning-next strong{color:#fff} body.dark-mode .studio-song-note.done{ background:#194b3c; color:#d8ffea; border-color:#4c9d78; } @media(max-width:650px){ .studio-learning-progress{grid-template-columns:1fr 1fr} .studio-learning-current strong,.studio-learning-next strong{font-size:19px} .studio-learning-bar{align-items:flex-start} } /* V29.4 – eindeutige Oktavdarstellung im Lernmodus */ .studio-keyboard-two-octaves{ display:grid; grid-template-columns:repeat(8,minmax(72px,1fr)); gap:8px; overflow:visible; } .studio-keyboard-two-octaves button{ min-width:0; min-height:108px; } .studio-keyboard-two-octaves button:nth-child(n+9){ background:linear-gradient(180deg,#eef7ff,#dcecff); border-color:#9fc3e8; } .studio-keyboard-two-octaves button b{ font-size:18px; letter-spacing:.02em; } .studio-keyboard-two-octaves button small{ font-size:11px; font-weight:700; } body.dark-mode .studio-keyboard-two-octaves button:nth-child(n+9){ background:linear-gradient(180deg,#244d70,#183854); border-color:#6c91b3; } body.dark-mode .studio-keyboard-two-octaves button b{color:#fff} body.dark-mode .studio-keyboard-two-octaves button small{color:#d3e8f8} @media(max-width:900px){ .studio-keyboard-two-octaves{grid-template-columns:repeat(4,minmax(68px,1fr))} } @media(max-width:520px){ .studio-keyboard-two-octaves{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; } .studio-keyboard-two-octaves button{ min-height:88px; padding:8px 4px; } .studio-keyboard-two-octaves button b{font-size:16px} .studio-keyboard-two-octaves button small{font-size:9px} } /* V29.5 – Multi-Instrument Play */ .studio-multi-play{padding:20px} .studio-multi-head{ display:grid; grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr); gap:18px; align-items:end; margin-bottom:14px; } .studio-multi-head h3{margin:5px 0 6px;font-size:25px} .studio-multi-head p{margin:0;color:var(--muted);line-height:1.55} .studio-multi-master{ display:grid; grid-template-columns:1fr 1fr; gap:10px; } .studio-multi-master label{ display:grid; gap:6px; padding:12px; border:1px solid #cbdbea; border-radius:14px; background:#f8fbff; color:#173451; font-size:13px; font-weight:800; } .studio-multi-master b{color:#0a2b54;font-size:14px} .studio-instrument-blocks{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:14px; } .studio-instrument-block{ --block-accent:#2f7bea; --block-soft:#edf5ff; overflow:hidden; border:2px solid color-mix(in srgb,var(--block-accent) 42%,#dbe7f2); border-radius:17px; background:linear-gradient(145deg,#fff,var(--block-soft)); box-shadow:0 9px 22px rgba(20,61,104,.08); transition:.18s ease; } .studio-instrument-block.playing{ transform:translateY(-3px); box-shadow:0 14px 32px color-mix(in srgb,var(--block-accent) 25%,transparent); } .studio-instrument-block header{ display:flex; align-items:center; gap:10px; padding:11px 12px; color:#102e4e; border-bottom:1px solid color-mix(in srgb,var(--block-accent) 25%,#dce7f2); } .studio-instrument-block header>span{font-size:25px} .studio-instrument-block header div{display:grid;gap:1px;flex:1} .studio-instrument-block header b{font-size:16px} .studio-instrument-block header small{font-size:10px;color:#58718a;font-weight:700} .studio-instrument-block header i{ width:10px;height:10px;border-radius:50%; background:var(--block-accent); box-shadow:0 0 0 5px color-mix(in srgb,var(--block-accent) 15%,transparent); } .studio-block-blue{--block-accent:#2d73e8;--block-soft:#edf5ff} .studio-block-red{--block-accent:#e65361;--block-soft:#fff0f2} .studio-block-green{--block-accent:#2aa66b;--block-soft:#edfbf4} .studio-block-violet{--block-accent:#8358df;--block-soft:#f5f0ff} .studio-block-orange{--block-accent:#e58731;--block-soft:#fff6e9} .studio-block-cyan{--block-accent:#149db9;--block-soft:#eafaff} .studio-mini-pad-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; padding:10px; } .studio-mini-pad{ min-width:0; min-height:58px; display:grid; place-items:center; gap:1px; padding:6px 3px; border:1px solid color-mix(in srgb,var(--block-accent) 35%,#cbd9e7); border-radius:10px; background:rgba(255,255,255,.86); color:#102d4c; cursor:pointer; transition:.12s ease; } .studio-mini-pad span{font-size:9px;color:#607990;font-weight:800} .studio-mini-pad b{font-size:12px;line-height:1.05;overflow:hidden;text-overflow:ellipsis;max-width:100%} .studio-mini-pad:hover{ transform:translateY(-2px); border-color:var(--block-accent); box-shadow:0 7px 15px color-mix(in srgb,var(--block-accent) 18%,transparent); } .studio-mini-pad.hit{ background:var(--block-accent); border-color:var(--block-accent); color:#fff; transform:scale(.96); } .studio-mini-pad.hit span{color:#eaf7ff} .studio-multi-controls{margin-top:14px} body.dark-mode .studio-multi-master label{ background:#173b59; border-color:#5e83a4; color:#e8f5ff; } body.dark-mode .studio-multi-master b{color:#fff} body.dark-mode .studio-instrument-block{ background:linear-gradient(145deg,#183a57,color-mix(in srgb,var(--block-accent) 18%,#132f48)); border-color:color-mix(in srgb,var(--block-accent) 68%,#7794ad); } body.dark-mode .studio-instrument-block header{color:#fff;border-bottom-color:rgba(255,255,255,.17)} body.dark-mode .studio-instrument-block header small{color:#c5dced} body.dark-mode .studio-mini-pad{ background:#244c6b; border-color:color-mix(in srgb,var(--block-accent) 55%,#7c9ab4); color:#fff; } body.dark-mode .studio-mini-pad span{color:#d2e7f7} body.dark-mode .studio-mini-pad.hit{background:var(--block-accent)} @media(max-width:980px){ .studio-instrument-blocks{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:720px){ .studio-multi-head{grid-template-columns:1fr} .studio-multi-master{grid-template-columns:1fr 1fr} } @media(max-width:520px){ .studio-instrument-blocks{grid-template-columns:1fr 1fr;gap:8px} .studio-instrument-block header{padding:9px} .studio-instrument-block header>span{font-size:20px} .studio-instrument-block header b{font-size:14px} .studio-mini-pad-grid{gap:4px;padding:7px} .studio-mini-pad{min-height:48px;border-radius:8px;padding:4px 2px} .studio-mini-pad b{font-size:10px} .studio-multi-master{grid-template-columns:1fr} } /* V29.6 – 16 Pads pro Instrument & bessere Lesbarkeit */ .studio-multi-play, .studio-multi-play h3, .studio-multi-play p, .studio-multi-play b, .studio-multi-play small, .studio-multi-play span, .studio-multi-play button, .studio-multi-play label{ text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; } .studio-multi-play{color:#0b2948} .studio-multi-head h3{font-size:27px;color:#0b2948} .studio-multi-head p{font-size:15px;color:#415f79} .studio-now span{color:#547089;font-size:12px;font-weight:800} .studio-now strong{color:#0b2948;font-size:21px} .studio-now small{color:#4d6b84;font-size:13px} .studio-instrument-block header b{font-size:17px;color:#0d2a48} .studio-instrument-block header small{font-size:11px;color:#496a84} .studio-mini-pad-grid-16{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; } .studio-mini-pad-grid-16 .studio-mini-pad{ min-height:54px; padding:6px 4px; } .studio-mini-pad-grid-16 .studio-mini-pad span{ font-size:9px; color:#5b748c; font-weight:900; } .studio-mini-pad-grid-16 .studio-mini-pad b{ font-size:11px; color:#0d2947; font-weight:900; } .studio-multi-controls button{ min-height:46px; font-size:14px; font-weight:850; } .studio-multi-controls #studioRecordStatus{ color:#274d70; font-size:13px; font-weight:800; } body.dark-mode .studio-multi-play{color:#f5fbff} body.dark-mode .studio-multi-head h3, body.dark-mode .studio-now strong, body.dark-mode .studio-instrument-block header b{ color:#fff; } body.dark-mode .studio-multi-head p, body.dark-mode .studio-now span, body.dark-mode .studio-now small, body.dark-mode .studio-instrument-block header small, body.dark-mode .studio-multi-controls #studioRecordStatus{ color:#d3e6f5; } body.dark-mode .studio-mini-pad-grid-16 .studio-mini-pad span{color:#d4e7f7} body.dark-mode .studio-mini-pad-grid-16 .studio-mini-pad b{color:#fff} body.dark-mode .studio-mini-pad{ background:#28506f; border-color:#7596b2; } body.dark-mode .studio-mini-pad:hover{ background:#315f82; } body.dark-mode .studio-mini-pad.hit{ background:var(--block-accent); border-color:#fff; } @media(max-width:1100px){ .studio-instrument-blocks{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:700px){ .studio-instrument-blocks{grid-template-columns:1fr} .studio-mini-pad-grid-16{grid-template-columns:repeat(4,minmax(0,1fr))} } @media(max-width:420px){ .studio-mini-pad-grid-16{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px} .studio-mini-pad-grid-16 .studio-mini-pad{min-height:48px} .studio-mini-pad-grid-16 .studio-mini-pad b{font-size:10px} } /* V29.7 – Audio fix, Statusbalken und Dark-Pattern-Typografie */ .studio-now{ display:grid; grid-template-columns:auto minmax(0,1fr); column-gap:14px; row-gap:3px; align-items:center; padding:15px 18px; border:1px solid #76b7ee; border-radius:15px; background:linear-gradient(105deg,#e7f5ff,#d9edff); box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 8px 20px rgba(31,103,166,.10); } .studio-now>span{ grid-row:1/3; align-self:stretch; display:flex; align-items:center; padding-right:14px; border-right:1px solid #96c5eb; color:#1a527f!important; font-size:13px!important; font-weight:900!important; letter-spacing:.04em; text-transform:uppercase; } .studio-now>strong{ color:#06284a!important; font-size:22px!important; line-height:1.15; font-weight:900!important; } .studio-now>small{ color:#315f84!important; font-size:14px!important; line-height:1.35; font-weight:750!important; } .studio-mini-pad-grid-16 .studio-mini-pad{ text-shadow:none; } .studio-mini-pad-grid-16 .studio-mini-pad span{ display:block; opacity:1; letter-spacing:.04em; } .studio-mini-pad-grid-16 .studio-mini-pad b{ display:block; opacity:1; line-height:1.15; } body.dark-mode .studio-now{ background:linear-gradient(105deg,#1d557d,#173f61); border-color:#6fa9d3; box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.24); } body.dark-mode .studio-now>span{ color:#d8efff!important; border-right-color:#638cac; } body.dark-mode .studio-now>strong{ color:#ffffff!important; } body.dark-mode .studio-now>small{ color:#d6eafa!important; } body.dark-mode .studio-mini-pad-grid-16 .studio-mini-pad{ background:#2b5878!important; border-color:#86a9c4!important; color:#fff!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.07); } body.dark-mode .studio-mini-pad-grid-16 .studio-mini-pad span{ color:#d9efff!important; font-size:10px!important; font-weight:900!important; } body.dark-mode .studio-mini-pad-grid-16 .studio-mini-pad b{ color:#ffffff!important; font-size:12px!important; font-weight:900!important; text-shadow:0 1px 1px rgba(0,0,0,.35); } body.dark-mode .studio-mini-pad-grid-16 .studio-mini-pad:hover{ background:#386b8e!important; border-color:#b8d7ef!important; } body.dark-mode .studio-mini-pad-grid-16 .studio-mini-pad.hit{ background:var(--block-accent)!important; border-color:#fff!important; } body.dark-mode .studio-mini-pad-grid-16 .studio-mini-pad.hit span, body.dark-mode .studio-mini-pad-grid-16 .studio-mini-pad.hit b{ color:#fff!important; } @media(max-width:560px){ .studio-now{ grid-template-columns:1fr; gap:4px; } .studio-now>span{ grid-row:auto; padding:0 0 7px; border-right:0; border-bottom:1px solid #96c5eb; } body.dark-mode .studio-now>span{border-bottom-color:#638cac} } /* V29.8 – Modern Loop Mixer */ .modern-loop-mixer{color:#0b2948} .studio-loop-head{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:start} .studio-loop-head h3{margin:6px 0;font-size:28px} .studio-loop-head p{margin:0;color:#45637d;line-height:1.55} .studio-loop-master{display:grid;grid-template-columns:1fr 1fr;gap:10px} .studio-loop-master label{display:grid;gap:6px;padding:11px;border:1px solid #cbdbea;border-radius:13px;background:#f8fbff;font-weight:800} .studio-loop-status{display:flex;gap:12px;align-items:center;margin:14px 0;padding:12px 15px;border-radius:13px;background:linear-gradient(90deg,#dff1ff,#edf8ff);border:1px solid #9ec9e9} .studio-loop-status span{font-weight:900;color:#2a5e86}.studio-loop-status strong{font-size:20px;color:#082a4a}.studio-loop-status small{margin-left:auto;color:#45637d;font-weight:800} .studio-loop-tracks{display:grid;gap:12px} .studio-loop-track{--block-accent:#2d73e8;border:2px solid #cbdbea;border-radius:16px;background:#fff;overflow:hidden;transition:.18s} .studio-loop-track.enabled{border-color:var(--block-accent);box-shadow:0 10px 28px color-mix(in srgb,var(--block-accent) 20%,transparent)} .studio-loop-track header{display:flex;align-items:center;gap:10px;padding:12px 14px;background:linear-gradient(90deg,color-mix(in srgb,var(--block-accent) 12%,#fff),#fff)} .studio-loop-track header>span{font-size:25px}.studio-loop-track header div{display:grid;gap:2px;flex:1}.studio-loop-track header b{font-size:17px}.studio-loop-track header small{color:#58718a} .loop-track-toggle{min-width:76px;padding:9px 13px;border:1px solid #aebfd0;border-radius:10px;background:#eef3f7;color:#41566a;font-weight:900} .loop-track-toggle.active{background:var(--block-accent);color:#fff;border-color:var(--block-accent)} .loop-track-controls{display:grid;grid-template-columns:minmax(230px,1fr) auto auto;gap:10px;padding:10px 14px;border-top:1px solid #dce6ef} .loop-track-controls label{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;font-size:13px;font-weight:800} .loop-track-controls button{border:1px solid #c4d2df;border-radius:9px;background:#f7fafc;padding:8px 11px;font-weight:800;color:#183a5b} .loop-step-grid{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:5px;padding:11px 14px 14px} .loop-step{min-height:48px;border:1px solid #c9d7e3;border-radius:8px;background:#f5f8fb;color:#244563;display:grid;place-items:center;padding:3px} .loop-step span{font-size:9px;font-weight:900}.loop-step b{font-size:14px} .loop-step.active{background:color-mix(in srgb,var(--block-accent) 22%,#fff);border-color:var(--block-accent);color:#0b2948} .loop-step.playing{outline:3px solid #ffd24a;outline-offset:1px;transform:translateY(-2px)} body.dark-mode .modern-loop-mixer{color:#fff} body.dark-mode .studio-loop-head p,body.dark-mode .studio-loop-track header small,body.dark-mode .studio-loop-status small{color:#d3e6f5} body.dark-mode .studio-loop-master label{background:#173b59;border-color:#5e83a4;color:#fff} body.dark-mode .studio-loop-status{background:linear-gradient(90deg,#1c5278,#173e5f);border-color:#6d9ab9} body.dark-mode .studio-loop-status span,body.dark-mode .studio-loop-status strong{color:#fff} body.dark-mode .studio-loop-track{background:#173a57;border-color:#5d7f9b} body.dark-mode .studio-loop-track header{background:linear-gradient(90deg,color-mix(in srgb,var(--block-accent) 24%,#163650),#173a57)} body.dark-mode .loop-track-controls{border-top-color:#496b86} body.dark-mode .loop-track-controls button{background:#244c6b;color:#fff;border-color:#7191aa} body.dark-mode .loop-step{background:#244c6b;color:#fff;border-color:#6e91ad} body.dark-mode .loop-step.active{background:color-mix(in srgb,var(--block-accent) 48%,#244c6b);color:#fff;border-color:#b9d4e8} @media(max-width:980px){.studio-loop-head{grid-template-columns:1fr}.loop-step-grid{grid-template-columns:repeat(8,1fr)}} @media(max-width:680px){.studio-loop-master{grid-template-columns:1fr}.loop-track-controls{grid-template-columns:1fr}.loop-step-grid{grid-template-columns:repeat(4,1fr)}.loop-step{min-height:44px}} /* V29.9 – kompakter Voice & FX Loop Mixer */ .studio-block-pink{--block-accent:#d85b9d}.studio-block-gold{--block-accent:#d89a24} .compact-loop-tracks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .compact-loop-mixer .studio-loop-track{min-width:0} .compact-loop-mixer .studio-loop-track header{padding:9px 11px} .compact-loop-mixer .studio-loop-track header>span{font-size:21px} .compact-loop-mixer .studio-loop-track header b{font-size:15px} .compact-loop-mixer .studio-loop-track header small{font-size:9px} .compact-track-controls{grid-template-columns:minmax(150px,1fr) auto auto;padding:7px 10px;gap:7px} .compact-track-controls label{font-size:11px}.compact-track-controls button{padding:6px 8px;font-size:11px} .compact-step-grid{grid-template-columns:repeat(16,minmax(0,1fr));gap:3px;padding:7px 9px 9px} .compact-step-grid .loop-step{min-height:35px;border-radius:6px;padding:2px} .compact-step-grid .loop-step span{font-size:7px}.compact-step-grid .loop-step b{font-size:11px} .compact-loop-mixer .loop-track-toggle{min-width:60px;padding:7px 9px;font-size:11px} @media(max-width:1100px){.compact-loop-tracks{grid-template-columns:1fr}.compact-step-grid{grid-template-columns:repeat(16,minmax(0,1fr))}} @media(max-width:700px){.compact-step-grid{grid-template-columns:repeat(8,1fr)}.compact-track-controls{grid-template-columns:1fr auto auto}} @media(max-width:460px){.compact-step-grid{grid-template-columns:repeat(8,1fr)}.compact-track-controls{grid-template-columns:1fr}.compact-loop-mixer .studio-loop-head h3{font-size:23px}} /* V30.0 – sofort hörbare Einzelspuren und variable Demos */ .loop-track-controls{grid-template-columns:minmax(210px,1fr) repeat(3,auto)} .loop-track-controls [data-loop-preview]{ background:linear-gradient(135deg,#1f72df,#19aebf); color:#fff;border-color:transparent; } .loop-track-controls [data-loop-demo]{ background:linear-gradient(135deg,#6651da,#9a5dde); color:#fff;border-color:transparent; } .loop-track-controls [data-loop-preview]:hover, .loop-track-controls [data-loop-demo]:hover{transform:translateY(-1px);filter:brightness(1.08)} body.dark-mode .loop-track-controls [data-loop-preview], body.dark-mode .loop-track-controls [data-loop-demo]{color:#fff} @media(max-width:850px){ .loop-track-controls{grid-template-columns:1fr 1fr} .loop-track-controls label{grid-column:1/-1} } @media(max-width:520px){.loop-track-controls{grid-template-columns:1fr}} /* V31.0 – Studio Workspace Phase 1 */ .v31-studio{color:#0b2948} .v31-studio-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(380px,.8fr);gap:18px;align-items:start} .v31-studio-head h3{font-size:29px;margin:6px 0} .v31-studio-head p{margin:0;color:#45637d;line-height:1.55} .v31-master{display:grid;grid-template-columns:repeat(3,1fr);gap:9px} .v31-transport{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px} .v31-master label{display:grid;gap:6px;padding:10px;border:1px solid #cbdbea;border-radius:12px;background:#f8fbff;font-weight:800;font-size:12px} .v31-master select{min-height:36px;border:1px solid #b9ccdd;border-radius:9px;background:#fff;color:#0b2948;padding:0 8px} .v31-demo-bar{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;margin:15px 0;padding:12px 14px;border:1px solid #c7dbec;border-radius:14px;background:#f6fbff} .v31-demo-bar>div:first-child{display:grid;gap:2px;min-width:135px}.v31-demo-bar small{font-size:10px;color:#52708a;font-weight:900}.v31-demo-bar strong{font-size:16px} .v31-demo-buttons{display:flex;gap:7px;flex-wrap:wrap} .v31-demo-buttons button{border:1px solid #bcd1e3;background:#fff;color:#163b5f;border-radius:9px;padding:8px 10px;font-weight:800;cursor:pointer} .v31-demo-buttons button:hover{border-color:#2d73e8;color:#155fc6} .v31-status{display:grid;grid-template-columns:auto auto 1fr;gap:12px;align-items:center;margin-bottom:12px;padding:11px 14px;border-radius:12px;background:linear-gradient(90deg,#dff1ff,#eef9ff);border:1px solid #9fc9e7} .v31-status span{font-weight:900;color:#144d78}.v31-status strong{font-size:15px}.v31-status small{text-align:right;color:#4c6a83} .v31-track-list{display:grid;grid-template-columns:1fr 1fr;gap:10px} .v31-track{--track:#2d73e8;border:2px solid #d1dce7;border-radius:14px;background:#fff;overflow:hidden;transition:.16s} .v31-track.enabled{border-color:var(--track);box-shadow:0 8px 20px color-mix(in srgb,var(--track) 15%,transparent)} .v31-track.muted{opacity:.62;border-color:#dc5463}.v31-track.soloed{border-color:#2d73e8;box-shadow:0 0 0 3px rgba(45,115,232,.15)} .v31-track-red{--track:#e4515f}.v31-track-green{--track:#2ca66c}.v31-track-blue{--track:#2d73e8}.v31-track-violet{--track:#8058dd}.v31-track-orange{--track:#df8430}.v31-track-cyan{--track:#139bb7}.v31-track-pink{--track:#d7599b}.v31-track-gold{--track:#c49218} .v31-track header{display:grid;grid-template-columns:auto minmax(85px,1fr) auto auto auto minmax(125px,.8fr);gap:7px;align-items:center;padding:9px 10px;background:linear-gradient(90deg,color-mix(in srgb,var(--track) 9%,#fff),#fff)} .v31-track-icon{font-size:23px}.v31-track header div{display:grid;gap:1px}.v31-track header b{font-size:14px}.v31-track header small{font-size:9px;color:#5c7186} .v31-track header button{min-height:32px;border:1px solid #bfcdd9;border-radius:8px;background:#f3f6f9;color:#40576b;font-size:10px;font-weight:900;padding:0 9px;cursor:pointer} .v31-power.active{background:#2ca66c!important;color:#fff!important;border-color:#2ca66c!important} .v31-mute.active{background:#d94858!important;color:#fff!important;border-color:#d94858!important} .v31-solo.active{background:#2d73e8!important;color:#fff!important;border-color:#2d73e8!important} .v31-volume{display:grid;grid-template-columns:auto 1fr auto;gap:6px;align-items:center;font-size:10px;font-weight:900}.v31-volume b{font-size:10px} .v31-pattern{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:4px;padding:8px 10px 10px;border-top:1px solid #dce5ed} .v31-step{min-height:38px;border:1px solid #c7d4df;border-radius:6px;background:#f4f7fa;color:#24425d;padding:2px;display:grid;place-items:center;cursor:pointer} .v31-step span{font-size:8px;font-weight:900}.v31-step b{font-size:12px} .v31-step.active{background:color-mix(in srgb,var(--track) 24%,#fff);border-color:var(--track);color:#102f4d} .v31-step.playing{outline:3px solid #ffd33f;outline-offset:0;transform:translateY(-1px)} .v31-step.step-2{border-style:dashed} body.dark-mode .v31-studio{color:#fff} body.dark-mode .v31-studio-head p,body.dark-mode .v31-track header small,body.dark-mode .v31-status small{color:#d2e4f3} body.dark-mode .v31-master label,body.dark-mode .v31-demo-bar{background:#173a57;border-color:#5e819e;color:#fff} body.dark-mode .v31-master select,body.dark-mode .v31-demo-buttons button{background:#244b69;color:#fff;border-color:#6d8da7} body.dark-mode .v31-status{background:linear-gradient(90deg,#1c5278,#173f60);border-color:#6d98b7} body.dark-mode .v31-status span{color:#fff} body.dark-mode .v31-track{background:#173a57;border-color:#5f7f99} body.dark-mode .v31-track header{background:linear-gradient(90deg,color-mix(in srgb,var(--track) 22%,#173a57),#173a57)} body.dark-mode .v31-track header button{background:#244b69;color:#fff;border-color:#7191aa} body.dark-mode .v31-pattern{border-top-color:#496c87} body.dark-mode .v31-step{background:#244b69;color:#fff;border-color:#6f90aa} body.dark-mode .v31-step.active{background:color-mix(in srgb,var(--track) 48%,#244b69);border-color:#bdd7ea;color:#fff} @media(max-width:1100px){.v31-studio-head{grid-template-columns:1fr}.v31-track-list{grid-template-columns:1fr}} @media(max-width:760px){ .v31-master{grid-template-columns:1fr 1fr}.v31-master label:last-child{grid-column:1/-1} .v31-demo-bar{grid-template-columns:1fr}.v31-status{grid-template-columns:1fr 1fr}.v31-status small{grid-column:1/-1;text-align:left} .v31-track header{grid-template-columns:auto 1fr auto auto auto}.v31-volume{grid-column:1/-1} .v31-pattern{grid-template-columns:repeat(8,1fr)} } @media(max-width:480px){ .v31-transport{grid-template-columns:1fr}.v31-master{grid-template-columns:1fr} .v31-master label:last-child{grid-column:auto}.v31-demo-buttons{display:grid;grid-template-columns:1fr 1fr} .v31-pattern{grid-template-columns:repeat(4,1fr)}.v31-step{min-height:42px} } /* V31.1 – echte Voice-Aufnahme */ .v31-voice-recorder{ display:grid; grid-template-columns:minmax(260px,1fr) auto; gap:12px 18px; align-items:center; margin:14px 0; padding:14px 16px; border:2px solid #d7599b; border-radius:15px; background:linear-gradient(110deg,#fff4fa,#f8fbff); } .v31-voice-copy{display:flex;align-items:center;gap:12px} .v31-voice-icon{font-size:31px} .v31-voice-copy>div{display:grid;gap:2px} .v31-voice-copy small{color:#a23f76;font-size:10px;font-weight:900;letter-spacing:.08em} .v31-voice-copy strong{font-size:17px;color:#35162a} .v31-voice-copy p{margin:2px 0 0;color:#6c4a60;font-size:12px;line-height:1.4} .v31-voice-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end} .v31-voice-actions .btn{min-height:40px;padding:9px 13px;font-size:12px} .v31-voice-actions button:disabled{opacity:.48;cursor:not-allowed} .v31-voice-status{ grid-column:1/-1; display:grid; grid-template-columns:auto auto 1fr; gap:8px; align-items:center; padding-top:10px; border-top:1px solid #ebc9dd; } .v31-voice-status i{width:11px;height:11px;border-radius:50%;background:#9aa9b5;box-shadow:0 0 0 4px rgba(154,169,181,.16)} .v31-voice-status i.recording{background:#e44155;animation:v31VoicePulse .8s infinite} .v31-voice-status i.processing{background:#e0a52f} .v31-voice-status i.ready{background:#2ca66c} .v31-voice-status i.error{background:#d94858} .v31-voice-status strong{font-size:13px;color:#4d2640} .v31-voice-status small{color:#765d6d;font-size:11px} @keyframes v31VoicePulse{50%{box-shadow:0 0 0 9px rgba(228,65,85,.16)}} body.dark-mode .v31-voice-recorder{ background:linear-gradient(110deg,#4b2340,#173a57); border-color:#e376b2; } body.dark-mode .v31-voice-copy small{color:#ffb9df} body.dark-mode .v31-voice-copy strong{color:#fff} body.dark-mode .v31-voice-copy p, body.dark-mode .v31-voice-status small{color:#f1d9e7} body.dark-mode .v31-voice-status{border-top-color:#81536f} body.dark-mode .v31-voice-status strong{color:#fff} @media(max-width:820px){ .v31-voice-recorder{grid-template-columns:1fr} .v31-voice-actions{justify-content:flex-start} } @media(max-width:480px){ .v31-voice-actions{display:grid;grid-template-columns:1fr 1fr} .v31-voice-status{grid-template-columns:auto 1fr} .v31-voice-status small{grid-column:1/-1} } /* V31.2 – Master Recording */ .v312-master-transport{grid-template-columns:repeat(5,minmax(0,1fr))} .v312-record-btn{ color:#fff; background:linear-gradient(135deg,#d83250,#f0645f); border-color:transparent; box-shadow:0 8px 20px rgba(216,50,80,.22); } .v312-record-btn:disabled{opacity:.55;cursor:not-allowed} .v312-record-result{ grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 12px; border:1px solid #cbdbea; border-radius:12px; background:#f8fbff; } .v312-record-result>div:first-child{display:flex;align-items:center;gap:8px;min-width:0} #v312RecordLamp{ width:11px;height:11px;flex:0 0 auto;border-radius:50%; background:#9baab7;box-shadow:0 0 0 4px rgba(155,170,183,.15) } #v312RecordLamp.recording{background:#e23d55;animation:v312RecordPulse .8s infinite} #v312RecordLamp.processing{background:#e0a52f} #v312RecordLamp.ready{background:#2ca66c} #v312RecordLamp.error{background:#d94858} #v312RecordStatus{ overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color:#173b5d;font-size:12px } .v312-record-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end} .v312-record-actions button,.v312-record-actions a{ min-height:34px;display:inline-flex;align-items:center;justify-content:center; padding:7px 10px;border:1px solid #c3d1de;border-radius:8px; background:#fff;color:#173b5d;text-decoration:none;font-size:10px; font-weight:900;cursor:pointer } .v312-record-actions button:disabled,.v312-record-actions a.disabled{ opacity:.42;pointer-events:none } @keyframes v312RecordPulse{50%{box-shadow:0 0 0 10px rgba(226,61,85,.15)}} body.dark-mode .v312-record-result{background:#173a57;border-color:#5e819e} body.dark-mode #v312RecordStatus{color:#fff} body.dark-mode .v312-record-actions button,body.dark-mode .v312-record-actions a{ background:#244b69;color:#fff;border-color:#7191aa } @media(max-width:980px){.v312-master-transport{grid-template-columns:repeat(3,1fr)}} @media(max-width:700px){ .v312-record-result{align-items:flex-start;flex-direction:column} .v312-record-actions{width:100%;display:grid;grid-template-columns:repeat(3,1fr)} } @media(max-width:480px){ .v312-master-transport{grid-template-columns:1fr} .v312-record-actions{grid-template-columns:1fr} #v312RecordStatus{white-space:normal} } /* V32.0 – NOVA Games */ .nova-games-tile{background:linear-gradient(145deg,#eef7ff,#f7f1ff,#efffed)!important;border-color:#8cbff0!important} .nova-games-tile i{filter:drop-shadow(0 7px 12px rgba(68,94,222,.25))} .nova-games-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:14px 0} .nova-games-overview article{padding:12px;border:1px solid #ccdae7;border-radius:13px;background:#f8fbff;display:grid;gap:3px} .nova-games-overview small{font-size:9px;color:#5c7186;font-weight:900}.nova-games-overview strong{font-size:19px;color:#102f4e} .nova-games-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0} .nova-games-tabs button{min-height:82px;border:1px solid #c7d7e5;border-radius:14px;background:#fff;color:#143553;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:2px 9px;text-align:left;align-items:center;padding:12px;cursor:pointer} .nova-games-tabs span{grid-row:1/3;font-size:29px}.nova-games-tabs b{font-size:14px}.nova-games-tabs small{color:#62768a;font-size:10px} .nova-games-tabs button.active{color:#fff;border-color:transparent;background:linear-gradient(135deg,#285ee8,#15b8d1)} .nova-games-tabs button.active small{color:#dff7ff} .nova-games-output{min-height:520px} .game-main-card{border:1px solid #cbd9e5;border-radius:18px;background:linear-gradient(145deg,#fff,#f5f9fd);padding:16px} .game-title-row{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:13px} .game-title-row small{font-size:10px;color:#2e6698;font-weight:900;letter-spacing:.08em}.game-title-row h3{margin:4px 0 0;font-size:21px} .game-live-badge{padding:7px 10px;border-radius:999px;background:#e8f2ff;color:#245fa7;font-size:10px;font-weight:900} .game-live-badge.green{background:#e8f9ee;color:#257948}.game-live-badge.violet{background:#f0eaff;color:#6f48bd} .block-layout,.snake-layout{display:grid;grid-template-columns:minmax(300px,1fr) 260px;gap:16px;align-items:start} #blockCanvas{width:min(100%,300px);height:auto;display:block;margin:auto;border:2px solid #274a6c;border-radius:12px;background:#07182b} #snakeCanvas{width:min(100%,560px);height:auto;display:block;margin:auto;border:2px solid #274a6c;border-radius:12px;background:#07182b} .block-sidebar{display:grid;gap:11px}.game-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px} .game-stat-grid article{padding:10px;border:1px solid #cbd9e5;border-radius:11px;background:#fff;display:grid;gap:3px} .game-stat-grid small{font-size:9px;color:#687b8e;font-weight:900}.game-stat-grid strong{font-size:20px;color:#0e3152;font-variant-numeric:tabular-nums} .next-piece-card{padding:12px;border:1px solid #cbd9e5;border-radius:12px;background:#fff;text-align:center}.next-piece-card small{display:block;font-size:9px;color:#60758a;font-weight:900;margin-bottom:7px}.next-piece-card canvas{max-width:100%;border-radius:9px;background:#07182b} .game-actions{display:grid;gap:7px}.game-actions .btn{min-height:42px;padding:10px 12px} .game-help{margin:0;color:#5b7084;font-size:11px;line-height:1.5} .game-touch-controls{display:none;gap:7px;margin-top:13px}.game-touch-controls button{min-height:48px;border:1px solid #b9ccdd;border-radius:11px;background:#fff;color:#143553;font-size:20px;font-weight:900} .block-touch{grid-template-columns:repeat(5,1fr)}.snake-touch{grid-template-columns:repeat(3,1fr);max-width:270px;margin-left:auto;margin-right:auto} .memory-header{display:grid;grid-template-columns:1fr 180px;gap:14px;align-items:start;margin-bottom:14px} .memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:620px;margin:auto} .memory-card{aspect-ratio:1;border:1px solid #bfcfe0;border-radius:14px;background:linear-gradient(145deg,#123963,#0c2443);position:relative;transform-style:preserve-3d;transition:transform .35s;cursor:pointer} .memory-card.open{transform:rotateY(180deg)}.memory-card.matched{box-shadow:0 0 0 3px rgba(55,195,112,.25)} .memory-card span{position:absolute;inset:0;display:grid;place-items:center;backface-visibility:hidden;border-radius:13px} .memory-back{color:#79dcff;font:800 33px Space Grotesk}.memory-front{transform:rotateY(180deg);background:#fff;font-size:36px} .memory-finish{text-align:center}.memory-finish-score{display:grid;place-items:center;margin:25px auto;width:150px;height:150px;border-radius:50%;background:linear-gradient(145deg,#285ee8,#16bec9);color:#fff}.memory-finish-score strong{font-size:40px}.memory-finish-score span{font-size:11px} body.dark-mode .nova-games-overview article,body.dark-mode .game-main-card,body.dark-mode .game-stat-grid article,body.dark-mode .next-piece-card,body.dark-mode .nova-games-tabs button{background:#173a57;border-color:#5d7f9b;color:#fff} body.dark-mode .nova-games-overview small,body.dark-mode .nova-games-tabs small,body.dark-mode .game-help,body.dark-mode .game-stat-grid small{color:#d2e5f4} body.dark-mode .nova-games-overview strong,body.dark-mode .game-stat-grid strong,body.dark-mode .game-title-row h3{color:#fff} body.dark-mode .game-touch-controls button{background:#244c6b;color:#fff;border-color:#7191aa} body.dark-mode .memory-front{background:#244c6b} @media(max-width:850px){.block-layout,.snake-layout{grid-template-columns:1fr}.block-sidebar{grid-template-columns:1fr 1fr}.game-actions,.game-help{grid-column:1/-1}.game-touch-controls{display:grid}} @media(max-width:620px){.nova-games-overview{grid-template-columns:1fr 1fr}.nova-games-tabs{grid-template-columns:1fr}.memory-header{grid-template-columns:1fr}.memory-grid{gap:7px}.memory-card{border-radius:10px}.block-sidebar{grid-template-columns:1fr}.game-actions,.game-help{grid-column:auto}} @media(max-width:420px){.nova-games-overview{grid-template-columns:1fr 1fr}.memory-grid{grid-template-columns:repeat(4,1fr);gap:5px}.memory-front{font-size:27px}.memory-back{font-size:25px}.game-main-card{padding:11px}} /* V32.1 – Arcade Gamepad, Breakout & Nova Runner */ .nova-games-tabs{grid-template-columns:repeat(5,1fr)} .nova-gamepad{ display:flex; align-items:center; justify-content:center; gap:34px; margin-top:16px; padding:15px 18px; border:1px solid #b9ccdd; border-radius:20px; background:linear-gradient(145deg,#eaf3fb,#fff); } .nova-dpad{ position:relative; display:grid; grid-template-columns:repeat(3,52px); grid-template-rows:repeat(3,52px); gap:4px; } .nova-dpad button{ border:1px solid #7891a8; border-radius:12px; background:linear-gradient(145deg,#263d55,#12263a); color:#fff; font-size:24px; font-weight:900; box-shadow:inset 0 2px 0 rgba(255,255,255,.12),0 6px 12px rgba(17,42,67,.18); cursor:pointer; } .nova-dpad button:active{transform:translateY(2px);box-shadow:inset 0 2px 5px rgba(0,0,0,.28)} .nova-dpad button:disabled{opacity:.28;cursor:not-allowed} .nova-dpad .dpad-center{font-size:13px;color:#7ce5ff} .nova-action-buttons{display:flex;gap:18px;align-items:center} .nova-action-buttons button{ width:84px;height:84px;border-radius:50%;border:4px solid rgba(255,255,255,.72); color:#fff;display:grid;place-items:center;align-content:center;gap:1px;cursor:pointer; box-shadow:0 10px 20px rgba(27,55,87,.2),inset 0 3px 0 rgba(255,255,255,.2) } .nova-action-buttons button:active{transform:scale(.96)} .nova-action-buttons small{font-size:24px;font-weight:900;line-height:1} .nova-action-buttons b{font-size:10px} .action-a{background:linear-gradient(145deg,#2dcc75,#168d4a)} .action-b{background:linear-gradient(145deg,#ef5a6d,#b52d45)} .breakout-layout,.runner-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:16px;align-items:start} #breakoutCanvas,#runnerCanvas{width:100%;height:auto;display:block;border:2px solid #274a6c;border-radius:14px;background:#07182b} body.dark-mode .nova-gamepad{background:linear-gradient(145deg,#173a57,#102b43);border-color:#5f829e} @media(max-width:980px){ .nova-games-tabs{grid-template-columns:repeat(3,1fr)} .breakout-layout,.runner-layout{grid-template-columns:1fr} } @media(max-width:680px){ .nova-games-tabs{grid-template-columns:1fr 1fr} .nova-gamepad{gap:18px;padding:13px 10px} .nova-dpad{grid-template-columns:repeat(3,46px);grid-template-rows:repeat(3,46px)} .nova-action-buttons{gap:10px} .nova-action-buttons button{width:70px;height:70px} } @media(max-width:430px){ .nova-games-tabs{grid-template-columns:1fr} .nova-gamepad{flex-direction:column} } /* V32.2 – Ultimate Games: Sound, Schach, Jump & Run, Space Shooter */ .nova-games-soundbar{ display:flex;align-items:center;justify-content:space-between;gap:12px; margin:12px 0;padding:10px 12px;border:1px solid #c9d8e5;border-radius:12px;background:#f7fbff } .nova-games-soundbar button{ border:1px solid #b7cadb;border-radius:10px;background:#eef3f7;color:#34516b; padding:8px 12px;font-weight:900;cursor:pointer } .nova-games-soundbar button.active{background:linear-gradient(135deg,#2666df,#1bb9c7);color:#fff;border-color:transparent} .nova-games-soundbar small{color:#5f7487} .nova-games-tabs{grid-template-columns:repeat(4,1fr)} .chess-layout{display:grid;grid-template-columns:minmax(320px,620px) 260px;gap:16px;align-items:start} .chess-board{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1;border:8px solid #183653;border-radius:12px;overflow:hidden} .chess-square{position:relative;border:0;display:grid;place-items:center;font-size:clamp(25px,5vw,53px);cursor:pointer} .chess-square.light{background:#e7edf2}.chess-square.dark{background:#537797} .chess-square.selected{box-shadow:inset 0 0 0 5px #ffd64a}.chess-square.valid:after{content:"";position:absolute;width:22%;height:22%;border-radius:50%;background:rgba(45,210,114,.85)} .chess-square.valid span{position:relative;z-index:1}.chess-square span{filter:drop-shadow(0 2px 1px rgba(0,0,0,.2))} body.dark-mode .nova-games-soundbar{background:#173a57;border-color:#5f819d} body.dark-mode .nova-games-soundbar small{color:#d3e5f3} body.dark-mode .chess-square.light{background:#7594ad}body.dark-mode .chess-square.dark{background:#294e6c} @media(max-width:980px){.chess-layout{grid-template-columns:1fr}.nova-games-tabs{grid-template-columns:repeat(3,1fr)}} @media(max-width:620px){.nova-games-tabs{grid-template-columns:1fr 1fr}.nova-games-soundbar{align-items:flex-start;flex-direction:column}.chess-board{border-width:5px}} @media(max-width:420px){.nova-games-tabs{grid-template-columns:1fr}.chess-square{font-size:31px}} /* V32.3 – Widescreen HUD und verbesserte Space-Grafik */ .wide-game-layout{display:grid;grid-template-columns:1fr;gap:12px} .wide-game-stage{ width:100%; border:1px solid #b9ccdd; border-radius:16px; background:#07182b; padding:8px; overflow:hidden; } .wide-game-stage canvas{ display:block; width:100%; height:auto; max-height:68vh; object-fit:contain; border:0!important; border-radius:10px!important; } .wide-game-hud{ display:grid; grid-template-columns:minmax(0,1.25fr) auto; gap:10px 14px; align-items:center; padding:10px 12px; border:1px solid #c9d8e5; border-radius:14px; background:linear-gradient(145deg,#f7fbff,#fff); } .wide-game-hud .game-stat-grid{ grid-template-columns:repeat(4,minmax(90px,1fr)); } .wide-game-hud .game-stat-grid article{ min-height:62px; padding:8px 10px; } .wide-game-actions{ display:grid; grid-template-columns:repeat(3,minmax(100px,1fr)); gap:7px; } .wide-game-actions .btn{ min-height:40px; padding:8px 10px; font-size:12px; } .wide-game-hud .game-help{ grid-column:1/-1; padding-top:8px; border-top:1px solid #dbe5ee; } .breakout-layout,.runner-layout{display:block} body.dark-mode .wide-game-stage{border-color:#54758f} body.dark-mode .wide-game-hud{background:linear-gradient(145deg,#173a57,#102d46);border-color:#5f819d} body.dark-mode .wide-game-hud .game-help{border-top-color:#486a84} @media(max-width:820px){ .wide-game-hud{grid-template-columns:1fr} .wide-game-hud .game-stat-grid{grid-template-columns:repeat(4,1fr)} .wide-game-actions{grid-template-columns:repeat(3,1fr)} } @media(max-width:560px){ .wide-game-stage{padding:4px;border-radius:12px} .wide-game-stage canvas{max-height:none} .wide-game-hud .game-stat-grid{grid-template-columns:1fr 1fr} .wide-game-actions{grid-template-columns:1fr} .wide-game-hud{padding:9px} } /* V32.4 – Star Defender Hitbox & Chess Fullscreen Layout */ #moduleModal.nova-games-modal .modal-card, #moduleModal.nova-games-modal .modal-content, #moduleModal.nova-games-modal .modal-panel{ width:min(96vw,1460px)!important; max-width:min(96vw,1460px)!important; max-height:94vh!important; } #moduleModal.nova-games-modal .modal-body{ max-height:calc(94vh - 70px)!important; overflow:auto; } .nova-games{width:100%} .chess-layout{ display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:16px; align-items:start; } .chess-board{ width:min(100%,820px); margin:0 auto; display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); grid-template-rows:repeat(8,minmax(0,1fr)); aspect-ratio:1/1; border:8px solid #183653; border-radius:14px; overflow:hidden; background:#183653; } .chess-square{ width:100%; height:100%; min-width:0; min-height:0; aspect-ratio:1/1; display:grid; place-items:center; padding:0; line-height:1; font-size:clamp(28px,5.4vw,58px); } .chess-square span{ width:100%; height:100%; display:grid; place-items:center; } .chess-layout .block-sidebar{ align-self:stretch; } @media(max-width:1050px){ .chess-layout{grid-template-columns:1fr} .chess-layout .block-sidebar{ display:grid; grid-template-columns:1fr 1fr; gap:10px; } .chess-layout .game-stat-grid{grid-column:1/-1} .chess-layout .game-help{grid-column:1/-1} } @media(max-width:700px){ #moduleModal.nova-games-modal .modal-card, #moduleModal.nova-games-modal .modal-content, #moduleModal.nova-games-modal .modal-panel{ width:98vw!important; max-width:98vw!important; max-height:96vh!important; border-radius:14px!important; } #moduleModal.nova-games-modal .modal-body{ padding:10px!important; max-height:calc(96vh - 60px)!important; } .chess-board{ width:100%; border-width:5px; border-radius:10px; } .chess-square{ font-size:clamp(25px,10vw,44px); } .chess-layout .block-sidebar{grid-template-columns:1fr} .chess-layout .game-stat-grid{grid-template-columns:1fr 1fr} } @media(max-width:420px){ .chess-board{border-width:3px} .chess-square{font-size:clamp(22px,10.4vw,38px)} .chess-square.selected{box-shadow:inset 0 0 0 3px #ffd64a} } /* V32.6 – Schach gegen NOVA & Backgammon */ .chess-board.thinking{opacity:.9} .backgammon-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:16px;align-items:start} .backgammon-board{ display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); grid-template-rows:1fr 1fr; gap:4px; width:min(100%,920px); min-height:520px; margin:auto; padding:16px; border:10px solid #5b3421; border-radius:18px; background:linear-gradient(90deg,#c9965b,#e4bd82); } .bg-point{ position:relative; border:0; background:transparent; min-width:0; cursor:pointer; overflow:visible; } .bg-point:disabled{cursor:default} .bg-point:before{ content:""; position:absolute; left:5%;right:5%; border-left:clamp(18px,3vw,34px) solid transparent; border-right:clamp(18px,3vw,34px) solid transparent; } .bg-point.top:before{top:0;border-top:210px solid #7d2f2f} .bg-point.top.alt:before{border-top-color:#ece0c8} .bg-point.bottom:before{bottom:0;border-bottom:210px solid #7d2f2f} .bg-point.bottom.alt:before{border-bottom-color:#ece0c8} .bg-point:nth-child(n+13){grid-row:2} .bg-point.selected{outline:4px solid #ffd64a;outline-offset:-4px;border-radius:8px} .bg-checkers{position:absolute;inset:8px 0;display:flex;flex-direction:column;align-items:center;gap:3px;z-index:2} .bg-point.bottom .bg-checkers{justify-content:flex-end} .bg-checkers i{width:34px;height:34px;border-radius:50%;border:2px solid rgba(0,0,0,.28);box-shadow:0 3px 6px rgba(0,0,0,.24)} .bg-checkers i.w{background:linear-gradient(145deg,#fff,#cfd7df)} .bg-checkers i.b{background:linear-gradient(145deg,#283747,#070b10)} .bg-checkers b{padding:2px 5px;border-radius:999px;background:#102f4e;color:#fff;font-size:10px} .bg-index{position:absolute;z-index:3;font-size:9px;font-weight:900;color:#4a2d1f;left:50%;transform:translateX(-50%)} .bg-point.top .bg-index{top:2px}.bg-point.bottom .bg-index{bottom:2px} body.dark-mode .backgammon-board{border-color:#402419;background:linear-gradient(90deg,#805b36,#b08757)} @media(max-width:1050px){.backgammon-layout{grid-template-columns:1fr}.backgammon-layout .block-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:10px}.backgammon-layout .game-stat-grid,.backgammon-layout .game-help{grid-column:1/-1}} @media(max-width:700px){ .backgammon-board{min-height:390px;padding:8px;border-width:6px;gap:2px} .bg-point.top:before{border-top-width:155px;border-left-width:12px;border-right-width:12px} .bg-point.bottom:before{border-bottom-width:155px;border-left-width:12px;border-right-width:12px} .bg-checkers i{width:24px;height:24px} .backgammon-layout .block-sidebar{grid-template-columns:1fr} } /* V33.0 – NOVA Arcade Premium */ .nova-arcade-hero{ display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center; margin:14px 0;padding:16px;border:1px solid #a9c9e5;border-radius:18px; background:linear-gradient(135deg,#0d2b53,#214f8a 55%,#4b2c81);color:#fff } .nova-arcade-brand{display:flex;gap:13px;align-items:center}.nova-arcade-logo{font-size:42px} .nova-arcade-brand>div{display:grid;gap:3px}.nova-arcade-brand small{font-size:10px;letter-spacing:.12em;color:#bfefff}.nova-arcade-brand strong{font-size:20px}.nova-arcade-brand p{margin:2px 0 0;color:#d8eaff;font-size:12px} .nova-arcade-profile{display:flex;align-items:center;gap:12px}.nova-level-ring{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;align-content:center;border:4px solid #66e7ff;background:rgba(255,255,255,.08)}.nova-level-ring b{font-size:25px}.nova-level-ring small{font-size:8px}.nova-arcade-profile>div{display:grid;gap:2px}.nova-arcade-profile small{font-size:9px;color:#cde8ff}.nova-arcade-profile strong{font-size:17px}.nova-arcade-profile span{font-size:10px;color:#ffe07a} .chess-difficulty{display:grid;gap:5px;font-size:11px;font-weight:900}.chess-difficulty select{min-height:40px;border:1px solid #bdd0e0;border-radius:9px;padding:0 10px;background:#fff;color:#163854} .chess-move-log,.bg-move-log{padding:10px 12px;border:1px solid #c9d9e6;border-radius:10px;background:#f7fbff;color:#183d60;font-size:12px;font-weight:800} .chess-square.nova-start{box-shadow:inset 0 0 0 5px #4db8ff} .chess-square.nova-end{box-shadow:inset 0 0 0 5px #54df81} .chess-square.nova-start:before,.chess-square.nova-end:before{content:"";position:absolute;inset:12%;border-radius:50%;border:3px solid rgba(255,255,255,.65);animation:chessPulse .8s ease-out} @keyframes chessPulse{from{transform:scale(.5);opacity:1}to{transform:scale(1.25);opacity:0}} .bg-dice-wrap{display:flex;gap:6px}.bg-die{width:32px;height:32px;border-radius:8px;background:#fff;color:#182f46;display:grid;place-items:center;border:1px solid #b8c9d8;box-shadow:0 4px 8px rgba(0,0,0,.14);font-style:normal}.bg-die.rolling{animation:diceRoll .55s ease} @keyframes diceRoll{0%{transform:rotate(0) scale(.7)}60%{transform:rotate(320deg) scale(1.15)}100%{transform:rotate(360deg) scale(1)}} body.dark-mode .chess-difficulty select,body.dark-mode .chess-move-log,body.dark-mode .bg-move-log{background:#244b69;color:#fff;border-color:#6f8ea7} @media(max-width:760px){.nova-arcade-hero{grid-template-columns:1fr}.nova-arcade-profile{justify-content:space-between}} /* V33.1 – Arcade Typography & Theme Polish */ .nova-games{ --arcade-text:#102a43; --arcade-title:#071f35; --arcade-muted:#49667f; --arcade-soft:#f7fbff; --arcade-card:#ffffff; --arcade-border:#c6d8e7; --arcade-button:#ffffff; --arcade-button-text:#173b5e; --arcade-focus:#2f80ed; color:var(--arcade-text); font-size:15px; line-height:1.55; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; } .nova-games h2, .nova-games h3, .nova-games strong, .nova-games b{ color:var(--arcade-title); } .nova-games .module-intro, .nova-games p, .nova-games small{ color:var(--arcade-muted); } .nova-games .eyebrow{ color:#1c5f98; font-size:12px; font-weight:900; letter-spacing:.08em; } .nova-games .module-intro{ font-size:15px; font-weight:600; } /* Arcade blue bar */ .nova-arcade-hero{ position:relative; overflow:hidden; grid-template-columns:minmax(0,1fr) auto; gap:22px; padding:20px 22px; border:1px solid #5ea6e4; background: radial-gradient(circle at 78% 25%,rgba(99,231,255,.22),transparent 28%), linear-gradient(135deg,#08264a 0%,#145388 48%,#442774 100%); box-shadow:0 14px 32px rgba(10,45,85,.22); } .nova-arcade-brand, .nova-arcade-profile{ position:relative; z-index:1; } .nova-arcade-logo{ font-size:48px; filter:drop-shadow(0 8px 14px rgba(0,0,0,.28)); } .nova-arcade-copy{ display:grid; gap:4px; } .nova-arcade-copy small{ color:#bcecff!important; font-size:11px!important; font-weight:900!important; letter-spacing:.14em; } .nova-arcade-copy strong{ color:#ffffff!important; font-size:24px!important; line-height:1.18; font-weight:900!important; } .nova-arcade-copy p{ color:#e3f3ff!important; font-size:14px!important; line-height:1.45; font-weight:750!important; } .nova-level-ring{ width:84px; height:84px; border:4px solid #6ce8ff; background:rgba(255,255,255,.12); box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 8px 22px rgba(0,0,0,.2); } .nova-level-ring b{ color:#fff!important; font-size:28px!important; } .nova-level-ring small{ color:#d9f6ff!important; font-size:9px!important; font-weight:900!important; } .nova-arcade-profile>div small{ color:#cbeaff!important; font-size:10px!important; font-weight:850!important; } .nova-arcade-profile>div strong{ color:#fff!important; font-size:19px!important; } .nova-arcade-profile>div span{ color:#ffe585!important; font-size:11px!important; font-weight:800!important; } /* Overview cards */ .nova-games-overview{ gap:12px; } .nova-games-overview article{ min-height:82px; padding:14px 15px; border:1px solid var(--arcade-border); border-radius:14px; background:var(--arcade-card); box-shadow:0 6px 16px rgba(32,79,119,.07); } .nova-games-overview small{ color:#5b7287!important; font-size:10px!important; font-weight:900!important; letter-spacing:.04em; } .nova-games-overview strong{ color:#0c2a46!important; font-size:21px!important; font-weight:900!important; } /* Sound bar */ .nova-games-soundbar{ padding:12px 14px; border:1px solid var(--arcade-border); background:var(--arcade-soft); } .nova-games-soundbar button{ min-height:40px; font-size:12px; font-weight:900; } .nova-games-soundbar small{ color:#4d6880!important; font-size:12px!important; font-weight:650!important; } /* Game tabs */ .nova-games-tabs{ gap:11px; } .nova-games-tabs button{ min-height:88px; padding:13px 14px; border:1px solid var(--arcade-border); background:var(--arcade-card); color:var(--arcade-button-text); box-shadow:0 5px 14px rgba(27,67,103,.06); } .nova-games-tabs button:hover{ transform:translateY(-2px); border-color:#73aee1; box-shadow:0 10px 20px rgba(27,85,137,.12); } .nova-games-tabs button:focus-visible, .nova-game-workspace button:focus-visible, .nova-game-workspace select:focus-visible{ outline:3px solid var(--arcade-focus); outline-offset:2px; } .nova-games-tabs button.active{ color:#fff; background:linear-gradient(135deg,#225fd8,#17aebf); box-shadow:0 10px 22px rgba(33,103,203,.24); } .nova-games-tabs b{ color:inherit!important; font-size:15px!important; font-weight:900!important; } .nova-games-tabs small{ color:#587086!important; font-size:11px!important; font-weight:700!important; } .nova-games-tabs button.active small{ color:#e1f8ff!important; } /* Game surfaces */ .game-main-card{ border:1px solid var(--arcade-border); background:linear-gradient(145deg,#fff,#f7fbff); box-shadow:0 8px 22px rgba(32,79,119,.08); } .game-title-row small{ color:#256294!important; font-size:11px!important; font-weight:900!important; } .game-title-row h3{ color:#092842!important; font-size:23px!important; font-weight:900!important; } .game-live-badge{ font-size:11px!important; font-weight:900!important; } .game-stat-grid{ gap:10px; } .game-stat-grid article{ min-height:72px; padding:12px 13px; border:1px solid var(--arcade-border); background:#fff; border-radius:12px; } .game-stat-grid small{ color:#5a7187!important; font-size:10px!important; font-weight:900!important; letter-spacing:.03em; } .game-stat-grid strong{ color:#0b2c49!important; font-size:22px!important; font-weight:900!important; } .game-help{ color:#48647c!important; font-size:13px!important; font-weight:600!important; } .game-actions .btn, .wide-game-actions .btn{ min-height:44px; border-radius:10px; font-size:13px; font-weight:900; } .game-actions .btn.secondary, .wide-game-actions .btn.secondary{ background:#f5f9fc; color:#183c5d; border:1px solid #c3d4e2; } .game-actions .btn:hover, .wide-game-actions .btn:hover{ transform:translateY(-1px); filter:brightness(1.03); } /* HUD and status strips */ .wide-game-hud{ border:1px solid var(--arcade-border); background:linear-gradient(145deg,#f8fbfe,#fff); } .wide-game-hud .game-help{ border-top-color:#d8e4ed; } .chess-move-log, .bg-move-log{ color:#153d61!important; font-size:13px!important; font-weight:850!important; background:#f4f9fd; } .chess-difficulty{ color:#244b6c; font-size:12px; } .chess-difficulty select{ color:#153754; font-size:13px; font-weight:750; } /* Gamepad typography */ .nova-gamepad{ border-color:#b9cedf; background:linear-gradient(145deg,#eef5fb,#fff); } .nova-action-buttons b{ color:#fff!important; font-size:11px!important; font-weight:900!important; } .nova-action-buttons small{ color:#fff!important; } /* Backgammon */ .bg-move-log{ line-height:1.45; } .bg-die{ font-size:15px; font-weight:900; } /* Dark mode */ body.dark-mode .nova-games{ --arcade-text:#f3f8fc; --arcade-title:#ffffff; --arcade-muted:#c6d9e8; --arcade-soft:#173a57; --arcade-card:#173a57; --arcade-border:#5d7f9a; --arcade-button:#244c6b; --arcade-button-text:#ffffff; color:#f3f8fc; } body.dark-mode .nova-games h2, body.dark-mode .nova-games h3, body.dark-mode .nova-games strong, body.dark-mode .nova-games b{ color:#fff; } body.dark-mode .nova-games .module-intro, body.dark-mode .nova-games p, body.dark-mode .nova-games small{ color:#d0e1ee; } body.dark-mode .nova-games .eyebrow{ color:#78d7ff; } body.dark-mode .nova-games-overview article, body.dark-mode .game-main-card, body.dark-mode .game-stat-grid article, body.dark-mode .nova-games-tabs button{ background:#173a57; border-color:#5d7f9a; box-shadow:none; } body.dark-mode .nova-games-overview small, body.dark-mode .game-stat-grid small{ color:#c8dceb!important; } body.dark-mode .nova-games-overview strong, body.dark-mode .game-stat-grid strong, body.dark-mode .game-title-row h3{ color:#fff!important; } body.dark-mode .nova-games-tabs b{ color:#fff!important; } body.dark-mode .nova-games-tabs small{ color:#c5dae9!important; } body.dark-mode .nova-games-tabs button:hover{ background:#204765; border-color:#79afd3; } body.dark-mode .nova-games-soundbar, body.dark-mode .wide-game-hud, body.dark-mode .nova-gamepad{ background:linear-gradient(145deg,#173a57,#102d46); border-color:#5d7f9a; } body.dark-mode .nova-games-soundbar small, body.dark-mode .game-help{ color:#d2e4f1!important; } body.dark-mode .game-actions .btn.secondary, body.dark-mode .wide-game-actions .btn.secondary{ background:#244c6b; color:#fff; border-color:#7192ab; } body.dark-mode .chess-move-log, body.dark-mode .bg-move-log{ background:#244c6b; color:#fff!important; border-color:#6d8ea8; } body.dark-mode .chess-difficulty{ color:#d6e7f3; } body.dark-mode .chess-difficulty select{ background:#244c6b; color:#fff; border-color:#7091aa; } body.dark-mode .wide-game-hud .game-help{ border-top-color:#496a84; } /* Mobile */ @media(max-width:760px){ .nova-arcade-hero{ padding:16px; gap:15px; } .nova-arcade-copy strong{ font-size:21px!important; } .nova-games-overview{ grid-template-columns:1fr 1fr; } .nova-games-overview article{ min-height:76px; } .game-title-row{ align-items:flex-start; } .game-title-row h3{ font-size:20px!important; } } @media(max-width:430px){ .nova-games{ font-size:14px; } .nova-arcade-brand{ align-items:flex-start; } .nova-arcade-logo{ font-size:38px; } .nova-arcade-copy strong{ font-size:19px!important; } .nova-arcade-copy p{ font-size:13px!important; } .nova-games-overview strong{ font-size:19px!important; } .nova-games-tabs button{ min-height:78px; } .game-stat-grid strong{ font-size:20px!important; } } /* V33.2 – Dark Mode Box Harmony */ body.dark-mode .nova-games{ --arcade-text:#f5f9fd; --arcade-title:#ffffff; --arcade-muted:#d7e7f5; --arcade-soft:#1b3f5d; --arcade-card:#1b3f5d; --arcade-border:#5f84a3; --arcade-button:#2a5578; --arcade-button-text:#ffffff; } /* All dark cards and boxes */ body.dark-mode .nova-games-overview article, body.dark-mode .game-stat-grid article, body.dark-mode .game-main-card, body.dark-mode .nova-games-tabs button, body.dark-mode .nova-games-soundbar, body.dark-mode .wide-game-hud, body.dark-mode .nova-gamepad, body.dark-mode .next-piece-card, body.dark-mode .chess-move-log, body.dark-mode .bg-move-log, body.dark-mode .chess-difficulty select, body.dark-mode .v31-voice-recorder, body.dark-mode .v315-sample-card{ background:#1b3f5d!important; border-color:#5f84a3!important; color:#ffffff!important; } /* Small box labels */ body.dark-mode .nova-games-overview small, body.dark-mode .game-stat-grid small, body.dark-mode .next-piece-card small, body.dark-mode .nova-games-tabs small, body.dark-mode .nova-games-soundbar small, body.dark-mode .chess-difficulty, body.dark-mode .game-help, body.dark-mode .wide-game-hud .game-help, body.dark-mode .bg-index{ color:#d6e7f5!important; font-weight:750!important; } /* Large values and titles */ body.dark-mode .nova-games-overview strong, body.dark-mode .game-stat-grid strong, body.dark-mode .game-title-row h3, body.dark-mode .nova-games-tabs b, body.dark-mode .chess-move-log, body.dark-mode .bg-move-log, body.dark-mode .next-piece-card b, body.dark-mode .next-piece-card strong{ color:#ffffff!important; font-weight:900!important; } /* Status and helper text */ body.dark-mode .nova-games .module-intro, body.dark-mode .nova-games p, body.dark-mode .nova-games .game-help, body.dark-mode .nova-games .module-subtitle{ color:#d7e7f5!important; } /* Secondary buttons */ body.dark-mode .nova-games .btn.secondary, body.dark-mode .game-actions .btn.secondary, body.dark-mode .wide-game-actions .btn.secondary, body.dark-mode .v312-record-actions button, body.dark-mode .v312-record-actions a{ background:#2a5578!important; color:#ffffff!important; border-color:#6f95b4!important; } body.dark-mode .nova-games .btn.secondary:hover, body.dark-mode .game-actions .btn.secondary:hover, body.dark-mode .wide-game-actions .btn.secondary:hover{ background:#3570a0!important; border-color:#89b6d8!important; } /* Primary buttons */ body.dark-mode .nova-games .btn.primary, body.dark-mode .game-actions .btn.primary, body.dark-mode .wide-game-actions .btn.primary{ background:linear-gradient(135deg,#2d7cff,#16c4d7)!important; color:#ffffff!important; border-color:transparent!important; } /* Tabs */ body.dark-mode .nova-games-tabs button{ background:#1b3f5d!important; color:#ffffff!important; } body.dark-mode .nova-games-tabs button:hover{ background:#285474!important; } body.dark-mode .nova-games-tabs button.active{ background:linear-gradient(135deg,#2d7cff,#16c4d7)!important; color:#ffffff!important; } body.dark-mode .nova-games-tabs button.active small{ color:#e7f8ff!important; } /* Status bars */ body.dark-mode .v31-status, body.dark-mode .studio-loop-status, body.dark-mode .studio-now, body.dark-mode .v312-record-result, body.dark-mode .v31-voice-status, body.dark-mode .nova-games-soundbar{ background:linear-gradient(105deg,#214b6d,#183a57)!important; border-color:#6e94b2!important; } body.dark-mode .v31-status span, body.dark-mode .v31-status strong, body.dark-mode .studio-loop-status span, body.dark-mode .studio-loop-status strong, body.dark-mode .studio-now span, body.dark-mode .studio-now strong, body.dark-mode #v312RecordStatus, body.dark-mode .v31-voice-status strong{ color:#ffffff!important; } body.dark-mode .v31-status small, body.dark-mode .studio-loop-status small, body.dark-mode .studio-now small, body.dark-mode .v31-voice-status small{ color:#d7e7f5!important; } /* Inputs and selects */ body.dark-mode .nova-games select, body.dark-mode .nova-games input, body.dark-mode .chess-difficulty select{ background:#244d6c!important; color:#ffffff!important; border-color:#6f95b4!important; } body.dark-mode .nova-games select option{ background:#1b3f5d; color:#ffffff; } /* Backgammon and chess boxes */ body.dark-mode .backgammon-layout .block-sidebar, body.dark-mode .chess-layout .block-sidebar{ color:#ffffff; } body.dark-mode .bg-die{ background:#f4f8fb!important; color:#18344f!important; border-color:#9ab8ce!important; } body.dark-mode .chess-square.light{ background:#7f9bb1!important; } body.dark-mode .chess-square.dark{ background:#315775!important; } /* Mobile contrast */ @media(max-width:600px){ body.dark-mode .nova-games-overview article, body.dark-mode .game-stat-grid article{ min-height:74px; } body.dark-mode .nova-games-overview small, body.dark-mode .game-stat-grid small{ font-size:11px!important; } } /* V33.3 – definitive dark-mode selector fix */ body.dark-mode #moduleModal.nova-games-modal .nova-games, body.dark-mode #moduleModal.nova-games-modal .nova-games-output, body.dark-mode #moduleModal.nova-games-modal .nova-game-workspace{ color:#f5f9fd!important; } body.dark-mode #moduleModal.nova-games-modal .nova-games-overview article, body.dark-mode #moduleModal.nova-games-modal .game-stat-grid article, body.dark-mode #moduleModal.nova-games-modal .game-main-card, body.dark-mode #moduleModal.nova-games-modal .nova-games-tabs button, body.dark-mode #moduleModal.nova-games-modal .nova-games-soundbar, body.dark-mode #moduleModal.nova-games-modal .wide-game-hud, body.dark-mode #moduleModal.nova-games-modal .nova-gamepad, body.dark-mode #moduleModal.nova-games-modal .next-piece-card, body.dark-mode #moduleModal.nova-games-modal .chess-move-log, body.dark-mode #moduleModal.nova-games-modal .bg-move-log{ background:#1b3f5d!important; border-color:#6b91af!important; color:#ffffff!important; } body.dark-mode #moduleModal.nova-games-modal .nova-games-overview small, body.dark-mode #moduleModal.nova-games-modal .game-stat-grid small, body.dark-mode #moduleModal.nova-games-modal .nova-games-tabs small, body.dark-mode #moduleModal.nova-games-modal .game-help, body.dark-mode #moduleModal.nova-games-modal .nova-games-soundbar small, body.dark-mode #moduleModal.nova-games-modal .module-intro{ color:#d9e9f5!important; opacity:1!important; } body.dark-mode #moduleModal.nova-games-modal .nova-games-overview strong, body.dark-mode #moduleModal.nova-games-modal .game-stat-grid strong, body.dark-mode #moduleModal.nova-games-modal .game-title-row h3, body.dark-mode #moduleModal.nova-games-modal .nova-games-tabs b, body.dark-mode #moduleModal.nova-games-modal .chess-move-log, body.dark-mode #moduleModal.nova-games-modal .bg-move-log{ color:#ffffff!important; } body.dark-mode #moduleModal.nova-games-modal .nova-games-tabs button.active, body.dark-mode #moduleModal.nova-games-modal .btn.primary{ background:linear-gradient(135deg,#2d7cff,#16c4d7)!important; color:#ffffff!important; border-color:transparent!important; } body.dark-mode #moduleModal.nova-games-modal .btn.secondary, body.dark-mode #moduleModal.nova-games-modal .wide-game-actions .btn.secondary, body.dark-mode #moduleModal.nova-games-modal .game-actions .btn.secondary{ background:#2a5578!important; color:#ffffff!important; border-color:#79a0bf!important; } body.dark-mode #moduleModal.nova-games-modal select, body.dark-mode #moduleModal.nova-games-modal input{ background:#244d6c!important; color:#ffffff!important; border-color:#79a0bf!important; } body.dark-mode #moduleModal.nova-games-modal .chess-square.light{ background:#88a4b9!important; } body.dark-mode #moduleModal.nova-games-modal .chess-square.dark{ background:#315775!important; } /* V34.0 – NOVA Quest Light */ .quest-mission-bar{ display:grid; grid-template-columns:minmax(220px,1fr) minmax(180px,.7fr) auto; gap:14px; align-items:center; margin:12px 0 16px; padding:13px 15px; border:1px solid #9fcbe6; border-radius:14px; background:linear-gradient(120deg,#eaf8ff,#f4f0ff); } .quest-mission-bar>div:first-child{display:grid;gap:2px} .quest-mission-bar small{font-size:10px;font-weight:900;color:#2b6992} .quest-mission-bar strong{font-size:15px;color:#102f50} .quest-mission-bar>b{font-size:16px;color:#164b78} .quest-progress{height:12px;border-radius:999px;background:#d4e3ee;overflow:hidden} .quest-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#2d7cff,#22d1d2);transition:width .35s} .quest-stage{background:#07182b} .quest-hud{margin-top:14px} .quest-gamepad{margin-top:20px} body.dark-mode .quest-mission-bar{ background:linear-gradient(120deg,#193e5d,#34275b); border-color:#6d95b5; } body.dark-mode .quest-mission-bar small{color:#bcecff} body.dark-mode .quest-mission-bar strong, body.dark-mode .quest-mission-bar>b{color:#fff} body.dark-mode .quest-progress{background:#2c526f} @media(max-width:760px){ .quest-mission-bar{grid-template-columns:1fr auto} .quest-progress{grid-column:1/-1;grid-row:2} } @media(max-width:480px){ .quest-mission-bar{grid-template-columns:1fr} .quest-mission-bar>b{grid-row:auto} .quest-progress{grid-column:auto;grid-row:auto} } /* V34.1 – NOVA Quest Expanded */ .quest-level-tabs{ display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin:12px 0; } .quest-level-tabs button{ min-height:58px; display:grid; grid-template-columns:auto 1fr; gap:9px; align-items:center; border:1px solid #bfd3e3; border-radius:12px; background:#fff; color:#163b5d; padding:9px 12px; cursor:pointer; } .quest-level-tabs button b{ width:30px;height:30px;border-radius:50%; display:grid;place-items:center; background:#e7f3fc;color:#165d92; } .quest-level-tabs button span{font-size:12px;font-weight:850} .quest-level-tabs button.active{ background:linear-gradient(135deg,#285fe0,#18b8c6); color:#fff;border-color:transparent; } .quest-level-tabs button.active b{background:rgba(255,255,255,.18);color:#fff} .quest-level-tabs button:disabled{opacity:.45;cursor:not-allowed} .quest-specials{ display:grid; grid-template-columns:repeat(4,1fr); gap:7px; } .quest-specials span{ min-height:42px; display:grid; place-items:center; align-content:center; border:1px solid #c4d6e5; border-radius:10px; background:#f7fbff; color:#244b6a; font-size:11px; font-weight:850; } .quest-specials span b{font-size:9px;color:#4b708d} body.dark-mode .quest-level-tabs button{ background:#1b3f5d; color:#fff; border-color:#6b91af; } body.dark-mode .quest-level-tabs button b{background:#2c5b7d;color:#dff7ff} body.dark-mode .quest-specials span{ background:#1b3f5d; color:#fff; border-color:#6b91af; } body.dark-mode .quest-specials span b{color:#d4e7f4} @media(max-width:760px){ .quest-specials{grid-template-columns:1fr 1fr} } @media(max-width:520px){ .quest-level-tabs{grid-template-columns:1fr} } /* ========================================================= V34.2 – Musik / Bücher / Filme Tages-Tipp Dark-Mode-Fix ========================================================= */ /* Gesamte Tages-Tipp-Karte */ body.dark-mode #moduleModal .nova-media-daily, html[data-theme="dark"] #moduleModal .nova-media-daily{ background:linear-gradient(135deg,#102f4c 0%,#173f5f 55%,#163f3c 100%)!important; border-color:#6a91ae!important; color:#f7fbff!important; box-shadow:0 16px 38px rgba(0,0,0,.28)!important; } /* Eyebrow / kleine obere Bezeichnung */ body.dark-mode #moduleModal .nova-media-daily .eyebrow, html[data-theme="dark"] #moduleModal .nova-media-daily .eyebrow{ color:#8be2ff!important; opacity:1!important; font-weight:900!important; } /* Titel, Künstler, Autor und Hauptwerte */ body.dark-mode #moduleModal .nova-media-daily-copy h3, body.dark-mode #moduleModal .nova-media-daily-copy>strong, html[data-theme="dark"] #moduleModal .nova-media-daily-copy h3, html[data-theme="dark"] #moduleModal .nova-media-daily-copy>strong{ color:#ffffff!important; opacity:1!important; text-shadow:none!important; } body.dark-mode #moduleModal .nova-media-daily-copy h3, html[data-theme="dark"] #moduleModal .nova-media-daily-copy h3{ font-weight:900!important; } body.dark-mode #moduleModal .nova-media-daily-copy>strong, html[data-theme="dark"] #moduleModal .nova-media-daily-copy>strong{ color:#80ddff!important; font-weight:850!important; } /* Jahr, Genre, Beschreibung */ body.dark-mode #moduleModal .nova-media-daily-copy>small, body.dark-mode #moduleModal .nova-media-daily-copy>p, html[data-theme="dark"] #moduleModal .nova-media-daily-copy>small, html[data-theme="dark"] #moduleModal .nova-media-daily-copy>p{ color:#d7e8f5!important; opacity:1!important; } body.dark-mode #moduleModal .nova-media-daily-copy>small, html[data-theme="dark"] #moduleModal .nova-media-daily-copy>small{ font-weight:750!important; } /* Rechte Zusatzkarte */ body.dark-mode #moduleModal .nova-media-new-card, html[data-theme="dark"] #moduleModal .nova-media-new-card{ background:#1b405f!important; border-color:#7197b4!important; color:#ffffff!important; } body.dark-mode #moduleModal .nova-media-new-card small, html[data-theme="dark"] #moduleModal .nova-media-new-card small{ color:#86ddff!important; opacity:1!important; } body.dark-mode #moduleModal .nova-media-new-card b, html[data-theme="dark"] #moduleModal .nova-media-new-card b{ color:#ffffff!important; opacity:1!important; } body.dark-mode #moduleModal .nova-media-new-card p, html[data-theme="dark"] #moduleModal .nova-media-new-card p{ color:#d5e6f3!important; opacity:1!important; } body.dark-mode #moduleModal .nova-media-new-card>a, html[data-theme="dark"] #moduleModal .nova-media-new-card>a{ color:#8ee4ff!important; border-top-color:#5f8099!important; } body.dark-mode #moduleModal .nova-media-new-card>span, html[data-theme="dark"] #moduleModal .nova-media-new-card>span{ background:#275775!important; color:#ffffff!important; } /* Tages-Tipp-Aktionsbereich */ body.dark-mode #moduleModal .nova-media-daily-actions .btn, html[data-theme="dark"] #moduleModal .nova-media-daily-actions .btn{ color:#ffffff!important; font-weight:900!important; } body.dark-mode #moduleModal .nova-media-daily-actions .btn.primary, html[data-theme="dark"] #moduleModal .nova-media-daily-actions .btn.primary{ background:linear-gradient(135deg,#2d7cff,#16c4d7)!important; border-color:transparent!important; } body.dark-mode #moduleModal .nova-media-favorite, html[data-theme="dark"] #moduleModal .nova-media-favorite{ background:#285878!important; border-color:#7ba3bf!important; color:#ffffff!important; } body.dark-mode #moduleModal .nova-media-favorite:hover, html[data-theme="dark"] #moduleModal .nova-media-favorite:hover{ background:#34739b!important; } body.dark-mode #moduleModal .nova-media-favorite.active, html[data-theme="dark"] #moduleModal .nova-media-favorite.active{ background:#6c551b!important; border-color:#f1c44d!important; color:#fff4c4!important; } body.dark-mode #moduleModal .nova-media-text-link, html[data-theme="dark"] #moduleModal .nova-media-text-link{ color:#8ee4ff!important; opacity:1!important; } /* Musik-/Film-Ergebnislisten unter dem Tages-Tipp */ body.dark-mode #moduleModal .entertainment-card, body.dark-mode #moduleModal .book-card, html[data-theme="dark"] #moduleModal .entertainment-card, html[data-theme="dark"] #moduleModal .book-card{ background:#1b405f!important; border-color:#6b91ae!important; color:#ffffff!important; } body.dark-mode #moduleModal .entertainment-card h3, body.dark-mode #moduleModal .book-card>b, html[data-theme="dark"] #moduleModal .entertainment-card h3, html[data-theme="dark"] #moduleModal .book-card>b{ color:#ffffff!important; } body.dark-mode #moduleModal .entertainment-card p, body.dark-mode #moduleModal .book-card span, body.dark-mode #moduleModal .book-card small, html[data-theme="dark"] #moduleModal .entertainment-card p, html[data-theme="dark"] #moduleModal .book-card span, html[data-theme="dark"] #moduleModal .book-card small{ color:#d4e5f2!important; opacity:1!important; } body.dark-mode #moduleModal .entertainment-card small, html[data-theme="dark"] #moduleModal .entertainment-card small{ color:#83dcff!important; } /* Mobil: Tages-Tipp bleibt gut lesbar */ @media(max-width:560px){ body.dark-mode #moduleModal .nova-media-daily, html[data-theme="dark"] #moduleModal .nova-media-daily{ padding:15px!important; } body.dark-mode #moduleModal .nova-media-daily-copy h3, html[data-theme="dark"] #moduleModal .nova-media-daily-copy h3{ font-size:23px!important; } } /* V34.4 – NOVA Quest Graphics Edition */ .quest-stage{ position:relative; overflow:hidden; background:#06172a!important; border:1px solid #64cce9!important; box-shadow:0 14px 34px rgba(4,43,79,.22),inset 0 0 0 1px rgba(132,239,255,.18); } .quest-stage canvas{ display:block; width:100%; height:auto; background:#06172a; } .quest-game .quest-mission-bar, .quest-game .quest-level-tabs button, .quest-game .wide-game-hud, .quest-game .quest-specials span{ backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); } .quest-game .wide-game-hud{ background:rgba(247,252,255,.94); } body.dark-mode .quest-game .wide-game-hud{ background:rgba(18,52,78,.94)!important; } .quest-game .game-live-badge.violet{ box-shadow:0 0 18px rgba(145,90,255,.34); } @media(max-width:620px){ .quest-stage{border-radius:12px} } /* V34.5 – Double Jump */ .quest-specials{ grid-template-columns:repeat(5,1fr); } #questJumpSpecial{ border-color:#7ecfe8; } body.dark-mode #questJumpSpecial{ border-color:#7fd9f1!important; box-shadow:inset 0 0 0 1px rgba(127,217,241,.16); } @media(max-width:900px){ .quest-specials{grid-template-columns:repeat(3,1fr)} } @media(max-width:620px){ .quest-specials{grid-template-columns:1fr 1fr} } /* ========================================================= V34.6 – Mobile Game Fit / Browser-Bar Safe Layout ========================================================= */ .nova-games-mobile-toolbar{display:none} @media(max-width:700px){ /* Use the real dynamic viewport and leave room for browser gesture bars. */ #moduleModal.nova-games-modal{ height:100dvh; max-height:100dvh; overflow:hidden; } #moduleModal.nova-games-modal .modal-backdrop{display:none} #moduleModal.nova-games-modal .modal-panel, #moduleModal.nova-games-modal .modal-card, #moduleModal.nova-games-modal .modal-content{ position:fixed!important; inset:0!important; width:100vw!important; max-width:100vw!important; height:100dvh!important; max-height:100dvh!important; margin:0!important; padding:8px 8px calc(10px + env(safe-area-inset-bottom))!important; border-radius:0!important; overflow:auto!important; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; } #moduleModal.nova-games-modal .modal-close{ position:fixed; top:calc(6px + env(safe-area-inset-top)); right:8px; z-index:30; width:36px;height:36px; } #moduleModal.nova-games-modal .nova-games{ padding-top:calc(36px + env(safe-area-inset-top)); } /* Focus mode hides the large arcade introduction while playing. */ .nova-games.mobile-game-focus{ height:calc(100dvh - env(safe-area-inset-bottom)); overflow:hidden; padding-top:calc(38px + env(safe-area-inset-top))!important; } .nova-games.mobile-game-focus>.eyebrow, .nova-games.mobile-game-focus>h2, .nova-games.mobile-game-focus>.module-intro, .nova-games.mobile-game-focus>.nova-arcade-hero, .nova-games.mobile-game-focus>.nova-games-overview, .nova-games.mobile-game-focus>.nova-games-soundbar, .nova-games.mobile-game-focus>.nova-games-tabs{ display:none!important; } .nova-games-mobile-toolbar{ display:none; align-items:center; grid-template-columns:auto 1fr auto; gap:8px; min-height:38px; margin:0 40px 6px 0; padding:4px 6px; border:1px solid #5d8eae; border-radius:11px; background:#173f5d; color:#fff; } .mobile-game-focus .nova-games-mobile-toolbar{display:grid} .nova-games-mobile-toolbar button{ min-height:30px; border:1px solid #78a5c2; border-radius:8px; background:#285b7d; color:#fff; padding:4px 9px; font-size:11px; font-weight:850; } .nova-games-mobile-toolbar strong{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; color:#fff!important; font-size:13px; } #novaGamesMobileSound{width:34px;padding:0} .mobile-game-focus .nova-games-output{ height:calc(100dvh - 86px - env(safe-area-inset-top) - env(safe-area-inset-bottom)); min-height:0!important; overflow:auto; padding-bottom:calc(8px + env(safe-area-inset-bottom)); scroll-padding-bottom:calc(90px + env(safe-area-inset-bottom)); } .mobile-game-focus .game-main-card{ min-height:100%; padding:7px!important; border-radius:12px; } .mobile-game-focus .game-title-row{ min-height:36px; margin-bottom:5px; gap:6px; } .mobile-game-focus .game-title-row small{font-size:8px!important} .mobile-game-focus .game-title-row h3{ margin-top:1px; font-size:16px!important; line-height:1.1; } .mobile-game-focus .game-live-badge{ padding:4px 7px; font-size:8px!important; } /* Compact controller: always visible and above the browser bottom bar. */ .mobile-game-focus .nova-gamepad{ position:sticky; bottom:calc(3px + env(safe-area-inset-bottom)); z-index:20; min-height:92px; margin-top:6px; padding:6px 8px; flex-direction:row!important; justify-content:space-around; gap:8px; border-radius:15px; background:rgba(16,47,72,.96)!important; box-shadow:0 -7px 22px rgba(0,0,0,.32); backdrop-filter:blur(10px); } .mobile-game-focus .nova-dpad{ grid-template-columns:repeat(3,34px)!important; grid-template-rows:repeat(3,30px)!important; gap:2px; } .mobile-game-focus .nova-dpad button{ min-height:0; border-radius:8px; font-size:17px; } .mobile-game-focus .nova-action-buttons{gap:7px} .mobile-game-focus .nova-action-buttons button{ width:58px!important; height:58px!important; border-width:3px; } .mobile-game-focus .nova-action-buttons small{font-size:17px} .mobile-game-focus .nova-action-buttons b{font-size:8px!important} /* Block Drop: portrait field and HUD share one row instead of stacking. */ .mobile-game-focus .block-layout{ display:grid!important; grid-template-columns:minmax(132px,46%) minmax(0,54%)!important; gap:7px!important; align-items:start; } .mobile-game-focus #blockCanvas{ width:auto!important; max-width:100%!important; height:min(48dvh,390px)!important; aspect-ratio:1/2; object-fit:contain; margin:0 auto; } .mobile-game-focus .block-sidebar{ display:grid!important; grid-template-columns:1fr 1fr!important; gap:5px!important; } .mobile-game-focus .block-sidebar .game-stat-grid{ grid-column:1/-1; gap:4px; } .mobile-game-focus .block-sidebar .game-stat-grid article{ min-height:48px!important; padding:5px 6px!important; } .mobile-game-focus .block-sidebar .game-stat-grid small{font-size:7px!important} .mobile-game-focus .block-sidebar .game-stat-grid strong{font-size:15px!important} .mobile-game-focus .block-sidebar .next-piece-card{ grid-column:1/-1; padding:5px; } .mobile-game-focus .block-sidebar .next-piece-card small{margin-bottom:3px;font-size:7px} .mobile-game-focus .block-sidebar .next-piece-card canvas{ width:74px!important; height:58px!important; } .mobile-game-focus .block-sidebar .game-actions{ grid-column:1/-1; display:grid; grid-template-columns:repeat(3,1fr); gap:4px; } .mobile-game-focus .block-sidebar .game-actions .btn{ min-height:34px; padding:4px; font-size:9px; } .mobile-game-focus .block-sidebar .game-help{display:none} /* Widescreen games, Quest and runner are scaled to available phone height. */ .mobile-game-focus .wide-game-stage{ padding:2px; border-radius:9px; } .mobile-game-focus .wide-game-stage canvas, .mobile-game-focus #snakeCanvas, .mobile-game-focus #breakoutCanvas, .mobile-game-focus #runnerCanvas, .mobile-game-focus #invadersCanvas, .mobile-game-focus #questCanvas{ width:100%!important; max-height:37dvh!important; object-fit:contain; } .mobile-game-focus .wide-game-hud{ margin-top:5px; padding:5px!important; gap:5px!important; } .mobile-game-focus .wide-game-hud .game-stat-grid{ grid-template-columns:repeat(4,1fr)!important; gap:4px!important; } .mobile-game-focus .wide-game-hud .game-stat-grid article{ min-height:43px!important; padding:4px!important; } .mobile-game-focus .wide-game-hud .game-stat-grid small{font-size:7px!important} .mobile-game-focus .wide-game-hud .game-stat-grid strong{font-size:14px!important} .mobile-game-focus .wide-game-actions{ grid-template-columns:repeat(3,1fr)!important; gap:4px!important; } .mobile-game-focus .wide-game-actions .btn{ min-height:32px!important; padding:3px!important; font-size:9px!important; } .mobile-game-focus .wide-game-hud .game-help{display:none} /* Quest-specific compact controls and mission UI. */ .mobile-game-focus .quest-level-tabs{ grid-template-columns:repeat(3,1fr)!important; gap:4px; margin:4px 0; } .mobile-game-focus .quest-level-tabs button{ min-height:34px; padding:3px 5px; grid-template-columns:auto 1fr; gap:4px; } .mobile-game-focus .quest-level-tabs button b{width:22px;height:22px;font-size:10px} .mobile-game-focus .quest-level-tabs button span{font-size:8px} .mobile-game-focus .quest-mission-bar{ grid-template-columns:1fr auto!important; gap:4px!important; margin:4px 0 5px!important; padding:5px 7px!important; } .mobile-game-focus .quest-mission-bar small{font-size:7px} .mobile-game-focus .quest-mission-bar strong{font-size:10px} .mobile-game-focus .quest-mission-bar>b{font-size:10px} .mobile-game-focus .quest-progress{grid-column:1/-1;height:6px} .mobile-game-focus .quest-specials{ display:none!important; } /* Memory and board games remain usable without oversized empty areas. */ .mobile-game-focus .memory-header{margin-bottom:5px} .mobile-game-focus .memory-grid{ max-height:55dvh; gap:4px; } .mobile-game-focus .chess-board{ width:min(100%,56dvh)!important; } .mobile-game-focus .backgammon-board{ max-height:47dvh; } } /* Very short phone viewports, including browsers with large bottom bars. */ @media(max-width:700px) and (max-height:720px){ .mobile-game-focus #blockCanvas{height:min(42dvh,320px)!important} .mobile-game-focus .wide-game-stage canvas, .mobile-game-focus #snakeCanvas, .mobile-game-focus #breakoutCanvas, .mobile-game-focus #runnerCanvas, .mobile-game-focus #invadersCanvas, .mobile-game-focus #questCanvas{max-height:32dvh!important} .mobile-game-focus .nova-gamepad{min-height:82px} .mobile-game-focus .nova-dpad{ grid-template-columns:repeat(3,30px)!important; grid-template-rows:repeat(3,27px)!important; } .mobile-game-focus .nova-action-buttons button{width:52px!important;height:52px!important} } /* ========================================================= NOVA AI V34.7 – English Premium Readability Optimized for light and dark themes ========================================================= */ .english-learning-module{ --english-text:#0a2038; --english-muted:#4d6680; --english-card:#ffffff; --english-soft:#f4f8fc; --english-line:#aec4da; --english-accent:#0867d8; --english-accent-soft:#e7f2ff; color:var(--english-text); } .english-learning-module #modalTitle{ color:#082745; font-size:clamp(30px,3vw,40px); letter-spacing:-.025em; } .english-learning-module .module-intro{ color:#405d78; font-size:16px; line-height:1.65; font-weight:500; } .english-overview>div{ background:#fff; border:1.5px solid #afc5da; box-shadow:0 8px 22px rgba(22,72,118,.08); } .english-overview small{color:#486783;font-size:12px;letter-spacing:.02em} .english-overview strong{color:#08233e;font-size:21px} .english-feature-strip span{ background:#eef6ff; border-color:#b9d2eb; color:#174d80; font-size:13px; } .english-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0} .english-toolbar .btn{min-height:46px;font-size:14px} .english-levels button,.english-modes button{ min-height:48px; background:#fff; color:#163a5d; border:1.5px solid #afc7df; font-size:14px; font-weight:800; } .english-levels button:hover,.english-modes button:hover{ background:#edf6ff; color:#075dbd; border-color:#1775d8; } .english-levels button.active,.english-modes button.active{ color:#fff; border-color:transparent; background:linear-gradient(135deg,#1668e8,#11b9df,#48c87c); box-shadow:0 8px 20px rgba(19,107,204,.22); } .english-exercise{ background:#fff; color:#0a2038; border:1.5px solid #adc4da; box-shadow:0 16px 38px rgba(18,64,108,.10); padding:24px; } .english-stats>div{background:#f4f8fc;border:1px solid #b5c9dc} .english-stats small{color:#4b6883;font-size:12px;font-weight:800} .english-stats strong{color:#071d35;font-size:21px;font-weight:900} .english-progress{height:10px;background:#dce8f3;border-radius:999px;overflow:hidden} .english-progress i{display:block;height:100%;background:linear-gradient(90deg,#1769ea,#12badf,#54ca72);border-radius:inherit} .english-question-head span{color:#075fca;font-size:15px;font-weight:900} .english-question-head small{background:#e6f2ff;color:#134e87;font-size:13px;padding:7px 11px} .english-exercise h3{ color:#092540; font-size:clamp(23px,2.4vw,31px); line-height:1.42; letter-spacing:-.015em; margin:20px 0; } .english-options{gap:11px} .english-options button{ min-height:54px; padding:13px 16px; background:#fff; color:#123b61; border:1.5px solid #aac3dc; font-size:16px; font-weight:800; box-shadow:0 5px 14px rgba(22,69,112,.05); } .english-options button:hover{background:#edf6ff;color:#075dbc;border-color:#1975d5} .english-answer-row input{ min-height:54px; background:#fff; color:#09233e; border:1.5px solid #9fbad4; font-size:16px; } .english-answer-row input::placeholder{color:#6a7f94;opacity:1} .english-feedback>div{border-width:1.5px} .english-feedback>div>strong{font-size:18px} .english-feedback p{color:inherit;font-size:16px;line-height:1.6} .english-feedback small{display:block;color:#435e78;font-size:14px;line-height:1.6} .english-feedback em{display:block;color:#075da9;font-size:14px;line-height:1.55;margin-top:8px} .english-next-row .btn{min-height:48px;font-size:15px;background:#092e52;color:#fff;border-color:#092e52} body.dark-mode .english-learning-module, [data-theme="dark"] .english-learning-module{ --english-text:#f4f9ff; --english-muted:#c0d4e6; --english-card:#173a58; --english-soft:#102f4b; --english-line:#5d86a8; color:#f4f9ff; } body.dark-mode .english-learning-module #modalTitle, [data-theme="dark"] .english-learning-module #modalTitle{color:#fff} body.dark-mode .english-learning-module .module-intro, [data-theme="dark"] .english-learning-module .module-intro{color:#d3e2ef} body.dark-mode .english-overview>div, [data-theme="dark"] .english-overview>div{ background:#173b5a; border-color:#5d84a4; box-shadow:0 10px 24px rgba(0,0,0,.22); } body.dark-mode .english-overview small, [data-theme="dark"] .english-overview small{color:#c2d7e9} body.dark-mode .english-overview strong, [data-theme="dark"] .english-overview strong{color:#fff} body.dark-mode .english-feature-strip span, [data-theme="dark"] .english-feature-strip span{background:#153955;color:#eaf5ff;border-color:#537d9f} body.dark-mode .english-toolbar .btn.secondary, [data-theme="dark"] .english-toolbar .btn.secondary{background:#183d5c;color:#fff;border-color:#678dab} body.dark-mode .english-levels button, [data-theme="dark"] .english-levels button, body.dark-mode .english-modes button, [data-theme="dark"] .english-modes button{ background:#153955; color:#edf7ff; border-color:#5c83a2; } body.dark-mode .english-levels button:hover, [data-theme="dark"] .english-levels button:hover, body.dark-mode .english-modes button:hover, [data-theme="dark"] .english-modes button:hover{background:#205173;color:#fff;border-color:#6fcfff} body.dark-mode .english-levels button.active, [data-theme="dark"] .english-levels button.active, body.dark-mode .english-modes button.active, [data-theme="dark"] .english-modes button.active{background:linear-gradient(135deg,#176bff,#16bce9,#35c98b);color:#fff;border-color:transparent} body.dark-mode .english-exercise, [data-theme="dark"] .english-exercise{ background:#173b59; color:#f4f9ff; border-color:#6085a4; box-shadow:0 18px 44px rgba(0,0,0,.32); } body.dark-mode .english-stats>div, [data-theme="dark"] .english-stats>div{background:#102f4b;color:#fff;border-color:#527a9b} body.dark-mode .english-stats small, [data-theme="dark"] .english-stats small{color:#c4d8e8} body.dark-mode .english-stats strong, [data-theme="dark"] .english-stats strong{color:#fff} body.dark-mode .english-progress, [data-theme="dark"] .english-progress{background:#0b263e} body.dark-mode .english-question-head span, [data-theme="dark"] .english-question-head span{color:#7fd8ff} body.dark-mode .english-question-head small, [data-theme="dark"] .english-question-head small{background:#244d6d;color:#e9f7ff;border:1px solid #668ead} body.dark-mode .english-exercise h3, [data-theme="dark"] .english-exercise h3{color:#fff} body.dark-mode .english-options button, [data-theme="dark"] .english-options button{ background:#102f4b; color:#f3f9ff; border-color:#5d86a7; box-shadow:none; } body.dark-mode .english-options button:hover, [data-theme="dark"] .english-options button:hover{background:#205474;color:#fff;border-color:#77d9ff} body.dark-mode .english-answer-row input, [data-theme="dark"] .english-answer-row input{background:#102f4b;color:#fff;border-color:#668ba9} body.dark-mode .english-answer-row input::placeholder, [data-theme="dark"] .english-answer-row input::placeholder{color:#bdd0df} body.dark-mode .english-feedback>div, [data-theme="dark"] .english-feedback>div{background:#102f4b;color:#f5faff;border-color:#5c83a3} body.dark-mode .english-feedback small, [data-theme="dark"] .english-feedback small{color:#d1e0ec} body.dark-mode .english-feedback em, [data-theme="dark"] .english-feedback em{color:#8ce2ff} body.dark-mode .english-correct, [data-theme="dark"] .english-correct{background:#123f35!important;color:#f2fff8!important;border-color:#53c795!important} body.dark-mode .english-wrong, [data-theme="dark"] .english-wrong{background:#4b2630!important;color:#fff4f6!important;border-color:#e58091!important} body.dark-mode .english-challenge-status, [data-theme="dark"] .english-challenge-status{background:linear-gradient(135deg,#463d18,#164538);color:#fff;border-color:#85763a} @media(max-width:760px){ .english-toolbar{display:grid;grid-template-columns:1fr} .english-toolbar .btn{width:100%;min-height:50px} .english-exercise{padding:18px} .english-exercise h3{font-size:23px} .english-options button{font-size:16px;min-height:54px} .english-stats{grid-template-columns:1fr 1fr} } /* ========================================================= NOVA AI V34.8 – TRAVEL WORLD DARK MODE READABILITY Uses the active NOVA theme class: body.dark-mode. ========================================================= */ body.dark-mode .nova-travel-world, [data-theme="dark"] .nova-travel-world{color:#f4f9ff} body.dark-mode .nova-travel-world .module-intro, [data-theme="dark"] .nova-travel-world .module-intro{color:#c8d9e8;font-size:14px;line-height:1.6} body.dark-mode .travel-tip-of-day, [data-theme="dark"] .travel-tip-of-day{background:linear-gradient(135deg,#0a213b,#123a59 58%,#123f38);border-color:#6285a2;box-shadow:0 16px 38px rgba(0,0,0,.32)} body.dark-mode .travel-tip-copy small, [data-theme="dark"] .travel-tip-copy small, body.dark-mode .travel-country-picker-head small, [data-theme="dark"] .travel-country-picker-head small, body.dark-mode .travel-search-head small, [data-theme="dark"] .travel-search-head small, body.dark-mode .travel-provider-head small, [data-theme="dark"] .travel-provider-head small, body.dark-mode .travel-discovery-head small, [data-theme="dark"] .travel-discovery-head small, body.dark-mode .travel-map-combo small, [data-theme="dark"] .travel-map-combo small{color:#78dcff} body.dark-mode .travel-tip-copy h3, [data-theme="dark"] .travel-tip-copy h3, body.dark-mode .travel-country-picker-head h3, [data-theme="dark"] .travel-country-picker-head h3, body.dark-mode .travel-country-title b, [data-theme="dark"] .travel-country-title b, body.dark-mode .travel-search-head h3, [data-theme="dark"] .travel-search-head h3, body.dark-mode .travel-provider-head h3, [data-theme="dark"] .travel-provider-head h3, body.dark-mode .travel-map-combo h3, [data-theme="dark"] .travel-map-combo h3, body.dark-mode .travel-discovery-head h3, [data-theme="dark"] .travel-discovery-head h3{color:#fff} body.dark-mode .travel-tip-copy p, [data-theme="dark"] .travel-tip-copy p, body.dark-mode .travel-map-combo p, [data-theme="dark"] .travel-map-combo p, body.dark-mode .travel-search-hint, [data-theme="dark"] .travel-search-hint{color:#c3d5e4;font-size:12px} body.dark-mode .travel-tip-copy>span, [data-theme="dark"] .travel-tip-copy>span{color:#a5f4cb} body.dark-mode .travel-tip-actions a, [data-theme="dark"] .travel-tip-actions a{background:#173c59;color:#8fe3ff;border-color:#6c8ca7} body.dark-mode .travel-country-picker, [data-theme="dark"] .travel-country-picker, body.dark-mode .travel-search-panel, [data-theme="dark"] .travel-search-panel, body.dark-mode .travel-provider-section, [data-theme="dark"] .travel-provider-section, body.dark-mode .travel-map-combo, [data-theme="dark"] .travel-map-combo, body.dark-mode .travel-discovery-panel, [data-theme="dark"] .travel-discovery-panel{background:#102f4b;border-color:#5d82a0;box-shadow:0 16px 38px rgba(0,0,0,.24)} body.dark-mode .travel-country-point, [data-theme="dark"] .travel-country-point{background:#173b59;border-color:#6285a2} body.dark-mode .travel-country-point label, [data-theme="dark"] .travel-country-point label, body.dark-mode .travel-search-grid label, [data-theme="dark"] .travel-search-grid label{color:#d5e4ef;font-size:12px} body.dark-mode .travel-country-point select, [data-theme="dark"] .travel-country-point select, body.dark-mode .travel-country-point input, [data-theme="dark"] .travel-country-point input, body.dark-mode .travel-search-grid input, [data-theme="dark"] .travel-search-grid input, body.dark-mode .travel-search-grid select, [data-theme="dark"] .travel-search-grid select{background:#0c2942;color:#fff;border-color:#6b8daa;font-size:14px} body.dark-mode .travel-country-point input::placeholder, [data-theme="dark"] .travel-country-point input::placeholder, body.dark-mode .travel-search-grid input::placeholder, [data-theme="dark"] .travel-search-grid input::placeholder{color:#b9cedd} body.dark-mode .travel-country-point select option, [data-theme="dark"] .travel-country-point select option, body.dark-mode .travel-search-grid select option, [data-theme="dark"] .travel-search-grid select option{background:#0c2942;color:#fff} body.dark-mode .travel-country-selected, [data-theme="dark"] .travel-country-selected, body.dark-mode .travel-search-summary, [data-theme="dark"] .travel-search-summary{background:#0b2740;color:#fff;border-color:#6387a5} body.dark-mode .travel-country-selected small, [data-theme="dark"] .travel-country-selected small, body.dark-mode .travel-search-summary small, [data-theme="dark"] .travel-search-summary small{color:#c3d6e5} body.dark-mode .travel-country-selected strong, [data-theme="dark"] .travel-country-selected strong, body.dark-mode .travel-search-summary b, [data-theme="dark"] .travel-search-summary b{color:#fff} body.dark-mode .travel-country-edition .travel-search-grid input[readonly], [data-theme="dark"] .travel-country-edition .travel-search-grid input[readonly]{background:#153955;color:#f6fbff;border-color:#6b8eaa} body.dark-mode .nova-travel-world .travel-world-status, [data-theme="dark"] .nova-travel-world .travel-world-status, body.dark-mode .travel-search-head>span, [data-theme="dark"] .travel-search-head>span, body.dark-mode .travel-provider-head>span, [data-theme="dark"] .travel-provider-head>span, body.dark-mode .travel-discovery-head>span, [data-theme="dark"] .travel-discovery-head>span{background:#17483d;color:#b5f7d8;border:1px solid #4f947c} body.dark-mode .travel-mode-tabs button, [data-theme="dark"] .travel-mode-tabs button{background:#173b59;color:#f2f9ff;border-color:#6086a5} body.dark-mode .travel-mode-tabs button:hover, [data-theme="dark"] .travel-mode-tabs button:hover{background:#205474;color:#fff;border-color:#7bdcff} body.dark-mode .travel-mode-tabs button.active, [data-theme="dark"] .travel-mode-tabs button.active{background:linear-gradient(125deg,#216ff4,#16bce1 64%,#37c883);color:#fff;border-color:transparent} body.dark-mode .travel-provider-card, [data-theme="dark"] .travel-provider-card, body.dark-mode .travel-world-grid button, [data-theme="dark"] .travel-world-grid button, body.dark-mode .travel-discovery-grid button, [data-theme="dark"] .travel-discovery-grid button{background:#173b59;color:#f5fbff;border-color:#6086a5} body.dark-mode .travel-provider-card:hover, [data-theme="dark"] .travel-provider-card:hover, body.dark-mode .travel-world-grid button:hover, [data-theme="dark"] .travel-world-grid button:hover, body.dark-mode .travel-discovery-grid button:hover, [data-theme="dark"] .travel-discovery-grid button:hover{background:#205474;border-color:#79d9ff;box-shadow:0 14px 30px rgba(0,0,0,.28)} body.dark-mode .travel-provider-card>span, [data-theme="dark"] .travel-provider-card>span{background:#0d2c48} body.dark-mode .travel-provider-card b, [data-theme="dark"] .travel-provider-card b, body.dark-mode .travel-world-grid b, [data-theme="dark"] .travel-world-grid b, body.dark-mode .travel-discovery-grid b, [data-theme="dark"] .travel-discovery-grid b{color:#fff;font-size:14px} body.dark-mode .travel-provider-card small, [data-theme="dark"] .travel-provider-card small, body.dark-mode .travel-world-grid small, [data-theme="dark"] .travel-world-grid small, body.dark-mode .travel-discovery-grid small, [data-theme="dark"] .travel-discovery-grid small{color:#c8d9e8;font-size:11px} body.dark-mode .travel-provider-card em, [data-theme="dark"] .travel-provider-card em{color:#8ce4ff} body.dark-mode .travel-legal-note, [data-theme="dark"] .travel-legal-note{background:#0d2943;border-color:#5d82a0} body.dark-mode .travel-legal-note p, [data-theme="dark"] .travel-legal-note p{color:#c9d9e7;font-size:12px} body.dark-mode .travel-map-combo .btn.secondary, [data-theme="dark"] .travel-map-combo .btn.secondary{background:#183d5c;color:#fff;border-color:#6b8eaa} body.dark-mode .travel-map-combo .btn.secondary:hover, [data-theme="dark"] .travel-map-combo .btn.secondary:hover{background:#245777;border-color:#7bdcff} @media(max-width:760px){ body.dark-mode .nova-travel-world .module-intro, [data-theme="dark"] .nova-travel-world .module-intro{font-size:13px} body.dark-mode .travel-country-point label, [data-theme="dark"] .travel-country-point label, body.dark-mode .travel-search-grid label, [data-theme="dark"] .travel-search-grid label{font-size:12px} body.dark-mode .travel-mode-tabs button, [data-theme="dark"] .travel-mode-tabs button{min-height:64px} } /* ========================================================= NOVA AI V34.9 – Calendar Dark Mode Readability ========================================================= */ :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-calendar{ background:linear-gradient(155deg,#102f4b 0%,#163b59 52%,#112c46 100%)!important; border-color:#527493!important; box-shadow:0 18px 42px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.05)!important; color:#f5faff!important; } :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-calendar-head{ border-bottom-color:#42627f!important; } :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-calendar-head .eyebrow{ color:#7edcff!important; } :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-calendar-head h2{ color:#ffffff!important; text-shadow:0 1px 0 rgba(0,0,0,.25)!important; } :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-calendar-head small{ color:#c3d8ea!important; } :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-calendar-head>button{ background:#1e4869!important; border:1px solid #6689a7!important; color:#ffffff!important; box-shadow:0 6px 16px rgba(0,0,0,.2)!important; } :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-calendar-head>button:hover, :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-calendar-head>button:focus-visible{ background:#28618a!important; border-color:#89c8ef!important; } :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-calendar-legend{ background:linear-gradient(135deg,#173a58,#183f50)!important; border-color:#4c6f8b!important; } :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-calendar-legend span{ color:#f4f9ff!important; } :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-calendar-legend small{ color:#c7d9e8!important; } :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-calendar-weekdays{ background:#193b58!important; border-color:#456681!important; } :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-calendar-weekdays span{ color:#cfe2f1!important; font-weight:800!important; } :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-calendar-week-number{ color:#99b7cd!important; background:#163650!important; border-color:#3c5f7a!important; } :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-calendar-day{ background:#173a57!important; border-color:#466884!important; color:#f7fbff!important; box-shadow:none!important; } :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-calendar-day:hover, :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-calendar-day:focus-visible{ background:#24567b!important; border-color:#8bcdf2!important; color:#ffffff!important; box-shadow:0 0 0 2px rgba(104,196,255,.2),0 8px 18px rgba(0,0,0,.2)!important; } :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-calendar-day.other-month, :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-calendar-day.muted{ background:#122d45!important; color:#809bb0!important; border-color:#334f68!important; opacity:.78!important; } :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-calendar-day.today{ background:linear-gradient(145deg,#1769a4,#1b7db6)!important; border-color:#9edcff!important; color:#ffffff!important; box-shadow:0 0 0 3px rgba(92,194,255,.2),0 8px 20px rgba(0,0,0,.24)!important; } :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-calendar-day.selected, :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-calendar-day[aria-selected="true"]{ background:linear-gradient(145deg,#2a78ad,#2a91b8)!important; border-color:#b5ecff!important; color:#ffffff!important; box-shadow:0 0 0 3px rgba(116,221,255,.24)!important; } :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-calendar-day.holiday{ background:linear-gradient(145deg,#214d45,#285b49)!important; border-color:#62a978!important; } :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-calendar-info{ background:linear-gradient(145deg,#143653,#173e5d)!important; border-color:#4c6e89!important; color:#f4f9ff!important; } :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-calendar-date small, :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-calendar-facts small{ color:#b9cfe0!important; } :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-calendar-date strong, :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-calendar-facts strong, :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-calendar-event-trigger{ color:#ffffff!important; } :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-calendar-facts>div, :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-calendar-event-trigger{ background:#183e5d!important; border:1px solid #496b86!important; } :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-calendar-event-trigger:hover, :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-calendar-event-trigger:focus-visible{ background:#225476!important; border-color:#79bfe9!important; } :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-calendar-event-trigger i{ color:#89dcff!important; } :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-calendar-actions a, :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-calendar-actions button{ background:#1e4b6d!important; border-color:#5f829e!important; color:#f4fbff!important; } :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-calendar-actions a:hover, :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-calendar-actions button:hover{ background:#2a6389!important; border-color:#8dd3f8!important; color:#ffffff!important; } :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-day-popup, :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-day-columns>section, :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-day-item{ background:#12314d!important; border-color:#486985!important; color:#f4f9ff!important; } :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-day-item p, :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-day-section-title small, :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-day-loading, :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-day-empty{ color:#c5d8e8!important; } :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-day-section-title h3, :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-day-holiday strong{ color:#ffffff!important; } :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-day-section-title>span{ background:#1d4a6b!important; color:#ffffff!important; } :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-day-holiday{ background:linear-gradient(135deg,#1d4a3c,#1f493f)!important; border-color:#5e9f76!important; } :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-day-year{ background:#225a82!important; color:#dff4ff!important; } @media(max-width:600px){ :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-calendar-day{ font-size:12px!important; } :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-calendar-weekdays span{ font-size:10px!important; } } /* V35.0 – Rechner: vollständige Dunkelmodus-Lesbarkeit */ body.dark-mode .calculator-pro, html[data-theme="dark"] .calculator-pro{color:#f4f9ff} body.dark-mode .calculator-pro-head h2, body.dark-mode .calculator-pro-head p, body.dark-mode .calc-panel-head h3, body.dark-mode .calculator-pro-content h3, html[data-theme="dark"] .calculator-pro-head h2, html[data-theme="dark"] .calculator-pro-head p, html[data-theme="dark"] .calc-panel-head h3, html[data-theme="dark"] .calculator-pro-content h3{color:#f4f9ff!important} body.dark-mode .calculator-pro-head p, body.dark-mode .calc-panel-head p, body.dark-mode .calculator-pro-sidebar>small, body.dark-mode .calc-result-label, html[data-theme="dark"] .calculator-pro-head p, html[data-theme="dark"] .calc-panel-head p, html[data-theme="dark"] .calculator-pro-sidebar>small, html[data-theme="dark"] .calc-result-label{color:#c6dbed!important} body.dark-mode .calculator-pro-title-icon, html[data-theme="dark"] .calculator-pro-title-icon{background:#173a5b;color:#fff;border:1px solid #52799a;box-shadow:0 8px 20px rgba(0,0,0,.22)} body.dark-mode .calculator-top-tabs, html[data-theme="dark"] .calculator-top-tabs{border-color:#52718c} body.dark-mode .calculator-top-tabs button, html[data-theme="dark"] .calculator-top-tabs button{background:#173a5b;color:#edf7ff;border-color:#5f84a3;font-size:14px} body.dark-mode .calculator-top-tabs button:hover, html[data-theme="dark"] .calculator-top-tabs button:hover{background:#225071;color:#fff;border-color:#82b6da} body.dark-mode .calculator-top-tabs button.active, html[data-theme="dark"] .calculator-top-tabs button.active{background:linear-gradient(135deg,#3174ff,#19b9d4,#36c776);color:#fff;border-color:transparent;box-shadow:0 7px 18px rgba(18,145,213,.28)} body.dark-mode .calculator-pro-sidebar, html[data-theme="dark"] .calculator-pro-sidebar{border-color:#52718c} body.dark-mode .calculator-pro-menu button, html[data-theme="dark"] .calculator-pro-menu button{color:#e7f3ff;border:1px solid transparent} body.dark-mode .calculator-pro-menu button:hover, html[data-theme="dark"] .calculator-pro-menu button:hover{background:#204967;border-color:#5f84a3;color:#fff} body.dark-mode .calculator-pro-menu button.active, html[data-theme="dark"] .calculator-pro-menu button.active{background:#24628e;color:#fff;border-color:#7cc7ee;box-shadow:inset 3px 0 0 #61dbff} body.dark-mode .calculator-pro-content, html[data-theme="dark"] .calculator-pro-content{background:#102f4a;border-color:#5f84a3;color:#f4f9ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)} body.dark-mode .calc-reset, html[data-theme="dark"] .calc-reset{background:#1b4564;color:#f4f9ff;border-color:#6a91af} body.dark-mode .calc-reset:hover, html[data-theme="dark"] .calc-reset:hover{background:#286080;border-color:#91c7e8} body.dark-mode .calculator-pro-content label, html[data-theme="dark"] .calculator-pro-content label{color:#f1f7fd!important;font-size:14px} body.dark-mode .calc-basic>input, body.dark-mode .calculator-pro-content input, body.dark-mode .calculator-pro-content select, html[data-theme="dark"] .calc-basic>input, html[data-theme="dark"] .calculator-pro-content input, html[data-theme="dark"] .calculator-pro-content select{background:#0b2339!important;color:#fff!important;border-color:#6b91ad!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.25);font-size:16px} body.dark-mode .calculator-pro-content input::placeholder, html[data-theme="dark"] .calculator-pro-content input::placeholder{color:#a9c4d8} body.dark-mode .calculator-pro-content input:focus, body.dark-mode .calculator-pro-content select:focus, html[data-theme="dark"] .calculator-pro-content input:focus, html[data-theme="dark"] .calculator-pro-content select:focus{outline:3px solid rgba(64,190,239,.24);border-color:#69d7ff!important} body.dark-mode .calc-basic>strong, body.dark-mode .calculator-pro-content h3[id$="Out"], html[data-theme="dark"] .calc-basic>strong, html[data-theme="dark"] .calculator-pro-content h3[id$="Out"]{color:#78dcff!important;background:#153c59;border:1px solid #527b9a;border-radius:12px;padding:12px 14px;margin-top:15px;line-height:1.4} body.dark-mode .calc-keypad button, html[data-theme="dark"] .calc-keypad button{background:#1a405d;color:#fff;border-color:#6589a5;font-size:16px;box-shadow:0 3px 8px rgba(0,0,0,.18)} body.dark-mode .calc-keypad button:hover, html[data-theme="dark"] .calc-keypad button:hover{background:#286080;border-color:#8bc9ef;transform:translateY(-1px)} body.dark-mode .calc-keypad button.equal, html[data-theme="dark"] .calc-keypad button.equal{background:linear-gradient(135deg,#3970ff,#18bfd9,#31c87a);border-color:transparent;color:#fff} body.dark-mode .calculator-all-grid button, html[data-theme="dark"] .calculator-all-grid button{background:#173b58;color:#f4f9ff;border-color:#5f84a3} body.dark-mode .calculator-all-grid button:hover, html[data-theme="dark"] .calculator-all-grid button:hover{background:#215170;border-color:#87c4e7;box-shadow:0 10px 24px rgba(0,0,0,.24)} body.dark-mode .calculator-all-grid small, html[data-theme="dark"] .calculator-all-grid small{color:#c1d8e9!important;font-size:11px} body.dark-mode .calculator-all-grid em, html[data-theme="dark"] .calculator-all-grid em{color:#83dcff} body.dark-mode .calculator-pro-content .module-output, html[data-theme="dark"] .calculator-pro-content .module-output{background:#153b58;border-color:#5f84a3;color:#f4f9ff} body.dark-mode .calculator-pro-content .result-title, body.dark-mode .calculator-pro-content .result-box strong, html[data-theme="dark"] .calculator-pro-content .result-title, html[data-theme="dark"] .calculator-pro-content .result-box strong{color:#fff} body.dark-mode .calculator-pro-content .result-box, html[data-theme="dark"] .calculator-pro-content .result-box{background:#1a4564;border-color:#6288a5;color:#fff} body.dark-mode .calculator-pro-content .result-box span, body.dark-mode .calculator-pro-content small, html[data-theme="dark"] .calculator-pro-content .result-box span, html[data-theme="dark"] .calculator-pro-content small{color:#c4dced} @media(max-width:650px){ body.dark-mode .calculator-top-tabs button, html[data-theme="dark"] .calculator-top-tabs button{min-height:48px;font-size:13px} body.dark-mode .calculator-pro-menu button, html[data-theme="dark"] .calculator-pro-menu button{min-height:46px} body.dark-mode .calc-keypad button, html[data-theme="dark"] .calc-keypad button{min-height:48px} } /* ========================================================= V35.1 – NOVA Games Mobile Control & Tetris Fit ========================================================= */ @media(max-width:700px){ /* Arcade profile: keep level ring separate from its text on narrow phones. */ .nova-arcade-profile{ width:100%; display:grid!important; grid-template-columns:64px minmax(0,1fr); align-items:center; justify-content:start!important; gap:12px!important; } .nova-level-ring{ width:64px!important; height:64px!important; min-width:64px; flex:0 0 64px; border-width:3px!important; position:relative; z-index:1; } .nova-level-ring b{font-size:22px!important;line-height:1!important} .nova-level-ring small{font-size:8px!important;line-height:1.15!important;margin-top:2px} .nova-arcade-profile>div{min-width:0;overflow:hidden} .nova-arcade-profile>div strong, .nova-arcade-profile>div span{ display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } /* No page/field movement while a finger is controlling a game. */ .mobile-game-focus canvas, .mobile-game-focus .nova-gamepad, .mobile-game-focus .nova-dpad, .mobile-game-focus .nova-stick-knob{ touch-action:none!important; user-select:none; -webkit-user-select:none; -webkit-touch-callout:none; } /* Tetris: lock the play area in the visible phone viewport. */ .mobile-game-focus:has(.block-game) .nova-games-output{ overflow:hidden!important; padding-bottom:0!important; } .mobile-game-focus .block-game, .mobile-game-focus .block-game .game-main-card{ height:100%; min-height:0!important; overflow:hidden; } .mobile-game-focus .block-game .game-main-card{ display:flex; flex-direction:column; } .mobile-game-focus .block-game .block-layout{ flex:1 1 auto; min-height:0; align-items:center!important; } .mobile-game-focus #blockCanvas{ display:block; width:auto!important; height:min(53dvh,calc(100dvh - 238px - env(safe-area-inset-top) - env(safe-area-inset-bottom)))!important; max-height:100%!important; aspect-ratio:1/2!important; object-fit:contain!important; flex:none; } /* Real joystick-style D-pad: circular base + draggable center stick. */ .mobile-game-focus .nova-gamepad{ min-height:118px!important; padding:7px 10px!important; } .mobile-game-focus .nova-dpad{ position:relative; display:block!important; width:112px!important; height:112px!important; min-width:112px; border-radius:50%; background: radial-gradient(circle at 50% 50%,#274d69 0 26%,transparent 27%), radial-gradient(circle,#19374f 0 64%,#0d2437 65% 100%); border:2px solid #6d8ca4; box-shadow:inset 0 3px 8px rgba(255,255,255,.08),inset 0 -5px 12px rgba(0,0,0,.25),0 7px 16px rgba(0,0,0,.25); } .mobile-game-focus .nova-dpad>span{display:none!important} .mobile-game-focus .nova-dpad button{ position:absolute!important; width:34px!important; height:34px!important; min-height:34px!important; border:0!important; background:transparent!important; box-shadow:none!important; color:#bfeaff!important; opacity:.72; pointer-events:auto; z-index:2; } .mobile-game-focus .nova-dpad button:not(.dpad-center):nth-of-type(1){left:39px;top:2px} .mobile-game-focus .nova-dpad button:not(.dpad-center):nth-of-type(2){left:2px;top:39px} .mobile-game-focus .nova-dpad button:not(.dpad-center):nth-of-type(3){right:2px;top:39px} .mobile-game-focus .nova-dpad button:not(.dpad-center):nth-of-type(4){left:39px;bottom:2px} .mobile-game-focus .nova-dpad .dpad-center{ left:39px!important; top:39px!important; opacity:0!important; pointer-events:none!important; } .nova-stick-knob{ position:absolute; left:50%; top:50%; width:48px; height:48px; transform:translate(-50%,-50%); border-radius:50%; border:2px solid #91ddff; background:radial-gradient(circle at 35% 30%,#4b718c,#15354e 70%); box-shadow:inset 0 3px 7px rgba(255,255,255,.18),0 6px 13px rgba(0,0,0,.34),0 0 0 5px rgba(83,201,255,.08); z-index:5; cursor:grab; transition:transform .07s linear,box-shadow .12s ease; } .nova-stick-knob.active{ cursor:grabbing; box-shadow:inset 0 3px 7px rgba(255,255,255,.18),0 3px 9px rgba(0,0,0,.38),0 0 0 7px rgba(83,201,255,.16); } .nova-stick-knob:after{ content:""; position:absolute; inset:13px; border-radius:50%; background:#70dfff; box-shadow:0 0 10px rgba(112,223,255,.65); } } @media(max-width:390px){ .mobile-game-focus .nova-gamepad{min-height:108px!important} .mobile-game-focus .nova-dpad{width:102px!important;height:102px!important;min-width:102px} .mobile-game-focus .nova-dpad button:not(.dpad-center):nth-of-type(1){left:34px;top:1px} .mobile-game-focus .nova-dpad button:not(.dpad-center):nth-of-type(2){left:1px;top:34px} .mobile-game-focus .nova-dpad button:not(.dpad-center):nth-of-type(3){right:1px;top:34px} .mobile-game-focus .nova-dpad button:not(.dpad-center):nth-of-type(4){left:34px;bottom:1px} .mobile-game-focus .nova-dpad .dpad-center{left:34px!important;top:34px!important} .nova-stick-knob{width:44px;height:44px} .mobile-game-focus #blockCanvas{ height:min(50dvh,calc(100dvh - 225px - env(safe-area-inset-top) - env(safe-area-inset-bottom)))!important; } } /* V35.1 joystick direction placement – explicit selectors (all games). */ @media(max-width:700px){ .mobile-game-focus .nova-dpad :is( [data-block-control="rotate"],[data-snake="up"],[data-runner="up"], [data-platform="jump"],[data-quest="jump"] ){left:39px!important;right:auto!important;top:2px!important;bottom:auto!important} .mobile-game-focus .nova-dpad :is( [data-block-control="left"],[data-snake="left"],[data-breakout="left"], [data-runner="left"],[data-platform="left"],[data-invaders="left"],[data-quest="left"] ){left:2px!important;right:auto!important;top:39px!important;bottom:auto!important} .mobile-game-focus .nova-dpad :is( [data-block-control="right"],[data-snake="right"],[data-breakout="right"], [data-runner="right"],[data-platform="right"],[data-invaders="right"],[data-quest="right"] ){left:auto!important;right:2px!important;top:39px!important;bottom:auto!important} .mobile-game-focus .nova-dpad :is( [data-block-control="down"],[data-snake="down"],[data-runner="down"],[data-quest="down"] ){left:39px!important;right:auto!important;top:auto!important;bottom:2px!important} } @media(max-width:390px){ .mobile-game-focus .nova-dpad :is( [data-block-control="rotate"],[data-snake="up"],[data-runner="up"], [data-platform="jump"],[data-quest="jump"] ){left:34px!important;top:1px!important} .mobile-game-focus .nova-dpad :is( [data-block-control="left"],[data-snake="left"],[data-breakout="left"], [data-runner="left"],[data-platform="left"],[data-invaders="left"],[data-quest="left"] ){left:1px!important;top:34px!important} .mobile-game-focus .nova-dpad :is( [data-block-control="right"],[data-snake="right"],[data-breakout="right"], [data-runner="right"],[data-platform="right"],[data-invaders="right"],[data-quest="right"] ){right:1px!important;top:34px!important} .mobile-game-focus .nova-dpad :is( [data-block-control="down"],[data-snake="down"],[data-runner="down"],[data-quest="down"] ){left:34px!important;bottom:1px!important} } /* ========================================================= V35.2 – Bubble Pop · Visual & Mobile Optimization ========================================================= */ .bubble-layout{ display:grid; grid-template-columns:minmax(0,1.5fr) minmax(260px,.65fr); gap:16px; align-items:start; } .bubble-stage-wrap{ border:1px solid #c9dce9; border-radius:22px; padding:14px; background:linear-gradient(180deg,#f8fcff,#edf7fc); overflow:hidden; } .bubble-stage-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px; color:#254862; font-size:13px; font-weight:700; } .bubble-stage-head b{ flex:none; padding:7px 10px; border-radius:999px; background:#e4f7ff; color:#087bb7; border:1px solid #b9e8fb; font-size:11px; letter-spacing:.05em; } .bubble-board{ width:min(100%,560px); aspect-ratio:1/1; margin:0 auto; display:grid; grid-template-columns:repeat(8,1fr); grid-template-rows:repeat(8,1fr); gap:6px; padding:12px; border-radius:22px; background: radial-gradient(circle at 50% 15%,rgba(72,198,255,.15),transparent 35%), linear-gradient(180deg,#0b2740,#102f4a 58%,#0b2339); border:1px solid #355f7b; box-shadow:inset 0 0 30px rgba(0,0,0,.18); touch-action:manipulation; user-select:none; -webkit-user-select:none; } .bubble-cell{ position:relative; min-width:0; min-height:0; aspect-ratio:1/1; border:0; border-radius:50%; padding:0; cursor:pointer; background:transparent; transition:transform .12s ease,filter .12s ease,opacity .18s ease; -webkit-tap-highlight-color:transparent; } .bubble-cell:not(.empty):hover{transform:scale(1.07)} .bubble-cell:not(.empty):active{transform:scale(.91)} .bubble-cell>span{ position:absolute; inset:5%; border-radius:50%; background:var(--bubble-fill); box-shadow: inset -8px -10px 14px rgba(0,0,0,.18), inset 7px 7px 9px rgba(255,255,255,.3), 0 4px 10px rgba(0,0,0,.25), 0 0 12px var(--bubble-glow); } .bubble-cell>span:before{ content:""; position:absolute; width:29%; height:23%; left:20%; top:15%; border-radius:50%; background:rgba(255,255,255,.72); filter:blur(.4px); transform:rotate(-25deg); } .bubble-cyan{--bubble-fill:linear-gradient(145deg,#b7f7ff 0%,#39d4ef 40%,#0798c7 100%);--bubble-glow:rgba(50,220,255,.55)} .bubble-blue{--bubble-fill:linear-gradient(145deg,#b9d9ff 0%,#478ff5 42%,#2553c7 100%);--bubble-glow:rgba(72,137,255,.5)} .bubble-violet{--bubble-fill:linear-gradient(145deg,#e4c5ff 0%,#a45cf1 42%,#6f31b7 100%);--bubble-glow:rgba(174,92,255,.5)} .bubble-pink{--bubble-fill:linear-gradient(145deg,#ffd1ed 0%,#f26bb4 42%,#c33a82 100%);--bubble-glow:rgba(255,95,177,.45)} .bubble-gold{--bubble-fill:linear-gradient(145deg,#fff0b0 0%,#f3c044 42%,#c9891f 100%);--bubble-glow:rgba(255,201,70,.45)} .bubble-cell.hint{animation:novaBubbleHint .55s ease-in-out infinite alternate} @keyframes novaBubbleHint{from{transform:scale(1)}to{transform:scale(1.12);filter:brightness(1.25)}} .bubble-cell.empty{opacity:0;pointer-events:none} .bubble-sidebar{display:grid;gap:12px} .bubble-goal-card{ border:1px solid #c7dce9; border-radius:16px; padding:14px; background:#f8fbfd; color:#24475f; } .bubble-goal-card small{display:block;color:#1788bd;font-size:10px;font-weight:900;letter-spacing:.12em;margin-bottom:4px} .bubble-goal-card strong{display:block;font-size:16px;color:#123b59;margin-bottom:5px} .bubble-goal-card p{margin:0;color:#60778a;font-size:12px;line-height:1.45} .bubble-badge{background:linear-gradient(135deg,#17b8d8,#7367ee)!important;color:#fff!important} body.dark-mode .bubble-stage-wrap, html[data-theme="dark"] .bubble-stage-wrap{ background:linear-gradient(180deg,#153954,#102f48); border-color:#5a7c96; } body.dark-mode .bubble-stage-head, html[data-theme="dark"] .bubble-stage-head{color:#e9f6ff} body.dark-mode .bubble-stage-head b, html[data-theme="dark"] .bubble-stage-head b{ color:#9ce9ff; background:#173f5b; border-color:#557b95; } body.dark-mode .bubble-board, html[data-theme="dark"] .bubble-board{ border-color:#6688a2; background: radial-gradient(circle at 50% 15%,rgba(78,212,255,.16),transparent 35%), linear-gradient(180deg,#071a2a,#0a2439 58%,#061725); } body.dark-mode .bubble-goal-card, html[data-theme="dark"] .bubble-goal-card{ background:#173b56; border-color:#5c7f99; color:#f1f8ff; } body.dark-mode .bubble-goal-card small, html[data-theme="dark"] .bubble-goal-card small{color:#8ee5ff} body.dark-mode .bubble-goal-card strong, html[data-theme="dark"] .bubble-goal-card strong{color:#fff} body.dark-mode .bubble-goal-card p, html[data-theme="dark"] .bubble-goal-card p{color:#c9dceb} @media(max-width:820px){ .bubble-layout{grid-template-columns:1fr} .bubble-sidebar{grid-template-columns:1fr 1fr;align-items:start} .bubble-sidebar .game-stat-grid{grid-column:1/-1} .bubble-sidebar .game-help{grid-column:1/-1} } @media(max-width:700px){ .mobile-game-focus:has(.bubble-game) .nova-games-output{ overflow:hidden!important; padding-bottom:0!important; } .mobile-game-focus .bubble-game, .mobile-game-focus .bubble-game .game-main-card{ height:100%; min-height:0!important; overflow:hidden; } .mobile-game-focus .bubble-game .game-main-card{display:flex;flex-direction:column} .mobile-game-focus .bubble-layout{ flex:1 1 auto; min-height:0; display:grid; grid-template-columns:1fr; grid-template-rows:minmax(0,1fr) auto; gap:7px; } .mobile-game-focus .bubble-stage-wrap{ min-height:0; display:flex; flex-direction:column; padding:7px; border-radius:14px; overflow:hidden; } .mobile-game-focus .bubble-stage-head{ min-height:24px; margin-bottom:5px; font-size:9px; } .mobile-game-focus .bubble-stage-head b{font-size:8px;padding:4px 6px} .mobile-game-focus .bubble-board{ width:auto; height:100%; max-width:100%; max-height:100%; aspect-ratio:1/1; padding:6px; gap:3px; border-radius:14px; align-self:center; flex:1 1 auto; } .mobile-game-focus .bubble-sidebar{ display:grid; grid-template-columns:1fr auto; gap:6px; } .mobile-game-focus .bubble-sidebar .game-stat-grid{ grid-column:1/2; display:grid; grid-template-columns:repeat(4,1fr); gap:4px; } .mobile-game-focus .bubble-sidebar .game-stat-grid article{padding:5px 4px!important;min-height:40px!important} .mobile-game-focus .bubble-sidebar .game-stat-grid small{font-size:6.5px!important} .mobile-game-focus .bubble-sidebar .game-stat-grid strong{font-size:13px!important} .mobile-game-focus .bubble-goal-card, .mobile-game-focus .bubble-sidebar .game-help{display:none} .mobile-game-focus .bubble-sidebar .game-actions{ grid-column:2/3; display:flex; gap:4px; margin:0; } .mobile-game-focus .bubble-sidebar .game-actions .btn{ min-height:40px!important; padding:6px 8px!important; font-size:9px!important; white-space:nowrap; } .mobile-game-focus .bubble-cell>span{inset:4%} } @media(max-width:390px){ .mobile-game-focus .bubble-board{gap:2px;padding:5px} .mobile-game-focus .bubble-sidebar .game-actions .btn{padding:5px 6px!important;font-size:8px!important} } /* ========================================================= NOVA AI V35.3 – STOCK MARKET DARK MODE READABILITY ========================================================= */ body.dark-mode .stock-market-module .module-intro, html[data-theme="dark"] .stock-market-module .module-intro{color:#d8e8f6!important;font-size:14px} body.dark-mode .stock-switch-btn, html[data-theme="dark"] .stock-switch-btn{background:#163a58!important;color:#fff!important;border-color:#6287a5!important;box-shadow:0 8px 20px rgba(0,0,0,.18)!important} body.dark-mode .stock-switch-btn>span, html[data-theme="dark"] .stock-switch-btn>span{background:#214e70!important;color:#fff!important} body.dark-mode .stock-switch-btn small, html[data-theme="dark"] .stock-switch-btn small{color:#d0e2f0!important;font-size:12px} body.dark-mode .stock-switch-btn:hover, html[data-theme="dark"] .stock-switch-btn:hover{background:#205170!important;border-color:#84c9ef!important} body.dark-mode .stock-switch-btn.active, html[data-theme="dark"] .stock-switch-btn.active{background:linear-gradient(125deg,#3174ff,#16b9d8 62%,#3cc47d)!important;color:#fff!important;border-color:transparent!important} body.dark-mode .stock-switch-btn.active small, html[data-theme="dark"] .stock-switch-btn.active small{color:#fff!important} body.dark-mode .stock-market-output, html[data-theme="dark"] .stock-market-output{background:#102f4b!important;border-color:#6386a2!important;color:#f5f9ff!important} body.dark-mode .stock-market-section-head span, html[data-theme="dark"] .stock-market-section-head span{color:#7edcff!important;font-size:11px} body.dark-mode .stock-market-section-head h3, html[data-theme="dark"] .stock-market-section-head h3{color:#fff!important;font-size:22px} body.dark-mode .stock-market-section-head>small, html[data-theme="dark"] .stock-market-section-head>small{background:#1d4d70!important;color:#e9f8ff!important;border:1px solid #668ba7!important} body.dark-mode .stock-market-card, html[data-theme="dark"] .stock-market-card{background:#173d5b!important;color:#fff!important;border-color:#6286a3!important;box-shadow:0 7px 18px rgba(0,0,0,.16)} body.dark-mode .stock-market-card:hover, html[data-theme="dark"] .stock-market-card:hover{background:#205170!important;border-color:#82d7fa!important;box-shadow:0 13px 28px rgba(0,0,0,.28)!important} body.dark-mode .stock-market-icon, html[data-theme="dark"] .stock-market-icon{background:#235574!important;color:#fff!important;border:1px solid #648aa6} body.dark-mode .stock-market-copy small, html[data-theme="dark"] .stock-market-copy small{color:#c7dceb!important;font-size:11px} body.dark-mode .stock-market-copy b, html[data-theme="dark"] .stock-market-copy b{color:#fff!important;font-size:16px} body.dark-mode .stock-market-copy em, html[data-theme="dark"] .stock-market-copy em{color:#86e2ff!important;font-size:12px} body.dark-mode .stock-market-arrow, html[data-theme="dark"] .stock-market-arrow{color:#8ce5ff!important} body.dark-mode .stock-market-footer, html[data-theme="dark"] .stock-market-footer{background:#173b58!important;border-color:#6285a1!important} body.dark-mode .stock-market-footer p, html[data-theme="dark"] .stock-market-footer p{color:#d6e6f3!important;font-size:13px} body.dark-mode .stock-market-footer p b, html[data-theme="dark"] .stock-market-footer p b{color:#fff!important} body.dark-mode .stock-finance-main-btn, html[data-theme="dark"] .stock-finance-main-btn{background:linear-gradient(135deg,#2875e8,#16aeca)!important;color:#fff!important;border:1px solid #78cbe9!important} @media(max-width:650px){ body.dark-mode .stock-market-card,html[data-theme="dark"] .stock-market-card{min-height:96px;padding:13px} body.dark-mode .stock-market-copy b,html[data-theme="dark"] .stock-market-copy b{font-size:16px} body.dark-mode .stock-market-section-head,html[data-theme="dark"] .stock-market-section-head{align-items:flex-start;flex-direction:column} } /* ========================================================= NOVA AI V35.4 – NOVA MARKETS DASHBOARD ========================================================= */ .nova-markets-v354{gap:15px} .nova-market-ticker{min-height:62px;padding:7px 9px;border:1px solid #d3e1ef;border-radius:16px;background:#fff;overflow:hidden} .nova-market-ticker .tradingview-widget-container{min-height:48px} .nova-market-status-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px} .nova-market-status-card{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #d5e2ee;border-radius:13px;background:#f8fbff} .nova-market-status-card>span{font-size:19px}.nova-market-status-card.open>span{color:#13a36f}.nova-market-status-card.closed>span{color:#8ba0b4} .nova-market-status-card div{display:grid;gap:1px}.nova-market-status-card small{color:#667c93;font-size:10px;font-weight:800;text-transform:uppercase}.nova-market-status-card b{color:#123252;font-size:13px} .nova-markets-v354 .stock-market-card{display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr auto;padding:0;min-height:122px;overflow:hidden} .nova-markets-v354 .stock-market-card:before{z-index:2} .stock-market-main{grid-column:1/3;display:grid;grid-template-columns:48px 1fr 20px;gap:11px;align-items:center;width:100%;padding:15px 42px 11px 15px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer} .stock-market-external{grid-column:1/3;display:block;padding:7px 12px 8px;border-top:1px solid #e3ebf3;color:#276fb9;text-align:center;text-decoration:none;font-size:10px;font-weight:850;letter-spacing:.2px} .stock-watch-btn{position:absolute;z-index:4;top:8px;right:8px;width:31px;height:31px;border:1px solid #c9d9e8;border-radius:50%;background:#f7fbff;color:#59748e;font-size:17px;line-height:1;cursor:pointer} .stock-watch-btn:hover,.stock-watch-btn.active{background:#fff6cf;color:#b57a00;border-color:#e1bd53} .nova-markets-v354 .stock-market-card.selected{border-color:#428be6;box-shadow:0 0 0 2px rgba(36,113,214,.11)} .nova-market-detail{padding:15px;border:1px solid #d4e2ef;border-radius:17px;background:#f8fbff} .nova-market-detail-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:10px}.nova-market-detail-head span{font-size:10px;font-weight:900;letter-spacing:1px;color:#1466e8}.nova-market-detail-head h3{margin:3px 0 0;color:#0c2948;font-size:20px} .nova-timeframe-chips{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.nova-timeframe-chips span{padding:5px 8px;border:1px solid #d2deeb;border-radius:999px;background:#fff;color:#43627d;font-size:10px;font-weight:800}.nova-timeframe-chips span:first-child{background:#eaf3ff;color:#1466e8;border-color:#a8c9ed} .nova-market-chart{min-height:310px;border-radius:13px;overflow:hidden;background:#fff}.nova-market-loading{display:grid;place-items:center;min-height:300px;color:#60768c;font-size:13px} .nova-watchlist-panel{padding:14px;border:1px solid #d5e2ee;border-radius:16px;background:#fff}.nova-market-section-head-simple{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:10px}.nova-market-section-head-simple span{font-size:10px;font-weight:900;color:#1466e8;letter-spacing:.8px}.nova-market-section-head-simple h3{margin:3px 0 0;color:#0c2948;font-size:18px}.nova-market-section-head-simple>small{color:#71859a;font-size:10px} .nova-watchlist-list{display:flex;gap:8px;flex-wrap:wrap}.nova-watch-chip{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:7px;align-items:center;padding:8px 11px;border:1px solid #d5e2ee;border-radius:12px;background:#f8fbff;color:#173a5e;text-align:left;cursor:pointer}.nova-watch-chip span{grid-row:1/3;font-size:20px}.nova-watch-chip b{font-size:12px}.nova-watch-chip em{font-size:9px;font-style:normal;color:#5e7b97}.nova-watchlist-empty{width:100%;padding:12px;border:1px dashed #c7d6e4;border-radius:11px;color:#61778c;text-align:center;font-size:12px} .nova-market-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.nova-market-tools a{display:grid;place-items:center;min-height:46px;padding:8px;border:1px solid #d5e2ee;border-radius:12px;background:#f7fbff;color:#174d82;text-decoration:none;text-align:center;font-size:11px;font-weight:800}.nova-market-tools a:hover{background:#edf6ff;border-color:#83b4e7} .nova-market-callout{display:flex;gap:11px;align-items:flex-start;padding:13px 15px;border:1px solid #b9d8ef;border-radius:15px;background:linear-gradient(135deg,#eef7ff,#f7fffb)}.nova-market-callout>span{font-size:23px}.nova-market-callout b{color:#133858;font-size:13px}.nova-market-callout p{margin:3px 0 0;color:#496981;font-size:11px;line-height:1.45} body.dark-mode-theme .nova-market-ticker{background:#081f39;border-color:#31516f} body.dark-mode-theme .nova-market-status-card{background:#0e2947;border-color:#31516f}body.dark-mode-theme .nova-market-status-card small{color:#aac0d4}body.dark-mode-theme .nova-market-status-card b{color:#f3f8ff} body.dark-mode-theme .stock-market-external{border-top-color:#294763;color:#7fd5ff}body.dark-mode-theme .stock-watch-btn{background:#173a60;border-color:#426688;color:#c8d8e8}body.dark-mode-theme .stock-watch-btn.active{background:#594810;color:#ffe38a;border-color:#8c7022} body.dark-mode-theme .nova-market-detail{background:#081f39;border-color:#31516f}body.dark-mode-theme .nova-market-detail-head h3{color:#f4f9ff}body.dark-mode-theme .nova-timeframe-chips span{background:#0f2d4d;border-color:#355979;color:#bcd0e2}body.dark-mode-theme .nova-timeframe-chips span:first-child{background:#164a75;color:#8fdcff;border-color:#377baa}body.dark-mode-theme .nova-market-chart{background:#071b33} body.dark-mode-theme .nova-watchlist-panel{background:#0b2441;border-color:#31516f}body.dark-mode-theme .nova-market-section-head-simple h3{color:#f2f8ff}body.dark-mode-theme .nova-market-section-head-simple>small{color:#9db5ca}body.dark-mode-theme .nova-watch-chip{background:#0e2947;border-color:#31516f;color:#f1f7ff}body.dark-mode-theme .nova-watch-chip em{color:#99b4cc}body.dark-mode-theme .nova-watchlist-empty{border-color:#3a5d7d;color:#aec2d4} body.dark-mode-theme .nova-market-tools a{background:#0e2947;border-color:#31516f;color:#a9e3ff}body.dark-mode-theme .nova-market-tools a:hover{background:#15395e;border-color:#5b8bb5} body.dark-mode-theme .nova-market-callout{background:linear-gradient(135deg,#0d2b4a,#0b342e);border-color:#315b70}body.dark-mode-theme .nova-market-callout b{color:#f2f8ff}body.dark-mode-theme .nova-market-callout p{color:#b9ccdd} @media(max-width:760px){.nova-market-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.nova-market-status-row{grid-template-columns:1fr}.nova-market-detail-head{align-items:flex-start;flex-direction:column}.nova-timeframe-chips{justify-content:flex-start}.nova-market-chart{min-height:280px}} @media(max-width:430px){.nova-markets-v354{gap:12px}.nova-market-ticker{padding:5px}.nova-market-detail{padding:10px}.stock-market-main{padding:13px 39px 9px 13px}.nova-market-tools a{font-size:10px}.nova-market-section-head-simple{align-items:flex-start;flex-direction:column}} /* ========================================================= NOVA AI V35.5 – TRADINGVIEW BANNER + MARKET DARK MODE Official TradingView widgets keep their own attribution. NOVA surfaces use the real body.dark-mode theme class. ========================================================= */ .nova-market-ticker-shell{ border:1px solid #cfdfed;border-radius:18px;background:#f7fbff;overflow:hidden; } .nova-market-ticker-head{ display:flex;align-items:center;justify-content:space-between;gap:14px; padding:11px 14px 9px;border-bottom:1px solid #d7e4ef;background:#f3f8fd; } .nova-market-ticker-head>div{display:grid;gap:2px} .nova-market-ticker-head span{font-size:9px;font-weight:900;letter-spacing:1.15px;color:#1466e8} .nova-market-ticker-head b{font-size:14px;color:#102f4e} .nova-market-ticker-head a{font-size:10px;font-weight:800;color:#1769b2;text-decoration:none} .nova-market-ticker-head a:hover{text-decoration:underline} .nova-market-ticker-shell .nova-market-ticker{border:0;border-radius:0;background:#fff;padding:5px 7px;min-height:58px} /* Real NOVA dark class + compatibility aliases */ body.dark-mode .nova-markets-v354, html[data-theme="dark"] .nova-markets-v354{color:#f3f8ff} body.dark-mode .nova-market-ticker-shell, html[data-theme="dark"] .nova-market-ticker-shell{background:#071b31;border-color:#416985} body.dark-mode .nova-market-ticker-head, html[data-theme="dark"] .nova-market-ticker-head{background:#0b2945;border-bottom-color:#315874} body.dark-mode .nova-market-ticker-head span, html[data-theme="dark"] .nova-market-ticker-head span{color:#75d9ff} body.dark-mode .nova-market-ticker-head b, html[data-theme="dark"] .nova-market-ticker-head b{color:#ffffff} body.dark-mode .nova-market-ticker-head a, html[data-theme="dark"] .nova-market-ticker-head a{color:#9be5ff} body.dark-mode .nova-market-ticker, html[data-theme="dark"] .nova-market-ticker{background:#06182c!important;border-color:#31516f} body.dark-mode .nova-market-status-card, html[data-theme="dark"] .nova-market-status-card{background:#123552;border-color:#567a96} body.dark-mode .nova-market-status-card small, html[data-theme="dark"] .nova-market-status-card small{color:#c5d8e8} body.dark-mode .nova-market-status-card b, html[data-theme="dark"] .nova-market-status-card b{color:#fff} body.dark-mode .nova-market-status-card.closed>span, html[data-theme="dark"] .nova-market-status-card.closed>span{color:#a9bfd2} body.dark-mode .nova-market-status-card.open>span, html[data-theme="dark"] .nova-market-status-card.open>span{color:#62e3a6} body.dark-mode .nova-markets-v354 .stock-market-card, html[data-theme="dark"] .nova-markets-v354 .stock-market-card{background:#123552!important;border-color:#567a96!important} body.dark-mode .nova-markets-v354 .stock-market-card:hover, html[data-theme="dark"] .nova-markets-v354 .stock-market-card:hover{background:#173e60!important;border-color:#79b4d9!important} body.dark-mode .nova-markets-v354 .stock-market-card.selected, html[data-theme="dark"] .nova-markets-v354 .stock-market-card.selected{background:#163d61!important;border-color:#6fd2ff!important;box-shadow:0 0 0 2px rgba(111,210,255,.16)!important} body.dark-mode .stock-market-external, html[data-theme="dark"] .stock-market-external{border-top-color:#486b86!important;color:#9be5ff!important} body.dark-mode .stock-watch-btn, html[data-theme="dark"] .stock-watch-btn{background:#0c2945!important;border-color:#668aa6!important;color:#d8e8f5!important} body.dark-mode .stock-watch-btn:hover, body.dark-mode .stock-watch-btn.active, html[data-theme="dark"] .stock-watch-btn:hover, html[data-theme="dark"] .stock-watch-btn.active{background:#5d4a12!important;border-color:#d0a72b!important;color:#ffe88c!important} body.dark-mode .nova-market-detail, html[data-theme="dark"] .nova-market-detail{background:#0a223d!important;border-color:#4d7593!important} body.dark-mode .nova-market-detail-head span, html[data-theme="dark"] .nova-market-detail-head span{color:#72d8ff} body.dark-mode .nova-market-detail-head h3, html[data-theme="dark"] .nova-market-detail-head h3{color:#fff!important} body.dark-mode .nova-timeframe-chips span, html[data-theme="dark"] .nova-timeframe-chips span{background:#123552!important;border-color:#567a96!important;color:#d9e8f4!important} body.dark-mode .nova-timeframe-chips span:first-child, html[data-theme="dark"] .nova-timeframe-chips span:first-child{background:#14527e!important;border-color:#70c5ef!important;color:#fff!important} body.dark-mode .nova-market-chart, html[data-theme="dark"] .nova-market-chart{background:#06182c!important;border:1px solid #365d7a} body.dark-mode .nova-market-loading, html[data-theme="dark"] .nova-market-loading{color:#c3d7e7} body.dark-mode .nova-watchlist-panel, html[data-theme="dark"] .nova-watchlist-panel{background:#0d2946!important;border-color:#4d7593!important} body.dark-mode .nova-market-section-head-simple span, html[data-theme="dark"] .nova-market-section-head-simple span{color:#72d8ff} body.dark-mode .nova-market-section-head-simple h3, html[data-theme="dark"] .nova-market-section-head-simple h3{color:#fff!important} body.dark-mode .nova-market-section-head-simple>small, html[data-theme="dark"] .nova-market-section-head-simple>small{color:#c0d3e3!important} body.dark-mode .nova-watch-chip, html[data-theme="dark"] .nova-watch-chip{background:#123552!important;border-color:#567a96!important;color:#fff!important} body.dark-mode .nova-watch-chip:hover, html[data-theme="dark"] .nova-watch-chip:hover{background:#194362!important;border-color:#79b4d9!important} body.dark-mode .nova-watch-chip em, html[data-theme="dark"] .nova-watch-chip em{color:#bcd2e3!important} body.dark-mode .nova-watchlist-empty, html[data-theme="dark"] .nova-watchlist-empty{border-color:#5a7d98!important;color:#c4d7e7!important} body.dark-mode .nova-market-tools a, html[data-theme="dark"] .nova-market-tools a{background:#123552!important;border-color:#567a96!important;color:#b8ecff!important} body.dark-mode .nova-market-tools a:hover, html[data-theme="dark"] .nova-market-tools a:hover{background:#194362!important;border-color:#79b4d9!important;color:#fff!important} body.dark-mode .nova-market-callout, html[data-theme="dark"] .nova-market-callout{background:linear-gradient(135deg,#0e3152,#103c36)!important;border-color:#527a8d!important} body.dark-mode .nova-market-callout b, html[data-theme="dark"] .nova-market-callout b{color:#fff!important} body.dark-mode .nova-market-callout p, html[data-theme="dark"] .nova-market-callout p{color:#d0e2ee!important} body.dark-mode .stock-market-footer, html[data-theme="dark"] .stock-market-footer{background:#123552!important;border-color:#567a96!important} body.dark-mode .stock-market-footer p, html[data-theme="dark"] .stock-market-footer p{color:#d7e7f3!important} body.dark-mode .stock-market-footer p b, html[data-theme="dark"] .stock-market-footer p b{color:#fff!important} body.dark-mode .stock-finance-main-btn, html[data-theme="dark"] .stock-finance-main-btn{background:linear-gradient(135deg,#2875e8,#16aeca)!important;color:#fff!important;border-color:#7fd9f5!important} @media(max-width:650px){ .nova-market-ticker-head{align-items:flex-start;flex-direction:column;gap:5px;padding:10px 11px 8px} .nova-market-ticker-head b{font-size:13px} .nova-market-ticker-head a{font-size:10px} .nova-market-ticker-shell .nova-market-ticker{padding:4px 2px} } /* V35.6 – NOVA Now, Daily Impulse & 10 Daily Tips polish */ .daily-tips-grid{counter-reset:nova-tip} .daily-tip{position:relative;overflow:hidden;padding:18px 16px 16px;min-height:172px} .daily-tip::before{counter-increment:nova-tip;content:counter(nova-tip,decimal-leading-zero);position:absolute;right:12px;top:10px;font:800 12px/1 'Space Grotesk',sans-serif;letter-spacing:.08em;color:#7b9aba;opacity:.8} .daily-tip .tip-icon{font-size:30px;line-height:1}.daily-tip>b{font-size:15px;line-height:1.25;padding-right:30px}.daily-tip p{font-size:13px;line-height:1.58;color:#4c6278}.daily-tip .tip-context{font-size:10px;opacity:.82} body.dark-mode .smart-tips{background:linear-gradient(145deg,#071b30,#0a2744);border-color:#284b6f} body.dark-mode .smart-tips-head h2{color:#f5f9ff}body.dark-mode .smart-tips-head p{color:#c4d8eb} body.dark-mode .tips-badge{background:#102f50;border-color:#35658e;color:#f7fbff;box-shadow:0 10px 28px rgba(0,0,0,.22)} body.dark-mode .tips-badge small{color:#bed4e8} body.dark-mode .daily-tip{background:linear-gradient(145deg,#0b2947,#0d3459);border-color:#315a80;box-shadow:0 10px 26px rgba(0,0,0,.18)} body.dark-mode .daily-tip:hover{border-color:#5fb8ff;box-shadow:0 14px 30px rgba(0,0,0,.26)} body.dark-mode .daily-tip>b{color:#f5f9ff}body.dark-mode .daily-tip p{color:#d4e4f2}body.dark-mode .daily-tip::before{color:#91cfff} body.dark-mode .daily-tip .tip-context{color:#9fc5e5}body.dark-mode .daily-tip .tip-footer>small{color:#86dcff}body.dark-mode .tip-link{color:#87dfff} .nova-now{padding:20px 0 2px;border-top:1px solid var(--line)} .nova-now-head{align-items:center;margin-bottom:15px}.nova-now-head>div:first-child{min-width:0}.nova-now-head h3{font-size:23px}.nova-now-subline{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.5;max-width:620px} .nova-now-refresh-state{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding:8px 12px;border-radius:999px;background:#eff8ff;border:1px solid #cfe2f5;color:#0a5f9d;font-size:11px;font-weight:800;white-space:nowrap} .nova-now-live-dot{width:8px;height:8px;border-radius:50%;background:#18b66a;box-shadow:0 0 0 4px rgba(24,182,106,.13)} .nova-now-card{min-height:138px;padding:16px;grid-template-columns:50px 1fr;gap:13px}.nova-now-icon{width:50px;height:50px;font-size:24px}.nova-now-card small{font-size:10px}.nova-now-card strong{font-size:16px}.nova-now-card p{font-size:13px;line-height:1.55} body.dark-mode .nova-now-subline{color:#c4d7e8}body.dark-mode .nova-now-refresh-state{background:#0d3152;border-color:#35648c;color:#9de5ff} body.dark-mode .nova-now-live-dot{background:#39df8b;box-shadow:0 0 0 4px rgba(57,223,139,.12)} body.dark-mode .nova-now-card{background:linear-gradient(145deg,#0b2948,#0d365d);border-color:#315b82} body.dark-mode .nova-now-card strong{color:#fff}body.dark-mode .nova-now-card p{color:#d5e4f1} .nova-impulse-card{align-items:flex-start;padding:22px 24px}.nova-impulse-card .nova-daily-icon{margin-top:2px}.nova-daily-copy{min-width:0;flex:1}.nova-daily-copy h3{font-size:22px;line-height:1.2;margin:6px 0 8px}.nova-daily-copy>p{font-size:14px;line-height:1.6;margin:7px 0}.nova-daily-copy>small{font-size:12px;line-height:1.5} .nova-impulse-meta{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}.nova-impulse-meta span{display:inline-flex;align-items:center;min-height:27px;padding:5px 9px;border:1px solid #d3e3f3;border-radius:999px;background:#f4f9ff;color:#155f9e;font-size:10px;font-weight:800;letter-spacing:.04em} body.dark-mode .nova-impulse-card{background:linear-gradient(145deg,#09243e,#0b3153);border-color:#315b80}body.dark-mode .nova-daily-copy h3{color:#fff}body.dark-mode .nova-daily-copy>p{color:#d8e7f4}body.dark-mode .nova-daily-copy>small{color:#a8c8e2} body.dark-mode .nova-impulse-meta span{background:#123a5f;border-color:#3c6e95;color:#9fe4ff} body.dark-mode .nova-impulse-actions .btn{border-color:#477498;color:#e9f6ff;background:#123654} body.dark-mode .nova-impulse-actions .btn:hover{background:#17466e;border-color:#6cb9ed} @media(max-width:760px){.nova-now-head{align-items:flex-start;flex-direction:column}.nova-now-refresh-state{align-self:flex-start}.nova-now-grid{grid-template-columns:1fr}.nova-now-card{min-height:auto}.nova-impulse-card{padding:18px}.daily-tip{min-height:160px}} @media(max-width:430px){.daily-tip{min-height:auto;padding:16px}.daily-tip p{font-size:13px}.nova-now-head h3{font-size:21px}.nova-now-card strong{font-size:15px}.nova-now-card p{font-size:13px}.nova-impulse-actions{grid-template-columns:1fr}.nova-impulse-actions .btn{width:100%}} /* V35.7 – NOVA Chess: Spielzeit & Brettdesigns */ .chess-theme-picker{margin-top:8px} .chess-theme-preview{display:grid;grid-template-columns:repeat(4,24px);gap:0;margin:6px 0 2px} .chess-theme-preview span{width:24px;height:24px} .chess-theme-preview span:nth-child(1),.chess-theme-preview span:nth-child(4){background:#e9d3a8} .chess-theme-preview span:nth-child(2),.chess-theme-preview span:nth-child(3){background:#815a3a} .chess-board[data-theme="wood"]{border-color:#5b3b27;background:#5b3b27;box-shadow:0 8px 22px rgba(64,40,22,.22)} .chess-board[data-theme="wood"] .chess-square.light{background:linear-gradient(135deg,#ead3a7,#d9b984)} .chess-board[data-theme="wood"] .chess-square.dark{background:linear-gradient(135deg,#8f6544,#6f4a32)} .chess-board[data-theme="classic"]{border-color:#183653;background:#183653} .chess-board[data-theme="classic"] .chess-square.light{background:#e7edf2} .chess-board[data-theme="classic"] .chess-square.dark{background:#537797} .chess-board[data-theme="green"]{border-color:#244b39;background:#244b39} .chess-board[data-theme="green"] .chess-square.light{background:#e7ecd9} .chess-board[data-theme="green"] .chess-square.dark{background:#63875c} .chess-board[data-theme="graphite"]{border-color:#191d23;background:#191d23} .chess-board[data-theme="graphite"] .chess-square.light{background:#c9cdd2} .chess-board[data-theme="graphite"] .chess-square.dark{background:#555c66} .chess-board[data-theme="sand"]{border-color:#6b5942;background:#6b5942} .chess-board[data-theme="sand"] .chess-square.light{background:#efe3c8} .chess-board[data-theme="sand"] .chess-square.dark{background:#a98c65} body.dark-mode .chess-board[data-theme="wood"]{border-color:#3c271b;box-shadow:0 10px 28px rgba(0,0,0,.35)} body.dark-mode .chess-board[data-theme="wood"] .chess-square.light{background:linear-gradient(135deg,#caa477,#ae8259)} body.dark-mode .chess-board[data-theme="wood"] .chess-square.dark{background:linear-gradient(135deg,#65432f,#493025)} body.dark-mode .chess-board[data-theme="classic"] .chess-square.light{background:#7594ad} body.dark-mode .chess-board[data-theme="classic"] .chess-square.dark{background:#294e6c} body.dark-mode .chess-board[data-theme="green"] .chess-square.light{background:#a8b89a} body.dark-mode .chess-board[data-theme="green"] .chess-square.dark{background:#355d46} body.dark-mode .chess-board[data-theme="graphite"] .chess-square.light{background:#8d949d} body.dark-mode .chess-board[data-theme="graphite"] .chess-square.dark{background:#272c33} body.dark-mode .chess-board[data-theme="sand"] .chess-square.light{background:#c4ad86} body.dark-mode .chess-board[data-theme="sand"] .chess-square.dark{background:#715d46} #chessRoundTime{font-variant-numeric:tabular-nums;letter-spacing:.04em} @media(max-width:700px){.chess-theme-preview{justify-content:start}.chess-theme-picker select{min-height:44px;font-size:16px}} /* ========================================================= V35.8 – Rezept des Tages ========================================================= */ .recipe-daily-card{ margin:18px 0 20px; padding:20px; border:1px solid #c9d9eb; border-radius:22px; background:linear-gradient(145deg,#ffffff 0%,#f3f8ff 68%,#eefaf3 100%); box-shadow:0 12px 28px rgba(20,74,125,.10); } .recipe-daily-head{display:flex;align-items:flex-start;gap:14px;position:relative} .recipe-daily-icon{width:52px;height:52px;display:grid;place-items:center;flex:0 0 52px;border-radius:16px;background:#eaf3ff;font-size:28px;border:1px solid #c8dcf5} .recipe-daily-kicker{display:block;margin-bottom:4px;font-size:12px;font-weight:900;letter-spacing:.08em;color:#1763b6} .recipe-daily-card h3{margin:0 0 5px;font-size:22px;line-height:1.22;color:#092441} .recipe-daily-card p{margin:0;color:#4d6680;font-size:14px;font-weight:700} .recipe-special-badge{margin-left:auto;white-space:nowrap;border-radius:999px;padding:7px 10px;background:#eaf8ee;color:#247743;border:1px solid #b9dfc5;font-size:12px;font-weight:900} .recipe-daily-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0 16px} .recipe-daily-grid>div{padding:14px 15px;border-radius:16px;background:rgba(255,255,255,.74);border:1px solid #d9e5f2} .recipe-daily-grid b{display:block;margin-bottom:8px;color:#102f4e} .recipe-daily-grid ul,.recipe-daily-grid ol{margin:0;padding-left:20px;color:#38536d;line-height:1.6;font-size:14px} .recipe-daily-open{display:inline-flex!important;align-items:center;justify-content:center;text-decoration:none!important;min-height:44px} .recipe-daily-note{display:block;margin-top:9px;color:#6e8194} .recipe-daily-card.is-nova-special{border-color:#9ed9b3;background:linear-gradient(145deg,#ffffff 0%,#eff9ff 55%,#ebf9ef 100%)} body.dark-mode .recipe-daily-card{ background:linear-gradient(145deg,#0c1c2f 0%,#102943 68%,#123127 100%); border-color:#385a78; box-shadow:0 14px 30px rgba(0,0,0,.28); } body.dark-mode .recipe-daily-icon{background:#132f4c;border-color:#3e6383} body.dark-mode .recipe-daily-kicker{color:#78c8ff} body.dark-mode .recipe-daily-card h3{color:#ffffff} body.dark-mode .recipe-daily-card p{color:#c8dff2} body.dark-mode .recipe-special-badge{background:#173c2c;color:#9ef0b9;border-color:#356e4b} body.dark-mode .recipe-daily-grid>div{background:rgba(8,24,40,.72);border-color:#35516d} body.dark-mode .recipe-daily-grid b{color:#f3f8ff} body.dark-mode .recipe-daily-grid ul, body.dark-mode .recipe-daily-grid ol{color:#d6e7f6} body.dark-mode .recipe-daily-note{color:#a9bfd3} body.dark-mode .recipe-daily-card.is-nova-special{border-color:#3f7655;background:linear-gradient(145deg,#0b1b2d 0%,#102942 55%,#123528 100%)} @media(max-width:650px){ .recipe-daily-card{padding:16px;border-radius:18px} .recipe-daily-head{gap:11px;flex-wrap:wrap} .recipe-daily-icon{width:46px;height:46px;flex-basis:46px;font-size:24px} .recipe-daily-card h3{font-size:20px} .recipe-special-badge{margin-left:57px;margin-top:-6px} .recipe-daily-grid{grid-template-columns:1fr;gap:10px;margin:14px 0} .recipe-daily-open{width:100%} } /* V35.9 – NOVA Angebote / marktguru integration */ .nova-offers-panel{margin:18px 0 20px;padding:18px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#fff,#f4f9ff);box-shadow:0 10px 30px rgba(30,76,124,.08)} .nova-offers-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px} .nova-offers-head h3{margin:3px 0 5px;font-size:22px;color:var(--ink)} .nova-offers-head p{margin:0;color:var(--muted);font-size:15px;line-height:1.5} .nova-offers-source{flex:0 0 auto;border:1px solid rgba(31,111,235,.22);background:#eef6ff;color:#155fa8;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800} .nova-offer-search{padding:14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.76)} .nova-offer-search label{display:block;font-weight:800;color:var(--ink);margin-bottom:8px} .nova-offer-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center} .nova-offer-search-row input{width:100%;min-height:46px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--ink);padding:0 14px;font:inherit;outline:none} .nova-offer-search-row input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(31,111,235,.12)} .nova-offer-search small{display:block;margin-top:8px;color:var(--muted)} .nova-offers-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px} .nova-offers-actions button{min-height:96px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);padding:12px;cursor:pointer;display:grid;gap:3px;text-align:left;transition:.18s ease} .nova-offers-actions button:hover{transform:translateY(-2px);border-color:var(--blue);box-shadow:0 10px 22px rgba(31,111,235,.11)} .nova-offers-actions span{font-size:24px}.nova-offers-actions b{font-size:14px}.nova-offers-actions small{color:var(--muted);font-size:12px} .nova-offers-cats{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px} .nova-offers-cats button{border:1px solid var(--line);border-radius:999px;background:#f8fbff;color:var(--ink);padding:9px 12px;font-weight:750;cursor:pointer} .nova-offers-cats button:hover{border-color:var(--blue);color:var(--blue)} .nova-offers-note{margin:12px 2px 0;color:var(--muted);font-size:12px;line-height:1.45} body.dark-mode .nova-offers-panel{background:linear-gradient(145deg,#142a3f,#0f2234);border-color:#35536d;box-shadow:0 12px 34px rgba(0,0,0,.22)} body.dark-mode .nova-offers-head h3,body.dark-mode .nova-offer-search label,body.dark-mode .nova-offers-actions b{color:#f5f9ff!important} body.dark-mode .nova-offers-head p,body.dark-mode .nova-offer-search small,body.dark-mode .nova-offers-actions small,body.dark-mode .nova-offers-note{color:#bed2e5!important} body.dark-mode .nova-offers-source{background:#173a58;border-color:#3d6d94;color:#9dd6ff} body.dark-mode .nova-offer-search{background:#10283c;border-color:#35536d} body.dark-mode .nova-offer-search-row input{background:#0c2031;border-color:#43627d;color:#f7fbff} body.dark-mode .nova-offer-search-row input::placeholder{color:#9db6ca} body.dark-mode .nova-offers-actions button,body.dark-mode .nova-offers-cats button{background:#10283c;border-color:#3a5972;color:#eef7ff} body.dark-mode .nova-offers-actions button:hover,body.dark-mode .nova-offers-cats button:hover{background:#173a58;border-color:#64b9ff;color:#9ed8ff} @media(max-width:680px){.nova-offers-head{display:block}.nova-offers-source{display:inline-block;margin-top:9px}.nova-offer-search-row{grid-template-columns:1fr}.nova-offer-search-row .btn{width:100%;min-height:46px}.nova-offers-actions{grid-template-columns:1fr}.nova-offers-actions button{min-height:74px}.nova-offers-cats{display:grid;grid-template-columns:1fr 1fr}.nova-offers-cats button{border-radius:13px;text-align:left}} @media(max-width:390px){.nova-offers-panel{padding:14px}.nova-offers-cats{grid-template-columns:1fr}} /* V36.0 – Rechner & Tools */ .nova-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.nova-tool-panel,.password-tool{border:1px solid var(--border);border-radius:18px;background:var(--panel,#fff);padding:18px}.nova-tool-kicker{font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--accent,#0b76ff)}.nova-tool-display{font-variant-numeric:tabular-nums;font-size:clamp(32px,5vw,54px);font-weight:800;letter-spacing:.04em;text-align:center;padding:20px 8px;margin:10px 0 16px;border-radius:16px;background:rgba(40,130,255,.08);color:var(--text,#10233d)}.nova-tool-actions{display:flex;flex-wrap:wrap;gap:9px}.nova-lap-list{margin-top:14px;display:grid;gap:7px;max-height:180px;overflow:auto}.nova-lap-list>div{display:flex;justify-content:space-between;gap:12px;padding:9px 11px;border-radius:10px;background:rgba(90,120,160,.08)}.password-output-row{display:grid;grid-template-columns:1fr auto;gap:10px}.password-output{width:100%;font:700 20px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.03em}.password-length{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin:20px 0 12px}.password-length input{grid-column:1/-1;width:100%}.password-options{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin:14px 0}.password-options label{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--border);border-radius:12px}.password-strength{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin:16px 0}.password-strength>div{height:10px;border-radius:999px;background:rgba(100,120,150,.18);overflow:hidden}.password-strength span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#31b46d,#11a5d9);transition:width .2s ease}.password-generate{width:100%}.tool-security-note{margin:12px 0 0;color:var(--muted);font-size:13px}.dark-mode .nova-tool-panel,.dark-mode .password-tool{background:#142e46;border-color:#41637f}.dark-mode .nova-tool-display{background:#0d253a;color:#f4fbff;border:1px solid #355b78}.dark-mode .nova-lap-list>div,.dark-mode .password-options label{background:#10283e;border-color:#365b78;color:#eef8ff}.dark-mode .password-output{background:#0d253a!important;color:#f6fbff!important;border-color:#456b88!important}.dark-mode .tool-security-note{color:#c4d9e9}.dark-mode .password-strength>div{background:#0b2032} @media(max-width:720px){.nova-tool-grid{grid-template-columns:1fr}.nova-tool-panel,.password-tool{padding:14px}.nova-tool-actions .btn{flex:1 1 calc(50% - 9px);min-height:46px}.password-output-row{grid-template-columns:1fr}.password-output-row .btn{width:100%}.password-options{grid-template-columns:1fr}.calculator-top-tabs button{min-height:44px}} /* V36.1 · NOVA Apotheken – Hauptort-gebunden */ .nova-pharmacy-panel{margin:18px 0 20px;padding:18px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#fff,#f4fbf8);box-shadow:0 10px 30px rgba(24,112,80,.08)} .nova-pharmacy-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px} .nova-pharmacy-head h3{margin:3px 0 5px;font-size:22px;color:var(--ink)} .nova-pharmacy-head p{margin:0;color:var(--muted);font-size:15px;line-height:1.5;max-width:620px} .nova-pharmacy-place{flex:0 0 auto;border:1px solid rgba(24,145,94,.22);background:#edf9f3;color:#0c7a4a;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800} .nova-pharmacy-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .nova-pharmacy-actions button{min-height:96px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);padding:12px;cursor:pointer;display:grid;grid-template-columns:auto 1fr;column-gap:10px;row-gap:3px;text-align:left;align-items:center;transition:.18s ease} .nova-pharmacy-actions button:hover{transform:translateY(-2px);border-color:#28a06a;box-shadow:0 10px 22px rgba(24,145,94,.12)} .nova-pharmacy-actions span{font-size:25px;grid-row:1/3}.nova-pharmacy-actions b{font-size:15px}.nova-pharmacy-actions small{color:var(--muted);font-size:12px;line-height:1.35} .nova-pharmacy-note{margin-top:12px;padding:11px 12px;border-radius:14px;background:#f1f7fb;border:1px solid var(--line);display:grid;gap:3px} .nova-pharmacy-note b{font-size:13px;color:var(--ink)}.nova-pharmacy-note span{font-size:12px;line-height:1.45;color:var(--muted)} .pharmacy-fallback-grid{margin-top:14px} body.dark-mode .nova-pharmacy-panel{background:linear-gradient(145deg,#122b25,#0e2231);border-color:#355b55;box-shadow:0 12px 34px rgba(0,0,0,.22)} body.dark-mode .nova-pharmacy-head h3,body.dark-mode .nova-pharmacy-actions b,body.dark-mode .nova-pharmacy-note b{color:#f5fbff!important} body.dark-mode .nova-pharmacy-head p,body.dark-mode .nova-pharmacy-actions small,body.dark-mode .nova-pharmacy-note span{color:#c1d8e4!important} body.dark-mode .nova-pharmacy-place{background:#153c32;border-color:#367a65;color:#8fe8c3} body.dark-mode .nova-pharmacy-actions button{background:#102a31;border-color:#3b5e63;color:#eefaff} body.dark-mode .nova-pharmacy-actions button:hover{background:#153b3a;border-color:#64d4a7;box-shadow:0 10px 24px rgba(0,0,0,.2)} body.dark-mode .nova-pharmacy-note{background:#10283a;border-color:#35536d} @media(max-width:680px){.nova-pharmacy-head{display:block}.nova-pharmacy-place{display:inline-block;margin-top:9px}.nova-pharmacy-actions{grid-template-columns:1fr}.nova-pharmacy-actions button{min-height:76px}.nova-pharmacy-panel{padding:15px}} @media(max-width:390px){.nova-pharmacy-panel{padding:13px}.nova-pharmacy-head h3{font-size:20px}.nova-pharmacy-actions button{min-height:72px;padding:11px}} /* V36.2 · Welt aktuell mit Live-Vorschau */ .world-preview-edition{display:grid;gap:14px} .world-current-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px} .world-current-hero h2{margin-bottom:8px!important} .world-live-badge{display:flex;align-items:center;gap:9px;flex:0 0 auto;padding:9px 12px;border:1px solid #cde9d9;border-radius:14px;background:#f2fbf6;color:#174c35} .world-live-badge i{width:10px;height:10px;border-radius:50%;background:#35c66b;box-shadow:0 0 0 5px rgba(53,198,107,.13)} .world-live-badge b,.world-live-badge small{display:block}.world-live-badge b{font-size:12px}.world-live-badge small{font-size:10px;color:#4b765f} .world-current-filter{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center} .world-preview-output{min-height:280px;padding:18px} .world-preview-loading,.world-preview-fallback,.world-preview-empty{min-height:220px;display:flex;align-items:center;justify-content:center;gap:15px;text-align:left;border:1px dashed #c8d9e8;border-radius:16px;background:#fff;padding:20px} .world-preview-loading>div,.world-preview-fallback>div,.world-preview-empty>div{display:grid;gap:4px;flex:1} .world-preview-loading small,.world-preview-fallback p,.world-preview-fallback small,.world-preview-empty p{margin:0;color:var(--muted)} .world-news-spinner{width:28px;height:28px;border-radius:50%;border:3px solid #dbe9f7;border-top-color:var(--blue);animation:novaNewsSpin .8s linear infinite;flex:0 0 auto} @keyframes novaNewsSpin{to{transform:rotate(360deg)}} .world-preview-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:14px} .world-preview-head h3{margin:3px 0 5px;font-size:22px}.world-preview-head p{margin:0;color:var(--muted);line-height:1.45} .world-preview-meta{display:grid;gap:5px;justify-items:end;flex:0 0 auto}.world-preview-meta span{font-size:11px;font-weight:850;color:#187847;background:#eaf8ef;border:1px solid #cde8d7;border-radius:999px;padding:6px 9px}.world-preview-meta small{color:var(--muted)} .world-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px} .world-preview-card{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:0 8px 22px rgba(25,73,120,.06);transition:.18s ease} .world-preview-card:hover{transform:translateY(-3px);border-color:#7ab7f2;box-shadow:0 14px 30px rgba(25,73,120,.12)} .world-preview-index{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font:800 12px/1 Space Grotesk;background:linear-gradient(135deg,#e8f3ff,#ecfff3);color:#1763b8} .world-preview-copy{min-width:0}.world-preview-source{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.world-preview-source b{font-size:11px;color:#35617f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.world-preview-source span{font-size:10px;color:var(--muted);white-space:nowrap} .world-preview-card h4{margin:0 0 7px;font-size:15px;line-height:1.35;color:var(--ink)}.world-preview-card p{margin:0 0 8px;color:var(--muted);font-size:12px;line-height:1.45}.world-preview-card small{color:var(--blue);font-weight:800} .world-preview-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:13px;border-top:1px solid var(--line)}.world-preview-footer>span{font-size:11px;color:var(--muted);line-height:1.4} body.dark-mode .world-live-badge{background:#14392c;border-color:#2f694e;color:#d9f7e7} body.dark-mode .world-live-badge small{color:#a9d8bf} body.dark-mode .world-preview-output{background:#10283c;border-color:#35536d} body.dark-mode .world-preview-loading,body.dark-mode .world-preview-fallback,body.dark-mode .world-preview-empty{background:#10283c;border-color:#42617b;color:#f5fbff} body.dark-mode .world-preview-loading small,body.dark-mode .world-preview-fallback p,body.dark-mode .world-preview-fallback small,body.dark-mode .world-preview-empty p{color:#c3d8e9} body.dark-mode .world-preview-head h3{color:#fff} body.dark-mode .world-preview-head p,body.dark-mode .world-preview-meta small{color:#bdd1e2} body.dark-mode .world-preview-card{background:#142e46;border-color:#3d5f7b;color:#f5faff;box-shadow:0 8px 22px rgba(0,0,0,.16)} body.dark-mode .world-preview-card:hover{background:#173752;border-color:#70bfff} body.dark-mode .world-preview-index{background:linear-gradient(135deg,#173d60,#174934);color:#9bd3ff} body.dark-mode .world-preview-source b{color:#9ed4fa}body.dark-mode .world-preview-source span{color:#afc7da} body.dark-mode .world-preview-card h4{color:#fff}body.dark-mode .world-preview-card p{color:#c6daea}body.dark-mode .world-preview-card small{color:#87caff} body.dark-mode .world-preview-footer{border-color:#35536d}body.dark-mode .world-preview-footer>span{color:#afc8da} @media(max-width:760px){ .world-current-hero{display:block}.world-live-badge{display:inline-flex;margin-top:6px} .world-current-filter{grid-template-columns:1fr 1fr}.world-current-filter input{grid-column:1/-1} .world-preview-grid{grid-template-columns:1fr} .world-preview-head{display:block}.world-preview-meta{justify-items:start;margin-top:9px} .world-preview-footer{align-items:stretch;flex-direction:column}.world-preview-footer .btn{width:100%} .world-preview-fallback,.world-preview-empty{align-items:flex-start;flex-direction:column}.world-preview-fallback .btn,.world-preview-empty .btn{width:100%} } @media(max-width:430px){ .world-current-filter{grid-template-columns:1fr}.world-current-filter input{grid-column:auto} .world-current-filter .btn{width:100%} .world-preview-output{padding:12px}.world-preview-card{grid-template-columns:32px minmax(0,1fr);padding:12px}.world-preview-index{width:32px;height:32px} } /* V36.2.1 · Welt aktuell – kompakte Länderwahl + News-Links */ .world-featured-countries{margin:2px 0 6px;padding:15px;border:1px solid #d7e4f1;border-radius:17px;background:linear-gradient(135deg,#fbfdff,#f5f9ff)} .world-featured-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px} .world-featured-grid .world-country-chip{width:100%;min-width:0;justify-content:flex-start;overflow:hidden} .world-featured-grid .world-country-chip b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .world-country-select-row{margin-top:11px;padding-top:11px;border-top:1px solid #dce7f1} .world-country-select-row label{display:grid;grid-template-columns:auto minmax(220px,1fr);align-items:center;gap:12px;font-size:12px;font-weight:800;color:#173653} .world-country-select-row select{width:100%;min-height:44px;border:1px solid #c9d8e7;border-radius:11px;padding:0 12px;background:#fff;color:#102747;font:inherit} .world-news-links{margin-top:2px;padding:16px;border:1px solid #d9e5f0;border-radius:17px;background:linear-gradient(145deg,#fff,#f8fbff)} .world-news-links-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:12px} .world-news-links-head h3{margin:4px 0 0;font-size:18px} .world-news-links-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px} .world-news-links-grid a{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:48px;padding:9px 11px;border:1px solid #dbe5ef;border-radius:12px;background:#fff;color:#102747;text-decoration:none;transition:.18s} .world-news-links-grid a:hover{transform:translateY(-2px);border-color:#75aff0;box-shadow:0 9px 20px rgba(28,79,130,.09)} .world-news-links-grid a span{font-size:19px}.world-news-links-grid a b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.world-news-links-grid a i{font-style:normal;color:#2671ce} body.dark-mode .world-featured-countries{background:linear-gradient(135deg,#0b1f35,#0a1728);border-color:#294760} body.dark-mode .world-country-select-row{border-color:#294760}body.dark-mode .world-country-select-row label{color:#e8f4ff} body.dark-mode .world-country-select-row select{background:#0e2942;border-color:#3b5c77;color:#fff} body.dark-mode .world-news-links{background:linear-gradient(145deg,#10283d,#0c1e30);border-color:#35536d} body.dark-mode .world-news-links-head h3{color:#fff} body.dark-mode .world-news-links-grid a{background:#153149;border-color:#3a5d78;color:#f4f9ff} body.dark-mode .world-news-links-grid a:hover{background:#183a56;border-color:#70bfff} body.dark-mode .world-news-links-grid a i{color:#8bcaff} @media(max-width:980px){.world-featured-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.world-news-links-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:650px){.world-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.world-country-select-row label{grid-template-columns:1fr}.world-news-links-head{align-items:stretch;flex-direction:column}.world-news-links-head .btn{width:100%}.world-news-links-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:390px){.world-featured-grid,.world-news-links-grid{grid-template-columns:1fr}} /* V36.2.4 · NOVA NOW manual refresh */ .nova-now-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end} .nova-now-refresh-btn{min-width:112px} @media(max-width:700px){ .nova-now-head-actions{justify-content:flex-start;width:100%} .nova-now-refresh-btn{min-height:42px} } /* V36.3 · NOVA Events */ .nova-events-module{display:grid;gap:18px} .nova-events-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:20px} .nova-events-hero h2{margin-bottom:7px!important} .nova-events-place{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #cfe0ee;border-radius:15px;background:linear-gradient(135deg,#eef8ff,#f6fff3);min-width:180px} .nova-events-place>span{font-size:25px}.nova-events-place small,.nova-events-place b{display:block}.nova-events-place small{font-size:9px;color:var(--muted);letter-spacing:1px}.nova-events-place b{margin-top:2px} .nova-events-today-card{display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;padding:18px;border-radius:18px;border:1px solid #a8d2f0;background:linear-gradient(135deg,#eff8ff,#f5fff0);box-shadow:0 12px 28px rgba(24,82,135,.08)} .nova-events-today-icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;font-size:30px;background:#fff;border:1px solid #d6e7f5} .nova-events-today-copy small{font-size:10px;font-weight:850;color:var(--blue);letter-spacing:1px}.nova-events-today-copy h3{margin:4px 0 5px}.nova-events-today-copy p{margin:0;color:var(--muted)} .nova-events-today-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end} .nova-events-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:11px}.nova-events-section-head small{font-size:10px;font-weight:850;color:var(--blue);letter-spacing:1px}.nova-events-section-head h3{margin:4px 0 0}.nova-events-section-head>span{font-size:11px;color:var(--muted);font-weight:800} .nova-events-period-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px} .nova-events-period-tabs button{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:14px;padding:11px 8px;display:grid;place-items:center;gap:4px;cursor:pointer;font-weight:800} .nova-events-period-tabs button span{font-size:21px}.nova-events-period-tabs button.active,.nova-events-period-tabs button:hover{background:linear-gradient(135deg,#2459ff,#1eced3);border-color:transparent;color:#fff} .nova-events-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px} .nova-event-card{border:1px solid var(--line);border-radius:17px;background:#fff;padding:15px;display:flex;flex-direction:column;min-height:178px;box-shadow:0 8px 22px rgba(29,75,121,.06)} .nova-event-card:hover{transform:translateY(-3px);border-color:#77b8ee;box-shadow:0 13px 27px rgba(29,75,121,.11)} .nova-event-icon{font-size:28px}.nova-event-card h4{margin:8px 0 4px;font-size:16px}.nova-event-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.45;flex:1} .nova-event-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:11px}.nova-event-actions a{font-size:11px;font-weight:850;color:var(--blue);text-decoration:none}.nova-event-actions a:hover{text-decoration:underline} .nova-events-portal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .nova-event-portal{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px;color:var(--ink);text-decoration:none}.nova-event-portal>span{font-size:24px}.nova-event-portal b,.nova-event-portal small{display:block}.nova-event-portal small{margin-top:2px;color:var(--muted)}.nova-event-portal em{font-style:normal;color:var(--blue);font-weight:900} .nova-events-quicklinks{display:grid;gap:11px}.nova-events-quicklinks>div:first-child small{font-size:10px;font-weight:850;color:var(--blue);letter-spacing:1px}.nova-events-quicklinks h3{margin:4px 0 0} .nova-events-quickgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.nova-events-quickgrid a{border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#fff,#f7fbff);padding:14px;color:var(--ink);text-decoration:none;display:grid;gap:4px}.nova-events-quickgrid span{font-size:24px}.nova-events-quickgrid b{font-size:14px}.nova-events-quickgrid small{color:var(--muted);line-height:1.35} .nova-events-note{display:flex;gap:10px;padding:13px 14px;border-radius:14px;background:#f4f8fc;border:1px solid var(--line)}.nova-events-note p{margin:0;color:var(--muted);font-size:11px;line-height:1.5} body.dark-mode .nova-events-place{background:#17364c;border-color:#4f7089;color:#fff}body.dark-mode .nova-events-place small{color:#b9cfdf} body.dark-mode .nova-events-today-card{background:linear-gradient(135deg,#17374f,#183f36);border-color:#527b96;color:#fff}.dark-mode .nova-events-today-icon{background:#123047;border-color:#52748f} body.dark-mode .nova-events-today-copy p,body.dark-mode .nova-events-section-head>span{color:#c2d6e5} body.dark-mode .nova-events-period-tabs button{background:#17364f;border-color:#4f7089;color:#edf7ff}body.dark-mode .nova-events-period-tabs button.active,body.dark-mode .nova-events-period-tabs button:hover{background:linear-gradient(135deg,#2863ff,#1fbfd0);color:#fff} body.dark-mode .nova-event-card,body.dark-mode .nova-event-portal,body.dark-mode .nova-events-quickgrid a{background:#17364f;border-color:#4f7089;color:#f4f9ff} body.dark-mode .nova-event-card p,body.dark-mode .nova-event-portal small,body.dark-mode .nova-events-quickgrid small{color:#bfd3e2} body.dark-mode .nova-event-actions a,body.dark-mode .nova-event-portal em{color:#84c9ff} body.dark-mode .nova-events-note{background:#132f45;border-color:#4f7089}body.dark-mode .nova-events-note p{color:#c1d5e4} @media(max-width:760px){ .nova-events-hero{display:block}.nova-events-place{margin-top:10px;width:max-content;max-width:100%} .nova-events-today-card{grid-template-columns:auto 1fr}.nova-events-today-actions{grid-column:1/-1;justify-content:stretch}.nova-events-today-actions .btn{flex:1} .nova-events-period-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.nova-events-period-tabs button:last-child{grid-column:1/-1} .nova-events-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .nova-events-portal-grid{grid-template-columns:1fr} .nova-events-quickgrid{grid-template-columns:1fr} } @media(max-width:430px){ .nova-events-category-grid{grid-template-columns:1fr} .nova-event-card{min-height:0} .nova-events-today-card{grid-template-columns:1fr}.nova-events-today-icon{width:50px;height:50px} } /* V36.4 · Wetter Aktualisierung */ .weather-title-actions{display:flex;align-items:center;gap:7px} .weather-refresh-btn{ width:36px;height:36px;border:1px solid #c9d9e8;border-radius:11px; background:#fff;color:#1466e8;font-size:20px;font-weight:800;cursor:pointer; display:grid;place-items:center;transition:.18s ease; } .weather-refresh-btn:hover{transform:translateY(-1px);border-color:#79b7f4;background:#f3f8ff} .weather-main-refresh{white-space:nowrap} .weather-refresh-btn.is-refreshing{animation:novaWeatherSpin .8s linear infinite} .weather-main-refresh.is-refreshing{opacity:.72} @keyframes novaWeatherSpin{to{transform:rotate(360deg)}} body.dark-mode .weather-refresh-btn{background:#17364f;border-color:#4f7089;color:#8fd0ff} body.dark-mode .weather-refresh-btn:hover{background:#1d4563;border-color:#70bfff} @media(max-width:650px){ .weather-title-actions{gap:5px} .weather-refresh-btn{width:34px;height:34px} .weather-main-refresh{width:100%;margin-top:8px} } /* V36.5 · NOVA AI dashboard-aware chat */ .nova-dashboard-route-message{margin:10px 0} .nova-route-reply{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line);border-radius:15px;background:#f7fbff} .nova-route-reply>span{font-size:22px;color:var(--blue)} .nova-route-reply b{display:block}.nova-route-reply p{margin:4px 0 10px;color:var(--muted);line-height:1.4} body.dark-mode .nova-route-reply{background:#16344c;border-color:#4d6d86;color:#f5faff} body.dark-mode .nova-route-reply p{color:#bfd2e2} /* V36.6 · NOVA Hotels */ .nova-hotel-panel{display:grid;gap:14px;margin:14px 0 18px;padding:17px;border:1px solid #bcd9ee;border-radius:18px;background:linear-gradient(135deg,#f3f9ff,#f8fff4)} .nova-hotel-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.nova-hotel-head h3{margin:4px 0}.nova-hotel-head p{margin:0;color:var(--muted)}.nova-hotel-place{font-size:11px;font-weight:800;color:var(--blue);background:#fff;border:1px solid #d6e5f1;border-radius:999px;padding:8px 10px;white-space:nowrap} .nova-hotel-searchbox{padding:13px;border:1px solid #d8e6f1;border-radius:15px;background:#fff}.nova-hotel-search-grid{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:9px;align-items:end}.nova-hotel-search-grid label{display:grid;gap:5px}.nova-hotel-search-grid label span{font-size:10px;font-weight:800;color:#31536f}.nova-hotel-search-grid input,.nova-hotel-search-grid select{min-height:44px;border:1px solid #c8d8e6;border-radius:11px;background:#fff;color:var(--ink);padding:0 10px}.nova-hotel-searchbox>small{display:block;margin-top:8px;color:var(--muted)} .nova-hotel-portals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.nova-hotel-portals button{min-height:92px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);padding:11px;display:grid;grid-template-columns:32px 1fr;column-gap:8px;text-align:left;align-items:center;cursor:pointer}.nova-hotel-portals button>span{grid-row:1/3;font-size:23px}.nova-hotel-portals b,.nova-hotel-portals small{display:block}.nova-hotel-portals small{color:var(--muted);font-size:10px} .nova-hotel-extra{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.nova-hotel-extra button{border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);padding:10px;display:grid;gap:3px;place-items:center;cursor:pointer}.nova-hotel-extra button span{font-size:22px}.nova-hotel-extra button b{font-size:11px} .nova-hotel-note{display:flex;gap:9px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:#eef6fc;color:var(--muted);font-size:11px}.nova-hotel-note b{color:var(--ink);white-space:nowrap} body.dark-mode .nova-hotel-panel{background:linear-gradient(135deg,#17374f,#183f36);border-color:#527b96;color:#fff}body.dark-mode .nova-hotel-head p{color:#c4d8e7}body.dark-mode .nova-hotel-place{background:#123047;border-color:#4f7089;color:#8fd0ff} body.dark-mode .nova-hotel-searchbox,body.dark-mode .nova-hotel-portals button,body.dark-mode .nova-hotel-extra button{background:#17364f;border-color:#4f7089;color:#f5faff}body.dark-mode .nova-hotel-search-grid label span{color:#c8dced}body.dark-mode .nova-hotel-search-grid input,body.dark-mode .nova-hotel-search-grid select{background:#10283c;border-color:#4f7089;color:#fff}body.dark-mode .nova-hotel-searchbox>small,body.dark-mode .nova-hotel-portals small{color:#bfd3e2}body.dark-mode .nova-hotel-note{background:#132f45;color:#c1d5e4}body.dark-mode .nova-hotel-note b{color:#fff} @media(max-width:760px){.nova-hotel-head{display:block}.nova-hotel-place{display:inline-block;margin-top:9px}.nova-hotel-search-grid{grid-template-columns:1fr 1fr}.nova-hotel-search-grid .btn{grid-column:1/-1}.nova-hotel-portals{grid-template-columns:repeat(2,minmax(0,1fr))}.nova-hotel-extra{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:430px){.nova-hotel-search-grid,.nova-hotel-portals{grid-template-columns:1fr}} /* V36.7 · NOVA E-Charge */ .nova-charge-panel{display:grid;gap:14px;margin:14px 0 18px;padding:17px;border:1px solid #b9dbee;border-radius:18px;background:linear-gradient(135deg,#f1f9ff,#f4fff3)} .nova-charge-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.nova-charge-head h3{margin:4px 0}.nova-charge-head p{margin:0;color:var(--muted);line-height:1.45}.nova-charge-place{font-size:11px;font-weight:800;color:var(--blue);background:#fff;border:1px solid #d6e5f1;border-radius:999px;padding:8px 10px;white-space:nowrap} .nova-charge-status{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid #cce5d4;border-radius:14px;background:#f2fbf5}.nova-charge-status>div{display:flex;align-items:center;gap:9px}.nova-charge-status b,.nova-charge-status small{display:block}.nova-charge-status small{color:var(--muted);margin-top:2px}.nova-charge-live-dot{width:11px;height:11px;border-radius:50%;background:#32c66b;box-shadow:0 0 0 5px rgba(50,198,107,.13)} .nova-charge-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.nova-charge-quick button,.nova-charge-providers button{border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);padding:11px;cursor:pointer;text-align:left}.nova-charge-quick button{display:grid;gap:3px}.nova-charge-quick button>span{font-size:24px}.nova-charge-quick b,.nova-charge-quick small,.nova-charge-providers b,.nova-charge-providers small{display:block}.nova-charge-quick small,.nova-charge-providers small{color:var(--muted);font-size:10px} .nova-charge-provider-head{display:flex;justify-content:space-between;align-items:end;gap:10px}.nova-charge-provider-head small{font-size:10px;font-weight:850;color:var(--blue);letter-spacing:1px}.nova-charge-provider-head h4{margin:4px 0 0}.nova-charge-provider-head>span{font-size:10px;color:var(--muted)} .nova-charge-providers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.nova-charge-providers button{display:grid;grid-template-columns:30px 1fr;column-gap:7px;align-items:center;min-height:76px}.nova-charge-providers button>span{grid-row:1/3;font-size:21px} .nova-charge-checks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.nova-charge-checks>div{padding:10px;border-radius:12px;border:1px solid #d9e7f1;background:#fff;display:grid;gap:3px}.nova-charge-checks span{font-size:20px}.nova-charge-checks b{font-size:11px}.nova-charge-checks small{font-size:9px;color:var(--muted);line-height:1.35} .nova-charge-note{display:flex;gap:9px;align-items:flex-start;padding:11px 12px;border-radius:12px;background:#eef6fc;color:var(--muted);font-size:11px;line-height:1.45}.nova-charge-note b{color:var(--ink);white-space:nowrap} body.dark-mode .nova-charge-panel{background:linear-gradient(135deg,#17374f,#173d35);border-color:#527b96;color:#fff}body.dark-mode .nova-charge-head p{color:#c4d8e7}body.dark-mode .nova-charge-place{background:#123047;border-color:#4f7089;color:#8fd0ff} body.dark-mode .nova-charge-status{background:#163b2d;border-color:#3f7256;color:#fff}body.dark-mode .nova-charge-status small{color:#bcd7c7} body.dark-mode .nova-charge-quick button,body.dark-mode .nova-charge-providers button,body.dark-mode .nova-charge-checks>div{background:#17364f;border-color:#4f7089;color:#f5faff}body.dark-mode .nova-charge-quick small,body.dark-mode .nova-charge-providers small,body.dark-mode .nova-charge-checks small{color:#bfd3e2} body.dark-mode .nova-charge-provider-head>span{color:#bfd3e2}body.dark-mode .nova-charge-note{background:#132f45;color:#c1d5e4}body.dark-mode .nova-charge-note b{color:#fff} @media(max-width:850px){.nova-charge-providers{grid-template-columns:repeat(3,minmax(0,1fr))}.nova-charge-quick,.nova-charge-checks{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:620px){.nova-charge-head,.nova-charge-status{display:block}.nova-charge-place{display:inline-block;margin-top:9px}.nova-charge-status .btn{width:100%;margin-top:10px}.nova-charge-providers{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:420px){.nova-charge-providers,.nova-charge-quick,.nova-charge-checks{grid-template-columns:1fr}} /* V36.9 · NOVA Jobs */ .nova-jobs-module{display:grid;gap:18px} .nova-jobs-hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-start} .nova-jobs-hero h2{margin-bottom:7px!important} .nova-jobs-place{display:flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid #cfe0ee;border-radius:15px;background:linear-gradient(135deg,#eef8ff,#f6fff3);min-width:180px} .nova-jobs-place>span{font-size:24px}.nova-jobs-place small,.nova-jobs-place b{display:block}.nova-jobs-place small{font-size:9px;color:var(--muted);letter-spacing:1px}.nova-jobs-hero-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:210px}.nova-jobs-write-link{display:flex!important;align-items:center;justify-content:center;text-decoration:none!important;text-align:center;white-space:nowrap;box-shadow:0 8px 22px rgba(9,111,204,.16)} .nova-jobs-search{padding:17px;border:1px solid #bcd9ee;border-radius:18px;background:linear-gradient(135deg,#f2f9ff,#f7fff4)} .nova-jobs-search-head,.nova-jobs-section-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:11px} .nova-jobs-search-head small,.nova-jobs-section-head small{font-size:10px;font-weight:850;color:var(--blue);letter-spacing:1px}.nova-jobs-search-head h3,.nova-jobs-section-head h3{margin:4px 0 0}.nova-jobs-search-head>span,.nova-jobs-section-head>span{font-size:10px;color:var(--muted)} .nova-jobs-search-grid{display:grid;grid-template-columns:1.35fr 1fr .62fr .8fr 1fr auto;gap:9px;align-items:end}.nova-jobs-search-grid label{display:grid;gap:5px}.nova-jobs-search-grid label>span{font-size:10px;font-weight:800;color:#31536f}.nova-jobs-search-grid input,.nova-jobs-search-grid select{min-height:45px;border:1px solid #c8d8e6;border-radius:11px;background:#fff;color:var(--ink);padding:0 10px}.nova-jobs-search-grid input[list],.nova-transition-input-grid input[list]{padding-right:30px}.nova-jobs-search-grid input::placeholder,.nova-transition-input-grid input::placeholder{color:#70869a;opacity:1} .nova-jobs-summary{margin-top:10px;padding:10px 12px;border:1px solid #dbe7f0;border-radius:12px;background:#fff;color:var(--muted);font-size:12px}.nova-jobs-summary b{color:var(--ink)} .nova-jobs-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.nova-jobs-type-grid button{min-height:100px;border:1px solid var(--line);border-radius:15px;background:#fff;color:var(--ink);padding:12px;display:grid;place-items:center;gap:3px;cursor:pointer}.nova-jobs-type-grid button span{font-size:26px}.nova-jobs-type-grid button b{font-size:12px}.nova-jobs-type-grid button small{font-size:10px;color:var(--muted)} .nova-jobs-model-grid{display:flex;gap:8px;flex-wrap:wrap}.nova-jobs-model-grid button{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:9px 12px;font-weight:750;cursor:pointer}.nova-jobs-model-grid button:hover{border-color:#77b8ee;color:var(--blue)} .nova-jobs-portal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.nova-jobs-portal-grid button{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:9px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);padding:12px;text-align:left;cursor:pointer}.nova-jobs-portal-grid button>span{font-size:23px}.nova-jobs-portal-grid b,.nova-jobs-portal-grid small{display:block}.nova-jobs-portal-grid small{color:var(--muted);margin-top:2px}.nova-jobs-portal-grid em{font-style:normal;color:var(--blue);font-weight:900} .nova-jobs-tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.nova-jobs-tools-grid a{border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#fff,#f7fbff);color:var(--ink);padding:12px;text-decoration:none;display:grid;gap:3px}.nova-jobs-tools-grid span{font-size:23px}.nova-jobs-tools-grid b{font-size:12px}.nova-jobs-tools-grid small{font-size:10px;color:var(--muted)} .nova-jobs-note{display:flex;gap:9px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#f4f8fc}.nova-jobs-note p{margin:0;color:var(--muted);font-size:11px;line-height:1.45} body.dark-mode .nova-jobs-place{background:#17364c;border-color:#4f7089;color:#fff}body.dark-mode .nova-jobs-place small{color:#b9cfdf} body.dark-mode .nova-jobs-search{background:linear-gradient(135deg,#17374f,#183f36);border-color:#527b96;color:#fff}body.dark-mode .nova-jobs-search-head>span,body.dark-mode .nova-jobs-section-head>span{color:#c2d6e5}body.dark-mode .nova-jobs-search-grid label>span{color:#c8dced}body.dark-mode .nova-jobs-search-grid input,body.dark-mode .nova-jobs-search-grid select{background:#10283c;border-color:#4f7089;color:#fff} body.dark-mode .nova-jobs-summary,body.dark-mode .nova-jobs-type-grid button,body.dark-mode .nova-jobs-model-grid button,body.dark-mode .nova-jobs-portal-grid button,body.dark-mode .nova-jobs-tools-grid a{background:#17364f;border-color:#4f7089;color:#f5faff}body.dark-mode .nova-jobs-summary{color:#c4d7e7}body.dark-mode .nova-jobs-summary b{color:#fff}body.dark-mode .nova-jobs-type-grid button small,body.dark-mode .nova-jobs-portal-grid small,body.dark-mode .nova-jobs-tools-grid small{color:#bfd3e2} body.dark-mode .nova-jobs-note{background:#132f45;border-color:#4f7089}body.dark-mode .nova-jobs-note p{color:#c1d5e4} @media(max-width:900px){.nova-jobs-search-grid{grid-template-columns:1fr 1fr}.nova-jobs-search-grid .btn{grid-column:1/-1}.nova-jobs-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:700px){.nova-jobs-hero{display:block}.nova-jobs-hero-actions{margin-top:10px;width:100%;min-width:0}.nova-jobs-place{width:max-content;max-width:100%}.nova-jobs-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nova-jobs-portal-grid{grid-template-columns:1fr}} @media(max-width:430px){.nova-jobs-search-grid,.nova-jobs-type-grid,.nova-jobs-tools-grid{grid-template-columns:1fr}} /* V37.0 · NOVA Kino */ .nova-cinema-panel{display:grid;gap:14px;margin:14px 0 18px;padding:17px;border:1px solid #bdd9ee;border-radius:18px;background:linear-gradient(135deg,#f3f9ff,#fbf7ff)} .nova-cinema-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.nova-cinema-head h3{margin:4px 0}.nova-cinema-head p{margin:0;color:var(--muted);line-height:1.45}.nova-cinema-place{font-size:11px;font-weight:800;color:var(--blue);background:#fff;border:1px solid #d6e5f1;border-radius:999px;padding:8px 10px;white-space:nowrap} .nova-cinema-feature{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid #d8e4ef;border-radius:15px;background:#fff}.nova-cinema-feature>div{display:flex;gap:11px;align-items:center}.nova-cinema-feature>div>span{font-size:30px}.nova-cinema-feature small,.nova-cinema-feature b,.nova-cinema-feature p{display:block}.nova-cinema-feature small{font-size:9px;color:var(--blue);font-weight:850;letter-spacing:1px}.nova-cinema-feature b{margin-top:2px}.nova-cinema-feature p{margin:3px 0 0;color:var(--muted);font-size:11px} .nova-cinema-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.nova-cinema-quick button,.nova-cinema-portals button,.nova-cinema-extra button{border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);cursor:pointer}.nova-cinema-quick button{display:grid;place-items:center;gap:3px;min-height:92px;padding:11px}.nova-cinema-quick span{font-size:24px}.nova-cinema-quick b{font-size:12px}.nova-cinema-quick small{font-size:10px;color:var(--muted)} .nova-cinema-links-head{display:flex;justify-content:space-between;align-items:end;gap:10px}.nova-cinema-links-head small{font-size:10px;font-weight:850;color:var(--blue);letter-spacing:1px}.nova-cinema-links-head h4{margin:4px 0 0}.nova-cinema-links-head>span{font-size:10px;color:var(--muted)} .nova-cinema-portals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.nova-cinema-portals button{display:grid;grid-template-columns:30px 1fr;column-gap:7px;align-items:center;min-height:78px;padding:11px;text-align:left}.nova-cinema-portals button>span{grid-row:1/3;font-size:22px}.nova-cinema-portals b,.nova-cinema-portals small{display:block}.nova-cinema-portals small{font-size:10px;color:var(--muted)} .nova-cinema-extra{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.nova-cinema-extra button{display:grid;place-items:center;gap:3px;padding:10px}.nova-cinema-extra span{font-size:21px}.nova-cinema-extra b{font-size:11px}.nova-cinema-extra small{font-size:9px;color:var(--muted)} .nova-cinema-note{display:flex;gap:9px;align-items:flex-start;padding:11px 12px;border-radius:12px;background:#eef6fc;color:var(--muted);font-size:11px;line-height:1.45}.nova-cinema-note b{color:var(--ink);white-space:nowrap} body.dark-mode .nova-cinema-panel{background:linear-gradient(135deg,#17374f,#30294d);border-color:#527b96;color:#fff}body.dark-mode .nova-cinema-head p{color:#c4d8e7}body.dark-mode .nova-cinema-place{background:#123047;border-color:#4f7089;color:#8fd0ff} body.dark-mode .nova-cinema-feature,body.dark-mode .nova-cinema-quick button,body.dark-mode .nova-cinema-portals button,body.dark-mode .nova-cinema-extra button{background:#17364f;border-color:#4f7089;color:#f5faff}body.dark-mode .nova-cinema-feature p,body.dark-mode .nova-cinema-quick small,body.dark-mode .nova-cinema-portals small,body.dark-mode .nova-cinema-extra small{color:#bfd3e2}body.dark-mode .nova-cinema-links-head>span{color:#bfd3e2}body.dark-mode .nova-cinema-note{background:#132f45;color:#c1d5e4}body.dark-mode .nova-cinema-note b{color:#fff} @media(max-width:700px){.nova-cinema-head,.nova-cinema-feature{display:block}.nova-cinema-place{display:inline-block;margin-top:9px}.nova-cinema-feature .btn{width:100%;margin-top:10px}.nova-cinema-quick,.nova-cinema-portals{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:430px){.nova-cinema-quick,.nova-cinema-portals,.nova-cinema-extra{grid-template-columns:1fr}} /* V37.1 Kino + Fitness & Fun */ .nova-cinema-new{display:grid;grid-template-columns:1fr 1fr;gap:9px}.nova-cinema-new-card{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff}.nova-cinema-new-card>span{font-size:27px}.nova-cinema-new-card small{font-size:9px;font-weight:850;color:var(--blue)}.nova-cinema-new-card p{margin:3px 0;font-size:10px;color:var(--muted)}.nova-cinema-new-card button{border:1px solid #bcd8ee;background:#f3f9ff;color:var(--blue);border-radius:10px;padding:8px;font-weight:800} .nova-fitnessfun-panel{display:grid;gap:14px;margin:14px 0 18px;padding:17px;border:1px solid #beddec;border-radius:18px;background:linear-gradient(135deg,#f2fbff,#f7fff3)}.nova-fitnessfun-head{display:flex;justify-content:space-between;gap:14px}.nova-fitnessfun-head h3{margin:4px 0}.nova-fitnessfun-head p{margin:0;color:var(--muted)}.nova-fitnessfun-place{font-size:11px;font-weight:800;color:var(--blue);background:#fff;border:1px solid #d6e5f1;border-radius:999px;padding:8px 10px;white-space:nowrap} .nova-fitnessfun-feature,.nova-fitnessfun-more{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.nova-fitnessfun-feature button,.nova-fitnessfun-more button{border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);padding:11px;cursor:pointer}.nova-fitnessfun-feature button{display:grid;place-items:center;gap:3px}.nova-fitnessfun-feature span{font-size:27px}.nova-fitnessfun-feature small{font-size:9px;color:var(--muted)}.nova-fitnessfun-actions{display:flex;gap:8px;flex-wrap:wrap}.nova-fitnessfun-note{display:flex;gap:9px;padding:10px 12px;border-radius:12px;background:#eef6fc;color:var(--muted);font-size:11px}.nova-fitnessfun-note b{color:var(--ink);white-space:nowrap} body.dark-mode .nova-cinema-new-card,body.dark-mode .nova-fitnessfun-feature button,body.dark-mode .nova-fitnessfun-more button{background:#17364f;border-color:#4f7089;color:#fff}body.dark-mode .nova-cinema-new-card p,body.dark-mode .nova-fitnessfun-feature small{color:#bfd3e2}body.dark-mode .nova-fitnessfun-panel{background:linear-gradient(135deg,#17374f,#183f36);border-color:#527b96;color:#fff}body.dark-mode .nova-fitnessfun-head p{color:#c4d8e7}body.dark-mode .nova-fitnessfun-place{background:#123047;border-color:#4f7089;color:#8fd0ff}body.dark-mode .nova-fitnessfun-note{background:#132f45;color:#c1d5e4}body.dark-mode .nova-fitnessfun-note b{color:#fff} @media(max-width:760px){.nova-cinema-new{grid-template-columns:1fr}.nova-fitnessfun-head{display:block}.nova-fitnessfun-place{display:inline-block;margin-top:9px}.nova-fitnessfun-feature,.nova-fitnessfun-more{grid-template-columns:repeat(2,1fr)}}@media(max-width:430px){.nova-fitnessfun-feature,.nova-fitnessfun-more{grid-template-columns:1fr}.nova-cinema-new-card{grid-template-columns:34px 1fr}.nova-cinema-new-card button{grid-column:1/-1}} /* V37.2 · direct external news links */ .world-news-links-head p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.4} body.dark-mode .world-news-links-head p{color:#bfd3e2} /* V37.3 · Mondphasen klarer + Hell/Dunkel */ .moon-three-item{ position:relative; border:1px solid #d4e1ec!important; background:linear-gradient(155deg,#ffffff,#f5f9fd)!important; color:#12283d!important; } .moon-three-item.is-today{ border-color:#6daff0!important; box-shadow:0 0 0 3px rgba(46,133,229,.10),0 10px 24px rgba(27,85,142,.10); background:linear-gradient(155deg,#f7fbff,#edf7ff)!important; } .moon-three-icon{min-height:58px;display:grid!important;place-items:center} .nova-moon-disc{ --moon-light:50%; position:relative; display:block; width:52px; height:52px; border-radius:50%; overflow:hidden; background:#172230; border:1px solid #94a9bc; box-shadow:inset -5px -5px 11px rgba(0,0,0,.28),0 5px 13px rgba(22,50,76,.18); } .nova-moon-lit{ position:absolute;inset:0;border-radius:50%; background:radial-gradient(circle at 35% 30%,#fffef0 0,#f7f1c9 38%,#d9d0a6 72%,#a69d7d 100%); } .nova-moon-shadow{ position:absolute; top:-2%;bottom:-2%; width:calc(100% - var(--moon-light)); min-width:0; background:linear-gradient(90deg,#101821,#1b2834); box-shadow:0 0 9px rgba(0,0,0,.45); } .nova-moon-disc.is-waxing .nova-moon-shadow{left:0;border-radius:50% 42% 42% 50%} .nova-moon-disc.is-waning .nova-moon-shadow{right:0;border-radius:42% 50% 50% 42%} .moon-three-label{font-size:15px!important;font-weight:850!important;color:#102c44!important} .moon-three-phase{font-size:12px!important;line-height:1.3!important;color:#45627a!important;font-weight:700!important;min-height:31px} .moon-three-light{font-size:12px!important;color:#0d67b8!important;font-weight:850!important} .moon-status small{font-size:11px!important;color:#526b80!important;font-weight:750!important} .moon-status strong{font-size:18px!important;color:#102b43!important;font-weight:850!important} .moon-status em{font-size:12px!important;color:#47647c!important;font-weight:700!important} #dashMoonIcon{filter:drop-shadow(0 3px 5px rgba(18,55,90,.16))} body.dark-mode .moon-three-item{ background:linear-gradient(155deg,#152d42,#102438)!important; border-color:#46647d!important; color:#f4f9ff!important; } body.dark-mode .moon-three-item.is-today{ background:linear-gradient(155deg,#183a55,#153047)!important; border-color:#72b9f4!important; box-shadow:0 0 0 3px rgba(78,171,244,.12),0 11px 25px rgba(0,0,0,.22); } body.dark-mode .nova-moon-disc{ border-color:#8199ad; background:#07111a; box-shadow:inset -5px -5px 12px rgba(0,0,0,.48),0 0 13px rgba(167,210,244,.12); } body.dark-mode .nova-moon-lit{ background:radial-gradient(circle at 35% 30%,#fffde5 0,#e8dfb5 42%,#bcb38f 74%,#8c856d 100%); } body.dark-mode .nova-moon-shadow{background:linear-gradient(90deg,#050a0f,#0c1822)} body.dark-mode .moon-three-label{color:#ffffff!important} body.dark-mode .moon-three-phase{color:#c6d9e9!important} body.dark-mode .moon-three-light{color:#8fd1ff!important} body.dark-mode .moon-status small{color:#b9cfe1!important} body.dark-mode .moon-status strong{color:#ffffff!important} body.dark-mode .moon-status em{color:#c3d8e8!important} @media(max-width:500px){ .nova-moon-disc{width:46px;height:46px} .moon-three-icon{min-height:50px} .moon-three-label{font-size:14px!important} .moon-three-phase,.moon-three-light{font-size:11px!important} } /* ========================================================= NOVA AI V38.1 – Schach: Timer, Schachmatt & Figurenfarben ========================================================= */ .chess-board-wrap{position:relative;display:grid;gap:12px} .chess-piece{display:inline-block;font-family:"DejaVu Sans","Segoe UI Symbol","Noto Sans Symbols 2",serif!important;font-variant-emoji:text;line-height:1;transition:color .15s ease,transform .15s ease;text-shadow:0 2px 2px rgba(255,255,255,.28),0 2px 4px rgba(0,0,0,.38)} .chess-piece.white-piece{color:var(--chess-white-piece,#f4f7ff)} .chess-piece.black-piece{color:var(--chess-black-piece,#111827)} .chess-square:hover .chess-piece{transform:scale(1.04)} .chess-piece-colors{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:12px;border:1px solid #c9d9e6;border-radius:12px;background:#f7fbff} .chess-color-head{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:10px} .chess-color-head small{font-size:10px;font-weight:900;letter-spacing:.08em;color:#55708a} .chess-color-head b{font-size:12px;color:#153d61} .chess-piece-colors label{display:grid;grid-template-columns:1fr 42px;align-items:center;gap:8px;padding:8px 9px;border:1px solid #d7e3ed;border-radius:10px;background:#fff;font-size:11px;font-weight:800;color:#244b6c} .chess-piece-colors input[type="color"]{width:42px;height:34px;padding:2px;border:1px solid #b9cbd9;border-radius:8px;background:#fff;cursor:pointer} .chess-piece-colors select{grid-column:1/-1;min-height:40px;border:1px solid #bdd0e0;border-radius:9px;padding:0 10px;background:#fff;color:#163854;font-weight:750} .chess-notice{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:15px 16px;border:1px solid #7bc69a;border-radius:14px;background:linear-gradient(135deg,#eafff0,#eef8ff);box-shadow:0 12px 28px rgba(18,79,57,.14)} .chess-notice[hidden]{display:none!important}.chess-notice>span{font-size:36px}.chess-notice div{display:grid;gap:3px}.chess-notice small{font-size:9px;letter-spacing:.12em;font-weight:900;color:#237a4d}.chess-notice strong{font-size:20px;color:#103d2a}.chess-notice p{margin:0;font-size:12px;color:#496b5c;line-height:1.4} #chessRoundTime{font-variant-numeric:tabular-nums;letter-spacing:.05em} body.dark-mode .chess-piece-colors{background:#173a57!important;border-color:#5f84a3!important} body.dark-mode .chess-color-head small,body.dark-mode .chess-color-head b,body.dark-mode .chess-piece-colors label{color:#f4f9fd!important} body.dark-mode .chess-piece-colors label,body.dark-mode .chess-piece-colors select{background:#244d6c!important;border-color:#6f95b4!important;color:#fff!important} body.dark-mode .chess-notice{background:linear-gradient(135deg,#173f34,#173a57);border-color:#62b78a}.dark-mode .chess-notice small{color:#8de7b2!important}.dark-mode .chess-notice strong{color:#fff!important}.dark-mode .chess-notice p{color:#d7e7f5!important} @media(max-width:700px){.chess-piece-colors{grid-template-columns:1fr}.chess-color-head,.chess-piece-colors select{grid-column:1}.chess-piece-colors label{grid-template-columns:1fr 48px}.chess-piece-colors input[type="color"]{width:48px;height:38px}} /* V38.2 · getrennte Schach-Zeitmessung */ .chess-clock-player strong{color:#1d76d2}.chess-clock-nova strong{color:#8a5bd7} .chess-move-log{display:grid;gap:7px}.chess-time-log-row{padding:8px 10px;border:1px solid #d4e0ea;border-radius:9px;background:#f8fbfe;font-size:11px;line-height:1.35}.chess-time-log-row b{font-weight:750;color:#24445e} body.dark-mode .chess-time-log-row{background:#173a57!important;border-color:#557b99!important}body.dark-mode .chess-time-log-row b{color:#f1f7fb!important} @media(max-width:700px){.chess-game .game-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chess-time-log-row{font-size:10.5px}} /* ========================================================= NOVA AI V38.4 — Sport Ergebnisse: direkte Live-Score-Anzeige ========================================================= */ .nova-sports-v384{display:grid;gap:14px}.nova-sports-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.nova-sports-hero h2{margin-bottom:8px}.nova-sports-live-badge{display:flex;align-items:center;gap:10px;flex:0 0 auto;padding:11px 14px;border:1px solid #bfe7d0;border-radius:15px;background:#effcf4}.nova-sports-live-badge>i{width:10px;height:10px;border-radius:50%;background:#29bd67;box-shadow:0 0 0 5px rgba(41,189,103,.13)}.nova-sports-live-badge b,.nova-sports-live-badge small{display:block}.nova-sports-live-badge b{font-size:12px;color:#167642}.nova-sports-live-badge small{font-size:9px;color:#557468;margin-top:2px}.nova-sports-output{padding:16px;min-height:260px}.nova-live-score-center{display:grid;gap:14px}.nova-live-score-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center}.nova-live-score-toolbar>div:first-child>span{font-size:10px;font-weight:900;letter-spacing:1.2px;color:var(--blue)}.nova-live-score-toolbar h3{margin:4px 0 0;font:700 22px/1.15 Space Grotesk}.nova-live-score-meta{display:flex;align-items:center;gap:9px}.nova-live-score-meta>span{font-size:10px;color:var(--muted)}.nova-live-score-meta button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 11px;font-size:11px;font-weight:800;cursor:pointer;color:var(--blue)}.nova-sport-league-chips{display:flex;gap:7px;overflow-x:auto;padding:2px 0 5px;scrollbar-width:thin}.nova-sport-league-chips button{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 12px;font-size:11px;font-weight:800;color:var(--ink);cursor:pointer}.nova-sport-league-chips button span{margin-right:5px}.nova-sport-league-chips button.active{background:linear-gradient(135deg,#2459ff,#16bfcf);border-color:transparent;color:#fff;box-shadow:0 7px 18px rgba(36,89,255,.18)}.nova-sport-day-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;max-width:430px}.nova-sport-day-switch button{border:1px solid var(--line);background:#f7faff;border-radius:10px;padding:9px;font-size:11px;font-weight:800;cursor:pointer;color:var(--ink)}.nova-sport-day-switch button.active{background:#071d3c;color:#fff;border-color:#071d3c}.nova-live-score-list{min-height:145px}.nova-score-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.nova-score-card{display:grid;gap:8px;padding:13px;border:1px solid var(--line);border-radius:15px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:0 7px 20px rgba(23,64,108,.06);transition:.18s}.nova-score-card:hover{transform:translateY(-2px);border-color:#96c8f7;box-shadow:0 12px 28px rgba(23,64,108,.12)}.nova-score-card.live{border-color:#8fd7ae;box-shadow:0 0 0 2px rgba(41,189,103,.08),0 10px 25px rgba(23,64,108,.08)}.nova-score-head,.nova-score-team,.nova-score-footer{display:flex;align-items:center}.nova-score-head{justify-content:space-between;gap:10px;padding-bottom:6px;border-bottom:1px solid #edf2f7}.nova-score-head small{font-size:10px;color:var(--muted);text-align:right}.nova-score-status{font-size:9px;font-weight:900;letter-spacing:.7px;color:#68788a}.nova-score-card.live .nova-score-status{color:#15834a}.nova-score-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#29bd67;margin-right:5px;box-shadow:0 0 0 4px rgba(41,189,103,.12)}.nova-score-team{gap:8px;min-width:0}.nova-score-logo{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;font-size:18px}.nova-score-logo img{max-width:28px;max-height:28px;object-fit:contain}.nova-score-team b{font-size:12px;line-height:1.2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nova-score-team strong{margin-left:auto;font:800 21px/1 Space Grotesk;color:#09264a}.nova-score-footer{justify-content:space-between;gap:10px;padding-top:6px;border-top:1px solid #edf2f7}.nova-score-footer span{font-size:9px;color:var(--muted);font-weight:800}.nova-score-footer em{font-style:normal;font-size:9px;font-weight:900;color:var(--blue)}.nova-score-loading,.nova-score-empty,.nova-score-error{min-height:145px;display:flex;align-items:center;justify-content:center;gap:14px;border:1px dashed #c9d8e8;border-radius:14px;background:#f8fbff;padding:18px;text-align:left}.nova-score-loading>span{width:26px;height:26px;border-radius:50%;border:3px solid #d7e5f4;border-top-color:var(--blue);animation:novaScoreSpin .8s linear infinite}.nova-score-loading b,.nova-score-loading small,.nova-score-empty b,.nova-score-empty p,.nova-score-error b,.nova-score-error p{display:block}.nova-score-loading small{font-size:10px;color:var(--muted);margin-top:3px}.nova-score-empty>span,.nova-score-error>span{font-size:30px}.nova-score-empty p,.nova-score-error p{margin:4px 0 0;color:var(--muted);font-size:11px}.nova-score-empty a,.nova-score-error a{margin-left:auto;text-decoration:none;font-size:10px;font-weight:900;color:var(--blue)}@keyframes novaScoreSpin{to{transform:rotate(360deg)}}.nova-score-actions{display:flex;gap:8px;flex-wrap:wrap}.nova-score-actions a{padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--blue);text-decoration:none;font-size:10px;font-weight:900}.nova-sports-source-note{padding:11px 13px;border-radius:12px;background:#f1f6fb;color:#617187;font-size:10px;line-height:1.45}.nova-sports-search{margin-bottom:0} body.dark-mode .nova-sports-live-badge{background:#092a22;border-color:#1c694c}.dark-mode .nova-sports-live-badge small{color:#9fc7b6}.dark-mode .nova-live-score-meta button,.dark-mode .nova-sport-league-chips button,.dark-mode .nova-score-card,.dark-mode .nova-score-actions a{background:#0b223e;border-color:#234667;color:#edf7ff}.dark-mode .nova-sport-league-chips button.active{background:linear-gradient(135deg,#2459ff,#16bfcf)}.dark-mode .nova-sport-day-switch button{background:#0b223e;border-color:#234667;color:#dcecff}.dark-mode .nova-sport-day-switch button.active{background:#1d63c7}.dark-mode .nova-score-team strong{color:#fff}.dark-mode .nova-score-head,.dark-mode .nova-score-footer{border-color:#193a58}.dark-mode .nova-score-loading,.dark-mode .nova-score-empty,.dark-mode .nova-score-error,.dark-mode .nova-sports-source-note{background:#091d34;border-color:#254868;color:#dbe9f7} @media(max-width:700px){.nova-sports-hero{flex-direction:column}.nova-sports-live-badge{width:100%}.nova-live-score-toolbar{align-items:flex-start;flex-direction:column}.nova-live-score-meta{width:100%;justify-content:space-between}.nova-score-grid{grid-template-columns:1fr}.nova-sports-output{padding:11px}.nova-sport-day-switch{max-width:none;width:100%}.nova-score-empty,.nova-score-error{align-items:flex-start;flex-wrap:wrap}.nova-score-empty a,.nova-score-error a{margin-left:44px}} /* V38.5 – Freizeit & Natur */ .leisure-nature-module{display:grid;gap:18px}.leisure-nature-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,#f1fbf5,#eef7ff)}.leisure-nature-hero h2{margin:7px 0 8px!important}.leisure-nature-place{display:flex;align-items:center;gap:10px;min-width:190px;padding:12px 14px;border:1px solid #bfe4cd;border-radius:15px;background:#fff}.leisure-nature-place>span{font-size:24px}.leisure-nature-place small,.leisure-nature-place b{display:block}.leisure-nature-place small{font-size:9px;color:var(--muted);letter-spacing:1px}.leisure-daily-tip{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:14px;padding:17px;border:1px solid #cde5f7;border-radius:18px;background:linear-gradient(135deg,#fff,#f4fbff);box-shadow:0 10px 26px rgba(28,91,150,.08)}.leisure-tip-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:#eaf7ff;font-size:29px}.leisure-daily-tip small{font-weight:800;color:var(--blue);font-size:9px;letter-spacing:1px}.leisure-daily-tip h3{margin:4px 0}.leisure-daily-tip p{margin:0;color:var(--muted);font-size:12px}.leisure-nature-output{min-height:320px}.leisure-nature-section{display:grid;gap:15px}.leisure-nature-section-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-end}.leisure-nature-section-head small{font-weight:800;color:#16885f;letter-spacing:1px}.leisure-nature-section-head h3{margin:4px 0}.leisure-nature-section-head p{margin:0;color:var(--muted);font-size:12px}.leisure-nature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.leisure-nature-card{position:relative;min-height:132px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#fff,#f6fbff);padding:14px;text-align:left;color:var(--ink);display:grid;grid-template-columns:42px 1fr auto;grid-template-rows:auto auto;gap:4px 10px;align-items:center;cursor:pointer;transition:.2s}.leisure-nature-card:hover{transform:translateY(-3px);border-color:#79b7f4;box-shadow:0 14px 30px rgba(25,83,145,.12)}.leisure-nature-card>span{grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#edf8ff,#efffec);font-size:24px}.leisure-nature-card b{font-size:13px}.leisure-nature-card small{font-size:10px;color:var(--muted)}.leisure-nature-card i{grid-column:3;grid-row:1/3;font-style:normal;color:var(--blue);font-weight:800}.nature-grid .leisure-nature-card>span{background:linear-gradient(135deg,#edfff1,#e9f8ff)}.nature-tool-row{display:flex;gap:9px;flex-wrap:wrap}.nature-tool-row a{padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--blue);text-decoration:none;font-size:11px;font-weight:800}.nature-current-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.nature-current-grid>a,.nature-current-grid>button{min-height:118px;padding:14px;border:1px solid var(--line);border-radius:15px;background:#fff;color:var(--ink);text-decoration:none;text-align:left;display:grid;gap:4px;cursor:pointer;font:inherit}.nature-current-grid span{font-size:25px}.nature-current-grid b{font-size:13px}.nature-current-grid small{font-size:10px;color:var(--muted)} body.dark .leisure-nature-hero,body.dark .leisure-daily-tip,body.dark .leisure-nature-card,body.dark .nature-current-grid>a,body.dark .nature-current-grid>button,body.dark .nature-tool-row a,body.dark .leisure-nature-place{background:#0c2748;color:#eef7ff;border-color:#244a70}.dark .leisure-nature-section-head p,.dark .leisure-daily-tip p,.dark .leisure-nature-card small,.dark .nature-current-grid small{color:#b8cee3} @media(max-width:900px){.leisure-nature-grid,.nature-current-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.leisure-nature-hero,.leisure-nature-section-head{flex-direction:column;align-items:stretch}.leisure-nature-place{width:100%}.leisure-daily-tip{grid-template-columns:48px 1fr}.leisure-daily-tip .btn{grid-column:1/-1;width:100%}.leisure-nature-tabs{display:grid;grid-template-columns:1fr}.leisure-nature-grid,.nature-current-grid{grid-template-columns:1fr}.leisure-nature-card{min-height:105px}} /* V38.6 – NOVA Live Cams + NOVA World Numbers */ .live-cams-hero,.world-numbers-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:20px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,#f4faff,#f7fff5);margin-bottom:18px}.live-cams-hero h2,.world-numbers-hero h2{margin:6px 0 8px}.live-cams-place,.world-numbers-source{min-width:190px;display:flex;gap:11px;align-items:center;padding:13px 15px;border:1px solid #cfe1f3;border-radius:15px;background:#fff}.live-cams-place>span,.world-numbers-source>span{font-size:27px}.live-cams-place small,.live-cams-place b,.world-numbers-source small,.world-numbers-source b,.world-numbers-source em{display:block}.world-numbers-source em{font-size:10px;color:var(--muted);font-style:normal}.live-cams-local,.live-cams-providers{margin-top:18px}.live-cams-local h3,.live-cams-providers h3{margin:3px 0}.live-cams-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.live-cams-category-grid button{min-height:100px;border:1px solid var(--line);border-radius:15px;background:#fff;color:var(--ink);display:grid;place-items:center;gap:4px;padding:12px;cursor:pointer}.live-cams-category-grid button:hover{transform:translateY(-2px);border-color:#79b7f4}.live-cams-category-grid span{font-size:28px}.live-cams-category-grid small{color:var(--muted)}.live-cams-search{display:grid;grid-template-columns:minmax(250px,1fr) auto auto;gap:10px;align-items:end;margin:18px 0;padding:16px;border:1px solid var(--line);border-radius:16px;background:#f8fbff}.live-cams-search label{display:grid;gap:6px;font-weight:800}.live-cams-search input{min-height:48px;border:1px solid #c8d7e6;border-radius:12px;padding:0 13px;background:#fff;color:var(--ink)}.live-cams-section-head{display:flex;justify-content:space-between;align-items:end;gap:15px}.live-cams-section-head>span{font-size:11px;color:var(--muted)}.live-cams-provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.live-cams-provider-grid a,.world-numbers-extra a{display:grid;grid-template-columns:40px 1fr auto;gap:11px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);text-decoration:none}.live-cams-provider-grid a:hover,.world-numbers-extra a:hover{border-color:#79b7f4;transform:translateY(-2px)}.live-cams-provider-grid a>span,.world-numbers-extra a>span{font-size:25px}.live-cams-provider-grid b,.live-cams-provider-grid small,.world-numbers-extra b,.world-numbers-extra small{display:block}.live-cams-provider-grid small,.world-numbers-extra small{color:var(--muted);margin-top:3px}.live-cams-provider-grid em{font-style:normal;color:var(--blue);font-size:18px}.nova-source-note{display:flex;gap:12px;margin-top:18px;padding:14px 16px;border:1px solid #cfe1f3;border-radius:14px;background:#f3f9ff}.nova-source-note>span{font-size:21px}.nova-source-note p{margin:0;color:#40536a;line-height:1.5;font-size:12px}.world-numbers-tabs{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:14px 0}.world-numbers-tabs>button[data-worldnum]{min-height:48px;border:1px solid #c8d7e6;background:#fff;border-radius:12px;padding:0 16px;font-weight:800;cursor:pointer}.world-numbers-tabs>button.active{background:linear-gradient(135deg,#2459ff,#2fd28b);color:#fff;border-color:transparent}.world-numbers-tabs label{display:grid;gap:5px;min-width:280px;font-weight:800}.world-numbers-tabs select{min-height:48px;border:1px solid #c8d7e6;border-radius:12px;padding:0 12px;background:#fff;color:var(--ink)}.world-numbers-title{margin:18px 0 10px}.world-numbers-title h3{margin:4px 0;font-size:23px}.world-numbers-title small{color:var(--blue);font-weight:800;letter-spacing:1px}.world-numbers-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.world-numbers-grid article{min-height:140px;padding:16px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#fff,#f5faff);display:flex;flex-direction:column;gap:6px}.world-numbers-grid article>span{font-size:30px}.world-numbers-grid article small{font-weight:800;color:#47617d}.world-numbers-grid article strong{font-size:23px;line-height:1.15;margin-top:auto}.world-numbers-grid article em{font-size:10px;color:var(--muted);font-style:normal}.world-numbers-grid article.no-data strong{font-size:16px;color:var(--muted)}.world-numbers-extra{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.live-cams-tile::before{background:radial-gradient(circle,rgba(31,198,255,.34),transparent 68%)}.world-numbers-tile::before{background:radial-gradient(circle,rgba(103,210,74,.33),transparent 68%)} @media(max-width:760px){.live-cams-hero,.world-numbers-hero{display:grid}.live-cams-place,.world-numbers-source{min-width:0}.live-cams-category-grid,.world-numbers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.live-cams-search{grid-template-columns:1fr}.live-cams-provider-grid,.world-numbers-extra{grid-template-columns:1fr}.live-cams-section-head{align-items:flex-start;flex-direction:column}.world-numbers-tabs label{min-width:0;flex:1 1 100%}} @media(max-width:440px){.live-cams-category-grid,.world-numbers-grid{grid-template-columns:1fr}.world-numbers-grid article{min-height:120px}} /* V38.7 – NOVA Games external platforms & hardware */ .nova-games-links{margin-top:22px;padding:20px;border:1px solid var(--arcade-border,#d9e5f1);border-radius:20px;background:linear-gradient(145deg,#f7fbff,#ffffff)} .nova-games-links-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px} .nova-games-links-head small{font-size:10px;font-weight:900;letter-spacing:1.2px;color:#1671d9}.nova-games-links-head h3{margin:4px 0 5px;font-size:20px}.nova-games-links-head p{margin:0;font-size:12px;color:#60768b}.nova-games-links-head>span{font-size:11px;font-weight:800;color:#60768b;white-space:nowrap} .nova-games-links-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.nova-games-link-group{border:1px solid #dce7f1;border-radius:17px;background:#fff;padding:14px}.nova-games-link-title{display:flex;gap:10px;align-items:center;margin-bottom:11px}.nova-games-link-title>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#eaf5ff,#effff7);font-size:23px}.nova-games-link-title b,.nova-games-link-title small{display:block}.nova-games-link-title b{font-size:14px}.nova-games-link-title small{margin-top:2px;font-size:10px;color:#6b7e90}.nova-games-link-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.nova-games-link-grid a{min-width:0;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:10px;border:1px solid #dfe8f1;border-radius:12px;background:#f9fcff;color:#102b47;text-decoration:none;transition:.18s ease}.nova-games-link-grid a:hover{transform:translateY(-2px);border-color:#63aaf1;box-shadow:0 8px 22px rgba(31,91,151,.12)}.nova-games-link-grid a>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#edf6ff;font-size:17px}.nova-games-link-grid a b,.nova-games-link-grid a small{display:block;min-width:0}.nova-games-link-grid a b{font-size:12px}.nova-games-link-grid a small{font-size:9.5px;color:#698096;margin-top:2px}.nova-games-link-grid a i{font-style:normal;color:#2076cf;font-weight:900}.nova-games-link-grid a.featured{border-color:#72b9f4;background:linear-gradient(145deg,#eef8ff,#fff)} body.dark-mode #moduleModal.nova-games-modal .nova-games-links,body.dark-mode #moduleModal.nova-games-modal .nova-games-link-group{background:#173a57!important;border-color:#5d7f9a!important;color:#fff!important}body.dark-mode #moduleModal.nova-games-modal .nova-games-link-grid a{background:#244d6c!important;border-color:#6b91af!important;color:#fff!important}body.dark-mode #moduleModal.nova-games-modal .nova-games-link-grid a.featured{background:#285777!important;border-color:#80bce7!important}body.dark-mode #moduleModal.nova-games-modal .nova-games-link-grid a small,body.dark-mode #moduleModal.nova-games-modal .nova-games-link-title small,body.dark-mode #moduleModal.nova-games-modal .nova-games-links-head p,body.dark-mode #moduleModal.nova-games-modal .nova-games-links-head>span{color:#d4e5f1!important}body.dark-mode #moduleModal.nova-games-modal .nova-games-link-grid a i{color:#86dfff!important} @media(max-width:900px){.nova-games-links-columns{grid-template-columns:1fr}.nova-games-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:560px){.nova-games-links{padding:14px}.nova-games-links-head{display:block}.nova-games-links-head>span{display:block;margin-top:6px}.nova-games-link-grid{grid-template-columns:1fr}.nova-games-link-grid a{min-height:58px}} /* V38.9.11 – World Numbers API-Fallback + IMF DataMapper */ .world-numbers-api-status{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin:10px 0 16px;padding:13px 15px;border-radius:14px;border:1px solid #f0c36a;background:#fff8e8;color:#5f450d}.world-numbers-api-status[hidden]{display:none!important}.world-numbers-api-status>span{font-size:24px}.world-numbers-api-status b,.world-numbers-api-status small{display:block}.world-numbers-api-status small{margin-top:3px;line-height:1.4}.world-numbers-api-status a,.world-numbers-api-status button{border:1px solid currentColor;background:#fff;color:inherit;border-radius:10px;padding:9px 12px;text-decoration:none;font:inherit;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap}.world-numbers-api-status.error{border-color:#e58b8b;background:#fff0f0;color:#8a2626}.world-numbers-api-status.warning{border-color:#f0c36a;background:#fff8e8;color:#6c4f0d}.world-numbers-extra{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.world-numbers-extra a em{font-style:normal;color:var(--blue)}body.dark .world-numbers-api-status{background:#3b321f;color:#ffe2a0;border-color:#846b32}body.dark .world-numbers-api-status.error{background:#3a2024;color:#ffc6c6;border-color:#88444c}body.dark .world-numbers-api-status a,body.dark .world-numbers-api-status button{background:#102944;color:inherit;border-color:currentColor}@media(max-width:760px){.world-numbers-api-status{grid-template-columns:auto 1fr}.world-numbers-api-status a,.world-numbers-api-status button{grid-column:1/-1;width:100%;text-align:center}} /* V38.9.11.1 – Backgammon color fix */ .quest-action-buttons{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap} .quest-action-buttons .action-jump{ width:92px;height:72px;border:2px solid #71e4ff;border-radius:20px; background:linear-gradient(145deg,#0d77d7,#14c7dc);color:#fff; box-shadow:0 10px 24px rgba(12,120,207,.28),inset 0 0 0 1px rgba(255,255,255,.22); cursor:pointer;display:grid;place-items:center;align-content:center;gap:2px; font-weight:900;transition:.15s ease;touch-action:manipulation } .quest-action-buttons .action-jump:active{transform:scale(.96)} .quest-action-buttons .action-jump small{font-size:10px;letter-spacing:.12em;color:#dffbff} .quest-action-buttons .action-jump b{font-size:14px;color:#fff} .backgammon-board{ --bg-board:#c9965b;--bg-player:#f4f7fb;--bg-nova:#17293a; position:relative;isolation:isolate; background:var(--bg-board)!important; border-color:#59351f!important; box-shadow:0 18px 40px rgba(24,22,18,.24),inset 0 0 0 2px rgba(255,255,255,.18)!important } .backgammon-board::after{ content:"";position:absolute;z-index:0;top:10px;bottom:10px;left:50%; width:18px;transform:translateX(-50%);border-radius:8px; background:linear-gradient(90deg,rgba(0,0,0,.30),rgba(255,255,255,.14),rgba(0,0,0,.30)); pointer-events:none } .backgammon-board .bg-point{z-index:1} .backgammon-board .bg-checkers i{ border:2px solid rgba(0,0,0,.34)!important; box-shadow:0 4px 8px rgba(0,0,0,.30),inset 0 2px 3px rgba(255,255,255,.42)!important } .backgammon-board .bg-checkers i.w{ background:var(--bg-player)!important;color:var(--bg-player)!important } .backgammon-board .bg-checkers i.b{ background:var(--bg-nova)!important;color:var(--bg-nova)!important } .backgammon-board .bg-point.selected{ outline:4px solid #ffe45b!important; box-shadow:inset 0 0 24px rgba(255,228,91,.34)!important } .bg-customizer{ display:grid;grid-template-columns:1fr;gap:9px;margin:12px 0;padding:13px; border:1px solid #b9ccdc;border-radius:14px; background:linear-gradient(145deg,#f8fbff,#eef5fb) } .bg-customizer-head{display:flex;align-items:center;gap:9px;padding-bottom:5px;border-bottom:1px solid #d6e2ec} .bg-customizer-head>span{font-size:24px} .bg-customizer-head>div{display:grid} .bg-customizer-head small{font-size:9px;letter-spacing:.12em;color:#5d7690;font-weight:900} .bg-customizer-head b{font-size:14px;color:#163a59} .bg-customizer label{ display:grid;grid-template-columns:1fr 54px;align-items:center;gap:8px; font-size:11px;font-weight:800;color:#24445f } .bg-customizer input[type="color"]{ width:54px!important;height:36px!important;padding:2px!important; border:1px solid #9fb7ca!important;border-radius:8px!important;cursor:pointer;background:#fff!important } .bg-theme-presets{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:2px} .bg-theme-presets button{ border:1px solid #b7cadb;border-radius:9px;padding:8px 5px;background:#fff; color:#21425e;font-size:10px;font-weight:900;cursor:pointer } .bg-theme-presets button:hover{border-color:#2784df;background:#edf7ff} body.dark-mode #moduleModal.nova-games-modal .bg-customizer{ background:linear-gradient(145deg,#1d405c,#17334b)!important;border-color:#6c91ad!important } body.dark-mode #moduleModal.nova-games-modal .bg-customizer-head b, body.dark-mode #moduleModal.nova-games-modal .bg-customizer label{color:#f3f9ff!important} body.dark-mode #moduleModal.nova-games-modal .bg-customizer-head small{color:#bcd6e9!important} body.dark-mode #moduleModal.nova-games-modal .bg-theme-presets button{ background:#28516f!important;color:#fff!important;border-color:#6d93ae!important } body.dark-mode #moduleModal.nova-games-modal .backgammon-board{background:var(--bg-board)!important} @media(max-width:700px){ .mobile-game-focus .quest-action-buttons{position:relative;gap:7px} .mobile-game-focus .quest-action-buttons .action-jump{width:68px!important;height:58px!important;border-radius:17px} .mobile-game-focus .quest-action-buttons .action-jump small{font-size:8px} .mobile-game-focus .quest-action-buttons .action-jump b{font-size:11px} .mobile-game-focus .bg-customizer{ grid-template-columns:repeat(3,1fr);gap:5px;margin:5px 0;padding:7px } .mobile-game-focus .bg-customizer-head{grid-column:1/-1} .mobile-game-focus .bg-customizer label{ grid-template-columns:1fr;justify-items:center;font-size:8px;text-align:center } .mobile-game-focus .bg-customizer input[type="color"]{width:100%!important;height:29px!important} .mobile-game-focus .bg-theme-presets{grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:3px} .mobile-game-focus .bg-theme-presets button{padding:5px 2px;font-size:8px} } /* V38.9.11 – Mobile Level-Ring Cleanup Entfernt den kleinen zusätzlichen Kreis/Marker neben dem Level-Kreis. */ @media(max-width:700px){ .nova-arcade-profile{ position:relative!important; overflow:visible!important; } /* Der Level-Kreis ist auf Mobilgeräten das einzige runde Status-Element in diesem Profilblock. */ .nova-level-ring{ width:64px!important; height:64px!important; min-width:64px!important; min-height:64px!important; max-width:64px!important; max-height:64px!important; padding:0!important; margin:0!important; border-radius:50%!important; overflow:hidden!important; position:relative!important; display:grid!important; place-items:center!important; align-content:center!important; } /* Keine zusätzlichen Deko-Kreise oder Marker am Level-Ring. */ .nova-level-ring::before, .nova-level-ring::after, .nova-arcade-profile::before, .nova-arcade-profile::after, .nova-arcade-profile>div::before, .nova-arcade-profile>div::after{ content:none!important; display:none!important; } /* LEVEL und Zahl dürfen keine geerbten Pill-/Kreis-Styles erhalten. */ .nova-level-ring b, .nova-level-ring small{ width:auto!important; height:auto!important; min-width:0!important; min-height:0!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:none!important; box-shadow:none!important; outline:0!important; } .nova-level-ring b{ display:block!important; font-size:22px!important; line-height:1!important; } .nova-level-ring small{ display:block!important; margin-top:3px!important; font-size:8px!important; line-height:1!important; letter-spacing:.06em!important; } } /* ========================================================= V38.9.11 – Dark Mode: NOVA Live Cams + World Numbers ========================================================= */ body.dark-mode .live-cams-hero, body.dark-mode .world-numbers-hero{ background:linear-gradient(135deg,#102944,#163a35)!important; border-color:#355a78!important; color:#f5fbff!important; } body.dark-mode .live-cams-hero h2, body.dark-mode .world-numbers-hero h2, body.dark-mode .live-cams-local h3, body.dark-mode .live-cams-providers h3, body.dark-mode .world-numbers-title h3{ color:#f7fbff!important; } body.dark-mode .live-cams-hero p, body.dark-mode .world-numbers-hero p, body.dark-mode .live-cams-section-head>span{ color:#bed1e2!important; } body.dark-mode .live-cams-place, body.dark-mode .world-numbers-source{ background:#10243a!important; border-color:#416684!important; color:#f4f9ff!important; box-shadow:0 8px 22px rgba(0,0,0,.18); } body.dark-mode .live-cams-place small, body.dark-mode .world-numbers-source small, body.dark-mode .world-numbers-source em{ color:#b9cee0!important; } body.dark-mode .live-cams-place b, body.dark-mode .world-numbers-source b{ color:#fff!important; } body.dark-mode .live-cams-category-grid button{ background:linear-gradient(145deg,#102842,#153752)!important; border-color:#3b607e!important; color:#f7fbff!important; box-shadow:0 8px 20px rgba(0,0,0,.16); } body.dark-mode .live-cams-category-grid button:hover{ border-color:#63c9ff!important; background:linear-gradient(145deg,#163a5a,#1b4865)!important; } body.dark-mode .live-cams-category-grid button small{ color:#bfd3e4!important; } body.dark-mode .live-cams-category-grid button b{ color:#fff!important; } body.dark-mode .live-cams-search{ background:#0d2238!important; border-color:#3c617e!important; } body.dark-mode .live-cams-search label{ color:#f4f8fc!important; } body.dark-mode .live-cams-search input{ background:#0b1b2d!important; border-color:#496c87!important; color:#fff!important; } body.dark-mode .live-cams-search input::placeholder{ color:#8da8bd!important; } body.dark-mode .live-cams-provider-grid a, body.dark-mode .world-numbers-extra a{ background:linear-gradient(145deg,#10263d,#15334d)!important; border-color:#3c607b!important; color:#f7fbff!important; } body.dark-mode .live-cams-provider-grid a:hover, body.dark-mode .world-numbers-extra a:hover{ border-color:#66c8ff!important; background:linear-gradient(145deg,#173b57,#1a405b)!important; } body.dark-mode .live-cams-provider-grid b, body.dark-mode .world-numbers-extra b{ color:#fff!important; } body.dark-mode .live-cams-provider-grid small, body.dark-mode .world-numbers-extra small{ color:#bdd0df!important; } body.dark-mode .live-cams-provider-grid em, body.dark-mode .world-numbers-extra em{ color:#73d8ff!important; } body.dark-mode .nova-source-note{ background:#10263d!important; border-color:#3f6380!important; } body.dark-mode .nova-source-note p{ color:#c8d8e6!important; } body.dark-mode .world-numbers-tabs>button[data-worldnum]{ background:#10263d!important; border-color:#426783!important; color:#edf7ff!important; } body.dark-mode .world-numbers-tabs>button[data-worldnum]:hover{ border-color:#68ccff!important; } body.dark-mode .world-numbers-tabs>button.active{ background:linear-gradient(135deg,#2459ff,#2fd28b)!important; color:#fff!important; border-color:transparent!important; } body.dark-mode .world-numbers-tabs label{ color:#eef7ff!important; } body.dark-mode .world-numbers-tabs select{ background:#0b1b2d!important; border-color:#4a6e88!important; color:#fff!important; } body.dark-mode .world-numbers-tabs select option{ background:#0b1b2d!important; color:#fff!important; } body.dark-mode .world-numbers-title small{ color:#74d9ff!important; } body.dark-mode .world-numbers-grid article{ background:linear-gradient(145deg,#10263d,#15354f)!important; border-color:#3b607b!important; color:#fff!important; box-shadow:0 10px 24px rgba(0,0,0,.16); } body.dark-mode .world-numbers-grid article small{ color:#bcd0e0!important; } body.dark-mode .world-numbers-grid article strong{ color:#fff!important; } body.dark-mode .world-numbers-grid article em{ color:#9eb8cb!important; } body.dark-mode .world-numbers-grid article.no-data{ background:#14283a!important; border-color:#4a6578!important; } body.dark-mode .world-numbers-grid article.no-data strong{ color:#c5d5e2!important; } body.dark-mode .world-numbers-api-status{ background:#3b321f!important; color:#ffe2a0!important; border-color:#846b32!important; } body.dark-mode .world-numbers-api-status.error{ background:#3a2024!important; color:#ffc6c6!important; border-color:#88444c!important; } body.dark-mode .world-numbers-api-status.warning{ background:#3b321f!important; color:#ffe2a0!important; border-color:#846b32!important; } body.dark-mode .world-numbers-api-status a, body.dark-mode .world-numbers-api-status button{ background:#102944!important; color:inherit!important; border-color:currentColor!important; } @media(max-width:760px){ body.dark-mode .live-cams-category-grid button, body.dark-mode .world-numbers-grid article, body.dark-mode .live-cams-provider-grid a, body.dark-mode .world-numbers-extra a{ box-shadow:none; } } /* ========================================================= V38.9.11 – Mobile horizontal D-pad fix Breakout + Star Defender only use left/right movement. ========================================================= */ @media(max-width:700px){ .mobile-game-focus .breakout-game .nova-dpad-horizontal .dpad-unused, .mobile-game-focus .invaders-game .nova-dpad-horizontal .dpad-unused{ display:none!important; } /* Only the meaningful horizontal arrows remain visible. */ .mobile-game-focus .breakout-game .nova-dpad-horizontal [data-breakout="left"], .mobile-game-focus .invaders-game .nova-dpad-horizontal [data-invaders="left"]{ display:grid!important; place-items:center!important; left:2px!important; right:auto!important; top:39px!important; bottom:auto!important; font-size:24px!important; opacity:1!important; color:#c9f0ff!important; } .mobile-game-focus .breakout-game .nova-dpad-horizontal [data-breakout="right"], .mobile-game-focus .invaders-game .nova-dpad-horizontal [data-invaders="right"]{ display:grid!important; place-items:center!important; left:auto!important; right:2px!important; top:39px!important; bottom:auto!important; font-size:24px!important; opacity:1!important; color:#c9f0ff!important; } /* Hide the old center-dot button; the draggable stick is the visual center. */ .mobile-game-focus .breakout-game .nova-dpad-horizontal .dpad-center, .mobile-game-focus .invaders-game .nova-dpad-horizontal .dpad-center{ opacity:0!important; pointer-events:none!important; } /* Make the circular base read as a horizontal controller rather than a 4-way D-pad. */ .mobile-game-focus .breakout-game .nova-dpad-horizontal, .mobile-game-focus .invaders-game .nova-dpad-horizontal{ background: radial-gradient(circle at 50% 50%,#274d69 0 26%,transparent 27%), linear-gradient(90deg,#17334a 0 22%,#0d2437 22% 78%,#17334a 78% 100%)!important; } } @media(max-width:390px){ .mobile-game-focus .breakout-game .nova-dpad-horizontal [data-breakout="left"], .mobile-game-focus .invaders-game .nova-dpad-horizontal [data-invaders="left"]{ left:1px!important; top:34px!important; } .mobile-game-focus .breakout-game .nova-dpad-horizontal [data-breakout="right"], .mobile-game-focus .invaders-game .nova-dpad-horizontal [data-invaders="right"]{ right:1px!important; top:34px!important; } } /* V38.9.11 – Block Drop Mobile Board Grounding */ @media(max-width:700px){ .mobile-game-focus .block-game #blockCanvas{ background:linear-gradient(180deg,#143b5d 0%,#0e2e49 72%,#173f5d 100%)!important; border-color:#5bbbe2!important; box-shadow: inset 0 0 0 1px rgba(178,232,255,.14), 0 8px 20px rgba(0,0,0,.18)!important; } } /* ========================================================= NOVA AI V38.9.11 – Mastermind Isolierte Styles, keine Änderungen an bestehenden Spielen. ========================================================= */ .mastermind-game{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.7fr);gap:14px} .mastermind-main-card,.mastermind-side-card{min-width:0} .mastermind-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0} .mastermind-status-grid>div{padding:9px 10px;border:1px solid #cddce8;border-radius:12px;background:#f7fbff;text-align:center} .mastermind-status-grid small,.mastermind-status-grid strong{display:block} .mastermind-status-grid small{font-size:8px;letter-spacing:.08em;color:#71889a;font-weight:900} .mastermind-status-grid strong{margin-top:3px;font-size:14px;color:#183d5b} .mastermind-secret{display:flex;justify-content:center;gap:10px;margin:10px 0;padding:12px;border-radius:14px;background:linear-gradient(135deg,#102a43,#173e5a)} .mastermind-secret span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:2px solid #547895;background:#0c1d2d;color:#a6cbe2;font-size:19px;font-weight:900} .mastermind-secret span.revealed{background:var(--mm-color);border-color:rgba(255,255,255,.8);box-shadow:0 0 17px var(--mm-color)} .mastermind-legend{display:flex;gap:13px;justify-content:center;flex-wrap:wrap;margin:8px 0 10px;font-size:10px;color:#667d90} .mastermind-legend span{display:flex;align-items:center;gap:5px} .mastermind-legend i{width:10px;height:10px;border-radius:50%;border:1px solid #9fb0bd} .mastermind-legend i.exact,.mm-board-hints i.exact{background:#2ed58c!important;border-color:#2ed58c!important} .mastermind-legend i.color,.mm-board-hints i.color{background:#ffd24d!important;border-color:#ffd24d!important} .mastermind-board{display:grid;gap:6px;max-height:455px;overflow:auto;padding:3px} .mm-board-row{display:grid;grid-template-columns:26px minmax(0,1fr) 70px;align-items:center;gap:8px;min-height:46px;padding:6px 8px;border:1px solid #d8e3ec;border-radius:11px;background:#fff} .mm-board-row>span{font-size:9px;font-weight:900;color:#7d91a1;text-align:center} .mm-board-code{display:flex;gap:7px} .mm-board-code i{width:29px;height:29px;border-radius:50%;border:2px solid #d0dce5;background:#edf3f7} .mm-board-row.played .mm-board-code i{background:var(--mm-color);border-color:rgba(0,0,0,.18);box-shadow:inset 0 2px 3px rgba(255,255,255,.4),0 3px 7px rgba(0,0,0,.15)} .mm-board-hints{display:grid;grid-template-columns:repeat(2,11px);gap:4px;justify-content:center} .mm-board-hints i{width:9px;height:9px;border-radius:50%;border:1px solid #c4d0d9;background:#edf1f4} .mastermind-side-card{display:flex;flex-direction:column;gap:11px} .mastermind-nova-box{display:flex;align-items:center;gap:10px;padding:10px;border-radius:13px;background:linear-gradient(135deg,#102b43,#164261);color:#fff} .mastermind-nova-icon{width:44px;height:44px;flex:0 0 44px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 45% 35%,#62e6ff,#167ac9 45%,#081b2b 72%);font-weight:1000;font-size:19px} .mastermind-nova-box div{display:grid;gap:2px} .mastermind-nova-box small{font-size:7px;letter-spacing:.12em;color:#75ddff;font-weight:900} .mastermind-nova-box strong{font-size:10px;line-height:1.35} .mastermind-difficulty{display:grid;gap:5px;font-size:10px;font-weight:900;color:#294a62} .mastermind-difficulty select{width:100%;padding:9px 10px;border:1px solid #bdd0de;border-radius:10px;background:#fff;color:#17374e} .mastermind-current-box{padding:10px;border:1px solid #cbdbe7;border-radius:13px;background:#f8fbfd} .mastermind-current-box>small{display:block;margin-bottom:7px;font-size:8px;letter-spacing:.1em;color:#72899a;font-weight:900} .mastermind-current{display:flex;justify-content:center;gap:7px} .mm-current-slot{width:42px;height:42px;border-radius:50%;border:2px dashed #aec1cf;background:#edf4f8;color:#7691a4;font-size:18px;font-weight:900;cursor:pointer} .mm-current-slot.filled{background:var(--mm-color);border-style:solid;border-color:rgba(0,0,0,.18);color:transparent;box-shadow:inset 0 2px 3px rgba(255,255,255,.45),0 3px 7px rgba(0,0,0,.16)} .mastermind-palette{display:grid;grid-template-columns:repeat(5,1fr);gap:8px} .mm-color-button{aspect-ratio:1;border-radius:50%;border:2px solid rgba(0,0,0,.2);background:var(--mm-color);box-shadow:inset 0 2px 4px rgba(255,255,255,.42),0 4px 9px rgba(0,0,0,.16);cursor:pointer;transition:.12s} .mm-color-button:hover,.mm-color-button:focus-visible{transform:translateY(-2px) scale(1.04);outline:3px solid rgba(38,150,224,.16)} .mastermind-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px} .mastermind-actions #mmRestart{grid-column:1/-1} .mastermind-help{padding:9px 10px;border-radius:11px;background:#edf6fb;color:#647d90;font-size:10px;line-height:1.45} .mastermind-help b{display:block;margin-bottom:3px;color:#24465e} .mastermind-help p{margin:0} body.dark-mode #moduleModal.nova-games-modal .mastermind-status-grid>div, body.dark-mode #moduleModal.nova-games-modal .mastermind-current-box, body.dark-mode #moduleModal.nova-games-modal .mm-board-row{ background:#10263a!important;border-color:#3d6078!important;color:#fff!important } body.dark-mode #moduleModal.nova-games-modal .mastermind-status-grid strong, body.dark-mode #moduleModal.nova-games-modal .mastermind-difficulty, body.dark-mode #moduleModal.nova-games-modal .mastermind-help b{color:#f6fbff!important} body.dark-mode #moduleModal.nova-games-modal .mastermind-status-grid small, body.dark-mode #moduleModal.nova-games-modal .mastermind-current-box>small, body.dark-mode #moduleModal.nova-games-modal .mastermind-legend{color:#b9cedd!important} body.dark-mode #moduleModal.nova-games-modal .mastermind-difficulty select{background:#0b1d2e!important;border-color:#4a6c84!important;color:#fff!important} body.dark-mode #moduleModal.nova-games-modal .mastermind-difficulty option{background:#0b1d2e;color:#fff} body.dark-mode #moduleModal.nova-games-modal .mastermind-help{background:#15334a!important;color:#bfd1df!important} body.dark-mode #moduleModal.nova-games-modal .mm-current-slot{background:#18354d;border-color:#68869b;color:#c1d4e1} @media(max-width:700px){ .mobile-game-focus .mastermind-game{grid-template-columns:1fr;gap:6px} .mobile-game-focus .mastermind-main-card,.mobile-game-focus .mastermind-side-card{padding:7px!important} .mobile-game-focus .mastermind-status-grid{gap:3px;margin:5px 0} .mobile-game-focus .mastermind-status-grid>div{padding:4px 5px} .mobile-game-focus .mastermind-status-grid small{font-size:6px} .mobile-game-focus .mastermind-status-grid strong{font-size:10px} .mobile-game-focus .mastermind-secret{margin:5px 0;padding:6px;gap:6px} .mobile-game-focus .mastermind-secret span{width:29px;height:29px;font-size:13px} .mobile-game-focus .mastermind-legend{font-size:7px;gap:7px;margin:4px 0} .mobile-game-focus .mastermind-board{max-height:205px;gap:3px} .mobile-game-focus .mm-board-row{grid-template-columns:18px minmax(0,1fr) 50px;min-height:32px;padding:3px 4px;gap:4px} .mobile-game-focus .mm-board-code{gap:4px} .mobile-game-focus .mm-board-code i{width:21px;height:21px} .mobile-game-focus .mm-board-hints{grid-template-columns:repeat(2,7px);gap:2px} .mobile-game-focus .mm-board-hints i{width:6px;height:6px} .mobile-game-focus .mastermind-side-card{gap:5px} .mobile-game-focus .mastermind-nova-box{padding:5px} .mobile-game-focus .mastermind-nova-icon{width:30px;height:30px;flex-basis:30px;font-size:13px} .mobile-game-focus .mastermind-difficulty{font-size:7px;gap:2px} .mobile-game-focus .mastermind-difficulty select{padding:5px;font-size:8px} .mobile-game-focus .mastermind-current-box{padding:5px} .mobile-game-focus .mastermind-current-box>small{margin-bottom:3px;font-size:6px} .mobile-game-focus .mastermind-current{gap:4px} .mobile-game-focus .mm-current-slot{width:29px;height:29px;font-size:13px} .mobile-game-focus .mastermind-palette{grid-template-columns:repeat(5,29px);justify-content:center;gap:4px} .mobile-game-focus .mm-color-button{width:29px;height:29px} .mobile-game-focus .mastermind-actions{gap:3px} .mobile-game-focus .mastermind-actions .btn{min-height:29px!important;padding:5px!important;font-size:8px!important} .mobile-game-focus .mastermind-help{display:none} } /* ========================================================= V38.9.11 – Gastronomie & Genuss ========================================================= */ .nova-gastro-module{display:grid;gap:16px} .nova-gastro-hero{ display:flex;justify-content:space-between;gap:18px;align-items:center; padding:18px;border:1px solid #cfe0ec;border-radius:18px; background:linear-gradient(135deg,#fff8ee,#f4fbff) } .nova-gastro-hero h2{margin:5px 0 6px!important} .nova-gastro-hero .module-intro{margin:0} .nova-gastro-place{ min-width:190px;display:flex;align-items:center;gap:10px;padding:12px 14px; border:1px solid #d4e2ec;border-radius:14px;background:#fff } .nova-gastro-place>span{font-size:25px} .nova-gastro-place div{display:grid} .nova-gastro-place small{font-size:8px;letter-spacing:.11em;color:#788e9f;font-weight:900} .nova-gastro-place b{font-size:13px;color:#173b55} .nova-gastro-tip{ display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:12px; padding:13px 15px;border:1px solid #ead9b8;border-radius:16px; background:linear-gradient(135deg,#fff8e9,#fffdf8) } .nova-gastro-tip-icon{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;font-size:29px;background:#fff;border:1px solid #eadcc3} .nova-gastro-tip small{font-size:8px;letter-spacing:.12em;color:#a17320;font-weight:900} .nova-gastro-tip h3{margin:2px 0;font-size:16px} .nova-gastro-tip p{margin:0;color:#6f7781;font-size:11px} .nova-gastro-tip button{border:1px solid #d3aa5d;border-radius:10px;padding:9px 12px;background:#fff;color:#81560a;font-weight:900;cursor:pointer} .nova-gastro-search,.nova-gastro-section{ padding:15px;border:1px solid #d5e2eb;border-radius:17px;background:#fafdff } .nova-gastro-section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:11px} .nova-gastro-section-head small{font-size:8px;letter-spacing:.12em;color:#71899b;font-weight:900} .nova-gastro-section-head h3{margin:2px 0 0;font-size:17px} .nova-gastro-section-head>span{font-size:9px;color:#788d9d} .nova-gastro-search-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr auto;gap:8px;align-items:end} .nova-gastro-search-grid label{display:grid;gap:5px} .nova-gastro-search-grid label>span{font-size:9px;color:#536d80;font-weight:900} .nova-gastro-search-grid input,.nova-gastro-search-grid select{ min-height:42px;width:100%;border:1px solid #c5d6e2;border-radius:10px;padding:0 10px;background:#fff;color:#17364e } .nova-gastro-search-grid .btn{min-height:42px;padding:8px 13px} .nova-gastro-summary{margin-top:9px;padding:8px 10px;border-radius:9px;background:#edf6fb;color:#355a72;font-size:10px;font-weight:800} .nova-gastro-category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px} .nova-gastro-category-grid button{ min-height:88px;border:1px solid #d1dee8;border-radius:13px;background:#fff; display:grid;place-items:center;gap:3px;padding:9px;cursor:pointer;color:#17364e } .nova-gastro-category-grid button:hover{border-color:#e4a740;transform:translateY(-2px);box-shadow:0 8px 18px rgba(110,79,29,.1)} .nova-gastro-category-grid span{font-size:25px} .nova-gastro-category-grid b{font-size:11px} .nova-gastro-category-grid small{font-size:8px;color:#7c8f9e} .nova-gastro-cuisine-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px} .nova-gastro-cuisine-grid button{ min-height:61px;border:1px solid #d2dfe8;border-radius:11px;background:#fff; display:flex;align-items:center;justify-content:center;gap:7px;padding:8px;cursor:pointer;color:#17364e } .nova-gastro-cuisine-grid button:hover{border-color:#62aee5;background:#f1f9ff} .nova-gastro-cuisine-grid span{font-size:18px} .nova-gastro-cuisine-grid b{font-size:10px} .nova-gastro-portal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px} .nova-gastro-portal-grid button{ min-height:72px;border:1px solid #d0dee8;border-radius:12px;background:#fff; display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;text-align:left;padding:10px;color:#17364e;cursor:pointer } .nova-gastro-portal-grid button:hover{border-color:#54a8df;transform:translateY(-2px)} .nova-gastro-portal-grid>button>span{font-size:22px} .nova-gastro-portal-grid button div{display:grid} .nova-gastro-portal-grid b{font-size:10px} .nova-gastro-portal-grid small{font-size:8px;color:#758b9c;margin-top:2px} .nova-gastro-portal-grid em{font-style:normal;color:#2387c8;font-weight:900} .nova-gastro-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:8px} .nova-gastro-tools a{ min-height:72px;border:1px solid #d4e1ea;border-radius:12px;background:#fff;color:#17364e;text-decoration:none; display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;gap:2px 8px;align-items:center;padding:10px } .nova-gastro-tools a:hover{border-color:#e3ad4d;transform:translateY(-2px)} .nova-gastro-tools span{grid-row:1/3;font-size:22px} .nova-gastro-tools b{font-size:10px} .nova-gastro-tools small{font-size:8px;color:#758b9c} .nova-gastro-note{display:flex;gap:9px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:#eef6fb;color:#5d7689} .nova-gastro-note p{margin:0;font-size:9px;line-height:1.5} /* Dark mode */ body.dark-mode #moduleModal .nova-gastro-hero{ background:linear-gradient(135deg,#2f271d,#102a3d)!important;border-color:#5f5547!important } body.dark-mode #moduleModal .nova-gastro-place, body.dark-mode #moduleModal .nova-gastro-search, body.dark-mode #moduleModal .nova-gastro-section, body.dark-mode #moduleModal .nova-gastro-category-grid button, body.dark-mode #moduleModal .nova-gastro-cuisine-grid button, body.dark-mode #moduleModal .nova-gastro-portal-grid button, body.dark-mode #moduleModal .nova-gastro-tools a{ background:#10263a!important;border-color:#3d6078!important;color:#f4f9fd!important } body.dark-mode #moduleModal .nova-gastro-place b, body.dark-mode #moduleModal .nova-gastro-category-grid b, body.dark-mode #moduleModal .nova-gastro-cuisine-grid b, body.dark-mode #moduleModal .nova-gastro-portal-grid b, body.dark-mode #moduleModal .nova-gastro-tools b, body.dark-mode #moduleModal .nova-gastro-section-head h3{color:#fff!important} body.dark-mode #moduleModal .nova-gastro-place small, body.dark-mode #moduleModal .nova-gastro-section-head small, body.dark-mode #moduleModal .nova-gastro-category-grid small, body.dark-mode #moduleModal .nova-gastro-portal-grid small, body.dark-mode #moduleModal .nova-gastro-tools small, body.dark-mode #moduleModal .nova-gastro-section-head>span{color:#b9cedd!important} body.dark-mode #moduleModal .nova-gastro-tip{background:linear-gradient(135deg,#3a2c18,#282519)!important;border-color:#765a2d!important} body.dark-mode #moduleModal .nova-gastro-tip-icon{background:#2a2418!important;border-color:#765a2d!important} body.dark-mode #moduleModal .nova-gastro-tip p{color:#d7cbb6!important} body.dark-mode #moduleModal .nova-gastro-tip button{background:#2a2418!important;color:#ffd788!important;border-color:#8a6930!important} body.dark-mode #moduleModal .nova-gastro-search-grid input, body.dark-mode #moduleModal .nova-gastro-search-grid select{background:#0b1d2e!important;border-color:#4b6d85!important;color:#fff!important} body.dark-mode #moduleModal .nova-gastro-summary, body.dark-mode #moduleModal .nova-gastro-note{background:#15334a!important;color:#c0d2df!important} @media(max-width:900px){ .nova-gastro-search-grid{grid-template-columns:repeat(2,1fr)} .nova-gastro-search-grid .btn{grid-column:1/-1} .nova-gastro-category-grid{grid-template-columns:repeat(3,1fr)} .nova-gastro-cuisine-grid{grid-template-columns:repeat(4,1fr)} } @media(max-width:650px){ .nova-gastro-hero{align-items:flex-start;flex-direction:column;padding:12px} .nova-gastro-place{width:100%;min-width:0} .nova-gastro-tip{grid-template-columns:42px 1fr} .nova-gastro-tip-icon{width:42px;height:42px;font-size:22px} .nova-gastro-tip button{grid-column:1/-1;width:100%} .nova-gastro-search-grid{grid-template-columns:1fr} .nova-gastro-search-grid .btn{grid-column:auto} .nova-gastro-category-grid{grid-template-columns:repeat(2,1fr)} .nova-gastro-cuisine-grid{grid-template-columns:repeat(3,1fr)} .nova-gastro-portal-grid{grid-template-columns:1fr} .nova-gastro-tools{grid-template-columns:repeat(2,1fr)} } /* V38.9.11 – bessere Lesbarkeit */ .sidebar-modules button b{ font-size:12px!important; line-height:1.25!important; font-weight:850!important; } .sidebar-modules button span{ font-size:18px!important; } .sidebar-modules button{ min-height:42px!important; padding-top:7px!important; padding-bottom:7px!important; } /* Gastronomie & Genuss – Schrift insgesamt größer */ .nova-gastro-module .eyebrow{font-size:10px!important} .nova-gastro-module h2{font-size:22px!important;line-height:1.2!important} .nova-gastro-module .module-intro{font-size:13px!important;line-height:1.5!important} .nova-gastro-place small, .nova-gastro-tip small, .nova-gastro-section-head small{font-size:10px!important} .nova-gastro-place b{font-size:15px!important} .nova-gastro-tip h3, .nova-gastro-section-head h3{font-size:18px!important} .nova-gastro-tip p{font-size:12px!important} .nova-gastro-search-grid label>span{font-size:11px!important} .nova-gastro-search-grid input, .nova-gastro-search-grid select{font-size:12px!important} .nova-gastro-summary{font-size:12px!important} .nova-gastro-category-grid b{font-size:13px!important} .nova-gastro-category-grid small{font-size:10px!important} .nova-gastro-cuisine-grid b{font-size:12px!important} .nova-gastro-portal-grid b{font-size:12px!important} .nova-gastro-portal-grid small{font-size:10px!important;line-height:1.35!important} .nova-gastro-tools b{font-size:12px!important} .nova-gastro-tools small{font-size:10px!important} .nova-gastro-note p{font-size:11px!important} @media(max-width:650px){ .sidebar-modules button b{font-size:11px!important} .nova-gastro-module h2{font-size:19px!important} .nova-gastro-module .module-intro{font-size:12px!important} .nova-gastro-category-grid b{font-size:12px!important} } /* ========================================================= V38.9.11 – NOVA Ärzte Light + Dark Mode + Mobile ========================================================= */ .nova-doctors-panel{display:grid;gap:14px;margin-bottom:16px} .nova-doctors-head{ display:flex;justify-content:space-between;align-items:center;gap:16px; padding:17px;border:1px solid #cfe0ec;border-radius:18px; background:linear-gradient(135deg,#f3fbff,#f7fffb) } .nova-doctors-head h3{margin:3px 0 4px;font-size:20px;color:#153b58} .nova-doctors-head p{margin:0;max-width:650px;font-size:12px;line-height:1.5;color:#60788a} .nova-doctors-place{ flex:0 0 auto;padding:10px 13px;border:1px solid #c8dce9;border-radius:12px; background:#fff;color:#214b68;font-size:11px;font-weight:900 } .nova-doctors-search{ display:grid;grid-template-columns:1fr auto;gap:9px;align-items:end; padding:13px;border:1px solid #d4e2ec;border-radius:15px;background:#f9fcff } .nova-doctors-search label{display:grid;gap:5px} .nova-doctors-search label span{font-size:10px;font-weight:900;color:#49677c} .nova-doctors-search input{ min-height:44px;width:100%;border:1px solid #bfd2df;border-radius:10px; padding:0 12px;background:#fff;color:#17364e;font-size:13px } .nova-doctors-search .btn{min-height:44px;padding:8px 15px} .nova-doctors-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px} .nova-doctors-quick button{ min-height:92px;border:1px solid #d0dfe9;border-radius:13px;background:#fff; display:grid;place-items:center;align-content:center;gap:3px;padding:10px;color:#17364e;cursor:pointer } .nova-doctors-quick button:hover{ transform:translateY(-2px);border-color:#56aee5; box-shadow:0 9px 20px rgba(35,94,132,.11);background:#f6fbff } .nova-doctors-quick button>span{font-size:25px} .nova-doctors-quick b{font-size:12px} .nova-doctors-quick small{font-size:9px;color:#748b9b} .nova-doctors-services-head{ display:flex;justify-content:space-between;align-items:end;gap:10px;margin-top:2px } .nova-doctors-services-head small{font-size:9px;letter-spacing:.11em;color:#6f8799;font-weight:900} .nova-doctors-services-head h4{margin:2px 0 0;font-size:16px;color:#183d59} .nova-doctors-services-head>span{font-size:9px;color:#7b8f9e} .nova-doctors-services{display:grid;grid-template-columns:repeat(3,1fr);gap:8px} .nova-doctors-services button{ min-height:70px;border:1px solid #d0dfe9;border-radius:12px;background:#fff; display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;padding:10px;text-align:left;color:#17364e;cursor:pointer } .nova-doctors-services button:hover{border-color:#4da9df;transform:translateY(-2px)} .nova-doctors-services button>span{font-size:22px} .nova-doctors-services button div{display:grid;gap:2px} .nova-doctors-services b{font-size:11px} .nova-doctors-services small{font-size:9px;color:#748b9b} .nova-doctors-services em{font-style:normal;color:#2489c5;font-weight:900} .nova-doctors-emergency{ display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center; padding:13px 14px;border:1px solid #efc7c7;border-radius:15px; background:linear-gradient(135deg,#fff7f7,#fffdfb) } .nova-doctors-emergency>div:first-child{display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:start} .nova-doctors-emergency>div:first-child>span{font-size:27px} .nova-doctors-emergency small{display:block;font-size:8px;letter-spacing:.11em;color:#b05252;font-weight:900} .nova-doctors-emergency b{display:block;margin:2px 0;font-size:12px;color:#6b2e2e} .nova-doctors-emergency p{margin:0;font-size:10px;line-height:1.45;color:#765c5c} .nova-doctors-emergency-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end} .nova-doctors-emergency-actions a{ padding:8px 9px;border:1px solid #dfb7b7;border-radius:9px;background:#fff; color:#8d3737;text-decoration:none;font-size:9px;font-weight:900 } .nova-doctors-emergency-actions a.danger{background:#b82d39;border-color:#b82d39;color:#fff} .nova-doctors-related{display:grid;grid-template-columns:1fr 1fr;gap:8px} .nova-doctors-related button{ min-height:61px;border:1px solid #d3e1ea;border-radius:12px;background:#f9fcff; display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;gap:2px 8px;align-items:center;text-align:left;color:#17364e;cursor:pointer } .nova-doctors-related span{grid-row:1/3;font-size:22px} .nova-doctors-related b{font-size:11px} .nova-doctors-related small{font-size:9px;color:#73899a} .nova-doctors-note{ display:flex;gap:8px;padding:10px 12px;border-radius:11px;background:#eef6fb;color:#597486; font-size:10px;line-height:1.45 } .nova-doctors-note b{color:#254d68;white-space:nowrap} /* Hide the old six generic doctor cards because the new doctor hub supersedes them. */ .nova-doctors-panel + .local-choice-grid{display:none!important} /* DARK MODE */ body.dark-mode #moduleModal .nova-doctors-head{ background:linear-gradient(135deg,#102a42,#153b38)!important; border-color:#3e6179!important } body.dark-mode #moduleModal .nova-doctors-head h3, body.dark-mode #moduleModal .nova-doctors-services-head h4{color:#f6fbff!important} body.dark-mode #moduleModal .nova-doctors-head p, body.dark-mode #moduleModal .nova-doctors-services-head small, body.dark-mode #moduleModal .nova-doctors-services-head>span{color:#bdd0de!important} body.dark-mode #moduleModal .nova-doctors-place, body.dark-mode #moduleModal .nova-doctors-search, body.dark-mode #moduleModal .nova-doctors-quick button, body.dark-mode #moduleModal .nova-doctors-services button, body.dark-mode #moduleModal .nova-doctors-related button{ background:#10263a!important;border-color:#3e6078!important;color:#f5f9fc!important } body.dark-mode #moduleModal .nova-doctors-search label span, body.dark-mode #moduleModal .nova-doctors-quick small, body.dark-mode #moduleModal .nova-doctors-services small, body.dark-mode #moduleModal .nova-doctors-related small{color:#b9cedd!important} body.dark-mode #moduleModal .nova-doctors-search input{ background:#0a1d2e!important;border-color:#4b6d85!important;color:#fff!important } body.dark-mode #moduleModal .nova-doctors-quick b, body.dark-mode #moduleModal .nova-doctors-services b, body.dark-mode #moduleModal .nova-doctors-related b{color:#fff!important} body.dark-mode #moduleModal .nova-doctors-note{ background:#15334a!important;color:#c0d2df!important } body.dark-mode #moduleModal .nova-doctors-note b{color:#f4f9fd!important} body.dark-mode #moduleModal .nova-doctors-emergency{ background:linear-gradient(135deg,#3a2025,#2e2023)!important;border-color:#814651!important } body.dark-mode #moduleModal .nova-doctors-emergency b{color:#ffd3d7!important} body.dark-mode #moduleModal .nova-doctors-emergency p{color:#e2bdc1!important} body.dark-mode #moduleModal .nova-doctors-emergency-actions a{ background:#251b1e!important;border-color:#79505a!important;color:#ffd4d8!important } body.dark-mode #moduleModal .nova-doctors-emergency-actions a.danger{ background:#c53a47!important;border-color:#c53a47!important;color:#fff!important } /* MOBILE */ @media(max-width:760px){ .nova-doctors-head{align-items:flex-start;flex-direction:column;padding:12px} .nova-doctors-place{width:100%} .nova-doctors-head h3{font-size:18px} .nova-doctors-head p{font-size:11px} .nova-doctors-search{grid-template-columns:1fr} .nova-doctors-search .btn{width:100%} .nova-doctors-quick{grid-template-columns:repeat(2,1fr);gap:6px} .nova-doctors-quick button{min-height:78px;padding:8px} .nova-doctors-services{grid-template-columns:1fr} .nova-doctors-services-head{align-items:flex-start;flex-direction:column} .nova-doctors-emergency{grid-template-columns:1fr} .nova-doctors-emergency-actions{justify-content:flex-start} } @media(max-width:390px){ .nova-doctors-quick button>span{font-size:22px} .nova-doctors-quick b{font-size:11px} .nova-doctors-related{grid-template-columns:1fr} } /* ========================================================= V38.9.11 – Ärzte: größere, besser lesbare Typografie Nur Ärzte-Modul, Light + Dark + Mobile ========================================================= */ .nova-doctors-head .eyebrow{ font-size:11px!important; line-height:1.3!important; } .nova-doctors-head h3{ font-size:22px!important; line-height:1.25!important; } .nova-doctors-head p{ font-size:14px!important; line-height:1.55!important; } .nova-doctors-place{ font-size:13px!important; line-height:1.35!important; } .nova-doctors-search label span{ font-size:12px!important; line-height:1.35!important; } .nova-doctors-search input{ font-size:14px!important; } .nova-doctors-search .btn{ font-size:13px!important; } .nova-doctors-quick b{ font-size:14px!important; line-height:1.25!important; } .nova-doctors-quick small{ font-size:11px!important; line-height:1.3!important; } .nova-doctors-services-head small{ font-size:10px!important; } .nova-doctors-services-head h4{ font-size:18px!important; } .nova-doctors-services-head>span{ font-size:11px!important; } .nova-doctors-services b{ font-size:13px!important; line-height:1.25!important; } .nova-doctors-services small{ font-size:11px!important; line-height:1.35!important; } .nova-doctors-emergency small{ font-size:10px!important; } .nova-doctors-emergency b{ font-size:14px!important; line-height:1.3!important; } .nova-doctors-emergency p{ font-size:12px!important; line-height:1.5!important; } .nova-doctors-emergency-actions a{ font-size:11px!important; } .nova-doctors-related b{ font-size:13px!important; } .nova-doctors-related small{ font-size:11px!important; line-height:1.35!important; } .nova-doctors-note{ font-size:12px!important; line-height:1.5!important; } /* Dark Mode keeps the same larger typography and contrast. */ body.dark-mode #moduleModal .nova-doctors-head p, body.dark-mode #moduleModal .nova-doctors-quick small, body.dark-mode #moduleModal .nova-doctors-services small, body.dark-mode #moduleModal .nova-doctors-related small{ color:#c7d9e5!important; } /* Mobile: still clearly readable, without overflowing cards. */ @media(max-width:760px){ .nova-doctors-head .eyebrow{font-size:10px!important} .nova-doctors-head h3{font-size:20px!important} .nova-doctors-head p{font-size:13px!important} .nova-doctors-place{font-size:12px!important} .nova-doctors-search label span{font-size:11px!important} .nova-doctors-search input{font-size:14px!important} .nova-doctors-quick b{font-size:13px!important} .nova-doctors-quick small{font-size:10.5px!important} .nova-doctors-services b{font-size:12.5px!important} .nova-doctors-services small{font-size:10.5px!important} .nova-doctors-emergency b{font-size:13px!important} .nova-doctors-emergency p{font-size:11.5px!important} .nova-doctors-related b{font-size:12.5px!important} .nova-doctors-related small{font-size:10.5px!important} .nova-doctors-note{font-size:11px!important} } /* V38.9.11 – Auto & Mobil */ .nova-mobility-panel{display:grid;gap:14px;margin-bottom:16px} .nova-mobility-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px;border:1px solid #cedfea;border-radius:18px;background:linear-gradient(135deg,#f4faff,#f5fcff)} .nova-mobility-head .eyebrow{font-size:11px!important}.nova-mobility-head h3{margin:3px 0 4px;font-size:22px;line-height:1.25;color:#153b58}.nova-mobility-head p{margin:0;font-size:14px;line-height:1.55;color:#60798b}.nova-mobility-place{padding:10px 13px;border:1px solid #c7dae7;border-radius:12px;background:#fff;color:#214b68;font-size:13px;font-weight:900;white-space:nowrap} .nova-mobility-search{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:end;padding:13px;border:1px solid #d4e2ec;border-radius:15px;background:#f9fcff}.nova-mobility-search label{display:grid;gap:5px}.nova-mobility-search label span{font-size:12px;font-weight:900;color:#49677c}.nova-mobility-search input{min-height:44px;border:1px solid #bfd2df;border-radius:10px;padding:0 12px;background:#fff;color:#17364e;font-size:14px}.nova-mobility-search .btn{min-height:44px;font-size:13px} .nova-mobility-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.nova-mobility-quick button{min-height:94px;border:1px solid #d0dfe9;border-radius:13px;background:#fff;display:grid;place-items:center;align-content:center;gap:3px;padding:10px;color:#17364e;cursor:pointer}.nova-mobility-quick button:hover{transform:translateY(-2px);border-color:#4da8df;background:#f5fbff}.nova-mobility-quick button>span{font-size:26px}.nova-mobility-quick b{font-size:14px;line-height:1.25}.nova-mobility-quick small{font-size:11px;line-height:1.3;color:#748b9b;text-align:center} .nova-mobility-section-head{display:flex;justify-content:space-between;align-items:end;gap:10px}.nova-mobility-section-head small{font-size:10px;letter-spacing:.11em;color:#6f8799;font-weight:900}.nova-mobility-section-head h4{margin:2px 0 0;font-size:18px;color:#183d59}.nova-mobility-section-head>span{font-size:11px;color:#7b8f9e} .nova-mobility-services{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.nova-mobility-services button{min-height:74px;border:1px solid #d0dfe9;border-radius:12px;background:#fff;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;padding:10px;text-align:left;color:#17364e;cursor:pointer}.nova-mobility-services button>span{font-size:22px}.nova-mobility-services button div{display:grid;gap:2px}.nova-mobility-services b{font-size:13px}.nova-mobility-services small{font-size:11px;line-height:1.35;color:#748b9b}.nova-mobility-services em{font-style:normal;color:#2489c5;font-weight:900} .nova-mobility-assist{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:13px 14px;border:1px solid #ecd1ad;border-radius:15px;background:#fffaf2}.nova-mobility-assist>div:first-child{display:grid;grid-template-columns:38px 1fr;gap:9px}.nova-mobility-assist>div:first-child>span{font-size:27px}.nova-mobility-assist small{font-size:10px;color:#9a6819;font-weight:900}.nova-mobility-assist b{display:block;font-size:14px;color:#62471e}.nova-mobility-assist p{margin:2px 0 0;font-size:12px;line-height:1.5;color:#75664d}.nova-mobility-assist>div:last-child{display:flex;gap:5px;flex-wrap:wrap}.nova-mobility-assist a{padding:8px 9px;border:1px solid #dec69d;border-radius:9px;background:#fff;color:#79591d;text-decoration:none;font-size:11px;font-weight:900}.nova-mobility-assist a.danger{background:#b82d39;border-color:#b82d39;color:#fff} .nova-mobility-related{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.nova-mobility-related button{min-height:66px;border:1px solid #d3e1ea;border-radius:12px;background:#f9fcff;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;gap:2px 8px;align-items:center;text-align:left;color:#17364e;cursor:pointer}.nova-mobility-related span{grid-row:1/3;font-size:22px}.nova-mobility-related b{font-size:13px}.nova-mobility-related small{font-size:11px;line-height:1.35;color:#73899a}.nova-mobility-note{display:flex;gap:8px;padding:10px 12px;border-radius:11px;background:#eef6fb;color:#597486;font-size:12px;line-height:1.5}.nova-mobility-note b{color:#254d68;white-space:nowrap} .nova-mobility-panel + .local-choice-grid{display:none!important} body.dark-mode #moduleModal .nova-mobility-head{background:linear-gradient(135deg,#102a42,#172d3d)!important;border-color:#3e6179!important}body.dark-mode #moduleModal .nova-mobility-head h3,body.dark-mode #moduleModal .nova-mobility-section-head h4{color:#fff!important}body.dark-mode #moduleModal .nova-mobility-head p,body.dark-mode #moduleModal .nova-mobility-section-head small,body.dark-mode #moduleModal .nova-mobility-section-head>span{color:#c3d5e1!important} body.dark-mode #moduleModal .nova-mobility-place,body.dark-mode #moduleModal .nova-mobility-search,body.dark-mode #moduleModal .nova-mobility-quick button,body.dark-mode #moduleModal .nova-mobility-services button,body.dark-mode #moduleModal .nova-mobility-related button{background:#10263a!important;border-color:#3e6078!important;color:#f5f9fc!important}body.dark-mode #moduleModal .nova-mobility-search label span,body.dark-mode #moduleModal .nova-mobility-quick small,body.dark-mode #moduleModal .nova-mobility-services small,body.dark-mode #moduleModal .nova-mobility-related small{color:#c7d9e5!important}body.dark-mode #moduleModal .nova-mobility-search input{background:#0a1d2e!important;border-color:#4b6d85!important;color:#fff!important}body.dark-mode #moduleModal .nova-mobility-note{background:#15334a!important;color:#c0d2df!important}body.dark-mode #moduleModal .nova-mobility-note b{color:#fff!important}body.dark-mode #moduleModal .nova-mobility-assist{background:#30281d!important;border-color:#705b38!important}body.dark-mode #moduleModal .nova-mobility-assist b{color:#ffe0a7!important}body.dark-mode #moduleModal .nova-mobility-assist p{color:#dfceb1!important} @media(max-width:760px){.nova-mobility-head{align-items:flex-start;flex-direction:column;padding:12px}.nova-mobility-head h3{font-size:20px}.nova-mobility-head p{font-size:13px}.nova-mobility-place{width:100%;font-size:12px}.nova-mobility-search{grid-template-columns:1fr}.nova-mobility-quick{grid-template-columns:repeat(2,1fr);gap:6px}.nova-mobility-quick button{min-height:82px}.nova-mobility-quick b{font-size:13px}.nova-mobility-quick small{font-size:10.5px}.nova-mobility-services{grid-template-columns:1fr}.nova-mobility-section-head{align-items:flex-start;flex-direction:column}.nova-mobility-assist{grid-template-columns:1fr}.nova-mobility-related{grid-template-columns:1fr}} /* V39.0 – Auto & Mobil Markenfilter */ .nova-mobility-search-branded{ grid-template-columns:minmax(180px,.72fr) minmax(260px,1.35fr) auto; } .nova-mobility-search-branded label{min-width:0} .nova-mobility-search-branded select{ width:100%; min-height:44px; border:1px solid #bfd2df; border-radius:10px; padding:0 38px 0 12px; background:#fff; color:#17364e; font-size:14px; font-weight:750; } .nova-mobility-brand-hint{ grid-column:1/-1; display:flex; align-items:center; gap:10px; padding:10px 12px; border:1px solid #cfe0ea; border-radius:12px; background:linear-gradient(135deg,#eef8ff,#f7fcff); color:#244b66; } .nova-mobility-brand-hint>span{font-size:23px;flex:0 0 auto} .nova-mobility-brand-hint p{margin:0;display:grid;gap:2px} .nova-mobility-brand-hint b{font-size:13px;line-height:1.3} .nova-mobility-brand-hint small{font-size:12px;line-height:1.4;color:#60798b} body.dark-mode #moduleModal .nova-mobility-search-branded select{ background:#102b43!important; border-color:#31536b!important; color:#f2f8fc!important; } body.dark-mode #moduleModal .nova-mobility-brand-hint{ background:linear-gradient(135deg,#102a41,#12344c)!important; border-color:#31536b!important; color:#f1f7fb!important; } body.dark-mode #moduleModal .nova-mobility-brand-hint small{color:#c7d9e5!important} @media(max-width:760px){ .nova-mobility-search-branded{grid-template-columns:1fr} .nova-mobility-search-branded .nova-mobility-brand-hint{grid-column:1} .nova-mobility-search-branded select{font-size:14px;min-height:46px} .nova-mobility-brand-hint b{font-size:13px} .nova-mobility-brand-hint small{font-size:11.5px} } /* V39.1 – Freizeit & Natur: Dark-Mode-Kontrast vollständig optimiert */ body.dark-mode #moduleModal .leisure-nature-module{ color:#eef7ff; } body.dark-mode #moduleModal .leisure-nature-hero{ background:linear-gradient(135deg,#0b2639,#102f49)!important; border-color:#31536b!important; color:#f4f9fc!important; } body.dark-mode #moduleModal .leisure-nature-hero .module-intro, body.dark-mode #moduleModal .leisure-nature-hero .module-intro b{ color:#d5e4ee!important; } body.dark-mode #moduleModal .leisure-nature-place{ background:#112f46!important; border-color:#3b627b!important; color:#f4f9fc!important; } body.dark-mode #moduleModal .leisure-nature-place small{ color:#bcd0dc!important; } body.dark-mode #moduleModal .leisure-daily-tip{ background:linear-gradient(135deg,#102a40,#14384f)!important; border-color:#365d76!important; color:#f4f9fc!important; box-shadow:0 12px 28px rgba(0,0,0,.24)!important; } body.dark-mode #moduleModal .leisure-tip-icon{ background:#173d57!important; color:#fff!important; box-shadow:inset 0 0 0 1px #315b76; } body.dark-mode #moduleModal .leisure-daily-tip small{ color:#78d8ff!important; } body.dark-mode #moduleModal .leisure-daily-tip p{ color:#c8d9e4!important; } body.dark-mode #moduleModal .leisure-nature-tabs button{ background:#102b43!important; border-color:#31536b!important; color:#e9f3f8!important; } body.dark-mode #moduleModal .leisure-nature-tabs button:hover, body.dark-mode #moduleModal .leisure-nature-tabs button.active{ background:linear-gradient(135deg,#1c69d8,#1fa879)!important; border-color:transparent!important; color:#fff!important; } body.dark-mode #moduleModal .leisure-nature-output{ background:#0b2236!important; border-color:#2c4c63!important; color:#edf6fb!important; } body.dark-mode #moduleModal .leisure-nature-section-head small{ color:#69e0a2!important; } body.dark-mode #moduleModal .leisure-nature-section-head h3{ color:#f5f9fc!important; } body.dark-mode #moduleModal .leisure-nature-section-head p{ color:#c3d5e0!important; } body.dark-mode #moduleModal .leisure-nature-card{ background:linear-gradient(145deg,#102b43,#0d2539)!important; border-color:#31536b!important; color:#f2f8fc!important; box-shadow:0 9px 24px rgba(0,0,0,.18)!important; } body.dark-mode #moduleModal .leisure-nature-card:hover{ background:linear-gradient(145deg,#153a55,#102c43)!important; border-color:#5daff0!important; box-shadow:0 15px 32px rgba(0,0,0,.3)!important; } body.dark-mode #moduleModal .leisure-nature-card>span, body.dark-mode #moduleModal .nature-grid .leisure-nature-card>span{ background:linear-gradient(135deg,#183f59,#164b46)!important; color:#fff!important; box-shadow:inset 0 0 0 1px #356276; } body.dark-mode #moduleModal .leisure-nature-card b{ color:#f7fbfd!important; } body.dark-mode #moduleModal .leisure-nature-card small{ color:#bed1dc!important; } body.dark-mode #moduleModal .leisure-nature-card i{ color:#77dcff!important; } body.dark-mode #moduleModal .nature-tool-row a{ background:#102b43!important; border-color:#31536b!important; color:#7cddff!important; } body.dark-mode #moduleModal .nature-tool-row a:hover{ background:#153a55!important; border-color:#5daff0!important; color:#fff!important; } body.dark-mode #moduleModal .nature-current-grid>a, body.dark-mode #moduleModal .nature-current-grid>button{ background:#102b43!important; border-color:#31536b!important; color:#f1f7fb!important; } body.dark-mode #moduleModal .nature-current-grid>a:hover, body.dark-mode #moduleModal .nature-current-grid>button:hover{ background:#153a55!important; border-color:#5daff0!important; } body.dark-mode #moduleModal .nature-current-grid b{ color:#f7fbfd!important; } body.dark-mode #moduleModal .nature-current-grid small{ color:#bfd2de!important; } body.dark-mode #moduleModal .leisure-nature-section .btn.secondary{ background:#102b43!important; border-color:#3a6078!important; color:#eaf5fa!important; } body.dark-mode #moduleModal .leisure-nature-section .btn.secondary:hover{ background:#173d57!important; border-color:#67b7ed!important; color:#fff!important; } /* alte, wirkungslose body.dark-Regeln werden durch die echte Theme-Klasse body.dark-mode ersetzt */ /* V39.2 – Bars, Discotheken & Clubs */ .nova-nightlife-module{display:grid;gap:17px} .nova-nightlife-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:4px 0 2px} .nova-nightlife-hero h2{margin:5px 0 8px!important} .nova-nightlife-hero .module-intro{font-size:15px;line-height:1.55;max-width:720px} .nova-nightlife-place{display:flex;align-items:center;gap:10px;min-width:180px;padding:12px 14px;border:1px solid #d6e3ef;border-radius:15px;background:linear-gradient(135deg,#f5f9ff,#fff)} .nova-nightlife-place>span{font-size:22px}.nova-nightlife-place small,.nova-nightlife-place b{display:block}.nova-nightlife-place small{font-size:10px;color:#657b8e;font-weight:850;letter-spacing:.8px}.nova-nightlife-place b{font-size:15px;margin-top:2px;color:#12344f} .nova-nightlife-search{padding:16px;border:1px solid #dce6ef;border-radius:18px;background:linear-gradient(135deg,#f7fbff,#fff)} .nova-nightlife-search-head{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:12px} .nova-nightlife-search-head small,.nova-nightlife-section-head small{font-size:10px;font-weight:900;letter-spacing:1.1px;color:#1672d4} .nova-nightlife-search-head h3,.nova-nightlife-section-head h3{margin:3px 0 0;font:700 20px/1.2 Space Grotesk} .nova-nightlife-search-head>span{font-size:11px;color:#65778a} .nova-nightlife-search-row{display:grid;grid-template-columns:minmax(240px,1fr) auto auto;gap:9px} .nova-nightlife-search-row input{min-height:46px;border:1px solid #c5d5e3;border-radius:11px;padding:0 13px;background:#fff;color:#0c2840;font-size:14px;font-weight:650} .nova-nightlife-tip{display:grid;grid-template-columns:58px 1fr auto;gap:14px;align-items:center;padding:15px 17px;border:1px solid #e4d4ef;border-radius:18px;background:linear-gradient(135deg,#fbf4ff,#f3f8ff)} .nova-nightlife-tip-icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;font-size:30px;background:#fff;box-shadow:0 8px 22px rgba(60,30,95,.08)} .nova-nightlife-tip small{font-size:10px;color:#7b42a9;font-weight:900;letter-spacing:1px}.nova-nightlife-tip h3{margin:3px 0;font-size:18px}.nova-nightlife-tip p{margin:0;color:#65758a;font-size:13px;line-height:1.45} .nova-nightlife-tip button{border:0;border-radius:11px;padding:11px 14px;background:#6f3cc3;color:#fff;font-weight:850;cursor:pointer} .nova-nightlife-section{display:grid;gap:11px} .nova-nightlife-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:15px} .nova-nightlife-section-head>span{font-size:10px;color:#6c7f90} .nova-nightlife-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .nova-nightlife-card{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:10px;min-height:82px;padding:12px;border:1px solid #dce6ef;border-radius:15px;background:#fff;color:#102d45;text-align:left;cursor:pointer;transition:.18s} .nova-nightlife-card:hover{transform:translateY(-2px);border-color:#9b7bd1;box-shadow:0 10px 25px rgba(60,30,95,.10)} .nova-nightlife-card>span{width:45px;height:45px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#f5ebff,#eef7ff);font-size:24px} .nova-nightlife-card b,.nova-nightlife-card small{display:block}.nova-nightlife-card b{font-size:14px}.nova-nightlife-card small{margin-top:3px;color:#65778a;font-size:11.5px;line-height:1.35}.nova-nightlife-card i{font-style:normal;color:#7250b5;font-size:18px} .nova-nightlife-tonight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .nova-nightlife-tonight-grid button{min-height:108px;padding:13px;border:1px solid #dce6ef;border-radius:15px;background:linear-gradient(145deg,#fff,#f8fbff);color:#102d45;text-align:left;cursor:pointer} .nova-nightlife-tonight-grid button:hover{border-color:#9978cc;transform:translateY(-2px)} .nova-nightlife-tonight-grid span,.nova-nightlife-tonight-grid b,.nova-nightlife-tonight-grid small{display:block}.nova-nightlife-tonight-grid span{font-size:24px;margin-bottom:8px}.nova-nightlife-tonight-grid b{font-size:13.5px}.nova-nightlife-tonight-grid small{font-size:11px;line-height:1.4;color:#65778a;margin-top:4px} .nova-nightlife-provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px} .nova-nightlife-provider-grid a{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:9px;padding:11px;border:1px solid #dce6ef;border-radius:14px;background:#fff;color:#102d45;text-decoration:none} .nova-nightlife-provider-grid a:hover{border-color:#8bbbe5;transform:translateY(-2px)} .nova-nightlife-provider-grid a>span{font-size:23px}.nova-nightlife-provider-grid b,.nova-nightlife-provider-grid small{display:block}.nova-nightlife-provider-grid b{font-size:13px}.nova-nightlife-provider-grid small{font-size:10.5px;color:#65778a;margin-top:3px}.nova-nightlife-provider-grid i{font-style:normal;color:#2172c8} .nova-nightlife-safety{display:flex;gap:12px;padding:13px 15px;border:1px solid #d5e6db;border-radius:15px;background:#f3fbf5} .nova-nightlife-safety>span{font-size:24px}.nova-nightlife-safety b{font-size:13px}.nova-nightlife-safety p{margin:4px 0 0;color:#587064;font-size:11.5px;line-height:1.5} /* Dark Mode */ body.dark-mode #moduleModal .nova-nightlife-module{color:#eff6fb} body.dark-mode #moduleModal .nova-nightlife-place, body.dark-mode #moduleModal .nova-nightlife-search, body.dark-mode #moduleModal .nova-nightlife-card, body.dark-mode #moduleModal .nova-nightlife-tonight-grid button, body.dark-mode #moduleModal .nova-nightlife-provider-grid a{ background:#102b43!important;border-color:#31536b!important;color:#f2f7fb!important; } body.dark-mode #moduleModal .nova-nightlife-place small, body.dark-mode #moduleModal .nova-nightlife-search-head>span, body.dark-mode #moduleModal .nova-nightlife-section-head>span, body.dark-mode #moduleModal .nova-nightlife-card small, body.dark-mode #moduleModal .nova-nightlife-tonight-grid small, body.dark-mode #moduleModal .nova-nightlife-provider-grid small{color:#bfd2df!important} body.dark-mode #moduleModal .nova-nightlife-place b, body.dark-mode #moduleModal .nova-nightlife-card b, body.dark-mode #moduleModal .nova-nightlife-tonight-grid b, body.dark-mode #moduleModal .nova-nightlife-provider-grid b{color:#f6fbff!important} body.dark-mode #moduleModal .nova-nightlife-search-row input{background:#0c2235!important;border-color:#3b5c73!important;color:#f5f9fc!important} body.dark-mode #moduleModal .nova-nightlife-search-row input::placeholder{color:#91a9b9!important} body.dark-mode #moduleModal .nova-nightlife-tip{background:linear-gradient(135deg,#241d35,#132b43)!important;border-color:#58456e!important} body.dark-mode #moduleModal .nova-nightlife-tip-icon{background:#2b2440!important;color:#fff!important} body.dark-mode #moduleModal .nova-nightlife-tip p{color:#c8d8e4!important} body.dark-mode #moduleModal .nova-nightlife-card>span{background:linear-gradient(135deg,#2a2340,#17344c)!important} body.dark-mode #moduleModal .nova-nightlife-card i, body.dark-mode #moduleModal .nova-nightlife-provider-grid i{color:#86d7ff!important} body.dark-mode #moduleModal .nova-nightlife-card:hover, body.dark-mode #moduleModal .nova-nightlife-tonight-grid button:hover, body.dark-mode #moduleModal .nova-nightlife-provider-grid a:hover{background:#153a55!important;border-color:#7bb8e7!important} body.dark-mode #moduleModal .nova-nightlife-safety{background:#102d28!important;border-color:#315a4c!important} body.dark-mode #moduleModal .nova-nightlife-safety b{color:#f1fbf6!important} body.dark-mode #moduleModal .nova-nightlife-safety p{color:#c2d9cc!important} @media(max-width:800px){ .nova-nightlife-hero,.nova-nightlife-search-head,.nova-nightlife-section-head{align-items:flex-start;flex-direction:column} .nova-nightlife-place{width:100%} .nova-nightlife-search-row{grid-template-columns:1fr} .nova-nightlife-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .nova-nightlife-tonight-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .nova-nightlife-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .nova-nightlife-tip{grid-template-columns:50px 1fr}.nova-nightlife-tip button{grid-column:1/-1} } @media(max-width:470px){ .nova-nightlife-grid,.nova-nightlife-tonight-grid,.nova-nightlife-provider-grid{grid-template-columns:1fr} .nova-nightlife-card{min-height:78px} } /* V39.3 – Beauty & Pflege */ .beauty-fallback-grid{display:none!important} .nova-beauty-panel{display:grid;gap:15px;margin:16px 0} .nova-beauty-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px;border:1px solid #eadbe5;border-radius:18px;background:linear-gradient(135deg,#fff7fb,#fff)} .nova-beauty-head h3{margin:4px 0 6px;font-size:22px}.nova-beauty-head p{margin:0;color:#725f6c;font-size:14px;line-height:1.5} .nova-beauty-place{padding:9px 12px;border:1px solid #e4cddd;border-radius:999px;background:#fff;color:#a23c78;font-size:12px;font-weight:850;white-space:nowrap} .nova-beauty-search{display:grid;grid-template-columns:1fr auto;gap:10px;padding:15px;border:1px solid #eadde6;border-radius:17px;background:#fff9fc} .nova-beauty-search label{display:grid;gap:6px}.nova-beauty-search label span{font-size:12px;font-weight:850;color:#5a3d50}.nova-beauty-search input{min-height:46px;border:1px solid #dbc7d4;border-radius:11px;padding:0 13px;background:#fff;color:#3e2737;font-size:14px} .nova-beauty-tip{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 16px;border:1px solid #ead5e3;border-radius:17px;background:linear-gradient(135deg,#fff2f8,#f8f3ff)}.nova-beauty-tip>div{display:flex;align-items:center;gap:12px}.nova-beauty-tip>div>span{font-size:30px}.nova-beauty-tip small{font-size:11px;color:#ad3f80;font-weight:900}.nova-beauty-tip b{display:block;font-size:17px;margin-top:2px}.nova-beauty-tip p{margin:3px 0 0;color:#725e6b;font-size:12.5px}.nova-beauty-tip button{border:0;border-radius:11px;padding:10px 13px;background:#a83e80;color:#fff;font-weight:850;cursor:pointer} .nova-beauty-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.nova-beauty-quick button{min-height:105px;padding:12px;border:1px solid #eadde6;border-radius:15px;background:#fff;color:#422c3b;text-align:left;cursor:pointer;transition:.18s}.nova-beauty-quick button:hover{transform:translateY(-2px);border-color:#d48bb5;box-shadow:0 10px 24px rgba(128,55,99,.10)}.nova-beauty-quick span,.nova-beauty-quick b,.nova-beauty-quick small{display:block}.nova-beauty-quick span{font-size:25px;margin-bottom:7px}.nova-beauty-quick b{font-size:14px}.nova-beauty-quick small{font-size:12px;line-height:1.35;color:#796573;margin-top:4px} .nova-beauty-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:3px}.nova-beauty-section-head small{font-size:11px;font-weight:900;letter-spacing:.8px;color:#ad3f80}.nova-beauty-section-head h4{margin:3px 0 0;font-size:18px}.nova-beauty-section-head>span{font-size:11px;color:#7a6975} .nova-beauty-actions,.nova-beauty-portals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.nova-beauty-actions button,.nova-beauty-portals button{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:8px;padding:11px;border:1px solid #eadde6;border-radius:14px;background:#fff;color:#422c3b;text-align:left;cursor:pointer}.nova-beauty-actions span,.nova-beauty-portals span{font-size:22px}.nova-beauty-actions b,.nova-beauty-actions small,.nova-beauty-portals b,.nova-beauty-portals small{display:block}.nova-beauty-actions b,.nova-beauty-portals b{font-size:13px}.nova-beauty-actions small,.nova-beauty-portals small{font-size:11px;color:#796573;margin-top:3px}.nova-beauty-actions em,.nova-beauty-portals em{font-style:normal;color:#b03e83} .nova-beauty-note{display:flex;gap:9px;padding:12px 14px;border:1px solid #dce5ed;border-radius:14px;background:#f7fafc;font-size:12px;line-height:1.45}.nova-beauty-note b{white-space:nowrap}.nova-beauty-note span{color:#627482} /* Beauty Dark Mode */ body.dark-mode #moduleModal .nova-beauty-head, body.dark-mode #moduleModal .nova-beauty-search, body.dark-mode #moduleModal .nova-beauty-quick button, body.dark-mode #moduleModal .nova-beauty-actions button, body.dark-mode #moduleModal .nova-beauty-portals button{ background:#2a2130!important;border-color:#58465c!important;color:#fff8fc!important; } body.dark-mode #moduleModal .nova-beauty-head p, body.dark-mode #moduleModal .nova-beauty-quick small, body.dark-mode #moduleModal .nova-beauty-actions small, body.dark-mode #moduleModal .nova-beauty-portals small, body.dark-mode #moduleModal .nova-beauty-section-head>span{color:#d6c5d1!important} body.dark-mode #moduleModal .nova-beauty-place{background:#3b2b3b!important;border-color:#6a5066!important;color:#f0a7d0!important} body.dark-mode #moduleModal .nova-beauty-search label span{color:#eadce6!important} body.dark-mode #moduleModal .nova-beauty-search input{background:#1c1822!important;border-color:#655268!important;color:#fff8fc!important} body.dark-mode #moduleModal .nova-beauty-search input::placeholder{color:#b9a5b3!important} body.dark-mode #moduleModal .nova-beauty-tip{background:linear-gradient(135deg,#342331,#25223a)!important;border-color:#654a60!important;color:#fff8fc!important} body.dark-mode #moduleModal .nova-beauty-tip p{color:#d8c8d3!important} body.dark-mode #moduleModal .nova-beauty-actions em, body.dark-mode #moduleModal .nova-beauty-portals em{color:#f0a7d0!important} body.dark-mode #moduleModal .nova-beauty-note{background:#172833!important;border-color:#3c5664!important;color:#f2f7fa!important} body.dark-mode #moduleModal .nova-beauty-note span{color:#c4d3dc!important} @media(max-width:900px){ .nova-beauty-quick{grid-template-columns:repeat(3,minmax(0,1fr))} .nova-beauty-actions,.nova-beauty-portals{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:700px){ .nova-beauty-head,.nova-beauty-section-head{flex-direction:column;align-items:flex-start} .nova-beauty-place{white-space:normal} .nova-beauty-search{grid-template-columns:1fr} .nova-beauty-tip{align-items:flex-start;flex-direction:column} .nova-beauty-tip button{width:100%} .nova-beauty-quick{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:430px){ .nova-beauty-quick,.nova-beauty-actions,.nova-beauty-portals{grid-template-columns:1fr} .nova-beauty-quick button{min-height:92px} } /* V39.4 – Einkaufen & Angebote */ .shopping-fallback-grid{display:none!important} .nova-shopping-panel{display:grid;gap:15px;margin:16px 0} .nova-shopping-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px;border:1px solid #dce6ef;border-radius:18px;background:linear-gradient(135deg,#f5fbff,#fff)} .nova-shopping-head h3{margin:4px 0 6px;font-size:22px}.nova-shopping-head p{margin:0;color:#617485;font-size:14px;line-height:1.5} .nova-shopping-place{padding:9px 12px;border:1px solid #cddfeb;border-radius:999px;background:#fff;color:#1e6fb8;font-size:12px;font-weight:850;white-space:nowrap} .nova-shopping-search{display:grid;grid-template-columns:minmax(240px,1fr) 190px auto;gap:10px;padding:15px;border:1px solid #dce6ef;border-radius:17px;background:#f8fbfe} .nova-shopping-search label{display:grid;gap:6px}.nova-shopping-search label span{font-size:12px;font-weight:850;color:#284963}.nova-shopping-search input,.nova-shopping-search select{min-height:46px;border:1px solid #c7d8e4;border-radius:11px;padding:0 13px;background:#fff;color:#19364d;font-size:14px} .nova-shopping-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.nova-shopping-quick button{min-height:104px;padding:12px;border:1px solid #dce6ef;border-radius:15px;background:#fff;color:#19364d;text-align:left;cursor:pointer;transition:.18s}.nova-shopping-quick button:hover{transform:translateY(-2px);border-color:#7fb7e5;box-shadow:0 10px 24px rgba(37,96,145,.10)}.nova-shopping-quick span,.nova-shopping-quick b,.nova-shopping-quick small{display:block}.nova-shopping-quick span{font-size:25px;margin-bottom:7px}.nova-shopping-quick b{font-size:14px}.nova-shopping-quick small{font-size:12px;line-height:1.35;color:#667b8b;margin-top:4px} .nova-shopping-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:3px}.nova-shopping-section-head small{font-size:11px;font-weight:900;letter-spacing:.8px;color:#176fb8}.nova-shopping-section-head h4{margin:3px 0 0;font-size:18px}.nova-shopping-section-head>span{font-size:11px;color:#718392} .nova-shopping-portals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.nova-shopping-portals button{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:8px;padding:11px;border:1px solid #dce6ef;border-radius:14px;background:#fff;color:#19364d;text-align:left;cursor:pointer}.nova-shopping-portals span{font-size:22px}.nova-shopping-portals b,.nova-shopping-portals small{display:block}.nova-shopping-portals b{font-size:13px}.nova-shopping-portals small{font-size:11px;color:#667b8b;margin-top:3px}.nova-shopping-portals em{font-style:normal;color:#1f75bd} .nova-shopping-note{display:flex;gap:9px;padding:12px 14px;border:1px solid #dce5ed;border-radius:14px;background:#f7fafc;font-size:12px;line-height:1.45}.nova-shopping-note b{white-space:nowrap}.nova-shopping-note span{color:#627482} /* Shopping Dark Mode */ body.dark-mode #moduleModal .nova-shopping-head, body.dark-mode #moduleModal .nova-shopping-search, body.dark-mode #moduleModal .nova-shopping-quick button, body.dark-mode #moduleModal .nova-shopping-portals button{ background:#102b43!important;border-color:#31536b!important;color:#f4f9fc!important; } body.dark-mode #moduleModal .nova-shopping-head p, body.dark-mode #moduleModal .nova-shopping-quick small, body.dark-mode #moduleModal .nova-shopping-portals small, body.dark-mode #moduleModal .nova-shopping-section-head>span{color:#c3d5e0!important} body.dark-mode #moduleModal .nova-shopping-place{background:#15364d!important;border-color:#3d6077!important;color:#83d8ff!important} body.dark-mode #moduleModal .nova-shopping-search label span{color:#dbe8ef!important} body.dark-mode #moduleModal .nova-shopping-search input, body.dark-mode #moduleModal .nova-shopping-search select{background:#0b2235!important;border-color:#3d5d72!important;color:#f5f9fc!important} body.dark-mode #moduleModal .nova-shopping-portals em{color:#83d8ff!important} body.dark-mode #moduleModal .nova-shopping-note{background:#172833!important;border-color:#3c5664!important;color:#f2f7fa!important} body.dark-mode #moduleModal .nova-shopping-note span{color:#c4d3dc!important} @media(max-width:900px){ .nova-shopping-quick{grid-template-columns:repeat(3,minmax(0,1fr))} .nova-shopping-portals{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:700px){ .nova-shopping-head,.nova-shopping-section-head{flex-direction:column;align-items:flex-start} .nova-shopping-place{white-space:normal} .nova-shopping-search{grid-template-columns:1fr} .nova-shopping-quick{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:430px){ .nova-shopping-quick,.nova-shopping-portals{grid-template-columns:1fr} } /* V39.5 – Banken & Geldautomaten */ .bankatm-fallback-grid{display:none!important} .nova-bankatm-panel{display:grid;gap:15px;margin:16px 0} .nova-bankatm-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px;border:1px solid #d8e4ef;border-radius:18px;background:linear-gradient(135deg,#f3f9ff,#fff)} .nova-bankatm-head h3{margin:4px 0 6px;font-size:22px}.nova-bankatm-head p{margin:0;color:#607487;font-size:14px;line-height:1.5} .nova-bankatm-place{padding:9px 12px;border:1px solid #c9dcea;border-radius:999px;background:#fff;color:#176bb1;font-size:12px;font-weight:850;white-space:nowrap} .nova-bankatm-search{display:grid;grid-template-columns:1fr auto;gap:10px;padding:15px;border:1px solid #dce6ef;border-radius:17px;background:#f8fbfe}.nova-bankatm-search label{display:grid;gap:6px}.nova-bankatm-search label span{font-size:12px;font-weight:850;color:#284963}.nova-bankatm-search input{min-height:46px;border:1px solid #c7d8e4;border-radius:11px;padding:0 13px;background:#fff;color:#19364d;font-size:14px} .nova-bankatm-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.nova-bankatm-quick button{min-height:104px;padding:12px;border:1px solid #dce6ef;border-radius:15px;background:#fff;color:#19364d;text-align:left;cursor:pointer;transition:.18s}.nova-bankatm-quick button:hover{transform:translateY(-2px);border-color:#7fb7e5;box-shadow:0 10px 24px rgba(37,96,145,.10)}.nova-bankatm-quick span,.nova-bankatm-quick b,.nova-bankatm-quick small{display:block}.nova-bankatm-quick span{font-size:25px;margin-bottom:7px}.nova-bankatm-quick b{font-size:14px}.nova-bankatm-quick small{font-size:12px;line-height:1.35;color:#667b8b;margin-top:4px} .nova-bankatm-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:3px}.nova-bankatm-section-head small{font-size:11px;font-weight:900;letter-spacing:.8px;color:#176fb8}.nova-bankatm-section-head h4{margin:3px 0 0;font-size:18px}.nova-bankatm-section-head>span{font-size:11px;color:#718392} .nova-bankatm-services,.nova-bankatm-portals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.nova-bankatm-services button,.nova-bankatm-portals a{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:8px;padding:11px;border:1px solid #dce6ef;border-radius:14px;background:#fff;color:#19364d;text-align:left;text-decoration:none;cursor:pointer}.nova-bankatm-services span,.nova-bankatm-portals span{font-size:22px}.nova-bankatm-services b,.nova-bankatm-services small,.nova-bankatm-portals b,.nova-bankatm-portals small{display:block}.nova-bankatm-services b,.nova-bankatm-portals b{font-size:13px}.nova-bankatm-services small,.nova-bankatm-portals small{font-size:11px;color:#667b8b;margin-top:3px}.nova-bankatm-services em,.nova-bankatm-portals em{font-style:normal;color:#1f75bd} .nova-bankatm-note{display:flex;gap:9px;padding:12px 14px;border:1px solid #dce5ed;border-radius:14px;background:#f7fafc;font-size:12px;line-height:1.45}.nova-bankatm-note b{white-space:nowrap}.nova-bankatm-note span{color:#627482} /* Banken & Geldautomaten Dark Mode */ body.dark-mode #moduleModal .nova-bankatm-head, body.dark-mode #moduleModal .nova-bankatm-search, body.dark-mode #moduleModal .nova-bankatm-quick button, body.dark-mode #moduleModal .nova-bankatm-services button, body.dark-mode #moduleModal .nova-bankatm-portals a{ background:#102b43!important;border-color:#31536b!important;color:#f4f9fc!important; } body.dark-mode #moduleModal .nova-bankatm-head p, body.dark-mode #moduleModal .nova-bankatm-quick small, body.dark-mode #moduleModal .nova-bankatm-services small, body.dark-mode #moduleModal .nova-bankatm-portals small, body.dark-mode #moduleModal .nova-bankatm-section-head>span{color:#c3d5e0!important} body.dark-mode #moduleModal .nova-bankatm-place{background:#15364d!important;border-color:#3d6077!important;color:#83d8ff!important} body.dark-mode #moduleModal .nova-bankatm-search label span{color:#dbe8ef!important} body.dark-mode #moduleModal .nova-bankatm-search input{background:#0b2235!important;border-color:#3d5d72!important;color:#f5f9fc!important} body.dark-mode #moduleModal .nova-bankatm-search input::placeholder{color:#9fb4c2!important} body.dark-mode #moduleModal .nova-bankatm-services em, body.dark-mode #moduleModal .nova-bankatm-portals em{color:#83d8ff!important} body.dark-mode #moduleModal .nova-bankatm-note{background:#172833!important;border-color:#3c5664!important;color:#f2f7fa!important} body.dark-mode #moduleModal .nova-bankatm-note span{color:#c4d3dc!important} @media(max-width:900px){ .nova-bankatm-quick{grid-template-columns:repeat(3,minmax(0,1fr))} .nova-bankatm-services,.nova-bankatm-portals{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:700px){ .nova-bankatm-head,.nova-bankatm-section-head{flex-direction:column;align-items:flex-start} .nova-bankatm-place{white-space:normal} .nova-bankatm-search{grid-template-columns:1fr} .nova-bankatm-quick{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:430px){ .nova-bankatm-quick,.nova-bankatm-services,.nova-bankatm-portals{grid-template-columns:1fr} } /* V39.6 – Mobilität: Start, Ziel & aktueller Ort */ .transport-fallback-grid{display:none!important} .nova-transport-panel{display:grid;gap:15px;margin:16px 0} .nova-transport-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px;border:1px solid #d7e3ee;border-radius:18px;background:linear-gradient(135deg,#f3f9ff,#fff)} .nova-transport-head h3{margin:4px 0 6px;font-size:23px}.nova-transport-head p{margin:0;color:#5f7486;font-size:14px;line-height:1.55;max-width:720px} .nova-transport-place{padding:9px 12px;border:1px solid #c9dcea;border-radius:999px;background:#fff;color:#176bb1;font-size:12px;font-weight:850;white-space:nowrap} .nova-route-planner{padding:17px;border:1px solid #d7e5ef;border-radius:19px;background:linear-gradient(135deg,#f8fcff,#f5fbf8)} .nova-route-points{display:grid;grid-template-columns:1fr 48px 1fr;gap:11px;align-items:center} .nova-route-points label{display:grid;gap:7px}.nova-route-points label>span{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:900;color:#244966;letter-spacing:.6px}.nova-route-points label>span i{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#176fc0;color:#fff;font-style:normal} .nova-route-points input{width:100%;min-height:48px;border:1px solid #c4d6e2;border-radius:12px;padding:0 13px;background:#fff;color:#17354c;font-size:14px;font-weight:650} .nova-route-points label>small{font-size:11.5px;line-height:1.4;color:#6a7d8c} .nova-route-input-row{display:grid;grid-template-columns:1fr auto;gap:7px}.nova-route-input-row button{border:1px solid #91bad9;border-radius:11px;background:#edf7ff;color:#1765a7;padding:0 12px;font-size:12px;font-weight:850;cursor:pointer;white-space:nowrap} .nova-route-swap{width:44px;height:44px;border:1px solid #c8d9e6;border-radius:50%;background:#fff;color:#176bb1;font-size:21px;font-weight:900;cursor:pointer} .nova-route-modes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:17px 0 12px}.nova-route-modes button{min-height:74px;border:1px solid #d6e3ec;border-radius:14px;background:#fff;color:#1b3a52;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;text-align:left;padding:10px;cursor:pointer}.nova-route-modes button span{grid-row:1/3;font-size:24px}.nova-route-modes b{font-size:13px}.nova-route-modes small{font-size:10.5px;color:#718391}.nova-route-modes button.active{background:linear-gradient(135deg,#176fd0,#24aa8b);border-color:transparent;color:#fff}.nova-route-modes button.active small{color:#dcf3f3} .nova-route-actions{display:flex;gap:8px;flex-wrap:wrap}.nova-route-actions .btn{padding:11px 15px;font-size:13px} .nova-transport-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:3px}.nova-transport-section-head small{font-size:11px;font-weight:900;letter-spacing:.8px;color:#176fb8}.nova-transport-section-head h4{margin:3px 0 0;font-size:18px}.nova-transport-section-head>span{font-size:11px;color:#718392} .nova-transport-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.nova-transport-quick button{min-height:104px;padding:12px;border:1px solid #dce6ef;border-radius:15px;background:#fff;color:#19364d;text-align:left;cursor:pointer;transition:.18s}.nova-transport-quick button:hover{transform:translateY(-2px);border-color:#7fb7e5;box-shadow:0 10px 24px rgba(37,96,145,.10)}.nova-transport-quick span,.nova-transport-quick b,.nova-transport-quick small{display:block}.nova-transport-quick span{font-size:25px;margin-bottom:7px}.nova-transport-quick b{font-size:14px}.nova-transport-quick small{font-size:12px;line-height:1.35;color:#667b8b;margin-top:4px} .nova-transport-portals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.nova-transport-portals a{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:8px;padding:11px;border:1px solid #dce6ef;border-radius:14px;background:#fff;color:#19364d;text-decoration:none}.nova-transport-portals span{font-size:22px}.nova-transport-portals b,.nova-transport-portals small{display:block}.nova-transport-portals b{font-size:13px}.nova-transport-portals small{font-size:11px;color:#667b8b;margin-top:3px}.nova-transport-portals em{font-style:normal;color:#1f75bd} .nova-transport-note{display:flex;gap:9px;padding:12px 14px;border:1px solid #dce5ed;border-radius:14px;background:#f7fafc;font-size:12px;line-height:1.45}.nova-transport-note b{white-space:nowrap}.nova-transport-note span{color:#627482} /* Mobilität Dark Mode */ body.dark-mode #moduleModal .nova-transport-head, body.dark-mode #moduleModal .nova-route-planner, body.dark-mode #moduleModal .nova-transport-quick button, body.dark-mode #moduleModal .nova-transport-portals a{ background:#102b43!important;border-color:#31536b!important;color:#f4f9fc!important; } body.dark-mode #moduleModal .nova-transport-head p, body.dark-mode #moduleModal .nova-route-points label>small, body.dark-mode #moduleModal .nova-transport-quick small, body.dark-mode #moduleModal .nova-transport-portals small, body.dark-mode #moduleModal .nova-transport-section-head>span{color:#c3d5e0!important} body.dark-mode #moduleModal .nova-transport-place{background:#15364d!important;border-color:#3d6077!important;color:#83d8ff!important} body.dark-mode #moduleModal .nova-route-points label>span{color:#e2edf3!important} body.dark-mode #moduleModal .nova-route-points input{background:#0b2235!important;border-color:#3d5d72!important;color:#f5f9fc!important} body.dark-mode #moduleModal .nova-route-points input::placeholder{color:#9fb4c2!important} body.dark-mode #moduleModal .nova-route-input-row button, body.dark-mode #moduleModal .nova-route-swap{background:#173a53!important;border-color:#42657c!important;color:#8addff!important} body.dark-mode #moduleModal .nova-route-modes button{background:#132f46!important;border-color:#38576d!important;color:#f1f7fa!important} body.dark-mode #moduleModal .nova-route-modes button small{color:#bfd1dc!important} body.dark-mode #moduleModal .nova-route-modes button.active{background:linear-gradient(135deg,#176fd0,#1e9b80)!important;color:#fff!important} body.dark-mode #moduleModal .nova-route-modes button.active small{color:#e3f6f3!important} body.dark-mode #moduleModal .nova-transport-portals em{color:#83d8ff!important} body.dark-mode #moduleModal .nova-transport-note{background:#172833!important;border-color:#3c5664!important;color:#f2f7fa!important} body.dark-mode #moduleModal .nova-transport-note span{color:#c4d3dc!important} @media(max-width:900px){ .nova-route-points{grid-template-columns:1fr 42px 1fr} .nova-transport-quick{grid-template-columns:repeat(3,minmax(0,1fr))} .nova-transport-portals{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:700px){ .nova-transport-head,.nova-transport-section-head{flex-direction:column;align-items:flex-start} .nova-transport-place{white-space:normal} .nova-route-points{grid-template-columns:1fr}.nova-route-swap{justify-self:center;transform:rotate(90deg)} .nova-route-input-row{grid-template-columns:1fr}.nova-route-input-row button{min-height:44px} .nova-route-modes{grid-template-columns:repeat(2,1fr)} .nova-route-actions{display:grid;grid-template-columns:1fr}.nova-route-actions .btn{width:100%} .nova-transport-quick{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:430px){ .nova-transport-quick,.nova-transport-portals{grid-template-columns:1fr} .nova-route-modes{grid-template-columns:1fr 1fr} } /* V39.8 – Global tile + sidebar audit: Web & Mobile */ /* Dashboard tiles: consistent readable typography and touch targets */ .tile, .module-tile, .dashboard-tile, [data-module]{ min-width:0; } .tile h3,.tile h4,.tile b, .module-tile h3,.module-tile h4,.module-tile b, .dashboard-tile h3,.dashboard-tile h4,.dashboard-tile b{ overflow-wrap:anywhere; } .tile small,.tile p, .module-tile small,.module-tile p, .dashboard-tile small,.dashboard-tile p{ line-height:1.42; } /* Sidebar: prevent labels such as Banken & Geldautomaten / Kino & Unterhaltung from clipping */ .sidebar a,.sidebar button,.side-nav a,.side-nav button, #sidebar a,#sidebar button,.sidebar-item,.nav-item{ min-width:0; } .sidebar a b,.sidebar button b,.side-nav a b,.side-nav button b, #sidebar a b,#sidebar button b,.sidebar-item b,.nav-item b{ white-space:normal; overflow-wrap:anywhere; line-height:1.25; } /* Desktop/Web */ @media(min-width:901px){ .sidebar,.side-nav,#sidebar{ overflow-y:auto; overflow-x:hidden; scrollbar-gutter:stable; } .sidebar a,.sidebar button,.side-nav a,.side-nav button, #sidebar a,#sidebar button{ min-height:44px; } } /* Tablet + Mobile */ @media(max-width:900px){ .tile-grid,.tiles-grid,.dashboard-grid,.module-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } .sidebar,.side-nav,#sidebar{ max-width:min(88vw,340px); overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; padding-bottom:max(24px,env(safe-area-inset-bottom)); } .sidebar a,.sidebar button,.side-nav a,.side-nav button, #sidebar a,#sidebar button,.sidebar-item,.nav-item{ min-height:48px; font-size:14px; } /* Keep modal content above mobile browser/navigation bars */ #moduleModal .modal-content,.modal-content{ max-height:calc(100dvh - 24px); overflow-y:auto; padding-bottom:max(24px,env(safe-area-inset-bottom)); } } @media(max-width:520px){ .tile-grid,.tiles-grid,.dashboard-grid,.module-grid{ grid-template-columns:1fr; } .tile,.module-tile,.dashboard-tile,[data-module]{ scroll-margin-top:72px; } .tile h3,.tile h4,.tile b, .module-tile h3,.module-tile h4,.module-tile b, .dashboard-tile h3,.dashboard-tile h4,.dashboard-tile b{ font-size:max(14px,1em); } .tile small,.tile p, .module-tile small,.module-tile p, .dashboard-tile small,.dashboard-tile p{ font-size:max(12px,.86em); } } /* Dark mode navigation contrast */ body.dark-mode .sidebar a, body.dark-mode .sidebar button, body.dark-mode .side-nav a, body.dark-mode .side-nav button, body.dark-mode #sidebar a, body.dark-mode #sidebar button{ color:inherit; } /* V39.9 – NOVA Übersetzer */ .translator-tile i{background:linear-gradient(135deg,#eaf5ff,#effff5)!important} .nova-translator{display:grid;gap:17px} .translator-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:18px} .translator-hero h2{margin:5px 0 8px!important}.translator-hero .module-intro{font-size:15px;line-height:1.55;max-width:760px} .translator-status{display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid #cfe1ec;border-radius:14px;background:#f6fbff;white-space:nowrap}.translator-status>i{width:9px;height:9px;border-radius:50%;background:#48bf72;box-shadow:0 0 0 5px #e1f7e8}.translator-status small,.translator-status b{display:block}.translator-status small{font-size:9px;color:#6b7f8d}.translator-status b{font-size:12px} .translator-workspace{padding:16px;border:1px solid #dbe6ef;border-radius:19px;background:linear-gradient(135deg,#f8fcff,#fff)} .translator-langbar{display:grid;grid-template-columns:1fr 48px 1fr;gap:10px;align-items:end;margin-bottom:12px}.translator-langbar label{display:grid;gap:6px}.translator-langbar label>span{font-size:11px;font-weight:900;color:#254a65}.translator-langbar select{min-height:46px;border:1px solid #c6d7e3;border-radius:11px;padding:0 12px;background:#fff;color:#17364d;font-weight:700}.translator-langbar>button{width:44px;height:44px;border:1px solid #bfd4e2;border-radius:50%;background:#fff;color:#176fc0;font-size:22px;cursor:pointer} .translator-panels{display:grid;grid-template-columns:1fr 1fr;gap:10px}.translator-panel{display:grid;gap:7px;padding:12px;border:1px solid #dce6ef;border-radius:15px;background:#fff}.translator-panel>span{font-size:11px;font-weight:900;color:#42637a}.translator-panel textarea{width:100%;min-height:145px;border:0;resize:vertical;padding:4px;background:transparent;color:#132f45;font-size:16px;line-height:1.55;outline:none}.translator-panel.translated{background:#f5faff}.translator-panel>div{display:flex;gap:7px;justify-content:flex-end}.translator-panel button{border:1px solid #ccdce8;border-radius:9px;background:#fff;color:#275573;padding:7px 10px;font-size:11px;font-weight:800;cursor:pointer} .translator-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.translator-actions .btn{padding:11px 15px;font-size:13px} .translator-message{margin-top:10px;padding:9px 11px;border-radius:11px;background:#edf6ff;color:#31566f;font-size:11.5px;line-height:1.45} .translator-phrases{display:grid;gap:10px}.translator-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.translator-section-head small{font-size:11px;font-weight:900;color:#176fb8;letter-spacing:.8px}.translator-section-head h3{margin:3px 0 0;font-size:19px}.translator-section-head>span{font-size:11px;color:#718392} .translator-tabs{display:flex;gap:7px;flex-wrap:wrap}.translator-tabs button{border:1px solid #d3e0e9;border-radius:999px;background:#fff;color:#294a62;padding:8px 11px;font-size:12px;font-weight:800;cursor:pointer}.translator-tabs button.active{background:linear-gradient(135deg,#176fd0,#21a989);border-color:transparent;color:#fff} .translator-phrase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.translator-phrase-grid button{display:grid;grid-template-columns:36px 1fr;gap:4px 9px;align-items:center;text-align:left;min-height:83px;padding:11px;border:1px solid #dce6ef;border-radius:14px;background:#fff;color:#16344b;cursor:pointer}.translator-phrase-grid button:hover{border-color:#7db7e3;transform:translateY(-2px)}.translator-phrase-grid button>span{grid-row:1/3;font-size:23px}.translator-phrase-grid b{font-size:13px;line-height:1.35}.translator-phrase-grid small{font-size:10.5px;color:#6d8190} .translator-api-note{display:flex;gap:11px;padding:13px 15px;border:1px solid #d8e5dd;border-radius:15px;background:#f4fbf6}.translator-api-note>span{font-size:24px}.translator-api-note b{font-size:13px}.translator-api-note p{margin:4px 0 0;font-size:11.5px;line-height:1.5;color:#5b7164}.translator-api-note code{font-weight:800} body.dark-mode #moduleModal .translator-status, body.dark-mode #moduleModal .translator-workspace, body.dark-mode #moduleModal .translator-panel, body.dark-mode #moduleModal .translator-tabs button, body.dark-mode #moduleModal .translator-phrase-grid button{ background:#102b43!important;border-color:#31536b!important;color:#f3f9fc!important; } body.dark-mode #moduleModal .translator-panel.translated{background:#12324b!important} body.dark-mode #moduleModal .translator-langbar label>span, body.dark-mode #moduleModal .translator-panel>span{color:#d7e7ef!important} body.dark-mode #moduleModal .translator-langbar select, body.dark-mode #moduleModal .translator-langbar>button, body.dark-mode #moduleModal .translator-panel button{background:#0b2235!important;border-color:#3b5c72!important;color:#f4f9fc!important} body.dark-mode #moduleModal .translator-panel textarea{color:#f6fbfd!important} body.dark-mode #moduleModal .translator-message{background:#142f45!important;color:#c9dce7!important} body.dark-mode #moduleModal .translator-phrase-grid small, body.dark-mode #moduleModal .translator-section-head>span{color:#c2d4df!important} body.dark-mode #moduleModal .translator-tabs button.active{background:linear-gradient(135deg,#176fd0,#1e9b80)!important;color:#fff!important} body.dark-mode #moduleModal .translator-api-note{background:#102d28!important;border-color:#315a4c!important;color:#f2faf5!important} body.dark-mode #moduleModal .translator-api-note p{color:#c3d8cb!important} @media(max-width:760px){ .translator-hero,.translator-section-head{flex-direction:column;align-items:flex-start} .translator-status{width:100%} .translator-langbar{grid-template-columns:1fr 42px 1fr} .translator-panels{grid-template-columns:1fr} .translator-panel textarea{min-height:125px} .translator-phrase-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:460px){ .translator-langbar{grid-template-columns:1fr}.translator-langbar>button{justify-self:center;transform:rotate(90deg)} .translator-actions{display:grid;grid-template-columns:1fr}.translator-actions .btn{width:100%} .translator-phrase-grid{grid-template-columns:1fr} } /* V39.9.1 – Translator TTS audit */ .translator-voice-status{ margin-top:7px; padding:8px 10px; border:1px solid #dce8ef; border-radius:10px; background:#f8fbfd; color:#5a7283; font-size:11px; line-height:1.4; } body.dark-mode #moduleModal .translator-voice-status{ background:#132c40!important; border-color:#35546a!important; color:#c5d7e2!important; } /* V39.9.2 – NOVA Schnellzugriff direkt unter dem Dashboard */ .nova-universe-quick{ position:static!important; inset:auto!important; transform:none!important; z-index:auto!important; width:min(1450px,calc(100% - 40px)); margin:18px auto 26px!important; padding:20px 24px!important; border:1px solid var(--line); border-radius:20px; background:rgba(255,255,255,.84); box-shadow:0 12px 30px rgba(25,70,115,.08); backdrop-filter:blur(12px); } .nova-universe-quick .nova-quick-access-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin-bottom:14px; } .nova-universe-quick .nova-quick-access-head h2{ margin:4px 0 0; font:700 24px/1.15 Space Grotesk; } .nova-universe-quick .nova-quick-access-head>small{ max-width:430px; text-align:right; color:var(--muted); font-size:12px; line-height:1.4; } .nova-universe-dock{ position:static!important; inset:auto!important; transform:none!important; width:100%!important; max-width:none!important; margin:0!important; padding:0!important; display:grid!important; grid-template-columns:repeat(6,minmax(0,1fr))!important; gap:10px!important; background:transparent!important; border:0!important; box-shadow:none!important; } .nova-universe-dock button{ min-height:88px; display:grid; grid-template-columns:42px minmax(0,1fr); grid-template-rows:auto auto; column-gap:10px; align-items:center; padding:12px 13px; border:1px solid #d8e4ef; border-radius:15px; background:linear-gradient(145deg,#fff,#f5f9fd); color:var(--ink); text-align:left; cursor:pointer; transition:.18s ease; } .nova-universe-dock button:hover{ transform:translateY(-3px); border-color:#8bbdec; box-shadow:0 11px 25px rgba(30,82,133,.12); } .nova-universe-dock button>span{ grid-row:1/3; width:42px; height:42px; display:grid; place-items:center; border-radius:12px; background:linear-gradient(135deg,#edf7ff,#efffec); font-size:23px; } .nova-universe-dock button>b{ font-size:13.5px; line-height:1.25; } .nova-universe-dock button>small{ font-size:11px; line-height:1.3; color:var(--muted); } body.dark-mode .nova-universe-quick{ background:rgba(8,29,48,.9)!important; border-color:#2d4e65!important; } body.dark-mode .nova-universe-quick .nova-quick-access-head>small{ color:#bfd1dc!important; } body.dark-mode .nova-universe-dock button{ background:linear-gradient(145deg,#102b43,#0d2539)!important; border-color:#31536b!important; color:#f3f8fb!important; } body.dark-mode .nova-universe-dock button>span{ background:linear-gradient(135deg,#183f59,#164b46)!important; } body.dark-mode .nova-universe-dock button>small{ color:#c3d5e0!important; } @media(max-width:1050px){ .nova-universe-dock{grid-template-columns:repeat(3,minmax(0,1fr))!important} } @media(max-width:700px){ .nova-universe-quick{ width:calc(100% - 20px); margin:12px 10px 20px!important; padding:16px!important; } .nova-universe-quick .nova-quick-access-head{ flex-direction:column; align-items:flex-start; } .nova-universe-quick .nova-quick-access-head>small{ text-align:left; } .nova-universe-dock{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } .nova-universe-dock button{ min-height:82px; } } @media(max-width:390px){ .nova-universe-dock{grid-template-columns:1fr!important} } /* V39.9.3 – Erweiterter NOVA Schnellzugriff */ .nova-universe-dock{ grid-template-columns:repeat(3,minmax(0,1fr))!important; } .nova-universe-dock button{ min-height:82px; } #novaQuickMore{ border-style:dashed!important; } #novaQuickMore>span{ font-size:21px!important; } .smart-guide.nova-guide-focus{ animation:novaGuideFocus 1.35s ease; } @keyframes novaGuideFocus{ 0%,100%{box-shadow:inherit} 35%{box-shadow:0 0 0 4px rgba(45,145,220,.20),0 18px 42px rgba(25,95,155,.14)} } @media(min-width:1200px){ .nova-universe-dock{ grid-template-columns:repeat(9,minmax(0,1fr))!important; } .nova-universe-dock button{ grid-template-columns:36px minmax(0,1fr); column-gap:7px; padding:10px 9px; } .nova-universe-dock button>span{ width:36px;height:36px;font-size:20px; } .nova-universe-dock button>b{font-size:12px} .nova-universe-dock button>small{font-size:9.5px} } @media(max-width:1050px){ .nova-universe-dock{grid-template-columns:repeat(3,minmax(0,1fr))!important} } @media(max-width:700px){ .nova-universe-dock{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:390px){ .nova-universe-dock{grid-template-columns:1fr!important} } /* NOVA AI V40.0 – Final responsive polish. */ html{scroll-padding-top:90px} body{min-width:0} .nova-sidebar,.sidebar-nav,.sidebar-modules{min-width:0} .sidebar-modules button b{overflow-wrap:anywhere} @media(max-width:700px){ .nova-sidebar{max-height:100dvh;overflow-y:auto;padding-bottom:max(18px,env(safe-area-inset-bottom))} .modal-panel{max-height:96dvh} } /* V40.0 – Übersetzer preset-only + größere Lesbarkeit */ .nova-translator .module-intro{font-size:17px!important;line-height:1.6!important} .translator-langbar label>span{font-size:13px!important} .translator-langbar select{font-size:15px!important} .translator-panel>span{font-size:13px!important} .translator-panel textarea{font-size:18px!important;line-height:1.6!important;font-weight:600} .translator-panel button{font-size:13px!important} .translator-message,.translator-voice-status{font-size:13px!important;line-height:1.5!important} .translator-section-head small{font-size:12px!important} .translator-section-head h3{font-size:22px!important} .translator-section-head>span{font-size:13px!important} .translator-tabs button{font-size:14px!important;padding:9px 13px!important} .translator-phrase-grid b{font-size:15px!important;line-height:1.45!important} .translator-phrase-grid small{font-size:12px!important} .translator-phrase-grid button{min-height:94px!important} .translator-actions .btn{font-size:14px!important} /* V40.0 – Übersetzer Mikrofon */ .translator-source-tools{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap} #translatorMic{border-color:#9fc9e6!important;background:#eef8ff!important;color:#155f9d!important} #translatorMic:hover{border-color:#58a8dc!important;background:#e2f4ff!important} #translatorMic.listening{background:#fff0f0!important;border-color:#ef8a8a!important;color:#b72d2d!important;box-shadow:0 0 0 4px rgba(229,70,70,.10)} #translatorMic:disabled{opacity:.5;cursor:not-allowed} .translator-mic-status{margin-top:7px;padding:9px 11px;border:1px solid #dce8ef;border-radius:10px;background:#f7fbfe;color:#526f82;font-size:13px;line-height:1.5} body.dark-mode #moduleModal #translatorMic{background:#173a53!important;border-color:#42657c!important;color:#8addff!important} body.dark-mode #moduleModal #translatorMic.listening{background:#4a2228!important;border-color:#a95760!important;color:#ffd7dc!important} body.dark-mode #moduleModal .translator-mic-status{background:#132c40!important;border-color:#35546a!important;color:#c5d7e2!important} @media(max-width:520px){ .translator-source-tools{display:grid!important;grid-template-columns:1fr 1fr} .translator-source-tools #translatorMic{grid-column:1/-1;min-height:43px} } /* V40.0 – NOVA Games Touch-Control Final */ .nova-games .nova-dpad{ touch-action:none!important; user-select:none; -webkit-user-select:none; overscroll-behavior:contain; } .nova-games .nova-stick-knob{ touch-action:none!important; will-change:transform; transition:transform 45ms linear,box-shadow .12s ease; } .nova-games .nova-stick-knob.active{ transition:none; } .quest-gamepad, .quest-gamepad .nova-dpad, .quest-gamepad .nova-action-buttons, .quest-gamepad button{ touch-action:none!important; } .quest-action-buttons #questJumpButton{ position:relative; z-index:4; } .quest-action-buttons #questJumpButton:active{ transform:scale(.96); } /* Backgammon: Würfel und Zug bleiben auf dem Handy immer direkt über dem Brett sichtbar. */ .bg-mobile-controls{ display:none; } @media(max-width:700px){ .backgammon-game .game-main-card{ padding:10px!important; } .backgammon-game .game-title-row{ margin-bottom:8px!important; } .backgammon-layout{ display:flex!important; flex-direction:column; gap:9px!important; } .bg-mobile-controls{ order:-2; display:grid; grid-template-columns:minmax(72px,.8fr) minmax(100px,1fr) auto; align-items:center; gap:7px; position:sticky; top:0; z-index:12; padding:8px; border:1px solid #bed4e4; border-radius:12px; background:rgba(247,252,255,.96); backdrop-filter:blur(10px); box-shadow:0 7px 18px rgba(20,62,100,.10); } .bg-mobile-controls>div{ min-width:0; display:grid; gap:2px; } .bg-mobile-controls small{ font-size:9px; font-weight:900; color:#60788a; } .bg-mobile-controls strong{ font-size:14px; } .bg-mobile-controls .bg-dice-wrap{ min-height:30px; display:flex; gap:5px; align-items:center; } .bg-mobile-controls .bg-die, .bg-mobile-controls .bg-dice-wrap>i{ min-width:28px; min-height:28px; display:grid; place-items:center; } #bgMobileRoll{ min-height:40px; padding:8px 10px!important; white-space:nowrap; } .backgammon-board{ order:-1; width:100%!important; min-height:clamp(300px,86vw,370px)!important; max-height:370px; padding:6px!important; border-width:5px!important; gap:1px!important; border-radius:12px!important; } .bg-point.top:before{ border-top-width:clamp(118px,34vw,145px)!important; border-left-width:10px!important; border-right-width:10px!important; } .bg-point.bottom:before{ border-bottom-width:clamp(118px,34vw,145px)!important; border-left-width:10px!important; border-right-width:10px!important; } .bg-checkers{ inset:5px 0!important; gap:1px!important; } .bg-checkers i{ width:clamp(19px,6.2vw,24px)!important; height:clamp(19px,6.2vw,24px)!important; } .bg-index{ font-size:8px!important; } .backgammon-layout .block-sidebar{ order:1; grid-template-columns:1fr!important; } } body.dark-mode #moduleModal .bg-mobile-controls{ background:rgba(13,39,58,.96)!important; border-color:#35566d!important; color:#f1f7fb!important; } body.dark-mode #moduleModal .bg-mobile-controls small{ color:#bed2df!important; } @media(max-width:420px){ .bg-mobile-controls{ grid-template-columns:64px 1fr auto; padding:7px; } #bgMobileRoll{ font-size:11px!important; padding:7px 8px!important; } .backgammon-board{ min-height:300px!important; max-height:330px!important; } } /* V40.0 – NOVA Übersetzer: Mikrofon deutlich sichtbar */ #moduleModal #translatorMic{ min-height:48px!important; padding:11px 18px!important; border-width:2px!important; border-radius:12px!important; font-size:16px!important; font-weight:900!important; letter-spacing:.01em; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:7px!important; box-shadow:0 5px 14px rgba(28,112,166,.12); } #moduleModal #translatorMic:hover{ transform:translateY(-1px); } #moduleModal #translatorMic.listening{ min-width:130px; animation:novaMicPulse 1.15s ease-in-out infinite; } #moduleModal .translator-mic-status{ font-size:14px!important; font-weight:700; padding:10px 12px!important; } @keyframes novaMicPulse{ 0%,100%{box-shadow:0 0 0 0 rgba(229,70,70,.16)} 50%{box-shadow:0 0 0 7px rgba(229,70,70,.08)} } @media(max-width:520px){ #moduleModal #translatorMic{ width:100%!important; min-height:52px!important; font-size:17px!important; } #moduleModal .translator-mic-status{ font-size:14px!important; line-height:1.55!important; } } /* V40.0 – Einkaufen: redundante Angebotsbuttons entfernt, Cashback als Zusatzfunktion */ .nova-offers-actions.nova-offers-actions-single{ grid-template-columns:minmax(240px,420px)!important; justify-content:start; } .nova-offers-actions.nova-offers-actions-single button{ min-height:68px; } @media(max-width:600px){ .nova-offers-actions.nova-offers-actions-single{ grid-template-columns:1fr!important; } } /* V40.0 – NOVA Wissenswelt */ .nova-knowledge-v40{display:grid;gap:16px} .knowledge-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid #cfe1ee;border-radius:17px;background:linear-gradient(135deg,#f7fcff,#eef7ff)} .knowledge-hero h2{margin:4px 0 6px;font-size:27px} .knowledge-hero .module-intro{margin:0;font-size:16px!important;line-height:1.55!important} .knowledge-hero-badge{flex:0 0 auto;padding:9px 12px;border-radius:999px;background:#e8f5ff;color:#17699f;font-size:11px;font-weight:900;letter-spacing:.08em} .knowledge-daily{display:grid;grid-template-columns:86px 1fr;gap:17px;padding:18px;border:1px solid #b9d5e7;border-radius:18px;background:linear-gradient(135deg,#ffffff,#f3f9fd);box-shadow:0 8px 24px rgba(30,81,116,.08)} .knowledge-daily-icon{width:76px;height:76px;display:grid;place-items:center;border-radius:20px;background:#eaf7ff;font-size:43px} .knowledge-daily-main h3{margin:5px 0 7px;font-size:25px} .knowledge-daily-main>p{margin:0;font-size:16px;line-height:1.58;color:#4e697a} .knowledge-daily-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0} .knowledge-daily-facts span{display:flex;gap:7px;align-items:flex-start;padding:10px;border:1px solid #d9e7f0;border-radius:11px;background:#fbfdff;font-size:13px;line-height:1.45;font-weight:650} .knowledge-daily-facts i{font-style:normal;color:#1788c7} .knowledge-daily-actions{display:flex;gap:8px;flex-wrap:wrap} .knowledge-section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:3px} .knowledge-section-head small{font-size:11px;font-weight:900;color:#648092;letter-spacing:.08em} .knowledge-section-head h3{margin:2px 0 0;font-size:22px} .knowledge-section-head>span{font-size:12px;font-weight:800;color:#698091} .knowledge-grid-v40{grid-template-columns:repeat(4,minmax(0,1fr))!important} .knowledge-grid-v40 button{min-height:105px!important;display:grid!important;grid-template-columns:auto 1fr!important;grid-template-rows:auto auto!important;column-gap:9px!important;align-content:center!important;text-align:left!important;padding:13px!important} .knowledge-grid-v40 button>span{grid-row:1/3;font-size:27px} .knowledge-grid-v40 button>b{font-size:15px!important;line-height:1.25} .knowledge-grid-v40 button>small{font-size:11px!important;line-height:1.35;color:#6b8190} .knowledge-search-box{padding:15px;border:1px solid #d6e3ec;border-radius:15px;background:#f8fbfd} .knowledge-search-box>div:first-child small{font-size:10px;font-weight:900;color:#658092;letter-spacing:.08em} .knowledge-search-box h3{margin:2px 0 9px;font-size:20px} .knowledge-filter input{font-size:16px!important;min-height:44px} .knowledge-filter .btn{font-size:14px!important;min-height:44px} .knowledge-output{font-size:15px!important;line-height:1.58!important} .knowledge-bottom-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:9px} .knowledge-bottom-actions button,.knowledge-bottom-actions a{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:12px;border:1px solid #d3e1ea;border-radius:13px;background:#fff;color:inherit;text-decoration:none;text-align:left;cursor:pointer} .knowledge-bottom-actions>*>span{font-size:25px}.knowledge-bottom-actions b{display:block;font-size:14px}.knowledge-bottom-actions small{font-size:11px;color:#6e8290}.knowledge-bottom-actions em{font-style:normal;font-weight:900;color:#2784bd} body.dark-mode #moduleModal .knowledge-hero, body.dark-mode #moduleModal .knowledge-daily, body.dark-mode #moduleModal .knowledge-search-box{background:linear-gradient(135deg,#102c43,#0c2235)!important;border-color:#35566e!important;color:#f1f8fc!important} body.dark-mode #moduleModal .knowledge-daily-icon{background:#183b53!important} body.dark-mode #moduleModal .knowledge-daily-main>p, body.dark-mode #moduleModal .knowledge-grid-v40 button>small, body.dark-mode #moduleModal .knowledge-section-head>span, body.dark-mode #moduleModal .knowledge-bottom-actions small{color:#bfd1dc!important} body.dark-mode #moduleModal .knowledge-daily-facts span{background:#112b40!important;border-color:#36546a!important;color:#e9f4fa!important} body.dark-mode #moduleModal .knowledge-bottom-actions button, body.dark-mode #moduleModal .knowledge-bottom-actions a{background:#102b40!important;border-color:#35566e!important;color:#f1f8fc!important} @media(max-width:900px){ .knowledge-grid-v40{grid-template-columns:repeat(3,minmax(0,1fr))!important} .knowledge-daily-facts{grid-template-columns:1fr} .knowledge-bottom-actions{grid-template-columns:1fr 1fr} } @media(max-width:650px){ .knowledge-hero{align-items:flex-start;flex-direction:column} .knowledge-hero h2{font-size:24px} .knowledge-daily{grid-template-columns:1fr;padding:15px} .knowledge-daily-icon{width:62px;height:62px;font-size:36px} .knowledge-daily-main h3{font-size:23px} .knowledge-daily-main>p{font-size:15px} .knowledge-grid-v40{grid-template-columns:1fr 1fr!important} .knowledge-grid-v40 button{min-height:96px!important} .knowledge-bottom-actions{grid-template-columns:1fr} } @media(max-width:390px){ .knowledge-grid-v40{grid-template-columns:1fr!important} } /* V40.0 – Wissen: ein großes Thema pro Kategorie */ .knowledge-category-edition .knowledge-hero{ margin-bottom:2px; } .knowledge-category-list{ display:grid; grid-template-columns:1fr 1fr; gap:13px; } .knowledge-topic-card{ display:grid; grid-template-columns:68px 1fr; gap:14px; padding:16px; border:1px solid #c9deeb; border-radius:17px; background:linear-gradient(135deg,#ffffff,#f4faff); box-shadow:0 7px 20px rgba(30,81,116,.06); } .knowledge-topic-icon{ width:62px; height:62px; display:grid; place-items:center; border-radius:18px; background:#eaf7ff; font-size:35px; } .knowledge-topic-main h3{ margin:4px 0 6px; font-size:22px; } .knowledge-topic-main>p{ margin:0; font-size:15px; line-height:1.55; color:#4d697a; } .knowledge-topic-facts{ display:grid; gap:6px; margin:11px 0 12px; } .knowledge-topic-facts span{ display:flex; gap:7px; align-items:flex-start; padding:7px 9px; border:1px solid #dbe8f0; border-radius:9px; background:#fbfdff; font-size:12.5px; line-height:1.42; font-weight:650; } .knowledge-topic-facts i{ font-style:normal; color:#1988c7; } .knowledge-topic-more{ display:inline-flex!important; width:auto!important; min-height:40px!important; padding:8px 13px!important; font-size:13px!important; } .knowledge-links-section{ display:grid; gap:10px; margin-top:3px; } .knowledge-category-edition .knowledge-bottom-actions{ grid-template-columns:repeat(4,1fr); } body.dark-mode #moduleModal .knowledge-topic-card{ background:linear-gradient(135deg,#102c43,#0c2235)!important; border-color:#35566e!important; color:#f1f8fc!important; } body.dark-mode #moduleModal .knowledge-topic-icon{ background:#183b53!important; } body.dark-mode #moduleModal .knowledge-topic-main>p{ color:#c2d3de!important; } body.dark-mode #moduleModal .knowledge-topic-facts span{ background:#112b40!important; border-color:#36546a!important; color:#e9f4fa!important; } @media(max-width:900px){ .knowledge-category-list{grid-template-columns:1fr} } @media(max-width:600px){ .knowledge-topic-card{ grid-template-columns:1fr; padding:14px; } .knowledge-topic-icon{ width:58px; height:58px; font-size:33px; } .knowledge-topic-main h3{font-size:21px} .knowledge-topic-main>p{font-size:15px} .knowledge-topic-facts span{font-size:13px} .knowledge-category-edition .knowledge-bottom-actions{grid-template-columns:1fr} } /* V40.0 – Wissen: 20 Themen je Kategorie + Thema des Tages */ .knowledge-daily-returned{ margin-top:0; } .knowledge-topic-actions{ margin:10px 0 8px; } .knowledge-topic-library{ margin-top:10px; border-top:1px solid #dbe7ef; padding-top:9px; } .knowledge-topic-library summary{ cursor:pointer; font-size:13px; font-weight:900; color:#30769f; } .knowledge-topic-link-grid{ display:grid; grid-template-columns:1fr 1fr; gap:6px; margin-top:9px; } .knowledge-topic-link-grid a{ padding:8px 9px; border:1px solid #dbe7ef; border-radius:9px; background:#fbfdff; color:#2f607d; text-decoration:none; font-size:12px; line-height:1.35; font-weight:700; } .knowledge-topic-link-grid a:hover{ border-color:#82badb; background:#f0f9ff; } .knowledge-quiz-cta{ display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 18px; border:1px solid #b7d7e9; border-radius:17px; background:linear-gradient(135deg,#eef9ff,#f8fcff); } .knowledge-quiz-cta>div{ display:flex; gap:12px; align-items:center; } .knowledge-quiz-cta>div>span{ width:54px;height:54px;display:grid;place-items:center; border-radius:15px;background:#def3ff;font-size:29px; } .knowledge-quiz-cta small{font-size:10px;font-weight:900;letter-spacing:.08em;color:#607f91} .knowledge-quiz-cta h3{margin:2px 0;font-size:21px} .knowledge-quiz-cta p{margin:0;font-size:13px;color:#657d8c} body.dark-mode #moduleModal .knowledge-topic-library{ border-color:#35566e!important; } body.dark-mode #moduleModal .knowledge-topic-library summary{ color:#8dd8ff!important; } body.dark-mode #moduleModal .knowledge-topic-link-grid a{ background:#112b40!important; border-color:#35566e!important; color:#d8eaf4!important; } body.dark-mode #moduleModal .knowledge-quiz-cta{ background:linear-gradient(135deg,#102c43,#0c2235)!important; border-color:#35566e!important; color:#f1f8fc!important; } body.dark-mode #moduleModal .knowledge-quiz-cta>div>span{ background:#173a53!important; } body.dark-mode #moduleModal .knowledge-quiz-cta p{ color:#bfd1dc!important; } @media(max-width:650px){ .knowledge-topic-link-grid{grid-template-columns:1fr} .knowledge-quiz-cta{ align-items:stretch; flex-direction:column; } .knowledge-quiz-cta .btn{ width:100%; min-height:46px; } } /* V40.0 – Wissen Live Thema des Tages */ .knowledge-daily-live-meta{ grid-template-columns:repeat(3,minmax(0,1fr)); } #knowledgeDailyIcon img{ width:100%; height:100%; object-fit:cover; border-radius:18px; } #knowledgeDailyLink.disabled{ opacity:.5; pointer-events:none; } @media(max-width:700px){ .knowledge-daily-live-meta{grid-template-columns:1fr} } /* V40 – NOVA English 6000 Trainer */ .english-v40-module{max-width:1180px;color:#091b31} .english-v40-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin:0 0 14px} .english-v40-hero h2{margin-bottom:8px}.english-v40-hero .module-intro{max-width:720px;font-size:16px;line-height:1.6} .english-v40-count{min-width:180px;padding:18px 20px;border-radius:18px;background:linear-gradient(145deg,#071c38,#0d315a);color:#fff;text-align:center;box-shadow:0 14px 30px rgba(4,31,65,.2)} .english-v40-count strong,.english-v40-count span,.english-v40-count small{display:block}.english-v40-count strong{font:800 34px/1 Space Grotesk}.english-v40-count span{margin-top:6px;font-weight:800}.english-v40-count small{margin-top:4px;color:#b8d7ef} .english-v40-note{display:flex;gap:10px;align-items:center;padding:11px 14px;border:1px solid #c8def3;border-radius:13px;background:#f1f8ff;color:#31536f;margin:10px 0 16px}.english-v40-note p{margin:0;font-size:13px;line-height:1.45} .english-v40-levels{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin:14px 0}.english-v40-levels button{min-height:70px;border:1px solid #bfd0e3;border-radius:14px;background:#fff;color:#173b60;cursor:pointer;display:grid;place-items:center;gap:2px;padding:9px}.english-v40-levels button b{font-size:18px}.english-v40-levels button small{font-size:10px;color:#66809a}.english-v40-levels button.active{background:linear-gradient(135deg,#145ff0,#14b9db,#5acb50);color:#fff;border-color:transparent;box-shadow:0 10px 24px rgba(20,95,240,.2)}.english-v40-levels button.active small{color:#effaff} .english-v40-modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:12px 0 14px}.english-v40-modes button{min-height:48px;border:1px solid #bfd0e3;border-radius:12px;background:#f8fbff;color:#16395e;font-weight:800;cursor:pointer}.english-v40-modes button.active{background:#092e56;color:#fff;border-color:#092e56} .english-v40-tools{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap;margin:8px 0 16px}.english-v40-tools .english-pronunciation{margin:0} .english-v40-stage{min-height:420px;border:1px solid #d7e4f0;border-radius:20px;background:linear-gradient(145deg,#f9fcff,#f1f7fd);padding:18px} .english-v40-loading{min-height:360px;display:grid;place-items:center;align-content:center;gap:12px;color:#52708f;font-weight:800}.english-v40-loading:first-letter{color:#1466e8} .english-v40-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:10px}.english-v40-stats>div{padding:10px 11px;border:1px solid #d3e1ee;border-radius:12px;background:#fff;display:grid;gap:3px}.english-v40-stats small{color:#607a94;font-size:10px;font-weight:700}.english-v40-stats strong{font-size:16px;color:#102d4d} .english-v40-progress{position:relative;height:28px;border-radius:999px;background:#dfe9f3;overflow:hidden;margin:0 0 16px}.english-v40-progress i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#2459ff,#12bde4,#65cf45);border-radius:inherit;transition:width .25s}.english-v40-progress span{position:relative;z-index:2;height:100%;display:grid;place-items:center;font-size:11px;font-weight:900;color:#17324f;text-shadow:0 1px #fff} .english-v40-card{position:relative;min-height:290px;border:1px solid #ccdaea;border-radius:18px;background:#fff;padding:24px;box-shadow:0 12px 30px rgba(18,61,105,.09)}.english-v40-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.english-v40-card-head>span{font-size:11px;letter-spacing:1.1px;font-weight:900;color:#1466e8}.english-v40-fav{width:42px;height:42px;border:1px solid #cbd8e6;border-radius:50%;background:#fff;color:#7c8fa3;font-size:24px;cursor:pointer}.english-v40-fav.active{color:#f0a500;background:#fff8df;border-color:#f4c84f} .english-v40-kicker{display:block;color:#6a8098;font-size:12px;font-weight:800;margin-top:10px}.english-v40-card h3{font:700 clamp(28px,4vw,44px)/1.12 Space Grotesk;margin:12px 0 8px;color:#071d39}.english-v40-base{color:#58708b;margin:0 0 16px}.english-v40-card-actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.english-v40-speak{border:1px solid #9dbce0;border-radius:11px;background:#edf6ff;color:#0f5eb9;padding:10px 14px;font-weight:800;cursor:pointer}.english-v40-speak:hover{background:#e0f0ff} .english-v40-translation{margin:16px 0;padding:18px;border:1px solid #b8dfc4;border-radius:15px;background:#f2fff5}.english-v40-translation small,.english-v40-translation strong,.english-v40-translation span{display:block}.english-v40-translation small{color:#4f8061;font-weight:800}.english-v40-translation strong{font-size:28px;margin:5px 0;color:#145c2e}.english-v40-translation span{color:#537061;font-size:13px}.english-v40-rate{display:flex;gap:9px;margin-top:14px}.english-v40-rate button{flex:1;min-height:44px;border:1px solid #b7c9dc;border-radius:10px;background:#fff;color:#173958;font-weight:800;cursor:pointer}.english-v40-rate button.selected{background:#0c6f3b;color:#fff;border-color:#0c6f3b}.english-v40-card>#englishV40Next{margin-top:16px} .english-v40-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.english-v40-options button{min-height:60px;border:1px solid #bfd0e3;border-radius:13px;background:#f8fbff;color:#13385e;font-weight:800;cursor:pointer;text-align:left;padding:12px 14px}.english-v40-options button:hover{border-color:#438dde;background:#edf6ff}.english-v40-options button.correct{background:#e7f9ed;border-color:#42a964;color:#11652d}.english-v40-options button.wrong{background:#fff0f2;border-color:#d84a65;color:#9b1f35}.english-v40-feedback{min-height:28px;margin:8px 0}.english-v40-feedback .ok{color:#147333}.english-v40-feedback .bad{color:#a62d42} .english-v40-empty{min-height:300px;display:grid;place-items:center;align-content:center;text-align:center;gap:8px}.english-v40-empty>span{font-size:42px}.english-v40-empty h3{margin:0;font-size:23px}.english-v40-empty p{margin:0 0 8px;color:#60758b;max-width:520px} body.dark-mode .english-v40-module{color:#ecf6ff}body.dark-mode .english-v40-note{background:#0b2238;border-color:#355775;color:#bfd5ea}body.dark-mode .english-v40-levels button,body.dark-mode .english-v40-modes button{background:#0b2238;color:#e9f5ff;border-color:#355775}body.dark-mode .english-v40-levels button small{color:#9fb9d1}body.dark-mode .english-v40-levels button.active,body.dark-mode .english-v40-modes button.active{background:linear-gradient(135deg,#0d5ce8,#0baacb);color:#fff;border-color:transparent}body.dark-mode .english-v40-stage{background:linear-gradient(145deg,#071827,#0a2034);border-color:#294967}body.dark-mode .english-v40-stats>div,body.dark-mode .english-v40-card{background:#0c243b;border-color:#315470}body.dark-mode .english-v40-stats small,body.dark-mode .english-v40-base,body.dark-mode .english-v40-kicker{color:#9fb8cf}body.dark-mode .english-v40-stats strong,body.dark-mode .english-v40-card h3{color:#f2f8ff}body.dark-mode .english-v40-progress{background:#1e3a54}body.dark-mode .english-v40-progress span{color:#fff;text-shadow:0 1px #000}body.dark-mode .english-v40-speak{background:#0b3152;border-color:#3972a5;color:#bfe2ff}body.dark-mode .english-v40-fav{background:#0d2943;border-color:#3b5d78;color:#9fb5ca}body.dark-mode .english-v40-fav.active{color:#ffd15b;border-color:#9d7d29;background:#332b13}body.dark-mode .english-v40-translation{background:#0c3020;border-color:#286744}body.dark-mode .english-v40-translation strong{color:#8df2ad}body.dark-mode .english-v40-translation small,body.dark-mode .english-v40-translation span{color:#b8d9c3}body.dark-mode .english-v40-rate button,body.dark-mode .english-v40-options button{background:#0a1e31;color:#e9f4ff;border-color:#355976}body.dark-mode .english-v40-options button.correct{background:#123c26;border-color:#3d9660;color:#b6f2c9}body.dark-mode .english-v40-options button.wrong{background:#421a25;border-color:#9a3f55;color:#ffd0d9}body.dark-mode .english-v40-empty p{color:#a8bfd4} @media(max-width:900px){.english-v40-hero{flex-direction:column}.english-v40-count{width:100%}.english-v40-levels{grid-template-columns:repeat(3,1fr)}.english-v40-stats{grid-template-columns:repeat(3,1fr)}} @media(max-width:620px){.english-v40-stage{padding:12px}.english-v40-levels{grid-template-columns:repeat(2,1fr)}.english-v40-modes{grid-template-columns:1fr 1fr}.english-v40-stats{grid-template-columns:1fr 1fr}.english-v40-card{padding:18px 15px}.english-v40-options{grid-template-columns:1fr}.english-v40-rate{flex-direction:column}.english-v40-tools{align-items:stretch}.english-v40-tools .btn{width:100%}.english-v40-tools .english-pronunciation{width:100%}.english-v40-card h3{font-size:30px}} /* V40.1 – NOVA English integriert: 6.000 Vokabeln + klassischer Satztrainer */ .english-super-tabs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0} .english-super-tabs button{min-height:82px;border:1px solid #bfd1e4;border-radius:16px;background:linear-gradient(145deg,#fff,#f5faff);color:#14385d;padding:14px 16px;cursor:pointer;text-align:left;display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center} .english-super-tabs button>span{grid-row:1/3;font-size:28px}.english-super-tabs button b{font-size:16px}.english-super-tabs button small{color:#617b96;font-size:12px;margin-top:3px} .english-super-tabs button.active{background:linear-gradient(135deg,#0d5fe8,#12b8d8,#55c94d);color:#fff;border-color:transparent;box-shadow:0 12px 26px rgba(20,95,220,.20)} .english-super-tabs button.active small{color:#eefaff} .english-voice-hint{margin:-4px 0 14px;padding:10px 12px;border-radius:12px;background:#eef7ff;border:1px solid #d1e3f4;color:#42617e;font-size:12px;font-weight:650} .english-classic-head{margin:8px 0 14px}.english-classic-head h3{font:700 25px/1.15 Space Grotesk;margin:6px 0}.english-classic-head p{margin:0;color:#536d87;line-height:1.55} .english-classic-levels button{display:grid;gap:3px;min-width:145px}.english-classic-levels button small{font-size:10px;font-weight:700;opacity:.8} .english-classic-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px} .english-classic-modes button{min-height:52px} .english-pronunciation{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.english-pronunciation>span{font-weight:850;color:#365674;margin-right:2px}.english-pronunciation button{min-height:42px;border:1px solid #b8cde2;background:#fff;color:#173b60;border-radius:10px;padding:8px 11px;font-weight:800;cursor:pointer}.english-pronunciation button.active{background:#0c4f90;color:#fff;border-color:#0c4f90} body.dark-mode .english-super-tabs button{background:#0b2238;color:#eaf5ff;border-color:#355875} body.dark-mode .english-super-tabs button small{color:#a9c0d4} body.dark-mode .english-super-tabs button.active{background:linear-gradient(135deg,#0d5ce8,#0baacb,#36b96e);color:#fff;border-color:transparent} body.dark-mode .english-super-tabs button.active small{color:#effaff} body.dark-mode .english-voice-hint{background:#0b2238;border-color:#355775;color:#bdd2e5} body.dark-mode .english-classic-head p{color:#b7cadc} body.dark-mode .english-pronunciation>span{color:#c5d9ea} body.dark-mode .english-pronunciation button{background:#0b2238;color:#eaf5ff;border-color:#355875} body.dark-mode .english-pronunciation button.active{background:#0c65b8;color:#fff;border-color:#2284d6} @media(max-width:720px){.english-super-tabs{grid-template-columns:1fr}.english-classic-modes{grid-template-columns:1fr 1fr}.english-classic-levels{display:grid;grid-template-columns:1fr 1fr 1fr}.english-classic-levels button{min-width:0}.english-pronunciation{display:grid;grid-template-columns:1fr 1fr 1fr}.english-pronunciation>span{grid-column:1/-1}.english-pronunciation button{width:100%}} @media(max-width:470px){.english-classic-modes,.english-classic-levels{grid-template-columns:1fr}.english-pronunciation{grid-template-columns:1fr}.english-super-tabs button{min-height:76px}} /* V40 Browser Compatibility – Edge / Opera / Chrome Stable live counters: fixed digit metrics and no transitions/repaints. */ #clock, #chessRoundTime, #chessPlayerTime, #chessNovaTime, .world-time-card strong{ font-variant-numeric:tabular-nums!important; font-feature-settings:'tnum' 1,'lnum' 1; animation:none!important; transition:none!important; } #clock{ display:inline-block; min-width:8ch; white-space:nowrap; contain:content; will-change:contents; } .nova-dashboard-panel .dashboard-time{ contain:layout paint; } @supports not (height:100dvh){ @media(max-width:700px){ #moduleModal.nova-games-modal, #moduleModal.nova-games-modal .modal-panel, #moduleModal.nova-games-modal .modal-card, #moduleModal.nova-games-modal .modal-content{height:100vh!important;max-height:100vh!important} } } /* V40 – Alle Bereiche im Schnellzugriff; alte große Kachelübersicht entfernt */ .nova-universe-quick#alltag{ max-width:1500px; margin:18px auto 28px!important; } .nova-universe-quick#alltag .nova-quick-access-head{ align-items:flex-end; margin-bottom:16px; } .nova-universe-quick#alltag .nova-quick-access-head h2{ font-size:clamp(24px,2.3vw,34px); } .nova-universe-dock{ grid-template-columns:repeat(8,minmax(0,1fr))!important; gap:9px!important; } .nova-universe-dock .nova-all-quick-item, .nova-universe-dock button{ min-height:88px!important; grid-template-columns:38px minmax(0,1fr)!important; column-gap:8px!important; padding:10px!important; } .nova-universe-dock button>span{ width:38px!important; height:38px!important; font-size:21px!important; } .nova-universe-dock button>b{ font-size:12.5px!important; line-height:1.2!important; } .nova-universe-dock button>small{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:10px!important; line-height:1.25!important; } @media(max-width:1250px){ .nova-universe-dock{grid-template-columns:repeat(6,minmax(0,1fr))!important} } @media(max-width:980px){ .nova-universe-dock{grid-template-columns:repeat(4,minmax(0,1fr))!important} } @media(max-width:700px){ .nova-universe-quick#alltag{margin:12px 10px 20px!important} .nova-universe-dock{grid-template-columns:repeat(2,minmax(0,1fr))!important} .nova-universe-dock button{min-height:84px!important} .nova-universe-dock button>b{font-size:13px!important} .nova-universe-dock button>small{font-size:10.5px!important} } @media(max-width:390px){ .nova-universe-dock{grid-template-columns:1fr!important} } /* V40 – Schnellzugriff Lesbarkeit + Hover Glow */ .nova-universe-dock{ gap:12px!important; } .nova-universe-dock .nova-all-quick-item, .nova-universe-dock button{ min-height:108px!important; padding:14px 14px!important; border-width:1.5px!important; border-color:rgba(68,132,208,.30)!important; background:linear-gradient(145deg,#ffffff,#f4f9ff)!important; box-shadow:0 8px 22px rgba(20,74,130,.08)!important; transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease,filter .22s ease!important; position:relative; overflow:hidden; } .nova-universe-dock .nova-all-quick-item::after, .nova-universe-dock button::after{ content:""; position:absolute; inset:-45%; background:radial-gradient(circle,rgba(44,125,255,.18),transparent 58%); opacity:0; transform:scale(.72); transition:opacity .24s ease,transform .24s ease; pointer-events:none; } .nova-universe-dock button>span{ width:44px!important; height:44px!important; font-size:24px!important; border-radius:13px!important; } .nova-universe-dock button>b{ font-size:15px!important; line-height:1.25!important; letter-spacing:.05px!important; } .nova-universe-dock button>small{ font-size:12px!important; line-height:1.35!important; color:#58708a!important; -webkit-line-clamp:2!important; } .nova-universe-dock button:hover, .nova-universe-dock button:focus-visible{ transform:translateY(-5px) scale(1.015)!important; border-color:rgba(42,116,235,.72)!important; background:linear-gradient(145deg,#ffffff,#eef7ff)!important; box-shadow: 0 18px 38px rgba(25,99,210,.20), 0 0 0 2px rgba(46,126,246,.08), 0 0 26px rgba(53,168,255,.20)!important; filter:brightness(1.02); } .nova-universe-dock button:hover::after, .nova-universe-dock button:focus-visible::after{ opacity:1; transform:scale(1); } .nova-universe-dock button:hover>span, .nova-universe-dock button:focus-visible>span{ transform:scale(1.08); box-shadow:0 0 18px rgba(41,150,255,.22); } .nova-universe-dock button>span{ transition:transform .22s ease,box-shadow .22s ease; } body.dark-mode .nova-universe-dock .nova-all-quick-item, body.dark-mode .nova-universe-dock button{ background:linear-gradient(145deg,#0a2037,#102d49)!important; border-color:rgba(97,166,226,.30)!important; box-shadow:0 10px 25px rgba(0,0,0,.24)!important; } body.dark-mode .nova-universe-dock button>b{ color:#f2f8ff!important; } body.dark-mode .nova-universe-dock button>small{ color:#b7cee2!important; } body.dark-mode .nova-universe-dock button:hover, body.dark-mode .nova-universe-dock button:focus-visible{ background:linear-gradient(145deg,#0d2b4b,#12466f)!important; border-color:rgba(98,190,255,.88)!important; box-shadow: 0 20px 42px rgba(0,0,0,.34), 0 0 0 2px rgba(80,174,255,.12), 0 0 28px rgba(58,181,255,.32)!important; } @media(max-width:1250px){ .nova-universe-dock button{min-height:104px!important} .nova-universe-dock button>b{font-size:14.5px!important} .nova-universe-dock button>small{font-size:11.5px!important} } @media(max-width:700px){ .nova-universe-dock{gap:10px!important} .nova-universe-dock button{ min-height:100px!important; padding:13px!important; } .nova-universe-dock button>b{font-size:15px!important} .nova-universe-dock button>small{font-size:12px!important} .nova-universe-dock button>span{ width:42px!important; height:42px!important; font-size:23px!important; } } @media(hover:none){ .nova-universe-dock button:active{ transform:scale(.985)!important; border-color:rgba(42,116,235,.68)!important; box-shadow:0 8px 18px rgba(25,99,210,.16)!important; } } /* V40 – Sport: größere Schrift + Europa/USA Dark-Mode Optimierung */ .sport-module h2{font-size:clamp(27px,3vw,36px)!important} .sport-module .module-intro{font-size:15.5px!important;line-height:1.55!important} .sport-module .eyebrow{font-size:12px!important;letter-spacing:.09em} .sport-region-card, .sport-module .region-card, .sport-module [data-sport-region]{ font-size:15px!important; } .sport-module button, .sport-module a{ font-size:14px!important; } .sport-module h3{ font-size:20px!important; line-height:1.25!important; } .sport-module p, .sport-module small{ font-size:13px!important; line-height:1.45!important; } /* Häufig verwendete Europa-/USA-Karten im Sportmodul */ .sport-module .sport-region-card, .sport-module .sport-area-card, .sport-module .sport-link-card, .sport-module .league-card, .sport-module .sport-card{ border:1px solid rgba(76,130,185,.28)!important; background:linear-gradient(145deg,#fff,#f4f9ff)!important; color:#173b5d!important; box-shadow:0 8px 20px rgba(19,71,122,.08)!important; } .sport-module .sport-region-card *, .sport-module .sport-area-card *, .sport-module .sport-link-card *, .sport-module .league-card *, .sport-module .sport-card *{ color:inherit; } body.dark-mode .sport-module .sport-region-card, body.dark-mode .sport-module .sport-area-card, body.dark-mode .sport-module .sport-link-card, body.dark-mode .sport-module .league-card, body.dark-mode .sport-module .sport-card, body.dark-mode .sport-module [data-sport-region]{ background:linear-gradient(145deg,#0b2239,#123b5c)!important; border-color:rgba(102,183,239,.42)!important; color:#f2f8ff!important; box-shadow:0 10px 25px rgba(0,0,0,.28)!important; } body.dark-mode .sport-module .sport-region-card p, body.dark-mode .sport-module .sport-area-card p, body.dark-mode .sport-module .sport-link-card p, body.dark-mode .sport-module .league-card p, body.dark-mode .sport-module .sport-card p, body.dark-mode .sport-module .sport-region-card small, body.dark-mode .sport-module .sport-area-card small, body.dark-mode .sport-module .sport-link-card small, body.dark-mode .sport-module .league-card small, body.dark-mode .sport-module .sport-card small{ color:#bfd5e7!important; } body.dark-mode .sport-module .sport-region-card:hover, body.dark-mode .sport-module .sport-area-card:hover, body.dark-mode .sport-module .sport-link-card:hover, body.dark-mode .sport-module .league-card:hover, body.dark-mode .sport-module .sport-card:hover, body.dark-mode .sport-module [data-sport-region]:hover{ background:linear-gradient(145deg,#103352,#145681)!important; border-color:rgba(102,199,255,.88)!important; box-shadow:0 16px 34px rgba(0,0,0,.34),0 0 24px rgba(61,177,255,.24)!important; } @media(max-width:700px){ .sport-module h2{font-size:27px!important} .sport-module h3{font-size:19px!important} .sport-module p{font-size:13.5px!important} .sport-module button,.sport-module a{font-size:14.5px!important} } /* V40 – NOVA Games: Quest button position + Star Defender multitouch */ .invaders-game .nova-gamepad, .invaders-game .nova-action-buttons, .invaders-game .nova-action-buttons button, .invaders-game .nova-dpad, .invaders-game .nova-dpad button{ touch-action:none!important; -webkit-user-select:none; user-select:none; } .invaders-game #invadersShoot, .invaders-game #invadersShield{ position:relative; z-index:5; } .invaders-game #invadersShoot:active, .invaders-game #invadersShield:active{ transform:scale(.94); } /* JUMP sitzt jetzt rechts bei den übrigen Quest-Aktionsbuttons. */ .quest-action-buttons{ justify-content:flex-end!important; } .quest-action-buttons #questJumpButton{ order:3; margin-left:4px; } @media(max-width:700px){ .quest-gamepad{ display:grid!important; grid-template-columns:minmax(128px,1fr) auto!important; align-items:center!important; gap:10px!important; } .quest-gamepad .nova-dpad{ justify-self:start; } .quest-gamepad .quest-action-buttons{ justify-self:end; justify-content:flex-end!important; flex-wrap:nowrap!important; gap:7px!important; } .quest-gamepad .quest-action-buttons button{ flex:0 0 auto; } .quest-action-buttons #questJumpButton{ margin-left:2px; } .invaders-game .nova-gamepad{ display:grid!important; grid-template-columns:minmax(128px,1fr) auto!important; align-items:center!important; gap:10px!important; } .invaders-game .nova-dpad{ justify-self:start; } .invaders-game .nova-action-buttons{ justify-self:end; flex-wrap:nowrap!important; } } /* V40 – Einheitlicher Multitouch-Standard für alle bewegungsbasierten NOVA Games */ .block-game .nova-gamepad, .snake-game .nova-gamepad, .breakout-game .nova-gamepad, .runner-game .nova-gamepad, .platform-game .nova-gamepad, .invaders-game .nova-gamepad, .quest-gamepad, .block-game .nova-gamepad button, .snake-game .nova-gamepad button, .breakout-game .nova-gamepad button, .runner-game .nova-gamepad button, .platform-game .nova-gamepad button, .invaders-game .nova-gamepad button, .quest-gamepad button{ touch-action:none!important; -webkit-user-select:none!important; user-select:none!important; -webkit-touch-callout:none!important; } .block-game .nova-gamepad button:active, .snake-game .nova-gamepad button:active, .breakout-game .nova-gamepad button:active, .runner-game .nova-gamepad button:active, .platform-game .nova-gamepad button:active, .invaders-game .nova-gamepad button:active, .quest-gamepad button:active{ transform:scale(.94); filter:brightness(1.08); } /* V40 – Dienstleistungen & Stadt-Service */ .nova-services-module{display:grid;gap:18px} .nova-services-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:4px 2px 2px} .nova-services-hero h2{margin:6px 0 8px} .nova-services-place{display:flex;align-items:center;gap:10px;min-width:190px;padding:12px 14px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#f4f9ff,#fff)} .nova-services-place>span{font-size:25px}.nova-services-place small,.nova-services-place b{display:block}.nova-services-place small{font-size:10px;color:var(--muted);font-weight:800}.nova-services-place b{margin-top:3px;font-size:14px} .nova-services-section{padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#fbfdff,#f5f9fd)} .nova-services-section-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-end;margin-bottom:13px}.nova-services-section-head small{font-size:10px;color:var(--blue);font-weight:900;letter-spacing:.08em}.nova-services-section-head h3{margin:4px 0 0;font-size:20px}.nova-services-section-head>span{font-size:11px;color:var(--muted)} .nova-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .nova-service-card{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;min-height:82px;padding:12px;border:1px solid #d7e3ef;border-radius:14px;background:#fff;color:var(--ink);text-align:left;cursor:pointer;transition:.2s} .nova-service-card:hover{transform:translateY(-3px);border-color:#70b5f4;box-shadow:0 12px 26px rgba(20,84,150,.13)} .nova-service-card>span{font-size:25px}.nova-service-card b,.nova-service-card small{display:block}.nova-service-card b{font-size:14px}.nova-service-card small{font-size:11px;line-height:1.3;color:var(--muted);margin-top:3px}.nova-service-card em{font-style:normal;color:var(--blue);font-weight:900} .nova-services-direct{display:grid;grid-template-columns:1fr minmax(300px,.9fr);gap:18px;align-items:center;padding:18px;border:1px solid #cfe0f1;border-radius:18px;background:linear-gradient(135deg,#eef7ff,#f7fff3)} .nova-services-direct h3{margin:5px 0}.nova-services-direct p{margin:0;color:var(--muted)}.nova-services-search{display:flex;gap:8px}.nova-services-search input{flex:1;min-width:0;border:1px solid #c5d6e7;border-radius:12px;padding:12px 13px;background:#fff;color:var(--ink)} .nova-services-note{display:flex;gap:10px;padding:13px 15px;border-radius:14px;background:#f4f8fc;border:1px solid var(--line)}.nova-services-note p{margin:0;color:var(--muted);font-size:12px;line-height:1.45} body.dark-mode .nova-services-place, body.dark-mode .nova-services-section, body.dark-mode .nova-service-card, body.dark-mode .nova-services-direct, body.dark-mode .nova-services-note{background:#0b2238;color:#edf7ff;border-color:#31536e} body.dark-mode .nova-services-section{background:linear-gradient(145deg,#081d31,#0d2942)} body.dark-mode .nova-service-card{background:#102c47} body.dark-mode .nova-service-card small, body.dark-mode .nova-services-direct p, body.dark-mode .nova-services-note p, body.dark-mode .nova-services-place small{color:#b8cee1} body.dark-mode .nova-services-direct{background:linear-gradient(135deg,#0b2741,#12382f)} body.dark-mode .nova-services-search input{background:#081d31;color:#edf7ff;border-color:#365b78} @media(max-width:800px){ .nova-services-hero{flex-direction:column}.nova-services-place{width:100%} .nova-services-grid{grid-template-columns:1fr 1fr} .nova-services-direct{grid-template-columns:1fr} } @media(max-width:480px){ .nova-services-grid{grid-template-columns:1fr} .nova-services-search{flex-direction:column} .nova-services-search .btn{width:100%} } /* V40 – NOVA Kacheln eindeutig kennzeichnen */ .nova-universe-dock .nova-branded-tile{ position:relative; border:1.5px solid rgba(47,128,243,.55)!important; background: radial-gradient(circle at 88% 12%,rgba(32,199,221,.18),transparent 34%), linear-gradient(145deg,#f8fcff,#edf6ff)!important; box-shadow:0 10px 26px rgba(28,105,205,.13)!important; } .nova-universe-dock .nova-branded-tile::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:4px; border-radius:14px 0 0 14px; background:linear-gradient(180deg,#2669ff,#14c6dc,#64ce4b); } .nova-universe-dock .nova-branded-tile .nova-brand-badge{ position:absolute; right:9px; top:8px; z-index:2; padding:3px 7px; border-radius:999px; background:linear-gradient(100deg,#2567f3,#13bad7,#58c94d); color:#fff!important; font-size:8.5px!important; line-height:1; font-style:normal; font-weight:900; letter-spacing:.11em; box-shadow:0 4px 12px rgba(31,100,218,.20); } .nova-universe-dock .nova-branded-tile>b{ color:#0d4d99!important; font-weight:850!important; } .nova-universe-dock .nova-branded-tile:hover, .nova-universe-dock .nova-branded-tile:focus-visible{ background: radial-gradient(circle at 88% 12%,rgba(32,199,221,.30),transparent 36%), linear-gradient(145deg,#ffffff,#e8f4ff)!important; border-color:rgba(39,128,255,.90)!important; box-shadow:0 18px 40px rgba(28,105,205,.23),0 0 28px rgba(38,172,246,.22)!important; } body.dark-mode .nova-universe-dock .nova-branded-tile{ background: radial-gradient(circle at 88% 12%,rgba(40,190,236,.18),transparent 36%), linear-gradient(145deg,#0b2440,#103b61)!important; border-color:rgba(74,180,250,.60)!important; } body.dark-mode .nova-universe-dock .nova-branded-tile>b{ color:#eef8ff!important; } body.dark-mode .nova-universe-dock .nova-branded-tile>small{ color:#c4d9eb!important; } body.dark-mode .nova-universe-dock .nova-branded-tile:hover, body.dark-mode .nova-universe-dock .nova-branded-tile:focus-visible{ background: radial-gradient(circle at 88% 12%,rgba(46,203,241,.30),transparent 38%), linear-gradient(145deg,#103354,#15557e)!important; border-color:rgba(103,210,255,.94)!important; box-shadow:0 18px 42px rgba(0,0,0,.34),0 0 30px rgba(58,185,255,.30)!important; } /* NOVA Markenmodule in der Seitenleiste */ .sidebar-modules .nova-sidebar-branded{ position:relative; border-left:3px solid #2d79ef!important; background:linear-gradient(90deg,rgba(36,119,238,.08),transparent)!important; } .sidebar-modules .nova-sidebar-branded::after{ content:"NOVA"; margin-left:auto; padding:2px 5px; border-radius:999px; background:linear-gradient(100deg,#2567f3,#14bdd6,#5acb4e); color:#fff; font-size:7px; line-height:1; font-weight:900; letter-spacing:.08em; } .sidebar-modules .nova-sidebar-branded b{ color:#175bb1; } body.dark-mode .sidebar-modules .nova-sidebar-branded{ background:linear-gradient(90deg,rgba(59,158,246,.16),transparent)!important; border-left-color:#65c8ff!important; } body.dark-mode .sidebar-modules .nova-sidebar-branded b{ color:#eaf7ff!important; } /* V40 – NOVA Kalender: unterer Informationsbereich sauber neu geordnet */ .nova-calendar-info{ display:grid!important; grid-template-columns:1fr!important; gap:9px!important; margin-top:10px!important; padding:10px!important; border-radius:15px!important; align-items:stretch!important; overflow:hidden!important; } /* Ausgewähltes Datum als eigene kompakte Kopfkarte */ .nova-calendar-date{ display:grid!important; grid-template-columns:34px minmax(0,1fr)!important; align-items:center!important; gap:9px!important; min-width:0!important; padding:9px 10px!important; border:1px solid #d9e7f2!important; border-radius:11px!important; background:rgba(255,255,255,.72)!important; } .nova-calendar-date>span{ font-size:23px!important; line-height:1!important; text-align:center; } .nova-calendar-date>div{ min-width:0!important; } .nova-calendar-date small{ display:block!important; margin-bottom:2px!important; font-size:9px!important; line-height:1.2!important; letter-spacing:.55px!important; } .nova-calendar-date strong{ display:block!important; min-width:0!important; max-width:100%!important; font-size:12.5px!important; line-height:1.3!important; overflow-wrap:anywhere!important; word-break:normal!important; white-space:normal!important; } /* Feiertag + Ereignisse als zwei gleichmäßige Karten */ .nova-calendar-facts{ display:grid!important; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important; gap:8px!important; min-width:0!important; } .nova-calendar-facts>div, .nova-calendar-event-trigger{ min-width:0!important; min-height:62px!important; padding:9px 10px!important; border:1px solid #d9e7f2!important; border-radius:11px!important; background:rgba(255,255,255,.72)!important; } .nova-calendar-facts>div{ display:grid!important; grid-template-columns:28px minmax(0,1fr)!important; align-items:center!important; gap:7px!important; } .nova-calendar-facts>div>span, .nova-calendar-event-trigger>span{ font-size:20px!important; line-height:1!important; } .nova-calendar-facts p, .nova-calendar-event-trigger p{ min-width:0!important; margin:0!important; } .nova-calendar-facts small, .nova-calendar-event-trigger small{ display:block!important; margin-bottom:2px!important; font-size:8.5px!important; line-height:1.2!important; letter-spacing:.45px!important; } .nova-calendar-facts strong, .nova-calendar-event-trigger strong{ display:block!important; min-width:0!important; max-width:100%!important; font-size:11px!important; line-height:1.28!important; overflow-wrap:anywhere!important; word-break:normal!important; white-space:normal!important; } .nova-calendar-event-trigger{ display:grid!important; grid-template-columns:28px minmax(0,1fr) 16px!important; align-items:center!important; gap:7px!important; text-align:left!important; cursor:pointer!important; } .nova-calendar-event-trigger i{ font-size:19px!important; line-height:1!important; } /* Aktionen unten nebeneinander statt in schmaler rechter Spalte */ .nova-calendar-actions{ display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; gap:8px!important; min-width:0!important; } .nova-calendar-actions a, .nova-calendar-actions button{ min-width:0!important; min-height:34px!important; padding:8px 10px!important; border-radius:9px!important; font-size:10px!important; line-height:1.2!important; white-space:normal!important; overflow-wrap:anywhere!important; display:flex!important; align-items:center!important; justify-content:center!important; } /* Dark Mode: gleiche klare Kartenstruktur */ :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-calendar-date, :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-calendar-facts>div, :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-calendar-event-trigger{ background:#173b59!important; border-color:#466983!important; } :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-calendar-date strong, :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-calendar-facts strong, :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-calendar-event-trigger strong{ color:#f7fbff!important; } /* Kleine Breiten: alles untereinander, damit kein Text herausragt */ @media(max-width:560px){ .nova-calendar-info{ padding:9px!important; gap:8px!important; } .nova-calendar-facts{ grid-template-columns:1fr!important; } .nova-calendar-actions{ grid-template-columns:1fr 82px!important; } .nova-calendar-date strong{ font-size:12px!important; } .nova-calendar-facts strong, .nova-calendar-event-trigger strong{ font-size:10.8px!important; } } @media(max-width:390px){ .nova-calendar-actions{ grid-template-columns:1fr!important; } } /* V40 – Kalender-Untertexte größer + Schnellzugriff tiefer + Sidebar NOVA weiß */ /* Unterer Kalenderbereich: Schrift deutlich größer und weiterhin sauber umbrechend */ .nova-calendar-date small{ font-size:10.5px!important; } .nova-calendar-date strong{ font-size:14.5px!important; line-height:1.35!important; } .nova-calendar-facts small, .nova-calendar-event-trigger small{ font-size:10px!important; line-height:1.25!important; } .nova-calendar-facts strong, .nova-calendar-event-trigger strong{ font-size:12.5px!important; line-height:1.35!important; } .nova-calendar-actions a, .nova-calendar-actions button{ font-size:11.5px!important; min-height:38px!important; } .nova-calendar-facts>div, .nova-calendar-event-trigger{ min-height:68px!important; } /* Der komplette 40-Kachel-Schnellzugriff bekommt mehr Abstand zum Dashboard/Kalender */ .nova-universe-quick#alltag{ margin-top:54px!important; } @media(max-width:900px){ .nova-universe-quick#alltag{ margin-top:42px!important; } } @media(max-width:700px){ .nova-universe-quick#alltag{ margin-top:34px!important; } } /* NOVA-exklusive Einträge in der Seitenleiste im Hellmodus: weiße Schrift wie die übrigen */ .sidebar-modules .nova-sidebar-branded b{ color:#fff!important; } .sidebar-modules .nova-sidebar-branded{ color:#fff!important; } .sidebar-modules .nova-sidebar-branded span{ color:#fff!important; } body.dark-mode .sidebar-modules .nova-sidebar-branded b, body.dark-mode .sidebar-modules .nova-sidebar-branded span{ color:#fff!important; } @media(max-width:560px){ .nova-calendar-date strong{ font-size:13.5px!important; } .nova-calendar-facts strong, .nova-calendar-event-trigger strong{ font-size:12px!important; } .nova-calendar-actions a, .nova-calendar-actions button{ font-size:11px!important; } } /* V40 – Kategorien-Farbsystem für Schnellzugriff und Seitenleiste NOVA-Exklusiv bleibt mit eigenem Multicolor-Branding unverändert. */ :root{ --nova-cat-health:#26b987; --nova-cat-mobility:#2f7eea; --nova-cat-culture:#9a63e8; --nova-cat-info:#e39a2d; --nova-cat-services:#18aeb0; --nova-cat-tools:#6c7f98; } /* ---------- Schnellzugriff ---------- */ .nova-universe-dock button[class*="nova-cat-"]{ position:relative; } .nova-universe-dock button[class*="nova-cat-"]::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:4px; border-radius:14px 0 0 14px; background:var(--cat-color); box-shadow:0 0 12px color-mix(in srgb,var(--cat-color) 34%,transparent); } .nova-universe-dock button[class*="nova-cat-"]{ background: linear-gradient(145deg, color-mix(in srgb,var(--cat-color) 7%,#ffffff), #f8fbff 72%)!important; border-color:color-mix(in srgb,var(--cat-color) 28%,#cfdcea)!important; } .nova-universe-dock button[class*="nova-cat-"]>span{ background:color-mix(in srgb,var(--cat-color) 10%,#eef6ff)!important; box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cat-color) 20%,transparent)!important; } .nova-universe-dock button[class*="nova-cat-"]:hover, .nova-universe-dock button[class*="nova-cat-"]:focus-visible{ border-color:color-mix(in srgb,var(--cat-color) 65%,#ffffff)!important; background: linear-gradient(145deg, color-mix(in srgb,var(--cat-color) 13%,#ffffff), #f5faff 72%)!important; box-shadow: 0 18px 38px color-mix(in srgb,var(--cat-color) 18%,transparent), 0 0 0 2px color-mix(in srgb,var(--cat-color) 8%,transparent), 0 0 24px color-mix(in srgb,var(--cat-color) 18%,transparent)!important; } .nova-universe-dock button[class*="nova-cat-"]:hover>span, .nova-universe-dock button[class*="nova-cat-"]:focus-visible>span{ box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--cat-color) 28%,transparent), 0 0 18px color-mix(in srgb,var(--cat-color) 22%,transparent)!important; } /* ---------- Seitenleiste ---------- */ .sidebar-modules button[class*="nova-cat-"]{ position:relative; border-left:3px solid var(--cat-color)!important; background: linear-gradient(90deg, color-mix(in srgb,var(--cat-color) 11%,transparent), transparent 68%)!important; } .sidebar-modules button[class*="nova-cat-"]:hover, .sidebar-modules button[class*="nova-cat-"]:focus-visible{ background: linear-gradient(90deg, color-mix(in srgb,var(--cat-color) 21%,transparent), transparent 76%)!important; box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cat-color) 14%,transparent); } .sidebar-modules button[class*="nova-cat-"] span{ filter:saturate(1.08); } /* ---------- Kategorie-Zuordnung ---------- */ .nova-cat-health{--cat-color:var(--nova-cat-health)} .nova-cat-mobility{--cat-color:var(--nova-cat-mobility)} .nova-cat-culture{--cat-color:var(--nova-cat-culture)} .nova-cat-info{--cat-color:var(--nova-cat-info)} .nova-cat-services{--cat-color:var(--nova-cat-services)} .nova-cat-tools{--cat-color:var(--nova-cat-tools)} /* ---------- Dark Mode ---------- */ :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-universe-dock button[class*="nova-cat-"]{ background: linear-gradient(145deg, color-mix(in srgb,var(--cat-color) 16%,#0b2238), #0d2841 74%)!important; border-color:color-mix(in srgb,var(--cat-color) 38%,#365572)!important; } :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-universe-dock button[class*="nova-cat-"]>b{ color:#f3f9ff!important; } :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-universe-dock button[class*="nova-cat-"]>small{ color:#bdd0e1!important; } :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-universe-dock button[class*="nova-cat-"]:hover, :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-universe-dock button[class*="nova-cat-"]:focus-visible{ background: linear-gradient(145deg, color-mix(in srgb,var(--cat-color) 26%,#0b2238), #113451 76%)!important; border-color:color-mix(in srgb,var(--cat-color) 72%,#9bdcff)!important; box-shadow: 0 18px 40px rgba(0,0,0,.32), 0 0 26px color-mix(in srgb,var(--cat-color) 28%,transparent)!important; } :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .sidebar-modules button[class*="nova-cat-"]{ background: linear-gradient(90deg, color-mix(in srgb,var(--cat-color) 16%,transparent), transparent 72%)!important; border-left-color:color-mix(in srgb,var(--cat-color) 82%,#ffffff)!important; } :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .sidebar-modules button[class*="nova-cat-"]:hover, :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .sidebar-modules button[class*="nova-cat-"]:focus-visible{ background: linear-gradient(90deg, color-mix(in srgb,var(--cat-color) 28%,transparent), transparent 78%)!important; } /* NOVA bleibt exklusiv und überschreibt bewusst das Kategorie-System */ .nova-universe-dock .nova-branded-tile{ --cat-color:transparent; } .sidebar-modules .nova-sidebar-branded{ --cat-color:transparent; } /* V40 – Kategorien als leichter Farbverlauf statt nur Farbkante */ .nova-universe-dock button[class*="nova-cat-"]{ background: linear-gradient(135deg, color-mix(in srgb,var(--cat-color) 13%,#ffffff) 0%, color-mix(in srgb,var(--cat-color) 7%,#ffffff) 42%, #f9fbfe 100%)!important; border-color:color-mix(in srgb,var(--cat-color) 32%,#d5e0ec)!important; } .nova-universe-dock button[class*="nova-cat-"]::before{ background:linear-gradient(180deg, color-mix(in srgb,var(--cat-color) 100%,#ffffff), color-mix(in srgb,var(--cat-color) 72%,#ffffff))!important; } .nova-universe-dock button[class*="nova-cat-"]>span{ background: linear-gradient(145deg, color-mix(in srgb,var(--cat-color) 16%,#ffffff), color-mix(in srgb,var(--cat-color) 7%,#f4f8fd))!important; } .nova-universe-dock button[class*="nova-cat-"]:hover, .nova-universe-dock button[class*="nova-cat-"]:focus-visible{ background: linear-gradient(135deg, color-mix(in srgb,var(--cat-color) 22%,#ffffff) 0%, color-mix(in srgb,var(--cat-color) 12%,#ffffff) 45%, #f7fbff 100%)!important; } /* Seitenleiste ebenfalls als dezenter Kategoriefarbverlauf */ .sidebar-modules button[class*="nova-cat-"]{ background: linear-gradient(90deg, color-mix(in srgb,var(--cat-color) 18%,transparent) 0%, color-mix(in srgb,var(--cat-color) 8%,transparent) 38%, transparent 84%)!important; } .sidebar-modules button[class*="nova-cat-"]:hover, .sidebar-modules button[class*="nova-cat-"]:focus-visible{ background: linear-gradient(90deg, color-mix(in srgb,var(--cat-color) 30%,transparent) 0%, color-mix(in srgb,var(--cat-color) 14%,transparent) 45%, transparent 88%)!important; } /* Dark Mode: Farbverlauf bleibt sichtbar, aber ruhig */ :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-universe-dock button[class*="nova-cat-"]{ background: linear-gradient(135deg, color-mix(in srgb,var(--cat-color) 24%,#0a2035) 0%, color-mix(in srgb,var(--cat-color) 13%,#0b243a) 48%, #0c263e 100%)!important; } :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-universe-dock button[class*="nova-cat-"]:hover, :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-universe-dock button[class*="nova-cat-"]:focus-visible{ background: linear-gradient(135deg, color-mix(in srgb,var(--cat-color) 34%,#0a2035) 0%, color-mix(in srgb,var(--cat-color) 20%,#0c2d49) 52%, #10324f 100%)!important; } :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .sidebar-modules button[class*="nova-cat-"]{ background: linear-gradient(90deg, color-mix(in srgb,var(--cat-color) 24%,transparent) 0%, color-mix(in srgb,var(--cat-color) 10%,transparent) 42%, transparent 86%)!important; } /* NOVA Exklusiv bleibt unverändert als eigenes Multicolor-Branding */ .nova-universe-dock .nova-branded-tile{ background: radial-gradient(circle at 88% 12%,rgba(32,199,221,.18),transparent 34%), linear-gradient(145deg,#f8fcff,#edf6ff)!important; } body.dark-mode .nova-universe-dock .nova-branded-tile{ background: radial-gradient(circle at 88% 12%,rgba(40,190,236,.18),transparent 36%), linear-gradient(145deg,#0b2440,#103b61)!important; } /* V40 – Kategorienfarben eine Stufe kräftiger */ .nova-universe-dock button[class*="nova-cat-"]{ background: linear-gradient(135deg, color-mix(in srgb,var(--cat-color) 21%,#ffffff) 0%, color-mix(in srgb,var(--cat-color) 12%,#ffffff) 48%, #f8fbfe 100%)!important; border-color:color-mix(in srgb,var(--cat-color) 44%,#d5e0ec)!important; } .nova-universe-dock button[class*="nova-cat-"]::before{ width:5px!important; box-shadow:0 0 15px color-mix(in srgb,var(--cat-color) 46%,transparent)!important; } .nova-universe-dock button[class*="nova-cat-"]>span{ background: linear-gradient(145deg, color-mix(in srgb,var(--cat-color) 24%,#ffffff), color-mix(in srgb,var(--cat-color) 11%,#f4f8fd))!important; } .nova-universe-dock button[class*="nova-cat-"]:hover, .nova-universe-dock button[class*="nova-cat-"]:focus-visible{ background: linear-gradient(135deg, color-mix(in srgb,var(--cat-color) 32%,#ffffff) 0%, color-mix(in srgb,var(--cat-color) 18%,#ffffff) 50%, #f6faff 100%)!important; border-color:color-mix(in srgb,var(--cat-color) 78%,#ffffff)!important; } /* Seitenleiste ebenfalls etwas satter */ .sidebar-modules button[class*="nova-cat-"]{ background: linear-gradient(90deg, color-mix(in srgb,var(--cat-color) 27%,transparent) 0%, color-mix(in srgb,var(--cat-color) 13%,transparent) 44%, transparent 86%)!important; border-left-width:4px!important; } .sidebar-modules button[class*="nova-cat-"]:hover, .sidebar-modules button[class*="nova-cat-"]:focus-visible{ background: linear-gradient(90deg, color-mix(in srgb,var(--cat-color) 40%,transparent) 0%, color-mix(in srgb,var(--cat-color) 20%,transparent) 48%, transparent 88%)!important; } /* Dark Mode ebenfalls etwas farbiger */ :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-universe-dock button[class*="nova-cat-"]{ background: linear-gradient(135deg, color-mix(in srgb,var(--cat-color) 32%,#0a2035) 0%, color-mix(in srgb,var(--cat-color) 18%,#0b243a) 50%, #0c263e 100%)!important; } :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .sidebar-modules button[class*="nova-cat-"]{ background: linear-gradient(90deg, color-mix(in srgb,var(--cat-color) 34%,transparent) 0%, color-mix(in srgb,var(--cat-color) 16%,transparent) 45%, transparent 87%)!important; } /* NOVA Exklusiv bleibt unverändert */ /* V40 – NOVA Quest Level-Auswahl ohne zusätzlichen Zahlenkreis */ .quest-level-select, .quest-level-grid, .quest-levels{ gap:8px!important; } .quest-level-select button, .quest-level-grid button, .quest-levels button, [data-quest-level]{ min-height:48px!important; border-radius:12px!important; padding:10px 12px!important; display:flex!important; align-items:center!important; justify-content:center!important; text-align:center!important; gap:0!important; } .quest-level-select button>span, .quest-level-grid button>span, .quest-levels button>span, [data-quest-level]>.quest-level-num{ display:none!important; } [data-quest-level] b{ font-size:12.5px!important; line-height:1.25!important; white-space:normal!important; } [data-quest-level].active{ box-shadow:0 0 0 2px rgba(45,116,240,.10),0 8px 18px rgba(26,87,170,.12)!important; } body.dark-mode [data-quest-level]{ background:#102b46!important; border-color:#355a76!important; color:#eef8ff!important; } body.dark-mode [data-quest-level].active{ background:#154a73!important; border-color:#6bc7ff!important; } @media(max-width:700px){ [data-quest-level]{ min-height:46px!important; padding:9px 10px!important; } [data-quest-level] b{ font-size:12px!important; } } /* V40 – NOVA Quest mobile HUD: zusätzlichen grünen Kreis neben Level entfernen */ @media(max-width:700px){ .mobile-game-focus .quest-hud .game-stat-grid article{ border-radius:10px!important; } .mobile-game-focus .quest-hud .game-stat-grid article strong, .quest-game .quest-hud #questLevelValue{ width:auto!important; height:auto!important; min-width:0!important; min-height:0!important; aspect-ratio:auto!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; border:0!important; padding:0!important; display:block!important; color:inherit!important; } .mobile-game-focus .quest-hud .game-stat-grid article::before, .mobile-game-focus .quest-hud .game-stat-grid article::after{ border-radius:10px!important; } } /* Auch außerhalb des Mobile-Focus sicherstellen, dass der Level-Wert kein Kreis-Badge wird */ .quest-game .quest-hud #questLevelValue{ border-radius:0!important; background:none!important; box-shadow:none!important; } /* V40 – Einklappbare Desktop-Seitenleiste */ .sidebar-collapse{ width:34px; height:34px; border:1px solid rgba(255,255,255,.18); border-radius:10px; background:rgba(255,255,255,.08); color:#fff; font-size:24px; line-height:1; display:grid; place-items:center; cursor:pointer; transition:background .18s ease,transform .18s ease,border-color .18s ease; } .sidebar-collapse:hover, .sidebar-collapse:focus-visible{ background:rgba(255,255,255,.16); border-color:rgba(255,255,255,.34); transform:translateY(-1px); outline:none; } @media(min-width:901px){ .nova-sidebar{ transition:width .24s ease,transform .24s ease; overflow-x:hidden; } .nova-sidebar.collapsed{ width:78px!important; } .nova-sidebar.collapsed .sidebar-brand span, .nova-sidebar.collapsed .sidebar-section-title, .nova-sidebar.collapsed .sidebar-status div, .nova-sidebar.collapsed .sidebar-nav b, .nova-sidebar.collapsed .sidebar-modules b, .nova-sidebar.collapsed .sidebar-modules .nova-sidebar-branded::after{ display:none!important; } .nova-sidebar.collapsed .sidebar-head{ justify-content:center; gap:6px; padding-left:8px; padding-right:8px; } .nova-sidebar.collapsed .sidebar-brand{ min-width:0!important; margin:0!important; } .nova-sidebar.collapsed .sidebar-logo{ margin:0!important; } .nova-sidebar.collapsed .sidebar-close{ display:none!important; } .nova-sidebar.collapsed .sidebar-collapse{ position:absolute; right:6px; top:8px; width:28px; height:28px; border-radius:8px; font-size:20px; } .nova-sidebar.collapsed .sidebar-nav a, .nova-sidebar.collapsed .sidebar-nav button{ min-height:48px!important; justify-content:center!important; grid-template-columns:1fr!important; padding:8px!important; border-left-width:3px!important; } .nova-sidebar.collapsed .sidebar-nav a>span, .nova-sidebar.collapsed .sidebar-nav button>span{ margin:0 auto!important; font-size:21px!important; } .nova-sidebar.collapsed .sidebar-divider{ margin-left:8px!important; margin-right:8px!important; } .nova-sidebar.collapsed .sidebar-status{ justify-content:center!important; padding:10px 6px!important; } /* Tooltips for icon-only mode */ .nova-sidebar.collapsed .sidebar-nav a, .nova-sidebar.collapsed .sidebar-nav button{ position:relative; } .nova-sidebar.collapsed .sidebar-nav a:hover::after, .nova-sidebar.collapsed .sidebar-nav button:hover::after{ content:attr(aria-label); position:absolute; left:70px; top:50%; transform:translateY(-50%); z-index:1200; white-space:nowrap; padding:7px 9px; border-radius:8px; background:#071c38; color:#fff; font-size:11px; font-weight:750; box-shadow:0 8px 22px rgba(0,0,0,.25); pointer-events:none; } /* Make labels available to tooltip via aria-label when browser can use title fallback. */ .nova-sidebar.collapsed .sidebar-nav a[aria-label], .nova-sidebar.collapsed .sidebar-nav button[aria-label]{ overflow:visible; } } /* Mobile/tablet keeps the existing drawer behavior */ @media(max-width:900px){ .sidebar-collapse{ display:none!important; } .nova-sidebar.collapsed{ width:auto!important; } } /* V40 – NOVA Studio Play-Modus: Transport-Buttons besser lesbar */ .v31-transport, .v312-master-transport{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:9px!important; } .v31-transport button, .v312-master-transport button{ min-height:48px!important; padding:10px 12px!important; border-radius:12px!important; font-size:13.5px!important; line-height:1.2!important; font-weight:850!important; letter-spacing:.01em!important; white-space:normal!important; text-align:center!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:6px!important; text-wrap:balance; } #v31Play, #v31Stop{ font-size:14.5px!important; } #v312MixRecord, #v312MixStop{ font-size:13px!important; } #v31Clear{ grid-column:1/-1!important; min-height:44px!important; font-size:13px!important; } /* Aufnahme-Aktionen ebenfalls angleichen */ .v312-record-actions{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:7px!important; } .v312-record-actions button, .v312-record-actions a{ min-height:40px!important; padding:8px 9px!important; border-radius:10px!important; font-size:11.5px!important; line-height:1.2!important; font-weight:800!important; white-space:normal!important; text-align:center!important; display:flex!important; align-items:center!important; justify-content:center!important; } /* Buttons klarer differenzieren */ #v31Play{ background:linear-gradient(135deg,#1768e8,#18b9d0)!important; color:#fff!important; border-color:transparent!important; } #v31Stop{ background:#f3f6f9!important; color:#193a5a!important; border-color:#b9c9d8!important; } #v312MixRecord{ background:linear-gradient(135deg,#d94f67,#e77357)!important; color:#fff!important; border-color:transparent!important; } #v312MixStop{ background:#fff3f4!important; color:#9b3244!important; border-color:#dfa0aa!important; } body.dark-mode #v31Stop, html[data-theme="dark"] #v31Stop{ background:#21435f!important; color:#f4f9ff!important; border-color:#64839d!important; } body.dark-mode #v312MixStop, html[data-theme="dark"] #v312MixStop{ background:#4a2630!important; color:#ffdce3!important; border-color:#9b5764!important; } body.dark-mode .v312-record-actions button, body.dark-mode .v312-record-actions a, html[data-theme="dark"] .v312-record-actions button, html[data-theme="dark"] .v312-record-actions a{ background:#1d3c59!important; color:#f2f8ff!important; border-color:#587895!important; } /* Handy: Buttons groß genug für Touch und keine herausragende Schrift */ @media(max-width:700px){ .v31-transport, .v312-master-transport{ grid-template-columns:1fr 1fr!important; gap:8px!important; } .v31-transport button, .v312-master-transport button{ min-height:50px!important; padding:9px 8px!important; font-size:12.5px!important; } #v31Play, #v31Stop{ font-size:14px!important; } #v312MixRecord, #v312MixStop{ font-size:12px!important; } .v312-record-actions{ grid-template-columns:1fr 1fr!important; } .v312-record-actions a:last-child, .v312-record-actions button:last-child{ grid-column:1/-1; } } @media(max-width:420px){ .v31-transport, .v312-master-transport{ grid-template-columns:1fr!important; } #v31Clear{ grid-column:auto!important; } .v312-record-actions{ grid-template-columns:1fr!important; } .v312-record-actions a:last-child, .v312-record-actions button:last-child{ grid-column:auto; } } /* V40 – NOVA Composer: alle 4 Takte pro Instrument + Copy/Paste */ .composer-four-bars{ display:grid!important; gap:14px!important; } .composer-four-bars .composer-track-four{ display:grid!important; grid-template-columns:190px minmax(0,1fr)!important; gap:12px!important; padding:12px!important; align-items:start!important; border:1px solid #c8d9e9!important; border-radius:16px!important; background:linear-gradient(145deg,#fff,#f7fbff)!important; } .composer-track-four .studio-track-card{ position:sticky; top:8px; grid-template-columns:1fr!important; } .composer-track-bars{ display:grid; gap:9px; min-width:0; } .composer-bar-row{ display:grid; gap:7px; padding:9px; border:1px solid #d5e1ec; border-radius:12px; background:#f9fbfe; transition:.18s ease; } .composer-bar-row.selected{ border-color:#3d87eb; box-shadow:0 0 0 2px rgba(61,135,235,.10); background:linear-gradient(135deg,#f2f8ff,#f8fcff); } .composer-bar-row-head{ display:grid; grid-template-columns:minmax(120px,1fr) auto; gap:8px; align-items:center; } .composer-bar-select{ border:0!important; background:transparent!important; color:#14385e!important; display:flex!important; align-items:baseline!important; gap:8px!important; padding:2px 4px!important; text-align:left!important; cursor:pointer; } .composer-bar-select b{ font-size:13px!important; } .composer-bar-select small{ font-size:9.5px!important; color:#6b8097!important; } .composer-bar-copy-actions{ display:flex; gap:6px; } .composer-bar-copy-actions button{ min-height:30px!important; padding:5px 8px!important; border:1px solid #bfd1e2!important; border-radius:8px!important; background:#fff!important; color:#214b73!important; font-size:9.5px!important; font-weight:850!important; cursor:pointer; } .composer-bar-copy-actions button:hover{ border-color:#4d95ec!important; background:#edf6ff!important; } .composer-bar-copy-actions [data-paste-bar].paste-ready{ background:#e8f8ef!important; color:#17663d!important; border-color:#86cda5!important; box-shadow:0 0 0 2px rgba(48,174,105,.10); } .composer-four-bars .studio-step-grid{ grid-template-columns:repeat(16,minmax(0,1fr))!important; gap:4px!important; } .composer-four-bars .studio-step-grid button{ height:34px!important; min-width:0!important; border-radius:7px!important; font-size:9px!important; } .composer-four-bars .studio-step-grid button.playing{ outline:3px solid #65d34e!important; outline-offset:1px!important; box-shadow:0 0 16px rgba(85,205,74,.30)!important; } .composer-bar-help{ display:flex; align-items:center; gap:10px; margin:14px 0 10px; padding:11px 13px; border:1px solid #bcd6ee; border-radius:13px; background:linear-gradient(135deg,#eef7ff,#f1fff5); } .composer-bar-help>span{font-size:22px} .composer-bar-help b,.composer-bar-help small{display:block} .composer-bar-help b{font-size:13px;color:#123d67} .composer-bar-help small{font-size:11px;color:#5a7187;margin-top:2px} /* Dark Mode */ body.dark-mode .composer-four-bars .composer-track-four, html[data-theme="dark"] .composer-four-bars .composer-track-four{ background:linear-gradient(145deg,#142f49,#10263d)!important; border-color:#4b6c88!important; } body.dark-mode .composer-bar-row, html[data-theme="dark"] .composer-bar-row{ background:#173650!important; border-color:#466681!important; } body.dark-mode .composer-bar-row.selected, html[data-theme="dark"] .composer-bar-row.selected{ background:linear-gradient(135deg,#1b4568,#173852)!important; border-color:#70bfff!important; box-shadow:0 0 0 2px rgba(112,191,255,.12)!important; } body.dark-mode .composer-bar-select, html[data-theme="dark"] .composer-bar-select{ color:#f3f9ff!important; } body.dark-mode .composer-bar-select small, html[data-theme="dark"] .composer-bar-select small{ color:#bad0e2!important; } body.dark-mode .composer-bar-copy-actions button, html[data-theme="dark"] .composer-bar-copy-actions button{ background:#21445f!important; color:#eff8ff!important; border-color:#5b7d98!important; } body.dark-mode .composer-bar-copy-actions [data-paste-bar].paste-ready, html[data-theme="dark"] .composer-bar-copy-actions [data-paste-bar].paste-ready{ background:#1d513d!important; color:#d9ffea!important; border-color:#58a77e!important; } body.dark-mode .composer-bar-help, html[data-theme="dark"] .composer-bar-help{ background:linear-gradient(135deg,#173955,#173f35)!important; border-color:#4c728a!important; } body.dark-mode .composer-bar-help b, html[data-theme="dark"] .composer-bar-help b{color:#fff!important} body.dark-mode .composer-bar-help small, html[data-theme="dark"] .composer-bar-help small{color:#c6d9e8!important} /* Tablet/Mobile: Instrumentkopf oben, danach 4 Takte untereinander */ @media(max-width:900px){ .composer-four-bars .composer-track-four{ grid-template-columns:1fr!important; } .composer-track-four .studio-track-card{ position:static!important; } } @media(max-width:700px){ .composer-bar-row{ padding:7px!important; } .composer-bar-row-head{ grid-template-columns:1fr!important; } .composer-bar-copy-actions{ display:grid!important; grid-template-columns:1fr 1fr!important; } .composer-bar-copy-actions button{ min-height:34px!important; font-size:10.5px!important; } .composer-four-bars .studio-step-grid{ gap:3px!important; } .composer-four-bars .studio-step-grid button{ height:31px!important; font-size:0!important; } .composer-bar-select b{ font-size:14px!important; } .composer-bar-select small{ font-size:10px!important; } } /* V40 – Composer Korrektur: groß, klar getrennt, nichts gequetscht */ .composer-four-bars{ gap:22px!important; } .composer-four-bars .composer-track-four{ display:block!important; padding:16px!important; border-radius:18px!important; } .composer-track-four .studio-track-card{ position:static!important; display:grid!important; grid-template-columns:minmax(220px,1fr) auto!important; gap:14px!important; margin-bottom:14px!important; padding:14px 16px!important; } .composer-track-four .studio-track-title b{ font-size:17px!important; } .composer-track-four .studio-track-title small{ font-size:12px!important; } .composer-track-bars{ display:grid!important; grid-template-columns:1fr!important; gap:12px!important; } .composer-bar-row{ display:block!important; padding:12px 14px!important; min-width:0!important; overflow:hidden!important; } .composer-bar-row-head{ display:flex!important; justify-content:space-between!important; align-items:center!important; gap:12px!important; margin-bottom:9px!important; } .composer-bar-select{ flex:1 1 auto!important; min-height:36px!important; } .composer-bar-select b{ font-size:15px!important; } .composer-bar-select small{ font-size:11px!important; } .composer-bar-copy-actions{ flex:0 0 auto!important; display:flex!important; gap:7px!important; } .composer-bar-copy-actions button{ min-width:92px!important; min-height:36px!important; padding:7px 10px!important; font-size:11px!important; } .composer-four-bars .studio-step-grid{ width:100%!important; display:grid!important; grid-template-columns:repeat(16,minmax(28px,1fr))!important; gap:6px!important; overflow-x:auto!important; padding:2px 1px 5px!important; } .composer-four-bars .studio-step-grid button{ width:auto!important; min-width:28px!important; height:42px!important; padding:0!important; font-size:10px!important; } /* Tablet: Steps dürfen horizontal scrollen statt klein zu werden */ @media(max-width:900px){ .composer-four-bars .composer-track-four{ padding:13px!important; } .composer-track-four .studio-track-card{ grid-template-columns:1fr!important; } .composer-four-bars .studio-step-grid{ grid-template-columns:repeat(16,36px)!important; justify-content:start!important; } .composer-four-bars .studio-step-grid button{ min-width:36px!important; width:36px!important; height:40px!important; font-size:10px!important; } } /* Handy: jeder Takt ist ein eigener großer Block; Copy/Paste darunter */ @media(max-width:700px){ .composer-four-bars{ gap:18px!important; } .composer-four-bars .composer-track-four{ padding:11px!important; border-radius:16px!important; } .composer-track-four .studio-track-card{ padding:12px!important; margin-bottom:12px!important; } .composer-track-four .studio-track-title b{ font-size:16px!important; } .composer-bar-row{ padding:11px!important; margin:0!important; } .composer-bar-row-head{ display:grid!important; grid-template-columns:1fr!important; gap:8px!important; } .composer-bar-select{ min-height:38px!important; justify-content:flex-start!important; } .composer-bar-select b{ font-size:15px!important; } .composer-bar-copy-actions{ display:grid!important; grid-template-columns:1fr 1fr!important; width:100%!important; } .composer-bar-copy-actions button{ width:100%!important; min-width:0!important; min-height:40px!important; font-size:11.5px!important; } .composer-four-bars .studio-step-grid{ display:grid!important; grid-template-columns:repeat(16,38px)!important; gap:5px!important; overflow-x:auto!important; scrollbar-width:thin; -webkit-overflow-scrolling:touch; } .composer-four-bars .studio-step-grid button{ width:38px!important; min-width:38px!important; height:42px!important; font-size:10px!important; border-radius:8px!important; } .composer-bar-help{ align-items:flex-start!important; } } /* Sehr kleine Displays: weiterhin große Steps, bewusst horizontal scrollbar */ @media(max-width:420px){ .composer-four-bars .studio-step-grid{ grid-template-columns:repeat(16,40px)!important; } .composer-four-bars .studio-step-grid button{ width:40px!important; min-width:40px!important; height:42px!important; } } /* V40 – Composer: Play pro Instrument + mitlaufende Instrumentleiste */ .composer-instrument-nav{ position:sticky; top:0; z-index:40; display:grid; grid-template-columns:auto minmax(0,1fr); gap:10px; align-items:center; margin:10px 0 14px; padding:9px 10px; border:1px solid #bcd1e5; border-radius:13px; background:rgba(247,251,255,.96); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); box-shadow:0 8px 22px rgba(18,67,118,.10); } .composer-instrument-nav>span{ font-size:9px; font-weight:900; letter-spacing:.09em; color:#4a6580; } .composer-instrument-nav>div{ display:flex; gap:6px; overflow-x:auto; scrollbar-width:thin; padding:1px 0; } .composer-instrument-nav button{ flex:0 0 auto; min-height:34px; padding:7px 10px; border:1px solid #c4d5e5; border-radius:9px; background:#fff; color:#173b60; font-size:10.5px; font-weight:850; cursor:pointer; white-space:nowrap; } .composer-instrument-nav button:hover, .composer-instrument-nav button.active{ background:linear-gradient(135deg,#eaf4ff,#edfbf5); border-color:#4f91e8; color:#0d55a5; box-shadow:0 0 0 2px rgba(55,126,224,.08); } /* Instrumentkopf: Name links, Play direkt daneben */ .composer-track-four .studio-track-card{ grid-template-columns:minmax(220px,1fr) auto auto!important; } .composer-track-play{ min-width:92px; min-height:44px; padding:8px 12px; border:1px solid #91b9df; border-radius:11px; background:linear-gradient(135deg,#edf6ff,#f7fbff); color:#1457a2; font-size:12.5px; font-weight:900; cursor:pointer; align-self:center; } .composer-track-play:hover{ transform:translateY(-1px); border-color:#3d82e7; box-shadow:0 7px 16px rgba(36,103,190,.13); } .composer-track-play.active{ background:linear-gradient(135deg,#1f6ee9,#16b7cd); color:#fff; border-color:transparent; box-shadow:0 8px 18px rgba(31,110,233,.22); } /* Dark */ body.dark-mode .composer-instrument-nav, html[data-theme="dark"] .composer-instrument-nav{ background:rgba(18,46,71,.96); border-color:#4d708d; box-shadow:0 8px 24px rgba(0,0,0,.24); } body.dark-mode .composer-instrument-nav>span, html[data-theme="dark"] .composer-instrument-nav>span{ color:#bfd3e4; } body.dark-mode .composer-instrument-nav button, html[data-theme="dark"] .composer-instrument-nav button{ background:#1d405d; color:#edf7ff; border-color:#587b98; } body.dark-mode .composer-instrument-nav button.active, body.dark-mode .composer-instrument-nav button:hover, html[data-theme="dark"] .composer-instrument-nav button.active, html[data-theme="dark"] .composer-instrument-nav button:hover{ background:linear-gradient(135deg,#245984,#20584c); border-color:#76c5ff; color:#fff; } body.dark-mode .composer-track-play, html[data-theme="dark"] .composer-track-play{ background:#1c4262; color:#eaf6ff; border-color:#5c82a2; } body.dark-mode .composer-track-play.active, html[data-theme="dark"] .composer-track-play.active{ background:linear-gradient(135deg,#2b78ed,#19bfd2); color:#fff; border-color:transparent; } /* Mobile */ @media(max-width:900px){ .composer-track-four .studio-track-card{ grid-template-columns:1fr auto!important; } .composer-track-four .studio-track-switches{ grid-column:1/-1!important; } } @media(max-width:700px){ .composer-instrument-nav{ top:0; grid-template-columns:1fr; gap:6px; padding:8px; border-radius:11px; } .composer-instrument-nav>span{ display:none; } .composer-instrument-nav button{ min-height:36px; font-size:11px; } .composer-track-four .studio-track-card{ grid-template-columns:minmax(0,1fr) auto!important; } .composer-track-play{ min-width:82px; min-height:42px; font-size:12px; } } /* V40 – Composer Instrumentleiste & Play deutlich größer */ .composer-instrument-nav{ padding:12px 13px!important; gap:12px!important; border-radius:15px!important; } .composer-instrument-nav>span{ font-size:11px!important; letter-spacing:.11em!important; } .composer-instrument-nav>div{ gap:8px!important; } .composer-instrument-nav button{ min-height:42px!important; padding:9px 13px!important; border-radius:10px!important; font-size:12.5px!important; font-weight:900!important; } .composer-instrument-nav button::first-letter{ font-size:15px; } /* Play-Button am Instrumentkopf */ .composer-track-play{ min-width:108px!important; min-height:48px!important; padding:10px 14px!important; font-size:14px!important; font-weight:900!important; letter-spacing:.01em!important; } .composer-track-play::first-letter{ font-size:18px!important; } /* Instrument-Icon/Name ebenfalls etwas stärker */ .composer-track-four .studio-track-icon{ width:46px!important; height:46px!important; font-size:25px!important; } .composer-track-four .studio-track-title b{ font-size:18px!important; } .composer-track-four .studio-track-title small{ font-size:12.5px!important; } /* Mobile ebenfalls größer, aber noch kompakt */ @media(max-width:700px){ .composer-instrument-nav{ padding:10px!important; } .composer-instrument-nav button{ min-height:40px!important; padding:8px 11px!important; font-size:12px!important; } .composer-track-play{ min-width:96px!important; min-height:46px!important; font-size:13.5px!important; } .composer-track-four .studio-track-icon{ width:44px!important; height:44px!important; font-size:23px!important; } .composer-track-four .studio-track-title b{ font-size:17px!important; } } /* V40 – NOVA Studio Play-Modus: Play/Mix dürfen mobil nicht über den Bildschirm ragen */ .v31-transport, .v312-master-transport, .v312-record-actions{ width:100%!important; max-width:100%!important; min-width:0!important; box-sizing:border-box!important; } .v31-transport>*, .v312-master-transport>*, .v312-record-actions>*{ min-width:0!important; max-width:100%!important; box-sizing:border-box!important; } @media(max-width:700px){ /* Play / Stop */ .v31-transport{ display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; gap:7px!important; overflow:hidden!important; } /* Mix aufnehmen / Aufnahme stoppen */ .v312-master-transport{ display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; gap:7px!important; overflow:hidden!important; } .v31-transport button, .v312-master-transport button{ width:100%!important; min-width:0!important; max-width:100%!important; min-height:48px!important; padding:8px 6px!important; margin:0!important; font-size:11.5px!important; line-height:1.15!important; white-space:normal!important; overflow-wrap:anywhere!important; word-break:normal!important; text-align:center!important; } #v31Play, #v31Stop{ font-size:13px!important; } #v312MixRecord, #v312MixStop{ font-size:11.5px!important; } #v31Clear{ grid-column:1/-1!important; width:100%!important; } .v312-record-actions{ display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; gap:7px!important; overflow:hidden!important; } .v312-record-actions button, .v312-record-actions a{ width:100%!important; min-width:0!important; max-width:100%!important; padding:8px 5px!important; white-space:normal!important; overflow-wrap:anywhere!important; } } /* Sehr schmale Handys: Buttons bewusst untereinander statt abgeschnitten */ @media(max-width:430px){ .v31-transport, .v312-master-transport{ grid-template-columns:1fr!important; } #v31Clear{ grid-column:auto!important; } .v31-transport button, .v312-master-transport button{ min-height:46px!important; font-size:12.5px!important; } #v312MixRecord, #v312MixStop{ font-size:12px!important; } .v312-record-actions{ grid-template-columns:1fr!important; } } /* Zusätzliche Absicherung für Studio-Inhalte im Modal */ @media(max-width:700px){ .v31-play-mode, .v312-play-mode, .v31-pattern-mixer, .v312-pattern-mixer, .studio-play-mode{ width:100%!important; max-width:100%!important; min-width:0!important; overflow-x:hidden!important; box-sizing:border-box!important; } } /* V40 – NOVA Drum Computer */ .drum-computer{display:grid;gap:15px;min-width:0} .drum-computer-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end} .drum-computer-head h3{font-size:25px;margin:5px 0} .drum-computer-head p{margin:0;color:#536d86;line-height:1.5} .drum-master-readout{min-width:120px;padding:12px 15px;border:1px solid #bfd4e6;border-radius:14px;background:linear-gradient(145deg,#f1f8ff,#fff);text-align:center} .drum-master-readout small,.drum-master-readout strong,.drum-master-readout span{display:block} .drum-master-readout small{font-size:9px;font-weight:900;color:#5a748d;letter-spacing:.1em} .drum-master-readout strong{font-size:28px;color:#1256a0;line-height:1.1}.drum-master-readout span{font-size:10px;color:#637c93;margin-top:3px} .drum-transport{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px} .drum-transport button{min-height:48px;border:1px solid #bdd0e1;border-radius:11px;background:#fff;color:#173b5e;font-size:12px;font-weight:900;cursor:pointer;padding:8px} .drum-transport .drum-play,.drum-transport .drum-play.active{background:linear-gradient(135deg,#1766e7,#16b9d0);color:#fff;border-color:transparent} .drum-transport #drumLoop.active{background:#e7f8ee;color:#17643c;border-color:#89cba4} .drum-transport .drum-record{background:linear-gradient(135deg,#d94d64,#ef7954);color:#fff;border-color:transparent} .drum-settings{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:9px;padding:12px;border:1px solid #ceddea;border-radius:14px;background:#f7faff;align-items:end} .drum-settings label{display:grid;gap:5px;font-size:11px;font-weight:850;color:#214566} .drum-settings input,.drum-settings select{width:100%}.drum-settings select{min-height:39px;border:1px solid #bfd0e1;border-radius:9px;background:#fff;color:#173a5e;padding:7px} .drum-settings button{min-height:39px;border:0;border-radius:9px;background:#175fcd;color:#fff;padding:8px 12px;font-weight:850;cursor:pointer} .drum-settings b{font-size:11px;color:#0f62bf} .drum-step-header{display:grid;grid-template-columns:172px minmax(620px,1fr) 70px;gap:8px;align-items:end;padding:0 8px;color:#6a7e91;font-size:9px;font-weight:900;letter-spacing:.06em} .drum-step-header>div{display:grid;grid-template-columns:repeat(16,1fr);gap:4px}.drum-step-header b{text-align:center;font-size:9px}.drum-step-header b.beat{color:#125fc3} .drum-sequencer{display:grid;gap:7px;min-width:0} .drum-row{display:grid;grid-template-columns:172px minmax(620px,1fr) 70px;gap:8px;align-items:center;padding:7px;border:1px solid #d5e1ec;border-radius:12px;background:#fbfdff} .drum-sound-trigger{display:grid;grid-template-columns:38px 1fr;gap:8px;align-items:center;text-align:left;border:0;background:transparent;color:#153a5c;cursor:pointer;padding:4px} .drum-sound-trigger>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#eaf4ff;font-size:20px}.drum-sound-trigger b,.drum-sound-trigger small{display:block}.drum-sound-trigger b{font-size:12.5px}.drum-sound-trigger small{font-size:8.5px;color:#708396;margin-top:2px;font-weight:850} .drum-steps{display:grid;grid-template-columns:repeat(16,minmax(30px,1fr));gap:4px} .drum-steps button{height:36px;border:1px solid #c5d5e3;border-radius:7px;background:#edf3f8;cursor:pointer;position:relative} .drum-steps button:nth-child(4n+1){border-left:3px solid #6d8db0} .drum-steps button.active{background:linear-gradient(135deg,#2170eb,#18b9c9);border-color:#1788b1;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)} .drum-steps button.playing{outline:3px solid #69d84e;outline-offset:1px;box-shadow:0 0 14px rgba(90,208,77,.34)} .drum-level{display:grid;gap:3px;text-align:center}.drum-level small{font-size:8px;font-weight:900;color:#71859a}.drum-level input{width:100%} .drum-recording-card{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:12px 14px;border:1px solid #c8d9e7;border-radius:13px;background:#f7fbff} .drum-recording-card>div:first-child{display:flex;align-items:center;gap:10px}.drum-recording-card small,.drum-recording-card strong{display:block}.drum-recording-card small{font-size:8px;color:#74879a;font-weight:900}.drum-recording-card strong{font-size:12px;color:#173a5c} #drumRecordLamp{width:11px;height:11px;border-radius:50%;background:#9babba}#drumRecordLamp.recording{background:#ef4058;box-shadow:0 0 0 6px rgba(239,64,88,.12)}#drumRecordLamp.ready{background:#35c46e;box-shadow:0 0 0 5px rgba(53,196,110,.12)} .drum-recording-actions{display:flex;gap:7px}.drum-recording-actions button,.drum-recording-actions a{min-height:38px;padding:8px 10px;border:1px solid #bfd1e1;border-radius:9px;background:#fff;color:#17466f;font-size:10.5px;font-weight:850;text-decoration:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.drum-recording-actions .disabled{opacity:.45;pointer-events:none} /* Dark */ body.dark-mode .drum-computer-head p{color:#c7d9e8} body.dark-mode .drum-master-readout,body.dark-mode .drum-settings,body.dark-mode .drum-row,body.dark-mode .drum-recording-card{background:#173853;border-color:#4f708a} body.dark-mode .drum-master-readout strong{color:#7cd7ff}body.dark-mode .drum-master-readout small,body.dark-mode .drum-master-readout span{color:#c5d8e7} body.dark-mode .drum-transport button{background:#21445f;color:#f4f9ff;border-color:#5b7b95} body.dark-mode .drum-transport #drumLoop.active{background:#1c513d;color:#dcffeb;border-color:#58a47d} body.dark-mode .drum-settings label,body.dark-mode .drum-recording-card strong{color:#f3f9ff}body.dark-mode .drum-settings b{color:#81d5ff} body.dark-mode .drum-settings select{background:#102a42;color:#fff;border-color:#52718a} body.dark-mode .drum-sound-trigger{color:#f2f8ff}body.dark-mode .drum-sound-trigger>span{background:#244b68}body.dark-mode .drum-sound-trigger small,body.dark-mode .drum-level small,body.dark-mode .drum-recording-card small{color:#c3d6e5} body.dark-mode .drum-steps button{background:#294c67;border-color:#607e96}body.dark-mode .drum-recording-actions button,body.dark-mode .drum-recording-actions a{background:#21435f;color:#f2f8ff;border-color:#5c7c96} /* Responsive */ @media(max-width:1000px){ .drum-transport{grid-template-columns:repeat(3,1fr)} .drum-settings{grid-template-columns:1fr 1fr} .drum-step-header{display:none} .drum-row{grid-template-columns:150px minmax(600px,1fr) 65px;overflow-x:auto} } @media(max-width:700px){ .drum-computer-head{grid-template-columns:1fr}.drum-master-readout{width:100%} .drum-transport{grid-template-columns:1fr 1fr} .drum-transport button{font-size:11.5px} .drum-settings{grid-template-columns:1fr}.drum-settings button{width:100%} .drum-row{display:block;padding:9px;overflow:hidden} .drum-sound-trigger{width:100%;grid-template-columns:42px 1fr}.drum-sound-trigger b{font-size:14px} .drum-steps{grid-template-columns:repeat(16,38px);overflow-x:auto;padding:6px 1px;-webkit-overflow-scrolling:touch} .drum-steps button{width:38px;min-width:38px;height:40px} .drum-level{grid-template-columns:auto 1fr;align-items:center;margin-top:5px;text-align:left} .drum-level input{min-width:0} .drum-recording-card{align-items:stretch;flex-direction:column} .drum-recording-actions{display:grid;grid-template-columns:1fr 1fr}.drum-recording-actions>*:last-child{grid-column:1/-1} } @media(max-width:430px){ .drum-transport{grid-template-columns:1fr} .drum-recording-actions{grid-template-columns:1fr}.drum-recording-actions>*:last-child{grid-column:auto} } /* V40 – Drum Computer Beispiel-Leiste */ .drum-example-strip{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; } .drum-example-strip button{ min-height:62px; display:grid; grid-template-columns:34px 1fr; grid-template-rows:auto auto; column-gap:8px; align-items:center; padding:9px 10px; border:1px solid #c7d8e6; border-radius:11px; background:linear-gradient(145deg,#fff,#f4f9fd); color:#173a5b; text-align:left; cursor:pointer; } .drum-example-strip button>span{ grid-row:1/3; font-size:21px; } .drum-example-strip button>b{ font-size:12px; } .drum-example-strip button>small{ font-size:9px; color:#6a7f93; } .drum-example-strip button:hover{ border-color:#4c93ea; box-shadow:0 8px 18px rgba(34,103,185,.12); transform:translateY(-1px); } body.dark-mode .drum-example-strip button{ background:linear-gradient(145deg,#1c3e59,#18344c); border-color:#587790; color:#f3f9ff; } body.dark-mode .drum-example-strip button>small{ color:#c2d6e6; } @media(max-width:900px){ .drum-example-strip{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:480px){ .drum-example-strip{grid-template-columns:1fr} } /* V40 – NOVA Studio Play: rechte Kante / Bildschirmüberlauf sauber begrenzen */ .nova-music-studio, #musicStudioOutput, .v31-studio, .v31-studio-head, .v31-master, .v312-master-transport, .v312-record-result, .v312-record-actions, .studio-pattern-library, .studio-song-grid, .studio-song-player, .studio-multi-play, .studio-loop-head, .studio-loop-tracks{ min-width:0!important; max-width:100%!important; box-sizing:border-box!important; } .nova-music-studio, #musicStudioOutput, .v31-studio{ width:100%!important; overflow-x:hidden!important; } .v31-studio-head{ grid-template-columns:minmax(0,1fr) minmax(300px,.72fr)!important; width:100%!important; } .v31-master{ min-width:0!important; width:100%!important; } .v312-master-transport{ grid-template-columns:repeat(2,minmax(0,1fr))!important; width:100%!important; } .v312-master-transport button, .v312-record-actions button, .v312-record-actions a{ min-width:0!important; max-width:100%!important; overflow-wrap:anywhere!important; } .v312-record-result{ width:100%!important; overflow:hidden!important; } @media(max-width:1050px){ .v31-studio-head{ grid-template-columns:1fr!important; } .v31-master{ width:100%!important; } } @media(max-width:700px){ .v31-studio, .v31-master, .v312-record-result{ padding-left:0!important; padding-right:0!important; } .v312-master-transport{ grid-template-columns:1fr 1fr!important; } } @media(max-width:430px){ .v312-master-transport{ grid-template-columns:1fr!important; } } /* V40 – Composer Aufnahme + Projekt-Speicherbereich */ .composer-record-panel{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:center; margin:14px 0 10px; padding:13px; border:1px solid #c6d8e8; border-radius:14px; background:linear-gradient(145deg,#f7fbff,#f2f8fd); } .composer-record-buttons{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:7px; min-width:0; } .composer-record-buttons button, .composer-record-buttons a{ min-width:0; min-height:42px; padding:8px 9px; border:1px solid #bfd1e1; border-radius:10px; background:#fff; color:#173f63; font-size:10.5px; font-weight:850; line-height:1.2; text-decoration:none; display:flex; align-items:center; justify-content:center; text-align:center; cursor:pointer; white-space:normal; overflow-wrap:anywhere; } .composer-record-buttons .composer-record-start{ background:linear-gradient(135deg,#db4d65,#ec7154); color:#fff; border-color:transparent; } .composer-record-buttons .disabled, .composer-record-buttons [disabled]{ opacity:.45; pointer-events:none; } .composer-record-state{ min-width:200px; display:flex; align-items:center; gap:10px; padding:9px 11px; border:1px solid #d2dfea; border-radius:11px; background:#fff; } .composer-record-state>span{ width:12px; height:12px; border-radius:50%; background:#9aaaba; flex:0 0 auto; } .composer-record-state>span.recording{ background:#ef4058; box-shadow:0 0 0 6px rgba(239,64,88,.12); } .composer-record-state>span.ready{ background:#35c46e; box-shadow:0 0 0 5px rgba(53,196,110,.12); } .composer-record-state small, .composer-record-state strong{ display:block; } .composer-record-state small{ font-size:8px; font-weight:900; color:#73869a; } .composer-record-state strong{ margin-top:2px; font-size:11px; color:#173a5d; } .composer-storage-controls button{ font-weight:850!important; } body.dark-mode .composer-record-panel, html[data-theme="dark"] .composer-record-panel{ background:linear-gradient(145deg,#15334e,#102a42); border-color:#4f708b; } body.dark-mode .composer-record-buttons button, body.dark-mode .composer-record-buttons a, html[data-theme="dark"] .composer-record-buttons button, html[data-theme="dark"] .composer-record-buttons a{ background:#21435f; color:#f3f9ff; border-color:#5b7b95; } body.dark-mode .composer-record-buttons .composer-record-start, html[data-theme="dark"] .composer-record-buttons .composer-record-start{ background:linear-gradient(135deg,#df5269,#ec7558); color:#fff; border-color:transparent; } body.dark-mode .composer-record-state, html[data-theme="dark"] .composer-record-state{ background:#173853; border-color:#4f708b; } body.dark-mode .composer-record-state small, html[data-theme="dark"] .composer-record-state small{ color:#c4d7e7; } body.dark-mode .composer-record-state strong, html[data-theme="dark"] .composer-record-state strong{ color:#f4f9ff; } @media(max-width:1000px){ .composer-record-panel{ grid-template-columns:1fr; } .composer-record-state{ min-width:0; } } @media(max-width:700px){ .composer-record-buttons{ grid-template-columns:1fr 1fr!important; } .composer-record-buttons>*:last-child{ grid-column:1/-1; } } @media(max-width:430px){ .composer-record-buttons{ grid-template-columns:1fr!important; } .composer-record-buttons>*:last-child{ grid-column:auto; } } /* V40 – Play-Modus final: rechten Bedienblock nach links ziehen und sauber abschließen */ .v31-studio-head{ display:grid!important; grid-template-columns:minmax(0,1fr) minmax(360px,405px)!important; gap:18px!important; align-items:start!important; width:100%!important; max-width:100%!important; overflow:hidden!important; box-sizing:border-box!important; } .v31-master{ width:100%!important; max-width:405px!important; min-width:0!important; justify-self:start!important; margin-left:0!important; margin-right:0!important; box-sizing:border-box!important; overflow:hidden!important; } /* Alle Elemente des Masterblocks enden exakt an derselben rechten Kante */ .v31-transport, .v312-master-transport, .v312-record-result, .v312-record-actions, .v31-master .studio-controls, .v31-master>div{ width:100%!important; max-width:100%!important; min-width:0!important; margin-left:0!important; margin-right:0!important; box-sizing:border-box!important; } .v31-transport, .v312-master-transport{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } .v31-transport button, .v312-master-transport button, .v312-record-actions button, .v312-record-actions a{ min-width:0!important; max-width:100%!important; box-sizing:border-box!important; } /* Aufnahme-Ergebnis: Status links, Aktionen rechts – ohne Überstand */ .v312-record-result{ display:grid!important; grid-template-columns:minmax(135px,1fr) minmax(0,1.65fr)!important; gap:8px!important; align-items:center!important; overflow:hidden!important; } .v312-record-actions{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:6px!important; } .v312-record-actions button, .v312-record-actions a{ padding:7px 4px!important; font-size:9.5px!important; white-space:normal!important; overflow-wrap:anywhere!important; text-align:center!important; } /* Steps / Tempo / Master sauber in der gleichen Breite */ .v31-master .v31-master-settings, .v31-master .v312-master-settings, .v31-master .studio-master-settings{ width:100%!important; max-width:100%!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; box-sizing:border-box!important; } /* Mittlere Fensterbreiten: Bedienblock unter den Titel statt rechts abzuschneiden */ @media(max-width:1150px){ .v31-studio-head{ grid-template-columns:minmax(0,1fr) minmax(340px,390px)!important; gap:14px!important; } .v31-master{ max-width:390px!important; } } @media(max-width:980px){ .v31-studio-head{ grid-template-columns:1fr!important; } .v31-master{ max-width:100%!important; width:100%!important; justify-self:stretch!important; } } /* Handy */ @media(max-width:600px){ .v312-record-result{ grid-template-columns:1fr!important; } .v312-record-actions{ grid-template-columns:repeat(3,minmax(0,1fr))!important; } } @media(max-width:430px){ .v31-transport, .v312-master-transport{ grid-template-columns:1fr!important; } .v312-record-actions{ grid-template-columns:1fr!important; } } /* V40 – Immobilien */ .nova-realestate{display:grid;gap:17px} .nova-realestate-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:16px} .nova-realestate-hero h2{margin:5px 0 7px} .nova-realestate-place{min-width:180px;padding:11px 13px;border:1px solid #cadbea;border-radius:13px;background:linear-gradient(145deg,#f4f9ff,#fff)} .nova-realestate-place small,.nova-realestate-place b{display:block}.nova-realestate-place small{font-size:9px;font-weight:900;color:#657d93}.nova-realestate-place b{font-size:13px;margin-top:4px;color:#173c61} .nova-realestate-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .nova-realestate-sections>section{padding:14px;border:1px solid #cfdeeb;border-radius:16px;background:linear-gradient(145deg,#fff,#f5f9fd)} .nova-realestate-sections header{display:flex;align-items:center;gap:9px;margin-bottom:10px}.nova-realestate-sections header>span{font-size:25px}.nova-realestate-sections header small{font-size:8px;font-weight:900;color:#5d7892}.nova-realestate-sections h3{font-size:18px;margin:2px 0} .nova-realestate-grid{display:grid;gap:8px} .nova-realestate-card{display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;min-height:61px;padding:9px 10px;border:1px solid #d2e0ec;border-radius:11px;background:#fff;color:#173a5d;text-align:left;cursor:pointer} .nova-realestate-card>span{font-size:20px}.nova-realestate-card b,.nova-realestate-card small{display:block}.nova-realestate-card b{font-size:12px}.nova-realestate-card small{font-size:9px;color:#687f94;margin-top:2px}.nova-realestate-card em{font-style:normal;color:#2171d5;font-weight:900}.nova-realestate-card:hover{border-color:#55a0ed;box-shadow:0 8px 18px rgba(29,98,178,.12);transform:translateY(-1px)} .nova-realestate-search{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center;padding:15px;border:1px solid #bed6e9;border-radius:15px;background:linear-gradient(135deg,#eef7ff,#f2fff6)} .nova-realestate-search h3{margin:3px 0}.nova-realestate-search p{margin:0;color:#61798e}.nova-realestate-search>div:last-child{display:flex;gap:8px}.nova-realestate-search input{flex:1;min-width:0;padding:11px;border:1px solid #bed0e0;border-radius:10px;background:#fff;color:#173a5e} .nova-realestate-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.nova-realestate-links button{min-height:45px;border:1px solid #c7d8e6;border-radius:10px;background:#fff;color:#173d62;font-size:11px;font-weight:850;cursor:pointer}.nova-realestate-note{margin:0;padding:10px 12px;border-radius:11px;background:#f5f8fb;color:#60778c;font-size:10.5px} body.dark-mode .nova-realestate-place,body.dark-mode .nova-realestate-sections>section,body.dark-mode .nova-realestate-card,body.dark-mode .nova-realestate-search,body.dark-mode .nova-realestate-links button,body.dark-mode .nova-realestate-note{background:#173853;color:#f3f9ff;border-color:#4f718c} body.dark-mode .nova-realestate-place b,body.dark-mode .nova-realestate-card,body.dark-mode .nova-realestate-links button{color:#f3f9ff} body.dark-mode .nova-realestate-place small,body.dark-mode .nova-realestate-sections header small,body.dark-mode .nova-realestate-card small,body.dark-mode .nova-realestate-search p,body.dark-mode .nova-realestate-note{color:#c3d7e7} body.dark-mode .nova-realestate-search{background:linear-gradient(135deg,#173b59,#183f35)} body.dark-mode .nova-realestate-search input{background:#102a42;color:#fff;border-color:#52718b} @media(max-width:900px){.nova-realestate-sections{grid-template-columns:1fr}.nova-realestate-search{grid-template-columns:1fr}.nova-realestate-links{grid-template-columns:1fr 1fr}} @media(max-width:600px){.nova-realestate-hero{flex-direction:column}.nova-realestate-place{width:100%}.nova-realestate-links{grid-template-columns:1fr}.nova-realestate-search>div:last-child{flex-direction:column}} /* V40 – Immobilien & Auto/Mobil: größere, klarere Typografie */ .nova-realestate-hero h2{ font-size:28px!important; } .nova-realestate-hero .module-intro{ font-size:15px!important; line-height:1.55!important; } .nova-realestate-place small{ font-size:10.5px!important; } .nova-realestate-place b{ font-size:15px!important; } .nova-realestate-sections header small{ font-size:10px!important; } .nova-realestate-sections h3{ font-size:21px!important; } .nova-realestate-card{ min-height:70px!important; grid-template-columns:40px 1fr auto!important; } .nova-realestate-card>span{ font-size:24px!important; } .nova-realestate-card b{ font-size:14.5px!important; line-height:1.2!important; } .nova-realestate-card small{ font-size:11.5px!important; line-height:1.3!important; } .nova-realestate-card em{ font-size:16px!important; } .nova-realestate-search small{ font-size:10px!important; } .nova-realestate-search h3{ font-size:20px!important; } .nova-realestate-search p{ font-size:13px!important; line-height:1.45!important; } .nova-realestate-search input, .nova-realestate-search button{ font-size:13px!important; } .nova-realestate-links button{ min-height:50px!important; font-size:13px!important; } .nova-realestate-note{ font-size:12px!important; line-height:1.45!important; } /* Auto & Mobil: die eigentlichen Auswahlkacheln deutlich größer */ .local-choice .choice-card b, .local-choice-grid .choice-card b, .local-choice-card b, .local-choice .local-card b, .local-choice-grid .local-card b{ font-size:15px!important; line-height:1.2!important; } .local-choice .choice-card small, .local-choice-grid .choice-card small, .local-choice-card small, .local-choice .local-card small, .local-choice-grid .local-card small{ font-size:12px!important; line-height:1.35!important; } .local-choice .choice-card>span, .local-choice-grid .choice-card>span, .local-choice-card>span, .local-choice .local-card>span, .local-choice-grid .local-card>span{ font-size:24px!important; } /* Hell/Dunkel: Untertexte bewusst kontrastreich */ body.dark-mode .nova-realestate-card small, body.dark-mode .nova-realestate-search p, body.dark-mode .nova-realestate-note{ color:#d4e4f1!important; } @media(max-width:700px){ .nova-realestate-hero h2{font-size:25px!important} .nova-realestate-card b{font-size:14px!important} .nova-realestate-card small{font-size:11.5px!important} } /* ========================================================= V40 – Immobilien noch größer ========================================================= */ .nova-realestate{ font-size:16px!important; } .nova-realestate-hero h2{ font-size:32px!important; line-height:1.12!important; } .nova-realestate-hero .module-intro{ font-size:17px!important; line-height:1.55!important; } .nova-realestate-place{ padding:14px 16px!important; } .nova-realestate-place small{ font-size:11.5px!important; } .nova-realestate-place b{ font-size:17px!important; } .nova-realestate-sections{ gap:15px!important; } .nova-realestate-sections>section{ padding:17px!important; } .nova-realestate-sections header{ gap:11px!important; margin-bottom:13px!important; } .nova-realestate-sections header>span{ font-size:29px!important; } .nova-realestate-sections header small{ font-size:11px!important; } .nova-realestate-sections h3{ font-size:24px!important; } .nova-realestate-grid{ gap:10px!important; } .nova-realestate-card{ min-height:80px!important; grid-template-columns:46px minmax(0,1fr) auto!important; gap:11px!important; padding:12px 13px!important; } .nova-realestate-card>span{ font-size:28px!important; } .nova-realestate-card b{ font-size:16px!important; line-height:1.25!important; } .nova-realestate-card small{ font-size:13px!important; line-height:1.35!important; margin-top:4px!important; } .nova-realestate-card em{ font-size:18px!important; } .nova-realestate-search{ padding:18px!important; } .nova-realestate-search small{ font-size:11px!important; } .nova-realestate-search h3{ font-size:23px!important; } .nova-realestate-search p{ font-size:14.5px!important; } .nova-realestate-search input, .nova-realestate-search button{ min-height:46px!important; font-size:14px!important; } .nova-realestate-links button{ min-height:56px!important; font-size:14px!important; } .nova-realestate-note{ font-size:13.5px!important; line-height:1.5!important; } /* ========================================================= V40 – NOVA Studio Play FINAL Der Bedienblock sitzt jetzt links UNTER dem Text. Dadurch kann rechts nichts mehr aus dem Modal laufen. ========================================================= */ .v31-studio{ width:100%!important; max-width:100%!important; overflow-x:hidden!important; box-sizing:border-box!important; } /* Nicht mehr zweispaltig: Text oben, Steuerung darunter links */ .v31-studio-head{ display:grid!important; grid-template-columns:1fr!important; gap:18px!important; align-items:start!important; width:100%!important; max-width:100%!important; overflow:hidden!important; box-sizing:border-box!important; } .v31-studio-head>div:first-child{ width:100%!important; max-width:760px!important; } /* Masterblock bewusst links, nicht mehr am rechten Rand */ .v31-master{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:9px!important; width:min(100%,760px)!important; max-width:760px!important; min-width:0!important; justify-self:start!important; margin:0!important; padding:0!important; overflow:hidden!important; box-sizing:border-box!important; } /* Transport + Aufnahme immer volle Breite des Masterblocks */ .v31-master .v31-transport, .v31-master .v312-master-transport, .v31-master .v312-record-result{ grid-column:1/-1!important; width:100%!important; max-width:100%!important; min-width:0!important; box-sizing:border-box!important; } .v31-master .v312-master-transport{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:9px!important; overflow:hidden!important; } .v31-master .v312-master-transport button{ width:100%!important; max-width:100%!important; min-width:0!important; box-sizing:border-box!important; white-space:normal!important; overflow-wrap:anywhere!important; } /* Alles leeren bleibt als ganze Zeile */ .v31-master #v31Clear{ grid-column:1/-1!important; } /* Aufnahmebereich sauber: Status + 3 Aktionen */ .v31-master .v312-record-result{ display:grid!important; grid-template-columns:minmax(180px,.9fr) minmax(0,1.5fr)!important; gap:9px!important; align-items:center!important; padding:10px!important; overflow:hidden!important; } .v31-master .v312-record-result>div:first-child{ min-width:0!important; overflow:hidden!important; } .v31-master #v312RecordStatus{ display:block!important; min-width:0!important; max-width:100%!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } .v31-master .v312-record-actions{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:6px!important; width:100%!important; min-width:0!important; overflow:hidden!important; } .v31-master .v312-record-actions button, .v31-master .v312-record-actions a{ width:100%!important; min-width:0!important; max-width:100%!important; min-height:38px!important; padding:7px 5px!important; box-sizing:border-box!important; font-size:10px!important; line-height:1.15!important; white-space:normal!important; overflow-wrap:anywhere!important; } /* Steps / Tempo / Master sauber gleich groß */ .v31-master>label{ min-width:0!important; width:100%!important; box-sizing:border-box!important; } .v31-master>label:last-child{ grid-column:auto!important; } .v31-master>label input, .v31-master>label select{ min-width:0!important; max-width:100%!important; width:100%!important; box-sizing:border-box!important; } /* Demo-Leiste ebenfalls niemals rechts hinaus */ .v31-demo-bar, .v31-demo-buttons{ min-width:0!important; max-width:100%!important; box-sizing:border-box!important; } .v31-demo-buttons{ overflow-x:auto!important; overflow-y:hidden!important; -webkit-overflow-scrolling:touch; } /* Tablet / Handy */ @media(max-width:800px){ .v31-master{ width:100%!important; max-width:100%!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; } .v31-master>label:last-child{ grid-column:1/-1!important; } .v31-master .v312-record-result{ grid-template-columns:1fr!important; } } @media(max-width:520px){ .v31-master{ grid-template-columns:1fr!important; } .v31-master>label:last-child{ grid-column:auto!important; } .v31-master .v312-master-transport{ grid-template-columns:1fr!important; } .v31-master #v31Clear{ grid-column:auto!important; } .v31-master .v312-record-actions{ grid-template-columns:1fr!important; } } /* Dark Mode bleibt kontrastreich */ body.dark-mode .nova-realestate-card small, html[data-theme="dark"] .nova-realestate-card small{ color:#d9e7f3!important; } /* V40 – Drum Pattern aktivierte Steps wirklich sichtbar ausfüllen */ .drum-computer .drum-steps button.active, .drum-computer .drum-steps button.filled, .drum-computer .drum-steps button[data-filled="1"]{ background:linear-gradient(135deg,#176ee8,#11bfd0)!important; border-color:#0d80b4!important; box-shadow: inset 0 0 0 2px rgba(255,255,255,.24), 0 3px 9px rgba(22,112,207,.22)!important; position:relative!important; } .drum-computer .drum-steps button.active::after, .drum-computer .drum-steps button.filled::after, .drum-computer .drum-steps button[data-filled="1"]::after{ content:""; position:absolute; width:9px; height:9px; border-radius:50%; left:50%; top:50%; transform:translate(-50%,-50%); background:#fff; box-shadow:0 0 0 2px rgba(255,255,255,.22); } /* Dark Mode darf aktive Pattern nicht wieder übermalen */ body.dark-mode .drum-computer .drum-steps button.active, body.dark-mode .drum-computer .drum-steps button.filled, body.dark-mode .drum-computer .drum-steps button[data-filled="1"], html[data-theme="dark"] .drum-computer .drum-steps button.active, html[data-theme="dark"] .drum-computer .drum-steps button.filled, html[data-theme="dark"] .drum-computer .drum-steps button[data-filled="1"]{ background:linear-gradient(135deg,#2584ff,#14cad7)!important; border-color:#67d6ff!important; box-shadow: inset 0 0 0 2px rgba(255,255,255,.25), 0 0 12px rgba(38,164,255,.35)!important; } /* Laufender Step erhält zusätzlich den grünen Rahmen, Pattern-Füllung bleibt erhalten */ .drum-computer .drum-steps button.playing{ outline:3px solid #69d84e!important; outline-offset:2px!important; } /* V40 – Bildungsstellen */ .nova-education{display:grid;gap:17px} .nova-education-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:16px} .nova-education-hero h2{margin:5px 0 7px;font-size:30px} .nova-education-hero .module-intro{font-size:16px;line-height:1.5} .nova-education-place{min-width:190px;padding:13px 15px;border:1px solid #cadbea;border-radius:13px;background:linear-gradient(145deg,#f4f9ff,#fff)} .nova-education-place small,.nova-education-place b{display:block}.nova-education-place small{font-size:10px;font-weight:900;color:#667f96}.nova-education-place b{font-size:15px;margin-top:4px;color:#173c61} .nova-education-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px} .nova-education-groups>section{padding:16px;border:1px solid #cfdeeb;border-radius:16px;background:linear-gradient(145deg,#fff,#f5f9fd)} .nova-education-groups header{display:flex;align-items:center;gap:10px;margin-bottom:11px}.nova-education-groups header>span{font-size:27px}.nova-education-groups header small{font-size:9px;font-weight:900;color:#5d7892}.nova-education-groups h3{font-size:21px;margin:2px 0} .nova-education-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .nova-education-card{display:grid;grid-template-columns:39px 1fr auto;gap:9px;align-items:center;min-height:69px;padding:10px 11px;border:1px solid #d2e0ec;border-radius:11px;background:#fff;color:#173a5d;text-align:left;cursor:pointer} .nova-education-card>span{font-size:23px}.nova-education-card b,.nova-education-card small{display:block}.nova-education-card b{font-size:14px}.nova-education-card small{font-size:11px;color:#687f94;margin-top:3px;line-height:1.3}.nova-education-card em{font-style:normal;color:#2171d5;font-weight:900}.nova-education-card:hover{border-color:#55a0ed;box-shadow:0 8px 18px rgba(29,98,178,.12);transform:translateY(-1px)} .nova-education-search{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center;padding:16px;border:1px solid #bed6e9;border-radius:15px;background:linear-gradient(135deg,#eef7ff,#f4fff2)} .nova-education-search h3{margin:3px 0;font-size:21px}.nova-education-search p{margin:0;color:#61798e;font-size:13px}.nova-education-search>div:last-child{display:flex;gap:8px}.nova-education-search input{flex:1;min-width:0;padding:11px;border:1px solid #bed0e0;border-radius:10px;background:#fff;color:#173a5e;font-size:13px} .nova-education-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.nova-education-links button{min-height:48px;border:1px solid #c7d8e6;border-radius:10px;background:#fff;color:#173d62;font-size:12px;font-weight:850;cursor:pointer}.nova-education-note{margin:0;padding:11px 12px;border-radius:11px;background:#f5f8fb;color:#60778c;font-size:11.5px;line-height:1.45} body.dark-mode .nova-education-place,body.dark-mode .nova-education-groups>section,body.dark-mode .nova-education-card,body.dark-mode .nova-education-search,body.dark-mode .nova-education-links button,body.dark-mode .nova-education-note{background:#173853;color:#f3f9ff;border-color:#4f718c} body.dark-mode .nova-education-place b,body.dark-mode .nova-education-card,body.dark-mode .nova-education-links button{color:#f3f9ff} body.dark-mode .nova-education-place small,body.dark-mode .nova-education-groups header small,body.dark-mode .nova-education-card small,body.dark-mode .nova-education-search p,body.dark-mode .nova-education-note{color:#cbddeb} body.dark-mode .nova-education-search{background:linear-gradient(135deg,#173b59,#183f35)} body.dark-mode .nova-education-search input{background:#102a42;color:#fff;border-color:#52718b} @media(max-width:900px){.nova-education-groups{grid-template-columns:1fr}.nova-education-search{grid-template-columns:1fr}.nova-education-links{grid-template-columns:1fr 1fr}} @media(max-width:600px){.nova-education-hero{flex-direction:column}.nova-education-place{width:100%}.nova-education-grid{grid-template-columns:1fr}.nova-education-links{grid-template-columns:1fr}.nova-education-search>div:last-child{flex-direction:column}} /* ========================================================= NOVA AI V40 – Quiz: größere Schrift & bessere Bedienbarkeit ========================================================= */ /* Quiz-Modal / Hauptbereich */ .quiz-wrap, .quiz-shell, .quiz-panel, .quiz-game, .quiz-challenge, .nova-quiz, [class*="quiz-"]{ line-height:1.45; } /* Überschriften */ .quiz-wrap h2, .quiz-shell h2, .quiz-panel h2, .quiz-game h2, .quiz-challenge h2, .nova-quiz h2, [class*="quiz-"] h2{ font-size:30px!important; line-height:1.15!important; } .quiz-wrap h3, .quiz-shell h3, .quiz-panel h3, .quiz-game h3, .quiz-challenge h3, .nova-quiz h3, [class*="quiz-"] h3{ font-size:22px!important; line-height:1.25!important; } /* Frage – bewusst deutlich größer */ .quiz-question, .quiz-q, .quiz-question-text, .quiz-card .question, [class*="quiz-"] .question{ font-size:21px!important; line-height:1.45!important; font-weight:800!important; letter-spacing:.01em!important; } /* Antworten */ .quiz-answer, .quiz-option, .quiz-options button, .quiz-answers button, .quiz-choice, [class*="quiz-"] button[data-answer], [class*="quiz-"] .answer{ min-height:58px!important; padding:12px 15px!important; font-size:16px!important; line-height:1.35!important; font-weight:750!important; white-space:normal!important; text-align:left!important; } /* Allgemeine Quiz-Buttons: Start, nächste Frage, Neustart usw. */ .quiz-wrap .btn, .quiz-shell .btn, .quiz-panel .btn, .quiz-game .btn, .quiz-challenge .btn, .nova-quiz .btn, [class*="quiz-"] .btn{ min-height:45px!important; padding:10px 15px!important; font-size:14.5px!important; font-weight:800!important; } /* Kategorie / Schwierigkeit / Auswahl */ .quiz-categories button, .quiz-category, .quiz-levels button, .quiz-level, .quiz-mode, .quiz-modes button, [class*="quiz-"] select{ min-height:44px!important; font-size:14px!important; font-weight:750!important; } /* Kleine Infos nicht mehr winzig */ .quiz-meta, .quiz-progress, .quiz-score, .quiz-status, .quiz-counter, .quiz-result, .quiz-feedback, .quiz-explanation, [class*="quiz-"] small{ font-size:13px!important; line-height:1.4!important; } /* Ergebnis / Erklärung */ .quiz-result, .quiz-feedback, .quiz-explanation{ padding:12px 14px!important; } .quiz-result b, .quiz-feedback b, .quiz-explanation b{ font-size:15px!important; } /* Fortschrittsanzeige etwas kräftiger */ .quiz-progress, .quiz-score, .quiz-counter{ font-weight:800!important; } /* Hover/Fokus besser erkennbar */ .quiz-options button:hover, .quiz-answers button:hover, .quiz-option:hover, .quiz-answer:hover, .quiz-choice:hover{ transform:translateY(-1px); box-shadow:0 7px 16px rgba(25,93,160,.13); } .quiz-options button:focus-visible, .quiz-answers button:focus-visible, .quiz-option:focus-visible, .quiz-answer:focus-visible, .quiz-choice:focus-visible{ outline:3px solid rgba(36,130,230,.42)!important; outline-offset:2px!important; } /* Dark Mode: Antworttexte und Nebeninfos klarer */ body.dark-mode .quiz-meta, body.dark-mode .quiz-progress, body.dark-mode .quiz-score, body.dark-mode .quiz-status, body.dark-mode .quiz-counter, body.dark-mode .quiz-result, body.dark-mode .quiz-feedback, body.dark-mode .quiz-explanation, body.dark-mode [class*="quiz-"] small, html[data-theme="dark"] .quiz-meta, html[data-theme="dark"] .quiz-progress, html[data-theme="dark"] .quiz-score, html[data-theme="dark"] .quiz-status, html[data-theme="dark"] .quiz-counter, html[data-theme="dark"] [class*="quiz-"] small{ color:#d6e5f1!important; } /* Mobil: groß lassen, aber sauber umbrechen */ @media(max-width:650px){ .quiz-wrap h2, .quiz-shell h2, .quiz-panel h2, .quiz-game h2, .quiz-challenge h2, .nova-quiz h2, [class*="quiz-"] h2{ font-size:26px!important; } .quiz-question, .quiz-q, .quiz-question-text, .quiz-card .question, [class*="quiz-"] .question{ font-size:19px!important; } .quiz-answer, .quiz-option, .quiz-options button, .quiz-answers button, .quiz-choice, [class*="quiz-"] button[data-answer], [class*="quiz-"] .answer{ min-height:60px!important; font-size:15.5px!important; padding:12px!important; } .quiz-meta, .quiz-progress, .quiz-score, .quiz-status, .quiz-counter, .quiz-result, .quiz-feedback, .quiz-explanation, [class*="quiz-"] small{ font-size:12.5px!important; } } /* NOVA AI Beta V50.0 – Games mobile cleanup + Quest keyboard hint */ .quest-keyboard-help{ margin:10px 4px 0; padding:9px 12px; border:1px solid rgba(110,205,255,.22); border-radius:10px; background:rgba(8,35,63,.52); color:#d9edff; font-size:11px; line-height:1.45; text-align:center; } .quest-keyboard-help b{color:#fff} @media(max-width:700px){ /* Entfernt den verbliebenen dekorativen Kreis im Arcade-Kopf. */ .nova-arcade-hero::after{content:none!important;display:none!important} .nova-arcade-profile::before, .nova-arcade-profile::after, .nova-level-ring::before, .nova-level-ring::after{content:none!important;display:none!important} .quest-keyboard-help{font-size:10px;margin-top:8px;padding:8px 9px} } /* NOVA AI Beta V50.0 – Mobile Dashboard Flow Fix Kalender bleibt mobil im normalen Dokumentfluss, damit der rechte Dashboard-Bereich erst vollständig unterhalb des Kalenders beginnt. */ @media(max-width:760px){ .nova-ai-stage{ min-height:0!important; height:auto!important; } .nova-ai-stage .nova-calendar{ position:relative!important; top:auto!important; left:auto!important; transform:none!important; margin:304px 0 0!important; width:100%!important; } .nova-right-rail{ margin-top:0!important; clear:both; } } @media(max-width:600px){ .nova-ai-stage .nova-calendar{margin-top:274px!important} } /* NOVA AI Beta V50.0 – Web/Tablet Dashboard Overlap Fix Im schmalen Web-/Desktopmodus liegt der Kalender absolut in der mittleren Stage. Die Stage bekommt deshalb bis 1250 px genug feste Mindesthöhe, damit die darunter angeordnete rechte Dashboard-Schiene erst nach dem vollständigen Kalender beginnt. Echte Mobile-Regeln <= 850 px bleiben davon unberührt. */ @media (min-width:851px) and (max-width:1250px){ .nova-ai-stage{ min-height:930px!important; } .nova-right-rail{ position:relative; z-index:1; } } /* NOVA AI Beta V50.0 – Schach Figurenfarben im Dark Mode Native Farbwähler bleiben bedienbar; die gewählte Farbe darf von Dark-Mode-Regeln nicht überschrieben werden. */ body.dark-mode #moduleModal.nova-games-modal .chess-piece.white-piece{ color:var(--chess-white-piece,#f4f7ff)!important; } body.dark-mode #moduleModal.nova-games-modal .chess-piece.black-piece{ color:var(--chess-black-piece,#111827)!important; } body.dark-mode #moduleModal.nova-games-modal .chess-piece-colors input[type="color"]{ color-scheme:light; background:#fff!important; border-color:#8eabc2!important; opacity:1!important; pointer-events:auto!important; cursor:pointer!important; } body.dark-mode #moduleModal.nova-games-modal .chess-piece-colors input[type="color"]::-webkit-color-swatch-wrapper{padding:2px} body.dark-mode #moduleModal.nova-games-modal .chess-piece-colors input[type="color"]::-webkit-color-swatch{border:1px solid #6f879b;border-radius:5px} /* ========================================================= NOVA AI Beta V50.0 – gezielte Stabilitätsfixes 23.07.2026 Nur Dashboard-Zwischenbreite, Gastronomie mobil, Rechner mobil und Arcade-Deko betroffen. ========================================================= */ @media (min-width:851px) and (max-width:1000px){ .nova-ai-stage{min-height:980px!important} } @media (min-width:1001px) and (max-width:1250px){ .nova-ai-stage{min-height:955px!important} } @media(max-width:650px){ .nova-gastro-module{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important} .nova-gastro-module > *, .nova-gastro-hero > *, .nova-gastro-tip > *, .nova-gastro-search > *, .nova-gastro-section > *, .nova-gastro-tools > *{min-width:0!important;max-width:100%!important} .nova-gastro-hero,.nova-gastro-tip,.nova-gastro-search,.nova-gastro-section,.nova-gastro-tools,.nova-gastro-note{width:100%!important;max-width:100%!important} .nova-gastro-hero h2,.nova-gastro-hero p,.nova-gastro-tip h3,.nova-gastro-tip p,.nova-gastro-section-head h3,.nova-gastro-section-head span{overflow-wrap:anywhere!important;word-break:normal!important} .nova-gastro-search-grid{grid-template-columns:minmax(0,1fr)!important;width:100%!important} .nova-gastro-search-grid label,.nova-gastro-search-grid input,.nova-gastro-search-grid select,.nova-gastro-search-grid .btn{width:100%!important;max-width:100%!important;min-width:0!important} .nova-gastro-category-grid,.nova-gastro-cuisine-grid,.nova-gastro-tools{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important} .nova-gastro-portal-grid{grid-template-columns:minmax(0,1fr)!important;width:100%!important} .nova-gastro-category-grid button,.nova-gastro-cuisine-grid button,.nova-gastro-portal-grid button,.nova-gastro-tools a{min-width:0!important;max-width:100%!important;overflow:hidden!important} .nova-gastro-category-grid b,.nova-gastro-cuisine-grid b,.nova-gastro-portal-grid b,.nova-gastro-portal-grid small,.nova-gastro-tools b,.nova-gastro-tools small{overflow-wrap:anywhere!important} .nova-gastro-section-head{align-items:flex-start!important;flex-direction:column!important} } @media(max-width:650px){ .calculator-pro,.calculator-pro-layout,.calculator-pro-sidebar,.calculator-pro-main,.calculator-pro-content{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important} .calculator-pro > *,.calculator-pro-head > *,.calculator-pro-layout > *,.calculator-pro-content > *{min-width:0!important;max-width:100%!important} .calculator-pro-head{width:100%!important} .calculator-pro-head h2,.calculator-pro-head p,.calc-panel-head h3,.calc-panel-head p{overflow-wrap:anywhere!important} .calculator-top-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;max-width:100%!important} .calculator-top-tabs button{width:100%!important;min-width:0!important;max-width:100%!important;padding:10px 7px!important;white-space:normal!important;overflow-wrap:anywhere!important;text-align:center!important} .calculator-pro-menu{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;max-width:100%!important;padding-right:0!important} .calculator-pro-menu button{width:100%!important;min-width:0!important;max-width:100%!important;grid-template-columns:24px minmax(0,1fr)!important;padding:9px 7px!important} .calculator-pro-menu b{min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important} .calculator-all-grid{grid-template-columns:minmax(0,1fr)!important;width:100%!important} .calc-basic,.calc-form,.form-grid,.result-grid{grid-template-columns:minmax(0,1fr)!important;width:100%!important;min-width:0!important} .calculator-pro-content input,.calculator-pro-content select,.calculator-pro-content button{max-width:100%!important;min-width:0!important} .calc-keypad{grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important} .calc-keypad button{padding-left:4px!important;padding-right:4px!important;min-width:0!important} .calc-panel-head{flex-direction:column!important;align-items:stretch!important} .calc-reset{width:100%!important} } .nova-arcade-hero::after,.nova-arcade-profile::before,.nova-arcade-profile::after,.nova-arcade-profile>div::before,.nova-arcade-profile>div::after,.nova-level-ring::before,.nova-level-ring::after{content:none!important;display:none!important} /* ========================================================= NOVA AI Beta V50.0 – FINAL STABILITY PATCH 23.07.2026 Vier gezielte Korrekturen; Dienstleistungs-Umkreissuche bleibt erhalten. ========================================================= */ /* 1) Schmale Webansicht: Kalender vollständig vor dem Dashboard beenden. */ @media (min-width:761px) and (max-width:1250px){ .nova-ai-stage{min-height:1035px!important;height:auto!important} .nova-right-rail{position:relative!important;z-index:1!important;margin-top:24px!important;clear:both!important} } /* 2) Mobile Modals: tatsächliche Viewportbreite, kein horizontaler Überlauf. */ @media (max-width:650px){ #moduleModal .modal-panel{ box-sizing:border-box!important; width:calc(100vw - 16px)!important; max-width:calc(100vw - 16px)!important; margin:8px auto!important; padding:20px 14px!important; overflow-x:hidden!important; } #moduleModal .modal-panel *, #moduleModal .nova-gastro-module *, #moduleModal .calculator-pro *{box-sizing:border-box;min-width:0} #moduleModal .nova-gastro-module, #moduleModal .calculator-pro, #moduleModal .calculator-pro-layout, #moduleModal .calculator-pro-sidebar, #moduleModal .calculator-pro-content{ width:100%!important;max-width:100%!important;min-width:0!important; } #moduleModal .nova-gastro-hero, #moduleModal .nova-gastro-tip, #moduleModal .nova-gastro-search, #moduleModal .nova-gastro-section, #moduleModal .nova-gastro-tools, #moduleModal .nova-gastro-note{width:100%!important;max-width:100%!important;min-width:0!important} #moduleModal .nova-gastro-search-grid, #moduleModal .nova-gastro-portal-grid{grid-template-columns:minmax(0,1fr)!important;width:100%!important} #moduleModal .nova-gastro-category-grid, #moduleModal .nova-gastro-cuisine-grid, #moduleModal .nova-gastro-tools{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important} #moduleModal .nova-gastro-module h2, #moduleModal .nova-gastro-module h3, #moduleModal .nova-gastro-module p, #moduleModal .nova-gastro-module b, #moduleModal .nova-gastro-module small{max-width:100%!important;overflow-wrap:anywhere!important} #moduleModal .calculator-top-tabs, #moduleModal .calculator-pro-menu{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;max-width:100%!important} #moduleModal .calculator-top-tabs button, #moduleModal .calculator-pro-menu button{width:100%!important;max-width:100%!important;min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important} #moduleModal .calculator-all-grid, #moduleModal .calc-basic, #moduleModal .calc-form, #moduleModal .form-grid, #moduleModal .result-grid{grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:100%!important} } @media (max-width:390px){ #moduleModal .nova-gastro-category-grid, #moduleModal .nova-gastro-cuisine-grid, #moduleModal .nova-gastro-tools{grid-template-columns:minmax(0,1fr)!important} } /* 3) Games: nur der echte LEVEL-Ring bleibt. Keine zweite Kreis-Deko. */ .nova-arcade-hero::before,.nova-arcade-hero::after, .nova-arcade-profile::before,.nova-arcade-profile::after, .nova-arcade-profile>div::before,.nova-arcade-profile>div::after, .nova-level-ring::before,.nova-level-ring::after{ content:none!important;display:none!important;background:none!important;box-shadow:none!important } .nova-arcade-hero{ background:linear-gradient(135deg,#08264a 0%,#145388 48%,#442774 100%)!important; } /* 4) Schach Dark Mode: Brettdesign-Auswahl darf nicht durch generische Dark-Mode-Feldfarben überschrieben werden. Figurenfarben bleiben separat. */ body.dark-mode #moduleModal.nova-games-modal .chess-board[data-theme="wood"] .chess-square.light{background:linear-gradient(135deg,#caa477,#ae8259)!important} body.dark-mode #moduleModal.nova-games-modal .chess-board[data-theme="wood"] .chess-square.dark{background:linear-gradient(135deg,#65432f,#493025)!important} body.dark-mode #moduleModal.nova-games-modal .chess-board[data-theme="classic"] .chess-square.light{background:#7594ad!important} body.dark-mode #moduleModal.nova-games-modal .chess-board[data-theme="classic"] .chess-square.dark{background:#294e6c!important} body.dark-mode #moduleModal.nova-games-modal .chess-board[data-theme="green"] .chess-square.light{background:#a8b89a!important} body.dark-mode #moduleModal.nova-games-modal .chess-board[data-theme="green"] .chess-square.dark{background:#355d46!important} body.dark-mode #moduleModal.nova-games-modal .chess-board[data-theme="graphite"] .chess-square.light{background:#8d949d!important} body.dark-mode #moduleModal.nova-games-modal .chess-board[data-theme="graphite"] .chess-square.dark{background:#272c33!important} body.dark-mode #moduleModal.nova-games-modal .chess-board[data-theme="sand"] .chess-square.light{background:#c4ad86!important} body.dark-mode #moduleModal.nova-games-modal .chess-board[data-theme="sand"] .chess-square.dark{background:#715d46!important} /* ========================================================= NOVA AI Beta V51.1 – Games Mobile Header Fix 1) Touch-Joystick bleibt an seinem Spiel-Steuerfeld verankert. 2) Arcade-Gamepad und Überschrift überlappen mobil nicht mehr. ========================================================= */ .nova-games .nova-dpad{ position:relative; } @media(max-width:520px){ #moduleModal.nova-games-modal .nova-arcade-hero{ grid-template-columns:minmax(0,1fr)!important; gap:14px!important; } #moduleModal.nova-games-modal .nova-arcade-brand{ display:grid!important; grid-template-columns:44px minmax(0,1fr)!important; gap:10px!important; align-items:start!important; width:100%!important; min-width:0!important; } #moduleModal.nova-games-modal .nova-arcade-logo{ position:static!important; grid-column:1!important; grid-row:1!important; width:44px!important; min-width:44px!important; margin:0!important; font-size:34px!important; line-height:1!important; text-align:center!important; transform:none!important; } #moduleModal.nova-games-modal .nova-arcade-copy{ grid-column:2!important; grid-row:1!important; min-width:0!important; width:100%!important; } #moduleModal.nova-games-modal .nova-arcade-copy strong{ display:block!important; max-width:100%!important; font-size:19px!important; line-height:1.18!important; overflow-wrap:normal!important; word-break:normal!important; } #moduleModal.nova-games-modal .nova-arcade-copy p{ max-width:100%!important; overflow-wrap:normal!important; word-break:normal!important; } #moduleModal.nova-games-modal .nova-arcade-profile{ width:100%!important; justify-content:center!important; } } /* ========================================================= NOVA AI Beta V51.1 – Desktop Dashboard/Kalender Abstand Nur große PC-Browser ab 1251 px. Mobile und schmale Webansichten bleiben vollständig unverändert. ========================================================= */ @media (min-width:1251px){ .nova-dashboard-hero .nova-ai-stage{ min-height:905px!important; height:auto!important; } .nova-universe-quick#alltag{ margin-top:96px!important; } } /* ========================================================= V51.2 – NOVA Games Feinschliff 1) Bubble Pop: Bubble-Grafik mit expliziten Fallback-Fills sichern. 2) Arcade-Header: Level/Spielzeit im Hellmodus kontraststark halten. ========================================================= */ #moduleModal.nova-games-modal .bubble-cell:not(.empty)>span{ display:block!important; opacity:1!important; visibility:visible!important; border:1px solid rgba(255,255,255,.42)!important; background-clip:padding-box!important; } #moduleModal.nova-games-modal .bubble-cell.bubble-cyan>span{background:linear-gradient(145deg,#d8fbff 0%,#42d9f1 42%,#078fbf 100%)!important;box-shadow:inset -8px -10px 14px rgba(0,0,0,.18),inset 7px 7px 9px rgba(255,255,255,.45),0 4px 10px rgba(0,0,0,.25),0 0 13px rgba(50,220,255,.58)!important} #moduleModal.nova-games-modal .bubble-cell.bubble-blue>span{background:linear-gradient(145deg,#d8e8ff 0%,#5599f7 42%,#244fc0 100%)!important;box-shadow:inset -8px -10px 14px rgba(0,0,0,.18),inset 7px 7px 9px rgba(255,255,255,.45),0 4px 10px rgba(0,0,0,.25),0 0 13px rgba(72,137,255,.54)!important} #moduleModal.nova-games-modal .bubble-cell.bubble-violet>span{background:linear-gradient(145deg,#ead8ff 0%,#a965f0 42%,#6b30b1 100%)!important;box-shadow:inset -8px -10px 14px rgba(0,0,0,.18),inset 7px 7px 9px rgba(255,255,255,.45),0 4px 10px rgba(0,0,0,.25),0 0 13px rgba(174,92,255,.54)!important} #moduleModal.nova-games-modal .bubble-cell.bubble-pink>span{background:linear-gradient(145deg,#ffe0f3 0%,#f176b8 42%,#bd377d 100%)!important;box-shadow:inset -8px -10px 14px rgba(0,0,0,.18),inset 7px 7px 9px rgba(255,255,255,.45),0 4px 10px rgba(0,0,0,.25),0 0 13px rgba(255,95,177,.5)!important} #moduleModal.nova-games-modal .bubble-cell.bubble-gold>span{background:linear-gradient(145deg,#fff5c7 0%,#f4c84c 42%,#c4861e 100%)!important;box-shadow:inset -8px -10px 14px rgba(0,0,0,.18),inset 7px 7px 9px rgba(255,255,255,.5),0 4px 10px rgba(0,0,0,.25),0 0 13px rgba(255,201,70,.52)!important} #moduleModal.nova-games-modal .bubble-cell:not(.empty)>span::after{ content:""; position:absolute; right:15%; bottom:12%; width:18%; height:14%; border-radius:50%; background:rgba(255,255,255,.18); filter:blur(.5px); } /* Der Arcade-Kopf bleibt bewusst dunkelblau/violett – deshalb erhalten alle Status-Texte auch im Hellmodus feste, gut lesbare Kontrastfarben. */ #moduleModal.nova-games-modal .nova-arcade-hero, #moduleModal.nova-games-modal .nova-arcade-hero .nova-arcade-brand, #moduleModal.nova-games-modal .nova-arcade-hero .nova-arcade-profile{color:#fff!important} #moduleModal.nova-games-modal .nova-arcade-copy>small, #moduleModal.nova-games-modal .nova-arcade-profile>div>small, #moduleModal.nova-games-modal .nova-level-ring>small{color:#ccefff!important;text-shadow:0 1px 2px rgba(0,0,0,.38)!important} #moduleModal.nova-games-modal .nova-arcade-copy>strong, #moduleModal.nova-games-modal .nova-arcade-profile>div>strong, #moduleModal.nova-games-modal .nova-level-ring>b{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.38)!important} #moduleModal.nova-games-modal .nova-arcade-copy>p{color:#e7f5ff!important;text-shadow:0 1px 2px rgba(0,0,0,.3)!important} #moduleModal.nova-games-modal .nova-arcade-profile>div>span{color:#ffe27a!important;text-shadow:0 1px 2px rgba(0,0,0,.38)!important} #moduleModal.nova-games-modal .nova-level-ring{border-color:#71eaff!important;background:rgba(6,31,58,.32)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 8px 22px rgba(0,0,0,.22)!important} /* NOVA AI Beta V51.3 – NOVA Quest keyboard hint: light-mode readability */ body:not(.dark-mode) .quest-keyboard-help{ background:#eef7ff; border-color:#b9d9ee; color:#28445e; font-size:12.5px; line-height:1.55; font-weight:600; box-shadow:0 4px 14px rgba(26,76,116,.07); } body:not(.dark-mode) .quest-keyboard-help b{ color:#0b3154; font-weight:800; } @media(max-width:700px){ body:not(.dark-mode) .quest-keyboard-help{ font-size:12px; line-height:1.5; padding:10px 11px; } } /* ========================================================= NOVA AI Beta V51.3 – Quiz Lesbarkeit Größere Schriften im NOVA-Quiz, ohne Layout/Funktionen zu ändern. Desktop, Mobile, Hell- und Dark-Mode berücksichtigt. ========================================================= */ .nova-quiz-wide-wrap .nova-quiz-head h3{ font-size:24px!important; line-height:1.2!important; } .nova-quiz-wide-wrap .nova-quiz-head .eyebrow{ font-size:13px!important; letter-spacing:1.7px!important; } .nova-quiz-wide-wrap .nova-quiz-head-actions .btn, .nova-quiz-wide-wrap .nova-quiz-head .btn.small{ font-size:14px!important; line-height:1.25!important; padding:12px 14px!important; } .nova-quiz-wide-wrap .nova-quiz-meta{ font-size:13px!important; line-height:1.35!important; } .nova-quiz-wide-wrap .nova-quiz-challenge small{ font-size:12px!important; line-height:1.25!important; } .nova-quiz-wide-wrap .nova-quiz-challenge strong{ font-size:17px!important; line-height:1.3!important; } .nova-quiz-wide-wrap .nova-quiz-challenge button{ font-size:13px!important; line-height:1.25!important; padding:10px 12px!important; } .nova-quiz-wide-wrap .nova-quiz-question{ font-size:19px!important; line-height:1.5!important; } .nova-quiz-wide-wrap .nova-quiz-option{ font-size:16px!important; line-height:1.35!important; padding:12px 14px!important; } .nova-quiz-wide-wrap .nova-quiz-feedback{ font-size:15px!important; line-height:1.55!important; } .nova-quiz-wide-wrap .nova-quiz-link{ font-size:14px!important; line-height:1.35!important; } .nova-quiz-wide-wrap .nova-quiz-next-hint{ font-size:13px!important; line-height:1.4!important; } @media(max-width:760px){ .nova-quiz-wide-wrap .nova-quiz-head h3{font-size:23px!important} .nova-quiz-wide-wrap .nova-quiz-head .eyebrow{font-size:12.5px!important} .nova-quiz-wide-wrap .nova-quiz-head-actions .btn, .nova-quiz-wide-wrap .nova-quiz-head .btn.small{font-size:14px!important;padding:12px 13px!important} .nova-quiz-wide-wrap .nova-quiz-meta{font-size:13px!important} .nova-quiz-wide-wrap .nova-quiz-challenge small{font-size:12px!important} .nova-quiz-wide-wrap .nova-quiz-challenge strong{font-size:16px!important} .nova-quiz-wide-wrap .nova-quiz-challenge button{font-size:13px!important} .nova-quiz-wide-wrap .nova-quiz-question{font-size:18px!important;line-height:1.5!important} .nova-quiz-wide-wrap .nova-quiz-option{font-size:16px!important;line-height:1.4!important;padding:13px 14px!important} .nova-quiz-wide-wrap .nova-quiz-feedback{font-size:14px!important} .nova-quiz-wide-wrap .nova-quiz-link{font-size:14px!important} } /* ========================================================= V51.3 – Games Mobile: Bubble Pop Focus + echtes Spielende Nur Mobile-Fokus; Desktop und normale Games-Ansicht bleiben unverändert. ========================================================= */ @media(max-width:700px){ /* Bubble Pop darf im mobilen Fokus nicht aus der verfügbaren Höhe eine winzige automatische Breite ableiten. Das Spielfeld wird stattdessen direkt aus der Viewportbreite dimensioniert. */ .mobile-game-focus:has(.bubble-game) .nova-games-output{ overflow-x:hidden!important; overflow-y:auto!important; padding-bottom:10px!important; } .mobile-game-focus .bubble-game, .mobile-game-focus .bubble-game .game-main-card{ height:auto!important; min-height:100%!important; overflow:visible!important; } .mobile-game-focus .bubble-game .game-main-card{ display:flex; flex-direction:column; } .mobile-game-focus .bubble-layout{ flex:0 0 auto!important; min-height:0; display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto!important; } .mobile-game-focus .bubble-stage-wrap{ min-width:0; min-height:0; overflow:visible!important; } .mobile-game-focus .bubble-board{ width:min(100%,calc(100vw - 58px))!important; height:auto!important; max-width:520px!important; max-height:none!important; aspect-ratio:1 / 1!important; flex:none!important; align-self:center; } } /* V54.0 – Schach 2-Spieler: automatische Brettdrehung, PC/Tablet/Handy */ .chess-rotate-option{ display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:52px; padding:10px 12px; border:1px solid #c9d9e6; border-radius:12px; background:#f7fbff; color:#173b5b; } .chess-rotate-option>span{display:grid;gap:2px;min-width:0} .chess-rotate-option b{font-size:13px} .chess-rotate-option small{font-size:11px;color:#647d93;line-height:1.3} .chess-rotate-option input{ width:22px; height:22px; flex:0 0 auto; accent-color:#2467df; cursor:pointer; } .chess-rotate-option.is-disabled{opacity:.55} .chess-rotate-option.is-disabled input{cursor:not-allowed} #chessBoard{ transform-origin:center center; transition:transform .32s ease; } #chessBoard.chess-board-flipped{ transform:rotate(180deg); } #chessBoard.chess-board-flipped .chess-square{ transform:rotate(180deg); } body.dark-mode .chess-rotate-option{ background:#173a57; border-color:#5f84a3; color:#f4f9fd; } body.dark-mode .chess-rotate-option small{color:#d1e2ef} @media(max-width:1050px){ .chess-rotate-option{min-height:50px} } @media(max-width:700px){ .chess-rotate-option{ width:100%; padding:11px 12px; } .chess-rotate-option b{font-size:14px} .chess-rotate-option small{font-size:12px} .chess-rotate-option input{width:24px;height:24px} } @media(max-width:420px){ .chess-rotate-option{gap:9px;padding:10px} .chess-rotate-option b{font-size:13px} .chess-rotate-option small{font-size:11px} } /* V54.0 – Schach 2-Spieler: größere Infotexte und Zugprotokoll */ #chessMoveLog{ font-size:15px; line-height:1.45; } #chessMoveLog .chess-time-log-row{ padding:8px 10px; } #chessMoveLog .chess-time-log-row b{ font-size:15px; line-height:1.45; } #chessHelp{ font-size:16px; line-height:1.55; font-weight:600; color:#263f5e; } body.dark-mode #chessHelp{ color:#e6eef7; } @media(max-width:900px){ #chessMoveLog, #chessMoveLog .chess-time-log-row b{ font-size:15px; } #chessHelp{ font-size:16px; line-height:1.55; } } @media(max-width:600px){ #chessMoveLog, #chessMoveLog .chess-time-log-row b{ font-size:14px; line-height:1.45; } #chessHelp{ font-size:15px; line-height:1.5; } } /* V54.0 – NOVA Games: Mensch ärgere dich nicht */ .ludo-game{--ludo-panel:#f7fbff;--ludo-line:#c9d9e6;--ludo-text:#10253e} .ludo-modebar{ display:grid;grid-template-columns:minmax(190px,1fr) minmax(150px,.7fr) minmax(230px,1.2fr); gap:12px;margin:14px 0 18px } .ludo-modebar label{display:grid;gap:6px;font-weight:800;color:var(--ludo-text)} .ludo-modebar select{width:100%;min-height:48px;border:1px solid var(--ludo-line);border-radius:12px;padding:0 12px;background:#fff;color:#10253e;font-weight:700} .ludo-check{grid-template-columns:auto 1fr!important;align-items:center!important;padding:8px 12px;border:1px solid var(--ludo-line);border-radius:12px;background:#f7fbff} .ludo-check input{width:22px;height:22px;accent-color:#1676e8} .ludo-check span{display:grid;gap:2px}.ludo-check small{color:#60778e;font-weight:600} .ludo-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(235px,290px);gap:18px;align-items:start} .ludo-main{min-width:0} .ludo-board-wrap{ --ludo-rotation:0deg; width:min(100%,820px);margin:0 auto; transform:rotate(var(--ludo-rotation)); transform-origin:center; transition:transform .4s ease; } .ludo-board{ --ludo-counter-rotation:0deg; width:100%;aspect-ratio:1/1;display:grid;grid-template-columns:repeat(11,1fr);grid-template-rows:repeat(11,1fr); padding:10px;border:8px solid #875326;border-radius:24px; background:linear-gradient(145deg,#e5b76f,#a86a32); box-shadow:0 18px 45px rgba(29,42,62,.22),inset 0 0 0 2px rgba(255,255,255,.25); overflow:hidden } .ludo-cell{position:relative;display:grid;place-items:center;min-width:0;min-height:0;background:#f7e4b7;border:1px solid rgba(110,73,35,.26)} .ludo-cell>span{font-size:clamp(9px,1.2vw,17px);font-weight:900;color:#876539;transform:rotate(var(--ludo-counter-rotation));transition:transform .4s ease} .ludo-empty{background:rgba(253,244,216,.92);border-color:rgba(137,92,42,.08)} .ludo-track{background:linear-gradient(145deg,#fff8e4,#edd29e);box-shadow:inset 0 0 8px rgba(99,64,28,.08)} .ludo-track.start.blue{background:#a9d7ff}.ludo-track.start.red{background:#ffc0bd}.ludo-track.start.green{background:#aee7ba}.ludo-track.start.yellow{background:#ffe99b} .ludo-home.blue,.base-blue,.ludo-base-cell.blue{background:#b7dcff} .ludo-home.red,.base-red,.ludo-base-cell.red{background:#ffc0bd} .ludo-home.green,.base-green,.ludo-base-cell.green{background:#b8e8bf} .ludo-home.yellow,.base-yellow,.ludo-base-cell.yellow{background:#ffe99b} .ludo-center{background:conic-gradient(from 45deg,#2386ff 0 25%,#ff4c4c 0 50%,#34c759 0 75%,#f4c430 0);color:#fff} .ludo-center>span{color:#fff;font-size:clamp(14px,2vw,26px)} .ludo-base-cell{border-radius:18%;margin:5px;border:2px solid rgba(255,255,255,.8);box-shadow:inset 0 4px 10px rgba(255,255,255,.4)} .ludo-pawn{ position:absolute;inset:9%;width:82%;height:82%;border:0;background:transparent;padding:0;z-index:4; transform:rotate(var(--ludo-counter-rotation));transition:transform .4s ease,filter .2s ease } .ludo-pawn i{ display:block;width:68%;height:68%;margin:15% auto 0;border-radius:50% 50% 44% 44%; border:2px solid rgba(255,255,255,.78); box-shadow:0 5px 10px rgba(17,29,43,.28),inset 0 4px 7px rgba(255,255,255,.35); position:relative } .ludo-pawn i:after{content:"";position:absolute;width:62%;height:45%;left:19%;top:-30%;border-radius:50%;background:inherit;border:inherit;box-shadow:inherit} .ludo-pawn.blue i{background:linear-gradient(145deg,#69b6ff,#0870d9)} .ludo-pawn.red i{background:linear-gradient(145deg,#ff8885,#c92331)} .ludo-pawn.green i{background:linear-gradient(145deg,#75e391,#169841)} .ludo-pawn.yellow i{background:linear-gradient(145deg,#ffe36c,#d79e00)} .ludo-pawn.selectable{cursor:pointer;animation:ludoPulse 1s infinite} .ludo-pawn.selectable i{outline:3px solid #fff;outline-offset:2px} .ludo-pawn.done i{filter:brightness(1.12)} @keyframes ludoPulse{50%{filter:drop-shadow(0 0 8px #fff) drop-shadow(0 0 12px #35d8ff);transform:rotate(var(--ludo-counter-rotation)) scale(1.07)}} .ludo-side{display:grid;gap:12px;position:sticky;top:10px} .ludo-turn-card,.ludo-log-card{border:1px solid var(--ludo-line);border-radius:18px;padding:16px;background:linear-gradient(145deg,#f8fbff,#eef6ff)} .ludo-turn-card{display:grid;justify-items:center;gap:8px;text-align:center} .ludo-turn-card>small,.ludo-log-card>small{font-size:11px;letter-spacing:1.3px;font-weight:900;color:#60778e} .ludo-turn-card>strong{font-size:28px} .ludo-turn-card p{margin:4px 0 0;font-size:13px;line-height:1.45;color:#4d647a} .ludo-die{ width:92px;height:92px;border-radius:22px;display:grid;place-items:center; font-size:70px;line-height:1;background:#fff;color:#10253e;border:1px solid #bcd2e5; box-shadow:0 12px 24px rgba(18,70,120,.14) } .ludo-die.rolled{animation:ludoDice .35s ease} @keyframes ludoDice{40%{transform:rotate(-12deg) scale(1.08)}70%{transform:rotate(10deg) scale(.96)}} .ludo-player-list{display:grid;gap:8px} .ludo-player{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:center;padding:11px 12px;border:1px solid #d4e0eb;border-radius:13px;background:#fff} .ludo-player.active{box-shadow:0 0 0 2px #39a8ff,0 8px 20px rgba(28,113,190,.12)} .ludo-player-dot{width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 3px rgba(0,0,0,.05)} .ludo-player.blue .ludo-player-dot{background:#2386ff}.ludo-player.red .ludo-player-dot{background:#ff4c4c}.ludo-player.green .ludo-player-dot{background:#34c759}.ludo-player.yellow .ludo-player-dot{background:#f4c430} .ludo-player div{display:grid;gap:2px}.ludo-player b{font-size:14px}.ludo-player small{font-size:11px;color:#62788f} .ludo-log{display:grid;gap:6px;margin-top:8px}.ludo-log span{padding:7px 8px;border-radius:9px;background:#fff;font-size:11px;color:#4e647a} .ludo-bottom-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:14px} .ludo-rules-box{margin-top:14px;padding:15px 17px;border:1px solid #c7d9e8;border-radius:15px;background:#f7fbff;display:grid;gap:7px} .ludo-rules-box[hidden]{display:none} .ludo-rules-box b{font-size:16px}.ludo-rules-box span{font-size:13px;line-height:1.45} body.dark-mode .ludo-game{--ludo-panel:#12314c;--ludo-line:#527592;--ludo-text:#edf7ff} body.dark-mode .ludo-modebar label{color:#edf7ff} body.dark-mode .ludo-modebar select,body.dark-mode .ludo-check{background:#173a57;border-color:#5b809e;color:#f3f8fc} body.dark-mode .ludo-check small{color:#ccdeec} body.dark-mode .ludo-turn-card,body.dark-mode .ludo-log-card,body.dark-mode .ludo-rules-box{background:#173a57;border-color:#5b809e;color:#f2f8fc} body.dark-mode .ludo-turn-card p{color:#d2e2ee} body.dark-mode .ludo-player{background:#12314c;border-color:#527592;color:#f4f9fd} body.dark-mode .ludo-player small,body.dark-mode .ludo-log span{color:#d1e1ed} body.dark-mode .ludo-log span{background:#0e2a42} @media(max-width:1050px){ .ludo-layout{grid-template-columns:minmax(0,1fr) 230px} .ludo-modebar{grid-template-columns:1fr 1fr} .ludo-check{grid-column:1/-1!important} } @media(max-width:760px){ .ludo-layout{grid-template-columns:1fr} .ludo-side{position:static;grid-template-columns:1fr 1fr} .ludo-turn-card{grid-row:1/3} .ludo-player-list{align-content:start} .ludo-log-card{grid-column:2} .ludo-modebar{grid-template-columns:1fr} .ludo-check{grid-column:auto!important} .ludo-board-wrap{width:min(100%,680px)} .ludo-board{padding:6px;border-width:6px;border-radius:18px} } @media(max-width:520px){ .ludo-side{grid-template-columns:1fr} .ludo-turn-card,.ludo-player-list,.ludo-log-card{grid-column:auto;grid-row:auto} .ludo-board{padding:4px;border-width:5px;border-radius:14px} .ludo-base-cell{margin:2px} .ludo-pawn i{border-width:1px} .ludo-turn-card{padding:13px} .ludo-die{width:78px;height:78px;font-size:60px} .ludo-turn-card>strong{font-size:24px} } /* V54 – Mensch ärgere dich nicht: kräftigere Spielfiguren */ .ludo-pawn i{ border:3px solid rgba(255,255,255,.96); box-shadow: 0 5px 12px rgba(8,20,34,.38), inset 0 4px 7px rgba(255,255,255,.42), 0 0 0 2px rgba(10,28,45,.18); } .ludo-pawn.blue i{ background:linear-gradient(145deg,#45b5ff 0%,#0077ff 45%,#004fc4 100%); filter:saturate(1.35) contrast(1.08); } .ludo-pawn.red i{ background:linear-gradient(145deg,#ff6666 0%,#f0182f 45%,#a9001c 100%); filter:saturate(1.42) contrast(1.08); } .ludo-pawn.green i{ background:linear-gradient(145deg,#59ed79 0%,#12b83d 45%,#087a29 100%); filter:saturate(1.4) contrast(1.08); } .ludo-pawn.yellow i{ background:linear-gradient(145deg,#ffe65c 0%,#ffc400 45%,#d78b00 100%); filter:saturate(1.35) contrast(1.08); } .ludo-pawn.selectable i{ outline:3px solid #fff; outline-offset:3px; box-shadow: 0 5px 12px rgba(8,20,34,.42), inset 0 4px 7px rgba(255,255,255,.46), 0 0 14px rgba(44,207,255,.95); } body.dark-mode .ludo-pawn i{ border-color:#fff; box-shadow: 0 6px 14px rgba(0,0,0,.55), inset 0 4px 7px rgba(255,255,255,.45), 0 0 0 2px rgba(255,255,255,.16); } /* V54 – Mensch ärgere dich nicht: volle, kräftige Spielfarben */ .ludo-pawn.blue i{ background:#006BFF !important; filter:none !important; border-color:#ffffff !important; box-shadow:0 5px 12px rgba(0,46,120,.48), inset 0 3px 5px rgba(255,255,255,.34), 0 0 0 2px #0047B3 !important; } .ludo-pawn.red i{ background:#F00024 !important; filter:none !important; border-color:#ffffff !important; box-shadow:0 5px 12px rgba(120,0,18,.48), inset 0 3px 5px rgba(255,255,255,.32), 0 0 0 2px #A8001A !important; } .ludo-pawn.green i{ background:#00B83A !important; filter:none !important; border-color:#ffffff !important; box-shadow:0 5px 12px rgba(0,90,34,.48), inset 0 3px 5px rgba(255,255,255,.30), 0 0 0 2px #007B28 !important; } .ludo-pawn.yellow i{ background:#FFD400 !important; filter:none !important; border-color:#ffffff !important; box-shadow:0 5px 12px rgba(145,102,0,.48), inset 0 3px 5px rgba(255,255,255,.36), 0 0 0 2px #C59400 !important; } .ludo-pawn i:after{ filter:brightness(1.04); } .ludo-pawn.selectable i{ outline:4px solid #ffffff !important; outline-offset:3px; box-shadow:0 5px 12px rgba(0,0,0,.42), 0 0 0 3px rgba(20,202,255,.8), 0 0 18px rgba(20,202,255,.95) !important; } /* V55.0 – NOVA Tools */ .nova-tools-fab{ position:fixed;left:22px;bottom:22px;z-index:960; min-width:104px;height:54px;padding:0 15px; display:flex;align-items:center;justify-content:center;gap:9px; border:1px solid rgba(255,255,255,.36);border-radius:18px; background:linear-gradient(135deg,#08294f,#0b73ce); color:#fff;box-shadow:0 16px 40px rgba(4,36,72,.34); cursor:pointer;backdrop-filter:blur(12px) } .nova-tools-fab span{font-size:22px;color:#7ee9ff} .nova-tools-fab b{font-size:13px;letter-spacing:.2px} .nova-tools-menu{ position:fixed;left:22px;bottom:86px;z-index:959; width:min(360px,calc(100vw - 44px));padding:15px; border:1px solid #cbdceb;border-radius:21px; background:rgba(250,253,255,.98);color:#102944; box-shadow:0 25px 70px rgba(4,31,60,.27);backdrop-filter:blur(18px); opacity:0;visibility:hidden;transform:translateY(12px) scale(.98); transition:.2s ease } .nova-tools-menu.open{opacity:1;visibility:visible;transform:none} .nova-tools-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px} .nova-tools-head>div{display:grid;gap:2px}.nova-tools-head small{font-size:10px;letter-spacing:1.4px;color:#1973c9;font-weight:900} .nova-tools-head strong{font-size:18px} .nova-tools-head button,.nova-tools-drawer-head button{ width:38px;height:38px;border:0;border-radius:50%;background:#eaf3fb;color:#173b5b;font-size:24px;cursor:pointer } .nova-tools-context{display:grid;gap:2px;padding:10px 12px;margin-bottom:10px;border:1px solid #d7e5f0;border-radius:13px;background:#f4f9fd} .nova-tools-context span{font-size:10px;color:#6c8195}.nova-tools-context b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .nova-tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px} .nova-tools-grid button{ min-height:92px;border:1px solid #d1dfeb;border-radius:15px;background:#fff;color:#102944; display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:8px; padding:12px;text-align:left;cursor:pointer } .nova-tools-grid button:hover{border-color:#4ca9ed;background:#f3faff} .nova-tools-grid button>span{grid-row:1/3;font-size:25px}.nova-tools-grid button b{font-size:13px}.nova-tools-grid button small{font-size:10px;color:#687e92;line-height:1.25} .nova-tools-grid .nova-tools-wide{grid-column:1/-1;min-height:70px} .nova-tools-overlay{position:fixed;inset:0;z-index:1200;display:none} .nova-tools-overlay.open{display:block} .nova-tools-overlay-backdrop{position:absolute;inset:0;background:rgba(3,15,30,.58);backdrop-filter:blur(6px)} .nova-tools-drawer{ position:absolute;right:18px;top:18px;bottom:18px;width:min(560px,calc(100vw - 36px)); overflow:auto;padding:22px;border-radius:24px;background:#fff;color:#102944; box-shadow:0 30px 90px rgba(0,0,0,.32) } .nova-tools-drawer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:18px} .nova-tools-drawer-head small{font-size:10px;letter-spacing:1.4px;color:#1973c9;font-weight:900} .nova-tools-drawer-head h2{margin:4px 0 0;font-size:28px} .nova-tools-current{display:grid;gap:3px;padding:12px 14px;border:1px solid #d7e5f0;border-radius:13px;background:#f4f9fd;margin-bottom:14px} .nova-tools-current small{font-size:10px;color:#6b8195}.nova-tools-current b{font-size:15px} .nova-note-editor label{display:block;font-weight:800;margin-bottom:7px} .nova-note-editor textarea{min-height:150px;font-size:16px;line-height:1.55} .nova-note-actions{display:flex;justify-content:flex-end;margin:10px 0 22px} .nova-saved-head{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dce6ef;padding-top:17px;margin-bottom:10px} .nova-saved-head span{min-width:30px;height:30px;padding:0 8px;border-radius:999px;display:grid;place-items:center;background:#eaf4fd;color:#1467ad;font-weight:900} .nova-saved-list{display:grid;gap:9px} .nova-saved-item{display:grid;grid-template-columns:1fr auto;gap:12px;padding:13px;border:1px solid #d8e4ee;border-radius:14px;background:#f9fcff} .nova-saved-item div{min-width:0;display:grid;gap:5px}.nova-saved-item small{font-size:10px;color:#708598}.nova-saved-item p{margin:0;font-size:14px;line-height:1.5;word-break:break-word} .nova-saved-item b{font-size:14px}.nova-saved-item span{font-size:11px;color:#6c8295} .nova-saved-item>button{align-self:start;width:36px;height:36px;border:0;border-radius:10px;background:#edf5fb;cursor:pointer;font-size:17px} .nova-saved-item.favorite>button{color:#d89b00} .nova-tools-empty{padding:25px 15px;text-align:center;color:#708598;border:1px dashed #cadbe8;border-radius:14px} .nova-library-tabs{display:flex;gap:8px;margin-bottom:14px} .nova-library-tabs button{flex:1;border:1px solid #cfdeea;border-radius:12px;background:#f7fbff;padding:11px;font-weight:800;cursor:pointer} .nova-library-tabs button.active{background:#0c70c9;color:#fff;border-color:#0c70c9} .nova-library-tabs span{font-size:11px;opacity:.8} .nova-print-sheet{display:none} body.dark-mode .nova-tools-menu,body.dark-mode .nova-tools-drawer{background:#102e48;color:#f1f7fc;border-color:#527591} body.dark-mode .nova-tools-context,body.dark-mode .nova-tools-current{background:#163b59;border-color:#5a7c97;color:#f1f7fc} body.dark-mode .nova-tools-grid button,body.dark-mode .nova-saved-item,body.dark-mode .nova-library-tabs button{background:#153854;color:#f1f7fc;border-color:#527591} body.dark-mode .nova-tools-grid button small,body.dark-mode .nova-saved-item small,body.dark-mode .nova-saved-item span{color:#c6d9e7} body.dark-mode .nova-tools-head button,body.dark-mode .nova-tools-drawer-head button,body.dark-mode .nova-saved-item>button{background:#214867;color:#f1f7fc} body.dark-mode .nova-library-tabs button.active{background:#1d82d2;border-color:#1d82d2} @media(max-width:650px){ .nova-tools-fab{left:12px;bottom:84px;min-width:56px;width:56px;height:56px;padding:0;border-radius:18px} .nova-tools-fab b{display:none}.nova-tools-fab span{font-size:25px} .nova-tools-menu{ left:8px;right:8px;bottom:150px;width:auto; border-radius:22px;padding:14px } .nova-tools-grid button{min-height:82px;padding:10px} .nova-tools-drawer{ left:8px;right:8px;top:auto;bottom:8px;width:auto;max-height:82vh; border-radius:24px 24px 18px 18px;padding:18px } .nova-tools-drawer-head h2{font-size:24px} .nova-note-editor textarea{min-height:130px} } @media(max-width:390px){ .nova-tools-menu{bottom:146px} .nova-tools-grid button{grid-template-columns:29px 1fr;min-height:78px} .nova-tools-grid button>span{font-size:22px} } @media print{ body.nova-printing > *{display:none!important} body.nova-printing #novaPrintSheet{ display:block!important;position:static!important;width:100%!important; color:#000!important;background:#fff!important;font-family:Arial,sans-serif!important } #novaPrintSheet .nova-print-head{ display:grid;gap:4px;border-bottom:2px solid #1b4f7e;padding:0 0 12px;margin-bottom:18px } #novaPrintSheet .nova-print-head b{font-size:22px} #novaPrintSheet .nova-print-head span{font-size:18px;font-weight:700} #novaPrintSheet .nova-print-head small{font-size:10px} #novaPrintSheet *{box-shadow:none!important;text-shadow:none!important;animation:none!important;transition:none!important} #novaPrintSheet img{max-width:100%!important;height:auto!important} #novaPrintSheet a{color:#000!important;text-decoration:none!important} } /* V55.0 – PDF-Export für einzelne Notizen und NOVA-Bereiche */ .nova-saved-actions{ display:flex; gap:6px; align-items:flex-start; } .nova-saved-actions button{ width:36px; height:36px; border:0; border-radius:10px; background:#edf5fb; cursor:pointer; font-size:17px; } body.dark-mode .nova-saved-actions button{ background:#214867; color:#f1f7fc; } @media print{ #novaPrintSheet .nova-note-print{ padding:8px 0; } #novaPrintSheet .nova-note-print-box{ padding:18px; border:1px solid #b8c8d6; border-radius:10px; font-size:14px; line-height:1.65; white-space:normal; } #novaPrintSheet .nova-area-print{ width:100%; } #novaPrintSheet .nova-area-print .modal-close, #novaPrintSheet .nova-area-print .floating-nova, #novaPrintSheet .nova-area-print .nova-tools-fab, #novaPrintSheet .nova-area-print .nova-tools-menu{ display:none!important; } } /* V55.0 – NOVA Tools bleiben auch über geöffneten Modulen erreichbar */ .nova-tools-fab{ z-index:1325 !important; } .nova-tools-menu{ z-index:1324 !important; } .nova-tools-overlay{ z-index:1400 !important; } .nova-tools-fab, .nova-tools-menu{ pointer-events:auto; } body.modal-open .nova-tools-fab{ display:flex !important; } body.modal-open .nova-tools-menu{ display:block; } .nova-share-help{ margin:0 0 12px; color:#60778d; line-height:1.5; } body.dark-mode .nova-share-help{ color:#d1e0ec; } /* Desktop: rechts neben geöffneten NOVA-Modulen gut erreichbar */ @media(min-width:651px){ body.modal-open .nova-tools-fab{ left:auto; right:24px; bottom:24px; } body.modal-open .nova-tools-menu{ left:auto; right:24px; bottom:90px; } } /* Handy/Tablet: oberhalb der unteren Browser-/Dock-Zone */ @media(max-width:650px){ .nova-tools-fab{ left:12px !important; right:auto !important; bottom:92px !important; } .nova-tools-menu{ left:8px !important; right:8px !important; bottom:158px !important; width:auto !important; } body.modal-open .nova-tools-fab{ bottom:92px !important; } body.modal-open .nova-tools-menu{ bottom:158px !important; } } @media(max-width:390px){ .nova-tools-fab{bottom:90px !important} .nova-tools-menu{bottom:154px !important} } /* V55.1 – NOVA Tools: schmale farbige Randlasche statt schwebendem Button */ .nova-tools-fab.nova-tools-edge-tab{ position:fixed !important; left:0 !important; right:auto !important; top:50% !important; bottom:auto !important; transform:translateY(-50%) !important; width:16px !important; min-width:16px !important; height:92px !important; padding:0 !important; margin:0 !important; border:0 !important; border-radius:0 9px 9px 0 !important; background:linear-gradient(180deg,#1f62ff 0%,#18c1de 55%,#64d44b 100%) !important; box-shadow:0 0 12px rgba(30,154,230,.45) !important; opacity:.9 !important; z-index:1325 !important; cursor:pointer !important; backdrop-filter:none !important; } .nova-tools-fab.nova-tools-edge-tab:hover, .nova-tools-fab.nova-tools-edge-tab:focus-visible{ width:19px !important; opacity:1 !important; outline:2px solid rgba(255,255,255,.9); outline-offset:1px; } .nova-tools-fab.nova-tools-edge-tab span, .nova-tools-fab.nova-tools-edge-tab b{ display:none !important; } .nova-tools-menu{ left:14px !important; right:auto !important; top:50% !important; bottom:auto !important; transform:translateY(-50%) translateX(-10px) scale(.98) !important; transform-origin:left center !important; z-index:1324 !important; } .nova-tools-menu.open{ transform:translateY(-50%) translateX(0) scale(1) !important; } body.modal-open .nova-tools-fab, body.modal-open .nova-tools-menu{ left:0 !important; right:auto !important; } body.modal-open .nova-tools-menu{ left:14px !important; } @media(max-width:650px){ .nova-tools-fab.nova-tools-edge-tab{ width:14px !important; min-width:14px !important; height:72px !important; top:48% !important; bottom:auto !important; border-radius:0 7px 7px 0 !important; } .nova-tools-fab.nova-tools-edge-tab:hover, .nova-tools-fab.nova-tools-edge-tab:focus-visible{ width:16px !important; } .nova-tools-menu{ left:10px !important; right:8px !important; top:50% !important; bottom:auto !important; width:auto !important; max-height:76vh !important; overflow:auto !important; } body.modal-open .nova-tools-menu{ left:10px !important; right:8px !important; } } @media(max-width:390px){ .nova-tools-fab.nova-tools-edge-tab{ height:64px !important; } } /* V55.1 – Drucken/PDF ausschließlich aus dem vorbereiteten Export-Sheet */ @media print{ html,body{ background:#fff !important; } body.nova-printing{ margin:0 !important; padding:0 !important; } body.nova-printing > *:not(#novaPrintSheet){ display:none !important; } body.nova-printing #novaPrintSheet{ display:block !important; position:static !important; inset:auto !important; width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; overflow:visible !important; color:#000 !important; background:#fff !important; } #novaPrintSheet .nova-print-head{ page-break-inside:avoid; } #novaPrintSheet .nova-area-print, #novaPrintSheet .nova-note-print{ width:100% !important; max-width:none !important; margin:0 !important; overflow:visible !important; } #novaPrintSheet .nova-area-print > *, #novaPrintSheet .nova-note-print > *{ max-width:100% !important; } } /* V55.3 – echte clientseitige PDF-Erzeugung, unabhängig vom Android-Druckdienst */ .nova-direct-pdf-stage{ position:fixed !important; left:-12000px !important; top:0 !important; width:920px !important; max-width:920px !important; min-height:1px !important; padding:28px !important; margin:0 !important; overflow:visible !important; background:#fff !important; color:#07152d !important; z-index:-1 !important; font-family:Inter,Arial,sans-serif !important; } .nova-direct-pdf-head{ display:grid !important; gap:5px !important; padding:0 0 16px !important; margin:0 0 20px !important; border-bottom:2px solid #1466e8 !important; background:#fff !important; color:#07152d !important; } .nova-direct-pdf-head b{ color:#1466e8 !important; font-size:15px !important; letter-spacing:1.4px !important; } .nova-direct-pdf-head strong{ font-size:25px !important; line-height:1.2 !important; } .nova-direct-pdf-head small{ color:#58677d !important; font-size:11px !important; } .nova-direct-pdf-content, .nova-direct-pdf-content > *{ width:100% !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important; overflow:visible !important; } .nova-direct-pdf-stage .modal-panel, .nova-direct-pdf-stage .section, .nova-direct-pdf-stage .section-card{ width:100% !important; max-width:100% !important; max-height:none !important; overflow:visible !important; margin:0 !important; box-shadow:none !important; } .nova-direct-pdf-stage img{ max-width:100% !important; height:auto !important; } .nova-direct-pdf-stage *{ animation:none !important; transition:none !important; } /* V55.4 – Liebe & Partnerschaft */ .love-module{color:#10253e} .love-hero{ display:grid; grid-template-columns:1fr auto; gap:20px; align-items:center; padding:20px 22px; border:1px solid #d9e5ef; border-radius:20px; background:linear-gradient(135deg,#fff7fa,#f7fbff); } .love-hero h2{margin:6px 0 8px!important} .love-hero .module-intro{font-size:16px;line-height:1.6;color:#475d72} .love-heart-mark{ width:84px;height:84px;border-radius:24px; display:grid;place-items:center; font-size:44px; background:linear-gradient(145deg,#fff,#ffe7ee); color:#e9446a; border:1px solid #f1c3cf; } .love-daily{ margin-top:16px; padding:20px; border:1px solid #f0b9c8; border-radius:20px; background:linear-gradient(135deg,#fff8fa,#fff); } .love-daily-head,.love-section-head{ display:flex;align-items:center;justify-content:space-between;gap:14px; } .love-daily-head small,.love-section-head small{ color:#b92f58;font-size:12px;font-weight:900;letter-spacing:1.1px } .love-daily-head h3,.love-section-head h3{ margin:4px 0 0;font-size:22px;line-height:1.25 } .love-daily-head>span{ border-radius:999px;padding:7px 10px;background:#ffe8ef;color:#b52d55;font-size:12px;font-weight:800 } .love-daily blockquote{ margin:16px 0; padding:16px 18px; border-left:4px solid #e9446a; border-radius:0 14px 14px 0; background:#fff; font-size:18px; line-height:1.65; font-weight:650; color:#17344f; } .love-daily-actions{display:flex;gap:9px;flex-wrap:wrap} .love-section{margin-top:18px} .love-section-head>span{font-size:12px;color:#6d8194;font-weight:800} .love-category-grid{ display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px } .love-category-grid article{ min-width:0;display:grid;grid-template-columns:48px 1fr;gap:12px; padding:15px;border:1px solid #d8e4ed;border-radius:16px;background:#fff } .love-category-grid article>span{ width:48px;height:48px;border-radius:14px;display:grid;place-items:center; background:#fff1f5;font-size:24px } .love-category-grid b{font-size:16px;color:#102944} .love-category-grid p{margin:5px 0 0;font-size:14px;line-height:1.5;color:#5a6f82} .love-practical-grid{ display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:12px } .love-practical-grid article{ padding:14px;border:1px solid #d8e4ed;border-radius:15px;background:#f9fcff } .love-practical-grid small{font-size:11px;color:#b52d55;font-weight:900} .love-practical-grid b{display:block;margin-top:5px;font-size:15px;color:#102944} .love-practical-grid p{margin:6px 0 0;font-size:13px;line-height:1.5;color:#5a6f82} .love-help{ margin-top:18px;padding:16px;border:1px solid #cfdce8;border-radius:17px;background:#f7fbff; display:flex;align-items:center;justify-content:space-between;gap:15px } .love-help>div{display:flex;gap:12px;align-items:flex-start} .love-help>div>span{font-size:28px} .love-help small{color:#60768a;font-size:11px;font-weight:900;letter-spacing:.9px} .love-help h3{margin:4px 0 5px;font-size:18px} .love-help p{margin:0;color:#5a6f82;font-size:13px;line-height:1.5} .love-note{margin:14px 2px 0;font-size:12px;line-height:1.5;color:#697d90} /* Dark Mode */ body.dark-mode .love-module{color:#eef6fc} body.dark-mode .love-hero{ background:linear-gradient(135deg,#17324a,#112a40); border-color:#4b6a83 } body.dark-mode .love-hero .module-intro{color:#d1e1ed} body.dark-mode .love-heart-mark{ background:#2a4155;border-color:#7d5161;color:#ff7c9e } body.dark-mode .love-daily{ background:linear-gradient(135deg,#2b3143,#17344d); border-color:#8b5365 } body.dark-mode .love-daily-head small, body.dark-mode .love-section-head small{color:#ff9ab4} body.dark-mode .love-daily-head>span{background:#4a2f3a;color:#ffd7e2} body.dark-mode .love-daily blockquote{ background:#15334b;color:#f5f9fd;border-left-color:#ff6f95 } body.dark-mode .love-category-grid article, body.dark-mode .love-practical-grid article, body.dark-mode .love-help{ background:#15344d;border-color:#4e6f88 } body.dark-mode .love-category-grid article>span{background:#3a2c3a} body.dark-mode .love-category-grid b, body.dark-mode .love-practical-grid b{color:#f4f9fd} body.dark-mode .love-category-grid p, body.dark-mode .love-practical-grid p, body.dark-mode .love-help p, body.dark-mode .love-note{color:#cbdce9} body.dark-mode .love-help small{color:#b9cedd} /* Tablet */ @media(max-width:900px){ .love-practical-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } /* Mobile */ @media(max-width:650px){ .love-hero{grid-template-columns:1fr;padding:17px} .love-heart-mark{width:62px;height:62px;font-size:34px} .love-hero .module-intro{font-size:15px} .love-daily{padding:16px} .love-daily-head,.love-section-head{align-items:flex-start;flex-direction:column} .love-daily blockquote{font-size:17px;line-height:1.6} .love-category-grid{grid-template-columns:1fr} .love-category-grid article{grid-template-columns:44px 1fr;padding:13px} .love-category-grid article>span{width:44px;height:44px} .love-category-grid b{font-size:16px} .love-category-grid p{font-size:14px} .love-practical-grid{grid-template-columns:1fr} .love-help{align-items:stretch;flex-direction:column} .love-help .btn{width:100%} } /* V55.5 – Liebe & Partnerschaft kompakt wie Standardkacheln */ .tile[data-module="lovePartnership"]{ padding:22px; min-height:0; background:#fff; border:1px solid var(--line); border-radius:17px; box-shadow:0 10px 30px rgba(33,74,117,.08); } .tile[data-module="lovePartnership"] i{font-size:34px} .tile[data-module="lovePartnership"] h3{margin:15px 0 8px} .tile[data-module="lovePartnership"] p{ font-size:13px; line-height:1.55; min-height:60px; color:var(--muted); } .love-category-grid .love-category-card{ min-width:0; display:grid; grid-template-columns:48px 1fr; gap:12px; padding:15px; border:1px solid #d8e4ed; border-radius:16px; background:#fff; color:inherit; text-decoration:none; transition:.18s ease; } .love-category-grid .love-category-card:hover{ transform:translateY(-2px); border-color:#e76a8c; box-shadow:0 10px 24px rgba(150,55,85,.10); } .love-category-grid .love-category-card>span{ width:48px;height:48px;border-radius:14px;display:grid;place-items:center; background:#fff1f5;font-size:24px; } .love-category-grid .love-category-card b{font-size:16px;color:#102944} .love-category-grid .love-category-card p{margin:5px 0 4px;font-size:14px;line-height:1.5;color:#5a6f82} .love-category-grid .love-category-card small{font-size:12px;font-weight:800;color:#b92f58} body.dark-mode .tile[data-module="lovePartnership"]{ background:#16344d; border-color:#4e6f88; } body.dark-mode .love-category-grid .love-category-card{ background:#15344d; border-color:#4e6f88; color:#f4f9fd; } body.dark-mode .love-category-grid .love-category-card>span{background:#3a2c3a} body.dark-mode .love-category-grid .love-category-card b{color:#f4f9fd} body.dark-mode .love-category-grid .love-category-card p{color:#cbdce9} body.dark-mode .love-category-grid .love-category-card small{color:#ff9ab4} @media(max-width:650px){ .tile[data-module="lovePartnership"]{padding:18px} .love-category-grid .love-category-card{ grid-template-columns:44px 1fr; padding:13px; } .love-category-grid .love-category-card>span{width:44px;height:44px} } /* V55.6 – Ärzte & Krankenhäuser / Fachkliniken */ .nova-doctors-hospitals,.nova-doctors-specialties{ display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:10px } .nova-doctors-hospitals button,.nova-doctors-specialties button{ border:1px solid #d6e3ed;border-radius:14px;background:#fff;padding:13px; display:grid;grid-template-columns:auto 1fr;column-gap:9px;text-align:left;align-items:start } .nova-doctors-hospitals button>span,.nova-doctors-specialties button>span{grid-row:1/3;font-size:23px} .nova-doctors-hospitals b,.nova-doctors-specialties b{font-size:14px;color:#102944} .nova-doctors-hospitals small,.nova-doctors-specialties small{font-size:12px;color:#607589;margin-top:3px} .nova-hospital-head,.nova-specialty-head{margin-top:18px} body.dark-mode .nova-doctors-hospitals button, body.dark-mode .nova-doctors-specialties button{background:#173850;border-color:#4e6f88} body.dark-mode .nova-doctors-hospitals b, body.dark-mode .nova-doctors-specialties b{color:#f3f8fc} body.dark-mode .nova-doctors-hospitals small, body.dark-mode .nova-doctors-specialties small{color:#c7d9e6} @media(max-width:900px){ .nova-doctors-hospitals,.nova-doctors-specialties{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:520px){ .nova-doctors-hospitals,.nova-doctors-specialties{grid-template-columns:1fr} } /* V55.10 – NOVA TierWelt */ .tierwelt-module{color:#102a3d} .tierwelt-hero{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:20px;border:1px solid #d3e5dc;border-radius:20px;background:linear-gradient(135deg,#f4fff8,#f7fbff)} .tierwelt-hero h2{margin:5px 0 7px!important}.tierwelt-hero p{margin:0;font-size:16px;line-height:1.6;color:#526a78} .tierwelt-mark{width:78px;height:78px;border-radius:22px;display:grid;place-items:center;font-size:38px;background:#e8f8ee;border:1px solid #bddfca} .tierwelt-emergency{margin-top:15px;padding:16px;border:1px solid #e8c5cb;border-radius:17px;background:#fff8f9;display:flex;align-items:center;justify-content:space-between;gap:15px} .tierwelt-emergency>div{display:flex;gap:12px;align-items:flex-start}.tierwelt-emergency>div>span{font-size:28px} .tierwelt-emergency small,.tierwelt-head small{font-size:11px;font-weight:900;letter-spacing:1px;color:#27724a} .tierwelt-emergency h3{margin:3px 0 4px;font-size:20px}.tierwelt-emergency p{margin:0;font-size:14px;line-height:1.5;color:#586e7b} .tierwelt-section{margin-top:20px}.tierwelt-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.tierwelt-head h3{margin:4px 0 0;font-size:22px}.tierwelt-head>span{font-size:12px;font-weight:800;color:#667d8b} .tierwelt-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:11px} .tierwelt-grid a,.tierwelt-animal-grid a,.tierwelt-knowledge a,.tierwelt-links a{border:1px solid #d6e4e8;border-radius:14px;background:#fff;color:#153349;text-decoration:none;transition:.18s ease} .tierwelt-grid a:hover,.tierwelt-animal-grid a:hover,.tierwelt-knowledge a:hover,.tierwelt-links a:hover{transform:translateY(-2px);border-color:#67b98a;box-shadow:0 10px 24px rgba(27,100,63,.10)} .tierwelt-grid a{padding:13px;display:flex;gap:10px;align-items:flex-start}.tierwelt-grid a>span{font-size:25px}.tierwelt-grid b{display:block;font-size:15px}.tierwelt-grid small{display:block;margin-top:3px;font-size:12px;color:#617987} .tierwelt-animal-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:11px}.tierwelt-animal-grid a{padding:13px 8px;text-align:center;display:grid;gap:5px}.tierwelt-animal-grid span{font-size:29px}.tierwelt-animal-grid b{font-size:14px}.tierwelt-animal-grid small{font-size:11px;color:#657c89} .tierwelt-knowledge{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:11px}.tierwelt-knowledge a{padding:13px;display:flex;gap:10px;align-items:center}.tierwelt-knowledge a>span{font-size:25px}.tierwelt-knowledge b{display:block;font-size:15px}.tierwelt-knowledge small{display:block;margin-top:3px;font-size:12px;color:#617987} .tierwelt-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:18px}.tierwelt-links a{padding:13px;display:grid;grid-template-columns:auto 1fr;gap:4px 9px;align-items:center}.tierwelt-links a>span{grid-row:1/3;font-size:24px}.tierwelt-links b{font-size:14px}.tierwelt-links small{font-size:11px;color:#617987} .tierwelt-note{margin:14px 2px 0;font-size:12px;line-height:1.5;color:#667d8b} /* TierWelt Dark Mode */ body.dark-mode .tierwelt-module{color:#f3f9fc} body.dark-mode .tierwelt-hero{background:linear-gradient(135deg,#173b35,#15344d);border-color:#4d716d} body.dark-mode .tierwelt-hero p{color:#cedfe6} body.dark-mode .tierwelt-mark{background:#25483e;border-color:#587c72} body.dark-mode .tierwelt-emergency{background:#3a292e;border-color:#76575d} body.dark-mode .tierwelt-emergency p{color:#ddd1d4} body.dark-mode .tierwelt-emergency small,body.dark-mode .tierwelt-head small{color:#8fd8ad} body.dark-mode .tierwelt-head>span,body.dark-mode .tierwelt-note{color:#c4d5df} body.dark-mode .tierwelt-grid a,body.dark-mode .tierwelt-animal-grid a,body.dark-mode .tierwelt-knowledge a,body.dark-mode .tierwelt-links a{background:#173850;border-color:#4d6d83;color:#f2f8fc} body.dark-mode .tierwelt-grid small,body.dark-mode .tierwelt-animal-grid small,body.dark-mode .tierwelt-knowledge small,body.dark-mode .tierwelt-links small{color:#c6d9e4} @media(max-width:900px){ .tierwelt-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .tierwelt-animal-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .tierwelt-knowledge,.tierwelt-links{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:600px){ .tierwelt-hero{grid-template-columns:1fr;padding:16px}.tierwelt-mark{width:60px;height:60px;font-size:31px} .tierwelt-hero p{font-size:15px}.tierwelt-emergency{flex-direction:column;align-items:stretch}.tierwelt-emergency .btn{width:100%} .tierwelt-grid,.tierwelt-knowledge,.tierwelt-links{grid-template-columns:1fr}.tierwelt-animal-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .tierwelt-grid b,.tierwelt-knowledge b{font-size:15px}.tierwelt-grid small,.tierwelt-knowledge small{font-size:12px} } /* V55.11 – NOVA Chat Universal Search */ .nova-universal-search-result{padding:18px} .nova-chat-found-head{display:flex;gap:12px;align-items:center;margin-bottom:10px} .nova-chat-found-head>span{ width:46px;height:46px;border-radius:14px;display:grid;place-items:center; font-size:24px;background:#edf7ff;border:1px solid #d4e6f4 } .nova-chat-found-head small{ display:block;font-size:11px;font-weight:900;letter-spacing:1px;color:#1769b0 } .nova-chat-found-head h3{margin:3px 0 0;font-size:21px;color:#102944} .nova-universal-search-result>p{font-size:15px;line-height:1.55;color:#52697d} .nova-universal-search-result .assistant-actions{margin-top:12px} .nova-universal-search-result .assistant-actions .btn{font-size:13px} body.dark-mode .nova-universal-search-result{background:#15344d;border-color:#4d6d83} body.dark-mode .nova-chat-found-head>span{background:#21445f;border-color:#54758d} body.dark-mode .nova-chat-found-head small{color:#91cfff} body.dark-mode .nova-chat-found-head h3{color:#f3f8fc} body.dark-mode .nova-universal-search-result>p{color:#cbdce8} @media(max-width:600px){ .nova-universal-search-result{padding:15px} .nova-chat-found-head h3{font-size:19px} .nova-universal-search-result>p{font-size:14px} .nova-universal-search-result .assistant-actions{display:grid;grid-template-columns:1fr} .nova-universal-search-result .assistant-actions .btn{width:100%;font-size:14px} } /* V55.12 – clickable NOVA avatar */ #novaAvatarVisual.nova-avatar-chat-link{cursor:pointer} #novaAvatarVisual.nova-avatar-chat-link:focus-visible{ outline:3px solid currentColor; outline-offset:4px; border-radius:50%; } #novaAvatarVisual.nova-avatar-chat-link:hover{transform:translateY(-1px)} @media(max-width:600px){ #novaAvatarVisual.nova-avatar-chat-link:hover{transform:none} } /* V55.13 – Avatar → Chat FIX Ältere Dashboard-CSS setzte .ai-visual-wrap auf pointer-events:none. Dadurch konnte der Klick-Handler aus V55.12 nie ausgelöst werden. */ .nova-ai-stage #novaAvatarVisual.nova-avatar-chat-link{ pointer-events:auto !important; cursor:pointer !important; z-index:7 !important; } .nova-ai-stage #novaAvatarVisual.nova-avatar-chat-link .halo, .nova-ai-stage #novaAvatarVisual.nova-avatar-chat-link img{ pointer-events:none !important; } .nova-ai-stage #novaAvatarVisual.nova-avatar-chat-link:focus-visible{ outline:3px solid #2a8cff !important; outline-offset:3px !important; } /* ========================================================= NOVA AI V56.0 STABLE – consolidation layer No redesign: shared readability/responsive safeguards only. ========================================================= */ :root{--nova-v56-min-small:12px} .nova-all-quick-item small, .dashboard-module-strip small, .sidebar small{line-height:1.35} @media(max-width:900px){ .modal-content,.section-card{max-width:100%} } @media(max-width:600px){ .nova-all-quick-item small{font-size:max(var(--nova-v56-min-small),1em)} button,a,input,select{touch-action:manipulation} } /* V56.1 – NOVA Tools · Nachricht */ .nova-message-compose label[for="novaMessageText"]{ display:block;margin:16px 0 7px;font-size:14px;font-weight:800 } #novaMessageText{ width:100%;min-height:150px;resize:vertical;border:1px solid #cfdde6;border-radius:14px; padding:14px;font:inherit;font-size:16px;line-height:1.5;background:#fff;color:#142d40;box-sizing:border-box } #novaMessageText:focus{outline:2px solid #3287d5;outline-offset:1px} .nova-message-options{margin-top:11px} .nova-message-context-toggle{ display:flex!important;align-items:center;gap:9px;padding:11px 12px;border:1px solid #d8e4ea; border-radius:12px;background:#f7fafc;font-size:13px!important;font-weight:700!important;cursor:pointer } .nova-message-context-toggle input{width:18px;height:18px;flex:0 0 auto} .nova-message-actions{margin-top:13px} .nova-message-actions .btn{font-size:15px} .nova-message-help{margin:12px 2px 0;font-size:12px;line-height:1.5;color:#657987} body.dark-mode #novaMessageText{background:#173850;border-color:#4d6d83;color:#f3f8fc} body.dark-mode #novaMessageText::placeholder{color:#aebfca} body.dark-mode .nova-message-context-toggle{background:#173850;border-color:#4d6d83;color:#edf6fb} body.dark-mode .nova-message-help{color:#c1d3de} @media(max-width:600px){ #novaMessageText{min-height:180px;font-size:16px} .nova-message-actions .btn{width:100%;min-height:46px} .nova-message-help{font-size:12px} } /* ========================================================= NOVA AI V56.2 · Gesund & Bewegung ========================================================= */ .nova-health-v562{ margin:14px 0;padding:20px;border:1px solid #cfe3d5;border-radius:20px; background:linear-gradient(135deg,#fff 0%,#f5fff7 100%);box-shadow:0 10px 30px rgba(26,73,45,.07) } .nova-health-v562-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px} .nova-health-v562-kicker{font-size:12px;letter-spacing:.13em;font-weight:900;color:#168247} .nova-health-v562 h2{margin:4px 0 5px;font-size:24px;line-height:1.15;color:#102b3d} .nova-health-v562-head p{margin:0;color:#536b79;font-size:14px;line-height:1.45} .nova-health-v562-all{border:1px solid #bfe4c7;background:#e9f9ec;color:#176f3c;border-radius:12px;padding:11px 14px;font-weight:800} .nova-health-v562-programs{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:9px} .nova-health-v562-program{ position:relative;min-height:190px;padding:12px 9px 10px;border:1px solid #c7e5cf;border-radius:14px;background:#fff; color:#183342;text-align:left;display:flex;flex-direction:column;gap:6px;cursor:pointer;box-shadow:0 4px 12px rgba(31,94,57,.05) } .nova-health-v562-program:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(31,94,57,.10)} .nova-health-v562-number{font-size:10px;font-weight:900;color:#168247} .nova-health-v562-icon{font-size:31px;line-height:1.1;min-height:38px} .nova-health-v562-program b{font-size:14px;line-height:1.25;margin-top:auto} .nova-health-v562-program small{font-size:12px;color:#607784} .nova-health-v562-program em{font-style:normal;font-size:11px;font-weight:900;color:#16743e;background:#dff6e4;border-radius:8px;padding:7px;text-align:center;margin-top:3px} .nova-health-v562-player[hidden]{display:none!important} .nova-health-v562-player{ position:fixed;inset:0;z-index:10050;background:rgba(4,18,29,.62);backdrop-filter:blur(7px); display:flex;align-items:center;justify-content:center;padding:20px } .nova-health-v562-player-card{ width:min(760px,100%);max-height:92vh;overflow:auto;position:relative;background:#fff;color:#153044; border-radius:24px;padding:24px;box-shadow:0 28px 90px rgba(0,0,0,.28) } .nova-health-v562-close{position:absolute;right:16px;top:14px;width:42px;height:42px;border:0;border-radius:50%;font-size:28px;background:#edf4f7;color:#163247} .nova-health-v562-progress{display:flex;justify-content:space-between;gap:12px;margin:13px 0;padding:10px 12px;background:#f2f8f4;border-radius:12px;font-size:13px;font-weight:800} .nova-health-v562-stage{display:grid;grid-template-columns:220px 1fr;gap:22px;align-items:center;padding:18px;border:1px solid #d8e9dc;border-radius:18px;background:#fbfffc} .nova-health-v562-figure{font-size:110px;text-align:center;line-height:1.2} .nova-health-v562-current h3{font-size:25px;margin:0 0 8px} .nova-health-v562-current p{font-size:16px;line-height:1.5;min-height:48px} .nova-health-v562-timer{font-size:54px;font-weight:900;letter-spacing:.02em;color:#13783e} .nova-health-v562-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:14px} .nova-health-v562-controls button,.nova-health-v562-voice button{min-height:46px;border:1px solid #cbdde5;border-radius:12px;background:#f7fafc;color:#163247;font-weight:800;font-size:14px} .nova-health-v562-controls .primary{background:#147a42;color:#fff;border-color:#147a42} .nova-health-v562-voice{margin-top:12px;padding:12px;border-radius:14px;background:#eef8f1;display:flex;gap:12px;align-items:center} .nova-health-v562-voice small{font-size:12px;line-height:1.4;color:#536d5e} body.dark-mode .nova-health-v562{background:linear-gradient(135deg,#102d3e,#12382f);border-color:#315f50} body.dark-mode .nova-health-v562 h2,body.dark-mode .nova-health-v562-program{color:#f3f8fb} body.dark-mode .nova-health-v562-head p{color:#c0d1d9} body.dark-mode .nova-health-v562-program{background:#163b48;border-color:#3d6b5c} body.dark-mode .nova-health-v562-program small{color:#c2d2d9} body.dark-mode .nova-health-v562-player-card{background:#102e40;color:#f4f9fc} body.dark-mode .nova-health-v562-close{background:#1c455b;color:#fff} body.dark-mode .nova-health-v562-progress,body.dark-mode .nova-health-v562-stage,body.dark-mode .nova-health-v562-voice{background:#153a45;border-color:#41685d} body.dark-mode .nova-health-v562-current p,body.dark-mode .nova-health-v562-voice small{color:#c6d7dd} body.dark-mode .nova-health-v562-controls button,body.dark-mode .nova-health-v562-voice button{background:#173e52;border-color:#4a6d80;color:#f5f9fc} @media(max-width:1100px){.nova-health-v562-programs{grid-template-columns:repeat(5,minmax(0,1fr))}} @media(max-width:760px){ .nova-health-v562{padding:15px} .nova-health-v562-head{display:block}.nova-health-v562-all{margin-top:12px} .nova-health-v562-programs{grid-template-columns:repeat(3,minmax(0,1fr))} .nova-health-v562-program{min-height:165px} .nova-health-v562-stage{grid-template-columns:1fr;text-align:center} .nova-health-v562-figure{font-size:88px} .nova-health-v562-controls{grid-template-columns:repeat(2,1fr)} .nova-health-v562-voice{display:block}.nova-health-v562-voice button{width:100%;margin-bottom:8px} } @media(max-width:480px){ .nova-health-v562-programs{grid-template-columns:repeat(2,minmax(0,1fr))} .nova-health-v562 h2{font-size:21px} .nova-health-v562-player{padding:8px} .nova-health-v562-player-card{padding:18px 14px;border-radius:18px} .nova-health-v562-timer{font-size:46px} } /* ========================================================= NOVA AI V57 · Dashboard-Neuordnung Gesund & Bewegung oben links, Drei Ideen direkt darunter, 10 Tages-Tipps rechts. NOVA NOW wurde aus dem Dashboard entfernt. ========================================================= */ @media (min-width: 1101px){ /* Die drei Bereiche bilden im Dashboard ein klares 2-Spalten-Raster. */ #novaHealthSection, .nova-health-v562{ align-self:start; height:auto !important; min-height:0 !important; } #smartLife{ align-self:start; height:auto !important; min-height:0 !important; } #smartTips{ align-self:start; } } /* Falls ältere NOVA-NOW-Regeln/JS noch vorhanden sind, niemals Leerraum reservieren. */ #novaNow,.nova-now{display:none !important} /* V57 · feste Platzierung der drei Tagesbereiche */ @media (min-width:1101px){ .dashboard-daily-grid{ align-items:start !important; } #novaHealthMovement{ grid-column:1 !important; grid-row:1 !important; } #smartLife{ grid-column:1 !important; grid-row:2 !important; } #smartTips{ grid-column:2 !important; grid-row:1 / span 2 !important; } .nova-daily-exclusive{ grid-column:1 / -1 !important; grid-row:auto !important; } } /* ========================================================= NOVA AI V57.1 · Gesund & Bewegung – Lesbarkeit & Bildwirkung Größere Schriften, klarere Hierarchie, stärkere Übungs-Icons ========================================================= */ .nova-health-v562{ padding:22px 22px 20px; } .nova-health-v562-kicker{ font-size:13px !important; letter-spacing:.12em; } .nova-health-v562 h2{ font-size:27px !important; line-height:1.12; margin-top:6px; } .nova-health-v562-head p{ font-size:16px !important; line-height:1.5; max-width:760px; } .nova-health-v562-all{ font-size:15px !important; min-height:46px; padding:12px 16px; } .nova-health-v562-programs{ gap:10px; } .nova-health-v562-program{ min-height:205px; padding:13px 10px 11px; gap:7px; border-radius:15px; } .nova-health-v562-number{ font-size:11px !important; font-weight:900; } .nova-health-v562-icon{ display:grid; place-items:center; width:52px; height:52px; margin:1px 0 3px; border-radius:15px; background:linear-gradient(145deg,#effcf2,#dff6e5); border:1px solid #c7e8d0; font-size:30px !important; line-height:1; box-shadow:0 6px 14px rgba(27,104,59,.10); } .nova-health-v562-program b{ font-size:15px !important; line-height:1.26; font-weight:850; min-height:38px; } .nova-health-v562-program small{ font-size:13px !important; line-height:1.25; color:#60717d; } .nova-health-v562-program em{ margin-top:auto; min-height:34px; display:flex; align-items:center; justify-content:center; font-size:13px !important; font-style:normal; font-weight:850; border-radius:9px; padding:7px 9px; } body.dark-mode .nova-health-v562-icon{ background:linear-gradient(145deg,#173b2a,#102d21); border-color:#2e6847; box-shadow:none; } body.dark-mode .nova-health-v562-program small{ color:#c4d4cc; } /* Trainingsansicht ebenfalls lesbarer */ .nova-health-v562-player-card h2{ font-size:28px !important; } .nova-health-v562-progress{ font-size:14px !important; } .nova-health-v562-figure{ font-size:72px !important; min-width:112px; } .nova-health-v562-current h3{ font-size:24px !important; } .nova-health-v562-current p{ font-size:16px !important; line-height:1.5; } .nova-health-v562-timer{ font-size:34px !important; font-weight:900; } .nova-health-v562-controls button, .nova-health-v562-voice button{ font-size:15px !important; min-height:44px; } .nova-health-v562-voice small{ font-size:13px !important; line-height:1.45; } /* Tablet */ @media (max-width:1200px){ .nova-health-v562-programs{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; } .nova-health-v562-program{ min-height:180px; } } /* Mobil */ @media (max-width:700px){ .nova-health-v562{ padding:18px 15px 16px; } .nova-health-v562-head{ flex-direction:column; gap:12px; } .nova-health-v562 h2{ font-size:24px !important; } .nova-health-v562-head p{ font-size:15px !important; } .nova-health-v562-all{ width:100%; } .nova-health-v562-programs{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:9px; } .nova-health-v562-program{ min-height:172px; padding:12px 10px; } .nova-health-v562-icon{ width:48px; height:48px; font-size:28px !important; } .nova-health-v562-program b{ font-size:15px !important; } .nova-health-v562-program small, .nova-health-v562-program em{ font-size:13px !important; } } @media (max-width:430px){ .nova-health-v562-programs{ grid-template-columns:1fr 1fr !important; } } /* ========================================================= NOVA AI V57.2 · Gesund & Bewegung Schriften außerhalb der Programmkacheln vergrößert ========================================================= */ /* Kopfbereich */ .nova-health-v562-kicker{ font-size:14px !important; } .nova-health-v562 h2{ font-size:29px !important; line-height:1.14 !important; } .nova-health-v562-head p{ font-size:17px !important; line-height:1.55 !important; } .nova-health-v562-all{ font-size:16px !important; } /* Trainings-Dialog: sämtliche Texte außerhalb der Programmkacheln */ .nova-health-v562-player-card .nova-health-v562-kicker{ font-size:14px !important; } .nova-health-v562-player-card h2{ font-size:30px !important; } .nova-health-v562-progress, #novaHealthStepLabel, #novaHealthTotalTime{ font-size:15px !important; } .nova-health-v562-current h3{ font-size:26px !important; } .nova-health-v562-current p, #novaHealthInstruction{ font-size:17px !important; line-height:1.55 !important; } .nova-health-v562-voice small{ font-size:14px !important; line-height:1.5 !important; } /* Dark Mode: Kontrast der Außentexte sichern */ body.dark-mode .nova-health-v562-head p, body.dark-mode .nova-health-v562-current p, body.dark-mode #novaHealthInstruction, body.dark-mode .nova-health-v562-voice small{ color:#d2e1e8 !important; } /* Mobil weiterhin groß, aber passend */ @media(max-width:700px){ .nova-health-v562-kicker{ font-size:13px !important; } .nova-health-v562 h2{ font-size:26px !important; } .nova-health-v562-head p{ font-size:16px !important; } .nova-health-v562-player-card h2{ font-size:27px !important; } .nova-health-v562-current h3{ font-size:23px !important; } .nova-health-v562-current p, #novaHealthInstruction{ font-size:16px !important; } } /* ========================================================= NOVA AI V57.3 · Gesund & Bewegung – Kachel-Fix Keine abgeschnittenen/überstehenden Programmnamen. Desktop: mehr Platz pro Kachel durch 5+4 Raster. ========================================================= */ @media (min-width:1201px){ .nova-health-v562-programs{ grid-template-columns:repeat(5,minmax(0,1fr)) !important; gap:11px !important; } .nova-health-v562-program{ min-width:0; min-height:176px !important; padding:12px 11px 11px !important; } .nova-health-v562-program b{ min-height:0 !important; font-size:15px !important; line-height:1.25 !important; overflow-wrap:anywhere; word-break:normal; hyphens:auto; } .nova-health-v562-program small{ margin-top:1px; } } /* Mittlere Desktop-/Tabletbreite: drei Spalten statt zu schmaler Karten */ @media (min-width:701px) and (max-width:1200px){ .nova-health-v562-programs{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; } .nova-health-v562-program b{ min-height:0 !important; overflow-wrap:anywhere; hyphens:auto; } } /* Alle Karten: Inhalt darf nie aus der Kachel laufen */ .nova-health-v562-program{ overflow:hidden; } .nova-health-v562-program > *{ max-width:100%; } .nova-health-v562-program b{ white-space:normal !important; overflow-wrap:anywhere; word-break:normal; } /* ========================================================= NOVA AI V57.4 · Gesund & Bewegung Größere, schönere Übungsdarstellung in allen Programmen Desktop / Laptop / Tablet / Handy responsiv ========================================================= */ /* Bühne des geöffneten Programms */ .nova-health-v562-stage{ display:grid !important; grid-template-columns:minmax(220px, .82fr) minmax(0, 1.35fr) !important; gap:22px !important; align-items:stretch !important; margin:18px 0 !important; } /* Große visuelle Übungsfläche */ .nova-health-v562-figure{ width:100% !important; min-width:0 !important; min-height:250px !important; height:auto !important; display:grid !important; place-items:center !important; font-size:104px !important; line-height:1 !important; border-radius:24px !important; background: radial-gradient(circle at 50% 38%, rgba(255,255,255,.98) 0 25%, rgba(229,250,235,.96) 58%, rgba(210,242,220,.95) 100%) !important; border:1px solid #bfe2c9 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 14px 32px rgba(30,96,57,.12) !important; position:relative; overflow:hidden; } .nova-health-v562-figure::before{ content:""; position:absolute; width:72%; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle,rgba(51,174,95,.10),rgba(51,174,95,0) 68%); pointer-events:none; } .nova-health-v562-figure::after{ content:"NOVA MOVE"; position:absolute; left:16px; bottom:13px; font-size:10px; letter-spacing:.16em; font-weight:900; color:#37915a; opacity:.72; } /* Übungsbeschreibung optisch auf gleiche Höhe bringen */ .nova-health-v562-current{ min-width:0; min-height:250px; padding:22px 22px 20px !important; border:1px solid #d7e6dc; border-radius:22px; background:linear-gradient(145deg,#fff,#f8fcf9); box-shadow:0 10px 26px rgba(35,75,54,.06); display:flex; flex-direction:column; justify-content:center; } .nova-health-v562-current h3{ font-size:28px !important; line-height:1.16 !important; margin-bottom:10px !important; } .nova-health-v562-current p{ font-size:18px !important; line-height:1.55 !important; max-width:720px; } .nova-health-v562-timer{ margin-top:16px !important; font-size:40px !important; line-height:1 !important; } /* Dark Mode */ body.dark-mode .nova-health-v562-figure{ background: radial-gradient(circle at 50% 38%, rgba(30,66,47,.98) 0 25%, rgba(18,48,34,.98) 58%, rgba(12,38,27,.98) 100%) !important; border-color:#356c4a !important; box-shadow:0 14px 32px rgba(0,0,0,.28) !important; } body.dark-mode .nova-health-v562-figure::after{ color:#78d49a; } body.dark-mode .nova-health-v562-current{ background:linear-gradient(145deg,#102d21,#0c241a); border-color:#355d48; } /* Laptop: Bild groß halten, aber kompakter */ @media (min-width:901px) and (max-width:1400px){ .nova-health-v562-stage{ grid-template-columns:minmax(190px,.78fr) minmax(0,1.22fr) !important; gap:18px !important; } .nova-health-v562-figure{ min-height:220px !important; font-size:92px !important; border-radius:21px !important; } .nova-health-v562-current{ min-height:220px; padding:19px !important; } .nova-health-v562-current h3{ font-size:25px !important; } .nova-health-v562-current p{ font-size:16px !important; } .nova-health-v562-timer{ font-size:36px !important; } } /* Tablet: Bild oben, Text darunter */ @media (min-width:601px) and (max-width:900px){ .nova-health-v562-stage{ grid-template-columns:1fr !important; gap:14px !important; } .nova-health-v562-figure{ min-height:240px !important; font-size:98px !important; } .nova-health-v562-current{ min-height:0; } } /* Handy: maximale Bildwirkung ohne aus dem Bildschirm zu laufen */ @media (max-width:600px){ .nova-health-v562-player-card{ width:min(96vw,560px) !important; max-height:94vh !important; overflow:auto !important; padding:16px !important; } .nova-health-v562-stage{ grid-template-columns:1fr !important; gap:12px !important; margin:14px 0 !important; } .nova-health-v562-figure{ min-height:210px !important; font-size:88px !important; border-radius:20px !important; } .nova-health-v562-figure::after{ left:13px; bottom:10px; font-size:9px; } .nova-health-v562-current{ min-height:0; padding:17px 16px !important; border-radius:18px; } .nova-health-v562-current h3{ font-size:23px !important; } .nova-health-v562-current p{ font-size:16px !important; } .nova-health-v562-timer{ font-size:34px !important; } .nova-health-v562-controls{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:9px !important; } .nova-health-v562-controls button{ width:100% !important; } } /* Kleine Handys */ @media (max-width:390px){ .nova-health-v562-figure{ min-height:185px !important; font-size:78px !important; } .nova-health-v562-current h3{ font-size:21px !important; } } /* ========================================================= NOVA AI V57.5 · Training – großes Bildlayout Vorbereitung für die späteren 45 individuellen NOVA-MOVE-Bilder. ========================================================= */ /* Dialog deutlich größer nutzen */ .nova-health-v562-player-card{ width:min(1180px,94vw) !important; max-width:1180px !important; max-height:94vh !important; overflow:auto !important; padding:24px !important; } /* Hauptbereich: Bild bekommt klar den größten Anteil */ .nova-health-v562-stage{ grid-template-columns:minmax(0,1.65fr) minmax(300px,.9fr) !important; gap:18px !important; align-items:stretch !important; } /* Bildfläche groß und im späteren Fotoformat */ .nova-health-v562-figure{ min-height:420px !important; aspect-ratio:4/3; width:100% !important; font-size:132px !important; border-radius:22px !important; background: radial-gradient(circle at 50% 44%,#ffffff 0 24%,#effaf2 58%,#dff3e5 100%) !important; } /* Falls später echte WebP-Bilder eingesetzt werden */ .nova-health-v562-figure img, .nova-health-v562-figure picture{ width:100% !important; height:100% !important; display:block; } .nova-health-v562-figure img{ object-fit:cover !important; object-position:center !important; border-radius:inherit; } /* Textbereich passend zur großen Bildfläche */ .nova-health-v562-current{ min-height:420px !important; justify-content:flex-start !important; padding:28px 26px !important; } .nova-health-v562-current h3{ font-size:30px !important; margin-top:8px !important; } .nova-health-v562-current p{ font-size:18px !important; line-height:1.6 !important; } .nova-health-v562-timer{ margin-top:auto !important; padding-top:24px; font-size:46px !important; } /* Fortschrittszeile etwas großzügiger */ .nova-health-v562-progress{ min-height:50px; padding:12px 15px !important; display:flex; align-items:center; justify-content:space-between; } /* Laptop */ @media (min-width:901px) and (max-width:1300px){ .nova-health-v562-player-card{ width:min(1040px,95vw) !important; padding:20px !important; } .nova-health-v562-stage{ grid-template-columns:minmax(0,1.5fr) minmax(280px,.9fr) !important; } .nova-health-v562-figure{ min-height:350px !important; font-size:112px !important; } .nova-health-v562-current{ min-height:350px !important; padding:22px !important; } .nova-health-v562-current h3{font-size:27px !important} .nova-health-v562-current p{font-size:17px !important} .nova-health-v562-timer{font-size:40px !important} } /* Tablet: großes Querformat-Bild oben */ @media (min-width:601px) and (max-width:900px){ .nova-health-v562-player-card{ width:94vw !important; padding:18px !important; } .nova-health-v562-stage{ grid-template-columns:1fr !important; } .nova-health-v562-figure{ min-height:0 !important; aspect-ratio:16/10; font-size:110px !important; } .nova-health-v562-current{ min-height:240px !important; } } /* Handy: Bild nutzt nahezu die volle Bildschirmbreite */ @media (max-width:600px){ .nova-health-v562-player{ align-items:flex-start !important; padding:8px !important; } .nova-health-v562-player-card{ width:100% !important; max-width:none !important; max-height:calc(100vh - 16px) !important; border-radius:20px !important; padding:15px !important; } .nova-health-v562-stage{ grid-template-columns:1fr !important; gap:12px !important; } .nova-health-v562-figure{ min-height:0 !important; aspect-ratio:4/3 !important; width:100% !important; font-size:94px !important; border-radius:18px !important; } .nova-health-v562-current{ min-height:210px !important; padding:17px !important; } .nova-health-v562-current h3{font-size:24px !important} .nova-health-v562-current p{font-size:16px !important} .nova-health-v562-timer{ font-size:38px !important; padding-top:16px; } } /* Sehr kleine Handys */ @media(max-width:390px){ .nova-health-v562-player-card{padding:12px !important} .nova-health-v562-figure{font-size:82px !important} } /* V57.6 · Yoga Übung 1 – echtes NOVA-MOVE-Bild */ .nova-health-v562-figure img{ width:100% !important; height:100% !important; object-fit:cover !important; object-position:center !important; border-radius:inherit !important; } /* ========================================================= NOVA AI V57.7 · Yoga – Bild vollständig + kompletter Text ========================================================= */ /* Das komplette 512x512 Motiv inklusive Muskelgrafiken und Matte zeigen. */ .nova-health-v562-figure{ aspect-ratio:1/1 !important; min-height:0 !important; height:auto !important; background:#f3f6ed !important; } .nova-health-v562-figure img{ width:100% !important; height:100% !important; object-fit:contain !important; object-position:center center !important; background:#f3f6ed; } /* Textbereich wächst mit – nichts abschneiden. */ .nova-health-v562-current{ min-height:0 !important; height:auto !important; align-self:stretch !important; overflow:visible !important; } .nova-health-v562-current p, #novaHealthInstruction{ white-space:normal !important; overflow:visible !important; text-overflow:clip !important; max-height:none !important; } /* Laptop */ @media (min-width:901px) and (max-width:1300px){ .nova-health-v562-figure{ aspect-ratio:1/1 !important; } } /* Tablet und Handy: vollständiges Quadrat ohne Crop */ @media (max-width:900px){ .nova-health-v562-figure{ width:100% !important; aspect-ratio:1/1 !important; } .nova-health-v562-figure img{ object-fit:contain !important; } } /* V57.8 · Yoga – Hinweise separat und aufgegliedert */ .nova-health-v562-focus{ list-style:none; margin:18px 0 0 !important; padding:16px 0 0 !important; border-top:1px solid #dce8e0; display:grid; gap:11px; } .nova-health-v562-focus li{ position:relative; padding-left:30px; font-size:16px; line-height:1.4; color:#294256; } .nova-health-v562-focus li::before{ content:"✓"; position:absolute; left:0; top:0; width:20px; height:20px; display:grid; place-items:center; border:2px solid #24a35a; border-radius:50%; color:#168446; font-size:12px; font-weight:900; } body.dark-mode .nova-health-v562-focus{ border-top-color:#355d48; } body.dark-mode .nova-health-v562-focus li{ color:#d8e5ed; } @media(max-width:600px){ .nova-health-v562-focus li{ font-size:15px; padding-left:28px; } } /* V57.13 · Rücken & Mobilität – komplette Infografik anzeigen */ .nova-health-v562-figure img{ object-fit:contain !important; object-position:center !important; } /* V57.15 · Wiederholungs-/Satzanzeige passend zu den Bildvorgaben */ .nova-health-v562-plan{ margin-top:14px; padding:13px 15px; border-radius:14px; background:rgba(38,166,91,.09); border:1px solid rgba(38,166,91,.24); display:grid; gap:5px; } .nova-health-v562-plan strong{ font-size:15px; color:#177d43; } .nova-health-v562-plan span{ font-size:17px; font-weight:800; color:#263d4d; } body.dark-mode .nova-health-v562-plan{ background:rgba(64,190,112,.12); border-color:rgba(91,207,134,.28); } body.dark-mode .nova-health-v562-plan strong{color:#78d49a} body.dark-mode .nova-health-v562-plan span{color:#e1edf3} /* ========================================================= NOVA AI V57.19 · Rücken & Mobilität – Phasen-Timer Beschreibung zuerst, danach automatische Übungsphasen. ========================================================= */ .nova-health-v562-plan #novaHealthRepDisplay{ display:grid; gap:3px; } .nova-health-v562-plan #novaHealthRepDisplay b{ font-size:17px; line-height:1.25; color:#176f3d; } .nova-health-v562-plan #novaHealthRepDisplay small{ font-size:13px; line-height:1.35; font-weight:700; color:#4c6472; } body.dark-mode .nova-health-v562-plan #novaHealthRepDisplay b{color:#89e2aa} body.dark-mode .nova-health-v562-plan #novaHealthRepDisplay small{color:#bfd0da} /* === NOVA V60.0 DAILY MEMO === */ .nova-daily-memo{ width:100%; max-width:360px; margin:18px 0; padding:16px; border:1px solid var(--border, #d9e4ef); border-radius:16px; background:var(--card, #fff); color:var(--text, #0b2344); box-shadow:0 8px 28px rgba(20,55,95,.07); } .nova-daily-memo__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px} .nova-daily-memo__eyebrow{display:block;font-size:10px;font-weight:900;letter-spacing:.11em;color:#1671db} .nova-daily-memo h3{margin:3px 0 0;font-size:18px;line-height:1.15} .nova-daily-memo__date{font-size:10px;font-weight:750;color:var(--muted,#6d7d91);white-space:nowrap} #novaDailyMemoText{ width:100%;min-height:88px;max-height:200px;resize:vertical; border:1px solid var(--border,#d7e2ed);border-radius:11px; background:var(--surface,#f8fbfe);color:var(--text,#0b2344); padding:11px 12px;font:inherit;font-size:13px;line-height:1.45;outline:none; } #novaDailyMemoText:focus{border-color:#42a3ef;box-shadow:0 0 0 3px rgba(66,163,239,.12)} .nova-daily-memo__meta{display:flex;justify-content:space-between;gap:8px;margin:8px 1px 11px;font-size:9.5px;color:var(--muted,#708196)} .nova-daily-memo__actions{display:grid;grid-template-columns:1.25fr 1.35fr 1fr .8fr 38px;gap:6px} .nova-daily-memo__actions button{ min-height:35px;border:1px solid var(--border,#d7e2ed);border-radius:9px; background:var(--surface,#f7faff);color:var(--text,#0b2344); padding:7px 8px;font:inherit;font-size:10px;font-weight:800;cursor:pointer; } .nova-daily-memo__actions button:hover{border-color:#72b9f4} .nova-daily-memo__actions .memo-primary{background:linear-gradient(90deg,#126cff,#14bfd3);color:#fff;border:0} .nova-daily-memo__actions .memo-danger{font-size:14px} body.dark .nova-daily-memo,[data-theme="dark"] .nova-daily-memo{background:#0c2847;color:#f4f8ff;border-color:#244766} body.dark #novaDailyMemoText,[data-theme="dark"] #novaDailyMemoText{background:#09213c;color:#f4f8ff;border-color:#315474} body.dark .nova-daily-memo__actions button,[data-theme="dark"] .nova-daily-memo__actions button{background:#123454;color:#f4f8ff;border-color:#315474} /* Mobile web + app/standalone */ @media(max-width:768px){ .nova-daily-memo{ max-width:none;width:auto;margin:12px 10px;padding:14px;border-radius:14px; } .nova-daily-memo h3{font-size:17px} #novaDailyMemoText{min-height:105px;font-size:14px} .nova-daily-memo__actions{grid-template-columns:1fr 1fr 1fr} .nova-daily-memo__actions button{min-height:42px;font-size:11px} .nova-daily-memo__actions .memo-primary{grid-column:span 1} .nova-daily-memo__actions .memo-danger{grid-column:auto} } @media(max-width:390px){ .nova-daily-memo__head{display:block} .nova-daily-memo__date{display:block;margin-top:4px} .nova-daily-memo__meta{display:grid;gap:3px} .nova-daily-memo__actions{grid-template-columns:1fr 1fr} .nova-daily-memo__actions .memo-primary{grid-column:1/-1} } @media(display-mode:standalone){ .nova-daily-memo{scroll-margin-bottom:calc(80px + env(safe-area-inset-bottom,0px))} } /* === NOVA V60.1 DAILY MEMO POSITION === */ /* Wetterfenster + Tagesmemo bilden gemeinsam die linke Dashboard-Spalte. */ .nova-weather-column{ min-width:0; align-self:start; display:flex; flex-direction:column; gap:16px; } .nova-weather-column .nova-weather-panel, .nova-weather-column .nova-daily-memo{ width:100%; max-width:none; margin:0; } .nova-weather-column .nova-daily-memo{ box-sizing:border-box; } /* Desktop: exakt in der Wetter-Spalte, direkt unter dem Wetterfenster. */ @media(min-width:769px){ .nova-dashboard-hero > .nova-weather-column{ grid-column:1; grid-row:1; } } /* Tablet / Mobile Web: Wetter und Memo bleiben als zusammengehörige Einheit. */ @media(max-width:768px){ .nova-weather-column{ width:100%; gap:12px; } .nova-weather-column .nova-daily-memo{ margin:0 !important; width:100% !important; } } /* Sehr kleine Smartphones: keine seitlichen Überstände. */ @media(max-width:390px){ .nova-weather-column{ gap:10px; } } /* === NOVA V60.2 DAILY MEMO – bessere Lesbarkeit === */ #novaDailyMemoText{ font-size:17px !important; line-height:1.55 !important; font-weight:500 !important; min-height:130px; } .nova-daily-memo h3{ font-size:20px !important; } .nova-daily-memo__meta{ font-size:11px !important; } .nova-daily-memo__actions button{ font-size:11.5px !important; } @media(max-width:768px){ #novaDailyMemoText{ font-size:17px !important; line-height:1.5 !important; min-height:120px; } } /* === V65 · Liebe & Rezepte Update === */ .love-question-card{ margin-top:18px;padding:16px 18px;border:1px solid #f2c6d2;border-radius:18px; background:linear-gradient(145deg,#fff 0%,#fff7fa 100%); } .love-question-card small{font-size:11px;font-weight:900;letter-spacing:.08em;color:#b52d55} .love-question-card h3{margin:4px 0 8px;font-size:18px;color:#102944} .love-question-card p{margin:0;font-size:16px;line-height:1.55;color:#425e75;font-weight:700} .love-situation-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0} .love-situation-tabs button{ border:1px solid #dfc7cf;background:#fff;color:#6d3146;border-radius:999px;padding:9px 13px; font:inherit;font-size:13px;font-weight:800;cursor:pointer } .love-situation-tabs button:hover,.love-situation-tabs button.active{ background:#fde9ef;border-color:#e49ab0;color:#9d2448 } .love-situation-output{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .love-situation-output article{ display:flex;gap:10px;align-items:flex-start;padding:13px;border:1px solid #e3eaf0;border-radius:15px;background:#fff } .love-situation-output article span{ width:26px;height:26px;display:grid;place-items:center;flex:0 0 26px;border-radius:50%;background:#fde9ef;color:#a62b50;font-weight:900 } .love-situation-output article p{margin:1px 0 0;font-size:13px;line-height:1.5;color:#526c81} body.dark-mode .love-question-card{background:linear-gradient(145deg,#182534,#2e2029);border-color:#5c3a49} body.dark-mode .love-question-card h3{color:#f4f9fd} body.dark-mode .love-question-card p{color:#d1e1ed} body.dark-mode .love-question-card small{color:#ff9ab4} body.dark-mode .love-situation-tabs button{background:#17283a;border-color:#40566b;color:#d8e7f2} body.dark-mode .love-situation-tabs button:hover,body.dark-mode .love-situation-tabs button.active{background:#4a2f3a;border-color:#8d4d66;color:#ffd7e2} body.dark-mode .love-situation-output article{background:#162637;border-color:#344c62} body.dark-mode .love-situation-output article span{background:#4a2f3a;color:#ffd7e2} body.dark-mode .love-situation-output article p{color:#cbdce9} .recipe-smartbar{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0 16px} .recipe-smartbar .btn{min-height:42px} .recipe-surprise-card{margin-top:12px} .recipe-surprise-card p{font-size:15px;line-height:1.55} @media (max-width:760px){ .love-situation-output{grid-template-columns:1fr} .love-question-card{padding:14px} .love-question-card p{font-size:15px} .recipe-smartbar{display:grid;grid-template-columns:1fr} .recipe-smartbar .btn{width:100%} } /* ========================================================= NOVA AI V65 · STARTUP + AVATAR PERFORMANCE FIX ========================================================= */ /* Kill the legacy decorative layer behind the active avatar. */ #novaAvatarVisual .halo, .nova-ai-stage #novaAvatarVisual .halo{ display:none !important; visibility:hidden !important; opacity:0 !important; background:none !important; box-shadow:none !important; } /* Keep the avatar frame visually clean while the image decodes. */ #novaAvatarVisual{ background:transparent !important; box-shadow:none !important; border:none !important; } #novaAvatarVisual img{ background:transparent !important; content-visibility:auto; } /* The theme is decided in ; these rules prevent the first-paint flash. */ html[data-theme="dark"] body{ background:#06111f; color:#eef7ff; } html[data-theme="light"] body{ background:linear-gradient(180deg,#fff,#f5f9fd 60%,#edf5fb); } /* V65 NOVA Märchen */ .fairy-wrap{display:grid;gap:16px}.fairy-hero{display:flex;justify-content:space-between;align-items:center;padding:20px;border-radius:22px;background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(168,85,247,.12));border:1px solid rgba(96,165,250,.28)}.fairy-hero h2{font-size:clamp(28px,4vw,44px);margin:6px 0}.fairy-kicker{font-weight:800;color:#f59e0b}.fairy-big{font-size:72px}.fairy-scenes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.fairy-scene{min-height:125px;padding:14px;border-radius:18px;background:var(--card,#fff);border:1px solid rgba(148,163,184,.25)}.fairy-scene b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#2563eb;color:white}.fairy-scene p{font-size:15px;line-height:1.45}.fairy-story{padding:18px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(148,163,184,.22)}.fairy-story p{font-size:17px;line-height:1.7}.fairy-moral{margin-top:14px;padding:12px;border-radius:14px;background:rgba(236,72,153,.10);font-weight:700}.fairy-actions{display:flex;gap:10px;flex-wrap:wrap}.fairy-actions button{padding:12px 16px;border-radius:14px;font-weight:750}.fairy-note{font-size:14px;opacity:.75}@media(max-width:760px){.fairy-scenes{grid-template-columns:1fr 1fr}.fairy-big{font-size:54px}.fairy-story p{font-size:16px}}@media(max-width:430px){.fairy-scenes{grid-template-columns:1fr}.fairy-hero{align-items:flex-start}.fairy-big{font-size:44px}} /* V65 Full NOVA Märchen */ .fairy-shell{display:grid;gap:16px} .fairy-top{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(320px,1.5fr) auto;gap:16px;align-items:center;padding:16px;border-radius:22px;background:linear-gradient(135deg,rgba(4,16,38,.96),rgba(6,31,61,.96));border:1px solid rgba(96,165,250,.28);color:#eef7ff} .fairy-nova-card{display:flex;gap:12px;align-items:center}.fairy-nova-icon{font-size:54px}.fairy-nova-card p{margin:4px 0 0;line-height:1.4} .fairy-titlebox h2{font-size:clamp(34px,5vw,58px);margin:0}.fairy-titlebox h2 span{color:#f4c85a}.fairy-titlebox p{margin:2px 0 0;font-size:18px} .fairy-agebar{display:flex;gap:8px}.fairy-agebar button{min-width:76px;padding:10px;border-radius:14px;border:1px solid rgba(96,165,250,.45);background:rgba(15,23,42,.8);color:#fff;font-size:18px;font-weight:800}.fairy-agebar button.active{outline:2px solid #84cc16;background:rgba(77,124,15,.28)} .fairy-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px}.fairy-side{display:grid;gap:8px;align-content:start}.fairy-side>button{display:flex;align-items:center;gap:10px;padding:14px;border-radius:14px;border:1px solid rgba(96,165,250,.26);background:rgba(8,27,52,.86);color:#eef7ff;text-align:left;font-weight:750}.fairy-side>button.active{background:linear-gradient(90deg,rgba(37,99,235,.5),rgba(59,130,246,.15))} .fairy-daybox,.fairy-voicebox{padding:14px;border-radius:16px;border:1px solid rgba(96,165,250,.22);background:rgba(8,27,52,.78)}.fairy-daybox p{line-height:1.45}.fairy-voicebox{display:grid;gap:4px} .fairy-main{display:grid;gap:14px}.fairy-story-head{display:flex;justify-content:space-between;align-items:center;padding:18px 18px 8px;border-radius:20px 20px 0 0;background:linear-gradient(135deg,#f8fafc,#f5f0ef);color:#102040}.fairy-story-head h2{font-size:clamp(30px,4vw,48px);margin:3px 0}.fairy-story-head p{margin:0;color:#24476f}.fairy-kicker{display:inline-block;padding:7px 12px;border-radius:999px;background:#c83773;color:white;font-weight:800} .fairy-main-visual{background:#f6f2ef;padding:0 14px 12px}.fairy-main-image{width:100%;display:block;border-radius:18px;max-height:520px;object-fit:cover}.fairy-placeholder-art{min-height:300px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#17355b,#071525);color:#fff}.fairy-placeholder-art div{font-size:100px}.fairy-placeholder-art small{font-size:18px} .fairy-scenes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 14px 4px;background:#f6f2ef}.fairy-scene{position:relative;min-height:100px;padding:14px;border-radius:16px;background:white;border:1px solid #d7dde7;color:#15233d}.fairy-num{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;border:2px solid #d9d9d9;font-weight:900}.fairy-scene p{line-height:1.45} .fairy-story{padding:20px;border-radius:18px;background:#f6f2ef;color:#15233d}.fairy-story h3{color:#1856a8}.fairy-story p{font-size:17px;line-height:1.68}.fairy-moral{margin-top:12px;padding:12px;border-radius:12px;background:rgba(236,72,153,.08);color:#b0205c;font-weight:800} .fairy-player{display:flex;gap:10px;flex-wrap:wrap;padding:14px;border-radius:18px;background:#061b38}.fairy-player button{padding:12px 16px;border-radius:12px;font-weight:800}.fairy-play{min-width:190px} .fairy-more{padding:16px;border-radius:18px;background:rgba(6,27,56,.96);color:#eef7ff}.fairy-more-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.fairy-more-grid button{display:grid;gap:8px;min-height:120px;padding:14px;border-radius:16px;border:1px solid rgba(96,165,250,.24);background:linear-gradient(145deg,rgba(40,25,75,.9),rgba(6,35,56,.95));color:#fff;text-align:left}.fairy-more-grid b{font-size:17px}.fairy-more-grid span{opacity:.9;line-height:1.4} .fairy-footer-tip{padding:16px;text-align:center;border-radius:18px;background:linear-gradient(90deg,#f6f2ef,#fff);color:#173660;font-size:18px;font-weight:800} @media(max-width:900px){.fairy-top{grid-template-columns:1fr}.fairy-agebar{justify-content:flex-start}.fairy-layout{grid-template-columns:1fr}.fairy-side{grid-template-columns:repeat(2,minmax(0,1fr))}.fairy-daybox,.fairy-voicebox{grid-column:span 1}.fairy-more-grid{grid-template-columns:1fr 1fr}} @media(max-width:650px){.fairy-scenes{grid-template-columns:1fr 1fr}.fairy-side{grid-template-columns:1fr}.fairy-more-grid{grid-template-columns:1fr}.fairy-main-image{max-height:none}.fairy-titlebox h2{font-size:38px}} @media(max-width:430px){.fairy-scenes{grid-template-columns:1fr}.fairy-agebar{display:grid;grid-template-columns:repeat(3,1fr)}.fairy-agebar button{min-width:0}} /* V65.1 NOVA series marker */ .nova-series-tile{position:relative} .nova-series-badge{ position:absolute; top:8px; right:8px; padding:3px 7px; border-radius:999px; font-style:normal; font-size:10px; font-weight:900; letter-spacing:.7px; color:#eaf7ff; background:linear-gradient(135deg,#0ea5e9,#2563eb); border:1px solid rgba(255,255,255,.35); box-shadow:0 0 12px rgba(37,99,235,.35) } /* V65.2 NOVA Märchen modal header */ .fairy-modal-title{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:0 0 14px; padding:12px 16px; border-radius:16px; background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(168,85,247,.16)); border:1px solid rgba(96,165,250,.25) } .fairy-modal-title>span{font-size:28px} .fairy-modal-title>b{font-size:22px} .fairy-modal-title>small{opacity:.78} /* V65.3 – Simplified NOVA Märchen + Light/Dark typography */ .fairy-simple-picker{ display:grid; gap:12px; padding:16px; border-radius:18px; border:1px solid var(--border,rgba(148,163,184,.25)); background:var(--surface,#ffffff); color:var(--text,#15233d); } .fairy-picker-head{ display:flex; align-items:center; justify-content:space-between; gap:16px; } .fairy-picker-head>div{display:grid;gap:3px} .fairy-picker-head b{font-size:20px;line-height:1.25} .fairy-picker-head small{font-size:14px;line-height:1.45;color:var(--muted,#64748b)} .fairy-picker-head>span{ flex:0 0 auto; padding:6px 10px; border-radius:999px; font-size:13px; font-weight:800; background:rgba(37,99,235,.10); color:#2563eb; } .fairy-picker-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; } .fairy-picker-grid button{ display:grid; grid-template-columns:auto 1fr; grid-template-areas:"icon title" "icon sub"; column-gap:10px; align-items:center; padding:13px 14px; border-radius:15px; border:1px solid var(--border,rgba(148,163,184,.25)); background:var(--card,#fff); color:var(--text,#15233d); text-align:left; } .fairy-picker-grid button>span{grid-area:icon;font-size:30px} .fairy-picker-grid button>b{grid-area:title;font-size:16px;line-height:1.25} .fairy-picker-grid button>small{grid-area:sub;font-size:13px;line-height:1.35;color:var(--muted,#64748b)} .fairy-picker-grid button.active{ border-color:#3b82f6; box-shadow:0 0 0 2px rgba(59,130,246,.12); background:rgba(59,130,246,.07); } /* Consistent text sizes */ .fairy-shell{font-size:16px;line-height:1.5} .fairy-top p,.fairy-story-head p{font-size:16px;line-height:1.5} .fairy-story h3,.fairy-more h3{font-size:21px;line-height:1.3} .fairy-story p{font-size:18px;line-height:1.72} .fairy-scene p{font-size:15.5px;line-height:1.5} .fairy-moral{font-size:16px;line-height:1.5} .fairy-player button{font-size:15px} .fairy-more-grid b{font-size:16px} .fairy-more-grid span{font-size:14px;line-height:1.45} /* Light mode */ body:not(.dark) .fairy-simple-picker, body:not(.dark) .fairy-story, body:not(.dark) .fairy-story-head, body:not(.dark) .fairy-main-visual, body:not(.dark) .fairy-scenes{ background:#f8fafc; color:#10213d; } body:not(.dark) .fairy-picker-grid button, body:not(.dark) .fairy-scene{ background:#ffffff; color:#10213d; border-color:#d8e0ea; } body:not(.dark) .fairy-picker-head small, body:not(.dark) .fairy-picker-grid button>small{color:#53657b} body:not(.dark) .fairy-story p{color:#17243a} /* Dark mode – supports common NOVA theme classes/attributes */ body.dark .fairy-simple-picker, html.dark .fairy-simple-picker, [data-theme="dark"] .fairy-simple-picker{ background:#081b34; color:#f1f7ff; border-color:rgba(96,165,250,.25); } body.dark .fairy-picker-grid button, html.dark .fairy-picker-grid button, [data-theme="dark"] .fairy-picker-grid button{ background:#0b2341; color:#f1f7ff; border-color:rgba(96,165,250,.23); } body.dark .fairy-picker-head small, body.dark .fairy-picker-grid button>small, html.dark .fairy-picker-head small, html.dark .fairy-picker-grid button>small, [data-theme="dark"] .fairy-picker-head small, [data-theme="dark"] .fairy-picker-grid button>small{color:#b7c8db} body.dark .fairy-story, body.dark .fairy-story-head, body.dark .fairy-main-visual, body.dark .fairy-scenes, html.dark .fairy-story, html.dark .fairy-story-head, html.dark .fairy-main-visual, html.dark .fairy-scenes, [data-theme="dark"] .fairy-story, [data-theme="dark"] .fairy-story-head, [data-theme="dark"] .fairy-main-visual, [data-theme="dark"] .fairy-scenes{ background:#0a203b; color:#edf6ff; } body.dark .fairy-story-head p, html.dark .fairy-story-head p, [data-theme="dark"] .fairy-story-head p{color:#b9d3ef} body.dark .fairy-scene, html.dark .fairy-scene, [data-theme="dark"] .fairy-scene{ background:#102a49; color:#edf6ff; border-color:rgba(96,165,250,.22); } body.dark .fairy-story p, html.dark .fairy-story p, [data-theme="dark"] .fairy-story p{color:#e4edf8} @media(max-width:800px){ .fairy-picker-grid{grid-template-columns:1fr} .fairy-picker-head{align-items:flex-start} .fairy-story p{font-size:17px} } /* V65.4 – NOVA Märchen complete Light/Dark polish */ .fairy-main-visual{ display:flex; justify-content:center; align-items:center; padding:14px; overflow:hidden; } .fairy-main-image{ width:100%; height:auto !important; max-height:none !important; object-fit:contain !important; object-position:center center; border-radius:18px; display:block; } /* Base typography and readable contrast */ .fairy-shell, .fairy-shell button, .fairy-shell input, .fairy-shell select{ font-family:inherit; } .fairy-shell{ --fairy-text:#10213d; --fairy-muted:#52657c; --fairy-surface:#f8fafc; --fairy-card:#ffffff; --fairy-border:#d8e1eb; --fairy-accent:#1d4ed8; --fairy-accent-soft:rgba(37,99,235,.08); color:var(--fairy-text); } .fairy-modal-title{ color:var(--fairy-text); background:linear-gradient(135deg,#eef5ff,#f7f2ff); border-color:#d6e3f5; } .fairy-modal-title small{color:var(--fairy-muted)} .fairy-top{ background:linear-gradient(135deg,#eef5ff,#edf7ff); color:var(--fairy-text); border-color:#cfdeef; } .fairy-nova-card b, .fairy-titlebox h2, .fairy-picker-head b, .fairy-story-head h2, .fairy-story h3, .fairy-more h3{color:var(--fairy-text)} .fairy-nova-card p, .fairy-titlebox p, .fairy-picker-head small, .fairy-picker-grid button>small, .fairy-story-head p{color:var(--fairy-muted)} .fairy-titlebox h2 span{color:#b7791f} .fairy-agebar button{ background:#ffffff; color:var(--fairy-text); border-color:#cfd9e5; } .fairy-agebar button small{color:var(--fairy-muted)} .fairy-agebar button.active{ background:#ecf7d8; color:#28460d; border-color:#84cc16; } .fairy-simple-picker, .fairy-story, .fairy-story-head, .fairy-main-visual, .fairy-scenes{ background:var(--fairy-surface); color:var(--fairy-text); } .fairy-picker-grid button, .fairy-scene{ background:var(--fairy-card); color:var(--fairy-text); border-color:var(--fairy-border); } .fairy-picker-grid button.active{ color:#12325f; background:#edf5ff; border-color:#60a5fa; } .fairy-scene p, .fairy-story p{color:var(--fairy-text)} .fairy-moral{ color:#9d174d; background:#fff1f6; border:1px solid #f6c8db; } .fairy-player{ background:#eaf2fb; border:1px solid #d4e0ee; } .fairy-player button{ background:#ffffff; color:#173152; border:1px solid #cbd8e6; } .fairy-player button.primary{ background:linear-gradient(135deg,#d9468f,#c026d3); color:#fff; border-color:transparent; } .fairy-more{ background:#eef4fb; color:var(--fairy-text); border:1px solid #d7e2ef; } .fairy-more-grid button{ background:#ffffff; color:var(--fairy-text); border-color:#d8e1eb; } .fairy-more-grid span{color:var(--fairy-muted)} .fairy-footer-tip{ background:#f8fafc; color:#20436b; border:1px solid #dce5ef; } /* Dark mode: match NOVA dark surfaces and make every text readable */ body.dark .fairy-shell, html.dark .fairy-shell, [data-theme="dark"] .fairy-shell{ --fairy-text:#f3f8ff; --fairy-muted:#b9c9dc; --fairy-surface:#08192f; --fairy-card:#0d2644; --fairy-border:rgba(125,180,235,.24); --fairy-accent:#69b8ff; color:var(--fairy-text); } body.dark .fairy-modal-title, html.dark .fairy-modal-title, [data-theme="dark"] .fairy-modal-title{ background:linear-gradient(135deg,#0c2749,#171b3d); border-color:rgba(96,165,250,.28); color:var(--fairy-text); } body.dark .fairy-modal-title small, html.dark .fairy-modal-title small, [data-theme="dark"] .fairy-modal-title small{color:var(--fairy-muted)} body.dark .fairy-top, html.dark .fairy-top, [data-theme="dark"] .fairy-top{ background:linear-gradient(135deg,#071a31,#0b2949); color:var(--fairy-text); border-color:rgba(96,165,250,.26); } body.dark .fairy-nova-card b, body.dark .fairy-titlebox h2, body.dark .fairy-picker-head b, body.dark .fairy-story-head h2, body.dark .fairy-story h3, body.dark .fairy-more h3, html.dark .fairy-nova-card b, html.dark .fairy-titlebox h2, html.dark .fairy-picker-head b, html.dark .fairy-story-head h2, html.dark .fairy-story h3, html.dark .fairy-more h3, [data-theme="dark"] .fairy-nova-card b, [data-theme="dark"] .fairy-titlebox h2, [data-theme="dark"] .fairy-picker-head b, [data-theme="dark"] .fairy-story-head h2, [data-theme="dark"] .fairy-story h3, [data-theme="dark"] .fairy-more h3{color:var(--fairy-text)} body.dark .fairy-nova-card p, body.dark .fairy-titlebox p, body.dark .fairy-picker-head small, body.dark .fairy-picker-grid button>small, body.dark .fairy-story-head p, html.dark .fairy-nova-card p, html.dark .fairy-titlebox p, html.dark .fairy-picker-head small, html.dark .fairy-picker-grid button>small, html.dark .fairy-story-head p, [data-theme="dark"] .fairy-nova-card p, [data-theme="dark"] .fairy-titlebox p, [data-theme="dark"] .fairy-picker-head small, [data-theme="dark"] .fairy-picker-grid button>small, [data-theme="dark"] .fairy-story-head p{color:var(--fairy-muted)} body.dark .fairy-agebar button, html.dark .fairy-agebar button, [data-theme="dark"] .fairy-agebar button{ background:#0c2543; color:#edf6ff; border-color:rgba(96,165,250,.35); } body.dark .fairy-agebar button small, html.dark .fairy-agebar button small, [data-theme="dark"] .fairy-agebar button small{color:#bfd2e7} body.dark .fairy-agebar button.active, html.dark .fairy-agebar button.active, [data-theme="dark"] .fairy-agebar button.active{ background:#183b27; color:#e7ffd2; border-color:#84cc16; } body.dark .fairy-simple-picker, body.dark .fairy-story, body.dark .fairy-story-head, body.dark .fairy-main-visual, body.dark .fairy-scenes, html.dark .fairy-simple-picker, html.dark .fairy-story, html.dark .fairy-story-head, html.dark .fairy-main-visual, html.dark .fairy-scenes, [data-theme="dark"] .fairy-simple-picker, [data-theme="dark"] .fairy-story, [data-theme="dark"] .fairy-story-head, [data-theme="dark"] .fairy-main-visual, [data-theme="dark"] .fairy-scenes{ background:var(--fairy-surface); color:var(--fairy-text); } body.dark .fairy-picker-grid button, body.dark .fairy-scene, html.dark .fairy-picker-grid button, html.dark .fairy-scene, [data-theme="dark"] .fairy-picker-grid button, [data-theme="dark"] .fairy-scene{ background:var(--fairy-card); color:var(--fairy-text); border-color:var(--fairy-border); } body.dark .fairy-picker-grid button.active, html.dark .fairy-picker-grid button.active, [data-theme="dark"] .fairy-picker-grid button.active{ background:#10345c; color:#fff; border-color:#60a5fa; } body.dark .fairy-scene p, body.dark .fairy-story p, html.dark .fairy-scene p, html.dark .fairy-story p, [data-theme="dark"] .fairy-scene p, [data-theme="dark"] .fairy-story p{color:#e9f2fc} body.dark .fairy-moral, html.dark .fairy-moral, [data-theme="dark"] .fairy-moral{ color:#ffd2e4; background:rgba(190,24,93,.20); border-color:rgba(244,114,182,.28); } body.dark .fairy-player, html.dark .fairy-player, [data-theme="dark"] .fairy-player{ background:#061a33; border-color:rgba(96,165,250,.22); } body.dark .fairy-player button, html.dark .fairy-player button, [data-theme="dark"] .fairy-player button{ background:#0d2949; color:#f1f7ff; border-color:rgba(96,165,250,.28); } body.dark .fairy-more, html.dark .fairy-more, [data-theme="dark"] .fairy-more{ background:#071b34; color:#f3f8ff; border-color:rgba(96,165,250,.22); } body.dark .fairy-more-grid button, html.dark .fairy-more-grid button, [data-theme="dark"] .fairy-more-grid button{ background:#0b2849; color:#f3f8ff; border-color:rgba(96,165,250,.24); } body.dark .fairy-more-grid span, html.dark .fairy-more-grid span, [data-theme="dark"] .fairy-more-grid span{color:#bfd0e3} body.dark .fairy-footer-tip, html.dark .fairy-footer-tip, [data-theme="dark"] .fairy-footer-tip{ background:#0a213d; color:#d8ecff; border-color:rgba(96,165,250,.22); } /* NOVA Märchen Quiz popup */ .fairy-quiz-popup{ position:fixed; inset:0; z-index:10000; display:grid; place-items:center; padding:20px; background:rgba(2,8,23,.68); backdrop-filter:blur(8px); } .fairy-quiz-card{ position:relative; width:min(560px,100%); padding:24px; border-radius:22px; background:#ffffff; color:#10213d; border:1px solid #d8e1eb; box-shadow:0 24px 80px rgba(0,0,0,.28); } .fairy-quiz-close{ position:absolute; top:12px; right:12px; width:38px; height:38px; border-radius:50%; border:1px solid #d3dde8; background:#f8fafc; color:#23354e; font-size:24px; line-height:1; } .fairy-quiz-icon{font-size:42px} .fairy-quiz-card h3{margin:4px 0 10px;font-size:26px;color:#10213d} .fairy-quiz-question{font-size:18px;line-height:1.5;color:#243a57} .fairy-quiz-options{display:grid;gap:10px;margin-top:16px} .fairy-quiz-options button{ display:flex; align-items:center; gap:10px; padding:13px 14px; border-radius:14px; border:1px solid #d8e1eb; background:#f8fafc; color:#10213d; text-align:left; font-size:16px; } .fairy-quiz-options button span{ display:grid; place-items:center; width:28px; height:28px; flex:0 0 auto; border-radius:50%; background:#dbeafe; color:#1d4ed8; font-weight:900; } .fairy-quiz-options button.correct{ border-color:#22c55e; background:#ecfdf5; color:#166534; } .fairy-quiz-options button.wrong{ border-color:#ef4444; background:#fef2f2; color:#991b1b; } .fairy-quiz-result{ min-height:28px; margin-top:14px; font-size:16px; line-height:1.45; } body.dark .fairy-quiz-card, html.dark .fairy-quiz-card, [data-theme="dark"] .fairy-quiz-card{ background:#0a203b; color:#f2f7fd; border-color:rgba(96,165,250,.25); } body.dark .fairy-quiz-card h3, html.dark .fairy-quiz-card h3, [data-theme="dark"] .fairy-quiz-card h3{color:#f3f8ff} body.dark .fairy-quiz-question, html.dark .fairy-quiz-question, [data-theme="dark"] .fairy-quiz-question{color:#c9d9ea} body.dark .fairy-quiz-close, html.dark .fairy-quiz-close, [data-theme="dark"] .fairy-quiz-close{ background:#0d2949; color:#f3f8ff; border-color:rgba(96,165,250,.28); } body.dark .fairy-quiz-options button, html.dark .fairy-quiz-options button, [data-theme="dark"] .fairy-quiz-options button{ background:#0d2949; color:#edf6ff; border-color:rgba(96,165,250,.25); } body.dark .fairy-quiz-options button span, html.dark .fairy-quiz-options button span, [data-theme="dark"] .fairy-quiz-options button span{ background:#123d67; color:#b9e0ff; } body.dark .fairy-quiz-options button.correct, html.dark .fairy-quiz-options button.correct, [data-theme="dark"] .fairy-quiz-options button.correct{ background:#123b2a; color:#d9ffe8; border-color:#22c55e; } body.dark .fairy-quiz-options button.wrong, html.dark .fairy-quiz-options button.wrong, [data-theme="dark"] .fairy-quiz-options button.wrong{ background:#481d25; color:#ffd9df; border-color:#ef4444; } @media(max-width:650px){ .fairy-main-visual{padding:8px} .fairy-quiz-card{padding:20px} .fairy-quiz-card h3{font-size:23px} .fairy-quiz-question{font-size:17px} } /* V65.5 – final dark text contrast + remove duplicate scene text */ body.dark .fairy-shell, html.dark .fairy-shell, [data-theme="dark"] .fairy-shell{ color:#f5f9ff !important; } body.dark .fairy-shell h1, body.dark .fairy-shell h2, body.dark .fairy-shell h3, body.dark .fairy-shell h4, body.dark .fairy-shell b, body.dark .fairy-shell strong, html.dark .fairy-shell h1, html.dark .fairy-shell h2, html.dark .fairy-shell h3, html.dark .fairy-shell h4, html.dark .fairy-shell b, html.dark .fairy-shell strong, [data-theme="dark"] .fairy-shell h1, [data-theme="dark"] .fairy-shell h2, [data-theme="dark"] .fairy-shell h3, [data-theme="dark"] .fairy-shell h4, [data-theme="dark"] .fairy-shell b, [data-theme="dark"] .fairy-shell strong{ color:#f8fbff !important; } body.dark .fairy-shell p, html.dark .fairy-shell p, [data-theme="dark"] .fairy-shell p{ color:#e3edf8 !important; } body.dark .fairy-shell small, html.dark .fairy-shell small, [data-theme="dark"] .fairy-shell small{ color:#bfd0e2 !important; } body.dark .fairy-picker-grid button, html.dark .fairy-picker-grid button, [data-theme="dark"] .fairy-picker-grid button{ color:#f5f9ff !important; } body.dark .fairy-picker-grid button.active, html.dark .fairy-picker-grid button.active, [data-theme="dark"] .fairy-picker-grid button.active{ background:#123e6c !important; color:#ffffff !important; } body.dark .fairy-picker-grid button.active small, html.dark .fairy-picker-grid button.active small, [data-theme="dark"] .fairy-picker-grid button.active small{ color:#d4e8fb !important; } body.dark .fairy-story, html.dark .fairy-story, [data-theme="dark"] .fairy-story{ background:#0b223d !important; color:#f3f8ff !important; } body.dark .fairy-story h3, html.dark .fairy-story h3, [data-theme="dark"] .fairy-story h3{ color:#8dc8ff !important; } body.dark .fairy-story p, html.dark .fairy-story p, [data-theme="dark"] .fairy-story p{ color:#eef5fc !important; } body.dark .fairy-moral, html.dark .fairy-moral, [data-theme="dark"] .fairy-moral{ color:#ffd9e8 !important; } body.dark .fairy-story-head h2, html.dark .fairy-story-head h2, [data-theme="dark"] .fairy-story-head h2{ color:#ffffff !important; } body.dark .fairy-story-head p, html.dark .fairy-story-head p, [data-theme="dark"] .fairy-story-head p{ color:#c6daee !important; } body.dark .fairy-more-grid button, html.dark .fairy-more-grid button, [data-theme="dark"] .fairy-more-grid button{ color:#f7fbff !important; } body.dark .fairy-more-grid button span, html.dark .fairy-more-grid button span, [data-theme="dark"] .fairy-more-grid button span{ color:#c8d9ea !important; } /* Scene cards are no longer used because illustrated stories already carry their scene text. */ .fairy-scenes{display:none !important} /* V65.6 – Drei feste NOVA Märchen */ .fairy-story-head{ padding-top:18px; } .fairy-kicker{display:none !important} .fairy-tool-popup{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;padding:18px;background:rgba(2,8,23,.72);backdrop-filter:blur(8px)} .fairy-tool-card{width:min(920px,96vw);max-height:92vh;overflow:auto;padding:18px;border-radius:22px;background:#fff;color:#10213d;border:1px solid #d8e1eb;box-shadow:0 24px 80px rgba(0,0,0,.35)} .fairy-tool-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.fairy-tool-head>div{display:flex;align-items:center;gap:10px}.fairy-tool-head>div>span{font-size:34px}.fairy-tool-head b{display:block;font-size:23px}.fairy-tool-head small{display:block;color:#607087} .fairy-tool-close{width:40px;height:40px;border-radius:50%;border:1px solid #d5dee9;background:#f8fafc;color:#26364d;font-size:24px} .fairy-draw-toolbar{display:grid;gap:12px;margin-bottom:14px}.fairy-colors,.fairy-brushes{display:flex;flex-wrap:wrap;gap:8px}.fairy-colors button{width:34px;height:34px;border-radius:50%;border:2px solid #d7dee8;background:var(--draw-color)}.fairy-colors button.active{outline:3px solid #60a5fa;outline-offset:2px} .fairy-brushes button,.fairy-puzzle-top button{padding:9px 12px;border-radius:11px;border:1px solid #d7e0eb;background:#f8fafc;color:#1f3655;font-weight:750}.fairy-brushes button.active{background:#dbeafe;border-color:#60a5fa;color:#1d4ed8} .fairy-canvas-wrap{width:100%;border-radius:18px;overflow:hidden;border:1px solid #d8e1eb;background:#fff}#fairyDrawCanvas{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair;background:#fff} .fairy-puzzle-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.fairy-puzzle-top p{margin:0;color:#52657b} .fairy-puzzle-board{display:grid;grid-template-columns:repeat(3,1fr);width:min(680px,100%);margin:0 auto;aspect-ratio:1/1;gap:4px;padding:4px;border-radius:18px;background:#dbe4ef}.fairy-puzzle-piece{border:0;border-radius:8px;background-repeat:no-repeat;cursor:pointer;min-width:0}.fairy-puzzle-piece.selected{outline:4px solid #f59e0b;outline-offset:-4px}.fairy-puzzle-board.solved{box-shadow:0 0 0 4px rgba(34,197,94,.45)}.fairy-puzzle-status{margin-top:12px;text-align:center;color:#40536c} body.dark .fairy-tool-card,html.dark .fairy-tool-card,[data-theme="dark"] .fairy-tool-card{background:#0a203b;color:#f3f8ff;border-color:rgba(96,165,250,.25)} body.dark .fairy-tool-head small,body.dark .fairy-puzzle-top p,body.dark .fairy-puzzle-status,html.dark .fairy-tool-head small,html.dark .fairy-puzzle-top p,html.dark .fairy-puzzle-status,[data-theme="dark"] .fairy-tool-head small,[data-theme="dark"] .fairy-puzzle-top p,[data-theme="dark"] .fairy-puzzle-status{color:#bfd0e2} body.dark .fairy-tool-close,body.dark .fairy-brushes button,body.dark .fairy-puzzle-top button,html.dark .fairy-tool-close,html.dark .fairy-brushes button,html.dark .fairy-puzzle-top button,[data-theme="dark"] .fairy-tool-close,[data-theme="dark"] .fairy-brushes button,[data-theme="dark"] .fairy-puzzle-top button{background:#0d2949;color:#f3f8ff;border-color:rgba(96,165,250,.28)} @media(max-width:650px){.fairy-tool-popup{padding:8px}.fairy-tool-card{padding:14px;max-height:95vh}.fairy-puzzle-top{align-items:flex-start;flex-direction:column}.fairy-colors button{width:30px;height:30px}} /* V65.8 – Malstudio Save & Share */ #fairySaveCanvas, #fairyShareCanvas{ font-weight:800; } #fairySaveCanvas{ background:rgba(34,197,94,.10); border-color:rgba(34,197,94,.35); } #fairyShareCanvas{ background:rgba(59,130,246,.10); border-color:rgba(59,130,246,.35); } body.dark #fairySaveCanvas, html.dark #fairySaveCanvas, [data-theme="dark"] #fairySaveCanvas{ background:rgba(34,197,94,.18); color:#eafff1; } body.dark #fairyShareCanvas, html.dark #fairyShareCanvas, [data-theme="dark"] #fairyShareCanvas{ background:rgba(59,130,246,.22); color:#edf6ff; } /* V65.9 – NOVA Memo / Notiz Skizze */ .nova-sketch-link{ display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:7px 10px; margin:6px 4px 0; border-radius:10px; border:1px solid rgba(59,130,246,.28); background:rgba(59,130,246,.08); color:inherit; font-size:13px; font-weight:800; cursor:pointer; } .nova-memo-sketch-popup{ position:fixed; inset:0; z-index:2147483000; display:grid; place-items:center; padding:16px; background:rgba(2,8,23,.74); backdrop-filter:blur(8px); } .nova-memo-sketch-card{ width:min(980px,96vw); max-height:94vh; overflow:auto; padding:18px; border-radius:22px; background:#ffffff; color:#10213d; border:1px solid #d8e1eb; box-shadow:0 24px 80px rgba(0,0,0,.36); } .nova-memo-sketch-head{ display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:14px; } .nova-memo-sketch-head>div{display:flex;align-items:center;gap:10px} .nova-memo-sketch-head>div>span{font-size:34px} .nova-memo-sketch-head b{display:block;font-size:23px} .nova-memo-sketch-head small{display:block;color:#607087} .nova-memo-sketch-close{ width:40px;height:40px;border-radius:50%; border:1px solid #d5dee9;background:#f8fafc;color:#26364d;font-size:24px } .nova-memo-sketch-toolbar{display:grid;gap:11px;margin-bottom:14px} .nova-memo-sketch-colors,.nova-memo-sketch-tools{display:flex;flex-wrap:wrap;gap:8px} .nova-memo-sketch-colors button{ width:34px;height:34px;border-radius:50%; border:2px solid #d7dee8;background:var(--sketch-color) } .nova-memo-sketch-colors button.active{outline:3px solid #60a5fa;outline-offset:2px} .nova-memo-sketch-tools button{ padding:9px 12px;border-radius:11px;border:1px solid #d7e0eb; background:#f8fafc;color:#1f3655;font-weight:750 } .nova-memo-sketch-tools button.active{background:#dbeafe;border-color:#60a5fa;color:#1d4ed8} #novaSketchSave{background:rgba(34,197,94,.10);border-color:rgba(34,197,94,.35)} #novaSketchShare{background:rgba(59,130,246,.10);border-color:rgba(59,130,246,.35)} .nova-memo-sketch-canvas-wrap{ width:100%;border-radius:18px;overflow:hidden; border:1px solid #d8e1eb;background:#fff } #novaMemoSketchCanvas{ display:block;width:100%;height:auto;background:#fff;touch-action:none;cursor:crosshair } .nova-memo-sketch-hint{margin-top:9px;color:#62748a;font-size:14px} body.dark .nova-memo-sketch-card, html.dark .nova-memo-sketch-card, [data-theme="dark"] .nova-memo-sketch-card{ background:#0a203b;color:#f3f8ff;border-color:rgba(96,165,250,.25) } body.dark .nova-memo-sketch-head small, body.dark .nova-memo-sketch-hint, html.dark .nova-memo-sketch-head small, html.dark .nova-memo-sketch-hint, [data-theme="dark"] .nova-memo-sketch-head small, [data-theme="dark"] .nova-memo-sketch-hint{color:#bfd0e2} body.dark .nova-memo-sketch-close, body.dark .nova-memo-sketch-tools button, html.dark .nova-memo-sketch-close, html.dark .nova-memo-sketch-tools button, [data-theme="dark"] .nova-memo-sketch-close, [data-theme="dark"] .nova-memo-sketch-tools button{ background:#0d2949;color:#f3f8ff;border-color:rgba(96,165,250,.28) } body.dark .nova-sketch-link, html.dark .nova-sketch-link, [data-theme="dark"] .nova-sketch-link{ background:rgba(59,130,246,.16); color:#eaf5ff; border-color:rgba(96,165,250,.30) } @media(max-width:650px){ .nova-memo-sketch-popup{padding:8px} .nova-memo-sketch-card{padding:14px} .nova-memo-sketch-tools button{font-size:13px} .nova-memo-sketch-colors button{width:30px;height:30px} } /* V65 – NOVA Märchen Dark Mode final contrast fix */ html[data-theme="dark"] .fairy-simple-picker, body.dark-mode .fairy-simple-picker{ background:#0a213c !important; color:#f5f9ff !important; border-color:#284d70 !important; } html[data-theme="dark"] .fairy-picker-head b, body.dark-mode .fairy-picker-head b{ color:#f8fbff !important; } html[data-theme="dark"] .fairy-picker-head small, body.dark-mode .fairy-picker-head small{ color:#b9cce0 !important; } html[data-theme="dark"] .fairy-picker-head>span, body.dark-mode .fairy-picker-head>span{ background:#12385e !important; color:#d8ecff !important; } html[data-theme="dark"] .fairy-picker-grid button, body.dark-mode .fairy-picker-grid button{ background:#102b49 !important; color:#f4f9ff !important; border-color:#355a79 !important; } html[data-theme="dark"] .fairy-picker-grid button b, body.dark-mode .fairy-picker-grid button b{ color:#ffffff !important; } html[data-theme="dark"] .fairy-picker-grid button small, body.dark-mode .fairy-picker-grid button small{ color:#bdd0e2 !important; } html[data-theme="dark"] .fairy-picker-grid button.active, body.dark-mode .fairy-picker-grid button.active{ background:linear-gradient(135deg,#17456f,#12365b) !important; color:#fff !important; border-color:#63b7ff !important; } html[data-theme="dark"] .fairy-picker-grid button.active b, html[data-theme="dark"] .fairy-picker-grid button.active small, body.dark-mode .fairy-picker-grid button.active b, body.dark-mode .fairy-picker-grid button.active small{ color:#fff !important; } html[data-theme="dark"] .fairy-story-head, body.dark-mode .fairy-story-head{ background:#0a213c !important; color:#f5f9ff !important; border:1px solid #284d70 !important; } html[data-theme="dark"] .fairy-story-head h2, body.dark-mode .fairy-story-head h2{ color:#ffffff !important; text-shadow:none !important; } html[data-theme="dark"] .fairy-story-head p, body.dark-mode .fairy-story-head p{ color:#bed2e6 !important; } html[data-theme="dark"] .fairy-main-visual, body.dark-mode .fairy-main-visual{ background:#081a31 !important; } html[data-theme="dark"] .fairy-story, body.dark-mode .fairy-story{ background:#0a213c !important; color:#f5f9ff !important; border:1px solid #284d70 !important; } html[data-theme="dark"] .fairy-story h3, body.dark-mode .fairy-story h3{ color:#8fd0ff !important; } html[data-theme="dark"] .fairy-story p, body.dark-mode .fairy-story p{ color:#edf5fc !important; } html[data-theme="dark"] .fairy-moral, body.dark-mode .fairy-moral{ background:#3a1730 !important; color:#ffd4e7 !important; border-color:#7c315d !important; } html[data-theme="dark"] .fairy-more, body.dark-mode .fairy-more{ background:#071a31 !important; color:#f5f9ff !important; border-color:#284d70 !important; } html[data-theme="dark"] .fairy-more-grid button, body.dark-mode .fairy-more-grid button{ background:#102b49 !important; color:#fff !important; border-color:#355a79 !important; } html[data-theme="dark"] .fairy-more-grid button b, body.dark-mode .fairy-more-grid button b{ color:#fff !important; } html[data-theme="dark"] .fairy-more-grid button span, body.dark-mode .fairy-more-grid button span{ color:#bfd1e3 !important; } /* Puzzle images are square and should fill every tile cleanly. */ .fairy-puzzle-board{ aspect-ratio:1 / 1 !important; } .fairy-puzzle-piece{ background-size:300% 300% !important; background-repeat:no-repeat !important; } /* NOVA ADVENTURE · Kapitel 1 */ .nova-adventure-tile{position:relative;overflow:hidden} .nova-adventure-tile:after{content:"";position:absolute;right:-18px;bottom:-24px;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,rgba(44,177,255,.28),transparent 68%);pointer-events:none} .nova-adv-shell{--adv-blue:#25a7ff;--adv-cyan:#72e6ff;--adv-bg:#07111f;--adv-line:#274963;color:#eef7ff;background:linear-gradient(180deg,#07111f,#050b13);border-radius:22px;padding:18px;margin:-8px} .nova-adv-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start} .nova-adv-head small,.nova-adv-mission-head small{color:var(--adv-cyan)!important;font-weight:800;letter-spacing:.1em} .nova-adv-head h2{color:#fff!important;margin:5px 0 4px!important} .nova-adv-head p,.nova-adv-dialog p,.nova-adv-mission>p,.nova-adv-final p{color:#b9cadb!important} .nova-adv-score{min-width:86px;text-align:center;padding:10px 13px;border:1px solid #2a5e83;border-radius:15px;background:#0b2239} .nova-adv-score span{display:block;color:#8fb1ca!important;font-size:12px}.nova-adv-score b{font-size:25px;color:#fff!important} .nova-adv-progress-meta{display:flex;justify-content:space-between;gap:10px;margin:16px 2px 7px;font-size:13px;color:#a8bfd2} .nova-adv-progress{height:10px;background:#091827;border:1px solid #23415b;border-radius:999px;overflow:hidden} .nova-adv-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--adv-blue),var(--adv-cyan));transition:width .3s ease} .nova-adv-toolbar{display:flex;gap:9px;flex-wrap:wrap;margin:15px 0} .nova-adv-image{margin:0;border-radius:18px;overflow:hidden;border:1px solid var(--adv-line);background:#02060a}.nova-adv-image img{display:block;width:100%;height:auto} .nova-adv-dialog{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:start;margin-top:14px;padding:15px;border:1px solid var(--adv-line);border-radius:16px;background:#0a1b2d} .nova-adv-avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#136eb0,#23c1ff);font-size:20px;font-weight:900;color:#fff!important} .nova-adv-dialog b{color:var(--adv-cyan)!important}.nova-adv-dialog p{margin:4px 0 0!important;line-height:1.55} .nova-adv-mission{margin-top:14px;padding:17px;border:1px solid var(--adv-line);border-radius:18px;background:#0b192a} .nova-adv-mission-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.nova-adv-mission-head h3{color:#fff!important;margin:3px 0 5px!important} #advBadge{padding:7px 10px;border:1px solid #2e6d97;border-radius:999px;color:var(--adv-cyan)!important;background:#0b2942;font-size:12px;font-weight:800} .nova-adv-interaction{display:grid;gap:10px;margin-top:15px} .nova-adv-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:9px} .nova-adv-choices button,.nova-adv-step{border:1px solid var(--adv-line);background:#10253d;color:#eff8ff;border-radius:12px;padding:12px;font-weight:750;cursor:pointer} .nova-adv-choices button:hover{border-color:#62d8ff}.nova-adv-choices button.correct{border-color:#42d37b;background:#123d2a}.nova-adv-choices button.wrong{border-color:#ff6d6d;background:#3a1820} .nova-adv-action-info{padding:13px;border:1px solid #24435c;border-radius:12px;background:#0d2238;color:#abc2d6} .nova-adv-feedback{min-height:28px;margin-top:10px;font-weight:750}.nova-adv-feedback.good{color:#50dc86}.nova-adv-feedback.bad{color:#ff8585}.nova-adv-feedback.info{color:#ffd467} .nova-adv-nav{display:flex;justify-content:space-between;gap:10px;margin-top:12px} .nova-adv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px} .nova-adv-step{text-align:left;min-height:66px}.nova-adv-step small{display:block;margin-top:4px;color:#94adc1!important} .nova-adv-step.active{border-color:var(--adv-blue);box-shadow:inset 0 0 0 1px #25a7ff55}.nova-adv-step.done{border-color:#3bad70;background:#0e3024}.nova-adv-step:disabled{opacity:.42;cursor:not-allowed} .nova-adv-final{text-align:center;margin-top:14px;padding:22px;border:1px solid #2a5878;border-radius:18px;background:linear-gradient(180deg,#0d2841,#091827)} .nova-adv-trophy{font-size:44px}.nova-adv-final h3{color:#fff!important} .nova-adv-rewards{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:13px 0}.nova-adv-rewards span{padding:8px 11px;border:1px solid #2d6083;border-radius:999px;background:#102b45;color:#eaf7ff!important} .nova-adv-final blockquote{margin:17px auto;padding:13px;max-width:620px;border-left:3px solid var(--adv-cyan);background:#091a2b;color:#fff;font-weight:750} @media(max-width:700px){.nova-adv-shell{padding:12px;margin:-2px}.nova-adv-choices{grid-template-columns:1fr}.nova-adv-grid{grid-template-columns:repeat(2,1fr)}.nova-adv-toolbar .btn{flex:1 1 45%}.nova-adv-head{align-items:flex-start}} /* NOVA Adventure: alle 16 Stationskarten sind direkt anklickbar */ .nova-adv-step{transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease} .nova-adv-step:hover{transform:translateY(-2px);border-color:#5fdcff;box-shadow:0 8px 20px rgba(37,167,255,.16)} .nova-adv-step:disabled{opacity:1!important;cursor:pointer!important} /* NOVA Adventure Rätsel-Eingaben */ .nova-adv-answer-row{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap} .nova-adv-answer-input{flex:1 1 220px;min-width:0;padding:14px 15px;border-radius:12px;border:1px solid #35617f;background:#071827;color:#fff;font-size:17px;outline:none} .nova-adv-answer-input:focus{border-color:#62d8ff;box-shadow:0 0 0 3px rgba(98,216,255,.12)} @media(max-width:520px){.nova-adv-answer-row .btn{width:100%}} /* NOVA Adventure Audio-Aufgabe */ .nova-adv-audio-box{ display:flex;flex-direction:column;gap:5px; padding:14px 15px;border:1px solid #3a6687;border-radius:13px; background:linear-gradient(135deg,#0c2034,#102b43); } .nova-adv-audio-box b{color:#fff!important;font-size:17px} .nova-adv-audio-box span{color:#b6cadb!important} /* NOVA Adventure Audio-Fix 2 */ .nova-adv-audio-play{font-size:18px;min-height:56px} .nova-adv-signal-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px} .nova-adv-signal-buttons .btn{min-height:54px;font-size:17px} @media(max-width:560px){.nova-adv-signal-buttons{grid-template-columns:1fr}} /* NOVA Adventure final image-synced puzzle UI */ .nova-adv-symbol-game{display:grid;gap:12px} .nova-adv-symbol-answers{display:grid;grid-template-columns:repeat(4,1fr);gap:10px} .nova-adv-symbol-answers button{ min-height:92px;border:1px solid #35617f;border-radius:14px; background:#10253d;color:#fff;display:flex;flex-direction:column; align-items:center;justify-content:center;gap:8px;font-weight:800;cursor:pointer } .nova-adv-symbol-answers button span{font-size:28px} .nova-adv-symbol-answers button.correct{border-color:#42d37b;background:#123d2a} .nova-adv-symbol-answers button.wrong{border-color:#ff6d6d;background:#3a1820} @media(max-width:650px){.nova-adv-symbol-answers{grid-template-columns:repeat(2,1fr)}} /* NOVA Adventure: vergrößerte Bildausschnitte + neutrale Eingaben */ .nova-adv-task-crop{ margin:14px 0 16px; border:1px solid #35617f; border-radius:16px; overflow:hidden; background:#050b12; box-shadow:0 10px 28px rgba(0,0,0,.28); } .nova-adv-task-crop img{ display:block; width:100%; height:auto; max-height:440px; object-fit:contain; background:#08111d; } .nova-adv-answer-input::placeholder{ color:#7f98ad; opacity:.78; } @media(max-width:700px){ .nova-adv-task-crop img{max-height:360px} } /* ========================================================= NOVA AI – Nova + NOA Duo Avatar · stabile Ein-Bild-Version ========================================================= */ /* Keine alten Halo-/Lade-Hintergründe mehr */ .nova-ai-stage #novaAvatarVisual.nova-duo-avatar{ position:absolute!important; top:8px!important; left:50%!important; right:auto!important; bottom:auto!important; inset:auto!important; width:414px!important; height:330px!important; max-width:calc(100% - 24px)!important; display:flex!important; align-items:flex-start!important; justify-content:center!important; overflow:hidden!important; border:0!important; border-radius:24px!important; background:transparent!important; box-shadow:none!important; pointer-events:auto!important; cursor:pointer!important; z-index:7!important; transform:translateX(-50%) translateY(0); animation:novaDuoFloat 6s ease-in-out infinite!important; transition:transform .28s ease,filter .28s ease!important; -webkit-mask-image:none!important; mask-image:none!important; } /* Alte Zusatzgrafiken sicher deaktivieren */ .nova-ai-stage #novaAvatarVisual.nova-duo-avatar .halo, .nova-ai-stage #novaAvatarVisual.nova-duo-avatar::before, .nova-ai-stage #novaAvatarVisual.nova-duo-avatar::after{ display:none!important; content:none!important; } .nova-ai-stage #novaAvatarVisual.nova-duo-avatar img{ display:block!important; width:auto!important; height:330px!important; max-width:100%!important; object-fit:contain!important; object-position:center top!important; margin:0 auto!important; position:relative!important; z-index:2!important; transform:none!important; animation:none!important; filter:drop-shadow(0 20px 34px rgba(0,48,96,.25))!important; transition:filter .3s ease,transform .3s ease!important; } .nova-ai-stage #novaAvatarVisual.nova-duo-avatar:hover img{ transform:scale(1.012)!important; filter:drop-shadow(0 24px 38px rgba(0,97,185,.32))!important; } /* Einzige Bewegung: leichtes gemeinsames Schweben */ @keyframes novaDuoFloat{ 0%,100%{transform:translateX(-50%) translateY(0)} 50%{transform:translateX(-50%) translateY(-5px)} } /* Online-Badge unter dem Duo zentrieren */ .nova-ai-stage .ai-online-badge{ top:286px!important; left:50%!important; transform:translateX(-50%)!important; z-index:12!important; } /* Kalender bleibt sauber unter dem Avatar */ .nova-calendar{ top:344px!important; } /* Chat-Portrait mit demselben Bild, ohne Crop/Flackern */ .beta-chat-portrait{ overflow:hidden!important; } .beta-chat-portrait img{ width:100%!important; height:100%!important; object-fit:cover!important; object-position:center 18%!important; } /* Tablet */ @media(max-width:850px){ .nova-ai-stage #novaAvatarVisual.nova-duo-avatar{ width:397px!important; height:316px!important; top:9px!important; } .nova-ai-stage #novaAvatarVisual.nova-duo-avatar img{ height:316px!important; } .nova-ai-stage .ai-online-badge{ top:272px!important; } .nova-calendar{ top:330px!important; } } /* Mobile: gleiche Proportion, nur proportional kleiner */ @media(max-width:600px){ .nova-ai-stage #novaAvatarVisual.nova-duo-avatar{ width:350px!important; height:279px!important; max-width:calc(100% - 8px)!important; top:10px!important; } .nova-ai-stage #novaAvatarVisual.nova-duo-avatar img{ height:279px!important; } .nova-ai-stage .ai-online-badge{ top:236px!important; } .nova-calendar{ top:294px!important; } } @media(max-width:390px){ .nova-ai-stage #novaAvatarVisual.nova-duo-avatar{ width:326px!important; height:260px!important; } .nova-ai-stage #novaAvatarVisual.nova-duo-avatar img{ height:260px!important; } .nova-ai-stage .ai-online-badge{ top:220px!important; } .nova-calendar{ top:278px!important; } } @media(prefers-reduced-motion:reduce){ .nova-ai-stage #novaAvatarVisual.nova-duo-avatar{ animation:none!important; } } /* ========================================================= NOVA + NOA Avatar Layout Fix Avatar bleibt vollständig OBERHALB des Kalenders. Desktop + Tablet + Mobile. ========================================================= */ .nova-ai-stage{ position:relative!important; } /* Desktop: Bild kompakter und klar oberhalb des Kalenders */ .nova-ai-stage #novaAvatarVisual.nova-duo-avatar{ top:4px!important; width:340px!important; height:271px!important; max-width:calc(100% - 28px)!important; overflow:hidden!important; } .nova-ai-stage #novaAvatarVisual.nova-duo-avatar img{ width:340px!important; height:271px!important; max-width:100%!important; object-fit:contain!important; object-position:center top!important; } /* Badge direkt unter Avatar, nicht im Kalender */ .nova-ai-stage .ai-online-badge{ top:246px!important; left:50%!important; transform:translateX(-50%)!important; z-index:12!important; } /* Kalender bekommt eigenen sicheren Bereich */ .nova-calendar{ top:292px!important; z-index:5!important; } /* Tablet */ @media(max-width:850px){ .nova-ai-stage #novaAvatarVisual.nova-duo-avatar{ top:5px!important; width:320px!important; height:255px!important; max-width:calc(100% - 20px)!important; } .nova-ai-stage #novaAvatarVisual.nova-duo-avatar img{ width:320px!important; height:255px!important; } .nova-ai-stage .ai-online-badge{ top:230px!important; } .nova-calendar{ top:276px!important; } } /* Handy */ @media(max-width:600px){ .nova-ai-stage #novaAvatarVisual.nova-duo-avatar{ top:4px!important; width:280px!important; height:223px!important; max-width:calc(100% - 16px)!important; border-radius:18px!important; } .nova-ai-stage #novaAvatarVisual.nova-duo-avatar img{ width:280px!important; height:223px!important; object-fit:contain!important; } .nova-ai-stage .ai-online-badge{ top:199px!important; } .nova-calendar{ top:246px!important; } } /* Sehr kleine Smartphones */ @media(max-width:390px){ .nova-ai-stage #novaAvatarVisual.nova-duo-avatar{ width:250px!important; height:199px!important; max-width:calc(100% - 12px)!important; } .nova-ai-stage #novaAvatarVisual.nova-duo-avatar img{ width:250px!important; height:199px!important; } .nova-ai-stage .ai-online-badge{ top:177px!important; } .nova-calendar{ top:224px!important; } } /* ========================================================= NOVA + NOA – LARGE GLOW AVATAR FINAL OVERRIDE Größer, klar vom Kalender getrennt, mit NOVA-Leuchtrahmen. ========================================================= */ .nova-ai-stage #novaAvatarVisual.nova-duo-avatar{ top:4px!important; width:430px!important; height:343px!important; max-width:calc(100% - 22px)!important; padding:4px!important; box-sizing:border-box!important; overflow:hidden!important; border:1px solid rgba(80,190,255,.78)!important; border-radius:28px!important; background:linear-gradient(145deg,rgba(0,119,255,.13),rgba(0,229,255,.05))!important; box-shadow: 0 0 0 1px rgba(100,210,255,.18), 0 0 16px rgba(0,153,255,.45), 0 0 34px rgba(0,105,255,.28), inset 0 0 20px rgba(0,160,255,.10)!important; animation:novaDuoGlowFloat 6s ease-in-out infinite!important; } .nova-ai-stage #novaAvatarVisual.nova-duo-avatar img{ width:100%!important; height:100%!important; max-width:none!important; object-fit:cover!important; object-position:center center!important; border-radius:23px!important; filter:none!important; } .nova-ai-stage #novaAvatarVisual.nova-duo-avatar:hover{ box-shadow: 0 0 0 1px rgba(130,225,255,.32), 0 0 22px rgba(0,183,255,.58), 0 0 46px rgba(0,110,255,.34), inset 0 0 24px rgba(0,190,255,.14)!important; } .nova-ai-stage #novaAvatarVisual.nova-duo-avatar:hover img{ transform:scale(1.008)!important; filter:none!important; } @keyframes novaDuoGlowFloat{ 0%,100%{transform:translateX(-50%) translateY(0)} 50%{transform:translateX(-50%) translateY(-5px)} } /* Der Kalender beginnt bewusst erst NACH dem großen Avatar */ .nova-ai-stage .ai-online-badge{ top:316px!important; } .nova-calendar{ top:368px!important; } /* Tablet */ @media(max-width:850px){ .nova-ai-stage #novaAvatarVisual.nova-duo-avatar{ width:400px!important; height:319px!important; max-width:calc(100% - 18px)!important; border-radius:25px!important; } .nova-ai-stage #novaAvatarVisual.nova-duo-avatar img{ border-radius:20px!important; } .nova-ai-stage .ai-online-badge{top:292px!important} .nova-calendar{top:344px!important} } /* Smartphone – groß, aber mit sicherem Seitenabstand */ @media(max-width:600px){ .nova-ai-stage #novaAvatarVisual.nova-duo-avatar{ top:5px!important; width:350px!important; height:279px!important; max-width:calc(100% - 14px)!important; padding:3px!important; border-radius:22px!important; } .nova-ai-stage #novaAvatarVisual.nova-duo-avatar img{ border-radius:18px!important; } .nova-ai-stage .ai-online-badge{top:254px!important} .nova-calendar{top:304px!important} } /* 390px und kleiner */ @media(max-width:390px){ .nova-ai-stage #novaAvatarVisual.nova-duo-avatar{ width:326px!important; height:260px!important; max-width:calc(100% - 10px)!important; } .nova-ai-stage .ai-online-badge{top:236px!important} .nova-calendar{top:286px!important} } @media(prefers-reduced-motion:reduce){ .nova-ai-stage #novaAvatarVisual.nova-duo-avatar{ animation:none!important; } } /* === NOVA Bücherei V66 === */ .nova-library-home{display:grid;gap:20px}.nova-library-hero{padding:18px;border:1px solid rgba(79,155,255,.35);border-radius:22px;background:linear-gradient(135deg,rgba(31,105,255,.12),rgba(108,69,255,.08));}.nova-library-shelf{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,280px));gap:18px}.nova-book-card{position:relative;border:1px solid rgba(100,160,255,.3);border-radius:20px;padding:14px;background:var(--panel,#0b1b2d);text-align:left}.nova-book-card img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:14px;box-shadow:0 14px 30px rgba(0,0,0,.25)}.nova-book-card h3{margin:12px 0 4px}.nova-book-card small{opacity:.75}.nova-reader{max-width:1120px;margin:auto}.nova-reader-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;flex-wrap:wrap}.nova-reader-book{position:relative;min-height:min(82vh,940px);border-radius:24px;padding:32px 34px 38px;background:#f7f1e4;color:#222;box-shadow:0 20px 60px rgba(0,0,0,.28),inset 0 0 40px rgba(100,70,30,.08);overflow:auto}.nova-reader-book.cover-page{padding:0;background:#07101d;overflow:hidden;min-height:min(82vh,940px)}.nova-reader-book.cover-page img{width:100%;height:min(82vh,940px);object-fit:contain;display:block}.nova-page-art{height:210px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:78px;margin-bottom:24px;background:linear-gradient(135deg,#d9eaff,#f6e8c9);border:1px solid rgba(50,80,120,.15)}.nova-page-kicker{font:700 14px/1.2 system-ui;letter-spacing:.12em;text-transform:uppercase;color:#2769b3;max-width:840px;margin:0 auto}.nova-reader-book h2{font-family:Georgia,serif;font-size:clamp(32px,4vw,46px);margin:10px auto 22px;max-width:840px}.nova-page-text{font-family:Georgia,serif;font-size:clamp(20px,2vw,25px);line-height:1.78;max-width:840px;margin:auto}.nova-page-text p{margin:0}.nova-page-text p:first-child:first-letter{float:left;font-size:3.35em;line-height:.82;padding:4px 10px 0 0;color:#236bd2}.nova-clue{margin:28px auto 0;max-width:840px;padding:17px 19px;border-radius:14px;background:#e8f2ff;border-left:4px solid #2375e8;font:600 17px/1.55 system-ui;color:#15365c}.nova-page-number{text-align:center;margin-top:26px;font:700 15px system-ui;opacity:.6}.nova-reader-nav{display:flex;justify-content:center;gap:10px;margin-top:14px}.nova-reader-nav button,.nova-reader-toolbar button{padding:10px 15px;border-radius:12px}.nova-book-sound{min-width:46px;font-size:18px}.nova-progress{height:5px;background:rgba(100,140,190,.2);border-radius:99px;overflow:hidden;flex:1;min-width:120px}.nova-progress>i{display:block;height:100%;background:#2f7df4}.nova-library-tile{position:relative;overflow:hidden} body.light .nova-book-card{background:#fff;color:#10213a}.dark .nova-reader-book{background:#f4eddf;color:#202020} @media(max-width:650px){.nova-reader{max-width:none}.nova-reader-book{min-height:82vh;padding:22px 18px 30px;border-radius:18px}.nova-reader-book.cover-page{min-height:82vh}.nova-reader-book.cover-page img{height:82vh}.nova-page-art{height:155px;font-size:62px;margin-bottom:20px}.nova-page-kicker{font-size:12px}.nova-reader-book h2{font-size:clamp(30px,9vw,38px);margin-bottom:18px}.nova-page-text{font-size:clamp(20px,5.4vw,23px);line-height:1.72}.nova-clue{font-size:16px;line-height:1.5;padding:15px}.nova-reader-toolbar{font-size:13px;gap:8px}.nova-library-shelf{grid-template-columns:1fr}.nova-book-card{max-width:310px;margin:auto}.nova-reader-nav{position:sticky;bottom:6px;z-index:3}.nova-reader-nav button{flex:1;min-height:48px}.nova-book-sound{min-width:44px;padding:9px 10px!important}} /* === NOVA Bücherei V66.2 · Reader XXL + Dashboard-Fortsetzen === */ #moduleModal.nova-book-reader-open .modal-panel{ width:min(1240px,calc(100% - 18px)); max-height:98vh; margin:1vh auto; padding:16px 18px 22px; } #moduleModal.nova-book-reader-open .modal-close{display:none} .nova-reader{max-width:1180px;margin:0 auto} .nova-reader-toolbar{position:sticky;top:0;z-index:8;padding:6px 0 12px;background:inherit} .nova-reader-dashboard{font-weight:850;white-space:nowrap} .nova-reader-x{width:46px;height:46px;display:grid;place-items:center;border-radius:50%!important;font-size:30px!important;line-height:1;padding:0!important;flex:0 0 auto} .nova-reader-book{ min-height:1120px; padding:42px 48px 50px; border-radius:26px; } .nova-reader-book.cover-page{ min-height:0; padding:0; background:#07101d; overflow:hidden; } .nova-reader-book.cover-page img{ display:block; width:100%; height:auto; max-height:none; object-fit:contain; border-radius:24px; } .nova-page-art{height:240px;font-size:88px;margin-bottom:30px} .nova-page-kicker{font-size:15px;max-width:930px} .nova-reader-book h2{font-size:clamp(38px,4.3vw,54px);max-width:930px;margin:12px auto 28px} .nova-page-text{font-size:clamp(23px,2.15vw,29px);line-height:1.82;max-width:930px} .nova-clue{max-width:930px;font-size:19px;line-height:1.62;padding:20px 22px;margin-top:34px} .nova-page-number{font-size:17px;margin-top:32px} .nova-reader-nav{align-items:center;gap:14px;margin-top:16px} .nova-reader-page-marker{min-width:100px;text-align:center;font-weight:900;font-size:17px;letter-spacing:.04em} .nova-book-progress-note{display:block;margin-top:10px;font-weight:800;color:#2375e8;font-size:13px} .nova-book-resume{ position:fixed; right:22px; bottom:92px; z-index:990; display:flex; align-items:center; gap:12px; min-width:290px; max-width:min(390px,calc(100vw - 28px)); padding:13px 15px; border:1px solid rgba(68,145,255,.55); border-radius:18px; background:linear-gradient(135deg,#071c35,#0c3158); color:#fff; box-shadow:0 16px 46px rgba(0,21,52,.35); cursor:pointer; text-align:left; } .nova-book-resume:hover{transform:translateY(-2px)} .nova-book-resume-icon{font-size:30px;flex:0 0 auto} .nova-book-resume span:nth-child(2){display:grid;gap:2px;flex:1} .nova-book-resume b{font-size:15px}.nova-book-resume small{font-size:12px;color:#bcdcff} .nova-book-resume em{font-size:30px;font-style:normal;color:#73b7ff} @media(max-width:650px){ #moduleModal.nova-book-reader-open .modal-panel{ width:calc(100% - 8px); max-height:99vh; margin:.5vh auto; padding:10px 8px 16px; border-radius:18px; } .nova-reader-toolbar{gap:6px;padding:4px 0 10px} .nova-reader-toolbar>b{display:none} .nova-reader-dashboard{font-size:12px;padding:10px 11px!important} .nova-progress{min-width:42px} #bookCount{font-size:12px;white-space:nowrap} .nova-book-sound{min-width:42px!important;width:42px;height:42px;padding:0!important} .nova-reader-x{width:42px;height:42px;font-size:27px!important} .nova-reader-book{ min-height:120vh; padding:30px 20px 42px; border-radius:18px; } .nova-reader-book.cover-page{min-height:0;padding:0} .nova-reader-book.cover-page img{width:100%;height:auto;border-radius:17px} .nova-page-art{height:190px;font-size:72px;margin-bottom:24px} .nova-page-kicker{font-size:13px;line-height:1.35} .nova-reader-book h2{font-size:clamp(34px,10.5vw,44px);line-height:1.08;margin:12px auto 24px} .nova-page-text{font-size:clamp(24px,6.4vw,28px);line-height:1.78} .nova-clue{font-size:18px;line-height:1.55;padding:17px 16px;margin-top:28px} .nova-page-number{font-size:16px;margin-top:30px} .nova-reader-nav{position:sticky;bottom:4px;z-index:7;padding:7px;border-radius:16px;background:rgba(5,20,38,.92);backdrop-filter:blur(10px)} .nova-reader-nav button{min-height:52px;font-size:16px} .nova-reader-page-marker{color:#fff;min-width:68px;font-size:15px} .nova-book-resume{left:10px;right:10px;bottom:82px;min-width:0;max-width:none;padding:12px 14px;border-radius:16px} } /* V66.3 NOVA Reader – interactive discovery links */ .nova-reader-toolbar>b{white-space:nowrap} .nova-reader-booktitle{font-weight:600;opacity:.72;font-size:.82em} .nova-reader-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(30,110,210,.22)} .nova-reader-link{appearance:none;border:1px solid #2d7eea;background:#f7fbff;color:#075ecb;border-radius:12px;padding:10px 14px;font:700 15px/1.25 inherit;cursor:pointer;box-shadow:0 3px 10px rgba(20,80,160,.08)} .nova-reader-link:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(20,80,160,.14)} body.dark .nova-reader-link,.dark .nova-reader-link{background:#071b31;color:#7fc1ff;border-color:#277bd8} @media(max-width:700px){ .nova-reader-toolbar>b{font-size:15px} .nova-reader-booktitle{display:none} .nova-reader-links{gap:8px} .nova-reader-link{width:100%;font-size:17px;padding:13px 12px;text-align:left} } /* V66.4 Liebe & Leben + NOVA Reader closing page */ .nova-library-shelf{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px} .nova-love-art{background:linear-gradient(145deg,#fff4f6,#fffaf4)} .nova-book-info-page{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center} .nova-book-info-page>p{max-width:700px} .nova-reader-ending{margin-top:28px;padding:24px 20px;border-top:1px solid rgba(190,80,100,.2);display:flex;flex-direction:column;gap:8px;align-items:center} .nova-reader-ending>span{font-size:42px}.nova-reader-ending>b{font-size:22px}.nova-reader-ending>strong{font-size:17px;font-weight:600}.nova-reader-ending>em{font-size:24px;font-style:normal;font-weight:800;margin-top:8px} /* V66.5 longer novel text */ .nova-page-text p+p{margin-top:1.05em} .nova-love-reader .nova-page-text{line-height:1.72} /* V66.6 NOVA Reader: 5-step font zoom + fullscreen */ .nova-reader-tools{display:flex;align-items:center;gap:6px;margin-left:auto} .nova-reader-tool{min-width:38px;height:36px;border-radius:10px;border:1px solid rgba(55,120,210,.28);background:rgba(255,255,255,.88);font-weight:800;cursor:pointer;padding:0 10px} .dark .nova-reader-tool, body.dark .nova-reader-tool{background:#0a2039;color:#eef7ff;border-color:#275d99} .nova-reader[data-font-scale="1"] .nova-page-text{font-size:.90em} .nova-reader[data-font-scale="2"] .nova-page-text{font-size:1.00em} .nova-reader[data-font-scale="3"] .nova-page-text{font-size:1.12em} .nova-reader[data-font-scale="4"] .nova-page-text{font-size:1.26em} .nova-reader[data-font-scale="5"] .nova-page-text{font-size:1.42em} .nova-reader[data-font-scale="1"] .nova-clue{font-size:.92em} .nova-reader[data-font-scale="2"] .nova-clue{font-size:1em} .nova-reader[data-font-scale="3"] .nova-clue{font-size:1.06em} .nova-reader[data-font-scale="4"] .nova-clue{font-size:1.13em} .nova-reader[data-font-scale="5"] .nova-clue{font-size:1.20em} .nova-reader:fullscreen, .nova-reader:-webkit-full-screen{ width:100vw;height:100vh;max-width:none;margin:0;background:var(--panel,#fff); display:flex;flex-direction:column;padding:14px;box-sizing:border-box; } .nova-reader:fullscreen .nova-reader-book, .nova-reader:-webkit-full-screen .nova-reader-book{ flex:1;min-height:0;max-height:none;height:auto; } .nova-reader:fullscreen .nova-reader-nav, .nova-reader:-webkit-full-screen .nova-reader-nav{flex:0 0 auto} @media(max-width:700px){ .nova-reader-toolbar{gap:6px;flex-wrap:wrap} .nova-reader-tools{width:100%;justify-content:flex-end} .nova-reader-tool{height:40px;min-width:44px;font-size:16px} .nova-reader[data-font-scale="4"] .nova-page-text{font-size:1.30em} .nova-reader[data-font-scale="5"] .nova-page-text{font-size:1.50em} } /* V66.7 – 50-page complete novel + direct Google Maps discovery */ .nova-map-link{font-weight:800} .nova-love-reader .nova-page-text p{max-width:76ch;margin-left:auto;margin-right:auto} .nova-love-reader .nova-reader-book{scroll-behavior:smooth} @media(max-width:700px){.nova-love-reader .nova-page-text p{max-width:none}} /* V66.8 NOVA Reader – unified mobile reader shell */ .nova-reader{ --reader-toolbar-h: 118px; --reader-nav-h: 72px; position:relative; } .nova-reader-toolbar{ display:flex; flex-direction:column; gap:8px; } .nova-reader-toolbar-top, .nova-reader-toolbar-bottom{ display:flex; align-items:center; gap:10px; } .nova-reader-toolbar-top b{flex:1;text-align:center} .nova-reader-toolbar-bottom .nova-progress{flex:1} .nova-reader-page-jump{ display:flex; align-items:center; gap:6px; white-space:nowrap; font-weight:800; font-size:14px; } .nova-reader-page-jump input{ width:58px; height:38px; border:1px solid rgba(70,110,160,.35); border-radius:10px; text-align:center; font:800 16px/1 system-ui; background:#fff; color:#10213a; } .dark .nova-reader-page-jump input, body.dark .nova-reader-page-jump input{ background:#0b1f35; color:#fff; border-color:#315f91; } .nova-reader-x{margin-left:auto} .nova-reader-nav{ background:var(--panel,#fff); border:1px solid rgba(90,120,160,.20); border-radius:16px; padding:8px; box-shadow:0 -8px 26px rgba(0,0,0,.10); } @media(max-width:650px){ #moduleModal.nova-book-reader-open .modal-panel{ width:100%; height:100dvh; max-height:100dvh; margin:0; padding:0; border-radius:0; overflow:hidden; } #moduleModal.nova-book-reader-open .modal-panel>.modal-close{display:none!important} .nova-reader{ height:100dvh; max-width:none!important; margin:0!important; display:grid; grid-template-rows:auto minmax(0,1fr) auto; background:var(--panel,#fff); overflow:hidden; } .nova-reader-toolbar{ position:relative!important; top:auto!important; z-index:30; margin:0!important; padding:8px 10px 7px!important; background:var(--panel,#fff)!important; border-bottom:1px solid rgba(80,120,160,.20); box-shadow:0 4px 16px rgba(0,0,0,.08); } .nova-reader-toolbar-top{gap:7px} .nova-reader-toolbar-top>b{display:none!important} .nova-reader-dashboard{ flex:1; min-width:0; font-size:13px!important; padding:10px 12px!important; text-align:left; } .nova-reader-x{ width:44px!important; height:44px!important; min-width:44px; margin-left:0!important; font-size:28px!important; } .nova-reader-toolbar-bottom{ display:grid; grid-template-columns:minmax(50px,1fr) auto; gap:8px; } .nova-reader-toolbar-bottom .nova-progress{ grid-column:1 / -1; min-width:0; width:100%; } .nova-reader-page-jump{ grid-column:1; justify-self:start; font-size:13px; } .nova-reader-page-jump input{ width:52px; height:36px; font-size:15px; } .nova-reader-tools{ grid-column:2; width:auto!important; margin-left:0!important; justify-content:flex-end!important; gap:5px!important; } .nova-reader-tool{ min-width:42px!important; width:42px; height:40px!important; padding:0!important; font-size:15px!important; } .nova-book-sound{width:42px!important;min-width:42px!important} .nova-reader-book, .nova-reader-book.cover-page{ min-height:0!important; height:100%!important; max-height:none!important; overflow-y:auto!important; overscroll-behavior:contain; border-radius:0!important; margin:0!important; padding:28px 20px 36px!important; } .nova-reader-book.cover-page{ padding:0!important; background:#07101d; } .nova-reader-book.cover-page img{ width:100%!important; height:100%!important; object-fit:contain!important; border-radius:0!important; } .nova-reader-nav{ position:relative!important; bottom:auto!important; z-index:30; margin:0!important; padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important; border-radius:0!important; border-left:0; border-right:0; border-bottom:0; background:var(--panel,#fff)!important; display:grid!important; grid-template-columns:1fr auto 1fr; align-items:center; gap:8px!important; box-shadow:0 -4px 16px rgba(0,0,0,.10); } .nova-reader-nav button{ min-height:46px!important; width:100%; font-size:16px; } .nova-reader-page-marker{ min-width:72px!important; font-size:15px!important; white-space:nowrap; } } /* ========================================================= NOVA AI CHAT · Externe KI-Assistenten ========================================================= */ .nova-external-ai{ display:grid; grid-template-columns:minmax(190px,.72fr) minmax(0,1.6fr); gap:14px; align-items:center; margin:12px 0 14px; padding:13px; border:1px solid rgba(82,164,215,.28); border-radius:16px; background:linear-gradient(135deg,rgba(26,89,139,.10),rgba(12,44,72,.06)); } .nova-external-ai-copy{display:flex;flex-direction:column;gap:4px} .nova-external-ai-copy b{font-size:15px} .nova-external-ai-copy small{opacity:.72;line-height:1.35} .nova-external-ai-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px} .nova-ai-link{ min-width:0;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto; column-gap:8px;align-items:center;padding:10px 11px; border:1px solid rgba(93,174,224,.30);border-radius:13px; text-decoration:none!important;color:inherit!important;background:rgba(15,67,105,.10); transition:transform .16s ease,border-color .16s ease,background .16s ease; } .nova-ai-link:hover{transform:translateY(-2px);border-color:rgba(73,194,255,.72);background:rgba(34,134,196,.14)} .nova-ai-link>span{grid-row:1/3;font-size:21px;line-height:1} .nova-ai-link>b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .nova-ai-link>small{font-size:11px;opacity:.68;white-space:nowrap} @media(max-width:900px){.nova-external-ai{grid-template-columns:1fr}} @media(max-width:600px){ .nova-external-ai{padding:11px;margin:10px 0 12px} .nova-external-ai-links{grid-template-columns:repeat(2,minmax(0,1fr))} .nova-ai-link{min-height:58px} } /* ========================================================= NOVA READER V66.13 · finale Buchnavigation + Vorlesen ========================================================= */ /* Das äußere X bleibt auch im geöffneten Buch sichtbar: äußeres X = komplette Bücherei schließen / Dashboard. */ #moduleModal.nova-book-reader-open .modal-panel>.modal-close{ display:grid!important; place-items:center; z-index:30; } /* Inneres Reader-X bleibt im Buchkopf: inneres X = zurück zur NOVA Bücherei. */ #moduleModal.nova-book-reader-open .nova-reader-x{ display:grid!important; position:relative; z-index:20; } /* Genug Platz oben rechts für beide X-Schaltflächen. */ #moduleModal.nova-book-reader-open .nova-reader-toolbar-top{ padding-right:52px; } .nova-reader-ttsbar{ display:grid; grid-template-columns:minmax(210px,1fr) auto; gap:12px; align-items:end; margin:14px 0 10px; padding:11px 12px; border:1px solid rgba(70,150,225,.30); border-radius:14px; background:rgba(32,112,190,.08); } .nova-reader-voice-label{ display:grid; gap:5px; font-size:12px; font-weight:800; } .nova-reader-voice-select{ width:100%; min-width:0; padding:9px 10px; border:1px solid #c5d8ee; border-radius:10px; background:#fff; color:#10233f; font:inherit; } .nova-reader-tts-actions{ display:flex; gap:8px; flex-wrap:wrap; } .nova-reader-tts-actions button{ min-height:42px; padding:9px 14px; border:1px solid #bdd2ea; border-radius:11px; background:#fff; color:#10233f; font:inherit; font-weight:800; cursor:pointer; } .nova-reader-tts-actions button:first-child{ background:linear-gradient(135deg,#2569e8,#2498ef); color:#fff; border-color:transparent; } body.dark-mode .nova-reader-voice-select, body.dark-mode .nova-reader-tts-actions button{ background:#10283b; color:#f3f8ff; border-color:#315678; } @media(max-width:650px){ #moduleModal.nova-book-reader-open .nova-reader-toolbar-top{ padding-right:46px; } .nova-reader-ttsbar{ grid-template-columns:1fr; gap:9px; } .nova-reader-tts-actions{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); } .nova-reader-tts-actions button{ min-width:0; padding:9px 5px; font-size:13px; } } /* ========================================================= NOVA BÜCHEREI / READER V66.14 · vollständiges Light/Dark Theme ========================================================= */ :root{ --nr-bg:#f3f7fb; --nr-surface:#ffffff; --nr-surface-2:#f8fbff; --nr-surface-3:#edf4fb; --nr-text:#11243d; --nr-text-soft:#445f7e; --nr-muted:#70859b; --nr-heading:#0b1d34; --nr-border:#d7e3ef; --nr-border-strong:#bcd0e3; --nr-accent:#1674e8; --nr-accent-soft:#e9f4ff; --nr-paper:#fffaf0; --nr-paper-text:#243d5c; --nr-shadow:0 12px 32px rgba(27,62,100,.13); } body.dark-mode, body.dark-mode-theme, body.dark-theme, html[data-theme="dark"] body, body[data-theme="dark"]{ --nr-bg:#061522; --nr-surface:#0c2031; --nr-surface-2:#10283b; --nr-surface-3:#143047; --nr-text:#edf6ff; --nr-text-soft:#c7d9ea; --nr-muted:#91a9bf; --nr-heading:#ffffff; --nr-border:#28475f; --nr-border-strong:#3a617d; --nr-accent:#58baff; --nr-accent-soft:#123b59; --nr-paper:#102739; --nr-paper-text:#e8f2fb; --nr-shadow:0 14px 36px rgba(0,0,0,.36); } /* Modal / Hauptflächen */ #moduleModal .nova-reader, #moduleModal .nova-library, #moduleModal .nova-library-wrap, #moduleModal .nova-library-main, #moduleModal .nova-reader-main, #moduleModal .nova-reader-shell{ background:var(--nr-bg)!important; color:var(--nr-text)!important; } /* Kopfzeilen / Navigation / Seitenleisten */ #moduleModal .nova-reader-toolbar, #moduleModal .nova-reader-toolbar-top, #moduleModal .nova-reader-toolbar-bottom, #moduleModal .nova-reader-nav, #moduleModal .nova-reader-sidebar, #moduleModal .nova-library-header, #moduleModal .nova-library-toolbar, #moduleModal .nova-library-footer{ background:var(--nr-surface)!important; color:var(--nr-text)!important; border-color:var(--nr-border)!important; } /* Hauptschriften */ #moduleModal .nova-reader h1, #moduleModal .nova-reader h2, #moduleModal .nova-reader h3, #moduleModal .nova-reader h4, #moduleModal .nova-library h1, #moduleModal .nova-library h2, #moduleModal .nova-library h3, #moduleModal .nova-library h4, #moduleModal .nova-reader-title, #moduleModal .nova-library-title, #moduleModal .nova-book-title, #moduleModal .nova-page-title, #moduleModal .nova-chapter-title{ color:var(--nr-heading)!important; } /* Untertitel / kleine Texte / Metadaten */ #moduleModal .nova-reader p, #moduleModal .nova-reader li, #moduleModal .nova-reader span, #moduleModal .nova-reader small, #moduleModal .nova-reader label, #moduleModal .nova-reader em, #moduleModal .nova-library p, #moduleModal .nova-library li, #moduleModal .nova-library span, #moduleModal .nova-library small, #moduleModal .nova-library label, #moduleModal .nova-library em, #moduleModal .nova-book-author, #moduleModal .nova-book-meta, #moduleModal .nova-book-subtitle, #moduleModal .nova-reader-booktitle, #moduleModal .nova-reader-meta{ color:var(--nr-text-soft)!important; } /* Buchseite / Kapiteltext */ #moduleModal .nova-reader-book{ background:var(--nr-paper)!important; color:var(--nr-paper-text)!important; border-color:var(--nr-border)!important; box-shadow:var(--nr-shadow); } #moduleModal .nova-reader-book p, #moduleModal .nova-reader-book li, #moduleModal .nova-page-text, #moduleModal .nova-page-text p, #moduleModal .nova-page-kicker, #moduleModal .nova-page-number, #moduleModal .nova-reader-book h1, #moduleModal .nova-reader-book h2, #moduleModal .nova-reader-book h3{ color:var(--nr-paper-text)!important; } /* Buchkarten */ #moduleModal .nova-book-card, #moduleModal .nova-library-card, #moduleModal .nova-book-item{ background:var(--nr-surface)!important; color:var(--nr-text)!important; border-color:var(--nr-border)!important; box-shadow:var(--nr-shadow); } #moduleModal .nova-book-card b, #moduleModal .nova-book-card strong, #moduleModal .nova-book-card h3, #moduleModal .nova-book-card h4, #moduleModal .nova-library-card b, #moduleModal .nova-library-card strong{ color:var(--nr-heading)!important; } /* Inhaltsverzeichnis */ #moduleModal .nova-reader-toc, #moduleModal .nova-toc, #moduleModal .nova-reader-chapters{ background:var(--nr-surface)!important; color:var(--nr-text)!important; border-color:var(--nr-border)!important; } #moduleModal .nova-reader-toc button, #moduleModal .nova-toc button, #moduleModal .nova-reader-chapters button{ color:var(--nr-text-soft)!important; background:transparent!important; } #moduleModal .nova-reader-toc button.active, #moduleModal .nova-toc button.active, #moduleModal .nova-reader-chapters button.active{ color:var(--nr-accent)!important; background:var(--nr-accent-soft)!important; } /* Buttons, Inputs, Selects */ #moduleModal .nova-reader button, #moduleModal .nova-library button, #moduleModal .nova-reader input, #moduleModal .nova-library input, #moduleModal .nova-reader select, #moduleModal .nova-library select{ border-color:var(--nr-border-strong)!important; } #moduleModal .nova-reader input, #moduleModal .nova-library input, #moduleModal .nova-reader select, #moduleModal .nova-library select, #moduleModal .nova-reader button:not(.primary), #moduleModal .nova-library button:not(.primary){ background:var(--nr-surface)!important; color:var(--nr-text)!important; } /* "Anfang" in oberer Seitenzeile */ #moduleModal .nova-reader-start{ min-height:32px; padding:5px 10px!important; border-radius:9px!important; font-weight:800!important; color:var(--nr-accent)!important; background:var(--nr-accent-soft)!important; } /* Fortschritt / Seitenanzeige */ #moduleModal .nova-reader-page-jump, #moduleModal .nova-reader-page-marker, #moduleModal .nova-reader-progress{ color:var(--nr-text-soft)!important; } #moduleModal .nova-progress{ background:var(--nr-surface-3)!important; } #moduleModal .nova-progress i{ background:var(--nr-accent)!important; } /* Hinweise und NOVA Notizen */ #moduleModal .nova-clue, #moduleModal .nova-note-box, #moduleModal .nova-reader-note, #moduleModal .nova-hint-box{ background:var(--nr-accent-soft)!important; color:var(--nr-text)!important; border-color:var(--nr-accent)!important; } #moduleModal .nova-clue *, #moduleModal .nova-note-box *, #moduleModal .nova-reader-note *, #moduleModal .nova-hint-box *{ color:var(--nr-text-soft)!important; } /* Vorlesezeile */ #moduleModal .nova-reader-ttsbar{ background:var(--nr-surface-2)!important; border-color:var(--nr-border)!important; color:var(--nr-text)!important; } #moduleModal .nova-reader-voice-label{ color:var(--nr-text-soft)!important; } #moduleModal .nova-reader-voice-select{ background:var(--nr-surface)!important; color:var(--nr-text)!important; border-color:var(--nr-border-strong)!important; } #moduleModal .nova-reader-tts-actions button{ background:var(--nr-surface)!important; color:var(--nr-text)!important; border-color:var(--nr-border-strong)!important; } #moduleModal .nova-reader-tts-actions button:first-child{ background:linear-gradient(135deg,#2569e8,#2498ef)!important; color:#fff!important; border-color:transparent!important; } /* Beide X und Dashboard Switch */ #moduleModal .nova-reader-x, #moduleModal .modal-panel>.modal-close, #moduleModal .nova-reader-dashboard{ background:var(--nr-surface)!important; color:var(--nr-heading)!important; border-color:var(--nr-border-strong)!important; } #moduleModal .nova-reader-x, #moduleModal .modal-panel>.modal-close{ box-shadow:0 5px 16px rgba(0,0,0,.14); } /* Links */ #moduleModal .nova-reader a, #moduleModal .nova-library a{ color:var(--nr-accent)!important; } /* Dark mode: Cover-/Bildflächen nicht verfärben */ body.dark-mode #moduleModal .cover-page img, body.dark-mode-theme #moduleModal .cover-page img, body.dark-theme #moduleModal .cover-page img, html[data-theme="dark"] body #moduleModal .cover-page img{ filter:none!important; } /* Mobile */ @media(max-width:650px){ #moduleModal .nova-reader-toolbar-bottom{ gap:7px!important; } #moduleModal .nova-reader-page-jump{ flex-wrap:wrap; } #moduleModal .nova-reader-start{ padding:5px 8px!important; font-size:12px!important; } #moduleModal .nova-reader-book{ color:var(--nr-paper-text)!important; } } /* NOVA Bücherei · Das Symbol im Labyrinth */ .nova-symbol-art{width:54px;height:54px;display:grid;place-items:center;margin:0 auto 10px;border-radius:50%;font-size:28px;background:linear-gradient(135deg,rgba(197,145,37,.15),rgba(91,61,14,.08));border:1px solid rgba(197,145,37,.38)} .nova-crime-interaction{margin:16px 0 8px;padding:14px;border:1px solid rgba(190,138,35,.42);border-radius:14px;background:linear-gradient(135deg,rgba(195,145,43,.11),rgba(19,31,47,.04));color:var(--nr-text,#11243d)} .nova-crime-interaction>b,.nova-crime-result b{color:var(--nr-heading,#0b1d34)!important} .nova-crime-interaction p,.nova-crime-result span{color:var(--nr-text-soft,#445f7e)!important} .nova-crime-options{display:grid;gap:7px;margin-top:10px} .nova-crime-options button{text-align:left;padding:9px 11px;border-radius:10px;border:1px solid var(--nr-border-strong,#bcd0e3);background:var(--nr-surface,#fff);color:var(--nr-text,#11243d);cursor:pointer} .nova-crime-options button.correct{border-color:#3aaf67!important;background:rgba(58,175,103,.14)!important} .nova-crime-options button.wrong{border-color:#d78b38!important;background:rgba(215,139,56,.12)!important} .nova-crime-result{display:grid;gap:3px;margin-top:10px;padding-top:10px;border-top:1px solid var(--nr-border,#d7e3ef)} @media(max-width:650px){.nova-crime-interaction{padding:11px}.nova-crime-options button{font-size:13px}} /* V66.16 – längere Krimi-Story */ .nova-symbol-page .nova-page-text p{line-height:1.72;margin:0 0 1.05em} .nova-symbol-page{max-width:820px;margin-inline:auto} .nova-symbol-page .nova-clue{margin-top:18px} /* ========================================================= NOVA V66.17 · Ermittlungsakte – Das Symbol im Labyrinth ========================================================= */ .nova-symbol-notes-btn{ font-size:17px!important; } .nova-symbol-notebook{ margin:12px 0 10px; padding:12px; border:1px solid var(--nr-border,#d7e3ef); border-radius:14px; background:var(--nr-surface-2,#f8fbff); color:var(--nr-text,#11243d); box-shadow:0 10px 26px rgba(18,45,74,.10); } .nova-symbol-notebook[hidden]{display:none!important} .nova-symbol-notebook-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:8px; } .nova-symbol-notebook-head small{ display:block; color:var(--nr-muted,#70859b)!important; font-weight:800; letter-spacing:.05em; } .nova-symbol-notebook-head h3{ margin:2px 0 0; color:var(--nr-heading,#0b1d34)!important; } .nova-symbol-notebook-head>button{ width:34px; height:34px; border-radius:50%!important; padding:0!important; font-size:20px!important; line-height:1!important; } .nova-symbol-notebook-meta{ display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; margin-bottom:8px; color:var(--nr-text-soft,#445f7e)!important; font-size:12px; } .nova-symbol-notebook textarea{ width:100%; min-height:210px; resize:vertical; box-sizing:border-box; padding:12px; border:1px solid var(--nr-border-strong,#bcd0e3); border-radius:12px; background:var(--nr-surface,#fff)!important; color:var(--nr-text,#11243d)!important; font:inherit; line-height:1.55; } .nova-symbol-notebook-actions{ display:flex; flex-wrap:wrap; gap:8px; margin-top:9px; } .nova-symbol-notebook-actions button{ min-height:40px; padding:8px 11px!important; border-radius:10px!important; } .nova-symbol-notebook-actions .primary{ background:linear-gradient(135deg,#2569e8,#2498ef)!important; color:#fff!important; border-color:transparent!important; } .nova-symbol-notebook-status{ min-height:20px; margin-top:6px; color:var(--nr-text-soft,#445f7e)!important; font-size:12px; font-weight:700; } body.dark-mode .nova-symbol-notebook, body.dark-mode-theme .nova-symbol-notebook, body.dark-theme .nova-symbol-notebook, html[data-theme="dark"] body .nova-symbol-notebook{ box-shadow:0 12px 28px rgba(0,0,0,.30); } @media(max-width:650px){ .nova-symbol-notebook{ padding:10px; } .nova-symbol-notebook textarea{ min-height:180px; } .nova-symbol-notebook-actions{ display:grid; grid-template-columns:1fr 1fr; } .nova-symbol-notebook-actions button:first-child{ grid-column:1/-1; } } /* V66.18 – Ermittlungsakte: größere Leiste */ .nova-symbol-notebook{ padding:16px!important; } .nova-symbol-notebook-head{ min-height:58px; align-items:center!important; padding:4px 2px 10px; margin-bottom:10px!important; border-bottom:1px solid var(--nr-border,#d7e3ef); } .nova-symbol-notebook-head small{ font-size:13px!important; } .nova-symbol-notebook-head h3{ font-size:24px!important; line-height:1.15!important; } .nova-symbol-notebook-head>button{ width:44px!important; height:44px!important; min-width:44px!important; font-size:27px!important; } .nova-symbol-notebook-meta{ font-size:14px!important; padding:2px 0 5px; } .nova-symbol-notes-btn{ min-width:44px!important; min-height:42px!important; font-size:21px!important; } @media(max-width:650px){ .nova-symbol-notebook{ padding:13px!important; } .nova-symbol-notebook-head{ min-height:54px; } .nova-symbol-notebook-head h3{ font-size:21px!important; } .nova-symbol-notebook-head>button{ width:42px!important; height:42px!important; min-width:42px!important; font-size:25px!important; } .nova-symbol-notebook-meta{ font-size:13px!important; } } /* V66.20 – einheitliche Reader-Navigation + Notizblock für alle Bücher */ .nova-reader-leftnav{display:flex;align-items:center;gap:7px;flex-wrap:wrap} .nova-reader-library{ min-height:38px; padding:7px 11px!important; border-radius:10px!important; font-weight:800!important; } .nova-general-notes-btn{min-width:44px!important;min-height:42px!important;font-size:21px!important} .nova-general-notebook{ margin:12px 0 10px;padding:16px;border:1px solid var(--nr-border,#d7e3ef);border-radius:14px; background:var(--nr-surface-2,#f8fbff);color:var(--nr-text,#11243d);box-shadow:0 10px 26px rgba(18,45,74,.10) } .nova-general-notebook[hidden]{display:none!important} .nova-general-notebook-head{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 2px 10px;margin-bottom:10px;border-bottom:1px solid var(--nr-border,#d7e3ef)} .nova-general-notebook-head small{font-size:13px!important;color:var(--nr-muted,#70859b)!important;font-weight:800;letter-spacing:.05em} .nova-general-notebook-head h3{margin:2px 0 0;font-size:24px!important;color:var(--nr-heading,#0b1d34)!important} .nova-general-notebook-head>button{width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;border-radius:50%!important;font-size:27px!important} .nova-general-notebook-meta{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:8px;font-size:14px;color:var(--nr-text-soft,#445f7e)!important} .nova-general-notebook textarea{width:100%;min-height:210px;resize:vertical;box-sizing:border-box;padding:12px;border:1px solid var(--nr-border-strong,#bcd0e3);border-radius:12px;background:var(--nr-surface,#fff)!important;color:var(--nr-text,#11243d)!important;font:inherit;line-height:1.55} .nova-general-notebook-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px} .nova-general-notebook-actions button{min-height:40px;padding:8px 11px!important;border-radius:10px!important} .nova-general-notebook-actions .primary{background:linear-gradient(135deg,#2569e8,#2498ef)!important;color:#fff!important;border-color:transparent!important} .nova-general-notebook-status{min-height:20px;margin-top:6px;font-size:12px;font-weight:700;color:var(--nr-text-soft,#445f7e)!important} @media(max-width:650px){ .nova-reader-leftnav{gap:5px} .nova-reader-dashboard,.nova-reader-library{font-size:12px!important;padding:7px 8px!important} .nova-general-notebook{padding:13px} .nova-general-notebook-head{min-height:54px} .nova-general-notebook-head h3{font-size:21px!important} .nova-general-notebook textarea{min-height:180px} .nova-general-notebook-actions{display:grid;grid-template-columns:1fr 1fr} .nova-general-notebook-actions button:first-child{grid-column:1/-1} } /* V66.21 – Dashboard Switch direkt beim NOVA-2050-Fortsetzen-Button */ .nova-book-resume-wrap{ position:fixed; left:50%; bottom:16px; transform:translateX(-50%); z-index:9997; display:flex; align-items:stretch; gap:8px; max-width:calc(100vw - 24px); } .nova-book-resume-wrap .nova-book-resume{ position:static!important; left:auto!important; right:auto!important; bottom:auto!important; transform:none!important; } .nova-book-resume-switch{ display:flex; align-items:center; justify-content:center; gap:7px; min-width:148px; padding:10px 13px; border-radius:13px; border:1px solid rgba(82,153,225,.45); background:#0b3767; color:#fff; box-shadow:0 8px 22px rgba(8,42,78,.22); cursor:pointer; white-space:nowrap; } .nova-book-resume-switch span{font-size:19px} .nova-book-resume-switch b{font-size:13px} @media(max-width:650px){ .nova-book-resume-wrap{ width:calc(100vw - 20px); gap:6px; } .nova-book-resume-wrap .nova-book-resume{ flex:1 1 auto; min-width:0; } .nova-book-resume-switch{ min-width:54px; width:54px; padding:8px; } .nova-book-resume-switch b{display:none} .nova-book-resume-switch span{font-size:22px} } /* V66.23 – Rückkehrbutton auf dem Dashboard wie bei NOVA Rätseln */ .nova-library-return-dashboard{ position:fixed; left:50%; bottom:16px; transform:translateX(-50%); z-index:9998; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:10px; width:min(390px,calc(100vw - 24px)); padding:11px 14px; border:1px solid rgba(77,155,229,.45); border-radius:14px; background:#082f5b; color:#fff; box-shadow:0 10px 28px rgba(7,38,73,.28); text-align:left; cursor:pointer; } .nova-library-return-dashboard>span:first-child{font-size:25px} .nova-library-return-dashboard b{display:block;font-size:15px;line-height:1.2} .nova-library-return-dashboard small{display:block;margin-top:3px;font-size:11px;opacity:.78} .nova-library-return-dashboard em{font-style:normal;font-size:28px;line-height:1} @media(max-width:650px){ .nova-library-return-dashboard{ bottom:12px; width:calc(100vw - 20px); padding:10px 12px; } } /* V66.24 – Welt aktuell: robuster Live-Abruf */ .world-preview-fallback-actions{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:8px; } .world-preview-fallback-actions .btn{ min-height:38px; } @media(max-width:650px){ .world-preview-fallback-actions{ display:grid; grid-template-columns:1fr; } .world-preview-fallback-actions .btn{ width:100%; justify-content:center; } } /* V66.25 – Dashboard Switch zuverlässig bei allen Readern */ .nova-reader-leftnav{ position:relative; z-index:25; } .nova-reader-dashboard, .nova-reader-library{ pointer-events:auto!important; touch-action:manipulation; cursor:pointer!important; position:relative; z-index:26; } /* ========================================================= V66.27 · Symbol Labyrinth – KI-Hinweis + Fallabschluss ========================================================= */ .nova-crime-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:6px; } .nova-crime-ai-hint{ flex:0 0 auto; min-height:36px; padding:7px 10px!important; border-radius:10px!important; font-size:12px!important; font-weight:800!important; color:var(--nr-accent,#1674e8)!important; background:var(--nr-accent-soft,#e9f4ff)!important; } .nova-crime-ai-panel{ margin-top:10px; padding:12px; border:1px solid rgba(71,154,231,.35); border-radius:12px; background:var(--nr-surface-2,#f8fbff); } .nova-crime-ai-panel[hidden]{display:none!important} .nova-crime-ai-title{ display:flex; align-items:center; gap:9px; } .nova-crime-ai-title>span{font-size:24px} .nova-crime-ai-title b{display:block;color:var(--nr-heading,#0b1d34)!important} .nova-crime-ai-title small{display:block;margin-top:2px;color:var(--nr-muted,#70859b)!important} .nova-crime-ai-panel p{margin:9px 0!important;line-height:1.5!important} .nova-crime-chat-hint{ min-height:38px; padding:8px 11px!important; border-radius:10px!important; font-weight:800!important; } .nova-symbol-finale{ text-align:center; } .nova-symbol-finale-trophy{ width:78px; height:78px; display:grid; place-items:center; margin:0 auto 12px; border-radius:50%; font-size:42px; background:linear-gradient(145deg,rgba(216,169,52,.20),rgba(148,95,10,.10)); border:1px solid rgba(208,155,37,.45); } .nova-symbol-case-summary{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:16px 0; } .nova-symbol-case-summary span{ display:grid; gap:3px; padding:12px; border:1px solid var(--nr-border,#d7e3ef); border-radius:12px; background:var(--nr-surface-2,#f8fbff); } .nova-symbol-case-summary b{ font-size:22px; color:var(--nr-heading,#0b1d34)!important; } .nova-symbol-case-summary small{ color:var(--nr-text-soft,#445f7e)!important; } .nova-symbol-final-actions{ display:flex; justify-content:center; flex-wrap:wrap; gap:8px; margin:16px 0; } .nova-symbol-final-badge{ display:flex; align-items:center; justify-content:center; gap:10px; max-width:430px; margin:12px auto 18px; padding:12px; border-radius:13px; border:1px solid rgba(207,157,42,.46); background:linear-gradient(135deg,rgba(211,161,48,.14),rgba(27,78,118,.08)); text-align:left; } .nova-symbol-final-badge[hidden]{display:none!important} .nova-symbol-final-badge>span{font-size:30px} .nova-symbol-final-badge b{display:block;color:var(--nr-heading,#0b1d34)!important} .nova-symbol-final-badge small{display:block;color:var(--nr-text-soft,#445f7e)!important} @media(max-width:650px){ .nova-crime-head{align-items:flex-start} .nova-crime-ai-hint{font-size:11px!important;padding:7px 8px!important} .nova-symbol-case-summary{grid-template-columns:1fr 1fr} .nova-symbol-final-actions{display:grid;grid-template-columns:1fr} .nova-symbol-final-actions .btn{width:100%} } /* V66.28 – Transparenzhinweis auf der Abschlussseite */ .nova-symbol-transparency{ max-width:760px; margin:18px auto 6px; padding:14px 16px; border:1px solid var(--nr-border,#d7e3ef); border-radius:13px; background:var(--nr-surface-2,#f8fbff); text-align:center; } .nova-symbol-transparency p{ margin:5px 0!important; color:var(--nr-text-soft,#445f7e)!important; line-height:1.55!important; } .nova-symbol-transparency b{ color:var(--nr-heading,#0b1d34)!important; } @media(max-width:650px){ .nova-symbol-transparency{ padding:12px; margin-top:14px; } } /* ========================================================= V66.29 · Zwischen gestern und morgen ========================================================= */ .nova-time-page{ max-width:860px; margin-inline:auto; } .nova-time-page .nova-page-text p{ line-height:1.72; margin:0 0 1.05em; } .nova-time-art{ background:linear-gradient(145deg,#fff8e8,#edf7ff 55%,#dfeeff); border-color:rgba(63,126,190,.22); } .nova-time-decision{ max-width:840px; margin:22px auto 4px; padding:16px; border:1px solid rgba(205,157,51,.46); border-radius:16px; background:linear-gradient(135deg,rgba(255,244,211,.78),rgba(227,242,255,.82)); color:#162b43; } .nova-time-decision-head{ display:flex; align-items:flex-start; gap:10px; } .nova-time-decision-head>span{ display:grid; place-items:center; flex:0 0 36px; width:36px; height:36px; border-radius:50%; background:rgba(199,145,32,.16); color:#986712; font-size:22px; } .nova-time-decision-head b{ display:block; color:#10243c!important; font-size:18px; } .nova-time-decision-head p{ margin:3px 0 0!important; color:#405a73!important; line-height:1.45!important; } .nova-time-options{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin-top:13px; } .nova-time-options button{ min-height:46px; padding:10px 12px; border:1px solid #b7cde2; border-radius:11px; background:#fff; color:#172d45; font-weight:750; text-align:left; cursor:pointer; } .nova-time-options button:hover, .nova-time-options button.selected{ border-color:#c08a24!important; background:#fff5d8!important; box-shadow:0 0 0 2px rgba(192,138,36,.12); } .nova-time-result{ display:grid; gap:3px; margin-top:12px; padding-top:11px; border-top:1px solid rgba(157,124,55,.27); } .nova-time-result b{color:#10243c!important} .nova-time-result span{color:#334f6a!important} .nova-time-result small{color:#688098!important} .nova-time-finale{text-align:center} @media(max-width:650px){ .nova-time-decision{padding:13px} .nova-time-options{grid-template-columns:1fr} .nova-time-options button{font-size:14px} } /* ========================================================= V66.33 · NOVA Rätselbuch – 40 interaktive Spielseiten ========================================================= */ .nova-puzzle-book-card{ border-color:rgba(197,153,50,.58)!important; background:linear-gradient(155deg,rgba(255,250,234,.98),rgba(235,246,255,.98))!important; color:#112844!important; } .nova-puzzle-book-card small, .nova-puzzle-book-card p{color:#526b83!important} .nova-puzzle-score{ flex:0 0 auto; padding:6px 10px; border:1px solid rgba(205,158,48,.42); border-radius:10px; background:linear-gradient(135deg,rgba(255,246,211,.94),rgba(232,245,255,.94)); color:#173654!important; font-size:13px!important; font-weight:900; white-space:nowrap; } .nova-puzzle-page{ background: radial-gradient(circle at 100% 0%,hsla(var(--puzzle-hue,210),80%,70%,.18),transparent 34%), linear-gradient(145deg,#fffdf7,#f4f9ff 58%,#fff8e8); } .nova-puzzle-sheet{ max-width:900px; margin:0 auto; color:#142b43; } .nova-puzzle-heading{ display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:15px; padding-bottom:18px; border-bottom:1px solid rgba(39,96,155,.18); } .nova-puzzle-heading h2{ margin:5px 0 0!important; font-size:var(--nova-reader-title-size,44px)!important; line-height:1.08!important; color:#102942!important; } .nova-puzzle-icon{ width:76px; height:76px; display:grid; place-items:center; border:1px solid hsla(var(--puzzle-hue,210),60%,42%,.28); border-radius:23px; background:linear-gradient(145deg,hsla(var(--puzzle-hue,210),85%,87%,.92),#fff8dd); box-shadow:0 10px 24px rgba(24,65,110,.12); font-size:42px; } .nova-puzzle-points{ align-self:start; padding:7px 10px; border:1px solid rgba(189,139,25,.42); border-radius:999px; background:#fff5cf; color:#875b0d!important; font-size:14px!important; font-weight:900; } .nova-puzzle-question{ margin:20px 0 14px; padding:16px 18px; border-left:5px solid hsl(var(--puzzle-hue,210),68%,47%); border-radius:12px; background:#fff; box-shadow:0 7px 20px rgba(23,65,105,.08); } .nova-puzzle-question>b{ display:block; margin-bottom:5px; color:hsl(var(--puzzle-hue,210),64%,34%)!important; font-size:14px!important; letter-spacing:.08em; text-transform:uppercase; } .nova-puzzle-question p{ margin:0!important; color:#253f59!important; font-size:var(--nova-reader-support-size,20px)!important; line-height:1.48!important; } .nova-puzzle-interactive{ min-height:230px; display:grid; place-items:center; padding:22px; border:1px solid hsla(var(--puzzle-hue,210),58%,45%,.25); border-radius:22px; background: linear-gradient(135deg,hsla(var(--puzzle-hue,210),75%,90%,.62),rgba(255,248,220,.72)), repeating-linear-gradient(45deg,transparent,transparent 14px,rgba(50,110,170,.025) 14px,rgba(50,110,170,.025) 28px); box-shadow:inset 0 0 32px rgba(65,111,158,.06); touch-action:manipulation; user-select:none; } .nova-puzzle-order{ width:min(650px,100%); display:grid; gap:9px; } .nova-puzzle-order-item{ display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:12px; min-height:56px; padding:8px 10px; border:1px solid #b8cde1; border-radius:13px; background:#fff; box-shadow:0 5px 14px rgba(32,71,108,.09); cursor:grab; } .nova-puzzle-order-item:active{cursor:grabbing} .nova-puzzle-order-item b{color:#18344f!important;font-size:var(--nova-reader-option-size,17px)!important} .nova-puzzle-grip{font-size:25px!important;color:#6085a8!important} .nova-puzzle-order-item>div{display:flex;gap:5px} .nova-puzzle-order-item button{ width:40px; height:40px; min-width:40px!important; padding:0!important; border:1px solid #b9cee2!important; border-radius:9px!important; background:#eff7ff!important; color:#165d9d!important; font-size:20px!important; font-weight:900!important; } .nova-puzzle-help{ display:block; margin-top:10px; color:#5b738b!important; text-align:center; } .nova-puzzle-ranges{ width:min(700px,100%); display:grid; gap:17px; } .nova-puzzle-ranges label{ display:grid; grid-template-columns:92px minmax(0,1fr) 54px; align-items:center; gap:12px; color:#173550!important; font-weight:800; } .nova-puzzle-ranges input[type="range"]{ width:100%; min-height:42px; padding:0!important; accent-color:hsl(var(--puzzle-hue,210),70%,46%); touch-action:none; } .nova-puzzle-ranges output{ display:grid; place-items:center; min-height:45px; border:1px solid #b9cfe1; border-radius:10px; background:#fff; color:#153956!important; font-size:22px!important; font-weight:900; } .nova-puzzle-dial{ display:flex; justify-content:center; gap:10px; margin-top:18px; } .nova-puzzle-dial span{ width:58px; height:68px; display:grid; place-items:center; border:2px solid rgba(194,146,31,.6); border-radius:12px; background:linear-gradient(#122c46,#07192d); color:#ffe89a!important; box-shadow:inset 0 0 12px rgba(255,224,121,.15),0 8px 16px rgba(18,44,70,.17); font-size:33px!important; font-weight:900; } .nova-puzzle-search-grid{ width:min(600px,100%); display:grid; grid-template-columns:repeat(var(--puzzle-cols,4),minmax(0,1fr)); gap:10px; } .nova-puzzle-search-grid button{ aspect-ratio:1; min-height:66px; padding:6px!important; border:1px solid #b4cce1!important; border-radius:14px!important; background:rgba(255,255,255,.9)!important; color:#173650!important; box-shadow:0 5px 13px rgba(35,76,116,.08); font-size:clamp(20px,4.2vw,36px)!important; font-weight:900!important; } .nova-puzzle-search-grid button:hover, .nova-puzzle-search-grid button.selected{ border-color:hsl(var(--puzzle-hue,210),70%,45%)!important; background:hsla(var(--puzzle-hue,210),75%,88%,.95)!important; box-shadow:0 0 0 3px hsla(var(--puzzle-hue,210),70%,45%,.15); } .nova-puzzle-artline, .nova-puzzle-code-display{ width:100%; margin-bottom:20px; padding:21px; border:1px solid rgba(44,102,158,.22); border-radius:16px; background:rgba(255,255,255,.74); color:#153550!important; text-align:center; font:900 clamp(25px,5vw,44px)/1.2 ui-monospace,SFMono-Regular,Consolas,monospace!important; letter-spacing:.06em; } .nova-puzzle-options, .nova-puzzle-multi{ width:min(700px,100%); display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } .nova-puzzle-options button, .nova-puzzle-multi button{ min-height:58px; display:flex; align-items:center; gap:10px; padding:11px 13px!important; border:1px solid #b5cbe0!important; border-radius:12px!important; background:#fff!important; color:#183650!important; text-align:left; font-size:var(--nova-reader-option-size,17px)!important; font-weight:750!important; } .nova-puzzle-options button>span, .nova-puzzle-multi button>span{ flex:0 0 32px; width:32px; height:32px; display:grid; place-items:center; border-radius:50%; background:#e9f3fc; color:#1767ad!important; font-weight:900; } .nova-puzzle-options button.selected, .nova-puzzle-multi button.selected{ border-color:hsl(var(--puzzle-hue,210),69%,43%)!important; background:hsla(var(--puzzle-hue,210),78%,91%,.95)!important; box-shadow:0 0 0 3px hsla(var(--puzzle-hue,210),70%,45%,.13); } .nova-puzzle-input{ width:min(560px,100%); display:grid; gap:7px; } .nova-puzzle-input span{color:#34536e!important;font-weight:850} .nova-puzzle-input input{ width:100%; min-height:58px; box-sizing:border-box; padding:12px 15px!important; border:2px solid #aac6de!important; border-radius:13px!important; background:#fff!important; color:#102f4c!important; text-align:center; text-transform:uppercase; font-size:clamp(20px,4vw,29px)!important; font-weight:900!important; letter-spacing:.08em; } .nova-puzzle-actions{ display:flex; justify-content:space-between; gap:10px; margin-top:14px; } .nova-puzzle-actions button{ min-height:48px; padding:10px 16px!important; border-radius:11px!important; font-weight:850!important; } .nova-puzzle-actions .primary{ background:linear-gradient(135deg,#1d6fe5,#23a280)!important; color:#fff!important; border-color:transparent!important; } .nova-puzzle-hints, .nova-puzzle-result{ margin-top:12px; padding:13px 15px; border:1px solid rgba(202,154,40,.4); border-radius:12px; background:#fff8da; color:#664711!important; } .nova-puzzle-hints p, .nova-puzzle-result p{margin:4px 0!important;line-height:1.48!important;color:inherit!important;font-size:var(--nova-reader-support-size,18px)!important} .nova-puzzle-result.success{ border-color:rgba(35,156,112,.4); background:#eafaf3; color:#155b43!important; } .nova-puzzle-result.wrong{ border-color:rgba(211,83,83,.35); background:#fff0ef; color:#8a3030!important; } .nova-puzzle-result button{ margin-top:8px; padding:7px 10px!important; border-radius:9px!important; font-weight:800!important; } .nova-puzzle-finale{text-align:center;color:#183650} .nova-puzzle-finale>p{font-size:var(--nova-reader-support-size,20px)!important;line-height:1.5!important} .nova-puzzle-finale-seal{ width:96px; height:96px; display:grid; place-items:center; margin:0 auto 14px; border:2px solid rgba(194,145,26,.55); border-radius:50%; background:linear-gradient(145deg,#fff3ba,#e7f4ff); box-shadow:0 14px 30px rgba(37,72,105,.13); font-size:52px; } .nova-puzzle-category-summary{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin:18px 0; } .nova-puzzle-category-summary span{ display:grid; gap:3px; padding:12px; border:1px solid #c9d9e8; border-radius:12px; background:#fff; } .nova-puzzle-category-summary b{color:#113a5f!important;font-size:21px!important} .nova-puzzle-category-summary small{color:#597188!important} .nova-puzzle-master{ max-width:470px; display:grid; justify-items:center; gap:4px; margin:18px auto; padding:18px; border:2px solid rgba(201,151,33,.55); border-radius:16px; background:linear-gradient(135deg,#fff4c9,#eaf7ff); } .nova-puzzle-master span{font-size:38px!important} .nova-puzzle-master b{font-size:25px!important;color:#7a5410!important} .nova-puzzle-master small{color:#4c6982!important} .nova-puzzle-reset{ margin-top:12px; padding:8px 12px!important; border-radius:10px!important; color:#8a3434!important; font-weight:800!important; } @media(max-width:700px){ .nova-puzzle-score{order:2;font-size:11px!important;padding:5px 7px} .nova-puzzle-page{padding:16px 12px 24px!important} .nova-puzzle-heading{gap:9px;padding-bottom:12px} .nova-puzzle-icon{width:54px;height:54px;border-radius:16px;font-size:30px} .nova-puzzle-heading h2{font-size:var(--nova-reader-title-size,32px)!important} .nova-puzzle-points{padding:5px 7px;font-size:11px!important} .nova-puzzle-question{margin:13px 0 10px;padding:12px 13px} .nova-puzzle-interactive{min-height:190px;padding:13px;border-radius:16px} .nova-puzzle-order-item{gap:7px;min-height:52px;padding:6px 7px} .nova-puzzle-grip{font-size:21px!important} .nova-puzzle-order-item button{width:38px;height:38px;min-width:38px!important} .nova-puzzle-ranges label{grid-template-columns:64px minmax(0,1fr) 43px;gap:7px} .nova-puzzle-ranges output{font-size:19px!important} .nova-puzzle-dial span{width:48px;height:58px;font-size:28px!important} .nova-puzzle-search-grid{gap:7px} .nova-puzzle-search-grid button{min-height:46px;border-radius:10px!important;font-size:clamp(17px,6vw,28px)!important} .nova-puzzle-options,.nova-puzzle-multi{grid-template-columns:1fr;gap:7px} .nova-puzzle-options button,.nova-puzzle-multi button{min-height:50px;padding:8px 10px!important} .nova-puzzle-artline,.nova-puzzle-code-display{margin-bottom:12px;padding:15px} .nova-puzzle-actions{display:grid;grid-template-columns:1fr 1fr} .nova-puzzle-actions button{width:100%;min-height:45px;padding:8px!important} .nova-puzzle-category-summary{grid-template-columns:1fr 1fr;gap:7px} } @media(max-width:700px){ .nova-puzzle-reader:fullscreen .nova-puzzle-page, .nova-puzzle-reader:-webkit-full-screen .nova-puzzle-page{ min-height:0!important; padding:10px 10px 18px!important; } .nova-puzzle-reader:fullscreen .nova-puzzle-interactive, .nova-puzzle-reader:-webkit-full-screen .nova-puzzle-interactive{ min-height:160px; padding:10px; } .nova-puzzle-reader:fullscreen .nova-puzzle-heading, .nova-puzzle-reader:-webkit-full-screen .nova-puzzle-heading{ padding-bottom:8px; } .nova-puzzle-reader:fullscreen .nova-puzzle-icon, .nova-puzzle-reader:-webkit-full-screen .nova-puzzle-icon{ width:46px;height:46px;font-size:26px; } .nova-puzzle-reader:fullscreen .nova-puzzle-question, .nova-puzzle-reader:-webkit-full-screen .nova-puzzle-question{ margin:8px 0;padding:9px 11px; } } /* ========================================================= V66.31 · NOVA Reader – kompakter Handy-Vollbildmodus ========================================================= */ @media(max-width:700px){ .nova-reader:fullscreen, .nova-reader:-webkit-full-screen{ width:100vw!important; height:100dvh!important; max-width:none!important; padding:0!important; display:grid!important; grid-template-rows:auto minmax(0,1fr) auto!important; overflow:hidden!important; background:var(--nr-bg,var(--panel,#fff))!important; } /* Sprache/Vorlesen bleibt im normalen Reader verfügbar, nimmt im Handy-Vollbild aber keinen Platz weg. */ .nova-reader:fullscreen .nova-reader-ttsbar, .nova-reader:-webkit-full-screen .nova-reader-ttsbar{ display:none!important; } .nova-reader:fullscreen .nova-reader-toolbar, .nova-reader:-webkit-full-screen .nova-reader-toolbar{ padding:4px 7px 5px!important; gap:4px!important; min-height:0!important; } .nova-reader:fullscreen .nova-reader-toolbar-top, .nova-reader:-webkit-full-screen .nova-reader-toolbar-top{ min-height:36px!important; padding-right:42px!important; gap:5px!important; } .nova-reader:fullscreen .nova-reader-dashboard, .nova-reader:fullscreen .nova-reader-library, .nova-reader:-webkit-full-screen .nova-reader-dashboard, .nova-reader:-webkit-full-screen .nova-reader-library{ min-height:34px!important; padding:5px 7px!important; font-size:11px!important; } .nova-reader:fullscreen .nova-reader-x, .nova-reader:-webkit-full-screen .nova-reader-x{ width:36px!important; height:36px!important; min-width:36px!important; font-size:24px!important; } .nova-reader:fullscreen .nova-reader-toolbar-bottom, .nova-reader:-webkit-full-screen .nova-reader-toolbar-bottom{ display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; gap:4px 6px!important; } .nova-reader:fullscreen .nova-reader-toolbar-bottom .nova-progress, .nova-reader:-webkit-full-screen .nova-reader-toolbar-bottom .nova-progress{ grid-column:1/-1!important; height:3px!important; } .nova-reader:fullscreen .nova-reader-page-jump, .nova-reader:-webkit-full-screen .nova-reader-page-jump{ font-size:11px!important; gap:4px!important; } .nova-reader:fullscreen .nova-reader-page-jump input, .nova-reader:-webkit-full-screen .nova-reader-page-jump input{ width:42px!important; height:30px!important; font-size:13px!important; } .nova-reader:fullscreen .nova-reader-start, .nova-reader:-webkit-full-screen .nova-reader-start{ min-height:30px!important; padding:4px 6px!important; font-size:11px!important; } .nova-reader:fullscreen .nova-reader-tools, .nova-reader:-webkit-full-screen .nova-reader-tools{ gap:3px!important; } .nova-reader:fullscreen .nova-reader-tool, .nova-reader:-webkit-full-screen .nova-reader-tool{ width:34px!important; min-width:34px!important; height:32px!important; min-height:32px!important; font-size:13px!important; } .nova-reader:fullscreen .nova-reader-book, .nova-reader:-webkit-full-screen .nova-reader-book{ min-height:0!important; height:100%!important; padding:17px 15px 22px!important; overflow-y:auto!important; border-radius:0!important; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; } .nova-reader:fullscreen .nova-reader-book.cover-page, .nova-reader:-webkit-full-screen .nova-reader-book.cover-page{ padding:0!important; } .nova-reader:fullscreen .nova-page-art, .nova-reader:-webkit-full-screen .nova-page-art{ height:108px!important; margin-bottom:12px!important; font-size:48px!important; border-radius:12px!important; } .nova-reader:fullscreen .nova-page-kicker, .nova-reader:-webkit-full-screen .nova-page-kicker{ font-size:11px!important; line-height:1.25!important; } .nova-reader:fullscreen .nova-reader-book h2, .nova-reader:-webkit-full-screen .nova-reader-book h2{ margin:7px auto 13px!important; font-size:clamp(27px,8.4vw,34px)!important; line-height:1.08!important; } .nova-reader:fullscreen[data-font-scale="1"] .nova-page-text, .nova-reader:-webkit-full-screen[data-font-scale="1"] .nova-page-text{font-size:16px!important} .nova-reader:fullscreen[data-font-scale="2"] .nova-page-text, .nova-reader:-webkit-full-screen[data-font-scale="2"] .nova-page-text{font-size:18px!important} .nova-reader:fullscreen[data-font-scale="3"] .nova-page-text, .nova-reader:-webkit-full-screen[data-font-scale="3"] .nova-page-text{font-size:20px!important} .nova-reader:fullscreen[data-font-scale="4"] .nova-page-text, .nova-reader:-webkit-full-screen[data-font-scale="4"] .nova-page-text{font-size:22px!important} .nova-reader:fullscreen[data-font-scale="5"] .nova-page-text, .nova-reader:-webkit-full-screen[data-font-scale="5"] .nova-page-text{font-size:24px!important} .nova-reader:fullscreen .nova-page-text, .nova-reader:fullscreen .nova-page-text p, .nova-reader:-webkit-full-screen .nova-page-text, .nova-reader:-webkit-full-screen .nova-page-text p{ line-height:1.52!important; } .nova-reader:fullscreen .nova-page-text p+p, .nova-reader:-webkit-full-screen .nova-page-text p+p{ margin-top:.72em!important; } .nova-reader:fullscreen .nova-clue, .nova-reader:-webkit-full-screen .nova-clue{ margin-top:15px!important; padding:11px 12px!important; font-size:14px!important; line-height:1.42!important; } .nova-reader:fullscreen .nova-page-number, .nova-reader:-webkit-full-screen .nova-page-number{ margin-top:16px!important; font-size:13px!important; } .nova-reader:fullscreen .nova-reader-nav, .nova-reader:-webkit-full-screen .nova-reader-nav{ padding:5px 7px calc(5px + env(safe-area-inset-bottom))!important; gap:6px!important; } .nova-reader:fullscreen .nova-reader-nav button, .nova-reader:-webkit-full-screen .nova-reader-nav button{ min-height:40px!important; font-size:14px!important; } .nova-reader:fullscreen .nova-reader-page-marker, .nova-reader:-webkit-full-screen .nova-reader-page-marker{ min-width:58px!important; font-size:13px!important; } } /* V66.32 final activation: kept last so older Reader rules cannot override zoom. */ #moduleModal .nova-reader[data-font-scale] .nova-page-text, #moduleModal .nova-reader[data-font-scale] .nova-page-text p{ font-size:var(--nova-reader-body-size)!important; } #moduleModal .nova-reader[data-font-scale] .nova-reader-book h2{ font-size:var(--nova-reader-title-size)!important; } #moduleModal .nova-reader[data-font-scale] .nova-page-kicker{ font-size:var(--nova-reader-kicker-size)!important; } #moduleModal .nova-reader[data-font-scale] .nova-clue, #moduleModal .nova-reader[data-font-scale] .nova-crime-interaction, #moduleModal .nova-reader[data-font-scale] .nova-crime-interaction p, #moduleModal .nova-reader[data-font-scale] .nova-crime-result, #moduleModal .nova-reader[data-font-scale] .nova-crime-ai-panel, #moduleModal .nova-reader[data-font-scale] .nova-time-decision, #moduleModal .nova-reader[data-font-scale] .nova-time-decision-head p, #moduleModal .nova-reader[data-font-scale] .nova-time-result{ font-size:var(--nova-reader-support-size)!important; } #moduleModal .nova-reader[data-font-scale] .nova-reader-link, #moduleModal .nova-reader[data-font-scale] .nova-crime-options button, #moduleModal .nova-reader[data-font-scale] .nova-crime-ai-hint, #moduleModal .nova-reader[data-font-scale] .nova-time-options button{ font-size:var(--nova-reader-option-size)!important; } #moduleModal .nova-reader-tool:disabled{ opacity:.38!important; cursor:not-allowed!important; } /* ========================================================= NOVA V66.48 — Tablet layout refinement Scope: tablets only. Existing phone (<=760/850px) and desktop layouts remain authoritative outside this range. ========================================================= */ @media (min-width: 851px) and (max-width: 1250px) { .nova-dashboard-hero{ grid-template-columns:minmax(300px,36%) minmax(0,1fr)!important; gap:18px!important; padding:16px!important; } .nova-weather-panel{min-width:0!important} .nova-ai-stage{min-width:0!important;min-height:590px!important} .ai-visual-wrap{inset:-16px -10px 76px!important} .ai-visual-wrap img{height:min(54vw,540px)!important;max-width:100%!important} .ai-greeting{max-width:94%!important;margin-bottom:122px!important} .hero-command-dock{width:min(610px,96%)!important} .hero-quick-ask{width:min(620px,97%)!important} /* Tablet tiles: keep readable minimum widths instead of squeezing. */ .tiles,.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .dashboard-module-strip .premium-tiles{ grid-template-columns:repeat(4,minmax(118px,1fr))!important; gap:10px!important; } .dashboard-module-strip .premium-tile{min-width:0!important;min-height:104px!important} .dashboard-module-strip .premium-tile h3{font-size:13px!important} .dashboard-daily-grid{grid-template-columns:1fr!important} .dashboard-daily-grid .daily-tips-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important} /* Reader/modal tablet sizing */ #moduleModal .nova-reader{max-width:min(96vw,1050px)!important;margin-inline:auto!important} #moduleModal .nova-reader-book{max-width:900px!important;margin-inline:auto!important} #moduleModal .nova-reader-toolbar{gap:8px!important} #moduleModal .nova-reader-toolbar-bottom{flex-wrap:wrap!important} #moduleModal .nova-page-text{line-height:1.62!important} } /* Portrait tablets: favor a calm two-column dashboard and larger reading area. */ @media (min-width: 761px) and (max-width: 950px) and (orientation: portrait) { .nova-dashboard-hero{display:block!important;padding:14px!important} .nova-weather-panel{margin-bottom:16px!important} .nova-ai-stage{min-height:590px!important} .dashboard-module-strip .premium-tiles{grid-template-columns:repeat(4,minmax(0,1fr))!important} .tiles,.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .dashboard-daily-grid .daily-tips-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} #moduleModal .nova-reader{width:97vw!important;max-width:97vw!important} #moduleModal .nova-reader-book{width:100%!important;max-width:none!important} } /* Landscape tablets: preserve useful card width; horizontal strips may scroll. */ @media (min-width: 951px) and (max-width: 1366px) and (orientation: landscape) { .dashboard-module-strip .premium-tiles{ grid-template-columns:repeat(6,minmax(112px,1fr))!important; overflow-x:auto!important; } .dashboard-module-strip .premium-tile{min-width:112px!important} } /* ========================================================= NOVA AI V66.53 · TIPPS & TRICKS TYPOGRAFIE ========================================================= */ .nova-tips-tile{ position:relative; isolation:isolate; background: radial-gradient(circle at 82% 15%,rgba(255,213,74,.22),transparent 34%), linear-gradient(145deg,#092a48,#0a182e)!important; border-color:rgba(77,196,255,.55)!important; } .nova-tips-tile:after{ content:'1.000'; position:absolute; right:9px; bottom:8px; min-width:32px; padding:4px 7px; border-radius:999px; background:linear-gradient(135deg,#ffcc3d,#ff8c31); color:#101829; font:800 11px/1 var(--font-display,Arial,sans-serif); box-shadow:0 5px 16px rgba(255,151,37,.3); } .nova-tips-tricks{ --tips-ink:#10243d; --tips-muted:#60738b; --tips-line:#dbe7f2; --tips-card:#fff; --tips-soft:#f5f9fd; color:var(--tips-ink); display:grid; gap:20px; font-size:16px; line-height:1.55; } .nova-tips-hero{ position:relative; overflow:hidden; display:grid; grid-template-columns:minmax(0,1fr) 230px; gap:24px; align-items:center; padding:26px; border:1px solid #1e6f9f; border-radius:24px; background: radial-gradient(circle at 88% 20%,rgba(255,207,59,.3),transparent 29%), radial-gradient(circle at 5% 100%,rgba(36,210,139,.2),transparent 34%), linear-gradient(135deg,#071d35,#0a4262); color:#f7fbff; } .nova-tips-hero:before{ content:''; position:absolute; width:240px; height:240px; right:-90px; top:-110px; border:1px solid rgba(255,255,255,.2); border-radius:50%; box-shadow:0 0 0 28px rgba(255,255,255,.04),0 0 0 58px rgba(255,255,255,.025); } .nova-tips-hero-copy,.nova-tips-total{position:relative;z-index:1} .nova-tips-hero .eyebrow{color:#82e7ff!important;font-size:12.5px!important;line-height:1.4;letter-spacing:.075em} .nova-tips-hero h2{ margin:5px 0 10px!important; color:#fff!important; font-size:clamp(27px,4vw,43px)!important; } .nova-tips-hero p{max-width:720px;margin:0;color:#d6e7f4!important;font-size:16px!important;line-height:1.55} .nova-tips-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px} .nova-tips-hero-actions .btn{min-height:46px;font-size:15px!important;font-weight:800;line-height:1.25} .nova-tips-total{ min-height:176px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; border:1px solid rgba(255,255,255,.2); border-radius:20px; background:rgba(3,18,34,.45); backdrop-filter:blur(7px); box-shadow:inset 0 1px rgba(255,255,255,.12); } .nova-tips-total>span{font-size:34px} .nova-tips-total>strong{font:800 46px/1 var(--font-display,Arial,sans-serif);color:#ffd34c} .nova-tips-total>b{margin-top:5px;color:#fff;font-size:16px;line-height:1.3} .nova-tips-total>small{max-width:180px;margin-top:7px;color:#d1e2ee!important;font-size:13px!important;line-height:1.45} .nova-tips-spotlight{ display:none; grid-template-columns:auto 1fr auto; align-items:center; gap:16px; padding:17px 19px; border:1px solid #b5d9ee; border-radius:18px; background:linear-gradient(135deg,#eefaff,#fff9df); } .nova-tips-spotlight.visible{display:grid} .nova-tips-spotlight-icon{ width:55px;height:55px;display:grid;place-items:center;border-radius:17px; background:linear-gradient(135deg,#173f68,#0d83b6);font-size:28px; box-shadow:0 9px 22px rgba(19,94,139,.22) } .nova-tips-spotlight small{display:block;color:#126f96!important;font-size:12px!important;font-weight:900;line-height:1.4;letter-spacing:.06em} .nova-tips-spotlight h3{margin:4px 0 5px;font-size:21px;line-height:1.3} .nova-tips-spotlight p{margin:0;color:#4e647b!important;font-size:16px!important;line-height:1.55} .nova-tips-spotlight button{ border:0;border-radius:12px;padding:12px 16px;background:#0c5583;color:#fff;font-size:14px;font-weight:850;line-height:1.3;cursor:pointer;white-space:nowrap } .nova-tips-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px} .nova-tips-search{ display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:9px; min-height:52px; padding:0 8px 0 15px; border:1px solid #c8d9e8; border-radius:15px; background:var(--tips-card); box-shadow:0 7px 20px rgba(18,55,88,.06); } .nova-tips-search>span{font-size:25px;color:#2185b0} .nova-tips-search input{ min-width:0; border:0!important; outline:0!important; padding:13px 2px!important; background:transparent!important; color:var(--tips-ink)!important; font-size:16px!important; line-height:1.4; box-shadow:none!important; } .nova-tips-search input::placeholder{color:#697d91;opacity:1} .nova-tips-search button{ width:36px;height:36px;border:0;border-radius:50%;background:#edf4f9;color:#34546c;font-size:21px;cursor:pointer } .nova-tips-favorites-only{ min-height:52px;padding:0 18px;border:1px solid #d8c785;border-radius:15px;background:#fffbee;color:#4d3a00;font-size:15px;font-weight:850;line-height:1.3;cursor:pointer } .nova-tips-favorites-only.active{background:linear-gradient(135deg,#ffd84e,#ffae35);border-color:transparent;color:#162033} .nova-tips-modes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px} .nova-tips-mode{ min-height:54px;display:flex;align-items:center;justify-content:center;gap:8px; padding:9px 10px;border:1px solid var(--tips-line);border-radius:13px; background:var(--tips-card);color:var(--tips-ink);font-size:14px;line-height:1.25; cursor:pointer;transition:.2s ease } .nova-tips-mode>span{font-size:19px}.nova-tips-mode>b{font-size:14px} .nova-tips-mode:hover{transform:translateY(-1px);border-color:#68bce2} .nova-tips-mode.active{border-color:#1e99c9;background:#eaf8ff;color:#075983;box-shadow:inset 0 0 0 1px rgba(30,153,201,.15)} .nova-tips-categories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px} .nova-tips-category{ min-height:110px; display:grid; grid-template-columns:auto 1fr; grid-template-rows:auto auto; column-gap:10px; align-items:center; text-align:left; padding:13px; border:1px solid var(--tips-line); border-radius:15px; background:var(--tips-card); color:var(--tips-ink); cursor:pointer; transition:.2s ease; } .nova-tips-category:hover{transform:translateY(-2px);border-color:#68bce2;box-shadow:0 8px 20px rgba(15,93,137,.1)} .nova-tips-category.active{border-color:#1e99c9;background:linear-gradient(145deg,#eaf9ff,#f7fffc);box-shadow:inset 0 0 0 1px rgba(30,153,201,.15)} .nova-tips-category>span{grid-row:1/3;font-size:27px} .nova-tips-category>b{font-size:15px;line-height:1.32} .nova-tips-category>small{font-size:13px!important;line-height:1.35;color:#5a6e84!important} .nova-tips-results-head{display:flex;align-items:end;justify-content:space-between;gap:15px;padding:4px 2px 0} .nova-tips-results-head .eyebrow{font-size:12px!important;line-height:1.35;letter-spacing:.07em} .nova-tips-results-head h3{margin:3px 0 0;font-size:25px;line-height:1.25} .nova-tips-results-head>span{padding:8px 12px;border-radius:999px;background:#eaf4fb;color:#1d5275;font-weight:850;font-size:13px;line-height:1.25} .nova-tips-results{display:grid;gap:10px} .nova-tip-card{ overflow:hidden; border:1px solid var(--tips-line); border-radius:17px; background:var(--tips-card); box-shadow:0 7px 20px rgba(16,50,79,.045); } .nova-tip-card-top{display:grid;grid-template-columns:minmax(0,1fr) 50px;align-items:stretch} .nova-tip-open{ min-width:0; display:grid; grid-template-columns:48px minmax(0,1fr) auto; gap:13px; align-items:center; padding:17px 16px; border:0; background:transparent; color:var(--tips-ink); text-align:left; cursor:pointer; } .nova-tip-open>i{font-style:normal;font-size:21px;color:#5d7d95;transition:transform .2s} .nova-tip-card.open .nova-tip-open>i{transform:rotate(180deg)} .nova-tip-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#eaf7ff,#effff8);font-size:24px} .nova-tip-title{display:grid;gap:3px;min-width:0} .nova-tip-title small{color:#0e779f!important;font-size:12px!important;line-height:1.4;font-weight:900;letter-spacing:.035em} .nova-tip-title b{font-size:18px;line-height:1.32} .nova-tip-title em{font-style:normal;color:#566b80!important;font-size:15px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .nova-tip-favorite{ width:38px;height:38px;align-self:center;justify-self:center;border:1px solid #e2d49d;border-radius:12px;background:#fffdf4;color:#947000;font-size:23px;cursor:pointer } .nova-tip-favorite.active{background:#ffda4d;color:#392d00;border-color:#e8b429} .nova-tip-details{display:none;padding:0 18px 18px;border-top:1px solid #e5edf4;background:var(--tips-soft)} .nova-tip-card.open .nova-tip-details{display:grid;gap:12px} .nova-tip-details>div:first-child{margin-top:16px} .nova-tip-problem,.nova-tip-solution,.nova-tip-steps{ padding:14px 15px;border:1px solid #dbe8f1;border-radius:13px;background:var(--tips-card) } .nova-tip-details small{display:block;margin-bottom:6px;color:#0c7198!important;font-size:12px!important;line-height:1.35;font-weight:900;letter-spacing:.08em} .nova-tip-details p{margin:0;color:var(--tips-ink)!important;font-size:16px!important;line-height:1.6} .nova-tip-steps ol{margin:7px 0 0;padding-left:23px} .nova-tip-steps li{padding:4px 0;font-size:16px;line-height:1.55} .nova-tip-extra{display:flex;gap:11px;align-items:flex-start;padding:13px 15px;border:1px solid #f0d98c;border-radius:13px;background:#fff9df} .nova-tip-extra>span{font-size:21px} .nova-tip-extra p{display:grid;gap:3px}.nova-tip-extra b{font-size:16px;line-height:1.35} .nova-tip-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap} .nova-tip-help{ display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border:1px solid #93c9df;border-radius:11px;background:#eaf8ff;color:#075983!important;font-size:15px;font-weight:850;line-height:1.35;text-decoration:none;cursor:pointer } .nova-tip-feedback{display:flex;align-items:center;gap:7px;flex-wrap:wrap} .nova-tip-feedback>span{font-size:14px;line-height:1.35;color:#53697e} .nova-tip-feedback button{min-height:40px;border:1px solid #c4d4e0;border-radius:10px;padding:8px 11px;background:#fff;color:#24465f;font-size:14px;font-weight:750;line-height:1.3;cursor:pointer} .nova-tip-feedback button.active{background:#dff8e9;border-color:#67c891;color:#155f35} .nova-tip-feedback button.active.negative{background:#fff0ef;border-color:#ee9c96;color:#8e2b24} .nova-tips-more{ width:100%;min-height:50px;border:1px solid #9ccadf;border-radius:14px;background:linear-gradient(180deg,#f5fbff,#eaf6fc);color:#145779;font-size:15px;font-weight:850;line-height:1.35;cursor:pointer } .nova-tips-empty{text-align:center;padding:34px 20px;border:1px dashed #bcd1df;border-radius:17px;background:var(--tips-soft)} .nova-tips-empty>span{font-size:34px}.nova-tips-empty h3{margin:7px 0 4px;font-size:21px}.nova-tips-empty p{margin:0;color:var(--tips-muted)!important;font-size:15px!important;line-height:1.5} .nova-tips-note{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid #d7e4ee;border-radius:14px;background:#f6f9fc} .nova-tips-note>span{font-size:21px}.nova-tips-note p{margin:0;color:#50657a!important;font-size:14px!important;line-height:1.6} body.dark-mode .nova-tips-tricks, [data-theme="dark"] .nova-tips-tricks{ --tips-ink:#f1f7fd; --tips-muted:#b5c8d8; --tips-line:#27445c; --tips-card:#0b2034; --tips-soft:#081827; } body.dark-mode .nova-tips-spotlight, [data-theme="dark"] .nova-tips-spotlight{background:linear-gradient(135deg,#0b2d45,#302c18);border-color:#477692} body.dark-mode .nova-tips-spotlight small, [data-theme="dark"] .nova-tips-spotlight small{color:#83ddff!important} body.dark-mode .nova-tips-spotlight p, [data-theme="dark"] .nova-tips-spotlight p{color:#d1dfeb!important} body.dark-mode .nova-tips-search, body.dark-mode .nova-tips-mode, body.dark-mode .nova-tips-category, body.dark-mode .nova-tip-card, body.dark-mode .nova-tip-problem, body.dark-mode .nova-tip-solution, body.dark-mode .nova-tip-steps, [data-theme="dark"] .nova-tips-search, [data-theme="dark"] .nova-tips-mode, [data-theme="dark"] .nova-tips-category, [data-theme="dark"] .nova-tip-card, [data-theme="dark"] .nova-tip-problem, [data-theme="dark"] .nova-tip-solution, [data-theme="dark"] .nova-tip-steps{background:var(--tips-card)!important;color:var(--tips-ink)!important;border-color:var(--tips-line)!important} body.dark-mode .nova-tips-category.active, [data-theme="dark"] .nova-tips-category.active{background:linear-gradient(145deg,#12354b,#102b2c)!important;border-color:#2e9ec5!important} body.dark-mode .nova-tips-mode.active, [data-theme="dark"] .nova-tips-mode.active{background:#12354b!important;border-color:#2e9ec5!important;color:#9ee5ff!important} body.dark-mode .nova-tips-category>small, [data-theme="dark"] .nova-tips-category>small, body.dark-mode .nova-tip-title em, [data-theme="dark"] .nova-tip-title em, body.dark-mode .nova-tip-feedback>span, [data-theme="dark"] .nova-tip-feedback>span{color:#bed0df!important} body.dark-mode .nova-tip-title small, [data-theme="dark"] .nova-tip-title small, body.dark-mode .nova-tip-details small, [data-theme="dark"] .nova-tip-details small{color:#79d8ff!important} body.dark-mode .nova-tip-extra, [data-theme="dark"] .nova-tip-extra{background:#342f16;border-color:#8b7936;color:#fff5c7} body.dark-mode .nova-tips-favorites-only, [data-theme="dark"] .nova-tips-favorites-only{background:#282713;color:#ffe690;border-color:#6b6234} body.dark-mode .nova-tips-note, [data-theme="dark"] .nova-tips-note{background:#0a1b2b;border-color:#39566d} body.dark-mode .nova-tips-note p, [data-theme="dark"] .nova-tips-note p{color:#c6d6e3!important} body.dark-mode .nova-tip-feedback button, [data-theme="dark"] .nova-tip-feedback button{background:#102a40;color:#dbe9f4;border-color:#35536b} body.dark-mode .nova-tips-search input::placeholder, [data-theme="dark"] .nova-tips-search input::placeholder{color:#aebfce} body.dark-mode .nova-tips-results-head>span, [data-theme="dark"] .nova-tips-results-head>span{background:#13334a;color:#c9eaff} body.dark-mode .nova-tips-more, [data-theme="dark"] .nova-tips-more{background:linear-gradient(180deg,#123149,#0d273c);border-color:#47708b;color:#c9eeff} body.dark-mode .nova-tip-help, [data-theme="dark"] .nova-tip-help{background:#10364e;color:#9ee5ff!important;border-color:#3c7897} .nova-tips-category:focus-visible,.nova-tips-mode:focus-visible,.nova-tip-open:focus-visible,.nova-tip-favorite:focus-visible, .nova-tips-spotlight button:focus-visible,.nova-tips-search button:focus-visible, .nova-tips-favorites-only:focus-visible,.nova-tip-help:focus-visible, .nova-tip-feedback button:focus-visible,.nova-tips-more:focus-visible{ outline:3px solid #42bde9; outline-offset:2px; } @media(max-width:900px){ .nova-tips-modes{grid-template-columns:repeat(3,minmax(0,1fr))} .nova-tips-categories{grid-template-columns:repeat(3,minmax(0,1fr))} .nova-tips-hero{grid-template-columns:minmax(0,1fr) 190px} } @media(max-width:680px){ .nova-tips-tricks{gap:15px} .nova-tips-hero{grid-template-columns:1fr;padding:20px} .nova-tips-total{min-height:118px} .nova-tips-controls{grid-template-columns:1fr} .nova-tips-categories{grid-template-columns:repeat(2,minmax(0,1fr))} .nova-tips-spotlight{grid-template-columns:auto 1fr} .nova-tips-spotlight button{grid-column:1/-1;width:100%} .nova-tip-open{grid-template-columns:42px minmax(0,1fr) auto;padding:14px 10px} .nova-tip-icon{width:42px;height:42px} .nova-tip-title b{font-size:17px} .nova-tip-title em{font-size:14px;line-height:1.45} .nova-tip-title em{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .nova-tip-card-top{grid-template-columns:minmax(0,1fr) 43px} .nova-tip-details{padding:0 12px 14px} .nova-tip-details p,.nova-tip-steps li{font-size:15.5px!important} .nova-tip-actions{align-items:stretch} .nova-tip-help{width:100%} } @media(max-width:410px){ .nova-tips-modes{grid-template-columns:1fr} .nova-tips-categories{grid-template-columns:1fr} .nova-tips-category{min-height:84px} .nova-tips-hero-actions{display:grid} .nova-tips-hero-actions .btn{width:100%} .nova-tips-results-head{align-items:flex-start;flex-direction:column} } /* ========================================================= NOVA AI V66.54 · TIPPS & TRICKS HEADER-KONTRAST Die allgemeinen Modal-Farben dürfen den dunklen NOVA-Kopf weder im Hell- noch im Dunkelmodus überschreiben. ========================================================= */ body:not(.dark-mode) .modal-panel .nova-tips-hero, body.dark-mode .modal-panel .nova-tips-hero, html[data-theme="light"] body .modal-panel .nova-tips-hero, html[data-theme="dark"] body .modal-panel .nova-tips-hero{ color:#f8fcff!important; } body:not(.dark-mode) .modal-panel .nova-tips-hero .eyebrow, body.dark-mode .modal-panel .nova-tips-hero .eyebrow, html[data-theme="light"] body .modal-panel .nova-tips-hero .eyebrow, html[data-theme="dark"] body .modal-panel .nova-tips-hero .eyebrow{ color:#7fe8ff!important; font-size:13.5px!important; font-weight:900!important; line-height:1.45!important; text-shadow:0 1px 8px rgba(0,183,255,.2); } body:not(.dark-mode) .modal-panel .nova-tips-hero h2, body.dark-mode .modal-panel .nova-tips-hero h2, html[data-theme="light"] body .modal-panel .nova-tips-hero h2, html[data-theme="dark"] body .modal-panel .nova-tips-hero h2{ color:#fff!important; font-size:clamp(30px,4vw,44px)!important; font-weight:800!important; line-height:1.13!important; letter-spacing:-.025em!important; text-shadow:0 2px 12px rgba(0,0,0,.22); } body:not(.dark-mode) .modal-panel .nova-tips-hero-copy>p, body.dark-mode .modal-panel .nova-tips-hero-copy>p, html[data-theme="light"] body .modal-panel .nova-tips-hero-copy>p, html[data-theme="dark"] body .modal-panel .nova-tips-hero-copy>p{ color:#e4f0f8!important; -webkit-text-fill-color:#e4f0f8!important; font-size:17px!important; font-weight:520!important; line-height:1.62!important; opacity:1!important; } body:not(.dark-mode) .modal-panel .nova-tips-total>strong, body.dark-mode .modal-panel .nova-tips-total>strong, html[data-theme="light"] body .modal-panel .nova-tips-total>strong, html[data-theme="dark"] body .modal-panel .nova-tips-total>strong{ color:#ffdc59!important; -webkit-text-fill-color:#ffdc59!important; font-size:50px!important; font-weight:900!important; letter-spacing:-.035em!important; text-shadow:0 2px 14px rgba(255,201,45,.2); } body:not(.dark-mode) .modal-panel .nova-tips-total>b, body.dark-mode .modal-panel .nova-tips-total>b, html[data-theme="light"] body .modal-panel .nova-tips-total>b, html[data-theme="dark"] body .modal-panel .nova-tips-total>b{ color:#fff!important; -webkit-text-fill-color:#fff!important; font-size:17px!important; font-weight:850!important; } body:not(.dark-mode) .modal-panel .nova-tips-total>small, body.dark-mode .modal-panel .nova-tips-total>small, html[data-theme="light"] body .modal-panel .nova-tips-total>small, html[data-theme="dark"] body .modal-panel .nova-tips-total>small{ color:#dceaf4!important; -webkit-text-fill-color:#dceaf4!important; font-size:14px!important; font-weight:600!important; line-height:1.5!important; opacity:1!important; } body:not(.dark-mode) .modal-panel .nova-tips-hero-actions .btn, body.dark-mode .modal-panel .nova-tips-hero-actions .btn, html[data-theme="light"] body .modal-panel .nova-tips-hero-actions .btn, html[data-theme="dark"] body .modal-panel .nova-tips-hero-actions .btn{ font-size:15.5px!important; font-weight:850!important; } body:not(.dark-mode) .modal-panel .nova-tips-hero-actions .primary, body.dark-mode .modal-panel .nova-tips-hero-actions .primary, html[data-theme="light"] body .modal-panel .nova-tips-hero-actions .primary, html[data-theme="dark"] body .modal-panel .nova-tips-hero-actions .primary{ color:#fff!important; -webkit-text-fill-color:#fff!important; } body:not(.dark-mode) .modal-panel .nova-tips-hero-actions .secondary, html[data-theme="light"] body .modal-panel .nova-tips-hero-actions .secondary{ color:#10243d!important; -webkit-text-fill-color:#10243d!important; } body.dark-mode .modal-panel .nova-tips-hero-actions .secondary, html[data-theme="dark"] body .modal-panel .nova-tips-hero-actions .secondary{ color:#10243d!important; -webkit-text-fill-color:#10243d!important; background:#fff!important; } @media(max-width:680px){ body .modal-panel .nova-tips-hero .eyebrow{font-size:12.5px!important} body .modal-panel .nova-tips-hero h2{font-size:clamp(28px,8vw,36px)!important} body .modal-panel .nova-tips-hero-copy>p{font-size:16px!important} body .modal-panel .nova-tips-total>strong{font-size:45px!important} } /* NOVA Reader · Das Erwachen der Lust · V66.55 */ .nova-desire-book-card{ border-color:rgba(155,35,54,.42)!important; background: radial-gradient(circle at 80% 0%,rgba(212,158,77,.16),transparent 36%), linear-gradient(155deg,rgba(255,249,244,.98),rgba(251,239,235,.98))!important; } .nova-desire-book-card:hover{ border-color:rgba(155,35,54,.78)!important; box-shadow:0 18px 44px rgba(91,20,34,.2)!important; } .nova-desire-book-card .nova-book-progress-note, .nova-desire-book-card p{display:none!important;} .nova-desire-page{ background: radial-gradient(circle at 85% 8%,rgba(188,130,68,.12),transparent 30%), linear-gradient(145deg,#fffdf9,#fff7f2)!important; } .nova-desire-page .nova-page-kicker{color:#8f273d!important} .nova-desire-page h2{color:#4f1723!important} .nova-desire-art{ background:linear-gradient(145deg,#6e1528,#bd7950)!important; border-color:rgba(239,198,133,.58)!important; box-shadow:0 12px 34px rgba(74,14,28,.18)!important; } .nova-desire-impulse{ border-color:rgba(151,47,65,.25)!important; background:rgba(144,35,56,.075)!important; color:#632333!important; } .nova-desire-finale{ background: radial-gradient(circle at 50% 10%,rgba(202,143,67,.2),transparent 34%), linear-gradient(145deg,#fffaf5,#faece9)!important; } .nova-desire-finale h2{color:#641b2c!important} body.dark-mode .nova-desire-book-card, html[data-theme="dark"] body .nova-desire-book-card{ border-color:rgba(229,155,134,.42)!important; background: radial-gradient(circle at 80% 0%,rgba(197,124,66,.18),transparent 38%), linear-gradient(155deg,#24151b,#171119)!important; } body.dark-mode .nova-desire-page, html[data-theme="dark"] body .nova-desire-page{ background: radial-gradient(circle at 85% 8%,rgba(185,119,56,.16),transparent 32%), linear-gradient(145deg,#24171a,#171216)!important; } body.dark-mode .nova-desire-page h2, html[data-theme="dark"] body .nova-desire-page h2{color:#ffd9ce!important} body.dark-mode .nova-desire-page .nova-page-kicker, html[data-theme="dark"] body .nova-desire-page .nova-page-kicker{color:#f0a58f!important} body.dark-mode .nova-desire-impulse, html[data-theme="dark"] body .nova-desire-impulse{ border-color:rgba(239,162,140,.3)!important; background:rgba(187,72,91,.12)!important; color:#ffd8cd!important; } body.dark-mode .nova-desire-finale, html[data-theme="dark"] body .nova-desire-finale{ background: radial-gradient(circle at 50% 10%,rgba(199,126,54,.17),transparent 34%), linear-gradient(145deg,#25171b,#151013)!important; } body.dark-mode .nova-desire-finale h2, html[data-theme="dark"] body .nova-desire-finale h2{color:#ffded4!important} @media(max-width:680px){ .nova-desire-page h2{font-size:clamp(26px,7.6vw,34px)!important} .nova-desire-page .nova-page-text p{font-size:17px!important;line-height:1.72!important} .nova-desire-impulse{font-size:15.5px!important;line-height:1.55!important} } /* NOVA Reader · Der Wunsch · seit V66.65 */ .nova-wish-book-card{position:relative;border-color:rgba(70,160,188,.48)!important;background:radial-gradient(circle at 80% 0%,rgba(47,214,219,.15),transparent 38%),linear-gradient(150deg,#f7fbff,#eef5fa)!important} .nova-wish-book-card:hover{border-color:rgba(40,180,201,.85)!important;box-shadow:0 18px 44px rgba(16,88,118,.22)!important} .nova-wish-book-card img{display:block;margin-top:10px;object-position:center top;} .nova-wish-lock-badge{position:absolute;z-index:5;top:12px;right:12px;padding:6px 10px;border-radius:999px;background:rgba(5,20,35,.92);color:#b8fbff!important;font-size:11px;font-weight:900;letter-spacing:.08em;box-shadow:0 6px 18px rgba(0,0,0,.32);border:1px solid rgba(140,244,255,.28)} .nova-wish-lock{max-width:520px;margin:0 auto;padding:30px;text-align:center;border:1px solid rgba(74,205,220,.34);border-radius:25px;background:radial-gradient(circle at 50% 0%,rgba(39,199,213,.17),transparent 42%),linear-gradient(145deg,#f8fcff,#edf5f9)} .nova-wish-lock-icon{width:72px;height:72px;margin:0 auto 16px;display:grid;place-items:center;border-radius:50%;font-size:34px;color:#dfffff;background:linear-gradient(145deg,#0a4567,#17a9b6);box-shadow:0 12px 34px rgba(13,116,143,.28)} .nova-wish-lock h2{margin:6px 0 10px;color:#083f5b!important}.nova-wish-lock p{font-size:16px;line-height:1.6;color:#38596a!important} .nova-wish-lock form{display:grid;gap:11px;max-width:330px;margin:22px auto 0;text-align:left}.nova-wish-lock label{font-weight:850;color:#173f52} .nova-wish-lock input{width:100%;padding:14px 15px;border:2px solid #a8cad6;border-radius:13px;background:#fff;color:#102f40;font-size:20px;font-weight:850;letter-spacing:.12em;text-align:center;outline:none} .nova-wish-lock input:focus{border-color:#13a8b8;box-shadow:0 0 0 4px rgba(19,168,184,.14)} .nova-wish-code-status{min-height:22px;text-align:center;color:#a42434;font-size:14px;font-weight:800} .nova-wish-page{background:radial-gradient(circle at 86% 8%,rgba(47,211,219,.12),transparent 31%),linear-gradient(145deg,#fbfdff,#f1f7fa)!important} .nova-wish-page .nova-page-kicker{color:#087b91!important}.nova-wish-page h2{color:#082f4b!important} .nova-wish-art{background:linear-gradient(145deg,#071d39,#0b96a8)!important;border-color:rgba(87,228,234,.58)!important;box-shadow:0 12px 34px rgba(5,54,83,.2)!important} .nova-wish-impulse{border-color:rgba(17,148,168,.27)!important;background:rgba(16,154,174,.075)!important;color:#124c5b!important} .nova-wish-finale{background:radial-gradient(circle at 50% 8%,rgba(45,212,220,.18),transparent 34%),linear-gradient(145deg,#f8fcff,#eaf4f7)!important}.nova-wish-finale h2{color:#073c59!important} body.dark-mode .nova-wish-book-card,html[data-theme="dark"] body .nova-wish-book-card{border-color:rgba(68,211,222,.4)!important;background:radial-gradient(circle at 80% 0%,rgba(31,186,199,.17),transparent 38%),linear-gradient(155deg,#0b2030,#0c131c)!important} body.dark-mode .nova-wish-lock,html[data-theme="dark"] body .nova-wish-lock{background:radial-gradient(circle at 50% 0%,rgba(22,183,196,.17),transparent 42%),linear-gradient(145deg,#102533,#0b151d);border-color:rgba(73,217,226,.34)} body.dark-mode .nova-wish-lock h2,html[data-theme="dark"] body .nova-wish-lock h2{color:#d8fbff!important} body.dark-mode .nova-wish-lock p,body.dark-mode .nova-wish-lock label,html[data-theme="dark"] body .nova-wish-lock p,html[data-theme="dark"] body .nova-wish-lock label{color:#c4e0e8!important} body.dark-mode .nova-wish-lock input,html[data-theme="dark"] body .nova-wish-lock input{background:#07141d;color:#efffff;border-color:#326b7b} body.dark-mode .nova-wish-page,html[data-theme="dark"] body .nova-wish-page{background:radial-gradient(circle at 86% 8%,rgba(31,188,199,.15),transparent 32%),linear-gradient(145deg,#10222e,#0b141b)!important} body.dark-mode .nova-wish-page h2,html[data-theme="dark"] body .nova-wish-page h2{color:#dcfbff!important} body.dark-mode .nova-wish-page .nova-page-kicker,html[data-theme="dark"] body .nova-wish-page .nova-page-kicker{color:#63dce5!important} body.dark-mode .nova-wish-impulse,html[data-theme="dark"] body .nova-wish-impulse{border-color:rgba(77,218,226,.3)!important;background:rgba(25,176,190,.12)!important;color:#cffaff!important} body.dark-mode .nova-wish-finale,html[data-theme="dark"] body .nova-wish-finale{background:radial-gradient(circle at 50% 8%,rgba(31,185,198,.16),transparent 34%),linear-gradient(145deg,#10232f,#09131a)!important} body.dark-mode .nova-wish-finale h2,html[data-theme="dark"] body .nova-wish-finale h2{color:#ddfbff!important} @media(max-width:680px){.nova-wish-lock{padding:23px 17px}.nova-wish-page h2{font-size:clamp(26px,7.6vw,34px)!important}.nova-wish-page .nova-page-text p{font-size:17px!important;line-height:1.72!important}.nova-wish-impulse{font-size:15.5px!important;line-height:1.55!important}} .nova-tips-modes{grid-template-columns:repeat(2,minmax(0,1fr))} /* NOVA AI V66.66 · Live-News, Namenstage und responsive Stabilität */ #novaNamedayNames{ display:flex; align-items:center; align-content:center; flex-wrap:wrap; column-gap:.3em; row-gap:.16em; min-width:0; max-width:100%; overflow:visible; padding:2px 0; font-size:18px; line-height:1.12; } .nova-nameday-card{min-width:0} .nova-nameday-card>div:last-child{min-width:0;max-width:100%} .nova-nameday-link{ flex:0 1 auto; color:inherit; font:inherit; line-height:1.12; text-decoration:none; border-bottom:1px solid rgba(43,139,230,.42); transition:color .18s ease,border-color .18s ease; } .nova-nameday-link:hover,.nova-nameday-link:focus-visible{ color:var(--blue); border-bottom-color:currentColor; outline:none; } .nova-nameday-separator{flex:0 0 auto;color:var(--muted);font-weight:700} #novaNamedayNames[data-name-count="4"], #novaNamedayNames[data-name-count="5"]{font-size:15px} #novaNamedayNames[data-name-count="6"], #novaNamedayNames[data-name-count="7"], #novaNamedayNames[data-name-count="8"]{font-size:13px} #novaNamedayNames[data-name-count="9"], #novaNamedayNames[data-name-count="10"], #novaNamedayNames[data-name-count="11"], #novaNamedayNames[data-name-count="12"]{font-size:11px;column-gap:.24em;row-gap:.1em} body.dark-mode .nova-nameday-link{color:#f4f9ff;border-bottom-color:rgba(111,195,255,.5)} body.dark-mode .nova-nameday-link:hover,body.dark-mode .nova-nameday-link:focus-visible{color:#8fd1ff} .world-preview-source b{max-width:calc(100% - 58px)} .world-preview-card h4{overflow-wrap:anywhere} .world-preview-fallback-actions{display:flex;gap:8px;flex-wrap:wrap} @media(max-width:760px){ .world-current-module{min-width:0} .world-current-tabs{max-width:100%;overflow-x:auto;scrollbar-width:thin} .world-current-tabs button{flex:0 0 auto} .world-preview-output{min-width:0} .world-preview-source{align-items:flex-start} .world-preview-source b{white-space:normal;line-height:1.25} .world-preview-fallback-actions{width:100%} .world-preview-fallback-actions .btn{flex:1 1 190px} } @media(max-width:430px){ #novaNamedayNames{font-size:16px} #novaNamedayNames[data-name-count="4"], #novaNamedayNames[data-name-count="5"]{font-size:14px} #novaNamedayNames[data-name-count="6"], #novaNamedayNames[data-name-count="7"], #novaNamedayNames[data-name-count="8"]{font-size:12px} #novaNamedayNames[data-name-count="9"], #novaNamedayNames[data-name-count="10"], #novaNamedayNames[data-name-count="11"], #novaNamedayNames[data-name-count="12"]{font-size:10px} .world-preview-card{gap:9px} .world-preview-card h4{font-size:14px} .world-preview-source{display:grid;justify-content:start;gap:3px} .world-preview-source b{max-width:100%} } /* V66.67 · Die Psychiaterin */ .nova-psych-book-card{position:relative}.nova-psych-page .nova-page-text{max-width:850px;margin:auto}.nova-psych-chapter{display:block;letter-spacing:.08em;text-transform:uppercase;color:#8a6a2d;font-weight:800;margin-bottom:10px}.nova-psych-page h2{color:#142b50;margin-top:0}.nova-psych-note,.nova-psych-hint,.nova-psych-impulse{margin-top:24px;padding:16px 18px;display:flex;flex-direction:column;gap:8px;border-radius:0 12px 12px 0}.nova-psych-note{border-left:4px solid #34507f;background:rgba(52,80,127,.08)}.nova-psych-hint{border-left:4px solid #b58a37;background:rgba(181,138,55,.09)}.nova-psych-impulse{border-left:4px solid #b58a37;background:rgba(181,138,55,.09)}.nova-psych-note b,.nova-psych-hint b,.nova-psych-impulse b{display:block}.dark-mode .nova-psych-page h2{color:#dbe8ff}.dark-mode .nova-psych-note{background:rgba(126,161,224,.12)}.dark-mode .nova-psych-hint,.dark-mode .nova-psych-impulse{background:rgba(219,184,105,.12)} /* V66.70 · Premium-Langfassung */ .nova-psych-page .nova-page-text{max-width:900px}.nova-psych-page .nova-page-text>p{line-height:1.62;margin:0 0 18px}.nova-psych-note span,.nova-psych-impulse span{line-height:1.55}.nova-psych-note{box-shadow:0 10px 30px rgba(20,43,80,.06)} /* V66.71 · Die Psychiaterin · klickbares Inhaltsverzeichnis */ .nova-psych-toc-page{overflow:auto}.nova-psych-toc{max-width:900px;margin:0 auto;padding:8px 4px 28px}.nova-psych-toc h2{margin:0 0 8px;color:#142b50;font-size:clamp(2rem,5vw,3.6rem)}.nova-psych-toc-intro{max-width:760px;margin:0 0 22px;line-height:1.6;color:#41516a}.nova-psych-toc-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.nova-psych-toc-entry{width:100%;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;text-align:left;border:1px solid rgba(52,80,127,.18);background:rgba(255,255,255,.6);padding:13px 14px;border-radius:14px;color:#142b50;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.nova-psych-toc-entry:hover,.nova-psych-toc-entry:focus-visible{transform:translateY(-2px);border-color:#b58a37;box-shadow:0 10px 24px rgba(20,43,80,.1);outline:none}.nova-psych-toc-number{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(181,138,55,.14);font-weight:900;color:#8a6a2d}.nova-psych-toc-copy{display:flex;flex-direction:column;min-width:0}.nova-psych-toc-copy b{font-size:1rem;line-height:1.25}.nova-psych-toc-copy small{margin-top:3px;color:#66738a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nova-psych-toc-entry strong{font-size:.84rem;color:#8a6a2d;white-space:nowrap}.nova-psych-toc-footer{display:flex;justify-content:center;margin-top:22px}.nova-psych-toc-start{border:0;border-radius:999px;padding:13px 22px;background:#142b50;color:#fff;font-weight:800;cursor:pointer}.nova-psych-toc-button{margin-left:4px}.dark-mode .nova-psych-toc h2{color:#dbe8ff}.dark-mode .nova-psych-toc-intro{color:#b8c4d8}.dark-mode .nova-psych-toc-entry{background:rgba(20,32,52,.72);border-color:rgba(219,232,255,.16);color:#e4edff}.dark-mode .nova-psych-toc-copy small{color:#aab8ce}.dark-mode .nova-psych-toc-start{background:#dbe8ff;color:#142b50}@media(max-width:760px){.nova-psych-toc-list{grid-template-columns:1fr}.nova-psych-toc-entry{grid-template-columns:40px minmax(0,1fr) auto;padding:12px 10px}.nova-psych-toc-copy b{font-size:.94rem}.nova-psych-toc-entry strong{font-size:.78rem}.nova-psych-toc-intro{font-size:.95rem}} /* V66.72 · NOVA MIND */ .nova-mind-home{display:flex;flex-direction:column;gap:18px} .nova-mind-hero{padding:16px 18px;border-radius:18px;background:linear-gradient(135deg,rgba(47,86,157,.10),rgba(122,77,191,.08));border:1px solid rgba(47,86,157,.16)} .nova-mind-hero b{display:block;margin-bottom:6px;color:#19345c} .nova-mind-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px} .nova-mind-card{background:rgba(255,255,255,.82);border:1px solid rgba(23,43,77,.10);border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:10px;box-shadow:0 10px 24px rgba(23,43,77,.06)} .nova-mind-card small{letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:#7b5a25} .nova-mind-card h3{margin:0;color:#142b50} .nova-mind-icon{font-size:1.8rem} .nova-mind-tags{display:flex;flex-wrap:wrap;gap:8px} .nova-mind-tags span,.nova-mind-status{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:rgba(20,43,80,.06);font-size:.9rem} .nova-mind-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto} .dark-mode .nova-mind-hero{background:linear-gradient(135deg,rgba(101,140,214,.17),rgba(133,95,210,.14));border-color:rgba(164,189,239,.18)} .dark-mode .nova-mind-hero b,.dark-mode .nova-mind-card h3{color:#e8f0ff} .dark-mode .nova-mind-card{background:rgba(19,24,36,.88);border-color:rgba(193,211,255,.10);box-shadow:0 10px 24px rgba(0,0,0,.18)} .dark-mode .nova-mind-tags span,.dark-mode .nova-mind-status{background:rgba(230,236,255,.08)} @media (max-width:700px){.nova-mind-card{padding:16px}.nova-mind-actions{flex-direction:column}.nova-mind-actions .btn{width:100%}} /* V66.73 · NOVA MIND DIREKTZUGANG */ .nova-mind-entry-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .nova-mind-entry{appearance:none;text-align:left;border:1px solid rgba(23,43,77,.12);background:rgba(255,255,255,.88);border-radius:22px;padding:0 18px 18px;overflow:hidden;display:flex;flex-direction:column;gap:9px;cursor:pointer;box-shadow:0 12px 28px rgba(23,43,77,.08);transition:transform .2s ease,box-shadow .2s ease} .nova-mind-entry:hover{transform:translateY(-3px);box-shadow:0 18px 34px rgba(23,43,77,.13)} .nova-mind-picture{aspect-ratio:4/3;height:auto;margin:0 -18px 8px;display:grid;place-items:center;background:linear-gradient(135deg,#dbe8fb,#eee5fb);overflow:hidden} .nova-mind-picture img{width:100%;height:100%;object-fit:contain;background:#f4efe4}.nova-mind-picture em{font-style:normal;font-size:4rem} .nova-mind-entry small{font-weight:800;letter-spacing:.08em;color:#8a6a2d}.nova-mind-entry h3{margin:0;color:#142b50}.nova-mind-entry p{margin:0;flex:1}.nova-mind-entry strong{color:#294f8a} .nova-mind-footnote{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border-radius:15px;background:rgba(181,138,55,.09);border-left:4px solid #b58a37}.nova-mind-footnote b{white-space:nowrap}.nova-mind-footnote span{line-height:1.45} .nova-mind-area{display:flex;flex-direction:column;gap:16px}.nova-mind-area-head{display:flex;align-items:center;gap:14px}.nova-mind-area-head p{margin:0} .nova-mind-tabs{display:flex;gap:8px;flex-wrap:wrap}.nova-mind-tabs button{border:1px solid rgba(23,43,77,.14);background:rgba(255,255,255,.7);padding:10px 14px;border-radius:999px;cursor:pointer;font-weight:800}.nova-mind-tabs button.active{background:#244b84;color:#fff;border-color:#244b84} .nova-mind-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.nova-mind-topic{appearance:none;border:1px solid rgba(23,43,77,.11);background:rgba(255,255,255,.84);border-radius:17px;padding:14px;text-align:left;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;cursor:pointer}.nova-mind-topic>span{font-size:1.65rem}.nova-mind-topic div{display:flex;flex-direction:column;gap:4px}.nova-mind-topic small{line-height:1.35}.nova-mind-topic em{font-style:normal;font-size:1.4rem} .nova-mind-premium{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 18px;border-radius:18px;background:linear-gradient(135deg,rgba(36,75,132,.12),rgba(181,138,55,.10));border:1px solid rgba(36,75,132,.14)}.nova-mind-premium div{display:flex;flex-direction:column;gap:4px}.nova-mind-premium p{margin:0} .nova-mind-detail{display:flex;flex-direction:column;gap:15px}.nova-mind-detail section{padding:17px 19px;border-radius:17px;background:rgba(255,255,255,.82);border:1px solid rgba(23,43,77,.10)}.nova-mind-detail section h3{margin:0 0 8px;color:#17345f}.nova-mind-detail section p{margin:0;line-height:1.6}.nova-mind-detail blockquote{margin:0;padding:18px 20px;border-radius:17px;background:rgba(36,75,132,.09);border-left:4px solid #345f9d;display:flex;flex-direction:column;gap:7px}.nova-mind-help{background:rgba(181,138,55,.08)!important} .dark-mode .nova-mind-entry,.dark-mode .nova-mind-topic,.dark-mode .nova-mind-detail section{background:rgba(18,25,39,.9);border-color:rgba(220,231,255,.10)}.dark-mode .nova-mind-entry h3,.dark-mode .nova-mind-detail section h3{color:#e7efff}.dark-mode .nova-mind-entry strong{color:#a9c8ff}.dark-mode .nova-mind-tabs button{background:rgba(20,29,45,.8);color:#eaf0ff;border-color:rgba(220,231,255,.12)}.dark-mode .nova-mind-tabs button.active{background:#5278b4}.dark-mode .nova-mind-premium{background:linear-gradient(135deg,rgba(82,120,180,.20),rgba(181,138,55,.14))} @media(max-width:850px){.nova-mind-entry-grid{grid-template-columns:1fr}.nova-mind-picture{aspect-ratio:4/3;height:auto}.nova-mind-topic-grid{grid-template-columns:1fr}.nova-mind-area-head,.nova-mind-premium,.nova-mind-footnote{align-items:stretch;flex-direction:column}.nova-mind-footnote b{white-space:normal}} /* V66.74 · NOVA MIND WEBP */ .nova-mind-picture img{display:block;object-position:center center}.nova-mind-entry{padding-top:0} /* V66.75 · NOVA MIND Bildformat & Beratungsstellen */ .nova-mind-counselling{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-radius:17px;background:linear-gradient(135deg,rgba(36,75,132,.10),rgba(71,141,114,.10));border:1px solid rgba(36,75,132,.14)} .nova-mind-counselling>div{display:flex;flex-direction:column;gap:4px}.nova-mind-counselling span{line-height:1.45}.nova-mind-counselling .btn{white-space:nowrap;text-decoration:none} .dark-mode .nova-mind-picture img{background:#192131}.dark-mode .nova-mind-counselling{background:linear-gradient(135deg,rgba(82,120,180,.18),rgba(71,141,114,.15));border-color:rgba(220,231,255,.10)} @media(max-width:850px){.nova-mind-counselling{align-items:stretch;flex-direction:column}.nova-mind-counselling .btn{width:100%;text-align:center}} /* V66.76 · NOVA MIND Suche & Ausbau */ .nova-mind-search-wrap{display:flex;flex-direction:column;gap:10px;padding:15px 16px;border:1px solid rgba(36,75,132,.14);border-radius:18px;background:rgba(244,247,253,.78)}.nova-mind-search-wrap>label{font-weight:850;color:#142b50}.nova-mind-search-row{display:grid;grid-template-columns:1fr auto;gap:8px}.nova-mind-search-row input{width:100%;min-width:0;padding:12px 14px;border-radius:13px;border:1px solid rgba(23,43,77,.18);background:#fff;font:inherit;color:inherit}.nova-mind-search-row button{width:44px;border:0;border-radius:13px;background:rgba(23,43,77,.08);font-size:1.35rem;cursor:pointer}.nova-mind-quickfilters{display:flex;flex-wrap:wrap;gap:8px}.nova-mind-quickfilters button{border:1px solid rgba(36,75,132,.15);border-radius:999px;padding:7px 11px;background:#fff;cursor:pointer;font-weight:750}.nova-mind-quickfilters button.active{background:#244b84;color:#fff;border-color:#244b84}.nova-mind-result-count{color:#5c6f8c}.nova-mind-tabs button small{margin-left:5px;opacity:.8}.nova-mind-empty{grid-column:1/-1;padding:28px;border:1px dashed rgba(23,43,77,.2);border-radius:17px;text-align:center;display:flex;flex-direction:column;gap:6px}.dark-mode .nova-mind-search-wrap{background:rgba(22,30,46,.82);border-color:rgba(220,231,255,.12)}.dark-mode .nova-mind-search-wrap>label{color:#e7efff}.dark-mode .nova-mind-search-row input,.dark-mode .nova-mind-quickfilters button{background:rgba(12,19,31,.9);color:#edf3ff;border-color:rgba(220,231,255,.14)}.dark-mode .nova-mind-search-row button{background:rgba(230,236,255,.09);color:#fff}.dark-mode .nova-mind-quickfilters button.active{background:#5278b4}.dark-mode .nova-mind-result-count{color:#b7c6df}@media(max-width:650px){.nova-mind-search-wrap{padding:13px}.nova-mind-quickfilters{gap:6px}.nova-mind-quickfilters button{padding:7px 9px}} /* V66.77 · NOVA MIND interaktive Elena-Begleitung */ .nova-mind-dialogue{display:flex;flex-direction:column;gap:14px}.nova-mind-answer-block,.nova-mind-elena-reply,.nova-mind-followup,.nova-mind-next-card{padding:17px 19px;border-radius:17px;border:1px solid rgba(36,75,132,.13);background:rgba(246,249,255,.88)}.nova-mind-answer-block>b,.nova-mind-followup>b,.nova-mind-elena-reply>b{display:block;margin-bottom:10px;color:#17345f}.nova-mind-answer-block small{display:block;margin-top:10px;color:#60718b}.nova-mind-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.nova-mind-answer-grid button{border:1px solid rgba(36,75,132,.18);background:#fff;color:#142b50;border-radius:13px;padding:12px 13px;text-align:left;font:inherit;font-weight:750;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.nova-mind-answer-grid button:hover,.nova-mind-answer-grid button:focus-visible{transform:translateY(-1px);border-color:#345f9d;box-shadow:0 8px 18px rgba(36,75,132,.10);outline:none}.nova-mind-elena-reply{border-left:4px solid #345f9d;background:rgba(52,95,157,.08)}.nova-mind-elena-reply p,.nova-mind-next-card p{margin:0;line-height:1.6}.nova-mind-next-card{margin-top:12px;border-left:4px solid #b58a37;background:rgba(181,138,55,.08)}.nova-mind-next-card>b{display:block;margin-bottom:8px}.nova-mind-next-card ol{margin:10px 0 14px;padding-left:22px}.nova-mind-next-card li{margin:6px 0}.nova-mind-next-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.nova-mind-answer-picked{margin-top:12px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.72);border:1px solid rgba(36,75,132,.12)}.nova-mind-answer-picked small{display:block;color:#60718b;margin-bottom:4px}.nova-mind-answer-picked strong{display:block;color:#17345f}.dark-mode .nova-mind-answer-picked{background:rgba(10,18,30,.55);border-color:rgba(220,231,255,.12)}.dark-mode .nova-mind-answer-picked strong{color:#eef4ff}.dark-mode .nova-mind-answer-block,.dark-mode .nova-mind-followup,.dark-mode .nova-mind-next-card{background:rgba(18,27,43,.9);border-color:rgba(220,231,255,.12)}.dark-mode .nova-mind-elena-reply{background:rgba(82,120,180,.15)}.dark-mode .nova-mind-answer-block>b,.dark-mode .nova-mind-followup>b,.dark-mode .nova-mind-elena-reply>b{color:#e7efff}.dark-mode .nova-mind-answer-grid button{background:rgba(10,18,30,.92);color:#eef4ff;border-color:rgba(220,231,255,.14)}@media(max-width:650px){.nova-mind-answer-grid{grid-template-columns:1fr}.nova-mind-next-actions{flex-direction:column}.nova-mind-next-actions .btn{width:100%}} /* V66.80 · NOVA MIND persönliches Protokoll */ .nova-mind-protocol-entry{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 19px;border-radius:17px;background:linear-gradient(135deg,rgba(52,95,157,.10),rgba(181,138,55,.08));border:1px solid rgba(52,95,157,.15)}.nova-mind-protocol-entry div{display:flex;flex-direction:column;gap:4px}.nova-mind-protocol-entry span{color:#52657f}.nova-mind-protocol{display:flex;flex-direction:column;gap:16px}.nova-mind-protocol-intro,.nova-mind-protocol-summary,.nova-mind-crisis,.nova-mind-protocol-cleared{padding:17px 19px;border-radius:17px;border:1px solid rgba(36,75,132,.13);background:rgba(246,249,255,.9)}.nova-mind-protocol form{display:flex;flex-direction:column;gap:14px}.nova-mind-protocol label{display:flex;flex-direction:column;gap:7px;font-weight:750;color:#17345f}.nova-mind-protocol input[type=text],.nova-mind-protocol input:not([type]),.nova-mind-protocol textarea{width:100%;box-sizing:border-box;border:1px solid rgba(36,75,132,.18);border-radius:13px;padding:12px 13px;font:inherit;color:#142b50;background:#fff}.nova-mind-protocol-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.nova-mind-protocol fieldset{display:flex;flex-wrap:wrap;gap:12px;border:1px solid rgba(36,75,132,.14);border-radius:14px;padding:13px 15px}.nova-mind-protocol fieldset label{flex-direction:row;align-items:center;font-weight:650}.nova-mind-protocol-actions{display:flex;flex-wrap:wrap;gap:10px}.nova-mind-protocol-summary h3{margin-top:0}.nova-mind-protocol-step{margin-top:14px;padding:14px;border-left:4px solid #b58a37;background:rgba(181,138,55,.08);border-radius:0 12px 12px 0}.nova-mind-crisis{border-left:5px solid #b64a4a;background:rgba(182,74,74,.09)}.nova-mind-crisis b{color:#8f2525}.dark-mode .nova-mind-protocol-entry,.dark-mode .nova-mind-protocol-intro,.dark-mode .nova-mind-protocol-summary,.dark-mode .nova-mind-protocol-cleared{background:rgba(18,27,43,.92);border-color:rgba(220,231,255,.12)}.dark-mode .nova-mind-protocol label{color:#e7efff}.dark-mode .nova-mind-protocol input[type=text],.dark-mode .nova-mind-protocol input:not([type]),.dark-mode .nova-mind-protocol textarea{background:rgba(10,18,30,.92);color:#eef4ff;border-color:rgba(220,231,255,.14)}@media(max-width:650px){.nova-mind-protocol-entry{align-items:stretch;flex-direction:column}.nova-mind-protocol-two{grid-template-columns:1fr}.nova-mind-protocol-actions{flex-direction:column}.nova-mind-protocol-actions .btn{width:100%}} /* V66.81 · NOVA 1000 Tipps Navigation & Schließen */ .nova-tips-tricks{position:relative} .nova-tips-results-head{scroll-margin-top:18px} /* ========================================================= NOVA AI V66.86 — Handy-Desktopmodus / Tablet-Breiten - Schnellzugriff nutzt die komplette verfügbare Breite - Jobs-Modul bleibt vollständig im sichtbaren Modal ========================================================= */ /* Das Element trägt gleichzeitig hero-command-dock und nova-universe-dock. Eine ältere Tablet-Regel begrenzte es deshalb irrtümlich auf 610px. */ .nova-universe-quick#alltag .nova-universe-dock.hero-command-dock, .nova-universe-quick#alltag .nova-quick-access-dock.hero-command-dock{ width:100%!important; max-width:none!important; min-width:0!important; left:auto!important; right:auto!important; transform:none!important; } /* Robustes Raster für Desktopmodus auf Handys sowie echte Tablets. */ @media (min-width:761px) and (max-width:1250px){ .nova-universe-quick#alltag{ width:calc(100% - 28px)!important; max-width:none!important; padding:18px!important; } .nova-universe-quick#alltag .nova-universe-dock{ width:100%!important; max-width:none!important; grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important; gap:12px!important; } .nova-universe-quick#alltag .nova-universe-dock button{ width:100%!important; min-width:0!important; } /* Modal an die tatsächlich sichtbare Breite koppeln. */ #moduleModal .modal-panel{ width:calc(100vw - 24px)!important; max-width:1100px!important; margin:3vh auto!important; padding:22px!important; max-height:94vh!important; overflow-y:auto!important; overflow-x:hidden!important; } #moduleModal .modal-content, #moduleModal .nova-jobs-module, #moduleModal .nova-jobs-search, #moduleModal .nova-jobs-search-grid, #moduleModal .nova-jobs-type-grid, #moduleModal .nova-jobs-portal-grid, #moduleModal .nova-jobs-tools-grid{ width:100%!important; max-width:100%!important; min-width:0!important; } #moduleModal .nova-jobs-search-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } #moduleModal .nova-jobs-search-grid .btn{ grid-column:1/-1!important; width:100%!important; } #moduleModal .nova-jobs-search-grid input, #moduleModal .nova-jobs-search-grid select, #moduleModal .nova-jobs-search-grid button{ width:100%!important; max-width:100%!important; min-width:0!important; } #moduleModal .nova-jobs-type-grid{ grid-template-columns:repeat(3,minmax(0,1fr))!important; } #moduleModal .nova-jobs-portal-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } #moduleModal .nova-jobs-tools-grid{ grid-template-columns:repeat(4,minmax(0,1fr))!important; } } /* Sehr schmale Desktop-Viewport-Simulationen: kompakter statt seitlich verschieben. */ @media (min-width:761px) and (max-width:900px){ .nova-universe-quick#alltag .nova-universe-dock{ grid-template-columns:repeat(auto-fit,minmax(132px,1fr))!important; } #moduleModal .nova-jobs-type-grid, #moduleModal .nova-jobs-tools-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } #moduleModal .nova-jobs-portal-grid{ grid-template-columns:1fr!important; } } @media (max-width:760px){ #moduleModal .modal-panel{ width:calc(100vw - 16px)!important; max-width:calc(100vw - 16px)!important; margin:8px auto!important; padding:16px 12px!important; max-height:calc(100dvh - 16px)!important; overflow-x:hidden!important; } #moduleModal .nova-jobs-search-grid, #moduleModal .nova-jobs-type-grid, #moduleModal .nova-jobs-portal-grid, #moduleModal .nova-jobs-tools-grid{ width:100%!important; max-width:100%!important; min-width:0!important; } } /* NOVA Reader · Visionen werden wirklich · V66.92 */ .nova-vision-book-card{position:relative;border-color:rgba(187,139,43,.48)!important;background:radial-gradient(circle at 82% 0%,rgba(47,132,190,.13),transparent 38%),linear-gradient(150deg,#fffdf8,#f2f6f9)!important} .nova-vision-book-card:hover{border-color:rgba(190,139,40,.88)!important;box-shadow:0 18px 44px rgba(29,53,82,.2)!important} .nova-vision-page{background:radial-gradient(circle at 86% 8%,rgba(79,137,181,.10),transparent 31%),linear-gradient(145deg,#fffdf8,#f3f6f7)!important} .nova-vision-page .nova-page-kicker{color:#2d5c7e!important}.nova-vision-page h2{color:#0b1b31!important} .nova-vision-art{background:linear-gradient(145deg,#0b1d35,#b98932)!important;border-color:rgba(214,177,94,.58)!important;box-shadow:0 12px 34px rgba(12,35,64,.2)!important;color:#fff!important} .nova-vision-impulse{border-color:rgba(176,130,40,.3)!important;background:rgba(195,151,61,.09)!important;color:#493817!important} .nova-vision-finale{background:radial-gradient(circle at 50% 8%,rgba(201,158,72,.18),transparent 34%),linear-gradient(145deg,#fffdf8,#edf3f6)!important}.nova-vision-finale h2{color:#0b2845!important} body.dark-mode .nova-vision-book-card,html[data-theme="dark"] body .nova-vision-book-card{border-color:rgba(219,177,91,.44)!important;background:radial-gradient(circle at 82% 0%,rgba(48,129,174,.17),transparent 38%),linear-gradient(155deg,#122437,#0b131d)!important} body.dark-mode .nova-vision-page,html[data-theme="dark"] body .nova-vision-page{background:radial-gradient(circle at 86% 8%,rgba(52,129,173,.16),transparent 32%),linear-gradient(145deg,#152637,#0d151e)!important} body.dark-mode .nova-vision-page h2,html[data-theme="dark"] body .nova-vision-page h2{color:#f3e2b8!important} body.dark-mode .nova-vision-impulse,html[data-theme="dark"] body .nova-vision-impulse{background:rgba(201,157,73,.12)!important;color:#f1ddb3!important} /* NOVA AI V66.93 · DWD Regen-Intelligence */ .nova-rain-intelligence{margin:16px 0;padding:16px;border:1px solid #cfe1ef;border-radius:18px;background:linear-gradient(145deg,#f7fbff,#eef8ff)} .nova-rain-intelligence-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px} .nova-rain-intelligence-head h4{margin:3px 0 0;font-size:20px;color:#0b2343} .nova-rain-confidence{padding:6px 10px;border-radius:999px;background:#e3f2ff;color:#14649a;font-size:10px;font-weight:900;white-space:nowrap} .nova-rain-message{margin:0 0 13px;padding:12px 14px;border-left:4px solid #10a9d4;border-radius:10px;background:#fff;color:#29465e;line-height:1.55} .nova-rain-facts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px} .nova-rain-facts article{padding:12px;border:1px solid #d6e4ef;border-radius:13px;background:#fff;display:grid;gap:5px;min-width:0} .nova-rain-facts small{color:#668096;font-size:10px;font-weight:800} .nova-rain-facts strong{color:#102943;font-size:14px;line-height:1.25;overflow-wrap:anywhere} body.dark-mode .nova-rain-intelligence{background:linear-gradient(145deg,#0b2035,#0c2740);border-color:#284963} body.dark-mode .nova-rain-intelligence-head h4,body.dark-mode .nova-rain-facts strong{color:#f3f8ff} body.dark-mode .nova-rain-message,body.dark-mode .nova-rain-facts article{background:#091d31;color:#d6e6f3;border-color:#294a65} body.dark-mode .nova-rain-facts small{color:#aabed1} body.dark-mode .nova-rain-confidence{background:#123c5c;color:#bde6ff} @media(max-width:980px){.nova-rain-facts{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:650px){.nova-rain-intelligence-head{flex-direction:column}.nova-rain-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.nova-rain-message{font-size:13px}} /* NOVA AI V67.01 – YouTube Channel tile and modal */ .nova-youtube-tile{position:relative;overflow:hidden!important;background:linear-gradient(145deg,#fff5f5,#ffffff 50%,#eef8ff)!important;border-color:#efb7b7!important} .nova-youtube-tile:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-28px;bottom:-34px;background:radial-gradient(circle,rgba(255,0,0,.18),transparent 68%);pointer-events:none} .nova-youtube-tile>span{display:grid!important;place-items:center;background:#ff0033!important;color:#fff!important;border-radius:13px!important;box-shadow:0 8px 20px rgba(255,0,51,.25)!important} body.dark-mode .nova-youtube-tile{background:linear-gradient(145deg,#2a0b15,#102238)!important;border-color:#743043!important} .nova-youtube-channel{display:grid;gap:20px}.nova-youtube-hero{display:grid;grid-template-columns:88px 1fr;gap:18px;align-items:center;padding:20px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,#fff5f5,#fff 55%,#edf8ff)} .nova-youtube-logo{width:82px;height:82px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(145deg,#ff1744,#d9002d);box-shadow:0 14px 28px rgba(217,0,45,.25),inset 0 1px 0 rgba(255,255,255,.35)} .nova-youtube-logo span{color:#fff;font-size:38px;transform:translateX(3px)}.nova-youtube-hero h2{margin:5px 0 7px}.nova-youtube-hero p{margin:0;color:var(--muted);line-height:1.55} .nova-youtube-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.nova-youtube-features article{padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff}.nova-youtube-features span,.nova-youtube-features b,.nova-youtube-features small{display:block}.nova-youtube-features span{font-size:28px}.nova-youtube-features b{margin:10px 0 5px}.nova-youtube-features small{color:var(--muted);line-height:1.4}.nova-youtube-open{justify-self:start}.nova-youtube-note{margin:0;padding:12px 14px;border-radius:12px;background:#f5f8fb;color:#627287;font-size:12px;line-height:1.5} body.dark-mode .nova-youtube-hero,body.dark-mode .nova-youtube-features article{background:#0c2238;color:#eef7ff;border-color:#284b69}body.dark-mode .nova-youtube-note{background:#091c2e;color:#b8ccde} @media(max-width:680px){.nova-youtube-hero{grid-template-columns:64px 1fr;padding:15px}.nova-youtube-logo{width:60px;height:60px;border-radius:18px}.nova-youtube-logo span{font-size:28px}.nova-youtube-features{grid-template-columns:1fr}.nova-youtube-open{width:100%}} /* ========================================================= NOVA AI V67.07 – INTELLIGENTE TRAVEL TOP 10 ========================================================= */ .travel-top10-panel{padding:18px;border:1px solid #cfe0ef;border-radius:19px;background:linear-gradient(145deg,#f8fbff,#eef8ff 55%,#f1fff7);box-shadow:0 12px 30px rgba(20,79,140,.07)} .travel-top10-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:14px}.travel-top10-head small{color:#1466e8;font-size:10px;font-weight:900;letter-spacing:1px}.travel-top10-head h3{margin:4px 0;color:#0b2443;font-size:21px}.travel-top10-head p{margin:4px 0 0;color:#60748a;font-size:12px}.travel-top10-head>span{padding:8px 11px;border-radius:999px;background:#e7f5ed;color:#177145;font-size:10px;font-weight:900;white-space:nowrap} .travel-top10-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(170px,.8fr);gap:9px;margin-bottom:10px}.travel-top10-filters label{display:grid;gap:5px;font-size:10px;font-weight:850;color:#36506a}.travel-top10-filters select{min-height:42px;border:1px solid #cbdbea;border-radius:11px;background:#fff;color:#18314d;padding:9px}.travel-top10-filters button{border:0;border-radius:12px;background:linear-gradient(125deg,#1766e8,#18b9d7,#45c779);color:#fff;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;text-align:left;padding:8px 12px;cursor:pointer}.travel-top10-filters button span{grid-row:1/3;font-size:22px;margin-right:8px}.travel-top10-filters button b{font-size:11px}.travel-top10-filters button small{font-size:9px;opacity:.88} .travel-top10-note{padding:9px 11px;border-radius:11px;background:#eef5fb;color:#536b82;font-size:10px;line-height:1.45;margin-bottom:11px}.travel-top10-list{display:grid;gap:9px}.travel-top10-card{display:grid;grid-template-columns:36px 48px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px;border:1px solid #d4e1ed;border-radius:14px;background:#fff}.travel-top-rank{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e8f1ff;color:#1466e8;font-weight:950}.travel-top-icon{font-size:29px;text-align:center}.travel-top-copy>div{display:flex;align-items:center;justify-content:space-between;gap:9px}.travel-top-copy h4{margin:0;color:#102844;font-size:14px}.travel-top-copy>div span{padding:5px 8px;border-radius:999px;background:#e8f8ef;color:#177145;font-size:9px;font-weight:900;white-space:nowrap}.travel-top-copy p{margin:5px 0;color:#536b82;font-size:10px;line-height:1.45}.travel-top-copy small{color:#6b7f92;font-size:9px}.travel-top-actions{display:grid;gap:5px;min-width:132px}.travel-top-actions button{min-height:29px;border:1px solid #cbdbea;border-radius:8px;background:#fff;color:#1466e8;font-size:9px;font-weight:850;cursor:pointer}.travel-top-actions button:first-child{background:#1466e8;color:#fff;border-color:#1466e8} body.dark-mode-theme .travel-top10-panel{background:linear-gradient(145deg,#0b223b,#0d2947 55%,#0c332e);border-color:#31516f}body.dark-mode-theme .travel-top10-head h3,body.dark-mode-theme .travel-top-copy h4{color:#f3f8ff}body.dark-mode-theme .travel-top10-head p,body.dark-mode-theme .travel-top-copy p,body.dark-mode-theme .travel-top-copy small{color:#adc0d3}body.dark-mode-theme .travel-top10-head>span{background:#123d32;color:#9ff0c7}body.dark-mode-theme .travel-top10-filters label{color:#c0d1e0}body.dark-mode-theme .travel-top10-filters select,body.dark-mode-theme .travel-top10-card,body.dark-mode-theme .travel-top-actions button{background:#0e2947;color:#eef7ff;border-color:#31516f}body.dark-mode-theme .travel-top10-note{background:#102f50;color:#b8cadb}body.dark-mode-theme .travel-top-rank{background:#163c66;color:#82c9ff} @media(max-width:900px){.travel-top10-filters{grid-template-columns:1fr 1fr}.travel-top10-card{grid-template-columns:34px 42px 1fr}.travel-top-actions{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}} @media(max-width:560px){.travel-top10-head{flex-direction:column}.travel-top10-filters{grid-template-columns:1fr}.travel-top10-card{grid-template-columns:34px 1fr}.travel-top-icon{display:none}.travel-top-copy>div{align-items:flex-start;flex-direction:column}.travel-top-actions{grid-template-columns:1fr}.travel-top10-card{align-items:start}} /* ========================================================= NOVA AI V67.09 · NOVA Glücksblatt Tägliche Überraschung anstelle von „Drei Ideen“ ========================================================= */ .nova-luck{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;min-height:390px;padding:24px;background:radial-gradient(circle at 50% 62%,rgba(80,210,94,.18),transparent 31%),linear-gradient(145deg,#fff,#f4fff5);border-color:#d6ebda} .nova-luck:before{content:"";position:absolute;width:240px;height:240px;left:-110px;bottom:-130px;border-radius:50%;background:rgba(55,190,86,.08);pointer-events:none} .nova-luck-copy{width:100%;position:relative;z-index:1}.nova-luck-copy .eyebrow{color:#098342}.nova-luck-copy h2{margin:7px 0 8px;font-size:25px}.nova-luck-copy p{max-width:620px;margin:0} .nova-luck-clover{position:relative;width:150px;height:150px;margin:18px 0 10px;border:0;border-radius:50%;background:radial-gradient(circle,rgba(133,239,123,.28),rgba(255,255,255,0) 68%);cursor:pointer;display:grid;place-items:center;transition:transform .2s ease,filter .2s ease}.nova-luck-clover span{font-size:112px;line-height:1;filter:drop-shadow(0 13px 14px rgba(28,126,54,.23))}.nova-luck-clover:hover,.nova-luck-clover:focus-visible{transform:scale(1.05) rotate(-2deg);filter:saturate(1.1)} .nova-luck-actions{width:100%;display:flex;align-items:stretch;justify-content:center;gap:14px;position:relative;z-index:1}.nova-luck-primary{min-width:230px;border:0;border-radius:13px;padding:13px 20px;background:linear-gradient(135deg,#0c8e42,#32bd5c);color:#fff;font-weight:850;font-size:15px;box-shadow:0 10px 24px rgba(12,142,66,.23);cursor:pointer}.nova-luck-primary:hover{filter:brightness(1.05)} .nova-luck-points{min-width:94px;padding:8px 12px;border-radius:13px;border:1px solid #cfe7d3;background:rgba(255,255,255,.88);display:grid;place-items:center;color:#087d3b}.nova-luck-points strong{font-size:20px;line-height:1}.nova-luck-points span{font-size:10px;font-weight:800} .nova-luck-status{width:100%;margin-top:14px;padding-top:12px;border-top:1px solid #dcecdf;display:flex;justify-content:space-between;gap:14px;color:#56705e;font-size:11px;font-weight:700} .nova-luck-modal[hidden]{display:none}.nova-luck-modal{position:fixed;inset:0;z-index:10050;padding:18px;display:grid;place-items:center;background:rgba(3,14,22,.68);backdrop-filter:blur(10px)}.nova-luck-dialog{position:relative;width:min(520px,100%);padding:32px;border-radius:26px;text-align:center;background:radial-gradient(circle at 50% 25%,rgba(111,224,105,.22),transparent 32%),#fff;border:1px solid #cde6d2;box-shadow:0 30px 90px rgba(0,0,0,.3)}.nova-luck-close{position:absolute;right:14px;top:12px;width:38px;height:38px;border:0;border-radius:50%;background:#edf6ef;color:#244a30;font-size:25px;cursor:pointer}.nova-luck-modal-clover{font-size:86px;line-height:1;margin-bottom:10px;filter:drop-shadow(0 10px 12px rgba(28,126,54,.2))}.nova-luck-dialog h2{font-size:27px;margin:8px 0 12px}.nova-luck-dialog p{font-size:16px;line-height:1.65;color:#4c6252}.nova-luck-reward{display:inline-flex;margin:6px 0 18px;padding:8px 13px;border-radius:999px;background:#eaf8ed;color:#087d3b;font-weight:850}.nova-luck-do{display:block;width:100%;border:0;border-radius:14px;padding:14px;background:linear-gradient(135deg,#0c8e42,#32bd5c);color:#fff;font-weight:850;font-size:16px;cursor:pointer}.nova-luck-dialog small{display:block;margin-top:14px;color:#6d7f72} body.dark-mode .nova-luck{background:radial-gradient(circle at 50% 62%,rgba(65,195,91,.14),transparent 31%),linear-gradient(145deg,#091d19,#0b2520)!important;border-color:#24543b!important}.dark-mode .nova-luck-copy h2,.dark-mode .nova-luck-dialog h2{color:#effff3}.dark-mode .nova-luck-copy p,.dark-mode .nova-luck-status{color:#b9d4c0}.dark-mode .nova-luck-points{background:#0d2c22;border-color:#2f6146}.dark-mode .nova-luck-dialog{background:radial-gradient(circle at 50% 25%,rgba(70,201,88,.16),transparent 32%),#0b211a;border-color:#315e43}.dark-mode .nova-luck-dialog p,.dark-mode .nova-luck-dialog small{color:#bdd3c2}.dark-mode .nova-luck-close{background:#18372a;color:#eaffef} @media(max-width:600px){.nova-luck{min-height:360px;padding:18px}.nova-luck-copy h2{font-size:22px}.nova-luck-clover{width:132px;height:132px;margin:12px 0 8px}.nova-luck-clover span{font-size:98px}.nova-luck-actions{gap:9px}.nova-luck-primary{min-width:0;flex:1;padding-inline:10px}.nova-luck-points{min-width:84px}.nova-luck-status{display:grid;gap:5px}.nova-luck-dialog{padding:28px 20px}.nova-luck-dialog h2{font-size:23px}} @media (min-width:1101px){#novaLuck{grid-column:1!important;grid-row:2!important;align-self:start;height:auto!important}#smartTips{grid-column:2!important;grid-row:1 / span 2!important}} /* ========================================================= NOVA AI V67.12 · Glücksblatt mit vier Themen ohne Zählung ========================================================= */ .nova-luck-dialog{width:min(650px,100%);max-height:min(90vh,820px);overflow:auto;text-align:left} .nova-luck-dialog>.nova-luck-modal-clover,.nova-luck-dialog>.eyebrow,.nova-luck-dialog>h2,.nova-luck-dialog>.nova-luck-intro,.nova-luck-dialog>#novaLuckModalNote{text-align:center} .nova-luck-intro{margin:0 auto 18px;max-width:560px!important;font-size:14px!important} .nova-luck-topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0} .nova-luck-topic{display:grid;grid-template-columns:52px 1fr;gap:10px;align-items:center;min-height:118px;padding:14px;border:1px solid #cfe5d3;border-radius:17px;background:linear-gradient(145deg,#fff,#f3fff5);text-align:left;color:#153b23;cursor:pointer;box-shadow:0 8px 20px rgba(24,114,50,.07);transition:.18s ease} .nova-luck-topic:hover,.nova-luck-topic:focus-visible{transform:translateY(-2px);border-color:#5ac778;box-shadow:0 12px 25px rgba(24,114,50,.13)} .nova-luck-topic.is-opened{background:linear-gradient(145deg,#effaf1,#e8f6eb);border-color:#82c994} .nova-luck-topic-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:#e8f7eb;font-size:28px} .nova-luck-topic-copy{display:grid;gap:2px;min-width:0}.nova-luck-topic-copy small{margin:0!important;color:#168047!important;font-size:9px!important;font-weight:900;letter-spacing:.9px}.nova-luck-topic-copy strong{font-size:16px}.nova-luck-topic-copy em{font-size:11px;font-style:normal;color:#607568;line-height:1.35} .nova-luck-topic-meta{grid-column:1/-1;padding-top:8px;border-top:1px solid #dcecdf;color:#148044;font-size:10px;font-weight:850} .nova-luck-detail{padding-top:8px;text-align:center}.nova-luck-detail h3{font-size:25px;margin:8px 0 10px}.nova-luck-back{border:0;background:transparent;color:#148044;font-weight:850;cursor:pointer;margin-bottom:15px}.nova-luck-detail .nova-luck-do{margin-top:4px} .dark-mode .nova-luck-topic{background:linear-gradient(145deg,#10291f,#0d241b);border-color:#315d42;color:#effff3}.dark-mode .nova-luck-topic.is-opened{background:#163325}.dark-mode .nova-luck-topic-icon{background:#1a3b2b}.dark-mode .nova-luck-topic-copy em{color:#b8d0c0}.dark-mode .nova-luck-topic-meta{border-color:#315d42;color:#8ce0a3} @media(max-width:600px){.nova-luck-topic-grid{grid-template-columns:1fr}.nova-luck-dialog{padding:26px 16px}.nova-luck-topic{min-height:104px}.nova-luck-modal-clover{font-size:68px}} /* V67.12 – Schnellzugriff: vollständige Überschriften in der Handy-Desktopansicht */ .nova-universe-dock button>b{ display:block!important; min-height:3.65em!important; overflow:visible!important; white-space:normal!important; overflow-wrap:anywhere!important; word-break:normal!important; hyphens:auto!important; text-wrap:balance; } /* Smartphones/Tablets, die im Browser die Desktop-Website anfordern */ @media (hover:none) and (pointer:coarse) and (min-width:900px){ .nova-universe-dock{ grid-template-columns:repeat(7,minmax(0,1fr))!important; gap:10px!important; } .nova-universe-dock .nova-all-quick-item, .nova-universe-dock button{ min-height:126px!important; padding:11px 9px 12px!important; align-content:start!important; } .nova-universe-dock button>b{ font-size:12.5px!important; line-height:1.18!important; min-height:3.55em!important; margin-top:2px!important; } .nova-universe-dock button>small{ font-size:10px!important; line-height:1.25!important; -webkit-line-clamp:2!important; } .nova-universe-dock button>span{ width:40px!important; height:40px!important; font-size:22px!important; } } /* V67.14 – Zwei Live-Uhrzeiten untereinander: PC, Handy mobil und Desktop */ .dashboard-dual-time{display:flex;flex-direction:column;gap:14px;margin-top:10px;width:100%} .dashboard-dual-time .dashboard-time{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;width:100%;margin:0;box-sizing:border-box;overflow:hidden} .dashboard-dual-time .dashboard-time>div{display:flex;flex-direction:column;gap:4px;min-width:0;width:100%} .dashboard-dual-time .dashboard-time small{font-size:13px;line-height:1.25;font-weight:800;letter-spacing:.04em;color:var(--muted);white-space:normal;overflow:visible;text-overflow:clip;max-width:100%} .dashboard-dual-time .dashboard-time strong{display:block;width:100%;font-variant-numeric:tabular-nums;letter-spacing:-.04em;line-height:1} .dashboard-dual-time .dashboard-time span{display:block;font-size:15px;line-height:1.3;color:var(--muted);white-space:normal;align-self:flex-start} .dashboard-dual-time .dashboard-time-germany{background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(53,92,154,.08));border:1px solid rgba(115,153,214,.20);border-radius:22px;padding:18px 18px 16px} .dashboard-dual-time .dashboard-time-place{background:linear-gradient(135deg,rgba(30,144,255,.10),rgba(35,213,171,.10));border-radius:22px;padding:18px 18px 16px;border:1px solid rgba(70,168,210,.24)} .dashboard-dual-time .dashboard-time-germany strong{font-size:clamp(34px,5vw,56px)} .dashboard-dual-time .dashboard-time-place strong{font-size:clamp(30px,4.5vw,48px)} @media (max-width:960px){ .dashboard-dual-time{gap:12px} .dashboard-dual-time .dashboard-time-germany, .dashboard-dual-time .dashboard-time-place{padding:16px 16px 14px;border-radius:20px} .dashboard-dual-time .dashboard-time-germany strong{font-size:clamp(32px,7vw,46px)} .dashboard-dual-time .dashboard-time-place strong{font-size:clamp(28px,6.3vw,40px)} } @media (max-width:760px){ .dashboard-dual-time{gap:10px} .dashboard-dual-time .dashboard-time small{font-size:12px} .dashboard-dual-time .dashboard-time span{font-size:14px} .dashboard-dual-time .dashboard-time-germany, .dashboard-dual-time .dashboard-time-place{padding:15px 14px 13px;border-radius:18px} .dashboard-dual-time .dashboard-time-germany strong{font-size:clamp(30px,8.8vw,42px)} .dashboard-dual-time .dashboard-time-place strong{font-size:clamp(26px,7.6vw,38px)} } /* V67.17 – Smart-Tips: Überschrift und Feldtexte für Handy-Desktopansicht optimiert */ @media (hover:none) and (pointer:coarse) and (min-width:900px){ .dashboard-daily-grid .smart-tips-head{ align-items:flex-start!important; gap:14px!important; } .dashboard-daily-grid .smart-tips-head h2{ font-size:20px!important; line-height:1.12!important; margin:4px 0!important; } .dashboard-daily-grid .smart-tips-head p{ font-size:13px!important; line-height:1.35!important; max-width:none!important; } .dashboard-daily-grid .tips-badge{ min-width:166px!important; padding:12px 13px!important; grid-template-columns:36px 1fr!important; border-radius:14px!important; } .dashboard-daily-grid .tips-badge > span{ font-size:25px!important; } .dashboard-daily-grid .tips-badge b{ font-size:13px!important; line-height:1.15!important; } .dashboard-daily-grid .tips-badge small{ font-size:10px!important; line-height:1.25!important; } .dashboard-daily-grid .daily-tips-grid{ grid-template-columns:repeat(5,minmax(112px,1fr))!important; gap:8px!important; padding:2px 1px 6px!important; overflow:visible!important; } .dashboard-daily-grid .daily-tip{ min-width:0!important; min-height:252px!important; padding:12px 10px!important; gap:6px!important; border-radius:12px!important; box-shadow:0 6px 18px rgba(24,72,121,.08)!important; } .dashboard-daily-grid .daily-tip .tip-icon{ font-size:24px!important; } .dashboard-daily-grid .daily-tip b{ font-size:11.5px!important; line-height:1.14!important; min-height:2.45em!important; white-space:normal!important; overflow-wrap:anywhere!important; word-break:normal!important; } .dashboard-daily-grid .daily-tip p{ font-size:10.5px!important; line-height:1.34!important; min-height:0!important; max-height:none!important; overflow:visible!important; display:block!important; } .dashboard-daily-grid .daily-tip .tip-context{ font-size:9px!important; line-height:1.22!important; letter-spacing:.2px!important; overflow-wrap:anywhere!important; } } /* V67.18 – Smart-Tips im Handy-Desktopmodus breiter und ruhiger */ @media (hover:none) and (pointer:coarse) and (min-width:900px){ .dashboard-daily-grid{ grid-template-columns:minmax(0,1fr)!important; gap:16px!important; } .dashboard-daily-grid .section-card{ padding:18px 16px!important; } .dashboard-daily-grid .smart-tips-head{ justify-content:space-between!important; align-items:flex-start!important; gap:16px!important; } .dashboard-daily-grid .smart-tips-head h2{ font-size:24px!important; line-height:1.14!important; margin:4px 0 6px!important; } .dashboard-daily-grid .smart-tips-head p{ font-size:14px!important; line-height:1.4!important; } .dashboard-daily-grid .tips-badge{ min-width:190px!important; max-width:220px!important; padding:13px 14px!important; align-self:flex-start!important; } .dashboard-daily-grid .tips-badge b{ font-size:14px!important; } .dashboard-daily-grid .tips-badge small{ font-size:11px!important; } .dashboard-daily-grid .daily-tips-grid{ grid-template-columns:repeat(4,minmax(145px,1fr))!important; gap:10px!important; padding:2px 0 8px!important; overflow:visible!important; } .dashboard-daily-grid .daily-tip{ min-width:0!important; min-height:240px!important; padding:14px 12px!important; gap:8px!important; } .dashboard-daily-grid .daily-tip .tip-icon{ font-size:26px!important; } .dashboard-daily-grid .daily-tip b{ font-size:14px!important; line-height:1.16!important; min-height:2.35em!important; white-space:normal!important; overflow-wrap:break-word!important; word-break:normal!important; hyphens:auto!important; } .dashboard-daily-grid .daily-tip p{ font-size:12px!important; line-height:1.42!important; max-height:none!important; } .dashboard-daily-grid .daily-tip .tip-context{ font-size:10px!important; line-height:1.28!important; overflow-wrap:break-word!important; word-break:normal!important; hyphens:auto!important; } } /* V67.19 – Smart-Tips im Handy-Desktopmodus korrigiert, ohne Layout zu verdecken */ @media (hover:none) and (pointer:coarse) and (min-width:900px){ .dashboard-daily-grid{ grid-template-columns:minmax(0,1fr) minmax(0,1.08fr)!important; align-items:start!important; gap:14px!important; } .dashboard-daily-grid .dashboard-secondary-section, .dashboard-daily-grid .section-card, .dashboard-daily-grid .smart-tips{ min-width:0!important; overflow:hidden!important; } .dashboard-daily-grid .smart-tips-head{ align-items:flex-start!important; gap:12px!important; } .dashboard-daily-grid .smart-tips-head h2{ font-size:18px!important; line-height:1.12!important; margin:4px 0 5px!important; } .dashboard-daily-grid .smart-tips-head p{ font-size:12px!important; line-height:1.32!important; max-width:none!important; } .dashboard-daily-grid .tips-badge{ min-width:148px!important; max-width:172px!important; padding:10px 11px!important; grid-template-columns:32px 1fr!important; column-gap:8px!important; border-radius:14px!important; } .dashboard-daily-grid .tips-badge > span{font-size:22px!important} .dashboard-daily-grid .tips-badge b{font-size:12px!important;line-height:1.15!important} .dashboard-daily-grid .tips-badge small{font-size:9.5px!important;line-height:1.18!important} .dashboard-daily-grid .daily-tips-grid{ grid-template-columns:repeat(3,minmax(118px,1fr))!important; gap:8px!important; padding:2px 0 8px!important; overflow:visible!important; } .dashboard-daily-grid .daily-tip{ min-width:0!important; min-height:208px!important; padding:12px 10px!important; gap:6px!important; border-radius:12px!important; } .dashboard-daily-grid .daily-tip .tip-icon{font-size:22px!important} .dashboard-daily-grid .daily-tip b{ font-size:12px!important; line-height:1.16!important; min-height:2.4em!important; white-space:normal!important; overflow-wrap:anywhere!important; word-break:normal!important; hyphens:auto!important; } .dashboard-daily-grid .daily-tip p{ font-size:11px!important; line-height:1.34!important; min-height:0!important; max-height:none!important; overflow:visible!important; display:block!important; } .dashboard-daily-grid .daily-tip .tip-context{ font-size:9.5px!important; line-height:1.2!important; letter-spacing:.15px!important; overflow-wrap:anywhere!important; } } /* V67.20 – NOVA Travel: Reiseportale mit vorbereiteten Reisedaten */ .travel-provider-section.travel-provider-ready{ border-color:rgba(26,151,230,.55)!important; box-shadow:0 0 0 3px rgba(26,151,230,.10),0 18px 42px rgba(20,102,232,.14)!important; scroll-margin-top:90px; } .travel-provider-section.travel-provider-ready .travel-provider-head:after{ content:"Ziel, Datum und Reisende vorbereitet"; display:inline-flex; margin-left:auto; padding:6px 10px; border-radius:999px; background:rgba(39,190,125,.12); color:#168c61; font-size:11px; font-weight:800; } @media(max-width:760px){ .travel-provider-section.travel-provider-ready .travel-provider-head:after{ width:100%; margin:8px 0 0; justify-content:center; } } /* V67.21 – NOVA Travel Reiseportale */ .nova-travel-world .travel-mode-tabs{grid-template-columns:repeat(7,minmax(0,1fr))} @media(max-width:1100px){.nova-travel-world .travel-mode-tabs{grid-template-columns:repeat(4,1fr)}} @media(max-width:760px){.nova-travel-world .travel-mode-tabs{grid-template-columns:repeat(3,1fr)}} @media(max-width:520px){.nova-travel-world .travel-mode-tabs{grid-template-columns:repeat(2,1fr)}} /* V67.22 – Länderabhängige Immobilienportale */ .nova-realestate-portals{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#fff,#f4faff)} .nova-realestate-portals-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px} .nova-realestate-portals-head small{font-weight:850;letter-spacing:.08em;color:var(--blue)} .nova-realestate-portals-head h3{margin:4px 0 5px} .nova-realestate-portals-head p{margin:0;color:var(--muted)} .nova-realestate-portals-head>span{white-space:nowrap;padding:8px 11px;border-radius:999px;background:#eef6ff;color:#1466e8;font-weight:800;font-size:12px} .nova-realestate-portal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .nova-realestate-portal{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid var(--line);border-radius:14px;padding:13px;background:#fff;color:inherit;font-family:inherit;cursor:pointer;min-width:0} .nova-realestate-portal:hover{border-color:#55a6ef;transform:translateY(-2px)} .nova-realestate-portal>span{font-size:25px;flex:0 0 auto}.nova-realestate-portal div{display:grid;gap:3px;min-width:0;flex:1}.nova-realestate-portal b{font-size:13px}.nova-realestate-portal small{font-size:10px;line-height:1.3;color:var(--muted)}.nova-realestate-portal em{font-style:normal;font-size:10px;color:var(--blue);font-weight:800;white-space:nowrap} .nova-realestate-place{display:grid;gap:4px}.nova-realestate-place span{font-size:12px;color:var(--muted)} body.dark-mode .nova-realestate-portals,[data-theme="dark"] .nova-realestate-portals{background:linear-gradient(145deg,#0a223a,#0d2d4b);border-color:#315675} body.dark-mode .nova-realestate-portal,[data-theme="dark"] .nova-realestate-portal{background:#0d2c48;border-color:#315675;color:#f5f9ff} @media(max-width:860px){.nova-realestate-portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:540px){.nova-realestate-portals-head{flex-direction:column}.nova-realestate-portal-grid{grid-template-columns:1fr}.nova-realestate-portal em{display:none}} /* V67.24 – NOVA Travel Top 10 Dark Mode Schrift optimiert */ body.dark-mode-theme .travel-top10-head small, body.dark-mode .travel-top10-head small, [data-theme="dark"] .travel-top10-head small{color:#7fc8ff} body.dark-mode-theme .travel-top10-head h3, body.dark-mode-theme .travel-top-copy h4, body.dark-mode .travel-top10-head h3, body.dark-mode .travel-top-copy h4, [data-theme="dark"] .travel-top10-head h3, [data-theme="dark"] .travel-top-copy h4{color:#f7fbff!important} body.dark-mode-theme .travel-top10-head p, body.dark-mode-theme .travel-top10-note, body.dark-mode-theme .travel-top-copy p, body.dark-mode-theme .travel-top-copy small, body.dark-mode-theme .travel-top10-filters label, body.dark-mode .travel-top10-head p, body.dark-mode .travel-top10-note, body.dark-mode .travel-top-copy p, body.dark-mode .travel-top-copy small, body.dark-mode .travel-top10-filters label, [data-theme="dark"] .travel-top10-head p, [data-theme="dark"] .travel-top10-note, [data-theme="dark"] .travel-top-copy p, [data-theme="dark"] .travel-top-copy small, [data-theme="dark"] .travel-top10-filters label{color:#d7e7f6!important} body.dark-mode-theme .travel-top10-filters select, body.dark-mode-theme .travel-top10-card, body.dark-mode-theme .travel-top-actions button, body.dark-mode .travel-top10-filters select, body.dark-mode .travel-top10-card, body.dark-mode .travel-top-actions button, [data-theme="dark"] .travel-top10-filters select, [data-theme="dark"] .travel-top10-card, [data-theme="dark"] .travel-top-actions button{background:#11304f!important;color:#f1f7ff!important;border-color:#426485!important} body.dark-mode-theme .travel-top-actions button, body.dark-mode .travel-top-actions button, [data-theme="dark"] .travel-top-actions button{font-size:10px!important;font-weight:900!important} body.dark-mode-theme .travel-top-actions button:first-child, body.dark-mode .travel-top-actions button:first-child, [data-theme="dark"] .travel-top-actions button:first-child{background:linear-gradient(125deg,#1766e8,#1b7ef5)!important;color:#fff!important;border-color:#2f7cf2!important} body.dark-mode-theme .travel-top-copy>div span, body.dark-mode .travel-top-copy>div span, [data-theme="dark"] .travel-top-copy>div span{background:#173f33!important;color:#bbf5d7!important} body.dark-mode-theme .travel-top-rank, body.dark-mode .travel-top-rank, [data-theme="dark"] .travel-top-rank{background:#1a4777!important;color:#9fd6ff!important} body.dark-mode-theme .travel-top10-note, body.dark-mode .travel-top10-note, [data-theme="dark"] .travel-top10-note{background:#123453!important} /* V67.26 – NOVA Travel Dark Mode Schrift allgemein optimiert */ body.dark-mode-theme .nova-travel-world .travel-top10-panel, body.dark-mode .nova-travel-world .travel-top10-panel, [data-theme="dark"] .nova-travel-world .travel-top10-panel{ background:linear-gradient(145deg,#0d2743,#102f50 56%,#12362d)!important; border-color:#3d617f!important; } body.dark-mode-theme .nova-travel-world .travel-top10-head small, body.dark-mode .nova-travel-world .travel-top10-head small, [data-theme="dark"] .nova-travel-world .travel-top10-head small{ color:#8ed1ff!important; } body.dark-mode-theme .nova-travel-world .travel-top10-head h3, body.dark-mode .nova-travel-world .travel-top10-head h3, [data-theme="dark"] .nova-travel-world .travel-top10-head h3{ color:#f7fbff!important; } body.dark-mode-theme .nova-travel-world .travel-top10-head p, body.dark-mode .nova-travel-world .travel-top10-head p, [data-theme="dark"] .nova-travel-world .travel-top10-head p{ color:#dbe9f6!important; } body.dark-mode-theme .nova-travel-world .travel-top10-head>span, body.dark-mode .nova-travel-world .travel-top10-head>span, [data-theme="dark"] .nova-travel-world .travel-top10-head>span{ background:#173f33!important; color:#c4f7dc!important; } body.dark-mode-theme .nova-travel-world .travel-top10-filters label, body.dark-mode .nova-travel-world .travel-top10-filters label, [data-theme="dark"] .nova-travel-world .travel-top10-filters label{ color:#dce9f7!important; } body.dark-mode-theme .nova-travel-world .travel-top10-filters select, body.dark-mode .nova-travel-world .travel-top10-filters select, [data-theme="dark"] .nova-travel-world .travel-top10-filters select{ background:#16395d!important; color:#f8fbff!important; border-color:#467097!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.04); } body.dark-mode-theme .nova-travel-world .travel-top10-filters button, body.dark-mode .nova-travel-world .travel-top10-filters button, [data-theme="dark"] .nova-travel-world .travel-top10-filters button{ color:#fff!important; } body.dark-mode-theme .nova-travel-world .travel-top10-filters button small, body.dark-mode .nova-travel-world .travel-top10-filters button small, [data-theme="dark"] .nova-travel-world .travel-top10-filters button small{ color:rgba(255,255,255,.9)!important; } body.dark-mode-theme .nova-travel-world .travel-top10-note, body.dark-mode .nova-travel-world .travel-top10-note, [data-theme="dark"] .nova-travel-world .travel-top10-note{ background:#17395b!important; color:#e3eef9!important; } body.dark-mode-theme .nova-travel-world .travel-top10-card, body.dark-mode .nova-travel-world .travel-top10-card, [data-theme="dark"] .nova-travel-world .travel-top10-card{ background:#163555!important; border-color:#436886!important; } body.dark-mode-theme .nova-travel-world .travel-top-copy h4, body.dark-mode .nova-travel-world .travel-top-copy h4, [data-theme="dark"] .nova-travel-world .travel-top-copy h4{ color:#f8fbff!important; } body.dark-mode-theme .nova-travel-world .travel-top-copy p, body.dark-mode .nova-travel-world .travel-top-copy p, [data-theme="dark"] .nova-travel-world .travel-top-copy p{ color:#e1edf8!important; } body.dark-mode-theme .nova-travel-world .travel-top-copy small, body.dark-mode .nova-travel-world .travel-top-copy small, [data-theme="dark"] .nova-travel-world .travel-top-copy small{ color:#c7d8ea!important; } body.dark-mode-theme .nova-travel-world .travel-top-copy>div span, body.dark-mode .nova-travel-world .travel-top-copy>div span, [data-theme="dark"] .nova-travel-world .travel-top-copy>div span{ background:#174533!important; color:#c7f7dc!important; } body.dark-mode-theme .nova-travel-world .travel-top-rank, body.dark-mode .nova-travel-world .travel-top-rank, [data-theme="dark"] .nova-travel-world .travel-top-rank{ background:#1e4e82!important; color:#aed9ff!important; } body.dark-mode-theme .nova-travel-world .travel-top-actions button, body.dark-mode .nova-travel-world .travel-top-actions button, [data-theme="dark"] .nova-travel-world .travel-top-actions button{ background:#123250!important; color:#eef7ff!important; border-color:#49739b!important; font-size:10px!important; font-weight:900!important; } body.dark-mode-theme .nova-travel-world .travel-top-actions button:first-child, body.dark-mode .nova-travel-world .travel-top-actions button:first-child, [data-theme="dark"] .nova-travel-world .travel-top-actions button:first-child{ background:linear-gradient(125deg,#1a6af0,#2190ff)!important; color:#fff!important; border-color:#2c88ff!important; } /* V67.27 – Online Tagesideen für NOVA Travel & Rezepte */ .travel-online-tips,.recipe-online-panel{margin:16px 0;padding:16px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#fff,#f5fbff)} .travel-online-head,.recipe-online-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:12px} .travel-online-head small,.recipe-online-head small{font-size:9px;font-weight:900;letter-spacing:.9px;color:#1570d9} .travel-online-head h3,.recipe-online-head h3{margin:4px 0 5px;font-size:20px}.travel-online-head p,.recipe-online-head p{margin:0;color:var(--muted);font-size:11px;line-height:1.45} .travel-online-head button,.recipe-online-head button{border:1px solid #bcd6ed;border-radius:11px;background:#f5faff;color:#1466e8;font-weight:850;font-size:10px;padding:10px 12px;cursor:pointer;white-space:nowrap} .travel-online-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.travel-online-card{display:grid;grid-template-columns:38px 1fr;gap:9px;padding:12px;border:1px solid #d5e4f0;border-radius:13px;background:#fff;color:inherit;text-decoration:none}.travel-online-card>span{font-size:26px}.travel-online-card b{font-size:12px}.travel-online-card p{margin:5px 0;color:var(--muted);font-size:10px;line-height:1.4}.travel-online-card small{color:#1466e8;font-size:9px;font-weight:800}.travel-online-source,.recipe-online-source{display:block;margin-top:9px;color:var(--muted);font-size:9px}.travel-online-loading,.travel-online-error,.recipe-online-loading,.recipe-online-error{grid-column:1/-1;padding:13px;border-radius:12px;background:#f3f8fc;color:var(--muted);font-size:11px}.travel-online-error,.recipe-online-error{display:grid;gap:4px} .recipe-online-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.recipe-online-card{overflow:hidden;border:1px solid #d6e4ef;border-radius:13px;background:#fff;color:inherit;text-decoration:none}.recipe-online-card img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.recipe-online-card>span{display:grid;place-items:center;min-height:90px;font-size:38px}.recipe-online-card div{display:grid;gap:4px;padding:10px}.recipe-online-card b{font-size:11px;line-height:1.25}.recipe-online-card small{font-size:9px;color:var(--muted)}.recipe-online-card em{font-style:normal;color:#1466e8;font-size:9px;font-weight:850} body.dark-mode .travel-online-tips,body.dark-mode .recipe-online-panel,[data-theme="dark"] .travel-online-tips,[data-theme="dark"] .recipe-online-panel{background:linear-gradient(145deg,#0b2138,#0e2945);border-color:#31516f} body.dark-mode .travel-online-head h3,body.dark-mode .recipe-online-head h3,[data-theme="dark"] .travel-online-head h3,[data-theme="dark"] .recipe-online-head h3{color:#f4f9ff} body.dark-mode .travel-online-head p,body.dark-mode .recipe-online-head p,body.dark-mode .travel-online-source,body.dark-mode .recipe-online-source,[data-theme="dark"] .travel-online-head p,[data-theme="dark"] .recipe-online-head p,[data-theme="dark"] .travel-online-source,[data-theme="dark"] .recipe-online-source{color:#bed0e1} body.dark-mode .travel-online-head button,body.dark-mode .recipe-online-head button,[data-theme="dark"] .travel-online-head button,[data-theme="dark"] .recipe-online-head button{background:#123454;color:#8ed5ff;border-color:#416889} body.dark-mode .travel-online-card,body.dark-mode .recipe-online-card,[data-theme="dark"] .travel-online-card,[data-theme="dark"] .recipe-online-card{background:#102d49;border-color:#385e7e;color:#f3f8ff} body.dark-mode .travel-online-card p,body.dark-mode .recipe-online-card small,[data-theme="dark"] .travel-online-card p,[data-theme="dark"] .recipe-online-card small{color:#c0d1e0} body.dark-mode .travel-online-loading,body.dark-mode .travel-online-error,body.dark-mode .recipe-online-loading,body.dark-mode .recipe-online-error,[data-theme="dark"] .travel-online-loading,[data-theme="dark"] .travel-online-error,[data-theme="dark"] .recipe-online-loading,[data-theme="dark"] .recipe-online-error{background:#12314e;color:#c8d8e6} @media(max-width:900px){.travel-online-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recipe-online-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:560px){.travel-online-head,.recipe-online-head{flex-direction:column}.travel-online-head button,.recipe-online-head button{width:100%}.travel-online-grid,.recipe-online-grid{grid-template-columns:1fr}} /* V67.28 – Online Reiseziel/Rezept des Tages mit Bildern und Quellen */ .travel-tip-of-day{grid-template-columns:minmax(110px,170px) minmax(0,1fr) auto!important;align-items:center!important} .travel-tip-daily-media{width:100%;min-height:118px;border-radius:16px;overflow:hidden;background:linear-gradient(145deg,#edf6ff,#f1fff7);display:grid;place-items:center} .travel-tip-daily-media img{width:100%;height:100%;min-height:118px;max-height:150px;object-fit:cover;display:block} .travel-daily-credit{display:block!important;margin-top:7px!important;font-size:9px!important;line-height:1.35!important;color:var(--muted)!important} .travel-daily-credit a{color:#1466e8!important;text-decoration:none;font-weight:800} .recipe-daily-head-online{grid-template-columns:130px minmax(0,1fr)!important;align-items:center!important} .recipe-daily-photo{width:130px;height:100px;object-fit:cover;border-radius:15px;display:block;border:1px solid var(--line)} .recipe-daily-credit{display:block;margin-top:10px;color:var(--muted);font-size:9px;line-height:1.4} .recipe-daily-credit a{color:#1466e8;text-decoration:none;font-weight:800} body.dark-mode .travel-tip-daily-media,[data-theme="dark"] .travel-tip-daily-media{background:#102d49} body.dark-mode .travel-daily-credit,body.dark-mode .recipe-daily-credit,[data-theme="dark"] .travel-daily-credit,[data-theme="dark"] .recipe-daily-credit{color:#bfd1e2!important} body.dark-mode .travel-daily-credit a,body.dark-mode .recipe-daily-credit a,[data-theme="dark"] .travel-daily-credit a,[data-theme="dark"] .recipe-daily-credit a{color:#8bd8ff!important} @media(max-width:760px){ .travel-tip-of-day{grid-template-columns:1fr!important} .travel-tip-daily-media{min-height:150px} .travel-tip-daily-media img{max-height:210px;min-height:150px} .recipe-daily-head-online{grid-template-columns:92px minmax(0,1fr)!important} .recipe-daily-photo{width:92px;height:82px} } /* V67.30 – Wikibooks Rezeptkarten */ .recipe-online-open{color:#1466e8;text-decoration:none;font-size:9px;font-weight:850} .recipe-online-credit{display:block!important;font-size:8px!important;line-height:1.3;color:var(--muted)!important} .recipe-online-credit a,.recipe-daily-credit a{color:inherit;text-decoration:underline;text-underline-offset:2px} body.dark-mode .recipe-online-open,[data-theme="dark"] .recipe-online-open{color:#8ed5ff} body.dark-mode .recipe-online-credit a,body.dark-mode .recipe-daily-credit a,[data-theme="dark"] .recipe-online-credit a,[data-theme="dark"] .recipe-daily-credit a{color:#bfe4ff} .recipe-daily-wikibooks p{margin:7px 0 0;line-height:1.55;color:var(--muted)} /* V67.31 – NOVA Versicherungen */ .nova-insurance{display:grid;gap:18px}.nova-insurance-hero{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.nova-insurance-shield{width:78px;height:78px;border-radius:24px;display:grid;place-items:center;font-size:38px;background:linear-gradient(145deg,#eaf4ff,#effff7);border:1px solid #cbddeb;box-shadow:0 12px 28px rgba(20,90,150,.10)} .nova-insurance-guide,.nova-insurance-portals,.nova-insurance-search{padding:17px;border:1px solid #d2e0ec;border-radius:17px;background:linear-gradient(145deg,#f9fcff,#f3f9ff)}.nova-insurance-guide{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.nova-insurance-guide small,.nova-insurance-portals small,.nova-insurance-search small,.nova-insurance-card small{color:#2374c9;font-size:9px;font-weight:900;letter-spacing:.8px}.nova-insurance-guide h3,.nova-insurance-portals h3,.nova-insurance-search h3,.nova-insurance-card h3{margin:4px 0 6px;color:#102943}.nova-insurance-guide p,.nova-insurance-portals p,.nova-insurance-search p,.nova-insurance-card p{margin:0;color:#5d7185;line-height:1.5}.nova-insurance-guide-actions,.nova-insurance-actions{display:flex;gap:8px;flex-wrap:wrap}.nova-insurance-guide-actions button,.nova-insurance-actions button{border:1px solid #c5d7e8;border-radius:10px;background:#fff;color:#1767be;padding:9px 12px;font-weight:850;cursor:pointer}.nova-insurance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.nova-insurance-card{padding:16px;border:1px solid #d4e1ed;border-radius:16px;background:#fff;display:grid;gap:12px}.nova-insurance-card-head{display:flex;gap:12px;align-items:flex-start}.nova-insurance-card-head>span{width:46px;height:46px;min-width:46px;border-radius:14px;background:#eef6ff;display:grid;place-items:center;font-size:23px;line-height:1;flex-shrink:0}.nova-insurance-card-head>div{display:grid;gap:2px;min-width:0}.nova-insurance-card h3{font-size:16px;line-height:1.25;word-break:break-word}.nova-insurance-card p{font-size:12px}.nova-insurance-actions{margin-top:auto}.nova-insurance-actions button:first-child{background:#176fe8;color:#fff;border-color:#176fe8}.nova-insurance-portals,.nova-insurance-search{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.nova-insurance-portals>div:last-child,.nova-insurance-search>div:last-child{display:flex;gap:8px;align-items:center}.nova-insurance-search input{min-width:270px;min-height:42px;border:1px solid #c9d9e7;border-radius:11px;padding:9px 12px;background:#fff;color:#16304b}.nova-insurance-note{margin:0;padding:11px 13px;border-radius:11px;background:#f3f7fb;color:#64778b;font-size:11px;line-height:1.5} body.dark-mode .nova-insurance-shield{background:linear-gradient(145deg,#123250,#123a31);border-color:#365a78}body.dark-mode .nova-insurance-guide,body.dark-mode .nova-insurance-portals,body.dark-mode .nova-insurance-search,body.dark-mode .nova-insurance-card{background:#102d49;border-color:#365a78}body.dark-mode .nova-insurance-guide h3,body.dark-mode .nova-insurance-portals h3,body.dark-mode .nova-insurance-search h3,body.dark-mode .nova-insurance-card h3{color:#f4f9ff}body.dark-mode .nova-insurance-guide p,body.dark-mode .nova-insurance-portals p,body.dark-mode .nova-insurance-search p,body.dark-mode .nova-insurance-card p{color:#c4d6e7}body.dark-mode .nova-insurance-guide-actions button,body.dark-mode .nova-insurance-actions button{background:#143754;color:#dff1ff;border-color:#456b8e}body.dark-mode .nova-insurance-actions button:first-child{background:#1b70e8;color:#fff;border-color:#3188f5}body.dark-mode .nova-insurance-card-head>span{background:#173d61}body.dark-mode .nova-insurance-search input{background:#0d2944;color:#f4f9ff;border-color:#456b8e}body.dark-mode .nova-insurance-note{background:#0e2943;color:#bdd0e2} @media(max-width:760px){.nova-insurance-hero{grid-template-columns:1fr}.nova-insurance-shield{display:none}.nova-insurance-guide,.nova-insurance-portals,.nova-insurance-search{grid-template-columns:1fr}.nova-insurance-grid{grid-template-columns:1fr}.nova-insurance-portals>div:last-child,.nova-insurance-search>div:last-child{flex-direction:column;align-items:stretch}.nova-insurance-search input{min-width:0;width:100%}.nova-insurance-guide-actions button,.nova-insurance-actions button{flex:1}} /* V67.32 – Versicherungen erweitert für Selbständige & Unternehmen */ .nova-insurance-section{margin-top:18px} .nova-insurance-section-head{display:flex;flex-direction:column;gap:4px;margin:0 0 12px} .nova-insurance-section-head small{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--muted);text-transform:uppercase} .nova-insurance-section-head h3{margin:0;font-size:1.05rem} .nova-insurance-section-head p{margin:0;color:var(--muted)} /* V67.36 – NOVA Label einheitlich in Kacheln und Seitenleiste */ .nova-universe-dock .nova-branded-tile, .nova-universe-dock .nova-series-tile{ position:relative!important; padding-top:24px!important; } .nova-brand-badge, .nova-series-badge, .nova-sidebar-brand-badge{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-width:42px!important; height:16px!important; padding:0 8px!important; box-sizing:border-box!important; border-radius:999px!important; background:linear-gradient(100deg,#2567f3,#13bad7,#58c94d)!important; border:1px solid rgba(255,255,255,.24)!important; color:#fff!important; font-size:8.5px!important; line-height:1!important; font-style:normal!important; font-weight:900!important; letter-spacing:.11em!important; text-transform:uppercase!important; box-shadow:0 4px 12px rgba(31,100,218,.20)!important; } .nova-universe-dock .nova-branded-tile .nova-brand-badge, .nova-universe-dock .nova-series-tile .nova-series-badge{ position:absolute!important; top:8px!important; right:8px!important; z-index:3!important; } .sidebar-modules .nova-sidebar-branded{ position:relative!important; padding-right:58px!important; overflow:visible!important; } .sidebar-modules .nova-sidebar-branded::after{ content:none!important; } .sidebar-modules .nova-sidebar-branded .nova-sidebar-brand-badge{ position:absolute!important; top:50%!important; right:10px!important; transform:translateY(-50%)!important; z-index:2!important; } .sidebar-modules .nova-sidebar-branded b{ padding-right:4px!important; } .nova-sidebar.collapsed .sidebar-modules .nova-sidebar-branded .nova-sidebar-brand-badge{ display:none!important; } @media(max-width:600px){ .nova-universe-dock .nova-branded-tile, .nova-universe-dock .nova-series-tile{ padding-top:22px!important; } .nova-brand-badge, .nova-series-badge, .nova-sidebar-brand-badge{ min-width:40px!important; height:15px!important; font-size:8px!important; } } /* V67.37 – NOVA Versicherungs-Bedarfscheck */ .nova-insurance-needs{padding:18px;border:1px solid #cfe0ef;border-radius:18px;background:linear-gradient(145deg,#f8fbff,#f1f8ff 58%,#f3fff7)} .nova-insurance-needs-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:14px} .nova-insurance-needs-head small{color:#2374c9;font-size:9px;font-weight:900;letter-spacing:.9px}.nova-insurance-needs-head h3{margin:4px 0 6px;color:#102943}.nova-insurance-needs-head p{margin:0;color:#5d7185;line-height:1.5}.nova-insurance-needs-head>button{border:1px solid #cadbea;border-radius:10px;background:#fff;color:#1767be;padding:8px 11px;font-weight:800;cursor:pointer;white-space:nowrap} .nova-insurance-needs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.nova-insurance-needs-grid label{display:grid;gap:6px}.nova-insurance-needs-grid label>span{font-size:10px;font-weight:850;color:#3a5873}.nova-insurance-needs-grid input,.nova-insurance-needs-grid select{width:100%;min-width:0;min-height:43px;border:1px solid #c9d9e7;border-radius:11px;padding:8px 11px;background:#fff;color:#16304b;font:inherit} .nova-insurance-business-fields{margin-top:12px;padding-top:12px;border-top:1px dashed #c7d9e8}.nova-insurance-needs-actions{display:flex;justify-content:flex-end;margin-top:14px}.nova-insurance-needs-actions .btn{min-width:190px} .nova-insurance-needs-result{margin-top:16px;padding-top:15px;border-top:1px solid #d3e1ed}.nova-insurance-needs-summary{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px;padding:11px 13px;border-radius:12px;background:#eaf4ff;color:#173d64}.nova-insurance-needs-summary span{color:#536f88}.nova-insurance-need-group{margin-top:12px}.nova-insurance-need-group h4{margin:0 0 8px;font-size:14px}.nova-insurance-need-group>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.nova-insurance-need-card{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:start;padding:11px;border:1px solid #d5e1ec;border-radius:12px;background:#fff}.nova-insurance-need-card>span{font-size:22px}.nova-insurance-need-card b,.nova-insurance-need-card small{display:block}.nova-insurance-need-card b{font-size:12px;color:#17324e}.nova-insurance-need-card small{margin-top:3px;color:#65798b;line-height:1.4;font-size:10px}.nova-insurance-need-high{border-left:4px solid #e34c4c}.nova-insurance-need-medium{border-left:4px solid #e7a92f}.nova-insurance-need-special{border-left:4px solid #2f78df}.nova-insurance-needs-disclaimer{margin:13px 0 0;padding:10px 12px;border-radius:10px;background:#f3f7fb;color:#65788a;font-size:10px;line-height:1.45} body.dark-mode .nova-insurance-needs{background:linear-gradient(145deg,#0d2945,#102f4d 58%,#12382f);border-color:#365a78}body.dark-mode .nova-insurance-needs-head h3{color:#f4f9ff}body.dark-mode .nova-insurance-needs-head p,body.dark-mode .nova-insurance-needs-grid label>span{color:#c4d6e7}body.dark-mode .nova-insurance-needs-head>button,body.dark-mode .nova-insurance-needs-grid input,body.dark-mode .nova-insurance-needs-grid select,body.dark-mode .nova-insurance-need-card{background:#102d49;color:#edf7ff;border-color:#456b8e}body.dark-mode .nova-insurance-business-fields,body.dark-mode .nova-insurance-needs-result{border-color:#365a78}body.dark-mode .nova-insurance-needs-summary{background:#153a5b;color:#eef7ff}body.dark-mode .nova-insurance-needs-summary span{color:#c0d4e5}body.dark-mode .nova-insurance-need-card b{color:#f4f9ff}body.dark-mode .nova-insurance-need-card small{color:#c1d3e4}body.dark-mode .nova-insurance-needs-disclaimer{background:#0e2943;color:#bdd0e2} @media(max-width:900px){.nova-insurance-needs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){.nova-insurance-needs-head{flex-direction:column}.nova-insurance-needs-head>button{width:100%}.nova-insurance-needs-grid{grid-template-columns:1fr}.nova-insurance-need-group>div{grid-template-columns:1fr}.nova-insurance-needs-actions .btn{width:100%}} /* V67.39 – Versicherungs-Bedarfscheck: Ergebnislinks + saubere Icons */ .nova-insurance-need-card{ grid-template-columns:36px minmax(0,1fr)!important; } .nova-insurance-need-icon{ width:32px!important; min-width:32px!important; height:32px!important; display:grid!important; place-items:center!important; overflow:hidden!important; white-space:nowrap!important; font-size:20px!important; line-height:1!important; } .nova-insurance-need-copy{min-width:0!important} .nova-insurance-need-link{ display:inline-flex!important; align-items:center!important; margin-top:7px!important; padding:5px 9px!important; border:1px solid #bcd3e8!important; border-radius:8px!important; background:#f2f8ff!important; color:#1463bd!important; font-size:9.5px!important; line-height:1.2!important; font-weight:850!important; text-decoration:none!important; } .nova-insurance-need-link:hover,.nova-insurance-need-link:focus-visible{ border-color:#2785e8!important; background:#e8f4ff!important; } body.dark-mode .nova-insurance-need-link, body.dark-mode-theme .nova-insurance-need-link, html[data-theme="dark"] .nova-insurance-need-link{ background:#123a5d!important; border-color:#47769c!important; color:#bfe2ff!important; } /* V67.41 – NOVA Home Wochenbrief in Immobilien */ .nova-home-weekly{ display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center; margin:14px 0 18px;padding:17px 18px;border:1px solid #bfe1e7;border-radius:18px; background:linear-gradient(135deg,#f5fbff 0%,#f1fff8 100%); box-shadow:0 8px 24px rgba(21,112,151,.08); } .nova-home-weekly-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#e6f5ff,#e5f9ec);font-size:29px} .nova-home-weekly-copy{min-width:0}.nova-home-weekly-copy small{color:#1685a2;font-size:9px;font-weight:900;letter-spacing:.85px}.nova-home-weekly-copy h3{margin:4px 0 5px;color:#102943;font-size:17px;line-height:1.25}.nova-home-weekly-copy p{margin:0;color:#5d7185;font-size:12px;line-height:1.45}.nova-home-weekly-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px;color:#2d6f80;font-size:10px;font-weight:800}.nova-home-weekly-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.nova-home-weekly-actions .btn{text-decoration:none;white-space:nowrap} body.dark-mode .nova-home-weekly,body.dark-mode-theme .nova-home-weekly,html[data-theme="dark"] .nova-home-weekly{background:linear-gradient(135deg,#102d49,#12382f);border-color:#366a76}.dark-mode .nova-home-weekly-copy h3,body.dark-mode-theme .nova-home-weekly-copy h3,html[data-theme="dark"] .nova-home-weekly-copy h3{color:#f4f9ff}.dark-mode .nova-home-weekly-copy p,body.dark-mode-theme .nova-home-weekly-copy p,html[data-theme="dark"] .nova-home-weekly-copy p{color:#c4d6e7}.dark-mode .nova-home-weekly-meta,body.dark-mode-theme .nova-home-weekly-meta,html[data-theme="dark"] .nova-home-weekly-meta{color:#9edce7} @media(max-width:760px){.nova-home-weekly{grid-template-columns:auto 1fr}.nova-home-weekly-actions{grid-column:1/-1;justify-content:stretch}.nova-home-weekly-actions .btn{flex:1;text-align:center}} @media(max-width:480px){.nova-home-weekly{grid-template-columns:1fr}.nova-home-weekly-icon{display:none}.nova-home-weekly-actions{display:grid;grid-template-columns:1fr}} /* V67.5 – NOVA FINANZEN Daily Market Report in Börsenkurse */ .nova-finance-daily{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;margin:16px 0;padding:18px;border:1px solid #bfd8f1;border-radius:18px;background:linear-gradient(135deg,#f3f8ff 0%,#eefcf8 100%);box-shadow:0 10px 26px rgba(29,96,170,.08)} .nova-finance-daily-icon{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;font-size:30px;background:linear-gradient(145deg,#1767e9,#17b5b0);box-shadow:0 8px 18px rgba(20,103,220,.2)} .nova-finance-daily-copy{min-width:0}.nova-finance-daily-copy>span{display:block;color:#1674c7;font-size:9px;font-weight:900;letter-spacing:.1em}.nova-finance-daily-copy h3{margin:4px 0 5px;color:#0f2d4d;font-size:18px;line-height:1.25}.nova-finance-daily-copy p{margin:0;color:#45647d;font-size:12px;line-height:1.45}.nova-finance-daily-copy small{display:block;margin-top:6px;color:#6a8094;font-size:10px;line-height:1.35}.nova-finance-daily-actions{display:flex;flex-direction:column;gap:8px;min-width:150px}.nova-finance-daily-actions a{display:flex;align-items:center;justify-content:center;min-height:40px;padding:9px 13px;border-radius:11px;text-decoration:none;font-size:12px;font-weight:900;white-space:nowrap}.nova-finance-report-open{background:linear-gradient(100deg,#1767e9,#17b5b0);color:#fff!important;border:1px solid transparent}.nova-finance-report-download{background:#fff;color:#1767c9!important;border:1px solid #bfd4e8}.nova-finance-daily-actions a:hover{transform:translateY(-1px)} body.dark-mode .nova-finance-daily{background:linear-gradient(135deg,#102e4c,#103d3a);border-color:#355f7e}.dark-mode .nova-finance-daily-copy h3{color:#f5f9ff}.dark-mode .nova-finance-daily-copy p{color:#c3d5e6}.dark-mode .nova-finance-daily-copy small{color:#a9c0d3}.dark-mode .nova-finance-report-download{background:#143754;color:#dff2ff!important;border-color:#456b8e} @media(max-width:760px){.nova-finance-daily{grid-template-columns:auto minmax(0,1fr)}.nova-finance-daily-actions{grid-column:1/-1;flex-direction:row;min-width:0}.nova-finance-daily-actions a{flex:1}.nova-finance-daily-icon{width:50px;height:50px;font-size:26px}.nova-finance-daily-copy h3{font-size:16px}} @media(max-width:460px){.nova-finance-daily{grid-template-columns:1fr;text-align:center}.nova-finance-daily-icon{margin:auto}.nova-finance-daily-actions{flex-direction:column}.nova-finance-daily-copy>span{font-size:8px}} /* V67.6 – NOVA Welt aktuell: Morgen-/Abendreport */ .nova-world-report{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;margin:16px 0 18px;padding:18px;border:1px solid #bfd8f1;border-radius:18px;background:linear-gradient(135deg,#f4f9ff 0%,#f0fbff 52%,#f2fff8 100%);box-shadow:0 10px 26px rgba(29,96,170,.08)} .nova-world-report-icon{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;font-size:31px;background:linear-gradient(145deg,#e4f2ff,#e8fff2);box-shadow:0 8px 18px rgba(20,103,220,.12)} .nova-world-report-copy{min-width:0}.nova-world-report-copy>span{display:block;color:#1674c7;font-size:9px;font-weight:900;letter-spacing:.1em}.nova-world-report-copy h3{margin:4px 0 5px;color:#0f2d4d;font-size:18px;line-height:1.25}.nova-world-report-copy p{margin:0;color:#45647d;font-size:12px;line-height:1.45}.nova-world-report-copy>small{display:block;margin-top:7px;color:#6a8094;font-size:10px;line-height:1.4}.nova-world-report-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.nova-world-report-meta span{display:inline-flex;align-items:center;padding:5px 8px;border:1px solid #cfe0ef;border-radius:999px;background:rgba(255,255,255,.72);color:#2d668e;font-size:9.5px;font-weight:800}.nova-world-report-actions{display:flex;flex-direction:column;gap:8px;min-width:176px}.nova-world-report-actions a{display:flex;align-items:center;justify-content:center;min-height:40px;padding:9px 13px;border-radius:11px;text-decoration:none;font-size:12px;font-weight:900;white-space:nowrap}.nova-world-report-open{background:linear-gradient(100deg,#1767e9,#17b5b0);color:#fff!important;border:1px solid transparent}.nova-world-report-download{background:#fff;color:#1767c9!important;border:1px solid #bfd4e8}.nova-world-report-actions a:hover{transform:translateY(-1px)} body.dark-mode .nova-world-report,body.dark-mode-theme .nova-world-report,html[data-theme=\"dark\"] .nova-world-report{background:linear-gradient(135deg,#102e4c,#103d3a);border-color:#355f7e}.dark-mode .nova-world-report-copy h3,body.dark-mode-theme .nova-world-report-copy h3,html[data-theme=\"dark\"] .nova-world-report-copy h3{color:#f5f9ff}.dark-mode .nova-world-report-copy p,body.dark-mode-theme .nova-world-report-copy p,html[data-theme=\"dark\"] .nova-world-report-copy p{color:#c3d5e6}.dark-mode .nova-world-report-copy>small,body.dark-mode-theme .nova-world-report-copy>small,html[data-theme=\"dark\"] .nova-world-report-copy>small{color:#a9c0d3}.dark-mode .nova-world-report-meta span,body.dark-mode-theme .nova-world-report-meta span,html[data-theme=\"dark\"] .nova-world-report-meta span{background:#123653;border-color:#3f6687;color:#bfe1ff}.dark-mode .nova-world-report-download,body.dark-mode-theme .nova-world-report-download,html[data-theme=\"dark\"] .nova-world-report-download{background:#143754;color:#dff2ff!important;border-color:#456b8e} @media(max-width:760px){.nova-world-report{grid-template-columns:auto minmax(0,1fr)}.nova-world-report-actions{grid-column:1/-1;flex-direction:row;min-width:0}.nova-world-report-actions a{flex:1}.nova-world-report-icon{width:50px;height:50px;font-size:27px}.nova-world-report-copy h3{font-size:16px}} @media(max-width:460px){.nova-world-report{grid-template-columns:1fr;text-align:center}.nova-world-report-icon{margin:auto}.nova-world-report-meta{justify-content:center}.nova-world-report-actions{flex-direction:column}.nova-world-report-copy>span{font-size:8px}} /* V67.8 – NOVA Travel Weekly Report in NOVA Travel World */ .nova-travel-weekly-report{ display:grid; grid-template-columns:auto minmax(0,1fr) minmax(190px,230px); gap:16px; align-items:stretch; margin:16px 0 18px; padding:14px; border:1px solid #c8dced; border-radius:20px; background:linear-gradient(135deg,#f8fbff 0%,#eef7ff 55%,#f4fbf7 100%); box-shadow:0 14px 34px rgba(17,72,122,.09); } .nova-travel-report-visual{ position:relative; display:block; min-height:170px; overflow:hidden; border-radius:15px; border:1px solid #c9dcec; background:#fff; text-decoration:none; } .nova-travel-report-visual img{width:100%;height:100%;min-height:170px;object-fit:cover;object-position:top;display:block;transition:transform .25s ease} .nova-travel-report-visual:hover img{transform:scale(1.025)} .nova-travel-report-visual span{position:absolute;left:9px;right:9px;bottom:9px;padding:7px 9px;border-radius:9px;background:rgba(9,38,72,.88);color:#fff;font-size:9px;font-weight:900;letter-spacing:.5px;text-align:center;backdrop-filter:blur(5px)} .nova-travel-report-icon{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;align-self:center;font-size:32px;background:linear-gradient(145deg,#e4f2ff,#e8fff2);box-shadow:0 8px 18px rgba(20,103,220,.12)} .nova-travel-report-copy{display:flex;flex-direction:column;justify-content:center;min-width:0} .nova-travel-report-copy>span{color:#1466e8;font-size:10px;font-weight:950;letter-spacing:1px} .nova-travel-report-copy h3{margin:5px 0 7px;color:#0b2443;font-size:20px;line-height:1.15} .nova-travel-report-copy p{margin:0 0 10px;color:#536b82;font-size:12px;line-height:1.5} .nova-travel-report-copy small{color:#6a7f94;font-size:9.5px;line-height:1.45} .nova-travel-report-meta{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 9px} .nova-travel-report-meta span{padding:6px 8px;border-radius:999px;background:#e2f0fb;color:#174a77;font-size:9px;font-weight:850} .nova-travel-report-actions{display:flex;flex-direction:column;justify-content:center;gap:8px} .nova-travel-report-actions a{display:flex;align-items:center;justify-content:center;min-height:39px;padding:8px 10px;border-radius:11px;text-decoration:none;font-size:10px;font-weight:900;text-align:center;transition:transform .18s ease,box-shadow .18s ease} .nova-travel-report-actions a:hover{transform:translateY(-1px);box-shadow:0 7px 16px rgba(15,75,129,.14)} .nova-travel-report-open{background:linear-gradient(120deg,#1466e8,#18a8d5);color:#fff!important} .nova-travel-report-download{background:#fff;color:#1466e8!important;border:1px solid #bed3e8} .nova-travel-report-image-open{background:#e8f7ef;color:#177145!important;border:1px solid #c5e5d2} body.dark-mode-theme .nova-travel-weekly-report,body.dark-mode .nova-travel-weekly-report,[data-theme="dark"] .nova-travel-weekly-report{background:linear-gradient(135deg,#0c2239,#0e2d4a 58%,#0d332e);border-color:#31516f;box-shadow:none} body.dark-mode-theme .nova-travel-report-visual,body.dark-mode .nova-travel-report-visual,[data-theme="dark"] .nova-travel-report-visual{background:#0b2138;border-color:#31516f} body.dark-mode-theme .nova-travel-report-copy h3,body.dark-mode .nova-travel-report-copy h3,[data-theme="dark"] .nova-travel-report-copy h3{color:#f4f9ff} body.dark-mode-theme .nova-travel-report-copy p,body.dark-mode .nova-travel-report-copy p,[data-theme="dark"] .nova-travel-report-copy p, body.dark-mode-theme .nova-travel-report-copy small,body.dark-mode .nova-travel-report-copy small,[data-theme="dark"] .nova-travel-report-copy small{color:#bed0e1} body.dark-mode-theme .nova-travel-report-meta span,body.dark-mode .nova-travel-report-meta span,[data-theme="dark"] .nova-travel-report-meta span{background:#153d61;color:#cde8ff} body.dark-mode-theme .nova-travel-report-download,body.dark-mode .nova-travel-report-download,[data-theme="dark"] .nova-travel-report-download{background:#0e2947!important;border-color:#31516f;color:#b9ddff!important} body.dark-mode-theme .nova-travel-report-image-open,body.dark-mode .nova-travel-report-image-open,[data-theme="dark"] .nova-travel-report-image-open{background:#123b32!important;border-color:#275849;color:#a7edc7!important} @media(max-width:900px){.nova-travel-weekly-report{grid-template-columns:auto 1fr}.nova-travel-report-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}} @media(max-width:620px){.nova-travel-weekly-report{grid-template-columns:1fr;text-align:center}.nova-travel-report-icon{margin:auto}.nova-travel-report-meta{justify-content:center}.nova-travel-report-actions{grid-template-columns:1fr}.nova-travel-report-copy h3{font-size:18px}} /* V67.8 – Einheitliche große Bericht-öffnen-Schaltfläche */ .nova-report-primary{min-height:54px!important;padding:13px 20px!important;border-radius:14px!important;font-size:14px!important;font-weight:950!important;letter-spacing:.01em!important;box-shadow:0 8px 18px rgba(20,103,220,.16)!important} .nova-report-primary:hover{transform:translateY(-2px)!important;box-shadow:0 11px 24px rgba(20,103,220,.22)!important} .nova-home-weekly-actions{min-width:190px;flex-direction:column;align-items:stretch} .nova-home-weekly-actions .nova-report-primary{display:flex;align-items:center;justify-content:center} .nova-home-weekly-actions .btn:not(.nova-report-primary){min-height:38px;font-size:11px} .nova-finance-daily-actions,.nova-world-report-actions,.nova-travel-report-actions{min-width:190px} .nova-finance-report-download,.nova-world-report-download,.nova-travel-report-download{min-height:42px!important;font-size:12px!important} @media(max-width:760px){.nova-home-weekly-actions{min-width:0}.nova-report-primary{min-height:52px!important;font-size:13.5px!important}} /* NOVA V67.82 · Jobs & Arbeit / Skill Matching / Job Transition */ .nova-jobs-report-card{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:18px;border:1px solid #bcd9ee;border-radius:18px;background:linear-gradient(135deg,#edf8ff,#f7fff2)} .nova-jobs-report-icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;font-size:29px;background:#fff;border:1px solid #d8e7f2;box-shadow:0 7px 18px #174d6c12} .nova-jobs-report-copy small{font-size:10px;font-weight:900;letter-spacing:1px;color:var(--blue)}.nova-jobs-report-copy h3{margin:4px 0 5px}.nova-jobs-report-copy p{margin:0;color:var(--muted);line-height:1.5;font-size:12px}.nova-jobs-report-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.nova-jobs-report-tags span{font-size:9px;font-weight:800;padding:5px 8px;border-radius:999px;background:#fff;border:1px solid #d8e7f2;color:#31536f} .nova-jobs-report-actions{display:grid;gap:8px;min-width:165px}.nova-jobs-report-actions .btn{text-align:center;justify-content:center} .nova-jobs-explain{margin:0 0 12px;color:var(--muted);font-size:11px;line-height:1.5} .nova-jobs-transition{padding:17px;border:1px solid #d4d9f5;border-radius:18px;background:linear-gradient(135deg,#f8f7ff,#f4fbff)} .nova-transition-input-grid{display:grid;grid-template-columns:1fr 1.35fr auto;gap:9px;align-items:end}.nova-transition-input-grid label{display:grid;gap:5px}.nova-transition-input-grid label>span{font-size:10px;font-weight:800;color:#4b5182}.nova-transition-input-grid input{min-height:45px;border:1px solid #cfd4ea;border-radius:11px;background:#fff;color:var(--ink);padding:0 10px} .nova-transition-output{margin-top:13px}.nova-transition-empty{display:flex;gap:11px;align-items:center;padding:14px;border-radius:13px;background:#fff;border:1px dashed #cfd4ea}.nova-transition-empty>span{font-size:28px}.nova-transition-empty b,.nova-transition-empty small{display:block}.nova-transition-empty small{margin-top:3px;color:var(--muted)} .nova-transition-result-head{display:flex;justify-content:space-between;gap:10px;align-items:end;margin-bottom:9px}.nova-transition-result-head small,.nova-transition-result-head b{display:block}.nova-transition-result-head small{font-size:9px;letter-spacing:1px;color:#6c64b5;font-weight:900}.nova-transition-result-head>span{font-size:10px;color:var(--muted)} .nova-transition-cards{display:grid;gap:8px}.nova-transition-cards article{display:grid;grid-template-columns:58px 1fr auto;gap:10px;align-items:center;padding:11px;border:1px solid #dfe3f4;border-radius:13px;background:#fff}.nova-transition-score{display:grid;place-items:center;padding:7px 4px;border-radius:11px;background:#f0f8ff}.nova-transition-score strong{font-size:15px;color:var(--blue)}.nova-transition-score small{font-size:8px;color:var(--muted)}.nova-transition-cards article b{font-size:12px}.nova-transition-cards article p{margin:2px 0;font-size:10px;color:var(--muted)}.nova-transition-cards article div>small{font-size:9px;color:#6f7890}.nova-transition-cards article button{border:1px solid #b9d7ec;border-radius:999px;background:#f5fbff;color:var(--blue);padding:8px 10px;font-size:10px;font-weight:850;cursor:pointer}.nova-transition-tip{margin-top:9px;padding:10px 12px;border-radius:11px;background:#fff;border:1px solid #dfe3f4;font-size:10px;color:var(--muted);line-height:1.5}.nova-transition-tip b{color:var(--ink)} body.dark-mode .nova-jobs-report-card{background:linear-gradient(135deg,#17374f,#183f36);border-color:#527b96}body.dark-mode .nova-jobs-report-icon,body.dark-mode .nova-jobs-report-tags span{background:#10283c;border-color:#4f7089;color:#f5faff}body.dark-mode .nova-jobs-report-copy p{color:#bfd3e2}body.dark-mode .nova-jobs-report-tags span{color:#c8dced} body.dark-mode .nova-jobs-transition{background:linear-gradient(135deg,#1b2949,#17364f);border-color:#535f8e}body.dark-mode .nova-transition-input-grid label>span{color:#cdd2f0}body.dark-mode .nova-transition-input-grid input,body.dark-mode .nova-transition-empty,body.dark-mode .nova-transition-cards article,body.dark-mode .nova-transition-tip{background:#10283c;border-color:#4f587d;color:#f5faff}body.dark-mode .nova-transition-empty small,body.dark-mode .nova-transition-cards article p,body.dark-mode .nova-transition-cards article div>small,body.dark-mode .nova-transition-tip{color:#c2cee2}body.dark-mode .nova-transition-score{background:#17364f}body.dark-mode .nova-transition-cards article button{background:#17364f;border-color:#527b96;color:#b8dcff}body.dark-mode .nova-transition-tip b{color:#fff} @media(max-width:900px){.nova-jobs-report-card{grid-template-columns:auto 1fr}.nova-jobs-report-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}.nova-transition-input-grid{grid-template-columns:1fr 1fr}.nova-transition-input-grid .btn{grid-column:1/-1}.nova-transition-cards article{grid-template-columns:52px 1fr}.nova-transition-cards article button{grid-column:1/-1}} @media(max-width:560px){.nova-jobs-report-card{grid-template-columns:1fr}.nova-jobs-report-icon{width:48px;height:48px}.nova-jobs-report-actions{grid-template-columns:1fr}.nova-transition-input-grid{grid-template-columns:1fr}.nova-transition-cards article{grid-template-columns:48px 1fr}} /* NOVA Jobs & Arbeit · Vollansicht-Optimierung */ #moduleModal.nova-jobs-modal .modal-panel{ width:calc(100vw - 20px)!important; max-width:calc(100vw - 20px)!important; height:calc(100dvh - 20px)!important; max-height:calc(100dvh - 20px)!important; margin:10px auto!important; padding:24px!important; overflow:auto!important; } #moduleModal.nova-jobs-modal .modal-content, #moduleModal.nova-jobs-modal .nova-jobs-module, #moduleModal.nova-jobs-modal .nova-jobs-search, #moduleModal.nova-jobs-modal .nova-jobs-search-grid, #moduleModal.nova-jobs-modal .nova-jobs-type-grid, #moduleModal.nova-jobs-modal .nova-jobs-portal-grid, #moduleModal.nova-jobs-modal .nova-jobs-tools-grid, #moduleModal.nova-jobs-modal .nova-transition-input-grid{ width:100%!important; max-width:100%!important; min-width:0!important; } @media (max-width:760px){ #moduleModal.nova-jobs-modal .modal-panel{ width:calc(100vw - 12px)!important; max-width:calc(100vw - 12px)!important; height:calc(100dvh - 12px)!important; max-height:calc(100dvh - 12px)!important; margin:6px auto!important; padding:16px 12px!important; } } /* NOVA Jobs & Arbeit · V67.85 */ .nova-jobs-free-links{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px} .nova-jobs-free-links>span{font-size:11px;font-weight:800;color:#31536f} .nova-jobs-free-links a{display:grid;gap:2px;padding:9px 11px;border:1px solid #dbe7f0;border-radius:12px;background:#fff;color:var(--ink);text-decoration:none} .nova-jobs-free-links a small{font-size:10px;color:var(--muted)} .nova-transition-input-grid{grid-template-columns:1fr 1.45fr auto!important} .nova-transition-skill-builder{display:grid;grid-template-columns:1fr auto;gap:8px} .nova-transition-skill-builder .btn{min-width:48px;padding-inline:12px} .nova-transition-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:end} .nova-transition-selected{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px} .nova-transition-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid #d4d9f5;background:#fff;color:#384672;font-size:12px;font-weight:700} .nova-transition-chip button{border:0;background:transparent;color:#567;cursor:pointer;font-size:16px;line-height:1;padding:0} .nova-transition-cards article{grid-template-columns:58px 1fr!important;align-items:start!important} .nova-transition-card-copy{display:grid;gap:3px} .nova-transition-source-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px} .nova-transition-source-row button{border:1px solid #b9d7ec;border-radius:999px;background:#f5fbff;color:var(--blue);padding:7px 10px;font-size:10px;font-weight:850;cursor:pointer} body.dark-mode .nova-jobs-free-links>span{color:#c8dced} body.dark-mode .nova-jobs-free-links a{background:#17364f;border-color:#4f7089;color:#f5faff} body.dark-mode .nova-jobs-free-links a small{color:#bfd3e2} body.dark-mode .nova-transition-chip{background:#10283c;border-color:#4f587d;color:#f5faff} body.dark-mode .nova-transition-chip button{color:#d3ddf0} body.dark-mode .nova-transition-source-row button{background:#17364f;border-color:#527b96;color:#b8dcff} @media(max-width:900px){.nova-transition-input-grid{grid-template-columns:1fr!important}.nova-transition-actions{grid-template-columns:1fr 1fr}} @media(max-width:560px){.nova-transition-actions{grid-template-columns:1fr}.nova-jobs-free-links{flex-direction:column;align-items:stretch}} /* NOVA Jobs & Arbeit · V67.86 Popup & Transition */ .nova-transition-skill-builder{display:grid;grid-template-columns:1fr auto;gap:8px} .nova-transition-skill-builder input[readonly]{cursor:pointer;background:#fff} .nova-skills-popup[hidden]{display:none!important} .nova-skills-popup{position:fixed;inset:0;z-index:1200} .nova-skills-popup-backdrop{position:absolute;inset:0;background:rgba(7,19,37,.48)} .nova-skills-popup-panel{position:relative;max-width:760px;width:min(calc(100vw - 24px),760px);max-height:min(calc(100dvh - 24px),820px);margin:12px auto;padding:18px;border-radius:18px;background:#fff;box-shadow:0 28px 70px rgba(12,33,61,.28);overflow:auto} .nova-skills-popup-head{display:flex;justify-content:space-between;gap:14px;align-items:start;margin-bottom:8px}.nova-skills-popup-head small{font-size:10px;font-weight:900;color:#35577b;letter-spacing:1px}.nova-skills-popup-head h4{margin:2px 0 0;font-size:22px;color:#0b1b31} .nova-skills-popup-close{border:1px solid #d5e0ea;background:#fff;border-radius:999px;width:38px;height:38px;font-size:22px;cursor:pointer;color:#305575} .nova-skills-popup-controls{display:grid;gap:10px;margin:12px 0}.nova-skills-popup-controls>input,.nova-skills-popup-custom input{min-height:46px;border:1px solid #c8d8e6;border-radius:12px;padding:0 12px;background:#fff;color:var(--ink)} .nova-skills-popup-custom{display:grid;grid-template-columns:1fr auto;gap:8px} .nova-skills-popup-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px} .nova-skill-option{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #d9e6f0;border-radius:12px;background:#fbfdff}.nova-skill-option input{width:18px;height:18px;accent-color:#2757ff}.nova-skill-option span{font-size:13px;color:#193254;font-weight:700}.nova-skill-option small{font-size:10px;color:#6c8096;font-weight:600} .nova-skills-popup-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px} .nova-transition-result-head>div span{display:block;margin-top:4px;font-size:10px;color:var(--muted)} @media(max-width:760px){.nova-skills-popup-list{grid-template-columns:1fr}.nova-skills-popup-panel{width:min(calc(100vw - 12px),760px);max-height:calc(100dvh - 12px);margin:6px auto;padding:14px}.nova-skills-popup-custom{grid-template-columns:1fr}.nova-skills-popup-actions{flex-direction:column}.nova-transition-skill-builder{grid-template-columns:1fr}} body.dark-mode .nova-skills-popup-panel{background:#10283c;color:#f5faff;box-shadow:0 28px 70px rgba(0,0,0,.48)} body.dark-mode .nova-skills-popup-head small{color:#bad9ef}body.dark-mode .nova-skills-popup-head h4,body.dark-mode .nova-skill-option span{color:#fff}body.dark-mode .nova-skills-popup-close{background:#17364f;border-color:#48637d;color:#e6f6ff} body.dark-mode .nova-skills-popup-controls>input,body.dark-mode .nova-skills-popup-custom input,body.dark-mode .nova-transition-skill-builder input[readonly]{background:#17364f;border-color:#48637d;color:#fff} body.dark-mode .nova-skill-option{background:#17364f;border-color:#48637d}body.dark-mode .nova-skill-option small{color:#c7dcec} /* NOVA Jobs & Arbeit · V67.87 Feinschliff */ .nova-skills-popup-list{display:grid;grid-template-columns:1fr!important;gap:12px!important} .nova-skill-group{border:1px solid #e0e9f2;border-radius:14px;background:#f9fcff;padding:12px} .nova-skill-group-title{display:flex;align-items:center;gap:8px;margin-bottom:9px;color:#183658}.nova-skill-group-title>span{font-size:18px}.nova-skill-group-title b{font-size:13px} .nova-skill-group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .nova-skill-option{min-height:44px;cursor:pointer;transition:.15s ease}.nova-skill-option:hover{border-color:#77b8ee;background:#f1f8ff}.nova-skill-option:has(input:checked){border-color:#4f82ff;background:#edf5ff;box-shadow:0 0 0 1px rgba(79,130,255,.15)} .nova-skills-popup-actions{position:sticky;bottom:-18px;background:linear-gradient(180deg,rgba(255,255,255,.82),#fff 35%);padding:14px 0 2px;z-index:2} .nova-skills-popup-actions .btn{min-height:48px;min-width:150px} .nova-transition-scale{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0 12px}.nova-transition-scale span{font-size:9px;padding:6px 9px;border:1px solid #dfe7f1;border-radius:999px;background:#fff;color:#62768d}.nova-transition-scale b{color:#163d6e} body.dark-mode .nova-skill-group{background:#132f45;border-color:#415e78}body.dark-mode .nova-skill-group-title{color:#e8f4ff}body.dark-mode .nova-skill-option:hover,body.dark-mode .nova-skill-option:has(input:checked){background:#1b4765;border-color:#6db8ee}body.dark-mode .nova-skills-popup-actions{background:linear-gradient(180deg,rgba(16,40,60,.82),#10283c 35%)}body.dark-mode .nova-transition-scale span{background:#17364f;border-color:#4f7089;color:#c6d9e7}body.dark-mode .nova-transition-scale b{color:#fff} @media(max-width:900px){.nova-skill-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:560px){.nova-skill-group-grid{grid-template-columns:1fr}.nova-skill-option{min-height:50px}.nova-skills-popup-panel{font-size:15px}.nova-skills-popup-actions .btn{width:100%;min-height:52px}.nova-transition-source-row button{min-height:38px;padding:9px 11px}.nova-transition-actions .btn{min-height:50px}.nova-transition-skill-builder .btn{min-height:50px}.nova-transition-skill-builder input[readonly]{min-height:50px}} /* NOVA Jobs & Arbeit · V67.88 ESCO Datengrundlage */ .nova-esco-status{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin:0 0 12px;padding:11px 13px;border:1px solid #cbdff0;border-radius:13px;background:linear-gradient(135deg,#f1f7ff,#f9fcff)} .nova-esco-status>span{font-size:23px}.nova-esco-status b,.nova-esco-status small{display:block}.nova-esco-status b{font-size:12px;color:#173e68}.nova-esco-status small{margin-top:2px;font-size:10px;line-height:1.45;color:#60768d}.nova-esco-status em{font-style:normal;font-size:9px;font-weight:900;letter-spacing:.7px;padding:5px 7px;border-radius:999px;background:#e6f6ee;color:#168653} .nova-esco-attribution{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1px solid #d9e4ef;border-radius:13px;background:#f8fbff}.nova-esco-attribution>span{font-size:22px}.nova-esco-attribution p{margin:0!important;font-size:10px!important;line-height:1.55!important;color:#5d7187!important}.nova-esco-attribution a{font-weight:800!important} .nova-transition-result-head em{display:block;margin-top:5px;font-size:9px;font-style:normal;font-weight:850;color:#2f6da4}.nova-esco-mini{display:inline-flex;margin-left:7px;padding:2px 6px;border-radius:999px;background:#e8f2ff;color:#2463a7;font-size:8px;font-weight:900;vertical-align:middle} body.dark-mode .nova-esco-status{background:#132f45;border-color:#4f7089}body.dark-mode .nova-esco-status b{color:#fff}body.dark-mode .nova-esco-status small{color:#bfd3e2}body.dark-mode .nova-esco-status em{background:#164537;color:#aaf0cb} body.dark-mode .nova-esco-attribution{background:#132f45;border-color:#4f7089}body.dark-mode .nova-esco-attribution p{color:#bfd3e2!important}.dark-mode .nova-transition-result-head em{color:#a8d5ff}.dark-mode .nova-esco-mini{background:#173e64;color:#bfe1ff} @media(max-width:560px){.nova-esco-status{grid-template-columns:auto 1fr}.nova-esco-status em{grid-column:1/-1;width:max-content}.nova-esco-attribution{padding:11px}} /* V67.91 – Mondphase direkt verlinkt */ .nova-dashboard-panel .moon-phase-link{ display:inline-flex; align-items:center; gap:7px; width:max-content; max-width:100%; color:inherit; text-decoration:none; border-radius:8px; transition:opacity .18s ease, transform .18s ease; } .nova-dashboard-panel .moon-phase-link:hover{ opacity:.82; transform:translateY(-1px); } .nova-dashboard-panel .moon-phase-link span{ font-size:14px; line-height:1; opacity:.72; } .nova-dashboard-panel .moon-phase-link:focus-visible{ outline:2px solid currentColor; outline-offset:3px; } /* V67.92 – Mondkalender folgt globalem Ort und dessen lokaler Zeitzone */ /* V67.95 – NOVA Welt aktuell: Welt- und Deutschlandreport optimiert */ .nova-world-report-hub{ margin:16px 0 18px; padding:16px; border:1px solid #c9dcec; border-radius:20px; background:linear-gradient(135deg,#f8fbff 0%,#f4fbff 55%,#f7fff9 100%); box-shadow:0 10px 28px rgba(29,96,170,.07); } .nova-world-report-hub-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:13px; } .nova-world-report-hub-head h3{ margin:3px 0 4px; color:#0f2d4d; font-size:19px; line-height:1.2; } .nova-world-report-hub-head p{ margin:0; color:#587087; font-size:12px; line-height:1.45; } .nova-world-report-hub-badge{ flex:0 0 auto; padding:7px 10px; border:1px solid #c8dcef; border-radius:999px; background:#fff; color:#1767c9; font-size:9px; font-weight:900; letter-spacing:.08em; } .nova-world-report-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .nova-world-report-card{ margin:0; grid-template-columns:auto minmax(0,1fr); align-content:start; min-width:0; height:100%; padding:15px; } .nova-world-report-card .nova-world-report-actions{ grid-column:1/-1; min-width:0; flex-direction:row; gap:10px; } .nova-world-report-card .nova-world-report-actions a{ flex:1; min-height:46px; padding:11px 14px; font-size:13px; font-weight:900; letter-spacing:.01em; box-shadow:0 6px 16px rgba(19,62,111,.08); } .nova-germany-report-card{ border-color:#d6d6d6; background:linear-gradient(135deg,#fbfbfb 0%,#f7f9fc 55%,#fff8dc 100%); } .nova-germany-report-icon{ background:linear-gradient(145deg,#111 0%,#d7262e 55%,#f4cc2f 100%); color:#fff; } .nova-germany-report-open{ background:linear-gradient(100deg,#202020 0%,#c01f2a 56%,#d9ab10 100%); color:#fff!important; text-shadow:0 1px 1px rgba(0,0,0,.28); border:1px solid rgba(0,0,0,.08); } .nova-world-report-open{ background:linear-gradient(100deg,#1758d8 0%,#18a8b5 100%); color:#fff!important; text-shadow:0 1px 1px rgba(0,0,0,.18); border:1px solid rgba(10,78,167,.12); } .nova-world-report-download{ background:#ffffff; color:#1257b2!important; border:1px solid #b7cdea; } .nova-world-report-open:hover, .nova-germany-report-open:hover{filter:brightness(1.03)} .nova-world-report-download:hover{background:#f4f9ff} body.dark-mode .nova-world-report-hub, body.dark-mode-theme .nova-world-report-hub, html[data-theme="dark"] .nova-world-report-hub{ background:linear-gradient(135deg,#0f2941,#102f36); border-color:#355f7e; } .dark-mode .nova-world-report-hub-head h3, body.dark-mode-theme .nova-world-report-hub-head h3, html[data-theme="dark"] .nova-world-report-hub-head h3{color:#f5f9ff} .dark-mode .nova-world-report-hub-head p, body.dark-mode-theme .nova-world-report-hub-head p, html[data-theme="dark"] .nova-world-report-hub-head p{color:#b8ccdd} .dark-mode .nova-world-report-hub-badge, body.dark-mode-theme .nova-world-report-hub-badge, html[data-theme="dark"] .nova-world-report-hub-badge{ background:#153752;border-color:#466984;color:#d9efff } .dark-mode .nova-germany-report-card, body.dark-mode-theme .nova-germany-report-card, html[data-theme="dark"] .nova-germany-report-card{ background:linear-gradient(135deg,#242424,#44272a 60%,#4a421e); border-color:#655b49; } @media(max-width:980px){ .nova-world-report-grid{grid-template-columns:1fr} } @media(max-width:560px){ .nova-world-report-hub{padding:12px} .nova-world-report-hub-head{align-items:flex-start} .nova-world-report-hub-badge{font-size:8px;padding:6px 8px} .nova-world-report-card{grid-template-columns:1fr;text-align:center} .nova-world-report-card .nova-world-report-icon{margin:auto} .nova-world-report-card .nova-world-report-meta{justify-content:center} .nova-world-report-card .nova-world-report-actions{flex-direction:column} } /* V69.95 – Auto & Mobil: NOVA Mobility Weekly Report */ .nova-mobility-weekly-report{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;margin:14px 0 18px;padding:18px;border:1px solid #bcd9ee;border-radius:18px;background:linear-gradient(135deg,#edf7ff,#f8fcff 58%,#eefbf6);box-shadow:0 8px 22px rgba(18,83,138,.08)} .nova-mobility-report-icon{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;font-size:33px;background:linear-gradient(145deg,#e5f1ff,#e9fff4);border:1px solid #d5e7f2;box-shadow:0 7px 18px rgba(20,103,220,.11)} .nova-mobility-report-copy{min-width:0}.nova-mobility-report-copy>span{display:block;color:#1466e8;font-size:10px;font-weight:950;letter-spacing:1px}.nova-mobility-report-copy h3{margin:5px 0 7px;color:#0b2443;font-size:20px;line-height:1.18}.nova-mobility-report-copy p{margin:0 0 10px;color:#536b82;font-size:12px;line-height:1.5}.nova-mobility-report-copy small{display:block;color:#6a7f94;font-size:10px;line-height:1.4}.nova-mobility-report-meta{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 9px}.nova-mobility-report-meta span{padding:6px 8px;border-radius:999px;background:#e2f0fb;color:#174a77;font-size:9px;font-weight:850}.nova-mobility-report-actions{display:flex;flex-direction:column;justify-content:center;gap:8px;min-width:190px}.nova-mobility-report-actions a{display:flex;align-items:center;justify-content:center;min-height:42px;padding:9px 13px;border-radius:11px;text-decoration:none;font-size:12px;font-weight:900;text-align:center;transition:transform .18s ease,box-shadow .18s ease}.nova-mobility-report-actions a:hover{transform:translateY(-1px);box-shadow:0 7px 16px rgba(15,75,129,.14)}.nova-mobility-report-open{background:linear-gradient(120deg,#1466e8,#18a8d5);color:#fff!important}.nova-mobility-report-download{background:#fff;color:#1466e8!important;border:1px solid #bed3e8} body.dark-mode .nova-mobility-weekly-report,[data-theme="dark"] .nova-mobility-weekly-report{background:linear-gradient(135deg,#0c2239,#0e2d4a 58%,#0d332e);border-color:#31516f;box-shadow:none}body.dark-mode .nova-mobility-report-icon,[data-theme="dark"] .nova-mobility-report-icon{background:#102b44;border-color:#31516f}body.dark-mode .nova-mobility-report-copy h3,[data-theme="dark"] .nova-mobility-report-copy h3{color:#f4f9ff}body.dark-mode .nova-mobility-report-copy p,body.dark-mode .nova-mobility-report-copy small,[data-theme="dark"] .nova-mobility-report-copy p,[data-theme="dark"] .nova-mobility-report-copy small{color:#bed0e1}body.dark-mode .nova-mobility-report-meta span,[data-theme="dark"] .nova-mobility-report-meta span{background:#153d61;color:#cde8ff}body.dark-mode .nova-mobility-report-download,[data-theme="dark"] .nova-mobility-report-download{background:#0e2947!important;border-color:#31516f;color:#b9ddff!important} @media(max-width:900px){.nova-mobility-weekly-report{grid-template-columns:auto 1fr}.nova-mobility-report-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}} @media(max-width:620px){.nova-mobility-weekly-report{grid-template-columns:1fr;text-align:center}.nova-mobility-report-icon{margin:auto}.nova-mobility-report-meta{justify-content:center}.nova-mobility-report-actions{grid-template-columns:1fr}.nova-mobility-report-copy h3{font-size:18px}} /* V69.97 – NOVA Jobs: meinestadt Neu-Link korrigiert */ .nova-jobs-search-actions{display:flex;gap:8px;align-items:stretch}.nova-jobs-search-actions .btn{white-space:nowrap;min-height:45px}.nova-jobs-new-btn{border:1px solid #f1ba45!important;background:linear-gradient(135deg,#fff8dc,#fff1b9)!important;color:#775100!important;font-weight:900!important;box-shadow:0 5px 14px #a36f1012}.nova-jobs-new-btn:hover,.nova-jobs-new-btn.active{border-color:#df9e16!important;background:linear-gradient(135deg,#fff2bd,#ffe893)!important;color:#5f4200!important} .nova-jobs-new24h{margin-top:12px;padding:15px;border:1px solid #efd18b;border-radius:16px;background:linear-gradient(135deg,#fffdf5,#f3fbff);box-shadow:0 8px 22px #203f5b0b}.nova-jobs-new24h[hidden]{display:none!important}.nova-jobs-new24h-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.nova-jobs-new24h-head small{font-size:9px;font-weight:900;letter-spacing:1px;color:#b47a00}.nova-jobs-new24h-head h4{margin:3px 0 5px;font-size:17px;color:var(--ink)}.nova-jobs-new24h-head p{margin:0;color:var(--muted);font-size:11px;line-height:1.5;max-width:700px}.nova-jobs-new24h-head>span{flex:0 0 auto;padding:7px 10px;border-radius:999px;border:1px solid #dce8f0;background:#fff;color:#31536f;font-size:10px;font-weight:800}.nova-jobs-new24h-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px}.nova-jobs-new24h-grid button{display:grid;grid-template-columns:31px 1fr auto;align-items:center;gap:7px;min-height:64px;padding:9px;border:1px solid #dbe7f0;border-radius:13px;background:#fff;color:var(--ink);text-align:left;cursor:pointer}.nova-jobs-new24h-grid button:hover{border-color:#e2aa32;box-shadow:0 5px 14px #bf861318}.nova-jobs-new24h-grid button>span{font-size:21px}.nova-jobs-new24h-grid button b,.nova-jobs-new24h-grid button small{display:block}.nova-jobs-new24h-grid button b{font-size:11px}.nova-jobs-new24h-grid button small{margin-top:2px;color:var(--muted);font-size:9px}.nova-jobs-new24h-grid button em{font-style:normal;font-weight:900;color:#c58400}.nova-jobs-new24h-note{display:flex;gap:8px;align-items:flex-start;margin-top:10px;padding:9px 10px;border-radius:11px;background:#fff8de;border:1px solid #f2dc9d}.nova-jobs-new24h-note p{margin:0;color:#6f5b25;font-size:10px;line-height:1.45} body.dark-mode .nova-jobs-new-btn{background:linear-gradient(135deg,#4e4018,#614c14)!important;border-color:#a7822b!important;color:#ffe9a8!important}body.dark-mode .nova-jobs-new-btn:hover,body.dark-mode .nova-jobs-new-btn.active{background:linear-gradient(135deg,#614c14,#72591a)!important;color:#fff4c5!important}body.dark-mode .nova-jobs-new24h{background:linear-gradient(135deg,#2b301f,#17364f);border-color:#8f793c}body.dark-mode .nova-jobs-new24h-head h4{color:#fff}body.dark-mode .nova-jobs-new24h-head p{color:#bfd3e2}body.dark-mode .nova-jobs-new24h-head>span,body.dark-mode .nova-jobs-new24h-grid button{background:#10283c;border-color:#4f7089;color:#f5faff}body.dark-mode .nova-jobs-new24h-grid button small{color:#bfd3e2}body.dark-mode .nova-jobs-new24h-note{background:#403716;border-color:#7d672b}body.dark-mode .nova-jobs-new24h-note p{color:#ffe7a6} @media(max-width:1100px){.nova-jobs-new24h-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.nova-jobs-search-actions{grid-column:1/-1}.nova-jobs-search-grid .nova-jobs-search-actions .btn{grid-column:auto}.nova-jobs-search-actions .btn{flex:1}.nova-jobs-new24h-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.nova-jobs-search-actions{flex-direction:column}.nova-jobs-new24h-head{display:block}.nova-jobs-new24h-head>span{display:inline-block;margin-top:9px}.nova-jobs-new24h-grid{grid-template-columns:1fr}} /* V70.00 – NOVA Jobs & Arbeit Kernbereich + allgemein bessere Lesbarkeit */ body{font-size:16.5px} .nav a{font-size:15px}.online{font-size:13px}.eyebrow{font-size:13px} .tile p{font-size:14px}.tile button{font-size:14px}.service-grid span{font-size:13px}.note{font-size:13px} .premium-tile p{font-size:14px}.premium-tile .tile-open{font-size:13px}.sidebar-nav a b,.sidebar-nav button b{font-size:14px}.sidebar-section-title{font-size:10px}.sidebar-status b{font-size:12px}.sidebar-status small{font-size:10px} .modal-panel{font-size:16px}.module-intro{font-size:15px;line-height:1.6} .nova-jobs-module{font-size:16px}.nova-jobs-hero h2{font-size:28px}.nova-jobs-hero .module-intro{font-size:15px;line-height:1.6}.nova-jobs-hero .module-intro strong{color:#0b4c8d;font-weight:900} .nova-jobs-search-head h3,.nova-jobs-section-head h3,.nova-jobs-report-copy h3{font-size:21px!important}.nova-jobs-search-head small,.nova-jobs-section-head small,.nova-jobs-report-copy small{font-size:11px!important} .nova-jobs-search-head>span,.nova-jobs-section-head>span{font-size:12px!important}.nova-jobs-explain{font-size:13.5px!important;line-height:1.65!important} .nova-jobs-search-grid label>span,.nova-transition-input-grid label>span{font-size:12.5px!important}.nova-jobs-search-grid input,.nova-jobs-search-grid select,.nova-transition-input-grid input{font-size:15px!important} .nova-jobs-summary{font-size:12.5px!important}.nova-jobs-search-actions .btn,.nova-transition-actions .btn,.nova-transition-skill-builder .btn{font-size:14px!important} .nova-jobs-new24h-head small{font-size:10.5px}.nova-jobs-new24h-head h4{font-size:19px}.nova-jobs-new24h-head p{font-size:12.5px}.nova-jobs-new24h-head>span{font-size:11.5px} .nova-jobs-new24h-grid button b{font-size:13px}.nova-jobs-new24h-grid button small{font-size:10.5px}.nova-jobs-new24h-note p{font-size:12px} .nova-jobs-free-links>span{font-size:12px}.nova-jobs-free-links a b{font-size:13px}.nova-jobs-free-links a small{font-size:11px} .nova-transition-chip{font-size:13px}.nova-transition-source-row button{font-size:11px}.nova-skill-option span{font-size:14px}.nova-skill-option small{font-size:11px}.nova-skill-group-title b{font-size:14px}.nova-transition-scale span{font-size:10.5px} .nova-esco-status b{font-size:13px}.nova-esco-status small{font-size:11px}.nova-esco-status em{font-size:10px}.nova-esco-attribution p{font-size:11.5px!important}.nova-transition-result-head>div span{font-size:11px} .nova-transition-example{display:flex;gap:12px;align-items:flex-start;margin:10px 0 14px;padding:13px 15px;border:1px solid #bcdcf2;border-radius:14px;background:linear-gradient(135deg,#f2f9ff,#f5fff5)} .nova-transition-example>span{font-size:24px;line-height:1}.nova-transition-example b{display:block;font-size:14px;color:#123d68}.nova-transition-example p{margin:4px 0 3px;font-size:13px;line-height:1.5;color:#254e70}.nova-transition-example small{display:block;font-size:11.5px;line-height:1.5;color:#60768d} body.dark-mode .nova-jobs-hero .module-intro strong{color:#80d6ff}body.dark-mode .nova-transition-example{background:linear-gradient(135deg,#12304b,#173b36);border-color:#416d89}body.dark-mode .nova-transition-example b{color:#ecf8ff}body.dark-mode .nova-transition-example p{color:#d2e9f8}body.dark-mode .nova-transition-example small{color:#b8cfdf} @media(max-width:760px){body{font-size:17px}.tile p{font-size:15px}.tile button{font-size:15px}.sidebar-nav a b,.sidebar-nav button b{font-size:14px}.modal-panel{font-size:17px}.nova-jobs-hero h2{font-size:25px}.nova-jobs-hero .module-intro{font-size:15px}.nova-jobs-explain{font-size:14px!important}.nova-jobs-search-grid input,.nova-jobs-search-grid select,.nova-transition-input-grid input{font-size:16px!important}.nova-jobs-search-actions .btn,.nova-transition-actions .btn,.nova-transition-skill-builder .btn{font-size:15px!important}.nova-jobs-new24h-grid button b{font-size:14px}.nova-jobs-new24h-grid button small{font-size:11.5px}.nova-transition-example b{font-size:15px}.nova-transition-example p{font-size:14px}.nova-transition-example small{font-size:12.5px}} /* V70.01 – NOVA SPORT Guide + Schwimmbäder in Fitness & Fun */ .nova-sport-guide{display:grid;gap:18px}.nova-sport-guide-hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:18px;border:1px solid #bddded;border-radius:20px;background:linear-gradient(135deg,#eef9ff,#f4fff6)}.nova-sport-guide-hero h2{margin:4px 0 6px;font-size:clamp(26px,4vw,38px)}.nova-sport-guide-hero p{margin:0;color:var(--muted);font-size:15px;line-height:1.55}.nova-sport-guide-place{white-space:nowrap;border:1px solid #cfe1ee;background:#fff;border-radius:999px;padding:9px 12px;color:var(--blue);font-weight:800;font-size:12px}.nova-sport-guide-actions{display:flex;gap:10px;flex-wrap:wrap}.nova-sport-guide-note{display:flex;gap:12px;align-items:flex-start;padding:13px 15px;border-radius:14px;background:#eef7ff;border:1px solid #cfe4f4;font-size:13px;line-height:1.45}.nova-sport-guide-note b{color:var(--blue);white-space:nowrap}.nova-sport-types{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.nova-sport-type,.nova-sport-rec-grid button{border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--ink);padding:14px 10px;cursor:pointer;display:grid;gap:5px;text-align:left;transition:.18s ease}.nova-sport-type:hover,.nova-sport-rec-grid button:hover{transform:translateY(-2px);border-color:#55b8e9;box-shadow:0 8px 18px rgba(32,105,150,.12)}.nova-sport-type>span,.nova-sport-rec-grid button>span{font-size:27px}.nova-sport-type b,.nova-sport-rec-grid button b{font-size:14px}.nova-sport-type small,.nova-sport-rec-grid button small{color:var(--muted);font-size:11px;line-height:1.35}.nova-sport-detail-card{padding:18px;border:1px solid #bcddeb;border-radius:20px;background:linear-gradient(145deg,#f8fcff,#f5fff8)}.nova-sport-detail-title{display:flex;align-items:center;gap:12px}.nova-sport-detail-title>span{font-size:40px}.nova-sport-detail-title h3{margin:2px 0 0;font-size:24px}.nova-sport-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.nova-sport-info-grid>div{padding:13px;border-radius:14px;background:#fff;border:1px solid #dbe8ef}.nova-sport-info-grid b{display:block;margin-bottom:5px}.nova-sport-info-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.nova-sport-detail-actions{display:flex;gap:8px;flex-wrap:wrap}.nova-sport-disclaimer{margin:12px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.nova-sport-check{padding:18px;border-radius:20px;border:1px solid #bfddee;background:linear-gradient(135deg,#eff9ff,#f8fff8)}.nova-sport-check[hidden]{display:none}.nova-sport-check .form-grid{margin:12px 0}.nova-sport-check select{font-size:14px}.nova-sport-recommendation{margin-top:14px;padding:15px;border-radius:16px;background:#fff;border:1px solid #d6e6ef}.nova-sport-recommendation h3{margin:4px 0 12px}.nova-sport-rec-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.nova-sport-recommendation>p{margin:10px 0 0;color:var(--muted);font-size:11px}.nova-sport-guide-tile{background:linear-gradient(145deg,#effcf7,#e9f7ff)!important}body.dark-mode .nova-sport-guide-hero,body.dark-mode .nova-sport-detail-card,body.dark-mode .nova-sport-check{background:linear-gradient(135deg,#15354b,#173d35);border-color:#517a92;color:#fff}body.dark-mode .nova-sport-guide-place,body.dark-mode .nova-sport-info-grid>div,body.dark-mode .nova-sport-recommendation,body.dark-mode .nova-sport-type,body.dark-mode .nova-sport-rec-grid button{background:#142f43;border-color:#45677d;color:#fff}body.dark-mode .nova-sport-guide-note{background:#132e43;border-color:#466a82;color:#c5d9e7}@media(max-width:820px){.nova-sport-types,.nova-sport-rec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nova-sport-guide-hero{display:block}.nova-sport-guide-place{display:inline-block;margin-top:10px}}@media(max-width:520px){.nova-sport-types,.nova-sport-rec-grid,.nova-sport-info-grid{grid-template-columns:1fr}.nova-sport-guide-actions .btn{width:100%}.nova-sport-guide-note{display:block}.nova-sport-guide-note b{display:block;margin-bottom:4px}} /* V70.03 – SPORT Guide Report + Tanzsport */ .nova-sport-guide-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:6px;border:1px solid #cfe2ee;border-radius:16px;background:#f6fbff}.nova-sport-guide-tabs button{appearance:none;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--ink);padding:10px 14px;font-weight:850;font-size:13px;cursor:pointer}.nova-sport-guide-tabs button:hover{background:#fff;border-color:#c7deed}.nova-sport-guide-tabs button.active{background:linear-gradient(135deg,#126ee8,#1bb8b0);color:#fff;box-shadow:0 5px 13px rgba(25,109,170,.18)} .nova-sport-guide-sectionhead{display:flex;align-items:end;justify-content:space-between;gap:14px}.nova-sport-guide-sectionhead h3{margin:3px 0 0;font-size:21px}.nova-sport-guide-sectionhead small{color:var(--muted);font-size:11px}.nova-sport-type{min-height:126px}.nova-sport-type b{font-size:14.5px}.nova-sport-type small{font-size:11.5px;line-height:1.42}.nova-sport-detail-title p{margin:4px 0 0;color:var(--muted);font-size:13px}.nova-sport-info-grid-rich{grid-template-columns:repeat(2,minmax(0,1fr))}.nova-sport-info-grid-rich>div{min-height:112px}.nova-sport-info-grid-rich b{font-size:13.5px}.nova-sport-info-grid-rich p{font-size:13px;line-height:1.55}.nova-sport-check-head p{margin:5px 0 0;color:var(--muted);font-size:12.5px;line-height:1.5}.nova-health-link-focus{outline:3px solid rgba(27,184,176,.55);outline-offset:5px;box-shadow:0 0 0 10px rgba(27,184,176,.10);transition:.25s ease} body.dark-mode .nova-sport-guide-tabs{background:#102b3d;border-color:#42657b}body.dark-mode .nova-sport-guide-tabs button{color:#e8f4fb}body.dark-mode .nova-sport-guide-tabs button:hover{background:#17384d;border-color:#4d7188}.nova-universe-dock [data-module="fitness"] b{line-height:1.18} @media(max-width:820px){.nova-sport-guide-sectionhead{display:block}.nova-sport-guide-sectionhead small{display:block;margin-top:5px}.nova-sport-info-grid-rich{grid-template-columns:1fr}.nova-sport-guide-tabs button{flex:1 1 180px}} /* V70.11 – Gesundheit & Apotheke / Health Report */ .nova-health-report-card{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0;padding:15px 16px;border:1px solid rgba(44,183,160,.28);border-radius:16px;background:linear-gradient(135deg,rgba(19,116,117,.11),rgba(32,89,153,.08))} .nova-health-report-copy{display:grid;gap:4px;min-width:0}.nova-health-report-copy>span{font-size:10px;letter-spacing:.08em;font-weight:900;color:#087c76}.nova-health-report-copy>b{font-size:15px;color:var(--text,#18334b)}.nova-health-report-copy>small{font-size:11px;line-height:1.4;color:var(--muted,#5d7183)} .nova-health-report-actions{display:flex;gap:8px;flex:0 0 auto}.nova-health-report-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 11px;border-radius:10px;border:1px solid rgba(17,116,130,.22);background:#fff;color:#075b68;text-decoration:none;font-size:11px;font-weight:900}.nova-health-report-actions a:hover{background:#edfafa} @media(max-width:720px){.nova-health-report-card{align-items:stretch;flex-direction:column}.nova-health-report-actions{width:100%}.nova-health-report-actions a{flex:1}} /* NOVA V70.13 – sichere Grafikansicht */ .nova-health-report-actions button{border:0;cursor:pointer;font:inherit} .nova-graphic-viewer[hidden]{display:none!important}.nova-graphic-viewer{position:fixed;inset:0;z-index:2147483000;background:rgba(1,8,18,.92);display:flex;align-items:center;justify-content:center;padding:max(12px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));backdrop-filter:blur(8px)} .nova-graphic-viewer-panel{width:min(1100px,100%);height:min(94dvh,100%);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(100,220,255,.48);border-radius:18px;background:#06182a;box-shadow:0 24px 80px rgba(0,0,0,.55)} .nova-graphic-viewer-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;color:#fff;background:#08243d;border-bottom:1px solid rgba(100,220,255,.22)} .nova-graphic-viewer-close{width:40px;height:40px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:#0c3556;color:#fff;font-size:20px;cursor:pointer} .nova-graphic-viewer-body{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:flex;align-items:flex-start;justify-content:center;padding:10px} .nova-graphic-viewer-body img{display:block;max-width:100%;height:auto;object-fit:contain;margin:auto}.nova-graphic-viewer-loading{margin:auto;padding:24px;color:#bfeaff;text-align:center;font-weight:800} html.nova-graphic-open,html.nova-graphic-open body{overflow:hidden!important} .nova-live-ticker-link{appearance:none;border:0;background:transparent;color:inherit;font:inherit;padding:0;margin:0;white-space:nowrap;cursor:pointer;text-decoration:none}.nova-live-ticker-link:hover{text-decoration:underline} @media(max-width:720px){.nova-graphic-viewer{padding:0}.nova-graphic-viewer-panel{width:100%;height:100dvh;border-radius:0;border-left:0;border-right:0}.nova-graphic-viewer-head{padding-top:max(10px,env(safe-area-inset-top));padding-right:max(12px,env(safe-area-inset-right));padding-left:max(12px,env(safe-area-inset-left))}.nova-graphic-viewer-body{padding:6px max(4px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left))}} /* RESTORED FROM V67.54 — NOVA SMART EV ROUTE */ /* NOVA AI V67.27 – NOVA Router */ .nova-router-tile{ background:linear-gradient(145deg,rgba(12,74,110,.96),rgba(9,40,65,.98))!important; border-color:rgba(66,191,214,.42)!important; } .nova-router-tile>span{filter:drop-shadow(0 5px 10px rgba(0,0,0,.18))} .nova-router-module{max-width:900px;margin:0 auto} .nova-router-hero{ display:flex;align-items:center;gap:16px;padding:18px; border-radius:20px;background:linear-gradient(135deg,#0a2941,#0c6687 65%,#13a9b8);color:#fff } .nova-router-logo{ width:64px;height:64px;border-radius:18px;display:grid;place-items:center; font-size:34px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2) } .nova-router-hero h2{margin:4px 0 5px;color:#fff} .nova-router-hero p{margin:0;color:#e8f7fb;line-height:1.5} .nova-router-search{display:grid;grid-template-columns:1fr 48px 1fr;gap:10px;margin-top:16px;align-items:end} .nova-router-search label,.nova-router-options label{ display:flex;flex-direction:column;gap:6px;font-weight:800 } .nova-router-search label span,.nova-router-options label span{ font-size:11px;letter-spacing:.06em;color:var(--muted,#64748b) } .nova-router-search input,.nova-router-options select{ width:100%;min-height:46px;border:1px solid #cadbe7;border-radius:13px; padding:10px 12px;background:#fff;color:#17334a;font:inherit } .nova-router-swap{ min-height:46px;border:0;border-radius:13px;background:#eaf4fb;color:#0d609f; font-size:22px;font-weight:900;cursor:pointer } .nova-router-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px} .nova-router-layer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:15px} .nova-router-layer-grid article{ padding:13px;border-radius:15px;border:1px solid #d6e5ee;background:#f8fbfd } .nova-router-layer-grid article>span{font-size:24px;display:block;margin-bottom:7px} .nova-router-layer-grid b{display:block;color:#12344e;font-size:13px} .nova-router-layer-grid small{display:block;color:#667c8c;line-height:1.4;margin-top:4px} .nova-router-summary{ margin-top:14px;padding:12px 14px;border-radius:14px;background:#eef7fb;border:1px solid #d2e6ef } .nova-router-summary small{display:block;font-size:9px;font-weight:900;letter-spacing:.08em;color:#628093} .nova-router-summary b{display:block;font-size:17px;margin-top:3px;color:#0e3550} .nova-router-summary span{display:block;font-size:11px;color:#5f7687;margin-top:3px} .nova-router-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:12px} .nova-router-status{ display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:12px; border-radius:14px;background:#f2faf5;border:1px solid #cfe8d7;color:#315d43 } .nova-router-status>span{ flex:0 0 auto;border-radius:999px;padding:5px 8px;background:#dff2e6; font-size:10px;font-weight:900 } .nova-router-status p{margin:0;font-size:11px;line-height:1.5} .nova-router-legal{font-size:10px;color:#71818d;line-height:1.5;margin:10px 2px 0} body.dark-mode-theme .nova-router-search input, body.dark-mode .nova-router-search input, [data-theme="dark"] .nova-router-search input, body.dark-mode-theme .nova-router-options select, body.dark-mode .nova-router-options select, [data-theme="dark"] .nova-router-options select{ background:#10283b!important;color:#eef7ff!important;border-color:#365a73!important } body.dark-mode-theme .nova-router-layer-grid article, body.dark-mode .nova-router-layer-grid article, [data-theme="dark"] .nova-router-layer-grid article{ background:#10283b!important;border-color:#2d516b!important } body.dark-mode-theme .nova-router-layer-grid b, body.dark-mode .nova-router-layer-grid b, [data-theme="dark"] .nova-router-layer-grid b{color:#eef7ff!important} body.dark-mode-theme .nova-router-layer-grid small, body.dark-mode .nova-router-layer-grid small, [data-theme="dark"] .nova-router-layer-grid small{color:#b9ccda!important} body.dark-mode-theme .nova-router-summary, body.dark-mode .nova-router-summary, [data-theme="dark"] .nova-router-summary{background:#102b40!important;border-color:#315a76!important} body.dark-mode-theme .nova-router-summary b, body.dark-mode .nova-router-summary b, [data-theme="dark"] .nova-router-summary b{color:#f2f9ff!important} body.dark-mode-theme .nova-router-summary span, body.dark-mode .nova-router-summary span, [data-theme="dark"] .nova-router-summary span{color:#c4d7e5!important} @media(max-width:760px){ .nova-router-layer-grid{grid-template-columns:1fr 1fr} .nova-router-actions{grid-template-columns:1fr} } @media(max-width:520px){ .nova-router-search{grid-template-columns:1fr 42px 1fr} .nova-router-options{grid-template-columns:1fr} .nova-router-layer-grid{grid-template-columns:1fr} .nova-router-hero{align-items:flex-start} .nova-router-logo{width:52px;height:52px;font-size:28px} } /* NOVA AI V67.28 – NOVA Router Travel Look */ .nova-router-v28{max-width:1320px;margin:0 auto} .nova-router-v28-head{ background:linear-gradient(105deg,#0b304c,#0d6688 62%,#14a7b8); color:#fff;border-radius:22px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px } .nova-router-v28-brand{display:flex;align-items:center;gap:12px} .nova-router-v28-star{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.12);font-size:22px} .nova-router-v28-brand b{display:block;letter-spacing:.08em;font-size:20px} .nova-router-v28-brand small{display:block;opacity:.78;letter-spacing:.12em;font-size:10px;margin-top:3px} .nova-router-v28-version{font-size:10px;font-weight:900;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:7px 10px;background:rgba(255,255,255,.08)} .nova-router-v28-search{ display:grid;grid-template-columns:1fr 42px 1fr 190px 150px;gap:8px;margin-top:11px; padding:10px;background:#fff;border:1px solid #d9e6ee;border-radius:18px } .nova-router-v28-search label{ min-height:48px;padding:7px 10px;border:1px solid #dce8f0;border-radius:12px;background:#f8fbfd } .nova-router-v28-search label span{display:block;color:#61798a;font-size:9px;font-weight:900;letter-spacing:.06em} .nova-router-v28-search input,.nova-router-v28-search select{ width:100%;border:0;outline:0;background:transparent;color:#14344d;font:inherit;font-weight:800;margin-top:2px } .nova-router-v28-swap{border:0;border-radius:12px;background:#edf5fa;color:#0d609f;font-size:20px;font-weight:900;cursor:pointer} .nova-router-v28-plan{ grid-column:1/-1;min-height:42px;border:0;border-radius:11px;background:linear-gradient(100deg,#1268c8,#13a8b8); color:#fff;font-weight:900;cursor:pointer } .nova-router-v28-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0} .nova-router-v28-tabs button{ border:1px solid #d5e3eb;background:#fff;color:#2f5067;border-radius:999px;padding:8px 11px;font-weight:850;cursor:pointer;font-size:12px } .nova-router-v28-tabs button.active{background:#1268c8;color:#fff;border-color:#1268c8} .nova-router-v28-tabs button.on,.nova-router-v28-tabs .nova-router-v28-terrain.on,.nova-router-v28-tabs .nova-router-v28-outlander.on{ background:#eaf8ef;color:#246f44;border-color:#cce8d5 } .nova-router-v28-layout{display:grid;grid-template-columns:minmax(0,1.8fr) 390px;gap:12px} .nova-router-v28-map-card{ border:1px solid #d7e5ed;background:#fff;border-radius:18px;overflow:hidden;position:relative;min-height:610px } .nova-router-v28-map{height:610px;width:100%;background:#eef4f7} .nova-router-map-placeholder{height:100%;display:grid;place-items:center;align-content:center;text-align:center;color:#567082;padding:30px} .nova-router-map-placeholder span{font-size:42px}.nova-router-map-placeholder b{margin-top:8px;font-size:17px}.nova-router-map-placeholder small{margin-top:5px} .nova-router-v28-map-legend{ position:absolute;left:12px;bottom:12px;z-index:550;background:rgba(255,255,255,.95);padding:9px 10px;border-radius:12px; border:1px solid #d7e5ed;box-shadow:0 6px 18px rgba(11,42,65,.10);display:grid;gap:4px;font-size:10px;color:#33536a } .nova-router-v28-map-legend span{display:flex;align-items:center;gap:6px}.nova-router-v28-map-legend i{width:9px;height:9px;border-radius:50%;display:inline-block} .nova-router-v28-map-legend .route{background:#1268c8}.nova-router-v28-map-legend .route-done{background:#14b46f}.nova-router-v28-map-legend .charge{background:#12a8b8}.nova-router-v28-map-legend .terrain{background:#e58d22}.nova-router-v28-map-legend .outlander{background:#2e9858} .nova-router-v28-side{border:1px solid #d7e5ed;background:#fff;border-radius:18px;padding:13px} .nova-router-v28-side-title{display:flex;justify-content:space-between;gap:8px}.nova-router-v28-side-title small{font-size:9px;color:#668091;font-weight:900;letter-spacing:.06em} .nova-router-v28-side-title h2{font-size:20px;margin:3px 0 0;color:#102f47}.nova-router-v28-live{height:max-content;background:#eaf8ef;color:#2b7748;border:1px solid #cce9d6;border-radius:999px;padding:5px 7px;font-size:9px;font-weight:900} .nova-router-v28-metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px} .nova-router-v28-metrics article{padding:10px;border:1px solid #d7e5ed;border-radius:12px;background:#f9fcfd} .nova-router-v28-metrics small{display:block;color:#6a8191;font-size:9px;font-weight:850}.nova-router-v28-metrics b{display:block;margin-top:3px;font-size:19px;color:#12364f} .nova-router-v28-soc{margin-top:8px;border:1px solid #d7e5ed;border-radius:12px;padding:10px}.nova-router-v28-soc>div{display:flex;justify-content:space-between;font-size:11px}.nova-router-v28-soc input{width:100%;margin-top:7px} .nova-router-v28-note{display:flex;gap:9px;margin-top:8px;padding:10px;border:1px solid #d7e5ed;border-radius:12px} .nova-router-v28-note>span{font-size:18px}.nova-router-v28-note b{display:block;font-size:11px;color:#16374f}.nova-router-v28-note small{display:block;color:#657d8d;font-size:10px;line-height:1.4;margin-top:2px} .nova-router-v28-sim-panel{display:none;margin-top:8px;padding:10px;border-radius:12px}.nova-router-v28-sim-panel.on{display:block} .nova-router-v28-sim-panel.terrain{background:#fff7ea;border:1px solid #efd2a2;color:#744d16}.nova-router-v28-sim-panel.outlander{background:#f0faf4;border:1px solid #cbe7d4;color:#2a6843} .nova-router-v28-sim-panel b{display:block;font-size:11px}.nova-router-v28-sim-panel small{display:block;font-size:10px;line-height:1.4;margin-top:3px} .nova-router-v28-google{width:100%;margin-top:9px;border:0;border-radius:11px;padding:10px 12px;background:#1268c8;color:#fff;font-weight:900;cursor:pointer} .nova-router-v28-legal{font-size:9px;color:#71838f;line-height:1.45;margin:9px 2px 0} body.dark-mode-theme .nova-router-v28-search, body.dark-mode .nova-router-v28-search, [data-theme="dark"] .nova-router-v28-search, body.dark-mode-theme .nova-router-v28-side, body.dark-mode .nova-router-v28-side, [data-theme="dark"] .nova-router-v28-side{background:#0f2639!important;border-color:#34566f!important} body.dark-mode-theme .nova-router-v28-search label, body.dark-mode .nova-router-v28-search label, [data-theme="dark"] .nova-router-v28-search label, body.dark-mode-theme .nova-router-v28-metrics article, body.dark-mode .nova-router-v28-metrics article, [data-theme="dark"] .nova-router-v28-metrics article{background:#142f43!important;border-color:#355b74!important} body.dark-mode-theme .nova-router-v28-search input, body.dark-mode .nova-router-v28-search input, [data-theme="dark"] .nova-router-v28-search input, body.dark-mode-theme .nova-router-v28-search select, body.dark-mode .nova-router-v28-search select, [data-theme="dark"] .nova-router-v28-search select, body.dark-mode-theme .nova-router-v28-side-title h2, body.dark-mode .nova-router-v28-side-title h2, [data-theme="dark"] .nova-router-v28-side-title h2, body.dark-mode-theme .nova-router-v28-metrics b, body.dark-mode .nova-router-v28-metrics b, [data-theme="dark"] .nova-router-v28-metrics b{color:#f0f8ff!important} @media(max-width:980px){.nova-router-v28-layout{grid-template-columns:1fr}.nova-router-v28-map,.nova-router-v28-map-card{height:520px;min-height:520px}.nova-router-v28-search{grid-template-columns:1fr 40px 1fr}.nova-router-v28-search label:nth-of-type(3){grid-column:1/3}.nova-router-v28-search label:nth-of-type(4){grid-column:3}} @media(max-width:620px){.nova-router-v28-map,.nova-router-v28-map-card{height:430px;min-height:430px}.nova-router-v28-tabs button{font-size:11px;padding:7px 9px}.nova-router-v28-brand b{font-size:17px}.nova-router-v28-side{padding:10px}} /* NOVA AI V67.29 – externe Google-Links im NOVA Router */ .nova-router-v28-tabs button[data-router-link]:not([data-router-link="route"])::after{ content:" ↗"; font-size:.82em; opacity:.7; } .nova-router-v28-tabs button[data-router-link]:hover{ transform:translateY(-1px); box-shadow:0 5px 12px rgba(14,70,105,.10); } /* NOVA AI V67.30 – Fahrzeugwerte nach Kategorien */ .nova-router-vehicle-card{margin-top:8px;border:1px solid #d7e5ed;border-radius:14px;padding:10px;background:#fbfdfe} .nova-router-vehicle-card-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start} .nova-router-vehicle-card-head small{display:block;font-size:9px;color:#6a8191;font-weight:900;letter-spacing:.07em} .nova-router-vehicle-card-head b{display:block;margin-top:2px;color:#12364f;font-size:14px} .nova-router-vehicle-card-head>span{border:1px solid #cfe5ef;background:#eef8fb;color:#27647e;border-radius:999px;padding:5px 7px;font-size:9px;font-weight:900} .nova-router-vehicle-tabs{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px} .nova-router-vehicle-tabs button{border:1px solid #d7e5ed;background:#fff;color:#476579;border-radius:999px;padding:6px 8px;font-size:9px;font-weight:850;cursor:pointer} .nova-router-vehicle-tabs button.active{background:#1268c8;color:#fff;border-color:#1268c8} .nova-router-vehicle-values{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px} .nova-router-vehicle-values article{border:1px solid #dde9f0;border-radius:10px;padding:8px;background:#fff} .nova-router-vehicle-values small{display:block;color:#728796;font-size:8px;font-weight:800} .nova-router-vehicle-values b{display:block;color:#153750;font-size:12px;margin-top:2px} body.dark-mode-theme .nova-router-vehicle-card,body.dark-mode .nova-router-vehicle-card,[data-theme="dark"] .nova-router-vehicle-card{background:#10283b!important;border-color:#345a73!important} body.dark-mode-theme .nova-router-vehicle-values article,body.dark-mode .nova-router-vehicle-values article,[data-theme="dark"] .nova-router-vehicle-values article{background:#142f43!important;border-color:#355b74!important} body.dark-mode-theme .nova-router-vehicle-card-head b,body.dark-mode .nova-router-vehicle-card-head b,[data-theme="dark"] .nova-router-vehicle-card-head b, body.dark-mode-theme .nova-router-vehicle-values b,body.dark-mode .nova-router-vehicle-values b,[data-theme="dark"] .nova-router-vehicle-values b{color:#eef8ff!important} /* NOVA AI V67.31 – 50 herstellergeprüfte E-Fahrzeuge */ .nova-router-vehicle-source{ display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:8px; padding-top:8px;border-top:1px solid #dce8ef } .nova-router-vehicle-source .verified{ padding:4px 7px;border-radius:999px;background:#e8f7ee;border:1px solid #c7e8d2; color:#247447;font-size:9px;font-weight:900 } .nova-router-vehicle-source small{font-size:9px;color:#687f8f} .nova-router-vehicle-source a{margin-left:auto;font-size:9px;font-weight:850;color:#1268c8;text-decoration:none} .nova-router-vehicle-source a:hover{text-decoration:underline} body.dark-mode-theme .nova-router-vehicle-source, body.dark-mode .nova-router-vehicle-source, [data-theme="dark"] .nova-router-vehicle-source{border-color:#355b74!important} /* NOVA AI V67.32 – POIs direkt auf der NOVA Router Karte */ .nova-router-poi-panel{ margin-top:8px;border:1px solid #d7e5ed;border-radius:13px;padding:10px;background:#fbfdfe } .nova-router-poi-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start} .nova-router-poi-head small{display:block;font-size:8px;color:#708493;font-weight:900;letter-spacing:.07em} .nova-router-poi-head b{display:block;margin-top:2px;font-size:12px;color:#15364f} .nova-router-poi-head button{ border:1px solid #cfe1ec;background:#fff;color:#1268c8;border-radius:999px;padding:5px 8px; font-size:9px;font-weight:900;cursor:pointer } .nova-router-poi-list{display:grid;gap:5px;margin-top:8px;max-height:190px;overflow:auto} .nova-router-poi-list>small{color:#6f8290;font-size:9px;line-height:1.4} .nova-router-poi-list button{ width:100%;display:flex;gap:8px;align-items:center;text-align:left;border:1px solid #dde8ef; background:#fff;border-radius:10px;padding:7px 8px;cursor:pointer } .nova-router-poi-list button:hover{background:#f1f8fb} .nova-router-poi-list button>span{font-size:16px} .nova-router-poi-list button b{display:block;font-size:10px;color:#17364c} .nova-router-poi-list button small{display:block;font-size:8px;color:#718493;margin-top:1px} .nova-router-v28-tabs button[data-router-poi].on{ background:#eaf7ef;color:#246f44;border-color:#cce8d5 } body.dark-mode-theme .nova-router-poi-panel, body.dark-mode .nova-router-poi-panel, [data-theme="dark"] .nova-router-poi-panel{ background:#10283b!important;border-color:#355b74!important } body.dark-mode-theme .nova-router-poi-list button, body.dark-mode .nova-router-poi-list button, [data-theme="dark"] .nova-router-poi-list button{ background:#142f43!important;border-color:#355b74!important } body.dark-mode-theme .nova-router-poi-list button b, body.dark-mode .nova-router-poi-list button b, [data-theme="dark"] .nova-router-poi-list button b{color:#eef8ff!important} /* NOVA AI V67.33 – schnellere POIs + Beschreibungen */ .nova-poi-loading{display:flex;align-items:center;gap:8px;padding:8px 2px} .nova-poi-loading span{ width:14px;height:14px;border:2px solid #cfe1ea;border-top-color:#1268c8;border-radius:50%; animation:novaPoiSpin .7s linear infinite } @keyframes novaPoiSpin{to{transform:rotate(360deg)}} .nova-poi-popup{min-width:210px;max-width:285px} .nova-poi-popup b{display:block;font-size:13px;line-height:1.25;margin-bottom:5px} .nova-poi-popup p{font-size:11px;line-height:1.45;margin:0 0 8px;color:#415866} .nova-poi-popup button{ border:1px solid #cfe0e9;background:#fff;color:#1268c8;border-radius:999px; padding:5px 8px;font-size:10px;font-weight:850;cursor:pointer } .nova-router-poi-list button small{ display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; line-height:1.3 } /* NOVA AI V67.34 – Ladekosten-Rechner */ .nova-router-cost-card{margin-top:9px;border:1px solid #d7e5ed;border-radius:14px;padding:10px;background:#fbfdfe} .nova-router-cost-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start} .nova-router-cost-head small{display:block;font-size:9px;color:#6a8191;font-weight:900;letter-spacing:.07em} .nova-router-cost-head b{display:block;margin-top:2px;color:#12364f;font-size:14px} .nova-router-cost-head>span{border:1px solid #cfe5ef;background:#eef8fb;color:#27647e;border-radius:999px;padding:5px 7px;font-size:9px;font-weight:900} .nova-router-cost-inputs{display:grid;grid-template-columns:1.25fr .75fr;gap:8px;margin-top:10px} .nova-router-cost-inputs label>span{display:block;font-size:9px;color:#708493;font-weight:800;margin-bottom:4px} .nova-router-price-input{display:flex;align-items:center;border:1px solid #d7e5ed;border-radius:10px;background:#fff;overflow:hidden} .nova-router-price-input input{width:100%;border:0;outline:0;padding:9px 10px;font-size:13px;font-weight:800;color:#153750;background:transparent} .nova-router-price-input b{padding:0 9px;color:#6b8190;font-size:10px;white-space:nowrap} .nova-router-cost-inputs select{width:100%;border:1px solid #d7e5ed;border-radius:10px;background:#fff;color:#153750;padding:9px 8px;font-size:12px;font-weight:800} .nova-router-cost-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px} .nova-router-cost-actions button{border:1px solid #d7e5ed;background:#fff;color:#476579;border-radius:999px;padding:6px 8px;font-size:9px;font-weight:850;cursor:pointer} .nova-router-cost-actions button.active{background:#1268c8;color:#fff;border-color:#1268c8} .nova-router-cost-results{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px} .nova-router-cost-results article{border:1px solid #dde9f0;border-radius:10px;padding:8px;background:#fff} .nova-router-cost-results small{display:block;color:#728796;font-size:8px;font-weight:800} .nova-router-cost-results b{display:block;color:#153750;font-size:12px;margin-top:2px} .nova-router-cost-note{display:block;margin-top:7px;font-size:8px;line-height:1.35;color:#728796} body.dark-mode-theme .nova-router-cost-card,body.dark-mode .nova-router-cost-card,[data-theme="dark"] .nova-router-cost-card{background:#10283b!important;border-color:#345a73!important} body.dark-mode-theme .nova-router-cost-results article,body.dark-mode .nova-router-cost-results article,[data-theme="dark"] .nova-router-cost-results article, body.dark-mode-theme .nova-router-price-input,body.dark-mode .nova-router-price-input,[data-theme="dark"] .nova-router-price-input{background:#142f43!important;border-color:#355b74!important} body.dark-mode-theme .nova-router-cost-inputs select,body.dark-mode .nova-router-cost-inputs select,[data-theme="dark"] .nova-router-cost-inputs select{background:#142f43!important;border-color:#355b74!important;color:#eef8ff!important} body.dark-mode-theme .nova-router-price-input input,body.dark-mode .nova-router-price-input input,[data-theme="dark"] .nova-router-price-input input, body.dark-mode-theme .nova-router-cost-results b,body.dark-mode .nova-router-cost-results b,[data-theme="dark"] .nova-router-cost-results b, body.dark-mode-theme .nova-router-cost-head b,body.dark-mode .nova-router-cost-head b,[data-theme="dark"] .nova-router-cost-head b{color:#eef8ff!important} /* NOVA AI V67.36 – POI Reiter Lade-Fix */ .nova-router-v28-tabs button[data-router-poi].loading{ opacity:.7;pointer-events:none;position:relative } .nova-router-v28-tabs button[data-router-poi].loading::after{ content:' ··';font-weight:900 } .nova-poi-empty{display:grid;grid-template-columns:1fr 1fr;gap:6px} .nova-poi-empty small{grid-column:1/-1;color:#718493;font-size:9px;line-height:1.4} .nova-poi-empty button{ border:1px solid #d7e5ed;background:#fff;color:#1268c8;border-radius:9px; padding:7px 8px;font-size:9px;font-weight:850;cursor:pointer } /* NOVA AI V67.37 – same-origin STRATO POI proxy */ .nova-router-poi-panel::after{ content:'POI-Daten via NOVA/OSM'; display:block;margin-top:6px;font-size:7px;color:#8a9aa6;text-align:right } /* NOVA AI V67.38 – NOVA Charge Fokus */ .nova-router-charge-tabs{gap:7px} .nova-router-charge-tabs button[data-router-poi="charging"]{ border-color:#bee6ea } .nova-charge-filter-row{ display:flex;gap:5px;flex-wrap:wrap;margin-top:9px } .nova-charge-filter-row button{ border:1px solid #d7e5ed;background:#fff;color:#476579;border-radius:999px; padding:5px 8px;font-size:9px;font-weight:850;cursor:pointer } .nova-charge-filter-row button.active{ background:#13a9bc;color:#fff;border-color:#13a9bc } .nova-charge-provider-row{ display:grid;grid-template-columns:1fr 110px;gap:6px;margin-top:7px } .nova-charge-provider-row select{ width:100%;border:1px solid #d7e5ed;border-radius:9px;background:#fff;color:#153750; padding:7px 8px;font-size:10px;font-weight:750 } .nova-charge-popup-grid{ display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:7px 0 } .nova-charge-popup-grid span{ border:1px solid #e1e9ee;border-radius:8px;padding:6px;background:#f9fbfc } .nova-charge-popup-grid small{ display:block;font-size:8px;color:#748794 } .nova-charge-popup-grid b{ display:block;font-size:10px;margin-top:1px } body.dark-mode-theme .nova-charge-provider-row select, body.dark-mode .nova-charge-provider-row select, [data-theme="dark"] .nova-charge-provider-row select{ background:#142f43!important;color:#eef8ff!important;border-color:#355b74!important } /* NOVA AI V67.39 – Anbieter auf der Charge Map */ .nova-charge-provider-legend{ display:flex;gap:5px;flex-wrap:wrap;margin-top:7px } .nova-charge-provider-legend button{ border:1px solid #d7e5ed;background:#fff;color:#36566c;border-radius:999px; padding:5px 7px;font-size:8px;font-weight:800;cursor:pointer } .nova-charge-provider-legend button b{ display:inline-block;margin-left:3px;padding:1px 5px;border-radius:999px;background:#eef6fa;color:#1268c8 } .nova-charge-status-note{ margin:5px 0!important;font-size:9px!important;color:#738895!important } body.dark-mode-theme .nova-charge-provider-legend button, body.dark-mode .nova-charge-provider-legend button, [data-theme="dark"] .nova-charge-provider-legend button{ background:#142f43!important;color:#eaf6ff!important;border-color:#355b74!important } /* NOVA AI V67.40 – Charge unter Map + farbige Anbieter */ .nova-router-charge-below-map{ margin:10px 10px 12px; width:calc(100% - 20px); box-sizing:border-box; } .nova-router-charge-below-map .nova-router-poi-list{ max-height:270px; } .nova-provider-dot{ display:inline-block; width:10px; height:10px; border-radius:50%; flex:0 0 10px; border:1px solid rgba(0,0,0,.14); box-shadow:0 0 0 1px rgba(255,255,255,.7); } .nova-charge-provider-legend button{ display:inline-flex; align-items:center; gap:4px; } .nova-charge-list-icon{ display:flex; align-items:center; gap:5px; min-width:38px; } @media(max-width:900px){ .nova-router-charge-below-map{ margin:8px; width:calc(100% - 16px); } } /* NOVA AI V67.41 – lokale BNetzA-Ladepunkte + E-Charge-Auswahl */ .nova-charge-selector-title{ margin-top:10px; } .nova-charge-selector-title small{ display:block;font-size:8px;font-weight:900;letter-spacing:.08em;color:#27647e; } .nova-charge-selector-title b{ display:block;margin-top:2px;font-size:11px;color:#153750; } .nova-charge-type-grid{ display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:7px; } .nova-charge-type-grid button, .nova-charge-provider-cards button{ border:1px solid #d7e5ed;background:#fff;color:#153750;border-radius:12px; padding:9px;text-align:left;cursor:pointer;min-height:72px; } .nova-charge-type-grid button:hover, .nova-charge-provider-cards button:hover{background:#f3f9fc} .nova-charge-type-grid button.active, .nova-charge-provider-cards button.active{ border-color:#13a9bc;box-shadow:0 0 0 2px rgba(19,169,188,.12); } .nova-charge-type-grid button>span{display:block;font-size:19px;margin-bottom:3px} .nova-charge-type-grid button>b, .nova-charge-provider-cards button>b{display:block;font-size:10px} .nova-charge-type-grid button>small, .nova-charge-provider-cards button>small{display:block;margin-top:2px;font-size:8px;color:#718493} .nova-charge-provider-title{margin-top:12px} .nova-charge-provider-cards{ display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:7px; } .nova-charge-provider-cards button{ min-height:58px; font-size:14px; } .nova-charge-provider-row{margin-top:8px} .nova-router-charge-below-map .nova-router-poi-list{max-height:300px} body.dark-mode-theme .nova-charge-type-grid button, body.dark-mode .nova-charge-type-grid button, [data-theme="dark"] .nova-charge-type-grid button, body.dark-mode-theme .nova-charge-provider-cards button, body.dark-mode .nova-charge-provider-cards button, [data-theme="dark"] .nova-charge-provider-cards button{ background:#142f43!important;color:#eef8ff!important;border-color:#355b74!important; } @media(max-width:900px){ .nova-charge-type-grid,.nova-charge-provider-cards{grid-template-columns:repeat(2,1fr)} } @media(max-width:520px){ .nova-charge-type-grid,.nova-charge-provider-cards{grid-template-columns:1fr 1fr} } /* NOVA AI V67.42 – Datenschutz + direkte Kartenfilter + Legende rechts */ .nova-router-v28-map-legend{ left:auto!important; right:12px!important; bottom:12px!important; } .nova-charge-route-options{ display:grid; grid-template-columns:180px 1fr; gap:8px; align-items:end; margin-top:9px; } .nova-charge-route-options small{ display:block; font-size:8px; font-weight:900; color:#6d8291; margin-bottom:4px; } .nova-charge-route-options select{ width:100%; border:1px solid #d7e5ed; border-radius:10px; background:#fff; color:#153750; padding:8px; font-size:10px; font-weight:800; } .nova-charge-route-options button{ border:1px solid #bfe0eb; border-radius:10px; background:#edf9fb; color:#116883; padding:9px 10px; font-size:10px; font-weight:900; cursor:pointer; } .nova-charge-provider-cards button.active{ background:#eefbfc!important; border-color:#13a9bc!important; box-shadow:0 0 0 2px rgba(19,169,188,.16)!important; } body.dark-mode-theme .nova-charge-route-options select, body.dark-mode .nova-charge-route-options select, [data-theme="dark"] .nova-charge-route-options select{ background:#142f43!important; color:#eef8ff!important; border-color:#355b74!important; } body.dark-mode-theme .nova-charge-route-options button, body.dark-mode .nova-charge-route-options button, [data-theme="dark"] .nova-charge-route-options button{ background:#16384d!important; color:#dff8ff!important; border-color:#355b74!important; } @media(max-width:650px){ .nova-charge-route-options{grid-template-columns:1fr} .nova-router-v28-map-legend{right:8px!important;bottom:8px!important} } /* NOVA AI V67.43 – Tafel oben, Ladestrategie-Aktionen, Travel Links */ .nova-router-v28-map-legend-top{ position:static!important; display:grid!important; grid-template-columns:repeat(2,max-content)!important; gap:5px 14px!important; margin:0 0 10px!important; width:fit-content!important; max-width:100%!important; padding:8px 10px!important; border:1px solid #d7e5ed!important; border-radius:10px!important; background:#fff!important; box-shadow:none!important; } .nova-router-strategy-extended{align-items:flex-start!important} .nova-strategy-content,.nova-travel-content{width:100%} .nova-strategy-content textarea{ width:100%;box-sizing:border-box;margin-top:8px;resize:vertical;min-height:64px; border:1px solid #d7e5ed;border-radius:10px;padding:9px 10px;font:inherit; font-size:10px;color:#153750;background:#fff; } .nova-strategy-actions,.nova-travel-link-actions{ display:flex;gap:6px;flex-wrap:wrap;margin-top:8px; } .nova-strategy-actions button,.nova-travel-link-actions button{ border:1px solid #d7e5ed;border-radius:999px;background:#fff;color:#1268c8; padding:6px 9px;font-size:9px;font-weight:850;cursor:pointer; } .nova-strategy-actions button:hover,.nova-travel-link-actions button:hover{background:#edf7fb} .nova-router-travel-clickable{align-items:flex-start!important} body.dark-mode-theme .nova-router-v28-map-legend-top, body.dark-mode .nova-router-v28-map-legend-top, [data-theme="dark"] .nova-router-v28-map-legend-top, body.dark-mode-theme .nova-strategy-content textarea, body.dark-mode .nova-strategy-content textarea, [data-theme="dark"] .nova-strategy-content textarea, body.dark-mode-theme .nova-strategy-actions button, body.dark-mode .nova-strategy-actions button, [data-theme="dark"] .nova-strategy-actions button, body.dark-mode-theme .nova-travel-link-actions button, body.dark-mode .nova-travel-link-actions button, [data-theme="dark"] .nova-travel-link-actions button{ background:#142f43!important;color:#eef8ff!important;border-color:#355b74!important; } @media(max-width:520px){ .nova-router-v28-map-legend-top{ grid-template-columns:1fr 1fr!important; width:100%!important; box-sizing:border-box; } } /* NOVA AI V67.44 – NOVA Smart EV */ .nova-smart-ev-card{ margin-top:9px; border:1px solid #d7e5ed; border-radius:14px; padding:10px; background:linear-gradient(135deg,#fbfdfe,#f4fbfd); } .nova-smart-ev-head{ display:flex;justify-content:space-between;gap:10px;align-items:flex-start } .nova-smart-ev-head small{ display:block;font-size:9px;color:#6a8191;font-weight:900;letter-spacing:.07em } .nova-smart-ev-head b{ display:block;margin-top:2px;color:#12364f;font-size:14px } .nova-smart-ev-head>span{ border:1px solid #cfe5ef;background:#eef8fb;color:#27647e;border-radius:999px; padding:5px 7px;font-size:9px;font-weight:900 } .nova-smart-ev-modes{ display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:9px } .nova-smart-ev-modes button{ border:1px solid #d7e5ed;background:#fff;color:#153750;border-radius:11px; padding:8px;text-align:left;cursor:pointer } .nova-smart-ev-modes button span{font-size:16px;display:block;margin-bottom:2px} .nova-smart-ev-modes button b{display:block;font-size:10px} .nova-smart-ev-modes button small{display:block;font-size:8px;color:#728796;margin-top:2px} .nova-smart-ev-modes button.active{ border-color:#1268c8;background:#eef6ff;box-shadow:0 0 0 2px rgba(18,104,200,.10) } .nova-smart-ev-result{ margin-top:8px;border:1px solid #dde9f0;border-radius:11px;padding:9px;background:#fff } .nova-smart-ev-summary small{display:block;font-size:8px;color:#6f8290;font-weight:900} .nova-smart-ev-summary b{display:block;font-size:12px;color:#153750;margin-top:2px} .nova-smart-ev-summary p{font-size:9px;line-height:1.4;color:#607786;margin:4px 0 0} .nova-smart-ev-metrics{ display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:8px } .nova-smart-ev-metrics article{ border:1px solid #e2ebf0;border-radius:9px;padding:7px;background:#fbfdfe } .nova-smart-ev-metrics small{display:block;font-size:7px;color:#738694;font-weight:850} .nova-smart-ev-metrics b{display:block;font-size:10px;color:#153750;margin-top:2px} .nova-smart-ev-show{ width:100%;margin-top:7px;border:1px solid #cfe0e9;border-radius:9px;background:#edf8fb; color:#1268c8;padding:7px 9px;font-size:9px;font-weight:900;cursor:pointer } .nova-smart-ev-show:disabled{opacity:.45;cursor:default} .nova-smart-ev-note{display:block;margin-top:7px;font-size:8px;line-height:1.35;color:#728796} body.dark-mode-theme .nova-smart-ev-card, body.dark-mode .nova-smart-ev-card, [data-theme="dark"] .nova-smart-ev-card{ background:#10283b!important;border-color:#345a73!important } body.dark-mode-theme .nova-smart-ev-modes button, body.dark-mode .nova-smart-ev-modes button, [data-theme="dark"] .nova-smart-ev-modes button, body.dark-mode-theme .nova-smart-ev-result, body.dark-mode .nova-smart-ev-result, [data-theme="dark"] .nova-smart-ev-result, body.dark-mode-theme .nova-smart-ev-metrics article, body.dark-mode .nova-smart-ev-metrics article, [data-theme="dark"] .nova-smart-ev-metrics article{ background:#142f43!important;border-color:#355b74!important } body.dark-mode-theme .nova-smart-ev-head b, body.dark-mode .nova-smart-ev-head b, [data-theme="dark"] .nova-smart-ev-head b, body.dark-mode-theme .nova-smart-ev-summary b, body.dark-mode .nova-smart-ev-summary b, [data-theme="dark"] .nova-smart-ev-summary b, body.dark-mode-theme .nova-smart-ev-metrics b, body.dark-mode .nova-smart-ev-metrics b, [data-theme="dark"] .nova-smart-ev-metrics b{ color:#eef8ff!important } @media(max-width:520px){ .nova-smart-ev-modes{grid-template-columns:1fr} .nova-smart-ev-metrics{grid-template-columns:1fr 1fr} } /* NOVA AI V67.45 – Smart EV Orientierung */ .nova-smart-ev-modes button.active{ transform:translateY(-1px); box-shadow:0 0 0 2px rgba(18,104,200,.18),0 4px 10px rgba(20,65,100,.08)!important; } .nova-smart-ev-result{ transition:background .18s ease,border-color .18s ease; } .nova-smart-ev-metrics article small{ min-height:18px; } /* NOVA AI V67.46 – Smart EV Kartenfokus + Reset */ .nova-smart-ev-map-actions{ display:grid; grid-template-columns:1fr auto; gap:6px; margin-top:7px; } .nova-smart-ev-map-actions .nova-smart-ev-show{ margin-top:0; } .nova-smart-ev-reset{ border:1px solid #d7e5ed; border-radius:9px; background:#fff; color:#526f82; padding:7px 10px; font-size:9px; font-weight:900; cursor:pointer; } .nova-smart-ev-reset:hover{background:#f1f7fa} body.dark-mode-theme .nova-smart-ev-reset, body.dark-mode .nova-smart-ev-reset, [data-theme="dark"] .nova-smart-ev-reset{ background:#142f43!important; color:#eef8ff!important; border-color:#355b74!important; } @media(max-width:520px){ .nova-smart-ev-map-actions{grid-template-columns:1fr} } /* NOVA AI V67.50 – Smart EV Route + Dashboard-Version 67.5 */ .nova-smart-ev-show:not(:disabled){ background:#eaf7fb; border-color:#b9dfe9; } /* NOVA AI V67.51 – Leaflet lokal auf STRATO Leaflet CSS/JS werden aus assets/vendor/leaflet geladen. Die eigentlichen OSM-Kartenkacheln bleiben externe Kartenkacheln mit sichtbarer Attribution. */ /* NOVA AI V67.52 Smart EV Route: alle BNetzA-Ladestandorte werden als Standort zusammengefasst. Sichtbare Marke/Stationsname vor Betreiber; Betreiber bleibt im Detail sichtbar. */ /* NOVA AI V67.53 – echte Fahrmodus-Logik Smart EV = Balance Eco = Verbrauch/Kosten E-Outlander = Terrain/Reserve Moduswerte sind NOVA-Orientierungswerte. */ /* NOVA AI V67.54 – bessere Lesbarkeit kleine Schriften + Karten-Popups Ziel: - kleine Pills / Badges / Hinweise klarer lesbar - Popup auf der Karte in Hell und Dark besser kontrastiert - Provider-Filter / Status-Elemente größer und ruhiger */ /* Allgemeine Kleinschrift im Smart EV Route Bereich */ .nova-router-v28-metrics small{font-size:10px!important} .nova-router-v28-soc>div{font-size:12px!important} .nova-router-v28-note b{font-size:12px!important} .nova-router-v28-note small{font-size:11px!important;line-height:1.5!important} .nova-router-v28-sim-panel b{font-size:12px!important} .nova-router-v28-sim-panel small{font-size:11px!important;line-height:1.45!important} .nova-router-v28-legal{font-size:10px!important;line-height:1.5!important} /* Fahrzeug-Kopf / Quellen */ .nova-router-vehicle-card-head small{font-size:10px!important} .nova-router-vehicle-card-head b{font-size:16px!important;line-height:1.25!important} .nova-router-vehicle-card-head>span{ font-size:11px!important; font-weight:900!important; line-height:1.35!important; padding:7px 11px!important; background:#e6f5fb!important; border-color:#b8dceb!important; color:#104f69!important; } .nova-router-vehicle-tabs button{ font-size:10px!important; padding:7px 10px!important; } .nova-router-vehicle-values small{font-size:9px!important;line-height:1.35!important} .nova-router-vehicle-values b{font-size:13px!important;line-height:1.3!important} .nova-router-vehicle-source .verified{ font-size:10px!important; padding:5px 9px!important; } .nova-router-vehicle-source small{ font-size:10px!important; line-height:1.45!important; } .nova-router-vehicle-source a{ font-size:10px!important; font-weight:900!important; } /* Ladekosten-Karte */ .nova-router-cost-head small{font-size:10px!important} .nova-router-cost-head b{font-size:16px!important} .nova-router-cost-head>span{ font-size:10px!important; padding:6px 10px!important; } .nova-router-cost-inputs label>span{font-size:10px!important} .nova-router-price-input input{font-size:14px!important} .nova-router-price-input b{font-size:11px!important} .nova-router-cost-inputs select{font-size:13px!important} .nova-router-cost-actions button{ font-size:10px!important; padding:7px 10px!important; } .nova-router-cost-results small{font-size:9px!important} .nova-router-cost-results b{font-size:13px!important} .nova-router-cost-note{ font-size:10px!important; line-height:1.45!important; } /* Smart EV Box */ .nova-smart-ev-head small{font-size:10px!important} .nova-smart-ev-head b{font-size:16px!important} .nova-smart-ev-head>span{ font-size:10px!important; font-weight:900!important; line-height:1.35!important; padding:6px 10px!important; background:#e9f5fb!important; border-color:#bdddea!important; color:#14566f!important; } .nova-smart-ev-modes button{ min-height:78px!important; padding:9px!important; } .nova-smart-ev-modes button b{font-size:11px!important} .nova-smart-ev-modes button small{ font-size:9px!important; line-height:1.35!important; } .nova-smart-ev-summary small{font-size:9px!important} .nova-smart-ev-summary b{ font-size:14px!important; line-height:1.3!important; } .nova-smart-ev-summary p{ font-size:10px!important; line-height:1.5!important; } .nova-smart-ev-metrics small{ font-size:8px!important; line-height:1.35!important; } .nova-smart-ev-metrics b{ font-size:11px!important; line-height:1.3!important; } .nova-smart-ev-show,.nova-smart-ev-reset{ font-size:10px!important; padding:8px 11px!important; } .nova-smart-ev-note{ font-size:10px!important; line-height:1.48!important; } /* Ladearten / Anbieter */ .nova-charge-selector-title small{font-size:9px!important} .nova-charge-selector-title b{font-size:12px!important} .nova-charge-type-grid button>span{font-size:20px!important} .nova-charge-type-grid button>b, .nova-charge-provider-cards button>b{ font-size:11px!important; line-height:1.3!important; } .nova-charge-type-grid button>small, .nova-charge-provider-cards button>small{ font-size:9px!important; line-height:1.35!important; color:#5f7382!important; } .nova-charge-route-options small{ font-size:9px!important; line-height:1.35!important; } .nova-charge-route-options select{ font-size:12px!important; padding:9px 10px!important; } .nova-charge-route-options button{ font-size:11px!important; padding:9px 11px!important; } .nova-charge-provider-legend button{ font-size:10px!important; line-height:1.35!important; padding:7px 10px!important; } .nova-charge-provider-legend button b{ font-size:10px!important; padding:2px 6px!important; } .nova-charge-status-note{ font-size:10px!important; line-height:1.45!important; } .nova-router-poi-list button small{ font-size:10px!important; line-height:1.4!important; } /* Karten-Popup allgemein */ .leaflet-popup-content-wrapper{ border-radius:16px!important; border:1px solid #cfe0e9!important; box-shadow:0 12px 34px rgba(11,48,82,.18)!important; } .leaflet-popup-content{ margin:12px 14px!important; } .leaflet-popup-tip{ background:#ffffff!important; } .nova-poi-popup{ min-width:230px!important; max-width:320px!important; } .nova-poi-popup b{ font-size:14px!important; line-height:1.35!important; color:#0f3550!important; } .nova-poi-popup p{ font-size:12px!important; line-height:1.55!important; color:#43606f!important; } .nova-charge-popup-grid{ gap:6px!important; margin:9px 0!important; } .nova-charge-popup-grid span{ padding:8px!important; border-radius:10px!important; background:#f7fbfd!important; } .nova-charge-popup-grid small{ font-size:9px!important; line-height:1.3!important; color:#667d8e!important; } .nova-charge-popup-grid b{ font-size:11px!important; line-height:1.35!important; margin-top:2px!important; color:#0f3550!important; } .nova-poi-popup button{ font-size:11px!important; padding:7px 10px!important; color:#0f68c9!important; } /* Dark mode readability */ body.dark-mode-theme .nova-router-vehicle-card-head>span, body.dark-mode .nova-router-vehicle-card-head>span, [data-theme="dark"] .nova-router-vehicle-card-head>span{ background:#1f4258!important; border-color:#4f7890!important; color:#f3fbff!important; } body.dark-mode-theme .nova-router-vehicle-source .verified, body.dark-mode .nova-router-vehicle-source .verified, [data-theme="dark"] .nova-router-vehicle-source .verified{ background:#174734!important; border-color:#2e7054!important; color:#dbffe8!important; } body.dark-mode-theme .nova-router-vehicle-source small, body.dark-mode .nova-router-vehicle-source small, [data-theme="dark"] .nova-router-vehicle-source small, body.dark-mode-theme .nova-router-v28-note small, body.dark-mode .nova-router-v28-note small, [data-theme="dark"] .nova-router-v28-note small, body.dark-mode-theme .nova-router-cost-note, body.dark-mode .nova-router-cost-note, [data-theme="dark"] .nova-router-cost-note, body.dark-mode-theme .nova-smart-ev-note, body.dark-mode .nova-smart-ev-note, [data-theme="dark"] .nova-smart-ev-note{ color:#d2e3ef!important; } body.dark-mode-theme .nova-smart-ev-head>span, body.dark-mode .nova-smart-ev-head>span, [data-theme="dark"] .nova-smart-ev-head>span{ background:#203f56!important; border-color:#4f7890!important; color:#f2fbff!important; } body.dark-mode-theme .nova-charge-type-grid button>small, body.dark-mode .nova-charge-type-grid button>small, [data-theme="dark"] .nova-charge-type-grid button>small, body.dark-mode-theme .nova-charge-provider-cards button>small, body.dark-mode .nova-charge-provider-cards button>small, [data-theme="dark"] .nova-charge-provider-cards button>small, body.dark-mode-theme .nova-charge-status-note, body.dark-mode .nova-charge-status-note, [data-theme="dark"] .nova-charge-status-note{ color:#c6d8e6!important; } body.dark-mode-theme .nova-charge-provider-legend button b, body.dark-mode .nova-charge-provider-legend button b, [data-theme="dark"] .nova-charge-provider-legend button b{ background:#214863!important; color:#f1fbff!important; } body.dark-mode-theme .leaflet-popup-content-wrapper, body.dark-mode .leaflet-popup-content-wrapper, [data-theme="dark"] .leaflet-popup-content-wrapper{ background:#10283b!important; border-color:#355b74!important; color:#eef8ff!important; } body.dark-mode-theme .leaflet-popup-tip, body.dark-mode .leaflet-popup-tip, [data-theme="dark"] .leaflet-popup-tip{ background:#10283b!important; } body.dark-mode-theme .nova-poi-popup b, body.dark-mode .nova-poi-popup b, [data-theme="dark"] .nova-poi-popup b, body.dark-mode-theme .nova-charge-popup-grid b, body.dark-mode .nova-charge-popup-grid b, [data-theme="dark"] .nova-charge-popup-grid b{ color:#f0f8ff!important; } body.dark-mode-theme .nova-poi-popup p, body.dark-mode .nova-poi-popup p, [data-theme="dark"] .nova-poi-popup p, body.dark-mode-theme .nova-charge-popup-grid small, body.dark-mode .nova-charge-popup-grid small, [data-theme="dark"] .nova-charge-popup-grid small{ color:#d2e3ef!important; } body.dark-mode-theme .nova-charge-popup-grid span, body.dark-mode .nova-charge-popup-grid span, [data-theme="dark"] .nova-charge-popup-grid span{ background:#173246!important; border-color:#355b74!important; } body.dark-mode-theme .nova-poi-popup button, body.dark-mode .nova-poi-popup button, [data-theme="dark"] .nova-poi-popup button{ background:#173246!important; border-color:#355b74!important; color:#eef8ff!important; } /* Mobile */ @media(max-width:620px){ .nova-router-vehicle-card-head>span, .nova-smart-ev-head>span{ font-size:10px!important; padding:6px 9px!important; } .nova-poi-popup{ min-width:210px!important; max-width:290px!important; } } /* V70.16 – NOVA Finanzen & Future */ .nova-future-daily{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;margin:12px 0 16px;padding:18px;border:1px solid #c7c9f5;border-radius:18px;background:linear-gradient(135deg,#f4f1ff 0%,#eef8ff 48%,#effcf6 100%);box-shadow:0 10px 28px rgba(74,72,177,.10)} .nova-future-daily-icon{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;font-size:30px;background:linear-gradient(145deg,#6653c7,#18add4);box-shadow:0 8px 18px rgba(74,72,177,.22)} .nova-future-daily-copy{min-width:0}.nova-future-daily-copy>span{display:block;color:#6653c7;font-size:9px;font-weight:950;letter-spacing:.1em}.nova-future-daily-copy h3{margin:4px 0 5px;color:#132b54;font-size:18px;line-height:1.25}.nova-future-daily-copy p{margin:0;color:#49647f;font-size:12px;line-height:1.45}.nova-future-daily-copy small{display:block;margin-top:6px;color:#718198;font-size:10px;line-height:1.4} .nova-future-daily-actions{display:flex;flex-direction:column;gap:8px;min-width:190px}.nova-future-daily-actions a,.nova-future-daily-actions button{display:flex;align-items:center;justify-content:center;min-height:42px;padding:9px 13px;border-radius:11px;font-size:12px;font-weight:900;white-space:nowrap;cursor:pointer;text-decoration:none}.nova-future-graphic-open{border:1px solid #bfc8ee;background:#fff;color:#5547b8}.nova-future-report-open{background:linear-gradient(100deg,#6653c7,#18add4);color:#fff!important;border:1px solid transparent}.nova-future-daily-actions a:hover,.nova-future-daily-actions button:hover{transform:translateY(-1px)} body.dark-mode .nova-future-daily,body.dark-mode-theme .nova-future-daily,html[data-theme="dark"] .nova-future-daily{background:linear-gradient(135deg,#211e46,#102d4c 52%,#103b35);border-color:#565d94}.dark-mode .nova-future-daily-copy h3,body.dark-mode-theme .nova-future-daily-copy h3,html[data-theme="dark"] .nova-future-daily-copy h3{color:#f6f8ff}.dark-mode .nova-future-daily-copy p,body.dark-mode-theme .nova-future-daily-copy p,html[data-theme="dark"] .nova-future-daily-copy p{color:#cad8e8}.dark-mode .nova-future-daily-copy small,body.dark-mode-theme .nova-future-daily-copy small,html[data-theme="dark"] .nova-future-daily-copy small{color:#aebdd0}.dark-mode .nova-future-graphic-open,body.dark-mode-theme .nova-future-graphic-open,html[data-theme="dark"] .nova-future-graphic-open{background:#182d49;color:#d8d4ff;border-color:#555f8c} @media(max-width:760px){.nova-future-daily{grid-template-columns:auto minmax(0,1fr)}.nova-future-daily-actions{grid-column:1/-1;flex-direction:row;min-width:0}.nova-future-daily-actions a,.nova-future-daily-actions button{flex:1}.nova-future-daily-icon{width:50px;height:50px;font-size:26px}.nova-future-daily-copy h3{font-size:16px}} @media(max-width:460px){.nova-future-daily{grid-template-columns:1fr;text-align:center}.nova-future-daily-icon{margin:auto}.nova-future-daily-actions{flex-direction:column}.nova-future-daily-copy>span{font-size:8px}} /* V70.19 – NOVA Kosten & Haushalt · Raten-Transparenz */ .nova-costs{--cost-blue:#1267a5;--cost-green:#169b73;--cost-ink:#17324d;--cost-muted:#667e91;--cost-line:#d8e4ec;max-width:1050px;margin:auto;color:var(--cost-ink)} .nova-costs-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:20px;border-radius:22px;background:linear-gradient(135deg,#edf8ff,#effcf7);border:1px solid #c9e2ec}.nova-costs-hero-icon{width:64px;height:64px;border-radius:19px;display:grid;place-items:center;font-size:33px;background:linear-gradient(145deg,#1267a5,#19a974);box-shadow:0 10px 25px #1267a52a}.nova-costs-hero h2{margin:3px 0 6px;font-size:25px}.nova-costs-hero p{margin:0;color:var(--cost-muted);line-height:1.5}.nova-costs-privacy{padding:8px 11px;border-radius:999px;background:#fff;border:1px solid #bcded2;color:#157557;font-size:11px;font-weight:900;white-space:nowrap} .nova-cost-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:15px 0}.nova-cost-tabs button{min-height:46px;border:1px solid var(--cost-line);border-radius:13px;background:#fff;color:#34516a;font-weight:850;cursor:pointer}.nova-cost-tabs button.active{background:linear-gradient(100deg,#1267a5,#18a47d);color:#fff;border-color:transparent;box-shadow:0 7px 18px #1267a526}.nova-cost-panel{display:none}.nova-cost-panel.active{display:block} .nova-costs-start{display:flex;justify-content:space-between;gap:20px;align-items:end;padding:16px 4px}.nova-costs-start h3{margin:3px 0 4px}.nova-costs-start p{margin:0;color:var(--cost-muted)}.nova-cost-household{display:grid;gap:5px;font-weight:800}.nova-cost-household input{width:100px;padding:10px;border:1px solid var(--cost-line);border-radius:10px;font:inherit} .nova-cost-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.nova-cost-input{display:block;padding:12px;border:1px solid var(--cost-line);border-radius:14px;background:#fff}.nova-cost-input>span{display:block;font-weight:850;font-size:12px}.nova-cost-input>small{display:block;color:#8293a1;font-size:9px;margin:2px 0 8px;text-transform:uppercase;letter-spacing:.06em}.nova-cost-input>div{display:flex;align-items:center;gap:6px}.nova-cost-input input{min-width:0;width:100%;border:0;background:#f4f8fb;padding:10px;border-radius:9px;font-size:17px;font-weight:800;color:var(--cost-ink);outline:none}.nova-cost-input input:focus{box-shadow:0 0 0 2px #1267a53d}.nova-cost-input b{color:#6c8192} .nova-cost-action-row{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.nova-cost-result{margin-top:12px}.nova-cost-empty{display:grid;place-items:center;text-align:center;min-height:165px;padding:20px;border:1px dashed #bfd1dd;border-radius:17px;background:#f8fbfd}.nova-cost-empty span{font-size:35px}.nova-cost-empty b{margin:7px 0}.nova-cost-empty small{color:var(--cost-muted)} .nova-cost-status{display:flex;gap:12px;align-items:center;padding:14px;border-radius:15px;margin-bottom:10px}.nova-cost-status>span{font-size:30px}.nova-cost-status small{font-size:9px;font-weight:900;letter-spacing:.08em}.nova-cost-status b{display:block;font-size:18px}.nova-cost-status p{margin:2px 0 0;font-size:10px;color:#587083}.nova-cost-status.green{background:#ebf9f3;border:1px solid #b9e8d4}.nova-cost-status.yellow{background:#fff8dd;border:1px solid #f0dda0}.nova-cost-status.orange{background:#fff0df;border:1px solid #efca9a}.nova-cost-status.red{background:#fff0f0;border:1px solid #efb9b9} .nova-cost-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.nova-cost-kpis article,.nova-cost-ratios article{padding:13px;border:1px solid var(--cost-line);border-radius:13px;background:#fff}.nova-cost-kpis small{display:block;font-size:9px;font-weight:900;color:#74899a;letter-spacing:.07em}.nova-cost-kpis b{display:block;font-size:20px;margin:4px 0}.nova-cost-kpis span{font-size:10px;color:#75899a}.nova-cost-kpis .negative{border-color:#efb9b9;background:#fff5f5}.nova-cost-kpis .negative b{color:#bc3540}.nova-cost-kpis .positive b{color:#137c5d}.nova-cost-ratios{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:9px}.nova-cost-ratios span{display:block;font-size:11px;color:#71879a}.nova-cost-ratios b{font-size:15px}.nova-cost-alert,.nova-cost-positive-note{margin-top:10px;padding:13px 15px;border-radius:13px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.nova-cost-alert{background:#fff1f1;border:1px solid #edc0c0}.nova-cost-positive-note{background:#eef9f5;border:1px solid #bee6d7}.nova-cost-alert span,.nova-cost-positive-note span{flex:1;min-width:220px;font-size:11px}.nova-cost-alert button,.nova-cost-positive-note button{border:0;background:transparent;color:#1267a5;font-weight:900;cursor:pointer} .nova-costs-callout,.nova-costs-help-hero{display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:16px;background:linear-gradient(135deg,#eff7ff,#f1fbf7);border:1px solid #cfe1eb}.nova-costs-callout>span,.nova-costs-help-hero>span{font-size:30px}.nova-costs-callout b{font-size:17px}.nova-costs-callout p,.nova-costs-help-hero p{margin:4px 0 0;color:var(--cost-muted);line-height:1.5}.nova-costs-help-hero h3{margin:3px 0} .nova-cost-scenarios{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.nova-cost-scenarios button{padding:14px;border-radius:14px;border:1px solid var(--cost-line);background:#fff;cursor:pointer}.nova-cost-scenarios b{display:block;font-size:21px}.nova-cost-scenarios span{font-size:10px;color:#708597}.nova-cost-scenarios button.active{border-color:#168d70;background:#effbf7;box-shadow:inset 0 0 0 1px #168d70}.nova-cost-optimize-result{padding:16px;border:1px solid var(--cost-line);border-radius:16px;background:#fff}.nova-cost-opt-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.nova-cost-opt-summary>div{padding:12px;background:#f5f9fb;border-radius:11px}.nova-cost-opt-summary small{display:block;font-size:8px;font-weight:900;color:#74889a}.nova-cost-opt-summary b{display:block;margin-top:4px}.nova-cost-plan-note{color:var(--cost-muted);font-size:11px}.nova-cost-biggest>span{font-size:10px;font-weight:900;color:#698095}.nova-cost-biggest article{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #edf1f4}.nova-cost-biggest em{font-style:normal;font-weight:850}.nova-costs-priority{margin-top:13px}.nova-cost-priority-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.nova-cost-priority-grid article{padding:12px;border:1px solid var(--cost-line);border-radius:12px}.nova-cost-priority-grid b,.nova-cost-priority-grid span{display:block}.nova-cost-priority-grid span{font-size:11px;color:var(--cost-muted);margin-top:4px} .nova-cost-help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:13px 0}.nova-cost-help-grid a,.nova-cost-help-grid button{appearance:none;text-decoration:none;text-align:left;padding:15px;border:1px solid var(--cost-line);border-radius:15px;background:#fff;color:var(--cost-ink);cursor:pointer;font:inherit}.nova-cost-help-grid a:hover,.nova-cost-help-grid button:hover{transform:translateY(-1px);box-shadow:0 7px 18px #17324d12}.nova-cost-help-grid span{display:block;font-size:26px}.nova-cost-help-grid b{display:block;margin:6px 0 3px}.nova-cost-help-grid small{display:block;min-height:33px;color:var(--cost-muted);line-height:1.4}.nova-cost-help-grid em{display:block;margin-top:8px;font-style:normal;font-size:10px;font-weight:900;color:#1267a5}.nova-cost-danger{padding:14px;border-radius:14px;background:#fff7e8;border:1px solid #efd8a5}.nova-cost-danger p{margin:4px 0 0;color:#6c624f;font-size:11px}.nova-cost-emergency{margin-top:12px;padding:14px;border:1px solid var(--cost-line);border-radius:14px}.nova-cost-emergency h3{margin-top:0}.nova-cost-emergency li{margin:6px 0;color:#536b7e}.nova-cost-benefit-grid{grid-template-columns:repeat(2,1fr)} .nova-costs-footer{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:16px;padding:12px 0;border-top:1px solid var(--cost-line)}.nova-costs-footer>span{font-size:10px;color:var(--cost-muted);max-width:630px}.nova-costs-footer>div{display:flex;gap:8px}.nova-costs-tile{background:linear-gradient(150deg,#effcff,#f1fff8)!important;border-color:#bfe4d8!important} body.dark-mode .nova-costs,body.dark-mode-theme .nova-costs,html[data-theme="dark"] .nova-costs{--cost-ink:#edf6fb;--cost-muted:#aec2d1;--cost-line:#385366}.dark-mode .nova-costs-hero,body.dark-mode-theme .nova-costs-hero,html[data-theme="dark"] .nova-costs-hero,.dark-mode .nova-costs-callout,.dark-mode .nova-costs-help-hero{background:linear-gradient(135deg,#142b3f,#163a35);border-color:#385b66}.dark-mode .nova-cost-input,.dark-mode .nova-cost-kpis article,.dark-mode .nova-cost-ratios article,.dark-mode .nova-cost-optimize-result,.dark-mode .nova-cost-help-grid a,.dark-mode .nova-cost-help-grid button,.dark-mode .nova-cost-scenarios button,.dark-mode .nova-cost-priority-grid article,.dark-mode .nova-cost-emergency{background:#13293b;border-color:#385366;color:#edf6fb}.dark-mode .nova-cost-input input,.dark-mode .nova-cost-opt-summary>div{background:#0e2232;color:#fff}.dark-mode .nova-cost-tabs button{background:#13293b;color:#d6e5ef;border-color:#385366}.dark-mode .nova-cost-status.green,.dark-mode .nova-cost-positive-note{background:#13372f;border-color:#286451}.dark-mode .nova-cost-status.yellow{background:#3a3420;border-color:#665b33}.dark-mode .nova-cost-status.orange{background:#3b2c20;border-color:#6b5036}.dark-mode .nova-cost-status.red,.dark-mode .nova-cost-alert{background:#3a2226;border-color:#6d3d45}.dark-mode .nova-cost-danger{background:#372f20;border-color:#675936;color:#f6e6bf} @media(max-width:800px){.nova-costs-hero{grid-template-columns:auto 1fr}.nova-costs-privacy{grid-column:1/-1;justify-self:start}.nova-cost-grid{grid-template-columns:repeat(2,1fr)}.nova-cost-kpis,.nova-cost-ratios{grid-template-columns:repeat(2,1fr)}.nova-cost-help-grid{grid-template-columns:1fr}.nova-cost-benefit-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:560px){.nova-costs-hero{grid-template-columns:1fr;text-align:center}.nova-costs-hero-icon{margin:auto}.nova-costs-privacy{justify-self:center}.nova-cost-tabs{grid-template-columns:repeat(2,1fr)}.nova-costs-start{display:block}.nova-cost-household{margin-top:12px}.nova-cost-grid{grid-template-columns:1fr}.nova-cost-kpis,.nova-cost-ratios,.nova-cost-opt-summary,.nova-cost-priority-grid,.nova-cost-benefit-grid{grid-template-columns:1fr}.nova-costs-footer{display:block}.nova-costs-footer>div{margin-top:10px}.nova-costs-footer .btn{flex:1}.nova-cost-action-row .btn{flex:1 1 140px}} /* V70.18 – Kosten & Haushalt Detailstruktur */ .nova-cost-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 22px} .nova-cost-category{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;align-items:center;padding:16px;border:1px solid rgba(94,186,255,.22);border-radius:16px;background:linear-gradient(145deg,rgba(14,55,87,.82),rgba(8,35,58,.88));box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:.2s ease} .nova-cost-category:hover,.nova-cost-category.has-items{border-color:rgba(45,207,169,.48);transform:translateY(-1px)} .nova-cost-category-head{display:flex;align-items:center;gap:11px;min-width:0}.nova-cost-category-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(18,139,190,.16);border:1px solid rgba(91,213,255,.18);font-size:21px;flex:0 0 auto}.nova-cost-category-head div{min-width:0}.nova-cost-category-head b{display:block;color:#eff8ff;font-size:15px;line-height:1.2}.nova-cost-category-head small{display:block;margin-top:4px;color:#8eb0c8;font-size:11px}.nova-cost-category-total{text-align:right}.nova-cost-category-total strong{display:block;color:#9ef0c4;font-size:18px}.nova-cost-category-total small{color:#789bb4;font-size:10px}.nova-cost-category-meta{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid rgba(127,194,225,.12)}.nova-cost-category-meta span{color:#93aec0;font-size:11px}.nova-cost-category-meta button{border:0;background:transparent;color:#73d6ff;font-weight:800;font-size:12px;cursor:pointer;padding:4px 0}.nova-cost-category-meta button:hover{color:#b5edff} body.nova-cost-detail-open{overflow:hidden}.nova-cost-detail-overlay[hidden]{display:none!important}.nova-cost-detail-overlay{position:fixed;inset:0;z-index:999999;background:rgba(2,12,24,.82);backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px}.nova-cost-detail-dialog{width:min(860px,96vw);max-height:92vh;overflow:auto;border-radius:20px;background:linear-gradient(180deg,#0a2941,#071e31);border:1px solid rgba(90,201,255,.34);box-shadow:0 30px 90px rgba(0,0,0,.55);color:#eaf7ff}.nova-cost-detail-dialog>header{position:sticky;top:0;z-index:4;display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:20px 22px 16px;background:rgba(7,30,49,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(96,188,229,.16)}.nova-cost-detail-dialog>header h3{margin:4px 0 5px;font-size:22px}.nova-cost-detail-dialog>header p{margin:0;color:#96b5c9;font-size:12px}.nova-cost-detail-close{width:38px;height:38px;border-radius:12px;border:1px solid rgba(122,199,232,.22);background:rgba(255,255,255,.05);color:#fff;font-size:25px;cursor:pointer}.nova-cost-detail-total{display:grid;grid-template-columns:1fr auto;gap:2px 20px;align-items:end;margin:16px 22px 0;padding:14px 16px;border-radius:14px;background:linear-gradient(90deg,rgba(31,166,134,.15),rgba(23,111,168,.11));border:1px solid rgba(75,213,171,.22)}.nova-cost-detail-total span{font-size:11px;color:#93b4c8;font-weight:800;letter-spacing:.04em}.nova-cost-detail-total strong{grid-row:1/3;grid-column:2;font-size:24px;color:#9cf0bf}.nova-cost-detail-total small{font-size:11px;color:#7fa1b8}.nova-cost-entry-list{padding:16px 22px 4px;display:grid;gap:10px}.nova-cost-entry{border:1px solid rgba(95,171,205,.18);border-radius:14px;background:rgba(255,255,255,.035);overflow:hidden}.nova-cost-entry.arrears{border-color:rgba(255,116,93,.5);box-shadow:inset 4px 0 0 rgba(255,91,71,.7)}.nova-cost-entry-main{display:flex;justify-content:space-between;gap:16px;padding:13px 14px}.nova-cost-entry-main b{display:block;font-size:14px}.nova-cost-entry-main small{display:block;margin-top:4px;color:#8dacbf;font-size:11px}.nova-cost-entry-main em{display:block;margin-top:5px;color:#f4bd79;font-style:normal;font-size:10px}.nova-cost-entry-main strong{font-size:16px;color:#b3f4cc;text-align:right;white-space:nowrap}.nova-cost-entry-main strong small{font-size:9px}.nova-cost-entry-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end;padding:8px 12px;background:rgba(1,13,24,.25);border-top:1px solid rgba(94,162,193,.1)}.nova-cost-entry-actions span{margin-right:auto;color:#6f93a8;font-size:10px}.nova-cost-entry-actions button{border:0;background:transparent;color:#87d9ff;font-size:11px;font-weight:700;cursor:pointer}.nova-cost-entry-actions button:last-child{color:#ff9a91}.nova-cost-entry-empty{display:grid;place-items:center;text-align:center;padding:24px;border:1px dashed rgba(111,180,211,.28);border-radius:14px;color:#83a4b8}.nova-cost-entry-empty span{font-size:26px}.nova-cost-entry-empty b{margin-top:6px;color:#d9edf8}.nova-cost-entry-empty small{margin-top:4px} .nova-cost-add-box{margin:12px 22px 22px;padding:18px;border-radius:17px;background:rgba(6,24,39,.58);border:1px solid rgba(89,183,224,.2)}.nova-cost-add-box h4{margin:0 0 14px;font-size:16px}.nova-cost-preset-wrap>span{display:block;color:#8facbf;font-size:11px;font-weight:800;margin-bottom:7px}.nova-cost-preset-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}.nova-cost-preset-chips button{border:1px solid rgba(83,182,224,.25);border-radius:999px;padding:7px 10px;background:rgba(27,92,126,.22);color:#d9f2ff;font-size:11px;cursor:pointer}.nova-cost-preset-chips button:hover{border-color:#53c7ef;background:rgba(43,130,166,.32)}.nova-cost-preset-chips button.custom{border-style:dashed;color:#9ff2c3}.nova-cost-add-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.nova-cost-add-grid label{display:grid;gap:6px}.nova-cost-add-grid label.wide{grid-column:1/-1}.nova-cost-add-grid label>span{font-size:10px;font-weight:800;color:#8facbf;letter-spacing:.03em}.nova-cost-add-grid input,.nova-cost-add-grid select{width:100%;min-height:42px;border:1px solid rgba(104,174,205,.28);border-radius:11px;background:#061c2d;color:#edf8ff;padding:9px 11px;outline:none}.nova-cost-add-grid input:focus,.nova-cost-add-grid select:focus{border-color:#37bce9;box-shadow:0 0 0 3px rgba(55,188,233,.12)}.nova-cost-money-input{display:flex;align-items:center;border:1px solid rgba(104,174,205,.28);border-radius:11px;background:#061c2d;overflow:hidden}.nova-cost-money-input input{border:0!important;border-radius:0!important;background:transparent!important}.nova-cost-money-input b{padding:0 11px;color:#8bb2c8}.nova-cost-oneoff-option{padding:10px;border-radius:11px;background:rgba(244,177,74,.07)}.nova-cost-debt-fields{margin-top:13px;padding-top:13px;border-top:1px solid rgba(236,170,79,.22)}.nova-cost-check{display:flex!important;grid-column:1/-1;flex-direction:row!important;align-items:center;gap:9px;margin-top:10px;padding:10px;border-radius:10px;background:rgba(255,91,71,.08);color:#ffb0a6;font-size:12px}.nova-cost-check input{width:auto!important;min-height:auto!important}.nova-cost-add-actions{display:flex;gap:8px;margin-top:14px}.nova-cost-detail-dialog>footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;padding:12px 22px 16px;background:rgba(7,30,49,.96);border-top:1px solid rgba(96,188,229,.14)} @media(max-width:760px){.nova-cost-category-grid{grid-template-columns:1fr}.nova-cost-category{padding:14px}.nova-cost-detail-overlay{padding:0;place-items:end center}.nova-cost-detail-dialog{width:100%;max-height:94vh;border-radius:20px 20px 0 0}.nova-cost-detail-dialog>header{padding:16px}.nova-cost-detail-total,.nova-cost-entry-list,.nova-cost-add-box{margin-left:14px;margin-right:14px}.nova-cost-entry-list{padding-left:0;padding-right:0}.nova-cost-add-grid{grid-template-columns:1fr}.nova-cost-add-grid label.wide{grid-column:auto}.nova-cost-entry-main{flex-direction:column}.nova-cost-entry-main strong{text-align:left}.nova-cost-entry-actions{flex-wrap:wrap}.nova-cost-entry-actions span{width:100%;margin-right:0}.nova-cost-detail-total strong{font-size:20px}} /* V70.19 – Raten-/Schulden-Transparenz */ .nova-cost-debt-insight{margin:12px 22px 0;padding:16px;border-radius:16px;border:1px solid rgba(244,177,74,.34);background:linear-gradient(135deg,rgba(244,177,74,.10),rgba(91,157,255,.08));color:#eaf7ff} .nova-cost-debt-insight-head,.nova-cost-debt-summary-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.nova-cost-debt-insight-head small,.nova-cost-debt-summary-head small{display:block;color:#f4bd79;font-size:9px;font-weight:900;letter-spacing:.08em}.nova-cost-debt-insight-head b,.nova-cost-debt-summary-head b{display:block;margin-top:3px;font-size:15px}.nova-cost-debt-insight-head>span,.nova-cost-debt-summary-head>span{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.06);color:#a8c7da;font-size:9px;white-space:nowrap}.nova-cost-debt-insight-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.nova-cost-debt-insight-kpis article{padding:11px;border-radius:11px;background:rgba(2,16,27,.32);border:1px solid rgba(130,190,218,.12)}.nova-cost-debt-insight-kpis small{display:block;color:#89a9bd;font-size:8px;font-weight:900}.nova-cost-debt-insight-kpis b{display:block;margin-top:4px;font-size:16px;color:#fff}.nova-cost-debt-insight-kpis span{display:block;margin-top:2px;color:#8daabc;font-size:9px}.nova-cost-debt-insight>p,.nova-cost-debt-insight-empty p{margin:8px 0;color:#a9c1d1;font-size:11px;line-height:1.5}.nova-cost-debt-ratio-line{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-top:1px solid rgba(246,189,121,.14);font-size:11px}.nova-cost-debt-ratio-line b{color:#f8c980}.nova-cost-debt-whatif{margin-top:8px;padding:11px;border-radius:11px;background:rgba(45,207,169,.09);border:1px solid rgba(45,207,169,.22)}.nova-cost-debt-whatif span,.nova-cost-debt-whatif b,.nova-cost-debt-whatif small{display:block}.nova-cost-debt-whatif span{color:#9fc5b8;font-size:10px}.nova-cost-debt-whatif b{margin:4px 0;color:#9ff0c5;font-size:14px}.nova-cost-debt-whatif small{color:#8ba7b8;font-size:9px;line-height:1.45}.nova-cost-debt-arrears-note{margin-top:9px;padding:9px 10px;border-radius:10px;background:rgba(255,91,71,.10);color:#ffb3aa;font-size:10px;line-height:1.45}.nova-cost-check-consumer{background:rgba(91,157,255,.08)!important;color:#b9d9ff!important}.nova-cost-debt-summary{margin-top:10px;padding:15px;border-radius:14px;border:1px solid #e8c58f;background:linear-gradient(135deg,#fff8ea,#f3f8ff)}.nova-cost-debt-summary-head small{color:#ae6d21}.nova-cost-debt-summary-head>span{background:#fff;color:#6a7e90;border:1px solid #e1e9ef}.nova-cost-debt-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:11px 0}.nova-cost-debt-summary-grid article{padding:11px;border-radius:10px;background:#fff;border:1px solid #e1e9ef}.nova-cost-debt-summary-grid small{display:block;color:#74899a;font-size:8px;font-weight:900}.nova-cost-debt-summary-grid b{display:block;margin:4px 0;color:#17324d;font-size:16px}.nova-cost-debt-summary-grid span{display:block;color:#7a8c9c;font-size:9px}.nova-cost-debt-summary>p{margin:0;color:#64798b;font-size:10px;line-height:1.45} @media(max-width:760px){.nova-cost-debt-insight-kpis,.nova-cost-debt-summary-grid{grid-template-columns:repeat(2,1fr)}.nova-cost-debt-insight-head,.nova-cost-debt-summary-head{display:block}.nova-cost-debt-insight-head>span,.nova-cost-debt-summary-head>span{display:inline-block;margin-top:7px}} @media(max-width:440px){.nova-cost-debt-insight-kpis,.nova-cost-debt-summary-grid{grid-template-columns:1fr}.nova-cost-debt-insight{margin-left:14px;margin-right:14px}} /* ========================================================= NOVA AI V70.21 — NOVA Karaoke ========================================================= */ .nova-karaoke{display:grid;gap:16px} .nova-karaoke-hero{ display:flex;gap:16px;align-items:center;padding:18px;border-radius:22px; background:linear-gradient(135deg,rgba(117,49,221,.16),rgba(0,185,224,.14)); border:1px solid rgba(120,147,255,.24) } .nova-karaoke-mic{ width:68px;height:68px;display:grid;place-items:center;flex:0 0 auto; border-radius:20px;font-size:34px; background:linear-gradient(135deg,#7847e8,#17b8d4); box-shadow:0 12px 30px rgba(71,76,210,.22) } .nova-karaoke-hero h2{margin:.1rem 0 .35rem} .nova-karaoke-hero p{margin:0;max-width:760px} .nova-karaoke-actions{ display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end } .nova-karaoke-search{display:grid;gap:7px;font-weight:700} .nova-karaoke-search>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px} .nova-karaoke-search input{ width:100%;min-height:46px;border-radius:14px;padding:0 14px; border:1px solid var(--border,rgba(90,120,160,.25));background:var(--surface,#fff);color:var(--text,#122036) } .nova-karaoke-quick{display:flex;gap:8px;flex-wrap:wrap} .nova-karaoke-genres{display:flex;gap:8px;flex-wrap:wrap;overflow:visible} .nova-karaoke-genres button{border-radius:999px} .nova-karaoke-info{ display:flex;gap:10px;flex-wrap:wrap;font-size:.84rem;color:var(--muted,#617087) } .nova-karaoke-info span{ padding:8px 10px;border-radius:999px;background:rgba(75,114,195,.08);border:1px solid rgba(75,114,195,.12) } .nova-karaoke-grid{ display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px } .nova-karaoke-card{ min-width:0;padding:15px;border-radius:18px; background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(241,247,255,.95)); border:1px solid rgba(82,111,170,.16);box-shadow:0 8px 24px rgba(20,45,90,.08) } .nova-karaoke-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px} .nova-karaoke-song-icon{font-size:22px} .nova-karaoke-genre{ font-size:.73rem;font-weight:800;padding:5px 8px;border-radius:999px;color:#5b3ec8;background:#eee9ff } .nova-karaoke-card h3{margin:12px 0 4px;font-size:1rem} .nova-karaoke-card p{margin:0 0 12px;color:var(--muted,#66758a)} .nova-karaoke-card-actions{display:flex;gap:7px;align-items:center} .nova-karaoke-fav{min-width:40px;font-size:20px;padding-inline:9px} .nova-karaoke-fav.active,#novaKaraokeFavToggle.active{background:#fff1bf;border-color:#f2c84c;color:#6b5100} .nova-karaoke-tile,.nova-karaoke-sidebar{ background-image:linear-gradient(145deg,rgba(112,62,225,.13),rgba(0,190,215,.11)) } .nova-music-originals{ display:flex;align-items:center;justify-content:space-between;gap:14px; margin:12px 0 16px;padding:13px 14px;border-radius:16px; background:linear-gradient(135deg,rgba(255,25,70,.08),rgba(69,93,220,.10)); border:1px solid rgba(74,101,200,.16) } .nova-music-originals>div{display:flex;align-items:center;gap:11px;min-width:0} .nova-music-originals-icon{ width:42px;height:42px;display:grid;place-items:center;border-radius:13px; color:#fff;background:linear-gradient(135deg,#ff1748,#d30028);flex:0 0 auto } .nova-music-originals b,.nova-music-originals small{display:block} .nova-music-originals small{margin-top:2px;color:var(--muted,#65738a)} html[data-theme="dark"] .nova-karaoke-card, body.dark .nova-karaoke-card{ background:linear-gradient(145deg,rgba(15,34,58,.98),rgba(12,27,48,.96)); border-color:rgba(88,154,214,.20) } html[data-theme="dark"] .nova-karaoke-search input, body.dark .nova-karaoke-search input{background:#0d2037;color:#edf7ff;border-color:rgba(106,163,215,.28)} @media(max-width:760px){ .nova-karaoke-actions{grid-template-columns:1fr} .nova-karaoke-search>div{grid-template-columns:1fr} .nova-karaoke-grid{grid-template-columns:1fr 1fr} .nova-music-originals{align-items:stretch;flex-direction:column} } @media(max-width:480px){ .nova-karaoke-grid{grid-template-columns:1fr} .nova-karaoke-hero{align-items:flex-start} .nova-karaoke-mic{width:54px;height:54px;font-size:28px;border-radius:16px} } /* ========================================================= NOVA AI V70.29 — Kosten & Haushalt · Light/Dark Typography & Contrast ========================================================= */ .nova-costs{ --kh-bg:#ffffff; --kh-surface:#ffffff; --kh-surface-soft:#f5f9fc; --kh-card:#f7fbfe; --kh-card-2:#edf6fb; --kh-text:#102b46; --kh-text-strong:#071d33; --kh-text-soft:#4f687d; --kh-text-muted:#71869a; --kh-border:#d6e4ee; --kh-accent:#0879bd; --kh-accent-2:#10996f; --kh-link:#087fbe; --kh-positive:#0e7958; --kh-input:#ffffff; --kh-shadow:0 8px 22px rgba(25,61,92,.08); color:var(--kh-text)!important; } /* Entire costs area: readable typography in light mode */ .nova-costs, .nova-costs h1,.nova-costs h2,.nova-costs h3,.nova-costs h4,.nova-costs h5,.nova-costs h6, .nova-costs b,.nova-costs strong,.nova-costs label,.nova-costs legend{ color:var(--kh-text-strong); } .nova-costs p,.nova-costs small,.nova-costs span,.nova-costs em{ color:var(--kh-text-soft); } .nova-costs .eyebrow{color:#086eb0!important;font-weight:900!important;letter-spacing:.12em} /* Hero / intro */ .nova-costs .nova-costs-hero{ background:linear-gradient(135deg,#eef9ff 0%,#f1fcf8 100%)!important; border-color:#c8e1ea!important; color:var(--kh-text)!important; } .nova-costs .nova-costs-hero h2{color:var(--kh-text-strong)!important} .nova-costs .nova-costs-hero p{color:#3f5f78!important} .nova-costs .nova-costs-privacy{background:#fff!important;color:#0d7254!important;border-color:#b9dfd1!important} /* Tabs */ .nova-costs .nova-cost-tabs button{ background:#fff!important;color:#173a57!important;border-color:var(--kh-border)!important; } .nova-costs .nova-cost-tabs button.active{ background:linear-gradient(100deg,#0e72ad,#17a77c)!important;color:#fff!important;border-color:transparent!important; } /* Step intro and household count */ .nova-costs .nova-costs-start h3,.nova-costs .nova-cost-household{color:var(--kh-text-strong)!important} .nova-costs .nova-costs-start p{color:#4d677c!important} .nova-costs .nova-cost-household input{background:#fff!important;color:#0b2740!important;border-color:var(--kh-border)!important} /* Category cards — LIGHT MODE */ .nova-costs .nova-cost-category{ background:linear-gradient(145deg,#f9fcff 0%,#edf6fb 100%)!important; border-color:#c8dfea!important; box-shadow:var(--kh-shadow)!important; } .nova-costs .nova-cost-category:hover,.nova-costs .nova-cost-category.has-items{border-color:#68c5aa!important} .nova-costs .nova-cost-category-icon{background:#e8f5fb!important;border-color:#c4e4f2!important;color:#123e59!important} .nova-costs .nova-cost-category-head b{color:#0a2943!important;font-weight:850!important} .nova-costs .nova-cost-category-head small{color:#60798e!important} .nova-costs .nova-cost-category-total strong{color:#0a7958!important;font-weight:900!important} .nova-costs .nova-cost-category-total small{color:#637d92!important} .nova-costs .nova-cost-category-meta{border-top-color:#d8e7ef!important} .nova-costs .nova-cost-category-meta span{color:#607b90!important} .nova-costs .nova-cost-category-meta button{color:#087fbe!important;font-weight:900!important} .nova-costs .nova-cost-category-meta button:hover{color:#045f91!important} /* General cards / KPI / optimize / help / services */ .nova-costs .nova-cost-input, .nova-costs .nova-cost-kpis article,.nova-costs .nova-cost-ratios article, .nova-costs .nova-cost-optimize-result,.nova-costs .nova-cost-scenarios button, .nova-costs .nova-costs-callout,.nova-costs .nova-costs-help-hero, .nova-costs .nova-cost-debt-summary{ color:var(--kh-text)!important; } .nova-costs .nova-cost-input,.nova-costs .nova-cost-kpis article,.nova-costs .nova-cost-ratios article, .nova-costs .nova-cost-optimize-result,.nova-costs .nova-cost-scenarios button{ background:#fff!important;border-color:var(--kh-border)!important; } .nova-costs .nova-cost-input>span,.nova-costs .nova-cost-kpis b,.nova-costs .nova-cost-ratios b, .nova-costs .nova-cost-optimize-result b,.nova-costs .nova-cost-scenarios b{color:var(--kh-text-strong)!important} .nova-costs .nova-cost-input>small,.nova-costs .nova-cost-kpis small,.nova-costs .nova-cost-kpis span, .nova-costs .nova-cost-ratios span,.nova-costs .nova-cost-scenarios span,.nova-costs .nova-cost-plan-note{color:#657e92!important} .nova-costs .nova-cost-input input,.nova-costs input,.nova-costs select,.nova-costs textarea{ color:#102b46!important; } .nova-costs .nova-cost-input input{background:#f1f6fa!important} /* Light detail popup */ .nova-costs .nova-cost-detail-overlay{background:rgba(11,29,45,.48)!important} .nova-costs .nova-cost-detail-dialog{ background:linear-gradient(180deg,#ffffff,#f4f9fc)!important; border-color:#c9e0eb!important; color:#102b46!important; box-shadow:0 28px 80px rgba(18,48,71,.28)!important; } .nova-costs .nova-cost-detail-dialog>header{ background:rgba(255,255,255,.96)!important;border-bottom-color:#d8e7ef!important; } .nova-costs .nova-cost-detail-dialog>header h3{color:#0a2943!important} .nova-costs .nova-cost-detail-dialog>header p{color:#58758b!important} .nova-costs .nova-cost-detail-close{background:#f4f8fb!important;color:#173a57!important;border-color:#cfdee8!important} .nova-costs .nova-cost-detail-total{background:linear-gradient(90deg,#eefaf5,#eef7fd)!important;border-color:#cbe6da!important} .nova-costs .nova-cost-detail-total span,.nova-costs .nova-cost-detail-total small{color:#607a90!important} .nova-costs .nova-cost-detail-total strong{color:#0b7959!important} .nova-costs .nova-cost-entry{background:#fff!important;border-color:#d5e4ed!important} .nova-costs .nova-cost-entry-main b{color:#102b46!important} .nova-costs .nova-cost-entry-main small{color:#637d91!important} .nova-costs .nova-cost-entry-main em{color:#a16619!important} .nova-costs .nova-cost-entry-main strong{color:#0b7959!important} .nova-costs .nova-cost-entry-actions{background:#f4f8fb!important;border-top-color:#dce8ef!important} .nova-costs .nova-cost-entry-actions span{color:#667f92!important} .nova-costs .nova-cost-entry-actions button{color:#087fbe!important} .nova-costs .nova-cost-entry-actions button:last-child{color:#b43b36!important} .nova-costs .nova-cost-entry-empty{color:#637e92!important;border-color:#cbdde7!important;background:#f9fcfe!important} .nova-costs .nova-cost-entry-empty b{color:#173a57!important} .nova-costs .nova-cost-add-box{background:#f3f8fb!important;border-color:#cfe1ea!important} .nova-costs .nova-cost-add-box h4{color:#102b46!important} .nova-costs .nova-cost-preset-wrap>span,.nova-costs .nova-cost-add-grid label>span{color:#58768d!important} .nova-costs .nova-cost-preset-chips button{background:#fff!important;color:#17445f!important;border-color:#b9d9e8!important} .nova-costs .nova-cost-preset-chips button.custom{color:#0b7959!important} .nova-costs .nova-cost-add-grid input,.nova-costs .nova-cost-add-grid select, .nova-costs .nova-cost-money-input{background:#fff!important;color:#102b46!important;border-color:#c9dce7!important} .nova-costs .nova-cost-money-input b{color:#5f7b90!important} .nova-costs .nova-cost-check{background:#fff2f0!important;color:#9f3931!important} .nova-costs .nova-cost-check-consumer{background:#eef6ff!important;color:#285f9c!important} .nova-costs .nova-cost-detail-dialog>footer{background:rgba(255,255,255,.97)!important;border-top-color:#d7e5ed!important} /* Debt insight light mode */ .nova-costs .nova-cost-debt-insight{ background:linear-gradient(135deg,#fff8e9,#f1f7ff)!important;border-color:#e9c88f!important;color:#17324d!important; } .nova-costs .nova-cost-debt-insight-head small{color:#a76a20!important} .nova-costs .nova-cost-debt-insight-head b{color:#17324d!important} .nova-costs .nova-cost-debt-insight-head>span{background:#fff!important;color:#61798c!important;border:1px solid #dde7ee!important} .nova-costs .nova-cost-debt-insight-kpis article{background:#fff!important;border-color:#e0e8ee!important} .nova-costs .nova-cost-debt-insight-kpis small,.nova-costs .nova-cost-debt-insight-kpis span{color:#667f91!important} .nova-costs .nova-cost-debt-insight-kpis b{color:#17324d!important} .nova-costs .nova-cost-debt-insight>p,.nova-costs .nova-cost-debt-insight-empty p{color:#5f778a!important} .nova-costs .nova-cost-debt-ratio-line{border-top-color:#eadcc5!important;color:#4e687d!important} .nova-costs .nova-cost-debt-ratio-line b{color:#9a621e!important} .nova-costs .nova-cost-debt-whatif{background:#edf9f4!important;border-color:#c4e9d9!important} .nova-costs .nova-cost-debt-whatif span,.nova-costs .nova-cost-debt-whatif small{color:#55776b!important} .nova-costs .nova-cost-debt-whatif b{color:#0a7958!important} /* ========================================================= DARK MODE — Kosten & Haushalt ========================================================= */ html[data-theme="dark"] .nova-costs, body.dark-mode .nova-costs, body.dark-mode-theme .nova-costs, body.dark .nova-costs{ --kh-bg:#081827;--kh-surface:#0d2235;--kh-surface-soft:#102a40;--kh-card:#102f49; --kh-text:#e9f5ff;--kh-text-strong:#f7fbff;--kh-text-soft:#bdd2e2;--kh-text-muted:#8eabbf; --kh-border:#294b63;--kh-accent:#58d2ff;--kh-accent-2:#63e2b4;--kh-link:#6cdbff;--kh-positive:#8af0bd; color:#e9f5ff!important; } html[data-theme="dark"] .nova-costs h1,html[data-theme="dark"] .nova-costs h2,html[data-theme="dark"] .nova-costs h3,html[data-theme="dark"] .nova-costs h4, body.dark-mode .nova-costs h1,body.dark-mode .nova-costs h2,body.dark-mode .nova-costs h3,body.dark-mode .nova-costs h4, body.dark-mode-theme .nova-costs h1,body.dark-mode-theme .nova-costs h2,body.dark-mode-theme .nova-costs h3,body.dark-mode-theme .nova-costs h4, body.dark .nova-costs h1,body.dark .nova-costs h2,body.dark .nova-costs h3,body.dark .nova-costs h4, html[data-theme="dark"] .nova-costs b,html[data-theme="dark"] .nova-costs strong,html[data-theme="dark"] .nova-costs label, body.dark-mode .nova-costs b,body.dark-mode .nova-costs strong,body.dark-mode .nova-costs label, body.dark-mode-theme .nova-costs b,body.dark-mode-theme .nova-costs strong,body.dark-mode-theme .nova-costs label, body.dark .nova-costs b,body.dark .nova-costs strong,body.dark .nova-costs label{color:#f5fbff!important} html[data-theme="dark"] .nova-costs p,html[data-theme="dark"] .nova-costs small,html[data-theme="dark"] .nova-costs span, body.dark-mode .nova-costs p,body.dark-mode .nova-costs small,body.dark-mode .nova-costs span, body.dark-mode-theme .nova-costs p,body.dark-mode-theme .nova-costs small,body.dark-mode-theme .nova-costs span, body.dark .nova-costs p,body.dark .nova-costs small,body.dark .nova-costs span{color:#b9cfe0} html[data-theme="dark"] .nova-costs .nova-costs-hero, body.dark-mode .nova-costs .nova-costs-hero,body.dark-mode-theme .nova-costs .nova-costs-hero,body.dark .nova-costs .nova-costs-hero{ background:linear-gradient(135deg,#0d2940,#0d352f)!important;border-color:#2e5b6b!important; } html[data-theme="dark"] .nova-costs .nova-costs-hero h2, body.dark-mode .nova-costs .nova-costs-hero h2,body.dark-mode-theme .nova-costs .nova-costs-hero h2,body.dark .nova-costs .nova-costs-hero h2{color:#f6fbff!important} html[data-theme="dark"] .nova-costs .nova-costs-hero p, body.dark-mode .nova-costs .nova-costs-hero p,body.dark-mode-theme .nova-costs .nova-costs-hero p,body.dark .nova-costs .nova-costs-hero p{color:#c3d6e4!important} html[data-theme="dark"] .nova-costs .nova-costs-privacy, body.dark-mode .nova-costs .nova-costs-privacy,body.dark-mode-theme .nova-costs .nova-costs-privacy,body.dark .nova-costs .nova-costs-privacy{background:#0d2930!important;color:#8ce8c4!important;border-color:#2d6a59!important} html[data-theme="dark"] .nova-costs .nova-cost-tabs button, body.dark-mode .nova-costs .nova-cost-tabs button,body.dark-mode-theme .nova-costs .nova-cost-tabs button,body.dark .nova-costs .nova-cost-tabs button{background:#10283c!important;color:#dceefa!important;border-color:#2d5067!important} html[data-theme="dark"] .nova-costs .nova-cost-tabs button.active, body.dark-mode .nova-costs .nova-cost-tabs button.active,body.dark-mode-theme .nova-costs .nova-cost-tabs button.active,body.dark .nova-costs .nova-cost-tabs button.active{background:linear-gradient(100deg,#147db6,#18a47d)!important;color:#fff!important} html[data-theme="dark"] .nova-costs .nova-cost-category, body.dark-mode .nova-costs .nova-cost-category,body.dark-mode-theme .nova-costs .nova-cost-category,body.dark .nova-costs .nova-cost-category{ background:linear-gradient(145deg,#173e5c,#102e48)!important;border-color:#315b75!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 20px rgba(0,0,0,.18)!important; } html[data-theme="dark"] .nova-costs .nova-cost-category-head b, body.dark-mode .nova-costs .nova-cost-category-head b,body.dark-mode-theme .nova-costs .nova-cost-category-head b,body.dark .nova-costs .nova-cost-category-head b{color:#f5fbff!important} html[data-theme="dark"] .nova-costs .nova-cost-category-head small, body.dark-mode .nova-costs .nova-cost-category-head small,body.dark-mode-theme .nova-costs .nova-cost-category-head small,body.dark .nova-costs .nova-cost-category-head small{color:#b1c9da!important} html[data-theme="dark"] .nova-costs .nova-cost-category-total strong, body.dark-mode .nova-costs .nova-cost-category-total strong,body.dark-mode-theme .nova-costs .nova-cost-category-total strong,body.dark .nova-costs .nova-cost-category-total strong{color:#9ef0c4!important} html[data-theme="dark"] .nova-costs .nova-cost-category-total small, body.dark-mode .nova-costs .nova-cost-category-total small,body.dark-mode-theme .nova-costs .nova-cost-category-total small,body.dark .nova-costs .nova-cost-category-total small{color:#a6bed0!important} html[data-theme="dark"] .nova-costs .nova-cost-category-meta, body.dark-mode .nova-costs .nova-cost-category-meta,body.dark-mode-theme .nova-costs .nova-cost-category-meta,body.dark .nova-costs .nova-cost-category-meta{border-top-color:#31546a!important} html[data-theme="dark"] .nova-costs .nova-cost-category-meta span, body.dark-mode .nova-costs .nova-cost-category-meta span,body.dark-mode-theme .nova-costs .nova-cost-category-meta span,body.dark .nova-costs .nova-cost-category-meta span{color:#a8c1d2!important} html[data-theme="dark"] .nova-costs .nova-cost-category-meta button, body.dark-mode .nova-costs .nova-cost-category-meta button,body.dark-mode-theme .nova-costs .nova-cost-category-meta button,body.dark .nova-costs .nova-cost-category-meta button{color:#73dfff!important} html[data-theme="dark"] .nova-costs .nova-cost-input,html[data-theme="dark"] .nova-costs .nova-cost-kpis article,html[data-theme="dark"] .nova-costs .nova-cost-ratios article,html[data-theme="dark"] .nova-costs .nova-cost-optimize-result,html[data-theme="dark"] .nova-costs .nova-cost-scenarios button, body.dark-mode .nova-costs .nova-cost-input,body.dark-mode .nova-costs .nova-cost-kpis article,body.dark-mode .nova-costs .nova-cost-ratios article,body.dark-mode .nova-costs .nova-cost-optimize-result,body.dark-mode .nova-costs .nova-cost-scenarios button, body.dark-mode-theme .nova-costs .nova-cost-input,body.dark-mode-theme .nova-costs .nova-cost-kpis article,body.dark-mode-theme .nova-costs .nova-cost-ratios article,body.dark-mode-theme .nova-costs .nova-cost-optimize-result,body.dark-mode-theme .nova-costs .nova-cost-scenarios button, body.dark .nova-costs .nova-cost-input,body.dark .nova-costs .nova-cost-kpis article,body.dark .nova-costs .nova-cost-ratios article,body.dark .nova-costs .nova-cost-optimize-result,body.dark .nova-costs .nova-cost-scenarios button{background:#0e263a!important;border-color:#2a4b61!important;color:#eef8ff!important} html[data-theme="dark"] .nova-costs input,html[data-theme="dark"] .nova-costs select,html[data-theme="dark"] .nova-costs textarea, body.dark-mode .nova-costs input,body.dark-mode .nova-costs select,body.dark-mode .nova-costs textarea, body.dark-mode-theme .nova-costs input,body.dark-mode-theme .nova-costs select,body.dark-mode-theme .nova-costs textarea, body.dark .nova-costs input,body.dark .nova-costs select,body.dark .nova-costs textarea{background:#091f31!important;color:#f0f8ff!important;border-color:#31566e!important} html[data-theme="dark"] .nova-costs .nova-cost-detail-dialog, body.dark-mode .nova-costs .nova-cost-detail-dialog,body.dark-mode-theme .nova-costs .nova-cost-detail-dialog,body.dark .nova-costs .nova-cost-detail-dialog{background:linear-gradient(180deg,#0a2941,#071e31)!important;border-color:#356681!important;color:#eaf7ff!important} html[data-theme="dark"] .nova-costs .nova-cost-detail-dialog>header, body.dark-mode .nova-costs .nova-cost-detail-dialog>header,body.dark-mode-theme .nova-costs .nova-cost-detail-dialog>header,body.dark .nova-costs .nova-cost-detail-dialog>header{background:rgba(7,30,49,.97)!important;border-bottom-color:#294c62!important} html[data-theme="dark"] .nova-costs .nova-cost-detail-dialog>header h3, body.dark-mode .nova-costs .nova-cost-detail-dialog>header h3,body.dark-mode-theme .nova-costs .nova-cost-detail-dialog>header h3,body.dark .nova-costs .nova-cost-detail-dialog>header h3{color:#f4fbff!important} html[data-theme="dark"] .nova-costs .nova-cost-detail-dialog>header p, body.dark-mode .nova-costs .nova-cost-detail-dialog>header p,body.dark-mode-theme .nova-costs .nova-cost-detail-dialog>header p,body.dark .nova-costs .nova-cost-detail-dialog>header p{color:#b3cad9!important} html[data-theme="dark"] .nova-costs .nova-cost-detail-close, body.dark-mode .nova-costs .nova-cost-detail-close,body.dark-mode-theme .nova-costs .nova-cost-detail-close,body.dark .nova-costs .nova-cost-detail-close{background:#102d45!important;color:#fff!important;border-color:#38647e!important} html[data-theme="dark"] .nova-costs .nova-cost-detail-total, body.dark-mode .nova-costs .nova-cost-detail-total,body.dark-mode-theme .nova-costs .nova-cost-detail-total,body.dark .nova-costs .nova-cost-detail-total{background:linear-gradient(90deg,rgba(31,166,134,.16),rgba(23,111,168,.14))!important;border-color:#2f665f!important} html[data-theme="dark"] .nova-costs .nova-cost-entry, body.dark-mode .nova-costs .nova-cost-entry,body.dark-mode-theme .nova-costs .nova-cost-entry,body.dark .nova-costs .nova-cost-entry{background:#0d2538!important;border-color:#294b60!important} html[data-theme="dark"] .nova-costs .nova-cost-entry-main b, body.dark-mode .nova-costs .nova-cost-entry-main b,body.dark-mode-theme .nova-costs .nova-cost-entry-main b,body.dark .nova-costs .nova-cost-entry-main b{color:#f0f8ff!important} html[data-theme="dark"] .nova-costs .nova-cost-entry-actions, body.dark-mode .nova-costs .nova-cost-entry-actions,body.dark-mode-theme .nova-costs .nova-cost-entry-actions,body.dark .nova-costs .nova-cost-entry-actions{background:#081d2d!important;border-top-color:#294a5f!important} html[data-theme="dark"] .nova-costs .nova-cost-add-box, body.dark-mode .nova-costs .nova-cost-add-box,body.dark-mode-theme .nova-costs .nova-cost-add-box,body.dark .nova-costs .nova-cost-add-box{background:#0a2235!important;border-color:#2c5168!important} html[data-theme="dark"] .nova-costs .nova-cost-preset-chips button, body.dark-mode .nova-costs .nova-cost-preset-chips button,body.dark-mode-theme .nova-costs .nova-cost-preset-chips button,body.dark .nova-costs .nova-cost-preset-chips button{background:#12324a!important;color:#e4f5ff!important;border-color:#3b6780!important} html[data-theme="dark"] .nova-costs .nova-cost-detail-dialog>footer, body.dark-mode .nova-costs .nova-cost-detail-dialog>footer,body.dark-mode-theme .nova-costs .nova-cost-detail-dialog>footer,body.dark .nova-costs .nova-cost-detail-dialog>footer{background:rgba(7,30,49,.97)!important;border-top-color:#294b61!important} html[data-theme="dark"] .nova-costs .nova-cost-debt-insight, body.dark-mode .nova-costs .nova-cost-debt-insight,body.dark-mode-theme .nova-costs .nova-cost-debt-insight,body.dark .nova-costs .nova-cost-debt-insight{background:linear-gradient(135deg,rgba(244,177,74,.11),rgba(91,157,255,.09))!important;border-color:rgba(244,177,74,.34)!important;color:#eaf7ff!important} html[data-theme="dark"] .nova-costs .nova-cost-debt-insight-kpis article, body.dark-mode .nova-costs .nova-cost-debt-insight-kpis article,body.dark-mode-theme .nova-costs .nova-cost-debt-insight-kpis article,body.dark .nova-costs .nova-cost-debt-insight-kpis article{background:#0a2132!important;border-color:#294b5d!important} html[data-theme="dark"] .nova-costs .nova-cost-debt-whatif, body.dark-mode .nova-costs .nova-cost-debt-whatif,body.dark-mode-theme .nova-costs .nova-cost-debt-whatif,body.dark .nova-costs .nova-cost-debt-whatif{background:rgba(45,207,169,.10)!important;border-color:rgba(45,207,169,.25)!important} /* Ensure buttons remain readable in both modes */ .nova-costs button{font-family:inherit} .nova-costs .btn-primary,.nova-costs .primary,.nova-costs button.active{font-weight:850} /* NOVA AI V70.32 – NOVA Aviation */ .nova-aviation-module{color:#102b49}.aviation-hero{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:22px;border-radius:24px;background:linear-gradient(120deg,#063f79,#0c76bd 58%,#15a6b3);color:#fff;box-shadow:0 18px 42px rgba(2,63,121,.22)}.aviation-hero h2{margin:4px 0 7px;font-size:28px;line-height:1.08}.aviation-hero p{margin:0;max-width:760px;opacity:.92;line-height:1.5}.aviation-hero .eyebrow{font-size:11px;font-weight:900;letter-spacing:.14em}.aviation-hero-badge{min-width:120px;text-align:center;padding:13px 16px;border:1px solid rgba(255,255,255,.3);border-radius:18px;background:rgba(5,35,69,.22)}.aviation-hero-badge b{display:block;font-size:30px}.aviation-hero-badge span,.aviation-hero-badge small{display:block}.aviation-hero-badge small{opacity:.75;font-size:10px;margin-top:3px}.aviation-tabs{display:flex;gap:7px;overflow:auto;padding:13px 2px 10px}.aviation-tabs button{white-space:nowrap;border:1px solid #cbdceb;background:#fff;color:#24415f;padding:10px 13px;border-radius:999px;font-weight:850;cursor:pointer}.aviation-tabs button.active{background:#086fbd;color:#fff;border-color:#086fbd}.aviation-pane{display:none}.aviation-pane.active{display:block}.aviation-radar-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr);gap:14px}.aviation-map-card,.aviation-airport-panel,.aviation-guide-card,.aviation-spotter,.aviation-knowledge-detail{background:#fff;border:1px solid #d4e1ec;border-radius:20px;box-shadow:0 9px 28px rgba(31,76,119,.08)}.aviation-map-card{padding:15px}.aviation-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:12px}.aviation-section-head small{font-weight:900;letter-spacing:.12em;color:#0b80a2}.aviation-section-head h3{margin:3px 0 0;font-size:21px}.aviation-section-head>span{padding:7px 10px;border-radius:999px;background:#ecf6fb;color:#0a6e94;font-size:11px;font-weight:850}.aviation-map{height:460px;border-radius:16px;overflow:hidden;background:#dfeaf3}.nova-aviation-marker-wrap{background:transparent!important;border:0!important}.nova-aviation-marker{display:flex;gap:4px;align-items:center;border:2px solid #fff;border-radius:999px;background:linear-gradient(135deg,#075bb9,#08a4d3);color:#fff;padding:6px 9px;box-shadow:0 5px 14px rgba(0,54,117,.28);font-size:11px;font-weight:900}.nova-aviation-marker span{font-size:13px}.aviation-airport-panel{padding:16px;min-height:460px}.aviation-empty{height:100%;min-height:210px;display:grid;place-items:center;text-align:center;align-content:center;color:#688097;padding:25px}.aviation-empty>span{font-size:40px}.aviation-empty h3{color:#153b60;margin:10px 0 4px}.aviation-airport-head{display:flex;justify-content:space-between;gap:10px}.aviation-airport-head small{color:#0e7ba4;font-weight:900}.aviation-airport-head h3{margin:3px 0;font-size:21px}.aviation-airport-head p{margin:0;color:#61768b}.aviation-fav{border:0;background:#edf5fb;color:#f5a900;width:42px;height:42px;border-radius:50%;font-size:24px;cursor:pointer}.aviation-fav.active{background:#fff1c8}.aviation-airport-actions{display:grid;gap:9px;margin:18px 0}.aviation-airport-actions a{display:grid;grid-template-columns:34px 1fr;column-gap:9px;padding:12px;border:1px solid #d9e6ef;border-radius:14px;text-decoration:none;color:#173a5b;background:#f8fbfd}.aviation-airport-actions a span{grid-row:1/3;font-size:23px;align-self:center}.aviation-airport-actions a b{font-size:13px}.aviation-airport-actions a small{font-size:10px;color:#0b789f}.aviation-airport-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.aviation-airport-meta span{padding:9px;border-radius:12px;background:#edf5fa;font-size:10px;color:#4d647b}.aviation-airport-meta b{display:block;color:#0b6c92;margin-bottom:3px}.aviation-airport-tip,.aviation-source-note{margin-top:12px;padding:11px 13px;border-radius:13px;background:#eff8f3;color:#315d4b;font-size:11px;line-height:1.45}.aviation-source-note{background:#fff8e5;color:#755b1e}.aviation-flight-search{display:grid;grid-template-columns:1fr 180px auto;gap:10px;align-items:center;margin-top:14px;padding:14px;border:1px solid #d4e1ec;border-radius:18px;background:#fff}.aviation-flight-search>div{display:flex;gap:10px;align-items:center}.aviation-flight-search>div>span{font-size:27px}.aviation-flight-search label small{display:block;color:#667b90}.aviation-flight-search input,.aviation-spotter select{width:100%;padding:11px 12px;border:1px solid #cbdbea;border-radius:12px;background:#fff;color:#102b49}.aviation-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.aviation-guide-card{display:grid;grid-template-columns:160px 1fr;overflow:hidden}.aviation-guide-card img{width:100%;height:100%;min-height:135px;object-fit:cover;background:#eef5fa}.aviation-guide-card>div{padding:14px}.aviation-guide-card h4{margin:0 0 8px;font-size:16px}.aviation-guide-card p{display:grid;gap:4px;margin:0;color:#5d7288;font-size:11px}.aviation-guide-card p span{display:block}.aviation-guide-card button{margin-top:10px;border:0;border-radius:10px;background:#0a73b8;color:#fff;padding:8px 10px;font-weight:800;cursor:pointer}.aviation-guide-card.expanded{outline:2px solid #2aa6c3}.aviation-knowledge-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.aviation-knowledge-grid button{border:1px solid #d5e4ee;background:#fff;border-radius:17px;padding:16px;text-align:left;color:#193a58;cursor:pointer}.aviation-knowledge-grid button>span{font-size:28px}.aviation-knowledge-grid button b{display:block;margin:7px 0 4px}.aviation-knowledge-grid button small{display:block;color:#667b8e;line-height:1.4}.aviation-knowledge-detail{display:flex;gap:14px;margin-top:12px;padding:18px}.aviation-knowledge-detail>span{font-size:38px}.aviation-knowledge-detail h3{margin:0 0 5px}.aviation-knowledge-detail p{margin:0 0 6px;color:#5c7185}.aviation-spotter{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;padding:22px}.aviation-spotter>div:first-child>span{font-size:42px}.aviation-spotter h3{margin:8px 0 5px;font-size:22px}.aviation-spotter p{color:#5c7288;line-height:1.55}.aviation-spotter-actions{display:grid;gap:9px;align-content:center}.aviation-favorites{display:grid;gap:9px}.aviation-favorites article{display:grid;grid-template-columns:34px 1fr auto auto;gap:10px;align-items:center;padding:12px;border:1px solid #d6e3ee;border-radius:14px;background:#fff}.aviation-favorites article small{display:block;color:#6d8092}.aviation-favorites button,.aviation-favorites a{border:0;border-radius:10px;padding:8px 10px;background:#eaf4fa;color:#0a6f9c;text-decoration:none;font-weight:800;cursor:pointer} body.dark-mode .nova-aviation-module{color:#edf7ff}.dark-mode .aviation-map-card,.dark-mode .aviation-airport-panel,.dark-mode .aviation-guide-card,.dark-mode .aviation-knowledge-grid button,.dark-mode .aviation-knowledge-detail,.dark-mode .aviation-spotter,.dark-mode .aviation-favorites article,.dark-mode .aviation-flight-search{background:#0b2235;border-color:#2d4c66;color:#edf7ff}.dark-mode .aviation-tabs button{background:#0b2235;color:#dceafa;border-color:#31516d}.dark-mode .aviation-airport-head p,.dark-mode .aviation-guide-card p,.dark-mode .aviation-knowledge-grid button small,.dark-mode .aviation-spotter p,.dark-mode .aviation-knowledge-detail p,.dark-mode .aviation-favorites article small{color:#b5c8d8}.dark-mode .aviation-empty h3{color:#edf7ff}.dark-mode .aviation-airport-actions a{background:#102b42;border-color:#31516d;color:#edf7ff}.dark-mode .aviation-airport-meta span{background:#102b42;color:#bcd0df}.dark-mode .aviation-flight-search input,.dark-mode .aviation-spotter select{background:#102b42;color:#edf7ff;border-color:#31516d} @media(max-width:850px){.aviation-radar-layout{grid-template-columns:1fr}.aviation-map{height:390px}.aviation-airport-panel{min-height:0}.aviation-guide-grid{grid-template-columns:1fr}.aviation-knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.aviation-spotter{grid-template-columns:1fr}.aviation-flight-search{grid-template-columns:1fr}.aviation-hero-badge{display:none}} @media(max-width:520px){.aviation-hero{padding:17px}.aviation-hero h2{font-size:22px}.aviation-map{height:330px}.aviation-guide-card{grid-template-columns:120px 1fr}.aviation-knowledge-grid{grid-template-columns:1fr}.aviation-airport-meta{grid-template-columns:1fr}.aviation-favorites article{grid-template-columns:30px 1fr}.aviation-favorites article button,.aviation-favorites article a{grid-column:auto}} /* NOVA AI V70.32 – Aviation official-flight flow + expanded technology guide */ .aviation-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:8px;align-items:center;margin:14px 0;padding:12px 14px;border:1px solid #d4e1ec;border-radius:18px;background:linear-gradient(135deg,#f7fbff,#eef9f8)} .aviation-flow>div{display:grid;grid-template-columns:30px 1fr;column-gap:8px;align-items:center;min-width:0}.aviation-flow>div>span{grid-row:1/3;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#0877bc;color:#fff;font-weight:900}.aviation-flow b{font-size:11px;color:#173a5b}.aviation-flow small{font-size:9px;color:#6b8092}.aviation-flow i{color:#30a5b7;font-style:normal;font-weight:900} .aviation-tech-hint{margin:0 0 12px;padding:11px 13px;border-radius:14px;background:#edf8ff;border:1px solid #cfe6f4;color:#365b78;font-size:11px;line-height:1.5} .aviation-guide-card{position:relative}.aviation-tech-details{grid-column:1/-1;padding:14px 16px 16px;border-top:1px solid #d9e6ef;background:#f8fbfd}.aviation-tech-details[hidden]{display:none!important}.aviation-tech-details h5{margin:12px 0 4px;color:#0b6f9b;font-size:12px}.aviation-tech-details>p{font-size:11px;line-height:1.55;color:#536d84}.aviation-spec-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.aviation-spec-grid span{padding:9px;border-radius:11px;background:#eaf4fa;color:#49647b;font-size:10px}.aviation-spec-grid b{display:block;color:#0b6e98;margin-bottom:3px}.aviation-guide-card.expanded{grid-template-columns:160px 1fr;box-shadow:0 12px 34px rgba(14,105,154,.16)} .aviation-knowledge-detail strong{display:block;margin:7px 0;color:#183f5e;font-size:12px;line-height:1.55;font-weight:700}.aviation-knowledge-detail small{display:block;margin-top:8px;color:#7a8d9e} .dark-mode .aviation-flow{background:linear-gradient(135deg,#0d263b,#102f3c);border-color:#31516d}.dark-mode .aviation-flow b{color:#edf7ff}.dark-mode .aviation-flow small{color:#a9bfd0}.dark-mode .aviation-tech-hint{background:#102b42;border-color:#31516d;color:#c4d7e6}.dark-mode .aviation-tech-details{background:#0e293f;border-color:#31516d}.dark-mode .aviation-tech-details>p{color:#bfd0df}.dark-mode .aviation-spec-grid span{background:#15364f;color:#bfd0df}.dark-mode .aviation-spec-grid b,.dark-mode .aviation-tech-details h5{color:#69d0ef}.dark-mode .aviation-knowledge-detail strong{color:#d8e9f6}.dark-mode .aviation-knowledge-detail small{color:#9db4c7} @media(max-width:850px){.aviation-flow{grid-template-columns:1fr 1fr}.aviation-flow>i{display:none}.aviation-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:520px){.aviation-flow{grid-template-columns:1fr}.aviation-guide-card.expanded{grid-template-columns:120px 1fr}.aviation-spec-grid{grid-template-columns:1fr 1fr}} /* NOVA AI V70.33 – Aviation XL modal + Jet Guide + official links */ .modal-panel:has(.nova-aviation-module){ width:min(1480px,calc(100% - 24px)); max-height:94vh; margin:3vh auto; padding:24px; } .modal-panel:has(.nova-aviation-module) .aviation-map{height:540px} .modal-panel:has(.nova-aviation-module) .aviation-airport-panel{min-height:540px} .modal-panel:has(.nova-aviation-module) .aviation-radar-layout{grid-template-columns:minmax(0,1.9fr) minmax(350px,.75fr)} .aviation-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px} .aviation-card-actions button,.aviation-card-actions a{margin-top:0!important;display:inline-flex;align-items:center;justify-content:center;min-height:36px;border-radius:10px;padding:8px 11px;font-size:11px;font-weight:850;text-decoration:none;cursor:pointer} .aviation-card-actions button{border:0;background:#0a73b8;color:#fff} .aviation-card-actions a{border:1px solid #bad8e9;background:#eef8fd;color:#086b96} .aviation-card-actions a:hover{background:#dff2fb} .aviation-jet-card{border-color:#c9d9f5} .aviation-jet-card>div:first-of-type{background:linear-gradient(180deg,rgba(237,245,255,.4),rgba(255,255,255,0))} .dark-mode .aviation-card-actions a{background:#12314a;color:#8edfff;border-color:#365b75} .dark-mode .aviation-card-actions a:hover{background:#173d5a} .dark-mode .aviation-jet-card>div:first-of-type{background:linear-gradient(180deg,rgba(28,57,86,.35),rgba(11,34,53,0))} @media(max-width:850px){ .modal-panel:has(.nova-aviation-module){width:calc(100% - 12px);max-height:97vh;margin:1.5vh auto;padding:16px} .modal-panel:has(.nova-aviation-module) .aviation-map{height:430px} .modal-panel:has(.nova-aviation-module) .aviation-airport-panel{min-height:0} .modal-panel:has(.nova-aviation-module) .aviation-radar-layout{grid-template-columns:1fr} } /* NOVA AI V70.33 – Aviation card sizing, official manufacturer links & flight sites */ .aviation-guide-grid{align-items:start} .aviation-guide-card{align-self:start;grid-auto-rows:auto} .aviation-guide-card img{height:135px!important;min-height:135px!important;max-height:135px;object-fit:cover;align-self:start} .aviation-guide-card.expanded{align-self:start} .aviation-guide-card.expanded img{height:135px!important;min-height:135px!important;max-height:135px} .aviation-manufacturer-line{margin:-2px 0 7px;color:#0a789f;font-size:10px;font-weight:800} .aviation-card-actions{align-items:center} .aviation-card-actions a{white-space:nowrap} .aviation-manufacturer-grid,.aviation-flight-sites-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .aviation-manufacturer-grid a,.aviation-flight-sites-grid a{display:grid;grid-template-columns:44px 1fr auto;gap:11px;align-items:center;padding:15px;border:1px solid #d5e4ee;border-radius:17px;background:#fff;color:#173a5b;text-decoration:none;box-shadow:0 5px 18px rgba(16,70,108,.05)} .aviation-manufacturer-grid a>span,.aviation-flight-sites-grid a>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#eaf6fb;font-size:23px} .aviation-manufacturer-grid b,.aviation-flight-sites-grid b{display:block;font-size:13px;margin-bottom:3px} .aviation-manufacturer-grid small,.aviation-flight-sites-grid small{display:block;color:#647a8e;line-height:1.35;font-size:10px} .aviation-manufacturer-grid em,.aviation-flight-sites-grid em{font-style:normal;font-size:10px;font-weight:900;color:#0875a7;white-space:nowrap} .aviation-manufacturer-grid a:hover,.aviation-flight-sites-grid a:hover{border-color:#70c6df;transform:translateY(-1px)} .dark-mode .aviation-manufacturer-line{color:#6ed4ef} .dark-mode .aviation-manufacturer-grid a,.dark-mode .aviation-flight-sites-grid a{background:#0b2235;border-color:#2d4c66;color:#edf7ff} .dark-mode .aviation-manufacturer-grid a>span,.dark-mode .aviation-flight-sites-grid a>span{background:#12314a} .dark-mode .aviation-manufacturer-grid small,.dark-mode .aviation-flight-sites-grid small{color:#b5c8d8} .dark-mode .aviation-manufacturer-grid em,.dark-mode .aviation-flight-sites-grid em{color:#8edfff} @media(max-width:1000px){.aviation-manufacturer-grid,.aviation-flight-sites-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){.aviation-manufacturer-grid,.aviation-flight-sites-grid{grid-template-columns:1fr}.aviation-guide-card img{height:120px!important;min-height:120px!important;max-height:120px}} /* NOVA AI V70.36 – Aviation World Map + Full Width */ .modal-panel:has(.nova-aviation-module){ width:min(1780px,calc(100vw - 16px)); max-height:98vh; margin:1vh auto; padding:22px; } .modal-panel:has(.nova-aviation-module) .aviation-map{height:620px} .modal-panel:has(.nova-aviation-module) .aviation-airport-panel{min-height:620px} .modal-panel:has(.nova-aviation-module) .aviation-radar-layout{grid-template-columns:minmax(0,2.25fr) minmax(360px,.75fr)} .aviation-world-toolbar{display:grid;grid-template-columns:minmax(240px,.7fr) 220px minmax(320px,1.2fr);gap:12px;align-items:center;margin:4px 0 10px;padding:14px 16px;border:1px solid #d5e4ee;border-radius:18px;background:linear-gradient(135deg,#f7fbff,#eef9f8)} .aviation-world-toolbar>div:first-child{display:flex;gap:10px;align-items:center}.aviation-world-toolbar>div:first-child>span{font-size:30px}.aviation-world-toolbar label b{display:block;font-size:14px;color:#173a5b}.aviation-world-toolbar label small{display:block;color:#6c8295;font-size:11px;margin-top:2px}.aviation-world-toolbar select,.aviation-airport-search input{width:100%;padding:11px 12px;border:1px solid #cbdbea;border-radius:12px;background:#fff;color:#102b49;font-weight:700}.aviation-airport-search{display:grid;grid-template-columns:1fr auto;gap:8px}.aviation-airport-search button{border:0;border-radius:11px;background:#0877bc;color:#fff;padding:10px 15px;font-weight:850;cursor:pointer}.aviation-region-chips{display:flex;gap:7px;overflow:auto;padding:2px 0 12px}.aviation-region-chips button{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;border:1px solid #cfe0ec;background:#fff;color:#25435e;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:850;cursor:pointer}.aviation-region-chips button small{display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:999px;background:#eaf5fb;color:#0877a5}.aviation-region-chips button.active{background:#0877bc;color:#fff;border-color:#0877bc}.aviation-region-chips button.active small{background:rgba(255,255,255,.2);color:#fff}.aviation-airfield-note{display:flex;gap:10px;align-items:center;padding:12px;border:1px dashed #c6d7e5;border-radius:14px;background:#f7fbfd;color:#385a73}.aviation-airfield-note>span{font-size:24px}.aviation-airfield-note small{display:block;margin-top:3px;color:#6e8293}.dark-mode .aviation-world-toolbar{background:linear-gradient(135deg,#0d263b,#102f3c);border-color:#31516d}.dark-mode .aviation-world-toolbar label b{color:#edf7ff}.dark-mode .aviation-world-toolbar label small{color:#a9bfd0}.dark-mode .aviation-world-toolbar select,.dark-mode .aviation-airport-search input{background:#102b42;color:#edf7ff;border-color:#31516d}.dark-mode .aviation-region-chips button{background:#0b2235;color:#dceafa;border-color:#31516d}.dark-mode .aviation-region-chips button small{background:#173a54;color:#8edfff}.dark-mode .aviation-region-chips button.active{background:#0a79bd;color:#fff}.dark-mode .aviation-airfield-note{background:#102b42;border-color:#3f617b;color:#dceafa}.dark-mode .aviation-airfield-note small{color:#afc4d5} @media(max-width:1100px){.aviation-world-toolbar{grid-template-columns:1fr 220px}.aviation-airport-search{grid-column:1/-1}.modal-panel:has(.nova-aviation-module) .aviation-radar-layout{grid-template-columns:1.5fr .8fr}} @media(max-width:850px){.modal-panel:has(.nova-aviation-module){width:calc(100vw - 8px);max-height:99vh;margin:.5vh auto;padding:14px}.aviation-world-toolbar{grid-template-columns:1fr}.aviation-airport-search{grid-column:auto}.modal-panel:has(.nova-aviation-module) .aviation-map{height:430px}.modal-panel:has(.nova-aviation-module) .aviation-airport-panel{min-height:0}.modal-panel:has(.nova-aviation-module) .aviation-radar-layout{grid-template-columns:1fr}} /* NOVA AI V70.36 – Aviation worldwide airport directory (OurAirports) */ .aviation-facility-toolbar{display:grid;grid-template-columns:minmax(210px,.55fr) minmax(0,1.7fr);gap:10px 18px;align-items:center;margin:0 0 13px;padding:13px 15px;border:1px solid #d5e4ee;border-radius:18px;background:linear-gradient(135deg,#f7fbff,#f1fbf7)} .aviation-facility-toolbar>div:first-child b{display:block;color:#173a5b;font-size:14px}.aviation-facility-toolbar>div:first-child small{display:block;color:#6c8295;font-size:11px;line-height:1.35;margin-top:2px}.aviation-facility-filters{display:flex;gap:7px;overflow:auto;padding:2px}.aviation-facility-filters button{white-space:nowrap;border:1px solid #cfe0ec;background:#fff;color:#25435e;border-radius:999px;padding:9px 12px;font-size:11px;font-weight:850;cursor:pointer}.aviation-facility-filters button.active{background:linear-gradient(90deg,#0877bc,#12a99a);color:#fff;border-color:transparent;box-shadow:0 5px 14px rgba(8,119,188,.16)}#novaAviationFacilityHint{grid-column:1/-1;color:#577086;font-size:10.5px;line-height:1.4;padding-top:2px}.nova-aviation-marker.dynamic{background:linear-gradient(135deg,#0b6f88,#14a477);max-width:115px}.nova-aviation-marker.dynamic span{font-size:14px}.aviation-airport-type-badge{display:inline-flex;margin-top:12px;padding:7px 10px;border-radius:999px;background:#eaf7f2;color:#18745d;font-size:11px;font-weight:850}.aviation-search-results{display:grid;gap:7px}.aviation-search-results>button{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:center;width:100%;text-align:left;padding:10px 11px;border:1px solid #d5e4ee;border-radius:13px;background:#f8fbfd;color:#173a5b;cursor:pointer}.aviation-search-results>button>span{font-size:21px}.aviation-search-results>button b{display:block;font-size:12px}.aviation-search-results>button small{display:block;color:#698094;margin-top:2px;font-size:10px}.aviation-search-results>button:hover{border-color:#48a7cf;background:#eef8fc} .dark-mode .aviation-facility-toolbar{background:linear-gradient(135deg,#0d263b,#102f3c);border-color:#31516d}.dark-mode .aviation-facility-toolbar>div:first-child b{color:#edf7ff}.dark-mode .aviation-facility-toolbar>div:first-child small,.dark-mode #novaAviationFacilityHint{color:#a9bfd0}.dark-mode .aviation-facility-filters button{background:#0b2235;color:#dceafa;border-color:#31516d}.dark-mode .aviation-facility-filters button.active{background:linear-gradient(90deg,#0a79bd,#0f987d);color:#fff}.dark-mode .aviation-airport-type-badge{background:#103b36;color:#95ead3}.dark-mode .aviation-search-results>button{background:#0e293f;border-color:#31516d;color:#edf7ff}.dark-mode .aviation-search-results>button small{color:#afc4d5} @media(max-width:900px){.aviation-facility-toolbar{grid-template-columns:1fr}.aviation-facility-filters{grid-column:1}.aviation-facility-toolbar #novaAviationFacilityHint{grid-column:1}} /* ========================================================== NOVA AI V70.37 – Aviation UX & Global Expansion Größere Typografie · neutrale Bildplatzhalter · Technikquellen ========================================================== */ .modal-panel:has(.nova-aviation-module){width:min(99vw,1880px);max-width:1880px;max-height:98vh} .nova-aviation-module{font-size:15px} .aviation-hero .eyebrow{font-size:13px;font-weight:900;letter-spacing:.11em} .aviation-hero h2{font-size:30px;line-height:1.12} .aviation-hero p{font-size:16px;line-height:1.5;max-width:1000px} .aviation-hero-badge b{font-size:30px}.aviation-hero-badge span{font-size:14px}.aviation-hero-badge small{font-size:11px} .aviation-tabs{gap:9px;padding:13px 0 15px} .aviation-tabs button{font-size:16px!important;line-height:1.1;padding:11px 16px!important;font-weight:900!important} .aviation-section-head small{font-size:12px!important;letter-spacing:.1em} .aviation-section-head h3{font-size:23px!important;line-height:1.18} .aviation-section-head>span{font-size:12px!important;padding:8px 11px} .aviation-tech-hint,.aviation-source-note{font-size:13.5px!important;line-height:1.5} .aviation-guide-card{grid-template-columns:170px minmax(0,1fr)!important;min-height:180px} .aviation-guide-card>img{width:170px!important;height:150px!important;min-height:150px!important;max-height:150px!important;object-fit:contain!important;background:linear-gradient(145deg,#f7fbfd,#e8f3f8);padding:7px;border-radius:18px;margin:12px 0 12px 12px} .aviation-guide-card.expanded>img{height:150px!important;min-height:150px!important;max-height:150px!important} .aviation-guide-card h4{font-size:19px!important;line-height:1.18;margin-bottom:6px} .aviation-manufacturer-line{font-size:12.5px!important;margin-bottom:8px} .aviation-guide-card>div>p{font-size:13.5px!important;line-height:1.45;gap:6px 14px} .aviation-card-actions button,.aviation-card-actions a{font-size:13px!important;padding:10px 13px!important;font-weight:900!important} .aviation-tech-details{font-size:14px!important;line-height:1.52;padding:15px 18px 18px!important} .aviation-tech-details h5{font-size:15px!important;margin:13px 0 5px} .aviation-tech-details p{font-size:13.5px!important;line-height:1.55} .aviation-spec-grid span{font-size:12.5px!important;padding:10px 11px}.aviation-spec-grid b{font-size:12px!important} .aviation-knowledge-grid button{padding:17px!important;min-height:125px} .aviation-knowledge-grid button>span{font-size:30px!important}.aviation-knowledge-grid button>b{font-size:16px!important}.aviation-knowledge-grid button>small{font-size:12px!important;line-height:1.4} .aviation-knowledge-detail{font-size:14px!important;padding:20px!important}.aviation-knowledge-detail>span{font-size:36px!important}.aviation-knowledge-detail h3{font-size:21px!important}.aviation-knowledge-detail p{font-size:14px!important;line-height:1.5}.aviation-knowledge-detail strong{display:block;font-size:14px;line-height:1.55;margin-top:8px}.aviation-knowledge-detail small{font-size:11.5px!important} .aviation-knowledge-links{margin:13px 0 10px}.aviation-knowledge-links a{display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border-radius:12px;background:#0877bc;color:#fff!important;text-decoration:none;font-size:13px;font-weight:900;box-shadow:0 5px 14px rgba(8,119,188,.15)}.aviation-knowledge-links a:hover{filter:brightness(1.06);transform:translateY(-1px)} .aviation-world-toolbar label b,.aviation-facility-toolbar>div:first-child b{font-size:16px!important}.aviation-world-toolbar label small,.aviation-facility-toolbar>div:first-child small{font-size:12.5px!important;line-height:1.45} .aviation-world-toolbar select,.aviation-airport-search input,.aviation-airport-search button{font-size:14px!important} .aviation-region-chips button,.aviation-facility-filters button{font-size:13px!important;padding:10px 14px!important}.aviation-region-chips button small{font-size:10px!important} #novaAviationFacilityHint{font-size:12px!important;line-height:1.45} .aviation-airport-head small{font-size:12px!important}.aviation-airport-head h3{font-size:22px!important}.aviation-airport-head p{font-size:13px!important} .aviation-airport-actions a b{font-size:14px!important}.aviation-airport-actions a small{font-size:11.5px!important}.aviation-airport-meta span{font-size:13px!important}.aviation-airport-tip{font-size:12.5px!important;line-height:1.45} .aviation-manufacturer-grid b,.aviation-flight-sites-grid b{font-size:15px!important}.aviation-manufacturer-grid small,.aviation-flight-sites-grid small{font-size:12px!important}.aviation-manufacturer-grid em,.aviation-flight-sites-grid em{font-size:11px!important} .aviation-spotter h3{font-size:23px!important}.aviation-spotter p{font-size:14px!important;line-height:1.5}.aviation-spotter-actions select,.aviation-spotter-actions button,.aviation-spotter-actions a{font-size:13.5px!important} .dark-mode .aviation-guide-card>img{background:linear-gradient(145deg,#153247,#0d2638)} .dark-mode .aviation-knowledge-links a{background:#1595d0;color:#fff!important} @media(max-width:950px){.aviation-tabs button{font-size:14px!important;padding:10px 12px!important}.aviation-guide-card{grid-template-columns:140px minmax(0,1fr)!important}.aviation-guide-card>img,.aviation-guide-card.expanded>img{width:140px!important;height:125px!important;min-height:125px!important;max-height:125px!important}.aviation-hero h2{font-size:25px}.aviation-hero p{font-size:14px}} @media(max-width:650px){.aviation-tabs button{font-size:13px!important}.aviation-guide-card{grid-template-columns:1fr!important}.aviation-guide-card>img,.aviation-guide-card.expanded>img{width:100%!important;height:170px!important;min-height:170px!important;max-height:170px!important;margin:0!important;border-radius:16px 16px 0 0}.aviation-guide-card h4{font-size:18px!important}.aviation-card-actions button,.aviation-card-actions a{font-size:12px!important}.aviation-section-head h3{font-size:20px!important}} /* V70.38 Airline Guide & Aviation Lernen (Basis) */ .aviation-airline-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) minmax(210px,320px);gap:14px;margin:14px 0 18px}.aviation-airline-toolbar input,.aviation-airline-toolbar select{min-height:48px;border:1px solid #c9dbea;border-radius:14px;background:var(--card,#fff);color:var(--text,#10253d);padding:0 16px;font-weight:700;font-size:15px}.aviation-airline-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.aviation-airline-card{display:grid;grid-template-columns:76px 1fr;gap:15px;padding:17px;border:1px solid #cfe0ed;border-radius:18px;background:var(--card,#fff);box-shadow:0 5px 16px rgba(16,60,100,.05)}.aviation-airline-code{width:70px;height:70px;border-radius:18px;background:linear-gradient(145deg,#0b68c9,#11a7af);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.aviation-airline-code b{font-size:24px}.aviation-airline-code small{font-size:12px}.aviation-airline-card h4{font-size:20px;margin:3px 0 10px}.aviation-airline-card>div>small{font-size:12px;font-weight:800;color:#55728a}.aviation-airline-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;margin:8px 0 12px}.aviation-airline-meta span{display:flex;flex-direction:column;font-size:13px;color:#425d73}.aviation-airline-meta span.wide{grid-column:1/-1}.aviation-airline-meta b{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#71899d}.aviation-airline-card a{display:inline-flex;padding:9px 12px;border:1px solid #9bc9e8;border-radius:10px;font-weight:800;color:#0869ae;text-decoration:none}.aviation-learning-hero{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px 20px;border-radius:18px;background:linear-gradient(120deg,#eaf6ff,#ecfff8);border:1px solid #c8e4ef;margin:12px 0 16px}.aviation-learning-hero>div:first-child{display:flex;gap:14px;align-items:center}.aviation-learning-hero>div:first-child>span{font-size:40px}.aviation-learning-hero h3{margin:0 0 4px;font-size:22px}.aviation-learning-hero p{margin:0;color:#49667c}.aviation-learning-progress{text-align:center;min-width:120px;padding:10px 14px;background:#fff;border:1px solid #cce2ef;border-radius:14px}.aviation-learning-progress b{display:block;font-size:21px;color:#096eb8}.aviation-learning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.aviation-learning-grid article{display:grid;grid-template-columns:54px 1fr;gap:12px;padding:17px;border:1px solid #d2e2ed;border-radius:18px;background:var(--card,#fff)}.aviation-learning-grid article>span{font-size:34px}.aviation-learning-grid small{font-weight:800;color:#0a789e}.aviation-learning-grid h4{font-size:19px;margin:2px 0 8px}.aviation-learning-grid ul{margin:0 0 12px;padding-left:18px;color:#4c6579}.aviation-learning-actions{display:flex;gap:8px;flex-wrap:wrap}.aviation-learning-actions button,.aviation-learning-actions a,.aviation-quiz-card button{border:0;border-radius:10px;padding:9px 12px;background:#087cc4;color:#fff;font-weight:800;text-decoration:none;cursor:pointer}.aviation-learning-actions a{background:#eef8ff;color:#0869ae;border:1px solid #a9d1e8}.aviation-quiz-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:16px;padding:18px 20px;border-radius:18px;background:linear-gradient(130deg,#082e68,#0a87b8);color:#fff}.aviation-quiz-card>div{display:flex;gap:14px;align-items:center}.aviation-quiz-card>div>span{font-size:38px}.aviation-quiz-card h3{font-size:22px;margin:2px 0}.aviation-quiz-card button{background:#fff;color:#075d9b}.aviation-learning-detail{margin-top:16px;padding:20px;border:1px solid #bed9e8;border-radius:18px;background:var(--card,#fff)}.aviation-learning-detail-head{display:flex;align-items:center;gap:12px}.aviation-learning-detail-head>span{font-size:40px}.aviation-learning-detail-head h3{margin:2px 0;font-size:24px}.aviation-learning-detail-head button{margin-left:auto;width:38px;height:38px;border-radius:50%;border:1px solid #c7dce8;background:#f4f9fc;font-size:22px}.aviation-learning-lessons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.aviation-learning-lessons>div{display:grid;grid-template-columns:34px 1fr;gap:3px 10px;padding:12px;border-radius:14px;background:#f4f9fc}.aviation-learning-lessons span{grid-row:1/3;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#0b7fc2;color:#fff;font-weight:800}.aviation-learning-lessons p{margin:3px 0 0;color:#597187}.aviation-learning-detail>a{font-weight:800;color:#086bae}.aviation-quiz-progress{font-weight:900;color:#0875af;margin-bottom:9px}.aviation-quiz-answers{display:grid;gap:9px;margin-top:14px}.aviation-quiz-answers button{padding:13px 14px;border:1px solid #bdd6e6;border-radius:12px;background:#f7fbfe;text-align:left;font-weight:800;cursor:pointer}.aviation-quiz-answers button.correct{background:#dcf8e9;border-color:#55c78a}.aviation-quiz-answers button.wrong{background:#ffe5e5;border-color:#e97b7b}.aviation-quiz-result{text-align:center;padding:16px}.aviation-quiz-result span{font-size:50px}.aviation-quiz-result h3{font-size:28px;margin:5px 0}.aviation-quiz-result button{border:0;border-radius:11px;padding:10px 14px;background:#087cc4;color:#fff;font-weight:800}[data-theme="dark"] .aviation-airline-toolbar input,[data-theme="dark"] .aviation-airline-toolbar select,[data-theme="dark"] .aviation-airline-card,[data-theme="dark"] .aviation-learning-grid article,[data-theme="dark"] .aviation-learning-detail{background:#102436;color:#eef7ff;border-color:#28445a}[data-theme="dark"] .aviation-learning-hero{background:linear-gradient(120deg,#102d46,#123b38);border-color:#2b5263}[data-theme="dark"] .aviation-learning-progress{background:#102436;border-color:#31556a}[data-theme="dark"] .aviation-learning-lessons>div,[data-theme="dark"] .aviation-quiz-answers button{background:#173247;color:#eef7ff;border-color:#34566b}[data-theme="dark"] .aviation-airline-meta span,[data-theme="dark"] .aviation-learning-grid ul,[data-theme="dark"] .aviation-learning-hero p,[data-theme="dark"] .aviation-learning-lessons p{color:#b9cfdf}@media(max-width:900px){.aviation-airline-grid,.aviation-learning-grid,.aviation-learning-lessons{grid-template-columns:1fr}.aviation-airline-toolbar{grid-template-columns:1fr}.aviation-learning-hero,.aviation-quiz-card{align-items:flex-start;flex-direction:column}} /* V70.39 Aviation Lernen + stabile Weltkarte */ .aviation-learning-tech{margin:14px 0;padding:15px 16px;border:1px solid #bcd9e9;border-radius:15px;background:linear-gradient(135deg,#eef8ff,#f1fff9)} .aviation-learning-tech h4{margin:0 0 7px;font-size:18px;color:#075f9b} .aviation-learning-tech p{margin:0;font-size:15px;line-height:1.55;color:#35566e} .aviation-learning-source-list{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px} .aviation-learning-source-list a{display:inline-flex;align-items:center;min-height:40px;padding:9px 12px;border:1px solid #9fcde6;border-radius:11px;background:#f4fbff;color:#075f9b;font-weight:850;text-decoration:none} .aviation-learning-detail-head p{margin:5px 0 0;color:#4a687e;line-height:1.45} [data-theme="dark"] .aviation-learning-tech{background:linear-gradient(135deg,#153047,#163b38);border-color:#31586d} [data-theme="dark"] .aviation-learning-tech h4{color:#75d7ff} [data-theme="dark"] .aviation-learning-tech p,[data-theme="dark"] .aviation-learning-detail-head p{color:#bfd3e1} [data-theme="dark"] .aviation-learning-source-list a{background:#153247;border-color:#3c6980;color:#8cddff} /* V70.40 · NOVA Aviation Dashboard Design */ .modal-panel:has(.nova-aviation-module){background:#07182b!important;border:1px solid #1f5675!important;box-shadow:0 28px 90px rgba(0,18,42,.58)!important} .nova-aviation-module{--av-bg:#07182b;--av-panel:#0b2239;--av-panel2:#0e2c47;--av-line:#214c69;--av-text:#f1f7fc;--av-muted:#a8c1d4;--av-cyan:#19d6ff;--av-blue:#118be0;color:var(--av-text)!important;background:radial-gradient(circle at 75% -10%,rgba(18,203,235,.14),transparent 28%),linear-gradient(180deg,#07182b 0%,#081d32 100%);border-radius:22px;padding:12px} .nova-aviation-module .aviation-hero{background:linear-gradient(115deg,#071b38,#075f9d 55%,#09a3ad)!important;border:1px solid rgba(92,221,255,.3);box-shadow:0 18px 48px rgba(0,77,138,.28);padding:24px 28px} .nova-aviation-module .aviation-hero h2{font-size:34px!important;color:#fff!important}.nova-aviation-module .aviation-hero p{font-size:17px!important;color:#cde8f6!important}.nova-aviation-module .aviation-hero .eyebrow{color:#20d8ff!important}.nova-aviation-module .aviation-hero-badge{background:rgba(3,30,55,.42)!important;border-color:rgba(77,224,255,.35)!important} .aviation-dashboard-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:10px 0 8px}.aviation-dashboard-metrics>div{min-height:70px;display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;gap:1px 9px;align-content:center;padding:10px 13px;border-radius:14px;background:linear-gradient(145deg,#0b263e,#0d314d);border:1px solid #23546f}.aviation-dashboard-metrics span{grid-row:1/3;font-size:27px;align-self:center}.aviation-dashboard-metrics b{font-size:15px;color:#f5fbff}.aviation-dashboard-metrics small{font-size:11.5px;color:#9fc1d5} .nova-aviation-module .aviation-tabs{padding:9px 1px 12px;gap:6px}.nova-aviation-module .aviation-tabs button{border-radius:10px!important;background:#eaf2f7!important;color:#132d47!important;border:1px solid #b8cbd9!important;font-size:15.5px!important;padding:11px 15px!important}.nova-aviation-module .aviation-tabs button.active{background:linear-gradient(135deg,#0b82dc,#1069c7)!important;border-color:#22b8f1!important;color:white!important;box-shadow:0 7px 18px rgba(14,130,215,.25)}.nova-aviation-module .aviation-tabs button[data-avtab="learn"].active{background:linear-gradient(135deg,#4932b8,#902fea)!important;border-color:#b575ff!important} .nova-aviation-module .aviation-pane{padding:10px 2px 2px}.nova-aviation-module .aviation-world-toolbar,.nova-aviation-module .aviation-facility-toolbar,.nova-aviation-module .aviation-flight-search{background:#0b233a!important;border-color:#214e69!important;color:#edf8ff!important}.nova-aviation-module .aviation-world-toolbar select,.nova-aviation-module .aviation-airport-search input,.nova-aviation-module .aviation-airport-search button,.nova-aviation-module .aviation-flight-search input{background:#102f4a!important;color:#f0f8fd!important;border-color:#32617d!important}.nova-aviation-module .aviation-world-toolbar small,.nova-aviation-module .aviation-facility-toolbar small,.nova-aviation-module #novaAviationFacilityHint{color:#9ebbd0!important} .nova-aviation-module .aviation-region-chips button,.nova-aviation-module .aviation-facility-filters button{background:#0c2942!important;border-color:#2a5c78!important;color:#d8ebf6!important}.nova-aviation-module .aviation-region-chips button.active,.nova-aviation-module .aviation-facility-filters button.active{background:linear-gradient(135deg,#0878d1,#0ebdc7)!important;color:white!important;border-color:#36ddf0!important} .nova-aviation-module .aviation-map-card,.nova-aviation-module .aviation-airport-panel,.nova-aviation-module .aviation-guide-card,.nova-aviation-module .aviation-airline-card,.nova-aviation-module .aviation-learning-grid article,.nova-aviation-module .aviation-learning-detail,.nova-aviation-module .aviation-spotter,.nova-aviation-module .aviation-favorites article{background:#0b2239!important;border-color:#24516d!important;color:#eff8ff!important;box-shadow:0 12px 30px rgba(0,9,22,.28)!important}.nova-aviation-module .aviation-map-card{padding:12px}.nova-aviation-module .aviation-map{border:1px solid #265c79;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}.nova-aviation-module .aviation-section-head h3,.nova-aviation-module .aviation-airport-head h3,.nova-aviation-module .aviation-guide-card h4,.nova-aviation-module .aviation-airline-card h4,.nova-aviation-module .aviation-learning-grid h4{color:#f6fbff!important}.nova-aviation-module .aviation-section-head small,.nova-aviation-module .aviation-airport-head small{color:#21d5ff!important}.nova-aviation-module .aviation-section-head>span{background:#123653!important;color:#8fe9ff!important}.nova-aviation-module .aviation-airport-head p,.nova-aviation-module .aviation-guide-card p,.nova-aviation-module .aviation-airline-meta span,.nova-aviation-module .aviation-learning-grid ul{color:#aec7d8!important}.nova-aviation-module .aviation-airport-actions a,.nova-aviation-module .aviation-airport-meta span{background:#102d47!important;border-color:#2a5874!important;color:#e7f4fc!important}.nova-aviation-module .aviation-airport-tip{background:#0e3b39!important;color:#bfeee3!important}.nova-aviation-module .aviation-source-note{background:#352f1a!important;color:#f2dda1!important;border:1px solid #61572e} .aviation-home-panels{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:10px;margin-top:12px}.aviation-home-panel{min-height:210px;padding:17px 18px;border-radius:18px;border:1px solid #285875;background:linear-gradient(145deg,#0b2239,#0d2c47);box-shadow:0 12px 28px rgba(0,8,20,.24)}.aviation-home-panel.learning{background:linear-gradient(145deg,#241b68,#3a197c 55%,#5726a4);border-color:#795de2}.aviation-home-panel.why{background:linear-gradient(145deg,#09334c,#075a70)}.aviation-home-panel-head{display:flex;align-items:center;gap:10px}.aviation-home-panel-head>span{font-size:30px}.aviation-home-panel-head>div{flex:1}.aviation-home-panel-head small{font-weight:900;letter-spacing:.08em;color:#29d7ff}.aviation-home-panel.learning .aviation-home-panel-head small{color:#ceb7ff}.aviation-home-panel-head h3{margin:2px 0;color:white;font-size:21px}.aviation-home-panel-head button{border:1px solid #3a7ba2;border-radius:10px;background:#0a6fb1;color:white;padding:8px 10px;font-weight:850;cursor:pointer}.aviation-home-panel.learning .aviation-home-panel-head button{background:#6e35dc;border-color:#a16eff}.aviation-home-panel p{color:#b8cfdd;line-height:1.45;font-size:13.5px}.aviation-home-tags{display:flex;flex-wrap:wrap;gap:6px}.aviation-home-tags span{padding:6px 8px;border-radius:999px;background:rgba(7,18,33,.48);border:1px solid rgba(141,211,241,.25);color:#d8effa;font-size:11.5px;font-weight:800}.aviation-home-panel ul{padding-left:18px;margin:13px 0 0;color:#d2e9f3;font-size:13px;line-height:1.55}.aviation-home-panel li::marker{color:#22d9ff} .nova-aviation-module .aviation-learning-hero{background:linear-gradient(120deg,#18275f,#46247d)!important;border-color:#6f59b7!important}.nova-aviation-module .aviation-learning-progress{background:#111f38!important;border-color:#495c82!important}.nova-aviation-module .aviation-learning-tech{background:linear-gradient(135deg,#102e48,#133d3b)!important;border-color:#315d72!important}.nova-aviation-module .aviation-learning-source-list a{background:#12324a!important;border-color:#3b7190!important;color:#8ae0ff!important}.nova-aviation-module .aviation-quiz-card{box-shadow:0 14px 32px rgba(30,22,111,.25)} .nova-aviation-module .aviation-manufacturer-grid a,.nova-aviation-module .aviation-flight-sites-grid a{background:#0b2239!important;border-color:#26536d!important;color:#eef8ff!important}.nova-aviation-module .aviation-manufacturer-grid small,.nova-aviation-module .aviation-flight-sites-grid small{color:#acc6d7!important} @media(max-width:1150px){.aviation-dashboard-metrics{grid-template-columns:repeat(3,1fr)}.aviation-home-panels{grid-template-columns:1fr 1fr}.aviation-home-panel.why{grid-column:1/-1}} @media(max-width:760px){.nova-aviation-module{padding:7px}.nova-aviation-module .aviation-hero h2{font-size:26px!important}.aviation-dashboard-metrics{grid-template-columns:1fr 1fr}.aviation-home-panels{grid-template-columns:1fr}.aviation-home-panel.why{grid-column:auto}} @media(max-width:470px){.aviation-dashboard-metrics{grid-template-columns:1fr}.nova-aviation-module .aviation-tabs button{font-size:14px!important;padding:10px 12px!important}} /* V70.42 · NOVA Aviation Light/Dark Theme Fix + Typography */ /* Light mode is the default. All Aviation dashboard surfaces now inherit a coherent light palette. */ body:not(.dark-mode):not(.dark-mode-theme) .modal-panel:has(.nova-aviation-module), html:not([data-theme="dark"]) .modal-panel:has(.nova-aviation-module){ background:#f4f8fc!important; border-color:#bfd7e8!important; box-shadow:0 24px 70px rgba(20,55,90,.22)!important; } body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module, html:not([data-theme="dark"]) .nova-aviation-module{ --av-bg:#f4f8fc;--av-panel:#ffffff;--av-panel2:#eef5fa;--av-line:#c6dbe9;--av-text:#102b49;--av-muted:#526b82;--av-cyan:#078bb8;--av-blue:#0877bc; color:var(--av-text)!important; background:radial-gradient(circle at 78% -10%,rgba(21,166,179,.10),transparent 30%),linear-gradient(180deg,#f8fbfe 0%,#eef5fa 100%)!important; } /* Hero stays branded, but text contrast is increased in both themes. */ .nova-aviation-module .aviation-hero h2{font-size:36px!important;line-height:1.12!important;font-weight:900!important} .nova-aviation-module .aviation-hero p{font-size:18px!important;line-height:1.55!important;font-weight:600!important} .nova-aviation-module .aviation-hero .eyebrow{font-size:13px!important;letter-spacing:.12em!important} .nova-aviation-module .aviation-hero-badge span{font-size:14px!important;font-weight:800!important} .nova-aviation-module .aviation-hero-badge small{font-size:11.5px!important} /* Metrics / KPI strip */ body:not(.dark-mode):not(.dark-mode-theme) .aviation-dashboard-metrics>div, html:not([data-theme="dark"]) .aviation-dashboard-metrics>div{ background:linear-gradient(145deg,#ffffff,#edf6fb)!important;border-color:#c5dce9!important;box-shadow:0 5px 16px rgba(31,76,119,.07)!important; } body:not(.dark-mode):not(.dark-mode-theme) .aviation-dashboard-metrics b, html:not([data-theme="dark"]) .aviation-dashboard-metrics b{color:#123552!important} body:not(.dark-mode):not(.dark-mode-theme) .aviation-dashboard-metrics small, html:not([data-theme="dark"]) .aviation-dashboard-metrics small{color:#587188!important} .aviation-dashboard-metrics b{font-size:17px!important;line-height:1.25!important} .aviation-dashboard-metrics small{font-size:13px!important;line-height:1.35!important} /* Tabs */ .nova-aviation-module .aviation-tabs button{font-size:17px!important;line-height:1.15!important;font-weight:900!important;padding:12px 16px!important} body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-tabs button, html:not([data-theme="dark"]) .nova-aviation-module .aviation-tabs button{background:#fff!important;color:#173a5b!important;border-color:#c3d7e5!important;box-shadow:0 3px 10px rgba(20,58,92,.05)!important} body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-tabs button.active, html:not([data-theme="dark"]) .nova-aviation-module .aviation-tabs button.active{background:linear-gradient(135deg,#0b82dc,#0a70bf)!important;color:#fff!important;border-color:#0c96da!important} /* Toolbars, search and filter areas */ body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-world-toolbar, body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-facility-toolbar, body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-flight-search, html:not([data-theme="dark"]) .nova-aviation-module .aviation-world-toolbar, html:not([data-theme="dark"]) .nova-aviation-module .aviation-facility-toolbar, html:not([data-theme="dark"]) .nova-aviation-module .aviation-flight-search{ background:linear-gradient(135deg,#ffffff,#edf7fb)!important;border-color:#c7dce9!important;color:#173a5b!important; } body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-world-toolbar label b, body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-facility-toolbar b, html:not([data-theme="dark"]) .nova-aviation-module .aviation-world-toolbar label b, html:not([data-theme="dark"]) .nova-aviation-module .aviation-facility-toolbar b{color:#173a5b!important} body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-world-toolbar small, body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-facility-toolbar small, body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module #novaAviationFacilityHint, html:not([data-theme="dark"]) .nova-aviation-module .aviation-world-toolbar small, html:not([data-theme="dark"]) .nova-aviation-module .aviation-facility-toolbar small, html:not([data-theme="dark"]) .nova-aviation-module #novaAviationFacilityHint{color:#587086!important} body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-world-toolbar select, body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-airport-search input, body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-flight-search input, html:not([data-theme="dark"]) .nova-aviation-module .aviation-world-toolbar select, html:not([data-theme="dark"]) .nova-aviation-module .aviation-airport-search input, html:not([data-theme="dark"]) .nova-aviation-module .aviation-flight-search input{background:#fff!important;color:#102b49!important;border-color:#bfd5e4!important} body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module input::placeholder, html:not([data-theme="dark"]) .nova-aviation-module input::placeholder{color:#718699!important;opacity:1!important} .aviation-world-toolbar label b,.aviation-facility-toolbar>div:first-child b{font-size:16px!important} .aviation-world-toolbar label small,.aviation-facility-toolbar>div:first-child small,#novaAviationFacilityHint{font-size:13px!important;line-height:1.45!important} .aviation-world-toolbar select,.aviation-airport-search input,.aviation-airport-search button,.aviation-flight-search input{font-size:15px!important} /* Region and airport-type chips */ body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-region-chips button, body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-facility-filters button, html:not([data-theme="dark"]) .nova-aviation-module .aviation-region-chips button, html:not([data-theme="dark"]) .nova-aviation-module .aviation-facility-filters button{background:#fff!important;border-color:#bfd6e5!important;color:#24445f!important} body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-region-chips button small, html:not([data-theme="dark"]) .nova-aviation-module .aviation-region-chips button small{background:#e8f4fa!important;color:#0a6f9d!important} .aviation-region-chips button,.aviation-facility-filters button{font-size:13.5px!important;font-weight:900!important} /* Main cards and panels */ body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-map-card, body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-airport-panel, body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-guide-card, body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-airline-card, body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-learning-grid article, body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-learning-detail, body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-spotter, body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-favorites article, html:not([data-theme="dark"]) .nova-aviation-module .aviation-map-card, html:not([data-theme="dark"]) .nova-aviation-module .aviation-airport-panel, html:not([data-theme="dark"]) .nova-aviation-module .aviation-guide-card, html:not([data-theme="dark"]) .nova-aviation-module .aviation-airline-card, html:not([data-theme="dark"]) .nova-aviation-module .aviation-learning-grid article, html:not([data-theme="dark"]) .nova-aviation-module .aviation-learning-detail, html:not([data-theme="dark"]) .nova-aviation-module .aviation-spotter, html:not([data-theme="dark"]) .nova-aviation-module .aviation-favorites article{ background:#fff!important;border-color:#c8dce9!important;color:#102b49!important;box-shadow:0 10px 26px rgba(31,76,119,.08)!important; } body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-map, html:not([data-theme="dark"]) .nova-aviation-module .aviation-map{border-color:#b8d3e4!important;box-shadow:inset 0 0 0 1px rgba(17,119,188,.04)!important} body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-section-head h3, body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-airport-head h3, body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-guide-card h4, body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-airline-card h4, body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-learning-grid h4, html:not([data-theme="dark"]) .nova-aviation-module .aviation-section-head h3, html:not([data-theme="dark"]) .nova-aviation-module .aviation-airport-head h3, html:not([data-theme="dark"]) .nova-aviation-module .aviation-guide-card h4, html:not([data-theme="dark"]) .nova-aviation-module .aviation-airline-card h4, html:not([data-theme="dark"]) .nova-aviation-module .aviation-learning-grid h4{color:#102b49!important} body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-section-head small, body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-airport-head small, html:not([data-theme="dark"]) .nova-aviation-module .aviation-section-head small, html:not([data-theme="dark"]) .nova-aviation-module .aviation-airport-head small{color:#0879a7!important} body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-section-head>span, html:not([data-theme="dark"]) .nova-aviation-module .aviation-section-head>span{background:#e9f5fb!important;color:#08749e!important} body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-airport-head p, body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-guide-card p, body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-airline-meta span, body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-learning-grid ul, html:not([data-theme="dark"]) .nova-aviation-module .aviation-airport-head p, html:not([data-theme="dark"]) .nova-aviation-module .aviation-guide-card p, html:not([data-theme="dark"]) .nova-aviation-module .aviation-airline-meta span, html:not([data-theme="dark"]) .nova-aviation-module .aviation-learning-grid ul{color:#526b82!important} body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-empty, html:not([data-theme="dark"]) .nova-aviation-module .aviation-empty{color:#61788e!important} body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-empty h3, html:not([data-theme="dark"]) .nova-aviation-module .aviation-empty h3{color:#173a5b!important} /* Airport detail actions, metadata and notes */ body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-airport-actions a, body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-airport-meta span, html:not([data-theme="dark"]) .nova-aviation-module .aviation-airport-actions a, html:not([data-theme="dark"]) .nova-aviation-module .aviation-airport-meta span{background:#f4f9fc!important;border-color:#c6dce9!important;color:#173a5b!important} body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-airport-actions a small, html:not([data-theme="dark"]) .nova-aviation-module .aviation-airport-actions a small{color:#08759e!important} body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-airport-tip, html:not([data-theme="dark"]) .nova-aviation-module .aviation-airport-tip{background:#eaf8f2!important;color:#315d4b!important} body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-source-note, html:not([data-theme="dark"]) .nova-aviation-module .aviation-source-note{background:#fff7df!important;color:#6f5720!important;border-color:#ead597!important} .aviation-section-head h3,.aviation-airport-head h3{font-size:24px!important} .aviation-section-head small,.aviation-airport-head small{font-size:12.5px!important} .aviation-section-head>span{font-size:12.5px!important} .aviation-airport-head p{font-size:14px!important;line-height:1.5!important} .aviation-airport-actions a b{font-size:15px!important}.aviation-airport-actions a small{font-size:12.5px!important} .aviation-airport-meta span{font-size:12.5px!important;line-height:1.35!important} .aviation-airport-tip,.aviation-source-note{font-size:13px!important;line-height:1.55!important} /* Flow strip */ body:not(.dark-mode):not(.dark-mode-theme) .aviation-flow, html:not([data-theme="dark"]) .aviation-flow{background:linear-gradient(135deg,#ffffff,#eef9f8)!important;border-color:#c9dce8!important} body:not(.dark-mode):not(.dark-mode-theme) .aviation-flow b, html:not([data-theme="dark"]) .aviation-flow b{color:#173a5b!important} body:not(.dark-mode):not(.dark-mode-theme) .aviation-flow small, html:not([data-theme="dark"]) .aviation-flow small{color:#60788d!important} .aviation-flow b{font-size:13px!important}.aviation-flow small{font-size:11.5px!important} /* Airline Guide */ body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-airline-toolbar, html:not([data-theme="dark"]) .nova-aviation-module .aviation-airline-toolbar{background:#fff!important;border-color:#c9dce8!important;color:#173a5b!important} body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-airline-toolbar input, body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-airline-toolbar select, html:not([data-theme="dark"]) .nova-aviation-module .aviation-airline-toolbar input, html:not([data-theme="dark"]) .nova-aviation-module .aviation-airline-toolbar select{background:#fff!important;color:#102b49!important;border-color:#bfd5e4!important} body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-airline-card p, body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-airline-card small, html:not([data-theme="dark"]) .nova-aviation-module .aviation-airline-card p, html:not([data-theme="dark"]) .nova-aviation-module .aviation-airline-card small{color:#526b82!important} .aviation-airline-card h4{font-size:21px!important}.aviation-airline-card p,.aviation-airline-card small,.aviation-airline-meta span{font-size:13.5px!important;line-height:1.5!important} .aviation-airline-toolbar input,.aviation-airline-toolbar select{font-size:15px!important} /* Aviation Lernen */ body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-learning-hero, html:not([data-theme="dark"]) .nova-aviation-module .aviation-learning-hero{background:linear-gradient(120deg,#eef2ff,#f5ecff)!important;border-color:#c9bde9!important;color:#26345e!important} body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-learning-hero h3, body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-learning-hero p, html:not([data-theme="dark"]) .nova-aviation-module .aviation-learning-hero h3, html:not([data-theme="dark"]) .nova-aviation-module .aviation-learning-hero p{color:#26345e!important} body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-learning-progress, html:not([data-theme="dark"]) .nova-aviation-module .aviation-learning-progress{background:#fff!important;border-color:#cfc5e9!important;color:#30425e!important} body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-learning-tech, html:not([data-theme="dark"]) .nova-aviation-module .aviation-learning-tech{background:linear-gradient(135deg,#eef8ff,#f1fff9)!important;border-color:#bcd9e9!important} body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-learning-tech h4, html:not([data-theme="dark"]) .nova-aviation-module .aviation-learning-tech h4{color:#075f9b!important} body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-learning-tech p, body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-learning-detail-head p, html:not([data-theme="dark"]) .nova-aviation-module .aviation-learning-tech p, html:not([data-theme="dark"]) .nova-aviation-module .aviation-learning-detail-head p{color:#35566e!important} body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-learning-source-list a, html:not([data-theme="dark"]) .nova-aviation-module .aviation-learning-source-list a{background:#f4fbff!important;border-color:#9fcde6!important;color:#075f9b!important} .aviation-learning-grid h4,.aviation-learning-tech h4{font-size:20px!important} .aviation-learning-grid p,.aviation-learning-grid li,.aviation-learning-detail p,.aviation-learning-tech p,.aviation-learning-detail-head p{font-size:15px!important;line-height:1.55!important} .aviation-learning-source-list a{font-size:14px!important} /* Manufacturer / flight sites */ body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-manufacturer-grid a, body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-flight-sites-grid a, html:not([data-theme="dark"]) .nova-aviation-module .aviation-manufacturer-grid a, html:not([data-theme="dark"]) .nova-aviation-module .aviation-flight-sites-grid a{background:#fff!important;border-color:#c8dce9!important;color:#173a5b!important} body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-manufacturer-grid a>span, body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-flight-sites-grid a>span, html:not([data-theme="dark"]) .nova-aviation-module .aviation-manufacturer-grid a>span, html:not([data-theme="dark"]) .nova-aviation-module .aviation-flight-sites-grid a>span{background:#eaf6fb!important} body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-manufacturer-grid small, body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-flight-sites-grid small, html:not([data-theme="dark"]) .nova-aviation-module .aviation-manufacturer-grid small, html:not([data-theme="dark"]) .nova-aviation-module .aviation-flight-sites-grid small{color:#5d7488!important} .aviation-manufacturer-grid b,.aviation-flight-sites-grid b{font-size:16px!important}.aviation-manufacturer-grid small,.aviation-flight-sites-grid small{font-size:13px!important}.aviation-manufacturer-grid em,.aviation-flight-sites-grid em{font-size:12.5px!important} /* Home summary panels: light mode becomes bright while preserving the learning accent. */ body:not(.dark-mode):not(.dark-mode-theme) .aviation-home-panel, html:not([data-theme="dark"]) .aviation-home-panel{background:linear-gradient(145deg,#ffffff,#edf6fb)!important;border-color:#c6dce9!important;box-shadow:0 10px 24px rgba(20,58,92,.08)!important} body:not(.dark-mode):not(.dark-mode-theme) .aviation-home-panel.learning, html:not([data-theme="dark"]) .aviation-home-panel.learning{background:linear-gradient(145deg,#f4f0ff,#e9e1ff)!important;border-color:#bca9e8!important} body:not(.dark-mode):not(.dark-mode-theme) .aviation-home-panel.why, html:not([data-theme="dark"]) .aviation-home-panel.why{background:linear-gradient(145deg,#eefaff,#e4f6f8)!important;border-color:#acd9df!important} body:not(.dark-mode):not(.dark-mode-theme) .aviation-home-panel-head h3, html:not([data-theme="dark"]) .aviation-home-panel-head h3{color:#173a5b!important} body:not(.dark-mode):not(.dark-mode-theme) .aviation-home-panel-head small, html:not([data-theme="dark"]) .aviation-home-panel-head small{color:#087aa7!important} body:not(.dark-mode):not(.dark-mode-theme) .aviation-home-panel.learning .aviation-home-panel-head small, html:not([data-theme="dark"]) .aviation-home-panel.learning .aviation-home-panel-head small{color:#6d4bb0!important} body:not(.dark-mode):not(.dark-mode-theme) .aviation-home-panel p, body:not(.dark-mode):not(.dark-mode-theme) .aviation-home-panel ul, html:not([data-theme="dark"]) .aviation-home-panel p, html:not([data-theme="dark"]) .aviation-home-panel ul{color:#526b82!important} body:not(.dark-mode):not(.dark-mode-theme) .aviation-home-tags span, html:not([data-theme="dark"]) .aviation-home-tags span{background:#f4f9fc!important;border-color:#c3dae8!important;color:#31526d!important} .aviation-home-panel-head h3{font-size:23px!important}.aviation-home-panel-head small{font-size:12.5px!important}.aviation-home-panel p,.aviation-home-panel ul{font-size:14.5px!important;line-height:1.6!important}.aviation-home-tags span{font-size:12.5px!important} /* Guide typography and technical details */ .aviation-guide-card h4{font-size:21px!important}.aviation-guide-card p,.aviation-guide-card p span{font-size:14px!important;line-height:1.45!important}.aviation-manufacturer-line{font-size:12.5px!important}.aviation-card-actions button,.aviation-card-actions a{font-size:13.5px!important}.aviation-tech-details h5{font-size:16px!important}.aviation-tech-details>p,.aviation-spec-grid span{font-size:13.5px!important;line-height:1.5!important} body:not(.dark-mode):not(.dark-mode-theme) .aviation-tech-details, html:not([data-theme="dark"]) .aviation-tech-details{background:#f7fbfd!important;border-color:#cbdde8!important;color:#173a5b!important} body:not(.dark-mode):not(.dark-mode-theme) .aviation-tech-details>p, html:not([data-theme="dark"]) .aviation-tech-details>p{color:#526b82!important} body:not(.dark-mode):not(.dark-mode-theme) .aviation-spec-grid span, html:not([data-theme="dark"]) .aviation-spec-grid span{background:#eaf4fa!important;color:#49647b!important} /* Keep dark mode deliberately dark and readable. Explicit selectors cover all theme mechanisms. */ body.dark-mode .modal-panel:has(.nova-aviation-module),body.dark-mode-theme .modal-panel:has(.nova-aviation-module),[data-theme="dark"] .modal-panel:has(.nova-aviation-module){background:#07182b!important;border-color:#1f5675!important} body.dark-mode .nova-aviation-module,body.dark-mode-theme .nova-aviation-module,[data-theme="dark"] .nova-aviation-module{color:#f1f7fc!important;background:radial-gradient(circle at 75% -10%,rgba(18,203,235,.14),transparent 28%),linear-gradient(180deg,#07182b 0%,#081d32 100%)!important} body.dark-mode .aviation-dashboard-metrics b,body.dark-mode-theme .aviation-dashboard-metrics b,[data-theme="dark"] .aviation-dashboard-metrics b{color:#f5fbff!important} body.dark-mode .aviation-dashboard-metrics small,body.dark-mode-theme .aviation-dashboard-metrics small,[data-theme="dark"] .aviation-dashboard-metrics small{color:#b5ccdc!important} body.dark-mode .nova-aviation-module .aviation-world-toolbar label b,body.dark-mode-theme .nova-aviation-module .aviation-world-toolbar label b,[data-theme="dark"] .nova-aviation-module .aviation-world-toolbar label b{color:#edf7ff!important} body.dark-mode .nova-aviation-module .aviation-facility-toolbar b,body.dark-mode-theme .nova-aviation-module .aviation-facility-toolbar b,[data-theme="dark"] .nova-aviation-module .aviation-facility-toolbar b{color:#edf7ff!important} body.dark-mode .nova-aviation-module input::placeholder,body.dark-mode-theme .nova-aviation-module input::placeholder,[data-theme="dark"] .nova-aviation-module input::placeholder{color:#9eb6c9!important;opacity:1!important} @media(max-width:760px){ .nova-aviation-module .aviation-hero h2{font-size:28px!important} .nova-aviation-module .aviation-hero p{font-size:15.5px!important} .nova-aviation-module .aviation-tabs button{font-size:15px!important} .aviation-dashboard-metrics b{font-size:15.5px!important}.aviation-dashboard-metrics small{font-size:12px!important} .aviation-section-head h3,.aviation-airport-head h3{font-size:21px!important} } /* ========================================================= NOVA AI V70.43 – Aviation Final Polish Typography, contrast and stable learning icons ========================================================= */ .nova-aviation-module .aviation-hero h2{ font-size:35px!important; line-height:1.14!important; font-weight:900!important; letter-spacing:-.02em!important; color:#fff!important; text-shadow:0 1px 2px rgba(0,0,0,.18)!important; } .nova-aviation-module .aviation-hero p{ font-size:17px!important; line-height:1.58!important; font-weight:650!important; color:#e8f7ff!important; opacity:1!important; max-width:900px!important; } .nova-aviation-module .aviation-hero .eyebrow{ font-size:12.5px!important; line-height:1.3!important; color:#58e8ff!important; opacity:1!important; } .nova-aviation-module .aviation-hero-badge b{color:#fff!important} .nova-aviation-module .aviation-hero-badge span{color:#e9f8ff!important;font-size:14px!important;font-weight:850!important} .nova-aviation-module .aviation-hero-badge small{color:#c8edf7!important;font-size:11.5px!important;opacity:1!important} .nova-aviation-module .aviation-tabs button{ font-size:15.5px!important; line-height:1.15!important; font-weight:850!important; } .nova-aviation-module .aviation-section-head small{ font-size:12.5px!important; line-height:1.25!important; } .nova-aviation-module .aviation-section-head h3{ font-size:23px!important; line-height:1.2!important; font-weight:900!important; } .nova-aviation-module .aviation-section-head>span{ font-size:12px!important; line-height:1.25!important; font-weight:850!important; } .nova-aviation-module .aviation-learning-hero h3{ font-size:22px!important; line-height:1.25!important; font-weight:900!important; } .nova-aviation-module .aviation-learning-hero p{ font-size:15.5px!important; line-height:1.55!important; font-weight:550!important; } .nova-aviation-module .aviation-learning-progress b{font-size:22px!important;line-height:1.15!important} .nova-aviation-module .aviation-learning-progress small{font-size:11.5px!important;line-height:1.25!important} .nova-aviation-module .aviation-learning-grid article{ grid-template-columns:48px minmax(0,1fr)!important; column-gap:14px!important; align-items:start!important; } .nova-aviation-module .aviation-learning-grid article>span{ width:42px!important; height:42px!important; min-width:42px!important; display:grid!important; place-items:center!important; align-self:start!important; overflow:hidden!important; border-radius:12px!important; background:linear-gradient(145deg,#edf7ff,#f5fbff)!important; border:1px solid #c7dce9!important; font-size:25px!important; line-height:1!important; font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important; } .nova-aviation-module .aviation-learning-grid small{ font-size:11.5px!important; line-height:1.3!important; font-weight:900!important; } .nova-aviation-module .aviation-learning-grid h4{ font-size:20px!important; line-height:1.25!important; font-weight:900!important; margin:3px 0 8px!important; } .nova-aviation-module .aviation-learning-grid li{ font-size:15px!important; line-height:1.48!important; } .nova-aviation-module .aviation-learning-actions button, .nova-aviation-module .aviation-learning-actions a{ font-size:13.5px!important; line-height:1.2!important; font-weight:850!important; min-height:39px!important; display:inline-flex!important; align-items:center!important; } .nova-aviation-module .aviation-quiz-card{ min-height:96px!important; color:#fff!important; } .nova-aviation-module .aviation-quiz-card>div>span{ width:44px!important; height:44px!important; min-width:44px!important; display:grid!important; place-items:center!important; border-radius:13px!important; background:rgba(255,255,255,.14)!important; border:1px solid rgba(255,255,255,.25)!important; font-size:27px!important; line-height:1!important; font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important; } .nova-aviation-module .aviation-quiz-card small{ color:#bfeeff!important; font-size:11.5px!important; font-weight:900!important; letter-spacing:.08em!important; } .nova-aviation-module .aviation-quiz-card h3{ color:#fff!important; font-size:22px!important; line-height:1.2!important; font-weight:900!important; } .nova-aviation-module .aviation-quiz-card p{ color:#e7f7ff!important; font-size:14.5px!important; line-height:1.45!important; font-weight:600!important; margin:3px 0 0!important; } .nova-aviation-module .aviation-quiz-card button{ font-size:14px!important; font-weight:900!important; min-height:40px!important; padding:10px 16px!important; } /* Light mode – keep blue gradient areas readable */ body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-hero p, html:not([data-theme="dark"]) .nova-aviation-module .aviation-hero p{color:#e8f7ff!important} body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-quiz-card h3, body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-quiz-card p, html:not([data-theme="dark"]) .nova-aviation-module .aviation-quiz-card h3, html:not([data-theme="dark"]) .nova-aviation-module .aviation-quiz-card p{color:#fff!important} body:not(.dark-mode):not(.dark-mode-theme) .nova-aviation-module .aviation-quiz-card small, html:not([data-theme="dark"]) .nova-aviation-module .aviation-quiz-card small{color:#c8f2ff!important} /* Dark mode icon surfaces */ body.dark-mode .nova-aviation-module .aviation-learning-grid article>span, body.dark-mode-theme .nova-aviation-module .aviation-learning-grid article>span, html[data-theme="dark"] .nova-aviation-module .aviation-learning-grid article>span{ background:linear-gradient(145deg,#12324d,#163b56)!important; border-color:#315d78!important; } @media(max-width:760px){ .nova-aviation-module .aviation-hero h2{font-size:27px!important} .nova-aviation-module .aviation-hero p{font-size:15px!important} .nova-aviation-module .aviation-learning-grid article{grid-template-columns:44px minmax(0,1fr)!important;padding:15px!important} .nova-aviation-module .aviation-learning-grid article>span{width:38px!important;height:38px!important;min-width:38px!important;font-size:23px!important} .nova-aviation-module .aviation-learning-grid h4{font-size:18px!important} .nova-aviation-module .aviation-learning-grid li{font-size:14px!important} } \n/* V70.44 – NOVA Aviation Preise & Vergleich */\n.aviation-home-panel.prices{background:linear-gradient(135deg,#eefbf5,#eef8ff)!important;border-color:#bfe4d2!important}.aviation-home-panel.prices .aviation-home-panel-head>span{background:#dff7e9!important}.aviation-home-panel.prices .aviation-home-panel-head button{background:#0f8b66!important}.aviation-price-note{margin:12px 0 16px;padding:14px 16px;border:1px solid #bcd9e7;border-radius:14px;background:#eef8fd;color:#345a71;font-size:14px;line-height:1.5}.aviation-price-note b{color:#0b6995}.aviation-price-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:16px}.aviation-price-panel{padding:18px;border:1px solid #cbdde9;border-radius:18px;background:#fff;box-shadow:0 7px 18px rgba(18,64,96,.06)}.aviation-price-head{display:flex;gap:13px;align-items:flex-start;margin-bottom:14px}.aviation-price-head>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#e8f5fb;font-size:28px;flex:0 0 auto}.aviation-price-head small{font-size:11px;font-weight:900;letter-spacing:.07em;color:#0d7a9d}.aviation-price-head h4{margin:2px 0 4px;font-size:21px;color:#173a58}.aviation-price-head p{margin:0;color:#5a7386;font-size:14px;line-height:1.45}.aviation-route-helper{display:grid;grid-template-columns:1fr auto 1fr 150px 160px;gap:8px;align-items:center;margin-bottom:13px}.aviation-route-helper input,.aviation-route-helper select,.aviation-direct-airline select{min-height:44px;border:1px solid #bfd5e4;border-radius:11px;background:#fff;color:#183b58;padding:0 12px;font-size:14px;font-weight:700}.aviation-route-helper>span{font-weight:900;color:#0e7fad}.aviation-compare-grid,.aviation-market-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.aviation-compare-grid a,.aviation-market-grid a{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:12px;border:1px solid #cbdde8;border-radius:13px;background:#fafdff;color:#173a58;text-decoration:none;transition:.18s}.aviation-compare-grid a:hover,.aviation-market-grid a:hover{transform:translateY(-1px);border-color:#79bfdf}.aviation-compare-grid a>span,.aviation-market-grid a>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#e9f6fb;font-size:22px}.aviation-compare-grid b,.aviation-market-grid b{display:block;font-size:15px}.aviation-compare-grid small,.aviation-market-grid small{display:block;margin-top:2px;color:#60788b;font-size:12.5px;line-height:1.35}.aviation-compare-grid em,.aviation-market-grid em{font-style:normal;color:#0875ad;font-size:12px;font-weight:900;white-space:nowrap}.aviation-direct-airline{display:grid;grid-template-columns:1fr minmax(190px,240px) auto;gap:10px;align-items:center;margin-top:14px;padding:13px;border-radius:14px;background:#f3f8fb;border:1px solid #d5e4ed}.aviation-direct-airline b{display:block;font-size:14px;color:#173a58}.aviation-direct-airline small{display:block;color:#60788b;font-size:12px;line-height:1.35}.aviation-direct-airline button{min-height:44px;border:0;border-radius:11px;background:#087cc4;color:#fff;font-weight:900;padding:0 14px;cursor:pointer}.aviation-market-types{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 12px}.aviation-market-types span{padding:6px 9px;border-radius:999px;background:#eef7f3;border:1px solid #c9e5d8;color:#287055;font-size:11.5px;font-weight:900}.aviation-price-warning{margin-top:13px;padding:12px 13px;border-radius:12px;background:#fff8e5;border:1px solid #ead08a;color:#6c5725;font-size:12.5px;line-height:1.45}.aviation-price-warning b{color:#76560d}[data-theme="dark"] .aviation-home-panel.prices,.dark-mode .aviation-home-panel.prices{background:linear-gradient(135deg,#0d2e2b,#0d2639)!important;border-color:#285b59!important}[data-theme="dark"] .aviation-price-panel,.dark-mode .aviation-price-panel{background:#102436;border-color:#2b4b61;color:#edf7ff}[data-theme="dark"] .aviation-price-note,.dark-mode .aviation-price-note{background:#102d43;border-color:#2a5870;color:#bdd3df}[data-theme="dark"] .aviation-price-head h4,.dark-mode .aviation-price-head h4,[data-theme="dark"] .aviation-direct-airline b,.dark-mode .aviation-direct-airline b{color:#eef8ff}[data-theme="dark"] .aviation-price-head p,.dark-mode .aviation-price-head p,[data-theme="dark"] .aviation-compare-grid small,.dark-mode .aviation-compare-grid small,[data-theme="dark"] .aviation-market-grid small,.dark-mode .aviation-market-grid small,[data-theme="dark"] .aviation-direct-airline small,.dark-mode .aviation-direct-airline small{color:#b7cedd}[data-theme="dark"] .aviation-route-helper input,[data-theme="dark"] .aviation-route-helper select,[data-theme="dark"] .aviation-direct-airline select,.dark-mode .aviation-route-helper input,.dark-mode .aviation-route-helper select,.dark-mode .aviation-direct-airline select{background:#0d2235;border-color:#31536a;color:#eef8ff}[data-theme="dark"] .aviation-compare-grid a,[data-theme="dark"] .aviation-market-grid a,.dark-mode .aviation-compare-grid a,.dark-mode .aviation-market-grid a{background:#0d2235;border-color:#2b4c62;color:#eef8ff}[data-theme="dark"] .aviation-compare-grid a>span,[data-theme="dark"] .aviation-market-grid a>span,.dark-mode .aviation-compare-grid a>span,.dark-mode .aviation-market-grid a>span{background:#16364e}[data-theme="dark"] .aviation-direct-airline,.dark-mode .aviation-direct-airline{background:#112b40;border-color:#2b4d63}[data-theme="dark"] .aviation-market-types span,.dark-mode .aviation-market-types span{background:#15382f;border-color:#2d6252;color:#bdebd9}[data-theme="dark"] .aviation-price-warning,.dark-mode .aviation-price-warning{background:#3b3117;border-color:#6b5822;color:#efdca8}[data-theme="dark"] .aviation-price-warning b,.dark-mode .aviation-price-warning b{color:#ffe8a5}@media(max-width:1050px){.aviation-price-layout{grid-template-columns:1fr}.aviation-route-helper{grid-template-columns:1fr auto 1fr}.aviation-route-helper input[type="date"],.aviation-route-helper select{grid-column:auto/span 1}.aviation-direct-airline{grid-template-columns:1fr}}@media(max-width:680px){.aviation-route-helper{grid-template-columns:1fr}.aviation-route-helper>span{display:none}.aviation-compare-grid,.aviation-market-grid{grid-template-columns:1fr}.aviation-price-panel{padding:14px}.aviation-price-head h4{font-size:19px}}\n /* ========================================================== V70.45 – NOVA SELECT EXPERIENCE ========================================================== */ .nova-select-tile{position:relative;overflow:hidden;background:linear-gradient(145deg,#161321,#251c35 58%,#3b2a55)!important;border-color:rgba(210,180,255,.42)!important;color:#fff!important} .nova-select-tile:before{content:"";position:absolute;inset:auto -30px -45px auto;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(241,213,147,.24),transparent 68%)} .nova-select-tile>span{background:linear-gradient(145deg,#f3d693,#fff2c5);color:#241b30!important;border-radius:14px;padding:7px 10px;box-shadow:0 8px 20px rgba(20,10,30,.22)} .nova-select-tile b,.nova-select-tile small{color:#fff!important}.nova-select-tile small{opacity:.82} .nova-select-sidebar>span{color:#d9b86f!important} .modal-panel:has(.nova-select-module){width:min(1460px,calc(100% - 22px));max-height:94vh;margin:3vh auto;padding:0;overflow:auto;background:#f6f3f8;border-color:#d9d2e3} .nova-select-module{--sel-bg:#f6f3f8;--sel-surface:#fff;--sel-surface2:#f1edf4;--sel-text:#251f2d;--sel-muted:#746c7c;--sel-border:#ded7e5;--sel-gold:#b88b37;--sel-purple:#674a88;--sel-shadow:0 12px 28px rgba(48,30,64,.08);color:var(--sel-text);background:var(--sel-bg);min-height:620px} .nova-select-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(270px,.8fr);gap:22px;padding:30px 32px;background:radial-gradient(circle at 80% 20%,rgba(227,198,128,.18),transparent 34%),linear-gradient(135deg,#17121e,#2b1e38 62%,#4a365c);color:#fff;border-radius:24px 24px 0 0} .nova-select-hero .eyebrow{color:#e8ca82;font-size:12px;letter-spacing:.13em;font-weight:900}.nova-select-hero h2{margin:5px 0 8px!important;font-size:clamp(30px,4vw,47px)!important;line-height:1.05;color:#fff!important}.nova-select-hero p{max-width:850px;margin:0;color:#ece7f0;font-size:16px;line-height:1.55;font-weight:560} .nova-select-hero-badges{display:grid;grid-template-columns:1fr 1fr;gap:9px;align-content:center}.nova-select-hero-badges span{min-height:58px;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px 12px;border:1px solid rgba(255,255,255,.16);border-radius:15px;background:rgba(255,255,255,.07);font-size:13px;font-weight:850;backdrop-filter:blur(8px)} .nova-select-tabs{display:flex;gap:8px;overflow:auto;padding:16px 22px;margin:0;border-bottom:1px solid var(--sel-border);background:var(--sel-surface);position:sticky;top:0;z-index:4}.nova-select-tabs button{flex:0 0 auto;border:1px solid var(--sel-border);background:var(--sel-surface2);color:var(--sel-text);border-radius:12px;padding:11px 15px;font-size:14px;font-weight:850;cursor:pointer}.nova-select-tabs button.active{background:linear-gradient(135deg,#5b426f,#8f6a49);color:#fff;border-color:transparent;box-shadow:0 7px 17px rgba(75,49,92,.18)} .nova-select-pane{display:none;padding:24px 28px 32px}.nova-select-pane.active{display:block}.nova-select-section-head small,.nova-select-results-head small,.nova-select-feature-head small{font-size:11px;letter-spacing:.1em;font-weight:900;color:var(--sel-purple)}.nova-select-section-head h3,.nova-select-results-head h3,.nova-select-feature-head h3{margin:4px 0 6px;font-size:25px;line-height:1.2}.nova-select-section-head p,.nova-select-results-head p,.nova-select-feature-head p{margin:0;color:var(--sel-muted);font-size:14.5px;line-height:1.5} .nova-select-category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:18px 0}.nova-select-category{display:grid;grid-template-columns:48px 1fr;gap:11px;align-items:center;text-align:left;padding:15px;border:1px solid var(--sel-border);border-radius:17px;background:var(--sel-surface);color:var(--sel-text);box-shadow:var(--sel-shadow);cursor:pointer;min-height:92px;transition:.18s}.nova-select-category:hover,.nova-select-category.active{transform:translateY(-2px);border-color:#bd9a53;box-shadow:0 13px 28px rgba(74,47,89,.12)}.nova-select-category>span{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#f4ead0,#efe5f5);font-size:24px}.nova-select-category b{display:block;font-size:15px}.nova-select-category small{display:block;margin-top:4px;color:var(--sel-muted);font-size:11.5px;line-height:1.32} .nova-select-orientation{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.nova-select-orientation article{padding:17px;border:1px solid var(--sel-border);border-radius:17px;background:linear-gradient(145deg,var(--sel-surface),var(--sel-surface2))}.nova-select-orientation article>span{font-size:25px}.nova-select-orientation b{display:block;margin-top:8px;font-size:16px}.nova-select-orientation p{margin:5px 0 0;color:var(--sel-muted);font-size:13px;line-height:1.45} .nova-select-map-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:12px;align-items:end;margin-bottom:12px}.nova-select-map-toolbar label{display:grid;gap:6px;color:var(--sel-text);font-size:12px;font-weight:850}.nova-select-place>div{display:grid;grid-template-columns:1fr auto;gap:8px}.nova-select-place input,.nova-select-map-toolbar select{height:46px;border:1px solid var(--sel-border);border-radius:12px;background:var(--sel-surface);color:var(--sel-text);padding:0 13px;font:inherit;font-weight:650}.nova-select-place button{height:46px;border:0;border-radius:12px;background:linear-gradient(135deg,#5d4372,#8c6849);color:#fff;padding:0 18px;font-weight:900;cursor:pointer}.nova-select-map-filters{display:flex;gap:7px;overflow:auto;padding-bottom:12px}.nova-select-map-filters button{flex:0 0 auto;border:1px solid var(--sel-border);border-radius:999px;background:var(--sel-surface);color:var(--sel-text);padding:8px 11px;font-size:12px;font-weight:800;cursor:pointer}.nova-select-map-filters button.active{background:#2f2537;color:#fff;border-color:#2f2537}.nova-select-map-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:12px;min-height:520px}.nova-select-map{height:520px;border-radius:18px;overflow:hidden;border:1px solid var(--sel-border);background:#e9e3ed}.nova-select-results{height:520px;overflow:auto;border:1px solid var(--sel-border);border-radius:18px;background:var(--sel-surface);padding:16px}.nova-select-result-list{display:grid;gap:8px;margin-top:13px}.nova-select-result-list>button{width:100%;display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;text-align:left;border:1px solid var(--sel-border);border-radius:12px;background:var(--sel-surface2);color:var(--sel-text);padding:10px;cursor:pointer}.nova-select-result-list>button>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#eee4f2}.nova-select-result-list b{font-size:13.5px}.nova-select-result-list small{display:block;margin-top:2px;color:var(--sel-muted);font-size:11px;line-height:1.3}.nova-select-result-list em{font-style:normal;color:var(--sel-purple);font-size:11px;font-weight:900}.nova-select-empty,.nova-select-loading{min-height:180px;display:grid;place-items:center;align-content:center;text-align:center;gap:7px;color:var(--sel-muted);padding:20px}.nova-select-empty{font-size:25px}.nova-select-empty b{font-size:15px;color:var(--sel-text)}.nova-select-empty span{font-size:12px;line-height:1.4}.nova-select-empty a{font-size:12px;color:#6b4d87;font-weight:850}.nova-select-map-note{margin:11px 0 0;color:var(--sel-muted);font-size:11.5px;line-height:1.45} .nova-select-retailer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:17px}.nova-select-retailer{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:13px;border:1px solid var(--sel-border);border-radius:15px;background:var(--sel-surface);color:var(--sel-text);text-decoration:none;box-shadow:var(--sel-shadow);transition:.18s}.nova-select-retailer:hover{transform:translateY(-2px);border-color:#bea05e}.nova-select-retailer>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:var(--sel-surface2);font-size:21px}.nova-select-retailer b{display:block;font-size:14px}.nova-select-retailer small{display:block;margin-top:3px;color:var(--sel-muted);font-size:11.5px;line-height:1.3}.nova-select-retailer em{font-style:normal;color:var(--sel-purple);font-size:14px;font-weight:900}.nova-select-info{margin-top:15px;padding:13px 15px;border:1px solid var(--sel-border);border-radius:13px;background:var(--sel-surface2);color:var(--sel-muted);font-size:12.5px;line-height:1.45} .nova-select-feature-head{display:grid;grid-template-columns:62px 1fr auto;gap:15px;align-items:center;padding:20px;border:1px solid var(--sel-border);border-radius:20px;background:linear-gradient(135deg,#fff9e9,#f2edf7)}.nova-select-feature-head.premium{background:linear-gradient(135deg,#211826,#463451);color:#fff;border-color:#5d4965}.nova-select-feature-head>span{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;background:#f0e1af;font-size:29px;color:#3b2b10}.nova-select-feature-head.premium small{color:#e5c77f}.nova-select-feature-head.premium h3{color:#fff}.nova-select-feature-head.premium p{color:#e3dce7}.nova-select-feature-head button{border:0;border-radius:12px;background:#5f4770;color:#fff;padding:11px 14px;font-weight:900;cursor:pointer}.nova-select-inspiration-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:13px}.nova-select-inspiration-grid article{padding:16px;border:1px solid var(--sel-border);border-radius:15px;background:var(--sel-surface)}.nova-select-inspiration-grid b{font-size:15px}.nova-select-inspiration-grid p{margin:5px 0 0;color:var(--sel-muted);font-size:12.5px;line-height:1.4}.nova-select-luxury-cities{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:13px}.nova-select-luxury-cities button{padding:18px;text-align:left;border:1px solid var(--sel-border);border-radius:16px;background:var(--sel-surface);color:var(--sel-text);font-size:17px;font-weight:900;cursor:pointer}.nova-select-luxury-cities small{display:block;margin-top:4px;color:var(--sel-muted);font-size:11.5px;font-weight:650} body.dark-mode .nova-select-module,body.dark-mode-theme .nova-select-module,html[data-theme="dark"] .nova-select-module{--sel-bg:#15131a;--sel-surface:#201c25;--sel-surface2:#29232f;--sel-text:#f6f1fa;--sel-muted:#b9afc1;--sel-border:#3b3442;--sel-shadow:0 12px 28px rgba(0,0,0,.25)} body.dark-mode .modal-panel:has(.nova-select-module),body.dark-mode-theme .modal-panel:has(.nova-select-module),html[data-theme="dark"] .modal-panel:has(.nova-select-module){background:#15131a;border-color:#3a3341} body.dark-mode .nova-select-category>span,body.dark-mode-theme .nova-select-category>span,html[data-theme="dark"] .nova-select-category>span{background:linear-gradient(145deg,#3a3040,#4a3a4b)} body.dark-mode .nova-select-feature-head,body.dark-mode-theme .nova-select-feature-head,html[data-theme="dark"] .nova-select-feature-head{background:linear-gradient(135deg,#2b2520,#2c2632)} body.dark-mode .nova-select-map-filters button.active,body.dark-mode-theme .nova-select-map-filters button.active,html[data-theme="dark"] .nova-select-map-filters button.active{background:#e0c27d;color:#251d2a;border-color:#e0c27d} body.dark-mode .nova-select-module .leaflet-container,body.dark-mode-theme .nova-select-module .leaflet-container,html[data-theme="dark"] .nova-select-module .leaflet-container{filter:brightness(.78) contrast(1.1)} @media(max-width:1120px){.nova-select-category-grid{grid-template-columns:repeat(3,1fr)}.nova-select-retailer-grid{grid-template-columns:repeat(3,1fr)}.nova-select-map-layout{grid-template-columns:1fr}.nova-select-results{height:auto;max-height:420px}.nova-select-map{height:480px}.nova-select-orientation{grid-template-columns:repeat(2,1fr)}} @media(max-width:760px){.nova-select-hero{grid-template-columns:1fr;padding:24px 19px}.nova-select-hero-badges{grid-template-columns:1fr 1fr}.nova-select-pane{padding:18px 15px 25px}.nova-select-category-grid{grid-template-columns:1fr 1fr}.nova-select-retailer-grid{grid-template-columns:1fr 1fr}.nova-select-map-toolbar{grid-template-columns:1fr}.nova-select-place>div{grid-template-columns:1fr}.nova-select-map{height:420px}.nova-select-feature-head{grid-template-columns:48px 1fr}.nova-select-feature-head>span{width:46px;height:46px;font-size:24px}.nova-select-feature-head button{grid-column:1/-1}.nova-select-inspiration-grid,.nova-select-luxury-cities{grid-template-columns:1fr 1fr}} @media(max-width:520px){.nova-select-category-grid,.nova-select-retailer-grid,.nova-select-orientation,.nova-select-inspiration-grid,.nova-select-luxury-cities{grid-template-columns:1fr}.nova-select-hero-badges{grid-template-columns:1fr}.nova-select-tabs{padding-left:12px;padding-right:12px}.nova-select-map{height:360px}} /* ========================================================== V70.46 – NOVA SELECT FINAL UX + LUXURY DISCOVERY Typography, close control, premium brand discovery ========================================================== */ .modal-panel:has(.nova-select-module)>.modal-close{ position:sticky;float:right;right:16px;top:14px;z-index:90; width:52px;height:52px;margin:14px 14px -66px 0;border:1px solid rgba(18,31,53,.14); border-radius:50%;display:grid;place-items:center;background:#fff;color:#142137; font-family:Arial,sans-serif;font-size:34px;font-weight:400;line-height:1;box-shadow:0 10px 26px rgba(8,20,40,.22); } .modal-panel:has(.nova-select-module)>.modal-close:hover{transform:scale(1.05);background:#f4f8fd;color:#075fc7} .nova-select-hero{padding-right:88px} .nova-select-hero .eyebrow{font-size:13px;line-height:1.3;color:#70c8ff!important;letter-spacing:.14em} .nova-select-hero h2{font-size:clamp(34px,3.2vw,48px)!important;line-height:1.05!important;letter-spacing:-.025em;margin:7px 0 12px!important;color:#fff!important} .nova-select-hero p{font-size:16.5px!important;line-height:1.55!important;color:#dbe7f6!important;max-width:820px} .nova-select-hero-badges span{font-size:14px!important;font-weight:800!important;color:#edf6ff!important} .nova-select-tabs button{font-size:15px!important;line-height:1.2!important;padding:12px 16px!important} .nova-select-section-head small,.nova-select-results-head small,.nova-select-feature-head small,.nova-select-luxury-city-head small{font-size:12px!important} .nova-select-section-head h3,.nova-select-results-head h3,.nova-select-feature-head h3,.nova-select-luxury-city-head h3{font-size:27px!important} .nova-select-section-head p,.nova-select-results-head p,.nova-select-feature-head p,.nova-select-luxury-city-head p{font-size:15.5px!important;line-height:1.55!important} .nova-select-category b,.nova-select-inspiration-grid b{font-size:16px!important}.nova-select-category small{font-size:12.5px!important}.nova-select-inspiration-grid p{font-size:13.5px!important} .nova-select-feature-head button{font-size:14px;padding:13px 17px} .nova-select-luxury-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px} .nova-select-luxury-group{display:grid;grid-template-columns:54px 1fr;gap:13px;align-items:start;padding:17px;border:1px solid var(--sel-border);border-radius:17px;background:var(--sel-surface);box-shadow:var(--sel-shadow)} .nova-select-luxury-group>span{width:50px;height:50px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#f5e9ff,#efe3bd);font-size:26px} .nova-select-luxury-group b{display:block;font-size:17px;line-height:1.25}.nova-select-luxury-group p{margin:5px 0 10px;color:var(--sel-muted);font-size:13.5px;line-height:1.45} .nova-select-brand-chips{display:flex;gap:6px;flex-wrap:wrap}.nova-select-brand-chips button{border:1px solid var(--sel-border);border-radius:999px;background:var(--sel-surface2);color:var(--sel-text);padding:7px 10px;font-size:12px;font-weight:800;cursor:pointer} .nova-select-brand-chips button:hover{background:linear-gradient(135deg,#5d4372,#8c6849);border-color:transparent;color:#fff} .nova-select-luxury-city-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:24px 2px 10px}.nova-select-luxury-city-head h3{margin:4px 0 0}.nova-select-luxury-city-head p{max-width:470px;text-align:right;color:var(--sel-muted);margin:0} .nova-select-luxury-cities button{font-size:18px!important}.nova-select-luxury-cities small{font-size:12.5px!important;line-height:1.4} body.dark-mode .modal-panel:has(.nova-select-module)>.modal-close,body.dark-mode-theme .modal-panel:has(.nova-select-module)>.modal-close,html[data-theme="dark"] .modal-panel:has(.nova-select-module)>.modal-close{background:#f7fbff;color:#102033;border-color:rgba(255,255,255,.3)} body.dark-mode .nova-select-luxury-group>span,body.dark-mode-theme .nova-select-luxury-group>span,html[data-theme="dark"] .nova-select-luxury-group>span{background:linear-gradient(145deg,#372d42,#55472f)} @media(max-width:900px){.nova-select-luxury-groups{grid-template-columns:1fr}.nova-select-luxury-city-head{display:block}.nova-select-luxury-city-head p{text-align:left;margin-top:5px}.nova-select-hero{padding-right:72px}} @media(max-width:600px){.modal-panel:has(.nova-select-module)>.modal-close{width:46px;height:46px;font-size:30px;margin-right:8px}.nova-select-hero{padding-right:62px}.nova-select-hero h2{font-size:32px!important}.nova-select-hero p{font-size:15px!important}.nova-select-tabs button{font-size:14px!important}.nova-select-luxury-group{grid-template-columns:46px 1fr}.nova-select-luxury-group>span{width:44px;height:44px;font-size:22px}} /* V70.47 NOVA SELECT — official luxury brand + Luxury Home links */ .nova-select-brand-entry{display:inline-flex;align-items:stretch;border:1px solid var(--select-border,#d9dce5);border-radius:10px;overflow:hidden;background:var(--select-card,#fff);box-shadow:0 1px 2px rgba(15,23,42,.04)} .nova-select-brand-entry>button{border:0!important;border-radius:0!important;margin:0!important;min-height:36px;padding:7px 10px!important;background:transparent!important;color:var(--select-text,#15213a)!important;font-weight:750!important;font-size:.92rem!important} .nova-select-brand-entry>a{display:grid;place-items:center;min-width:36px;padding:0 8px;text-decoration:none;border-left:1px solid var(--select-border,#d9dce5);font-weight:900;color:#087fd1;background:rgba(8,127,209,.08);transition:.18s ease} .nova-select-brand-entry>a:hover{background:#087fd1;color:#fff} .nova-select-brand-chips{gap:7px!important;align-items:center} .nova-select-luxury-group>div>p{line-height:1.45} body.dark-mode .nova-select-brand-entry{background:#172238;border-color:rgba(148,163,184,.28)} body.dark-mode .nova-select-brand-entry>button{color:#f5f7fb!important} body.dark-mode .nova-select-brand-entry>a{border-left-color:rgba(148,163,184,.28);color:#67d4ff;background:rgba(14,165,233,.13)} body.dark-mode .nova-select-brand-entry>a:hover{background:#0ea5e9;color:#07111f} @media (max-width:700px){.nova-select-brand-entry>button{font-size:.86rem!important;min-height:34px;padding:6px 9px!important}.nova-select-brand-entry>a{min-width:34px}} /* ========================================================= NOVA AI V70.48 – Aviation Mobile UX Fix Mobile navigation, readable filter grids, calmer airport map ========================================================= */ .aviation-mobile-subnav{display:none} @media(max-width:680px){ .modal-panel:has(.nova-aviation-module){width:min(100vw - 10px,100%)!important;max-width:none!important;margin:5px!important;border-radius:18px!important;overflow:visible!important} .nova-aviation-module{padding:6px!important;border-radius:16px!important;overflow:visible!important} .nova-aviation-module .aviation-hero{padding:17px 15px!important;border-radius:17px!important} .nova-aviation-module .aviation-hero h2{font-size:24px!important;line-height:1.15!important} .nova-aviation-module .aviation-hero p{font-size:14px!important;line-height:1.5!important} .nova-aviation-module .aviation-hero .eyebrow{font-size:11px!important} .aviation-mobile-subnav:not([hidden]){position:sticky;top:4px;z-index:1200;display:grid;grid-template-columns:auto minmax(0,1fr) 42px;align-items:center;gap:8px;margin:8px 0;padding:7px;border:1px solid var(--av-border,#c7dbe8);border-radius:14px;background:rgba(248,252,255,.96);box-shadow:0 8px 22px rgba(20,58,92,.14);backdrop-filter:blur(12px)} .aviation-mobile-subnav strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:#173a5b;font-size:15px;font-weight:900} .aviation-mobile-back,.aviation-mobile-close{min-height:42px;border:1px solid #bcd4e4;border-radius:11px;background:#fff;color:#153b5c;font-weight:900;cursor:pointer} .aviation-mobile-back{padding:0 12px;font-size:14px}.aviation-mobile-close{width:42px;padding:0;font-size:27px;line-height:1} body.dark-mode .aviation-mobile-subnav,body.dark-mode-theme .aviation-mobile-subnav,html[data-theme="dark"] .aviation-mobile-subnav{background:rgba(8,29,49,.96);border-color:#31546d} body.dark-mode .aviation-mobile-subnav strong,body.dark-mode-theme .aviation-mobile-subnav strong,html[data-theme="dark"] .aviation-mobile-subnav strong{color:#eef8ff} body.dark-mode .aviation-mobile-back,body.dark-mode .aviation-mobile-close,body.dark-mode-theme .aviation-mobile-back,body.dark-mode-theme .aviation-mobile-close,html[data-theme="dark"] .aviation-mobile-back,html[data-theme="dark"] .aviation-mobile-close{background:#102b42;color:#eef8ff;border-color:#31546d} .aviation-dashboard-metrics{grid-template-columns:1fr 1fr!important;gap:7px!important}.aviation-dashboard-metrics>div{min-height:67px!important;padding:9px 10px!important}.aviation-dashboard-metrics span{font-size:23px!important}.aviation-dashboard-metrics b{font-size:14px!important}.aviation-dashboard-metrics small{font-size:10.8px!important} .nova-aviation-module .aviation-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;overflow:visible!important;padding:9px 0 12px!important} .nova-aviation-module .aviation-tabs button{width:100%!important;min-width:0!important;min-height:46px!important;white-space:normal!important;text-align:left!important;font-size:13.5px!important;line-height:1.2!important;padding:10px 11px!important;border-radius:11px!important} .aviation-subview-open .aviation-tabs{display:none!important} .aviation-subview-open .aviation-dashboard-metrics{display:none!important} .aviation-world-toolbar{grid-template-columns:1fr!important;padding:12px!important;gap:10px!important}.aviation-world-toolbar>div:first-child>span{font-size:27px!important}.aviation-world-toolbar label b{font-size:15px!important}.aviation-world-toolbar label small{font-size:12px!important;line-height:1.35!important}.aviation-world-toolbar select{min-height:46px!important;font-size:14px!important}.aviation-airport-search{grid-template-columns:minmax(0,1fr) auto!important}.aviation-airport-search input{min-width:0!important;font-size:14px!important}.aviation-airport-search button{padding:10px 13px!important} .aviation-region-chips{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;overflow:visible!important;padding:9px 0 11px!important} .aviation-region-chips button{width:100%!important;min-width:0!important;min-height:42px!important;padding:8px 5px!important;border-radius:12px!important;font-size:11.5px!important;white-space:normal!important;text-align:center!important} .aviation-region-chips button small{display:none!important} .aviation-facility-toolbar{padding:12px!important}.aviation-facility-toolbar>div:first-child b{font-size:15px!important}.aviation-facility-toolbar>div:first-child small{font-size:12px!important;line-height:1.4!important} .aviation-facility-filters{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;overflow:visible!important;margin-top:9px!important} .aviation-facility-filters button{width:100%!important;min-width:0!important;min-height:42px!important;padding:8px 7px!important;font-size:11.8px!important;white-space:normal!important;text-align:center!important} #novaAviationFacilityHint{display:block!important;margin-top:9px!important;font-size:11.5px!important;line-height:1.45!important} .aviation-radar-layout{grid-template-columns:1fr!important;gap:10px!important}.aviation-map-card{padding:10px!important;border-radius:16px!important}.aviation-section-head{align-items:flex-start!important}.aviation-section-head h3{font-size:20px!important}.aviation-section-head>span{max-width:145px!important;text-align:center!important;font-size:10.5px!important;line-height:1.25!important} .aviation-map{height:340px!important;border-radius:13px!important}.aviation-airport-panel{min-height:180px!important;padding:12px!important} .nova-aviation-marker.dynamic{width:30px!important;height:30px!important;min-width:30px!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:50%!important}.nova-aviation-marker.dynamic b{display:none!important}.nova-aviation-marker.dynamic span{font-size:14px!important} .nova-aviation-marker:not(.dynamic){padding:5px 7px!important;font-size:10px!important}.nova-aviation-marker:not(.dynamic) span{font-size:11px!important} .aviation-flow{grid-template-columns:1fr 1fr!important;gap:7px!important}.aviation-flow>div{min-width:0!important;padding:9px!important}.aviation-flow b{font-size:11.5px!important}.aviation-flow small{font-size:9.5px!important}.aviation-flow>i{display:none!important} .aviation-flight-search{grid-template-columns:1fr!important;padding:12px!important}.aviation-flight-search input,.aviation-flight-search button{min-height:44px!important} .aviation-home-panels{grid-template-columns:1fr!important} .aviation-guide-card,.aviation-guide-card.expanded{grid-template-columns:92px minmax(0,1fr)!important}.aviation-guide-card img{height:118px!important;min-height:118px!important;max-height:118px!important}.aviation-guide-card>div{padding:11px!important}.aviation-guide-card h4{font-size:18px!important}.aviation-guide-card p,.aviation-guide-card p span{font-size:12.5px!important} .aviation-airline-grid,.aviation-learning-grid,.aviation-manufacturer-grid,.aviation-flight-sites-grid{grid-template-columns:1fr!important} .aviation-price-panel{padding:12px!important}.aviation-compare-grid,.aviation-market-grid{grid-template-columns:1fr!important} } @media(max-width:390px){ .aviation-region-chips{grid-template-columns:repeat(2,minmax(0,1fr))!important} .nova-aviation-module .aviation-tabs{grid-template-columns:1fr!important} .aviation-dashboard-metrics{grid-template-columns:1fr!important} .aviation-mobile-back span{display:none} } /* NOVA AI V70.51 – Report Links & Verzeichnis Fix */ /* NOVA AI V70.53 – Smart EV International Routing */ .nova-router-status-stack{display:flex;align-items:flex-end;gap:8px;flex-direction:column} .nova-router-country-status{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;background:rgba(20,169,188,.10);border:1px solid rgba(20,169,188,.24);font-size:11px;font-weight:800;color:var(--ink,#16324a);white-space:nowrap} body.dark-mode .nova-router-country-status{color:#dff8ff;background:rgba(31,181,205,.13);border-color:rgba(91,211,229,.28)} @media(max-width:720px){.nova-router-status-stack{align-items:flex-start}.nova-router-country-status{font-size:10px;white-space:normal}} /* V70.53 – Dashboard Ort + Land */ .dashboard-place-form .dashboard-place-fields{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(120px,.85fr) 46px!important;gap:7px!important} .dashboard-place-form #dashboardCountryInput{min-width:0} .dashboard-current-place strong{white-space:normal!important;line-height:1.25} @media(max-width:760px){ .dashboard-place-form .dashboard-place-fields{grid-template-columns:1fr 46px!important} .dashboard-place-form .dashboard-place-fields #dashboardPlaceInput{grid-column:1/-1} .dashboard-place-form .dashboard-place-fields #dashboardCountryInput{grid-column:1} .dashboard-place-form .dashboard-place-fields #dashboardPlaceSave{grid-column:2} } /* V70.55 – NOVA Aviation Route Information */ .aviation-route-info-card{margin:0 0 14px;padding:16px;border:1px solid #c8dde9;border-radius:18px;background:linear-gradient(135deg,#f7fbfe,#eef8fc);box-shadow:0 8px 22px rgba(20,67,98,.06)} .aviation-route-info-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:13px}.aviation-route-info-head>div{display:flex;gap:12px;align-items:flex-start}.aviation-route-info-head>div>span{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#dff4fb;font-size:25px;flex:0 0 auto}.aviation-route-info-head small{font-size:11px;font-weight:900;letter-spacing:.08em;color:#087aa7}.aviation-route-info-head h3{margin:2px 0 4px;font-size:20px;color:#173a58}.aviation-route-info-head p{margin:0;color:#5f778a;font-size:13px;line-height:1.45;max-width:900px}.aviation-route-beta{padding:7px 10px;border-radius:999px;background:#e7f6ed;border:1px solid #bde0ca;color:#24704d;font-size:11px;font-weight:900;white-space:nowrap} .aviation-route-controls{display:grid;grid-template-columns:minmax(150px,1fr) 44px minmax(150px,1fr) minmax(180px,.8fr) minmax(135px,.55fr) auto;gap:9px;align-items:end}.aviation-route-controls label>span{display:block;margin:0 0 5px;font-size:11px;font-weight:900;color:#557087;text-transform:uppercase;letter-spacing:.04em}.aviation-route-controls input,.aviation-route-controls select{width:100%;min-height:44px;border:1px solid #bfd5e3;border-radius:11px;background:#fff;color:#173a58;padding:0 11px;font-size:14px;font-weight:750}.aviation-route-price-input{display:grid;grid-template-columns:1fr auto;align-items:center;border:1px solid #bfd5e3;border-radius:11px;background:#fff;overflow:hidden}.aviation-route-price-input input{border:0;border-radius:0}.aviation-route-price-input em{font-style:normal;padding:0 10px;font-weight:900;color:#45677e}.aviation-route-swap{height:44px;border:1px solid #bfd5e3;border-radius:11px;background:#fff;color:#0879b4;font-size:20px;font-weight:900;cursor:pointer}.aviation-route-controls>.btn{min-height:44px;padding:0 15px;white-space:nowrap} .aviation-route-result{margin-top:12px}.aviation-route-placeholder,.aviation-route-error{display:flex;align-items:center;gap:9px;min-height:54px;padding:11px 13px;border:1px dashed #bdd5e3;border-radius:13px;background:rgba(255,255,255,.65);color:#60798c}.aviation-route-error{border-color:#e4bd7e;background:#fff8e8;color:#765d2a}.aviation-route-result-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:13px;border:1px solid #c9dfe9;border-radius:14px;background:#fff}.aviation-route-result-head small{font-weight:900;color:#0878a6}.aviation-route-result-head h4{margin:3px 0;font-size:18px;color:#173a58}.aviation-route-result-head p{margin:0;color:#637a8c;font-size:12.5px}.aviation-route-result-head>span{padding:7px 10px;border-radius:999px;font-size:11px;font-weight:900;white-space:nowrap}.aviation-route-result-head>span.ok{background:#e3f6ea;color:#207448}.aviation-route-result-head>span.warn{background:#fff3d7;color:#8b6412}.aviation-route-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}.aviation-route-kpis>span{display:block;padding:10px 11px;border:1px solid #cfdee8;border-radius:12px;background:#fff}.aviation-route-kpis small{display:block;color:#6b8192;font-size:10.5px;font-weight:800}.aviation-route-kpis b{display:block;margin-top:3px;color:#173a58;font-size:15px}.aviation-route-result-foot,.aviation-route-disclaimer{margin-top:9px;color:#647b8c;font-size:11.5px;line-height:1.45}.aviation-route-disclaimer{padding-top:10px;border-top:1px solid #d5e3eb}.aviation-route-disclaimer b{color:#0c709d}.aviation-airport-route-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.aviation-airport-route-actions button{min-height:38px;border:1px solid #bcd5e3;border-radius:10px;background:#f4fbfe;color:#116f9a;font-weight:900;cursor:pointer} body.dark-mode .aviation-route-info-card,body.dark-mode-theme .aviation-route-info-card,[data-theme="dark"] .aviation-route-info-card{background:linear-gradient(135deg,#0b2338,#0c2b40);border-color:#2a526b;color:#edf8ff}.dark-mode .aviation-route-info-head h3,[data-theme="dark"] .aviation-route-info-head h3,.dark-mode .aviation-route-result-head h4,[data-theme="dark"] .aviation-route-result-head h4,.dark-mode .aviation-route-kpis b,[data-theme="dark"] .aviation-route-kpis b{color:#eff9ff}.dark-mode .aviation-route-info-head p,[data-theme="dark"] .aviation-route-info-head p,.dark-mode .aviation-route-result-head p,[data-theme="dark"] .aviation-route-result-head p,.dark-mode .aviation-route-result-foot,[data-theme="dark"] .aviation-route-result-foot,.dark-mode .aviation-route-disclaimer,[data-theme="dark"] .aviation-route-disclaimer{color:#abc3d4}.dark-mode .aviation-route-controls input,.dark-mode .aviation-route-controls select,.dark-mode .aviation-route-price-input,.dark-mode .aviation-route-swap,[data-theme="dark"] .aviation-route-controls input,[data-theme="dark"] .aviation-route-controls select,[data-theme="dark"] .aviation-route-price-input,[data-theme="dark"] .aviation-route-swap{background:#102c43;border-color:#31566e;color:#eef8ff}.dark-mode .aviation-route-result-head,.dark-mode .aviation-route-kpis>span,.dark-mode .aviation-route-placeholder,[data-theme="dark"] .aviation-route-result-head,[data-theme="dark"] .aviation-route-kpis>span,[data-theme="dark"] .aviation-route-placeholder{background:#10283d;border-color:#2c5067;color:#dbeaf3}.dark-mode .aviation-airport-route-actions button,[data-theme="dark"] .aviation-airport-route-actions button{background:#123149;border-color:#315a73;color:#aee8ff} @media(max-width:1100px){.aviation-route-controls{grid-template-columns:1fr 44px 1fr 1fr}.aviation-route-controls label:nth-of-type(4),.aviation-route-controls>.btn{grid-column:auto/span 1}.aviation-route-kpis{grid-template-columns:repeat(2,1fr)}} @media(max-width:680px){.aviation-route-info-card{padding:12px}.aviation-route-info-head{display:block}.aviation-route-beta{display:inline-block;margin-top:8px}.aviation-route-controls{grid-template-columns:1fr}.aviation-route-swap{display:none}.aviation-route-controls>.btn{width:100%}.aviation-route-kpis{grid-template-columns:1fr 1fr}.aviation-route-result-head{display:block}.aviation-route-result-head>span{display:inline-block;margin-top:8px}.aviation-airport-route-actions{grid-template-columns:1fr}} /* V70.56 Aviation Route – Kosten je Sitz */ .aviation-route-costbox{margin-top:14px;padding:16px;border:1px solid var(--avi-border,rgba(43,145,210,.25));border-radius:16px;background:var(--avi-surface-2,#eef6fb)} .aviation-route-costbox-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:12px} .aviation-route-costbox-head small{display:block;font-weight:800;letter-spacing:.08em;color:var(--avi-accent,#138fd2)} .aviation-route-costbox-head h4{margin:3px 0 4px;font-size:1.08rem;color:var(--avi-text,#10263d)} .aviation-route-costbox-head p{margin:0;color:var(--avi-text-soft,#587087);font-size:.93rem;line-height:1.45} .aviation-route-costbox-head>span{white-space:nowrap;font-weight:800;padding:7px 10px;border-radius:999px;background:var(--avi-chip-bg,#fff);color:var(--avi-text,#10263d);border:1px solid var(--avi-border,rgba(43,145,210,.25))} .aviation-route-load-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .aviation-route-load-grid article{padding:12px;border-radius:13px;background:var(--avi-surface,#fff);border:1px solid var(--avi-border,rgba(43,145,210,.22));display:flex;flex-direction:column;gap:4px} .aviation-route-load-grid article small{font-weight:700;color:var(--avi-text-soft,#587087)} .aviation-route-load-grid article b{font-size:1.25rem;color:var(--avi-text,#10263d)} .aviation-route-load-grid article span{font-size:.86rem;color:var(--avi-text-soft,#587087)} @media(max-width:680px){.aviation-route-costbox-head{flex-direction:column}.aviation-route-load-grid{grid-template-columns:1fr}.aviation-route-load-grid article{display:grid;grid-template-columns:1fr auto;align-items:center}.aviation-route-load-grid article span{grid-column:1/-1}} /* V70.59 Aviation – Kleinflugzeuge + Typography Light/Dark Polish */ .nova-aviation-module{font-size:15.5px;line-height:1.46} .nova-aviation-module h2{font-size:1.52rem;line-height:1.18;letter-spacing:-.015em} .nova-aviation-module h3{font-size:1.22rem;line-height:1.22;letter-spacing:-.01em} .nova-aviation-module h4{font-size:1.07rem;line-height:1.25} .nova-aviation-module p,.nova-aviation-module li{font-size:.96rem;line-height:1.48} .nova-aviation-module small{font-size:.79rem;line-height:1.35} .aviation-tabs button{font-size:.91rem;font-weight:800;min-height:40px;padding:8px 12px} .aviation-region-chips button,.aviation-facility-filters button{font-size:.86rem;font-weight:800;min-height:38px;padding:8px 12px} .aviation-route-info-head small{font-size:.77rem}.aviation-route-info-head h3{font-size:1.34rem}.aviation-route-info-head p{font-size:.94rem;line-height:1.5} .aviation-route-controls label>span{font-size:.78rem;color:#395a72}.aviation-route-controls input,.aviation-route-controls select{font-size:.95rem;font-weight:750} .aviation-route-fuel-hint{display:block;margin-top:5px;color:#607a8e;font-size:.75rem!important;font-weight:700;line-height:1.3} .aviation-route-result-head small{font-size:.78rem}.aviation-route-result-head h4{font-size:1.16rem}.aviation-route-result-head p{font-size:.88rem} .aviation-route-kpis small{font-size:.76rem}.aviation-route-kpis b{font-size:1.02rem;line-height:1.25} .aviation-route-result-foot,.aviation-route-disclaimer{font-size:.82rem;line-height:1.5} .aviation-route-costbox-head small{font-size:.76rem}.aviation-route-costbox-head h4{font-size:1.16rem}.aviation-route-costbox-head p{font-size:.9rem} .aviation-route-load-grid article small{font-size:.82rem}.aviation-route-load-grid article b{font-size:1.28rem}.aviation-route-load-grid article span{font-size:.86rem} /* Light mode: readable navy text on pale aviation surfaces */ html:not([data-theme="dark"]) .nova-aviation-module,body:not(.dark-mode):not(.dark-mode-theme):not(.dark) .nova-aviation-module{color:#102d46} html:not([data-theme="dark"]) .nova-aviation-module p,html:not([data-theme="dark"]) .nova-aviation-module small,body:not(.dark-mode):not(.dark-mode-theme):not(.dark) .nova-aviation-module p,body:not(.dark-mode):not(.dark-mode-theme):not(.dark) .nova-aviation-module small{color:#49677e} html:not([data-theme="dark"]) .aviation-route-info-card,html:not([data-theme="dark"]) .aviation-route-result-head,html:not([data-theme="dark"]) .aviation-route-kpis>span,html:not([data-theme="dark"]) .aviation-route-costbox,html:not([data-theme="dark"]) .aviation-route-load-grid article{color:#102d46} html:not([data-theme="dark"]) .aviation-route-controls input,html:not([data-theme="dark"]) .aviation-route-controls select{color:#102d46;background:#fff} /* Dark mode: brighter text + clearer secondary copy */ html[data-theme="dark"] .nova-aviation-module,body.dark-mode .nova-aviation-module,body.dark-mode-theme .nova-aviation-module,body.dark .nova-aviation-module{color:#f1f8fd} html[data-theme="dark"] .nova-aviation-module p,html[data-theme="dark"] .nova-aviation-module small,body.dark-mode .nova-aviation-module p,body.dark-mode .nova-aviation-module small,body.dark-mode-theme .nova-aviation-module p,body.dark-mode-theme .nova-aviation-module small,body.dark .nova-aviation-module p,body.dark .nova-aviation-module small{color:#c4d8e6} html[data-theme="dark"] .aviation-route-controls label>span,body.dark-mode .aviation-route-controls label>span,body.dark-mode-theme .aviation-route-controls label>span,body.dark .aviation-route-controls label>span{color:#bfe3f3} html[data-theme="dark"] .aviation-route-fuel-hint,body.dark-mode .aviation-route-fuel-hint,body.dark-mode-theme .aviation-route-fuel-hint,body.dark .aviation-route-fuel-hint{color:#b6cfde!important} html[data-theme="dark"] .aviation-route-controls input::placeholder,body.dark-mode .aviation-route-controls input::placeholder,body.dark-mode-theme .aviation-route-controls input::placeholder,body.dark .aviation-route-controls input::placeholder{color:#91adbf;opacity:1} @media(max-width:680px){.nova-aviation-module{font-size:15px}.aviation-tabs button{font-size:.88rem;min-height:42px}.aviation-region-chips button,.aviation-facility-filters button{font-size:.84rem}.aviation-route-info-head h3{font-size:1.22rem}.aviation-route-info-head p{font-size:.91rem}.aviation-route-controls label>span{font-size:.76rem}.aviation-route-controls input,.aviation-route-controls select{font-size:1rem;min-height:46px}.aviation-route-kpis b{font-size:1rem}.aviation-route-result-foot,.aviation-route-disclaimer{font-size:.8rem}} /* NOVA AI V70.59 – Aviation Route Map + Fuel Reality + Reset */ .aviation-route-actions{display:flex;gap:8px;align-items:stretch;flex-wrap:wrap}.aviation-route-actions .btn{min-height:46px}.aviation-route-reset{background:var(--avi-surface,#fff);color:var(--avi-text,#10243a);border:1px solid var(--avi-border,#cbdbe8);font-weight:800}.aviation-route-reset:hover{filter:brightness(.98)} .nova-aviation-route-line{stroke-linecap:round;filter:drop-shadow(0 1px 2px rgba(0,0,0,.18))} @media (max-width:760px){.aviation-route-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.aviation-route-actions .btn{width:100%;font-size:1rem}.aviation-route-kpis span b{font-size:1rem;line-height:1.25}.aviation-route-result-foot{font-size:.92rem;line-height:1.45}} /* V70.59 Immobilien Europa Discovery */ .nova-realestate-countrybar{display:grid;grid-template-columns:minmax(0,.75fr) minmax(420px,1.25fr);gap:16px;align-items:center;padding:15px 16px;border:1px solid #c9ddec;border-radius:16px;background:linear-gradient(135deg,#f6fbff,#f3fff8)} .nova-realestate-countrybar small{font-size:9px;font-weight:900;letter-spacing:.08em;color:#1880b8}.nova-realestate-countrybar h3{margin:3px 0 4px;font-size:19px}.nova-realestate-countrybar p{margin:0;color:#60798f;font-size:11px} .nova-realestate-countrycontrols{display:grid;grid-template-columns:1.15fr 1fr auto;gap:8px}.nova-realestate-countrycontrols select,.nova-realestate-countrycontrols input{min-width:0;padding:11px 12px;border:1px solid #bfd4e5;border-radius:11px;background:#fff;color:#153a5c;font:inherit;font-size:13px} .nova-realestate-countrychips{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.nova-realestate-countrychips button{border:1px solid #c8d9e7;border-radius:999px;background:#fff;color:#173b5d;font-weight:800;padding:8px 12px;cursor:pointer}.nova-realestate-countrychips span{margin-left:auto;font-size:10px;font-weight:800;color:#58748d} .nova-realestate-empty{grid-column:1/-1;display:flex;flex-direction:column;gap:5px;padding:16px;border:1px dashed #b9cfdf;border-radius:12px;background:#f7fbfe;color:#274968}.nova-realestate-empty span{font-size:11px;color:#647d92} body.dark-mode .nova-realestate-countrybar{background:linear-gradient(135deg,#173b59,#173d35);border-color:#4f718c}body.dark-mode .nova-realestate-countrybar h3,body.dark-mode .nova-realestate-countrycontrols select,body.dark-mode .nova-realestate-countrycontrols input{color:#f5fbff}body.dark-mode .nova-realestate-countrybar p{color:#c6d8e7}body.dark-mode .nova-realestate-countrycontrols select,body.dark-mode .nova-realestate-countrycontrols input{background:#102a42;border-color:#52718b}body.dark-mode .nova-realestate-countrychips button{background:#173853;color:#f3f9ff;border-color:#4f718c}body.dark-mode .nova-realestate-countrychips span{color:#c2d6e6}body.dark-mode .nova-realestate-empty{background:#132f49;color:#eef8ff;border-color:#50718d}body.dark-mode .nova-realestate-empty span{color:#bfd4e4} @media(max-width:900px){.nova-realestate-countrybar{grid-template-columns:1fr}.nova-realestate-countrycontrols{grid-template-columns:1fr 1fr auto}} @media(max-width:600px){.nova-realestate-countrycontrols{grid-template-columns:1fr}.nova-realestate-countrychips span{width:100%;margin-left:0}.nova-realestate-countrybar h3{font-size:18px}.nova-realestate-countrybar p{font-size:12px}} /* V70.60 – Immobilien: Home + Immobilien Report Hub */ .nova-realestate-report-hub{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0 18px} .nova-realestate-report-hub .nova-home-weekly{margin:0;height:100%;grid-template-columns:auto minmax(0,1fr);align-content:start} .nova-realestate-report-hub .nova-home-weekly-actions{grid-column:1/-1;justify-content:stretch;min-width:0;flex-direction:row} .nova-realestate-report-hub .nova-home-weekly-actions .nova-report-primary{width:100%;min-height:46px} .nova-realestate-report-card-immobilien{background:linear-gradient(135deg,#f8f8ff 0%,#f2f7ff 100%);border-color:#c8d7ef} .nova-realestate-report-card-immobilien .nova-home-weekly-icon{background:linear-gradient(145deg,#eef0ff,#e8f5ff)} body.dark-mode .nova-realestate-report-card-immobilien,body.dark-mode-theme .nova-realestate-report-card-immobilien,html[data-theme="dark"] .nova-realestate-report-card-immobilien{background:linear-gradient(135deg,#152943,#222c4a);border-color:#496487} @media(max-width:900px){.nova-realestate-report-hub{grid-template-columns:1fr}} @media(max-width:480px){.nova-realestate-report-hub .nova-home-weekly{grid-template-columns:1fr}.nova-realestate-report-hub .nova-home-weekly-icon{display:grid}.nova-realestate-report-hub .nova-home-weekly-actions{grid-column:auto}} /* V70.61 – Immobilien PDF/Grafik + Portal-Suche */ .nova-report-dual-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important} .nova-report-dual-actions .btn{width:100%;min-height:44px;justify-content:center;text-align:center} .nova-report-graphic{background:linear-gradient(135deg,#eef7ff,#eafcf3);color:#0e6397;border:1px solid #b8d6e9;font-weight:850} .nova-report-graphic:hover{filter:brightness(.98);transform:translateY(-1px)} .nova-realestate-search-pro{grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr)} .nova-realestate-search-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important;align-items:end} .nova-realestate-search-grid label{display:grid;gap:5px;min-width:0} .nova-realestate-search-grid label span{font-size:10px;font-weight:900;letter-spacing:.04em;color:#526d84} .nova-realestate-search-grid input,.nova-realestate-search-grid select{width:100%;min-width:0;min-height:44px;padding:10px 11px;border:1px solid #bed0e0;border-radius:10px;background:#fff;color:#173a5e;font:inherit} .nova-realestate-search-grid #novaRealEstateGo{grid-column:1/-1;min-height:46px} body.dark-mode .nova-report-graphic{background:linear-gradient(135deg,#173b59,#183f35);color:#e9f8ff;border-color:#557790} body.dark-mode .nova-realestate-search-grid label span{color:#c5d8e7} body.dark-mode .nova-realestate-search-grid input,body.dark-mode .nova-realestate-search-grid select{background:#102a42;color:#fff;border-color:#52718b} @media(max-width:900px){.nova-realestate-search-pro{grid-template-columns:1fr}.nova-realestate-search-grid{grid-template-columns:1fr 1fr}} @media(max-width:600px){.nova-report-dual-actions,.nova-realestate-search-grid{grid-template-columns:1fr}.nova-realestate-search-grid #novaRealEstateGo{grid-column:auto}} /* V70.62 Immobilien Suchfilter + aktuelle Grafik */ .nova-report-graphic{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:normal;text-align:center;line-height:1.2} .nova-realestate-more{grid-column:1/-1;border:1px solid #c8d7e5;border-radius:12px;background:#f7fbfe;padding:8px 10px} .nova-realestate-more summary{cursor:pointer;font-weight:850;color:#234d70;min-height:36px;display:flex;align-items:center} .nova-realestate-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;padding-top:8px} .nova-realestate-more-grid label{display:flex!important;align-items:center;gap:8px;font-size:13px;font-weight:750;color:#385a74} .nova-realestate-more-grid input{width:auto!important;min-height:auto!important;accent-color:#1677c8} body.dark-mode .nova-realestate-more{background:#0d253a;border-color:#4d6f88} body.dark-mode .nova-realestate-more summary,body.dark-mode .nova-realestate-more-grid label{color:#e5f1fa} @media(max-width:600px){.nova-realestate-more-grid{grid-template-columns:1fr}.nova-report-dual-actions .btn{font-size:14px;min-height:46px}} /* NOVA V70.63 – Immobilien XL Fenster */ #moduleModal.nova-realestate-modal .modal-panel{ width:min(1500px,calc(100% - 44px)); max-height:94vh; margin:3vh auto; padding:30px 34px; } @media(max-width:900px){ #moduleModal.nova-realestate-modal .modal-panel{width:calc(100% - 18px);max-height:97vh;margin:1.5vh auto;padding:22px 16px} } /* ========================================================== NOVA AI V70.64 – AVIATION CHARTER + BALLON LINKS ========================================================== */ .aviation-dashboard-metrics .aviation-metric-action{cursor:pointer;transition:transform .16s ease,box-shadow .16s ease} .aviation-dashboard-metrics .aviation-metric-action:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(8,83,128,.13)} .aviation-charter-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;border:1px solid rgba(24,138,181,.22);border-radius:18px;background:linear-gradient(135deg,rgba(232,249,255,.95),rgba(241,255,248,.92));margin-bottom:16px} .aviation-charter-intro>div:first-child{display:flex;align-items:flex-start;gap:13px}.aviation-charter-intro>div:first-child>span{font-size:30px}.aviation-charter-intro p{margin:5px 0 0;color:var(--muted,#587086)} .aviation-charter-tags{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.aviation-charter-tags span{padding:6px 9px;border-radius:999px;background:#fff;border:1px solid rgba(19,105,150,.18);font-size:11px;font-weight:800;color:#315b73} .aviation-charter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .aviation-charter-grid>a{display:grid;grid-template-columns:auto 1fr;gap:11px;position:relative;padding:15px;border:1px solid rgba(24,119,168,.2);border-radius:16px;background:var(--card,#fff);color:inherit;text-decoration:none;min-height:118px} .aviation-charter-grid>a>span{font-size:26px}.aviation-charter-grid h4{margin:2px 0 5px;font-size:16px}.aviation-charter-grid small{font-weight:800;color:#15809d}.aviation-charter-grid p{margin:0 0 23px;font-size:12px;line-height:1.35;color:var(--muted,#61758a)}.aviation-charter-grid em{position:absolute;right:12px;bottom:10px;font-style:normal;font-size:11px;font-weight:900;color:#0879a5} .aviation-balloon-links{margin:10px 0 14px;padding:15px;border-radius:18px;border:1px solid rgba(241,157,35,.28);background:linear-gradient(135deg,rgba(255,250,232,.98),rgba(239,251,255,.96))} .aviation-balloon-links[hidden]{display:none!important}.aviation-balloon-links-head h4{margin:3px 0 4px;font-size:17px}.aviation-balloon-links-head p{margin:0;color:var(--muted,#61758a);font-size:12px}.aviation-balloon-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px} .aviation-balloon-link-grid>a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:11px;border:1px solid rgba(178,127,37,.2);border-radius:13px;background:var(--card,#fff);text-decoration:none;color:inherit}.aviation-balloon-link-grid>a>span{font-size:22px}.aviation-balloon-link-grid b{display:block;font-size:12px}.aviation-balloon-link-grid small{display:block;font-size:10px;line-height:1.3;color:var(--muted,#66778b)}.aviation-balloon-link-grid em{font-style:normal;font-size:10px;font-weight:900;color:#9b6515} .aviation-route-charter{margin-top:14px;padding:14px;border:1px solid rgba(31,128,175,.2);border-radius:16px;background:linear-gradient(135deg,rgba(237,249,255,.98),rgba(240,255,246,.95))}.aviation-route-charter-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.aviation-route-charter-head h4{margin:3px 0 4px;font-size:15px}.aviation-route-charter-head p{margin:0;font-size:11px;color:var(--muted,#61758a)}.aviation-route-charter-head button,.aviation-route-charter-links button{border:0;border-radius:10px;padding:9px 11px;background:#0b799f;color:white;font-weight:900;cursor:pointer}.aviation-route-charter-links{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.aviation-route-charter-links a{padding:8px 10px;border-radius:10px;background:var(--card,#fff);border:1px solid rgba(22,116,163,.2);text-decoration:none;color:inherit;font-size:11px;font-weight:800} html[data-theme="dark"] .aviation-charter-intro,html[data-theme="dark"] .aviation-balloon-links,html[data-theme="dark"] .aviation-route-charter{background:linear-gradient(135deg,rgba(9,38,58,.96),rgba(8,53,52,.92))}html[data-theme="dark"] .aviation-charter-tags span{background:#0b2539;color:#d9f4ff} @media(max-width:1000px){.aviation-charter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.aviation-balloon-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:680px){.aviation-charter-intro,.aviation-route-charter-head{flex-direction:column}.aviation-charter-grid,.aviation-balloon-link-grid{grid-template-columns:1fr}.aviation-charter-tags{justify-content:flex-start}.aviation-route-charter-head button{width:100%}} /* ========================================================== NOVA AI V70.66 – Aviation Header + Function Grid + Back UX ========================================================== */ .nova-aviation-module .aviation-hero-v7066{ display:grid!important; grid-template-columns:minmax(330px,1.25fr) minmax(430px,1.2fr) 120px!important; align-items:center!important; gap:22px!important; } .nova-aviation-module .aviation-hero-copy{min-width:0} .nova-aviation-module .aviation-hero-info{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 16px; align-self:stretch; align-content:center; } .nova-aviation-module .aviation-hero-info>div{ display:grid; grid-template-columns:26px minmax(0,1fr); grid-template-rows:auto auto; column-gap:8px; align-items:center; min-width:0; padding:3px 0; } .nova-aviation-module .aviation-hero-info>div>span{grid-row:1/3;font-size:20px} .nova-aviation-module .aviation-hero-info>div>b{font-size:13.5px;line-height:1.15;color:#fff} .nova-aviation-module .aviation-hero-info>div>small{font-size:10.5px;line-height:1.2;color:#d9f4ff;opacity:.92} .nova-aviation-module .aviation-function-grid{ display:grid!important; grid-template-columns:repeat(6,minmax(0,1fr)); gap:9px!important; overflow:visible!important; padding:11px 0 14px!important; } .nova-aviation-module .aviation-function-grid button{ min-width:0!important; min-height:72px; border-radius:14px!important; padding:10px 8px!important; display:grid; grid-template-columns:30px minmax(0,1fr); grid-template-rows:auto auto; column-gap:8px; align-items:center; text-align:left; white-space:normal!important; } .nova-aviation-module .aviation-function-grid button>span{grid-row:1/3;font-size:23px;line-height:1} .nova-aviation-module .aviation-function-grid button>b{font-size:13px;line-height:1.15} .nova-aviation-module .aviation-function-grid button>small{font-size:10.5px;line-height:1.2;font-weight:650;opacity:.75} .nova-aviation-module .aviation-function-grid button.active small{color:rgba(255,255,255,.9);opacity:1} .nova-aviation-module.aviation-subview-open .aviation-function-grid{display:none!important} .nova-aviation-module .aviation-mobile-subnav:not([hidden]){ display:grid!important; grid-template-columns:auto 1fr auto; align-items:center; gap:10px; margin:10px 0 12px; } .nova-aviation-module .aviation-mobile-back{ min-height:40px; padding:8px 12px!important; border-radius:12px!important; font-weight:850!important; } .nova-aviation-module .aviation-mobile-close{font-size:20px!important} @media(max-width:1100px){ .nova-aviation-module .aviation-hero-v7066{grid-template-columns:1fr 1fr 105px!important;gap:14px!important} .nova-aviation-module .aviation-function-grid{grid-template-columns:repeat(4,minmax(0,1fr))} } @media(max-width:760px){ .nova-aviation-module .aviation-hero-v7066{grid-template-columns:1fr!important} .nova-aviation-module .aviation-hero-info{grid-template-columns:repeat(2,minmax(0,1fr))} .nova-aviation-module .aviation-hero-badge{display:none!important} .nova-aviation-module .aviation-function-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .nova-aviation-module .aviation-function-grid button{min-height:66px} .nova-aviation-module .aviation-mobile-back span{display:inline!important} } /* ========================================================== NOVA AI V70.67 – Aviation Drohnen & U-Space ========================================================== */ .aviation-airport-actions .aviation-airport-drone{display:grid;grid-template-columns:34px 1fr;column-gap:9px;padding:12px;border:1px solid #cde3ee;border-radius:14px;background:linear-gradient(135deg,#eefaff,#f1fff8);color:#173a5b;text-align:left;cursor:pointer;width:100%} .aviation-airport-actions .aviation-airport-drone span{grid-row:1/3;font-size:23px;align-self:center}.aviation-airport-actions .aviation-airport-drone b{font-size:15px}.aviation-airport-actions .aviation-airport-drone small{font-size:12.5px;color:#08759e} .aviation-drone-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:14px;padding:18px;border:1px solid #cfe4ee;border-radius:19px;background:linear-gradient(135deg,#effaff,#f2fff9);margin-bottom:14px}.aviation-drone-hero>div:first-child{display:flex;gap:14px;align-items:center}.aviation-drone-hero>div:first-child>span{font-size:44px}.aviation-drone-hero b{font-size:18px}.aviation-drone-hero p{margin:5px 0 0;color:#5e7589;line-height:1.5}.aviation-drone-status{display:grid;gap:4px;padding:13px 15px;border-radius:15px;background:#fff;border:1px solid #d3e4ed}.aviation-drone-status small{font-weight:900;letter-spacing:.1em;color:#0a7ea4}.aviation-drone-status span{font-size:12px;color:#647b8e;line-height:1.4}.aviation-drone-airport-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:7px}.aviation-drone-airport-actions a{padding:7px 9px;border-radius:9px;background:#eaf6fb;color:#08759e;text-decoration:none;font-size:11px;font-weight:900} .aviation-drone-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.aviation-drone-steps article{padding:14px;border:1px solid #d5e5ed;border-radius:16px;background:#fff}.aviation-drone-steps article>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#0879bd;color:#fff;font-weight:900}.aviation-drone-steps b{display:block;margin:9px 0 4px}.aviation-drone-steps p{margin:0;color:#61768a;font-size:12px;line-height:1.45} .aviation-drone-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.aviation-drone-topics article{display:flex;gap:12px;padding:14px;border:1px solid #d6e6ee;border-radius:16px;background:#f9fcfe}.aviation-drone-topics article>span{font-size:28px}.aviation-drone-topics b{font-size:15px}.aviation-drone-topics p{margin:4px 0 0;color:#60768a;font-size:12px;line-height:1.45} .aviation-drone-source-head{margin-top:4px}.aviation-drone-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.aviation-drone-grid>a{display:grid;grid-template-columns:auto 1fr;gap:11px;position:relative;padding:15px;border:1px solid #d3e4ed;border-radius:16px;background:#fff;color:#173a5b;text-decoration:none;min-height:126px}.aviation-drone-grid>a>span{font-size:27px}.aviation-drone-grid h4{margin:2px 0 5px;font-size:16px}.aviation-drone-grid small{font-weight:850;color:#16809e}.aviation-drone-grid p{margin:0 0 22px;color:#61768a;font-size:12px;line-height:1.4}.aviation-drone-grid em{position:absolute;right:12px;bottom:10px;font-style:normal;color:#0879a5;font-size:11px;font-weight:900}.aviation-drone-warning{margin-top:14px;padding:13px 15px;border:1px solid #ebd89c;border-radius:14px;background:#fff9e6;color:#6e5820;font-size:12.5px;line-height:1.5} .dark-mode .aviation-airport-actions .aviation-airport-drone,.dark-mode .aviation-drone-status,.dark-mode .aviation-drone-steps article,.dark-mode .aviation-drone-grid>a{background:#102d47;border-color:#2a5874;color:#edf7ff}.dark-mode .aviation-drone-hero,.dark-mode .aviation-drone-topics article{background:#0c263d;border-color:#2a5874;color:#edf7ff}.dark-mode .aviation-drone-hero p,.dark-mode .aviation-drone-status span,.dark-mode .aviation-drone-steps p,.dark-mode .aviation-drone-topics p,.dark-mode .aviation-drone-grid p{color:#b5c8d8}.dark-mode .aviation-drone-warning{background:#352f1a;color:#f2dda1;border-color:#61572e} @media(max-width:1000px){.aviation-drone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.aviation-drone-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.aviation-drone-hero{grid-template-columns:1fr}} @media(max-width:680px){.aviation-drone-grid,.aviation-drone-steps,.aviation-drone-topics{grid-template-columns:1fr}.aviation-drone-airport-actions{display:grid}.aviation-drone-airport-actions a{text-align:center}} /* V70.68 · Aviation Drone Manufacturers & Databases */ .aviation-drone-manufacturer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.aviation-drone-manufacturer-grid>a{position:relative;display:grid;grid-template-columns:auto 1fr;gap:11px;min-height:118px;padding:15px 15px 32px;border:1px solid #d3e4ed;border-radius:16px;background:#fff;color:#173a5b;text-decoration:none}.aviation-drone-manufacturer-grid>a>span{font-size:28px}.aviation-drone-manufacturer-grid h4{margin:2px 0 5px;font-size:16px}.aviation-drone-manufacturer-grid small{font-weight:850;color:#16809e}.aviation-drone-manufacturer-grid p{margin:0;color:#61768a;font-size:12px;line-height:1.4}.aviation-drone-manufacturer-grid em{position:absolute;right:12px;bottom:10px;font-style:normal;color:#0879a5;font-size:11px;font-weight:900}.aviation-drone-database-note{margin:6px 0 12px;padding:13px 15px;border:1px solid #cae4ef;border-radius:14px;background:#f2fbff;color:#31566e;font-size:12.5px;line-height:1.5}.dark-mode .aviation-drone-manufacturer-grid>a{background:#102d47;border-color:#2a5874;color:#edf7ff}.dark-mode .aviation-drone-manufacturer-grid p{color:#b5c8d8}.dark-mode .aviation-drone-database-note{background:#0c263d;border-color:#2a5874;color:#c7dae7}@media(max-width:1180px){.aviation-drone-manufacturer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.aviation-drone-manufacturer-grid{grid-template-columns:1fr}} /* NOVA AI V70.70 – Bildung & Lernen */ .nova-education-shell{max-width:1420px;margin:0 auto;color:var(--text,#10213d)} .nova-education-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:26px 28px;border-radius:24px;background:linear-gradient(120deg,#063d85,#0a78bd 58%,#24c8a7);color:#fff;box-shadow:0 18px 48px rgba(10,70,135,.18)} .nova-education-hero .eyebrow{color:#aef8ff}.nova-education-hero h2{margin:6px 0 8px;font-size:clamp(28px,3vw,46px)}.nova-education-hero p{margin:0;max-width:820px;font-size:17px;line-height:1.5}.nova-education-badge{min-width:180px;padding:16px;border-radius:18px;background:rgba(0,30,70,.26);text-align:center}.nova-education-badge b{display:block;font-size:24px}.nova-education-badge span{font-size:12px} .nova-education-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:14px 0 18px}.nova-education-tabs button{min-height:72px;border:1px solid #cbdff2;border-radius:16px;background:#fff;color:#10213d;font-weight:800;padding:12px;cursor:pointer;box-shadow:0 6px 18px rgba(17,56,94,.06)}.nova-education-tabs button.active{background:linear-gradient(135deg,#0b69ee,#21c4a8);color:#fff;border-color:transparent}.nova-education-pane{display:none}.nova-education-pane.active{display:block} .nova-ed-section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin:10px 0 14px}.nova-ed-section-head small{font-weight:900;letter-spacing:.12em;color:#0870c9}.nova-ed-section-head h3{margin:3px 0 0;font-size:26px}.nova-ed-section-head>span{font-size:13px;color:#607089} .nova-ed-scan-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:16px}.nova-ed-card{background:#fff;border:1px solid #cfe0ef;border-radius:18px;padding:18px;box-shadow:0 8px 26px rgba(24,68,110,.06)}.nova-ed-icon{font-size:34px}.nova-ed-card h4{font-size:20px;margin:5px 0 8px}.nova-ed-card p{color:#596b82;line-height:1.45}.nova-ed-file{display:block;border:1.5px dashed #83b9e8;border-radius:14px;padding:14px;text-align:center;margin:12px 0;cursor:pointer;background:#f5fbff}.nova-ed-file input{display:none}.nova-ed-upload img{display:block;max-width:100%;max-height:260px;margin:12px auto;border-radius:12px}.nova-ed-upload small{display:block;margin-top:8px;color:#607089}.nova-ed-card textarea,.nova-ed-card input,.nova-ed-local-search input,.nova-ed-local-search select{width:100%;box-sizing:border-box;border:1px solid #cbdceb;border-radius:12px;padding:11px 12px;background:#fbfdff;color:#10213d}.nova-ed-actions,.nova-ed-output-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px} .nova-ed-list-output{margin-top:16px}.nova-ed-list-head{display:grid;grid-template-columns:1fr 1.7fr;gap:16px;align-items:end}.nova-ed-list-head>div:last-child{display:grid;grid-template-columns:1.4fr .7fr .9fr;gap:8px}.nova-ed-list-head small{font-weight:900;color:#0870c9}.nova-ed-items{display:grid;gap:8px;margin:16px 0}.nova-ed-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 10px;border:1px solid #d8e5ef;border-radius:12px;background:#fbfdff}.nova-ed-item input[type=text],.nova-ed-item input:not([type]){border:0;background:transparent;padding:6px}.nova-ed-item button{border:0;background:#edf4fa;border-radius:9px;width:32px;height:32px;cursor:pointer}.nova-ed-empty{text-align:center;padding:24px;color:#6a7a90}.nova-ed-note{font-size:12px!important;margin:10px 0 0!important}.nova-ed-expand-strip{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:16px;padding:14px 18px;border-radius:16px;background:linear-gradient(90deg,#ecfbff,#effff6);border:1px solid #c8ebe5}.nova-ed-expand-strip b{color:#078f78}.nova-ed-expand-strip span{background:#fff;border:1px solid #d9e9e5;border-radius:999px;padding:7px 11px} .nova-ed-template-grid,.nova-ed-schooltypes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.nova-ed-template-grid button,.nova-ed-schooltypes>div{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:5px;padding:18px;border:1px solid #d2e1ee;border-radius:16px;background:#fff;color:#10213d}.nova-ed-template-grid button{cursor:pointer}.nova-ed-template-grid span,.nova-ed-schooltypes span{font-size:28px}.nova-ed-template-grid small,.nova-ed-schooltypes small{color:#66788f}.nova-ed-source-box{margin-top:16px;padding:18px;border-radius:16px;background:#f3f9ff;border:1px solid #d1e4f6}.nova-ed-source-box div{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}.nova-ed-source-box div span{background:#fff;border-radius:999px;padding:7px 10px;border:1px solid #d9e5ef} .nova-ed-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.nova-ed-link-grid a{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;text-decoration:none;color:#10213d;background:#fff;border:1px solid #d1e1ee;border-radius:16px;padding:16px}.nova-ed-link-grid a>span{font-size:28px}.nova-ed-link-grid a small{display:block;color:#65778d;margin-top:4px}.nova-ed-link-grid a em{font-style:normal;font-weight:800;color:#0870c9}.nova-ed-local-search{display:grid;grid-template-columns:1.5fr 1fr auto auto;gap:10px;align-items:center;margin-top:16px;padding:16px;border-radius:16px;background:#eff9ff;border:1px solid #cfe4f3}.nova-ed-local-search p{margin:4px 0 0;color:#65778d;font-size:13px} .nova-ed-report-card{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:22px;border:1px solid #cfe0ef;border-radius:18px;background:linear-gradient(135deg,#f7fbff,#f3fffb)}.nova-ed-report-icon{font-size:48px}.nova-ed-report-card b{font-size:20px}.nova-ed-report-tags{display:flex;gap:8px;flex-wrap:wrap}.nova-ed-report-tags span{padding:6px 9px;border-radius:999px;background:#fff;border:1px solid #d7e5ef;font-size:12px}.nova-ed-report-actions{display:flex;flex-direction:column;gap:8px}.nova-ed-report-note{margin-top:14px;padding:14px 16px;border-radius:14px;background:#f6f8fb;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.nova-ed-report-note code{background:#e8eef5;padding:5px 8px;border-radius:7px}.nova-education-tile{background:linear-gradient(145deg,rgba(13,110,230,.08),rgba(35,198,166,.08))!important} body.dark .nova-education-shell{color:#eaf4ff}body.dark .nova-education-tabs button,body.dark .nova-ed-card,body.dark .nova-ed-template-grid button,body.dark .nova-ed-schooltypes>div,body.dark .nova-ed-link-grid a{background:#10243a;color:#edf7ff;border-color:#29475f}body.dark .nova-ed-card textarea,body.dark .nova-ed-card input,body.dark .nova-ed-local-search input,body.dark .nova-ed-local-search select{background:#0c1d2f;color:#fff;border-color:#31516b}body.dark .nova-ed-item{background:#0f2235;border-color:#2b465d}body.dark .nova-ed-item button{background:#18344c;color:#fff}body.dark .nova-ed-source-box,body.dark .nova-ed-local-search,body.dark .nova-ed-report-note{background:#0f2235;border-color:#29475f}body.dark .nova-ed-report-card{background:linear-gradient(135deg,#10243a,#0e2a2c);border-color:#29475f}body.dark .nova-ed-expand-strip{background:linear-gradient(90deg,#10243a,#0f2b2a);border-color:#29475f} @media(max-width:1050px){.nova-education-tabs{grid-template-columns:repeat(3,1fr)}.nova-ed-template-grid,.nova-ed-schooltypes{grid-template-columns:repeat(2,1fr)}.nova-ed-local-search{grid-template-columns:1fr 1fr}.nova-ed-list-head{grid-template-columns:1fr}.nova-ed-report-card{grid-template-columns:auto 1fr}.nova-ed-report-actions{grid-column:1/-1;flex-direction:row}} @media(max-width:720px){.nova-education-hero{flex-direction:column}.nova-education-badge{width:100%;box-sizing:border-box}.nova-education-tabs{grid-template-columns:repeat(2,1fr)}.nova-ed-scan-grid,.nova-ed-link-grid,.nova-ed-template-grid,.nova-ed-schooltypes{grid-template-columns:1fr}.nova-ed-list-head>div:last-child,.nova-ed-local-search{grid-template-columns:1fr}.nova-ed-report-card{grid-template-columns:1fr}.nova-ed-report-icon{font-size:38px}} /* V70.84 – Android: displayed school-note image is the Lens handoff target. */ #novaEdPreview{ -webkit-touch-callout:default; user-select:auto; -webkit-user-select:auto; touch-action:auto; } .nova-ed-lens-hint{margin:10px 0 2px;padding:12px 14px;border:1px dashed rgba(80,150,210,.45);border-radius:14px;display:flex;gap:5px;flex-direction:column;font-size:.92rem;line-height:1.35} .nova-ed-lens-hint[hidden]{display:none!important} .nova-ed-lens-hint span{opacity:.78} /* V70.84 – Drohnen-Suche: Land · Stadt · freie Eingabe */ .aviation-drone-searchbox{display:grid;gap:8px;padding:13px 15px;border-radius:15px;background:#fff;border:1px solid #d3e4ed;align-content:start}.aviation-drone-searchbox>small{font-weight:900;letter-spacing:.1em;color:#0a7ea4}.aviation-drone-searchbox>b{font-size:16px;color:#17354f}.aviation-drone-search-fields{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(130px,1fr);gap:7px}.aviation-drone-search-fields input,.aviation-drone-search-fields select{width:100%;min-width:0;box-sizing:border-box;border:1px solid #c9dce8;border-radius:9px;background:#f8fcff;color:#18354d;padding:9px 10px;font:inherit;font-size:12px}.aviation-drone-search-fields #novaDroneSearchTerm{grid-column:1/-1}.aviation-drone-search-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.aviation-drone-search-actions button,.aviation-drone-search-actions a{border:0;border-radius:9px;padding:9px 10px;text-align:center;text-decoration:none;font-size:11px;font-weight:900;cursor:pointer}.aviation-drone-search-actions button{background:linear-gradient(90deg,#1677ff,#20c6d8);color:#fff}.aviation-drone-search-actions a{background:#eaf6fb;color:#08759e}.aviation-drone-searchbox>span{font-size:11px;color:#647b8e;line-height:1.35}.aviation-drone-searchbox>span b{color:inherit}.dark-mode .aviation-drone-searchbox{background:#102d47;border-color:#2a5874;color:#edf7ff}.dark-mode .aviation-drone-searchbox>b{color:#edf7ff}.dark-mode .aviation-drone-search-fields input,.dark-mode .aviation-drone-search-fields select{background:#0b2237;border-color:#315a73;color:#edf7ff}.dark-mode .aviation-drone-searchbox>span{color:#b5c8d8}@media(max-width:680px){.aviation-drone-search-fields,.aviation-drone-search-actions{grid-template-columns:1fr}.aviation-drone-search-fields #novaDroneSearchTerm{grid-column:auto}} /* V70.84 · NOVA Bildung & Schule · Light/Dark readability + focus navigation */ .nova-education-shell, .nova-education-pane, .nova-ed-card, .nova-ed-list-output, .nova-ed-template-grid button, .nova-ed-schooltypes>div, .nova-ed-link-grid a, .nova-ed-source-box, .nova-ed-local-search, .nova-ed-report-card, .nova-ed-report-note{color:#10213d} .nova-education-pane h3,.nova-ed-card h4,.nova-ed-list-head h4,.nova-ed-source-box b,.nova-ed-local-search b,.nova-ed-report-card b{color:#10213d} .nova-ed-card p,.nova-ed-upload small,.nova-ed-note,.nova-ed-section-head>span,.nova-ed-template-grid small,.nova-ed-schooltypes small,.nova-ed-link-grid a small,.nova-ed-local-search p,.nova-ed-report-note span,.nova-ed-lens-hint span{color:#52657b!important;opacity:1} .nova-ed-section-head small,.nova-ed-list-head small{color:#0868b8!important} .nova-ed-card textarea,.nova-ed-card input,.nova-ed-local-search input,.nova-ed-local-search select,.nova-ed-list-head input,.nova-ed-item input[type=text],.nova-ed-item input:not([type]),#novaEdShopItem{color:#10213d;background:#f8fbff;border-color:#bdd2e4} .nova-ed-card textarea::placeholder,.nova-ed-card input::placeholder,.nova-ed-local-search input::placeholder,.nova-ed-list-head input::placeholder{color:#667a91;opacity:1} .nova-ed-item{color:#10213d;background:#f8fbff} .nova-ed-empty{color:#5c7088} .nova-ed-scroll-highlight{outline:3px solid rgba(20,184,166,.62);outline-offset:5px;box-shadow:0 0 0 8px rgba(14,165,233,.10),0 14px 34px rgba(16,92,146,.14)!important;transition:outline-color .3s ease,box-shadow .3s ease} html[data-theme="dark"] .nova-education-shell, body.dark-mode .nova-education-shell, body.dark-mode-theme .nova-education-shell, body.dark .nova-education-shell{color:#eef8ff} html[data-theme="dark"] .nova-education-tabs button, html[data-theme="dark"] .nova-ed-card, html[data-theme="dark"] .nova-ed-template-grid button, html[data-theme="dark"] .nova-ed-schooltypes>div, html[data-theme="dark"] .nova-ed-link-grid a, body.dark-mode .nova-education-tabs button, body.dark-mode .nova-ed-card, body.dark-mode .nova-ed-template-grid button, body.dark-mode .nova-ed-schooltypes>div, body.dark-mode .nova-ed-link-grid a, body.dark-mode-theme .nova-education-tabs button, body.dark-mode-theme .nova-ed-card, body.dark-mode-theme .nova-ed-template-grid button, body.dark-mode-theme .nova-ed-schooltypes>div, body.dark-mode-theme .nova-ed-link-grid a, body.dark .nova-education-tabs button, body.dark .nova-ed-card, body.dark .nova-ed-template-grid button, body.dark .nova-ed-schooltypes>div, body.dark .nova-ed-link-grid a{background:#10243a;color:#f3f9ff;border-color:#35566f} html[data-theme="dark"] .nova-education-pane h3, html[data-theme="dark"] .nova-ed-card h4, html[data-theme="dark"] .nova-ed-list-head h4, html[data-theme="dark"] .nova-ed-source-box b, html[data-theme="dark"] .nova-ed-local-search b, html[data-theme="dark"] .nova-ed-report-card b, body.dark-mode .nova-education-pane h3, body.dark-mode .nova-ed-card h4, body.dark-mode .nova-ed-list-head h4, body.dark-mode .nova-ed-source-box b, body.dark-mode .nova-ed-local-search b, body.dark-mode .nova-ed-report-card b{color:#f4f9ff} html[data-theme="dark"] .nova-ed-card p, html[data-theme="dark"] .nova-ed-upload small, html[data-theme="dark"] .nova-ed-note, html[data-theme="dark"] .nova-ed-section-head>span, html[data-theme="dark"] .nova-ed-template-grid small, html[data-theme="dark"] .nova-ed-schooltypes small, html[data-theme="dark"] .nova-ed-link-grid a small, html[data-theme="dark"] .nova-ed-local-search p, html[data-theme="dark"] .nova-ed-report-note span, html[data-theme="dark"] .nova-ed-lens-hint span, body.dark-mode .nova-ed-card p, body.dark-mode .nova-ed-upload small, body.dark-mode .nova-ed-note, body.dark-mode .nova-ed-section-head>span, body.dark-mode .nova-ed-template-grid small, body.dark-mode .nova-ed-schooltypes small, body.dark-mode .nova-ed-link-grid a small, body.dark-mode .nova-ed-local-search p, body.dark-mode .nova-ed-report-note span, body.dark-mode .nova-ed-lens-hint span{color:#c7d9e8!important;opacity:1} html[data-theme="dark"] .nova-ed-section-head small, html[data-theme="dark"] .nova-ed-list-head small, body.dark-mode .nova-ed-section-head small, body.dark-mode .nova-ed-list-head small{color:#75d8ff!important} html[data-theme="dark"] .nova-ed-card textarea, html[data-theme="dark"] .nova-ed-card input, html[data-theme="dark"] .nova-ed-local-search input, html[data-theme="dark"] .nova-ed-local-search select, html[data-theme="dark"] .nova-ed-list-head input, html[data-theme="dark"] .nova-ed-item input[type=text], html[data-theme="dark"] .nova-ed-item input:not([type]), html[data-theme="dark"] #novaEdShopItem, body.dark-mode .nova-ed-card textarea, body.dark-mode .nova-ed-card input, body.dark-mode .nova-ed-local-search input, body.dark-mode .nova-ed-local-search select, body.dark-mode .nova-ed-list-head input, body.dark-mode .nova-ed-item input[type=text], body.dark-mode .nova-ed-item input:not([type]), body.dark-mode #novaEdShopItem{background:#081c2d;color:#f4f9ff;border-color:#426782} html[data-theme="dark"] .nova-ed-card textarea::placeholder, html[data-theme="dark"] .nova-ed-card input::placeholder, html[data-theme="dark"] .nova-ed-local-search input::placeholder, html[data-theme="dark"] .nova-ed-list-head input::placeholder, body.dark-mode .nova-ed-card textarea::placeholder, body.dark-mode .nova-ed-card input::placeholder, body.dark-mode .nova-ed-local-search input::placeholder, body.dark-mode .nova-ed-list-head input::placeholder{color:#9eb7ca;opacity:1} html[data-theme="dark"] .nova-ed-item, body.dark-mode .nova-ed-item{background:#0b2032;color:#f4f9ff;border-color:#35566f} html[data-theme="dark"] .nova-ed-empty, body.dark-mode .nova-ed-empty{color:#b8cedf} html[data-theme="dark"] .nova-ed-source-box, html[data-theme="dark"] .nova-ed-local-search, html[data-theme="dark"] .nova-ed-report-note, body.dark-mode .nova-ed-source-box, body.dark-mode .nova-ed-local-search, body.dark-mode .nova-ed-report-note{background:#0f2235;color:#eef8ff;border-color:#35566f} html[data-theme="dark"] .nova-ed-report-card, body.dark-mode .nova-ed-report-card{background:linear-gradient(135deg,#10243a,#0e2a2c);color:#eef8ff;border-color:#35566f} html[data-theme="dark"] .nova-ed-expand-strip, body.dark-mode .nova-ed-expand-strip{background:linear-gradient(90deg,#10243a,#0f2b2a);color:#eef8ff;border-color:#35566f} html[data-theme="dark"] .nova-ed-expand-strip span, body.dark-mode .nova-ed-expand-strip span{background:#132d43;color:#eaf6ff;border-color:#3d6079} /* === V70.84 NOVA Flug & Aviation Guide: Typography + Light/Dark consistency === */ .nova-aviation-module{ --av-text:#102b49;--av-heading:#0c2844;--av-muted:#526b82;--av-soft:#667f95; --av-panel:#ffffff;--av-panel2:#f7fbfe;--av-border:#cbdde9;--av-input:#ffffff; color:var(--av-text)!important;font-size:15.5px!important;line-height:1.5; } .nova-aviation-module h2,.nova-aviation-module h3,.nova-aviation-module h4,.nova-aviation-module h5, .nova-aviation-module b,.nova-aviation-module strong{color:var(--av-heading)} .nova-aviation-module p,.nova-aviation-module small,.nova-aviation-module label, .nova-aviation-module .aviation-route-disclaimer,.nova-aviation-module .aviation-route-fuel-hint, .nova-aviation-module .aviation-tech-hint,.nova-aviation-module .aviation-manufacturer-line{color:var(--av-muted)!important} .nova-aviation-module input,.nova-aviation-module select,.nova-aviation-module textarea{ background:var(--av-input)!important;color:var(--av-text)!important;border-color:var(--av-border)!important; font-size:14.5px!important;font-weight:650!important; } .nova-aviation-module input::placeholder,.nova-aviation-module textarea::placeholder{color:#6c8295!important;opacity:1!important} .nova-aviation-module button,.nova-aviation-module a{font-weight:800} .nova-aviation-module .aviation-tabs button{color:#173a5b!important;background:#f8fbfd!important;border-color:#c4d7e4!important} .nova-aviation-module .aviation-tabs button small{color:#5f768a!important;font-weight:650!important} .nova-aviation-module .aviation-tabs button.active{color:#fff!important} .nova-aviation-module .aviation-tabs button.active b,.nova-aviation-module .aviation-tabs button.active small{color:#fff!important} .nova-aviation-module .aviation-section-head>span,.nova-aviation-module .aviation-route-beta{font-weight:850!important} .nova-aviation-module .aviation-world-toolbar,.nova-aviation-module .aviation-facility-toolbar, .nova-aviation-module .aviation-flight-search,.nova-aviation-module .aviation-route-info-card, .nova-aviation-module .aviation-map-card,.nova-aviation-module .aviation-airport-panel, .nova-aviation-module .aviation-guide-card,.nova-aviation-module .aviation-airline-card, .nova-aviation-module .aviation-learning-grid article,.nova-aviation-module .aviation-learning-detail, .nova-aviation-module .aviation-spotter,.nova-aviation-module .aviation-favorites article{ color:var(--av-text)!important; } .nova-aviation-module .aviation-empty p,.nova-aviation-module .aviation-airport-head p, .nova-aviation-module .aviation-guide-card p,.nova-aviation-module .aviation-learning-grid li, .nova-aviation-module .aviation-airline-meta span{color:var(--av-muted)!important} body.dark-mode .nova-aviation-module,body.dark-mode-theme .nova-aviation-module,html[data-theme="dark"] .nova-aviation-module{ --av-text:#edf7ff;--av-heading:#f7fbff;--av-muted:#bfd0df;--av-soft:#a9c0d2; --av-panel:#0b2239;--av-panel2:#102b42;--av-border:#315873;--av-input:#102f49; color:var(--av-text)!important; } body.dark-mode .nova-aviation-module h2,body.dark-mode .nova-aviation-module h3,body.dark-mode .nova-aviation-module h4,body.dark-mode .nova-aviation-module h5, body.dark-mode-theme .nova-aviation-module h2,body.dark-mode-theme .nova-aviation-module h3,body.dark-mode-theme .nova-aviation-module h4,body.dark-mode-theme .nova-aviation-module h5, html[data-theme="dark"] .nova-aviation-module h2,html[data-theme="dark"] .nova-aviation-module h3,html[data-theme="dark"] .nova-aviation-module h4,html[data-theme="dark"] .nova-aviation-module h5{color:var(--av-heading)!important} body.dark-mode .nova-aviation-module p,body.dark-mode .nova-aviation-module small,body.dark-mode .nova-aviation-module label, body.dark-mode-theme .nova-aviation-module p,body.dark-mode-theme .nova-aviation-module small,body.dark-mode-theme .nova-aviation-module label, html[data-theme="dark"] .nova-aviation-module p,html[data-theme="dark"] .nova-aviation-module small,html[data-theme="dark"] .nova-aviation-module label{color:var(--av-muted)!important} body.dark-mode .nova-aviation-module input::placeholder,body.dark-mode .nova-aviation-module textarea::placeholder, body.dark-mode-theme .nova-aviation-module input::placeholder,body.dark-mode-theme .nova-aviation-module textarea::placeholder, html[data-theme="dark"] .nova-aviation-module input::placeholder,html[data-theme="dark"] .nova-aviation-module textarea::placeholder{color:#aac0d2!important;opacity:1!important} body.dark-mode .nova-aviation-module .aviation-tabs button,body.dark-mode-theme .nova-aviation-module .aviation-tabs button,html[data-theme="dark"] .nova-aviation-module .aviation-tabs button{ background:#10283e!important;color:#e8f4fc!important;border-color:#365b73!important; } body.dark-mode .nova-aviation-module .aviation-tabs button small,body.dark-mode-theme .nova-aviation-module .aviation-tabs button small,html[data-theme="dark"] .nova-aviation-module .aviation-tabs button small{color:#b8cbd9!important} body.dark-mode .nova-aviation-module .aviation-tabs button.active,body.dark-mode-theme .nova-aviation-module .aviation-tabs button.active,html[data-theme="dark"] .nova-aviation-module .aviation-tabs button.active{color:#fff!important} body.dark-mode .nova-aviation-module .aviation-tabs button.active b,body.dark-mode .nova-aviation-module .aviation-tabs button.active small, body.dark-mode-theme .nova-aviation-module .aviation-tabs button.active b,body.dark-mode-theme .nova-aviation-module .aviation-tabs button.active small, html[data-theme="dark"] .nova-aviation-module .aviation-tabs button.active b,html[data-theme="dark"] .nova-aviation-module .aviation-tabs button.active small{color:#fff!important} @media(max-width:760px){ .nova-aviation-module{font-size:15px!important} .nova-aviation-module .aviation-tabs button{font-size:14.5px!important;line-height:1.2!important} .nova-aviation-module .aviation-tabs button small{font-size:10.5px!important;line-height:1.25!important} } /* V70.85 · NOVA Auto Guide */ .nova-auto-guide{color:#122033}.nova-auto-hero{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;padding:22px;border-radius:24px;background:linear-gradient(135deg,#f7fbff,#eef8ff 55%,#f5f0ff);border:1px solid #cfe0ee}.nova-auto-hero h2{margin:6px 0 8px;font-size:clamp(27px,4vw,42px);color:#0c2743}.nova-auto-hero p{max-width:900px;margin:0;color:#425c72;font-weight:650;line-height:1.6}.nova-auto-hero-badge{min-width:124px;text-align:center;border-radius:20px;padding:12px 14px;background:#fff;border:1px solid #cfddea;box-shadow:0 10px 28px rgba(44,72,103,.10)}.nova-auto-hero-badge b{display:block;font-size:30px;color:#0666b4}.nova-auto-hero-badge span,.nova-auto-hero-badge small{display:block;color:#5c7084}.nova-auto-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.nova-auto-tabs button{border:1px solid #c9d8e6;background:#f7fafc;color:#28465f;border-radius:16px;padding:14px;font-weight:850;font-size:14px}.nova-auto-tabs button.active{background:linear-gradient(135deg,#0b77c8,#18a4b5);color:#fff;border-color:transparent;box-shadow:0 8px 22px rgba(11,119,200,.24)}.nova-auto-pane{display:none}.nova-auto-pane.active{display:block}.nova-auto-tools{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:10px 0 16px}.nova-auto-tools input{flex:1;min-width:220px;border:1px solid #b8cad9;border-radius:14px;padding:13px 15px;background:#fff;color:#132c42;font-weight:700}.nova-auto-regions{display:flex;gap:7px;flex-wrap:wrap}.nova-auto-regions button{border:1px solid #bed0df;background:#fff;color:#36546b;border-radius:999px;padding:9px 13px;font-weight:800}.nova-auto-regions button.active{background:#123a59;color:#fff}.nova-auto-info,.nova-auto-disclaimer{display:flex;gap:10px;padding:12px 14px;border-radius:15px;background:#eef7ff;border:1px solid #c7e2f5;color:#385970;margin-bottom:15px}.nova-auto-info b,.nova-auto-disclaimer b{color:#0d4d7b}.nova-auto-info>.nova-auto-info-icon{flex:0 0 22px;width:22px;min-width:22px;display:inline-flex;align-items:flex-start;justify-content:center;margin-right:2px;line-height:1.55}.nova-auto-brand-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.nova-auto-brand{border:1px solid #d2dee8;border-radius:19px;background:#fff;padding:15px;box-shadow:0 8px 22px rgba(35,58,79,.06)}.nova-auto-brand[hidden]{display:none}.nova-auto-brand-head{display:flex;align-items:center;gap:10px}.nova-auto-brand-head>span{font-size:27px}.nova-auto-brand-head div{flex:1}.nova-auto-brand-head small{font-size:10px;letter-spacing:.13em;color:#6d8294;font-weight:900}.nova-auto-brand-head h4{font-size:18px;margin:2px 0;color:#17364f}.nova-auto-brand-head a{font-size:12px;font-weight:850;text-decoration:none;color:#0877ba;background:#edf8ff;border-radius:10px;padding:8px 10px}.nova-auto-models{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.nova-auto-models button{border:1px solid #d4e0e9;background:#f7fafc;color:#29475e;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.nova-auto-models button:hover{border-color:#42a7cf;background:#edfaff}.nova-auto-section-head{display:flex;justify-content:space-between;gap:16px;align-items:end;margin:8px 0 14px}.nova-auto-section-head small{font-size:10px;letter-spacing:.14em;font-weight:900;color:#1783af}.nova-auto-section-head h3{margin:3px 0;color:#17364f;font-size:24px}.nova-auto-section-head p{color:#536b80}.nova-auto-section-head>span{color:#6c8294;font-size:12px;font-weight:800}.nova-auto-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.nova-auto-media-grid a{display:flex;align-items:center;gap:12px;text-decoration:none;border:1px solid #d2dee8;background:#fff;border-radius:16px;padding:14px;color:#17364f}.nova-auto-media-grid a>span{font-size:24px}.nova-auto-media-grid a div{flex:1}.nova-auto-media-grid a b,.nova-auto-media-grid a small{display:block}.nova-auto-media-grid a small{color:#62798c;margin-top:3px}.nova-auto-media-grid a em{font-style:normal;color:#0879b9;font-weight:800;font-size:12px}.nova-auto-km{max-width:360px;margin-bottom:12px}.nova-auto-km label,.nova-auto-cost-card label{display:block;color:#415c72;font-weight:800;font-size:12px}.nova-auto-km label{padding:12px 14px;background:#edf7ff;border:1px solid #c9e0ef;border-radius:14px}.nova-auto-km input{width:120px;margin:0 8px;border:1px solid #afc3d2;border-radius:9px;padding:8px;background:#fff;color:#17364f;font-weight:850}.nova-auto-km em{font-style:normal}.nova-auto-cost-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.nova-auto-cost-card{border:1px solid #d2dee8;border-radius:20px;background:#fff;padding:16px}.nova-auto-cost-card.petrol{border-top:4px solid #eb8f25}.nova-auto-cost-card.electric{border-top:4px solid #21a98e}.nova-auto-cost-card h4{margin:0 0 12px;color:#17364f;font-size:20px}.nova-auto-cost-card label{margin:10px 0}.nova-auto-cost-card label>div{display:flex;align-items:center;margin-top:5px}.nova-auto-cost-card input{width:100%;border:1px solid #bfcfda;border-radius:10px;padding:10px;background:#f9fbfc;color:#172e42;font-weight:850}.nova-auto-cost-card label span{min-width:86px;margin-left:8px;color:#667b8d}.nova-auto-charge-presets{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:12px 0}.nova-auto-charge-presets>span{font-weight:850;color:#38546a}.nova-auto-charge-presets button{border:1px solid #c8d8e3;background:#f7fafc;color:#315169;border-radius:999px;padding:8px 11px;font-weight:800}.nova-auto-calc{width:100%;margin:4px 0 12px}.nova-auto-result-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.nova-auto-result-cards article{background:#f4f9fc;border:1px solid #cfe0ea;border-radius:17px;padding:15px}.nova-auto-result-cards small,.nova-auto-result-cards b,.nova-auto-result-cards span,.nova-auto-result-cards em{display:block}.nova-auto-result-cards small{font-weight:900;letter-spacing:.08em;color:#457086}.nova-auto-result-cards b{font-size:22px;color:#123f5e;margin:4px 0}.nova-auto-result-cards span{color:#526b7e}.nova-auto-result-cards em{font-style:normal;color:#738797;margin-top:5px;font-size:12px}.nova-auto-winner{display:flex;gap:12px;align-items:center;margin:10px 0;padding:15px;border-radius:17px;background:linear-gradient(135deg,#e8fff7,#eef8ff);border:1px solid #b9e3d6}.nova-auto-winner>span{font-size:30px}.nova-auto-winner small,.nova-auto-winner b,.nova-auto-winner p{display:block}.nova-auto-winner small{color:#26776b;font-weight:900}.nova-auto-winner b{color:#143e53;font-size:17px}.nova-auto-winner p{margin:3px 0 0;color:#55717c}.nova-auto-disclaimer{font-size:12px;margin-top:12px;background:#f7f4ed;border-color:#e7dbc0} html[data-theme="dark"] .nova-auto-guide,.dark-mode .nova-auto-guide{color:#e7f1f7}html[data-theme="dark"] .nova-auto-hero,.dark-mode .nova-auto-hero{background:linear-gradient(135deg,#132638,#163143 60%,#29243c);border-color:#39566b}html[data-theme="dark"] .nova-auto-hero h2,.dark-mode .nova-auto-hero h2,html[data-theme="dark"] .nova-auto-brand-head h4,.dark-mode .nova-auto-brand-head h4,html[data-theme="dark"] .nova-auto-section-head h3,.dark-mode .nova-auto-section-head h3,html[data-theme="dark"] .nova-auto-cost-card h4,.dark-mode .nova-auto-cost-card h4{color:#f4f9fc}html[data-theme="dark"] .nova-auto-hero p,.dark-mode .nova-auto-hero p,html[data-theme="dark"] .nova-auto-section-head p,.dark-mode .nova-auto-section-head p{color:#c3d4df}html[data-theme="dark"] .nova-auto-hero-badge,.dark-mode .nova-auto-hero-badge,html[data-theme="dark"] .nova-auto-brand,.dark-mode .nova-auto-brand,html[data-theme="dark"] .nova-auto-media-grid a,.dark-mode .nova-auto-media-grid a,html[data-theme="dark"] .nova-auto-cost-card,.dark-mode .nova-auto-cost-card{background:#152938;border-color:#355266;color:#eaf4f8}html[data-theme="dark"] .nova-auto-tabs button,.dark-mode .nova-auto-tabs button,html[data-theme="dark"] .nova-auto-regions button,.dark-mode .nova-auto-regions button,html[data-theme="dark"] .nova-auto-models button,.dark-mode .nova-auto-models button,html[data-theme="dark"] .nova-auto-charge-presets button,.dark-mode .nova-auto-charge-presets button{background:#162b3b;border-color:#39576b;color:#dcecf4}html[data-theme="dark"] .nova-auto-tabs button.active,.dark-mode .nova-auto-tabs button.active,html[data-theme="dark"] .nova-auto-regions button.active,.dark-mode .nova-auto-regions button.active{background:#0b7bb5;color:#fff}html[data-theme="dark"] .nova-auto-tools input,.dark-mode .nova-auto-tools input,html[data-theme="dark"] .nova-auto-cost-card input,.dark-mode .nova-auto-cost-card input,html[data-theme="dark"] .nova-auto-km input,.dark-mode .nova-auto-km input{background:#0f2130;border-color:#436176;color:#f1f7fa}html[data-theme="dark"] .nova-auto-info,.dark-mode .nova-auto-info{background:#123044;border-color:#315b72;color:#cde3ee}html[data-theme="dark"] .nova-auto-result-cards article,.dark-mode .nova-auto-result-cards article{background:#102534;border-color:#315267}html[data-theme="dark"] .nova-auto-result-cards b,.dark-mode .nova-auto-result-cards b,html[data-theme="dark"] .nova-auto-winner b,.dark-mode .nova-auto-winner b{color:#edf8fb}html[data-theme="dark"] .nova-auto-winner,.dark-mode .nova-auto-winner{background:linear-gradient(135deg,#10382f,#123346);border-color:#2e625a}html[data-theme="dark"] .nova-auto-disclaimer,.dark-mode .nova-auto-disclaimer{background:#312d24;border-color:#5c503a;color:#e8dfcc} @media(max-width:760px){.nova-auto-hero{flex-direction:column}.nova-auto-hero-badge{align-self:stretch}.nova-auto-tabs{grid-template-columns:1fr}.nova-auto-tools{align-items:stretch;flex-direction:column}.nova-auto-brand-grid,.nova-auto-media-grid,.nova-auto-cost-columns,.nova-auto-result-cards{grid-template-columns:1fr}.nova-auto-brand-head{align-items:flex-start}.nova-auto-brand-head a{margin-left:auto}.nova-auto-section-head{align-items:flex-start;flex-direction:column}} /* V70.89 · model based cost comparison + KFZ insurance */ .nova-auto-model-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 12px}.nova-auto-model-compare label{display:grid;grid-template-columns:1fr auto;gap:8px;padding:13px;border:1px solid #d2dee8;border-radius:16px;background:#fff}.nova-auto-model-compare label>span{grid-column:1/-1;font-weight:900;color:#294c65}.nova-auto-model-compare select{min-width:0;border:1px solid #b9cad7;border-radius:10px;padding:10px;background:#f8fbfd;color:#17364f;font-weight:800}.nova-auto-model-compare a{align-self:center;text-decoration:none;color:#0879b9;font-weight:850;font-size:12px}.nova-auto-model-note{padding:10px 13px;margin-bottom:12px;border-radius:13px;background:#f6f9fc;border:1px solid #d7e2ea;color:#587083;font-size:12px;line-height:1.5}html[data-theme="dark"] .nova-auto-model-compare label,.dark-mode .nova-auto-model-compare label{background:#152938;border-color:#355266}html[data-theme="dark"] .nova-auto-model-compare label>span,.dark-mode .nova-auto-model-compare label>span{color:#e7f3f8}html[data-theme="dark"] .nova-auto-model-compare select,.dark-mode .nova-auto-model-compare select{background:#0f2130;border-color:#436176;color:#f1f7fa}html[data-theme="dark"] .nova-auto-model-note,.dark-mode .nova-auto-model-note{background:#102534;border-color:#315267;color:#c8d9e3}@media(max-width:760px){.nova-auto-model-compare{grid-template-columns:1fr}} /* V70.89 · Auto Guide XL modal + larger typography */ #moduleModal.nova-auto-modal .modal-panel{width:min(1460px,calc(100% - 24px));max-height:96vh;margin:2vh auto;padding:34px 38px} .nova-auto-guide{font-size:16px} .nova-auto-hero p{font-size:17px}.nova-auto-tabs button{font-size:16px;padding:16px 14px} .nova-auto-tools input{font-size:16px;padding:15px 17px}.nova-auto-regions button{font-size:14px;padding:10px 15px} .nova-auto-info,.nova-auto-disclaimer{font-size:14px;line-height:1.55}.nova-auto-brand-head small{font-size:11px}.nova-auto-brand-head h4{font-size:20px}.nova-auto-brand-head a{font-size:13px} .nova-auto-models button{font-size:14px;padding:8px 12px}.nova-auto-section-head h3{font-size:27px}.nova-auto-section-head p{font-size:15px}.nova-auto-section-head>span{font-size:13px} .nova-auto-media-grid a b{font-size:16px}.nova-auto-media-grid a small{font-size:13px}.nova-auto-media-grid a em{font-size:13px} .nova-auto-km label,.nova-auto-cost-card label{font-size:14px}.nova-auto-model-note{font-size:14px}.nova-auto-model-compare label>span{font-size:15px}.nova-auto-model-compare select{font-size:14px}.nova-auto-model-compare a{font-size:13px} @media(max-width:760px){#moduleModal.nova-auto-modal .modal-panel{width:calc(100% - 10px);max-height:98vh;margin:1vh auto;padding:22px 14px}.nova-auto-guide{font-size:15px}.nova-auto-tabs button{font-size:15px}.nova-auto-models button{font-size:13px}} /* V70.89 – NOVA Auto Guide Technik Guide */ .nova-auto-tabs{grid-template-columns:repeat(5,minmax(0,1fr))} .nova-auto-tech-filters{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 16px} .nova-auto-tech-filters button{border:1px solid #bed0df;background:#fff;color:#315169;border-radius:999px;padding:9px 13px;font-weight:850} .nova-auto-tech-filters button.active{background:linear-gradient(135deg,#0b77c8,#18a4b5);color:#fff;border-color:transparent} .nova-auto-tech-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .nova-auto-tech-card{position:relative;border:1px solid #d2dee8;border-radius:18px;background:#fff;padding:16px;box-shadow:0 8px 22px rgba(35,58,79,.06)} .nova-auto-tech-card[hidden]{display:none}.nova-auto-tech-title{display:flex;gap:11px;align-items:flex-start}.nova-auto-tech-title>span{font-size:30px}.nova-auto-tech-title small{display:block;color:#1682ad;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.nova-auto-tech-title h4{margin:3px 0 0;color:#17364f;font-size:19px}.nova-auto-tech-card p{margin:11px 0;color:#526b7e;line-height:1.55}.nova-auto-tech-makers{display:flex;gap:5px;flex-direction:column;padding:10px 11px;border-radius:12px;background:#f2f8fc;color:#557187}.nova-auto-tech-makers b{color:#17364f;font-size:12px}.nova-auto-tech-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}.nova-auto-tech-links a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 11px;border-radius:10px;text-decoration:none;color:#0879b9;background:#edf7fc;border:1px solid #c9e3ef;font-weight:850}.nova-auto-tech-links a.youtube{color:#b42318;background:#fff3f1;border-color:#ffd0ca}.nova-auto-tech-links a:hover{transform:translateY(-1px);filter:brightness(.98)}.nova-auto-supplier-head{margin-top:24px}.nova-auto-supplier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.nova-auto-supplier-grid a{display:flex;align-items:center;gap:11px;text-decoration:none;border:1px solid #d2dee8;background:#fff;border-radius:16px;padding:14px;color:#17364f}.nova-auto-supplier-grid a>span{font-size:23px}.nova-auto-supplier-grid a div{flex:1}.nova-auto-supplier-grid a b,.nova-auto-supplier-grid a small{display:block}.nova-auto-supplier-grid a small{color:#62798c;margin-top:3px;line-height:1.4}.nova-auto-supplier-grid a em{font-style:normal;color:#0879b9;font-weight:800;font-size:12px} html[data-theme="dark"] .nova-auto-tech-card,.dark-mode .nova-auto-tech-card,html[data-theme="dark"] .nova-auto-supplier-grid a,.dark-mode .nova-auto-supplier-grid a{background:#152938;border-color:#355266;color:#eaf4f8}html[data-theme="dark"] .nova-auto-tech-title h4,.dark-mode .nova-auto-tech-title h4,html[data-theme="dark"] .nova-auto-tech-makers b,.dark-mode .nova-auto-tech-makers b{color:#f4f9fc}html[data-theme="dark"] .nova-auto-tech-card p,.dark-mode .nova-auto-tech-card p,html[data-theme="dark"] .nova-auto-supplier-grid a small,.dark-mode .nova-auto-supplier-grid a small{color:#c3d4df}html[data-theme="dark"] .nova-auto-tech-makers,.dark-mode .nova-auto-tech-makers{background:#102534;color:#cde3ee}html[data-theme="dark"] .nova-auto-tech-filters button,.dark-mode .nova-auto-tech-filters button{background:#162b3b;border-color:#39576b;color:#dcecf4}html[data-theme="dark"] .nova-auto-tech-filters button.active,.dark-mode .nova-auto-tech-filters button.active{background:#0b7bb5;color:#fff} @media(max-width:980px){.nova-auto-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:760px){.nova-auto-tabs{grid-template-columns:1fr}.nova-auto-tech-grid,.nova-auto-supplier-grid{grid-template-columns:1fr}} html[data-theme="dark"] .nova-auto-tech-links a,.dark-mode .nova-auto-tech-links a{background:#102b3b;border-color:#36596d;color:#79d4ff}html[data-theme="dark"] .nova-auto-tech-links a.youtube,.dark-mode .nova-auto-tech-links a.youtube{background:#351d20;border-color:#704047;color:#ffaaa0} /* V70.95 – Auto Guide · Automarkt · Asien 1/2 · Exoten */ .nova-auto-brand-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end;margin-left:auto} .nova-auto-brand-head .nova-auto-brand-actions>a,.nova-auto-dealer-btn{font-size:13px;font-weight:850;text-decoration:none;border-radius:10px;padding:8px 10px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap} .nova-auto-brand-head .nova-auto-brand-actions>a{color:#0877ba;background:#edf8ff;border:1px solid #d5ebf7} .nova-auto-dealer-btn{color:#087349;background:#eefaf4;border:1px solid #cbe9d9;cursor:pointer} .nova-auto-dealer-btn:hover,.nova-auto-brand-head .nova-auto-brand-actions>a:hover{filter:brightness(.98);transform:translateY(-1px)} .nova-auto-dealer-location{display:grid;grid-template-columns:minmax(240px,1fr) minmax(360px,1.25fr);gap:14px;align-items:center;margin:-4px 0 14px;padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,#f2fbf7,#f3f9ff);border:1px solid #cde1db} .nova-auto-dealer-location b,.nova-auto-dealer-location span{display:block}.nova-auto-dealer-location b{color:#173f54;font-size:15px}.nova-auto-dealer-location span{margin-top:3px;color:#587183;font-size:13px;line-height:1.45} .nova-auto-dealer-location-controls{display:grid;grid-template-columns:minmax(170px,1fr) auto auto;gap:8px} .nova-auto-dealer-location input{min-width:0;border:1px solid #b9ccd7;border-radius:11px;padding:10px 12px;background:#fff;color:#17364f;font-weight:750;font-size:14px} .nova-auto-dealer-location button{border:1px solid #c7d8e2;background:#fff;color:#315169;border-radius:11px;padding:9px 11px;font-weight:850;cursor:pointer}.nova-auto-dealer-location #novaAutoDealerSave{background:#0b78ba;border-color:#0b78ba;color:#fff} html[data-theme="dark"] .nova-auto-dealer-location,.dark-mode .nova-auto-dealer-location{background:linear-gradient(135deg,#113228,#112d40);border-color:#365b5a}html[data-theme="dark"] .nova-auto-dealer-location b,.dark-mode .nova-auto-dealer-location b{color:#eff9fb}html[data-theme="dark"] .nova-auto-dealer-location span,.dark-mode .nova-auto-dealer-location span{color:#c4d7df}html[data-theme="dark"] .nova-auto-dealer-location input,.dark-mode .nova-auto-dealer-location input{background:#0f2130;border-color:#436176;color:#f1f7fa}html[data-theme="dark"] .nova-auto-dealer-location button,.dark-mode .nova-auto-dealer-location button{background:#173143;border-color:#436176;color:#e6f2f7}html[data-theme="dark"] .nova-auto-dealer-location #novaAutoDealerSave,.dark-mode .nova-auto-dealer-location #novaAutoDealerSave{background:#0b7bb5;border-color:#0b7bb5;color:#fff}html[data-theme="dark"] .nova-auto-dealer-btn,.dark-mode .nova-auto-dealer-btn{background:#14372d;border-color:#32604f;color:#8ee0bb}html[data-theme="dark"] .nova-auto-brand-head .nova-auto-brand-actions>a,.dark-mode .nova-auto-brand-head .nova-auto-brand-actions>a{background:#102b3b;border-color:#36596d;color:#79d4ff} @media(max-width:860px){.nova-auto-dealer-location{grid-template-columns:1fr}.nova-auto-dealer-location-controls{grid-template-columns:1fr 1fr}.nova-auto-dealer-location-controls input{grid-column:1/-1}} @media(max-width:760px){.nova-auto-brand-head{flex-wrap:wrap}.nova-auto-brand-actions{width:100%;justify-content:flex-start;margin-left:37px}.nova-auto-brand-head .nova-auto-brand-actions>a,.nova-auto-dealer-btn{font-size:12.5px}.nova-auto-dealer-location-controls{grid-template-columns:1fr}.nova-auto-dealer-location-controls input{grid-column:auto}} /* V70.95 · six Auto Guide tabs + Automarkt */ .nova-auto-tabs{grid-template-columns:repeat(6,minmax(0,1fr))} .nova-auto-market-grid a>span{font-size:25px} .nova-auto-regions button[data-auto-filter="Asien 1"]{border-color:#9fd7c6} .nova-auto-regions button[data-auto-filter="Asien 2"]{border-color:#c9b7ea} .nova-auto-regions button[data-auto-filter="Exoten"]{border-color:#edc18b} .nova-auto-regions button[data-auto-filter="Asien 1"].active{background:#0f7f68;color:#fff;border-color:#0f7f68} .nova-auto-regions button[data-auto-filter="Asien 2"].active{background:#7051a8;color:#fff;border-color:#7051a8} .nova-auto-regions button[data-auto-filter="Exoten"].active{background:#a76318;color:#fff;border-color:#a76318} @media(max-width:1100px){.nova-auto-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:760px){.nova-auto-tabs{grid-template-columns:1fr}} /* V70.95 · Oldtimer/Klassik + weltweite Automessen */ .nova-auto-classic-grid a>span,.nova-auto-show-grid a>span{font-size:25px} .nova-auto-classic-grid a{border-left:4px solid #8a63b8} .nova-auto-show-grid a{border-left:4px solid #1c9bb4} html[data-theme="dark"] .nova-auto-classic-grid a,.dark-mode .nova-auto-classic-grid a,html[data-theme="dark"] .nova-auto-show-grid a,.dark-mode .nova-auto-show-grid a{background:#152938;border-color:#355266;color:#eaf4f8} @media(max-width:1320px){.nova-auto-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(max-width:900px){.nova-auto-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:760px){.nova-auto-tabs{grid-template-columns:1fr}} /* V70.95 – Namenstag: deutsche Kalenderbasis + Wikipedia-Hintergrund */ .nova-nameday-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap} .nova-nameday-country{font-size:11px;font-weight:800;letter-spacing:.04em;color:#0b67c2;background:#eaf5ff;border:1px solid #c9e3fa;border-radius:999px;padding:3px 8px;white-space:nowrap} .nova-nameday-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px;font-size:11px;line-height:1.35;color:#61778b} .nova-nameday-meta a{color:#0b67c2;font-weight:700;text-decoration:none} .nova-nameday-meta a:hover,.nova-nameday-meta a:focus-visible{text-decoration:underline} body.dark-mode .nova-nameday-country{color:#bfe4ff;background:rgba(22,112,181,.22);border-color:rgba(96,184,245,.35)} body.dark-mode .nova-nameday-meta{color:#a9bfd1} body.dark-mode .nova-nameday-meta a{color:#8fd1ff} /* V70.96 · NOVA Outdoor Guide */ .nova-outdoor-guide-tile{position:relative;overflow:hidden} .nova-outdoor-guide-tile::after{content:"OUTDOOR";position:absolute;right:8px;bottom:7px;font-size:8px;letter-spacing:.12em;font-weight:950;color:#2e855d;opacity:.75} .nova-outdoor-guide-tile>span{filter:drop-shadow(0 4px 8px rgba(47,158,104,.18))} .nova-outdoor-shell{color:#143127} .nova-outdoor-shell-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:18px 20px;border:1px solid #d7e9df;border-radius:21px;background:linear-gradient(135deg,#effaf4,#eef8ff)} .nova-outdoor-shell-head h2{font-size:clamp(27px,4vw,42px);margin:5px 0 7px;color:#143127} .nova-outdoor-shell-head p{margin:0;color:#527064;font-weight:650} .nova-outdoor-shell-badge{min-width:112px;text-align:center;background:#fff;border:1px solid #d3e5db;border-radius:17px;padding:11px 13px} .nova-outdoor-shell-badge b,.nova-outdoor-shell-badge small{display:block}.nova-outdoor-shell-badge b{color:#2f8d62}.nova-outdoor-shell-badge small{color:#6a8077;margin-top:2px} .nova-outdoor-frame-wrap{margin-top:12px;border:1px solid #d7e5df;border-radius:20px;overflow:hidden;background:#f4faf7;min-height:72vh} .nova-outdoor-frame{display:block;width:100%;height:74vh;min-height:680px;border:0;background:#f4faf7} .nova-outdoor-shell-note{margin-top:10px;padding:10px 13px;border:1px solid #d7e8df;border-radius:13px;background:#f4faf7;color:#527064;font-size:12px;font-weight:700} #moduleModal.nova-outdoor-modal .modal-card{width:min(1540px,96vw);max-width:none} @media(max-width:760px){ .nova-outdoor-shell-head{padding:15px;flex-direction:column} .nova-outdoor-shell-badge{min-width:0;text-align:left} .nova-outdoor-frame-wrap{min-height:78vh} .nova-outdoor-frame{height:80vh;min-height:720px} } /* V70.99 · NOVA EV Live Drive */ .nova-ev-live{margin-top:16px;color:#15354a}.nova-ev-live-head{display:flex;justify-content:space-between;gap:16px;padding:18px;border:1px solid #cfe0ea;border-radius:18px;background:linear-gradient(135deg,#f3faff,#effbf7)} .nova-ev-live-head small{font-weight:900;letter-spacing:.1em;color:#0d77b7}.nova-ev-live-head h3{margin:5px 0 6px;font-size:26px}.nova-ev-live-head p{margin:0;color:#5b7180;line-height:1.5} .nova-ev-live-badges{display:flex;gap:7px;flex-wrap:wrap;align-content:flex-start}.nova-ev-live-badges span{white-space:nowrap;padding:8px 10px;border:1px solid #d4e4eb;border-radius:999px;background:#fff;font-size:11px;font-weight:850} .nova-ev-live-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:14px;margin-top:12px}.nova-ev-live-controls{display:grid;gap:10px;padding:18px;border:1px solid #d7e4ea;border-radius:17px;background:#fbfdff} .nova-ev-live-status{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid #d7e4ea;border-radius:13px;background:#fff}.nova-ev-live-status b,.nova-ev-live-status small{display:block}.nova-ev-live-status small{color:#6c7f8a;margin-top:3px} .ev-live-dot{width:13px;height:13px;border-radius:50%;background:#aab7bd}.ev-live-dot.active{background:#25a46a}.ev-live-dot.paused{background:#e39b35}.ev-live-dot.error{background:#d44e4e} .nova-ev-live-buttons{display:grid;gap:7px}.nova-ev-live-buttons button{border:0;border-radius:11px;padding:11px 13px;font-weight:900}.ev-live-start{background:#0f79bb;color:#fff}.ev-live-pause{background:#e39b35;color:#fff}.ev-live-stop{background:#b84646;color:#fff}.nova-ev-live-buttons button:disabled{opacity:.42} .nova-ev-live-metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px}.nova-ev-live-metrics>div{padding:11px;border:1px solid #d8e5eb;border-radius:12px;background:#fff}.nova-ev-live-metrics b,.nova-ev-live-metrics small{display:block}.nova-ev-live-metrics b{font-size:17px}.nova-ev-live-metrics small{font-size:10px;color:#71838d;margin-top:3px} .nova-ev-energy-box{display:grid;grid-template-columns:1fr 1fr;gap:8px}.nova-ev-energy-box label{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:800;color:#526a78}.nova-ev-energy-box input{border:1px solid #cfdee5;border-radius:10px;padding:10px;background:#fff} .nova-ev-energy-result{padding:11px;border:1px solid #d7e7dd;border-radius:12px;background:#f4faf7}.nova-ev-energy-result b,.nova-ev-energy-result span{display:block}.nova-ev-energy-result span{font-size:11px;color:#60766a;line-height:1.45;margin-top:4px} .nova-ev-live-map{height:480px;min-height:480px;border:1px solid #d3e1e7;border-radius:17px;overflow:hidden;background:#eaf3ef}.nova-ev-live-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:10px;padding:11px 13px;border:1px solid #d7e7dd;border-radius:13px;background:#f5faf7;font-size:11px;color:#60766a}.nova-ev-live-foot button{border:0;border-radius:10px;background:#0f79bb;color:#fff;padding:10px 12px;font-weight:850}.nova-ev-live-foot button:disabled{opacity:.45} @media(max-width:900px){.nova-ev-live-layout{grid-template-columns:1fr}.nova-ev-live-map{height:400px;min-height:400px}.nova-ev-live-head{flex-direction:column}}@media(max-width:600px){.nova-ev-energy-box{grid-template-columns:1fr}.nova-ev-live-foot{flex-direction:column;align-items:stretch}} .nova-router-v28-live{border-color:#9bd8f0!important;background:#eefaff!important;color:#0877ad!important;font-weight:900!important} .nova-router-v28-live:hover{background:#dff6ff!important} .nova-ev-live{scroll-margin-top:18px} .nova-ev-live-focus{outline:3px solid rgba(20,158,202,.28);outline-offset:4px;transition:outline .2s ease} /* NOVA V70.99 · Logout */ .nova-logout-wrap{padding:12px 14px 16px;margin-top:auto} .nova-logout-btn{ width:100%;border:1px solid rgba(110,130,140,.22);background:rgba(255,255,255,.72); color:#5f6e76;border-radius:12px;padding:10px 12px;font-size:12px;font-weight:800; cursor:pointer;transition:.18s ease;backdrop-filter:blur(8px) } .nova-logout-btn:hover{background:#fff;color:#9c3f3f;border-color:rgba(180,70,70,.28)} .nova-logout-fixed{position:fixed;right:18px;bottom:18px;z-index:9998} .nova-logout-fixed .nova-logout-btn{width:auto;min-width:110px;box-shadow:0 8px 28px rgba(0,0,0,.10)} @media(max-width:700px){ .nova-logout-fixed{right:10px;bottom:10px} .nova-logout-btn{font-size:11px;padding:9px 10px} } /* V71.02 · globale Dark-Mode-Schriften / Lesbarkeit */ html[data-theme="dark"], body.dark-mode{ color-scheme: dark; } html[data-theme="dark"] body, body.dark-mode{ color:#e7f0ec; } html[data-theme="dark"] .modal, html[data-theme="dark"] .popup, html[data-theme="dark"] .card, html[data-theme="dark"] .panel, html[data-theme="dark"] .sheet, html[data-theme="dark"] .dialog, html[data-theme="dark"] .box, body.dark-mode .modal, body.dark-mode .popup, body.dark-mode .card, body.dark-mode .panel, body.dark-mode .sheet, body.dark-mode .dialog, body.dark-mode .box{ color:#e7f0ec; } html[data-theme="dark"] .muted, html[data-theme="dark"] small, html[data-theme="dark"] .subtle, body.dark-mode .muted, body.dark-mode small, body.dark-mode .subtle{ color:#9fb1ab !important; } html[data-theme="dark"] input, html[data-theme="dark"] select, html[data-theme="dark"] textarea, body.dark-mode input, body.dark-mode select, body.dark-mode textarea{ color:#e7f0ec; } html[data-theme="dark"] input::placeholder, html[data-theme="dark"] textarea::placeholder, body.dark-mode input::placeholder, body.dark-mode textarea::placeholder{ color:#9fb1ab; } /* V71.04 · Outdoor Wrapper Dark Mode + Schriftoptimierung */ .nova-outdoor-shell{color:#143127;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility} .nova-outdoor-shell-head .eyebrow{font-weight:900;letter-spacing:.12em} .nova-outdoor-shell-head h2{font-weight:800;line-height:1.04} .nova-outdoor-shell-head p{font-size:16px;line-height:1.5;font-weight:700} .nova-outdoor-shell-badge b{font-size:24px;font-weight:900;letter-spacing:.02em}.nova-outdoor-shell-badge small{font-size:14px;font-weight:700} .nova-outdoor-shell-note{font-size:13px;line-height:1.45;font-weight:800} body.dark-mode #moduleModal.nova-outdoor-modal .modal-panel, html[data-theme="dark"] #moduleModal.nova-outdoor-modal .modal-panel{ background:linear-gradient(180deg,#07111a,#081827)!important; border-color:#20415e!important; color:#eef7ff!important; } body.dark-mode #moduleModal.nova-outdoor-modal .nova-outdoor-shell, html[data-theme="dark"] #moduleModal.nova-outdoor-modal .nova-outdoor-shell{color:#eef7ff!important} body.dark-mode #moduleModal.nova-outdoor-modal .nova-outdoor-shell-head, html[data-theme="dark"] #moduleModal.nova-outdoor-modal .nova-outdoor-shell-head{ background:linear-gradient(135deg,#0f2030,#13283b)!important; border-color:#28516f!important; } body.dark-mode #moduleModal.nova-outdoor-modal .nova-outdoor-shell-head h2, body.dark-mode #moduleModal.nova-outdoor-modal .nova-outdoor-shell-head .eyebrow, html[data-theme="dark"] #moduleModal.nova-outdoor-modal .nova-outdoor-shell-head h2, html[data-theme="dark"] #moduleModal.nova-outdoor-modal .nova-outdoor-shell-head .eyebrow{color:#f4f8ff!important} body.dark-mode #moduleModal.nova-outdoor-modal .nova-outdoor-shell-head p, html[data-theme="dark"] #moduleModal.nova-outdoor-modal .nova-outdoor-shell-head p{color:#cfe0ef!important} body.dark-mode #moduleModal.nova-outdoor-modal .nova-outdoor-shell-badge, html[data-theme="dark"] #moduleModal.nova-outdoor-modal .nova-outdoor-shell-badge{ background:#162839!important; border-color:#315a79!important; } body.dark-mode #moduleModal.nova-outdoor-modal .nova-outdoor-shell-badge b, html[data-theme="dark"] #moduleModal.nova-outdoor-modal .nova-outdoor-shell-badge b{color:#f4f8ff!important} body.dark-mode #moduleModal.nova-outdoor-modal .nova-outdoor-shell-badge small, html[data-theme="dark"] #moduleModal.nova-outdoor-modal .nova-outdoor-shell-badge small{color:#bed3e5!important} body.dark-mode #moduleModal.nova-outdoor-modal .nova-outdoor-frame-wrap, html[data-theme="dark"] #moduleModal.nova-outdoor-modal .nova-outdoor-frame-wrap{ background:#06131d!important; border-color:#28506f!important; } body.dark-mode #moduleModal.nova-outdoor-modal .nova-outdoor-shell-note, html[data-theme="dark"] #moduleModal.nova-outdoor-modal .nova-outdoor-shell-note{ background:#112433!important; border-color:#2b5574!important; color:#d8e7f3!important; } /* ========================================================= NOVA AI V71.24 – DASHBOARD RESPONSIVE ROLLBACK + FIX PC-Dashboard bleibt stabil; Mobile und Handy-Desktop-Modus werden gezielt korrigiert. ========================================================= */ html,body{max-width:100%} main,#home{max-width:100%;min-width:0} /* 1) Echter Mobile-Modus: volle Breite, keine halbierte Ansicht */ @media(max-width:760px){ body{padding-left:0!important;overflow-x:hidden!important} main,#home,.topbar{width:100%!important;max-width:100%!important} .nova-dashboard-hero, .dashboard-daily-grid, .nova-quick-access-section, .nova-quiz-wide-wrap{ width:100%!important; max-width:100%!important; margin-left:0!important; margin-right:0!important; box-sizing:border-box!important; } .nova-dashboard-hero{ display:flex!important; flex-direction:column!important; gap:16px!important; padding:14px 10px 18px!important; overflow:visible!important; } .nova-dashboard-hero>*{width:100%!important;max-width:100%!important;min-width:0!important} .nova-weather-column,.nova-weather-panel,.nova-ai-stage,.nova-right-rail, #novaLiveHub,#novaCalendar,#novaDailyMemo,.nova-activity-quickbar{ width:100%!important; max-width:100%!important; min-width:0!important; margin-left:0!important; margin-right:0!important; } .nova-ai-stage{min-height:auto!important;align-items:stretch!important;padding:0!important} .nova-live-head{flex-direction:column!important;align-items:flex-start!important} .nova-live-badge{align-self:flex-start!important} .nova-live-card{flex:0 0 100%!important;min-width:100%!important} .dashboard-daily-grid{grid-template-columns:1fr!important;padding:0 10px!important;margin:16px 0 18px!important} .nova-quick-access-section{margin:16px 0 20px!important;padding:16px 10px!important;border-radius:18px!important} .nova-quick-access-dock,.nova-universe-dock{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important} .nova-quick-access-dock button,.nova-universe-dock button{min-height:94px!important;padding:12px 10px!important} .nova-quick-access-dock button b,.nova-universe-dock button>b{font-size:13px!important;line-height:1.24!important} .nova-quick-access-dock button small,.nova-universe-dock button>small{display:block!important;font-size:11px!important;line-height:1.3!important} } /* 2) Sehr kleine Smartphones */ @media(max-width:430px){ .nova-dashboard-hero{padding-left:8px!important;padding-right:8px!important} .dashboard-daily-grid{padding:0 8px!important} .nova-quick-access-section{padding:14px 8px!important} .nova-quick-access-dock button,.nova-universe-dock button{min-height:98px!important} } /* 3) Desktop-Modus NUR auf kleinen Geräten kompakter machen. */ html[data-view-mode="desktop"][data-device-class="compact"] body{overflow-x:auto!important} html[data-view-mode="desktop"][data-device-class="compact"] .nova-dashboard-hero{ grid-template-columns:320px minmax(0,1fr)!important; gap:18px!important; padding:18px 12px 14px!important; } html[data-view-mode="desktop"][data-device-class="compact"] .nova-right-rail{ grid-column:1/-1!important; display:grid!important; grid-template-columns:minmax(0,1fr) minmax(320px,.9fr)!important; gap:14px!important; margin-top:12px!important; } html[data-view-mode="desktop"][data-device-class="compact"] .dashboard-daily-grid{grid-template-columns:1fr!important} html[data-view-mode="desktop"][data-device-class="compact"] .nova-quick-access-section{ width:min(1240px,calc(100% - 24px))!important; margin-top:18px!important; } html[data-view-mode="desktop"][data-device-class="compact"] .nova-universe-dock{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important} html[data-view-mode="desktop"][data-device-class="compact"] .nova-universe-dock button{min-height:102px!important;padding:12px 11px!important} html[data-view-mode="desktop"][data-device-class="compact"] .nova-universe-dock button>b{font-size:13px!important} html[data-view-mode="desktop"][data-device-class="compact"] .nova-universe-dock button>small{font-size:11px!important;line-height:1.3!important} /* 4) Etwas schmalere Tablet-Desktop-Ansicht */ @media (min-width:761px) and (max-width:1024px){ html[data-view-mode="desktop"][data-device-class="compact"] .nova-universe-dock{grid-template-columns:repeat(3,minmax(0,1fr))!important} } /* ========================================================= NOVA AI V71.25 – MOBILE VIEW MODE + PHONE DESKTOP FIX Mobile: stabiler Start ohne Zoom-Effekt. Phone-Desktop-Modus: gleiche Zuordnung wie am PC. ========================================================= */ /* Mobile-Modus: volle Breite sofort beim Laden */ html[data-view-mode="mobile"] body{overflow-x:hidden} @media(max-width:760px){ html[data-view-mode="mobile"] body{padding-left:0!important} html[data-view-mode="mobile"] main, html[data-view-mode="mobile"] #home, html[data-view-mode="mobile"] .topbar, html[data-view-mode="mobile"] .nova-dashboard-hero, html[data-view-mode="mobile"] .dashboard-daily-grid, html[data-view-mode="mobile"] .nova-quick-access-section, html[data-view-mode="mobile"] .nova-quiz-wide-wrap{ width:100%!important; max-width:100%!important; margin-left:0!important; margin-right:0!important; box-sizing:border-box!important; } html[data-view-mode="mobile"] .nova-dashboard-hero{ display:flex!important; flex-direction:column!important; gap:16px!important; padding:14px 10px 18px!important; overflow:visible!important; } html[data-view-mode="mobile"] .nova-dashboard-hero > *{width:100%!important;max-width:100%!important;min-width:0!important} html[data-view-mode="mobile"] .nova-weather-column, html[data-view-mode="mobile"] .nova-weather-panel, html[data-view-mode="mobile"] .nova-ai-stage, html[data-view-mode="mobile"] .nova-right-rail, html[data-view-mode="mobile"] #novaLiveHub, html[data-view-mode="mobile"] #novaCalendar, html[data-view-mode="mobile"] #novaDailyMemo, html[data-view-mode="mobile"] .nova-activity-quickbar{ width:100%!important;max-width:100%!important;min-width:0!important; margin-left:0!important;margin-right:0!important; } html[data-view-mode="mobile"] .nova-ai-stage{min-height:auto!important;align-items:stretch!important;padding:0!important} html[data-view-mode="mobile"] .nova-live-head{flex-direction:column!important;align-items:flex-start!important} html[data-view-mode="mobile"] .nova-live-badge{align-self:flex-start!important} html[data-view-mode="mobile"] .nova-live-card{flex:0 0 100%!important;min-width:100%!important} html[data-view-mode="mobile"] .dashboard-daily-grid{grid-template-columns:1fr!important;padding:0 10px!important;margin:16px 0 18px!important} html[data-view-mode="mobile"] .nova-quick-access-section{margin:16px 0 20px!important;padding:16px 10px!important;border-radius:18px!important} html[data-view-mode="mobile"] .nova-quick-access-dock, html[data-view-mode="mobile"] .nova-universe-dock{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important} html[data-view-mode="mobile"] .nova-quick-access-dock button, html[data-view-mode="mobile"] .nova-universe-dock button{min-height:94px!important;padding:12px 10px!important} } /* Handy-Desktop-Modus: gleiche Zuordnung wie PC, keine Kompakt-Umsortierung */ html[data-view-mode="desktop"][data-device-class="compact"] .nova-dashboard-hero{ grid-template-columns:374px minmax(520px,1fr) 398px!important; grid-template-rows:auto!important; align-items:start!important; } html[data-view-mode="desktop"][data-device-class="compact"] .nova-right-rail{ grid-column:3!important; display:flex!important; flex-direction:column!important; gap:14px!important; min-width:0!important; align-self:start!important; margin-top:0!important; } html[data-view-mode="desktop"][data-device-class="compact"] .dashboard-daily-grid{ grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)!important; } html[data-view-mode="desktop"][data-device-class="compact"] .nova-quick-access-section{ width:min(1460px,calc(100% - 48px))!important; margin:14px auto 28px!important; padding:18px 20px 20px!important; } html[data-view-mode="desktop"][data-device-class="compact"] .nova-universe-dock{ grid-template-columns:repeat(9,minmax(0,1fr))!important; } html[data-view-mode="desktop"][data-device-class="compact"] .nova-universe-dock button{min-height:82px!important} /* Kleine Telefon-Desktop-Ansicht: 6 Spalten, damit Kacheln lesbarer bleiben */ @media(max-width:460px){ html[data-view-mode="desktop"][data-device-class="compact"] .nova-universe-dock{grid-template-columns:repeat(6,minmax(0,1fr))!important} } /* ========================================================= NOVA AI V71.28 – GESUNDHEIT & APOTHEKE 3-ANSICHTEN-SCOPE: Desktop-PWA / Handy Mobil / Handy Desktop ========================================================= */ .nova-health-branches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 16px} .nova-health-branches>button{min-height:112px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 15px;border:1px solid #b9dcca;border-radius:17px;background:linear-gradient(145deg,#ffffff,#eefaf4);color:#163247;text-align:left;cursor:pointer;box-shadow:0 7px 18px rgba(26,112,75,.07)} .nova-health-branches>button:hover{transform:translateY(-2px);border-color:#28a06a;box-shadow:0 10px 24px rgba(24,145,94,.13)} .nova-health-branches>button>span{font-size:34px}.nova-health-branches>button div{min-width:0}.nova-health-branches>button b{display:block;font-size:16px;line-height:1.2;color:#153b36}.nova-health-branches>button small{display:block;margin-top:5px;font-size:12px;line-height:1.4;color:#587468}.nova-health-branches>button em{font-style:normal;font-size:12px;font-weight:900;color:#148451;white-space:nowrap} .nova-health-branch-open{overflow:hidden!important}.nova-health-branch-overlay{position:fixed;inset:0;z-index:12050;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(2,16,26,.68);backdrop-filter:blur(8px)} .nova-health-branch-dialog{width:min(980px,96vw);max-height:92vh;overflow:auto;border:1px solid #b8d8ca;border-radius:24px;background:#f8fcfa;color:#17374a;box-shadow:0 30px 90px rgba(0,0,0,.32)} .nova-health-branch-dialog>header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 19px;background:linear-gradient(120deg,#0e6254,#148c65,#167fd0);color:#fff;border-radius:23px 23px 0 0} .nova-health-branch-dialog>header>div{display:flex;align-items:center;gap:12px}.nova-health-branch-dialog>header>div>span{font-size:34px}.nova-health-branch-dialog header small{display:block;font-size:10px;letter-spacing:.11em;font-weight:900;opacity:.9}.nova-health-branch-dialog header h2{margin:2px 0 0;font-size:27px;color:#fff}.nova-health-branch-close{flex:0 0 auto;width:42px;height:42px;border:1px solid rgba(255,255,255,.48);border-radius:50%;background:rgba(255,255,255,.13);color:#fff;font-size:27px;line-height:1;cursor:pointer} .nova-health-branch-body{padding:18px}.nova-health-branch-intro{margin:0 0 16px;padding:13px 14px;border:1px solid #d3e4dc;border-radius:14px;background:#fff;color:#4c6673;font-size:14px;line-height:1.55}.nova-health-branch-section-head{margin:16px 0 9px}.nova-health-branch-section-head span{display:block;font-size:10px;font-weight:900;letter-spacing:.09em;color:#15825d}.nova-health-branch-section-head b{display:block;margin-top:2px;font-size:18px;color:#183b4d} .nova-health-branch-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.nova-health-branch-examples article{min-height:100px;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:12px;border:1px solid #d3e5dc;border-radius:15px;background:#fff}.nova-health-branch-examples article>span{font-size:27px}.nova-health-branch-examples b{display:block;font-size:14px;line-height:1.25;color:#173c4e}.nova-health-branch-examples small{display:block;margin-top:4px;font-size:11px;line-height:1.4;color:#627987} .nova-health-branch-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.nova-health-branch-links a{min-height:82px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px 13px;border:1px solid #c9dfe1;border-radius:14px;background:#fff;color:#15394d;text-decoration:none}.nova-health-branch-links a:hover{border-color:#2b9b75;box-shadow:0 7px 18px rgba(25,121,87,.10)}.nova-health-branch-links a>span{font-size:25px}.nova-health-branch-links b{display:block;font-size:13px;line-height:1.25}.nova-health-branch-links small{display:block;margin-top:3px;font-size:11px;line-height:1.35;color:#607887}.nova-health-branch-links em{font-style:normal;font-weight:900;color:#168354} .nova-health-branch-note{display:grid;gap:4px;margin-top:15px;padding:13px 14px;border:1px solid #e5d39d;border-radius:14px;background:#fff9e8}.nova-health-branch-note b{font-size:12px;color:#71550b}.nova-health-branch-note span{font-size:11px;line-height:1.45;color:#6c6040} body.dark-mode .nova-health-branches>button{background:linear-gradient(145deg,#12372f,#102c39);border-color:#386259;color:#eefaff}body.dark-mode .nova-health-branches>button b{color:#f3fbf8}body.dark-mode .nova-health-branches>button small{color:#bdd4cc}body.dark-mode .nova-health-branches>button em{color:#7ce5b5}body.dark-mode .nova-health-branch-dialog{background:#0d2635;border-color:#355b57;color:#eff8fb}body.dark-mode .nova-health-branch-intro,body.dark-mode .nova-health-branch-examples article,body.dark-mode .nova-health-branch-links a{background:#123342;border-color:#355b64;color:#edf8fb}body.dark-mode .nova-health-branch-section-head b,body.dark-mode .nova-health-branch-examples b,body.dark-mode .nova-health-branch-links b{color:#eff9fc}body.dark-mode .nova-health-branch-intro,body.dark-mode .nova-health-branch-examples small,body.dark-mode .nova-health-branch-links small{color:#bfd2dc}body.dark-mode .nova-health-branch-note{background:#342d19;border-color:#675b31}body.dark-mode .nova-health-branch-note b{color:#ffe28b}body.dark-mode .nova-health-branch-note span{color:#e7dcae} @media(max-width:760px){html[data-view-mode="mobile"] .nova-health-branches{grid-template-columns:1fr;gap:9px}html[data-view-mode="mobile"] .nova-health-branches>button{min-height:88px;padding:12px}html[data-view-mode="mobile"] .nova-health-branches>button>span{font-size:30px}html[data-view-mode="mobile"] .nova-health-branch-overlay{padding:8px;align-items:flex-end}html[data-view-mode="mobile"] .nova-health-branch-dialog{width:100%;max-width:none;max-height:94dvh;border-radius:20px 20px 0 0}html[data-view-mode="mobile"] .nova-health-branch-dialog>header{padding:14px;border-radius:19px 19px 0 0}html[data-view-mode="mobile"] .nova-health-branch-dialog header h2{font-size:22px}html[data-view-mode="mobile"] .nova-health-branch-body{padding:12px}html[data-view-mode="mobile"] .nova-health-branch-examples,html[data-view-mode="mobile"] .nova-health-branch-links{grid-template-columns:1fr}html[data-view-mode="mobile"] .nova-health-branch-examples article{min-height:82px}} html[data-view-mode="desktop"][data-device-class="compact"] .nova-health-branches{grid-template-columns:repeat(2,minmax(0,1fr))!important}html[data-view-mode="desktop"][data-device-class="compact"] .nova-health-branch-dialog{width:min(980px,96vw)!important}html[data-view-mode="desktop"][data-device-class="compact"] .nova-health-branch-examples{grid-template-columns:repeat(3,minmax(0,1fr))!important}html[data-view-mode="desktop"][data-device-class="compact"] .nova-health-branch-links{grid-template-columns:repeat(2,minmax(0,1fr))!important} /* ========================================================= NOVA AI V71.28 – HEALTH DETAIL TOPICS Nur Gesundheitsmodul; Dashboard-Layout bleibt unangetastet. ========================================================= */ .nova-health-branch-examples>button{ min-height:100px; display:grid; grid-template-columns:auto 1fr auto; gap:10px; align-items:start; padding:12px; border:1px solid #d3e5dc; border-radius:15px; background:#fff; color:#173c4e; text-align:left; cursor:pointer; } .nova-health-branch-examples>button:hover{border-color:#2b9b75;box-shadow:0 7px 18px rgba(25,121,87,.10);transform:translateY(-1px)} .nova-health-branch-examples>button>span{font-size:27px} .nova-health-branch-examples>button b{display:block;font-size:14px;line-height:1.25;color:#173c4e} .nova-health-branch-examples>button small{display:block;margin-top:4px;font-size:11px;line-height:1.4;color:#627987} .nova-health-branch-examples>button em{align-self:center;font-style:normal;font-size:11px;font-weight:900;color:#15825d;white-space:nowrap} .nova-health-topic-open{overflow:hidden!important} .nova-health-topic-overlay{ position:fixed;inset:0;z-index:12070;display:flex;align-items:center;justify-content:center;padding:18px; background:rgba(2,16,26,.74);backdrop-filter:blur(9px) } .nova-health-topic-dialog{ width:min(1040px,96vw);max-height:92vh;overflow:auto;border:1px solid #bddbd0;border-radius:24px; background:#f8fcfa;color:#17374a;box-shadow:0 32px 95px rgba(0,0,0,.34) } .nova-health-topic-dialog>header{ position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 19px; background:linear-gradient(120deg,#0d5d53,#138b68,#167fd0);color:#fff;border-radius:23px 23px 0 0 } .nova-health-topic-dialog>header>div{display:flex;align-items:center;gap:12px}.nova-health-topic-dialog>header>div>span{font-size:34px} .nova-health-topic-dialog header small{display:block;font-size:10px;letter-spacing:.11em;font-weight:900;opacity:.9} .nova-health-topic-dialog header h2{margin:2px 0 0;font-size:27px;color:#fff} .nova-health-topic-close{flex:0 0 auto;width:42px;height:42px;border:1px solid rgba(255,255,255,.48);border-radius:50%;background:rgba(255,255,255,.13);color:#fff;font-size:27px;cursor:pointer} .nova-health-topic-body{padding:18px}.nova-health-topic-intro{margin:0 0 15px;padding:13px 14px;border:1px solid #d3e4dc;border-radius:14px;background:#fff;color:#4c6673;font-size:14px;line-height:1.55} .nova-health-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px} .nova-health-topic-card{display:grid;grid-template-columns:auto 1fr;gap:11px;padding:14px;border:1px solid #d4e5de;border-radius:16px;background:#fff;min-height:220px} .nova-health-topic-no{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#e8f7f0;color:#137a58;font-size:11px;font-weight:950} .nova-health-topic-card h3{margin:0 0 6px;font-size:17px;line-height:1.2;color:#173c4e}.nova-health-topic-card p{margin:0 0 10px;font-size:12px;line-height:1.48;color:#526e7d} .nova-health-topic-card dl{margin:0;display:grid;gap:8px}.nova-health-topic-card dl>div{padding:8px 9px;border-radius:10px;background:#f3f8f6}.nova-health-topic-card dt{font-size:9px;font-weight:950;letter-spacing:.06em;text-transform:uppercase;color:#13805e}.nova-health-topic-card dd{margin:3px 0 0;font-size:11px;line-height:1.42;color:#516a77} .nova-health-topic-card a{display:inline-flex;margin-top:11px;text-decoration:none;color:#0876bf;font-size:11px;font-weight:900}.nova-health-topic-card a:hover{text-decoration:underline} body.dark-mode .nova-health-branch-examples>button,body.dark-mode .nova-health-topic-dialog,body.dark-mode .nova-health-topic-intro,body.dark-mode .nova-health-topic-card{background:#102f3d;border-color:#355b64;color:#edf8fb} body.dark-mode .nova-health-branch-examples>button b,body.dark-mode .nova-health-topic-card h3{color:#eff9fc} body.dark-mode .nova-health-branch-examples>button small,body.dark-mode .nova-health-topic-intro,body.dark-mode .nova-health-topic-card p,body.dark-mode .nova-health-topic-card dd{color:#bfd2dc} body.dark-mode .nova-health-topic-card dl>div{background:#0b2633} body.dark-mode .nova-health-topic-no{background:#173f37;color:#8fe3bd} @media(max-width:760px){ html[data-view-mode="mobile"] .nova-health-branch-examples>button{min-height:82px;grid-template-columns:auto 1fr auto} html[data-view-mode="mobile"] .nova-health-topic-overlay{padding:8px;align-items:flex-end} html[data-view-mode="mobile"] .nova-health-topic-dialog{width:100%;max-width:none;max-height:94dvh;border-radius:20px 20px 0 0} html[data-view-mode="mobile"] .nova-health-topic-dialog>header{padding:14px;border-radius:19px 19px 0 0} html[data-view-mode="mobile"] .nova-health-topic-dialog header h2{font-size:22px} html[data-view-mode="mobile"] .nova-health-topic-body{padding:12px} html[data-view-mode="mobile"] .nova-health-topic-grid{grid-template-columns:1fr} html[data-view-mode="mobile"] .nova-health-topic-card{min-height:0;padding:12px} } html[data-view-mode="desktop"][data-device-class="compact"] .nova-health-topic-dialog{width:min(1040px,96vw)!important} html[data-view-mode="desktop"][data-device-class="compact"] .nova-health-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} /* ========================================================= NOVA AI V71.29 – OUTDOOR GASSI-MODUS Strikt auf den Activity Tracker begrenzt. Desktop-PWA / Handy Mobil / Handy Desktop berücksichtigt. ========================================================= */ #novaActivityTypes.nova-activity-types{grid-template-columns:repeat(5,minmax(0,1fr))} #novaActivityTypes [data-activity="dogwalk"]{border-color:#b8dccb;background:linear-gradient(145deg,#fff,#effaf4)} #novaActivityTypes [data-activity="dogwalk"].active{border-color:#18a66c;background:#eafff3;box-shadow:0 0 0 3px rgba(24,166,108,.14)} .nova-dogwalk-panel{border:1px solid #b9deca;border-radius:17px;background:linear-gradient(145deg,#f7fff9,#eef9ff);padding:13px;color:#173a4e} .nova-dogwalk-panel[hidden]{display:none!important} .nova-dogwalk-head span{display:block;font-size:10px;font-weight:900;letter-spacing:.09em;color:#12885e} .nova-dogwalk-head strong{display:block;margin-top:2px;font-size:18px;color:#163b4e} .nova-dogwalk-head small{display:block;margin-top:3px;font-size:11px;line-height:1.4;color:#617987} .nova-dogwalk-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:11px} .nova-dogwalk-controls>button,.nova-dogwalk-controls>label{min-height:72px;border:1px solid #cbe1d6;border-radius:13px;background:#fff;padding:10px 11px;color:#183c4e;box-sizing:border-box} .nova-dogwalk-controls>button{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:9px;text-align:left;cursor:pointer} .nova-dogwalk-controls>button>span{grid-row:1/3;font-size:27px;align-self:center}.nova-dogwalk-controls>button>b{font-size:13px}.nova-dogwalk-controls>button>small{font-size:11px;color:#617987}.nova-dogwalk-controls>button>small strong{color:#12885e;font-size:12px} .nova-dogwalk-controls>label>span{display:block;font-size:11px;font-weight:900;color:#31566a;margin-bottom:5px} .nova-dogwalk-controls select,.nova-dogwalk-controls textarea{width:100%;box-sizing:border-box;border:1px solid #c8dbe5;border-radius:9px;background:#fff;color:#173554;padding:8px;font:inherit;font-size:12px} .nova-dogwalk-controls textarea{min-height:58px;resize:vertical}.nova-dogwalk-note{grid-column:1/-1} .nova-dogwalk-favorite{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:9px;padding:10px 11px;border:1px solid #d8dcb7;border-radius:13px;background:#fffdf2} .nova-dogwalk-favorite span{display:block;font-size:9px;font-weight:900;letter-spacing:.08em;color:#8a6c0b}.nova-dogwalk-favorite strong{display:block;margin-top:2px;font-size:12px;color:#4c481f}.nova-dogwalk-favorite small{display:block;margin-top:2px;font-size:10px;color:#756e42} .nova-dogwalk-favorite button{min-height:40px;border:1px solid #dbc85d;border-radius:10px;background:#fff8c9;color:#6d5700;font-weight:900;padding:0 10px;cursor:pointer} .nova-tour-report__dog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:11px;border:1px solid #b9deca;border-radius:15px;background:#effbf5} .nova-tour-report__dog[hidden]{display:none!important}.nova-tour-report__dog>div{padding:10px;border:1px solid #d4e9df;border-radius:11px;background:#fff}.nova-tour-report__dog span{display:block;font-size:9px;font-weight:900;color:#12885e}.nova-tour-report__dog strong{display:block;margin-top:4px;font-size:14px;color:#173b4d}.nova-tour-report__dog-note{grid-column:1/-1} .dark-mode .nova-dogwalk-panel,.dark-mode .nova-dogwalk-controls>button,.dark-mode .nova-dogwalk-controls>label,.dark-mode .nova-tour-report__dog,.dark-mode .nova-tour-report__dog>div{background:#102f3b;color:#eefaff;border-color:#355d58}.dark-mode .nova-dogwalk-head strong,.dark-mode .nova-dogwalk-controls>button>b,.dark-mode .nova-tour-report__dog strong{color:#eefaff}.dark-mode .nova-dogwalk-head small,.dark-mode .nova-dogwalk-controls>button>small{color:#bdd2db}.dark-mode .nova-dogwalk-controls select,.dark-mode .nova-dogwalk-controls textarea{background:#0c2532;color:#eefaff;border-color:#3a5c69}.dark-mode .nova-dogwalk-favorite{background:#332f19;border-color:#655c31}.dark-mode .nova-dogwalk-favorite strong{color:#fff4bd}.dark-mode .nova-dogwalk-favorite small{color:#dfd39d} @media(max-width:760px){html[data-view-mode="mobile"] #novaActivityTypes.nova-activity-types{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-view-mode="mobile"] #novaActivityTypes [data-activity="dogwalk"]{grid-column:1/-1}html[data-view-mode="mobile"] .nova-dogwalk-controls{grid-template-columns:1fr}html[data-view-mode="mobile"] .nova-dogwalk-note{grid-column:auto}html[data-view-mode="mobile"] .nova-dogwalk-favorite{grid-template-columns:1fr}html[data-view-mode="mobile"] .nova-tour-report__dog{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-view-mode="mobile"] .nova-tour-report__dog-note{grid-column:1/-1}} html[data-view-mode="desktop"][data-device-class="compact"] #novaActivityTypes.nova-activity-types{grid-template-columns:repeat(5,minmax(0,1fr))!important} html[data-view-mode="desktop"][data-device-class="compact"] .nova-dogwalk-controls{grid-template-columns:repeat(2,minmax(0,1fr))!important} /* NOVA Safety · V71.53 */ .nova-safety{max-width:1120px;margin:0 auto;padding:4px 2px 22px;color:var(--text,#152238)} .nova-safety-hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:22px;border:1px solid rgba(31,111,235,.18);border-radius:22px;background:linear-gradient(135deg,rgba(235,247,255,.95),rgba(245,251,255,.75));margin-bottom:14px} .nova-safety-hero small,.nova-safety-section-head small{font-size:.72rem;font-weight:800;letter-spacing:.1em;color:#2466a8}.nova-safety-hero h2{margin:5px 0 6px;font-size:1.65rem}.nova-safety-hero p{margin:0;max-width:720px;line-height:1.45;color:var(--muted,#607085)} .nova-safety-status{white-space:nowrap;border:1px solid rgba(38,130,98,.22);background:rgba(227,249,239,.9);padding:8px 11px;border-radius:999px;font-size:.76rem;font-weight:800;color:#19724f} .nova-safety-emergency{display:flex;gap:14px;align-items:center;padding:13px 16px;border-radius:16px;background:rgba(255,239,239,.9);border:1px solid rgba(201,55,55,.2);margin-bottom:18px}.nova-safety-emergency strong{color:#a52b2b;white-space:nowrap}.nova-safety-emergency span{font-size:.9rem;line-height:1.4} .nova-safety-warnings,.nova-safety-prep{margin:18px 0}.nova-safety-section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:10px}.nova-safety-section-head h3{margin:2px 0 0;font-size:1.2rem}.nova-safety-section-head>span{font-size:.75rem;font-weight:800;color:var(--muted,#607085)} .nova-safety-source-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.nova-safety-source-grid a{display:grid;grid-template-columns:auto 1fr;column-gap:10px;row-gap:3px;align-items:center;text-decoration:none;color:inherit;padding:14px;border:1px solid rgba(80,105,135,.17);border-radius:17px;background:var(--card,#fff);box-shadow:0 7px 18px rgba(29,61,94,.06)}.nova-safety-source-grid a>span{grid-row:1/4;font-size:1.75rem}.nova-safety-source-grid b{font-size:.93rem}.nova-safety-source-grid small{font-size:.76rem;line-height:1.3;color:var(--muted,#66788e)}.nova-safety-source-grid em{font-style:normal;font-size:.73rem;font-weight:800;color:#1268bf}.nova-safety-note{margin-top:9px;padding:10px 12px;border-radius:12px;background:rgba(239,246,253,.8);font-size:.8rem;color:var(--muted,#5e6f83)} .nova-safety-intro{font-size:.84rem;color:var(--muted,#617287);margin:0 0 10px}.nova-safety-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.nova-safety-check{padding:15px;border-radius:18px;border:1px solid rgba(77,104,135,.18);background:var(--card,#fff)}.nova-safety-check-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.nova-safety-check-head h3{margin:0;font-size:1rem}.nova-safety-check-head span{font-size:.72rem;font-weight:900;padding:4px 8px;border-radius:999px;background:rgba(31,111,235,.09);color:#2566a8}.nova-safety-check-list{display:grid;gap:5px;margin-bottom:12px}.nova-safety-check-list label{display:flex;gap:8px;align-items:flex-start;padding:6px 7px;border-radius:9px;cursor:pointer}.nova-safety-check-list label:hover{background:rgba(76,124,174,.07)}.nova-safety-check-list input{margin-top:2px;accent-color:#2878c8}.nova-safety-check-list span{font-size:.82rem;line-height:1.3}.nova-safety-links{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-radius:17px;background:rgba(237,248,241,.75);border:1px solid rgba(53,131,85,.16)}.nova-safety-links div{display:grid;gap:3px}.nova-safety-links span{font-size:.8rem;color:var(--muted,#607085)}.nova-safety-footer{margin-top:14px;font-size:.72rem;line-height:1.4;color:var(--muted,#6a788a)} html[data-theme="dark"] .nova-safety,body.dark-mode .nova-safety{color:#edf5ff}html[data-theme="dark"] .nova-safety-hero,body.dark-mode .nova-safety-hero{background:linear-gradient(135deg,rgba(24,49,72,.96),rgba(22,36,55,.95));border-color:rgba(126,184,235,.22)}html[data-theme="dark"] .nova-safety-source-grid a,html[data-theme="dark"] .nova-safety-check,body.dark-mode .nova-safety-source-grid a,body.dark-mode .nova-safety-check{background:#172636;border-color:rgba(151,185,215,.18)}html[data-theme="dark"] .nova-safety-note,body.dark-mode .nova-safety-note{background:rgba(38,66,91,.72)}html[data-theme="dark"] .nova-safety-emergency,body.dark-mode .nova-safety-emergency{background:rgba(83,34,37,.48);border-color:rgba(255,124,124,.22)}html[data-theme="dark"] .nova-safety-links,body.dark-mode .nova-safety-links{background:rgba(30,70,53,.5)} @media(max-width:820px){.nova-safety-source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nova-safety-check-grid{grid-template-columns:1fr}.nova-safety-hero{padding:17px;flex-direction:column}.nova-safety-status{white-space:normal}.nova-safety-emergency{align-items:flex-start;flex-direction:column;gap:4px}.nova-safety-links{align-items:stretch;flex-direction:column}.nova-safety-links .btn{width:100%;text-align:center}} @media(max-width:480px){.nova-safety-source-grid{grid-template-columns:1fr}.nova-safety{padding-bottom:12px}.nova-safety-hero h2{font-size:1.42rem}.nova-safety-source-grid a{padding:12px}} /* NOVA Safety V71.58 · official source metadata */ .nova-safety-live{margin:18px 0}.nova-safety-live-note{margin:-2px 0 10px;padding:9px 11px;border-radius:11px;background:rgba(250,244,222,.8);border:1px solid rgba(174,139,38,.18);font-size:.76rem;line-height:1.4;color:var(--muted,#657286)} .nova-safety-feed-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.nova-safety-feed{display:flex;flex-direction:column;min-height:220px;padding:14px;border:1px solid rgba(75,103,134,.18);border-radius:17px;background:var(--card,#fff)}.nova-safety-feed header{display:flex;gap:10px;align-items:center;padding-bottom:10px;border-bottom:1px solid rgba(90,116,145,.12)}.nova-safety-feed header>span{font-size:1.7rem}.nova-safety-feed header div{display:grid;gap:2px}.nova-safety-feed header b{font-size:.92rem}.nova-safety-feed header small{font-size:.72rem;color:var(--muted,#66788e)}.nova-safety-feed-body{display:grid;gap:7px;flex:1;padding:10px 0}.nova-safety-feed-item{display:grid;gap:3px;padding:8px 9px;border-radius:10px;background:rgba(235,244,251,.7)}.nova-safety-feed-item b{font-size:.78rem;line-height:1.3}.nova-safety-feed-item small{font-size:.68rem;color:var(--muted,#69788a)}.nova-safety-feed>a{font-size:.74rem;font-weight:800;text-decoration:none;color:#1268bf}.nova-safety-feed-empty,.nova-safety-loading{align-self:start;padding:9px;border-radius:10px;font-size:.76rem;line-height:1.4;color:var(--muted,#657286);background:rgba(237,248,241,.7)}.nova-safety-feed-error{padding:9px;border-radius:10px;background:rgba(255,237,237,.8);color:#9d3232;font-size:.76rem;font-weight:800}.nova-safety-feed-error small{display:block;margin-top:4px;font-weight:500}.nova-safety-feed-count{font-size:.68rem;color:var(--muted,#66788e)} .nova-safety-actions{display:flex;gap:9px;flex-wrap:wrap;margin:10px 0 12px}.nova-safety-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nova-safety-check:first-child{grid-column:1/-1}.nova-safety-check:first-child .nova-safety-check-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px} html[data-theme="dark"] .nova-safety-feed,body.dark-mode .nova-safety-feed{background:#172636;border-color:rgba(151,185,215,.18)}html[data-theme="dark"] .nova-safety-feed-item,body.dark-mode .nova-safety-feed-item{background:rgba(39,64,88,.75)}html[data-theme="dark"] .nova-safety-live-note,body.dark-mode .nova-safety-live-note{background:rgba(72,60,25,.55);border-color:rgba(213,177,72,.2)}html[data-theme="dark"] .nova-safety-feed-empty,body.dark-mode .nova-safety-feed-empty,html[data-theme="dark"] .nova-safety-loading,body.dark-mode .nova-safety-loading{background:rgba(30,70,53,.5)}html[data-theme="dark"] .nova-safety-feed-error,body.dark-mode .nova-safety-feed-error{background:rgba(83,34,37,.48);color:#ffb4b4} @media(max-width:1180px) and (min-width:821px){.nova-safety-feed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:820px){.nova-safety-feed-grid{grid-template-columns:1fr}.nova-safety-check-grid{grid-template-columns:1fr}.nova-safety-check:first-child{grid-column:auto}.nova-safety-check:first-child .nova-safety-check-list{grid-template-columns:1fr}.nova-safety-actions{display:grid;grid-template-columns:1fr}.nova-safety-actions .btn{width:100%}} .nova-safety-feed-meta{margin:0 0 8px;padding:7px 8px;border-radius:9px;background:rgba(31,111,235,.06);font-size:.66rem;line-height:1.35;color:var(--muted,#657286)} html[data-theme="dark"] .nova-safety-feed-meta,body.dark-mode .nova-safety-feed-meta{background:rgba(61,105,145,.22);color:#b8cbe0} /* NOVA Safety V71.58 · vollständige Bevölkerungsschutzmeldungen */ .nova-safety-feed[data-safety-feed="mowas"]{grid-column:1/-1;min-height:0} .nova-safety-feed[data-safety-feed="mowas"] .nova-safety-feed-body{gap:10px} .nova-safety-mowas-count{padding:10px 12px;border-radius:11px;background:rgba(31,111,235,.07);font-size:.78rem;color:var(--muted,#657286)} .nova-safety-mowas-count b{color:var(--text,#172333);font-size:.95rem} .nova-safety-mowas-item{overflow:hidden;border:1px solid rgba(75,103,134,.16);border-radius:13px;background:rgba(246,250,253,.82)} .nova-safety-mowas-head{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;background:rgba(232,242,250,.7)} .nova-safety-mowas-head>span{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:9px;background:rgba(31,111,235,.12);font-size:.72rem;font-weight:900;color:#1268bf} .nova-safety-mowas-head>div{display:grid;gap:3px;min-width:0}.nova-safety-mowas-head b{font-size:.84rem;line-height:1.35}.nova-safety-mowas-head small{font-size:.69rem;color:var(--muted,#66788e)} .nova-safety-mowas-detail{display:grid;gap:9px;padding:11px 12px} .nova-safety-mowas-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;padding:9px 10px;border-radius:10px;background:rgba(31,111,235,.055);font-size:.72rem;line-height:1.4} .nova-safety-mowas-copy,.nova-safety-mowas-instruction{padding:9px 10px;border-radius:10px;background:rgba(238,244,248,.74);font-size:.74rem;line-height:1.45}.nova-safety-mowas-copy b,.nova-safety-mowas-instruction b{display:block;margin-bottom:4px;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.nova-safety-mowas-copy p,.nova-safety-mowas-instruction p{margin:0;white-space:normal}.nova-safety-mowas-instruction{background:rgba(244,247,224,.72)} .nova-safety-original{justify-self:start;font-size:.72rem;font-weight:850;text-decoration:none;color:#1268bf} html[data-theme="dark"] .nova-safety-mowas-count,body.dark-mode .nova-safety-mowas-count{background:rgba(61,105,145,.22)} html[data-theme="dark"] .nova-safety-mowas-count b,body.dark-mode .nova-safety-mowas-count b{color:#f4f8fc} html[data-theme="dark"] .nova-safety-mowas-item,body.dark-mode .nova-safety-mowas-item{background:rgba(27,45,61,.86);border-color:rgba(151,185,215,.18)} html[data-theme="dark"] .nova-safety-mowas-head,body.dark-mode .nova-safety-mowas-head{background:rgba(43,69,92,.78)} html[data-theme="dark"] .nova-safety-mowas-meta,body.dark-mode .nova-safety-mowas-meta{background:rgba(61,105,145,.2)} html[data-theme="dark"] .nova-safety-mowas-copy,body.dark-mode .nova-safety-mowas-copy{background:rgba(40,59,75,.78)} html[data-theme="dark"] .nova-safety-mowas-instruction,body.dark-mode .nova-safety-mowas-instruction{background:rgba(76,72,35,.58)} @media(max-width:700px){.nova-safety-mowas-meta{grid-template-columns:1fr}.nova-safety-mowas-head{padding:10px}.nova-safety-mowas-detail{padding:10px}} /* NOVA Safety V71.58 · kompakte Warnungsüberschrift mit Datum + Popup */ .nova-safety-feed[data-safety-feed="mowas"]{grid-column:auto;min-height:220px} .nova-safety-feed[data-safety-feed="mowas"] .nova-safety-feed-body{gap:7px} .nova-safety-warning-title{display:block;width:100%;padding:9px 10px;border:0;border-radius:10px;background:rgba(235,244,251,.7);color:inherit;text-align:left;cursor:pointer;font:inherit} .nova-safety-warning-title b{display:block;font-size:.78rem;line-height:1.35} .nova-safety-warning-title small{display:block;margin-top:4px;color:var(--muted,#66788e);font-size:.66rem;font-weight:700;line-height:1.3} .nova-safety-warning-title:hover,.nova-safety-warning-title:focus-visible{background:rgba(31,111,235,.12);outline:2px solid rgba(31,111,235,.26);outline-offset:1px} .nova-safety-warning-overlay{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:18px;background:rgba(6,15,24,.66);backdrop-filter:blur(4px)} .nova-safety-warning-popup{position:relative;width:min(760px,96vw);max-height:min(82vh,760px);overflow:auto;border:1px solid rgba(75,103,134,.24);border-radius:20px;background:var(--card,#fff);box-shadow:0 22px 70px rgba(0,0,0,.28);padding:20px} .nova-safety-warning-close{position:absolute;top:10px;right:10px;width:40px;height:40px;border:1px solid rgba(75,103,134,.2);border-radius:50%;background:var(--card,#fff);color:inherit;font-size:1.7rem;line-height:1;cursor:pointer} .nova-safety-warning-popup-head{padding:2px 48px 12px 0;border-bottom:1px solid rgba(90,116,145,.14)} .nova-safety-warning-popup-head small{display:block;margin-bottom:5px;color:var(--muted,#66788e);font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase} .nova-safety-warning-popup-head h3{margin:0;font-size:1.2rem;line-height:1.3} .nova-safety-warning-popup-body{display:grid;gap:10px;padding-top:14px} html[data-theme="dark"] .nova-safety-warning-title,body.dark-mode .nova-safety-warning-title{background:rgba(39,64,88,.75)} html[data-theme="dark"] .nova-safety-warning-title:hover,body.dark-mode .nova-safety-warning-title:hover{background:rgba(61,105,145,.32)} html[data-theme="dark"] .nova-safety-warning-popup,body.dark-mode .nova-safety-warning-popup,html[data-theme="dark"] .nova-safety-warning-close,body.dark-mode .nova-safety-warning-close{background:#172636;border-color:rgba(151,185,215,.2);color:#f4f8fc} @media(max-width:820px){.nova-safety-warning-overlay{padding:10px}.nova-safety-warning-popup{width:min(96vw,760px);max-height:88vh;padding:16px}.nova-safety-warning-close{top:8px;right:8px}} /* NOVA Safety V71.60 · kompakte Feed-Hoehe + Weitere-Meldungen-Schalter */ .nova-safety-feed[data-safety-feed="mowas"] .nova-safety-feed-body,.nova-safety-feed[data-safety-feed="polizei"] .nova-safety-feed-body{display:flex;flex-direction:column;flex:1;min-height:0} .nova-safety-warning-list{display:grid;gap:7px} .nova-safety-more-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:2px;padding:9px 10px;border:1px solid rgba(31,111,235,.38);border-radius:10px;background:transparent;color:#1268bf;font:inherit;font-size:.74rem;font-weight:850;cursor:pointer} .nova-safety-more-btn:hover,.nova-safety-more-btn:focus-visible{background:rgba(31,111,235,.08);outline:2px solid rgba(31,111,235,.2);outline-offset:1px} .nova-safety-more-btn span{font-size:.9rem;line-height:1} .nova-safety-feed-body.is-expanded .nova-safety-warning-list{max-height:470px;overflow-y:auto;padding-right:4px;scrollbar-gutter:stable} .nova-safety-feed-body.is-expanded .nova-safety-warning-list::-webkit-scrollbar{width:7px}.nova-safety-feed-body.is-expanded .nova-safety-warning-list::-webkit-scrollbar-thumb{background:rgba(80,105,135,.3);border-radius:999px} html[data-theme="dark"] .nova-safety-more-btn,body.dark-mode .nova-safety-more-btn{color:#7bc1ff;border-color:rgba(123,193,255,.38)} html[data-theme="dark"] .nova-safety-more-btn:hover,body.dark-mode .nova-safety-more-btn:hover{background:rgba(61,105,145,.28)} @media(max-width:820px){.nova-safety-feed-body.is-expanded .nova-safety-warning-list{max-height:58vh}} /* NOVA Sky · V71.67 */ .nova-sky{max-width:1180px;margin:0 auto;color:var(--text,#10233f)} .nova-sky-hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:22px;border:1px solid rgba(76,124,190,.24);border-radius:22px;background:linear-gradient(135deg,rgba(229,240,255,.9),rgba(241,235,255,.92));margin-bottom:16px}.nova-sky-hero small,.nova-sky-head small{font-weight:800;letter-spacing:.08em;color:#315f9e}.nova-sky-hero h2{font-size:32px;margin:5px 0 8px}.nova-sky-hero p{margin:0;max-width:760px;line-height:1.55}.nova-sky-hero>span{white-space:nowrap;border-radius:999px;padding:8px 11px;background:#eef4ff;font-size:12px;font-weight:800;color:#315f9e} .nova-sky-section{border:1px solid rgba(76,124,190,.22);border-radius:20px;background:rgba(255,255,255,.72);padding:18px;margin:14px 0}.nova-sky-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.nova-sky-head h3{font-size:21px;margin:4px 0 0}.nova-sky-note{margin:0 0 12px;color:var(--muted,#5e7087);line-height:1.5}.nova-sky-status{padding:11px 13px;border-radius:13px;background:#eef5ff;margin-bottom:12px;font-size:14px}.nova-sky-sat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.nova-sky-sat-grid article{display:flex;gap:10px;padding:12px;border-radius:15px;background:#f4f8ff;border:1px solid #dbe8f8}.nova-sky-sat-grid article>span{font-size:25px}.nova-sky-sat-grid b{display:block}.nova-sky-sat-grid small{display:block;margin-top:3px;color:#60728a}.nova-sky-empty{grid-column:1/-1;padding:16px;border-radius:14px;background:#f4f8ff;color:#60728a}.nova-sky-next{margin-top:12px}.nova-sky-next h4{margin:0 0 8px}.nova-sky-next>div{display:flex;flex-wrap:wrap;gap:8px}.nova-sky-next>div span{display:flex;flex-direction:column;padding:9px 11px;border-radius:12px;background:#f6f2ff}.nova-sky-next small{color:#65758b}.nova-sky-predict-note{display:block;margin-top:8px}.nova-sky-source{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:14px;padding-top:11px;border-top:1px solid rgba(76,124,190,.16);font-size:12px;color:#66768b}.nova-sky-source a{font-weight:800} .nova-sky-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.nova-sky-link-grid a{display:flex;flex-direction:column;min-height:150px;padding:16px;border-radius:16px;background:linear-gradient(145deg,#f4f8ff,#fbf8ff);border:1px solid #dce7f5;text-decoration:none;color:inherit}.nova-sky-link-grid a>span{font-size:28px}.nova-sky-link-grid b{font-size:18px;margin:8px 0 5px}.nova-sky-link-grid small{line-height:1.45;color:#62748a;flex:1}.nova-sky-link-grid em{font-style:normal;font-weight:800;color:#1769d3;margin-top:10px}.nova-sky-citizen-card{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:16px;border-radius:16px;background:#f2fbf8}.nova-sky-citizen-card>div{display:flex;gap:12px;align-items:flex-start}.nova-sky-citizen-card>div>span{font-size:30px}.nova-sky-citizen-card p{margin:5px 0 0;line-height:1.5;color:#5d7184} .nova-sky-spectrum{height:145px;display:flex;align-items:flex-end;gap:3px;padding:12px;border-radius:16px;background:#08182d;overflow:hidden;margin:14px 0}.nova-sky-spectrum i{display:block;flex:1;min-width:2px;border-radius:3px 3px 0 0;background:linear-gradient(to top,#2d8fff,#7ce7ff);transition:height .25s ease}.nova-sky-footer{font-size:12px;color:#65758a;padding:8px 4px 2px;line-height:1.5} body.dark .nova-sky{color:#edf5ff}body.dark .nova-sky-hero,body.dark .nova-sky-section{background:#0b2133;border-color:#28506c}body.dark .nova-sky-hero{background:linear-gradient(135deg,#102943,#211f46)}body.dark .nova-sky-hero>span,body.dark .nova-sky-status,body.dark .nova-sky-sat-grid article,body.dark .nova-sky-empty,body.dark .nova-sky-next>div span,body.dark .nova-sky-link-grid a{background:#122d45;color:#edf5ff;border-color:#31536e}body.dark .nova-sky-link-grid small,body.dark .nova-sky-sat-grid small,body.dark .nova-sky-note,body.dark .nova-sky-citizen-card p,body.dark .nova-sky-footer{color:#b8cadb}body.dark .nova-sky-citizen-card{background:#102e32} @media(max-width:900px){.nova-sky-sat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nova-sky-link-grid{grid-template-columns:1fr}.nova-sky-citizen-card{align-items:stretch;flex-direction:column}.nova-sky-hero{flex-direction:column}.nova-sky-head{align-items:flex-start;flex-direction:column}} @media(max-width:560px){.nova-sky{font-size:15px}.nova-sky-section,.nova-sky-hero{padding:14px;border-radius:17px}.nova-sky-hero h2{font-size:27px}.nova-sky-sat-grid{grid-template-columns:1fr}.nova-sky-source{align-items:flex-start;flex-direction:column}} /* NOVA Sky · V71.67 · Real Data & Sonifikation */ .nova-sky-realseti{background:linear-gradient(135deg,rgba(235,249,248,.88),rgba(239,246,255,.9))}.nova-sky-real-badge{white-space:nowrap;border-radius:999px;padding:8px 11px;background:#e7fbf4;color:#08745f;font-size:12px;font-weight:900}.nova-sky-real-controls{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:12px 0}.nova-sky-real-controls select{min-height:42px;min-width:220px;border:1px solid #c8d9ea;border-radius:12px;background:#fff;padding:0 12px;color:inherit;font:inherit}.nova-sky-real-spectrum i{background:linear-gradient(to top,#0d9d84,#6ce0d1)}.nova-sky-real-meta{margin-top:10px;padding:11px 13px;border-radius:12px;background:rgba(255,255,255,.76);line-height:1.5}.nova-sky-real-meta small{color:#60748a}.nova-sky-real-controls button:disabled{opacity:.55;cursor:not-allowed} body.dark .nova-sky-realseti{background:linear-gradient(135deg,#0c292d,#102840)}body.dark .nova-sky-real-badge{background:#123a35;color:#8de4d1}body.dark .nova-sky-real-controls select,body.dark .nova-sky-real-meta{background:#122d45;border-color:#31536e;color:#edf5ff}body.dark .nova-sky-real-meta small{color:#b8cadb} @media(max-width:560px){.nova-sky-real-controls{flex-direction:column;align-items:stretch}.nova-sky-real-controls select{width:100%;min-width:0}.nova-sky-real-controls .btn{width:100%}} /* NOVA Sky · V71.67 · Doppelkarte + Tracker */ .nova-sky-map-stack{display:grid;grid-template-columns:1fr;gap:14px;margin:14px 0}.nova-sky-map-card{border:1px solid rgba(76,124,190,.22);border-radius:17px;background:linear-gradient(145deg,#f8fbff,#f4f1ff);padding:13px;overflow:hidden}.nova-sky-map-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}.nova-sky-map-head small{display:block;font-size:10px;font-weight:900;letter-spacing:.08em;color:#315f9e}.nova-sky-map-head h4{margin:3px 0 0;font-size:17px}.nova-sky-map-head>span{max-width:48%;padding:6px 9px;border-radius:999px;background:#e9f2ff;color:#315f9e;font-size:11px;font-weight:800;text-align:right}.nova-sky-world-map{height:390px;border-radius:14px;overflow:hidden;border:1px solid #d9e6f4;background:#eaf2fb;position:relative}.nova-sky-map-placeholder{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:24px;color:#60728a;background:linear-gradient(135deg,#edf5ff,#f4f1ff);z-index:2}.nova-sky-map-note{display:block;margin-top:8px;color:#66788e;line-height:1.45}.nova-sky-sky-wrap{position:relative;border-radius:14px;border:1px solid #d9e6f4;background:radial-gradient(circle at center,#f8fbff 0,#eef5ff 60%,#e9eff9 100%);overflow:hidden}.nova-sky-sky-canvas{display:block;width:100%;height:auto;min-height:340px}.nova-sky-sky-placeholder{background:transparent}.nova-sky-tracker-panel{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;margin:12px 0;border-radius:15px;background:#eef5ff;border:1px solid #d9e6f4}.nova-sky-tracker-panel>div:first-child{display:grid;gap:3px}.nova-sky-tracker-panel small{font-size:10px;font-weight:900;letter-spacing:.08em;color:#315f9e}.nova-sky-tracker-panel b{font-size:16px}.nova-sky-tracker-panel span{font-size:12px;color:#61758d}.nova-sky-tracker-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.nova-sky-sat-card{appearance:none;width:100%;text-align:left;display:flex;gap:10px;padding:12px;border-radius:15px;background:#f4f8ff;border:1px solid #dbe8f8;color:inherit;cursor:pointer}.nova-sky-sat-card:hover,.nova-sky-sat-card:focus-visible{border-color:#6ca7e8;box-shadow:0 7px 18px rgba(48,100,160,.12)}.nova-sky-sat-card.is-selected{border-color:#2373d3;background:#eaf3ff;box-shadow:0 0 0 2px rgba(35,115,211,.12)}.nova-sky-sat-card>span{font-size:25px}.nova-sky-sat-card b,.nova-sky-sat-card small{display:block}.nova-sky-sat-card small{margin-top:3px;color:#60728a}.nova-sky-sat-card em{display:block;margin-top:6px;font-style:normal;font-size:10px;font-weight:850;color:#1769c7}.nova-sky-next>div button{appearance:none;display:flex;flex-direction:column;padding:9px 11px;border-radius:12px;background:#f6f2ff;border:1px solid #e1d8f4;color:inherit;text-align:left;cursor:pointer}.nova-sky-next>div button:hover{border-color:#8d78d6}.nova-sky-map-card .leaflet-container{font-family:inherit}.nova-sky-map-card .leaflet-control-attribution{font-size:9px} body.dark .nova-sky-map-card{background:linear-gradient(145deg,#0e2942,#1c2144);border-color:#31536e}body.dark .nova-sky-map-head>span,body.dark .nova-sky-tracker-panel{background:#122d45;color:#edf5ff;border-color:#31536e}body.dark .nova-sky-map-head small,body.dark .nova-sky-tracker-panel small{color:#8ec3ff}body.dark .nova-sky-map-note,body.dark .nova-sky-tracker-panel span{color:#b8cadb}body.dark .nova-sky-world-map,body.dark .nova-sky-sky-wrap{border-color:#31536e;background:#0e2942}body.dark .nova-sky-map-placeholder{color:#bdd0e2;background:linear-gradient(135deg,#102943,#211f46)}body.dark .nova-sky-sat-card{background:#122d45;color:#edf5ff;border-color:#31536e}body.dark .nova-sky-sat-card.is-selected{background:#173a58;border-color:#62a8ef}body.dark .nova-sky-sat-card small{color:#b8cadb}body.dark .nova-sky-sat-card em{color:#82c6ff}body.dark .nova-sky-next>div button{background:#242044;border-color:#493f72;color:#edf5ff} @media(max-width:700px){.nova-sky-world-map{height:300px}.nova-sky-map-head{flex-direction:column}.nova-sky-map-head>span{max-width:100%;text-align:left}.nova-sky-tracker-panel{align-items:stretch;flex-direction:column}.nova-sky-tracker-actions{justify-content:flex-start}.nova-sky-tracker-actions .btn{flex:1;min-width:130px}.nova-sky-sky-canvas{min-height:300px}} @media(max-width:440px){.nova-sky-world-map{height:265px}.nova-sky-sky-canvas{min-height:270px}.nova-sky-map-card{padding:10px}.nova-sky-tracker-actions{display:grid;grid-template-columns:1fr}} /* NOVA STAR · V71.67 · Version 1 */ .nova-star{max-width:1180px;margin:0 auto;color:var(--text,#10223c)} .nova-star-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px 28px;border:1px solid rgba(76,129,220,.22);border-radius:24px;background:linear-gradient(120deg,#f6fbff,#f5f1ff)} .nova-star-hero small,.nova-star-main small{font-weight:800;letter-spacing:.08em;color:#43618a}.nova-star-hero h2{font-size:clamp(30px,4vw,48px);margin:4px 0}.nova-star-hero p{margin:0;max-width:700px}.nova-star-hero>span{padding:9px 13px;border-radius:999px;background:#e8f1ff;color:#2457aa;font-weight:800;white-space:nowrap} .nova-star-main{margin-top:16px}.nova-star-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;border:1px solid #d8e5f5;border-radius:18px;background:#fff}.nova-star-toolbar>div{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.nova-star-toolbar b,.nova-star-toolbar span{padding:8px 10px;border-radius:10px;background:#f3f7fc} .nova-star-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;margin-top:16px}.nova-star-chart-card,.nova-star-side section{border:1px solid #d8e5f5;border-radius:20px;background:#fff;padding:14px}.nova-star-canvas{width:100%;height:auto;display:block;border-radius:16px;min-height:480px;background:#020817}.nova-star-legend{display:flex;flex-wrap:wrap;gap:14px;padding:10px 4px 0;color:#57708f;font-size:12px} .nova-star-side{display:flex;flex-direction:column;gap:16px}.nova-star-side h3{margin:0 0 10px;font-size:17px}.nova-star-side-head{display:flex;justify-content:space-between;align-items:center}.nova-star-side-head button{border:0;background:#edf4ff;color:#1764c0;border-radius:9px;padding:6px 9px;font-weight:800;cursor:pointer}.nova-star-visible,.nova-star-constellations{display:grid;gap:7px;max-height:440px;overflow:auto}.nova-star-visible button,.nova-star-constellations button{width:100%;display:grid;grid-template-columns:30px 1fr 18px;align-items:center;gap:6px;text-align:left;padding:10px;border:1px solid #e3ebf5;background:#f8fbff;border-radius:12px;cursor:pointer;color:inherit}.nova-star-visible button:hover,.nova-star-constellations button:hover{border-color:#82b5ff;background:#f0f7ff}.nova-star-visible button span,.nova-star-constellations button span{font-size:20px}.nova-star-visible button div,.nova-star-constellations button div{display:grid;gap:2px}.nova-star-visible small,.nova-star-constellations small{font-size:11px;font-weight:600;letter-spacing:0;color:#667b98} .nova-star-feature-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:16px}.nova-star-feature-grid>div{padding:14px;border:1px solid #dbe7f5;border-radius:16px;background:#fff;display:grid;gap:5px}.nova-star-feature-grid span{font-size:25px}.nova-star-feature-grid b{font-size:14px}.nova-star-feature-grid small{font-size:11px;letter-spacing:0;font-weight:600;color:#627895}.nova-star-footer{margin-top:14px;padding:12px 14px;border-radius:14px;background:#f3f7fc;color:#60738c;font-size:12px}.nova-star-info{max-width:650px}.nova-star-info h2{margin:5px 0 16px}.nova-star-info p{line-height:1.5}.nova-star-info-note{padding:10px 12px;background:#f3f7fc;border-radius:12px}.nova-star-tile>span{background:linear-gradient(145deg,#152c76,#8d52dc)!important;color:#fff!important} .nova-star.is-night .nova-star-hero,.nova-star.is-night .nova-star-toolbar,.nova-star.is-night .nova-star-chart-card,.nova-star.is-night .nova-star-side section,.nova-star.is-night .nova-star-feature-grid>div{background:#170909!important;border-color:#6f2727!important;color:#ffcbc7!important}.nova-star.is-night .nova-star-toolbar b,.nova-star.is-night .nova-star-toolbar span,.nova-star.is-night .nova-star-visible button,.nova-star.is-night .nova-star-constellations button{background:#270d0d!important;border-color:#703030!important;color:#ffd5d1!important}.nova-star.is-night small,.nova-star.is-night .nova-star-legend{color:#e18c86!important} html[data-theme="dark"] .nova-star{color:#e8f2ff}html[data-theme="dark"] .nova-star-hero{background:linear-gradient(120deg,#0c2036,#1e1735);border-color:#31516f}html[data-theme="dark"] .nova-star-toolbar,html[data-theme="dark"] .nova-star-chart-card,html[data-theme="dark"] .nova-star-side section,html[data-theme="dark"] .nova-star-feature-grid>div{background:#0d2031;border-color:#29465f}html[data-theme="dark"] .nova-star-toolbar b,html[data-theme="dark"] .nova-star-toolbar span,html[data-theme="dark"] .nova-star-visible button,html[data-theme="dark"] .nova-star-constellations button{background:#142c40;border-color:#31516a;color:#eef7ff} @media(max-width:900px){.nova-star-layout{grid-template-columns:1fr}.nova-star-side{display:grid;grid-template-columns:1fr 1fr}.nova-star-feature-grid{grid-template-columns:repeat(3,1fr)}} @media(max-width:620px){.nova-star-hero{padding:18px;align-items:flex-start}.nova-star-hero>span{display:none}.nova-star-toolbar{align-items:stretch;flex-direction:column}.nova-star-toolbar>div:last-child{display:grid;grid-template-columns:1fr 1fr}.nova-star-toolbar #novaStarRefresh{grid-column:1/-1}.nova-star-canvas{min-height:360px}.nova-star-side{grid-template-columns:1fr}.nova-star-feature-grid{grid-template-columns:1fr 1fr}.nova-star-visible,.nova-star-constellations{max-height:360px}} /* NOVA STAR · V71.67 · Detail-Popup, Sternbild-Interaktion & Dark-Mode-Lesbarkeit */ .nova-star-detail-overlay{position:fixed;inset:0;z-index:40;display:flex;align-items:flex-start;justify-content:center;padding:52px 18px 24px;background:rgba(5,14,28,.58);backdrop-filter:blur(3px);border-radius:20px;overflow:auto} .nova-star{position:relative} .nova-star-detail-dialog{position:relative;width:min(680px,100%);max-height:min(78vh,760px);overflow:auto;border:1px solid #d5e3f3;border-radius:20px;background:#fff;color:#10223c;box-shadow:0 24px 70px rgba(7,29,55,.28);padding:24px} .nova-star-detail-close{position:sticky;float:right;top:0;z-index:2;width:42px;height:42px;margin:-10px -10px 4px 12px;border:1px solid #d4e2f1;border-radius:50%;background:#fff;color:#10223c;font:700 28px/1 system-ui;cursor:pointer;box-shadow:0 5px 18px rgba(22,53,88,.14)} .nova-star-detail-close:hover{background:#edf5ff}.nova-star-detail-content{clear:both}.nova-star-const-info p{margin:10px 0} .nova-star-constellations button{cursor:pointer}.nova-star-constellations button:focus-visible,.nova-star-visible button:focus-visible{outline:3px solid rgba(45,125,238,.28);outline-offset:2px} /* App-Dark-Mode kann body.dark oder html[data-theme=dark] verwenden – beide explizit abdecken. */ body.dark .nova-star,html[data-theme="dark"] .nova-star{color:#eef7ff!important} body.dark .nova-star-hero,html[data-theme="dark"] .nova-star-hero{background:linear-gradient(120deg,#0d2339,#211a39)!important;border-color:#3a5c78!important;color:#f2f8ff!important} body.dark .nova-star-hero h2,body.dark .nova-star-hero p,body.dark .nova-star-side h3,body.dark .nova-star-feature-grid b,body.dark .nova-star-toolbar b,body.dark .nova-star-toolbar span,html[data-theme="dark"] .nova-star-hero h2,html[data-theme="dark"] .nova-star-hero p,html[data-theme="dark"] .nova-star-side h3,html[data-theme="dark"] .nova-star-feature-grid b{color:#f3f8ff!important} body.dark .nova-star-hero small,body.dark .nova-star-main small,body.dark .nova-star-visible small,body.dark .nova-star-constellations small,body.dark .nova-star-feature-grid small,html[data-theme="dark"] .nova-star-hero small,html[data-theme="dark"] .nova-star-main small,html[data-theme="dark"] .nova-star-visible small,html[data-theme="dark"] .nova-star-constellations small,html[data-theme="dark"] .nova-star-feature-grid small{color:#bad1e8!important} body.dark .nova-star-hero>span,html[data-theme="dark"] .nova-star-hero>span{background:#173854!important;color:#eaf5ff!important} body.dark .nova-star-toolbar,body.dark .nova-star-chart-card,body.dark .nova-star-side section,body.dark .nova-star-feature-grid>div,html[data-theme="dark"] .nova-star-toolbar,html[data-theme="dark"] .nova-star-chart-card,html[data-theme="dark"] .nova-star-side section,html[data-theme="dark"] .nova-star-feature-grid>div{background:#0d2031!important;border-color:#34536b!important;color:#eef7ff!important} body.dark .nova-star-toolbar b,body.dark .nova-star-toolbar span,body.dark .nova-star-visible button,body.dark .nova-star-constellations button,html[data-theme="dark"] .nova-star-toolbar b,html[data-theme="dark"] .nova-star-toolbar span,html[data-theme="dark"] .nova-star-visible button,html[data-theme="dark"] .nova-star-constellations button{background:#142d42!important;border-color:#3a5b75!important;color:#f2f8ff!important} body.dark .nova-star-visible button b,body.dark .nova-star-constellations button b,body.dark .nova-star-visible button em,body.dark .nova-star-constellations button em,html[data-theme="dark"] .nova-star-visible button b,html[data-theme="dark"] .nova-star-constellations button b{color:#f7fbff!important} body.dark .nova-star-legend,body.dark .nova-star-footer,html[data-theme="dark"] .nova-star-legend,html[data-theme="dark"] .nova-star-footer{color:#c4d7e9!important} body.dark .nova-star-footer,html[data-theme="dark"] .nova-star-footer{background:#10283b!important;border:1px solid #34536b!important} body.dark .nova-star-side-head button,html[data-theme="dark"] .nova-star-side-head button{background:#1c4160!important;color:#dff0ff!important} body.dark .nova-star-detail-dialog,html[data-theme="dark"] .nova-star-detail-dialog{background:#10283b!important;border-color:#45657d!important;color:#eef7ff!important} body.dark .nova-star-detail-dialog h2,body.dark .nova-star-detail-dialog p,body.dark .nova-star-detail-dialog b,html[data-theme="dark"] .nova-star-detail-dialog h2,html[data-theme="dark"] .nova-star-detail-dialog p,html[data-theme="dark"] .nova-star-detail-dialog b{color:#eef7ff!important} body.dark .nova-star-detail-close,html[data-theme="dark"] .nova-star-detail-close{background:#17364f!important;border-color:#54728a!important;color:#fff!important} body.dark .nova-star-info-note,html[data-theme="dark"] .nova-star-info-note{background:#17364f!important;color:#d9e9f6!important} /* Der rote Nachtmodus soll ebenfalls überall lesbar bleiben. */ .nova-star.is-night .nova-star-hero h2,.nova-star.is-night .nova-star-hero p,.nova-star.is-night .nova-star-side h3,.nova-star.is-night .nova-star-feature-grid b,.nova-star.is-night .nova-star-visible button b,.nova-star.is-night .nova-star-constellations button b{color:#ffd9d5!important} .nova-star.is-night .nova-star-feature-grid small,.nova-star.is-night .nova-star-visible small,.nova-star.is-night .nova-star-constellations small,.nova-star.is-night .nova-star-footer{color:#efa39d!important} .nova-star.is-night .nova-star-footer{background:#220b0b!important;border:1px solid #6f2727!important} @media(max-width:620px){.nova-star-detail-overlay{padding:20px 10px}.nova-star-detail-dialog{max-height:84vh;padding:18px}.nova-star-detail-close{width:40px;height:40px}} /* NOVA STAR V71.69 · dynamic constellations + local ground map */ .nova-star-location-card{margin-top:14px;padding:14px;border:1px solid #d8e5f5;border-radius:18px;background:#f8fbff} .nova-star-location-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.nova-star-location-head small{display:block;font-size:10px;font-weight:900;letter-spacing:.09em;color:#496985}.nova-star-location-head h3{margin:3px 0 0;font-size:16px;color:#142b49}.nova-star-location-head>span{font-size:11px;font-weight:750;color:#57708f;text-align:right} .nova-star-location-map{height:280px;border:1px solid #cfddeb;border-radius:14px;overflow:hidden;background:#eaf2f8}.nova-star-location-note{margin-top:8px;font-size:10px;line-height:1.4;color:#637a92}.nova-star-location-fallback{height:100%;display:grid;place-items:center;padding:20px;text-align:center;color:#526c86;font-weight:700;background:#eef5fb} .nova-star-constellations>p{margin:0;padding:12px;border-radius:12px;background:#f3f7fc;color:#5c718a;font-size:12px;line-height:1.45} body.dark .nova-star-location-card,html[data-theme="dark"] .nova-star-location-card{background:#0d2031!important;border-color:#34536b!important}body.dark .nova-star-location-head h3,html[data-theme="dark"] .nova-star-location-head h3{color:#f3f8ff!important}body.dark .nova-star-location-head small,body.dark .nova-star-location-head>span,body.dark .nova-star-location-note,html[data-theme="dark"] .nova-star-location-head small,html[data-theme="dark"] .nova-star-location-head>span,html[data-theme="dark"] .nova-star-location-note{color:#bad1e8!important}body.dark .nova-star-location-map,html[data-theme="dark"] .nova-star-location-map{border-color:#34536b!important;background:#10283b!important}body.dark .nova-star-constellations>p,html[data-theme="dark"] .nova-star-constellations>p{background:#142d42!important;color:#d9e8f6!important} .nova-star.is-night .nova-star-location-card{background:#170909!important;border-color:#6f2727!important}.nova-star.is-night .nova-star-location-head h3{color:#ffd9d5!important}.nova-star.is-night .nova-star-location-head small,.nova-star.is-night .nova-star-location-head>span,.nova-star.is-night .nova-star-location-note{color:#efa39d!important}.nova-star.is-night .nova-star-location-map{border-color:#6f2727!important;filter:saturate(.55) brightness(.78)} @media(max-width:620px){.nova-star-location-head{flex-direction:column}.nova-star-location-head>span{text-align:left}.nova-star-location-map{height:230px}} /* NOVA STAR V71.69 · Version 2 · Peillinie / Sky Finder */ .nova-star-bearing-info{display:grid;gap:3px;margin-top:10px;padding:11px 13px;border:1px solid #cfe0f0;border-radius:13px;background:#eef7ff;color:#173553;font-size:12px;line-height:1.4} .nova-star-bearing-info b{font-size:13px;color:#102b48}.nova-star-bearing-info span{font-weight:750;color:#315d83}.nova-star-bearing-info small{color:#617d97} .nova-star-visible button.is-selected,.nova-star-constellations button.is-selected{outline:3px solid rgba(38,157,215,.32);border-color:#42a9d7!important;background:#eaf8ff!important} body.dark .nova-star-bearing-info,html[data-theme="dark"] .nova-star-bearing-info{background:#142d42!important;border-color:#3b6380!important;color:#eaf6ff!important} body.dark .nova-star-bearing-info b,html[data-theme="dark"] .nova-star-bearing-info b{color:#fff!important}body.dark .nova-star-bearing-info span,html[data-theme="dark"] .nova-star-bearing-info span{color:#bfe8ff!important}body.dark .nova-star-bearing-info small,html[data-theme="dark"] .nova-star-bearing-info small{color:#b8d2e7!important} .nova-star.is-night .nova-star-bearing-info{background:#260d0d!important;border-color:#7a3131!important;color:#ffd9d5!important}.nova-star.is-night .nova-star-bearing-info b,.nova-star.is-night .nova-star-bearing-info span{color:#ffd9d5!important}.nova-star.is-night .nova-star-bearing-info small{color:#efa39d!important} /* NOVA STAR V71.71 · Peillinien-Distanz + optimiertes Modul-Schließen */ .nova-star-distance-label{ background:rgba(255,255,255,.96)!important; color:#12365d!important; border:1px solid #8bbbe6!important; border-radius:999px!important; box-shadow:0 4px 14px rgba(25,75,120,.22)!important; padding:4px 9px!important; font:800 11px/1.2 Inter,system-ui,sans-serif!important; white-space:nowrap!important; } .nova-star-distance-label:before{display:none!important} .modal-panel:has(.nova-star)>.modal-close{ position:sticky!important; float:right!important; top:10px!important; right:10px!important; z-index:120!important; width:50px!important; height:50px!important; margin:-18px -18px -34px 12px!important; display:grid!important; place-items:center!important; border:2px solid #c8d9ea!important; border-radius:50%!important; background:#fff!important; color:#10233c!important; font:800 32px/1 system-ui!important; box-shadow:0 8px 24px rgba(15,43,76,.22)!important; opacity:1!important; } .modal-panel:has(.nova-star)>.modal-close:hover, .modal-panel:has(.nova-star)>.modal-close:focus-visible{ background:#edf6ff!important; border-color:#75aee2!important; transform:scale(1.04); outline:none!important; } body.dark .modal-panel:has(.nova-star)>.modal-close, html[data-theme="dark"] .modal-panel:has(.nova-star)>.modal-close{ background:#f7fbff!important; color:#0c2238!important; border-color:#8bb4d1!important; } body.dark .nova-star-distance-label, html[data-theme="dark"] .nova-star-distance-label{ background:rgba(12,35,55,.96)!important; color:#f2f8ff!important; border-color:#72a9cd!important; } .nova-star.is-night .nova-star-distance-label{ background:rgba(42,11,11,.96)!important; color:#ffd9d5!important; border-color:#b65c55!important; } @media(max-width:620px){ .modal-panel:has(.nova-star)>.modal-close{width:48px!important;height:48px!important;font-size:30px!important;margin:-12px -12px -34px 10px!important;top:8px!important;right:8px!important} .nova-star-distance-label{font-size:10px!important;padding:4px 7px!important} } /* NOVA STAR V71.71 · astronomische Distanz + Mobile Detailposition */ .nova-star-bearing-info strong{font-size:12px;color:#0b5f9f;font-weight:850} body.dark .nova-star-bearing-info strong,html[data-theme="dark"] .nova-star-bearing-info strong{color:#8fd8ff!important} .nova-star.is-night .nova-star-bearing-info strong{color:#ffaaa3!important} @media(max-width:620px){ .nova-star-detail-overlay{padding:112px 10px 24px!important;align-items:flex-start!important} .nova-star-detail-dialog{max-height:calc(100dvh - 148px)!important} } /* NOVA STAR V71.74 · Version 3 · Live-Ausrichtung Android/iOS */ .nova-star-orientation-card{margin-top:16px;padding:16px;border:1px solid #cfe0f0;border-radius:20px;background:linear-gradient(135deg,#f8fcff,#f5f4ff)} .nova-star-orientation-head{display:flex;justify-content:space-between;gap:18px;align-items:center}.nova-star-orientation-head small{font-size:10px;font-weight:900;letter-spacing:.1em;color:#52708e}.nova-star-orientation-head h3{margin:3px 0 5px;font-size:20px;color:#102b48}.nova-star-orientation-head p{margin:0;max-width:760px;color:#546d88;line-height:1.45;font-size:13px}.nova-star-orientation-head button{min-width:220px}.nova-star-orientation-head button.is-active{background:linear-gradient(135deg,#d94848,#a51919)!important} .nova-star-orientation-grid{display:grid;grid-template-columns:180px minmax(260px,.7fr) minmax(300px,1.3fr);gap:16px;align-items:center;margin-top:14px}.nova-star-live-compass{position:relative;width:166px;height:166px;margin:auto;border:2px solid #92b9dc;border-radius:50%;background:radial-gradient(circle,#fff 0 38%,#edf6ff 39% 100%);box-shadow:inset 0 0 0 24px rgba(61,132,193,.06)} .nova-star-live-compass>span{position:absolute;font-weight:900;color:#315d83;font-size:12px}.nova-star-live-compass .north{top:6px;left:50%;transform:translateX(-50%)}.nova-star-live-compass .east{right:8px;top:50%;transform:translateY(-50%)}.nova-star-live-compass .south{bottom:6px;left:50%;transform:translateX(-50%)}.nova-star-live-compass .west{left:8px;top:50%;transform:translateY(-50%)}.nova-star-live-compass>b{position:absolute;inset:0;display:grid;place-items:center;font-size:22px} .nova-star-live-needle,.nova-star-target-needle{position:absolute;left:50%;top:50%;width:4px;height:66px;transform-origin:50% 100%;border-radius:999px;pointer-events:none;transition:transform .14s linear}.nova-star-live-needle{background:linear-gradient(#1e86e8 0 70%,transparent 70%);z-index:2}.nova-star-live-needle:before{content:'▲';position:absolute;top:-11px;left:50%;transform:translateX(-50%);color:#1e86e8;font-size:15px}.nova-star-target-needle{width:3px;height:62px;background:linear-gradient(#ef9d1c 0 70%,transparent 70%);opacity:.82}.nova-star-target-needle:before{content:'★';position:absolute;top:-13px;left:50%;transform:translateX(-50%);color:#e58a00;font-size:15px} .nova-star-orientation-readout{display:grid;gap:8px}.nova-star-orientation-readout>div{display:grid;gap:2px;padding:10px 12px;border:1px solid #d9e7f4;border-radius:12px;background:#fff}.nova-star-orientation-readout small{font-size:9px;font-weight:900;letter-spacing:.08em;color:#6a8299}.nova-star-orientation-readout strong{font-size:14px;color:#163653} .nova-star-guidance{min-height:106px;display:flex;gap:12px;align-items:center;padding:16px;border:1px solid #b7d7ef;border-radius:16px;background:#eef8ff}.nova-star-guidance>span{font-size:34px}.nova-star-guidance>div{display:grid;gap:5px}.nova-star-guidance b{font-size:18px;color:#0c4778}.nova-star-guidance small{font-size:12px;color:#496985;line-height:1.4}.nova-star-orientation-note{margin-top:12px;padding:9px 11px;border-radius:11px;background:#eef3f8;color:#5d7187;font-size:11px;line-height:1.45} body.dark .nova-star-orientation-card,html[data-theme="dark"] .nova-star-orientation-card{background:linear-gradient(135deg,#0d2031,#171b36)!important;border-color:#385a75!important}body.dark .nova-star-orientation-head h3,html[data-theme="dark"] .nova-star-orientation-head h3{color:#f5faff!important}body.dark .nova-star-orientation-head p,body.dark .nova-star-orientation-head small,html[data-theme="dark"] .nova-star-orientation-head p,html[data-theme="dark"] .nova-star-orientation-head small{color:#bed4e7!important}body.dark .nova-star-live-compass,html[data-theme="dark"] .nova-star-live-compass{background:radial-gradient(circle,#10283b 0 38%,#0d1b2b 39% 100%);border-color:#47708f}body.dark .nova-star-orientation-readout>div,html[data-theme="dark"] .nova-star-orientation-readout>div{background:#142d42;border-color:#3b5d76}body.dark .nova-star-orientation-readout small,html[data-theme="dark"] .nova-star-orientation-readout small{color:#b8cee1!important}body.dark .nova-star-orientation-readout strong,html[data-theme="dark"] .nova-star-orientation-readout strong{color:#f2f8ff!important}body.dark .nova-star-guidance,html[data-theme="dark"] .nova-star-guidance{background:#14304a;border-color:#3c6786}body.dark .nova-star-guidance b,html[data-theme="dark"] .nova-star-guidance b{color:#fff!important}body.dark .nova-star-guidance small,html[data-theme="dark"] .nova-star-guidance small{color:#c6dded!important}body.dark .nova-star-orientation-note,html[data-theme="dark"] .nova-star-orientation-note{background:#10283b;color:#c5d8e8!important} .nova-star.is-night .nova-star-orientation-card{background:#170909!important;border-color:#6f2727!important}.nova-star.is-night .nova-star-orientation-head h3,.nova-star.is-night .nova-star-orientation-readout strong,.nova-star.is-night .nova-star-guidance b{color:#ffd9d5!important}.nova-star.is-night .nova-star-orientation-head p,.nova-star.is-night .nova-star-orientation-head small,.nova-star.is-night .nova-star-orientation-readout small,.nova-star.is-night .nova-star-guidance small,.nova-star.is-night .nova-star-orientation-note{color:#efa39d!important}.nova-star.is-night .nova-star-live-compass{background:radial-gradient(circle,#250b0b 0 38%,#120303 39% 100%);border-color:#7f3535}.nova-star.is-night .nova-star-orientation-readout>div,.nova-star.is-night .nova-star-guidance,.nova-star.is-night .nova-star-orientation-note{background:#260d0d!important;border-color:#783232!important} @media(max-width:900px){.nova-star-orientation-grid{grid-template-columns:170px 1fr}.nova-star-guidance{grid-column:1/-1}.nova-star-orientation-head{align-items:flex-start}} @media(max-width:620px){.nova-star-orientation-card{padding:13px}.nova-star-orientation-head{flex-direction:column}.nova-star-orientation-head button{width:100%;min-width:0}.nova-star-orientation-grid{grid-template-columns:1fr}.nova-star-live-compass{width:150px;height:150px}.nova-star-guidance{grid-column:auto;min-height:92px}.nova-star-guidance b{font-size:16px}.nova-star-orientation-readout>div{padding:9px 10px}} /* NOVA STAR V71.74 · Mobile layering + fixed close controls */ /* Leaflet stays below NOVA STAR dialogs, even when its panes/controls have their own z-index. */ .nova-star-location-card, .nova-star-location-map{ position:relative; z-index:1; isolation:isolate; } .nova-star-detail-overlay{ z-index:1800!important; } .nova-star-detail-dialog{ z-index:1801!important; } .nova-star-detail-close{ position:absolute!important; top:12px!important; right:12px!important; float:none!important; margin:0!important; z-index:1802!important; } .nova-star-detail-content{ clear:none!important; padding-top:34px; } /* Main NOVA STAR close button: fixed to the visible modal corner instead of floating with content. */ .modal-panel:has(.nova-star)>.modal-close{ position:fixed!important; top:calc(5vh + 12px)!important; right:calc((100vw - min(1040px, calc(100vw - 28px))) / 2 + 12px)!important; float:none!important; margin:0!important; z-index:2100!important; transform:none!important; } .modal-panel:has(.nova-star)>.modal-close:hover, .modal-panel:has(.nova-star)>.modal-close:focus-visible{ transform:none!important; } @media(max-width:760px){ /* Mobile module panel uses a 2vh top margin; pin X to that visible corner. */ .modal-panel:has(.nova-star)>.modal-close{ top:calc(2vh + 10px)!important; right:24px!important; } } @media(max-width:620px){ /* Keep detail dialog clearly below the top map/header region on phones. */ .nova-star-detail-overlay{ padding:160px 10px 24px!important; align-items:flex-start!important; overflow-y:auto!important; } .nova-star-detail-dialog{ max-height:calc(100dvh - 190px)!important; overflow:auto!important; padding:18px!important; } .nova-star-detail-close{ position:sticky!important; top:0!important; float:right!important; margin:-6px -6px 6px 12px!important; width:44px!important; height:44px!important; z-index:1802!important; } .nova-star-detail-content{ clear:both!important; padding-top:0!important; } } /* NOVA STAR V71.74 · Kamera-Overlay + Display-VR */ .nova-star-orientation-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;align-items:center} .nova-star-orientation-actions .btn.is-active{background:linear-gradient(135deg,#1674c8,#0d4f91)!important;color:#fff!important;border-color:#0d4f91!important} .nova-star-immersive{margin:16px 0 20px}.nova-star-immersive[hidden]{display:none!important}.nova-star-immersive-panel{position:relative;overflow:hidden;border:1px solid #bcd4e8;border-radius:18px;background:#eef7ff;box-shadow:0 14px 36px rgba(18,55,88,.14)}.nova-star-immersive-panel[hidden]{display:none!important} .nova-star-immersive-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid #cbddeb;background:linear-gradient(135deg,#f8fcff,#e7f3fc)}.nova-star-immersive-head small{display:block;color:#59728a;font-weight:900;letter-spacing:.08em;font-size:9px}.nova-star-immersive-head h3{margin:3px 0 0;color:#123b5c;font-size:18px}.nova-star-immersive-close{position:relative;flex:0 0 auto;width:40px;height:40px;border:1px solid #a9bfd1;border-radius:50%;background:#fff;color:#173b58;font-size:27px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:4}.nova-star-immersive-close:hover,.nova-star-immersive-close:focus-visible{background:#e7f3fd;outline:2px solid #4a97d1;outline-offset:2px} .nova-star-camera-stage,.nova-star-vr-stage{position:relative;width:100%;height:min(66vh,620px);min-height:360px;background:#020713;overflow:hidden}.nova-star-camera-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}.nova-star-camera-stage canvas,.nova-star-vr-stage canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:auto;touch-action:manipulation;cursor:crosshair}.nova-star-camera-stage canvas{background:transparent}.nova-star-vr-reticle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;color:rgba(255,255,255,.75);font-size:38px;text-shadow:0 2px 8px #000;pointer-events:none}.nova-star-camera-hud{pointer-events:none;position:absolute;left:12px;right:12px;bottom:12px;z-index:4;padding:9px 12px;border-radius:12px;background:rgba(2,12,25,.68);backdrop-filter:blur(8px);color:#fff;font-size:12px;font-weight:800;text-align:center;border:1px solid rgba(255,255,255,.22)}.nova-star-immersive-note{padding:10px 14px;color:#587087;font-size:11px;line-height:1.45}.nova-star-vr-actions{display:flex;gap:8px;align-items:center} body.dark .nova-star-immersive-panel,html[data-theme="dark"] .nova-star-immersive-panel{background:#091827;border-color:#35546d}body.dark .nova-star-immersive-head,html[data-theme="dark"] .nova-star-immersive-head{background:linear-gradient(135deg,#10263a,#111c30);border-color:#35546d}body.dark .nova-star-immersive-head h3,html[data-theme="dark"] .nova-star-immersive-head h3{color:#f5fbff!important}body.dark .nova-star-immersive-head small,body.dark .nova-star-immersive-note,html[data-theme="dark"] .nova-star-immersive-head small,html[data-theme="dark"] .nova-star-immersive-note{color:#bdd2e2!important}body.dark .nova-star-immersive-close,html[data-theme="dark"] .nova-star-immersive-close{background:#173149;color:#fff;border-color:#50708a} .nova-star.is-night .nova-star-immersive-panel{background:#100505!important;border-color:#6c2929!important}.nova-star.is-night .nova-star-immersive-head{background:#1f0909!important;border-color:#6c2929!important}.nova-star.is-night .nova-star-immersive-head h3,.nova-star.is-night .nova-star-immersive-close{color:#ffd4d0!important}.nova-star.is-night .nova-star-immersive-head small,.nova-star.is-night .nova-star-immersive-note{color:#efa29b!important}.nova-star.is-night .nova-star-immersive-close{background:#2b0c0c!important;border-color:#7a3434!important}.nova-star.is-night .nova-star-camera-hud{background:rgba(45,3,3,.72);color:#ffd0cb} @media(max-width:700px){.nova-star-orientation-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.nova-star-orientation-actions #novaStarOrientationStart{grid-column:1/-1}.nova-star-immersive{margin:12px -2px 16px}.nova-star-immersive-head{padding:10px 11px}.nova-star-immersive-head h3{font-size:16px}.nova-star-camera-stage,.nova-star-vr-stage{height:56vh;min-height:330px}.nova-star-vr-actions .btn{display:none}.nova-star-immersive-close{width:42px;height:42px;font-size:28px}.nova-star-camera-hud{font-size:11px;bottom:9px}.nova-star-immersive-note{font-size:10px}} /* NOVA STAR V72.13 · Kamera/VR als sichtbares Vollbild-Overlay */ .nova-star-immersive.is-open{position:fixed!important;inset:0!important;z-index:12080!important;margin:0!important;padding:max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom))!important;background:rgba(2,9,18,.88)!important;backdrop-filter:blur(10px);overflow:auto!important;overscroll-behavior:contain;display:flex!important;align-items:flex-start;justify-content:center} .nova-star-immersive.is-open>.nova-star-immersive-panel{width:min(980px,100%)!important;margin:auto 0!important;max-height:calc(100dvh - 28px);overflow:auto!important;background:#eef7ff} .nova-star-immersive.is-open .nova-star-immersive-head{position:sticky!important;top:0!important;z-index:8!important} .nova-star-immersive.is-open .nova-star-immersive-close{position:sticky!important;top:0!important;right:0!important;z-index:10!important} @media(max-width:700px){.nova-star-immersive.is-open{padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom))!important;align-items:stretch}.nova-star-immersive.is-open>.nova-star-immersive-panel{width:100%!important;max-height:calc(100dvh - 16px);margin:0!important;border-radius:16px}.nova-star-immersive.is-open .nova-star-camera-stage,.nova-star-immersive.is-open .nova-star-vr-stage{height:calc(100dvh - 145px)!important;min-height:360px!important}} /* NOVA STAR V72.13 · Precision Finder */ #novaStarSensorQuality{font-variant-numeric:tabular-nums} #novaStarCalibrate{white-space:nowrap} @media(max-width:700px){ .nova-star-orientation-actions #novaStarCalibrate{grid-column:1/-1} .nova-star-orientation-readout{grid-template-columns:1fr 1fr} .nova-star-orientation-readout>div{min-width:0} .nova-star-orientation-readout strong{font-size:13px;overflow-wrap:anywhere} .nova-star-guidance{padding:14px} } @media(max-width:420px){ .nova-star-orientation-readout{grid-template-columns:1fr} } /* NOVA Sky V72.13 · Starlink Version 1 */ .nova-sky-starlink{margin-top:18px;padding:16px;border:1px solid rgba(60,132,210,.24);border-radius:18px;background:linear-gradient(135deg,rgba(239,247,255,.92),rgba(241,255,250,.88))}.nova-sky-starlink-head{margin-bottom:10px}.nova-sky-starlink-head p{margin:5px 0 0;color:#61758a;line-height:1.45}.nova-sky-starlink-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.nova-sky-starlink-columns h4{margin:2px 0 9px;font-size:15px}.nova-sky-starlink-list{display:grid;gap:8px}.nova-sky-starlink-card{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border:1px solid #d8e6f4;border-radius:14px;background:rgba(255,255,255,.82)}.nova-sky-starlink-card>span{font-size:24px}.nova-sky-starlink-card>div{min-width:0;flex:1}.nova-sky-starlink-card b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nova-sky-starlink-card small{display:block;margin-top:3px;color:#60748a;line-height:1.35}.nova-sky-starlink-card button{margin-top:7px;padding:0;border:0;background:transparent;color:#1769c7;font:800 11px/1.3 system-ui;cursor:pointer}.nova-sky-starlink-card button:hover{text-decoration:underline}.nova-sky-starlink-empty{padding:13px;border-radius:13px;background:#f5f8fc;color:#687b8f;line-height:1.4}.nova-sky-starlink-note{margin-top:11px;padding:10px 12px;border-radius:12px;background:rgba(232,242,252,.72);color:#64778b;font-size:12px;line-height:1.45}.nova-sky-starlink-source{display:block;margin-top:5px;color:#66788e} body.dark .nova-sky-starlink{background:linear-gradient(135deg,#102b43,#0f342f);border-color:#31536e}body.dark .nova-sky-starlink-head p,body.dark .nova-sky-starlink-card small,body.dark .nova-sky-starlink-note,body.dark .nova-sky-starlink-source{color:#b8cadb}body.dark .nova-sky-starlink-card{background:#122d45;border-color:#31536e;color:#edf5ff}body.dark .nova-sky-starlink-empty{background:#10283d;color:#b8cadb}body.dark .nova-sky-starlink-note{background:#10283d} @media(max-width:760px){.nova-sky-starlink-columns{grid-template-columns:1fr}.nova-sky-starlink-head .btn{width:100%}} /* NOVA Sky V72.13 · Universal Satellite Tracker V2 */ .nova-sky-universal-filters{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px}.nova-sky-universal-filters button{border:1px solid #c8d9ea;background:#fff;color:#27425c;border-radius:999px;padding:8px 12px;font:800 12px/1.1 system-ui;cursor:pointer;box-shadow:0 2px 8px rgba(22,63,98,.05)}.nova-sky-universal-filters button:hover{transform:translateY(-1px)}.nova-sky-universal-filters button.is-active{background:#e6f2ff;border-color:#6ba9e8;color:#0d5ea8;box-shadow:0 0 0 2px rgba(76,148,219,.12)} body.dark .nova-sky-universal-filters button{background:#112b42;border-color:#365671;color:#dcecff}body.dark .nova-sky-universal-filters button.is-active{background:#153d5d;border-color:#66aeea;color:#fff} @media(max-width:760px){.nova-sky-universal-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.nova-sky-universal-filters button{border-radius:12px;padding:10px 8px;font-size:11.5px}.nova-sky-universal .nova-sky-starlink-card b{white-space:normal}} /* NOVA Sky V72.13 · Universal Satellite Tracker V3 · Kamera/VR Precision Finder */ .nova-sky-precision{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 0 16px;padding:13px 14px;border:1px solid #c9dff1;border-radius:16px;background:linear-gradient(135deg,#eef7ff,#f3f0ff)} .nova-sky-precision>div{display:grid;gap:3px}.nova-sky-precision small{font-size:10px;font-weight:900;letter-spacing:.08em;color:#315f9e}.nova-sky-precision b{font-size:16px;color:#173c5c}.nova-sky-precision span{font-size:12px;line-height:1.45;color:#60758b}.nova-sky-immersive .nova-star-camera-stage,.nova-sky-immersive .nova-star-vr-stage{background:#020713}.nova-sky-immersive canvas{touch-action:none}.nova-sky-immersive .nova-star-camera-hud{font-size:12px;line-height:1.4} body.dark .nova-sky-precision,html[data-theme="dark"] .nova-sky-precision{background:linear-gradient(135deg,#102943,#201e43);border-color:#31536e}body.dark .nova-sky-precision b,html[data-theme="dark"] .nova-sky-precision b{color:#edf5ff}body.dark .nova-sky-precision small,body.dark .nova-sky-precision span,html[data-theme="dark"] .nova-sky-precision small,html[data-theme="dark"] .nova-sky-precision span{color:#b8cadb} @media(max-width:700px){.nova-sky-precision{align-items:stretch;flex-direction:column}.nova-sky-precision .btn{width:100%}.nova-sky-tracker-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}.nova-sky-tracker-actions .btn{min-width:0!important;width:100%}} /* NOVA Sky V72.13 · Smooth Ground Track & Local Sky Path */ .nova-sky-track-arrow{color:#1769d2;font:900 18px/1 system-ui;text-shadow:0 1px 2px rgba(255,255,255,.6);background:transparent;border:0} body.dark .nova-sky-track-arrow{color:#8fc2ff;text-shadow:0 1px 2px rgba(0,0,0,.45)} /* NOVA Sky V72.13 · Satellite Info System */ .nova-sky-card-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:7px}.nova-sky-card-actions button{margin-top:0!important}.nova-sky-sat-info-overlay{position:fixed;inset:0;z-index:100060;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(4,13,26,.68);backdrop-filter:blur(5px)}.nova-sky-sat-info{position:relative;width:min(720px,100%);max-height:min(86vh,760px);overflow:auto;border:1px solid #c8dced;border-radius:22px;background:#fff;box-shadow:0 28px 70px rgba(0,0,0,.28);padding:22px}.nova-sky-sat-info-close{position:absolute;top:12px;right:12px;width:38px;height:38px;border:0;border-radius:50%;background:#eef4fa;color:#18344e;font:800 25px/1 system-ui;cursor:pointer}.nova-sky-sat-info-head{display:flex;gap:13px;align-items:flex-start;padding-right:42px}.nova-sky-sat-info-head>span{font-size:35px}.nova-sky-sat-info-head small{font-size:10px;font-weight:900;letter-spacing:.08em;color:#396da1}.nova-sky-sat-info-head h3{margin:3px 0 3px;font-size:23px}.nova-sky-sat-info-head p{margin:0;color:#64798e}.nova-sky-sat-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.nova-sky-sat-info-grid>div{padding:12px;border:1px solid #dce8f2;border-radius:14px;background:#f7fafc}.nova-sky-sat-info-grid small{display:block;color:#71869a;font-size:11px;margin-bottom:3px}.nova-sky-sat-info-grid b{font-size:13px;color:#18344e}.nova-sky-sat-info-actions{display:flex;flex-wrap:wrap;gap:9px}.nova-sky-sat-info-actions a{text-decoration:none}.nova-sky-sat-info-note{margin:14px 0 0;color:#6c7e90;font-size:12px;line-height:1.45}body.dark .nova-sky-sat-info,html[data-theme="dark"] .nova-sky-sat-info{background:#10263a;border-color:#34526b;color:#eef6ff}body.dark .nova-sky-sat-info-close,html[data-theme="dark"] .nova-sky-sat-info-close{background:#18354f;color:#fff}body.dark .nova-sky-sat-info-head p,body.dark .nova-sky-sat-info-note,html[data-theme="dark"] .nova-sky-sat-info-head p,html[data-theme="dark"] .nova-sky-sat-info-note{color:#b8cadb}body.dark .nova-sky-sat-info-grid>div,html[data-theme="dark"] .nova-sky-sat-info-grid>div{background:#132e46;border-color:#31536e}body.dark .nova-sky-sat-info-grid small,html[data-theme="dark"] .nova-sky-sat-info-grid small{color:#a9bfd3}body.dark .nova-sky-sat-info-grid b,html[data-theme="dark"] .nova-sky-sat-info-grid b{color:#eef6ff}@media(max-width:620px){.nova-sky-sat-info-overlay{padding:8px;align-items:flex-end}.nova-sky-sat-info{max-height:90vh;border-radius:20px 20px 10px 10px;padding:18px}.nova-sky-sat-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nova-sky-sat-info-actions{display:grid;grid-template-columns:1fr 1fr}.nova-sky-sat-info-actions .btn{width:100%;min-width:0}.nova-sky-card-actions{gap:7px}} /* NOVA Sky V72.13 · World Telescope Guide */ .nova-sky-telescopes .nova-sky-head p{margin:7px 0 0}.nova-sky-telescope-tools{display:grid;grid-template-columns:minmax(220px,1.3fr) repeat(2,minmax(160px,.7fr));gap:10px;margin:14px 0 8px}.nova-sky-telescope-tools input,.nova-sky-telescope-tools select{width:100%;min-height:44px;border:1px solid #cbddeb;border-radius:12px;background:#fff;color:#18344e;padding:9px 11px;font:700 13px/1.2 system-ui}.nova-sky-telescope-count{margin:7px 0 12px;color:#667d91;font:700 12px/1.3 system-ui}.nova-sky-telescope-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.nova-sky-telescope-card{display:flex;min-width:0;min-height:150px;flex-direction:column;align-items:flex-start;text-align:left;padding:14px;border:1px solid #d6e4ef;border-radius:16px;background:linear-gradient(145deg,#fff,#f5f8fd);color:#18344e;box-shadow:0 3px 12px rgba(24,61,94,.04);cursor:pointer}.nova-sky-telescope-card:hover{transform:translateY(-1px);border-color:#9fc5e6;box-shadow:0 7px 18px rgba(24,61,94,.09)}.nova-sky-telescope-card>span{font-size:27px;line-height:1}.nova-sky-telescope-card>b{margin-top:10px;font-size:15px;line-height:1.2}.nova-sky-telescope-card>small{margin-top:5px;color:#667c91;font-size:11.5px;line-height:1.35}.nova-sky-telescope-card>em{margin-top:8px;padding:4px 7px;border-radius:999px;background:#eaf3fb;color:#37668f;font:800 10px/1.2 system-ui;font-style:normal}.nova-sky-telescope-card>strong{margin-top:auto;padding-top:12px;color:#1769c7;font-size:11.5px}.nova-sky-telescope-note{margin-top:12px;padding:10px 12px;border-radius:12px;background:#f2f7fb;color:#6b7f91;font-size:11.5px;line-height:1.45}.nova-sky-telescope-empty{grid-column:1/-1;padding:18px;border-radius:14px;background:#f5f8fc;color:#657a8f}.nova-sky-telescope-info-body{margin:16px 0 0;padding:12px 14px;border-radius:14px;background:#f2f7fb;color:#28465f;line-height:1.55}.nova-sky-telescope-info-body p{margin:0}.nova-sky-telescope-info .nova-sky-sat-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))} body.dark .nova-sky-telescope-tools input,body.dark .nova-sky-telescope-tools select,html[data-theme="dark"] .nova-sky-telescope-tools input,html[data-theme="dark"] .nova-sky-telescope-tools select{background:#102b42;border-color:#365671;color:#eef6ff}body.dark .nova-sky-telescope-count,body.dark .nova-sky-telescope-note,html[data-theme="dark"] .nova-sky-telescope-count,html[data-theme="dark"] .nova-sky-telescope-note{color:#b7c9d9}body.dark .nova-sky-telescope-card,html[data-theme="dark"] .nova-sky-telescope-card{background:linear-gradient(145deg,#122c43,#10263a);border-color:#31536e;color:#eef6ff}body.dark .nova-sky-telescope-card>small,html[data-theme="dark"] .nova-sky-telescope-card>small{color:#b7c9d9}body.dark .nova-sky-telescope-card>em,html[data-theme="dark"] .nova-sky-telescope-card>em{background:#183b57;color:#cfe9ff}body.dark .nova-sky-telescope-note,html[data-theme="dark"] .nova-sky-telescope-note,body.dark .nova-sky-telescope-info-body,html[data-theme="dark"] .nova-sky-telescope-info-body{background:#132e46;color:#c7d7e5} @media(max-width:980px){.nova-sky-telescope-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:760px){.nova-sky-telescope-tools{grid-template-columns:1fr}.nova-sky-telescope-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nova-sky-telescope-card{min-height:142px;padding:12px}} @media(max-width:420px){.nova-sky-telescope-grid{grid-template-columns:1fr}.nova-sky-telescope-card{min-height:0}} /* NOVA STAR V72.13 · Wissensbibliothek Planeten */ .nova-star-bottom-stack{display:grid;gap:16px;margin-top:16px} .nova-star-feature-panel,.nova-star-planet-library{border:1px solid #d8e5f5;border-radius:20px;background:#fff;padding:14px} .nova-star-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px}.nova-star-section-head small{display:block;font-size:10px;font-weight:900;letter-spacing:.08em;color:#43618a}.nova-star-section-head h3{margin:3px 0 6px;font-size:22px}.nova-star-section-head p{margin:0;color:#5e7692;line-height:1.45;max-width:760px}.nova-star-section-head>span{padding:8px 11px;border-radius:999px;background:#edf4ff;color:#2457aa;font-size:11px;font-weight:800;white-space:nowrap} .nova-star-feature-grid-compact{margin-top:0;grid-template-columns:repeat(6,1fr)}.nova-star-feature-grid-compact>div{min-height:112px} .nova-star-planet-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.nova-star-planet-group{border:1px solid #dbe7f5;border-radius:18px;background:#f8fbff;padding:13px}.nova-star-planet-group-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.nova-star-planet-group h4{margin:0;font-size:16px}.nova-star-planet-group-head small{font-size:11px;color:#6380a0;font-weight:700} .nova-star-planet-buttons{display:grid;gap:9px}.nova-star-planet-card{appearance:none;width:100%;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;text-align:left;padding:11px 12px;border:1px solid #dce8f5;border-radius:14px;background:#fff;cursor:pointer;color:inherit}.nova-star-planet-card:hover,.nova-star-planet-card:focus-visible{border-color:#79aef6;background:#f0f7ff}.nova-star-planet-card>span{font-size:22px}.nova-star-planet-card div{display:grid;gap:2px}.nova-star-planet-card b{font-size:15px}.nova-star-planet-card small{font-size:11px;font-weight:600;color:#637c99;letter-spacing:0}.nova-star-planet-card em{font-style:normal;font-size:10px;font-weight:800;color:#1769c7} .nova-star-knowledge-lead{font-size:15px;line-height:1.6}.nova-star-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.nova-star-facts>div{padding:11px 12px;border:1px solid #deebf8;border-radius:14px;background:#f7fbff}.nova-star-facts small{display:block;font-size:10px;font-weight:900;letter-spacing:.08em;color:#56708c}.nova-star-facts strong{display:block;margin-top:4px;font-size:14px;color:#123557;line-height:1.4}.nova-star-knowledge-status{padding:12px 13px;border-radius:14px;background:#eef5ff;border:1px solid #d9e6f4;color:#274865;line-height:1.5}.nova-star-knowledge-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 10px} html[data-theme="dark"] .nova-star-feature-panel,html[data-theme="dark"] .nova-star-planet-library{background:#0d2031;border-color:#29465f}html[data-theme="dark"] .nova-star-section-head p{color:#b8cadb}html[data-theme="dark"] .nova-star-section-head>span{background:#142c40;color:#eef7ff}html[data-theme="dark"] .nova-star-planet-group{background:#112536;border-color:#29465f}html[data-theme="dark"] .nova-star-planet-card{background:#142c40;border-color:#31516a;color:#eef7ff}html[data-theme="dark"] .nova-star-planet-card small{color:#b8cadb}html[data-theme="dark"] .nova-star-planet-card em{color:#82c6ff}html[data-theme="dark"] .nova-star-facts>div{background:#12283b;border-color:#31516a}html[data-theme="dark"] .nova-star-facts strong{color:#eef7ff}html[data-theme="dark"] .nova-star-facts small{color:#b8cadb}html[data-theme="dark"] .nova-star-knowledge-status{background:#122d45;border-color:#31536e;color:#edf5ff} .nova-star.is-night .nova-star-feature-panel,.nova-star.is-night .nova-star-planet-library,.nova-star.is-night .nova-star-planet-group,.nova-star.is-night .nova-star-planet-card,.nova-star.is-night .nova-star-facts>div{background:#170909!important;border-color:#6f2727!important;color:#ffd4d0!important}.nova-star.is-night .nova-star-section-head p,.nova-star.is-night .nova-star-planet-card small,.nova-star.is-night .nova-star-planet-group-head small,.nova-star.is-night .nova-star-facts small,.nova-star.is-night .nova-star-knowledge-status{color:#efa39d!important}.nova-star.is-night .nova-star-section-head>span,.nova-star.is-night .nova-star-knowledge-status{background:#260d0d!important;border-color:#783232!important;color:#ffd4d0!important}.nova-star.is-night .nova-star-planet-card em{color:#ffb4ad!important} @media(max-width:980px){.nova-star-planet-groups{grid-template-columns:1fr}.nova-star-feature-grid-compact{grid-template-columns:repeat(3,1fr)}} @media(max-width:620px){.nova-star-section-head{flex-direction:column}.nova-star-section-head>span{white-space:normal}.nova-star-feature-grid-compact{grid-template-columns:repeat(2,1fr)}.nova-star-facts{grid-template-columns:1fr}.nova-star-knowledge-actions .btn{width:100%;justify-content:center}} @media(max-width:420px){.nova-star-feature-grid-compact{grid-template-columns:1fr}} /* NOVA AI V72.13 · Dashboard Mondkalender → NOVA STAR */ .nova-dashboard-panel button.moon-calendar-link{width:100%;font:inherit;text-align:left;cursor:pointer} /* NOVA STAR V72.13 · Planetarien Guide & Astro Zubehör */ .nova-star-planetarium-library{border:1px solid #d8e5f5;border-radius:20px;background:#fff;padding:14px} .nova-star-planetarium-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px} .nova-star-planetarium-card{appearance:none;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;width:100%;padding:13px;border:1px solid #dbe7f5;border-radius:16px;background:#f8fbff;color:inherit;text-align:left;cursor:pointer;min-height:82px} .nova-star-planetarium-card:hover,.nova-star-planetarium-card:focus-visible{border-color:#77aef2;background:#eef6ff;box-shadow:0 6px 16px rgba(35,100,170,.09)} .nova-star-planetarium-card>span{font-size:27px}.nova-star-planetarium-card>div{display:grid;gap:3px;min-width:0}.nova-star-planetarium-card b{font-size:15px}.nova-star-planetarium-card small{font-size:11px;letter-spacing:0;font-weight:600;color:#637b96}.nova-star-planetarium-card em{font-style:normal;font-size:10px;font-weight:850;color:#1769c7;white-space:nowrap} .nova-star-planetarium-note{margin-top:11px;padding:10px 12px;border-radius:12px;background:#f3f7fc;color:#60758e;font-size:11px;line-height:1.45} .nova-star-planetarium-list{display:grid;gap:10px;margin:16px 0}.nova-star-planetarium-entry{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 14px;border:1px solid #dce8f5;border-radius:15px;background:#f8fbff}.nova-star-planetarium-entry>div:first-child{min-width:0}.nova-star-planetarium-entry small{display:block;color:#617b99;font-weight:800;letter-spacing:.05em}.nova-star-planetarium-entry h3{margin:4px 0 5px;font-size:17px}.nova-star-planetarium-entry p{margin:0;color:#526d89;line-height:1.45}.nova-star-planetarium-entry-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;flex:0 0 auto}.nova-star-planetarium-entry-actions .btn{white-space:nowrap} html[data-theme="dark"] .nova-star-planetarium-library{background:#0d2031;border-color:#29465f}html[data-theme="dark"] .nova-star-planetarium-card,html[data-theme="dark"] .nova-star-planetarium-entry{background:#142c40;border-color:#31516a;color:#eef7ff}html[data-theme="dark"] .nova-star-planetarium-card small,html[data-theme="dark"] .nova-star-planetarium-entry small,html[data-theme="dark"] .nova-star-planetarium-entry p,html[data-theme="dark"] .nova-star-planetarium-note{color:#b8cadb}html[data-theme="dark"] .nova-star-planetarium-card em{color:#82c6ff}html[data-theme="dark"] .nova-star-planetarium-note{background:#122d45} .nova-star.is-night .nova-star-planetarium-library,.nova-star.is-night .nova-star-planetarium-card,.nova-star.is-night .nova-star-planetarium-entry{background:#170909!important;border-color:#6f2727!important;color:#ffd4d0!important}.nova-star.is-night .nova-star-planetarium-card small,.nova-star.is-night .nova-star-planetarium-entry small,.nova-star.is-night .nova-star-planetarium-entry p,.nova-star.is-night .nova-star-planetarium-note{color:#efa39d!important}.nova-star.is-night .nova-star-planetarium-note{background:#260d0d!important}.nova-star.is-night .nova-star-planetarium-card em{color:#ffb4ad!important} @media(max-width:980px){.nova-star-planetarium-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.nova-star-planetarium-entry{align-items:flex-start;flex-direction:column}.nova-star-planetarium-entry-actions{justify-content:flex-start}} @media(max-width:620px){.nova-star-planetarium-groups{grid-template-columns:1fr}.nova-star-planetarium-entry-actions{width:100%}.nova-star-planetarium-entry-actions .btn{width:100%;justify-content:center}} /* NOVA Safety V72.13 · Polizei-Bundeslandfilter */ .nova-safety-police-filter{display:grid;gap:5px;margin:0 0 10px;padding:9px 10px;border-radius:12px;background:#f4f8fc;border:1px solid #dbe7f3}.nova-safety-police-filter span{font-size:10px;font-weight:900;letter-spacing:.07em;color:#526d88}.nova-safety-police-filter select{width:100%;min-width:0;padding:8px 9px;border-radius:9px;border:1px solid #bfd2e5;background:#fff;color:#17324d;font:700 12px system-ui}.nova-safety-feed-empty{padding:12px;border-radius:11px;background:#f3f7fb;color:#49647f;font-size:12px;line-height:1.4}.nova-safety-feed-empty small{display:block;margin-top:4px;color:#70849a} body.dark .nova-safety-police-filter,html[data-theme="dark"] .nova-safety-police-filter{background:#10283d;border-color:#31536e}body.dark .nova-safety-police-filter span,html[data-theme="dark"] .nova-safety-police-filter span{color:#b8cadb}body.dark .nova-safety-police-filter select,html[data-theme="dark"] .nova-safety-police-filter select{background:#122d45;border-color:#45657f;color:#edf5ff} /* NOVA STAR V72.13 · Precision Ephemeris */ #novaStarEphemerisStatus{font-weight:800;border:1px solid #d7e6f4;background:#eef7ff!important;color:#245b8f!important} html[data-theme="dark"] #novaStarEphemerisStatus,body.dark #novaStarEphemerisStatus{background:#12324b!important;border-color:#31536e;color:#bfe1ff!important} .nova-star.is-night #novaStarEphemerisStatus{background:#260d0d!important;border-color:#783232!important;color:#ffd2cd!important} @media(max-width:620px){#novaStarEphemerisStatus{width:100%;text-align:center}} /* NOVA STAR V72.13 · Smart Zoom & Anti-Overlap Labels */ .nova-star-canvas-wrap{position:relative;border-radius:16px;overflow:hidden;background:#020817}.nova-star-canvas{touch-action:none;cursor:grab}.nova-star-canvas:active{cursor:grabbing}.nova-star-chart-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding:8px 9px;border:1px solid #dbe7f5;border-radius:14px;background:#f7fbff}.nova-star-chart-tools>div{display:flex;align-items:center;gap:6px}.nova-star-chart-tools button{min-height:34px;padding:6px 10px;border:1px solid #c9daec;border-radius:10px;background:#fff;color:#173b5c;font-weight:800;cursor:pointer}.nova-star-chart-tools button:hover,.nova-star-chart-tools button:focus-visible{border-color:#70a9e9;background:#eef6ff}.nova-star-chart-tools #novaStarZoomLabel{min-width:58px;text-align:center;font-size:12px;font-weight:900;color:#315f9e}.nova-star-zoom-hint{position:absolute;right:9px;bottom:9px;z-index:2;padding:5px 8px;border-radius:999px;background:rgba(2,12,28,.7);color:#eaf5ff;font-size:10px;font-weight:700;pointer-events:none;backdrop-filter:blur(5px)} html[data-theme="dark"] .nova-star-chart-tools{background:#10283d;border-color:#31536e}html[data-theme="dark"] .nova-star-chart-tools button{background:#142f47;border-color:#45657f;color:#edf5ff}html[data-theme="dark"] .nova-star-chart-tools #novaStarZoomLabel{color:#a9d1ff}.nova-star.is-night .nova-star-chart-tools{background:#1d0909!important;border-color:#6f2727!important}.nova-star.is-night .nova-star-chart-tools button{background:#2a0d0d!important;border-color:#783232!important;color:#ffd4d0!important}.nova-star.is-night .nova-star-chart-tools #novaStarZoomLabel{color:#ffb8b1!important} @media(max-width:620px){.nova-star-chart-tools{align-items:stretch;flex-direction:column}.nova-star-chart-tools>div{width:100%;display:grid;grid-template-columns:42px 1fr 42px 1fr}.nova-star-chart-tools button{min-width:0;padding:7px 8px}.nova-star-chart-tools>button{width:100%}.nova-star-zoom-hint{left:8px;right:auto;bottom:8px;font-size:9px}} /* NOVA Safety V72.13 · Notruf-Schnellzugriff mit Bestätigung */ button.nova-safety-emergency{width:100%;appearance:none;text-align:left;color:inherit;cursor:pointer;font:inherit}.nova-safety-emergency em{margin-left:auto;font-style:normal;font-size:.76rem;font-weight:850;color:#b32626;white-space:nowrap}.nova-safety-emergency:hover,.nova-safety-emergency:focus-visible{border-color:rgba(201,55,55,.45);box-shadow:0 7px 20px rgba(174,49,49,.10);outline:none}.nova-safety-emergency-overlay,.nova-safety-emergency-confirm{position:fixed;inset:0;z-index:12800;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(5,17,31,.72);backdrop-filter:blur(8px)}.nova-safety-emergency-dialog{position:relative;width:min(760px,100%);max-height:min(88dvh,760px);overflow:auto;padding:22px;border-radius:22px;background:#fff;border:1px solid #d9e6f4;box-shadow:0 24px 70px rgba(0,0,0,.28)}.nova-safety-emergency-close{position:absolute;top:12px;right:12px;width:44px;height:44px;border-radius:50%;border:1px solid #c7d8e8;background:#fff;color:#17324d;font-size:27px;line-height:1;cursor:pointer}.nova-safety-emergency-dialog-head{padding-right:52px;margin-bottom:15px}.nova-safety-emergency-dialog-head small{font-size:.7rem;font-weight:900;letter-spacing:.09em;color:#2466a8}.nova-safety-emergency-dialog-head h2{margin:4px 0 5px}.nova-safety-emergency-dialog-head p{margin:0;color:#63778e;line-height:1.45}.nova-safety-emergency-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.nova-safety-emergency-number{appearance:none;display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;text-align:left;padding:14px;border:1px solid #dbe7f3;border-radius:16px;background:#f8fbff;color:#14283f;cursor:pointer}.nova-safety-emergency-number:hover,.nova-safety-emergency-number:focus-visible{border-color:#6aa6e5;box-shadow:0 7px 18px rgba(38,92,145,.10);outline:none}.nova-safety-emergency-number>span{font-size:28px}.nova-safety-emergency-number>div{display:grid;gap:2px}.nova-safety-emergency-number strong{font-size:1.55rem;line-height:1;color:#d12b2b}.nova-safety-emergency-number b{font-size:.88rem}.nova-safety-emergency-number small{font-size:.72rem;line-height:1.35;color:#667a90}.nova-safety-emergency-number em{font-style:normal;font-size:.7rem;font-weight:850;color:#1769c7}.nova-safety-emergency-number.is-police strong{color:#155db5}.nova-safety-emergency-number.is-medical strong{color:#187a61}.nova-safety-emergency-number.is-neutral strong{color:#5d5f7c}.nova-safety-emergency-warning{margin-top:13px;padding:11px 12px;border-radius:12px;background:#fff1f1;border:1px solid #f1caca;color:#8e2929;font-size:.78rem;line-height:1.4}.nova-safety-emergency-more{display:inline-block;margin-top:12px;font-size:.78rem;font-weight:850;color:#1268bf;text-decoration:none}.nova-safety-emergency-confirm{z-index:12900}.nova-safety-emergency-confirm>section{width:min(520px,100%);padding:20px;border-radius:20px;background:#fff;border:1px solid #d9e6f4;box-shadow:0 24px 70px rgba(0,0,0,.32);display:grid;grid-template-columns:54px 1fr;gap:12px}.nova-safety-emergency-confirm-icon{font-size:38px;align-self:start}.nova-safety-emergency-confirm small{font-size:.68rem;font-weight:900;letter-spacing:.09em;color:#a53131}.nova-safety-emergency-confirm h3{margin:3px 0 6px;font-size:1.2rem}.nova-safety-emergency-confirm p{margin:0;color:#62758a}.nova-safety-emergency-confirm-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:9px;margin-top:6px}.nova-safety-emergency-confirm-actions a{text-decoration:none}.nova-safety-emergency-confirm-actions .btn.primary{background:linear-gradient(135deg,#d92b2b,#ad1d1d);border-color:#a91818;color:#fff} html[data-theme="dark"] .nova-safety-emergency-dialog,html[data-theme="dark"] .nova-safety-emergency-confirm>section,body.dark-mode .nova-safety-emergency-dialog,body.dark-mode .nova-safety-emergency-confirm>section{background:#112536;border-color:#31536e;color:#edf5ff}html[data-theme="dark"] .nova-safety-emergency-close,body.dark-mode .nova-safety-emergency-close{background:#173149;border-color:#50708a;color:#fff}html[data-theme="dark"] .nova-safety-emergency-number,body.dark-mode .nova-safety-emergency-number{background:#142c40;border-color:#31516a;color:#eef7ff}html[data-theme="dark"] .nova-safety-emergency-number small,html[data-theme="dark"] .nova-safety-emergency-dialog-head p,html[data-theme="dark"] .nova-safety-emergency-confirm p,body.dark-mode .nova-safety-emergency-number small,body.dark-mode .nova-safety-emergency-dialog-head p,body.dark-mode .nova-safety-emergency-confirm p{color:#b8cadb}html[data-theme="dark"] .nova-safety-emergency-warning,body.dark-mode .nova-safety-emergency-warning{background:#3b1719;border-color:#6e3436;color:#ffbaba} @media(max-width:700px){.nova-safety-emergency span{display:grid;gap:4px}.nova-safety-emergency em{margin-left:0}.nova-safety-emergency-grid{grid-template-columns:1fr}.nova-safety-emergency-dialog{padding:17px}.nova-safety-emergency-number{grid-template-columns:38px 1fr}.nova-safety-emergency-number em{grid-column:2}.nova-safety-emergency-confirm>section{grid-template-columns:42px 1fr}.nova-safety-emergency-confirm-actions{display:grid;grid-template-columns:1fr}.nova-safety-emergency-confirm-actions .btn{width:100%;text-align:center;justify-content:center}} .nova-star-shop-library .nova-star-planetarium-note b{font-size:12px;color:#1769c7}html[data-theme="dark"] .nova-star-shop-library .nova-star-planetarium-note b{color:#82c6ff}.nova-star.is-night .nova-star-shop-library .nova-star-planetarium-note b{color:#ffb4ad!important} .nova-star-mini-head{display:grid;gap:4px;margin:16px 0 12px}.nova-star-mini-head small{font-size:11px;font-weight:800;color:#6a84a2;letter-spacing:.04em}.nova-star-mini-head h4{margin:0;font-size:18px}.nova-star-mini-head p{margin:0;color:#5d7490;font-size:13px;line-height:1.45}.nova-star-buying-groups .nova-star-planetarium-card em{color:#5a7ba5}html[data-theme="dark"] .nova-star-mini-head p,html[data-theme="dark"] .nova-star-mini-head small{color:#b8cadb}html[data-theme="dark"] .nova-star-buying-groups .nova-star-planetarium-card em{color:#82c6ff}.nova-star.is-night .nova-star-mini-head p,.nova-star.is-night .nova-star-mini-head small{color:#efa39d!important}.nova-star.is-night .nova-star-buying-groups .nova-star-planetarium-card em{color:#ffb4ad!important} /* NOVA AI V72.13 · Standort-Berechtigungsstatus */ .nova-location-permission-notice{margin-top:9px;padding:10px 12px;border:1px solid #f0b2a5;border-radius:12px;background:#fff4f1;color:#7d2d20;display:grid;gap:4px;font-size:12px;line-height:1.4}.nova-location-permission-notice[hidden]{display:none!important}.nova-location-permission-notice b{font-size:12px}.nova-location-permission-notice span{color:#794338}html[data-theme="dark"] .nova-location-permission-notice,body.dark .nova-location-permission-notice{background:#351714;border-color:#87493f;color:#ffd8d1}html[data-theme="dark"] .nova-location-permission-notice span,body.dark .nova-location-permission-notice span{color:#f0b8ae} /* V72.13 – Desktop Sidebar vollständig schließen */ .sidebar-reopen{display:none} @media(min-width:901px){ .nova-sidebar{ transition:transform .24s ease!important; will-change:transform; } .nova-sidebar.collapsed{ width:320px!important; transform:translateX(-105%)!important; pointer-events:none!important; } .sidebar-reopen{ position:fixed; left:0; top:92px; z-index:11990; width:30px; height:54px; border:1px solid #2d5378; border-left:0; border-radius:0 12px 12px 0; background:#0b2746; color:#fff; font-size:25px; font-weight:900; cursor:pointer; box-shadow:0 7px 18px rgba(0,0,0,.22); align-items:center; justify-content:center; } body.sidebar-collapsed .sidebar-reopen{display:flex} } @media(max-width:900px){ .sidebar-reopen{display:none!important} } /* ========================================================= NOVA AI V72.13 – iPhone / Mobile horizontal lock Verhindert seitliches Verschieben der kompletten Webseite. Interne, bewusst horizontale Scroller bleiben erhalten. ========================================================= */ @media(max-width:900px){ html, body{ width:100%!important; max-width:100%!important; overflow-x:clip!important; overscroll-behavior-x:none; } body{ position:relative; touch-action:pan-y pinch-zoom; } #app, main, .site-main, .main, .page, .page-shell, .dashboard, .dashboard-shell, .nova-dashboard, .nova-dashboard-shell, .section, .section-card, .nova-activity-quickbar, .nova-calendar, .nova-ai-stage, .weather-section, .topbar, .site-footer, footer{ max-width:100%!important; min-width:0!important; } img, video, canvas, svg{ max-width:100%; } /* Fixed / floating UI darf den Viewport nicht verbreitern */ .mobile-dock, .nova-mobile-dock, .hero-command-dock, .hero-quick-ask, .floating-nova, .nova-tools-fab, .nova-tools-menu{ max-width:calc(100vw - 16px)!important; } /* Die Sidebar darf im geschlossenen Zustand nicht als unsichtbare horizontale Breite im Dokument verbleiben. */ .nova-sidebar{ max-width:min(86vw,320px)!important; } /* Bewusst horizontale Inhaltsleisten dürfen weiterhin innerhalb ihres eigenen Bereichs scrollen, ohne die Seite mitzuziehen. */ .hourly, .dashboard-module-strip .premium-tiles, [data-horizontal-scroll], .nova-horizontal-scroll{ overscroll-behavior-x:contain; touch-action:pan-x; } } /* Zusätzliche iOS-Sicherung für schmale Geräte */ @supports (-webkit-touch-callout:none){ @media(max-width:900px){ html,body{ overflow-x:hidden!important; } body>*{ max-width:100vw; } } } /* V72.13 · NOVA STAR Kamera/VR Zielton + Kalibrierung */ .nova-star-camera-head-actions,.nova-star-vr-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.nova-star-sound-toggle{min-height:36px;padding:7px 11px;border-radius:12px;border:1px solid rgba(18,74,112,.22);background:#edf6fb;color:#123b5b;font:800 12px/1.1 system-ui;cursor:pointer;white-space:nowrap}.nova-star-sound-toggle.is-on{background:#e7f8ef;border-color:#67c995;color:#12653d}.nova-star-sound-toggle.is-off{background:#f3f5f7;border-color:#c7d1d8;color:#60717e}.nova-star-calibrate-toggle{background:#eef5fb;border-color:#b9d3e5;color:#15415f}.nova-star-calibrate-toggle:disabled{opacity:.75;cursor:default}.dark-mode .nova-star-sound-toggle{background:#122d43;color:#eef8ff;border-color:#365d79}.dark-mode .nova-star-sound-toggle.is-on{background:#123d31;color:#bff4d5;border-color:#3f9f73}.dark-mode .nova-star-calibrate-toggle{background:#17344a;color:#d8efff;border-color:#45677f}.nova-star.is-night .nova-star-calibrate-toggle{background:#321212;color:#ffd4d0;border-color:#7a3434}@media(max-width:480px){.nova-star-camera-head-actions,.nova-star-vr-actions{gap:5px}.nova-star-sound-toggle{min-height:34px;padding:6px 8px;font-size:11px}} /* NOVA EARTH DYNAMICS V72.60 · Modul-Styles werden runtime in app.js injiziert */ /* V73.24 – World Numbers: responsive, datenjahrklar, ohne horizontales Überlaufen */ .nova-world-numbers-module{width:100%;max-width:100%;min-width:0;overflow-x:hidden;box-sizing:border-box} .nova-world-numbers-module *{box-sizing:border-box} .nova-world-numbers-module .world-numbers-hero{align-items:stretch;gap:18px;padding:20px 22px} .nova-world-numbers-module .world-numbers-hero>div:first-child{min-width:0;flex:1 1 auto} .nova-world-numbers-module .world-numbers-source{min-width:180px;max-width:220px;flex:0 0 auto} .nova-world-numbers-module .world-numbers-toolbar{display:flex;justify-content:space-between;align-items:end;gap:14px;flex-wrap:wrap;margin:10px 0 4px} .nova-world-numbers-module .world-numbers-tabs{margin:0;min-width:0;flex:1 1 620px} .nova-world-numbers-module .world-numbers-tabs label{min-width:260px;max-width:420px;flex:1 1 320px} .nova-world-numbers-module .world-numbers-tabs select{width:100%;min-width:0} .nova-world-numbers-module .world-numbers-mode{flex:0 1 auto;padding:9px 12px;border:1px solid #cfe1f3;border-radius:999px;background:#f4f9ff;color:#47617d;font-size:11px;font-weight:800;line-height:1.25} .nova-world-numbers-module .world-numbers-title{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap} .nova-world-numbers-module .world-numbers-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0} .nova-world-numbers-module .world-numbers-grid article{min-width:0;min-height:154px;padding:16px;overflow:hidden} .nova-world-numbers-module .world-number-card-head{display:flex;align-items:center;gap:9px;min-width:0} .nova-world-numbers-module .world-number-card-head>span{font-size:28px;line-height:1} .nova-world-numbers-module .world-number-card-head>small{min-width:0;font-size:12px;line-height:1.25;color:#47617d;font-weight:850} .nova-world-numbers-module .world-numbers-grid article>strong{font-size:clamp(19px,2vw,25px);overflow-wrap:anywhere;word-break:normal} .nova-world-numbers-module .world-numbers-grid article>em{font-size:10px;line-height:1.35} .nova-world-numbers-module .world-numbers-grid article>i{font-style:normal;font-size:10px;color:#72859a;margin-top:2px} .nova-world-numbers-module .world-numbers-extra{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0} .nova-world-numbers-module .world-numbers-extra a{grid-template-columns:38px minmax(0,1fr) auto;min-width:0;padding:13px} .nova-world-numbers-module .world-numbers-extra a>div{min-width:0} .nova-world-numbers-module .world-numbers-extra b,.nova-world-numbers-module .world-numbers-extra small{overflow-wrap:anywhere} .nova-world-numbers-module .nova-source-note{max-width:100%;min-width:0} body.dark-mode .nova-world-numbers-module .world-numbers-mode{background:#173a57;color:#d8e8f5;border-color:#5d7f9a} body.dark-mode .nova-world-numbers-module .world-number-card-head>small{color:#d5e4ef} body.dark-mode .nova-world-numbers-module .world-numbers-grid article>i{color:#b7cad9} @media(max-width:980px){ .nova-world-numbers-module .world-numbers-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .nova-world-numbers-module .world-numbers-extra{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:760px){ .nova-world-numbers-module .world-numbers-hero{grid-template-columns:1fr;padding:16px} .nova-world-numbers-module .world-numbers-source{max-width:none;width:100%} .nova-world-numbers-module .world-numbers-toolbar{display:block} .nova-world-numbers-module .world-numbers-tabs{display:grid;grid-template-columns:auto 1fr;align-items:end} .nova-world-numbers-module .world-numbers-tabs label{grid-column:1/-1;max-width:none;width:100%} .nova-world-numbers-module .world-numbers-tabs #worldNumbersRefresh{grid-column:2} .nova-world-numbers-module .world-numbers-mode{margin-top:10px;border-radius:12px} .nova-world-numbers-module .world-numbers-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px} .nova-world-numbers-module .world-numbers-grid article{min-height:142px;padding:13px} .nova-world-numbers-module .world-numbers-extra{grid-template-columns:1fr} } @media(max-width:480px){ .nova-world-numbers-module .world-numbers-grid{grid-template-columns:1fr} .nova-world-numbers-module .world-numbers-grid article{min-height:126px} .nova-world-numbers-module .world-numbers-tabs{grid-template-columns:1fr} .nova-world-numbers-module .world-numbers-tabs #worldNumbersRefresh{grid-column:auto;width:100%} .nova-world-numbers-module .world-numbers-tabs>button[data-worldnum]{width:100%} } /* V73.24 – NOVA World Numbers V2 · interaktive Weltkarte, Kontinente, Kategorien */ .nova-world-numbers-v2{width:100%;max-width:100%;min-width:0;overflow-x:hidden} .nova-world-numbers-v2 *{box-sizing:border-box} .nova-world-numbers-v2 .world-numbers-categorybar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:12px 0 10px} .nova-world-numbers-v2 .world-numbers-categorybar button,.nova-world-numbers-v2 .world-numbers-controls>button,.nova-world-numbers-v2 .world-numbers-controls select{min-height:40px;border:1px solid #cfe0ef;border-radius:11px;background:#fff;color:#173b5b;padding:9px 13px;font-weight:850;font-size:12px;cursor:pointer} .nova-world-numbers-v2 .world-numbers-categorybar button:hover,.nova-world-numbers-v2 .world-numbers-controls>button:hover{border-color:#80b8df;transform:translateY(-1px)} .nova-world-numbers-v2 .world-numbers-categorybar button.active,.nova-world-numbers-v2 .world-numbers-controls>button.active{background:linear-gradient(135deg,#0d73db,#15a7c5);color:#fff;border-color:transparent;box-shadow:0 8px 20px rgba(17,115,192,.18)} .nova-world-numbers-v2 .wn-live-badge{margin-left:auto;padding:8px 11px;border-radius:999px;background:#eefaf5;border:1px solid #bde7d7;color:#18745b;font-size:10px;font-weight:900;white-space:nowrap} .nova-world-numbers-v2 .world-numbers-controls{display:grid;grid-template-columns:auto minmax(170px,220px) minmax(220px,1fr) auto;gap:9px;align-items:center;margin-bottom:10px} .nova-world-numbers-v2 .world-numbers-controls select{width:100%;min-width:0} .nova-world-numbers-v2 .world-numbers-dashboard{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(310px,.72fr);gap:14px;align-items:start} .nova-world-numbers-v2 .world-numbers-mapcard,.nova-world-numbers-v2 .world-numbers-side{border:1px solid #d7e5f0;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(17,55,86,.06);overflow:hidden;min-width:0} .nova-world-numbers-v2 .world-numbers-section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:15px 16px 11px} .nova-world-numbers-v2 .world-numbers-section-head small{display:block;font-size:9px;font-weight:900;letter-spacing:.12em;color:#64809a} .nova-world-numbers-v2 .world-numbers-section-head h3{margin:3px 0 0;font-size:18px;color:#112f49} .nova-world-numbers-v2 .world-numbers-section-head>span{font-size:10px;color:#71879b;font-weight:800} .nova-world-numbers-v2 .world-numbers-map{height:clamp(340px,45vh,520px);min-height:340px;background:linear-gradient(180deg,#eaf6ff,#f8fbfd);position:relative} .nova-world-numbers-v2 .world-numbers-map .leaflet-control-zoom a{color:#173b5b!important} .nova-world-numbers-v2 .world-numbers-map-loading,.nova-world-numbers-v2 .world-numbers-map-error{height:100%;display:grid;place-content:center;text-align:center;gap:5px;color:#54728b;font-weight:850} .nova-world-numbers-v2 .world-numbers-map-error small{font-weight:650} .world-numbers-continent-marker-wrap{background:transparent!important;border:0!important} .world-numbers-continent-marker{width:150px;min-height:50px;border:1px solid rgba(75,128,168,.24);border-radius:12px;background:rgba(255,255,255,.93);box-shadow:0 6px 18px rgba(29,72,105,.16);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:7px;align-items:center;padding:7px 10px;text-align:left;color:#123550;font:inherit;cursor:pointer;backdrop-filter:blur(8px)} .world-numbers-continent-marker .wn-dot{grid-row:1/3;width:9px;height:9px;border-radius:50%;background:#1487d5;box-shadow:0 0 0 4px rgba(20,135,213,.11)} .world-numbers-continent-marker b{font-size:11px;line-height:1.1}.world-numbers-continent-marker small{font-size:9px;color:#688198;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .world-numbers-continent-marker:hover{border-color:#1487d5;box-shadow:0 8px 22px rgba(20,135,213,.25)} .nova-world-numbers-v2 .world-numbers-continent-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px;background:#f8fbfd;border-top:1px solid #dfeaf3} .nova-world-numbers-v2 .world-numbers-continent-strip button{min-width:0;border:1px solid #d9e6ef;border-radius:11px;background:#fff;padding:8px 9px;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:7px;text-align:left;cursor:pointer;color:#193b57} .nova-world-numbers-v2 .world-numbers-continent-strip button.active{border-color:#1685d1;box-shadow:0 0 0 2px rgba(22,133,209,.1)} .nova-world-numbers-v2 .world-numbers-continent-strip .wn-dot{grid-row:1/3;align-self:center;width:8px;height:8px;border-radius:50%;background:#1685d1}.nova-world-numbers-v2 .world-numbers-continent-strip b{font-size:10px}.nova-world-numbers-v2 .world-numbers-continent-strip small{font-size:8px;color:#6e8496;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .nova-world-numbers-v2 .world-numbers-side{padding:15px} .nova-world-numbers-v2 .world-numbers-side .world-numbers-title{display:block;margin:0 0 10px;padding:0;border:0} .nova-world-numbers-v2 .world-numbers-title small{font-size:9px;letter-spacing:.1em;color:#647f98;font-weight:900}.nova-world-numbers-v2 .world-numbers-title h3{margin:4px 0 3px;font-size:22px}.nova-world-numbers-v2 .world-numbers-title p{margin:0;font-size:10px;color:#73889a;line-height:1.35} .nova-world-numbers-v2 .world-numbers-grid.compact{display:grid;grid-template-columns:1fr;gap:8px} .nova-world-numbers-v2 .world-numbers-grid.compact article{min-height:0;padding:11px 12px;border-radius:13px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'head value' 'meta meta' 'context context';gap:4px 10px;align-items:center} .nova-world-numbers-v2 .world-numbers-grid.compact .world-number-card-head{grid-area:head}.nova-world-numbers-v2 .world-numbers-grid.compact article>strong{grid-area:value;font-size:16px;text-align:right;white-space:nowrap;overflow:visible}.nova-world-numbers-v2 .world-numbers-grid.compact article>em{grid-area:meta;font-size:9px}.nova-world-numbers-v2 .world-numbers-grid.compact article>i{grid-area:context;font-size:9px} .nova-world-numbers-v2 .world-numbers-transparency{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 8px}.nova-world-numbers-v2 .world-numbers-transparency span{padding:7px 9px;border:1px solid #d8e6ef;border-radius:999px;background:#f7fbfe;color:#587287;font-size:9px;font-weight:850} .nova-world-numbers-v2 .world-numbers-extra{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:9px} .nova-world-numbers-v2 .world-numbers-footer{font-size:9px;color:#748899;text-align:center;padding:9px 4px 2px;line-height:1.35} body.dark-mode .nova-world-numbers-v2 .world-numbers-mapcard,body.dark-mode .nova-world-numbers-v2 .world-numbers-side{background:#112c42;border-color:#35536b} body.dark-mode .nova-world-numbers-v2 .world-numbers-section-head h3,body.dark-mode .nova-world-numbers-v2 .world-numbers-title h3{color:#eef8ff} body.dark-mode .nova-world-numbers-v2 .world-numbers-categorybar button,body.dark-mode .nova-world-numbers-v2 .world-numbers-controls>button,body.dark-mode .nova-world-numbers-v2 .world-numbers-controls select{background:#15344d;color:#e9f4fb;border-color:#42637b} body.dark-mode .nova-world-numbers-v2 .world-numbers-categorybar button.active,body.dark-mode .nova-world-numbers-v2 .world-numbers-controls>button.active{background:linear-gradient(135deg,#1168bc,#148aa6)} body.dark-mode .nova-world-numbers-v2 .wn-live-badge{background:#153c34;color:#c6f3e3;border-color:#3f7968} body.dark-mode .nova-world-numbers-v2 .world-numbers-continent-strip{background:#0f273b;border-color:#35536b}body.dark-mode .nova-world-numbers-v2 .world-numbers-continent-strip button{background:#17364e;border-color:#3d5b72;color:#edf7ff}body.dark-mode .nova-world-numbers-v2 .world-numbers-continent-strip small{color:#b8cad7} body.dark-mode .nova-world-numbers-v2 .world-numbers-transparency span{background:#15344d;border-color:#42637b;color:#cfe0ec} @media(max-width:1050px){.nova-world-numbers-v2 .world-numbers-dashboard{grid-template-columns:1fr}.nova-world-numbers-v2 .world-numbers-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.nova-world-numbers-v2 .world-numbers-extra{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:760px){.nova-world-numbers-v2 .world-numbers-controls{grid-template-columns:1fr 1fr}.nova-world-numbers-v2 .world-numbers-controls select#worldNumbersCountry{grid-column:1/-1}.nova-world-numbers-v2 .world-numbers-categorybar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.nova-world-numbers-v2 .wn-live-badge{grid-column:1/-1;margin-left:0;text-align:center}.nova-world-numbers-v2 .world-numbers-map{height:400px}.nova-world-numbers-v2 .world-numbers-continent-strip{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:480px){.nova-world-numbers-v2 .world-numbers-hero{padding:14px}.nova-world-numbers-v2 .world-numbers-categorybar{grid-template-columns:1fr 1fr;gap:7px}.nova-world-numbers-v2 .world-numbers-categorybar button{padding:8px 7px;font-size:11px}.nova-world-numbers-v2 .world-numbers-controls{grid-template-columns:1fr}.nova-world-numbers-v2 .world-numbers-controls select#worldNumbersCountry{grid-column:auto}.nova-world-numbers-v2 .world-numbers-map{height:340px;min-height:340px}.world-numbers-continent-marker{width:126px;min-height:46px;padding:6px 8px}.world-numbers-continent-marker b{font-size:10px}.world-numbers-continent-marker small{font-size:8px}.nova-world-numbers-v2 .world-numbers-grid.compact{grid-template-columns:1fr}.nova-world-numbers-v2 .world-numbers-continent-strip{grid-template-columns:1fr 1fr}.nova-world-numbers-v2 .world-numbers-extra{grid-template-columns:1fr}} /* V73.24 – World Numbers: größere Schriften, breitere Kennzahlenspalte, Quelle vereinfacht */ .nova-world-numbers-v2 .world-numbers-hero .eyebrow{font-size:13px;letter-spacing:.11em} .nova-world-numbers-v2 .world-numbers-hero h2{font-size:clamp(30px,3vw,42px);line-height:1.08} .nova-world-numbers-v2 .world-numbers-hero .module-intro{font-size:15px;line-height:1.48;max-width:900px} .nova-world-numbers-v2 .world-numbers-source{min-width:190px;max-width:220px;align-self:stretch;justify-content:center} .nova-world-numbers-v2 .world-numbers-source small{font-size:12px;letter-spacing:.05em;color:#587083} .nova-world-numbers-v2 .world-numbers-source b{font-size:16px;line-height:1.2} .nova-world-numbers-v2 .world-numbers-categorybar button, .nova-world-numbers-v2 .world-numbers-controls>button, .nova-world-numbers-v2 .world-numbers-controls select{font-size:13.5px;min-height:44px;padding:10px 14px} .nova-world-numbers-v2 .wn-live-badge{font-size:11.5px;padding:9px 13px} .nova-world-numbers-v2 .world-numbers-dashboard{grid-template-columns:minmax(0,1.48fr) minmax(370px,.82fr);gap:16px} .nova-world-numbers-v2 .world-numbers-section-head small{font-size:10.5px} .nova-world-numbers-v2 .world-numbers-section-head h3{font-size:21px} .nova-world-numbers-v2 .world-numbers-section-head>span{font-size:11.5px} .world-numbers-continent-marker b{font-size:12px}.world-numbers-continent-marker small{font-size:10px} .nova-world-numbers-v2 .world-numbers-continent-strip b{font-size:11.5px}.nova-world-numbers-v2 .world-numbers-continent-strip small{font-size:9.5px} .nova-world-numbers-v2 .world-numbers-side{padding:17px} .nova-world-numbers-v2 .world-numbers-title small{font-size:10.5px} .nova-world-numbers-v2 .world-numbers-title h3{font-size:26px} .nova-world-numbers-v2 .world-numbers-title p{font-size:11.5px;line-height:1.45} .nova-world-numbers-v2 .world-numbers-grid.compact{gap:10px} .nova-world-numbers-v2 .world-numbers-grid.compact article{ padding:14px 14px; grid-template-columns:minmax(0,1fr) minmax(145px,max-content); grid-template-areas:'head value' 'meta meta' 'context context'; gap:6px 12px; overflow:visible; } .nova-world-numbers-v2 .world-number-card-head{gap:10px} .nova-world-numbers-v2 .world-number-card-head>span{font-size:30px} .nova-world-numbers-v2 .world-number-card-head>small{font-size:13.5px;line-height:1.25;overflow-wrap:anywhere} .nova-world-numbers-v2 .world-numbers-grid.compact article>strong{ font-size:18px; line-height:1.15; min-width:145px; text-align:right; white-space:nowrap; overflow:visible; } .nova-world-numbers-v2 .world-numbers-grid.compact article>em{font-size:10.5px;line-height:1.4} .nova-world-numbers-v2 .world-numbers-grid.compact article>i{font-size:10.5px;line-height:1.35} .nova-world-numbers-v2 .world-numbers-transparency span{font-size:10.5px;padding:8px 10px} .nova-world-numbers-v2 .world-numbers-extra b{font-size:14px}.nova-world-numbers-v2 .world-numbers-extra small{font-size:12px;line-height:1.35} .nova-world-numbers-v2 .nova-source-note p{font-size:12.5px;line-height:1.55} .nova-world-numbers-v2 .world-numbers-footer{font-size:10.5px} @media(max-width:1150px){ .nova-world-numbers-v2 .world-numbers-dashboard{grid-template-columns:1fr} .nova-world-numbers-v2 .world-numbers-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))} .nova-world-numbers-v2 .world-numbers-grid.compact article{grid-template-columns:minmax(0,1fr) minmax(135px,max-content)} } @media(max-width:760px){ .nova-world-numbers-v2 .world-numbers-hero h2{font-size:30px} .nova-world-numbers-v2 .world-numbers-hero .module-intro{font-size:14px} .nova-world-numbers-v2 .world-numbers-source{min-width:0;max-width:none;width:100%;min-height:74px;justify-content:flex-start} .nova-world-numbers-v2 .world-numbers-grid.compact{grid-template-columns:1fr} .nova-world-numbers-v2 .world-numbers-grid.compact article{grid-template-columns:minmax(0,1fr) minmax(135px,max-content)} } @media(max-width:430px){ .nova-world-numbers-v2 .world-numbers-grid.compact article{grid-template-columns:1fr;grid-template-areas:'head' 'value' 'meta' 'context'} .nova-world-numbers-v2 .world-numbers-grid.compact article>strong{text-align:left;min-width:0;white-space:normal;font-size:19px} .nova-world-numbers-v2 .world-number-card-head>small{font-size:14px} } /* V73.24 – World Numbers: lesbare Langbegriffe, vollständige Kartenbeschriftungen, Weltkarte vollflächig */ .nova-world-numbers-v2 .world-numbers-map{background:#aad3df;overflow:hidden} .nova-world-numbers-v2 .world-number-card-head>small{ overflow-wrap:normal; word-break:normal; hyphens:auto; text-wrap:pretty; } .nova-world-numbers-v2 .world-numbers-grid.compact article{ grid-template-columns:minmax(170px,1fr) minmax(125px,max-content); } .nova-world-numbers-v2 .world-numbers-grid.compact article>strong{min-width:125px} .world-numbers-continent-marker{width:166px;min-height:54px;height:auto} .world-numbers-continent-marker small{ white-space:normal; overflow:visible; text-overflow:clip; line-height:1.25; } .nova-world-numbers-v2 .world-numbers-continent-strip button{min-height:58px;align-items:center} .nova-world-numbers-v2 .world-numbers-continent-strip small{ white-space:normal; overflow:visible; text-overflow:clip; line-height:1.25; } #moduleModal.nova-close-x-only .modal-backdrop{cursor:default} @media(max-width:1150px){ .nova-world-numbers-v2 .world-numbers-grid.compact article{grid-template-columns:minmax(170px,1fr) minmax(125px,max-content)} } @media(max-width:760px){ .nova-world-numbers-v2 .world-numbers-grid.compact article{grid-template-columns:minmax(170px,1fr) minmax(125px,max-content)} } @media(max-width:430px){ .nova-world-numbers-v2 .world-numbers-grid.compact article{grid-template-columns:1fr;grid-template-areas:'head' 'value' 'meta' 'context'} .world-numbers-continent-marker{width:142px} } /* V73.30 – NOVA Immobilien & Arbeitsmarkt */ .real-labour-module{font-size:17px}.real-labour-hero{display:grid;grid-template-columns:1fr 250px;gap:20px;padding:24px;border:1px solid #d7e6f2;border-radius:24px;background:linear-gradient(110deg,#f8fdff,#fbfff6)}.real-labour-hero h2{font-size:clamp(30px,3vw,48px);margin:6px 0 10px}.real-labour-hero p{font-size:18px;line-height:1.5;max-width:900px}.real-labour-source{display:flex;flex-direction:column;justify-content:center;padding:18px;border:1px solid #d7e6f2;border-radius:18px;background:#fff}.real-labour-source b{font-size:18px}.real-labour-tabs{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:18px 0}.real-labour-tabs button{font-size:16px;font-weight:800;padding:12px 18px;border:1px solid #cfe0ee;background:#fff;border-radius:14px}.real-labour-tabs button.active{background:linear-gradient(135deg,#0d7ddc,#18b7cf);color:#fff}.real-labour-tabs>span{margin-left:auto;padding:10px 14px;border-radius:999px;background:#eaf8f1;font-weight:800;font-size:14px}.real-labour-top{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px}.real-labour-top article,.rl-metric-grid article{border:1px solid #d8e6f1;border-radius:18px;padding:18px;background:linear-gradient(180deg,#fff,#f8fbfe)}.real-labour-top article span{font-size:32px;display:block;margin-bottom:8px}.real-labour-top article small{font-weight:800;font-size:15px;display:block;min-height:40px}.real-labour-top article strong{display:block;font-size:23px;margin:8px 0}.real-labour-top article em{font-style:normal;font-size:12px;color:#587087}.real-labour-body{display:grid;grid-template-columns:1.08fr .92fr;gap:18px}.real-labour-map-card,.real-labour-compare-card,.real-labour-list-card,.real-labour-wide-card{border:1px solid #d7e6f2;border-radius:20px;background:#fff;padding:18px}.real-labour-wide-card{grid-column:1/-1}.rl-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.rl-head h3{font-size:26px;margin:3px 0}.rl-germany-map{min-height:420px;border-radius:16px;background:linear-gradient(180deg,#dff2ff,#eef8ff);display:flex;align-items:center;justify-content:center;padding:24px}.rl-map-grid{width:75%;max-width:520px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.rl-map-grid button{padding:18px;border-radius:14px;border:1px solid #c7dceb;background:#fff;font-weight:800;font-size:16px}.rl-compare-list{display:grid;gap:10px}.rl-compare-list>div{display:flex;justify-content:space-between;gap:20px;padding:15px;border-radius:12px;background:#f7fafe;font-size:17px}.rl-list{display:grid;gap:6px}.rl-list>div{display:flex;justify-content:space-between;gap:16px;padding:12px;border-bottom:1px solid #edf2f6}.rl-list b{font-size:16px}.rl-list span{color:#60768b;text-align:right}.rl-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.rl-metric-grid article span{font-size:32px}.rl-metric-grid article b{display:block;font-size:18px;margin:8px 0}.rl-metric-grid article strong{display:block;font-size:18px;color:#0b6fbd}.rl-metric-grid article small{font-size:13px}.real-labour-footer{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.real-labour-footer span{padding:8px 12px;border:1px solid #d7e6f2;border-radius:999px;font-size:13px;font-weight:700} @media(max-width:1100px){.real-labour-top{grid-template-columns:repeat(3,1fr)}.real-labour-body{grid-template-columns:1fr}.rl-metric-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:700px){.real-labour-module{font-size:16px}.real-labour-hero{grid-template-columns:1fr;padding:18px}.real-labour-source{display:none}.real-labour-tabs>span{margin-left:0;width:100%}.real-labour-top{grid-template-columns:repeat(2,1fr)}.rl-map-grid,.rl-metric-grid{grid-template-columns:1fr}.rl-germany-map{min-height:360px}.real-labour-top article small{min-height:auto}.real-labour-top article strong{font-size:20px}} /* V73.30 – Immobilien & Arbeitsmarkt kompakt + Live-Daten */ .real-labour-v26 .real-labour-hero{padding:18px 22px;grid-template-columns:minmax(0,1fr) 265px}.real-labour-v26 .real-labour-hero h2{font-size:clamp(28px,2.6vw,42px);margin:4px 0 6px}.real-labour-v26 .real-labour-hero p{font-size:16px;margin:0}.real-labour-v26 .real-labour-tabs{margin:12px 0}.real-labour-v26 .real-labour-tabs button{padding:10px 15px}.real-labour-v26 .real-labour-top{gap:10px;margin-bottom:12px}.real-labour-v26 .real-labour-top article{padding:13px 14px;min-height:132px}.real-labour-v26 .real-labour-top article span{font-size:27px;margin-bottom:3px}.real-labour-v26 .real-labour-top article small{font-size:14px;min-height:34px}.real-labour-v26 .real-labour-top article strong{font-size:21px;margin:5px 0;white-space:nowrap}.real-labour-v26 .real-labour-top article em{font-size:11px;line-height:1.25}.real-labour-v26 .real-labour-top article.is-missing{opacity:.82}.real-labour-v26 .real-labour-body{gap:12px}.real-labour-v26 .real-labour-map-card,.real-labour-v26 .real-labour-compare-card,.real-labour-v26 .real-labour-list-card,.real-labour-v26 .real-labour-wide-card{padding:14px;border-radius:17px}.real-labour-v26 .rl-head{margin-bottom:9px}.real-labour-v26 .rl-head h3{font-size:22px}.real-labour-v26 .rl-head>span{font-size:12px;color:#60768b;text-align:right}.real-labour-v26 .rl-germany-map{height:390px;min-height:390px;padding:0;overflow:hidden;background:#e7f4fb}.real-labour-v26 .rl-compare-list{gap:6px}.real-labour-v26 .rl-compare-list>div{padding:11px 13px;font-size:15px}.real-labour-v26 .rl-list>div{padding:9px 7px}.real-labour-v26 .rl-list b{font-size:14px}.real-labour-v26 .rl-list span{font-size:14px;font-weight:800;color:#10213a}.real-labour-v26 .rl-metric-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.real-labour-v26 .rl-metric-grid article{padding:14px}.real-labour-v26 .rl-metric-grid article span{font-size:28px}.real-labour-v26 .rl-metric-grid article b{font-size:16px;min-height:42px}.real-labour-v26 .rl-metric-grid article strong{font-size:22px;white-space:nowrap}.real-labour-v26 .real-labour-footer{margin-top:12px}.rl-city-marker-wrap{background:transparent!important;border:0!important}.rl-city-marker{border:1px solid #c9deec;background:rgba(255,255,255,.95);box-shadow:0 4px 16px rgba(19,64,95,.12);border-radius:999px;padding:5px 8px;color:#0b79c8;font-size:11px;white-space:nowrap}.rl-city-marker b{color:#10213a;font-size:11px}.rl-map-fallback{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:30px}.rl-map-fallback small{color:#60768b}.real-labour-v26 .leaflet-control-zoom a{font-size:20px!important}.real-labour-v26 .leaflet-container{font-family:inherit} @media(max-width:1200px){.real-labour-v26 .real-labour-top{grid-template-columns:repeat(3,1fr)}.real-labour-v26 .rl-metric-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:850px){.real-labour-v26 .real-labour-body{grid-template-columns:1fr}.real-labour-v26 .real-labour-hero{grid-template-columns:1fr}.real-labour-v26 .real-labour-source{display:flex}.real-labour-v26 .rl-germany-map{height:330px;min-height:330px}} @media(max-width:560px){.real-labour-v26 .real-labour-top{grid-template-columns:repeat(2,minmax(0,1fr))}.real-labour-v26 .real-labour-top article{min-height:124px}.real-labour-v26 .real-labour-top article strong{font-size:18px;white-space:normal}.real-labour-v26 .real-labour-source{display:none}.real-labour-v26 .real-labour-tabs>span{width:auto;font-size:12px}.real-labour-v26 .rl-germany-map{height:300px;min-height:300px}.real-labour-v26 .rl-head{align-items:flex-start}.real-labour-v26 .rl-head h3{font-size:20px}.real-labour-v26 .rl-metric-grid{grid-template-columns:1fr}.real-labour-v26 .rl-list>div{align-items:flex-start}.real-labour-v26 .rl-list span{max-width:42%}} /* V73.30 – Immobilien & Arbeitsmarkt Textfix + fehlende Daten klarer */ .real-labour-v27 .real-labour-top article, .real-labour-v27 .rl-metric-grid article{display:flex;flex-direction:column} .real-labour-v27 .real-labour-top article small, .real-labour-v27 .rl-metric-grid article b, .real-labour-v27 .real-labour-source b{line-height:1.2;hyphens:auto;overflow-wrap:anywhere;word-break:break-word} .real-labour-v27 .real-labour-top article strong, .real-labour-v27 .rl-metric-grid article strong{white-space:normal;overflow-wrap:anywhere;word-break:break-word;line-height:1.15} .real-labour-v27 .real-labour-top article.is-missing strong, .real-labour-v27 .rl-metric-grid article.is-missing strong{font-size:19px} .real-labour-v27 .real-labour-top article em, .real-labour-v27 .rl-metric-grid article small{line-height:1.3} .real-labour-v27 .real-labour-top article small{min-height:38px} .real-labour-v27 .rl-metric-grid article b{min-height:44px} @media(max-width:1200px){.real-labour-v27 .real-labour-top{grid-template-columns:repeat(3,1fr)}.real-labour-v27 .rl-metric-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:560px){.real-labour-v27 .real-labour-top article small{min-height:auto}.real-labour-v27 .rl-metric-grid article b{min-height:auto}.real-labour-v27 .real-labour-top article.is-missing strong,.real-labour-v27 .rl-metric-grid article.is-missing strong{font-size:17px}} /* V73.30 – Nürnberg + Stadtseiten in Deutschlandkarte */ .real-labour-v28 .rl-head>span a, .real-labour-v28 .rl-city-popup a{color:#0b6fbd;font-weight:800;text-decoration:none} .real-labour-v28 .rl-head>span a:hover, .real-labour-v28 .rl-city-popup a:hover{text-decoration:underline} .real-labour-v28 .rl-city-popup{display:flex;flex-direction:column;gap:4px;min-width:170px} .real-labour-v28 .rl-city-popup b{font-size:14px;color:#10213a} .real-labour-v28 .rl-city-popup small{font-size:12px;color:#60768b} .real-labour-v28 .rl-city-marker{cursor:pointer} /* V73.30 – mehr Städte, regionale Kennzahlen, X-only */ .real-labour-v29 .rl-city-popup{min-width:230px;gap:7px} .real-labour-v29 .rl-city-popup-metrics{display:grid;gap:6px;margin:4px 0} .real-labour-v29 .rl-city-popup-metrics span{display:flex;justify-content:space-between;gap:12px;padding:6px 8px;border-radius:8px;background:#f4f8fb;font-size:12px;color:#30475d} .real-labour-v29 .rl-city-popup-metrics strong{font-size:12px;color:#10213a;white-space:nowrap} .real-labour-v29 .rl-head>span{max-width:52%;line-height:1.25} .real-labour-v29 .rl-head>span b{color:#10213a} #moduleModal.nova-close-x-only .modal-backdrop{cursor:default} @media(max-width:700px){.real-labour-v29 .rl-head>span{max-width:100%;font-size:11px}.real-labour-v29 .rl-city-popup{min-width:205px}} /* V73.32 – NOVA Earth Dynamics: größeres, vollständig klickbares Schließen-X im Hauptfenster */ #moduleModal.nova-earth-modal .modal-panel>.modal-close{display:flex;align-items:center;justify-content:center;width:54px;height:54px;padding:0;border:1px solid rgba(21,89,173,.16);background:#f4f8ff;color:#0b1c37;font-size:31px;line-height:1;touch-action:manipulation;-webkit-tap-highlight-color:transparent;z-index:5} #moduleModal.nova-earth-modal .modal-panel>.modal-close:hover,#moduleModal.nova-earth-modal .modal-panel>.modal-close:focus-visible{background:#e8f1ff;transform:scale(1.03)} body.dark-mode #moduleModal.nova-earth-modal .modal-panel>.modal-close,html[data-theme="dark"] #moduleModal.nova-earth-modal .modal-panel>.modal-close{background:#12304d;color:#f4f8ff;border-color:rgba(151,185,215,.22)} /* V73.46 · NOVA Digital Twin */ .nova-digital-twin-tile{position:relative;overflow:hidden} .nova-digital-twin-tile:after{content:"3D";position:absolute;right:10px;top:9px;font-size:9px;font-weight:900;letter-spacing:.08em;padding:4px 6px;border-radius:999px;background:rgba(38,178,255,.12);border:1px solid rgba(38,178,255,.34);color:#1d8fc7} .nova-digital-twin-shell{width:100%} .nova-digital-twin-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:flex-start;gap:20px;margin-bottom:12px} .nova-digital-twin-copy h2{margin:3px 0 5px}.nova-digital-twin-copy p{margin:0;max-width:850px;color:var(--muted,#63758a)} .nova-digital-twin-head-tools{display:flex;flex-direction:column;align-items:flex-end;gap:10px;min-width:min(440px,42vw)} .nova-digital-twin-badge{flex:0 0 auto;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:900;letter-spacing:.08em;border:1px solid rgba(26,159,215,.28);background:rgba(26,159,215,.08);color:#147da8} .nova-digital-twin-header-search{display:grid;grid-template-columns:minmax(210px,1fr) auto auto;gap:8px;align-items:center;width:min(520px,42vw)} .nova-digital-twin-header-search input{width:100%;min-width:0;border:1px solid rgba(76,134,170,.28);border-radius:13px;background:#fff;color:#0e2943;padding:12px 14px;font:700 14px/1.2 system-ui;outline:none;box-shadow:0 8px 18px rgba(12,39,61,.06)} .nova-digital-twin-header-search input:focus{border-color:#199bd6;box-shadow:0 0 0 3px rgba(25,155,214,.12)} .nova-digital-twin-header-search button{appearance:none;border:1px solid rgba(26,159,215,.28);border-radius:13px;padding:12px 14px;font:800 12px/1 system-ui;color:#0b2742;background:rgba(26,159,215,.08);cursor:pointer} .nova-digital-twin-header-search button.secondary{background:#fff} .nova-digital-twin-frame{display:block;width:100%;height:min(80vh,900px);min-height:600px;border:1px solid rgba(75,115,145,.22);border-radius:20px;background:#07111e;box-shadow:0 12px 30px rgba(17,42,69,.12)} .nova-digital-twin-note{margin:9px 4px 0;font-size:11px;line-height:1.4;color:var(--muted,#6b7c8e)} #moduleModal.nova-digital-twin-modal .modal-panel{width:min(1460px,97vw);max-width:none;max-height:min(96dvh,1200px);overflow:auto} @media(max-width:980px){.nova-digital-twin-intro{grid-template-columns:1fr}.nova-digital-twin-head-tools{min-width:0;align-items:flex-start}.nova-digital-twin-header-search{width:100%;max-width:560px}} @media(max-width:760px){.nova-digital-twin-intro{display:block}.nova-digital-twin-head-tools{display:block}.nova-digital-twin-badge{display:inline-flex;margin-top:8px}.nova-digital-twin-header-search{display:none}.nova-digital-twin-frame{height:78dvh;min-height:620px;border-radius:16px}#moduleModal.nova-digital-twin-modal .modal-panel{width:100vw;max-width:100vw;max-height:100dvh;height:100dvh;padding:14px 12px 16px;border-radius:26px 26px 0 0}} /* V73.54 · Digital Twin mobile immersive mode */ #moduleModal.nova-digital-twin-modal.nova-digital-twin-immersive .modal-panel{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:0;border-radius:0;overflow:hidden} #moduleModal.nova-digital-twin-modal.nova-digital-twin-immersive .modal-panel>.modal-close{display:none} #moduleModal.nova-digital-twin-modal.nova-digital-twin-immersive .nova-digital-twin-intro, #moduleModal.nova-digital-twin-modal.nova-digital-twin-immersive .nova-digital-twin-note{display:none} #moduleModal.nova-digital-twin-modal.nova-digital-twin-immersive .nova-digital-twin-shell{height:100%} #moduleModal.nova-digital-twin-modal.nova-digital-twin-immersive .nova-digital-twin-frame{height:100dvh;min-height:100dvh;border:0;border-radius:0;box-shadow:none} /* V73.55 · Digital Twin desktop header controls */ .nova-digital-twin-header-search{grid-template-columns:minmax(210px,1fr) repeat(4,auto);align-items:center;width:min(760px,58vw)} .nova-digital-twin-header-meta{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px} .nova-digital-twin-header-meta span{display:inline-flex;align-items:center;min-height:34px;padding:7px 11px;border-radius:999px;border:1px solid rgba(26,159,215,.18);background:rgba(26,159,215,.06);color:#23435d;font:800 11px/1.2 system-ui} .nova-digital-twin-head-tools{min-width:min(760px,58vw)} @media(max-width:1280px){.nova-digital-twin-header-search{width:min(100%,760px)}} @media(max-width:980px){.nova-digital-twin-header-search{grid-template-columns:minmax(210px,1fr) repeat(2,auto)}.nova-digital-twin-header-meta{grid-column:1/-1}} /* V73.59 · Digital Twin Ort/GPS/Kompass im grauen Außenkopf – Desktop + Mobil */ #moduleModal.nova-digital-twin-modal .nova-digital-twin-head-tools{ background:rgba(231,237,242,.72); border:1px solid rgba(93,120,145,.16); border-radius:18px; padding:10px; } @media(max-width:760px){ #moduleModal.nova-digital-twin-modal .nova-digital-twin-intro{display:block;margin-bottom:10px} #moduleModal.nova-digital-twin-modal .nova-digital-twin-head-tools{display:block;margin-top:10px;padding:8px;border-radius:15px} #moduleModal.nova-digital-twin-modal .nova-digital-twin-badge{display:inline-flex;margin:0 0 7px 0} #moduleModal.nova-digital-twin-modal .nova-digital-twin-header-search{ display:grid!important; width:100%; max-width:none; grid-template-columns:minmax(0,1fr) auto; gap:6px; align-items:center; } #moduleModal.nova-digital-twin-modal .nova-digital-twin-header-search input{ grid-column:1/2; padding:9px 10px; font-size:12px; border-radius:11px; } #moduleModal.nova-digital-twin-modal .nova-digital-twin-header-search>button[type="submit"]{ grid-column:2/3; padding:9px 10px; } #moduleModal.nova-digital-twin-modal #novaDigitalTwinHeaderLocate, #moduleModal.nova-digital-twin-modal #novaDigitalTwinHeaderCalibrate, #moduleModal.nova-digital-twin-modal #novaDigitalTwinHeaderGpsToggle{ grid-column:auto; padding:8px 8px; min-height:36px; font-size:10px; } #moduleModal.nova-digital-twin-modal #novaDigitalTwinHeaderLocate{grid-column:1/2} #moduleModal.nova-digital-twin-modal #novaDigitalTwinHeaderCalibrate{grid-column:2/3} #moduleModal.nova-digital-twin-modal #novaDigitalTwinHeaderGpsToggle{grid-column:1/3} #moduleModal.nova-digital-twin-modal .nova-digital-twin-header-meta{ grid-column:1/3; display:grid; grid-template-columns:1fr 1fr; gap:5px; } #moduleModal.nova-digital-twin-modal .nova-digital-twin-header-meta span{ min-height:28px; padding:5px 7px; font-size:8px; justify-content:center; text-align:center; } } /* V73.66 · Immobilien & Arbeitsmarkt · Europa-Wohnvergleich */ .rl-housing-compare-controls{display:flex;gap:8px;flex-wrap:wrap;margin:2px 0 14px} .rl-housing-compare-controls button{appearance:none;border:1px solid #cfe0ee;background:#fff;color:#10213a;border-radius:999px;padding:9px 13px;font:800 13px/1 system-ui;cursor:pointer} .rl-housing-compare-controls button.active{background:linear-gradient(135deg,#0d7ddc,#18b7cf);border-color:transparent;color:#fff;box-shadow:0 5px 14px rgba(13,125,220,.16)} .rl-housing-compare-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:680px;overflow:auto;padding-right:5px;align-content:start} .rl-housing-compare-list>div{border:1px solid #edf2f6;background:#f8fbfe} .rl-housing-compare-list>div.is-missing{opacity:.62} .rl-housing-compare-note{display:block;margin-top:10px;color:#60768b;font-size:12px;line-height:1.4} @media(max-width:760px){.rl-housing-compare-list{grid-template-columns:1fr;max-height:620px}.rl-housing-compare-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.rl-housing-compare-controls button{width:100%;padding:10px 8px}.rl-housing-europe-card .rl-head{align-items:flex-start;gap:8px}.rl-housing-europe-card .rl-head>span{max-width:48%;font-size:11px}} /* V73.66 · Europa-Vergleiche nach Prozent absteigend */ .rl-compare-list .rl-rank{display:inline-block;min-width:24px;color:#0b8fca;font-style:normal;font-weight:900} .rl-compare-loading{padding:14px 12px!important;color:#64788c;font-size:12px} /* V74.15 · Immobilien & Arbeitsmarkt · Dark-Mode Kontrastoptimierung */ body.dark-mode .real-labour-module, body.dark .real-labour-module, html[data-theme="dark"] .real-labour-module{color:#eef6ff} body.dark-mode .real-labour-module .real-labour-hero, body.dark .real-labour-module .real-labour-hero, html[data-theme="dark"] .real-labour-module .real-labour-hero{background:linear-gradient(120deg,#10283c,#112f35);border-color:#35566f;color:#f4f9ff} body.dark-mode .real-labour-module .real-labour-hero h2, body.dark-mode .real-labour-module .real-labour-hero p, body.dark-mode .real-labour-module .real-labour-source b, body.dark .real-labour-module .real-labour-hero h2, body.dark .real-labour-module .real-labour-hero p, body.dark .real-labour-module .real-labour-source b, html[data-theme="dark"] .real-labour-module .real-labour-hero h2, html[data-theme="dark"] .real-labour-module .real-labour-hero p, html[data-theme="dark"] .real-labour-module .real-labour-source b{color:#f4f9ff!important} body.dark-mode .real-labour-module .eyebrow, body.dark-mode .real-labour-module .real-labour-source small, body.dark .real-labour-module .eyebrow, body.dark .real-labour-module .real-labour-source small, html[data-theme="dark"] .real-labour-module .eyebrow, html[data-theme="dark"] .real-labour-module .real-labour-source small{color:#78c8ff!important} body.dark-mode .real-labour-module .real-labour-source, body.dark .real-labour-module .real-labour-source, html[data-theme="dark"] .real-labour-module .real-labour-source{background:#132d42;border-color:#3b5d76;color:#eef6ff} body.dark-mode .real-labour-module .real-labour-tabs button, body.dark .real-labour-module .real-labour-tabs button, html[data-theme="dark"] .real-labour-module .real-labour-tabs button{background:#15344d;border-color:#466780;color:#eef7ff} body.dark-mode .real-labour-module .real-labour-tabs button.active, body.dark .real-labour-module .real-labour-tabs button.active, html[data-theme="dark"] .real-labour-module .real-labour-tabs button.active{background:linear-gradient(135deg,#087acb,#12a7bf);border-color:#42bfe1;color:#fff} body.dark-mode .real-labour-module .real-labour-tabs>span, body.dark .real-labour-module .real-labour-tabs>span, html[data-theme="dark"] .real-labour-module .real-labour-tabs>span{background:#143c34;color:#a8f0d2;border:1px solid #376b5d} body.dark-mode .real-labour-module .real-labour-top article, body.dark-mode .real-labour-module .rl-metric-grid article, body.dark .real-labour-module .real-labour-top article, body.dark .real-labour-module .rl-metric-grid article, html[data-theme="dark"] .real-labour-module .real-labour-top article, html[data-theme="dark"] .real-labour-module .rl-metric-grid article{background:linear-gradient(180deg,#142f45,#10283c);border-color:#3a5a72;color:#eef7ff} body.dark-mode .real-labour-module .real-labour-top article small, body.dark-mode .real-labour-module .real-labour-top article strong, body.dark-mode .real-labour-module .rl-metric-grid article b, body.dark-mode .real-labour-module .rl-metric-grid article strong, body.dark .real-labour-module .real-labour-top article small, body.dark .real-labour-module .real-labour-top article strong, body.dark .real-labour-module .rl-metric-grid article b, body.dark .real-labour-module .rl-metric-grid article strong, html[data-theme="dark"] .real-labour-module .real-labour-top article small, html[data-theme="dark"] .real-labour-module .real-labour-top article strong, html[data-theme="dark"] .real-labour-module .rl-metric-grid article b, html[data-theme="dark"] .real-labour-module .rl-metric-grid article strong{color:#f3f8ff!important} body.dark-mode .real-labour-module .real-labour-top article em, body.dark-mode .real-labour-module .rl-metric-grid article small, body.dark .real-labour-module .real-labour-top article em, body.dark .real-labour-module .rl-metric-grid article small, html[data-theme="dark"] .real-labour-module .real-labour-top article em, html[data-theme="dark"] .real-labour-module .rl-metric-grid article small{color:#b9ccdc!important} body.dark-mode .real-labour-module .real-labour-map-card, body.dark-mode .real-labour-module .real-labour-compare-card, body.dark-mode .real-labour-module .real-labour-list-card, body.dark-mode .real-labour-module .real-labour-wide-card, body.dark .real-labour-module .real-labour-map-card, body.dark .real-labour-module .real-labour-compare-card, body.dark .real-labour-module .real-labour-list-card, body.dark .real-labour-module .real-labour-wide-card, html[data-theme="dark"] .real-labour-module .real-labour-map-card, html[data-theme="dark"] .real-labour-module .real-labour-compare-card, html[data-theme="dark"] .real-labour-module .real-labour-list-card, html[data-theme="dark"] .real-labour-module .real-labour-wide-card{background:#10283c;border-color:#36566f;color:#eef7ff} body.dark-mode .real-labour-module .rl-head small, body.dark .real-labour-module .rl-head small, html[data-theme="dark"] .real-labour-module .rl-head small{color:#85bfe9!important} body.dark-mode .real-labour-module .rl-head h3, body.dark-mode .real-labour-module .real-labour-list-card h3, body.dark .real-labour-module .rl-head h3, body.dark .real-labour-module .real-labour-list-card h3, html[data-theme="dark"] .real-labour-module .rl-head h3, html[data-theme="dark"] .real-labour-module .real-labour-list-card h3{color:#f4f9ff!important} body.dark-mode .real-labour-module .rl-head>span, body.dark .real-labour-module .rl-head>span, html[data-theme="dark"] .real-labour-module .rl-head>span{color:#a9bfd2!important} body.dark-mode .real-labour-module .rl-compare-list>div, body.dark .real-labour-module .rl-compare-list>div, html[data-theme="dark"] .real-labour-module .rl-compare-list>div{background:#17344c;color:#eef7ff;border:1px solid #294a62} body.dark-mode .real-labour-module .rl-compare-list>div b, body.dark-mode .real-labour-module .rl-compare-list>div span, body.dark .real-labour-module .rl-compare-list>div b, body.dark .real-labour-module .rl-compare-list>div span, html[data-theme="dark"] .real-labour-module .rl-compare-list>div b, html[data-theme="dark"] .real-labour-module .rl-compare-list>div span{color:#eef7ff!important} body.dark-mode .real-labour-module .rl-compare-list .rl-rank, body.dark .real-labour-module .rl-compare-list .rl-rank, html[data-theme="dark"] .real-labour-module .rl-compare-list .rl-rank{color:#6ed0ff!important} body.dark-mode .real-labour-module .rl-list>div, body.dark .real-labour-module .rl-list>div, html[data-theme="dark"] .real-labour-module .rl-list>div{border-bottom-color:#29475e} body.dark-mode .real-labour-module .rl-list b, body.dark-mode .real-labour-module .rl-list span, body.dark .real-labour-module .rl-list b, body.dark .real-labour-module .rl-list span, html[data-theme="dark"] .real-labour-module .rl-list b, html[data-theme="dark"] .real-labour-module .rl-list span{color:#eef7ff!important} body.dark-mode .real-labour-module .real-labour-footer span, body.dark .real-labour-module .real-labour-footer span, html[data-theme="dark"] .real-labour-module .real-labour-footer span{background:#132f45;border-color:#3d5d75;color:#cfe0ed} body.dark-mode .real-labour-module .rl-housing-compare-controls button, body.dark .real-labour-module .rl-housing-compare-controls button, html[data-theme="dark"] .real-labour-module .rl-housing-compare-controls button{background:#17344c;border-color:#45657d;color:#eaf5fd} body.dark-mode .real-labour-module .rl-housing-compare-controls button.active, body.dark .real-labour-module .rl-housing-compare-controls button.active, html[data-theme="dark"] .real-labour-module .rl-housing-compare-controls button.active{background:#176fa8;border-color:#62bde9;color:#fff} body.dark-mode .real-labour-module .rl-housing-compare-note, body.dark .real-labour-module .rl-housing-compare-note, html[data-theme="dark"] .real-labour-module .rl-housing-compare-note{color:#afc5d6!important} body.dark-mode .real-labour-module .rl-city-marker, body.dark .real-labour-module .rl-city-marker, html[data-theme="dark"] .real-labour-module .rl-city-marker{background:rgba(16,40,60,.94);border-color:#4b718d;color:#7dd4ff;box-shadow:0 4px 16px rgba(0,0,0,.35)} body.dark-mode .real-labour-module .rl-city-marker b, body.dark .real-labour-module .rl-city-marker b, html[data-theme="dark"] .real-labour-module .rl-city-marker b{color:#f3f8ff} /* V74.15 · gemeinsamer Wetter-Gateway + reale METAR-Messstation */ .weather-metar{margin:14px 0 4px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,rgba(239,248,255,.96),rgba(246,252,249,.96));display:grid;gap:3px}.weather-metar b{font-size:.9rem}.weather-metar span{font-weight:750;color:var(--ink)}.weather-metar small{color:var(--muted)}body.dark-mode .weather-metar{background:linear-gradient(135deg,rgba(12,34,54,.96),rgba(14,42,38,.96));border-color:rgba(125,211,252,.18)}body.dark-mode .weather-metar span{color:#e8f3ff} /* V74.15 · NOVA Tracker · TCX Wearable + Tour-Grafik */ .nova-tcx-direct{margin-top:10px;align-items:center;gap:10px;flex-wrap:wrap} .nova-tcx-direct small{flex:1 1 260px;color:var(--muted,#60778a);line-height:1.4} .nova-tour-watch{margin:14px 0;padding:16px;border:1px solid rgba(33,140,170,.22);border-radius:18px;background:linear-gradient(135deg,rgba(225,249,250,.92),rgba(241,247,255,.96));display:grid;grid-template-columns:minmax(180px,1fr) 2fr;gap:14px} .nova-tour-watch>div>span{font-size:.74rem;font-weight:900;letter-spacing:.08em;color:#087f7a}.nova-tour-watch>div>strong{display:block;font-size:1.05rem;margin-top:4px}.nova-tour-watch>div>p{margin:6px 0 0;color:#587084;font-size:.86rem} .nova-tour-watch__metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.nova-tour-watch__metrics>div{padding:10px 9px;border-radius:14px;background:#fff;border:1px solid rgba(30,90,125,.12)}.nova-tour-watch__metrics span{display:block;font-size:.72rem;color:#64798a}.nova-tour-watch__metrics strong{display:block;margin-top:3px;font-size:.95rem;color:#102841} @media(max-width:760px){.nova-tour-watch{grid-template-columns:1fr}.nova-tour-watch__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}} /* V74.15 · Streckenquelle */ .nova-route-source-label{display:flex;align-items:center;gap:.55rem;font-weight:800}.nova-route-source-label select{border:1px solid rgba(80,130,170,.28);border-radius:12px;padding:.58rem .72rem;background:var(--panel,#fff);color:inherit;font:inherit;font-weight:800} /* V74.26 · GPX/TCX Quellenwahl */ #novaActivityRouteSource{min-width:190px} @media(max-width:620px){#novaActivityRouteSource{min-width:0;width:100%}} /* NOVA STAR V74.26 · Smart Sky Catalog + Tipp-Erkennung */ .nova-star-detail-overlay{z-index:12240!important}.nova-star-detail-dialog{z-index:12241!important}.nova-star-detail-close{z-index:12242!important}.nova-star-view-mode{background:#fff8df!important;border-color:#e2c36d!important;color:#765500!important}.dark-mode .nova-star-view-mode,.nova-star.is-night .nova-star-view-mode{background:#34270b!important;border-color:#8f762d!important;color:#ffe79a!important}@media(max-width:560px){.nova-star-camera-head-actions{display:grid!important;grid-template-columns:auto auto}.nova-star-camera-head-actions .nova-star-immersive-close{grid-column:2;grid-row:1/3;align-self:center}.nova-star-camera-head-actions .nova-star-view-mode{grid-column:1}.nova-star-camera-head-actions #novaStarTargetSound,.nova-star-camera-head-actions #novaStarCameraCalibrate{font-size:10px;padding:5px 7px}} /* V74.45 – Auto/Aviation Guide Header Cleanup + Aviation Light Typography */ .nova-aviation-module .aviation-hero-v7066{ grid-template-columns:minmax(330px,1.15fr) minmax(430px,1fr)!important; } .nova-aviation-module .aviation-hero-copy .eyebrow{ color:#55e7ff!important; opacity:1!important; font-weight:900!important; } .nova-aviation-module .aviation-hero-copy h2{ color:#ffffff!important; text-shadow:0 1px 1px rgba(0,0,0,.12); } .nova-aviation-module .aviation-hero-copy p{ color:#e7f7ff!important; opacity:1!important; font-weight:650!important; } .nova-aviation-module .aviation-hero-info>div>b{ color:#ffffff!important; font-weight:900!important; opacity:1!important; } .nova-aviation-module .aviation-hero-info>div>small{ color:#dff6ff!important; font-weight:700!important; opacity:1!important; } .nova-auto-hero{ grid-template-columns:1fr!important; } .nova-auto-hero-badge,.aviation-hero-badge{ display:none!important; } @media(max-width:1100px){ .nova-aviation-module .aviation-hero-v7066{ grid-template-columns:1fr 1fr!important; gap:14px!important; } } @media(max-width:760px){ .nova-aviation-module .aviation-hero-v7066{ grid-template-columns:1fr!important; } } /* V74.45 – NOVA 1000 Tipps: vorhandenes rechtes Modal-X optimiert */ #moduleModal.nova-tips-modal .modal-panel>.modal-close{ width:48px!important; height:48px!important; right:12px!important; top:10px!important; display:grid!important; place-items:center!important; font-size:30px!important; line-height:1!important; z-index:50!important; touch-action:manipulation; -webkit-tap-highlight-color:transparent; } #moduleModal.nova-tips-modal .modal-panel>.modal-close::after{ content:""; position:absolute; inset:-12px; border-radius:50%; } #moduleModal.nova-tips-modal .modal-panel>.modal-close:hover, #moduleModal.nova-tips-modal .modal-panel>.modal-close:focus-visible{ background:#dfeaf7!important; outline:3px solid rgba(36,89,255,.35)!important; outline-offset:2px!important; } body.dark-mode #moduleModal.nova-tips-modal .modal-panel>.modal-close, html[data-theme="dark"] #moduleModal.nova-tips-modal .modal-panel>.modal-close{ background:#132b45!important; color:#f4f8ff!important; border:1px solid #315678!important; } @media(max-width:650px){ #moduleModal.nova-tips-modal .modal-panel>.modal-close{ width:52px!important; height:52px!important; right:8px!important; top:8px!important; font-size:32px!important; } #moduleModal.nova-tips-modal .modal-panel>.modal-close::after{ inset:-14px; } } /* V74.47 – Namenstag unter Kalender / mobil unter Mond */ .nova-daily-exclusive{grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr)!important;align-items:stretch} .nova-hero-nameday-card{ display:flex; gap:16px; align-items:center; padding:18px 20px; border:1px solid #173650; border-radius:18px; background:linear-gradient(145deg,rgba(6,22,39,.96),rgba(5,17,31,.94)); box-shadow:0 14px 38px rgba(0,0,0,.18); min-width:0; } body:not(.dark-mode) .nova-hero-nameday-card{background:rgba(255,255,255,.96);border-color:#d5e3f0;box-shadow:0 14px 38px rgba(27,72,120,.1)} .nova-hero-nameday-card>div:last-child{min-width:0;max-width:100%} .nova-ai-stage .nova-hero-nameday-desktop{width:100%;margin-top:14px;align-self:stretch} .nova-hero-nameday-mobile{display:none} .nova-hero-nameday-card .nova-nameday-names{ margin:5px 0 6px; min-width:0; max-width:100%; overflow:visible; padding:2px 0; font-size:18px; line-height:1.18; color:#f2f8ff; } body:not(.dark-mode) .nova-hero-nameday-card .nova-nameday-names{color:#07152d} .nova-hero-nameday-card .nova-nameday-date{margin:0;color:#b7c9db;font-size:13px;line-height:1.5} body:not(.dark-mode) .nova-hero-nameday-card .nova-nameday-date{color:#58677d} .nova-hero-nameday-card .nova-nameday-link{flex:0 1 auto;color:inherit;font:inherit;line-height:1.12;text-decoration:none;border-bottom:1px solid rgba(43,139,230,.42);transition:color .18s ease,border-color .18s ease} .nova-hero-nameday-card .nova-nameday-link:hover,.nova-hero-nameday-card .nova-nameday-link:focus-visible{color:var(--blue);border-bottom-color:currentColor;outline:none} .nova-hero-nameday-card .nova-nameday-separator{flex:0 0 auto;color:var(--muted);font-weight:700} .nova-hero-nameday-card .nova-nameday-names[data-name-count="4"], .nova-hero-nameday-card .nova-nameday-names[data-name-count="5"]{font-size:15px} .nova-hero-nameday-card .nova-nameday-names[data-name-count="6"], .nova-hero-nameday-card .nova-nameday-names[data-name-count="7"], .nova-hero-nameday-card .nova-nameday-names[data-name-count="8"]{font-size:13px} .nova-hero-nameday-card .nova-nameday-names[data-name-count="9"], .nova-hero-nameday-card .nova-nameday-names[data-name-count="10"], .nova-hero-nameday-card .nova-nameday-names[data-name-count="11"], .nova-hero-nameday-card .nova-nameday-names[data-name-count="12"]{font-size:11px;column-gap:.24em;row-gap:.1em} body.dark-mode .nova-hero-nameday-card .nova-nameday-link{color:#f4f9ff;border-bottom-color:rgba(111,195,255,.5)} body.dark-mode .nova-hero-nameday-card .nova-nameday-link:hover,body.dark-mode .nova-hero-nameday-card .nova-nameday-link:focus-visible{color:#8fd1ff} @media(max-width:850px){.nova-daily-exclusive{grid-template-columns:1fr!important}} @media(max-width:760px){ .nova-ai-stage .nova-hero-nameday-desktop{display:none!important} .nova-right-rail .nova-hero-nameday-mobile{display:flex!important;margin-top:10px} } @media(max-width:520px){.nova-hero-nameday-card{padding:15px}.nova-hero-nameday-card .nova-daily-icon{font-size:28px}} /* ========================================================= V74.49 · TECHNICAL LAUNCH CHECK · RESPONSIVE SAFETY - Desktop/Laptop: verhindert 3-Spalten-Überlauf neben Sidebar - Mobile: Tagesbereich darf niemals breiter als Viewport werden ========================================================= */ @media (min-width:761px) and (max-width:1700px){ html[data-view-mode="desktop"] .nova-dashboard-hero{ grid-template-columns:330px minmax(0,1fr)!important; grid-template-rows:auto!important; align-items:start!important; } html[data-view-mode="desktop"] .nova-right-rail{ grid-column:1/-1!important; display:grid!important; grid-template-columns:minmax(0,1fr) minmax(320px,.8fr)!important; gap:14px!important; margin-top:14px!important; width:100%!important; max-width:100%!important; min-width:0!important; } html[data-view-mode="desktop"] .nova-right-rail>.nova-dashboard-panel{ display:flex!important; width:100%!important; min-width:0!important; } } @media (max-width:760px){ html[data-view-mode="mobile"] .dashboard-daily-grid{ grid-template-columns:minmax(0,1fr)!important; min-width:0!important; max-width:100%!important; overflow:hidden!important; } html[data-view-mode="mobile"] .dashboard-daily-grid>*{ min-width:0!important; width:100%!important; max-width:100%!important; box-sizing:border-box!important; } html[data-view-mode="mobile"] .nova-daily-exclusive{ grid-template-columns:minmax(0,1fr)!important; min-width:0!important; width:100%!important; max-width:100%!important; } } /* V74.50 – Öffentliche Vertrauens- und Erklärungsdarstellung */ .nova-public-trust{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px} .nova-public-trust span{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.06);color:#cfe5f7;font-size:10px;line-height:1.2} .nova-public-trust b{color:#eef8ff;font-size:10px} .nova-about-public{display:grid;gap:16px} .nova-about-public .about-lead{margin:0;font-size:17px;line-height:1.6;color:var(--ink)} .nova-about-pillars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .nova-about-pillars section{display:flex;gap:11px;align-items:flex-start;padding:13px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#fff,#f6faff)} .nova-about-pillars section>span{flex:0 0 auto;width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:#eaf5ff;font-size:20px} .nova-about-pillars b{display:block;color:var(--ink);font-size:13px;line-height:1.35;margin-bottom:4px} .nova-about-pillars p{margin:0!important;color:var(--muted)!important;font-size:12px;line-height:1.5!important} .nova-about-public>h3{margin:4px 0 -8px!important} .nova-about-public>p{margin:0!important} .nova-about-principle{display:flex;gap:12px;align-items:flex-start;padding:15px 16px;border:1px solid #b9dff5;border-radius:15px;background:linear-gradient(135deg,#edf8ff,#f1fff8)} .nova-about-principle>span{font-size:23px;color:#0b74c9} .nova-about-principle b{display:block;color:#0b3a67;margin-bottom:4px} .nova-about-principle p{margin:0!important;color:#49677f!important} body.dark-mode .nova-about-public .about-lead,body.dark-mode-theme .nova-about-public .about-lead{color:#eef7ff} body.dark-mode .nova-about-pillars section,body.dark-mode-theme .nova-about-pillars section{background:#102941;border-color:#31506b} body.dark-mode .nova-about-pillars section>span,body.dark-mode-theme .nova-about-pillars section>span{background:#173b5c} body.dark-mode .nova-about-pillars b,body.dark-mode-theme .nova-about-pillars b{color:#f4f8ff} body.dark-mode .nova-about-pillars p,body.dark-mode-theme .nova-about-pillars p{color:#afc2d5!important} body.dark-mode .nova-about-principle,body.dark-mode-theme .nova-about-principle{background:linear-gradient(135deg,#102b45,#13372f);border-color:#315b70} body.dark-mode .nova-about-principle b,body.dark-mode-theme .nova-about-principle b{color:#e9f7ff} body.dark-mode .nova-about-principle p,body.dark-mode-theme .nova-about-principle p{color:#bed3e2!important} @media(max-width:700px){.nova-about-pillars{grid-template-columns:1fr}.nova-public-trust{gap:6px}.nova-public-trust span{font-size:9.5px}} /* V74.51 · NOVA Digital Twin Dark Mode Typography */ body.dark-mode #moduleModal.nova-digital-twin-modal .modal-panel, body.dark #moduleModal.nova-digital-twin-modal .modal-panel, html[data-theme="dark"] #moduleModal.nova-digital-twin-modal .modal-panel{ color:#f3f8ff!important; } body.dark-mode #moduleModal.nova-digital-twin-modal .nova-digital-twin-copy h2, body.dark #moduleModal.nova-digital-twin-modal .nova-digital-twin-copy h2, html[data-theme="dark"] #moduleModal.nova-digital-twin-modal .nova-digital-twin-copy h2{color:#f7fbff!important} body.dark-mode #moduleModal.nova-digital-twin-modal .nova-digital-twin-copy p, body.dark #moduleModal.nova-digital-twin-modal .nova-digital-twin-copy p, html[data-theme="dark"] #moduleModal.nova-digital-twin-modal .nova-digital-twin-copy p{color:#c7d5e2!important} body.dark-mode #moduleModal.nova-digital-twin-modal .nova-digital-twin-head-tools, body.dark #moduleModal.nova-digital-twin-modal .nova-digital-twin-head-tools, html[data-theme="dark"] #moduleModal.nova-digital-twin-modal .nova-digital-twin-head-tools{ background:rgba(8,25,42,.96)!important; border-color:rgba(105,198,242,.28)!important; } body.dark-mode #moduleModal.nova-digital-twin-modal .nova-digital-twin-badge, body.dark #moduleModal.nova-digital-twin-modal .nova-digital-twin-badge, html[data-theme="dark"] #moduleModal.nova-digital-twin-modal .nova-digital-twin-badge{ color:#b9ecff!important;background:rgba(25,136,189,.18)!important;border-color:rgba(88,203,251,.38)!important } body.dark-mode #moduleModal.nova-digital-twin-modal .nova-digital-twin-header-search input, body.dark #moduleModal.nova-digital-twin-modal .nova-digital-twin-header-search input, html[data-theme="dark"] #moduleModal.nova-digital-twin-modal .nova-digital-twin-header-search input{ background:#071b2d!important;color:#f4f9ff!important;border-color:#355b78!important } body.dark-mode #moduleModal.nova-digital-twin-modal .nova-digital-twin-header-search input::placeholder, body.dark #moduleModal.nova-digital-twin-modal .nova-digital-twin-header-search input::placeholder, html[data-theme="dark"] #moduleModal.nova-digital-twin-modal .nova-digital-twin-header-search input::placeholder{color:#9fb4c6!important;opacity:1} body.dark-mode #moduleModal.nova-digital-twin-modal .nova-digital-twin-header-search button, body.dark #moduleModal.nova-digital-twin-modal .nova-digital-twin-header-search button, html[data-theme="dark"] #moduleModal.nova-digital-twin-modal .nova-digital-twin-header-search button{ background:#102c44!important;color:#f7fbff!important;border-color:#3a6686!important } body.dark-mode #moduleModal.nova-digital-twin-modal .nova-digital-twin-header-meta span, body.dark #moduleModal.nova-digital-twin-modal .nova-digital-twin-header-meta span, html[data-theme="dark"] #moduleModal.nova-digital-twin-modal .nova-digital-twin-header-meta span{ background:#0c263c!important;color:#dcebf5!important;border-color:#315671!important } body.dark-mode #moduleModal.nova-digital-twin-modal .nova-digital-twin-note, body.dark #moduleModal.nova-digital-twin-modal .nova-digital-twin-note, html[data-theme="dark"] #moduleModal.nova-digital-twin-modal .nova-digital-twin-note{color:#aebfce!important} /* V74.70 · NOVA 3D GeoLab Phase 3 tile */ .nova-geolab-tile{position:relative;overflow:hidden;border-left:0!important}.nova-geolab-tile::after{content:"3D LAB";position:absolute;right:10px;bottom:8px;font-size:8px;letter-spacing:.12em;font-weight:950;color:#16a9d8;opacity:.82}.nova-geolab-tile>span{filter:drop-shadow(0 4px 8px rgba(33,194,238,.22))}.nova-geolab-tile>b{padding-right:52px}.nova-geolab-tile>small{display:block;line-height:1.2;padding-right:66px}.nova-geolab-modal .nova-geolab-frame{min-height:72vh} /* V74.70 · NOVA 3D GeoLab fixed modal viewport */ #moduleModal.nova-geolab-modal .modal-panel{height:min(96dvh,1080px)!important;max-height:min(96dvh,1080px)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important} #moduleModal.nova-geolab-modal .nova-geolab-shell{display:flex!important;flex:1 1 auto!important;min-height:0!important;height:100%!important;flex-direction:column!important;overflow:hidden!important} #moduleModal.nova-geolab-modal .nova-digital-twin-intro{flex:0 0 auto!important;margin-bottom:10px!important} #moduleModal.nova-geolab-modal .nova-geolab-frame{flex:1 1 auto!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important} #moduleModal.nova-geolab-modal .nova-digital-twin-note{flex:0 0 auto!important;margin:6px 0 0!important;line-height:1.25!important} @media(max-width:760px){#moduleModal.nova-geolab-modal .modal-panel{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;padding:10px!important;border-radius:0!important}#moduleModal.nova-geolab-modal .nova-digital-twin-intro{margin-bottom:6px!important}#moduleModal.nova-geolab-modal .nova-digital-twin-copy p{font-size:11px!important;line-height:1.3!important;margin:4px 0!important}#moduleModal.nova-geolab-modal .nova-digital-twin-note{display:none!important}} /* V74.70 · Sidebar symbol cleanup for NOVA Immobilien & Arbeitsmarkt */ .sidebar-modules [data-module="realEstateLabour"] > .nova-realestate-labour-icon{ display:grid!important;place-items:center!important;flex:0 0 42px!important;width:42px!important;height:42px!important; min-width:42px!important;border-radius:12px!important;font-size:22px!important;line-height:1!important;white-space:nowrap!important; background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.04))!important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)!important;overflow:hidden!important; } .nova-sidebar.collapsed .sidebar-modules [data-module="realEstateLabour"] > .nova-realestate-labour-icon{width:40px!important;height:40px!important;min-width:40px!important} /* V74.70 · NOVA 3D GeoLab modal full-height iframe fix */ #moduleModal.nova-geolab-modal{overflow:hidden!important} #moduleModal.nova-geolab-modal .modal-panel{ height:96dvh!important;max-height:96dvh!important;margin:2dvh auto!important; overflow:hidden!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important; } #moduleModal.nova-geolab-modal #modalContent{ display:flex!important;flex:1 1 auto!important;min-height:0!important;height:100%!important;overflow:hidden!important; } #moduleModal.nova-geolab-modal .nova-geolab-shell{ display:flex!important;flex:1 1 auto!important;min-height:0!important;height:100%!important;overflow:hidden!important;flex-direction:column!important; } #moduleModal.nova-geolab-modal .nova-geolab-frame{ display:block!important;flex:1 1 0!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;overflow:hidden!important; } @media(max-width:760px){ #moduleModal.nova-geolab-modal .modal-panel{height:100dvh!important;max-height:100dvh!important;margin:0!important;} #moduleModal.nova-geolab-modal #modalContent{height:100%!important;min-height:0!important;} } /* V74.91 – NOVA Bike, Scooter & Mobility Guide */ .nova-bike-shell .nova-auto-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:20px;border-radius:22px;background:linear-gradient(135deg,#f4fbff,#edf8ff 55%,#f6f0ff);border:1px solid #cfe1ef;margin-bottom:14px}.nova-bike-shell .nova-auto-head h2{margin:5px 0 7px;color:#102f49;font-size:clamp(26px,4vw,39px)}.nova-bike-shell .nova-auto-head p{margin:0;color:#4f6a7f;font-weight:700}.nova-bike-shell .nova-auto-head-badge{white-space:nowrap;border-radius:999px;padding:10px 13px;background:#fff;border:1px solid #d3e0e9;color:#0976ad;font-weight:900;font-size:11px;letter-spacing:.08em}.nova-bike-shell .nova-auto-search{position:relative;margin:0 0 10px}.nova-bike-shell .nova-auto-search input{width:100%;box-sizing:border-box;border:1px solid #bfd0dd;border-radius:14px;padding:13px 46px 13px 14px;background:#fff;color:#17364f;font-weight:750}.nova-bike-shell .nova-auto-search>span{position:absolute;right:15px;top:50%;transform:translateY(-50%)}.nova-bike-shell .nova-auto-filters{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 14px}.nova-bike-shell .nova-auto-filters button,.nova-bike-shell .nova-auto-tech-filters button{border:1px solid #c7d7e2;background:#fff;color:#34566c;border-radius:999px;padding:9px 12px;font-weight:850}.nova-bike-shell .nova-auto-filters button.active,.nova-bike-shell .nova-auto-tech-filters button.active{background:#123e5d;color:#fff;border-color:#123e5d}.nova-bike-shell .nova-auto-model-list{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.nova-bike-shell .nova-auto-model-list span{border:1px solid #d7e2ea;background:#f7fafc;color:#315169;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800}.nova-bike-shell .nova-auto-brand-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.nova-bike-shell .nova-auto-brand-actions a,.nova-bike-shell .nova-auto-brand-actions button{border:1px solid #cfe0eb;background:#eef8ff;color:#0877ba;border-radius:10px;padding:8px 10px;font-weight:850;text-decoration:none;font-size:12px}.nova-bike-shell .nova-auto-brand-actions button{cursor:pointer;color:#147456;background:#edf9f4}.nova-bike-shell .nova-auto-tech-filters{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 14px}.nova-bike-shell .nova-auto-media-grid button.nova-bike-nova-link{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #d2dee8;background:#fff;border-radius:16px;padding:14px;color:#17364f;cursor:pointer}.nova-bike-shell .nova-auto-media-grid button.nova-bike-nova-link>span{font-size:24px}.nova-bike-shell .nova-auto-media-grid button.nova-bike-nova-link div{flex:1}.nova-bike-shell .nova-auto-media-grid button.nova-bike-nova-link b,.nova-bike-shell .nova-auto-media-grid button.nova-bike-nova-link small{display:block}.nova-bike-shell .nova-auto-media-grid button.nova-bike-nova-link small{color:#62798c;margin-top:3px}.nova-bike-shell .nova-auto-media-grid button.nova-bike-nova-link em{font-style:normal;color:#0879b9;font-weight:800;font-size:12px}.nova-bike-shell .nova-auto-result-cards{grid-template-columns:repeat(2,minmax(0,1fr))} html[data-theme="dark"] .nova-bike-shell .nova-auto-head,.dark-mode .nova-bike-shell .nova-auto-head{background:linear-gradient(135deg,#132638,#163143 60%,#29243c);border-color:#39566b}html[data-theme="dark"] .nova-bike-shell .nova-auto-head h2,.dark-mode .nova-bike-shell .nova-auto-head h2{color:#f4f9fc}html[data-theme="dark"] .nova-bike-shell .nova-auto-head p,.dark-mode .nova-bike-shell .nova-auto-head p{color:#c3d4df}html[data-theme="dark"] .nova-bike-shell .nova-auto-head-badge,.dark-mode .nova-bike-shell .nova-auto-head-badge,html[data-theme="dark"] .nova-bike-shell .nova-auto-search input,.dark-mode .nova-bike-shell .nova-auto-search input,html[data-theme="dark"] .nova-bike-shell .nova-auto-filters button,.dark-mode .nova-bike-shell .nova-auto-filters button,html[data-theme="dark"] .nova-bike-shell .nova-auto-tech-filters button,.dark-mode .nova-bike-shell .nova-auto-tech-filters button,html[data-theme="dark"] .nova-bike-shell .nova-auto-media-grid button.nova-bike-nova-link,.dark-mode .nova-bike-shell .nova-auto-media-grid button.nova-bike-nova-link{background:#152938;border-color:#355266;color:#eaf4f8}html[data-theme="dark"] .nova-bike-shell .nova-auto-filters button.active,.dark-mode .nova-bike-shell .nova-auto-filters button.active,html[data-theme="dark"] .nova-bike-shell .nova-auto-tech-filters button.active,.dark-mode .nova-bike-shell .nova-auto-tech-filters button.active{background:#0b7bb5;border-color:#0b7bb5;color:#fff}html[data-theme="dark"] .nova-bike-shell .nova-auto-model-list span,.dark-mode .nova-bike-shell .nova-auto-model-list span{background:#112635;border-color:#355266;color:#dcecf4} @media(max-width:760px){.nova-bike-shell .nova-auto-head{flex-direction:column}.nova-bike-shell .nova-auto-head-badge{align-self:flex-start}.nova-bike-shell .nova-auto-result-cards{grid-template-columns:1fr}} /* V74.91 – Bike Mobility Kostenrechner, Ortssuche & erweiterte Inhalte */ .nova-bike-subhead{margin:18px 0 10px;padding-top:14px;border-top:1px solid rgba(120,145,170,.24)} .nova-bike-subhead small{font-weight:800;letter-spacing:.11em;color:#1686a7} .nova-bike-subhead h3{margin:4px 0 3px}.nova-bike-subhead p{margin:0;color:var(--muted,#637386)} .nova-bike-local-search{width:100%;border:0;background:transparent;text-align:left;font:inherit;color:inherit;cursor:pointer} .nova-bike-calc{display:grid;gap:14px} .nova-bike-calc-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px} .nova-bike-calc-form label{display:grid;gap:6px;padding:11px;border:1px solid rgba(128,151,172,.24);border-radius:14px;background:rgba(255,255,255,.58);font-size:.78rem;font-weight:800} .nova-bike-calc-form input,.nova-bike-calc-form select{width:100%;min-width:0;border:1px solid rgba(120,145,170,.34);border-radius:10px;padding:9px 10px;background:var(--card,#fff);color:inherit;font:inherit} .nova-bike-calc-form small{font-weight:500;color:var(--muted,#687789)} .nova-bike-calc-results{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px} .nova-bike-calc-results article{padding:14px;border-radius:15px;background:linear-gradient(135deg,#0a3b67,#136b92);color:#fff;min-height:92px;display:grid;align-content:center;gap:5px} .nova-bike-calc-results small{font-size:.7rem;letter-spacing:.08em;opacity:.78}.nova-bike-calc-results b{font-size:1.12rem} @media(max-width:900px){.nova-bike-calc-form{grid-template-columns:repeat(2,minmax(0,1fr))}.nova-bike-calc-results{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:520px){.nova-bike-calc-form,.nova-bike-calc-results{grid-template-columns:1fr}.nova-bike-calc-results article{min-height:78px}} html[data-theme="dark"] .nova-bike-calc-form label{background:rgba(12,32,52,.72)} /* V74.94 – klickbare Modell-Tags im Bike, Scooter & Mobility Guide */ .nova-bike-shell .nova-auto-model-tags{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0} .nova-bike-shell .nova-auto-model-tags a{display:inline-flex;align-items:center;gap:5px;border:1px solid #d7e2ea;background:#f7fafc;color:#315169;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:850;text-decoration:none;transition:.15s ease} .nova-bike-shell .nova-auto-model-tags a:hover{border-color:#42a7cf;background:#edfaff;transform:translateY(-1px)} .nova-bike-shell .nova-auto-model-tags a.is-direct{border-color:#b8dfd2;background:#f0fbf7;color:#116c55} .nova-bike-shell .nova-auto-model-tags a.is-manufacturer{border-color:#c9d9e8;background:#f5f9fd;color:#24577d} .nova-bike-shell .nova-auto-model-tags a em{font-style:normal;font-size:11px;opacity:.8} html[data-theme="dark"] .nova-bike-shell .nova-auto-model-tags a,.dark-mode .nova-bike-shell .nova-auto-model-tags a{background:#112635;border-color:#355266;color:#dcecf4} html[data-theme="dark"] .nova-bike-shell .nova-auto-model-tags a.is-direct,.dark-mode .nova-bike-shell .nova-auto-model-tags a.is-direct{background:#12342d;border-color:#2f6c5b;color:#bcebdc} html[data-theme="dark"] .nova-bike-shell .nova-auto-model-tags a.is-manufacturer,.dark-mode .nova-bike-shell .nova-auto-model-tags a.is-manufacturer{background:#102a3d;border-color:#315675;color:#cfe8ff} /* V75.05 – Kombi-Emoji sauber innerhalb der Kacheln halten */ .sidebar-modules button[data-module="fitness"]>span, .sidebar-modules button[data-module="bikeMobilityGuide"]>span, .sidebar-modules .nova-bike-guide-sidebar>span{ width:31px!important;height:31px!important;min-width:31px!important;max-width:31px!important; display:flex!important;align-items:center!important;justify-content:center!important; font-size:13px!important;line-height:1!important;letter-spacing:-3px!important; white-space:nowrap!important;overflow:hidden!important;padding:0!important;box-sizing:border-box!important; } .nova-universe-dock button[data-module="fitness"]>span, .nova-universe-dock button[data-module="bikeMobilityGuide"]>span{ display:flex!important;align-items:center!important;justify-content:center!important; max-width:52px!important;overflow:hidden!important;white-space:nowrap!important; font-size:22px!important;line-height:1!important;letter-spacing:-2px!important; } /* ========================================================= NOVA Universe V75.52.536 · SMART EV READABILITY + MOBILE HEADER Smart EV: klare Schriftkontraste in Hell/Dunkel. ========================================================= */ /* Router-Kopf immer mit heller Schrift auf dem dunklen Verlauf */ .nova-router-v28-head, .nova-router-v28-head .nova-router-v28-brand, .nova-router-v28-head .nova-router-v28-brand b, .nova-router-v28-head .nova-router-v28-brand small, .nova-router-v28-head .nova-router-v28-version{ color:#f7fcff!important; } .nova-router-v28-head .nova-router-v28-brand small{color:#d7f2fb!important;opacity:1!important} /* Light mode: EV Live Drive mit eindeutiger dunkler Schrift */ body:not(.dark-mode) .nova-ev-live, html:not([data-theme="dark"]) .nova-ev-live{color:#15354a!important} body:not(.dark-mode) .nova-ev-live-head, html:not([data-theme="dark"]) .nova-ev-live-head{background:linear-gradient(135deg,#f3faff,#effbf7)!important;border-color:#cfe0ea!important} body:not(.dark-mode) .nova-ev-live-head h3, html:not([data-theme="dark"]) .nova-ev-live-head h3, body:not(.dark-mode) .nova-ev-live-status b, html:not([data-theme="dark"]) .nova-ev-live-status b, body:not(.dark-mode) .nova-ev-live-metrics b, html:not([data-theme="dark"]) .nova-ev-live-metrics b, body:not(.dark-mode) .nova-ev-energy-result b, html:not([data-theme="dark"]) .nova-ev-energy-result b{color:#15354a!important} body:not(.dark-mode) .nova-ev-live-head p, html:not([data-theme="dark"]) .nova-ev-live-head p, body:not(.dark-mode) .nova-ev-live-status small, html:not([data-theme="dark"]) .nova-ev-live-status small, body:not(.dark-mode) .nova-ev-live-metrics small, html:not([data-theme="dark"]) .nova-ev-live-metrics small, body:not(.dark-mode) .nova-ev-energy-result span, html:not([data-theme="dark"]) .nova-ev-energy-result span, body:not(.dark-mode) .nova-ev-energy-box label, html:not([data-theme="dark"]) .nova-ev-energy-box label{color:#526a78!important} body:not(.dark-mode) .nova-ev-live-controls, html:not([data-theme="dark"]) .nova-ev-live-controls{background:#fbfdff!important;border-color:#d7e4ea!important} body:not(.dark-mode) .nova-ev-live-status, body:not(.dark-mode) .nova-ev-live-metrics>div, html:not([data-theme="dark"]) .nova-ev-live-status, html:not([data-theme="dark"]) .nova-ev-live-metrics>div{background:#fff!important;border-color:#d7e4ea!important} body:not(.dark-mode) .nova-ev-energy-box input, html:not([data-theme="dark"]) .nova-ev-energy-box input{background:#fff!important;color:#15354a!important;border-color:#cfdee5!important} /* Dark mode: keine hellen Karten mit ausgewaschener Schrift mehr */ body.dark-mode .nova-ev-live, html[data-theme="dark"] .nova-ev-live{color:#eef8ff!important} body.dark-mode .nova-ev-live-head, html[data-theme="dark"] .nova-ev-live-head{background:linear-gradient(135deg,#10283b,#12362f)!important;border-color:#31556b!important} body.dark-mode .nova-ev-live-head small, html[data-theme="dark"] .nova-ev-live-head small{color:#58c7ff!important} body.dark-mode .nova-ev-live-head h3, html[data-theme="dark"] .nova-ev-live-head h3{color:#f5fbff!important} body.dark-mode .nova-ev-live-head p, html[data-theme="dark"] .nova-ev-live-head p{color:#c5d7e5!important} body.dark-mode .nova-ev-live-controls, html[data-theme="dark"] .nova-ev-live-controls{background:#0b2033!important;border-color:#2b4d67!important} body.dark-mode .nova-ev-live-status, body.dark-mode .nova-ev-live-metrics>div, html[data-theme="dark"] .nova-ev-live-status, html[data-theme="dark"] .nova-ev-live-metrics>div{background:#102b42!important;border-color:#31556f!important;color:#eef8ff!important} body.dark-mode .nova-ev-live-status b, body.dark-mode .nova-ev-live-metrics b, body.dark-mode .nova-ev-energy-result b, html[data-theme="dark"] .nova-ev-live-status b, html[data-theme="dark"] .nova-ev-live-metrics b, html[data-theme="dark"] .nova-ev-energy-result b{color:#f4f9ff!important} body.dark-mode .nova-ev-live-status small, body.dark-mode .nova-ev-live-metrics small, html[data-theme="dark"] .nova-ev-live-status small, html[data-theme="dark"] .nova-ev-live-metrics small{color:#bed1df!important} body.dark-mode .nova-ev-energy-box label, html[data-theme="dark"] .nova-ev-energy-box label{color:#d4e4ef!important} body.dark-mode .nova-ev-energy-box input, html[data-theme="dark"] .nova-ev-energy-box input{background:#071a2b!important;color:#f2f8ff!important;border-color:#31556f!important} body.dark-mode .nova-ev-energy-result, html[data-theme="dark"] .nova-ev-energy-result{background:#102d31!important;border-color:#315b53!important} body.dark-mode .nova-ev-energy-result span, html[data-theme="dark"] .nova-ev-energy-result span{color:#c2d8d1!important} body.dark-mode .nova-ev-live-foot, html[data-theme="dark"] .nova-ev-live-foot{background:#102d31!important;border-color:#315b53!important;color:#d8ebe5!important} body.dark-mode .nova-ev-live-foot b, html[data-theme="dark"] .nova-ev-live-foot b{color:#f2fbf8!important} /* Smart-EV Nebenbox: auch die kleinen Beschriftungen kontrastreich */ body.dark-mode .nova-smart-ev-head small, body.dark-mode .nova-smart-ev-modes button small, body.dark-mode .nova-smart-ev-summary small, body.dark-mode .nova-smart-ev-summary p, body.dark-mode .nova-smart-ev-metrics small, body.dark-mode .nova-smart-ev-note, html[data-theme="dark"] .nova-smart-ev-head small, html[data-theme="dark"] .nova-smart-ev-modes button small, html[data-theme="dark"] .nova-smart-ev-summary small, html[data-theme="dark"] .nova-smart-ev-summary p, html[data-theme="dark"] .nova-smart-ev-metrics small, html[data-theme="dark"] .nova-smart-ev-note{color:#bfd3e2!important} body.dark-mode .nova-smart-ev-modes button, html[data-theme="dark"] .nova-smart-ev-modes button{color:#eef8ff!important} body.dark-mode .nova-smart-ev-head>span, html[data-theme="dark"] .nova-smart-ev-head>span{background:#12384b!important;border-color:#2e657d!important;color:#aee9ff!important} /* Mobile Menü: Label bleibt sichtbar; Theme-Schalter sitzt in derselben Steuerzeile. */ @media(max-width:760px){ .topbar .menu-toggle .menu-toggle-icon, .topbar .menu-toggle .menu-toggle-label{display:inline-block!important} } /* V75.52.389 · NOVA 3D GeoLab Seitenstreifen normalisiert + Dashboard-Version entfernt */ .nova-geolab-tile::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:4px; border-radius:14px 0 0 14px; background:linear-gradient(180deg,#27d2ff,#16a9d8,#64ce4b); } .nova-geolab-tile .nova-brand-badge{right:9px!important;top:8px!important} .nova-dashboard-version-chip{display:none!important} /* ========================================================= NOVA V75.45 · DESKTOP RESPONSIVE REFLOW FIX - Desktop 100% / 125%: echtes Reflow statt Abschneiden - LIVE-Reportkarten bleiben intern lesbar - rechte Dashboard-Spalte bleibt im Viewport - geschlossene Sidebar gibt ihre Breite wirklich frei - Mobile <=760px bleibt unverändert ========================================================= */ @media (min-width:761px){ html[data-view-mode="desktop"] .nova-dashboard-hero{ width:100%!important; max-width:100%!important; min-width:0!important; box-sizing:border-box!important; grid-template-columns:minmax(290px,.78fr) minmax(0,1.65fr) minmax(300px,.82fr)!important; gap:18px!important; padding-left:14px!important; padding-right:14px!important; align-items:start!important; overflow:clip!important; } html[data-view-mode="desktop"] .nova-dashboard-hero>*, html[data-view-mode="desktop"] .nova-weather-column, html[data-view-mode="desktop"] .nova-ai-stage, html[data-view-mode="desktop"] .nova-right-rail, html[data-view-mode="desktop"] #novaLiveHub, html[data-view-mode="desktop"] .nova-dashboard-panel{ min-width:0!important; max-width:100%!important; box-sizing:border-box!important; } html[data-view-mode="desktop"] .nova-ai-stage{ width:100%!important; overflow:visible!important; } html[data-view-mode="desktop"] #novaLiveHub{ width:100%!important; max-width:none!important; overflow:hidden!important; } html[data-view-mode="desktop"] .nova-live-viewport{ width:100%!important; min-width:0!important; overflow:hidden!important; } html[data-view-mode="desktop"] .nova-live-track{ min-width:0!important; } html[data-view-mode="desktop"] .nova-live-card{ min-width:0!important; max-width:100%!important; overflow:hidden!important; hyphens:auto; overflow-wrap:break-word; } html[data-view-mode="desktop"] .nova-live-card b{ font-size:clamp(12.5px,.78vw,14px)!important; line-height:1.18!important; } html[data-view-mode="desktop"] .nova-live-card small{ font-size:clamp(10.5px,.68vw,11.5px)!important; line-height:1.38!important; } html[data-view-mode="desktop"] .nova-live-card-actions{ margin-top:auto!important; padding-top:10px!important; } html[data-view-mode="desktop"] .nova-live-card-actions a, html[data-view-mode="desktop"] .nova-live-card-actions button{ min-width:0!important; max-width:100%!important; white-space:nowrap!important; } html[data-view-mode="desktop"] .nova-right-rail{ grid-column:3!important; width:100%!important; margin-top:0!important; align-self:start!important; } html[data-view-mode="desktop"] .nova-right-rail>.nova-dashboard-panel{ width:100%!important; max-width:100%!important; min-width:0!important; overflow:hidden!important; } html[data-view-mode="desktop"] .dashboard-place-fields{ grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto!important; min-width:0!important; } html[data-view-mode="desktop"] .dashboard-place-fields input{ min-width:0!important; width:100%!important; } } /* Unterhalb einer sicheren 3-Spalten-Breite wird wie bei großen Portalen sauber neu angeordnet statt eine Spalte abzuschneiden. */ @media (min-width:761px) and (max-width:1700px){ html[data-view-mode="desktop"] .nova-dashboard-hero{ grid-template-columns:minmax(290px,34%) minmax(0,1fr)!important; } html[data-view-mode="desktop"] .nova-right-rail{ grid-column:1/-1!important; display:flex!important; flex-direction:column!important; width:100%!important; max-width:100%!important; margin-top:14px!important; } html[data-view-mode="desktop"] .nova-right-rail>.nova-dashboard-panel{ width:min(100%,520px)!important; align-self:flex-end!important; } } /* Beim vollständigen Einklappen der Desktop-Sidebar darf die alte 248px-Spalte keinen Leerraum mehr reservieren. */ @media (min-width:1101px){ body{ transition:padding-left .24s ease; } body.sidebar-collapsed{ padding-left:0!important; } body.sidebar-collapsed .topbar, body.sidebar-collapsed main, body.sidebar-collapsed #home{ max-width:100%!important; } } /* ========================================================= V75.45 FINAL DESKTOP BREAKPOINT GUARD 125% Zoom / schmalere Desktopfenster: bis 1700 CSS-px bewusst 2 Spalten statt gequetschter 3 Spalten. ========================================================= */ @media (min-width:761px) and (max-width:1700px){ html[data-view-mode="desktop"] .nova-dashboard-hero{ grid-template-columns:minmax(290px,34%) minmax(0,1fr)!important; } html[data-view-mode="desktop"] .nova-right-rail{ grid-column:1/-1!important; width:100%!important; max-width:100%!important; margin-top:14px!important; } } /* ========================================================= V75.45 FINAL LIVE CARD REFLOW Desktop: Reportkarten behalten eine sinnvolle Mindestbreite. Bei schmalerem Fenster sinkt die sichtbare Kartenanzahl, statt Text und Buttons zusammenzuquetschen. Mobile <=760px bleibt unberührt. ========================================================= */ @media (min-width:761px){ html[data-view-mode="desktop"] #novaLiveHub{ width:100%!important; max-width:none!important; min-width:0!important; overflow:hidden!important; } html[data-view-mode="desktop"] #novaLiveHub .nova-live-viewport{ width:100%!important; max-width:100%!important; overflow:hidden!important; } html[data-view-mode="desktop"] #novaLiveHub .nova-live-track{ min-width:0!important; align-items:stretch!important; } html[data-view-mode="desktop"] #novaLiveHub .nova-live-card{ min-width:150px!important; overflow:hidden!important; hyphens:none!important; overflow-wrap:normal!important; word-break:normal!important; } html[data-view-mode="desktop"] #novaLiveHub .nova-live-card h3, html[data-view-mode="desktop"] #novaLiveHub .nova-live-card p, html[data-view-mode="desktop"] #novaLiveHub .nova-live-card b, html[data-view-mode="desktop"] #novaLiveHub .nova-live-card span{ word-break:normal!important; overflow-wrap:break-word!important; hyphens:none!important; } html[data-view-mode="desktop"] #novaLiveHub .nova-live-card h3{ font-size:clamp(15px,1vw,18px)!important; line-height:1.08!important; } html[data-view-mode="desktop"] #novaLiveHub .nova-live-card p{ font-size:clamp(12px,.82vw,14px)!important; line-height:1.34!important; } } @media (min-width:1701px){ html[data-view-mode="desktop"] .nova-dashboard-hero{ grid-template-columns:minmax(320px,.82fr) minmax(0,1.7fr) minmax(330px,.86fr)!important; } } @media (min-width:1451px) and (max-width:1700px){ html[data-view-mode="desktop"] .nova-dashboard-hero{ grid-template-columns:minmax(300px,.78fr) minmax(0,1.5fr) minmax(310px,.78fr)!important; } html[data-view-mode="desktop"] .nova-right-rail{ grid-column:3!important; margin-top:0!important; } } @media (min-width:1151px) and (max-width:1450px){ html[data-view-mode="desktop"] .nova-dashboard-hero{ grid-template-columns:minmax(280px,.78fr) minmax(0,1.5fr) minmax(290px,.82fr)!important; gap:18px!important; } html[data-view-mode="desktop"] .nova-weather-column{ grid-column:1!important; grid-row:1!important; } html[data-view-mode="desktop"] .nova-ai-stage{ grid-column:2!important; grid-row:1!important; } html[data-view-mode="desktop"] .nova-right-rail{ grid-column:3!important; grid-row:1!important; display:flex!important; flex-direction:column!important; width:100%!important; max-width:100%!important; margin-top:0!important; align-self:start!important; } html[data-view-mode="desktop"] .nova-right-rail>.nova-dashboard-panel{ width:100%!important; max-width:100%!important; min-width:0!important; align-self:stretch!important; } } @media (min-width:761px) and (max-width:1150px){ html[data-view-mode="desktop"] .nova-dashboard-hero{ grid-template-columns:minmax(270px,.92fr) minmax(0,1.45fr)!important; gap:14px!important; } html[data-view-mode="desktop"] .nova-right-rail{ grid-column:1/-1!important; width:100%!important; max-width:100%!important; margin-top:14px!important; } html[data-view-mode="desktop"] .nova-right-rail>.nova-dashboard-panel{ width:min(100%,520px)!important; align-self:flex-end!important; } } /* ========================================================== V75.47 – NOVA SELECT CLEAN UX + LIGHT/DARK READABILITY weniger doppelte Bereiche, direkte Kategorien-/Outlet-Links ========================================================== */ .nova-select-hero{ grid-template-columns:1fr!important; padding:30px 88px 30px 32px!important; } .nova-select-hero>div:first-child{max-width:960px} .nova-select-hero p{ color:#f3f7ff!important; opacity:1!important; text-shadow:0 1px 1px rgba(0,0,0,.18); font-weight:650!important; } .nova-select-hero .eyebrow{color:#7ad6ff!important} .nova-select-hero-badges{display:none!important} .nova-select-module{ --sel-text:#111827; --sel-muted:#4b5d73; } .nova-select-section-head h3, .nova-select-results-head h3, .nova-select-feature-head h3, .nova-select-category b, .nova-select-retailer b, .nova-select-outlet-link b, .nova-select-luxury-group b, .nova-select-luxury-city-head h3{ color:var(--sel-text)!important; } .nova-select-section-head p, .nova-select-results-head p, .nova-select-feature-head p, .nova-select-category small, .nova-select-retailer small, .nova-select-outlet-link small, .nova-select-info, .nova-select-map-note, .nova-select-luxury-group p, .nova-select-luxury-city-head p{ color:var(--sel-muted)!important; opacity:1!important; } .nova-select-category-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); } .nova-select-category-card{ display:grid; grid-template-rows:1fr auto; border:1px solid var(--sel-border); border-radius:17px; background:var(--sel-surface); box-shadow:var(--sel-shadow); overflow:hidden; transition:.18s ease; } .nova-select-category-card:hover, .nova-select-category-card.active{ transform:translateY(-2px); border-color:#bd9a53; box-shadow:0 13px 28px rgba(74,47,89,.12); } .nova-select-category-card .nova-select-category{ width:100%; min-height:86px; border:0!important; border-radius:0!important; box-shadow:none!important; transform:none!important; background:transparent!important; } .nova-select-category-card>a{ display:flex; align-items:center; justify-content:space-between; gap:8px; padding:9px 14px 10px; border-top:1px solid var(--sel-border); background:var(--sel-surface2); color:#175f9c; text-decoration:none; font-size:12px; line-height:1.2; font-weight:900; } .nova-select-category-card>a:hover{background:#eaf5ff;color:#084e86} .nova-select-category-card>a em{font-style:normal;font-size:14px} .nova-select-outlet-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:15px; } .nova-select-outlet-link{ display:grid; grid-template-columns:48px minmax(0,1fr); gap:11px; align-items:center; min-height:98px; padding:15px; border:1px solid var(--sel-border); border-radius:16px; background:var(--sel-surface); color:var(--sel-text); text-decoration:none; box-shadow:var(--sel-shadow); transition:.18s ease; } .nova-select-outlet-link:hover{ transform:translateY(-2px); border-color:#bd9a53; box-shadow:0 13px 28px rgba(74,47,89,.12); } .nova-select-outlet-link>span{ width:44px;height:44px;display:grid;place-items:center; border-radius:13px;background:linear-gradient(145deg,#fff0bf,#efe5f5); font-size:24px; } .nova-select-outlet-link b{display:block;font-size:15.5px;line-height:1.25} .nova-select-outlet-link small{display:block;margin-top:4px;font-size:12.5px;line-height:1.35} .nova-select-outlet-link em{ grid-column:2; margin-top:3px; color:#176aa8; font-size:11.5px; font-style:normal; font-weight:900; } .nova-select-outlet-map-note{ display:flex;align-items:center;gap:12px; margin-top:14px;padding:14px 16px; border:1px solid var(--sel-border);border-radius:14px; background:var(--sel-surface2); } .nova-select-outlet-map-note>span{font-size:24px} .nova-select-outlet-map-note b{color:var(--sel-text);font-size:14px} .nova-select-outlet-map-note p{margin:3px 0 0;color:var(--sel-muted);font-size:12.5px;line-height:1.4} .nova-select-feature-head.outlet-head{grid-template-columns:62px 1fr} body.dark-mode .nova-select-module, body.dark-mode-theme .nova-select-module, html[data-theme="dark"] .nova-select-module{ --sel-bg:#111722; --sel-surface:#182231; --sel-surface2:#202c3d; --sel-text:#f5f8fc; --sel-muted:#c9d5e3; --sel-border:#34465b; --sel-shadow:0 12px 28px rgba(0,0,0,.28); } body.dark-mode .nova-select-hero p, body.dark-mode-theme .nova-select-hero p, html[data-theme="dark"] .nova-select-hero p{ color:#f1f6ff!important; } body.dark-mode .nova-select-category-card>a, body.dark-mode-theme .nova-select-category-card>a, html[data-theme="dark"] .nova-select-category-card>a{ background:#202d3f; color:#8edbff; border-top-color:#34465b; } body.dark-mode .nova-select-category-card>a:hover, body.dark-mode-theme .nova-select-category-card>a:hover, html[data-theme="dark"] .nova-select-category-card>a:hover{ background:#143249;color:#b9ecff; } body.dark-mode .nova-select-outlet-link>span, body.dark-mode-theme .nova-select-outlet-link>span, html[data-theme="dark"] .nova-select-outlet-link>span{ background:linear-gradient(145deg,#3b3346,#4c412b); } body.dark-mode .nova-select-outlet-link em, body.dark-mode-theme .nova-select-outlet-link em, html[data-theme="dark"] .nova-select-outlet-link em{ color:#7bdcff; } body.dark-mode .nova-select-outlet-map-note, body.dark-mode-theme .nova-select-outlet-map-note, html[data-theme="dark"] .nova-select-outlet-map-note{ background:#1d2939; } body.dark-mode .nova-select-tabs button, body.dark-mode-theme .nova-select-tabs button, html[data-theme="dark"] .nova-select-tabs button{ color:#f2f7fc!important; } body.dark-mode .nova-select-tabs button:not(.active), body.dark-mode-theme .nova-select-tabs button:not(.active), html[data-theme="dark"] .nova-select-tabs button:not(.active){ background:#202c3d!important; border-color:#3a4c61!important; } body.dark-mode .nova-select-feature-head:not(.premium), body.dark-mode-theme .nova-select-feature-head:not(.premium), html[data-theme="dark"] .nova-select-feature-head:not(.premium){ background:linear-gradient(135deg,#1f2b39,#252c38)!important; } body.dark-mode .nova-select-feature-head:not(.premium) h3, body.dark-mode-theme .nova-select-feature-head:not(.premium) h3, html[data-theme="dark"] .nova-select-feature-head:not(.premium) h3{ color:#f5f8fc!important; } body.dark-mode .nova-select-feature-head:not(.premium) p, body.dark-mode-theme .nova-select-feature-head:not(.premium) p, html[data-theme="dark"] .nova-select-feature-head:not(.premium) p{ color:#cbd7e5!important; } @media(max-width:1120px){ .nova-select-category-grid{grid-template-columns:repeat(3,1fr)} .nova-select-outlet-grid{grid-template-columns:repeat(2,1fr)} } @media(max-width:760px){ .nova-select-hero{padding:24px 62px 24px 19px!important} .nova-select-category-grid{grid-template-columns:1fr 1fr} .nova-select-outlet-grid{grid-template-columns:1fr 1fr} } @media(max-width:520px){ .nova-select-category-grid,.nova-select-outlet-grid{grid-template-columns:1fr} } /* V75.47 – NOVA Select final contrast + link polish */ .nova-select-feature-head.premium h3{ color:#fff!important; } .nova-select-feature-head.premium p{ color:#e8e1ec!important; } .nova-select-feature-head.premium small{ color:#f2d58d!important; } .nova-select-category-card>a, .nova-select-outlet-link em{ text-decoration:none; letter-spacing:.01em; } .nova-select-category-card>a:focus-visible, .nova-select-outlet-link:focus-visible, .nova-select-retailer:focus-visible, .nova-select-brand-entry>a:focus-visible{ outline:3px solid #46a8e6; outline-offset:2px; } body.dark-mode .nova-select-brand-entry, body.dark-mode-theme .nova-select-brand-entry, html[data-theme="dark"] .nova-select-brand-entry{ background:#182231; border-color:#34465b; } body.dark-mode .nova-select-brand-entry>button, body.dark-mode-theme .nova-select-brand-entry>button, html[data-theme="dark"] .nova-select-brand-entry>button{ color:#f5f8fc!important; } body.dark-mode .nova-select-brand-entry>a, body.dark-mode-theme .nova-select-brand-entry>a, html[data-theme="dark"] .nova-select-brand-entry>a{ border-left-color:#34465b; color:#8edbff; background:#203044; } body.dark-mode .nova-select-brand-entry>a:hover, body.dark-mode-theme .nova-select-brand-entry>a:hover, html[data-theme="dark"] .nova-select-brand-entry>a:hover{ background:#167fba; color:#fff; } @media(max-width:1120px){ .nova-select-category-grid{grid-template-columns:repeat(3,1fr)} } @media(max-width:760px){ .nova-select-category-grid{grid-template-columns:1fr 1fr} } @media(max-width:520px){ .nova-select-category-grid{grid-template-columns:1fr} } /* V75-48-0 · NOVA Select typography/contrast final */ .nova-select-hero .eyebrow{ color:#67d8ff!important; text-shadow:0 1px 1px rgba(0,0,0,.28); } .nova-select-hero h2{ color:#ffffff!important; font-weight:850!important; } .nova-select-hero p{ color:#f5f2f7!important; font-weight:650!important; opacity:1!important; text-shadow:0 1px 1px rgba(0,0,0,.28); } html[data-theme="dark"] .nova-select-hero p, body.dark-mode .nova-select-hero p, body.dark-mode-theme .nova-select-hero p{ color:#ffffff!important; } /* V75-48-0 · NOVA Select Light-Mode Hero-Text final */ html[data-theme="light"] body .modal-panel .nova-select-module .nova-select-hero p, body:not(.dark-mode):not(.dark-mode-theme) .modal-panel .nova-select-module .nova-select-hero p{ color:#ffffff!important; font-weight:700!important; opacity:1!important; text-shadow:0 1px 2px rgba(0,0,0,.42)!important; } html[data-theme="light"] body .modal-panel .nova-select-module .nova-select-hero .eyebrow, body:not(.dark-mode):not(.dark-mode-theme) .modal-panel .nova-select-module .nova-select-hero .eyebrow{ color:#79ddff!important; font-weight:900!important; } /* NOVA Universe V75.52.536-11 – Ladepunkt-Infokarte Mobil: Bottom-Sheet am unteren Kartenrand. Desktop: kompakte Seitenkarte rechts im Kartenbereich. Ersetzt das große Leaflet-Popup für Ladepunkte vollständig. */ .nova-charge-info-sheet{ position:absolute; z-index:760; right:12px; top:12px; width:min(310px,calc(100% - 24px)); max-height:calc(100% - 24px); box-sizing:border-box; overflow:auto; padding:12px; border:1px solid rgba(184,213,226,.96); border-radius:16px; background:rgba(255,255,255,.97); box-shadow:0 14px 34px rgba(9,44,68,.20); color:#16374f; opacity:0; visibility:hidden; pointer-events:none; transform:translateX(16px); transition:opacity .18s ease,transform .18s ease,visibility .18s ease; backdrop-filter:blur(10px); } .nova-charge-info-sheet.open{ opacity:1;visibility:visible;pointer-events:auto;transform:none; } .nova-charge-sheet-handle{display:none} .nova-charge-sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px} .nova-charge-sheet-head small{display:block;font-size:9px;font-weight:900;letter-spacing:.08em;color:#6b8292} .nova-charge-sheet-head b{display:block;margin-top:2px;font-size:15px;line-height:1.25;color:#12364f} .nova-charge-sheet-close{ flex:0 0 32px;width:32px;height:32px;border:1px solid #d4e3ea;border-radius:50%; background:#f5fafc;color:#31566e;font-size:21px;line-height:1;cursor:pointer;font-weight:700; } .nova-charge-sheet-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px} .nova-charge-sheet-quick span,.nova-charge-sheet-cost{ min-width:0;padding:8px;border:1px solid #dce8ee;border-radius:10px;background:#f7fbfc; } .nova-charge-sheet-quick small,.nova-charge-sheet-cost small,.nova-charge-sheet-details small{ display:block;font-size:8px;font-weight:850;color:#708594;line-height:1.25; } .nova-charge-sheet-quick b{display:block;margin-top:3px;font-size:11px;line-height:1.25;color:#173b54} .nova-charge-sheet-cost{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;background:#edf9f7} .nova-charge-sheet-cost b{font-size:14px;color:#176a60} .nova-charge-sheet-details{display:none;margin-top:8px;border-top:1px solid #e0eaef;padding-top:8px} .nova-charge-info-sheet.expanded .nova-charge-sheet-details{display:grid;grid-template-columns:1fr 1fr;gap:7px} .nova-charge-sheet-details>div{padding:7px 8px;border:1px solid #e0eaef;border-radius:9px;background:#fbfdfe} .nova-charge-sheet-details b{display:block;margin-top:2px;font-size:10px;line-height:1.35;color:#16374f;overflow-wrap:anywhere} .nova-charge-sheet-details p{grid-column:1/-1;margin:0;padding:7px 8px;border-radius:9px;background:#f5f9fb;font-size:9px;line-height:1.4;color:#5e7687} .nova-charge-sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px} .nova-charge-sheet-actions button,.nova-charge-sheet-actions a{ display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:35px; border:1px solid #cfe0e8;border-radius:9px;padding:7px 9px;background:#edf7fb;color:#1268c8; text-decoration:none;font-size:10px;font-weight:900;cursor:pointer;text-align:center; } .nova-charge-sheet-actions a{background:#1268c8;color:#fff;border-color:#1268c8} body.dark-mode-theme .nova-charge-info-sheet, body.dark-mode .nova-charge-info-sheet, [data-theme="dark"] .nova-charge-info-sheet{ background:rgba(15,38,57,.97)!important;border-color:#3a5d73!important;color:#eef8ff!important; } body.dark-mode-theme .nova-charge-sheet-head b, body.dark-mode .nova-charge-sheet-head b, [data-theme="dark"] .nova-charge-sheet-head b, body.dark-mode-theme .nova-charge-sheet-quick b, body.dark-mode .nova-charge-sheet-quick b, [data-theme="dark"] .nova-charge-sheet-quick b, body.dark-mode-theme .nova-charge-sheet-details b, body.dark-mode .nova-charge-sheet-details b, [data-theme="dark"] .nova-charge-sheet-details b{color:#eef8ff!important} body.dark-mode-theme .nova-charge-sheet-quick span, body.dark-mode .nova-charge-sheet-quick span, [data-theme="dark"] .nova-charge-sheet-quick span, body.dark-mode-theme .nova-charge-sheet-details>div, body.dark-mode .nova-charge-sheet-details>div, [data-theme="dark"] .nova-charge-sheet-details>div, body.dark-mode-theme .nova-charge-sheet-details p, body.dark-mode .nova-charge-sheet-details p, [data-theme="dark"] .nova-charge-sheet-details p{ background:#142f43!important;border-color:#355b74!important;color:#c6d8e3!important; } body.dark-mode-theme .nova-charge-sheet-cost, body.dark-mode .nova-charge-sheet-cost, [data-theme="dark"] .nova-charge-sheet-cost{background:#123c3b!important;border-color:#2e615f!important} body.dark-mode-theme .nova-charge-sheet-cost b, body.dark-mode .nova-charge-sheet-cost b, [data-theme="dark"] .nova-charge-sheet-cost b{color:#a9f0e4!important} body.dark-mode-theme .nova-charge-sheet-close, body.dark-mode .nova-charge-sheet-close, [data-theme="dark"] .nova-charge-sheet-close{background:#18364a!important;color:#eef8ff!important;border-color:#426278!important} @media(max-width:700px){ .nova-charge-info-sheet{ top:auto;right:8px;left:8px;bottom:8px;width:auto;max-height:82%; border-radius:17px 17px 13px 13px;padding:9px 10px 10px; transform:translateY(18px); } .nova-charge-info-sheet.open{transform:none} .nova-charge-sheet-handle{ display:block;width:42px;height:4px;border-radius:999px;background:#c8d8df;margin:0 auto 7px; } .nova-charge-sheet-head b{font-size:13px} .nova-charge-sheet-close{width:30px;height:30px;flex-basis:30px;font-size:19px} .nova-charge-sheet-quick{margin-top:7px;gap:5px} .nova-charge-sheet-quick span{padding:6px} .nova-charge-sheet-quick small{font-size:7px} .nova-charge-sheet-quick b{font-size:10px} .nova-charge-sheet-cost{padding:6px 8px;margin-top:5px} .nova-charge-sheet-cost b{font-size:12px} .nova-charge-sheet-actions{margin-top:6px} .nova-charge-sheet-actions button,.nova-charge-sheet-actions a{min-height:32px;padding:6px 7px;font-size:9px} .nova-charge-info-sheet.expanded .nova-charge-sheet-details{grid-template-columns:1fr 1fr;gap:5px} } /* ========================================================= NOVA Universe V75.52.536-16 · SMART EV TYPOGRAPHY ONLY Basis: V75.52-12. Keine Karten-/Routenlogik geändert. ========================================================= */ .nova-router-v28-head .nova-router-v28-brand b{ color:#ffffff!important; opacity:1!important; font-size:20px!important; line-height:1.18!important; font-weight:900!important; letter-spacing:.045em!important; text-shadow:0 1px 2px rgba(0,0,0,.18)!important; } .nova-router-v28-head .nova-router-v28-brand small{ color:#e6f8ff!important; opacity:1!important; font-size:11px!important; line-height:1.35!important; font-weight:800!important; letter-spacing:.10em!important; text-shadow:0 1px 2px rgba(0,0,0,.16)!important; } .nova-charge-info-sheet .nova-charge-sheet-head small, .nova-charge-info-sheet .nova-charge-sheet-quick small, .nova-charge-info-sheet .nova-charge-sheet-cost small, .nova-charge-info-sheet .nova-charge-sheet-details small{ color:#506c7f!important; opacity:1!important; font-weight:900!important; } .nova-charge-info-sheet .nova-charge-sheet-head b{ color:#12364f!important; font-weight:900!important; } .nova-charge-info-sheet .nova-charge-sheet-actions button{ color:#075cae!important; background:#edf7fb!important; border-color:#bfd8e6!important; font-size:11px!important; font-weight:900!important; } .nova-charge-info-sheet .nova-charge-sheet-actions a{ color:#ffffff!important; background:#1268c8!important; border-color:#1268c8!important; font-size:11px!important; font-weight:900!important; opacity:1!important; text-shadow:none!important; } @media(max-width:760px){ .nova-router-v28-head .nova-router-v28-brand b{font-size:17px!important;letter-spacing:.035em!important} .nova-router-v28-head .nova-router-v28-brand small{font-size:10px!important;letter-spacing:.075em!important} .nova-charge-info-sheet .nova-charge-sheet-actions button, .nova-charge-info-sheet .nova-charge-sheet-actions a{font-size:10px!important;min-height:34px!important} } /* NOVA Universe V75.52.536-18 · Live Drive Route + Vollkartenansicht */ .nova-ev-live-map-wrap{position:relative;min-width:0} .nova-ev-live-map-toolbar{display:flex;align-items:center;gap:10px;justify-content:space-between;margin:0 0 8px;padding:9px 10px;border:1px solid #d6e4ea;border-radius:12px;background:#f8fbfd} .nova-ev-live-map-toolbar>div{min-width:0;flex:1} .nova-ev-live-map-toolbar small{display:block;font-size:8px;font-weight:900;letter-spacing:.08em;color:#6a8191} .nova-ev-live-map-toolbar b{display:block;margin-top:2px;font-size:12px;line-height:1.3;color:#153750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .nova-ev-live-map-toolbar button{border:1px solid #c8dce7;border-radius:10px;background:#0f79bb;color:#fff;padding:8px 11px;font-size:10px;font-weight:900;cursor:pointer;white-space:nowrap} .nova-ev-live-map-back{display:none!important;background:#123e5c!important} .nova-ev-live-map-legend{position:absolute;left:12px;bottom:12px;z-index:500;display:flex;gap:8px;flex-wrap:wrap;padding:7px 9px;border:1px solid rgba(200,219,228,.95);border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 5px 16px rgba(8,48,72,.14);font-size:9px;font-weight:850;color:#36566c} .nova-ev-live-map-legend span{display:inline-flex;align-items:center;gap:5px} .nova-ev-live-map-legend i{width:9px;height:9px;border-radius:50%;display:inline-block} .nova-ev-live-map-legend .done{background:#14b46f}.nova-ev-live-map-legend .rest{background:#1269c8}.nova-ev-live-map-legend .position{background:#2da6ef;border:1px solid #0c5e9c} body.nova-ev-live-map-open{overflow:hidden!important} .nova-ev-live.nova-ev-live-fullscreen{position:fixed!important;inset:0!important;z-index:50000!important;margin:0!important;padding:0!important;background:#eef4f7!important;display:block!important;overflow:hidden!important} .nova-ev-live.nova-ev-live-fullscreen>.nova-ev-live-head, .nova-ev-live.nova-ev-live-fullscreen>.nova-ev-live-foot, .nova-ev-live.nova-ev-live-fullscreen .nova-ev-live-controls{display:none!important} .nova-ev-live.nova-ev-live-fullscreen .nova-ev-live-layout{display:block!important;margin:0!important;height:100vh!important} .nova-ev-live.nova-ev-live-fullscreen .nova-ev-live-map-wrap{height:100vh!important;background:#fff} .nova-ev-live.nova-ev-live-fullscreen .nova-ev-live-map-toolbar{position:absolute;z-index:1000;top:10px;left:10px;right:10px;margin:0;background:rgba(255,255,255,.96);box-shadow:0 8px 24px rgba(8,48,72,.18)} .nova-ev-live.nova-ev-live-fullscreen .nova-ev-live-map-back{display:inline-flex!important} .nova-ev-live.nova-ev-live-fullscreen #evLiveMap{height:100vh!important;min-height:100vh!important;border:0!important;border-radius:0!important} .nova-ev-live.nova-ev-live-fullscreen .nova-ev-live-map-legend{left:12px;bottom:18px} body.dark-mode .nova-ev-live-map-toolbar,html[data-theme="dark"] .nova-ev-live-map-toolbar{background:#102b42!important;border-color:#31556f!important} body.dark-mode .nova-ev-live-map-toolbar b,html[data-theme="dark"] .nova-ev-live-map-toolbar b{color:#eef8ff!important} body.dark-mode .nova-ev-live-map-toolbar small,html[data-theme="dark"] .nova-ev-live-map-toolbar small{color:#9fc5da!important} body.dark-mode .nova-ev-live-map-legend,html[data-theme="dark"] .nova-ev-live-map-legend{background:rgba(16,43,66,.95)!important;border-color:#31556f!important;color:#e8f6ff!important} @media(max-width:600px){ .nova-ev-live-map-toolbar{gap:7px;padding:8px} .nova-ev-live-map-toolbar b{font-size:10px} .nova-ev-live-map-toolbar button{padding:8px 9px;font-size:9px} .nova-ev-live-map-legend{left:8px;right:8px;bottom:8px;border-radius:12px;justify-content:center} .nova-ev-live.nova-ev-live-fullscreen .nova-ev-live-map-toolbar{top:8px;left:8px;right:8px} } /* NOVA Universe V75.52.536-20 · NOVA Drive Cockpit */ .ev-live-cockpit{background:linear-gradient(135deg,#0d5f8d,#1385b7)!important;color:#fff!important;border-color:#0c6d9f!important;font-weight:900!important} body.nova-ev-cockpit-open{overflow:hidden!important} .nova-ev-cockpit[hidden]{display:none!important} .nova-ev-cockpit{position:fixed;inset:0;z-index:52000;background:radial-gradient(circle at 50% 15%,#123c5a 0,#0a2235 45%,#061722 100%);color:#eef8ff;padding:18px;overflow:auto;display:flex;flex-direction:column;gap:14px} .nova-ev-cockpit-top{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;position:sticky;top:0;z-index:2;padding:4px 0 10px;background:linear-gradient(180deg,rgba(6,23,34,.98),rgba(6,23,34,.82),transparent)} .nova-ev-cockpit-top>div{text-align:center;min-width:0} .nova-ev-cockpit-top small{display:block;font-size:10px;font-weight:900;letter-spacing:.14em;color:#8fcbea} .nova-ev-cockpit-top b{display:block;font-size:15px;margin-top:3px;color:#fff} .nova-ev-cockpit-top button{border:1px solid #3b718f;border-radius:12px;background:#102f45;color:#fff;padding:10px 13px;font-weight:900;font-size:11px;cursor:pointer} .nova-ev-cockpit-main{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(190px,.6fr);gap:14px;align-items:stretch} .nova-ev-cockpit-speed,.nova-ev-cockpit-compass,.nova-ev-cockpit-grid>div,.nova-ev-cockpit-accel>div,.nova-ev-cockpit-energy>div{border:1px solid rgba(132,201,237,.24);background:rgba(16,48,70,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 12px 30px rgba(0,0,0,.16);border-radius:18px} .nova-ev-cockpit-speed{min-height:205px;display:flex;align-items:baseline;justify-content:center;gap:14px;padding:22px} .nova-ev-cockpit-speed b{font-size:clamp(86px,15vw,190px);line-height:.9;letter-spacing:-.055em;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 4px 22px rgba(30,182,242,.16)} .nova-ev-cockpit-speed span{font-size:clamp(20px,3vw,34px);font-weight:900;color:#9ed8f3} .nova-ev-cockpit-compass{min-height:205px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px} .nova-ev-cockpit-compass span{font-size:58px;line-height:1;color:#4fd5ff;transition:transform .18s linear;transform-origin:center} .nova-ev-cockpit-compass b{font-size:clamp(38px,6vw,72px);line-height:1;margin-top:8px} .nova-ev-cockpit-compass small{font-size:20px;font-weight:900;color:#9ed8f3;margin-top:8px} .nova-ev-cockpit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .nova-ev-cockpit-grid>div,.nova-ev-cockpit-accel>div,.nova-ev-cockpit-energy>div{padding:16px 18px;min-height:92px;display:flex;flex-direction:column;justify-content:center} .nova-ev-cockpit-grid small,.nova-ev-cockpit-accel small,.nova-ev-cockpit-energy small{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#8fbcd3} .nova-ev-cockpit-grid b{font-size:clamp(24px,3.2vw,42px);margin-top:6px;font-variant-numeric:tabular-nums} .nova-ev-cockpit-accel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .nova-ev-cockpit-accel>div{border-color:rgba(114,217,165,.26);background:rgba(11,68,61,.54)} .nova-ev-cockpit-accel b{font-size:clamp(25px,3.4vw,44px);margin-top:6px;font-variant-numeric:tabular-nums;color:#dfffee} .nova-ev-cockpit-energy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .nova-ev-cockpit-energy>div{border-color:rgba(255,205,113,.24);background:rgba(69,52,21,.46)} .nova-ev-cockpit-energy b{font-size:clamp(21px,2.7vw,34px);margin-top:6px;font-variant-numeric:tabular-nums;color:#fff2cc} .nova-ev-cockpit-note{margin:0;text-align:center;font-size:10px;line-height:1.4;color:#88a9ba} @media(max-width:780px){ .nova-ev-cockpit{padding:10px;gap:9px} .nova-ev-cockpit-top{gap:7px} .nova-ev-cockpit-top button{padding:9px 10px;font-size:10px} .nova-ev-cockpit-top small{font-size:8px}.nova-ev-cockpit-top b{font-size:11px} .nova-ev-cockpit-main{grid-template-columns:1.35fr .65fr;gap:8px} .nova-ev-cockpit-speed,.nova-ev-cockpit-compass{min-height:150px;border-radius:14px;padding:10px} .nova-ev-cockpit-speed b{font-size:clamp(68px,22vw,122px)}.nova-ev-cockpit-speed span{font-size:16px} .nova-ev-cockpit-compass span{font-size:38px}.nova-ev-cockpit-compass b{font-size:36px}.nova-ev-cockpit-compass small{font-size:14px} .nova-ev-cockpit-grid,.nova-ev-cockpit-accel,.nova-ev-cockpit-energy{gap:7px} .nova-ev-cockpit-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .nova-ev-cockpit-grid>div,.nova-ev-cockpit-accel>div,.nova-ev-cockpit-energy>div{min-height:72px;padding:10px;border-radius:13px} .nova-ev-cockpit-grid small,.nova-ev-cockpit-accel small,.nova-ev-cockpit-energy small{font-size:8px;letter-spacing:.05em} .nova-ev-cockpit-grid b{font-size:22px}.nova-ev-cockpit-accel b{font-size:20px}.nova-ev-cockpit-energy b{font-size:17px} } @media(max-width:480px){ .nova-ev-cockpit-main{grid-template-columns:1fr .52fr} .nova-ev-cockpit-speed{min-height:130px}.nova-ev-cockpit-compass{min-height:130px} .nova-ev-cockpit-speed b{font-size:72px}.nova-ev-cockpit-speed span{font-size:13px} .nova-ev-cockpit-compass span{font-size:30px}.nova-ev-cockpit-compass b{font-size:29px}.nova-ev-cockpit-compass small{font-size:12px} .nova-ev-cockpit-energy{grid-template-columns:1fr} .nova-ev-cockpit-energy>div{min-height:58px} } /* NOVA Universe V75.52.536-21 · Drive Cockpit white typography + trip cost */ .nova-ev-cockpit, .nova-ev-cockpit small, .nova-ev-cockpit span, .nova-ev-cockpit b, .nova-ev-cockpit label, .nova-ev-cockpit summary{color:#fff!important} .nova-ev-cockpit-speed span, .nova-ev-cockpit-compass small, .nova-ev-cockpit-grid small, .nova-ev-cockpit-accel small, .nova-ev-cockpit-energy small, .nova-ev-cockpit-note, .nova-ev-cockpit-top small{color:#fff!important;opacity:1!important} .nova-ev-cockpit-compass span{color:#fff!important} .nova-ev-cockpit-cost{border:1px solid rgba(255,255,255,.24);background:rgba(15,43,61,.78);border-radius:18px;overflow:hidden} .nova-ev-cockpit-cost summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;font-size:13px;font-weight:900;letter-spacing:.04em} .nova-ev-cockpit-cost summary::-webkit-details-marker{display:none} .nova-ev-cockpit-cost summary b{font-size:clamp(23px,3vw,36px);font-variant-numeric:tabular-nums} .nova-ev-cockpit-cost-body{border-top:1px solid rgba(255,255,255,.16);padding:15px 18px 18px} .nova-ev-cockpit-price>span{display:block;font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;margin-bottom:9px} .nova-ev-cockpit-price-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(150px,210px);gap:14px;align-items:center} .nova-ev-cockpit-price-row input[type="range"]{width:100%;accent-color:#fff;cursor:pointer} .nova-ev-cockpit-price-number{display:flex;align-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.38);border-radius:13px;background:rgba(255,255,255,.09)} .nova-ev-cockpit-price-number input{width:100%;min-width:0;border:0!important;outline:0;background:transparent!important;color:#fff!important;padding:11px 10px;font-size:21px;font-weight:900;font-variant-numeric:tabular-nums;text-align:right} .nova-ev-cockpit-price-number input::-webkit-inner-spin-button,.nova-ev-cockpit-price-number input::-webkit-outer-spin-button{opacity:1} .nova-ev-cockpit-price-number b{padding:0 10px 0 0;font-size:12px;white-space:nowrap} .nova-ev-cockpit-cost-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px} .nova-ev-cockpit-cost-results>div{min-height:78px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);border-radius:13px;padding:11px 13px;display:flex;flex-direction:column;justify-content:center} .nova-ev-cockpit-cost-results small{font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase} .nova-ev-cockpit-cost-results b{font-size:clamp(19px,2.7vw,31px);margin-top:5px;font-variant-numeric:tabular-nums} @media(max-width:700px){ .nova-ev-cockpit-cost summary{padding:11px 12px}.nova-ev-cockpit-cost-body{padding:11px 12px 13px} .nova-ev-cockpit-price-row{grid-template-columns:1fr 145px;gap:8px} .nova-ev-cockpit-price-number input{font-size:17px;padding:9px 7px} .nova-ev-cockpit-cost-results{gap:7px}.nova-ev-cockpit-cost-results>div{min-height:63px;padding:8px} .nova-ev-cockpit-cost-results small{font-size:7px}.nova-ev-cockpit-cost-results b{font-size:16px} } @media(max-width:430px){.nova-ev-cockpit-price-row{grid-template-columns:1fr}.nova-ev-cockpit-cost-results{grid-template-columns:1fr 1fr}.nova-ev-cockpit-cost-results>div:last-child{grid-column:1/-1}} /* NOVA Universe V75.52.536-22 · Cockpit GPS status + map return */ .nova-ev-cockpit-gps{display:inline-flex!important;align-items:center;justify-content:center;margin-top:7px;padding:5px 10px;border-radius:999px;font-size:10px!important;font-weight:950!important;letter-spacing:.08em!important;border:1px solid rgba(255,255,255,.28);color:#fff!important;line-height:1!important} .nova-ev-cockpit-gps.on,.nova-ev-cockpit-gps.fix{background:#0f8b5f!important;box-shadow:0 0 0 3px rgba(52,211,153,.10),0 0 16px rgba(52,211,153,.24)} .nova-ev-cockpit-gps.search{background:#12698a!important;box-shadow:0 0 0 3px rgba(66,200,255,.09),0 0 16px rgba(66,200,255,.20)} .nova-ev-cockpit-gps.error{background:#9a3434!important;box-shadow:0 0 0 3px rgba(255,105,105,.08),0 0 16px rgba(255,105,105,.16)} .nova-ev-cockpit-gps.pause{background:#9a6a12!important} .nova-ev-cockpit-gps.off{background:#5d6872!important} /* V75.52-23 · Drive Cockpit sound + selectable dashboard colors */ .nova-ev-cockpit-tools{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap} .nova-ev-cockpit-tools button,.nova-ev-cockpit-tools label{min-height:38px;border:1px solid rgba(255,255,255,.28);border-radius:12px;background:rgba(255,255,255,.08);color:#fff!important;font-size:11px;font-weight:900} .nova-ev-cockpit-tools button{padding:9px 13px;cursor:pointer} .nova-ev-cockpit-tools button.is-off{background:rgba(120,120,120,.35)} .nova-ev-cockpit-tools label{display:flex;align-items:center;gap:8px;padding:5px 8px 5px 12px} .nova-ev-cockpit-tools select{border:0;outline:0;border-radius:8px;background:rgba(0,0,0,.28);color:#fff;padding:7px 9px;font:inherit;font-weight:900} .nova-ev-cockpit-tools option{color:#111;background:#fff} .nova-ev-cockpit{--evc-bg1:#123c5a;--evc-bg2:#0a2235;--evc-bg3:#061722;--evc-card:rgba(16,48,70,.72);--evc-border:rgba(132,201,237,.24);--evc-accent:#4fd5ff;background:radial-gradient(circle at 50% 15%,var(--evc-bg1) 0,var(--evc-bg2) 45%,var(--evc-bg3) 100%)!important} .nova-ev-cockpit[data-theme="green"]{--evc-bg1:#174c3a;--evc-bg2:#0b2f28;--evc-bg3:#061d19;--evc-card:rgba(17,69,55,.72);--evc-border:rgba(129,229,184,.27);--evc-accent:#66f0b0} .nova-ev-cockpit[data-theme="purple"]{--evc-bg1:#473266;--evc-bg2:#281b42;--evc-bg3:#160f27;--evc-card:rgba(67,46,94,.72);--evc-border:rgba(205,170,255,.27);--evc-accent:#caa3ff} .nova-ev-cockpit[data-theme="orange"]{--evc-bg1:#67411f;--evc-bg2:#3a2718;--evc-bg3:#21150d;--evc-card:rgba(91,58,28,.72);--evc-border:rgba(255,196,123,.28);--evc-accent:#ffc06d} .nova-ev-cockpit[data-theme="red"]{--evc-bg1:#661f28;--evc-bg2:#3b141b;--evc-bg3:#210b10;--evc-card:rgba(92,29,39,.74);--evc-border:rgba(255,145,156,.29);--evc-accent:#ff9aa5} .nova-ev-cockpit[data-theme="graphite"]{--evc-bg1:#343c43;--evc-bg2:#1e252a;--evc-bg3:#101519;--evc-card:rgba(45,54,60,.78);--evc-border:rgba(215,230,239,.22);--evc-accent:#d8edf7} .nova-ev-cockpit-speed,.nova-ev-cockpit-compass,.nova-ev-cockpit-grid>div{background:var(--evc-card)!important;border-color:var(--evc-border)!important} .nova-ev-cockpit-compass span{color:var(--evc-accent)!important} @media(max-width:620px){.nova-ev-cockpit-tools{gap:6px}.nova-ev-cockpit-tools button,.nova-ev-cockpit-tools label{font-size:9px;min-height:34px}.nova-ev-cockpit-tools select{padding:6px}} /* V75.52-25 · NOVA Drive G-Sensor */ body.nova-ev-gsensor-open{overflow:hidden!important} .nova-ev-gsensor-panel[hidden]{display:none!important} .nova-ev-gsensor-panel{position:fixed;inset:0;z-index:53000;background:radial-gradient(circle at 50% 12%,#173b55 0,#081c2a 48%,#040f17 100%);color:#fff;padding:16px;overflow:auto;display:flex;flex-direction:column;align-items:center;gap:15px} .nova-ev-gsensor-head{width:min(820px,100%);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;position:sticky;top:0;z-index:3;background:linear-gradient(180deg,rgba(4,15,23,.98),rgba(4,15,23,.82),transparent);padding:3px 0 12px} .nova-ev-gsensor-head>div{text-align:center}.nova-ev-gsensor-head small{display:block;color:#fff;font-size:9px;font-weight:900;letter-spacing:.14em}.nova-ev-gsensor-head b{display:block;color:#fff;font-size:19px;letter-spacing:.1em;margin-top:2px}.nova-ev-gsensor-head button{border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:#fff;border-radius:12px;padding:10px 13px;font-weight:900;cursor:pointer} .nova-ev-gsensor-head span{display:inline-flex;margin-top:7px;border-radius:999px;padding:5px 10px;border:1px solid rgba(255,255,255,.28);font-size:10px;font-weight:950;letter-spacing:.08em}.nova-ev-gsensor-head span.on{background:#0f8b5f}.nova-ev-gsensor-head span.off{background:#5d6872} .nova-ev-gsensor-meter{position:relative;width:min(74vw,430px);aspect-ratio:1;border-radius:50%;border:2px solid rgba(255,255,255,.35);background:radial-gradient(circle,rgba(70,184,239,.13),rgba(12,45,65,.6) 58%,rgba(4,20,30,.9));box-shadow:0 22px 60px rgba(0,0,0,.35),inset 0 0 40px rgba(81,190,240,.08)} .nova-ev-gsensor-meter:before,.nova-ev-gsensor-meter:after{content:"";position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(255,255,255,.14);transform:translate(-50%,-50%)}.nova-ev-gsensor-meter:before{width:66%;height:66%}.nova-ev-gsensor-meter:after{width:34%;height:34%} .nova-ev-gsensor-meter .axis-x,.nova-ev-gsensor-meter .axis-y{position:absolute;background:rgba(255,255,255,.18)}.nova-ev-gsensor-meter .axis-x{left:8%;right:8%;height:1px;top:50%}.nova-ev-gsensor-meter .axis-y{top:8%;bottom:8%;width:1px;left:50%} .nova-ev-gsensor-dot{position:absolute;left:50%;top:50%;width:34px;height:34px;border-radius:50%;background:#5ce1ff;border:4px solid #fff;box-shadow:0 0 28px rgba(92,225,255,.75);transform:translate(-50%,-50%);transition:left .08s linear,top .08s linear,transform .08s linear} .nova-ev-gsensor-meter small{position:absolute;color:#fff!important;font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;opacity:.9}.nova-ev-gsensor-meter .g-top{top:4%;left:50%;transform:translateX(-50%)}.nova-ev-gsensor-meter .g-bottom{bottom:4%;left:50%;transform:translateX(-50%)}.nova-ev-gsensor-meter .g-left{left:3%;top:50%;transform:translateY(-50%)}.nova-ev-gsensor-meter .g-right{right:3%;top:50%;transform:translateY(-50%)} .nova-ev-gsensor-values{width:min(900px,100%);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.nova-ev-gsensor-values>div{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.07);border-radius:15px;padding:14px;text-align:center}.nova-ev-gsensor-values small{display:block;color:#fff!important;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.nova-ev-gsensor-values b{display:block;color:#fff!important;font-size:clamp(24px,4vw,46px);font-variant-numeric:tabular-nums;margin-top:6px} .nova-ev-gsensor-controls{display:flex;gap:9px;flex-wrap:wrap;justify-content:center}.nova-ev-gsensor-controls button{border:1px solid rgba(255,255,255,.3);background:#102f45;color:#fff;border-radius:12px;padding:11px 14px;font-weight:900;cursor:pointer}.nova-ev-gsensor-controls button.on{background:#0f8b5f} .nova-ev-gsensor-voice{width:min(900px,100%);border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.05);padding:10px 13px;color:#fff;font-size:10px;line-height:1.45;text-align:center}.nova-ev-gsensor-panel>p{width:min(900px,100%);margin:0;text-align:center;color:#d9edf8;font-size:10px;line-height:1.45} @media(max-width:620px){.nova-ev-gsensor-panel{padding:10px;gap:10px}.nova-ev-gsensor-head button{padding:8px 9px;font-size:10px}.nova-ev-gsensor-meter{width:min(88vw,360px)}.nova-ev-gsensor-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.nova-ev-gsensor-values>div{padding:10px}.nova-ev-gsensor-values b{font-size:25px}.nova-ev-gsensor-controls button{font-size:10px;padding:9px 11px}} /* V75.52-26 · NOVA Drive Wind */ .nova-ev-wind-panel{position:fixed;inset:0;z-index:2147483000;background:var(--ev-cockpit-bg,#07131f);color:#fff;padding:18px;overflow:auto} .nova-ev-wind-head{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;max-width:820px;margin:0 auto 18px} .nova-ev-wind-head>div{text-align:center}.nova-ev-wind-head small{display:block;font-size:11px;letter-spacing:.18em;color:#dff8ff}.nova-ev-wind-head b{display:block;font-size:24px;color:#fff}.nova-ev-wind-head span{display:inline-block;margin-top:5px;padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.12);font-size:10px;font-weight:900;letter-spacing:.12em;color:#fff} .nova-ev-wind-head button{min-height:42px;border:1px solid rgba(255,255,255,.32);border-radius:12px;background:rgba(255,255,255,.1);color:#fff;font-weight:900;padding:0 14px} .nova-ev-wind-visual{position:relative;width:min(74vw,340px);aspect-ratio:1;margin:8px auto 16px;border:3px solid rgba(255,255,255,.72);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.10) 0 2px,transparent 3px),linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:auto,50% 50%,50% 50%;box-shadow:0 16px 50px rgba(0,0,0,.3),inset 0 0 45px rgba(255,255,255,.04)} .nova-ev-wind-car{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:52px;line-height:1;color:#fff;text-align:center;text-shadow:0 4px 14px rgba(0,0,0,.5)}.nova-ev-wind-car small{display:block;font-size:9px;letter-spacing:.14em;margin-top:5px} .nova-ev-wind-arrow{position:absolute;left:50%;top:50%;width:44%;transform-origin:0 50%;font-size:42px;line-height:1;color:#64e7ff;text-shadow:0 0 14px rgba(100,231,255,.75);transition:transform .35s ease} .nova-ev-wind-visual>span{position:absolute;font-size:12px;font-weight:900;color:#fff}.nova-ev-wind-visual .wind-n{top:8px;left:50%;transform:translateX(-50%)}.nova-ev-wind-visual .wind-s{bottom:8px;left:50%;transform:translateX(-50%)}.nova-ev-wind-visual .wind-e{right:9px;top:50%;transform:translateY(-50%)}.nova-ev-wind-visual .wind-w{left:9px;top:50%;transform:translateY(-50%)} .nova-ev-wind-main{text-align:center;max-width:720px;margin:0 auto 15px}.nova-ev-wind-main b{display:block;font-size:clamp(42px,10vw,78px);line-height:1;color:#fff}.nova-ev-wind-main span{display:block;margin-top:7px;color:#dff8ff;font-size:12px;font-weight:800} .nova-ev-wind-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:720px;margin:0 auto}.nova-ev-wind-values>div{padding:14px;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:rgba(255,255,255,.08)}.nova-ev-wind-values small{display:block;color:#dff8ff;font-size:11px}.nova-ev-wind-values b{display:block;margin-top:5px;color:#fff;font-size:22px} .nova-ev-wind-panel p{max-width:720px;margin:15px auto 0;color:#dff8ff;font-size:11px;line-height:1.5;text-align:center} @media(max-width:600px){.nova-ev-wind-panel{padding:12px}.nova-ev-wind-head b{font-size:20px}.nova-ev-wind-values b{font-size:18px}} /* V75.52-27 · Wind-Richtungsprüfung */ .nova-ev-wind-check{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;max-width:720px;margin:14px auto 0} .nova-ev-wind-check button{min-height:42px;border:1px solid rgba(255,255,255,.32);border-radius:12px;background:rgba(255,255,255,.12);color:#fff;font-weight:900;padding:0 16px} .nova-ev-wind-check span{display:inline-flex;align-items:center;min-height:38px;padding:7px 11px;border-radius:11px;background:rgba(255,255,255,.08);color:#dff8ff;font-size:11px;font-weight:800;text-align:center} .nova-ev-wind-check span.ok{background:rgba(20,180,111,.18);border:1px solid rgba(69,232,153,.45);color:#dffff0} .nova-ev-wind-check span.warn{background:rgba(255,183,77,.14);border:1px solid rgba(255,197,110,.4);color:#fff2d7} /* V75.52-28 · Drive cockpit price scale + persistent cross-view voice */ .nova-ev-cockpit-price-slider{min-width:0;width:100%} .nova-ev-cockpit-price-slider input[type="range"]{display:block;width:100%} .nova-ev-cockpit-price-scale{display:flex;justify-content:space-between;gap:4px;margin-top:4px;padding:0 2px;color:#fff;font-size:9px;font-weight:900;font-variant-numeric:tabular-nums;opacity:.9} .nova-ev-cockpit-price-scale span:last-child{text-align:right} #evCockpitSpeech.on,#evGSensorSpeech.on,#evWindSpeech.on{background:rgba(20,180,111,.22)!important;border-color:rgba(88,240,169,.55)!important;color:#fff!important} .nova-ev-wind-voice{max-width:720px;margin:10px auto 0;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.05);padding:10px 13px;color:#fff;font-size:10px;line-height:1.45;text-align:center} \n\n/* NOVA Universe V75.52.536-29 · Cockpit reliability fixes */\n.nova-ev-cockpit-price-slider input[type="range"]{\n -webkit-appearance:none!important;appearance:none!important;display:block!important;\n width:100%!important;height:12px!important;min-height:12px!important;margin:7px 0 8px!important;\n border:1px solid rgba(255,255,255,.72)!important;border-radius:999px!important;\n background:linear-gradient(90deg,#20c997 0%,#ffd43b 50%,#ff6b6b 100%)!important;\n box-shadow:inset 0 1px 3px rgba(0,0,0,.38),0 0 0 2px rgba(255,255,255,.08)!important;\n opacity:1!important;visibility:visible!important;cursor:pointer!important;\n}\n.nova-ev-cockpit-price-slider input[type="range"]::-webkit-slider-runnable-track{height:12px;background:transparent;border:0;border-radius:999px}\n.nova-ev-cockpit-price-slider input[type="range"]::-webkit-slider-thumb{\n -webkit-appearance:none!important;appearance:none!important;width:26px;height:26px;margin-top:-7px;border-radius:50%;\n background:#fff!important;border:3px solid #0d6efd!important;box-shadow:0 2px 8px rgba(0,0,0,.45)!important;\n}\n.nova-ev-cockpit-price-slider input[type="range"]::-moz-range-track{height:12px;background:linear-gradient(90deg,#20c997 0%,#ffd43b 50%,#ff6b6b 100%);border:1px solid rgba(255,255,255,.72);border-radius:999px}\n.nova-ev-cockpit-price-slider input[type="range"]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid #0d6efd;box-shadow:0 2px 8px rgba(0,0,0,.45)}\n.nova-ev-cockpit-price-scale{display:grid!important;grid-template-columns:repeat(5,1fr)!important;width:100%!important;opacity:1!important}\n.nova-ev-cockpit-price-scale span{text-align:center!important;color:#fff!important;font-size:10px!important;font-weight:950!important}\n.nova-ev-cockpit-price-scale span:first-child{text-align:left!important}.nova-ev-cockpit-price-scale span:last-child{text-align:right!important}\n.nova-ev-cockpit[data-theme="blue"]{--evc-bg1:#123c5a;--evc-bg2:#0a2235;--evc-bg3:#061722;--evc-card:rgba(16,48,70,.78);--evc-border:rgba(132,201,237,.35);--evc-accent:#4fd5ff}\n.nova-ev-cockpit[data-theme="green"]{--evc-bg1:#146344;--evc-bg2:#083c2d;--evc-bg3:#04251c;--evc-card:rgba(18,88,62,.78);--evc-border:rgba(106,255,188,.38);--evc-accent:#75ffc1}\n.nova-ev-cockpit[data-theme="purple"]{--evc-bg1:#6b3ba4;--evc-bg2:#3b205e;--evc-bg3:#211133;--evc-card:rgba(89,49,129,.78);--evc-border:rgba(220,181,255,.38);--evc-accent:#ddb8ff}\n.nova-ev-cockpit[data-theme="orange"]{--evc-bg1:#a85b17;--evc-bg2:#63350e;--evc-bg3:#351c08;--evc-card:rgba(132,71,17,.8);--evc-border:rgba(255,205,128,.4);--evc-accent:#ffd08a}\n.nova-ev-cockpit[data-theme="red"]{--evc-bg1:#9f2637;--evc-bg2:#5f1421;--evc-bg3:#330a11;--evc-card:rgba(128,29,44,.8);--evc-border:rgba(255,157,169,.42);--evc-accent:#ffb1bb}\n.nova-ev-cockpit[data-theme="graphite"]{--evc-bg1:#515d66;--evc-bg2:#2d363c;--evc-bg3:#151b1f;--evc-card:rgba(61,72,79,.82);--evc-border:rgba(225,240,249,.34);--evc-accent:#e6f7ff}\n.nova-ev-cockpit[data-theme] .nova-ev-cockpit-accel>div,\n.nova-ev-cockpit[data-theme] .nova-ev-cockpit-cost,\n.nova-ev-cockpit[data-theme] .nova-ev-cockpit-cost-results>div,\n.nova-ev-cockpit[data-theme] .nova-ev-cockpit-tools button,\n.nova-ev-cockpit[data-theme] .nova-ev-cockpit-tools label{background:var(--evc-card)!important;border-color:var(--evc-border)!important}\n.nova-ev-cockpit[data-theme] .nova-ev-cockpit-compass span{color:var(--evc-accent)!important}\n /* NOVA Universe V75.52.536-30 · Mobile calculator sliders + manual consumption + safety note */ .nova-ev-cockpit-cost,.nova-ev-cockpit-cost *{color:#fff!important} .nova-ev-cockpit-cost small,.nova-ev-cockpit-manual-note{color:#f3fbff!important;opacity:1!important} .nova-ev-cockpit-slider-field{display:block!important;width:100%!important;min-width:0!important} .nova-ev-cockpit-price-row{width:100%!important;min-width:0!important} .nova-ev-cockpit-price-slider{display:block!important;width:100%!important;min-width:0!important;overflow:visible!important;padding:2px 1px 0!important} .nova-ev-cockpit-price-slider input[type="range"]{ display:block!important;width:100%!important;max-width:none!important;min-width:0!important; height:34px!important;min-height:34px!important;padding:0!important;margin:2px 0 3px!important; background:transparent!important;border:0!important;box-shadow:none!important;opacity:1!important;visibility:visible!important; touch-action:pan-y!important;-webkit-tap-highlight-color:transparent!important; } .nova-ev-cockpit-price-slider input[type="range"]::-webkit-slider-runnable-track{ height:12px!important;border:1px solid rgba(255,255,255,.9)!important;border-radius:999px!important; background:linear-gradient(90deg,#20c997 0%,#ffd43b 50%,#ff6b6b 100%)!important; box-shadow:inset 0 1px 3px rgba(0,0,0,.38)!important; } .nova-ev-cockpit-price-slider input[type="range"]::-webkit-slider-thumb{ -webkit-appearance:none!important;appearance:none!important;width:28px!important;height:28px!important;margin-top:-9px!important; border-radius:50%!important;background:#fff!important;border:3px solid #0d6efd!important;box-shadow:0 2px 8px rgba(0,0,0,.5)!important; } .nova-ev-cockpit-price-slider input[type="range"]::-moz-range-track{ height:12px!important;border:1px solid rgba(255,255,255,.9)!important;border-radius:999px!important; background:linear-gradient(90deg,#20c997 0%,#ffd43b 50%,#ff6b6b 100%)!important; } .nova-ev-cockpit-price-slider input[type="range"]::-moz-range-thumb{width:26px!important;height:26px!important;border-radius:50%!important;background:#fff!important;border:3px solid #0d6efd!important} .nova-ev-cockpit-price-scale{display:grid!important;grid-template-columns:repeat(5,1fr)!important;width:100%!important;margin-top:0!important;color:#fff!important;opacity:1!important} .nova-ev-cockpit-price-scale span{color:#fff!important;font-size:10px!important;font-weight:900!important} .nova-ev-cockpit-manual-note{display:block!important;margin-top:7px!important;font-size:10px!important;line-height:1.4!important;font-weight:750!important} .nova-ev-cockpit-safety-note{margin-top:14px;padding:11px 12px;border:1px solid rgba(255,255,255,.38);border-radius:12px;background:rgba(0,0,0,.20);color:#fff!important;font-size:11px;font-weight:900;line-height:1.45;text-align:center} @media(max-width:700px){ .nova-ev-cockpit-price-row{display:block!important} .nova-ev-cockpit-price-number{margin-top:9px!important;width:100%!important} .nova-ev-cockpit-price-slider{width:100%!important;display:block!important} .nova-ev-cockpit-price-slider input[type="range"]{display:block!important;width:100%!important;height:38px!important;min-height:38px!important} .nova-ev-cockpit-price-scale{display:grid!important;width:100%!important} } /* NOVA Universe V75.52.536-31 · mobile cost popup + visibility */ body.nova-ev-cost-open{overflow:hidden!important} .nova-ev-cockpit{min-height:100dvh!important;height:100dvh!important;box-sizing:border-box!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;padding-bottom:max(26px,env(safe-area-inset-bottom))!important;overscroll-behavior:contain} .nova-ev-cockpit::after{content:"";display:block;flex:0 0 max(18px,env(safe-area-inset-bottom));height:max(18px,env(safe-area-inset-bottom))} .nova-ev-cockpit small,.nova-ev-cockpit .nova-ev-cockpit-note,.nova-ev-cockpit .nova-ev-cockpit-manual-note,.nova-ev-cockpit .nova-ev-cockpit-price-scale span{color:#fff!important;opacity:1!important} .nova-ev-cockpit-grid small,.nova-ev-cockpit-accel small,.nova-ev-cockpit-top small,.nova-ev-cockpit-cost-results small{color:#fff!important;opacity:1!important;text-shadow:0 1px 1px rgba(0,0,0,.28)} .nova-ev-cockpit-cost-open{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--evc-border,rgba(255,255,255,.28));border-radius:16px;background:var(--evc-card,rgba(16,48,70,.78));color:#fff!important;padding:14px 16px;font-weight:900;cursor:pointer;box-shadow:0 12px 28px rgba(0,0,0,.16)} .nova-ev-cockpit-cost-open span{font-size:13px;color:#fff!important}.nova-ev-cockpit-cost-open b{font-size:clamp(22px,3vw,34px);font-variant-numeric:tabular-nums;color:#fff!important} .nova-ev-cockpit-cost-modal[hidden]{display:none!important} .nova-ev-cockpit-cost-modal{position:fixed;inset:0;z-index:54050;display:grid;place-items:center;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));box-sizing:border-box} .nova-ev-cockpit-cost-backdrop{position:absolute;inset:0;background:rgba(2,10,16,.78);backdrop-filter:blur(7px)} .nova-ev-cockpit-cost-dialog{position:relative;z-index:1;width:min(720px,100%);max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto;-webkit-overflow-scrolling:touch;border:1px solid rgba(255,255,255,.32);border-radius:20px;background:linear-gradient(160deg,#12374f,#071c2b 72%);box-shadow:0 26px 70px rgba(0,0,0,.48);color:#fff;padding-bottom:max(6px,env(safe-area-inset-bottom))} .nova-ev-cockpit-cost-head{position:sticky;top:0;z-index:3;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:15px 16px;background:rgba(7,28,43,.97);border-bottom:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px)} .nova-ev-cockpit-cost-head small{display:block;color:#fff!important;font-size:9px!important;font-weight:950;letter-spacing:.13em;opacity:1!important}.nova-ev-cockpit-cost-head b{display:block;color:#fff!important;font-size:19px;margin-top:3px}.nova-ev-cockpit-cost-head span{display:inline-block;margin-top:6px;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.24);color:#fff!important;font-size:12px;font-weight:950;font-variant-numeric:tabular-nums} .nova-ev-cockpit-cost-head button{width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.32);background:rgba(255,255,255,.08);color:#fff;font-size:20px;font-weight:900;cursor:pointer} .nova-ev-cockpit-cost-dialog .nova-ev-cockpit-cost-body{border-top:0!important;padding:16px 16px max(24px,env(safe-area-inset-bottom))!important} .nova-ev-cockpit-cost-dialog .nova-ev-cockpit-price>span,.nova-ev-cockpit-cost-dialog .nova-ev-cockpit-manual-note,.nova-ev-cockpit-cost-dialog .nova-ev-cockpit-cost-results small,.nova-ev-cockpit-cost-dialog .nova-ev-cockpit-safety-note{color:#fff!important;opacity:1!important} .nova-ev-cockpit-cost-dialog .nova-ev-cockpit-price>span{font-size:11px!important}.nova-ev-cockpit-cost-dialog .nova-ev-cockpit-manual-note{font-size:10px!important}.nova-ev-cockpit-cost-dialog .nova-ev-cockpit-cost-results small{font-size:9px!important} @media(max-width:620px){ .nova-ev-cockpit{padding-bottom:max(36px,env(safe-area-inset-bottom))!important} .nova-ev-cockpit-cost-modal{padding:0!important;place-items:stretch} .nova-ev-cockpit-cost-dialog{width:100%;max-height:100dvh;height:100dvh;border-radius:0;border-left:0;border-right:0;box-sizing:border-box;padding-bottom:max(20px,env(safe-area-inset-bottom))} .nova-ev-cockpit-cost-head{padding:max(12px,env(safe-area-inset-top)) 12px 12px} .nova-ev-cockpit-cost-dialog .nova-ev-cockpit-cost-body{padding:14px 12px max(42px,calc(env(safe-area-inset-bottom) + 24px))!important} .nova-ev-cockpit-cost-open{padding:12px 13px}.nova-ev-cockpit-cost-open span{font-size:11px}.nova-ev-cockpit-cost-open b{font-size:23px} .nova-ev-cockpit-cost-dialog .nova-ev-cockpit-price>span{font-size:10px!important}.nova-ev-cockpit-cost-dialog .nova-ev-cockpit-manual-note{font-size:10px!important;line-height:1.45!important} .nova-ev-cockpit-cost-dialog .nova-ev-cockpit-price-scale span{font-size:9px!important;color:#fff!important} } /* NOVA Universe V75.52.536-32 · calculator slider simplification + cockpit safety note */ .nova-ev-cockpit-slider-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px} .nova-ev-cockpit-slider-head span{display:block!important;margin:0!important;color:#fff!important;font-size:10px!important;font-weight:900!important;letter-spacing:.09em!important;text-transform:uppercase!important} .nova-ev-cockpit-slider-head b{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.26);background:rgba(255,255,255,.10);color:#fff!important;font-size:12px;font-weight:950;font-variant-numeric:tabular-nums;white-space:nowrap} .nova-ev-cockpit-price-number-hidden{display:none!important} .nova-ev-cockpit-cost-dialog .nova-ev-cockpit-price-row{display:block!important} .nova-ev-cockpit-cost-dialog .nova-ev-cockpit-price-slider input[type="range"]{height:38px!important;min-height:38px!important;margin:3px 0 4px!important} .nova-ev-cockpit-cost-dialog .nova-ev-cockpit-price-slider input[type="range"]::-webkit-slider-runnable-track{height:14px!important} .nova-ev-cockpit-cost-dialog .nova-ev-cockpit-price-slider input[type="range"]::-webkit-slider-thumb{width:26px!important;height:26px!important;margin-top:-7px!important} .nova-ev-cockpit-cost-dialog .nova-ev-cockpit-price-slider input[type="range"]::-moz-range-track{height:14px!important} .nova-ev-cockpit-cost-dialog .nova-ev-cockpit-price-slider input[type="range"]::-moz-range-thumb{width:24px!important;height:24px!important} .nova-ev-cockpit-cost-dialog .nova-ev-cockpit-price-scale{margin-top:2px!important} .nova-ev-cockpit-cost-open span{font-size:12px!important} .nova-ev-cockpit-bottom-safety{margin-top:12px;width:100%} @media(max-width:620px){ .nova-ev-cockpit-slider-head{flex-wrap:wrap;gap:8px} .nova-ev-cockpit-slider-head b{font-size:11px;padding:5px 9px} } /* NOVA Universe V75.52.536-33 · cockpit note order + calculator simplification */ .nova-ev-cockpit-bottom-safety{order:1;margin-top:12px;margin-bottom:8px} .nova-ev-cockpit-note{order:2} .nova-ev-cockpit-cost-results-single{grid-template-columns:minmax(0,1fr)!important} .nova-ev-cockpit-cost-results-single>div{min-height:86px;align-items:flex-start} .nova-ev-cockpit-cost-results-single small{font-size:10px!important} .nova-ev-cockpit-cost-results-single b{font-size:clamp(24px,4vw,38px)!important} .nova-ev-cockpit-km-scale span:last-child{white-space:nowrap} .nova-ev-cockpit-price-scale{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:center!important;justify-items:center!important;padding:0 0!important;margin-top:3px!important} .nova-ev-cockpit-price-scale span{display:block!important;width:100%!important;text-align:center!important;transform:none!important} .nova-ev-cockpit-price-scale span:first-child,.nova-ev-cockpit-price-scale span:last-child{text-align:center!important} .nova-ev-cockpit-cost-dialog .nova-ev-cockpit-price-slider input[type="range"]{margin:4px 0 4px!important} @media(max-width:430px){.nova-ev-cockpit-cost-results-single{grid-template-columns:1fr!important}} /* NOVA Universe V75.52.536-34 · cockpit calculator link + notes tighter */ .nova-ev-cockpit-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 14px;border:1px solid rgba(255,255,255,.28);border-radius:12px;background:rgba(255,255,255,.08);color:#fff!important;font-size:11px;font-weight:900;cursor:pointer;text-decoration:none;white-space:nowrap} .nova-ev-cockpit-actionrow{display:grid;grid-template-columns:auto auto auto auto;gap:7px;align-items:center;justify-content:center;width:100%;flex:1 1 100%} .nova-ev-cockpit-startall,.nova-ev-cockpit-stopall{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:999px!important;color:#fff!important;font-size:12px!important;font-weight:950!important;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;white-space:nowrap} .nova-ev-cockpit-startall{border:1px solid rgba(255,150,150,.78)!important;background:linear-gradient(180deg,#ff5b61 0%,#df252b 52%,#9a0b10 100%)!important;box-shadow:0 0 0 2px rgba(255,86,86,.14),0 8px 22px rgba(140,0,0,.26)!important} .nova-ev-cockpit-stopall{border:1px solid rgba(255,255,255,.26)!important;background:linear-gradient(180deg,#53171c 0%,#350b0e 100%)!important;box-shadow:0 8px 20px rgba(0,0,0,.22)!important} .nova-ev-cockpit-startall:hover,.nova-ev-cockpit-stopall:hover{filter:brightness(1.07)} .nova-ev-cockpit-startall:active,.nova-ev-cockpit-stopall:active{transform:translateY(1px) scale(.99)} .nova-ev-cockpit[data-theme] .nova-ev-cockpit-link{background:var(--evc-card)!important;border-color:var(--evc-border)!important} .nova-ev-cockpit-bottom-safety{margin-top:8px!important;margin-bottom:2px!important} .nova-ev-cockpit-note{margin-top:0!important;margin-bottom:0!important;font-size:10px!important;line-height:1.35!important} @media(max-width:620px){.nova-ev-cockpit-link{font-size:9px;min-height:34px;padding:8px 12px}} /* NOVA Universe V75.52.536-35 · cockpit fit/size mobile refinement */ @media(max-width:620px){ .nova-ev-cockpit{padding:9px!important;gap:7px!important} .nova-ev-cockpit-top{padding:2px 0 7px!important;gap:8px!important} .nova-ev-cockpit-top button{padding:10px 12px!important;font-size:11px!important;min-height:40px!important} .nova-ev-cockpit-top small{font-size:8px!important} .nova-ev-cockpit-top b{font-size:12px!important} .nova-ev-cockpit-tools{gap:7px!important} .nova-ev-cockpit-tools button,.nova-ev-cockpit-tools label,.nova-ev-cockpit-link{font-size:10px!important;min-height:38px!important;padding:9px 11px!important} .nova-ev-cockpit-actionrow{grid-template-columns:auto auto auto auto!important;gap:5px!important} .nova-ev-cockpit-actionrow .nova-ev-cockpit-startall,.nova-ev-cockpit-actionrow .nova-ev-cockpit-stopall,.nova-ev-cockpit-actionrow .nova-ev-cockpit-link{min-height:36px!important;padding:0 9px!important;font-size:9px!important;border-radius:999px!important} .nova-ev-cockpit-tools label{padding:6px 9px 6px 11px!important} .nova-ev-cockpit-tools select{padding:7px 8px!important;font-size:10px!important} .nova-ev-cockpit-main{gap:7px!important} .nova-ev-cockpit-speed,.nova-ev-cockpit-compass{min-height:132px!important;padding:9px!important} .nova-ev-cockpit-speed b{font-size:82px!important} .nova-ev-cockpit-speed span{font-size:12px!important} .nova-ev-cockpit-compass span{font-size:26px!important} .nova-ev-cockpit-compass b{font-size:25px!important;margin-top:4px!important} .nova-ev-cockpit-compass small{font-size:10px!important;margin-top:5px!important} .nova-ev-cockpit-grid,.nova-ev-cockpit-accel{gap:6px!important} .nova-ev-cockpit-grid>div,.nova-ev-cockpit-accel>div{min-height:68px!important;padding:9px 10px!important} .nova-ev-cockpit-grid small,.nova-ev-cockpit-accel small{font-size:8px!important} .nova-ev-cockpit-grid b{font-size:18px!important;margin-top:4px!important} .nova-ev-cockpit-accel b{font-size:18px!important;margin-top:4px!important} .nova-ev-cockpit-bottom-safety{margin-top:4px!important;margin-bottom:1px!important;padding:9px 10px!important;font-size:9px!important;line-height:1.28!important} .nova-ev-cockpit-note{font-size:9px!important;line-height:1.28!important;margin-top:-1px!important} } @media(max-width:420px){ .nova-ev-cockpit{padding:8px!important;gap:6px!important} .nova-ev-cockpit-speed,.nova-ev-cockpit-compass{min-height:126px!important} .nova-ev-cockpit-speed b{font-size:78px!important} .nova-ev-cockpit-compass span{font-size:24px!important} .nova-ev-cockpit-compass b{font-size:23px!important} .nova-ev-cockpit-grid>div,.nova-ev-cockpit-accel>div{min-height:64px!important;padding:8px 9px!important} .nova-ev-cockpit-grid b,.nova-ev-cockpit-accel b{font-size:17px!important} } /* NOVA Universe V75.52.536-36 · cockpit mobile typography refinement */ .nova-ev-cockpit-grid small, .nova-ev-cockpit-accel small, .nova-ev-cockpit-energy small, .nova-ev-cockpit-top small{color:#ffffff!important;opacity:1!important;text-shadow:0 1px 1px rgba(0,0,0,.14)} @media(max-width:620px){ .nova-ev-cockpit-speed{align-items:flex-end!important;justify-content:center!important;gap:18px!important;padding:10px 12px 12px!important} .nova-ev-cockpit-speed b{font-size:96px!important;line-height:.88!important} .nova-ev-cockpit-speed span{font-size:17px!important;line-height:1!important;margin-left:2px!important;margin-bottom:12px!important;letter-spacing:.02em!important} .nova-ev-cockpit-grid small,.nova-ev-cockpit-accel small,.nova-ev-cockpit-energy small{font-size:9px!important;letter-spacing:.06em!important;color:#fff!important;opacity:1!important} } @media(max-width:420px){ .nova-ev-cockpit-speed{gap:20px!important;padding:10px 12px 12px!important} .nova-ev-cockpit-speed b{font-size:102px!important} .nova-ev-cockpit-speed span{font-size:18px!important;margin-left:3px!important;margin-bottom:12px!important} .nova-ev-cockpit-grid small,.nova-ev-cockpit-accel small,.nova-ev-cockpit-energy small{font-size:9px!important} } /* NOVA Universe V75.52.536-37 · cockpit label contrast + accel value emphasis */ .nova-ev-cockpit-grid small, .nova-ev-cockpit-accel small, .nova-ev-cockpit-energy small, .nova-ev-cockpit-top small, .nova-ev-cockpit-note, .nova-ev-cockpit-bottom-safety, .nova-ev-cockpit-compass small{color:#ffffff!important;opacity:1!important} .nova-ev-cockpit-accel b{font-size:clamp(28px,3.8vw,48px)!important;line-height:1!important;letter-spacing:-.02em!important;font-variant-numeric:tabular-nums!important;color:#ffffff!important} @media(max-width:620px){ .nova-ev-cockpit-grid small,.nova-ev-cockpit-accel small,.nova-ev-cockpit-energy small{font-size:9px!important;letter-spacing:.07em!important;color:#fff!important;opacity:1!important} .nova-ev-cockpit-accel b{font-size:24px!important;line-height:1!important} } @media(max-width:420px){ .nova-ev-cockpit-grid small,.nova-ev-cockpit-accel small,.nova-ev-cockpit-energy small{font-size:9px!important;color:#fff!important} .nova-ev-cockpit-accel b{font-size:26px!important;line-height:1!important} } /* NOVA Universe V75.52.536-38 · force white cockpit micro-labels */ .nova-ev-cockpit-grid>div>small, .nova-ev-cockpit-accel>div>small, .nova-ev-cockpit-compass>small, .nova-ev-cockpit-top>div>small, .nova-ev-cockpit-top small{ color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; opacity:1!important; filter:none!important; mix-blend-mode:normal!important; text-shadow:0 1px 1px rgba(0,0,0,.18)!important; } .nova-ev-cockpit-grid>div, .nova-ev-cockpit-accel>div{color:#ffffff!important} .nova-ev-cockpit-grid>div>small, .nova-ev-cockpit-accel>div>small{font-weight:900!important;letter-spacing:.07em!important} @media(max-width:620px){ .nova-ev-cockpit-grid>div>small, .nova-ev-cockpit-accel>div>small{font-size:10px!important;color:#fff!important;-webkit-text-fill-color:#fff!important} .nova-ev-cockpit-accel b{font-size:28px!important} } @media(max-width:420px){ .nova-ev-cockpit-grid>div>small, .nova-ev-cockpit-accel>div>small{font-size:10px!important;color:#fff!important;-webkit-text-fill-color:#fff!important} .nova-ev-cockpit-accel b{font-size:30px!important} } /* NOVA Universe V75.52.536-39 · NOVA Drive Cockpit Neon UI */ .nova-ev-cockpit{ --evc-bg1:#0a1030; --evc-bg2:#1b1454; --evc-bg3:#030612; --evc-card:rgba(8,16,54,.54); --evc-card-2:rgba(12,20,66,.72); --evc-border:rgba(113,146,255,.62); --evc-glow:rgba(77,173,255,.42); --evc-glow-2:rgba(200,94,255,.30); --evc-accent:#37d8ff; --evc-accent-2:#c86cff; --evc-accent-3:#63ffd1; --evc-muted:#eef6ff; position:fixed; isolation:isolate; background: radial-gradient(circle at 50% 0%, rgba(183,93,255,.30) 0, transparent 28%), radial-gradient(circle at 18% 22%, rgba(35,214,255,.18) 0, transparent 24%), radial-gradient(circle at 84% 18%, rgba(77,111,255,.16) 0, transparent 22%), linear-gradient(180deg, #060a1f 0%, #15113f 24%, #231651 48%, #150e37 74%, #090d23 100%); color:#fff; } .nova-ev-cockpit::before, .nova-ev-cockpit::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0} .nova-ev-cockpit::before{ opacity:.8; background-image: radial-gradient(circle at 12% 18%, rgba(255,255,255,.95) 0 1.2px, transparent 1.8px), radial-gradient(circle at 20% 72%, rgba(255,255,255,.7) 0 1px, transparent 1.6px), radial-gradient(circle at 34% 30%, rgba(255,255,255,.9) 0 1.1px, transparent 1.7px), radial-gradient(circle at 42% 64%, rgba(255,255,255,.75) 0 1px, transparent 1.6px), radial-gradient(circle at 57% 22%, rgba(255,255,255,.95) 0 1.1px, transparent 1.7px), radial-gradient(circle at 63% 80%, rgba(255,255,255,.75) 0 1px, transparent 1.6px), radial-gradient(circle at 76% 34%, rgba(255,255,255,.9) 0 1px, transparent 1.6px), radial-gradient(circle at 88% 68%, rgba(255,255,255,.8) 0 1px, transparent 1.6px), radial-gradient(circle at 93% 14%, rgba(255,255,255,.95) 0 1.2px, transparent 1.8px); } .nova-ev-cockpit::after{ background: radial-gradient(circle at 50% 14%, rgba(139,78,255,.18) 0, transparent 28%), linear-gradient(180deg, rgba(5,10,28,.24), rgba(5,10,28,.10)); mix-blend-mode:screen; } .nova-ev-cockpit>*{position:relative;z-index:1} .nova-ev-cockpit[data-theme="blue"]{--evc-card:rgba(8,18,56,.58);--evc-card-2:rgba(8,26,72,.72);--evc-border:rgba(77,194,255,.62);--evc-glow:rgba(77,194,255,.44);--evc-glow-2:rgba(108,120,255,.30);--evc-accent:#3fe3ff;--evc-accent-2:#7f7bff;--evc-accent-3:#83fff7} .nova-ev-cockpit[data-theme="green"]{--evc-card:rgba(7,36,44,.58);--evc-card-2:rgba(6,52,56,.74);--evc-border:rgba(86,255,198,.50);--evc-glow:rgba(86,255,198,.34);--evc-glow-2:rgba(67,214,255,.22);--evc-accent:#7affd8;--evc-accent-2:#30caa8;--evc-accent-3:#b9fff0} .nova-ev-cockpit[data-theme="purple"]{--evc-card:rgba(27,18,70,.58);--evc-card-2:rgba(42,24,86,.76);--evc-border:rgba(178,112,255,.54);--evc-glow:rgba(115,171,255,.36);--evc-glow-2:rgba(214,106,255,.34);--evc-accent:#40ddff;--evc-accent-2:#d069ff;--evc-accent-3:#91fbff} .nova-ev-cockpit[data-theme="orange"]{--evc-card:rgba(52,22,17,.58);--evc-card-2:rgba(76,29,19,.76);--evc-border:rgba(255,184,97,.55);--evc-glow:rgba(255,184,97,.28);--evc-glow-2:rgba(255,111,111,.22);--evc-accent:#ffd06d;--evc-accent-2:#ff8857;--evc-accent-3:#fff3a3} .nova-ev-cockpit[data-theme="red"]{--evc-card:rgba(48,12,24,.60);--evc-card-2:rgba(79,18,34,.76);--evc-border:rgba(255,120,152,.56);--evc-glow:rgba(255,120,152,.28);--evc-glow-2:rgba(255,90,90,.22);--evc-accent:#ff9cb8;--evc-accent-2:#ff5f87;--evc-accent-3:#ffd4df} .nova-ev-cockpit[data-theme="graphite"]{--evc-card:rgba(17,25,50,.62);--evc-card-2:rgba(20,33,64,.78);--evc-border:rgba(185,215,255,.48);--evc-glow:rgba(108,180,255,.28);--evc-glow-2:rgba(143,163,255,.18);--evc-accent:#eaf6ff;--evc-accent-2:#9ab7ff;--evc-accent-3:#fbffff} .nova-ev-cockpit-top{ padding:4px 0 12px!important; background:linear-gradient(180deg, rgba(4,7,20,.96), rgba(4,7,20,.72), rgba(4,7,20,0)); } .nova-ev-cockpit-top small{ color:#d5e8ff!important; text-shadow:0 0 10px rgba(108,194,255,.28); } .nova-ev-cockpit-top b{ font-size:clamp(16px,2.2vw,28px)!important; color:#fff!important; text-shadow:0 0 22px rgba(148,195,255,.18); } .nova-ev-cockpit-top button, .nova-ev-cockpit-tools button, .nova-ev-cockpit-tools label, .nova-ev-cockpit-link, .nova-ev-cockpit-cost-open{ border:1px solid var(--evc-border)!important; background:linear-gradient(180deg, rgba(11,24,74,.88), rgba(13,18,50,.72))!important; box-shadow:0 0 0 1px rgba(255,255,255,.04) inset, 0 0 0 1px rgba(64,186,255,.12), 0 14px 34px rgba(0,0,0,.28), 0 0 24px var(--evc-glow)!important; backdrop-filter:blur(12px) saturate(1.18); -webkit-backdrop-filter:blur(12px) saturate(1.18); color:#fff!important; } .nova-ev-cockpit-top button:hover, .nova-ev-cockpit-tools button:hover, .nova-ev-cockpit-link:hover{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(255,255,255,.05) inset,0 0 0 1px rgba(64,186,255,.18),0 18px 40px rgba(0,0,0,.32),0 0 28px var(--evc-glow-2)!important} .nova-ev-cockpit-tools{gap:10px!important} .nova-ev-cockpit-tools button, .nova-ev-cockpit-tools label, .nova-ev-cockpit-link{border-radius:16px!important;min-height:48px!important;font-size:12px!important;font-weight:900!important} .nova-ev-cockpit-tools label{display:inline-flex;align-items:center;gap:10px;padding:8px 12px 8px 14px!important} .nova-ev-cockpit-tools select{ min-width:110px; border:1px solid rgba(255,255,255,.26)!important; border-radius:12px!important; background:linear-gradient(180deg, rgba(249,248,255,.97), rgba(225,230,247,.95))!important; color:#2f2672!important; font-weight:900!important; padding:9px 12px!important; } .nova-ev-cockpit[data-theme] .nova-ev-cockpit-tools button, .nova-ev-cockpit[data-theme] .nova-ev-cockpit-tools label, .nova-ev-cockpit[data-theme] .nova-ev-cockpit-link, .nova-ev-cockpit[data-theme] .nova-ev-cockpit-cost-open{background:linear-gradient(180deg, color-mix(in srgb, var(--evc-card-2) 90%, white 10%), color-mix(in srgb, var(--evc-card) 92%, black 8%))!important;border-color:var(--evc-border)!important} .nova-ev-cockpit-speed, .nova-ev-cockpit-compass, .nova-ev-cockpit-grid>div, .nova-ev-cockpit-accel>div, .nova-ev-cockpit-energy>div, .nova-ev-cockpit-bottom-safety, .nova-ev-cockpit-note{ border:1px solid var(--evc-border)!important; background:linear-gradient(180deg, rgba(10,18,56,.74), rgba(10,18,56,.44))!important; box-shadow:0 0 0 1px rgba(255,255,255,.03) inset, 0 0 0 1px rgba(66,175,255,.10), 0 18px 44px rgba(0,0,0,.24), 0 0 22px var(--evc-glow-2)!important; backdrop-filter:blur(14px) saturate(1.1); -webkit-backdrop-filter:blur(14px) saturate(1.1); } .nova-ev-cockpit[data-theme] .nova-ev-cockpit-speed, .nova-ev-cockpit[data-theme] .nova-ev-cockpit-compass, .nova-ev-cockpit[data-theme] .nova-ev-cockpit-grid>div, .nova-ev-cockpit[data-theme] .nova-ev-cockpit-accel>div, .nova-ev-cockpit[data-theme] .nova-ev-cockpit-energy>div{background:linear-gradient(180deg, color-mix(in srgb, var(--evc-card-2) 92%, white 8%), color-mix(in srgb, var(--evc-card) 88%, black 12%))!important} .nova-ev-cockpit-speed, .nova-ev-cockpit-compass{position:relative;overflow:hidden;border-radius:24px!important} .nova-ev-cockpit-speed::before{ content:""; position:absolute; width:min(82%,340px); aspect-ratio:1; left:50%;top:50%;transform:translate(-50%,-44%); border-radius:50%; background:conic-gradient(from 215deg, var(--evc-accent) 0 118deg, var(--evc-accent-2) 118deg 220deg, rgba(255,255,255,.07) 220deg 308deg, rgba(255,255,255,0) 308deg 360deg); -webkit-mask:radial-gradient(circle at center, transparent 57%, #000 58% 64%, transparent 65%); mask:radial-gradient(circle at center, transparent 57%, #000 58% 64%, transparent 65%); opacity:.96; filter:drop-shadow(0 0 22px color-mix(in srgb, var(--evc-accent) 50%, white 50%)); } .nova-ev-cockpit-speed::after{ content:""; position:absolute;inset:18px; border-radius:22px; background:radial-gradient(circle at 50% 18%, rgba(255,255,255,.12), transparent 42%); } .nova-ev-cockpit-speed b, .nova-ev-cockpit-speed span{position:relative;z-index:1} .nova-ev-cockpit-speed{align-items:flex-end!important;justify-content:center!important;gap:18px!important;padding:18px 18px 22px!important} .nova-ev-cockpit-speed b{font-size:clamp(102px,19vw,220px)!important;line-height:.84!important;letter-spacing:-.06em!important;color:#fff!important;text-shadow:0 0 34px rgba(255,255,255,.12)} .nova-ev-cockpit-speed span{font-size:clamp(26px,3.3vw,40px)!important;font-weight:900!important;color:#fff!important;margin-bottom:18px!important;letter-spacing:.01em} .nova-ev-cockpit-compass{justify-content:center!important} .nova-ev-cockpit-compass::before{ content:""; position:absolute; width:min(72%,250px);aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%); border-radius:50%; border:2px solid rgba(255,255,255,.48); box-shadow:0 0 26px rgba(89,188,255,.18), inset 0 0 22px rgba(255,255,255,.04); } .nova-ev-cockpit-compass::after{ content:"N E S W"; position:absolute;left:50%;top:50%;transform:translate(-50%,-50%); width:min(72%,250px);aspect-ratio:1;border-radius:50%; display:flex;align-items:flex-start;justify-content:center; padding-top:16px;box-sizing:border-box; color:rgba(255,255,255,.95);font-size:14px;font-weight:900;letter-spacing:2.1em; text-indent:2.1em;pointer-events:none; } .nova-ev-cockpit-compass span{position:relative;z-index:1;font-size:clamp(70px,8vw,114px)!important;color:var(--evc-accent)!important;text-shadow:0 0 28px color-mix(in srgb, var(--evc-accent) 65%, white 35%)} .nova-ev-cockpit-compass b{position:relative;z-index:1;color:#fff!important;text-shadow:0 0 24px rgba(255,255,255,.08)} .nova-ev-cockpit-compass small{position:relative;z-index:1;color:#fff!important;font-size:clamp(18px,2.4vw,28px)!important} .nova-ev-cockpit-grid, .nova-ev-cockpit-accel, .nova-ev-cockpit-energy{gap:14px!important} .nova-ev-cockpit-grid>div, .nova-ev-cockpit-accel>div, .nova-ev-cockpit-energy>div{border-radius:20px!important;min-height:104px!important;position:relative;overflow:hidden} .nova-ev-cockpit-grid>div::before, .nova-ev-cockpit-accel>div::before, .nova-ev-cockpit-energy>div::before{ content:"";position:absolute;inset:0;background:radial-gradient(circle at 0 0, rgba(255,255,255,.10), transparent 42%);pointer-events:none } .nova-ev-cockpit-grid small, .nova-ev-cockpit-accel small, .nova-ev-cockpit-energy small, .nova-ev-cockpit-top small, .nova-ev-cockpit-compass small, .nova-ev-cockpit-cost-results small, .nova-ev-cockpit-safety-note, .nova-ev-cockpit-manual-note, .nova-ev-cockpit-price-scale span, .nova-ev-cockpit-slider-head span, .nova-ev-cockpit-note, .nova-ev-cockpit-bottom-safety{color:#fff!important;opacity:1!important} .nova-ev-cockpit-grid small, .nova-ev-cockpit-accel small, .nova-ev-cockpit-energy small{ font-size:11px!important;font-weight:950!important;letter-spacing:.08em!important;color:#eaf5ff!important;text-transform:uppercase!important;text-shadow:0 0 16px rgba(73,198,255,.18) } .nova-ev-cockpit-grid b{font-size:clamp(26px,3vw,44px)!important;color:#fff!important} .nova-ev-cockpit-accel>div{background:linear-gradient(180deg, rgba(6,43,84,.82), rgba(7,33,61,.68))!important;border-color:rgba(88,236,255,.55)!important;box-shadow:0 0 0 1px rgba(255,255,255,.03) inset,0 0 0 1px rgba(95,241,255,.12),0 18px 44px rgba(0,0,0,.24),0 0 24px rgba(52,230,255,.18)!important} .nova-ev-cockpit-accel small{font-size:clamp(11px,1.1vw,14px)!important} .nova-ev-cockpit-accel b{font-size:clamp(30px,4vw,54px)!important;color:#fff!important;display:flex;align-items:baseline;gap:6px} .nova-ev-cockpit-accel b .unit{font-size:.64em} .nova-ev-cockpit-link{font-size:13px!important} .nova-ev-cockpit-cost-open{border-radius:20px!important;min-height:70px!important;padding:16px 18px!important;margin-top:2px!important} .nova-ev-cockpit-cost-open span{font-size:14px!important;color:#fff!important} .nova-ev-cockpit-cost-open b{font-size:clamp(28px,3.5vw,44px)!important;color:#fff!important} .nova-ev-cockpit-cost-backdrop{background:rgba(4,8,24,.80)!important;backdrop-filter:blur(9px)!important} .nova-ev-cockpit-cost-dialog{ border:1px solid var(--evc-border)!important; background: radial-gradient(circle at 50% 0%, rgba(165,87,255,.22) 0, transparent 28%), linear-gradient(180deg, rgba(7,14,40,.98), rgba(16,24,67,.97) 42%, rgba(9,14,39,.98) 100%)!important; box-shadow:0 28px 80px rgba(0,0,0,.48), 0 0 40px var(--evc-glow-2)!important; } .nova-ev-cockpit-cost-head{background:rgba(6,11,28,.88)!important;border-bottom:1px solid rgba(255,255,255,.14)!important} .nova-ev-cockpit-cost-head button{background:rgba(255,255,255,.08)!important;border-color:var(--evc-border)!important;box-shadow:0 0 18px rgba(77,173,255,.20)} .nova-ev-cockpit-slider-head b, .nova-ev-cockpit-price-display, #evCockpitPriceDisplay,#evCockpitConsManualDisplay,#evCockpitKmDisplay{color:#fff!important;text-shadow:0 0 18px rgba(255,255,255,.08)} .nova-ev-cockpit-price-slider input[type="range"]::-webkit-slider-runnable-track, .nova-ev-cockpit-cost-dialog .nova-ev-cockpit-price-slider input[type="range"]::-webkit-slider-runnable-track{ background:linear-gradient(90deg, #1fd6b7 0%, #88d65a 22%, #ead74f 48%, #f4a24f 75%, #ff6b8b 100%)!important; border:1px solid rgba(255,255,255,.34)!important; } .nova-ev-cockpit-price-slider input[type="range"]::-moz-range-track, .nova-ev-cockpit-cost-dialog .nova-ev-cockpit-price-slider input[type="range"]::-moz-range-track{ background:linear-gradient(90deg, #1fd6b7 0%, #88d65a 22%, #ead74f 48%, #f4a24f 75%, #ff6b8b 100%)!important; border:1px solid rgba(255,255,255,.34)!important; } .nova-ev-cockpit-price-slider input[type="range"]::-webkit-slider-thumb, .nova-ev-cockpit-cost-dialog .nova-ev-cockpit-price-slider input[type="range"]::-webkit-slider-thumb, .nova-ev-cockpit-price-slider input[type="range"]::-moz-range-thumb, .nova-ev-cockpit-cost-dialog .nova-ev-cockpit-price-slider input[type="range"]::-moz-range-thumb{ background:#fff!important;border:3px solid #58d5ff!important;box-shadow:0 0 0 2px rgba(88,213,255,.18),0 0 16px rgba(88,213,255,.45)!important } .nova-ev-cockpit-price-scale span{font-size:11px!important;font-weight:900!important} .nova-ev-cockpit-cost-results-single>div{border-radius:18px!important;background:linear-gradient(180deg, rgba(10,32,82,.88), rgba(10,28,66,.64))!important;border-color:var(--evc-border)!important;box-shadow:0 0 24px rgba(79,166,255,.18)!important} .nova-ev-cockpit-cost-results-single b{font-size:clamp(32px,4vw,48px)!important} .nova-ev-cockpit-safety-note, .nova-ev-cockpit-bottom-safety{ border-radius:18px!important; background:linear-gradient(180deg, rgba(31,18,74,.82), rgba(17,12,45,.72))!important; box-shadow:0 0 24px rgba(176,103,255,.18)!important; font-weight:900!important; } .nova-ev-cockpit-note{ text-align:center!important; font-size:12px!important; line-height:1.45!important; color:#d5e6ff!important; background:transparent!important; border:0!important; box-shadow:none!important; padding:0 6px!important; } @media(max-width:900px){ .nova-ev-cockpit-main{grid-template-columns:1.2fr .8fr!important} } @media(max-width:780px){ .nova-ev-cockpit{padding:10px!important;gap:10px!important} .nova-ev-cockpit-top{padding:2px 0 8px!important} .nova-ev-cockpit-top button{min-height:42px!important;padding:10px 12px!important;font-size:11px!important;border-radius:14px!important} .nova-ev-cockpit-tools{gap:8px!important} .nova-ev-cockpit-tools button, .nova-ev-cockpit-tools label, .nova-ev-cockpit-link{font-size:10px!important;min-height:42px!important;border-radius:14px!important;padding:8px 11px!important} .nova-ev-cockpit-tools label{gap:8px!important} .nova-ev-cockpit-tools select{min-width:98px;font-size:10px!important;padding:8px 10px!important} .nova-ev-cockpit-main{gap:8px!important;grid-template-columns:1.15fr .85fr!important} .nova-ev-cockpit-speed,.nova-ev-cockpit-compass{min-height:144px!important;border-radius:18px!important} .nova-ev-cockpit-speed{padding:12px 12px 14px!important;gap:12px!important} .nova-ev-cockpit-speed::before{width:min(84%,220px);transform:translate(-50%,-42%)} .nova-ev-cockpit-speed b{font-size:96px!important} .nova-ev-cockpit-speed span{font-size:16px!important;margin-bottom:14px!important} .nova-ev-cockpit-compass span{font-size:46px!important} .nova-ev-cockpit-compass b{font-size:26px!important;margin-top:4px!important} .nova-ev-cockpit-compass small{font-size:11px!important;margin-top:2px!important} .nova-ev-cockpit-compass::after{font-size:10px;padding-top:11px;letter-spacing:1.4em;text-indent:1.4em} .nova-ev-cockpit-grid,.nova-ev-cockpit-accel{gap:8px!important} .nova-ev-cockpit-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .nova-ev-cockpit-grid>div,.nova-ev-cockpit-accel>div{min-height:70px!important;padding:10px 11px!important;border-radius:14px!important} .nova-ev-cockpit-grid small,.nova-ev-cockpit-accel small{font-size:9px!important} .nova-ev-cockpit-grid b{font-size:19px!important;margin-top:4px!important} .nova-ev-cockpit-accel b{font-size:22px!important;margin-top:4px!important} .nova-ev-cockpit-cost-open{min-height:58px!important;padding:12px 14px!important;border-radius:16px!important} .nova-ev-cockpit-cost-open span{font-size:11px!important} .nova-ev-cockpit-cost-open b{font-size:24px!important} .nova-ev-cockpit-bottom-safety{padding:10px 12px!important;font-size:10px!important;line-height:1.32!important} .nova-ev-cockpit-note{font-size:10px!important;line-height:1.32!important} } @media(max-width:480px){ .nova-ev-cockpit-main{grid-template-columns:1fr .54fr!important} .nova-ev-cockpit-speed,.nova-ev-cockpit-compass{min-height:138px!important} .nova-ev-cockpit-speed{gap:10px!important} .nova-ev-cockpit-speed b{font-size:88px!important} .nova-ev-cockpit-speed span{font-size:14px!important;margin-bottom:10px!important} .nova-ev-cockpit-compass span{font-size:38px!important} .nova-ev-cockpit-compass b{font-size:22px!important} .nova-ev-cockpit-compass::after{font-size:8px;padding-top:10px;letter-spacing:1.1em;text-indent:1.1em} .nova-ev-cockpit-grid b,.nova-ev-cockpit-accel b{font-size:17px!important} } /* NOVA Universe V75.52.536-40 · gauge fit + proper compass cardinal directions */ .nova-ev-cockpit-speed::before{ width:min(76%,300px)!important; left:50%!important; top:52%!important; transform:translate(-50%,-44%)!important; } .nova-ev-cockpit-speed{overflow:hidden!important} .nova-ev-cockpit-compass::after{content:""!important;display:none!important} .nova-ev-cockpit-cardinal{ position:absolute; z-index:1; display:flex; align-items:center; justify-content:center; width:22px; height:22px; color:#ffffff!important; font-size:13px; font-weight:950; font-style:normal; letter-spacing:.04em; text-shadow:0 0 12px rgba(94,220,255,.28); pointer-events:none; } .nova-ev-cockpit-cardinal.cardinal-n{left:50%;top:12%;transform:translateX(-50%)} .nova-ev-cockpit-cardinal.cardinal-e{right:14%;top:50%;transform:translateY(-50%)} .nova-ev-cockpit-cardinal.cardinal-s{left:50%;bottom:12%;transform:translateX(-50%)} .nova-ev-cockpit-cardinal.cardinal-w{left:14%;top:50%;transform:translateY(-50%)} .nova-ev-cockpit-compass::before{width:min(66%,210px)!important} @media(max-width:780px){ .nova-ev-cockpit-speed::before{width:min(78%,240px)!important;top:54%!important;transform:translate(-50%,-45%)!important} .nova-ev-cockpit-compass::before{width:min(68%,168px)!important} .nova-ev-cockpit-cardinal{width:18px;height:18px;font-size:10px} .nova-ev-cockpit-cardinal.cardinal-n{top:14%} .nova-ev-cockpit-cardinal.cardinal-e{right:11%} .nova-ev-cockpit-cardinal.cardinal-s{bottom:14%} .nova-ev-cockpit-cardinal.cardinal-w{left:11%} } @media(max-width:480px){ .nova-ev-cockpit-speed::before{width:min(80%,210px)!important;top:55%!important;transform:translate(-50%,-46%)!important} .nova-ev-cockpit-compass::before{width:min(70%,138px)!important} .nova-ev-cockpit-cardinal{width:16px;height:16px;font-size:9px} .nova-ev-cockpit-cardinal.cardinal-n{top:16%} .nova-ev-cockpit-cardinal.cardinal-e{right:10%} .nova-ev-cockpit-cardinal.cardinal-s{bottom:16%} .nova-ev-cockpit-cardinal.cardinal-w{left:10%} } /* NOVA Universe V75.52.536-41 · speed ring fully inside + compass labels on outer ring */ .nova-ev-cockpit-speed{ align-items:center!important; justify-content:center!important; gap:14px!important; } .nova-ev-cockpit-speed::before{ width:min(68%,260px)!important; left:50%!important; top:54%!important; transform:translate(-50%,-46%)!important; } .nova-ev-cockpit-speed b{ position:relative!important; left:0!important; top:0!important; margin:0!important; } .nova-ev-cockpit-speed span{ margin-left:0!important; margin-bottom:10px!important; } .nova-ev-cockpit-compass::before{ width:min(74%,220px)!important; border-color:rgba(255,255,255,.62)!important; } .nova-ev-cockpit-cardinal{ width:24px!important; height:24px!important; font-size:13px!important; line-height:1!important; } .nova-ev-cockpit-cardinal.cardinal-n{left:50%!important;top:9%!important;transform:translateX(-50%)!important} .nova-ev-cockpit-cardinal.cardinal-e{right:8%!important;top:50%!important;transform:translateY(-50%)!important} .nova-ev-cockpit-cardinal.cardinal-s{left:50%!important;bottom:9%!important;transform:translateX(-50%)!important} .nova-ev-cockpit-cardinal.cardinal-w{left:8%!important;top:50%!important;transform:translateY(-50%)!important} @media(max-width:780px){ .nova-ev-cockpit-speed::before{ width:min(70%,210px)!important; top:54%!important; transform:translate(-50%,-46%)!important; } .nova-ev-cockpit-speed{gap:10px!important} .nova-ev-cockpit-speed span{margin-bottom:8px!important} .nova-ev-cockpit-compass::before{width:min(76%,158px)!important} .nova-ev-cockpit-cardinal{width:20px!important;height:20px!important;font-size:10px!important} .nova-ev-cockpit-cardinal.cardinal-n{top:8%!important} .nova-ev-cockpit-cardinal.cardinal-e{right:6%!important} .nova-ev-cockpit-cardinal.cardinal-s{bottom:8%!important} .nova-ev-cockpit-cardinal.cardinal-w{left:6%!important} } @media(max-width:480px){ .nova-ev-cockpit-speed::before{ width:min(70%,185px)!important; top:54%!important; transform:translate(-50%,-46%)!important; } .nova-ev-cockpit-speed{gap:8px!important} .nova-ev-cockpit-speed b{font-size:84px!important} .nova-ev-cockpit-speed span{font-size:13px!important;margin-bottom:7px!important} .nova-ev-cockpit-compass::before{width:min(78%,132px)!important} .nova-ev-cockpit-cardinal{width:18px!important;height:18px!important;font-size:9px!important} .nova-ev-cockpit-cardinal.cardinal-n{top:7%!important} .nova-ev-cockpit-cardinal.cardinal-e{right:5%!important} .nova-ev-cockpit-cardinal.cardinal-s{bottom:7%!important} .nova-ev-cockpit-cardinal.cardinal-w{left:5%!important} } /* NOVA Universe V75.52.536-42 · G-Sensor and Wind as inline attachment panels */ .nova-ev-cockpit-tools button.is-active{ background:linear-gradient(180deg, color-mix(in srgb, var(--evc-accent) 28%, rgba(11,24,74,.92)), rgba(11,24,74,.88))!important; border-color:color-mix(in srgb, var(--evc-accent) 70%, white 30%)!important; box-shadow:0 0 0 1px rgba(255,255,255,.06) inset, 0 0 0 1px rgba(64,186,255,.18), 0 18px 40px rgba(0,0,0,.30), 0 0 30px var(--evc-glow)!important; } .nova-ev-gsensor-panel, .nova-ev-wind-panel{ position:relative!important; inset:auto!important; z-index:1!important; width:100%!important; max-width:none!important; margin:2px 0 0!important; padding:14px!important; overflow:visible!important; border:1px solid var(--evc-border)!important; border-radius:24px!important; background: radial-gradient(circle at 50% 12%, rgba(86,198,255,.16) 0, transparent 34%), linear-gradient(180deg, rgba(3,12,36,.96), rgba(5,16,42,.92) 42%, rgba(3,10,28,.96) 100%)!important; box-shadow:0 0 0 1px rgba(255,255,255,.03) inset, 0 0 0 1px rgba(66,175,255,.10), 0 18px 44px rgba(0,0,0,.24), 0 0 22px var(--evc-glow-2)!important; display:flex; flex-direction:column; align-items:center; gap:14px; } .nova-ev-gsensor-head, .nova-ev-wind-head{ width:100%!important; max-width:100%!important; margin:0!important; position:relative!important; top:auto!important; padding:0 0 6px!important; background:none!important; } .nova-ev-gsensor-meter{width:min(74vw,430px)!important} .nova-ev-wind-visual{width:min(74vw,340px)!important} .nova-ev-gsensor-values, .nova-ev-wind-values, .nova-ev-gsensor-voice, .nova-ev-wind-panel p, .nova-ev-wind-check, .nova-ev-wind-main{width:min(900px,100%)!important;max-width:900px!important} @media(max-width:780px){ .nova-ev-gsensor-panel,.nova-ev-wind-panel{padding:12px!important;border-radius:20px!important;gap:12px!important} .nova-ev-gsensor-head button,.nova-ev-wind-head button{min-height:38px!important;padding:8px 10px!important;font-size:10px!important;border-radius:12px!important} } @media(max-width:480px){ .nova-ev-gsensor-panel,.nova-ev-wind-panel{padding:10px!important;border-radius:18px!important;gap:10px!important} } /* NOVA Universe V75.52.536-43 · Wind und G-Sensor wieder als Extra-Fenster */ body.nova-ev-wind-open, body.nova-ev-gsensor-open{overflow:hidden!important} .nova-ev-gsensor-panel[hidden], .nova-ev-wind-panel[hidden]{display:none!important} .nova-ev-gsensor-panel{ position:fixed!important;inset:0!important;z-index:53000!important; width:auto!important;max-width:none!important;margin:0!important;padding:16px!important; overflow:auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:15px!important; border:none!important;border-radius:0!important; background:radial-gradient(circle at 50% 12%,#173b55 0,#081c2a 48%,#040f17 100%)!important; box-shadow:none!important; } .nova-ev-gsensor-head{ width:min(820px,100%)!important;display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:12px!important; position:sticky!important;top:0!important;z-index:3!important;margin:0!important;padding:3px 0 12px!important; background:linear-gradient(180deg,rgba(4,15,23,.98),rgba(4,15,23,.82),transparent)!important; } .nova-ev-gsensor-head>div{text-align:center!important} .nova-ev-gsensor-head small{display:block!important;color:#fff!important;font-size:9px!important;font-weight:900!important;letter-spacing:.14em!important} .nova-ev-gsensor-head b{display:block!important;color:#fff!important;font-size:19px!important;letter-spacing:.1em!important;margin-top:2px!important} .nova-ev-gsensor-head button{border:1px solid rgba(255,255,255,.3)!important;background:rgba(255,255,255,.08)!important;color:#fff!important;border-radius:12px!important;padding:10px 13px!important;font-weight:900!important;cursor:pointer!important} .nova-ev-gsensor-head span{display:inline-flex!important;margin-top:7px!important;border-radius:999px!important;padding:5px 10px!important;border:1px solid rgba(255,255,255,.28)!important;font-size:10px!important;font-weight:950!important;letter-spacing:.08em!important}.nova-ev-gsensor-head span.on{background:#0f8b5f!important}.nova-ev-gsensor-head span.off{background:#5d6872!important} .nova-ev-gsensor-meter{width:min(74vw,430px)!important} .nova-ev-gsensor-values,.nova-ev-gsensor-voice,.nova-ev-gsensor-panel>p{width:min(900px,100%)!important;max-width:900px!important} .nova-ev-wind-panel{ position:fixed!important;inset:0!important;z-index:53000!important; width:auto!important;max-width:none!important;margin:0!important;padding:18px!important; overflow:auto!important;border:none!important;border-radius:0!important; background:var(--ev-cockpit-bg,#07131f)!important;color:#fff!important;box-shadow:none!important; } .nova-ev-wind-head{display:grid!important;grid-template-columns:auto 1fr auto!important;gap:12px!important;align-items:center!important;max-width:820px!important;margin:0 auto 18px!important;position:sticky!important;top:0!important;z-index:3!important;padding-bottom:10px!important;background:linear-gradient(180deg,rgba(4,15,23,.98),rgba(4,15,23,.82),transparent)!important} .nova-ev-wind-head>div{text-align:center!important}.nova-ev-wind-head small{display:block!important;font-size:11px!important;letter-spacing:.18em!important;color:#dff8ff!important}.nova-ev-wind-head b{display:block!important;font-size:24px!important;color:#fff!important}.nova-ev-wind-head span{display:inline-block!important;margin-top:5px!important;padding:4px 9px!important;border-radius:999px!important;background:rgba(255,255,255,.12)!important;font-size:10px!important;font-weight:900!important;letter-spacing:.12em!important;color:#fff!important} .nova-ev-wind-head button,.nova-ev-wind-check button{min-height:42px!important;border:1px solid rgba(255,255,255,.32)!important;border-radius:12px!important;background:rgba(255,255,255,.1)!important;color:#fff!important;font-weight:900!important;padding:0 14px!important} .nova-ev-wind-visual{position:relative!important;width:min(74vw,340px)!important;aspect-ratio:1!important;margin:8px auto 16px!important;border:3px solid rgba(255,255,255,.72)!important;border-radius:50%!important;box-shadow:0 16px 50px rgba(0,0,0,.3),inset 0 0 45px rgba(255,255,255,.04)!important} .nova-ev-wind-main,.nova-ev-wind-values,.nova-ev-wind-check,.nova-ev-wind-panel p{max-width:720px!important} @media(max-width:620px){ .nova-ev-gsensor-panel{padding:10px!important;gap:10px!important} .nova-ev-gsensor-head button{padding:8px 9px!important;font-size:10px!important} .nova-ev-gsensor-meter{width:min(88vw,360px)!important} .nova-ev-wind-panel{padding:12px!important} .nova-ev-wind-head b{font-size:20px!important} } /* NOVA Universe V75.52.536-44 · Extra-Fenster fest ans Handydisplay angepasst */ .nova-ev-gsensor-panel, .nova-ev-wind-panel{ box-sizing:border-box!important; width:100vw!important; height:100dvh!important; min-height:100dvh!important; max-height:100dvh!important; overscroll-behavior:contain!important; -webkit-overflow-scrolling:touch!important; padding-top:max(12px, env(safe-area-inset-top))!important; padding-right:max(12px, env(safe-area-inset-right))!important; padding-bottom:max(12px, env(safe-area-inset-bottom))!important; padding-left:max(12px, env(safe-area-inset-left))!important; } .nova-ev-gsensor-head, .nova-ev-wind-head{ position:sticky!important; top:0!important; } .nova-ev-gsensor-panel>*:not(.nova-ev-gsensor-head){ width:min(900px,100%)!important; } .nova-ev-wind-panel>*:not(.nova-ev-wind-head){ width:min(820px,100%)!important; margin-left:auto!important; margin-right:auto!important; } @media(max-width:640px){ .nova-ev-gsensor-panel, .nova-ev-wind-panel{ padding-top:max(10px, env(safe-area-inset-top))!important; padding-right:max(10px, env(safe-area-inset-right))!important; padding-bottom:max(10px, env(safe-area-inset-bottom))!important; padding-left:max(10px, env(safe-area-inset-left))!important; } .nova-ev-gsensor-head, .nova-ev-wind-head{gap:10px!important} .nova-ev-gsensor-head b{font-size:18px!important} .nova-ev-wind-head b{font-size:22px!important} } /* NOVA Universe V75.52.536-45 · Hauptdisplay fest ans Handydisplay angepasst */ .nova-ev-cockpit{justify-content:flex-start!important} @media(max-width:700px){ .nova-ev-cockpit{ padding:8px!important; gap:7px!important; overflow-y:auto!important; overscroll-behavior:contain!important; } .nova-ev-cockpit-top{ gap:6px!important; padding:0 0 4px!important; background:linear-gradient(180deg,rgba(6,23,34,.98),rgba(6,23,34,.9),rgba(6,23,34,.65),transparent)!important; } .nova-ev-cockpit-top button{ min-height:42px!important; padding:8px 10px!important; font-size:10px!important; border-radius:14px!important; } .nova-ev-cockpit-top small{font-size:8px!important;letter-spacing:.12em!important} .nova-ev-cockpit-top b{font-size:11px!important} .nova-ev-cockpit-gps{margin-top:4px!important;padding:4px 8px!important;font-size:9px!important} .nova-ev-cockpit-tools{gap:7px!important} .nova-ev-cockpit-tools button, .nova-ev-cockpit-tools label, .nova-ev-cockpit-link{ min-height:36px!important; padding:8px 10px!important; font-size:10px!important; border-radius:12px!important; } .nova-ev-cockpit-tools label{gap:6px!important} .nova-ev-cockpit-tools select{ min-height:34px!important; font-size:10px!important; padding:7px 26px 7px 10px!important; } .nova-ev-cockpit-main{grid-template-columns:1.3fr .7fr!important;gap:8px!important} .nova-ev-cockpit-speed, .nova-ev-cockpit-compass{ min-height:118px!important; padding:8px!important; border-radius:16px!important; } .nova-ev-cockpit-speed{gap:10px!important} .nova-ev-cockpit-speed b{ font-size:clamp(76px,22vw,98px)!important; line-height:.84!important; } .nova-ev-cockpit-speed span{ font-size:clamp(14px,3.7vw,19px)!important; align-self:center!important; } .nova-ev-cockpit-compass{padding:8px!important} .nova-ev-cockpit-compass span{font-size:30px!important} .nova-ev-cockpit-compass b{font-size:26px!important;margin-top:4px!important} .nova-ev-cockpit-compass small{font-size:11px!important;margin-top:2px!important} .nova-ev-cockpit-grid, .nova-ev-cockpit-accel{gap:8px!important} .nova-ev-cockpit-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .nova-ev-cockpit-grid>div, .nova-ev-cockpit-accel>div{ min-height:58px!important; padding:8px 10px!important; border-radius:14px!important; } .nova-ev-cockpit-grid small, .nova-ev-cockpit-accel small{ font-size:8px!important; letter-spacing:.05em!important; line-height:1.15!important; color:#fff!important; opacity:1!important; } .nova-ev-cockpit-grid b{ font-size:clamp(17px,4.9vw,24px)!important; margin-top:3px!important; line-height:1.05!important; } .nova-ev-cockpit-accel b{ font-size:clamp(17px,4.9vw,23px)!important; margin-top:3px!important; line-height:1.05!important; } .nova-ev-cockpit-bottom-safety{ margin-top:6px!important; margin-bottom:4px!important; padding:8px 10px!important; font-size:10px!important; line-height:1.3!important; } .nova-ev-cockpit-note{ margin-top:0!important; font-size:8px!important; line-height:1.28!important; } .nova-ev-cockpit::after{display:none!important} } @media(max-width:430px){ .nova-ev-cockpit{ padding:7px!important; gap:6px!important; } .nova-ev-cockpit-top button{ min-height:40px!important; padding:7px 8px!important; font-size:9px!important; } .nova-ev-cockpit-top small{font-size:7px!important} .nova-ev-cockpit-top b{font-size:10px!important} .nova-ev-cockpit-tools button, .nova-ev-cockpit-tools label, .nova-ev-cockpit-link{ min-height:34px!important; padding:7px 9px!important; font-size:9px!important; } .nova-ev-cockpit-tools select{min-height:32px!important;font-size:9px!important;padding:7px 24px 7px 8px!important} .nova-ev-cockpit-main{grid-template-columns:1.32fr .68fr!important;gap:7px!important} .nova-ev-cockpit-speed, .nova-ev-cockpit-compass{ min-height:108px!important; padding:7px!important; } .nova-ev-cockpit-speed b{font-size:clamp(72px,21vw,90px)!important} .nova-ev-cockpit-speed span{font-size:clamp(13px,3.8vw,18px)!important} .nova-ev-cockpit-compass span{font-size:26px!important} .nova-ev-cockpit-compass b{font-size:23px!important} .nova-ev-cockpit-compass small{font-size:10px!important} .nova-ev-cockpit-grid>div, .nova-ev-cockpit-accel>div{ min-height:54px!important; padding:8px 9px!important; } .nova-ev-cockpit-grid small, .nova-ev-cockpit-accel small{font-size:8px!important} .nova-ev-cockpit-grid b{font-size:clamp(16px,5vw,22px)!important} .nova-ev-cockpit-accel b{font-size:clamp(16px,5vw,22px)!important} .nova-ev-cockpit-bottom-safety{font-size:9px!important;padding:8px 9px!important} .nova-ev-cockpit-note{font-size:8px!important} } /* NOVA Universe V75.52.536-46 · Hauptdisplay mobil etwas luftiger statt zu kompakt */ @media(max-width:700px){ .nova-ev-cockpit{ padding:10px!important; gap:9px!important; } .nova-ev-cockpit-top{padding:0 0 6px!important;gap:8px!important} .nova-ev-cockpit-top button{ min-height:46px!important; padding:10px 12px!important; font-size:11px!important; } .nova-ev-cockpit-top b{font-size:12px!important} .nova-ev-cockpit-gps{margin-top:6px!important;padding:5px 10px!important;font-size:10px!important} .nova-ev-cockpit-tools{gap:9px!important} .nova-ev-cockpit-tools button, .nova-ev-cockpit-tools label, .nova-ev-cockpit-link{ min-height:40px!important; padding:9px 12px!important; font-size:11px!important; } .nova-ev-cockpit-tools select{ min-height:36px!important; font-size:11px!important; padding:7px 28px 7px 10px!important; } .nova-ev-cockpit-main{gap:10px!important} .nova-ev-cockpit-speed, .nova-ev-cockpit-compass{ min-height:138px!important; padding:10px!important; } .nova-ev-cockpit-speed b{font-size:clamp(82px,23vw,104px)!important} .nova-ev-cockpit-speed span{font-size:clamp(15px,4vw,20px)!important} .nova-ev-cockpit-compass span{font-size:32px!important} .nova-ev-cockpit-compass b{font-size:28px!important} .nova-ev-cockpit-compass small{font-size:12px!important} .nova-ev-cockpit-grid, .nova-ev-cockpit-accel{gap:10px!important} .nova-ev-cockpit-grid>div, .nova-ev-cockpit-accel>div{ min-height:68px!important; padding:10px 12px!important; } .nova-ev-cockpit-grid small, .nova-ev-cockpit-accel small{ font-size:9px!important; } .nova-ev-cockpit-grid b{font-size:clamp(19px,5.2vw,26px)!important;margin-top:4px!important} .nova-ev-cockpit-accel b{font-size:clamp(19px,5.2vw,25px)!important;margin-top:4px!important} .nova-ev-cockpit-bottom-safety{ margin-top:8px!important; margin-bottom:5px!important; padding:9px 12px!important; font-size:10px!important; } .nova-ev-cockpit-note{ margin-top:2px!important; font-size:9px!important; line-height:1.35!important; } } @media(max-width:430px){ .nova-ev-cockpit{ padding:9px!important; gap:8px!important; } .nova-ev-cockpit-top button{ min-height:44px!important; padding:8px 10px!important; font-size:10px!important; } .nova-ev-cockpit-tools button, .nova-ev-cockpit-tools label, .nova-ev-cockpit-link{ min-height:38px!important; padding:8px 10px!important; font-size:10px!important; } .nova-ev-cockpit-tools select{min-height:34px!important;font-size:10px!important;padding:7px 26px 7px 9px!important} .nova-ev-cockpit-speed, .nova-ev-cockpit-compass{min-height:132px!important;padding:9px!important} .nova-ev-cockpit-speed b{font-size:clamp(80px,23vw,98px)!important} .nova-ev-cockpit-speed span{font-size:15px!important} .nova-ev-cockpit-compass span{font-size:30px!important} .nova-ev-cockpit-compass b{font-size:26px!important} .nova-ev-cockpit-compass small{font-size:11px!important} .nova-ev-cockpit-grid>div, .nova-ev-cockpit-accel>div{min-height:64px!important;padding:9px 11px!important} .nova-ev-cockpit-grid small, .nova-ev-cockpit-accel small{font-size:9px!important} .nova-ev-cockpit-grid b{font-size:18px!important} .nova-ev-cockpit-accel b{font-size:18px!important} .nova-ev-cockpit-bottom-safety{font-size:10px!important;padding:9px 10px!important} .nova-ev-cockpit-note{font-size:9px!important} } /* NOVA Universe V75.52.536-49 · Wind-Fenster besser an Handy angepasst */ @media(max-width:700px){ .nova-ev-wind-panel{ display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:flex-start!important; gap:10px!important; padding-top:max(10px, env(safe-area-inset-top))!important; padding-right:max(10px, env(safe-area-inset-right))!important; padding-bottom:max(10px, env(safe-area-inset-bottom))!important; padding-left:max(10px, env(safe-area-inset-left))!important; } .nova-ev-wind-head, .nova-ev-wind-visual, .nova-ev-wind-main, .nova-ev-wind-values, .nova-ev-wind-check, .nova-ev-wind-voice, .nova-ev-wind-panel p{ width:min(430px,100%)!important; max-width:min(430px,100%)!important; margin-left:auto!important; margin-right:auto!important; } .nova-ev-wind-head{ margin-bottom:2px!important; gap:10px!important; padding-bottom:8px!important; } .nova-ev-wind-head small{font-size:10px!important} .nova-ev-wind-head b{font-size:22px!important;line-height:1.05!important} .nova-ev-wind-head span{font-size:10px!important;padding:4px 8px!important} .nova-ev-wind-head button, .nova-ev-wind-check button{ min-height:40px!important; padding:0 12px!important; font-size:11px!important; border-radius:12px!important; } .nova-ev-wind-visual{ width:min(68vw,280px)!important; margin:2px auto 6px!important; border-width:2px!important; } .nova-ev-wind-visual>span{font-size:14px!important} .nova-ev-wind-visual .wind-n{top:6px!important} .nova-ev-wind-visual .wind-s{bottom:6px!important} .nova-ev-wind-visual .wind-e{right:8px!important} .nova-ev-wind-visual .wind-w{left:8px!important} .nova-ev-wind-main{margin:0 auto 2px!important} .nova-ev-wind-main b{font-size:clamp(34px,10vw,52px)!important} .nova-ev-wind-main span{font-size:11px!important;margin-top:4px!important} .nova-ev-wind-values{ gap:8px!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; } .nova-ev-wind-values>div{ padding:10px 11px!important; border-radius:14px!important; } .nova-ev-wind-values small{font-size:10px!important;line-height:1.15!important} .nova-ev-wind-values b{font-size:18px!important;margin-top:4px!important;line-height:1.1!important} .nova-ev-wind-check{ gap:8px!important; margin-top:2px!important; } .nova-ev-wind-check span{ width:100%!important; min-height:36px!important; justify-content:center!important; padding:8px 10px!important; font-size:10px!important; line-height:1.25!important; } .nova-ev-wind-voice, .nova-ev-wind-panel p{ font-size:10px!important; line-height:1.35!important; margin-top:2px!important; } } @media(max-width:430px){ .nova-ev-wind-panel{gap:8px!important} .nova-ev-wind-head, .nova-ev-wind-main, .nova-ev-wind-values, .nova-ev-wind-check, .nova-ev-wind-voice, .nova-ev-wind-panel p{width:100%!important;max-width:100%!important} .nova-ev-wind-head{gap:8px!important} .nova-ev-wind-head button, .nova-ev-wind-check button{ min-height:38px!important; padding:0 10px!important; font-size:10px!important; } .nova-ev-wind-head b{font-size:20px!important} .nova-ev-wind-visual{width:min(72vw,250px)!important} .nova-ev-wind-main b{font-size:clamp(32px,10.5vw,46px)!important} .nova-ev-wind-values>div{padding:9px 10px!important} .nova-ev-wind-values b{font-size:17px!important} .nova-ev-wind-check{justify-content:space-between!important} .nova-ev-wind-check button{flex:1 1 calc(50% - 4px)!important} .nova-ev-wind-check button:last-of-type{flex:1 1 100%!important} } /* NOVA Universe V75.52.536-50 · Wind und G-Sensor vollständig ins Handyfenster angepasst */ @media(max-width:700px){ .nova-ev-gsensor-panel, .nova-ev-wind-panel{ justify-content:flex-start!important; gap:8px!important; } .nova-ev-gsensor-head, .nova-ev-gsensor-meter, .nova-ev-gsensor-values, .nova-ev-gsensor-controls, .nova-ev-gsensor-voice, .nova-ev-gsensor-panel>p, .nova-ev-wind-head, .nova-ev-wind-main, .nova-ev-wind-values, .nova-ev-wind-check, .nova-ev-wind-voice, .nova-ev-wind-panel>p{ width:min(420px,100%)!important; max-width:min(420px,100%)!important; margin-left:auto!important; margin-right:auto!important; } .nova-ev-gsensor-head, .nova-ev-wind-head{ gap:8px!important; padding-bottom:6px!important; } .nova-ev-gsensor-head small, .nova-ev-wind-head small{font-size:8px!important} .nova-ev-gsensor-head b, .nova-ev-wind-head b{font-size:18px!important;line-height:1.04!important} .nova-ev-gsensor-head span, .nova-ev-wind-head span{ font-size:9px!important; padding:4px 8px!important; margin-top:4px!important; } .nova-ev-gsensor-head button, .nova-ev-wind-head button, .nova-ev-wind-check button{ min-height:38px!important; padding:0 10px!important; font-size:10px!important; border-radius:12px!important; } .nova-ev-gsensor-meter{ width:min(70vw,290px)!important; margin:0 auto 2px!important; } .nova-ev-gsensor-meter small{font-size:8px!important;letter-spacing:.05em!important} .nova-ev-gsensor-dot{ width:28px!important; height:28px!important; border-width:3px!important; } .nova-ev-gsensor-values, .nova-ev-wind-values{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; } .nova-ev-gsensor-values>div, .nova-ev-wind-values>div{ padding:10px 9px!important; border-radius:14px!important; } .nova-ev-gsensor-values small, .nova-ev-wind-values small{ font-size:9px!important; line-height:1.15!important; } .nova-ev-gsensor-values b{font-size:clamp(20px,7vw,28px)!important;margin-top:4px!important;line-height:1.08!important} .nova-ev-wind-values b{font-size:clamp(17px,5.8vw,24px)!important;margin-top:4px!important;line-height:1.08!important} .nova-ev-gsensor-controls{ gap:8px!important; justify-content:center!important; } .nova-ev-gsensor-controls button{ flex:1 1 calc(33.333% - 8px)!important; min-height:38px!important; padding:0 8px!important; font-size:10px!important; } .nova-ev-gsensor-voice, .nova-ev-gsensor-panel>p, .nova-ev-wind-voice, .nova-ev-wind-panel>p{ font-size:10px!important; line-height:1.28!important; padding:8px 10px!important; margin-top:0!important; margin-bottom:0!important; } .nova-ev-wind-head{margin:0 auto 4px!important} .nova-ev-wind-visual{ width:min(80vw,305px)!important; margin:0 auto 4px!important; border-width:2px!important; } .nova-ev-wind-visual>span{font-size:14px!important} .nova-ev-wind-main{margin:0 auto 2px!important} .nova-ev-wind-main b{font-size:clamp(32px,10vw,52px)!important;line-height:1!important} .nova-ev-wind-main span{font-size:10px!important;margin-top:2px!important} .nova-ev-wind-check{ gap:8px!important; margin-top:0!important; } .nova-ev-wind-check button{flex:1 1 calc(50% - 8px)!important} .nova-ev-wind-check button:last-of-type{flex:1 1 100%!important} .nova-ev-wind-check span{ width:100%!important; min-height:34px!important; padding:8px 10px!important; font-size:10px!important; line-height:1.25!important; justify-content:center!important; } } @media(max-width:430px){ .nova-ev-gsensor-panel, .nova-ev-wind-panel{ padding-top:max(8px, env(safe-area-inset-top))!important; padding-right:max(8px, env(safe-area-inset-right))!important; padding-bottom:max(8px, env(safe-area-inset-bottom))!important; padding-left:max(8px, env(safe-area-inset-left))!important; gap:7px!important; } .nova-ev-gsensor-head, .nova-ev-wind-head, .nova-ev-gsensor-meter, .nova-ev-gsensor-values, .nova-ev-gsensor-controls, .nova-ev-gsensor-voice, .nova-ev-gsensor-panel>p, .nova-ev-wind-main, .nova-ev-wind-values, .nova-ev-wind-check, .nova-ev-wind-voice, .nova-ev-wind-panel>p{ width:100%!important; max-width:100%!important; } .nova-ev-gsensor-head button, .nova-ev-wind-head button, .nova-ev-wind-check button{font-size:9px!important;min-height:36px!important;padding:0 8px!important} .nova-ev-gsensor-head b, .nova-ev-wind-head b{font-size:17px!important} .nova-ev-gsensor-meter{width:min(68vw,270px)!important} .nova-ev-gsensor-meter small{font-size:7px!important} .nova-ev-gsensor-values b{font-size:clamp(18px,7vw,24px)!important} .nova-ev-gsensor-controls button{flex:1 1 calc(33.333% - 6px)!important;font-size:9px!important} .nova-ev-gsensor-voice, .nova-ev-gsensor-panel>p, .nova-ev-wind-voice, .nova-ev-wind-panel>p{font-size:9px!important;line-height:1.22!important;padding:7px 9px!important} .nova-ev-wind-visual{width:min(78vw,285px)!important} .nova-ev-wind-main b{font-size:clamp(30px,9.6vw,46px)!important} .nova-ev-wind-values b{font-size:clamp(16px,5.4vw,22px)!important} } /* NOVA Universe V75.52.536-51 · Wind-Fenster letzter Handy-Feinschliff */ @media(max-width:700px){ .nova-ev-wind-panel{ padding-top:max(8px, env(safe-area-inset-top))!important; padding-right:max(8px, env(safe-area-inset-right))!important; padding-bottom:max(8px, env(safe-area-inset-bottom))!important; padding-left:max(8px, env(safe-area-inset-left))!important; gap:6px!important; } .nova-ev-wind-head, .nova-ev-wind-main, .nova-ev-wind-values, .nova-ev-wind-check, .nova-ev-wind-voice, .nova-ev-wind-panel>p{ width:min(400px,100%)!important; max-width:min(400px,100%)!important; } .nova-ev-wind-head{ margin:0 auto 2px!important; gap:7px!important; padding-bottom:4px!important; } .nova-ev-wind-head small{font-size:8px!important;letter-spacing:.14em!important} .nova-ev-wind-head b{font-size:17px!important;line-height:1.02!important} .nova-ev-wind-head span{font-size:9px!important;padding:4px 8px!important;margin-top:3px!important} .nova-ev-wind-head button, .nova-ev-wind-check button{ min-height:36px!important; padding:0 10px!important; font-size:9px!important; } .nova-ev-wind-visual{ width:min(72vw,270px)!important; margin:0 auto 2px!important; } .nova-ev-wind-visual>span{font-size:13px!important} .nova-ev-wind-main{margin:0 auto!important} .nova-ev-wind-main b{font-size:clamp(28px,8.6vw,42px)!important;line-height:1!important} .nova-ev-wind-main span{font-size:9px!important;margin-top:1px!important;line-height:1.2!important} .nova-ev-wind-values{gap:7px!important;margin-top:2px!important} .nova-ev-wind-values>div{padding:9px 9px!important;border-radius:13px!important} .nova-ev-wind-values small{font-size:9px!important;line-height:1.1!important} .nova-ev-wind-values b{font-size:clamp(15px,5.2vw,20px)!important;margin-top:3px!important;line-height:1.06!important} .nova-ev-wind-check{gap:7px!important;margin-top:2px!important} .nova-ev-wind-check span{ min-height:32px!important; padding:7px 8px!important; font-size:9px!important; line-height:1.18!important; } .nova-ev-wind-voice, .nova-ev-wind-panel>p{ font-size:9px!important; line-height:1.18!important; padding:7px 8px!important; margin-top:0!important; } } @media(max-width:430px){ .nova-ev-wind-head, .nova-ev-wind-main, .nova-ev-wind-values, .nova-ev-wind-check, .nova-ev-wind-voice, .nova-ev-wind-panel>p{width:100%!important;max-width:100%!important} .nova-ev-wind-head b{font-size:16px!important} .nova-ev-wind-head button, .nova-ev-wind-check button{min-height:34px!important;font-size:9px!important;padding:0 8px!important} .nova-ev-wind-visual{width:min(69vw,248px)!important} .nova-ev-wind-main b{font-size:clamp(26px,8.2vw,38px)!important} .nova-ev-wind-values>div{padding:8px 8px!important} .nova-ev-wind-values b{font-size:clamp(14px,5vw,18px)!important} .nova-ev-wind-check button{flex:1 1 calc(50% - 7px)!important} .nova-ev-wind-check button:last-of-type{flex:1 1 100%!important} } /* NOVA Universe V75.52.536-52 · Wind-Fenster Mini-Feinschliff mobil */ @media(max-width:700px){ .nova-ev-wind-panel{gap:5px!important} .nova-ev-wind-head, .nova-ev-wind-main, .nova-ev-wind-values, .nova-ev-wind-check, .nova-ev-wind-voice, .nova-ev-wind-panel>p{width:min(392px,100%)!important;max-width:min(392px,100%)!important} .nova-ev-wind-head{margin:0 auto 1px!important;gap:6px!important;padding-bottom:3px!important} .nova-ev-wind-visual{width:min(69vw,256px)!important;margin:0 auto 1px!important} .nova-ev-wind-main b{font-size:clamp(26px,8.2vw,38px)!important} .nova-ev-wind-main span{font-size:8.5px!important;margin-top:0!important} .nova-ev-wind-values{gap:6px!important;margin-top:1px!important} .nova-ev-wind-values>div{padding:8px 8px!important} .nova-ev-wind-values small{font-size:8.5px!important} .nova-ev-wind-values b{font-size:clamp(14px,5vw,18px)!important;margin-top:2px!important} .nova-ev-wind-check{gap:6px!important;margin-top:1px!important} .nova-ev-wind-check button{min-height:34px!important;font-size:9px!important;padding:0 8px!important} .nova-ev-wind-check span{min-height:30px!important;padding:6px 8px!important;font-size:8.5px!important;line-height:1.14!important} .nova-ev-wind-voice, .nova-ev-wind-panel>p{font-size:8.5px!important;line-height:1.14!important;padding:6px 8px!important} } @media(max-width:430px){ .nova-ev-wind-panel{gap:4px!important} .nova-ev-wind-head, .nova-ev-wind-main, .nova-ev-wind-values, .nova-ev-wind-check, .nova-ev-wind-voice, .nova-ev-wind-panel>p{width:100%!important;max-width:100%!important} .nova-ev-wind-head b{font-size:15px!important} .nova-ev-wind-head span{font-size:8.5px!important;padding:3px 7px!important} .nova-ev-wind-visual{width:min(67vw,238px)!important} .nova-ev-wind-visual>span{font-size:12px!important} .nova-ev-wind-main b{font-size:clamp(24px,7.8vw,34px)!important} .nova-ev-wind-values{gap:5px!important} .nova-ev-wind-values>div{padding:7px 7px!important} .nova-ev-wind-values b{font-size:clamp(13px,4.8vw,17px)!important} .nova-ev-wind-check{gap:5px!important} } /* NOVA Universe V75.52.536-53 · Drive Fahrtanalyse */ body.nova-ev-report-open{overflow:hidden!important} .nova-ev-drive-report[hidden]{display:none!important} .nova-ev-drive-report{position:fixed;inset:0;z-index:54000;overflow:auto;background:radial-gradient(circle at 20% 0,#123b66 0,#071523 34%,#030a11 100%);color:#fff;padding:16px 16px max(18px,env(safe-area-inset-bottom));box-sizing:border-box} .nova-ev-drive-report-head{position:sticky;top:0;z-index:3;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;max-width:1100px;margin:0 auto 12px;padding:8px 0 12px;background:linear-gradient(180deg,rgba(3,10,17,.98),rgba(3,10,17,.82),transparent)} .nova-ev-drive-report-head small{display:block;font-size:10px;letter-spacing:.18em;color:#79dfff}.nova-ev-drive-report-head b{display:block;font-size:24px}.nova-ev-drive-report-head span{display:block;margin-top:3px;font-size:11px;color:#cfeeff}.nova-ev-drive-report-head button,.nova-ev-drive-report-actions button{min-height:42px;border:1px solid rgba(111,220,255,.42);border-radius:12px;background:rgba(27,100,145,.25);color:#fff;font-weight:900;padding:0 14px} .nova-ev-drive-report-actions{max-width:1100px;margin:0 auto 12px;display:flex;gap:10px;flex-wrap:wrap} .nova-ev-drive-report-metrics{max-width:1100px;margin:0 auto 12px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.nova-ev-drive-report-metrics>div,.nova-ev-drive-report-grid section,.nova-ev-drive-report-analysis{border:1px solid rgba(100,211,255,.22);border-radius:16px;background:rgba(10,35,55,.72);box-shadow:0 14px 40px rgba(0,0,0,.22)}.nova-ev-drive-report-metrics>div{padding:12px}.nova-ev-drive-report-metrics small{display:block;font-size:9px;color:#9fdfff}.nova-ev-drive-report-metrics b{display:block;margin-top:5px;font-size:18px} .nova-ev-drive-report-grid{max-width:1100px;margin:0 auto 12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.nova-ev-drive-report-grid section{padding:12px}.nova-ev-drive-report-grid h4,.nova-ev-drive-report-analysis h4{margin:0 0 8px;font-size:14px}.nova-ev-drive-report-grid canvas{width:100%;height:auto;display:block;border-radius:12px;background:#071726}.nova-ev-drive-report-grid p{margin:8px 2px 0;font-size:10px;line-height:1.35;color:#d7f3ff}.nova-ev-drive-report-analysis{max-width:1100px;margin:0 auto 10px;padding:14px}.nova-ev-drive-report-analysis p{margin:0;line-height:1.5;font-size:12px;color:#f3fbff}.nova-ev-drive-report-note{max-width:1100px;margin:0 auto;color:#b6d7e8;font-size:9px;line-height:1.4;text-align:center} @media(max-width:760px){.nova-ev-drive-report{padding:10px 9px max(12px,env(safe-area-inset-bottom))}.nova-ev-drive-report-head b{font-size:19px}.nova-ev-drive-report-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.nova-ev-drive-report-metrics>div{padding:9px}.nova-ev-drive-report-metrics b{font-size:15px}.nova-ev-drive-report-grid{grid-template-columns:1fr;gap:9px}.nova-ev-drive-report-grid section{padding:9px}.nova-ev-drive-report-actions button{flex:1}.nova-ev-drive-report-analysis{padding:10px}.nova-ev-drive-report-analysis p{font-size:10px}} /* V75.52-56 · Cockpit Start/Stop/Analyse Zeile */ @media(max-width:430px){.nova-ev-cockpit-actionrow{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important}.nova-ev-cockpit-actionrow .nova-ev-cockpit-startall,.nova-ev-cockpit-actionrow .nova-ev-cockpit-stopall,.nova-ev-cockpit-actionrow .nova-ev-cockpit-link{width:100%!important;min-width:0!important;padding:0 5px!important;font-size:8.5px!important;letter-spacing:0!important}.nova-ev-cockpit-actionrow .nova-ev-cockpit-link{white-space:nowrap!important}} /* V75.52-57 · START vollrot */ .nova-ev-cockpit-startall{background:#e5161c!important;background-image:none!important;border:1px solid #ff777b!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 0 0 2px rgba(229,22,28,.18),0 8px 22px rgba(120,0,0,.30)!important} /* V75.52-58 · START mobil garantiert vollrot */ .nova-ev-cockpit[data-theme] .nova-ev-cockpit-actionrow #evCockpitStartAll, .nova-ev-cockpit .nova-ev-cockpit-actionrow #evCockpitStartAll{ background:#e5161c!important; background-color:#e5161c!important; background-image:none!important; border-color:#ff777b!important; color:#fff!important; -webkit-text-fill-color:#fff!important; box-shadow:0 0 0 2px rgba(229,22,28,.20),0 8px 22px rgba(120,0,0,.32)!important; } @media(max-width:430px){ .nova-ev-cockpit[data-theme] .nova-ev-cockpit-actionrow #evCockpitStartAll{background:#e5161c!important;background-image:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important} } /* V75.52-60 · STOP fest hellblau + Sprach-Start robust */ .nova-ev-cockpit[data-theme] .nova-ev-cockpit-actionrow #evCockpitStopAll, .nova-ev-cockpit .nova-ev-cockpit-actionrow #evCockpitStopAll{ background:#7edcff!important; background-color:#7edcff!important; background-image:none!important; border-color:#bceeff!important; color:#062033!important; -webkit-text-fill-color:#062033!important; box-shadow:0 0 0 2px rgba(126,220,255,.18),0 8px 22px rgba(31,137,181,.28)!important; } @media(max-width:430px){ .nova-ev-cockpit[data-theme] .nova-ev-cockpit-actionrow #evCockpitStopAll{ background:#7edcff!important; background-image:none!important; color:#062033!important; -webkit-text-fill-color:#062033!important; } } /* NOVA STAR V75.52-63 · 4-Punkt-Sensorkalibrierung */ body.nova-star-cal4-open{overflow:hidden!important} .nova-star-cal4[hidden]{display:none!important} .nova-star-cal4{position:fixed;inset:0;z-index:88000;display:grid;place-items:center;padding:14px;background:rgba(2,12,24,.72);backdrop-filter:blur(10px);box-sizing:border-box} .nova-star-cal4-dialog{width:min(680px,100%);max-height:calc(100dvh - 28px);overflow:auto;border:1px solid rgba(104,178,235,.38);border-radius:24px;background:linear-gradient(160deg,#fafdff 0%,#eff7ff 58%,#eef2ff 100%);color:#10233a;box-shadow:0 28px 80px rgba(0,0,0,.38);padding:18px;box-sizing:border-box} .nova-star-cal4-head{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:start} .nova-star-cal4-head small{display:block;font-size:10px;font-weight:950;letter-spacing:.14em;color:#44627e} .nova-star-cal4-head h3{margin:4px 0 6px;font-size:25px;color:#07172b} .nova-star-cal4-head p{margin:0;color:#425b73;font-size:13px;line-height:1.45} .nova-star-cal4-head>button{width:44px;height:44px;border-radius:50%;border:1px solid #b6cde0;background:#fff;color:#132b42;font-size:28px;line-height:1;cursor:pointer} .nova-star-cal4-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:16px 0 12px} .nova-star-cal4-progress span{height:34px;border-radius:999px;display:grid;place-items:center;border:1px solid #bad0e3;background:#e7eef5;color:#63809a;font-weight:950} .nova-star-cal4-progress span.active{background:linear-gradient(135deg,#1477ff,#20c9d7);color:#fff;border-color:transparent;box-shadow:0 0 0 4px rgba(32,201,215,.13)} .nova-star-cal4-progress span.done{background:#16a36f;color:#fff;border-color:#16a36f} .nova-star-cal4-stage{position:relative;width:min(360px,76vw);aspect-ratio:1/1;margin:8px auto 12px;border-radius:50%;border:2px solid #a7cbe4;background:radial-gradient(circle,#fff 0 20%,#eaf5fd 21% 43%,#dcecf8 44% 65%,#eef7fd 66%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.9)} .nova-star-cal4-stage:before,.nova-star-cal4-stage:after{content:"";position:absolute;background:#b7d1e3}.nova-star-cal4-stage:before{left:50%;top:7%;bottom:7%;width:1px}.nova-star-cal4-stage:after{top:50%;left:7%;right:7%;height:1px} .nova-star-cal4-phone{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:40px;z-index:6;transition:left .12s linear,top .12s linear,filter .16s ease}.nova-star-cal4-phone.hit{filter:drop-shadow(0 0 9px #20c875)} .nova-star-cal4-cross{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:64px;font-weight:300;color:rgba(22,116,184,.25);z-index:1} .nova-star-cal4-point{position:absolute;width:54px;height:54px;border-radius:50%;border:2px solid #8fb5d1;background:#fff;color:#1b4f72;font-size:20px;font-weight:950;z-index:4;box-shadow:0 7px 20px rgba(36,83,119,.16)} .nova-star-cal4-point.p-left{left:4%;top:50%;transform:translateY(-50%)}.nova-star-cal4-point.p-top{top:4%;left:50%;transform:translateX(-50%)}.nova-star-cal4-point.p-right{right:4%;top:50%;transform:translateY(-50%)}.nova-star-cal4-point.p-bottom{bottom:4%;left:50%;transform:translateX(-50%)}.nova-star-cal4-final-target{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;border:3px dashed rgba(42,135,196,.38);display:grid;place-items:center;color:rgba(28,92,137,.34);font-size:25px;font-weight:950;z-index:3;opacity:0;transition:.2s}.nova-star-cal4-final-target.active{opacity:1}.nova-star-cal4-final-target.hit{border-style:solid;border-color:#63e7a3;background:rgba(32,185,120,.15);color:#168b5b;box-shadow:0 0 0 10px rgba(32,185,120,.14),0 0 28px rgba(32,185,120,.35)} .nova-star-cal4-point.active{background:#157cff;color:#fff;border-color:#46d9ff;box-shadow:0 0 0 7px rgba(30,174,236,.15),0 0 24px rgba(21,124,255,.35)} .nova-star-cal4-point.done{background:#16a36f;color:#fff;border-color:#16a36f}.nova-star-cal4-point.hit{background:#20b978!important;color:#fff!important;border-color:#8ff0bd!important;box-shadow:0 0 0 9px rgba(32,185,120,.20),0 0 30px rgba(32,185,120,.48)!important}.nova-star-cal4-progress span.hit{background:#20b978!important;color:#fff!important;border-color:#20b978!important;box-shadow:0 0 0 4px rgba(32,185,120,.15)} .nova-star-cal4-instruction{text-align:center;margin:6px 0 14px}.nova-star-cal4-instruction b{display:block;font-size:17px;color:#0d2741}.nova-star-cal4-instruction span{display:block;margin-top:5px;font-size:12px;color:#587087;line-height:1.4} .nova-star-cal4-readout{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.nova-star-cal4-readout>div{min-height:68px;border:1px solid #c4d9e8;border-radius:14px;background:#fff;padding:9px 10px;display:flex;flex-direction:column;justify-content:center}.nova-star-cal4-readout small{font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#6a8194}.nova-star-cal4-readout b{font-size:15px;margin-top:4px;color:#102d46} .nova-star-cal4-status{margin:10px 0;padding:10px 12px;border-radius:12px;background:#e7f4ff;border:1px solid #b8d8ef;color:#214c6c;font-size:12px;font-weight:800;line-height:1.4;text-align:center} .nova-star-cal4-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:10px}.nova-star-cal4-actions .btn{min-height:46px;font-weight:900} .nova-star-cal4-note{margin:11px 2px 0;font-size:10px;line-height:1.4;color:#6e8294;text-align:center} @media(max-width:620px){.nova-star-cal4{padding:0}.nova-star-cal4-dialog{width:100%;height:100dvh;max-height:none;border-radius:0;padding:14px 12px max(18px,env(safe-area-inset-bottom))}.nova-star-cal4-head{padding-top:max(4px,env(safe-area-inset-top))}.nova-star-cal4-stage{width:min(315px,74vw)}.nova-star-cal4-point{width:48px;height:48px}.nova-star-cal4-readout{grid-template-columns:1fr 1fr}.nova-star-cal4-readout>div{min-height:58px}.nova-star-cal4-actions{position:sticky;bottom:0;padding-top:10px;background:linear-gradient(180deg,rgba(239,247,255,0),#eff7ff 28%)} } /* NOVA Universe V75.52.536-64 · STAR Kalibrier-Treffer */ .nova-star-cal4-actions .btn:disabled{opacity:.48;cursor:not-allowed;filter:grayscale(.25)} /* ========================================================= V75.52.95 · Dashboard Daily Content & Smart Tips readability - PC/Handy-Struktur bleibt bestehen - keine Wortzerlegung mitten im Begriff - ruhigere, größere Typografie und bessere Lesbarkeit ========================================================= */ .dashboard-daily-grid .daily-tip{ padding:15px 13px!important; gap:8px!important; } .dashboard-daily-grid .daily-tip .tip-icon{ font-size:26px!important; line-height:1!important; } .dashboard-daily-grid .daily-tip b{ font-size:13.5px!important; line-height:1.22!important; min-height:2.4em!important; overflow-wrap:normal!important; word-break:normal!important; hyphens:auto!important; } .dashboard-daily-grid .daily-tip p{ font-size:12.5px!important; line-height:1.48!important; color:#435b73!important; overflow-wrap:normal!important; word-break:normal!important; hyphens:auto!important; } .dashboard-daily-grid .daily-tip .tip-context{ font-size:9.8px!important; line-height:1.32!important; overflow-wrap:normal!important; word-break:normal!important; hyphens:auto!important; } .nova-luck-topic.nova-luck-secret{ background:linear-gradient(145deg,#fbfffc,#eefbf1)!important; } .nova-luck-topic.nova-luck-secret .nova-luck-topic-icon{ background:#e4f8e9!important; filter:drop-shadow(0 4px 7px rgba(22,128,71,.12)); } .nova-luck-topic.nova-luck-secret .nova-luck-topic-copy strong{color:#116a37} @media(max-width:760px){ .dashboard-daily-grid .daily-tip{padding:14px!important;gap:8px!important} .dashboard-daily-grid .daily-tip b{font-size:14px!important;min-height:0!important} .dashboard-daily-grid .daily-tip p{font-size:13px!important;line-height:1.5!important} .dashboard-daily-grid .daily-tip .tip-context{font-size:10px!important} } /* ========================================================= V75.52.96 · Dashboard + Bildung UI Polish - 10 Tipps bleiben vollständig innerhalb ihres Kartenrahmens - Light-Mode Bildung-Header kontrastreicher - Bildung-Modul: reine X-Schließlogik wird in app.js gesetzt ========================================================= */ .dashboard-daily-grid #smartTips{ min-width:0!important; overflow:hidden!important; box-sizing:border-box!important; } .dashboard-daily-grid #smartTips .daily-tips-grid{ width:100%!important; max-width:100%!important; box-sizing:border-box!important; grid-template-columns:repeat(5,minmax(0,1fr))!important; gap:10px!important; overflow:hidden!important; } .dashboard-daily-grid #smartTips .daily-tip{ width:auto!important; max-width:100%!important; min-width:0!important; box-sizing:border-box!important; overflow:hidden!important; padding:14px 12px!important; } .dashboard-daily-grid #smartTips .daily-tip>b{ font-size:13px!important; line-height:1.24!important; min-height:0!important; white-space:normal!important; overflow-wrap:break-word!important; word-break:normal!important; hyphens:none!important; } .dashboard-daily-grid #smartTips .daily-tip p{ font-size:12.4px!important; line-height:1.48!important; min-height:0!important; white-space:normal!important; overflow-wrap:break-word!important; word-break:normal!important; hyphens:none!important; } .dashboard-daily-grid #smartTips .daily-tip .tip-context{ font-size:9.7px!important; line-height:1.28!important; overflow-wrap:break-word!important; word-break:normal!important; hyphens:none!important; } /* Light Mode: Header bewusst heller, Text klar dunkel statt auf dem Verlauf zu versinken. */ body:not(.dark-mode) .nova-education-hero, html:not([data-theme="dark"]) .nova-education-hero{ background:linear-gradient(120deg,#eaf5ff 0%,#dff4ff 56%,#e4fff6 100%)!important; color:#071b35!important; border:1px solid #bad8eb!important; box-shadow:0 16px 38px rgba(10,70,135,.12)!important; } body:not(.dark-mode) .nova-education-hero .eyebrow, html:not([data-theme="dark"]) .nova-education-hero .eyebrow{ color:#0868c8!important; font-weight:900!important; } body:not(.dark-mode) .nova-education-hero h2, html:not([data-theme="dark"]) .nova-education-hero h2{ color:#071b35!important; text-shadow:none!important; } body:not(.dark-mode) .nova-education-hero p, html:not([data-theme="dark"]) .nova-education-hero p{ color:#334f6b!important; opacity:1!important; } body:not(.dark-mode) .nova-education-badge, html:not([data-theme="dark"]) .nova-education-badge{ background:rgba(255,255,255,.68)!important; border:1px solid #b8d6e6!important; color:#09233f!important; } body:not(.dark-mode) .nova-education-badge b, body:not(.dark-mode) .nova-education-badge span, html:not([data-theme="dark"]) .nova-education-badge b, html:not([data-theme="dark"]) .nova-education-badge span{ color:#09233f!important; opacity:1!important; } /* Dark Mode behält den kräftigen NOVA-Verlauf. */ html[data-theme="dark"] .nova-education-hero, body.dark-mode .nova-education-hero, body.dark .nova-education-hero{ background:linear-gradient(120deg,#063d85,#0a78bd 58%,#24c8a7)!important; color:#fff!important; border-color:transparent!important; } html[data-theme="dark"] .nova-education-hero h2, html[data-theme="dark"] .nova-education-hero p, body.dark-mode .nova-education-hero h2, body.dark-mode .nova-education-hero p, body.dark .nova-education-hero h2, body.dark .nova-education-hero p{color:#fff!important} html[data-theme="dark"] .nova-education-hero .eyebrow, body.dark-mode .nova-education-hero .eyebrow, body.dark .nova-education-hero .eyebrow{color:#aef8ff!important} @media(max-width:900px){ .dashboard-daily-grid #smartTips .daily-tips-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .dashboard-daily-grid #smartTips .daily-tip{padding:14px!important} .dashboard-daily-grid #smartTips .daily-tip>b{font-size:14px!important} .dashboard-daily-grid #smartTips .daily-tip p{font-size:13px!important;line-height:1.5!important} } @media(max-width:520px){ .dashboard-daily-grid #smartTips .daily-tips-grid{grid-template-columns:1fr!important} } /* ========================================================= V75.52.112 · NOVA REPORT UI STANDARD V1 Einheitliche Grafik/PDF-Aktionen + bessere Dunkel-Kontraste ========================================================= */ body.dark-mode .nova-health-report-copy>b, body.dark-mode-theme .nova-health-report-copy>b, html[data-theme="dark"] .nova-health-report-copy>b, body.dark-mode .nova-mobility-report-copy h3, body.dark-mode-theme .nova-mobility-report-copy h3, html[data-theme="dark"] .nova-mobility-report-copy h3, body.dark-mode .nova-travel-report-copy h3, body.dark-mode-theme .nova-travel-report-copy h3, html[data-theme="dark"] .nova-travel-report-copy h3{ color:#f7fbff!important; } body.dark-mode .nova-health-report-copy>small, body.dark-mode-theme .nova-health-report-copy>small, html[data-theme="dark"] .nova-health-report-copy>small, body.dark-mode .nova-mobility-report-copy p, body.dark-mode-theme .nova-mobility-report-copy p, html[data-theme="dark"] .nova-mobility-report-copy p, body.dark-mode .nova-travel-report-copy p, body.dark-mode-theme .nova-travel-report-copy p, html[data-theme="dark"] .nova-travel-report-copy p{ color:#d6e7f3!important; } .nova-report-dual-actions, .nova-finance-daily-actions, .nova-future-daily-actions, .nova-world-report-actions, .nova-mobility-report-actions, .nova-travel-report-actions, .nova-health-report-actions{ gap:8px!important; } .nova-report-dual-actions a, .nova-finance-daily-actions a, .nova-future-daily-actions a, .nova-future-daily-actions button, .nova-world-report-actions a, .nova-mobility-report-actions a, .nova-travel-report-actions a, .nova-health-report-actions a, .nova-health-report-actions button{ font-weight:900!important; } /* ========================================================= V75.52.141 · MOBILE ONLY REPORT CARD WIDTH Desktop/Tablet bleiben unverändert. ========================================================= */ /* Desktop / Tablet: explizit auf bestehende NOVA-Rasterlogik zurücksetzen */ @media (min-width:721px){ #novaLiveHub .nova-live-card{ width:auto!important; min-width:0!important; max-width:none!important; } } /* Nur echtes Handy */ @media (max-width:720px){ #novaLiveHub .nova-live-viewport{ overflow:hidden!important; padding:0 4px!important; touch-action:pan-y!important; } #novaLiveHub .nova-live-track{ display:flex!important; gap:12px!important; touch-action:pan-y!important; will-change:transform!important; } #novaLiveHub .nova-live-card, html[data-view-mode="mobile"] #novaLiveHub .nova-live-card{ flex:0 0 78%!important; width:78%!important; min-width:78%!important; max-width:78%!important; min-height:278px!important; padding:14px 12px 12px!important; border-radius:17px!important; box-sizing:border-box!important; overflow:hidden!important; } #novaLiveHub .nova-live-card .nova-live-area{ font-size:9.5px!important; line-height:1.18!important; letter-spacing:.05em!important; white-space:normal!important; } #novaLiveHub .nova-live-card>b{ font-size:14px!important; line-height:1.18!important; margin:6px 0 7px!important; white-space:normal!important; overflow-wrap:anywhere!important; word-break:normal!important; hyphens:auto!important; } #novaLiveHub .nova-live-card>small{ font-size:10.5px!important; line-height:1.36!important; white-space:normal!important; overflow-wrap:anywhere!important; word-break:normal!important; hyphens:auto!important; display:-webkit-box!important; -webkit-line-clamp:6!important; -webkit-box-orient:vertical!important; overflow:hidden!important; } #novaLiveHub .nova-live-card-meta{ font-size:9.5px!important; line-height:1.1!important; margin-top:10px!important; max-width:100%!important; white-space:normal!important; } #novaLiveHub .nova-live-card-actions{ display:grid!important; grid-template-columns:1fr 1fr!important; gap:8px!important; margin-top:10px!important; width:100%!important; } #novaLiveHub .nova-live-card-actions a, #novaLiveHub .nova-live-card-actions button{ min-width:0!important; width:100%!important; min-height:40px!important; padding:9px 5px!important; font-size:11.5px!important; line-height:1!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } } @media (max-width:440px){ #novaLiveHub .nova-live-card, html[data-view-mode="mobile"] #novaLiveHub .nova-live-card{ flex-basis:76%!important; width:76%!important; min-width:76%!important; max-width:76%!important; } } /* V75.52.141 · Mobile active report card centered while swiping */ @media(max-width:720px){ #novaLiveHub .nova-live-viewport{ padding-left:10px!important; padding-right:10px!important; } #novaLiveHub .nova-live-track{ align-items:stretch!important; } } /* V75.52.141 */ body.nova-all-reports-open{overflow:hidden;} /* ========================================================= V75.52.141 · Report-Meta-Zeile einheitlich ausrichten ========================================================= */ #novaLiveHub .nova-live-card{ display:flex!important; flex-direction:column!important; } #novaLiveHub .nova-live-card>small{ flex:0 0 auto!important; } #novaLiveHub .nova-live-card-meta{ margin-top:auto!important; align-self:flex-start!important; } #novaLiveHub .nova-live-card-actions{ flex:0 0 auto!important; } /* V75.52.141 – Welt/Deutschland Reports: weiße Aktionsbuttons im Welt-Modul */ .world-current-module .nova-world-report-card .nova-world-report-actions a, .world-current-module .nova-world-report-card .nova-world-report-actions .nova-world-report-open, .world-current-module .nova-world-report-card .nova-world-report-actions .nova-germany-report-open, .world-current-module .nova-world-report-card .nova-world-report-actions .nova-report-primary, .world-current-module .nova-world-report-card .nova-world-report-actions .nova-report-graphic{ background:#ffffff !important; color:#145cb8 !important; border:1px solid #bfd4e8 !important; text-shadow:none !important; box-shadow:0 6px 16px rgba(19,62,111,.08) !important; } .world-current-module .nova-world-report-card .nova-world-report-actions a:hover{ background:#f5faff !important; filter:none !important; } body.dark-mode .world-current-module .nova-world-report-card .nova-world-report-actions a, body.dark-mode-theme .world-current-module .nova-world-report-card .nova-world-report-actions a, html[data-theme="dark"] .world-current-module .nova-world-report-card .nova-world-report-actions a{ background:#16324e !important; color:#eaf5ff !important; border-color:#456b8e !important; } /* ========================================================= NOVA V75.52.142 – MOBILE COLLAPSIBLE INFO AREAS Datenquellen, externe Direktzugriffe und Footer/Rechtliches bleiben auf Desktop offen, auf Mobile standardmäßig kompakt. ========================================================= */ .nova-collapse{border:0;margin:0;padding:0} .nova-collapse + .nova-collapse{margin-top:18px} .nova-collapse>summary{ list-style:none;display:none;align-items:center;justify-content:space-between;gap:12px; padding:14px 16px;border:1px solid rgba(73,126,175,.20);border-radius:14px; background:linear-gradient(145deg,#f8fcff,#eef7ff);cursor:pointer;user-select:none } .nova-collapse>summary::-webkit-details-marker{display:none} .nova-collapse>summary span{display:flex;flex-direction:column;gap:3px;min-width:0} .nova-collapse>summary small{font-size:10px;letter-spacing:.12em;font-weight:800;color:#2b78b7} .nova-collapse>summary b{font-size:15px;line-height:1.25;color:#153553} .nova-collapse>summary em{font-size:11px;line-height:1.2;font-style:normal;color:#60788d;text-align:right} .nova-collapse>summary::after{content:'⌄';font-size:22px;line-height:1;color:#2d6f9f;transition:transform .2s ease} .nova-collapse[open]>summary::after{transform:rotate(180deg)} .nova-collapse-body{margin-top:14px} /* Desktop/Tablet: bestehende Darstellung vollständig sichtbar. */ @media (min-width:761px){ .nova-collapse>summary{display:none!important} .nova-collapse:not([open])>.nova-collapse-body{display:block!important} .nova-collapse-body{margin-top:0} .nova-collapse + .nova-collapse{margin-top:20px} } /* Mobile: die drei sekundären Bereiche starten eingeklappt. */ @media (max-width:760px){ .nova-collapse>summary{display:flex} .nova-collapse:not([open])>.nova-collapse-body{display:none} .nova-collapse[open]>.nova-collapse-body{display:block} .services.section-card{padding:12px 10px!important} .nova-collapse-footer>summary{margin:0 4px} .site-footer .nova-collapse-body{margin-top:16px} } /* V75-52-187: keep mobile Menu button available while sidebar is open */ @media(max-width:1100px){ body.sidebar-open .topbar{z-index:1210!important;} body.sidebar-open .topbar .menu-toggle{visibility:visible!important;pointer-events:auto!important;display:inline-flex!important;position:relative!important;z-index:1215!important;} } /* ========================================================= NOVA Universe V75.52.536 · SIDEBAR INDEPENDENT SCROLL Desktop / Tablet / Foldable: die Seitenleiste scrollt selbst und gibt Wheel/Touch-Scroll nicht an das Dashboard weiter. ========================================================= */ .nova-sidebar{ height:100dvh!important; max-height:100dvh!important; overflow-y:auto!important; overflow-x:hidden!important; overscroll-behavior-y:contain!important; overscroll-behavior-x:none!important; -webkit-overflow-scrolling:touch; scrollbar-gutter:stable; touch-action:pan-y; } /* Kopf bleibt beim Scrollen erreichbar. */ .nova-sidebar .sidebar-head{ position:sticky; top:0; z-index:8; background:linear-gradient(180deg,#061a35 0%,#061d39 100%); } html[data-theme="dark"] .nova-sidebar .sidebar-head, body.dark-mode .nova-sidebar .sidebar-head{ background:linear-gradient(180deg,#020a14 0%,#041425 100%); } /* Tablet/Foldable-Drawer: volle Viewport-Höhe und eigener Touch-Scroll. */ @media(max-width:1100px){ .nova-sidebar{ top:0!important; bottom:auto!important; height:100dvh!important; max-height:100dvh!important; overflow-y:auto!important; overscroll-behavior:contain!important; } } /* NOVA Memo Sketch Fullscreen Studio */ .nova-memo-sketch-popup{ position:fixed;inset:0;z-index:10040;display:flex;align-items:center;justify-content:center; padding:12px;background:rgba(2,8,23,.74);backdrop-filter:blur(8px) } .nova-memo-sketch-card{ width:min(1040px,98vw);height:min(96vh,1100px);max-height:96vh;overflow:hidden; display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:22px; background:#fff;color:#10213d;border:1px solid #d8e1eb;box-shadow:0 24px 80px rgba(0,0,0,.36) } .nova-memo-sketch-toolbar{display:grid;gap:10px;margin-bottom:0} .nova-sketch-actions,.nova-memo-sketch-tools,.nova-memo-sketch-colors,.nova-sketch-shapes{display:flex;flex-wrap:wrap;gap:8px;align-items:center} .nova-sketch-actions-top{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch} .nova-sketch-actions-top .nova-sketch-auto{grid-column:1/-1} .nova-sketch-actions button,.nova-sketch-image-row>button,.nova-memo-sketch-tools button,.nova-sketch-shapes button,.nova-sketch-layer-controls button{ min-height:44px;padding:10px 14px;border-radius:12px;border:1px solid #d7e0eb; background:#f8fafc;color:#1f3655;font-weight:800;cursor:pointer } .nova-sketch-actions button:disabled{opacity:.4;cursor:not-allowed} .nova-sketch-image-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .nova-sketch-image-row>button{min-width:170px} .nova-sketch-image-row:empty{display:none} .nova-sketch-emoji-panel{display:flex;flex-wrap:wrap;gap:6px;padding:8px;border-radius:12px;background:rgba(59,130,246,.06);border:1px solid rgba(59,130,246,.18);max-width:100%;max-height:172px;overflow:auto} .nova-sketch-emoji-panel[hidden]{display:none} .nova-sketch-emoji-panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex:1 0 100%;font-size:12px;color:#5f7390;font-weight:700;margin-bottom:2px} .nova-sketch-emoji-panel-head b{font-size:13px;color:#17345d} .nova-sketch-emoji-panel button{font-size:25px;line-height:1;width:40px;height:40px;border:0;border-radius:10px;background:transparent;cursor:pointer} .nova-sketch-auto{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 12px;border:1px solid #d7e0eb;border-radius:12px;font-weight:800;background:#f8fafc} .nova-sketch-auto-compact{justify-content:space-between;min-width:0} .nova-sketch-auto input{display:none}.nova-sketch-auto i{width:42px;height:24px;border-radius:999px;background:#aeb9c7;position:relative;transition:.2s}.nova-sketch-auto i:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.25);transition:.2s}.nova-sketch-auto input:checked+i{background:#168cff}.nova-sketch-auto input:checked+i:after{transform:translateX(18px)} .nova-sketch-eyedropper{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:10px;border:1px solid #d7e0eb;background:#f8fafc;font-size:20px} .nova-sketch-mix{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:5px 9px;border:1px solid #d7e0eb;border-radius:12px;background:#f8fafc;font-weight:800;cursor:pointer}.nova-sketch-mix input{width:34px;height:34px;padding:0;border:0;background:transparent} .nova-memo-sketch-tools button.active,.nova-sketch-shapes button.active,#novaSketchSelect.active{background:#dbeafe;border-color:#60a5fa;color:#1d4ed8;box-shadow:0 0 0 2px rgba(96,165,250,.2)} .nova-sketch-shapes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))} .nova-sketch-shapes button{min-height:42px;padding:8px 10px;border-radius:12px;border:1px solid #d7e0eb;background:#f8fafc;color:#1f3655;font-weight:800;cursor:pointer} .nova-sketch-layers{display:grid;gap:8px;padding:10px 12px;border:1px solid #d7e0eb;border-radius:16px;background:rgba(59,130,246,.04)} .nova-sketch-layers-head{display:flex;justify-content:space-between;gap:10px;align-items:center} .nova-sketch-layer-controls{display:flex;gap:8px;flex-wrap:wrap} .nova-sketch-layers-list{display:grid;gap:6px;max-height:128px;overflow:auto} .nova-sketch-layer-item,.nova-sketch-layer-base{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;border-radius:12px;border:1px solid #d7e0eb;background:#fff;color:#16304f;text-align:left;font-weight:700} .nova-sketch-layer-item{cursor:pointer} .nova-sketch-layer-item.active{border-color:#60a5fa;background:#dbeafe;color:#1d4ed8} .nova-sketch-layer-item small,.nova-sketch-layer-base small{font-size:11px;opacity:.7} .nova-sketch-overlay-content.is-text{padding:8px 10px;text-align:center;font-weight:800;line-height:1.1;word-break:break-word} .nova-memo-sketch-canvas-wrap{flex:1 1 auto;min-height:300px;width:100%;border-radius:18px;overflow:hidden;border:1px solid #d8e1eb;background:#fff} .nova-sketch-stage{position:relative;width:100%;height:100%;min-height:360px;background:#fff;overflow:hidden} #novaMemoSketchCanvas{display:block;width:100%;height:100%;min-height:360px;background:#fff;touch-action:none;cursor:crosshair;object-fit:contain} .nova-sketch-overlay-layer{position:absolute;inset:0;pointer-events:auto} .nova-sketch-overlay{position:absolute;border:2px dashed transparent;border-radius:14px;touch-action:none;user-select:none;cursor:move;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(2,8,23,.12)} .nova-sketch-overlay.active{border-color:#1d8fff;background:rgba(29,143,255,.06)} .nova-sketch-overlay-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden} .nova-sketch-overlay-content img{width:100%;height:100%;object-fit:contain;display:block;border-radius:12px;pointer-events:none} .nova-sketch-overlay-handle{position:absolute;right:-10px;bottom:-10px;width:28px;height:28px;border-radius:50%;border:0;background:#1d8fff;color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 4px 12px rgba(0,0,0,.22);cursor:nwse-resize} .nova-sketch-crosshair{position:absolute;inset:0;pointer-events:none;z-index:3} .nova-sketch-crosshair i{position:absolute;background:rgba(15,23,42,.32)} .nova-sketch-crosshair i:first-child{left:0;right:0;height:1px;top:var(--y)} .nova-sketch-crosshair i:last-child{top:0;bottom:0;width:1px;left:var(--x)} body.dark .nova-sketch-actions button,body.dark .nova-sketch-image-row>button,body.dark .nova-sketch-auto,body.dark .nova-sketch-eyedropper,body.dark .nova-sketch-mix,body.dark .nova-sketch-shapes button,body.dark .nova-sketch-layers,body.dark .nova-sketch-layer-item,body.dark .nova-sketch-layer-base,body.dark .nova-sketch-layer-controls button, html.dark .nova-sketch-actions button,html.dark .nova-sketch-image-row>button,html.dark .nova-sketch-auto,html.dark .nova-sketch-eyedropper,html.dark .nova-sketch-mix,html.dark .nova-sketch-shapes button,html.dark .nova-sketch-layers,html.dark .nova-sketch-layer-item,html.dark .nova-sketch-layer-base,html.dark .nova-sketch-layer-controls button, [data-theme="dark"] .nova-sketch-actions button,[data-theme="dark"] .nova-sketch-image-row>button,[data-theme="dark"] .nova-sketch-auto,[data-theme="dark"] .nova-sketch-eyedropper,[data-theme="dark"] .nova-sketch-mix,[data-theme="dark"] .nova-sketch-shapes button,[data-theme="dark"] .nova-sketch-layers,[data-theme="dark"] .nova-sketch-layer-item,[data-theme="dark"] .nova-sketch-layer-base,[data-theme="dark"] .nova-sketch-layer-controls button{ background:#0d2949;color:#f3f8ff;border-color:rgba(96,165,250,.28) } body.dark .nova-sketch-emoji-panel-head,html.dark .nova-sketch-emoji-panel-head,[data-theme="dark"] .nova-sketch-emoji-panel-head{color:#bfd0e2} body.dark .nova-sketch-emoji-panel-head b,html.dark .nova-sketch-emoji-panel-head b,[data-theme="dark"] .nova-sketch-emoji-panel-head b{color:#fff} @media(max-width:650px){ .nova-memo-sketch-popup{padding:0;align-items:stretch;justify-content:stretch;background:#06182c;backdrop-filter:none} .nova-memo-sketch-card{width:100vw;height:100dvh;max-height:100dvh;border-radius:0;border:0;padding:10px 10px 8px;overflow:hidden;gap:6px;background:#071d34} .nova-memo-sketch-head{margin-bottom:0;position:relative;z-index:4;background:#071d34;padding:0;min-height:42px} .nova-memo-sketch-head>div>span{font-size:24px} .nova-memo-sketch-head b{font-size:19px}.nova-memo-sketch-head small{font-size:11.5px} .nova-memo-sketch-close{width:38px;height:38px;font-size:22px} .nova-memo-sketch-toolbar{gap:6px;flex:0 0 auto} .nova-sketch-actions,.nova-memo-sketch-tools,.nova-memo-sketch-colors,.nova-sketch-shapes{gap:6px} .nova-sketch-actions button,.nova-sketch-image-row>button,.nova-memo-sketch-tools button,.nova-sketch-shapes button,.nova-sketch-layer-controls button{min-height:42px;padding:7px 8px;font-size:13px;flex:1 1 auto} .nova-sketch-actions-top{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px} .nova-sketch-actions-top button,.nova-sketch-actions-top .nova-sketch-auto{width:100%;min-width:0} .nova-sketch-auto{justify-content:space-between;font-size:12px;padding:6px 8px;min-height:40px} .nova-sketch-auto-compact{grid-column:1/-1} .nova-sketch-auto>small{display:block;flex-basis:100%;font-size:9px;line-height:1.2;opacity:.72;font-weight:650;margin-top:-3px} .nova-sketch-auto>span{flex:1}.nova-sketch-auto>i{flex:0 0 auto} .nova-sketch-image-row{gap:6px} .nova-sketch-emoji-panel{max-height:112px;padding:6px} .nova-sketch-emoji-panel button{width:34px;height:34px;font-size:22px} .nova-memo-sketch-colors{flex-wrap:nowrap;overflow-x:auto;padding:1px 0 2px;scrollbar-width:none}.nova-memo-sketch-colors::-webkit-scrollbar{display:none} .nova-memo-sketch-colors button{flex:0 0 32px;width:32px;height:32px}.nova-sketch-eyedropper{width:32px;height:32px;font-size:16px}.nova-sketch-mix{flex:0 0 auto;min-height:32px;padding:3px 7px;font-size:11px;gap:5px}.nova-sketch-mix input{width:28px;height:28px} .nova-memo-sketch-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))} .nova-sketch-shapes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))} .nova-sketch-layers{padding:8px 10px} .nova-sketch-layers-head{display:block} .nova-sketch-layer-controls{margin-top:6px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))} .nova-sketch-layers-list{max-height:92px} .nova-memo-sketch-tools button{min-width:0;padding:8px 4px;font-size:11.5px;white-space:normal} .nova-sketch-actions-bottom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))} .nova-sketch-actions-bottom button{min-width:0} .nova-memo-sketch-canvas-wrap{flex:1 1 auto;min-height:0;height:auto;border-radius:16px} .nova-sketch-stage,#novaMemoSketchCanvas{height:100%;min-height:100%} .nova-sketch-overlay-handle{right:-8px;bottom:-8px;width:24px;height:24px} .nova-memo-sketch-hint{display:none} } @media(max-width:430px){ .nova-memo-sketch-card{padding:8px 8px 6px} .nova-memo-sketch-head b{font-size:18px} .nova-memo-sketch-head small{display:none} .nova-sketch-actions button,.nova-memo-sketch-tools button,.nova-sketch-actions-bottom button,.nova-sketch-shapes button,.nova-sketch-layer-controls button{font-size:11.5px} .nova-sketch-actions-top button{padding:7px 5px} .nova-sketch-emoji-panel{max-height:100px} } /* NOVA Sketch Auto Shape Correction */ .nova-sketch-auto{flex-wrap:wrap} /* ========================================================= NOVA Sketch Studio - final fullscreen/mobile stability pass ========================================================= */ #novaMemoSketchPopup.nova-sketch-final{ position:fixed!important;inset:0!important;z-index:2147483646!important; display:flex!important;align-items:stretch!important;justify-content:stretch!important; width:100vw!important;height:100dvh!important;padding:0!important;margin:0!important; background:#071d34!important;backdrop-filter:none!important;overflow:hidden!important; overscroll-behavior:none!important;touch-action:none; } #novaMemoSketchPopup.nova-sketch-final .nova-memo-sketch-card{ width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important; margin:0!important;padding:10px!important;border:0!important;border-radius:0!important; background:#071d34!important;color:#f5f9ff!important;overflow:hidden!important; display:flex!important;flex-direction:column!important;gap:6px!important;box-sizing:border-box!important; } #novaMemoSketchPopup.nova-sketch-final .nova-memo-sketch-head{ flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important; gap:10px!important;margin:0!important;padding:0 0 2px!important;background:#071d34!important; position:relative!important;top:auto!important;z-index:20!important;min-height:44px!important; } #novaMemoSketchPopup.nova-sketch-final .nova-memo-sketch-head>div{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important} #novaMemoSketchPopup.nova-sketch-final .nova-memo-sketch-head>div>span{font-size:26px!important;line-height:1!important} #novaMemoSketchPopup.nova-sketch-final .nova-memo-sketch-head b{font-size:19px!important;line-height:1.05!important;color:#fff!important;white-space:nowrap!important} #novaMemoSketchPopup.nova-sketch-final .nova-memo-sketch-head small{font-size:11px!important;color:#a9bdd3!important;line-height:1.1!important} #novaMemoSketchPopup.nova-sketch-final .nova-memo-sketch-close{ flex:0 0 40px!important;width:40px!important;height:40px!important;border-radius:50%!important; border:1px solid rgba(96,165,250,.45)!important;background:#0d2949!important;color:#fff!important; font-size:27px!important;line-height:1!important;padding:0!important;display:grid!important;place-items:center!important; } #novaMemoSketchPopup.nova-sketch-final .nova-memo-sketch-toolbar{flex:0 0 auto!important;display:grid!important;gap:5px!important;margin:0!important;min-height:0!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-actions-top{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-actions-top .nova-sketch-auto{grid-column:1/-1!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-actions button, #novaMemoSketchPopup.nova-sketch-final .nova-memo-sketch-tools button, #novaMemoSketchPopup.nova-sketch-final .nova-sketch-shapes button, #novaMemoSketchPopup.nova-sketch-final .nova-sketch-layer-controls button{ min-width:0!important;min-height:36px!important;height:36px!important;padding:5px 6px!important; border-radius:10px!important;border:1px solid rgba(96,165,250,.3)!important;background:#0d2949!important; color:#f5f9ff!important;font-size:11.5px!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important; } #novaMemoSketchPopup.nova-sketch-final .nova-sketch-actions button:disabled{opacity:.42!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-auto{ min-height:34px!important;height:34px!important;padding:4px 8px!important;border-radius:10px!important; background:#0d2949!important;color:#fff!important;border:1px solid rgba(96,165,250,.3)!important; display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important; } #novaMemoSketchPopup.nova-sketch-final .nova-sketch-auto>span{font-size:11.5px!important;white-space:nowrap!important;flex:0 0 auto!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-auto>small{font-size:9px!important;line-height:1!important;margin:0!important;opacity:.72!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;flex:1 1 auto!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-auto i{width:36px!important;height:20px!important;flex:0 0 auto!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-auto i:after{width:14px!important;height:14px!important;top:3px!important;left:3px!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-auto input:checked+i:after{transform:translateX(16px)!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-image-row{position:relative!important;display:block!important;min-height:0!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-emoji-panel{ position:absolute!important;left:0!important;right:0!important;top:0!important;z-index:80!important; max-height:118px!important;overflow:auto!important;padding:6px!important;border-radius:12px!important; background:#092440!important;border:1px solid rgba(96,165,250,.45)!important;box-shadow:0 12px 30px rgba(0,0,0,.35)!important; } #novaMemoSketchPopup.nova-sketch-final .nova-sketch-emoji-panel[hidden]{display:none!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-emoji-panel-head{color:#c7d8ea!important;margin-bottom:3px!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-emoji-panel-head b{color:#fff!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-emoji-panel button{width:32px!important;height:32px!important;font-size:21px!important;padding:0!important} #novaMemoSketchPopup.nova-sketch-final .nova-memo-sketch-colors{ display:grid!important;grid-template-columns:32px repeat(10,minmax(0,1fr)) 46px!important;gap:4px!important;align-items:center!important;overflow:visible!important;padding:0!important; } #novaMemoSketchPopup.nova-sketch-final .nova-memo-sketch-colors>button[data-sketch-color]{width:26px!important;height:26px!important;justify-self:center!important;min-width:26px!important;flex:none!important;border:2px solid rgba(255,255,255,.6)!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-eyedropper{width:30px!important;height:30px!important;font-size:15px!important;background:#0d2949!important;color:#fff!important;border-color:rgba(96,165,250,.35)!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-mix{height:30px!important;min-height:30px!important;padding:2px 4px!important;background:#0d2949!important;color:#fff!important;font-size:9px!important;gap:3px!important;border-color:rgba(96,165,250,.35)!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-mix input{width:22px!important;height:22px!important} #novaMemoSketchPopup.nova-sketch-final .nova-memo-sketch-tools{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:5px!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-shapes{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-actions-bottom{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important} #novaMemoSketchPopup.nova-sketch-final .nova-memo-sketch-canvas-wrap{ flex:1 1 auto!important;min-height:0!important;height:auto!important;width:100%!important;border-radius:14px!important; overflow:hidden!important;border:1px solid rgba(96,165,250,.34)!important;background:#fff!important;margin:0!important; } #novaMemoSketchPopup.nova-sketch-final .nova-sketch-stage{position:relative!important;width:100%!important;height:100%!important;min-height:0!important;background:#fff!important;overflow:hidden!important} #novaMemoSketchPopup.nova-sketch-final #novaMemoSketchCanvas{display:block!important;width:100%!important;height:100%!important;min-height:0!important;background:#fff!important;touch-action:none!important;cursor:crosshair!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-overlay-layer{position:absolute!important;inset:0!important;z-index:10!important;pointer-events:none!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-overlay{pointer-events:auto!important;position:absolute!important;border:2px dashed transparent!important;border-radius:10px!important;overflow:visible!important;touch-action:none!important;user-select:none!important;cursor:move!important;box-shadow:none!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-overlay.active{border-color:#168cff!important;background:rgba(22,140,255,.05)!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-overlay-content{width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important;line-height:1!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-overlay.is-emoji .nova-sketch-overlay-content{overflow:visible!important;white-space:nowrap!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-overlay-content img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:8px!important;pointer-events:none!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-overlay.is-text .nova-sketch-overlay-content{padding:4px!important;text-align:center!important;font-weight:800!important;word-break:break-word!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-overlay-handle{position:absolute!important;right:-9px!important;bottom:-9px!important;width:24px!important;height:24px!important;border-radius:50%!important;border:0!important;background:#168cff!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:12px!important;z-index:3!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-crosshair{position:absolute!important;inset:0!important;pointer-events:none!important;z-index:30!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-crosshair i{position:absolute!important;background:rgba(15,23,42,.32)!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-crosshair i:first-child{left:0!important;right:0!important;height:1px!important;top:var(--y)!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-crosshair i:last-child{top:0!important;bottom:0!important;width:1px!important;left:var(--x)!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-float-panel{ position:absolute!important;right:10px!important;top:54px!important;z-index:100!important;width:min(310px,calc(100vw - 20px))!important; max-height:46vh!important;overflow:auto!important;background:#092440!important;border:1px solid rgba(96,165,250,.45)!important; border-radius:14px!important;padding:8px!important;box-shadow:0 18px 50px rgba(0,0,0,.4)!important;color:#fff!important; } #novaMemoSketchPopup.nova-sketch-final .nova-sketch-float-panel[hidden]{display:none!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-layers-head{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;margin-bottom:6px!important} #novaMemoSketchPopup.nova-sketch-final #novaSketchLayersClose{width:32px!important;height:32px!important;border-radius:50%!important;background:#0d2949!important;color:#fff!important;border:1px solid rgba(96,165,250,.35)!important;font-size:20px!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-layer-controls{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important;margin-bottom:6px!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-layers-list{display:grid!important;gap:5px!important;max-height:200px!important;overflow:auto!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-layers-list button,#novaMemoSketchPopup.nova-sketch-final .nova-sketch-layer-base{display:flex!important;justify-content:space-between!important;align-items:center!important;min-height:34px!important;padding:6px 8px!important;border-radius:9px!important;border:1px solid rgba(96,165,250,.25)!important;background:#0d2949!important;color:#fff!important;font-weight:700!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-layers-list button.active{border-color:#60a5fa!important;background:#12406c!important} #novaMemoSketchPopup.nova-sketch-final .nova-memo-sketch-hint{display:none!important} @media(max-width:430px){ #novaMemoSketchPopup.nova-sketch-final .nova-memo-sketch-card{padding:7px!important;gap:4px!important} #novaMemoSketchPopup.nova-sketch-final .nova-memo-sketch-head{min-height:38px!important} #novaMemoSketchPopup.nova-sketch-final .nova-memo-sketch-head b{font-size:17px!important} #novaMemoSketchPopup.nova-sketch-final .nova-memo-sketch-head small{display:none!important} #novaMemoSketchPopup.nova-sketch-final .nova-memo-sketch-close{width:36px!important;height:36px!important;font-size:24px!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-actions button,#novaMemoSketchPopup.nova-sketch-final .nova-memo-sketch-tools button,#novaMemoSketchPopup.nova-sketch-final .nova-sketch-shapes button{height:33px!important;min-height:33px!important;font-size:10.5px!important;padding:4px!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-auto{height:31px!important;min-height:31px!important;padding:3px 6px!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-auto>span{font-size:10.5px!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-auto>small{font-size:8.5px!important} #novaMemoSketchPopup.nova-sketch-final .nova-memo-sketch-colors{grid-template-columns:28px repeat(10,minmax(0,1fr)) 40px!important;gap:2px!important} #novaMemoSketchPopup.nova-sketch-final .nova-memo-sketch-colors>button[data-sketch-color]{width:22px!important;height:22px!important;min-width:22px!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-eyedropper{width:26px!important;height:26px!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-mix{height:26px!important;min-height:26px!important;font-size:8px!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-mix input{width:18px!important;height:18px!important} } /* NOVA Sketch feedback + desktop popup */ #novaMemoSketchPopup.nova-sketch-final .nova-sketch-auto-row{ display:grid!important;grid-template-columns:minmax(0,1fr) repeat(3,minmax(96px,max-content))!important;gap:6px!important;grid-column:1/-1!important;align-items:stretch!important; } #novaMemoSketchPopup.nova-sketch-final .nova-sketch-auto-row .nova-sketch-auto{grid-column:auto!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-mini-toggle{ display:flex!important;align-items:center!important;justify-content:space-between!important;gap:7px!important; min-height:34px!important;padding:4px 8px!important;border-radius:10px!important;background:#0d2949!important;color:#fff!important; border:1px solid rgba(96,165,250,.3)!important;font-size:10.5px!important;font-weight:800!important;white-space:nowrap!important;min-width:0!important;max-width:132px!important; } #novaMemoSketchPopup.nova-sketch-final .nova-sketch-mini-toggle span{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:82px!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-mini-toggle input{display:none!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-mini-toggle i{width:34px!important;height:20px!important;border-radius:999px!important;background:#75869b!important;position:relative!important;display:block!important;flex:0 0 34px!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-mini-toggle i:after{content:""!important;position:absolute!important;width:14px!important;height:14px!important;left:3px!important;top:3px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 1px 4px rgba(0,0,0,.28)!important;transition:.18s!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-mini-toggle input:checked+i{background:#168cff!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-mini-toggle input:checked+i:after{transform:translateX(14px)!important} @media(max-width:650px){ #novaMemoSketchPopup.nova-sketch-final .nova-sketch-auto-row{grid-template-columns:minmax(0,1fr) auto auto!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-mini-toggle{padding:3px 6px!important;font-size:9.5px!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-mini-toggle span{max-width:62px!important;overflow:hidden!important;text-overflow:ellipsis!important} } @media(min-width:651px){ #novaMemoSketchPopup.nova-sketch-final{ align-items:center!important;justify-content:center!important;padding:24px!important; background:rgba(2,8,23,.70)!important;backdrop-filter:blur(10px)!important; } #novaMemoSketchPopup.nova-sketch-final .nova-memo-sketch-card{ width:min(1180px,calc(100vw - 32px))!important;height:min(1020px,calc(100vh - 32px))!important; max-width:1180px!important;max-height:1020px!important;margin:auto!important;padding:14px!important; border-radius:22px!important;border:1px solid rgba(96,165,250,.42)!important; box-shadow:0 28px 90px rgba(0,0,0,.52)!important; } #novaMemoSketchPopup.nova-sketch-final .nova-memo-sketch-head{min-height:48px!important} #novaMemoSketchPopup.nova-sketch-final .nova-memo-sketch-head b{font-size:21px!important} #novaMemoSketchPopup.nova-sketch-final .nova-memo-sketch-head small{display:block!important;font-size:11px!important} #novaMemoSketchPopup.nova-sketch-final .nova-memo-sketch-canvas-wrap{min-height:440px!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-stage, #novaMemoSketchPopup.nova-sketch-final #novaMemoSketchCanvas{min-height:440px!important} } /* NOVA Sketch selection emphasis + feedback */ #novaMemoSketchPopup.nova-sketch-final .nova-sketch-actions button.active, #novaMemoSketchPopup.nova-sketch-final .nova-memo-sketch-tools button.active, #novaMemoSketchPopup.nova-sketch-final .nova-sketch-shapes button.active, #novaMemoSketchPopup.nova-sketch-final #novaSketchSelect.active, #novaMemoSketchPopup.nova-sketch-final .nova-memo-sketch-colors > button[data-sketch-color].active, #novaMemoSketchPopup.nova-sketch-final .nova-sketch-mix.active, #novaMemoSketchPopup.nova-sketch-final .nova-sketch-layer-controls button.active{ background:linear-gradient(180deg,#1b69d2 0%,#0c4fa9 100%)!important; color:#fff!important; border-color:#7dc0ff!important; box-shadow:0 0 0 2px rgba(125,192,255,.22),0 0 18px rgba(30,144,255,.24)!important; transform:translateY(-1px); } #novaMemoSketchPopup.nova-sketch-final .nova-memo-sketch-colors > button[data-sketch-color]{ background:var(--sketch-color)!important; color:transparent!important; } #novaMemoSketchPopup.nova-sketch-final .nova-memo-sketch-colors > button[data-sketch-color].active{ background:var(--sketch-color)!important; outline:2px solid rgba(255,255,255,.95)!important; border-color:#7dc0ff!important; box-shadow:0 0 0 3px rgba(22,140,255,.35),0 0 16px rgba(22,140,255,.25)!important; } #novaMemoSketchPopup.nova-sketch-final .picked-flash{animation:novaSketchPickedFlash .22s ease-out 1;} @keyframes novaSketchPickedFlash{ 0%{transform:scale(1);box-shadow:0 0 0 0 rgba(96,165,250,.0)} 40%{transform:scale(1.03);box-shadow:0 0 0 5px rgba(96,165,250,.18)} 100%{transform:scale(1);box-shadow:inherit} } /* NOVA Sketch advanced editing */ .nova-sketch-selection-box{position:absolute;z-index:25;pointer-events:none;border:2px dashed rgba(29,143,255,.95);background:rgba(29,143,255,.12);border-radius:14px;box-shadow:0 0 0 1px rgba(255,255,255,.45) inset} .nova-sketch-overlay.is-text .nova-sketch-overlay-content{padding:8px 10px;text-align:center;white-space:pre-wrap;word-break:break-word;overflow:auto} .nova-sketch-overlay.is-editing{border-color:#34d399!important;background:rgba(52,211,153,.10)!important;box-shadow:0 0 0 2px rgba(52,211,153,.24),0 10px 28px rgba(2,8,23,.16)} .nova-sketch-overlay.is-editing .nova-sketch-overlay-content{cursor:text;user-select:text;background:rgba(255,255,255,.72);border-radius:12px} /* NOVA Sketch template library */ #novaMemoSketchPopup.nova-sketch-final .nova-sketch-template-panel{ position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important; z-index:180!important;width:min(980px,calc(100vw - 28px))!important;max-height:min(86vh,860px)!important; overflow:auto!important;padding:12px!important;border-radius:18px!important; background:#081f38!important;color:#f7fbff!important;border:1px solid rgba(96,165,250,.48)!important; box-shadow:0 24px 70px rgba(0,0,0,.55)!important;overscroll-behavior:contain!important; } #novaMemoSketchPopup.nova-sketch-final .nova-sketch-template-panel[hidden]{display:none!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-template-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:10px!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-template-head>div{display:grid!important;gap:2px!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-template-head b{font-size:19px!important;color:#fff!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-template-head small{font-size:11px!important;color:#a9bdd3!important} #novaMemoSketchPopup.nova-sketch-final #novaSketchTemplatesClose{width:36px!important;height:36px!important;border-radius:50%!important;border:1px solid rgba(96,165,250,.4)!important;background:#0d2949!important;color:#fff!important;font-size:22px!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-template-search{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;margin-bottom:8px!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-template-search input{min-width:0!important;height:38px!important;border-radius:10px!important;border:1px solid rgba(96,165,250,.32)!important;background:#06182c!important;color:#fff!important;padding:0 11px!important;font-size:13px!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-template-search button,#novaMemoSketchPopup.nova-sketch-final .nova-sketch-template-footer button{min-height:38px!important;border-radius:10px!important;border:1px solid rgba(96,165,250,.32)!important;background:#0d2949!important;color:#fff!important;font-weight:800!important;padding:6px 10px!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-template-cats{display:flex!important;gap:6px!important;overflow-x:auto!important;padding:2px 0 8px!important;scrollbar-width:thin!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-template-cats button{flex:0 0 auto!important;min-height:32px!important;border-radius:999px!important;border:1px solid rgba(96,165,250,.25)!important;background:#0d2949!important;color:#d7e9fb!important;font-size:11px!important;font-weight:800!important;padding:5px 10px!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-template-cats button.active{background:#1677d8!important;border-color:#7fc2ff!important;color:#fff!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-template-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;margin-bottom:10px!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-template-card{position:relative!important;display:grid!important;grid-template-rows:150px auto!important;gap:6px!important;min-width:0!important;padding:7px!important;border-radius:13px!important;border:1px solid rgba(96,165,250,.25)!important;background:#0b2948!important;cursor:pointer!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-template-card.active{border-color:#62b2ff!important;box-shadow:0 0 0 2px rgba(98,178,255,.18)!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-template-card img{width:100%!important;height:150px!important;object-fit:contain!important;object-position:center!important;border-radius:9px!important;background:#fff!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-template-card>div{display:grid!important;gap:2px!important;min-width:0!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-template-card b{font-size:11.5px!important;line-height:1.2!important;color:#fff!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-template-card small{font-size:9.5px!important;line-height:1.2!important;color:#a9bdd3!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-template-fav{position:absolute!important;right:10px!important;top:10px!important;width:30px!important;height:30px!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.65)!important;background:rgba(3,18,35,.82)!important;color:#ffd34e!important;font-size:18px!important;padding:0!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-template-empty{grid-column:1/-1!important;padding:28px!important;text-align:center!important;color:#a9bdd3!important;border:1px dashed rgba(96,165,250,.25)!important;border-radius:12px!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-template-options{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:10px!important;border-radius:13px!important;background:#06182c!important;border:1px solid rgba(96,165,250,.22)!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-template-options>label,#novaMemoSketchPopup.nova-sketch-final .nova-sketch-template-mode{display:grid!important;grid-template-columns:auto minmax(90px,1fr) auto!important;align-items:center!important;gap:7px!important;color:#d7e9fb!important;font-size:11px!important;font-weight:700!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-template-mode{grid-template-columns:auto auto auto!important;justify-content:start!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-template-mode label{display:flex!important;align-items:center!important;gap:5px!important;font-weight:700!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-template-options input[type="range"]{width:100%!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-template-check{display:flex!important;grid-template-columns:none!important;align-items:center!important;gap:7px!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-template-footer{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin-top:9px!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-template-layer{border-color:rgba(34,197,94,.45)!important;background:rgba(34,197,94,.08)!important} @media(max-width:650px){ #novaMemoSketchPopup.nova-sketch-final .nova-sketch-template-panel{left:7px!important;right:7px!important;top:7px!important;bottom:7px!important;transform:none!important;width:auto!important;max-height:none!important;padding:9px!important;border-radius:15px!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-template-head b{font-size:17px!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-template-card{grid-template-rows:132px auto!important;padding:6px!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-template-card img{height:132px!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-template-options{grid-template-columns:1fr!important;gap:7px!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-template-footer{grid-template-columns:1fr 1fr!important} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-template-footer button:first-child{grid-column:1/-1!important} } /* NOVA Sketch Zoom */ #novaMemoSketchPopup.nova-sketch-final .nova-sketch-zoom-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex:0 0 auto;margin:0 0 6px} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-zoom-toolbar button{min-height:34px;padding:5px 10px;border:1px solid rgba(96,165,250,.32);border-radius:10px;background:#0d2949;color:#f3f8ff;font-weight:850;cursor:pointer} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-zoom-toolbar button:hover{border-color:#7dc0ff;background:#123a65} #novaMemoSketchPopup.nova-sketch-final #novaSketchZoomReset{min-width:72px} #novaMemoSketchPopup.nova-sketch-final .nova-memo-sketch-canvas-wrap{position:relative!important;overflow:auto!important;overscroll-behavior:contain!important;scrollbar-gutter:stable both-edges} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-zoom-space{position:relative;min-width:100%;min-height:100%;background:#fff} #novaMemoSketchPopup.nova-sketch-final .nova-sketch-stage{position:absolute!important;left:0!important;top:0!important;margin:0!important} @media(max-width:650px){#novaMemoSketchPopup.nova-sketch-final .nova-sketch-zoom-toolbar{justify-content:stretch;display:grid;grid-template-columns:44px minmax(72px,1fr) 44px minmax(96px,1.25fr);gap:5px;margin-bottom:5px}#novaMemoSketchPopup.nova-sketch-final .nova-sketch-zoom-toolbar button{min-height:36px;padding:5px 7px;font-size:12px}} /* ========================================================= V75.52.257 · FINAL DESKTOP/AUTO LAYOUT AUTHORITY Desktop ist Desktop – unabhängig von älteren Tablet-/Zoom- Mediaqueries. Auto setzt data-view-mode="desktop" und erhält deshalb exakt dieselbe 3-Spalten-Struktur. Mobile data-view-mode="mobile" bleibt unverändert. ========================================================= */ html[data-view-mode="desktop"] .nova-dashboard-hero{ display:grid!important; grid-template-columns:minmax(280px,.82fr) minmax(0,1.62fr) minmax(290px,.88fr)!important; grid-template-rows:auto!important; align-items:start!important; gap:18px!important; width:100%!important; max-width:100%!important; min-width:0!important; padding:14px!important; overflow:visible!important; } html[data-view-mode="desktop"] .nova-dashboard-hero>.nova-weather-column{ grid-column:1!important; grid-row:1!important; width:100%!important; min-width:0!important; max-width:100%!important; align-self:start!important; } html[data-view-mode="desktop"] .nova-dashboard-hero>.nova-ai-stage{ grid-column:2!important; grid-row:1!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:flex-start!important; width:100%!important; min-width:0!important; max-width:100%!important; min-height:0!important; overflow:visible!important; } html[data-view-mode="desktop"] .nova-dashboard-hero>.nova-right-rail{ grid-column:3!important; grid-row:1!important; display:flex!important; flex-direction:column!important; width:100%!important; min-width:0!important; max-width:100%!important; margin:0!important; gap:14px!important; align-self:start!important; } html[data-view-mode="desktop"] .nova-right-rail>.nova-dashboard-panel{ display:flex!important; width:100%!important; min-width:0!important; max-width:100%!important; align-self:stretch!important; } html[data-view-mode="desktop"] #novaLiveHub, html[data-view-mode="desktop"] #novaCalendar, html[data-view-mode="desktop"] .nova-moment-home-desktop{ width:100%!important; min-width:0!important; max-width:100%!important; } /* Unter echten schmalen Desktopfenstern bleibt die Struktur erhalten; die Spalten werden nur kompakter, statt in ein anderes Layout zu springen. */ @media (max-width:1100px){ html[data-view-mode="desktop"] .nova-dashboard-hero{ grid-template-columns:minmax(245px,.78fr) minmax(0,1.5fr) minmax(255px,.82fr)!important; gap:12px!important; padding:10px!important; } } /* ========================================================= V75.52.262 · Desktop rechter Bereich kompakter + Mondkarte lesbarer ========================================================= */ body:not(.dark-mode) .nova-dashboard-panel .moon-three-item.is-today{ border-color:#1a8fe0 !important; background:linear-gradient(180deg,#1593ec,#0b6fd0) !important; box-shadow:0 0 0 1px rgba(22,143,220,.14),0 10px 22px rgba(18,106,181,.22) !important; } body:not(.dark-mode) .nova-dashboard-panel .moon-three-item.is-today .moon-three-label, body:not(.dark-mode) .nova-dashboard-panel .moon-three-item.is-today .moon-three-phase, body:not(.dark-mode) .nova-dashboard-panel .moon-three-item.is-today .moon-three-light{ color:#ffffff !important; } body:not(.dark-mode) .nova-dashboard-panel .moon-three-item.is-today .moon-three-icon{ filter:drop-shadow(0 4px 8px rgba(0,0,0,.22)); } /* V75.52.283 · Wetter: Luftqualität dauerhaft sichtbar */ .weather-air-panel{margin-top:16px;padding:16px;border:1px solid rgba(98,132,164,.24);border-radius:18px;background:var(--panel,#fff)} .weather-air-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px} .weather-air-head h3{margin:3px 0 0;font-size:1.05rem}.weather-air-head small{max-width:46%;text-align:right;color:#60788b} .weather-air-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px} .weather-air-grid article{padding:12px;border:1px solid rgba(98,132,164,.2);border-radius:14px;background:rgba(238,246,255,.72);display:grid;gap:4px} .weather-air-grid article small{color:#60788b;font-weight:700}.weather-air-grid article strong{font-size:1.15rem;color:#123c64}.weather-air-grid article em{font-size:.68em;font-style:normal;font-weight:600;color:#60788b} .weather-air-loading{grid-column:1/-1;padding:12px;border-radius:12px;background:rgba(238,246,255,.72);color:#526a7e} .weather-air-note{margin:10px 0 0;color:#60788b;font-size:.82rem} html[data-theme="dark"] .weather-air-panel{background:rgba(8,23,38,.82);border-color:rgba(111,177,229,.24)} html[data-theme="dark"] .weather-air-grid article,html[data-theme="dark"] .weather-air-loading{background:rgba(18,48,70,.62);border-color:rgba(111,177,229,.22)} html[data-theme="dark"] .weather-air-grid article strong{color:#eaf6ff} @media(max-width:760px){.weather-air-head{display:block}.weather-air-head small{display:block;max-width:none;text-align:left;margin-top:6px}.weather-air-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.weather-air-grid article:first-child{grid-column:1/-1}} /* V75.52.312 – NOVA Auto Guide · dynamische Modell-Neuheiten */ .nova-auto-dynamic-head{display:flex;justify-content:space-between;gap:16px;align-items:end;margin:18px 0 10px;padding-top:3px}.nova-auto-dynamic-head small{font-size:10px;letter-spacing:.14em;font-weight:900;color:#1783af}.nova-auto-dynamic-head h3{margin:3px 0 4px;color:#17364f;font-size:22px}.nova-auto-dynamic-head p{margin:0;color:#536b80;line-height:1.45}.nova-auto-dynamic-head>span{font-size:12px;font-weight:850;color:#6c8294;white-space:nowrap}.nova-auto-dynamic-head.future{margin-top:20px}.nova-auto-update-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:17px}.nova-auto-update-card{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #cfe0ea;border-radius:16px;padding:13px 14px;background:linear-gradient(135deg,#f8fcff,#eef8ff)}.nova-auto-update-card.future{background:linear-gradient(135deg,#fbf9ff,#f1f0ff);border-color:#d9d2f0}.nova-auto-update-card small{font-size:10px;letter-spacing:.1em;font-weight:900;color:#0b7fb0}.nova-auto-update-card.future small{color:#7456ac}.nova-auto-update-card h4{margin:2px 0 3px;color:#17364f;font-size:17px}.nova-auto-update-card p{margin:0;color:#61788b;font-size:12px}.nova-auto-update-card a{flex:0 0 auto;text-decoration:none;border:1px solid #bcd3e2;background:#fff;border-radius:10px;padding:8px 10px;color:#0877ba;font-size:12px;font-weight:850}.nova-auto-update-empty{grid-column:1/-1;padding:13px 14px;border:1px dashed #c4d4df;border-radius:14px;background:#f8fafc;color:#687f90;font-weight:700}.nova-auto-models button[data-auto-direct="1"]{border-color:#9bd7c6;background:#f0fbf7;color:#176a59} html[data-theme="dark"] .nova-auto-dynamic-head h3,.dark-mode .nova-auto-dynamic-head h3,html[data-theme="dark"] .nova-auto-update-card h4,.dark-mode .nova-auto-update-card h4{color:#f3f8fb}html[data-theme="dark"] .nova-auto-dynamic-head p,.dark-mode .nova-auto-dynamic-head p{color:#bfd1dd}html[data-theme="dark"] .nova-auto-update-card,.dark-mode .nova-auto-update-card{background:#122b3c;border-color:#34566a}html[data-theme="dark"] .nova-auto-update-card.future,.dark-mode .nova-auto-update-card.future{background:#24243c;border-color:#4b4b70}html[data-theme="dark"] .nova-auto-update-card a,.dark-mode .nova-auto-update-card a{background:#102334;border-color:#406075;color:#83cef4}html[data-theme="dark"] .nova-auto-update-empty,.dark-mode .nova-auto-update-empty{background:#102432;border-color:#3e5c6e;color:#c6d7e0}html[data-theme="dark"] .nova-auto-models button[data-auto-direct="1"],.dark-mode .nova-auto-models button[data-auto-direct="1"]{background:#12392f;border-color:#2f745f;color:#bcebdc} @media(max-width:760px){.nova-auto-dynamic-head{align-items:flex-start;flex-direction:column}.nova-auto-update-grid{grid-template-columns:1fr}.nova-auto-update-card{align-items:flex-start;flex-direction:column}.nova-auto-update-card a{align-self:flex-start}} /* NOVA V75.52.313 · Auto Guide Monatsauswahl + Zukunft-Button */ .nova-auto-dynamic-actions{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;justify-content:flex-end}.nova-auto-month-picker{display:flex;align-items:center;gap:8px;border:1px solid #cfe0ea;background:#f8fbfd;border-radius:12px;padding:6px 8px}.nova-auto-month-picker span{font-size:11px;font-weight:850;color:#61788b}.nova-auto-month-picker select{border:0;background:transparent;color:#17364f;font-weight:850;font-size:13px;outline:none;cursor:pointer;min-width:145px}.nova-auto-data-state{font-size:12px;font-weight:850;color:#6c8294;white-space:nowrap}.nova-auto-future-toggle{border:1px solid #cfc4ef;background:#f7f4ff;color:#5e45a0;border-radius:11px;padding:9px 12px;font-size:12px;font-weight:900;cursor:pointer}.nova-auto-future-toggle:hover{background:#efe9ff}.nova-auto-future-grid[hidden]{display:none!important} html[data-theme="dark"] .nova-auto-month-picker,.dark-mode .nova-auto-month-picker{background:#102432;border-color:#36586c}html[data-theme="dark"] .nova-auto-month-picker span,.dark-mode .nova-auto-month-picker span{color:#bfd1dd}html[data-theme="dark"] .nova-auto-month-picker select,.dark-mode .nova-auto-month-picker select{color:#f3f8fb}html[data-theme="dark"] .nova-auto-future-toggle,.dark-mode .nova-auto-future-toggle{background:#25243d;border-color:#56527b;color:#d6caff} @media(max-width:760px){.nova-auto-dynamic-actions{width:100%;justify-content:flex-start}.nova-auto-month-picker{width:100%;justify-content:space-between}.nova-auto-month-picker select{min-width:0;flex:1}.nova-auto-future-toggle{width:100%}} /* NOVA V75.52.314 · Auto Guide Monatsarchiv + Zukunft integriert */ .nova-auto-combined-head{align-items:center;margin-top:22px} .nova-auto-month-picker-large{padding:10px 12px;border-radius:14px;box-shadow:0 4px 14px rgba(31,113,164,.08)} .nova-auto-month-picker-large span{font-size:12px} .nova-auto-month-picker-large select{min-width:220px;font-size:16px;font-weight:900;padding:4px 26px 4px 4px} .nova-auto-update-card.new small{color:#0b7fb0}.nova-auto-update-card.future small{color:#7456ac} /* NOVA V75.52.316 · Auto Guide Neuheiten/Zukunft optisch absetzen */ .nova-auto-update-card.new,.nova-auto-update-card.future{border:2px solid #4dff8c;box-shadow:0 0 0 1px rgba(77,255,140,.18),0 0 18px rgba(77,255,140,.18),inset 0 1px 0 rgba(255,255,255,.72)} .nova-auto-update-card.new{background:linear-gradient(135deg,#f9fffb,#eefcf4)} .nova-auto-update-card.future{background:linear-gradient(135deg,#f8fffb,#edf9f2)} html[data-theme="dark"] .nova-auto-update-card.new,.dark-mode .nova-auto-update-card.new,html[data-theme="dark"] .nova-auto-update-card.future,.dark-mode .nova-auto-update-card.future{border:2px solid #55ff96;box-shadow:0 0 0 1px rgba(85,255,150,.2),0 0 20px rgba(85,255,150,.22),inset 0 1px 0 rgba(255,255,255,.05)} html[data-theme="dark"] .nova-auto-update-card.new,.dark-mode .nova-auto-update-card.new{background:linear-gradient(135deg,#112f25,#173a2d)} html[data-theme="dark"] .nova-auto-update-card.future,.dark-mode .nova-auto-update-card.future{background:linear-gradient(135deg,#133126,#193d30)} @media(max-width:760px){.nova-auto-combined-head{align-items:flex-start}.nova-auto-month-picker-large{width:100%;display:flex;flex-direction:column;align-items:flex-start}.nova-auto-month-picker-large select{width:100%;min-width:0;font-size:17px}.nova-auto-data-state{white-space:normal}} /* NOVA Universe V75.52.536 · Drive Cockpit direct tile + live speed color ring */ .nova-ev-cockpit-speed{ --evc-speed-angle:0deg; } .nova-ev-cockpit-speed::before{ /* Farbskala wird mit steigender Geschwindigkeit sichtbar: grün → gelb → orange → rot. */ background:conic-gradient(from 215deg, #37e1bd 0deg, #79df6a 72deg, #d7df55 132deg, #ffd14f 178deg, #ff9b49 232deg, #ff596b 300deg, transparent 300deg 360deg)!important; filter:drop-shadow(0 0 20px color-mix(in srgb,var(--evc-accent) 48%,white 52%))!important; } .nova-ev-cockpit-speed::after{ /* Der noch nicht erreichte Bereich bleibt als dunkle Ringbahn sichtbar. */ content:""!important; position:absolute!important; width:min(68%,260px)!important; aspect-ratio:1!important; left:50%!important; top:54%!important; inset:auto!important; transform:translate(-50%,-46%)!important; border-radius:50%!important; background:conic-gradient(from 215deg, transparent 0deg var(--evc-speed-angle), rgba(5,14,27,.74) var(--evc-speed-angle) 300deg, transparent 300deg 360deg)!important; -webkit-mask:radial-gradient(circle at center,transparent 57%,#000 58% 64%,transparent 65%)!important; mask:radial-gradient(circle at center,transparent 57%,#000 58% 64%,transparent 65%)!important; pointer-events:none!important; z-index:0!important; } .nova-ev-cockpit-speed b,.nova-ev-cockpit-speed span{z-index:1!important} .nova-ev-cockpit-speed b{font-size:clamp(94px,17vw,198px)!important} @media(max-width:780px){ .nova-ev-cockpit-speed::after{width:min(70%,210px)!important;top:54%!important;transform:translate(-50%,-46%)!important} .nova-ev-cockpit-speed b{font-size:88px!important} } @media(max-width:480px){ .nova-ev-cockpit-speed::after{width:min(70%,185px)!important;top:54%!important;transform:translate(-50%,-46%)!important} .nova-ev-cockpit-speed b{font-size:76px!important} .nova-ev-cockpit-speed span{font-size:13px!important} } /* NOVA Universe V75.52.536 · Drive Cockpit direct open + speed gauge cleanup */ .nova-ev-cockpit-speed{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;padding:18px 18px 14px!important;text-align:center!important} .nova-ev-cockpit-speed::before{top:50%!important;transform:translate(-50%,-48%)!important} .nova-ev-cockpit-speed::after{content:none!important;display:none!important;background:none!important;box-shadow:none!important} .nova-ev-cockpit-speed b{font-size:clamp(84px,15vw,172px)!important;line-height:.86!important;letter-spacing:-.05em!important;text-align:center!important;margin:0!important} .nova-ev-cockpit-speed span{display:block!important;align-self:center!important;font-size:clamp(20px,2.8vw,34px)!important;font-weight:900!important;line-height:1!important;letter-spacing:0!important;margin:0!important;text-align:center!important} @media(max-width:780px){ .nova-ev-cockpit-speed{gap:0!important;padding:16px 12px 12px!important} .nova-ev-cockpit-speed b{font-size:78px!important} .nova-ev-cockpit-speed span{font-size:24px!important} } @media(max-width:480px){ .nova-ev-cockpit-speed b{font-size:70px!important} .nova-ev-cockpit-speed span{font-size:20px!important} } /* NOVA Universe V75.52.536 · Cockpit cleanup */ .nova-ev-cockpit::before{ display:none !important; background:none !important; } /* NOVA Universe V75.52.536 · Cockpit compact static layout + wind summary */ .nova-ev-cockpit::before, .nova-ev-cockpit::after{ content:none!important; display:none!important; background:none!important; } .nova-ev-cockpit{ padding:14px!important; gap:10px!important; } .nova-ev-cockpit-top{padding:2px 0 8px!important} .nova-ev-cockpit-main{gap:10px!important} .nova-ev-cockpit-tools{gap:8px!important} .nova-ev-cockpit-grid, .nova-ev-cockpit-accel, .nova-ev-cockpit-energy{gap:10px!important} .nova-ev-cockpit-speed, .nova-ev-cockpit-compass, .nova-ev-cockpit-grid>div, .nova-ev-cockpit-accel>div, .nova-ev-cockpit-energy>div, .nova-ev-cockpit-top button, .nova-ev-cockpit-tools button, .nova-ev-cockpit-tools label, .nova-ev-cockpit-link, .nova-ev-cockpit-cost-open{ backdrop-filter:none!important; -webkit-backdrop-filter:none!important; box-shadow:0 8px 20px rgba(0,0,0,.18)!important; } .nova-ev-cockpit-speed, .nova-ev-cockpit-compass{min-height:188px!important;border-radius:20px!important} .nova-ev-cockpit-grid>div, .nova-ev-cockpit-accel>div, .nova-ev-cockpit-energy>div{min-height:96px!important;border-radius:18px!important} .nova-ev-cockpit-grid-split{ display:grid!important; grid-template-columns:1fr 1fr; gap:10px!important; align-items:stretch; } .nova-ev-cockpit-grid-split::before{display:none!important} .nova-ev-cockpit-grid-mini{display:flex;flex-direction:column;justify-content:center;min-width:0} .nova-ev-cockpit-grid-mini + .nova-ev-cockpit-grid-mini{ border-left:1px solid rgba(255,255,255,.14); padding-left:10px; } .nova-ev-cockpit-grid-split b{font-size:clamp(20px,3vw,34px)!important} @media(max-width:780px){ .nova-ev-cockpit{padding:9px!important;gap:8px!important} .nova-ev-cockpit-main{gap:7px!important} .nova-ev-cockpit-tools{gap:7px!important} .nova-ev-cockpit-grid, .nova-ev-cockpit-accel, .nova-ev-cockpit-energy{gap:7px!important} .nova-ev-cockpit-speed, .nova-ev-cockpit-compass{min-height:142px!important;border-radius:16px!important} .nova-ev-cockpit-grid>div, .nova-ev-cockpit-accel>div, .nova-ev-cockpit-energy>div{min-height:66px!important;padding:8px 9px!important;border-radius:14px!important} .nova-ev-cockpit-grid-split{gap:8px!important} .nova-ev-cockpit-grid-mini + .nova-ev-cockpit-grid-mini{padding-left:8px} .nova-ev-cockpit-grid-split b{font-size:16px!important} } /* NOVA Universe V75.52.536 · Performance/Bremsen hero visuals */ .nova-drive-hero{display:grid;grid-template-columns:minmax(190px,240px) 1fr;gap:16px;align-items:stretch;margin:0 0 14px} .nova-drive-hero-ring{position:relative;min-height:210px;border-radius:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(6,24,48,.96),rgba(3,12,26,.96));box-shadow:0 14px 32px rgba(0,0,0,.28)} .nova-drive-hero-ring::before{content:'';position:absolute;inset:14px;border-radius:50%;border:12px solid rgba(255,255,255,.08)} .nova-drive-hero--performance .nova-drive-hero-ring::before{border-top-color:#73f0b2;border-right-color:#f3cd57;border-bottom-color:#ff7b66;border-left-color:#45d8cc} .nova-drive-hero--brake .nova-drive-hero-ring::before{border-top-color:#ff8c7c;border-right-color:#ff5d5d;border-bottom-color:#ffb86e;border-left-color:#ff7979} .nova-drive-hero-ring span,.nova-drive-hero-ring small{position:relative;z-index:1} .nova-drive-hero-ring span{font-size:clamp(34px,5vw,62px);font-weight:900;line-height:1;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.28)} .nova-drive-hero-ring small{font-size:15px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.86);margin-top:8px} .nova-drive-hero-side .nova-drive-pro-grid{height:100%} .nova-drive-hero-side .nova-drive-pro-grid>div{min-height:74px} @media(max-width:780px){.nova-drive-hero{grid-template-columns:1fr;gap:12px}.nova-drive-hero-ring{min-height:180px;border-radius:22px}.nova-drive-hero-ring::before{inset:12px;border-width:10px}} /* NOVA Universe V75.52.536 · fullscreen mobile panels + analysis save */ .nova-drive-save-info{ margin:10px 0 0; padding:10px 12px; border:1px solid rgba(255,255,255,.12); border-radius:14px; background:rgba(255,255,255,.05); color:#dff1ff; font-size:12px; line-height:1.4; text-align:center; } .nova-drive-analysis-modal, .nova-drive-standalone-map, .nova-ev-cockpit-cost-modal{ overscroll-behavior:contain; } .nova-drive-analysis-card header, .nova-ev-cockpit-cost-head, .nova-drive-standalone-map__head{ position:sticky; top:0; z-index:2; } @media(max-width:780px){ .nova-drive-analysis-modal{ padding:0!important; align-items:stretch!important; justify-content:stretch!important; } .nova-drive-analysis-card{ width:100vw!important; max-width:100vw!important; min-height:100dvh!important; height:100dvh!important; margin:0!important; border-radius:0!important; padding:calc(env(safe-area-inset-top) + 10px) 12px calc(env(safe-area-inset-bottom) + 14px)!important; overflow:auto!important; box-sizing:border-box!important; } .nova-drive-analysis-card header{ margin:-2px -2px 12px!important; padding:10px 2px 10px!important; background:rgba(6,18,34,.96)!important; backdrop-filter:blur(6px)!important; } .nova-drive-analysis-card header button, .nova-ev-cockpit-cost-head button, .nova-drive-standalone-map__head button{ min-height:42px!important; padding:10px 12px!important; border-radius:12px!important; } .nova-drive-pro-export{ display:grid!important; grid-template-columns:1fr!important; gap:10px!important; } .nova-drive-pro-export button{ width:100%!important; min-height:44px!important; } .nova-ev-cockpit-cost-modal{ padding:0!important; place-items:stretch!important; } .nova-ev-cockpit-cost-dialog{ width:100vw!important; max-width:100vw!important; min-height:100dvh!important; height:100dvh!important; border-radius:0!important; margin:0!important; padding:calc(env(safe-area-inset-top) + 10px) 12px calc(env(safe-area-inset-bottom) + 14px)!important; overflow:auto!important; box-sizing:border-box!important; } .nova-ev-cockpit-cost-head{ background:rgba(6,18,34,.96)!important; margin:-2px -2px 12px!important; padding:10px 2px 10px!important; } .nova-drive-standalone-map{ inset:0!important; width:100vw!important; height:100dvh!important; padding:0!important; } .nova-drive-standalone-map__head{ padding:calc(env(safe-area-inset-top) + 10px) 12px 10px!important; background:rgba(6,18,34,.96)!important; } #novaStandaloneMapCanvas{ height:calc(100dvh - 72px)!important; } } /* NOVA Universe V75.52.536 · calculator popup refinement */ html.nova-drive-modal-open, body.nova-drive-modal-open{ overflow:hidden!important; overscroll-behavior:none!important; } .nova-ev-cockpit-cost-head{ grid-template-columns:minmax(0,1fr) auto!important; } .nova-ev-cockpit-cost-head > div{ min-width:0!important; } .nova-ev-cockpit-cost-head b{ overflow-wrap:anywhere; line-height:1.15!important; } .nova-ev-cockpit-cost-head button{ width:auto!important; min-width:118px!important; height:auto!important; min-height:42px!important; padding:10px 14px!important; font-size:14px!important; line-height:1.1!important; white-space:nowrap!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; text-align:center!important; } .nova-ev-cockpit-cost-dialog{ width:min(760px, calc(100vw - 24px))!important; max-height:min(92dvh, 920px)!important; border-radius:22px!important; margin:0 auto!important; } .nova-ev-cockpit-cost-dialog .nova-ev-cockpit-cost-body{ padding:16px 16px 18px!important; } @media(max-width:780px){ .nova-ev-cockpit-cost-modal{ padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom))!important; place-items:center!important; } .nova-ev-cockpit-cost-dialog{ width:min(100%, 560px)!important; max-width:560px!important; height:auto!important; min-height:auto!important; max-height:min(90dvh, 760px)!important; border-radius:20px!important; border-left:1px solid rgba(255,255,255,.22)!important; border-right:1px solid rgba(255,255,255,.22)!important; box-sizing:border-box!important; padding-bottom:max(10px,env(safe-area-inset-bottom))!important; } .nova-ev-cockpit-cost-head{ padding:12px!important; } .nova-ev-cockpit-cost-head small{ font-size:8px!important; } .nova-ev-cockpit-cost-head b{ font-size:16px!important; margin-top:2px!important; } .nova-ev-cockpit-cost-head button{ min-width:104px!important; font-size:13px!important; padding:9px 12px!important; border-radius:12px!important; } .nova-ev-cockpit-cost-dialog .nova-ev-cockpit-cost-body{ padding:14px 12px 16px!important; } } @media(max-width:430px){ .nova-ev-cockpit-cost-dialog{ width:calc(100vw - 16px)!important; max-height:min(88dvh, 720px)!important; border-radius:18px!important; } .nova-ev-cockpit-cost-head{ gap:8px!important; } .nova-ev-cockpit-cost-head b{ font-size:15px!important; } .nova-ev-cockpit-cost-head button{ min-width:96px!important; font-size:12px!important; padding:8px 10px!important; } .nova-ev-cockpit-cost-dialog .nova-ev-cockpit-price>span{ font-size:10px!important; } .nova-ev-cockpit-cost-results-single b{ font-size:clamp(28px,8vw,40px)!important; } } /* NOVA Universe V75.52.536 · unified popup style */ html.nova-drive-modal-open, body.nova-drive-modal-open{ overflow:hidden!important; overscroll-behavior:none!important; } .nova-drive-analysis-modal{ position:fixed!important; inset:0!important; z-index:54000!important; display:grid!important; place-items:center!important; padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))!important; background:rgba(4,8,24,.80)!important; backdrop-filter:blur(9px)!important; box-sizing:border-box!important; } .nova-drive-analysis-card{ position:relative!important; width:min(760px, calc(100vw - 24px))!important; max-width:760px!important; max-height:min(92dvh, 920px)!important; overflow:auto!important; border:1px solid rgba(255,255,255,.24)!important; border-radius:22px!important; background:linear-gradient(160deg,#12374f,#071c2b 72%)!important; color:#fff!important; box-shadow:0 26px 70px rgba(0,0,0,.48)!important; padding:0!important; } .nova-drive-analysis-card header{ position:sticky!important; top:0!important; z-index:3!important; display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; align-items:center!important; gap:12px!important; padding:15px 16px!important; background:rgba(6,11,28,.88)!important; border-bottom:1px solid rgba(255,255,255,.14)!important; backdrop-filter:blur(8px)!important; } .nova-drive-analysis-card header > div{min-width:0!important} .nova-drive-analysis-card header small{ display:block!important; color:#fff!important; font-size:9px!important; font-weight:950!important; letter-spacing:.13em!important; text-transform:uppercase!important; opacity:1!important; } .nova-drive-analysis-card header h2{ margin:3px 0 0!important; color:#fff!important; font-size:20px!important; line-height:1.15!important; overflow-wrap:anywhere!important; } .nova-drive-analysis-card header button{ width:auto!important; min-width:104px!important; min-height:42px!important; padding:10px 14px!important; border-radius:12px!important; border:1px solid rgba(255,255,255,.32)!important; background:rgba(255,255,255,.08)!important; color:#fff!important; font-size:14px!important; font-weight:900!important; line-height:1.1!important; white-space:nowrap!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; text-align:center!important; box-shadow:0 0 18px rgba(77,173,255,.20)!important; } .nova-drive-analysis-card > :not(header){padding-left:16px!important;padding-right:16px!important} .nova-drive-analysis-card > :last-child{padding-bottom:max(18px,env(safe-area-inset-bottom))!important} .nova-drive-analysis-grid>div, .nova-drive-pro-grid>div{ border-radius:18px!important; background:linear-gradient(180deg, rgba(10,32,82,.88), rgba(10,28,66,.64))!important; border:1px solid rgba(132,201,237,.35)!important; box-shadow:0 0 24px rgba(79,166,255,.18)!important; } .nova-drive-analysis-grid small, .nova-drive-pro-grid small, .nova-drive-analysis-note, .nova-drive-pro-table th, .nova-drive-pro-table td{color:#fff!important;opacity:1!important} .nova-drive-pro-export{ display:flex!important; flex-wrap:wrap!important; gap:10px!important; margin:16px 16px 0!important; } .nova-drive-pro-export button{ border:1px solid rgba(132,201,237,.35)!important; border-radius:14px!important; background:linear-gradient(180deg, rgba(10,32,82,.88), rgba(10,28,66,.64))!important; color:#fff!important; padding:12px 14px!important; font-weight:900!important; } .nova-drive-save-info{margin:12px 16px 0!important;color:#fff!important;opacity:1!important} #novaPerformanceContent,#novaBrakeContent{padding:16px!important} #novaAnalysisProContent{padding-bottom:6px!important} @media(max-width:780px){ .nova-drive-analysis-modal{ padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom))!important; } .nova-drive-analysis-card{ width:min(100%, 560px)!important; max-width:560px!important; max-height:min(90dvh, 760px)!important; border-radius:20px!important; } .nova-drive-analysis-card header{ padding:12px!important; gap:8px!important; } .nova-drive-analysis-card header small{font-size:8px!important} .nova-drive-analysis-card header h2{font-size:16px!important} .nova-drive-analysis-card header button{ min-width:96px!important; font-size:12px!important; padding:8px 10px!important; } .nova-drive-analysis-card > :not(header){padding-left:12px!important;padding-right:12px!important} .nova-drive-analysis-grid, .nova-drive-pro-grid{grid-template-columns:1fr!important} .nova-drive-pro-table{font-size:12px!important} } /* NOVA Universe V75.52.536 · unified cockpit popups + map + soft animation */ /* Shared transition for calculator / performance / braking / analysis / map */ .nova-ev-cockpit-cost-modal, .nova-drive-analysis-modal, .nova-drive-map-modal{ opacity:0; transition:opacity .14s ease; } .nova-ev-cockpit-cost-modal.is-open, .nova-drive-analysis-modal.is-open, .nova-drive-map-modal.is-open{ opacity:1; } .nova-ev-cockpit-cost-dialog, .nova-drive-analysis-card, .nova-drive-map-card{ transform:translateY(7px) scale(.985); opacity:.98; transition:transform .16s ease, opacity .16s ease; } .nova-ev-cockpit-cost-modal.is-open .nova-ev-cockpit-cost-dialog, .nova-drive-analysis-modal.is-open .nova-drive-analysis-card, .nova-drive-map-modal.is-open .nova-drive-map-card{ transform:translateY(0) scale(1); opacity:1; } /* Live map now uses the same popup language as the other windows. */ .nova-drive-map-modal[hidden]{display:none!important} .nova-drive-map-modal{ position:fixed!important; inset:0!important; z-index:54020!important; display:grid!important; place-items:center!important; padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))!important; background:rgba(4,8,24,.80)!important; backdrop-filter:blur(9px)!important; box-sizing:border-box!important; overscroll-behavior:contain!important; } .nova-drive-map-card{ width:min(900px,calc(100vw - 24px))!important; height:min(86dvh,760px)!important; max-height:760px!important; display:flex!important; flex-direction:column!important; overflow:hidden!important; border:1px solid rgba(255,255,255,.24)!important; border-radius:22px!important; background:linear-gradient(160deg,#12374f,#071c2b 72%)!important; box-shadow:0 26px 70px rgba(0,0,0,.48)!important; } .nova-drive-standalone-map__head{ position:relative!important; top:auto!important; z-index:3!important; display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; align-items:center!important; gap:12px!important; padding:15px 16px!important; color:#fff!important; background:rgba(6,11,28,.92)!important; border-bottom:1px solid rgba(255,255,255,.14)!important; backdrop-filter:blur(8px)!important; } .nova-drive-standalone-map__head>div{min-width:0!important} .nova-drive-standalone-map__head small{ display:block!important; color:#fff!important; font-size:9px!important; font-weight:950!important; letter-spacing:.13em!important; text-transform:uppercase!important; opacity:1!important; } .nova-drive-standalone-map__head b{ display:block!important; margin-top:3px!important; color:#fff!important; font-size:20px!important; line-height:1.15!important; } .nova-drive-standalone-map__head button{ width:auto!important; min-width:104px!important; min-height:42px!important; padding:10px 14px!important; border-radius:12px!important; border:1px solid rgba(255,255,255,.32)!important; background:rgba(255,255,255,.08)!important; color:#fff!important; font-size:14px!important; font-weight:900!important; white-space:nowrap!important; box-shadow:0 0 18px rgba(77,173,255,.20)!important; } #novaStandaloneMapCanvas{ flex:1!important; min-height:0!important; width:100%!important; height:auto!important; background:#0a1a2c!important; } /* Keep the calculator / analysis family visually aligned. */ .nova-ev-cockpit-cost-dialog, .nova-drive-analysis-card, .nova-drive-map-card{ border-color:rgba(132,201,237,.30)!important; } .nova-ev-cockpit-cost-head, .nova-drive-analysis-card header, .nova-drive-standalone-map__head{ min-height:70px!important; box-sizing:border-box!important; } .nova-ev-cockpit-cost-head button, .nova-drive-analysis-card header button, .nova-drive-standalone-map__head button{ min-width:104px!important; min-height:42px!important; font-size:13px!important; line-height:1.1!important; } .nova-ev-cockpit-cost-head b, .nova-drive-analysis-card header h2, .nova-drive-standalone-map__head b{ font-size:18px!important; line-height:1.15!important; } /* Reduce motion when requested by the OS. */ @media(prefers-reduced-motion:reduce){ .nova-ev-cockpit-cost-modal, .nova-drive-analysis-modal, .nova-drive-map-modal, .nova-ev-cockpit-cost-dialog, .nova-drive-analysis-card, .nova-drive-map-card{ transition:none!important; } } @media(max-width:780px){ .nova-drive-map-modal{ padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom))!important; } .nova-drive-map-card{ width:min(100%,560px)!important; max-width:560px!important; height:min(88dvh,720px)!important; max-height:720px!important; border-radius:20px!important; } .nova-drive-standalone-map__head{ padding:12px!important; gap:8px!important; min-height:64px!important; } .nova-drive-standalone-map__head small{font-size:8px!important} .nova-drive-standalone-map__head b{font-size:16px!important} .nova-drive-standalone-map__head button{ min-width:96px!important; padding:8px 10px!important; font-size:12px!important; } } @media(max-width:430px){ .nova-drive-map-card{ width:calc(100vw - 16px)!important; height:min(86dvh,680px)!important; border-radius:18px!important; } } /* NOVA Universe V75.52.536 · Rechner/Wind/G-Sensor unified popup style */ /* Hard reset for calculator so it is always a true centered popup on phones. */ .nova-ev-cockpit-cost-modal{ position:fixed!important; inset:0!important; z-index:54100!important; display:grid!important; place-items:center!important; width:100vw!important; height:100dvh!important; padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom))!important; background:transparent!important; overflow:hidden!important; box-sizing:border-box!important; } .nova-ev-cockpit-cost-modal[hidden]{display:none!important} .nova-ev-cockpit-cost-backdrop{ position:absolute!important; inset:0!important; width:100%!important; height:100%!important; background:rgba(4,8,24,.82)!important; backdrop-filter:blur(9px)!important; z-index:0!important; } .nova-ev-cockpit-cost-dialog{ position:relative!important; z-index:1!important; width:min(560px,calc(100vw - 20px))!important; height:auto!important; min-height:0!important; max-height:min(88dvh,720px)!important; margin:0!important; border:1px solid rgba(132,201,237,.30)!important; border-radius:20px!important; padding:0!important; overflow:auto!important; background:linear-gradient(160deg,#12374f,#071c2b 72%)!important; box-shadow:0 26px 70px rgba(0,0,0,.48)!important; box-sizing:border-box!important; } .nova-ev-cockpit-cost-head{ position:sticky!important; top:0!important; z-index:3!important; min-height:64px!important; display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; align-items:center!important; gap:8px!important; margin:0!important; padding:12px!important; background:rgba(6,11,28,.94)!important; border-bottom:1px solid rgba(255,255,255,.14)!important; } .nova-ev-cockpit-cost-head small{ font-size:8px!important; letter-spacing:.13em!important; color:#fff!important; } .nova-ev-cockpit-cost-head b{ font-size:16px!important; line-height:1.15!important; color:#fff!important; } .nova-ev-cockpit-cost-head button{ width:auto!important; min-width:96px!important; min-height:42px!important; padding:8px 10px!important; border:1px solid rgba(255,255,255,.32)!important; border-radius:12px!important; background:rgba(255,255,255,.08)!important; color:#fff!important; font-size:12px!important; font-weight:900!important; white-space:nowrap!important; } .nova-ev-cockpit-cost-dialog .nova-ev-cockpit-cost-body{ padding:14px 12px 16px!important; } /* Shared popup shell for Wind and G-Sensor. */ .nova-drive-tool-modal[hidden]{display:none!important} .nova-drive-tool-modal{ position:fixed!important; inset:0!important; z-index:54080!important; display:grid!important; place-items:center!important; width:100vw!important; height:100dvh!important; padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom))!important; box-sizing:border-box!important; opacity:0; transition:opacity .14s ease; } .nova-drive-tool-modal.is-open{opacity:1} .nova-drive-tool-backdrop{ position:absolute!important; inset:0!important; background:rgba(4,8,24,.82)!important; backdrop-filter:blur(9px)!important; } .nova-drive-tool-card{ position:relative!important; z-index:1!important; width:min(560px,calc(100vw - 20px))!important; max-height:min(88dvh,720px)!important; overflow:auto!important; border:1px solid rgba(132,201,237,.30)!important; border-radius:20px!important; background:linear-gradient(160deg,#12374f,#071c2b 72%)!important; box-shadow:0 26px 70px rgba(0,0,0,.48)!important; transform:translateY(7px) scale(.985); opacity:.98; transition:transform .16s ease,opacity .16s ease; } .nova-drive-tool-modal.is-open .nova-drive-tool-card{ transform:translateY(0) scale(1); opacity:1; } .nova-drive-tool-head{ position:sticky!important; top:0!important; z-index:3!important; min-height:64px!important; display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; align-items:center!important; gap:8px!important; padding:12px!important; background:rgba(6,11,28,.94)!important; border-bottom:1px solid rgba(255,255,255,.14)!important; } .nova-drive-tool-head>div{min-width:0!important} .nova-drive-tool-head small{ display:block!important; font-size:8px!important; font-weight:950!important; letter-spacing:.13em!important; text-transform:uppercase!important; color:#fff!important; opacity:1!important; } .nova-drive-tool-head b{ display:block!important; margin-top:2px!important; font-size:16px!important; line-height:1.15!important; color:#fff!important; } .nova-drive-tool-head span{ display:inline-flex!important; margin-top:5px!important; padding:4px 8px!important; border-radius:999px!important; border:1px solid rgba(255,255,255,.18)!important; background:rgba(255,255,255,.08)!important; color:#fff!important; font-size:9px!important; font-weight:900!important; } .nova-drive-tool-head button{ width:auto!important; min-width:96px!important; min-height:42px!important; padding:8px 10px!important; border:1px solid rgba(255,255,255,.32)!important; border-radius:12px!important; background:rgba(255,255,255,.08)!important; color:#fff!important; font-size:12px!important; font-weight:900!important; white-space:nowrap!important; } .nova-drive-tool-body{ padding:14px 12px 16px!important; display:flex!important; flex-direction:column!important; gap:12px!important; } .nova-drive-tool-body .nova-ev-gsensor-meter, .nova-drive-tool-body .nova-ev-wind-visual{ margin:0 auto!important; } .nova-drive-tool-body .nova-ev-gsensor-values, .nova-drive-tool-body .nova-ev-wind-values{ width:100%!important; max-width:none!important; } .nova-drive-tool-body .nova-ev-gsensor-values>div, .nova-drive-tool-body .nova-ev-wind-values>div{ border-radius:16px!important; background:linear-gradient(180deg,rgba(10,32,82,.88),rgba(10,28,66,.64))!important; border:1px solid rgba(132,201,237,.35)!important; box-shadow:0 0 20px rgba(79,166,255,.14)!important; } .nova-drive-tool-body .nova-ev-gsensor-controls, .nova-drive-tool-body .nova-ev-wind-check{ width:100%!important; max-width:none!important; } .nova-drive-tool-body .nova-ev-gsensor-controls button, .nova-drive-tool-body .nova-ev-wind-check button{ border:1px solid rgba(132,201,237,.35)!important; border-radius:12px!important; background:linear-gradient(180deg,rgba(10,32,82,.88),rgba(10,28,66,.64))!important; color:#fff!important; font-weight:900!important; } .nova-drive-tool-note{ margin:0!important; padding:10px 12px!important; border:1px solid rgba(255,255,255,.12)!important; border-radius:14px!important; background:rgba(255,255,255,.05)!important; color:#dff1ff!important; font-size:10px!important; line-height:1.4!important; text-align:center!important; } /* GPS button/status visually aligned with the same cockpit language. */ #evCockpitGpsToggle{ border-color:rgba(73,220,173,.45)!important; box-shadow:0 8px 20px rgba(0,0,0,.18),0 0 16px rgba(73,220,173,.12)!important; } .nova-ev-cockpit-gps{ border:1px solid rgba(255,255,255,.18)!important; box-shadow:0 0 18px rgba(56,220,170,.16)!important; } @media(max-width:430px){ .nova-ev-cockpit-cost-dialog, .nova-drive-tool-card{ width:calc(100vw - 16px)!important; max-height:min(86dvh,690px)!important; border-radius:18px!important; } .nova-drive-tool-body{ padding:12px 10px 14px!important; } } /* Disable transitions when requested by OS accessibility settings. */ @media(prefers-reduced-motion:reduce){ .nova-drive-tool-modal, .nova-drive-tool-card{ transition:none!important; } } /* NOVA Universe V75.52.536 · NOVA Map / Google Maps switch */ .nova-drive-map-switch{ display:grid!important; grid-template-columns:1fr 1fr!important; gap:8px!important; padding:10px 12px 0!important; background:linear-gradient(180deg,rgba(6,11,28,.92),rgba(6,11,28,.78))!important; } .nova-drive-map-switch button{ min-height:42px!important; border:1px solid rgba(132,201,237,.32)!important; border-radius:12px!important; background:rgba(255,255,255,.07)!important; color:#fff!important; font-size:12px!important; font-weight:900!important; cursor:pointer!important; } .nova-drive-map-switch button.active{ background:linear-gradient(180deg,#0c63a8,#0a3f78)!important; border-color:rgba(102,218,255,.58)!important; box-shadow:0 0 18px rgba(70,190,255,.18)!important; } #novaMapGoogle{ background:linear-gradient(180deg,rgba(27,93,58,.92),rgba(13,61,42,.92))!important; border-color:rgba(91,220,150,.48)!important; } .nova-drive-map-route-info{ padding:8px 14px 10px!important; background:rgba(6,11,28,.78)!important; border-bottom:1px solid rgba(255,255,255,.10)!important; color:#d8edff!important; font-size:10px!important; line-height:1.35!important; text-align:center!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } @media(max-width:430px){ .nova-drive-map-switch{padding:8px 10px 0!important;gap:7px!important} .nova-drive-map-switch button{min-height:40px!important;font-size:11px!important} .nova-drive-map-route-info{font-size:9px!important;padding:7px 10px 9px!important} } /* NOVA Universe V75.52.536 · Google Maps direct choice beside NOVA map */ .nova-drive-top-map-actions{ display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:7px!important; min-width:0!important; } .nova-drive-top-map-actions button{ white-space:nowrap!important; } #evCockpitGoogleMaps{ border-color:rgba(91,220,150,.48)!important; background:linear-gradient(180deg,rgba(27,93,58,.92),rgba(13,61,42,.92))!important; box-shadow:0 8px 20px rgba(0,0,0,.18),0 0 16px rgba(91,220,150,.12)!important; } @media(max-width:780px){ .nova-ev-cockpit-top{ grid-template-columns:auto minmax(0,1fr) auto!important; } .nova-drive-top-map-actions{ gap:5px!important; } .nova-drive-top-map-actions button{ min-height:40px!important; padding:8px 9px!important; font-size:10px!important; } } @media(max-width:480px){ .nova-drive-top-map-actions{ display:grid!important; grid-template-columns:1fr!important; gap:4px!important; } .nova-drive-top-map-actions button{ min-height:32px!important; padding:6px 8px!important; font-size:9px!important; border-radius:10px!important; } #evCockpitGoogleMaps{ max-width:98px!important; overflow:hidden!important; text-overflow:ellipsis!important; } } /* NOVA Universe V75.52.536 · Tracker Stop Export / Share */ .nova-tracker-export-overlay{position:fixed;inset:0;z-index:2147483200;display:none;place-items:center;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));box-sizing:border-box}.nova-tracker-export-overlay.open{display:grid}.nova-tracker-export-backdrop{position:absolute;inset:0;background:rgba(1,7,14,.78);backdrop-filter:blur(8px)}.nova-tracker-export-dialog{position:relative;z-index:1;width:min(620px,100%);max-height:min(90dvh,840px);overflow:auto;background:linear-gradient(160deg,#0b2033,#07131f 72%);color:#fff;border:1px solid rgba(111,177,222,.36);border-radius:24px;box-shadow:0 28px 80px rgba(0,0,0,.55)}.nova-tracker-export-head{position:sticky;top:0;z-index:3;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:16px 18px;background:rgba(5,17,29,.96);border-bottom:1px solid rgba(255,255,255,.11);backdrop-filter:blur(8px)}.nova-tracker-export-head small{display:block;font-size:10px;font-weight:900;letter-spacing:.13em;color:#91dff5}.nova-tracker-export-head h2{margin:4px 0 0;font-size:22px;line-height:1.15;color:#fff}.nova-tracker-export-head button{width:42px;height:42px;border:1px solid rgba(255,255,255,.24);border-radius:13px;background:rgba(255,255,255,.06);color:#fff;font-size:20px;font-weight:900}.nova-tracker-export-body{padding:16px}.nova-tracker-export-body>p{margin:0 0 14px;color:#dce9f1;font-size:14px;line-height:1.5}.nova-tracker-export-card{margin-top:12px;padding:14px;border:1px solid rgba(120,183,224,.24);border-radius:18px;background:rgba(255,255,255,.035)}.nova-tracker-export-card__title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:11px}.nova-tracker-export-card__title b{font-size:19px}.nova-tracker-export-card__title small{font-size:10px;color:#a9c9dc;text-align:right}.nova-tracker-export-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.nova-tracker-export-actions button,.nova-tracker-export-all button{min-height:48px;border:1px solid rgba(119,186,229,.34);border-radius:14px;background:#102d43;color:#fff;font-size:14px;font-weight:900}.nova-tracker-export-actions button:last-child{background:#0c3543;border-color:rgba(91,220,189,.34)}.nova-tracker-export-actions button:disabled,.nova-tracker-export-all button:disabled{opacity:.55}.nova-tracker-export-all{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}#novaTrackerShareAll{background:#0b4252;border-color:rgba(78,216,229,.42)}.nova-tracker-export-status{margin-top:14px;padding:11px 13px;border:1px solid rgba(101,214,190,.26);border-radius:13px;background:rgba(22,117,92,.13);color:#baf2df;font-size:12px;line-height:1.4;text-align:center}.nova-tracker-export-status.is-error{border-color:rgba(255,154,112,.3);background:rgba(154,67,38,.16);color:#ffd1be}.nova-tracker-export-note{display:block;margin-top:10px;color:#8fa8b7;font-size:10px;line-height:1.45;text-align:center}@media(max-width:520px){.nova-tracker-export-overlay{padding:8px}.nova-tracker-export-dialog{max-height:92dvh;border-radius:20px}.nova-tracker-export-head{padding:13px 14px}.nova-tracker-export-head h2{font-size:18px}.nova-tracker-export-body{padding:12px}.nova-tracker-export-body>p{font-size:12px}.nova-tracker-export-card{padding:12px}.nova-tracker-export-actions button,.nova-tracker-export-all button{min-height:46px;font-size:13px}} /* NOVA Universe V75.52.536 · combined tracker export = ZIP save only */ .nova-tracker-export-all--single{ grid-template-columns:1fr!important; } .nova-tracker-export-combined-note{ margin-top:10px; padding:10px 12px; border:1px solid rgba(255,255,255,.10); border-radius:13px; background:rgba(255,255,255,.035); color:#a9c2d1; font-size:10px; line-height:1.45; text-align:center; } /* NOVA V75.52.371 · Job Transition V2 */ .nova-transition-profile-grid{ display:grid; grid-template-columns:minmax(260px,1.7fr) repeat(3,minmax(110px,.55fr)); gap:8px; margin:10px 0 12px; } .nova-transition-profile-grid>div{ min-width:0; padding:10px 12px; border:1px solid #d9e5f1; border-radius:12px; background:rgba(255,255,255,.84); } .nova-transition-profile-grid small{ display:block; font-size:8px; font-weight:950; letter-spacing:.09em; color:#70849a; } .nova-transition-profile-grid b{ display:block; margin-top:3px; color:#163d6e; font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .nova-transition-profile-grid span{display:block;margin-top:2px;font-size:9px;color:#738396} .nova-transition-lanes{display:grid;gap:14px} .nova-transition-lane{ padding:12px; border:1px solid #dfe6f1; border-radius:15px; background:rgba(255,255,255,.42); } .nova-transition-lane-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:9px; } .nova-transition-lane-head small{ font-size:9px; font-weight:950; letter-spacing:.1em; color:#356fa7; } .nova-transition-lane-head h4{margin:2px 0 3px;font-size:15px;color:#173a5e} .nova-transition-lane-head p{margin:0;font-size:10px;line-height:1.45;color:#6c7e8e} .nova-transition-lane-head>span{ flex:0 0 auto; padding:5px 8px; border-radius:999px; background:#edf7ff; color:#24659d; font-size:9px; font-weight:900; } .nova-transition-card-title{ display:flex; flex-wrap:wrap; align-items:center; gap:6px; } .nova-transition-card-title>b{font-size:12px} .nova-transition-lane-badge,.nova-nova-mini{ display:inline-flex; align-items:center; padding:2px 6px; border-radius:999px; font-size:8px; line-height:1.3; font-weight:950; } .nova-transition-lane-badge{background:#eef7f3;color:#247457} .nova-nova-mini{background:#f1edff;color:#6650a6} .nova-transition-card-skill .nova-transition-score{background:#f6f1ff} .nova-transition-card-skill .nova-transition-score strong{color:#6b4fc0} .nova-transition-lane-empty{border-style:dashed} .nova-transition-lane-empty .nova-transition-lane-head{margin:0} .nova-transition-skill-builder input[readonly]{font-weight:800;color:#2d4e6a} .nova-skill-group:last-child .nova-skill-group-grid{grid-template-columns:repeat(3,minmax(0,1fr))} body.dark-mode .nova-transition-profile-grid>div{background:#132f45;border-color:#46657c} body.dark-mode .nova-transition-profile-grid b{color:#fff} body.dark-mode .nova-transition-profile-grid small,body.dark-mode .nova-transition-profile-grid span{color:#aec6d8} body.dark-mode .nova-transition-lane{background:rgba(10,34,51,.58);border-color:#435d74} body.dark-mode .nova-transition-lane-head h4{color:#f4f9ff} body.dark-mode .nova-transition-lane-head p{color:#b9cedc} body.dark-mode .nova-transition-lane-head>span{background:#173e59;color:#b9e1ff} body.dark-mode .nova-transition-lane-badge{background:#174738;color:#aef0cf} body.dark-mode .nova-nova-mini{background:#3a315f;color:#e1d8ff} body.dark-mode .nova-transition-card-skill .nova-transition-score{background:#2b2450} body.dark-mode .nova-transition-card-skill .nova-transition-score strong{color:#d9cbff} @media(max-width:980px){ .nova-transition-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .nova-skill-group:last-child .nova-skill-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:560px){ .nova-transition-profile-grid{grid-template-columns:1fr 1fr} .nova-transition-profile-grid>div:first-child{grid-column:1/-1} .nova-transition-lane{padding:10px} .nova-transition-lane-head{display:block} .nova-transition-lane-head>span{display:inline-flex;margin-top:7px} .nova-skill-group:last-child .nova-skill-group-grid{grid-template-columns:1fr} } /* NOVA V75.52.373 · erweiterter Job-Transition Skill-/Synonym-Layer */ .nova-skill-group-grid{align-items:stretch} .nova-skill-group-grid button{min-height:38px;line-height:1.2} .nova-skill-group:last-child .nova-skill-group-grid{grid-template-columns:repeat(4,minmax(0,1fr))} .nova-transition-result-head em{max-width:760px} @media(max-width:1100px){ .nova-skill-group:last-child .nova-skill-group-grid{grid-template-columns:repeat(3,minmax(0,1fr))} } @media(max-width:760px){ .nova-skill-group:last-child .nova-skill-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:480px){ .nova-skill-group:last-child .nova-skill-group-grid{grid-template-columns:1fr} } /* ========================================================= NOVA Universe V75.52.536 · NOVA Ride – Taxi & Fahrdienste Aggregator / Linkout, keine eigene Buchung oder Zahlung ========================================================= */ .nova-drive-module-bar{position:sticky;top:0;z-index:7;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 0 6px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.92) 78%,rgba(255,255,255,0));backdrop-filter:blur(6px)} .nova-drive-module-chip{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid #c7d9e6;background:#f7fbff;color:#143857;font-size:13px;font-weight:900;letter-spacing:.01em;box-shadow:0 8px 20px rgba(15,58,99,.08)} .nova-drive-close{display:grid;place-items:center;width:40px;height:40px;border:1px solid #c7d9e6;border-radius:999px;background:#fff;color:#153b59;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 8px 18px rgba(15,58,99,.08)} .nova-drive-close:hover{transform:translateY(-1px);background:#f3f8fd} body.dark-mode .nova-drive-module-bar,html[data-theme="dark"] .nova-drive-module-bar{background:linear-gradient(180deg,rgba(8,22,36,.98),rgba(8,22,36,.92) 78%,rgba(8,22,36,0))} body.dark-mode .nova-drive-module-chip,html[data-theme="dark"] .nova-drive-module-chip,body.dark-mode .nova-drive-close,html[data-theme="dark"] .nova-drive-close{background:#102b42;border-color:#32536d;color:#eef8ff} @media(max-width:700px){.nova-drive-module-bar{padding-top:4px;padding-bottom:8px}.nova-drive-module-chip{min-height:36px;padding:0 12px;font-size:12px}.nova-drive-close{width:38px;height:38px;font-size:26px}} .nova-ride-shell{display:grid;gap:14px;color:var(--ink)} .nova-ride-hero{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:start;padding:18px;border:1px solid #cbddea;border-radius:20px;background:linear-gradient(135deg,#f5fbff,#eefaf7 62%,#fff8ed)} .nova-ride-hero-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:linear-gradient(145deg,#0e77c8,#16b9c4);font-size:28px;box-shadow:0 10px 24px rgba(12,119,180,.18)} .nova-ride-hero-copy h2{margin:4px 0 7px;font-size:clamp(23px,3vw,34px);color:#153b59}.nova-ride-hero-copy p{margin:0;color:#587183;line-height:1.48} .nova-ride-badge{align-self:start;padding:7px 10px;border-radius:999px;background:#0d3552;color:#fff;font-size:9px;font-weight:950;letter-spacing:.09em;white-space:nowrap} .nova-ride-plan,.nova-ride-section{padding:15px;border:1px solid #d2e1eb;border-radius:18px;background:#fbfdff} .nova-ride-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}.nova-ride-section-head small{display:block;color:#07859d;font-size:9px;font-weight:950;letter-spacing:.1em}.nova-ride-section-head h3{margin:3px 0 0;color:#173b58;font-size:18px}.nova-ride-section-head>span{color:#60788b;font-size:11px;font-weight:750;text-align:right} .nova-ride-route-grid{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:8px;align-items:end}.nova-ride-route-grid label{display:grid;gap:5px;color:#486479;font-size:10px;font-weight:900}.nova-ride-route-grid input{width:100%;box-sizing:border-box;min-height:45px;border:1px solid #c7d9e6;border-radius:12px;padding:0 12px;background:#fff;color:#163852;font:inherit}.nova-ride-swap{height:45px;border:1px solid #c8dce9;border-radius:12px;background:#eef8ff;color:#0a6c9f;font-size:21px;font-weight:900;cursor:pointer} .nova-ride-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.nova-ride-actions .btn{min-height:42px} .nova-ride-local-grid,.nova-ride-provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.nova-ride-local-grid button,.nova-ride-provider-grid button{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:78px;padding:11px;border:1px solid #d3e1ea;border-radius:14px;background:#fff;color:#173952;text-align:left;cursor:pointer;transition:.17s ease}.nova-ride-local-grid button:hover,.nova-ride-provider-grid button:hover{transform:translateY(-2px);border-color:#62bddd;box-shadow:0 10px 24px rgba(25,102,148,.11)}.nova-ride-local-grid button>span,.nova-ride-provider-grid button>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#eaf8fa;font-size:22px;font-weight:950}.nova-ride-provider-grid button>span{background:linear-gradient(145deg,#0d3552,#157c94);color:#fff;font-size:18px}.nova-ride-local-grid b,.nova-ride-provider-grid b,.nova-ride-local-grid small,.nova-ride-provider-grid small{display:block}.nova-ride-local-grid small,.nova-ride-provider-grid small{margin-top:3px;color:#647a8b;font-size:11px;line-height:1.3}.nova-ride-local-grid em,.nova-ride-provider-grid em{font-style:normal;color:#0b87ae;font-weight:950} .nova-ride-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.nova-ride-info-grid article{display:flex;gap:10px;padding:12px;border:1px solid #d4e3ec;border-radius:14px;background:#f7fbfd}.nova-ride-info-grid article>span{font-size:22px}.nova-ride-info-grid b{color:#183d59}.nova-ride-info-grid p{margin:4px 0 0;color:#60778a;font-size:11px;line-height:1.4} .nova-ride-note{display:flex;gap:10px;align-items:flex-start;padding:13px 14px;border:1px solid #cfe2d8;border-radius:14px;background:#f1fbf6;color:#315c4d}.nova-ride-note b{white-space:nowrap}.nova-ride-note span{font-size:11px;line-height:1.45} .nova-ride-tile>span{filter:drop-shadow(0 4px 8px rgba(28,181,203,.18))} body.dark-mode .nova-ride-hero,html[data-theme="dark"] .nova-ride-hero{background:linear-gradient(135deg,#0b2439,#0d342f 62%,#352b1d);border-color:#31546b}.dark-mode .nova-ride-hero-copy h2,html[data-theme="dark"] .nova-ride-hero-copy h2,.dark-mode .nova-ride-section-head h3,html[data-theme="dark"] .nova-ride-section-head h3{color:#f2f9ff}.dark-mode .nova-ride-hero-copy p,html[data-theme="dark"] .nova-ride-hero-copy p,.dark-mode .nova-ride-section-head>span,html[data-theme="dark"] .nova-ride-section-head>span{color:#bed0dd}.dark-mode .nova-ride-plan,.dark-mode .nova-ride-section,html[data-theme="dark"] .nova-ride-plan,html[data-theme="dark"] .nova-ride-section{background:#0b2237;border-color:#31516d}.dark-mode .nova-ride-route-grid input,html[data-theme="dark"] .nova-ride-route-grid input,.dark-mode .nova-ride-local-grid button,.dark-mode .nova-ride-provider-grid button,html[data-theme="dark"] .nova-ride-local-grid button,html[data-theme="dark"] .nova-ride-provider-grid button{background:#102b43;border-color:#35556e;color:#eef8ff}.dark-mode .nova-ride-local-grid small,.dark-mode .nova-ride-provider-grid small,html[data-theme="dark"] .nova-ride-local-grid small,html[data-theme="dark"] .nova-ride-provider-grid small{color:#bdd0df}.dark-mode .nova-ride-info-grid article,html[data-theme="dark"] .nova-ride-info-grid article{background:#0d283f;border-color:#31516d}.dark-mode .nova-ride-info-grid b,html[data-theme="dark"] .nova-ride-info-grid b{color:#eef8ff}.dark-mode .nova-ride-info-grid p,html[data-theme="dark"] .nova-ride-info-grid p{color:#b9cedd}.dark-mode .nova-ride-note,html[data-theme="dark"] .nova-ride-note{background:#10342e;border-color:#315f55;color:#d7f5e9} @media(max-width:700px){.nova-ride-hero{grid-template-columns:auto 1fr}.nova-ride-badge{grid-column:1/-1;justify-self:start}.nova-ride-route-grid{grid-template-columns:1fr}.nova-ride-swap{width:48px;justify-self:center;transform:rotate(90deg)}.nova-ride-local-grid,.nova-ride-provider-grid,.nova-ride-info-grid{grid-template-columns:1fr}.nova-ride-section-head{align-items:flex-start;flex-direction:column}.nova-ride-section-head>span{text-align:left}.nova-ride-note{display:grid}.nova-ride-note b{white-space:normal}} /* NOVA Universe V75.52.536 · NOVA Carsharing Basic */ .nova-carshare-shell{display:grid;gap:14px;color:var(--ink)} .nova-carshare-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:start;padding:18px;border:1px solid #cbddea;border-radius:20px;background:linear-gradient(135deg,#f5fbff,#eefaf7 62%,#f7f4ff)} .nova-carshare-hero-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:linear-gradient(145deg,#176fd0,#24b2bb);font-size:28px;box-shadow:0 10px 24px rgba(21,111,188,.18)} .nova-carshare-hero-copy h2{margin:4px 0 7px;font-size:clamp(23px,3vw,34px);color:#153b59}.nova-carshare-hero-copy p{margin:0;color:#587183;line-height:1.48} .nova-carshare-badge{align-self:start;padding:7px 10px;border-radius:999px;background:#163c5a;color:#fff;font-size:9px;font-weight:950;letter-spacing:.09em;white-space:nowrap} .nova-carshare-plan,.nova-carshare-section{padding:15px;border:1px solid #d2e1eb;border-radius:18px;background:#fbfdff} .nova-carshare-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}.nova-carshare-section-head small{display:block;color:#07859d;font-size:9px;font-weight:950;letter-spacing:.1em}.nova-carshare-section-head h3{margin:3px 0 0;color:#173b58;font-size:18px}.nova-carshare-section-head>span{color:#60788b;font-size:11px;font-weight:750;text-align:right} .nova-carshare-place-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:end}.nova-carshare-place-row label{display:grid;gap:5px;color:#486479;font-size:10px;font-weight:900}.nova-carshare-place-row input{width:100%;box-sizing:border-box;min-height:45px;border:1px solid #c7d9e6;border-radius:12px;padding:0 12px;background:#fff;color:#163852;font:inherit}.nova-carshare-place-row .btn{min-height:45px;white-space:nowrap} .nova-carshare-type-grid,.nova-carshare-provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.nova-carshare-type-grid button,.nova-carshare-provider-grid button{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:78px;padding:11px;border:1px solid #d3e1ea;border-radius:14px;background:#fff;color:#173952;text-align:left;cursor:pointer;transition:.17s ease}.nova-carshare-type-grid button:hover,.nova-carshare-provider-grid button:hover{transform:translateY(-2px);border-color:#62bddd;box-shadow:0 10px 24px rgba(25,102,148,.11)}.nova-carshare-type-grid button>span,.nova-carshare-provider-grid button>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#eaf8fa;font-size:22px;font-weight:950}.nova-carshare-provider-grid button>span{background:linear-gradient(145deg,#163c5a,#168699);color:#fff;font-size:17px}.nova-carshare-type-grid b,.nova-carshare-provider-grid b,.nova-carshare-type-grid small,.nova-carshare-provider-grid small{display:block}.nova-carshare-type-grid small,.nova-carshare-provider-grid small{margin-top:3px;color:#647a8b;font-size:11px;line-height:1.3}.nova-carshare-type-grid em,.nova-carshare-provider-grid em{font-style:normal;color:#0b87ae;font-weight:950} .nova-carshare-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.nova-carshare-actions .btn{min-height:42px} .nova-carshare-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.nova-carshare-info-grid article{display:flex;gap:10px;padding:12px;border:1px solid #d4e3ec;border-radius:14px;background:#f7fbfd}.nova-carshare-info-grid article>span{font-size:22px}.nova-carshare-info-grid b{color:#183d59}.nova-carshare-info-grid p{margin:4px 0 0;color:#60778a;font-size:11px;line-height:1.4} .nova-carshare-note{display:flex;gap:10px;align-items:flex-start;padding:13px 14px;border:1px solid #cfe2d8;border-radius:14px;background:#f1fbf6;color:#315c4d}.nova-carshare-note b{white-space:nowrap}.nova-carshare-note span{font-size:11px;line-height:1.45}.nova-carshare-tile>span{filter:drop-shadow(0 4px 8px rgba(28,181,203,.18))} body.dark-mode .nova-carshare-hero,html[data-theme="dark"] .nova-carshare-hero{background:linear-gradient(135deg,#0b2439,#0d342f 62%,#272541);border-color:#31546b}.dark-mode .nova-carshare-hero-copy h2,html[data-theme="dark"] .nova-carshare-hero-copy h2,.dark-mode .nova-carshare-section-head h3,html[data-theme="dark"] .nova-carshare-section-head h3{color:#f2f9ff}.dark-mode .nova-carshare-hero-copy p,html[data-theme="dark"] .nova-carshare-hero-copy p,.dark-mode .nova-carshare-section-head>span,html[data-theme="dark"] .nova-carshare-section-head>span{color:#bed0dd}.dark-mode .nova-carshare-plan,.dark-mode .nova-carshare-section,html[data-theme="dark"] .nova-carshare-plan,html[data-theme="dark"] .nova-carshare-section{background:#0b2237;border-color:#31516d}.dark-mode .nova-carshare-place-row input,html[data-theme="dark"] .nova-carshare-place-row input,.dark-mode .nova-carshare-type-grid button,.dark-mode .nova-carshare-provider-grid button,html[data-theme="dark"] .nova-carshare-type-grid button,html[data-theme="dark"] .nova-carshare-provider-grid button{background:#102b42;border-color:#31556f;color:#eef8ff}.dark-mode .nova-carshare-type-grid small,.dark-mode .nova-carshare-provider-grid small,html[data-theme="dark"] .nova-carshare-type-grid small,html[data-theme="dark"] .nova-carshare-provider-grid small{color:#bfd0dd}.dark-mode .nova-carshare-info-grid article,html[data-theme="dark"] .nova-carshare-info-grid article{background:#102b42;border-color:#31556f}.dark-mode .nova-carshare-info-grid b,html[data-theme="dark"] .nova-carshare-info-grid b{color:#eef8ff}.dark-mode .nova-carshare-info-grid p,html[data-theme="dark"] .nova-carshare-info-grid p{color:#bfd0dd}.dark-mode .nova-carshare-note,html[data-theme="dark"] .nova-carshare-note{background:#12362f;border-color:#285c50;color:#d7f6ea} @media(max-width:760px){.nova-carshare-hero{grid-template-columns:auto 1fr}.nova-carshare-badge{grid-column:1/-1;justify-self:start}.nova-carshare-place-row{grid-template-columns:1fr}.nova-carshare-place-row .btn{width:100%}.nova-carshare-info-grid{grid-template-columns:1fr}} @media(max-width:520px){.nova-carshare-type-grid,.nova-carshare-provider-grid{grid-template-columns:1fr}.nova-carshare-note{display:grid;gap:5px}.nova-carshare-note b{white-space:normal}} /* V75.52.400 · NOVA Immobilien Phase 1 · Finanzierung / Bauen / Home / Gesamtkosten */ .nova-realestate-journey{ margin:18px 0 0;padding:18px;border:1px solid #b8d9ef;border-radius:20px; background:linear-gradient(135deg,#f4fbff 0%,#eef8f6 100%);box-shadow:0 10px 28px rgba(35,77,112,.08) } .nova-realestate-journey-head small,.nova-realestate-workspace-head small,.nova-realestate-panel-intro small{font-weight:900;letter-spacing:.09em;color:#29728e} .nova-realestate-journey-head h3{margin:5px 0 6px;font-size:20px;line-height:1.25;color:#163b51} .nova-realestate-journey-head p{margin:0;color:#536d7e;line-height:1.45} .nova-realestate-actionbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:14px} .nova-realestate-actionbar button{ min-height:58px;border:1px solid #b7d1e2;border-radius:15px;background:#fff;color:#173c55;font:inherit;font-weight:850; padding:11px 12px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 5px 14px rgba(34,74,103,.06) } .nova-realestate-actionbar button:hover{transform:translateY(-1px);border-color:#58a9d1;box-shadow:0 8px 18px rgba(34,74,103,.11)} .nova-realestate-workspace{margin:14px 0 0;border:1px solid #b9d2e3;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 14px 38px rgba(31,61,84,.11)} .nova-realestate-workspace[hidden]{display:none!important} .nova-realestate-workspace-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 18px 12px;background:linear-gradient(135deg,#f6fbff,#f2f8fc);border-bottom:1px solid #d6e4ee} .nova-realestate-workspace-head h3{margin:3px 0 0;color:#173d55;font-size:21px} .nova-realestate-workspace-head>button{width:38px;height:38px;border-radius:12px;border:1px solid #c8d9e5;background:#fff;color:#38566a;font-size:25px;cursor:pointer} .nova-realestate-workspace-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:12px 14px;background:#f8fbfd;border-bottom:1px solid #dce8ef} .nova-realestate-workspace-tabs button{border:1px solid #c6d9e6;border-radius:12px;background:#fff;color:#244a61;padding:10px 8px;font-weight:850;cursor:pointer} .nova-realestate-workspace-tabs button.active{background:#173f59;color:#fff;border-color:#173f59} .nova-realestate-panel{padding:18px} .nova-realestate-panel[hidden]{display:none!important} .nova-realestate-panel-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px} .nova-realestate-panel-intro h3{margin:4px 0 0;color:#183c52;font-size:20px} .nova-realestate-panel-intro>span{border:1px solid #c9dce7;border-radius:999px;padding:7px 10px;background:#f6fbfd;color:#557486;font-size:12px;font-weight:800;white-space:nowrap} .nova-realestate-formgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .nova-realestate-formgrid label{position:relative;display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid #d4e1e9;border-radius:13px;background:#fbfdfe} .nova-realestate-formgrid label>span{font-size:12px;font-weight:850;color:#526e7e} .nova-realestate-formgrid input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#17384d;font:inherit;font-weight:800;padding:2px 34px 2px 0} .nova-realestate-formgrid label>em{position:absolute;right:10px;bottom:12px;color:#6b8797;font-size:12px;font-style:normal;font-weight:800} .nova-realestate-finance-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px} .nova-realestate-finance-summary article,.nova-realestate-scenarios article,.nova-realestate-homepreview article{border:1px solid #cfdfe8;border-radius:14px;background:#f8fbfd;padding:13px} .nova-realestate-finance-summary small,.nova-realestate-scenarios small,.nova-realestate-homepreview small{display:block;color:#668190;font-size:11px;font-weight:900;letter-spacing:.06em} .nova-realestate-finance-summary b,.nova-realestate-scenarios b,.nova-realestate-homepreview b{display:block;margin:5px 0;color:#173d54;font-size:18px;line-height:1.25} .nova-realestate-finance-summary span,.nova-realestate-scenarios span,.nova-realestate-homepreview span{display:block;color:#6a808e;font-size:12px;line-height:1.35} .nova-realestate-scenarios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px} .nova-realestate-scenarios article:first-child{background:#f5fbff} .nova-realestate-scenarios article:nth-child(2){background:#f5fcf8} .nova-realestate-scenarios article:nth-child(3){background:#fff9ef} .nova-realestate-calcnote{margin:12px 0 0;color:#667f8f;font-size:12px;line-height:1.45} .nova-realestate-buildtotal{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;padding:14px 15px;border:1px solid #cbdde7;border-radius:15px;background:#f4fafc} .nova-realestate-buildtotal span{font-weight:800;color:#557180}.nova-realestate-buildtotal b{font-size:22px;color:#173f57;margin-right:auto} .nova-realestate-helperlinks{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px} .nova-realestate-helperlinks button{border:1px solid #c7d9e4;border-radius:11px;background:#fff;color:#2c5a74;padding:9px 11px;font-weight:800;cursor:pointer} .nova-realestate-homepreview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px} .nova-realestate-home-save{min-height:46px} .nova-realestate-totalbox{margin-top:14px;padding:18px;border:1px solid #a9cfe0;border-radius:17px;background:linear-gradient(135deg,#edf9ff,#f3fbf7)} .nova-realestate-totalbox small{display:block;font-weight:900;letter-spacing:.08em;color:#39768e}.nova-realestate-totalbox>b{display:block;margin:4px 0 8px;font-size:27px;color:#123b53} .nova-realestate-totalbox p{margin:0 0 8px;color:#486777;line-height:1.45}.nova-realestate-totalbox span{font-weight:850;color:#315c70} body.dark-mode .nova-realestate-journey,body.dark-mode-theme .nova-realestate-journey,html[data-theme="dark"] .nova-realestate-journey{background:linear-gradient(135deg,#142a3a,#17332f);border-color:#365d71} body.dark-mode .nova-realestate-journey-head h3,body.dark-mode-theme .nova-realestate-journey-head h3,html[data-theme="dark"] .nova-realestate-journey-head h3, body.dark-mode .nova-realestate-workspace-head h3,body.dark-mode-theme .nova-realestate-workspace-head h3,html[data-theme="dark"] .nova-realestate-workspace-head h3, body.dark-mode .nova-realestate-panel-intro h3,body.dark-mode-theme .nova-realestate-panel-intro h3,html[data-theme="dark"] .nova-realestate-panel-intro h3{color:#eef8ff} body.dark-mode .nova-realestate-journey-head p,body.dark-mode-theme .nova-realestate-journey-head p,html[data-theme="dark"] .nova-realestate-journey-head p{color:#b8cad5} body.dark-mode .nova-realestate-actionbar button,body.dark-mode-theme .nova-realestate-actionbar button,html[data-theme="dark"] .nova-realestate-actionbar button, body.dark-mode .nova-realestate-workspace,body.dark-mode-theme .nova-realestate-workspace,html[data-theme="dark"] .nova-realestate-workspace{background:#112331;color:#eaf7ff;border-color:#385568} body.dark-mode .nova-realestate-workspace-head,body.dark-mode-theme .nova-realestate-workspace-head,html[data-theme="dark"] .nova-realestate-workspace-head, body.dark-mode .nova-realestate-workspace-tabs,body.dark-mode-theme .nova-realestate-workspace-tabs,html[data-theme="dark"] .nova-realestate-workspace-tabs{background:#142936;border-color:#334e5f} body.dark-mode .nova-realestate-workspace-tabs button,body.dark-mode-theme .nova-realestate-workspace-tabs button,html[data-theme="dark"] .nova-realestate-workspace-tabs button{background:#172f3e;color:#dff3ff;border-color:#3b5b6d} body.dark-mode .nova-realestate-workspace-tabs button.active,body.dark-mode-theme .nova-realestate-workspace-tabs button.active,html[data-theme="dark"] .nova-realestate-workspace-tabs button.active{background:#2a7698;border-color:#53a5c8;color:#fff} body.dark-mode .nova-realestate-formgrid label,body.dark-mode-theme .nova-realestate-formgrid label,html[data-theme="dark"] .nova-realestate-formgrid label, body.dark-mode .nova-realestate-finance-summary article,body.dark-mode-theme .nova-realestate-finance-summary article,html[data-theme="dark"] .nova-realestate-finance-summary article, body.dark-mode .nova-realestate-scenarios article,body.dark-mode-theme .nova-realestate-scenarios article,html[data-theme="dark"] .nova-realestate-scenarios article, body.dark-mode .nova-realestate-homepreview article,body.dark-mode-theme .nova-realestate-homepreview article,html[data-theme="dark"] .nova-realestate-homepreview article{background:#162b39;border-color:#39586a} body.dark-mode .nova-realestate-formgrid input,body.dark-mode-theme .nova-realestate-formgrid input,html[data-theme="dark"] .nova-realestate-formgrid input, body.dark-mode .nova-realestate-finance-summary b,body.dark-mode-theme .nova-realestate-finance-summary b,html[data-theme="dark"] .nova-realestate-finance-summary b, body.dark-mode .nova-realestate-scenarios b,body.dark-mode-theme .nova-realestate-scenarios b,html[data-theme="dark"] .nova-realestate-scenarios b, body.dark-mode .nova-realestate-homepreview b,body.dark-mode-theme .nova-realestate-homepreview b,html[data-theme="dark"] .nova-realestate-homepreview b{color:#f1f9ff} body.dark-mode .nova-realestate-totalbox,body.dark-mode-theme .nova-realestate-totalbox,html[data-theme="dark"] .nova-realestate-totalbox{background:linear-gradient(135deg,#173444,#173a32);border-color:#3b7185} body.dark-mode .nova-realestate-totalbox>b,body.dark-mode-theme .nova-realestate-totalbox>b,html[data-theme="dark"] .nova-realestate-totalbox>b{color:#f2fbff} @media (max-width:900px){ .nova-realestate-actionbar{grid-template-columns:repeat(2,minmax(0,1fr))} .nova-realestate-workspace-tabs{grid-template-columns:repeat(2,minmax(0,1fr))} .nova-realestate-formgrid{grid-template-columns:repeat(2,minmax(0,1fr))} .nova-realestate-finance-summary{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width:620px){ .nova-realestate-journey{padding:14px;border-radius:17px} .nova-realestate-actionbar{grid-template-columns:1fr;gap:8px} .nova-realestate-actionbar button{justify-content:flex-start;min-height:50px} .nova-realestate-workspace-head{padding:14px 12px 10px} .nova-realestate-workspace-tabs{padding:9px;gap:6px} .nova-realestate-workspace-tabs button{font-size:12px;padding:9px 5px} .nova-realestate-panel{padding:13px 11px} .nova-realestate-panel-intro{display:block}.nova-realestate-panel-intro>span{display:inline-block;margin-top:8px} .nova-realestate-formgrid{grid-template-columns:1fr} .nova-realestate-finance-summary,.nova-realestate-scenarios,.nova-realestate-homepreview{grid-template-columns:1fr} .nova-realestate-buildtotal{align-items:flex-start}.nova-realestate-buildtotal b{width:100%}.nova-realestate-buildtotal .btn{width:100%} } /* ========================================================= NOVA Universe V75.52.536-406c · SMART EV TDZ FIX + LIGHT HEADER BRIGHTER Fix: novaCostPrice vor erster Nutzung. Light Mode Header-Subline heller. ========================================================= */ body:not(.dark-mode) .nova-router-v28-head .nova-router-v28-brand small, html:not([data-theme="dark"]) .nova-router-v28-head .nova-router-v28-brand small{ color:#f7fdff!important; opacity:1!important; font-size:11px!important; font-weight:900!important; letter-spacing:.10em!important; text-shadow:0 1px 3px rgba(0,0,0,.24)!important; } body:not(.dark-mode) .nova-router-v28-head .nova-router-v28-brand b, html:not([data-theme="dark"]) .nova-router-v28-head .nova-router-v28-brand b{ color:#ffffff!important; text-shadow:0 1px 3px rgba(0,0,0,.22)!important; } /* ========================================================= NOVA Universe V75.52.536-406k · IMMOBILIEN FÖRDER-CHECK Förderprogramme + manuelle Zuschuss-/Förderkredit-Einbindung ========================================================= */ .nova-realestate-funding-profile{ display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:14px } .nova-realestate-funding-profile label,.nova-realestate-funding-apply label{ position:relative;display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid #d4e1e9;border-radius:13px;background:#fbfdfe } .nova-realestate-funding-profile label>span,.nova-realestate-funding-apply label>span{font-size:12px;font-weight:850;color:#526e7e} .nova-realestate-funding-profile input,.nova-realestate-funding-profile select,.nova-realestate-funding-apply input{ width:100%;min-width:0;border:0;outline:0;background:transparent;color:#17384d;font:inherit;font-weight:800;padding:2px 30px 2px 0 } .nova-realestate-funding-profile select{padding-right:4px} .nova-realestate-funding-profile em,.nova-realestate-funding-apply em{position:absolute;right:10px;bottom:12px;color:#6b8797;font-size:12px;font-style:normal;font-weight:800} .nova-realestate-funding-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .nova-realestate-funding-card{display:flex;flex-direction:column;gap:9px;padding:14px;border:1px solid #cfdfe8;border-radius:15px;background:linear-gradient(145deg,#fbfdff,#f3faf7)} .nova-realestate-funding-card-head{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center} .nova-realestate-funding-card-head>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e7f4fb;font-size:22px} .nova-realestate-funding-card-head small{display:block;color:#34819d;font-size:9px;font-weight:950;letter-spacing:.08em} .nova-realestate-funding-card-head b{display:block;margin-top:3px;color:#183d54;line-height:1.25} .nova-realestate-funding-card p{margin:0;color:#60798a;font-size:12px;line-height:1.45} .nova-realestate-funding-fit{display:inline-flex;align-items:center;align-self:flex-start;border-radius:999px;padding:5px 8px;background:#edf3f6;color:#657b88;font-size:10px;font-weight:850;line-height:1.2} .nova-realestate-funding-card.is-match{border-color:#67b993;box-shadow:0 0 0 1px rgba(55,159,108,.08)}.nova-realestate-funding-card.is-match .nova-realestate-funding-fit{background:#e4f7ed;color:#1f7850} .nova-realestate-funding-card button,.nova-realestate-statefunding button{ align-self:flex-start;border:1px solid #bcd8e7;border-radius:10px;background:#fff;color:#17647e;padding:8px 10px;font-weight:850;cursor:pointer } .nova-realestate-statefunding{display:flex;align-items:center;gap:12px;margin-top:12px;padding:13px 14px;border:1px solid #d4ddba;border-radius:15px;background:#fbfced} .nova-realestate-statefunding>div{min-width:0;flex:1}.nova-realestate-statefunding small{display:block;color:#79902d;font-size:9px;font-weight:950;letter-spacing:.08em}.nova-realestate-statefunding b{display:block;margin:3px 0;color:#354d17}.nova-realestate-statefunding span{display:block;color:#63714c;font-size:12px;line-height:1.4} .nova-realestate-funding-apply{display:grid;grid-template-columns:minmax(0,1.35fr) repeat(2,minmax(0,1fr));gap:10px;align-items:stretch;margin-top:12px;padding:14px;border:1px solid #b9d7e8;border-radius:15px;background:#f1f9fd} .nova-realestate-funding-apply small{display:block;color:#29728e;font-size:9px;font-weight:950;letter-spacing:.09em}.nova-realestate-funding-apply h4{margin:3px 0 5px;color:#173d54;font-size:17px}.nova-realestate-funding-apply p{margin:0;color:#60798a;font-size:11px;line-height:1.4} .nova-realestate-funding-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px} .nova-realestate-funding-summary article{border:1px solid #cfdfe8;border-radius:14px;background:#f8fbfd;padding:13px}.nova-realestate-funding-summary small{display:block;color:#668190;font-size:10px;font-weight:900;letter-spacing:.06em}.nova-realestate-funding-summary b{display:block;margin:5px 0;color:#173d54;font-size:18px}.nova-realestate-funding-summary span{display:block;color:#6a808e;font-size:11px;line-height:1.35} body.dark-mode .nova-realestate-funding-profile label,body.dark-mode-theme .nova-realestate-funding-profile label,html[data-theme="dark"] .nova-realestate-funding-profile label, body.dark-mode .nova-realestate-funding-apply label,body.dark-mode-theme .nova-realestate-funding-apply label,html[data-theme="dark"] .nova-realestate-funding-apply label, body.dark-mode .nova-realestate-funding-card,body.dark-mode-theme .nova-realestate-funding-card,html[data-theme="dark"] .nova-realestate-funding-card, body.dark-mode .nova-realestate-funding-summary article,body.dark-mode-theme .nova-realestate-funding-summary article,html[data-theme="dark"] .nova-realestate-funding-summary article{background:#162b39;border-color:#39586a} body.dark-mode .nova-realestate-funding-profile input,body.dark-mode-theme .nova-realestate-funding-profile input,html[data-theme="dark"] .nova-realestate-funding-profile input, body.dark-mode .nova-realestate-funding-profile select,body.dark-mode-theme .nova-realestate-funding-profile select,html[data-theme="dark"] .nova-realestate-funding-profile select, body.dark-mode .nova-realestate-funding-apply input,body.dark-mode-theme .nova-realestate-funding-apply input,html[data-theme="dark"] .nova-realestate-funding-apply input, body.dark-mode .nova-realestate-funding-card-head b,body.dark-mode-theme .nova-realestate-funding-card-head b,html[data-theme="dark"] .nova-realestate-funding-card-head b, body.dark-mode .nova-realestate-funding-summary b,body.dark-mode-theme .nova-realestate-funding-summary b,html[data-theme="dark"] .nova-realestate-funding-summary b, body.dark-mode .nova-realestate-funding-apply h4,body.dark-mode-theme .nova-realestate-funding-apply h4,html[data-theme="dark"] .nova-realestate-funding-apply h4{color:#f1f9ff} body.dark-mode .nova-realestate-funding-fit,body.dark-mode-theme .nova-realestate-funding-fit,html[data-theme="dark"] .nova-realestate-funding-fit{background:#243c49;color:#c4d6df}.dark-mode .nova-realestate-funding-card.is-match .nova-realestate-funding-fit,html[data-theme="dark"] .nova-realestate-funding-card.is-match .nova-realestate-funding-fit{background:#173e31;color:#b9f1d2} body.dark-mode .nova-realestate-funding-card p,body.dark-mode-theme .nova-realestate-funding-card p,html[data-theme="dark"] .nova-realestate-funding-card p, body.dark-mode .nova-realestate-funding-apply p,body.dark-mode-theme .nova-realestate-funding-apply p,html[data-theme="dark"] .nova-realestate-funding-apply p{color:#b9cedd} body.dark-mode .nova-realestate-funding-card button,body.dark-mode-theme .nova-realestate-funding-card button,html[data-theme="dark"] .nova-realestate-funding-card button, body.dark-mode .nova-realestate-statefunding button,body.dark-mode-theme .nova-realestate-statefunding button,html[data-theme="dark"] .nova-realestate-statefunding button{background:#193646;border-color:#42687b;color:#dff5ff} body.dark-mode .nova-realestate-statefunding,body.dark-mode-theme .nova-realestate-statefunding,html[data-theme="dark"] .nova-realestate-statefunding{background:#28331d;border-color:#586b36}.dark-mode .nova-realestate-statefunding b,html[data-theme="dark"] .nova-realestate-statefunding b{color:#eef7cf}.dark-mode .nova-realestate-statefunding span,html[data-theme="dark"] .nova-realestate-statefunding span{color:#c4d1aa} body.dark-mode .nova-realestate-funding-apply,body.dark-mode-theme .nova-realestate-funding-apply,html[data-theme="dark"] .nova-realestate-funding-apply{background:#132f40;border-color:#3b657b} @media(max-width:1050px){.nova-realestate-funding-profile{grid-template-columns:repeat(3,minmax(0,1fr))}.nova-realestate-funding-apply{grid-template-columns:1fr 1fr}.nova-realestate-funding-apply>div{grid-column:1/-1}} @media(max-width:900px){.nova-realestate-funding-summary{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:620px){.nova-realestate-funding-profile,.nova-realestate-funding-grid,.nova-realestate-funding-summary,.nova-realestate-funding-apply{grid-template-columns:1fr}.nova-realestate-funding-apply>div{grid-column:auto}.nova-realestate-statefunding{align-items:flex-start;flex-direction:column}.nova-realestate-statefunding button{width:100%}} .nova-realestate-funding-profile-note{grid-column:1/-1;margin:0;padding:8px 10px;border-radius:10px;background:rgba(39,135,177,.08);color:#5a7585;font-size:10px;line-height:1.45} body.dark-mode .nova-realestate-funding-profile-note,body.dark-mode-theme .nova-realestate-funding-profile-note,html[data-theme="dark"] .nova-realestate-funding-profile-note{background:rgba(46,160,205,.10);color:#bad0de} /* ========================================================= NOVA Universe V75.52.536-406l · IMMOBILIEN LESBARKEIT HELL/DUNKEL Typografie, Kleinschriften und Buttons im Immobilien-Modul ========================================================= */ /* Grundlesbarkeit innerhalb des kompletten Immobilien-Moduls */ .nova-realestate{ line-height:1.45; } .nova-realestate small{ line-height:1.35; } .nova-realestate button, .nova-realestate input, .nova-realestate select{ font-family:inherit; } /* Hellmodus: Kleinschriften nicht zu blass */ body:not(.dark-mode) .nova-realestate-place small, html:not([data-theme="dark"]) .nova-realestate-place small, body:not(.dark-mode) .nova-realestate-sections header small, html:not([data-theme="dark"]) .nova-realestate-sections header small, body:not(.dark-mode) .nova-realestate-card small, html:not([data-theme="dark"]) .nova-realestate-card small, body:not(.dark-mode) .nova-realestate-search p, html:not([data-theme="dark"]) .nova-realestate-search p, body:not(.dark-mode) .nova-realestate-note, html:not([data-theme="dark"]) .nova-realestate-note, body:not(.dark-mode) .nova-realestate-portals-head p, html:not([data-theme="dark"]) .nova-realestate-portals-head p, body:not(.dark-mode) .nova-realestate-portal small, html:not([data-theme="dark"]) .nova-realestate-portal small, body:not(.dark-mode) .nova-realestate-countrybar p, html:not([data-theme="dark"]) .nova-realestate-countrybar p, body:not(.dark-mode) .nova-realestate-countrychips span, html:not([data-theme="dark"]) .nova-realestate-countrychips span{ color:#405f74!important; } /* Überschriften / Eyebrows */ .nova-realestate-journey-head small, .nova-realestate-workspace-head small, .nova-realestate-panel-intro small, .nova-realestate-funding-card-head small, .nova-realestate-statefunding small, .nova-realestate-funding-apply small, .nova-realestate-funding-summary small{ font-size:10.5px!important; line-height:1.35!important; font-weight:950!important; } /* Rechner- und Förderformular */ .nova-realestate-formgrid label>span, .nova-realestate-funding-profile label>span, .nova-realestate-funding-apply label>span{ font-size:12.5px!important; line-height:1.35!important; color:#3e6175!important; } .nova-realestate-formgrid input, .nova-realestate-funding-profile input, .nova-realestate-funding-profile select, .nova-realestate-funding-apply input{ font-size:14px!important; line-height:1.35!important; color:#102f43!important; } .nova-realestate-formgrid label>em, .nova-realestate-funding-profile em, .nova-realestate-funding-apply em{ color:#4d6d80!important; font-size:12.5px!important; } /* Texte im Rechner */ .nova-realestate-panel-intro>span{ font-size:12.5px!important; color:#405f72!important; } .nova-realestate-finance-summary small, .nova-realestate-scenarios small, .nova-realestate-homepreview small, .nova-realestate-funding-summary small{ font-size:10.5px!important; color:#4d6d7f!important; } .nova-realestate-finance-summary span, .nova-realestate-scenarios span, .nova-realestate-homepreview span, .nova-realestate-funding-summary span{ font-size:12px!important; color:#536f80!important; } .nova-realestate-calcnote, .nova-realestate-funding-profile-note{ font-size:11.5px!important; line-height:1.5!important; color:#4c697a!important; } /* Förderkarten */ .nova-realestate-funding-card-head b{ font-size:14px!important; } .nova-realestate-funding-card p{ font-size:12.5px!important; line-height:1.5!important; color:#4c697b!important; } .nova-realestate-funding-fit{ font-size:11px!important; padding:6px 9px!important; } .nova-realestate-statefunding span{ font-size:12.5px!important; line-height:1.5!important; color:#53633d!important; } .nova-realestate-funding-apply p{ font-size:12px!important; line-height:1.5!important; color:#4c697b!important; } /* Buttons – einheitlich lesbar und berührungsfreundlich */ .nova-realestate-actionbar button, .nova-realestate-workspace-tabs button, .nova-realestate-helperlinks button, .nova-realestate-links button, .nova-realestate-countrychips button, .nova-realestate-funding-card button, .nova-realestate-statefunding button, .nova-realestate-home-save, .nova-realestate-search button{ min-height:42px!important; font-size:13px!important; line-height:1.25!important; font-weight:900!important; letter-spacing:0!important; } .nova-realestate-funding-card button, .nova-realestate-statefunding button, .nova-realestate-helperlinks button{ padding:10px 12px!important; } body:not(.dark-mode) .nova-realestate-actionbar button, html:not([data-theme="dark"]) .nova-realestate-actionbar button, body:not(.dark-mode) .nova-realestate-workspace-tabs button, html:not([data-theme="dark"]) .nova-realestate-workspace-tabs button, body:not(.dark-mode) .nova-realestate-helperlinks button, html:not([data-theme="dark"]) .nova-realestate-helperlinks button, body:not(.dark-mode) .nova-realestate-links button, html:not([data-theme="dark"]) .nova-realestate-links button, body:not(.dark-mode) .nova-realestate-countrychips button, html:not([data-theme="dark"]) .nova-realestate-countrychips button, body:not(.dark-mode) .nova-realestate-funding-card button, html:not([data-theme="dark"]) .nova-realestate-funding-card button, body:not(.dark-mode) .nova-realestate-statefunding button, html:not([data-theme="dark"]) .nova-realestate-statefunding button{ color:#123f59!important; background:#ffffff!important; border-color:#afcbdc!important; } .nova-realestate-workspace-tabs button.active{ color:#fff!important; background:#135178!important; border-color:#135178!important; } /* Dunkelmodus: alle sekundären Texte deutlich heller */ body.dark-mode .nova-realestate-journey-head small, body.dark-mode-theme .nova-realestate-journey-head small, html[data-theme="dark"] .nova-realestate-journey-head small, body.dark-mode .nova-realestate-workspace-head small, body.dark-mode-theme .nova-realestate-workspace-head small, html[data-theme="dark"] .nova-realestate-workspace-head small, body.dark-mode .nova-realestate-panel-intro small, body.dark-mode-theme .nova-realestate-panel-intro small, html[data-theme="dark"] .nova-realestate-panel-intro small, body.dark-mode .nova-realestate-funding-card-head small, body.dark-mode-theme .nova-realestate-funding-card-head small, html[data-theme="dark"] .nova-realestate-funding-card-head small, body.dark-mode .nova-realestate-funding-summary small, body.dark-mode-theme .nova-realestate-funding-summary small, html[data-theme="dark"] .nova-realestate-funding-summary small{ color:#8ed8f1!important; } body.dark-mode .nova-realestate-formgrid label>span, body.dark-mode-theme .nova-realestate-formgrid label>span, html[data-theme="dark"] .nova-realestate-formgrid label>span, body.dark-mode .nova-realestate-funding-profile label>span, body.dark-mode-theme .nova-realestate-funding-profile label>span, html[data-theme="dark"] .nova-realestate-funding-profile label>span, body.dark-mode .nova-realestate-funding-apply label>span, body.dark-mode-theme .nova-realestate-funding-apply label>span, html[data-theme="dark"] .nova-realestate-funding-apply label>span{ color:#d0e4ef!important; } body.dark-mode .nova-realestate-formgrid input, body.dark-mode-theme .nova-realestate-formgrid input, html[data-theme="dark"] .nova-realestate-formgrid input, body.dark-mode .nova-realestate-funding-profile input, body.dark-mode-theme .nova-realestate-funding-profile input, html[data-theme="dark"] .nova-realestate-funding-profile input, body.dark-mode .nova-realestate-funding-profile select, body.dark-mode-theme .nova-realestate-funding-profile select, html[data-theme="dark"] .nova-realestate-funding-profile select, body.dark-mode .nova-realestate-funding-apply input, body.dark-mode-theme .nova-realestate-funding-apply input, html[data-theme="dark"] .nova-realestate-funding-apply input{ color:#ffffff!important; } body.dark-mode .nova-realestate-panel-intro>span, body.dark-mode-theme .nova-realestate-panel-intro>span, html[data-theme="dark"] .nova-realestate-panel-intro>span, body.dark-mode .nova-realestate-finance-summary small, body.dark-mode-theme .nova-realestate-finance-summary small, html[data-theme="dark"] .nova-realestate-finance-summary small, body.dark-mode .nova-realestate-finance-summary span, body.dark-mode-theme .nova-realestate-finance-summary span, html[data-theme="dark"] .nova-realestate-finance-summary span, body.dark-mode .nova-realestate-scenarios small, body.dark-mode-theme .nova-realestate-scenarios small, html[data-theme="dark"] .nova-realestate-scenarios small, body.dark-mode .nova-realestate-scenarios span, body.dark-mode-theme .nova-realestate-scenarios span, html[data-theme="dark"] .nova-realestate-scenarios span, body.dark-mode .nova-realestate-homepreview small, body.dark-mode-theme .nova-realestate-homepreview small, html[data-theme="dark"] .nova-realestate-homepreview small, body.dark-mode .nova-realestate-homepreview span, body.dark-mode-theme .nova-realestate-homepreview span, html[data-theme="dark"] .nova-realestate-homepreview span, body.dark-mode .nova-realestate-funding-summary span, body.dark-mode-theme .nova-realestate-funding-summary span, html[data-theme="dark"] .nova-realestate-funding-summary span, body.dark-mode .nova-realestate-calcnote, body.dark-mode-theme .nova-realestate-calcnote, html[data-theme="dark"] .nova-realestate-calcnote, body.dark-mode .nova-realestate-funding-profile-note, body.dark-mode-theme .nova-realestate-funding-profile-note, html[data-theme="dark"] .nova-realestate-funding-profile-note, body.dark-mode .nova-realestate-funding-card p, body.dark-mode-theme .nova-realestate-funding-card p, html[data-theme="dark"] .nova-realestate-funding-card p, body.dark-mode .nova-realestate-funding-apply p, body.dark-mode-theme .nova-realestate-funding-apply p, html[data-theme="dark"] .nova-realestate-funding-apply p{ color:#c8dce8!important; } body.dark-mode .nova-realestate-formgrid label>em, body.dark-mode-theme .nova-realestate-formgrid label>em, html[data-theme="dark"] .nova-realestate-formgrid label>em, body.dark-mode .nova-realestate-funding-profile em, body.dark-mode-theme .nova-realestate-funding-profile em, html[data-theme="dark"] .nova-realestate-funding-profile em, body.dark-mode .nova-realestate-funding-apply em, body.dark-mode-theme .nova-realestate-funding-apply em, html[data-theme="dark"] .nova-realestate-funding-apply em{ color:#b9cfdb!important; } body.dark-mode .nova-realestate-actionbar button, body.dark-mode-theme .nova-realestate-actionbar button, html[data-theme="dark"] .nova-realestate-actionbar button, body.dark-mode .nova-realestate-workspace-tabs button, body.dark-mode-theme .nova-realestate-workspace-tabs button, html[data-theme="dark"] .nova-realestate-workspace-tabs button, body.dark-mode .nova-realestate-helperlinks button, body.dark-mode-theme .nova-realestate-helperlinks button, html[data-theme="dark"] .nova-realestate-helperlinks button, body.dark-mode .nova-realestate-links button, body.dark-mode-theme .nova-realestate-links button, html[data-theme="dark"] .nova-realestate-links button, body.dark-mode .nova-realestate-countrychips button, body.dark-mode-theme .nova-realestate-countrychips button, html[data-theme="dark"] .nova-realestate-countrychips button, body.dark-mode .nova-realestate-funding-card button, body.dark-mode-theme .nova-realestate-funding-card button, html[data-theme="dark"] .nova-realestate-funding-card button, body.dark-mode .nova-realestate-statefunding button, body.dark-mode-theme .nova-realestate-statefunding button, html[data-theme="dark"] .nova-realestate-statefunding button{ background:#17384a!important; border-color:#4a7185!important; color:#f3fbff!important; } body.dark-mode .nova-realestate-workspace-tabs button.active, body.dark-mode-theme .nova-realestate-workspace-tabs button.active, html[data-theme="dark"] .nova-realestate-workspace-tabs button.active{ background:#2a7ea4!important; border-color:#64b7d7!important; color:#ffffff!important; } @media(max-width:620px){ .nova-realestate-actionbar button, .nova-realestate-workspace-tabs button, .nova-realestate-helperlinks button, .nova-realestate-links button, .nova-realestate-funding-card button, .nova-realestate-statefunding button{ font-size:13px!important; } .nova-realestate-workspace-tabs button{min-height:44px!important;padding:9px 7px!important} } /* ========================================================= NOVA Universe V75.52.536-406m · IMMOBILIEN FÖRDER-AUSWAHL Richtwerte pro Förderprogramm + Auswahl + Übergabe Hauptrechner ========================================================= */ .nova-realestate-funding-profile{ grid-template-columns:repeat(auto-fit,minmax(175px,1fr))!important; } .nova-realestate-field-help{ display:block;margin-top:2px;color:#617d8d;font-size:10.5px!important;line-height:1.35;font-weight:650; } .nova-realestate-funding-estimate{ display:grid;gap:3px;padding:10px 11px;border:1px solid #c9dfe9;border-radius:11px;background:#f5fbfe; } .nova-realestate-funding-estimate small, .nova-realestate-statefunding-estimate small{ color:#287b9b;font-size:9.5px;font-weight:950;letter-spacing:.08em; } .nova-realestate-funding-estimate b, .nova-realestate-statefunding-estimate b{ color:#153f57;font-size:14px;line-height:1.3; } .nova-realestate-funding-estimate span, .nova-realestate-statefunding-estimate span{ color:#587485;font-size:11.5px;line-height:1.4; } .nova-realestate-funding-card-actions{ display:flex;flex-wrap:wrap;gap:7px;margin-top:auto; } .nova-realestate-funding-card-actions button{margin:0!important} .nova-realestate-funding-add{ background:#1779b8!important;border-color:#1779b8!important;color:#fff!important; } .nova-realestate-funding-add:disabled{ opacity:.46;cursor:not-allowed!important;filter:saturate(.55); } .nova-realestate-funding-card.is-selected{ box-shadow:0 0 0 2px rgba(31,126,184,.18),0 7px 18px rgba(35,91,120,.08); } .nova-realestate-statefunding{align-items:stretch!important} .nova-realestate-statefunding-estimate{ display:grid;gap:2px;margin-top:8px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.6);border:1px solid rgba(123,148,61,.25); } .nova-realestate-statefunding-actions{ display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;min-width:195px; } .nova-realestate-statefunding-actions button{width:100%} .nova-realestate-funding-selection{ margin-top:12px;padding:14px;border:1px solid #bad9e9;border-radius:15px;background:linear-gradient(145deg,#f8fcff,#edf8fd); } .nova-realestate-funding-selection-head{ display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px; } .nova-realestate-funding-selection-head>div{min-width:0} .nova-realestate-funding-selection-head small{ color:#287999;font-size:9.5px;font-weight:950;letter-spacing:.09em; } .nova-realestate-funding-selection-head h4{ margin:3px 0 4px;color:#173f56;font-size:17px; } .nova-realestate-funding-selection-head p{ margin:0;color:#587384;font-size:11.5px;line-height:1.45; } .nova-realestate-funding-selection-head>button{ flex:0 0 auto;border:1px solid #bfd6e2;border-radius:10px;background:#fff;color:#244f65;padding:9px 11px;font-weight:850;cursor:pointer; } .nova-realestate-funding-selected-list{display:grid;gap:8px} .nova-realestate-funding-selection-empty{ padding:13px;border:1px dashed #bdd4df;border-radius:11px;color:#607c8c;background:#fff;font-size:12px;line-height:1.45; } .nova-realestate-funding-selected{ display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:11px 12px;border:1px solid #c7dce7;border-radius:12px;background:#fff; } .nova-realestate-funding-selected small{display:block;color:#327d9b;font-size:9px;font-weight:950;letter-spacing:.08em} .nova-realestate-funding-selected b{display:block;margin:2px 0;color:#173e55;font-size:13px} .nova-realestate-funding-selected span{display:block;color:#587384;font-size:11.5px;line-height:1.35} .nova-realestate-funding-selected em{display:block;margin-top:3px;color:#6b7f8a;font-size:10.5px;line-height:1.35;font-style:normal} .nova-realestate-funding-selected>strong{color:#173f56;font-size:13px;white-space:nowrap} .nova-realestate-funding-selected>button{ border:1px solid #d5b7b7;border-radius:9px;background:#fff6f6;color:#8e3f3f;padding:8px 9px;font-weight:850;cursor:pointer; } .nova-realestate-funding-selected.is-warning{border-color:#e4cf9f;background:#fffaf0} .nova-realestate-funding-selection-total{ display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:9px;align-items:stretch;margin-top:10px; } .nova-realestate-funding-selection-total>div{ padding:11px;border:1px solid #c8dce6;border-radius:11px;background:#fff; } .nova-realestate-funding-selection-total small{display:block;color:#62808f;font-size:9px;font-weight:900;letter-spacing:.06em} .nova-realestate-funding-selection-total b{display:block;margin-top:4px;color:#153f57;font-size:17px} .nova-realestate-funding-selection-total .btn{min-width:225px;font-weight:900} .nova-realestate-finance-split{ display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:10px; } .nova-realestate-finance-split article{ padding:11px 12px;border:1px solid #d0dfe7;border-radius:12px;background:#f8fbfd; } .nova-realestate-finance-split small{display:block;color:#607d8e;font-size:9.5px;font-weight:900;letter-spacing:.06em} .nova-realestate-finance-split b{display:block;margin:4px 0;color:#173e55;font-size:16px} .nova-realestate-finance-split span{display:block;color:#647c8b;font-size:11px;line-height:1.35} body.dark-mode .nova-realestate-field-help, body.dark-mode-theme .nova-realestate-field-help, html[data-theme="dark"] .nova-realestate-field-help{color:#b8d0dd!important} body.dark-mode .nova-realestate-funding-estimate, body.dark-mode-theme .nova-realestate-funding-estimate, html[data-theme="dark"] .nova-realestate-funding-estimate, body.dark-mode .nova-realestate-funding-selection, body.dark-mode-theme .nova-realestate-funding-selection, html[data-theme="dark"] .nova-realestate-funding-selection, body.dark-mode .nova-realestate-funding-selected, body.dark-mode-theme .nova-realestate-funding-selected, html[data-theme="dark"] .nova-realestate-funding-selected, body.dark-mode .nova-realestate-funding-selection-total>div, body.dark-mode-theme .nova-realestate-funding-selection-total>div, html[data-theme="dark"] .nova-realestate-funding-selection-total>div, body.dark-mode .nova-realestate-finance-split article, body.dark-mode-theme .nova-realestate-finance-split article, html[data-theme="dark"] .nova-realestate-finance-split article{ background:#162d3c!important;border-color:#3c6073!important; } body.dark-mode .nova-realestate-statefunding-estimate, body.dark-mode-theme .nova-realestate-statefunding-estimate, html[data-theme="dark"] .nova-realestate-statefunding-estimate{ background:rgba(19,44,31,.58);border-color:#627743; } body.dark-mode .nova-realestate-funding-estimate small, body.dark-mode-theme .nova-realestate-funding-estimate small, html[data-theme="dark"] .nova-realestate-funding-estimate small, body.dark-mode .nova-realestate-statefunding-estimate small, body.dark-mode-theme .nova-realestate-statefunding-estimate small, html[data-theme="dark"] .nova-realestate-statefunding-estimate small, body.dark-mode .nova-realestate-funding-selection-head small, body.dark-mode-theme .nova-realestate-funding-selection-head small, html[data-theme="dark"] .nova-realestate-funding-selection-head small, body.dark-mode .nova-realestate-funding-selected small, body.dark-mode-theme .nova-realestate-funding-selected small, html[data-theme="dark"] .nova-realestate-funding-selected small{ color:#86d6f2!important; } body.dark-mode .nova-realestate-funding-estimate b, body.dark-mode-theme .nova-realestate-funding-estimate b, html[data-theme="dark"] .nova-realestate-funding-estimate b, body.dark-mode .nova-realestate-statefunding-estimate b, body.dark-mode-theme .nova-realestate-statefunding-estimate b, html[data-theme="dark"] .nova-realestate-statefunding-estimate b, body.dark-mode .nova-realestate-funding-selection-head h4, body.dark-mode-theme .nova-realestate-funding-selection-head h4, html[data-theme="dark"] .nova-realestate-funding-selection-head h4, body.dark-mode .nova-realestate-funding-selected b, body.dark-mode-theme .nova-realestate-funding-selected b, html[data-theme="dark"] .nova-realestate-funding-selected b, body.dark-mode .nova-realestate-funding-selected>strong, body.dark-mode-theme .nova-realestate-funding-selected>strong, html[data-theme="dark"] .nova-realestate-funding-selected>strong, body.dark-mode .nova-realestate-funding-selection-total b, body.dark-mode-theme .nova-realestate-funding-selection-total b, html[data-theme="dark"] .nova-realestate-funding-selection-total b, body.dark-mode .nova-realestate-finance-split b, body.dark-mode-theme .nova-realestate-finance-split b, html[data-theme="dark"] .nova-realestate-finance-split b{color:#f3fbff!important} body.dark-mode .nova-realestate-funding-estimate span, body.dark-mode-theme .nova-realestate-funding-estimate span, html[data-theme="dark"] .nova-realestate-funding-estimate span, body.dark-mode .nova-realestate-statefunding-estimate span, body.dark-mode-theme .nova-realestate-statefunding-estimate span, html[data-theme="dark"] .nova-realestate-statefunding-estimate span, body.dark-mode .nova-realestate-funding-selection-head p, body.dark-mode-theme .nova-realestate-funding-selection-head p, html[data-theme="dark"] .nova-realestate-funding-selection-head p, body.dark-mode .nova-realestate-funding-selected span, body.dark-mode-theme .nova-realestate-funding-selected span, html[data-theme="dark"] .nova-realestate-funding-selected span, body.dark-mode .nova-realestate-funding-selected em, body.dark-mode-theme .nova-realestate-funding-selected em, html[data-theme="dark"] .nova-realestate-funding-selected em, body.dark-mode .nova-realestate-finance-split small, body.dark-mode-theme .nova-realestate-finance-split small, html[data-theme="dark"] .nova-realestate-finance-split small, body.dark-mode .nova-realestate-finance-split span, body.dark-mode-theme .nova-realestate-finance-split span, html[data-theme="dark"] .nova-realestate-finance-split span{color:#c3d9e5!important} body.dark-mode .nova-realestate-funding-selection-empty, body.dark-mode-theme .nova-realestate-funding-selection-empty, html[data-theme="dark"] .nova-realestate-funding-selection-empty{ background:#132838;border-color:#486579;color:#c8dce7; } body.dark-mode .nova-realestate-funding-selection-head>button, body.dark-mode-theme .nova-realestate-funding-selection-head>button, html[data-theme="dark"] .nova-realestate-funding-selection-head>button{ background:#183849;border-color:#4a7185;color:#f4fbff; } body.dark-mode .nova-realestate-funding-selected>button, body.dark-mode-theme .nova-realestate-funding-selected>button, html[data-theme="dark"] .nova-realestate-funding-selected>button{ background:#482326;border-color:#815057;color:#ffdfe1; } body.dark-mode .nova-realestate-funding-selected.is-warning, body.dark-mode-theme .nova-realestate-funding-selected.is-warning, html[data-theme="dark"] .nova-realestate-funding-selected.is-warning{ background:#3a311d!important;border-color:#806c3b!important; } @media(max-width:900px){ .nova-realestate-finance-split{grid-template-columns:repeat(2,minmax(0,1fr))} .nova-realestate-funding-selection-total{grid-template-columns:1fr 1fr}.nova-realestate-funding-selection-total .btn{grid-column:1/-1;width:100%} } @media(max-width:620px){ .nova-realestate-funding-selection-head{flex-direction:column}.nova-realestate-funding-selection-head>button{width:100%} .nova-realestate-funding-selected{grid-template-columns:1fr}.nova-realestate-funding-selected>strong{white-space:normal}.nova-realestate-funding-selected>button{width:100%} .nova-realestate-funding-selection-total{grid-template-columns:1fr}.nova-realestate-funding-selection-total .btn{grid-column:auto} .nova-realestate-finance-split{grid-template-columns:1fr} .nova-realestate-statefunding-actions{width:100%;min-width:0} } .nova-realestate-funding-selection-total>div>span{ display:block;margin-top:3px;color:#607b8b;font-size:10.5px;line-height:1.35; } body.dark-mode .nova-realestate-funding-selection-total>div>span, body.dark-mode-theme .nova-realestate-funding-selection-total>div>span, html[data-theme="dark"] .nova-realestate-funding-selection-total>div>span{color:#bfd4df!important} /* NOVA V75.52-406n – Immobilien Fördercheck: Antragstiming sichtbar und programmspezifisch */ .nova-realestate-funding-alert{ display:flex; gap:12px; align-items:flex-start; margin:0 0 12px; padding:13px 14px; border:1px solid #efb760; border-radius:14px; background:#fff7e7; color:#5d4317; } .nova-realestate-funding-alert-icon{font-size:22px;line-height:1.1;flex:0 0 auto} .nova-realestate-funding-alert strong{display:block;color:#6a3f00;font-size:13px;font-weight:950;line-height:1.3} .nova-realestate-funding-alert p{margin:4px 0 0;color:#6f5730;font-size:11px;line-height:1.5;font-weight:650} .nova-realestate-funding-timing{ display:flex; flex-direction:column; gap:2px; padding:8px 9px; border-radius:10px; background:#fff7e9; border:1px solid #f0cf97; } .nova-realestate-funding-timing strong{color:#8a5200;font-size:9px;font-weight:950;letter-spacing:.055em;text-transform:uppercase} .nova-realestate-funding-timing span{color:#725833;font-size:10px;line-height:1.4;font-weight:700} body.dark-mode .nova-realestate-funding-alert, body.dark-mode-theme .nova-realestate-funding-alert, html[data-theme="dark"] .nova-realestate-funding-alert{ background:#332716; border-color:#8e6a32; color:#f6e3bd; } body.dark-mode .nova-realestate-funding-alert strong, body.dark-mode-theme .nova-realestate-funding-alert strong, html[data-theme="dark"] .nova-realestate-funding-alert strong{color:#ffd68a} body.dark-mode .nova-realestate-funding-alert p, body.dark-mode-theme .nova-realestate-funding-alert p, html[data-theme="dark"] .nova-realestate-funding-alert p{color:#ead6b3} body.dark-mode .nova-realestate-funding-timing, body.dark-mode-theme .nova-realestate-funding-timing, html[data-theme="dark"] .nova-realestate-funding-timing{ background:#2d2519; border-color:#725d35; } body.dark-mode .nova-realestate-funding-timing strong, body.dark-mode-theme .nova-realestate-funding-timing strong, html[data-theme="dark"] .nova-realestate-funding-timing strong{color:#ffd48b} body.dark-mode .nova-realestate-funding-timing span, body.dark-mode-theme .nova-realestate-funding-timing span, html[data-theme="dark"] .nova-realestate-funding-timing span{color:#ead8b8} @media(max-width:620px){ .nova-realestate-funding-alert{padding:12px;gap:9px} .nova-realestate-funding-alert strong{font-size:12px} .nova-realestate-funding-alert p{font-size:10.5px} } /* NOVA V75.52-406p – Immobilien Finanzierung: PDF-Report + Weiterleiten */ .nova-realestate-finance-report{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px 16px; align-items:center; margin-top:12px; padding:14px; border:1px solid #c8dce8; border-radius:15px; background:linear-gradient(135deg,#f4fbff,#f7fcf9); } .nova-realestate-finance-report>div:first-child small{display:block;color:#0d7794;font-size:9.5px;font-weight:950;letter-spacing:.08em} .nova-realestate-finance-report h4{margin:3px 0 4px;color:#173e55;font-size:15px} .nova-realestate-finance-report p{margin:0;color:#607887;font-size:11px;line-height:1.45} .nova-realestate-finance-report-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px} .nova-realestate-finance-report-actions .btn{min-height:42px;white-space:nowrap;font-weight:900} .nova-realestate-finance-report>span{grid-column:1/-1;color:#6c8290;font-size:10px;line-height:1.4} body.dark-mode .nova-realestate-finance-report, body.dark-mode-theme .nova-realestate-finance-report, html[data-theme="dark"] .nova-realestate-finance-report{background:linear-gradient(135deg,#132d3d,#132f2b);border-color:#3d6577} body.dark-mode .nova-realestate-finance-report h4, body.dark-mode-theme .nova-realestate-finance-report h4, html[data-theme="dark"] .nova-realestate-finance-report h4{color:#f2f9ff} body.dark-mode .nova-realestate-finance-report p, body.dark-mode-theme .nova-realestate-finance-report p, html[data-theme="dark"] .nova-realestate-finance-report p, body.dark-mode .nova-realestate-finance-report>span, body.dark-mode-theme .nova-realestate-finance-report>span, html[data-theme="dark"] .nova-realestate-finance-report>span{color:#bdd2de} @media(max-width:760px){ .nova-realestate-finance-report{grid-template-columns:1fr} .nova-realestate-finance-report-actions{justify-content:stretch} .nova-realestate-finance-report-actions .btn{flex:1 1 210px} } /* NOVA V75.52-406p – Immobilien Finanzierung: Bausparen */ .nova-realestate-bauspar{margin:14px 0;padding:16px;border:1px solid #cfe0e8;border-radius:18px;background:linear-gradient(135deg,#f8fcff,#f2fbf8);box-shadow:0 10px 28px rgba(23,71,96,.08)} .nova-realestate-bauspar-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px} .nova-realestate-bauspar-head small{display:block;color:#0c7f8e;font-size:9px;font-weight:950;letter-spacing:.09em} .nova-realestate-bauspar-head h4{margin:3px 0 4px;color:#173e55;font-size:16px} .nova-realestate-bauspar-head p{margin:0;max-width:760px;color:#607887;font-size:11px;line-height:1.5} .nova-realestate-bauspar-head>span{flex:0 0 auto;padding:7px 10px;border-radius:999px;background:#e2f5ef;color:#1d6b5c;font-size:9.5px;font-weight:900} .nova-realestate-bauspar-mode{display:grid;grid-template-columns:minmax(230px,360px) 1fr;gap:12px;align-items:end;margin-bottom:10px} .nova-realestate-bauspar-mode label{display:flex;flex-direction:column;gap:6px}.nova-realestate-bauspar-mode label>span{font-size:10px;font-weight:900;color:#49697b}.nova-realestate-bauspar-mode select{width:100%;min-height:42px;border:1px solid #bdd2dd;border-radius:12px;background:#fff;color:#173e55;padding:0 12px;font-weight:800} #novaREBausparModeHint{min-height:42px;display:flex;align-items:center;padding:9px 12px;border-radius:12px;background:#edf7fb;color:#547080;font-size:10.5px;line-height:1.4;font-weight:700} .nova-realestate-bauspar-details{display:grid;gap:10px}.nova-realestate-bauspar-group{border:1px solid #d7e5eb;border-radius:14px;background:rgba(255,255,255,.76);overflow:hidden}.nova-realestate-bauspar-group summary{cursor:pointer;padding:11px 13px;color:#234d63;font-size:11px;font-weight:950;list-style:none}.nova-realestate-bauspar-group summary::-webkit-details-marker{display:none}.nova-realestate-bauspar-group[open] summary{border-bottom:1px solid #e2edf1;background:#f7fbfd}.nova-realestate-bauspar-group>.nova-realestate-formgrid{padding:12px} .nova-realestate-bauspar-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.nova-realestate-bauspar-grid label select{width:100%;min-height:38px;border:1px solid #cbdce4;border-radius:10px;background:#fff;color:#173e55;padding:0 10px;font-weight:750} .nova-realestate-bauspar-summary,.nova-realestate-bauspar-subsidies{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.nova-realestate-bauspar-subsidies{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 12px 12px} .nova-realestate-bauspar-summary article,.nova-realestate-bauspar-subsidies article{padding:11px;border:1px solid #d9e8ee;border-radius:13px;background:#fff;display:flex;flex-direction:column;gap:3px}.nova-realestate-bauspar-summary small,.nova-realestate-bauspar-subsidies small{color:#648090;font-size:8.5px;font-weight:950;letter-spacing:.055em}.nova-realestate-bauspar-summary b,.nova-realestate-bauspar-subsidies b{color:#164b66;font-size:14px}.nova-realestate-bauspar-summary span,.nova-realestate-bauspar-subsidies span{color:#708691;font-size:9.5px;line-height:1.35} .nova-realestate-bauspar-links{display:flex;gap:8px;flex-wrap:wrap;padding:0 12px 12px}.nova-realestate-bauspar-links button{border:1px solid #c8dde6;border-radius:10px;background:#f5fbfd;color:#176d8a;padding:8px 10px;font-size:9.5px;font-weight:900;cursor:pointer} body.dark-mode .nova-realestate-bauspar,body.dark-mode-theme .nova-realestate-bauspar,html[data-theme="dark"] .nova-realestate-bauspar{background:linear-gradient(135deg,#122a39,#122f2a);border-color:#3d6577} body.dark-mode .nova-realestate-bauspar-head h4,body.dark-mode-theme .nova-realestate-bauspar-head h4,html[data-theme="dark"] .nova-realestate-bauspar-head h4,body.dark-mode .nova-realestate-bauspar-group summary,body.dark-mode-theme .nova-realestate-bauspar-group summary,html[data-theme="dark"] .nova-realestate-bauspar-group summary{color:#f3fbff} body.dark-mode .nova-realestate-bauspar-head p,body.dark-mode-theme .nova-realestate-bauspar-head p,html[data-theme="dark"] .nova-realestate-bauspar-head p{color:#bfd1dc} body.dark-mode #novaREBausparModeHint,body.dark-mode-theme #novaREBausparModeHint,html[data-theme="dark"] #novaREBausparModeHint{background:#173747;color:#c4dbe6} body.dark-mode .nova-realestate-bauspar-mode select,body.dark-mode-theme .nova-realestate-bauspar-mode select,html[data-theme="dark"] .nova-realestate-bauspar-mode select,body.dark-mode .nova-realestate-bauspar-grid label select,body.dark-mode-theme .nova-realestate-bauspar-grid label select,html[data-theme="dark"] .nova-realestate-bauspar-grid label select{background:#132f3f;color:#f1f8fb;border-color:#456678} body.dark-mode .nova-realestate-bauspar-group,body.dark-mode-theme .nova-realestate-bauspar-group,html[data-theme="dark"] .nova-realestate-bauspar-group{background:rgba(15,36,49,.78);border-color:#385769}body.dark-mode .nova-realestate-bauspar-group[open] summary,body.dark-mode-theme .nova-realestate-bauspar-group[open] summary,html[data-theme="dark"] .nova-realestate-bauspar-group[open] summary{background:#163240;border-color:#365767} body.dark-mode .nova-realestate-bauspar-summary article,body.dark-mode-theme .nova-realestate-bauspar-summary article,html[data-theme="dark"] .nova-realestate-bauspar-summary article,body.dark-mode .nova-realestate-bauspar-subsidies article,body.dark-mode-theme .nova-realestate-bauspar-subsidies article,html[data-theme="dark"] .nova-realestate-bauspar-subsidies article{background:#153343;border-color:#385c6e}body.dark-mode .nova-realestate-bauspar-summary b,body.dark-mode-theme .nova-realestate-bauspar-summary b,html[data-theme="dark"] .nova-realestate-bauspar-summary b,body.dark-mode .nova-realestate-bauspar-subsidies b,body.dark-mode-theme .nova-realestate-bauspar-subsidies b,html[data-theme="dark"] .nova-realestate-bauspar-subsidies b{color:#f3fbff}body.dark-mode .nova-realestate-bauspar-summary span,body.dark-mode-theme .nova-realestate-bauspar-summary span,html[data-theme="dark"] .nova-realestate-bauspar-summary span,body.dark-mode .nova-realestate-bauspar-subsidies span,body.dark-mode-theme .nova-realestate-bauspar-subsidies span,html[data-theme="dark"] .nova-realestate-bauspar-subsidies span{color:#bdd2dc} body.dark-mode .nova-realestate-bauspar-links button,body.dark-mode-theme .nova-realestate-bauspar-links button,html[data-theme="dark"] .nova-realestate-bauspar-links button{background:#173747;color:#9fdcf0;border-color:#416577} @media(max-width:900px){.nova-realestate-bauspar-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.nova-realestate-bauspar-summary{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:620px){.nova-realestate-bauspar{padding:12px}.nova-realestate-bauspar-head{flex-direction:column}.nova-realestate-bauspar-head>span{align-self:flex-start}.nova-realestate-bauspar-mode{grid-template-columns:1fr}.nova-realestate-bauspar-grid{grid-template-columns:1fr!important}.nova-realestate-bauspar-summary,.nova-realestate-bauspar-subsidies{grid-template-columns:1fr}.nova-realestate-bauspar-links button{width:100%}} /* NOVA V75.52-406q – Immobilien Finanzierung Dashboard */ .nova-re-finance-dashboard{--re-bg:#071a2e;--re-panel:#0b223b;--re-panel2:#0e2945;--re-line:#294d70;--re-text:#f4f8ff;--re-muted:#a9bed5;--re-blue:#2583ff;--re-cyan:#21c1d6;--re-green:#55e1a1;--re-violet:#a65eff;background:linear-gradient(145deg,#06172a 0%,#09223a 55%,#081a2f 100%);border:1px solid rgba(76,143,205,.35);border-radius:20px;padding:18px;color:var(--re-text);box-shadow:0 22px 50px rgba(4,18,34,.22)} .nova-re-finance-dashboard input,.nova-re-finance-dashboard select{color:var(--re-text)!important;background:#0a1d32!important;border:1px solid #365c7d!important;border-radius:9px!important;min-height:42px} .nova-re-finance-dashboard input::placeholder{color:#7892aa} .nova-re-finance-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin:0 0 14px}.nova-re-finance-head small{letter-spacing:.14em;color:#5bb6ff;font-weight:800}.nova-re-finance-head h3{font-size:clamp(1.55rem,2.3vw,2.2rem);margin:3px 0 3px;color:#fff}.nova-re-finance-head p{margin:0;color:var(--re-muted)}.nova-re-finance-orient{border:1px solid #355d7f;border-radius:999px;padding:8px 12px;color:#b9cee2;font-size:.82rem;white-space:nowrap} .nova-re-finance-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.nova-re-finance-tabs button{border:1px solid #355d7f;background:#091c31;color:#e8f2ff;border-radius:12px;min-height:52px;padding:10px 14px;font-weight:800;font-size:.96rem;cursor:pointer;transition:.18s ease}.nova-re-finance-tabs button:hover{border-color:#3e8fe2;transform:translateY(-1px)}.nova-re-finance-tabs button.active{background:linear-gradient(135deg,#1e78f3,#387ff7);border-color:#72b7ff;box-shadow:0 8px 24px rgba(21,114,234,.25);color:#fff} .nova-re-fin-view[hidden]{display:none!important}.nova-re-dash-grid{display:grid;gap:12px}.nova-re-bank-grid{grid-template-columns:minmax(0,2fr) minmax(320px,.9fr)}.nova-re-dash-card{background:linear-gradient(145deg,rgba(11,34,59,.97),rgba(8,28,48,.97));border:1px solid #294d70;border-radius:14px;padding:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.nova-re-card-title{display:flex;align-items:flex-start;gap:11px;margin-bottom:12px}.nova-re-card-title>div{min-width:0}.nova-re-card-title b{display:block;color:#fff;font-size:1.02rem}.nova-re-card-title small{display:block;color:var(--re-muted);margin-top:2px}.nova-re-step{display:grid;place-items:center;min-width:27px;height:27px;border-radius:8px;background:var(--re-green);color:#062438;font-weight:950}.nova-re-step.warn{background:#ffd45b;color:#2d2300} .nova-re-formgrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.nova-re-finance-dashboard .nova-realestate-formgrid label{background:rgba(9,28,48,.62);border:1px solid rgba(57,96,128,.55);border-radius:10px;padding:9px}.nova-re-finance-dashboard .nova-realestate-formgrid label>span{color:#dceaff;font-weight:700}.nova-re-finance-dashboard .nova-realestate-formgrid em{color:#8ea9c0} .nova-re-summary-stack{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}.nova-re-summary-stack article{background:#0a1e34!important;border-color:#2a4f70!important}.nova-re-summary-stack article small{color:#9fb8ce!important}.nova-re-summary-stack article b{color:#fff!important}.nova-re-scenarios{margin-top:12px}.nova-re-scenarios article{background:#0b2139!important;border-color:#294d70!important}.nova-re-scenarios small,.nova-re-scenarios span{color:#aac0d5!important}.nova-re-scenarios b{color:#fff!important}.nova-re-dark-note{background:rgba(7,24,42,.8)!important;border:1px solid #274a6b!important;color:#b9cada!important;border-radius:12px;padding:11px 13px!important} .nova-re-bauspar-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.nova-re-bauspar-grid>.nova-re-chart-card{grid-column:span 2}.nova-re-toggle-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:8px}.nova-re-toggle-row .nova-re-choice:last-child{grid-column:1/-1}.nova-re-choice{min-height:38px;border:1px solid #315777;border-radius:9px;background:#091c31;color:#dcecff;font-weight:750;cursor:pointer;padding:7px 8px}.nova-re-choice.active{background:#1679f5;border-color:#78bbff;color:#fff}.nova-re-hidden-select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.nova-re-mode-hint{font-size:.79rem;color:#9bb5cb;margin:4px 0 8px;min-height:18px}.nova-re-field-list{display:grid;gap:7px}.nova-re-field-list label{display:grid;grid-template-columns:minmax(125px,1fr) minmax(120px,.9fr);gap:10px;align-items:center;color:#cfdef0;font-size:.85rem}.nova-re-field-list label>div{display:flex;align-items:center;gap:7px}.nova-re-field-list input,.nova-re-field-list select{width:100%;padding:7px 9px}.nova-re-field-list em{font-style:normal;color:#8fa9bf}.nova-re-field-list.compact{margin-top:10px}.nova-re-mini-options{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px;padding-top:9px;border-top:1px solid #284a68}.nova-re-mini-options label{display:flex;gap:7px;align-items:center;color:#cfe0f0;font-size:.82rem}.nova-re-mini-options input{min-height:auto!important;width:16px;height:16px;accent-color:#2c8cff}.nova-re-funding-check{display:grid;gap:9px}.nova-re-funding-check>div{background:#0a1c31;border:1px solid #284c6b;border-radius:10px;padding:10px}.nova-re-funding-check b{display:block;color:#f3f8ff}.nova-re-funding-check span{display:block;color:#55e1a1;font-size:1.15rem;font-weight:900;margin:4px 0 1px}.nova-re-funding-check small{color:#9cb4c9}.nova-re-source-links{margin-top:10px}.nova-re-source-links button{background:#0b2947!important;color:#7bc4ff!important;border:1px solid #28577d!important;border-radius:8px!important}.nova-re-result-line{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #284a68;margin-top:6px;padding-top:10px;color:#b7cadc}.nova-re-result-line b{color:#fff}.nova-re-hint-card ul{margin:0;padding-left:20px;color:#c6d6e4;font-size:.84rem;line-height:1.55}.nova-re-hint-card li+li{margin-top:3px}.nova-re-bauspar-summary{margin-top:12px}.nova-re-bauspar-summary article{background:#0a2037!important;border-color:#2a4f70!important}.nova-re-bauspar-summary small,.nova-re-bauspar-summary span{color:#9eb7cc!important}.nova-re-bauspar-summary b{color:#fff!important} .nova-re-chart-legend{display:flex;gap:16px;flex-wrap:wrap;color:#afc4d7;font-size:.78rem;margin:-3px 0 8px}.nova-re-chart-legend span{display:flex;align-items:center;gap:6px}.nova-re-chart-legend i{display:inline-block;width:12px;height:12px;border-radius:50%}.nova-re-chart-legend i.saving{background:#2196f3}.nova-re-chart-legend i.loan{background:#39b983}.nova-re-chart-legend i.line{width:20px;height:3px;border-radius:3px;background:#eff6ff}.nova-re-bauspar-chart{min-height:250px;border-radius:10px;background:rgba(5,20,35,.6);overflow:hidden}.nova-re-bauspar-chart svg{display:block;width:100%;height:auto;min-height:250px}.nova-re-chart-empty{height:250px;display:grid;place-items:center;color:#8da7bd;padding:20px;text-align:center}.nova-re-chart-gridline{stroke:#254662;stroke-width:1}.nova-re-chart-label,.nova-re-chart-year{fill:#9db5c9;font-size:11px}.nova-re-chart-saving{fill:#218ff5}.nova-re-chart-loan{fill:#35b67f}.nova-re-chart-linepath{fill:none;stroke:#eef6ff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.nova-re-chart-alloc{stroke:#ffd45b;stroke-width:1.5;stroke-dasharray:4 4}.nova-re-chart-alloc-label{fill:#ffd45b;font-size:11px;font-weight:800} .nova-re-funding-view>.nova-realestate-panel-intro{margin-top:0}.nova-re-funding-view .nova-realestate-panel-intro h3{color:#fff}.nova-re-funding-view .nova-realestate-panel-intro span{color:#b7cce0}.nova-re-funding-view .nova-realestate-funding-profile,.nova-re-funding-view .nova-realestate-funding-grid>article,.nova-re-funding-view .nova-realestate-statefunding,.nova-re-funding-view .nova-realestate-funding-selection,.nova-re-funding-view .nova-realestate-funding-apply,.nova-re-funding-view .nova-realestate-funding-summary article{background:#0b2139!important;border-color:#294d70!important;color:#e8f2fb!important}.nova-re-funding-view h4,.nova-re-funding-view b,.nova-re-funding-view strong{color:#fff!important}.nova-re-funding-view p,.nova-re-funding-view span,.nova-re-funding-view small{color:#b6c9db}.nova-re-funding-view button{border-color:#315a7c} .nova-re-overview-top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:12px}.nova-re-overview-top small{color:#59b9ff;letter-spacing:.13em;font-weight:850}.nova-re-overview-top h4{margin:3px 0;color:#fff;font-size:1.35rem}.nova-re-overview-top p{margin:0;color:#9fb5c9}.nova-re-overview-top button{background:#0b2947;border:1px solid #315c80;color:#cfe8ff;border-radius:10px;padding:9px 12px;font-weight:800;cursor:pointer}.nova-re-overview-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:10px}.nova-re-overview-kpis article{background:linear-gradient(145deg,#0b223b,#0a1c31);border:1px solid #2b4f70;border-radius:12px;padding:11px}.nova-re-overview-kpis small{display:block;color:#94aec5;font-weight:750}.nova-re-overview-kpis b{display:block;color:#fff;font-size:1.28rem;margin:4px 0}.nova-re-overview-kpis span{display:block;color:#7f9bb3;font-size:.75rem}.nova-re-structure-cards{grid-template-columns:repeat(6,minmax(0,1fr))!important;margin-bottom:12px}.nova-re-structure-cards article{background:#0a1e34!important;border-color:#2a4f70!important;min-width:0}.nova-re-structure-cards small,.nova-re-structure-cards span{color:#91aac0!important}.nova-re-structure-cards b{color:#fff!important}.nova-re-compare-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:12px}.nova-re-compare-chart{min-height:300px;display:grid;grid-template-columns:64px 1fr;gap:8px}.nova-re-bar-axis{display:flex;flex-direction:column;justify-content:space-between;color:#9fb7cc;font-size:.72rem;padding:25px 0 42px;text-align:right}.nova-re-bars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;align-items:end;border-left:1px solid #31516d;border-bottom:1px solid #31516d;padding:25px 10px 0;min-height:260px;background:linear-gradient(to top,transparent 24%,rgba(45,79,106,.28) 25%,transparent 26%,transparent 49%,rgba(45,79,106,.28) 50%,transparent 51%,transparent 74%,rgba(45,79,106,.28) 75%,transparent 76%)}.nova-re-bar-item{height:100%;display:grid;grid-template-rows:22px 1fr 36px;align-items:end;text-align:center;min-width:0}.nova-re-bar-item>b{font-size:.82rem;color:#eaf5ff}.nova-re-bar-track{height:190px;display:flex;align-items:flex-end;justify-content:center}.nova-re-bar-track i{display:block;width:min(64px,75%);min-height:0;border-radius:7px 7px 2px 2px;background:#8ba0b5;box-shadow:0 0 18px rgba(0,0,0,.12)}.nova-re-bar-track i[data-tone="1"]{background:#278ef5}.nova-re-bar-track i[data-tone="2"]{background:#4bd69c}.nova-re-bar-track i[data-tone="3"]{background:#a75ff4}.nova-re-bar-item>span{font-size:.72rem;color:#b2c4d5;line-height:1.15;align-self:center}.nova-re-compare-table{overflow:auto}.nova-re-compare-table table{width:100%;border-collapse:collapse;min-width:530px}.nova-re-compare-table th,.nova-re-compare-table td{padding:10px 9px;border:1px solid #2a4d6d;text-align:right;font-size:.79rem}.nova-re-compare-table th:first-child,.nova-re-compare-table td:first-child{text-align:left}.nova-re-compare-table th{background:#0b2845;color:#dcecff}.nova-re-compare-table td{color:#c7d8e6}.nova-re-compare-table tr.current td{background:rgba(128,68,176,.25);color:#fff;font-weight:750}.nova-re-overview-note{margin-top:12px;background:#0a2037;border:1px solid #2a4d6d;border-radius:11px;padding:11px 13px;color:#a9bfd2;font-size:.82rem;line-height:1.5}.nova-re-overview-note b{color:#eaf5ff}.nova-re-finance-actions{margin-top:14px;background:linear-gradient(100deg,#0b2744,#0b2139)!important;border-color:#315779!important}.nova-re-finance-actions h4{color:#fff!important}.nova-re-finance-actions p,.nova-re-finance-actions span{color:#a9bfd2!important} @media(max-width:1180px){.nova-re-bauspar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nova-re-bauspar-grid>.nova-re-chart-card{grid-column:span 1}.nova-re-overview-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.nova-re-structure-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}.nova-re-compare-grid{grid-template-columns:1fr}.nova-re-formgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:820px){.nova-re-finance-dashboard{padding:12px;border-radius:14px}.nova-re-finance-head{display:block}.nova-re-finance-orient{display:inline-block;margin-top:9px}.nova-re-finance-tabs{grid-template-columns:1fr 1fr}.nova-re-bank-grid,.nova-re-bauspar-grid{grid-template-columns:1fr}.nova-re-overview-kpis{grid-template-columns:1fr 1fr}.nova-re-structure-cards{grid-template-columns:1fr 1fr!important}.nova-re-formgrid{grid-template-columns:1fr!important}.nova-re-summary-stack{grid-template-columns:1fr 1fr!important}.nova-re-field-list label{grid-template-columns:1fr;gap:4px}.nova-re-compare-chart{grid-template-columns:50px 1fr}.nova-re-bars{gap:6px;padding-left:5px;padding-right:5px}.nova-re-bar-track i{width:78%}.nova-re-overview-top{align-items:flex-start;flex-direction:column}.nova-re-finance-actions .nova-realestate-finance-report-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}} @media(max-width:520px){.nova-re-finance-tabs{grid-template-columns:1fr 1fr;gap:7px}.nova-re-finance-tabs button{font-size:.82rem;padding:8px 6px;min-height:48px}.nova-re-overview-kpis,.nova-re-structure-cards,.nova-re-summary-stack{grid-template-columns:1fr!important}.nova-re-toggle-row{grid-template-columns:1fr}.nova-re-toggle-row .nova-re-choice:last-child{grid-column:auto}.nova-re-bars{grid-template-columns:repeat(4,1fr);min-height:230px}.nova-re-bar-track{height:165px}.nova-re-bar-item>b{font-size:.68rem}.nova-re-bar-item>span{font-size:.62rem;word-break:break-word}.nova-re-finance-actions .nova-realestate-finance-report-actions{grid-template-columns:1fr}} /* NOVA V75.52-406r – Eigenes Immobilien-Finanzierungs-Modul */ .nova-re-standalone-module{margin:18px 0 16px;padding:14px;border:1px solid #c8d8e6;border-radius:24px;background:linear-gradient(180deg,#eef6fb,#f6fbff);box-shadow:0 18px 48px rgba(25,73,102,.11)} .nova-re-module-topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px} .nova-re-module-topbar small{display:block;color:#0b7489;font-size:11px;font-weight:950;letter-spacing:.11em} .nova-re-module-topbar h3{margin:4px 0 6px;color:#123246;font-size:2rem;line-height:1.12} .nova-re-module-topbar p{margin:0;max-width:920px;color:#476173;font-size:1rem;line-height:1.55;font-weight:600} #novaREFinModuleClose{width:46px;height:46px;border-radius:14px;border:1px solid #c4d8e7;background:#fff;color:#16384d;font-size:1.6rem;font-weight:900;cursor:pointer;box-shadow:0 8px 18px rgba(19,63,91,.09)} .nova-re-module-shell{display:grid;grid-template-columns:250px minmax(0,1fr);gap:14px;align-items:start} .nova-re-module-sidebar{position:sticky;top:18px;display:grid;gap:10px;padding:14px;border:1px solid #c8daea;border-radius:20px;background:linear-gradient(180deg,#082239,#0d2d47);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)} .nova-re-module-brand{display:grid;gap:3px;padding:6px 4px 12px;border-bottom:1px solid rgba(123,174,214,.22)} .nova-re-module-brand small{color:#63bfff;font-size:11px;font-weight:900;letter-spacing:.14em}.nova-re-module-brand b{color:#fff;font-size:1.28rem;line-height:1.1}.nova-re-module-brand span{color:#b7cce0;font-size:.83rem;line-height:1.45} .nova-re-module-sidebar button{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 14px;border-radius:14px;border:1px solid #295173;background:#0a2742;color:#e8f3ff;font-size:.97rem;font-weight:850;cursor:pointer;text-align:left;transition:transform .15s ease, background .15s ease, border-color .15s ease} .nova-re-module-sidebar button:hover{transform:translateY(-1px);background:#12375a;border-color:#4a78a0}.nova-re-module-sidebar button.active{background:linear-gradient(135deg,#2b79ff,#3aa4ff);border-color:#6cb4ff;color:#fff;box-shadow:0 12px 24px rgba(47,125,255,.23)}.nova-re-module-sidebar-note{margin-top:4px;padding:11px 12px;border-radius:14px;background:#0a2036;border:1px solid #274862;color:#b8cad9;font-size:.79rem;line-height:1.55} .nova-re-module-main{min-width:0}.nova-re-finance-dashboard-module{margin:0} .nova-re-finance-dashboard-module .nova-re-finance-head small{font-size:12px;letter-spacing:.14em}.nova-re-finance-dashboard-module .nova-re-finance-head h3{font-size:3rem;line-height:1.03;letter-spacing:-.02em}.nova-re-finance-dashboard-module .nova-re-finance-head p{font-size:1.1rem;line-height:1.6;color:#bcd3e6;max-width:900px}.nova-re-finance-dashboard-module .nova-re-finance-orient{font-size:.88rem;padding:9px 14px}.nova-re-finance-dashboard-module .nova-re-finance-tabs button{font-size:1rem;min-height:58px}.nova-re-finance-dashboard-module .nova-re-card-title b{font-size:1.15rem}.nova-re-finance-dashboard-module .nova-re-card-title small{font-size:.9rem;color:#a9bfd0}.nova-re-finance-dashboard-module label>span,.nova-re-finance-dashboard-module .nova-re-field-list label,.nova-re-finance-dashboard-module .nova-re-overview-top p,.nova-re-finance-dashboard-module .nova-re-overview-note,.nova-re-finance-dashboard-module .nova-realestate-calcnote{font-size:.96rem;line-height:1.58}.nova-re-finance-dashboard-module input,.nova-re-finance-dashboard-module select{font-size:1rem}.nova-re-finance-dashboard-module .nova-re-overview-top h4{font-size:1.7rem}.nova-re-finance-dashboard-module .nova-re-overview-kpis b{font-size:1.42rem}.nova-re-finance-dashboard-module .nova-re-overview-kpis small,.nova-re-finance-dashboard-module .nova-re-structure-cards small{font-size:.82rem}.nova-re-finance-dashboard-module .nova-re-overview-kpis span,.nova-re-finance-dashboard-module .nova-re-structure-cards span{font-size:.82rem;line-height:1.4}.nova-re-finance-dashboard-module .nova-re-compare-table th,.nova-re-finance-dashboard-module .nova-re-compare-table td{font-size:.88rem}.nova-re-finance-dashboard-module .nova-realestate-finance-report h4{font-size:1.2rem}.nova-re-finance-dashboard-module .nova-realestate-finance-report p,.nova-re-finance-dashboard-module .nova-realestate-finance-report>span{font-size:.92rem}.nova-re-finance-linkpanel{padding:18px;border:1px dashed #c9d9e7;border-radius:18px;background:#f7fbff}.nova-re-finance-linkpanel .nova-realestate-helperlinks{margin-top:14px} body.dark-mode .nova-re-standalone-module,body.dark-mode-theme .nova-re-standalone-module,html[data-theme="dark"] .nova-re-standalone-module{background:linear-gradient(180deg,#0f2235,#10253a);border-color:#35556f}body.dark-mode #novaREFinModuleClose,body.dark-mode-theme #novaREFinModuleClose,html[data-theme="dark"] #novaREFinModuleClose{background:#123249;color:#fff;border-color:#35556f}body.dark-mode .nova-re-module-topbar h3,body.dark-mode-theme .nova-re-module-topbar h3,html[data-theme="dark"] .nova-re-module-topbar h3{color:#f3f8ff}body.dark-mode .nova-re-module-topbar p,body.dark-mode-theme .nova-re-module-topbar p,html[data-theme="dark"] .nova-re-module-topbar p{color:#bfd1de} @media(max-width:1120px){.nova-re-module-shell{grid-template-columns:1fr}.nova-re-module-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.nova-re-module-brand,.nova-re-module-sidebar-note{grid-column:1/-1}} @media(max-width:760px){.nova-re-standalone-module{padding:12px;border-radius:18px}.nova-re-module-topbar h3{font-size:1.6rem}.nova-re-module-topbar p{font-size:.94rem}.nova-re-module-sidebar{grid-template-columns:1fr}.nova-re-finance-dashboard-module .nova-re-finance-head h3{font-size:2.15rem}.nova-re-finance-dashboard-module .nova-re-finance-head p{font-size:.98rem}.nova-re-finance-dashboard-module .nova-re-finance-tabs button{min-height:52px;font-size:.92rem}} /* NOVA V75.52-406s – Extra Kachel + erweitertes Finanzierungs-Modul */ .nova-realestate-finance-feature{margin:16px 0}.nova-realestate-finance-feature-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px 20px;border:1px solid #c8dde8;border-radius:22px;background:linear-gradient(135deg,#f3f9ff,#f6fbff 42%,#eff8ff);box-shadow:0 14px 36px rgba(27,79,110,.08)}.nova-realestate-finance-feature-copy small{display:block;color:#0d7a96;font-size:10px;font-weight:950;letter-spacing:.12em}.nova-realestate-finance-feature-copy h3{margin:4px 0 6px;color:#16354a;font-size:1.55rem;line-height:1.15}.nova-realestate-finance-feature-copy p{margin:0;max-width:760px;color:#587182;font-size:.99rem;line-height:1.55;font-weight:600}.nova-realestate-finance-feature-actions{display:flex;gap:10px;flex-wrap:wrap} .nova-re-module-topbar-actions{display:flex;align-items:center;gap:10px}.nova-re-module-topbar-actions button{min-height:46px;border-radius:14px;border:1px solid #c4d8e7;background:#fff;color:#16384d;font-size:1rem;font-weight:850;cursor:pointer;padding:0 14px;box-shadow:0 8px 18px rgba(19,63,91,.09)} .nova-re-module-sidebar{gap:12px}.nova-re-module-navgroup{display:grid;gap:8px}.nova-re-module-navgroup small{display:block;color:#7fc6ff;font-size:.72rem;font-weight:950;letter-spacing:.14em;padding:2px 4px 0}.nova-re-module-sidebar button{justify-content:flex-start}.nova-re-module-sidebar button span{display:inline-block;line-height:1.25} .nova-re-finance-dashboard-module .nova-re-fin-view{scroll-margin-top:22px}.nova-re-finance-dashboard-module .nova-re-fin-view>.nova-re-dash-grid,.nova-re-finance-dashboard-module .nova-re-overview-top,.nova-re-finance-dashboard-module .nova-realestate-funding-alert,.nova-re-finance-dashboard-module .nova-realestate-funding-profile,.nova-re-finance-dashboard-module .nova-realestate-funding-grid,.nova-re-finance-dashboard-module .nova-realestate-statefunding,.nova-re-finance-dashboard-module .nova-realestate-funding-selection,.nova-re-finance-dashboard-module .nova-realestate-funding-apply{position:relative}.nova-re-finance-dashboard-module .nova-re-panel-bank,.nova-re-finance-dashboard-module .nova-re-panel-bausparen,.nova-re-finance-dashboard-module .nova-re-panel-funding,.nova-re-finance-dashboard-module .nova-re-panel-overview{padding:12px;border-radius:18px;background:linear-gradient(180deg,rgba(15,38,60,.95),rgba(8,27,45,.96));border:1px solid #254c6e;box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 10px 26px rgba(0,0,0,.12);margin-bottom:12px}.nova-re-finance-dashboard-module .nova-re-panel-bank:before,.nova-re-finance-dashboard-module .nova-re-panel-bausparen:before,.nova-re-finance-dashboard-module .nova-re-panel-funding:before,.nova-re-finance-dashboard-module .nova-re-panel-overview:before{content:'';display:block;height:5px;border-radius:999px;background:linear-gradient(90deg,#36a0ff,#4bd5ff,#74e3ae);margin-bottom:12px;opacity:.95} .nova-re-finance-dashboard-module .nova-re-card-title{margin-bottom:10px}.nova-re-finance-dashboard-module .nova-re-dash-card,.nova-re-finance-dashboard-module .nova-re-overview-kpis article,.nova-re-finance-dashboard-module .nova-re-structure-cards article,.nova-re-finance-dashboard-module .nova-realestate-funding-summary article{box-shadow:0 8px 18px rgba(0,0,0,.12)} .nova-re-finance-dashboard-module .nova-re-panel-bank .nova-re-card-title b{color:#fff}.nova-re-finance-dashboard-module .nova-re-panel-bausparen .nova-re-card-title b{color:#fff}.nova-re-finance-dashboard-module .nova-re-panel-funding .nova-re-card-title b{color:#fff}.nova-re-finance-dashboard-module .nova-re-panel-overview .nova-re-card-title b{color:#fff} .nova-re-standalone-module.light-theme{background:linear-gradient(180deg,#f7fbff,#eef5fb);border-color:#cbdbe6}.nova-re-standalone-module.light-theme .nova-re-module-sidebar{background:linear-gradient(180deg,#edf5fb,#f8fbff);border-color:#cbdbe7}.nova-re-standalone-module.light-theme .nova-re-module-brand small{color:#0b74a4}.nova-re-standalone-module.light-theme .nova-re-module-brand b{color:#18374b}.nova-re-standalone-module.light-theme .nova-re-module-brand span,.nova-re-standalone-module.light-theme .nova-re-module-sidebar-note{color:#5a7282}.nova-re-standalone-module.light-theme .nova-re-module-sidebar-note{background:#ffffff;border-color:#d5e3ec}.nova-re-standalone-module.light-theme .nova-re-module-navgroup small{color:#2b81b6}.nova-re-standalone-module.light-theme .nova-re-module-sidebar button{background:#fff;border-color:#cbdce6;color:#17384c;box-shadow:0 8px 16px rgba(24,61,88,.06)}.nova-re-standalone-module.light-theme .nova-re-module-sidebar button:hover{background:#f2f8fd;border-color:#9bc7e3}.nova-re-standalone-module.light-theme .nova-re-module-sidebar button.active{background:linear-gradient(135deg,#2b79ff,#50b1ff);border-color:#62b9ff;color:#fff}.nova-re-standalone-module.light-theme .nova-re-finance-dashboard{background:linear-gradient(180deg,#dceaf5,#eef5fb)}.nova-re-standalone-module.light-theme .nova-re-panel-bank,.nova-re-standalone-module.light-theme .nova-re-panel-bausparen,.nova-re-standalone-module.light-theme .nova-re-panel-funding,.nova-re-standalone-module.light-theme .nova-re-panel-overview{background:linear-gradient(180deg,#fdfefe,#f4f9fd);border-color:#cfe0ea;box-shadow:0 10px 24px rgba(22,66,96,.08)}.nova-re-standalone-module.light-theme .nova-re-panel-bank:before,.nova-re-standalone-module.light-theme .nova-re-panel-bausparen:before,.nova-re-standalone-module.light-theme .nova-re-panel-funding:before,.nova-re-standalone-module.light-theme .nova-re-panel-overview:before{background:linear-gradient(90deg,#1f86ff,#43b8ff,#61c987)}.nova-re-standalone-module.light-theme .nova-re-finance-head h3,.nova-re-standalone-module.light-theme .nova-re-overview-top h4,.nova-re-standalone-module.light-theme .nova-re-card-title b{color:#163a51}.nova-re-standalone-module.light-theme .nova-re-finance-head p,.nova-re-standalone-module.light-theme .nova-re-overview-top p,.nova-re-standalone-module.light-theme .nova-re-card-title small,.nova-re-standalone-module.light-theme .nova-re-overview-note,.nova-re-standalone-module.light-theme .nova-realestate-calcnote,.nova-re-standalone-module.light-theme .nova-realestate-funding-profile p,.nova-re-standalone-module.light-theme .nova-realestate-funding-profile span,.nova-re-standalone-module.light-theme .nova-realestate-funding-profile small{color:#547081!important}.nova-re-standalone-module.light-theme .nova-re-finance-orient{background:#ffffff;border-color:#cddce7;color:#3a5d73}.nova-re-standalone-module.light-theme .nova-re-finance-tabs button{background:#fff;border-color:#c8dae6;color:#173a52}.nova-re-standalone-module.light-theme .nova-re-finance-tabs button.active{background:linear-gradient(135deg,#2b79ff,#52b3ff);border-color:#67beff;color:#fff}.nova-re-standalone-module.light-theme .nova-re-dash-card,.nova-re-standalone-module.light-theme .nova-re-overview-kpis article,.nova-re-standalone-module.light-theme .nova-re-structure-cards article,.nova-re-standalone-module.light-theme .nova-realestate-funding-summary article,.nova-re-standalone-module.light-theme .nova-realestate-funding-grid>article,.nova-re-standalone-module.light-theme .nova-realestate-funding-selection,.nova-re-standalone-module.light-theme .nova-realestate-statefunding,.nova-re-standalone-module.light-theme .nova-realestate-funding-apply{background:#fff!important;border-color:#d1e1eb!important;color:#17384c!important}.nova-re-standalone-module.light-theme .nova-re-overview-kpis b,.nova-re-standalone-module.light-theme .nova-re-structure-cards b,.nova-re-standalone-module.light-theme .nova-re-dash-card b,.nova-re-standalone-module.light-theme .nova-realestate-funding-summary b,.nova-re-standalone-module.light-theme .nova-re-funding-view h4,.nova-re-standalone-module.light-theme .nova-re-funding-view b,.nova-re-standalone-module.light-theme .nova-re-funding-view strong{color:#16384c!important}.nova-re-standalone-module.light-theme .nova-re-overview-kpis small,.nova-re-standalone-module.light-theme .nova-re-structure-cards small,.nova-re-standalone-module.light-theme .nova-re-overview-kpis span,.nova-re-standalone-module.light-theme .nova-re-structure-cards span,.nova-re-standalone-module.light-theme .nova-re-compare-table td,.nova-re-standalone-module.light-theme .nova-re-funding-view p,.nova-re-standalone-module.light-theme .nova-re-funding-view span,.nova-re-standalone-module.light-theme .nova-re-funding-view small{color:#547081!important}.nova-re-standalone-module.light-theme .nova-re-compare-table th{background:#edf5fb;color:#17384c}.nova-re-standalone-module.light-theme .nova-re-compare-table th,.nova-re-standalone-module.light-theme .nova-re-compare-table td{border-color:#d4e2eb}.nova-re-standalone-module.light-theme .nova-re-overview-note{background:#f7fbff;border-color:#d4e2eb}.nova-re-standalone-module.light-theme .nova-realestate-finance-report{background:linear-gradient(135deg,#ffffff,#f5fbff)!important;border-color:#d1e1eb!important}.nova-re-standalone-module.light-theme .nova-realestate-finance-report h4{color:#17384c!important}.nova-re-standalone-module.light-theme .nova-realestate-finance-report p,.nova-re-standalone-module.light-theme .nova-realestate-finance-report>span{color:#5a7484!important} body.dark-mode .nova-realestate-finance-feature-card,body.dark-mode-theme .nova-realestate-finance-feature-card,html[data-theme="dark"] .nova-realestate-finance-feature-card{background:linear-gradient(135deg,#11283b,#14314b 42%,#163754);border-color:#35556f}body.dark-mode .nova-realestate-finance-feature-copy h3,body.dark-mode-theme .nova-realestate-finance-feature-copy h3,html[data-theme="dark"] .nova-realestate-finance-feature-copy h3{color:#f3f9ff}body.dark-mode .nova-realestate-finance-feature-copy p,body.dark-mode-theme .nova-realestate-finance-feature-copy p,html[data-theme="dark"] .nova-realestate-finance-feature-copy p{color:#c0d2df} @media(max-width:1120px){.nova-realestate-finance-feature-card{grid-template-columns:1fr}.nova-realestate-finance-feature-actions{justify-content:flex-start}} @media(max-width:760px){.nova-re-module-topbar-actions button{min-height:42px;font-size:.92rem;padding:0 11px}.nova-realestate-finance-feature-copy h3{font-size:1.3rem}.nova-realestate-finance-feature-copy p{font-size:.93rem}} /* NOVA V75.52-406t – eigenständige Immobilien-Finanzierung */ .nova-realestate-finance-only> :not(#novaRealEstateFinanceModule){display:none!important} .nova-realestate-finance-only{padding:0!important;background:transparent!important} .nova-realestate-finance-only #novaRealEstateFinanceModule{display:block!important;margin:0!important} .nova-realestate-actionbar-single{grid-template-columns:minmax(260px,460px)!important;justify-content:start} .nova-realestate-actionbar-single button{min-height:48px;font-size:.95rem} .nova-realestate-finance-tile{position:relative} .nova-realestate-finance-tile>span{background:linear-gradient(135deg,#e7f3ff,#e8fff4)!important} .nova-realestate-finance-tile>b{color:#075baa!important} .nova-re-analysis-card{margin-top:12px;padding:14px;border:1px solid #2b5272;border-radius:14px;background:linear-gradient(145deg,#0b223a,#0b1f34);scroll-margin-top:24px} .nova-re-analysis-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:10px} .nova-re-analysis-grid article{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid #315777;border-radius:12px;background:#0a1d31} .nova-re-analysis-grid article.wide{grid-column:1/-1} .nova-re-analysis-grid small{font-size:.72rem;font-weight:900;letter-spacing:.08em} .nova-re-analysis-grid b{font-size:1.08rem} .nova-re-analysis-grid span{font-size:.8rem;line-height:1.45} /* Dark mode: every text element in the finance module uses high contrast */ .nova-re-standalone-module:not(.light-theme) .nova-re-finance-dashboard-module :is(h1,h2,h3,h4,h5,h6,p,span,small,b,strong,label,li,td,th,em,a,summary){color:#fff!important} .nova-re-standalone-module:not(.light-theme) .nova-re-finance-dashboard-module input, .nova-re-standalone-module:not(.light-theme) .nova-re-finance-dashboard-module select, .nova-re-standalone-module:not(.light-theme) .nova-re-finance-dashboard-module textarea{color:#fff!important;background:#0a2138!important;border-color:#38607f!important} .nova-re-standalone-module:not(.light-theme) .nova-re-finance-dashboard-module input::placeholder, .nova-re-standalone-module:not(.light-theme) .nova-re-finance-dashboard-module textarea::placeholder{color:#d9e7f2!important;opacity:.88} .nova-re-standalone-module:not(.light-theme) .nova-re-finance-dashboard-module option{color:#fff!important;background:#0a2138!important} .nova-re-standalone-module:not(.light-theme) .nova-re-chart-label, .nova-re-standalone-module:not(.light-theme) .nova-re-chart-year, .nova-re-standalone-module:not(.light-theme) .nova-re-chart-alloc-label{fill:#fff!important} .nova-re-standalone-module:not(.light-theme) .nova-re-bar-axis, .nova-re-standalone-module:not(.light-theme) .nova-re-bar-item>span, .nova-re-standalone-module:not(.light-theme) .nova-re-chart-legend{color:#fff!important} .nova-re-standalone-module:not(.light-theme) .nova-re-module-topbar h3, .nova-re-standalone-module:not(.light-theme) .nova-re-module-topbar p, .nova-re-standalone-module:not(.light-theme) .nova-re-module-topbar small{color:#fff!important} .nova-re-standalone-module:not(.light-theme) .nova-re-module-sidebar button span, .nova-re-standalone-module:not(.light-theme) .nova-re-module-sidebar-note, .nova-re-standalone-module:not(.light-theme) .nova-re-module-brand span, .nova-re-standalone-module:not(.light-theme) .nova-re-module-brand b, .nova-re-standalone-module:not(.light-theme) .nova-re-module-brand small, .nova-re-standalone-module:not(.light-theme) .nova-re-module-navgroup small{color:#fff!important} .nova-re-standalone-module.light-theme .nova-re-analysis-card{background:#fff;border-color:#d1e1eb} .nova-re-standalone-module.light-theme .nova-re-analysis-grid article{background:#f7fbff;border-color:#d3e2eb} .nova-re-standalone-module.light-theme .nova-re-analysis-grid small,.nova-re-standalone-module.light-theme .nova-re-analysis-grid span{color:#577283!important} .nova-re-standalone-module.light-theme .nova-re-analysis-grid b{color:#16384c!important} @media(max-width:1000px){.nova-re-analysis-grid{grid-template-columns:1fr 1fr}} @media(max-width:620px){.nova-re-analysis-grid{grid-template-columns:1fr}.nova-re-analysis-grid article.wide{grid-column:auto}.nova-realestate-actionbar-single{grid-template-columns:1fr!important}} .nova-re-standalone-module:not(.light-theme) .nova-re-module-topbar-actions button{background:#0b2947!important;color:#fff!important;border-color:#38607f!important} /* NOVA V75.52-406w – Hellmodus-Optimierung + Tilgungsgrafik */ .nova-re-overview-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center} .nova-re-overview-actions button{min-height:44px;padding:0 14px;border-radius:12px;border:1px solid #c8d8e6;background:#fff;color:#17384c;font-weight:850;cursor:pointer;box-shadow:0 8px 18px rgba(19,63,91,.08)} .nova-re-tilgung-modal[hidden]{display:none!important} .nova-re-tilgung-modal{position:fixed;inset:0;z-index:1400} .nova-re-tilgung-backdrop{position:absolute;inset:0;background:rgba(5,20,33,.54);backdrop-filter:blur(3px)} .nova-re-tilgung-window{position:relative;z-index:1;width:min(1040px,calc(100vw - 28px));max-height:calc(100vh - 40px);overflow:auto;margin:20px auto;padding:18px;border-radius:24px;border:1px solid #c8d8e6;background:linear-gradient(180deg,#eef6fb,#f8fcff);box-shadow:0 30px 60px rgba(12,38,58,.25)} .nova-re-tilgung-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px} .nova-re-tilgung-head small{display:block;color:#0c7894;font-size:11px;font-weight:950;letter-spacing:.12em}.nova-re-tilgung-head h4{margin:4px 0 6px;color:#15384e;font-size:1.7rem;line-height:1.12}.nova-re-tilgung-head p{margin:0;color:#557182;font-size:.98rem;line-height:1.55;font-weight:600} #novaRECloseTilgung{width:44px;height:44px;border-radius:14px;border:1px solid #c7d9e5;background:#fff;color:#17384c;font-size:1.5rem;font-weight:900;cursor:pointer} .nova-re-tilgung-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px} .nova-re-tilgung-controls,.nova-re-tilgung-output{padding:16px;border:1px solid #cfdfeb;border-radius:18px;background:#fff} .nova-re-tilgung-controls{display:grid;gap:14px} .nova-re-tilgung-controls label{display:grid;gap:8px} .nova-re-tilgung-controls label span{font-size:.8rem;font-weight:900;letter-spacing:.08em;color:#35576d;text-transform:uppercase} .nova-re-tilgung-controls label b{font-size:1.1rem;color:#14384f} .nova-re-tilgung-controls input[type="range"]{width:100%} .nova-re-tilgung-hint{padding:12px;border-radius:14px;background:#f4f9fd;border:1px solid #d4e2ec;color:#577284;font-size:.88rem;line-height:1.55} .nova-re-tilgung-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px} .nova-re-tilgung-kpis article{padding:12px;border-radius:14px;border:1px solid #d3e2ec;background:#f8fcff} .nova-re-tilgung-kpis small{display:block;color:#577284;font-size:.72rem;font-weight:950;letter-spacing:.09em} .nova-re-tilgung-kpis b{display:block;margin-top:3px;font-size:1.18rem;color:#17384c}.nova-re-tilgung-kpis span{display:block;margin-top:3px;color:#5e7988;font-size:.82rem;line-height:1.42} .nova-re-tilgung-chart{padding:12px;border-radius:16px;border:1px solid #d4e3ec;background:#fbfdff;min-height:320px} .nova-re-tilgung-axis{stroke:#7290a7;stroke-width:1.2}.nova-re-tilgung-gridline{stroke:#d9e6ef;stroke-width:1}.nova-re-tilgung-axislabel,.nova-re-tilgung-year{font-size:11px;fill:#567385}.nova-re-tilgung-area{fill:rgba(58,124,255,.14)}.nova-re-tilgung-line{fill:none;stroke:#2b79ff;stroke-width:3}.nova-re-tilgung-dot{fill:#2b79ff;stroke:#fff;stroke-width:2}.nova-re-tilgung-chartnote{margin-top:8px;color:#577284;font-size:.88rem;line-height:1.45} .nova-re-standalone-module.light-theme .nova-re-finance-dashboard-module :is(h3,h4,b,strong,label>span,.nova-re-card-title b,.nova-re-overview-top h4,.nova-re-card-title small,.nova-re-overview-top p,.nova-realestate-calcnote,.nova-realestate-funding-profile-note,.nova-re-module-topbar p,.nova-re-module-topbar h3){color:#17384c!important} .nova-re-standalone-module.light-theme .nova-re-finance-dashboard-module :is(span,small,p,em,li,td,th){color:#577284} .nova-re-standalone-module.light-theme .nova-re-finance-dashboard-module input, .nova-re-standalone-module.light-theme .nova-re-finance-dashboard-module select, .nova-re-standalone-module.light-theme .nova-re-finance-dashboard-module textarea{background:#f8fcff!important;color:#12374d!important;border:1px solid #c8d9e7!important;box-shadow:none!important} .nova-re-standalone-module.light-theme .nova-re-finance-dashboard-module input::placeholder,.nova-re-standalone-module.light-theme .nova-re-finance-dashboard-module textarea::placeholder{color:#7a93a4!important;opacity:1} .nova-re-standalone-module.light-theme .nova-realestate-scenarios article,.nova-re-standalone-module.light-theme .nova-re-bauspar-summary article,.nova-re-standalone-module.light-theme .nova-re-analysis-grid article,.nova-re-standalone-module.light-theme .nova-re-tilgung-kpis article{background:#f7fbff!important;border-color:#d3e2eb!important} .nova-re-standalone-module.light-theme .nova-re-choice{background:#eef6fd!important;border-color:#c6d8e6!important;color:#17384c!important} .nova-re-standalone-module.light-theme .nova-re-choice.active,.nova-re-standalone-module.light-theme .nova-re-choice[aria-pressed="true"]{background:linear-gradient(135deg,#2b79ff,#52b3ff)!important;border-color:#67beff!important;color:#fff!important} .nova-re-standalone-module.light-theme .nova-re-mode-hint,.nova-re-standalone-module.light-theme .nova-re-overview-note,.nova-re-standalone-module.light-theme .nova-re-dark-note,.nova-re-standalone-module.light-theme .nova-realestate-funding-profile,.nova-re-standalone-module.light-theme .nova-realestate-funding-alert,.nova-re-standalone-module.light-theme .nova-re-tilgung-controls,.nova-re-standalone-module.light-theme .nova-re-tilgung-output{background:#fff!important;border-color:#d2e1eb!important;color:#17384c!important} .nova-re-standalone-module.light-theme .nova-re-chart-empty{color:#668090!important} .nova-re-standalone-module.light-theme .nova-re-bar-axis,.nova-re-standalone-module.light-theme .nova-re-bar-item>span,.nova-re-standalone-module.light-theme .nova-re-compare-table td,.nova-re-standalone-module.light-theme .nova-re-analysis-grid span,.nova-re-standalone-module.light-theme .nova-re-analysis-grid small{color:#577284!important} .nova-re-standalone-module.light-theme .nova-re-compare-chart .nova-re-bar-item>b,.nova-re-standalone-module.light-theme .nova-re-bauspar-summary b,.nova-re-standalone-module.light-theme .nova-re-analysis-grid b{color:#17384c!important} @media(max-width:980px){.nova-re-tilgung-grid{grid-template-columns:1fr}.nova-re-tilgung-kpis{grid-template-columns:1fr 1fr}} @media(max-width:760px){.nova-re-overview-actions{width:100%}.nova-re-overview-actions button{flex:1 1 180px}.nova-re-tilgung-kpis{grid-template-columns:1fr}.nova-re-tilgung-window{width:min(100vw - 16px,1040px);margin:8px auto;padding:14px}.nova-re-tilgung-head h4{font-size:1.35rem}} /* NOVA V75.52-406x – Finance contrast + Tilgung modal fix */ .nova-re-standalone-module.light-theme .nova-re-panel-bank .nova-realestate-formgrid label{background:#fff!important;border-color:#cfdee8!important;color:#17384c!important;box-shadow:0 5px 13px rgba(27,73,101,.05)!important} .nova-re-standalone-module.light-theme .nova-re-panel-bank .nova-realestate-formgrid label>span,.nova-re-standalone-module.light-theme .nova-re-panel-bank .nova-realestate-formgrid label>em{color:#365b71!important} .nova-re-standalone-module.light-theme .nova-re-panel-bank .nova-realestate-formgrid input{background:#f7fbfe!important;color:#17384c!important;border:1px solid #c9dce8!important;border-radius:8px!important;padding:8px 35px 8px 9px!important} .nova-re-standalone-module.light-theme .nova-re-panel-bank .nova-re-summary-stack article,.nova-re-standalone-module.light-theme .nova-re-panel-bank .nova-re-scenarios article{background:#f7fbff!important;border-color:#d2e2ec!important} .nova-re-standalone-module.light-theme .nova-re-panel-bank .nova-re-summary-stack :is(small,b,span),.nova-re-standalone-module.light-theme .nova-re-panel-bank .nova-re-scenarios :is(small,b,span){color:#17384c!important} .nova-re-standalone-module.light-theme .nova-re-panel-bank .nova-re-summary-stack :is(small,span),.nova-re-standalone-module.light-theme .nova-re-panel-bank .nova-re-scenarios :is(small,span){color:#5b7687!important} .nova-re-standalone-module.light-theme .nova-re-panel-bausparen .nova-re-dash-card,.nova-re-standalone-module.light-theme .nova-re-panel-bausparen .nova-re-chart-card,.nova-re-standalone-module.light-theme .nova-re-panel-bausparen .nova-re-hint-card{background:#fff!important;border-color:#d1e1eb!important;color:#17384c!important} .nova-re-standalone-module.light-theme .nova-re-panel-bausparen .nova-re-field-list label,.nova-re-standalone-module.light-theme .nova-re-panel-bausparen .nova-re-mini-options label,.nova-re-standalone-module.light-theme .nova-re-panel-bausparen .nova-re-result-line,.nova-re-standalone-module.light-theme .nova-re-panel-bausparen .nova-re-hint-card li{color:#294d63!important} .nova-re-standalone-module.light-theme .nova-re-panel-bausparen .nova-re-field-list input,.nova-re-standalone-module.light-theme .nova-re-panel-bausparen .nova-re-field-list select{background:#f7fbfe!important;color:#17384c!important;border:1px solid #c9dce8!important} .nova-re-standalone-module.light-theme .nova-re-panel-bausparen .nova-re-field-list em,.nova-re-standalone-module.light-theme .nova-re-panel-bausparen .nova-re-card-title small,.nova-re-standalone-module.light-theme .nova-re-panel-bausparen .nova-re-mode-hint{color:#607c8d!important} .nova-re-standalone-module.light-theme .nova-re-panel-bausparen .nova-re-funding-check>div{background:#f7fbff!important;border-color:#d1e1eb!important} .nova-re-standalone-module.light-theme .nova-re-panel-bausparen .nova-re-funding-check :is(b,span,small){color:#17384c!important} .nova-re-standalone-module.light-theme .nova-re-panel-bausparen .nova-re-funding-check small{color:#607c8d!important} .nova-re-standalone-module.light-theme .nova-re-panel-bausparen .nova-re-source-links button{background:#eef7fd!important;color:#15537a!important;border-color:#bdd8e8!important} .nova-re-standalone-module.light-theme .nova-re-panel-bausparen .nova-re-bauspar-summary article{background:#f7fbff!important;border-color:#d1e1eb!important} .nova-re-standalone-module.light-theme .nova-re-panel-bausparen .nova-re-bauspar-summary :is(small,b,span){color:#17384c!important} .nova-re-standalone-module.light-theme .nova-re-panel-bausparen .nova-re-bauspar-summary :is(small,span){color:#607c8d!important} .nova-re-standalone-module.light-theme .nova-re-panel-bausparen .nova-re-chart-empty{background:#f4f9fc!important;color:#607c8d!important;border-color:#d5e3ec!important} .nova-re-standalone-module:not(.light-theme) .nova-re-panel-funding,.nova-re-standalone-module:not(.light-theme) .nova-re-funding-view{background:linear-gradient(180deg,#0d263d,#081c30)!important;color:#f3f8ff!important} .nova-re-standalone-module:not(.light-theme) .nova-re-funding-view .nova-realestate-funding-profile{background:#0a2036!important;border-color:#31536f!important} .nova-re-standalone-module:not(.light-theme) .nova-re-funding-view .nova-realestate-funding-profile label,.nova-re-standalone-module:not(.light-theme) .nova-re-funding-view .nova-realestate-funding-apply label{background:#0b2944!important;border-color:#365c78!important;color:#fff!important} .nova-re-standalone-module:not(.light-theme) .nova-re-funding-view .nova-realestate-funding-profile label>span,.nova-re-standalone-module:not(.light-theme) .nova-re-funding-view .nova-realestate-funding-apply label>span,.nova-re-standalone-module:not(.light-theme) .nova-re-funding-view .nova-realestate-funding-profile em,.nova-re-standalone-module:not(.light-theme) .nova-re-funding-view .nova-realestate-funding-apply em{color:#d8e9f5!important} .nova-re-standalone-module:not(.light-theme) .nova-re-funding-view .nova-realestate-funding-profile input,.nova-re-standalone-module:not(.light-theme) .nova-re-funding-view .nova-realestate-funding-profile select,.nova-re-standalone-module:not(.light-theme) .nova-re-funding-view .nova-realestate-funding-apply input{background:#071b2e!important;color:#fff!important;border:1px solid #426782!important} .nova-re-standalone-module:not(.light-theme) .nova-re-funding-view .nova-realestate-funding-profile input::placeholder,.nova-re-standalone-module:not(.light-theme) .nova-re-funding-view .nova-realestate-funding-apply input::placeholder{color:#bfd2e0!important;opacity:1} .nova-re-standalone-module:not(.light-theme) .nova-re-funding-view .nova-realestate-funding-profile-note{background:#0b2a44!important;color:#d7e7f3!important} .nova-re-standalone-module:not(.light-theme) .nova-re-funding-view .nova-realestate-funding-grid>article,.nova-re-standalone-module:not(.light-theme) .nova-re-funding-view .nova-realestate-statefunding,.nova-re-standalone-module:not(.light-theme) .nova-re-funding-view .nova-realestate-funding-selection,.nova-re-standalone-module:not(.light-theme) .nova-re-funding-view .nova-realestate-funding-apply,.nova-re-standalone-module:not(.light-theme) .nova-re-funding-view .nova-realestate-funding-summary article{background:#0b2139!important;border-color:#31536f!important;color:#f2f7fb!important} .nova-re-standalone-module:not(.light-theme) .nova-re-funding-view :is(h3,h4,b,strong,p,span,small,label,em){color:#f3f8ff!important} .nova-re-standalone-module:not(.light-theme) .nova-re-funding-view .nova-realestate-funding-alert{background:#342a16!important;border-color:#8e6c25!important} .nova-re-standalone-module:not(.light-theme) .nova-re-funding-view .nova-realestate-funding-alert strong{color:#ffe09b!important} .nova-re-standalone-module:not(.light-theme) .nova-re-funding-view .nova-realestate-funding-alert p{color:#f3deb7!important} .nova-re-tilgung-modal:not([hidden]){display:block!important} .nova-re-standalone-module:not(.light-theme) .nova-re-tilgung-window{background:linear-gradient(180deg,#0d263d,#081b2f)!important;border-color:#365a76!important} .nova-re-standalone-module:not(.light-theme) .nova-re-tilgung-window :is(h4,p,span,small,b,label){color:#fff!important} .nova-re-standalone-module:not(.light-theme) .nova-re-tilgung-controls,.nova-re-standalone-module:not(.light-theme) .nova-re-tilgung-output,.nova-re-standalone-module:not(.light-theme) .nova-re-tilgung-kpis article,.nova-re-standalone-module:not(.light-theme) .nova-re-tilgung-chart,.nova-re-standalone-module:not(.light-theme) .nova-re-tilgung-hint{background:#0a2137!important;border-color:#31536f!important;color:#fff!important} .nova-re-standalone-module:not(.light-theme) .nova-re-tilgung-axislabel,.nova-re-standalone-module:not(.light-theme) .nova-re-tilgung-year{fill:#e9f4fb!important} .nova-re-standalone-module:not(.light-theme) .nova-re-tilgung-gridline{stroke:#294b67!important}.nova-re-standalone-module:not(.light-theme) .nova-re-tilgung-axis{stroke:#7297b1!important} .nova-re-standalone-module:not(.light-theme) #novaRECloseTilgung{background:#0b2944!important;color:#fff!important;border-color:#426782!important} /* NOVA V75.52-407 – KfW Dark-Kontrast + Sonderzahlung Tilgung */ .nova-re-tilgung-special>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px} .nova-re-tilgung-special input{width:100%;min-height:42px;border:1px solid #c9dce8;border-radius:10px;background:#f7fbfe;color:#17384c;padding:0 10px;font-size:1rem;font-weight:800;box-sizing:border-box} .nova-re-tilgung-special em{font-style:normal;font-weight:900;color:#49697d} .nova-re-tilgung-kpis{grid-template-columns:repeat(5,minmax(0,1fr))} .nova-re-standalone-module:not(.light-theme) .nova-re-tilgung-special input{background:#071b2e!important;color:#fff!important;border-color:#426782!important} .nova-re-standalone-module:not(.light-theme) .nova-re-tilgung-special input::placeholder{color:#bdd1df!important;opacity:1} .nova-re-standalone-module:not(.light-theme) .nova-re-tilgung-special em{color:#dbeaf4!important} /* Förderbereich Dark: alle bisher hellen Flächen konsequent dunkel */ .nova-re-standalone-module:not(.light-theme) .nova-re-funding-view .nova-realestate-panel-intro>span{background:#0a2944!important;border:1px solid #365d79!important;color:#eef7ff!important;box-shadow:none!important} .nova-re-standalone-module:not(.light-theme) .nova-re-funding-view .nova-realestate-funding-timing{background:#2b2418!important;border-color:#755a27!important} .nova-re-standalone-module:not(.light-theme) .nova-re-funding-view .nova-realestate-funding-timing strong{color:#ffd78d!important} .nova-re-standalone-module:not(.light-theme) .nova-re-funding-view .nova-realestate-funding-timing span{color:#f0ddb8!important} .nova-re-standalone-module:not(.light-theme) .nova-re-funding-view .nova-realestate-funding-estimate{background:#0a2944!important;border-color:#365d79!important;box-shadow:none!important} .nova-re-standalone-module:not(.light-theme) .nova-re-funding-view .nova-realestate-funding-estimate :is(small,b,span){color:#f0f7fc!important} .nova-re-standalone-module:not(.light-theme) .nova-re-funding-view .nova-realestate-funding-estimate small{color:#8ed4ff!important} .nova-re-standalone-module:not(.light-theme) .nova-re-funding-view .nova-realestate-funding-fit{background:#163a4e!important;border:1px solid #3d6d85!important;color:#dff5ff!important} .nova-re-standalone-module:not(.light-theme) .nova-re-funding-view .nova-realestate-funding-fit.is-fit{background:#123e34!important;border-color:#347b64!important;color:#dffff2!important} .nova-re-standalone-module:not(.light-theme) .nova-re-funding-view .nova-realestate-funding-fit.is-warning{background:#3a3018!important;border-color:#856d2c!important;color:#ffe4a3!important} .nova-re-standalone-module:not(.light-theme) .nova-re-funding-view .nova-realestate-funding-card-actions button, .nova-re-standalone-module:not(.light-theme) .nova-re-funding-view .nova-realestate-statefunding-actions button, .nova-re-standalone-module:not(.light-theme) .nova-re-funding-view .nova-realestate-funding-selection-head>button{background:#0b2944!important;border-color:#3a607c!important;color:#f4f9fd!important} .nova-re-standalone-module:not(.light-theme) .nova-re-funding-view .nova-realestate-funding-card-actions .nova-realestate-funding-add, .nova-re-standalone-module:not(.light-theme) .nova-re-funding-view .nova-realestate-statefunding-actions .nova-realestate-funding-add{background:#17354c!important;color:#d6e5ef!important;border-color:#45657d!important} .nova-re-standalone-module:not(.light-theme) .nova-re-funding-view .nova-realestate-funding-card-actions button:disabled, .nova-re-standalone-module:not(.light-theme) .nova-re-funding-view .nova-realestate-funding-add:disabled{background:#15293a!important;color:#8299a9!important;border-color:#2d4659!important;opacity:1!important} .nova-re-standalone-module:not(.light-theme) .nova-re-funding-view .nova-realestate-funding-selection-empty{background:#0a2944!important;border-color:#365d79!important;color:#d9e8f2!important} .nova-re-standalone-module:not(.light-theme) .nova-re-funding-view .nova-realestate-statefunding-estimate{background:#0a2944!important;border-color:#365d79!important;color:#eaf5fb!important} .nova-re-standalone-module:not(.light-theme) .nova-re-funding-view .nova-realestate-statefunding-estimate :is(small,b,span){color:#eaf5fb!important} @media(max-width:1100px){.nova-re-tilgung-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:760px){.nova-re-tilgung-kpis{grid-template-columns:1fr 1fr}} @media(max-width:460px){.nova-re-tilgung-kpis{grid-template-columns:1fr}} /* NOVA V75.52.410 – Bundesbank Bauzins-Richtwerte */ .nova-re-bundesbank-rates{margin:12px 0 14px;padding:16px;border:1px solid #2b5272;border-radius:16px;background:linear-gradient(145deg,#0b223a,#0a1e33)} .nova-re-bundesbank-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.nova-re-bundesbank-head small{display:block;color:#7fc6ff;font-size:.72rem;font-weight:950;letter-spacing:.12em}.nova-re-bundesbank-head h4{margin:3px 0 5px;color:#fff;font-size:1.25rem}.nova-re-bundesbank-head p{margin:0;max-width:760px;color:#c6d7e5;font-size:.9rem;line-height:1.5}.nova-re-bundesbank-head>span{max-width:300px;color:#bcd0df;font-size:.8rem;text-align:right;line-height:1.45} .nova-re-bundesbank-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.nova-re-bundesbank-grid article{display:flex;flex-direction:column;gap:5px;min-height:190px;padding:12px;border:1px solid #315777;border-radius:13px;background:#0a1d31}.nova-re-bundesbank-grid article small{color:#8fc9f5;font-size:.68rem;font-weight:950;letter-spacing:.07em}.nova-re-bundesbank-grid article b{color:#fff;font-size:1.42rem}.nova-re-bundesbank-grid article span{color:#d1e0eb;font-size:.8rem;line-height:1.4}.nova-re-bundesbank-grid article em{margin-top:auto;color:#9fb6c8;font-size:.72rem;font-style:normal;line-height:1.4}.nova-re-bundesbank-grid article button{margin-top:6px;min-height:38px;border:1px solid #3b6588;border-radius:10px;background:#0e2c48;color:#fff;font-weight:850;cursor:pointer}.nova-re-bundesbank-grid article button:disabled{opacity:.45;cursor:wait}.nova-re-bundesbank-grid article button:not(:disabled):hover{background:#16436a} .nova-re-rate-dual-note{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:stretch;margin-top:10px}.nova-re-rate-dual-note>div,.nova-re-rate-dual-note>strong{padding:11px 12px;border:1px solid #315777;border-radius:12px;background:#0a1d31}.nova-re-rate-dual-note small{display:block;color:#8fc9f5;font-size:.68rem;font-weight:950;letter-spacing:.08em}.nova-re-rate-dual-note b{display:block;margin:3px 0;color:#fff;font-size:.95rem}.nova-re-rate-dual-note span{color:#c3d4e1;font-size:.8rem;line-height:1.4}.nova-re-rate-dual-note>strong{display:flex;align-items:center;color:#ffe5a3;font-size:.84rem;line-height:1.4} .nova-re-standalone-module.light-theme .nova-re-bundesbank-rates{background:#fff;border-color:#d1e1eb}.nova-re-standalone-module.light-theme .nova-re-bundesbank-head h4,.nova-re-standalone-module.light-theme .nova-re-bundesbank-grid article b,.nova-re-standalone-module.light-theme .nova-re-rate-dual-note b{color:#17384c!important}.nova-re-standalone-module.light-theme .nova-re-bundesbank-head p,.nova-re-standalone-module.light-theme .nova-re-bundesbank-head>span,.nova-re-standalone-module.light-theme .nova-re-bundesbank-grid article span,.nova-re-standalone-module.light-theme .nova-re-bundesbank-grid article em,.nova-re-standalone-module.light-theme .nova-re-rate-dual-note span{color:#577284!important}.nova-re-standalone-module.light-theme .nova-re-bundesbank-grid article,.nova-re-standalone-module.light-theme .nova-re-rate-dual-note>div,.nova-re-standalone-module.light-theme .nova-re-rate-dual-note>strong{background:#f7fbff;border-color:#d3e2eb}.nova-re-standalone-module.light-theme .nova-re-bundesbank-grid article button{background:#eef6fd;color:#17384c;border-color:#c8d9e7}.nova-re-standalone-module.light-theme .nova-re-bundesbank-grid article button:not(:disabled):hover{background:#dceefd}.nova-re-standalone-module.light-theme .nova-re-rate-dual-note>strong{color:#8a5a00!important;background:#fff8e8} .rl-mortgage-value{display:grid!important;gap:2px!important;justify-items:end}.rl-mortgage-value strong{color:inherit;font-size:14px}.rl-mortgage-value small{font-size:10px;font-weight:700;color:#60768b;line-height:1.25;white-space:normal}.dark-mode .rl-mortgage-value small,.dark .rl-mortgage-value small,html[data-theme="dark"] .rl-mortgage-value small{color:#bfd3e2!important} @media(max-width:1180px){.nova-re-bundesbank-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.nova-re-rate-dual-note{grid-template-columns:1fr 1fr}.nova-re-rate-dual-note>strong{grid-column:1/-1}} @media(max-width:760px){.nova-re-bundesbank-head{display:block}.nova-re-bundesbank-head>span{display:block;margin-top:8px;max-width:none;text-align:left}.nova-re-bundesbank-grid{grid-template-columns:1fr}.nova-re-rate-dual-note{grid-template-columns:1fr}.nova-re-rate-dual-note>strong{grid-column:auto}.rl-mortgage-value{max-width:55%!important}} /* NOVA V75.52.410 – Dark Mode Förderauswahl Summenboxen korrigiert */ .nova-re-standalone-module:not(.light-theme) .nova-re-funding-view .nova-realestate-funding-selection-total>div{ background:#0a2944!important; border-color:#365d79!important; box-shadow:none!important; } .nova-re-standalone-module:not(.light-theme) .nova-re-funding-view .nova-realestate-funding-selection-total>div :is(small,b,span){ color:#eef7ff!important; } .nova-re-standalone-module:not(.light-theme) .nova-re-funding-view .nova-realestate-funding-selection-total>div small{ color:#8ed4ff!important; } .nova-re-standalone-module:not(.light-theme) .nova-re-funding-view .nova-realestate-funding-selected{ background:#0a2944!important; border-color:#365d79!important; color:#eef7ff!important; } .nova-re-standalone-module:not(.light-theme) .nova-re-funding-view .nova-realestate-funding-selected :is(small,b,span,em,strong){ color:#eef7ff!important; } .nova-re-standalone-module:not(.light-theme) .nova-re-funding-view .nova-realestate-funding-selected small{ color:#8ed4ff!important; } .nova-re-standalone-module:not(.light-theme) .nova-re-funding-view .nova-realestate-funding-selected>button{ background:#15293a!important; border-color:#31536f!important; color:#f2f7fb!important; } /* NOVA V75.52.410 – Bundesbank-Richtwert direkt am Sollzins */ .nova-re-interest-workbench{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(82,123,153,.28)} .nova-re-interest-reference,.nova-re-interest-provider{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid #315777;border-radius:14px;background:#0a1d31} .nova-re-interest-block-head{display:flex;justify-content:space-between;gap:10px;align-items:center} .nova-re-interest-block-head small{color:#8fc9f5;font-size:.7rem;font-weight:950;letter-spacing:.09em} .nova-re-interest-block-head>span{padding:4px 8px;border-radius:999px;background:#123652;color:#dcecf7;font-size:.72rem;font-weight:800} .nova-re-interest-select,.nova-re-interest-provider-input{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;padding:0!important;background:transparent!important;border:0!important} .nova-re-interest-select>span,.nova-re-interest-provider-input>span{color:#dbeaf5!important;font-size:.8rem!important;font-weight:850!important} .nova-re-interest-select select{width:100%;min-height:44px;border:1px solid #426782!important;border-radius:10px!important;background:#071b2e!important;color:#fff!important;padding:0 10px!important;font-weight:800!important} .nova-re-interest-provider-input>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px} .nova-re-interest-provider-input input{width:100%;min-height:44px;border:1px solid #426782!important;border-radius:10px!important;background:#071b2e!important;color:#fff!important;padding:0 10px!important;font-size:1.08rem!important;font-weight:900!important} .nova-re-interest-provider-input em{color:#dbeaf5!important;font-style:normal;font-weight:900} .nova-re-interest-reference-value{display:grid;gap:3px;padding:10px 11px;border-radius:11px;background:#0b2944;border:1px solid #365d79} .nova-re-interest-reference-value b{color:#fff!important;font-size:1.35rem} .nova-re-interest-reference-value span{color:#c6d8e5!important;font-size:.78rem;line-height:1.4} #novaREBBKSelectedUse{min-height:42px;border:1px solid #3b6588;border-radius:10px;background:linear-gradient(135deg,#1e69d8,#35a7e8);color:#fff;font-weight:900;cursor:pointer} #novaREBBKSelectedUse:disabled{opacity:.45;cursor:wait} .nova-re-interest-comparison{display:grid;gap:4px;padding:10px 11px;border-radius:11px;background:#0b2944;border:1px solid #365d79} .nova-re-interest-comparison b{color:#fff!important;font-size:1rem} .nova-re-interest-comparison b[data-tone="higher"]{color:#ffd59a!important} .nova-re-interest-comparison b[data-tone="lower"]{color:#aee9c9!important} .nova-re-interest-comparison span{color:#c8d9e5!important;font-size:.8rem;line-height:1.45} .nova-re-interest-provider>p{margin:auto 0 0;color:#b9cedd!important;font-size:.78rem;line-height:1.45} .nova-re-standalone-module.light-theme .nova-re-interest-workbench{border-top-color:#d2e1eb} .nova-re-standalone-module.light-theme .nova-re-interest-reference,.nova-re-standalone-module.light-theme .nova-re-interest-provider{background:#fff;border-color:#d1e1eb} .nova-re-standalone-module.light-theme .nova-re-interest-block-head small{color:#2b81b6!important} .nova-re-standalone-module.light-theme .nova-re-interest-block-head>span{background:#edf5fb;color:#365b72!important} .nova-re-standalone-module.light-theme .nova-re-interest-select>span,.nova-re-standalone-module.light-theme .nova-re-interest-provider-input>span{color:#35576d!important} .nova-re-standalone-module.light-theme .nova-re-interest-select select,.nova-re-standalone-module.light-theme .nova-re-interest-provider-input input{background:#f8fcff!important;color:#12374d!important;border-color:#c8d9e7!important} .nova-re-standalone-module.light-theme .nova-re-interest-provider-input em{color:#49697d!important} .nova-re-standalone-module.light-theme .nova-re-interest-reference-value,.nova-re-standalone-module.light-theme .nova-re-interest-comparison{background:#f7fbff;border-color:#d3e2eb} .nova-re-standalone-module.light-theme .nova-re-interest-reference-value b,.nova-re-standalone-module.light-theme .nova-re-interest-comparison b{color:#17384c!important} .nova-re-standalone-module.light-theme .nova-re-interest-reference-value span,.nova-re-standalone-module.light-theme .nova-re-interest-comparison span,.nova-re-standalone-module.light-theme .nova-re-interest-provider>p{color:#577284!important} @media(max-width:900px){.nova-re-interest-workbench{grid-template-columns:1fr}} /* V75.52.411 · Immobilien Finanzierung: kompakter Header, eindeutiges X, Theme-Konsistenz */ #moduleModal.nova-realestate-finance-submodule-open>.modal-panel>.modal-close{display:none!important} .nova-re-standalone-module:not(.light-theme){background:linear-gradient(180deg,#0d2134,#10283e)!important;border-color:#31536d!important} .nova-re-standalone-module:not(.light-theme) .nova-re-module-topbar{margin:0 0 10px!important;padding:10px 12px 11px!important;border:1px solid #31536d;border-radius:16px;background:linear-gradient(135deg,#102a40,#0d2235)!important;align-items:center!important} .nova-re-standalone-module:not(.light-theme) .nova-re-module-topbar small{color:#7fd5ff!important} .nova-re-standalone-module:not(.light-theme) .nova-re-module-topbar h3{margin:2px 0 3px!important;color:#f7fbff!important;font-size:1.72rem!important;line-height:1.08!important} .nova-re-standalone-module:not(.light-theme) .nova-re-module-topbar p{color:#c7dae8!important;font-size:.92rem!important;line-height:1.4!important} .nova-re-standalone-module.light-theme .nova-re-module-topbar{margin:0 0 10px!important;padding:10px 12px 11px!important;border:1px solid #cbdde9;border-radius:16px;background:linear-gradient(135deg,#f7fbff,#eef6fb)!important;align-items:center!important} .nova-re-standalone-module.light-theme .nova-re-module-topbar h3{margin:2px 0 3px!important;color:#123246!important;font-size:1.72rem!important;line-height:1.08!important} .nova-re-standalone-module.light-theme .nova-re-module-topbar p{color:#476173!important;font-size:.92rem!important;line-height:1.4!important} .nova-re-module-topbar-actions{flex:0 0 auto!important} @media(max-width:760px){.nova-re-standalone-module .nova-re-module-topbar{padding:9px 10px!important;align-items:flex-start!important}.nova-re-standalone-module .nova-re-module-topbar h3{font-size:1.42rem!important}.nova-re-standalone-module .nova-re-module-topbar p{font-size:.86rem!important}.nova-re-module-topbar-actions{gap:6px!important}.nova-re-module-topbar-actions button{min-height:40px!important;padding:0 11px!important}} /* V75.52.413 – Mobile Positionierung + Lesbarkeit Finanzierung */ .nova-re-standalone-module.light-theme .nova-re-finance-head small{color:#547f9b!important} .nova-re-standalone-module.light-theme .nova-re-finance-head h3{color:#17384c!important} .nova-re-standalone-module.light-theme .nova-re-finance-head p{color:#577284!important} .nova-re-standalone-module.light-theme .nova-re-finance-tabs button{color:#17384c!important} .nova-re-standalone-module.light-theme .nova-re-finance-tabs button.active{color:#fff!important} .nova-re-standalone-module.light-theme .nova-re-card-title small,.nova-re-standalone-module.light-theme .nova-re-dash-card small,.nova-re-standalone-module.light-theme .nova-re-dash-card span,.nova-re-standalone-module.light-theme .nova-re-overview-kpis small,.nova-re-standalone-module.light-theme .nova-re-overview-kpis span,.nova-re-standalone-module.light-theme .nova-re-structure-cards small,.nova-re-standalone-module.light-theme .nova-re-structure-cards span{color:#587283!important} .nova-re-standalone-module:not(.light-theme) .nova-re-finance-head small{color:#8fd6ff!important} .nova-re-standalone-module:not(.light-theme) .nova-re-finance-head h3,.nova-re-standalone-module:not(.light-theme) .nova-re-card-title b,.nova-re-standalone-module:not(.light-theme) .nova-re-overview-kpis b,.nova-re-standalone-module:not(.light-theme) .nova-re-structure-cards b{color:#f5fbff!important} .nova-re-standalone-module:not(.light-theme) .nova-re-finance-head p,.nova-re-standalone-module:not(.light-theme) .nova-re-card-title small,.nova-re-standalone-module:not(.light-theme) .nova-re-dash-card small,.nova-re-standalone-module:not(.light-theme) .nova-re-dash-card span,.nova-re-standalone-module:not(.light-theme) .nova-re-overview-kpis small,.nova-re-standalone-module:not(.light-theme) .nova-re-overview-kpis span,.nova-re-standalone-module:not(.light-theme) .nova-re-structure-cards small,.nova-re-standalone-module:not(.light-theme) .nova-re-structure-cards span{color:#c9dceb!important} .nova-re-standalone-module:not(.light-theme) .nova-re-finance-tabs button{color:#eef7ff!important} .nova-re-standalone-module:not(.light-theme) .nova-re-finance-tabs button.active{color:#fff!important} @media(max-width:760px){.nova-re-standalone-module .nova-re-module-topbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:10px!important}.nova-re-standalone-module .nova-re-module-topbar>div:first-child{min-width:0}.nova-re-module-topbar-actions{display:grid!important;grid-auto-rows:min-content;gap:8px!important;justify-items:end!important;align-content:start!important}.nova-re-module-topbar-actions button{min-height:42px!important;padding:0 12px!important}#novaREFinModuleTheme{min-width:118px!important;justify-self:end!important}#novaREFinModuleClose{width:42px!important;height:42px!important;justify-self:end!important;font-size:1.45rem!important}.nova-re-standalone-module .nova-re-module-topbar h3{font-size:1.28rem!important;line-height:1.06!important}.nova-re-standalone-module .nova-re-module-topbar p{font-size:.84rem!important;line-height:1.36!important}.nova-re-finance-dashboard-module .nova-re-finance-head h3{font-size:1.72rem!important;line-height:1.06!important}.nova-re-finance-dashboard-module .nova-re-finance-head p{font-size:.92rem!important;line-height:1.38!important}.nova-re-finance-dashboard-module .nova-re-finance-tabs button{min-height:50px!important;font-size:.88rem!important;padding:8px 7px!important}.nova-re-module-sidebar button{min-height:50px!important;font-size:.96rem!important}.nova-re-interest-select select{font-size:.95rem!important;padding-right:34px!important}.nova-re-interest-reference-value b{font-size:1.18rem!important}.nova-re-interest-reference-value span,.nova-re-interest-comparison span,.nova-re-interest-provider>p{font-size:.82rem!important;line-height:1.42!important}.nova-re-bundesbank-grid article b{font-size:1.25rem!important}.nova-re-bundesbank-grid article span,.nova-re-bundesbank-grid article em{font-size:.86rem!important;line-height:1.42!important}} @media(max-width:480px){.nova-re-standalone-module{padding:10px!important;border-radius:16px!important}.nova-re-standalone-module .nova-re-module-topbar{padding:10px!important;border-radius:18px!important}.nova-re-standalone-module .nova-re-module-topbar h3{font-size:1.16rem!important}.nova-re-standalone-module .nova-re-module-topbar small{font-size:10px!important}#novaREFinModuleTheme{min-width:110px!important;font-size:.95rem!important}.nova-re-finance-dashboard-module .nova-re-finance-head h3{font-size:1.56rem!important}.nova-re-finance-dashboard-module .nova-re-finance-head small{font-size:11px!important}.nova-re-finance-dashboard-module .nova-re-card-title b{font-size:1.02rem!important}.nova-re-finance-dashboard-module .nova-re-card-title small{font-size:.84rem!important}.nova-re-bundesbank-head h4{font-size:1.15rem!important}.nova-re-bundesbank-grid article button,#novaREBBKSelectedUse{min-height:44px!important;font-size:.95rem!important}} /* V75.52.414 – Mobile Zeilenumbruch für Immobilien-Finanzierung-Kachel */ .nova-realestate-finance-tile b span{display:inline} .nova-realestate-finance-tile b span+span::before{content:' '} @media(max-width:600px){.nova-realestate-finance-tile b span{display:block}.nova-realestate-finance-tile b span+span::before{content:none}} /* V75.52.415 · Bundesbank Live + amtlicher Snapshot-Fallback */ /* V75.52.418 – Bausparen: VL-Info, Förderstatus und exakte Diagrammwerte */ .nova-re-vl-info{margin-top:8px;padding:10px 11px;border:1px solid #31536f;border-radius:11px;background:#0a2944;color:#cfe0ed;font-size:.78rem;line-height:1.45} .nova-re-funding-check>div.is-eligible{border-color:#2f725e!important;background:linear-gradient(180deg,#10362f,#0d2e29)!important} .nova-re-funding-check>div.is-eligible>b{color:#bff3dd!important} .nova-re-funding-check>div.is-ineligible{border-color:#6d4d4d!important;background:linear-gradient(180deg,#2a2026,#241b21)!important} .nova-re-funding-check>div.is-ineligible>b{color:#ffd0d0!important} .nova-re-standalone-module.light-theme .nova-re-vl-info{background:#f6fbff;border-color:#cddfea;color:#4f6d80} .nova-re-standalone-module.light-theme .nova-re-funding-check>div.is-eligible{border-color:#b8dfd1!important;background:#f1fbf7!important} .nova-re-standalone-module.light-theme .nova-re-funding-check>div.is-eligible>b{color:#17634d!important} .nova-re-standalone-module.light-theme .nova-re-funding-check>div.is-ineligible{border-color:#e2c4c4!important;background:#fff7f7!important} .nova-re-standalone-module.light-theme .nova-re-funding-check>div.is-ineligible>b{color:#984242!important} .nova-re-chart-value{font-size:9px;font-weight:900;paint-order:stroke;stroke:#071b2e;stroke-width:3px;stroke-linejoin:round} .nova-re-chart-value.saving{fill:#8ed4ff} .nova-re-chart-value.loan{fill:#70e0b1} .nova-re-standalone-module.light-theme .nova-re-chart-value{stroke:#fff;stroke-width:3px} .nova-re-standalone-module.light-theme .nova-re-chart-value.saving{fill:#1769a8} .nova-re-standalone-module.light-theme .nova-re-chart-value.loan{fill:#177557} @media(max-width:760px){.nova-re-vl-info{font-size:.82rem}.nova-re-chart-value{font-size:8px}} /* V75.52.420 – Bausparen: vollständige Prognose, Darlehen heute/Zukunft, Plausibilität */ .nova-re-bauspar-prognosis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid #284a68} .nova-re-bauspar-check-card{display:flex;flex-direction:column;gap:5px;padding:11px 12px;border:1px solid #31536f;border-radius:12px;background:#0a2037;color:#eef7ff} .nova-re-bauspar-check-card:last-child{grid-column:1/-1} .nova-re-bauspar-check-card>small{font-size:.68rem;font-weight:950;letter-spacing:.11em;color:#8ed4ff} .nova-re-bauspar-check-card>b{font-size:.98rem;color:#fff!important} .nova-re-bauspar-check-card>span{font-size:.78rem;line-height:1.45;color:#c5d8e6!important} .nova-re-bauspar-check-card dl{display:grid;gap:4px;margin:4px 0 0} .nova-re-bauspar-check-card dl>div{display:flex;justify-content:space-between;gap:10px;padding-top:5px;border-top:1px solid rgba(132,170,199,.17)} .nova-re-bauspar-check-card dt{font-size:.72rem;color:#9eb7cc}.nova-re-bauspar-check-card dd{margin:0;text-align:right;font-size:.76rem;font-weight:900;color:#fff} .nova-re-bauspar-check-card.is-ok{border-color:#2f725e;background:linear-gradient(180deg,#10362f,#0d2e29)} .nova-re-bauspar-check-card.is-warning{border-color:#84613d;background:linear-gradient(180deg,#33291d,#292116)} .nova-re-bauspar-check-card.is-warning>small{color:#ffd08b}.nova-re-bauspar-check-card.is-warning>b{color:#ffe7bf!important} .nova-re-bauspar-check-card.is-neutral{border-color:#31536f} .nova-re-fee-inline{margin-top:9px!important} .nova-re-bauspar-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important} .nova-re-bauspar-chartnote{margin-top:7px;padding:8px 10px;border:1px solid #2d506e;border-radius:10px;background:#0a2037;color:#bcd1e0;font-size:.76rem;line-height:1.45} .nova-re-chart-rest-dot{fill:#ffd27c;stroke:#0a2037;stroke-width:2px} .nova-re-standalone-module.light-theme .nova-re-bauspar-prognosis{border-top-color:#d2e1eb} .nova-re-standalone-module.light-theme .nova-re-bauspar-check-card{background:#f7fbff;border-color:#d1e1eb;color:#17384c} .nova-re-standalone-module.light-theme .nova-re-bauspar-check-card>small{color:#2b81b6}.nova-re-standalone-module.light-theme .nova-re-bauspar-check-card>b{color:#17384c!important}.nova-re-standalone-module.light-theme .nova-re-bauspar-check-card>span{color:#587284!important} .nova-re-standalone-module.light-theme .nova-re-bauspar-check-card dt{color:#607c8d}.nova-re-standalone-module.light-theme .nova-re-bauspar-check-card dd{color:#17384c} .nova-re-standalone-module.light-theme .nova-re-bauspar-check-card.is-ok{background:#f1fbf7;border-color:#b8dfd1}.nova-re-standalone-module.light-theme .nova-re-bauspar-check-card.is-warning{background:#fff8ed;border-color:#e1c79c}.nova-re-standalone-module.light-theme .nova-re-bauspar-check-card.is-warning>b{color:#7d5516!important}.nova-re-standalone-module.light-theme .nova-re-bauspar-check-card.is-warning>small{color:#9d6812} .nova-re-standalone-module.light-theme .nova-re-bauspar-chartnote{background:#f7fbff;border-color:#d3e2eb;color:#577284}.nova-re-standalone-module.light-theme .nova-re-chart-rest-dot{stroke:#fff} @media(max-width:900px){.nova-re-bauspar-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:760px){.nova-re-bauspar-prognosis{grid-template-columns:1fr}.nova-re-bauspar-check-card:last-child{grid-column:auto}.nova-re-bauspar-check-card>span{font-size:.82rem}.nova-re-bauspar-check-card dt,.nova-re-bauspar-check-card dd{font-size:.78rem}} @media(max-width:620px){.nova-re-bauspar-summary{grid-template-columns:1fr!important}.nova-re-bauspar-check-card dl>div{align-items:flex-start}.nova-re-bauspar-check-card dd{max-width:48%}} /* NOVA V75.52.420 – Förderprogramme automatisch erkennen und in Bankfinanzierung integrieren */ .nova-re-bank-funding{margin:12px 0 14px;padding:16px;border:1px solid #2f5574;border-radius:16px;background:linear-gradient(145deg,#0b223a,#0a1e33)} .nova-re-bank-funding-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px} .nova-re-bank-funding-head small{display:block;color:#7fc6ff;font-size:.72rem;font-weight:950;letter-spacing:.11em} .nova-re-bank-funding-head h4{margin:3px 0 5px;color:#fff;font-size:1.15rem}.nova-re-bank-funding-head p{margin:0;max-width:820px;color:#c8d9e6;font-size:.86rem;line-height:1.48} .nova-re-bank-funding-head button{min-height:40px;padding:0 13px;border:1px solid #3d6686;border-radius:10px;background:#0e2c48;color:#fff;font-weight:850;cursor:pointer;white-space:nowrap} .nova-re-bank-funding-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px} .nova-re-bank-funding-item,.nova-re-bank-funding-empty{border:1px solid #315777;border-radius:13px;background:#0a1d31;padding:12px} .nova-re-bank-funding-item{display:flex;justify-content:space-between;gap:12px;align-items:center}.nova-re-bank-funding-item>div{display:grid;gap:4px;min-width:0}.nova-re-bank-funding-item small{color:#73e2b4;font-size:.7rem;font-weight:950}.nova-re-bank-funding-item b{color:#fff;font-size:.94rem}.nova-re-bank-funding-item span{color:#d4e2ec;font-size:.82rem;font-weight:800}.nova-re-bank-funding-item em{color:#9db4c5;font-size:.72rem;font-style:normal;line-height:1.35} .nova-re-bank-funding-item button{flex:0 0 auto;min-height:38px;padding:0 11px;border:1px solid #3c6789;border-radius:9px;background:#123553;color:#fff;font-weight:850;cursor:pointer}.nova-re-bank-funding-item.is-selected{border-color:#44c992;box-shadow:0 0 0 1px rgba(68,201,146,.13)}.nova-re-bank-funding-item.is-selected button{background:#176744;border-color:#3ca476} .nova-re-bank-funding-empty{display:grid;gap:5px;grid-column:1/-1;color:#c8d9e6}.nova-re-bank-funding-empty b{color:#fff}.nova-re-bank-funding-empty span{font-size:.82rem;line-height:1.45} .nova-re-bank-funding-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:10px}.nova-re-bank-funding-totals article{display:grid;gap:3px;padding:11px 12px;border:1px solid #315777;border-radius:12px;background:#0a1d31}.nova-re-bank-funding-totals small{color:#8fc9f5;font-size:.68rem;font-weight:950;letter-spacing:.06em}.nova-re-bank-funding-totals b{color:#fff;font-size:1.08rem}.nova-re-bank-funding-totals span{color:#a9bfce;font-size:.74rem} .nova-realestate-funding-card.is-maybe{border-color:#8a743a}.nova-realestate-funding-card.is-not-match{opacity:.9}.nova-realestate-funding-fit[data-fit-level="yes"]{background:#173f32!important;border-color:#3c866b!important;color:#dffff1!important}.nova-realestate-funding-fit[data-fit-level="maybe"]{background:#3c321a!important;border-color:#8a7130!important;color:#ffe5a0!important}.nova-realestate-funding-fit[data-fit-level="no"]{background:#3a2026!important;border-color:#7c4652!important;color:#ffd9df!important} .nova-re-standalone-module.light-theme .nova-re-bank-funding{background:#fff;border-color:#d1e1eb}.nova-re-standalone-module.light-theme .nova-re-bank-funding-head h4,.nova-re-standalone-module.light-theme .nova-re-bank-funding-item b,.nova-re-standalone-module.light-theme .nova-re-bank-funding-empty b,.nova-re-standalone-module.light-theme .nova-re-bank-funding-totals b{color:#17384c!important}.nova-re-standalone-module.light-theme .nova-re-bank-funding-head p,.nova-re-standalone-module.light-theme .nova-re-bank-funding-item span,.nova-re-standalone-module.light-theme .nova-re-bank-funding-item em,.nova-re-standalone-module.light-theme .nova-re-bank-funding-empty,.nova-re-standalone-module.light-theme .nova-re-bank-funding-empty span,.nova-re-standalone-module.light-theme .nova-re-bank-funding-totals span{color:#587385!important}.nova-re-standalone-module.light-theme .nova-re-bank-funding-item,.nova-re-standalone-module.light-theme .nova-re-bank-funding-empty,.nova-re-standalone-module.light-theme .nova-re-bank-funding-totals article{background:#f7fbff;border-color:#d2e2ec}.nova-re-standalone-module.light-theme .nova-re-bank-funding-head button,.nova-re-standalone-module.light-theme .nova-re-bank-funding-item button{background:#eef6fd;color:#17384c;border-color:#c7dbe8}.nova-re-standalone-module.light-theme .nova-re-bank-funding-item.is-selected button{background:#e3f7ed;color:#185d41;border-color:#9fd5bd} @media(max-width:900px){.nova-re-bank-funding-list{grid-template-columns:1fr}.nova-re-bank-funding-totals{grid-template-columns:1fr 1fr}.nova-re-bank-funding-head{display:block}.nova-re-bank-funding-head button{margin-top:9px}} @media(max-width:600px){.nova-re-bank-funding-item{align-items:flex-start;flex-direction:column}.nova-re-bank-funding-item button{width:100%}.nova-re-bank-funding-totals{grid-template-columns:1fr}} /* NOVA V75.52.421 – Förderzins je Programm + echter Fördervergleich */ .nova-realestate-funding-selected{grid-template-columns:minmax(0,1fr) auto minmax(150px,190px) auto} .nova-re-funding-rate{display:grid!important;gap:4px;min-width:145px;margin:0!important} .nova-re-funding-rate>span{font-size:.68rem!important;font-weight:900!important;letter-spacing:.03em;color:#9ec6e3!important} .nova-re-funding-rate>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px} .nova-re-funding-rate input{width:100%;min-width:0;height:36px;padding:0 9px;border:1px solid #3c6685;border-radius:8px;background:#09243d;color:#fff;font-weight:800} .nova-re-funding-rate em{font-style:normal!important;color:#cfe3f2!important;font-size:.78rem!important} .nova-re-funding-rate small{font-size:.64rem!important;line-height:1.25!important;color:#8ca8ba!important;letter-spacing:0!important} .nova-re-bank-funding-item .nova-re-funding-rate{margin-top:5px!important;max-width:230px} .nova-re-compare-programs{grid-column:1/-1;display:grid;gap:5px;margin-top:8px;padding:10px 12px;border:1px solid #2d5372;border-radius:10px;background:#091d31;color:#bdd1e1;font-size:.74rem;line-height:1.4} .nova-re-compare-programs>b{color:#eaf5ff;font-size:.79rem} .nova-re-compare-programs span{display:block;color:#bdd1e1}.nova-re-compare-programs strong{color:#73e2b4}.nova-re-compare-programs em{font-style:normal;color:#89a4b8;font-size:.68rem} .nova-re-compare-table table{min-width:860px} .nova-re-compare-table td.nova-re-compare-detail{text-align:left;min-width:230px;white-space:normal;line-height:1.35;color:#aec5d7} .nova-re-standalone-module.light-theme .nova-re-funding-rate>span{color:#38637d!important} .nova-re-standalone-module.light-theme .nova-re-funding-rate input{background:#fff;color:#17384c;border-color:#c7dbe8} .nova-re-standalone-module.light-theme .nova-re-funding-rate em,.nova-re-standalone-module.light-theme .nova-re-funding-rate small{color:#607b8c!important} .nova-re-standalone-module.light-theme .nova-re-compare-programs{background:#f7fbff;border-color:#d1e1eb;color:#547081} .nova-re-standalone-module.light-theme .nova-re-compare-programs>b{color:#17384c}.nova-re-standalone-module.light-theme .nova-re-compare-programs span{color:#547081}.nova-re-standalone-module.light-theme .nova-re-compare-programs strong{color:#18704d}.nova-re-standalone-module.light-theme .nova-re-compare-programs em{color:#6e8797} .nova-re-standalone-module.light-theme .nova-re-compare-table td.nova-re-compare-detail{color:#547081!important} @media(max-width:900px){.nova-realestate-funding-selected{grid-template-columns:1fr auto}.nova-realestate-funding-selected .nova-re-funding-rate{grid-column:1/-1;max-width:none}.nova-realestate-funding-selected>button{grid-column:1/-1;width:100%}} @media(max-width:600px){.nova-realestate-funding-selected{grid-template-columns:1fr}.nova-realestate-funding-selected>strong{white-space:normal}.nova-re-funding-rate{width:100%;max-width:none!important}} /* NOVA V75.52.423 – Förderzins direkt bei Programmname und Förderbetrag */ .nova-re-bank-funding-copy,.nova-re-funding-selected-copy{display:grid;gap:5px;min-width:0;flex:1 1 auto} .nova-re-funding-primaryline{display:flex;align-items:center;gap:10px 12px;flex-wrap:wrap;min-width:0} .nova-re-funding-primaryline>b{flex:1 1 240px;min-width:180px;margin:0!important} .nova-re-funding-amount{display:inline-flex;align-items:center;min-height:36px;padding:0 10px;border:1px solid #365f7d;border-radius:9px;background:#0c2942;color:#eaf6ff!important;font-size:.79rem!important;font-weight:900!important;white-space:nowrap} .nova-re-funding-rate-inline{display:grid!important;grid-template-columns:auto minmax(132px,170px);align-items:center;gap:5px 8px;min-width:210px;max-width:none!important;margin:0!important} .nova-re-funding-rate-inline>span{grid-column:1;font-size:.67rem!important;white-space:nowrap} .nova-re-funding-rate-inline>div{grid-column:2;display:grid;grid-template-columns:minmax(70px,1fr) auto!important;gap:5px!important} .nova-re-funding-rate-inline>small{grid-column:1/-1;margin-top:-1px} .nova-re-funding-rate-inline input{height:36px!important} .nova-re-bank-funding-item>.nova-re-bank-funding-copy{display:grid} .nova-realestate-funding-selected{grid-template-columns:minmax(0,1fr) auto!important;align-items:center} .nova-realestate-funding-selected>.nova-re-funding-selected-copy{min-width:0} .nova-re-funding-primaryline-selected>b{flex-basis:220px} .nova-realestate-funding-selected>button{align-self:center} .nova-re-standalone-module.light-theme .nova-re-funding-amount{background:#eef6fd;color:#17384c!important;border-color:#c7dbe8} body.dark-mode .nova-re-funding-amount,body.dark-mode-theme .nova-re-funding-amount,html[data-theme="dark"] .nova-re-funding-amount{background:#0c2942;color:#eaf6ff!important;border-color:#365f7d} @media(max-width:900px){ .nova-re-funding-primaryline{align-items:flex-start} .nova-re-funding-primaryline>b{flex:1 1 100%;min-width:0} .nova-re-funding-amount{white-space:normal} .nova-re-funding-rate-inline{flex:1 1 260px;min-width:230px} .nova-realestate-funding-selected{grid-template-columns:1fr!important} .nova-realestate-funding-selected>button{width:100%;margin-top:4px} } @media(max-width:600px){ .nova-re-funding-primaryline{display:grid;grid-template-columns:1fr;gap:7px} .nova-re-funding-primaryline>b,.nova-re-funding-amount,.nova-re-funding-rate-inline{width:100%;min-width:0;max-width:none!important} .nova-re-funding-amount{justify-content:flex-start} .nova-re-funding-rate-inline{grid-template-columns:1fr} .nova-re-funding-rate-inline>span,.nova-re-funding-rate-inline>div,.nova-re-funding-rate-inline>small{grid-column:1} } /* NOVA V75.52.423 – Vergleich: Kreditrate + Bauspar-Sparrate = Gesamtbelastung */ .nova-re-compare-table table{min-width:1040px} .nova-re-compare-table td:nth-last-child(2){font-weight:850;color:#eaf5ff} .nova-re-standalone-module.light-theme .nova-re-compare-table td:nth-last-child(2){color:#17384c!important} #novaREOverviewRateLabel{line-height:1.35} /* === V75.52.427 · NOVA Reader · Immobilien-Finanzierung Handbuch === */ .nova-library-section-title{ margin:4px 0 -4px; font-size:18px; letter-spacing:.01em; color:var(--text,#eaf4ff); } body.light .nova-library-section-title,.light .nova-library-section-title{color:#10213a} .nova-library-handbook-shelf{margin-bottom:4px} .nova-handbook-book-card{border-color:rgba(45,126,234,.55);background:linear-gradient(155deg,rgba(37,126,245,.14),rgba(255,255,255,.03))} body.light .nova-handbook-book-card,.light .nova-handbook-book-card{background:linear-gradient(155deg,#f6fbff,#fff);border-color:#76b6ff} .nova-handbook-badge{ position:absolute;z-index:2;top:24px;left:24px; padding:7px 10px;border-radius:999px; background:#0b65d8;color:#fff; font:800 11px/1 system-ui;letter-spacing:.08em; box-shadow:0 5px 15px rgba(12,83,171,.28) } .nova-handbook-reader{max-width:1280px} .nova-handbook-pdf-btn{font-size:12px;letter-spacing:.03em;min-width:50px} .nova-handbook-image-page{ padding:0!important; background:#e7eef7!important; color:#10213a!important; display:flex; justify-content:center; align-items:flex-start; overflow:auto!important; scroll-behavior:smooth; overscroll-behavior:contain; min-height:min(82vh,940px); } .nova-handbook-page-canvas{ position:relative; width:100%; flex:0 0 auto; margin:0 auto; transition:width .15s ease; } .nova-handbook-image-page .nova-handbook-page-canvas>img{ display:block; width:100%; max-width:none; height:auto; margin:0 auto; user-select:none; -webkit-user-drag:none; box-shadow:0 12px 34px rgba(20,52,86,.18); background:#fff; } .nova-handbook-page-link{ position:absolute; z-index:5; display:block; min-height:16px; border-radius:4px; background:rgba(20,116,230,.05); outline:1px solid rgba(20,116,230,.18); cursor:pointer; touch-action:manipulation; } .nova-handbook-page-link span{ position:absolute; right:-18px; top:50%; transform:translateY(-50%); display:grid; place-items:center; width:16px; height:16px; border-radius:50%; background:#096fe8; color:#fff; font:900 10px/1 system-ui; box-shadow:0 2px 8px rgba(9,111,232,.28); } .nova-handbook-page-link:hover,.nova-handbook-page-link:focus-visible{ background:rgba(20,116,230,.14); outline:2px solid rgba(20,116,230,.72); } .dark .nova-handbook-image-page,body.dark .nova-handbook-image-page{background:#07192d!important} .nova-handbook-reader .nova-reader-nav{max-width:1280px;margin-inline:auto} .nova-handbook-reader .nova-reader-tool:disabled{opacity:.35;cursor:not-allowed} @media(max-width:650px){ .nova-library-section-title{font-size:17px;text-align:center} .nova-handbook-badge{top:22px;left:22px} .nova-handbook-image-page{min-height:0!important;border-radius:0!important} .nova-handbook-image-page .nova-handbook-page-canvas>img{box-shadow:none} .nova-handbook-page-link{min-height:20px} .nova-handbook-page-link span{width:19px;height:19px;right:-20px;font-size:11px} .nova-handbook-reader .nova-reader-tools{overflow-x:auto;max-width:56vw;padding-bottom:2px} .nova-handbook-reader .nova-reader-tool{flex:0 0 auto} .nova-handbook-reader .nova-handbook-pdf-btn{font-size:11px} } /* === V75.52.431 · NOVA English · Fortschritt + Hellmodus-Kontrast === */ body:not(.dark-mode) .english-v40-count{ background:linear-gradient(145deg,#0a315e,#11518a)!important; border:1px solid #1c6dad!important; box-shadow:0 14px 30px rgba(4,31,65,.20)!important; } body:not(.dark-mode) .english-v40-count strong{color:#ffffff!important;text-shadow:0 1px 1px rgba(0,0,0,.16)} body:not(.dark-mode) .english-v40-count span{color:#eef8ff!important;font-size:15px!important;line-height:1.35!important} body:not(.dark-mode) .english-v40-count small{color:#d4eaff!important;font-size:11px!important;font-weight:700!important;line-height:1.35!important} .english-v40-resume{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 10px;padding:9px 12px;border:1px solid #c9def0;border-radius:11px;background:#eef7ff;color:#315675;font-size:11px} .english-v40-resume span{font-weight:800;color:#19724a}.english-v40-resume b{color:#12395f;font-size:12px} body:not(.dark-mode) .english-v40-module .english-v40-stats small,body:not(.dark-mode) .english-v40-module .english-v40-kicker,body:not(.dark-mode) .english-v40-module .english-v40-base{color:#506d88!important} body:not(.dark-mode) .english-v40-module .english-v40-levels button small{color:#57738e!important} body.dark-mode .english-v40-resume{background:#0b2942;border-color:#315672;color:#b8d2e8}body.dark-mode .english-v40-resume span{color:#8ee2b5}body.dark-mode .english-v40-resume b{color:#f2f8ff} @media(max-width:620px){.english-v40-resume{align-items:flex-start;flex-direction:column;gap:3px}.english-v40-count strong{font-size:30px}} /* V75.52.434 · NOVA Sprachkurse · sichtbares Speichern/Laden */ .english-v40-save-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-4px 0 14px;padding:12px;border:1px solid #c8def3;border-radius:14px;background:linear-gradient(135deg,#f6fbff,#eef7ff)} .english-v40-save-row .btn{min-height:40px;font-weight:800} .english-v40-save-row small{color:#466782;font-size:12px;font-weight:700;line-height:1.35;margin-left:auto} body.dark-mode .english-v40-save-row{background:#0b2238;border-color:#355775} body.dark-mode .english-v40-save-row small{color:#bdd2e5} @media(max-width:620px){.english-v40-save-row{display:grid;grid-template-columns:1fr 1fr}.english-v40-save-row .btn{width:100%}.english-v40-save-row small{grid-column:1/-1;margin-left:0;text-align:center}} /* NOVA Immobilien · Bauen/Sanieren Modul · V75.52.436 */ .nova-realestate-build-module{margin:18px 0;padding:18px;border:1px solid #c9dce9;border-radius:22px;background:linear-gradient(145deg,#f7fbff,#edf6fb);box-shadow:0 16px 42px rgba(24,71,101,.10)} .nova-realestate-build-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:15px}.nova-realestate-build-head small{font-size:10px;font-weight:900;letter-spacing:.08em;color:#2479a9}.nova-realestate-build-head h3{margin:3px 0 5px;font-size:1.55rem;color:#173b53}.nova-realestate-build-head p{margin:0;max-width:780px;color:#587287}.nova-realestate-build-head>button{width:40px;height:40px;border-radius:50%;border:1px solid #cadbe6;background:#fff;color:#173b53;font-size:24px;line-height:1;cursor:pointer} .nova-realestate-build-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.nova-realestate-build-card{position:relative;display:grid;grid-template-columns:auto 1fr;gap:10px;padding:14px;border:1px solid #d4e3ec;border-radius:16px;background:#fff}.nova-realestate-build-card>span{font-size:25px}.nova-realestate-build-card label{display:grid;gap:4px;position:relative}.nova-realestate-build-card b{color:#173a50}.nova-realestate-build-card small{color:#647d8f;min-height:30px}.nova-realestate-build-card input,.nova-realestate-build-months input{width:100%;box-sizing:border-box;padding:10px 42px 10px 11px;border:1px solid #c9dbe7;border-radius:10px;background:#f9fcfe;color:#16394f;font:inherit}.nova-realestate-build-card em,.nova-realestate-build-months em{position:absolute;right:11px;bottom:11px;font-style:normal;font-size:.83rem;color:#6a8090}.nova-realestate-build-bottom{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(280px,1.2fr);gap:12px;margin-top:12px}.nova-realestate-build-months,.nova-realestate-build-total{position:relative;padding:14px;border:1px solid #d4e3ec;border-radius:16px;background:#fff}.nova-realestate-build-months{display:grid;gap:6px}.nova-realestate-build-months span{font-weight:800;color:#173a50}.nova-realestate-build-total{display:grid;gap:3px}.nova-realestate-build-total small{font-size:10px;font-weight:900;letter-spacing:.06em;color:#3c7fa7}.nova-realestate-build-total b{font-size:1.8rem;color:#173a50}.nova-realestate-build-total span{color:#60798b;font-size:.88rem}.nova-realestate-build-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:13px}.nova-realestate-build-note{margin:12px 0 0;padding:10px 12px;border-radius:12px;background:#e7f3fb;color:#506f83;font-size:.86rem} body.dark-mode .nova-realestate-build-module,html[data-theme="dark"] .nova-realestate-build-module{background:linear-gradient(145deg,#10283d,#0d2235);border-color:#355a74}.dark-mode .nova-realestate-build-head h3,.dark-mode .nova-realestate-build-card b,.dark-mode .nova-realestate-build-months span,.dark-mode .nova-realestate-build-total b,html[data-theme="dark"] .nova-realestate-build-head h3,html[data-theme="dark"] .nova-realestate-build-card b,html[data-theme="dark"] .nova-realestate-build-months span,html[data-theme="dark"] .nova-realestate-build-total b{color:#f5fbff}.dark-mode .nova-realestate-build-head p,.dark-mode .nova-realestate-build-card small,.dark-mode .nova-realestate-build-total span,html[data-theme="dark"] .nova-realestate-build-head p,html[data-theme="dark"] .nova-realestate-build-card small,html[data-theme="dark"] .nova-realestate-build-total span{color:#c2d6e5}.dark-mode .nova-realestate-build-card,.dark-mode .nova-realestate-build-months,.dark-mode .nova-realestate-build-total,html[data-theme="dark"] .nova-realestate-build-card,html[data-theme="dark"] .nova-realestate-build-months,html[data-theme="dark"] .nova-realestate-build-total{background:#173852;border-color:#466a84}.dark-mode .nova-realestate-build-card input,.dark-mode .nova-realestate-build-months input,html[data-theme="dark"] .nova-realestate-build-card input,html[data-theme="dark"] .nova-realestate-build-months input{background:#0c273d;border-color:#496d86;color:#fff}.dark-mode .nova-realestate-build-note,html[data-theme="dark"] .nova-realestate-build-note{background:#173852;color:#d7e7f2}.dark-mode .nova-realestate-build-head>button,html[data-theme="dark"] .nova-realestate-build-head>button{background:#173852;border-color:#466a84;color:#fff} @media(max-width:900px){.nova-realestate-build-grid{grid-template-columns:1fr 1fr}.nova-realestate-build-bottom{grid-template-columns:1fr}}@media(max-width:620px){.nova-realestate-build-grid{grid-template-columns:1fr}.nova-realestate-build-head h3{font-size:1.3rem}.nova-realestate-build-actions>.btn{width:100%}} /* NOVA Immobilien · Sanieren Detailaufteilung · V75.52.437 */ .nova-realestate-build-grid-detailed{align-items:stretch}.nova-realestate-build-card-detailed{grid-template-columns:auto minmax(0,1fr);align-items:start}.nova-realestate-build-card-body{display:grid;gap:7px;min-width:0}.nova-realestate-build-card-body>b{font-size:1rem}.nova-realestate-build-card-body>small{min-height:34px}.nova-realestate-build-money{position:relative;display:block}.nova-realestate-build-money input{padding-right:42px!important}.nova-realestate-build-money em{position:absolute!important;right:11px!important;bottom:11px!important}.nova-realestate-build-card textarea,.nova-realestate-build-card select{width:100%;box-sizing:border-box;border:1px solid #c9dbe7;border-radius:10px;background:#f9fcfe;color:#16394f;font:inherit}.nova-realestate-build-card textarea{min-height:58px;padding:9px 10px;resize:vertical}.nova-realestate-build-card select{padding:9px 10px}.nova-realestate-build-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:2px}.nova-realestate-build-card-actions button{min-height:36px;padding:7px 8px;border:1px solid #c7dbe8;border-radius:10px;background:#f5fafe;color:#18405a;font-weight:750;font-size:.78rem;cursor:pointer}.nova-realestate-build-card-actions button:last-child{grid-column:1/-1;background:linear-gradient(120deg,#1e74f2,#42ca6d);border-color:transparent;color:#fff}.nova-realestate-build-card-actions button:hover{transform:translateY(-1px);filter:brightness(.99)}.nova-realestate-build-bottom-detailed{grid-template-columns:minmax(190px,.65fr) repeat(2,minmax(230px,1fr))}.nova-realestate-build-total-funding b{color:#168e59}.dark-mode .nova-realestate-build-card textarea,.dark-mode .nova-realestate-build-card select,html[data-theme="dark"] .nova-realestate-build-card textarea,html[data-theme="dark"] .nova-realestate-build-card select{background:#0c273d;border-color:#496d86;color:#fff}.dark-mode .nova-realestate-build-card-actions button,html[data-theme="dark"] .nova-realestate-build-card-actions button{background:#102f46;border-color:#456983;color:#edf8ff}.dark-mode .nova-realestate-build-card-actions button:last-child,html[data-theme="dark"] .nova-realestate-build-card-actions button:last-child{background:linear-gradient(120deg,#1e74f2,#42ca6d);color:#fff;border-color:transparent}.dark-mode .nova-realestate-build-total-funding b,html[data-theme="dark"] .nova-realestate-build-total-funding b{color:#69e6a4}@media(max-width:1050px){.nova-realestate-build-grid-detailed{grid-template-columns:repeat(2,minmax(0,1fr))}.nova-realestate-build-bottom-detailed{grid-template-columns:1fr 1fr}.nova-realestate-build-bottom-detailed>.nova-realestate-build-months{grid-column:1/-1}}@media(max-width:680px){.nova-realestate-build-grid-detailed{grid-template-columns:1fr}.nova-realestate-build-card-detailed{padding:12px}.nova-realestate-build-card-actions{grid-template-columns:1fr}.nova-realestate-build-card-actions button:last-child{grid-column:auto}.nova-realestate-build-bottom-detailed{grid-template-columns:1fr}.nova-realestate-build-bottom-detailed>.nova-realestate-build-months{grid-column:auto}} /* NOVA Immobilien · Sanieren Unterkategorien & Teilmaßnahmen · V75.52.438 */ .nova-realestate-build-field{display:grid;gap:5px}.nova-realestate-build-field>span:first-child{font-size:.72rem;font-weight:800;color:#4b687a;text-transform:uppercase;letter-spacing:.035em}.nova-realestate-build-custom.is-hidden{display:none}.nova-realestate-build-field input{width:100%;box-sizing:border-box;border:1px solid #c9dbe7;border-radius:10px;background:#f9fcfe;color:#16394f;font:inherit;padding:9px 10px}.nova-realestate-build-add{min-height:38px;border:1px dashed #68a7d2;border-radius:10px;background:#edf8ff;color:#0d5f99;font-weight:850;cursor:pointer}.nova-realestate-build-items{display:grid;gap:6px}.nova-realestate-build-items-empty{display:block;padding:7px 9px;border-radius:9px;background:#f5f8fa;color:#6b7f8d}.nova-realestate-build-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:8px 9px;border:1px solid #d4e2eb;border-radius:10px;background:#fff}.nova-realestate-build-item div{min-width:0;display:grid;gap:2px}.nova-realestate-build-item b{font-size:.83rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nova-realestate-build-item small{font-size:.7rem;color:#607888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nova-realestate-build-item strong{font-size:.82rem}.nova-realestate-build-item button{width:27px;height:27px;border:1px solid #d3e1e9;border-radius:50%;background:#f6fafc;color:#6d7f8a;cursor:pointer}.dark-mode .nova-realestate-build-field>span:first-child,html[data-theme="dark"] .nova-realestate-build-field>span:first-child{color:#9ec2d8}.dark-mode .nova-realestate-build-field input,html[data-theme="dark"] .nova-realestate-build-field input{background:#0c273d;border-color:#496d86;color:#fff}.dark-mode .nova-realestate-build-add,html[data-theme="dark"] .nova-realestate-build-add{background:#0d3049;border-color:#4d83a6;color:#d7efff}.dark-mode .nova-realestate-build-items-empty,html[data-theme="dark"] .nova-realestate-build-items-empty{background:#102b40;color:#9fb6c5}.dark-mode .nova-realestate-build-item,html[data-theme="dark"] .nova-realestate-build-item{background:#0d293e;border-color:#3d6179}.dark-mode .nova-realestate-build-item small,html[data-theme="dark"] .nova-realestate-build-item small{color:#9eb6c6}.dark-mode .nova-realestate-build-item button,html[data-theme="dark"] .nova-realestate-build-item button{background:#17384e;border-color:#4b6d83;color:#fff} /* === V75.52.447 · Sprachkurse · Aussprache-Check Stufe 1 === */ .nova-pronunciation-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0} .nova-pronunciation-actions .btn,.nova-pronunciation-actions .english-v40-speak{min-height:38px} .nova-pronunciation-actions .is-listening{animation:novaPronunciationPulse 1s ease-in-out infinite;background:#dff4ff!important;border-color:#5ab6eb!important;color:#0b5682!important} @keyframes novaPronunciationPulse{0%,100%{box-shadow:0 0 0 0 rgba(38,156,220,.28)}50%{box-shadow:0 0 0 8px rgba(38,156,220,0)}} .nova-pronunciation-listening{margin:8px 0;padding:10px 12px;border-radius:12px;background:#eef8ff;border:1px solid #b9dbef;color:#164d70;font-weight:800} .nova-pronunciation-result{display:grid;gap:5px;margin:8px 0 12px;padding:11px 13px;border-radius:13px;border:1px solid #cbdde8;background:#f7fbfe;color:#21455e} .nova-pronunciation-result>div{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.nova-pronunciation-result strong{font-size:1.45rem;line-height:1}.nova-pronunciation-result span{font-weight:900}.nova-pronunciation-result small{font-weight:750;color:#405f74}.nova-pronunciation-result em{font-style:normal;font-size:.72rem;line-height:1.35;color:#6a8192} .nova-pronunciation-result.excellent{background:#eefaf3;border-color:#a8ddbc}.nova-pronunciation-result.excellent strong,.nova-pronunciation-result.excellent span{color:#117640} .nova-pronunciation-result.good{background:#f2f9ef;border-color:#bddcae}.nova-pronunciation-result.good strong,.nova-pronunciation-result.good span{color:#3d7b1e} .nova-pronunciation-result.almost{background:#fff8e8;border-color:#eed49b}.nova-pronunciation-result.almost strong,.nova-pronunciation-result.almost span{color:#9a6614} .nova-pronunciation-result.retry{background:#fff0f0;border-color:#edb7b7}.nova-pronunciation-result.retry strong,.nova-pronunciation-result.retry span{color:#a12f2f} body.dark-mode .nova-pronunciation-listening,html[data-theme="dark"] .nova-pronunciation-listening{background:#0c2c42;border-color:#3d7392;color:#d8f3ff} body.dark-mode .nova-pronunciation-result,html[data-theme="dark"] .nova-pronunciation-result{background:#102a3d;border-color:#3c5f76;color:#eaf7ff} body.dark-mode .nova-pronunciation-result small,body.dark-mode .nova-pronunciation-result em,html[data-theme="dark"] .nova-pronunciation-result small,html[data-theme="dark"] .nova-pronunciation-result em{color:#bdd1df} @media(max-width:620px){.nova-pronunciation-actions{display:grid;grid-template-columns:1fr 1fr}.nova-pronunciation-actions .btn,.nova-pronunciation-actions .english-v40-speak{width:100%;font-size:.82rem}.english-v40-card-actions.nova-pronunciation-actions{grid-template-columns:1fr 1fr}.english-v40-card-actions.nova-pronunciation-actions #englishV40Reveal{grid-column:1/-1}} /* NOVA Transition V75.52.449 · datenbasierter Arbeitsmarkt-Navigator */ .nova-transition-market-grid{display:grid;grid-template-columns:minmax(210px,.8fr) minmax(240px,1fr) minmax(280px,1.35fr);gap:9px;align-items:stretch;margin-top:9px} .nova-transition-market-grid label{display:grid;gap:5px}.nova-transition-market-grid label>span{font-size:12.5px;font-weight:800;color:#4b5182} .nova-transition-market-grid input,.nova-transition-market-grid select{min-height:45px;border:1px solid #cfd4ea;border-radius:11px;background:#fff;color:var(--ink);padding:0 10px;font-size:15px} .nova-transition-market-note{display:flex;flex-direction:column;justify-content:center;gap:3px;padding:9px 12px;border:1px solid #c9dff0;border-radius:12px;background:linear-gradient(135deg,#f4faff,#f4fff8);color:#284c69} .nova-transition-market-note b{font-size:12px}.nova-transition-market-note small{font-size:10.5px;line-height:1.4;color:#647b8f} .nova-transition-market-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 10px} .nova-transition-market-summary>div{border:1px solid #d7e4ef;border-radius:12px;background:linear-gradient(145deg,#fff,#f5faff);padding:10px 12px} .nova-transition-market-summary small,.nova-transition-detail-grid small,.nova-transition-market-strip small{display:block;font-size:8.5px;font-weight:900;letter-spacing:.07em;color:#6a7f92;text-transform:uppercase} .nova-transition-market-summary b{display:block;margin-top:2px;font-size:13px;color:#173a5e}.nova-transition-market-summary span{display:block;margin-top:3px;font-size:10px;color:#697d8f;line-height:1.4} .nova-transition-market-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:7px 0} .nova-transition-market-strip>span{display:block;padding:8px 9px;border:1px solid #d9e4ed;border-radius:10px;background:#f8fbfe} .nova-transition-market-strip b{display:block;margin-top:3px;font-size:11px!important;color:#173a5e} .nova-transition-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:6px 0 3px} .nova-transition-detail-grid>div{padding:8px 9px;border:1px solid #e0e7ed;border-radius:10px;background:#fff} .nova-transition-detail-grid b{display:block;margin-top:3px;font-size:10.5px!important;line-height:1.35;color:#263e55}.nova-transition-detail-grid span{display:block;margin-top:2px;font-size:9px;color:#728496} .nova-transition-plan{margin-top:5px;border:1px solid #dce7ef;border-radius:10px;background:#fbfdff;padding:0 9px} .nova-transition-plan summary{cursor:pointer;padding:8px 0;font-size:10.5px;font-weight:900;color:#226aa0} .nova-transition-plan ol{display:grid;gap:5px;margin:0 0 8px;padding:0;list-style:none}.nova-transition-plan li{display:grid;grid-template-columns:22px 1fr;gap:7px;align-items:start;font-size:10px;color:#53697b;line-height:1.4} .nova-transition-plan li>b{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#e8f5ff;color:#176ca8;font-size:9px!important}.nova-transition-plan p{margin:7px 0 9px!important;font-size:9.5px!important;color:#607487!important} body.dark-mode .nova-transition-market-grid input,body.dark-mode .nova-transition-market-grid select{background:#17364f;border-color:#48637d;color:#fff} body.dark-mode .nova-transition-market-grid label>span{color:#cdd2f0}body.dark-mode .nova-transition-market-note{background:linear-gradient(135deg,#12304b,#173b36);border-color:#416d89;color:#eef8ff}body.dark-mode .nova-transition-market-note small{color:#b8cfdf} body.dark-mode .nova-transition-market-summary>div,body.dark-mode .nova-transition-market-strip>span,body.dark-mode .nova-transition-detail-grid>div,body.dark-mode .nova-transition-plan{background:#132f45;border-color:#46657c} body.dark-mode .nova-transition-market-summary b,body.dark-mode .nova-transition-market-strip b,body.dark-mode .nova-transition-detail-grid b{color:#fff}body.dark-mode .nova-transition-market-summary span,body.dark-mode .nova-transition-detail-grid span,body.dark-mode .nova-transition-plan li,body.dark-mode .nova-transition-plan p{color:#b9cedc!important} body.dark-mode .nova-transition-plan summary{color:#9fd7ff}body.dark-mode .nova-transition-plan li>b{background:#173e59;color:#b9e1ff} @media(max-width:980px){.nova-transition-market-grid{grid-template-columns:1fr 1fr}.nova-transition-market-note{grid-column:1/-1}.nova-transition-detail-grid{grid-template-columns:1fr 1fr}.nova-transition-detail-grid>div:last-child{grid-column:1/-1}} @media(max-width:680px){.nova-transition-market-grid,.nova-transition-market-summary,.nova-transition-market-strip,.nova-transition-detail-grid{grid-template-columns:1fr}.nova-transition-market-note,.nova-transition-detail-grid>div:last-child{grid-column:auto}.nova-transition-market-grid input,.nova-transition-market-grid select{font-size:16px;min-height:50px}} /* === V75.52.449 · NOVA Transition · Arbeitsmarkt-Navigator UI === */ /* === V75.52.450 · NOVA Immobilien · Material & Beschaffung Europa === */ .nova-re-procurement{margin:16px 0 2px;padding:16px;border:1px solid #c9dce9;border-radius:18px;background:linear-gradient(145deg,#ffffff,#f1f8fc)} .nova-re-procurement-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:12px}.nova-re-procurement-head small{font-size:10px;font-weight:900;letter-spacing:.08em;color:#2479a9}.nova-re-procurement-head h4{margin:3px 0 5px;font-size:1.18rem;color:#173b53}.nova-re-procurement-head p{margin:0;color:#5c7486;max-width:760px}.nova-re-procurement-head>span{white-space:nowrap;border:1px solid #cfe1ed;border-radius:999px;background:#f7fbfe;padding:7px 10px;font-size:.72rem;font-weight:850;color:#315d78} .nova-re-procurement-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:12px}.nova-re-procurement-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.nova-re-procurement-form label{display:grid;gap:4px}.nova-re-procurement-form label.wide{grid-column:span 2}.nova-re-procurement-form label>span{font-size:.72rem;font-weight:850;color:#4b687a}.nova-re-procurement-form input,.nova-re-procurement-form select{width:100%;box-sizing:border-box;min-height:41px;border:1px solid #c9dbe7;border-radius:10px;background:#fff;color:#173a50;padding:8px 10px;font:inherit} .nova-re-procurement-result{display:grid;align-content:start;gap:8px;padding:14px;border:1px solid #d4e3ec;border-radius:14px;background:#fff}.nova-re-procurement-result>small{font-size:10px;font-weight:900;letter-spacing:.07em;color:#3c7fa7}.nova-re-procurement-result>b{font-size:1.85rem;color:#173a50}.nova-re-procurement-result>span{font-size:.78rem;color:#60798b}.nova-re-proc-savings{display:grid;gap:2px;padding:9px 10px;border-radius:10px;background:#edf8ff}.nova-re-proc-savings small{font-size:9px;font-weight:900;color:#56809b}.nova-re-proc-savings strong{font-size:.88rem;color:#14587f}.nova-re-proc-checks{display:grid;gap:5px;padding:8px 0}.nova-re-proc-checks label{display:flex;gap:7px;align-items:center;font-size:.78rem;color:#395a70}.nova-re-proc-index{display:grid;gap:2px;padding:9px 10px;border:1px solid #d6e5ee;border-radius:10px;background:#f8fbfd}.nova-re-proc-index span{font-size:.69rem;font-weight:900;color:#58798e}.nova-re-proc-index b{font-size:1rem;color:#174b69}.nova-re-proc-index small{font-size:.7rem;color:#708493}.nova-re-proc-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.nova-re-proc-actions button,.nova-re-proc-offer-actions button{border:1px solid #c7dbe8;border-radius:10px;background:#f5fafe;color:#18405a;font-weight:800;padding:8px;cursor:pointer}.nova-re-proc-actions button.primary{background:linear-gradient(120deg,#1e74f2,#42ca6d);border-color:transparent;color:#fff} .nova-re-procurement-offers{margin-top:12px}.nova-re-proc-empty{padding:10px 12px;border:1px dashed #c7d9e5;border-radius:11px;color:#708391;background:#f8fbfd}.nova-re-proc-offer-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:7px}.nova-re-proc-offer-head b{color:#173a50}.nova-re-proc-offer-head span{font-size:.72rem;color:#718391}.nova-re-proc-offer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.nova-re-proc-offer-grid article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:10px;border:1px solid #d7e4ed;border-radius:12px;background:#fff}.nova-re-proc-offer-grid article>div:first-child{display:grid;gap:2px}.nova-re-proc-offer-grid small{font-size:.66rem;font-weight:850;color:#5f7b8f}.nova-re-proc-offer-grid b{font-size:.82rem;color:#173a50}.nova-re-proc-offer-grid span{font-size:.7rem;color:#718391}.nova-re-proc-offer-grid strong{font-size:.9rem;color:#173a50}.nova-re-proc-offer-grid em{font-style:normal;font-size:.69rem;color:#4b7c59;grid-column:2}.nova-re-proc-offer-actions{grid-column:1/-1;display:flex;gap:6px;margin-top:4px}.nova-re-proc-offer-actions button:first-child{flex:1}.nova-re-proc-offer-actions button:last-child{width:34px}.nova-re-proc-note{margin:10px 0 0;padding:9px 11px;border-radius:10px;background:#edf4f8;color:#607485;font-size:.75rem;line-height:1.4} body.dark-mode .nova-re-procurement,html[data-theme="dark"] .nova-re-procurement{background:linear-gradient(145deg,#10283d,#0d2235);border-color:#355a74}.dark-mode .nova-re-procurement-head h4,.dark-mode .nova-re-procurement-result>b,.dark-mode .nova-re-proc-offer-head b,.dark-mode .nova-re-proc-offer-grid b,.dark-mode .nova-re-proc-offer-grid strong,html[data-theme="dark"] .nova-re-procurement-head h4,html[data-theme="dark"] .nova-re-procurement-result>b,html[data-theme="dark"] .nova-re-proc-offer-head b,html[data-theme="dark"] .nova-re-proc-offer-grid b,html[data-theme="dark"] .nova-re-proc-offer-grid strong{color:#f5fbff}.dark-mode .nova-re-procurement-head p,.dark-mode .nova-re-procurement-result>span,.dark-mode .nova-re-proc-note,html[data-theme="dark"] .nova-re-procurement-head p,html[data-theme="dark"] .nova-re-procurement-result>span,html[data-theme="dark"] .nova-re-proc-note{color:#c2d6e5}.dark-mode .nova-re-procurement-result,.dark-mode .nova-re-proc-offer-grid article,html[data-theme="dark"] .nova-re-procurement-result,html[data-theme="dark"] .nova-re-proc-offer-grid article{background:#173852;border-color:#466a84}.dark-mode .nova-re-procurement-form input,.dark-mode .nova-re-procurement-form select,html[data-theme="dark"] .nova-re-procurement-form input,html[data-theme="dark"] .nova-re-procurement-form select{background:#0c273d;border-color:#496d86;color:#fff}.dark-mode .nova-re-procurement-form label>span,.dark-mode .nova-re-proc-checks label,html[data-theme="dark"] .nova-re-procurement-form label>span,html[data-theme="dark"] .nova-re-proc-checks label{color:#b9d2e3}.dark-mode .nova-re-proc-index,html[data-theme="dark"] .nova-re-proc-index{background:#102f46;border-color:#456983}.dark-mode .nova-re-proc-index b,html[data-theme="dark"] .nova-re-proc-index b{color:#fff}.dark-mode .nova-re-proc-savings,html[data-theme="dark"] .nova-re-proc-savings{background:#0d3049}.dark-mode .nova-re-proc-savings strong,html[data-theme="dark"] .nova-re-proc-savings strong{color:#d9f2ff}.dark-mode .nova-re-proc-empty,html[data-theme="dark"] .nova-re-proc-empty{background:#102b40;border-color:#46657c;color:#aec4d2}.dark-mode .nova-re-proc-note,html[data-theme="dark"] .nova-re-proc-note{background:#173852} @media(max-width:1050px){.nova-re-procurement-layout{grid-template-columns:1fr}.nova-re-procurement-form{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:720px){.nova-re-procurement-head{display:grid}.nova-re-procurement-head>span{justify-self:start}.nova-re-procurement-form{grid-template-columns:1fr 1fr}.nova-re-procurement-form label.wide{grid-column:1/-1}.nova-re-proc-offer-grid{grid-template-columns:1fr}} @media(max-width:500px){.nova-re-procurement-form{grid-template-columns:1fr}.nova-re-procurement-form label.wide{grid-column:auto}.nova-re-proc-actions{grid-template-columns:1fr}.nova-re-procurement{padding:12px}.nova-re-procurement-result>b{font-size:1.55rem}} /* === V75.52.452 · Material-Beschaffung · direkte Händlerlinks === */ .nova-re-proc-links{margin-top:12px;padding:12px;border:1px solid rgba(78,140,255,.18);border-radius:14px;background:rgba(9,25,54,.035)} .nova-re-proc-links>small{display:block;font-weight:800;letter-spacing:.04em;margin-bottom:8px} .nova-re-proc-links>div{display:flex;flex-wrap:wrap;gap:8px} .nova-re-proc-links a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 12px;border-radius:10px;border:1px solid rgba(78,140,255,.28);background:rgba(255,255,255,.72);color:inherit;text-decoration:none;font-weight:750} .nova-re-proc-links a:hover{transform:translateY(-1px);border-color:rgba(49,125,255,.65);box-shadow:0 6px 16px rgba(0,80,190,.10)} .nova-re-proc-links>span{display:block;margin-top:8px;font-size:.82rem;opacity:.74;line-height:1.35} body.dark .nova-re-proc-links{background:rgba(255,255,255,.035);border-color:rgba(118,172,255,.18)} body.dark .nova-re-proc-links a{background:rgba(255,255,255,.06);color:#f4f8ff} @media(max-width:680px){.nova-re-proc-links>div{display:grid;grid-template-columns:1fr 1fr}.nova-re-proc-links a{width:100%;font-size:.9rem}} /* === V75.52.452 · NOVA Hausbau === */ .nova-housebuilding{display:grid;gap:15px;color:#173a50}.nova-housebuilding-hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:18px;border-radius:20px;background:linear-gradient(135deg,#edf8ff,#f7fbff 55%,#eefaf2);border:1px solid #cfe0eb}.nova-housebuilding-hero h2{margin:4px 0 6px;font-size:1.55rem}.nova-housebuilding-hero p{margin:0;max-width:760px;color:#5b7485}.nova-house-place{min-width:210px;display:grid;gap:2px;padding:11px 13px;border:1px solid #cadde8;border-radius:14px;background:#fff}.nova-house-place small,.nova-house-sectionhead small{font-size:10px;font-weight:900;letter-spacing:.08em;color:#2c79a4}.nova-house-place b{font-size:.9rem}.nova-house-place span{font-size:.7rem;color:#728695}.nova-house-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.nova-house-actions button,.nova-house-inline-actions button,.nova-house-searchbox button,.nova-house-searchchips button{border:1px solid #c8dbe7;border-radius:12px;background:#f6fbfe;color:#173e56;font-weight:850;padding:10px 12px;cursor:pointer}.nova-house-actions button:hover,.nova-house-inline-actions button:hover,.nova-house-searchchips button:hover{background:#eaf6fd}.nova-house-tabs{display:flex;gap:7px;overflow:auto;padding-bottom:2px}.nova-house-tabs button{white-space:nowrap;border:1px solid #d2e1ea;border-radius:999px;background:#fff;color:#3a5a70;font-weight:850;padding:8px 12px;cursor:pointer}.nova-house-tabs button.active{background:linear-gradient(120deg,#1c73f0,#3dbd72);border-color:transparent;color:#fff}.nova-house-pane{display:none}.nova-house-pane.active{display:grid;gap:12px}.nova-house-sectionhead{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.nova-house-sectionhead h3{margin:2px 0 4px}.nova-house-sectionhead p{margin:0;color:#637b8b}.nova-house-sectionhead>a{white-space:nowrap;text-decoration:none;border:1px solid #c9dce7;border-radius:11px;background:#f7fbfe;color:#1f5f87;font-weight:850;padding:9px 11px}.nova-house-filter{display:grid;gap:5px;max-width:480px}.nova-house-filter span{font-size:.72rem;font-weight:850;color:#5d7788}.nova-house-filter input,.nova-house-searchbox input{min-height:42px;border:1px solid #cbdce7;border-radius:11px;background:#fff;color:#173a50;padding:9px 11px;font:inherit}.nova-house-provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.nova-house-provider{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #d4e2eb;border-radius:14px;background:#fff;padding:12px}.nova-house-provider>div{display:grid;gap:2px;min-width:0}.nova-house-provider small{font-size:9px;font-weight:900;color:#54809a}.nova-house-provider b{font-size:.88rem;overflow:hidden;text-overflow:ellipsis}.nova-house-provider span{font-size:.7rem;color:#738794}.nova-house-provider button{border:1px solid #cbdde8;border-radius:9px;background:#f4fafe;color:#1c5c82;font-weight:850;padding:7px 9px;cursor:pointer}.nova-house-developer{border-left:3px solid #3f8de8}.nova-house-sourcecards{display:grid;grid-template-columns:1fr 1fr;gap:9px}.nova-house-sourcecards a{display:grid;gap:3px;text-decoration:none;padding:12px;border:1px solid #d2e2eb;border-radius:13px;background:#f8fbfd;color:#173a50}.nova-house-sourcecards span{font-size:.73rem;color:#6a8090}.nova-house-inline-actions{display:flex;gap:8px;flex-wrap:wrap}.nova-house-inline-actions .primary{background:linear-gradient(120deg,#1e74f2,#42ca6d);border-color:transparent;color:#fff}.nova-house-searchbox{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}.nova-house-searchchips{display:flex;gap:7px;flex-wrap:wrap}.nova-house-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.nova-house-process-grid article{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;gap:2px 9px;padding:12px;border:1px solid #d3e1e9;border-radius:14px;background:#fff}.nova-house-process-grid article>span{grid-row:1/3;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e9f5ff;color:#176baa;font-weight:900}.nova-house-process-grid b{font-size:.86rem}.nova-house-process-grid small{font-size:.71rem;color:#718594}.nova-house-note{margin:0;padding:10px 12px;border-radius:11px;background:#edf4f8;color:#617685;font-size:.74rem;line-height:1.4}.nova-housebuilding-tile{position:relative}.nova-housebuilding-tile>span{font-size:1.5rem} body.dark-mode .nova-housebuilding,html[data-theme="dark"] .nova-housebuilding{color:#f5fbff}.dark-mode .nova-housebuilding-hero,html[data-theme="dark"] .nova-housebuilding-hero{background:linear-gradient(135deg,#102a40,#11283a 55%,#143527);border-color:#3b6079}.dark-mode .nova-housebuilding-hero p,.dark-mode .nova-house-sectionhead p,.dark-mode .nova-house-note,html[data-theme="dark"] .nova-housebuilding-hero p,html[data-theme="dark"] .nova-house-sectionhead p,html[data-theme="dark"] .nova-house-note{color:#bfd1de}.dark-mode .nova-house-place,.dark-mode .nova-house-provider,.dark-mode .nova-house-process-grid article,.dark-mode .nova-house-tabs button,.dark-mode .nova-house-filter input,.dark-mode .nova-house-searchbox input,html[data-theme="dark"] .nova-house-place,html[data-theme="dark"] .nova-house-provider,html[data-theme="dark"] .nova-house-process-grid article,html[data-theme="dark"] .nova-house-tabs button,html[data-theme="dark"] .nova-house-filter input,html[data-theme="dark"] .nova-house-searchbox input{background:#15354d;border-color:#456a83;color:#fff}.dark-mode .nova-house-sourcecards a,html[data-theme="dark"] .nova-house-sourcecards a{background:#102f46;border-color:#456983;color:#fff}.dark-mode .nova-house-note,html[data-theme="dark"] .nova-house-note{background:#173852} @media(max-width:1000px){.nova-house-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nova-house-actions{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:680px){.nova-housebuilding-hero{display:grid}.nova-house-place{min-width:0}.nova-house-provider-grid,.nova-house-sourcecards,.nova-house-process-grid{grid-template-columns:1fr}.nova-house-provider{grid-template-columns:1fr}.nova-house-provider button{justify-self:start}.nova-house-searchbox{grid-template-columns:1fr 1fr}.nova-house-searchbox input{grid-column:1/-1}.nova-house-sectionhead{display:grid}.nova-house-sectionhead>a{justify-self:start}.nova-house-actions{grid-template-columns:1fr 1fr}} @media(max-width:430px){.nova-house-actions{grid-template-columns:1fr}.nova-house-tabs{margin-right:-4px}.nova-housebuilding-hero{padding:14px}} /* === V75.52.453 · NOVA Hausbau Projektmanager === */ .nova-housebuilding-v2 .nova-house-phasebar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.nova-house-phasebar button{display:flex;gap:9px;align-items:center;text-align:left;border:1px solid #cfe0eb;border-radius:14px;background:#f7fbfe;color:#173a50;padding:10px;cursor:pointer}.nova-house-phasebar button b{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#1d75ef,#36bc75);color:#fff}.nova-house-phasebar button span{font-size:.74rem;font-weight:850}.nova-house-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.nova-house-summary article{display:grid;gap:2px;border:1px solid #d1e1ea;border-radius:14px;background:#fff;padding:12px}.nova-house-summary small{font-size:9px;font-weight:900;letter-spacing:.06em;color:#62859a}.nova-house-summary strong{font-size:1.05rem}.nova-house-summary span{font-size:.68rem;color:#728695}.nova-house-summary .ok,.nova-house-costfooter .ok,.nova-house-control-table .ok{color:#16874a}.nova-house-summary .bad,.nova-house-costfooter .bad,.nova-house-control-table .bad{color:#c33d39}.nova-house-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.nova-house-overview-grid button{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;gap:2px 8px;text-align:left;border:1px solid #d2e1e9;border-radius:14px;background:#fff;color:#173a50;padding:13px;cursor:pointer}.nova-house-overview-grid button>span{grid-row:1/3;font-size:1.55rem}.nova-house-overview-grid b{font-size:.84rem}.nova-house-overview-grid small{font-size:.69rem;color:#718694;line-height:1.35}.nova-house-formgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.nova-house-formgrid label,.nova-house-compare-grid label{display:grid;gap:4px;font-size:.7rem;font-weight:800;color:#668091}.nova-house-formgrid input,.nova-house-formgrid select,.nova-house-compare-grid input,.nova-house-compare-grid textarea{width:100%;border:1px solid #cbdde7;border-radius:10px;background:#fff;color:#173a50;padding:9px;font:inherit}.nova-house-checkrow{display:flex;flex-wrap:wrap;gap:8px}.nova-house-checkrow label{display:flex;gap:7px;align-items:center;border:1px solid #d2e1e9;border-radius:11px;background:#f8fbfd;padding:9px 11px;font-size:.75rem;font-weight:800}.nova-house-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.nova-house-info-grid article{display:grid;gap:4px;border:1px solid #d4e2ea;border-radius:13px;background:#fff;padding:12px}.nova-house-info-grid b{font-size:.83rem}.nova-house-info-grid span{font-size:.7rem;color:#728695;line-height:1.42}.nova-house-costtable{display:grid;border:1px solid #d1e1ea;border-radius:14px;overflow:hidden}.nova-house-costtable .head,.nova-house-costtable label{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:8px;align-items:center;padding:8px 11px;border-bottom:1px solid #e1ebf0}.nova-house-costtable .head{background:#eef7fc;font-size:.7rem}.nova-house-costtable label:last-child{border-bottom:0}.nova-house-costtable label span{font-size:.75rem;font-weight:780}.nova-house-costtable input{width:100%;text-align:right;border:1px solid #cbdde7;border-radius:8px;background:#fff;color:#173a50;padding:7px}.nova-house-costfooter{display:flex;justify-content:space-between;gap:12px;border-radius:12px;background:#edf8f2;border:1px solid #cce7d6;padding:11px 13px;font-weight:850}.nova-house-techgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.nova-house-techgrid label{display:flex;align-items:center;gap:8px;border:1px solid #d2e2ea;border-radius:13px;background:#fff;padding:12px;cursor:pointer}.nova-house-techgrid label span{font-size:1.35rem}.nova-house-techgrid label b{font-size:.78rem}.nova-house-fundingcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.nova-house-fundingcards article{display:grid;gap:7px;border:1px solid #d2e1e9;border-radius:14px;background:#fff;padding:13px}.nova-house-fundingcards span{font-size:.72rem;color:#718493}.nova-house-fundingcards button{justify-self:start;border:1px solid #c8dbe7;border-radius:9px;background:#f5fbfe;color:#1d5f87;padding:8px 10px;font-weight:850;cursor:pointer}.nova-house-compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.nova-house-compare-grid article{display:grid;gap:8px;border:1px solid #d2e1e9;border-radius:14px;background:#fff;padding:12px}.nova-house-compare-grid h4{margin:0}.nova-house-compare-grid textarea{min-height:72px;resize:vertical}.nova-house-priceperm2{border-radius:10px;background:#edf6ff;padding:8px;text-align:center;font-size:.85rem;font-weight:900;color:#1969a0}.nova-house-process-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.nova-house-process-list label{display:grid;grid-template-columns:auto 30px 1fr;gap:8px;align-items:center;border:1px solid #d2e1e9;border-radius:12px;background:#fff;padding:10px}.nova-house-process-list label>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#edf6ff;color:#1b6ba3;font-size:.72rem;font-weight:900}.nova-house-process-list b{font-size:.76rem}.nova-house-control-table{display:grid;overflow:auto;border:1px solid #d1e1e9;border-radius:14px}.nova-house-control-table .head,.nova-house-control-table .row{min-width:720px;display:grid;grid-template-columns:minmax(190px,1fr) 120px 120px 120px 120px;gap:8px;align-items:center;padding:8px 10px;border-bottom:1px solid #e1ebf0}.nova-house-control-table .head{background:#eef7fc;font-size:.69rem}.nova-house-control-table .row:last-child{border-bottom:0}.nova-house-control-table .row span{font-size:.73rem;font-weight:800}.nova-house-control-table input{width:100%;border:1px solid #cbdde7;border-radius:8px;background:#fff;color:#173a50;padding:7px;text-align:right}.nova-house-control-table .row>b{text-align:right;font-size:.74rem} .dark-mode .nova-house-summary article,.dark-mode .nova-house-overview-grid button,.dark-mode .nova-house-formgrid input,.dark-mode .nova-house-formgrid select,.dark-mode .nova-house-compare-grid input,.dark-mode .nova-house-compare-grid textarea,.dark-mode .nova-house-info-grid article,.dark-mode .nova-house-techgrid label,.dark-mode .nova-house-fundingcards article,.dark-mode .nova-house-compare-grid article,.dark-mode .nova-house-process-list label,.dark-mode .nova-house-costtable input,.dark-mode .nova-house-control-table input,html[data-theme="dark"] .nova-house-summary article,html[data-theme="dark"] .nova-house-overview-grid button,html[data-theme="dark"] .nova-house-formgrid input,html[data-theme="dark"] .nova-house-formgrid select,html[data-theme="dark"] .nova-house-compare-grid input,html[data-theme="dark"] .nova-house-compare-grid textarea,html[data-theme="dark"] .nova-house-info-grid article,html[data-theme="dark"] .nova-house-techgrid label,html[data-theme="dark"] .nova-house-fundingcards article,html[data-theme="dark"] .nova-house-compare-grid article,html[data-theme="dark"] .nova-house-process-list label,html[data-theme="dark"] .nova-house-costtable input,html[data-theme="dark"] .nova-house-control-table input{background:#14344c;border-color:#456b83;color:#fff}.dark-mode .nova-house-costtable .head,.dark-mode .nova-house-control-table .head,html[data-theme="dark"] .nova-house-costtable .head,html[data-theme="dark"] .nova-house-control-table .head{background:#173d58}.dark-mode .nova-house-costfooter,html[data-theme="dark"] .nova-house-costfooter{background:#183b32;border-color:#315f4c}.dark-mode .nova-house-phasebar button,html[data-theme="dark"] .nova-house-phasebar button{background:#14344c;border-color:#456b83;color:#fff} @media(max-width:900px){.nova-house-summary,.nova-house-phasebar{grid-template-columns:repeat(2,minmax(0,1fr))}.nova-house-overview-grid,.nova-house-formgrid,.nova-house-info-grid,.nova-house-techgrid,.nova-house-fundingcards,.nova-house-compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){.nova-house-summary,.nova-house-phasebar,.nova-house-overview-grid,.nova-house-formgrid,.nova-house-info-grid,.nova-house-techgrid,.nova-house-fundingcards,.nova-house-compare-grid,.nova-house-process-list{grid-template-columns:1fr}.nova-house-costtable .head,.nova-house-costtable label{grid-template-columns:1fr 125px}.nova-house-phasebar button{min-height:54px}.nova-house-summary article{padding:10px}} /* === NOVA CORE CSS · Hausbau konsolidierter Zustand · V75.52.462 === */ #moduleModal.nova-housebuilding-modal{ padding:0!important; align-items:center!important; justify-content:center!important; } #moduleModal.nova-housebuilding-modal .modal-panel{ width:min(1450px,calc(100vw - 28px))!important; height:auto!important; min-height:0!important; max-height:94vh!important; margin:3vh auto!important; padding:22px 22px 18px!important; overflow:hidden!important; display:block!important; } #moduleModal.nova-housebuilding-modal #modalContent{ max-height:calc(94vh - 44px)!important; min-height:0!important; overflow-y:auto!important; overflow-x:hidden!important; padding-right:3px; } #moduleModal.nova-housebuilding-modal .modal-backdrop{cursor:default!important} #moduleModal.nova-housebuilding-modal .nova-housebuilding{min-height:0!important;padding-bottom:4px!important;max-width:none} #moduleModal.nova-housebuilding-modal .nova-housebuilding-hero{min-height:0!important} #moduleModal.nova-housebuilding-modal .nova-house-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;overflow:visible;padding:0;margin:0} #moduleModal.nova-housebuilding-modal .nova-house-tabs button{width:100%;min-width:0;white-space:normal;line-height:1.15;min-height:42px!important;height:auto!important;padding:8px 9px;text-align:center} #moduleModal.nova-housebuilding-modal .nova-house-phasebar button{min-height:52px!important;height:auto!important} #moduleModal.nova-housebuilding-modal .nova-house-summary article{min-height:86px!important;height:auto!important} #moduleModal.nova-housebuilding-modal .nova-house-save-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px} #moduleModal.nova-housebuilding-modal .nova-house-save-actions button{width:100%;min-height:42px} #moduleModal.nova-housebuilding-modal .nova-house-summary-input{display:flex;align-items:center;gap:7px;width:100%;margin:2px 0 1px} #moduleModal.nova-housebuilding-modal .nova-house-summary-input input{ width:100%;min-width:0;border:1px solid #bfd5e4;border-radius:9px;background:#f9fcfe; color:#102f48;font:inherit;font-size:1.05rem;font-weight:900;padding:7px 9px; outline:none;box-shadow:none; } #moduleModal.nova-housebuilding-modal .nova-house-summary-input input:focus{border-color:#2388e8;box-shadow:0 0 0 3px rgba(35,136,232,.12);background:#fff} #moduleModal.nova-housebuilding-modal .nova-house-summary-input b{font-size:.92rem;color:#345b73;white-space:nowrap} .dark-mode #moduleModal.nova-housebuilding-modal .nova-house-summary-input input, html[data-theme="dark"] #moduleModal.nova-housebuilding-modal .nova-house-summary-input input{background:#102f46;border-color:#4d7188;color:#fff} @media(max-width:1100px){ #moduleModal.nova-housebuilding-modal .nova-house-tabs{grid-template-columns:repeat(4,minmax(0,1fr))} } @media(max-width:760px){ #moduleModal.nova-housebuilding-modal .modal-panel{ width:calc(100vw - 10px)!important;height:auto!important;min-height:0!important;max-height:98vh!important; margin:1vh auto!important;padding:14px 10px 12px!important;border-radius:18px!important; } #moduleModal.nova-housebuilding-modal #modalContent{max-height:calc(98vh - 28px)!important} #moduleModal.nova-housebuilding-modal .nova-house-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px} #moduleModal.nova-housebuilding-modal .nova-house-tabs button{font-size:.78rem;min-height:40px!important;padding:7px 6px} #moduleModal.nova-housebuilding-modal .nova-house-save-actions{grid-template-columns:1fr 1fr} } @media(max-width:420px){#moduleModal.nova-housebuilding-modal .nova-house-save-actions{grid-template-columns:1fr}} /* === NOVA CORE CSS · Immobilien-Finanzierung konsolidierter Zustand · V75.52.462 === */ .nova-re-finance-dashboard-module .nova-re-compare-grid{grid-template-columns:minmax(300px,.8fr) minmax(0,1.45fr);align-items:stretch} .nova-re-finance-dashboard-module .nova-re-compare-grid>.nova-re-dash-card{min-width:0;max-width:100%;overflow:hidden} .nova-re-finance-dashboard-module .nova-re-results-card{min-width:0;width:100%} .nova-re-finance-dashboard-module .nova-re-compare-table{display:block;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;border-radius:10px;scrollbar-width:thin;scrollbar-color:#4e7899 #0b2036} .nova-re-finance-dashboard-module .nova-re-compare-table table{width:max-content;min-width:100%;max-width:none;table-layout:auto} .nova-re-finance-dashboard-module .nova-re-compare-table th,.nova-re-finance-dashboard-module .nova-re-compare-table td{padding:9px 8px;white-space:nowrap} .nova-re-finance-dashboard-module .nova-re-compare-table th:first-child,.nova-re-finance-dashboard-module .nova-re-compare-table td:first-child{position:sticky;left:0;z-index:2;min-width:150px} .nova-re-finance-dashboard-module .nova-re-compare-table th:first-child{z-index:3;background:#0b2845} .nova-re-finance-dashboard-module .nova-re-compare-table td:first-child{background:#0a1e34} .nova-re-finance-dashboard-module .nova-re-compare-table tr.current td:first-child{background:#342a59} .nova-re-finance-dashboard-module .nova-re-compare-detail{white-space:normal!important;min-width:240px;max-width:360px;line-height:1.35} .nova-re-finance-dashboard-module .nova-re-results-card:after{content:'↔ Tabelle innerhalb dieses Feldes verschiebbar, falls nötig';display:block;margin-top:8px;color:#83a4be;font-size:.72rem;text-align:right} .nova-re-standalone-module.light-theme .nova-re-finance-dashboard-module .nova-re-compare-table th:first-child{background:#edf5fb!important;color:#17384c!important} .nova-re-standalone-module.light-theme .nova-re-finance-dashboard-module .nova-re-compare-table td:first-child{background:#fff!important;color:#547081!important} .nova-re-standalone-module.light-theme .nova-re-finance-dashboard-module .nova-re-compare-table tr.current td:first-child{background:#ebe6fb!important;color:#17384c!important} .nova-re-standalone-module.light-theme .nova-re-finance-dashboard-module .nova-re-results-card:after{color:#6b8799} #moduleModal.nova-realestate-finance-submodule-open>.modal-panel{ width:min(1480px,calc(100vw - 20px))!important;max-width:none!important;max-height:94vh!important; margin:2vh auto!important;padding:18px 18px 20px!important; } #moduleModal.nova-realestate-finance-submodule-open #modalContent{max-width:none!important} #moduleModal.nova-realestate-finance-submodule-open .nova-re-standalone-module{margin:0!important} #moduleModal.nova-realestate-finance-submodule-open .nova-re-module-shell{grid-template-columns:232px minmax(0,1fr)!important;gap:12px!important} #moduleModal.nova-realestate-finance-submodule-open .nova-re-finance-dashboard-module .nova-re-compare-grid{grid-template-columns:1fr!important;gap:12px!important} #moduleModal.nova-realestate-finance-submodule-open .nova-re-finance-dashboard-module .nova-re-results-card{order:-1!important;width:100%!important;min-width:0!important} #moduleModal.nova-realestate-finance-submodule-open .nova-re-finance-dashboard-module .nova-re-compare-chart{min-height:260px!important} #moduleModal.nova-realestate-finance-submodule-open .nova-re-finance-dashboard-module .nova-re-compare-table{width:100%!important;overflow-x:auto!important;overflow-y:hidden!important} #moduleModal.nova-realestate-finance-submodule-open .nova-re-finance-dashboard-module .nova-re-compare-table table{width:100%!important;min-width:980px!important} #moduleModal.nova-realestate-finance-submodule-open .nova-re-finance-dashboard-module .nova-re-compare-table th, #moduleModal.nova-realestate-finance-submodule-open .nova-re-finance-dashboard-module .nova-re-compare-table td{font-size:.82rem!important;padding:8px 7px!important} #moduleModal.nova-realestate-finance-submodule-open .nova-re-finance-dashboard-module .nova-re-compare-table th:first-child, #moduleModal.nova-realestate-finance-submodule-open .nova-re-finance-dashboard-module .nova-re-compare-table td:first-child{min-width:135px!important} @media(max-width:1540px){ .nova-re-finance-dashboard-module .nova-re-compare-grid{grid-template-columns:1fr} .nova-re-finance-dashboard-module .nova-re-compare-chart{min-height:250px} .nova-re-finance-dashboard-module .nova-re-bar-track{height:150px} .nova-re-finance-dashboard-module .nova-re-bars{min-height:215px} .nova-re-finance-dashboard-module .nova-re-results-card{width:100%} #moduleModal.nova-realestate-finance-submodule-open>.modal-panel{width:min(1400px,calc(100vw - 18px))!important} } @media(max-width:1280px){#moduleModal.nova-realestate-finance-submodule-open .nova-re-module-shell{grid-template-columns:220px minmax(0,1fr)!important}} @media(max-width:1120px){ #moduleModal.nova-realestate-finance-submodule-open>.modal-panel{width:min(1120px,calc(100vw - 14px))!important;padding:16px 14px 18px!important} } @media(max-width:760px){ .nova-re-finance-dashboard-module .nova-re-compare-table th,.nova-re-finance-dashboard-module .nova-re-compare-table td{font-size:.78rem!important;padding:8px 7px} .nova-re-finance-dashboard-module .nova-re-compare-table th:first-child,.nova-re-finance-dashboard-module .nova-re-compare-table td:first-child{min-width:125px} .nova-re-finance-dashboard-module .nova-re-compare-detail{min-width:190px;max-width:250px} .nova-re-finance-dashboard-module .nova-re-results-card:after{content:'↔ Tabelle wischen';text-align:left} #moduleModal.nova-realestate-finance-submodule-open>.modal-panel{width:calc(100vw - 10px)!important;max-height:96vh!important;margin:1vh auto!important;padding:12px 10px 14px!important;border-radius:20px!important} } /* NOVA Kosten & Haushalt – lokale Projektverwaltung V75.52.470 */ .nova-cost-projectbar{display:grid;grid-template-columns:minmax(180px,1fr) minmax(210px,.8fr) auto;gap:12px;align-items:end;margin:16px 0 4px;padding:14px;border:1px solid var(--cost-line,#d7e2ea);border-radius:16px;background:var(--cost-soft,#f7fafc)} .nova-cost-projectbar>div:first-child{display:grid;gap:3px}.nova-cost-projectbar>div:first-child small{color:var(--cost-muted,#65788a)}.nova-cost-projectbar label{display:grid;gap:5px;font-size:12px}.nova-cost-projectbar select{width:100%;min-height:40px;border:1px solid var(--cost-line,#cbd8e2);border-radius:10px;padding:7px 9px;background:var(--panel,#fff);color:inherit}.nova-cost-project-actions{display:flex;flex-wrap:wrap;gap:6px}.nova-cost-project-actions .btn{padding:9px 10px} @media(max-width:850px){.nova-cost-projectbar{grid-template-columns:1fr}.nova-cost-project-actions .btn{flex:1 1 135px}} /* NOVA V75.52.470 · Glücksblatt mobile Zielmarkierung */ .nova-luck-jump-target{outline:3px solid rgba(22,163,74,.65)!important;outline-offset:5px!important;animation:novaLuckJumpPulse .9s ease-in-out 2} @keyframes novaLuckJumpPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.018)}} /* V75.52.473 · Themen-Satztrainer */ .nova-sentence-lab{margin:18px 0;padding:16px;border:1px solid #c8d9eb;border-radius:18px;background:linear-gradient(180deg,#f8fbff,#fff)} .nova-sentence-lab-head h4{margin:4px 0 5px;font-size:18px}.nova-sentence-lab-head p{margin:0 0 12px;color:#58708a} .nova-sentence-lab-controls{display:grid;grid-template-columns:1.2fr .65fr 1.35fr auto;gap:9px;align-items:end}.nova-sentence-lab-controls label{display:grid;gap:5px;font-size:12px;font-weight:800;color:#34506c}.nova-sentence-lab-controls select{min-height:42px;border:1px solid #c5d7e9;border-radius:11px;background:#fff;padding:0 10px;color:#102b49} .nova-sentence-batch{display:grid;gap:10px;margin-top:14px}.nova-sentence-batch article{border:1px solid #d2e0ee;border-radius:14px;padding:13px;background:#fff}.nova-sentence-batch article>small{color:#607891;font-weight:800}.nova-sentence-batch h4{margin:6px 0 10px;font-size:17px}.nova-sentence-batch input{width:100%;min-height:44px;border:1px solid #c8d8e8;border-radius:11px;padding:0 12px;font:inherit;box-sizing:border-box}.nova-sentence-batch .nova-pronunciation-actions{margin-top:9px} @media(max-width:760px){.nova-sentence-lab-controls{grid-template-columns:1fr 1fr}.nova-sentence-lab-controls label:nth-child(3){grid-column:1/-1}.nova-sentence-lab-controls>button{grid-column:1/-1}.nova-sentence-lab{padding:12px}.nova-sentence-batch h4{font-size:16px}} /* Leaflet renderer buffers extend beyond the map viewport. Never scale them: scaling clips station coverage and separates painted points from hit testing. */ #novaRouterMap .leaflet-pane canvas, #novaRouterMap .leaflet-pane svg, #evLiveMap .leaflet-pane canvas, #evLiveMap .leaflet-pane svg{ max-width:none!important; max-height:none!important; } #novaRouterMap .leaflet-overlay-pane canvas, #evLiveMap .leaflet-overlay-pane canvas{pointer-events:auto!important;} /* Compact station names and expandable station information. */ .nova-charge-label-compact{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 6px;font-size:10px;line-height:1.25;cursor:pointer;} .nova-charge-popup-shell .leaflet-popup-content{margin:10px 12px;font-size:12px;line-height:1.35;} .nova-charge-popup> b{display:block;font-size:12px;overflow-wrap:anywhere;} .nova-charge-popup-quick{margin:5px 0;color:#31566d;} .nova-charge-popup summary{cursor:pointer;color:#0878ba;font-weight:700;padding:5px 0;} .nova-charge-popup-details{max-height:230px;overflow:auto;} .nova-charge-popup-details p{margin:7px 0;} @media(max-width:700px){ .nova-charge-popup-shell .leaflet-popup-content{max-width:calc(100vw - 100px);overflow-wrap:anywhere;} .nova-charge-popup-shell .leaflet-popup-content-wrapper{max-height:min(320px,55dvh);overflow:auto;} .nova-charge-popup-details{max-height:180px;} } .nova-charge-info-overlay{position:fixed;inset:0;z-index:200000;display:flex;align-items:center;justify-content:center;background:rgba(4,21,35,.22);padding:16px;box-sizing:border-box;} .nova-charge-info-centered{position:relative;width:min(420px,100%);flex-shrink:0;box-sizing:border-box;background:#fff;color:#16374f;border-radius:16px;padding:16px 18px;box-shadow:0 12px 45px rgba(0,0,0,.25);transform-origin:center;} .nova-charge-info-centered .nova-charge-popup>b{padding-right:25px;font-size:15px;} .nova-charge-info-centered .nova-charge-popup{font-size:12px;line-height:1.35;} .nova-charge-info-centered .nova-charge-popup-details{max-height:none;overflow:visible;display:grid;grid-template-columns:1fr 1fr;gap:5px 10px;} .nova-charge-info-centered .nova-charge-popup-details p{margin:3px 0;overflow-wrap:anywhere;} .nova-charge-info-centered .nova-charge-popup-details small{grid-column:1/-1;} .nova-charge-info-close{position:absolute;right:8px;top:8px;width:30px;height:30px;border:0;border-radius:50%;background:#edf4f8;color:#17374f;font-size:24px;cursor:pointer;} .nova-charge-info-centered details:not([open]) .nova-charge-popup-details{display:none;} /* V75.52.536: full mobile row for the complete employment count. */ .real-labour-v27 .real-labour-top article.rl-employment-wide strong{white-space:nowrap;overflow-wrap:normal;word-break:normal} @media(max-width:760px){ .real-labour-v27 .real-labour-top article.rl-employment-wide{grid-column:1/-1;min-height:0} .real-labour-v27 .real-labour-top article.rl-employment-wide small{min-height:0} } /* Leisure tile: complete description on mobile and desktop. */ .nova-quick-access-dock button[data-module="leisure"]>small{display:block!important;-webkit-line-clamp:unset!important;max-height:none!important;height:auto!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important} .nova-quick-access-dock button[data-module="leisure"]>b{word-break:normal!important;overflow-wrap:normal!important} /* NOVA Move artwork carries its own branding; remove the overlapping label. */ .nova-health-v562-figure::after{content:none!important;display:none!important} /* V75.52.536 · Independent comparison location */ .dashboard-compare-form{margin:12px 0;width:100%}.dashboard-compare-info{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:4px 12px 12px}.dashboard-compare-info small{flex:1;line-height:1.5}.dashboard-compare-info button{border:1px solid currentColor;background:transparent;color:inherit;border-radius:8px;padding:6px 8px;font-size:11px;cursor:pointer}.dashboard-compare-info button[hidden]{display:none}.dashboard-time>div{min-width:0}.dashboard-time small{overflow-wrap:anywhere} /* Tagesnotizen */ .nova-note-editor label{display:block;margin:10px 0}.nova-note-editor input,.nova-note-editor select{border:1px solid #7691a7;border-radius:10px;background:var(--card,#fff);color:var(--ink,#17334f);max-width:100%;box-sizing:border-box}.nova-calendar-notes{margin:20px 0;padding:16px;border:1px solid #7691a7;border-radius:14px}.nova-calendar-notes p{white-space:normal;overflow-wrap:anywhere}.nova-saved-item p{overflow-wrap:anywhere}.nova-saved-actions button{min-height:36px;padding:6px 9px}.nova-calendar-day small{display:block;line-height:1.1}.nova-note-actions{flex-wrap:wrap} /* V75.52.536: kompakte Bücheransicht und klare Themenauswahl */ #moduleModal .nova-media-daily[data-media-kind="book"]{align-items:start} #moduleModal .nova-media-daily[data-media-kind="book"] .nova-media-daily-icon{height:180px;min-height:0;align-self:start} #moduleModal .nova-media-daily[data-media-kind="book"] .nova-media-new-card{min-width:0;align-content:start;align-self:start} #moduleModal .nova-media-daily[data-media-kind="book"] .nova-media-new-card>a{grid-column:1/-1;width:100%;box-sizing:border-box;white-space:normal;word-break:normal;overflow-wrap:normal;line-height:1.45;padding:12px;color:#fff} #moduleModal .nova-media-daily[data-media-kind="book"] .nova-media-new-card>small{grid-column:1/-1;letter-spacing:0;line-height:1.5} #moduleModal:has(#bookOutput) .book-category-grid{grid-template-columns:repeat(auto-fit,minmax(175px,1fr));max-height:320px;gap:10px} #moduleModal:has(#bookOutput) .book-category-grid button{display:flex;align-items:center;gap:8px;min-height:52px;line-height:1.35;word-break:normal;overflow-wrap:normal} #moduleModal:has(#bookOutput) .book-category-grid button span{flex:0 0 auto;margin:0} #moduleModal #bookOutput .book-card{min-width:0;overflow-wrap:anywhere} @media(max-width:650px){#moduleModal:has(#bookOutput) .book-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:280px}#moduleModal:has(#bookOutput) .book-category-grid button{font-size:13px;padding:10px}#moduleModal .nova-media-daily[data-media-kind="book"] .nova-media-daily-icon{height:110px}} /* V75.52.536: lesbare Notizaktionen unter dem Inhalt */ #novaNotesList .nova-saved-item{grid-template-columns:minmax(0,1fr)} #novaNotesList .nova-saved-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px} #novaNotesList .nova-saved-actions button{width:100%;height:auto;min-height:42px;padding:10px 8px;font-size:13px;line-height:1.4;white-space:normal;word-break:normal;overflow-wrap:normal} .nova-note-editor .nova-note-actions{display:flex;flex-wrap:wrap;gap:8px} .nova-note-editor .nova-note-actions button{width:auto;height:auto;min-height:42px;white-space:normal;line-height:1.4} #novaDailyMemo .nova-daily-memo__actions{display:flex;flex-wrap:wrap;gap:8px} #novaDailyMemo .nova-daily-memo__actions button{width:auto;flex:0 1 auto;min-height:40px;height:auto;white-space:normal;line-height:1.4} /* V75.52.536: Mehr Platz für Dashboard-Notizen. */ #novaDailyMemo #novaDailyMemoText{box-sizing:border-box;display:block;min-height:240px;max-height:none;height:var(--nova-memo-text-height,240px)} @media(max-width:768px){html:not([data-view-mode="desktop"]) #novaDailyMemo #novaDailyMemoText{min-height:220px;height:220px;resize:vertical}} /* V75.52.536: separate text actions from the narrow zoom-control grid. */ .nova-star-chart-tools{flex-wrap:wrap;min-width:0} .nova-star-chart-tools>.nova-star-chart-mode-actions{display:flex;flex-wrap:wrap;flex:1 1 340px;justify-content:flex-end;min-width:0;gap:8px} .nova-star-chart-tools>.nova-star-chart-mode-actions>button{flex:1 0 auto;width:auto;min-width:max-content;min-height:44px;height:auto;padding:10px 12px;line-height:1.35;white-space:nowrap;word-break:normal;overflow-wrap:normal;hyphens:none} .nova-star-chart-tools>.nova-star-chart-mode-actions>button[hidden]{display:none!important} @media(max-width:620px){ .nova-star-chart-tools>.nova-star-chart-mode-actions{display:flex;flex-direction:column;flex:0 0 auto;align-items:stretch;width:100%;gap:8px} .nova-star-chart-tools>.nova-star-chart-mode-actions>button{flex:0 0 auto;box-sizing:border-box;width:100%;min-width:0;text-align:center;white-space:normal;word-break:normal;overflow-wrap:normal} } /* V75.52.536 · öffentlicher SEO-Link im Rechts-/Infofooter */ .site-footer .footer-links .nova-footer-seo-link{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#dcecff;border-radius:999px;padding:10px 16px;text-align:center;cursor:pointer;font:inherit;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;line-height:1.15} .site-footer .footer-links .nova-footer-seo-link:hover{background:rgba(255,255,255,.12);color:#fff} @media(max-width:760px){.site-footer .footer-links .nova-footer-seo-link{width:100%;min-height:64px;border-radius:18px;justify-content:flex-start;text-align:left;white-space:normal}} /* V551: identical finance/future report controls and opening behavior. */ :is(.nova-finance-daily-actions,.nova-future-daily-actions) :is(a,button){ display:flex!important;align-items:center!important;justify-content:center!important; min-height:42px!important;padding:9px 13px!important;border-radius:11px!important; box-sizing:border-box!important;font-family:inherit!important;font-size:12px!important; font-weight:900!important;line-height:1.3!important;text-decoration:none!important; border:1px solid #c8ddea!important;cursor:pointer;white-space:nowrap!important; } :is(.nova-finance-daily-actions,.nova-future-daily-actions) button{ background:#fff!important;color:#176998!important; } :is(.nova-finance-daily-actions,.nova-future-daily-actions) a.nova-report-primary{ background:linear-gradient(135deg,#137bd5,#11a1b6)!important;color:#fff!important;border-color:transparent!important; } @media(max-width:760px){ :is(.nova-finance-daily-actions,.nova-future-daily-actions) :is(a,button){flex:1!important;} } :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) :is(.nova-finance-daily-actions,.nova-future-daily-actions) button{ background:#12344e!important;color:#dceffc!important;border-color:#355d78!important; } /* V552: embedded finance PDFs, including the mobile PDF zoom fix. */ .nova-finance-document-viewer[hidden]{display:none!important} .nova-finance-document-viewer{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;background:rgba(0,12,25,.8);padding:12px} .nova-finance-document-panel{width:min(1200px,100%);height:95dvh;display:flex;flex-direction:column;background:#fff;border-radius:14px;overflow:hidden} .nova-finance-document-panel header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#102f4c;color:#fff;flex-shrink:0} .nova-finance-document-panel header button{width:40px;height:40px;border:0;border-radius:8px;background:#244a6b;color:#fff;font-size:22px;cursor:pointer} .nova-finance-document-panel iframe{width:100%;flex:1;min-height:0;border:0;background:#edf2f7} html.nova-finance-document-open{overflow:hidden!important} @media(max-width:760px){.nova-finance-document-viewer{padding:0}.nova-finance-document-panel{height:100dvh;border-radius:0}} /* V557: Ride/Carsharing – lesbare Anbieterzeichen und ein einziges Schließen-X. */ #moduleModal .nova-ride-provider-grid button>span, #moduleModal .nova-carshare-provider-grid button>span, #moduleModal .nova-ride-badge, #moduleModal .nova-carshare-badge{color:#fff!important;opacity:1!important;text-shadow:none!important} #moduleModal .nova-ride-provider-grid button>span, #moduleModal .nova-carshare-provider-grid button>span{font-weight:900!important} #moduleModal:has(.nova-ride-shell) .modal-panel>.modal-close, #moduleModal:has(.nova-carshare-shell) .modal-panel>.modal-close{display:none!important} /* V559: Support im Kopfbereich, auf Desktop und Mobil. */ .topbar .nova-help-trigger{display:inline-flex!important;align-items:center;justify-content:center;gap:5px;flex-shrink:0;padding:8px 12px;border:1px solid #58bfe6;border-radius:12px;background:#edf8ff;color:#073252;font:inherit;font-size:13px;font-weight:800;cursor:pointer} .nova-help-dialog{box-sizing:border-box;width:min(420px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #58bfe6;border-radius:20px;padding:26px;background:#f5fbff;color:#10243b;box-shadow:0 20px 80px #0006} .nova-help-dialog::backdrop{background:#031326a6} .nova-help-dialog h2{margin:0 36px 12px 0;color:inherit} .nova-help-close{position:absolute;right:12px;top:10px;width:34px;height:34px;border:0;border-radius:9px;background:#deeff9;color:#12334b;font-size:26px;cursor:pointer} .nova-help-link{display:block;margin:12px 0;padding:14px;border:1px solid #78bfe6;border-radius:12px;background:#e0f2ff;color:#073252;text-decoration:none;font-weight:800} .nova-help-note{font-size:13px;line-height:1.5} .nova-help-address{color:#0863a6;overflow-wrap:anywhere;font-size:14px} body.dark-mode .nova-help-dialog{background:#071b30;color:#eef7ff} .nova-help-trigger:focus-visible,.nova-help-dialog a:focus-visible,.nova-help-close:focus-visible{outline:3px solid #0e9eea;outline-offset:3px} @media(max-width:700px){.topbar .nova-help-trigger{order:2;padding:7px 9px;font-size:12px}} /* V560: Sport-Rhythmus vollständig auch auf schmalen Report-Kacheln. */ #novaLiveHub .report-theme-sport .nova-live-card-meta{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;height:auto!important;max-height:none!important;line-height:1.45!important;max-width:100%;box-sizing:border-box} /* V561: Support auf Mobil ausschließlich als Menüzeile. */ html[data-view-mode="mobile"] .topbar .nova-help-trigger{display:none!important} #novaHelpMenu{display:flex;align-items:center;gap:12px} @media(max-width:1100px){html:not([data-view-mode="desktop"]) .topbar .nova-help-trigger{display:none!important}} /* V565: Mobile Finanzierung mit voller Inhaltsbreite. */ @media(max-width:760px){ #moduleModal.nova-realestate-finance-submodule-open .nova-re-module-shell{grid-template-columns:minmax(0,1fr)!important;gap:12px!important} #moduleModal.nova-realestate-finance-submodule-open .nova-re-module-sidebar{position:static!important;width:100%;min-width:0} #moduleModal.nova-realestate-finance-submodule-open .nova-re-module-main{width:100%;min-width:0} } /* V569: Charter-Kacheln mit durchgängigem Dark-Mode-Kontrast. */ :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-aviation-module :is(.aviation-charter-grid>a,.aviation-charter-intro){background:#0b2239!important;border-color:#315873!important;color:#edf7ff!important} :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-aviation-module .aviation-charter-grid>a :is(h4,b,em){color:#f7fbff!important} :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-aviation-module :is(.aviation-charter-grid,.aviation-charter-intro) :is(p,small){color:#c5d7e6!important} :is(body.dark-mode,body.dark-mode-theme,html[data-theme="dark"]) .nova-aviation-module .aviation-charter-tags span{background:#15354f!important;border-color:#315873!important;color:#edf7ff!important} #moduleModal.nova-country-life-modal .modal-panel{width:min(1680px,calc(100vw - 28px))!important;max-width:1680px!important;height:96dvh!important;max-height:96dvh!important;margin:2dvh auto!important;padding:20px!important;overflow:hidden!important}#moduleModal.nova-country-life-modal #modalContent{max-width:none!important;max-height:none!important}#moduleModal.nova-country-life-modal .nova-country-life-module>h2{font-size:clamp(22px,2.2vw,32px)!important;padding-right:45px}@media(max-width:700px){#moduleModal.nova-country-life-modal .modal-panel{width:calc(100vw - 8px)!important;padding:12px!important}} /* V654 SEO: native legal links keep the existing NOVA button visual. */ .site-footer .footer-links a[data-legal]{text-decoration:none}