/*  MICROTHEMER STYLES  */

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


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

/** General >> blurb **/
.blurb {
	max-width: 500px !important;
	max-height: 500px !important;
	z-index: 10 !important;
}

/** General >> blurb h4 **/
.blurb h4 {
	font-size: 1.6em !important;
	font-weight: 600 !important;
	font-style: normal !important;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.92) !important;
	background-color: rgba(0, 150, 79, 0) !important;
	width: 40% !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	margin-bottom: 15px !important;
}

/** General >> .et_pb_main_blurb_image **/
.et_pb_main_blurb_image img {
	border-color: rgb(100, 175, 20) !important;
	border-style: solid !important;
	border-radius: 0 !important;
	display: block !important;
}
.et_pb_main_blurb_image img.mt-pageload {
	/* MT [ sub: 1 | group: animation | event: 1 ] */
	-webkit-animation-name: none !important;
	animation-name: none !important;
	-webkit-animation-duration: 0s !important;
	animation-duration: 0s !important;
	-webkit-animation-delay: 0s !important;
	animation-delay: 0s !important;
}

/** General >> .cpgzeile zeile mit das cpg Gilching **/
.cpgzeile {
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
	border: 1px solid rgba(102, 102, 102, 0.2) !important;
}

/** General >> ueberschriftunterseite **/
.ueberschriftunterseite h1 {
	font-family: indie flower !important;
	font-size: 4em !important;
	font-weight: bold !important;
	letter-spacing: 3px !important;
	text-shadow: 2px 2px 2px rgb(51, 51, 51) !important;
}

/** General >> einfuhrungstext **/
.einfuhrungstext {
	box-shadow: 0 0 16px 0 rgba(102, 102, 102, 0.2) !important;
	background-color: rgb(246, 246, 246) !important;
	min-height: 650px !important;
	border-color: rgba(102, 102, 102, 0.2) !important;
	border-width: 1px !important;
}

/** General >> inhaltsection **/
.inhaltsection {
	min-height: 1080px !important;
}


/*= Footer ==================== */

/** Footer >> rose **/
.rose img {
	max-width: 40% !important;
	position: relative !important;
	bottom: -230px !important;
}

/** Footer >> footertext p **/
.footertext p {
	color: rgb(255, 255, 255) !important;
	font-size: 1em !important;
}

/** Footer >> .footertext a **/
.footertext a {
	color: rgb(255, 255, 255) !important;
	font-weight: 400 !important;
}


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

/** Fonts >> h1 **/
h1 {
	font-family: open sans !important;
	color: rgb(92, 174, 38) !important;
	font-size: 2em !important;
	line-height: 1.5em !important;
	font-weight: 400 !important;
	font-style: normal !important;
	background-color: rgba(255, 255, 255, 0) !important;
	margin-bottom: 5% !important;
}

/** Fonts >> h2 **/
h2 {
	font-family: open sans !important;
	color: rgb(92, 174, 38) !important;
	font-size: 1.8em !important;
	line-height: 1.5em !important;
	font-weight: 400 !important;
	font-style: normal !important;
	margin-top: 5% !important;
	margin-bottom: 5% !important;
}

/** Fonts >> h3 Überschriften Blog und Post-Slider **/
h3 {
	font-family: open sans !important;
	color: rgb(92, 174, 38) !important;
	font-size: 1.5em !important;
	line-height: 1.3em !important;
	font-weight: 400 !important;
	font-style: normal !important;
}

/** Fonts >> p **/
p {
	font-family: Open Sans !important;
	color: rgb(142, 142, 142) !important;
	font-size: 1.3em !important;
	line-height: 1.9em !important;
	font-weight: 400 !important;
}

/** Fonts >> ul **/
ul {
	font-family: open sans !important;
	font-size: 1.3em !important;
	line-height: 1.9em !important;
	font-weight: 400 !important;
}

/** Fonts >> li **/
p li {
	font-family: open sans !important;
	font-size: 1.3em !important;
	line-height: 1.9em !important;
	font-weight: 400 !important;
}

/** Fonts >> p a **/
p a {
	color: rgb(92, 174, 38) !important;
	font-size: 1em !important;
	font-weight: 400 !important;
}

/** Fonts >> h4 **/
h4 {
	font-family: Open Sans !important;
	font-size: 1.7em !important;
	line-height: 1.4em !important;
	font-weight: 400 !important;
}

/** Fonts >> strong **/
strong {
	color: rgb(92, 174, 38) !important;
	font-weight: 400 !important;
}

/** Fonts >> bold **/
bold {
	font-weight: 500 !important;
}

/** Fonts >> gruenelinks **/
.gruenelinks a {
	color: rgb(92, 174, 38) !important;
	font-weight: 400 !important;
}

/** Fonts >> grauelinks **/
.grauelinks a {
	color: rgb(142, 142, 142) !important;
	font-weight: 400 !important;
}

/** Fonts >> grauelinks1 im Impressum **/
.grauelinks1 a {
	color: rgb(142, 142, 142) !important;
	font-weight: 400 !important;
}

/** Fonts >> grauelinks11 im Impressum geringerer Zeilenabstand **/
.grauelinks11 a {
	color: rgb(142, 142, 142) !important;
	font-weight: 400 !important;
}


/*= Menupunkte und Mobile Menu = */

/** Menupunkte und Mobile Menu >> menu-punkt a (oberpunkte Menü) **/
.menu-punkt a {
	font-family: open sans !important;
	font-size: 1.2em !important;
	font-weight: 500 !important;
	text-transform: uppercase !important;
	padding-top: 5px !important;
	padding-bottom: 15px !important;
}

/** Menupunkte und Mobile Menu >> menu-punkt a (oberpunkte Menü) :hover **/
.menu-punkt a:hover {
	font-family: open sans !important;
	color: rgb(252, 232, 81) !important;
	font-weight: 500 !important;
}

/** Menupunkte und Mobile Menu >> menu-punkt kontakt-menu **/
li.menu-punkt.kontakt-menu a {
	color: rgb(252, 232, 81) !important;
}

/** Menupunkte und Mobile Menu >> menu-punkt kontakt-menu on scroll **/
.et-fixed-header li.menu-punkt.kontakt-menu {
	color: rgb(252, 232, 81) !important;
}

/** Menupunkte und Mobile Menu >> kontaktmobil a **/
.kontaktmobil a {
	color: rgba(252, 232, 81, 0.94) !important;
	font-weight: 600 !important;
	word-spacing: 1px !important;
	display: none !important;
}

/** Menupunkte und Mobile Menu >> elternportal **/
.elternportal {
	margin-left: -2% !important;
}

/** Menupunkte und Mobile Menu >> .et-menu .menu-item-has-children>a:first-child:after **/
.et-menu .menu-item-has-children>a:first-child:after {
	margin-top: 5px !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;
}


/*= Mobile Scroll Untermenu === */

/** Mobile Scroll Untermenu >> mobilescrollzeile **/
.mobilescrollzeile {
	box-shadow: 0 0 5px 0 rgba(102, 102, 102, 0.2) inset !important;
	background-color: rgb(255, 255, 255) !important;
	background-image: linear-gradient(180deg, rgb(244, 244, 244), rgb(255, 255, 255) 30%) !important;
	width: 200px !important;
	padding-top: 6px !important;
	padding-bottom: 15px !important;
	border-top: 2px solid rgb(252, 232, 81) !important;
	border-color: rgb(252, 232, 81) !important;
	border-bottom: 2px solid rgb(252, 232, 81) !important;
	border-style: solid !important;
	position: absolute !important;
	top: 65px !important;
	z-index: 1 !important;
}

