/* Custom AmaGo CSS */
@font-face {
    font-family: 'Frutiger';
    src: url('https://www.burgerheart.com/theme/fonts/FrutigerLTPro/31E1D6_1_0.eot');
    src: url('https://www.burgerheart.com/theme/fonts/FrutigerLTPro/31E1D6_1_0.eot?#iefix') format('embedded-opentype'),
    url('https://www.burgerheart.com/theme/fonts/FrutigerLTPro/31E1D6_1_0.woff2') format('woff2'),
    url('https://www.burgerheart.com/theme/fonts/FrutigerLTPro/31E1D6_1_0.woff') format('woff'),
    url('https://www.burgerheart.com/theme/fonts/FrutigerLTPro/31E1D6_1_0.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Frutiger';
    src: url('https://www.burgerheart.com/theme/fonts/FrutigerLTStd-BlackCn/326D62_1_0.eot');
    src: url('https://www.burgerheart.com/theme/fonts/FrutigerLTStd-BlackCn/326D62_1_0.eot?#iefix') format('embedded-opentype'),
    url('https://www.burgerheart.com/theme/fonts/FrutigerLTStd-BlackCn/326D62_1_0.woff2') format('woff2'),
    url('https://www.burgerheart.com/theme/fonts/FrutigerLTStd-BlackCn/326D62_1_0.woff') format('woff'),
    url('https://www.burgerheart.com/theme/fonts/FrutigerLTStd-BlackCn/326D62_1_0.ttf') format('truetype');
    font-weight: bold;
    font-display: swap;
}

@font-face {
    font-family: 'BlackWhite';
    src: url('https://www.burgerheart.com/theme/fonts/FrutigerLTPro/326D62_0_0.eot');
    src: url('https://www.burgerheart.com/theme/fonts/FrutigerLTPro/326D62_0_0.eot?#iefix') format('embedded-opentype'),
    url('https://www.burgerheart.com/theme/fonts/FrutigerLTPro/326D62_0_0.woff2') format('woff2'),
    url('https://www.burgerheart.com/theme/fonts/FrutigerLTPro/326D62_0_0.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Drop Dead Gorgeous';
    src: url('https://www.burgerheart.com/theme/fonts/DkDropdead/DropDeadGorgeous.eot');
    src: url('https://www.burgerheart.com/theme/fonts/DkDropdead/DropDeadGorgeous.eot?#iefix') format('embedded-opentype'),
    url('https://www.burgerheart.com/theme/fonts/DkDropdead/DropDeadGorgeous.woff2') format('woff2'),
    url('https://www.burgerheart.com/theme/fonts/DkDropdead/DropDeadGorgeous.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'Frutiger', sans-serif;
    color: #fff;
    background: #0c0b09;
    font-size: 16px;
}

body:before {
    content: '';
    background: none;
    display: none;
}

.articleitem_price,
.basket_total, .basket_discount, .basket_mwst {
    font-family: 'Frutiger', sans-serif;
    font-size: 16px;
}

.mainscreen_articlebar {
    background-color: #691103;
    border-top: none;
    border-bottom: none;
}

.mainnav_scroll ul li.active a:before {
    content: '';
    background: #691103;
    height: 100%;
    width: calc(100% + 25px);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    border-radius: 5px;
}

.mainnav_scroll ul li.active a {
    border-bottom: none !important;
}

.mainnav_scroll ul {
    padding-left: 15px;
}

.header,
.scrolling-arrow-right,
.scrolling-arrow-left {
    background: none;
}

#myHeader {
    border-bottom: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#myHeader > .col-12.col-lg-12 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.pagespan > div {
    padding-left: 0 !important;
}

.scrolling-arrow-right {
    right: -20px !important;
    top: 7px !important;
}

.scrolling-arrow-left {
    left: -20px !important;
    top: 7px !important;
}

.mainnav_scroll ul li a,
h1, h2, h3, h4, h5, h6 {
    color: #fff;
    font-family: 'Frutiger', sans-serif;
}

.mainnav_scroll ul li a {
    font-size: 17px;
    color: #fff !important;
    border-radius: 5px;
    padding: 5px 10px;
    position: relative;
    height: auto;
}

.articleitem_name {
    font-family: "Frutiger", sans-serif;
    color: #0e0f03;
    text-transform: uppercase;
    font-size: 16px;
    position: relative;
}

.articleitem .lines-2 {
    margin-top: 10px;
    font-family: 'Frutiger', sans-serif;
    -webkit-line-clamp: unset !important;
    margin-bottom: 0 !important;
}

.articleitem .row .row.mt-auto {
    margin-top: 0 !important;
}

.meccode-item .meccode-group-name.articleitem_name,
.meccode-group-item .meccode-group-name.articleitem_name,
.meccode-item .meccode-name.articleitem_name,
.meccode-group-item .meccode-name.articleitem_name {
    color: #0e0f03;
    display: flex;
    order: 1;
    justify-content: center;
    font-size: 22px;
    margin-top: 45px;
    font-family: 'Frutiger', sans-serif;
}

.meccode-item a.open-meccode {
    border: none !important;
}

.row.content {
    margin-top: 10px;
    padding-top: 0;
    border-top: 2px solid #595856;
}

.articleitem_name small, .articleitem_name .small {
    font-weight: normal;
    font-size: 16px;
    text-transform: none;
}

.articleitem_allergen {
    color: #fff;
}

.articleitem {
    border-bottom: 2px solid #0e0f03 !important;
}

.articleitem:first-child {
    border-top: 2px solid #0e0f03 !important;
}

.pagespan_content .articleitem:last-of-type {
    border-bottom: none !important;
}

@media (min-width: 991px) {
    .articleitem .articleitem_image {
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }
}

.maincolor_foreground,
.maincolor_foreground.call_2_action_btn {
    color: #691103;
}

.maincolor_button.disabled, .maincolor_button:disabled {
    background-color: #464645 !important;
}

.maincolor_button, .btn-success {
    background-color: #691103 !important;
    color: #fff;
}

.maincolor_button:hover, .btn-success:hover {
    background-color: #691103 !important;
    color: #fff;
}

a, a:hover,
.maincolor_foreground:hover {
    color: #691103 !important;
}

a:visited {
    color: #464645;
}

.modal-content {
    background: #fff;
}

.meccode-item .meccode-group-image,
.meccode-group-item .meccode-group-image,
.meccode-item .meccode-image,
.meccode-group-item .meccode-image {
    order: 2;
    padding-top: 0;
    align-items: flex-start;
}

a.open-mecgroup:hover,
a.open-meccode:hover {
    text-decoration: none;
}

.meccode-image img, .meccode-group-image img {
    max-height: 95%;
}

.meccode-image,
.meccode-group-image,
.image-container {
    align-items: flex-start;
}

.meccode-item a,
.meccode-group-item a {
    max-height: 260px;
    height: 100%;
}

#mainscreen_articles_placeholder {
    height: 0 !important;
}

.map-legend {
    margin-top: 10px;
}

@media (max-width: 991px) {
    .meccode-item .meccode-name.articleitem_name {
        font-size: 17px !important;
    }

    .banner-container > img {
        position: relative !important;
        top: 0 !important;
        max-width: none !important;
    }

    .articleitem {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

@media (min-width: 769px) {
    #mainscreen_articles {
        padding: 20px 0 !important;
        padding-right: 25px !important;
    }
}

.meccode-image {
    width: 100%;
    min-height: 0 !important;
    height: auto;
}

.row.meccode-list .meccode-item {
    flex: 0 0 33.33333%;
    max-width: 33.333333%;
}

.image-container {
    height: auto !important;
}

.meccode-item .meccode-name.articleitem_name {
    margin-top: 0 !important;
    text-align: center;
    width: auto;
    color: #fff;
    display: inline-block;
    margin-bottom: 10px;
}

.meccode-name.articleitem_name:before {
    content: '';
    background: #2e2b2d;
    height: 90%;
    width: calc(100% + 25px);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    border-radius: 5px;
}

.meccode-item,
.articleitem_name,
.image-container * {
    transition: all 0.3s;
}

.meccode-item {
    margin-bottom: 25px;
}

.tile-nav-item a {
    padding: 0 6px;
    transition: all 0.3s;
}

.tile-nav-item:hover a,
.tile-nav-item.active a {
    background-color: #691103 !important;
    color: #fff !important;
}

.banner-container h3 {
    display: none;
}

.banner-container {
    width: inherit;
    margin-bottom: 80px !important;
    padding-right: 20px;
    min-height: 80px;
}

.banner-container > img {
    margin-top: 0;
    position: absolute;
    top: -20px;
    max-width: 90%;
}

#mainscreen_basket_fixed h3,
#checkout_basket ~ div h3 {
    text-align: center;
    background: #691003;
    padding: 10px;
    border-radius: 5px;
    color: #fff;
}

button#mainscreen_btn1 {
    background-color: #868873 !important;
    color: #000;
}

