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

/*  MICROTHEMER STYLES  */

/*= Animations ================ */


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

/** General >> Logo **/
#logo {
	width: 60px !important;
	max-width: 200% !important;
	max-height: 200% !important;
	padding-top: 5px !important;
}

/** General >> .et_pb_main_blurb_image img **/
.et_pb_main_blurb_image img {
	-webkit-animation-name: none !important;
	animation-name: none !important;
	-webkit-animation-duration: 0s !important;
	animation-duration: 0s !important;
	-webkit-animation-timing-function: 0 !important;
	animation-timing-function: 0 !important;
}

/** General >> revealinhalt **/
.revealinhalt ul {
	line-height: 1.4em !important;
	list-style-type: none !important;
	list-style-position: inside !important;
	margin-top: 3% !important;
}

/** General >> rv_buttongenerell **/
.rv_buttongenerell {
	cursor: pointer !important;
}

/** General >> .footertext a **/
.footertext a {
	color: rgb(255, 255, 255) !important;
}

/** General >> .emailanfrage **/
.emailanfrage {
	color: rgb(62, 78, 42) !important;
	box-shadow: 0 0 15px 0 rgba(62, 78, 42, 0.5) !important;
	background-color: rgb(255, 255, 255) !important;
	padding: 5px 7px 5px 7px !important;
	border-radius: 10px !important;
}

/** General >> .emailanfragegeschenk **/
.emailanfragegeschenk {
	color: rgb(62, 78, 42) !important;
	text-shadow: 0 0 rgba(0, 0, 0, 0) !important;
	box-shadow: 0 0 15px 0 rgba(62, 78, 42, 0) !important;
	background-color: rgb(255, 255, 255) !important;
	padding: 5px 7px 5px 7px !important;
	border-radius: 10px !important;
}

/** General >> .emailanfragegeschenk:hover **/
.emailanfragegeschenk:hover {
	color: rgb(62, 78, 42) !important;
	text-shadow: 0 0 rgba(0, 0, 0, 0) !important;
	box-shadow: 0 0 15px 0 rgba(62, 78, 42, 0) !important;
	background-color: rgb(255, 255, 255) !important;
	padding: 5px 7px 5px 7px !important;
	border: 1px solid rgb(255, 255, 255) !important;
	border-radius: 10px !important;
	-o-transition-duration: 0.2s !important;
	-moz-transition-duration: 0.2s !important;
	-webkit-transition-duration: 0.2s !important;
	transition-duration: 0.2s !important;
}

/** General >> .emailanfrage:hover **/
.emailanfrage:hover {
	color: rgb(62, 78, 42) !important;
	text-shadow: 0 0 rgba(0, 0, 0, 0) !important;
	box-shadow: 0 0 15px 0 rgba(62, 78, 42, 0) !important;
	background-color: rgb(255, 255, 255) !important;
	padding: 5px 7px 5px 7px !important;
	border: 1px solid rgb(255, 255, 255) !important;
	border-radius: 10px !important;
	-o-transition-duration: 0.2s !important;
	-moz-transition-duration: 0.2s !important;
	-webkit-transition-duration: 0.2s !important;
	transition-duration: 0.2s !important;
}

/** General >> .sociallink **/
.sociallink {
	position: relative !important;
	top: 5px !important;
}

/** General >> .sociallink img **/
.sociallink img {
	width: 25px !important;
}

/** General >> .telefonlink **/
.telefonlink {
	display: none !important;
}

/** General >> .unterfooter a **/
.unterfooter a {
	color: rgb(140, 152, 115) !important;
}

/** General >> .vierer h4 **/
.vierer h4 {
	font-family: tan pearl !important;
	font-size: 21px !important;
	line-height: 25px !important;
}

/** General >> .fuenfer h4 **/
.fuenfer h4 {
	font-size: 1vw !important;
	line-height: 1.5vw !important;
}