/** Mobile Scroll Untermenu >> mobilescrollzeilebasis **/
.mobilescrollzeilebasis {
	background-color: rgba(252, 232, 81, 0.85) !important;
	width: 150px !important;
	border-top: 1px solid rgb(0, 150, 79) !important;
	border-bottom: 1px solid rgb(0, 150, 79) !important;
	position: absolute !important;
	top: -300px !important;
	z-index: 9999 !important;
}

/** Mobile Scroll Untermenu >> buttonmenu **/
.buttonmenu {
	font-size: 1.2em !important;
	line-height: 1em !important;
	font-weight: 500 !important;
	text-align: center !important;
	width: 100% !important;
	padding: 26px 0 12px 0 !important;
	margin-right: 0 !important;
	border-bottom-color: rgb(252, 232, 81) !important;
}

/** Mobile Scroll Untermenu >> buttonmenupfeile **/
.buttonmenupfeile {
	padding-bottom: 4px !important;
	padding-left: 0 !important;
	margin-right: 0 !important;
}

/** Mobile Scroll Untermenu >> buttonmenubasis **/
.buttonmenubasis {
	font-size: 1.2em !important;
	text-align: center !important;
	width: 200px !important;
	padding: 18px 0 8px 0 !important;
	margin-right: 0 !important;
	left: -10px !important;
}


/*= Accordion ================= */

/** Accordion >> .et_pb_accordion .et_pb_toggle_close **/
.et_pb_accordion .et_pb_toggle_close {
	margin-bottom: 0 !important;
	border-bottom-color: rgb(252, 232, 81) !important;
	border-bottom-width: 1px !important;
}

/** Accordion >> .et_pb_accordion .et_pb_toggle_content **/
.et_pb_accordion .et_pb_toggle_content {
	padding-right: 3% !important;
	padding-left: 3% !important;
}

/** Accordion >> .et_pb_accordion .et_pb_toggle_open h5.et_pb_toggle_title **/
.et_pb_accordion .et_pb_toggle_open h5.et_pb_toggle_title {
	padding-right: 3% !important;
	padding-left: 3% !important;
}

/** Accordion >> .et_pb_accordion .et_pb_toggle_close h5 **/
.et_pb_accordion .et_pb_toggle_close h5 {
	text-align: left !important;
	padding-right: 3% !important;
	padding-left: 3% !important;
}

/** Accordion >> .et_pb_accordion .et_pb_toggle_open **/
.et_pb_accordion .et_pb_toggle_open {
	background-color: rgb(255, 255, 255) !important;
}

/** Accordion >> .akkordiontext strong ( wenn strong gruen formatiert werden soll) **/
.akkordiontext strong {
	color: rgb(92, 174, 38) !important;
	font-weight: 600 !important;
}

/** Accordion >> .et_pb_accordion .et_pb_toggle_title:before **/
.et_pb_accordion .et_pb_toggle_title:before {
	font-size: 20px !important;
}


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

/** neuer header >> .headerbild **/
.headerbild {
	height: 400px !important;
}

/** neuer header >> Et pb menu logo image **/
.et_pb_menu__logo img {
	display: none !important;
}

/** neuer header >> neuheaderimage **/
.neuheaderimage {
	width: 60% !important;
	position: absolute !important;
	top: 55px !important;
	right: 50px !important;
	float: right !important;
}

/** neuer header >> kontaktheader **/
.kontaktheader {
	max-width: 40% !important;
	position: relative !important;
	bottom: 200px !important;
	float: right !important;
}

/** neuer header >> kontakttext **/
.kontakttext {
	font-family: open sans !important;
	font-size: 0.8em !important;
	background-color: rgba(92, 174, 38, 0.6) !important;
	padding-right: 30px !important;
	padding-bottom: 5px !important;
	padding-left: 10px !important;
	border-bottom-right-radius: 5vw !important;
	float: left !important;
}

/** neuer header >> kontakttext a **/
.kontakttext a {
	color: rgb(255, 255, 255) !important;
	font-weight: 400 !important;
}


/*= blog ====================== */

/** blog >> .et_pb_blog_grid .et_pb_post HG Posts GRID **/
.et_pb_blog_grid .et_pb_post {
	background-color: rgb(255, 255, 255) !important;
	min-height: 700px !important;
	padding-top: 40px !important;
	border: 1px solid rgba(102, 102, 102, 0.2) !important;
}

/** blog >> .blogkeinenachrichten .et_pb_blog_grid .et_pb_post HG GRID **/
.blogkeinenachrichten .et_pb_blog_grid .et_pb_post {
	box-shadow: 0 0 2px 0 rgba(102, 102, 102, 0.5) !important;
	background-color: rgb(255, 255, 255) !important;
	min-height: 760px !important;
	padding-top: 0 !important;
	border-width: 0 !important;
	border-style: solid !important;
}

/** blog >> .more-link:hover **/
.more-link:hover {
	color: rgb(255, 255, 255) !important;
	background-color: rgba(92, 174, 38, 0.6) !important;
	padding: 7px 12px 10px 10px !important;
	margin-top: 20px !important;
	margin-right: 4px !important;
	border-radius: 50px !important;
	float: right !important;
	-o-transition-duration: 0.3s !important;
	-moz-transition-duration: 0.3s !important;
	-webkit-transition-duration: 0.3s !important;
	transition-duration: 0.3s !important;
}

/** blog >> .more-link **/
.more-link {
	color: rgb(255, 255, 255) !important;
	font-weight: 600 !important;
	background-color: rgba(92, 174, 38, 0.6) !important;
	padding: 5px 10px 8px 8px !important;
	margin-top: 20px !important;
	border-radius: 50px !important;
	position: relative !important;
	float: right !important;
}

/** blog >> .fullwidthblog .more-link **/
.fullwidthblog .more-link {
	background-color: rgba(92, 174, 38, 0.6) !important;
	padding: 5px 10px 8px 8px !important;
	margin-top: 20px !important;
	border-radius: 50px !important;
	float: right !important;
}

/** blog >> .fullwidthblog .more-link hover **/
.fullwidthblog .more-link:hover {
	background-color: rgba(92, 174, 38, 0.6) !important;
	padding: 7px 12px 10px 10px !important;
	margin-top: 20px !important;
	margin-right: 4px !important;
	border-radius: 50px !important;
	float: right !important;
}

/** blog >> kategorie erasmus blog **/
.erasmusblog .post-meta {
	font-family: indie flower !important;
	font-weight: normal !important;
	text-align: center !important;
}

/** blog >> Et pb menu wrap **/
#desktop-menu .et_pb_menu__wrap {
	margin-bottom: -30px !important;
}


/*= Bilder im Fließtext ====== */

/** Bilder im Fließtext >> person-rund-float-left **/
.person-rund-float-left {
	box-shadow: 1px 1px 5px 0 rgba(102, 102, 102, 0.8) !important;
	margin-right: 18px !important;
	margin-bottom: 0 !important;
	border-color: rgb(255, 255, 255) !important;
	border-style: solid !important;
	border-radius: 50vw !important;
	float: left !important;
}

