table {
    border-collapse : collapse;
    border-spacing  : 0;
    }
.nexttermin td {
    white-space : nowrap;
    }
html, body {
    height : calc(100% - 30px);
    }
body {
    background-color : #e9e9e9;
    background-size  : cover;
    font-family      : Verdana, Helvetica, Arial, sans-serif;
    font-size        : 13px;
    margin           : 0 !important;
    min-width        : 320px;
    }
.handynummer::-webkit-outer-spin-button,
.handynummer::-webkit-inner-spin-button {
    -webkit-appearance : none;
    margin             : 0;
    }
/* Firefox */
.handynummer {
    -moz-appearance : textfield;
    }
.wdstyle {
    background    : #fafafa;
    border        : #ccc 1px solid;
    border-radius : 3px;
    box-shadow    : 0 1px 2px #d1d1d1;
    color         : #666;
    font-size     : 13px;
    margin        : 0 auto;
    padding       : 10px;
    position      : relative;
    text-align    : center;
    text-shadow   : 1px 1px 0 #fff;
    width         : 50%;
    }
.wdstyle h3 {
    margin : 0;
    }
.wdstyle p {
    line-height : 20px;
    }
.wdstyle a {
    display     : block;
    font-weight : bold;
    }
input.regloader {
    background       : url('/include/images/icons/searchload.gif') no-repeat right 10px center;
    background-color : #fcfcfc !important;
    }
#ltab {
    border          : 1px solid #ddd;
    border-collapse : separate;
    border-radius   : 4px;
    font-size       : 13px;
    margin          : 0 auto;
    padding         : 20px;
    max-width       : 800px;
    width           : 100%;
    }
#ltab input[type=text], #ltab input[type=password], #ltab select {
    border    : 1px solid #ddd;
    margin    : 10px;
    padding   : 10px !important;
    width     : 90%;
    font-size : 20px !important;
    }
#ltab input[type=submit] {
    border        : 1px solid #ddd;
    cursor        : pointer;
    outline       : 0;
    font-size     : 20px;
    margin-top    : 10px;
    border-radius : 10px;
    padding       : 15px !important;
    }
body.shownav {
    overflow : hidden;
    }
.sysicon {
    background-color : #f1f1f1;
    border           : 1px solid #ccc;
    border-radius    : 2px;
    color            : #222;
    font-size        : 18px;
    line-height      : normal;
    margin           : 4px 0;
    padding          : 6px;
    text-shadow      : none;
    }
.sysicon.fa-trash {
    color : indianred;
    }
.bigsysicon.fa-comments:hover {
    color : grey;
    }
.sysicon.mail {
    color : darkorange;
    }
.smallsort {
    padding : 0 !important;
    }
.maintance {
    background  : rgba(0, 0, 0, 0.6);
    color       : white;
    font-size   : 16px;
    line-height : 30px;
    padding     : 10px;
    text-align  : center;
    }
#noscript {
    background-color : red;
    font-size        : 20px;
    font-weight      : bold;
    padding          : 50px;
    position         : fixed;
    text-align       : center;
    top              : 0;
    width            : 100%;
    z-index          : 1000;
    }
.bbcode_table {
    border          : 1px solid #ccc;
    border-collapse : collapse;
    }
.linfo {
    display    : block;
    font-size  : 12px;
    margin-top : 5px;
    }
#canv {
    position : fixed;
    z-index  : 100;
    }
*.hp {
    animation     : none !important;
    border-radius : 0 !important;
    box-shadow    : 0 0 0 !important;
    text-shadow   : 0 0 0 !important;
    transition    : none !important;
    }
.fancybox {
    overflow : visible !important;
    }
a {
    outline : 0 !important;
    }
a:active, a:link, a:visited {
    color           : #222;
    text-decoration : none;
    transition      : color 0.3s linear;
    }
a:hover {
    color : darkorange;
    }
.switch-field {
    display      : flex;
    overflow     : hidden;
    user-select  : none;
    margin-right : 30px;
    }
.switch-field input {
    position : absolute !important;
    clip     : rect(0, 0, 0, 0);
    height   : 1px;
    width    : 1px;
    border   : 0;
    overflow : hidden;
    }
