.elementor-3631 .elementor-element.elementor-element-bc8b8fb{--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;--padding-top:4%;--padding-bottom:4%;--padding-left:0%;--padding-right:0%;}.elementor-3631 .elementor-element.elementor-element-bc8b8fb:not(.elementor-motion-effects-element-type-background), .elementor-3631 .elementor-element.elementor-element-bc8b8fb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#013A4700;}.elementor-3631 .elementor-element.elementor-element-859281c{--display:flex;--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-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-3631 .elementor-element.elementor-element-5bfd07d > .elementor-widget-container{margin:0% 0% 0% 3%;}.elementor-3631 .elementor-element.elementor-element-5bfd07d .elementor-icon-wrapper{text-align:start;}.elementor-3631 .elementor-element.elementor-element-5bfd07d.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-28993be );}.elementor-3631 .elementor-element.elementor-element-5bfd07d.elementor-view-framed .elementor-icon, .elementor-3631 .elementor-element.elementor-element-5bfd07d.elementor-view-default .elementor-icon{color:var( --e-global-color-28993be );border-color:var( --e-global-color-28993be );}.elementor-3631 .elementor-element.elementor-element-5bfd07d.elementor-view-framed .elementor-icon, .elementor-3631 .elementor-element.elementor-element-5bfd07d.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-28993be );}.elementor-3631 .elementor-element.elementor-element-5bfd07d.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-28993be );}.elementor-3631 .elementor-element.elementor-element-5bfd07d.elementor-view-framed .elementor-icon:hover, .elementor-3631 .elementor-element.elementor-element-5bfd07d.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-28993be );border-color:var( --e-global-color-28993be );}.elementor-3631 .elementor-element.elementor-element-5bfd07d.elementor-view-framed .elementor-icon:hover, .elementor-3631 .elementor-element.elementor-element-5bfd07d.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-28993be );}.elementor-3631 .elementor-element.elementor-element-5bfd07d .elementor-icon{font-size:48px;}.elementor-3631 .elementor-element.elementor-element-5bfd07d .elementor-icon svg{height:48px;}.elementor-3631 .elementor-element.elementor-element-5bfd07d .elementor-icon i, .elementor-3631 .elementor-element.elementor-element-5bfd07d .elementor-icon svg{transform:rotate(0deg);}.elementor-widget-mega-menu > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .elementor-widget-container > .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 > .elementor-widget-container > .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 ), Helvetica;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-3631 .elementor-element.elementor-element-3e38212{--display:flex;}.elementor-3631 .elementor-element.elementor-element-e975919{--display:flex;}.elementor-3631 .elementor-element.elementor-element-d328e49{--display:flex;}.elementor-3631 .elementor-element.elementor-element-008eceb{--display:flex;}.elementor-3631 .elementor-element.elementor-element-83661b9{--display:flex;}.elementor-3631 .elementor-element.elementor-element-91411ce{--display:flex;}.elementor-3631 .elementor-element.elementor-element-a757f58{--n-menu-dropdown-content-max-width:initial;--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-font-size:60px;--n-menu-title-color-normal:var( --e-global-color-28993be );--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-3631 .elementor-element.elementor-element-a757f58 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3631 .elementor-element.elementor-element-a757f58 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-3631 .elementor-element.elementor-element-a757f58 > .elementor-widget-container > .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-3631 .elementor-element.elementor-element-a757f58 > .elementor-widget-container > .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:"RobotoCondensed", Helvetica;text-transform:uppercase;}.elementor-3631 .elementor-element.elementor-element-a757f58 {--n-menu-title-color-hover:var( --e-global-color-28993be );--n-menu-title-color-active:var( --e-global-color-28993be );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Helvetica;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-3631 .elementor-element.elementor-element-aeec7fb{--divider-border-style:solid;--divider-color:var( --e-global-color-28993be );--divider-border-width:5px;}.elementor-3631 .elementor-element.elementor-element-aeec7fb > .elementor-widget-container{margin:0% 0% 0% -20%;}.elementor-3631 .elementor-element.elementor-element-aeec7fb .elementor-divider-separator{width:64%;}.elementor-3631 .elementor-element.elementor-element-aeec7fb .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-3631 .elementor-element.elementor-element-9f4120c{--grid-template-columns:repeat(0, auto);--icon-size:55px;--grid-column-gap:21px;--grid-row-gap:0px;}.elementor-3631 .elementor-element.elementor-element-9f4120c .elementor-widget-container{text-align:left;}.elementor-3631 .elementor-element.elementor-element-9f4120c > .elementor-widget-container{margin:18px 18px 18px 18px;}.elementor-3631 .elementor-element.elementor-element-9f4120c .elementor-social-icon{background-color:var( --e-global-color-text );--icon-padding:0em;}.elementor-3631 .elementor-element.elementor-element-9f4120c .elementor-social-icon i{color:var( --e-global-color-28993be );}.elementor-3631 .elementor-element.elementor-element-9f4120c .elementor-social-icon svg{fill:var( --e-global-color-28993be );}#elementor-popup-modal-3631 .dialog-widget-content{animation-duration:1.2s;background-color:var( --e-global-color-text );background-image:url("https://schoenewelt-design.de/wp-content/uploads/2026/07/SWD_BG_Menu.png");background-position:bottom center;background-repeat:no-repeat;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-3631 .dialog-message{width:100em;height:100vh;align-items:flex-start;}#elementor-popup-modal-3631{justify-content:flex-start;align-items:flex-start;}#elementor-popup-modal-3631 .dialog-close-button{display:flex;}#elementor-popup-modal-3631 .dialog-close-button i{color:var( --e-global-color-text );}#elementor-popup-modal-3631 .dialog-close-button svg{fill:var( --e-global-color-text );}#elementor-popup-modal-3631 .dialog-close-button:hover i{color:var( --e-global-color-text );}@media(min-width:768px){.elementor-3631 .elementor-element.elementor-element-bc8b8fb{--content-width:1350px;}.elementor-3631 .elementor-element.elementor-element-859281c{--width:60%;}}@media(max-width:1024px){.elementor-3631 .elementor-element.elementor-element-bc8b8fb{--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-3631 .elementor-element.elementor-element-859281c{--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-3631 .elementor-element.elementor-element-a757f58{--n-menu-title-font-size:50px;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-weight );}}@media(max-width:767px){.elementor-3631 .elementor-element.elementor-element-a757f58{--n-menu-heading-justify-content:initial;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:initial;--n-menu-title-distance-from-content:0px;--n-menu-title-space-between:0px;--n-menu-title-font-size:28px;}.elementor-3631 .elementor-element.elementor-element-a757f58 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-3631 .elementor-element.elementor-element-a757f58 > .elementor-widget-container > .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-3631 .elementor-element.elementor-element-a757f58 > .elementor-widget-container > .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{--n-menu-title-line-height:1;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-weight );}.elementor-3631 .elementor-element.elementor-element-aeec7fb > .elementor-widget-container{margin:0px 0px 0px -50px;}.elementor-3631 .elementor-element.elementor-element-aeec7fb .elementor-divider-separator{width:65%;}}/* Start custom CSS for mega-menu, class: .elementor-element-a757f58 *//* ==========================================
   Lokale Schrift laden
   ========================================== */

