/*
Theme Name: SPD Rheinbach Theme
Author: Thomas Wasilewski
Author URI: https://www.thomaswasilewski.de
Description: SPD Rheinbach Theme for WordPress
Version: 2.9.1
Tags: SPDRB
GitHub Theme URI: thomaswasilewski/spdrb-theme
Needed Plugins: https://github.com/afragen/github-updater, Lazy Blocks
Check: wasi.uk
*/





/********** Global Style **********/



:root {
	--prim-color: #E3000F;
	--sec-color: #333333;

	--spd-1-color: #B61C3E;
	--spd-2-color: #00B4CC;
	--spd-3-color: #F25762;
	--spd-4-color: #4099FF;
	--spd-5-color: #980267;

	--animation-delay: 3s;

	--grid-width: 110px;
	--content-width: XXXpx;
	--nav-height: 75px;
	--nav-mobile-height: 75px;
	--headline-shift: 4em;

	--responsive-w5: 400px;
	--responsive-w4: 500px;
	--responsive-w3: 765px;
	--responsive-w2: 1000px;
	--responsive-w1: 1318px;

	--transition-timing: 0.3s;
	--transition-easing: ease;

	--full-block-height: 940px;

}



@font-face {
	font-family: 'Open Sans';
	src: url('assets/fonts/OpenSans-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;

}

@font-face {
	font-family: 'Open Sans';
	src: url('assets/fonts/OpenSans-BoldItalic.ttf') format('truetype');
	font-weight: 700;
	font-style: italic;
}

@font-face {
	font-family: 'Open Sans';
	src: url('assets/fonts/OpenSans-ExtraBold.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;

}

@font-face {
	font-family: 'Open Sans';
	src: url('assets/fonts/OpenSans-ExtraBoldItalic.ttf') format('truetype');
	font-weight: 800;
	font-style: italic;
}

@font-face {
  	font-family: 'Open Sans';
	src: url('assets/fonts/OpenSans-Italic.ttf') format('truetype');	
	font-weight: 400;
	font-style: italic;
}

@font-face {
  font-family: 'Open Sans';
	src: url('assets/fonts/OpenSans-Light.ttf') format('truetype');	
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('assets/fonts/OpenSans-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('aassets/fonts/OpenSans-MediumItalic.ttf') format('truetype');
	font-weight: 500;
	font-style: italic;
}

@font-face {
  	font-family: 'Open Sans';
	src: url('assets/fonts/OpenSans-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
  	font-family: 'Open Sans';
	src: url('assets/fonts/OpenSans-SemiBold.ttf') format('truetype');	
	font-weight: 600;
  	font-style: normal;
}

@font-face {
  	font-family: 'Open Sans';
	src: url('assets/fonts/OpenSans-SemiBoldItalic.ttf') format('truetype');
	font-weight: 600;
	font-style: italic;
}







html {
	scroll-behavior: smooth;
	scroll-padding-top: 6em;
}

body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: var(--sec-color);
	font-size: 24px;
	margin: 0;
	#background-color: #ddeeff;
}


p {
	hyphens: auto;
}

h3 {
	hyphens: auto;
}

/********** Grid **********/

#content {
	display: grid;
	grid-template-columns: 1fr repeat(12, minmax(10px, var(--grid-width))) 1fr;
	grid-auto-flow: column;
}


.menu-item a {
	text-decoration: none;
	color: var(--prim-color);
    text-transform: uppercase;

}

.menu-item a:hover {
	text-decoration: none;
}


.nav_hamburger_menu {
	display: none;
}

.nav_social_media {
	display: block;
}

.mobile_nav_helper{
	display: block;
}


.menu-hauptmenue-container {

}


.menu-hauptmenue-container > ul {
	padding: 0;
    display: flex;
    Xmargin: 0 0 0 -3em;
    font-size: 20px;
}


.menu-item {
	list-style-type: none;
    margin: 0 0 0 3em;
}

@media only screen and (max-width: 1378px) {
	html, body {
		max-width: 100%;
    	Xoverflow-x: hidden;
	}


	#main_header .nav_logo.nav-active {
	    transform: translateY(0px) scale(1);
	    transition-property: all;
	    transition-duration: 0.2s;
	    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
	    transition-delay: 0s;
	    transform-origin: top left;
	}

	 #main_header .nav_flex_row_helper_left.nav-active {
	    transform: translateX(0px);
	    transition-property: all;
	    transition-duration: 0.2s;
	    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
	    transition-delay: 0s;
	} 

	body {
		font-size: 22px;
	}

	#content {
		grid-template-columns: 1em repeat(12, minmax(10px, var(--grid-width))) 1em;
	}

	#nav_wrapper .nav_logo {
	    height: 65px;
	    width: 65px;
	    padding: 10px 0 0 0;
	}

	.menu-item a {
		text-decoration: none;
		color: #fff;
	    text-transform: initial;
	}


	.nav_hamburger_menu {
		display: flex;
	}


	.nav_social_media{
		display: none;
	}

	.mobile_nav_helper{
		display: none;
	}

	#main_header #nav_wrapper {
	    justify-content: flex-end;
	}

	#main_header .nav_logo {
	    height: 60px;
	    width: 60px;
	    grid-column: 1;
    	margin: auto 0;
	}



	.menu-item a {
		text-decoration: none;
	}
	.menu-item {
	    margin: 0;
	}

	.contactform div {
	  padding: 0;
	  flex-direction: column;
	}

}

@media only screen and (max-width: 765px) {

	body {
		font-size: 20px;
	}

	body #main_header {
	    height: 75px;
	}

	#content .wp-block-lazyblock-landing-themenblock {
		margin: 1em 0;
	}

	#nav_wrapper .nav_logo {
	    height: 50px;
	    width: 50px;
	    padding: 15px 0 0 0;
	}

	#main_header .nav_flex_row {
	    width: auto;
        height: auto;

	}

	#content {
		grid-template-columns: 1em repeat(12, minmax(10px, var(--grid-width))) 1em;
	}

}

.gm111 {
	grid-column: 1 / 4;
}


.gm010 {
	grid-column: 2;
}


.gm00111111111100 {
	grid-column: 3 / 13;
}

.gm00000001111100 {
	grid-column: 8 / 13;
}

.gm00111110000000 {
	grid-column: 3 / 8;
}

/********** Header **********/

#main_header {
	height: 85px;
	position: sticky;
	z-index: 10;
	top: 0;
	background-color: rgba(255,255,255,1);
    Xbackdrop-filter: blur(10px);

    display: grid;
	grid-template-columns: 1fr minmax(10px, calc(var(--grid-width) * 12)) 1fr;
	grid-auto-flow: column;
	padding: 0 1em;

	border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #eee;

}

#nav_wrapper {
	grid-column: 2;
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	z-index: 100;
}

.nav_flex_row {
	display: flex;
	flex-direction: column;
	height: 85px;
	justify-content: center;
	Xwidth: 200px;
}

.nav_flex_row svg {
	height: 30px;
	transition: transform var(--transition-timing) var(--transition-easing);

}

.nav_personen_menu_icon {
	fill: var(--prim-color);
}

.nav_personen_menu_rect {
	fill: var(--prim-color);
	opacity: 0;
	transition: opacity var(--transition-timing) var(--transition-easing);

}

.nav_personen_menu svg{
		transition: transform var(--transition-timing) var(--transition-easing);
		transform: scale(1.3);
}

.nav_personen_menu.is-active svg{
		transition: transform var(--transition-timing) var(--transition-easing);
		transform: scale(1.1);
}



.nav_personen_menu.is-active .nav_personen_menu_rect {
	opacity: 1;

}



.nav_flex_row_helper {
	display: flex;
	flex-direction: row;
}

.nav_flex_row_helper_left {
	justify-content: flex-start;
	column-gap: 10px;
}

.nav_flex_row_helper_right {
	justify-content: flex-end;
	column-gap: 40px;
}

.nav_flex_row img {
	height: 30px;
}

.nav_hamburger_menu {
	justify-content: center;
	flex-direction: column;
	height: 30px;
	cursor: pointer;
}

.ham {
    display: block;
    width: 50px;
    height: 4px;
    #position: absolute;
    #vertical-align: bottom;
    background: var(--prim-color);
    #white-space: nowrap;
    #top: 22px;
    #right: 0;
    transition: transform 1s;
   	visibility: visible;

}

.ham::before, .ham::after {
    position: relative;
    display: block;
    content: '';
    width: 50px;
    height: 4px;
    background: var(--prim-color);
    transition: all .2s var(--transition-easing);


}

.ham::before {
    top: -13px;
    	transform: translate(0px, 0px) rotateZ(0deg);
}

.ham::after {
    top: 9px;
    transform: translate(0px, 0px) rotateZ(0deg);
}











.is-active .ham{
	visibility: hidden;
}

.is-active .ham::before  {
	visibility: visible;
    transform: translate(0px, 300%) rotateZ(45deg);

}

.is-active .ham::after {
	visibility: visible;
    transform: translate(0px, -300%) rotateZ(-45deg);

}

.nav_personen_menu {
	height: 30px;
	cursor: pointer;
    margin: 0 0 0 0.4em;
}

.nav_logo {
	height: 120px;
	width: 120px;
	Xpadding: 25px;
	grid-column: 2;
	margin: 25px 0 0 0;
}

.nav_logo img{
  	transition: transform var(--transition-timing) var(--transition-easing);
}



.nav_logo.is-active {
	background-color: #fff;
}


.nav_social_media {
	height: 30px;
	fill: var(--prim-color);
}

.nav_infromation {
	height: 30px;
	fill: var(--prim-color);
	display:none;
}


.menu_overlay {
	background-color: rgba(227, 0, 15,0.9);
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 8;
	display: block;
	Xtransition: opacity .2s;
	opacity: 1;
	backdrop-filter: blur(10px);
}

.menu_overlay_wrapper .is-active 
{
	opacity: 1;
	z-index: 8;
}


.menu_overlay {
    transform: translateX(100vw);
	transition-property:  transform;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); 
        line-height: 120%;

}

.menu_overlay.is-active {

	transform: translateX(0vw);
	transition-property:  transform;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); 
}




.personen_overlay_wrapper.is-active 
{
	opacity: 1;
	z-index: 8;
	display: grid;

}

.personen_overlay_wrapper {
	grid-template-columns: 1fr repeat(12, minmax(10px, var(--grid-width))) 1fr;
	grid-auto-flow: column;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 8;
	background-color: rgba(227, 0, 15,0.9);
	display:none;

}



