.elementor-kit-6{--e-global-color-primary:#ADADAD;--e-global-color-secondary:#ADADAD;--e-global-color-text:#ADADAD;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Inter variable font";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Inter variable font";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter variable font";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter variable font";--e-global-typography-accent-font-weight:500;color:#ADADAD;font-family:"Inter variable font", Sans-serif;font-size:14px;font-weight:500;font-stretch:0%;letter-spacing:1.1px;word-spacing:0px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 h1{color:#ADADAD;font-family:"Inter variable font", Sans-serif;font-size:14px;font-weight:600;}.elementor-kit-6 h2{color:#ADADAD;}.elementor-kit-6 h3{color:#ADADAD;}.elementor-kit-6 h4{color:#ADADAD;}.elementor-kit-6 h5{color:#ADADAD;}.elementor-kit-6 h6{color:#ADADAD;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-lightbox{background-color:#FFFFFF;--lightbox-ui-color:#7A7A7A;--lightbox-ui-color-hover:#000000;--lightbox-text-color:#ADADAD;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* Zwingt alle Lightbox-Elemente und deren verschachtelte Kind-Elemente auf Regular */
.elementor-lightbox .elementor-lightbox-image-title,
.elementor-lightbox .elementor-lightbox-image-title *,
.elementor-lightbox .elementor-lightbox-image-description,
.elementor-lightbox .elementor-lightbox-image-description *,
.elementor-lightbox .elementor-lightbox-slideshow-counter,
.elementor-lightbox .elementor-lightbox-slideshow-counter * {
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    font-style: normal !important;
    -webkit-font-smoothing: antialiased;
}

/* Entfernt den standardmäßigen Schatten um die Bilder in der Elementor-Lightbox */
.elementor-lightbox .elementor-lightbox-image {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

 /* Vernichtet JEDEN grauen Hover-Hintergrund auf Interaktions-Elementen */
button:hover,
button:focus,
button[aria-selected="true"],
.e-atomic-element:hover,
.e-tab-base:hover,
[data-e-type="e-tab"]:hover {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* 1. GRUNDZUSTAND: Alle Tab-Texte sind standardmäßig schlank */
.e-tab-base .e-paragraph-base,
.e-tab-base .e-paragraph,
.e-tab-base span,
.e-tab-base button {
    font-weight: 400 !important;
}

/* 2. HOVER: Beim Drüberfahren wird NUR der Text des jeweiligen Tabs optisch dicker */
.e-tab-base:hover .e-paragraph-base,
.e-tab-base:hover .e-paragraph,
.e-tab-base:hover span {
    font-weight: 400 !important; /* Gewicht bleibt konstant -> keine Breitenänderung */
    text-shadow: 0 0 0.4px currentColor, 0 0 0.4px currentColor !important; /* simuliert Semibold */
    transition: text-shadow 0.2s ease !important;
}

/* 2. Macht die Buttons kompakt */
.e-n-tabs-heading button,
.e-n-tabs-heading .e-tab-title,
[role="tablist"] button,
[role="tablist"] .e-tab-base {
    width: 150px !important; /* fix statt min-width/max-width */
    box-sizing: border-box !important;
    padding: 8px 12px !important;
}

/* 3. AKTIV: Der Text des ausgewählten Tabs wird tiefschwarz und bleibt dick */
.e-tab-base[aria-selected="true"] .e-paragraph-base,
.e-tab-base[aria-selected="true"] .e-paragraph,
.e-tab-base[aria-selected="true"] span {
    color: #000000 !important;
    font-weight: 400 !important;
}

/* 1. Richtet das Menüband linksbündig aus */
.e-n-tabs-heading,
[role="tablist"] {
    display: grid !important;
    grid-template-columns: repeat(5, auto) !important; 
    justify-content: start !important; 
    grid-column-gap: 12px !important; 
    grid-row-gap: 5px !important; 
    width: 100% !important;
}

/* 2. Macht die Buttons kompakt */
.e-n-tabs-heading button,
.e-n-tabs-heading .e-tab-title,
[role="tablist"] button,
[role="tablist"] .e-tab-base {
    width: auto !important; 
    min-width: 110px !important; 
    max-width: 176px !important; 
    box-sizing: border-box !important;
    padding: 8px 12px !important; 
}

/* 3. Text-Optimierung */
.e-tab-base .e-paragraph-base,
.e-tab-base .e-paragraph,
.e-tab-base span {
    white-space: normal !important; 
    word-break: break-word !important; 
    display: block !important;
    text-align: center !important;
    line-height: 1.2 !important; 
}

/* Container wieder auf Standard-Zentrierung setzen */
.elementor-lightbox .elementor-slideshow__text-container {
    text-align: center !important;
    justify-content: center !important;
    padding-left: 0 !important;
}

/* Titel zentriert und wunschgemäß formatiert */
.elementor-lightbox .elementor-slideshow__title {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #adadad !important;
    text-align: center !important;
}

/* Der spezifischere Selektor bricht die Elementor-Blockade */
div.back-to-top-button {
    opacity: 0 !important;
    visibility: hidden !important;
    /* 1.5 Sekunden pure Geschmeidigkeit */
    transition: opacity 2.0s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Schaltet die Sichtbarkeit beim Scrollen extrem weich frei */
div.back-to-top-button.is-visible {
    opacity: 1 !important;
    visibility: visible !important;
}

/* 1. GRUNDZUSTAND: Schützt das Design aller Links mit der Klasse .hover-bold-effect */
.hover-bold-effect a,
a.hover-bold-effect {
    font-weight: 400 !important;
    text-decoration: none !important;
    color: currentColor !important; /* Nutzt die Farbe, die du im Elementor-Widget eingestellt hast */
    transition: text-shadow 0.2s ease !important;
}

.hover-bold-effect a:visited,
a.hover-bold-effect:visited {
    color: currentColor !important;
}

/* 2. HOVER: Dein simulierter, ruckelfreier Semibold-Effekt */
.hover-bold-effect a:hover,
a.hover-bold-effect:hover {
    font-weight: 600 !important; 
    text-shadow: 0 0 0.4px currentColor, 0 0 0.4px currentColor !important;
    color: currentColor !important; /* Verhindert das Verfärben beim Hovern */
}

/* 3. AKTIV: Bleibt fett, wenn man auf der Seite ist */
.hover-bold-effect a[aria-current="page"],
a.hover-bold-effect[aria-current="page"] {
    text-shadow: 0 0 0.4px currentColor, 0 0 0.4px currentColor !important;
}

/* Alle Links in Texteditor-Widgets */
.elementor-widget-text-editor a,
.elementor-widget-text-editor a:visited {
    font-weight: 400 !important;
    text-decoration: none !important;
    color: inherit !important;
    transition: text-shadow 0.2s ease !important;
}

.elementor-widget-text-editor a:hover {
    color: inherit !important;
    text-shadow: 0 0 0.4px currentColor, 0 0 0.4px currentColor !important;
}

/* Footer deckt alles Darunterliegende ab */
.elementor-location-footer {
    position: relative !important;
    z-index: 10 !important;
    background-color: #ffffff !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Inter variable font';
	font-display: auto;
	src: url('https://peterpaulrast.de/dev.peterpaulrast.de/wp-content/uploads/2026/07/Inter-VariableFont_opszwght.ttf') format('truetype');
}
/* End Custom Fonts CSS */