* {margin:0; padding:0; border:0; box-sizing:border-box; scrollbar-color:#3d5f8f #f3f3f3; scrollbar-width:thin;} *:hover {scrollbar-width:100;} html, body {width:100%; height:100%; font:14px 'Helvetica Neue', Arial, sans-serif; line-height:1.3em; word-wrap:break-word; color:#000; -webkit-text-size-adjust:none;} body {background:#f3f3f3; background:linear-gradient(323deg, rgb(0 0 0 / 5%) 0%, rgb(0 90 255 / 5%) 100%); background-attachment:fixed;} ::-webkit-scrollbar {width:6px; height:6px;} ::-webkit-scrollbar-track {background-color:#f3f3f3;} ::-webkit-scrollbar-thumb {background-color:#3d5f8f; background-color:rgb(33 63 105 / 50%); border-radius:1px;} ::-webkit-scrollbar-thumb:hover {background-color:rgb(33 63 105 / 70%); width:20px; height:20px;} h1 {line-height:2em; font-size:1.5em; color:#333; clear:both;} h2 {padding:0 5px 0 5px; line-height:2em; font-size:1.3em; color:#333; clear:both; border-radius:4px;} h2 div {font-size:0.8em;} h2.hint {text-align:center; box-shadow:none;} h2 a.button {font-size:0.8em;} h3 {padding:6px 6px 6px 9px; line-height:1.5em; font-size:1.1em; color:#666; clear:both; font-weight:normal; text-transform:uppercase; background:linear-gradient(157deg, rgb(0 0 0 / 25%) 0%, rgb(27 0 255 / 10%) 30%, rgb(255 255 255 / 0%) 70%, rgb(255 255 255 / 25%) 100%); border-radius:4px;} h3.plan_header {position:absolute; margin:0 0 20px -180px; padding:7px 10px 6px 12px; min-width:500px; color:#999; background:none; border-radius:10px; cursor:pointer; transition:0.3s;} h3.plan_header:hover {color:#999; background:#ddd; transition:0.5s;} h3.plan_header_mobile {position:relative; background:none; cursor:pointer; display:none;} h3 a {float:right; position:relative; transition:0.3s;} h2 a img {width:24px; height:24px; top:5px; position:relative; opacity:0.4; transition:0.3s;} h2 a:hover img {opacity:1; transition:0.3s;} h3 a img {width:24px; height:24px; -webkit-filter:invert(1); filter:invert(1); opacity:0.6; margin-top:-1px; transition:0.3s;} h3 a:hover img {opacity:1; transition:0.3s;} h3.plan_header a:hover {margin:-10px; padding:10px; border-radius:20px;} h3.plan_header a img {margin-left:30px;} h3.plan_header a:hover img {margin-left:0;} h3.plan_header a:hover, h3.plan_header_mobile a:hover {background:none;} h3.plan_header a img, h3.plan_header_mobile a img {-webkit-filter:grayscale(100%); filter:grayscale(100%);} h4 {font-size:1.1em; margin-bottom:-10px; padding-top:10px; color:#333; clear:both;} i {font-size:0.9em; font-weight:bold; color:#777;} a:link, a:visited {text-decoration:underline; color:#117ee1; transition:0.3s;} a:hover, a:active {color:blue; text-decoration:none; transition:0.3s;} a.anchor {display:block; position:relative; top:-5px; visibility:hidden;} ul {margin-left:15px;} .rotate180 {transform:rotate(180deg); transition:500ms;} .rotate360 {transform:rotate(360deg); transition:500ms;} textarea {font-family:sans-serif; border-radius:4px;} hr {height:1px; background:#333;} table, tr, td, th {border:0; margin:0; padding:0; border-spacing:0; text-align:left; vertical-align:top;} tr:first-child td:first-child {border-top-left-radius:4px;} tr:first-child td:last-child {border-top-right-radius:4px;} tr:last-child td:first-child {border-bottom-left-radius:4px;} tr:last-child td:last-child {border-bottom-right-radius:4px;} th {font-weight:bold;} table#main {padding:50px 10px 30px 10px;} table#main.centercontent {margin:0 auto 0 auto;} table#main.nomenu {margin:0 auto 0 auto; padding:10px 10px 30px 10px;} table#main tr td.td_sticky, table.meeting-weeks tr.tr_sticky, table.myvortraege tr.tr_sticky, table.einstellungen tr.tr_sticky {position:-webkit-sticky; position:sticky; top:36px; z-index:50; background:#fbfbfbf2; border-bottom-right-radius:4px; border-bottom-left-radius:4px;} @supports (-webkit-backdrop-filter:none) or (backdrop-filter:none) {table#main tr td.td_sticky, table.meeting-weeks tr.tr_sticky, table.myvortraege tr.tr_sticky, table.einstellungen tr.tr_sticky {background:#f2f5fad1; -webkit-backdrop-filter:blur(15px); backdrop-filter:blur(15px);}} table.myvortraege tr.tr_sticky, table.einstellungen tr.tr_sticky {background:#ffffff66;} .td_sticky_74 {top:74px !important;} .td_sticky_111 {top:111px !important;} table tr.sortable {box-shadow:0px 10px 10px -10px #000; background:rgb(56 90 122 / 90%) !important;} table tr.sortable th {padding:6px 8px 6px 8px !important; color:#fff;} table tr.sortable th a.button {display:inline-block; font-weight:bold; width:100%; line-height:normal; background:#385b7b;} #p {margin-top:-100px; padding-top:100px;} table.meeting-weeks tr td {height:28px;} .content {position:relative; margin-bottom:20px; padding:5px; background:#fff; box-shadow:0 4px 10px -2px #ccc; border-radius:4px;} .content.nooverflow {overflow:unset; display:flow-root;} .centerbox {margin:auto; max-width:500px; max-height:500px; position:absolute; top:50%; left:50%; -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%);} .innercontent {background:#ddd !important; box-shadow:inset 0 0 5px #ccc !important; display:flow-root;} .content table {width:100%;} table .widthauto {width:auto;} table .widthauto tr td {white-space:nowrap; vertical-align:top !important;} table .widthauto tr td .wrap {white-space:wrap !important;} table .widthauto tr td .nowrap {white-space:nowrap !important; vertical-align:top !important;} table .widthauto tr td .button {line-height:1.9em;} table .widthauto tr th {padding:0 5px 0 5px;} .content table tr:hover {background-color:#dce6ef !important;} .content table tr td {vertical-align:middle; padding:5px 10px 5px 10px;} .lit_gestichen td, .lit_gestichen td input, .lit_gestichen select {text-decoration:line-through !important; color:#aaa !important; opacity:0.7; transition:0.3s;} .lit_gestichen td span.pill {opacity:0.5; transition:0.3s;} .content table.protbox * img {max-width:120px; max-height:80px; padding:5px;} .content table.protbox tr:nth-child(even) {background-color:#eee;} .prot_badge {display:block; line-height:1.7em; border-radius:4px; padding:4px; min-width:150px;} .prot_text {display:block; padding:5px; background:#ddd; background:linear-gradient(15deg, rgb(129 129 129 / 25%) 0%, rgb(201 199 199 / 35%) 100%); border-radius:4px; box-shadow:inset 0 0 5px #ccc;} table.jobcard {width:100%;} .jobcard tr:first-child td {border-bottom:1px solid #f79647;} .jobcard h4 {text-transform:uppercase; white-space:normal;} .trolleymonat table.kalender {max-width:none; padding:1px;} .trolleymonat table.kalender tr td a.kalender_tag {padding:5px 20px 5px 19px;} .nomobile * table.kalender tr td.kalender_monat {font-size:0.9em;} .nomobile * table.kalender tr td a.kalender_tag {padding:4px;} .gridtable tr td, .gridtable tr th {padding:0 3px 0 3px; border-style:groove; border-width:1px; vertical-align:top !important; white-space:initial; padding:5px 10px 5px 10px;} .programmupdater * a {color:#117ee1; text-decoration:underline !important; white-space:normal;} .programmupdater * a:hover {color:blue; background:none; text-decoration:none !important;} .content-msg {overflow:unset; min-width:20vw; min-height:5vw; text-align:center; padding:20% 0 20% 0 !important;} .content-wiki {overflow:unset; min-width:20vw; min-height:10vw;} .content-wiki-komm i {font-size:0.7em;} .content-me {overflow:unset; padding:0;} .content-me-padding {overflow:unset;} #mapframe {width:100%; min-width:70vw; height:100%; min-height:70vh;} .gebietskarte_printmenu {padding:10px; box-shadow:inset 0px -5px 10px -10px #000; background:#ccc;} .content_gebietskarte {top:0; bottom:0; left:0; right:0; padding:0; height:100%; display:flex; flex-direction:column;} .content_gebietskarte .content_gebietskarte_container {padding:10px; position:absolute; top:10px; left:50px; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); background:#fffc; border-radius:10px; max-width:20vw; min-width:230px; min-width:min-content;} .content_gebietskarte .content_gebietskarte_container h1 a {float:right; margin:3px 5px -3px 0; position:relative; transition:0.3s;} .content_gebietskarte .content_gebietskarte_container h1 a img {width:24px; height:24px; -webkit-filter:grayscale(100%); filter:grayscale(100%); opacity:0.6; margin-top:-1px; transition:0.3s;} .content_gebietskarte .content_gebietskarte_container .gebietskarte_info {overflow:hidden; max-height:800px;} .content_gebietskarte .content_gebietskarte_container .info_nb {font-size:0.8em;} .content_gebietskarte .content_gebietskarte_container .gebietskarte_info, .content_gebietskarte .content_gebietskarte_container .gebietskarte_beschreibung {padding:10px 5px 5px 5px; transition:0.5s; transition-timing-function:ease-in-out;} .content_gebietskarte .content_gebietskarte_container .closestreets {padding-top:0px !important; padding-bottom:0px !important; transition:0.5s; transition-timing-function:ease-in-out;} .content_gebietskarte .content_gebietskarte_container .gebietskarte_info .streetname {background-color:#ddd; border-radius:10px; display:inline-block; margin:0 5px 5px 0; padding:2px 10px 2px 10px; white-space:nowrap; color:#000; text-decoration:none;} .content_gebietskarte .content_gebietskarte_container .gebietskarte_info .erledigt, .content_gebietskarte .content_gebietskarte_container .gebietskarte_info .erledigt input {text-decoration:line-through; background:none !important;} .content_gebietskarte .content_gebietskarte_container .gebietskarte_info .klingelanzahl {border-left:1px solid #000; margin-left:5px; padding-left:5px;} .content_gebietskarte .content_gebietskarte_container .gebietskarte_info input.klingelanzahl {border-radius:0; width:30px !important; max-width:30px !important; color:#000 !important;} input.klingelanzahl::-webkit-outer-spin-button, input.klingelanzahl::-webkit-inner-spin-button {-webkit-appearance:none; margin:0;} input[type=number].klingelanzahl {-moz-appearance:textfield;} .content_gebietskarte .content_gebietskarte_container .gebietskarte_info input.klingelanzahl:hover, .content_gebietskarte .content_gebietskarte_container .gebietskarte_info input.klingelanzahl:focus {margin:-5px -5px -5px 5px; padding:5px 5px 5px 5px; width:35px !important; max-width:35px !important; text-decoration:none;} .content_gebietskarte .content_gebietskarte_container .gebietskarte_info input.klingelanzahl[type='number'][value='0'] {color:red !important; font-weight:bold; text-decoration:none;} .content_gebietskarte .content_gebietskarte_container .gebietskarte_info .klingelsumme {background-color:#bbb; border-radius:10px; display:inline-block; margin:0 5px 5px 0; padding:2px 10px 2px 10px; white-space:nowrap;} .content_gebietskarte .content_gebietskarte_container .gebietskarte_info .gebietskarte_beschreibung {padding:10px 0; font-size:0.8em;} .gebiet_admin_icon {height:25px; background:#E17411; filter:invert(1); padding:5px; border-radius:4px; float:right; margin:1px;} .button_share {height:25px; padding:5px; border-radius:4px; margin:1px;} .button_share img {height:25px; vertical-align:middle; filter:invert(1); padding:5px; margin:1px;} #mapframe_print {width:780px; height:580px;} .content_gebietskarte_print {padding:0; width:780px;} .content_gebietskarte_print .content_gebietskarte_container {padding:10px; background:#fff;} .content_gebietskarte_print .content_gebietskarte_container h1 {line-height:1.3em; padding-left:5px;} .content_gebietskarte_print .content_gebietskarte_container .gebietskarte_info, .content_gebietskarte_print .content_gebietskarte_container .gebietskarte_beschreibung {padding:10px 5px 5px 5px;} .content_gebietskarte_print .content_gebietskarte_container .gebietskarte_info .streetname {background-color:#eee; border-radius:10px; display:inline-block; margin:0 5px 5px 0; padding:2px 10px 2px 10px; font-size:0.9em; white-space:nowrap; border:1px solid #000; color:#000; text-decoration:none;} .content_gebietskarte_print .content_gebietskarte_container .gebietskarte_info .klingelanzahl {border-left:1px solid #000; margin-left:5px; padding-left:5px;} .content_gebietskarte_print .content_gebietskarte_container .gebietskarte_info .klingelsumme {background-color:#ccc; font-weight:bold; border-radius:10px; display:inline-block; margin:0 5px 5px 0; padding:2px 10px 2px 10px; font-size:0.9em; white-space:nowrap; border:1px solid #000;} .content_gebietskarte_print .content_gebietskarte_container .gebietskarte_info .gebietskarte_beschreibung {padding:10px 0; font-size:0.8em;} .content_gebietskarte_print .gebietskarte_footer {padding:10px 5px 5px 5px; font-size:0.8em; background:#fff; min-height:100px;} .content_gebietskarte_print .gebietskarte_footer .gebietqr {float:right;} .content_gebietskarte_print_compact #mapframe_print {width:480px; height:380px; float:right;} .content_gebietskarte_print_compact {padding:0; width:780px; height:450px; background:#fff;} .content_gebietskarte_print_compact .content_gebietskarte_container {padding:0; background:#fff; max-width:280px; float:left;} .content_gebietskarte_print_compact .content_gebietskarte_container h1 {line-height:1.3em; padding-left:5px;} .content_gebietskarte_print .content_gebietskarte_container h1 a, .content_gebietskarte_print_compact .content_gebietskarte_container h1 a {display:none;} .content_gebietskarte_print_compact .content_gebietskarte_container .gebietskarte_info, .content_gebietskarte_print_compact .content_gebietskarte_container .gebietskarte_beschreibung {padding:5px;} .content_gebietskarte_print_compact .content_gebietskarte_container .gebietskarte_info .streetname {display:block; margin:0 5px 0 0; padding:3px 60px 3px 5px; font-size:0.9em; border-bottom:1px solid #000; width:284px; color:#000; text-decoration:none;} .content_gebietskarte_print_compact .content_gebietskarte_container .gebietskarte_info .klingelanzahl {border-left:1px solid #000; margin-left:5px; margin-right:-50px; padding-left:5px; float:right; width:40px; text-align:center;} .content_gebietskarte_print_compact .content_gebietskarte_container .gebietskarte_info .klingelsumme {font-weight:bold; display:block; margin:0 5px 5px 0; padding:2px 60px 2px 2px; font-size:0.9em; border-bottom:3px solid #000; width:284px; text-align:right;} .content_gebietskarte_print_compact .content_gebietskarte_container .gebietskarte_info .gebietskarte_beschreibung {padding:10px 0; font-size:0.8em; line-height:1.3em;} .content_gebietskarte_print_compact .gebietskarte_footer {padding:15px; font-size:0.8em; background:#fff; max-width:450px; float:right;} .content_gebietskarte_print_compact .gebietskarte_footer .gebietqr {position:absolute; top:362px; left:700px;} .programmupdater .content-meetings, .programmupdater table tr th, .programmupdater table tr td {padding:10px;} .programmupdater table tr td {max-width:150px;} table.kalender {max-width:500px; margin:auto;} table.kalender * .tooltip {display:block;} table.kalender tr th, table.kalender tr td {padding:0; text-align:center;} table.kalender tr td.kalender_monat {font-size:1.3em; padding:10px;} table.kalender tr.kalender_monat_tr:hover {background:none !important;} table.kalender tr td a.kalender_tag {color:#000; display:block; padding:20px; text-decoration:none; border-radius:4px; margin:1px;} table.kalender tr td a.kalender_tag:hover, table.kalender tr.activeweek td.kal_aktueller_tag a.kalender_tag:hover {background:#3d6ba1 !important; color:#fff !important;} table.kalender tr.activeweek {background-color:#bddbf6 !important;} table.kalender tr.activeweek td.kal_aktueller_tag a.kalender_tag {border:2px solid #117ee1; color:#000;} table.kalender tr td a.abwesend, table.kalender td a.trolleybelegt, table.kalender tr td a.kalender_tag.trolleybelegt {color:#ccc; background:#333;} table.kalender tr td.kal_aktueller_tag a {border:1px solid #117ee1; color:#117ee1;} table.kalender tr td.kal_aktueller_tag a:hover {color:#fff;} table.kalender tr td.kal_vormonat_tag a {color:#ccc;} table.kalender tr td .assign_dot {position:absolute; top:33px; left:47%;} .kalender_diener {max-width:none !important;} .kalender_diener tr td {vertical-align:top !important;} .kalender_diener tr td.abwesend {border:1px solid #fff; color:#ccc !important; background:#333 !important;} table.kalender tr td.kal_aktueller_tag a {color:#3396ef;} .kalender_woche {max-width:1300px; display:flex; overflow-y:hidden; scroll-snap-type:x mandatory;} .trolley_times {display:block; position:sticky; position:-webkit-sticky; left:-13px; padding:5px; background:#fff; text-align:center !important; z-index:50;} @supports (-webkit-backdrop-filter:none) or (backdrop-filter:none) {.trolley_times {background:none; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); border-radius:10px;}} .trolley_times .trolley_row {background:#e6e6e6; text-align:center !important;} @supports (-webkit-backdrop-filter:none) or (backdrop-filter:none) {.trolley_times .trolley_row {background:rgba(0, 0, 0, 0.04);}} .kalender_woche_tag {padding:0 5px 0 5px; scroll-snap-align:end; text-align:center;} .kalender_woche_tag:first-child {padding:0 5px 0 0;} .kalender_woche_tag:last-child {padding:0 0 0 5px;} .trolley_day {background:#3d6ba1; color:#fff; text-align:center; padding:3px; border-radius:4px;} .trolley_col {display:table-cell;} .trolley_col .tooltip {display:block;} .trolley_row {width:170px; padding:5px; text-align:left; background:#e6e6e6; margin-top:5px; border-radius:4px; list-style:none; overflow:hidden;} .trolley_row:last-child {margin-bottom:5px; text-align:center;} .trolley_row:hover {background-color:#bddbf6 !important;} .trolley_row .shiftheader {display:block; background:rgb(170 170 170 / 50%); margin:-5px -5px 0 -5px; padding:5px; font-size:0.9em; line-height:1.2; border-radius:4px; position:relative;} .trolley_row .shiftheader b {display:block;} .trolley_row .shiftheader i {color:#555;} .trolley_row a.button {font-size:0.9em !important;} .zeit {background-image:url(icon/clock-circular-outline.png); background-position:left; background-repeat:no-repeat; background-size:12px 12px; padding:2px 0 0 15px; display:block;} .trolley_row .trolley_displaycard {max-height:170px; opacity:1; transition:0.3s; transition-timing-function:ease-in-out;} .trolley_row .trolley_displaycard .plan_person_me {box-shadow:1px 1px 4px 4px #e6e6e6 inset;} .status_hellblau .trolley_displaycard .plan_person_me {box-shadow:1px 1px 4px 4px #5493cd inset;} .trolley_row .trolley_displaycard i.nichtvergeben {color:#000; text-align:center; display:inline-block; padding:10px;} li.opencard .trolley_displaycard {max-height:0; opacity:0; overflow:hidden; transition:0.3s; transition-timing-function:ease-in-out;} .trolley_row .trolley_editcard {max-height:0; opacity:0; overflow:hidden; transition:0.3s; transition-timing-function:ease-in-out;} li.opencard .trolley_editcard {max-height:500px; opacity:1; transition:0.3s; transition-timing-function:ease-in-out;} .trolley_editcard select, .trolley_editcard * input {background-color:#fff !important; max-width:130px !important; padding:5px !important; border:1px solid !important; margin-top:5px !important;} .target_me, .target_pdg, .target_all {max-height:300px; overflow:hidden; display:block; transition:1s; transition-timing-function:ease-in-out;} .showpast {margin:0 !important; padding:0 !important; opacity:0.5; max-height:0; overflow:hidden; transition:0.8s; transition-timing-function:ease-in-out;} .showpast:hover {opacity:0.9; transition:0.3s;} table.myplan tr {cursor:pointer; border-spacing:5px; display:block; -webkit-border-horizontal-spacing:0; transition:1s;} table.myvortraege tr {cursor:pointer; border-spacing:5px; -webkit-border-horizontal-spacing:0; transition:1s; line-height:30px;} table.myplan tr:hover, table.myvortraege tr:hover {transition:0.15s;} table.myvortraege .showpast {display:block;} table.myplan tr:nth-child(even), table.myvortraege tr:nth-child(even), table.einstellungen tr:nth-child(even), table.myaccount td:first-child, .programmupdater table tr:nth-child(even) {background-color:#f6f6f6;} table.myaccount td:first-child {width:150px;} table.myaccount td {border:1px dotted #ddd;} table.wochenadmin {max-width:min-content !important;} table.myplan tr th, table.myvortraege tr th {padding:0 6px 6px 8px;} table.myplan tr td, table.myvortraege tr td {padding:6px 6px 6px 8px;} table.myplan tr td.sum, table.myvortraege tr td.sum {white-space:nowrap; padding:6px 6px 6px 8px; font-weight:bold; background:#ccc; color:#000; text-align:center;} table.myplan tr td.mecoldate {width:100px; text-align:right;} table.myplan tr td.mecolcontentme {width:200px; border-left:2px solid #117ee1;} table.myplan tr td.mecolcontent {width:200px; border-left:2px solid #ddd;} table.myplan tr td.mecolcontentmefl {width:200px; border-left:2px solid #e11111;} table.myplan tr td.mecolcontentfl {width:200px; border-left:2px solid #e8b7b7;} table.myplan tr td.mecoldesc {width:200px;} .content table.kalenderabo tr:hover {background:none !important;} table.einstellungen tr td {vertical-align:top; text-align:left;} table.einstellungen tr td div {overflow:hidden; max-height:350px; transition:0.5s;} table.einstellungen tr:hover td div {max-height:900px; transition:1s; transition-delay:0.4s;} table.decider {width:auto;} table.decider td {border:none; width:auto !important; text-align:center; vertical-align:top !important; background:unset !important;} table.decider img {width:100%;} table.hipibox {border-spacing:10px;} table.hipibox tr td.hipiyear {height:auto; padding:0; background:none; border:none; position:sticky; top:36px;} table.hipibox tr td {background:#fff; padding:6px; height:100px; border:1px solid #000;} .content-meetings {margin-bottom:10px; width:100%; background:#fff; overflow:none; box-shadow:0 0 5px #ccc; border-radius:4px;} .content-meetings tr:hover {background-color:#dce6ef;} .content-meetings tr td {vertical-align:middle; padding:0 3px 0 3px;} .content-meetings tr td a {color:#000; padding:5px; text-decoration:none;} .content-meetings tr td a.button {color:#fff;} .content_plan {max-width:700px; max-height:1999px; padding:0; overflow:hidden; transition:0.5s; transition-timing-function:ease-in-out;} .content_plan ul {list-style-type:none; margin:0;} .content_plan ul li {margin:2px 0 2px 0; padding:5px 11px 5px 11px; display:inline-block; vertical-align:top; font-size:1.1em; min-height:30px; cursor:pointer; overflow-x:hidden; transition:0.5s;} .content_plan ul li.opencard {max-height:900px; white-space:normal; transition:0.5s; transition-timing-function:ease-in-out;} .content_plan ul li span.pdg {white-space:nowrap;} b.notags {opacity:1 !important; transition:0.5s;} b.tags {opacity:0 !important; transition:0.5s; position:absolute; z-index:-1;} .content_plan ul li.opencard b.notags {opacity:0 !important; transition:0.5s;} .content_plan ul li.opencard b.tags {opacity:1 !important; z-index:10; transition:0.5s;} .plan_thema {padding:0 0 0 7px; max-height:0px; overflow:hidden; display:block; transition:0.5s;} .plan_thema p {margin:5px 5px 10px 5px;} .content_plan ul li.opencard .plan_thema {padding:7px 0 7px 7px; max-height:300px; transition:0.5s;} .plan_zeit {padding-left:15px; font-size:0.8em; background-image:url('icon/clock-circular-outline.png'); background-position:left; background-repeat:no-repeat; background-size:12px 12px;} .content_plan ul li.opencard .plan_zeit {padding-left:0; margin-left:0; font-size:1em; background:none;} .plan_zeit_biszu {display:none;} .content_plan ul li.opencard .plan_zeit_biszu {display:inline;} .content_plan ul li.opencard .plan_zeit::before {content:'(';} .content_plan ul li.opencard .plan_zeit::after {content:' Min.)';} .plan_lektion {margin:10px 0; display:block;} .plan_person {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block;} .content_plan ul li.opencard .plan_person {white-space:normal;} .plan_person_me {background:#ffff00c7; background:linear-gradient(344deg, rgb(251 255 0 / 65%) 0%, rgb(255 235 0 / 85%) 100%); border-radius:10px; margin:-4px; padding:4px; box-shadow:1px 1px 4px 4px #fff inset;} .tp_highlight .plan_person_me {box-shadow:1px 1px 4px 4px #fefeca inset;} .input_pdg_me {background:#ffff00c7; background:linear-gradient(344deg, rgb(251 255 0 / 65%) 0%, rgb(255 235 0 / 85%) 100%); border-radius:4px;} .plan_lied {max-height:0px; max-width:0px; overflow:hidden; display:none; transition:0.5s;} .content_plan ul li.opencard .plan_lied {max-height:100px; max-width:900px; display:inline-flex; transition:0.5s;} .content_plan ul li b {overflow:hidden; text-overflow:ellipsis; margin-right:6px; height:1.3em;} .texthover {z-index:1; position:relative;} .content_plan ul li.opencard b {height:auto; min-height:1.3em; white-space:normal;} .content_plan ul li i {font-weight:300; color:#444;} .content_plan ul li p {padding-top:5px;} .content_plan ul li a {color:#117ee1; text-decoration:underline !important; white-space:normal !important; position:relative; z-index:1;} .content_plan ul li a:hover {color:blue !important; background:none; text-decoration:none !important;} .content_plan ul li a.notblue {color:#333; text-decoration:none !important;} .content_plan ul li a.bigbutton {text-decoration:none !important; line-height:initial; display:inline-block;} .content_plan h3 {border-radius:4px; box-shadow:0px 5px 11px -10px #000;} .content_text {padding:10px; max-width:450px !important;} .content_video {padding:0;} .content_aushang {max-width:1240px;} .uploadhint {opacity:0.3; text-align:center; padding:50px;} .uploadhint_dark {opacity:1;} .uploadhint img {height:64px;} .uploadhint_dark img {filter:invert(1);} .uploadhint span {display:block;} #chatcontainer {max-width:800px;} #chatcontainer h2 {padding:0 0 0 14px; position:absolute; background:rgba(255, 255, 255, 0.95); border-radius:10px; z-index:90; cursor:pointer; transition:1s; transition-delay:0.5s;} #chatcontainer h2:hover {box-shadow:0 0 5px #ccc; transition:1s; transition-delay:0.5s;} @supports (-webkit-backdrop-filter:none) or (backdrop-filter:none) {#chatcontainer h2 {background:none; -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px);} #chatcontainer h2:hover {background:rgba(255, 255, 255, 0.1); transition:1s; transition-delay:0.5s;}} #chatcontainer h2 i {font-size:0.7em;} #chatcontainer h2 .chatinfobox {overflow:hidden; max-height:0px; font-size:0.7em; font-weight:initial; padding:0; transition:1s; transition-delay:0.5s;} #chatcontainer h2:hover .chatinfobox {max-height:100px; padding:0 20px 20px 0; transition:1s; transition-delay:0.5s;} #chatcontent {overflow:auto; padding:50px 0 28px 0; height:calc(100vh - 190px); height:calc(var(--vh, 1vh) * 100 - 190px); min-height:300px; transform-origin:50% 50%; transform:rotate(180deg); direction:rtl; transition:0.2s;} #chatcontent div {clear:both; transform:rotate(180deg); direction:ltr;} #chatcontent div#unreadmsg {color:#117ee1; border-bottom:2px solid #117ee1; line-height:0; margin:20px; text-align:center;} #chatcontent div#unreadmsg span {background:#f3f3f3; padding:0 10px 0 10px;} #chatcontent div#unreadmsg.noshow {font-size:0; margin:20px 50% 20px 50%; opacity:0; transition:0.5s;} #chatcontent .chatbubble {margin:0 10px 10px 10px; padding:5px 10px 5px 10px; color:#000; border-radius:10px; display:inline-block; max-width:500px; box-shadow:0 0 3px 1px #eee;} #chatcontent .bubble_left {background:#fff; float:right; margin-left:5vw;} #chatcontent .bubble_right {background:#dce6ef; float:left; margin-right:5vw;} #chatcontent .chatbubble .msg_checks {color:#0086ff !important;} #chatcontent .chatbubble .deletelink, .content-wiki-komm .content .deletelink {color:#fff !important; float:right; margin:-5px 0; opacity:0; right:0; position:absolute; white-space:nowrap !important; padding:5px 10px 5px 10px; background:red; text-align:center; text-decoration:none; border-radius:4px; z-index:90; cursor:pointer; transition:0.3s; transition-delay:0.5s;} #chatcontent .chatbubble:hover .deletelink, .content-wiki-komm .content:hover .deletelink {opacity:1;} #chatcontent .chatbubble .chatdate {color:#999 !important; font-size:0.7em; float:right; padding-top:6px; margin:0 0 -6px 10px;} #chatcontent .chatbubble .attachments {display:table-caption;} #chatcontent .chatbubble .attachments .attachment {text-decoration:none; display:inline-block; padding:0; margin:2px; transform:rotate(180deg);} #chatcontent .chatbubble .attachments .attachment:hover {color:#000; background:none; box-shadow:0 0 5px #333;} #chatcontent .chatbubble .autolink:hover {color:#000; box-shadow:0 0 5px #333;} #chatcontent .chatbubble .attachments .attachment:last-child {} #chatcontent .chatbubble .attachments .attachment:first-child {} #chatcontent .chatbubble .attachments .attachment span, #chatcontent .chatbubble .autolink {min-width:175px; background:#fff; padding:5px; border-radius:4px; display:inline-block; white-space:nowrap; overflow:hidden; max-width:15vw;} #chatcontent .chatbubble .attachments .attachment span::before {content:'☁️ ';} #chatcontent .chatbubble .autolink::before {content:'📎 ';} #chatcontent .chatbubble .attachments .attachment img {max-width:200px; max-height:130px; padding:5px; margin-bottom:-4px; background:#fff;} #chatcontent .bubble_left .attachments .attachment img, #chatcontent .bubble_left .attachments .attachment span, #chatcontent .bubble_left .autolink {background:#ddd !important;} #chatcontent .chatbubble .attachments .attachment audio {width:100%; min-width:175px; outline:0px solid transparent;} .chatday {border-radius:10px; padding:4px 16px 4px 16px; background:#6b8eae; color:#fff; transform:rotate(180deg); clear:both; margin:10px auto 20px auto; width:-moz-fit-content; width:fit-content; direction:ltr;} #chatcontent .nochat {font-size:2em; border-radius:10px; padding:20px; background:#e6e6e6; margin:10px auto 10px auto; width:fit-content;} #chatform {position:relative; margin-top:-45px; padding:5px; background:rgba(255, 255, 255, 0.95); border-radius:10px; border-radius:10px; width:70vw; max-width:800px; transition:1s;} @supports (-webkit-backdrop-filter:none) or (backdrop-filter:none) {#chatform {background:none; -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px);}} #chatform button, #chatform .button {outline:0px solid transparent; border-radius:30px; filter:invert(1); box-shadow:0px 0px 5px #888; transition:0.3s;} #chatform button {padding:10px 15px; height:30px; background:url(icon/send.png); background-color:#ee811e !important; background-repeat:no-repeat !important; background-size:60% !important; background-position:center !important;} #chatform .button {color:#000 !important; background-color:#ee811e !important;} #chatform button:hover, #chatform .button:hover {background-color:#d19660; box-shadow:0px 0px 10px #888; text-decoration:none; transition:0.3s;} #chatform #uploadpreview {max-height:25vh; overflow:auto; transition:0.5s;} #chatform div.table {display:table; border-collapse:separate; border-spacing:2px; -webkit-border-horizontal-spacing:0; border-radius:10px; box-shadow:0px 0px 3px #ccc; transition:0.5s;} #chatform div.table div.caption {display:table-caption; font-size:0.8em; padding:8px; caption-side:top; text-align:center; background:#fff8c4; border-top-left-radius:10px; border-top-right-radius:10px;} #chatform div.table div.caption a.button {filter:invert(0); font-size:0.8em; color:#fff !important; display:block; margin:auto; width:fit-content; background:#3d6ba1 !important; line-height:2em;} #chatform div.table div.rowgroup {display:table-row-group;} #chatform div.table div.rowgroup div {display:table-row; background:#fff;} #chatform div.table div.rowgroup div span {display:table-cell; vertical-align:middle; padding:8px;} #chatform div.table .rowgroup:last-child div span:first-child {border-bottom-left-radius:10px;} #chatform div.table .rowgroup:last-child div span:last-child {border-bottom-right-radius:10px;} #chatform div.table .rowgroup div span:first-child {text-align:center;} #chatform div.table .rowgroup div span:last-child {text-align:right;} #chatform div.table .rowgroup div span img {max-height:100px; max-width:100px;} #chatbox {display:inline-block; margin-top:4px; margin-bottom:-9px; width:calc(100% - 80px); max-height:12vh; overflow-y:auto; overflow-x:hidden; line-height:20px; border-radius:12px; background:#f8f8f8cc; padding:4px 10px 4px 10px; margin:4px 4px -9px 4px; transition:0.3s;} #chatbox[contenteditable] {outline:0px solid transparent;} #chatbox[contenteditable]:empty {background:#e8e8e877; transition:0.5s;} #chatbox[contenteditable]:empty::before {content:'Neue Nachricht...'; color:gray; transition:0.5s;} #chatbox[contenteditable]::after {content:'Shift+Enter für Zeilenumbruch. Enter für Senden.'; font-size:0.8em; position:absolute; bottom:-6px; left:50px; opacity:0.4; transition:0.5s;} #chatbox[contenteditable]:empty::after {opacity:0; transition:0.5s;} #chatform .texthint {opacity:0; transition:0.5s; transition-delay:5s;} #chatform:hover .texthint {opacity:0.4; transition:0.5s;} progress[value] {-webkit-appearance:none; -moz-appearance:none; appearance:none; border:none; width:250px; height:20px; transition:0.3s;} progress[value]::-webkit-progress-bar {background-color:#ccc; border-radius:4px; transition:0.3s;} progress[value]::-webkit-progress-value {background-color:#385b7b; background-image:-webkit-linear-gradient( -45deg, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66% ), -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.25)); border-radius:4px; background-size:35px 20px, 100% 100%, 100% 100%; transition:0.3s;} progress[value]::-moz-progress-bar {background-color:#385b7b; background-image:-moz-linear-gradient( 135deg, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66% ), -moz-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.25)); border-radius:4px; background-size:35px 20px, 100% 100%, 100% 100%; transition:0.3s;} .w25 {width:calc(25% - 4px); border-left:1px solid #eee; text-align:center;} .w33 {width:calc(33% - 4px); border-left:1px solid #eee; text-align:center;} .w50 {width:calc(50% - 4px); border-left:1px solid #eee; border-top:1px solid #eee;} .w100 {width:calc(100% - 4px); border-top:1px solid #eee;} .w25:first-child {border-left:none;} .w33:first-child {border-left:none;} .w50:first-child {border-left:none;} .w50:first-child, .w50:nth-child(2) {border-top:none;} .w100:first-child {border-top:none;} .info {text-align:center; color:#666; font-size:0.8em;} .editbutton img {width:24px; height:24px; opacity:0.4; margin-top:-1px; transition:0.3s; position:absolute; margin:4px 4px 0 -24px;} .editbutton:hover img {opacity:1; transition:0.3s;} .shortinput {width:40px !important; max-width:40px !important;} .middleshortinput {width:80px !important; max-width:80px !important;} .middleinput {width:150px !important; max-width:150px !important;} .middlelargeinput {width:200px !important; max-width:200px !important;} .largeinput {width:300px !important; max-width:300px !important;} .xlinput {width:500px !important; max-width:500px !important;} .xxlinput {width:700px !important; max-width:700px !important;} #leftmenu {width:230px !important; padding:0 10px 0 0;} ul#submenu {margin:0; background:#fff; list-style-type:none; box-shadow:0 4px 10px -2px #ccc; width:100%; display:block; border-radius:4px; overflow:hidden auto; min-height:100px; max-height:calc(100vh - 190px); position:sticky; position:-webkit-sticky; top:50px; -ms-overflow-style:none; scrollbar-width:none; z-index:10;} .nosticky {position:unset !important;} ul#submenu::-webkit-scrollbar {display:none;} ul#submenu:hover {-ms-overflow-style:inherit; scrollbar-width:inherit;} ul#submenu:hover::-webkit-scrollbar {display:inherit;} ul#submenu li {margin:0; padding:0; width:100%; float:left; display:block; border-bottom:1px solid #f3f3f3;} ul#submenu:not(.menu_filterable) li:last-child {border-bottom:none; position:sticky; bottom:0; background:rgb(255 255 255 / 70%); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);} ul#submenu :not(li.filter) .dynmenuresults li:last-child {border-bottom:1px solid #f3f3f3; position:relative; background:none; -webkit-backdrop-filter:none; backdrop-filter:none;} ul#submenu li a {display:block; display:flow-root; white-space:nowrap; padding:5px 10px 5px 10px; font-weight:normal; text-decoration:none; color:#000; transition:0s;} ul#submenu li a:hover, ul#submenu li#selected a:hover, ul#submenu li a:hover span {background:#6b8eae; color:#fff !important; transition:0s;} ul#submenu li#selected a, ul#submenu li#selected a span {background:#6b8eae; font-weight:normal; text-decoration:none; color:#fff !important;} ul#submenu li a i {font-size:0.8em; font-weight:normal; color:#666; float:right;} ul#submenu li a:hover i, ul#submenu li#selected a i, ul#submenu li#selected a:hover i {color:#fff;} ul#submenu li.title {display:block; white-space:nowrap; padding:5px 10px 5px 10px; width:100% !important; font-weight:bold; background:#385b7b; color:#fff; border-top-left-radius:4px; border-top-right-radius:4px;} ul#submenu li.title a {margin:-5px -10px -5px -10px; font-weight:bold; color:#fff;} ul#submenu li.title a img {float:right; margin-left:20px; width:16px; height:16px; -webkit-filter:invert(1); filter:invert(1);} ul#submenu li.section {display:block; white-space:nowrap; padding:5px 10px 5px 10px; width:100% !important; font-weight:bold; background:#eee; color:#000;} ul#submenu li.filter {padding:3px 8px 3px 8px; margin:2px; width:auto !important; font-weight:bold; background:#385b7b; color:#fff; border-radius:20px;} ul#submenu li.filter a {margin:-3px -8px -3px -8px; font-weight:bold; font-size:0.9em; color:#fff;} ul#submenu li.filter a:hover {border-radius:20px;} .filterbox {display:flow-root;} #submenutime {display:none;} .menu_filterable {padding-bottom:5px; min-width:320px !important; width:33vw !important; max-width:500px !important; min-height:unset !important;} .menu_filterable li:not(.title) {background:#dce6ef; border-radius:10px !important; display:inline-block !important; margin:5px 0 0 5px !important; width:auto !important; float:none !important;} .menu_filterable li:not(.title):last-child {margin-right:5px !important;} .menu_filterable li.section {margin:10px 0 0 0 !important; border-radius:0px !important;} .menu_filterable li a {border-radius:10px !important; padding:3px 8px 3px 5px !important;} ul.sumbox {margin:10px 5px; background:#fff; list-style-type:none; overflow:hidden; box-shadow:0 0 5px #ccc; white-space:nowrap; float:left;} ul.sumbox li {margin:0; padding:0; display:block; background:#fff;} ul.sumbox li a {display:block; white-space:nowrap; padding:5px 10px 5px 10px; font-weight:normal; text-decoration:none; color:#000; transition:0s;} ul.sumbox li a:hover {text-decoration:underline; background:#6b8eae; color:#fff !important; transition:0s;} ul.sumbox li.title {display:block; white-space:nowrap; padding:5px 10px 5px 10px; font-weight:bold; background:#385b7b; color:#fff;} ul.sumbox li.title a {color:#fff; text-decoration:underline; font-weight:bold; margin:-5px -10px -5px -10px;} ul.sumbox li.sum {display:block; white-space:nowrap; padding:5px 10px 5px 10px; font-weight:bold; background:#eee; color:#000;} ul.cardbox {margin:0 0 5px 0; list-style-type:none; clear:both;} ul.cardbox > li {margin:10px 10px 10px 10px; padding:0; font-weight:bold; font-size:1.1em; background:#fff; box-shadow:0 0 5px #ccc; float:left; border-radius:4px; transition:0.5s; transition-timing-function:ease-in-out;} ul.cardbox > li * img {max-width:120px; max-height:120px; padding:5px;} ul.cardbox > li.title {width:100%; max-width:100%; min-height:0; display:block; margin:10px 0 0 0; padding:5px 10px 5px 10px; font-weight:bold; clear:both;} ul.cardbox > li.opencard {padding:15px; min-width:50vw; transition:0.5s; transition-timing-function:ease-in-out;} ul.cardbox > li .cardcontent {display:block; opacity:0; font-weight:normal; max-height:0; max-width:0; overflow:auto; transition:0.5s; transition-timing-function:ease-in-out;} ul.cardbox > li .cardtitle {width:240px; min-height:180px; max-width:40vw; padding:40px 16px 40px 16px; text-align:center; cursor:pointer; transition:0.5s; transition-timing-function:ease-in-out;} ul.cardbox > li .cardtitle .button {font-size:0em; padding:0; transition:0.5s;} ul.cardbox > li.opencard .cardtitle {padding:0; width:auto; text-align:left; min-height:auto; max-width:none; font-size:1.3em; transition:0.5s; transition-timing-function:ease-in-out;} ul.cardbox > li.opencard .cardtitle .button {font-size:0.7em; padding:5px 10px 5px 10px; transition:0.5s;} ul.cardbox > li .cardtitle .cardcontent {display:none; opacity:0; font-weight:normal; max-height:0;} ul.cardbox > li.opencard .cardtitle .cardcontent {display:inline; opacity:1; font-weight:bold; max-height:600px;} ul.cardbox > li.opencard .cardcontent {opacity:1; max-height:600px; max-width:80vw; transition:0.5s; transition-timing-function:ease-in-out;} ul.cardbox > li .cardcontent table.protbox {background:#eee !important; box-shadow:inset 0 0 5px #bbb !important; padding:10px; margin-top:10px; width:99%; max-width:10px;} ul.cardbox > li.opencard .cardcontent table.protbox {max-width:1000px; border-radius:4px;} ul.cardbox > li .cardcontent table tr:hover {background-color:#dce6ef !important;} ul.cardbox > li .cardcontent table.protbox tr:nth-child(even) {background-color:#ddd;} ul.cardbox > li .cardcontent table.protbox textarea {width:100%;} ul.cardbox > li.opencard .cardcontent table.protbox textarea {width:350px; transition:0.5s;} ul.cardbox > li .cardcontent table.protbox textarea:hover, ul.cardbox > li .cardcontent table.protbox textarea:focus {height:20em; transition:0.5s; transition-delay:0.4s;} ul.cardbox > li .cardcontent table tr td {font-size:0em; line-height:normal;} ul.cardbox > li.opencard .cardcontent table tr td {padding:10px; max-width:40vw; font-size:1em;} ul.cardbox > li .cardcontent table tr td ul {list-style-type:disc; padding:5px;} ul.cardbox > li .cardcontent table tr td ul li {padding:5px;} ul.cardbox > li a {white-space:normal; font-weight:normal; transition:0s;} ul.cardbox > li a:hover {display:inline-flex; text-decoration:underline; background:#6b8eae; color:#fff !important; transition:0s;} ul.cardbox > li a.button:hover {display:inline;} .logopreview {padding:5px;} .logopreview img {height:24px; margin:5px; vertical-align:-11px;} .logorotate {-webkit-animation:logorotating 60s linear infinite; -moz-animation:logorotating 60s linear infinite; -ms-animation:logorotating 60s linear infinite; -o-animation:logorotating 60s linear infinite; animation:logorotating 60s linear infinite;} @-webkit-keyframes logorotating {from {-webkit-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg);} to {-webkit-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg);}} @keyframes logorotating {from {-ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg);} to {-ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg);}} .loginbox {padding-top:calc(50vh - 280px);} .loginbox .content {max-width:300px; padding:30px; text-align:center;} .loginbox input, .loginbox submit {text-align:center;} .loginbox a:not(.button):hover {color:#117ee1 !important; background:none; text-decoration:underline;} .loginloading {background-image:url(icon/loading1.gif); background-size:100%; background-repeat:no-repeat; background-position:center;} #webapp {padding-bottom:100px; border-bottom:1px solid #fafafa; min-height:100vh; min-height:calc(var(--vh, 1vh) * 100); position:relative; transition:0.5s; transition-timing-function:ease-in-out;} #menu {position:fixed; top:0; left:0; right:0; z-index:100; margin:0; background:#3d5f8f; background-color:rgba(61, 95, 143, 0.98); background:linear-gradient(157deg, rgb(34 41 72 / 20%) 0%, rgb(0 137 255 / 15%) 40%, rgb(0 81 181 / 25%) 100%); color:#fff; line-height:1.2em; font-size:1em; font-weight:normal; list-style-type:none;} @supports (-webkit-backdrop-filter:none) or (backdrop-filter:none) {#menu {background-color:rgba(29, 67, 120, 0.8); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);}} #menu li {margin:5px 0 5px 0; padding:0; float:left; display:block;} #menu li a, #menu li.menubuttonsmall a {display:flex; white-space:nowrap; padding:5px 10px 5px 10px; font-weight:normal; text-decoration:none; color:#fff; position:relative; transition:0.3s; transition-timing-function:ease-in-out;} #menu li a:hover, #menu li#selected a, #menu li#selected a:hover {text-decoration:underline; background-color:rgba(255, 255, 255, 0.2); border-radius:4px; transition:0.3s; animation:hoveranimation 0.5s ease forwards; background:linear-gradient(-45deg, rgb(255 255 255 / 20%), rgb(255 255 255 / 20%), rgb(255 255 255 / 40%), rgb(255 255 255 / 20%)); background-size:400% 400%;} @keyframes hoveranimation {0% {background-position:100% 50%;} 100% {background-position:0% 50%;}} #menu li#selected a {text-decoration:none; background-color:rgba(255, 255, 255, 0.05); display:flex; transition:0.3s;} #menu li.menubuttonsmall a img {width:16px; height:16px; -webkit-filter:invert(1); filter:invert(1); right:0; position:relative;} #menu li.menulink a img {width:16px; height:16px; margin-right:6px; -webkit-filter:invert(1); filter:invert(1);} #menu li#logo {display:none;} #menu li#logo a:hover {background:none;} #menu li.logo {margin-left:34px;} #menu li.logo a img {filter:none; width:24px; height:24px; margin:-4px 10px -4px -36px; transition:1.5s; transition-timing-function:ease-in-out;} #menu li.logo:hover a img, #menu li#logo:hover a img {transform:rotate(360deg); transition-timing-function:ease-in-out; transition:0.5s;} .loginanimation {-webkit-animation:loginanimation 6s ease-in-out forwards, logorotating 60s linear infinite; -moz-animation:loginanimation 6s ease-in-out forwards, logorotating 60s linear infinite; -ms-animation:loginanimation 6s ease-in-out forwards, logorotating 60s linear infinite; -o-animation:loginanimation 6s ease-in-out forwards, logorotating 60s linear infinite; animation:loginanimation 6s ease-in-out forwards, logorotating 60s linear infinite;} @keyframes loginanimation {0% {box-shadow:0px 0px 100vh 100vh #fff; transform:rotate(70deg); background:#fff; border-radius:10px;} 25% {box-shadow:0px 0px 0px 0px #fff; transform:rotate(0deg); background:#fff;} 27% {background:none;} 100% {box-shadow:0px 0px 1000px 0px #fff;}} #menu li * .badge, ul#submenu li * .badge {margin-left:5px; text-align:center; background:red; color:#fff; height:16px; border-radius:7px; font-size:0.8em; float:right; padding:0px 5px 0px 5px;} #menu li.menubuttonsmall * .badge {position:absolute; margin:-8px 0 0 8px; padding:0px 5px 0px 5px; float:none;} #menu li.menubuttonsmall {display:none;} .menu_response {display:contents;} #menu li.logout {margin-right:5px;} #menu li.logout a:hover {background:linear-gradient(-45deg, rgb(255 0 0 / 20%), rgb(255 0 0 / 30%), rgb(255 0 0 / 80%), rgb(255 0 0 / 65%)); background-size:400% 400%;} #menu .dropdown {float:left; overflow:hidden;} #menu .dropdown-content {margin-top:36px; position:absolute; background-color:rgba(61, 107, 163, 97%); min-width:160px; box-shadow:0px 5px 15px -6px rgba(0, 0, 0, 0.6); max-height:0px; overflow:hidden; border-bottom-right-radius:6px; border-bottom-left-radius:6px; transition:0.5s; transition-timing-function:ease-in-out;} #menu .dropdown-content li {float:none !important; margin:0 !important; display:block;} #menu .dropdown-content li a {text-decoration:none; padding:10px !important;} #menu .dropdown-content li a:hover {transition:0.3s; animation:hoveranimation 0.5s ease forwards; background:linear-gradient(-45deg, rgb(255 255 255 / 20%), rgb(255 255 255 / 20%), rgb(255 255 255 / 40%), rgb(255 255 255 / 20%)); background-size:400% 400%;} #menu .dropdown:hover .dropdown-content {max-height:600px; transition:0.6s; transition-timing-function:ease-in-out;} #menu .floatright {float:right !important;} #menu2 {position:fixed; top:0; left:0; right:0; z-index:100; margin:0; background:rgb(255 255 255 / 70%); background:linear-gradient(157deg, rgb(34 41 72 / 20%) 0%, rgb(0 137 255 / 15%) 40%, rgb(0 81 181 / 25%) 100%); color:#333; line-height:1.2em; font-size:1em; font-weight:normal; list-style-type:none;} #menu2:hover {box-shadow:0px 0px 10px rgb(0 0 0 / 30%); -webkit-backdrop-filter:blur(100px); backdrop-filter:blur(100px);} @supports (-webkit-backdrop-filter:none) or (backdrop-filter:none) {#menu2 {-webkit-backdrop-filter:blur(15px); backdrop-filter:blur(15px);}} #menu2 li {margin:5px 0 5px 0; padding:0; float:left; display:block;} #menu2 li a, #menu2 li.menubuttonsmall a {display:flex; white-space:nowrap; padding:5px 10px 5px 10px; font-weight:normal; text-decoration:none; color:#333; position:relative; transition:0.3s; transition-timing-function:ease-in-out;} #menu2 li a:hover, #menu2 li#selected a, #menu2 li#selected a:hover {text-decoration:underline; background-color:rgba(255, 255, 255, 0.2); border-radius:4px; transition:0.3s; animation:hoveranimation 0.5s ease forwards; background:linear-gradient(-45deg, rgb(255 255 255 / 20%), rgb(255 255 255 / 50%), rgb(0 0 0 / 10%), rgb(0 0 0 / 5%)); background-size:400% 400%;} @keyframes hoveranimation {0% {background-position:100% 50%;} 100% {background-position:0% 50%;}} #menu2 li#selected a {text-decoration:none; background-color:rgba(0, 0, 0, 5%); display:flex; transition:0.3s;} #menu2 li.menubuttonsmall a img {width:16px; height:16px; -webkit-filter:invert(1); filter:invert(1); right:0; position:relative;} #menu2 li.menulink a img {width:16px; height:16px; margin-right:6px;} #menu2 li#logo {display:none;} #menu2 li#logo a:hover {background:none;} #menu2 li.logo {margin-left:34px;} #menu2 li.logo a img {filter:none; width:24px; height:24px; margin:-4px 10px -4px -36px; transition:1.5s; transition-timing-function:ease-in-out;} #menu2 li.logo:hover a img, #menu2 li#logo:hover a img {transform:rotate(360deg); transition-timing-function:ease-in-out; transition:0.5s;} #menu2 li * .badge, ul#submenu li * .badge {margin-left:5px; text-align:center; background:red; color:#fff; height:16px; border-radius:7px; font-size:0.8em; float:right; padding:0px 5px 0px 5px;} #menu2 li.menubuttonsmall * .badge {position:absolute; margin:-8px 0 0 8px; padding:0px 5px 0px 5px; float:none;} #menu2 li.menubuttonsmall {display:none;} .menu_response {display:contents;} #menu2 li.logout {margin-right:5px;} #menu2 li.logout a:hover {background:linear-gradient(-45deg, rgb(255 0 0 / 20%), rgb(255 0 0 / 30%), rgb(255 0 0 / 80%), rgb(255 0 0 / 65%)); background-size:400% 400%;} #menu2 .dropdown {float:left; overflow:hidden;} #menu2 .dropdown-content {margin-top:36px; position:absolute; background-color:rgb(242 245 251 / 98%); min-width:160px; box-shadow:0px 5px 10px -6px rgb(0 0 0 / 90%); max-height:0px; overflow:hidden; border-bottom-right-radius:6px; border-bottom-left-radius:6px; transition:0.5s; transition-timing-function:ease-in-out;} #menu2 .dropdown-content li {float:none !important; margin:0 !important; display:block;} #menu2 .dropdown-content li a {text-decoration:none; padding:10px !important;} #menu2 .dropdown-content li a:hover {background-color:#ddd; color:black;} #menu2 .dropdown:hover .dropdown-content {max-height:600px; transition:0.6s; transition-timing-function:ease-in-out;} .neueraushang {animation-name:neueraushang_changes; animation-duration:3s; animation-delay:0.5s; animation-iteration-count:infinite; animation-fill-mode:forwards;} @keyframes neueraushang_changes {0% {} 50% {background-color:#ffc61a;} 100% {}} ul.druckermenu {margin-left:5px; font-weight:normal; list-style-type:none; display:inherit;} ul.druckermenu li {margin:0 5px 5px 0; padding:0; width:calc(33% - 5px); max-width:240px; float:left; display:block; border-radius:4px; transition:0.5s;} ul.druckermenu li .cardtitle {display:inline-grid; padding:5px 10px 5px 10px; height:190px; width:100%; font-weight:normal; text-decoration:none !important; background-color:#ffffffdd; color:#000; text-align:center; cursor:pointer; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} ul.druckermenu li .cardtitle img {display:block; margin:auto auto 5px auto; max-width:80%; max-height:155px; box-shadow:0 0 5px #aaa; border-radius:4px; transition:0.5s;} ul.druckermenu li * img.noshadow {box-shadow:none !important;} ul.druckermenu li .cardtitle .button {font-size:0em; padding:0; transition:0.5s;} ul.druckermenu li .cardtitle span.onmouseover {display:none;} ul.druckermenu li .cardcontent {display:none; opacity:0; font-weight:normal; max-height:0; color:#000; background:#fffffff6; transition:0.5s; transition-timing-function:ease-in-out;} ul.druckermenu li .cardcontent img {width:0%; float:left; transition:0.7s; transition-timing-function:ease-in-out;} ul.druckermenu li .cardcontent table {width:auto;} ul.druckermenu li .cardtitle:hover, ul.druckermenu li.aushangupload_li:hover {text-decoration:underline; color:#fff !important; background:none; transition:0.35;} ul.druckermenu li .cardtitle:hover img, ul.druckermenu li.aushangupload_li:hover img {box-shadow:1px 2px 5px #333; transition:0.7s;} ul.druckermenu li .cardtitle img.noshadow {box-shadow:none;} ul.druckermenu li .cardtitle span {background-color:#e9ebecb3; bottom:0; position:sticky; display:block;} @supports (-webkit-backdrop-filter:none) or (backdrop-filter:none) {ul.druckermenu li .cardtitle span {background-color:#e9ebecb3; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);}} ul.druckermenu li .cardtitle:hover span {background-color:#5a6a70cc;} ul.druckermenu li .cardtitle:hover span.notonmouseover {display:none;} ul.druckermenu li .cardtitle:hover span.onmouseover {display:block;} ul.druckermenu li.opencard {background:none; width:calc(100% - 30px); max-width:470px; box-shadow:0 0 10px #aaa; margin:10px; transition:0.5s; transition-timing-function:ease-in-out;} ul.druckermenu li.opencard .cardtitle {height:auto; padding:15px; text-align:left; font-size:1.3em; white-space:normal; background:none; color:#fff; transition:0.5s; transition-timing-function:ease-in-out;} ul.druckermenu li.opencard .cardtitle img {margin:auto; width:0%; box-shadow:0 0 0px #aaa; transition:0.7s;} ul.druckermenu li.opencard .cardtitle .button {font-size:0.7em; padding:5px 10px 5px 10px; transition:0.5s;} ul.druckermenu li.opencard .cardcontent {display:block; opacity:1; max-height:600px; padding:15px; transition:0.5s; transition-timing-function:ease-in-out; animation:opencard 0.5s;} @keyframes opencard {0% {transform:scale(0.1);} 100% {transform:scale(1.0);}} ul.druckermenu li.opencard .cardcontent img {width:15%; margin:0 15px 0 0; float:left; box-shadow:0 0 5px #aaa; border-radius:4px; transition:0.7s; transition-timing-function:ease-in-out;} ul.druckermenu li.opencard .cardcontent > div {display:grid;} ul.druckermenu li .cardtitle input {display:none;} ul.druckermenu li.opencard .cardtitle input {display:block;} ul.druckermenu li.opencard .cardtitle span.wrap {display:none;} ul.druckermenu li.aushangupload_li {height:190px; cursor:pointer; background-color:#e9ebec; color:#000 !important;} ul.druckermenu li.aushangupload_li:hover {background-color:#5a6a70 !important; color:#fff !important; text-decoration:none !important;} ul.druckermenu li.aushangupload_li label {padding:30% 0 30% 0; text-align:center; display:block; cursor:pointer;} ul.druckermenu li.aushangupload_li * .buttonsymbol {padding:8px 14px 10px 14px !important;} .videomenu {margin:10px; font-weight:normal; list-style-type:none; overflow:auto;} .videomenu li {margin:5px 5px 5px 0; padding:0; float:left; display:block;} .videomenu h3 {padding-left:0;} .videomenu li a {display:block; white-space:nowrap; margin:0 0 3px 0; padding:5px 10px 5px 10px; font-weight:normal; text-decoration:none !important; background:#3d6ba1; color:#fff; transition:0.3s;} .videomenu li.selected {margin:5px 5px 8px 0;} .videomenu li.selected a {margin:0; background:none;} .videomenu li a:hover {text-decoration:underline; color:#fff !important; background:none; transition:0.3s;} #whatsnext {max-width:22%; padding:10px 20px; margin:50px auto auto 15px; position:fixed; z-index:60; background:#fff; background-color:rgba(255, 255, 255, 0.9); box-shadow:0 0px 5px #ccc; border-radius:10px; transition:0.4s;} #whatsnext:hover {background-color:rgba(255, 255, 255, 0.98); transition:0.4s;} @supports (-webkit-backdrop-filter:none) or (backdrop-filter:none) {#whatsnext {background-color:rgba(255, 255, 255, 0.5); -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px);} #whatsnext:hover {-webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px);}} #whatsnext .myplanbutton {position:absolute; margin:2px 0 0 100px; line-height:1; opacity:0;} #whatsnext:hover .myplanbutton {opacity:1; transition:0.4s;} #whatsnext table {margin:auto; border-collapse:separate; border-spacing:5px;} #whatsnext table tr td {padding-left:6px;} #whatsnext table .rot {color:red;} #whatsnext table .bell {width:16px; position:absolute; margin:1px 0 0 -24px; opacity:0.4; transition:0.5s;} #whatsnext:hover table .bell {width:16px; position:absolute; margin:1px 0 0 -24px; opacity:1; transition:0.5s; animation:shake 0.5s; animation-iteration-count:infinite;} @keyframes shake {0% {transform:rotate(0deg);} 10% {transform:rotate(-10deg);} 20% {transform:rotate(10deg);} 30% {transform:rotate(0deg);} 40% {transform:rotate(-10deg);} 50% {transform:rotate(10deg);} 60% {transform:rotate(0deg);} 70% {transform:rotate(-10deg);} 80% {transform:rotate(10deg);} 90% {transform:rotate(0deg);} 100% {transform:rotate(0deg);}} #whatsnext table tr td.whatsnext_agenda {border-left:2px solid #117ee1;} #whatsnext table tr td.whatsnext_agenda_fl {border-left:2px solid #e11111;} .button, a.button {font-size:1em; font-weight:normal; line-height:3em; white-space:nowrap !important; padding:5px 10px 5px 10px; background:#3d6ba1; color:#fff; text-align:center; text-decoration:none; border-radius:4px; cursor:pointer; transition:0.3s; z-index:1; position:relative;} select.button, select.button:hover {line-height:1.0; border:0px !important;} .button.selected {background:#666;} .button:hover {text-decoration:underline; background:#6b8eae; transition:0.3s; animation:erroranimation 1s ease;} .buttonsymbol {padding:1px 4px 1px 4px !important; font-weight:bold !important; color:#fff; display:initial !important; transition:0.3s;} .buttonsymbol:hover {text-decoration:none !important; background:#6b8eae !important; transition:0.3s;} .button .share {height:20px; padding-top:4px; filter:invert(1);} .settinglink img {position:absolute; height:14px; top:45px; right:6px; z-index:11; opacity:0.4; z-index:70;} .settinglink:hover img {opacity:1;} .meeting-weeks tr.even, .meeting-singleweek tr.even {background-color:#e7e7e7;} .meeting-weeks tr:hover, .meeting-singleweek tr:hover {background-color:#dce6ef;} .meeting-weeks tr td {padding:0 3px 0 3px; border-style:groove; border-width:1px 1px 0 0; text-align:center; white-space:nowrap;} .meeting-weeks th {padding:10px; vertical-align:middle; white-space:nowrap;} .newentry_row {border:none; padding:10px !important; border-radius:4px;} .meeting-weeks tr td .meetingtabcenter {display:block; float:left; margin:10px 4px 10px 0;} .meeting-weeks tr .vortragsplanung {background:rgb(38 69 135 / 10%);} .meeting-singleweek tr td {padding:5px;} .meeting-singleweek * .programminhalt {font-size:0.9em; max-height:1.5em; max-width:300px; overflow:hidden; opacity:0.2; transition:1s;} .meeting-singleweek * td:hover *.programminhalt {max-height:300px; overflow:auto; opacity:1; transition:1s;} .meeting-singleweek * a {color:#117ee1; text-decoration:underline !important; padding:0 !important;} .meeting-singleweek * a:hover {color:blue; background:none; text-decoration:none !important;} #topbanner {height:50px; margin-top:-7px; width:100%; z-index:100; background:#00000080; color:#fff; backdrop-filter:blur(10px); box-shadow:#00000085 0px 0px 10px 0px; text-align:center; font-size:19px; position:fixed; white-space:nowrap;} #bottominfobox {clear:both; padding:30px; text-align:center; background:#e6e6e6; background:linear-gradient(172deg, rgb(187 217 255 / 50%) 0%, rgb(255 255 255 / 5%) 30%, rgb(0 101 161 / 10%) 80%, rgb(0 162 255 / 25%) 100%); border-top:1px solid #fff; color:#777; height:100px; position:absolute; bottom:0; width:100%;} #bottominfobox a {white-space:nowrap; padding:6px; margin:4px; font-weight:normal; color:#777; text-decoration:underline;} #bottominfobox a:hover {color:#333; background:#ccc; border-radius:4px;} #bottominfobox select {color:#777; border-color:transparent; border-radius:4px;} #overlay_bg, #upl_dropzone {visibility:hidden; z-index:900; position:fixed; top:0; bottom:0; left:0; right:0; background:#fff; background-color:rgba(255, 255, 255, 0.95); overflow:none; text-align:center;} #upl_dropzone {background-color:rgba(0, 0, 0, 0.95);} @supports (-webkit-backdrop-filter:none) or (backdrop-filter:none) {#overlay_bg {background-color:rgba(255, 255, 255, 0.2); -webkit-backdrop-filter:blur(15px); backdrop-filter:blur(15px);} #upl_dropzone {background-color:rgba(0, 0, 0, 0.8); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);}} #upl_dropzone #overlay_content {position:absolute; top:45%; -ms-transform:translateY(-50%); transform:translateY(-50%); left:50%; -ms-transform:translateX(-50%); transform:translateX(-50%); margin:0; padding:5px; background:none; box-shadow:none; overflow:hidden; text-align:center; color:#fff;} #upl_dropzone #overlay_content h1 {color:#fff;} #overlay_bg.show {visibility:visible; -webkit-animation:overlay_fadein 0.6s forwards; animation:overlay_fadein 0.6s forwards;} #upl_dropzone.show {visibility:visible; opacity:1;} #overlay_bg.noshow, #upl_dropzone.noshow {-webkit-animation:overlay_fadeout 1s forwards; animation:overlay_fadeout 1s forwards;} @-webkit-keyframes overlay_fadein {from {opacity:0; visibility:hidden;} to {opacity:1; visibility:visible;}} @keyframes overlay_fadein {from {opacity:0; visibility:hidden;} to {opacity:1; visibility:visible;}} @-webkit-keyframes overlay_fadeout {from {filter:blur(0px); opacity:1; visibility:visible;} to {filter:blur(10px); opacity:0; visibility:hidden;}} @keyframes overlay_fadeout {from {filter:blur(0px); opacity:1; visibility:visible;} to {filter:blur(10px); opacity:0; visibility:hidden;}} #overlay_content {margin:4% auto 10% auto; padding:20px; max-width:500px; max-height:90%; background:#fff; background-color:rgba(255, 255, 255, 0.9); border-radius:10px; box-shadow:0 0 10px #ccc; overflow:auto; text-align:left;} #overlay_content h1 {line-height:1em;} #overlay_content ul {margin:4px; padding-left:10px;} #overlay_content ul li {margin:10px;} #overlay_content img {max-width:100%;} #dynselectbg {visibility:hidden; z-index:50; position:fixed; top:0; bottom:0; left:0; right:0; background:#fff;} #dynselectbg.show {visibility:visible; -webkit-animation:dynselect_overlay_fadein 0.3s forwards; animation:dynselect_overlay_fadein 0.3s forwards;} #dynselectbg.noshow {-webkit-animation:dynselect_overlay_fadeout 0.6s forwards; animation:dynselect_overlay_fadeout 0.6s forwards;} @-webkit-keyframes dynselect_overlay_fadein {from {opacity:0; visibility:hidden;} to {opacity:0.5; visibility:visible;}} @keyframes dynselect_overlay_fadein {from {opacity:0; visibility:hidden;} to {opacity:0.5; visibility:visible;}} @-webkit-keyframes dynselect_overlay_fadeout {from {opacity:0.5; visibility:visible;} to {opacity:0; visibility:hidden;}} @keyframes dynselect_overlay_fadeout {from {opacity:0.5; visibility:visible;} to {opacity:0; visibility:hidden;}} #userimitateinfo {padding:0 10px 0 10px; left:10px; bottom:10px; background-color:rgba(0, 0, 0, 0.7); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); color:#fff; text-align:center; border-radius:10px; box-shadow:0px 0px 10px #aaa; position:fixed; z-index:50;} #snackbar {visibility:hidden; min-width:250px; margin-left:-125px; background-color:#333; color:#fff; text-align:center; border-radius:10px; padding:16px; position:fixed; z-index:1; left:50%; bottom:30px; background-color:rgba(0, 0, 0, 0.7); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px);} #snackbar img {height:15px; width:15px; margin-left:5px; vertical-align:text-bottom;} #snackbar.show {visibility:visible; -webkit-animation:fadein 0.5s, fadeout 0.5s 2.5s; animation:fadein 0.5s, fadeout 0.5s 2.5s;} @-webkit-keyframes fadein {from {bottom:0; opacity:0;} to {bottom:30px; opacity:1;}} @keyframes fadein {from {bottom:0; opacity:0;} to {bottom:30px; opacity:1;}} @-webkit-keyframes fadeout {from {bottom:30px; opacity:1;} to {bottom:0; opacity:0;}} @keyframes fadeout {from {bottom:30px; opacity:1;} to {bottom:0; opacity:0;}} #scrollupbtn {visibility:hidden; position:fixed; bottom:-30px; right:30px; z-index:99; background-color:rgb(255 255 255 / 80%); cursor:pointer; padding:30px 20px 30px 20px; border-radius:50%; background-image:url(icon/up-arrow.png); background-size:60%; background-repeat:no-repeat; background-position:center; box-shadow:0px 2px 5px 0px #aaa; -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); background-blend-mode:luminosity; transition:0.5s; opacity:0;} #scrollupbtn.show {visibility:visible; opacity:1; transition:0.5s; bottom:30px; padding:20px;} #scrollupbtn:hover {background-color:#ecfeff; filter:hue-rotate(45deg); box-shadow:0px 5px 5px 2px #ccc; margin-bottom:6px;} #scrollupbtn.showbottom {bottom:130px;} Input, Input[type='text'], Input[type='password'] {padding:5px; border:1px solid #666; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:4px;} input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"] {border:none; background:none; opacity:0; position:absolute !important; display:none;} input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus {opacity:1; z-index:60; background:#fff;} input[type="datetime-local"]:hover, input[type="date"]:hover, input[type="month"]:hover, input[type="time"]:hover {border:none; background:#fff;} input[type="datetime-local"]::-webkit-calendar-picker-indicator, input[type="date"]::-webkit-calendar-picker-indicator, input[type="month"]::-webkit-calendar-picker-indicator, input[type="time"]::-webkit-calendar-picker-indicator {width:100%; height:3.8em; background:none;} input[type="datetime-local"]:focus::-webkit-calendar-picker-indicator, input[type="date"]:focus::-webkit-calendar-picker-indicator, input[type="month"]:focus::-webkit-calendar-picker-indicator, input[type="time"]:focus::-webkit-calendar-picker-indicator {width:auto;} input[type="datetime-local"]::-webkit-datetime-edit, input[type="date"]::-webkit-datetime-edit, input[type="month"]::-webkit-datetime-edit, input[type="time"]::-webkit-datetime-edit {visibility:hidden; -webkit-appearance:none; white-space:nowrap;} input[type="datetime-local"]:focus::-webkit-datetime-edit, input[type="date"]:focus::-webkit-datetime-edit, input[type="month"]:focus::-webkit-datetime-edit, input[type="time"]:focus::-webkit-datetime-edit {visibility:unset;} input[type="datetime-local"]:before {content:attr(data-before); margin:1px 3px 0 0; font-family:arial; position:absolute;} .showpast input[type="datetime-local"]:before {content:attr(data-before); margin:1px 3px 0 0; font-family:arial; position:unset; width:100%; display:block;} label.inputbox {border:1px solid #000; padding:5px; white-space:nowrap; display:block;} input:invalid {color:#e41b1b;} input:valid {color:#000;} input[required]:invalid {border:1px solid red;} input[required]:valid {border:1px solid #666;} input.presencestatus, input.aushangupload {display:none;} input.presencestatus + label {background:url(img/presencestatus_hall2.png) no-repeat center; background-size:16px 16px; height:21px; width:21px; display:inline-block; padding:0px; float:right; cursor:pointer; opacity:0.7; transition:0.4s;} input.presencestatus:checked + label {background:url(img/presencestatus_zoom.png) no-repeat center; background-size:21px 21px; height:21px; width:21px; display:inline-block; padding:0px; float:right; opacity:0.9; transition:0.4s;} #otp-container {display:flex; gap:1rem; justify-content:center; margin-bottom:1rem;} .otp-input {width:3rem; height:3rem; font-size:2rem; text-align:center; border:2px solid #ccc; border-radius:8px;} .otp-input:focus {border-color:#007aff; outline:none;} #popupcalendar_container {position:relative; display:inline-block;} #popupcalendar {display:inline-block; padding:10px; background:#eee; position:absolute; z-index:110; border-radius:10px; box-shadow:0px 0px 20px -4px #000; top:-400%; left:-50%; height:fit-content; width:fit-content; animation:popupcalendar_animation 0.2s ease-in-out;} @keyframes popupcalendar_animation {0% {filter:blur(10px); opacity:0;} 100% {filter:blur(0px); opacity:1;}} @supports (-webkit-backdrop-filter:none) or (backdrop-filter:none) {#popupcalendar {background:#eeeeeeb8 !important; -webkit-backdrop-filter:blur(15px); backdrop-filter:blur(15px); border-radius:10px;} #popupcalendar * a:not(.button) {color:#000; text-decoration:none; height:inherit;} #popupcalendar .button {line-height:3em;} #popupcalendar .header :not(.button) {font-size:1.17em;} #popupcalendar .header :not(.button):hover {background:none !important;} #popupcalendar .header :not(.button):nth-child(2) {margin-left:10px;} #popupcalendar .header td {padding-bottom:10px !important; border:none; text-align:left;} #popupcalendar .header a:not(.button)::after {font-size:1.5em; color:#117ee1; margin-left:4px; content:'›'; transition:0.1s;} #popupcalendar .header a:not(.button):hover::after {margin-left:10px;} #popupcalendar .header a.button {float:right; line-height:unset; padding:1px 8px 4px 8px; margin-left:5px; font-size:1.3em;} #popupcalendar table {min-width:240px; min-height:60px; margin-bottom:10px;} #popupcalendar table.kalender_time {background-color:rgb(0 0 0 / 10%); border-radius:4px; box-shadow:inset 0px 0px 5px -3px #000; width:auto; min-height:auto; min-width:auto;} #popupcalendar table.kalender_time * a {padding:12px 20px 12px 20px !important;} #popupcalendar * tr, #popupcalendar * tr:hover {background:none !important;} #popupcalendar tr:not(.header) a {display:inline-flex; padding:10px 11px 10px 11px; align-items:center; font-size:1.3em;} #popupcalendar tr td.tag_grau a {color:#bbb;} #popupcalendar td, #popupcalendar th {display:table-cell;} #popupcalendar tr:not(.header) td {padding:0;} #popupcalendar td.selected {background:#3d6ba1; border-radius:5px;} #popupcalendar td.selected a {color:#fff;} #popupcalendar tr:not(.header) td, #popupcalendar tr:not(.header) th {transition:none; text-align:center; border:none;} #popupcalendar tr:not(.header) td:not(.nohover):hover {background:#3d6ba1; border-radius:5px; transition:none;} #popupcalendar tr:not(.header) td:hover a {color:#fff; transition:none; background:none !important; text-decoration:underline;} #popupcalendar a {transition:none;} #popupcalendar a:hover {transition:none;} #popupcalendar a.button {font-size:1.1em;} #popupcalendar table a.button {margin-right:0;} #popupcalendar .buttonbar {box-shadow:0px -10px 10px -15px #666; text-align:right; margin-bottom:-10px;} #popupcalendar .buttonbar a:not(.button) {margin-right:5px; padding:5px 10px 5px 10px;} #popupcalendar .buttonbar a:not(.button):hover {text-decoration:underline;} #calbg {visibility:hidden; z-index:105; position:fixed; top:0; bottom:0; left:0; right:0; -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px);} #calbg.noshow {visibility:hidden;} #calbg.show {visibility:visible;} i.icon_hall {background:url(img/presencestatus_hall2.png) no-repeat center; background-size:12px 12px; height:12px; width:12px; display:inline-block; vertical-align:-5%;} i.icon_zoom {background:url(img/presencestatus_zoom.png) no-repeat center; background-size:14px 14px; height:14px; width:14px; display:inline-block; vertical-align:-15%;} #bottominfobox i {position:absolute; right:10px; bottom:10px; color:#777; font-weight:normal;} .icon_cal {background:url(icon/calendar.png) no-repeat center; background-size:14px 14px; height:14px; width:14px; display:inline-block; vertical-align:-8%;} .button .icon_cal {filter:invert(1); vertical-align:-4%;} .icon_con {background:url(icon/contact.png) no-repeat center; background-size:20px 20px; height:20px; width:20px; display:inline-block; vertical-align:-12%;} .button .icon_con {filter:invert(1); vertical-align:-12%;} Select {margin:5px 0 5px 0; padding:5px 25px 5px 5px; max-width:150px; border:1px solid #000; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:0px solid transparent; background-color:transparent; border-radius:4px;} select:hover {border:1px solid #000 !important; background-image:linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%); background-position:calc(100% - 15px) calc(11px), calc(100% - 10px) calc(11px); background-size:5px 5px, 5px 5px; background-repeat:no-repeat;} select:focus {background-image:linear-gradient(135deg, transparent 50%, gray 50%), linear-gradient(45deg, gray 50%, transparent 50%); background-position:calc(100% - 15px) calc(11px), calc(100% - 10px) calc(11px); background-size:5px 5px, 5px 5px; background-repeat:no-repeat; border-color:#0080ff; outline:0;} .inplan {font-size:13px;} Input.inplan, Input[type='text'].inplan, Input[type='number'].inplan, Button.inplan, Textarea.inplan, Select.inplan {margin:0; padding:0; max-width:130px; border:1px solid transparent; background-color:transparent; word-wrap:normal; overflow:hidden; outline:0px solid transparent; border-radius:4px;} Select.inplan {max-width:120px;} td Input[placeholder='Zahl'] {text-align:center;} Select.inplan:hover, Input.inplan:hover, Input.inplan:focus, Input[type='text'].inplan_focus {margin:-5px -35px -5px -5px; padding:5px 25px 5px 5px; max-width:170px; border:1px solid #000; background-color:#fff; position:relative; z-index:100;} Select.inplan:hover {max-width:140px;} ::-webkit-input-placeholder {color:#ccc;} :-ms-input-placeholder {color:#ccc;} ::placeholder {color:#ccc;} input[type='number'][value='0'] {color:#ddd;} Textarea.inplan {height:1.3em; transition:0.5s;} Textarea.inplan:hover, Textarea.inplan:focus {max-width:200px; height:12em; color:#000; background:#fff; position:relative; z-index:100; overflow:auto; transition:0.5s;} Input.inplan:focus, Input[type='text'].inplan:focus, Input[type='number'].inplan:focus, Textarea.inplan:focus {border:1px solid #fff;} Textarea.editor {height:7em; width:500px; transition:0.5s;} Textarea.editor:hover, Textarea.editor:focus {height:20em; width:500px; color:#000; background:#fff; position:relative; z-index:100; overflow:auto; transition:0.5s; transition-delay:0.4s;} Textarea.editor-kommentar {height:2em; transition:0.5s; border:none;} Textarea.editor-kommentar:hover, Textarea.editor-kommentar:focus {height:6em; overflow:auto; transition:0.5s; transition-delay:0.4s;} input:checked + label {color:green;} input[type='submit'], input[type='button'], button {margin:5px 0 5px 0; padding:5px 10px 5px 10px; font-size:1em; color:#fff; font-weight:normal; background-color:#3d6ba1; cursor:pointer; border-radius:4px; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:0px solid transparent; transition:0.3s;} input[type='submit']:hover, input[type='button']:hover, button:hover {text-decoration:underline; background:#6b8eae; transition:0.3s;} input[type='checkbox'], input[type='radio'] {margin:-2px 0; cursor:pointer; height:15px; width:15px; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:0px solid transparent; border-radius:50%; background-position:center; background-repeat:no-repeat; background-size:0%; transition:0.3s;} input[type='checkbox']:checked, input[type='radio']:checked {background:#385b7b; background:url(icon/check.png) no-repeat; background-size:200%; background-position:center; background-repeat:no-repeat; transition:0.3s;} input[type='checkbox']:not(:checked), input[type='radio']:not(:checked) {background:none; transition:0.3s;} input[type='checkbox']:hover, input[type='radio']:hover {background:#6b8eae; background:url(icon/check.png) no-repeat; background-size:200%; background-position:center; background-repeat:no-repeat; transition:0.3s;} input[type='checkbox']:disabled, input[type='radio']:disabled {margin:0; background:#ddd; border:none; cursor:not-allowed; height:10px; width:10px;} input[type='checkbox']:disabled:hover, input[type='radio']:disabled:hover {background:#999; transition:0.3s;} input[type='file'] {display:none;} textarea {width:95%; height:100px; padding:5px; border:1px solid #000;} a.dyndropabort {position:absolute; margin:-23px 0 0 138px; display:block; padding:3px 8px 4px 8px !important; border-radius:4px; border:1px solid #000; text-align:center; text-decoration:none !important; z-index:101; background:#aaa; color:#fff; opacity:0; visibility:hidden;} a.dyndropabort:hover {background:red;} .dynselectcontainer {display:inline-block; text-align:left; white-space:normal !important;} .dyndropdown {position:absolute; margin:6px auto auto -5px; background-color:#f6f6f6; width:170px; z-index:98; overflow:auto; opacity:0; max-height:0px; transition:0.3s; box-shadow:0 0 6px 0 #666;} .trolley_row * .dyndropdown {position:relative;} .dyndropdown * i {color:inherit; font-weight:normal; opacity:0.7;} .showdyndrop {visibility:visible !important; max-height:400px; opacity:1 !important; transition:0.3s;} .assigninfo {margin-top:1px; padding:6px 8px; font-size:0.9em; cursor:pointer;} .assigninfo i, .dynselectcontainer a i {display:none;} .assigninfo:hover i, .dynselectcontainer a:hover i {display:inline-block;} .assigninfobox {max-height:0; overflow:hidden; transition:0.5s; transition-timing-function:ease-in-out;} .assigninfobox b {line-height:2.5em;} .assigninfobox li {padding-bottom:5px;} .assigninfo .showassigninfobox {max-height:500px; transition:0.5s; transition-timing-function:ease-in-out;} .dyndropdown .assigninfobox a.trotzdem {display:inline-block !important; color:#333 !important; background-color:#f6f6f6 !important; border-radius:4px;} .dyndropdown a {height:auto !important; color:black; font-size:0.9em; padding:6px 8px !important; text-decoration:none !important; white-space:normal !important; display:block !important;} .dyndropdown a.selected {background-color:#ccc;} .dyndropdown .selected::before {content:'➤ '; font-weight:bold;} .dyndropdown a:hover {color:black; background-color:#ddd;} .dyndropdown a.linktocard {float:right; border-radius:4px;} .dyndropdown a.linktocard img {height:12px; opacity:0.5;} .dyndropdown .loading {visibility:hidden; margin-left:5px; width:30px; animation-name:loading_fadein; animation-duration:0.6s; animation-delay:0.3s; animation-iteration-count:1; animation-fill-mode:forwards;} @keyframes loading_fadein {from {opacity:0; visibility:hidden;} to {opacity:0.5; visibility:visible;}} .dynsearch_close {padding:0 10px 0 10px; max-height:0; overflow:hidden; transition:0.5s;} .dynsearch_open {padding:10px !important; max-height:100px; overflow:hidden; transition:0.5s;} .dynsearch_input {} .dynsearch_input .dynsearchabort {margin:5px; top:1px; display:inline !important; z-index:105; position:relative;} .androidcalendar {color:#000; background:#ddd; max-height:0px; max-width:450px; overflow:hidden; transition:0.6s; transition-timing-function:ease-in-out;} .androidcalendar div {padding:10px;} .zoomhelp, .helpbox, .buttonbox {max-height:0px; overflow:hidden; transition:1.5s; transition-timing-function:ease-in-out;} .label {text-align:left; vertical-align:top; margin:-5px; padding:10px; display:block;} .label:hover {background:#a8c0d7;} .hint {max-width:700px; margin-bottom:5px; padding:5px; color:#000; background:#ddd; background:linear-gradient(15deg, rgb(129 129 129 / 25%) 0%, rgb(201 199 199 / 35%) 100%); border-radius:4px; box-shadow:inset 0 0 5px #ccc;} .inactive {padding:5px; color:#666 !important; background:#f6f6f6 !important;} .warning {padding:4px; color:#000; background:#ffc61a; background:linear-gradient(157deg, rgb(255 198 26 / 75%) 0%, rgb(255 174 26 / 85%) 100%); border-radius:4px; cursor:pointer; box-shadow:0 4px 10px -4px #ffc61a;} .error {padding:5px; color:#fff !important; background-color:red !important; border-radius:4px; box-shadow:0 4px 10px -4px red; animation:erroranimation 7s ease infinite; background:linear-gradient(-45deg, #eb5151, #eb4f4f, #d90a0a, #d91616); background-size:400% 400%;} @keyframes erroranimation {0% {background-position:0% 50%;} 50% {background-position:100% 50%;} 100% {background-position:0% 50%;}} .error a {color:#fff !important;} .pill {margin:3px; padding:5px 10px 5px 10px; color:#333; background:#ddd; border-radius:20px; font-size:0.8em; white-space:nowrap; line-height:2.7em; line-break:anywhere;} a.pill {color:#3d6ba1; text-decoration:none; box-shadow:0px 5px 5px -5px #117ee1; color:#000;} a.pill:hover {text-decoration:underline; background:#3d6ba1; color:#fff;} select.error, input.error, Input[type='text'].error, Input[type='number'].error, Textarea.error {background-color:red !important;} select.error option {color:#000; background-color:#fff;} select.error option.error, select.error:hover {color:#fff; background-color:red;} option:disabled, select.error option:disabled {background:#aaa; color:#666;} .active {padding:5px; color:#000; background:#ece6ff; animation-name:active_changes; animation-duration:1.5s; animation-delay:0.4s; animation-iteration-count:1; animation-fill-mode:forwards;} @keyframes active_changes {0% {} 30% {background-color:#d2c7f7;} 100% {}} .content-meetings tr.active td {padding:10px 3px 10px 3px;} .content-meetings .meeting-weeks tr.active td {padding:0 3px 0 3px;} .greyfont {color:#777 !important;} .blackfont {color:#000;} .leftalign {text-align:left;} .centeralign {text-align:center;} .rightalign {text-align:right;} .floatright {float:right;} .floatleft {float:left;} .clearboth {clear:both;} .rotateleft {transform:rotate(320deg); height:150px; padding:0 !important;} .wrap {white-space:normal !important;} .nowrap {white-space:nowrap !important;} .highlight {padding:5px; color:#000; background:#ffffe3; border-radius:4px;} .changes {animation-name:highlight_changes; animation-duration:1.3s; animation-delay:0.4s; animation-iteration-count:1; animation-fill-mode:forwards;} @keyframes highlight_changes {0% {} 20% {background-color:LimeGreen;} 100% {}} .msginsert {opacity:0; animation-name:highlight_msginsert; animation-duration:1.3s; animation-delay:0.4s; animation-iteration-count:1; animation-fill-mode:forwards;} @keyframes highlight_msginsert {0% {max-height:0px;} 20% {background-color:LimeGreen; max-height:500px;} 100% {opacity:1;}} .transparent {opacity:0.3; transition:0.3s !important; transition-delay:0 !important;} .transparent:hover {opacity:0.9; transition:0.3s !important; transition-delay:0 !important;} .tp_highlight {background:rgba(253, 251, 78, 0.3)} .tp_copy {display:inline-block; margin-top:-20px;} .tp_copy a.button {display:inline; padding:1px 1px 1px 1px;} .tp_copy a.button img {height:16px; filter:invert(1); vertical-align:text-bottom;} .tp_copycancel {display:inline-block; margin-top:-20px;} .tp_copycancel a.button {width:20px; padding:1px 3px 1px 3px !important;} .tp_copycancel a.button img {width:16px; filter:invert(1); position:absolute; margin:13px 0 0 -7px;} .tp_paste {display:inline-block; margin-top:-20px;} .tp_paste a.button {width:20px; padding:1px 4px 1px 4px;} .tp_paste a.button input[type='submit'] {background:url(icon/paste.png) no-repeat 2px 2px; background-size:16px; font-size:0; color:transparent; line-height:20px; border:transparent;-color margin:-5px; filter:invert(1);} .icon-link {height:16px; vertical-align:text-bottom;} .icon-link-invert {height:16px; filter:invert(1); vertical-align:text-bottom;} .hidden {display:none !important;} .vor_blau {background-color:#385b7b !important; color:#fff !important;} .ldz_grau {background-color:#5a6a70 !important; color:#fff !important;} .ldz_gelb {background-color:#c18626 !important; color:#fff !important;} .ldz_rot {background-color:#961526 !important; color:#fff !important;} .zwe_blau {background-color:#264587 !important; color:#fff !important;} .zwe_rot {background-color:#a3195e !important; color:#fff !important;} .die_gelb {background-color:#8c408c !important; color:#fff !important;} .tre_gruen {background-color:#69cb01 !important; color:#fff !important;} .rei_orange {background-color:#00b386 !important; color:#fff !important;} .ged_rot {background-color:#b20101 !important; color:#fff !important;} .son_lila {background-color:#59387a !important; color:#fff !important;} .tro_gruen {background-color:#50af50 !important; color:#fff !important;} .status_grau {background-color:#eee !important; color:#666 !important;} .status_dunkelgrau {background-color:#333 !important; color:#aaa !important;} .status_rot, .status_rot a:not(.button) {background-color:#a3193c !important; color:#fff !important;} .status_ora {background-color:#e67300 !important; color:#fff !important;} .status_gelb {background-color:#d9d918 !important;} .status_gruen {background-color:#69cb01 !important; color:#fff !important;} .status_blau {background-color:#117ee1 !important; color:#fff !important;} .status_hellblau{background-color:#5493cd !important;} .signal {position:relative; float:right; margin:3px 0 0 3px; width:10px; height:10px; border-radius:10px;} .addgruen {font-weight:bold; color:green; text-shadow:1px 1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, -1px -1px 1px #fff;} .deleterot {font-weight:bold; color:red; text-shadow:1px 1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, -1px -1px 1px #fff;} .insta_badge {border-radius:4px; padding:4px; margin:-4px;} .insta_signal {display:inline-block; border-radius:10px; padding:6px; font-size:0; opacity:1; margin-right:-10px;} ul.cardbox > li.opencard .cardtitle .insta_signal {opacity:0; margin:0px; padding:0px; transition:0.25s; transition-timing-function:ease-in-out;} .insta_wartung {background:rgba(0, 255, 149, 0.5);} .insta_pruefung {background:rgba(89, 0, 255, 0.5);} .insta_schulung {background:rgba(0, 102, 255, 0.5);} .insta_checkliste {background:rgba(217, 255, 0, 0.5);} .insta_sonstige {background:rgba(63, 63, 63, 0.5);} .gebiete_badge {border-radius:4px; padding:4px; margin:-10px; position:absolute; z-index:50; top:0; right:0;} .helpbadge {position:absolute; z-index:50; top:-2px; right:-5px; margin:-3px 0 0 -3px; padding:3px 6px; border-radius:50%; box-shadow:0 0 5px #aaa; transition:0.5s;} .helpbadge:hover {box-shadow:0 0 140px #000; transition:0.5s;} .helpbadge a:hover {background:none;} .helpbadge::after {content:'Erklärvideo zeigen'; position:absolute; top:4px; margin-left:-185px; padding:3px; color:#fff; background:inherit; border-radius:5px; opacity:0; transition:0.5s;} .helpbadge:hover::after {margin-left:-155px; opacity:1; transition:0.5s;} .helpbadge img {width:24px; -webkit-filter:invert(1); filter:invert(1);} .tooltip {position:relative; display:inline-block;} .tooltip .tooltiptext {visibility:hidden; opacity:0; min-width:120px; max-width:400px; background-color:black !important; color:#fff; text-align:center; border-radius:6px; padding:5px; position:absolute; z-index:60; bottom:120%; left:50%; margin-left:-60px; margin-bottom:-10px; font-size:1em; font-weight:normal; line-height:1.1em; white-space:normal;} .tooltip .tooltipbottom {bottom:-160%;} .floatright .tooltiptext {margin-left:-106px;} .tooltip .tooltiptext::after {content:''; position:absolute; top:100%; left:50%; margin-left:-5px; border-width:5px; border-style:solid; border-color:black transparent transparent transparent;} .tooltip .tooltipbottom::after {top:unset; bottom:100%; border-color:transparent transparent black transparent;} @supports (-webkit-backdrop-filter:none) or (backdrop-filter:none) {.tooltip .tooltiptext {background:rgba(0, 0, 0, 0.6) !important; -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px); border-radius:10px;} .tooltip .tooltiptext::after {border-color:rgba(0, 0, 0, 0.6) transparent transparent transparent;} .tooltip .tooltipbottom::after {border-color:transparent transparent rgba(0, 0, 0, 0.6) transparent;}} .floatright .tooltiptext::after {left:89%;} .tooltip .selectiontooltip {bottom:150%;} .tooltip:hover > .tooltiptext, .tooltip:hover > label > .tooltiptext {visibility:visible; opacity:1; margin-bottom:0; transition:0.5s; transition-delay:0.5s;} .tooltip .tooltiptext .numsize5 {font-size:0.7em; padding:0px 6px 0px 6px; margin-right:5px;} .numsize1 {cursor:pointer; background-color:rgb(17 126 225 ); opacity:0.5; font-size:0.8em; border-radius:50%; padding:2px 5px 2px 4px; color:#fff;} .numsize2 {cursor:pointer; background-color:rgb(17 126 225); opacity:0.65; font-size:0.9em; border-radius:50%; padding:2px 5px 1px 5px; color:#fff;} .numsize3 {cursor:pointer; background-color:rgb(17 126 225); opacity:0.8; font-size:1.0em; border-radius:50%; padding:2px 6px 2px 7px; color:#fff;} .numsize4 {cursor:pointer; background-color:rgb(17 126 225); opacity:0.9; font-size:1.15em; border-radius:50%; padding:1px 6px 2px 6px; color:#fff;} .numsize5 {cursor:pointer; background-color:rgb(17 126 225); opacity:1; font-size:1.3em; border-radius:50%; padding:2px 7px 1px 7px; color:#fff;} #tt_banner {margin:-10px 0 5px 0; padding:10px 10px 0 10px; white-space:nowrap; width:100%; max-width:700px; max-height:1.9em; color:#aaa; overflow:hidden; text-overflow:ellipsis; cursor:pointer; transition:0.4s;} #tt_banner b {color:#333;} #tt_banner .tt_hidden {height:0; opacity:0;} #tt_banner:hover, #tt_banner:active {margin:-10px 0 0 0; padding:10px 10px 0 10px; max-height:900px; color:#000; background:#fff; white-space:normal; box-shadow:0 0 5px #ccc; border-radius:4px; transition:1s; transition-delay:0.4s;} #tt_banner:hover .tt_hidden, #tt_banner:active .tt_hidden {height:100%; padding-top:10px; opacity:1; transition:1s; transition-delay:1s;} #weekselector {padding:10px; color:#666;} #weekselector a {color:#777; background:rgba(0, 0, 0, 0.05);} #weekselector .week_kurz {display:none;} #weekselector .week_lang {padding-right:10px; font-size:1.6em; vertical-align:middle; text-shadow:0px 0px 4px #fff;} #weekselector a:hover {background:#fff; text-decoration:none;} #weekselector a.plandruck {float:right; margin:10px 10px 0 20px; background:none; transition:0.3s;} #weekselector a.plandruck img {width:24px; height:24px; opacity:0.3; transition:0.3s;} #weekselector a.plandruck:hover img {opacity:1; transition:0.3s;} #weekselector .weekselector_title {cursor:pointer;} #weekselector .weekselector_title .weekselector_jumper {display:block; position:absolute; z-index:500; background:#fff; max-height:0; min-width:250px; margin:5px; opacity:0; overflow:auto; box-shadow:0 0 10px #ccc; border-radius:10px; background-color:rgba(255, 255, 255, 0.95); transition:0.5s; transition-timing-function:ease-in-out;} @supports (-webkit-backdrop-filter:none) or (backdrop-filter:none) {#weekselector .weekselector_title .weekselector_jumper {-webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);}} #weekselector .weekselector_title:hover .weekselector_jumper, #weekselector .weekselector_title:active .weekselector_jumper {max-height:450px; margin:-5px 5px; opacity:1; transition:0.5s; transition-timing-function:ease-in-out;} #weekselector .weekselector_title .weekselector_jumper span, #weekselector .weekselector_title .weekselector_jumper a {display:block; padding:4px; color:#777; background:none; text-decoration:none; transition:0;} #weekselector .weekselector_title .weekselector_jumper a {padding:4px 8px 4px 8px;} #weekselector .weekselector_title .weekselector_jumper a div {display:inline-block; width:105px; text-align:center;} #weekselector .weekselector_title .weekselector_jumper a.thisweek {background:rgb(40 65 87 / 0.2);} #weekselector .weekselector_title .weekselector_jumper a:hover {padding-left:12px; color:#333; background:#6b8eae66;} #weekselector .weekselector_title .weekselector_jumper span {padding-left:10px; font-weight:bold; color:#333; border-bottom:1px solid #aaa;} #langswitch {list-style:none; margin:6px 0 0 0; background:#3d5f8f; border-radius:5px; display:inline-flex; box-shadow:inset 0 0 3px #333;} #langswitch li {float:left;} #langswitch li a {display:block; white-space:nowrap !important; padding:3px 10px 3px 10px; margin:1px; text-decoration:none; color:#eee; border-radius:4px; cursor:pointer; transition:0.3s;} #langswitch li a:hover {text-decoration:underline; background:#3d5f8f; color:#fff; transition:0.3s;} #langswitch li a.selected {background:#fffd; color:#3d5f8f; box-shadow:0 0 5px #777;} .onlymobile {display:none !important;} .custom-uploads {min-width:500px;} .custom-uploads .file-list {display:table; width:100%; border-collapse:inherit; border-spacing:6px; -webkit-border-horizontal-spacing:0;} .custom-uploads .file-list--entry {align-items:center; border-radius:4px; display:table-row; padding:4px 8px; text-decoration:none; background-color:#eee; color:#333;} .custom-uploads .file-list--entry:hover {background-color:#666; color:#fff;} .custom-uploads .file-list--entry div {display:table-cell; padding:0 5px 0 10px; vertical-align:middle;} .custom-uploads input[type='submit'] {margin-top:10px;} .filethumb {max-width:120px; max-height:120px;} pre {background-color:#2d2d2d; color:#cccccc; padding:10px; border-radius:5px; overflow-x:auto; font-family:'Courier New', Courier, monospace; line-height:1.5; max-width:min-content; white-space:normal;} code.sql {color:#f92672;} code.sql .keyword_whitespace {color:#66d9ef; font-weight:bold; display:block;} code.sql .keyword {color:#66d9ef;} code.sql .keyword_semicolons {color:#b4ef66;} code.sql .string {color:#a6e22e;} code.sql .number {color:#ae81ff;} @media only screen and (max-width:1550px) {h3.plan_header {display:none;} h3.plan_header_mobile {display:block;} .kalender_woche {max-width:1040px;}} @media only screen and (max-width:1350px) {#whatsnext {padding:10px 10px 10px 20px; margin:41px auto -44px auto; position:relative; max-width:700px; min-block-size:max-content; background:#fff; top:1px; text-align:center; -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); background-color:rgba(255, 255, 255, 0.3); box-shadow:0 5px 15px -5px #aaa;} #whatsnext .myplanbutton {margin:2px 0 0 40px; transition-delay:0.3s;}} @media only screen and (max-width:1240px) {h3.plan_header {display:none;} h3.plan_header_mobile {display:block;} .kalender_woche {max-width:800px;} #chatcontent .bubble_left {margin-left:10vw;} #chatcontent .bubble_right {margin-right:10vw;}} @media only screen and (max-width:1030px) {.kalender_woche {max-width:680px;} .content_gebietskarte_container {padding:0 !important; position:unset !important; top:0 !important; left:0 !important; border-radius:0 !important; max-width:unset !important; min-width:unset !important;} .content_gebietskarte_container h1 {padding:5px;} .content_gebietskarte_container .gebietskarte_info, .content_gebietskarte_container .gebietskarte_beschreibung {padding:10px;}} @media only screen and (max-width:950px) {.menu_response {display:none;}} @media only screen and (max-width:800px) {#menu {-webkit-box-shadow:0 8px 10px -10px black; -moz-box-shadow:7px 10px -10px black; box-shadow:0 8px 10px -10px black;} #menu li.menubuttonsmall {display:block;} #menu .menubox {max-height:0px; overflow:auto; overflow:overlay; clear:both; transition:0.5s; transition-delay:0s !important;} #menu li {margin:5px 0 6px 0;} #menu li.menulink, #menu li.menulink {clear:both; float:none; overflow:hidden; margin:0px; background:#3d6ba1; background:rgba(83, 129, 172, 0.6);} #menu li.menulink a, #menu li.menulink_infobrett a {margin:1px; padding:10px; font-size:1.2em;} #menu li#logo {display:block;} #menu li#logo a {padding:1px 10px 0 10px;} #menu li#logo a span {display:none;} #menu li#logo a img {margin:1px 0 0 -1px; height:24px; width:24px;} #menu li.logo a img {display:none;} #menu li * .badge, ul#submenu li * .badge {padding:1px 5px 0px 5px;} #menu .dropdown {float:none;} #menu .dropdown-content {margin-top:0; position:relative; background-color:inherit; width:100%; max-height:0px; overflow:hidden; transition:0.5s; transition-timing-function:ease-in-out; box-shadow:inset 0px 0px 10px 0px rgb(0 0 0);} #menu .dropdown:hover .dropdown-content, #menu .dropdown-content-open {background-color:rgb(255 255 255 / 50%);} #menu .dropdown-content-open {max-height:500px !important;} .menu_response {display:contents;} #tt_banner {margin:-5px 0 15px 0; width:auto; max-height:1.9em; white-space:normal;} #tt_banner:hover, #tt_banner:active {margin:-10px 0 10px 0;} #weekselector {position:fixed; padding:0; top:-4px; left:40px; color:#fff; font-size:1.1em; font-weight:bold; z-index:200;} #weekselector .week_lang {display:none;} #weekselector .week_kurz {display:inline !important;} #weekselector a {color:#fff; background:#3d6ba1; background:rgba(83, 129, 172, 0.6);} #weekselector a:hover {background:rgba(255, 255, 255, 0.2);} #weekselector a.plandruck {margin:12px 10px 0 20px;} #weekselector a.plandruck img {-webkit-filter:invert(1); filter:invert(1);} #weekselector a.plandruck:hover img {-webkit-filter:invert(0); filter:invert(0); transition:0.3s;} #langswitch {margin:3px 0 0 0;} table#main tr td.td_sticky, table.meeting-weeks tr.tr_sticky, table.myvortraege tr.tr_sticky, table.einstellungen tr.tr_sticky {-webkit-backdrop-filter:none; backdrop-filter:none; position:unset; top:39px;} .td_sticky_74 {top:78px !important;} .td_sticky_111 {top:133px !important;} table.hipibox tr td.hipiyear {top:39px;} table#main {padding:50px 10px 10px 10px;} .nomobile {display:none !important;} .onlymobile {display:inline-block !important; min-height:0 !important;} ul#submenu {background:#ffffff; z-index:55; top:37px; border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-right-radius:4px; border-bottom-left-radius:4px; max-height:320px;} @supports (-webkit-backdrop-filter:none) or (backdrop-filter:none) {ul#submenu {background:#ffffff99; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);}} ul#submenu li {width:auto; display:inline-block; border:0;} ul#submenu.biglist {overflow-y:auto; min-height:170px; max-height:25vh;} ul#submenu.biglist li {min-width:calc(25% - 10px) !important;} ul#submenu.biglist li.title {position:sticky; position:-webkit-sticky; top:-10px;} ul#submenu.biglist li .signal {display:none;} ul#submenu.biglist li:last-child {width:100%;} ul#submenu.biglist .dynmenuresults li:last-child {bottom:0; width:auto;} #chatcontent .bubble_left {margin-left:15vw;} #chatcontent .bubble_right {margin-right:15vw;} #chatform {width:100%;} input, textarea, select, #chatbox[contenteditable] {font-size:16px !important;} .custom-uploads {min-width:auto;} #mapframe {min-width:600px; min-height:400px;} .content_gebietskarte .content_gebietskarte_container {background:#fff; -webkit-backdrop-filter:none; backdrop-filter:none;} .content_gebietskarte .content_gebietskarte_container h1 a {float:right; margin:3px 5px -3px 0; position:relative; transition:0.3s;} .content_gebietskarte .content_gebietskarte_container h1 a img {width:24px; height:24px; -webkit-filter:grayscale(100%); filter:grayscale(100%); opacity:0.6; margin-top:-1px; transition:0.3s;} .content_gebietskarte .content_gebietskarte_container .gebietskarte_info {padding:0px 5px 5px 5px; max-height:600px; transition:0.5s; transition-timing-function:ease-in-out;} #topbanner {height:38px; margin-top:-1px; font-size:12px;}} @media only screen and (max-width:730px) {#tt_banner:hover, #tt_banner:active, #tt_banner:hover .tt_hidden, #tt_banner:active .tt_hidden, .content_plan ul li:hover, .content_plan ul li:hover .plan_thema {transition-delay:0s !important;} .kalender_woche {max-width:700px;} ul.druckermenu li .cardtitle, ul.druckermenu li.aushangupload_li {display:block; height:92px;} ul.druckermenu li .cardtitle img {max-width:90%; width:auto; max-height:76%;} ul.druckermenu li.aushangupload_li label {padding-top:21%;}} @media only screen and (max-width:660px) {.content {width:100%;} .menu_filterable {width:calc(100vw - 20px) !important; max-width:none !important;} table.collapsable {overflow:auto; width:100%; display:block;} td.collapsable {display:block; margin-bottom:20px;} .content {max-width:calc(100vw - 20px);} table.mobilefriendly th {display:none;} table.mobilefriendly td {display:flex; align-items:center;} table.mobilefriendly tr:not(:last-child) td:last-child {border-bottom:1px solid #ccc; padding-bottom:10px;} table.mobilefriendly td[label]:not([label=""])::before {content:attr(label); font-weight:bold; width:120px; min-width:120px;} table.mobilefriendly td .pill, table.mobilefriendly td .button {line-height:1.3em; margin:0;} table.mobilefriendly td .pill {max-width:none;} table.mobilefriendly td .inplan, table.mobilefriendly td select, table.mobilefriendly td input, table.mobilefriendly td textarea {max-width:none; width:calc(100vw - 160px);} .kalender_woche {max-width:630px;} #overlay_content {margin:8% 8% 10% 8%; font-size:1.2em;} .content-meetings tr td select {width:80px; height:27px;} .content-meetings tr td a {height:26px; padding:0; line-height:2em; overflow:hidden; display:inline-block; border-radius:4px; white-space:nowrap;} a.dyndropabort {padding-top:0px !important;} #chatcontent {height:calc(100vh - 260px); height:calc(var(--vh, 1vh) * 100 - 260px);} #chatcontent .bubble_left {margin-left:20vw;} #chatcontent .bubble_right {margin-right:20vw;} #mapframe {min-width:400px; min-height:300px;} table.kalender tr td a.kalender_tag {padding:15px;}} @media only screen and (max-width:500px) {.content_plan {max-width:475px;} .kalender_woche {max-width:470px;}} @media only screen and (max-width:450px) {.content_plan {max-width:400px;} .kalender_woche {max-width:420px;}} @media only screen and (max-width:420px) {.content_plan {max-width:395px;} .kalender_woche {max-width:380px;} .w25, .w33, .w50 {width:calc(50% - 4px); border-left:1px solid #eee; border-top:1px solid #eee; text-align:left;} .w25:first-child, .w25:nth-child(2), .w33:first-child, .w33:nth-child(2), .w50:first-child, .w50:nth-child(2) {border-top:none;} .w25:last-child:nth-child(odd), .w25:nth-last-child(2):nth-child(odd), .w33:last-child:nth-child(odd), .w33:nth-last-child(2):nth-child(odd), .w50:nth-last-child(2) {border-left:none;} .mobile_w100 {width:calc(100% - 4px); border-bottom:1px solid #eee;} .mobile_w100:last-child {border-bottom:none;} #mapframe {min-width:300px; min-height:300px;}} @media only screen and (max-width:380px) {.content_plan {max-width:355px;}} @media only screen and (max-width:360px) {body {border:0;} table#main {padding:50px 0 0 0;} .content_plan {max-width:360px;}} @media only screen and (max-width:320px) {.content_plan {max-width:320px;}} @media (prefers-color-scheme:dark) {* {scrollbar-color:#3d5f8f #060606; scrollbar-width:thin;} ::-webkit-scrollbar-track {background-color:#060606;} html {color:#222;} body {background-color:#000; background-attachment:fixed;} h2 a img, #weekselector a.plandruck img {-webkit-filter:invert(1); filter:invert(1);} a:link, a:visited, .content_plan ul li a {color:#1c93ff;} #menu {background:#2c4568; background-color:rgba(44, 69, 104, 0.95); background:linear-gradient(157deg, rgb(36 40 60 / 75%) 0%, rgb(31 50 66 / 50%) 40%, rgb(0 0 0 / 40%) 100%);} .loginanimation {-webkit-animation:loginanimation 6s ease-in-out forwards, logorotating 60s linear infinite; -moz-animation:loginanimation 6s ease-in-out forwards, logorotating 60s linear infinite; -ms-animation:loginanimation 6s ease-in-out forwards, logorotating 60s linear infinite; -o-animation:loginanimation 6s ease-in-out forwards, logorotating 60s linear infinite; animation:loginanimation 6s ease-in-out forwards, logorotating 60s linear infinite;} @keyframes loginanimation {0% {box-shadow:0px 0px 100vh 100vh #000; transform:rotate(70deg); background:#000; border-radius:10px;} 25% {box-shadow:0px 0px 0px 0px #000; transform:rotate(0deg); background:#000;} 27% {background:none;} 100% {box-shadow:0px 0px 1000px 0px #000;}} ul#submenu {background:#000; box-shadow:none; width:100%;} ul#submenu li {border:none;} ul#submenu .dynmenuresults li:last-child {border-bottom:1px solid #000000;} ul#submenu li a {color:#ccc;} ul#submenu li#selected a, ul#submenu li#selected a span {color:#eee;} ul#submenu li.section {background:#393939; color:#ddd;} ul#submenu li:last-child {background:rgb(0 0 0 / 70%);} ul#submenu.biglist li:last-child {background:rgb(0 0 0/ 70%);} ul#submenu:not(.menu_filterable) li:last-child {background:rgb(0 0 0 / 70%);} .menu_filterable li a {background:#333 !important;} .menu_filterable li a:hover {background:#555 !important;} @supports (-webkit-backdrop-filter:none) or (backdrop-filter:none) {#menu {background-color:rgba(37, 68, 111, 0.7);}} #leftmenu ul li.title {background:#284157;} .button, a.button {background:#385b7b; color:#eee;} select.button {background-color:#385b7b !important;} select.button:hover {background:#6b8eae;} #whatsnext {color:#aaa; background:#000; background-color:rgb(25 25 25 / 90%); box-shadow:inset 0 0px 6px #000;} #whatsnext:hover {background-color:rgba(28, 28, 28, 0.98); transition:0.4s;} @supports (-webkit-backdrop-filter:none) or (backdrop-filter:none) {#whatsnext {background-color:rgb(41 41 41 / 50%);}} #whatsnext table .bell {-webkit-filter:invert(1); filter:invert(1);} table#main tr td.td_sticky, table.meeting-weeks tr.tr_sticky {background:rgb(0 0 0 / 90%);} @supports (-webkit-backdrop-filter:none) or (backdrop-filter:none) {table#main tr td.td_sticky, table.meeting-weeks tr.tr_sticky {background:rgb(0 0 0 / 50%);}} table#main tr td.td_sticky, table.meeting-weeks tr.tr_sticky, table.myvortraege tr.tr_sticky {background:rgb(24 24 24 / 90%);} img.darkinvert {-webkit-filter:invert(1); filter:invert(1);} i.icon_hall {-webkit-filter:invert(1); filter:invert(1);} table.hipibox tr td {background:#333; border:1px solid #666;} label.inputbox {border:1px solid #ddd;} input[type="submit"], input[type="button"], .button, button, .videomenu li a {color:#ddd !important; background:#3e5a75;} input.presencestatus + label {filter:invert(1);} input.presencestatus:checked + label {filter:invert(0);} #popupcalendar {background:#111;} @supports (-webkit-backdrop-filter:none) or (backdrop-filter:none) {#popupcalendar {background:#111111b8 !important;} #popupcalendar * a:not(.button) {color:#ccc; text-decoration:none;} #popupcalendar tr td.tag_grau a {color:#555;} #popupcalendar table.kalender_time {background-color:rgb(255 255 255 / 10%);} #popupcalendar .buttonbar {box-shadow:0px -8px 10px -5px #000;} .videomenu li a:hover {text-decoration:underline !important;} .videomenu li.selected a {background:#466686;} .dropdown-content {background-color:rgba(35, 56, 86, 0.95) !important;} ul.druckermenu li .cardtitle, ul.druckermenu li.aushangupload_li {background:#333d; color:#ddd;} ul.druckermenu li .cardtitle img, ul.druckermenu li.aushangupload_li img {box-shadow:none; filter:brightness(80%);} ul.druckermenu li .cardtitle:hover img ,ul.druckermenu li.aushangupload_li:hover img {filter:brightness(100%);} ul.druckermenu li .cardtitle span {background-color:rgb(56 58 59 / 33%);} ul.druckermenu li .cardtitle:hover span {background-color:#5a6a70;} ul.druckermenu li.opencard {box-shadow:0 0 10px #000;} ul.druckermenu li.opencard .cardtitle {background:#0000;} ul.druckermenu li .cardcontent {color:#ddd; background:#000000bd;} ul.druckermenu li .cardcontent * i {color:#1c93ff;} ul.druckermenu li.opencard .cardcontent img {box-shadow:none; filter:brightness(90%);} ul.druckermenu li.aushangupload_li * .buttonsymbol {color:#ddd !important; background:#59387a !important;} ul.sumbox, ul.sumbox li {background:#000; box-shadow:none;} ul.sumbox li a {color:#ddd;} ul.sumbox li a:hover {background:#6b8eae; color:#ccc !important;} ul.sumbox li.title {background:#385b7b; color:#ccc;} ul.sumbox li.sum {background:#222; color:#7fa9cf;} ul.cardbox li {background:#222; box-shadow:none;} ul.cardbox {color:#ccc;} ul.cardbox > li.title {color:#fff !important;} ul.cardbox li .cardcontent table.protbox {background:#111 !important; box-shadow:none !important;} ul.cardbox li .cardcontent table tr:hover {background-color:#284157 !important;} ul.cardbox li .cardcontent table.protbox tr:nth-child(even) {background-color:#333;} ul.cardbox li a {color:#000;} ul.cardbox li a:hover {background:#284157; color:#aaa !important;} .content, .content-meetings {background-color:#000; color:#ccc; border:none; box-shadow:none;} .content table.protbox tr:nth-child(even) {background-color:#333;} #webapp {border-bottom:none;} .innercontent {background:#333 !important; box-shadow:inset 0 0 5px #000 !important;} .content, .content-meetings {background-color:#191919;} .content-meetings tr:hover {background-color:#182734;} .plan_aufgabe i {color:#aaa;} .plan_zeit {background-image:url("icon/clock-circular-outline_sw.png");} .plan_person_me {background:#ffd40069; box-shadow:1px 1px 4px 4px #191919 inset;} i.plan_person_me {color:#aaa !important;} .tp_highlight .plan_person_me {box-shadow:1px 1px 4px 4px #5d5d29 inset; color:#ccc !important;} .input_pdg_me {color:#000 !important;} .uploadhint img {filter:invert(1);} .uploadhint span {color:#fff;} #chatcontainer h2 {background:rgba(0, 0, 0, 0.9);} #chatcontainer h2:hover {box-shadow:0 0 5px #000;} @supports (-webkit-backdrop-filter:none) or (backdrop-filter:none) {#chatcontainer h2 {background:rgba(0, 0, 0, 0.6);} #chatcontainer h2:hover {background:rgba(40, 40, 40, 0.6);}} .chatday {background:#6b8eae;} #chatcontent div#unreadmsg span {background:#000;} #chatcontent .chatbubble {box-shadow:none; color:#fff;} #chatcontent .bubble_left {background:#333;} #chatcontent .bubble_right {background:#385b7b;} #chatcontent .chatbubble .attachments .attachment span, #chatcontent .chatbubble a.autolink {background:#000; color:#ccc;} #chatcontent .chatbubble .attachments .attachment img {background:none; padding:0;} #chatcontent .nochat {color:#aaa; background:#333;} #chatform {background:rgba(0, 0, 0, 0.9);} @supports (-webkit-backdrop-filter:none) or (backdrop-filter:none) {#chatform {background:rgba(0, 0, 0, 0.4);}} #chatform div.table div.caption {background:#655900; color:#ccc;} #chatform div.table div.rowgroup div {background:#222; color:#ccc;} #chatform div.table {box-shadow:none;} #chatcontent div.newmsg span {background:#000;} #chatbox {background:#385b7b !important; color:#fff;} #chatbox[contenteditable]:empty {background:#333 !important;} #chatbox[contenteditable]::after {color:#fff;} #bottominfobox {background-color:#111; color:#888; background:linear-gradient(172deg, rgb(44 78 120 / 50%) 0%, rgb(153 153 153 / 5%) 30%, rgb(16 0 255 / 15%) 80%, rgb(0 162 255 / 25%) 100%); border-top:1px solid #000;} #bottominfobox a {color:#888;} #bottominfobox select {color:#888;} #overlay_bg {z-index:900; position:fixed; top:0; bottom:0; left:0; right:0; background:#000; background-color:rgba(0, 0, 0, 0.95); overflow:auto;} @supports (-webkit-backdrop-filter:none) or (backdrop-filter:none) {#overlay_bg {background-color:rgba(0, 0, 0, 0.2); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);} #overlay_content {background:#000; background-color:rgba(0, 0, 0, 0.95); box-shadow:0 0 10px #333; color:#ccc;} #dynselectbg {background:#000;} #scrollupbtn {background-color:rgb(0 0 0 / 80%); box-shadow:0px 2px 5px 0px #000;} #scrollupbtn:hover {background-color:#263532; box-shadow:0px 5px 5px 2px #222;} #leftmenu ul, #leftmenu ul li, #leftmenu ul li a {background-color:#222; color:#aaa; box-shadow:none;} h1, h2 {color:#ccc;} h2 {background:linear-gradient(157deg, rgb(22 26 46 / 90%) 0%, rgb(0 0 0 / 60%) 60%, rgb(9 0 36 / 80%) 100%);} h3 {color:#aaa; background:linear-gradient(157deg, rgb(22 26 46 / 90%) 0%, rgb(0 0 0 / 60%) 60%, rgb(9 0 36 / 80%) 100%);} h3.plan_header {color:#666;} h3.plan_header:hover {color:#888; background:#222; transition:0.5s;} h3 a:hover {background:#111;} h3 a:hover img {-webkit-filter:invert(1); filter:invert(1);} h2 a img, #weekselector a.plandruck img, h3 a img {opacity:0.3; transition:0.3s;} h2 a.ball:hover, h3 a.ball:hover {background:#ffffff33; background:radial-gradient(circle, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 50%) 100%);} h4 {color:#ccc;} #weekselector a.plandruck:hover img {-webkit-filter:drop-shadow(0px 0px 4px #fff); filter:drop-shadow(0px 0px 4px #fff); transition:0.3s;} a:hover, a:active {color:#ddd; background:#333;} img {filter:grayscale(30%);} Input:not(.inplan), Select:not(.inplan), Password, textarea {color:#aaa; background-color:#000;} Select.inplan {color:#ddd;} Select.inplan:hover, Input.inplan:hover, Input.inplan:focus, Input[type='text'].inplan_focus {border:1px solid #333; background-color:#000;} hr {height:1px; background:#aaa;} .meeting-weeks tr.even, .meeting-singleweek tr.even {background-color:#222;} .meeting-weeks tr:hover, .meeting-singleweek tr:hover {background-color:#182734;} .meeting-weeks tr td {padding:0 3px 0 3px; border-width:1px 1px 0 0; border-color:#000;} .meeting-weeks tr td, .meeting-weeks tr th {color:#ddd !important;} .meeting-weeks tr .vortragsplanung {background:rgb(71 130 255 / 10%);} .hint {color:#ccc; background:#333; box-shadow:inset 0 0 2px #000;} .inactive {color:#ccc !important; background:#111 !important;} .warning {padding:5px; color:#ddd; background:#a96e00; background:linear-gradient(157deg, #a96e00 0%, #ffa6008c 40%, #ffa600ba 100%);} .error {padding:5px; color:#ddd; background-color:#590d0d !important;} .pill {color:#aaa; background:#333;} select.error, input.error, Input[type="text"].error, Input[type="number"].error, Textarea.error {background-color:#590d0d;} select.error option {color:#aaa; background-color:background-color:#590d0d;} select.error option.error {color:#aaa; background-color:background-color:#590d0d;} input[type="number"][value="0"] {color:#666 !important;} input:valid {color:#ddd;} .icon-link {filter:invert(1);} .icon-link-invert {filter:invert(0);} a.dyndropabort {background:#999; color:#000;} .dyndropdown {background-color:#111;} .dyndropdown a {color:#ddd !important;} .dyndropdown a.selected {background-color:#444;} .dyndropdown a:hover {color:#ddd; background-color:#333;} .dyndropdown .assigninfobox a {background-color:#000;} .dyndropdown a.linktocard img {-webkit-filter:invert(1); filter:invert(1);} .active {padding:5px; color:#ddd; background:#33194d;} @keyframes active_changes {0% {} 30% {background-color:#4b2a6b} 100% {}} .highlight {padding:5px; color:#ddd; background:#35350b;} .content table tr:hover {background-color:#284157 !important;} table.myplan tr:nth-child(even), table.myvortraege tr:nth-child(even), table.einstellungen tr:nth-child(even), table.myaccount td:nth-child(odd), .programmupdater table tr:nth-child(even) {background-color:#000;} table.myplan tr td.mecolcontent {border-left:2px solid #333;} table.myplan tr td.sum, table.myvortraege tr td.sum {background:#444;} table.myaccount td {border:1px dotted #333;} table.decider td {border:none;} table.kalender tr.activeweek {background-color:#385b7b !important;} .trolley_times {background:#111;} @supports (-webkit-backdrop-filter:none) or (backdrop-filter:none) {.trolley_times {background:none; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);}} .trolley_times .trolley_row {background:#333;} @supports (-webkit-backdrop-filter:none) or (backdrop-filter:none) {.trolley_times .trolley_row {background:rgba(255, 255, 255, 0.1);}} .trolley_row {background:#333;} .trolley_row:hover {background-color:#385b7b !important;} .trolley_day {background:#333;} .trolley_row .shiftheader {background:rgb(96 96 96 / 50%);} .trolley_row .shiftheader b {filter:invert(1); color:#333;} .trolley_editcard select, .trolley_editcard * input {border:1px solid #aaa !important; background-color:#000 !important;} .trolley_row .trolley_displaycard .plan_person_me {box-shadow:1px 1px 4px 4px #333 inset;} table.kalender tr td a.kalender_tag, .content-meetings tr td a, table.kalender tr.activeweek td.kal_aktueller_tag a.kalender_tag {color:#aaa;} .kalender_diener tr td.abwesend {border:1px solid #000;} .greyfont {color:#888;} .blackfont {color:#999;} .border_left {border-left:1px solid #000;} .border_bottom {border-bottom:1px solid #000;} .content_plan ul li i {color:#aaa;} .content_plan ul li a.notblue {color:#aaa;} .androidcalendar {background:#333; color:#ccc;} .androidcalendar a {color:#eee;} .w25 {border-color:#000;} .w33 {border-color:#000;} .w50 {border-color:#000;} .w100 {border-color:#000;} .editbutton img, i.icon_cal {filter:invert(1);} .tp_hightlight {background:rgba(253, 251, 78, 0.2)} .vor_blau {color:#4082bf !important;} .ldz_grau {color:#aab6bb !important;} .ldz_gelb {color:#dd9f3c !important;} .ldz_rot {color:#df2039 !important;} .zwe_blau {color:#5781db !important;} .zwe_rot {color:#dd2280 !important;} .die_gelb {color:#c059c0 !important;} .tre_gruen {color:#69cb01 !important;} .rei_orange {color:#00b386 !important;} .ged_rot {color:#fe0101 !important;} .son_lila {color:#995cd6 !important;} .tro_gruen {color:#50af50 !important;} .status_grau {background-color:#666 !important; color:#ccc !important;} a.status_grau:hover {color:#fff!important;} .status_dunkelgrau {background-color:#333 !important; color:#777 !important;} .status_rot, select.status_rot {background-color:#9a1839 !important; color:#eee !important;} .status_ora {background-color:#994d00 !important; color:#fff !important;} .status_gelb {background-color:#999900 !important; color:#000 !important;} .status_gruen {background-color:#427f01 !important; color:#eee !important;} .status_hellblau {background-color:#385b7b !important; color:#eee !important;} #tt_banner:hover, #tt_banner:active {color:#eee; background:#333; box-shadow:none;} #tt_banner {color:#666;} #tt_banner b {color:#aaa;} #weekselector {color:#999;} #weekselector a {color:#888; background:#333; background:rgb(55 84 111 / 50%) !important;} #weekselector a:hover {background:#000;} #weekselector .weekselector_title .weekselector_jumper {background:#111; box-shadow:0 0 10px #000; background-color:rgba(17, 17, 17, 0.90);} #weekselector .weekselector_title .weekselector_jumper span, #weekselector .weekselector_title .weekselector_jumper a {color:#aaa;} #weekselector .weekselector_title .weekselector_jumper a.thisweek {background:rgb(40 65 87 / 0.2);} #weekselector .weekselector_title .weekselector_jumper a:hover {color:#ccc;} #weekselector .weekselector_title .weekselector_jumper span {color:#aaa; border-bottom:1px solid #666;} #weekselector .week_lang {text-shadow:0px 0px 4px #000;} #langswitch {background:#234069;} #langswitch li a {color:#bbb;} #langswitch li a.selected {background:#0009; color:#ccc; box-shadow:0 0 5px #333;} .custom-uploads .file-list--entry {text-decoration:none; background-color:#333; color:#ddd;} .custom-uploads .file-list--entry:hover {background-color:#777; color:#eee;} .content_gebietskarte .content_gebietskarte_container {background:#393939cc; color:#eee;} .content_gebietskarte .content_gebietskarte_container h1 a:hover, .content_gebietskarte .content_gebietskarte_container h1 a:active {background:none;} .content_gebietskarte .content_gebietskarte_container .gebietskarte_beschreibung, .content_gebietskarte .content_gebietskarte_container i {color:#eee;} .content_gebietskarte .content_gebietskarte_container .info_nb {color:#eee;} .content_gebietskarte .content_gebietskarte_container .gebietskarte_info input.klingelanzahl:hover, .content_gebietskarte .content_gebietskarte_container .gebietskarte_info input.klingelanzahl:focus {background-color:#fff !important;} .content_gebietskarte .content_gebietskarte_container .gebietskarte_info .streetname {color:#ccc; background:#333;} .content_gebietskarte .content_gebietskarte_container .gebietskarte_info .klingelanzahl {border-left:1px solid #aaa;} .content_gebietskarte .content_gebietskarte_container .gebietskarte_info input.klingelanzahl {color:#aaa !important;} .content_gebietskarte .content_gebietskarte_container .gebietskarte_info input.klingelanzahl:hover {color:#000 !important;} .content_gebietskarte .content_gebietskarte_container .gebietskarte_info .klingelsumme {background:#111; color:#ccc;} @media only screen and (max-width:1200px) {body {background:none; background-color:#000;}} @media only screen and (max-width:1030px) {.content_gebietskarte .content_gebietskarte_container h1 {color:#eee;} .content_gebietskarte .content_gebietskarte_container {background:#212121;}} @media only screen and (max-width:800px) {ul#submenu {background:#000000;} @supports (-webkit-backdrop-filter:none) or (backdrop-filter:none) {ul#submenu {background:#00000099;}}} @media only screen and (max-width:600px) {#tt_banner {color:#aaa;} #weekselector {color:#ddd;} #weekselector a {color:#ddd; background:#3e5a75;} #menu li.menulink {background:rgba(62, 90, 117, 0.7);} #menu li.menulink a {color:#ddd !important;}}}