.personen_overlay {
	grid-column: 2/14;
	Xgrid-template-columns: repeat(6, 210px);
	grid-template-rows: repeat(4, 16vh);
	grid-auto-flow: row;
  	column-gap: 10px;
  	row-gap: 10px;
  	display:grid;
}


.personen_overlay_headline {
	grid-column: 1/7;
	color: #fff;
	align-self: end;
	font-size: 1.6em;
}




.personen_menu_name {
	position: absolute;
	z-index: 20;
	bottom: 0;
	padding: 0.2em;
	background-color: var(--prim-color);
	color: #fff;
	text-decoration: none;
	font-size: 0.62em;
	margin: 0.6em;
	font-weight: 700;
}

.personen_menu_pic {
	height: 100%;
	Xwidth: 210px;
	position: absolute;
}

.personen_menu_pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}

.personen_menu_wrapper {
	Xheight:210px;
	Xwidth: 210px;
	position: relative;
	Xgrid-column: span 1;
  	transition: all var(--transition-timing) var(--transition-easing);
	box-shadow: 0px 0px 0px rgba(0,0,0,0);
}




/********** Footer **********/

footer {
	display: grid;
	grid-template-columns: 1fr minmax(10px, calc(var(--grid-width) * 12)) 1fr;
	grid-auto-flow: column;
	background-color: #EDEDED;
	height: 150px;
	font-size: 0.7em;
	padding: 0 26px;
    margin-top: 5em;
}


#footer_container {
	grid-column: 2;
	display: flex;
	justify-content: space-between;
	flex-direction: row;
}
@media only screen and (max-width: 1000px) {

	footer {
	    height: initial;
		padding: 1em 26px;
	}
	footer #footer_container {
		flex-direction: column;
	}
	footer .footer_links ul {
	    padding: 1em 0em;
	}
	footer .footer_social_media {
	    padding: 1em 0;
	}
	footer .footer_social_media_helper {
	    justify-content: left;
	}
	footer .footer_social_media_helper span {
	    padding: 0 .8em 0 0;
	}
	footer .footer_copyright {
	    text-align: left;
	    padding: 1em 0;

	}

}


.footer_subline {
	font-size: 0.7em;
	text-align: center;
}

.footer_links {
	display: flex;
  	flex-direction: column;
  	justify-content: center;
	flex-wrap: wrap;
	font-size: 0.8em;
	list-style-type: none;
	color: #333333;
	width: 100%;

}

.footer_links ul{
	margin:0;
	padding:2em 0em;
}

.footer_links li{
	list-style: none;
	display: inline-block;
	padding-right:1em;
}

.footer_links li a{
	color: #333333;
	transition: color var(--transition-timing) var(--transition-easing);

}

.footer_links li a:active{
	color: var(--prim-color);
}

.footer_social_media {
	display: flex;
  	flex-direction: column;
  	justify-content: center;
	color: #333333;
	font-size: 1.4em;
	text-transform: uppercase;
	font-weight: 700;
	white-space: nowrap;
}

.footer_social_media_helper {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.footer_social_media_helper span {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 .8em;
}

.footer_social_media_helper a {
	padding: 0 .1em;
	height: 30px;

}

.footer_social_media svg {
	height:30px;
	fill: #333333;
	transition: fill var(--transition-timing) var(--transition-easing);


}


.footer_copyright {
	display: flex;
  	flex-direction: column;
  	justify-content: center;
	font-size: 0.8em;
	color: #333333;
	width: 100%;
	text-align: right;
}


/********** Page Styling **********/


#content h1 {
	grid-column: 2/14;
}


#content img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}





/********** Header Expand **********/

.header_feature_expand {
	display: flex;
}

.header_feature_expand .feature_image {
	object-fit: cover;
	Xobject-position: 50% 60%;
	height: calc(100vh - (var(--nav-height)));
	height: calc((var(--vh, 1vh) * 100) - (var(--nav-height)));
	width: calc(100vw - (100vw - 100%));
}

body .landing_helper .feature_image {
	object-position: 50% 20%;
}

#header-fullscreen-full{
	height: var(--nav-height);
}



@media only screen and (max-width: 1318px) {

	.header_feature_expand .feature_image {
		height: calc(100vh - (var(--nav-mobile-height)));
		height: calc((var(--vh, 1vh) * 100) - (var(--nav-mobile-height)));
	}

	#header-fullscreen-full{
		height: 75px;
	}

	#top-navigation-full.sticky-nav .nav ul{
		height: 75px;
	}

}




/********** Blocks **********/

.block_personen_uberschrift {
	color: #fff;
	background-color: var(--prim-color);
	padding: .1em .4em;
	width: max-content;
}

.personen-textblock-bild_links, .personen-textblock-bild_rechts {
	display: flex;
	height: 14em;
}

.personen-textblock-bild_links {
	padding-right: 1em;
}

.personen-textblock-bild_rechts {
	padding-left: 1em;

}

.personen-textblock-bild_links img, .personen-textblock-bild_rechts img {
	width: 100%;
	height: auto;
	object-fit: cover;
}


.wp-block-lazyblock-subheadline {
	grid-column: 2/14;
	transform: translateY(4.4em);
	margin-top: -16em;

}	

.wp-block-lazyblock-subheadline h2{
	color: #fff;
	background-color: var(--spd-5-color);
	padding: .1em .4em;
	\#width: max-content;
	font-size: 2em;
	\#top: calc((var(--vh, 1vh) * 100) - (var(--nav-height)) - (var(--headline-shift)));
	z-index: 5;
	margin-bottom: -1em;
	font-weight: 400;
	font-style:italic; 
	text-transform: uppercase;
	display: inline;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}	

.wp-block-lazyblock-puls-indikator {
	width: 1em;
	display: flex;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

@keyframes puls {
  0% {opacity: 0;}
  25% {opacity: 100;}
  70% {opacity: 0;}
  100% {opacity: 0;}

}

.arrow-down-puls-1 {
  animation-name: puls;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  fill: var(--prim-color);
  opacity: 0;
}

.arrow-down-puls-delay-0 {
  transform: translateY(14px);
}

.arrow-down-puls-delay-1 {
  animation-delay: .5s;
}

.arrow-down-puls-delay-2 {
  animation-delay: 1s;
  transform: translateY(-14px);
}

.wp-block-lazyblock-landing-roter-textbereich {
	background-color: var(--prim-color);
	grid-column: 2/14;
	color: #fff;
	margin: 2em 0;
}
.wp-block-lazyblock-landing-roter-textbereich p{
	padding: 1em var(--grid-width);
	font-weight: 700;
	font-size: 0.8em;
}





.wp-block-lazyblock-landing-loser-text {
	grid-column: 2/14;
	color: var(--sec-color);
		margin: 2em 0;
}

.wp-block-lazyblock-landing-loser-text p{
	padding: 1em var(--grid-width);
	font-weight: 700;
	font-size: 0.8em;
}


.wp-block-lazyblock-landing-zwischenuberschrift {
	grid-column: 2/14;
	color: var(--sec-color);
	text-align: center;
	font-size: 1.9em;
	line-height: 1.5em;
}

.wp-block-lazyblock-landing-zwischenuberschrift h3 {
	margin: 0;
}



.wp-block-lazyblock-landing-saulen {
	grid-column: 2/14;
	color: #fff;
	justify-content: space-between;
	flex-direction: row;
	display: flex;
	margin: 4em 0;
	z-index:2;
}




.wp-block-lazyblock-landing-saulen a {
	color: #fff;
	text-decoration: none;
  	transition: transform var(--transition-timing) var(--transition-easing);
}










.wp-block-lazyblock-landing-saulen div {
width: 250px;
height: 250px;
}


.wp-block-lazyblock-landing-saulen p{
	font-weight: 400;
	font-size: 1.1em;
	text-align: center;
	margin: 0;
}


.landing-saule-helper {
display: grid;
align-content: center;
}


.wp-block-lazyblock-landing-saulen .saule-bold {
	font-weight: 700;
}

.landing-familien-saule {
	background-color: var(--spd-1-color)
}
.landing-versorgung-saule {
	background-color: var(--spd-2-color)
}
.landing-wohnen-saule {
	background-color: var(--spd-3-color)
}
.landing-zusammenleben-saule {
	background-color: var(--spd-4-color)
}
.landing-mobilitat-saule {
	background-color: var(--spd-5-color)
}



.wp-block-lazyblock-landing-themenblock {
	grid-column: 2/14;
	color: #fff;
	grid-template-columns: minmax(10px, var(--grid-width, 100px)) minmax(10px, var(--grid-width, 100px)) minmax(10px, var(--grid-width, 100px)) minmax(10px, var(--grid-width, 100px)) minmax(10px, var(--grid-width, 100px)) minmax(10px, var(--grid-width, 100px)) minmax(10px, var(--grid-width, 100px)) minmax(10px, var(--grid-width, 100px)) minmax(10px, var(--grid-width, 100px)) minmax(10px, var(--grid-width, 100px)) minmax(10px, var(--grid-width, 100px)) minmax(10px, var(--grid-width, 100px));
	display: grid;
	grid-auto-flow: column;
	margin: 4em 0;
}

.landing-themenblock-text-wrapper {
	position: relative;
	padding-top: 100%;
	margin-top: -15em;
}

.landing-themenblock-text {
	padding: 2em;
	position: absolute;
	top: 16em;
	left: 0;
	bottom: -16em;
	right: 0;
	display: flex;
	flex-direction: column;
}

.landing-themenblock-bild {
		grid-column: 1/13;
		height: 440px;

}

.landing-themenblock-text h2 {
	font-size: 1.7em;
	font-weight: 700;
	margin: 0;
}

.landing-themenblock-text p {
	font-size: 0.7em;
	font-weight: 400;
	line-height: 1.4em;
	flex-grow: 1;
}

.weiterlesen-button {
	background-color: var(--prim-color);
	font-weight: 700;
	text-align: center;
	cursor: pointer;
	font-size: 0.7em;
	  display: flex;
  	justify-content: center;
  	align-items: center;
  	height: 2em;
  	transition: transform var(--transition-timing) var(--transition-easing);

}

.landing-themenblock-text a{
	color: #fff;
	text-decoration: none;
	Xalign-self: flex-end;
}


.wp-block-lazyblock-ludger-banken-teaser {
	grid-column: 1/15;
	height: var(--full-block-height);
	grid-template-columns: 1fr repeat(12, minmax(10px, var(--grid-width))) 1fr;
	display: grid;
}

.ludger-banken-teaser-text {
	grid-column: 2/6;
	grid-row: 1;
	z-index: 1;
	display: flex;
	justify-self: start;
	align-self: center;
	flex-direction: column;
	width: 100%;
}

.ludger-banken-teaser-bild {
	height: var(--full-block-height);
	grid-column: 1/15;
	grid-row: 1;
	z-index: 0;
}

.ludger-banken-teaser-logobox {
	grid-column: 2/6;
	grid-row: 1;
	z-index: 1;
	justify-self: start;
	align-self: end;
	background-color: #00B5B5;
	color: #fff;

}
.ludger-banken-teaser-textbox {
	align-self: center;
}

.lb-gemeinsamfuer {
	color: #00B5B5;
	font-size: 2.4em;
	font-family: 'Open Sans';
	text-shadow: 0 0 30px #FFF, 0 0 50px #FFF;
}

.lb-gemeinsamfuer span{
	font-weight: 700;
}

.lb-ludger, .lb-banken{
	color: #060052;
	font-weight: 800;
	font-size: 4.2em;
	text-transform: uppercase;
	line-height: 0.8em;
	font-family: 'Open Sans';
	text-shadow: 0 0 30px #FFF, 0 0 50px #FFF;
}


.lb-weiterlesen a{
	color: #fff;
	background-color:var(--prim-color);
	margin: 2em;
	font-weight: 700;
	text-align: center;
	padding: 0.3em;
	text-decoration: none;
	color: #fff;
	cursor: pointer;
	display: block;
	transition: transform var(--transition-timing) var(--transition-easing);

}



.wp-block-lazyblock-wahlkreis-karte {
	Xheight: var(--full-block-height);
	grid-column: 1/15;
	background-color: #FF00FF;
	z-index: 0;
}



/********** Partei Einklinker **********/



#content .partei_wrapper {
	grid-column: 2;

}

