@font-face {
    font-family: 'Raleway';
    src: url("/assets/fonts/Raleway-VariableFont_wght.ttf") format("truetype-variations");
    font-weight: 100 1000;
}

@font-face {
    font-family: 'yeseva one';
    src: url("/assets/fonts/YesevaOne-Regular.ttf") format('truetype');
}

@font-face {
    font-family: 'Great Vibes';
    src: url("/assets/fonts/GreatVibes-Regular.ttf") format("truetype");
}

:root {
    --color-red: #ED1C24;
    --color-red2: #ed1c24b8;
    --color-orange: #F1592A;
    --color-black: #000000;
    --color-black50t: #00000088;
    --color-black25t: rgba(0, 0, 0, .75);
    --color-gold: #DBC170;
    --color-darkgold: #9D894B;
    --color-brown: #5A4842;
    --text-dark: #262424;
    --text-medium: #5A4842;
    --deco-grey: #DCDAD5;
    --background: #FCF7F3;
    --background2: #313030;
    --background3: #f7f2ed;
    --color-white: #fff;
    --font-main: 'Raleway', sans-serif !important;
    --font-head: 'Great Vibes' !important;

}

/* ------------------------- Body -------------------------------- */
html {
    font-size: 16px;
}

body {
    font-family: 'yeseva one';
    font-style: normal;
}

h1,
h2,
h3,
h4 {
    font-family: 'yeseva one';
    font-weight: 400;
}

p,
a {
    font-family: 'Raleway' !important;
    font-weight: 400;
}

p {
    font-size: 1.5rem;
}

a:hover {
    text-decoration: none;
}

.uk-link,
a {
    color: var(--color-orange);
}

.uk-link-toggle:focus .uk-link,
.uk-link-toggle:hover .uk-link,
.uk-link:hover,
a:hover {
    color: var(--color-red);
}

/* ------------------------- Seiten Spezifisch -------------------------------- */
#site-1 .uk-container.uk-container-xlarge {
    padding: 30px;
}

#site-23 a.news-teaser-element {
    height: fit-content;
}

/* ------------------------- Navigation -------------------------- */


.stickyWrapper.uk-sticky {
    background: var(--color-black) !important;
    height: 100px;
}

.stickyWrapper.uk-sticky.uk-active.uk-sticky-below.uk-sticky-fixed {
    background: rgba(0, 0, 0, .7) !important;
    backdrop-filter: blur(5px);
}



nav.uk-navbar-container.uk-navbar {
    background-color: transparent;
    height: 100px;
    padding-top: 0px;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    /* padding: 10px 140px; */
}

.nav.uk-sticky.uk-active.uk-sticky-below.uk-sticky-fixed {
    background-color: var(--color-black25t) !important;
    /*  padding: 10px 140px; */
    backdrop-filter: blur(5px);
}

ul.uk-navbar-dropdown.uk-navbar-dropdown-bottom-left {
    background: var(--color-black25t) !important;
    ;
    list-style: none;
}

.uk-navbar-dropdown {
    width: auto;
}



nav .uk-navbar-right svg path {
    fill: rgb(112 110 110) !important;
}

/************ MODAL ********************/
#modal-full a.uk-logo img {
    opacity: 0.5;
}

#modal-full div.uk-background-cover {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#modal-full div.uk-background-cover a {
    color: white;
    font-weight: 300;
    font-size: 1.5rem;
    line-height: 100%;
}

/*
#modal-full div.uk-background-cover h3 {
    color: var(--color-red);
    font-size: 1.8rem;
    font-weight: 600;
    font-family: 'Raleway';
    letter-spacing: 0px;
    width: 250px;
}
*/
#modal-full .mobile-nav-wrapper {
    letter-spacing: 0px;
    width: 90%;
    max-width: 400px;
    margin: 0 0 20px 0;
}

#modal-full h3 {
    font-family: var(--font-main);
    color: var(--color-red);
    margin: 0;
}

#modal-full hr {
    margin: 10px 0px 10px 0 !important;
}

#modal-full ul.uk-nav-default li a {
    color: var(--color-orange) !important;
    padding-left: 15px;
}

#modal-full .uk-background-cover:before {
    content: '';
    background-color: #000000ba;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

/*
#modal-full .mobile-nav-contact {
    color: white;
    font-weight: 500;
    width: 250px;
}
*/
#modal-full .mobile-nav-contact a {
    font-size: 1rem !important;
}

#modal-full a.uk-logo {
    z-index: 2;
    position: absolute;
    top: 9px;
    left: 15px;
}

#modal-full a.uk-button.uk-button-large.uk-button-primary {
    max-width: 250px;
    min-width: 250px;
    padding: 15px 10px;
    font-weight: 600;
}

#modal-full .mobile-nav-contact {
    margin: 20px 0 0px 0;
}

#modal-full .mobile-nav-tel {
    width: 90%;
    max-width: 400px;
    margin: 0px 0 20px;
}

.mobile-nav-tel .uk-icon svg path {
    fill: white;
}

/*
#modal-full .mobile-nav-wrapper {
    margin-top: 50px;
}
/*
#site-9 div.uk-background-cover div {
    padding: 40px 0px;
    z-index: 2;
}*/
/*
#site-9 div.uk-background-cover div {
    padding: 20px 0px;
    z-index: 2;
}
*/
#modal-full div.uk-background-cover div {
    padding: 0px 0px;
    z-index: 2;
}

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

    /*
    div.uk-background-cover div {
        padding: 20px 0px;
    }
	*/
    .location-time {
        padding: 0px 0px 10px 30px !important;
    }

    /*
    #site-9 div.uk-background-cover div {
        padding: 20px 0px;
        z-index: 2;
    }
	*/
}

button.uk-modal-close-full.uk-close-large.uk-icon.uk-close {
    background-color: transparent;
    color: white;
    right: 10px;
    top: 20px;
}

.uk-navbar-right .uk-visible\@l {
    position: relative;
    top: 20px;
}

.uk-navbar-nav>li>a {
    font-size: 1.5rem;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    padding: 0 32px;
    color: var(--color-red);
}

ul.uk-navbar-nav li.active a {
    color: var(--color-white);
}

ul.uk-navbar-nav>li.active>a:before {
    content: '';
    background-image: url(/media/navi_feuer_1.png);
    background-repeat: no-repeat;
    position: absolute;
    height: 100%;
    width: 80px;
    top: -15px;
    margin: 0 auto;
    background-size: 100%;
}

ul.uk-navbar-nav>li>a:hover {
    color: var(--color-white);

}

ul.uk-navbar-nav>li:hover>a:before {
    background-image: url(/media/navi_feuer_1.png);
    background-repeat: no-repeat;
    position: absolute;
    height: 100%;
    width: 80px;
    top: -15px;
    margin: 0 auto;
    background-size: 100%;

}

ul.uk-nav-default a:hover {
    color: white;
    transition: all 250ms ease-in;
}

[class*=uk-navbar-dropdown-bottom] {
    margin-top: -10px;
}



/************************** SUB-Navi *******************************/


ul.uk-navbar-dropdown>li {
    margin: 10px 0;
}

ul.uk-navbar-dropdown>li>a {
    font-size: 1.5rem;
    color: var(--color-orange);
    text-transform: capitalize;
}

ul.uk-navbar-dropdown>li:hover a {
    color: white;
}

.uk-nav-parent-icon>.uk-parent>a::after {
    height: 20px !important;
}


/* ------------------------- Neuer Abschnitt --------------------- */
section.background-2 {
    background-color: var(--background);
}

section.background-3 {
    background-color: var(--background3);
}

.backelement-1::before {
    content: '';
    opacity: 1;
    background-image: url(/media/group_1_.svg), url(/media/group_2_.svg);
    background-position: 0% 20%, 100% 90%;
}

.backelement-2::before {
    content: '';
    opacity: 1;
    background-image: url(/media/group_49.svg), url(/media/group_50.svg);
    background-position: 0% 5%, 100% 100%;
}

.backelement-3::before {
    content: '';
    opacity: 1;
    background-image: url(/media/lauch.svg), url(/media/boelle_2.svg);
    background-position: 0% 10%, 100% 90%;
}

.backelement-4::before {
    content: '';
    opacity: .15;
    background-image: url(/media/bett.png), url(/media/key2.png);
    background-position: 95% 100%, 5% 30%;
    mix-blend-mode: hard-light;
}

.backelement-5::before {
    content: '';
    opacity: .15;
    background-image: url(/media/felsen.png), url(/media/fellsenbar-icon.png);
    background-position: 5% 45%, 100% 100%;
    mix-blend-mode: hard-light;
}

.backelement-1::before,
.backelement-2::before,
.backelement-3::before,
.backelement-4::before,
.backelement-5::before {
    content: '';
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

@media only screen and (max-width: 768px) {
    .backelement-4::before {
        display: none;
    }

    .backelement-5::before {
        display: none;
    }
}

@media only screen and (max-width: 428px) {
    .backelement-2::before {
        content: '';
        background-position: -170% 15%, 10% 100%;
    }
}

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

    .backelement-2::before {
        content: '';
        opacity: 1;
        background-image: url(/media/group_49.svg), url(/media/group_50.svg);
        background-repeat: no-repeat;
        position: absolute;
        background-position: -200% -30%, -30% 50%;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        opacity: 0.5;
    }

    .backelement-3::before {
        content: '';
        opacity: 1;
        background-image: url(/media/lauch.svg), url(/media/boelle_2.svg);
        background-repeat: no-repeat;
        position: absolute;
        background-position: -140% 30%, 280% 94%;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
    }

}

@media only screen and (max-width: 375px) {
    .backelement-2::before {
        content: '';
        background-position: -340% -10%, -10% 50%;
    }
}

