

*{
	padding:0;
	margin: 0;
}

@media only screen and (max-width: 768px) {
  /* CSS-Stile für Smartphones */
  body {
  zoom: 50%;
}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  /* CSS-Stile für Tablets */
  body {
  zoom: 80%;
}
}

@media only screen and (min-width: 1024px) {
  /* CSS-Stile für Desktops */
  body {
  zoom: 100%;
}
}



  
 

body{
	color: #fafcfc;
	background-color: black;
}

  

#wrapper {
    /*background-color: black;*/
	width: 950px; 
    margin: 0 auto;
	border: 0px solid;
	/*width: calc(100% - 10px); */
	
}
a{
	text-align: center;
}
h1{
	text-align: center;
	margin:70px 0px 0px 0px ;
}
#wrapper h2{
	text-align: center;
	background-color: gray;
	border-radius: 1.5em 1.5em 1.5em 1.5em;
	color:black;
}

.flex-container {
	display: flex;
}

.no {
	flex-wrap: nowrap;
}

.flex-item {
	border: 0px solid;
	margin: .5em;
	padding: .5em;
	flex: auto;

}

p{
	margin:0;
	font-size: 1.5em
}
.navi a {
	text-decoration: none;
	font-weight: bold;
	flex: 1;
	border: 0px solid;
	border-radius: 1.5em 1.5em 1.5em 1.5em;
	margin: .5em;
	padding: .5em;
	background: #ceced2;
	color: black;

}



.sec{
	margin:5px 0 0 0;
	padding:0;
}
.sec.flex-item:nth-of-type(1),:nth-of-type(3) {
	flex: 0 1 15%;
}
.sec.flex-item:nth-of-type(2),:nth-of-type(4) {
	flex: 0 1 32%;
}

.sec.flex-item:nth-of-type(3){
/*	border-top: 1px solid;
	../cobras-mc.com
*/	
}
img.img{
	margin:20px 0px 12px 0px;
	
}
.sec p {
	margin: 0px 0px 0px 90px;	
}
.sec p img {
	margin: 15px 40px 0px -75px;	
}


/*Side Bar	*/	
.links img{
	margin:30px 0px 30px 30px ;
}
.links {
	/*background: black;*/
}

.hide img{
	margin:0px 0px 0px 25px ;
	height: 150px;
}


.flex-container.navi a :hover {
	border: 0px solid;
	border-radius: 1.8em 1.8em 1.8em 1.8em;
	/*background: #ceced2;*/
	color: #24d654;
	margin: 0px;
}
.fuss a{
	margin:0 15px 0 15px;

}
.fuss{
	background-color: gray;
	margin:30px 0px 0px 0px;
	border-radius: 1.5em 1.5em 1.5em 1.5em;
	color:black;
}
/* disign für Musik*/
#play {
	border: 1px solid #aaa; 
	border-radius: 2em; 
	background: #007AFF; 
	margin: 1em;
}
#play a{
	border:0 !important;
	margin: 5em !important; 
	outline: none;
	color:#000;
}
	#play:focus, #play a:focus, #play:hover, #play a:hover {background: #ccc;}
