/*
* Project CSS
*/

.filter-grayscale {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	position: relative;
	display: block;
} 

.filter-grayscale h1,
.filter-grayscale h2,
.filter-grayscale h3,
.filter-grayscale h4,
.filter-grayscale h5,
.filter-grayscale h6 {
	color: #000;
}

.filter-grayscale a {
	color: #777;
}

.filter-grayscale a.btn {
	color: #fff;
}

body {
	background-color: #008DD1;
	color: #000;
}
h1, h2 {
	font-weight:300;
}
h1, h2, h3, h4, h5, h6 {
	color: #008DD1;
}
#p122 h1,
#p122 h2 {
	hyphens: none;
	text-transform:uppercase;
}
@media screen and (max-width: 399px) { 
	h1 {
		font-size: 38px;
	}
	h2 {
		font-size: 34px;
	}  
}
#p122 .header-image-text h1 {
	hyphens: none;
	text-transform: none;
}

a {
	color: #2EA7DE;
}

a:hover,
a:focus {
	color: #000;
}

hr {
	border-top: 2px solid #dedede;
}

img {
	max-width: 100%;
}

.align-center {
	text-align: center;
}

.align-left {
	text-align: left;
}

.align-right {
	text-align: right;
}

.align-justify {
	text-align: justify;
}

.btn {
	border-radius: 45px;
	padding: 10px 30px;
}

.btn-primary {
	background-color: #008DD1;
	border-color: #008DD1;
}

#p147 .btn-primary {
	width: 100%;
}

.btn-primary:hover,
.btn-primary:focus {
	background-color: #63D6F7;
	border-color: #63D6F7;
}

.btn-secondary {
	background-color: #63D6F7;
	border-color: #63D6F7;
}

.btn-secondary:hover,
.btn-secondary:focus {
	background-color: #008DD1;
	border-color: #008DD1;
}
@media screen and (min-width:768px) {
	#p122 .content-main > .frame-default:first-child > .frame-layout > div > .col-md-6 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width:992px) {
	#p122 .content-main > .frame-default:first-child > .frame-layout > div > .col-md-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
}
#p122 .content-main > .frame-default:first-child > .frame-layout > div > .col-md-6:first-child {
	display: flex;
	justify-content: center;
	align-items: end;
}

#p122 .content-main > .frame:first-child .frame-type-image .ce-image.ce-above .ce-gallery {
	margin-bottom: 0px;
}
#p122 .content-main > .frame:first-child .frame-type-image .ce-image.ce-above .ce-gallery .ce-column {
	margin: 0 0 0px;
}

#p102 #c8891,
#p102 #c8892,
#p102 #c8893,
#p102 #c8894 {
	display: none;
}

z35-messenger-wrapper .trigger img {
	height: auto;
}

/*** HEADER ***/

.header-wrapper {
	box-shadow: 0px 0px 10px #999;
	/*position: fixed;*/
	position: sticky;
	top: 0;
	z-index: 10;
	width: 100%;
	background: #fff;
	padding: 2vw 0;
	/*transition: all 0.3s ease-in;*/
	/*height: 123px;
	padding: 0;*/
}

.content-top-banner .ce-outer,
.content-top-banner .ce-inner {
	float: none;
	right: 0;
}

.content-top-banner .ce-image .ce-gallery {
	margin: 0;
}

.content-top-banner .ce-image .ce-gallery .ce-column {
	margin: 0;
	padding: 0;
	float: none;
}

.content-top-banner .image {
	max-height: 700px;
	overflow: hidden;
	margin: 0;
}
#p122 .content-top-banner .frame-type-html {
	position: relative;
}
#p122 .content-top-banner .frame-type-html:before {
	content: url(/typo3conf/ext/z35_project/Resources/Public/Images/logo_button_mbeon.png);
	position: absolute;
	right: 13%;
	top: -130%;
	margin-top: 8%;
}

.content-top-banner .image img {
	height: auto;
	width: 100%;
}

.content-top-banner .header-image-text {
	background-color: #008DD1;
	color: #fff;
	padding: 40px 0 30px;
}
.content-top-banner .header-image-text .col1 > div {
	font-size: 200%;
	color:#63D6F7;
}
.content-top-banner .header-image-text h1 {
	background-color: #008DD1;
	color: #fff;
	margin: 30px 0 5px;
	font-size: 350%;
	font-weight: bold;
}
@media screen and (max-width:1200px) {
	.content-top-banner .header-image-text .col1 > div {
		font-size: 160%;
		line-height: 1.25;
	}
	.content-top-banner .header-image-text h1 {
		font-size: 290%;
	}
	.toolbarTop .readspeaker-wrapper {
		bottom: -4rem;
	}
}
@media screen and (max-width:992px) {
	.content-top-banner .header-image-text .col1 > div {
		font-size: 140%;
		line-height: 1.25;
	}
	.content-top-banner .header-image-text h1 {
		font-size: 210%;
	}
}
@media screen and (max-width:767px) {
	/*#page > .header-wrapper {
		height:70px;
	}
	#page > .content-banner {
		padding-top:70px !important;
	}    */
	.content-top-banner .header-image-text {
		text-align: center;    
	} 
	.content-top-banner .header-image-text h1 {
		margin: 15px 0 35px;        
	}    
	.toolbarTop .readspeaker-wrapper {
		display: none;
	}
}