.backelement-pizza::before {
    content: "";
    background-image: url(/media/close-up-classic-italian-pizza_3.png);
    position: absolute;
    width: 100%;
    margin-top: -70px;
    height: 810px;
    left: 0;
    background-size: 100%;
}

.backelement-footer::before {
    content: '';
    opacity: 1;
    background-image: url(/media/pasta.png), url(/media/pilz.svg);
    background-repeat: no-repeat;
    position: absolute;
    background-position: 0% 100%, 100% -60%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}


/* ------------------------- Header / Slider --------------------- */
.uk-slideshow-items.main-slider {
    min-height: calc(100vh - 100px) !important;
}

.slide_text {
    background-color: transparent;
    color: black;
    padding: 60px;
    border-radius: 26px;
    margin: 0px 0px;
    padding: 0px;
}

.slide_text img.slider-logo,
.slide_text h2.uk-text-center {
    filter: drop-shadow(0px 3px 4px black);
}

div.slide_text h2 {
    padding: 0px 20px;
    font-size: 4.6rem;
    letter-spacing: 2px;
}

.uk-dotnav.uk-flex-center {
    display: none;
}

.uk-margin-auto.uk-padding {
    display: flex;
    justify-content: center;
}

.uk-position-relative.uk-visible-toggle.uk-light.uk-slideshow {
    max-height: calc(100vh - 0px);
}

ul.uk-slideshow-items>li:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: url(/media/frame_1_5_.svg);
    z-index: 1;
    mix-blend-mode: normal;
    background-size: 1%;
    transform: rotate(0deg) scale(1);
    opacity: 0.6;
}

/* SLIDER- NAVI */
.slider-nav a {
    transform: scale(2) !important;
}

@media only screen and (max-width: 428px) {
    img.slider-logo {
        max-width: 70vw;
    }

    .slider-logo+h2.uk-text-center {
        line-height: 125%;
        font-size: 2.5rem;
    }

    .slide_text {
        display: flex;
        gap: 30px;
    }

}

@media only screen and (max-width: 428px) {
    div.slide_text h2 {
        font-size: 2.6rem;
    }

    .slide_text img.slider-logo,
    .slide_text h2.uk-text-center {
        width: 80%;
    }

    a.uk-position-center-right.uk-position-small.uk-icon.uk-slidenav-next.uk-slidenav {
        margin: 5px 10px;
        padding: 0px;
    }

    a.uk-position-center-left.uk-position-small.uk-icon.uk-slidenav-previous.uk-slidenav {
        margin: 5px 10px;
        padding: 0px;
    }
}

@media only screen and (max-width: 375px) {
    div.slide_text h2 {
        font-size: 2.45rem;
    }

    a.uk-position-center-right.uk-position-small.uk-icon.uk-slidenav-next.uk-slidenav {
        margin: 5px 10px;
        padding: 0px;
    }

    a.uk-position-center-left.uk-position-small.uk-icon.uk-slidenav-previous.uk-slidenav {
        margin: 5px 10px;
        padding: 0px;
    }

    .uk-slideshow-items.main-slider {
        height: 590px;
    }

    img.slider-img.uk-cover {
        height: 590px;
    }
}

/* ------------------------- CTA ------------------------------- */
.call-to-action a {
    display: flex;
    transition: all 250ms ease-in;
    flex-direction: row;
    align-items: center;
}

.cta-icon {
    width: auto;
    height: 40px;
    display: block;
    padding: 20px;
}

.cta-icon:before {
    content: '';
    background-image: url(/media/feuer_2.png);
    background-repeat: no-repeat;
    position: fixed;
    height: 100%;
    width: 350px;
    top: -58px;
    left: 18px;
    background-size: 20%;
    transform: scale(1.1);
    pointer-events: all;
}

.cta-text p {
    font-size: 1.1rem !important;
}

.cta-text {
    height: 30px;
    padding-right: 30px;
    color: white;
    font-weight: 600;
}

.call-to-action {
    position: fixed;
    top: 80%;
    right: -200px;
    transform: translate(0%, 0%);
    z-index: 2;
    background-color: var(--color-red);
    color: white;
    height: 70px;
    width: fit-content;
    white-space: nowrap;
    display: flex;
    transition: all 250ms ease-in;
    flex-direction: row;
    align-items: center;
}

.call-to-action:hover {
    right: 0px;
    transition: all 250ms ease-out;
}

/* ------------------------- Button ------------------------------- */
/*
a.uk-button.uk-button-primary {
    background-color: var(--color-red2);
    color: white;
    padding: 10px 40px;
    font-size: 1.3rem;
    font-family: 'Raleway';
    font-weight: 500;
}*/
p.footer-link {
    margin-left: -78px;
    font-size: 1.2rem;
    color: var(--color-gold);
}

a.uk-button.uk-button-primary {
    background-color: var(--color-red);
    color: white;
    padding: 5px 40px;
    font-size: 1.1rem;
    /* font-family: 'Raleway'; */
    font-weight: 600;
    max-width: 320px;
}

a.uk-button.uk-button-primary.uk-width-1-1 {
    width: 100%;
}

a.uk-button.uk-button-primary:hover {
    background-color: var(--text-dark);
    color: white;
    transition: all 250ms ease-in;
    transform: scale(1.05);
}

a.uk-button.uk-button-primary:before {
    display: block;
    content: ' ';
    background-image: url('/media/cil_pizza.svg');
    background-size: 28px 28px;
    height: 0px;
    width: 0px;
}

a.uk-button.uk-button-news {
    background-color: var(--color-red);
    color: white;
    font-size: 1.3rem;
    font-weight: 600;
    padding: 9px 30px;
    margin-top: 50px;
    display: block;
}

.banner-wrapper .uk-text-center {
    padding: 30px 50px;
}

a.uk-button.uk-button-news:hover {
    background-color: var(--text-dark);
    /* background-color: var(--text-dark); ====== Alternative*/
    color: white;
    transition: all 250ms ease-in;
    transform: scale(1.05);
}

#site-9 a.uk-button.uk-button-news:before {
    content: '';
    background-image: url(/media/feuer_1.png);
    background-repeat: no-repeat;
    position: absolute;
    height: 100%;
    width: 140px;
    top: -75px;
    left: 30%;
    margin: 0 auto;
    background-size: 100%;
}

a.uk-button.location-button {
    background-color: var(--color-gold);
    color: var(--text-dark);
    padding: 10px 40px;
    font-weight: 600;
    font-size: 1rem;
    width: fit-content;
    margin-bottom: 30px;
}

/* .ohWrapper.antigrid {
    margin-left: 0px;
} */

@media only screen and (min-width: 1052px) {
    .ohWrapper svg {
        max-width: 10%;
    }
}

@media only screen and (max-width: 768px) {
    a.uk-button.uk-button-primary {
        min-width: 280px;
    }
}

@media only screen and (max-width: 414px) {
    .uk-margin-auto.uk-padding.headerbutton.uk-grid-margin.uk-first-column.uk-scrollspy-inview.uk-animation-slide-bottom-medium {
        padding: 20px 0px;
    }

    a.uk-button.location-button {
        background-color: var(--color-gold);
        color: var(--text-dark);
        padding: 10px 0px;
        font-weight: 600;
        font-size: 0.9rem;
        width: 300px;
        margin-bottom: 30px;
        margin-left: -20px;
    }
}

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

    #site-9 a.uk-button.location-button {
        margin-left: -37.5px;
    }

}

.text_bild img {
    height: 50vh;
    width: 100%;
    object-fit: cover;
}

.text_bild h2 .text-big {
    font-size: 4.6rem;
    line-height: 1;
}


/* ------------------------- Texteditor --------------------------- */
/*
.texteingabe .uk-column-1-1\@m {
    padding: 5px 80px;
}
*/
/* .texteingabe .uk-column-1-1\@m {
    padding: 5px 0 5px 80px;
} */

/* .texteingabe span h2 {
    font-family: 'Raleway';
} */

.backelement-pizza h2,
.backelement-pizza h2 strong,
.backelement-pizza p,
.backelement-pizza p strong {
    color: white;
}

.neg-margin .texteingabe:first-child .uk-column-1-1\@m,
.texteingabe:first-child .uk-column-1-1\@m {
    padding: 0 80px 0 0;
}

@media only screen and (max-width: 960px) {
    .texteingabe.uk-width-1-2\@m .uk-column-1-1\@m {
        padding: 50px 0 5px 10px;
    }
}

@media (max-width: 960px) {
    .texteingabe .uk-column-1-1\@m {
        padding: 5px 0 5px 0px;
    }
}

@media only screen and (max-width: 768px) {
    .texteingabe>* {
        padding: 0 10px !important;
    }
}

@media only screen and (max-width: 428px) {
    .texteingabe .uk-column-1-1\@m {
        padding: 0px;
    }
}

@media only screen and (max-width: 414px) {
    .texteingabe .uk-column-1-1\@m {
        padding: 0px 0px;
    }
}



/* ------------------------- Titel-Modul -------------------------- */
h2.regular-titel p {
    font-size: 5rem;
    font-family: 'Yeseva One', cursive !important;
}

h2.regular-titel {
    padding-bottom: 100px;
    padding-top: 100px;
}

.titel {
    margin-bottom: 90px;
}

.titel:after {
    content: '';
    position: absolute;
    background: url(/media/flagge.svg);
    left: 50%;
    height: 7px;
    background-repeat: no-repeat;
    transform: translate(-50%, 0);
    width: 350px;
    bottom: 0%;
}


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

    .regular-titel h1,
    .regular-titel h2 {
        font-size: 5rem !important;
        margin: 0;
    }

    .subheadline h2 {
        font-size: 2.5rem !important;
        top: 0;
    }

    .ohWrapper h3.uk-card-title {
        font-size: 2rem !important;
        top: 0;
        letter-spacing: 0.5px;
        font-weight: 600;
    }

    .ohWrapper h3.uk-text-center {
        font-size: 3rem !important;
        top: 0;
    }
}

