/* TeacherWidget V511.6 – Modern Glass UI Reine Präsentationsschicht. Canvas, Datenmodelle, IDs, Event-Handler, Speicherung, Cloud-Sync, Exporte und Sicherheitsfunktionen bleiben unverändert. */ :root{ --tw-ui-bg:#f3f6fb; --tw-ui-surface:#fff; --tw-ui-surface-2:#f8faff; --tw-ui-surface-3:#eef4ff; --tw-ui-border:#e3e9f2; --tw-ui-border-strong:#cfd9e8; --tw-ui-text:#172238; --tw-ui-muted:#728096; --tw-ui-blue:#0868ed; --tw-ui-blue-2:#1557da; --tw-ui-blue-soft:#eaf2ff; --tw-ui-green:#1c9b5f; --tw-ui-green-soft:#eaf8f1; --tw-ui-red:#d94343; --tw-ui-amber:#db8b0b; --tw-ui-purple:#7b3fe4; --tw-ui-shadow:0 24px 70px rgba(29,49,84,.18); --tw-ui-shadow-soft:0 8px 28px rgba(29,49,84,.10); --tw-ui-shadow-float:0 14px 40px rgba(24,45,82,.16),0 2px 8px rgba(24,45,82,.06); --tw-ui-font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; } html,body{background:var(--tw-ui-bg)!important;color:var(--tw-ui-text)!important} body.tw-ui-v511,body.tw-ui-v511 button,body.tw-ui-v511 input,body.tw-ui-v511 select,body.tw-ui-v511 textarea:not([data-text-edit]){font-family:var(--tw-ui-font)!important} body.tw-ui-v511 button{letter-spacing:-.012em} body.tw-ui-v511 button:focus-visible,body.tw-ui-v511 input:focus-visible,body.tw-ui-v511 select:focus-visible,body.tw-ui-v511 textarea:not([data-text-edit]):focus-visible{outline:3px solid rgba(8,104,237,.22)!important;outline-offset:2px!important} body.tw-ui-v511 input:not([type="range"]):not([type="color"]),body.tw-ui-v511 select,body.tw-ui-v511 textarea:not([data-text-edit]){border:1px solid var(--tw-ui-border-strong)!important;border-radius:12px!important;background:#fff!important;color:var(--tw-ui-text)!important;box-shadow:0 1px 2px rgba(29,49,84,.03)!important} body.tw-ui-v511 input:focus,body.tw-ui-v511 select:focus,body.tw-ui-v511 textarea:not([data-text-edit]):focus{border-color:var(--tw-ui-blue)!important;box-shadow:0 0 0 4px rgba(8,104,237,.10)!important} /* V511.8: Textobjekte auf der Tafel sind keine normalen Formularfelder. Ihre Schrift, Textfarbe und Hintergrundtransparenz stammen aus dem Objektmodell und dürfen von der modernen Formularoptik nicht überschrieben werden. */ body.tw-ui-v511 textarea[data-text-edit]{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:6px!important} body.tw-ui-v511 textarea[data-text-edit]:focus{border:0!important;box-shadow:none!important} /* V511.8: dezente, direkt auf dem Objektrand liegende Größen-Griffe. Die großen transparenten Trefferflächen bleiben auch auf Touch-Geräten gut bedienbar; sichtbar ist nur eine kleine moderne Markierung. */ .tw-object-resize-handle{opacity:.72;transition:opacity .13s ease,filter .13s ease;outline:0} .tw-object-resize-handle::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(8,104,237,.84);border:1px solid rgba(255,255,255,.96);box-shadow:0 1px 4px rgba(20,49,91,.25);box-sizing:border-box;pointer-events:none} .tw-object-resize-handle[data-resize-direction="nw"]::after,.tw-object-resize-handle[data-resize-direction="ne"]::after,.tw-object-resize-handle[data-resize-direction="sw"]::after,.tw-object-resize-handle[data-resize-direction="se"]::after{width:9px;height:9px;border-radius:50%} .tw-object-resize-handle[data-resize-direction="n"]::after,.tw-object-resize-handle[data-resize-direction="s"]::after{width:24px;height:3px;border-radius:999px} .tw-object-resize-handle[data-resize-direction="e"]::after,.tw-object-resize-handle[data-resize-direction="w"]::after{width:3px;height:24px;border-radius:999px} .tw-object-resize-handle:hover,.tw-object-resize-handle:focus-visible,.tw-object-resize-handle[data-resizing="1"]{opacity:1;filter:drop-shadow(0 2px 5px rgba(8,104,237,.24))} .tw-ui-icon{width:20px;height:20px;display:block;flex:0 0 auto} /* App und Haupttafel */ #twBoard49Modal{background:linear-gradient(145deg,#f5f7fb 0%,#eef3f9 100%)!important;color:var(--tw-ui-text)!important} #twBoard49Modal>div{isolation:isolate} #twBoard49HeaderBar{position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-height:50px!important;height:50px!important;flex-basis:50px!important;padding:5px 14px!important;background:rgba(255,255,255,.96)!important;border:0!important;border-bottom:1px solid rgba(222,230,241,.9)!important;box-shadow:0 4px 18px rgba(31,49,82,.065)!important;backdrop-filter:blur(20px) saturate(1.15);-webkit-backdrop-filter:blur(20px) saturate(1.15);z-index:2147482000!important} #twBoard49HeaderBar .tw-ui-header-left{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;flex:1 1 auto!important;overflow:hidden!important} .tw-ui-brand{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#0873f9,#0b4fd3);color:#fff;box-shadow:0 8px 18px rgba(8,104,237,.28)} .tw-ui-brand .tw-ui-icon{width:23px;height:23px;stroke-width:1.9} .tw-ui-title-stack{min-width:0;display:flex;flex-direction:column;gap:1px;margin-right:2px} .tw-ui-board-title{font-size:16px;font-weight:830;line-height:1.12;color:var(--tw-ui-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(35vw,470px);letter-spacing:-.025em} .tw-ui-board-subtitle{font-size:10.5px;font-weight:650;color:var(--tw-ui-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(35vw,470px)} #twBoard49PageInfo.tw-ui-page-pill{font-size:10px!important;font-weight:700!important;color:#66758c!important;max-width:160px!important;padding:5px 8px!important;border-radius:999px!important;background:#f6f8fc!important;border:1px solid var(--tw-ui-border)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} .tw-ui-header-divider{width:1px;height:24px;background:var(--tw-ui-border);flex:0 0 auto;margin:0 2px} .tw-ui-header-date{font-size:11px;font-weight:700;color:#526079;white-space:nowrap} #twBoard49JsStatusModal{font-size:10px!important;font-weight:800!important;max-width:170px!important;padding:5px 8px!important;border-radius:999px!important;background:#fff0f0!important;color:#bd3434!important;border:1px solid #f2caca!important} #twBoard49JsStatusModal[hidden]{display:none!important} #twBoard49CloudSyncBadge{position:relative;font-size:0!important;min-width:96px!important;height:30px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:0 10px 0 28px!important;border-radius:999px!important;background:#f5f7fb!important;color:#66758c!important;border:1px solid var(--tw-ui-border)!important;box-sizing:border-box!important} #twBoard49CloudSyncBadge::before{content:"";position:absolute;left:9px;width:13px;height:13px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;opacity:.8} #twBoard49CloudSyncBadge::after{content:attr(data-ui-label);font-size:10px;font-weight:800;white-space:nowrap} #twBoard49CloudSyncBadge:not([data-ui-label])::after{content:"Cloud"} #twBoard49CloudSyncBadge.tw-ui-cloud-ok{background:var(--tw-ui-green-soft)!important;color:#167748!important;border-color:#c8ead8!important} #twBoard49CloudSyncBadge.tw-ui-cloud-ok::before{border:0;width:15px;height:15px;background:currentColor;clip-path:polygon(11% 52%,35% 76%,89% 20%,100% 31%,35% 95%,0 63%);opacity:1} #twBoard49CloudSyncBadge.tw-ui-cloud-warn{background:#fff7e7!important;color:#9d6508!important;border-color:#f1d79c!important} #twBoard49CloudSyncBadge.tw-ui-cloud-error{background:#fff0f0!important;color:#b63131!important;border-color:#f1c8c8!important} #twBoard49HeaderBar .tw-ui-header-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;min-width:0!important;overflow:visible!important;flex-wrap:nowrap!important} #twBoard49HeaderBar button{height:36px!important;min-width:36px!important;padding:0 11px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;border-radius:11px!important;border:1px solid transparent!important;font-size:11.5px!important;font-weight:800!important;line-height:1!important;box-shadow:none!important;transition:transform .12s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease!important} #twBoard49HeaderBar button:hover{transform:translateY(-1px)} #twBoard49UndoBtn,#twBoard49RedoBtn{display:none!important} #twBoard49SaveBtn.tw-ui-primary-action{background:linear-gradient(135deg,var(--tw-ui-blue),var(--tw-ui-blue-2))!important;color:#fff!important;box-shadow:0 7px 15px rgba(8,104,237,.22)!important} #twBoard49ShareQrBtn.tw-ui-secondary-action,#twBoard49PdfExportBtn.tw-ui-secondary-action,#twUiHeaderMoreBtn.tw-ui-secondary-action{background:#fff!important;color:#26344d!important;border-color:var(--tw-ui-border)!important} #twBoard49ShareQrBtn:hover,#twBoard49PdfExportBtn:hover,#twUiHeaderMoreBtn:hover{background:#f8faff!important;border-color:#c8d7ec!important} .tw-ui-action-label{white-space:nowrap} .tw-ui-more-wrap{position:relative;display:inline-flex} #twUiHeaderMoreMenu{display:none;position:fixed;right:56px;top:61px;width:280px;max-height:calc(100vh - 76px);overflow:auto;padding:8px;background:rgba(255,255,255,.98);border:1px solid var(--tw-ui-border);border-radius:17px;box-shadow:var(--tw-ui-shadow);z-index:2147483500;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)} #twUiHeaderMoreMenu.is-open{display:grid;gap:4px;animation:twUiMenuIn .14s ease-out} #twUiHeaderMoreMenu button.tw-ui-menu-action{display:flex!important;width:100%!important;height:42px!important;justify-content:flex-start!important;background:transparent!important;color:#26344d!important;border-color:transparent!important;box-shadow:none!important} #twUiHeaderMoreMenu button.tw-ui-menu-action:hover{background:var(--tw-ui-blue-soft)!important;color:#0d5ed3!important} #twUiHeaderMoreMenu #twBoard49ResetStorageBtn{background:#fff5f5!important;color:#b53333!important} #twBoard49CloseBtn.tw-ui-close-action{width:36px!important;padding:0!important;background:#f6f8fc!important;color:#5f6d82!important;border-color:var(--tw-ui-border)!important} @keyframes twUiMenuIn{from{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:none}} #twBoard49ToolbarStageRow{background:var(--tw-ui-bg)!important;position:relative!important;overflow:hidden!important} #twBoard49StageWrap{padding:0!important;background:transparent!important;box-sizing:border-box!important} #twBoard49Viewport{border-radius:0!important} #twBoard49Stage{border-radius:0!important;box-shadow:inset 0 0 0 1px rgba(218,226,238,.86)!important;background:#fff!important} #twBoard49FocusOverlay{border-radius:0!important} #twBoard49ShowToolbarBtn{left:12px!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;z-index:2147483200!important;width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;border:1px solid rgba(205,218,237,.82)!important;border-radius:50%!important;background:rgba(255,255,255,.42)!important;color:var(--tw-ui-blue)!important;box-shadow:var(--tw-ui-shadow-float)!important;backdrop-filter:blur(18px) saturate(1.1)!important;-webkit-backdrop-filter:blur(18px) saturate(1.1)!important;font-size:0!important;line-height:0!important;text-align:center!important} #twBoard49Modal.tw-ui-toolbar-visible #twBoard49ShowToolbarBtn{display:none!important} /* Linke Werkzeugnavigation – Overlay, die Canvas-Abmessung bleibt unverändert. */ #twBoard49Toolbar.tw-ui-rail-mode{position:absolute!important;left:10px!important;top:10px!important;bottom:10px!important;width:164px!important;max-width:none!important;z-index:2147481900!important;padding:7px!important;border:1px solid rgba(224,231,241,.92)!important;border-radius:18px!important;background:rgba(247,250,255,.34)!important;box-shadow:var(--tw-ui-shadow-float)!important;backdrop-filter:blur(20px) saturate(1.08)!important;-webkit-backdrop-filter:blur(20px) saturate(1.08)!important;overflow:hidden auto!important;scrollbar-width:none!important;box-sizing:border-box!important;transition:width .18s ease!important} #twBoard49Toolbar.tw-ui-rail-mode::-webkit-scrollbar{display:none} #twBoard49Toolbar.tw-ui-rail-mode.tw-ui-rail-collapsed{width:66px!important} #twBoard49Toolbar.tw-ui-rail-mode>div:first-child:not(#twBoard49BubbleStrip){display:none!important} #twBoard49BubbleStrip{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;justify-content:flex-start!important;gap:3px!important;margin:0!important;width:100%!important;min-height:100%!important} #twBoard49BubbleStrip button{margin:0!important;flex:0 0 auto!important} .tw-ui-rail-toggle,.tw-ui-rail-hide,#twBoard49BubbleStrip .tw-ui-rail-item{width:100%!important;height:45px!important;min-height:45px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;padding:0 10px!important;border:1px solid transparent!important;border-radius:12px!important;background:transparent!important;color:#42516a!important;box-shadow:none!important;box-sizing:border-box!important;font-size:11px!important;font-weight:780!important;overflow:hidden!important;transition:background .15s ease,border-color .15s ease,color .15s ease!important} .tw-ui-rail-toggle,.tw-ui-rail-hide{height:38px!important;min-height:38px!important;color:#8490a3!important;border-radius:9px!important} .tw-ui-rail-toggle{margin-bottom:3px!important} .tw-ui-rail-hide{margin-bottom:5px!important;color:#6f7d92!important;border-bottom:1px solid var(--tw-ui-border)!important} .tw-ui-rail-toggle .tw-ui-icon,.tw-ui-rail-hide .tw-ui-icon{width:17px;height:17px} #twBoard49BubbleStrip .tw-ui-rail-item:hover{background:#f4f8ff!important;color:#0a60d8!important} #twBoard49BubbleStrip .tw-ui-rail-item.tw-ui-rail-active{background:linear-gradient(90deg,#e7f1ff,#f2f7ff)!important;color:#0863dc!important;border-color:#d6e5fb!important;box-shadow:inset 3px 0 0 var(--tw-ui-blue)!important} .tw-ui-rail-icon{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center} .tw-ui-rail-icon .tw-ui-icon{width:20px;height:20px} .tw-ui-rail-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:1;transition:opacity .12s ease} #twBoard49Toolbar.tw-ui-rail-collapsed .tw-ui-rail-toggle,#twBoard49Toolbar.tw-ui-rail-collapsed .tw-ui-rail-hide,#twBoard49Toolbar.tw-ui-rail-collapsed #twBoard49BubbleStrip .tw-ui-rail-item{justify-content:center!important;padding:0!important} #twBoard49Toolbar.tw-ui-rail-collapsed .tw-ui-rail-label,#twBoard49Toolbar.tw-ui-rail-collapsed .tw-ui-rail-toggle span,#twBoard49Toolbar.tw-ui-rail-collapsed .tw-ui-rail-hide span{display:none!important} /* Komplette Werkzeugleiste bleibt ebenfalls ein Overlay. */ #twBoard49Toolbar.tw-ui-toolbar-full{position:absolute!important;left:10px!important;top:10px!important;bottom:10px!important;width:min(370px,calc(100vw - 20px))!important;max-width:calc(100vw - 20px)!important;z-index:2147482300!important;flex:none!important;padding:12px!important;border:1px solid rgba(224,231,241,.96)!important;border-radius:20px!important;background:rgba(247,250,255,.38)!important;box-shadow:var(--tw-ui-shadow)!important;backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important;overflow:auto!important;box-sizing:border-box!important} #twBoard49Toolbar.tw-ui-toolbar-full>div:first-child{position:sticky;top:-12px;z-index:4;margin:-12px -12px 12px!important;padding:13px 14px!important;background:rgba(255,255,255,.56)!important;border-bottom:1px solid rgba(227,233,242,.78)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important} #twBoard49Toolbar.tw-ui-toolbar-full>div:first-child>div>div:first-child{font-size:17px!important;color:var(--tw-ui-text)!important;letter-spacing:-.025em} #twBoard49Toolbar.tw-ui-toolbar-full #twBoard49ToolbarModeText{font-size:10px!important;color:var(--tw-ui-muted)!important} #twBoard49Toolbar.tw-ui-toolbar-full #twBoard49ToolbarHideBtn{width:34px!important;height:34px!important;background:#f5f7fb!important;color:#627087!important;border:1px solid var(--tw-ui-border)!important} #twBoard49Toolbar.tw-ui-toolbar-full [data-toolbar-section]{margin:0 0 10px!important;padding:13px!important;border:1px solid var(--tw-ui-border)!important;border-radius:16px!important;background:rgba(255,255,255,.58)!important;box-shadow:0 4px 15px rgba(28,47,81,.045)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;color:var(--tw-ui-text)!important} #twBoard49Toolbar.tw-ui-toolbar-full [data-toolbar-section]>div:first-child{font-size:14px!important;color:var(--tw-ui-text)!important;letter-spacing:-.015em} /* Rechter Inspector – ebenfalls Overlay. */ #twBoard49BubbleSectionPopup.tw-ui-inspector{position:fixed!important;left:auto!important;right:12px!important;top:62px!important;bottom:78px!important;width:326px!important;max-width:calc(100vw - 24px)!important;max-height:none!important;padding:0!important;border:1px solid rgba(222,230,241,.96)!important;border-radius:19px!important;background:rgba(255,255,255,.975)!important;box-shadow:var(--tw-ui-shadow)!important;backdrop-filter:blur(22px) saturate(1.08)!important;-webkit-backdrop-filter:blur(22px) saturate(1.08)!important;overflow:auto!important;z-index:2147483050!important;scrollbar-width:thin!important;scrollbar-color:#c9d4e4 transparent!important} .tw-ui-inspector-header{position:sticky;top:0;z-index:5;background:rgba(255,255,255,.97);border-bottom:1px solid var(--tw-ui-border);padding:12px 13px 0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)} .tw-ui-inspector-title-row{display:grid;grid-template-columns:36px minmax(0,1fr) 32px;align-items:center;gap:9px;padding-bottom:11px} .tw-ui-inspector-badge{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--tw-ui-blue-soft);color:var(--tw-ui-blue);border:1px solid #cfe0fb} .tw-ui-inspector-badge .tw-ui-icon{width:20px;height:20px} .tw-ui-inspector-title-row strong{display:block;font-size:14px;color:var(--tw-ui-text);letter-spacing:-.02em} .tw-ui-inspector-title-row small{display:block;font-size:9.5px;color:var(--tw-ui-muted);font-weight:650;margin-top:2px} .tw-ui-inspector-close{width:32px;height:32px;padding:0!important;border-radius:9px!important;border:1px solid var(--tw-ui-border)!important;background:#f6f8fc!important;color:#66748a!important;display:grid!important;place-items:center!important} .tw-ui-inspector-close .tw-ui-icon{width:16px;height:16px} .tw-ui-inspector-tabs{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:4px} .tw-ui-inspector-tabs button{height:34px;border:0!important;border-radius:9px 9px 0 0!important;background:transparent!important;color:#738097!important;font-size:10.5px!important;font-weight:780!important;padding:0 5px!important} .tw-ui-inspector-tabs button.active{color:var(--tw-ui-blue)!important;background:#f5f9ff!important;box-shadow:inset 0 -2px 0 var(--tw-ui-blue)!important} #twBoard49BubbleSectionPopup .tw-ui-inspector-section{display:block!important;margin:0!important;padding:14px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--tw-ui-text)!important} #twBoard49BubbleSectionPopup .tw-ui-inspector-section>div:first-child{font-size:15px!important;color:var(--tw-ui-text)!important;margin-bottom:11px!important;letter-spacing:-.02em} #twBoard49BubbleSectionPopup .tw-ui-inspector-section>div:not(:first-child)[style*="background"]{background:#f8faff!important;border-color:var(--tw-ui-border)!important;border-radius:13px!important} #twBoard49BubbleSectionPopup button:not(.tw-ui-color-swatch){min-height:36px!important;border-radius:10px!important;border:1px solid var(--tw-ui-border)!important;background:#fff!important;color:#33425b!important;font-size:11px!important;font-weight:760!important;box-shadow:none!important} #twBoard49BubbleSectionPopup button:not(.tw-ui-color-swatch):hover{background:#f3f7ff!important;border-color:#c9d9f0!important;color:#075fcf!important} #twBoard49BubbleSectionPopup button:not(.tw-ui-color-swatch)[style*="#108b8b"],#twBoard49BubbleSectionPopup button[style*="#2d7bdc"],#twBoard49BubbleSectionPopup button[style*="#123524"]{background:linear-gradient(135deg,var(--tw-ui-blue),var(--tw-ui-blue-2))!important;color:#fff!important;border-color:transparent!important;box-shadow:0 5px 12px rgba(8,104,237,.16)!important} #twBoard49BubbleSectionPopup button[style*="#f7d7d3"]{background:#fff2f2!important;color:#b03232!important;border-color:#f1d0d0!important} #twBoard49BubbleSectionPopup input[type="range"]{accent-color:var(--tw-ui-blue)!important} #twBoard49BubbleSectionPopup input[type="color"]{border-radius:10px!important;border:2px solid #fff!important;box-shadow:0 0 0 1px var(--tw-ui-border-strong)!important} /* Untere Schnellleiste – ruhige Gruppen wie im Mockup. */ #twBoard49PenFloatMenu.tw-ui-quickbar{display:none;left:50%!important;right:auto!important;bottom:max(var(--tw-penbar-bottom-gap,10px),calc(env(safe-area-inset-bottom,0px) + 8px))!important;transform:translateX(-50%)!important;width:auto!important;max-width:calc(100vw - 180px)!important;min-height:58px!important;padding:7px 9px!important;gap:0!important;align-items:stretch!important;border:1px solid rgba(222,230,241,.78)!important;border-radius:18px!important;background:rgba(255,255,255,.38)!important;box-shadow:var(--tw-ui-shadow-float)!important;backdrop-filter:blur(24px) saturate(1.12)!important;-webkit-backdrop-filter:blur(24px) saturate(1.12)!important;overflow:visible!important;box-sizing:border-box!important} #twBoard49PenFloatMenu.tw-ui-quickbar[style*="display: flex"],#twBoard49PenFloatMenu.tw-ui-quickbar[style*="display:flex"]{display:flex!important} .tw-ui-quick-group{position:relative;display:flex;align-items:center;gap:4px;padding:18px 10px 2px;border-right:1px solid var(--tw-ui-border);min-width:0} .tw-ui-quick-group:last-child{border-right:0} .tw-ui-quick-label{position:absolute;left:11px;top:3px;font-size:8.5px;font-weight:790;color:#7b879a;white-space:nowrap;text-transform:none} #twBoard49PenFloatMenu .tw-ui-quick-btn{width:34px!important;min-width:34px!important;height:32px!important;padding:0!important;border:1px solid transparent!important;border-radius:9px!important;background:transparent!important;color:#485873!important;display:grid!important;place-items:center!important;box-shadow:none!important} #twBoard49PenFloatMenu .tw-ui-quick-btn:hover{background:var(--tw-ui-blue-soft)!important;color:var(--tw-ui-blue)!important;border-color:#d2e1f8!important} #twBoard49PenFloatMenu .tw-ui-quick-btn .tw-ui-icon{width:18px;height:18px} #twBoard49PenFloatColorWheelBtn{width:30px!important;height:30px!important;min-width:30px!important;border:3px solid #fff!important;box-shadow:0 0 0 1px #c9d5e5,0 3px 8px rgba(29,49,84,.13)!important} #twBoard49PenFloatSize{width:105px!important;accent-color:var(--tw-ui-blue)!important} #twBoard49PenFloatSizeText{font-size:10px!important;color:#536179!important;min-width:28px!important} #twBoard49PenFloatToolPopup,#twBoard49PenFloatGeoPopup,#twBoard49PenFloatColorPopup{background:rgba(255,255,255,.985)!important;border:1px solid var(--tw-ui-border)!important;border-radius:14px!important;box-shadow:var(--tw-ui-shadow)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important} #twBoard49PenFloatReopenBtn{bottom:max(var(--tw-penbar-bottom-gap,14px),calc(env(safe-area-inset-bottom,0px) + 8px))!important;width:40px!important;height:40px!important;border-radius:50%!important;background:rgba(255,255,255,.42)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;color:var(--tw-ui-blue)!important;border:1px solid var(--tw-ui-border)!important;box-shadow:var(--tw-ui-shadow-float)!important;font-size:0!important;line-height:0!important} /* Werkzeugkoffer – moderner, verschiebbarer Drawer statt Vollbildwand. */ .tw-tb-window.tw-ui-toolbox-drawer{background:#f7f9fd!important;border:1px solid rgba(222,230,241,.96)!important;border-radius:22px!important;box-shadow:0 32px 90px rgba(24,43,78,.28)!important;overflow:hidden!important} .tw-tb-titlebar{height:58px!important;flex-basis:58px!important;padding:0 13px!important;background:rgba(255,255,255,.98)!important;color:var(--tw-ui-text)!important;border-bottom:1px solid var(--tw-ui-border)!important} .tw-tb-title{display:flex!important;align-items:center!important;gap:10px!important;font-size:19px!important;letter-spacing:-.03em!important} .tw-ui-toolbox-title-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--tw-ui-blue-soft);color:var(--tw-ui-blue);border:1px solid #cfe0fb} .tw-ui-toolbox-title-icon .tw-ui-icon{width:19px;height:19px} .tw-tb-winbtn{width:35px!important;height:35px!important;border-radius:10px!important;background:#f5f7fb!important;color:#5a687f!important;border:1px solid var(--tw-ui-border)!important;box-shadow:none!important} .tw-tb-body{grid-template-columns:350px minmax(0,1fr)!important;background:#f6f8fc!important} .tw-tb-nav{padding:12px!important;background:#fbfcfe!important;border-right:1px solid var(--tw-ui-border)!important;overflow:auto!important} .tw-ui-toolbox-search{position:sticky;top:-12px;z-index:5;margin:-12px -12px 8px;padding:12px 12px 8px;background:rgba(251,252,254,.97);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)} .tw-ui-toolbox-search label{position:relative;display:block} .tw-ui-toolbox-search label>.tw-ui-icon{position:absolute;left:12px;top:50%;width:17px;height:17px;transform:translateY(-50%);color:#7a879a;pointer-events:none} .tw-ui-toolbox-search input{width:100%;height:42px;padding:0 12px 0 38px!important;font-size:12px!important;font-weight:650!important;border-radius:12px!important} .tw-ui-toolbox-cats{display:flex;gap:5px;overflow:auto;margin-top:9px;scrollbar-width:none}.tw-ui-toolbox-cats::-webkit-scrollbar{display:none} .tw-ui-toolbox-cats button{height:30px!important;min-width:max-content!important;padding:0 10px!important;border-radius:999px!important;border:1px solid var(--tw-ui-border)!important;background:#fff!important;color:#647187!important;font-size:9.5px!important;font-weight:760!important;box-shadow:none!important} .tw-ui-toolbox-cats button.active{background:var(--tw-ui-blue)!important;color:#fff!important;border-color:var(--tw-ui-blue)!important} .tw-tb-nav>button[data-tool]{display:grid!important;grid-template-columns:44px minmax(0,1fr) 18px!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:58px!important;margin:5px 0!important;padding:8px 10px!important;border:1px solid var(--tw-ui-border)!important;border-radius:14px!important;background:#fff!important;color:var(--tw-ui-text)!important;box-shadow:0 2px 8px rgba(27,47,80,.035)!important;text-align:left!important} .tw-tb-nav>button[data-tool][hidden]{display:none!important} .tw-tb-nav>button[data-tool]:hover{transform:translateY(-1px)!important;border-color:#c7d8f0!important;box-shadow:0 7px 17px rgba(27,47,80,.085)!important} .tw-tb-nav>button[data-tool].active{border-color:#b8d2f7!important;background:#f9fbff!important;box-shadow:0 8px 20px rgba(8,104,237,.10)!important} .tw-ui-tool-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;border:1px solid transparent} .tw-ui-tool-icon .tw-ui-icon{width:21px;height:21px} .tw-ui-tool-create{background:#eef5ff;color:#1769d5;border-color:#d8e7fb}.tw-ui-tool-visual{background:#edf9f6;color:#138068;border-color:#d4eee7}.tw-ui-tool-organize{background:#f4efff;color:#7140ce;border-color:#e3d7fa}.tw-ui-tool-play{background:#fff4e9;color:#c66f0c;border-color:#f5dfc5}.tw-ui-tool-learn{background:#fff8e8;color:#a8740b;border-color:#f2e1b7} .tw-ui-tool-copy{min-width:0;display:flex;flex-direction:column;gap:3px} .tw-ui-tool-copy strong{font-size:12.5px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--tw-ui-text)} .tw-ui-tool-copy small{font-size:9.5px;line-height:1.25;color:var(--tw-ui-muted);font-weight:620;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .tw-ui-tool-chevron{color:#95a0b1}.tw-ui-tool-chevron .tw-ui-icon{width:16px;height:16px} .tw-tb-content{padding:17px!important;background:#fff!important;color:var(--tw-ui-text)!important;overflow:auto!important} .tw-tb-panel{max-width:1320px!important} .tw-tb-panel h2{font-size:21px!important;letter-spacing:-.03em!important;color:var(--tw-ui-text)!important} .tw-tb-card,.tw-tb-result,.tw-tb-preview,.tw-tb-canvas-wrap{border:1px solid var(--tw-ui-border)!important;border-radius:15px!important;box-shadow:0 4px 15px rgba(27,47,80,.045)!important} .tw-tb-card{background:#fff!important}.tw-tb-result{background:#f1f7ff!important}.tw-tb-error{background:#fff1f1!important;color:#a92e2e!important} .tw-tb-button{background:linear-gradient(135deg,var(--tw-ui-blue),var(--tw-ui-blue-2))!important;border-radius:11px!important;box-shadow:0 5px 12px rgba(8,104,237,.17)!important} .tw-tb-button.secondary{background:#f4f7fb!important;color:#34435b!important;border:1px solid var(--tw-ui-border)!important;box-shadow:none!important} .tw-tb-input,.tw-tb-select,.tw-tb-textarea{border-color:var(--tw-ui-border-strong)!important;border-radius:11px!important} .tw-editor-quickbar,.tw-editor-groups details,.tw-chart-slice-colors,.tw-element-info{border-color:var(--tw-ui-border)!important;background:#f8faff!important} .tw-editor-canvas{border-color:var(--tw-ui-border)!important} /* Startseite / Planer mit derselben Designfamilie */ #twPBRoot{color:var(--tw-ui-text)!important} #twPBRoot>div:first-child{gap:16px!important;padding:18px!important} #twPBRoot>div:first-child>div[onclick]{border:1px solid var(--tw-ui-border)!important;border-radius:21px!important;background:rgba(255,255,255,.97)!important;box-shadow:var(--tw-ui-shadow-soft)!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important} #twPBRoot>div:first-child>div[onclick]:hover{transform:translateY(-3px)!important;border-color:#c6d8f1!important;box-shadow:var(--tw-ui-shadow)!important} #twPBRoot>div:first-child>div[onclick] img{border-radius:15px!important} #twPBJsonBackupWidgetV60{border:1px solid #d2e2f8!important;border-radius:18px!important;background:linear-gradient(135deg,#f8fbff,#f2f7ff)!important;color:var(--tw-ui-text)!important;box-shadow:var(--tw-ui-shadow-soft)!important} #twPBModal{background:rgba(18,31,54,.54)!important;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);padding:14px!important} #twPBModal>div{background:var(--tw-ui-bg)!important;border:1px solid rgba(255,255,255,.76)!important;border-radius:24px!important;box-shadow:0 34px 90px rgba(13,29,58,.3)!important} #twPBModal>div>div:first-child{background:rgba(255,255,255,.97)!important;border-bottom:1px solid var(--tw-ui-border)!important;box-shadow:0 3px 14px rgba(27,46,82,.055)!important} #twPBHeaderTitle{color:var(--tw-ui-text)!important;letter-spacing:-.035em!important} #twPBHeaderSub{color:var(--tw-ui-muted)!important} #twPBModal [id$="View"]{background:#fff!important;border-color:var(--tw-ui-border)!important;border-radius:19px!important} #twPBModal button{border-radius:11px!important} /* V511.1 – stärkere visuelle Hierarchie nahe am freigegebenen Mockup. */ #twBoard49BubbleStrip .tw-ui-rail-item{font-size:11.5px!important;font-weight:760!important} #twBoard49BubbleStrip .tw-ui-rail-item.tw-ui-rail-active .tw-ui-rail-label{font-weight:840!important} #twBoard49BubbleSectionPopup .tw-ui-inspector-section h3, #twBoard49BubbleSectionPopup .tw-ui-inspector-section h4{color:#536078!important;font-size:10.5px!important;font-weight:830!important;letter-spacing:.035em!important;text-transform:uppercase!important;margin:16px 0 7px!important} #twBoard49BubbleSectionPopup .tw-ui-inspector-section>div[style*="display:grid"]{gap:7px!important} #twBoard49BubbleSectionPopup .tw-ui-inspector-section>div[style*="display:flex"]{gap:7px!important} #twBoard49BubbleSectionPopup .tw-ui-inspector-section button.tw-ui-selected, #twBoard49BubbleSectionPopup .tw-ui-inspector-section button[aria-pressed="true"]{background:linear-gradient(135deg,var(--tw-ui-blue),var(--tw-ui-blue-2))!important;color:#fff!important;border-color:transparent!important;box-shadow:0 6px 14px rgba(8,104,237,.18)!important} .tw-ui-toolbox-drawer .tw-tb-titlebar{min-height:58px!important;padding:0 16px!important} .tw-ui-toolbox-drawer .tw-tb-title{font-size:20px!important;letter-spacing:-.03em!important} .tw-ui-toolbox-drawer .tw-tb-content{background:#fbfcff!important} .tw-ui-toolbox-drawer .tw-tb-panel{background:transparent!important} /* Responsive – Overlays statt Layout-Verkleinerung. */ @media(max-width:1180px){ /* V511.7: Auch bei schmaleren Fenstern entscheidet ausschließlich der Pfeilzustand über Breite und Beschriftungen; kein dauerhaftes Zwangs- Einklappen mehr. */ #twBoard49PenFloatMenu.tw-ui-quickbar{max-width:calc(100vw - 94px)!important} .tw-ui-board-title{max-width:28vw} .tw-ui-board-subtitle{max-width:28vw} .tw-ui-action-label{display:inline!important} #twBoard49HeaderBar button{width:auto!important;min-width:36px!important;padding:0 9px!important} } @media(max-width:800px){ #twBoard49HeaderBar{height:48px!important;min-height:48px!important;flex-basis:48px!important;padding:4px 7px!important} .tw-ui-brand{width:34px;height:34px;flex-basis:34px;border-radius:10px} .tw-ui-brand .tw-ui-icon{width:20px;height:20px} .tw-ui-board-title{font-size:13px;max-width:34vw} .tw-ui-board-subtitle{display:none} .tw-ui-header-date,.tw-ui-header-divider,#twBoard49PageInfo.tw-ui-page-pill,#twBoard49CloudSyncBadge{display:none!important} #twBoard49HeaderBar .tw-ui-header-actions{gap:4px!important} #twBoard49HeaderBar button{height:34px!important;width:auto!important;min-width:34px!important;padding:0 7px!important} #twBoard49HeaderBar .tw-ui-action-label{display:inline!important;font-size:9.5px!important} #twUiHeaderMoreMenu{right:7px;top:55px;width:min(286px,calc(100vw - 14px))} #twBoard49StageWrap{padding:0!important} #twBoard49Stage,#twBoard49Viewport{border-radius:0!important} #twBoard49Toolbar.tw-ui-rail-mode{left:7px!important;top:7px!important;bottom:7px!important;width:min(164px,calc(100vw - 14px))!important;padding:5px!important;border-radius:16px!important} #twBoard49Toolbar.tw-ui-rail-mode.tw-ui-rail-collapsed{width:62px!important} .tw-ui-rail-toggle,.tw-ui-rail-hide,#twBoard49BubbleStrip .tw-ui-rail-item{height:43px!important;min-height:43px!important} #twBoard49BubbleSectionPopup.tw-ui-inspector{left:7px!important;right:7px!important;top:auto!important;bottom:7px!important;width:auto!important;max-width:none!important;max-height:66vh!important;border-radius:20px!important} #twBoard49PenFloatMenu.tw-ui-quickbar{left:7px!important;right:7px!important;bottom:max(var(--tw-penbar-bottom-gap,7px),calc(env(safe-area-inset-bottom,0px) + 5px))!important;transform:none!important;max-width:none!important;width:auto!important;min-height:54px!important;padding:5px!important;overflow-x:auto!important;overflow-y:visible!important;justify-content:flex-start!important;scrollbar-width:none!important} #twBoard49PenFloatMenu.tw-ui-quickbar::-webkit-scrollbar{display:none} .tw-ui-quick-group{padding:15px 6px 0!important;flex:0 0 auto} .tw-ui-quick-label{font-size:7.5px;left:7px;top:2px} .tw-ui-quick-pages{display:none} #twBoard49PenFloatSize{width:80px!important} .tw-tb-window.tw-ui-toolbox-drawer,.tw-tb-window.tw-ui-toolbox-drawer.is-max{left:0!important;top:0!important;width:100vw!important;height:100vh!important;border-radius:0!important} .tw-tb-body{grid-template-columns:1fr!important;grid-template-rows:auto minmax(0,1fr)!important} .tw-tb-nav{display:flex!important;gap:5px!important;padding:7px!important;overflow-x:auto!important;overflow-y:hidden!important;background:#fbfcfe!important} .tw-ui-toolbox-search{display:flex;gap:6px;min-width:260px;position:static;margin:0;padding:0} .tw-ui-toolbox-search label{min-width:170px} .tw-ui-toolbox-cats{display:none} .tw-tb-nav>button[data-tool]{display:flex!important;min-height:42px!important;min-width:max-content!important;width:auto!important;padding:5px 8px!important;margin:0!important} .tw-ui-tool-icon{width:30px;height:30px;border-radius:9px}.tw-ui-tool-icon .tw-ui-icon{width:16px;height:16px} .tw-ui-tool-copy small,.tw-ui-tool-chevron{display:none}.tw-ui-tool-copy strong{font-size:11px} .tw-tb-content{padding:8px!important} } @media(max-height:650px) and (orientation:landscape){ #twBoard49HeaderBar{height:44px!important;min-height:44px!important;flex-basis:44px!important} #twBoard49BubbleSectionPopup.tw-ui-inspector{top:55px!important;bottom:7px!important} #twBoard49PenFloatMenu.tw-ui-quickbar{bottom:max(var(--tw-penbar-bottom-gap,5px),calc(env(safe-area-inset-bottom,0px) + 5px))!important;min-height:50px!important} #twBoard49Toolbar.tw-ui-rail-mode{top:6px!important;bottom:6px!important} } @media(max-width:620px){ #twBoard49HeaderBar .tw-ui-header-left{display:none!important} #twBoard49HeaderBar .tw-ui-header-actions{width:100%!important;justify-content:center!important;overflow-x:auto!important;scrollbar-width:none!important} #twBoard49HeaderBar .tw-ui-header-actions::-webkit-scrollbar{display:none!important} #twBoard49HeaderBar button{padding:0 6px!important;gap:4px!important;font-size:9px!important} #twBoard49HeaderBar .tw-ui-action-label{font-size:9px!important} #twUiHeaderMoreBtn .tw-ui-action-label{font-size:0!important} #twUiHeaderMoreBtn .tw-ui-action-label::after{content:"Menü";font-size:9px!important} } @media(max-width:390px){ #twBoard49HeaderBar{padding-left:3px!important;padding-right:3px!important} #twBoard49HeaderBar .tw-ui-header-actions{justify-content:flex-start!important} #twBoard49HeaderBar button{padding:0 5px!important;gap:3px!important} } /* Team-Zugang ist Teil der Werkzeugleiste; der alte schwebende Button bleibt unsichtbar. */ body.tw-ui-v511 #collabToggle{display:none!important} #twUiTeamBtn{position:relative!important} #twUiTeamBtn .tw-ui-team-status{position:absolute;right:8px;top:7px;width:8px;height:8px;border-radius:50%;background:#f08c2b;box-shadow:0 0 0 2px rgba(255,255,255,.82);pointer-events:none} #twBoard49Toolbar.tw-ui-rail-collapsed #twUiTeamBtn .tw-ui-team-status{right:7px;top:6px} @media(max-width:1180px){#twUiTeamBtn .tw-ui-team-status{right:7px;top:6px}} #twUiTeamBtn.tw-ui-team-open{background:rgba(234,242,255,.72)!important;color:var(--tw-ui-blue)!important;border-color:#d6e5fb!important} @media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}} #twBoard49BubbleSectionPopup button.tw-ui-color-swatch{min-width:34px!important;width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;border-radius:50%!important;border:3px solid #fff!important;box-shadow:0 0 0 1px var(--tw-ui-border-strong),0 3px 8px rgba(29,49,84,.1)!important;} /* V511.3 – kollisionsfreie Leisten, mittiges Auge und transparente Flächen. */ #twBoard49ShowToolbarBtn .tw-ui-icon,#twBoard49PenFloatReopenBtn .tw-ui-icon{width:19px;height:19px;margin:auto} #twBoard49Toolbar.tw-ui-toolbar-full #twBoard49ToolbarHideBtn .tw-ui-icon{width:18px;height:18px;margin:auto} /* Die moderne Präsentationsschicht hatte die Inline-Ausrichtung des Kerncodes mit !important überstimmt. Die explizite Klasse gewinnt bewusst und hält die Leiste rechts neben – nicht auf – der Tafel-Scrollleiste. */ #twBoard49PenFloatMenu.tw-ui-quickbar.tw-ui-quickbar-vertical{ left:auto!important; right:var(--tw-penbar-right-gap,24px)!important; top:max(58px,calc(env(safe-area-inset-top,0px) + 8px))!important; bottom:max(var(--tw-penbar-bottom-gap,10px),calc(env(safe-area-inset-bottom,0px) + 8px))!important; transform:none!important; width:92px!important; max-width:calc(100vw - 32px)!important; min-height:0!important; max-height:none!important; flex-direction:column!important; align-items:stretch!important; justify-content:flex-start!important; overflow-x:visible!important; overflow-y:auto!important; scrollbar-width:none!important; overscroll-behavior:contain!important; padding:6px!important; gap:5px!important; } #twBoard49PenFloatMenu.tw-ui-quickbar.tw-ui-quickbar-vertical::-webkit-scrollbar{display:none!important} #twBoard49PenFloatMenu.tw-ui-quickbar.tw-ui-quickbar-vertical .tw-ui-quick-group{ display:grid!important; grid-template-columns:repeat(2,34px)!important; justify-content:center!important; align-content:start!important; gap:4px!important; min-width:0!important; padding:19px 4px 6px!important; border-right:0!important; border-bottom:1px solid var(--tw-ui-border)!important; } #twBoard49PenFloatMenu.tw-ui-quickbar.tw-ui-quickbar-vertical .tw-ui-quick-group:last-child{border-bottom:0!important} #twBoard49PenFloatMenu.tw-ui-quickbar.tw-ui-quickbar-vertical .tw-ui-quick-label{left:5px!important;top:3px!important;font-size:7.5px!important} #twBoard49PenFloatMenu.tw-ui-quickbar.tw-ui-quickbar-vertical .tw-ui-quick-color, #twBoard49PenFloatMenu.tw-ui-quickbar.tw-ui-quickbar-vertical .tw-ui-quick-size{grid-template-columns:1fr!important;justify-items:center!important} #twBoard49PenFloatMenu.tw-ui-quickbar.tw-ui-quickbar-vertical .tw-ui-quick-size{min-height:122px!important} #twBoard49PenFloatMenu.tw-ui-quickbar.tw-ui-quickbar-vertical #twBoard49PenFloatSize{ width:80px!important; height:20px!important; transform:rotate(-90deg)!important; margin:31px 0!important; } #twBoard49PenFloatMenu.tw-ui-quickbar.tw-ui-quickbar-vertical #twBoard49PenFloatSizeText{min-width:0!important;text-align:center!important} #twBoard49PenFloatReopenBtn.tw-ui-quickbar-reopen-vertical{ left:auto!important; right:var(--tw-penbar-right-gap,24px)!important; top:50%!important; bottom:auto!important; transform:translateY(-50%)!important; } /* V511.4 – vollständig transparente Arbeitsleisten und einheitliche Planungsoberflächen. Ausschließlich Präsentation: IDs, Display-Zustände, Canvas-Größen und Event-Handler bleiben unangetastet. */ /* 100 % transparenter Hintergrund: Inhalte und aktive Zustände bleiben sichtbar, nur die bisherige Glasfüllung und der Hintergrund-Blur entfallen vollständig. */ #twBoard49Toolbar.tw-ui-rail-mode, #twBoard49Toolbar.tw-ui-toolbar-full, #twBoard49PenFloatMenu.tw-ui-quickbar{ background:transparent!important; background-color:transparent!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; } #twBoard49Toolbar.tw-ui-toolbar-full>div:first-child, #twBoard49Toolbar.tw-ui-toolbar-full [data-toolbar-section]{ background:transparent!important; background-color:transparent!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; } /* Gemeinsame Planer-Grundfläche im klaren Blau-/Graphit-Stil der Haupttafel. */ #twPBRoot{ min-height:100vh!important; padding:10px clamp(8px,2vw,26px) 28px!important; box-sizing:border-box!important; background: radial-gradient(circle at 8% 4%,rgba(8,104,237,.09),transparent 28%), radial-gradient(circle at 92% 12%,rgba(123,63,228,.07),transparent 24%), linear-gradient(145deg,#f6f8fc 0%,#edf2f8 100%)!important; } #twPBRoot>div:first-child{ max-width:1540px!important; margin:10px auto!important; gap:18px!important; padding:8px!important; } #twPBRoot .tw-ui-home-card, #twPBRoot>div:first-child>div[onclick]{ position:relative!important; max-width:344px!important; padding:11px!important; overflow:hidden!important; border:1px solid rgba(211,222,238,.95)!important; border-radius:22px!important; background:linear-gradient(155deg,rgba(255,255,255,.98),rgba(246,249,255,.94))!important; box-shadow:0 16px 42px rgba(31,49,82,.11)!important; } #twPBRoot .tw-ui-home-card::after, #twPBRoot>div:first-child>div[onclick]::after{ content:"";position:absolute;inset:auto -35% -58% 28%;height:70%;pointer-events:none; background:radial-gradient(circle,rgba(8,104,237,.10),transparent 67%); } #twPBRoot .tw-ui-home-card:hover, #twPBRoot>div:first-child>div[onclick]:hover{ transform:translateY(-4px)!important; border-color:#b9d1f3!important; box-shadow:0 22px 52px rgba(23,55,105,.17)!important; } #twPBRoot>div:first-child>div[onclick] img{ border-radius:17px!important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),0 8px 24px rgba(29,49,84,.10)!important; } #twPBRoot>div:first-child>div[onclick]>div[style*="font-size:28px"]{ color:var(--tw-ui-text)!important; font-size:24px!important; letter-spacing:-.035em!important; text-align:left!important; padding:15px 8px 6px!important; } #twPBRoot>div:first-child>div[onclick]>div:last-child{ position:relative;z-index:1;color:var(--tw-ui-muted)!important;text-align:left!important; font-size:14px!important;line-height:1.4!important;padding:0 8px 10px!important; min-height:2.8em!important;box-sizing:content-box!important; } #twPBJsonBackupWidgetV60{ max-width:1500px!important;margin:14px auto!important;padding:16px!important; border:1px solid #cfe0f8!important;border-radius:20px!important; background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(240,246,255,.94))!important; box-shadow:0 12px 34px rgba(31,49,82,.10)!important; } /* Planungsmodal wie eine große Tafel-Arbeitsfläche. */ #twPBModal{ background:rgba(18,31,54,.58)!important; backdrop-filter:blur(12px) saturate(1.05)!important; -webkit-backdrop-filter:blur(12px) saturate(1.05)!important; padding:clamp(6px,1.5vw,18px)!important; } #twPBModal>div{ position:relative!important; max-width:1440px!important; background:linear-gradient(145deg,#f5f7fb,#edf2f8)!important; border:1px solid rgba(255,255,255,.86)!important; border-radius:24px!important; box-shadow:0 34px 90px rgba(13,29,58,.34)!important; } #twPBModal>div>div:first-child{ position:sticky!important;top:0!important;z-index:40!important; min-height:64px!important;padding:10px 16px!important; background:rgba(255,255,255,.93)!important; border-bottom:1px solid rgba(218,227,240,.95)!important; box-shadow:0 4px 18px rgba(31,49,82,.07)!important; backdrop-filter:blur(20px) saturate(1.1)!important; -webkit-backdrop-filter:blur(20px) saturate(1.1)!important; } #twPBModal>div>div:nth-child(2){padding:14px!important} #twPBHeaderTitle{font-size:clamp(24px,3vw,32px)!important;color:var(--tw-ui-text)!important;letter-spacing:-.04em!important} #twPBHeaderSub{font-size:14px!important;color:var(--tw-ui-muted)!important} #twPBBackBtn{ background:#f5f8fd!important;color:#40506a!important;border:1px solid var(--tw-ui-border)!important; border-radius:11px!important;padding:10px 13px!important;box-shadow:none!important; } #twPBModal>div>div:first-child button:last-child{ background:#f5f7fb!important;color:#627087!important;border:1px solid var(--tw-ui-border)!important; width:40px!important;height:40px!important;line-height:38px!important;font-size:24px!important; } #twPBModal .tw-ui-planning-view, #twPBModal [id$="View"]:not(#twPBBoardEditorView){ border:1px solid rgba(215,225,239,.96)!important; border-radius:20px!important; background:rgba(255,255,255,.70)!important; box-shadow:0 10px 30px rgba(29,49,84,.075)!important; backdrop-filter:blur(18px) saturate(1.04)!important; -webkit-backdrop-filter:blur(18px) saturate(1.04)!important; } #twPBModal button{ min-height:38px;transition:transform .12s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease!important; } #twPBModal button:hover{transform:translateY(-1px)} #twPBModal input:not([type="range"]):not([type="color"]):not([type="checkbox"]), #twPBModal select,#twPBModal textarea{ border:1px solid var(--tw-ui-border-strong)!important;border-radius:12px!important; background:#fff!important;color:var(--tw-ui-text)!important; box-shadow:0 1px 2px rgba(29,49,84,.035)!important; } #twPBModal input:focus,#twPBModal select:focus,#twPBModal textarea:focus{ border-color:var(--tw-ui-blue)!important;box-shadow:0 0 0 4px rgba(8,104,237,.10)!important; } /* Primäre und neutrale Aktionen – Farbflächen von Farbwählern bleiben bewusst unberührt. */ #twPBSubjectView button, #twPBLessonListView button, #twPBEditorView button, #twPBMonthPlannerView button, #twPBWeekPlannerView button, #twPBDayPlannerView button, #twPBBoardOverviewView button, #twPBGlobalSearchView button, #twPBBoardListView button{ border-radius:11px!important;font-weight:800!important;box-shadow:none!important; } #twPBLessonListView button[style*="background:#108b8b"], #twPBEditorView button[style*="background:#108b8b"], #twPBMonthPlannerView button[style*="background:#108b8b"], #twPBWeekPlannerView button[style*="background:#108b8b"], #twPBDayPlannerView button[style*="background:#108b8b"], #twPBBoardOverviewView button[style*="background:#108b8b"], #twPBBoardOverviewView button[style*="background:#2d7bdc"], #twPBGlobalSearchView button[style*="background:#b28a3d"], #twPBGlobalSearchView button[style*="background:#2d7bdc"], #twPBBoardListView button[style*="background:#108b8b"], #twPBBoardListView button[style*="background:#123524"]{ background:linear-gradient(135deg,var(--tw-ui-blue),var(--tw-ui-blue-2))!important; color:#fff!important;border:1px solid transparent!important; box-shadow:0 6px 15px rgba(8,104,237,.19)!important; } #twPBLessonListView button[style*="background:#efe4d4"], #twPBEditorView button[style*="background:#e8dfd1"], #twPBMonthPlannerView button[style*="background:#e8dfd1"], #twPBWeekPlannerView button[style*="background:#e8dfd1"], #twPBDayPlannerView button[style*="background:#e8dfd1"], #twPBBoardListView button[style*="background:#efe4d4"]{ background:#f5f8fd!important;color:#40506a!important;border:1px solid var(--tw-ui-border)!important; } /* Artikulationsschemen */ #twPBSubjectView{padding:16px!important} #twPBSubjectView>div:first-child{color:var(--tw-ui-text)!important;font-size:17px!important;letter-spacing:-.02em!important} #twPBSubjectView .tw-ui-subject-card, #twPBSubjectView button[onclick*="twPBOpenSubject"]{ width:96px!important;height:112px!important;min-width:96px!important;max-width:96px!important; padding:7px!important;border-width:1px!important;border-color:var(--tw-ui-border)!important; border-radius:16px!important;background:linear-gradient(155deg,#fff,#f6f9ff)!important; box-shadow:0 8px 20px rgba(29,49,84,.08)!important; } #twPBSubjectView button[onclick*="twPBOpenSubject"]:hover{border-color:#b8cff1!important;box-shadow:0 13px 28px rgba(22,56,108,.14)!important} #twPBSubjectView button[onclick*="twPBOpenSubject"] img{width:58px!important;height:58px!important;min-width:58px!important;max-width:58px!important;min-height:58px!important;max-height:58px!important;border-radius:13px!important} #twPBSubjectView button[onclick*="twPBOpenSubject"] span{font-size:12px!important;color:var(--tw-ui-text)!important} #twPBSubjectHero{ border:1px solid var(--tw-ui-border)!important;border-radius:18px!important; background:linear-gradient(145deg,#fff,#f5f8fd)!important;box-shadow:0 10px 28px rgba(29,49,84,.08)!important; } #twPBLessonListView .tw-ui-planner-card, #twPBLessonList>div{ border-color:var(--tw-ui-border)!important;background:linear-gradient(145deg,#fff,#f8faff)!important; border-radius:15px!important;box-shadow:0 7px 20px rgba(29,49,84,.065)!important; } #twPBLessonListView [style*="background:#fff8ec"], #twPBLessonListView [style*="background:#faf6ec"]{background:#f6f9ff!important;border-color:var(--tw-ui-border)!important} /* Editor */ #twPBEditorView>div[style*="background:#fff"], #twPBEditorView td, #twPBEditorView th{ border-color:var(--tw-ui-border)!important; } #twPBEditorView>div[style*="background:#fff"]{ background:linear-gradient(145deg,#fff,#f8faff)!important;border-radius:17px!important; box-shadow:0 7px 20px rgba(29,49,84,.06)!important; } #twPBEditorView table{border-collapse:separate!important;border-spacing:0!important;border:1px solid var(--tw-ui-border)!important;border-radius:15px!important;overflow:hidden!important;background:#fff!important} #twPBEditorView th{background:#eef4ff!important;color:#33435c!important} #twPBEditorView tr:nth-child(even) td{background:#fbfcff!important} /* Monats- und Wochenplaner */ #twPBMonthTitle,#twPBWeekTitle,#twPBDayTitle{color:var(--tw-ui-text)!important;letter-spacing:-.04em!important;font-size:clamp(23px,3vw,30px)!important} #twPBMonthGrid,#twPBWeekGrid{gap:9px!important;padding:3px!important} #twPBMonthGrid>.tw-ui-calendar-head, #twPBWeekGrid>.tw-ui-calendar-head, #twPBMonthGrid>div:nth-child(-n+7), #twPBWeekGrid>div:nth-child(-n+7){ background:linear-gradient(135deg,var(--tw-ui-blue),var(--tw-ui-blue-2))!important; color:#fff!important;border-radius:11px!important;box-shadow:0 6px 14px rgba(8,104,237,.16)!important; } #twPBMonthGrid>.tw-ui-calendar-day, #twPBWeekGrid>.tw-ui-calendar-day, #twPBMonthGrid>div:nth-child(n+8), #twPBWeekGrid>div:nth-child(n+8){ border:1px solid var(--tw-ui-border)!important;border-radius:14px!important; background:linear-gradient(150deg,#fff,#f8faff)!important; box-shadow:0 5px 16px rgba(29,49,84,.055)!important; } #twPBMonthGrid>div:nth-child(n+8):hover,#twPBWeekGrid>div:nth-child(n+8):hover{border-color:#bfd3f1!important;box-shadow:0 10px 24px rgba(29,60,110,.10)!important} #twPBMonthGrid>div>div>button:first-child,#twPBWeekGrid>div>div>button:first-child{ background:#f4f8ff!important;border-left-color:var(--tw-ui-blue)!important;border-radius:9px!important; } #twPBMonthGrid>div>div>button:last-child,#twPBWeekGrid>div>div>button:last-child{ background:var(--tw-ui-blue)!important;color:#fff!important; } #twPBMonthEmptyHint,#twPBWeekEmptyHint{background:#f8faff!important;border-color:#cad8eb!important;color:var(--tw-ui-muted)!important} /* Tagesplaner */ #twPBDayPlannerView>div[style*="grid-template-columns:1.1fr"]>div, #twPBDayPlannerView>div[style*="margin-top:18px"]{ background:linear-gradient(145deg,#fff,#f8faff)!important;border:1px solid var(--tw-ui-border)!important; border-radius:17px!important;box-shadow:0 8px 23px rgba(29,49,84,.065)!important; } #twPBDayPlannerView .tw-ui-planner-card, #twPBDayLessonList>* ,#twPBExtraList>* ,#twPBTodoList>*{ background:#f7f9fd!important;border-color:var(--tw-ui-border)!important;border-radius:12px!important; } #twPBDayLessonList>button{border-left-width:5px!important;box-shadow:0 3px 10px rgba(29,49,84,.045)!important} /* Globale Suche und Tafelübersichten */ #twPBGlobalSearchView{padding:20px!important} #twPBGlobalSearchInput{font-size:16px!important;padding:13px 15px!important} #twPBGlobalSearchResults>.tw-ui-search-card, #twPBGlobalSearchResults>div{ background:linear-gradient(145deg,#fff,#f8faff)!important;border:1px solid var(--tw-ui-border)!important; border-radius:16px!important;box-shadow:0 8px 22px rgba(29,49,84,.07)!important; } #twPBGlobalSearchResults [style*="background:#faf6ec"]{background:#f2f6fc!important;border:1px solid #e0e8f3!important;color:#40506a!important} #twPBBoardOverviewList>.tw-ui-board-folder, #twPBBoardOverviewList>div{ border:1px solid var(--tw-ui-border)!important;border-radius:17px!important; background:linear-gradient(145deg,#fff,#f7faff)!important;box-shadow:0 8px 22px rgba(29,49,84,.07)!important; overflow:hidden!important;margin-bottom:12px!important; } #twPBBoardOverviewList .tw-ui-board-folder-head, #twPBBoardOverviewList>div>div:first-child{ background:linear-gradient(135deg,#eaf2ff,#f4f8ff)!important;color:#24456f!important; border-bottom:1px solid #d9e5f5!important; } #twPBBoardOverviewList .tw-ui-board-row, #twPBBoardOverviewList [style*="touch-action:pan-y"]{ background:#f8faff!important;border-color:var(--tw-ui-border)!important;border-radius:11px!important; } #twPBBoardOverviewList [style*="background:#fff"]{background:#fbfcff!important;border-color:var(--tw-ui-border)!important} #twPBBoardList>.tw-ui-board-card, #twPBBoardList>button{ background:linear-gradient(145deg,#fff,#f6f9ff)!important;border:1px solid var(--tw-ui-border)!important; border-radius:18px!important;box-shadow:0 9px 25px rgba(29,49,84,.08)!important; } #twPBBoardList>button:hover{border-color:#b9cff0!important;box-shadow:0 15px 34px rgba(26,59,111,.14)!important} #twPBBoardListView>div>div:last-child{ border-color:#7a93b5!important;background:linear-gradient(145deg,#243a59,#152941)!important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.10),0 14px 34px rgba(21,41,65,.20)!important; } /* Eingebettete ältere Tafelsoftware: gleiche Rahmung, Canvas und Funktionen unverändert. */ #twPBBoardEditorView{ background:linear-gradient(145deg,#f4f7fb,#eaf0f7)!important;border:1px solid var(--tw-ui-border)!important; border-radius:20px!important;box-shadow:0 12px 32px rgba(29,49,84,.10)!important; } #twPBBoardEditorView>div:first-child{ min-height:54px!important;background:rgba(255,255,255,.95)!important;border-bottom:1px solid var(--tw-ui-border)!important; box-shadow:0 4px 16px rgba(29,49,84,.065)!important; } #twPBBoardEditorView>div:first-child>div:first-child>div:first-child{color:var(--tw-ui-text)!important;letter-spacing:-.03em!important} #twPBBoardEditorView>div:last-child>div:first-child{ background:rgba(247,250,255,.96)!important;border-right:1px solid var(--tw-ui-border)!important; } #twPBBoardEditorView>div:last-child>div:first-child>div[style*="background:#fff"]{ background:#fff!important;border-color:var(--tw-ui-border)!important;border-radius:15px!important; box-shadow:0 5px 16px rgba(29,49,84,.055)!important; } #twPBBoardEditorView>div:last-child>div:last-child{background:#e9eef5!important} #twPBBoardStageWrap{background:transparent!important;padding:10px!important} #twPBBoardStage{border-radius:10px!important;box-shadow:0 12px 34px rgba(21,40,70,.18)!important} #twPBBoardShowToolbarBtn{background:linear-gradient(135deg,var(--tw-ui-blue),var(--tw-ui-blue-2))!important;box-shadow:var(--tw-ui-shadow-float)!important} /* Fachtafeln erhalten denselben modernen Rahmen. */ #twPBSubjectBoardModal{ background:rgba(18,31,54,.60)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important; } #twPBSubjectBoardModal>div{ background:linear-gradient(145deg,#f4f7fb,#eaf0f7)!important;border:1px solid rgba(255,255,255,.86)!important; border-radius:22px!important;box-shadow:0 32px 86px rgba(13,29,58,.34)!important; } #twPBSubjectBoardModal>div>div:first-child{ min-height:56px!important;background:rgba(255,255,255,.95)!important;border-bottom:1px solid var(--tw-ui-border)!important; box-shadow:0 4px 16px rgba(29,49,84,.065)!important; } #twPBSubjectBoardHead{color:var(--tw-ui-text)!important;letter-spacing:-.03em!important} #twPBSubjectBoardSub{color:var(--tw-ui-muted)!important} #twPBSubjectBoardToolbar{ background:rgba(247,250,255,.96)!important;border-right:1px solid var(--tw-ui-border)!important;padding:11px!important; } #twPBSubjectBoardToolbar>div[style*="background:#fff"]{ background:#fff!important;border-color:var(--tw-ui-border)!important;border-radius:15px!important; box-shadow:0 5px 16px rgba(29,49,84,.055)!important; } #twPBSubjectBoardStageWrap{background:#e9eef5!important;padding:10px!important} #twPBSubjectBoardStage{border-radius:10px!important;box-shadow:0 12px 34px rgba(21,40,70,.18)!important} #twPBSubjectBoardShowTools{background:linear-gradient(135deg,var(--tw-ui-blue),var(--tw-ui-blue-2))!important;box-shadow:var(--tw-ui-shadow-float)!important} /* Responsive Planung: nur Anordnung und Lesbarkeit, keine Funktionen werden entfernt. */ @media(max-width:900px){ #twPBModal>div>div:nth-child(2){padding:8px!important} #twPBDayPlannerView>div[style*="grid-template-columns:1.1fr"]{grid-template-columns:1fr!important} #twPBBoardListView>div[style*="grid-template-columns:1fr 300px"]{grid-template-columns:1fr!important} #twPBBoardListView>div>div:last-child{display:none!important} #twPBGlobalSearchView>div:first-child{grid-template-columns:1fr!important} } @media(max-width:640px){ #twPBRoot{padding:5px 5px 18px!important} #twPBRoot>div:first-child{padding:2px!important;gap:10px!important} #twPBRoot>div:first-child>div[onclick]{max-width:none!important} #twPBModal{padding:0!important} #twPBModal>div{border-radius:0!important;min-height:100vh!important} #twPBModal>div>div:first-child{padding:8px!important} #twPBHeaderTitle{font-size:21px!important} #twPBHeaderSub{font-size:11px!important} #twPBSubjectView .tw-ui-subject-card,#twPBSubjectView button[onclick*="twPBOpenSubject"]{width:88px!important;height:106px!important;min-width:88px!important;max-width:88px!important} #twPBDayPlannerView>div:first-child,#twPBMonthPlannerView>div:first-child,#twPBWeekPlannerView>div:first-child{justify-content:center!important} #twPBDayPlannerView>div:first-child button,#twPBMonthPlannerView>div:first-child button,#twPBWeekPlannerView>div:first-child button{font-size:12px!important;padding:8px 10px!important} #twPBDayPlannerView>div[style*="grid-template-columns:1.1fr"]>div{padding:10px!important} #twPBExtraList>*{grid-template-columns:1fr!important} #twPBBoardEditorView>div:last-child>div:first-child,#twPBSubjectBoardToolbar{max-width:min(86vw,285px)!important} } /* V511.5 – moderne, einklappbare Tafelordner und sichere Tafelerstellung */ #twPBBoardOverviewView{background:linear-gradient(145deg,#f7faff,#eef3fa)!important} .tw-ui-board-overview-actions{position:sticky;top:0;z-index:6;padding:8px 0 12px;background:linear-gradient(180deg,rgba(247,250,255,.98),rgba(247,250,255,.88),transparent)} #twPBBoardOverviewCreateBtn{background:linear-gradient(135deg,#147f78,#0d6964)!important;box-shadow:0 7px 18px rgba(13,105,100,.20)!important} #twPBBoardOverviewList>.tw-ui-board-folder-v5115{ margin:0 0 13px!important;border:1px solid #d6e1ef!important;border-radius:18px!important; background:rgba(255,255,255,.86)!important;box-shadow:0 10px 28px rgba(29,49,84,.075)!important; overflow:hidden!important; } .tw-ui-board-folder-head-v5115{ min-height:40px;padding:6px 10px 6px 12px!important;display:flex!important;align-items:center!important; justify-content:space-between!important;gap:8px!important;background:linear-gradient(135deg,#e8f1fd,#f4f8fe)!important; border:0!important;color:#213d64!important;cursor:pointer!important;user-select:none!important; } .tw-ui-board-folder-head-v5115:focus-visible,.tw-ui-board-subfolder-head:focus-visible{outline:3px solid rgba(45,123,220,.26);outline-offset:-3px} .tw-ui-board-folder-title-wrap,.tw-ui-board-subfolder-title-wrap{min-width:0;display:flex;align-items:center;gap:7px} .tw-ui-board-folder-arrow{display:inline-grid;place-items:center;width:16px;height:16px;font-size:17px;line-height:1;color:#557394;transition:transform .18s ease;transform:rotate(0deg)} [aria-expanded="true"]>.tw-ui-board-folder-title-wrap .tw-ui-board-folder-arrow, [aria-expanded="true"]>.tw-ui-board-subfolder-title-wrap .tw-ui-board-folder-arrow{transform:rotate(90deg)} .tw-ui-board-folder-icon{font-size:15px;filter:saturate(.8)} .tw-ui-board-folder-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:850;letter-spacing:-.015em} .tw-ui-board-folder-count,.tw-ui-board-subfolder-count{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:rgba(45,123,220,.10);color:#315d92;font-size:10px;font-weight:900;box-sizing:border-box} .tw-ui-board-folder-add{ flex:0 0 auto;border:1px solid rgba(31,104,164,.16)!important;background:rgba(255,255,255,.82)!important; color:#285c8d!important;border-radius:9px!important;padding:5px 8px!important;font-size:11px!important;font-weight:850!important; cursor:pointer!important;box-shadow:0 4px 11px rgba(29,49,84,.06)!important; } .tw-ui-board-folder-add:hover{background:#fff!important;border-color:#a8c3e4!important;transform:translateY(-1px)} .tw-ui-board-folder-body-v5115{padding:8px!important;background:linear-gradient(180deg,rgba(247,250,255,.85),rgba(239,245,252,.76))!important} .tw-ui-board-subfolder{ margin:0 0 6px calc(var(--tw-folder-depth,0) * 12px);border:1px solid #dce5f0;border-radius:12px; background:rgba(255,255,255,.84);overflow:hidden;box-shadow:0 4px 13px rgba(29,49,84,.045); } .tw-ui-board-subfolder[data-depth]:not([data-depth="0"]){border-left:3px solid #b9cce4} .tw-ui-board-subfolder-head{ min-height:34px;padding:5px 8px 5px 10px;display:flex;align-items:center;justify-content:space-between;gap:7px; background:linear-gradient(135deg,#f5f8fc,#edf3fa);color:#314b6b;cursor:pointer;user-select:none; } .tw-ui-board-subfolder-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:820} .tw-ui-board-subfolder-icon{font-size:14px} .tw-ui-board-subfolder-add{padding:4px 7px!important;font-size:10.5px!important} .tw-ui-board-subfolder-body{padding:6px;gap:5px;background:rgba(250,252,255,.88)} .tw-ui-board-folder-empty{padding:9px;border:1px dashed #c9d7e7;border-radius:11px;background:rgba(239,245,252,.72);color:#63758c;font-size:11.5px;line-height:1.4;text-align:center} #twPBBoardOverviewList .tw-ui-board-row-v5115{ margin:0!important;padding:7px 9px!important;border:1px solid #dfe7f1!important;border-radius:11px!important; background:linear-gradient(145deg,#fff,#f7faff)!important;box-shadow:0 3px 10px rgba(29,49,84,.04)!important; } #twPBBoardOverviewList .tw-ui-board-row-v5115:hover{border-color:#b9cce5!important;box-shadow:0 7px 17px rgba(29,49,84,.08)!important} .tw-ui-overview-create-modal{ display:none;position:fixed;inset:0;z-index:2147483350;align-items:center;justify-content:center;padding:18px; box-sizing:border-box;background:rgba(18,31,54,.62);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px); } .tw-ui-overview-create-card{ width:min(620px,100%);max-height:calc(100vh - 36px);overflow:auto;padding:20px;border:1px solid rgba(255,255,255,.82); border-radius:22px;background:linear-gradient(145deg,#fff,#f4f8fd);box-shadow:0 30px 80px rgba(13,29,58,.34);box-sizing:border-box; } .tw-ui-overview-create-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:17px} .tw-ui-overview-create-head>div>div:first-child{font-size:23px;font-weight:900;letter-spacing:-.03em;color:#1d3555} .tw-ui-overview-create-head>div>div:last-child{margin-top:3px;font-size:12px;color:#697b91} .tw-ui-overview-create-head>button{width:38px;height:38px;border:0;border-radius:12px;background:#e8eef7;color:#405773;font-size:25px;line-height:1;cursor:pointer} .tw-ui-overview-create-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px} .tw-ui-overview-create-grid label{display:grid;gap:6px;font-size:12px;font-weight:850;color:#53677f} .tw-ui-overview-create-grid input,.tw-ui-overview-create-grid select{width:100%;height:44px;padding:0 12px;border:1px solid #cfdbe9;border-radius:12px;background:#fff;color:#233a58;font:650 14px/1 system-ui,sans-serif;box-sizing:border-box;outline:none} .tw-ui-overview-create-grid input:focus,.tw-ui-overview-create-grid select:focus{border-color:#6e9ed6;box-shadow:0 0 0 3px rgba(45,123,220,.12)} .tw-ui-overview-create-wide{grid-column:1/-1} .tw-ui-overview-create-note{margin-top:13px;padding:10px 12px;border-radius:12px;background:#eaf5f2;color:#28645e;font-size:12px;line-height:1.45} .tw-ui-overview-create-status{min-height:20px;margin-top:8px;font-size:12px;font-weight:800;color:#25736c} .tw-ui-overview-create-status[data-bad="1"]{color:#a33b31} .tw-ui-overview-create-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:12px} .tw-ui-overview-create-actions button{border:0;border-radius:12px;padding:10px 15px;font-size:13px;font-weight:850;cursor:pointer} .tw-ui-overview-create-actions button:first-child{background:#e8eef7;color:#405773} #twPBOverviewCreateConfirm{background:linear-gradient(135deg,#147f78,#0d6964);color:#fff;box-shadow:0 7px 18px rgba(13,105,100,.18)} #twPBOverviewCreateConfirm:disabled{opacity:.55;cursor:wait} #twPBGlobalSearchResults>.tw-ui-search-card-v5115{padding:15px!important;margin-bottom:10px!important} .tw-ui-search-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap} .tw-ui-search-title{font-size:18px;font-weight:900;color:#203b60;letter-spacing:-.02em} .tw-ui-search-meta{margin-top:3px;font-size:12px;color:#6a7c92} .tw-ui-search-open{border:0;background:linear-gradient(135deg,#b28a3d,#927027);color:#fff;border-radius:11px;padding:9px 14px;font-weight:850;font-size:12px;cursor:pointer} .tw-ui-search-snippets{margin-top:11px;display:grid;gap:6px} .tw-ui-search-snippet{padding:8px 10px;border:1px solid #e0e8f3;border-radius:9px;background:#f2f6fc;color:#40506a;font-size:12px;line-height:1.4} .tw-ui-search-snippet b{color:#7b612b} @media(max-width:680px){ .tw-ui-board-folder-head-v5115,.tw-ui-board-subfolder-head{align-items:flex-start} .tw-ui-board-folder-add{padding:7px 8px!important;font-size:10px!important} .tw-ui-board-subfolder{margin-left:calc(var(--tw-folder-depth,0) * 7px)} #twPBBoardOverviewList .tw-ui-board-row-v5115{align-items:stretch!important;flex-direction:column!important} #twPBBoardOverviewList .tw-ui-board-row-v5115>div:last-child{justify-content:flex-start!important} .tw-ui-overview-create-grid{grid-template-columns:1fr} .tw-ui-overview-create-wide{grid-column:auto} } /* V512.3: Kalender-Kachel nutzt durch ihren Karten-Handler exakt dieselbe Geometrie wie alle übrigen Startkacheln. */ .tw-pb-calendar-preview{position:relative;border-radius:16px;overflow:hidden;background:#eef4fb} .tw-pb-calendar-switcher{position:absolute;left:10px;right:10px;bottom:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px;border:1px solid rgba(255,255,255,.72);border-radius:15px;background:rgba(246,249,253,.88);box-shadow:0 8px 22px rgba(17,42,73,.18);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)} .tw-pb-calendar-button{min-width:0;min-height:38px;display:flex;align-items:center;justify-content:center;gap:4px;padding:7px 5px;border:1px solid rgba(173,192,216,.74);border-radius:12px;background:rgba(255,255,255,.9);color:#29415f;font:800 11px/1 system-ui,-apple-system,Segoe UI,sans-serif;cursor:pointer;box-shadow:0 2px 7px rgba(29,49,84,.08);transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease} .tw-pb-calendar-button>span:first-child{font-size:16px;line-height:1;color:#0868ed} .tw-pb-calendar-button:hover{transform:translateY(-1px);border-color:#8eb9f4;background:#fff;box-shadow:0 5px 12px rgba(8,104,237,.14)} .tw-pb-calendar-button:active{transform:translateY(0)} .tw-pb-calendar-button:focus-visible{outline:3px solid rgba(8,104,237,.2);outline-offset:2px} /* V512.2: direkter Wechsel zwischen Monat, Woche und Tag innerhalb der Planer. */ .tw-pb-planner-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 14px;padding:7px;border:1px solid #dce6f2;border-radius:16px;background:linear-gradient(180deg,#fff,#f4f7fb);box-shadow:0 5px 15px rgba(36,60,91,.06)} .tw-pb-planner-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .tw-pb-planner-switcher{display:grid;grid-template-columns:repeat(3,minmax(92px,1fr));gap:6px;flex:1 1 340px;max-width:430px} .tw-pb-planner-switcher button{min-height:38px;border:1px solid transparent;border-radius:11px;background:transparent;color:#52667e;font:850 12px/1 system-ui,-apple-system,Segoe UI,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;transition:background .14s ease,color .14s ease,border-color .14s ease,box-shadow .14s ease} .tw-pb-planner-switcher button span{font-size:16px;color:#0868ed} .tw-pb-planner-switcher button:hover{background:#eaf2fd;color:#21466f} .tw-pb-planner-switcher button.is-active{border-color:#b8d3f7;background:#fff;color:#0868ed;box-shadow:0 3px 10px rgba(8,104,237,.12)} .tw-pb-online-calendar-open{min-height:38px;border:1px solid #b9cbe1;border-radius:11px;background:#fff;color:#29415f;padding:8px 12px;font:850 12px/1 system-ui,-apple-system,Segoe UI,sans-serif;cursor:pointer;white-space:nowrap;box-shadow:0 2px 8px rgba(29,49,84,.07)} .tw-pb-online-calendar-open:hover{border-color:#7fa9dc;background:#f7fbff} /* V512.4: Onlinekalender-Verwaltung – innerhalb der Planer-Schale, ohne globale Button-Übersteuerungen. */ .tw-pb-subscription-modal{position:fixed;inset:0;z-index:1000002;display:none;align-items:center;justify-content:center;padding:clamp(8px,2vw,20px);overflow:auto;background:rgba(13,25,42,.48);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);box-sizing:border-box} .tw-pb-subscription-modal.is-calendar-embedded{position:absolute;inset:0;z-index:80;min-height:100%;border-radius:inherit} .tw-pb-subscription-dialog{width:min(880px,100%);max-width:100%;max-height:min(760px,calc(100dvh - 24px));overflow:auto;border:1px solid rgba(255,255,255,.78);border-radius:22px;background:linear-gradient(145deg,#fbfdff,#f2f7fd);color:#1e2d40;box-shadow:0 24px 70px rgba(12,29,52,.30);padding:18px;box-sizing:border-box;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overscroll-behavior:contain} .tw-pb-subscription-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px} .tw-pb-subscription-head>div{min-width:0} .tw-pb-subscription-title{font-size:25px;font-weight:900;letter-spacing:-.025em;color:#163a62} .tw-pb-subscription-subtitle{font-size:13px;color:#667a91;margin-top:4px;line-height:1.4} .tw-pb-subscription-close{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;flex:0 0 auto;border:1px solid #d5e0ed!important;border-radius:12px!important;background:#fff!important;color:#52667e!important;padding:0!important;font-size:24px!important;line-height:36px!important;cursor:pointer;box-shadow:0 4px 12px rgba(31,55,85,.08)!important} .tw-pb-subscription-note{margin:15px 0 12px;padding:11px 13px;border:1px solid #c9ddf6;border-radius:13px;background:#edf5ff;color:#31567f;font-size:12px;line-height:1.45} .tw-pb-subscription-compose{padding:12px;border:1px solid #dce7f3;border-radius:16px;background:rgba(255,255,255,.82);box-shadow:0 5px 18px rgba(31,55,85,.05)} .tw-pb-subscription-form{display:grid;grid-template-columns:minmax(145px,.65fr) minmax(0,1.65fr) max-content;gap:10px;align-items:end;min-width:0} .tw-pb-subscription-form label{display:grid;gap:5px;min-width:0;font-size:11px;font-weight:850;color:#52667e} .tw-pb-subscription-form input{width:100%;min-width:0;height:42px;border:1px solid #c7d5e5!important;border-radius:11px!important;background:#fff!important;color:#1e2d40!important;padding:0 11px!important;font:700 13px/1 system-ui,-apple-system,Segoe UI,sans-serif!important;box-sizing:border-box;outline:none} .tw-pb-subscription-form input:focus{border-color:#5795e4!important;box-shadow:0 0 0 3px rgba(8,104,237,.12)!important} .tw-pb-subscription-add,.tw-pb-subscription-refresh-all{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;white-space:nowrap!important;box-sizing:border-box!important;cursor:pointer!important} .tw-pb-subscription-add{width:auto!important;min-width:172px!important;height:42px!important;min-height:42px!important;border:0!important;border-radius:11px!important;background:linear-gradient(135deg,#0868ed,#0758c9)!important;color:#fff!important;padding:0 15px!important;font:850 13px/1 system-ui,-apple-system,Segoe UI,sans-serif!important;box-shadow:0 6px 16px rgba(8,104,237,.24)!important} .tw-pb-subscription-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;min-height:34px} .tw-pb-subscription-toolbar[hidden]{display:none!important} .tw-pb-subscription-status{flex:1 1 auto;min-width:0;min-height:18px;font-size:12px;font-weight:750;color:#0f7c69;line-height:1.35} .tw-pb-subscription-status.is-error{color:#a3372b} .tw-pb-subscription-refresh-all{flex:0 0 auto;height:34px!important;min-height:34px!important;border:1px solid #c7d5e5!important;border-radius:10px!important;background:#f8fbff!important;color:#405873!important;padding:0 11px!important;font:800 11px/1 system-ui,-apple-system,Segoe UI,sans-serif!important;box-shadow:none!important} .tw-pb-subscription-refresh-all[hidden]{display:none!important} .tw-pb-subscription-list{display:grid;gap:8px;margin-top:10px} .tw-pb-subscription-empty{padding:18px;border:1px dashed #c7d5e5;border-radius:14px;background:#fff;text-align:center;color:#75879a;font-size:13px} .tw-pb-subscription-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:11px;border:1px solid #d9e3ef;border-radius:14px;background:#fff;box-shadow:0 3px 10px rgba(31,55,85,.04)} .tw-pb-subscription-toggle{position:relative;width:38px;height:22px;display:block} .tw-pb-subscription-toggle input{position:absolute;opacity:0;pointer-events:none} .tw-pb-subscription-toggle span{position:absolute;inset:0;border-radius:999px;background:#c7d2df;cursor:pointer;transition:.18s} .tw-pb-subscription-toggle span:after{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.2);transition:.18s} .tw-pb-subscription-toggle input:checked+span{background:#0868ed} .tw-pb-subscription-toggle input:checked+span:after{transform:translateX(16px)} .tw-pb-subscription-name{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:900;color:#243b57} .tw-pb-subscription-name i{width:9px;height:9px;border-radius:50%;display:block;flex:0 0 auto} .tw-pb-subscription-meta{margin-top:3px;color:#75879a;font-size:11px} .tw-pb-subscription-error{margin-top:4px;color:#a3372b;font-size:11px;line-height:1.3} .tw-pb-subscription-refresh,.tw-pb-subscription-delete{min-height:32px!important;border:1px solid #cedae8!important;border-radius:10px!important;background:#f8fbff!important;color:#405873!important;padding:8px 10px!important;font:800 11px/1 system-ui,-apple-system,Segoe UI,sans-serif!important;cursor:pointer;box-shadow:none!important} .tw-pb-subscription-delete{width:32px!important;height:32px!important;min-width:32px!important;padding:0!important;background:#fff5f3!important;color:#a3372b!important;border-color:#efd0cb!important;font-size:18px!important} /* V512.2: schreibgeschützte Abotermine im Tagesplaner. */ .tw-pb-online-day-section{margin-top:13px;padding-top:12px;border-top:1px solid #e2d6c3} .tw-pb-online-day-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:14px;font-weight:900;color:#29415f} .tw-pb-online-day-head button{border:1px solid #c7d5e5;border-radius:9px;background:#f7fbff;color:#405873;padding:6px 8px;font-size:10px;font-weight:850;cursor:pointer} .tw-pb-online-day-list{display:grid;gap:7px} .tw-pb-online-event-row{display:grid;grid-template-columns:86px minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid #dce5f0;border-left:5px solid var(--tw-cal-color,#0868ed);border-radius:12px;background:#f8fbff;padding:8px;box-sizing:border-box} .tw-pb-online-event-time{font-size:12px;font-weight:900;color:#31567f} .tw-pb-online-event-title{font-size:13px;font-weight:900;color:#243b57} .tw-pb-online-event-meta{font-size:10px;color:#75879a;margin-top:3px;line-height:1.3} .tw-pb-online-board{border:0;border-radius:9px;background:#6a4bdc;color:#fff;padding:7px 9px;font-size:10px;font-weight:900;cursor:pointer;white-space:nowrap} .tw-pb-online-board:disabled{background:#d9d6e8;color:#716c83;cursor:default} .tw-pb-online-empty,.tw-pb-online-empty-action{width:100%;box-sizing:border-box;border:1px dashed #c7d5e5;border-radius:11px;background:#f8fbff;color:#75879a;padding:10px;text-align:center;font-size:11px} .tw-pb-online-empty-action{border-style:solid;color:#0868ed;font-weight:850;cursor:pointer} .tw-pb-calendar-online-card{--tw-cal-color:#0868ed;border-left-color:var(--tw-cal-color)!important;background:#f4f8ff!important} .tw-pb-calendar-online-board{position:absolute;right:5px;top:5px;border:0;background:#6a4bdc;color:#fff;border-radius:8px;width:26px;height:26px;font-size:13px;font-weight:900;cursor:pointer} .tw-pb-calendar-online-board:disabled{background:#d9d6e8;color:#716c83;cursor:default} @media(max-width:680px){ .tw-pb-planner-nav{align-items:stretch} .tw-pb-planner-switcher{max-width:none;grid-template-columns:repeat(3,minmax(0,1fr));flex-basis:100%} .tw-pb-planner-actions{flex-basis:100%;flex-direction:column} .tw-pb-online-calendar-open{width:100%} .tw-pb-subscription-modal{align-items:flex-start;padding:8px} .tw-pb-subscription-dialog{width:100%;max-height:calc(100dvh - 16px);border-radius:18px;padding:14px} .tw-pb-subscription-title{font-size:22px} .tw-pb-subscription-subtitle{font-size:12px} .tw-pb-subscription-note{margin:12px 0 10px;padding:10px 11px;font-size:11px} .tw-pb-subscription-compose{padding:10px} .tw-pb-subscription-form{grid-template-columns:minmax(0,1fr)} .tw-pb-subscription-add{width:100%!important;min-width:0!important} .tw-pb-subscription-toolbar{align-items:stretch;flex-direction:column;margin-top:7px} .tw-pb-subscription-status{min-height:0} .tw-pb-subscription-refresh-all{width:100%!important} .tw-pb-subscription-row{grid-template-columns:auto minmax(0,1fr) auto} .tw-pb-subscription-refresh{grid-column:2/3;justify-self:start} .tw-pb-subscription-delete{grid-column:3/4;grid-row:1/3} .tw-pb-online-event-row{grid-template-columns:72px minmax(0,1fr)} .tw-pb-online-board{grid-column:1/-1;width:100%} } @media(max-width:380px){.tw-pb-calendar-button{gap:2px;padding-inline:3px;font-size:10px}.tw-pb-calendar-switcher{left:7px;right:7px;bottom:7px;padding:5px}} /* V512.5 – automatische Entlastung für ältere/ressourcenschwache Geräte. */ html.tw-low-power *, html.tw-low-power *::before, html.tw-low-power *::after{ animation-duration:.001ms!important; animation-iteration-count:1!important; transition-duration:.001ms!important; scroll-behavior:auto!important; } html.tw-low-power #twBoard49HeaderBar, html.tw-low-power #twUiHeaderMoreMenu, html.tw-low-power #twBoard49ShowToolbarBtn, html.tw-low-power #twBoard49Toolbar, html.tw-low-power #twBoard49BubbleSectionPopup, html.tw-low-power #twBoard49PenFloatMenu, html.tw-low-power #twBoard49PenFloatToolPopup, html.tw-low-power #twBoard49PenFloatGeoPopup, html.tw-low-power #twBoard49PenFloatColorPopup, html.tw-low-power #twBoard49PenFloatReopenBtn, html.tw-low-power #twPBModal, html.tw-low-power .tw-ui-overview-create-modal, html.tw-low-power .tw-pb-subscription-modal, html.tw-low-power .tw-pb-calendar-switcher{ backdrop-filter:none!important; -webkit-backdrop-filter:none!important; } html.tw-low-power #twBoard49HeaderBar, html.tw-low-power #twBoard49Toolbar, html.tw-low-power #twBoard49BubbleSectionPopup, html.tw-low-power #twBoard49PenFloatMenu{ box-shadow:0 2px 8px rgba(31,49,82,.10)!important; } @media (prefers-reduced-motion:reduce){ *,*::before,*::after{ animation-duration:.001ms!important; animation-iteration-count:1!important; transition-duration:.001ms!important; scroll-behavior:auto!important; } } /* V513.5 – Modern-UI darf den Vollbild-Arbeitsbereich nicht wieder verkleinern. */ .tw-ui-toolbox-drawer.is-workspace-tool .tw-tb-content{ max-width:none!important; width:100%!important; height:100%!important; min-height:0!important; padding:6px!important; overflow:hidden!important; } .tw-ui-toolbox-drawer.is-max.is-workspace-focus .tw-tb-body{ grid-template-columns:minmax(0,1fr)!important; } .tw-ui-toolbox-drawer.is-max.is-workspace-focus .tw-tb-nav{ display:none!important; } .tw-ui-toolbox-drawer.is-max.is-workspace-focus .tw-tb-content{ padding:4px!important; } @media (min-width:701px) and (max-width:1400px){ .tw-ui-toolbox-drawer:not(.is-workspace-focus) .tw-tb-body{ grid-template-columns:clamp(230px,27vw,310px) minmax(0,1fr)!important; } } /* V513.8 – alle Karten der Werkzeugleiste wirklich transparent. Der Kern setzt keine Füllung mehr; diese letzte Schutzschicht erfasst auch dynamisch neu erzeugte Bubble-Karten und aktive/hover Zustände. */ #twBoard49Toolbar #twBoard49BubbleStrip > button, #twBoard49Toolbar #twBoard49BubbleStrip button[data-bubble], #twBoard49Toolbar #twBoard49BubbleStrip .tw-ui-rail-item, #twBoard49Toolbar .tw-ui-rail-toggle, #twBoard49Toolbar .tw-ui-rail-hide, #twBoard49Toolbar #twUiTeamBtn, #twBoard49Toolbar #twBoard49BubbleStrip > button:hover, #twBoard49Toolbar #twBoard49BubbleStrip > button:focus-visible, #twBoard49Toolbar #twBoard49BubbleStrip > button.tw-ui-rail-active, #twBoard49Toolbar #twUiTeamBtn.tw-ui-team-open{ background:transparent!important; background-color:transparent!important; background-image:none!important; -webkit-backdrop-filter:none!important; backdrop-filter:none!important; box-shadow:none!important; filter:none!important; } #twBoard49Toolbar #twBoard49BubbleStrip > button:not(.tw-ui-rail-active):not(#twUiTeamBtn), #twBoard49Toolbar .tw-ui-rail-toggle, #twBoard49Toolbar .tw-ui-rail-hide, #twBoard49Toolbar #twUiTeamBtn:not(.tw-ui-team-open){ border-color:transparent!important; } #twBoard49Toolbar #twBoard49BubbleStrip > button.tw-ui-rail-active, #twBoard49Toolbar #twUiTeamBtn.tw-ui-team-open{ border-color:rgba(8,99,220,.58)!important; color:#0863dc!important; } #twBoard49Toolbar #twBoard49BubbleStrip > button:hover{ color:#0863dc!important; outline:1px solid rgba(8,99,220,.26)!important; outline-offset:-1px!important; } /* Auch die großen Abschnittskarten der vollständig geöffneten Werkzeugleiste haben keinerlei Glas-/Milchfüllung oder Schatten. Die dünne Kontur bleibt nur zur visuellen Gruppierung erhalten. */ #twBoard49Toolbar.tw-ui-toolbar-full [data-toolbar-section], #twBoard49Toolbar.tw-ui-toolbar-full>div:first-child, #twBoard49Toolbar.tw-ui-toolbar-full [data-toolbar-section] div[style*="background:#fff"], #twBoard49Toolbar.tw-ui-toolbar-full [data-toolbar-section] div[style*="background: #fff"], #twBoard49Toolbar.tw-ui-toolbar-full [data-toolbar-section] div[style*="background:rgba"], #twBoard49Toolbar.tw-ui-toolbar-full [data-toolbar-section] label[style*="background:#"], #twBoard49Toolbar.tw-ui-toolbar-full [data-toolbar-section] label[style*="background: #"]{ background:transparent!important; background-color:transparent!important; background-image:none!important; -webkit-backdrop-filter:none!important; backdrop-filter:none!important; box-shadow:none!important; } /* ---- Bilder-anpassen-Panel (custom-tile-images.js) ---- */ .tw-tile-img-link{display:block;text-align:center;margin:10px 0 4px;font-size:11px;color:#b7ac9a} .tw-tile-img-link a{color:#b7ac9a;text-decoration:underline;cursor:pointer} .tw-tile-img-link a:hover{color:#8c7b67} #twTileImgOverlay{position:fixed;inset:0;background:rgba(30,24,16,.55);display:none;align-items:center;justify-content:center;padding:16px;z-index:2147483647} #twTileImgOverlay.is-open{display:flex} .twti-panel{background:#fffaf1;border-radius:18px;max-width:640px;width:100%;max-height:86vh;overflow:auto;box-shadow:0 20px 60px rgba(0,0,0,.35)} .twti-head{position:sticky;top:0;background:#fffaf1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px 10px;border-bottom:1px solid #e7dcc9} .twti-head h3{margin:0;font-size:17px;color:#3a3127} .twti-close{border:0;background:#efe4d4;color:#3a3127;border-radius:10px;width:30px;height:30px;font:900 15px/1 sans-serif;cursor:pointer} .twti-body{padding:10px 16px 18px} .twti-row{display:flex;align-items:center;gap:10px;padding:9px 4px;border-bottom:1px solid #eee2cf} .twti-row:last-child{border-bottom:0} .twti-thumb{width:44px;height:44px;border-radius:9px;object-fit:cover;flex:none;background:#eee7dc} .twti-thumb-empty{display:flex;align-items:center;justify-content:center;color:#b7ac9a;font-size:18px} .twti-label{flex:1;font-size:13.5px;font-weight:700;color:#3a3127;min-width:0} .twti-filebtn{position:relative;overflow:hidden;border:1px solid #8c7b67;border-radius:9px;padding:6px 10px;font-size:12px;font-weight:800;color:#3a3127;background:#fff;cursor:pointer;flex:none} .twti-filebtn input{position:absolute;inset:0;opacity:0;cursor:pointer} .twti-reset{border:0;border-radius:9px;padding:6px 10px;font-size:12px;font-weight:800;background:#efe4d4;color:#3a3127;cursor:pointer;flex:none} .twti-reset:disabled{opacity:.4;cursor:default} /* ---- Stift-/Werkzeugmenü: automatischer Kontrast je nach Hintergrundfarbe ---- */ #twBoard49PenFloatMenu.tw-pen-menu-on-dark [data-pen-divider]{background:rgba(255,255,255,.4)!important} #twBoard49PenFloatMenu.tw-pen-menu-on-light [data-pen-divider]{background:#e3d6c2!important} #twBoard49PenFloatMenu.tw-pen-menu-on-dark button{border-color:rgba(255,255,255,.45)!important;color:#fff!important} #twBoard49PenFloatMenu.tw-pen-menu-on-light button{border-color:rgba(227,214,194,.35)!important;color:#241c14!important} #twBoard49PenFloatMenu.tw-pen-menu-on-dark #twBoard49PenFloatSizeText{color:#fff!important} #twBoard49PenFloatMenu.tw-pen-menu-on-light #twBoard49PenFloatSizeText{color:#4b4031!important} /* ---- V401: Bubble-Section-Popup frei verschiebbar (außer "Fachwerkzeuge") ---- Die .tw-ui-inspector-Regel weiter oben pinnt Position/Größe fest mit !important (right/top/bottom) - diese spezifischere Regel gewinnt zuverlässig dagegen, sobald eine Position gesetzt wurde. */ #twBoard49BubbleSectionPopup.tw-ui-inspector.tw-bubble-section-manual{ left:var(--tw-bsp-left,12px)!important; top:var(--tw-bsp-top,62px)!important; right:auto!important; bottom:auto!important; max-height:80vh!important; } /* V514.3 – Alle Tafeln: Aktionsschaltflächen bleiben in jedem Ordner sichtbar. Lange Titel und vier Aktionsbuttons dürfen die Tafelkarten nicht mehr über den rechten Rand hinaus verbreitern. */ #twPBBoardOverviewList, #twPBBoardOverviewList .tw-ui-board-folder-body-v5115, #twPBBoardOverviewList .tw-ui-board-subfolder, #twPBBoardOverviewList .tw-ui-board-subfolder-body{ min-width:0!important; max-width:100%!important; box-sizing:border-box!important; } #twPBBoardOverviewList .tw-ui-board-row-v5115{ width:100%!important; min-width:0!important; max-width:100%!important; box-sizing:border-box!important; flex-wrap:wrap!important; overflow:hidden!important; } #twPBBoardOverviewList .tw-ui-board-row-info{ flex:1 1 220px!important; min-width:0!important; max-width:100%!important; overflow:hidden!important; } #twPBBoardOverviewList .tw-ui-board-row-title{ min-width:0!important; max-width:100%!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; font-weight:800!important; } #twPBBoardOverviewList .tw-ui-board-row-subtitle{ min-width:0!important; max-width:100%!important; overflow-wrap:anywhere!important; font-size:12px!important; color:#6e6458!important; } #twPBBoardOverviewList .tw-ui-board-row-actions{ flex:1 1 520px!important; min-width:0!important; max-width:100%!important; display:flex!important; flex-wrap:wrap!important; justify-content:flex-end!important; align-items:stretch!important; gap:6px!important; box-sizing:border-box!important; } #twPBBoardOverviewList .tw-ui-board-row-actions>button{ min-width:0!important; max-width:100%!important; flex:0 1 auto!important; white-space:normal!important; overflow-wrap:anywhere!important; line-height:1.2!important; text-align:center!important; box-sizing:border-box!important; } @media(max-width:1180px){ #twPBBoardOverviewList .tw-ui-board-row-v5115{ align-items:stretch!important; flex-direction:column!important; } #twPBBoardOverviewList .tw-ui-board-row-actions{ width:100%!important; flex:0 1 auto!important; justify-content:flex-start!important; } #twPBBoardOverviewList .tw-ui-board-row-actions>button{ flex:1 1 150px!important; } } @media(max-width:520px){ #twPBBoardOverviewList .tw-ui-board-row-actions>button{ flex-basis:100%!important; width:100%!important; } } /* TeacherWidget V514.4 – editierbare Kachelnamen + Kalenderkategorien */ .twti-panel{max-width:880px} .twti-head>div{min-width:0} .twti-head p{margin:3px 0 0;color:#786b5b;font-size:12px;line-height:1.35} .twti-row{display:grid;grid-template-columns:44px minmax(170px,1fr) minmax(250px,auto);align-items:center;gap:10px;padding:11px 4px} .twti-fields{min-width:0} .twti-fields label{display:grid;gap:4px;font-size:11px;font-weight:850;color:#6c5d4e} .twti-name{width:100%;min-width:0;box-sizing:border-box;border:1px solid #d7cab7;border-radius:9px;background:#fff;color:#31281f;padding:7px 9px;font:750 13px/1.2 system-ui,-apple-system,Segoe UI,sans-serif} .twti-origin{margin-top:4px;font-size:10px;color:#938675;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .twti-actions{display:grid;grid-template-columns:repeat(2,minmax(112px,1fr));gap:6px} .twti-actions button,.twti-actions .twti-filebtn{min-height:31px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:9px;padding:6px 8px;font-size:11px;font-weight:850} .twti-name-save{border:0;background:#108b8b;color:#fff;cursor:pointer} .twti-name-reset{border:0;background:#efe4d4;color:#3a3127;cursor:pointer} .twti-image-reset{border:0;background:#efe4d4;color:#3a3127;cursor:pointer} .tw-pb-extra-category-bar{display:grid;grid-template-columns:minmax(150px,1fr) auto auto;gap:8px;align-items:end;margin:0 0 8px} .tw-pb-extra-category-bar>label:first-child{display:grid;gap:4px;font-size:11px;font-weight:850;color:#6e6458} .tw-pb-extra-category-bar select{width:100%;min-height:38px;border:1px solid #d8ccb8;border-radius:11px;padding:8px 10px;background:#fff;color:#201913;font-size:13px;box-sizing:border-box} .tw-pb-extra-all-day-toggle{min-height:38px;display:flex;align-items:center;gap:6px;border:1px solid #d8ccb8;border-radius:11px;padding:7px 10px;background:#fff;color:#4b4031;font-size:12px;font-weight:800;box-sizing:border-box} .tw-pb-extra-all-day-toggle input{width:18px;height:18px;margin:0} .tw-pb-extra-category-bar>button{min-height:38px;border:0;border-radius:11px;padding:8px 11px;background:#6a4bdc;color:#fff;font-size:12px;font-weight:900;cursor:pointer;white-space:nowrap} .tw-calcat-overlay{position:fixed;inset:0;z-index:2147483647;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(25,31,42,.58);box-sizing:border-box} .tw-calcat-overlay.is-open{display:flex} .tw-calcat-panel{width:min(620px,100%);max-height:88vh;overflow:auto;background:#fffaf1;border:1px solid #ded2c0;border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.34)} .tw-calcat-head{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 18px 12px;background:#fffaf1;border-bottom:1px solid #eadfce} .tw-calcat-head h3{margin:0;color:#30261e;font-size:19px} .tw-calcat-head p{margin:4px 0 0;color:#796b5b;font-size:12px} .tw-calcat-head>button{border:0;border-radius:10px;width:34px;height:34px;background:#efe4d4;color:#3a3127;font-size:22px;font-weight:900;cursor:pointer} .tw-calcat-rows{display:grid;gap:8px;padding:14px 18px} .tw-calcat-row{display:grid;grid-template-columns:minmax(0,1fr) 54px 36px;gap:8px;align-items:center} .tw-calcat-name{min-width:0;border:1px solid #d8ccb8;border-radius:10px;padding:9px 10px;background:#fff;color:#251d16;font-size:14px;box-sizing:border-box} .tw-calcat-color{width:54px;height:38px;border:1px solid #d8ccb8;border-radius:10px;padding:3px;background:#fff;box-sizing:border-box;cursor:pointer} .tw-calcat-delete{width:36px;height:36px;border:0;border-radius:10px;background:#f7d7d3;color:#8f2013;font-size:18px;font-weight:900;cursor:pointer} .tw-calcat-actions{position:sticky;bottom:0;display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;padding:12px 18px 16px;background:#fffaf1;border-top:1px solid #eadfce} .tw-calcat-actions button{border:0;border-radius:10px;padding:9px 12px;background:#efe4d4;color:#3a3127;font-size:12px;font-weight:900;cursor:pointer} .tw-calcat-actions button.primary{background:#108b8b;color:#fff} .tw-pb-all-day-band{height:19px;margin:0 0 3px;border-radius:5px;overflow:hidden;background:color-mix(in srgb,var(--tw-event-color,#2d7bdc) 20%,#fff);border-left:5px solid var(--tw-event-color,#2d7bdc);box-sizing:border-box} .tw-pb-all-day-band button{width:100%;height:100%;display:block;border:0;background:transparent;padding:1px 5px;text-align:left;cursor:pointer;box-sizing:border-box} .tw-pb-all-day-band span{display:block;color:#28313d;font-size:9.5px;font-weight:850;line-height:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .tw-pb-calendar-mini-action{transform:scale(.88);transform-origin:top right} .tw-pb-extra-event-row{display:grid;grid-template-columns:72px minmax(110px,1fr) minmax(92px,130px) repeat(4,28px);gap:5px;align-items:center;border:1px solid #e2e7ed;border-left:5px solid var(--tw-event-color,#2d7bdc);border-radius:10px;background:#f9fbfd;padding:6px;box-sizing:border-box} .tw-pb-extra-event-time{font-size:11px;font-weight:900;color:#31567f;white-space:nowrap} .tw-pb-extra-event-main{min-width:0} .tw-pb-extra-event-title{font-size:12px;font-weight:900;color:#253445;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .tw-pb-extra-event-meta{font-size:9px;color:#768493;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .tw-pb-extra-category-select{min-width:0;width:100%;border:1px solid #d8e0e8;border-radius:8px;background:#fff;padding:5px 6px;color:#33475d;font-size:10px;font-weight:750;box-sizing:border-box} .tw-pb-extra-event-row>button,.tw-pb-extra-all-day>button{width:28px;height:26px;border:0;border-radius:8px;background:#e8eef6;color:#31567f;font-size:12px;font-weight:900;cursor:pointer;padding:0} .tw-pb-extra-event-row>button.danger,.tw-pb-extra-all-day>button.danger{background:#8f2013;color:#fff} .tw-pb-extra-all-day{height:30px;display:grid;grid-template-columns:minmax(0,1fr) 28px repeat(4,26px);gap:4px;align-items:center;border-left:5px solid var(--tw-event-color,#2d7bdc);border-radius:8px;background:color-mix(in srgb,var(--tw-event-color,#2d7bdc) 17%,#fff);padding:2px 4px;box-sizing:border-box;overflow:hidden} .tw-pb-extra-all-day-title{min-width:0;font-size:11px;font-weight:900;color:#273340;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .tw-pb-extra-category-swatch{width:26px;height:24px;border:2px solid #fff;border-radius:7px;background:var(--tw-event-color,#2d7bdc);color:transparent;font-size:0;cursor:pointer;box-shadow:0 0 0 1px rgba(0,0,0,.12)} .tw-pb-online-event-row{padding:6px;grid-template-columns:68px minmax(0,1fr) auto;gap:6px;border-radius:10px} .tw-pb-online-event-time{font-size:10.5px} .tw-pb-online-event-title{font-size:11.5px} .tw-pb-online-event-meta{font-size:9px;margin-top:1px} .tw-pb-online-event-row.is-all-day{height:30px;grid-template-columns:minmax(0,1fr) 30px;padding:2px 4px;background:color-mix(in srgb,var(--tw-cal-color,#0868ed) 17%,#fff);overflow:hidden} .tw-pb-online-event-row.is-all-day .tw-pb-online-event-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px} .tw-pb-online-event-row.is-all-day .tw-pb-online-board{width:28px;height:24px;min-width:0;padding:0;font-size:0} .tw-pb-online-event-row.is-all-day .tw-pb-online-board::after{content:'🗒';font-size:12px} @media(max-width:760px){ .twti-row{grid-template-columns:44px minmax(0,1fr)} .twti-actions{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))} .tw-pb-extra-category-bar{grid-template-columns:1fr auto} .tw-pb-extra-category-bar>button{grid-column:1/-1} .tw-pb-extra-event-row{grid-template-columns:62px minmax(0,1fr) repeat(4,28px)} .tw-pb-extra-category-select{grid-column:1/3;grid-row:2} } @media(max-width:480px){ .twti-actions{grid-template-columns:1fr} .tw-pb-extra-category-bar{grid-template-columns:1fr} .tw-pb-extra-all-day-toggle{justify-content:center} .tw-calcat-actions{grid-template-columns:1fr 1fr} .tw-calcat-actions span{display:none} .tw-pb-extra-event-row{grid-template-columns:54px minmax(0,1fr) repeat(4,26px);gap:4px} .tw-pb-extra-event-row>button{width:26px} .tw-pb-extra-all-day{grid-template-columns:minmax(0,1fr) 26px repeat(4,24px)} } /* ================================================================ V514.5 – vollständige Termintitel, eindeutige Kategorienfarben und Zeitachsen für Woche/Tag ================================================================ */ .tw-pb-calendar-item-wrap{position:relative;margin:0 0 4px;min-width:0} .tw-pb-calendar-event-card{--tw-event-color:#2d7bdc;width:100%;display:block;text-align:left;border:1px solid color-mix(in srgb,var(--tw-event-color) 30%,#dce5f0);border-left:4px solid var(--tw-event-color);background:color-mix(in srgb,var(--tw-event-color) 13%,#fff);border-radius:8px;padding:5px 31px 5px 6px;cursor:pointer;box-sizing:border-box;color:#241c14;min-width:0} .tw-pb-calendar-event-card.is-online{background:color-mix(in srgb,var(--tw-event-color) 11%,#fff)} .tw-pb-calendar-item-title{display:block;font-size:10.5px;font-weight:900;line-height:1.2;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;word-break:normal} .tw-pb-calendar-item-time{display:inline;color:color-mix(in srgb,var(--tw-event-color) 74%,#1d2630);white-space:nowrap} .tw-pb-calendar-item-time:not(:empty)::after{content:' ·';color:#5d6670} .tw-pb-calendar-item-meta{font-size:9px;color:#6e6458;margin-top:2px;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere} .tw-pb-calendar-download-action{position:absolute!important;right:4px;top:4px;border:0!important;background:#108b8b!important;color:#fff!important;border-radius:7px!important;width:22px!important;height:22px!important;font-size:11px!important;font-weight:900!important;cursor:pointer!important} .tw-pb-calendar-online-board{position:absolute;right:4px;top:4px} .tw-pb-all-day-band{height:auto!important;min-height:19px!important;overflow:visible!important} .tw-pb-all-day-band button{height:auto!important;min-height:17px!important} .tw-pb-all-day-band span{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.15!important;overflow-wrap:anywhere;padding:2px 0} .tw-pb-extra-event-title,.tw-pb-extra-all-day-title,.tw-pb-online-event-title{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important} .tw-pb-extra-all-day,.tw-pb-online-event-row.is-all-day{height:auto!important;min-height:30px!important;overflow:visible!important;align-items:start!important} .tw-pb-extra-all-day-title{padding:5px 0} .tw-pb-online-event-row.is-all-day .tw-pb-online-event-title{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;padding:5px 0} .tw-pb-week-timeline-scroll{overflow:auto;max-width:100%;border:1px solid #dce5f0;border-radius:16px;background:#fff;overscroll-behavior:contain;-webkit-overflow-scrolling:touch} #twPBWeekGrid{display:block!important;min-width:940px!important;padding:0!important} .tw-pb-week-timeline-grid{display:grid;grid-template-columns:64px repeat(7,minmax(124px,1fr));align-items:stretch;min-width:940px;background:#fff} .tw-pb-week-corner,.tw-pb-week-day-head{position:sticky;top:0;z-index:5;min-height:50px;border:0;border-right:1px solid #dce5f0;border-bottom:1px solid #dce5f0;background:#f2f7fd;color:#26496f;box-sizing:border-box} .tw-pb-week-corner{display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900} .tw-pb-week-day-head{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer} .tw-pb-week-day-head b{font-size:13px}.tw-pb-week-day-head span{font-size:10px;color:#69809a} .tw-pb-week-all-day-label,.tw-pb-week-all-day-cell{border-right:1px solid #dce5f0;border-bottom:1px solid #dce5f0;background:#fbfcfe;box-sizing:border-box} .tw-pb-week-all-day-label{padding:8px 4px;text-align:center;font-size:9px;font-weight:900;color:#6a7684;display:flex;align-items:center;justify-content:center} .tw-pb-week-all-day-cell{padding:4px;display:flex;flex-direction:column;gap:3px;min-height:34px} .tw-pb-timeline-all-day{width:100%;min-height:19px;height:auto;border:1px solid color-mix(in srgb,var(--tw-event-color,#2d7bdc) 35%,#d7e0e8);border-left:5px solid var(--tw-event-color,#2d7bdc);border-radius:6px;padding:2px 5px;background:color-mix(in srgb,var(--tw-event-color,#2d7bdc) 18%,#fff);color:#26323f;text-align:left;font-size:9.5px;font-weight:850;line-height:1.15;white-space:normal;overflow-wrap:anywhere;cursor:pointer;box-sizing:border-box} .tw-pb-timeline-all-day-empty{display:block;text-align:center;color:#a1abb6;font-size:10px;padding:2px} .tw-pb-timeline-axis{position:relative;border-right:1px solid #dce5f0;background:#f9fbfe;box-sizing:border-box} .tw-pb-timeline-hour-label{position:absolute;right:7px;transform:translateY(-50%);font-size:9px;font-weight:800;color:#718196;white-space:nowrap} .tw-pb-week-axis{grid-column:1} .tw-pb-timeline-column{position:relative;min-width:0;border-right:1px solid #dce5f0;background:repeating-linear-gradient(to bottom,#fff 0,#fff calc(var(--tw-hour-height) - 1px),#dfe7f0 calc(var(--tw-hour-height) - 1px),#dfe7f0 var(--tw-hour-height));box-sizing:border-box} .tw-pb-week-column{cursor:pointer} .tw-pb-timeline-event{position:absolute;z-index:2;display:block;border:1px solid color-mix(in srgb,var(--tw-event-color,#2d7bdc) 36%,#cbd6e2);border-left:5px solid var(--tw-event-color,#2d7bdc);border-radius:7px;padding:4px 5px;background:color-mix(in srgb,var(--tw-event-color,#2d7bdc) 17%,#fff);color:#22303f;text-align:left;cursor:pointer;box-sizing:border-box;white-space:normal;overflow:visible;box-shadow:0 2px 5px rgba(34,53,78,.08)} .tw-pb-timeline-event:hover{z-index:8;box-shadow:0 7px 18px rgba(34,53,78,.19)} .tw-pb-timeline-event-time{display:block;font-size:9px;font-weight:900;color:color-mix(in srgb,var(--tw-event-color,#2d7bdc) 76%,#263441);line-height:1.1;white-space:normal} .tw-pb-timeline-event strong{display:block;font-size:10.5px;line-height:1.15;overflow-wrap:anywhere;word-break:normal;white-space:normal} .tw-pb-timeline-event small{display:block;margin-top:2px;font-size:8.5px;line-height:1.1;color:#667584;overflow-wrap:anywhere;white-space:normal} .tw-pb-timeline-now{position:absolute;z-index:7;left:0;right:0;border-top:2px solid #d23a2e;pointer-events:none} .tw-pb-timeline-now::before{content:'';position:absolute;left:-4px;top:-5px;width:8px;height:8px;border-radius:50%;background:#d23a2e} .tw-pb-timeline-now span{position:absolute;right:4px;top:-15px;border-radius:5px;background:#d23a2e;color:#fff;padding:1px 4px;font-size:8px;font-weight:900} .tw-pb-day-timeline-card{margin:0 0 18px;background:linear-gradient(145deg,#fff,#f8faff);border:1px solid #dce5f0;border-radius:18px;box-shadow:0 8px 23px rgba(29,49,84,.065);padding:12px;box-sizing:border-box} .tw-pb-day-timeline-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;color:#263d5a} .tw-pb-day-timeline-head div{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}.tw-pb-day-timeline-head b{font-size:17px}.tw-pb-day-timeline-head span{font-size:10px;color:#748498} .tw-pb-day-timeline{overflow:auto;max-height:min(70vh,900px);border:1px solid #dce5f0;border-radius:13px;background:#fff;overscroll-behavior:contain;-webkit-overflow-scrolling:touch} .tw-pb-day-timeline-all-day{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:76px minmax(0,1fr);border-bottom:1px solid #dce5f0;background:#fbfcfe} .tw-pb-day-timeline-all-day>div:first-child{display:flex;align-items:center;justify-content:center;padding:5px;border-right:1px solid #dce5f0;color:#6c7988;font-size:9px;font-weight:900;text-align:center} .tw-pb-day-timeline-all-day>div:last-child{display:grid;gap:3px;padding:4px} .tw-pb-day-timeline-body{display:grid;grid-template-columns:76px minmax(440px,1fr)} @media(max-width:760px){ .tw-pb-day-timeline-body{grid-template-columns:60px minmax(330px,1fr)} .tw-pb-day-timeline-all-day{grid-template-columns:60px minmax(330px,1fr)} .tw-pb-timeline-event strong{font-size:10px} } /* V514.5: ältere Wochenkarten-Selektoren dürfen das neue Zeitraster nicht einfärben oder dessen Kategorie-Farben überschreiben. */ #twPBWeekGrid>.tw-pb-week-timeline-grid{ background:#fff!important;color:#26323f!important;border-radius:0!important; box-shadow:none!important;border:0!important; } #twPBWeekGrid .tw-pb-timeline-event{ background:color-mix(in srgb,var(--tw-event-color,#2d7bdc) 17%,#fff)!important; color:#22303f!important;border-left-color:var(--tw-event-color,#2d7bdc)!important; } #twPBWeekGrid .tw-pb-timeline-all-day{ background:color-mix(in srgb,var(--tw-event-color,#2d7bdc) 18%,#fff)!important; color:#26323f!important;border-left-color:var(--tw-event-color,#2d7bdc)!important; } /* ================================================================ V514.6 – kompakte Tageszeitleiste, stabil scrollbare Woche, vollfarbige Terminkarten und Kategorie-Filter ================================================================ */ .tw-pb-category-filter{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:-4px 0 12px;padding:8px 9px;border:1px solid #dce5f0;border-radius:13px;background:#f8fbff;box-sizing:border-box} .tw-pb-category-filter::before{content:'Kategorien:';font-size:10px;font-weight:900;color:#60748b;margin-right:2px} .tw-pb-category-filter-chip{--tw-category-color:#60748b;display:inline-flex;align-items:center;gap:5px;min-height:28px;border:1px solid #d5e0ec;border-radius:999px;padding:4px 8px;background:#fff;color:#344a62;font-size:10.5px;font-weight:850;cursor:pointer;box-sizing:border-box;user-select:none} .tw-pb-category-filter-chip input{width:15px!important;height:15px!important;margin:0!important;accent-color:var(--tw-category-color)} .tw-pb-category-filter-chip i{width:9px;height:9px;border-radius:50%;background:var(--tw-category-color);box-shadow:0 0 0 1px rgba(0,0,0,.12);flex:0 0 auto} .tw-pb-category-filter-chip:has(input:not(:checked)){opacity:.48;background:#eef2f6} .tw-pb-category-filter-all{--tw-category-color:#60748b} .tw-pb-category-filter-all i{display:none} /* Die Zeitleiste ersetzt exakt die frühere Stundenplan-Spalte. */ .tw-pb-day-main-grid{min-width:0} .tw-pb-day-timeline-card-embedded{margin:0;min-width:0;padding:14px;background:linear-gradient(145deg,#fff,#f8faff);border:1px solid #dce5f0;border-radius:18px;box-shadow:0 8px 23px rgba(29,49,84,.065)} .tw-pb-day-timeline-card-embedded .tw-pb-day-timeline-head{margin-bottom:10px} .tw-pb-day-timeline{overflow:visible!important;max-height:none!important;width:100%;min-width:0;border:1px solid #dce5f0;border-radius:13px;background:#fff;box-sizing:border-box} .tw-pb-day-timeline-body{grid-template-columns:58px minmax(0,1fr)!important;min-width:0} .tw-pb-day-timeline-all-day{position:relative!important;top:auto!important;grid-template-columns:58px minmax(0,1fr)!important} .tw-pb-day-timeline-all-day>div:first-child{padding:4px 2px;font-size:8.5px} .tw-pb-day-timeline-all-day>div:last-child{padding:3px;gap:2px} .tw-pb-day-timeline-card-embedded .tw-pb-timeline-hour-label{right:5px;font-size:8px} .tw-pb-day-timeline-card-embedded .tw-pb-timeline-event{padding:3px 4px;border-left-width:4px} .tw-pb-day-timeline-card-embedded .tw-pb-timeline-event-time{font-size:8px} .tw-pb-day-timeline-card-embedded .tw-pb-timeline-event strong{font-size:9.5px;line-height:1.1} .tw-pb-day-timeline-card-embedded .tw-pb-timeline-event small{font-size:7.5px;margin-top:1px} /* Wochenraster scrollt unabhängig und löst beim Wischen keinen Tageswechsel aus. */ .tw-pb-week-timeline-scroll{display:block;overflow:auto!important;max-height:min(68vh,720px);max-width:100%;touch-action:pan-x pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable} .tw-pb-week-column{cursor:default!important;touch-action:pan-x pan-y} /* Komplette Karte in der jeweiligen Farbe; Titel bleiben vollständig sichtbar. */ .tw-pb-calendar-event-card, .tw-pb-calendar-event-card.is-online, .tw-pb-timeline-event, .tw-pb-timeline-all-day, .tw-pb-all-day-band, .tw-pb-extra-event-row, .tw-pb-extra-all-day{ background:var(--tw-event-color,#2d7bdc)!important; color:var(--tw-event-text,#fff)!important; border-color:color-mix(in srgb,var(--tw-event-color,#2d7bdc) 72%,#000)!important; border-left-color:color-mix(in srgb,var(--tw-event-color,#2d7bdc) 70%,#000)!important; } .tw-pb-calendar-event-card{padding:5px 31px 6px 7px;overflow:visible!important} .tw-pb-calendar-item-time{display:block!important;margin:0 0 2px;color:var(--tw-event-text,#fff)!important;font-size:9px;font-weight:900;line-height:1.1;white-space:normal!important;overflow-wrap:anywhere} .tw-pb-calendar-item-time:not(:empty)::after{content:none!important} .tw-pb-calendar-item-title{display:block!important;color:var(--tw-event-text,#fff)!important;font-size:10.5px;font-weight:900;line-height:1.18;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere} .tw-pb-calendar-item-meta{display:block;color:var(--tw-event-text,#fff)!important;opacity:.82;font-size:8.5px;line-height:1.15;margin-top:3px;white-space:normal;overflow-wrap:anywhere} .tw-pb-timeline-event-time,.tw-pb-timeline-event strong,.tw-pb-timeline-event small,.tw-pb-timeline-all-day,.tw-pb-all-day-band span,.tw-pb-extra-event-time,.tw-pb-extra-event-title,.tw-pb-extra-event-meta,.tw-pb-extra-all-day-title{color:var(--tw-event-text,#fff)!important} .tw-pb-timeline-event small,.tw-pb-extra-event-meta{opacity:.82} .tw-pb-all-day-band{height:auto!important;min-height:19px!important;overflow:visible!important} .tw-pb-all-day-band button{height:auto!important;min-height:19px!important;background:transparent!important} .tw-pb-all-day-band span{line-height:1.15!important;padding:3px 0;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere} .tw-pb-extra-event-row,.tw-pb-extra-all-day{box-shadow:0 2px 7px rgba(34,53,78,.10)} .tw-pb-extra-event-row select,.tw-pb-extra-all-day select{background:#fff!important;color:#33475d!important} .tw-pb-extra-event-row>button,.tw-pb-extra-all-day>button{background:rgba(255,255,255,.88)!important;color:#31567f!important} .tw-pb-extra-event-row>button.danger,.tw-pb-extra-all-day>button.danger{background:#8f2013!important;color:#fff!important} /* Alte Regeln dürfen die neuen vollfarbigen Wochenkarten nicht wieder aufhellen. */ #twPBWeekGrid .tw-pb-timeline-event,#twPBWeekGrid .tw-pb-timeline-all-day{background:var(--tw-event-color,#2d7bdc)!important;color:var(--tw-event-text,#fff)!important;border-left-color:color-mix(in srgb,var(--tw-event-color,#2d7bdc) 70%,#000)!important} @media(max-width:900px){ .tw-pb-day-main-grid{grid-template-columns:1fr!important} .tw-pb-day-timeline-card-embedded{padding:10px} } @media(max-width:520px){ .tw-pb-category-filter{gap:5px;padding:7px} .tw-pb-category-filter::before{flex-basis:100%} .tw-pb-category-filter-chip{font-size:10px;padding:4px 7px} .tw-pb-day-timeline-body,.tw-pb-day-timeline-all-day{grid-template-columns:50px minmax(0,1fr)!important} } /* V514.6: ältere Monatsplaner-Regeln besitzen ID-Spezifität; diese Regeln halten die komplette Kategorie-/Fachfarbe ausdrücklich auf der Terminkarte. */ #twPBMonthGrid .tw-pb-calendar-event-card, #twPBMonthGrid .tw-pb-all-day-band{ background:var(--tw-event-color,#2d7bdc)!important; color:var(--tw-event-text,#fff)!important; border-color:color-mix(in srgb,var(--tw-event-color,#2d7bdc) 72%,#000)!important; border-left-color:color-mix(in srgb,var(--tw-event-color,#2d7bdc) 70%,#000)!important; } #twPBMonthGrid .tw-pb-all-day-band>button{ background:transparent!important; color:var(--tw-event-text,#fff)!important; } #twPBMonthGrid>div>div>button.tw-pb-calendar-event-card:first-child, #twPBMonthGrid>div>div>button.tw-pb-calendar-event-card:last-child{ background:var(--tw-event-color,#2d7bdc)!important; color:var(--tw-event-text,#fff)!important; } #twPBMonthGrid>div>div.tw-pb-all-day-band>button:first-child, #twPBMonthGrid>div>div.tw-pb-all-day-band>button:last-child{ background:transparent!important; color:var(--tw-event-text,#fff)!important; } /* ================================================================ V514.7 – getrennte Ganztägig-Zeile, scrollbarerer 24-Stunden-Tag und sichtbare Titel in der Liste „Weitere Termine“ ================================================================ */ .tw-pb-day-timeline-card-embedded .tw-pb-day-timeline{ overflow:visible!important; max-height:none!important; } .tw-pb-day-timeline-all-day{ position:relative!important; z-index:2; top:auto!important; flex:0 0 auto; max-height:118px; overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; } .tw-pb-day-timeline-scroll{ height:clamp(350px,48vh,500px); min-height:0; overflow-y:auto; overflow-x:hidden; border-top:1px solid #dce5f0; background:#fff; touch-action:pan-y; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; scrollbar-gutter:stable; } .tw-pb-day-timeline-scroll:focus-visible{ outline:3px solid rgba(45,123,220,.28); outline-offset:-3px; } .tw-pb-day-timeline-scroll .tw-pb-day-timeline-body{ min-width:0; } /* Eine ältere Modern-UI-Regel mit ID-Spezifität setzte jede Zeile in #twPBExtraList wieder auf nahezu Weiß. Dadurch war der neue weiße Titel zwar vorhanden, aber praktisch unsichtbar. Diese Regel gewinnt nun gezielt. */ #twPBDayPlannerView #twPBExtraList>.tw-pb-extra-event-row, #twPBDayPlannerView #twPBExtraList>.tw-pb-extra-all-day, #twPBDayPlannerView #twPBExtraList>.tw-ui-planner-card.tw-pb-extra-event-row, #twPBDayPlannerView #twPBExtraList>.tw-ui-planner-card.tw-pb-extra-all-day{ background:var(--tw-event-color,#2d7bdc)!important; color:var(--tw-event-text,#fff)!important; border-color:color-mix(in srgb,var(--tw-event-color,#2d7bdc) 72%,#000)!important; border-left-color:color-mix(in srgb,var(--tw-event-color,#2d7bdc) 70%,#000)!important; } #twPBDayPlannerView #twPBExtraList .tw-pb-extra-event-title, #twPBDayPlannerView #twPBExtraList .tw-pb-extra-all-day-title, #twPBDayPlannerView #twPBExtraList .tw-pb-extra-event-time, #twPBDayPlannerView #twPBExtraList .tw-pb-extra-event-meta{ color:var(--tw-event-text,#fff)!important; opacity:1; } #twPBDayPlannerView #twPBExtraList .tw-pb-extra-event-title, #twPBDayPlannerView #twPBExtraList .tw-pb-extra-all-day-title{ display:block!important; min-width:0; white-space:normal!important; overflow:visible!important; text-overflow:clip!important; overflow-wrap:anywhere!important; } @media(max-width:760px){ .tw-pb-day-timeline-scroll{height:clamp(330px,48vh,450px)} } /* ================================================================ V514.8 – Wochenfarben mit Safari-sicherer Direktfarbe ================================================================ */ #twPBWeekGrid .tw-pb-timeline-event, #twPBWeekGrid .tw-pb-timeline-all-day{ background:var(--tw-event-color,#2d7bdc)!important; background-color:var(--tw-event-color,#2d7bdc)!important; color:var(--tw-event-text,#fff)!important; } #twPBWeekGrid .tw-pb-timeline-event .tw-pb-timeline-event-time, #twPBWeekGrid .tw-pb-timeline-event strong, #twPBWeekGrid .tw-pb-timeline-event small{ color:var(--tw-event-text,#fff)!important; } /* ================================================================ V537.0 – einheitliche Fachwerkzeug-Navigation und Arbeitsflächen ================================================================ */ .tw-ui-toolbox-drawer .tw-tb-titlebar{ gap:8px!important; cursor:move; } .tw-ui-toolbox-drawer .tw-tb-title{ flex:0 1 220px!important; min-width:90px; } .tw-tb-title-text{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .tw-tb-switcher-label,.tw-tb-size-label{ display:flex; align-items:center; gap:7px; min-width:0; color:#6d7990; font-size:9px; font-weight:800; letter-spacing:.035em; text-transform:uppercase; cursor:default; } .tw-tb-switcher-label{flex:1 1 320px;max-width:460px} .tw-tb-size-label{flex:0 0 auto} .tw-tb-switcher,.tw-tb-size-preset{ height:38px; min-width:0; border:1px solid var(--tw-ui-border-strong); border-radius:11px; background:#f8faff; color:#26364f; padding:0 32px 0 11px; font:750 12px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif; box-shadow:0 2px 7px rgba(25,45,79,.04); cursor:pointer; } .tw-tb-switcher{width:100%} .tw-tb-size-preset{width:105px} .tw-tb-switcher:hover,.tw-tb-size-preset:hover{border-color:#b9d1f2;background:#fff} .tw-tb-switcher:focus-visible,.tw-tb-size-preset:focus-visible{ outline:3px solid rgba(8,104,237,.2); outline-offset:1px; border-color:var(--tw-ui-blue); } /* Interne Arbeitsflächen verwalten ihren eigenen Scrollbereich. Alle anderen Werkzeuge müssen dagegen im gemeinsamen Inhaltsbereich bis ganz nach unten erreichbar bleiben. Diese Unterscheidung wurde zuvor von einer späteren Modern-UI-Regel überschrieben. */ .tw-ui-toolbox-drawer.is-workspace-internal-scroll .tw-tb-content{ overflow:hidden!important; } .tw-ui-toolbox-drawer.is-workspace-tool:not(.is-workspace-internal-scroll) .tw-tb-content{ overflow-x:hidden!important; overflow-y:auto!important; touch-action:pan-y!important; } /* Gemeinsame visuelle Sprache für alle 26 Fachwerkzeuge. Die Selektoren gestalten ausschließlich bestehende Controls; ihre Funktionshandler und Werkzeugdaten bleiben unberührt. */ .tw-ui-toolbox-drawer .tw-tb-content{ background:#f5f8fc!important; color:#26364f!important; } .tw-ui-toolbox-drawer .tw-tb-panel.active{ padding:clamp(4px,1vw,14px); } .tw-ui-toolbox-drawer .tw-vw, .tw-ui-toolbox-drawer .tw-protool, .tw-ui-toolbox-drawer .tw-formula-shell, .tw-ui-toolbox-drawer .tw-calendar-invite-shell{ color:#26364f; } .tw-ui-toolbox-drawer .tw-tb-panel h2, .tw-ui-toolbox-drawer .tw-vw h3, .tw-ui-toolbox-drawer .tw-protool h3{ color:#26364f!important; letter-spacing:-.025em; } .tw-ui-toolbox-drawer .tw-vw h3, .tw-ui-toolbox-drawer .tw-protool h3{ margin:16px 0 8px; font-size:14px; } .tw-ui-toolbox-drawer .tw-sheet-actions{ padding:8px!important; border:1px solid var(--tw-ui-border)!important; border-radius:14px!important; background:#fff!important; box-shadow:0 5px 16px rgba(27,47,80,.05)!important; } .tw-ui-toolbox-drawer .tw-vw-grid>label, .tw-ui-toolbox-drawer .tw-pro-grid>label, .tw-ui-toolbox-drawer .tw-tb-grid>label, .tw-ui-toolbox-drawer .tw-page-settings>label{ min-width:0; padding:9px 10px; border:1px solid var(--tw-ui-border); border-radius:12px; background:#fff!important; color:#526079!important; box-shadow:0 3px 11px rgba(27,47,80,.035); box-sizing:border-box; } .tw-ui-toolbox-drawer .tw-vw-grid>.tw-vw-grid{grid-column:1/-1} .tw-ui-toolbox-drawer .tw-vw-row, .tw-ui-toolbox-drawer .tw-pro-row, .tw-ui-toolbox-drawer .tw-map-hit, .tw-ui-toolbox-drawer .tw-chart-slice-colors, .tw-ui-toolbox-drawer .tw-element-info, .tw-ui-toolbox-drawer .tw-tb-card, .tw-ui-toolbox-drawer .tw-tb-stat{ border:1px solid var(--tw-ui-border)!important; border-radius:13px!important; background:#fff!important; box-shadow:0 4px 14px rgba(27,47,80,.04)!important; } .tw-ui-toolbox-drawer .tw-vw-row, .tw-ui-toolbox-drawer .tw-pro-row{padding:8px!important;margin:6px 0!important} .tw-ui-toolbox-drawer .tw-tb-stat{padding:11px!important} .tw-ui-toolbox-drawer .tw-tb-result{ border:1px solid #d8e5f5!important; background:#eef5ff!important; color:#365170!important; box-shadow:none!important; } .tw-ui-toolbox-drawer .tw-tb-error{border-color:#f1d0d0!important;background:#fff1f1!important;color:#a92e2e!important} .tw-ui-toolbox-drawer .tw-tb-input, .tw-ui-toolbox-drawer .tw-tb-select, .tw-ui-toolbox-drawer .tw-tb-textarea, .tw-ui-toolbox-drawer input[type="number"], .tw-ui-toolbox-drawer input[type="text"], .tw-ui-toolbox-drawer input[type="search"], .tw-ui-toolbox-drawer textarea, .tw-ui-toolbox-drawer select{ border-color:var(--tw-ui-border-strong)!important; background:#fff!important; color:#25354d!important; box-shadow:none!important; } .tw-ui-toolbox-drawer .tw-tb-input:focus, .tw-ui-toolbox-drawer .tw-tb-select:focus, .tw-ui-toolbox-drawer .tw-tb-textarea:focus, .tw-ui-toolbox-drawer input:focus, .tw-ui-toolbox-drawer textarea:focus, .tw-ui-toolbox-drawer select:focus{ outline:3px solid rgba(8,104,237,.16)!important; outline-offset:1px; border-color:#79a9e8!important; } .tw-ui-toolbox-drawer input[type="color"]{ width:38px; min-width:38px; height:32px; padding:2px!important; border:1px solid var(--tw-ui-border-strong)!important; border-radius:9px!important; background:#fff!important; cursor:pointer; } .tw-ui-toolbox-drawer input[type="range"]{accent-color:var(--tw-ui-blue)} .tw-ui-toolbox-drawer input[type="checkbox"]{accent-color:var(--tw-ui-blue);width:17px;height:17px} .tw-ui-toolbox-drawer .tw-tb-button{ min-height:36px; padding:8px 12px!important; border:1px solid transparent!important; border-radius:10px!important; background:linear-gradient(135deg,var(--tw-ui-blue),var(--tw-ui-blue-2))!important; color:#fff!important; box-shadow:0 5px 12px rgba(8,104,237,.14)!important; } .tw-ui-toolbox-drawer .tw-tb-button.secondary, .tw-ui-toolbox-drawer label.tw-tb-button.secondary{ border-color:var(--tw-ui-border)!important; background:#fff!important; color:#3d4d66!important; box-shadow:none!important; } .tw-ui-toolbox-drawer .tw-tb-button:hover{filter:brightness(.985);transform:translateY(-1px)} .tw-ui-toolbox-drawer .tw-tb-button:focus-visible, .tw-ui-toolbox-drawer button:focus-visible{ outline:3px solid rgba(8,104,237,.22)!important; outline-offset:2px; } .tw-ui-toolbox-drawer .tw-vw-preview, .tw-ui-toolbox-drawer .tw-pro-preview, .tw-ui-toolbox-drawer .tw-tb-preview, .tw-ui-toolbox-drawer .tw-tb-canvas-wrap, .tw-ui-toolbox-drawer #mapCanvas{ border:1px solid var(--tw-ui-border)!important; border-radius:15px!important; background:#eaf0f7!important; box-shadow:inset 0 1px 4px rgba(27,47,80,.045)!important; } .tw-ui-toolbox-drawer .tw-editor-quickbar, .tw-ui-toolbox-drawer .tw-editor-groups details{ border-color:var(--tw-ui-border)!important; background:#fff!important; } .tw-ui-toolbox-drawer .tw-formula-field{ border-color:#bdcce0!important; border-radius:15px!important; background:#fff!important; box-shadow:0 7px 22px rgba(27,47,80,.065)!important; } .tw-ui-toolbox-drawer .tw-formula-speech, .tw-ui-toolbox-drawer .tw-calendar-technical, .tw-ui-toolbox-drawer .tw-calendar-address{ border:1px solid var(--tw-ui-border)!important; border-radius:13px!important; background:#fff!important; color:#40516a!important; } .tw-ui-toolbox-drawer .tw-sheet-grid{ border-color:var(--tw-ui-border)!important; background:#fff!important; box-shadow:inset 0 1px 4px rgba(27,47,80,.04)!important; } .tw-ui-toolbox-drawer .tw-sheet-table th{background:#edf3fb!important;color:#40516a!important;border-color:#d7e0ec!important} .tw-ui-toolbox-drawer .tw-sheet-table tbody th{background:#f5f7fb!important} .tw-ui-toolbox-drawer .tw-sheet-table td{border-color:#e0e6ef!important} .tw-ui-toolbox-drawer .tw-editor-canvas{ border-color:var(--tw-ui-border)!important; border-radius:14px!important; box-shadow:inset 0 1px 5px rgba(27,47,80,.06)!important; } .tw-ui-toolbox-drawer .tw-rich-editor{ border-color:#cbd6e5!important; box-shadow:0 8px 26px rgba(27,47,80,.10)!important; } .tw-ui-toolbox-drawer .tw-ggb-controls, .tw-ui-toolbox-drawer .tw-blockly-controls, .tw-ui-toolbox-drawer .tw-excalidraw-actions{ padding:8px!important; border:1px solid var(--tw-ui-border)!important; border-radius:13px!important; background:#fff!important; color:#40516a!important; box-shadow:0 4px 14px rgba(27,47,80,.045)!important; } .tw-ui-toolbox-drawer .tw-ggb-host, .tw-ui-toolbox-drawer .tw-blockly-mount, .tw-ui-toolbox-drawer .tw-excalidraw-canvas{ border-color:var(--tw-ui-border)!important; border-radius:13px!important; background:#fff!important; } .tw-ui-toolbox-drawer .tw-excalidraw-actions button{ background:linear-gradient(135deg,var(--tw-ui-blue),var(--tw-ui-blue-2))!important; color:#fff!important; } .tw-ui-toolbox-drawer .tw-excalidraw-actions button.danger{background:#b94a43!important} .tw-ui-toolbox-drawer .tw-calendar-info-panel, .tw-ui-toolbox-drawer .tw-calendar-info-head{background:#fff!important;color:#30415a!important} .tw-ui-toolbox-drawer .tw-calendar-info-note{background:#eef5ff!important;border-left-color:var(--tw-ui-blue)!important} .tw-ui-toolbox-drawer .tw-editor-action, .tw-ui-toolbox-drawer .tw-editor-icon, .tw-ui-toolbox-drawer .tw-editor-color{ border-color:var(--tw-ui-border-strong)!important; background:#fff!important; color:#35455e!important; } .tw-map-label-size-control>span{ display:grid; grid-template-columns:minmax(90px,1fr) 45px; align-items:center; gap:8px; margin-top:5px; } .tw-map-label-size-control output{font-size:11px;font-weight:850;color:var(--tw-ui-blue);text-align:right} .tw-map-marker-rows{display:grid;gap:7px} .tw-ui-toolbox-drawer .tw-map-marker-row{ display:grid!important; grid-template-columns:minmax(180px,2fr) minmax(120px,auto) auto minmax(82px,105px) 38px auto 38px!important; align-items:end!important; gap:7px!important; } .tw-map-marker-row label{display:grid;gap:3px;color:#68758b;font-size:10px;font-weight:800} .tw-map-marker-coords{align-self:center;font:650 11px/1.25 ui-monospace,SFMono-Regular,Consolas,monospace;color:#66748b;white-space:nowrap} .tw-map-marker-row .tw-map-marker-color{justify-items:center} .tw-map-marker-row .tw-map-marker-font input{min-width:74px} .tw-map-marker-row>.tw-tb-button{min-width:36px!important;padding:7px 9px!important} .tw-ui-toolbox-drawer .tw-shape-library button, .tw-ui-toolbox-drawer .tw-sticker-palette button{ border:1px solid var(--tw-ui-border)!important; background:#fff!important; box-shadow:0 3px 10px rgba(27,47,80,.035)!important; } @media(max-width:900px){ .tw-ui-toolbox-drawer .tw-tb-title{display:none!important} .tw-tb-switcher-label>span,.tw-tb-size-label>span{display:none} .tw-tb-switcher-label{max-width:none} .tw-ui-toolbox-drawer .tw-map-marker-row{grid-template-columns:minmax(160px,2fr) minmax(80px,1fr) auto minmax(78px,95px) 38px auto 38px!important} .tw-map-marker-coords{grid-column:1/-1;grid-row:2} } @media(max-width:700px){ /* Auf kleinen Displays ersetzt der ständig sichtbare Auswahlknopf die sehr hohe horizontale 26er-Liste. Damit bleibt mehr Platz für das Werkzeug. */ .tw-ui-toolbox-drawer .tw-tb-nav{display:none!important} .tw-ui-toolbox-drawer .tw-tb-body{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important} .tw-ui-toolbox-drawer .tw-tb-content{grid-column:1!important;grid-row:1!important} .tw-tb-size-label, .tw-ui-toolbox-drawer .tw-tb-winbtn[data-act="smaller"], .tw-ui-toolbox-drawer .tw-tb-winbtn[data-act="larger"]{display:none!important} .tw-tb-switcher{height:40px;font-size:12px} .tw-ui-toolbox-drawer .tw-tb-titlebar{padding:0 7px!important;gap:5px!important} .tw-ui-toolbox-drawer .tw-tb-panel.active{padding:3px} .tw-ui-toolbox-drawer .tw-vw-grid>label, .tw-ui-toolbox-drawer .tw-pro-grid>label, .tw-ui-toolbox-drawer .tw-tb-grid>label{padding:7px 8px} .tw-ui-toolbox-drawer .tw-map-marker-row{ grid-template-columns:minmax(0,1fr) auto minmax(76px,92px) 38px!important; align-items:end!important; } .tw-map-marker-name{grid-column:1/-1} .tw-map-marker-coords{grid-column:1/-1;grid-row:auto} .tw-map-marker-row [data-center]{grid-column:1/3} }