/**
* SIMPLE Responsive
* Vereinfachte Responsive Breakpoints
* domicil Clubplaner - 2020
*
**/
/* Widescreen - Breite über 1380px */
@media only screen and (min-width: 1380px) {

    body{
        /* border: 5px dashed #ddde39 !important; */
    }

    /* Reinigungsmodul jetzt schon umbrechen. */
    #cleaningrooms.vio_clubplaner_module .tl_listing_container thead{
        display: none !important;
    }

    #cleaningrooms.vio_clubplaner_module .tl_listing_container input[type="checkbox"] {
        display: inline;
        margin-left: 0;
        position: static;
        margin-right: 20px;
    }

    #cleaningrooms.vio_clubplaner_module .tl_listing_container input.tl_text{
        width: 40%;
    }

    #cleaningrooms.vio_clubplaner_module table{
        display: block !important;
    }

    #cleaningrooms.vio_clubplaner_module table tr{
        display: inline-block !important;
        position: relative !important;
        width: 47% !important;
        height: auto !important;
        border: 1px solid #ddd;
        margin-right: 2.5%;
        margin-bottom: 25px !important;
    }

    #cleaningrooms.vio_clubplaner_module .col_1 .value {
        line-height: 21px !important;
    }

    #cleaningrooms.vio_clubplaner_module table td.tl_file_list{
        display: inline-block !important;
        padding: 0 !important;
        height: auto !important;
        width: 100% !important;
        clear: both !important;
    }

    #cleaningrooms.vio_clubplaner_module .tl_listing_container tbody td,
    #cleaningrooms.vio_clubplaner_module .tl_listing_container thead th{
        text-align: left;
        padding: 0 !important;
    }

    #cleaningrooms.vio_clubplaner_module .tl_listing_container tbody td.col_1,
    #cleaningrooms.vio_clubplaner_module .tl_listing_container thead th.col_1{
        padding-top: 0 !important;
    }

    #cleaningrooms.vio_clubplaner_module .tl_listing_container tbody td.col_1,
    #cleaningrooms.vio_clubplaner_module .tl_listing_container thead th.col_1,
    #cleaningrooms.vio_clubplaner_module .tl_listing tr.odd.hover-row:hover td.td.col_1{
        padding-left: 0 !important;
        padding-bottom: 0 !important;
        background-color: #2e5068 !important;
        color: #ffffff !important;
    }

    #cleaningrooms.vio_clubplaner_module .tl_listing_container tbody td:last-child,
    #cleaningrooms.vio_clubplaner_module .tl_listing_container thead th:last-child {
        padding-bottom: 20px !important;
    }

    #cleaningrooms.vio_clubplaner_module label.hideLabel{
        display: inline-block !important;
        color: #2e5068;
        font-weight: 600 !important;
        text-transform: uppercase;
        letter-spacing: 0.08rem;
        font-size: 0.9rem;
        white-space: nowrap;
        width: 20%;
        margin-top: 6px;
        line-height: 32px;
        float: left;
    }

    #cleaningrooms.vio_clubplaner_module .tl_listing_container tbody td.function{
        display: block;
        width: calc(100% - 5px) !important;
        text-align: right;
        padding: 9px 5px 12px 0 !important;
    }

    #cleaningrooms.vio_clubplaner_module .tl_listing_container tbody td.function .value{
        padding-right: 0;
    }

    #cleaningrooms.vio_clubplaner_module .tl_listing_container tbody td select{
        margin-top: 0 !important;
        padding: 3px 5px 5px 10px !important;
        background-position: 99.8% 11px;
    }

    #cleaningrooms.vio_clubplaner_module .tl_listing_container tbody td input{
        padding: 8px 10px 10px 15px !important;
    }

    #cleaningrooms.vio_clubplaner_module .col_1 label.hideLabel{
        font-size: 0.8rem;
        font-weight: 700 !important;
        color: #ffffff;
        margin-top: 0 !important;
    }

    #cleaningrooms.vio_clubplaner_module .value{
        display: inline-block !important;
        width: calc(70% - 34px);
        line-height: 1.6em;
    }

    #cleaningrooms.vio_clubplaner_module .tl_listing_container thead th.col_1,
    #cleaningrooms.vio_clubplaner_module .tl_listing_container tbody td.col_1{
        padding-left: 0 !important;
        min-width: 1px;
    }

    #cleaningrooms.vio_clubplaner_module .tl_listing_container thead th.col_1 label.hideLabel{
        margin-top: 0;
    }


    #cleaningrooms.vio_clubplaner_module .tl_listing_container #cateringTable tbody td.textoutput{
        padding: 0 !important;
        vertical-align: middle;
    }

    #cleaningrooms.vio_clubplaner_module .hideLabel, #cleaningrooms.vio_clubplaner_module .value{
        height: 50px;
        padding-top: 15px;
        padding-left: 19px;
        padding-right: 15px;
        line-height: 32px !important;
    }

    #cleaningrooms.vio_clubplaner_module .tl_listing_container .value.hasInput{
        padding-bottom: 15px;
        height: auto;
    }

    #personalplan .filter .column,
    #cleaningrooms .filter .column,
    #kskgema .filter .column,
    #catering .filter .column{
        width: 25%;
    }
}

/* 2. Mittel - Breite unter 1700px - Laptop quer */
@media only screen and (max-width: 1700px) {

    body{
        /* border: 5px dashed #f00 !important; */
    }

    .timepicker.mcwUpdateFields input {
        width: 91% !important;
    }

    #ctrl_quarters .datepicker .tl_text, #ctrl_shuttle .datepicker .tl_text, #ctrl_quarters .timepicker .tl_text, #ctrl_shuttle .timepicker .tl_text {
        width: 88% !important;
    }

    #ctrl_quarters .tl_select.tl_viochosen, #ctrl_shuttle .tl_select.tl_viochosen {
        width: 86% !important;
    }

    #tl_vio_event .tl_modulewizard#ctrl_quarters tr, #tl_vio_event .tl_modulewizard#ctrl_shuttle tr {
        padding: 10px 0 40px 18px;
        width: 98%;
    }

    .filter .column{
        width: 33.3333% !important;
        height: 84px;
        display: block;
        float: left;
    }

    .filter .column.button.export {
        text-align: left;
        padding-top: 26px;
    }

    .filter .column input, .filter .column select {
        width: 86% !important;
    }

    .vio_clubplaner_module .tl_filter {
        width: 98%;
        padding-left: 35px;
        padding-top: 15PX;
    }

    .split-button button{
        width: 190px;
        padding: 14px 17px;
    }

    fieldset.tl_box > legend, fieldset.tl_tbox > legend {
        font-size: 1rem;
    }

    .vio_clubplaner_module .tl_listing_container thead th.col_1, .vio_clubplaner_module .tl_listing_container tbody td.col_1 {
        min-width: 150px;
    }

    .Vereins-Dienstplan .tl_right_nowrap{
        white-space: normal;
    }

    .Vereins-Dienstplan .tl_right_nowrap a{
        line-height: 2em;
    }

    #tl_vio_event .tl_box h3 label, .tl_tbox h3 label {
        font-size: 0.9rem;
    }

    #tl_vio_event .tl_box .widget.vertragspanel {
        margin-bottom: 30px;
    }

    #sub_contingente_header .contingent_list_total {
        width: 42.2%;
    }

    #sub_contingente_header .rest_list_total {
        width: 25.4%;
    }

    .sub_header {
        width: 98%;
    }

    .w10.cleaningroom {
        width: calc(20% - 50px);
    }

    .w90.cleaningtime {
        width: calc(80% - 30px);
        float: left;
    }

    .vioSideMenuSaveWrapper{
        width: 35%;
    }

    .vioSideMenuWapper {
        width: 64%;
    }

    .vioSideMenu-Items ul li a {
        padding: 23px 14px;
    }

    #calendar .fc-widget-content .fc-event .fc-content {
        height: 66px;
    }


    #personalplan .filter .column,
    #cleaningrooms .filter .column,
    #kskgema .filter .column,
    #catering .filter .column{
        width: 25% !important;
    }
}