.content-top-banner .header-image-text .col2 > .header-image-text-btn > button {
	font-size:180%;
}
@media screen and (max-width:991px) {
	.content-top-banner .header-image-text .col2 > .header-image-text-btn > button {
		font-size: 155%;
	}
}

.content-top-banner .btn {
	background-color: #fff;
	border-color: #fff;
	color: #008DD1;
	outline: none;
}

.content-top-banner .btn:hover,
.content-top-banner .btn:focus {
	background-color: #63D6F7;
	border-color: #63D6F7;
	color: #fff;
}

.content-top-banner .header-image-text-btn {
	position: relative;
	z-index: 1;
}

.content-top-banner .header-image-text-scroll-down {
	margin: 20px 0 0;
	position: relative;
	z-index: 0;
}

.content-top-banner .header-image-text-scroll-down img {
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-animation: elementsize 2s infinite;
	-moz-animation: elementsize 2s infinite;
	-o-animation: elementsize 2s infinite;
	animation: elementsize 2s infinite;
}

@keyframes elementsize {
	0% { transform:translate(0,0em) }
	10% { transform:translate(0,-0.5em) }
	50% { transform:translate(0,1em) }
	100% { transform:translate(0, 0em) }
}



/*** CONTENT ***/

#page {
	background-color: #F2F2F2;
}

.content-main, .content-right {
	padding-top: 15px;
	padding-bottom: 0;
}

.content-main .frame ul {
	padding: 0;
	margin: 0 0 15px;
	list-style: none;
}

.content-main .frame ul li {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
	padding: 0 0 15px 23px;
	line-height: 1.2;
}

.content-main .frame ul li::before {
	font-family: "Material Icons";
	content: " \e061";
	color: #008DD1;
	font-size: 15px;
	position: absolute;
	top: 3px;
	left: -1px;
}

.content-main .frame ul li a {
	display: inline-block;
}


@media screen and (max-width:767px) {   
	.frame-layout-1 .ce-textmedia.ce-intext.ce-left .ce-gallery {
		float: left; 
		margin-right: 20px;
		margin-bottom: 20px;
	}   
}

/** SLICK-SLIDER **/

.content-main .slick-slide img {
	border-radius: 110px;
}

.content-main .slick-prev,
.content-main .slick-next {
	width: 70px;
	height: 70px;
}

.content-main .slick-prev {
	left: -150px;
}

.content-main .slick-next {
	right: -150px;
}

.content-main .slick-prev::before,
.content-main .slick-next::before {
	color: #018ED1;
	font-size: 70px;
	font-family: "Material Icons";
}

.content-main .slick-prev::before {
	content: "\e5cb";
}

.content-main .slick-next::before {
	content: "\e5cc";
}

.content-main .frame .slick-dots {
	bottom: auto;
	margin: 10px 0 0;
}

.content-main .frame .slick-dots li {
	padding: 0;
}

.content-main .frame .slick-dots li + li {
	margin-left: 3px;
}

.content-main .frame .slick-dots li::before {
	display: none;
}

.content-main .frame .slick-dots li button::before {
	color: #B0B1B2;
	opacity: 1;
	font-size: 15px;
}

.content-main .frame .slick-dots li.slick-active button::before {
	color: #018ED1;
}



/*** CONTENT RIGHT ***/

.content-right header * {
	color: #fff;
	background-color: #63D6F7;
	padding: 14px 20px;
	margin: 0;
	font-size: 18px;
}

.content-right header a {
	display: block;
}





/*** FOOTER ***/

/*.footer-top .image-center .row > div {
	align-self: center;
}

.footer-top .ce-image .ce-gallery {
	margin-left: -10px;
}

.footer-top .ce-image .ce-gallery .ce-column {
	width: auto;
}

.footer-top .ce-image .ce-gallery .ce-column img {
	height: auto;
}*/

footer {
	border-top: 2px solid #fff;
}

#p122 .footer-top > div > div:first-child {
	display: none;
}

/*.footer-top img + img {
	margin: 0 0 0 40px;
}*/
.footer-top img.image-embed-item {
	margin: 0 40px 25px 0;
}
.footer-top img.image-embed-item:last-child {
	margin:0 0 25px 0;
}

