/*-------*/
/*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);
});
diese leiten wir derzeit noch auf die Shop-Startseite um…