html{background-color:#f8f9fa}html.alarm{background-color:var(--bs-danger-rgb)}body{padding-top:calc(56px + env(safe-area-inset-top));height:calc(100% + env(safe-area-inset-top)) !important}.navbar.fixed-top{padding-top:calc(.5rem + env(safe-area-inset-top))}div{box-shadow:none !important}#pjax-container>.container{margin-top:calc(1.5rem - 1px)}@media all and (display-mode: standalone){html,body{height:100%;overflow:auto;overscroll-behavior-y:contain}}.badge{--bs-badge-font-weight: normal}.badge em{font-style:normal}.badge svg{margin:-3px 5px 0 0}span.badge{margin:0 2px 0 2px}.btn-light{--bs-btn-bg: #ebebeb}.btn-delayed{border-style:dashed}.btn-delayed.btn-warning{border-color:#616161}.navbar .navbar-toggler,.navbar .navbar-toggler:focus{box-shadow:none}.navbar.bg-danger .nav-link,.navbar.bg-danger .navbar-brand{color:#fff !important}.navbar.bg-danger .navbar-toggler,.navbar.bg-danger .navbar-toggler:focus{border-color:var(--bs-danger) !important;box-shadow:none}.navbar .nav-weather,.navbar .nav-notifications{width:40px;height:40px;font-size:18px}.navbar.bg-danger .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar .spinner-border{border-width:.1em;margin-left:.5px}.navbar.bg-dark{background-color:#000 !important}.navbar svg{position:relative;top:-0.5px}.navbar .nav-msg-badge{font-size:.6rem;min-width:1.2em;display:none}.navbar .nav-notifications .nav-msg-badge{top:-4px;right:-9px}.navbar .navbar-nav .nav-msg-badge{top:2px;right:-6px}@media(min-width: 992px){.navbar .dropdown:hover>.dropdown-menu{display:block;margin-top:0}}@media(max-width: 991.98px){.navbar .navbar-collapse{max-height:calc(100vh - 56px - env(safe-area-inset-top));max-height:calc(100dvh - 56px - env(safe-area-inset-top));overflow-y:auto;-webkit-overflow-scrolling:touch}}.navbar-brand{min-width:160px;margin-top:-4px;margin-left:21px;margin-right:0}#sseStatus{font-size:6px;margin-left:1px;vertical-align:super;color:gray}span.pre-brand{padding-left:0px}.accordion-button:not(.collapsed){background-color:rgba(var(--bs-tertiary-bg-rgb), 1)}.card-body .badge svg{margin-right:0}@media(hover: none){.btn{--bs-btn-hover-color: var(--bs-btn-color);--bs-btn-hover-bg: var(--bs-btn-bg);--bs-btn-hover-border-color: var(--bs-btn-border-color);-webkit-tap-highlight-color:rgba(0,0,0,0)}.btn:focus:not(:focus-visible){box-shadow:none;outline:none}}.btn:disabled,.btn.disabled{opacity:1 !important}.card.card-success{border-color:rgba(var(--bs-success-rgb), 0.3)}.card.card-success .card-header{background-color:rgba(var(--bs-success-rgb), 0.3);border-bottom:none}.card.card-warning{border-color:rgba(var(--bs-warning-rgb), 0.3)}.card.card-warning .card-header{background-color:rgba(var(--bs-warning-rgb), 0.3);border-bottom:none}.card.card-danger{border-color:rgba(var(--bs-danger-rgb), 0.3)}.card.card-danger .card-header{background-color:rgba(var(--bs-danger-rgb), 0.3);border-bottom:none}.card-header{position:relative}.card-header:first-child{border-radius:var(--bs-card-inner-border-radius)}.card-header .badgeWrap{position:absolute;right:10px;top:6px}.card-header .badgeWrap .badge{font-size:1rem;font-weight:normal}.card-header .badgeWrap .badge.bg-secondary{background-color:#ccc !important;color:#333}.card-body a.badge{margin:0 2px 4px 2px}.card-body span.badge{margin:0 2px 4px 2px}.card-body span.badge.bg-info{margin-right:6px}.card-body span.badge.bg-light{margin-right:6px;border:1px solid #e4e4e4}.card-body span.badge#stromTasmota,.card-body span.badge#solarShelly,.card-body span.badge#waschtrockner{min-width:80px}.card-body span.badge#wassertemperaturShelly,.card-body span.badge#waschtrockner{min-width:60px}.summary{padding:0 1rem}@supports(-webkit-touch-callout: none){.summary{margin-bottom:-6px}}.summary .badge{height:1.25rem;overflow-y:clip}#toggleDetailsBtn{width:40px;height:40px}#toggleDetailsBtn.btn-light{background-color:#fff;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color)}#ccuOverview .accordion-item span.badge{margin:0 2px 4px 2px}#ccuOverview .accordion-item span.badge.bg-info{margin-right:.5rem}.btn.nachtmodus{border-color:var(--bs-red);border-style:dotted}@media(hover: hover){.btn.nachtmodus:hover{background-color:var(--bs-red);color:#fff}}#dect-overview{display:none}.cam img{display:block;width:100%;aspect-ratio:16/9}.cam-name{text-align:right;padding:2px 6px;font-size:.7rem;line-height:1.3;color:hsla(0,0%,100%,.8);background:rgba(0,0,0,.8);border-radius:4px 4px 0 0}.cam-frame{position:relative}.cam-refresh-btn{position:absolute;bottom:6px;right:6px;z-index:10;opacity:.9;padding:2px 7px;font-size:.8rem;line-height:1.3;transition:opacity .2s}.cam-refresh-btn:hover,.cam-refresh-btn.active{opacity:1}.cam-pos-group{position:absolute;bottom:6px;left:6px;z-index:10;display:flex;gap:3px;padding:3px;border-radius:4px;background:rgba(0,0,0,.45);opacity:.8;transition:opacity .2s}.cam-pos-group:hover{opacity:1}.cam-pos-btn{padding:1px 6px;font-size:.7rem;line-height:1.3}.cam-pos-btn.btn-outline-light{--bs-btn-color: #fff;--bs-btn-border-color: rgba(255, 255, 255, 0.6);--bs-btn-hover-bg: rgba(255, 255, 255, 0.25);--bs-btn-hover-border-color: #fff}.cam-pos-btn.btn-outline-light:hover{color:#fff}.cam-zoom-btn{position:absolute;top:6px;right:6px;z-index:10;opacity:.9;padding:2px 7px;font-size:.8rem;line-height:1.3;transition:opacity .2s}.cam-zoom-btn:hover{opacity:1}.cam-snapshot-btn{position:absolute;bottom:6px;right:36px;z-index:10;opacity:.9;padding:2px 7px;font-size:.8rem;line-height:1.3;transition:opacity .2s}.cam-snapshot-btn:hover,.cam-snapshot-btn:disabled{opacity:1}.cam-container{display:grid;gap:10px}@media(min-width: 900px){.cam-container{grid-template-columns:1fr 1fr}}.cam-overlay{display:none;position:fixed;inset:0;z-index:1050}.cam-overlay.active{display:flex;align-items:center;justify-content:center}.cam-overlay-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.85)}.cam-overlay-content{position:relative;width:95vw;max-width:1400px;z-index:1}.cam-overlay-content .cam img{aspect-ratio:auto}.cam-overlay-content .cam-refresh-btn{bottom:10px;right:10px;font-size:1rem;padding:4px 10px}.cam-overlay-content .cam-snapshot-btn{bottom:10px;right:52px;font-size:1rem;padding:4px 10px}.cam-overlay-content .cam-pos-group{bottom:10px;left:10px;font-size:.85rem;padding:5px;gap:5px}.cam-overlay-content .cam-pos-btn{padding:2px 8px;font-size:.8rem}.cam-overlay-close{position:absolute;top:-36px;right:0;z-index:2;background:none;border:none;color:hsla(0,0%,100%,.7);font-size:1.5rem;line-height:1;cursor:pointer;padding:4px 8px;transition:color .2s}.cam-overlay-close:hover{color:#fff}.card.presence{position:relative}.presence .card-body>div{display:block}@media(min-width: 650px){.presence .card-body>div{display:inline;padding-right:25px}}.camerastatus{position:absolute;top:4px;right:15px}.camerastatus svg{width:22px;height:22px}.camerastatus svg path{fill:#ccc}.camerastatus .off{display:none}.camerastatus[data-status=off] .on{display:inline-block}.camerastatus[data-status=off] .on path{fill:#d43f3a}.camerastatus[data-status=off] .off{display:none}.camerastatus[data-status=on] .on{display:none}.camerastatus[data-status=on] .off{display:inline-block}.camerastatus[data-status=on] .off path{fill:#333}.ptr--ptr{box-shadow:none;align-items:center !important;position:relative}.ptr--icon{position:absolute;bottom:0;left:calc(50% - 8px)}.ptr--icon,.ptr--text{color:#ccc}.range-labels{margin-left:3px;display:flex;justify-content:space-between;width:100%;margin-bottom:15px;font-size:8px;color:#ccc}.swipe-container{position:relative;overflow:hidden;border-radius:var(--bs-card-border-radius);max-height:500px}.swipe-content{position:relative;z-index:1;background:#fff;transition:transform .2s ease-out}.swipe-content.swiping{transition:none}.swipe-action{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--bs-danger);display:flex;align-items:center;justify-content:flex-end;padding-right:24px;font-weight:600;font-size:.85rem;border-radius:6px}@media(hover: hover){.swipe-action{display:none}}.swipe-container.removing{transition:opacity .2s ease-out,max-height .35s ease-out .15s,margin .35s ease-out .15s;opacity:0;max-height:0 !important;margin-bottom:0 !important;overflow:hidden}#powerBar{position:absolute;bottom:-3px;left:0;right:0;height:3px !important;min-height:3px !important}@media(min-width: 992px){#powerBar{height:4px !important;min-height:4px !important;bottom:-4px !important}}#powerBar{background:linear-gradient(to right, #2ecc71 0%, #a8d870 12%, #f1c40f 22%, #f39c12 45%, #e74c3c 75%, #c0392b 100%)}#powerBar::before{content:"";position:absolute;top:-2px;left:11.8%;width:2px;height:7px;background-color:#fff;transform:translateX(-50%)}#powerBar #powerBarLabel{position:absolute;bottom:100%;left:var(--marker-pct, 11.8%);transform:translateX(var(--label-tx, -50%));transition:left .6s ease,transform .6s ease;font-size:9px;line-height:1;color:hsla(0,0%,100%,.9);white-space:nowrap;pointer-events:none;padding-bottom:5px}#powerBar::after{content:"";position:absolute;top:-3px;width:4px;height:9px;background:#fff;border-radius:1px;left:var(--marker-pct, 11.8%);transform:translateX(-50%);transition:left .6s ease;box-shadow:0 1px 4px rgba(0,0,0,.6)}#powerBar #powerBarSolar,#powerBar #powerBarSolarVordach{top:12px;position:absolute;transition:left .6s ease;display:none;line-height:1;pointer-events:none;z-index:1}#powerBar #powerBarSolar::before,#powerBar #powerBarSolarVordach::before{content:"☀";font-size:12px;position:absolute;top:0;left:0;transform:translate(-50%, -50%);color:#d35400;text-shadow:0 0 2px hsla(0,0%,100%,.8)}#powerBar #powerBarSolar>span,#powerBar #powerBarSolarVordach>span{position:absolute;top:0;left:8px;transform:translateY(-50%);font-size:9px;line-height:1;white-space:nowrap;font-weight:600;color:rgba(0,0,0,.7);text-shadow:0 0 2px hsla(0,0%,100%,.95)}#powerBar #powerBarSolar[data-side=left]>span,#powerBar #powerBarSolarVordach[data-side=left]>span{left:auto;right:8px}#powerBar #powerBarSolar{left:var(--solar-pct, 11.8%)}#powerBar #powerBarSolarVordach{left:var(--solar-vordach-pct, 11.8%)}.scroll-top-btn{position:fixed;bottom:5rem;right:1.5rem;z-index:1030;width:42px;height:42px;padding:0;border-radius:50%;border:none;background-color:rgba(0,0,0,.45);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s ease,background-color .2s ease;cursor:pointer}.scroll-top-btn.visible{opacity:1;pointer-events:auto}.scroll-top-btn:hover{background-color:rgba(0,0,0,.7)}.ch-badge{cursor:pointer;opacity:.3}.btn-check:checked+.ch-badge{opacity:1}.ch-badge-disabled{text-decoration:line-through;cursor:not-allowed}@keyframes sse-pulse{0%,100%{opacity:1}50%{opacity:.3}}.card.modi .card-footer.modi-toggle,.card.modi .card-footer.switches-toggle,.card.modi .card-footer.hue-toggle,.card.switches .card-footer.modi-toggle,.card.switches .card-footer.switches-toggle,.card.switches .card-footer.hue-toggle,.card.hue .card-footer.modi-toggle,.card.hue .card-footer.switches-toggle,.card.hue .card-footer.hue-toggle{padding:0 .5rem;margin-top:-5px;line-height:1;background-color:var(--bs-card-cap-bg);color:#6c757d;cursor:pointer;user-select:none;transition:background-color .15s ease-in-out}@media(hover: hover){.card.modi .card-footer.modi-toggle:hover,.card.modi .card-footer.switches-toggle:hover,.card.modi .card-footer.hue-toggle:hover,.card.switches .card-footer.modi-toggle:hover,.card.switches .card-footer.switches-toggle:hover,.card.switches .card-footer.hue-toggle:hover,.card.hue .card-footer.modi-toggle:hover,.card.hue .card-footer.switches-toggle:hover,.card.hue .card-footer.hue-toggle:hover{background-color:#e9ecef}}.card.modi .card-footer.modi-toggle .chevron,.card.modi .card-footer.switches-toggle .chevron,.card.modi .card-footer.hue-toggle .chevron,.card.switches .card-footer.modi-toggle .chevron,.card.switches .card-footer.switches-toggle .chevron,.card.switches .card-footer.hue-toggle .chevron,.card.hue .card-footer.modi-toggle .chevron,.card.hue .card-footer.switches-toggle .chevron,.card.hue .card-footer.hue-toggle .chevron{width:12px;height:12px;vertical-align:middle;margin:5px 0;transition:transform .2s ease-in-out}.card.modi .card-footer.modi-toggle[aria-expanded=true] .chevron,.card.modi .card-footer.switches-toggle[aria-expanded=true] .chevron,.card.modi .card-footer.hue-toggle[aria-expanded=true] .chevron,.card.switches .card-footer.modi-toggle[aria-expanded=true] .chevron,.card.switches .card-footer.switches-toggle[aria-expanded=true] .chevron,.card.switches .card-footer.hue-toggle[aria-expanded=true] .chevron,.card.hue .card-footer.modi-toggle[aria-expanded=true] .chevron,.card.hue .card-footer.switches-toggle[aria-expanded=true] .chevron,.card.hue .card-footer.hue-toggle[aria-expanded=true] .chevron{transform:rotate(180deg)}.strom-tile{--border-color: #e5e7eb;--tile-fg: #1a1a1a;--tile-fg-soft: #6b7280;position:relative;background:#fff;color:var(--tile-fg);border-radius:10px;border-left:15px solid var(--border-color);padding:8px 14px 8px 10px;display:flex;flex-direction:column;justify-content:center;gap:2px;transition:border-color .3s}.strom-tile-icon{position:absolute;top:6px;right:8px;width:18px;height:18px;color:var(--tile-fg-soft);opacity:.85;pointer-events:none}.strom-tile-value{display:flex;align-items:baseline;gap:5px}.strom-tile-value .value{font-size:22px;font-weight:600;color:var(--tile-fg);line-height:1;font-variant-numeric:tabular-nums}.strom-tile-value .value-strom{font-size:30px}.strom-tile-value .unit{font-size:13px;color:var(--tile-fg-soft);font-weight:500}.strom-tile-detail{display:flex;gap:10px;font-size:11px;color:var(--tile-fg-soft);margin-top:1px}.strom-tile-detail .detail-item{white-space:nowrap}.strom-tile-detail .detail-value{font-variant-numeric:tabular-nums}.strom-tile[data-level=na] .strom-tile-value .value{color:var(--tile-fg-soft)}.tile-solar[data-level="0"]{--border-color: #e5e7eb}.tile-solar[data-level="1"]{--border-color: #86efac}.tile-solar[data-level="2"]{--border-color: #4ade80}.tile-solar[data-level="3"]{--border-color: #22c55e}.tile-solar[data-level="4"]{--border-color: #16a34a}.tile-solar[data-level=na]{--border-color: #e5e7eb}.tile-strom[data-level=feed]{--border-color: #16a34a}.tile-strom[data-level=zero]{--border-color: #e5e7eb}.tile-strom[data-level=draw-1]{--border-color: #fbbf24}.tile-strom[data-level=draw-2]{--border-color: #fb923c}.tile-strom[data-level=draw-3]{--border-color: #f97316}.tile-strom[data-level=draw-4]{--border-color: #ea580c}.tile-strom[data-level=draw-5]{--border-color: #b91c1c}.tile-strom[data-level=na]{--border-color: #e5e7eb}#verbrauch{background-color:#fff;border-radius:.5rem;padding:.5rem}