.elementor-27 .elementor-element.elementor-element-596bc3b{--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-27 .elementor-element.elementor-element-596bc3b:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-596bc3b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}.elementor-27 .elementor-element.elementor-element-f6d2cab{--display:flex;--min-height:0px;--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;--justify-content:flex-start;}.elementor-27 .elementor-element.elementor-element-f6d2cab.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-27 .elementor-element.elementor-element-48b8753 .elementor-icon-wrapper{text-align:center;}.elementor-27 .elementor-element.elementor-element-48b8753 .elementor-icon{font-size:103px;}.elementor-27 .elementor-element.elementor-element-48b8753 .elementor-icon svg{height:103px;}.elementor-27 .elementor-element.elementor-element-f61b29e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-27 .elementor-element.elementor-element-f61b29e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-27 .elementor-element.elementor-element-4efbfa4{--display:flex;}.elementor-27 .elementor-element.elementor-element-bbe2601{--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;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-27 .elementor-element.elementor-element-b68ab8b{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-27 .elementor-element.elementor-element-7d9814c{--display:flex;}.elementor-27 .elementor-element.elementor-element-7236fcf{--display:flex;}.elementor-27 .elementor-element.elementor-element-79aa8e8{--display:flex;}.elementor-27 .elementor-element.elementor-element-4c1aa5a{--display:flex;}.elementor-27 .elementor-element.elementor-element-3f9be51{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:center;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;width:100%;max-width:100%;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-27 .elementor-element.elementor-element-3f9be51.elementor-element{--align-self:center;}.elementor-27 .elementor-element.elementor-element-55a4601{--display:flex;--flex-direction:row-reverse;--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-reverse;--align-items:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-27 .elementor-element.elementor-element-21ab00e .elementor-button{background-color:var( --e-global-color-text );fill:var( --e-global-color-3f23d54 );color:var( --e-global-color-3f23d54 );}.elementor-27 .elementor-element.elementor-element-21ab00e .elementor-button:hover, .elementor-27 .elementor-element.elementor-element-21ab00e .elementor-button:focus{background-color:var( --e-global-color-text );}.elementor-27 .elementor-element.elementor-element-1d2daaf .elementor-button{background-color:var( --e-global-color-text );fill:var( --e-global-color-3f23d54 );color:var( --e-global-color-3f23d54 );}.elementor-27 .elementor-element.elementor-element-1d2daaf .elementor-button:hover, .elementor-27 .elementor-element.elementor-element-1d2daaf .elementor-button:focus{background-color:var( --e-global-color-text );}.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-27 .elementor-element.elementor-element-f61b29e{--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;}.elementor-27 .elementor-element.elementor-element-3f9be51.elementor-element{--align-self:flex-end;}.elementor-27 .elementor-element.elementor-element-55a4601{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27 .elementor-element.elementor-element-21ab00e.elementor-element{--order:99999 /* order end hack */;}}@media(min-width:768px){.elementor-27 .elementor-element.elementor-element-f6d2cab{--width:20%;}.elementor-27 .elementor-element.elementor-element-f61b29e{--width:60%;}.elementor-27 .elementor-element.elementor-element-55a4601{--width:20%;}}@media(max-width:1024px) and (min-width:768px){.elementor-27 .elementor-element.elementor-element-f6d2cab{--width:20%;}.elementor-27 .elementor-element.elementor-element-f61b29e{--width:80%;}.elementor-27 .elementor-element.elementor-element-55a4601{--width:10%;}}@media(max-width:767px){.elementor-27 .elementor-element.elementor-element-596bc3b{--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;}.elementor-27 .elementor-element.elementor-element-f6d2cab{--width:50%;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-27 .elementor-element.elementor-element-f6d2cab.e-con{--align-self:flex-start;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:1;}.elementor-27 .elementor-element.elementor-element-48b8753 .elementor-icon{font-size:72px;}.elementor-27 .elementor-element.elementor-element-48b8753 .elementor-icon svg{height:72px;}.elementor-27 .elementor-element.elementor-element-f61b29e{--width:50%;--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;}.elementor-27 .elementor-element.elementor-element-b68ab8b.elementor-element{--align-self:flex-end;}.elementor-27 .elementor-element.elementor-element-3f9be51{--n-menu-heading-justify-content:flex-end;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:flex-end;--n-menu-title-distance-from-content:0px;z-index:0;--n-menu-title-space-between:0px;--n-menu-icon-size:0px;--n-menu-icon-gap:0px;--n-menu-dropdown-indicator-size:0px;--n-menu-dropdown-indicator-rotate:rotate(0deg);--n-menu-toggle-icon-size:0px;--n-menu-toggle-icon-distance-from-dropdown:38px;}.elementor-27 .elementor-element.elementor-element-3f9be51.elementor-element{--align-self:flex-end;--flex-grow:0;--flex-shrink:1;}.elementor-27 .elementor-element.elementor-element-55a4601{--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;--justify-content:center;}.elementor-27 .elementor-element.elementor-element-21ab00e{padding:0px 0px 0px 0px;}.elementor-27 .elementor-element.elementor-element-21ab00e.elementor-element{--align-self:flex-end;}}/* Start custom CSS for icon-list, class: .elementor-element-b68ab8b *//* =========================================================
   DIOR EDITORIAL LIST - COMPACT (FIXED MARGINS)
   ========================================================= */

/* 1. LISTEN-STRUKTUR (Kompakt mit Seitenabstand) */
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-items {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 20px !important; /* FIX: 20px Abstand links und rechts */
}

/* 2. DAS EINZELNE ELEMENT */
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item {
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid rgba(167, 178, 65, 0.12) !important; 
    transition: all 0.3s ease !important;
}

.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item:last-child {
    border-bottom: none !important;
}

/* 3. DER TEXT-LINK */
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item a,
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item a:link,
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item a:visited,
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item .elementor-icon-list-text {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    padding: 10px 0 !important; /* Etwas mehr Höhe für bessere Klickbarkeit */
    
    font-family: 'Roboto', sans-serif !important;
    color: #123127 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    
    background-color: transparent !important;
    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
    text-decoration: none !important;
    position: relative; /* Wichtig für den Before-Strich */
}

/* 4. DER HOVER-EFFEKT */
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item a:hover {
    color: #a7b241 !important;
    padding-left: 12px !important; /* Versatz nach rechts */
}

/* Der feine Akzent-Strich beim Hover */
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item a::before {
    content: '';
    position: absolute;
    left: -10px; /* Startet leicht links vom Text */
    width: 10px;
    height: 1px;
    background-color: #a7b241 !important;
    opacity: 0;
    transition: all 0.3s ease;
}

.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item a:hover::before {
    opacity: 1;
    left: 0;
}

/* 5. ICONS AUSBLENDEN */
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-icon {
    display: none !important;
}

/* 6. MOBILE ANPASSUNG */
@media (max-width: 767px) {
    .elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item a {
        padding: 14px 0 !important; /* Auf dem Handy etwas höher = besser für Finger */
        font-size: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b68ab8b *//* =========================================================
   DIOR EDITORIAL LIST - COMPACT (FIXED MARGINS)
   ========================================================= */

/* 1. LISTEN-STRUKTUR (Kompakt mit Seitenabstand) */
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-items {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 20px !important; /* FIX: 20px Abstand links und rechts */
}

/* 2. DAS EINZELNE ELEMENT */
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item {
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid rgba(167, 178, 65, 0.12) !important; 
    transition: all 0.3s ease !important;
}

.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item:last-child {
    border-bottom: none !important;
}

/* 3. DER TEXT-LINK */
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item a,
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item a:link,
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item a:visited,
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item .elementor-icon-list-text {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    padding: 10px 0 !important; /* Etwas mehr Höhe für bessere Klickbarkeit */
    
    font-family: 'Roboto', sans-serif !important;
    color: #123127 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    
    background-color: transparent !important;
    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
    text-decoration: none !important;
    position: relative; /* Wichtig für den Before-Strich */
}

/* 4. DER HOVER-EFFEKT */
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item a:hover {
    color: #a7b241 !important;
    padding-left: 12px !important; /* Versatz nach rechts */
}

/* Der feine Akzent-Strich beim Hover */
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item a::before {
    content: '';
    position: absolute;
    left: -10px; /* Startet leicht links vom Text */
    width: 10px;
    height: 1px;
    background-color: #a7b241 !important;
    opacity: 0;
    transition: all 0.3s ease;
}

.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item a:hover::before {
    opacity: 1;
    left: 0;
}

/* 5. ICONS AUSBLENDEN */
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-icon {
    display: none !important;
}

/* 6. MOBILE ANPASSUNG */
@media (max-width: 767px) {
    .elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item a {
        padding: 14px 0 !important; /* Auf dem Handy etwas höher = besser für Finger */
        font-size: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b68ab8b *//* =========================================================
   DIOR EDITORIAL LIST - COMPACT (FIXED MARGINS)
   ========================================================= */

/* 1. LISTEN-STRUKTUR (Kompakt mit Seitenabstand) */
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-items {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 20px !important; /* FIX: 20px Abstand links und rechts */
}

/* 2. DAS EINZELNE ELEMENT */
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item {
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid rgba(167, 178, 65, 0.12) !important; 
    transition: all 0.3s ease !important;
}

.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item:last-child {
    border-bottom: none !important;
}

/* 3. DER TEXT-LINK */
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item a,
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item a:link,
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item a:visited,
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item .elementor-icon-list-text {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    padding: 10px 0 !important; /* Etwas mehr Höhe für bessere Klickbarkeit */
    
    font-family: 'Roboto', sans-serif !important;
    color: #123127 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    
    background-color: transparent !important;
    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
    text-decoration: none !important;
    position: relative; /* Wichtig für den Before-Strich */
}

/* 4. DER HOVER-EFFEKT */
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item a:hover {
    color: #a7b241 !important;
    padding-left: 12px !important; /* Versatz nach rechts */
}

/* Der feine Akzent-Strich beim Hover */
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item a::before {
    content: '';
    position: absolute;
    left: -10px; /* Startet leicht links vom Text */
    width: 10px;
    height: 1px;
    background-color: #a7b241 !important;
    opacity: 0;
    transition: all 0.3s ease;
}

.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item a:hover::before {
    opacity: 1;
    left: 0;
}

/* 5. ICONS AUSBLENDEN */
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-icon {
    display: none !important;
}

/* 6. MOBILE ANPASSUNG */
@media (max-width: 767px) {
    .elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item a {
        padding: 14px 0 !important; /* Auf dem Handy etwas höher = besser für Finger */
        font-size: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b68ab8b *//* =========================================================
   DIOR EDITORIAL LIST - COMPACT (FIXED MARGINS)
   ========================================================= */

/* 1. LISTEN-STRUKTUR (Kompakt mit Seitenabstand) */
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-items {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 20px !important; /* FIX: 20px Abstand links und rechts */
}

/* 2. DAS EINZELNE ELEMENT */
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item {
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid rgba(167, 178, 65, 0.12) !important; 
    transition: all 0.3s ease !important;
}

.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item:last-child {
    border-bottom: none !important;
}

/* 3. DER TEXT-LINK */
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item a,
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item a:link,
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item a:visited,
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item .elementor-icon-list-text {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    padding: 10px 0 !important; /* Etwas mehr Höhe für bessere Klickbarkeit */
    
    font-family: 'Roboto', sans-serif !important;
    color: #123127 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    
    background-color: transparent !important;
    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
    text-decoration: none !important;
    position: relative; /* Wichtig für den Before-Strich */
}

/* 4. DER HOVER-EFFEKT */
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item a:hover {
    color: #a7b241 !important;
    padding-left: 12px !important; /* Versatz nach rechts */
}

/* Der feine Akzent-Strich beim Hover */
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item a::before {
    content: '';
    position: absolute;
    left: -10px; /* Startet leicht links vom Text */
    width: 10px;
    height: 1px;
    background-color: #a7b241 !important;
    opacity: 0;
    transition: all 0.3s ease;
}

.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item a:hover::before {
    opacity: 1;
    left: 0;
}

/* 5. ICONS AUSBLENDEN */
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-icon {
    display: none !important;
}

/* 6. MOBILE ANPASSUNG */
@media (max-width: 767px) {
    .elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item a {
        padding: 14px 0 !important; /* Auf dem Handy etwas höher = besser für Finger */
        font-size: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b68ab8b *//* =========================================================
   DIOR EDITORIAL LIST - COMPACT (FIXED MARGINS)
   ========================================================= */

/* 1. LISTEN-STRUKTUR (Kompakt mit Seitenabstand) */
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-items {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 20px !important; /* FIX: 20px Abstand links und rechts */
}

/* 2. DAS EINZELNE ELEMENT */
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item {
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid rgba(167, 178, 65, 0.12) !important; 
    transition: all 0.3s ease !important;
}

.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item:last-child {
    border-bottom: none !important;
}

/* 3. DER TEXT-LINK */
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item a,
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item a:link,
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item a:visited,
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item .elementor-icon-list-text {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    padding: 10px 0 !important; /* Etwas mehr Höhe für bessere Klickbarkeit */
    
    font-family: 'Roboto', sans-serif !important;
    color: #123127 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    
    background-color: transparent !important;
    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
    text-decoration: none !important;
    position: relative; /* Wichtig für den Before-Strich */
}

/* 4. DER HOVER-EFFEKT */
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item a:hover {
    color: #a7b241 !important;
    padding-left: 12px !important; /* Versatz nach rechts */
}

/* Der feine Akzent-Strich beim Hover */
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item a::before {
    content: '';
    position: absolute;
    left: -10px; /* Startet leicht links vom Text */
    width: 10px;
    height: 1px;
    background-color: #a7b241 !important;
    opacity: 0;
    transition: all 0.3s ease;
}

.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item a:hover::before {
    opacity: 1;
    left: 0;
}

/* 5. ICONS AUSBLENDEN */
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-icon {
    display: none !important;
}

/* 6. MOBILE ANPASSUNG */
@media (max-width: 767px) {
    .elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item a {
        padding: 14px 0 !important; /* Auf dem Handy etwas höher = besser für Finger */
        font-size: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-b68ab8b *//* =========================================================
   DIOR EDITORIAL LIST - COMPACT (FIXED MARGINS)
   ========================================================= */

/* 1. LISTEN-STRUKTUR (Kompakt mit Seitenabstand) */
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-items {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 20px !important; /* FIX: 20px Abstand links und rechts */
}

/* 2. DAS EINZELNE ELEMENT */
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item {
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid rgba(167, 178, 65, 0.12) !important; 
    transition: all 0.3s ease !important;
}

.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item:last-child {
    border-bottom: none !important;
}

/* 3. DER TEXT-LINK */
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item a,
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item a:link,
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item a:visited,
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item .elementor-icon-list-text {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    padding: 10px 0 !important; /* Etwas mehr Höhe für bessere Klickbarkeit */
    
    font-family: 'Roboto', sans-serif !important;
    color: #123127 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    
    background-color: transparent !important;
    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
    text-decoration: none !important;
    position: relative; /* Wichtig für den Before-Strich */
}

/* 4. DER HOVER-EFFEKT */
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item a:hover {
    color: #a7b241 !important;
    padding-left: 12px !important; /* Versatz nach rechts */
}

/* Der feine Akzent-Strich beim Hover */
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item a::before {
    content: '';
    position: absolute;
    left: -10px; /* Startet leicht links vom Text */
    width: 10px;
    height: 1px;
    background-color: #a7b241 !important;
    opacity: 0;
    transition: all 0.3s ease;
}

.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item a:hover::before {
    opacity: 1;
    left: 0;
}

/* 5. ICONS AUSBLENDEN */
.elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-icon {
    display: none !important;
}

/* 6. MOBILE ANPASSUNG */
@media (max-width: 767px) {
    .elementor-27 .elementor-element.elementor-element-b68ab8b .elementor-icon-list-item a {
        padding: 14px 0 !important; /* Auf dem Handy etwas höher = besser für Finger */
        font-size: 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for mega-menu, class: .elementor-element-3f9be51 *//* =========================================================
   DIOR EDITORIAL NAVIGATION (SAFE RESET + OLIV ACCENT)
   ========================================================= */

/* ---------------------------------------------------------
   DESKTOP ANSICHT (Zentriert & Einzeilig)
   --------------------------------------------------------- */
@media (min-width: 768px) {
    /* Menü zentrieren und Umbruch sicher verhindern */
    .elementor-27 .elementor-element.elementor-element-3f9be51 .e-n-menu {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: center !important;
        width: 100% !important;
    }

    .elementor-27 .elementor-element.elementor-element-3f9be51 .e-n-menu-title-container {
        font-family: 'Roboto', sans-serif !important;
        color: #123127 !important; 
        font-size: 13px !important;
        font-weight: 400 !important;
        text-transform: uppercase !important;
        letter-spacing: 2px !important;
        padding: 10px 12px !important;
        margin: 0 5px !important;
        background-color: transparent !important;
        border-radius: 0 !important;
        transition: all 0.4s ease !important;
        position: relative !important;
        white-space: nowrap !important;
    }
    .elementor-27 .elementor-element.elementor-element-3f9be51 .e-n-menu-title-container::after {
        content: '';
        position: absolute;
        bottom: 0; left: 50%; width: 0; height: 1px;
        background-color: #a7b241 !important; 
        transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
        transform: translateX(-50%);
    }
    .elementor-27 .elementor-element.elementor-element-3f9be51 .e-n-menu-title-container:hover {
        color: #a7b241 !important;
        background-color: transparent !important;
    }
    .elementor-27 .elementor-element.elementor-element-3f9be51 .e-n-menu-title-container:hover::after {
        width: 30px; 
    }
    .elementor-27 .elementor-element.elementor-element-3f9be51 .e-n-menu-item { position: relative !important; }
    .elementor-27 .elementor-element.elementor-element-3f9be51 .e-n-menu-content {
        position: absolute !important;
        top: 100% !important; left: 0 !important;
        transform: translateY(10px) !important;
        width: 280px !important; max-width: 280px !important;
        z-index: 99999 !important;
        background: transparent !important; padding: 0 !important;
        border: none !important; opacity: 0 !important;
        visibility: hidden !important; pointer-events: none !important;
        transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
    }
    .elementor-27 .elementor-element.elementor-element-3f9be51 .e-n-menu-content.e-active {
        opacity: 1 !important; visibility: visible !important;
        pointer-events: auto !important; transform: translateY(0) !important;
        background-color: rgba(255, 255, 255, 0.98) !important;
        backdrop-filter: blur(10px) !important; border-radius: 2px !important;
        box-shadow: 0 20px 50px rgba(18, 49, 39, 0.05) !important;
        border: 1px solid rgba(167, 178, 65, 0.15) !important; padding: 20px !important;
    }
    .elementor-27 .elementor-element.elementor-element-3f9be51 .e-n-menu-content > .e-con {
        background: transparent !important; border: none !important;
        padding: 0 !important; margin: 0 !important;
    }
}

/* ---------------------------------------------------------
   MOBILE ANSICHT (SAUBER, RECHTSBÜNDIG & OLIV AKZENT)
   --------------------------------------------------------- */
@media (max-width: 767px) {
    
    /* 1. BURGER ICON SICHER VERGRÖSSERN */
    .elementor-27 .elementor-element.elementor-element-3f9be51 .e-n-menu-toggle svg {
        width: 34px !important; 
        height: 34px !important;
        fill: #123127 !important; 
        transition: fill 0.3s ease !important;
    }
    .elementor-27 .elementor-element.elementor-element-3f9be51 .e-n-menu-toggle:hover svg,
    .elementor-27 .elementor-element.elementor-element-3f9be51 .e-n-menu-toggle:active svg {
        fill: #a7b241 !important; 
    }

    /* 2. DIE GESAMTE DROPDOWN-BOX */
    .elementor-27 .elementor-element.elementor-element-3f9be51 .e-n-menu-wrapper {
        background-color: #F9FBF9 !important;
        border: 1px solid rgba(167, 178, 65, 0.2) !important; 
        border-bottom: 3px solid #a7b241 !important; 
        box-shadow: 0 15px 40px rgba(18, 49, 39, 0.15) !important; 
        padding: 10px 0 !important;
        border-radius: 0 0 4px 4px !important;
    }

    /* 3. DIE HAUPT-LINKS */
    .elementor-27 .elementor-element.elementor-element-3f9be51 .e-n-menu-title-container {
        font-family: 'Roboto', sans-serif !important;
        color: #123127 !important;
        font-size: 14px !important;
        font-weight: 300 !important;
        text-transform: uppercase !important;
        letter-spacing: 2px !important;
        
        padding: 15px 25px !important; 
        background-color: transparent !important; 
        border-bottom: 1px solid rgba(18, 49, 39, 0.05) !important;
        
        display: flex !important;
        justify-content: flex-end !important;
        text-align: right !important;
        transition: color 0.3s ease !important;
    }

    .elementor-27 .elementor-element.elementor-element-3f9be51 .e-n-menu-item:last-child .e-n-menu-title-container {
        border-bottom: none !important;
    }

    /* 4. HOVER & ACTIVE AUF DEM HANDY */
    .elementor-27 .elementor-element.elementor-element-3f9be51 .e-n-menu-title-container:hover,
    .elementor-27 .elementor-element.elementor-element-3f9be51 .e-n-menu-item.e-active > .e-n-menu-title-container {
        color: #a7b241 !important;
    }

    .elementor-27 .elementor-element.elementor-element-3f9be51 .e-n-menu-title-container svg {
        fill: currentColor !important;
        width: 14px !important;
        height: 14px !important;
        margin-left: 10px !important;
    }

    .elementor-27 .elementor-element.elementor-element-3f9be51 .e-n-menu-item.e-active > .e-n-menu-title-container svg {
        transform: rotate(180deg) !important;
    }

    /* 5. DAS AUFKLAPP-MENÜ INNEN */
    .elementor-27 .elementor-element.elementor-element-3f9be51 .e-n-menu-content {
        background-color: rgba(18, 49, 39, 0.03) !important; 
        box-shadow: inset 0 5px 10px rgba(0,0,0,0.02) !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
    }

    .elementor-27 .elementor-element.elementor-element-3f9be51 .e-n-menu-content .e-con {
        padding: 0 !important;
        margin: 0 !important;
        min-height: auto !important;
    }

    /* 6. DIE ICON-LISTE */
    .elementor-27 .elementor-element.elementor-element-3f9be51 .e-n-menu-content .elementor-icon-list-item a {
        font-family: 'Roboto', sans-serif !important;
        color: #123127 !important;
        font-size: 13px !important;
        font-weight: 300 !important;
        text-transform: uppercase !important;
        letter-spacing: 2px !important;
        
        padding: 12px 45px 12px 20px !important; 
        display: flex !important;
        justify-content: flex-end !important; 
        text-align: right !important;
        
        border-bottom: 1px solid rgba(18, 49, 39, 0.04) !important;
        transition: color 0.3s ease !important;
    }

    .elementor-27 .elementor-element.elementor-element-3f9be51 .e-n-menu-content .elementor-icon-list-item:last-child a {
        border-bottom: none !important;
    }

    .elementor-27 .elementor-element.elementor-element-3f9be51 .e-n-menu-content .elementor-icon-list-item a:hover,
    .elementor-27 .elementor-element.elementor-element-3f9be51 .e-n-menu-content .elementor-icon-list-item a:active {
        color: #a7b241 !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-21ab00e *//* =========================================================
   DIOR SIGNATURE BUTTON (ELEMENTOR-SICHER UPDATE)
   ========================================================= */

.elementor-27 .elementor-element.elementor-element-21ab00e .elementor-button {
    font-family: 'Roboto', sans-serif !important;
    /* Hintergrund transparent für maximale Eleganz im Ruhezustand */
    background-color: transparent !important; 
    color: #123127 !important; /* Dein edles Dunkelgrün */
    
    font-size: 12px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 3px !important; /* Die Dior-Laufweite */
    
    padding: 18px 45px !important; 
    border-radius: 2px !important; /* Magazin-Kante */
    
    /* Feiner Rahmen in Dunkelgrün-Transparent */
    border: 1px solid rgba(18, 49, 39, 0.3) !important;
    box-shadow: none !important; 
    
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
    white-space: nowrap !important;
}

/* HOVER-EFFEKT: Noble Invertierung */
.elementor-27 .elementor-element.elementor-element-21ab00e .elementor-button:hover {
    background-color: #123127 !important; /* Füllt sich mit Dunkelgrün */
    color: #FFFFFF !important;
    border-color: #123127 !important;
    transform: translateY(-3px); /* Sanftes Schweben */
    box-shadow: 0 15px 35px rgba(18, 49, 39, 0.12) !important;
}

/* Fokus-Zustand (Nutzt dein Akzent-Oliv #a7b241) */
.elementor-27 .elementor-element.elementor-element-21ab00e .elementor-button:focus {
    outline: none !important;
    background-color: #a7b241 !important; 
    border-color: #a7b241 !important;
    color: #FFFFFF !important;
}

/* Mobile Optimierung */
@media (max-width: 767px) {
    .elementor-27 .elementor-element.elementor-element-21ab00e .elementor-button {
        padding: 15px 30px !important;
        font-size: 11px !important;
        letter-spacing: 2px !important;
        width: 100%; 
        text-align: center;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-1d2daaf *//* =========================================================
   DIOR SIGNATURE BUTTON - GHOST TO OLIV (ELEMENTOR-SICHER)
   ========================================================= */

.elementor-27 .elementor-element.elementor-element-1d2daaf .elementor-button {
    font-family: 'Roboto', sans-serif !important;
    /* Grundzustand: Durchsichtig & Edel */
    background-color: transparent !important; 
    color: #123127 !important; /* Dunkelgrüner Text für gute Lesbarkeit */
    
    font-size: 12px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 3px !important; /* Die Dior-Laufweite */
    
    padding: 18px 45px !important; 
    border-radius: 2px !important; /* Magazin-Kante */
    
    /* Feiner Rahmen in Oliv-Transparent */
    border: 1px solid rgba(167, 178, 65, 0.5) !important;
    box-shadow: none !important; 
    
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
    white-space: nowrap !important;
}

/* HOVER-EFFEKT: Füllt sich mit Oliv #a7b241 */
.elementor-27 .elementor-element.elementor-element-1d2daaf .elementor-button:hover {
    background-color: #a7b241 !important; 
    color: #FFFFFF !important;
    border-color: #a7b241 !important;
    transform: translateY(-3px) !important; /* Sanftes Schweben */
    box-shadow: 0 15px 35px rgba(167, 178, 65, 0.2) !important;
}

/* Fokus-Zustand */
.elementor-27 .elementor-element.elementor-element-1d2daaf .elementor-button:focus {
    outline: none !important;
    background-color: #a7b241 !important; 
    color: #FFFFFF !important;
}

/* Mobile Optimierung */
@media (max-width: 767px) {
    .elementor-27 .elementor-element.elementor-element-1d2daaf .elementor-button {
        padding: 15px 30px !important;
        font-size: 11px !important;
        letter-spacing: 2px !important;
        width: 100%; 
        text-align: center;
    }
}/* End custom CSS */