.wp-block {} /*  (.wp-block {} ensures MT files load in Gutenberg editor) */

/*  MICROTHEMER STYLES  */


/*= Größen ================== */

/** Größen >> nur 1601 und größer .ganzgross **/
.ganzgross {
	display: none !important;
}

/** Größen >> 1601 und größer nicht .ganzgrossnicht **/
.ganzgrossnicht {
	display: block !important;
}

/** Größen >> groß only (nicht 4:3 und kleiner)   .gross **/
.gross {
	display: none !important;
}

/** Größen >> gross nicht (nur 4:3 und kleiner)   .grossnicht **/
.grossnicht {
	display: block !important;
}

/** Größen >> 4 zu 3 only   .vierzudrei **/
.vierzudrei {
	display: none !important;
}

/** Größen >> 4 zu 3 nicht   .vierzudreinicht **/
.vierzudreinicht {
	display: block !important;
}

/** Größen >> mobil only   .mobil **/
.mobil {
	display: none !important;
}

/** Größen >> mobil nicht (4:3 und gross wird angezeigt)   .mobilnicht **/
.mobilnicht {
	display: block !important;
}


/*= Fonts ===================== */

/** Fonts >> .headertext h1 **/
.headertext h1 {
	font-family: shadows into light !important;
	font-size: 5.5em !important;
	font-weight: 400 !important;
	letter-spacing: 2px !important;
	width: 140% !important;
	position: absolute !important;
	top: 0.3em !important;
}

/** Fonts >> .normalertext h2 **/
.normalertext h2 {
	font-family: shadows into light !important;
	color: rgb(78, 97, 77) !important;
	font-size: 3.5em !important;
	margin-bottom: 20px !important;
}

/** Fonts >> .normalertext p **/
.normalertext p {
	font-family: saira !important;
	color: rgb(0, 0, 0) !important;
	font-size: 1.5em !important;
	line-height: 1.5em !important;
	font-weight: 400 !important;
}

/** Fonts >> .bunormalertext p **/
.bunormalertext p {
	font-family: saira !important;
	color: rgba(255, 255, 255, 0.94) !important;
	font-size: 18px !important;
}

/** Fonts >> .kursblurb p **/
.kursblurb p {
	font-family: saira !important;
	color: rgb(0, 0, 0) !important;
	font-size: 1.3em !important;
	line-height: 1.1em !important;
	font-weight: 400 !important;
	letter-spacing: 0.5px !important;
}

/** Fonts >> h3 **/
h3 {
	font-family: shadows into light !important;
	color: rgb(78, 97, 77) !important;
	font-size: 3.5em !important;
	padding-top: 15px !important;
	margin-bottom: 20px !important;
}

/** Fonts >> .kursblurb strong **/
.kursblurb strong {
	font-weight: 500 !important;
}

/** Fonts >> .kursblurb a **/
.kursblurb a {
	font-family: BH !important;
	color: rgb(255, 255, 255) !important;
	font-size: 1.1em !important;
	font-weight: 800 !important;
	letter-spacing: 4px !important;
	box-shadow: 1px 1px 10px 0 rgba(105, 104, 104, 0) !important;
	background-color: rgb(46, 96, 94) !important;
	padding-right: 10px !important;
	padding-left: 10px !important;
	margin-bottom: 50px !important;
	border: 2px solid rgb(78, 97, 77) !important;
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	position: relative !important;
	top: 15px !important;
}

/** Fonts >> .kontaktsenden **/
.kontaktsenden {
	font-family: Nothing You could do !important;
	color: rgb(255, 255, 255) !important;
	font-size: 0.8em !important;
	font-weight: 700 !important;
	letter-spacing: 4px !important;
	box-shadow: 1px 1px 10px 0 rgba(105, 104, 104, 0) !important;
	background-color: rgb(153, 153, 102) !important;
	padding: 5px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	border: 0 solid rgb(78, 97, 77) !important;
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	position: relative !important;
	top: 0 !important;
	left: 20px !important;
}

