@font-face {
    font-family: 'itc_franklin_gothicBkCn';
    src: url('/Fonts/itc_franklin_gothic_book_condensed-webfont.woff2') format('woff2'), url('/Fonts/itc_franklin_gothic_book_condensed-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@import url('https://fonts.googleapis.com/css2?family=Edu+NSW+ACT+Hand+Pre:wght@400..700&display=swap');

*
{
    box-sizing:border-box;
}

strong
{
    font-weight:bold;
}

body, html, form {
    width: 100%;
    min-height: 100%;
    height: 100%;
    margin: 0px;
    font-family: 'itc_franklin_gothicBkCn';
    position: relative;
    font-size: 100%;
    font-size: 22px;
    font-weight: 300;
}

ul {
    margin: 0px;
    padding: 0px;
}

.afix
{
    position:relative;
    margin-top:-65px;
}

.backtoevent
{
    font-weight:bold;
    display:inline-block;
    padding-top:10px;
}

img
{
 border:none;   
}

A:link{color:Black;text-decoration:none;}
A:visited{color:Black;text-decoration:none;}
A:active{color:Black;text-decoration:none;}
A:hover{color:Black;text-decoration:none;}

.Clear
{
    clear:both;   
}

h1 {
    font-weight: normal;
    width: 100%;
    text-transform: uppercase;
    font-size: 50px;
    margin: 0px;
    letter-spacing:3px;
    color: #576d68;
    font-family: 'itc_franklin_gothicBkCn';
}

h2 {
    font-weight: normal;
    width: 100%;
    text-transform: uppercase;
    font-size: 40px;
    margin: 0px;
    letter-spacing: 3px;
    color: #576d68;
    font-family: 'itc_franklin_gothicBkCn';
}

h3 {
    font-weight: normal;
    width: 100%;
    text-transform: uppercase;
    font-size: 30px;
    margin: 0px;
    letter-spacing: 3px;
    color: #576d68;
    font-family: 'itc_franklin_gothicBkCn';
}

ul
{
	margin:0px;
}

.centercontent
{
    width:80%;
    margin-left:10%;
    position:relative;
}

.centercontent60
{
    width:60%;
    margin-left:20%;
    margin-right:20%;
    position:relative;
}

#Wrapper {
    width:100%;
    min-height:100%;
    background-color:#fff0dd;
}

#Kreera
{
    width:100%;
    height:60px;
}

#Kreera img
{
    width:82px;
    padding:20px 0px 10px 0px;
    display:block;
    margin: 0px auto;
}

#Kreera
{
    display:none;
}

#EPHolder {
    display: flex;
    overflow: hidden;
    height: 100vh;
    text-align: center;
    width: 100%;
    justify-content: center;
    align-items: center;
}

#EPText {
    color: #fff;
    font-family: Arial;
    font-size: 22px;
    position: absolute;
    z-index: 5;
}

#EPBG {
    background-image: url(/Images/Siteimages/errorbg.jpg);
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    animation: shrink 5s infinite alternate;
}

@keyframes shrink {
    0% {
        transform: scale(1, 1);
    }

    100% {
        transform: scale(1.2, 1.2);
    }
}

.grain-container {
    pointer-events: none;
    width: 100vw;
    height: 100vh;
    position: fixed;
}

#grain {
    /*position: fixed !important;
    z-index: 9999 !important;
    pointer-events: none;
    overflow: hidden;*/
}

    #grain::before {
        /*background-image: url(data:image/png;base64,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);
        position: absolute;
        content: "";
        height: 300%;
        width: 300%;
        left: -100%;
        top: -100%;
        animation-name: grained;
        animation-iteration-count: infinite;
        animation-duration: 0.5s;
        animation-timing-function: steps(20);*/
    }

@keyframes grained {
    0% {
        transform: translate(-10%, 10%);
    }

    10% {
        transform: translate(-25%, 0%);
    }

    20% {
        transform: translate(-30%, 10%);
    }

    30% {
        transform: translate(-30%, 30%);
    }

    40% {
        transform: translate(-20%,20%);
    }

    50% {
        transform: translate(-15%, 10%);
    }

    60% {
        transform: translate(-20%, 20%);
    }

    70% {
        transform: translate(-5%, 20%);
    }

    80% {
        transform: translate(-25%, 5%);
    }

    90% {
        transform: translate(-30%, 25%);
    }

    100% {
        transform: translate(-10%, 10%);
    }
}

.centerme
{
    text-align:center;
}

#IntroPage {
    width: 100%;
    height: 100vh;
    position: relative;
}

#IntroPageLogo {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    pointer-events: none;
    z-index: 10;
    justify-content: center;
    align-items: center;
}

#IntroPageLogo img
{
    object-fit:cover;
    max-width:35%;
}

#IntroPageHolder {
    width: 100%;
    height: 100%;
    display: flex;
}

.IntroFade
{
    position:absolute;
    width:100%;
    height:100%;
    z-index:4;
    pointer-events:none;
    background-color:rgba(0,0,0,0.2);
}

#IntroLeft {
    width: 50%;
    position:relative;
    z-index:3;
    display: flex;   
    align-items: flex-end;
    overflow:hidden;
}