/** General >> .person h4 **/
.person h4 {
	font-family: tan pearl !important;
}

/** General >> et pb scroll top **/
.et_pb_scroll_top {
	bottom: 35px !important;
}


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

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

/** Größen >> 4 zu 3 nicht   .vierzudreinicht **/
.vierzudreinicht {
	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 >> mobil only   .mobil **/
.mobil {
	display: none !important;
}

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


/*= Menu O+V ================== */

/** Menu O+V >> .menu-link **/
.menu-link {
	text-align: center !important;
}

/** Menu O+V >> Mobile menu **/
#mobile_menu1 {
	box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0) !important;
	margin-top: 20px !important;
	border: 3px solid rgba(62, 78, 42, 0.96) !important;
}

/** Menu O+V >> .sub-menu **/
.sub-menu {
	background-color: rgba(255, 255, 255, 0.79) !important;
	margin-top: 23px !important;
}

/** Menu O+V >> .menu-closed **/
.menu-closed {
	color: rgba(62, 78, 42, 0.96) !important;
}

/** Menu O+V >> span.mobile_menu_bar:before **/
span.mobile_menu_bar:before {
	color: rgba(62, 78, 42, 0.96) !important;
	font-size: 30pt !important;
	font-weight: 600 !important;
}


/*= Banner ==================== */

/** Banner >> .bannerstart **/
.bannerstart {
	box-shadow: 0 0 20px 0 rgb(240, 180, 132) !important;
	background-color: rgb(140, 152, 115) !important;
	position: absolute !important;
	top: 55px !important;
	z-index: 999999 !important;
}

/** Banner >> .bannerstart div#closebutton **/
.bannerstart div#closebutton {
	position: absolute !important;
	top: -5px !important;
	right: 50px !important;
}

/** Banner >> .bannertext p **/
.bannertext p {
	font-weight: bolder !important;
	letter-spacing: 1px !important;
}


/*= Blog ====================== */

/** Blog >> .cu-blog .et_pb_blog_grid .et_pb_post **/
.cu-blog .et_pb_blog_grid .et_pb_post {
	box-shadow: 10px 10px 0 0 rgb(140, 152, 115) !important;
	margin-top: 0 !important;
	margin-right: 65px !important;
}

/** Blog >> .cu-blog .et_pb_blog_grid .et_pb_post h4 a **/
.cu-blog .et_pb_blog_grid .et_pb_post h4 a {
	font-size: 0.9em !important;
	line-height: 1px !important;
	position: relative !important;
	top: -110px !important;
}

/** Blog >> Post 1620 entry title **/
.cu-blog .entry-title {
	height: 0 !important;
	padding-bottom: 0 !important;
	margin-top: -56px !important;
}


/*= Unite Gallery ============= */

/** Unite Gallery >> .ug-gallery-wrapper **/
.ug-gallery-wrapper {
	box-shadow: 15px 15px 0 0 rgb(140, 152, 115) !important;
	background-color: rgb(236, 236, 236) !important;
	border: 1px solid rgba(172, 171, 171, 0.16) !important;
}


/*= CF7 ======================= */

/** CF7 >> Span:(1) wpcf7dtx dynamictext:(1) **/
#wpcf7-f1863-o2 .wpcf7dtx-dynamictext {
	color: rgb(140, 152, 115) !important;
	font-size: 1em !important;
	font-weight: bold !important;
	text-align: left !important;
	background-color: rgba(255, 255, 255, 0) !important;
	width: 80% !important;
	border-style: none !important;
	cursor: default !important;
	pointer-events: none !important;
}

/** CF7 >> .feld **/
.feld {
	color: rgb(109, 109, 109) !important;
	font-size: 1em !important;
	text-align: center !important;
	box-shadow: 0 0 15px 0 rgba(78, 78, 78, 0.22) inset !important;
	width: 100% !important;
	margin-top: 15px !important;
	border-style: none !important;
}