#content .partei_bg {
	background-color: #00B5B5;
	display: flex;
	align-items: flex-start;
	flex-flow: row nowrap;
	#height: 56px;
	padding: 6px 3px 6px 6px;
	width: max-content;
}

#content .partei_bg div {
	height: 100%;
	margin: 0px 3px;

}

#content .partei_bg img {
	height: 100%;
	width: auto;
}

#content .partei_mobile_wrapper_2 {
	display: flex;
	align-items: flex-start;
	flex-flow: row nowrap;
	height:56px;
}

#content .partei_anleser_text {
	justify-content: center;
	display: flex;
	flex-direction: column;
}

#content .partei_anleser {
	list-style-type: none;
	font-size: 0.6em;
	text-align: right;
	margin: 0;
	padding: 0;
	justify-content: flex-start;
	display: inline-flex;
	flex-direction: column;
}

#content .break1 {
	justify-content: flex-start;
	display: inline-flex;
	flex-direction: column;
}

#content .break2 {
	justify-content: flex-start;
	display: inline-flex;
	flex-direction: column;
}

#content .partei_mobile_wrapper_2 div {
	height: 2.5em;
}


@media only screen and (max-width: 765px) {

	#content .partei_bg {
		display: flex;
		align-items: flex-start;
		flex-flow: column; nowrap;
		#height: 80px;
		padding: 6px 3px 6px 6px;
		#width: 100%;
	}

	#content .partei_anleser {
	    flex-direction: row;
	}

	#content .partei_anleser li{
		padding: 0 0.16em;
	}

	#content .partei_bg div {
		padding-bottom: 0.05em;
		width: 100%;
		margin: 0;
	}

	#content .break1 {
		justify-content: flex-start;
		display: inline-flex;
		flex-direction: row;
	}

	#content .break2 {
		justify-content: flex-start;
		display: inline-flex;
		flex-direction: row;
	}

	#content .wp-block-lazyblock-ludger-banken-teaser {
		height: 400px;
	}

	#content .ludger-banken-teaser-bild {
    	height: 400px;
	}

	.personen_overlay {
	    grid-column: 1/14;
	    padding-left: 40px;
	}

	

}

@media only screen and (max-width: 500px) {

	#content .partei_anleser {
	    flex-direction: column;
	}
	#content .partei_mobile_wrapper_2 div {
		height: 2em;
	}

}





/********** h1 **********/

h1 {
	color: #fff;
	background-color: var(--prim-color);
	padding: .1em .4em;
	font-size: 2.8em;
	z-index: 2;
	display: inline;
	-webkit-box-decoration-break: clone;
	-o-box-decoration-break: clone;
	box-decoration-break: clone;
}

.h1-helper {
    transform: translate3d(0,-200%, 0);
    grid-column: 2/14;

}



.title {
	grid-column: 2/14;
}

.title-helper {
	Xgrid-column: 2/14;
	Xtransform: translateY(-10em);
	Xmargin-top: -2em;
	position: absolute;
	bottom: 4em;
	display: grid;
	grid-template-columns: 1fr repeat(12, minmax(10px, var(--grid-width))) 1fr;
	width: 100%;
}

.subtitle {
	margin: 0.2em 0 0;
	grid-column: 2/14;
}

.subtitle h2 {
	color: #fff;
	background-color: var(--spd-5-color);
	padding: .1em .4em;
	font-size: 2em;
	z-index: 5;
	margin-bottom: -1em;
	display: inline;
	box-decoration-break: clone;
	-webkit-box-decoration-break:clone;
	font-weight: 400;
	font-style: italic;
}

.personen-position-block {
	color: #fff;
	background-color: var(--spd-5-color);
	padding: .1em .4em;
	width: max-content;
	font-weight: 300;
	font-style: italic;
	text-transform: uppercase;
	z-index: 5;
	transform: translateY(-7.15em);
	font-size: 1.9em;
	grid-column: 2 / 14;
}



/********** Sticky Themen Menü **********/


#land .sticky-themen-background {
	position: fixed;
	background: var(--prim-color);
	right: 0;
	z-index: 19;
	top: calc((var(--vh, 1vh) * 31));
    transition: all var(--transition-timing) var(--transition-easing);
	height: 12em;
	opacity: 1;
	width:12em;
	animation-delay: var(--animation-delay);
	animation-name: sticky-themen-background-animation;
  	animation-duration: 1s;
  	animation-fill-mode: forwards;
  	display:initial;
}

.sticky-themen-background {
	display:none;
}

@keyframes sticky-themen-background-animation {
  0%   {
  	opacity: 1;
	width:12em;
	height: 12em;

  }
  99% {
  	opacity: 0;
	width:12em;
	height: 12em;

  }
  100% {
  	opacity: 0;
	width:0em;
	height: 0em;

  }
}


.sticky-themen-wrapper {

	position: fixed;
	color: #fff;
	right: 0;
	z-index: 20;
	padding: 1em;
	font-weight: 700;
	flex-direction: column;
	display: flex;
	top: calc((var(--vh, 1vh) * 36));
    transition: all var(--transition-timing) var(--transition-easing);

}



#land .sticky-themen-headline {
	font-size: 1.5em;
	align-items: center;
	justify-content: right;
	opacity: 1;
  	height: 2em;
  	position: fixed;
    color: #fff;
    right: 0;
    z-index: 21;
    padding: 0em;
    margin-right: 0.8em;
    font-weight: 700;
    flex-direction: row;
    display: flex;
    top: calc((var(--vh, 1vh) * 32));
    transition: all var(--transition-timing) var(--transition-easing);
	animation-delay: var(--animation-delay);
	animation-name: sticky-themen-headline-animation;
  	animation-duration: 1s;
  	animation-fill-mode: forwards;
}

.sticky-themen-headline, .sticky-themen-hide {
	display:none;
	}

@keyframes sticky-themen-headline-animation {
  0%   {
  	opacity: 1;
  	width: inherit;
	font-size: 1.5em;

  }
  99% {
  	opacity: 0;
  	width: inherit;
	font-size: 1.5em;

  }
  100% {
  	opacity: 0;  	
  	width: 1em;
  	font-size: 0em;
  	height: 2em;

  }
}



.sticky-themen-headline svg{
	height: 0.8em;
	margin-left: 0.5em;
}

.sticky-themen-headline img{
	height: 0.7em;
}

.sticky-themen-headline p{
	margin:0;
	transition: all var(--transition-timing) var(--transition-easing);
}

.sticky-themen-wrapper a {
	color:#fff;
	text-align: right;
	padding:0;
    transition: all var(--transition-timing) var(--transition-easing);
	text-decoration: none;
	Xposition:absolute;
	z-index: 25;
	white-space: nowrap;
}

.sticky-themen-topics {
	height:1em;
	position: relative;
	justify-content: center;
	display: flex;
	flex-direction: column;
	margin: 0.2em 0;
	Xwidth: 1em;
	animation-delay: var(--animation-delay);
	animation-name: sticky-themen-topics-animation;
  	animation-duration: 1s;
  	animation-fill-mode: forwards;
  	    transition: all var(--transition-timing) var(--transition-easing);

}

@keyframes sticky-themen-topics-animation {
  0%   {
  }
  99% {
  	width: inherit;
  }
  100% {
	Xwidth: 1em;
  }
}

.sticky-themen-wrapper .sticky-themen-topics:hover .spd-1-color, 
.sticky-themen-wrapper .sticky-themen-topics:hover .spd-2-color, 
.sticky-themen-wrapper .sticky-themen-topics:hover .spd-3-color, 
.sticky-themen-wrapper .sticky-themen-topics:hover .spd-4-color, 
.sticky-themen-wrapper .sticky-themen-topics:hover .spd-5-color, 
.sticky-themen-wrapper .sticky-themen-topics:hover .spd-1-topic, 
.sticky-themen-wrapper .sticky-themen-topics:hover .spd-2-topic, 
.sticky-themen-wrapper .sticky-themen-topics:hover .spd-3-topic, 
.sticky-themen-wrapper .sticky-themen-topics:hover .spd-4-topic, 
.sticky-themen-wrapper .sticky-themen-topics:hover .spd-5-topic, 
.sticky-themen-wrapper .sticky-themen-topics:hover .spd-1-topic::after, 
.sticky-themen-wrapper .sticky-themen-topics:hover .spd-2-topic::after, 
.sticky-themen-wrapper .sticky-themen-topics:hover .spd-3-topic::after, 
.sticky-themen-wrapper .sticky-themen-topics:hover .spd-4-topic::after, 
.sticky-themen-wrapper .sticky-themen-topics:hover .spd-5-topic::after {
	    animation-fill-mode: initial;
	    transition: all var(--transition-timing) var(--transition-easing);
}






.spd-1-color {
	background-color: var(--spd-1-color);
}