#IntroLeftBG {
    background-image: url(/Images/Siteimages/1080-Start-rum.webp);
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
    transition: 1.25s all ease-in-out;
}

    #IntroLeft:hover #IntroLeftBG {
        transform: scale(1.05);
    }

#IntroRight {
    width: 50%;
    position: relative;
    z-index: 3;
    display: flex;
    overflow: hidden;
    justify-content: center;
    align-items: flex-end;
}

#IntroRightBG {
    background-image: url(/Images/Siteimages/1080-Start-restaurang.webp);
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
    transition: 1s all ease-out;
}

#IntroRight:hover #IntroRightBG {
    transform: scale(1.05);
}

.IntroTextHolder {
    display: block;
    text-align: center;
    position: relative;
    padding: 40px 60px;
    z-index: 5;
    width: 100%;
}

    .IntroTextHolder a {
        font-family: 'itc_franklin_gothicBkCn';
        color: #fff;
        font-size:32px;
        text-transform:uppercase;
        letter-spacing:2px;
    }

#Welcome
{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:5vw;
}

.myarrow {
    width: 20px; /* Increased size for better visibility */
    height: 20px; /* Increased size for better visibility */
    border: solid 4px transparent; /* Adjusted border thickness */
    border-bottom: 4px solid #fff0dd; /* Solid bottom border color for the arrow */
    border-right: 4px solid #fff0dd;
    transform: rotate(45deg);
    display: inline-block;
    cursor:pointer;
    animation: bounce 1.5s ease-in-out infinite;
}

@keyframes bounce {
    0% {
        transform: translateY(0) rotate(45deg);
    }

    50% {
        transform: translateY(-20px) rotate(45deg); /* Arrow moves upwards */
    }

    100% {
        transform: translateY(0) rotate(45deg);
    }
}

.scroll-indicator {
    position: absolute;
    bottom: 20px;
    font-size: 20px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    color: #333;
    z-index: 200;
    text-align: center;
    animation: fadeInText 2s ease-in-out forwards; /* Added fade-in for text */
}

@keyframes fadeInText {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}



.TextHolder
{
    padding:50px 0px;
}

.NavigationHolder
{
    padding-bottom:30px;
    display:block;
    font-size:14px;
    letter-spacing:2px;
    text-transform:uppercase;
}


#FooterHolder {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 80px;
    background-color: #fff0dd;
    color: #fff;
    background-image: url(/Images/Siteimages/FooterBABE.webp);
    background-size: cover;
}

#Footer {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}

#FooterLeft
{
    width:60%;
    text-align:left;
}



#FooterRight {
    width: 30%;
    background-color: #fff0dd;
    padding: 3% 3%;
    text-align: center;
}

    #FooterRight p * {
        color: #576d68 !important;
    }

    #FooterRight img {
        display: block;
        width: 100%;
        margin:0px auto;
        max-width: 200px;
        object-fit: cover;
    }

.Footer p
{
    margin:0px 0px 5px 0px;
}

.Footer table tr td
{
    vertical-align: top;
}

.pp-section {
    background-color: #fff0dd;
}

.nlettersign {
    padding:5px;
    border:0px;
    font-size:16px;
    min-width:260px;
}

.nletterh3
{
    padding-bottom:10px;
}

.centercontent70 {
    display: block;
    width: 70%;
    margin: 0px auto;
}

.SAIItem {
    border: 1px solid #000;
    border-left:none;
}

.SAIImage {
    overflow: hidden;
    display:flex;
    justify-items:flex-end;
    flex-direction:column;
}

    .SAIImage img {
        width: 100%;
        height: 100%;
        object-fit: cover; /* Ensures the image covers the container without stretching */
        transition: transform 0.3s ease-in-out; /* Smooth transition for zoom effect */
    }

        .SAIImage img:hover {
            transform: scale(1.125); /* Zooms in the image when hovered */
        }

.SAIOnTop {
    position: absolute;
    width: 100%;
    background-color: #fff0dd;
    bottom: 0px;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
}

.SAIName {
    display: flex;
    justify-content: center;
    width: 100%;
    font-family: 'itc_franklin_gothicBkCn';
    padding: 30px 0px;
    text-transform: uppercase;
    position: relative;
    font-size: 30px;
}

    .SAIName a {
        position:absolute;
        left:0px;
        right:0px;
        width:100%;
        height:100%;
    }

.pp-tableCell img {
    display: block;
    width: 100%;
    object-fit: cover;
}

.FirstTextHold
{
    padding:10% 0px 0px 0px;
}

.linehold
{
    width:calc(100% - 160px);
    display:block;
    padding:50px 0px;
    margin:0px auto;
}

.linehold hr
{
    background-color:#576d68;
    color:#576d68;
    border-top:1px solid #576d68;
}

#ZigZag {
    display: flex;
    width: 100%;
    flex-direction: column;
}

.ZZItem {
    display: flex;
    width: 100%;
    flex-direction: row;
    padding: 40px 80px;
}

.ZZContentHold {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
}

.zzOtherImages {
    display: flex;
    flex-wrap: wrap;
    order: 5;
    width: 100%;
    gap:10px;
    margin-top:30px;
    margin-bottom:30px;
    border-bottom:1px solid #000;
    padding-bottom:30px;
}