/* Zwischengröße für den Kalender */
@media only screen and (max-width: 1700px){
    #calendar .fc-title {
        font-size: 1.1em;
    }
}

/* 3. Zwischengröße - Breite unter 1380px - Galaxy Tab quer, Widescreen hoch */
@media only screen and (max-width: 1380px) {

    body{
        /* border: 5px dotted #6769b5 !important; */
    }

    #calendar .fc-widget-content td.fc-event-container a, #calendar div.fc-event-container a {
        min-height: 56px !important;
    }

    .vioSideMenuSubmit #save {
        margin-left: 20px;
    }

    #sub_contingente_header .contingent_list_total {
        padding-left: 12.9% !important;
    }

    #sub_contingente_header .rest_list_total {
        width: 27.8% !important;
    }

    .vioSideMenuSaveWrapper {
        width: 36%;
    }

    .vioSideMenuWapper {
        width: 64%;
    }

    .w25 {
        width: calc(50% - 30px);
    }

    .tl_select.tl_viochosen {
        width: 93%;
    }

    #ctrl_quarters .tl_select.tl_viochosen, #ctrl_shuttle .tl_select.tl_viochosen {
        width: 84% !important;
    }

    #ctrl_shortinfo_status, #ctrl_shortinfo_caterer, #ctrl_shortinfo_techniqueInstruction, #ctrl_shortinfo_guests, #ctrl_shortinfo_zeitablauf {
        background-size: 30px 30px;
        font-size: 14px;
        text-indent: 28px;
    }

    .currency.infofield{
        padding-top: 25px;
        display: block;
    }

    .contract_generate_buttons a.tl_submit.template, .contract_generate_buttons button.tl_submit {
        width: 23.8%;
        text-align: center;
        margin-bottom: 10px;
        line-height: 18px;
        font-size: 0.92rem;
        height: 63px;
    }

    #tl_vio_event .tl_box .widget, #tl_vio_event .tl_tbox .widget {
        margin-bottom: 30px;
    }

    #sub_contingente_header .contingent_list_total {
        padding-left: 14.9%;
        width: 41.8%;
    }

    #sub_contingente_header .rest_list_total {
        width: 25.8%;
    }

    .filter .column.date input {
        width: 76% !important;
    }

    .be_view_vereins-dienstplan .tl_right_nowrap img{
        margin: 20px !important;
    }

    .be_view_vereins-dienstplan .col_eventId.ordered_by{
        display: none !important;
    }

    .vio_clubplaner_module .w33 .tl_text, .vio_clubplaner_module .w33 .tl_select {
        width: 89.1%;
    }

    .vio_clubplaner_module .w33 .tl_text#dateFrom{
        width: 88%;
    }

    /* Angular Listen und Vereins-Dienstplaner umbrechen */
    .vio_clubplaner_module .tl_listing_container thead,
    .be_view_vereins-dienstplan .tl_listing_container th{
        display: none !important;
    }

    .vio_clubplaner_module table,
    .be_view_vereins-dienstplan table {
        display: block !important;
    }

    .vio_clubplaner_module table tr,
    .be_view_vereins-dienstplan table tr {
        display: inline-block !important;
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        border: 1px solid #ddd;
        margin-bottom: 25px !important;
    }

    .vio_clubplaner_module table td.tl_file_list,
    .be_view_vereins-dienstplan table td.tl_file_list {
        display: inline-block !important;
        padding: 0 !important;
        height: auto !important;
        width: 100% !important;
        clear: both !important;
    }

    #cleaningrooms.vio_clubplaner_module .tl_listing_container tbody td,
    #cleaningrooms.vio_clubplaner_module .tl_listing_container thead th{
        text-align: left;
        padding: 0 !important;
    }

    #cleaningrooms.vio_clubplaner_module .tl_listing_container tbody td.col_1,
    #cleaningrooms.vio_clubplaner_module .tl_listing_container thead th.col_1{
        padding-top: 0 !important;
    }

    .vio_clubplaner_module .tl_listing_container tbody td.col_1,
    .vio_clubplaner_module .tl_listing_container thead th.col_1,
    .be_view_vereins-dienstplan .tl_listing_container tbody td.col_eventId,
    #cleaningrooms.vio_clubplaner_module .tl_listing_container tbody td.col_1,
    #cleaningrooms.vio_clubplaner_module .tl_listing_container thead th.col_1,
    .vio_clubplaner_module .tl_listing tr.odd.hover-row:hover td.td.col_1,
    #cleaningrooms.vio_clubplaner_module .tl_listing tr.odd.hover-row:hover td.td.col_1{
        padding-left: 0 !important;
        padding-bottom: 0 !important;
        background-color: #2e5068 !important;
        color: #ffffff !important;
    }

    #cleaningrooms.vio_clubplaner_module .tl_listing_container tbody td:last-child,
    #cleaningrooms.vio_clubplaner_module .tl_listing_container thead th:last-child {
        padding-bottom: 20px !important;
    }

    .vio_clubplaner_module label.hideLabel,
    .be_view_vereins-dienstplan label.hideLabel{
        display: inline-block !important;
        color: #2e5068;
        font-weight: 600 !important;
        text-transform: uppercase;
        letter-spacing: 0.08rem;
        font-size: 0.9rem;
        white-space: nowrap;
        width: calc(30% - 34px);
        margin-top: 0;
        line-height: 32px;
        float: left;
    }

    #catering.vio_clubplaner_module label.hideLabel{
        width: calc(30% - 34px);
    }

    #catering.vio_clubplaner_module .value {
        width: calc(70% - 34px);
    }

    .vio_clubplaner_module .tl_listing_container tbody td.function,
    .be_view_vereins-dienstplan .tl_listing_container tbody td.function{
        display: block;
        width: calc(100% - 5px) !important;
        text-align: right;
        padding: 9px 5px 12px 0 !important;
    }

    .vio_clubplaner_module .tl_listing_container tbody td.function .value,
    .be_view_vereins-dienstplan .tl_listing_container tbody td.function .value{
        padding-right: 0;
    }

    .vio_clubplaner_module .tl_listing_container tbody td select,
    .be_view_vereins-dienstplan .tl_listing_container tbody td select{
        margin-top: 0 !important;
        padding: 3px 5px 5px 10px !important;
        background-position: 99.8% 11px;
    }

    .vio_clubplaner_module .tl_listing_container tbody td input,
    .be_view_vereins-dienstplan .tl_listing_container tbody td input{
        padding: 8px 10px 10px 15px !important;
    }

    .vio_clubplaner_module .col_1 label.hideLabel,
    .be_view_vereins-dienstplan .col_1 label.hideLabel{
        font-size: 0.8rem;
        font-weight: 700 !important;
    }

    .vio_clubplaner_module .col_1 label.hideLabel,
    .be_view_vereins-dienstplan .col_1 label.hideLabel{
        color: #ffffff;
    }

    .vio_clubplaner_module .value,
    .be_view_vereins-dienstplan .value{
        display: inline-block !important;
        width: calc(70% - 34px);
        line-height: 1.6em;
    }

    .vio_clubplaner_module .tl_listing_container thead th.col_1,
    .vio_clubplaner_module .tl_listing_container tbody td.col_1,
    .be_view_vereins-dienstplan .tl_listing_container tbody td.col_1 {
        padding-left: 0 !important;
        min-width: 1px;
    }


    .vio_clubplaner_module .tl_listing_container #cateringTable tbody td.textoutput{
        padding: 0 !important;
        vertical-align: middle;
    }

    .hideLabel, .value{
        height: 50px;
        padding-top: 15px;
        padding-left: 19px;
        padding-right: 15px;
        line-height: 32px !important;
    }

    .vio_clubplaner_module .tl_listing_container .value.hasInput,
    .be_view_vereins-dienstplan .tl_listing_container .value.hasInput {
        padding-bottom: 15px;
        height: auto;
    }

    /* Reinigungsmodul ... */
    #cleaningrooms.vio_clubplaner_module .tl_listing_container thead{
        display: none !important;
    }

    #cleaningrooms.vio_clubplaner_module .tl_listing_container input[type="checkbox"] {
        display: inline !important;
        margin-left: 0;
        position: static;
        margin-right: 20px !important;
    }

    #cleaningrooms.vio_clubplaner_module .tl_listing_container input.tl_text{
        width: 50%;
    }

    #cleaningrooms.vio_clubplaner_module table{
        display: block !important;
    }

    #cleaningrooms.vio_clubplaner_module table tr{
        display: inline-block !important;
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        border: 1px solid #ddd;
        margin-bottom: 25px !important;
    }

    #cleaningrooms.vio_clubplaner_module table td.tl_file_list{
        display: inline-block !important;
        padding: 0 !important;
        height: auto !important;
        width: 100% !important;
        clear: both !important;
    }

    #cleaningrooms.vio_clubplaner_module .tl_listing_container tbody td,
    #cleaningrooms.vio_clubplaner_module .tl_listing_container thead th{
        text-align: left;
        padding: 0 !important;
    }

    #cleaningrooms.vio_clubplaner_module .tl_listing_container tbody td.col_1,
    #cleaningrooms.vio_clubplaner_module .tl_listing_container thead th.col_1{
        padding-top: 0 !important;
    }

    #cleaningrooms.vio_clubplaner_module .tl_listing_container tbody td.col_1,
    #cleaningrooms.vio_clubplaner_module .tl_listing_container thead th.col_1,
    #cleaningrooms.vio_clubplaner_module .tl_listing tr.odd.hover-row:hover td.td.col_1{
        padding-left: 0 !important;
        padding-bottom: 0 !important;
        background-color: #2e5068 !important;
        color: #ffffff !important;
    }

    #cleaningrooms.vio_clubplaner_module .tl_listing_container tbody td:last-child,
    #cleaningrooms.vio_clubplaner_module .tl_listing_container thead th:last-child {
        padding-bottom: 20px !important;
    }

    #cleaningrooms.vio_clubplaner_module label.hideLabel{
        display: inline-block !important;
        color: #2e5068;
        font-weight: 600 !important;
        text-transform: uppercase;
        letter-spacing: 0.08rem;
        font-size: 0.9rem;
        white-space: nowrap;
        width: 15%;
        margin-top: 6px;
        line-height: 32px;
        float: left;
    }

    #cleaningrooms.vio_clubplaner_module .tl_listing_container tbody td.function{
        display: block;
        width: calc(100% - 5px) !important;
        text-align: right;
        padding: 9px 5px 12px 0 !important;
    }

    #cleaningrooms.vio_clubplaner_module .tl_listing_container tbody td.function .value{
        padding-right: 0;
    }

    #cleaningrooms.vio_clubplaner_module .tl_listing_container tbody td select{
        margin-top: 0 !important;
        padding: 3px 5px 5px 10px !important;
        background-position: 99.8% 11px;
    }

    #cleaningrooms.vio_clubplaner_module .tl_listing_container tbody td input{
        padding: 8px 10px 10px 15px !important;
    }

    #cleaningrooms.vio_clubplaner_module .col_1 label.hideLabel{
        font-size: 0.8rem;
        font-weight: 700 !important;
        color: #ffffff;
        margin-top: 0 !important;
    }

    #cleaningrooms.vio_clubplaner_module .value{
        display: inline-block !important;
        width: calc(70% - 34px);
        line-height: 1.6em;
    }

    #cleaningrooms.vio_clubplaner_module .tl_listing_container thead th.col_1,
    #cleaningrooms.vio_clubplaner_module .tl_listing_container tbody td.col_1{
        padding-left: 0 !important;
        min-width: 1px;
    }

    #cleaningrooms.vio_clubplaner_module .tl_listing_container thead th.col_1 label.hideLabel{
        margin-top: 0;
    }


    #cleaningrooms.vio_clubplaner_module .tl_listing_container #cateringTable tbody td.textoutput{
        padding: 0 !important;
        vertical-align: middle;
    }

    #cleaningrooms.vio_clubplaner_module .hideLabel, #cleaningrooms.vio_clubplaner_module .value{
        height: 50px;
        padding-top: 15px;
        padding-left: 19px;
        padding-right: 15px;
        line-height: 32px !important;
    }

    #cleaningrooms.vio_clubplaner_module .tl_listing_container .value.hasInput{
        padding-bottom: 15px;
        height: auto;
    }

}