.footer-bottom {
	background-color: #008DD1;
}

.footer-top {
	color: inherit;
}


/*** KACHELN (CARDS) ***/

.frame-box-primary,
.frame-box-overlay-primary,
.frame-box-secondary,
.frame-box-overlay-secondary {
	overflow: hidden;
}

.frame-box-primary header,
.frame-box-overlay-primary header,
.frame-box-secondary header,
.frame-box-overlay-secondary header {
	padding: 40px 30px;
}

.frame-box-primary header a,
.frame-box-overlay-primary header a,
.frame-box-secondary header a,
.frame-box-overlay-secondary header a {
	color: #008DD1;
}

.frame-box-primary .textmedia-media,
.frame-box-overlay-primary .textmedia-media {
	background: #008DD1;
}

.frame-box-primary,
.frame-box-overlay-primary {
	background: #fff;
	border-radius: 12px 12px 4px 4px;
	box-shadow: 0 0 7px #999;
}

.frame-type-textmedia img[src$="svg"] {
	margin: 11px auto 0px;  
}


.frame-box-secondary,
.frame-box-overlay-secondary {
	background: #2EA7DE;
	border-radius: 4px;
	transition: all 0.2s ease-in-out;
}

.frame-box-secondary .textmedia-media,
.frame-box-overlay-secondary .textmedia-media {
	background: #2EA7DE;
	color: #fff;
	transition: all 0.2s ease-in-out;
}

.frame-box-secondary .textmedia-text .ce-bodytext *,
.frame-box-overlay-secondary .textmedia-text .ce-bodytext * {
	color: #fff;
}

.frame-box-secondary .textmedia-text {
	min-height: 9.5em;
}

#p101 .frame-box-secondary .textmedia-text {
	min-height: auto;
}

html:lang(ru) .frame-box-secondary .textmedia-text {
	min-height: 11.5em;
}

.frame-box-secondary .textmedia-text a:before,
.frame-box-overlay-secondary .textmedia-text a:before {
	display: none;
}

.frame-box-primary a.internal-link,
.frame-box-overlay-primary a.internal-link,
.frame-box-secondary a.internal-link,
.frame-box-overlay-secondary a.internal-link {
	padding-left: 0;
}

.frame-box-secondary:hover,
.frame-box-overlay-secondary:hover {
	/*background: #008DD1;*/
	box-shadow: 0 10px 10px #bbb;
	transform: scale(0.95);
}
.frame-box-secondary:hover .textmedia-media,
.frame-box-overlay-secondary:hover .textmedia-media {
	/*background: #008DD1;*/
	/*transform: rotateY(180deg);*/
}

.frame-link-box header * {
	color: #fff;
	background-color: #63D6F7;
	padding: 14px 20px;
	margin: 0;
	font-size: 18px;
}

.frame-link-box p {
	margin: 0;
	padding: 10px 20px;
	background-color: #fff;
	border-bottom: 1px solid #f2f2f2;
	position: relative;
}

.frame-link-box a.internal-link {
	padding-left: 0;
	padding-right: 25px;
	width: 100%;
	display: block;
	position: relative;
}

.frame-link-box a.internal-link:before {
	content: '\e5cc\e5cc';
	position: absolute;
	right: 10px;
	bottom: 0px;
	font-family: 'Material Icons';
	font-size: 28px;
	letter-spacing: -20px;
	left: unset;
	top: unset;
	transform: unset;
}

.frame-link-box a.external-link,
.frame-link-box a.external-link-new-window {
	padding-left: 0;
	padding-right: 25px;
	width: 100%;
	display: block;
	position: relative;
}

.frame-link-box a.external-link:before,
.frame-link-box a.external-link-new-window:before {
	content: '\e89e';
	position: absolute;
	right: 0;
	bottom: 0;
	font-family: 'Material Icons';
	font-size: 22px;
	left: unset;
	top: unset;
	transform: unset;
}


/*** META-NAVIGATION ***/

#meta-navigation {
	padding: 0;
	margin: 0;
}
@media screen and (max-width: 991px) { 
	#meta-navigation {
		margin: 0 0 20px 0;
	}
}
#meta-navigation li {
	list-style: none;
	position: relative;
	padding: 0;
	margin: 0;
	display: inline-block;
	margin-right: 15px;
	line-height: 1;
}

#meta-navigation li.last {
	margin: 0;
}

#meta-navigation li a {
	color: #fff;
}



/*
* BREADCRUMB
*/

.breadcrumb-container {
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: 16px;
}

#breadcrumb {
	padding: 0;
	margin: 0;
}