/** Bilder im Fließtext >> person-rund-float-none **/
.person-rund-float-none {
	box-shadow: 1px 1px 5px 0 rgba(102, 102, 102, 0.8) !important;
	margin-right: 18px !important;
	margin-bottom: 0 !important;
	border-color: rgb(255, 255, 255) !important;
	border-style: solid !important;
	border-radius: 50vw !important;
}

/** Bilder im Fließtext >> textbild-float-right **/
.textbild-float-right {
	box-shadow: 1px 1px 5px 0 rgba(102, 102, 102, 0.8) !important;
	margin-bottom: 0 !important;
	margin-left: 18px !important;
	border-color: rgb(255, 255, 255) !important;
	border-style: solid !important;
	float: right !important;
}

/** Bilder im Fließtext >> textbild-float-left **/
.textbild-float-left {
	box-shadow: 1px 1px 5px 0 rgba(102, 102, 102, 0.8) !important;
	margin-right: 18px !important;
	margin-bottom: 0 !important;
	border-color: rgb(255, 255, 255) !important;
	border-style: solid !important;
	float: left !important;
}

/** Bilder im Fließtext >> textbild-float-left ohne Schatten **/
.textbild-float-left-os {
	box-shadow: 0 0 0 0 rgba(102, 102, 102, 0) !important;
	margin-right: 18px !important;
	margin-bottom: 0 !important;
	border-color: rgb(255, 255, 255) !important;
	border-style: solid !important;
	float: left !important;
}

/** Bilder im Fließtext >> textbild-float-links **/
.textbild-float-links {
	box-shadow: 1px 1px 5px 0 rgba(102, 102, 102, 0.8) !important;
	margin-right: 15px !important;
	margin-bottom: 0 !important;
	margin-left: 5% !important;
	border-color: rgb(255, 255, 255) !important;
	border-style: solid !important;
	float: left !important;
}

/** Bilder im Fließtext >> .textbild-float-none **/
.textbild-float-none {
	box-shadow: 1px 1px 5px 0 rgba(102, 102, 102, 0.8) !important;
	margin-bottom: 10px !important;
	border-color: rgb(255, 255, 255) !important;
	border-style: solid !important;
}

/** Bilder im Fließtext >> img **/
img {
	float: none !important;
}

/** Bilder im Fließtext >> mfp-title (Titel in Lightboxes von Divi) **/
.mfp-title {
	display: none !important;
}


/*= Schulleitung ============== */

/** Schulleitung >> schulleitungbild **/
.schulleitungbild img {
	box-shadow: 1px 1px 10px 0 rgba(102, 102, 102, 0.8) !important;
	margin-bottom: -10px !important;
	border-color: rgb(255, 255, 255) !important;
	border-style: solid !important;
	border-radius: 50vw !important;
	z-index: 20 !important;
}

/** Schulleitung >> schulleitungtext **/
.schulleitungtext {
	text-shadow: 0 0 !important;
	width: 100% !important;
	max-width: 300% !important;
}

/** Schulleitung >> .schulleitungaufgaben .et_pb_toggle_title **/
.schulleitungaufgaben .et_pb_toggle_title {
	font-size: 1.3em !important;
	margin-left: 8% !important;
}

/** Schulleitung >> .schulleitungtext p strong **/
.schulleitungtext p strong {
	font-family: indie flower !important;
	font-size: 2.2em !important;
}

/** Schulleitung >> schulleitungaufgaben **/
.schulleitungaufgaben {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
}

/** Schulleitung >> schulleitungtext strong **/
.schulleitungtext strong {
	color: rgb(255, 255, 255) !important;
	font-weight: 300 !important;
}


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

/** Blurb >> Blurb Text Padding **/
.et_pb_blurb .et_pb_blurb_container {
	padding-right: 5% !important;
	padding-bottom: 5% !important;
	padding-left: 5% !important;
}

/** Blurb >> .blurbinfoseiten strong DOWNLOAD **/
.blurbinfoseiten strong {
	color: rgb(255, 255, 255) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	background-color: rgba(92, 174, 38, 0.6) !important;
	padding: 2px 10px 3px 8px !important;
	border-radius: 50px !important;
	float: right !important;
}

/** Blurb >> .blurbinfoseiten strong DOWNLOAD hover **/
.blurbinfoseiten strong:hover {
	color: rgb(255, 255, 255) !important;
	font-size: 14px !important;
	background-color: rgba(92, 174, 38, 0.6) !important;
	padding: 4px 12px 5px 10px !important;
	margin-right: 4px !important;
	border-radius: 50px !important;
	float: right !important;
	-o-transition-duration: 0.3s !important;
	-moz-transition-duration: 0.3s !important;
	-webkit-transition-duration: 0.3s !important;
	transition-duration: 0.3s !important;
}

/** Blurb >> .blurbinfoseiten Höhe **/
.blurbinfoseiten {
	min-height: 760px !important;
}

/** Blurb >> .blurbinfoseiten img **/
.blurbinfoseiten img {
	-webkit-animation-name: none !important;
	animation-name: none !important;
}


/*= download button =========== */

/** download button >> .downloadbutton **/
.downloadbutton {
	position: relative !important;
	top: 12px !important;
}

/** download button >> .downloadbutton hover **/
.downloadbutton:hover {
	width: 95px !important;
	margin-right: 4px !important;
	border-width: 0 !important;
	border-style: none !important;
	position: relative !important;
	top: 12px !important;
	-o-transition-duration: 0.3s !important;
	-moz-transition-duration: 0.3s !important;
	-webkit-transition-duration: 0.3s !important;
	transition-duration: 0.3s !important;
}


/*= Termine =================== */

/** Termine >> terminedatum **/
.terminedatum p {
	font-family: indie flower !important;
	color: rgb(255, 255, 255) !important;
	font-size: 1.6em !important;
	font-weight: 600 !important;
	letter-spacing: 1px !important;
	padding-top: 8px !important;
}

/** Termine >> termine section **/
.termine {
	margin-right: 3% !important;
	margin-left: 3% !important;
	border-color: rgba(102, 102, 102, 0.2) !important;
	border-width: 1px !important;
}


/*= Kontakt =================== */

/** Kontakt >> kontaktundanfahrttext **/
.kontaktundanfahrttext a {
	color: rgb(102, 102, 102) !important;
	font-weight: 300 !important;
}

/** Kontakt >> .feld **/
.feld {
	font-family: open sans !important;
	font-size: 0.8em !important;
	line-height: 2em !important;
	font-weight: 300 !important;
	box-shadow: 0 0 7px 0 rgba(102, 102, 102, 0.1) !important;
	background-color: rgba(255, 255, 255, 0.5) !important;
	width: 100% !important;
	min-width: 100% !important;
	padding-right: 10px !important;
	padding-left: 10px !important;
	border-color: rgba(102, 102, 102, 0.2) !important;
}

/** Kontakt >> .senden **/
.senden {
	font-family: open sans !important;
	color: rgb(255, 255, 255) !important;
	font-size: 1em !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	word-spacing: 2px !important;
	background-color: rgb(174, 216, 146) !important;
	padding: 10px !important;
	border-color: rgb(255, 255, 255) !important;
	border-style: solid !important;
	border-radius: 40px !important;
}

