/* .intro-project { padding-bottom: 0px; } */

/*.logo-carpet__logo { width: 50%; }*/
/* .footer__logo-image-container img:first-child { width: 66px; } */

/* .leaflet-tooltip-right.leaflet-marker-tooltip */
/* { background-color: white; margin-left: 1em;  } */

/* korrektur für kleine Bildschirme z.B. iphone5 */
@media (max-width:320px) {
	.mitmachen .constraint {
		padding-left: 0.3rem;
		padding-right: 0.3rem;
	}
}

.map .marker-cluster-mitmachen {
    color: #ffee00;
    background-color: #493f39;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	font-weight: bold;
	z-index: 1000;
}

.intro-filter__map-container { position: relative; }

.tooltip_info,
.clusterlist_container {
	display: none; 
	flex-direction: row;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	max-height: 25%;
    /* width: 80%;	 */
	/* background-color: lightgray; */
	font-size: 0.8em;
	color: black;
	z-index: 10000;
	overflow: auto;	
	/* opacity: 0.7; */
	
	
}

.clusterlist_container a, .tooltip_info a { text-decoration: underline; }

.tooltip_info .clusterlist_scroll, 
.clusterlist_container .clusterlist_scroll { 
	display: table; 
	margin: 0 auto;
	
}

.tooltip_info .clusterlist, 
.clusterlist_container .clusterlist { 
	display: flex; 
	flex-direction: column; 
	overflow-y:auto; 
	overflow-x:hidden; 
	white-space: pre;
	/*display: table; */
	margin: 0 auto;
	/* background-color: rgba(177, 177, 177, 0.2); */
	background-color: #eaeaea;
	padding: 0.5em;
	position:relative;
	padding-left: 2em;
	padding-right: 2.5em;
	border: dashed 1px;
	font-weight: bold;
	line-height: 180%;
	
}

.tooltip_info .closeicon,
.clusterlist_container .closeicon {
	position: absolute;
	right: 0.5em;
	top: 0.3em;
	font-size: 0.7em;
	cursor: pointer;
}

.tooltip_info {
	font-size: 16px;
	font-family: Adelle, serif;
	max-height: 245px;
	font-weight: unset;
	margin-right: 1em;
	left: 50%;
	/*margin-top: 55px;*/
}

.tooltip_info .clusterlist { font-weight: unset; }

.projectcolors .clusterlist_container .clusterlist .row.projectstate-7{  color: red; }
.projectcolors .clusterlist_container .clusterlist .row.projectstate-8{  color: blue; }
.projectcolors .clusterlist_container .clusterlist .row.projectstate-9{  color: green; }

.projectcolors .map .leaflet-marker.projectstate-7 { fill: red; }
.projectcolors .map .leaflet-marker.projectstate-8 { fill: blue; }
.projectcolors .map .leaflet-marker.projectstate-9 { fill: green; }

img.size220 { width: 220px; height: auto; }

.block-center {
	margin-left: auto;
	margin-right: auto;
}

article.project .block-content__image { margin-left: 0; margin-right: 0; }

.page { padding-top: unset; }

.content.page {
  padding-top: 8rem;
}

.mitmachen.noresult {
	background-color: #d8d8d8;
}

.noresultmsg { display: none; }

.mitmachen.noresult .noresultmsg { display: inherit; align-self: center; }

.ajax_response { display: none; margin-top: 1rem; margin-bottom: 1rem;}

.ajax_response.error { display: block; color: red; }

.ajax_response.success { display: block; color: green; }

@media (max-width: 979px) { .pdf_viewer { display: none; }}

.pdf-light-viewer .tb_container { 
	display: flex; 
	justify-content: space-between; 
	align-items: center;
}

.pdf-light-viewer .tb_right a.js-pdf-light-viewer-goto-page {display: none; }
.pdf-light-viewer .tb_right .pdf-light-viewer-features-top-panel { 
	padding: 0px;
	margin-right: 1em;
}

.pdf-light-viewer .tb_right .pdf-light-viewer-features-top-panel li a,
.pdf-light-viewer .tb_right .pdf-light-viewer-features-top-panel li span {
	font-size: 15px;
	line-height: 15px;
}

.pdf-light-viewer .tb_left {
	font-size: 150%;
	margin-left: 1em;
	font-family: Adelle;
}

#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}



.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog > div {
	width: 400px;
	max-width: 95vw;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
	min-width: 50%;
	min-height: 40%;
	font-size: 180%;
	padding: 2em;
}

.modalDialog .modal_header {line-height: 200%; }
.modalDialog.success .modal_header { color: green; }
.modalDialog.error .modal_header { color: red; }


.modal_close {
    position: absolute;
    top: 5px;
    right: 5px;
    display: block;
    width: 14px;
    height: 14px;
    z-index: 2;
	cursor: pointer;
}