.spd-2-color {
	background-color: var(--spd-2-color);
}

.spd-3-color {
	background-color: var(--spd-3-color);
}

.spd-4-color {
	background-color: var(--spd-4-color);
}

.spd-5-color {
	background-color: var(--spd-5-color);

}

.spd-1-color, .spd-2-color, .spd-3-color, .spd-4-color, .spd-5-color {
	height:1em;
	right: 0em;
	position: absolute;
	z-index: 24;
	animation-delay: var(--animation-delay);
	animation-name: sticky-themen-color-animation;
  	animation-duration: 1s;
  	animation-fill-mode: forwards;
} 

@keyframes sticky-themen-color-animation {
  0%   {
	width: 10em;
  }
  100% {
	width: 1em;
  }
}

.spd-1-color-length {
	width: 5.4em;
}

.spd-2-color-length {
	width: 10.5em;
}

.spd-3-color-length {
	width: 5.2em;
}

.spd-4-color-length {
	width: 9.3em;
}

.spd-5-color-length {
	width: 5.6em;
}


.spd-1-topic::after {
	content:"#Familien";
}

.spd-2-topic::after {
	content:"#Versorgung vor Ort";
}

.spd-3-topic::after {
	content:"#Wohnen";
}

.spd-4-topic::after {
	content:"#Zusammenleben";
}

.spd-5-topic::after {
	content:"#Mobilität";
}

.spd-1-topic, .spd-2-topic, .spd-3-topic, .spd-4-topic, .spd-5-topic {
	position: absolute;
	right: 0.2em;
	z-index: 25;
	animation-delay: var(--animation-delay);
	animation-name: sticky-themen-topic-animation;
  	animation-duration: 1s;
  	animation-fill-mode: forwards;
  	display: block;
}

.spd-1-topic::after, .spd-2-topic::after, .spd-3-topic::after, .spd-4-topic::after, .spd-5-topic::after {
	animation-delay: var(--animation-delay);
	animation-name: sticky-themen-topic-animation;
  	animation-duration: 1s;
  	animation-fill-mode: forwards;
  	display: block;
} 

@keyframes sticky-themen-topic-animation {
  0%   {
  	opacity: 1;
  	font-size: inherit;
  }
  99% {
  	opacity: 0;
  	font-size: inherit;
  }
  100% {
  	opacity: 0;
  	font-size: 0em;
  }
}




@media only screen and (max-width: 765px) {

.sticky-themen-wrapper {
	padding: 1em 0 1em 1em;
}

}








/********** Personen Menü **********/




.wp-block-lazyblock-mitglieder-text-personlich {
	grid-column: 3/13;
	margin: 2em 0;
}

.wp-block-lazyblock-mitglieder-text-pragend {
	grid-column: 3/13;
	margin: 2em 0;

}

.wp-block-lazyblock-mitglieder-text-politisch {
	grid-column: 3/13;
	margin: 2em 0;
}

.mitglieder-text-ueberschrift {
	padding: 1em;
	background-color: var(--prim-color);
	display: inline;
	color: #fff;
	padding: 0.1em 0.5em;
	font-size: 2em;
}

.wp-block-lazyblock-quer-bild {
	grid-column: 1/15;
	height:24em;
	width: 100%;
	Xposition: absolute;
	margin: 2em 0;

}



.wp-block-lazyblock-quer-bild  img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}

.wp-block-lazyblock-mitglieder-mein-wahlkreis {
	grid-column: 2/14;
	font-size: 1.6em;
}

.wp-block-lazyblock-mitglieder-mein-wahlkreis .mein-wahlkreis-bold {
	font-weight: 700;
}

.wp-block-lazyblock-mitglieder-infos {
	grid-column: 3/13;
}

.trete-in-kontakt {
	color:#fff;
	background-color:var(--prim-color);
	display: inline-block;
	padding: 0.4em 0.8em;
}

.trete-in-kontakt h3 {
	font-size: 1.6em;
	margin: 0 0 0.4em 0;
	hyphens: none;
}


.trete-in-kontakt a {
text-decoration: none;
color: #fff;
}


.trete-in-kontakt-helper {
	display:flex;
	font-style: italic;
}

.trete-in-kontakt-icon-helper {
	margin: 0 0.4em 0 0;
	  display: flex;
  flex-direction: column;
  justify-content: center;
}


.mitglieder-zitat {
	font-size:3em;
	margin: 2em 0;
}
.trete-in-kontakt-icon-helper svg {
	height: 1em;
}


.themen-text-ueberschrift {
	padding: 1em;
	background-color: var(--prim-color);
	display: inline;
	color: #fff;
	padding: 0.1em 0.5em;
	font-size: 2em;
	box-decoration-break: clone;
	-webkit-box-decoration-break:clone;
}



.wp-block-lazyblock-themen-text-block {
	grid-column: 3/13;
	margin: 2em 0;
}















@media only screen and (max-width: 1318px) {

	#content .wp-block-lazyblock-ludger-banken-teaser {
		grid-template-columns: 1em repeat(12, minmax(10px, var(--grid-width))) 1em;
	}


	.lb-gemeinsamfuer {
		font-size: 2em;
		white-space: nowrap;
	}
	
	.ludger-banken-teaser-text{
		grid-column: 2/7;
	}

	.lb-weiterlesen a {
		width: 280px;
	}
	
	.wp-block-lazyblock-themen-text-block {
		grid-column: 2 / 3;
	}

	.wp-block-lazyblock-landing-saulen {
	    flex-direction: column;

	}

	.wp-block-lazyblock-landing-saulen div {
	    width: 100%;
	    height: 4em;
	}

	.wp-block-lazyblock-landing-saulen a:hover {
		transform: scale(1);
	}


	.landing-themenblock-bild {
	    grid-column: 1/13;
	    height: 220px;
	}

	.landing-themenblock-text-wrapper {
	    position: relative;
	    padding-top: 0;
	    margin-top: 0;
	    grid-column: 1/13 !important;
	}

	.landing-themenblock-text {
	    padding: 2em;
	    position: relative;
	    top: 0em;
	    left: 0;
	    bottom: 0em;
	    right: 0;
	    display: flex;
	    flex-direction: column;
	}


	.wp-block-lazyblock-mitglieder-text-personlich {
	    grid-column: 2/14;
	}
	
	.wp-block-lazyblock-mitglieder-text-pragend {
	    grid-column: 2/14;
	}

	.wp-block-lazyblock-mitglieder-text-politisch {
	    grid-column: 2/14;
	}

	.wp-block-lazyblock-mitglieder-infos {
	    grid-column: 2/14;
	}

	.wp-block-lazyblock-themen-text-block {
	    grid-column: 2 / 14;
	}


	.mitglieder-text-ueberschrift {
    	font-size: 1.2em;
	}

	.title-helper {
	    grid-column: 2/14;
	    transform: translateY(0em);
		Xmargin: 0em 0 0 1em;
	    position: absolute;
	    bottom: 2em;
	}

	.landing .title-helper {
	    bottom: 4em;
	    Xmargin-top: -9em;
	}
	.landing .wp-block-lazyblock-puls-indikator {
		xtransform: translateY(-4em);
	}

	.wp-block-lazyblock-mitglieder-infos {
	    margin: 3em 0 0 0;
	}



	.personen_menu_pic {
		display: none;
	}

	.personen_menu_wrapper {
		height: 3vh;
		width: initial;
	}

	.personen_overlay_headline {
	    font-size: 2.4vh;
	    margin-bottom: 0.4em;
	}

	.personen_overlay_wrapper {
	    grid-template-columns: 1em repeat(2, minmax(10px, var(--grid-width))) 1em;
	}

	.personen_overlay {
	    display: block;
		margin-top: 2em;
	}

	.personen_menu_name {
	    position: absolute;
	    z-index: 20;
	    bottom: 0;
	    padding: 0;
	    background-color: rgba(0,0,0,0);
	    color: #fff;
	    text-decoration: none;
	    font-size: 2.4vh;
	    margin: 0;
	    font-weight: 300;
	}

	#content .wp-block-lazyblock-themen-kurzwahl  {
		grid-column: 2 / 14;
	}

	#content .wp-block-lazyblock-themen-endblock a {
		padding:0;
	}


}










@media only screen and (max-width: 765px) {

	#content .lb-weiterlesen a {
	    width: inherit;
	    margin: 1em 0em;
	}


	.trete-in-kontakt h3 {
	    font-size: 1.2em;
	    margin: 0 0 0.4em 0;
	}

	.mitglieder-zitat {
	    font-size: 1.4em;
	    margin: 2em 0;
	}

	.subtitle h2 {

	    padding: .1em .4em;

	}

	.nav_flex_row svg {
	    height: 20px;
	}

	.nav_hamburger_menu {
	    height: 20px;

	}
	.ham, .ham::before, .ham::after {
	    width: 30px;
	    height: 3px;
	}
	.ham::before {
	    top: -9px;
	}


	.ham::after {
	    top: 6px;
	}


	.menu-hauptmenue-container {
		font-size: 3vh;
	    margin-top: 0em;
	}
	X.menu-hauptmenue-container ul {
	    grid-column: 1/14;
	}

	.themen-text-ueberschrift {
	    font-size: 1.2em;
	}


	.wp-block-lazyblock-quer-bild {
	    height: 10em;
	}

	.wp-block-lazyblock-subheadline h2 {
	    font-size: 1em;
	}


	.wp-block-lazyblock-landing-zwischenuberschrift {
	    font-size: 1em;
	    line-height: 1.6em;
	}
	.wp-block-lazyblock-landing-roter-textbereich p {
	    padding: 1em 2em;
	}



	.wp-block-lazyblock-landing-loser-text p {
	    padding: 1em 0em;
	}




	.landing-themenblock-text-wrapper {
	    position: relative;
	    padding-top: initial;
	    margin-top: 0em;
	    grid-column: 1/13 !important;
	}

	.landing-themenblock-text {
	    padding: 1.2em;
	    position: relative;
	    top: 0em;
	    left: initial;
	    bottom: initial;
	    right: initial;
	}

	.landing-themenblock-bild {
	    height: 220px;
	}

	.trete-in-kontakt a {
	    font-size: 0.8em;
	}

	.ludger-banken-teaser-text {
	    grid-column: 2/11;
	}

	.lb-gemeinsamfuer {
    	font-size: 1.4em;
	}

	.lb-ludger, .lb-banken {
	    font-size: 2.6em;
	}




}




.wp-block-lazyblock-themen-endblock {
	grid-column: 2/14;
	margin: 2em 0;
}