/** CF7 >> Wpcf7 f1863 o2 link **/
#wpcf7-f1863-o2 a {
	color: rgb(140, 152, 115) !important;
}

/** CF7 >> Wpcf7 f1863 o2 wpcf7 textarea **/
#wpcf7-f1863-o2 .wpcf7-textarea {
	height: 100px !important;
}

/** CF7 >> .buttona **/
.buttona {
	color: rgb(255, 255, 255) !important;
	font-size: 1em !important;
	font-weight: bolder !important;
	letter-spacing: 2px !important;
	background-color: rgb(140, 152, 115) !important;
	padding: 5px !important;
	border-width: 0 !important;
	border-radius: 5px !important;
}


/*= fonts tp ================== */

/** fonts tp >> h4 **/
h4 {
	font-family: tan pearl !important;
}

/** fonts tp >> h3 **/
h3 {
	font-family: tan pearl !important;
	font-size: 1.5em !important;
	line-height: 1.8em !important;
}

/** fonts tp >> h1 **/
h1 {
	font-family: tan pearl !important;
}

/** fonts tp >> h2 **/
h2 {
	font-family: tan pearl !important;
}


/*( Large Desktop )*/
@media (min-width: 1200px) {
	/** Blog >> .cu-blog .et_pb_blog_grid .et_pb_post h4 a **/
	.cu-blog .et_pb_blog_grid .et_pb_post h4 a {
	top: -140px !important;
}

	/** General >> .fuenfer h4 **/
	.fuenfer h4 {
	font-family: tan pearl !important;
	font-size: 12px !important;
}

	/** fonts tp >> h4 **/
	h4 {
	font-family: tan pearl !important;
}

}


/*( Desktop & Tablet )*/
@media (min-width: 768px) and (max-width: 979px) {
	/** General >> .sociallink img **/
	.sociallink img {
	width: 30px !important;
}

}


/*( Tablet & Phone )*/
@media (max-width: 767px) {
	/** General >> .sociallink img **/
	.sociallink img {
	width: 30px !important;
}

}


/*( Phone )*/
@media (max-width: 480px) {
	/** General >> .sociallink img **/
	.sociallink img {
	width: 30px !important;
}

	/** Menu O+V >> .menu-link **/
	.menu-link {
	border-width: 0 !important;
	border-top-style: 0 !important;
}

}


/*( Sehr großab (ab 1900 px) (imp) )*/
@media all and (min-width: 1900px) and (max-width: 50000px) {
	/** 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;
}

	/** General >> .person h4 **/
	.person h4 {
	line-height: 1.1em !important;
}

}


/*( GROß (1601 bis 1899 px) (imp) )*/
@media all and (min-width: 1601px) and (max-width: 1899px) {
	/** 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;
}

	/** General >> .katzeile **/
	.katzeile {
	width: 90% !important;
}

}


/*( MEDIUM  (1301 bis 1600 px) Ausnahmen (imp) )*/
@media all and (min-width: 1301px) and (max-width: 1600px) {
	/** General >> .katzeile **/
	.katzeile {
	width: 96% !important;
}

	/** General >> .vierer h4 **/
	.vierer h4 {
	font-family: tan pearl !important;
	font-size: 1.7vw !important;
	line-height: 1.2em !important;
}

	/** General >> .fuenfer h4 **/
	.fuenfer h4 {
	font-size: 1.7vw !important;
	line-height: 1.2em !important;
}

	/** General >> .vierer p **/
	.vierer p {
	font-size: 1vw !important;
	line-height: 1.2em !important;
}

	/** General >> .person h4 **/
	.person h4 {
	font-size: 1.3vw !important;
}

	/** General >> .logostart **/
	.logostart {
	top: -100px !important;
}

	/** Blog / Gesch /Rez >> .wasistdrin **/
	.wasistdrin {
	top: 50px !important;
}

}


