.blue{background-color:#1c11c0;color:#fff}.red{background-color:#d43114;color:#fff}.yellow{background-color:#e9c00a;color:#fff}.green{background-color:#1c6b1c;color:#fff}.pink{background-color:pink;color:#fff}.rosa{background-color:#da3991;color:#fff}.purple{background-color:purple;color:#fff}.cyan{background-color:#0badb9;color:#fff}.orange{background-color:orange;color:#fff}.brown{background-color:#9b4b2b;color:#fff}html{box-sizing:border-box;height:100%}*,*:before,*:after{box-sizing:inherit}@font-face{font-family:'Slabo';src:url("../fonts/Slabo27px-Regular.ttf");font-weight:200}@font-face{font-family:'Roboto';src:url("../fonts/Roboto-Light.ttf");font-weight:200}@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:300;font-display:auto;src:url("../fontawesome/webfonts/fa-light-300.eot");src:url("../fontawesome/webfonts/fa-light-300.eot?#iefix") format("embedded-opentype"),url("../fontawesome/webfonts/fa-light-300.woff2") format("woff2"),url("../fontawesome/webfonts/fa-light-300.woff") format("woff"),url("../fontawesome/webfonts/fa-light-300.ttf") format("truetype"),url("../fontawesome/webfonts/fa-light-300.svg#fontawesome") format("svg")}.fal{font-family:'Font Awesome 5 Pro';font-weight:300}body{background-color:#fff;font-family:'Slabo';font-size:1rem}.flex{display:flex}a,a:link,a:visited,a[onclick]{transition:all 300ms ease;color:#7a8d9d;word-break:break-all}a:hover,a:link:hover,a:visited:hover,a[onclick]:hover{color:#000}main .task-detail-icons a:hover .fa-envelope,main .task-detail-icons a:hover .fa-pencil,main .task-detail-icons a:hover .fa-building,main .task-detail-icons a:hover .fa-file-check,main .task-detail-icons a:hover .fa-file-invoice-dollar,main .task-detail-icons a:hover .fa-money-check-edit-alt,main .task-icons a:hover .fa-envelope,main .task-icons a:hover .fa-pencil,main .task-icons a:hover .fa-building,main .task-icons a:hover .fa-file-check,main .task-icons a:hover .fa-file-invoice-dollar,main .task-icons a:hover .fa-money-check-edit-alt{transform:scale(1.2, 1.2)}.chats_wrap{position:fixed;right:290px;bottom:1%;display:flex}.chats_wrap .global_search_section{top:0;left:0}.chats_wrap .global_search_section .global_search_content{padding:10px;overflow:auto}.chats_wrap .arbeitskollege{margin-left:15px;position:relative;z-index:5}.chats_wrap .arbeitskollege.new_msg a.contact{border:solid 5px rgba(150,200,0,0.75)}.chats_wrap .arbeitskollege a.contact{background-color:#043026;color:grey;border-radius:50%;display:flex;justify-content:center;align-items:center;width:70px;height:70px;padding:10px;border:solid 5px white;box-shadow:0 0 15px rgba(0,0,0,0.2)}.chats_wrap .arbeitskollege a.contact img{display:block;width:100%;height:100%;object-fit:contain}.chats_wrap .arbeitskollege a.contact:hover{cursor:pointer}.chats_wrap .arbeitskollege a.contact:hover i{transform:scale(1.3, 1.3)}.chats_wrap .arbeitskollege a.contact i{font-size:2em;color:rgba(150,200,0,0.75);transition:all 300ms ease}.chats_wrap .arbeitskollege a.contact .count{position:absolute;background-color:#ed6353;padding:6px 20px;top:-60px;color:#fff;font-size:1.5em;border-radius:10px;animation:hover_anim 1s infinite ease alternate;display:flex;justify-content:center;box-shadow:0 0 15px rgba(0,0,0,0.15)}.chats_wrap .arbeitskollege a.contact .count::after{content:'';width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #ed6353;clear:both;position:absolute;bottom:-10px}@keyframes hover_anim{from{transform:translateY(0px)}to{transform:translateY(-17px)}}.chats_wrap .arbeitskollege .chatcontainer{position:absolute;bottom:calc(100% + 20px);right:0px;background-color:#fff;box-shadow:0 0 20px #949494;border-radius:10px;width:250px;height:400px;flex-direction:column}.chats_wrap .arbeitskollege .chatcontainer .chatnav{display:flex;justify-content:space-between;background-color:none;padding-right:15px}.chats_wrap .arbeitskollege .chatcontainer .chatnav a{border:none;background-color:white;color:darkred;padding-top:10px;padding-bottom:5px}.chats_wrap .arbeitskollege .chatcontainer .chatnav a:hover{cursor:pointer}.chats_wrap .arbeitskollege .chatcontainer .chatnav .spacer{display:flex;justify-content:space-evenly;width:50%}.chats_wrap .arbeitskollege .chatcontainer .chatnav .spacer a{color:gray}.chats_wrap .arbeitskollege .chatcontainer .chatcontent{background-color:#fff;width:100%;height:72%;border-radius:20px;padding:5px;height:100%;overflow:auto}.chats_wrap .arbeitskollege .chatcontainer .chatcontent .messages_recieved{display:flex}.chats_wrap .arbeitskollege .chatcontainer .chatcontent .messages_recieved p{background-color:lightgray;border-bottom-left-radius:0%}.chats_wrap .arbeitskollege .chatcontainer .chatcontent .messages_sent{display:flex;justify-content:flex-end}.chats_wrap .arbeitskollege .chatcontainer .chatcontent .messages_sent p{background-color:bisque;border-bottom-right-radius:0%}.chats_wrap .arbeitskollege .chatcontainer .chatcontent p{width:unset;min-width:30px;margin:2px;padding:5px;border-radius:10px;margin:5px}.chats_wrap .arbeitskollege .chatcontainer .msg{display:flex;justify-content:space-between;padding:10px;padding-right:15px}.chats_wrap .arbeitskollege .chatcontainer .msg form{background-color:unset;box-shadow:unset;padding:unset;width:unset}.chats_wrap .arbeitskollege .chatcontainer .msg form input.chat{padding:3px;width:175PX;margin:5px;margin-left:10px;border-style:none}.chats_wrap .arbeitskollege .chatcontainer .msg form button.chatbutton{width:30px;height:30px;background-color:bisque;border-radius:50%;border:none;font-size:small;padding:2px}.user_avatar{margin:0 5px 0 0;position:relative}.user_avatar img{object-fit:cover;border-radius:50%;width:40px;height:40px}.user_avatar i{position:absolute;top:0;right:0;left:0;bottom:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;opacity:0;background-color:#7a8d9d;color:#fff;text-shadow:0 0 10px black}.user_avatar i:hover{opacity:1;border-radius:50%}.notLoggedIn{height:100%;display:flex;justify-content:center;align-items:center}.notLoggedIn .login{opacity:0.9;position:relative;float:left;width:30%;min-height:150px;display:flex;justify-content:center;align-items:center;background-color:#0b3442;border-radius:5px}.notLoggedIn .login p{width:auto;color:#fff}.notLoggedIn .login p a{color:#fff;text-decoration:underline}.notLoggedIn .login p a:hover{text-decoration:none}.extra{width:100%;height:100%;position:fixed;background-image:url(../img/Nasse_Logo_Kopf_2012-01.png);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0.3}.loginform{height:100%;display:flex;justify-content:center;align-items:center}.loginform main{width:100%;padding:15px 25px;margin:0;max-width:30%;min-height:150px;background-color:#0b3442;color:#fff;z-index:100;opacity:0.9}.loginform main .login form{position:relative;float:left;width:100%;max-width:300px}.loginform main .login form input{background-color:transparent;border:none;border-bottom:1px solid #fff;color:#fff;margin-bottom:5px;width:100%;max-width:300px;font-family:'Roboto'}.loginform main .login form input.submitlogin{background-color:rgba(255,255,255,0.7);max-width:150px;border:none;color:black;padding:5px;box-shadow:2px 2px 1px black;transition:all 0.3s ease}.loginform main .login form input.submitlogin:hover{box-shadow:none;background-color:rgba(255,255,255,0.2);color:white}.loginform main .logout{background-color:rgba(255,255,255,0.2);padding:5px 10px}.loginform main .logout div i{color:#fff;transition:all 0.3s ease}.loginform main .logout div i:hover{color:black}.loginform main .logout span h2{margin:0}p{margin:0.5em 0;position:relative;float:left;width:100%}ol,ul{position:relative;float:left;width:100%;padding-left:20px}a{text-decoration:none;color:black}h1,h2,h3,h4,h5,h6,.projektname{font-family:'Slabo'}.alert{position:fixed;overflow:hidden;margin-right:15%;top:0;width:66%;height:0px;padding:30px;padding-top:0px;padding-bottom:0px;box-shadow:0px 0px 5px 0px rgba(0,0,0,0.75);animation:fadeIn 6s ease;z-index:10}.alert.alert-danger{background-color:red}.alert.alert-success{background-color:lightgreen}@keyframes fadeIn{0%{height:0px;padding-top:0px;padding-bottom:0px}20%{height:80px;padding-top:30px;padding-bottom:30px}80%{height:80px;padding-top:30px;padding-bottom:30px}100%{height:0px;padding-top:0px;padding-bottom:0px}}.time_button{padding:5px 10px;background-color:#fff;margin:10px 0px 20px 0px;display:inline-block;font-size:1.2em !important;color:#0b3442;transition:all 100ms ease;height:unset;border-radius:unset;border:unset;box-shadow:rgba(0,0,0,0.315) 0 0 10px}.time_button:hover{color:#fff;background-color:#7a8d9d}.time_button.invert{background-color:#0b3442;color:#fff}.time_button.invert:hover{color:#fff;background-color:#7a8d9d}main{transition:filter 500ms ease-in-out;z-index:-1;position:relative;float:left;padding-left:140px;padding-right:310px;padding-bottom:65px;width:100%}main tr.send.paid{background-color:#c5e393}main tr.send .fal.fa-paper-plane{color:rgba(88,153,27,0.8)}main .grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px}main .grid.urlaub .error{background-color:#f2c975;padding:10px 20px}main .grid.urlaub .error span{background-color:#963228;color:#fff;padding:0 5px}main .grid.urlaub .erfolg{background-color:#c5e393;padding:10px 20px}main .buttonwrap{display:inline-block;position:relative}main .buttonwrap h1,main .buttonwrap h2,main .buttonwrap h3,main .buttonwrap h4{display:inline-block;position:relative;float:left}main .buttonwrap i{display:inline-block;position:relative;float:left;margin-right:10px}main .buttonwrap:hover i{color:#fff;background-color:#7a8d9d}main .popup{position:absolute;z-index:5;background-color:white;padding:20px;box-shadow:rgba(0,0,0,0.342) 0 0 40px;top:0;right:0}main .popup.webc{right:280px}main .popup.webc button{width:100%;height:50px}main .popup.insert{right:unset;left:115px}main .popup.insert.notizen{padding:70px}main .popup.insert button{width:100%;height:50px}main .popup a{float:right}main .task-detail div.rechts .task-sideinfo .zeitstrahlen{background-color:grey;border-radius:15px;height:50px}main .task-detail div.rechts .task-sideinfo .zeitstrahlen.over{background-color:#3f0000}main .task-detail div.rechts .task-sideinfo .zeitstrahlen .progress{background-color:darkslateblue;border-radius:14px;color:white;padding:5px;height:100%}main .task-detail div.rechts .task-sideinfo .zeitstrahlen .empty{background-color:gray}main .task-detail div.rechts .task-sideinfo .zeitstrahlen .wenig{background-color:lightgreen}main .task-detail div.rechts .task-sideinfo .zeitstrahlen .einiges{background-color:greenyellow}main .task-detail div.rechts .task-sideinfo .zeitstrahlen .normal{background-color:bisque}main .task-detail div.rechts .task-sideinfo .zeitstrahlen .knapp{background-color:#f33}main .task-detail div.rechts .task-sideinfo .zeitstrahlen .belastend{background-color:red}main .zeitenMonat{position:relative;float:left;width:100%}main .zeitenMonat .zeitstrahlen{position:relative;float:left;width:100%}main .zeitenMonat .zeitstrahlen .zeitenMonatBill{position:relative;float:left;background-color:rgba(150,200,0,0.75);height:5em}main .zeitenMonat .zeitstrahlen .zeitenMonatNone{position:relative;float:left;background-color:rgba(0,0,0,0.4);height:5em}main.haupt .grosskalender{display:grid;grid-template-columns:auto auto auto;gap:20px;padding:25px}main.haupt .grosskalender .kalendernav{grid-column:span 3;display:flex;text-align:center;margin:auto}main.haupt .grosskalender .kalendernav a{margin:100px;margin-top:50px;margin-bottom:0}main.haupt .grosskalender hr{grid-column:span 3;width:100%}main.haupt .grosskalender .kalenderhead{display:flex;margin:auto}main.haupt .grosskalender .kalenderhead a{margin-top:20px;margin-bottom:20px;margin:auto;font-weight:bold}main.haupt .grosskalender .kalenderhead h2{text-align:center;margin-bottom:none;margin-left:20px;margin-right:20px}main.haupt .grosskalender table.urlaubkalender{height:310px}main.haupt .grosskalender table.urlaubkalender.active{border:2px solid #000}main.haupt .grosskalender table.urlaubkalender tbody{border:1px solid black;text-align:center}main.haupt .grosskalender table.urlaubkalender tbody tr th{padding:10px}main.haupt .grosskalender table.urlaubkalender tbody tr th:nth-of-type(6){color:darkred;background-color:rgba(0,0,0,0.1);border-left:1px solid grey;font-weight:bold}main.haupt .grosskalender table.urlaubkalender tbody tr th:nth-of-type(6) a{color:inherit}main.haupt .grosskalender table.urlaubkalender tbody tr th:nth-of-type(7){color:darkred;background-color:rgba(0,0,0,0.1);font-weight:bold}main.haupt .grosskalender table.urlaubkalender tbody tr th:nth-of-type(7) a{color:inherit}main.haupt .grosskalender table.urlaubkalender tbody tr td{padding:10px}main.haupt .grosskalender table.urlaubkalender tbody tr td:hover{background-color:rgba(0,0,0,0.25)}main.haupt .grosskalender table.urlaubkalender tbody tr td.today{background-color:rgba(255,0,0,0.25)}main.haupt .grosskalender table.urlaubkalender tbody tr td:nth-of-type(6){color:darkred;background-color:rgba(0,0,0,0.1);border-left:1px solid grey;font-weight:bold}main.haupt .grosskalender table.urlaubkalender tbody tr td:nth-of-type(6) a{color:inherit}main.haupt .grosskalender table.urlaubkalender tbody tr td:nth-of-type(7){color:darkred;background-color:rgba(0,0,0,0.1);font-weight:bold}main.haupt .grosskalender table.urlaubkalender tbody tr td:nth-of-type(7) a{color:inherit}main.haupt .neue-aufgabe{padding:20px;background-color:#f3f3f3;width:98%;margin:1%}main.haupt .neue-aufgabe .aufgabe-subtasks{max-width:350px}main.haupt .neue-aufgabe .multiple_inputs{display:grid;grid-template-columns:160px 1fr auto;grid-gap:0px 10px;grid-column:span 2;align-items:center}main.haupt .neue-aufgabe .multiple_inputs #times_label{grid-column:3;grid-row:1 / span 3;width:24px;height:24px;color:rgba(0,0,0,0);cursor:pointer;background-color:white;padding:6px;border-radius:50%;z-index:10;box-shadow:0 0 10px rgba(0,0,0,0.2)}main.haupt .neue-aufgabe .multiple_inputs #times_label::before{content:" ";width:12px;height:12px;background-color:rgba(150,200,0,0.75);display:block;margin:unset;box-shadow:inset rgba(90,90,90,0.822) 0px 0px 5px;border-radius:50%}main.haupt .neue-aufgabe .multiple_inputs input[type='checkbox']{display:none}main.haupt .neue-aufgabe .multiple_inputs input[type='checkbox']:checked+#times_label::before{content:" ";width:12px;height:12px;background-color:#ed6353;display:block;margin:unset;box-shadow:inset rgba(90,90,90,0.822) 0px 0px 5px;border-radius:50%}main.haupt .neue-aufgabe .prio_radios label{display:inline-block;width:22px;height:22px;background-color:#fff;cursor:pointer;text-align:center !important}main.haupt .neue-aufgabe .prio_radios input{display:none}main.haupt .neue-aufgabe .prio_radios input[type='radio']:checked+label{background-color:#f2c975}main.haupt .t_edit_checkbox{display:none}main.haupt .new_checkbox{position:absolute;top:10px;right:10px;width:20px;height:20px;background-color:#fff;color:transparent;border-radius:50%;box-shadow:#000000fa 0 0 5px;display:flex;align-items:center;justify-content:center}main.haupt .new_checkbox div{width:80%;height:80%;background-color:rgba(88,153,27,0.8);border-radius:50%;opacity:0;transition:all 100ms ease}main.haupt .t_edit_checkbox:checked+.new_checkbox div{opacity:1}main.haupt .side_popup{display:none;z-index:1000;position:absolute}main.haupt .side_popup.open{display:block}main.haupt .side_popup.open .content{animation:show 0.7s forwards 0.3s, opacity_show 0.2s forwards 0.2s}main.haupt .side_popup.open .blocker{animation:opacity_show 0.5s forwards 0.2s}main.haupt .side_popup.close .content{animation:hide 0.6s forwards, opacity_hide 0.6s forwards}main.haupt .side_popup.close .blocker{animation:opacity_hide 0.4s forwards}main.haupt .side_popup .blocker{position:fixed;top:0;bottom:0;left:110px;right:280px;background-color:#0000007c;opacity:0}main.haupt .side_popup .content{z-index:2;width:450px;right:-170px;position:fixed;background-color:white;top:0;bottom:0;box-shadow:0 0 30px rgba(0,0,0,0.4);padding:20px;padding-top:40px;opacity:0}main.haupt .side_popup .content .editer{width:40px;height:40px;font-size:1.2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#94969c;color:#fff;margin-bottom:10px;position:absolute;top:40px;right:20px}main.haupt .side_popup .content h1{padding:5px 20px;margin:20px -20px}main.haupt .side_popup .content td p,main.haupt .side_popup .content td a{position:relative;float:left;margin:unset;width:auto}main.haupt .side_popup .content td a i{margin:0 5px}@keyframes show{from{right:-170px}to{right:280px}}@keyframes hide{from{right:280px}to{right:-170px}}@keyframes opacity_show{from{opacity:0}to{opacity:1}}@keyframes opacity_hide{from{opacity:1}to{opacity:0}}main.haupt .content table tr.toolbar{background-color:#0b3442;float:unset;display:table-row;width:auto;text-align:left}main.haupt .content table tr.toolbar th{padding:10px;margin:10px 0}main.haupt .content table tr.toolbar th:first-child{border-radius:10px 0px 0px 10px}main.haupt .content table tr.toolbar th:last-child{border-radius:0px 10px 10px 0px}main.haupt .dateiablage{float:left;width:100%}main.haupt .dateiablage .auflistung tr td{padding:0 5px}main.haupt .dateiablage .auflistung tr td input,main.haupt .dateiablage .auflistung tr td button{margin:0}main.haupt .toggle_info{padding:4px 10px;background-color:#0b3442;display:inline-block;border-radius:6px;color:#fff;font-size:1.2rem;margin-bottom:5px;display:inline-block}main.haupt .toggle_info i{margin:0 5px}main.haupt .toggle_info:hover{opacity:0.8}main.haupt .auflistung tbody{width:100%}main.haupt .auflistung a.dropdown_toggle{display:block;text-align:center}main.haupt .auflistung td{padding:2px 10px}main.haupt .auflistung td td{padding:2px 0}main.haupt .auflistung td input{width:100%}main.haupt .auflistung td input.kleinnumber{width:60px}main.haupt .auflistung td input.kleinwort{width:50%}main.haupt .auflistung tr{border-bottom:solid 1px #c5e393}main.haupt .auflistung tr.toggle1{background-color:#f3f3f3}main.haupt .auflistung tr.toggle1:hover{border-bottom:solid 1px rgba(88,153,27,0.8)}main.haupt .auflistung tr.toggle0:hover{border-bottom:solid 1px rgba(88,153,27,0.8)}main.haupt .auflistung tr:nth-of-type(odd){background-color:unset}main.haupt .auflistung tr:nth-of-type(odd).toggle1{background-color:#f3f3f3}main.haupt .auflistung tr:nth-of-type(odd).toolbar{background-color:#0b3442}main.haupt .auflistung tr:nth-child(2) td{padding-top:10px}main.haupt .auflistung tr.open{display:table-row}main.haupt .auflistung tr.open{border:solid 3px #c5e393;border-bottom:unset;border-bottom:solid 1px #c5e393}main.haupt .auflistung tr a.mitglieder{width:40px;height:40px;border-radius:50%;background-color:#7a8d9d;display:block;float:left;margin:0 5px 0 0}main.haupt .auflistung tr a.mitglieder i{width:40px;height:40px;display:flex;justify-content:center;align-items:center;color:#fff}main.haupt .auflistung tr a.mitglieder:hover{opacity:0.8}main.haupt .auflistung .dropdown{display:none;border:solid 3px #c5e393;border-top:unset}main.haupt .auflistung .dropdown.open{border:solid 3px #c5e393;border-top:unset}main.haupt .auflistung .dropdown.open.list{border-bottom:solid 1px #c5e393}main.haupt .symbolwrap{display:flex}main.haupt .symbolwrap a{margin:0 4px 4px 0}main.haupt .toolbar{border-radius:10px;padding:10px;width:100%;float:left;margin:10px 0;background-color:#0b3442;grid-column:span 4;color:#fff;display:flex;justify-content:space-between;align-items:center;position:sticky;top:5px;z-index:2}main.haupt .toolbar .right{display:flex;align-items:center}main.haupt .toolbar .right input[type="number"]{width:100px;margin:0 5px}main.haupt .toolbar .right input[type="submit"]{margin:0 5px}main.haupt .toolbar .right .right{float:left}main.haupt .toolbar .right .right button{padding:0;background:unset;border:unset;color:#fff;text-decoration:underline;cursor:pointer;margin-right:4px}main.haupt .toolbar a{color:#fff;transition:all 100ms ease}main.haupt .toolbar a:hover{opacity:0.7}main.haupt .toolbar a i{font-size:1.3em;margin-right:10px}main.haupt .sort-load-wrap{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:15px;float:left;width:100%}main.haupt .sort-load-wrap .newline{grid-column:span 4}main.haupt .sort-load-wrap .company_wrap{grid-column:span 4}main.haupt .sort-load-wrap .project_wrap{grid-column:span 4;background-color:#f3f3f3;padding:10px;border-radius:16px}main.haupt .sort-load-wrap label.task_row{cursor:pointer}main.haupt .sort-load-wrap label.task_row .new_checkbox{top:5px;box-shadow:#0000008f 0 0 5px}main.haupt .sort-load-wrap .task_row{padding:4px 10px;background-color:#fff;margin-bottom:5px;border-radius:6px;display:flex;justify-content:space-between}main.haupt .sort-load-wrap .task_row p,main.haupt .sort-load-wrap .task_row h4,main.haupt .sort-load-wrap .task_row h2,main.haupt .sort-load-wrap .task_row h3{margin:unset;position:static}main.haupt .sort-load-wrap .task_row.company{background-color:unset}main.haupt .sort-load-wrap .task_row.project{background-color:unset;margin:5px 0 10px 0}main.haupt .sort-load-wrap .task_row.project .add_button{display:flex}main.haupt .sort-load-wrap .task_row.tasks{position:relative;overflow:hidden;padding-left:40px}main.haupt .sort-load-wrap .task_row.tasks i.far.fa-share{transform:rotateX(180deg);font-size:smaller;color:#437c8f}main.haupt .sort-load-wrap .task_row.tasks .right{display:flex}main.haupt .sort-load-wrap .task_row.tasks .right a{margin-left:10px}main.haupt .sort-load-wrap .task_row.tasks .right a i{font-size:1.25em}main.haupt .sort-load-wrap .task_row.tasks .tagesablauf{position:absolute;left:0;top:0;bottom:0;width:30px;display:flex;align-items:center;justify-content:center}main.haupt .newline{width:100%;position:relative;float:left;padding-top:10px}main.haupt .newline img{border-radius:50%;position:relative;float:left}main.haupt .newline span{padding-top:30px;padding-left:8px;position:relative;float:left}main.haupt table{width:100%}main.haupt table tr td{padding:2px 10px 3px 3px}main.haupt table tr:nth-of-type(odd){background-color:#f3f3f3}main.haupt table tr:nth-of-type(odd).send.paid{background-color:#c5e393}main.haupt table tr.checked{background-color:rgba(150,200,0,0.25)}main.haupt table tr.missed{background-color:rgba(200,180,0,0.25)}main .add_mitarbeiter{padding:1%}main .mitarbeiter{display:flex}main .mitarbeiter i{margin:0.5em 5px 0.5em 0}main .deadlines-heute{position:relative;float:left;width:100%;padding:20px;background-color:rgba(150,200,0,0.75)}main #sort-icons{width:100%;position:relative;float:left;height:55px;display:flex;justify-content:flex-start;align-items:center}main #sort-icons .icon{position:relative;float:left;margin-right:0.75em}main #sort-icons .icon i{font-size:25px}main .switchbar{position:relative;display:inline-block;width:34px;height:18px;margin-left:10px;flex-shrink:0}main .switchbar input{opacity:0;width:0;height:0}main .slidercheckbox{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s}main .slidercheckbox:before{position:absolute;content:"";height:14px;width:14px;left:2px;bottom:2px;background-color:white;transition:.4s}main input:checked+.slidercheckbox{background-color:rgba(150,200,0,0.75)}main input:focus+.slidercheckbox{box-shadow:0 0 1px rgba(150,200,0,0.75)}main input:checked+.slidercheckbox:before{transform:translateX(16px)}main .slidercheckbox.round{border-radius:34px}main .slidercheckbox.round:before{border-radius:50%}main .myicons{border-bottom:1px solid black;border-top:1px solid black;float:left;width:98%;margin:1%;padding:1%;transition:1s}main .myicons a i{font-size:2rem}main .myicons a img{border-radius:50%;width:50px;height:50px}main .myicons a:hover{opacity:0.75}main .myicons a:hover i{scale:1.05}main .myicons a:hover img{scale:1.05;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}main .task{font-family:'Slabo';position:relative;padding:10px;height:100px;float:left;background-color:#0b3442;color:black;overflow:hidden;min-height:150px;transition:box-shadow 100ms ease-in-out, filter 100ms ease-in-out;display:flex;flex-direction:column;border-radius:10px}main .task p{margin:0;flex-grow:1}main .task p a,main .task p a:link,main .task p a:visited{color:#fff}main .task p a:hover{color:rgba(255,255,255,0.4)}main .task p.projektname{font-style:italic;font-size:12px;flex-grow:0}main .task p.projektname a{color:#57555a}main .task p.projektname:hover a{opacity:1;color:white}main .task .task-icons{position:relative;float:left;width:100%}main .task .task-icons a{text-decoration:none;font-size:1.25em;padding-right:0.5em}main .task .task-icons a i{color:black}main .task .task-icons a:hover{opacity:1}main .task .task-icons a:hover i{opacity:0.5}main .task.task-auswahl{box-shadow:0px 0px 5px 0px rgba(0,0,0,0.75);filter:brightness(110%);cursor:pointer}main .task.task-auswahl a:hover{opacity:1}main .task .ablauf-tage{position:absolute;right:9px;bottom:-13px;font-size:4rem;color:rgba(255,255,255,0.3);font-style:italic}main .task.is-important{padding-right:80px}main .task.is-important .ablauf-tage{position:absolute;top:0;right:0;height:100%;width:80px;display:flex;align-items:flex-end}main .task.is-important .ablauf-tage p{margin-bottom:-13px;right:9px;position:absolute;float:left;width:auto}main .task.task-ende-heute p{color:#fff}main .task.task-ende-heute p.projektname a{color:#fff;opacity:0.6}main .task.task-ende-heute p.projektname:hover a{opacity:1;color:white}main .task.task-ende-heute .task-icons a{color:#fff}main .task.task-ende-heute .task-icons a i{color:#fff}main .task-abgelaufen{background-color:#963228;color:#fff}main .task-abgelaufen p.projektname a{color:white}main .task-abgelaufen .task-icons a i{color:#fff}main .task-ende-heute{background-color:#ed6353}main .task-anfang-heute{background-color:#f2ab75}main .task-anfang-heute.is-important .ablauf-tage{background-color:#a03700}main .task-to-do{background-color:#f2c975}main .task-to-do.is-important .ablauf-tage{background-color:#fb9f24}main .task-intern{background-color:#bebebe}main .task-intern.is-important .ablauf-tage{background-color:rgba(236,159,58,0.3)}main .task-zukunft{background-color:rgba(242,201,117,0.5);opacity:0.5}main .task-zukunft.is-important .ablauf-tage{background-color:rgba(236,159,58,0.3)}main .task-ohne-datum{background-color:#bebebe}main .task-ohne-datum.zukunft{opacity:0.5}main.toggle-blur{filter:blur(4px);z-index:-1}main .projektalle{margin-left:1%;margin-right:1%;padding:1%;border-bottom:1px solid}main .budget{position:relative;float:left;width:98%;margin:1%;padding:1%;background-color:#f3f3f3;border-radius:25px}main .budget h3 span{float:right}main .budget h3 span.estimate{font-size:14px;opacity:0.5}main .budget .zeitstrahlen{width:100%;height:40px;background-color:#fff;border-radius:15px;overflow:hidden;display:flex;margin-bottom:25px}main .budget .zeitstrahlen.over{background-color:#3f0000}main .budget .zeitstrahlen.main{height:75px}main .budget .zeitstrahlen .full{background-color:darkred;color:rgba(255,255,255,0.801);padding:10px;font-size:24px;border-radius:15px}main .budget .zeitstrahlen .full span.percent{float:right;font-size:18px}main .budget .zeitstrahlen .billablestatus0{display:inline;opacity:0.25;background-color:darkgray;padding:10px;margin:0;border-radius:0;color:darkslategrey;opacity:unset}main .budget .zeitstrahlen .billablestatus0 span.percent{float:right;font-size:14px}main .budget .zeitstrahlen .billablestatus0 span:last-of-type::before{content:""}main .budget .zeitstrahlen .billablestatus1{display:inline;padding:10px;margin:0;border-radius:0;background-color:darkgrey;color:darkslategrey}main .budget .zeitstrahlen .billablestatus1 span.percent{float:right;font-size:14px}main .budget .zeitstrahlen .billablestatus1 span:last-of-type::before{content:""}main .budget .zeitstrahlen .billablestatus2{background-color:rgba(236,159,58,0.3);display:inline;padding:10px;margin:0;border-radius:0;color:darkslategrey}main .budget .zeitstrahlen .billablestatus2 span.percent{float:right;font-size:14px}main .budget .zeitstrahlen .billablestatus2 span:last-of-type::before{content:""}main .budget .zeitstrahlen .billablestatus3{background-color:rgba(150,200,0,0.25);display:inline;padding:10px;margin:0;border-radius:0;color:darkslategrey}main .budget .zeitstrahlen .billablestatus3 span.percent{float:right;font-size:14px}main .budget .zeitstrahlen .billablestatus3 span:last-of-type::before{content:""}main .budget .zeitstrahlen .balken{background-image:linear-gradient(90deg, rgba(88,153,27,0.8) 0%, rgba(150,200,0,0.75) 100%);background-position:left center;background-origin:padding-box;background-repeat:no-repeat;padding:10px;color:rgba(255,255,255,0.801);font-size:36px;font-weight:bold}main .budget .zeitstrahlen .progress{background-image:linear-gradient(90deg, rgba(88,153,27,0.8) 0%, rgba(150,200,0,0.75) 100%);background-position:left center;background-origin:padding-box;background-repeat:no-repeat;opacity:0.5;padding:10px;color:#57555a;font-size:24px;font-weight:bold}main .budget .zeitstrahlen .progress span:last-of-type{float:right}main .budget .profilbild{border-radius:50%;width:25px}main .budget .profilbild:hover{transform:scale(3);transition-duration:0.5s}main .budget .nobillablestatus{width:100%;border-bottom:1px solid darkgrey;padding:4px;border-radius:30px;padding-right:15px;font-size:18px;color:darkslategrey}main .budget .nobillablestatus .profilbild{border:2px solid #0b3442;float:left;margin-right:15px}main .budget .nobillablestatus span:last-of-type{float:right}main .budget .billablestatus0{width:100%;border-bottom:1px solid darkgrey;opacity:0.25;padding:4px;border-radius:30px;padding-right:15px;font-size:18px;color:darkslategrey}main .budget .billablestatus0 .profilbild{border:2px solid darkgray;float:left;margin-right:15px}main .budget .billablestatus0 span:last-of-type{float:right}main .budget .billablestatus0 span:last-of-type::before{content:"unberechenbar";color:black;font-size:12px;background-color:darkgray;margin-right:10px}main .budget .billablestatus1{width:100%;border-bottom:1px solid darkgrey;padding:4px;border-radius:30px;padding-right:15px;font-size:18px;color:darkslategrey}main .budget .billablestatus1 .profilbild{border:2px solid darkgray;float:left;margin-right:15px}main .budget .billablestatus1 span:last-of-type{float:right}main .budget .billablestatus1 span:last-of-type::before{content:"normal";background-color:darkgray;color:black;font-size:12px;margin-right:10px}main .budget .billablestatus2{width:100%;border-bottom:1px solid darkgrey;padding:4px;border-radius:30px;padding-right:15px;font-size:18px;color:darkslategrey}main .budget .billablestatus2 .profilbild{border:2px solid rgba(236,159,58,0.3);float:left;margin-right:15px}main .budget .billablestatus2 span:last-of-type{float:right}main .budget .billablestatus2 span:last-of-type::before{content:"in Rechnung gestellt";background-color:rgba(236,159,58,0.3);color:black;font-size:12px;margin-right:10px}main .budget .billablestatus3{width:100%;border-bottom:1px solid darkgrey;padding:4px;border-radius:30px;padding-right:15px;font-size:18px;color:darkslategrey}main .budget .billablestatus3 .profilbild{border:2px solid rgba(150,200,0,0.25);float:left;margin-right:15px}main .budget .billablestatus3 span:last-of-type{float:right}main .budget .billablestatus3 span:last-of-type::before{content:"bezahlt";background-color:rgba(150,200,0,0.25);color:black;font-size:12px;margin-right:10px}main .projekte{position:relative;margin:1%;width:48%;padding:1%;height:100px;float:left;background-color:rgba(122,141,157,0.5);transition:padding 100ms ease-in-out, box-shadow 100ms ease-in-out}main .projekte h2{margin-top:0}main .projekte.projekt-nah{width:98%}main .projekte.projekt-nah .functions{position:absolute;right:0;top:0.25em}main .projekte.projekt-nah .functions a{text-decoration:none;font-size:1.4rem;padding-right:0.5em}main .projekte.projekt-nah .functions a i{color:black}main .projekte.projekt-nah .functions a:hover{opacity:0.5}main .projekte .projekt-label{position:absolute;bottom:-2px;right:8px;background-color:#eaedef;border:1px solid white;border-radius:3px;color:black;padding:5px;box-shadow:5px 5px 0px -5px rgba(0,0,0,0.75)}main .projekte.projekt-auswahl{background-color:rgba(200,200,200,0.5);box-shadow:0px 5px 5px -5px rgba(0,0,0,0.55);padding-left:2%;cursor:pointer}main .projekte .add_button{display:flex}main .projekte .add_button p{width:unset}main .projekte .add_button i{margin:0.5em 5px 0.5em 5px}main #projekt-load{padding-bottom:40px}main #projekt-load .task-liste{position:relative;margin:1%;width:98%;padding:2%;float:left;background-color:rgba(122,141,157,0.13)}main #projekt-load .task-liste h3{margin-bottom:20px;margin-top:0}main #projekt-load .task-liste .neue-aufgabe{position:fixed;top:0;width:50%}main #projekt-load .task-liste .neue-aufgabe input{width:100%}main #projekt-load .task-liste .neue-aufgabe input.submit{width:50%}main #projekt-load .task-liste .neue-aufgabe input#task-list-id{display:none}main #projekt-load .task-liste .neue-aufgabe input.check{width:50%}main #projekt-load .task-liste .neue-aufgabe textarea{width:100%}main #projekt-load .task-liste .neue-aufgabe.toggle{display:block}main #projekt-load .task-liste .projekt-list-task{padding:3px;display:flex}main #projekt-load .task-liste .projekt-list-task a{width:30px;display:inline-block;flex-shrink:0}main #projekt-load .task-liste .projekt-list-task .task-user{width:13%;display:inline-block;overflow:hidden;border:1px solid white;border-radius:6px;text-align:center;margin-right:1%}main #projekt-load .task-liste .projekt-list-task span{margin-bottom:-4px}main #projekt-load .task-liste .projekt-list-task span a{text-decoration:none;color:black;width:unset}main #projekt-load .task-liste .projekt-list-task span.check a{color:green}main #projekt-load .task-liste .neue-task{padding-left:14%;padding-top:10px;margin-bottom:5px}main #projekt-load .platzhalter{padding-bottom:43px;float:left;width:100%}main .company-name{font-style:italic;opacity:0.7}main .company-name:before{content:' --- '}main .MyWork{display:block;grid-column:span 4}main .task-nah{position:relative;margin:1%;width:98%;padding:1.35em;height:80px;float:left}main .task-nah h2{margin-top:5px}main .task-nah h2 input{margin-top:5px}main .task-nah.task-abgelaufen .projekt-name a{color:white}main .task-nah .projekt-name{top:10px;font-size:15px}main .task-nah .projekt-name a{color:white;opacity:0.7}main .task-nah .projekt-name a:hover{opacity:1}main .task-nah .projectBudget{float:right;left:1.35em;bottom:0.5em}main .task-nah .projectBudget i{padding-right:1.5em}main .task-nah .task-detail-icons{top:10px;right:10px}main .task-nah .task-detail-icons a{padding:3px;text-decoration:none;font-size:1.75rem;padding-left:0.5em}main .task-nah .task-detail-icons a i{color:black}main .task-nah .task-detail-icons a.edittask{opacity:1}main .task-nah .task-detail-icons a.checked{opacity:0.75}main .task-nah .task-detail-icons a.aclink{font-size:1.4rem}main .task-nah .task-detail-icons a:hover{opacity:0.5}main .task-nah .git,main .task-nah .dateiablage{position:absolute;right:1em;bottom:0}main .task-nah .git input,main .task-nah .dateiablage input{width:240px;background-color:rgba(255,255,255,0.4);border:none;text-align:right}main .task-nah .created_info{right:1em;top:0;opacity:0.7}main nav{position:relative;float:left;width:100%}main nav ul{position:relative;float:left;width:100%}main nav ul li{position:relative;float:left;padding:0.5em}main nav ul li i{font-size:2em}main nav ul li span{margin-left:0.5em}main .submen{position:relative;float:left;width:100%}main .submen ul{width:100%;padding:0;margin-left:0}main .submen ul li{position:relative;float:left;margin:0.5em 0.5em 0.5em 0;color:#437c8f;list-style:none}main .submen ul li a,main .submen ul li a:link,main .submen ul li a:visited{background-color:#0b3442;padding:0.5em;color:white}main .submen ul li a:hover{background-color:#fb9f24;padding:0.5em;color:#f2c975}main .submen ul li img{border-radius:50%}main .submen ul.user.all li{width:100%}main .submen ul.user.all li img{width:80px}main .submen ul.user li a,main .submen ul.user li a:link,main .submen ul.user li a:visited{background-color:transparent;opacity:0.5}main .submen ul.user li a img,main .submen ul.user li a:link img,main .submen ul.user li a:visited img{border:2px #fb9f24 solid}main .submen ul.user li a:hover{opacity:1}main .submen ul.user li.trash a,main .submen ul.user li.trash a:link,main .submen ul.user li.trash a:visited{background-color:#0b3442;padding:0.5em;color:white}main .submen ul.user li.trash a:hover{background-color:#fb9f24;padding:0.5em;color:#f2c975}main .task-detail{position:relative;margin:1%;width:98%;float:left;display:flex}main .task-detail.transparent.task-abgelaufen{background-color:rgba(150,50,40,0.2);color:black}main .task-detail.transparent.task-ende-heute{background-color:rgba(237,99,83,0.2)}main .task-detail.transparent.task-anfang-heute{background-color:rgba(242,171,117,0.2)}main .task-detail.transparent.task-to-do{background-color:rgba(242,201,117,0.2)}main .task-detail.transparent.task-intern{background-color:rgba(202,202,202,0.2)}main .task-detail.transparent.task-zukunft{background-color:rgba(242,201,117,0.2);opacity:0.5}main .task-detail .aufgabe-body{width:100%;margin:1%;padding:2%;float:left}main .task-detail .aufgabe-body h2{margin-top:0}main .task-detail .aufgabe-body textarea{width:90%;resize:vertical}main .task-detail .aufgabe-body .beschreibung{margin-bottom:20px;font-family:'Roboto';position:relative;float:left;width:100%;border-bottom:1px dotted black;padding-bottom:1em;overflow:auto}main .task-detail .aufgabe-body #showformkommentar,main .task-detail .aufgabe-body #form-kommentar{position:relative;float:left;width:100%;font-family:'Roboto';padding:10px;margin-bottom:2em;background-color:rgba(255,255,255,0.4);border:2px solid #fff}main .task-detail .aufgabe-body .kommentare{margin-top:10px;margin-bottom:10px}main .task-detail .aufgabe-body .kommentare .users{margin-bottom:2em}main .task-detail .aufgabe-body .kommentare .users a{padding:4px 10px;border-radius:10px;background-color:rgba(255,255,255,0.4);display:inline-block;margin-bottom:4px}main .task-detail .aufgabe-body .kommentare .users a i{margin-right:5px}main .task-detail .aufgabe-body .kommentare p{margin:0}main .task-detail .aufgabe-body .kommentare .mention::before{content:"@"}main .task-detail .aufgabe-body .kommentare .mention{padding:2px 8px;border-radius:10px;background-color:#fff}main .task-detail .aufgabe-body .kommentare .kommentar{width:100%;position:relative;float:left;display:flex;align-items:flex-start;margin-bottom:0.5em}main .task-detail .aufgabe-body .kommentare .kommentar .commentbuttons{display:flex}main .task-detail .aufgabe-body .kommentare .kommentar .commentbuttons a{margin:0 5px 5px 0}main .task-detail .aufgabe-body .kommentare .kommentar-bild{height:100%;font-style:italic;position:relative;float:left;max-width:80px;min-width:80px}main .task-detail .aufgabe-body .kommentare .kommentar-bild img{border-radius:50%;max-width:55px}main .task-detail .aufgabe-body .kommentare .kommentar-bild p{font-size:0.75rem}main .task-detail .aufgabe-body .kommentare .kommentar-body{position:relative;float:left;color:#0b3442;overflow:auto;width:100%}main .task-detail .aufgabe-body .kommentare .kommentar-body .kommentar-created-on{position:relative;float:left;width:100%;font-size:0.625rem;margin-bottom:0.5em;color:#94969c}main .task-detail .aufgabe-body .kommentare .form_kommentar_edit{display:none;float:left;width:100%}main .task-detail .teilaufgaben{position:relative;float:left;display:flex;flex-direction:column;width:100%;padding:2%;margin:1%}main .task-detail .aufgabe-subtasks{width:100%;float:left}main .task-detail .aufgabe-subtasks h4{margin-top:0px}main .task-detail .aufgabe-subtasks .multiple_inputs{display:grid;grid-template-columns:160px 1fr auto;grid-gap:0px 10px;grid-column:span 2;align-items:center}main .task-detail .aufgabe-subtasks .multiple_inputs #times_label{grid-column:3;grid-row:1 / span 3;width:24px;height:24px;color:rgba(0,0,0,0);cursor:pointer;background-color:white;padding:6px;border-radius:50%;z-index:10;box-shadow:0 0 10px rgba(0,0,0,0.2)}main .task-detail .aufgabe-subtasks .multiple_inputs #times_label::before{content:" ";width:12px;height:12px;background-color:rgba(150,200,0,0.75);display:block;margin:unset;box-shadow:inset rgba(90,90,90,0.822) 0px 0px 5px;border-radius:50%}main .task-detail .aufgabe-subtasks .multiple_inputs input[type='checkbox']{display:none}main .task-detail .aufgabe-subtasks .multiple_inputs input[type='checkbox']:checked+#times_label::before{content:" ";width:12px;height:12px;background-color:#ed6353;display:block;margin:unset;box-shadow:inset rgba(90,90,90,0.822) 0px 0px 5px;border-radius:50%}main .task-detail .aufgabe-subtasks .prio_radios label{display:inline-block;width:22px;height:22px;background-color:#fff;cursor:pointer;text-align:center !important}main .task-detail .aufgabe-subtasks .prio_radios input{display:none}main .task-detail .aufgabe-subtasks .prio_radios input[type='radio']:checked+label{background-color:#f2c975}main .task-detail .aufgabe-subtasks .aufgabe-subtasks-check{display:flex;float:left;width:100%}main .task-detail .aufgabe-subtasks .aufgabe-subtasks-check.checked{color:green}main .task-detail .aufgabe-subtasks .aufgabe-subtasks-check input[type="checkbox"],main .task-detail .aufgabe-subtasks .aufgabe-subtasks-check input[type="radio"]{margin:0.5em 9px}main .task-detail .aufgabe-subtasks .aufgabe-subtasks-check label{margin:0.3em 0;width:100%}main .task-detail .aufgabe-subtasks .aufgabe-subtasks-check a i{margin:0.3em 0}main .task-detail .teilaufgabe-form{position:relative;float:left;width:100%;margin-bottom:10px}main .task-detail .teilaufgabe-form form{display:flex}main .task-detail .teilaufgabe-form form input{position:relative;float:left;width:100%;font-family:'Roboto';margin:unset}main .task-detail .teilaufgabe-form form input[type="submit"],main .task-detail .teilaufgabe-form form .submit,main .task-detail .teilaufgabe-form form button{width:31px;height:31px;margin:unset;padding:unset;box-shadow:unset;border:solid 1px #437c8f;border-right:unset;border-top-left-radius:2px;border-bottom-left-radius:2px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:#fff}main .task-detail .teilaufgabe-form form input[type="submit"].right,main .task-detail .teilaufgabe-form form .submit.right,main .task-detail .teilaufgabe-form form button.right{border-right:solid 1px #437c8f;border-left:unset;border-top-right-radius:2px;border-bottom-right-radius:2px}main .task-detail .records_aufgabe{background-color:whitesmoke;padding:5px;margin-bottom:10px;position:relative}main .task-detail .records_aufgabe.bezahlt{background-color:#a7e7a7}main .task-detail .records_aufgabe.immutable{background-color:#a7e7a7;opacity:0.6}main .task-detail .records_aufgabe.immutable table tr{background-color:#a7e7a7;opacity:0.6}main .task-detail .records_aufgabe.task_notbillable{opacity:0.6}main .task-detail .records_aufgabe h4{margin:unset}main .task-detail .records_aufgabe table th{text-align:left;font-weight:400}main .task-detail .records_aufgabe table a{position:absolute;top:5px;right:10px}main .task-detail .records_aufgabe table a.delete{top:unset;bottom:0;right:14px}main .task-detail .task-sideinfo{position:relative;float:left;width:100%;padding:2%;margin:1%}main .task-detail .task-sideinfo a i{margin-right:5px}main .anrufe{display:flex;justify-content:center}main .anrufe .alleanrufe,main .anrufe .callback,main .anrufe .weiterleiten{position:relative;float:left;width:98%;margin:0 1%;background-color:rgba(150,194,217,0.53)}main .anrufe .alleanrufe-title{position:relative;float:left;width:100%;display:flex;align-items:center;padding:30px;padding-bottom:0;border-bottom:11px solid white}main .anrufe .alleanrufe-title i{position:absolute;font-size:2rem}main .anrufe .alleanrufe-title h2{padding-left:2em}main .anrufe .alleanrufe .anruf-filter{position:relative;float:left;width:100%;margin-top:35px;padding:0 30px}main .anrufe .alleanrufe .anruf-call{position:relative;float:left;width:100%;margin-top:35px;padding:0 30px;display:flex;flex-direction:column-reverse}main .anrufe .alleanrufe .anruf-call.outcoming{align-items:flex-end}main .anrufe .alleanrufe .anruf-call.outcoming .date-time-call{justify-content:flex-start}main .anrufe .alleanrufe .anruf-call:last-of-type{padding-bottom:30px}main .anrufe .alleanrufe .anruf-call .date-time-call{position:relative;float:left;width:100%;display:flex;flex-direction:row-reverse;align-items:center;justify-content:flex-end}main .anrufe .alleanrufe .anruf-call .date-time-call .time-call,main .anrufe .alleanrufe .anruf-call .date-time-call .date-call{position:relative;float:left}main .anrufe .alleanrufe .anruf-call .date-time-call .time-call{margin-right:0.5em}main .anrufe .alleanrufe .anruf-call .date-time-call .date-call{font-size:0.875rem}main .anrufe .alleanrufe .anruf-call .date-time-call .date-call::before{content:'('}main .anrufe .alleanrufe .anruf-call .date-time-call .date-call::after{content:')'}main .anrufe .alleanrufe .anruf-call .nummer-call,main .anrufe .alleanrufe .anruf-call .incoming-call,main .anrufe .alleanrufe .anruf-call .outcoming-call{position:relative;float:left;font-size:1.25rem}main .anrufe .alleanrufe .anruf-call .nummer-call{margin-right:0.125em}main .anrufe .weiterleiten #newweiter{padding:30px;position:relative;float:left;width:100%}main .anrufe .weiterleiten #newweiter .tox{margin:0.5em 0}main .anrufe .weiterleiten #newweiter .tox .tox-edit-area{border:2px solid #0b3442;border-radius:3px}main .anrufe .weiterleiten #newweiter .tox .tox-tinymce{border:none}main .anrufe .weiterleiten #newweiter .tox .tox-edit-area__iframe{background-color:transparent}main .anrufe .weiterleiten #newweiter #user-list{position:relative;float:left;width:100%}main .anrufe .weiterleiten #newweiter #nummer,main .anrufe .weiterleiten #newweiter #user-list{background:none;border:2px solid #0b3442}main .anrufe .weiterleiten .meine-weiterleitungen{position:relative;float:left;width:100%;padding:30px}main .anrufe .weiterleiten .meine-weiterleitungen .callback-call{position:relative;float:left;width:100%;padding-top:30px}main .anrufe .weiterleiten .meine-weiterleitungen .callback-call .weiter-nummer-name{position:relative;float:left;width:100%;font-size:0.875rem}main .anrufe .weiterleiten .meine-weiterleitungen .callback-call .weiter-nummer-name a{position:relative;float:left}main .anrufe .weiterleiten .meine-weiterleitungen .callback-call .weiter-nummer-name a:first-of-type::after{content:' >> ';margin:0 5px}main .anrufe .callback .callback-call{position:relative;float:left;width:100%;padding:30px;padding-bottom:0;display:flex;flex-direction:column;justify-content:flex-end}main .anrufe .callback .callback-call .weiter-nummer-name{display:flex;flex-direction:row-reverse;position:relative;float:left;width:100%;justify-content:flex-end;font-size:0.875rem}main .anrufe .callback .callback-call .weiter-nummer-name a:first-of-type::after{content:'=>';position:relative;float:left;margin-right:0.25em}main .anrufe .callback .callback-call a{position:relative;float:left;margin-right:0.25em}main .anrufe .callback .callback-call .weiterleitungen-an-mich{position:relative;float:left;width:100%}main .profil{position:relative;float:left;padding-right:1em}main .profil a .profilbild{border-radius:50%}#buha h3{color:#f2c975}#buha p{background-color:rgba(242,201,117,0.2);padding:0.25em 0 0.25em 0;margin:0 0 0.25em 0}#buha p a:link,#buha p a:visited{color:#f2c975}#mahnwesen{padding-bottom:3em}#mahnwesen h3{color:#f0f}#mahnwesen form input{border:none;border-bottom:2px solid #f0f;width:10%;margin-right:1%}#mahnwesen form input.mahnsenden{margin-right:0;background-color:#f0f;color:white}#mahnwesen form input.mahnsenden:hover{background-color:black}#mahnwesen form textarea{width:33%;margin-right:1%;border:none;background-color:rgba(255,0,255,0.1)}#mahnwesen table tbody tr{background-color:rgba(255,0,255,0.1);padding:0.25em 0 0.25em 0;margin:0 0 0.25em 0;border-bottom:white 2px solid}#mahnwesen table tbody tr td a:link,#mahnwesen table tbody tr td a:visited,#mahnwesen table tbody tr td button i{color:#f0f}#mahnwesen table tbody tr td a:hover,#mahnwesen table tbody tr td button:hover i{color:black}#mahnwesen table tbody tr td button{background-color:transparent;border:none}#mahnwesen table tbody tr.mahnmonat{background-color:transparent}@keyframes turn{0%{transform:rotate(180deg)}100%{transform:rotate(0deg)}}aside{height:100%;background-color:#0b3442;color:#fff}aside .profil{position:relative;float:left;top:0;left:0;display:flex;justify-content:center;align-items:center;position:relative;height:80px;z-index:2}aside .profil ul.menu-content1{transform:scale(0);opacity:0;width:auto;position:absolute;display:flex;justify-content:center;align-items:center;transition:all 0.3s ease;left:0;padding:0 10px;margin:unset;z-index:-1}aside .profil ul.menu-content1 li{position:relative;float:left;background-color:#0b3442;padding:unset}aside .profil ul.menu-content1 li:first-child{border-bottom-left-radius:20px;border-top-left-radius:20px;padding-left:10px}aside .profil ul.menu-content1 li:last-child{border-bottom-right-radius:20px;border-top-right-radius:20px;padding-right:10px}aside .profil ul.menu-content1 li a{padding:15px 15px;display:inline-block}aside .profil ul.menu-content1 li a i{font-size:1.25rem}aside .profil:hover ul.menu-content1{transform:scale(1);opacity:1;padding-left:115px}aside .profil .profilbild{width:50px;height:50px;background-image:url("../img/smiley.jpg");background-size:cover;background-position:center;border-radius:50%;margin-top:20px;margin-left:30px;margin-bottom:20px;margin-right:30px;overflow:hidden;display:flex;justify-content:center;align-items:center}aside .profil .profilbild img{width:100%;margin:5px}aside.links{position:fixed;width:110px;top:0;left:0;text-align:center;font-size:30px;transition:width 500ms ease-in-out, font-size 500ms ease-in-out;z-index:1}aside.links ul{padding:0}aside.links ul li{list-style-type:none;padding:4px 10px 4px 4px}aside.links ul li a{font-size:20px;color:#fff}aside.links ul li a:hover{opacity:0.6}aside.links .menu{position:relative;float:right;width:100%;max-width:110px;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:margin 0.3s ease-in-out}aside.links .menu a{color:#fff;position:relative;float:left;display:flex;justify-content:center;align-items:center}aside.links .menu .menu-item{position:relative;z-index:2}aside.links .menu .menu-item a{border-radius:50%;border:1px solid #7a8d9d;width:45px;height:45px;margin:5px 0;display:flex;justify-content:center;align-items:center}aside.links .menu .menu-item a:hover{opacity:0.6}aside.links .menu .menu-item i{font-size:1.25rem}aside.links .menu .menu-item ul{transform:scale(0);opacity:0;width:auto;position:absolute;display:flex;justify-content:center;align-items:center;transition:all 0.3s ease;left:0;margin:unset;z-index:-1}aside.links .menu .menu-item ul li{position:relative;float:left;background-color:#0b3442;padding:unset}aside.links .menu .menu-item ul li:first-child{border-bottom-left-radius:20px;border-top-left-radius:20px;padding-left:10px}aside.links .menu .menu-item ul li:last-child{border-bottom-right-radius:20px;border-top-right-radius:20px;padding-right:10px}aside.links .menu .menu-item ul li a{padding:15px 15px;display:inline-block;width:unset;height:unset;border:unset;border-radius:unset;margin:unset}aside.links .menu .menu-item ul li a i{font-size:1.25rem}aside.links .menu .menu-item:hover ul{transform:scale(1);opacity:1;padding-left:80px}aside.rechts{width:280px;position:fixed;top:0;right:0;z-index:600}aside.rechts h3{text-align:center}aside.rechts #dropzone{width:90%;margin:5%;height:60px;position:relative;background-color:rgba(122,141,157,0.3);transition:filter 150ms ease-in-out}aside.rechts #dropzone.dragstart{filter:brightness(300%)}aside.rechts .dropzonepos{position:relative;margin:5%;width:90%;padding:3%;height:5px;background-color:#7a8d9d;color:black;overflow:hidden}aside.rechts .task-tagesziel{position:relative;margin:5%;width:90%;padding:3%;height:50px;background-color:rgba(122,141,157,0.3);color:#fff;overflow:hidden;display:flex;justify-content:center;align-items:center}aside.rechts .task-tagesziel.task-solved{background-color:green}aside.rechts .task-tagesziel .tages-task{position:absolute;height:100%;width:4%;float:left;top:0;left:0;background-color:inherit}aside.rechts .task-tagesziel .tages-task.tages-task-abgelaufen{background-color:#963228}aside.rechts .task-tagesziel .tages-task.tages-task-ende-heute{background-color:#ed6353}aside.rechts .task-tagesziel .tages-task.tages-task-anfang-heute{background-color:#f2ab75}aside.rechts .task-tagesziel .tages-task.tages-task-to-do{background-color:#f2c975}aside.rechts .task-tagesziel .tages-task.tages-task-zukunft{background-color:rgba(242,201,117,0.5)}aside.rechts .task-tagesziel .tagesziel-inhalt{width:98%;margin-left:4%;cursor:pointer;font-family:'Slabo'}aside.rechts .task-tagesziel .tagesziel-inhalt span{opacity:0.7;font-size:smaller;font-weight:0.8em}aside.rechts #rueckruf a,aside.rechts #rueckruf a:link,aside.rechts #rueckruf a:visited{color:#fff}aside.rechts #rueckruf a:hover{color:rgba(122,141,157,0.3)}aside .dropside{position:fixed;display:inline-block;left:30px;bottom:65px}aside .dropside button{background-color:transparent;color:#fff;border:0}aside .dropside button:hover{color:black}aside .dropside button i{color:#7a8d9d}aside .side-content{margin-top:100px;display:none;overflow:hidden}aside .side-content .phone{width:100%;height:auto;border-bottom:1px solid #fff;padding:5px 10px}aside .side-content .phone-content{background-color:inherit;width:50%;height:auto;font-size:1rem;overflow:hidden;position:relative;float:left}aside .side-content .phone-content div{margin:0.25em 0}aside.toggled{width:380px;font-size:20px;padding:5px}aside.toggled .menu{margin-right:1px}aside.toggled .side-content{display:block}aside.toggled::after .side-content{display:block}.tox{border:none !important}.tox .tox-mbtn{height:15px !important}.tox .tox-toolbar{background-color:transparent !important;border:none !important}.tox .tox-tbtn{transition:all 0.3s ease}.tox .tox-tbtn:hover{background:none !important;cursor:pointer;transform:scale(1.1)}.neue-firma{position:relative;float:left;width:100%;max-width:700px}.neue-firma:last-of-type{max-width:100%}.neue-firma div{position:relative;float:left;width:100%}.neue-firma form table{position:relative;float:left;width:100%}.neue-firma form table tr{position:relative;float:left;width:100%;margin-bottom:1em}.neue-firma form table tr td{position:relative;float:left;width:100%}.neue-firma form table tr td input{position:relative;float:left;width:100%;font-family:'Roboto'}.neue-firma form table tr td button,.neue-firma form table tr td input{height:30px;border-radius:3px;padding:5px 10px}.neue-firma form table tr td button.btn-submit,.neue-firma form table tr td input.btn-submit{background-color:#0b3442;border:none;color:#fff;min-width:100px}.neue-firma form table tr td button.btn-cancel,.neue-firma form table tr td input.btn-cancel{color:#0b3442;border:1px solid #0b3442;background-color:transparent}label .wrap{display:inline-block;background-color:#0b3442;color:#fff;width:50px;display:flex;align-items:center;justify-content:center;float:left;margin-right:5px;color:#fff;padding-right:5px}label .wrap input[type='checkbox']{margin-right:5px;height:17px;width:17px;border:unset;box-shadow:none}label h2{display:inline-block;margin:unset;margin:2px 0}.addfield{margin:0.5em 0;display:flex}.addfield i{background-color:#0b3442;color:#fff;width:30px;display:flex;align-items:center;justify-content:center}.addfield input{margin:unset}select{border:unset;border:solid 1px #437c8f;border-radius:20px;display:inline-block;padding:0px 5px;margin:5px 10px 5px 0;height:31px}.radiobutton{float:left;border:unset;border:solid 1px #437c8f;border-radius:20px;display:flex;padding:0px 5px;margin:5px 10px 5px 0;align-items:center}.radiobutton input[type='radio']{margin-right:5px}input[type='submit']{padding:5px 10px;background-color:white;margin:20px 10px 20px 0px;display:inline-block;font-size:1.2em;color:#0b3442;transition:all 100ms ease;height:unset;border-radius:unset;border:unset;box-shadow:rgba(0,0,0,0.315) 0 0 10px}input[type='submit']:hover{color:#fff;background-color:#7a8d9d}textarea{max-width:100%;border:unset;border:solid 1px #437c8f;border-radius:2px}button,input{padding:5px 10px;margin:0.5em 0;border:unset;border:solid 1px #437c8f;border-radius:2px}button.btn-submit,input.btn-submit{background-color:#0b3442;border:none;color:#fff;min-width:100px;transition:all 0.5s ease}button.btn-submit:hover,input.btn-submit:hover{background-color:#fff;color:#0b3442}button.btn-cancel,input.btn-cancel{color:#0b3442;border:1px solid #0b3442;background-color:transparent}.chat-label{display:none;position:fixed;bottom:0;right:15%;width:20%;border:1px solid black;padding:2px;padding-left:4px;background-color:#fff}.chat-label .chat{display:block;height:0;border:1px solid black}.chat-label .chat.toggle-chat{height:100%}.zeitstrahl{position:fixed;bottom:0;left:17.5px;width:54%;margin:1%;height:35px;z-index:99;background-color:white;box-shadow:#00000081 0 0 50px;border-radius:30px;overflow:hidden}.zeitstrahl .zeitstrahl-aktuell{position:absolute;top:0;width:50%;height:100%;background-overflow:hidden;background-color:#c5e393;border-radius:0;overflow:hidden}.zeitstrahl .zeitstrahl-aktuell .animation{width:200%;height:200%;transform:translate(-25%, -25%);background-image:radial-gradient(farthest-side at 80% 80%, rgba(88,153,27,0.8) 0%, rgba(63,94,251,0) 100%)}.zeitstrahl .zeitstrahl-aktuell.notime::before{height:0;width:0;background-color:rgba(0,0,0,0);margin-left:0}.zeitstrahl .zeitstrahl-aktuell.fulltime::after{content:'';height:35px;width:35px;border-radius:50%;position:absolute;background-color:#c5e393;margin-right:-17.5px;right:0}.zeitstrahl .zeitstrahl-effektiv{position:absolute;height:100%;border-right:2px dotted #0b3442}.vertretung{width:100%;padding:5px 20px;background-color:rgba(122,141,157,0.5);color:#0b3442;font-size:0.875rem;margin-bottom:10px}.vertretung h3{margin:10px 0}.vertretung.neu{padding:20px;padding-left:5%;background-color:#c5e393}.vertretung.neu.erlaubniss{background-color:#f2ab75}.vertretung.neu .time_button{margin:10px 0 0 0}.vertretung.neu p{margin:unset;padding:unset;display:inline-block}.vertretung.neu .vertreten{margin:0 0 10px 0}.vertretung.neu .vertreten .time_button{margin:unset;margin-right:10px}.vertretung.neu .vertreten h3{display:inline-block}.ziele_chef{margin:5%}#rueckruf{position:relative;float:left;width:100%}#rueckruf .rueckruf-name,#rueckruf .rueckruf-nr,#rueckruf .rueckruf-note,#rueckruf .rueckruf{position:relative;float:left}#rueckruf .rueckruf{width:100%;padding:20px;padding-left:55px;background-color:#ed6353;display:flex;flex-direction:column;font-size:0.875rem}#rueckruf .rueckruf .rueckruf-nummer-name{position:relative;float:left;width:100%;margin-bottom:0.25em}#rueckruf .rueckruf .rueckruf-note{line-height:1}#rueckruf .rueckruf:last-of-type{margin-bottom:0}#rueckruf .rueckruf h3{text-align:unset;margin:10px 0}#rueckruf .rueckruf-name{margin-right:0.5em;display:flex}#rueckruf .rueckruf-name::after{content:'=>';position:relative;float:right;padding-left:10px}#rueckruf .rueckruf-nr{margin-left:0.5em}#rueckruf .rueckruf-note{width:100%}#rueckruf .check-rueckruf{position:absolute;font-size:1.75rem;left:20px;transition:all 0.3s ease}#rueckruf .check-rueckruf.copy{top:60px}#rueckruf .check-rueckruf:hover{cursor:pointer;transform:scale(0.8)}@keyframes menstart{0%{width:9%}100%{width:18%}}@keyframes menend{0%{width:18%;float:none}100%{width:9%;float:right}}.zeiten-diagramm{position:relative;float:left;width:100%;display:flex;align-items:flex-end;height:350px;margin-top:1.5em}.zeiten-diagramm .zeit-setting{position:relative;float:left;width:100%;height:100%;display:flex}.zeiten-diagramm .zeit-vorgabe{position:relative;float:left;width:13px;height:100%;display:flex;justify-content:center;align-items:center}.zeiten-diagramm .zeit-vorgabe p{margin:0;transform:rotate(-90deg);background-color:#fff;padding:0 5px;min-width:45px;height:13px;margin-right:7px}.zeiten-diagramm .zeit-vorgabe .zeit-vorgabe-strich{position:absolute;height:100%;width:1px;background-color:rgba(0,0,0,0.4)}.zeiten-diagramm .effektiv-balken{position:absolute;width:99%;margin-left:1%;border-bottom:1px solid #666;align-self:flex-start;z-index:99}.zeiten-diagramm .zeit-tag{position:relative;float:left;width:100%;height:100%;display:flex;align-items:flex-start;margin:0 0.5%;flex-direction:column;background-color:rgba(33,33,33,0.05)}.zeiten-diagramm .zeit-tag.erste{opacity:0.7}.zeiten-diagramm .zeit-saeule{position:absolute;float:left;width:100%;background-color:rgba(88,153,27,0.8);display:flex;justify-content:center;align-items:flex-end;color:#fff}.zeiten-diagramm .zeit-datum{position:relative;float:left;width:100%;display:flex;justify-content:center;margin-top:-1.5em}.zeiten .zeit{position:relative;float:left;width:100%}.zeiten .zeit.none{opacity:0.5}.zeiten .zeit span{position:relative;float:left}.zeiten .zeit span form input{width:33%}.zeiten .zeit span:nth-of-type(2){width:5%}.zeiten .zeit span:nth-of-type(3),.zeiten .zeit span:nth-of-type(4){width:30%}.zeiten .zeit span:nth-of-type(1),.zeiten .zeit span:nth-of-type(5){width:20%;opacity:0.25}.zeiten .zeit:nth-of-type(2n){background-color:rgba(33,33,33,0.05)}.rechnungen{position:relative;float:left;width:100%;display:flex;justify-content:flex-start;align-items:stretch;margin:1em 0;overflow:auto}.rechnungen .oneinvoice{position:relative;float:left;width:140px;flex-shrink:0;margin:0 0.5em;display:flex;flex-direction:column;padding:10px;background-color:rgba(13,202,242,0.75);overflow:hidden}.rechnungen .oneinvoice .rechnungen-project-name,.rechnungen .oneinvoice .rechnungen-task-name,.rechnungen .oneinvoice .rechnungen-icons{position:relative;float:left;width:100%}.rechnungen .oneinvoice .rechnungen-project-name{font-weight:bold}.rechnungen .oneinvoice .rechnungen-task-name{flex-grow:1;margin:5px 0}.rechnungen .oneinvoice .rechnungen-icons{align-self:flex-end;flex-grow:0}.rechnungen .oneinvoice .rechnungen-icons span{position:relative;float:left;width:auto;margin-right:10px}.rechnungen .oneinvoice .rechnungen-icons .rechnung-delete i{color:rgba(255,255,255,0.75)}.rechnungen .oneinvoice .rechnungen-icons .rechnung-delete i:hover{color:rgba(255,255,255,0.25)}.rechnungen .oneinvoice .rechnungen-icons .rechnung-icon-stellen a:link{color:#000}.rechnungen .oneinvoice .rechnungen-icons .rechnung-icon-stellen a:hover{color:rgba(255,255,255,0.25)}#buha .men{position:relative;float:left;width:100%;padding-bottom:1em}#buha .men ul{padding-left:unset}#buha .men ul li{width:80px;height:80px;text-align:center;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin-right:20px;padding:unset}#buha .men ul li a{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:80px;height:80px;background-color:#f3f3f3;padding:0.5em}#buha .men ul li i{font-size:2.5rem}#buha .men ul li span{margin:unset}a{cursor:pointer}body aside div div div#menuid12{cursor:pointer}body div.global_search_section{position:fixed;height:100%;width:100%;background-color:rgba(0,0,0,0.5);display:none}body div.global_search_section .background_closer{position:absolute;top:0;left:0;right:0;bottom:0}body div.global_search_section .global_search_content{position:absolute;top:5%;left:140px;right:310px;background-color:#ffffff;max-height:88%;border-radius:15px;z-index:5}body div.global_search_section .global_search_content input{margin:10px;width:50%;border-radius:10px}body div.global_search_section .global_search_content input#global_search_input{font-size:1.7em}body div.global_search_section .global_search_content button.closer{position:absolute;top:0px;right:10px;padding:unset}body div.global_search_section .global_search_content button.search{font-size:1.7em;border-radius:10px;background-color:#fff;color:#437c8f}body div.global_search_section .global_search_content div{position:unset}body div.global_search_section .global_search_content div.search_rows{display:grid;column-gap:10px;grid-template-columns:1fr 1fr 1fr 1fr}body div.global_search_section .global_search_content div.search_rows .search_results1{overflow:auto;grid-column-end:span 2;max-height:80vh}body div.global_search_section .global_search_content div.search_rows .search_results1 h3{text-align:center;font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:20px;position:sticky;top:0}body div.global_search_section .global_search_content div.search_rows .search_results2{overflow:auto;max-height:80vh}body div.global_search_section .global_search_content div.search_rows .search_results2 h3{text-align:center;font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:20px;position:sticky;top:0}body div.global_search_section .global_search_content div.search_rows .search_results3{overflow:auto;max-height:80vh}body div.global_search_section .global_search_content div.search_rows .search_results3 h3{text-align:center;font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:20px;position:sticky;top:0}body div.global_search_section .global_search_content div .result{margin:10px;background-color:#437c8f;border-radius:15px;padding:5px}body div.global_search_section .global_search_content div .result a{color:white}body div.global_search_section .global_search_content div .result:hover{opacity:0.8}body div.global_search_section .global_search_content div .result#intern{background-color:lightgrey}body div.global_search_section .global_search_content div .result#task{background-color:#8b2929;color:white}body div.global_search_section .global_search_content div .result i{position:relative;top:10px;left:10px;font-size:20px}body div.global_search_section .global_search_content div .result i p{margin-left:10px;font-size:12px;font-family:Arial, Helvetica, sans-serif;display:inline;float:unset}body div.global_search_section .global_search_content div .result p{margin-left:10px;font-family:Arial, Helvetica, sans-serif;max-width:90%;margin-top:20px}body .messages{position:relative;float:left;width:100%}body .messages table{position:relative;float:left;width:100%}body .messages table tbody{position:relative;float:left;width:100%}body .messages table tbody tr{position:relative;float:left;width:100%;margin-top:1vh;border-radius:10px;padding:0.5%;background-color:#f3f3f3}body .messages table tbody tr:nth-of-type(even){background-color:#e4e4e4}body .messages table tbody tr td{position:relative}body .messages table tbody tr td span{position:relative;float:left;width:100%}body .messages table tbody tr td span img{position:relative;float:left;width:50%;margin-right:50%;margin-bottom:5px;border-radius:50%}body .messages table tbody tr td sup{position:relative;float:left;width:100%;padding:0 5%;margin-top:10px}body .messages table tbody tr td a i{font-size:25px}body .messages table tbody tr td:nth-of-type(1){min-width:120px}body .messages table tbody tr td:nth-of-type(1) span{padding:0 5%}body .messages table tbody tr td:nth-of-type(2){width:79%}body .messages table tbody tr td:nth-of-type(3){width:6%}body .messages table tbody tr td:nth-of-type(4){width:5%}body main.haupt .areyousure{position:relative;display:flex;align-items:center;float:left}body main.haupt .areyousure a:hover{cursor:pointer}body main.haupt .areyousure.sure_popup .minipopup{display:none;position:absolute;padding:10px;background-color:#7a8d9d;color:#fff;transform:translate(-50%, -50%);left:50%;top:0;bottom:unset;right:unset;z-index:5;width:120px;text-align:center;border-radius:4px;text-align:center;font-size:unset !important}body main.haupt .areyousure.sure_popup .minipopup a{background-color:#fff;color:#7a8d9d;padding:3px 5px;border-radius:4px;font-size:unset !important;margin:unset !important}body main.haupt .areyousure.sure_popup .minipopup a:hover{color:#000}body main.haupt .areyousure.sure_popup.open .minipopup{display:block}body main.haupt .taskedit.task-detail{display:grid;grid-template-columns:1fr minmax(auto, 0.5fr);justify-items:start;align-items:start;grid-gap:0px 10px}body main.haupt .taskedit.task-detail input[type="submit"]{grid-column:span 2;margin-right:unset;margin-left:auto}body main.haupt .taskedit.task-detail.transparent .links{width:100%;margin:unset}body main.haupt .taskedit.task-detail.transparent .aufgabe-subtasks{padding:20px;display:grid;grid-template-columns:160px 1fr;grid-gap:0px 10px;align-items:center;border-radius:10px;background-color:#f3f3f3;margin:unset;margin-bottom:10px}body main.haupt .taskedit.task-detail.transparent .aufgabe-subtasks label{text-align:right}body main.haupt .task-detail{display:block}body main.haupt .task-detail.transparent .task_navbar{position:relative;float:left;width:100%;margin:2vh 0}body main.haupt .task-detail.transparent .task_navbar .deadline{position:relative;float:left;width:50%}body main.haupt .task-detail.transparent .task_navbar .deadline i{position:relative;float:left;font-size:1.75rem}body main.haupt .task-detail.transparent .task_navbar .task-detail-icons{position:relative;float:left;width:50%}body main.haupt .task-detail.transparent .task_navbar .task-detail-icons i{position:relative;float:right;font-size:1.75rem;margin-left:2%}body main.haupt .task-detail.transparent .links{position:relative;float:left;width:59%;margin:1% 0.5% 1% 0;padding:2%;border-radius:10px}body main.haupt .task-detail.transparent .rechts{width:40%;position:relative;float:left;margin:1% 0 1% 0.5%;border-radius:10px}body main.haupt .task-detail.transparent .rechts .teilaufgaben{position:relative;float:left;width:100%;padding:4%;margin:0}body main.haupt .task-detail.transparent .rechts .task-sideinfo{position:relative;float:left;width:100%;padding:4%;margin:0}body main.haupt .task-detail.transparent .rechts .notizen{position:relative;float:left;width:100%;padding:4%;margin:0;left:0}body main.haupt .task-detail.transparent.task-abgelaufen{background-color:rgba(0,0,0,0)}body main.haupt .task-detail.transparent.task-abgelaufen .links{background-color:rgba(150,50,40,0.2)}body main.haupt .task-detail.transparent.task-abgelaufen .rechts{background-color:rgba(150,50,40,0.2)}body main.haupt .task-detail.transparent.task-ende-heute{background-color:rgba(0,0,0,0)}body main.haupt .task-detail.transparent.task-ende-heute .links{background-color:rgba(237,99,83,0.2)}body main.haupt .task-detail.transparent.task-ende-heute .rechts{background-color:rgba(237,99,83,0.2)}body main.haupt .task-detail.transparent.task-anfang-heute{background-color:rgba(0,0,0,0)}body main.haupt .task-detail.transparent.task-anfang-heute .links{background-color:rgba(242,171,117,0.2)}body main.haupt .task-detail.transparent.task-anfang-heute .rechts{background-color:rgba(242,171,117,0.2)}body main.haupt .task-detail.transparent.task-to-do{background-color:rgba(0,0,0,0)}body main.haupt .task-detail.transparent.task-to-do .links{background-color:rgba(242,201,117,0.2)}body main.haupt .task-detail.transparent.task-to-do .rechts{background-color:rgba(242,201,117,0.2)}body main.haupt .task-detail.transparent.task-zukunft{background-color:rgba(0,0,0,0)}body main.haupt .task-detail.transparent.task-zukunft .links{background-color:rgba(242,201,117,0.2)}body main.haupt .task-detail.transparent.task-zukunft .rechts{background-color:rgba(242,201,117,0.2)}body main.haupt .task-detail.transparent.task-intern{background-color:rgba(0,0,0,0)}body main.haupt .task-detail.transparent.task-intern .links{background-color:rgba(202,202,202,0.2)}body main.haupt .task-detail.transparent.task-intern .rechts{background-color:rgba(202,202,202,0.2)}body main.haupt .task-detail.transparent.task-ohne-datum{background-color:rgba(0,0,0,0)}body main.haupt .task-detail.transparent.task-ohne-datum .links{background-color:#bebebe}body main.haupt .task-detail.transparent.task-ohne-datum .rechts{background-color:#bebebe}body aside .profil .profilbild img{margin:0}.notizablage table tbody tr td span{word-break:break-word;padding:3px;background:white;border-radius:5px;position:relative;float:left;width:99%}.notizablage form{display:grid;grid-template-columns:auto 1fr;margin-bottom:10px}.notizablage form input{position:relative;float:left;width:100%;font-family:'Roboto';margin:unset}.notizablage form input[type="submit"]{width:31px;margin:unset;padding:unset;box-shadow:unset;border:solid 1px #437c8f;border-right:unset;border-top-left-radius:2px;border-bottom-left-radius:2px;grid-row:span 2}.notizablage form #add_content{grid-column:2;border-top:unset}.undotasklist{grid-column:span 4}@media only screen and (max-width: 1100px){main.haupt .sort-load-wrap{grid-template-columns:1fr 1fr 1fr 1fr}main.haupt .sort-load-wrap .newline{grid-column:span 2}main .anrufe{display:unset}}@media only screen and (max-width: 750px){.notLoggedIn .login{width:90%}main .sort-load-wrap{grid-template-columns:1fr}main .projekte{width:98%}.loginform main{max-width:95%}main{padding-right:8px;padding-left:70px}main .task-nah{height:150px;margin:unset;width:100%;padding:10px;display:flex;flex-direction:column}main .task-nah h2{margin-bottom:0px}main .task-nah .projekt-name,main .task-nah .task-detail-icons,main .task-nah .projectBudget{display:flex}.loginform main{max-width:60%;opacity:0.90}aside.rechts{width:100%;padding-left:70px;position:relative;float:left}aside.rechts #rueckruf{margin-bottom:5em}aside.links{width:60px}aside.links .profil .profilbild{margin-left:3px}aside.links .dropside{left:0}html body main#main.haupt form#taskedit .task-detail.taskedit{grid-template-columns:minmax(0px, 1fr);width:100%;padding-top:10px}html body main#main.haupt form#taskedit .task-detail.taskedit .links{width:100%}html body main#main.haupt form#taskedit .task-detail.taskedit .details{width:100%}html body main#main.haupt form#taskedit .task-detail.taskedit div div.aufgabe-subtasks{display:flex;flex-direction:column}html body main#main.haupt form#taskedit .task-detail.taskedit input[type="submit"]{grid-column:span 1;margin-left:unset}body main#main.haupt .task-detail{margin:unset;grid-gap:10px 10px;display:grid;grid-template-columns:98%}body main#main.haupt .task-detail .links{width:100%}body main#main.haupt .task-detail .rechts{grid-column:span 1;width:unset}body main#main.haupt .content.k_tabelle .companies{font-size:unset;overflow:hidden}body main#main.haupt .content.k_tabelle .companies a:first-of-type{font-weight:bold}body main#main.haupt .content.k_tabelle .companies .projects a{font-weight:100}body main#main.haupt .anrufe .alleanrufe{width:95%}body main#main.haupt .projekte{width:95%}body main#main.haupt .task-nah{height:100px;display:flex;flex-direction:column}body main#main.haupt .task-nah h2 input{width:100%}body main#main.haupt .task-nah .projekt-name{text-align:left;bottom:0;right:0}body main#main.haupt .task-nah .git{display:none}body main#main.haupt .task-nah .git input{width:unset}body main#main.haupt .task-nah .created_info{display:inline}body main#main.haupt .messages{width:100%}body main#main.haupt .messages div{width:100%}body main#main.haupt .messages div table{width:100%}body main#main.haupt .sort-load-wrap{grid-template-columns:23% 23% 23% 23%;padding-right:10px}body main#main.haupt .sort-load-wrap .toolbar{grid-column:span 4}body main#main.haupt .sort-load-wrap .newline{grid-column:span 2}body main#main.haupt .sort-load-wrap .task{height:auto;min-height:unset;grid-column:span 2}body main#main.haupt .sort-load-wrap .task p{height:auto}}@media only screen and (max-width: 500px){body main.haupt .toolbar .right .right{display:flex;flex-direction:column}body main.haupt .toolbar .right .right input{margin:5px}body div.zeitstrahl{width:90%}main .projekte.projekt-nah .functions{top:4.25em}main .projekte.projekt-nah h2{font-size:1em}main.haupt div#projekt-load div.task-liste div.projekt-list-task{margin-bottom:10px;background-color:rgba(136,136,136,0.2);padding:15px;display:flex;flex-direction:column;border-radius:15px}main.haupt div#projekt-load div.task-liste div.projekt-list-task .task-user{width:unset;text-align:right;color:gray;border:none}aside.links.toggled{width:100%;max-width:100%}aside.links.toggled .menu{display:block;position:relative;float:left;width:100%;max-width:100%}aside.links.toggled .menu .menu-item{position:relative;float:left;margin-right:1em}body main.haupt .messages div table tbody tr td:first-of-type{display:none}body #overlay{z-index:1000;display:none;justify-content:center;overflow:auto}body #overlay #global_search_content{display:flex;top:10px;left:unset;right:unset;width:90%;display:grid;grid-template-columns:auto;grid-template-rows:auto auto;max-height:unset}body #overlay #global_search_content .search{width:75%}body #overlay #global_search_content .search form input{width:100%}body #overlay #global_search_content #results{grid-row:2;max-height:unset}body #overlay #global_search_content #results .search_rows{grid-template-columns:auto;grid-template-rows:auto auto auto;height:75%;max-height:unset}body #overlay #global_search_content #results .search_rows .search_results1{grid-column:unset;overflow:unset;max-height:unset}body #overlay #global_search_content #results .search_rows .search_results2{overflow:unset;max-height:unset}body #overlay #global_search_content #results .search_rows .search_results3{overflow:unset;max-height:unset}body main#main.haupt #sort-icons input#dashsearch{width:70%}body main#main.haupt .sort-load-wrap{grid-template-columns:100%}body main#main.haupt .sort-load-wrap .toolbar{grid-column:unset}body main#main.haupt .sort-load-wrap .newline{grid-column:span 1}body main#main.haupt .sort-load-wrap .task{height:auto;min-height:unset;grid-column:span 1}body main#main.haupt .sort-load-wrap .task .task-icons a i{font-size:28px;margin-top:10px}body main#main.haupt .sort-load-wrap .task p{height:auto}body main#main .anrufe{display:unset}}.content .k_tabelle{background-color:aqua}.content .k_tabelle .k_tabelle{background-color:brown}.fas fa-globe{color:black}.companies{padding:20px 20px 20px 20px;background-color:#f3f3f3;margin-bottom:5px}.companies.is_archived{opacity:0.3}.companies .grid_wrap{display:grid;grid-template-columns:1fr 1fr;gap:20px}.companies .content_wrap{padding:20px;margin-bottom:10px;background-color:#fff}.companies .content_wrap h4{margin:10px 0 10px 0}.projects{font-size:16px;display:grid;grid-template-columns:auto 1fr;grid-gap:5px}.firmen_dat table{width:100%}.firmen_dat table tr th{border-right:solid #000 1px}.firmen_dat table tr th:last-of-type{border-right:unset}.firmen_dat table tr td{border-right:solid rgba(0,0,0,0.185) 1px}.firmen_dat table tr td:last-of-type{border-right:unset}.firmen_dat table tr{border:solid black 1px}.menuTabelle table{width:100%}.menuTabelle table tr{border-right:gray 1px}.menuTabelle table tr:nth-of-type(odd){background-color:aliceblue}.menuTabelle table trinput[type=number]{-moz-appearance:textfield}.menuTabelle table tr:nth-child(1){background-color:ghostwhite}.menuTabelle table tr:last-child{background-color:#e4e4e4}.menuTabelle table tr th:nth-of-type(2),.menuTabelle table tr th:nth-of-type(3){text-align:left}.menuTabelle table tr th:first-of-type{text-align:center;width:5%}.menuTabelle table tr td{text-align:left;padding:4px}.menuTabelle table tr td i{font-size:20px}.menuTabelle table tr td:nth-of-type(4),.menuTabelle table tr td:nth-of-type(5),.menuTabelle table tr td:nth-of-type(6){width:9%;text-align:center}.menuTabelle table tr td:first-of-type{text-align:center;width:10%}.menuTabelle table tr td input{width:100%}.menuTabelle table tr td:last-of-type{text-align:center}.task-sideinfo form input{width:100%}.task-sideinfo form .zeit_feld{display:flex;align-items:center;justify-content:space-evenly}.ueberschrift p{color:black;font-weight:bold;display:flex;font-size:20px;align-items:center}.ueberschrift p i{color:#0b3442;font-size:50px;font-weight:bold;padding-left:20px}.back_link a i{font-size:30px;padding-top:20px}.popup.pfad form{display:grid}.edit_company form table{width:auto}main.haupt fieldset{border:unset;margin:unset;padding:unset}main.haupt .fa-sun{color:#f2c975;text-shadow:0 0 15px white}main.haupt .fa-snowflakes{color:#437c8f}main.haupt .fa-exclamation-circle{color:#ed6353}main.haupt .fixed{opacity:0.3}main.haupt .symbolwrap.bigger{font-size:3rem}main.haupt .symbolwrap.bigger .fa-check-square{color:rgba(150,200,0,0.75)}main.haupt .symbolwrap.bigger .fa-exclamation-square{color:#963228}main.haupt .symbolwrap.bigger .fa-exclamation-square:hover{color:rgba(150,200,0,0.75)}main.haupt .symbolwrap.bigger .fa-exclamation-square:hover::before{content:"\f14a"}main.haupt .card{background:linear-gradient(rgba(0,0,0,0), #f3f3f3);border-radius:15px;padding:6px;display:inline-block;width:100%}main.haupt .card img{background-color:#fff;width:100%;border-radius:15px;height:80px;object-fit:contain}main.haupt .card.weg{background:linear-gradient(rgba(0,0,0,0), #f2c975)}main.haupt .card.missing{background:linear-gradient(rgba(0,0,0,0), #ed6353);color:#fff}main.haupt .kachel{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:40px;float:left;width:100%}main.haupt .kachel a:hover{transform:scale(1.05, 1.05)}main.haupt .kachel .card{background:linear-gradient(rgba(0,0,0,0), #f3f3f3);border-radius:15px;padding:6px}main.haupt .kachel .card img{background-color:#fff;width:100%;border-radius:15px;object-fit:contain}main.haupt .kachel .card.weg{background:linear-gradient(rgba(0,0,0,0), #f2c975)}main.haupt .kachel .card.missing{background:linear-gradient(rgba(0,0,0,0), #ed6353);color:#fff}main.haupt .kachel .card span{float:right;background-color:#f2c975;padding:2px 4px;border-radius:8px;color:#000;font-size:0.9rem}main.haupt .minipopup{position:fixed;top:0;bottom:0;right:0;left:0;z-index:5;background-color:rgba(0,0,0,0.5)}main.haupt .table_grid{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 10px}main.haupt .table_grid p{margin:5px 0}main.haupt .table_grid div{display:flex}main.haupt .table_grid div input{padding:3px 5px;margin:unset}main.haupt .table_grid div .button{padding:3px 5px}main.haupt .table_grid div .button.icon{display:flex;align-items:center;justify-content:center;background-color:#f2c975}main.haupt .table_grid div .button.icon i{width:18px;text-align:center}main.haupt .balken,main.haupt .sterne{display:flex;margin-right:5px}main.haupt .balken label:first-child div,main.haupt .sterne label:first-child div{border-radius:20px 0 0 20px}main.haupt .balken label:last-child div,main.haupt .sterne label:last-child div{border-radius:0 20px 20px 0}main.haupt .balken label div,main.haupt .sterne label div{width:30px;height:20px;background-color:#fff}main.haupt .balken label div.green,main.haupt .sterne label div.green{background-color:rgba(150,200,0,0.75)}main.haupt .balken label div.orange,main.haupt .sterne label div.orange{background-color:#f2c975}main.haupt .balken label div.red,main.haupt .sterne label div.red{background-color:#ed6353}main.haupt .balken label input[type="radio"],main.haupt .sterne label input[type="radio"]{display:none}main.haupt .balken:not(.noedit) label div:hover,main.haupt .sterne:not(.noedit) label div:hover{cursor:pointer}main.haupt .balken:not(.noedit) label:first-child div:hover,main.haupt .sterne:not(.noedit) label:first-child div:hover{background-color:rgba(237,99,83,0.4)}main.haupt .balken:not(.noedit) label:nth-child(2) div:hover,main.haupt .sterne:not(.noedit) label:nth-child(2) div:hover{background-color:rgba(237,99,83,0.4)}main.haupt .balken:not(.noedit) label:nth-child(3) div:hover,main.haupt .balken:not(.noedit) label:nth-child(4) div:hover,main.haupt .sterne:not(.noedit) label:nth-child(3) div:hover,main.haupt .sterne:not(.noedit) label:nth-child(4) div:hover{background-color:rgba(242,201,117,0.4)}main.haupt .balken:not(.noedit) label:last-child div:hover,main.haupt .sterne:not(.noedit) label:last-child div:hover{background-color:rgba(150,200,0,0.4)}main.haupt .balken.stars label div,main.haupt .sterne.stars label div{border-radius:unset;width:unset;height:unset;background-color:unset}main.haupt .balken.stars label div.green .fas.fa-star,main.haupt .sterne.stars label div.green .fas.fa-star{color:rgba(150,200,0,0.75)}main.haupt .balken.stars label div.orange .fas.fa-star,main.haupt .sterne.stars label div.orange .fas.fa-star{color:#f2c975}main.haupt .balken.stars label div.red .fas.fa-star,main.haupt .sterne.stars label div.red .fas.fa-star{color:#ed6353}main.haupt .balken.stars:not(.noedit) label div:hover,main.haupt .sterne.stars:not(.noedit) label div:hover{cursor:pointer}main.haupt .balken.stars:not(.noedit) label:first-child div:hover,main.haupt .sterne.stars:not(.noedit) label:first-child div:hover{background-color:unset}main.haupt .balken.stars:not(.noedit) label:first-child div:hover .fas.fa-star,main.haupt .sterne.stars:not(.noedit) label:first-child div:hover .fas.fa-star{color:rgba(237,99,83,0.4)}main.haupt .balken.stars:not(.noedit) label:nth-child(2) div:hover,main.haupt .sterne.stars:not(.noedit) label:nth-child(2) div:hover{background-color:unset}main.haupt .balken.stars:not(.noedit) label:nth-child(2) div:hover .fas.fa-star,main.haupt .sterne.stars:not(.noedit) label:nth-child(2) div:hover .fas.fa-star{color:rgba(237,99,83,0.4)}main.haupt .balken.stars:not(.noedit) label:nth-child(3) div:hover,main.haupt .balken.stars:not(.noedit) label:nth-child(4) div:hover,main.haupt .sterne.stars:not(.noedit) label:nth-child(3) div:hover,main.haupt .sterne.stars:not(.noedit) label:nth-child(4) div:hover{background-color:unset}main.haupt .balken.stars:not(.noedit) label:nth-child(3) div:hover .fas.fa-star,main.haupt .balken.stars:not(.noedit) label:nth-child(4) div:hover .fas.fa-star,main.haupt .sterne.stars:not(.noedit) label:nth-child(3) div:hover .fas.fa-star,main.haupt .sterne.stars:not(.noedit) label:nth-child(4) div:hover .fas.fa-star{color:rgba(242,201,117,0.4)}main.haupt .balken.stars:not(.noedit) label:last-child div:hover,main.haupt .sterne.stars:not(.noedit) label:last-child div:hover{background-color:unset}main.haupt .balken.stars:not(.noedit) label:last-child div:hover .fas.fa-star,main.haupt .sterne.stars:not(.noedit) label:last-child div:hover .fas.fa-star{color:rgba(150,200,0,0.4)}main.haupt .window{position:fixed;z-index:7;width:70%;max-width:800px;margin:auto;background-color:#f9e4bb;min-height:150px;border-radius:20px;padding:20px;box-shadow:0 0 40px rgba(0,0,0,0.5);left:50%;top:50%;transform:translate(calc(-50% - 95px), -50%)}main.haupt .window .quickchange{display:flex;float:left;align-items:center}main.haupt .window .quickchange input{margin:unset}main.haupt .window .quickchange button{display:flex;align-items:center;justify-content:center;background-color:#f2c975;margin:unset;float:unset;border-radius:unset;font-size:1.5rem}main.haupt .window .quickchange .switchbar{margin-left:unset;margin-right:10px}main.haupt .window .formgrid{display:grid;grid-template-columns:auto 1fr;gap:5px 20px;align-items:center}main.haupt .window .formgrid input,main.haupt .window .formgrid select{margin:0}main.haupt .window #preview ul{list-style:none;padding:unset;display:flex}main.haupt .window #preview ul li{margin:0px 5px 5px 0px}main.haupt .window #preview ul li img{width:60px;height:60px;object-fit:cover;background-color:#fff}main.haupt .window .close,main.haupt .window .edit{float:right;font-size:2rem;margin-left:5px}main.haupt .window .edit{font-size:1.7rem}main.haupt .window .infohead{display:grid;grid-template-columns:auto 1fr;gap:20px;margin-bottom:20px;align-items:start}main.haupt .window .infohead .saveline{display:flex}main.haupt .window .infohead .saveline button{font-size:1rem;margin:unset;border-radius:unset;background-color:#f2c975;border:solid 1px black}main.haupt .window .infohead .saveline input{margin:unset}main.haupt .window .infohead .card{background:linear-gradient(rgba(0,0,0,0), #f2c975);border-radius:15px;padding:6px;margin-top:-60px}main.haupt .window .infohead .card img{background-color:#fff;width:100%;border-radius:15px;height:280px;object-fit:contain}main.haupt .window .infohead .card.weg{background:linear-gradient(rgba(0,0,0,0), #f2c975)}main.haupt .window .infohead .card.missing{background:linear-gradient(rgba(0,0,0,0), #ed6353);color:#fff}main.haupt .window .button,main.haupt .window button{float:left;margin-bottom:-60px;font-size:2rem;background:linear-gradient(#f2c975, rgba(0,0,0,0));border-radius:15px;padding:6px;border:unset}main.haupt .window .button span,main.haupt .window button span{padding:4px 20px;background-color:#fff;border-radius:12px;display:block}main.haupt .window .button span i,main.haupt .window button span i{font-size:1.5rem}main.haupt .window .button:hover,main.haupt .window button:hover{opacity:0.8}main.haupt .auflistung.car .car:hover{cursor:pointer;background-color:rgba(242,201,117,0.2)}main.haupt .auflistung.car .car:hover .tank{background-color:#fff}main.haupt .auflistung.car .car:hover .fas.fa-star{color:#fff}main.haupt .preview ul{margin:unset;padding:unset;list-style:none;display:flex}main.haupt .preview ul li{border:solid 1px rgba(242,201,117,0.5);margin:0px 5px 5px 0px;display:flex}main.haupt .preview ul li img{width:40px;height:40px;object-fit:cover}main.haupt .preview ul li p{padding-left:10px;padding-right:10px}main.haupt .auflistung.car thead th:first-of-type,main.haupt .bigcard thead th:first-of-type{width:200px}main.haupt .auflistung.car.calender,main.haupt .bigcard.calender{table-layout:auto}main.haupt .auflistung.car.calender .card,main.haupt .bigcard.calender .card{background:linear-gradient(rgba(0,0,0,0), #f3f3f3);border-radius:15px;padding:6px;display:inline-block;width:100%;border:solid 1px #bebebe}main.haupt .auflistung.car.calender .card img,main.haupt .bigcard.calender .card img{background-color:#fff;width:100%;border-radius:10px;height:50px;object-fit:contain}main.haupt .auflistung.car.calender .card.weg,main.haupt .bigcard.calender .card.weg{background:linear-gradient(rgba(0,0,0,0), #f2c975)}main.haupt .auflistung.car.calender .card.missing,main.haupt .bigcard.calender .card.missing{background:linear-gradient(rgba(0,0,0,0), #ed6353);color:#fff}main.haupt .auflistung.car.calender .card span,main.haupt .bigcard.calender .card span{float:right;background-color:#f2c975;padding:2px 4px;border-radius:8px;color:#000;font-size:0.9rem}main.haupt .auflistung.car.calender .card:hover,main.haupt .bigcard.calender .card:hover{opacity:0.7}main.haupt .auflistung.car.calender td.day,main.haupt .bigcard.calender td.day{border-left:solid 1px #bebebe;text-align:center;padding:unset;position:relative}main.haupt .auflistung.car.calender td.day a,main.haupt .bigcard.calender td.day a{color:rgba(11,52,66,0.3);width:100%;height:100%;min-height:120px;display:flex;justify-content:center;align-items:center;flex-direction:column}main.haupt .auflistung.car.calender td.day a:hover,main.haupt .bigcard.calender td.day a:hover{color:#0b3442}main.haupt .auflistung.car.calender td.day a.first,main.haupt .auflistung.car.calender td.day a.last,main.haupt .bigcard.calender td.day a.first,main.haupt .bigcard.calender td.day a.last{width:50%}main.haupt .auflistung.car.calender td.day .mobile,main.haupt .bigcard.calender td.day .mobile{opacity:0.1}main.haupt .auflistung.car.calender td.day .mobile:hover,main.haupt .bigcard.calender td.day .mobile:hover{opacity:1}main.haupt .auflistung.car.calender td.day div,main.haupt .bigcard.calender td.day div{min-height:120px;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative}main.haupt .auflistung.car.calender td.day div.first,main.haupt .auflistung.car.calender td.day div.last,main.haupt .bigcard.calender td.day div.first,main.haupt .bigcard.calender td.day div.last{border:unset;width:50%}main.haupt .auflistung.car.calender td.day div.first a,main.haupt .auflistung.car.calender td.day div.last a,main.haupt .bigcard.calender td.day div.first a,main.haupt .bigcard.calender td.day div.last a{min-height:unset}main.haupt .auflistung.car.calender td.day div.first,main.haupt .bigcard.calender td.day div.first{float:right}main.haupt .auflistung.car.calender td.day div.last,main.haupt .bigcard.calender td.day div.last{float:left}main.haupt .auflistung.car.calender td.day div.weg,main.haupt .bigcard.calender td.day div.weg{background-color:#f2c975;cursor:pointer}main.haupt .auflistung.car.calender td.day div.weg:hover:not(.nohover)::after,main.haupt .bigcard.calender td.day div.weg:hover:not(.nohover)::after{content:"\f340";font-family:"Font Awesome 5 Pro";position:absolute;top:10px;right:5px;opacity:0.6}main.haupt .auflistung.car.calender td.day div.weg.back,main.haupt .bigcard.calender td.day div.weg.back{background-color:rgba(150,200,0,0.75)}main.haupt .auflistung.car.calender td.day div.weg.back:hover::after,main.haupt .bigcard.calender td.day div.weg.back:hover::after{content:""}main.haupt .auflistung.car.calender td.day div i,main.haupt .bigcard.calender td.day div i{font-size:2rem}main.haupt .auflistung.car.calender td.day div i.fa-map-marked-alt,main.haupt .bigcard.calender td.day div i.fa-map-marked-alt{color:#0b3442;font-size:1.5rem}main.haupt .auflistung.car.calender td.day div.missing::before,main.haupt .bigcard.calender td.day div.missing::before{content:"\f60c";font-family:"Font Awesome 5 Pro";font-weight:900;opacity:0.2;color:#ed6353}main.haupt .auflistung.car.calender td.day div.missing.weg,main.haupt .bigcard.calender td.day div.missing.weg{background-color:#ed6353}main.haupt .auflistung.car.calender td.day.reihen,main.haupt .bigcard.calender td.day.reihen{vertical-align:baseline;height:180px}main.haupt .auflistung.car.calender td.day.reihen span,main.haupt .bigcard.calender td.day.reihen span{font-size:3rem;background-color:#0b3442;color:#fff;padding:0 10px;border-radius:50%;width:56px;display:block;text-align:center;margin:auto}main.haupt .auflistung.car.calender td.day.reihen span.today,main.haupt .bigcard.calender td.day.reihen span.today{background-color:#ed6353}main.haupt .auflistung.car.calender td.day.reihen .reihe,main.haupt .bigcard.calender td.day.reihen .reihe{margin-bottom:2px;background-color:#f2c975;height:10px}main.haupt .auflistung.car.calender td.day.reihen .reihe.odd,main.haupt .bigcard.calender td.day.reihen .reihe.odd{background-color:rgba(242,201,117,0.4)}main.haupt .auflistung.car.calender td.day.middle,main.haupt .bigcard.calender td.day.middle{border-left:solid 1px #000}main.haupt .auflistung.car.calender td.day.end,main.haupt .bigcard.calender td.day.end{background-color:#f3f3f3}main.haupt .auflistung.car.calender th,main.haupt .bigcard.calender th{text-align:center}main.haupt .auflistung.car.calender th h2,main.haupt .bigcard.calender th h2{margin:unset}main.haupt .auflistung.car.calender th span,main.haupt .bigcard.calender th span{font-weight:normal}main.haupt .auflistung.car.calender tr,main.haupt .bigcard.calender tr{border-bottom:solid 1px #e3e3e3}main.haupt .auflistung.car th .sorting-arrows,main.haupt .bigcard th .sorting-arrows{display:flex;flex-direction:column;float:left}main.haupt .auflistung.car th .sorting-arrows i,main.haupt .bigcard th .sorting-arrows i{line-height:14px;height:14px;display:block}main.haupt .auflistung.car th h4,main.haupt .bigcard th h4{margin:4px 0}main.haupt .auflistung.car .car .tank,main.haupt .bigcard .car .tank{width:150px;border-radius:20px;height:20px;background-color:#f3f3f3}main.haupt .auflistung.car .car .tank div,main.haupt .bigcard .car .tank div{border-radius:20px;height:100%;background-color:rgba(150,200,0,0.75)}main.haupt .auflistung.car .car .tank div.green,main.haupt .bigcard .car .tank div.green{background-color:rgba(150,200,0,0.75)}main.haupt .auflistung.car .car .tank div.orange,main.haupt .bigcard .car .tank div.orange{background-color:#f2c975}main.haupt .auflistung.car .car .tank div.red,main.haupt .bigcard .car .tank div.red{background-color:#ed6353}main.haupt .auflistung.car .car td,main.haupt .bigcard .car td{padding:10px}main.haupt .auflistung.car .car td .oel,main.haupt .bigcard .car td .oel{text-align:center;border-radius:15px}main.haupt .auflistung.car .car td .oel.red,main.haupt .bigcard .car td .oel.red{background-color:unset;background:linear-gradient(rgba(0,0,0,0), rgba(237,99,83,0.6));color:#963228}main.haupt .auflistung.car .car td .oel h2,main.haupt .bigcard .car td .oel h2{margin:5px 0}main.haupt .auflistung.car .car .fas.fa-star,main.haupt .bigcard .car .fas.fa-star{background-color:unset;color:#f3f3f3}main.haupt .auflistung.car .car .fas.fa-star.green,main.haupt .bigcard .car .fas.fa-star.green{color:rgba(150,200,0,0.75)}main.haupt .auflistung.car .car .fas.fa-star.orange,main.haupt .bigcard .car .fas.fa-star.orange{color:#f2c975}main.haupt .auflistung.car .car .fas.fa-star.red,main.haupt .bigcard .car .fas.fa-star.red{color:#ed6353}main.haupt .auflistung.car .car .card,main.haupt .bigcard .car .card{background:linear-gradient(rgba(0,0,0,0), #f3f3f3);border-radius:15px;padding:6px}main.haupt .auflistung.car .car .card img,main.haupt .bigcard .car .card img{background-color:#fff;width:100%;border-radius:15px;height:80px;object-fit:contain}main.haupt .auflistung.car .car .card.weg,main.haupt .bigcard .car .card.weg{background:linear-gradient(rgba(0,0,0,0), #f2c975)}main.haupt .auflistung.car .car .card.missing,main.haupt .bigcard .car .card.missing{background:linear-gradient(rgba(0,0,0,0), #ed6353);color:#fff}.bigcard{display:block;float:left;width:100%;background:linear-gradient(rgba(0,0,0,0), rgba(242,201,117,0.4));padding:40px;border-radius:15px}.bigcard .car:hover{cursor:unset;background-color:unset}.bigcard .car .infohead{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:start}.bigcard .car .infohead .card img{width:300px;height:120px}.bigcard .car .infobody{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}.bigcard .car .infobody h1{color:#f2c975}.bigcard .car .infobody .tank{background-color:rgba(0,0,0,0.05)}.bigcard .car .infobody .fas.fa-star{color:#fff}@media only screen and (max-width: 1200px){aside#rechts{display:none}main.haupt{padding-right:50px}main.haupt .auflistung.car thead{display:none}main.haupt .auflistung.car tbody tr{display:flex;flex-direction:column;width:100%}main.haupt .auflistung.car tbody tr td{display:flex;justify-content:space-between}main.haupt .auflistung.car tbody tr td:nth-of-type(2n){background-color:#ffedca}main.haupt .auflistung.car tbody tr td:nth-of-type(2)::before{content:'Km-stand: '}main.haupt .auflistung.car tbody tr td:nth-of-type(3)::before{content:'Standort: '}main.haupt .auflistung.car tbody tr td:nth-of-type(4)::before{content:'Kennzeichen: '}main.haupt .auflistung.car tbody tr td:nth-of-type(5)::before{content:'Auftraggeber: '}main.haupt .auflistung.car tbody tr td:nth-of-type(6)::before{content:'Tank: '}main.haupt .auflistung.car tbody tr td:nth-of-type(7)::before{content:'Sauber: '}main.haupt .content div #additions div form.window{width:65%;transform:none;position:absolute;left:120px;top:100px}main.haupt .content div #additions div form.window .infohead{display:block}main.haupt .content div #additions div form.window .close{z-index:100;position:relative}main.haupt .content div .bigcard .car .infohead{grid-template-columns:auto;justify-content:center;text-align:center}main.haupt .content div .bigcard .car .infobody{grid-template-columns:auto;justify-content:center;text-align:center}main.haupt #buha .men ul li{width:65px;height:65px}}@media only screen and (max-width: 750px){main.haupt .content div #additions div form.window{width:80%;transform:none;position:absolute;left:70px;top:100px}main.haupt .content div #additions div form.window .infohead{display:block}main.haupt .content div #additions div form.window .close{z-index:100;position:relative}}