.switch-field label {
    background-color : #e4e4e4;
    color            : rgba(0, 0, 0, 0.6);
    font-size        : 14px;
    line-height      : 1;
    text-align       : center;
    padding          : 20px;
    margin-right     : -1px;
    border           : 1px solid rgba(0, 0, 0, 0.2);
    box-shadow       : inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
    transition       : all 0.1s ease-in-out;
    }
.switch-field label:hover {
    cursor : pointer;
    }
.switch-field input:checked + label {
    background-color : #a5dc86;
    box-shadow       : none;
    }
.switch-field label:first-of-type {
    border-radius : 4px 0 0 4px;
    }
.switch-field label:last-of-type {
    border-radius : 0 4px 4px 0;
    }
.xswitch {
    cursor         : pointer;
    display        : inline-flex;
    vertical-align : middle;
    }
.xswitch input {
    display : none;
    }
.xswitch .buttonbackground:hover {
    cursor : pointer;
    }
.xswitch .buttonbackground {
    background-color : #ccc;
    border-radius    : 1.25rem;
    display          : block;
    height           : 12px;
    margin-top       : 2px;
    position         : relative;
    transition       : background-color 0.2s ease;
    width            : 30px;
    }
.xswitch input:checked + .buttonbackground {
    background-color : #64b464;
    }
.xswitch .buttonslider {
    background-color : #ddd;
    border           : 1px solid #aaa;
    border-radius    : 50%;
    display          : block;
    height           : 14px;
    left             : 0;
    position         : absolute;
    top              : -0.2em;
    transition       : all 0.2s ease;
    width            : 14px;
    }
.xswitch input:checked + .buttonbackground .buttonslider {
    background-color : #eee;
    left             : 15px;
    }
input[type=date] {
    resize : none;
    }
input[type=checkbox] {
    cursor : pointer;
    height : 15px;
    width  : 15px;
    }
input[type=radio] {
    cursor         : pointer;
    height         : 16px;
    margin-top     : -1px;
    vertical-align : middle;
    width          : 16px;
    }
select, textarea, input, button {
    border          : 1px solid #cccccc;
    border-radius   : 2px;
    box-sizing      : border-box;
    color           : #222222;
    font-family     : Verdana, Helvetica, Arial, sans-serif;
    font-size       : 12px;
    padding         : 6px;
    resize          : vertical;
    text-decoration : none;
    }
input[type=submit], input[type=button], button, a.button, .shfbutton {
    background-color : #333;
    border           : 0;
    border-radius    : 2px;
    box-sizing       : border-box;
    color            : white !important;
    cursor           : pointer;
    display          : inline-block;
    outline          : none;
    padding          : 6px !important;
    }
input[type=submit].disabled {
    background-color : #666;
    cursor           : not-allowed;
    }
input[type=submit]:active, input[type=button]:active, button:active, a.button:active, .shfbutton:active {
    background-color : darkorange;
    color            : white;
    }
input[type=submit].loaders, input[type=button].loaders, button.loaders, a.button.loaders {
    background       : url('/include/images/icons/searchload.gif') no-repeat right 10px center;
    background-color : #333 !important;
    padding-right    : 30px !important;
    pointer-events   : none;
    }
input[type=submit].select, input[type=button].select, button.select, a.button.select, .shfbutton.select {
    background-color : darkorange;
    color            : white;
    }
.clear {
    clear : both;
    }
.xsearchinput {
    margin   : 0 auto;
    position : relative;
    width    : 90%;
    }
.xsearchinput > input {
    width : 100%;
    }
.xsearchinput > button {
    background : none;
    color      : #222 !important;
    font-size  : 13px;
    padding    : 4px !important;
    position   : absolute;
    right      : 5px;
    top        : 0;
    }
.logbuttbar {
    display : flex;
    }
.logbuttbar > * {
    flex         : 1 100%;
    margin-right : 5px;
    }
#loginin {
    color      : white;
    list-style : none;
    margin     : 0;
    padding    : 0;
    position   : absolute;
    right      : 20px;
    }