/** Kontakt >> .wpcf7-form p:nth-of-type(5) **/
.wpcf7-form p:nth-of-type(5) {
	color: rgb(102, 102, 102) !important;
	font-size: 1em !important;
}

/** Kontakt >> .wpcf7-form p:nth-of-type(6) **/
.wpcf7-form p:nth-of-type(6) {
	color: rgb(102, 102, 102) !important;
	font-size: 1em !important;
}

/** Kontakt >> .wpcf7-form p:nth-of-type(6) a **/
.wpcf7-form p:nth-of-type(6) a {
	color: rgb(102, 102, 102) !important;
	font-size: 1em !important;
	font-weight: 600 !important;
}

/** Kontakt >> .wpcf7-form p:nth-of-type(7) **/
.wpcf7-form p:nth-of-type(7) {
	color: rgb(102, 102, 102) !important;
	font-size: 1em !important;
}

/** Kontakt >> .wpcf7-form p:nth-of-type(8) **/
.wpcf7-form p:nth-of-type(8) {
	color: rgb(102, 102, 102) !important;
	font-size: 1em !important;
}


/*= Popup ===================== */

/** Popup >> popuptext a **/
.popuptext a {
	color: rgb(255, 255, 255) !important;
	font-weight: 400 !important;
}

/** Popup >> popuptext p **/
.popuptext p {
	color: rgb(255, 255, 255) !important;
	font-weight: 400 !important;
}


/*= Back to top button ======== */

/** Back to top button >> .et_pb_scroll_top **/
.et_pb_scroll_top {
	font-weight: 600 !important;
	background-color: rgba(174, 214, 146, 0.8) !important;
	bottom: 50px !important;
}


/*= galleries ================= */

/** galleries >> ug-tiles-wrapper **/
.ug-tiles-wrapper {
	box-shadow: 1px 1px 10px 0 rgba(102, 102, 102, 0.8) !important;
	border: 0 solid rgb(255, 255, 255) !important;
}

/** galleries >> ug-textpanel **/
div.ug-textpanel {
	background-color: rgb(92, 174, 38) !important;
	border-style: none !important;
}


/*= Physik Themen ============= */

/** Physik Themen >> .textbild-float-none1 **/
.textbild-float-none1 {
	box-shadow: 1px 1px 5px 0 rgba(102, 102, 102, 0.5) !important;
	margin-bottom: 10px !important;
	border: 2px solid rgb(255, 255, 255) !important;
}

/** Physik Themen >> .textbild-float-none1:hover **/
.textbild-float-none1:hover {
	box-shadow: 1px 1px 5px 0 rgba(102, 102, 102, 0.5) !important;
	margin-bottom: 10px !important;
	border: 4px solid rgb(255, 255, 255) !important;
}

/** Physik Themen >> .themenphysik a **/
.themenphysik a {
	color: rgb(255, 255, 255) !important;
	font-size: 14px !important;
	background-color: rgba(92, 174, 38, 0.6) !important;
	padding: 2px 10px 3px 8px !important;
	border-radius: 50px !important;
}

/** Physik Themen >> .themenphysik a hover **/
.themenphysik a:hover {
	color: rgb(255, 255, 255) !important;
	font-size: 14px !important;
	background-color: rgba(92, 174, 38, 0.6) !important;
	padding: 4px 12px 5px 10px !important;
	margin-right: 4px !important;
	border-radius: 50px !important;
	-o-transition-duration: 0.3s !important;
	-moz-transition-duration: 0.3s !important;
	-webkit-transition-duration: 0.3s !important;
	transition-duration: 0.3s !important;
}


/*= Home Workout Sport ======== */

/** Home Workout Sport >> videotext **/
.videotext {
	text-shadow: 0 0 !important;
	max-width: 400px !important;
	min-height: 470px !important;
	padding-top: 100px !important;
}

/** Home Workout Sport >> .videotext p strong **/
.videotext p strong {
	font-family: indie flower !important;
	font-size: 2.2em !important;
}

/** Home Workout Sport >> videotext strong **/
.videotext strong {
	color: rgb(255, 255, 255) !important;
	font-weight: 300 !important;
}


/*= Video Popup =============== */

/** Video Popup >> videocode **/
.videocode {
	height: 2vw !important;
	opacity: 0 !important;
}

/** Video Popup >> body > div.ug-gallery-wrapper.ug-lightbox.ug-lightbox-compact > div.ug-lightbox-arrow-right **/
body > div.ug-gallery-wrapper.ug-lightbox.ug-lightbox-compact > div.ug-lightbox-arrow-right {
	opacity: 0 !important;
}

/** Video Popup >> body > div.ug-gallery-wrapper.ug-lightbox.ug-lightbox-compact > div.ug-lightbox-arrow-left **/
body > div.ug-gallery-wrapper.ug-lightbox.ug-lightbox-compact > div.ug-lightbox-arrow-left {
	opacity: 0 !important;
}


/*= Wohnungen ================= */

/** Wohnungen >> .wohnungsformular p **/
.wohnungsformular p {
	font-family: open sans !important;
	color: rgb(142, 142, 142) !important;
	font-size: 1.1em !important;
	line-height: 1.6em !important;
	font-weight: 400 !important;
}

/** Wohnungen >> Paragraph:(5) strong **/
.wpcf7-form > p:nth-of-type(5) > strong {
	font-size: 1.1em !important;
	line-height: 1.6em !important;
}

/** Wohnungen >> Paragraph:(6) strong **/
.wpcf7-form > p:nth-of-type(6) > strong {
	font-size: 1.1em !important;
	line-height: 1.6em !important;
}

/** Wohnungen >> Paragraph:(7) strong **/
.wpcf7-form > p:nth-of-type(7) > strong {
	font-size: 1.1em !important;
	line-height: 1.6em !important;
}

/** Wohnungen >> Paragraph:(8) strong **/
.wpcf7-form > p:nth-of-type(8) > strong {
	font-size: 1.1em !important;
	line-height: 1.6em !important;
}

/** Wohnungen >> Wpcf7 f6678 p6594 o1 wpcf7 list item label **/
#wpcf7-f6678-p6594-o1 .wpcf7-list-item-label {
	font-weight: 800 !important;
}

/** Wohnungen >> .feldw **/
.feldw {
	background-color: rgb(242, 242, 242) !important;
	width: 80% !important;
	padding: 10px !important;
	border-style: none !important;
}

/** Wohnungen >> .mailfeld **/
.mailfeld {
	background-color: rgb(242, 242, 242) !important;
	width: 80% !important;
	padding: 10px !important;
	border-style: none !important;
}

/** Wohnungen >> .telfeld **/
.telfeld {
	background-color: rgb(242, 242, 242) !important;
	width: 80% !important;
	padding: 10px !important;
	border-style: none !important;
}

/** Wohnungen >> .zahlfeld **/
.zahlfeld {
	background-color: rgb(242, 242, 242) !important;
	width: 10% !important;
	padding: 10px !important;
	border-style: none !important;
}