/* 4. Zwischengröße 2 - Breite unter 1280px - Sondergröße wegen den Kacheln */
@media only screen and (max-width: 1280px) {

    body{
        /* border: 5px dashed #b58e15 !important; */
    }

    #calendar .fc-widget-content a .attributes{
        display: none;
    }

    #cleaningrooms.vio_clubplaner_module label.hideLabel{
        margin-top: 0;
    }

    .filter .column.date input {
        width: 69% !important;
    }

    #sub_contingente_header .contingent_list_total {
        padding-left: 11.8% !important;
        width: 42.8% !important;
    }

    #ctrl_shortinfo_status, #ctrl_shortinfo_caterer, #ctrl_shortinfo_techniqueInstruction, #ctrl_shortinfo_guests, #ctrl_shortinfo_zeitablauf {
        text-transform: none;
        letter-spacing: 0;
        font-weight: normal;
    }

    .contract_generate_buttons a.tl_submit.template, .contract_generate_buttons button.tl_submit {
        width: 23%;
        height: 60px;
        padding: 14px 7px;
    }

    .vioSideMenuSaveWrapper {
        width: 30%;
    }

    .shortinfo.widget {
        width: 19%;
    }

    #ctrl_shortinfo_status, #ctrl_shortinfo_caterer, #ctrl_shortinfo_techniqueInstruction, #ctrl_shortinfo_guests, #ctrl_shortinfo_zeitablauf {
        background-size: 25px 25px;
        font-size: 13px;
        text-indent: 19px;
        font-weight: 600;
    }

    .vioSideMenuWapper {
        width: 70%;
    }

    .vioSideMenuSaveWrapper .tl_submit {
        padding: 14px 23px;
    }

    #tl_vio_event .tl_box .widget.vertragspanel{
        width: 93% !important;
    }

    .timepicker.mcwUpdateFields input {
        width: 89% !important;
    }

    #ctrl_quarters .datepicker .tl_text, #ctrl_shuttle .datepicker .tl_text, #ctrl_quarters .timepicker .tl_text, #ctrl_shuttle .timepicker .tl_text {
        width: 84% !important;
    }

    #ctrl_quarters .tl_select.tl_viochosen, #ctrl_shuttle .tl_select.tl_viochosen {
        width: 80% !important;
    }

    div.subpal.cf .w33 {
        width: calc(32.9% - 12px);
    }

    .sub_header_wrapper h3 {
        padding-top: 0;
    }

    .infofield.end {
        margin-bottom: 0 !important;
    }

    .sub_header {
        width: 98.4%;
    }

    #sub_n_BERECHNUNG_header .widget.w33{
        width: calc(25% - 30px) !important;
    }

    .infofield input.tl_text[readonly], .mediainfo {
        height: 20px;
    }

    .mediainfo {
        padding: 14px 15px 10px 18px !important;
    }

    #tl_vio_event .tl_modulewizard {
        padding: 8px 10px 14px 10px;
        margin-top: 14px;
    }

    .tl_checkbox_single_container {
        padding-top: 14px;
    }

    .tl_select.tl_viochosen {
        width: 91%;
    }

    #ctrl_shortinfo_status, #ctrl_shortinfo_caterer, #ctrl_shortinfo_techniqueInstruction, #ctrl_shortinfo_guests, #ctrl_shortinfo_zeitablauf {
        background-size: 25px 25px;
        font-size: 14px;
        text-indent: 20px;
    }

    #pal_shortinfo_header.tl_box {
        padding: 20px 3% 0 3%;
    }

    .value.hasInput{
        padding-top: 8px;
        height: 52px;
    }

    .vio_clubplaner_module .tl_listing_container tbody td input,
    .vio_clubplaner_module .tl_listing_container tbody td select,
    .vio_clubplaner_module .tl_listing_container tbody td .selector_container,
    .be_view_vereins-dienstplan .tl_listing_container tbody td input,
    .be_view_vereins-dienstplan .tl_listing_container tbody td select,
    .be_view_vereins-dienstplan .tl_listing_container tbody td .selector_container {
        margin: 0 !important;
    }

    table.showColumns .col_contactgroup,
    table.showColumns .col_email,
    table.showColumns .col_phone{
        display: none !important;
    }

    .cleaningtime h3 {
        padding-top: 29px;
    }

    .cleaningroom label {
        font-size: 0.9rem;
    }

    .tl_modulewizard td.name,
    .tl_modulewizard td.prename {
        width: 18%;
    }
}

