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:2px;
padding-left:2px;
background:rgba(0,0,0,0.5);
color:white;
font-weight:700;
font-style:italic;
border-radius:5px 0px 0px 0px;	
}
.relative{
position:relative;	
}
.livedot{
width:20px !important;	
}
div.gallery {
border-top:1px solid #cecece;
border-left:1px solid white;
border-right:1px solid white;
border-bottom:1px solid white;
}
div.gallery:hover {
background-color:#f9f9f9;
}

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;
	}
}
@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;
    }
}