/* raleway-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/raleway-v29-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Raleway';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/raleway-v29-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/raleway-v29-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-700italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Raleway';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/raleway-v29-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-900 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/raleway-v29-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-900italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Raleway';
    font-style: italic;
    font-weight: 900;
    src: url('../fonts/raleway-v29-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* cormorant-garamond-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Cormorant Garamond';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/cormorant-garamond-v16-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* cormorant-garamond-italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Cormorant Garamond';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/cormorant-garamond-v16-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* cormorant-garamond-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Cormorant Garamond';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/cormorant-garamond-v16-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* cormorant-garamond-700italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Cormorant Garamond';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/cormorant-garamond-v16-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* Allgemein */
html{
    font-family: 'Raleway';
}

body{
    font-size:20px;
    margin:0;
    padding:0;
    background:#fff;
    color:#656565;
    font-family: 'Cormorant Garamond';
}

.body_fix{
    height: 100%;
    overflow: hidden;
}

a, a:visited{
    color:#006d6c;
}
a:hover{
    color:#006d6c;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Raleway' !important;
}

.display_none{
    display: none;
}

.bg_green{
    background-color: #006d6c;
    color:#fff;
}
.bg_lightgreen{
    background-color: #b2deda;
    color: #006d6c;
}

.ll_green {
    background-color: #b2deda;
}

.lll_green {
    background-color: #f0f8f8;
    color: #000;
    font-family: 'Raleway' !important;
    font-size:26px;
}

.uk-navbar-item, .uk-navbar-nav > li > a{
    font-size:18px;
}
.uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle{
    font-family: 'Raleway' !important;
    color:#656565;
}
.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a[aria-expanded="true"] {
    color: #006d6c;
}
.uk-navbar-nav > li.uk-active > a {
    color: #006d6c;
}

.intro_startseite{
    color:#fff;
}
.intro_startseite .uk-overlay-primary {
    background: rgba(34,34,34,.6);
}
.intro_startseite h1{
    color:#fff;
    font-size: 70px;
    font-weight: 700;
    letter-spacing: 10px;
}
.intro_startseite h1::before,
.intro_startseite h1::after {
    display: inline-block;
    content: "";
    border-top: 3px solid #fff;
    width: 60px;
    margin: 0 20px;
    transform: translateY(-23px);
}
.intro_startseite h2{
    color:#fff;
    font-size: 40px;
    font-family: 'Cormorant Garamond' !important;
    margin:0;
    letter-spacing: 1px;
}
.introicons img{
    max-width:640px;
    width: 100%;
    margin: 0 auto;
    margin-top:40px;
}
@media (max-width: 800px){
    .intro_startseite h1{
        font-size: 60px;
        letter-spacing: 10px;
    }
    .intro_startseite h1::before,
    .intro_startseite h1::after {
        width: 40px;
        margin: 0 20px;
        transform: translateY(-19px);
    }
    .intro_startseite h2 {
        font-size: 34px;
    }
    .introicons img {
        max-width: 550px;
    }
}
@media (max-width: 620px){
    .intro_startseite h1 {
        font-size: 30px;
        letter-spacing: 4px;
    }
    .intro_startseite h1::before,
    .intro_startseite h1::after {
        width: 20px;
        margin: 0 10px;
        transform: translateY(-9px);
    }
    .intro_startseite h2 {
        font-size: 24px;
    }
}
.mittagstisch{
    font-family: 'Raleway' !important;
    font-size:18px;
}
.mittagstisch a{
    color:#fff;
    text-decoration: none;
    letter-spacing: 2.5px;
    position: relative;
    transition:0.2s ease-in-out;
    margin-top: 4px;
}
.mittagstisch a::after{
    content:'\203A';
    transition:0.2s ease-in-out;
    position: absolute;
    right:-30px;
}
.mittagstisch a::before{
    content:'';
    height:1px;
    width:20px;
    background-color:#fff;
    display:block;
    float:right;
    position:absolute;
    top:15px;
    transition:0.2s ease-in-out;
    right: -25px;
}
.mittagstisch a:hover{
    margin-right: -5px;
}
.mittagstisch a:hover::after{
    right:-40px;
}
.mittagstisch a:hover::before{
    width:30px;
    right: -35px;
}