/** Fonts >> .kursblurb a:hover **/
.kursblurb a:hover {
	box-shadow: 0 0 0 0 rgba(105, 104, 104, 0) !important;
	border-width: 0 !important;
}

/** Fonts >> .mob-menu-icon **/
.mob-menu-icon {
	box-shadow: 0 0 10px 0 rgba(63, 63, 63, 0) !important;
	background-color: rgb(189, 143, 77) !important;
	padding-top: 10% !important;
	padding-bottom: 10% !important;
	border: 1px solid rgb(189, 143, 77) !important;
	border-top-left-radius: 20px !important;
	border-bottom-right-radius: 20px !important;
}


/*= mobile menu =============== */

/** mobile menu >> .mobile_menu_bar:before **/
.mobile_menu_bar:before {
	color: rgb(78, 97, 77) !important;
	font-size: 3em !important;
	font-weight: 500 !important;
}

/** mobile menu >> .et_mobile_menu **/
.et_mobile_menu {
	border-top-style: none !important;
}

/** mobile menu >> #mobile_menu1 **/
#mobile_menu1 {
	box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2) !important;
	background-color: rgba(255, 255, 255, 0) !important;
	background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(175, 200, 173, 0.9)) !important;
	top: 2vh !important;
	left: 7% !important;
}

/** mobile menu >> .menu-link **/
.menu-link a {
	font-family: tan meringue !important;
	color: rgb(189, 143, 77) !important;
	font-size: 15px !important;
	line-height: 20px !important;
	font-weight: 800 !important;
}


/*= header ==================== */

/** header >> _brlbs-flex-center **/
._brlbs-flex-center h3 {
	font-size: 25px !important;
}


/*= Blurb ===================== */

/** Blurb >> .kursblurb .et_pb_blurb_container - text **/
.kursblurb  .et_pb_blurb_container {
	box-shadow: 0 0 0 0 rgb(105, 104, 104) inset !important;
	background-color: rgb(255, 255, 255) !important;
	padding: 5% !important;
	margin-top: -34px !important;
	border: 0 solid rgb(189, 143, 77) !important;
	border-top-right-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}

/** Blurb >> .kursblurb .et_pb_main_blurb_image **/
.kursblurb  .et_pb_main_blurb_image {
	box-shadow: 0 0 15px 0 !important;
	border: 0 solid rgb(189, 143, 77) !important;
}


/*= General =================== */

/** General >> .kontaktfeld **/
.kontaktfeld {
	font-size: 15px !important;
	text-align: center !important;
	letter-spacing: 1px !important;
	box-shadow: 0 0 10px 0 rgba(189, 143, 77, 0.64) inset !important;
	padding: 10px !important;
	border-width: 0 !important;
	border-style: none !important;
	position: relative !important;
	left: 21.5vw !important;
}


/*= kontatformulare neu ======= */

/** kontatformulare neu >> Paragraph (#7) **/
form p:nth-of-type(7) {
	font-family: saira !important;
	color: rgb(255, 255, 255) !important;
	font-size: 18px !important;
}

/** kontatformulare neu >> Paragraph (#8) **/
form p:nth-of-type(8) {
	font-family: saira !important;
	color: rgb(255, 255, 255) !important;
	font-size: 18px !important;
}

/** kontatformulare neu >> Paragraph (#9) **/
form p:nth-of-type(9) {
	font-family: saira !important;
	color: rgb(255, 255, 255) !important;
	font-size: 18px !important;
}

/** kontatformulare neu >> Paragraph (#10) **/
form p:nth-of-type(10) {
	font-family: saira !important;
	color: rgb(255, 255, 255) !important;
	font-size: 18px !important;
}

/** kontatformulare neu >> Paragraph (#11) **/
form p:nth-of-typ(11) {
	font-family: saira !important;
	color: rgb(255, 255, 255) !important;
	font-size: 18px !important;
}

/** kontatformulare neu >> .kontfeld **/
.kontfeld {
	font-family: saira !important;
	color: rgb(46, 96, 94) !important;
	font-size: 18px !important;
	font-style: italic !important;
	text-align: center !important;
	background-color: rgba(255, 255, 255, 0.94) !important;
	width: 98% !important;
}