.ZZOtherImageItem
{
    display:inline-block;
    width:calc(20% - 10px);
}

.ZZOtherImageItem img
{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

.ZZContent {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
}

.ZZItem:nth-of-type(2n+1) .ZZContentHold {
    flex-direction: row;
}

    .ZZItem:nth-of-type(2n+2) .ZZContentHold {
        flex-direction: row-reverse;
    }

.ZZHeadline
{
    text-transform:uppercase;
}

.ZZText {
    /*display: -webkit-box;*/ /* Required for line-clamp */
    /*-webkit-box-orient: vertical;*/ /* Required for line-clamp */
    /*overflow: hidden;*/ /* Hide content that exceeds the box */
    /*-webkit-line-clamp: 3;*/ /* Limit the content to 3 lines */
}

.ZZTextPadd
{
    padding:0px 30px;
}

.ZZImageHolder {
    display: flex;
    gap: 10px;
    max-width: 800px;
    width: 100%;
}

.ZZImageHolder > div
{
    width:100%;
    height:100%;
    overflow:hidden;
    display:flex;
}

.ZZImageHolderHotell {
    display: flex;
    gap: 10px;
    max-width: 800px;
    width: 100%;
}
/*.ZZImageHolder div
{
    display:flex;
    width:100%;
    height:100%;
}*/
.mtop {
    margin-top: 10px;
}

.ZZImageHolder div a,.ZZImageHolderHotell div a {
    display: flex;
}

.ZZImageHolder img, .ZZImageHolderHotell img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ZZImageHolder div img, .ZZImageHolderHotell  div img{
    flex: 1 1 50%; /* Each image will take 50% of the space when there are two images */
    width: 100%; /* Ensures the images fill the container without exceeding it */
    height: auto; /* Maintains the aspect ratio */
    transition: transform 0.3s ease-in-out; /* Smooth transition for zoom effect */
}

        .ZZImageHolder div img:hover {
            transform: scale(1.125); /* Zooms in the image when hovered */
        }

        .ZZImageHolder div img:nth-child(1),
        .ZZImageHolder div img:nth-child(2) {
            width: calc(50% - 5px);
        }

/* Prevent images from overflowing the container */
    .ZZImageHolder div img {
        max-width: 100%;
    }

.ZZButton {
    display: inline-block;
    position: relative;
    padding: 40px 130px;
    margin-top: 30px!important;
    /*background-color: #576d68;*/
    border: 2px solid #576d68;
}

.ZZButtonInput {
    display: inline-block;
    position: relative;
    padding: 30px 110px;
    margin-top: 30px !important;
    /*background-color: #576d68;*/
    border: 2px solid #576d68;
}

.ZZButtonInput input
{
    background-color:transparent;
    width:100%;
    height:100%;
    border:none;
}

.text-aligncenter {
    text-align:center;
}

.zzrestwrap
{
    flex-wrap:wrap;
    gap:20px;
    font-size:0px;
    flex-direction:row!important;
}

.zzRest:nth-of-type(3n+1) {
    width: 100%;
}

.zzRest:nth-of-type(2n+2), .zzRest:nth-of-type(2n+3)
{
    width:calc(50% - 10px);
}

.zzRest {
    display: inline-block;
    height:90vh;
    position:relative;
}

.zzRestFade
{
    position:absolute;
    width:100%;
    height:100%;
    pointer-events:none;
    background-color:rgba(0,0,0,0.4);
    z-index:1;
}

.zzRestLink {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
}

    .zzRestLink a
    {
        width:100%;
        height:100%;
        display:block;
    }

    .zzRestLink:hover + .zzRestImage img {
        transform: scale(1.05);
    }

    .zzRestImage {
        width: 100%;
        height: 100%;
        overflow:hidden;
    }

        .zzRestImage img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center center;
            transition: 1.25s all ease-in-out;
        }