/** Wohnungen >> .sendenw **/
.sendenw {
	font-family: open sans !important;
	color: rgb(255, 255, 255) !important;
	font-size: 1em !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	word-spacing: 2px !important;
	background-color: rgb(174, 216, 146) !important;
	padding: 10px !important;
	margin-top: 5% !important;
	border-color: rgb(255, 255, 255) !important;
	border-style: solid !important;
	border-radius: 40px !important;
	position: relative !important;
	left: 40% !important;
	cursor: pointer !important;
}


/*= Passster ================== */

/** Passster >> .passster-submit **/
button.passster-submit {
	background-color: rgb(92, 174, 38) !important;
}

/** Passster >> form.password-form h4 **/
form.password-form h4 {
	color: rgb(92, 174, 38) !important;
	font-weight: 400 !important;
}


/*= Genially ================== */

/** Genially >> ._brlbs-btn **/
._brlbs-btn {
	color: rgb(255, 255, 255) !important;
	background-color: rgb(92, 174, 38) !important;
}


/*= Infoabend ================= */

/** Infoabend >> infoabendiframe **/
.infoabendiframe {
	text-align: center !important;
}


/*= Ankuendigung ============== */

/** Ankuendigung >> .ankuendigungzeile **/
.ankuendigungzeile {
	background-color: rgba(92, 174, 38, 0.8) !important;
	width: 40% !important;
	padding: 6px 0 0 0 !important;
	border-top-left-radius: 50px !important;
	border-bottom-right-radius: 50px !important;
	position: fixed !important;
	top: 45px !important;
	left: 0 !important;
}

/** Ankuendigung >> .ankuendigung p **/
.ankuendigung p {
	color: rgb(255, 255, 255) !important;
}

/** Ankuendigung >> .ankuendigung a **/
.ankuendigung a {
	background-color: rgb(255, 255, 255) !important;
	padding: 5px 10px 5px 10px !important;
	border-radius: 10px !important;
}


/*= Book creator ============== */

/** Book creator >> .bookcreatorcode **/
.bookcreatorcode {
	text-align: center !important;
}


/*= Schnuppernachmittag ======= */

/** Schnuppernachmittag >> .schnuppern **/
.schnuppern {
	color: rgb(255, 255, 255) !important;
	font-size: 18px !important;
	font-weight: 600 !important;
	text-align: center !important;
	background-color: rgba(92, 174, 38, 0.6) !important;
	padding: 5px 15px 8px 15px !important;
	border-radius: 50px !important;
	position: relative !important;
	float: none !important;
}

/** Schnuppernachmittag >> .schnuppern hover **/
.schnuppern:hover {
	color: rgb(255, 255, 255) !important;
	font-size: 17.5px !important;
	background-color: rgba(92, 174, 38, 0.6) !important;
	padding: 5px 15px 8px 15px !important;
	border-radius: 50px !important;
	float: none !important;
	-o-transition-duration: 0.3s !important;
	-moz-transition-duration: 0.3s !important;
	-webkit-transition-duration: 0.3s !important;
	transition-duration: 0.3s !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;
}

	/** Fonts >> h3 Überschriften Blog und Post-Slider **/
	h3 {
	font-weight: 600 !important;
}

	/** Mobile Scroll Untermenu >> mobilescrollzeile **/
	.mobilescrollzeile {
	padding-bottom: 15px !important;
	border-top-width: 2px !important;
	border-bottom-width: 2px !important;
	border-top-style: solid !important;
	border-bottom-style: solid !important;
	position: absolute !important;
	right: 11vw !important;
}

	/** Mobile Scroll Untermenu >> mobilescrollzeilebasis **/
	.mobilescrollzeilebasis {
	border-top-style: none !important;
	border-bottom-style: none !important;
	right: 50px !important;
}

	/** Mobile Scroll Untermenu >> buttonmenu **/
	.buttonmenu {
	border-bottom-color: rgb(252, 232, 81) !important;
}

	/** Ankuendigung >> .ankuendigungzeile **/
	.ankuendigungzeile {
	padding-bottom: 10px !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;
}

	/** Fonts >> h3 Überschriften Blog und Post-Slider **/
	h3 {
	font-weight: 600 !important;
}

	/** Mobile Scroll Untermenu >> mobilescrollzeile **/
	.mobilescrollzeile {
	padding-bottom: 15px !important;
	border-top-width: 2px !important;
	border-bottom-width: 2px !important;
	border-top-style: solid !important;
	border-bottom-style: solid !important;
	right: 10vw !important;
}

	/** Mobile Scroll Untermenu >> mobilescrollzeilebasis **/
	.mobilescrollzeilebasis {
	border-top-style: none !important;
	border-bottom-style: none !important;
	right: 40px !important;
}

	/** General >> inhaltszeile **/
	.inhaltszeile {
	right: 50px !important;
}

	/** neuer header >> .headerbild **/
	.headerbild {
	height: 416px !important;
}

	/** neuer header >> neuheaderimage **/
	.neuheaderimage {
	top: 75px !important;
	right: 40px !important;
}

	/** Ankuendigung >> .ankuendigungzeile **/
	.ankuendigungzeile {
	padding-bottom: 10px !important;
}

}


/*( MEDIUM  (1301 bis 1600 px) Ausnahmen (imp) )*/
@media all and (min-width: 1301px) and (max-width: 1600px) {
	/** Fonts >> h3 Überschriften Blog und Post-Slider **/
	h3 {
	font-weight: 600 !important;
}

	/** Footer >> rose **/
	.rose img {
	bottom: -250px !important;
}

	/** General >> .cpgzeile zeile mit das cpg Gilching **/
	.cpgzeile {
	margin-top: -200px !important;
}

	/** General >> inhaltszeile **/
	.inhaltszeile {
	right: 80px !important;
}

	/** Mobile Scroll Untermenu >> mobilescrollzeile **/
	.mobilescrollzeile {
	padding-bottom: 15px !important;
	border-top-style: solid !important;
	border-bottom-style: solid !important;
	right: 7vw !important;
}

	/** Mobile Scroll Untermenu >> mobilescrollzeilebasis **/
	.mobilescrollzeilebasis {
	border-top-style: none !important;
	border-bottom-style: none !important;
	right: 30px !important;
}

	/** neuer header >> .headerbild **/
	.headerbild {
	height: 338px !important;
}

	/** neuer header >> neuheaderimage **/
	.neuheaderimage {
	top: 65px !important;
	right: 30px !important;
}

	/** neuer header >> kontaktheader **/
	.kontaktheader {
	bottom: 170px !important;
}

	/** neuer header >> kontakttext **/
	.kontakttext {
	font-size: 0.8em !important;
}

	/** blog >> .blogkeinenachrichten .et_pb_blog_grid .et_pb_post HG GRID **/
	.blogkeinenachrichten .et_pb_blog_grid .et_pb_post {
	min-height: 740px !important;
}

	/** Blurb >> .blurbinfoseiten Höhe **/
	.blurbinfoseiten {
	min-height: 740px !important;
}

	/** Ankuendigung >> .ankuendigungzeile **/
	.ankuendigungzeile {
	width: 50% !important;
	padding-bottom: 10px !important;
}

}


