/* bilder (rahmen) */

img {
	border:0px;
}

a:focus {outline:none;}
a:active {outline:expression(this.onFocus=this.blur());}


#footer     { position:fixed; left:0px; bottom:0px; width:100%; border-top:1px solid #931c28; z-index:100; }
#footer1    { float:left; width:100%; background:#e3e3e3; padding:10px 5px 10px 5px; text-align:center; }
#footer2    { float:left; width:100%; background:#cacac8; padding:10px 5px 10px 5px; text-align:center; }

#qrcode     { display:none; }

#wrapper    { left:0px; top:0px; z-index:99; display:flex; justify-content:center; }
#wrapper2   { width:60%; }

#logo       { margin-top:60px; }
#logobox    { width:405px; height:130px; margin:auto; }
#logoprint  { display:none; }

#box1       { float:left; margin-top:50px; width:96%; height:auto; background:#e3e3e3; padding:2%; }
#box1a      { float:left; width:65%; height:auto; }
#box1b      { float:right; width:30%; height:auto; }
#box2       { float:left; margin-top:20px; width:96%; height:auto; padding:2%; }
#box3       { float:left; margin-top:20px; width:96%; height:auto; background:#cacac8; padding:2%; }
#box4       { float:left; margin-top:20px; width:96%; height:auto; background:white; padding:2%; }
#box5       { float:left; margin-top:20px; width:41%; height:auto; background:#e3e3e3; padding:2%; margin-right:30px; }
#box6       { float:left; margin-top:20px; width:auto; height:auto; background:white; padding:2%; }
#boxabstand { float:left; margin-top:150px; width:100%; }

/* body */

html, body {
background-color:white;

margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;

height: 100%;
overflow-x:hidden;
}

@media screen and (max-width:1666px){
#wrapper2   { width:70%; }
}

@media screen and (max-width:1430px){
#wrapper2   { width:80%; }
}

@media screen and (max-width:1260px){
#wrapper2   { width:90%; }
}

@media screen and (max-width:1115px){
#box5       { width:96%; margin-right:0px; }
}

@media screen and (max-width:995px){
#logo       { margin-top:50px; }
#box1a      { width:100%; }
#box1b      { width:100%; margin-top:-25px; }
#footer2 p  { font-size:29px !important; }  
}

@media screen and (max-width:780px){
#logo       { margin-top:40px; }
#footer2 p  { font-size:22px !important; }  
}

@media screen and (max-width:600px){
#logo       { margin-top:30px; margin-bottom:-20px; }
#wrapper2   { width:100%; }
#logobox    { width:328px; height:105px; margin:auto; }
#box1       { width:90%; padding:5%; }
#box2       { width:90%; padding:5%; }
#box3       { width:90%; padding:5%; }
#box4       { width:90%; padding:5%; }
#box5       { width:90%; padding:5%; }
#box6       { width:90%; padding:5%; }
#footer1    { display:none; }
#footer2    { padding:5px 5px 5px 5px; text-align:center; }
#boxabstand { margin-top:100px; }
li { padding-left: 0em; margin-top:8px; }
.liste1 li:before { content: ""; display:none; margin-left: 0m; width: 0em; }
.liste2 li:before { content: ""; display:none; margin-left: 0m; width: 0em; }
.liste3 li:before { content: ""; display:none; margin-left: 0m; width: 0em; }
#footer1 p { font-size:18px; line-height:22px; }
#footer2 p { font-size:30px; line-height:32px; }  
h2 { font-size:30px; line-height:32px; }  
p  { font-size:18px; line-height:22px; }  
ul { font-size:18px; line-height:22px; }
}