.themen-endblock-check {
    display: flex;
    justify-content: space-between;
    color: #fff;
    flex-direction: row;
}

.themen-endblock-familien {
	background-color: var(--spd-1-color);
}

.themen-endblock-verkehr {
	background-color: var(--spd-2-color)
}

.themen-endblock-wohnen {
	background-color: var(--spd-3-color)
}

.themen-endblock-zusammenleben {
	background-color: var(--spd-4-color)
}

.themen-endblock-versorgung {
	background-color: var(--spd-5-color)
}

.themen-endblock-familien, .themen-endblock-verkehr, .themen-endblock-wohnen, .themen-endblock-zusammenleben, .themen-endblock-versorgung {
	color: #fff;
	text-align: center;
	font-weight: 700;
	padding: 0.1em;
	margin: 0;
	width: 100%;
}

.wp-block-lazyblock-themen-endblock a{
	text-decoration: none;
	color: #fff;
	transition: transform var(--transition-timing) var(--transition-easing);
	width: 100%;
	padding: 0 0.2em;
}


@media only screen and (max-width: 1318px) {
	.wp-block-lazyblock-themen-endblock {
		grid-column: 4/12;
	}
	.themen-endblock-familien, .themen-endblock-verkehr, .themen-endblock-wohnen, .themen-endblock-zusammenleben, .themen-endblock-versorgung {
		width: 100%;
		margin: 0.2em 0;
	}
	.themen-endblock-check {
	    flex-direction: column;
	}
}

@media only screen and (max-width: 765px) {
	.wp-block-lazyblock-themen-endblock {
		grid-column: 2/14;
	}
}

.datenschutz h2, .datenschutz h3, .datenschutz p {
	grid-column: 2/14;
}


.themenueberschrift_menuitem > a{
	cursor: default;
}



.wp-block-lazyblock-themen-kurzwahl  {
	grid-column: 4/12;
	margin: 2em 0;
}

.themen-kurzwahl {
	display: flex;
	flex-direction: column;
}

.themen-kurzwahl-wrapper a {
	text-decoration: none;
	color:var(--sec-color);
	margin-left: 0.3em;
}

.themen-kurzwahl-direkt {
	font-size: 2em;
}


.themen-kurzwahl-wrapper svg {
	height: 1em;	
	transition: transform var(--transition-timing) var(--transition-easing);
}

.themen-kurzwahl-wrapper {
	margin-bottom: 0.6em;
	align-items: center;
	display: flex;
}




/********** Hover **********/



@media only screen and (min-width: 1319px) {

.sticky-themen-topics:hover {
	transform: scale(1.2);
}

.themen-kurzwahl-wrapper:hover svg {
	transform: scale(1.2);
	transition: transform var(--transition-timing) var(--transition-easing);
}

.menu-item a:hover {
	Xtext-decoration-line: underline;
}


.wp-block-lazyblock-landing-saulen a:hover {
	transform: scale(1.1);
}


.nav_personen_menu:hover svg{
		transform: scale(1.5);
}

.nav_social_media a:hover svg {
	transform: scale(1.2);
}

.nav_hamburger_menu:hover .ham::before {
    top: -16px;
    transition: all .2s var(--transition-easing);

}

.nav_hamburger_menu:hover .ham::after {
    top: 12px;
    transition: all .2s var(--transition-easing);

}



.nav_hamburger_menu.is-active:hover .ham::before {
    top: -13px;
    transition: all .2s var(--transition-easing);

}

.nav_hamburger_menu.is-active:hover .ham::after {
    top: 9px;
    transition: all .2s var(--transition-easing);

}


.nav_logo:hover img{
	transform: scale(1.2);
}

.personen_menu_wrapper:hover {
  	transition: all var(--transition-timing) var(--transition-easing);
	transform: scale(1.06);
	box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}

.footer_links li a:hover {
	color:var(--prim-color);
}

.footer_social_media_helper a:hover svg{
	fill:var(--prim-color);
}


.weiterlesen-button:hover {
	transform: scale(1.1);
}

.lb-weiterlesen a:hover {
	transform: scale(1.1);
}

.wp-block-lazyblock-themen-endblock a:hover{
	transform: scale(1.1);
}

.themenueberschrift_menuitem > a:hover{
	text-decoration: none;
	cursor: default;

}
}

/********** Karte **********/

 
#mapid {
	height:700px;
}

@media only screen and (max-width: 768px) {
#mapid {
	height:550px;
}
}





.leaflet-tooltip {
    box-shadow: 0 0 0 rgba(0,0,0,0.0);
    color: #fff;
    background-color: #E3000F;
    border: 0px solid #E3000F;
    border-radius: 0px;
    font-weight: 700;
    font-size: 2em;
    font-family: 'Open Sans', sans-serif;
    padding: 6px 12px;
}

.leaflet-tooltip-left::before {
    border-left-color: #E3000F;
}

.leaflet-tooltip-right::before {
    border-right-color: #E3000F;
}










@media only screen and (min-width: 1px) {
	h1 {
	    font-size: 1.3em;
	    line-height: 1.4em;
	}
	.subtitle h2 {
	    font-size: calc(1.3em / 100*80);
	}
}

@media only screen and (min-width: 400px) {
	h1 {
		font-size: 1.4em;
	    line-height: 1.4em;
	}
	.subtitle h2 {
	    font-size: calc(1.4em / 100*80);
	}
}

@media only screen and (min-width: 500px) {
	h1 {
		font-size: 1.8em;
	    line-height: 1.4em;
	}
	.subtitle h2 {
	    font-size: calc(1.8em / 100*80);
	}
}

@media only screen and (min-width: 765px) {
	h1 {
		font-size: 2.1em;
	    line-height: 1.4em;
	}
	.subtitle h2 {
	    font-size: calc(2.1em / 100*80);
	}
}

@media only screen and (min-width: 1000px) {
	h1 {
		font-size:2.4em;
	    line-height: 1.4em;
	}
	.subtitle h2 {
	    font-size: calc(2.4em / 100*80);
	}
}

@media only screen and (min-width: 1318px) {
	h1 {
		font-size:2.8em;
	    line-height: 1.4em;
	}
	.subtitle h2 {
	    font-size: calc(2.8em / 100*80);
	}
}



.datenschutz .subtitle {
	display:none;
}




.wp-block-lazyblock-individueller-content {
		grid-column: 1/15;
		height: 66vh;
	}

.wp-block-lazyblock-individueller-content img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}


.blog > div, .blog > p, .blog > h3, .blog > ul, .blog ol  {
    grid-column: 2/14;
	margin: 0 0 2em 0;
}

 .blog > figure {
    grid-column: 2/14;
	margin: 0 0 3em 0;
}

.blog h2 {
	background-color: var(--prim-color);
	display: inline;
	color: #fff;
	padding: 0.1em 0.5em;
}

.blog h2 a {
    color: #fff;
    text-decoration: none;
}

.termin h2 {
	background-color: var(--prim-color);
	display: inline;
	color: #fff;
	padding: 0.1em 0.5em;
}

.termin h2 a {
    color: #fff;
    text-decoration: none;
}


#content .weiter_lesen_button {
	text-align: center;
	margin: 0 0 2em 0;
}

.weiter_lesen_button a {
	color: var(--prim-color);
}

#content .blog_margin {
	margin: 0 auto 2em auto;
}

#blog_header .nav_personen_menu {
	display: none;
}

.blog_date {
	font-style: italic;
	font-size: 0.8em;
	color: #777;
	margin: 1em 0 0 0;
}

.blog_title {
	margin: 1em 0 1em 0;
	background-color: initial;
	color: var(--sec-color);
	padding: 0;
}

.blog .wp-block-image figcaption {
    font-style: italic;
    font-size: 0.8em;
    color: #777;
}



#content p {
	    grid-column: 2/14;
	}

#content ul {
	    grid-column: 2/14;
	}


#content h1 {
	    grid-column: 2/14;
	}

#content h2 {
	    grid-column: 2/14;
	}

#content h3 {
	    grid-column: 2/14;
	}

#content h4 {
	    grid-column: 2/14;
	}

#content h5 {
	    grid-column: 2/14;
	}

#content h6 {
	    grid-column: 2/14;
	}

#content figure {
	    grid-column: 2/14;
	    margin-inline-start: 0;
    	margin-inline-end: 0;
	}

.wp-block-lazyblock-verlinkungen, .wp-block-lazyblock-dokument {
	grid-column: 3/13;
    margin: 5px 0;
}

.wp-block-lazyblock-verlinkungen a, .wp-block-lazyblock-dokument a{
		display: flex;
	    text-decoration: none;

}

.linkbox-square {
    background: var(--prim-color);
    max-width: 100px;
    max-height: 100px;
    display: flex;
    margin-right: 5px;
	justify-content: center;
	align-items: center;
}

.linkbox-square:after {
	content: "";
	display: block;
	padding-bottom: 100%;

}

.linkbox-square svg{
    width: 50%;
}

.linkbox-text {
    background: var(--prim-color);
    color: #fff;
    min-height: 100px;
    margin-left: 5px;
    width: 100%;
	display: flex;
	align-items: center;
	padding-left: 1em;
	font-size: 1.3em;
    font-weight: 700;

}

.mehrzumthema {
	font-weight: 700;
    color: var(--sec-color);
    font-size: 20px;
    margin: 5em 0 0.5em 0;
}

.wp-block-lazyblock-backendtester {
		grid-column: 2/14;
}

@media only screen and (max-width: 1378px) {

#content .wp-block-lazyblock-verlinkungen, #content .wp-block-lazyblock-dokument, #content .wp-block-lazyblock-backendtester {
		grid-column: 2/14;
}

#content .wp-block-lazyblock-aufklapper {
		grid-column: 2/14;
}
#content .wp-block-lazyblock-social-sharing {
grid-column: 2/14;
}


.menu-hauptmenue-container .sub-menu {
    top: 85px;
}


}

#content > nav {
		grid-column: 2/14;
}


#content > div {
		grid-column: 2/14;
}

.menu_overlay_wrapper .menu-hauptmenue-container .menu-item {
    height: 85px;
}

.menu-hauptmenue-container .menu-item {

    display: flex;
    align-items: center;
    font-weight: 600;

}

#content .wp-block-lazyblock-bild-auf-ganzer-breite {
    grid-column: 1/15;
    height: 600px;
}

#content .wp-block-lazyblock-bild-auf-ganzer-breite img {
	position: absolute;
	left: 0;
	height: 600px;
}

