.elementor-403 .elementor-element.elementor-element-97a4b0d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-403 .elementor-element.elementor-element-3787073{--display:flex;--min-height:700px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.1;--border-radius:12px 12px 12px 12px;}.elementor-403 .elementor-element.elementor-element-3787073::before, .elementor-403 .elementor-element.elementor-element-3787073 > .elementor-background-video-container::before, .elementor-403 .elementor-element.elementor-element-3787073 > .e-con-inner > .elementor-background-video-container::before, .elementor-403 .elementor-element.elementor-element-3787073 > .elementor-background-slideshow::before, .elementor-403 .elementor-element.elementor-element-3787073 > .e-con-inner > .elementor-background-slideshow::before, .elementor-403 .elementor-element.elementor-element-3787073 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://beautyresidenz.salon/wp-content/uploads/2026/08/Blumen-Raster-3.png");--background-overlay:'';background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-403 .elementor-element.elementor-element-34e4546 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:64px;font-weight:500;line-height:78px;letter-spacing:1.05px;color:var( --e-global-color-b6a25dd );}.elementor-403 .elementor-element.elementor-element-4e65972b{--display:flex;--margin-top:80px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}body.elementor-page-403:not(.elementor-motion-effects-element-type-background), body.elementor-page-403 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-0f3dca8 );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-403 .elementor-element.elementor-element-34e4546{text-align:center;}.elementor-403 .elementor-element.elementor-element-34e4546 .elementor-heading-title{font-size:54px;line-height:66px;}}@media(max-width:767px){.elementor-403 .elementor-element.elementor-element-97a4b0d{--padding-top:10px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-403 .elementor-element.elementor-element-3787073{--min-height:400px;}.elementor-403 .elementor-element.elementor-element-34e4546{text-align:center;}.elementor-403 .elementor-element.elementor-element-34e4546 .elementor-heading-title{font-size:32px;line-height:44px;}}@media(min-width:768px){.elementor-403 .elementor-element.elementor-element-3787073{--content-width:1500px;}.elementor-403 .elementor-element.elementor-element-4e65972b{--content-width:1500px;}}/* Start custom CSS for container, class: .elementor-element-3787073 */.beauty-card {
    background: linear-gradient(
        145deg,
        rgba(255, 255, 255, 0.65),
        rgba(250, 246, 241, 0.48) 55%,
        rgba(232, 204, 162, 0.22)
    );

    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);

    box-shadow:
        -5px -5px 14px rgba(255, 255, 255, 0.28),
        7px 9px 20px rgba(58, 46, 37, 0.12);
}

.beauty-card.light-bg {
    background: linear-gradient(
        145deg,
        #FFFFFF 0%,
        #FAF6F1 55%,
        #F3E7D5 100%
    );

    box-shadow:
        -4px -4px 12px rgba(255, 255, 255, 0.22),
        5px 7px 16px rgba(58, 46, 37, 0.12);
}


/* =========================================
   BEAUTY CARD MIT PSEUDO-KARTE
========================================= */

.beauty-card.pseudo-card {
    position: relative;
    overflow: visible;

    /* Wichtig für korrektes z-index */
    isolation: auto !important;
    z-index: auto !important;

    backdrop-filter: none;
    -webkit-backdrop-filter: none;

    --pseudo-bg: #7A6F64;
    --pseudo-rotate: -1.4deg;
    --pseudo-x: -4px;
    --pseudo-y: 6px;
    --pseudo-scale: 1.025;
}