/** kontatformulare neu >> .kontfeld p **/
.kontfeld span {
	color: rgb(255, 255, 255) !important;
}

/** kontatformulare neu >> .wpcf7-form-control .wpcf7-text .kontfeld **/
.wpcf7-form-control .wpcf7-text .kontfeld {
	font-family: saira !important;
	color: rgb(255, 255, 255) !important;
}

/** kontatformulare neu >> .kontradio **/
.kontradio {
	font-family: saira !important;
	color: rgb(255, 255, 255) !important;
	font-size: 18px !important;
}

/** kontatformulare neu >> .kontsenden **/
.kontsenden {
	font-family: saira !important;
	color: rgb(46, 96, 94) !important;
	font-size: 25px !important;
	font-weight: 500 !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
	background-color: rgb(189, 143, 77) !important;
	border-width: 0 !important;
}

/** kontatformulare neu >> .kontsenden1 **/
.kontsenden1 {
	font-family: saira !important;
	color: rgba(255, 255, 255, 0.94) !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
	background-color: rgb(46, 96, 94) !important;
	border-width: 0 !important;
	position: relative !important;
	left: 110px !important;
}

/** kontatformulare neu >> Kontaktforn Nachricht **/
.wpcf7-response-output {
	background-color: rgb(255, 255, 255) !important;
}

/** kontatformulare neu >> Nachricht ausfüllen **/
.wpcf7-not-valid-tip {
	color: rgb(246, 105, 90) !important;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.41) !important;
}


/*= testimonial slider ======== */

/** testimonial slider >> .testimonialslider a **/
.testimonialslider a {
	font-family: tan meringue !important;
	color: rgb(192, 142, 78) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
}


/*( Sehr großab (ab 1900 px) (imp) (imp) )*/
@media all and (min-width: 1900px) and (max-width: 200000px) {
	/** Größen >> nur 1601 und größer .ganzgross **/
	.ganzgross {
	display: block !important;
}

	/** Größen >> 1601 und größer nicht .ganzgrossnicht **/
	.ganzgrossnicht {
	display: none !important;
}

	/** Größen >> groß only (nicht 4:3 und kleiner)   .gross **/
	.gross {
	display: block !important;
}

	/** Größen >> gross nicht (nur 4:3 und kleiner)   .grossnicht **/
	.grossnicht {
	display: none !important;
}

	/** Fonts >> .headertext h1 **/
	.headertext h1 {
	position: relative !important;
	top: 0.3em !important;
}

	/** header >> logobild startseite **/
	#post-219451 .wp-image-219586 {
	top: -2em !important;
}

}


/*( GROß (1601 bis 1899 px) (imp) (imp) )*/
@media all and (min-width: 1601px) and (max-width: 1899px) {
	/** Größen >> nur 1601 und größer .ganzgross **/
	.ganzgross {
	display: block !important;
}

	/** Größen >> 1601 und größer nicht .ganzgrossnicht **/
	.ganzgrossnicht {
	display: none !important;
}

	/** Größen >> groß only (nicht 4:3 und kleiner)   .gross **/
	.gross {
	display: block !important;
}

	/** Größen >> gross nicht (nur 4:3 und kleiner)   .grossnicht **/
	.grossnicht {
	display: none !important;
}

	/** Fonts >> .headertext h1 **/
	.headertext h1 {
	position: relative !important;
	top: 0.2em !important;
}

	/** header >> logobild startseite **/
	#post-219451 .wp-image-219586 {
	top: -2em !important;
}

}