.menu-hauptmenue-container .sub-menu {
	position: absolute;
    padding: 0 0 10px 0;
    top: 86px;
    margin: 0 0 0 -30px;
    z-index: 2;
	background-color: var(--spd-1-color);
}


#main_header .nav_flex_row_helper_left > .mobile_nav_helper > .menu-hauptmenue-container > ul > .menu-item {
    height: 86px;
}



.menu-hauptmenue-container .sub-menu li{
	margin: 0;
}

.menu-hauptmenue-container .sub-menu a {
    color: #fff;
}

.menu-hauptmenue-container .sub-menu .menu-item {
    height: 50px;
	font-weight: 400;
    justify-content: space-between;
    background-color: var(--spd-1-color);

}
.menu-hauptmenue-container .sub-menu .menu-item:hover {
    background-color: var(--spd-2-color);
}

.menu-hauptmenue-container .sub-menu .menu-item a {
    padding: 0 3em 0 30px;
	text-transform: initial;
}



.menu-hauptmenue-container .sub-menu .menu-item a:hover {
text-decoration: none;
}

.menu-hauptmenue-container .sub-menu .menu-item:before {

	content: "";
    background: #fff;
    position: absolute;
    left: 30px;
    width: calc(100% - 60px);
    height: 1px;
    transform: translateY(-25px);

}








.menu-hauptmenue-container .sub-menu .menu-item:after {
	color: #fff;
    transform: translate(-30px,3px);
    font-weight: 700;
}

.menu-hauptmenue-container .sub-menu .menu-item-object-page.menu-item:after {
	content: url(./assets/images/angle-right-solid.svg); 
    width: 14px;
}

.menu-hauptmenue-container .sub-menu .menu-item-object-custom.menu-item:after {
	content: url(./assets/images/external-link-alt-solid.svg); 
    width: 14px;
}

.menu-hauptmenue-container .menu-item > .sub-menu {
	display: none;
}

.menu-hauptmenue-container .menu-item:hover > .sub-menu {
	display: block;
}

.nav_logo {
	transform: translateY(0px) scale(1);
	transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    transition-delay: 0s;
    transform-origin: top left;
}

.nav_logo.nav-active {
	transform: translateY(-110px) scale(0.71);
	transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    transition-delay: 0s;
    transform-origin: top left;
    Xwidth: 85px;
    Xheight: 85px;
    z-index:1000;
}

.nav_flex_row_helper_left {
    transform: translateX(0px);
	transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    transition-delay: 0s;
}

.nav_flex_row_helper_left.nav-active {
    transform: translateX(140px);
	transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    transition-delay: 0s;
}

.nav_flex_row_helper_left > .mobile_nav_helper > .menu-hauptmenue-container > ul > .menu-item {
	transition-property: margin, padding;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    transition-delay: 0s;
}

.nav_flex_row_helper_left > .mobile_nav_helper > .menu-hauptmenue-container > ul > .menu-item:hover {
	background-color: var(--prim-color);
}

.nav_flex_row_helper_left > .mobile_nav_helper > .menu-hauptmenue-container > ul > .menu-item:hover a {
	color: #fff;
}

.nav_flex_row_helper_left.nav-active > .mobile_nav_helper > .menu-hauptmenue-container > ul > .menu-item  {
	transition-property: margin, padding;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    transition-delay: 0s;
    Xmargin: 0 0 0 2em;
}

.nav_flex_row_helper_left.nav-active > .mobile_nav_helper > .menu-hauptmenue-container > ul > .menu-item {
    padding: 0 20px;
}

.nav_flex_row_helper_left.nav-active > .mobile_nav_helper > .menu-hauptmenue-container .sub-menu {
    margin: 0 0 0 -20px;
}


.wp-block-lazyblock-aufklapper {
	grid-column: 3/13;
}

.wp-block-lazyblock-social-sharing {
	grid-column: 3/13;
	border-width: 1px;
    border-style: solid;
    border-color: var(--sec-color);
    margin: 3em 0;
        padding: 0.5em 0;

      display: flex;
  align-items: center;
  justify-content: center;
}


.wp-block-lazyblock-social-sharing p {
    margin: 0 0.4em;
}



.social-sharing-buttons-wrapper svg {
    height: 40px;
    margin: 0 0.4em;
    color: var(--prim-color);
}

.social-sharing-buttons-wrapper, .social-sharing-buttons-wrapper a {
    display: flex;
    align-items: center;
    justify-content: center;
}



 /* Style the button that is used to open and close the collapsible content */
.collapsible {
  color: #444;
  cursor: pointer;
    padding: 1em 0em;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 40px;
  font-weight: 800;
  	display: flex;
	justify-content: space-between;
	flex-direction: row;
	align-items: center;
	    background-color: initial;

}


.fa-plus {
	display: block;
    height: 40px;

}

.fa-minus {
	display: none;
    height: 40px;
}

.collapsible.collapse-active .fa-plus{
	display: none;
}

.collapsible.collapse-active .fa-minus{
	display: block;
}


.wp-block-lazyblock-aufklapper {

	border-bottom-width: 4px;
    border-bottom-style: solid;
    border-bottom-color: var(--sec-color);

}


.collapsible.collapse-active + .collapse_container {
  display: block;
	transition-property:  max-height;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); 
    max-height: max-content;

}


/* Style the collapsible content. Note: hidden by default */
.collapse_container {
  XXXpadding: 0 18px;
  overflow: hidden;
	transition-property:  max-height;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);  
  max-height: 0em;
} 



.breadcrumb {
    grid-column: 2/14;
	font-size: 0.5em;
	padding: 1em 0;
	color: #999999

}

.breadcrumb a {
	text-decoration: none;
	color: #999999

}
 
#content .breadcrumb .current-page {
	color: var(--sec-color);
}

.navcat a {
	font-weight: 600;
	cursor:default;
}

.menu-hauptmenue-container .sub-menu .navcat.menu-item:after {
	content: "";
}

.menu-hauptmenue-container .sub-menu .navcat ~ .menu-item a {
    padding: 0 3em 0 50px;
}

.menu-hauptmenue-container .sub-menu .navcat.menu-item a, .menu-hauptmenue-container .sub-menu .navalt.menu-item a {
    padding: 0 3em 0 30px;
}


.menu-hauptmenue-container > ul {
    margin: 0 0 0 -30px;
}

.menu-hauptmenue-container > ul > .menu-item {
margin: 0 0px 0 0px;
    padding: 0 30px;
}



.wp-block-lazyblock-kurzinfo-bereich {
    grid-column: 2/14;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 0.4em;
    row-gap: 0.4em;

}

.wp-block-lazyblock-kurzinfo .kurzinfo-bild {
  position: relative;
}

.wp-block-lazyblock-kurzinfo .kurzinfo-bild-square {
  width: 100%;
  padding-bottom: 100%;
  position: relative;
}

.wp-block-lazyblock-kurzinfo .kurzinfo-bild-square img {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

.kurzinfo-bild-square {
	background-image: url(assets/images/user-solid.svg);
  	background-repeat: no-repeat;
  	background-color: #fff;
	background-position: center;
    background-size: 100%;

}

.wp-block-lazyblock-kurzinfo .kurzinfo-text {
	display: inline;
	position: absolute;
	bottom: 1em;
	left: 1em;
	z-index: 1;
	max-width: calc(100% - 2em);
    box-sizing: border-box;
}

.wp-block-lazyblock-kurzinfo .kurzinfo-name {
	display: inline;
	position: relative;
	bottom: 0em;
	left: 0em;
	z-index: 1;
	color: #fff;
	max-width: 100%;
	background-color: var(--prim-color);
	font-weight: 600;
	font-size: 0.8em;
    padding: 0.2em 0.5em;
	-webkit-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
    box-sizing: border-box;

}

.wp-block-lazyblock-kurzinfo .kurzinfo-name:after {
    content:"\a";
    white-space: pre;
}

.wp-block-lazyblock-kurzinfo .kurzinfo-funktion {
	display: inline;
	position: relative;
	bottom: 0em;
	left: 0em;
	z-index: 1;
	color: #fff;
	max-width: 100%;
	background-color: var(--spd-5-color);
	font-weight: 400;
	font-size: 0.8em;
    padding: 0.2em 0.5em;
	-webkit-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
    box-sizing: border-box;

}


#content .wp-block-lazyblock-kurzinfo .kurzinfo-social-media img {
	height: inherit;
    width: 1.5em;
}

#content .wp-block-lazyblock-kurzinfo .kurzinfo-social-media a {
	display: flex;
    align-items: center;
}


.wp-block-lazyblock-kurzinfo .kurzinfo-social-media {
    background-color: var(--spd-1-color);
    color: #fff;
    padding: 0.5em;    
    display: flex;
    align-items: center;
    box-sizing: border-box;
    justify-content: space-around;
    height: 2.8em;


}

.wp-block-lazyblock-kurzinfo .kurzinfo-mehr {
    height: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border: 2px solid var(--spd-1-color);
    color: var(--spd-1-color);
    font-size: 0.8em;

}

.wp-block-lazyblock-kurzinfo .kurzinfo-mehr a{
    color: var(--spd-1-color);
}
.wp-block-lazyblock-kurzinfo a {
	text-decoration: none;
}


.menu_overlay .menu-hauptmenue-container > ul {
	display: block;
	margin: 0;
    font-size: initial;

}



.menu_overlay .menu-hauptmenue-container .menu-item a {
	height: 100%;
    display: flex;
    justify-content: left;
    align-items: center;
    width: 100%;
    Xpadding-left: 1em;

}


.menu_overlay .menu-hauptmenue-container .sub-menu .navcat.menu-item a, .menu-hauptmenue-container .sub-menu .navalt.menu-item a {
    padding: 0 2em 0 1em;
}

.menu_overlay .menu-hauptmenue-container .sub-menu .navcat ~ .menu-item a {
    padding: 0 2em 0 1em;
}

.menu_overlay .menu-hauptmenue-container .sub-menu .menu-item.mobile-nav-back a {
    padding: 0 2em 0 1em;
}

body .menu_overlay.is-active .menu-hauptmenue-container .sub-menu .navcat.menu-item:after {
    content: "";
}

.menu_overlay .menu-hauptmenue-container .sub-menu .menu-item {
    padding-left: 1em;
}

.menu_overlay .menu-hauptmenue-container .sub-menu .navcat.menu-item, .menu_overlay .menu-hauptmenue-container .sub-menu .mobile-nav-back {
    padding-left: 0em;
}

