@font-face {
    font-family: "BookAntiquaRegular";
    src: url(../fonts/BKANT.TTF);
}


@font-face {
    font-family: "BatonTurboWeb-Regular";
    src: url(../fonts/BatonTurboWeb-Regular.woff);
}



body {
    /*font-family: "BookAntiquaRegular";*/
    font-family: "BatonTurboWeb-Regular", Arial, Helvetica, sans-serif;
    background-color: #f4f2f2;
    /*color: #33201a;*/
    color: #42180d;
    /*color: #351007;*/
}

a {
    /*color: #33201a;*/
    color: #42180d;
    text-decoration: none;
}

a:hover {
    /*color: #33201a;*/
    color: #42180d;
    text-decoration: underline;
}

.bg-main {
    padding-top: 20px;
    /*height: 100vh;*/
    overflow-y:auto;
    padding-bottom: 40px;
}

.table-dark {
    /*--bs-table-bg: #33201a;*/
    --bs-table-bg: #42180d;
}

.table td, .table th  {
    vertical-align: middle;
}

.subheadline {
    text-align: center;
    text-transform: uppercase;
}

.sb-box {
    height: 250px;
    font-size: 14px;
}

.sb-box img {
    height: auto;
}

.sb-box-sm {
    height: 250px;
    text-align: center;
}
    .sb-box-1 {
        background-color: #dbdbdb; /*Sorger*/
    }

    .sb-box-2 {
        background-color: #d8c1af; /*Kunden-Login, Mein Profil*/
    }

    .sb-box-3 {
        background-color: #f5d3d4; /*Registrieren, Mein Guthaben*/
    }

    .sb-box-4 {
        background-color: #c8bebc; /*Firmen-Login, Feedback*/
    }

    .sb-box-5 {
        background-color: #d5e2d1; /*Startseite*/
    }

    .sb-box-6 {
        background-color: #a6cfad; /*Bestellungen*/
    }

    .sb-box-7 {
        background-color: #aebebc; /*Mitarbeiter*/
    }
    

.sb-box-p {
    padding: 10px 10px 30px 10px;
    text-transform: uppercase !important;
}

.login-form {
    max-width: 70%;
}

.bg-allergens {
    background-color: #d8c1af;
    color:#5e4c4d;
    font-weight: normal;
}

.bg-miattributes {
    background-color: #a6cfad;
    color: #5e4c4d;
    font-weight: normal;
}

#scrollToTopBtn {
    position: fixed;
    bottom: 90px;
    right: 20px;
}

#scrollToBottomBtn {
    position: fixed;
    bottom: 50px;
    right: 20px;
}

.bold {
    font-weight: bold;
}

.cursor-pointer {
    cursor: pointer;
}

.info-text {
    font-size: 13px;
}

p.info-text {
    margin-bottom: 0px;
    margin-left: 15px;
}

.plus-minus-input .invalid-feedback {
    display: none !important;
}

@media (max-width: 575.98px) {
    
    #scrollToTopBtn {
        bottom: 70px;
    }
}

@media (max-width: 1399.98px) {
    .sb-box {
        /*height: 350px;*/
        font-size: 12px;
    }
}

@media (max-width: 1199.98px) { 

    .login-form {
        max-width: 100%;
    }

    .sb-box-sm {
        height: 200px;
        font-size: 14px;
    }

    .sb-box-sm img {
        max-width: 50px;
        padding: 0px !important;
        height: auto;
    }

    .sb-box-side {
        height: 250px;
        font-size: 14px;
    }

    .sb-box-side img {
        max-width: 80px;
        padding: 0px !important;
        height: auto;
    }
 }

 @media (max-width: 991.98px) { 

    .padding-md {
        padding: 40px 0px !important;
    }
 }


.form-fields input,
.form-fields textarea,
.form-fields select {
    border-radius: 0px;
    border-color: transparent;
}

.form-fields input[type="radio"] {
    border-color: #42180d;
}

.form-check-input:checked {
    background-color:rgb(146, 172, 133);
    border-color:rgb(146, 172, 133)
  }

.form-fields button,
.os-button {
    border-radius: 0px;
    /*border-color: #33201a;
    background-color: #33201a;*/
    border-color: #42180d;
    background-color: #42180d;
    color: #FFF;
}

.os-button {
    padding-left: 11px;
    padding-right: 11px;
}

.form-fields .btn-order {
    background-color: #42180d;
    border-color: #42180d;
}

.form-fields button:hover,
.os-button:hover {
    border-radius: 0px;
    border-color: #dbdbdb;
    background-color: #dbdbdb;
    /*color: #33201a;*/
    color: #42180d;
}

.form-fields button:active,
.form-fields button:first-child:active,
.os-button:active,
.os-button:first-child:active,
.btn-order:active,
.btn-order:first-child:active {
    border-radius: 0px;
    border-color: #dbdbdb !important;
    background-color: #dbdbdb !important;
    /*color: #33201a !important;*/
    color: #42180d !important;
}



.login-links a {
    color: #000;
    font-size: 12px;
}

.btn-icon-system {
    width: 30px;
    height: 30px;
    padding: 3px;
    background-color: #FFF;
    border-color: #FFF;
    border-radius: 0px;
}

.btn-icon-user-system {
    width: 30px;
    height: 30px;
    padding: 3px;
    background-color: #FFF;
    border-color: #42180d;
    color: #42180d;
    border-radius: 0px;
}

.btn-user-system {
    background-color: #FFF;
    border-color: #42180d;
    color: #42180d;
    border-radius: 0px;
}

