/* chatZa mobile reference design - intentionally scoped to <= 720px. */
@media (max-width:720px){
  :root{--cz-bg:#030817;--cz-panel:#071126;--cz-panel2:#09142b;--cz-line:#182443;--cz-purple:#fba851;--cz-purple2:#ff9a1f;--cz-amber:#ff8a00;--cz-green:#18d978;}
  html,body{background:var(--cz-bg)!important;color:#f7f8ff!important;overflow:hidden!important}
  body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
  #app{background:var(--cz-bg)!important}

  /* Mobile top header */
  .cz-mobile-header{position:fixed;z-index:1600;top:0;left:0;right:0;height:72px;display:flex;align-items:center;padding:0 16px;background:rgba(3,8,23,.96);border-bottom:1px solid #111d35;backdrop-filter:blur(18px)}
  .cz-mobile-menu{width:36px;height:36px;border:0;background:none;color:#b8bce0;font-size:26px;padding:0;margin-right:10px}
  .cz-mobile-logo-icon{width:32px;height:32px;object-fit:contain;margin-right:8px;flex-shrink:0}
  .cz-mobile-logo{font-weight:800;font-size:26px;letter-spacing:-1.8px;line-height:1;color:#fff}
  .cz-mobile-logo span{color:var(--cz-amber)}
  .cz-mobile-spacer{flex:1}
  .cz-mobile-icon{position:relative;width:34px;height:34px;border:0;background:none;color:#d8dbf7;font-size:22px;padding:0;margin-left:5px}
  .cz-mobile-badge{position:absolute;right:-1px;top:-2px;background:#ff9a1f;color:#fff;border-radius:999px;min-width:18px;height:18px;font-size:11px;line-height:18px;font-weight:800;text-align:center;padding:0 4px}
  .cz-mobile-badge.hidden{display:none}
  .cz-room-loading,.cz-room-empty{padding:16px;text-align:center;color:#9da5c2;font-size:12.5px}
  .cz-mobile-avatar{width:40px;height:40px;border-radius:50%;border:1px solid #9d7d5b;margin-left:10px;position:relative;background:linear-gradient(135deg,#211343,#111b37);display:flex;align-items:center;justify-content:center;font-weight:800;color:#fee5cb;overflow:hidden}
  .cz-mobile-avatar:after{content:"";position:absolute;right:-1px;bottom:0;width:11px;height:11px;border-radius:50%;background:#18d978;border:2px solid #030817}

  .cz-mobile-bottom{position:fixed;z-index:1600;left:0;right:0;bottom:0;height:72px;background:rgba(5,11,28,.97);border-top:1px solid #16213c;display:grid;grid-template-columns:repeat(5,1fr);padding:6px 8px calc(6px + env(safe-area-inset-bottom));backdrop-filter:blur(18px)}

  /* Seitenmenü (☰ oben links) — eigenständige Schublade, unabhängig davon, welcher
     Bildschirm (Home/Chat/Forum/Profil) gerade aktiv ist. Ersetzt die alte Icon-Leiste,
     die strukturell IN der Chat-Ansicht steckte und deshalb nur dort sichtbar war. */
  .cz-side-menu-backdrop{position:fixed;inset:0;z-index:1400;background:rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:opacity .2s ease}
  .cz-side-menu-backdrop.open{opacity:1;pointer-events:auto}
  .cz-side-menu{position:fixed;top:0;left:0;bottom:0;width:78px;z-index:1401;background:#05091a;border-right:1px solid #16213c;display:flex;flex-direction:column;align-items:center;padding:16px 0;gap:6px;transform:translateX(-100%);transition:transform .22s ease;overflow-y:auto}
  .cz-side-menu.open{transform:translateX(0)}
  .cz-side-item{width:52px;height:52px;border-radius:16px;border:0;background:#0b1530;color:#b8bce0;font-size:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex-shrink:0}
  .cz-side-item span{font-size:8px;font-weight:600;letter-spacing:.2px}
  .cz-side-item.danger{color:#ff6b6b}
  .cz-side-divider{width:36px;height:1px;background:#182443;margin:4px 0;flex-shrink:0}
  .cz-nav-btn{border:0;background:none;color:#a9aecf;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;font-weight:600}
  .cz-nav-btn b{font-size:22px;line-height:20px;font-weight:500}.cz-nav-btn.active{color:#fba953}.cz-nav-btn.active b{filter:drop-shadow(0 0 8px #fa9a36)}
  .cz-nav-plus{width:54px;height:54px;border-radius:50%;margin:-20px auto 0;background:linear-gradient(135deg,#ff9a1f,#c9770a);border:1px solid #ffc873;color:white;font-size:30px;box-shadow:0 0 24px #fa942a66}

  /* hide old desktop navigation/chrome on mobile — .app-rail/.sidebar bleiben hier bewusst
     AUSGENOMMEN: die sollen im Chat sichtbar bleiben (linke Icon-Leiste + rechte "Gerade
     online"/"Aktiv in Community"-Spalte), siehe body.cz-mobile-chat-active weiter unten. */
  #chat-navbar,.news-ticker{display:none!important}
  #app{display:block!important;min-height:100vh;height:100vh;padding-top:72px;padding-bottom:78px}
  #app.hidden{display:none!important}
  .app-rail,.sidebar{display:none!important} /* ersetzt durch eigenständiges #cz-side-menu, siehe unten — funktioniert überall, nicht nur im Chat */
  #home-screen{position:fixed!important;inset:0!important;padding:72px 0 78px!important;background:var(--cz-bg)!important;overflow:auto!important;z-index:1000}
  #home-screen.hidden{display:none!important}
  /* .home-inner (die ECHTE Startseite mit echten Daten, siehe 09-home-and-events.js)
     bleibt jetzt sichtbar — vorher stand hier display:none, weil die Referenzdatei eine
     eigene JS-Kopie mit Platzhaltern nachgebaut hat (siehe entfernte homeMarkup() unten).
     Diese Kopie kam beim Einfügen NACH dem Copyright-Block, wodurch der ganz oben
     landete, sobald .home-inner (davor im DOM, aber unsichtbar) keinen Platz belegte. */
  .home-inner{padding:20px 16px 24px!important;max-width:none!important}
  .home-hero-card{border-radius:20px!important}
  .home-discover-grid{grid-template-columns:repeat(4,1fr)!important;gap:8px!important}
  .home-discover-card{padding:12px 6px!important}
  .home-discover-icon{width:38px!important;height:38px!important;font-size:17px!important}
  .home-discover-card{font-size:11px!important}
  .home-discover-sub{font-size:8.5px!important}
  .home-active-room-row,.home-status-feed>*{border-radius:14px!important}

  /* Shared mobile page container */
  .cz-mobile-page{min-height:100%;padding:18px 16px 22px;box-sizing:border-box;overflow:auto}
  .cz-section-title{font-size:18px;font-weight:800;margin:0}.cz-section-head{display:flex;align-items:center;justify-content:space-between;margin:22px 2px 10px}.cz-see{font-size:13px;color:#ffb648}
  .cz-card{background:linear-gradient(180deg,#081329,#071126);border:1px solid #17233f;border-radius:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}

  /* Home */
  .cz-home-hero{position:relative;min-height:274px;padding:25px 18px;border-radius:20px;overflow:hidden;background:radial-gradient(circle at 78% 36%,#d6781766,transparent 32%),linear-gradient(135deg,#11113b,#08112a 62%,#21102b);border:1px solid #2a2851}
  .cz-home-hero:after{content:"";position:absolute;right:-30px;top:25px;width:205px;height:180px;border-radius:50%;background:radial-gradient(circle,#fa962e66 0,#b3631033 35%,transparent 70%);filter:blur(4px)}
  .cz-home-kicker{color:#fbaf60;font-size:14px;font-weight:700}.cz-home-hero h1{font-size:30px;line-height:1.1;margin:12px 0 12px;max-width:290px}.cz-home-hero h1 span{color:var(--cz-amber)}.cz-home-hero p{color:#aeb5d3;font-size:15px;line-height:1.45;max-width:315px;margin:0}
  .cz-hero-art{position:absolute;right:3px;top:55px;width:170px;height:145px;opacity:.95}.cz-bubble{position:absolute;border:4px solid #faa44a;border-radius:38px;width:88px;height:62px;transform:rotate(-4deg);box-shadow:0 0 18px #fa9935}.cz-bubble:after{content:"";position:absolute;left:12px;bottom:-19px;border:12px solid transparent;border-top-color:#faa44a;transform:rotate(15deg)}.cz-bubble i{display:inline-block;width:8px;height:8px;background:#fba750;border-radius:50%;margin:25px 5px}.cz-bubble.amber{left:70px;top:42px;border-color:#ff8a00;box-shadow:0 0 16px #ff8a00}.cz-bubble.amber:after{border-top-color:#ff8a00}.cz-bubble.purple{left:16px;top:18px}
  .cz-hero-actions{display:flex;gap:10px;margin-top:18px;position:relative;z-index:2}.cz-action{padding:11px 15px;border-radius:999px;border:1px solid #3a345c;background:#0b1530;color:#fff;font-weight:700;font-size:13px}.cz-action.primary{background:linear-gradient(135deg,#fa962d,#d87712);border-color:#fba851;box-shadow:0 6px 18px #f9912544}
  .cz-dots{text-align:center;color:#6b718d;font-size:14px;margin-top:8px}.cz-dots span:first-child{color:#faa44a}
  .cz-discover-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.cz-discover{min-height:126px;padding:14px 7px;text-align:center}.cz-discover .ico{font-size:27px;display:block;margin-bottom:10px}.cz-discover:nth-child(1) .ico{color:#fba750}.cz-discover:nth-child(2) .ico{color:#ff9a1a}.cz-discover:nth-child(3) .ico{color:#fba953}.cz-discover:nth-child(4) .ico{color:#fa9934}.cz-discover strong{display:block;font-size:13px}.cz-discover small{display:block;color:#9ca4c4;font-size:11px;line-height:1.35;margin-top:7px}
  .cz-room-list,.cz-live-list{overflow:hidden}.cz-room{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid #17223b}.cz-room:last-child,.cz-live:last-child{border-bottom:0}.cz-room-icon{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#7a4814;color:#fba750;font-size:18px}.cz-room:nth-child(2) .cz-room-icon{background:#3b2812;color:#ff9b16}.cz-room:nth-child(3) .cz-room-icon{background:#241348;color:#fbb061}.cz-room strong{font-size:14px}.cz-room small{display:block;color:#9da5c2;margin-top:3px}.cz-room .online{font-size:11px;color:#20db7d}.cz-room .online:before{content:"";display:inline-block;width:7px;height:7px;background:#1ddd79;border-radius:50%;margin-right:5px}
  .cz-live{padding:15px;border-bottom:1px solid #17223b;display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center}.cz-face{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#9d5a2c,#2b355a);display:flex;align-items:center;justify-content:center}.cz-live strong{font-size:13px}.cz-live p{margin:3px 0 0;color:#9fa7c5;font-size:12px}.cz-live .tag{color:#ffb648}.cz-event{display:flex;align-items:center;gap:12px;padding:14px}.cz-event-icon{width:44px;height:44px;border-radius:12px;background:#7b4813;color:#fbab57;display:flex;align-items:center;justify-content:center;font-size:22px}.cz-event .btn{margin-left:auto;padding:10px 14px;border-radius:12px;background:#ff9a1f;color:white;font-weight:700;font-size:12px}

  /* Chat — nutzt die echten Klassennamen aus 03-helpers.js (.line/.ts/.name/.text/
     .mini-avatar-sm), nicht die generischen .message/.message-bubble-Namen aus der
     ursprünglichen Referenz, die es in der echten App gar nicht gibt und die deshalb
     bisher wirkungslos waren. */
  #app{padding-top:72px!important;padding-bottom:0!important;height:100vh!important}

  /* Kein eigenes Chat-spezifisches Layout mehr (linke Leiste + rechte Spalte kosteten zu
     viel Platz, Nachrichten wirkten gequetscht) — läuft jetzt wie jede andere Ansicht auch
     über Kopf-/Fußleiste; Räume/Wer-ist-online erreicht man über den ☰-Button oben links
     (öffnet dieselbe Schublade wie bisher, position:fixed-Overlay aus style.css). */

  .main{display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important;padding:0!important;background:var(--cz-bg)!important}
  .topbar{flex-shrink:0!important;position:relative!important;top:auto!important;height:56px!important;padding:0 16px!important;background:#030817!important;border-bottom:1px solid #14203a!important;z-index:20!important}
  .cz-room-strip{flex-shrink:0!important;position:relative!important;top:auto!important;z-index:19!important;display:flex!important;gap:6px!important;padding:8px 12px!important;overflow-x:auto!important;background:#050b1c!important;border-bottom:1px solid #14203a!important;-webkit-overflow-scrolling:touch!important}
  .cz-room-pill{flex-shrink:0!important;background:#0b1530!important;border:1px solid #1b2a4b!important;border-radius:999px!important;padding:7px 13px!important;font-size:12px!important;font-weight:600!important;color:#b8bce0!important;white-space:nowrap!important}
  .cz-room-pill em{font-style:normal!important;color:#20db7d!important;font-size:10px!important;margin-left:2px!important}
  .cz-room-pill.active{background:linear-gradient(135deg,#ff9a1f,#c9770a)!important;border-color:#ffc873!important;color:#fff!important}
  .cz-room-pill.active em{color:#e8dcff!important}
  .cz-room-pill-add{color:#ffb648!important;border-style:dashed!important}
  .topbar-room{font-size:20px!important;font-weight:800!important}
  .topbar-room .hash{color:#ffb648}
  .topbar-online{font-size:12px!important}
  .log{flex:1!important;min-height:0!important;height:auto!important;padding:14px 12px 160px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}
  .typing-indicator{position:fixed!important;left:16px!important;bottom:150px!important;z-index:39!important;font-size:11px!important}
  .cmd-autocomplete{position:fixed!important;left:12px!important;right:12px!important;bottom:140px!important;z-index:41!important;max-height:40vh!important;overflow-y:auto!important}
  .composer{position:fixed!important;z-index:40!important;left:12px!important;right:12px!important;bottom:82px!important;height:54px!important;border-radius:28px!important;background:#09142c!important;border:1px solid #1b2a4b!important;box-shadow:0 10px 35px #0008!important;padding:5px!important}
  .composer-input-wrap{border-radius:22px!important;background:#0b1630!important}
  .composer-prompt{display:none!important}
  .composer-input-wrap input{font-size:16px!important} /* 16px verhindert Zoom-Sprung beim Fokussieren auf iOS */
  .composer-commands-btn{width:44px!important;height:44px!important;border-radius:50%!important;background:#ff9a1f!important;color:white!important}
  .composer-send-btn{width:44px!important;height:44px!important;border-radius:50%!important;background:#ff9a1f!important;color:white!important}

  /* Nachrichten als Sprechblasen — echte Klassen (.line.chat statt erfundenem .message) */
  .line{display:block!important;width:100%!important;box-sizing:border-box!important;padding:9px 4px!important;margin:0!important;text-align:left!important}
  .line .mini-avatar-sm{display:none!important} /* schlichtes "Name: Text" statt Avatar-Kreis mit Rand ("Badge"-Optik) */
  /* Kein Flexbox mehr für die Zeile selbst — stattdessen normaler Text-Fluss (Name/Text
     als inline) + Uhrzeit rechts geflottet. Vorherige Flex-Version zentrierte trotz
     mehrfacher Korrekturen weiter (vermutlich eine geerbte Eigenschaft eines Vorfahren,
     die die order-Eigenschaft ausgehebelt hat) — Float ist hier robuster/vorhersehbarer. */
  .line .ts{float:right!important;font-size:10px!important;padding-top:2px!important;color:#6b7290!important}
  .line .name{display:inline!important;font-size:14px!important;font-weight:700!important;color:#ffb648!important}
  .line .name::after{content:':';color:#ffb648;margin-right:4px}
  .line .text{display:inline!important;text-align:left!important;background:none!important;border:0!important;border-radius:0!important;padding:0!important;margin:0!important}
  .line.chat .text{font-size:15px!important;line-height:1.6!important;color:#e8e9f5!important}
  /* eigene Nachrichten trotzdem farblich erkennbar — jetzt über den Namen statt eine Blase */
  .line.chat.own .name{color:#ff9b17!important}
  .line.chat.own .name::after{color:#ff9b17!important}

  /* Forum */
  #forum-overlay{z-index:1100!important;padding-top:72px!important;padding-bottom:78px!important;background:var(--cz-bg)!important}.forum-header{height:74px!important;padding:14px 20px!important;background:var(--cz-bg)!important;border-bottom:0!important}.forum-header .area-badge{font-size:22px!important;background:none!important;color:#fff!important}.forum-header .area-badge:before{content:"▣";color:#ffb648;margin-right:8px}.forum-breadcrumb{display:none!important}#forum-close{border:1px solid #fbaf60!important;color:#ff9a13!important;background:transparent!important;border-radius:14px!important;padding:10px 13px!important}.forum-body{padding:0 16px 20px!important;max-width:none!important}.forum-category-title{font-family:inherit!important;color:#fff!important;border:0!important;font-size:18px!important;margin:22px 0 10px!important}.forum-row{border-radius:0!important;border-left:0!important;border-right:0!important;background:#071126!important;padding:15px 8px!important;margin:0!important}.forum-row-title{font-size:14px!important}.forum-row-desc{font-size:11px!important}.forum-row-stats{font-size:10px!important;min-width:84px!important}.forum-new-btn{border-radius:14px!important;padding:10px 13px!important;background:transparent!important;border:1px solid #ff9512!important;color:#ff9b19!important}

  /* Profile modal - screenshot-like card */
  #modal-overlay{z-index:1150!important;padding:72px 0 78px!important;background:var(--cz-bg)!important;align-items:stretch!important;justify-content:stretch!important}
  #modal-overlay .modal-card{width:100%!important;height:100%!important;max-width:none!important;border:0!important;border-radius:0!important;background:var(--cz-bg)!important;box-shadow:none!important;overflow:auto!important}
  #modal-overlay .modal-header{position:sticky!important;top:0!important;z-index:10!important;background:rgba(3,8,23,.96)!important;border-bottom:1px solid #14203a!important;padding:18px 16px!important;font-size:18px!important}.modal-header button{font-size:20px!important}
  #modal-overlay .modal-body{padding:14px 16px 30px!important}.profile-banner{border-radius:18px!important;min-height:290px!important;padding:24px 18px!important;display:grid!important;grid-template-columns:150px 1fr!important;align-items:center!important;gap:8px 14px!important;background:linear-gradient(135deg,#0a1128,#21102c)!important;border:1px solid #2a2349!important;text-align:left!important}.profile-avatar-ring{grid-row:1/5!important;width:150px!important;height:150px!important}.profile-avatar-img{width:100%!important;height:100%!important}.profile-name-big{font-size:30px!important;text-align:left!important}.profile-motto{text-align:left!important;font-size:15px!important}.profile-badges{justify-content:flex-start!important}.profile-views{text-align:left!important}.profile-stats{grid-template-columns:repeat(3,1fr)!important;border-radius:0!important;background:transparent!important;margin:0!important;padding:14px 0!important}.profile-stat{border-right:1px solid #1a2742!important}.profile-tabs{display:flex!important;overflow:auto!important;gap:24px!important;border-bottom:1px solid #17233e!important;position:sticky!important;top:57px!important;background:var(--cz-bg)!important;z-index:8!important}.profile-tab-btn{white-space:nowrap!important;background:none!important;border:0!important;padding:13px 0!important;border-radius:0!important}.profile-tab-btn.active{background:none!important;color:#fba750!important;border-bottom:2px solid #fba750!important}.profile-status-block,.profile-tags-block,.profile-edit,.gb-list,.profile-security-zone{background:#071126!important;border:1px solid #17233f!important;border-radius:16px!important;padding:16px!important;margin-top:14px!important}.profile-status-label{font-size:18px!important;color:#fff!important;text-transform:none!important;letter-spacing:0!important}.profile-status-text{font-size:14px!important;line-height:1.55!important}.profile-tags-list{gap:7px!important}.profile-tag-chip{border-radius:999px!important;background:#0b1730!important;border:1px solid #243454!important;padding:7px 11px!important}

  /* Copyright/Impressum/Datenschutz — war position:fixed in einer Ecke, lag dadurch
     GENAU dort, wo jetzt die neue Fußleiste sitzt (z-index niedriger, also unsichtbar
     dahinter verschwunden). Jetzt normaler Teil des scrollbaren Fußbereichs. */
  .page-copyright-corner{position:static!important;left:auto!important;bottom:auto!important;max-width:none!important;width:100%!important;text-align:center!important;padding:18px 16px calc(90px + env(safe-area-inset-bottom))!important;font-size:10px!important;opacity:.7!important}
  .page-copyright-corner a{margin:0 6px!important}

  /* prevent legacy desktop home/app elements from flashing */
  #app.hidden,#home-screen.hidden,#modal-overlay.hidden,#forum-overlay.hidden{display:none!important}

  /* Mitglieder-/Rangliste-Zeilen (nutzen dieselbe generische .modal-card wie das Profil,
     aber ohne .profile-banner — eigener Feinschliff, damit Zeilen nicht wie Desktop-Listen
     wirken, sondern wie die Karten-Reihen aus dem Rest des Redesigns). */
  .member-row{background:#071126!important;border:1px solid #17233f!important;border-radius:14px!important;padding:12px 14px!important;margin-bottom:8px!important;gap:10px!important;flex-wrap:nowrap!important}
  .member-avatar-img,.member-avatar-fallback{width:44px!important;height:44px!important}
  .member-name{font-size:13.5px!important;font-weight:700!important}
  .member-level-badge{font-size:9.5px!important}
  .member-row-right{gap:4px!important}
  .member-row-status,.member-row-stats{font-size:9.5px!important}
  .member-msg-btn{font-size:10.5px!important;padding:6px 10px!important}
  .member-search-row input,#modal-overlay .modal-body input[type="text"],#modal-overlay .modal-body input[type="search"]{background:#0b1630!important;border:1px solid #1b2a4b!important;border-radius:14px!important;padding:12px 14px!important;font-size:14px!important}

  /* Seitenmenü (☰ oben links) — Räume/Account/Community/Hilfe. War als reine Desktop-
     Schublade gestaltet (dunkles Panel ohne Bezug zum neuen Look); jetzt im selben
     Karten-Stil wie der Rest der mobilen Ansicht, plus tieferer z-index als der neue
     Kopf-/Fußbereich, damit sie darüber sichtbar bleibt. */
  .sidebar{top:72px!important;bottom:78px!important;background:var(--cz-bg)!important;z-index:1300!important;padding:12px!important}
  .sidebar-backdrop{z-index:1299!important;top:72px!important;bottom:78px!important}
  .app-rail.sidebar-open{z-index:1301!important}
  .sidebar-section{background:#071126!important;border:1px solid #17233f!important;border-radius:14px!important;margin-bottom:10px!important;padding:10px!important}
  .community-btn{background:transparent!important;border:0!important;border-radius:10px!important;padding:11px 10px!important;font-size:13px!important}
  .community-btn:hover{background:rgba(165,76,255,.12)!important;color:#ffb648!important;border-color:transparent!important}
  .sidebar-group summary{padding:10px!important;border-radius:10px!important}
  .room-item{border-radius:10px!important;padding:10px!important}
  .room-item.active{background:rgba(165,76,255,.14)!important}
  .room-picker-item{background:#071126!important;border:1px solid #17233f!important;border-radius:12px!important;padding:12px 14px!important;margin-bottom:6px!important}
}
@media(max-width:390px){.cz-mobile-logo{font-size:27px}.cz-mobile-icon{font-size:20px}.cz-discover-grid{gap:5px}.cz-discover{min-height:120px}.cz-home-hero h1{font-size:27px}.cz-hero-art{transform:scale(.82);transform-origin:right top;right:-10px}.profile-banner{grid-template-columns:115px 1fr!important}.profile-avatar-ring{width:115px!important;height:115px!important}}

/* ---- Integrations-Patch für mobile-design-v2.css: die Datei geht davon aus, dass
   .cz-header/.cz-bottom-nav klassische Seiten-Elemente sind, die im normalen HTML stehen
   und nur bei schmalen Screens gebraucht werden. Bei uns hängen sie per JS direkt am
   <body> (siehe 11-mobile-design.js), unabhängig von #app/#home-screen — dafür brauchen
   sie IMMER position:fixed (nicht nur sticky) und müssen auf Desktop-Breiten ausgeblendet
   bleiben, wo weiterhin die alte Desktop-Navbar läuft. ID-Selektoren, damit das zuverlässig
   über .cz-header/.cz-bottom-nav aus mobile-design-v2.css gewinnt, unabhängig von der
   Lade-Reihenfolge der beiden Dateien. ---- */
#cz-mobile-header { position: fixed !important; }
@media (min-width: 721px) {
  #cz-mobile-header, #cz-mobile-bottom, #cz-side-menu, #cz-side-menu-backdrop { display: none !important; }
}