.mittagstisch .uk-align-right{
    margin-left:0;
    margin-bottom: 0;
}
.mittagstisch i{
    -webkit-animation: ring 4s .7s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 4s .7s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: ring 4s .7s ease-in-out infinite;
    transform-origin: 50% 4px;

    font-size: 26px;
    margin-right: 20px;
}
.mittagstischXXX:hover i{
    transform: rotate(-20deg);
}
@-webkit-keyframes ring {
    0% { -webkit-transform: rotateZ(0); }
    1% { -webkit-transform: rotateZ(30deg); }
    3% { -webkit-transform: rotateZ(-28deg); }
    5% { -webkit-transform: rotateZ(34deg); }
    7% { -webkit-transform: rotateZ(-32deg); }
    9% { -webkit-transform: rotateZ(30deg); }
    11% { -webkit-transform: rotateZ(-28deg); }
    13% { -webkit-transform: rotateZ(26deg); }
    15% { -webkit-transform: rotateZ(-24deg); }
    17% { -webkit-transform: rotateZ(22deg); }
    19% { -webkit-transform: rotateZ(-20deg); }
    21% { -webkit-transform: rotateZ(18deg); }
    23% { -webkit-transform: rotateZ(-16deg); }
    25% { -webkit-transform: rotateZ(14deg); }
    27% { -webkit-transform: rotateZ(-12deg); }
    29% { -webkit-transform: rotateZ(10deg); }
    31% { -webkit-transform: rotateZ(-8deg); }
    33% { -webkit-transform: rotateZ(6deg); }
    35% { -webkit-transform: rotateZ(-4deg); }
    37% { -webkit-transform: rotateZ(2deg); }
    39% { -webkit-transform: rotateZ(-1deg); }
    41% { -webkit-transform: rotateZ(1deg); }

    43% { -webkit-transform: rotateZ(0); }
    100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes ring {
    0% { -moz-transform: rotate(0); }
    1% { -moz-transform: rotate(30deg); }
    3% { -moz-transform: rotate(-28deg); }
    5% { -moz-transform: rotate(34deg); }
    7% { -moz-transform: rotate(-32deg); }
    9% { -moz-transform: rotate(30deg); }
    11% { -moz-transform: rotate(-28deg); }
    13% { -moz-transform: rotate(26deg); }
    15% { -moz-transform: rotate(-24deg); }
    17% { -moz-transform: rotate(22deg); }
    19% { -moz-transform: rotate(-20deg); }
    21% { -moz-transform: rotate(18deg); }
    23% { -moz-transform: rotate(-16deg); }
    25% { -moz-transform: rotate(14deg); }
    27% { -moz-transform: rotate(-12deg); }
    29% { -moz-transform: rotate(10deg); }
    31% { -moz-transform: rotate(-8deg); }
    33% { -moz-transform: rotate(6deg); }
    35% { -moz-transform: rotate(-4deg); }
    37% { -moz-transform: rotate(2deg); }
    39% { -moz-transform: rotate(-1deg); }
    41% { -moz-transform: rotate(1deg); }

    43% { -moz-transform: rotate(0); }
    100% { -moz-transform: rotate(0); }
}

@keyframes ring {
    0% { transform: rotate(0); }
    1% { transform: rotate(30deg); }
    3% { transform: rotate(-28deg); }
    5% { transform: rotate(34deg); }
    7% { transform: rotate(-32deg); }
    9% { transform: rotate(30deg); }
    11% { transform: rotate(-28deg); }
    13% { transform: rotate(26deg); }
    15% { transform: rotate(-24deg); }
    17% { transform: rotate(22deg); }
    19% { transform: rotate(-20deg); }
    21% { transform: rotate(18deg); }
    23% { transform: rotate(-16deg); }
    25% { transform: rotate(14deg); }
    27% { transform: rotate(-12deg); }
    29% { transform: rotate(10deg); }
    31% { transform: rotate(-8deg); }
    33% { transform: rotate(6deg); }
    35% { transform: rotate(-4deg); }
    37% { transform: rotate(2deg); }
    39% { transform: rotate(-1deg); }
    41% { transform: rotate(1deg); }

    43% { transform: rotate(0); }
    100% { transform: rotate(0); }
}
@media (max-width: 1400px){
    .mittagstisch a{
        float:none;
        width: fit-content;
    }
    .mittagstisch .uk-align-right{
        margin-left: 48px;
    }
}
@media (max-width: 1120px){
    .mittagstisch-info{
        display: block;
    }
    .mittagstisch-preis{
        display: block;
        margin-left: 48px;
    }
    .mittagstisch-gericht{
        display: block;
        margin-left: 48px;
    }
}
@media (max-width: 380px){
    .mittagstisch i{
        display: none;
    }
    .mittagstisch-preis{
        margin-left: 0px;
    }
    .mittagstisch-gericht{
        margin-left: 0px;
    }
    .mittagstisch .uk-align-right {
        margin-left: 0px;
    }
}


footer {
    color: white;
}

footer a, footer a:visited {
    color: white;
}

footer a:hover {
    color: white;
}

.color-light-green {
    color: #006d6c;
}

footer {
    color: white;
    background-color: #006d6c;
}

footer p{
    margin:0;
    font-size:20px;
}

footer a {
    color: white;
}

footer a:hover {
    color: white;
}

.footer-headline{
    font-family: 'Raleway' !important;
    font-size:18px;
    letter-spacing: 4px;
    margin-bottom:20px;
}
.footer-headline::before,
.footer-headline::after {
    display: inline-block;
    content: "";
    border-top: 1px solid #fff;
    width: 30px;
    margin: 0 10px;
    transform: translateY(-7px);
}
.footer-social{
    margin-top:30px;
}
.footer-social i{
    font-size: 30px;
    margin-right:10px;
}
.footer-logo1{
    width:100px;
}
.footer-logo2{
    width:100px;
}
.footer-logo3{
    width:100px;
}
.footer-logo4{
    width:100px;
}

@media (max-width: 959px){
    .footer-logos div{
        text-align: left;
    }
}

.link-pfeil{}

.link-pfeil{
    color:#006d6c;
    text-decoration: none;
    letter-spacing: 2.5px;
    position: relative;
    transition:0.2s ease-in-out;
    margin-top: 4px;
    text-transform: uppercase;
    font-family: 'Raleway';
    font-size: 18px;
}
.link-pfeil::after{
    content:'\203A';
    transition:0.2s ease-in-out;
    position: absolute;
    right:-30px;
    top:-5px;
}
.link-pfeil::before{
    content:'';
    height:1px;
    width:20px;
    background-color:#006d6c;
    display:block;
    float:right;
    position:absolute;
    top:10px;
    transition:0.2s ease-in-out;
    right: -25px;
}
.link-pfeil:hover{
    margin-left: 5px;
    text-decoration: none;
    color:#006d6c;
}
.link-pfeil:hover::after{
    right:-40px;
}
.link-pfeil:hover::before{
    width:30px;
    right: -35px;
}

h3 {
    font-family: 'Raleway' !important;
    color: #006d6c;
    text-transform: uppercase;
    font-size: 1.1rem;
    line-height: 1.0;
}
h3::before,
h3::after {
    display: inline-block;
    content: "";
    border-top: 1px solid #006d6c;
    width: 30px;
    margin: 0 10px;
    transform: translateY(-7px);
}



.uk-light {
    color: white !important;
}

ul.akkordeon li {
    border: 1px solid grey;
}

ul.akkordeon li a {
    font-size: 1.2rem;
}

.font-green {
    color:#006d6c;
}

.font-railway {
    font-family: 'Raleway' !important;
}

.textbild{}
.textbild h2{
    font-size: 30px;
    font-weight: 700;
    margin-top:30px;
    margin-bottom: 30px;
    color:#656565;
}
.textbild h3{
    letter-spacing: 2.5px;
}

.slider .uk-width-2xlarge{
    margin:0 auto;
}

.slider h3 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 40px;
}