#loginin li {
    font-size : 13px;
    }
#loginin li a {
    color : white;
    }
.respcols {
    display    : flex;
    flex-flow  : row wrap;
    list-style : none;
    margin     : 0;
    padding    : 0;
    }
.respcols > * {
    flex : 50%;
    }
.headline {
    align-items : center;
    background  : #23282d;
    box-sizing  : border-box;
    display     : flex;
    flex-flow   : row wrap;
    min-height  : 50px;
    position    : relative;
    }
.headline img {
    border-radius : 4px;
    height        : 50px;
    margin        : 6px 0 0 0;
    width         : 195px;
    }
.adminsonline {
    color  : white;
    margin : 0 10px 0 15px;
    }
.adminsonline a {
    color       : #aaa;
    font-weight : bold;
    }
.adminsonline a.logout {
    color       : white;
    font-weight : bold;
    margin-left : 10px;
    }
.headline > ul {
    align-items : center;
    color       : #ddd;
    display     : flex;
    flex        : 1;
    flex-flow   : row wrap;
    font-size   : 14px;
    list-style  : none;
    margin      : 0;
    padding     : 0 0 0 10px;
    }
.headline > ul > li {
    margin-right : 20px;
    }
.headline > ul > li > a {
    color   : #ddd;
    padding : 5px;
    }
.headline > ul > li > a:hover {
    background : indianred;
    }
.dayplanoptions {
    color       : white;
    display     : none;
    font-size   : 24px;
    position    : absolute;
    right       : 20px;
    display     : flex;
    list-style  : none;
    align-items : center;
    font-size   : 20px;
    }
.dayplanoptions > li {
    margin : 0 10px;
    cursor : pointer;
    }
.content {
    display    : flex;
    flex-flow  : row;
    min-height : 100%;
    }
.left {
    background : #23282d;
    flex       : 1 0;
    max-width  : 220px;
    min-width  : 225px;
    }
.left.show {
    display  : block;
    height   : 100%;
    position : fixed;
    width    : 100%;
    z-index  : 10000;
    }
.left ul {
    color      : #ddd;
    font-size  : 14px;
    list-style : none;
    margin     : 0;
    padding    : 0;
    }
.left > ul {
    padding : 25px 0 0 0;
    }
.left > ul > li {
    margin-bottom : 10px;
    }
.left > ul > li.resp {
    display : none;
    }
.left > ul > li.resp img {
    border-radius : 4px;
    height        : 50px;
    margin        : 0 0 0 15px;
    width         : 195px;
    }
.left > ul > li > ul {
    display      : none;
    font-size    : 12px;
    margin-top   : 10px;
    padding-left : 5px;
    }
.left ul li a > i {
    font-size    : 18px;
    margin-right : 5px;
    text-align   : center;
    width        : 30px;
    }
.left ul li > a {
    align-items : center;
    color       : #ddd !important;
    display     : flex;
    padding     : 5px 0 5px 10px;
    text-shadow : 0 1px 1px black;
    }
.left > ul > li > ul > li > a:hover {
    background : none;
    color      : indianred !important;
    }
.left > ul > li > ul > li > a.show {
    color       : indianred !important;
    font-weight : bold;
    }
.left > ul > li > a:hover {
    background : #191e23;
    color      : indianred !important;
    }
.left > ul > li > a:hover > i {
    color : indianred;
    }
.left > ul > li > a.select {
    background : indianred;
    }
.left > ul > li > a.select:hover {
    color : #ddd !important;
    }
.left > ul > li > a.select:hover > i {
    color : #ddd !important;
    }
.left > ul > li > a {
    position : relative;
    }
.left > ul > li > a.select:after {
    border-bottom : 8px solid transparent;
    border-left   : 10px solid transparent;
    border-right  : 8px solid #f1f1f1;
    border-top    : 8px solid transparent;
    content       : '';
    height        : 0;
    position      : absolute;
    right         : 0;
    top           : 6px;
    width         : 0;
    }
.right {
    flex     : 1;
    overflow : hidden;
    padding  : 10px;
    }
