.titleRed {
    position: relative;
    margin-top: 5%;
    text-align: center;
    font-size: 25px;
    font-family: cursive;
    color: #B22222;
	z-index: 5;
}
.title {
    position: relative;
    text-align: center;
    font-size: 21px;
    font-family: cursive;
    color: black;
	z-index: 5;
    margin-bottom: 5%;
}
.boxWord
{
	font-weight:bold;
	font-family:arial;
	text-transform:uppercase;
	   z-index: 3;
}

.box1
{
	position:relative;
	float: center;
    width: 50%;
    height: auto;
	margin:auto;
	margin-bottom:+5%;
	text-align:center;
	padding-top:2%;
	padding-left:5%;
	padding-right:5%;
	padding-bottom:3%;
	color:#000;
	background-color:#FFF8DC;
   z-index: 3;
	}

#box1
{
	position:relative;
	top:5px;
	width:80%;
	right:10%;
	left:10%;
	padding:10px;
	text-align:justify;
	background-color:#fff;
	color:#000;
	z-index:5;
}
#boxtitle
{
    position: relative;
    margin-left: 10%;
    margin-top: 10%;
    text-align: center;
    font-size: 21px;
    font-size: 3.5vw;
    font-family: cursive;
    color: black;
}
#box1 .boxWord, .box1> .boxWord
{
	color:red;
}

.container {
	position:relative;
	float: center;
    width: 12%;
    height: auto;
	margin:auto;
	margin-bottom:+5%;
	   z-index: 4;
}

/* resize images */
.container img {

    width: 100%;
    height: auto;
    z-index: 4;
}

#rechts {
    float: right;
    width: 100%;
    height: auto;
    }
	
#links {
    float: left;
    width: 100%;
    height: auto;
    }

#mitte{
    float: center;
    width: 100%;
    height: auto;
    }
#box1 .boxWord, .box1> .subTitle{
    font-family: bold;

}
#box1 .boxWord, .box1> .subText{
}
#box1 .boxWord, .box1> .redText{
    color: #B22222;
}