.menu_overlay_wrapper .menu_overlay .menu-hauptmenue-container .sub-menu .menu-item.mobile-nav-back {
	background-color: var(--prim-color);
}

.menu_overlay .menu-hauptmenue-container .sub-menu .menu-item:before {
    content: "";
    background: #fff;
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    transform: translateY(-42px);
}

.menu_overlay.is-active .menu-hauptmenue-container .sub-menu .menu-item-object-custom.menu-item:after {
    content: url(./assets/images/external-link-alt-solid.svg);
    width: 30px;
}

.menu_overlay.is-active .menu-hauptmenue-container .sub-menu .menu-item-object-custom.menu-item:after {
    content: url(./assets/images/external-link-alt-solid.svg);
    width: 30px;
    margin-right: -30px;
    height: 30px;
}

.menu_overlay.is-active .menu-hauptmenue-container .sub-menu .menu-item:after {
    color: #fff;
    transform: translateX(-50px);
    font-weight: 700;
}

.menu_overlay.is-active .menu-hauptmenue-container .sub-menu .menu-item:after {
    color: #fff;
    transform: translateX(-30px);
    padding-right: 10px;
    font-weight: 700;
}

.menu_overlay .menu-hauptmenue-container > ul > .menu-item {
    box-sizing: border-box;

    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #fff;

    display: flex;
  	justify-content: left;
  	align-items: center;

  	font-size: 1.4em;

  	padding: 0 0 0 1em;
  	margin: 0;
}

.menu_overlay .menu-hauptmenue-container .sub-menu {
    position: absolute;
    padding: 0 0 0px 0;
    top: 0px;
    left: 0;
    margin: 0;
    z-index: 2;
    background-color: var(--spd-1-color);
    overflow-y: scroll;
    height: 100%;
    width: 100%;

}

.menu_overlay.is-active .menu-hauptmenue-container .sub-menu .menu-item {
    min-height: 85px;
    font-weight: 400;
    justify-content: space-between;
    background-color: var(--spd-1-color);
}


.menu_overlay .menu-hauptmenue-container .sub-menu {
	display: block;
	transform: translateX(100vw);
	margin: -1px 0 0 0;
	transition-property:  transform;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}


.menu_overlay_wrapper .menu_overlay.is-active .menu-hauptmenue-container .mobile-submenu-active > .sub-menu {

	transform: translateX(0vw);
	transition-property:  transform;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); 
}

.linkbox-square.linkbox_document, .linkbox-text.linkbox_document {
    border-color: var(--prim-color);
    border-width: 5px;
    background-color: #fff;
    box-sizing: border-box;
    border-style: solid;
    color: var(--prim-color);
}


.linkbox-text {
    border-color: var(--prim-color);
    border-width: 5px;
    box-sizing: border-box;
    border-style: solid;
}



.linkbox-square .linkbox_document_svg {
    color: var(--prim-color);
}

.post {
    display: grid;
	grid-template-columns: repeat(12, minmax(10px, var(--grid-width)));
    grid-auto-flow: column;
    margin: 0 0 4em 0;
}

.post > .postpreview-thumbnail {
    grid-column: 1/7;
    height: 600px;
    padding-right: 1em;
}

.post > .postpreview-text {
    grid-column: 7/13;
    padding-left: 1em;
    display: flex;
	flex-direction: column;
}

.post > .postpreview-text p {
	margin: 0;
}

#content .post > .postpreview-text .weiter_lesen_button {
    text-align: center;
    margin: 2em 0 0.4em 0;
}

#content .blog_date {
    margin: 0;
}


#content .post > .postpreview-text .weiter_lesen_button a {
    background-color: var(--prim-color);
    color: #fff;
    text-decoration: none;
    padding: 0.4em 3em;
    margin-bottom: 0.4em;
}



@media only screen and (max-width: 1378px) {

.post > .postpreview-thumbnail {
    grid-column: 1/13;
    padding-right: 0em;
}

.post > .postpreview-text {
    grid-column: 1/13;
    padding-left: 0em;
    margin-top: 2em;

}

.post > .postpreview-thumbnail {
    height: 20em;
}

}


#main_header .sub-menu li:first-child:before {
	    height: 0px;

}

#content .wp-block-lazyblock-kontakt, #content .wp-block-lazyblock-termin-teaser {
    grid-column: 1/15;
	background-color: #EDEDED;
	display: grid;
    grid-template-columns: 1fr repeat(12, minmax(10px, var(--grid-width))) 1fr;
    grid-auto-flow: row;
    padding: 4em 0;

}

.kontakt-ueberschrift, .kontakt-anleser {
	grid-column: 2/14;
}

.kontakt-formular {
	grid-column: 4/12;
	margin: 2em 0;
}

.kontakt-datenschutz {
	grid-column: 4/12;
	margin: 0em 0;
}

.kontakt-ueberschrift h2 {
	margin-top: 0;
}

.kontakt-datenschutz a {
	color: var(--prim-color);
	text-decoration: none;
}

.kontakt-datenschutz a:hover {
	text-decoration: underline;
}


.wpforms-field-large {
	font-weight: 700;

}

#kontakt-vname {
	grid-column: 1/3;
}

#kontakt-nname {
	grid-column: 1/3;
}

#kontakt-email {
	    grid-column: 1/3;
}

#kontakt-nachricht {
	    grid-column: 1/3;
}

#kontakt-submit {
	    grid-column: 1/3;
}

/* Style inputs with type="text", select elements and textareas */
input[type=text], select, textarea {
  width: 100%; /* Full width */
  padding: 12px; /* Some padding */ 
  border: 1px solid #ccc; /* Gray border */
  border-radius: 0px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin: 1em 0;
  resize: vertical; /* Allow the user to vertically resize the textarea (not horizontally) */
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
}

input[type=submit] {
  background-color: var(--prim-color);
  color: white;
  padding: 12px 20px;
  border: none;
  margin: 1em 0;
  border-radius: 0px;
  cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
  background-color: var(--spd-1-color);
}


#content .wp-block-lazyblock-kontakt .wpforms-submit  {
  background-color: var(--prim-color);
  color: white;
  padding: 12px 20px;
  border: none;
  margin: 1em 0;
  border-radius: 0px;
  cursor: pointer;
}

.wpforms-submit-container {
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 1378px) {
.kontakt-formular, .kontakt-datenschutz {
	grid-column: 2/14;
}
#content .wp-block-lazyblock-kontakt, #content .wp-block-lazyblock-termin-teaser {
    padding: 4em 1em;
    margin: 1em 0;

}
.kontakt-formular, .kontakt-datenschutz {
    margin: 0em 0;
}
}

.header_feature_expand .featured_caption {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 9;
	font-size: 0.4em;
	background-color: #fff;
	color: var(--sec-color);
    padding: 0.2em 0.6em;
    font-style: italic;
}




@media only screen and (max-width: 1000px) {
.wp-block-lazyblock-kurzinfo-bereich {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
}

@media only screen and (max-width: 765px) {
.wp-block-lazyblock-kurzinfo-bereich {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media only screen and (max-width: 500px) {
.wp-block-lazyblock-kurzinfo-bereich {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
}




html body #content .no-thumb-post {
    margin-top: 15em;
	transform: translate3d(0,0, 0);
}

html body #content.termin .no-thumb-post {
        margin-bottom: 0em;
            margin-top: 15em;
	transform: translate3d(0,0, 0);
}

#content .wp-block-lazyblock-postspreview > .post > .postpreview-text.postpreview-nopic,#content.news .post > .postpreview-text.postpreview-nopic {
	grid-column: 1/13;
    padding-left: 0em;
}



#tribe-events-pg-template {
    grid-column: 2/14;
    Xmargin-top: 15em;
}


.tribe-events-schedule {
    margin: 1em 0 2em 0;
}

.tribe-events-schedule h2.tribe-events-schedule__datetime {
    display: inline;
    -webkit-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
    padding: .3em .8em;
    font-weight: 400;
}




.tribe-events-schedule__datetime .tribe-events-schedule__date, .tribe-events-schedule__datetime .tribe-events-schedule__separator, .tribe-events-schedule__datetime .tribe-events-schedule__time {
	font-size: 0.7em;	
}

.tribe-block__events-gcal, .tribe-block__-events-ical {
	width: 50%;
}

body #content .tribe-block__events-gcal img, body #content .tribe-block__-events-ical img {
    width: initial;
    height: initial;
    object-fit: initial;
    object-position: 50% 50%;
}

.tribe_events .tribe-block__events-link {
    display: grid;
    grid-template-columns: repeat(12, minmax(10px, var(--grid-width)));
    grid-auto-flow: column;
}


.tribe-block__events-gcal {
	grid-column: 7/12;
    width: 100%;
}

.tribe-block__-events-ical {
	grid-column: 2/7;
    width: 100%;
}

.tribe-block__events-link .tribe-block__btn--link.tribe-block__events-gcal a, .tribe-block__events-link .tribe-block__btn--link.tribe-block__-events-ical a  {
	align-items: center;
    background-color: #fff;
    border: 1px solid var(--sec-color);
    color: var(--sec-color);
    display: inline-flex;
    text-decoration: none;
    font-weight: 700;
    font-size: initial;
    justify-content: center;
    margin: initial;
    min-height: 4em;
    padding: initial;
    width: 100%;
}


.tribe-block__events-link .tribe-block__btn--link.tribe-block__events-gcal a {
	margin-left: 1em;
}

.tribe-block__events-link .tribe-block__btn--link.tribe-block__-events-ical a  {
	margin-right: 1em;
}


@media only screen and (max-width: 1378px) {
.tribe-block__events-gcal, .tribe-block__-events-ical {
	grid-column: 1/13;
    width: 100%;

}
.tribe-block__events-link .tribe-block__btn--link.tribe-block__events-gcal a {
	margin-left: 0em;
	margin-top: 1em;
}

.tribe-block__events-link .tribe-block__btn--link.tribe-block__-events-ical a  {
	margin-right: 0em;
	margin-top: 1em;
}

#content #tribe-events-content ul.tribe-events-sub-nav li.tribe-events-nav-previous {
    grid-column: 1/13;   
    margin-top: 1em;

}

#content #tribe-events-content ul.tribe-events-sub-nav li.tribe-events-nav-next {
    grid-column: 1/13;   
    margin-top: 1em;

}

#content .tribe-events-nav-next {
	text-align: left;
}

#content .tribe-events-nav-previous a, 
#content .tribe-events-nav-next a {
    font-size: 1em;
}
}

.tribe-events-sub-nav {
	padding: 0;
}

