/* Автономный фикс мобильного меню (независим от JS Elementor). */ /* Поиск отключён: скрываем виджеты и строку поиска на всех страницах. */ .elementor-widget-search-form, .elementor-search-form, form[role="search"], search[role="search"] { display: none !important; } /* Firmenlogo (Kopfbereich): feste Höhe, damit das breite PNG sauber sitzt. */ .elementor-widget-theme-site-logo img, .elementor-widget-theme-site-logo .elementor-image img, .site-logo img { height: 82px !important; width: auto !important; max-width: 100% !important; object-fit: contain; } @media (max-width: 1024px) { .elementor-widget-theme-site-logo img, .elementor-widget-theme-site-logo .elementor-image img, .site-logo img { height: 58px !important; } } @media (max-width: 1024px) { /* Прячем горизонтальное десктопное меню в бургер-виджете */ .elementor-nav-menu--dropdown-mobile > .elementor-widget-container > .elementor-nav-menu--main, .elementor-nav-menu--dropdown-mobile .elementor-nav-menu--main { display: none !important; } /* Показываем кнопку-бургер */ .elementor-nav-menu--dropdown-mobile .elementor-menu-toggle { display: inline-flex !important; align-items: center; justify-content: center; cursor: pointer; font-size: 34px; line-height: 1; color: #ffffff; padding: 6px; } /* Иконки бургера: по умолчанию — открыть, при открытии — крестик */ .elementor-menu-toggle .elementor-menu-toggle__icon--close { display: none; } .elementor-menu-toggle.mobile-menu-open .elementor-menu-toggle__icon--open { display: none; } .elementor-menu-toggle.mobile-menu-open .elementor-menu-toggle__icon--close { display: inline-block; } } /* Мобильное выпадающее меню, вынесенное в — всегда во всю ширину экрана. */ .mm-portal { display: none; position: fixed; left: 0; right: 0; width: 100vw; max-width: none !important; margin: 0; padding: 0; z-index: 100000; background: #ffffff; max-height: 85vh; overflow-y: auto; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25); transform: none !important; } .mm-portal[aria-hidden="false"] { display: block; } .mm-portal ul { list-style: none; margin: 0; padding: 0; width: 100%; } /* Пункты меню */ .mm-portal .elementor-item, .mm-portal .elementor-sub-item { display: block; text-decoration: none; white-space: nowrap; } .mm-portal .elementor-item { padding: 16px 24px; color: #0f1c2e; font-weight: 600; text-transform: uppercase; font-size: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .mm-portal .elementor-sub-item { padding: 14px 24px 14px 44px; color: #444444; font-weight: 500; font-size: 14px; text-transform: none; border-bottom: 1px solid rgba(0, 0, 0, 0.06); } /* Подменю свёрнуты, раскрываются по тапу на родительский пункт */ .mm-portal .sub-menu { display: none !important; position: static !important; background: #f4f5f7; } .mm-portal li.mm-open > .sub-menu { display: block !important; } /* Стрелка у пунктов с подменю */ .mm-portal .menu-item-has-children > .elementor-item { position: relative; } .mm-portal .menu-item-has-children > .elementor-item::after { content: ""; position: absolute; right: 24px; top: 50%; width: 8px; height: 8px; border-right: 2px solid #0f1c2e; border-bottom: 2px solid #0f1c2e; transform: translateY(-70%) rotate(45deg); transition: transform 0.2s ease; } .mm-portal li.mm-open > .elementor-item::after { transform: translateY(-30%) rotate(-135deg); } /* Sprachumschalter (DE/EN) nur auf der Startseite anzeigen, auf allen anderen Seiten ausblenden. */ body:not(.home) .elementor-element-32d056b { display: none !important; } /* ==== Desktop: Untermenü beim Hover über den Hauptpunkt (z. B. LOGISTICS) ==== Der Elementor-JS für das Dropdown fehlt in der Kopie, daher rein per CSS. */ @media (min-width: 1025px) { .elementor-nav-menu--main .menu-item-has-children { position: relative; } .elementor-nav-menu--main .menu-item-has-children > .sub-menu { display: block !important; position: absolute !important; top: calc(100% + 20px); left: 0; min-width: 232px; margin: 0; padding: 10px 8px; list-style: none; background: #ffffff !important; border: 1px solid rgba(15, 28, 46, 0.07); border-radius: 12px; box-shadow: 0 20px 46px rgba(15, 28, 46, 0.18), 0 4px 12px rgba(15, 28, 46, 0.08); opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease; z-index: 10000; } /* Unsichtbare Brücke über die Lücke, damit der Hover nicht abbricht */ .elementor-nav-menu--main .menu-item-has-children > .sub-menu::before { content: ""; position: absolute; top: -22px; left: 0; right: 0; height: 22px; background: transparent; } /* Rechtsbündige Menüs (z. B. Login): Untermenü am rechten Rand ausrichten, damit es nicht über den Viewport hinausragt. */ .elementor-nav-menu__align-end .menu-item-has-children > .sub-menu { left: auto; right: 0; } .elementor-nav-menu--main .menu-item-has-children:hover > .sub-menu, .elementor-nav-menu--main .menu-item-has-children:focus-within > .sub-menu, .elementor-nav-menu--main .menu-item-has-children.mm-hover > .sub-menu { opacity: 1 !important; visibility: visible !important; transform: translateY(0); } .elementor-nav-menu--main .sub-menu li { margin: 0; } .elementor-nav-menu--main .sub-menu .elementor-sub-item { display: block; padding: 11px 20px !important; margin: 2px 6px; border-radius: 8px; white-space: nowrap; text-align: center; color: #16233a !important; font-weight: 600 !important; font-size: 13.5px !important; letter-spacing: 0.04em; line-height: 1.2; text-decoration: none; transition: background 0.16s ease, color 0.16s ease; } .elementor-nav-menu--main .sub-menu .elementor-sub-item:hover, .elementor-nav-menu--main .sub-menu .elementor-sub-item:focus { background: #f4f5f7 !important; color: #fc0003 !important; } /* ==== Hauptmenü (LOGISTICS): Untermenü mittig unter dem Menüpunkt ==== Das Hauptmenü trägt zwar die Klasse "align-end", das Untermenü soll hier aber zentriert unter dem Elternpunkt erscheinen. */ .elementor-widget-nav-menu.elementor-nav-menu--dropdown-mobile .menu-item-has-children > .sub-menu.elementor-nav-menu--dropdown, .elementor-widget-nav-menu.login .menu-item-has-children > .sub-menu.elementor-nav-menu--dropdown { top: calc(100% + 12px) !important; left: 50% !important; right: auto !important; width: max-content !important; max-width: 320px !important; transform: translateX(-50%) translateY(8px) !important; } .elementor-widget-nav-menu.elementor-nav-menu--dropdown-mobile .menu-item-has-children:hover > .sub-menu.elementor-nav-menu--dropdown, .elementor-widget-nav-menu.elementor-nav-menu--dropdown-mobile .menu-item-has-children:focus-within > .sub-menu.elementor-nav-menu--dropdown, .elementor-widget-nav-menu.elementor-nav-menu--dropdown-mobile .menu-item-has-children.mm-hover > .sub-menu.elementor-nav-menu--dropdown, .elementor-widget-nav-menu.login .menu-item-has-children:hover > .sub-menu.elementor-nav-menu--dropdown, .elementor-widget-nav-menu.login .menu-item-has-children:focus-within > .sub-menu.elementor-nav-menu--dropdown, .elementor-widget-nav-menu.login .menu-item-has-children.mm-hover > .sub-menu.elementor-nav-menu--dropdown { transform: translateX(-50%) translateY(0) !important; } /* ==== Roten „Pointer"/Unterstrich des Themes am Punkt entfernen ==== Das Theme rendert an ::before/::after einen roten Balken (aktiver/heißer Punkt). Für den Punkt mit Untermenü blenden wir ihn aus. */ .elementor-nav-menu--dropdown-mobile .menu-item-has-children > .elementor-item::before, .elementor-nav-menu--dropdown-mobile .menu-item-has-children > .elementor-item::after, .elementor-widget-nav-menu.login .menu-item-has-children > .elementor-item::before, .elementor-widget-nav-menu.login .menu-item-has-children > .elementor-item::after { background: transparent !important; background-color: transparent !important; border: 0 !important; content: none !important; } /* ==== Dropdown-Indikator (Pfeil) neben LOGISTICS/LOGIN — als SVG-Hintergrund, damit er nicht mit ::after des Themes kollidiert. ==== */ .elementor-widget-nav-menu.elementor-nav-menu--dropdown-mobile .menu-item-has-children > .elementor-item, .elementor-widget-nav-menu.login .menu-item-has-children > .elementor-item { padding-right: 13px !important; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath d='M1 1l3 3 3-3' fill='none' stroke='%23ffffff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right center; background-size: 8px 6px; } } /* ==== Mehr Abstand zwischen Teaser-Text und "Mehr erfahren"-Button (Artikel-Grid auf der Startseite). Der Button-Link ist display:inline, daher wirkt hier nur Abstand am Block-Container bzw. am Excerpt. ==== */ .anwp-pg-post-teaser .anwp-pg-read-more { padding-top: 3rem !important; } .anwp-pg-post-teaser .anwp-pg-post-teaser__excerpt { margin-bottom: 0 !important; } /* ==== Titel im Artikel-Grid immer auf 2 Zeilen Höhe reservieren und bei mehr als 2 Zeilen abschneiden. So starten Datum und Excerpt in allen Karten auf gleicher Höhe, unabhängig von der Titellänge. ==== */ .anwp-pg-post-teaser .anwp-pg-post-teaser__title { min-height: 44px !important; } .anwp-pg-post-teaser .anwp-pg-post-teaser__title > a { display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; } /* ==== Kopf-Navigation: alle Menuepunkte (inkl. Tracking) in einer Zeile halten, indem Abstaende/Schrift etwas kompakter werden. ==== */ .elementor-element-e7b009b .elementor-nav-menu--main .elementor-nav-menu { flex-wrap: nowrap !important; } .elementor-element-e7b009b .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item { padding-left: 6px !important; padding-right: 6px !important; font-size: 14px !important; white-space: nowrap !important; } /* Punkt mit Untermenue (Logistics) braucht rechts Platz fuer den Pfeil, sonst ueberlappt der Pfeil den Text. Hoehere Spezifitaet als die Regel oben. */ .elementor-element-e7b009b .elementor-nav-menu--main .elementor-nav-menu > li.menu-item-has-children > a.elementor-item { padding-right: 16px !important; }