#container{
    position: relative;
    background-color: #fff;
    background-color: transparent;
    margin: 0px auto ;
    padding: 10px 10px 10px 10px;
    width: 95%;
    max-width: 960px;
    font-family: Arial;
    font-size: 14px;
    -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-box-sizing: padding-box;
	-webkit-box-sizing: padding-box;
	box-sizing: padding-box;
    }

#text1{
	left:0px;
	top:0px;
	width:95%;
	height:auto;
	margin-top:30px;
	padding: 10px;
    float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#28166f;
	text-align:justify;
}

#span1{
     font-size: 18px;
     text-align: center;
    }
.zusammen{white-space: nowrap;}
    
#text2{
    margin: 0%;
    padding: 1%;
    text-align: center;
    float: none;
    }



h1{ font-size: 24px; margin-top: 0px; text-align: center}


#regelbox{
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
     padding: 3px 5px 3px 5px;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
    }    

#regel{
     padding: 5px;
     background-color: #ddd;
    border-radius: 10px 0px 10px 0px;
	font-size:16px;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
    }


#markenbox{
    display: inline-block;
     margin: 5px;
    font-weight: bold;
    line-height: 20px;
     font-size: 16px;
    }    

.marken{
    display: inline-block;
     padding: 2px 5px 2px 5px;
     margin: 5px;
     border: 1px #ddd solid;
     background-color: #ddd;
    border-radius: 10px 0px 10px 0px;
    }

@media screen  and (max-width: 450px) {
    #sliderbox{width: 60%; margin: -5% 20% 5% 20%;}
    h1{font-size: 16px; }
    #markenbox{font-size: 16px; }     
}