.zzRestContent {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.zzRestHeadline
{
    padding-bottom:5%;
}

.zzRestHeadline h1
{
    color:#fff;
}


.FirstSectionHolder {
    display: flex;
    flex-direction: column;
    position: relative;
    height: 100vh;
    background-color: #576d68;
    z-index: 1;
}

    .FirstSectionHolder video {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        position: absolute; /* Ensures it doesn’t add extra space */
        top: 0;
        left: 0;
    }

    .StartButtonHolder {     
        position:absolute;
        width:100%;
        height:100%;
        z-index:3;      
    }

.StartButtons {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 100%;
    width: 100%;
    padding:0px 10px 8% 10px;
    gap: 30px;
}

.SBItem {
    display: inline-block;
    position: relative;
    padding: 40px 100px;
    /*background-color: #fff0dd;*/
    border: 2px solid #fff0dd;
}

    .SBItem:hover {
        background-color: #fff0dd;
        color: #576d68 !important;
    }

        .SBItem:hover a {
            color: #576d68!important;
        }

    .SBItem a {
        position:absolute;
        width:100%;
        display:flex;
        justify-content:center;
        align-items:center;
        text-align:center;
        height:100%;
        text-transform: uppercase;
        top:0px;
        left:0px;
        font-size:22px;
        letter-spacing:3px;
        z-index:3;
        color:#fff0dd;
        font-family: 'itc_franklin_gothicBkCn';
    }

    .ZZButton a,.ZZButton div a,.ZZButton input {
        position: absolute;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        cursor:pointer;
        height: 100%;
        text-transform: uppercase;
        top: 0px;
        left: 0px;
        font-size: 22px;
        letter-spacing: 3px;
        z-index: 3;
        color: #576d68;
        font-family: 'itc_franklin_gothicBkCn';
    }

        .ZZButton input
        {
            background-color:transparent;
            border:0px;
        }

        .ZZButton:hover {
            background-color: #576d68;
        }

        .ZZButton:hover a,.ZZButton:hover div a,.ZZButton:hover input
        {
            color:#fff0dd!important;
        }

        /*    .SBItem .SpanEffectHolder span {
        position: absolute;
        width: 25%;
        top: 0;
        pointer-events: none;
        height: 100%;
        background-color: #576d68;
        transform: translateY(150%);
        border-radius: 50%;
        left: calc((var(--n) - 1) * 25%);
        transition: 0.5s;
        z-index: 1;
        transition-delay: calc((var(--n) - 1) * 0.1s);
    }*/
        /*    .ZZButton .SpanEffectHolder span {
        position: absolute;
        width: 25%;
        top: 0;
        pointer-events: none;
        height: 100%;
        background-color: #fff0dd;
        transform: translateY(150%);
        border-radius: 50%;
        left: calc((var(--n) - 1) * 25%);
        transition: 0.5s;
        z-index: 1;
        transition-delay: calc((var(--n) - 1) * 0.1s);
    }*/
        .SpanEffectHolder {
            position: absolute;
            width: 100%;
            height: 100%;
            overflow: hidden;
            top: 0;
            left: 0;
        }

/*.SBItem:hover a {
    color: #fff0dd !important;
}*/

.ZZButton:hover a {
    color: #fff0dd !important;
}

/*.SBItem:hover .SpanEffectHolder span,.ZZButton:hover .SpanEffectHolder span {
    transform: translateY(0) scale(2);
}

.SBItem .SpanEffectHolder span:nth-child(1), .ZZButton .SpanEffectHolder span:nth-child(1) {
    --n: 1;
}

.SBItem .SpanEffectHolder span:nth-child(2), .ZZButton .SpanEffectHolder span:nth-child(2) {
    --n: 2;
}

.SBItem .SpanEffectHolder span:nth-child(3), .ZZButton .SpanEffectHolder span:nth-child(3) {
    --n: 3;
}

.SBItem .SpanEffectHolder span:nth-child(4), .ZZButton .SpanEffectHolder span:nth-child(4) {
    --n: 4;
}*/

.ccm {
    color: rgba(0, 0, 0, 1);
}


.fade-text {
    opacity: 0;
    transform: translateY(-30px);
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}

/* Active class for fade-in effect */
.fade-in {
    opacity: 1 !important;
    transform: translateY(0) !important;
}


.subfade-text {
    opacity: 0;
    transform: translateY(-30px);
    transition: opacity 3s ease-out, transform 3s ease-out;
}

/* Keyframe-based fade-in with delay */
.subfade-in {
    animation: fadeInAnimation 3s ease-out forwards;
    animation-delay: 2s; /* Delay of 2 seconds */
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
        transform: translateY(-30px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

#draggable, #draggable2, #draggable3 {
    position: absolute;
    z-index: 3;
}

    #draggable img, #draggable2 img, #draggable3 img {
        display: block;
        max-width: 200px;
        cursor: pointer;
        max-height: 200px;
    }

#barbarescologo
{
    display:flex;
    justify-content:center;
    padding-bottom:50px;
}

    #barbarescologo img
    {
        max-width:400px;
        width:100%;
        height:100%;
        object-fit:cover;
    }

    #Section4Holder {
        width: 100%;
        height: 100vh;
        display: flex;
    }

#Section4Left
{
    width:100%;
}

    #Section4Left video, #Section4Left img
    {
        display:block;
        width:100%;
        height:100%;
        object-fit:cover;
    }

    #Section4Right {
        width: 30%;
        height:50%;
        top:0px;
        bottom:0px;
        margin:auto;
        right:80px;
        display:flex;
        position:absolute;
        background-color:#fff0dd;
        align-items:center;
        flex-direction:column;
        gap:30px;
        justify-content:center;
    }

    #Section4Right img
    {
        display:block;
        width:100%;
        object-fit:contain;
        max-width:200px;
    }

.MenuCat h1
{
    text-align:center;
    padding:40px 0px;
    border-top:1px solid #576d68;
}

#DinnerMenu
{
    padding-bottom:80px;
}

.DishItem {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 20px;
}

.DIName
{
    width:50%;
    text-align:left;
}

.DIPrice
{
    width:50%;
    text-align:right;
}

.DIContent {
    width: 70%;
}

#ArtDetails
{
    display:flex;
    width:100%;
    padding:100px 80px 100px 80px;
}

.evarto
{
    display:inline-block;
}

.evarto a img
{
    display:inline-block;
    max-width:120px;
    margin:0px auto;
}

