/***** GRID JOHANNES *****/
/*bitte belassen reagiert auf class grid*/


/* 48 4 22 4 22 = 100 */
/* 49 2 23.5 2 23.5 = 100 */


.responsive .grid.fullwidth .container {
    max-width: none;
}

.grid .entry-content-wrapper {
margin-bottom: -30px;
}

.grid .grid-sizer, .grid .flex_column, .grid .flex_column.av_one_fourth {
	width: 23.5%;
}

.grid .gutter-sizer { 
	width: 2%; 
}

.grid .flex_column {
	float: left;
	height: 200px;
	background: #e6e5e4;
	overflow: hidden;
	padding:10px;
}

.grid .flex_column .av_textblock_section:first-of-type .avia_textblock > p:first-child,
.grid .flex_column .av_textblock_section:first-of-type .avia_textblock > h1:first-child,
.grid .flex_column .av_textblock_section:first-of-type .avia_textblock > h2:first-child,
.grid .flex_column .av_textblock_section:first-of-type .avia_textblock > h3:first-child,
.grid .flex_column .av_textblock_section:first-of-type .avia_textblock > h4:first-child
{
	margin-top:0;
}

.grid .flex_column .av_textblock_section:last-of-type .avia_textblock > p:last-child,
.grid .flex_column .av_textblock_section:last-of-type .avia_textblock > h1:last-child,
.grid .flex_column .av_textblock_section:last-of-type .avia_textblock > h2:last-child,
.grid .flex_column .av_textblock_section:last-of-type .avia_textblock > h3:last-child,
.grid .flex_column .av_textblock_section:last-of-type .avia_textblock > h4:last-child
{
	margin-bottom:0;
}

.grid .flex_column.double_height {height: 430px;}

.grid .flex_column.av_one_fourth { margin-right:2%; }
.grid .flex_column.av_one_half { width: 49%; margin-right:2%; }
.grid .flex_column.av_three_fourth { width: 74.5%; margin-right:2%; }
.grid .flex_column.av_one_full { width: 100%; }



