body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.home-page-wrapper h1,.home-page-wrapper h2,.home-page-wrapper p{text-align:center}.image-cover{display:block;height:auto;margin:0 auto;max-width:100%}.image-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:20px}.image-block{max-width:700px;width:45%}.image{display:block;height:auto;margin:0 auto;width:100%}.button-home{background-color:var(--fhnw-yellow);border:none;color:#000;cursor:pointer;font-size:16px;font-weight:700;padding:15px;width:100%}.button-home:hover{background-color:var(--button-hover)}@media (max-width:768px){h1{font-size:35px}.image-container{align-items:center;flex-direction:column;margin:0 10px}.image-block{max-width:100%;width:100%}}.error-container{align-items:center;display:flex;flex-direction:column;font-size:30px;text-align:center}h1{font-size:60px;margin-bottom:10px}p{margin:10px 0}.hoverable{font-size:100px;margin-bottom:25px;&:hover{font-size:110px;font-weight:700}}.home-icon{height:auto;margin-top:20px;width:50px}@media (max-width:768px){h1{font-size:35px}}.header{align-items:center;background-color:var(--fhnw-yellow);box-shadow:0 2px 4px #0000001a;box-sizing:border-box;display:flex;gap:15px;left:0;overflow:hidden;padding:20px;position:fixed;right:0;top:0;width:100%;z-index:1000;img{height:40px}.title{font-size:14px;font-weight:550}.icons{display:flex;gap:15px;margin-left:auto;&:hover{cursor:pointer}}}@media screen and (max-width:768px){.header{flex-direction:row;gap:10px;justify-content:space-between}.title{display:none}.icons{gap:10px}img{height:30px}}:root{--background:#f5f5f5;--fhnw-yellow:#fde703;--button-hover:#e9d400;--box-background:#ededed;--box-hover:#dcdcdc;--border:#e0e0e0;--box-shadow:#0000001a;--secondary-text:#666;--status-available:#befa7e;--status-unavailable:#f89d9d;--delete-button:#df0909;--delete-button-hover:#8b0000}.body{background-color:#f5f5f5;background-color:var(--background);font-family:Inter,sans-serif;margin:0;padding:0}.body,a{color:#000}a{text-decoration:none}a:hover{color:#000;text-decoration:underline}h2{margin-bottom:1rem;padding:.5rem;text-align:left}h3{flex-direction:column;flex-shrink:0;font-size:20px;justify-content:center;margin-left:10px}.content,h3{display:flex}.content{flex-direction:row;margin-left:13rem;padding:2rem;position:relative;top:3rem}.mobile-content{margin-left:0;padding-top:80px}.flex{display:flex}.flex-center{align-items:center;display:flex;justify-content:center}.text-center{text-align:center}.subtitle{font-size:24px}.button{background-color:#fde703;background-color:var(--fhnw-yellow);border:none;color:#000;cursor:pointer;justify-content:center;padding:10px 20px;text-align:center;transition:background-color .3s ease}.button,.button-container{align-items:center;display:flex}.button-container{gap:2rem;justify-content:flex-start;margin-top:.5rem;padding:.5rem}.button:hover{background-color:#e9d400;background-color:var(--button-hover)}.delete-button{align-items:center;background-color:#df0909;background-color:var(--delete-button);border:none;color:#fff;cursor:pointer;font-size:.9rem;justify-content:center;margin-top:.5rem;padding:.5rem 1rem;transition:background-color .3s,transform .2s}.delete-button:hover{background-color:#8b0000;background-color:var(--delete-button-hover)}.action-button{align-items:center;background-color:#ededed;background-color:var(--box-background);border:none;color:#000;cursor:pointer;display:flex;font-size:1.25rem;height:auto;justify-content:center;padding:.7rem 1.5rem;transition:background-color .3s;width:170px}.list-item{list-style:none;padding:0;.item{color:#000;margin-bottom:15px;&:hover,a{text-decoration:none}a{color:#000}}}.map-item{background-color:#f5f5f5;background-color:var(--background);border:1px solid #e0e0e0;border:1px solid var(--border);box-sizing:border-box;display:flex;flex-direction:column;margin:.5rem;max-width:20rem;min-width:20rem;padding:1rem;position:relative;&:hover{cursor:pointer;transform:scale(1.05);.category-name{max-height:max-content}}.item-name{align-self:center;background-color:#fde703;background-color:var(--fhnw-yellow);font-size:1.5rem;font-weight:700;max-height:1.9rem;overflow:hidden;padding:.5rem;text-align:center;width:70%}}.loading{color:#666;color:var(--secondary-text);font-size:18px;padding:20px;text-align:center}.categoryForm .title,.roomForm .title,.roomGroupForm .title{background-color:#fde703;background-color:var(--fhnw-yellow);box-sizing:border-box;font-size:1.5rem;font-weight:500;line-height:3rem;margin-bottom:1rem;max-width:100%;overflow-wrap:break-word;padding:.5rem;text-align:center;width:100%}.single-item-wrapper{align-items:flex-start;box-sizing:border-box;display:flex;justify-content:center;margin:0;min-height:100vh;padding:1rem;.single-item-container{display:flex;flex-direction:column;justify-content:left;margin:1rem 0;width:50rem}}.filter-group{align-items:start;display:flex;flex-direction:column;min-width:11.25rem;padding:.5rem}.language-switcher{bottom:8rem;left:1rem;margin-left:10px;margin-right:10px;position:absolute;text-align:right;a{&:hover{cursor:pointer;text-decoration:underline}}.un-selected{color:var(--secondary-text);text-decoration:none}.language-item{margin-left:5px}}.sideBar{background-color:var(--fhnw-yellow);height:100%;margin-top:5rem;overflow:visible;position:fixed;width:13rem;z-index:99}.sidebar.show{height:100%;width:100%}.sidebar.hide{display:none}.sidebar-layout{height:100%;position:relative}.sidebar-main{height:100%;width:100%}.sidebar-panel{background-color:#fff;box-shadow:2px 0 5px #0000001a;height:100vh;overflow-y:auto;padding-top:100px;position:fixed;top:0;width:13rem}.secondary-panel{left:13rem;z-index:98}.tertiary-panel{left:26rem;z-index:97}.panel-menu{list-style-type:none;margin-bottom:10rem;padding:0}.panel-menu li{cursor:pointer;font-size:medium;font-weight:400;padding:8px 15px}.panel-menu li a{text-decoration:none;transition:background-color .2s}.panel-menu li a:hover{text-decoration:none}.panel-menu li a:hover,.panel-menu li.active,.panel-menu li:hover{background-color:var(--box-hover)}.panel-menu li.active{font-weight:700}.panel-menu a{display:block;text-decoration:none;width:100%}.menu{box-shadow:none;list-style-type:none;margin:1rem 0;padding:0}.menu li{align-items:center;display:flex;flex-direction:column;font-size:large;font-weight:700;margin-bottom:10px;padding:4px 0;position:relative}.menu li:hover{background-color:var(--button-hover);color:#000;text-decoration:none}.menu li:after{content:"▶";font-size:.8rem;margin-top:5px;opacity:0;position:absolute;right:10px;transition:opacity .3s ease-in-out}.menu li.active:after,.menu li:hover:after{opacity:1}.menu li.active{background-color:var(--button-hover)}.menu a,.menu div{box-sizing:border-box;display:inline-block;padding:4px 15px;position:relative;width:100%}.menu a,.menu div{color:#000;text-decoration:none}.menu a:hover{text-decoration:none}.menu>li:hover{background-color:var(--button-hover)}.sub-menu a,.sub-menu a:hover{color:#000;text-decoration:none}.sub-menu{display:none;list-style-type:none;margin-top:5px;opacity:1;padding-left:20px;width:90%}.menu>li:hover .sub-menu{display:block}.sub-menu li{font-size:medium;font-weight:400;padding:4px 15px}.sub-menu li:hover{background-color:var(--button-hover)}.sideBar.show{height:100%;width:100%}.sideBar.hide{display:none}.back-button{background-color:initial;border:none}.back-arrow{display:block;font-size:20px;margin-top:1rem;text-align:left}.submenu-mobile{background-color:#fff;height:100vh;overflow-y:auto}.white-bg{background-color:#fff!important}.font-normal{font-weight:400}.sidebar-footer{bottom:20px;left:0;position:absolute;width:13rem;z-index:100}.submenu-container{width:100%}.modal::backdrop{background:#00000080;overflow:hidden}.modal{border:0;box-shadow:0 0 .5rem .25rem #0000001a;display:flex;justify-content:center;max-height:90%;max-width:90%;min-width:25%;padding:2rem;position:fixed}.modal-close-btn{font-size:.75em;position:absolute;right:.25em;top:.25em;&:hover{cursor:pointer;transform:scale(1.1)}}.error-message{background-color:#fff1f0;border:1px solid #ffa39e;color:var(--delete-button);font-size:.875rem;font-weight:700;margin:.625rem 0;padding:.625rem;text-align:center;h2{font-size:30px;text-align:center}button{background-color:#ff4d4d;border:none;color:#fff;cursor:pointer;font-size:.9rem;margin-top:1rem;padding:.5rem 1rem;&:hover{background-color:var(--delete-button-hover)}}}.popup-content{align-items:center;display:flex;flex-direction:column;justify-content:center;h2{font-size:2rem;margin-bottom:.5rem;text-align:center}input{background-color:var(--box-background);border:none;flex-shrink:0;font-size:large;height:40px;margin-top:.5rem;padding:.3rem;text-align:left;width:365px}button{-ms-flex-align:center;background-color:var(--fhnw-yellow);border:none;color:#000;cursor:pointer;font-size:1.25rem;height:auto;justify-content:center;margin-top:15px;padding:.7rem 1.5rem;width:170px}&.container,button{align-items:center;display:flex}&.container{flex-direction:column;margin-top:1rem;width:25rem}}.login{&.form{background-color:var(--background);font-size:16px;font-weight:300;height:15rem;padding:0 2rem;width:20rem}&.field,&.form{display:flex;flex-direction:column;justify-content:center}&.input{border:none;height:35px;margin-bottom:20px;margin-left:-4px;padding-left:15px}.label{font-weight:500;margin-bottom:.5rem}button{align-self:center;display:flex;justify-content:center;&:disabled{background-color:var(--fhnw-yellow);cursor:not-allowed}}&.icon{bottom:8rem;left:8rem;position:absolute;text-align:right;&:hover{cursor:pointer}}}.filtered-device-container{justify-content:center;margin-top:2rem;width:100%;.device-location{align-self:center;font-size:1.2rem;font-weight:700;margin-top:1rem;text-align:center}img{align-self:center;position:relative;width:10rem}}.filter-bar{align-items:flex-start}.filter-dropdown,.filter-input{min-width:180px}.filter-dropdown .dropdown-title{margin-bottom:8px}@media (max-width:768px){.title{color:#000;display:block;font-size:1.5rem;margin:1rem 1rem .5rem}.filter-group{margin-left:20px}}.url-filter{display:flex;justify-content:center;margin:1rem 0}.url-filter input{background-color:#fff;border:1px solid var(--border);color:#000;font-size:14px;height:25px;padding:6px 10px;width:200px}.filter-dropdown .subtitle{font-size:1rem;font-weight:700;margin-bottom:.5rem}.dropDown-select{background-color:#fff;border:1px solid var(--border);color:var(--secondary-text);font-size:14px;height:38px;margin-top:16px;padding:6px 10px;width:220px}.single-device{.device-image{align-self:center;display:flex;pointer-events:none;img{height:100%;max-width:50%}}.top-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.archived-status{background-color:#f2dede;border:1px solid #ebccd1;color:#a94442;font-size:1.2rem;font-weight:700;margin-top:10px;padding:10px;text-align:center}.unarchive-button{align-items:center;background-color:green;border:none;color:#fff;cursor:pointer;display:flex;font-size:1.3rem;height:100%;justify-content:center;margin-top:10px;min-width:120px;padding:.7rem 1.4rem;transition:background-color .3s,transform .2s}.unarchive-button:hover{background-color:#006400}.action-buttons{display:flex;gap:1rem;height:60px;margin-top:1.5rem;width:100%}.archive-button,.delete-button{display:flex;flex:1 1;height:100%;margin:0;min-width:120px}.archive-button{align-items:center;background-color:#a9a9a9;border:none;color:#fff;justify-content:center;&:hover{background-color:grey}}@media (max-width:768px){.single-device-wrapper{align-items:center;flex-direction:column;padding:1rem;width:90%}.single-device-container{max-width:100%;width:100%}.action-buttons{flex-direction:column;height:auto}.archive-button,.delete-button{align-items:center;justify-content:center;width:100%}.unarchive-button{width:100%}.device-image img{max-width:100%}}}.device{background-color:var(--background);border:1px solid var(--border);display:flex;flex-direction:column;justify-content:left;padding:1rem}.device .title{align-items:center;background-color:var(--fhnw-yellow);box-sizing:border-box;display:flex;font-size:1.5rem;font-weight:500;justify-content:center;line-height:3rem;margin:0 auto 10px;text-align:center;width:100%}.device .half-size{display:flex;flex-direction:row;padding:0}.device .half-size .information-box{margin-right:1rem;width:50%}.device .half-size .information-box:last-child{margin-right:0}.device .half-size .left{margin-right:.5rem}.device .information-box{background-color:var(--box-background);margin-bottom:.5rem;padding:.5rem}.device .information-box span{padding:.5rem 0}.device .information-box input,.device .information-box select{font-size:large;margin-top:.5rem;padding:.3rem;text-align:left;width:75%}.device .subtitle{font-size:1.2rem;font-weight:700}.device span{font-size:1.1rem}.no-width{width:auto!important}.save:hover,.settings:hover{cursor:pointer}.save{display:flex}.manual-item{font-size:large;font-weight:700;padding-right:.5rem}.manual-label{display:inline-block;min-width:2rem}.delete-manual,.manual-input{margin-left:.5rem}.delete-manual{color:red;cursor:pointer}.loading-container{left:50rem;position:relative;top:50rem}.loading-spinner{animation:spin 1s linear infinite;border:5px solid #e0e0e0;border-top-color:#007bff;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.toolbar{display:grid;grid-auto-flow:column;margin:1rem 0;.settings{justify-self:end}.back{justify-self:start}.back:hover,.settings:hover{cursor:pointer;transform:scale(1.1)}}.single-room-wrapper{align-items:flex-start;display:flex;flex-direction:row;margin:2rem auto;width:100%}.single-room-container{display:flex;flex-direction:column;justify-content:left;width:50rem}.back{&:hover{cursor:pointer;transform:scale(1.1)}}.room-image{align-self:center;display:flex;pointer-events:none;position:relative;img{height:100%;max-width:50%}}.action-buttons{display:flex;gap:1rem;height:60px;margin-top:1.5rem;width:100%}@media (max-width:768px){.single-room-wrapper{margin:1rem;padding:0;width:100%}.single-room-container{margin:10px 0;padding:.5rem;width:90%}.action-buttons{flex-direction:column;height:auto}.delete-button{width:100%}}.room{background-color:var(--background);border:1px solid var(--border);box-sizing:border-box;margin:0 auto;max-width:100%;padding:1rem}.room,.room.mobile{width:100%}.room .half-size{display:flex;flex-direction:row;padding:0}.room .half-size .information-box{margin-right:1rem;width:50%}.room .half-size .information-box:last-child{margin-right:0}.room .half-size .left{margin-right:.5rem}.room .information-box{background-color:var(--box-background);margin-bottom:.5rem;padding:.5rem}.room .information-box span{padding:.5rem 0}.room .information-box input,.room .information-box select{font-size:large;margin-top:.5rem;padding:.3rem;text-align:left;width:95%}.room .subtitle{font-size:1.2rem;font-weight:700}.room span{font-size:1.1rem}@media (max-width:768px){.room{padding:.5rem}.room .half-size{flex-direction:column}.room .half-size .information-box{margin-right:0;width:100%}.room .title{align-items:center;font-size:1.2rem;line-height:2.4rem;margin:5px 0;padding:.5rem .75rem;width:100%}.room .information-box input,.room .information-box select{font-size:1rem;width:95%}}.rooms-container{display:flex;flex-wrap:wrap;justify-content:center;margin-top:5rem;width:100%;img{align-self:center;max-width:75.5%}}@media (max-width:768px){.image{height:auto;width:100%}}.rooms-edit-view-wrapper{display:flex;flex-direction:column;width:100%;.button{margin:.5rem;width:fit-content}.filter-bar,RoomsView{margin-top:2rem}.filter-bar{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;margin-left:.5rem}.filter-dropdown,.filter-input{min-width:180px}.label-filter{font-size:1.2rem;font-weight:700}.filter-dropdown .dropdown-title{margin-bottom:8px}}.add-room-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;max-width:100vw;padding:2rem;width:100%}@media screen and (max-width:768px){.add-room-container{max-width:100vw;padding:1rem;width:100%}}.roomGroups-container{display:flex;flex-wrap:wrap;justify-content:center;margin-top:2rem;width:100%;img{align-self:center;position:relative;width:15rem}.delete-button{align-self:center;margin-top:.5rem;max-height:2rem}}.roomGroup{background-color:var(--background);border:1px solid var(--border);box-sizing:border-box;margin:0 auto;max-width:100%;padding:1rem;width:100%;.roomGroup.mobile{width:100%}.half-size{display:flex;flex-direction:row;padding:0;.information-box{width:50%}.left{margin-right:.5rem}}.half-size .information-box{margin-right:1rem}.half-size .information-box:last-child{margin-right:0}.information-box{background-color:var(--box-background);margin-bottom:.5rem;padding:.5rem;span{padding:.5rem 0}input,select{font-size:large;margin-top:.5rem;padding:.3rem;text-align:left;width:95%}}.subtitle{font-size:1.2rem;font-weight:700}span{font-size:1.1rem}}@media screen and (max-width:768px){.roomGroup{padding:.5rem}.roomGroup .half-size{flex-direction:column}.roomGroup .half-size .information-box{margin-right:0!important;width:100%}.roomGroup .title{font-size:1.3rem;line-height:2.5rem}.roomGroup .information-box input,.roomGroup .information-box select{width:90%}}.add-roomGroup-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;padding:2rem;width:100%}@media screen and (max-width:768px){.add-roomGroup-container{padding:1rem;width:100%}}.form-container{display:flex;flex-direction:column;justify-content:left;width:100%}.item-couple{display:flex;flex-direction:row;padding:0}.form-item:first-child{margin-right:100px}.form-item{margin-bottom:.5rem;min-width:10rem;padding:.5rem;width:50%}.form-item span{font-size:1.25rem;font-weight:400;padding:.5rem 0}.form-item input{background-color:var(--box-background);border:none;flex-shrink:0;height:40px;width:365px}.form-item input,.form-item select{font-size:large;margin-top:.5rem;padding:.3rem;text-align:left}.form-item select{width:75%}.change-password{align-items:center;background-color:var(--box-background);border:none;color:#000;cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;padding:10px 20px;text-align:center}.change-password:hover{background-color:var(--box-hover)}#submit{font-size:20px;height:40px;padding:.75rem 1rem;width:185px}.password-rules{margin-bottom:.5rem;margin-right:100px;min-width:10rem;padding:.5rem;width:50%}.password-rules .title{font-weight:600}.valid{color:green}.invalid{color:red}@media screen and (max-width:768px){.item-couple{flex-direction:column}.form-item{width:90%}.form-item,.form-item:first-child{margin-right:0}.form-item input,.form-item select{max-width:365px;width:100%}.change-password{margin-right:0;max-width:365px}.password-rules{margin-right:0;width:100%}.change-password{max-width:170px;width:100%}}.radio-wrapper{margin-right:.5rem;width:20px!important}.subtitle{font-size:1.2rem;font-weight:700}.radio-label{align-items:center;display:inline-flex;margin-right:15px}.account-table{border-collapse:collapse;max-width:1115px;width:100%}@media screen and (min-width:1240px){.account-table{width:1000px}}th:last-child{background-color:var(--background)}tbody tr td:last-child svg{cursor:pointer;padding:5px}p{font-size:20px}.header-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.delete-borrowing{background-color:var(--delete-button);border:none;color:var(--background);cursor:pointer;margin-top:10px;padding:10px}.delete-borrowing:hover{background-color:var(--delete-button-hover)}.search-input{background-color:#ededed;border:1px solid #ccc;font-size:.9em;padding:10px;text-align:left;transition:all .3s ease-in-out;width:250px}.search-input:focus{background-color:var(--background);border-color:var(--border);outline:none}.filtered-device-container{display:flex;flex-wrap:wrap;gap:20px}.map-item.borrowed{background-color:#fcc;border-color:red}.borrow-info{margin-top:10px;width:80%}.name-row{display:flex;gap:100px;justify-content:space-between;width:100%}.name-row .input-group{flex:1 1}.info-row{flex-direction:column}.from-to-container,.info-row{display:flex;gap:10px;width:100%}.from-to-container{justify-content:space-between}.from-to-container .input-group{width:calc(50% - 50px)}.borrow-info label{font-weight:400;margin-bottom:5px}.borrow-info input{background-color:#f0f0f0;border:1px solid var(--background);color:#333;font-size:.9em;outline:none;padding:5px 30px;width:100%}.borrow-info input:focus{background-color:#ededed;border:1px solid #888}.device-popup{background:#fff;box-shadow:0 8px 20px #00000040;left:50%;max-height:90%;max-width:90%;padding:3%;position:fixed;top:50%;transform:translate(-50%,-50%);width:40%;z-index:1000}.submit-popup{background:var(--fhnw-yellow);border:none;color:#000;cursor:pointer;font-size:.8em;font-weight:400;height:auto;margin-top:20px;padding:2px 18px;text-align:left;width:auto}.submit-popup:hover{background:var(--button-hover)}.close-text{background:var(--box-background);border:none;color:var(--secondary-text);cursor:pointer;font-size:.8em;padding:2px 18px;position:absolute;right:10px;top:10px;width:100px}@media (max-width:768px){.search-input{margin-top:0;width:90%}.device-item{margin-bottom:10px;max-width:300px;width:100%}.device-popup{align-self:center;max-width:400px;padding:5%;width:80%}.borrow-info{padding:10px;width:90%}.from-to-container,.info-row,.name-row{flex-direction:column;gap:15px;width:100%}.info-row input,.name-row input{margin-bottom:10px;padding:10px;width:100%}.from-to-container{flex-direction:row;gap:10px}.submit-popup{align-self:flex-start;font-size:1em;margin-left:3%;margin-top:10px;padding:12px 0;text-align:center;width:100px}.borrow-info input{align-self:flex-start;padding:10px;width:100%}.borrow-info label{margin-bottom:5px}.overlay{background-color:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}}.label{font-size:1.2rem;font-weight:700;text-align:center}.modal-overlay{align-items:center;background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000;.modal{background:#fff;flex-direction:column;max-width:80%;min-width:50%;padding:2rem}.modal h3{margin-top:0}.modal label{display:block;font-weight:700;margin-bottom:1em}.modal input{margin-top:.25em;padding:.5em;width:100%}}.borrowed-devices-container{max-width:100%}.borrowed-devices-table th{background-color:var(--box-background);cursor:pointer;padding:8px;text-align:left}.borrowed-devices-table th:hover{background-color:var(--box-hover)}.borrowed-devices-table th .sort-arrow{font-size:20px;font-weight:700;margin-left:10px}.borrowed-devices-table th.asc .sort-arrow:before{content:"⇑"}.borrowed-devices-table th.desc .sort-arrow:before{content:"⇓"}.borrowed-devices-table button{border:none}.borrowed-devices-table .simple-button{background-color:var(--background);border:none;color:#000;cursor:pointer;padding:.5rem 1rem}.borrowed-devices-table button:hover{scale:1.1}.borrowed-devices-table .icon-check{stroke-width:3;color:#00d26a;font-weight:500;scale:1.2}.borrowed-devices-table .icon-x{stroke-width:3;color:var(--fhnw-yellow);scale:1.2}.borrowed-devices-table .icon-mail{stroke-width:3;color:#6ca6ee;margin-left:25%;scale:1.2}table{border-collapse:collapse;table-layout:fixed;width:100%}thead tr{background-color:var(--background);border-bottom:1px solid;border-color:#dcdcdc}th{font-weight:700;overflow:hidden;padding:1rem;position:relative;text-align:left;text-overflow:ellipsis}tbody tr:nth-child(2n){background-color:var(--background)}td{border-bottom:1px solid;border-color:#dcdcdc;overflow:hidden;padding:.5rem .75rem;text-overflow:ellipsis}tbody tr:hover{background-color:var(--box-hover);cursor:pointer}.details-row td{background-color:#f9f9f9;font-size:.9em;padding:1em}.edit-button{background-color:var(--fhnw-yellow);border:none;color:#fff;cursor:pointer;font-weight:700;margin-top:1em;padding:.5em 1em;transition:background-color .3s ease}.edit-button:hover{background-color:var(--button-hover)}#table-select{background-color:var(--background);border:none;color:#000;font-size:1rem;outline:none;padding:.5rem 1rem}#table-select:hover{background-color:var(--box-hover)}.table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.table-select-container{align-items:center;display:flex;gap:.5rem;margin:0}.filter-bar,.filter-row{display:flex;flex-wrap:wrap;gap:1rem}.filter-row{margin-bottom:1rem}input{background-color:#fff;border:1px solid var(--border);color:#000;font-size:14px;height:25px;padding:6px 10px;width:200px}.label-filter{font-size:1rem;font-weight:700}.date-range-group{display:flex;flex-direction:column;gap:.2rem}.date-pair{align-items:center;display:flex;gap:.5rem}@media screen and (max-width:768px){.table-header{align-items:flex-start;flex-direction:column;gap:.5rem}.table-select-container{padding-left:.6rem;width:100%}#table-select,.table-select-container label{font-size:.85rem;padding:.3rem .6rem}#table-select{max-width:180px;width:100%}.date-range-group{margin-left:1.3rem}.date-pair{align-items:flex-start;flex-direction:column}.date-pair span{display:none}table{margin-left:1.3rem;max-width:90%}}.archive-overview{width:100%}.archive-overview table{border-collapse:collapse;table-layout:fixed;width:100%}.archive-overview td,.archive-overview th{border:none;padding:.75rem 1rem;position:relative;text-align:left;vertical-align:middle}.archive-overview .no-devices{margin-top:2rem;text-align:center}.archive-overview .action-cell{align-items:center;display:flex;gap:10px;justify-content:flex-end;padding-right:1.5rem}.archive-overview .button{box-sizing:border-box;font-size:1rem;height:32px;margin:0;max-width:120px;padding:6px 16px;width:120px}.archive-overview .delete-button{flex:0 0 120px;width:120px}.archive-overview table{margin:0;padding:0}.archive-overview table *{box-sizing:border-box}.add-device-container{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;padding:1rem;width:100%}.add-device-container button{background-color:var(--fhnw-yellow);border:none;font-size:1rem;margin-top:.5rem;padding:.7rem;transition:background-color .3s;width:200px}.add-device-container button:hover{background-color:var(--button-hover)}@media screen and (max-width:768px){.add-device-container{align-items:stretch;margin:0;max-width:90%;padding:1rem;width:auto}.add-device-container button{max-width:300px;width:80%}}.categories-container{display:flex;flex-wrap:wrap;justify-content:center;margin-top:5rem;width:100%;img{align-self:center;position:relative;width:15rem}.delete-button{align-self:center;margin-top:.5rem;max-height:2rem}}.add-category-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;max-width:100vw;padding:2rem;width:100%}@media screen and (max-width:768px){.add-category-container{max-width:100vw;padding:1rem;width:100%}}.category{background-color:var(--background);border:1px solid var(--border);box-sizing:border-box;margin:0 auto;max-width:100%;padding:1rem}.category,.category.mobile{width:100%}.category .half-size{display:flex;flex-direction:row;padding:0}.category .half-size .information-box{margin-right:1rem;width:50%}.category .half-size .information-box:last-child{margin-right:0}.category .half-size .left{margin-right:.5rem}.category .information-box{background-color:var(--box-background);margin-bottom:.5rem;padding:.5rem}.category .information-box span{padding:.5rem 0}.category .information-box input,.category .information-box select{font-size:large;margin-top:.5rem;padding:.3rem;text-align:left;width:95%}.category .subtitle{font-size:1.2rem;font-weight:700}.category span{font-size:1.1rem}.button{width:auto}@media screen and (max-width:768px){.category{padding:.5rem}.category .half-size{flex-direction:column}.category .half-size .information-box{margin-right:0;width:100%}.category .title{font-size:1.3rem;line-height:2.5rem}.category .information-box input,.category .information-box select{width:90%}}