/*-------*/ /*Allgemein*/ /*Button Text horizontal ausrichten*/ .elementor-button-text{ margin-top: 3px !important; } /* der Button bekommt beim Hovern eine outline*/ .elementor-button{ outline: 2px solid transparent; } .elementor-button:hover{ outline: 2px solid white; } /*Schriftfamilie Nexa für Menü, Nummernzähler und Button einbinden*/ .elementor-counter-number, .elementor-nav-menu li, .elementor-button-text{ font-family: 'Nexa W01'; font-weight: bold !important; } /*Ankerpunkte-Überschriften werden nicht von sticky-header überlappt*/ body:not(.elementor-editor-active) .elementor-widget-menu-anchor { position: relative; z-index: -1; } body:not(.elementor-editor-active) .elementor-menu-anchor:before { content: ""; display: block; height: 150px; margin: -100px 0 0; visibility: hidden; } /*-------*/ /*-------*/ /*Hauptmenü*/ /* Die Menüpunkte bekommen einen schwarzen Hintergrund*/ .elementor-nav-menu--main .elementor-item{ background-color: #191919; } /* Die Menüpunkte bekommen beim Hovern einen rosa Hintergrund und eine outline*/ .elementor-nav-menu--main .elementor-item:hover, .elementor-item-active{ background-color: #fa2da0 !important; outline: 2px solid white; } /*Hier wird der Header sticky.*/ /*mobile header*/ .elementor-503 .elementor-element.elementor-element-5cfe5bd{ position: fixed !important; top: 0 !important; width: 100% !important; } /*desktop/tablet header*/ .elementor-503 .elementor-element.elementor-element-8b0d15d{ position: fixed !important; top: 0 !important; width: 100% !important; } /* Hier bekommen die Social Media Toggle Buttons eine outline*/ /*mobile*/ .elementor-503 .elementor-element.elementor-element-5c1df052 .elementor-social-icon{ outline: 2px solid transparent; } .elementor-503 .elementor-element.elementor-element-5c1df052 .elementor-social-icon:hover{ outline: 2px solid white; } /*desktop*/ .elementor-503 .elementor-element.elementor-element-5bfc452 .elementor-social-icon{ outline: 2px solid transparent; } .elementor-503 .elementor-element.elementor-element-5bfc452 .elementor-social-icon:hover{ outline: 2px solid white; } /* Hier bekommt der mobile Toggle Button eine outline*/ .elementor-menu-toggle:hover{ outline: 2px solid white; } /*Hier werden die Abstände der Toggl Buttons im mobilen Menü angepasst*/ @media only screen and (max-width: 500px) { .elementor-social-icon-instagram{ margin-left: 50px !important; } } @media only screen and (max-width: 500px) { .elementor-social-icon-facebook-f{ margin-left: -31px !important; } } @media only screen and (max-width: 500px) { .elementor-503 .elementor-element.elementor-element-756c54d .elementor-menu-toggle{ margin-left: -60px !important; } } @media only screen and (max-width: 410px) { .elementor-social-icon-facebook-f{ margin-left: -25px !important; } } @media only screen and (max-width: 475px) { .elementor-social-icon-facebook-f{ margin-left: -20px !important; } } @media only screen and (max-width: 320px) { .elementor-social-icon-instagram{ margin-left: 10px !important; } } @media only screen and (max-width: 320px) { .elementor-social-icon-facebook-f{ margin-left: -20px !important; } } @media only screen and (max-width: 320px) { .elementor-503 .elementor-element.elementor-element-756c54d .elementor-menu-toggle{ margin-left: -44px !important; } } /*-------*/ /*-------*/ /*Footer*/ /*Die Menüpunkte bekommen einen transparenten Hintergrund*/ .elementor-503 .elementor-element.elementor-element-5853f6b3 .elementor-nav-menu--main .elementor-item{ background-color: transparent; outline: 2px solid transparent; } .elementor-503 .elementor-element.elementor-element-5853f6b3 .elementor-nav-menu--main .elementor-item:hover{ background-color: transparent !important; color: #191919; } /*Häng di eine ausrichten*/ .elementor-503 .elementor-element.elementor-element-9196588 .elementor-heading-title{ margin-top: 10px; } /*-------*/ /*-------*/ /*Akkordion*/ /*Das Akkordion bekommt einen box shadow und der Standard-Rahmen kommt weg*/ .elementor-accordion .elementor-accordion-item{ box-shadow: 3px 3px 14px -8px rgba(112,112,112,0.87); border: transparent; } /*Die einzelnen Akkordeon-Tabs bekommen mehr Abstand zueinander*/ .elementor-accordion .elementor-tab-title{ margin-bottom: 10px; } /* Beim Aufklappen ist der Rahmen weg und der Box Shadow da*/ .elementor-accordion .elementor-tab-content{ border-color: transparent; box-shadow: 3px 3px 14px -8px rgb(112 112 112 / 87%); } /*Beim Hovern wird der Titel rosa*/ .elementor-widget-accordion .elementor-accordion-icon, .elementor-widget-accordion .elementor-accordion-title:hover{ color: #fa0da2 !important; } /*-------*/ /*-------*/ /*Halle/Galerie*/ /*Das aktive Filter-Element bekommt beim Hovern keine Outline*/ .elementor-503 .elementor-element.elementor-element-cf4e931 .eael-filter-gallery-control ul > li.control.active:hover{ outline: 2px solid transparent; } /*Das Filter-Element bekommt beim Hovern eine Outline und der Hintergrund wird rosa*/ .eael-filter-gallery-control ul > li.control:hover{ outline: 3px solid white; background-color: #fa0da2 !important; } /*Die Filter Elemente sind in lowercase geschrieben und die font size ist 16px*/ .eael-filter-gallery-control ul > li.control{ text-transform: lowercase !important; letter-spacing: 0 !important; font-size: 16px; } /*Ausnahme: der erste Buchstabe ist groß geschrieben*/ .eael-filter-gallery-control ul > li.control:first-letter{ text-transform: uppercase !important; } /*---------*/ /*Akkordeon ist standardmäßig gschlossen*/ jQuery(document).ready(function($) { var delay = 100; setTimeout(function() { $('.elementor-tab-title').removeClass('elementor-active'); $('.elementor-tab-content').css('display', 'none'); }, delay); });