:root {
	--color-green: #989B74;
	--color-green-light: #e9f1b4;
	--color-green-dark: #4F5B02;
	--color-umbra: #af4a33;
	--color-umbra-light: #F29C5A;
	--color-umbra-dark: #740000;
	--color-gray-light: #eee;
	--color-gray: #666;
	--color-white: #ffffff;
}


 html {
	 background-color: var(--color-green);
 }
 

p strong {
	font-weight: 700;
}
main {
	background-color: var(--color-green);
	margin-top: 0;
}


main .entry-content {
	background-color: #fff;
	margin-block-start: 0;
}

main .entry-content > .wp-block-columns,
main .entry-content > .wp-block-group {
	padding: 30px 60px 30px 60px!important;
}

main > .wp-block-group:nth-child(1) {
	padding-top: 0;
	padding-bottom: 0;
}

main > .wp-block-group:nth-child(1) figure {
	margin-bottom: 0;
}

main * {
	color: var(--color-gray);
}

.home #wp--skip-link--target > div > div > div.wp-block-cover.alignwide.is-light > div > div.wp-block-columns {
	justify-content: flex-end;
} 

.home #wp--skip-link--target > div > div > div.wp-block-cover.alignwide.is-light > div > div > div.wp-block-column,
.home #wp--skip-link--target > div > div > div.wp-block-cover.alignwide.is-light > div > div > div.wp-block-column > h2 {
	/* border: 1px solid red!important; */
	max-width: 400px;
}

main h1 {
	/* max-width: 100%; */
	text-align: center;
	background-color: var(--color-green-dark);
	color: var(--color-green-light);
	margin-block-start: 0;
	padding-block-start: 1.2rem;
	padding-block-end: 1.2rem;
}

main  p,
main  h3,
main .wp-block-column p,
main .wp-block-column h3 {
	padding: 10px 0!important;
	margin: 0;
}

.is-style-default {
	background-color: #fff;
	color: var(--color-gray);
}

main .is-style-default * {
	color: var(--color-gray);
}


.wp-block-button {
	border-radius: 1.5em;
}

.is-style-TMGreen-1 *,
.is-style-TMGreen-1,
.is-style-TMGreen-1 .wp-element-button  {
	background-color: var(--color-green-light)!important;
	color: var(--color-green-dark)!important;
}

.is-style-TMGreen-2 *,
.is-style-TMGreen-2,
.is-style-TMGreen-2 .wp-element-button   {
	background-color: var(--color-green-dark)!important;
	color: var(--color-green-light)!important;
}

.is-style-TMGreen-3 *,
.is-style-TMGreen-3,
.is-style-TMGreen-3 .wp-element-button  {
	background-color: var(--color-green)!important;
	color: #fff!important;
}

.is-style-TMGreen-4 *,
.is-style-TMGreen-4,
.is-style-TMGreen-4 .wp-element-button  {
	background-color: var(--color-umbra-light)!important;
	color: var(--color-umbra-dark)!important;
}

.is-style-TMGreen-5 *,
.is-style-TMGreen-5,
.is-style-TMGreen-5 .wp-element-button  {
	background-color: var(--color-umbra-dark)!important;
	color: var(--color-umbra-light)!important;
}

.is-style-TMGreen-6 *,
.is-style-TMGreen-6,
.is-style-TMGreen-6 .wp-element-button  {
	background-color: var(--color-umbra)!important;
	color: var(--color-white)!important;
}

.is-style-TMGray-1 *,
.is-style-TMGray-1,
.is-style-TMGray-1 .wp-element-button  {
	background-color: var(--color-gray-light)!important;
	color: var(--color-gray)!important;
}

.is-style-TMGray-2 *,
.is-style-TMGray-2,
.is-style-TMGray-2 .wp-element-button  {
	background-color: var(--color-gray)!important;
	color: var(--color-gray-light)!important;
}

footer {
	background-color: var(--color-green-dark);
	margin-top: 0;
}

footer * {
		color: var(--color-green-light);
}

footer img {
	background-color: #fff;
	padding: 0 10px;
}


.wp-site-blocks {
	position: relative;
}

.wp-site-blocks > .wp-block-template-part {
	position: sticky;
	top: 0;
	z-index: 20;
}

header {
	background-color: #fff;
}

header ul .wp-block-navigation-submenu {
	background-color: #fff;
}