/*( KLEINER  (1101 bis 1300 px) Ausnahmen (imp) )*/
@media all and (min-width: 1101px) and (max-width: 1300px) {
	/** General >> .katzeile **/
	.katzeile {
	width: 96% !important;
}

	/** General >> .vierer h4 **/
	.vierer h4 {
	font-size: 2.2vw !important;
	line-height: 1.2em !important;
}

	/** General >> .fuenfer h4 **/
	.fuenfer h4 {
	font-size: 2vw !important;
	line-height: 1.2em !important;
}

	/** General >> .vierer p **/
	.vierer p {
	font-size: 1.1vw !important;
	line-height: 1.3em !important;
}

	/** General >> .person h4 **/
	.person h4 {
	font-size: 1.4vw !important;
}

	/** General >> .logostart **/
	.logostart {
	top: -100px !important;
}

	/** Menu O+V >> menu-link a **/
	.menu-link a {
	font-size: 14px !important;
	letter-spacing: 0 !important;
}

	/** Blog / Gesch /Rez >> .wasistdrin **/
	.wasistdrin {
	top: 50px !important;
}

}


/*( KLEIN (981 bis 1100 px) 4:3 (imp) )*/
@media all and (min-width: 981px) and (max-width: 1100px) {
	/** Größen >> 4 zu 3 only   .vierzudrei **/
	.vierzudrei {
	display: block !important;
}

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

	/** General >> .et_pb_main_blurb_image img **/
	.et_pb_main_blurb_image img {
	width: 120% !important;
	max-width: 120% !important;
}

	/** General >> .katzeile **/
	.katzeile {
	width: 96% !important;
}

	/** General >> .vierer h4 **/
	.vierer h4 {
	font-size: 3.5vw !important;
	line-height: 1.2em !important;
}

	/** General >> .fuenfer h4 **/
	.fuenfer h4 {
	font-size: 3.5vw !important;
	line-height: 1.2em !important;
}

	/** General >> .vierer p **/
	.vierer p {
	font-size: 1.9vw !important;
	line-height: 1.3em !important;
}

	/** General >> .person h4 **/
	.person h4 {
	font-size: 2.4vw !important;
}

	/** General >> .logostart **/
	.logostart {
	top: 10px !important;
}

	/** Menu O+V >> span.mobile_menu_bar **/
	span.mobile_menu_bar {
	top: -110px !important;
}

	/** Menu O+V >> .sub-menu **/
	.sub-menu {
	margin-top: 0 !important;
}

	/** Banner >> .bannerstart **/
	.bannerstart {
	top: 55px !important;
}

	/** Blog >> .cu-blog .et_pb_blog_grid .et_pb_post **/
	.cu-blog .et_pb_blog_grid .et_pb_post {
	margin-top: 30px !important;
	margin-right: 10px !important;
}

	/** Blog >> .cu-blog .et_pb_blog_grid .et_pb_post h4 a **/
	.cu-blog .et_pb_blog_grid .et_pb_post h4 a {
	font-size: 22px !important;
}

	/** Blog / Gesch /Rez >> .wasistdrin **/
	.wasistdrin {
	margin-bottom: 50px !important;
	top: 50px !important;
}

}


/*( TABLET (768 bis 980 px) (imp) )*/
@media all and (min-width: 768px) and (max-width: 980px) {
	/** Größen >> mobil only   .mobil **/
	.mobil {
	display: block !important;
}

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

	/** General >> .telefonlink **/
	.telefonlink {
	display: block !important;
}

	/** General >> .katzeile **/
	.katzeile {
	width: 85% !important;
}

	/** General >> .vierer h4 **/
	.vierer h4 {
	font-size: 4vw !important;
	line-height: 1.2em !important;
}

	/** General >> .fuenfer h4 **/
	.fuenfer h4 {
	font-size: 4vw !important;
	line-height: 1.2em !important;
}

	/** General >> .vierer p **/
	.vierer p {
	font-size: 1.8vw !important;
	line-height: 1.2em !important;
}

	/** General >> .person h4 **/
	.person h4 {
	font-size: 2.5vw !important;
}

	/** General >> .logostart **/
	.logostart {
	top: -30px !important;
}

	/** Menu O+V >> Mobile menu **/
	#mobile_menu1 {
	background-color: rgba(255, 255, 255, 0.95) !important;
}

	/** Menu O+V >> .sub-menu **/
	.sub-menu {
	margin-top: 0 !important;
}

	/** Banner >> .bannerstart **/
	.bannerstart {
	top: 75px !important;
}

	/** Blog >> .cu-blog .et_pb_blog_grid .et_pb_post **/
	.cu-blog .et_pb_blog_grid .et_pb_post {
	width: 50% !important;
	position: relative !important;
	left: 25% !important;
}

}