/* 5. Klein - Breite unter 1095px - Laptop hoch /Galaxy Tab hoch / iPad */
@media only screen and (max-width: 1095px) {

    body{
        /* border: 5px solid #000000 !important; */
    }

    #ctrl_shortinfo_status, #ctrl_shortinfo_caterer, #ctrl_shortinfo_techniqueInstruction, #ctrl_shortinfo_guests, #ctrl_shortinfo_zeitablauf {
        background-size: 45px 38px;
        font-size: 12px;
        text-indent: -233px;
        text-align: center;
        background-position: center;
    }

    #tl_soverview {
        padding-right: 15px;
    }

    .calenderfunctions .tl_export_button {
        margin-right: 0;
    }

    #tl_soverview > div {
        padding: 0 0 4px;
    }

    .fc-dayGridMonth-button, .fc-timeGridWeek-button, .fc-timeGridDay-button{
        display: none !important;
    }

    .vioSideMenu-Items ul li a {
        padding: 25px 14px;
    }

    #ctrl_vioSideMenu a.tl_submit:link, #ctrl_vioSideMenu .tl_submit {
        padding: 14px 26px;
    }

    .tl_select.tl_viochosen {
        width: 88%;
    }

    .selector_container .download {
        bottom: 0px;
    }

    .timepicker.mcwUpdateFields input {
        width: 87% !important;
    }

    #tl_vio_event .tl_modulewizard#ctrl_quarters td.hidelabel, #tl_vio_event .tl_modulewizard#ctrl_shuttle td.hidelabel {
        display: block;
        position: relative;
        width: calc(50% - 20px);
        float: left;
        margin: 10px 20px 0 0;
        padding: 0 !important;
        height: 95px;
    }

    #ctrl_quarters .tl_select.tl_viochosen, #ctrl_shuttle .tl_select.tl_viochosen {
        width: 90% !important;
    }

    #ctrl_quarters .datepicker .tl_text, #ctrl_shuttle .datepicker .tl_text, #ctrl_quarters .timepicker .tl_text, #ctrl_shuttle .timepicker .tl_text {
        width: 91% !important;
    }

    .sub_header_wrapper {
        width: 99.5%;
        margin: 15px 0;
    }

    .sub_header_wrapper #sub_contracts_header .widget{
        padding-left: 20px;
        padding-right: 20px;
    }

    div.subpal.cf .widget.w50 {
        width: calc(49% - 8px);
    }

    div.subpal.cf {
        padding-left: 15px;
    }

    .sub_header {
        width: 98.6%;
    }

    #sub_contracts_header .buttons {
        padding: 15px 15px 0 15px;
    }

    #sub_contracts_header.subpal.cf .widget{
        margin-left: 15px;
    }

    #tl_vio_event .tl_box .widget.vertragspanel {
        width: 91% !important;
    }

    .contract_generate_buttons a.tl_submit.template, .contract_generate_buttons button.tl_submit {
        width: 23.4% !important;
    }

    .wizard.cleaningtime input.tl_text {
        width: calc(50% - 24px);
    }

    .tl_modulewizard#ctrl_shuttle td.hidelabel.shuttle_confirmed{
        height: 40px !important;
    }

    #pal_reporting_header .tl_submit{
        padding: 13px 23px;
        height: 39px;
    }

    #ctrl_vioSideMenu a.tl_submit:link, #ctrl_vioSideMenu .tl_submit {
        padding: 14px 17px;
    }

    .contract_generate_buttons a.tl_submit.template, .contract_generate_buttons button.tl_submit {
        width: 23%;
        height: 58px;
        padding: 12px 7px;
    }

    #tl_vio_event .tl_modulewizard {
        width: 100%;
    }

    .tl_modulewizard td.contingent {
        width: 20%;
    }

    .vioSideMenuWapper {
        width: 67%;
    }

    .vioSideMenuSaveWrapper {
        width: 32%;
    }

    .vioSideMenu-Items ul li a {
        padding: 25px 7px;
        font-size: 14px;
    }

    #sub_contingente_header .contingent_list_total {
        padding-left: 0 !important;
        width: 35.8% !important;
    }

    #sub_contingente_header .rest_list_total {
        width: 37.8% !important;
    }

    #sub_contingente_header .contingent_list_total,
    #sub_contingente_header .sold_list_total,
    #sub_contingente_header .rest_list_total{
        margin-top: 30px;
    }

    #tl_vio_event .tl_box #sub_contingente_header .widget{
        margin-bottom: 0;
    }

    .vio_clubplaner_module label.hideLabel,
    .be_view_vereins-dienstplan label.hideLabel{
        width: calc(40% - 34px);
    }

    .vio_clubplaner_module .value,
    .be_view_vereins-dienstplan .value{
        width: calc(60% - 34px);
    }

    #cleaningrooms.vio_clubplaner_module label.hideLabel{
        width: calc(30% - 34px);
    }

    #cleaningrooms.vio_clubplaner_module .value{
        width: calc(70% - 34px);
    }

    .tl_submit_container .tl_submit {
        margin-top: 2px;
        margin-bottom: 9px;
        display: inline-block;
        margin-right: 4px;
    }

    .vio_clubplaner_module .w33 .tl_text#dateFrom,
    .be_view_vereins-dienstplan .w33 .tl_text#dateFrom {
        width: 80%;
    }

    #calendar {
        padding: 0 !important;
    }

    .calenderfunctions{
        right: 10px;
    }

    .Vereins-Dienstplan #tl_listing .tl_listing tr td.col_ab{
        width: 12%;
    }

    .Vereins-Dienstplan #tl_listing .tl_listing tr td.col_event{
        width: 59.5%;
    }

    .Vereins-Dienstplan #tl_listing .tl_listing tr td label.hideLabel.light {
        width: calc(25.3% - 36px);
    }

    .Vereins-Dienstplan #tl_listing .tl_listing tr td .value {
        display: inline-block !important;
        width: calc(75% - 36px);
    }
}