header ul a:hover {
	background-color: var(--color-umbra-light);
	text-decoration: none;
	color:  #fff!important;
}

header ul > li > a {
	padding: 5px;
}

header ul .current-menu-item:hover {
	background-color: var(--color-umbra-dark);
	color:  #fff;
}

.page-id-273 header ul li.termine,
header ul .current-menu-ancestor {
	color:  var(--color-green-dark)!important;
	background-color:  var(--color-green-light)!important;
}

.page-id-273 header ul .archiv,
header ul .current-menu-item {
	background-color: var(--color-green-dark)!important;
	color: var(--color-green-light)!important;
}

.em.pixelbones h2 {
	font-size: 32px!important;
}

.em.pixelbones h3 {
	font-size: 22px!important;
	font-weight: 700!important;
}

.wp-block-navigation .wp-block-navigation__submenu-icon {
	align-self: center;
	background-color: inherit;
	border: none;
	color: currentColor;
	display: inline-block;
	font-size: inherit;
	height: .6em;
	line-height: 0;
	margin-left: .25em;
	margin-right: .25em;
	padding: 0;
	width: .6em;
}

.em-event.em-item  {
	background-color: var(--color-green-light)!important;
	padding: 20px!important;
	display: flex!important;
	flex-wrap: nowrap;
	align-items: center;
	max-width: 100%;
	
	& .em-item-image {
		flex-basis: 250px;
		width: 250px;
		max-width: 250px;
		
		&	picture {
			padding-right: 20px!important;
			display: block;
		}
		
		& img{
			display: block;
			max-width: 100%;
			height: auto;
		}
	}
	
	& .em-item-info {
		flex-basis: calc(100% - 314px);
		max-width: calc(100% - 314px);
		border-left: 4px solid var(--color-green-dark)!important;
		padding-left: 20px!important; 
		margin-left: 0!important; 
		padding-right: 20px!important; 
	}
}

.pastdates .em-event.em-item  {
	background-color: var(--color-gray-light)!important;
	
	& .em-item-info {
		border-left: 4px solid var(--color-gray)!important;
	}
	
	& * {
		color: var(--color-gray)!important;
	}
}

.futuredates .em-event.em-item  {
	background-color: var(--color-green-light)!important;
	
	& .em-item-info {
		border-left: 4px solid var(--color-green-dark)!important;
	}
	
	& * {
		color: var(--color-dark-green)!important;
	}
}



.em .em-item-image  {
	max-height: 200px;
	height: 100%;
	width: auto;
}

.em img  {
	max-height: 200px;
	height: 100%;
	width: auto;
	object-fit: contain;
}

.em-item-meta-line.em-item-taxonomy.em-event-categories {
	display: none!important;
}

#resourceLoopContainer .em-icon {
	display: inline-block;
	font-size: 20px;
	line-height: 22px;
	width: 20px;
	height: 20px;
	color: var(--meta-dashicons);
	margin: 0 0 -4px;
	padding: 0;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: contain;
}

#resourceLoopContainer a.button  {
	display: inline-block;
	height: 38px !important;
	padding: 0 30px !important;
	color: var(--text-color-softer) !important;
	text-align: center !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	line-height: 38px !important;
	letter-spacing: 1px !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	background-color: transparent !important;
	border-radius: 4px !important;
	border: 1px solid #666 !important;
	cursor: pointer !important;
	box-sizing: border-box !important;
}

.em.em-item .em-item-meta .em-item-meta-line .em-icon, .em.em-list .em-item .em-item-meta .em-item-meta-line .em-icon, .em.em-list-widget .em-item .em-item-meta .em-item-meta-line .em-icon {
	margin-right: 15px;
}

#resourceLoopContainer span.em-icon.em-icon-calendar {
	background-image: url(/wp-content/uploads/2025/06/calendar-alt-light.svg)!important;
}

#resourceLoopContainer span.em-icon.em-icon-clock {
	background-image: url(/wp-content/uploads/2025/06/clock.svg);
}




.single-event .em.em-view-container {
	max-width: 1400px;
}

.single-event .entry-content {
	padding-bottom: 0!important;
}

.single-event h1 {
	display: none;
}

.single-event #taxo {
	display: none;
}

.single-event .em-event.em-item {
	background-color: var(--color-green)!important;
	padding: 0px!important;
	display: flex!important;
	flex-wrap: nowrap;
	align-items: center;
	max-width: 100%;
}

#singleevent {
	max-width: 100%;
	width: 100%;
	
	& * {
		max-width: 100%;
		/* width: 100%; */
	}
	

	
	& #header {
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
		/* background-color: var(--meta-bg); */
		color: var(--default-color);
		background-color: var(--color-green);
		justify-content: space-between;
		align-items: center;
		padding: 30px 0;
		
		& > div {
			flex-basis: calc(50% - 15px);
			max-width: calc(50% - 15px);
			/* flex-grow: 0; */
			/* flex-shrink: 1; */
			/* background-color: yellow; */
			/* display: block; */
		}
		
		& #headerpic {
			padding: 0!important;
			display: flex;
			align-items: center;
			justify-content: center;
			height: 100%;
			align-self: center;
			order: 1;
			max-height: 400px;
			
			& picture {
				display: block;
				width: 100%;
				height: 100%;
			}
			
			& img {
				padding: 0 0 0 0!important;
				border-left: 0!important;
				max-height: 400px;
				/* max-width: 100%; */
				/* width: 100%; */
				/* height: auto; */
				object-fit: contain;
				/* margin: auto; */
			}
		}
		
		& #metablock {
			order: 2;
			
			& #venue,
			& #time,
			& #location {
				padding-bottom: 26px;
			}
		}
	}
	
	& #eventcontent {
		padding: 30px 60px;
		max-width: 100%;
		background-color: #fff;
	}
}


.em.em-item.em-item-single .em-item-meta .em-item-meta-column {
	background-color: #fff;
	flex-basis: 100%;
	flex-shrink: 1;
	padding-left: 30px;
	padding-right: 30px;
}

.em.em-item.em-item-single .em-item-image img {
	flex: auto;
	margin: auto;
	max-width: 50%;
	height: auto;
}

.em.em-item.em-item-single .em-event-location {
	margin-bottom: 0!important;
}

.em p {
	font-size: 22px!important;
}

body main .em.pixelbones * {
	/* font-weight: 600!important; */
	
} 

/* body { */
	/* background-color: var(--wp--preset--color--base); */
	/* color: var(--wp--preset--color--contrast); */
	/* font-family: var(--wp--preset--font-family--manrope); */
	/* font-size: var(--wp--preset--font-size--large); */
	/* font-weight: 300; */
	/* letter-spacing: -0.1px; */
	/* line-height: 1.4; */
	/* --wp--style--root--padding-top: 0px; */
	/* --wp--style--root--padding-right: var(--wp--preset--spacing--50); */
	/* --wp--style--root--padding-bottom: 0px; */
	/* --wp--style--root--padding-left: var(--wp--preset--spacing--50); */
/* } */
/* .em.em-item.em-item-single .em-event-location * { */
	/* margin-bottom: 0!important; */
}

.em.em-item.em-item-single .em-event-location,
.em.em-item.em-item-single .em-event-content {
	padding: 30px 0!important;
}

.em.pixelbones {
	font-family: Manrope!important;
	color: var(--color-gray)!important;

}

.em.em-list .em-item .em-item-info .em-item-desc {
	font-size: 22px;
	margin: 20px 0;
}

.em.pixelbones a {
	color: var(--color-dark-green) !important;
	background-color: transparent !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.em.em-item .em-item-meta .em-item-meta-line, .em.em-list .em-item .em-item-meta .em-item-meta-line, .em.em-list-widget .em-item .em-item-meta .em-item-meta-line {
	flex-basis: 100%!important;
}

.em.em-item.em-item-single.size-medium .em-item-header .em-item-image img, .em.em-item.em-item-single.size-small .em-item-header .em-item-image img {
	padding: 0 0 10px !important;
	border: none;
	border-bottom: 0px solid var(--default-border);
}


/* .em * { */
/* border: 1px solid red;} */

/*
** Schriftenreihe
*/

.page-id-54 a.wp-block-latest-posts__post-title,
.page-id-30 a.wp-block-latest-posts__post-title {
	pointer-events: none;
	text-decoration: none;
	font-weight: 700;
	color: var(--color-gray);
}


/*
** Formulare
*/

main .wpcf7 {
	width: 100%;
	max-width: 100%;
}

#formular {
	/* display: flex; */
	/* flex-wrap: wrap; */
	/* justify-content: flex-start; */
	/* align-items: flex-start; */
	/* gap: 1em; */
}

#formular .wpcf7-list-item {
	/* width: 100%; */
	display: block;
}

#formular .row {
	flex-basis: 100%;
}

#formular .block {
	flex-basis: 100%;
	/* display: flex; */
	/* flex-wrap: wrap; */
	/* justify-content: center; */
	/* gap: 1em; */
}

#formular > .block > p {
	/* flex-basis: 33%!important; */
	/* min-width:50%!important; */
	/* flex-shrink: 0!important; */
	display: block!important;
	/* border: 1px solid red; */
}

#formular .wpcf7-form-control-wrap {
	width: 300px;
	height: 24px;
	/* border: 2px solid var(--color-gray-light); */
}
#formular input.wpcf7-validates-as-required,
#formular input.wpcf7-number,
#formular input.wpcf7-date,
#formular input.wpcf7-text {
	width: 300px;
	font-size: 20px!important;
	line-height: 24px!important;
	min-height: 24px!important;
	border: 2px solid var(--color-gray-light)!important;
	
	overflow: visible!important;
}
#formular .wpcf7-submit,
#formular select {
	width: 314px;
	font-size: 20px!important;
	line-height: 24px!important;
	border: 2px solid var(--color-gray-light)!important;
}

#formular .trow {
	width: 100%;
	/* display: flex; */
	/* align-items: flex-end; */
}

#formular .trow .vorne {
	/* flex-basis: 320px; */
	/* padding-right: 1em; */
	display: inline-block;
}

#formular .trow .mitte {
	/* flex-basis: 50px; */
	display: inline-block;
}

#formular .trow p {
	padding: 0!important;
}

#formular .orange {
	color: #ff8800;
}



/*
** Cookie Stuff
*/

.cky-audit-table {
	background-color: #fff!important;
	color: #666!important;
	border-radius: 6px;
}

.privacy-policy .cky-audit-table-element {
	border: 3px solid var(--color-green)!important;
	padding: 20px!important;
}

footer > .wp-block-group {
	max-width: 1400px;
	width: 100%;
	margin: auto;
	padding: 30px!important;
}
	footer > .wp-block-group ,
	main > .wp-block-group > div > .wp-block-group {
		padding: 30px!important;
	}
footer nav ul {
	flex-wrap: nowrap!important;
	--navigation-layout-direction: row!important;
	--navigation-layout-justify: center!important;
	--navigation-layout-align: flex-start!important;
}


.wp-block-navigation__responsive-container {
	background-color: #e9f1b450!important;
	/* max-width: 300px!important; */
}