/*( MEDIUM  (1301 bis 1600 px) Ausnahmen (imp) (imp) )*/
@media all and (min-width: 1301px) and (max-width: 1600px) {
	/** Größen >> nur 1601 und größer .ganzgross **/
	.ganzgross {
	display: none !important;
}

	/** Größen >> 1601 und größer nicht .ganzgrossnicht **/
	.ganzgrossnicht {
	display: block !important;
}

	/** Größen >> groß only (nicht 4:3 und kleiner)   .gross **/
	.gross {
	display: block !important;
}

	/** Größen >> gross nicht (nur 4:3 und kleiner)   .grossnicht **/
	.grossnicht {
	display: none !important;
}

	/** Fonts >> .headertext h1 **/
	.headertext h1 {
	width: 130% !important;
	position: relative !important;
	top: -0.05em !important;
}

	/** Fonts >> .normalertext h2 **/
	.normalertext h2 {
	margin-bottom: 25px !important;
}

	/** Fonts >> h3 **/
	h3 {
	padding-bottom: 15px !important;
	margin-bottom: 10px !important;
}

	/** scroll effects >> ringeoben **/
	.ringeoben {
	width: 8% !important;
	top: -165px !important;
	bottom: 104.6% !important;
}

	/** Blurb >> .kursblurb .et_pb_blurb_container - text **/
	.kursblurb  .et_pb_blurb_container {
	padding-bottom: 20% !important;
}

	/** header >> logobild startseite **/
	#post-219451 .wp-image-219586 {
	top: -2.5em !important;
}

}


/*( KLEINER  (1101 bis 1300 px) Ausnahmen (imp) (imp) )*/
@media all and (min-width: 1101px) and (max-width: 1300px) {
	/** Größen >> nur 1601 und größer .ganzgross **/
	.ganzgross {
	display: none !important;
}

	/** Größen >> 1601 und größer nicht .ganzgrossnicht **/
	.ganzgrossnicht {
	display: block !important;
}

	/** Größen >> groß only (nicht 4:3 und kleiner)   .gross **/
	.gross {
	display: block !important;
}

	/** Größen >> gross nicht (nur 4:3 und kleiner)   .grossnicht **/
	.grossnicht {
	display: none !important;
}

	/** Fonts >> .headertext h1 **/
	.headertext h1 {
	font-size: 3.8em !important;
	width: 120% !important;
	position: relative !important;
	top: 0.2em !important;
	left: 8% !important;
}

	/** Fonts >> .normalertext h2 **/
	.normalertext h2 {
	font-size: 3.2em !important;
}

	/** Fonts >> h3 **/
	h3 {
	font-size: 3.2em !important;
	padding-bottom: 25px !important;
	margin-bottom: 0 !important;
}

	/** scroll effects >> ringeoben **/
	.ringeoben {
	width: 15% !important;
	top: -175px !important;
}

	/** Blurb >> .kursblurb .et_pb_blurb_container - text **/
	.kursblurb  .et_pb_blurb_container {
	padding-bottom: 20% !important;
}

	/** header >> #logoooo **/
	#logoooo {
	max-width: 35% !important;
}

	/** header >> logobild startseite **/
	#post-219451 .wp-image-219586 {
	top: -2.2em !important;
}

	/** General >> .kontaktfeld **/
	.kontaktfeld {
	left: 25.5vw !important;
}

}


