@charset "utf-8";
/* CSS Document
eCMS */

@font-face {
    font-family: 'open-sans-regular';
    src: url('../fonts/OpenSans-Regular-webfont.ttf') format('ttf'),
        url('../fonts/OpenSans-Regular-webfont.woff') format('woff');
}

@font-face {
    font-family: 'open-sans-regular';
    font-weight: bold; 
    font-style: bold;
    src: url('../fonts/OpenSans-Semibold-webfont.ttf') format('ttf'),
        url('../fonts/OpenSans-Semibold-webfont.woff') format('woff');
}

@font-face {
    font-family: 'open-sans-bold';
    src: url('../fonts/OpenSans-Semibold-webfont.ttf') format('ttf'),
        url('../fonts/OpenSans-Semibold-webfont.woff') format('woff');
}

@font-face {
    font-family: 'roboto-condensed-light';
    src: url('../fonts/RobotoCondensed-Light-webfont.woff') format('woff');
}

@font-face {
    font-family: 'roboto-condensed-regular';
    src: url('../fonts/RobotoCondensed-Regular-webfont.woff') format('woff');
}

::-moz-selection {
    background: #333e44;
    color: #fff;
}

::selection {
    background: #333e44;
    color: #fff;
}

*,
html {
    font-family: 'open-sans-regular';
    font-size: 13px;
}

body {
    background-color: #fff !important;
    color: #333e44;
}

/* eCMS override */
#page #right .content input.textfield_error {
    border: 1px solid #9a0000 !important;
    background-color: #fdcccc !important;
}


/*Menu*/
#page #left .menu {
    margin-top: 20px;
    background-color: #fafafa;
    border-color: #b6b6b6;
    background-image: none;
}

#page #left .menu .menu_top {
    padding-left: 10px;
    border-bottom: 3px solid #c4954f;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    width: 210px;
    font-size: 11px;
    border-radius: 0;
    width: 100%;
    height: 38px;
    padding: 0;
    font-weight: normal;
    color: #fff;
    line-height: 38px;
    background-color: #333e44;
    background-image: none;
    margin-bottom: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
}

#page #left .btn.user {
    height: auto;
    padding: 10px;
    line-height: 0;
}

#page #left .user {
    border-radius: 0;
    width: 200px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #fff;
    padding-left: 12px;
    margin-bottom: 20px;
    background-color: #333e44;
    background-image: none;
    position: relative;
}

#page #left .btn.user p {
    line-height: 1.6;
    font-size: 13px;
    padding-left: 10px;
}

#page #left .postit_todos {
    border-bottom: 3px solid #c4954f;
}

#page #left .menu .menu_middle {
    border: none;
    border-radius: 0;
    margin: 0;
}

#page #left .menu .menu_middle li a {
    border-bottom: 1px solid rgba(182, 182, 182, 0.3215686274509804);
    padding: 2px 0;
    margin: 0px 12px;
    color: #333e44;
}

#page #left .menu .menu_middle li a:hover {
    background: none;
    color: #c49650;
    font-weight: normal;
}

