/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.6.1772270671
Updated: 2026-02-28 10:24:31

Zusätzliche Klassen:
ToDo: Bei dem Fenster mit "Struktur" den Container wählen > Links den Tab "Erweitert" > "CSS-Klassen" dann folgendes eingeben:
back-dark                     Für dunkle Hintergründe, damit Texte, Links und Überschriften in weiß erscheinen
back-grey-big-radius          Element mit grauem Hintergrund und großen Radien
text-centered-50percent-width Text in Container max. ca. 50% breit

*/

/* merriweather-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/merriweather-v33-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/merriweather-v33-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/merriweather-v33-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/merriweather-v33-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/merriweather-v33-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/merriweather-v33-latin-regular.svg#Merriweather') format('svg'); /* Legacy iOS */
}

/* merriweather-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/merriweather-v33-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('fonts/merriweather-v33-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/merriweather-v33-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/merriweather-v33-latin-italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/merriweather-v33-latin-italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/merriweather-v33-latin-italic.svg#Merriweather') format('svg'); /* Legacy iOS */
}

/* merriweather-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/merriweather-v33-latin-700.eot'); /* IE9 Compat Modes */
  src: url('fonts/merriweather-v33-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/merriweather-v33-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/merriweather-v33-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/merriweather-v33-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/merriweather-v33-latin-700.svg#Merriweather') format('svg'); /* Legacy iOS */
}

/* merriweather-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/merriweather-v33-latin-700italic.eot'); /* IE9 Compat Modes */
  src: url('fonts/merriweather-v33-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/merriweather-v33-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/merriweather-v33-latin-700italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/merriweather-v33-latin-700italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/merriweather-v33-latin-700italic.svg#Merriweather') format('svg'); /* Legacy iOS */
}

/*Damit Elementor die Schriftart nicht dominiert:*/
body :where(h1,h2,h3,h4,h5,h6, p, li, td, th, a, button, input, textarea, select, label),
.elementor-icon-list-text{
  font-family: "Merriweather", Georgia, serif !important;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	color: #84943a !important;
}

h1.elementor-heading-title{
  margin: 50px 0 40px 0;
}

.page-content [class^="elementor-"] a:not(.elementor-button):not(img, :has(img)),
.page-content [class^="elementor-"] a:not(.elementor-button):not(img, :has(img)):visited,
.page-content a:not(.elementor-button):not(img, :has(img)),
.page-content a:not(.elementor-button):not(img, :has(img)):visited {
	color: #333 !important;
	text-decoration: underline;
}
footer#colophon a:not(.elementor-button):not(img, :has(img)),
footer#colophon a:not(.elementor-button):not(img, :has(img)):visited{
	color: #fff !important;
	text-decoration: underline !important;
}
.page-content [class^="elementor-"] a:not(.elementor-button):not(img, :has(img)):hover,
.page-content a:not(.elementor-button):not(img, :has(img)):hover {
	opacity: 0.8 !important;
	text-decoration: none !important;
}
footer#colophon a:not(.elementor-button):not(img, :has(img)):hover {
	opacity: 0.8 !important;
	text-decoration: none !important;
}

/*Zwischen diesen Breiten gab es keinen Abstand?!*/
@media (min-width:1025px) and (max-width:1530px) {
	.e-con-inner{
		padding-inline-start: 30px !important;
		padding-inline-end: 30px !important;
	}
}
/*So passen die Innen-Abstände oben und unten in den Accordions besser:*/
details.e-n-accordion-item .e-con-inner{
  padding-block-start: 15px !important;
  padding-block-end: 0px !important;
  padding-inline-start: 15px !important;
  padding-inline-end: 15px !important;
}

/*Responsives Menü begrenzen sonst verbreitert sich das über die sichtbare Breite, warum auch immer...*/
.hfe-dropdown{
	max-width: 100% !important;
}

/*Abstand im Header zwischen Logo und Navigation:*/
header#masthead .elementor-187 .elementor-element .e-con-inner > .elementor-element:first-child{
	margin-bottom: 20px;
}

.wprc-consent-hint{
  color: #fff;
  padding: 12px 14px;
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 8px;
  background: rgba(0,0,0,.03);
  font-size: 0.95rem;
  line-height: 1.35;
}

.page-content{
	padding-bottom: 50px;
}

.wpcf7 p {
    color: #ffffff !important;
    margin-bottom: 25px !important;
}

.wpcf7 label {
    display: block !important;
    margin-bottom: 15px !important;
}

