<!-- start Simple Custom CSS and JS -->
<style type="text/css">
/* sticky header */
.site-header {
	top: 0;
	position: sticky !important;
	width: 100% !important;
}

/* Termin Formular */
.e-con.e-con>.e-con-inner>.elementor-widget, .elementor.elementor .e-con>.elementor-widget {
    height: 120%;
}

/* Kontaktformular */
/* Autofill -> Farbe in Grün */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #9FB99E40 inset !important;
  box-shadow: 0 0 0 1000px #9FB99E inset !important;
  -webkit-text-fill-color: #000 !important;
  transition: background-color 5000s ease-in-out 0s;
}

/* Eingabefelder */
.elementor-kit-70 input:not([type="button"]):not([type="submit"]), .elementor-kit-70 textarea, .elementor-kit-70 .elementor-field-textual {
	background-color: #65A476;
	color: #462274;
}

/* Labels (Überschriften) */
label {
	font-style: normal;
    font-weight: 400 !important;
    text-transform: none !important;
	color: #462274 !important;
}
.elementor-kit-70 label {
	font-size: 18px;
}

/* Senden Button */
.elementor-kit-70 input[type="submit"] {
	color: #FAF3E3;
	background-color: #65A476;
	font-family: Montserrat;
	float: right;
	padding: 1em 3em;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 500;
}

/* Abstand */
.elementor-71 .elementor-element.elementor-element-7f26d03 > .elementor-widget-container {
    margin: 6% 12% 6% 0%
}

/* Fehlermeldung */
.wpcf7-response-output{
	color: #ff0000 !important;
}

/* FAQ Karrussel */
/* Punkte Nächster Beitrag */
.mySwiper.myBlog .blog-slider__pagination-horizontal {
	padding: 1.5em !important;
}
.mySwiper.myBlog .blog-slider__item.swiper-slide-active .blog-slider__content>* {
	margin: 0 auto;
}
.mySwiper.myBlog {
	padding: 0;
}
.mySwiper .swiper-wrapper {
	margin-bottom: 1.8em;
}
.mySwiper.myBlog .blog-slider__content {
	max-width: 100% !important;
	padding: 0 2em !important;
}

/* Buttons */
#carouselButton {
    font-family: Montserrat !important;
    font-size: 17px !important;
   	font-weight: 500;
	text-transform: uppercase;
	padding: 1em 3em;
}


/* Termin buchen */
/* Buttons */
.mdc-button .mdc-button__ripple {
	background-color: #E6E6FA !important;
}


/* Blog */
/* Thumbnails (Bilder) bei Beitragsvorschau */
.elementor-1396 .elementor-element.elementor-element-310a79a .tpg-el-main-wrapper .rt-holder .tpg-el-image-wrap img {
    height: 15vw;
    object-position: center;
    display: block;
    width: 100%;
}

/* Überschrift Vorschau */
.elementor-1396 .elementor-element.elementor-element-310a79a .tpg-el-main-wrapper .entry-title {
	text-align: center;
}

/* Mehr lesen Link */
.elementor-1396 .elementor-element.elementor-element-310a79a .rt-tpg-container .tpg-post-holder .rt-detail .read-more a:hover {
    text-decoration: underline;
}
.elementor-1396 .elementor-element.elementor-element-03d7d51 .rt-tpg-container .tpg-post-holder .rt-detail .read-more a:hover {
    text-decoration: underline;
}

/* Nächster Beitrag */
.single .post-navigation {
    padding: 2em 8vw !important;
}

/* Footer */
.site-footer {
	background-color: #CEC9D8 !important;
}

/* Angebote */
.angebotsTitel {
	margin: 0.5rem 0rem 2.5rem 0rem !important;
	height: 3vh !important;
}
.angebotsBilder{
	margin: 1rem 0rem !important;
	height: 15vh !important;
}

.angebotsText {
	margin: 1rem 0rem 0.5rem 0rem!important;
	height: 65% !important;
}

.angebotsKosten {
	margin: 3rem 0rem 0rem 0rem !important;
	height: 9vh !important;
}

