body{
    font-family: Arial, Helvetica, sans-serif;
     word-wrap: break-word;
  overflow-wrap: break-word;
}

h1{
    font-size: 60px;
    line-height: 50px;
	font-weight: 900;
}

h2{
	font-size: 40px;
    line-height: 50px;
	font-weight: 900;
}

p{
    font-size: 22px;
}

a{
    text-decoration: none;
	color: #000;
}

.c1{color: #6266ec;}
.b1{background-color: #6266ec;}
.c2{color: #f5f5f7;}
.b2{background-color: #f5f5f7;}
.c3{color: #fff;}
.b3{background-color: #fff;}
.c4{color: #f7f7f7}
.b4{background-color: #f7f7f7;}

#logo{
	float:left;
}


#menu{
	float: right;
	height: 2px;
	position: relative;
	margin-top: 10px;
	/*background: red;*/
	width: 20px;
	height:20px;
	right: 5px;
}

.menuPunkt{
	padding:  2px;
	background: #000;
	border-radius: 50px;
	position: absolute;
}

.mp1 {
	right: 5px;
}

.mp2 {
	right: 5px;
	top: 10px;
}

.mp3 {
	top: 10px;
}


#menuZu{
	font-size: 50px;
	transform: rotate(45deg);
	float: right;
	font-weight: 100;
}

nav{
	position: fixed;
	left: 50%;
	top: 60px;
    width: 70%;
	padding: 50px 5% ;
	border-radius: 15px;
	background: #f8f8f8;
	transform: translate(-50%,0);
	box-shadow: 0 20px 80px -40px #000;
}

nav ul{
    margin:0;
    padding:0;
}

nav ul li{
    display: block;
	font-size: 18px;
	border: 1px solid #000;
	border-width:0 0 1px 0;
	
	padding: 20px 0;
	
}


footer{
	
}


footer p,
footer p a{
    font-size: 10px;
}

footer h2{
    font-size: 12px;
}

section{
    padding: 50px 20px;
    margin: 5px 0;
}

header{
	position: fixed;
	top:0;
}

#headerContent{
    max-width: 1400px;
    margin: 0 auto;
    padding: 10px;
}

.arena{
    max-width: 1400px;
    margin: 10px auto;
    padding: 50px;
}

.arena900{
    max-width: 900px;
    margin: 10px auto;
    padding: 50px;
}

.arena700{
    max-width: 700px;
    margin: 10px auto;
    padding: 50px;
}

.arena60{
    width: 56%;
    margin: 10px 0;
    padding: 2%;
}

.arena50{
    width: 46%;
    margin: 10px 1%;
    padding: 1%;
}


.arena40{
    width: 36%;
    margin: 10px 0;
    padding: 2%;
}

.arena300{
    max-width: 300px;
    margin: 0 auto;
    padding: 20px;
}


#info img{
        border-radius: 30px;
}


#info p{
    font-size: 15px;
}



.grid2{
    display: grid;
   grid-template-columns: 50% 50%;
}

.gridCon{
	margin: 20px;
	padding: 40px 25px;
}


.sticky{
    position: sticky;
    top: 50px;
}


.strich{
    border: 1px solid #878787;
    border-width: 1px 0 0 0;
}

.weiter{
width: fit-content;
    padding: 10px 18px;
	margin: 20px 0;
    border-radius: 30px;
	border: 1px solid #000;
    cursor: pointer;
    text-align: center;
}


.info{
width:80px;
    padding: 10px 18px;
    border-radius: 30px;
    cursor: pointer;
border: 1px solid #6266ec;
text-align: center;
}

img{
    max-width: 100%;
}

.none{
	display: none;
}

.border{
	border-radius: 15px;
	/*box-shadow: 0 30px 30px -40px #000*/
}

.radio{
    border-radius: 15px;
}

.textCenter{
text-align: center;
}

.left{
    float: left;
}

.right{
    float: right;
}

.clear{
    clear: both;
}

.scrollHidden{
	overflow: hidden;
}


@media (max-width: 500px) {
	
	header{
		
		top: 0;
		width: 100%;
	}
	
	
	
	
  .grid2{
    grid-template-columns: 100%;
}

.gridCon{
	margin: 20px 0;
	padding: 40px 25px;
}

h1{
    font-size: 30px;
    line-height: normal;
}

p{
    font-size: 15px;
}

.left,
.right{
    float: none;
}

.arena{
    padding: 10px;
}

.arena40,
.arena60{
    width: 100%;
}

.arena900{
    width: 96%;
    margin: 10px auto;
    padding: 2%;
}

.arena300{
    text-align: center;
}

.sticky{
    position: relative;
}

}