@media only screen and (max-width: 990px) {

    body{
        /* border: 5px double #6336dd !important; */
    }

    .vioSideMenu-Items ul li a {
        padding: 21px 7px;
        font-size: 14px;
    }

    .tl_file_list strong{
        display: block;
        height: 45px;
        line-height: 1.4em;
    }

    .tl_listing td .spflag {
        margin: 0 8px 0 0;
        padding: 5px 18px;
    }

    .tl_listing td .lasteditor {
        left: 49px;
        bottom: 6px;
    }

    #tl_listing .state{
        padding-bottom: 46px;
        top: -3px;
    }

    .calenderfunctions {
        top: 36px;
        right: 5px;
    }

    .vioSideMenuSaveWrapper, .vioSideMenuWapper {
        width: 100%;
        text-align: center;
    }

    #ctrl_vioSideMenu a.tl_submit:link, #ctrl_vioSideMenu .tl_submit {
        width: 220px;
    }

}

/* 7. Ganz klein - Breite unter 767px - Smartphones quer */
@media only screen and (max-width: 767px) {

    body{
        /* border: 5px dashed #37dd1d !important; */
    }

    #personalplan .filter .column.date,
    #cleaningrooms .filter .column.date,
    #kskgema .filter .column.date,
    #catering .filter .column.date,
    #personalplan .filter .column.limit,
    #cleaningrooms .filter .column.limit,
    #kskgema .filter .column.limit,
    #catering .filter .column.limit{
        width: 25% !important;display: none;
    }

    #personalplan .filter .column.eventfilter,
    #cleaningrooms .filter .column.eventfilter,
    #kskgema .filter .column.eventfilter,
    #catering .filter .column.eventfilter{
        width: 100% !important;
    }

    #ctrl_shortinfo_status, #ctrl_shortinfo_caterer, #ctrl_shortinfo_techniqueInstruction, #ctrl_shortinfo_guests, #ctrl_shortinfo_zeitablauf {
        background-size: 40px 40px;
        font-size: 14px;
        text-indent: -200px;
        background-position: 50% 50%;
    }

    #pal_shortinfo_header.tl_box {
        padding: 30px 0 0 0;
        text-align: center;
    }

    .shortinfo.widget {
        width: 18%;
    }

    #sub_n_BERECHNUNG_header .widget.w33 {
        width: calc(50% - 30px) !important;
    }

    #tl_version .tl_panel, #tl_version .tl_version_panel {
        text-align: left;
    }

    .tl_select, .tl_mselect, .tl_select_column, .tl_select_unit, .tl_select_interval {
        height: 41px;
    }

    .timepicker.mcwUpdateFields input {
        width: 78% !important;
    }

    #sub_n_BERECHNUNG_header .widget.w33 {
        width: calc(33% - 30px) !important;
    }

    .vioSideMenu-Items ul li a {
        padding: 15px 10px;
        font-size: 13px;
    }

    #ctrl_quarters .tl_select.tl_viochosen, #ctrl_shuttle .tl_select.tl_viochosen {
        width: 86% !important;
    }

    #ctrl_quarters .datepicker .tl_text, #ctrl_shuttle .datepicker .tl_text, #ctrl_quarters .timepicker .tl_text, #ctrl_shuttle .timepicker .tl_text {
        width: 89% !important;
    }

    #tl_vio_event .tl_box .widget.w25, #tl_vio_event .tl_tbox .widget.w25, #tl_vio_event .tl_box .widget.w50, #tl_vio_event .tl_tbox .widget.w50, #tl_vio_event .tl_box .widget.w33, #tl_vio_event .tl_tbox .widget.w33, #tl_vio_event .tl_box .widget.w66, #tl_vio_event .tl_tbox .widget.w66 {
        margin-top: 20px;
        width: calc(100% - 30px);
        height: 80px;
        display: block;
        clear: both;
        margin-bottom: 0;
    }

    .vw10 {
        width: 38%;
    }

    #tl_vio_event .tl_box .widget.w50.infofield{
        margin-top: 35px;
        margin-bottom: 35px;
    }

    .contract_generate_buttons a.tl_submit.template, .contract_generate_buttons button.tl_submit {
        width: 100%;
    }

    .sub_header_wrapper {
        width: 100%;
        overflow: hidden;
    }

    .tl_select.tl_viochosen {
        width: 94%;
    }

    .vio_clubplaner_module .tl_listing_container tbody td.function,
    .be_view_vereins-dienstplan .tl_listing_container tbody td.function{
        width: calc(100% - 10px) !important;
        padding: 9px 10px 12px 0 !important;
    }

    .tl_modulewizard td:first-child .tl_select {
        max-width: 60vw;
    }

    .calenderfunctions {
        top: 29px;
        right: 0;
    }

    .showColumns th, .showColumns td {
        display: table-cell !important;
    }

    .vertragspanel a.tl_submit:link, .vertragspanel .tl_submit {
        padding: 11px 33px;
    }

    .Vereins-Dienstplan .showColumns td {
        display: block !important;
    }

    #sub_technique_header div:nth-child(6) {
        width: auto !important;
    }

    .vertragspanel {
        width: 89%;
    }

    .Vereins-Dienstplan .showColumns th{
        display: none !important;
    }

    .Vereins-Dienstplan #tl_listing .tl_listing tr td.col_tag{
        display: none;
    }

    .Vereins-Dienstplan #tl_listing .tl_listing tr td.col_ab{
        width: 20%;
    }

    .Vereins-Dienstplan #tl_listing .tl_listing tr td.col_d{
        width: 10%;
    }

    .Vereins-Dienstplan #tl_listing .tl_listing tr td.col_event {
        width: 44.2%;
    }

    #ctrl_contacts.fielpalette-wizard .dataTables_length,
    #ctrl_contacts.fielpalette-wizard .dataTables_filter {
        padding: 10px 0 !important;
    }

    #ctrl_contacts.fielpalette-wizard label{
        display: none;
    }

    .tl_search {
        width: 100%;
        max-width: 100%;
    }

    #main .content #tl_buttons a {
        margin-left: 0 !important;
        white-space: nowrap;
        margin-bottom: 15px;
        display: block;
        text-align: left;
    }

    #main .content #tl_buttons {
        padding-bottom: 5px;
    }

    table.showColumns .col_mobile,
    table.showColumns .col_bg_color,
    table.showColumns .col_font_color,
    table.showColumns .col_contact_person{
        display: none !important;
    }

    .tl_listing th, .tl_listing td {
        line-height: 1.6em;
    }

    .tl_limit.tl_subpanel, .tl_sorting.tl_subpanel {
        right: 12.1%;
    }

    .tl_filter .tl_select,
    .tl_search .tl_select,
    .tl_limit .tl_select,
    .tl_sorting .tl_select,
    .tl_search .tl_text,
    .tl_filter strong,
    .tl_search strong {
        max-width: 100%;
        margin-left: 3% !important;
        width: 30%;
    }

    .tl_search .tl_select,
    .tl_search .tl_text,
    .tl_search strong {
        margin-left: 4% !important;
    }

    .tl_limit.tl_subpanel {
        right: 10.1%;
    }

    .tl_file_list.tl_right_nowrap img {
        margin-right: 10px !important;
    }

    .tl_submit_container .tl_submit {
        margin-bottom: 9px;
        display: block;
        width: 99%;
    }

    .tl_tbox .tl_submit_container, .tl_box .tl_submit_container {
        padding: 10px 10px 16px 15px !important;
    }

    .split-button {
        display: block;
    }

    .split-button button{
        width: 100%;
    }

    .filter .column {
        width: 50% !important;
        height: 90px;
        float: left;
    }

    select.tl_select{
        padding: 8px !important;
    }

    .tl_select,
    .tl_mselect,
    .tl_select_column,
    .tl_select_unit,
    .tl_select_interval {
        height: 44px;
    }

    .tl_listing_container {
        overflow-x: scroll;
    }

    .tl_limit.tl_subpanel {
        display: none;
    }

    .vio_clubplaner_module .tl_panel {
        padding-bottom: 0;
    }

    .vio_clubplaner_module .tl_box .widget {
        margin-right: 0;
    }

    #calendar .fc-button {
        padding: 0.5em 1.2em;
    }

    .fc-center{
        position: absolute;
        top: 59px;
        font-size: 0.8em;
    }

    .fc-scroller{
        height: 80vh !important;
    }

    .fc-toolbar.fc-header-toolbar {
        margin-top: 93px;
    }

    #catering.vio_clubplaner_module label.hideLabel{
        width: calc(40% - 34px);
    }


    #catering.vio_clubplaner_module .value {
        width: calc(60% - 34px);
    }

    #tl_listing .showColumns th.col_street, .showColumns td.col_street{
        display: none !important;
    }

    .Vereins-Dienstplan #tl_listing .tl_listing tr td.col_wo {
        width: 23%;
        text-align: right;
    }

    .Vereins-Dienstplan #tl_listing .tl_listing tr td.col_wo .value{
        width: 45%;
    }

    .Vereins-Dienstplan #tl_listing .tl_listing tr td.col_d {
        width: 12%;
    }

    .Vereins-Dienstplan #tl_listing .tl_listing tr td.col_ab {
        width: 16%;
    }

    .Vereins-Dienstplan #tl_listing .tl_listing tr td.col_event {
        width: 48.7%;
    }

    .Vereins-Dienstplan #tl_listing .tl_listing tr td label.hideLabel.light {
        width: calc(28.8% - 36px);
    }

    .Vereins-Dienstplan #tl_listing .tl_listing tr td .value {
        width: calc(71.6% - 36px);
    }

    .Vereins-Dienstplan #tl_listing .tl_listing tr td.col_tag {
        display: none !important;
    }

    .Vereins-Dienstplan #tl_listing .tl_listing tr td label.hideLabel.light,
    .Vereins-Dienstplan #tl_listing .tl_listing tr td .value{
        height: 40px;
    }

    #tl_listing .state {
        padding-bottom: 40px;
    }

    .tl_version_panel .tl_select {
        width: 97%;
        max-width: 97%;
        margin-bottom: 10px;
        margin-left: 8px;
    }

    .tl_panel, .tl_version_panel {
        text-align: left;
        padding: 10px 0;
    }

    .tl_select, .tl_mselect, .tl_select_column, .tl_select_unit, .tl_select_interval {
        height: 41px;
    }

    #tl_vio_event .tl_box .widget.w25, #tl_vio_event .tl_tbox .widget.w25, #tl_vio_event .tl_box .widget.w50, #tl_vio_event .tl_tbox .widget.w50, #tl_vio_event .tl_box .widget.w33, #tl_vio_event .tl_tbox .widget.w33, #tl_vio_event .tl_box .widget.w66, #tl_vio_event .tl_tbox .widget.w66 {
        margin-bottom: 32px;
    }

    #sub_contracts_header .buttons {
        padding: 15px 15px 0 15px;
        clear: both;
    }

    #tl_vio_event #pal_shortinfo_header.tl_box .widget.infofield {
        margin-left: 16px;
    }

    #pal_shortinfo_header .infofield input.tl_text[readonly] {
        padding: 3px 0 0 0 !important;
        width: 100%;
    }

    .contract_generate_buttons a.tl_submit.template, .contract_generate_buttons button.tl_submit {
        height: 45px;
        width: 100% !important;
    }

    #tl_vio_event .tl_box .widget.vertragspanel {
        width: 86% !important;
    }

    .widget a img {
        width: 17px;
    }

    .tl_select.tl_viochosen {
        width: 95% !important;
    }

    #tl_vio_event .tl_box .widget.w25, #tl_vio_event .tl_tbox .widget.w25, #tl_vio_event .tl_box .widget.w50, #tl_vio_event .tl_tbox .widget.w50, #tl_vio_event .tl_box .widget.w33, #tl_vio_event .tl_tbox .widget.w33, #tl_vio_event .tl_box .widget.w66, #tl_vio_event .tl_tbox .widget.w66 {
        width: calc(100% - 15px);
    }

    .tl_select, .tl_mselect, .tl_select_column, .tl_text {
        width: calc(100% - 15px);
    }

    .mcwUpdateFields .tl_select, .mcwUpdateFields .tl_mselect, .mcwUpdateFields .tl_select_column, .mcwUpdateFields .tl_text {
        width: 100%;
    }

    #pal_reporting_header input.tl_submit {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    #tl_vio_event .tl_box .widget.w25.singlebox{
        margin-bottom: 0;
    }

    .wizard .tl_text {
        width: calc(100% - 40px);
    }

    .w10.cleaningroom {
        width: calc(31% - 50px);
        padding-top: 30px;
    }

    .w90.cleaningtime {
        width: calc(76% - 30px);
    }

    #ctrl_quarters .tl_select.tl_viochosen, #ctrl_shuttle .tl_select.tl_viochosen {
        width: 90% !important;
    }

    #sub_contingente_header .contingent_list_total,
    #sub_contingente_header .sold_list_total, #sub_contingente_header .rest_list_total{
        width: 100% !important;
        height: 68px;
    }

    .tl_checkbox_single_container {
        margin: 0 0 1px;
        padding-top: 0;
        margin-bottom: 0;
    }

    #calendar{
        margin-top: 20px;
    }

    #tl_soverview {
        padding-right: 0;
    }

    .filter .column.date input {
        width: 69% !important;
    }

    .vio_clubplaner_module .tl_filter {
        width: 100%;
        padding-left: 15px;
        padding-top: 15PX;
    }

    .vio_clubplaner_module .filter #toggle_filter_from, .vio_clubplaner_module .filter #toggle_filter_to {
        margin-right: 5px;
    }

    .textoutput .value {
        line-height: 35px !important;
        height: 53px;
    }

    .pagination-lp ul li a, .pagination-lp ul li strong {
        width: 19px;
        height: 19px;
        line-height: 22px;
    }

    .pagination-lp p, .pagination-lp ul {
        width: 100%;
        text-align: left;
    }

    .pagination-lp .first,
    .pagination-lp .last {
        display: none;
    }

}