.xadmintitle {
    align-items    : center;
    border-bottom  : 1px solid #ddd;
    color          : #222;
    display        : flex;
    flex-flow      : row wrap;
    font-size      : 16px;
    margin         : 0 0 10px 0;
    padding-bottom : 10px;
    position       : relative;
    }
.xadmintitle.stats {
    display : flex;
    }
.xadmintitle.stats a {
    font-size   : 14px;
    font-weight : normal;
    }
.xadmintitle .statsul {
    display    : block;
    left       : 50%;
    text-align : center;
    text-align : center;
    width      : 100%;
    }
.xadmintitle .statsul > * {
    display : inline-block;
    }
.xadmintitle .xswitch .buttonbackground {
    height : 20px;
    width  : 60px;
    }
.xadmintitle .xswitch .buttonslider {
    height : 24px;
    width  : 24px;
    }
.xadmintitle .xswitch input:checked + .buttonbackground .buttonslider {
    left : 35px;
    }
#searchkunde {
    bottom    : 5px;
    max-width : 250px;
    right     : 10px;
    width     : 100%;
    }
.xadmintitle .mswitch {
    margin-top : -2px;
    }
.xadmintitle > form {
    flex : 1;
    }
.xadmintitle ul {
    display     : flex;
    font-size   : 14px;
    font-weight : normal;
    list-style  : none;
    margin      : 0 0 0 20px;
    padding     : 0;
    }
.xadmintitle > div {
    flex : 1;
    }
.xadmintitle > div + div {
    flex : none;
    }
.xadmintitle ul > * {
    margin-right   : 15px;
    vertical-align : middle;
    }
.xadmintitle > a {
    font-size   : 12px;
    font-weight : normal;
    }
.inner {
    margin    : 0 auto;
    max-width : 1100px;
    position  : relative;
    }
.outer {
    border-bottom : 3px solid darkorange;
    border-radius : 10px;
    box-shadow    : 0 3px 5px #000000;
    box-sizing    : border-box;
    margin        : 55px auto 55px auto;
    max-width     : 1400px;
    position      : relative;
    }
.outer.com nav {
    border-radius : 10px 10px 0 0;
    }
#content {
    align-items      : flex-start;
    background-color : #e9ebee;
    border-radius    : 0 0 10px 10px;
    display          : flex;
    flex-flow        : row;
    }
#middle {
    background-color : white;
    border-bottom    : 2px solid #ababab;
    border-radius    : 0 0 0 10px;
    flex             : 3 0;
    min-width        : 250px;
    position         : relative;
    }
#middle.forum {
    border-radius : 0 0 10px 10px;
    }
#right {
    border-bottom : 2px solid #ababab;
    border-radius : 4px 4px 0 0;
    color         : #000;
    flex          : 1.1 0;
    margin        : 10px 5px;
    min-width     : 285px;
    }
.xinputadmin {
    border        : #ccc 1px solid;
    border-radius : 4px;
    box-shadow    : 0 1px 2px #d1d1d1;
    color         : #666;
    font-size     : 14px;
    text-shadow   : 1px 1px 0 #fff;
    width         : 80%;
    }
.xinputadmin td:first-child {
    border-left : 0;
    width       : 22%;
    }