@media only screen and (max-width: 428px) {
    .titel>div>* {
        //font-size: 230% !important;
        line-height: 110%;
    }

    .titel h2 {
        filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, .5));
    }

    .titel .subheadline h3 {
        position: relative;
        top: 0 !important;
        line-height: 125% !important;
        word-break: break-word;
        font-size: 11vw;
    }
}

@media only screen and (max-width: 414px) {
    .titel:after {
        transform: translate(-50%, 0) scaleX(0.75);
    }

    .titel {
        margin-bottom: 50px;
    }
}

.titel h2 {
    font-family: 'Great Vibes' !important;
    font-size: 6.25rem;
    color: rgba(200, 200, 200, 1);
    letter-spacing: 0px;
}

.subheadline h3 {
    font-size: 5rem;
    position: relative;
    top: -30px;
    line-height: 100%;
    word-break: break-word;

}

.regular-titel {
    margin: 40px 0;
    font-size: 2.25rem;
    font-family: 'Raleway';
    font-weight: 800;
    text-transform: uppercase;
}

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

    .regular-titel h1,
    .regular-titel h2 {
        font-size: 18vw !important;
        margin: 0;
        line-height: 100%;
    }

    .titel:before {
        content: '';
        top: 240px;
    }

    .subheadline h3 {
        top: 0px;
    }

    .regular-titel h2 {
        font-family: 'Great Vibes';
        font-size: 4rem;
        color: var(--deco-grey);
        line-height: 100%;
    }

    .subheadline h3 {
        font-size: 2.2rem;
        line-height: 100%;
        width: auto;
    }

    .ohWrapper h3.uk-text-center {
        font-size: 2.6rem !important;
    }
}

@media only screen and (max-width: 375px) {
    .titel:before {
        content: '';
        top: 225px;
    }
}

/* ------------------------- Titeldeko ---------------------------- */

.element-1::before {
    content: '';
    opacity: 1;
    background-image: url(/media/herzlich_willkommen.svg), url(/media/flagge.svg);
    background-repeat: no-repeat;
    position: absolute;
    background-position: 50% 5%, 50% 75%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.titleelement-2::before {
    content: '';
    opacity: 1;
    background-image: url(/media/rossini.svg), url(/media/flagge.svg);
    background-repeat: no-repeat;
    position: absolute;
    background-position: 50% 5%, 50% 75%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.flagelement-1::before {
    content: '';
    opacity: 1;
    background-image: url(/media/flagge.svg);
    background-repeat: no-repeat;
    position: absolute;
    background-position: 50% 75%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

/* ------------------------- Standort-Modul ----------------------- */

.uk-height-xlarge {
    min-height: 620px;
    height: 100%;
}

@media only screen and (max-width: 428px) {
    .uk-height-xlarge {
        height: 450px;
    }
}

.uk-height-custom {
    height: 600px;
}

.card-title-wrapper {
    background-color: #3a3838c2;
    position: absolute;
    padding: 20px 20px;
    top: 100px;
    width: -WEBKIT-FILL-AVAILABLE;
    text-align: center;
}

h3.uk-card-title {
    color: white !important;
    font-size: 3rem;
    font-family: 'Raleway';
    font-weight: 800;
    letter-spacing: 1px;
}

h4.uk-card-title {
    color: var(--color-darkgold) !important;
    font-family: 'Great Vibes';
    letter-spacing: 1px;
    font-size: 2.3rem;
    margin-top: -10px;
}

.uk-card-body.card-footer {
    padding: 10px 100px;
    display: flex;
    flex-direction: row;
    text-align: center;
    background-color: #5a5656;
    text-decoration-color: var(--color-darkgold);
    text-decoration-thickness: 3px;
    text-underline-offset: 2px;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-wrap: nowrap;
}

p.uk-card-title.uk-width-1-2 {
    margin: 0px;
    font-size: 1.2rem;
    font-weight: 500;
    font-family: 'Raleway';
    color: var(--deco-grey);
    letter-spacing: -1px;
    white-space: nowrap;
}

#location .uk-card-body.card-footer a {
    color: white;
    position: relative;
}

#location .uk-card-body.card-footer a:after {
    content: '';
    height: 2px;
    background: var(--color-darkgold);
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -4px;
}

#location .uk-card-body.card-footer {
    padding: 20px 100px;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    background: var(--color-black25t);
}

#location p.uk-card-title.uk-width-1-2 {
    text-align: center;
}


a.card-button,
div.card-button a {
    color: white;
    font-size: 1.1rem;
    font-weight: 600;
    font-family: raleway, sans-serif;
}

.uk-uppercase.uk-button.card-button {
    position: absolute;
    padding: 15px 40px;
    width: fit-content;
    background-color: #ed1c24b0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, 130%);
}

.uk-uppercase.uk-button.card-button:hover {
    background-color: var(--text-dark);
    transition: all 250ms ease-in;
    transform: scale(1.1);
    left: 50%;
    top: 50%;
    transform: translate(-50%, 130%);
}

.uk-card.uk-card-default:hover img {
    transition: all 250ms ease-in;
    /*filter: blur(5px);*/
}

.card-padding-bottom {
    padding-bottom: 130px;
}

.uk-card.uk-card-default {
    width: auto;
}

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

    /*
    .uk-card.uk-card-default {
        width: auto !important;
        margin-left: 30px;
    }
    */
    .uk-uppercase.uk-button.card-button:hover {
        background-color: var(--text-dark);
        transition: all 250ms ease-in;
        transform: scale(1.1);
        left: 0%;
        top: 0%;
        //transform: translate(-50%, 130%);
    }

    #site-9 .uk-card.uk-card-default {
        display: grid;
        grid-template-areas:
            'location info'
            'location button';
        grid-auto-columns: 421px auto;
        grid-auto-rows: auto 70px;
    }

    div#location {
        width: 100%;
        margin-left: -10px;
    }

    .uk-card-media-top.uk-height-xlarge {
        grid-area: location;
    }

    .uk-uppercase.uk-button.card-button {
        grid-area: button;
    }

    #location .uk-card-body.card-footer {
        padding: 20px 100px;
        flex-wrap: wrap;
        display: flex;
        align-items: center;
        background: var(--color-black25t);
        grid-area: info;
    }

    #location p.uk-card-title.uk-width-1-2 {
        text-align: center;
        margin: 10px 0;
    }

    .uk-card-body.card-footer {
        display: flex;
        flex-direction: column;
        padding: 0px !important;
    }

    .uk-overlay.uk-overlay-default {
        top: 0px !important;

    }

    .uk-card .uk-height-xlarge {
        height: 100%;
        min-height: 0px;
    }

    .uk-uppercase.uk-button.card-button {
        position: relative;
        top: 0;
        left: 0;
        transform: none;
        width: 100%;
    }


}


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

    #site-9 .uk-card.uk-card-default {
        display: grid;
        grid-template-areas:
            'location'
            'info'
            'button';
        grid-auto-columns: auto auto auto;
    }

    .uk-card.uk-card-default {
        width: 340px !important;
        margin-left: 0px;
    }

    h3.uk-card-title {
        font-size: 1.75rem;
    }

    h4.uk-card-title {
        font-size: 1.75rem;
    }

    .uk-card-body.card-footer {
        display: flex;
        flex-direction: row;
    }

    /*
	.uk-uppercase.uk-button.card-button {
		position: relative;
		left: -253px;
	}
	
	#location .uk-card-body.card-footer {
		left: -253px;
		position: relative;
	}
	
	#site-9 .uk-card .uk-height-xlarge {
		width: 40%;
	}
	*/
    .uk-card.uk-card-default {
        grid-auto-rows: auto 110px;
    }

    #site-9 #location .uk-first-column {
        padding-left: 25px;
    }
}

@media only screen and (max-width: 414px) {
    .uk-card.uk-card-default {
        width: 350px !important;
    }

    #site-9 #location .uk-first-column {
        padding-left: 12.5px;
    }

    /* .uk-card.uk-card-default {
        width: auto !important;
    } */
    h3.uk-card-title {
        font-size: 1.65rem !important;
    }

    #location .uk-card-body.card-footer {
        padding: 20px 35px;
    }

    p.uk-card-title.uk-width-1-2 {
        font-size: 1rem;
    }

    .uk-card.uk-card-default {
        width: 100%;
    }

    .card-title-wrapper {
        padding: 10px 20px;
        top: 35px;
    }

    .uk-uppercase.uk-button.card-button {
        padding: 5px 15px;
        top: 0%;
    }

    .uk-card-body.card-footer {
        padding: 10px 20px;
    }

    h3.uk-card-title {
        font-size: 2rem;
    }

    div.card-button a {
        font-size: 1rem;
    }

    div.card-padding-bottom {
        padding-right: 30px;
    }
}

@media only screen and (max-width: 375px) {
    .uk-card.uk-card-default {
        width: 315px !important;
    }

    .uk-uppercase.uk-button.card-button {
        top: 0%;
    }

    .uk-uppercase.uk-button.card-button {
        left: 0px;
    }

    #location .uk-card-body.card-footer {
        left: 0px;
    }

    #site-9 .uk-card .uk-height-xlarge {
        width: auto;
    }

    #site-9 .uk-card.uk-card-default {
        display: grid;
        grid-template-areas:
            'location'
            'info'
            'button';
        grid-auto-rows: auto auto auto;
        grid-auto-columns: auto auto auto;
    }

    #site-9 #location .uk-first-column {
        padding-left: 10px;
    }

    .location-button-wrapper {
        /* padding-top: 10%; */
        padding-left: 60px !important;
    }
}

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

    #site-10 div#location,
    #site-18 div#location,
    #site-24 div#location,
    #site-25 div#location {
        width: 100%;
        margin-left: 5px;
    }

    .uk-card.uk-card-default {
        width: 280px !important;
    }

    #site-9 #location .uk-first-column {
        padding-left: 20px;
    }

    .location-button-wrapper {
        /* padding-top: 10%; */
        padding-left: 30px !important;
    }
}