@font-face {
    font-family: "Cormorant Garamond";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("https://schoenewelt-design.de/wp-content/uploads/2026/07/CormorantGaramond-VariableFont_wght.ttf") format("truetype");
}


/* ==========================================
   Desktop Menü - 2 Spalten Layout
   ========================================== */

@media (min-width: 1025px) {

    /* ======================================
       Menü Grid Aufbau
       ====================================== */

    .menu-3col .e-n-menu-heading {
        display: grid !important;

        grid-template-columns: 1fr 1fr !important;
        grid-template-rows: repeat(3, auto);

        column-gap: 80px;
        row-gap: 0px;

        width: 100%;
    }


    /* ======================================
       Linke Spalte
       ====================================== */

    /* Home */
    .menu-3col .e-n-menu-item:nth-child(1) {
        grid-column: 1;
        grid-row: 1;
    }

    /* Leistungen */
    .menu-3col .e-n-menu-item:nth-child(2) {
        grid-column: 1;
        grid-row: 2;
    }

    /* Schönes */
    .menu-3col .e-n-menu-item:nth-child(3) {
        grid-column: 1;
        grid-row: 3;
    }


    /* ======================================
       Rechte Spalte
       ====================================== */

    /* Das sind wir */
    .menu-3col .e-n-menu-item:nth-child(4) {
        grid-column: 2;
        grid-row: 1;
    }

    /* Jobs */
    .menu-3col .e-n-menu-item:nth-child(5) {
        grid-column: 2;
        grid-row: 2;
    }

    /* Kontakt */
    .menu-3col .e-n-menu-item:nth-child(6) {
        grid-column: 2;
        grid-row: 3;
    }


    /* ======================================
       Spezielle Typografie
       "Schönes"
       ====================================== */

    .menu-3col .e-n-menu-item:nth-child(3) .e-n-menu-title-text {
        font-family: "Cormorant Garamond" !important;
        font-weight: 700 !important;
        letter-spacing: -3px !important;
        color: #FFFFFF !important;
    }


    /* ======================================
       Hover Linie Basis
       ====================================== */

    .menu-3col .e-n-menu-title-text {
        position: relative;
        display: inline-block;
    }


    /* ======================================
       Elegante Hover Animation
       ====================================== */

    .menu-3col .e-n-menu-title-text::after {
        content: "";

        position: absolute;

        left: 0;
        bottom: -8px;

        width: 100%;
        height: 3px;

        background-color: #FFFFFF;

        transform: scaleX(0);
        transform-origin: left center;

        transition: transform 0.55s cubic-bezier(0.16, 1, 0.3, 1);
    }


    .menu-3col .e-n-menu-item:hover .e-n-menu-title-text::after {
        transform: scaleX(1);
    }

}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'RobotoCondensed';
	font-display: auto;
	src: url('https://schoenewelt-design.de/wp-content/uploads/2026/07/RobotoCondensed-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */