/* THEME Anpassungen */
.post-container, .overflow-container { padding: 0 0 0 0; }
.entry, .post-header { margin: 0 0 0 0; }
@media (min-width: 37.5em) {.entry { padding: 0 0 0 0; } }
@media (min-width: 50em) { .menu-primary-container { margin: 0 0 0 0; } }
@media (min-width: 56.25em) { .site-footer { padding: 0 0 0 0; } }
@media (min-width: 50em) { .menu-primary a:focus { text-decoration: none; } }
.menu-primary-container { max-height: none; }

.max-width {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
}
#main.main {
  width: 100%;
  float: none;
}
/* ENDE THEME Anpassungen */


:root {
	--dunkelblau: rgba(31,42,55,0.5); /* 1f2a37 */
	--dunkelblau2: rgba(31,42,55,0.7); /* 1f2a37 */
	--px61: 87px;
	--gruen: #15b86e;
	--blau: #233547;
	--gelb: #fae90a;
	--gelb: #F9F064; /* = blassgelb */
	--hellgruen: #e3ebe6;
	--rot: #fd6974;
	--rot: #15b86e;
	--grau: #f3f2f1;
	--transp: 1;
	--px50: 50px;
	--blassgelb: #F9F064;
}


body, html, p, div, ul, ol, li, a, span, input, h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans';
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	color: var(--blau);
}


.singular .post-content a {
	text-decoration: none;
}
a:hover, a:active, a:focus {
	color: #000;
}
.blau {
	color: var(--blau);
}
.gruen {
	color: var(--gruen);
}
a.gelb {
	color: var(--gelb);
}
.rot {
	color: var(--rot);
}
.semibold {
	font-weight: 500;
}
strong {
	font-weight: 700;
}
h1 {
	font-size: 40px;
}
h2 {
	font-size: 32px;
	font-weight: 500;
	margin: 40px 0 0px 0;
}
#section4 a:link,
#section4 a {
	color: var(--gelb);
  border-bottom: 1.5px solid var(--gelb);
}
#section4 a:hover {

	opacity: 0.8;
}
h3 {
	font-size: 26px;
	font-weight: 500;
	margin: 30px 0 10px 0;
}
h4 {
	font-size: 22px;
	font-weight: 500;
	margin: 30px 0 10px 0;
}
.page-impressum p,
.page-datenschutz p {
	margin: 10px 0;
}
.page-impressum p {
	margin: 20px 0;
}
.page-impressum.singular .post-content p a {
	text-decoration: underline;
	color: var(--blau);
}

#gartenkalender {
	
}
header#site-header {
	position: fixed;
	width: 100%;
	height: auto;
	padding: 0 50px;
	background: var(--dunkelblau);
	opacity: var(--transp);
	z-index: 100;
}
#menu-primary-container {
	width: 100%;
	max-width: 1320px;
	margin: 0 auto;
	padding: 46px 0 44px 0;
	text-align: center;
	position: static;
	transition: all 0.5s ease;
}
#menu-primary {
	float: none;
	margin: 0 auto;
	transition: all 0.5s ease;
}
header#site-header.fixed #menu-primary-container {
	padding: 20px 0;
	transition: all 0.5s ease;
}
#title-container {
	position: absolute;
	width: 103px;
	height: 95px;
	top: 10px;
	left: auto;
	right: 9.11dvw;
	margin: 0 0 0 0;
	transition: all 0.5s ease;
}
@media screen and (max-width: 1300px) {
	#title-container {
		right: 5dvw;
	}
}
header#site-header.fixed #title-container {
	width: 50px;
	top: 10px;
	height: auto;
	transition: all 0.5s ease;
}
#site-title {
	width: 100%;
	height: 100%;
}
#site-title a {
	line-height: 0px;
	font-size: 0px;
}
header#site-header.fixed #menu-primary { 
	margin-top: 0px;
	transition: all 0.5s ease;
}
.menu-primary nav ul li {
	margin: 0 7px;
	padding: 0 8px;
}
.menu-primary nav ul li a {
    font-size: 16px;
	line-height: 22px;
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    color: #FFF !important;
    text-transform: uppercase;
    font-weight: 500;
    padding: 3px 6px;
}
.menu-primary nav ul li a:hover {
	opacity: 1;
	color: var(--gelb) !important;
}
.menu-primary nav ul li.current-menu-item a {
	color: var(--gelb) !important;
	text-decoration: none !important;
}
.menu-primary nav ul li a.gelb { 
	color: var(--gelb) !important;
} 
.menu-primary nav ul li.current-menu-item a:active,
.menu-primary nav ul li.current-menu-item a:focus {
	text-decoration: none !important;
}


#section2 .oleo,
#section2 .oleo span {
	color: var(--gruen);
}

#main.main {
	min-height: 200px;
}
.single-mec-events #main.main {
	padding-top: 280px;
}
.page-impressum #main.main,
.page-datenschutz #main.main {
	/* 
max-width: 1420px;
	padding: 0 50px;
	padding-top: 280px;
	margin: 0 auto 50px auto;
 */
}
.page-datenschutz .content,
.page-impressum .content {
	max-width: 1420px;
	padding: var(--px50);
	margin: 0 auto;
}
.post-header {
	display: none;
}
.post-content {
	margin: 0 0 0 0;
}

.not {
	display: none;
}
.section {
	padding: 0 var(--px50);
}
#section1 {
	/* background: url(/wp-content/uploads/header.jpg) center center no-repeat; */
	background-size: cover;
	height: 38.9dvw;
	opacity: var(--transp);
	padding-top: 14.4dvw;
}
.jz_fruehling #section1 {
	background: url(/wp-content/uploads/fruehling.jpg) center center no-repeat;
	background-size: cover;
}
.jz_sommer #section1 {
	background: url(/wp-content/uploads/sommer.jpg) center center no-repeat;
	background-size: cover;
}
.jz_herbst #section1 {
	background: url(/wp-content/uploads/herbst.jpg) center center no-repeat;
	background-size: cover;
}
.jz_winter #section1 {
	background: url(/wp-content/uploads/winter.jpg) center center no-repeat;
	background-size: cover;
}
body:not(.home) #section1 {
	height: 30dvw;
	padding-top: 11dvw;
}
.head {
	font-family: 'Oleo Script';
	text-align: center;
}
.head {
	color: #FFF;
	text-align: center;
}
.head1 {
	font-size: 3.4dvw;
	font-weight: 400;
	margin-bottom: 0.4dvw;
	margin-bottom: -0.5dvw;
	margin-bottom: 0.5dvw;
}
.head2 {
	font-size: 5.1dvw;
	font-size: 7dvw;
	line-height: 1.1;
	font-weight: 400;
}
body:not(.home) .headline {
	transform: scale(0.9);
	transform-origin: center center;
}
#section2 {
	padding-top: var(--px50);
	padding-bottom: var(--px50);
	max-width: 1420px;
	margin: 55px auto 64px auto;
	background: none;
	transition: all 0.5s ease;
}
.page-geschichte #section2 p:last-child {
	margin-bottom: 0px;
}
#section2 p:first-of-type {
	margin-top: 14px;
}
#section2 p {
	margin-bottom: 24px;
}
.infobox_container {
	padding: 0 var(--px50);
}
.infobox {
	background: #e3ebe6;
	padding: 58px 6.61dvw 10px 6.61dvw;
	max-width: 1575px;
	opacity: 1;
	grid-gap: 30px;
	margin: 0 auto;
}
#infobox1 {
	margin: var(--px50) auto 29px auto;
}
.infobox > div,
#footerbox > div,
#footerbox > p {
	padding: 23px;
}
#infobox1 .spalte1 div p {
	font-family: 'Oleo Script';
	text-align: left;
	font-size: 32.5px;
	margin: 0 0 0 0;
}
#infobox1 .spalte1 div p:first-of-type {
	margin-top: -10px;
	margin-bottom: -18px;
}
#infobox1 .spalte1 div p:nth-of-type(2) {
	font-size: 65px;
}
#infobox1 .spalte2 > div > p {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 29px;
	line-height: 1.51;
}
#infobox1 .spalte2 > div > p:first-child,
#infobox2 div > div > p:first-child {
	text-transform: uppercase;
	margin-top: -6px;
}
#infobox1 .spalte2 > div > p:last-child {
	font-size: 16px;
	font-weight: 400;
}

#infobox1 .spalte3 > div > p {
	margin-top: -5px;
	hyphens: auto;
	margin-bottom: 29px;
}
#infobox2 {
	background: #5d816a;
	padding: 50px 6.61dvw 68px 6.61dvw;  /* 127px */
}
#infobox2 * {
	color: #FFF;
}
#infobox2 div > div > p:first-child {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 24px;
}
#infobox2 div > div > p:last-child {
	font-size: 16px;
	font-weight: 700;
	margin-top: 24px;
}

.page-id-485 #section2 {
	margin-bottom: 40px;
}
.kolonien {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 30px;
	max-width: 1420px;
	margin: 0 auto;
	padding: 0 var(--px50);
}
.kol {
	padding: 72px 23px 135px 23px;
	height: 458px;
	height: 420px;
	color: #FFF;
}
.kol * {
	font-size: 18px;
}
.kol:nth-child(2n+1) {
	background: #5d816a;
}
.kol:nth-child(2n) {
	background: #e3ebe6;
}
.kolonien .kol:nth-child(2n+1) div,
.kolonien .kol:nth-child(2n+1) span,
.kolonien .kol:nth-child(2n+1) a,
.kolonien .kol:nth-child(2n+1) a span {
	color: #FFF;
}
.kol:nth-child(2n) div,
.kol:nth-child(2n) span {
	color: var(--blau);
}
.kolonien .kol > .kol_tel:hover,
.kolonien .kol > .kol_tel:hover a,
.kolonien .kol > .kol_email:hover a span,
.kolonien .kol > .kol_website a:hover {
	color: var(--rot) !important;
}
.kol .title {
	font-weight: 700;
	text-transform: uppercase;
}
.kol_leitung {
	margin-top: 29px;
	margin-bottom: 33px;
	line-height: 1.52;
}
.kol_leitung_head {
	font-weight: 700;
}
.kol:nth-child(9) .title,
.kol:nth-child(9) .kol_leitung {
	display: none;
}

.kalender,
.page-downloads .downloads {
	max-width: 1420px;
	margin: 0 auto;
	padding-top: 0px;
	margin-top: 0px;
}
.kalender {
	max-width: 1420px;
}
.page-downloads #section2 {
	max-width: 1054px;
	margin-bottom: 44px;
}







.six {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 30px;
}

.item {
	height: 505px;
	position: relative;
	padding: 24px;
}
.item p a {
	white-space: nowrap;
}
.item1 {
	cursor: pointer;
	background: url(/wp-content/uploads/downloads1.jpg) center center no-repeat;
	background-size: cover;
}
.item2 {
	background: url(/wp-content/uploads/downloads2.jpg) center center no-repeat;
	background-size: cover;
}
.item3 {
	background: url(/wp-content/uploads/downloads3.jpg) center center no-repeat;
	background-size: cover;
}
.item4 {
	background: url(/wp-content/uploads/downloads4.jpg) center center no-repeat;
	background-size: cover;
}
.item5 {
	background: url(/wp-content/uploads/downloads5.jpg) center center no-repeat;
	background-size: cover;
}
.item6 {
	background: url(/wp-content/uploads/downloads6.jpg) center center no-repeat;
	background-size: cover;
}

.pacifico,
.oleo,
.oleo span {
	font-family: 'Oleo Script';
	text-align: center;
	font-size: 36px;
}
.item2 p {
	margin-bottom: 39px;
}
.item2 figure.wp-block-image {
	margin: 24px 0 0 0;
}
.item .mehrtext {
	opacity: 0;
	overflow: hidden;
	transition: all 0.5s ease;
}
.item.hoch {
	height: auto;
	transition: all 0.5s ease;
} 

.item.hoch .mehrlesen {
	display: none;
}
.item.hoch .mehrtext {
	height: auto;
	padding-bottom: 100px;
	transition: all 0.5s ease;
}

p {
	margin-top: 34px;
	margin-bottom: 48px;
	margin: 10px 0 10px 0;
}
.item4,
.item5, 
.item6 {
	padding: 24px;
	height: 505px;
	transition: all 0.5s ease;
}
.item4 p,
.item5 p,
.item6 p {
	color: #FFF;
	margin: 0 0 24px 0;
}
.item span.strong {
	color: #FFF;
	font-weight: 600;
}
.item .sub {
	font-family: 'Oleo Script';
	position: absolute;
	bottom: 27px;
	left: 24px;
	color: #FFF;
	letter-spacing: 0.5px;
	font-size: 28px;
}
.downloads {
	list-style: none;
	list-style-type: none;
}
.downloads .listing-item {
	list-style: none;
	margin-bottom: 13px;
	background: var(--blassgelb);
}
.downloads .listing-item a {
	display: block;
	color: #000;
}
.downloads .listing-item a span {
	hyphens: none;
}
.downloads .listing-item:hover {
	background: var(--gruen);
}
.icon_link {
	background: none;
	border-radius: 3px;
}
.lod_link .icon_pdf,
.lod_datei .icon_link {
	display: none;
}
.pdf_inline {
	display: inline;
  width: 21px;
  height: auto;
  padding-top: 6px;
  margin: 5px 7px -3px 0;
}
.dow {
	display: grid;
	grid-template-columns: 21px auto;
	grid-gap: 10px;
	padding: 10px;
}
.dow .icon {
	width: 22px;
	position: relative;
	top: 1px;
	line-height: 1;
	height: auto;
}
.grid4 {
	display: grid;
	grid-template-columns: 617fr 385fr 460fr 450fr;
	height: auto;
	min-height: 24dvw;
	width: 100%;
}
.infobox.zweispaltig > div {
	columns: 2;
	column-gap: 30px;
	padding-top: 18px;
	padding-bottom: 28px;
}
.infobox.zweispaltig > div > p {
	break-inside: avoid-column;
	hyphens: auto;
	margin-bottom: 24px;
}
.infobox.zweispaltig > div > p:first-child {
	margin-top: 0px;
}



.section3 {
	margin-top: 20px;
	margin-bottom: 0px;
	background: #FFF;
	padding: 50px;
	opacity: 1;
}
.zwi {
	font-size: 26px;
	letter-spacing: 0.1px;
	text-align: center;
	padding: 0 50px;
}
.zwi span {
	font-size: inherit;
	letter-spacing: inherit;
	line-height: inherit;
}

#section4 {
	margin-bottom: 30px;
}
.jahr1 {
	background: url(/wp-content/uploads/section41.jpg) center center no-repeat;
	background-size: cover;
}
.jahr2 {
	background: #5d816a url(/wp-content/uploads/schoenbuntx.jpg) left top no-repeat;
	background-size: 385px 461px;
}
.jahr3 {
	background: url(/wp-content/uploads/section43.jpg) center center no-repeat;
	background-size: cover;
}
.jahr4 {
	background: url(/wp-content/uploads/section44.jpg) center center no-repeat;
	background-size: cover;
}

.insert-page-704 {
	padding: 26px;
}
.insert-page-704 * {
	color: #FFF;
	text-align: center;
}
.insert-page-704 h2 {
	color: #FFF;
	font-family: 'Oleo Script';
	font-size: 33px;
	margin-top: 43px;
	margin-bottom: 15px;
}
.insert-page-704 h2:nth-of-type(2) {
	margin-top: -4px;
	margin-bottom: 42px;
}
.insert-page-704 p {
	margin: 0 0 24px 0;
}
.mec-event-list-classic .mec-event-title,
.mec-event-list-classic .mec-event-title a {
	font-weight: 700;
  text-transform: none;
  font-size: 18px;
  color: var(--blau);
}
.event-color {
	/* display: none; */
}
#calendar_close, .mecback {
  background: var(--gelb);
  padding: 6px 14px;
  text-align: center;
  float: none;
  cursor: pointer;
  margin-top: 5px;
}
.mec-month-divider h5 {
  color: var(--blau);
}

.mec-month-divider::after,
.mec-month-divider::before {
	background: #e3ebe6;
}
.page-id-487 #section2 {
	padding-bottom: 15px;
}
#section2 > div > p:last-child {
	margin-bottom: 0px;
}
.page-datenschutz h2:nth-of-type(2) {
	margin-top: 20px;
	margin-bottom: -27px; 
}
.page-datenschutz .content h2:first-of-type,
.page-impressum .content h2:first-of-type {
	color: var(--gruen);
	font-family: 'Oleo Script';
	margin: 0 0 0 0;
}
.page-impressum a span {
	white-space: nowrap;
}














#footerbox > p {
	display: none;
}
#footerbox > p.oleo,
#footerbox > p.adresse {
	display: block;
}
footer#site-footer {
	background: url(/wp-content/uploads/footer.jpg) center center no-repeat;
	background-size: cover;
	min-height: 550px;
	opacity: 1;
	padding: 50px 0;
	margin-top: 119px;
	padding: 0 var(--px50);
	padding-top: 4.218dvw;  /* 81px */
}
.insert-page-title {
	display: none;
}
#footerbox a:hover {
	opacity: 0.7;
}
#footerbox {
	max-width: 1575px;
	margin: 0 auto;
	grid-gap: 10px 30px;
	padding: 0 6.61dvw;
}
#footerbox .oleo,
#footerbox .oleo a {
	color: #FFF;
	font-family: 'Oleo Script';
	font-size: 28px;
	text-align: left;
}
#footerbox .adresse {
	padding-top: 0px;
}
.adresse p {
	font-size: 16px;
	color: #FFF;
	margin-bottom: 19px;
}
.adresse a {
	border-bottom: 2px solid var(--gelb);
}
.adresse a,
.adresse a span {
	font-size: 16px;
	color: var(--gelb) !important;
	font-weight: 400;
}




#wpfront-scroll-top-container {
	right: auto;
	left: calc(50vw - 20px);
}
body #wpfront-scroll-top-container div.text-holder {
  color: #ffffff;
  background-color: rgba(255,255,255,0.0);
  background: none !important;
  box-shadow: 0px 0px 0px 0 rgba(50,50,50,.0);
  font-weight: 500;
  position: relative;
}

body #wpfront-scroll-top-container .fa:after {
	content: 'TOP';
	display: block;
	font-family: 'Source Sans 3';
	font-size: 16px;
	margin-left: -4px;
}
@media screen and (min-width: 768px) {
	.mec-box-calendar.mec-calendar.mec-event-calendar-classic .mec-calendar-side .mec-previous-month {
  		left: auto;
  		right: 110px;
	}
}







/* RESPONSIVE MENU */
html.wprmenu-body-fixed body {
  	position: static !important;
  	width: 100vw;
}
html body div#wprmenu_bar {
    height: 75px;
	overflow: unset;
	padding: 24px;
	width: 100%;
	background: var(--dunkelblau) !important;
}
html body  #wprmenu_bar .menu_title {
	font-size: 0px;
	line-height: 0px;
	top: 3px;
}
#wprmenu_bar .bar_logo {
	height: 90px;
}
.hamburger-inner,
.hamburger-inner:before,
.hamburger-inner:after {
	border-radius: 0px;
}
#mg-wprm-wrap {
	background: var(--dunkelblau) !important;
	height: auto;
}
#mg-wprm-wrap ul#wprmenu_menu_ul {
	padding: 0 0 20px 0;
}
#mg-wprm-wrap ul#wprmenu_menu_ul li.current-menu-item > a,
#mg-wprm-wrap ul#wprmenu_menu_ul li.menu-item:hover > a,
#mg-wprm-wrap ul#wprmenu_menu_ul li.menu-item > a:hover {
	background: none;
}
#mg-wprm-wrap ul#wprmenu_menu_ul li.menu-item a:hover {
	opacity: 0.9;
}
@media screen and (max-width: 1150px) {
	html {
		padding-top: 0px !important;
	}
}
/* ENDE RESPONSIVE MENU */







/* --- MIN!!! --- */
@media only screen and (min-width: 1200px) {
  .mec-container {
    width: 1420px;
    max-width: none;
    padding-left: 50px;
    padding-right: 50px;
  }
}
.mec-single-event .mec-frontbox {
  margin-bottom: 30px;
  padding: 40px;
  background: #fff;
  border-radius: 0px;
  border: 1px solid var(--gruen);
}
.mec-wrap :not(.elementor-widget-container) > p {
  margin: 0 0 24px 0;
  color: var(--blau);
  font-size: 16px;
  line-height: 1.5;
  padding-right: 30px;
}




@media only screen and (max-width: 1500px) {
	.grid4 {
		grid-template-columns: repeat(5, 1fr);
		grid-gap: 15px;
	}
	.grid4 .jahr1 {
		grid-column: span 3;
	}
	.grid4 .jahr2 {
		grid-column: span 2;
	}
	.grid4 .jahr3 {
		grid-column: span 3;
	}
	.grid4 .jahr4 {
		grid-column: span 2;
	}
	#section2 {
		margin: 0 auto 3.5dvw auto !important;
	}
	.page-id-487 #section2 {
		padding-bottom: var(--px50);
	}
	.page-id-487 #section3 {
		margin-top: -15px;
	}
	footer#site-footer {
		margin-top: var(--px50);
	}
	#footerbox {
		padding: 0 15px;
	}
	.infobox,
	#infobox2 {
		padding: var(--px50);
	}
	.insert-page-583 {
		padding: 0 var(--px50);
	}
	#footerbox {
		padding: 0 0 0 0;
	}
	#footerbox > div,
	#footerbox > p {
		padding: 20px 0;
	}
	.infobox > div,
	.infobox.zweispaltig > div {
		padding: 0 0 0 0;
	}
	.infobox > div > p:last-child,
	.infobox.zweispaltig > div > p:last-child {
		margin-bottom: 0px;
	}
}




@media screen and (max-width: 1400px) {
	.single-mec-events #main.main {
		padding-top: 160px;
	}
	.single-mec-events .mec-wrap .row.mec-single-event {
    	margin: 0 0 0 0;
    	max-width: 100%;
  	}
  	.single-mec-events .mec-container {
    	width: 100%;
    	max-width: none;
    	padding: 0 var(--px50);
  	}
  	.mec-export-details ul li a {
		white-space: nowrap;
  	}
  	.mec-single-title {
  		hyphens: auto;
  	}
}




@media screen and (max-width: 1150px) {
	:root {
		--px50: 35px;
	}
	.six {
		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
		grid-gap: 24px 24px;
	}
	.six .item1_content {
		grid-column: span 2;
		display: none;
	}
	.six.da .item1_content {
		display: block;
	}
	#section2.section2 {
		margin-bottom: 0px !important;
	}
	.page-impressum #main.main,
	.page-datenschutz #main.main {
		/* padding-top: calc(90px + 5vw); */
	}
	.kolonien {
		grid-gap: 20px;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	.kol {
		padding: 72px 20px 135px 20px;
	}
	.page-downloads .section3.downloads {
		padding: 0 var(--px50);
	}
}





@media screen and (max-width: 1024px) {
	.infobox.zweispaltig > div {
  		columns: 1;
	}
	#infobox1,
	#infobox2 {
  		grid-template-columns: 1fr !important;
  		grid-gap: 0px;
	}
	#infobox2 .spalte1,
	#infobox2 .spalte2 {
		margin-bottom: 50px;
    	border-bottom: 1px solid var(--hellgruen);
    	padding-bottom: 37px;
	}
	.kolonien {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.kol:nth-child(3),
	.kol:nth-child(7) {
  		background: #e3ebe6;
	}
	.kol:nth-child(4),
	.kol:nth-child(8) {
  		background: #5d816a;
	}
	.kolonien .kol:nth-child(4n) div,
	.kolonien .kol:nth-child(4n) span,
	.kolonien .kol:nth-child(4n) a,
	.kolonien .kol:nth-child(4n) a span,
	.kolonien .kol:nth-child(4n+1) div,
	.kolonien .kol:nth-child(4n+1) span,
	.kolonien .kol:nth-child(4n+1) a,
	.kolonien .kol:nth-child(4n+1) a span {
  		color: #FFF;
	}
	.kolonien .kol:nth-child(3) div,
	.kolonien .kol:nth-child(3) span,
	.kolonien .kol:nth-child(3) a,
	.kolonien .kol:nth-child(3) a span,
	.kolonien .kol:nth-child(7) div,
	.kolonien .kol:nth-child(7) span,
	.kolonien .kol:nth-child(7) a,
	.kolonien .kol:nth-child(7) a span {
  		color: var(--blau);	
	}
}