#breadcrumb li {
	list-style: none;
	position: relative;
	padding: 0;
	margin: 0;
	display: inline-block;
}

#breadcrumb li a {
	color: #000;
	position: relative;
}

#breadcrumb li a:hover,
#breadcrumb li a:focus {
	color: #008DD1;
}

#breadcrumb li a::after {
	color: #008DD1;
	margin: 0 3px;
	position: relative;
	top: 6px;
	font-size: 23px;
	font-family: 'Material Icons';
	content: "\E315";
}

#breadcrumb li:last-child a::after {
	display: none;
}



/*** TOOLBAR TOP ***/

.toolbarTop {
	position: relative;
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	align-items: center;
}
.toolbarTop i {
	color: #008DD1;
}
.toolbarTop-label {
	margin-right: 5px;
	cursor: pointer;
}
.fontsize-info-box {
	position: absolute;
	width: 450px;
	height: auto;
	z-index: 2;
	display: none;
	color: #fff;
	background-color: #008DD1;
	border: 1px solid #fff;
	outline: 1px solid #008DD1;
	top: 45px;
	left: 0;
	padding: 30px 15px 5px 15px;
}
.toolbarTop-item-fontsize:hover .fontsize-info-box {
	display: block;
}
.toolbarTop-item-fontsize span.a1,
.toolbarTop-item-fontsize span.a2 {
	font-family: serif;
	font-weight: bold;
}
.toolbarTop-item-fontsize span.a1 {
	font-size: 26px;
	color: #008DD1;
	margin: 0 -4px 0 0;
}
.toolbarTop-item-fontsize span.a2 {
	font-size: 20px;
	color: #008DD1;
}
.fontsize-info-box-btn + .fontsize-info-box-btn {
	margin: 0 0 0 5px;
}
.fontsize-info-box-btn-group + .fontsize-info-box-btn-group {
	float: right;
}
.fontsize-info-box-btn-group {
	margin: 0 0 20px;
	display: inline-block;
}
.fontsize-info-box-btn {
	background-color: #fff;
	color: #000;
	padding: 10px 15px;
	font-weight: 600;
	text-align: center;
	line-height: 1;
	font-size: 20px;
}
.toolbarTop-item-contrast {
	position: relative;
	margin-left: 15px;
	padding-right: 65px;
	display: inline-flex;
}

.toolbarTop-item-contrast:after {
	background-image: url(/typo3conf/ext/z35_project/Resources/Public/Images/icon_contrast.png);
	background-repeat: no-repeat;
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	top: 3px;
	right: 40px;
	cursor: pointer;
}

.toolbarTop .readspeaker-wrapper {
	position: absolute;
	right: 0;
	background: #fff;
	padding: 10px 25px;
	bottom: -4.5rem;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	font-size: 16px;
	max-width: 100%;
	box-shadow: 0 2px 1px rgba(0,0,0,0.2);
}

.toolbarTop .readspeaker-wrapper #readspeaker_button1 {
	padding-bottom: 0;
}

.toolbarTop .readspeaker-wrapper .rsbtn.rsexpanded .rsbtn_exp {
	display: inline-block;
}

.toolbarTop-item-language {
	position: relative;
	padding-right: 15px;
}

@media screen and (max-width:1200px) {
	.toolbarTop .readspeaker-wrapper {
		bottom: -4rem;
	}
}

@media screen and (max-width:399px) {
	.toolbarTop-item-language {
		padding-right: 2px;
	}
}

.toolbarTop-item-language .toolbarTop-label {
	background-color: #008DD1;
	color: #fff;
	border-radius: 20px;
	padding: 3px 25px;
}
.toolbarTop-item-language .toolbarTop-item-language-top:before {
	content: "";
	width: 100%;
	border-top: 10px solid transparent;
}
.toolbarTop-item-language .toolbarTop-item-language-top {
	position: relative;
	cursor: pointer;
	display: inline-flex;
	top:2px;
}
.toolbarTop-item-language .toolbarTop-item-language-top a {
	color: #008DD1;
}
.toolbarTop-item-language .toolbarTop-item-language-top span {
	display: inline-flex;
	align-self: center;
	min-width: 120px;
}

@media screen and (max-width:399px) {
	.toolbarTop-item-language .toolbarTop-item-language-top span {
		min-width: 90px;
		font-size: 82%;
	}
	.toolbarTop-item-language .toolbarTop-label {
		padding: 3px 17px;
	}
}