.wpcf7-form-control-wrap {
    display: block !important;
    margin-top: 8px !important;
}

.wpcf7-submit {
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
    background-color: transparent !important;
    padding: 10px 30px !important;
    transition: all 0.3s ease;
}

.wpcf7-submit:hover {
    background-color: #ffffff !important;
    color: #83914b !important;
}

.breadcrumbs{
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 0 0 5px;
  font-size: 14px;
  opacity: 0.8;
}
@media (max-width:1530px) {
  .breadcrumbs{
    padding-left: 30px;
  }
}
@media (max-width:1024px) {
  .breadcrumbs {
    padding: 0;
    position: relative;
    top: -63px;
    z-index: 99;
    margin: 0 70px 0 10px;
  }
}
.itemListElement.empty{
  height: 1px !important;
  font-size: 1px !important;
}

/*Element mit der Leaflet-Karte hatte die Untermenüs verdeckt:*/
/* Header / Navigation immer über Leaflet legen */
:is(#masthead, .site-header, header.site-header, .elementor-location-header) {
  position: relative;
  z-index: 5000;
}

/* Dropdown sicherheitshalber nochmal drüber */
:is(#masthead, .site-header, header.site-header, .elementor-location-header) .sub-menu {
  z-index: 5100;
}

/* Leaflet "in seine Lane" setzen (Leaflet Controls hängen sonst gern über Dropdowns) */
.leaflet-container {
  z-index: 0;
}

@media (max-width:600px) {
  .back-dark .e-con-inner .elementor-element {
    padding-inline-start: 0;
    padding-inline-end: 0;
  }
}

.back-dark h1, .back-dark .h1, .back-dark h2, .back-dark .h2, .back-dark h3, .back-dark .h3, .back-dark h4, .back-dark .h4, .back-dark h5, .back-dark .h5, .back-dark h6, .back-dark .h6 {
	color: #fff !important;
}

.page-content [class^="elementor-"] .back-dark a:not(.elementor-button):not(img, :has(img)),
.page-content [class^="elementor-"] .back-dark a:not(.elementor-button):not(img, :has(img)):visited,
.page-content .back-dark a:not(.elementor-button):not(img, :has(img)),
.page-content .back-dark a:not(.elementor-button):not(img, :has(img)):visited {
	color: #fff !important;
	text-decoration: underline;
}
.page-content [class^="elementor-"] .back-dark a:not(.elementor-button):not(img, :has(img)):hover,
.page-content .back-dark a:not(.elementor-button):not(img, :has(img)):hover {
	opacity: 0.8 !important;
	text-decoration: none !important;
}

@media (max-width:1024px) {
  .page-content .elementor .elementor-element .e-con-inner .elementor-element,
  .page-content .elementor .elementor-element,
  footer#colophon .elementor .elementor-element .e-con-inner .elementor-element,
  footer#colophon .elementor .elementor-element {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    --padding-left: 0;
    --padding-right: 0;
  }
  .page-content .elementor .elementor-element,
  footer#colophon .elementor .elementor-element {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width:600px) {
  .page-content .elementor .elementor-element,
  footer#colophon .elementor .elementor-element {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media all and (min-width: 1025px) {
  .back-grey-big-radius {
    margin-top: 0;
    padding-inline-start: 80px;
    padding-inline-end: 80px;
    border-radius: 50px;
  }
}
@media (max-width:1024px) {
  .back-grey-big-radius {
    margin-top: 20px;
    padding-inline-start: 20px;
    padding-inline-end: 20px;
    border-radius: 25px;
  }
  .back-grey-big-radius.elementor-element {
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-block-start: 80px !important;
    padding-block-end: 80px !important;
  }
}
@media (max-width:600px) {
  .back-grey-big-radius.elementor-element {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-block-start: 40px !important;
    padding-block-end: 40px !important;
  }
}

p,td,label {
  line-height: normal !important;
}

/*H2-Überschriften passen im Footer nicht ganz rein; ansonsten vertikaler Scrollbalken:*/
@media (min-width:1025px) and (max-width:1125px) {
  footer#colophon .elementor-element h2.elementor-heading-title {
    font-size: 24px !important;
  }
}

/*Startseite Zitat: "Wahre Heilung beginnt dort..."*/
.elementor-element-f54ea33 {
  margin: 0 auto !important;
  width: 48%;
}

/*Kontaktseite > Formular > Rechte Spalte:*/
.elementor-element-76ff503 {
    padding-inline-start: 20px !important;
}