#ADLeft {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    width: 50%;
}

#ADLeft img
{
    width:100%;
    display:inline-block;
    object-fit:cover;
    height:100%;
}

.OtherImages {
    flex: 0 0 calc(50% - 10px);
    display: flex;
    aspect-ratio:2/3;
}

#ADLeft :nth-child(1) {
    width: 100%;
    flex: 0 0 100%;
}

#ADRight
{
    width:50%;
    padding:0px 30px;
}

.EventHolder {
    background-color: transparent;
    padding-bottom: 30px;
    display: block;
    padding:0px 80px;
}

.EventItem {
    display: flex;
    width: 100%;
    font-size: 16px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #576d68;
}

.EILeft {
    display: inline-block;
    width: 100%;
}

.EI-L-DateField {
    display: block;
}

.EI-L-Time {
    display: inline;
    padding-left: 5px;
    font-weight: bold;
}

.EI-L-Date {
    display: inline;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
}

.EI-L-Headline {
    font-size: 25px;
    font-weight: bold;
    text-transform:uppercase;
}

.EI-L-Text {
    display: block;
}

    .EI-L-Text p {
        margin: 0px;
    }

.EIRight {
    display: inline-block;
    width: 200px;
}

.EI-R-Readmore, .EI-R-BookTable {
    cursor: pointer;
    margin: 0px auto;
    background-color: #687776;
    text-transform: uppercase;
    display: block;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-appearance: none;
    text-align: center;
    display: block;
    margin-top: 10px
}

.EIRight a {
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    letter-spacing: 1px;
    display: block;
}

#EvenemangHolder
{
    display:flex;
    width:100%;
    padding:0px 80px;
    flex-wrap:wrap;
}

.EvenemangItems {
    display: flex;
    width: 33.3333%;
    flex-direction: column;
    margin-bottom: 20px;
    border:1px solid #000;
}

.EvenemangItems:nth-of-type(3n+1)
{
    border-right:none;
}

    .EvenemangItems:nth-of-type(3n+2) {
        border-right: none;
    }

    .EvenemangItems:last-of-type {
        border-right: 1px solid #000;
    }


.EIImage
{
    display:flex;
    width:100%;
    height:60vh;
    overflow:hidden;
}

    .EIImage a {
        display: block;
        width: 100%;
    }

    .EIImage img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.3s ease-in-out;
    }

    .EIImage img:hover {
        transform: scale(1.125); /* Zooms in the image when hovered */
    }

.EIName
{
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    padding:20px;
    text-transform:uppercase;   
}

.pagepadd
{
    padding:0px 80px;
}

.LunchItemSub {
    border-bottom: 1px solid #576d68;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.LunchItemSub:last-of-type
{
    border-bottom:0px;
}

.LunchItemSub .LIDate
{
    text-transform:uppercase;
}

#SplideHolder
{
    display:flex;
    overflow:hidden;
    justify-content:center;
    align-items:center;
    height:100%;
    position:relative;
}


.gallery {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px;
}

.img {
    overflow: hidden;
    background: #ccc;
}

    .img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

.full {
    width: 100%;
    height: 80vh;
}

.img img,.img video
{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
}

.galleryrow {
    display: flex;
    width: 100%;
    height: 120vh;
    gap: 10px;
}

.left {
    width: 50%;
    height: 100%;
}

.right {
    width: 50%;
    display: flex;
    flex-direction: row;
    gap: 10px;
    position: relative;
}

.sticky-col {
    width: 50%;
}

.sticky-img {
    height: 60vh;
}

.EventHolder h2
{
    text-align:center;
    padding-top:50px;
    padding-bottom:10px;
}

.EventHolder h2:first-of-type
{
    padding-top:0px;
}

.NEIHolder {
    display: flex;
    border-left: 1px solid #000;
    
    flex-wrap: wrap;
}

.NewEventItem {
    width: 25%;
    padding: 10px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    border-collapse: collapse;
    margin-top:-1px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
}

    .NewEventItem a {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 10;
    }

.NewEventItem * {
    text-align: center;
}

.NEIDate
{
    color:#576d68;
    font-size:16px;
}

.NEIHeadline {
    /*transform: skew(5deg,2deg);*/
    text-transform: uppercase;
}

.NEIHeadline img {
    display:block;
    width:50%;
    margin:0px auto;
    object-fit:contain;
}

.NEIPlaceTime {
    color: #576d68;
    font-size: 16px;
}

#KreeraOverlay
{
    position:absolute;
    width:20px;
    right:20px;
    bottom:20px;
}

#KreeraOverlay img
{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

.centerbutton
{
    text-align:center;
    display:block;
}

.sandbg
{
    background-color:#fff0dd;
}

.imagefit
{
    object-fit:contain;
}

.smallspacer
{
    height:10vh;
    width:100%;
}
/* Swiper container */
.swiper {
    width: 100%;
    margin: 0 auto;
    /*border-radius: 12px;*/ /* optional: rounded corners */
    overflow: hidden; /* keeps images from overflowing */
}

/* Make slides center nicely */
.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

    /* Scale images properly */
    .swiper-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover; /* fills the box, crops edges */
    }

/* Make navigation arrows bigger and white */
.room-swiper .swiper-button-next,
.room-swiper .swiper-button-prev {
    color: white; /* arrow color */
    font-size: 30px; /* make them bigger */
    width: 40px;
    height: 40px;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.3); /* optional background */
    border-radius: 50%;
}

    .room-swiper .swiper-button-next::after,
    .room-swiper .swiper-button-prev::after {
        font-size: 30px; /* make the > and < bigger */
        font-weight: bold;
    }