#basket_content .articleitem_name {
    color: #ececec;
}

.article-list .articleitem_name,
.articleitem_name {
    color: #fff;
}

.articleitem_basket .maincolor_foreground,
.articleitem_basket .maincolor_foreground:hover {
    color: #691103 !important;
}

.modal .modal-close {
    color: #000 !important;
}

.modal-body {
    background: #0c0b09;
}

.change-amount,
span[id^="amount-show"] {
    color: #691003;
}

.mainscreen_basket {
    border-left: none !important;
}

.footer,
.modal-footer {
    background-color: #0c0b09;
}

.btn.btn-light.dropdown-toggle,
.btn.btn-light.dropdown-toggle:hover {
    background: #0c0b09 !important;
    border: none !important;
    box-shadow: none !important;
}

.dropdown .dropdown-menu {
    background-color: #0c0b09 !important;
}

.dropdown-toggle:after {
    color: #691103 !important;
}

.dropdown .dropdown-item.active,
.dropdown .dropdown-item:active {
    background-color: #691103 !important;
}

/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    border-radius: 10px;
    background: black;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #2e2b2d;
    border-radius: 10px;
}

.main_popover_box {
    background: #000 !important;
}

.adyen-checkout__dropdown__list, .adyen-checkout__dropdown__element {
    color: #000 !important;
}

div#deliveryTypeButton_1, 
div#deliveryTypeButton_2 {
    font-weight:bold;
}

div#deliveryTypeButton_1[aria-pressed="true"], 
div#deliveryTypeButton_2[aria-pressed="true"] {
    color: #fff;
}

div#deliveryTypeButton_1[aria-pressed="false"], 
div#deliveryTypeButton_2[aria-pressed="false"] {
    color: #000;
}