*{margin:0;padding:0}html{font-size:100%}:root{--black:#333333;--blue:#183e7a;--orange:#ee7330;--lightorange:#f5e3da;--grey:#D6D6D6;--lightgrey:#F5F5F5;--red:#ff0000;--errorred:#f3bdbd;--errorredtext:#a90505;--erroryellow:#eded8e;--erroryellowtext:#5a5a09}body{font-size:17px;color:#333;font-family:'Roboto',Arial;background-color:#f1f2f6}.clear{clear:both}a{position:relative;text-decoration:none;color:var(--blue);font-weight:700}.clickable{cursor:pointer;color:var(--blue)}a:hover,.sidebar a:hover,.sidebar a.active{-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;color:var(--orange)}h1{font-size:2rem;font-weight:300;color:var(--blue);margin-bottom:30px;text-transform:uppercase;text-align:center}h2{font-size:1.5rem;font-weight:300;color:var(--blue);margin-bottom:30px}section{position:relative;box-sizing:border-box}#main{padding:0;margin-left:250px;width:calc(100% - 250px)}.box{margin:30px;border-radius:8px;width:1200px;padding:50px 50px 50px 50px;position:relative;box-sizing:border-box;background-color:#fff;box-shadow:0 1px 1px 1px rgb(198 198 198 / .2)}.box-full{width:100%}.box-center{margin:0 auto}.logo{width:100%;display:block;margin-bottom:50px}#sidebar{background-color:#fff;padding:20px;box-sizing:border-box;width:250px;height:100vh;position:fixed;left:0;top:0;box-shadow:0 1px 1px 1px rgb(198 198 198 / .2)}.sidebar a{display:block;border-radius:8px;color:var(--blue);padding:15px;margin:20px 0;text-transform:uppercase;font-weight:400}.sidebar a:hover,.sidebar a.active{-webkit-box-shadow:0 17px 25px -5px rgb(0 0 0 / .19);-moz-box-shadow:0 17px 25px -5px rgb(0 0 0 / .19);box-shadow:0 17px 25px -5px rgb(0 0 0 / .19)}.sidebar a.active:after{font-family:FAsolid;content:"\f0da";float:right;padding-top:10px}.icon{margin:0 8px}.icon:before{display:inline-block;margin-right:10px;font-family:FAsolid;font-size:1.1rem;background-color:#eee;border-radius:50%;padding:8px}.icon:hover:before,.sidebar a.active:before{color:var(--orange)}.icon_kunde:before{content:'\f2bd'}.icon_projekt:before{content:'\e50c'}.icon_anlage:before{content:'\f0e8'}.icon_gewerke:before{content:'\f7d9'}.icon_hersteller:before{content:'\f5fd'}.icon_plus:before{content:'\2b'}.icon_edit:before{content:'\f304';color:#a3a3a3;font-size:.9rem}.icon_edit_user:before{content:'\f4ff'}.icon_kamera:before{content:'\f030'}.top{position:relative;width:100%;z-index:10;float:right;background-color:#fff;padding:20px 15px;box-sizing:border-box;text-align:right;box-shadow:0 1px 1px 1px rgb(198 198 198 / .2)}.top p{display:inline-block;margin-right:10px}.top ul{margin-left:10px;list-style-type:none}.icon_glocke{text-decoration:none;display:inline-block;width:20px;margin-right:20px}.icon_glocke_active:before{position:absolute}.icon_glocke:before{font-family:FAsolid;content:'\f0f3';font-size:1.5rem;color:var(--blue)}.icon_glocke sup{margin-top:10px;position:relative;z-index:2}.linkicon sup,.icon_glocke sup{background-color:var(--orange);border-radius:50%;padding:3px 6px;color:#fff;font-weight:700;font-size:11px;margin-left:7px}.hinweis_success,.hinweis_error{font-style:italic;color:#fff;padding:15px;margin-bottom:15px;width:100%;margin:25px auto;text-align:center;box-sizing:border-box}.hinweis_error{background-color:#e9776f;color:#fff}.hinweis_success{background-color:#86c19d;color:#fff}.topmenu .nutzer_verwalten:before{font-family:FAsolid;content:'\f0c0';color:var(--blue);margin-right:10px}.topmenu .sticker_verwalten:before{font-family:FAsolid;content:'\f249';color:var(--blue);margin-right:10px}.topmenu .mein_passwort:before{font-family:FAsolid;content:'\f084';color:var(--blue);margin-right:10px}.topmenu .logout_link:before{font-family:FAsolid;content:'\f2f5';color:var(--blue);margin-right:10px}.topmenu a:hover.logout_link:before,.topmenu a:hover.mein_passwort:before,.topmenu a:hover.sticker_verwalten:before,.topmenu a:hover.nutzer_verwalten:before{-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;color:var(--orange)}.topmenu{position:absolute;padding:20px;box-sizing:border-box;text-align:left;right:217px;top:74px;background-color:#fff;width:300px;box-shadow:5px 0 20px rgb(0 0 0 / .2)}.topmenu:after{bottom:100%;left:91%;border:solid #fff0;content:"";height:0;width:0;position:absolute;pointer-events:none;border-color:#fff0;border-bottom-color:#fff;border-width:20px;margin-left:-20px}.topmenu ul{list-style-type:none}.topmenu ul li{border-bottom:1px solid #ccc}.topmenu ul li a{display:block;padding:10px}.fa-gear:before{content:"\f013";font-size:1.5rem;top:4px;position:relative;margin-left:8px;margin-right:20px}.fa-person:before{content:'\f2bd';margin-right:15px;color:var(--orange);font-size:2.2rem}.fa-classic,.fa-regular,.fa-solid,.far,.fas{font-family:FAsolid;font-style:normal}.projektbox{border:1px solid #ccc;text-align:center;width:150px;height:150px}.kundenliste{width:100%;border-collapse:collapse;margin-bottom:50px}.kundenliste th{color:#848789;font-weight:400;text-align:left;padding:10px;font-size:.9rem;border-bottom:2px solid #eee}.kundenliste td{border-bottom:2px solid #eee;padding:10px}tr:hover{background-color:#f5f5f5}.col-1-2{width:50%;float:left}.btn_suchen{width:40px;height:40px;padding:0;margin-left:10px;margin-top:0;display:inline-block}.btn_kamera:before{content:'\f030';font-family:'FAsolid';margin-right:10px}.btn_suchen:before{content:'\f002';font-family:'FAsolid'}.btn_edit:before{content:'\f304';font-family:'FAsolid';margin-right:10px}.btn_anlegen:before{content:'\2b';font-family:'FAsolid';margin-right:10px}#input_fileupload{background-color:#eee;padding:30px;box-sizing:border-box}.box_allgemeine_daten{width:calc(70% - 30px);float:left;margin-right:30px}.box_verwaltung{width:30%;float:left;background-color:#eee;padding:30px;box-sizing:border-box}.einheit_box{margin-bottom:24px;border-bottom:2px solid #eee;padding-bottom:11px}.einheit_box h3{margin-bottom:10px}.togglebtn{position:relative;cursor:pointer;display:block}.toggletxt{display:none}.togglebtn:after,.togglebtn.topen:after{font-family:'FAsolid';content:'\f078';color:var(--blue);position:absolute;font-size:1.3rem;right:20px;top:0}.togglebtn.topen:after{content:'\f077';padding:7px 11px 4px 11px}.add_sticker_button{width:45%;display:inline-block;padding:10px;border:1px solid #ccc;margin-bottom:10px;padding:20px 0;box-sizing:border-box}#hinweis_aufkleber_status_box1,#hinweis_aufkleber_status_box2{background-color:var(--errorred);color:var(--errorredtext);padding:10px;box-sizing:border-box;border-radius:5px;margin-bottom:10px}#hinweis_aufkleber_status_box2{background-color:var(--erroryellow);color:var(--erroryellowtext)}#hinweis_aufkleber_status_box1 h3,#hinweis_aufkleber_status_box2 h3{margin-bottom:12px}#hinweis_aufkleber_status_fehler_liste,#hinweis_aufkleber_status_vergeben_liste{list-style-type:none;padding-left:20px}#hinweis_aufkleber_status_fehler_liste li,#hinweis_aufkleber_status_vergeben_liste li{padding-left:20px;padding-bottom:9px;font-weight:700}.einheit_box .button{margin-top:10px;margin-bottom:10px}.toggle_bogen_aufkleber .togglebtn:after,.toggle_bogen_aufkleber .togglebtn.topen:after{top:-11px}.autosuggestresult ul{list-style-type:none}.autosuggestresult ul li{text-align:left;padding:6px;border-bottom:1px solid #ccc}.autosuggestresult ul li:hover{background-color:#aaa7a7}