body{
overflow-y:scroll;	
}
#logo_mobile{
width:100px;	
}
.custom-h{
font-size:1em;
margin:0;	
}
.h1doku{
font-size:1.5em;
font-weight:900;	
}
.h2doku{
font-size:1.3em;
font-weight:900;	
}

.center{
text-align:center;	
}
.brand-logo{
margin-left:20px;	
}
.clear_left{
clear:left;
}
.buywebcampicture{
margin-bottom:3px;	
}
.mobile-image{
width:auto;
max-width:100%;
border-radius:5px;
cursor:pointer;	
}
a.custom-a {
color:black !important;	
}
.dropdown-content-custom li{
min-height:25px;
padding-left:5px;
padding-right:5px;
}
.custom-divider li{
height:1px;	
}

.signature{
float:left;
width:auto;
max-width:400px;
position:relative;	
margin-bottom:10px;
margin-right:10px;
}
.footer-logo{
width:120px;	
}
.mobile-sidenav-logo{
width:120px;	
}
#mobile-sidenav-bottom{
position:absolute;
bottom:100px;
padding-left:32px;	
border-top:1px solid #e0e0e0;
width:100%;
padding-top:3px;
}
.relative{
position:relative;	
}
.technik{
position:absolute;
right:0;
bottom:6px;
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;	
}
.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;
}
div.desc2 {
	padding:1px;
	text-align:center;
	min-height:20px;
	font-size:0.7em;
}

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



.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:6.66666%;
		margin: 6px 0;
	}
}
@media only screen and (max-width: 1920px) {
	.responsive2 {
		width:11.11111%;
		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;
    }
}