#page #top .btn_ausloggen,
#page #top .btn_internetseite {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #d8ba92), to(#c1955a));
    background-image: -webkit-linear-gradient(top, #d8ba92 5%, #c1955a 100%);
    background-image: -o-linear-gradient(top, #d8ba92 5%, #c1955a 100%);
    background-image: linear-gradient(to bottom, #d8ba92 5%, #c1955a 100%);
    height: 38px;
    line-height: 38px;
    position: absolute;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 11px !important;
    right: 180px;
    border-radius: 0;
}

#page #top .btn_ausloggen {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #848d91), to(#58646a));
    background-image: -webkit-linear-gradient(top, #848d91 5%, #58646a 100%);
    background-image: -o-linear-gradient(top, #848d91 5%, #58646a 100%);
    background-image: linear-gradient(to bottom, #848d91 5%, #58646a 100%);
}

.btn.btn_internetseite span,
.btn.btn_ausloggen span {
    font-size: 11px !important;
}

#page #left .menu .menu_middle li ul li a:hover,
#page #left .menu .menu_middle li a.active,
#page #left .menu .menu_middle li ul li a.active {
    font-weight: normal;
    color: #c4954f;
    background: none;
}

/*label.file-upload{
    display: table;
    background: #646f75;
    border: none;
    font-weight: normal;
    border-radius: 0;
    color: #fff !important;
    padding: 12px 25px;
    text-transform: uppercase;
    text-shadow: none;
    font-size: 11px;
    letter-spacing: 1.5px;
    font-family: "open-sans-regular";
    box-shadow: none;
    text-decoration: none;
     }

input[type="file"] {
    display: none;
}*/

/*Flex Framework*/

.gridcontainer {
    margin-left: -12px;
    margin-top: -12px;
}

.gridcontainer-medium {
    margin-left: -7px;
    margin-top: -7px;
}

.gridcontainer-small {
    margin-left: -2px;
    margin-top: -2px;
}

.gridcontainer-xlarge {
    margin-left: -60px;
    margin-top: -60px;
}

.grid {
    padding-left: 12px !important;
    padding-top: 12px !important;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
    line-height: 0;
}

.grid-15 {
    width: 15% !important;
}

.grid-20 {
    width: 20% !important;
}

.grid-33 {
    width: 33.333%;
}

.grid-25 {
    width: 25% !important;
}

.grid-40 {
    width: 40%;
}

.grid-43 {
    width: 43%;
}

.grid-50 {
    width: 50% !important;
}

.grid-66 {
    width: 66.666% !important;
}

.grid-80 {
    width: 80% !important;
}

.grid-85 {
    width: 85% !important;
}

.grid-large {
    padding-left: 30px;
    padding-top: 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.grid-medium {
    padding-left: 7px !important;
    padding-top: 7px !important;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.grid-small {
    margin-left: 2px !important;
    margin-top: 2px !important;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.justify-space-between {
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
}

.justify-flex-start {
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
}

.justify-flex-end {
    -webkit-box-pack: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
}

.align-center {
    align-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
}

.align-start {
    align-items: flex-start;
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
}

.align-end {
    align-items: flex-end;
    -webkit-box-align: flex-end;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
}

.fa-blink {
    -webkit-animation: blink_anim 1.25s linear infinite;
            animation: blink_anim 1.25s linear infinite;
}

@-webkit-keyframes blink_anim {
    50% {
        opacity: 0;
    }
}

@keyframes blink_anim {
    50% {
        opacity: 0;
    }
}

.statistikRubrikButton {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 25%;
    margin: 0 1px;
}

div.slotchecker--header:not(:first-of-type) {
    padding-top: 40px;
}

table.slotchecker--table td {
    padding: 4px !important;
}

table.slotchecker--table > tbody > tr > td > a {
    display: block;
    cursor: pointer;
    text-decoration: none !important;
}

table.slotchecker--table > tbody > tr > td:nth-of-type(1) {
    width: 12.5%;
}

table.slotchecker--table > tbody > tr > td:nth-of-type(2) {
    width: 17.5%;
}

table.slotchecker--table > tbody > tr > td:nth-of-type(3) {
    width: 20%;
}

table.slotchecker--table > tbody > tr > td:nth-of-type(4) {
    width: 50%;
}

table.slotchecker--table > tbody > tr:nth-of-type(odd) > td {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-top: 1px solid rgb(220, 220, 220);
    border-bottom: 1px solid rgb(220, 220, 220);
    background-color: rgb(245, 245, 245) !important;
}

input[type='text'].invalid {
    border: 1px solid red !important;
}

tbody.striped > tr:nth-child(even) {
    background-color: #fafafa !important;
}

tbody.striped > tr > td {
    background-color: unset !important;
}

ul.category-selection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding-right: 40px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

ul.category-selection > li {
    margin-right: 8px;
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    background-color: #646f75;
    border-bottom: 3px solid #c4954f;
    min-width: -moz-max-content;
    min-width: -webkit-max-content;
    min-width: max-content;
    text-align: center;
}

ul.category-selection > li.active,
ul.category-selection > li:hover {
    background-color: #c39555;
}

ul.category-selection > li > a {
    font-size: 11px;
    padding: 12px 15px;
    color: #fff;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    text-decoration: none;
}

tr.speise-recommendation > td:not(:last-of-type) {
    color:#8888CC;
}

/* Telefonliste */

.button-container .button {
    width: 200px;
}

.content_middle #tbody_telefonliste_content h2 {
    margin-top: 0 !important;
    line-height: 1rem;
    margin-right: 20px;
}

.features nobr {
    display: inline-flex;
}

.features nobr:not(:last-child)::after {
    content: '';
    margin: 0 1px 0 5px;
    width: 1px;
    height: 20px;
    background-color: lightgray;
}

#umsatzmeldung_page table {
    width: 50%;
}

#umsatzmeldung_page table tr:nth-child(even){
    background: #f2f2f2;
}

#umsatzmeldung_page table td {
    padding: 5px;
}

#form_umsatzmeldung input[type=text]{
    background: #f2f2f2;
}

#umsatzmeldung_page #fotoupload-field #filepicker {
    height: unset !important;
    padding: 0 !important;
}