.btn-icon-user-system:hover, .btn-user-system:hover {
    background-color: #42180d;
    color: #FFF;
    border-color: #42180d;
}

.table-approved, .table-open, .table-order {
    border-collapse: separate; 
    border-spacing: 0 5px;
}

.table-approved tr {
    box-shadow: 0px 1px 2px 1px rgb(177, 177, 177);
    background-color: #FFF;
    margin-bottom: 15px;
}


.table-order tr {
    box-shadow: 0px 1px 2px 1px rgb(166, 207, 173);
    background-color:rgb(213, 226, 209);
    margin-bottom: 15px;
}


.order-box {
    border: 1px solid #a6cfad;
    min-width: 200px;
    background-color: #fff;
}

.order-box-disabled {
    background-color: #f4f2f2 !important;
    border: 1px solid gray !important;
}

.order-box-disabled h3.menuname {
    color: gray !important;
}

.user-box {
    border: 1px solid lightgray;
    min-width: 200px;
    background-color: transparent;
    box-shadow: 0px 1px 2px 1px rgb(177, 177, 177);
}

.mprod-label {
    min-width: 300px;
}

@media (max-width: 1199.98px) { 
 

    .order-box {
        /*margin: 0px!important;*/
    }

    .mprod-label {
        min-width: 200px;
    }
 }

.vegetarisch {
    background-image: url("../images/layout/vegetarisch.png");
    background-position: top right;
    background-repeat: no-repeat;
}

.vegan {
    background-image: url("../images/layout/vegan.png");
    background-position: top right;
    background-repeat: no-repeat;
}

.order-date {
    font-size: 18px;
    text-transform: uppercase;
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap; 
}

.order-date > span {
    position: relative;
    display: inline-block;
}

.order-date > span:before,
.order-date > span:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 9999px;
    height: 1px;
    background: #000;
}

.order-date > span:before {
    right: 100%;
    margin-right: 15px;
}

.order-date > span:after {
    left: 100%;
    margin-left: 15px;
}

h3.menuname {
    color: #667b5b;
    margin-bottom: 20px;
}

h3.menuplanname {
    margin-bottom: 25px;
}

div.productprice {
    padding-top: 10px;
}

.footer-container {
    background-color: #f4f2f2;
    border-top: 1px solid gray;
    padding: 10px 0 10px 0;
}

.input-group-text {
    background-color: transparent;
    border-color: transparent;
}

.grecaptcha-badge {
    bottom: 54px !important;
}


.has-order::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    display: inline-block;
    content: "";
    vertical-align: -.125em;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-cart-check" viewBox="0 0 16 16"><path d="M11.354 6.354a.5.5 0 0 0-.708-.708L8 8.293 6.854 7.146a.5.5 0 1 0-.708.708l1.5 1.5a.5.5 0 0 0 .708 0l3-3z"/><path d="M.5 1a.5.5 0 0 0 0 1h1.11l.401 1.607 1.498 7.985A.5.5 0 0 0 4 12h1a2 2 0 1 0 0 4 2 2 0 0 0 0-4h7a2 2 0 1 0 0 4 2 2 0 0 0 0-4h1a.5.5 0 0 0 .491-.408l1.5-8A.5.5 0 0 0 14.5 3H2.89l-.405-1.621A.5.5 0 0 0 2 1H.5zm3.915 10L3.102 4h10.796l-1.313 7h-8.17zM6 14a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm7 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 8px;
}

.accordion-button {
    border-radius: 0px !important;
}

.accordion-button:not(.collapsed) {    
    border-radius: 0px !important;
    border-color: rgb(166, 207, 173) !important;
    background-color: rgb(166, 207, 173) !important;
    /*color: #33201a !important;*/
    color: #FFF !important;
}

.accordion-button:focus {
    --bs-accordion-btn-focus-border-color: rgb(166, 207, 173) !important;
    box-shadow: none;
}

.accordion {
    --bs-accordion-border-radius: 0px;
}

.mainmenu {
    background-color: #667b5b;
    border-color: #667b5b;
    border-radius: 0px;
    color: #FFFFFF;
}

.gebaeck {
    background-color: #95662b;
    border-color: #95662b;
    border-radius: 0px;
    color: #FFFFFF;
}

.speisen_im_glas {
    background-color: #7f3534;
    border-color: #7f3534;
    border-radius: 0px;
    color: #FFFFFF;
}

.beilagen {
    background-color: #936e65;
    border-color: #936e65;
    border-radius: 0px;
    color: #FFFFFF;
}



.page-link, .page-link:hover {
    z-index: 2;
    color: #42180d;
    background-color: #FFF;
    margin: 5px;
}

.page-item:last-child .page-link {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.page-item:first-child .page-link {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.active > .page-link, .page-link.active {
    z-index: 3;
    color: #FFF;
    background-color: #42180d;
    border-color: #42180d;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number]{
    -moz-appearance: textfield;
}

.text-bg-sorger {
    background-color: #a6cfad !important;
}

.e4a-alert-danger {
    background-color: #f5d3d4 !important;
    border-color: #976b6c !important;
    border-radius: 0px;
    color: #42180d !important;
}

.e4a-alert-success {
    background-color: #a6cfad !important;
    border-color: #667b5b !important;
    border-radius: 0px;
    color: #233827 !important;
}

.e4a-alert-info {
    background-color: #ceeae6 !important;
    border-color: #66839b !important;
    border-radius: 0px;
    color: #243341 !important;
}