@media screen and (max-width: 1200px) {
	.wp-block-navigation__responsive-container-open {
		display: flex;
	}
	
	main > .wp-block-group {
		padding: 0!important;
	}
	
	footer > .wp-block-group ,
	main > .wp-block-group > div > .wp-block-group {
		padding: 30px!important;
	}
	
	.home #wp--skip-link--target > div > div > div.wp-block-cover.alignwide.is-light > div > div.wp-block-columns {
		margin-top: 200px;
	} 
	
	  /* hamburger button */
	  .wp-block-navigation__responsive-container-open  {
		display: block !important;
	  }

	  /* full menu */
	  .wp-block-navigation__responsive-container:not(.is-menu-open.has-modal-open) {
		display: none !important;
	  }
		
	.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content > ul.wp-block-navigation__container {
		background-color: #fff!important;
		max-width: 300px!important;
		padding: 30px!important;
		position: relative!important;
		top: -50px!important;
	}
			
	.home .em-event.em-item {
		background-color: var(--color-green-light)!important;
		padding: 20px!important;
		display: flex!important;
		flex-wrap: wrap!important;
		align-items: center;
		max-width: 100%;
	}
	
	.home .em-event.em-item .em-item-image,
	.home .em-event.em-item .em-item-info	{
		flex-basis: 100%!important;
		width: 100%!important;
		max-width: 100%!important;
		padding: 20px 0px!important;
		padding-right: 0px!important;
		
		& picture {
			padding-right: 0px!important;
		}
	}
	
	.home .em-item .em-item-info	{
		border-top: 4px solid var(--color-green-dark)!important;
		border-left: 0px solid transparent!important;
	}

	@media screen and (max-width: 782px) {
		
		main {
			padding: 0 0 0 0 !important;
		}
	
		#singleevent {
			& #header {
				display: flex;
				flex-wrap: wrap;
				gap: 20px;
				/* background-color: var(--meta-bg); */
				color: var(--default-color);
				background-color: var(--color-green);
				justify-content: space-between;
				align-items: center;
				padding: 30px 0;
				
				& > div {
					flex-basis: 100%!important;
				}
			}	
		}
		
	
		.futuredates.em-event.em-item,
		.em-event.em-item  {
			& .em-item-info {
				border-top: 4px solid var(--color-green-dark)!important;
				border-left: 0px solid transparent!important;
			}
		}	
		
		.em.em-item .em-item-image img, .em.em-list .em-item .em-item-image img, .em.em-list-widget .em-item .em-item-image img {
			padding:  10px 0 20px 0!important;
		}
		
		.em-item-info {
			flex-basis: calc(100% - 314px);
			max-width: calc(100% - 314px);
			border-left: 4px solid var(--color-green-dark)!important;
			padding-left: 20px!important;
			margin-left: 0!important;
			padding-right: 20px!important;
		}
		
		.em.em-list.size-small .em-item .em-item-info, .em.em-list.em-grid .em-item .em-item-info {
			border-left: none !important;
			border-top: 4px solid var(--color-dark-green)!important;
			padding: 10px 10px 10px 10px;
		}
		
					main .em-list .em-event {
				flex-wrap: wrap!important;
			}
			
			main .em-list .em-event > * {
				flex-basis: 100%!important;
				width: 100%!important;
				max-width: 100%!important;
			}
	
		@media screen and (max-width: 760px) {

			#formular .trow .vorne {
				/* flex-basis: auto; */
				/* padding-right: 1em; */
			}

			#formular .trow .mitte {
				/* flex-basis: auto; */
				/* padding-right: 1em; */
			}
			
			main .em-list .em-event {
				flex-wrap: wrap!important;
			}
			
			main .em-list .em-event > * {
				flex-basis: 100%!important;
				width: 100%!important;
				max-width: 100%!important;
			}

			.em.em-list.size-small .em-item .em-item-image, .em.em-list.em-grid .em-item .em-item-image {
				min-width: 0;
				max-width: 100%!important;
				width: 100%!important;
				padding-bottom: 10px;
			}
			.pastdates .em-event.em-item  {
				background-color: var(--color-gray-light)!important;
				
				& .em-item-info {
					border-top: 4px solid var(--color-green-dark)!important;
					border-left: 0px solid var(--color-green-dark)!important;
				}
			}		
			.em-event.em-item {
				& .em-item-image {
					& img {
						padding-right: 0!important;
					}
					
				}
			}
			
			#singleevent {
				

				
				& #header {
					
					& #metablock {
						flex-basis: 100%;
						max-width: 100%;
						width: 100%;
					}
					
					& #headerpic {
						flex-basis: 100%;
						max-width: 100%;
						width: 100%;
						& picture {
							padding-right: 0!important;
						}
					}
				}
			}			
			
			
			@media screen and (max-width: 640px) {
		 .em.em-list.size-small .futuredates.em-event.em-item,
		 .em.em-list.size-small .em-event.em-item  {
			& .em-item-info {
				border-top: 4px solid var(--color-green-dark)!important;
				border-left: 0px solid transparent!important;
			}
		}		
		
				#singleevent {		& #eventcontent {
					padding: 30px 10px;
					max-width: 100%;
					background-color: #fff;
				}}
	.futuredates .em-event.em-item  {
		background-color: var(--color-green-light)!important;
		
		& .em-item-info {
			border-top: 4px solid var(--color-green-dark)!important;
		}
		
		& * {
			color: var(--color-dark-green)!important;
		}
	}		
				@media screen and (max-width: 500px) {
					footer > .wp-block-group, 
					main > .wp-block-group > div > .wp-block-group,
					.home main.wp-block-group > div > .wp-block-group					{
						padding: 10px 10px!important;
					}
					
					main > .wp-block-group > .wp-block-group,
					.home main.wp-block-group > .wp-block-group > .entry-content > .wp-block-columns				{
						padding: 10px 10px 10px 10px!important;
					}
					
					.home .wp-block-group .wp-block-group  .wp-block-columns  {
						/* border: 1px solid red; */
						padding: 0 0 0 0!important;
					}
					
					.home main#wp--skip-link--target.wp-block-group > .wp-block-group  .wp-block-cover {
						padding: 0 0 0 0!important;
					}
				}
			}
		}
	}
}