/* Hintere Karte */
.beauty-card.pseudo-card::after {
    content: "";
    position: absolute;
    inset: 0;

    background: var(--pseudo-bg);
    border-radius: inherit;

    transform:
        translate(var(--pseudo-x), var(--pseudo-y))
        rotate(var(--pseudo-rotate))
        scale(var(--pseudo-scale));

    transform-origin: center;

    z-index: -1;
    pointer-events: none;
    transition: none !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2698378e *//* =========================================
   COMPLIANZ - LS BEAUTY RESIDENZ
========================================= */


/* =========================================
   ZENTRALE DESIGN-VARIABLEN
========================================= */

#cmplz-document {
    --cz-font: "Manrope", sans-serif;

    --cz-text: #3A2E25;
    --cz-text-soft: rgba(58, 46, 37, 0.72);

    --cz-heading: #3A2E25;

    --cz-accent: #7A6F64;
    --cz-accent-hover: #C9A989;

    --cz-gold: #E8CCA2;

    --cz-card:
        linear-gradient(
            145deg,
            #FFFFFF 0%,
            #FAF6F1 55%,
            #F3E7D5 100%
        );

    --cz-card-open:
        linear-gradient(
            145deg,
            #FFFFFF 0%,
            #FAF6F1 48%,
            #EFE0CA 100%
        );

    --cz-hover: rgba(232, 204, 162, 0.18);

    --cz-border: rgba(58, 46, 37, 0.12);

    --cz-shadow:
        -4px -4px 12px rgba(255, 255, 255, 0.22),
        5px 7px 16px rgba(58, 46, 37, 0.09);
}


/* =========================================
   GRUNDLAYOUT
========================================= */

#cmplz-document {
    max-width: 100% !important;

    font-family: var(--cz-font) !important;
    color: var(--cz-text) !important;
}

#cmplz-document,
#cmplz-document * {
    box-sizing: border-box;

    font-family: var(--cz-font) !important;
    color: var(--cz-text) !important;
}


/* =========================================
   TEXTE
========================================= */

#cmplz-document p,
#cmplz-document li,
#cmplz-document span,
#cmplz-document div {
    color: var(--cz-text) !important;
    line-height: 1.6 !important;
}


/* =========================================
   ÜBERSCHRIFTEN
========================================= */

#cmplz-document h1,
#cmplz-document h2,
#cmplz-document h3,
#cmplz-document h4,
#cmplz-document h5 {
    color: var(--cz-heading) !important;

    font-family: var(--cz-font) !important;
    font-weight: 500 !important;

    line-height: 1.25 !important;
}

#cmplz-document h2 {
    margin-top: 28px !important;
    margin-bottom: 14px !important;

    font-size: 26px !important;
    letter-spacing: 0.3px !important;
}

#cmplz-document .cmplz-subtitle {
    color: var(--cz-heading) !important;
    font-weight: 500 !important;
}


/* =========================================
   LINKS
========================================= */

#cmplz-document a {
    color: var(--cz-accent) !important;

    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 4px !important;

    transition: color 0.3s ease;
}

#cmplz-document a:hover,
#cmplz-document a:focus {
    color: var(--cz-accent-hover) !important;
}


/* =========================================
   COOKIE DROPDOWN LISTE
========================================= */

#cmplz-document #cmplz-cookies-overview,
#cmplz-document .cmplz-categories {
    display: flex !important;
    flex-direction: column !important;

    gap: 10px !important;

    margin-top: 20px !important;
}


/* =========================================
   EINZELNE DROPDOWN-KARTE
========================================= */

#cmplz-document .cmplz-dropdown,
#cmplz-document .cmplz-category {
    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background: var(--cz-card) !important;

    border: 1px solid var(--cz-border) !important;
    border-left: 3px solid var(--cz-gold) !important;
    border-radius: 12px !important;

    outline: none !important;

    box-shadow: var(--cz-shadow) !important;
}


/* =========================================
   DROPDOWN HEADER
========================================= */

#cmplz-document .cmplz-dropdown summary,
#cmplz-document .cmplz-category summary {
    min-height: 52px !important;

    margin: 0 !important;
    padding: 0 18px !important;

    display: flex !important;
    align-items: center !important;

    background: transparent !important;

    border: none !important;
    border-radius: 12px !important;

    outline: none !important;
    box-shadow: none !important;

    list-style: none !important;
    cursor: pointer !important;

    transition:
        background 0.3s ease,
        box-shadow 0.3s ease;
}