.toolbarTop-item-language .toolbarTop-item-language-dropdown {
	display: none;
	position: absolute;
	left: 50%;
	top: 40px;
	margin-left: -103px;
	width: 170px;
	z-index: 10;
	text-align: center;
	padding: 0;
	color: #fff;
	background-color: #008DD1;
	border: 1px solid #fff;
	outline: 1px solid #008DD1;
}
.toolbarTop-item-language .toolbarTop-item-language-dropdown.active {
	display: block;
}
.toolbarTop-item-language .toolbarTop-item-language-dropdown li {
	list-style: none;
	border-bottom: 1px solid #fff;
	width: 100%;
	display: block;
	overflow: hidden;
}
.toolbarTop-item-language .toolbarTop-item-language-dropdown li:last-child {
	border: none;
}
.toolbarTop-item-language .toolbarTop-item-language-dropdown a {
	color: #fff;
	display: block;
	padding: 8px 15px;
	transition: all 0.2s ease-in-out;
}
.toolbarTop-item-language .toolbarTop-item-language-dropdown a:hover,
.toolbarTop-item-language .toolbarTop-item-language-dropdown a:focus {
	color: #008DD1;
	background-color: #fff;
}
.toolbarTop-item-language .toolbarTop-item-language-dropdown li.active a {
	/*	color: #fff;
	background-color: #000;*/
	color: #000;
	background-color: #fff;
}
.toolbarTop-item-language .toolbarTop-item-language-top i {
	font-size: 35px;
	position: relative;
	top: 0;
	left: -5px;
}
@media screen and (max-width: 992px) {
	.toolbarTop .toolbarTop-item-fontsize,
	.toolbarTop .toolbarTop-item-contrast,
	#p122 .frame-type-html:before {
		display:none;
	}
	#p122 .frame-type-html:before {
		content:'';
	}
}
.toolbarTop-item-navi i {
	color: #000;
	font-size: 45px;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}



/*** TOOLBAR RIGHT ***/

.toolbar-right {
	position: fixed;
	top: 300px;
	right: 0;
}

.toolbar-right a {
	background-color: #63D6F7;
	display: block;
	padding: 22px 20px 15px 20px;
	border-radius: 8px 0px 0px 8px;
}

.toolbar-right i {
	color: #fff;
	font-size: 50px;
}

.toolbar-right a:hover,
.toolbar-right a:focus {
	background-color: #008DD1;
}



/*** MAIN NAVIGATION ***/

#main-navigation {
	list-style: none;
	text-align: center;
	width: 90%;
	max-width: 500px;
	margin: 0 auto;
	padding: 0;
}

#main-navigation > li {
	margin: 50px 0;
	list-style: none;
}

#main-navigation > li > a {
	display: block;
	color: #fff;
	font-size: 40px;
}

#main-navigation > li > a span {
	line-height: normal;
	position: relative;
}

#main-navigation > li > a span:after {
	content: "";
	width: 100%;
	height: 10px;
	background-color: transparent;
	display: inline-block;
	border-radius: 10px;
	position: absolute;
	left: 0;
	bottom: -20px;
	transition: all 0.2s ease-in-out;
}

#main-navigation > li > a span:hover:after,
#main-navigation > li > a span:focus:after {
	background-color: #63D6F7;
}

#main-navigation > li.current > a span:after,
#main-navigation > li.active > a span:after {
	background-color: #63D6F7;
}

@media screen and (max-width: 479px) {
	#main-navigation > li {
		margin: 40px 0;
	}
	#main-navigation > li > a {
		font-size:28px;
	}
}


/*
* SUB-NAVIGATION
*/

.sub-navigation-container {
	margin-bottom: 2rem;
}

#sub-navigation {
	padding: 0;
	margin: 0;
}

#sub-navigation li {
	padding: 0;
	margin: 0;
	list-style: none;
}

#sub-navigation li a {
	position: relative;
	display: flex;
	align-items: center;
	padding: 14px 20px;
	color: inherit;
	-webkit-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
	color: #008DD1;
	border-top: 1px solid #C2EDF9;
}

#sub-navigation li a:hover,
#sub-navigation li a:hover {
	color: #000;
	/*text-indent: 5px;*/
}

#sub-navigation li.current > a {
	color: #000;
	/*background-color: #008DD1;
	color: #fff;*/
}

/** 1. EBENE **/

#sub-navigation > li > a {
	background-color: #fff;
}

#sub-navigation > li > a:hover,
#sub-navigation > li > a:hover {}

/** 2. EBENE **/

#sub-navigation .level2 {
	padding: 0;
	margin: 0;
	background-color: #f8f8f8;
	/*border-left: 1rem solid #f5f5f5;*/
}

#sub-navigation .level2 > li > a {
	padding-left: 35px;
}

/** 3. EBENE **/

#sub-navigation .level3 {
	padding: 0;
	margin: 0;
	background-color: #f0f0f0;
}

#sub-navigation .level3 > li > a {
	padding-left: 50px;
}



/*** NEWS LIST ***/