#umsatzmeldung_page #fotoupload-field form input[type=file]::file-selector-button, #umsatzmeldung_page .kassenbericht_container input[type=button] {
    text-decoration: none !important;
background: #646f75;
border: none;
font-weight: normal;
border-radius: 0;
color: #fff !important;
text-transform: uppercase;
text-shadow: none;
font-size: 11px;
letter-spacing: 1.5px;
font-family: "open-sans-regular";
box-shadow: none;
box-sizing: border-box;
text-align: center;
line-height: 1.6;
padding:11px;
cursor: pointer;
width: 100%;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
webkit-border-radius: 0 !important;
webkit-border: none !important;
webkit-background: #646f75 !important;
}

#umsatzmeldung_page #fotoupload-field form input[type=file]::file-selector-button:hover {
    background: #afbcc3 !important;
    -webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
}

#umsatzmeldung_page .kassenbericht_container input[type=button]{
    background: #afbcc3 !important;
    -webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
}

#umsatzmeldung_page .kassenbericht_container input[type=button]:hover{
    background: #777d80 !important;
    -webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
}

img.uploader_umsatzmeldung {
    height: 150px;
    width: 100%;
    object-fit: cover;
    margin-bottom: 10px;
}

@media screen and (max-width:660px){
    #umsatzmeldung_page table {
        width: 100%;
    }
    
    #form_umsatzmeldung .grid-25, #fotoupload-field .grid-25 {
        width: 50% !important;
    }

    #form_umsatzmeldung .grid-50, #fotoupload-field .grid-50 {
        width: 100% !important;
    }
}

@media screen and (max-width:470px){
    
    .kassenbericht_container .grid-25 {
        width: 50% !important;
    }
}

@media screen and (max-width:350px){
    #form_umsatzmeldung .grid-25 {
        width: 100% !important;
    }
}
/* 
input {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    } */

/* Transfer 

.table_2018#transferoptionen, .table_2018#transferoptionen .table-bewerbung-checkboxen, .table_2018#transferoptionen .table-bewerbung-checkboxen > div {
    background-color: #ffe572 !important;
}

.table_2018#transferoptionen .checkbox-02 label {
    background-image: url(../images/csscheckbox_white.png);
}

.table_2018#transferoptionen .checkbox-02 input[type="radio"]:checked + label {
    background-image: url(../images/csscheckbox_checked.png) !important;
}

.table_2018#transferoptionen .table-bewerbung-checkboxen:first-child > div {
    border-right: 1px solid black;
}

.table_2018#transferoptionen {
    padding: 0 10px;
}

*/