/* Browser-Pfeile entfernen */

#cmplz-document summary::-webkit-details-marker {
    display: none !important;
}

#cmplz-document summary::marker {
    color: transparent !important;
}


/* Hover */

#cmplz-document .cmplz-dropdown summary:hover,
#cmplz-document .cmplz-category summary:hover {
    background: var(--cz-hover) !important;
    box-shadow: none !important;
}


/* =========================================
   HEADER INHALT
========================================= */

#cmplz-document .cmplz-service-header,
#cmplz-document .cmplz-category-header {
    width: 100% !important;
    min-height: 52px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: grid !important;

    grid-template-columns:
        auto
        auto
        1fr
        auto !important;

    align-items: center !important;
    column-gap: 18px !important;

    background: transparent !important;

    border: none !important;

    box-shadow: none !important;
}

#cmplz-document .cmplz-service-header > div {
    width: 100% !important;

    display: grid !important;

    grid-template-columns:
        auto
        auto
        1fr
        auto !important;

    align-items: center !important;
    column-gap: 18px !important;

    background: transparent !important;

    border: none !important;
}


/* =========================================
   DROPDOWN TITEL
========================================= */

#cmplz-document .cmplz-service-header h3,
#cmplz-document .cmplz-category-title {
    margin: 0 !important;
    padding: 0 !important;

    color: var(--cz-accent) !important;

    font-size: 17px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;

    white-space: nowrap !important;
}


/* =========================================
   SEKUNDÄRTEXT
========================================= */

#cmplz-document .cmplz-service-header p,
#cmplz-document .cmplz-always-active {
    margin: 0 !important;
    padding: 0 !important;

    color: var(--cz-text-soft) !important;

    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;

    white-space: nowrap !important;
}


/* =========================================
   PFEILE
========================================= */

#cmplz-document .cmplz-icon {
    width: 18px !important;
    height: 18px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: transparent !important;
}

#cmplz-document svg,
#cmplz-document svg *,
#cmplz-document svg path {
    fill: var(--cz-accent) !important;
    stroke: var(--cz-accent) !important;
    color: var(--cz-accent) !important;
}

#cmplz-document .cmplz-icon svg {
    width: 15px !important;
    height: 15px !important;

    opacity: 0.85 !important;
}

#cmplz-document .cmplz-icon::before,
#cmplz-document .cmplz-icon::after {
    color: var(--cz-accent) !important;
    border-color: var(--cz-accent) !important;
}


/* =========================================
   GEÖFFNETE DROPDOWNS
========================================= */

#cmplz-document details[open],
#cmplz-document .cmplz-dropdown[open],
#cmplz-document .cmplz-category[open] {
    background: var(--cz-card-open) !important;

    border-left: 3px solid var(--cz-gold) !important;
    border-radius: 12px !important;

    outline: none !important;
}


/* =========================================
   INHALT GEÖFFNET
========================================= */

#cmplz-document .cmplz-service-description,
#cmplz-document .cmplz-sharing-data,
#cmplz-document .cmplz-description {
    margin: 0 !important;
    padding: 22px 34px !important;

    background: transparent !important;

    border: none !important;

    box-shadow: none !important;
}


/* Zwei Spalten */

#cmplz-document .cmplz-dropdown[open] .cmplz-service-description,
#cmplz-document .cmplz-dropdown[open] .cmplz-sharing-data {
    display: inline-block !important;

    width: 50% !important;

    vertical-align: top !important;
}

#cmplz-document .cmplz-dropdown[open] .cmplz-service-description {
    padding-right: 28px !important;
}

#cmplz-document .cmplz-dropdown[open] .cmplz-sharing-data {
    padding-left: 28px !important;
}


/* =========================================
   TITEL IM GEÖFFNETEN BEREICH
========================================= */