.news-list-view .frame-box-primary {
	box-shadow: 0 0 0;
	border-radius: 0;
	background: transparent;
}

.news-list-view .frame-box-primary time {
	margin: 35px 0 10px;
	display: block;
	color: #999;
}

/* .news-list-item .frame-box-primary .text-wrapper h4,
.news-list-item .frame-box-primary .text-wrapper p {
	color: #2EA7DE;
} */

.news-list-item .frame-box-primary .lead {
	margin: 25px 0 25px;
}

.news-list-item .frame-box-primary .text-wrapper p {
	color: #000;
}

.news-list-item .frame-box-primary .news-list-more {
	margin-top: 25px;
}

/*** NEWS DETAIL ***/
#p688 .breadcrumb-container {
	display: none !important;
}

.news-single .news-backlink-wrap {
	margin-top: 25px;
}

/*** HILFE VOR ORT ***/

.z35search-item {
	padding: 15px;
	position: relative;
}

.z35search-item:nth-child(2n+1) {
	background-color: #f8f8f8;
}

.address_name_icon {
	background:url(/typo3conf/ext/z35_project/Resources/Public/Images/icon_poi_button.svg) no-repeat;
	display: inline-block;
	border-radius: 0px;
	width: 65px;
	height: 65px;
	font-size: 24px;
	text-align: center;
	position: relative;
	float: left;
	margin-right: 15px;
	border:none;
}

.address_name {
	/*color: #008DD1;*/
	color: #000;
	font-weight: bold;
	font-size: 18px;
	top: 30px;
	position: relative;
	transform: translatey(-50%);
}

.address_address {
	position: relative;
	font-size: 16px;
	/*color: #6c6c6c;*/
	color: #000;
	font-family: 'Roboto',sans-serif;
	min-height: 63px;
}
@media screen and (max-width:991px) {
	.address_address {
		top: 5px;
	}
}  
.address_address a {
	color: #008DD1;
} 

.address_phone {
	margin-left: 20px;
}

.address_phone::before {
	content: '\E0CD';
	font-family: 'Material Icons';
	position: absolute;
	left: 0px;
	color: #008DD1;
}

.address_box {
	position: relative;
	top: 15px;
}

.address_distance {
	border: 2px solid #008DD1;
	border-radius: 20px;
	padding: 0px 15px;
	/*color: #008DD1;*/
	color: #000;
	font-family: 'Roboto',sans-serif;
	font-size: 16px;
	min-width: 100px;
	text-align: center;
	display: inline-block;
	margin-right: 20px;
}
@media screen and (max-width:991px) {
	.address_distance {
		min-width: 92px;
	}
}
.address_google_icon {
	width: 30px;
	display: inline-block;
	position: absolute;
	margin-top: -2px;
	vertical-align: middle;
}
.address_google_icon::after {
	content: url(/typo3conf/ext/z35_project/Resources/Public/Images/gmaps-icon.svg);
}
@media screen and (min-width:768px) and (max-width:1599px) {
	.address_google_icon {
		position: relative;
		margin-top: 9px;
		margin-left: 35px;
	}
}

.z35search-form .background-search {
	background-image: url(/typo3conf/ext/zone35_search_ttaddress/Resources/Public/Images/hilfe_vor_ort_background.png);
	margin-top: -15px;
	background-repeat: no-repeat;
	
	background-position: 50% 50%;
}
@media screen and (min-width:1900px) {
	.z35search-form .background-search {
		background-size: 100%;
	}
}

.z35search-form .background-search .suche_vor_ort {
	padding: 13% 0 8%;
}

.z35search-form .z35_search_submit {
	float: right;
	margin-top: 20px;
	padding: 10px 50px;
	font-size: 22px;
}
.z35search-form .search-input-reset {
	float: right;
	position: relative;
	top: 35px;
	margin: 0px 30px;
}
.z35search-form .search-input-reset a {
	background: rgba(245,245,245,0.7);
	border-radius: 20px;
	padding: 4px 17px; 
}

.z35search-form .z35search-output {
	margin-top: 40px;
}
.z35search-form .search_input {
	position: relative;
	display: block;
}
.z35search-form .search_input:after {
	content: '\e851';
	font-family: 'Material Icons';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 30px;
	font-size: 30px;
	color: #969696;
	pointer-events: none;
}
.z35search-form input#z35search-address {
	border-radius: 45px;
	padding: 15px 70px 15px 25px;
	height: auto;
	font-size: 20px;
	box-shadow: none;
}
@media screen and (max-width:469px) {
	.z35search-form input#z35search-address {
		font-size: 14px;
		line-height: 30px;
	}
}
.z35search-output .z35search-header {
	margin: 45px 0 25px;
}
.z35search-output .z35search-header h2 {
	margin: 0;
	position: relative;
	padding-left: 60px;
}