.einAngebotsContainer {
	max-height: 100rem !important;
}




/* -------------------------------------------------------------------------------- */
/* Webseiten Titel*/
@media (max-width: 768px) {
 .ast-header-break-point .ast-site-identity {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
  }

  /* Titel darf umbrechen */
  .ast-header-break-point .site-title,
  .ast-header-break-point .site-title a {
    white-space: normal !important;
    word-break: break-word !important;
    text-align: left !important;
    line-height: 1.2 !important;
    margin-left: 8px !important;
  }

  .ast-header-break-point .site-title {
    max-width: 70% !important;
  }
}

/* TABLET VERSION */
@media only screen and (min-width: 768px) and (max-width: 1024px) {

	h1 {
		font-size: 2.3rem !important;
		line-height: 3.125rem !important;
	}
	
	h2 {
		font-size: 1.375rem !important;
		line-height: 1.688rem !important;
	}
		
	h1, h2, p {
		margin: 0rem 1rem !important;
	}
	
	p {
		margin-bottom: 1rem !important;
	}
	
	/* Willkommensabschnitt */
	.willkommensText {
		height: auto !important;
	}
	
	/* Bewertungs Reckteck*/
	.e-con.e-con>.e-con-inner>.elementor-widget, .elementor.elementor .e-con>.elementor-widget {
		width: 100%;
	}

	.trenner {
		height: 5rem;
	}
	
	.mondphase {
		width: 20% !important;
		align-items: center !important;
		margin-bottom: 2rem !important;
	}
	
	
	/* Angebote */
	.angebotsTitel {
		margin: 0.5rem 0rem 2.5rem 0rem !important;
		height: 5vh !important;
	}
	.angebotsBilder{
		margin: 0rem !important;
		width: 100% !important;
	}

	.angebotsText {
		margin: 0.5rem !important;
		height: 65% !important;
	}

	.angebotsKosten {
		margin: 3rem 0rem 0rem 0rem !important;
		height: 12vh !important;
	}

	.einAngebotsContainer {
		max-height: 125rem !important;
	}
}

/* MOBIL VERSION */

@media only screen and (min-width: 1px) and (max-width: 767px) {
	h1 {
		font-size: 1.8rem !important;
		line-height: 2.125rem !important;
	}
	
	h2 {
		font-size: 1.15rem !important;
		line-height: 1.688em !important;
	}
		
	h1, h2, p {
		margin: 1rem 1rem !important;
	}
	
	p {
		margin-bottom: 1rem !important;
	}
	

	.catHeaderButton a {
		font-size: 0.65rem !important;
	}

	.willkommensText {
		margin: 0rem !important;
		padding: 0rem !important;
		height: auto !important;
		z-index: 50;
	}
		
	.buttonClass{
		margin: 0rem !important;
		height: 10vh !important;
        padding: 0rem !important;
	}
	
	.willkommensBild {
		z-index: 1;
	}
	
	/* Bewertungs Reckteck*/
	.e-con.e-con>.e-con-inner>.elementor-widget, .elementor.elementor .e-con>.elementor-widget {
		width: 100%;
	}

	.trenner {
		height: 5rem;
	}
	
	.mondphase {
		width: 20% !important;
		align-items: center !important;
		margin-bottom: 1rem !important;
	}
	
	
	/* Angebote */
	.angebotsTitel {
		margin: 0.5rem 0rem !important;
		z-index: 1 !important;
		height: 5% !important;
	}
	
	.angebotsTitel h2 {
		font-size: 1.25rem !important;
		margin-bottom: 0.5rem !important;
	}
	
	.angebotsBilder {
		margin-top: 0.5rem !important;
	}
	
	.angebotsBilder img {
		width: 25% !important;
		margin: 0rem !important;
	}
	
	.angebotsText {
		margin: 0.5rem 0rem !important;
	}

	.angebotsKosten {
		margin: 0.5rem 0rem !important;
	}


}
</style>
<!-- end Simple Custom CSS and JS -->
