.elementor-350 .elementor-element.elementor-element-cce0852{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-end;--margin-top:0px;--margin-bottom:-120px;--margin-left:0px;--margin-right:0px;--padding-top:12px;--padding-bottom:12px;--padding-left:20px;--padding-right:20px;--z-index:1;}.elementor-350 .elementor-element.elementor-element-cce0852:not(.elementor-motion-effects-element-type-background), .elementor-350 .elementor-element.elementor-element-cce0852 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-350 .elementor-element.elementor-element-ba73dc1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-350 .elementor-element.elementor-element-5d633eb .elementor-button{background-color:var( --e-global-color-83ecacc );font-family:var( --e-global-typography-3c52216-font-family ), Sans-serif;font-size:var( --e-global-typography-3c52216-font-size );font-weight:var( --e-global-typography-3c52216-font-weight );text-transform:var( --e-global-typography-3c52216-text-transform );line-height:var( --e-global-typography-3c52216-line-height );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );border-radius:0px 0px 0px 0px;padding:10px 10px 10px 10px;}.elementor-350 .elementor-element.elementor-element-5d633eb .elementor-button:hover, .elementor-350 .elementor-element.elementor-element-5d633eb .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-primary );}.elementor-350 .elementor-element.elementor-element-5d633eb .elementor-button:hover svg, .elementor-350 .elementor-element.elementor-element-5d633eb .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-350 .elementor-element.elementor-element-93b5697 .elementor-button{background-color:var( --e-global-color-83ecacc );font-family:var( --e-global-typography-3c52216-font-family ), Sans-serif;font-size:var( --e-global-typography-3c52216-font-size );font-weight:var( --e-global-typography-3c52216-font-weight );text-transform:var( --e-global-typography-3c52216-text-transform );line-height:var( --e-global-typography-3c52216-line-height );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );border-radius:0px 0px 0px 0px;padding:10px 10px 10px 10px;}.elementor-350 .elementor-element.elementor-element-93b5697 .elementor-button:hover, .elementor-350 .elementor-element.elementor-element-93b5697 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-primary );}.elementor-350 .elementor-element.elementor-element-93b5697 .elementor-button:hover svg, .elementor-350 .elementor-element.elementor-element-93b5697 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-350 .elementor-element.elementor-element-8ba1a2b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:0;}.elementor-350 .elementor-element.elementor-element-8ba1a2b img{width:200px;height:100px;}.elementor-350 .elementor-element.elementor-element-bc5901b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:99;}.elementor-350 .elementor-element.elementor-element-bc5901b.elementor-element{--align-self:center;}.elementor-350 .elementor-element.elementor-element-bc5901b img{width:120px;}.elementor-350 .elementor-element.elementor-element-58f3d00 .elementor-button{background-color:var( --e-global-color-83ecacc );font-family:var( --e-global-typography-3c52216-font-family ), Sans-serif;font-size:var( --e-global-typography-3c52216-font-size );font-weight:var( --e-global-typography-3c52216-font-weight );text-transform:var( --e-global-typography-3c52216-text-transform );line-height:var( --e-global-typography-3c52216-line-height );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );border-radius:0px 0px 0px 0px;padding:10px 10px 10px 10px;}.elementor-350 .elementor-element.elementor-element-58f3d00 .elementor-button:hover, .elementor-350 .elementor-element.elementor-element-58f3d00 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-primary );}.elementor-350 .elementor-element.elementor-element-58f3d00 .elementor-button-content-wrapper{flex-direction:row;}.elementor-350 .elementor-element.elementor-element-58f3d00 .elementor-button:hover svg, .elementor-350 .elementor-element.elementor-element-58f3d00 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-350 .elementor-element.elementor-element-5d633eb .elementor-button{font-size:var( --e-global-typography-3c52216-font-size );line-height:var( --e-global-typography-3c52216-line-height );}.elementor-350 .elementor-element.elementor-element-93b5697 .elementor-button{font-size:var( --e-global-typography-3c52216-font-size );line-height:var( --e-global-typography-3c52216-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-350 .elementor-element.elementor-element-58f3d00 .elementor-button{font-size:var( --e-global-typography-3c52216-font-size );line-height:var( --e-global-typography-3c52216-line-height );}}@media(max-width:767px){.elementor-350 .elementor-element.elementor-element-cce0852{--justify-content:space-between;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-350 .elementor-element.elementor-element-5d633eb .elementor-button{font-size:var( --e-global-typography-3c52216-font-size );line-height:var( --e-global-typography-3c52216-line-height );}.elementor-350 .elementor-element.elementor-element-93b5697 .elementor-button{font-size:var( --e-global-typography-3c52216-font-size );line-height:var( --e-global-typography-3c52216-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-350 .elementor-element.elementor-element-8ba1a2b img{width:100px;}.elementor-350 .elementor-element.elementor-element-bc5901b img{width:100px;}.elementor-350 .elementor-element.elementor-element-58f3d00{padding:10px 10px 10px 10px;}.elementor-350 .elementor-element.elementor-element-58f3d00 .elementor-button{font-size:var( --e-global-typography-3c52216-font-size );line-height:var( --e-global-typography-3c52216-line-height );}}@media(min-width:768px){.elementor-350 .elementor-element.elementor-element-ba73dc1{--width:340px;}}/* Start custom CSS for container, class: .elementor-element-cce0852 *//* ==========================================
   HOTEL DIANA HEADER
   ========================================== */

.elementor-350 .elementor-element.elementor-element-cce0852 {
    --header-h: 112px;
    --header-h-sticky: 74px;

    position: relative;
    z-index: 999;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;

    min-height: var(--header-h);

    padding: 0 clamp(24px, 4vw, 70px);

    background: rgba(18, 22, 26, 0.06);



    backdrop-filter: blur(0px) saturate(100%);
    -webkit-backdrop-filter: blur(0px) saturate(100%);

    transition:
        min-height .32s cubic-bezier(.22,.61,.36,1),
        background .32s ease,
        border-color .32s ease,
        box-shadow .32s ease,
        backdrop-filter .32s ease,
        -webkit-backdrop-filter .32s ease;
}


/* ==========================================
   LOGOS – DESKTOP / TABLET
   immer exakt mittig
   ========================================== */

.elementor-350 .elementor-element.elementor-element-cce0852 .logo-main,
.elementor-350 .elementor-element.elementor-element-cce0852 .logo-mark {
    position: absolute !important;

    left: 50% !important;
    top: 60% !important;

    margin: 0 !important;

  
}


/* Großes Hauptlogo */

.elementor-350 .elementor-element.elementor-element-cce0852 .logo-main {
    width: clamp(200px, 11vw, 200px);

    opacity: 1;
    visibility: visible;
  z-index: 0;
    transform:
        translate(-50%, -40%)
        scale(1);

    transition:
        opacity .14s ease,
        transform .18s ease;
}


/* Kleiner Berg */

.elementor-350 .elementor-element.elementor-element-cce0852 .logo-mark {
    width: clamp(150px, 5vw, 150px);

    opacity: 0;
    visibility: hidden;

    transform:
        translate(-50%, -42%)
        scale(.82);

    transition:
        opacity .14s ease,
        transform .18s ease;
}


/* Bilder korrekt skalieren */

.elementor-350 .elementor-element.elementor-element-cce0852 .logo-main img,
.elementor-350 .elementor-element.elementor-element-cce0852 .logo-mark img {
    display: block;
    width: 100%;
    height: auto;
}


/* ==========================================
   MENÜ GANZ NACH RECHTS
   ========================================== */

.elementor-350 .elementor-element.elementor-element-cce0852 > .elementor-element:last-child {
    margin-left: auto !important;
}


/* ==========================================
   STICKY / SCROLL
   GLASSY EFFECT
   ========================================== */

.elementor-350 .elementor-element.elementor-element-cce0852.elementor-sticky--effects {
    min-height: var(--header-h-sticky);
 z-index: 1000;
    background: rgba(22, 27, 31, 0.42) !important;

    border-bottom: 1px solid rgba(255,255,255,.12);

    box-shadow:
        0 8px 30px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.05);

    backdrop-filter:
        blur(20px)
        saturate(145%);

    -webkit-backdrop-filter:
        blur(20px)
        saturate(145%);
}


/* ==========================================
   HAUPTLOGO SCHNELL AUSBLENDEN
   ========================================== */

.elementor-350 .elementor-element.elementor-element-cce0852.elementor-sticky--effects .logo-main {
    opacity: 0;
    visibility: hidden;

    transform:
        translate(-50%, -57%)
        scale(.94);
}


/* ==========================================
   BERG SCHNELL EINBLENDEN
   ========================================== */

.elementor-350 .elementor-element.elementor-element-cce0852.elementor-sticky--effects .logo-mark {
    opacity: 1;
    visibility: visible;

    transform:
        translate(-50%, -50%)
        scale(1);
}


/* ==========================================
   TABLET
   ========================================== */

@media (max-width: 1024px) {

    .elementor-350 .elementor-element.elementor-element-cce0852 {
        --header-h: 92px;
        --header-h-sticky: 68px;

        padding-left: 24px;
        padding-right: 24px;
    }

    .elementor-350 .elementor-element.elementor-element-cce0852 .logo-main {
        width: 150px;
    }

    .elementor-350 .elementor-element.elementor-element-cce0852 .logo-mark {
        width: 48px;
    }

    .elementor-350 .elementor-element.elementor-element-cce0852.elementor-sticky--effects {
        background: rgba(22, 27, 31, 0.46) !important;

        backdrop-filter:
            blur(18px)
            saturate(140%);

        -webkit-backdrop-filter:
            blur(18px)
            saturate(140%);
    }
}


/* ==========================================
   HANDY
   ========================================== */

@media (max-width: 767px) {

    /*
     * Normalzustand höher,
     * weil das Hauptlogo unter
     * Buchen / Anfragen sitzt.
     */

    .elementor-350 .elementor-element.elementor-element-cce0852 {
        --header-h: 112px;
        --header-h-sticky: 62px;

        min-height: var(--header-h);

        align-items: flex-start !important;

        padding: 0px;
           
    }


    .elementor-350 .elementor-element.elementor-element-cce0852 .logo-main {
        left: 10px !important;
        top: 10px !important;

        width: 115px;

        transform: none;

        transform-origin: left center;
    }


    /* ======================================
       KLEINER BERG
       bleibt für Sticky mittig
       ====================================== */

    .elementor-350 .elementor-element.elementor-element-cce0852 .logo-mark {
        left: 10px !important;
        top: 0px !important;

        width: 100px;

        transform:
            translate(-50%, -42%)
            scale(.82);
    }


    /* ======================================
       MENÜ OBEN RECHTS
       ====================================== */

    .elementor-350 .elementor-element.elementor-element-cce0852 > .elementor-element:last-child {
        margin-left: auto !important;
    }


    /* ======================================
       MOBILE + SCROLL
       ====================================== */

    .elementor-350 .elementor-element.elementor-element-cce0852.elementor-sticky--effects {
        min-height: var(--header-h-sticky);

        padding-top: 0;
        padding-bottom: 0;

        align-items: center !important;

        background: rgba(22, 27, 31, 0.52) !important;

        border-bottom: 1px solid rgba(255,255,255,.12);

        box-shadow:
            0 8px 24px rgba(0,0,0,.18),
            inset 0 1px 0 rgba(255,255,255,.05);

        backdrop-filter:
            blur(16px)
            saturate(135%);

        -webkit-backdrop-filter:
            blur(16px)
            saturate(135%);
    }


    /* Hauptlogo sofort weg */

    .elementor-350 .elementor-element.elementor-element-cce0852.elementor-sticky--effects .logo-main {
        opacity: 0;
        visibility: hidden;

        transform:
            translateY(-6px)
            scale(.94);
    }


    /* Berg exakt in die Mitte */

    .elementor-350 .elementor-element.elementor-element-cce0852.elementor-sticky--effects .logo-mark {
        left: 20% !important;
        top: 50% !important;

        opacity: 1;
        visibility: visible;

        transform:
            translate(-50%, -50%)
            scale(1);
    }
}/* End custom CSS */