div.card-padding-bottom {
    text-align: -webkit-center;
}

/*
.uk-overlay.uk-overlay-default {
    background-color: #3a3838c2;
    position: relative;
    top: 15%;
    padding: 20px 0;
}
*/
.uk-overlay.uk-overlay-default {
    background-color: #3a3838c2;
    position: relative;
    top: 100px;
    padding: 20px 0;
}

.location-button-wrapper {
    padding-top: 10%;
    padding-left: 60px;
}

#site-10 div#location {
    margin-bottom: 100px;
}

#site-18 div#location {
    margin-bottom: 100px;
}

#site-24 div#location {
    margin-bottom: 100px;
}

#site-25 div#location {
    margin-bottom: 100px;
}

.card-us {
    padding-left: 15px;
}

/* ------------------------- Bild --------------------------------- */
img.solo-img {
    filter: drop-shadow(7px 6px 0px lightgrey);
    padding: 5px;
}

#site-15 img.solo-img {
    filter: drop-shadow(0px 0px 0px white);
}

.uk-align-center.uk-overflow-hidden.uk-grid-margin.uk-first-column.uk-scrollspy-inview.uk-animation-slide-bottom-medium {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.uk-align-center img.solo-img {
    filter: none;
}

h4.uk-card-title,
h3.uk-card-title {
    margin: 0 !important;
    filter: drop-shadow(0px 4px 1px rgba(0, 0, 0, .5));
}

h3.uk-card-title.uk-text-uppercase {
    white-space: nowrap;
}

@media only screen and (max-width: 1200px) {
    .ohWrapper .uk-child-width-1-3\@s .uk-panel {
        //width: 40%;
        width: max-content;
    }
}

@media (max-width: 768px) {

    [class^="uk-width"].imageWrapper {
        width: 100% !important;
    }

    .uk-width-1-2\@m.imageWrapper {
        width: 100%;
    }

    .imageWrapper img {
        left: 50%;
        position: relative;
        transform: translate(-50%, 0px);
    }

    .uk-width-1-2\@m.uk-overflow-hidden.imageWrapper+.texteingabe.uk-width-1-2\@m {
        margin-top: 50px;
    }

    /*
    .uk-panel.uk-grid-margin:nth-child(3) {
        margin: 0;
    }
	*/
}

@media only screen and (max-width: 720px) {
    .ohWrapper h3.uk-text-center {
        font-size: 11vw !important;
    }
}

@media only screen and (max-width: 540px) {
    .ohWrapper .uk-child-width-1-3\@s .uk-panel {
        width: 60%;
    }
}

/************************* SIGNATURE *************************/


#signature {
    margin-top: 80px !important;
}

#signature p {
    font-size: 5rem;
    font-family: 'Great Vibes' !important;
    color: #9d894b;
}

#signature .text-big {
    font-size: 12rem !important;
    vertical-align: middle;
    color: #ddd3bd;
    padding: 0 20px 0px 10px;
    line-height: 65%;
}

@media only screen and (max-width: 768px) {
    #signature .text-big {
        font-size: 12rem !important;
        vertical-align: middle;
        color: #ddd3bd;
        padding: 0 20px 0px 0px;
        line-height: 0%;
        position: relative;
        top: 10px;
    }
}

@media only screen and (max-width: 428px) {
    #signature {
        margin-top: 5vh;
    }

    h3.uk-card-title.uk-text-uppercase {
        white-space: initial;
    }

    #location .uk-card-body.card-footer a {
        white-space: initial;
    }
}

/************************* Profile *********************************/

#profileEdit input {
    border: solid 1px var(--text-medium);
}

/************************* Speisekarte *********************************/
.blind {
    background: var(--background);
    backdrop-filter: blur(0px);
    /* height: 40px; */
}


@media only screen and (max-width: 414px) {
    iframe.menuframe.uk-responsive-width {
        height: 200px !important;
    }
}

/************************* OpeningHours / ohwrapper *********************************/
.uk-panel h5 {
    margin-top: 5px;
}

section#standort-container {
    padding-bottom: 80px;
}

.ohWrapper {
    /* margin: 15% 0; */
    /* height: 100%; */
    /* width: 100%; */
    flex-direction: column;
    justify-content: space-around;
    top: 50%;
    position: relative;
    /* left: 50%; */
    /* transform: translate( -50%, 0); */
    padding: 40px 0;
    display: flex;
    gap: 30px;
}

.ohWrapper .uk-child-width-1-3\@s {
    display: flex;
    gap: 0px;
}

.ohWrapper h3.uk-text-center {
    font-size: 5rem;
    color: white;
    position: relative;
    padding-bottom: 50px;

}

.ohWrapper h5 a {
    color: white;
    font-size: 2rem;
}

.uk-panel span svg {
    width: 40px;
    min-width: 40px;
}

p.restDay.uk-flex.uk-flex-column {
    font-size: 2rem !important;
}

span.uk-text-lead.uk-light {
    font-weight: 700;
    color: white;
    font-size: 1.2rem;
}

.uk-panel h5 {
    font-weight: 600;
    margin: 0 10px;
    font-size: 1.8rem !important;
}


.uk-panel span {
    display: flex;
    justify-content: center;
}

.uk-panel p,
.uk-panel h5 {
    color: white;
    font-family: 'Raleway';
    font-size: 2rem;
    line-height: 100%;
}

.uk-panel h5 {
    font-weight: 600;
    margin: 0 10px;
    font-size: 2.25rem !important;
}

.ohWrapper h3.uk-text-center:after {
    content: '';
    background: url(/media/flagge.svg);
    height: 7px;
    width: 350px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 130px);
}

svg.menu-icon path {
    fill: white;
}

[id^="vph"]:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .45);
    z-index: 1;
}

.ohWrapper .uk-child-width-1-3\@s.uk-grid-stack {
    margin-left: 0px;
}

@media only screen and (max-width: 768px) {
    /*  .uk-panel span svg {
        position: absolute;
        top: -20px;
    } */

    .ohWrapper h3.uk-text-center {
        font-size: 5rem !important;
        color: white;
        position: relative;
        padding-bottom: 20px;
        line-height: 100%;
    }

    .headerbutton {
        padding: 0px 0 !important;
    }

    .uk-panel>* {
        font-size: 200% !important;
    }

    .ohWrapper h3.uk-text-center:after {
        content: '';
        background: url(/media/flagge.svg);
        height: 5px;
        width: 70vw;
        position: absolute;
        left: 50%;
        //top: 45px;
        transform: translate(-50%, 20px);
        background-size: cover;
        background-repeat: no-repeat;
        bottom: 0;
    }

    #site-10 .ohWrapper h3.uk-text-center:after,
    #site-18 .ohWrapper h3.uk-text-center:after,
    #site-24 .ohWrapper h3.uk-text-center:after,
    #site-25 .ohWrapper h3.uk-text-center:after {
        content: '';
        top: 5px;
    }
}

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

    /* .ohWrapper .uk-panel {
        display: grid;
        grid-template-areas:
            'location location'
            'oHours rtag'
            'tel tel';
    } */

    #site-10 .ohWrapper .uk-panel,
    #site-18 .ohWrapper .uk-panel,
    #site-24 .ohWrapper .uk-panel,
    #site-25 .ohWrapper .uk-panel {
        display: grid;
        grid-template-areas:
            'location'
            'oHours'
            'rtag'
            'tel';
    }

    .ohWrapper p {
        grid-area: oHours;
    }

    .ohWrapper p.restDay {
        grid-area: rtag;
    }

    .ohWrapper h3 {
        grid-area: location;
    }

    .ohWrapper h5 {
        grid-area: tel;
    }

    .ohWrapper .uk-panel>* {
        line-height: 100%;
    }

    .ohWrapper h3.uk-text-center {
        position: relative;
        top: 0;
        margin-top: 50px;
        font-size: 11vw !important;
    }

    /*
#site-10 .ohWrapper h3.uk-text-center,
#site-18 .ohWrapper h3.uk-text-center,
#site-24 .ohWrapper h3.uk-text-center,
#site-25 .ohWrapper h3.uk-text-center {

    margin-bottom: 0px;
     margin-top: 50px;
    line-height: 125% !important;
    word-break: break-word;
    font-size: 11vw !important;
    padding: 0px 0px 0 30px;
    }
	*/
    #site-10 .ohWrapper.uk-grid.uk-grid-stack,
    #site-18 .ohWrapper.uk-grid.uk-grid-stack,
    #site-24 .ohWrapper.uk-grid.uk-grid-stack,
    #site-25 .ohWrapper.uk-grid.uk-grid-stack,
    {
    margin-left: 0px;
}

/* .uk-panel h5{
        display: none !important;
    } */
.uk-button-large {
    padding: 0 20px;
}

#site-9 .uk-width-1-3\@m.uk-first-column {
    padding-left: 9%;
}
}

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

    .ohWrapper .uk-panel {
        width: 100% !important;
        padding: 20px 0 !important;
    }
}

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

    .uk-panel span svg {
        position: relative;
        top: 0px;
    }

    #site-10 .uk-panel span svg,
    #site-18 .uk-panel span svg,
    #site-24 .uk-panel span svg,
    #site-25 .uk-panel span svg {
        position: relative;
        top: 0px;
        margin-left: 10%;
    }

}

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

    #site-10 #location .uk-first-column,
    #site-18 #location .uk-first-column,
    #site-24 #location .uk-first-column,
    #site-25 #location .uk-first-column {
        padding: 20px;
        margin-left: -25px;
    }

    .ohWrapper h3.uk-text-center:after {
        content: '';
        top: 75px;
    }
}

