/* custom scrollbar */
::-webkit-scrollbar {
  width: .95em;
}

::-webkit-scrollbar-track {
  background-color: rgba(217, 217, 217, 0.5);
}

::-webkit-scrollbar-thumb {
  background: rgba(184, 184, 184, 0.5);
  box-shadow: inset 0.05em 0.05em 0 rgba(0, 0, 0, 0.1), inset 0 -0.05em 0 rgba(0, 0, 0, 0.07);
}


label {
    display:block;
    color:white;
}

label:after {
    position: fixed;
	top:0px;
	left:10px;
    content: "\2261";
    font-size: 80px;
    line-height:45px;
    z-index:9999;
	padding-bottom:10px;
	background:black;
	box-shadow:0 0 12px white;
    cursor:pointer;
}


td { padding:0; }
table { margin:0; }

table, tr, td { display:inline-block; }
tbody { display:block; }
td { width:90%; margin-left:5%; text-align:center; }
tr { width:100%; }
td:first-child { padding-top:30px; text-align:center; }
table { margin-left:0; }
td:last-child { padding-bottom:30px; border-bottom:1px solid white; }

#distribution td, #contact td { text-align:center; padding-top:30px; padding-bottom:30px; border-bottom:1px solid white; }
#distribution td, #kontakt td { text-align:center; padding-top:30px; padding-bottom:30px; border-bottom:1px solid white; }

#distribution-info { margin:0; }


/* #logo-image { top:10px; left:50px; height:40px; width:200px; } */
#logo-image { position:static; }
#logo-text { display:none; }
#logo-language { top:5px; height:45px; right:5px; width:50px; }

input:checked ~ label { left:80%;     color: #0193de; }

input:checked ~ div#menubar > ul { left:0; }

input:checked ~ div.seite { display:none !important; }

.playvideo { width:100%; height:auto; max-width:400px; }

div.seite { position:absolute; top:0; left:0; margin-top:0px; width:100%; }

div#menubar { height:0px; overflow:visible; opacity:1; position:absolute; }


div#menubar > ul { 
	position:absolute;
	top:10px;left:-100%;
	width:100%;
	list-style-type:none;
	padding:0;
	display:inline;
	background:black;
}

label, div#menubar > ul, div.seite {
	transition:0.4s left ease-in-out;
}

#menubar {
}
#menubar:hover {
}

#menubar ul {
}

div#menubar > ul > li {
	position:static;
	width:100%;
	background:linear-gradient(to bottom, black, gray);
	display:inline-block;
	vertical-align:baseline;
	padding:0;
	text-align:left;

	border-top:5px solid black;
}
div#menubar > ul > li > a {
	position:static;
	width:100%;
	display:inline-block;
	padding:20px 20px 14px 20px;

}

#menubar > ul > li > ul > li > a { padding:0 !important; }

#menubar > ul > li > ul > li > ul > li > a { padding:0 !important; }

/* alle links im menü */
#menubar a { 

}

/* direktes haupt-menü */
#menubar > ul {
}

#menubar > ul > li {
}

#menubar > ul > li > a {
}

#menubar > ul > li > ul > li > a {
}
/* alle untermenüs */
#menubar > ul > li > ul > li{
width:49%;
display:inline-block;
	min-width:0px;
margin:0;
}

#menubar > ul > li > ul > li > a:after { 
}

#menubar > ul > li > ul > li > ul > li{
}
/* verstecke untermenü */
#menubar > ul > li > ul {
	display:none;
	margin-top:0;
}

/* zeige untermenü falls hover */
#menubar > ul > li:hover > ul {
	display:block
}

/* färbe menü falls maus drüber */
#menubar ul > li:hover {
}
#menubar ul > li:hover > a {
}

/* färbe untermenü falls maus drüber */
#menubar > ul > li > ul > li:hover {

}




hr.mobil-trennlinie { 
    width: 55%; 
	border-width:2px; 
    margin-top: 15px;
    margin-bottom:15px;
    margin-right:auto;
    margin-left:auto;
    border-color: #6fb0e0;
	display:block;
	border-style:dotted
}


/* bullet \25BA */
#menubar > ul > li > ul > li > ul:before {
	content: "";
	position:relative;
}
#menubar > ul > li > ul > li:hover > ul:before { display:none; }

/* Unter-untermenü */
#menubar > ul > li > ul > li > ul {
	position:absolute;
	top:15px;
	left:30px;
	width:0;height:0;
	z-index:120;
	margin-top:45px;
}
#menubar > ul > li > ul > li > ul:after {
	content:'ABC';
	color:transparent;
	display:inline-block;
	width:100%;
	height:80px;
}



/* unter-unter-menüpunkt */
#menubar > ul > li > ul > li > ul > li { visibility:hidden; background:#7799AA; min-width:200px; border-bottom:2px solid white; }
/* menü zeigen */
#menubar > ul > li > ul > li:hover > ul { width:180px;height:auto; box-shadow:2px 2px 14px black; }
#menubar > ul > li > ul > li:hover > ul > li { visibility:visible; }

#menubar > ul:after {
	content:'';
	display:inline-block;
	width:100%;
	float:left;
	height:60px;
}

#rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}