.slider h3::before,
.slider h3::after {
    border-top: 2px solid white;
    width: 40px;
    margin: 0 20px;
}

.slider .link-pfeil::before {
    background-color: white;
}

.slider .uk-position-bottom-center {
    bottom: 50px;
}

.slider .uk-dotnav > * > * {
    width: 12px;
    height: 12px;
}

.slider .uk-dotnav a {
    background-color: #b2deda;
    border-color: #b2deda;
}

.slider .uk-dotnav .uk-active a {
    background-color: #006d6c;
    border-color: #006d6c;
}

.slider .uk-dotnav > * {
    padding-left: 6px;
}

.slider .link-pfeil{
    display: inline-block;
    margin-top:40px;
    color:#fff;
}
.slider .link-pfeil::before {
    top: 13px;
}
.slider .uk-overlay-primary {
    background: rgba(34,34,34,.6);
}
.slider .link-pfeil::after {
    top: -2px;
}

.kopfgrafik h1 {
    color: white;
    font-size: 2rem;
    font-weight: 700;
}

.kopfgrafik h1::before, .kopfgrafik h1::after {
    display: inline-block;
    content: "";
    border-top: 3px solid #fff;
    width: 60px;
    margin: 0 20px;
    transform: translateY(-10px);
}

.responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.uk-form-label {
    font-size: unset;
}