@media only screen and (min-width: 1200px) {
    .ohWrapper .uk-child-width-1-3\@s.uk-grid {
        margin: 0 -200px;
    }
}

/************************* OpeningHours (Unterseiten) *********************************/
p.info-text {
    color: var(--color-white);
    font-weight: 400;
    position: relative;
    left: 20%;
    width: 75%;
}

#site-10 .headerbutton,
#site-18 .headerbutton,
#site-24 .headerbutton,
#site-25 .headerbutton {
    padding: 40px 40px 0px 140px;
}

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

    #site-10 .ohWrapper h3.uk-text-center:after,
    #site-18 .ohWrapper h3.uk-text-center:after,
    #site-24 .ohWrapper h3.uk-text-center:after,
    #site-25 .ohWrapper h3.uk-text-center:after {
        transform: translate(-50%, 90px);
    }

    #site-10 svg.menu-icon,
    #site-18 svg.menu-icon,
    #site-24 svg.menu-icon,
    #site-25 svg.menu-icon {
        display: none;
    }

    #site-10 .headerbutton,
    #site-18 .headerbutton,
    #site-24 .headerbutton,
    #site-25 .headerbutton {
        padding-left: 30%;
    }

    .uk-flex.uk-margin-auto.uk-grid-margin {
        display: flex;
        flex-direction: row;
    }
}

@media only screen and (max-width: 414px) {
    .uk-flex.uk-margin-auto.uk-grid-margin {
        display: flex;
        flex-direction: column;
    }

    /* h3.uk-card-title.uk-text-uppercase {
        padding-left: 30px;
    } */
    #site-10 svg.menu-icon,
    #site-18 svg.menu-icon,
    #site-24 svg.menu-icon,
    #site-25 svg.menu-icon {
        display: none;
    }

    #site-10 .headerbutton,
    #site-18 .headerbutton,
    #site-24 .headerbutton,
    #site-25 .headerbutton {
        padding: 40px 0px 0px 0px;
        padding-left: 5% !important;
        margin-left: 30px;
    }

    p.info-text {
        left: 0%;
        margin: auto;
        padding: 0 10px 0 70px;
    }

    #site-10 #location .uk-first-column,
    #site-18 #location .uk-first-column,
    #site-24 #location .uk-first-column,
    #site-25 #location .uk-first-column {
        /* padding: 20px; */
        margin: 20px 0px 0px -15px;
    }

    a.uk-button.location-button {
        padding: 10px 20px;
    }
}

@media only screen and (max-width: 414px) {
    .uk-flex.uk-margin-auto.uk-grid-margin {
        display: flex;
        flex-direction: column;
    }

    #site-10 .headerbutton,
    #site-18 .headerbutton,
    #site-24 .headerbutton,
    #site-25 .headerbutton {
        padding: 0px 30px 0px 0px !important;
    }

    /* #location .uk-width-1-3\@m{
        padding: 0px 0 0 16px;
    } */
}

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

    #site-10 .headerbutton,
    #site-18 .headerbutton,
    #site-24 .headerbutton,
    #site-25 .headerbutton {
        padding: 10px 30px 0px 0px !important;
    }

    a.uk-button.location-button {
        margin-left: -10px;
    }

    #site-10 #location .uk-first-column,
    #site-18 #location .uk-first-column,
    #site-24 #location .uk-first-column,
    #site-25 #location .uk-first-column {
        /* padding: 20px; */
        margin: 10px 0px 20px -25px;
    }
}

svg.menu-icon {
    position: relative;
    right: 10px;
}

#site-10 ul.js-filter.uk-grid-small.uk-child-width-1-1,
#site-18 ul.js-filter.uk-grid-small.uk-child-width-1-1,
#site-24 ul.js-filter.uk-grid-small.uk-child-width-1-1,
#site-25 ul.js-filter.uk-grid-small.uk-child-width-1-1 {
    padding: 0px;
}

#site-10 .uk-width-1-1.uk-first-column,
#site-18 .uk-width-1-1.uk-first-column,
#site-24 .uk-width-1-1.uk-first-column,
#site-25 .uk-width-1-1.uk-first-column {
    padding-left: 0px;
}

/* ------------------------- Menue ------------------------------- */
/* .menu-item h3, .menu-item p {
    margin-bottom: -15px;
} */
#site-10 ul.uk-subnav.uk-subnav-pill,
#site-18 ul.uk-subnav.uk-subnav-pill,
#site-24 ul.uk-subnav.uk-subnav-pill,
#site-25 ul.uk-subnav.uk-subnav-pill {
    padding-bottom: 70px;
}

/* ------------------------- News-Teaser ------------------------------- */
section#news-container {
    padding-top: 70px;
}

.uk-container.uk-container-small.uk-width-1-1.uk-grid-margin.uk-first-column.uk-scrollspy-inview.uk-animation-slide-bottom-medium {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.order-picture {
    padding: 30px 50px;
}

div.text-wrapper p {
    color: black;
    font-weight: 300;
}

p.meta_date {
    font-size: 2.3rem;
    font-weight: 600 !important;
    font-family: 'Great Vibes';
    color: #b1b1b1 !important;
}

.text-wrapper h4,
.texteingabe h4 {
    font-size: 2.25rem;
    font-family: 'Raleway';
    font-weight: 800;
    text-transform: uppercase;
    //width: 70%;
    margin-top: -15px;
}

a.uppercase.news_link {
    font-size: 1.25rem;
    color: black;
    text-transform: uppercase;
}

a.uppercase.news_link:hover {
    background-color: var(--background2);
    color: white;
    padding: 15px;
}

img.preview-img {
    width: 100%;
    height: auto;
    padding: 0px 100px 0 40px;
}

.text-wrapper {
    padding: 0px 100px 0 40px;
}



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

    /*
    img.preview-img {
        padding: 0px 40px 0 40px;
    }
    
    .text-wrapper {
        padding: 0px 40px 0 40px;
    }
    */
    a.news-teaser-element.uk-height-medium>* {
        padding: 0;
    }
}

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

    /*
	section.backelement-1.background-2 {
        padding: 0 20px;
    }
	*/
    [class*="back"] .uk-container {
        padding: 0px 0px !important;
    }

    .text-wrapper h4.uppercase {
        width: 100%;
    }

    .text-wrapper {
        padding: 0 0 0 0;
    }

    img.preview-img {
        padding: 0px 0px 0 0px;
    }

    section#news-container {
        padding: 0px 30px;
    }

    #news-container .uk-container.uk-container-large {
        padding: 0px;
    }
}

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

    #site-10 #location .uk-first-column,
    #site-18 #location .uk-first-column,
    #site-24 #location .uk-first-column,
    #site-25 #location .uk-first-column {
        padding: 30px;
    }
}

/* ------------------------- News Übersicht ------------------------------- */

#site-23 li.uk-overflow-hidden {
    margin-bottom: 15px;
}

#site-23 .uk-transition-toggle {
    height: 400px;
    min-width: 700px;
    /* border: solid #00000080 0.5px; */
    transition: all 75ms ease-in;

}

@media only screen and (max-width: 768px) {
    #site-23 .uk-transition-toggle {
        min-width: 300px;
        height: 500px;
        margin-bottom: 20px;
    }

    #site-23 p.uk-transition-fade {
        opacity: 1;
    }
}

#site-23 .text-wrapper {
    padding: 20px 40px;
    height: fit-content;
    background-color: #00000080;
    /* position: relative; */
    /* float: right; */
    /* border: solid black 1px; */
}

#site-23 p.meta_date {
    font-size: 1.5rem;
    font-weight: 600 !important;
    color: white !important;
}

#site-23 .text-wrapper h4.uppercase {
    font-size: 2.25rem;
    font-family: 'Raleway';
    font-weight: 800;
    text-transform: uppercase;
    color: var(--color-white);
    width: fit-content;
}

#site-23 p {
    font-size: 1.5rem;
    color: white;
    font-weight: 300;
}

#site-23 div.uk-text-center {
    padding: 60px 0px 30px 0;
}

#site-23 ul.js-filter {
    list-style-type: none;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

#site-23 .uk-transition-toggle:hover .text-wrapper {
    transform: scale(1.005);
    transition: all 75ms ease-out;
}

#site-23 .uk-width-1-1.uk-grid-collapse.uk-grid.uk-grid-margin.uk-first-column {
    flex-direction: column;
}

.uk-subnav-pill>.uk-active>a {
    background-color: var(--text-dark);
}

#site-23 a.detail-link {
    color: var(--color-white);
    font-size: 1.2rem;
    font-weight: 500;
}

#site-23 section.backelement-2.background-2.uk-padding-large {
    padding: 70px 0px;
}

#site-23 .uk-subnav li a {
    font-size: 1.5rem !important;
    font-weight: 600;
}

.uk-subnav.uk-subnav-pill a {
    font-weight: 400;
    font-size: 1.5rem;
}

ul.uk-subnav.uk-subnav-pill {
    justify-content: center;
}

/* ------------------------- News Detail ------------------------------- */

a.uk-button.detail-news-button {
    background-color: var(--color-red);
    color: var(--color-white);
    padding: 10px 40px;
    font-weight: 600;
    font-size: 1rem;
    width: 330px;
}

@media only screen and (max-width: 768px) {
    a.uk-button.detail-news-button {
        padding: 10px 10px;
        width: 285px;
    }

    #site-22 .titel {
        margin-bottom: 25px;
    }
}

a.uk-button.detail-news-button:hover {
    background-color: var(--text-dark);
}

div#news_detail_text {
    font-size: 1.5rem;
    font-weight: 300;
    color: black;
}

#site-22 .uk-width.uk-grid-margin {
    display: flex;
    justify-content: space-evenly;
}

