body{
padding:0;
margin:0;	
}
html,body,#map{
height:50vh;	
}
.header-center{
text-align:center;
}
.inline-block{
display:inline-block;
}
.index-end-text{
float:left;	
}
.buy-center-wrapper{
text-align:center;	
}
.button-margin{
margin:5px;	
}
#map{
margin-top:10px;
margin-bottom:10px;	
}
.doku-archiv-button{
margin-left:40px;
margin-bottom:5px;
margin-top:5px;
}
.doku-year{
font-size:2em;
font-weight:900;
}
.desc-ellipsis{
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
.wc-full-layer {
width: 100%;
text-align: center;
}

footer{
margin-top:10px;
padding-top:10px;
padding-bottom:10px;
}
.footer-wrapper {
min-height: 200px;
display: flex;
flex-direction:column;
padding: 20px;
width:100%;
}
.black-list {
color:  #474747!important;
}
.black-list a {
color:  #474747!important;
}
.uk-item-custom{
display:flex;
align-items:center;	
}
.left-logo{
margin-right:10px;
}
.footer-header{
text-transform:uppercase;
color:#333;
margin-left:10px;
}
.footer-block{
margin:10px;
}
.footer-block img{
margin-right:5px;
margin-bottom:5px;	
}
.year-footer{
font-size:2em;
font-weight:600;
color:black;	
}
.technik{
position:absolute;
right:0;
bottom:0;
padding-right:4px;
padding-left:4px;
background:rgba(0,0,0,0.5);
color:white;
font-weight:700;
font-style:italic;	
}
.relative{
position:relative;	
}

.navbar-custom{
height:80px;
/*align-items:center;*/
/*border-bottom:0.5px solid #e8e5e4;*/
}
.search-layer{
	display:flex;
	justify-content:flex-end;
	align-items:center;
	flex-wrap:wrap;
	height:auto;
	margin-bottom:4px;
}
.search-menu-layer{
	display:none;
}
#search-menu-toggle{
	padding-right:50px;
	margin-left:10px;
}
.filter,.sortierung{
	cursor:pointer;
}
.detail-label{
	position:absolute;
	bottom:0;
	left:0;
	background:rgba(255,255,255,0.3);
	color:white;
	padding-left:5px;
	padding-right:5px;
}
.gps-button{
	color:rgb(51,51,51) !important;
	border-color: black !important;
}
.offcanvas-border{
	border-bottom:0.5px solid grey;
}
.info-banner{
	position:fixed;
	bottom:0;
	right:5px;
}

/*div.gallery img {
    width: 100%;
    height: auto;
	image-rendering: -webkit-optimize-contrast;	
}*/

div.desc {
    padding:1px;
    text-align: center;
	min-height:20px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
div.desc2 {
	padding:1px;
	text-align:center;
	min-height:20px;
	font-size:0.8em;
}

* {
    box-sizing: border-box;
}
.responsive {
    padding: 0 6px;
    float: left;
	width: 19.99999%;
}
@media only screen and (max-width: 4000px) {
	.responsive {
		width:11.11111%;
		margin: 6px 0;
	}
}
@media only screen and (max-width: 2600px) {
	.responsive {
		width:16.66666%;
		margin: 6px 0;
	}
}
@media only screen and (max-width: 1920px) {
	.responsive {
		width:19.99999%;
		margin: 6px 0;
	}
}
@media only screen and (max-width: 1200px) {
    .responsive {
        width: 24.99999%;
        margin: 6px 0;
    }
}
@media only screen and (max-width: 1000px) {
    .responsive {
        width: 33.33333%;
        margin: 6px 0;
		font-size:0.8em;
    }
	.left-logo{
		display:none;
	}
	.search-layer{
		justify-content:center;
	}
}
@media only screen and (max-width:640px) {
	.left-logo{
		display:flex;
	}
	.logo-row{
		display:flex;
	}
}
@media only screen and (max-width:800px) {
	.location{
		display:none;
	}
}
@media only screen and (max-width: 500px) {
    .responsive {
		width:49.99999%;
		font-size:0.8em;
    }
}
@media only screen and (max-width: 300px) {
    .left-logo {
		display:none;
    }
}

.responsive2 {
    padding: 0 6px;
    float: left;
	width: 19.99999%;
}
@media only screen and (max-width: 4000px) {
	.responsive2 {
		width:3.33333%;
		margin: 6px 0;
	}
}
@media only screen and (max-width: 2600px) {
	.responsive2 {
		width:16.66666%;
		margin: 6px 0;
	}
}
@media only screen and (max-width: 1920px) {
	.responsive2 {
		width:16.66666%;
		margin: 6px 0;
	}
}
@media only screen and (max-width: 1200px) {
    .responsive2 {
        width: 16.66666%;
        margin: 6px 0;
    }
}
@media only screen and (max-width: 1000px) {
    .responsive2 {
        width: 19.99999%;
        margin: 6px 0;
		font-size:0.8em;
    }
}
@media only screen and (max-width:800px) {
	.location{
		display:none;
	}
}
@media only screen and (max-width: 500px) {
    .responsive2 {
		width:49.99999%;
		font-size:0.8em;
    }
}