/* 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; 
padding-left:0px;
}
tbody { display:block; }
td { width:100%; margin-left:0%; text-align:center; position:  }
tr { width:100%; }
td:first-child { padding-top:0px; 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:auto !important; overflow:none; }


.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 {

}
.div-center {
  margin: auto;
  padding-left: 0px;
  display:auto
}

.text-bio {
  margin: auto;
  padding-left: 10px;
  padding-right:10px;
  display:auto
}

.works-headline {
	margin:0px 0px 0px 0px;
	padding:10px 10px 10px 10px;
	font-weight: bold;
	font-family:helvetica;
	text-align:center;
	font-size:35px;
	color:#fff;
 }
 
.headline {

	margin:0px 0px 0px 0px;
	padding:80px 0px 30px 0px;
	font-weight: bold;
	text-align:center;
	font-size:24px;
	color:#fff;
 }
 
 .text-home {
	color: #fff;
	font-weight: bold;
	text-align:center;	
	font-size: 1.1em;
	padding-left:5px;
	padding-right:5px;
	font-family: Helvetica;	
}

/* book cover mobile */
.book-cover{
	width:195px;
	height:250px;
	position:relative;
	bottom:0px;
}

.CD-cover {
	width:200px;
	height:200px;
}


/* cover photo mobile */
.cover-foto{
	width:290px;
	height:400px;
	position:relative;
	bottom:20px;
	padding-right:10px;
	padding-left:10px;
}

/* portrait photo mobile */
.portrait-foto{
	width:300px;
	height:360px;
	position:relative;
	bottom:20px;
	padding-right:0px;
	margin: 0px;
}

hr.mobil-trennlinie { 
    width: 100%; 
	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;}

/* Responsive layout - makes a one column layout instead of a two-column layout */
@media (max-width: 800px) {
  .flex-container {
    flex-direction: column;
    justify-content: center;
    flex: 100%;
    max-width: 100%;
    	display:block;
    	display: grid;
    	padding:30px;
    	margin:80px;


  }
}
.row {
    display:block;
    display: flex;
    justify-content: center;
    align-items: center;

}

.image-center{
    display: block;
    margin-left: auto,
    margin-right: auto;
    width: 50%;
    }
    
    .w3-container {
    /* margin-left: 55px; */
   display: flex;
    justify-content: center;
    align-items: center;
 
}
.w3-col, .w3-half, .w3-third, .w3-twothird, .w3-threequarter, .w3-quarter {
    display: block;
    margin-left: auto,
    margin-right: auto;
    width: 50%;
}