@media only screen and (max-width: 640px) {
    #site-22 .uk-width.uk-grid-margin {
        display: flex;
        flex-direction: column;
        text-align: center;
        gap: 20px;
    }
}

#site-22 .uk-flex.uk-grid-small {
    justify-content: center;
}

@media only screen and (max-width: 414px) {
    #site-22 .gallery.uk-height-match {
        padding-left: 30px;
    }
}

/* ------------------------- Footer ------------------------------- */
.footer {
    background-color: var(--background2);
    padding: 60px 0px;
    position: relative;
}

@media (max-width: 850px) {
    .footer .page-wrapper>div {
        flex-direction: column;
    }
}

/* .footer:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: url(/media/frame_1_5_.svg);
    z-index: 1;
    mix-blend-mode: normal;
    background-size: 1%;
    transform: rotate(
    0deg) scale(1);
    opacity: 0.6;
} */
h3.footer-title {
    text-align: center;
}

.link-block {
    display: grid;
    justify-items: center;
}

.link-block.uk-accordion-content {
    justify-items: flex-start;
}

.text-block p {
    color: white;
    line-height: 40px;
    font-size: 1.35rem;
    text-align: center;
}

.backelement-footer .uk-width-1-3\@s {
    position: relative;
    top: 35px;
    text-align: center;
    margin-bottom: 100px;
}

.backelement-footer .uk-width-1-3\@s {
    position: relative;
    top: 65px;
    padding: 0px 5px;
}



.uk-width-2-3\@s.uk-grid.uk-first-column {
    padding: 0px;
    margin: 0px;
}

.uk-width-auto\@s.uk-grid-margin.uk-first-column {
    margin-top: 0px;
}

.page-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: auto;
}

@media only screen and (max-width: 428px) {
    .page-wrapper {
        display: flex;
        flex-direction: column;
    }
}

.uk-width-auto\@s {
    padding: 10px;
}

.footer .uk-width-2-3\@s.uk-grid {
    z-index: 2;
}

@media only screen and (max-width: 768px) {
    .footer .uk-width-2-3\@s.uk-grid {
        display: flex;
        justify-content: center;
    }

    /* .page-wrapper .uk-grid-margin {
        margin-top: 0px;
    } */
}

.link-block.facebook-link a {
    color: var(--color-gold);
    display: flex;
    flex-direction: column;

    align-items: center;
}

h4.footer {
    color: white;
    font-family: 'Raleway';
    font-weight: 500;
}

h3.footer-title {
    color: var(--color-gold);
    font-family: 'great vibes';
    font-size: 2.5rem;
    -webkit-font-smoothing: antialiased;
}

.uk-width-1-3\@s.uk-first-column {
    padding: 0px 5px;
}

.uk-accordion-title:focus,
.uk-accordion-title:hover {
    color: var(--color-darkgold);
}

ul.uk-accordion.uk-first-column {
    padding: 0px 30px;
}

h4.footer-title {
    color: white;
    margin-top: -10px;
    font-size: 1.4rem;
    font-weight: 500;
    font-family: 'Raleway';
}

svg.fb-logo {
    /* position: relative;
    left: 110px;
    bottom: 30px; */
}

.link-block {
    padding: 0px 5px;
    text-align: center;
}

svg.ig-logo {
    background-color: white;
    border-radius: 45%;

}

svg.ig-logo {
    /* position: relative;
    bottom: 30px;
    left: 110px; */
    padding: 5px;
}

path {
    fill: rgb(49, 48, 48);
}

.link-block.facebook-link p {
    font-size: 1rem;
    position: relative;
    /* left: -35px; */
    padding-top: 10px;
    color: var(--color-gold) !important;
}

@media only screen and (max-width: 768px) {
    .link-block.facebook-link p {
        /* left: -7px; */
    }

    h4.footer-title {
        position: relative;
        left: 12px;
    }

    svg.fb-logo {
        left: 117px;
    }

    svg.ig-logo {
        left: 117px;
    }

    .link-block.facebook-link p {
        /*  line-height: 30px; */
    }
}

@media only screen and (max-width: 428px) {
    .link-block.facebook-link p {
        /* left: -25px; */
    }

    h4.footer-title {
        position: relative;
        left: -3px;
    }

    h3.footer-title.uk-accordion-title {
        margin: 0 0 -20px 0px;
    }
}

.link-block a {
    color: white;
    display: flex;
    line-height: 40px;
    font-size: 1.35rem;
}

.link-block a:hover {
    color: var(--color-gold);
    display: flex;
}

.bottom-footer {
    background-color: var(--color-brown);
    padding: 30px 20px;
}

.bottom-footer-wrapper {
    display: flex;
}

a.footer-link {
    color: var(--color-gold);
    font-size: 1.5rem;
    font-family: 'Raleway';
    letter-spacing: 0px;
}

a.uk-icon-button.uk-margin-small-right.uk-icon {
    padding: 0px 0px;
    margin-bottom: 20px;
    color: var(--color-brown);
    position: relative;
    left: 25%;
}

/* ------------------------- Bestelltool ------------------------------- */

body#site-1,
body#site-3 {
    background-color: var(--background);
}

/* #site-1 div.uk-sticky {
    background-color: #85858517;
    
} */
.cart-item {
    padding: 15px;
    /* border-bottom: solid 1px; */
    line-height: 100%;
}

.cart-overview {
    max-height: 350px;
    overflow: scroll;
}

.cart-overview>div:nth-child(even) {
    background-color: white;
}

.cart-overview>div:nth-child(odd) {
    background-color: var(--deco-grey);
}

#ingredientModal .uk-modal-dialog {
    width: 60vw;
    max-width: 800px;
    min-width: 600px;
}

#ingredientModal label {
    cursor: pointer;
}

/* ------------------------- Bestellformular ------------------------------- */

@keyframes slideRight {
    from {
        left: -50px;
    }

    to {
        left: 500px;
    }
}

.food-menu>div {
    padding: 0 15px;
}

/* grid-basic */

.food-item {
    display: grid;
    grid-gap: 10px;
    grid-template-areas:
        'image image'
        'title title'
        'content content'
        'stuff stuff'
        'price price'
        'order order';
    grid-auto-rows: auto auto auto 20px 80px 50px;
    align-items: center;
    filter: drop-shadow(0px 2px 5px rgba(50, 50, 47, .15));
    transition: all 250ms ease-in;
}

.food-item:hover {
    filter: drop-shadow(0px 5px 15px rgba(50, 50, 47, .25));
}

.food-item {
    background: white;
}

.food-item>div:nth-child(4) {
    padding: 0 0 0 20px;
}

.food-item>div:nth-child(2) {
    padding: 0 20px 0 20px;
}

.food-item>div:nth-child(5) {
    padding: 0 20px 0 0;
}

.food-item>div:nth-child(3) {
    padding: 0 20px;
}

.cardImage {
    grid-area: image;
}

.headline {
    grid-area: title;
}

.info {
    grid-area: content;
}

.ingredient-list {
    grid-area: stuff;
    display: flex;
    flex-direction: column;
}

.priceWrapper {
    grid-area: price;
}

.buttonWrapper {
    grid-area: order;
}

@media only screen and (min-width: 641px) {
    .order.normal-pizza {
        z-index: 0;
    }

    .order.custom-pizza {
        z-index: 1;
    }

    .order.custom-pizza .ingredient-list {
        background-color: white;
        z-index: 999;
        /* padding: 15px 20px; */
        max-height: 314px;
        bottom: 0;
        position: absolute;
    }

    .order.custom-pizza .ing-list-dropdown {
        max-height: 280px;
        width: 475px;
    }
}

@media only screen and (max-width: 640px) {
    .food-item {
        display: grid;
        grid-gap: 10px;
        grid-template-areas:
            'image title title'
            'content content content'
            'stuff stuff price'
            'order order order';
        grid-auto-columns: 100px auto auto;
        grid-auto-rows: auto auto auto auto;
    }

    .order.custom-pizza .food-item {
        grid-template-areas:
            'image title title'
            'content content content'
            'stuff stuff stuff'
            'price price price'
            'order order order';
    }
}

.order h4.price {
    text-align: right;
}

h3.cardTitle {
    display: flex;
    align-items: center;
    word-break: break-word;
}


@media only screen and (max-width: 414px) {
    .food-item>div:nth-child(2) {
        padding: 0 10px 0 10px;
    }
}

/**************** GRID END **************/

.orderWrapper {
    padding: 0 0 5vh;
}

.food-item p {
    font-size: 1rem;
}

.food-item,
.order .cardOrder {
    border-radius: 0 20px;
    border: none;
}

.food-menu label {
    cursor: pointer;
    font-family: 'Raleway';
    font-weight: 600;
}

span.uk-position-bottom-right.uk-dark.uk-overlay-default.uk-icon {
    padding: 2px;
    color: var(--color-red);
}

button.remove-cart-item {
    color: var(--color-orange);
    background: none;
    border: none;
    cursor: pointer;
}

.cart-overview .cart-item h4 {
    margin: 10px 0;
}

.cart-overview .cart-item .cart-item-price {
    margin-top: 10px;
    font-size: 1.5rem;
    font-family: 'Raleway';
    font-weight: 700;
}

.cart-overview .cart-item .cart-item-price {
    margin-top: 10px;
    font-size: 1.5rem;
    letter-spacing: -0.5px;
    /* color: var(--color-red); */
    line-height: 170%;
    vertical-align: inherit;
    margin: 0;
    line-height: 90%;
    grid-area: price;
}

.cart-overview .cart-item-price,
.cart-overview .remove-cart-item {
    text-align: right;
}

/* mobile Anpassung */
.uk-width-3-4\@s.uk-width-1-1.food-menu.uk-first-column {
    padding-left: 15px;
}