/*( KLEIN (981 bis 1100 px) 4:3 (imp) (imp) )*/
@media all and (min-width: 981px) and (max-width: 1100px) {
	/** Größen >> nur 1601 und größer .ganzgross **/
	.ganzgross {
	display: none !important;
}

	/** Größen >> 1601 und größer nicht .ganzgrossnicht **/
	.ganzgrossnicht {
	display: block !important;
}

	/** Größen >> groß only (nicht 4:3 und kleiner)   .gross **/
	.gross {
	display: none !important;
}

	/** Größen >> 4 zu 3 only   .vierzudrei **/
	.vierzudrei {
	display: block !important;
}

	/** Größen >> 4 zu 3 nicht   .vierzudreinicht **/
	.vierzudreinicht {
	display: none !important;
}

	/** Größen >> gross nicht (nur 4:3 und kleiner)   .grossnicht **/
	.grossnicht {
	display: block !important;
}

	/** Fonts >> .headertext h1 **/
	.headertext h1 {
	width: 110% !important;
	position: relative !important;
	top: -1em !important;
	left: -5% !important;
}

	/** Fonts >> .normalertext h2 **/
	.normalertext h2 {
	font-size: 3.2em !important;
	margin-top: 50px !important;
	position: static !important;
}

	/** Fonts >> .kursblurb p **/
	.kursblurb p {
	font-size: 1.45em !important;
	line-height: 1.2em !important;
}

	/** Fonts >> h3 **/
	h3 {
	font-size: 3.2em !important;
	padding-bottom: 55px !important;
	margin-bottom: -25px !important;
}

	/** scroll effects >> ringeoben **/
	.ringeoben {
	width: 15% !important;
	top: -120px !important;
}

	/** Blurb >> .kursblurb .et_pb_blurb_container - text **/
	.kursblurb  .et_pb_blurb_container {
	width: 145% !important;
	padding-bottom: 20% !important;
	position: relative !important;
	left: -22.5% !important;
}

	/** Blurb >> .kursblurb .et_pb_main_blurb_image **/
	.kursblurb  .et_pb_main_blurb_image {
	width: 145% !important;
	max-width: 145% !important;
	position: relative !important;
	left: -22.5% !important;
	z-index: 2 !important;
}

	/** header >> #logoooo **/
	#logoooo {
	max-width: 20% !important;
}

	/** header >> logobild startseite **/
	#post-219451 .wp-image-219586 {
	top: -6em !important;
	left: -22.5% !important;
}

	/** mobile menu >> .mobile_menu_bar **/
	.mobile_menu_bar {
	top: -40px !important;
	right: -15px !important;
}

	/** General >> .kontaktfeld **/
	.kontaktfeld {
	left: 22.5vw !important;
}

}


/*( TABLET (768 bis 980 px) (imp) (imp) )*/
@media all and (min-width: 768px) and (max-width: 980px) {
	/** Größen >> nur 1601 und größer .ganzgross **/
	.ganzgross {
	display: none !important;
}

	/** Größen >> 1601 und größer nicht .ganzgrossnicht **/
	.ganzgrossnicht {
	display: block !important;
}

	/** Größen >> mobil only   .mobil **/
	.mobil {
	display: block !important;
}

	/** Größen >> mobil nicht (4:3 und gross wird angezeigt)   .mobilnicht **/
	.mobilnicht {
	display: none !important;
}

	/** Größen >> groß only (nicht 4:3 und kleiner)   .gross **/
	.gross {
	display: none !important;
}

	/** Größen >> gross nicht (nur 4:3 und kleiner)   .grossnicht **/
	.grossnicht {
	display: block !important;
}

	/** Fonts >> .headertext h1 **/
	.headertext h1 {
	font-size: 4.8em !important;
	width: 100% !important;
	position: relative !important;
	top: 0 !important;
}

	/** Fonts >> .kursblurb p **/
	.kursblurb p {
	font-size: 1.4em !important;
	line-height: 1.2em !important;
}

	/** Fonts >> h3 **/
	h3 {
	padding-bottom: 15px !important;
}

	/** mobile menu >> .mobile_menu_bar **/
	.mobile_menu_bar {
	position: absolute !important;
	top: -40px !important;
	right: -10px !important;
}

	/** mobile menu >> .mobile_menu_bar:before **/
	.mobile_menu_bar:before {
	font-size: 3.5em !important;
}

	/** mobile menu >> .menu-link **/
	.menu-link a {
	font-family: tan meringue !important;
}

	/** header >> #logoooo **/
	#logoooo {
	max-width: 20% !important;
	top: 1vh !important;
}

	/** Blurb >> .kursblurb .et_pb_blurb_container - text **/
	.kursblurb  .et_pb_blurb_container {
	width: 135% !important;
	position: relative !important;
	left: -17.5% !important;
}

	/** Blurb >> .kursblurb .et_pb_main_blurb_image **/
	.kursblurb  .et_pb_main_blurb_image {
	width: 135% !important;
	max-width: 135% !important;
	position: relative !important;
	left: -17.5% !important;
	z-index: 2 !important;
}

}