html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

.clear::before, .clear::after, .entry-content::before, .entry-content::after, .comment-content::before, .comment-content::after, .site-header::before, .site-header::after, .site-content::before, .site-content::after, .site-footer::before, .site-footer::after {
    content: "";
    display: table;
}
body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}


a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}


input, select {
    vertical-align:middle;
}

html, body {height:100%;}
body {width:100%;font-size:16px; font-family:'droid sans';}
h1, h2, h3, h4{color:inherit;}
h2{font-size:5vw; padding:25px 0; font-family:oswald;}
h3{font-size:2vw;padding-bottom:10px;padding-top:15px;}
p {text-align:justify; line-height:1.5em;padding-bottom:20px;}

td{padding:3px 10px;}

.handy-show {display:none;}

/* Farben */
.dunkel{background: #2F353D; color:white;}
.mittel{background: #4C5562; color:white;}
.hell{background: #8797AE;color:black;}
.hervorgehoben{background: #AE9564;color:white;}
a {color:inherit;}
a:hover{color:inherit;}

/* Schriften */
.lobster{font-family:lobster;}
.tabelleRot{font-style:italic;}

.wrapper {margin:0px auto 0px auto; width:80%; padding: 60px 0;}
.section{margin:0; padding:25px 0;}
header {display:block; position:relative;height:100%; width:100%;
background:url(strauss.jpg) no-repeat center center; background-size: cover ;}

.titel{position:absolute;top:50%;left:50%;margin-left:-25%;padding:25px;background:rgba(0,0,25,0.3);}
.titel h1{font-family:'Dr Sugiyama'; color:white; font-size:8vw;}
.titel h2{color:white;font-family:oswald;font-size:2vw;text-align:right;letter-spacing:1vw;}
/* Navigation */
nav{position:absolute; bottom:10px;right:10px;}
nav li{float:left; padding:5px 10px;  }
nav a{font-size:18px;color:white;letter-spacing:0.2vw;font-familiy:oswald;text-decoration:none;text-align:center;}
nav a:hover{ -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
transform-origin: center bottom;}
nav img{border-radius:100%;display:block;margin:0 auto 5px auto; auto;width:80px;height:auto; border:2px solid white;}
nav div{padding:10px;margin-right:5px;}
nav div:hover{background:rgba(255,255,255,0.2);border-radius:3px;}

/* Bilder */
.align-left{padding: 0 15px 15px 0; align:left; width:30%; height:auto; float:left;}
.align-right{padding: 0 0 15px 15px; align:right; width:45%; height:auto; float:right;}
#impressum img{width:45%;}

/* Responsive */
@media (max-width:400px){
.align-left{padding: 15px 0 ; align:left; width:100%; height:auto; }
.align-right{padding: 15px 0; align:right; width:100%; height:auto; }
.handy-hide{display:none;}
.handy-show{display:block;}
.wrapper{width:90%;}
#impressum img{width:100%;}
h3{font-size:18px;}
h2{font-size:9vw}
.titel h1{font-size:10vw;}
.titel h2{font-size:3vw;letter-spacing:0.6vw;}
nav img{margin:0 auto 5px auto; auto;width:60px;height:auto; border:2px solid white;}
nav a{font-size:15px;}
}

/* btn */
.btn {margin:15px auto;}
.btn a{padding: 5px 10px; font-size:20px;border-radius:30px;border:2px solid white;color:white;text-decoration:none;margin: 0 auto;}
.btn a:hover{background:#ccc; background:rgba(255,255,255,0.3);}