.room-swiper .swiper-pagination-bullet {
    background: white;
    opacity: 0.8;
}

.room-swiper .swiper-pagination-bullet-active {
    background: #576d68; /* active bullet color */
}

.room-swiper .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .room-swiper .swiper-slide img {
        width: 100%;
        max-width: 100%;
        height: 100%;
        max-height: 800px; /* optional */
    }

.swiper-button-next, .swiper-button-prev {
    z-index: 10;
}

.room-toggle {
    margin-top: 10px;
}

.toggle-btn {
    display: block;
    cursor: pointer;
    font-weight: bold;
    font-size: 24px; /* bigger text */
    margin-bottom: 5px;
    font-weight:bold;
    user-select: none;
    color:#576d68;
    text-transform:uppercase;
}

    .toggle-btn::before {
        content: "+ ";
        font-size: 22px; /* bigger plus */
    }

    .toggle-btn.active::before {
        content: "− "; /* changes to minus when open */
    }

.toggle-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, padding 0.4s ease;
    border-radius: 5px; 
    padding: 0 10px; /* only horizontal padding initially */
}

    .toggle-content.open {
        max-height: 500px; /* large enough for your text */
        padding: 10px;
    }

.swiper-pagination {
    bottom: 15px !important; /* move it up/down */
    text-align: center;
}

.swiper-slide {
    overflow: hidden; /* only clips content inside this slide */
    position: relative;
}

.swiperlong .img-wrapper
{
    width:100%;
    height:100%;
}

.swiperlong .swiper-slide {
    height: 400px; /* all slides same height */
    overflow: hidden; /* hide anything outside */
    display: flex;
}

    .swiperlong .swiper-slide img {
        flex: 1; /* let image expand */
        width: 100%;
        height: 100%;
        object-fit: cover; /* fills whole slide, crops if needed */
        object-position: center; /* keeps subject centered */
    }

/*
ADMINNAVIGATION
*/
/*
ADMINNAVIGATION
*/
#ddlWeek option, #ddlWeek {
    font-size: 30px;
    color: #576d68;
    padding: 10px;
}

#AdminWrapper {
    Margin-left: 0px;
    min-height: 100%;
    overflow: hidden;
    display: flex;
}

#AdminLeft {
    display: inline-block;
    width: 200px;
    height:100vh;
    z-index: 10;
    position:fixed;
    top:0px;
    left:0px;
}

#AdminContentHolder {
    display: inline-block;
    width: 100%;
    padding-left:230px;
    position:relative;
    box-sizing: border-box;
    padding-bottom:30px;
}

#AdminWrapper #mceu_13 {
    max-width: 696px !important;
    width: 100% !important;
}

#AdminWrapper .dropdown {
    display: inline-block;
    height: 100%;
    width: 100%;
}

#AdminWrapper .dropbtn a {
    color: #fff;
}

#AdminWrapper #AdminLeft .dropbtn {
    font-size: 14px;
    border: none;
    display: block;
    outline: none;
    width:100%;
    color: #fff !important;
    padding: 13px 20px;
    text-transform: uppercase;
    text-align: left;
    position: relative;
    background-color: #000;
    margin: 5px 0px;
}

#AdminWrapper .dropbtn a {
    color: #fff;
}

#AdminWrapper .dropdown-content {
    display: none;
    position: absolute;
    background-color: #000;
    top: 0px;
    left: 100%;
    z-index: 1;
    font-size: 12px;
    color: #fff !important;
    width: 100%;
}

    #AdminWrapper .dropdown-content .header {
        padding: 5px 16px;
        color: white;
    }

#AdminWrapper .dropbtn:hover .dropdown-content {
    display: table;
}

#AdminWrapper .row {
    text-align: left;
    padding: 11px 0px;
    display: block;
}

    #AdminWrapper .row a {
        display: block;
        padding: 3px 15px;
        text-align: left;
        color: #fff;
    }

        #AdminWrapper .row a:hover
        {
            color:#35cf29;
        }

        #AdminWrapper #MenuHolder {
            position: fixed;
            top: 0px;
            left: 0px;
            width: 100%;
            text-align: center;
            z-index: 30;
        }

#AdminWrapper #MenuHold {
    list-style: none;
}

    #AdminWrapper #MenuHold li {
        display: inline-block;
        padding: 0px 20px;
        text-transform: uppercase;
        font-size: 14px;
    }

        #AdminWrapper #MenuHold li a {
            color: #000;
        }

#AdminWrapper .navbar-toggle {
    display: none;
}

#AdminWrapper #btnLogout, #AdminWrapper #btnLogout2 {
    cursor: pointer;
    border: none;
    text-align: left;
    font-family: arial;
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px 20px;
    width: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
}

#AdminWrapper #TopMeny {
    width:100%;
}