#cmplz-document .cmplz-service-description h4,
#cmplz-document .cmplz-sharing-data h4,
#cmplz-document .cmplz-description h4 {
    margin: 0 0 8px 0 !important;
    padding: 0 !important;

    color: var(--cz-heading) !important;

    font-size: 15px !important;
    font-weight: 600 !important;
}


/* Texte */

#cmplz-document .cmplz-service-description p,
#cmplz-document .cmplz-sharing-data p,
#cmplz-document .cmplz-description span {
    margin: 0 !important;

    color: var(--cz-text) !important;

    font-size: 14px !important;
}


/* =========================================
   COOKIE TABELLEN
========================================= */

#cmplz-document .cookies-per-purpose {
    margin: 0 !important;
    padding: 0 !important;

    display: grid !important;

    grid-template-columns:
        1fr
        1fr
        1fr !important;

    overflow: hidden !important;

    background: transparent !important;

    border: none !important;
    border-radius: 0 0 12px 12px !important;

    box-shadow: none !important;
}


/* Tabellenzellen */

#cmplz-document .cookies-per-purpose > div {
    min-height: 46px !important;

    padding: 12px 16px !important;

    display: flex !important;
    align-items: center !important;

    background: transparent !important;

    border: none !important;
    border-top: 1px solid var(--cz-border) !important;
    border-right: 1px solid var(--cz-border) !important;

    color: var(--cz-text) !important;
}


/* Tabellen Header */

#cmplz-document .cookies-per-purpose .purpose,
#cmplz-document .cookies-per-purpose .name-header,
#cmplz-document .cookies-per-purpose .retention-header,
#cmplz-document .cookies-per-purpose .function-header {
    background: rgba(232, 204, 162, 0.18) !important;

    color: var(--cz-heading) !important;
}


/* Tabellenwerte */

#cmplz-document .cookies-per-purpose .name,
#cmplz-document .cookies-per-purpose .retention,
#cmplz-document .cookies-per-purpose .function {
    background: transparent !important;

    color: var(--cz-text) !important;
}


/* Tabellen Überschriften */

#cmplz-document .cookies-per-purpose h4,
#cmplz-document .cookies-per-purpose h5 {
    margin: 0 !important;
    padding: 0 !important;

    color: var(--cz-heading) !important;

    font-size: 14px !important;
    font-weight: 500 !important;
}


/* Tabellen Links */

#cmplz-document .cookies-per-purpose a {
    color: var(--cz-accent) !important;
}


/* =========================================
   EINWILLIGUNGS-KATEGORIEN
========================================= */

#cmplz-document .cmplz-banner-checkbox {
    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}


/* Checkbox */

#cmplz-document .cmplz-banner-checkbox input[type="checkbox"],
#cmplz-document input[type="checkbox"].cmplz-consent-checkbox {
    width: 14px !important;
    height: 14px !important;

    margin: 0 !important;
    padding: 0 !important;

    accent-color: var(--cz-accent) !important;

    cursor: pointer !important;
}


/* Checkbox Label */

#cmplz-document .cmplz-banner-checkbox label,
#cmplz-document .cmplz-label {
    margin: 0 !important;
    padding: 0 !important;

    color: var(--cz-text) !important;
}


/* Beschreibung */

#cmplz-document .cmplz-description {
    color: var(--cz-text-soft) !important;

    font-size: 14px !important;
}


/* =========================================
   DOPPELTE BORDERS VERHINDERN
========================================= */

#cmplz-document details,
#cmplz-document summary,
#cmplz-document .cmplz-service-header,
#cmplz-document .cmplz-category-header,
#cmplz-document .cmplz-service-header > div {
    outline: none !important;
}


/* =========================================
   STANDARD TABELLEN
========================================= */

#cmplz-document table,
#cmplz-document tbody,
#cmplz-document tr,
#cmplz-document td,
#cmplz-document th {
    background: transparent !important;

    color: var(--cz-text) !important;

    border-color: var(--cz-border) !important;
}


/* =========================================
   ABSTÄNDE
========================================= */