.z35search-output .z35search-header h2:before {
	content:'';
	background:url(/typo3conf/ext/z35_project/Resources/Public/Images/icon_smallhouse.svg) no-repeat;
	background-size: 100%;
	position: absolute;
	left: 0;
	top: 6px;
	margin-top: 0px;
	width: 45px;
	height: 45px;
}

.z35search-output .result-counter-wrapper {
	margin: 25px 0;
	color: #008DD1;
}
.z35search-output .legend-wrapper {
	margin: 25px 0 15px;
	font-size: 14px;
	color: #008DD1;
}
@media screen and (max-width:767px) {
	.legend-wrapper {
		display:none;
		visibility:hidden; 
	}
}
.z35search-item {
	padding: 45px 15px;
}

.z35search-item:nth-child(even) {
	background-color: #F2F2F2;
}

.z35search-item:nth-child(odd) {
	background-color: #fff;
}

.content-main .frame .pagination ul {
	text-align: center;
	margin-top:20px;
}
.content-main .frame .pagination ul li {
	display:inline-block;
}
.content-main .frame .pagination ul li a {
	padding: 9px 15px;
	border: 1px solid #dedede;
}
.content-main .frame .pagination ul li.active a {
	font-weight:bold;
}
.content-main .frame .pagination ul li.previous,
.content-main .frame .pagination ul li.next {
	position: relative;
	top: 3px;
	left: 0;
}
.content-main .frame .pagination ul li.previous a,
.content-main .frame .pagination ul li.next a {
	padding: 6px 8px;
}
.content-main .frame .pagination ul li a .material-icons {
	position: relative;
	top: 1px;
	left: 0;
}
.content-main .frame .pagination ul li:before {
	content:'';
}
.search-empty-result-wrapper {
	margin:110px 0px 60px;
}

/* indexed_search */
.content-main-container .tx-indexedsearch-form #tx-indexedsearch-searchbox-sword {
	border: 1px solid #dadada;
	border-radius: 40px;
	font-size: 20px;
	padding: 15px 25px;      
}

.content-main-container .frame .tx-indexedsearch-res {
	background-color: #ffffff;
	margin: 0 0 -1px;
}
.content-main-container .frame .tx-indexedsearch-res:nth-child(even) {
	background-color: #F2F2F2;
}
.content-main-container .frame .tx-indexedsearch-res .tx-indexedsearch-top {
	background-color: transparent;   
}
.content-main-container .frame .tx-indexedsearch-res .tx-indexedsearch-top h3 {
	font-size: 24px;
}
.content-main-container .frame .tx-indexedsearch-res .tx-indexedsearch-description {
	padding: 5px 15px 15px;
}
.content-main-container .tx-indexedsearch-form {
	position:relative;
}
.content-main-container .indexed-search-inline-input-reset {
	position: absolute;
	top: 0px;
	right: 35px;
	display: block;
}
.content-main-container .indexed-search-inline-input-reset .material-icons {
	color: #ffffff;
	font-size: 34px;
	position: relative;
	top: 14px;
	left: 5px;
	background: #0D5074;
	border-radius: 20px;
}

/*** SONSTIGES ***/

.overlay-active {
	overflow: hidden;
}

.overlay {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 141, 209, 0.9);
	z-index: 9999999;
	opacity: 1;
}

.overlay-close {
	text-align: right;
}

.overlay-close i {
	color: #fff;
	font-size: 45px;
	position: relative;
	top: 35px;
}

.background-primary {
	background-color: #FFF;
}

.background-secondary {
	background-color: #008DD1;
}

.background-grey {
	background-color: #F2F2F2;
}

#p103 .background-primary {
	padding: 0;
}


@supports (-ms-ime-align:auto),(-webkit-appearance:none) {
	body.filter-grayscale h1,
	body.filter-grayscale h2,
	body.filter-grayscale h3,
	body.filter-grayscale h4,
	body.filter-grayscale h5,
	body.filter-grayscale h6,
	body.filter-grayscale .h1,
	body.filter-grayscale .h2,
	body.filter-grayscale .h3,
	body.filter-grayscale .h4,
	body.filter-grayscale .h5,
	body.filter-grayscale .h6 {
		color: #3E3E3E;
	}
}
@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none) {
	body.filter-grayscale h1,
	body.filter-grayscale h2,
	body.filter-grayscale h3,
	body.filter-grayscale h4,
	body.filter-grayscale h5,
	body.filter-grayscale h6,
	body.filter-grayscale .h1,
	body.filter-grayscale .h2,
	body.filter-grayscale .h3,
	body.filter-grayscale .h4,
	body.filter-grayscale .h5,
	body.filter-grayscale .h6 {
		color: #3E3E3E;
	}
}


