body{text-align:center;margin:auto;margin-top:0px;}

@font-face {font-family:'textfont';src:url("https://silvester.holzhau.de/fonts/dejavuserifcondensed-italic.ttf");}
@font-face {font-family:'Dancing Script';src:url("https://silvester.holzhau.de/fonts/dancingscript.ttf");}


.bodywrapper {width:100%;display:flex;flex-flow:column;}
.titelbild {width:100%;margin:auto;order:1;}
.titelbild img {width:100%;height:auto;}

.menue {order:2;}
nav a{margin-left:20px;margin-right:20px;color:#fffe92;text-decoration:none;}
nav a:hover{color:#000;background-color:#fffe92;}

.content {order:2;}

a{color:#c00;text-decoration:none}
a:hover{text-decoration:none;color:#000;background-color:#a00}
ul  {list-style-position:inside;list-style-type:square;}

.ad1{margin-top:15px;margin-bottom:15px;}
.ad2{margin-top:15px;margin-bottom:15px;}
.leaderboard {width:100%;min-height:120px;text-align:center;}

article {width:90%;text-align:left;font-family:'textfont',Verdana,Helvetica,Arial,sans-serif;color:#333;margin:auto;border:0px solid black;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
h1{color:#ed3800;font-family: 'Dancing Script', cursive;text-align:center;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;}
h2{color:#a00;font-size:39px;font-family: 'Dancing Script', cursive;text-align:center;margin-bottom:30px;text-shadow: 3px 3px 5px #777;}
h3{color:#000;font-size:13px;margin-bottom:10px;}
nav{width:100%;font-family:verdana,arial;font-weight:bold;font-size:14px;background-color:#000; padding-top:10px;padding-bottom:10px;order:1;}
.bildrechts{float:right;margin-left:5px;border:0px}
.bildlinks{float:left;margin-right:5px;border:0px}
.kursiv{font-style:italic}
.textrechts{text-align:right;margin:5px}
footer {position:relative;width:90%;text-align:center;font-size:13px;font-family:verdana,arial;color:#000;margin:auto;margin-top:25px;border:0px solid red;order:3;}
.events{width:90%;border:0px solid white;text-align:left;font-family:'textfont',Verdana,Helvetica,Arial,sans-serif;color:#333;font-size:17px;margin:auto;margin-top:25px;line-height:42px;}
.vw {width:100%;text-align:center;font-family:verdana,arial;color:#000;font-size:14px;margin:auto;}


@media only screen and (min-width: 501px)
{
body{background-color:#db8c03;}
.menue {order:0;}
.titelbild {order:1;}
.content{order:2;}
footer {order:3;}

article {font-size:22px;line-height:38px;}
h1{font-size:55px;line-height:70px;margin-bottom:40px;text-shadow: 3px 3px 5px #333;}
.ad1{width:338px;height:282px;float:left;margin-right:20px;}
.ad2{width:338px;height:282px;float:right;margin-left:20px;}
iframe {border:0px;width:640px;height:360px;margin:auto}
}

@media only screen and (max-width:500px)
{
body{background-color:#fffeaf;}
.titelbild {order:0;}
.content{order:1;}
.menue {order:2;}
footer {order:3;}

h1{font-size:45px;line-height:52px;margin-bottom:5px;}
article {font-size:22px;line-height:34px;}
.ad1{width:100%;}
.ad2{width:100%;}
br {clear:both;}
iframe {border:0px;width:380px;height:240px;margin:auto}

}