#cmplz-document .cmplz-dropdown + .cmplz-dropdown,
#cmplz-document .cmplz-category + .cmplz-category {
    margin-top: 0 !important;
}


/* =========================================
   KATEGORIEN AUSRICHTEN
========================================= */

#cmplz-document .cmplz-categories .cmplz-category-header {
    width: 100% !important;
    min-height: 52px !important;

    margin: 0 !important;
    padding: 0 18px !important;

    display: grid !important;

    grid-template-columns:
        max-content
        max-content
        1fr
        max-content !important;

    align-items: center !important;
    column-gap: 16px !important;

    background: transparent !important;

    border: none !important;

    box-shadow: none !important;
}


/* Kategorie Titel */

#cmplz-document .cmplz-categories .cmplz-category-title {
    grid-column: 1 !important;

    margin: 0 !important;
    padding: 0 !important;

    color: var(--cz-accent) !important;

    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;

    white-space: nowrap !important;
}


/* Immer aktiv */

#cmplz-document .cmplz-categories .cmplz-always-active {
    grid-column: 2 !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;

    gap: 8px !important;

    color: var(--cz-text-soft) !important;

    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;

    white-space: nowrap !important;
}


/* Checkbox Kategorien */

#cmplz-document
.cmplz-categories
.cmplz-category-header
> .cmplz-banner-checkbox {
    grid-column: 2 !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}


/* =========================================
   KATEGORIE PFEIL
========================================= */

#cmplz-document .cmplz-categories .cmplz-category-toggle {
    grid-column: 4 !important;

    justify-self: end !important;
    align-self: center !important;

    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: rgba(232, 204, 162, 0.14) !important;

    border: 1px solid rgba(232, 204, 162, 0.32) !important;
    border-radius: 50% !important;

    box-shadow: none !important;

    outline: none !important;

    cursor: pointer !important;

    transition:
        background 0.3s ease,
        border-color 0.3s ease;
}


/* Pfeil Hover */

#cmplz-document .cmplz-categories .cmplz-category-toggle:hover,
#cmplz-document .cmplz-categories .cmplz-category-toggle:focus,
#cmplz-document .cmplz-categories .cmplz-category-toggle:active {
    background: rgba(232, 204, 162, 0.28) !important;

    border-color: rgba(201, 169, 137, 0.55) !important;

    box-shadow: none !important;
    outline: none !important;
}


/* Pfeil Icon */

#cmplz-document
.cmplz-categories
.cmplz-category-toggle
.cmplz-icon {
    width: 18px !important;
    height: 18px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#cmplz-document
.cmplz-categories
.cmplz-category-toggle
svg {
    width: 13px !important;
    height: 13px !important;

    display: block !important;
}


/* Kategorie Hover */

#cmplz-document
.cmplz-categories
.cmplz-category-header:hover {
    background: var(--cz-hover) !important;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    #cmplz-document .cmplz-service-header,
    #cmplz-document .cmplz-category-header,
    #cmplz-document .cmplz-service-header > div {
        grid-template-columns:
            1fr
            auto !important;

        row-gap: 6px !important;
        column-gap: 10px !important;
    }


    #cmplz-document .cmplz-service-header h3,
    #cmplz-document .cmplz-category-title {
        font-size: 16px !important;
    }


    #cmplz-document .cmplz-service-header p,
    #cmplz-document .cmplz-always-active {
        font-size: 13px !important;
    }


    #cmplz-document
    .cmplz-dropdown[open]
    .cmplz-service-description,

    #cmplz-document
    .cmplz-dropdown[open]
    .cmplz-sharing-data {
        display: block !important;

        width: 100% !important;

        padding: 18px 20px !important;
    }


    #cmplz-document .cookies-per-purpose {
        grid-template-columns: 1fr !important;
    }


    #cmplz-document .cookies-per-purpose > div {
        border-right: none !important;
    }


    #cmplz-document
    .cmplz-categories
    .cmplz-category-header {
        padding: 0 14px !important;
    }
}/* End custom CSS */