#content #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-previous, #tribe-events-header .tribe-events-sub-nav .tribe-events-nav-previous, #content #tribe-events-content ul.tribe-events-sub-nav li.tribe-events-nav-next {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
}

.tribe-events-sub-nav {
    display: grid;
    grid-template-columns: repeat(12, minmax(10px, var(--grid-width)));
    grid-auto-flow: column;
}

.tribe-events-nav-previous {
    grid-column: 1/7;
}
.tribe-events-nav-next {
    grid-column: 7/13;
}

.tribe-events-nav-previous a, .tribe-events-nav-next a {
    color: var(--prim-color);
    font-size: 0.6em;
}

.tribe-events-nav-previous {
	text-align: left;
}

.tribe-events-nav-next {
	text-align: right;
}

.tribe-block.tribe-block__events-link {
	margin: 1em 0;
}

.tribe-events-schedule__datetime span {
	color: #fff;
}

#content .tribe-clearfix h2 {
    font-family: inherit;
}

#content .tribe-common {
    margin: 7em 0 0 0;
    padding: 0;
    width: 100%;
}

#content .tribe-common .tribe-common-l-container {
    margin: 0;
    padding: 0;
    width: 100%;
}

@media only screen and (max-width: 1378px) {

#content .tribe-common {
    margin: 1em 0 0 0;
}

.tribe-events-calendar-list__event-featured-image-wrapper, .tribe-events-calendar-list__event-date-tag {
	display: none;

}
#content .events-helper-text, #content .tribe-events-calendar-list__event-details {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

#content .tribe-events-calendar-list__event-row {
	margin: 2em 0;
}



.tribe-events-calendar-list__event-wrapper {
	width: 100%;
}

body #content .tribe-events-calendar-list__event {
    height: initial;
}

body #content .termin_liste_button {
    margin: 2em auto;
}


}




}

#content .tribe-events .tribe-events-calendar-list__event-wrapper {
    flex: 1;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0%;
    width: calc(75% + 21px);
}


#content input.tribe-common-form-control-text__input {
    border-color: var(--sec-color);
    font-size: 0.8em;
    padding: 0 1em;
    height: 60px;

}

#content button.tribe-events-c-search__button {
    height: 60px;
    padding: 1em 3em;
    border-width: 0;
    border-style: none;
    font-size: initial;
    background-color: var(--prim-color);
    color: #fff;
    font-family: unset;
    border-width: 1px;
    border-color: var(--prim-color);
    margin: 0 1em;
}

#content .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-search__input-control {
    flex: auto;
    margin: 0;
    padding: 0;
}

a{
	    color: var(--prim-color);
	}

#content .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-messages__message {
    padding: 0;
}

#content .tribe-common-c-svgicon {
    padding: 0 1em 0 0;
    width: 4em;
}

html #content button:disabled {
    color: rgba(16, 16, 16, 0.3) !important;
    background-color: rgba(239, 239, 239, 0) !important;
    border-color: rgba(118, 118, 118, 0) !important;
}

.tribe-events-c-top-bar__nav-list-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.tribe-events .tribe-events-c-top-bar__nav-list-item {
    padding-right: 0;
}


#content button.tribe-events-c-top-bar__datepicker-button {
    height: 40px;
    padding: 0 3em;
    border-style: solid;
    font-size: initial;
    background-color: #fff;
    color: var(--prim-color);;
    font-family: unset;
    border-width: 1px;
    border-color: var(--prim-color);
    margin: 0 1em;
}


.wp-block-lazyblock-quadrat-teaser {
	justify-content: center;
    display: flex;
    margin: 0 0 3em 0;
}

.quadrat_teser_block {
  width: calc(25% - 1em);
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 0.5em;
	transform: scale(1);
	transition: transform var(--transition-timing) var(--transition-easing);
}

.quadrat_teser_block:hover {
	transform: scale(1.1);
	transition: transform var(--transition-timing) var(--transition-easing);
}

.quadrat_teser_block:active {
	transform: scale(1);
	transition: transform var(--transition-timing) var(--transition-easing);
}

.quadrat_teser_block:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

@media only screen and (max-width: 765px) {
.wp-block-lazyblock-quadrat-teaser {
	flex-direction: column;
}
.quadrat_teser_block {
    width: calc(100% - 2em);
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0.5em 0;
    padding: 2em 1em;
    transform: scale(1);
    transition: transform var(--transition-timing) var(--transition-easing);
}
.quadrat_teser_block:after {
  content: none;
}
.quadrat_teser_block:hover {
	transform: scale(1);
	transition: transform var(--transition-timing) var(--transition-easing);
}
}    

#content .tribe-events-calendar-list__event-date-tag {
	border: solid;
    border-width: 1px;
    width: 7em;
    height: 7em;
    flex-direction: row;  
    position: relative;
    color: var(--sec-color);
    border-color: var(--sec-color);
    margin-left: 1em;

}

#content .tribe-events-calendar-list__event-date-tag-datetime {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
}

.tribe-events-calendar-list__event-date-tag-weekday {
	font-size: 1em;
}

.tribe-events-calendar-list__event-date-tag-daynum {
	font-size: 2em;
	font-weight: 700;
}


.termin_bold {
	font-weight: 700;
}

#content .tribe-events-calendar-list__event-title-link {
	text-decoration: none;
	color: var(--sec-color);
}

.termin_liste_datum {
	font-size: 0.8em;
}

#content .tribe-events-calendar-list__event-details {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#content .termin_liste_button {
    color: #fff;
    background-color: var(--prim-color);
    text-decoration: none;
    font-weight: 700;
    height: 2em;
	font-size: 0.8em;
	display: flex;
  	justify-content: center;
  	align-items: center;
  	align-self: end;
  	width: 16em;
}

#content .tribe-events-calendar-list__event-featured-image {
	max-height: 7em;
}

#content .tribe-events-calendar-list__event {
    height: 7em;
}

.tribe-events-calendar-list__event-wrapper {
	width: 100%;
}


.termin-teaser-content {    
	grid-column: 2/14;
}

.termin-helper-wrapper {
    display: flex;
    flex-wrap: nowrap;
    margin: 48px -24px 40px;
    border: 0;
    padding: 0;
    box-sizing: border-box;
}

.events-helper-img {
    margin-bottom: 0;
    width: 37.5%;
}

.events-helper-text {
    display: flex;
    flex-direction: column;
    padding-left: 24px;
    padding-right: 24px;
    width: 62.5%;
    justify-content: space-between;
    min-width: 0;
}

.events-helper-img img {
    max-height: 7em;
}

.events-helper-article {
	flex-direction: row;
    display: flex;
}

#content .events-helper-text .tribe-events-calendar-list__event-header a {
    text-decoration: none;
    color: var(--sec-color);
    font-weight: 700;
}

.termin-helper-dateg {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-align: center;
}

#content .tribe-events-content .tribe-events-single-event-title, #content .tribe-events-content .tribe-events-schedule {
	color: #fff;
}


.r_button {
    display: inline-block;
    font-weight: 700;
	border-color: var(--sec-color);
	border-width: 1px;
	border-style: solid;
    color: var(--sec-color);
    text-decoration: none;
    padding: 0.4em 3em;
    margin-bottom: 0.4em;
	transform: scale(1.0);
	transition: transform var(--transition-timing) var(--transition-easing), filter var(--transition-timing) var(--transition-easing), color var(--transition-timing) var(--transition-easing), background-color var(--transition-timing) var(--transition-easing);
}

.r_button:hover {
	transform: scale(1.2);	
	background-color: var(--prim-color);
	border-color: var(--prim-color);
    color: #fff;

}

.r_button:active {
	transform: scale(1.1);
}


.b_shatten {
	filter: drop-shadow(0px 0px 0px #aaa);
}

.b_shatten:hover {
    filter: drop-shadow(0px 0px 20px #ddd);
}

.b_shatten:active {
    filter: drop-shadow(0px 0px 5px #aaa);
}

.button_helper {
	width: 100%;
	  display: flex;
  	justify-content: center;
  	align-items: center;
}



.news .blog_title {
    margin: 3em 0 1em 0;
}


.misha_loadmore{
	background-color: #ddd;
	border-radius: 2px;
	display: block;
	text-align: center;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	letter-spacing:1px;
	cursor:pointer;
	text-transform: uppercase;
	padding: 10px 0;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;  
}
.misha_loadmore:hover{
	background-color: #767676;
	color: #fff;
}



figure.wp-block-embed > .wp-block-embed__wrapper > iframe {
    width: 100%;
    min-height: 100%;
    border: initial;
}


.person_info_wrapper {
  grid-template-columns: calc(50% - 10px) calc(50% - 10px);
  display: grid;
  column-gap: 20px;
  row-gap: 0px;
  margin-top: 20px;

}

.person_info_image {
  grid-column: 1 / 2;
  overflow: hidden;
  height: 400px;
	background-repeat: no-repeat;
    background-position: center;
        background-color: #eee;
}

.person_info_text {
	color: #fff;
	background-color: var(--prim-color);
	grid-column: 2 / 3;
	padding: 20px;
	display: flex;
	flex-direction: column;
	Xjustify-content: space-between;
}

.person_info_text_url {
    text-align: center;
    display: block;
    border: 2px solid #fff;
    background-color: #fff;
    text-decoration: none;
    padding: 5px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 18px;
}


.person_info_text_name, .person_info_text_funktion, .person_info_text_str, .person_info_text_plz, .person_info_text_tel, .person_info_text_mail {
	margin: 0;
}


.person_info_text_name {
	margin-bottom: 1em;
	font-size: 1.5em;
}

.person_info_text_funktion {
	font-style:italic 
}

.person_info_text_privat {
	
}

.person_info_text_str {
	
}

.person_info_text_plz {
	
}

.person_info_text_tel {
	margin-top: 0.2em;
}

.person_info_text_mail {
	display: block;
  	margin-top: 0.2em;	
}

.person_info_text_mail a {
	color: #fff;
}

.person_info_text_button_box {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


@media only screen and (max-width: 765px) {
	.person_info_image {
 	 grid-column: 1 / 3;
 	 height: 300px;
}

.person_info_text {
	grid-column: 1 / 3;

}
.person_info_wrapper {
	column-gap: 0px;
}

.person_info_wrapper {
  height: inherit;
}

}



.nothumbbread {
	margin-top: 7em;
}


.nothumbhead {
	transform: translate3d(0,0,0) !important;
}

html .cmplz-marketing #main_header {

    grid-template-columns: 1fr minmax(10px, calc(110px * 12)) 1fr;

}