/*( KLEINER  (1101 bis 1300 px) Ausnahmen (imp) )*/
@media all and (min-width: 1101px) and (max-width: 1300px) {
	/** Fonts >> h3 Überschriften Blog und Post-Slider **/
	h3 {
	font-size: 1.5em !important;
	font-weight: 600 !important;
}

	/** Footer >> rose **/
	.rose img {
	bottom: -270px !important;
}

	/** General >> .cpgzeile zeile mit das cpg Gilching **/
	.cpgzeile {
	margin-top: -200px !important;
}

	/** General >> inhaltszeile **/
	.inhaltszeile {
	right: 85px !important;
}

	/** General >> einfuhrungstext **/
	.einfuhrungstext {
	min-height: 710px !important;
}

	/** Mobile Scroll Untermenu >> mobilescrollzeile **/
	.mobilescrollzeile {
	padding-bottom: 15px !important;
	border-top-style: solid !important;
	border-bottom-style: solid !important;
	right: 2vw !important;
}

	/** Mobile Scroll Untermenu >> mobilescrollzeilebasis **/
	.mobilescrollzeilebasis {
	border-top-style: none !important;
	border-bottom-style: none !important;
	right: 20px !important;
}

	/** neuer header >> .headerbild **/
	.headerbild {
	height: 286px !important;
}

	/** neuer header >> Et pb menu logo image **/
	.et_pb_menu__logo img {
	display: none !important;
}

	/** neuer header >> neuheaderimage **/
	.neuheaderimage {
	top: 60px !important;
	right: 30px !important;
}

	/** neuer header >> kontaktheader **/
	.kontaktheader {
	bottom: 150px !important;
}

	/** neuer header >> kontakttext **/
	.kontakttext {
	font-size: 0.7em !important;
}

	/** Schulleitung >> .schulleitungtext p strong **/
	.schulleitungtext p strong {
	font-size: 2.1em !important;
}

	/** blog >> .et_pb_blog_grid .et_pb_post HG Posts GRID **/
	.et_pb_blog_grid .et_pb_post {
	min-height: 760px !important;
}

	/** blog >> .blogkeinenachrichten .et_pb_blog_grid .et_pb_post HG GRID **/
	.blogkeinenachrichten .et_pb_blog_grid .et_pb_post {
	min-height: 880px !important;
}

	/** Blurb >> .blurbinfoseiten Höhe **/
	.blurbinfoseiten {
	min-height: 880px !important;
}

	/** Home Workout Sport >> .videotext p strong **/
	.videotext p strong {
	font-size: 2.1em !important;
}

	/** Ankuendigung >> .ankuendigungzeile **/
	.ankuendigungzeile {
	width: 60% !important;
}

	/** Ankuendigung >> .ankuendigung **/
	.ankuendigung {
	padding: 10px 30px 10px 30px !important;
}

	/** Menupunkte und Mobile Menu >> menu-punkt a (oberpunkte Menü) **/
	.menu-punkt a {
	font-size: 1.1em !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;
}

	/** Fonts >> h1 **/
	h1 {
	font-size: 2em !important;
	font-weight: 400 !important;
}

	/** Fonts >> h2 **/
	h2 {
	font-size: 1.8em !important;
	font-weight: 400 !important;
}

	/** Fonts >> h3 Überschriften Blog und Post-Slider **/
	h3 {
	font-size: 1.2em !important;
	font-weight: 400 !important;
}

	/** Fonts >> h4 **/
	h4 {
	font-size: 1.4em !important;
	font-weight: 400 !important;
}

	/** Footer >> rose **/
	.rose img {
	max-width: 50% !important;
	bottom: -260px !important;
}

	/** General >> .cpgzeile zeile mit das cpg Gilching **/
	.cpgzeile {
	margin-top: -100px !important;
}

	/** General >> inhaltszeile **/
	.inhaltszeile {
	right: 75px !important;
}

	/** General >> einfuhrungstext **/
	.einfuhrungstext {
	min-height: 750px !important;
}

	/** Mobile Scroll Untermenu >> mobilescrollzeile **/
	.mobilescrollzeile {
	padding-bottom: 15px !important;
	border-top-style: solid !important;
	border-bottom-style: solid !important;
	top: 65px !important;
	right: 0 !important;
}

	/** Mobile Scroll Untermenu >> mobilescrollzeilebasis **/
	.mobilescrollzeilebasis {
	border-top-style: none !important;
	border-bottom-style: none !important;
	top: -200px !important;
	right: 0 !important;
}

	/** neuer header >> .headerbild **/
	.headerbild {
	height: 266px !important;
}

	/** neuer header >> Et pb menu logo image **/
	.et_pb_menu__logo img {
	display: none !important;
}

	/** neuer header >> neuheaderimage **/
	.neuheaderimage {
	top: 60px !important;
	right: 25px !important;
}

	/** neuer header >> kontaktheader **/
	.kontaktheader {
	bottom: 130px !important;
}

	/** neuer header >> kontakttext **/
	.kontakttext {
	font-size: 0.6em !important;
}

	/** neuer header >> kontakttext a **/
	.kontakttext a {
	font-size: 0.9em !important;
}

	/** blog >> .et_pb_blog_grid .et_pb_post HG Posts GRID **/
	.et_pb_blog_grid .et_pb_post {
	min-height: 830px !important;
}

	/** blog >> .blogkeinenachrichten .et_pb_blog_grid .et_pb_post HG GRID **/
	.blogkeinenachrichten .et_pb_blog_grid .et_pb_post {
	min-height: 930px !important;
}

	/** Menupunkte und Mobile Menu >> menu-punkt a (oberpunkte Menü) **/
	.menu-punkt a {
	font-size: 1em !important;
	font-weight: 500 !important;
}

	/** Schulleitung >> .schulleitungtext p strong **/
	.schulleitungtext p strong {
	font-size: 2em !important;
}

	/** Blurb >> .blurbinfoseiten Höhe **/
	.blurbinfoseiten {
	min-height: 930px !important;
}

	/** Home Workout Sport >> .videotext p strong **/
	.videotext p strong {
	font-size: 2em !important;
}

	/** Wohnungen >> .sendenw **/
	.sendenw {
	left: 38% !important;
}

	/** Ankuendigung >> .ankuendigungzeile **/
	.ankuendigungzeile {
	width: 55% !important;
}

	/** Ankuendigung >> .ankuendigung **/
	.ankuendigung {
	padding: 10px 30px 10px 30px !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;
}

	/** Fonts >> h1 **/
	h1 {
	font-size: 2em !important;
	line-height: 1.5em !important;
}

	/** Fonts >> h2 **/
	h2 {
	font-size: 1.8em !important;
	line-height: 1.5em !important;
}

	/** Fonts >> h3 Überschriften Blog und Post-Slider **/
	h3 {
	font-size: 1.8em !important;
	line-height: 1.5em !important;
}

	/** Fonts >> h4 **/
	h4 {
	font-size: 1.5em !important;
}

	/** Fonts >> nummerierung Liste **/
	.nummerierung li {
	padding-bottom: 10px !important;
}

	/** Footer >> rose **/
	.rose img {
	left: -240px !important;
	display: none !important;
}

	/** Blog Post Slider >> .wp-post-image **/
	.et_pb_slide_image {
	opacity: 1 !important;
}

	/** Mobile Scroll Untermenu >> mobilescrollzeile **/
	.mobilescrollzeile {
	box-shadow: 0 0 0 0 rgba(102, 102, 102, 0) !important;
	background-color: rgb(223, 219, 219) !important;
	width: 100% !important;
	height: 63px !important;
	padding-right: 20px !important;
	padding-bottom: 0 !important;
	border-top-width: 0 !important;
	border-bottom-width: 2px !important;
	top: 2px !important;
}

	/** Mobile Scroll Untermenu >> mobilescrollzeilebasis **/
	.mobilescrollzeilebasis {
	background-color: rgba(0, 150, 79, 0) !important;
	width: 100% !important;
	padding-right: 20px !important;
	border-top-style: none !important;
	border-bottom-style: none !important;
	top: 63px !important;
	left: 45% !important;
}

	/** Mobile Scroll Untermenu >> buttonmenu **/
	.buttonmenu {
	font-size: 1em !important;
	padding-top: 18px !important;
	padding-bottom: 2px !important;
}

	/** Mobile Scroll Untermenu >> buttonmenupfeile **/
	.buttonmenupfeile {
	font-family: "Arial Black" !important;
	font-size: 2em !important;
	font-weight: 900 !important;
	padding-top: 18px !important;
	padding-bottom: 2px !important;
	top: -15px !important;
}

	/** Mobile Scroll Untermenu >> buttonmenubasis **/
	.buttonmenubasis {
	font-size: 1em !important;
	padding-top: 10px !important;
	padding-bottom: 2px !important;
	position: absolute !important;
	z-index: 9999 !important;
}

	/** Accordion >> .et_pb_accordion .et_pb_toggle_content **/
	.et_pb_accordion .et_pb_toggle_content {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

	/** Accordion >> .et_pb_accordion .et_pb_toggle_open h5.et_pb_toggle_title **/
	.et_pb_accordion .et_pb_toggle_open h5.et_pb_toggle_title {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

	/** Accordion >> .et_pb_accordion .et_pb_toggle_close h5 **/
	.et_pb_accordion .et_pb_toggle_close h5 {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

	/** Accordion >> .et_pb_accordion .et_pb_toggle_title:before **/
	.et_pb_accordion .et_pb_toggle_title:before {
	font-size: 26px !important;
}

	/** neuer header >> .headerbild **/
	.headerbild {
	height: 229px !important;
	border-bottom: 2px solid rgb(92, 174, 38) !important;
}

	/** neuer header >> kontakttext **/
	.kontakttext {
	font-size: 0.8em !important;
}

	/** Menupunkte und Mobile Menu >> menu-punkt a (oberpunkte Menü) **/
	.menu-punkt a {
	font-size: 1em !important;
	text-transform: uppercase !important;
	padding-top: 15px !important;
	margin-right: 90px !important;
	margin-left: 25px !important;
}

	/** Menupunkte und Mobile Menu >> .mobmenur-container img **/
	.mobmenur-container img {
	min-width: 80px !important;
	max-width: 80px !important;
	max-height: 90px !important;
	padding-top: 5px !important;
}

	/** Menupunkte und Mobile Menu >> HG Mobile Menu **/
	.mob-menu-right-bg-holder {
	background-position: 80% 0% !important;
}

	/** Menupunkte und Mobile Menu >> unterpunktfaecher **/
	.unterpunktfaecher {
	font-size: 0.75em !important;
}

	/** General >> inhaltszeile **/
	.inhaltszeile {
	width: 95% !important;
}

	/** General >> einfuhrungstext **/
	.einfuhrungstext {
	box-shadow: 0 0 0 0 !important;
	background-color: rgb(255, 255, 255) !important;
	min-height: 0 !important;
	border-color: rgba(102, 102, 102, 0.2) !important;
}

	/** General >> inhaltszeilestart Startseite Inhaltszeilen Breiten **/
	.inhaltszeilestart {
	width: 95% !important;
}

	/** General >> inhaltsection **/
	.inhaltsection {
	min-height: 0 !important;
}

	/** blog >> .blogkeinenachrichten .et_pb_blog_grid .et_pb_post HG GRID **/
	.blogkeinenachrichten .et_pb_blog_grid .et_pb_post {
	border-right-width: 1px !important;
	border-left-width: 1px !important;
}

	/** blog >> .fullwidthblog .more-link **/
	.fullwidthblog .more-link {
	margin-right: 5% !important;
	margin-bottom: 5% !important;
}

	/** blog >> .fullwidthblog .more-link hover **/
	.fullwidthblog .more-link:hover {
	margin-right: 5.5% !important;
	margin-bottom: 5% !important;
}

	/** blog >> .et_pb_post a img Bild Fullwidth Blog Startseite KEIN GRID **/
	.fullwidthblog .et_pb_post a img {
	padding: 5% !important;
}

	/** blog >> .et_pb_post h4 a Titel Fullwidth Blog Startseite KEIN GRID **/
	.fullwidthblog .et_pb_post h4 a {
	padding-right: 5% !important;
	padding-left: 5% !important;
}

	/** blog >> .et_pb_post h4 a Vorschautext Fullwidth Blog Startseite KEIN GRID **/
	.fullwidthblog .et_pb_post p:not(.post-meta) {
	padding-right: 5% !important;
	padding-left: 5% !important;
}

	/** Schulleitung >> .schulleitungtext p strong **/
	.schulleitungtext p strong {
	font-size: 2em !important;
}

	/** Termine >> terminedatum **/
	.terminedatum p {
	font-size: 1.6em !important;
}

	/** Home Workout Sport >> .videotext p strong **/
	.videotext p strong {
	font-size: 2em !important;
}

	/** Wohnungen >> .sendenw **/
	.sendenw {
	left: 40% !important;
}

	/** Ankuendigung >> .ankuendigungzeile **/
	.ankuendigungzeile {
	width: 80% !important;
	top: 35px !important;
}

	/** Ankuendigung >> .ankuendigung **/
	.ankuendigung {
	padding: 10px 30px 10px 30px !important;
}

}


/*( PHONE (0 bis 767 px) (imp) )*/
@media all and (min-width: 0px) 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;
}

	/** Fonts >> h1 **/
	h1 {
	font-family: Open Sans !important;
	font-size: 1.8em !important;
	line-height: 1.1em !important;
	margin-bottom: 8% !important;
}

	/** Fonts >> h2 **/
	h2 {
	font-family: Open Sans !important;
	font-size: 1.6em !important;
	line-height: 1.1em !important;
	margin-top: 8% !important;
	margin-bottom: 8% !important;
}

	/** Fonts >> h3 Überschriften Blog und Post-Slider **/
	h3 {
	font-size: 1.6em !important;
	line-height: 1.5em !important;
	font-weight: 300 !important;
}

	/** Footer >> rose **/
	.rose img {
	bottom: -290px !important;
	left: -90px !important;
	display: none !important;
}

	/** Menupunkte und Mobile Menu >> kontaktmobil a **/
	.kontaktmobil a {
	display: block !important;
}

	/** Menupunkte und Mobile Menu >> menu-punkt a (oberpunkte Menü) **/
	.menu-punkt a {
	font-size: 1em !important;
	line-height: 1em !important;
	text-transform: uppercase !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	margin-right: 90px !important;
	margin-left: 25px !important;
}

	/** Menupunkte und Mobile Menu >> .mobmenur-container img **/
	.mobmenur-container img {
	min-width: 70px !important;
	max-width: 70px !important;
	max-height: 90px !important;
	padding-top: 5px !important;
}

	/** Menupunkte und Mobile Menu >> HG Mobile Menu **/
	.mob-menu-right-bg-holder {
	background-position: 80% 0% !important;
}

	/** Menupunkte und Mobile Menu >> unterpunktfaecher **/
	.unterpunktfaecher {
	font-size: 0.75em !important;
}

	/** Blog Post Slider >> .wp-post-image **/
	.et_pb_slide_image {
	display: inline !important;
	opacity: 1 !important;
}

	/** General >> inhaltszeile **/
	.inhaltszeile {
	width: 95% !important;
}

	/** General >> einfuhrungstext **/
	.einfuhrungstext {
	box-shadow: 0 0 0 0 !important;
	background-color: rgb(255, 255, 255) !important;
	min-height: 0 !important;
	border-color: rgba(102, 102, 102, 0.2) !important;
}

	/** General >> inhaltszeilestart Startseite Inhaltszeilen Breiten **/
	.inhaltszeilestart {
	width: 95% !important;
}

	/** General >> inhaltsection **/
	.inhaltsection {
	min-height: 0 !important;
}

	/** Mobile Scroll Untermenu >> mobilescrollzeile **/
	.mobilescrollzeile {
	box-shadow: 0 0 0 0 rgba(102, 102, 102, 0) !important;
	background-color: rgb(223, 219, 219) !important;
	width: 100% !important;
	height: 60px !important;
	padding-right: 20px !important;
	padding-bottom: 0 !important;
	border-top-width: 0 !important;
	border-bottom-width: 2px !important;
	top: 0 !important;
}

	/** Mobile Scroll Untermenu >> mobilescrollzeilebasis **/
	.mobilescrollzeilebasis {
	background-color: rgba(0, 150, 79, 0) !important;
	width: 100% !important;
	padding-right: 20px !important;
	border-top-style: none !important;
	border-bottom-style: none !important;
	top: 60px !important;
	left: 3% !important;
}

	/** Mobile Scroll Untermenu >> buttonmenu **/
	.buttonmenu {
	font-size: 1em !important;
	padding-top: 18px !important;
	padding-bottom: 2px !important;
}

	/** Mobile Scroll Untermenu >> buttonmenupfeile **/
	.buttonmenupfeile {
	font-family: "Arial Black" !important;
	font-size: 2em !important;
	font-weight: 900 !important;
	padding-top: 18px !important;
	padding-bottom: 2px !important;
	top: -15px !important;
}

	/** Mobile Scroll Untermenu >> buttonmenubasis **/
	.buttonmenubasis {
	font-size: 1em !important;
	padding-top: 10px !important;
	padding-bottom: 2px !important;
	z-index: 9999 !important;
}

	/** Accordion >> .et_pb_accordion .et_pb_toggle_content **/
	.et_pb_accordion .et_pb_toggle_content {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

	/** Accordion >> .et_pb_accordion .et_pb_toggle_open h5.et_pb_toggle_title **/
	.et_pb_accordion .et_pb_toggle_open h5.et_pb_toggle_title {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

	/** Accordion >> .et_pb_accordion .et_pb_toggle_close h5 **/
	.et_pb_accordion .et_pb_toggle_close h5 {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

	/** Accordion >> .et_pb_accordion .et_pb_toggle_title:before **/
	.et_pb_accordion .et_pb_toggle_title:before {
	font-size: 26px !important;
}

	/** neuer header >> .headerbild **/
	.headerbild {
	height: 100px !important;
	border-bottom: 2px solid rgb(92, 174, 38) !important;
}

	/** neuer header >> kontakttext **/
	.kontakttext {
	font-size: 0.8em !important;
	font-weight: normal !important;
	display: none !important;
}

	/** blog >> .blogkeinenachrichten .et_pb_blog_grid .et_pb_post HG GRID **/
	.blogkeinenachrichten .et_pb_blog_grid .et_pb_post {
	border-right-width: 1px !important;
	border-left-width: 1px !important;
}

	/** blog >> .fullwidthblog .more-link **/
	.fullwidthblog .more-link {
	margin-right: 5% !important;
	margin-bottom: 5% !important;
}

	/** blog >> .fullwidthblog .more-link hover **/
	.fullwidthblog .more-link:hover {
	margin-right: 5.5% !important;
	margin-bottom: 5% !important;
	-o-transition-duration: 0.3s !important;
	-moz-transition-duration: 0.3s !important;
	-webkit-transition-duration: 0.3s !important;
	transition-duration: 0.3s !important;
}

	/** blog >> .et_pb_post a img Bild Fullwidth Blog Startseite KEIN GRID **/
	.fullwidthblog .et_pb_post a img {
	padding: 5% !important;
}

	/** blog >> .et_pb_post h4 a Titel Fullwidth Blog Startseite KEIN GRID **/
	.fullwidthblog .et_pb_post h4 a {
	padding-right: 5% !important;
	padding-left: 5% !important;
}

	/** blog >> .et_pb_post h4 a Vorschautext Fullwidth Blog Startseite KEIN GRID **/
	.fullwidthblog .et_pb_post p:not(.post-meta) {
	padding-right: 5% !important;
	padding-left: 5% !important;
}

	/** Bilder im Fließtext >> person-rund-float-left **/
	.person-rund-float-left {
	max-width: 100px !important;
}

	/** Bilder im Fließtext >> person-rund-float-none **/
	.person-rund-float-none {
	max-width: 100px !important;
}

	/** Bilder im Fließtext >> textbild-float-right **/
	.textbild-float-right {
	max-width: 100px !important;
}

	/** Bilder im Fließtext >> textbild-float-left **/
	.textbild-float-left {
	max-width: 100px !important;
}

	/** Bilder im Fließtext >> textbild-float-left ohne Schatten **/
	.textbild-float-left-os {
	max-width: 100px !important;
}

	/** Bilder im Fließtext >> textbild-float-links **/
	.textbild-float-links {
	max-width: 100px !important;
}

	/** Schulleitung >> .schulleitungtext p strong **/
	.schulleitungtext p strong {
	font-size: 1.8em !important;
}

	/** Termine >> terminedatum **/
	.terminedatum p {
	font-size: 1.5em !important;
}

	/** galleries >> ug-textpanel **/
	div.ug-textpanel {
	color: rgb(133, 132, 132) !important;
}

	/** galleries >> ug-lightbox-arrow-right **/
	.ug-lightbox-arrow-right {
	display: none !important;
}

	/** galleries >> ug-lightbox-arrow-left **/
	.ug-lightbox-arrow-left {
	display: none !important;
}

	/** Home Workout Sport >> .videotext p strong **/
	.videotext p strong {
	font-size: 1.8em !important;
}

	/** Wohnungen >> .sendenw **/
	.sendenw {
	left: 32% !important;
}

	/** Ankuendigung >> .ankuendigungzeile **/
	.ankuendigungzeile {
	background-color: rgba(92, 174, 38, 0.9) !important;
	width: 80% !important;
	padding: 0 !important;
	position: absolute !important;
	top: 30px !important;
}

	/** Ankuendigung >> .ankuendigung **/
	.ankuendigung {
	padding-top: 10px !important;
	padding-right: 30px !important;
	padding-bottom: 10px !important;
}

	/** Schnuppernachmittag >> .schnuppern **/
	.schnuppern {
	font-size: 16px !important;
}

}