/*( PHONE (450 bis 767 px) (imp) )*/
@media all and (min-width: 450px) and (max-width: 767px) {
	/** Größen >> mobil only   .mobil **/
	.mobil {
	display: block !important;
}

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

	/** General >> .telefonlink **/
	.telefonlink {
	display: block !important;
}

	/** General >> .vierer h4 **/
	.vierer h4 {
	font-size: 4vw !important;
	line-height: 1.2em !important;
}

	/** General >> .fuenfer h4 **/
	.fuenfer h4 {
	font-size: 4vw !important;
	line-height: 1.2em !important;
}

	/** General >> .vierer p **/
	.vierer p {
	font-size: 2.5vw !important;
	line-height: 1.2em !important;
}

	/** General >> .person h4 **/
	.person h4 {
	font-size: 3.8vw !important;
}

	/** Menu O+V >> Mobile menu **/
	#mobile_menu1 {
	background-color: rgba(255, 255, 255, 0.95) !important;
}

	/** Menu O+V >> .sub-menu **/
	.sub-menu {
	margin-top: 0 !important;
}

	/** Banner >> .bannerstart div#closebutton **/
	.bannerstart div#closebutton {
	right: 10px !important;
}

	/** Banner >> .bannerstart **/
	.bannerstart {
	top: 75px !important;
}

	/** Blog >> .cu-blog .et_pb_blog_grid .et_pb_post **/
	.cu-blog .et_pb_blog_grid .et_pb_post {
	width: 50% !important;
	position: relative !important;
	left: 25% !important;
}

}


/*( PHONE klein (0 bis 449) )*/
@media all and (min-width: 0px) and (max-width: 449px) {
	/** General >> .telefonlink **/
	.telefonlink {
	display: block !important;
}

	/** General >> .vierer h4 **/
	.vierer h4 {
	font-size: 8vw !important;
	line-height: 1.2em !important;
}

	/** General >> .fuenfer h4 **/
	.fuenfer h4 {
	font-size: 8vw !important;
	line-height: 1.2em !important;
}

	/** General >> .vierer p **/
	.vierer p {
	font-size: 4vw !important;
	line-height: 1.2em !important;
}

	/** General >> .person h4 **/
	.person h4 {
	font-size: 8vw !important;
}

	/** General >> .weisserlink a **/
	.weisserlink p a {
	color: rgb(255, 255, 255) !important;
}

	/** Menu O+V >> Mobile menu **/
	#mobile_menu1 {
	background-color: rgba(255, 255, 255, 0.95) !important;
	width: 250px !important;
	left: 90px !important;
}

	/** Menu O+V >> .sub-menu **/
	.sub-menu {
	margin-top: 0 !important;
}

	/** Banner >> .bannerstart div#closebutton **/
	.bannerstart div#closebutton {
	right: 8px !important;
}

	/** Banner >> .bannerstart **/
	.bannerstart {
	top: 75px !important;
}

	/** Blog >> .cu-blog .et_pb_blog_grid .et_pb_post **/
	.cu-blog .et_pb_blog_grid .et_pb_post {
	width: 90% !important;
	position: relative !important;
	left: 5% !important;
}

}