#TopMeny #menu {
    list-style: none;
    margin-left:0px;
    padding-left:0px;
}

#AdminContentHolder select {
    border: 1px solid #000;
    background-color: #fff;
    padding: 5px;
}

#AdminContentHolder .mce-panel {
    border: 0 solid #000 !important;
    border: 0.5px solid #000 !important;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    background-color: #fff;
}

#AdminContentHolder .mce-menubar {
    border: 0.5px solid #000 !important;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
}

#AdminContentHolder input[type=submit] {
    padding: 7px 30px;
    background-color: #000;
    border-radius: 0px;
    border: 0px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    cursor: pointer;
    font-family: arial;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
}

#AdminContentHolder .updown {
    padding: 7px 10px!important;
    background-color: #000!important;
    border-radius: 0px!important;
    border: 0px!important;
    color: #fff!important;
    font-size: 12px!important;
    text-transform: uppercase!important;
    cursor: pointer!important;
    font-family: arial!important;
}

#AdminContentHolder input[type=text], #AdminContentHolder input[type=tel], #AdminContentHolder input[type=email] {
    border: 1px solid #000;
    padding: 5px;
}

.AdminCenterBoxHolder
{
    display:block;
}

.AdminCenterBox
{
    display:inline-block;
}

.AdminCenterBoxHeadline
{
    font-size:18px;
}

.AdminCenterBoxFlex {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.AdminCenterBoxControls
{
    display:inline-block;
    justify-content:center;
    align-items:center;
}

.AdminCenterBoxControls {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction:column;
    gap:5px
}

    #AdminWrapper .mce-tinymce {
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;
    }

.AdminNavigation {
    width: 150px;
    height: 80px;
    margin-right: 20px;
    float: left;
}

.AdminBlackbox {
    display: block;
    font-family: arial;
    width: 150px;
    background-color: Black;
    color: White;
}

.AdminLinks {
    color: Black;
    text-decoration: none;
}


    #AdminFooter {
        margin-top: -39px;
        width: 100%;
        background-color: #000;
    }

#AFText {
    color: white;
    padding-top: 2px;
    text-align: center;
}

.LeftLogoHolder {
    display: block;
    padding: 10px 0px 5px 20px
}

#AdminWrapper .LeftLogoHolder img {
    width: 90px;
}

#AdminWrapper .LogoHolder {
    position: fixed;
    top: 10px;
    right: 10px;
    display: none;
}

    #AdminWrapper .LogoHolder img {
        width: 70px;
    }

.MediaBg {
    background-color: #c2c2c2;
    width: 100%;
    padding: 15px 0px 15px 50px;
    margin-bottom: 20px;
}

    .MediaBg h3 {
        margin-top: 0px;
    }

#pnlImages {
    display: flex;
    padding: 25px;
    width: 50vw !important;
    height: 50vh !important;
    overflow: scroll;
    background-color: #fff;
    gap: 10px;
    flex-wrap: wrap;
}

.IPImage {
    display: inline-block;
    max-width: 200px;
}

.IPImageHolder {
    display: flex;
    flex-direction: column;
}

.IPText {
    padding-top: 5px;
    padding-bottom: 10px;
}

.IPTextSize {
    display: block;
    font-size: 14px;
}

.jsMpeBackground {
    background-color: #000;
    opacity: 0.7;
}

.imgBtnDelete {
    width:30px;
    height:30px;
}

#sortable {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 60%;
}

    #sortable li {
        margin: 0 3px 3px 3px;
        padding: 0.4em;
        padding-left: 1.5em;
        font-size: 1.4em;
        height: 18px;
    }

        #sortable li span {
            position: absolute;
            margin-left: -1.3em;
        }

.EDIHandle
{
    width:30px;
    height:30px;
    background-color:#000;
}

.EDIHandle img
{
    display:block;
    width:30px;
    height:30px;
}

.EditDishItem {
    width: 100%;
    display: flex;
    flex-direction: row;
    padding:10px 10px 0px 10px;
    flex-wrap:wrap;
    max-width:700px;
}

.EDILeft input,.EDICenter input,.EDIRight input
{
    width:100%;
    font-size:16px;
    padding:5px;
}

.EDILeft
{
    width:43%;
    padding-right:10px;
}

.EDICenter
{
    width:43%;
    padding-right:10px;
}

.EDIControls {
    width: 14%;
    gap: 5px;
    display: flex;
}

.EDIRight {
    width: 100%;
    padding:5px 0px;
}

.EDILine {
    width: 100%;
    margin: 20px 0px;
    height: 1px;
    background-color: #f9c;
}

#DishItemHolder
{
    padding-bottom:20px;
}

#SaveMenu
{
    background-color:tomato!important;
    color:#fff!important;
    padding:10px 50px!important;
}

#DeleteIGHolder, #OrderIGHolder {
    display: flex;
    gap: 10px;
}

#DeleteIGHolder input {
    object-fit: cover;
}