.order .uk-card-body {
    padding: 2rem 2rem 1rem;
}

label.uk-with-1-2\@s.uk-width-1-1.cardPrice {
    font-family: 'Raleway';
    font-weight: 500;
    font-size: 1rem;
}

.cardPrice input {
    margin: 0 10px 0 0;
    height: 20px;
    width: 20px;
}

.order h3.cardTitle {
    /* font-family: 'Yeseva One'; */
    font-size: 2.5rem;
    letter-spacing: -0.5px;
    line-height: 110%;
    margin: 0;
    min-height: 90px;
}

.order .food-item p {
    font-size: 1rem;
    margin: 0;
    // min-height: 80px;
}

.order h4.price {
    display: flex;
    /* flex-direction: column-reverse; */
    align-items: flex-end;
    flex-wrap: nowrap;
    justify-content: flex-end;
}

.order h4.price {
    font-size: 3rem;
    font-family: 'Raleway';
    letter-spacing: -1px;
    font-weight: 400;
    color: var(--color-red);
    line-height: 100%;
    margin: 0;
}

.order h4.price span {
    filter: none !important;
    position: relative;
    top: -2px;
    margin-right: 10px;
    font-size: 1.2rem !important;
}

.order .cardOrder {
    font-family: 'Raleway';
    font-size: 1rem;
    line-height: 125%;
    font-weight: 600;
    padding: 20px;
}

button.uk-button.uk-button-default.add-to-cart {
    overflow: hidden;
    position: relative;
    transition: all 250ms ease;
}

button.uk-button.uk-button-default.add-to-cart::before {
    content: '';
    height: 130px;
    width: 160px;
    position: absolute;
    left: -190px;
    background: transparent;
    bottom: 0px;
    transform: rotate(25deg) translate(-120px, 90px);
    background-image: linear-gradient(90deg, rgba(250, 250, 250, .01) 40%, white, transparent 81%);
}

.order .buttonWrapper:hover .cardOrder {
    background: var(--color-red) !important;
    color: white;

}

.order .buttonWrapper:hover button.uk-button.uk-button-default.add-to-cart.uk-width-1-1.cardOrder::before {
    animation: slideRight;
    animation-duration: 350ms;
}


.order button {
    background: var(--color-red2) !important;
    color: white;
}

.shoppingCard>div:not(.uk-sticky-placeholder) {
    padding: 30px;
    background: white;
    border-radius: 0 30px;
    filter: drop-shadow(0px 10px 10px rgba(250, 50, 50, .15));
}

/* .shoppingCard > div {
    padding: 30px 30px;
} */
.shoppingCard h2 {
    font-family: 'Yeseva One';
    line-height: 100%;
    font-size: 3rem;
    letter-spacing: -1px;
}

.shoppingCard h4 {
    font-family: 'Raleway';
    letter-spacing: -1px;
    line-height: 100%;
    padding: 0px;
    font-weight: 600;
}

.shoppingCard .cart-option {
    font-family: 'Raleway';
}

.shoppingCard .cart-item {
    display: grid;
    grid-template-areas:
        'title price'
        'info trash';
}

.shoppingCard .cart-item h4 {
    grid-area: title;
}

.shoppingCard .cart-option {
    /* grid-area: info; */
    line-height: 100%;
}

.shoppingCard .cart-item-price {
    grid-area: price;
    text-align: right;
}

.shoppingCard button.remove-cart-item {
    grid-area: trash;
    text-align: right;
}

.shoppingCard h3.price-total {
    font-family: 'Raleway';
    letter-spacing: -.5px;
    font-size: 1.5rem;
    font-weight: 600;
    text-align: right;
    margin: 20px 0;
}

.shoppingCard .uk-card-body div:nth-child(4) {
    position: relative;
    text-align: right;
    height: 10px;
    top: -53px;
}

@media (max-width: 414px) {

    .order p.cardContent {
        margin-top: 10px;
    }

    .order .food-item {
        display: grid;
    }

    .order h3.cardTitle {
        font-size: 2rem;
    }
}

.cart-overview .cart-item {
    display: grid;
    grid-template-areas:
        'title price'
        'info trash';
}

.cart-overview .cart-item h4 {
    grid-area: title;
    margin: 0;
}

.cart-overview .cart-item button.remove-cart-item {
    grid-area: trash;
    margin: 0;
}

.cart-overview .cart-item .cart-option {}

.overview h3 {
    font-size: 2.5rem;
    font-family: 'Yeseva One';
}

@media only screen and (max-width: 768px) {
    .uk-card.uk-card-default.food-item {
        display: grid;
        grid-template-rows: auto auto;
        grid-template-columns: 33% auto auto;
    }

    .uk-card-media-top.cardImage {
        grid-column: span 2 / auto;
    }

    .uk-card-body.uk-flex.uk-flex-column.uk-flex-between {
        grid-row: span 2 /auto;
    }

    .order h3.cardTitle,
    .order .food-item p {
        min-height: 0px;
    }

    .uk-flex.uk-margin-auto.uk-grid-margin {
        position: relative;
        /*top: 90px;*/
        padding: 30px 20px 10px 70px;
    }

    #site-10 .uk-flex.uk-margin-auto.uk-grid-margin,
    #site-18 .uk-flex.uk-margin-auto.uk-grid-margin,
    #site-24 .uk-flex.uk-margin-auto.uk-grid-margin,
    #site-25 .uk-flex.uk-margin-auto.uk-grid-margin {
        padding: 30px;
    }

    #site-10 h3.uk-text-center.uk-first-column,
    #site-18 h3.uk-text-center.uk-first-column,
    #site-24 h3.uk-text-center.uk-first-column,
    #site-25 h3.uk-text-center.uk-first-column {
        padding-left: 0px;
    }

    .uk-width-1-1.uk-flex-around.uk-grid-col-large.uk-grid.uk-grid-margin.uk-first-column {
        position: relative;
        /* top: 90px; */
        margin-left: 0px;
        margin-bottom: 60px;
    }

    #ingredientModal .uk-modal-dialog {
        width: 90vw;
        max-width: auto;
        min-width: auto;
    }
}


.cart-nav svg>polyline,
.cart-nav svg {
    stroke: white !important;
    -webkit-text-stroke-color: white !important;
}

.cart-nav svg {
    position: relative;
    z-index: 1;
}

.cart-nav .uk-badge {
    position: absolute;
    bottom: -10px;
    right: 15px;
    z-index: 0;
    transform: scale(1);
}

/***** Bestell-Login *****/
@media only screen and (max-width: 428px) {

    #site-10 .uk-flex.uk-margin-auto.uk-grid-margin,
    #site-18 .uk-flex.uk-margin-auto.uk-grid-margin,
    #site-24 .uk-flex.uk-margin-auto.uk-grid-margin,
    #site-25 .uk-flex.uk-margin-auto.uk-grid-margin {
        padding: 30px 0px 0 30px;
    }

    div#orderForm {
        flex-direction: column-reverse;
    }

    #site-3 .uk-width-1-4\@m.overview {
        margin-bottom: 40px;
    }

    .uk-width-1-1.uk-flex-around.uk-grid-col-large.uk-grid.uk-grid-margin.uk-first-column {
        //margin-bottom: 140px;
    }

    .location-button-wrapper {
        /* padding-top: 10%; */
        padding-left: 30px;
    }

    .card-us {
        padding-left: 25px;
    }
}

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

    #site-10 .uk-flex.uk-margin-auto.uk-grid-margin,
    #site-18 .uk-flex.uk-margin-auto.uk-grid-margin,
    #site-24 .uk-flex.uk-margin-auto.uk-grid-margin,
    #site-25 .uk-flex.uk-margin-auto.uk-grid-margin {
        padding: 0px 0px 0 30px;
        margin-bottom: -100px;
    }

    .location-button-wrapper {
        /* padding-top: 10%; */
        padding-left: 70px;
    }
}

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

    #site-10 #location .uk-first-column,
    #site-18 #location .uk-first-column,
    #site-24 #location .uk-first-column,
    #site-25 #location .uk-first-column {
        /* padding: 20px; */
        margin: 20px 0px 0px -21.5px;
    }
}

/************ Kontakt-Formular / Contactform / Loginform / Regform *************/

form#contactform,
form#location,
form#orderform,
form#openingHours {
    font-size: 1.5rem;
}

form#contactform input,
form#contactform textarea,
form#regform input,
form#regform textarea,
form#loginform input,
form#loginform textarea,
form#login input,
form#login textarea,
form#openingHours input,
form#openingHours textarea,
form#location input,
form#location textarea,
form#orderform input,
form#orderform textarea,
form input,
form textarea {
    border: none !important;
    border-bottom: 1px solid var(--color-red) !important;
    background-color: transparent;
    font-family: var(--font-main);
    font-size: 1.3rem;
}

form#contactform select,
form#orderform select,
form#openingHours select,
form#location select,
form select {
    background: transparent;
    font-family: var(--font-main);
    border: none;
    border-bottom: 1px solid var(--color-red);
}

form#contactform button {
    font-family: var(--font-main);
}

#contactform button,
form#login button {
    background: var(--color-red);
    width: 100%;
    color: white;
    font-weight: 600;
    font-size: 1.3rem;
}

form#contactform textarea,
#orderform textarea {
    height: 175px;
}

div#rex-yform input,
div#rex-yform textarea {
    border: none;
    border-bottom: 1px solid var(--grey);
}

#yform-regform-label {
    border: none;
}

#regform .checkbox {
    font-family: var(--font-main) !important;
}

#regform button,
#orderform a,
#yform-orderform-message button,
#orderform button {
    background: var(--color-red2);
    padding: 10px 40px;
    color: white;
    font-size: 1.3rem;
    font-family: 'Raleway';
    font-weight: 600;
    text-transform: uppercase;
    border: none;
    min-width: 320px;
    transition: all 250ms ease-in-out;
}