/* 8. Ganz klein hochkant - Breite unter 560px - Smartphones hoch */
@media only screen and (max-width: 560px) {

    body{
        /* border: 5px dotted #03d6dd !important; */
    }



    #personalplan .filter .column {
        width: 100% !important;
    }

    .calenderfunctions {
        text-align: left;
    }

    .tl_listing td .spflag {
        margin: 4px 8px 7px 30px;
        padding: 5px 18px;
        max-width: 32%;
        display: block;
        text-align: center;
    }

    .tl_listing td .lasteditor {
        line-height: 16px;
        width: 80%;
        left: 45px;
        bottom: 9px;
    }

    .vioSideMenuWapper{
        display: none;
    }

    #ctrl_vioSideMenu a.tl_submit:link, #ctrl_vioSideMenu .tl_submit {
        width: 92%;
        line-height: 1.2em;
        height: 60px;
        padding: 6px 20px;
    }

    .vioSideMenuSaveWrapper {
        display: inline-block;
        position: relative;
        height: 85px;
    }

    #tl_vio_event .tl_text {
        width: 100%;
    }

    .sub_header_wrapper {
        width: 94vw;
    }

    #tl_vio_event .tl_modulewizard#ctrl_links{
        min-width: 80%;
    }

    #tl_vio_event .tl_text#ctrl_time,
    #tl_vio_event .tl_text#ctrl_beginn,
    #tl_vio_event .tl_text#ctrl_startOfDuty,
    #tl_vio_event .tl_text#ctrl_time_end,
    #tl_vio_event .tl_text#ctrl_doors {
        width: 91%;
    }

    #sub_n_BERECHNUNG_header .widget.w33 {
        width: 100% !important;
    }

    #tl_vio_event .tl_box .widget.w25, #tl_vio_event .tl_tbox .widget.w25, #tl_vio_event .tl_box .widget.w50, #tl_vio_event .tl_tbox .widget.w50, #tl_vio_event .tl_box .widget.w33, #tl_vio_event .tl_tbox .widget.w33, #tl_vio_event .tl_box .widget.w66, #tl_vio_event .tl_tbox .widget.w66 {
        overflow: visible;
        position: relative;
        height: auto;
    }

    .w10.cleaningroom {
        width: calc(45% - 50px);
    }

    .w90.cleaningtime {
        width: calc(55% - 30px);
    }

    .wizard.cleaningtime input.tl_text {
        width: calc(70% - 24px ) !important;
    }

    #pal_reporting_header input[value="Abendkasse"] {
        margin-left: 0;
    }

    #pal_reporting_header input{
        margin-bottom: 15px;
    }

    #pal_reporting_header > div{
        padding: 0 15px;
         text-align: center;
    }

    #tl_vio_event .tl_box .widget.w25, #tl_vio_event .tl_tbox .widget.w25, #tl_vio_event .tl_box .widget.w50, #tl_vio_event .tl_tbox .widget.w50, #tl_vio_event .tl_box .widget.w33, #tl_vio_event .tl_tbox .widget.w33, #tl_vio_event .tl_box .widget.w66, #tl_vio_event .tl_tbox .widget.w66 {
        height: 95px;
    }

    .vioSideMenuSubmit {
        display: block;
        margin-top: 0;
        width: 46%;
        float: left;
        font-size: .9rem;
        white-space: normal;
        padding: 14px 6px;
        height: 50px;
    }

    #ctrl_shortinfo_status, #ctrl_shortinfo_caterer, #ctrl_shortinfo_techniqueInstruction, #ctrl_shortinfo_guests, #ctrl_shortinfo_zeitablauf {
        background-size: 35px 35px;
    }

    .Vereins-Dienstplan #tl_listing .tl_listing tr td.col_d {
        width: 20%;
        border-bottom: 0;
    }

    .tl_select.tl_viochosen {
        width: 89%;
    }

    .vertragspanel {
        width: 77%;
    }

    .vertragspanel a.tl_submit:link,
    .vertragspanel .tl_submit
    {
        width: 100%;
        padding: 10px 33px;
    }

    #main_headline{
        margin-top: 50px;
    }

    .tl_version_panel .tl_select {
        width: 95%;
        max-width: 95%;
    }

    #ctrl_guest_list_limit,
    #ctrl_club_guest_limit{
        max-width: 85vw;
    }

    button.tl_submit#showVersion {
        margin-left: 8px;
        width: 95%;
    }

    #tl_version a{
        margin: 8px;
        display: block;
    }


    a.tl_submit:link, .tl_submit {
        width: 100%;
        display: block !important;
        text-align: center;
        margin-left: 0;
        margin-right: 0;
    }

    .tl_text {
        width: 70%;
    }

    #tl_vio_event .tl_modulewizard {
        width: 100%;
        min-width: 450px;
    }

    #ctrl_quarters .tl_select.tl_viochosen, #ctrl_shuttle .tl_select.tl_viochosen {
        width: 83% !important;
    }

    #ctrl_quarters .datepicker .tl_text, #ctrl_shuttle .datepicker .tl_text, #ctrl_quarters .timepicker .tl_text, #ctrl_shuttle .timepicker .tl_text {
        width: 85% !important;
    }

    .selector_container > ul > li {
        margin-right: 0;
    }

    .selector_container .download {
        display: block;
        position: relative;
        left: 0;
        float: none !important;
        width: 100% !important;
        margin-top: 8px;
    }

    .vertragspanel p{
        display: block;
        width: 100%;
    }


    .Vereins-Dienstplan #tl_listing .tl_listing tr td.col_ab {
        width: 80%;
        border-bottom: 0;
    }

    .Vereins-Dienstplan #tl_listing .tl_listing tr td.col_event {
        width: 60%;
        border-bottom: 0;
    }

    .Vereins-Dienstplan #tl_listing .tl_listing tr td.col_wo {
        width: 40%;
        border-bottom: 0;
    }

    .Vereins-Dienstplan #tl_listing .tl_listing tr td.col_wo .value{
        text-align: right;
        width: 80%;
    }

    .Vereins-Dienstplan #tl_listing .tl_listing tr td.col_wo .value,
    .Vereins-Dienstplan #tl_listing .tl_listing tr td.col_event .value{
        white-space: normal;
        line-height: 1.4em !important;
    }

    .Vereins-Dienstplan #tl_listing .tl_listing tr td.col_wo .value,
    .Vereins-Dienstplan #tl_listing .tl_listing tr td.col_ab .value,
    .Vereins-Dienstplan #tl_listing .tl_listing tr td.col_d .value,
    .Vereins-Dienstplan #tl_listing .tl_listing tr td.col_event .value{
        padding-top: 5px;
    }

    .vio_clubplaner_module .tl_filter {
        width: 100%;
        padding-left: 7%;
        padding-top: 15PX;
        padding-right: 0;
    }

    .vio_clubplaner_module label.hideLabel,
    .vio_clubplaner_module .value,
    .be_view_vereins-dienstplan label.hideLabel,
    .be_view_vereins-dienstplan .value{
        width: 90% !important;
        white-space: normal !important;
    }

    #catering.vio_clubplaner_module .col_3 label.hideLabel {
        padding: 18px 15px 3px 19px !important;
    }

    #cleaningrooms.vio_clubplaner_module .tl_listing_container input[type="checkbox"] {
        margin-right: 10px !important;
    }

    #cleaningrooms.vio_clubplaner_module .hideLabel,
    #cleaningrooms.vio_clubplaner_module .value {
        height: auto;
    }

    #cleaningrooms.vio_clubplaner_module .value {
        padding-top: 0;
    }

    #cleaningrooms.vio_clubplaner_module label.hideLabel {
        margin-top: 18px;
        margin-bottom: 5px;
    }

    #cleaningrooms.vio_clubplaner_module .tl_listing_container input.tl_text {
        width: 74%;
    }

    .vio_clubplaner_module .tl_listing_container tbody td.function,
    .vio_clubplaner_module .tl_listing_container tbody td.function,
    .be_view_vereins-dienstplan .tl_listing_container tbody td.function,
    .be_view_vereins-dienstplan .tl_listing_container tbody td.function {
        padding: 21px 15px 12px 0 !important;
    }

    .vio_clubplaner_module .col_1 .value,
    .be_view_vereins-dienstplan .col_1 .value{
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .textoutput .value {
        height: auto;
    }

    .filter .column.date input{
        width: 80% !important;
    }

    .vio_clubplaner_module .tl_filter .filter select.tl_select{
        width: 90% !important;
    }

    .filter .column.button.export{
        padding-top: 0;
    }

    .filter .column.button.export button{
        margin-top: 12px !important;
        width: 90% !important;
    }

    .new-entry h3 {
        margin-bottom: 40px;
    }

    .vio_clubplaner_module .new-entry label {
        margin-top: 10px;
    }

    .vio_clubplaner_module .new-entry .tl_submit {
        padding: 13px 20px 12px 20px;
        margin-top: 9px !important;
        width: 93%;
    }

    .vio_clubplaner_module .w33,
    .be_view_vereins-dienstplan .w33 {
        width: 100%;
    }

    .vio_clubplaner_module .tl_panel {
        padding: 8px 0 22px 0;
    }

    .vio_clubplaner_module .w33 .tl_text,
    .vio_clubplaner_module .w33 .tl_select,
    .be_view_vereins-dienstplan .w33 .tl_text,
    .be_view_vereins-dienstplan .w33 .tl_select {
        display: block;
        width: 100%;
    }

    .vio_clubplaner_module .w33 .tl_text#dateFrom,
    .be_view_vereins-dienstplan .w33 .tl_text#dateFrom {
        display: inline-block;
        width: 90%;
    }

    .filter .column {
        width: 100% !important;
        float: none;
    }

    .filter input,
    .filter .column select {
        width: 100% !important;
    }

    .fielpalette-wizard .dataTables_paginate,
    .fielpalette-wizard .dataTables_info {
        padding: 0;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button {
        min-width: 1em;
        padding: 0.5em 0.5em;
    }

    .tl_filter .tl_select,
    .tl_search .tl_select,
    .tl_search .tl_text{
        width: 96%;
        margin-top: 9px !important;
    }

    .tl_search .tl_text, .tl_search .tl_select {
        width: 95%;
        float: none;
        margin-top: 8px !important;
    }

    .tl_search .tl_select {
        width: 95.5%;
        margin-top: 15px !important;
    }

    .tl_search .tl_text{
        padding: 0 !important;
    }

    .w33, .w25, .w50 {
        width: auto !important;
        float: none !important;
    }

    .vio_clubplaner_module table tr td:last-child,
    .be_view_vereins-dienstplan table tr td:last-child {
        padding-bottom: 25px !important;
    }

    .hideLabel, .value{
        height: auto;
        padding-top: 20px;
        line-height: 32px !important;
    }

    .value{
        height: auto;
        padding-top: 0;
        line-height: 1.6em !important;
    }

    .vio_clubplaner_module .tl_listing_container tbody td.function,
    .be_view_vereins-dienstplan .tl_listing_container tbody td.function{
        width: calc(100% - 3vw) !important;
        padding: 9px 3vw 20px 0 !important;
    }

    .tl_listing th, .tl_listing td {
        padding-left: 15px !important;
        padding-right: 0 !important;
        padding-top: 13px !important;
        vertical-align: top;
        text-align: left !important;
    }

    .tl_listing th.tl_right_nowrap, .tl_listing td.tl_right_nowrap {
        padding-left: 5px !important;
        padding-right: 10px !important;
        text-align: right !important;
        width: 20%;
        white-space: normal;
        line-height: 26px;
    }

    .tl_select, .tl_mselect, .tl_select_column, .tl_text {
        width: calc(100%);
    }

    .be_view_vereins-dienstplan .hideLabel, .be_view_vereins-dienstplan .value {
        padding-top: 20px;
        line-height: 9px !important;
        padding-bottom: 20px;
    }

    .vio_clubplaner_module .col_1 .value, .be_view_vereins-dienstplan .col_1 .value {
        padding-top: 3px !important;
        padding-bottom: 15px !important;
        line-height: 27px !important;
    }

    .vio_clubplaner_module .tl_panel.cf {
        padding-bottom: 0;
    }

    .shuttle_confirmed_by{
        margin-top: 20px !important;
    }

}