.xinputadmin th {
    background    : linear-gradient(to top, #ededed, #ebebeb);
    border-bottom : 1px solid #e0e0e0;
    border-top    : 1px solid #fafafa;
    padding       : 10px;
    }
.xinputadmin tr:first-child th:first-child {
    border-top-left-radius : 4px;
    }
.xinputadmin tr:first-child th:last-child {
    border-top-right-radius : 4px;
    }
.xinputadmin td {
    background    : #fafafa;
    background    : linear-gradient(to top, #fbfbfb, #fafafa);
    border-bottom : 1px solid #e0e0e0;
    border-left   : 1px solid #e0e0e0;
    padding       : 10px;
    }
.xinputadmin td input[type=text], input[type=file] {
    width : 300px;
    }
.xinputadmin tr:last-child td {
    border-bottom : 0;
    }
.xinputadmin tr:first-child td:first-child {
    border-top-left-radius : 4px;
    }
.xinputadmin tr:first-child td:last-child {
    border-top-right-radius : 4px;
    }
.xinputadmin tr:last-child td:first-child {
    border-bottom-left-radius : 4px;
    }
.xinputadmin tr:last-child td:last-child {
    border-bottom-right-radius : 4px;
    }
.xinputadmin tr:hover td {
    background : #f2f2f2;
    background : linear-gradient(to top, #f2f2f2, #f0f0f0);
    }
.xadmintable {
    border        : #ccc 1px solid;
    border-radius : 4px;
    box-shadow    : 0 1px 2px #d1d1d1;
    color         : #666;
    font-size     : 14px;
    text-shadow   : 1px 1px 0 #fff;
    width         : 90%;
    }
.xadmintable th {
    background    : linear-gradient(to top, #ededed, #ebebeb);
    border-bottom : 1px solid #e0e0e0;
    border-top    : 1px solid #fafafa;
    padding       : 10px;
    }
.xadmintable th:nth-child(2) {
    padding-left : 20px;
    text-align   : left;
    }
.xadmintable tr:first-child th:first-child {
    border-top-left-radius : 4px;
    }
.xadmintable tr:first-child th:last-child {
    border-top-right-radius : 4px;
    }
.xadmintable tr {
    padding-left : 20px;
    text-align   : center;
    }
.xadmintable tr.active {
    color : indianred;
    }
.xadmintable td:first-child {
    border-left : 0;
    }
.xadmintable td:nth-child(2) {
    text-align : left;
    }
.alone {
    text-align : center !important;
    }
.xadmintable td {
    background    : #fafafa;
    background    : linear-gradient(to top, #fbfbfb, #fafafa);
    border-bottom : 1px solid #e0e0e0;
    border-left   : 1px solid #e0e0e0;
    padding       : 0 10px;
    }
.xadmintable tr:last-child td {
    border-bottom : 0;
    }
.xadmintable tr:last-child td:first-child {
    border-bottom-left-radius : 4px;
    }
.xadmintable tr:last-child td:last-child {
    border-bottom-right-radius : 4px;
    }
.xadmintable tr:hover td {
    background : #f2f2f2;
    background : linear-gradient(to top, #f2f2f2, #f0f0f0);
    }
.nohover {
    background  : #fafafa !important;
    padding     : 0 !important;
    text-shadow : 0 0 0 !important;
    }
#explode {
    background-color : #e9ebee;
    border-radius    : 0 0 0 8px;
    color            : #222;
    margin           : 0 5px 5px 5px;
    padding          : 10px 5px;
    }
.exin {
    background-color : #fff;
    border-bottom    : 2px solid #ababab;
    position         : relative;
    }
.exin .exin_h2 {
    background    : linear-gradient(to top, #222, #2c2b2b);
    border-bottom : 3px solid orange;
    border-radius : 4px 4px 0 0;
    color         : white;
    font-size     : 13px;
    font-weight   : normal;
    margin        : 0;
    padding       : 10px;
    position      : relative;
    text-align    : left;
    text-shadow   : 0 1px 1px black;
    }
.exin .exin_h2 a {
    color : white;
    }
.exin .exin_in {
    padding : 10px;
    }
.frh2 {
    border-bottom  : 1px solid #333;
    font-size      : 16px;
    margin         : 10px;
    padding-bottom : 5px;
    }
/************************************************************************************
LOGIN
*************************************************************************************/
#loginin {
    list-style : none;
    margin     : 0;
    padding    : 0;
    }
#loginin li {
    display : inline;
    margin  : 0 5px 0 5px;
    }
/*Box*/
.floatingbox {
    background    : white;
    border-radius : 6px;
    box-shadow    : 1px 3px 12px rgba(0, 0, 0, 0.6);
    font-size     : 12px;
    left          : 0;
    margin        : 0 auto;
    min-width     : 420px;
    opacity       : 0;
    position      : fixed;
    right         : 0;
    text-align    : center;
    top           : 0;
    width         : 70%;
    z-index       : 147;
    }
.floatingbox.select {
    opacity : 1;
    top     : 12%;
    }
.floatingbox.nocenter {
    text-align : left;
    }
.floatingbox > h2 {
    background  : #222;
    border-top  : 1px solid #333;
    box-shadow  : 0 5px 10px -5px rgba(0, 0, 0, 0.56);
    color       : white;
    font-size   : 14px;
    margin      : 0;
    padding     : 15px 10px;
    position    : relative;
    text-shadow : 0 1px 1px black;
    user-select : none;
    z-index     : 10;
    }
.floatingbox > h2 > a {
    top : 15px !important;
    }
.floatin {
    border-radius : 0 0 6px 6px;
    max-height    : 900px;
    overflow      : hidden;
    padding       : 10px;
    position      : relative;
    }
.floatin:after {
    bottom     : 0;
    box-shadow : inset 0 -5px 10px -5px rgba(0, 0, 0, 0.56);
    content    : '';
    height     : 10px;
    left       : 0;
    position   : absolute;
    width      : 100%;
    z-index    : 1111111;
    }
.closefloatbox {
    border        : 3px solid #222;
    border-radius : 100%;
    cursor        : pointer;
    font-size     : 18px;
    position      : absolute;
    right         : -5px;
    top           : -5px;
    transition    : all 0.3s linear;
    }
.closefloatbox:hover {
    transform : rotate(360deg);
    }
.shead {
    background    : darkorange;
    border-radius : 4px 4px 0 0;
    color         : white;
    font-size     : 13px;
    font-weight   : bold;
    height        : 30px;
    line-height   : 30px;
    position      : relative;
    text-align    : center;
    text-shadow   : 0 1px 1px black;
    }
.shead:hover {
    cursor : crosshair;
    }
.dhead {
    background     : #959595;
    background     : linear-gradient(to bottom, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
    border-radius  : 4px 4px 0 0;
    color          : #ffffff;
    font-size      : 12px;
    font-weight    : bold;
    height         : 15px;
    line-height    : 5px;
    padding-bottom : 5px;
    padding-top    : 5px;
    text-align     : center;
    text-shadow    : 0 1px 2px #000000;
    width          : 100%;
    }
.dcont {
    background    : #222222;
    border-radius : 4px;
    box-shadow    : 0 0 5px black;
    color         : #ffffff;
    font-size     : 11px;
    opacity       : 0.9;
    position      : fixed;
    text-align    : center;
    width         : 300px;
    z-index       : 111000;
    }
div.ui-datepicker {
    font-size : 13px;
    }
/************************************************************************************
Gefahrene Meter
*************************************************************************************/
.meterfilter {
    background      : white;
    border          : 2px solid #ccc;
    border-radius   : 6px;
    display         : flex;
    flex-flow       : row wrap;
    justify-content : center;
    list-style      : none;
    margin          : 0 auto 10px auto;
    max-width       : 600px;
    padding         : 5px 0 0 0;
    text-align      : center;
    }
.meterfilter > * {
    margin : 5px;
    }
.meterfilter > * select {
    width : 150px;
    }
/*****************************************************
Seitenanzeige
*****************************************************/
.dblinks {
    align-items     : center;
    display         : flex;
    flex-flow       : row wrap;
    justify-content : center;
    list-style      : none;
    margin          : 10px 0 20px 0;
    padding         : 0;
    position        : relative;
    z-index         : 100;
    }
.dblinks > li:first-child a:before {
    border-bottom : 6px solid transparent;
    border-left   : 5px solid transparent;
    border-right  : 5px solid transparent;
    border-top    : 6px solid white;
    content       : '';
    height        : 0;
    left          : 6px;
    position      : absolute;
    top           : 10px;
    width         : 0;
    }
.dblinks > li {
    margin      : 0 2px;
    position    : relative;
    user-select : none;
    }
.dblinks > li a {
    background-color : #ddd;
    font-weight      : normal;
    padding          : 5px 10px;
    text-decoration  : none;
    }
.dblinks > li a:hover {
    background-color : #333;
    color            : white;
    }
.dblinks > li:first-child a {
    background-color : #333;
    color            : white;
    cursor           : pointer;
    padding-left     : 21px;
    position         : relative;
    }
.dblinks > li.dbselect a {
    background-color : #333;
    color            : white;
    }
.dblinks > li.dbpfeil a span {
    display        : inline-block;
    margin-top     : -5px;
    vertical-align : middle;
    }
.dblinks > li:first-child ul {
    background-color : #ddd;
    border           : 1px solid #ccc;
    display          : none;
    font-size        : 12px;
    left             : 0;
    list-style       : none;
    margin           : 0;
    padding          : 0;
    position         : absolute;
    top              : -35px;
    transition       : left 0.3s linear;
    width            : 200px;
    }
.dblinks > li:first-child ul li {
    padding : 0 0 0 10px;
    }
.dblinks > li:first-child ul li input {
    padding : 2px 0;
    }
.commaster {
    border-bottom : 2px solid #ababab;
    width         : 100%;
    }
.commaster th {
    background    : linear-gradient(to top, #222, #2c2b2b);
    border-bottom : 3px solid indianred;
    color         : #fff;
    font-size     : 12px;
    font-weight   : normal;
    padding       : 10px;
    text-shadow   : 0 1px 1px black;
    }
.commaster th:first-child {
    border-top-left-radius : 4px !important;
    }
.commaster th:last-child {
    border-top-right-radius : 4px !important;
    }
.commaster td:first-child {
    border-left : 0;
    }
.commaster td {
    background     : #fff;
    border-bottom  : 1px solid #e9ebee;
    border-left    : 1px solid #e9ebee;
    border-top     : 1px solid #ffffff;
    padding        : 10px;
    transition     : background 0.3s linear;
    vertical-align : middle;
    }
.commaster.server td {
    padding : 10px 10px;
    }
.commaster.arcadeout td {
    text-shadow : 0 1px 1px #fff;
    }
.commaster:not(.nohover) tr:hover td {
    background : #f2f2f2
    }
.nohover {
    background  : #fafafa !important;
    padding     : 0 !important;
    text-shadow : 0 0 0 !important;
    }
.nohover .dblinks {
    margin-bottom : 11px;
    }
.xcommaster {
    border-bottom : 2px solid #ababab;
    list-style    : none;
    margin        : 0;
    padding       : 0;
    }
.xcommaster.challenges .row {
    align-items : stretch;
    }
.xcommaster .row {
    align-items : center;
    background  : white;
    display     : flex;
    flex-flow   : row wrap;
    transition  : background 0.3s linear;
    }
.xcommaster .row > * {
    flex       : 1;
    min-width  : 250px;
    text-align : center;
    }
.xcommaster .row.head {
    background    : linear-gradient(to top, #222, #2c2b2b);
    border-bottom : 3px solid darkorange;
    border-radius : 4px 4px 0 0;
    color         : white;
    font-size     : 13px;
    font-weight   : normal;
    position      : relative;
    text-align    : left;
    text-shadow   : 0 1px 1px black;
    }
.xcommaster .row.head .cell {
    background : none;
    border     : 0;
    }
.xcommaster .row.head .cell:first-child {
    border-radius : 4px 0 0 0;
    }
.xcommaster .row.head .cell:last-child {
    border-radius : 0 4px 0 0;
    }
.xcommaster .row .cell {
    border-left  : 1px solid #e0e0e0;
    border-right : 1px solid #e0e0e0;
    padding      : 9px;
    }
.xcommaster .row .cell:first-child, .xcommaster .row .cell:last-child {
    border-left  : none;
    border-right : none;
    }
.xcommaster .row:not(.head):hover {
    background : #f2f2f2;
    }
.xcommaster.overview .row:not(.head):hover {
    background : white;
    }
.xcommaster.overview .row > *:nth-child(1) {
    align-self : flex-start;
    flex       : 1;
    }
.xcommaster.overview .row > *:nth-child(2) {
    flex : 3;
    }
.xcommaster.overview .row > *:nth-child(3) {
    flex : 1;
    }
.xcommaster.overview .row .cell .xpavatar {
    background    : #e9ebee;
    border-radius : 100%;
    padding       : 4px;
    }
#shadowmask {
    background : #000000;
    bottom     : 0;
    height     : 100%;
    left       : 0;
    margin     : 0;
    opacity    : 0;
    padding    : 0;
    position   : fixed;
    right      : 0;
    top        : 0;
    transition : all 0.3s linear;
    visibility : hidden;
    width      : 100%;
    z-index    : 145;
    }
#shadowmask.select {
    opacity    : .75;
    visibility : visible;
    }
.resptable {
    overflow : auto;
    }
/*****************************************************
Tagesplan
*****************************************************/
.stayfixed {
    position   : fixed;
    background : #e9e9e9 !important;
    width      : 100%;
    left       : 0;
    top        : -100%;
    padding    : 10px 0 10px 10px;
    }
.stayfixed.show {
    position   : fixed;
    background : #e9e9e9 !important;
    width      : 100%;
    left       : 0;
    top        : 50px;
    padding    : 10px 0 10px 10px;
    }
.tagflex {
    display       : flex;
    flex-flow     : row wrap;
    margin-bottom : 10px;
    }
.dayswitch {
    align-items : center;
    display     : flex;
    list-style  : none;
    margin      : 0 auto;
    padding     : 0;
    }
.dayswitch > * {
    margin : 0 10px;
    }
.outputrefresh {
    display     : block;
    padding-top : 50px;
    }
.outputrefresh.show {
    display     : block;
    padding-top : 280px;
    }
.dayswitch > * a {
    background    : #ddd;
    border        : 1px solid #ccc;
    border-radius : 4px;
    color         : indianred;
    font-size     : 20px;
    padding       : 20px;
    }
.tagoptions {
    display         : flex;
    list-style      : none;
    margin          : 0;
    padding         : 0;
    flex-flow       : row wrap;
    align-items     : center;
    justify-content : center;
    width           : 100%;
    }
.tagoptions > li {
    margin : 10px;
    flex   : 1;
    }
.tagoptions > * > .fahrer {
    background  : #ddd;
    border      : 1px solid #ccc;
    list-style  : none;
    margin      : 0;
    padding     : 5px;
    white-space : nowrap;
    display     : inline-block;
    }
.fahrertable {
    table-layout    : fixed;
    border-collapse : collapse;
    border-spacing  : 10px;
    }
.fahrertable > tbody > tr > td {
    padding : 0 4px;
    }
.tagoptions > * ul.zeitdif {
    width : auto;
    }
.tagoptions > * > .fahrer > li {
    font-weight : bold;
    }
.tagoptions > * > .fahrer > li > span {
    text-decoration : underline;
    }
.tagoptions > * > .fahrer > li ul {
    font-weight : normal;
    line-height : 22px;
    list-style  : none;
    margin      : 0;
    padding     : 5px 0;
    }
.tagoptions > * > .fahrer > li ul > li {
    font-weight : normal;
    }
@media only screen and (max-width : 1050px) {
    .respcols {
        display         : flex;
        flex-flow       : column;
        justify-content : center;
        list-style      : none;
        margin          : 0;
        padding         : 0;
        }
    .respcols > * {
        flex   : auto;
        margin : 10px 0;
        }
    .xinputadmin, .xadmintable {
        width : 100% !important;
        }
    }
@media only screen and (max-width : 870px) {
    .floatingbox {
        top : 18% !important;
        }
    }
@media only screen and (max-width : 700px) {
    .floatin {
        max-height : 550px !important;
        }
    .fa-bars {
        display : block;
        z-index : 1000;
        }
    .content {
        flex-flow : column;
        }
    .left {
        display : none;
        }
    .headline > ul {
        align-items : center;
        color       : #ddd;
        display     : none;
        flex        : 1;
        flex-flow   : row wrap;
        font-size   : 14px;
        list-style  : none;
        margin      : 0;
        padding     : 0 0 0 10px;
        }
    .left > ul {
        padding : 0;
        }
    .left > ul > li.resp {
        display : block;
        }
    }
@media only screen and (max-height : 700px) {
    .floatin {
        max-height : 550px !important;
        }
    }