#rex-yform .alert{
    background:#da9c9c;
    padding:20px;
    color:#fff;
}

#rex-yform .alert{
    background:#da9c9c;
    padding:20px;
    color:#fff;
}

.textbild h1, .textbild h2, .textbild h3 {
    text-transform: uppercase;
    letter-spacing: 1px;
}

.uk-nav-default a {
    text-transform: uppercase;
    font-size:20px;
}

.uk-navbar-nav a {
    letter-spacing: 1px;
}
.uk-offcanvas-bar .uk-nav-default > li > a{
    font-family: 'Raleway';
}

.kopfgrafik .uk-overlay-primary {
    background: rgba(34,34,34,.6);
}

.angebote p {
    margin-bottom: unset;
}

.vorbestell_button{
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    top: calc(50% - 100px);
    right: -80px;
    height: 40px;
    color: #fff;
    width: 200px;
    text-align: center;
}
.vorbestell_button a{
    color: #fff;
    font-family: 'Raleway' !important;
    text-decoration: none;
    display: block;
    height: 200px;
    padding: 8px 0px;
    text-transform: uppercase;
    font-size: 18px;
}
@media (max-width: 1199px){
    .vorbestell_button{
        position: absolute !important;
    }
}

.no-margin p {
    margin: 0; padding: 0;
}

.padding-small-left {
    padding-left: 10px;
}

.uk-light h3::before, .uk-light h3::after {
    border-top: 1px solid white;
}

.wochenangebote h2 {
    font-size: 26px;
}

.wochenangebote h3 {
    letter-spacing: 5px;
}

/* CSS for green overlay */
.overlay-green {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #006d6c; /* Green color */
    opacity: 0.7; /* Initial opacity */
    transition: opacity 0.5s ease; /* Opacity transition */
    pointer-events: none; /* Allow pointer events to pass through */
}

/* Hover effect to change opacity */
.overlay-green:hover {
    opacity: 1; /* Hover opacity */
}

.overlay-brown {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #656565; /* Green color */
    opacity: 0.7; /* Initial opacity */
    transition: opacity 0.5s ease; /* Opacity transition */
    pointer-events: none; /* Allow pointer events to pass through */
}

/* Hover effect to change opacity */
.overlay-brown:hover {
    opacity: 1; /* Hover opacity */
}

.wochenangebote h2, .wochenangebote h3 {
    color: white !important;
    margin: 0;

}

.wochenangebote h3 {
    margin-top: 15px;
}

/* Ensure text is above the overlay */
.overlay-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    xxxpointer-events: none; /* Allow pointer events to pass through */
}

.overlay-content .uk-position-center {
    z-index: 1; /* Ensure the text is above the overlay */
}

.overlay-content:hover + .overlay-green {
    opacity: 1; /* Hover opacity */
}

#formular label {
    width: 100% !important;
    margin-top: 7px;
    float: none !important;
}
#formular textarea{
    width:100%;
    height:200px;
    font-family: 'Cormorant Garamond';
    font-size:20px;
    padding:10px;
}