@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Exo:wght@300;400;800&display=swap');
html, body{
	padding: 0;
	margin: 0;
	}
.navi_btn{
	width:93%;
	display:block;
	color:white;
	padding-left:7%;
	text-decoration: none;
	font-size:1.8em;
	font-weight: 700;
	font-family: 'Asap Condensed', sans-serif;}
.navi_btn a:link,
.navi_btn a:visited{
	display:block;
	color:white;
	text-decoration: none;
	padding-top:5px;
	padding-bottom:5px;}
.navi_btn a:hover,
.navi_btn a:active{
	display:block;
	color: white;
	text-decoration: none;
	background-color:#e85c1d;}
	
	
	
#trennlinie_navi{
	width:93%;
	position:relative;
	height:1px;
	background-color:#555;
	margin: 2% 0;
	margin-left:7%;}
	
	
	
.navi_btn_games{
	width:93%;
	display:block;
	color:white;
	padding-left:7%;
	text-decoration: none;
	font-size:1.3em;
	font-family: 'Asap Condensed', sans-serif;}
.navi_btn_games a:link,
.navi_btn_games a:visited{
	display:block;
	color:white;
	text-decoration: none;
	padding-left: 15px;
	padding-top:5px;
	padding-bottom:5px;}
.navi_btn_games a:hover,
.navi_btn_games a:active{
	display:block;
	color: white;
	text-decoration: none;
	background-color:#e85c1d;}
	
	
	
#hg_verlauf_schwarz_navi{
	position: fixed;
	width: 100%;
	height: 100px;
	z-index: 11;
	
background: rgb(0,0,0);
background: -moz-linear-gradient(180deg, rgba(0,0,0,0.6951155462184874) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.6951155462184874) 0%, rgba(255,255,255,0) 100%);
background: linear-gradient(180deg, rgba(0,0,0,0.6951155462184874) 0%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffffff",GradientType=1);
	
	background-blend-mode: multiply;
	mix-blend-mode: multiply;}



.titel_seite_weiss{
	position: fixed;
	top: 10px;
	left: 15%;
	color: white;
//	background: green;
	width: 70%;
	text-align: center;
	text-decoration: none;
	font-size: 1.2em;
	font-family: 'Asap Condensed', sans-serif;
	z-index: 12;}
	
#titel_seite_weiss a:link{color: white;text-decoration:none;border:0px;}
#titel_seite_weiss a:visited{color: white;text-decoration:none;border:0px;}
#titel_seite_weiss a:hover{color: white;text-decoration:none;border:0px;}
#titel_seite_weiss a:active{color: white;text-decoration:none;border:0px;}	
	


#bilder_icon,
#videos_icon{
	position: relative;
	float: left;
	padding-left: 7%;
	margin-top: 12px;
}

.netzwerke_navi {
	position: relative;
	float: left;
	margin-top: 10px;
	margin-right: 15px;
	width: 25%;
}


/*  Ausklappmenu Games  */
summary {
   position: relative;
   margin-top: -11px;
   margin-bottom: 7px;   }

summary::-webkit-details-marker,
summary::marker {
   color: transparent;}

summary::after {
	content:  "+"; 
	position: absolute;
	color: black;
	font-size: 3em;
	right: 1em;
	top: 12px;}
	
details[open] summary::after {
	content:  "–";
	position: absolute;
	color: black;
	font-size: 3em;
	right: 1em;
	top: 12px;}

details{outline: 0 none;}
summary{outline: 0 none;}
/*  Ausklappmenu Games  */