#footerbox p.oleo.mobil {
	display: none;
}
@media screen and (max-width: 900px) {
	#footerbox {
		grid-template-columns: 1fr;
	}
	#footerbox > p.oleo {
		padding: 0 0 0 0;
	}
	#footerbox > p.oleo.desktop {
		display: none;
	}
	#footerbox p.oleo.mobil {
		display: block;
	}
	footer#site-footer {
		min-height: auto;
		padding-bottom: 70px;
	}
}




@media only screen and (max-width: 767px) {
	:root {
		--px50: 30px;
	}
	html body div#wprmenu_bar,
	#mg-wprm-wrap {
		background: var(--dunkelblau2) !important;
	}
	body:not(.home) #section1 {
  		height: 38.9dvw;
  		padding-top: 16.4dvw;
	}
	.section2 {
		padding: 20px 0;
		margin-top: 20px;
	}
	.section6_inner {
		padding: 0 5px 0 20px;
	}
	.six {
		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
		grid-gap: 20px 20px;
	}
	.grid4 {
		grid-template-columns: 1fr;
		grid-gap: 15px;
	}
	.grid4 .jahr {
		height: 66vw;
		grid-column: span 1;
	}
	.grid4 .jahr2 {
		height: auto;
	}
	.grid4 .jahr4 {
		height: 100vw;
	}
	.mec-month-divider {
  		margin: 60px 0 30px 0;
	}
	.kolonien {
    	grid-template-columns: 1fr;
  	}
  	.kol {
 		padding: 30px 20px;
 		height: auto;
 		min-height: calc(100dvw - var(--px50) - var(--px50));
		
  	}
  	.kol:nth-child(2n) {
  		background: #e3ebe6;
	}
	.kol:nth-child(2n+1) {
  		background: #5d816a;
	}
  	.kolonien .kol:nth-child(2n) div,
	.kolonien .kol:nth-child(2n) span,
	.kolonien .kol:nth-child(2n) a,
	.kolonien .kol:nth-child(2n) a span {
  		color: var(--blau);	
	}
	.kolonien .kol:nth-child(2n+1) div,
	.kolonien .kol:nth-child(2n+1) span,
	.kolonien .kol:nth-child(2n+1) a,
	.kolonien .kol:nth-child(2n+1) a span {
  		color: #FFF;
	}
	#main.main {
		padding-bottom: var(--px50);
	}
	.home #infobox1 .spalte1 {
		margin-bottom: 20px;
	}
	.home #infobox1 p {
		margin-bottom: 20px !important;
	}
	.home #infobox1 .spalte1 p {
		display: inline;
		font-size: 37px !important;
	}
	.home #infobox1 .spalte1 > div > p:first-child:after {
		content: ' - ';
	}
	 .single-mec-events #main.main {
    	padding-top: 130px;
  	}
	.mec-single-event .mec-frontbox {
		padding: var(--px50);
	}
	#section2 p br {
		display: none;
	}
	.home .oleo p
}
/* 767 */






@media only screen and (max-width: 659px) {
	.six {
		grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	}
	.six .item1_content {
		grid-column: span 1;
	}
}



@media only screen and (max-width: 650px) {
	:root {
		--px50: 25px;
	}
	.insert-page-704 {
  		padding: var(--px50);
	}
	.insert-page-704 h2 {
  		margin-top: 23px;
	}
	.insert-page-704 h2:nth-of-type(2) {
  		margin-bottom: 22px;
	}
	html body div#wprmenu_bar {
    	height: 50px;
		padding: 14px 24px;
	}
	#wprmenu_bar .bar_logo {
		height: 60px;
	}
	#mg-wprm-wrap.cbp-spmenu-right {
		top: 50px !important;
	}
	.footergrid {
		grid-template-columns: 1fr;
	}
	#section1 {
		padding-top: 20dvw;
		height: 50dvw;
	}
	.head1 {
		font-size: 4dvw;
	}
	.head2 {
		font-size: 9dvw; 
	}
}




@media screen and (max-width: 480px) {
	:root {
		--px50: 20px;
	}
	
}