.tab-container {
	margin: 20px 0;
}

.tab-header-wrapper {
	display: flex;	
	justify-content: center;	
	flex-direction: row;	
	flex-wrap: nowrap;	
	flex: 1 1 auto;
	margin-bottom: 20px;
}

.tab {
	float: left;
	padding: 5px 10px;
	margin-right: 10px;
	cursor: pointer;
}

.tab-header-wrapper header > *{
	margin-bottom: 0;
}

.tab.active {
	border-bottom: 5px solid #999998;
}

.tab-content {
	display: block;
	width: 100%;
	margin-top: -1px;
	clear: both;
}

.tab-content.hidden {
	display: none;
}

/* survey popup*/

#survey-popup {
	bottom: 0;	
	z-index: 99999;	
	/* display: block;	 */
	display: none;
	background: #fff;	
	position: fixed;	
	width: 100%;	
	padding: 15px;	
	text-align: center;
}

/* #survey-popup a {
	color: #fff;
} */


/* RADIOS TO STARS POWERMAIL */

/* remove inline-block whitespace */
.powermail_fieldset.powermail_fieldset_4 .radio {
	font-size: 0;
	/* flip the order so we can use the + and ~ combinators */
	unicode-bidi: bidi-override;
	direction: rtl;
	/* the hidden clearer */
}
.powermail_fieldset.powermail_fieldset_4 .radio * {
	font-size: 1rem;
}
.powermail_fieldset.powermail_fieldset_4 .radio > input {
	display: none;
}
.powermail_fieldset.powermail_fieldset_4 .radio > input + label {
	display: inline-block;	
	overflow: hidden;	
	width: 40px;
	height: 40px;		
	white-space: nowrap;	
	cursor: pointer;
	position: relative;
}
/* basic star style */
.powermail_fieldset.powermail_fieldset_4 .radio > input + label:before {
	font-family: 'Material Icons';	
	content: '\e83a';	
	display: inline-block;	
	color: rgb(153, 153, 153);	
	font-size: 40px;	
	top: 50%;	
	transform: translateY(-50%);	
	position: relative;
}
/* checked star style */
.powermail_fieldset.powermail_fieldset_4 .radio > input:checked ~ label:before, .powermail_fieldset.powermail_fieldset_4 .radio > input + label:hover ~ label:before, .powermail_fieldset.powermail_fieldset_4 .radio > input + label:hover:before {
	content: '\e838';
	color: rgb(255, 215, 0);
}
/* unchecked star style hover */
.powermail_fieldset.powermail_fieldset_4 .radio:hover > input + label:before {
	content: '\e83a';
	color: rgb(153, 153, 153);
}
/* checked star style hover */
.powermail_fieldset.powermail_fieldset_4 .radio:hover > input + label:hover ~ label:before, .powermail_fieldset.powermail_fieldset_4 .radio:hover > input + label:hover:before {
	content: '\e838';
	color: rgb(255, 215, 0);
}

.tx-powermail .btn-group .btn-default {
	background: #63D6F7;
	padding: 15px 40px;
	display: none;
}

.tx-powermail .btn-group .btn-primary.btn-default {
	background-color: #008DD1;
	border-color: #008DD1;
}

.tx-powermail .btn-group .item1 {
	margin-left: 5px;
}
.tx-powermail .powermail_tab_navigation .btn {
	padding: 5px 25px;	
	background: #008DD1;
	border-color: #008DD1;	
	color: #fff;
}

.tx-powermail .form-control {
	height: auto;	
	margin-bottom: 0;	
	width: auto;
}

.tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_text {
	margin: 0 0 15px 0;
}

.tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_text .form-control {
	box-shadow: none;
	border: 0;
	padding: 5px 0;
}

.tx-powermail .powermail_fieldset.powermail_fieldset_3 .radio label {
	padding: 0 15px 0 5px;	
	margin: 0;
	font-weight: normal;
}

.tx-powermail .powermail_fieldset.powermail_fieldset_3 .powermail_fieldwrap.powermail_fieldwrap_type_radio {	
	min-height: 40px;	
	align-content: center;	
	justify-content: center;	
	display: flex;	
	flex-direction: column;
}

.layout-survey #content.content-wrapper {
	height: 100vh;
	background: #fff;
}

@media (max-width: 767px) {
	#survey-popup #surveyText,
	#survey-popup #surveypopupAccepter,
	#survey-popup #surveypopupCloser {
		display: block;
	}
	.tx-powermail .powermail_fieldset.powermail_fieldset_3 .powermail_fieldwrap.powermail_fieldwrap_type_radio {
		margin-bottom: 20px;
	}
}