.grid .flex_column.dark {background-color:#333;}

.grid .flex_column.dark {color:#fff;}

.grid .flex_column.bottom {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}





div.grid .flex_column,

.responsive .grid .av_one_half.first + .av_one_fourth.flex_column_div, 
.responsive .grid .av_one_half.first + .av_one_fourth + .av_one_fourth.flex_column_div, 
.responsive .grid .av_one_fourth.first + .av_one_fourth + .av_one_fourth.flex_column_div, 
.responsive .grid .av_one_fourth.first + .av_one_fourth + .av_one_fourth + .av_one_fourth.flex_column_div, 
.responsive .grid .av_one_fourth.first + .av_one_fourth + .av_one_half.flex_column_div,

.responsive .grid .av_one_fourth.first.el_before_av_one_fourth.flex_column_div, 
.responsive .grid .av_one_fourth.first + .av_one_fourth.flex_column_div, 
.responsive .grid .av_one_fourth.first + .av_one_fourth + .av_one_fourth.flex_column_div, 
.responsive .grid .av_one_fourth.first + .av_one_fourth + .av_one_fourth + .av_one_fourth.flex_column_div, 
.responsive .grid .av_one_half.first + .av_one_fourth.el_before_av_one_fourth.flex_column_div, 
.responsive .grid .av_one_half.first + .av_one_fourth.el_before_av_one_fourth + .av_one_fourth.flex_column_div, 
.responsive .grid .avia-content-slider-inner .av_one_fourth.flex_column_div,

.responsive #top .grid .container .av-content-small, .responsive #top #wrap_all .grid .flex_column, .responsive #top #wrap_all .grid .av-flex-cells .no_margin

{margin:0 2% 30px 0;}

.responsive .grid .av_one_fourth.first.el_before_av_one_fourth.flex_column_div, 
.responsive .grid .av_one_fourth.first + .av_one_fourth.flex_column_div, 
.responsive .grid .av_one_fourth.first + .av_one_fourth + .av_one_fourth.flex_column_div, 
.responsive .grid .av_one_fourth.first + .av_one_fourth + .av_one_fourth + .av_one_fourth.flex_column_div, 
.responsive .grid .av_one_half.first + .av_one_fourth.el_before_av_one_fourth.flex_column_div, 
.responsive .grid .av_one_half.first + .av_one_fourth.el_before_av_one_fourth + .av_one_fourth.flex_column_div, 
.responsive .grid .avia-content-slider-inner .av_one_fourth.flex_column_div

{width: 23.5%;}



.grid .avia-slideshow {

    position: absolute;
    top: 50%;
	left:0;
    transform: translateY(-50%);

}


.grid .avia-caption {
	
	position: absolute;
    top: 50%;

    transform: translateY(-50%);
    bottom: auto;
	
	
}








/***** GRID ISOTOPE OBJECT *****/



#objekte .flex_column {transition: all 0.5s ease-in-out;}

.object-grid {

}




.object-grid .grid-item {
  position: relative;
  float: left;
  overflow: hidden;
  margin-bottom: 2%;

}

.object-grid .grid-item img.solo {
    transition: all 0.25s ease-in-out;
    display: block;
    max-width: 100%;
    min-width: 100%;
    min-height: 1.75rem;
  }

.object-grid .grid-item {

  background-color: #fff;
  padding: 5px;

}


.object-grid .grid-item:after { /*gradient bei ja*/
    content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	opacity: 0;
	visibility: visible;
    width: auto;
    height: 50%; 
	webkit-transition: all 750ms;
   	-moz-transition: all 750ms;
    -o-transition: all 750ms;
    transition: all 750ms;
	z-index: 1;
	pointer-events:none;
}

/*.object-grid .grid-item:hover:after { 
	opacity: 1;
} */



.object-grid .grid-item:hover img.solo {
    /*transform: scale(1.075);*/
  }
  
.object-grid .grid-sizer,
.object-grid .grid-item {

    width: 23%; 
}

.object-grid .gutter-sizer {
    width: 2%;
}

.object-grid .grid-item--1x1 { 
    
    width: 25%;
    /*padding-bottom: 21%;*/

}

@media only screen and (max-width: 767px) {
	.object-grid .grid-item--1x1 { width: 100%;	}
}


.object-grid .grid-inner {
  width: 100%; /*
  position: absolute;
  top: 0;
  left: 0;
  
  height: 100%;
  min-height: 0;
  overflow: hidden;*/
  background: #ebebeb36;
  border: 1px solid #ebebeb;
}

.object-grid .grid-item .title {

/*  position:absolute;
  bottom:0;*/
  padding:10px;
  width: 100%;
  z-index: 2;

}

.object-grid .grid-item .title > h3 {

	color: #606060;
	margin-bottom: 0;

}

.object-grid .grid-item .title > h3 > a {

  color:#fff;

}

.object-grid .grid-item .img.solo {
/*
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%; 
  z-index: 1; */

}


.object-grid .tag, .tag {
	
	position: absolute;
    top: 0;
    right: 0;
    line-height: 1.5;
    color: #fff;
    padding: 0 10px;
    border-bottom-left-radius: 7.5px;
    z-index: 1;
	/*font-family: "Montserrat", sans-serif;*/font-size: 11px;
	font-weight: 400;
	
}


.in-bau {
	background: #3B724E;
}
.in-vorbereitung {
	background: #3B4672;
}
.bezogen {
	background: #723B61;
}

.load_more {text-align: center; }


.year {
	
	width:auto;height:20px;float:left;margin:0 20px 20px 0; letter-spacing: 0.3em;
	/*font-family: Montserrat, sans-serif;*/font-size: 11px; line-height: 20px;
}


.dot {
	
	width:20px;height:20px;float:left;margin:0 20px 20px 0;background-color:#4A2F2D;border-radius: 100%;transition: all 0.25s ease-in-out;
}


.highlight .dot {
    background-color:#5D666F;
}



#map {position:absolute; height:100%; width:100%; top:0; left:0; bottom:0; right:0; border: 5px solid #fff; }
.single-object #map {border: 0px solid #fff; width: calc(100% - 25px); }
.avia-slideshow li img { border-radius:0; }
#top.single-object .av-flex-placeholder { width: 10px; }

@media only screen and (max-width: 767px) {
	.single-object #map { width: calc(100%); }
	div .flex_column.detailmap_cont  { min-height:450px; }
	.flex_column { padding: 0 !important; }
	#intro .container { height:280px !important; }
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
	.html_header_transparency #top .avia-builder-el-0 .container { padding-top:0; }
	#intro .container { height:680px !important; }
}

/* Grid flo*/
.grid-detail { font-size:14px; color:grey; }
.grid-detail.links { float: left; }
.grid-detail.rechts { float: right; }

#top #wrap_all .all_colors .grid-item h3 { font-size: 26px; }

.grid-ort { color:#68a1bf; margin-bottom:5px; display:inline-block; }

.grid-button { background-color:#68a1bf; color:#fff; width:100%; text-align:center; font-size:14px; margin-top: 10px; }

.grid-inner a:hover { text-decoration:none; }
.grid-inner a:hover h3 { text-decoration:underline; }

.carousel-cell { width:100%; }
.flickity-viewport { overflow:hidden; }
.carousel-cell { top:0; }

.carousel-cell:not(:first-child) { visibility:hidden; height:0; }

.grid-item .img { 
}

.grid-item .img img { 
	height: 170px !important;
	width: 100% !important;
	object-fit: cover !important;
	background-image:url(/wp-content/uploads/2018/11/default-object-blue.jpg);
	background-size: 100%;
}






/* Tooltips */

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-box {
	background: #4A2F2D;
	border: none;
	border-radius: 10px;
	/*box-shadow: 5px 5px 2px 0 rgba(0,0,0,0.4);*/
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-content {
	padding: 0;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized.tooltipster-left .tooltipster-arrow-background {border-left-color: #4A2F2D !important; left:0;}
.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized.tooltipster-right .tooltipster-arrow-background {border-right-color: #4A2F2D !important; right:0;}
.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized.tooltipster-top .tooltipster-arrow-background {border-top-color: #4A2F2D !important; top:0;}
.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized.tooltipster-bottom .tooltipster-arrow-background {border-bottom-color: #4A2F2D !important; bottom:0;}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-arrow-border {
	border:none;
}


.tooltipster-content .grid-item {
  position: relative;
  overflow: hidden;
}

.tooltipster-content .grid-item img {
    transition: all 0.25s ease-in-out;
    display: block;
    max-width: 100%;
    min-width: 100%;
    min-height: 1.75rem;
  }



.tooltipster-content .grid-item:after { /*gradient bei ja*/
    content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#808080+0,808080+100&0+0,1+100 */
	background: -moz-linear-gradient(top, rgba(65, 75, 93,0) 0%, rgba(65, 75, 93,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(65, 75, 93,0) 0%,rgba(65, 75, 93,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(65, 75, 93,0) 0%,rgba(65, 75, 93,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#414b5d80', endColorstr='#414b5d',GradientType=0 ); /* IE6-9 */
	opacity: 0.75;
	visibility: visible;
    width: auto;
    height: 33%; 
	webkit-transition: all 750ms;
   	-moz-transition: all 750ms;
    -o-transition: all 750ms;
    transition: all 750ms;
	z-index: 1;
}

.tooltipster-content .grid-item:hover:after { 
	opacity:1;
 }



.tooltipster-content .grid-item:hover img {
    /*transform: scale(1.075);*/
}

.tooltipster-content .grid-item { 
    padding-bottom: 66.6666667%;

}


.tooltipster-content .grid-inner {

  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;

}

.tooltipster-content .grid-item .title {

  position:absolute;
  bottom:0;
  padding:10px;
  width: 100%;
  z-index: 2;

}

.tooltipster-content .grid-item .title > h3 {

	color: #fff;
	margin-bottom: 0;

}

.tooltipster-content .grid-item .title > h3 > a {

  color:#fff;

}

.tooltipster-content .grid-item .img {

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%; 
  z-index: 1;

}



/* Select */


.chosen-select {min-height: 48px;}


#top .chosen-container-single .chosen-search {background-color:#dddbdd;}

#top .chosen-container .chosen-results {margin-top:4px;}

#top .chosen-container .chosen-results li.result-selected {font-weight: 500;} 

#top .main_color .chosen-container-single .chosen-single span {font-weight: 500;}


#top .main_color .chosen-container-single .chosen-single, #top .main_color .chosen-search input[type='text'], .main_color .chosen-results, .main_color .chosen-container .chosen-drop {
	
	background:#5D666F;
	
}

#top .main_color .chosen-container-single .chosen-single, #top .main_color .chosen-container-active .chosen-single, #top .main_color .chosen-container .chosen-drop, .main_color .chosen-container .chosen-results {
	
	border:none;
	
}


#top .main_color .chosen-container-single .chosen-single span, #top .chosen-container .chosen-results {color:#fff;}


#top input.chosen-search-input {margin-bottom:0;}

#top .main_color .active-result.highlighted {background-color:#4A2F2D;}

#top .chosen-container-single .chosen-single span {line-height:48px;}


#top .chosen-container {
    /*font-family: Montserrat, sans-serif;*/
    font-weight: 400;
}

#top .chosen-container .chosen-results li.active-result {font-weight: 500;
}

/* Map */
.single-object .gmnoprint, .single-object .gm-svpc { display:none; }
.map { height:500px; }

/* grid */
.highlight {   background-color: #ffe461; animation-name: highlight; animation-duration: 4s; }

@keyframes highlight {
  0%   {background-color: #ffe461;}
  100% {background-color: #fff;}
}