@charset "UTF-8";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}img{max-width:100%}:root{--font-main: "Montserrat", sans-serif;--font-header: "Montserrat", sans-serif;--ion-color-primary: #800000;--ion-color-primary-rgb: 128, 0, 0;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #710000;--ion-color-primary-tint: #8d1a1a;--ion-color-secondary: #580000;--ion-color-secondary-rgb: 88, 0, 0;--ion-color-secondary-contrast: #ffffff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #4d0000;--ion-color-secondary-tint: #691a1a;--ion-color-tertiary: #420000;--ion-color-tertiary-rgb: 66, 0, 0;--ion-color-tertiary-contrast: #ffffff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #3a0000;--ion-color-tertiary-tint: #551a1a;--ion-color-success: #4f9c63;--ion-color-success-rgb: 79, 156, 99;--ion-color-success-contrast: #000000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #468957;--ion-color-success-tint: #61a673;--ion-color-warning: #ffd138;--ion-color-warning-rgb: 255, 209, 56;--ion-color-warning-contrast: #000000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0b831;--ion-color-warning-tint: #ffd64c;--ion-color-danger: #ff0015;--ion-color-danger-rgb: 255, 0, 21;--ion-color-danger-contrast: #000000;--ion-color-danger-contrast-rgb: 0, 0, 0;--ion-color-danger-shade: #e00012;--ion-color-danger-tint: #ff1a2c;--ion-color-light: #CFB6B6;--ion-color-light-rgb: 207, 182, 182;--ion-color-light-contrast: #000000;--ion-color-light-contrast-rgb: 0, 0, 0;--ion-color-light-shade: #b6a0a0;--ion-color-light-tint: #d4bdbd;--ion-color-medium: #453B3B;--ion-color-medium-rgb: 69, 59, 59;--ion-color-medium-contrast: #ffffff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #3d3434;--ion-color-medium-tint: #584f4f;--ion-color-dark: #292424;--ion-color-dark-rgb: 41, 36, 36;--ion-color-dark-contrast: #ffffff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #242020;--ion-color-dark-tint: #3e3a3a;--ion-color-very-light: #fff2f2}body{line-height:1.6}body a:link,body a:visited,body a:hover{color:#fff}h1,h2,h3,h4,h5,h6{font-family:var(--font-header),serif;font-weight:600;margin:0 0 1rem}:root{--font-micro: 10px;--font-small: 12px;--font-base: 14px;--font-subtitle: 16px;--font-h5: 18px;--font-h4: 20px;--font-h3: 22px;--font-h2: 24px;--font-h1: 26px;--line-small: 16px;--line-base: 20px;--line-subtitle: 24px;--line-h5: 22px;--line-h4: 32px;--line-h3: 40px;--line-h2: 48px;--line-h1: 56p}body{font-size:var(--font-base);line-height:var(--line-base)}h1{font-size:var(--font-h1);line-height:var(--line-h1);text-transform:uppercase}h2{font-size:var(--font-h2);line-height:var(--line-h2);text-transform:uppercase}h3{font-size:var(--font-h3);line-height:var(--line-h3);text-transform:uppercase}h4{font-size:var(--font-h4);line-height:var(--line-h4);text-transform:uppercase;font-weight:800;letter-spacing:1px}h5{font-size:var(--font-h5);line-height:var(--line-h5);text-transform:uppercase;font-weight:800;letter-spacing:1px}.subtitle{font-size:var(--font-subtitle);line-height:var(--line-subtitle)}.small-text{font-size:var(--font-small);line-height:var(--line-small)}.micro-text{font-size:var(--font-micro);line-height:var(--line-small)}p{margin-bottom:16px}body{padding:0;background-color:var(--ion-color-dark);max-width:var(--width);height:100vh;margin:0 auto;font-family:var(--font-main);color:#fff;position:relative}.container{background-color:var(--ion-color-primary);max-width:530px;min-height:100vh;margin:0 auto}.menu{margin:0;padding:0}.menu li{list-style-type:none;text-align:center;line-height:2.5rem}.menu li a:link,.menu li a:visited{color:#fff;text-transform:uppercase;font-weight:600;text-decoration:none}.main.start-menu{display:flex;justify-content:center;align-items:center;height:100vh}.header{display:grid;grid-template-columns:2rem 1fr 2rem;gap:1rem;padding:1.25rem;background-color:var(--ion-color-primary);overflow:hidden;box-shadow:0 10px 20px #00000040}.header .menu,.header .title,.header .setup{font-weight:100;font-size:1.5rem;margin:0;padding:0}.header .title{font-weight:100;font-size:1rem;text-align:center}.menupanel{position:fixed;top:0;bottom:0;left:50%;right:50%;transform:translate(-50%);margin:0 auto;width:530px;background-color:#000c;z-index:1000;display:flex;flex-direction:column;justify-content:center;align-items:center}.menupanel ul{margin:0;padding:0;list-style-type:none;text-align:center}.menupanel ul li{text-transform:uppercase;line-height:2.25rem}.main{padding:0 1.25em;flex-direction:column}@media screen and (min-width: 530px){.main{padding:0 2.75em}}.main.alarm,.main.login,.main.konto,.main.start{display:flex;justify-content:center;align-items:flex-start;height:100%}.main.alarm{align-items:center;height:100vh}.main.alarm h1{text-transform:uppercase;font-weight:900;font-size:clamp(4rem,15vw,7rem);margin:.75em 0 0;padding:0;line-height:1}.main.alarm p{text-align:center}.main.alarm img{animation:alarm infinite .8s}.main.alarm .close-alarm{margin-top:1em;background-color:var(--ion-color-secondary);font-size:3rem;height:90px;width:90px;border-radius:100px;display:flex;align-items:center;justify-content:center}@keyframes alarm{0%{opacity:.2}50%{opacity:1}to{opacity:.2}}.main.frontpage{display:block;margin-top:1.75em}.main.login{height:100vh}.box-top,.box-bottom{--box-border-radius: 12px;border:4px solid var(--ion-color-tertiary-shade);width:100%;border-radius:var(--box-border-radius);margin-bottom:.75rem;overflow:hidden}.box-header{padding:.25rem .5rem;background-color:var(--ion-color-tertiary-shade);display:flex;align-items:center;justify-content:space-between}.box-header h4{margin:0;flex-grow:1;font-weight:600;letter-spacing:0}.box-header .status-label{margin:0 1rem 0 0;padding:2px 8px;line-height:14px;font-size:10px;border:1px solid var(--ion-color-primary-shade);border-radius:4px;background-color:var(--ion-color-success-shade);justify-self:end}.box-main{background-color:var(--ion-color-secondary);padding:1rem 1.25rem}.box-main p{margin:0}.box-main .warning{text-transform:uppercase;font-size:3.25rem;font-weight:900;line-height:1;letter-spacing:3px;margin-bottom:.5rem;padding:0}.select{padding:.75rem .75rem .75rem .5rem;background-color:var(--ion-color-secondary-shade);display:flex;justify-content:space-between}.box-alarm{background-color:var(--ion-color-tertiary);padding:1em;width:95%;margin:0 auto .75em;border-radius:10px;display:flex;justify-content:center;gap:1em}.box-alarm-info{text-align:center}.box-alarm-info p,.box-alarm-info h5{margin:0;padding:0}.box-alarm-info p{line-height:1.25rem}.box-alarm-info h5{margin-bottom:.25rem;font-weight:600}.box-alarm-info i{margin:0 10px;opacity:.3}.box-bottom{margin-top:2em;border-color:var(--ion-color-dark-shade)}.box-bottom .box-header{background-color:var(--ion-color-dark-shade)}.box-bottom .box-main{background-color:var(--ion-color-medium)}.footer{position:absolute;z-index:100;bottom:0;left:0;right:0;max-width:530px;margin:0 auto}.button-panel{background-color:var(--ion-color-secondary-shade);display:flex;gap:2em;height:70px;margin:0 auto;padding:0 0 80px;border-radius:15px 15px 0 0;justify-content:center}.button-panel .button{display:flex;flex-direction:column;transform:translateY(-60px)}.button-panel .button .button-icon{height:6em;width:6em;display:flex;justify-content:center;align-items:center;padding:15px;border-radius:150px;border:10px solid var(--ion-color-secondary-shade);outline:5px solid var(--ion-color-primary);background-color:var(--ion-color-secondary-tint)}.button-panel .button .button-icon img{width:4em}.button-panel .button p{text-align:center;text-transform:uppercase;letter-spacing:1px;font-weight:600;padding-top:10px}.button-panel .shade{background-color:var(--ion-color-secondary-shade)}.button-panel .shade img,.button-panel .shade p{opacity:.1}.alarm-status{background-color:#000;text-align:center;padding:1rem}.alarm-status h5{margin:0}.hub{background-color:none}.hub-adresse{display:flex;gap:1.5em;justify-content:flex-start;align-items:center;margin:1em}.list.hub li{background-color:var(--ion-color-secondary)}.list.hub li.choice{background-color:var(--ion-color-tertiary)}.list.hub span{display:block;opacity:.5}.list.hub i{margin-right:1rem;opacity:.5}.list.hub .hub-label{text-transform:uppercase;font-size:var(--font-micro);margin:0;padding:2px 6px;border:1px solid white;text-align:center;border-radius:5px;text-indent:0}.btn{all:unset;background-color:var(--ion-color-tertiary);color:#fff;font-size:1.25rem;line-height:1.75rem;font-weight:300;padding:1.75rem 1.25rem;min-width:80%;text-align:center;border-radius:10px;border:1px solid var(--ion-color-tertiary-shade);margin:1rem}.form-container{display:flex;flex-direction:column;width:100%}.form-container label{font-weight:500;margin-bottom:8px;text-indent:2px}.form-container input[type=text],.form-container input[type=password]{background-color:var(--ion-color-very-light);font-family:var(--font-main);font-size:1.25rem;padding:1.25rem .75rem;border-radius:8px;border:1px solid var(--ion-color-secondary);margin-bottom:1.5em}.form-container input[type=text]:focus,.form-container input[type=password]:focus{outline:2px solid var(--ion-color-tertiary)}.form-container .btn{width:90%;margin:1em 0 0;text-transform:uppercase;font-weight:600;background-color:var(--ion-color-secondary)}.form-container .btn:hover{background-color:var(--ion-color-secondary-shade);cursor:pointer}.konto,.typo{padding-top:4em;text-align:left}.typo>*{align-self:flex-start}.new-password,.info{margin:0 auto;margin-top:3rem;text-align:left}.new-password a:link,.new-password a:visited,.info a:link,.info a:visited{color:#fff}.form-field{display:flex;gap:.5rem;align-items:center;padding-left:.25em}.form-field label{margin:0;padding:0}.login-error{padding:0 0 1.25rem}.login-error ul li{list-style-type:none}.login-error-title{font-size:120%;font-weight:600;margin-bottom:.75rem}.list{display:block;height:auto;margin:0;padding:0;padding-top:1.5rem}.list h5{margin:1rem 0;text-indent:1.2rem}.list ul{margin:0;padding:0;list-style-type:none}.list ul li{padding:1.75rem 0;background-color:var(--ion-color-secondary);text-indent:1.2rem;border-bottom:1px solid var(--ion-color-secondary-shade);display:flex;justify-content:space-between;align-items:center}.list ul li span{margin-right:1.25rem}.list ul .deselected{opacity:.5;color:var(--clr-red-300)}.switch{position:relative;display:inline-block;width:55px;height:30px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--ion-color-primary);transition:.4s}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:5px;background-color:var(--ion-color-secondary);transition:.4s}input:checked+.slider{background-color:var(--ion-color-primary-shade)}input:focus+.slider{box-shadow:0 0 1px var(--ion-color-secondary)}input:checked+.slider:before{transform:translate(26px);background-color:#fff}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.custom-select{position:relative;display:inline-block;width:100%}.custom-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:2px .75rem;background-color:var(--ion-color-secondary-shade);color:#fff;border-color:var(--ion-color-secondary-shade);cursor:pointer;font-family:var(--font-header),serif}.custom-select:after{content:"▼";position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:1rem;color:#fff;pointer-events:none}.custom-select select:hover{background-color:var(--ion-color-secondary-shade)}.custom-select select:focus{outline:none}