@media (max-width: 920px), only screen and (max-device-width: 920px), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
    #AdminWrapper .LogoHolder {
        display: block;
    }

    #AdminWrapper #TopMeny {
        display: none;
    }

    #AdminWrapper .navbar-toggle {
        display: block;
    }

    #AdminLeft {
        display: inline-block;
        width: 80px;
        height: 50px;
        z-index: 10;
        position: fixed;
        top: 0px;
        left: 0px;
    }

    #Admin {
        width: auto;
    }

    #AdminContentHolder {
        display: block;
        padding: 70px 50px;
        box-sizing: border-box;
        text-transform:uppercase!important;
    }

    #btnLogout2 {
        background-color: transparent;
        color: #fff;
        font-size: 24px !important;
        font-family: 'poppinslight' !important;
        padding: 0px !important;
        font-weight: normal;
    }
}

@media (max-width: 550px), only screen and (max-device-width: 550px), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {

    #AdminContentHolder {
        display: block;
        padding: 70px 20px;
        box-sizing: border-box;
    }
}

/*
/ADMINNAVIGATION
*/








/** /STARTPAGE **/

@media (max-width: 1300px), only screen and (max-device-width: 1300px), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {

    #FooterRight
    {
        width:35%;
    }
    

}

@media (max-width: 1100px), only screen and (max-device-width: 1100px), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {

    .centercontent70 {
        width: 80%;
    }

    #FooterRight {
        width: 40%;
    }

    .pagepadd
    {
        padding:0px 20px;
    }
	
}

@media (max-width: 920px), only screen and (max-device-width: 920px), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {

    .ZZContent
    {
        width:100%;
    }

    #FooterRight {
        width: 55%;
        padding:8% 5%;
    }

    .centercontent70 {
        width: 90%;
    }

    .ZZTextPadd
    {
        padding:0px 20px;
    }

    .linehold
    {
        width:calc(100% - 80px);
    }

    .galleriholder {
        padding: 0px;
    }

    .NewEventItem {
        width: 33.3333%;
    }


    .ZZItem {
        padding: 30px 40px;
    }

}

@media (max-width: 800px), only screen and (max-device-width: 800px), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {

    .galleryrow
    {
        flex-direction:column;
    }

    .left {
        width: 100%;
    }

    .right
    {
        width:100%;
    }
    
}

@media (max-width: 700px), only screen and (max-device-width: 700px), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {

    .ZZButton a, .ZZButton div a {
        font-size: 18px;
    }

    .zzRest:nth-of-type(2n+2), .zzRest:nth-of-type(2n+3) {
        width: 100%;
    }

    .NewEventItem {
        width: 50%;
    }

    .thirdtext
    {
        padding-top:6vh;
    }

    .thirdtext p,.thirdtext p > *
    {
        font-size:16px!important;
    }

    .scroll-indicator {
        display: none;
    }

    .SBItem {
        padding: 25px 60px;
    }

        .SBItem a
        {
            font-size:18px;
        }

        .StartButtons {
            height: 90%;
            margin-top: -40px;
        }

    h3 {
        font-size: 22px;
    }

    .DIContent {
        font-size: 16px;
    }

    .DIPrice {
        width: 25%;
    }

    .DIName {
        width: 75%;
    }

    .centercontent70 {
        width: calc(100% - 60px);
    }

    .FirstTextHold {
        padding-top: 15%;
    }

    #MenyLogoSub {
        display: none;
    }

    #MenyLogo {
        display: none;
    }

    .ZZItem {
        padding: 20px 30px;
    }

    h1{
        font-size: 26px;
    }

    .ZZContentHold .ZZContent
    {
        width:100%;
    }

    .SpanEffectHolder a
    {
        font-size:20px;
    }

    .ZZButton
    {
        padding:30px 100px;
    }

    .ZZItem:nth-of-type(2n+1) .ZZContentHold, .ZZItem:nth-of-type(2n+2) .ZZContentHold {
        flex-direction: column!important;
    }

    .ZZTextPadd
    {
        padding:0px;
        padding-top:5px;
    }

    .ZZContent {
        align-items: flex-start;
    }

    .ZZItem:nth-of-type(2n+2) .ZZContentHold {
        flex-direction:row;
    }

    #FooterHolder {
        padding: 60px 20px;
        align-items: flex-end;
        height:90vh;
    }

    #Footer {
        flex-direction: column;
    }

    #FooterLeft {
        width: 100%;
        text-align:center;
    }

    #FooterRight {
        justify-content: center;
        width: 100%;
        font-size: 18px;
        padding: 20px;
    }

    #FooterRight img
    {
        max-width:100px;
    }

    #ArtDetails
    {
        padding:100px 20px 30px 20px;
        flex-direction:column;
    }

    #ADLeft,#ADRight
    {
        width:100%;
    }

    #ADRight
    {
        padding:5px 0px;
    }

    .NavigationHolder a
    {
        font-size:14px;
    }

    .EventHolder, #EvenemangHolder {
        padding: 0px 20px;
    }

    .EventHolder {
        padding-top: 50px;
    }

    .linehold
    {
        width:calc(100% - 60px);
    }

    .EvenemangItems
    {
        width:100%;
        border:1px solid #000!important;
        height:50vh;
    }

    #SplideHolder,.splide__list {
        max-height: 80vh;
    }


}

@media (max-width: 500px), only screen and (max-device-width: 500px), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {


    .NewEventItem {
        width: 100%;
    }
}