.elementor-23 .elementor-element.elementor-element-c39c52f{--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;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;--z-index:3;}.elementor-23 .elementor-element.elementor-element-c39c52f:not(.elementor-motion-effects-element-type-background), .elementor-23 .elementor-element.elementor-element-c39c52f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-23 .elementor-element.elementor-element-e99afd8{width:var( --container-widget-width, 25% );max-width:25%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -9px;--container-widget-width:25%;--container-widget-flex-grow:0;text-align:start;}.elementor-23 .elementor-element.elementor-element-e99afd8 img{width:100%;}.elementor-23 .elementor-element.elementor-element-c099746{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;box-shadow:0px 75px 50px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-23 .elementor-element.elementor-element-b2befd6{--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;--align-items:flex-end;border-style:solid;--border-style:solid;border-width:0px 2px 0px 0px;--border-top-width:0px;--border-right-width:2px;--border-bottom-width:0px;--border-left-width:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:12%;--padding-right:16.67%;}.elementor-23 .elementor-element.elementor-element-8287ca8 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-23 .elementor-element.elementor-element-8287ca8 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-23 .elementor-element.elementor-element-8287ca8{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-23 .elementor-element.elementor-element-8287ca8 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-23 .elementor-element.elementor-element-8287ca8 .elementor-icon-list-item > a{font-size:24px;line-height:2.5em;}.elementor-23 .elementor-element.elementor-element-8287ca8 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-9917fcb );}.elementor-23 .elementor-element.elementor-element-8287ca8 .elementor-icon-list-text{transition:color 0.3s;}.elementor-23 .elementor-element.elementor-element-6db89ff{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:120px;}.elementor-23 .elementor-element.elementor-element-e0847fa{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;box-shadow:0px 75px 50px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-23 .elementor-element.elementor-element-1ff21cc{--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;--align-items:flex-end;border-style:solid;--border-style:solid;border-width:0px 2px 0px 0px;--border-top-width:0px;--border-right-width:2px;--border-bottom-width:0px;--border-left-width:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:12%;--padding-right:16.67%;}.elementor-23 .elementor-element.elementor-element-a22f16c .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-23 .elementor-element.elementor-element-a22f16c .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-23 .elementor-element.elementor-element-a22f16c{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-23 .elementor-element.elementor-element-a22f16c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-23 .elementor-element.elementor-element-a22f16c .elementor-icon-list-item > a{font-size:24px;line-height:2.5em;}.elementor-23 .elementor-element.elementor-element-a22f16c .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-9917fcb );}.elementor-23 .elementor-element.elementor-element-a22f16c .elementor-icon-list-text{transition:color 0.3s;}.elementor-23 .elementor-element.elementor-element-631b550{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:120px;}.elementor-23 .elementor-element.elementor-element-14a3153{--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;box-shadow:0px 75px 50px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-23 .elementor-element.elementor-element-009fbe0{--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;--align-items:flex-end;border-style:solid;--border-style:solid;border-width:0px 2px 0px 0px;--border-top-width:0px;--border-right-width:2px;--border-bottom-width:0px;--border-left-width:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:12%;--padding-right:16.67%;}.elementor-23 .elementor-element.elementor-element-ec16f55 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-23 .elementor-element.elementor-element-ec16f55 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-23 .elementor-element.elementor-element-ec16f55{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-23 .elementor-element.elementor-element-ec16f55 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-23 .elementor-element.elementor-element-ec16f55 .elementor-icon-list-item > a{font-size:24px;line-height:2.5em;}.elementor-23 .elementor-element.elementor-element-ec16f55 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-9917fcb );}.elementor-23 .elementor-element.elementor-element-ec16f55 .elementor-icon-list-text{transition:color 0.3s;}.elementor-23 .elementor-element.elementor-element-956f06d{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:120px;}.elementor-23 .elementor-element.elementor-element-5ce42c3{--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;box-shadow:0px 75px 50px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-23 .elementor-element.elementor-element-ae7e13b{--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;--align-items:flex-end;border-style:solid;--border-style:solid;border-width:0px 2px 0px 0px;--border-top-width:0px;--border-right-width:2px;--border-bottom-width:0px;--border-left-width:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:12%;--padding-right:16.67%;}.elementor-23 .elementor-element.elementor-element-af618fa .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-23 .elementor-element.elementor-element-af618fa .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-23 .elementor-element.elementor-element-af618fa{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-23 .elementor-element.elementor-element-af618fa .elementor-icon-list-item > .elementor-icon-list-text, .elementor-23 .elementor-element.elementor-element-af618fa .elementor-icon-list-item > a{font-size:24px;line-height:2.5em;}.elementor-23 .elementor-element.elementor-element-af618fa .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-9917fcb );}.elementor-23 .elementor-element.elementor-element-af618fa .elementor-icon-list-text{transition:color 0.3s;}.elementor-23 .elementor-element.elementor-element-7799cfb{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:120px;}.elementor-23 .elementor-element.elementor-element-f6c69cb{--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;box-shadow:0px 75px 50px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-23 .elementor-element.elementor-element-30757f6{--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;--align-items:flex-end;border-style:solid;--border-style:solid;border-width:0px 2px 0px 0px;--border-top-width:0px;--border-right-width:2px;--border-bottom-width:0px;--border-left-width:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:12%;--padding-right:16.67%;}.elementor-23 .elementor-element.elementor-element-c1aaff6 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-23 .elementor-element.elementor-element-c1aaff6 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-23 .elementor-element.elementor-element-c1aaff6{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-23 .elementor-element.elementor-element-c1aaff6 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-23 .elementor-element.elementor-element-c1aaff6 .elementor-icon-list-item > a{font-size:24px;line-height:2.5em;}.elementor-23 .elementor-element.elementor-element-c1aaff6 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-9917fcb );}.elementor-23 .elementor-element.elementor-element-c1aaff6 .elementor-icon-list-text{transition:color 0.3s;}.elementor-23 .elementor-element.elementor-element-c260ee9{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:120px;}.elementor-23 .elementor-element.elementor-element-28da218{--n-menu-dropdown-content-max-width:initial;--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-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:20px;width:var( --container-widget-width, 50% );max-width:50%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:50%;--container-widget-flex-grow:0;--n-menu-open-animation-duration:0ms;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-font-size:16px;--n-menu-title-color-normal:var( --e-global-color-primary );--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-23 .elementor-element.elementor-element-28da218 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-23 .elementor-element.elementor-element-28da218 > .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-23 .elementor-element.elementor-element-28da218 > .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:"silka", Sans-serif;font-weight:500;}.elementor-23 .elementor-element.elementor-element-28da218 {--n-menu-title-color-hover:var( --e-global-color-accent );--n-menu-title-color-active:var( --e-global-color-primary );}.elementor-23 .elementor-element.elementor-element-d6c217e .elementor-icon-wrapper{text-align:center;}.elementor-23 .elementor-element.elementor-element-d6c217e.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-23 .elementor-element.elementor-element-d6c217e.elementor-view-framed .elementor-icon, .elementor-23 .elementor-element.elementor-element-d6c217e.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-23 .elementor-element.elementor-element-d6c217e.elementor-view-framed .elementor-icon, .elementor-23 .elementor-element.elementor-element-d6c217e.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-23 .elementor-element.elementor-element-337a252 .elementor-button{background-color:var( --e-global-color-9917fcb );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-23 .elementor-element.elementor-element-337a252 .elementor-button:hover, .elementor-23 .elementor-element.elementor-element-337a252 .elementor-button:focus{background-color:var( --e-global-color-aecad2c );}.elementor-23 .elementor-element.elementor-element-337a252{width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;}.elementor-23 .elementor-element.elementor-element-337a252.elementor-element{--order:99999 /* order end hack */;}.elementor-23 .elementor-element.elementor-element-337a252 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-23 .elementor-element.elementor-element-337a252 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-23 .elementor-element.elementor-element-b2befd6{--width:50%;}.elementor-23 .elementor-element.elementor-element-6db89ff{--width:50%;}.elementor-23 .elementor-element.elementor-element-1ff21cc{--width:50%;}.elementor-23 .elementor-element.elementor-element-631b550{--width:50%;}.elementor-23 .elementor-element.elementor-element-009fbe0{--width:50%;}.elementor-23 .elementor-element.elementor-element-956f06d{--width:50%;}.elementor-23 .elementor-element.elementor-element-ae7e13b{--width:50%;}.elementor-23 .elementor-element.elementor-element-7799cfb{--width:50%;}.elementor-23 .elementor-element.elementor-element-30757f6{--width:50%;}.elementor-23 .elementor-element.elementor-element-c260ee9{--width:50%;}}@media(max-width:767px){.elementor-23 .elementor-element.elementor-element-c39c52f{--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-23 .elementor-element.elementor-element-e99afd8{--container-widget-width:50%;--container-widget-flex-grow:0;width:var( --container-widget-width, 50% );max-width:50%;}.elementor-23 .elementor-element.elementor-element-28da218{--container-widget-width:0%;--container-widget-flex-grow:0;width:var( --container-widget-width, 0% );max-width:0%;}.elementor-23 .elementor-element.elementor-element-d6c217e{width:initial;max-width:initial;}.elementor-23 .elementor-element.elementor-element-d6c217e .elementor-icon-wrapper{text-align:start;}.elementor-23 .elementor-element.elementor-element-d6c217e .elementor-icon{font-size:15px;}.elementor-23 .elementor-element.elementor-element-d6c217e .elementor-icon svg{height:15px;}.elementor-23 .elementor-element.elementor-element-337a252{--container-widget-width:25%;--container-widget-flex-grow:0;width:var( --container-widget-width, 25% );max-width:25%;}}/* Start custom CSS for icon, class: .elementor-element-d6c217e *//* ========================================================= */ /* MOBILE-NAV → UNSICHTBARE KLICKFLÄCHE +5px */ /* ========================================================= */ .elementor-23 .elementor-element.elementor-element-d6c217e{ position: relative; /* nötig für absolute Hitbox */ display: inline-flex; align-items: center; justify-content: center; } /* Unsichtbare Erweiterung */ .elementor-23 .elementor-element.elementor-element-d6c217e::before{ content: ""; position: absolute; /* +5px rundherum */ top: -5px; right: -5px; bottom: -5px; left: -5px; background: transparent; z-index: 1; } /* Sicherstellen, dass Icon über Hitbox bleibt */ .elementor-23 .elementor-element.elementor-element-d6c217e *{ position: relative; z-index: 2; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c39c52f *//* CUSTOM CSS (im obersten Header-Container) */ /* ========================================================= */ /* 1) DEFAULT HEADER (DESKTOP) */ /* ========================================================= */ .elementor-23 .elementor-element.elementor-element-c39c52f{ padding: 50px 50px !important; transition: padding .25s ease; } /* Shrink ab 300px */ body.is-scrolled .elementor-23 .elementor-element.elementor-element-c39c52f{ padding: 10px 50px !important; } /* ========================================================= */ /* 2) BUTTON → NUR #center-btn (DESKTOP ab 300px) */ /* ========================================================= */ body.is-scrolled .elementor-23 .elementor-element.elementor-element-c39c52f #center-btn .elementor-button{ padding: 0 !important; width: 42px; height: 42px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; } body.is-scrolled .elementor-23 .elementor-element.elementor-element-c39c52f #center-btn .elementor-button-text{ display: none !important; } body.is-scrolled .elementor-23 .elementor-element.elementor-element-c39c52f #center-btn .elementor-button-icon{ margin: 0 !important; display: inline-flex; align-items: center; justify-content: center; } body.is-scrolled .elementor-23 .elementor-element.elementor-element-c39c52f #center-btn .elementor-button-icon i{ font-size: 18px; } body.is-scrolled .elementor-23 .elementor-element.elementor-element-c39c52f #center-btn .elementor-button-icon svg{ width: 18px; height: 18px; } /* Shrink-Logo NUR für Tablet/Desktop (nicht für Mobile) */ @media (min-width: 768px){ body.is-scrolled .elementor-23 .elementor-element.elementor-element-c39c52f .elementor-widget-theme-site-logo img{ max-height: 32px; width: auto; display: block; } } /* Dropdown-Spalt fix */ body.is-scrolled .elementor-23 .elementor-element.elementor-element-c39c52f .e-n-menu-content.e-active{ top: 100% !important; margin-top: 0 !important; padding-top: 0 !important; transform: translateY(0) !important; } /* ========================================================= */ /* 3) TABLET ≤1024px */ /* ========================================================= */ @media (min-width: 768px) and (max-width: 1024px){ .elementor-23 .elementor-element.elementor-element-c39c52f, .elementor-23 .elementor-element.elementor-element-c39c52f > .e-con-inner{ display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; } /* Logo links */ .elementor-23 .elementor-element.elementor-element-c39c52f .elementor-widget-theme-site-logo{ flex: 0 0 40% !important; max-width: 40% !important; display: flex !important; justify-content: flex-start !important; } /* Nav mittig */ .elementor-23 .elementor-element.elementor-element-c39c52f #nav{ flex: 0 0 20% !important; max-width: 20% !important; display: none !important; justify-content: center !important; } /* Nav sichtbar ab 300px + Schrift 10px */ body.is-scrolled .elementor-23 .elementor-element.elementor-element-c39c52f #nav{ display: flex !important; justify-content: center !important; font-size: 10px !important; } /* Nav Items horizontal */ body.is-scrolled .elementor-23 .elementor-element.elementor-element-c39c52f #nav ul{ display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: center !important; gap: 14px !important; margin: 0 !important; padding: 0 !important; } body.is-scrolled .elementor-23 .elementor-element.elementor-element-c39c52f #nav li{ display: inline-flex !important; margin: 0 !important; } /* Button rechts */ .elementor-23 .elementor-element.elementor-element-c39c52f #center-btn{ flex: 0 0 40% !important; max-width: 40% !important; display: flex !important; justify-content: flex-end !important; } } /* ========================================================= */ /* MOBILE ≤767px – LOGO GRÖSSER + WENIGER WEISS */ /* ========================================================= */ @media (max-width: 767px){ /* Header kompakter */ .elementor-23 .elementor-element.elementor-element-c39c52f{ padding: 10px 18px 10px 18px !important; } body.is-scrolled .elementor-23 .elementor-element.elementor-element-c39c52f{ padding: 10px 18px 10px 18px !important; } /* Layout nebeneinander erzwingen */ .elementor-23 .elementor-element.elementor-element-c39c52f, .elementor-23 .elementor-element.elementor-element-c39c52f > .e-con-inner{ display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; } /* Nav immer aus */ .elementor-23 .elementor-element.elementor-element-c39c52f #nav, body.is-scrolled .elementor-23 .elementor-element.elementor-element-c39c52f #nav{ display: none !important; } /* Button rechts */ .elementor-23 .elementor-element.elementor-element-c39c52f #center-btn{ margin-left: auto !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; } /* Button immer rund */ .elementor-23 .elementor-element.elementor-element-c39c52f #center-btn .elementor-button{ padding: 0 !important; width: 42px; height: 42px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; } .elementor-23 .elementor-element.elementor-element-c39c52f #center-btn .elementor-button-text{ display: none !important; } .elementor-23 .elementor-element.elementor-element-c39c52f #center-btn .elementor-button-icon{ margin: 0 !important; display: inline-flex; align-items: center; justify-content: center; } } @media (max-width: 767px){ /* Icon-Größe stabil – nur Mobile */ .elementor-23 .elementor-element.elementor-element-c39c52f #center-btn .elementor-button-icon i{ font-size: 18px !important; } .elementor-23 .elementor-element.elementor-element-c39c52f #center-btn .elementor-button-icon svg{ width: 18px !important; height: 18px !important; } } /* ========================================================= */ /* MOBILE: #mobile-nav links neben #center-btn (5px Abstand) */ /* ========================================================= */ #mobile-nav{ display: none; } /* überall verstecken */ @media (max-width: 767px){ /* Mobile Icon anzeigen + vertikal mittig */ .elementor-23 .elementor-element.elementor-element-c39c52f #mobile-nav{ display: inline-flex !important; align-items: center !important; justify-content: center !important; } /* Beide rechts "gruppieren": #mobile-nav schiebt sich nach rechts, #center-btn kommt direkt danach */ .elementor-23 .elementor-element.elementor-element-c39c52f #mobile-nav{ margin-left: auto !important; /* schiebt den Block nach rechts */ margin-right: -5% !important; /* Abstand zum Button */ order: 98 !important; } .elementor-23 .elementor-element.elementor-element-c39c52f #center-btn{ margin-left: 0 !important; /* wichtig: nicht mehr auto! */ order: 99 !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; } /* Icon im Widget sauber zentrieren (falls es ein Elementor Icon Widget ist) */ .elementor-23 .elementor-element.elementor-element-c39c52f #mobile-nav .elementor-icon, .elementor-23 .elementor-element.elementor-element-c39c52f #mobile-nav i, .elementor-23 .elementor-element.elementor-element-c39c52f #mobile-nav svg{ display: inline-flex !important; align-items: center !important; justify-content: center !important; } } 🧠 Warum das klickbar bleibt ::before gehört zum gleichen DOM-Element Kein eigenes Element → kein Pointer-Break Klickfläche = Text + Icon zusammen Optional Feinschliff Falls vertikal minimal off: .elementor-23 .elementor-element.elementor-element-c39c52f #mobile-nav::before{ position: relative; top: 1px; } Oder wenn du es exakt Button-aligned willst: .elementor-23 .elementor-element.elementor-element-c39c52f #mobile-nav{ height: 42px; } Ergebnis Mobile MENÜ [icon] [center-btn] 12 px Weight 600 0.1 em Tracking Uppercase Klickbar Wenn du willst, kann ich dir noch: “MENÜ” → “SCHLIESSEN” bei geöffnetem Offcanvas Icon Rotation + Text Swap Slide-in Label Animation direkt auf deinem jetzigen Setup aufbauen 👌/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'silka'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://www.burger-edelmetalle.de/wp-content/uploads/2026/01/silka-regular-webfont.eot'); src: url('https://www.burger-edelmetalle.de/wp-content/uploads/2026/01/silka-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.burger-edelmetalle.de/wp-content/uploads/2026/01/silka-regular-webfont.woff2') format('woff2'), url('https://www.burger-edelmetalle.de/wp-content/uploads/2026/01/silka-regular-webfont.woff') format('woff'), url('https://www.burger-edelmetalle.de/wp-content/uploads/2026/01/silka-regular-webfont.ttf') format('truetype'); } @font-face { font-family: 'silka'; font-style: normal; font-weight: bold; font-display: auto; src: url('https://www.burger-edelmetalle.de/wp-content/uploads/2026/01/silka-bold-webfont.eot'); src: url('https://www.burger-edelmetalle.de/wp-content/uploads/2026/01/silka-bold-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.burger-edelmetalle.de/wp-content/uploads/2026/01/silka-bold-webfont.woff2') format('woff2'), url('https://www.burger-edelmetalle.de/wp-content/uploads/2026/01/silka-bold-webfont.woff') format('woff'), url('https://www.burger-edelmetalle.de/wp-content/uploads/2026/01/silka-bold-webfont.ttf') format('truetype'); } @font-face { font-family: 'silka'; font-style: normal; font-weight: 600; font-display: auto; src: url('https://www.burger-edelmetalle.de/wp-content/uploads/2026/01/silka-semibold-webfont.eot'); src: url('https://www.burger-edelmetalle.de/wp-content/uploads/2026/01/silka-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.burger-edelmetalle.de/wp-content/uploads/2026/01/silka-semibold-webfont.woff2') format('woff2'), url('https://www.burger-edelmetalle.de/wp-content/uploads/2026/01/silka-semibold-webfont.woff') format('woff'), url('https://www.burger-edelmetalle.de/wp-content/uploads/2026/01/silka-semibold-webfont.ttf') format('truetype'); } @font-face { font-family: 'silka'; font-style: normal; font-weight: 500; font-display: auto; src: url('https://www.burger-edelmetalle.de/wp-content/uploads/2026/01/silka-medium-webfont.eot'); src: url('https://www.burger-edelmetalle.de/wp-content/uploads/2026/01/silka-medium-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.burger-edelmetalle.de/wp-content/uploads/2026/01/silka-medium-webfont.woff2') format('woff2'), url('https://www.burger-edelmetalle.de/wp-content/uploads/2026/01/silka-medium-webfont.woff') format('woff'), url('https://www.burger-edelmetalle.de/wp-content/uploads/2026/01/silka-medium-webfont.ttf') format('truetype'); } /* End Custom Fonts CSS */