#regform button:hover,
#orderform a:hover,
#yform-orderform-message button:hover,
#orderform button:hover {
    background: var(--color-orange);
}

#regform #yform-regform-password {
    margin-bottom: 40px;
}

#regform input[type^="text"],
#regform input[type^="password"],
#orderform input[type^="text"],
#orderform input[type^="password"] {
    font-size: 1.3rem !important;
}

#orderform a {
    margin: 0px 0 40px;
}

#orderform .pWrapper {
    min-height: 100px;
    margin-bottom: 20px;
}

/*
#orderform #yform-orderform-location{
    height: 50px; 
}*/
#yform-orderform-location select,
#orderform select {
    margin: 20px 0 !important;
    font-size: 1.3rem !important;
}

#loginform label {
    font-family: 'Raleway' !important;
    font-size: 1.3rem;
}

#loginform button[type^="submit"] {
    background: var(--color-red);
    padding: 10px 10px;
    font-size: 1.3rem;
    color: white;
    font-weight: 600;
    text-transform: uppercase;
    min-width: 320px;
    border: none;
    margin: 20px 0;
    cursor: pointer;
}

#yform-orderform-date input {
    margin: 20px 0;
}

@media only screen and (max-width: 428px) {
    #loginform button[type^="submit"] {
        min-width: 100%;
    }

    /*
	a.uk-button.uk-button-primary {
		background-color: var(--color-red);
		color: white;
		padding: 5px 10px;
		font-size: 1.1rem;
		//font-family: 'Raleway';
		font-weight: 600;
		min-width: 100%;
		white-space: nowrap;
	}
*/
    a.uk-button.uk-button-primary {
        background-color: var(--color-red);
        color: white;
        padding: 5px 10px;
        font-size: 1.1rem;
        /* font-family: 'Raleway'; */
        font-weight: 600;
        min-width: 290px;
        white-space: nowrap;
        width: 100%;
    }

    #regform button,
    #orderform a,
    #yform-orderform-message button,
    #orderform button {
        min-width: 100%;

        white-space: nowrap;
    }

    div#rex-yform .uk-width-2-3 {
        width: 100% !important;
        padding: 0px 0px;
        margin: 0px -10px !important;
    }
}

@media only screen and (max-width: 375px) {
    #loginform button[type^="submit"] {
        min-width: 320px;
    }

    a.uk-button.uk-button-primary {
        min-width: 300px;
    }
}

@media only screen and (max-width: 360px) {
    #loginform button[type^="submit"] {
        min-width: 300px;
    }
}

/******** Loginform *********/
#yform-loginform-psw input {
    width: calc(100% - 10px);
    margin: 0px 0px 30px;
    padding: 10px 0px 10px 10px;
}

a.uk-transition-toggle.uk-button.uk-button-primary.uk-flex.uk-flex-middle {
    white-space: nowrap;
}

/* ************************** Datepicker *************************** */
.picker--focused .picker__day--highlighted,
.picker__day--highlighted:hover,
.picker__day--infocus:hover,
.picker__day--outfocus:hover {
    background: #e5e5e5 !important;
}

#contactform button.picker__button--today,
#contactform button.picker__button--clear,
#contactform button.picker__button--close {
    font-size: 1rem;
    margin: 0 5px;
    margin: 0px 0px 5px 0;
    border-radius: 10px 0;
}

.picker--opened .picker__holder {
    max-height: 30em !important;
}

#contactform select.picker__select--year,
#contactform select.picker__select--month {
    padding: 0px;
    margin: 0px 10px;
}

.picker__button--today:before {
    border-top: 0.66em solid #ffffff !important;
}

.picker__button--clear:before {
    border-top: 3px solid #fff !important;
}

.picker__button--close:before {
    color: #fff !important;
}

.picker--focused .picker__day--selected,
.picker__day--selected,
.picker__day--selected:hover {
    background: #ED1C24 !important;
}

.picker__day--today:before {
    border-top: 0.5em solid #ED1C24 !important;
}

.picker__day--highlighted {
    border-color: #ffffff !important;
    border-radius: 10px 0px;
}

/* ************ BESTELLUNGEN & STANDORT-Übersicht ************** */

.uk-accordion-content #rex-yform label {
    font-family: 'Raleway';
    font-weight: 600;
}

.uk-table td:nth-child(5) {
    width: 20%;
}

.uk-table td:nth-child(3) {
    width: 15%;
}

.uk-table td:nth-child(6),
.uk-table td:nth-child(1),
.uk-table td:nth-child(2) {
    width: 5%;
}

table.uk-table tr {
    font-family: 'Raleway';
    font-size: 1.25vw;
}

.uk-table tr>th {
    background: linear-gradient(180deg, white 10%, transparent);
}

.uk-table tr:nth-child(odd) {
    background: lightgrey;
}

table.uk-table th {
    background: repeating-linear-gradient(360deg, lightgrey, transparent);
    font-size: 1.5vw !important;
    text-align: center;
    text-transform: unset;
}

.uk-table tr>th {
    background: var(--color-red) !important;
    color: white !important;
    margin-bottom: 20px !important;
}

.uk-table tr:nth-child(even) {
    background: white;
}

table.uk-table th:nth-child(odd),
table.uk-table th:nth-child(even) {
    font-weight: 600;
    text-align: left;
    color: black;
    font-size: 2rem !important;
    letter-spacing: -1px;
}

@media only screen and (max-width: 428px) {
    iframe.menuframe.uk-responsive-width {
        height: 310px !important;
    }
}

table.uk-table th {
    background: repeating-linear-gradient(7deg, lightgrey, transparent);
    font-size: 1.5vw !important;
    text-align: center;
    text-transform: unset;
}

.uk-table tr td:nth-child(1),
.uk-table tr td:nth-child(6) {
    font-size: 2rem;
    color: var(--color-red);
    text-align: center;
}

.uk-table tr td:nth-child(2) {
    font-size: 2rem;
    font-weight: 400;
    text-align: center;
}

#bottomBarContainer {
    display: none !important;
}

.blind:before {
    content: '';
    width: 100%;
    height: 45px;
    background-color: #fcf7f3;
    left: 0;
    top: -5px;
    position: absolute;
}

.blind:after {
    content: '';
    width: 100%;
    height: 45px;
    background-color: #fcf7f3;
    left: 0;
    bottom: -5px;
    position: absolute;
}

@media only screen and (max-width: 1024px) {
    iframe.menuframe.uk-responsive-width {
        max-height: 550px;
    }
}

@media only screen and (max-width: 428px) {
    .blind {
        background: var(--background);
        backdrop-filter: blur(0px);
        /* height: 0px; */
        margin-top: 40px;
    }
}

h3.price-total {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

@media only screen and (max-width:414px) {
    h3.price-total {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    #ingredientModal .uk-modal-dialog .ing-list-dropdown>* {
        width: 100%;
    }
}

/* ************ BESTELLUNGEN-Detail **************/
span.product {
    color: red;
    font-weight: 500;
    font-size: 2rem;
}

span.singlePrice {
    display: block;
    font-weight: 600;
    height: auto;
    margin: 0 0 30px 0;
    padding: 0;
}


/* *********** SEO-Links ************* */

a.button-main {
    font-size: 1.5rem;
}

/************* COOKIE BANNER *********************/

.cc_banner-wrapper {
    position: fixed !important;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: #00000080;
}

.cc_container {
    margin-left: auto !important;
    margin-right: auto !important;
    width: fit-content !important;
    max-width: 650px;
    right: inherit !important;
    left: inherit !important;
    display: flex;
    flex-direction: column-reverse;
}

.cc_banner.cc_container.cc_container--open {
    background: linear-gradient(45deg, hsl(0deg 0% 0%), hsl(0deg 0% 20%));
    padding: 30px;

}

.consent_manager-wrapper a,
.consent_manager-wrapper a:visited {
    color: #ED1C24 !important;
}

.consent_manager-wrapper a.consent_manager-save-selection,
.consent_manager-wrapper a.consent_manager-accept-all,
.consent_manager-wrapper a.consent_manager-save-selection:visited,
.consent_manager-wrapper a.consent_manager-accept-all:visited {
    background-color: none;
    background: linear-gradient(45deg, #ED1C24, #F1592A) !important;
    right: initial !important;
    bottom: initial !important;
    left: initial !important;
    font-weight: 600;
    color: white !important;
    padding: 15px 20px !important;
}

.consent_manager-wrapper a.consent_manager-close-box {
    background-color: #ED1C24;
}

p.consent_manager-text {
    margin-bottom: 60px !important;
    color: black;
    font-size: 1.1rem !important;
}

button.consent_manager-save-selection,
button.consent_manager-accept-none {
    background-color: #c2bdba !important;
    border: 1px solid #c2bdba !important;

}

button.consent_manager-save-selection:hover,
button.consent_manager-accept-none:hover {
    background-color: #8c8988 !important;
    border: 1px solid #8c8988 !important;
}

button.consent_manager-accept-all {
    background: linear-gradient(45deg, #ED1C24, #F1592A) !important;
    border: 1px solid #F1592A !important;
}

button.consent_manager-accept-all:hover {
    background: linear-gradient(45deg, #c4191e, #ba4420) !important;
    border: 1px solid #F1592A !important;
}

div.consent_manager-wrapper div.consent_manager-detail div.consent_manager-cookiegroup-title {
    background: linear-gradient(45deg, #ED1C24, #F1592A) !important;
}

.consent_manager-wrapper [type="checkbox"]:checked:after {
    background: linear-gradient(45deg, #ED1C24, #F1592A) !important;
}

.consent_manager-close-box:hover::before,
.consent_manager-close-box:hover::after {
    background: linear-gradient(45deg, #ED1C24, #F1592A) !important;
}