html, body {width:100%;margin:0;padding:0;height:100%}
#wrapper{width:100%;position: relative;background-color:#f0f0f0;font-family:'Maven Pro', Arial,sans-serif;} 
.fullwidth{max-width:1000px;margin: 0 auto;}
h1{font-size:2em;font-family:'Amaranth', Arial,sans-serif;}
.tab h2, h3, .komfortbox, .aufgabe, .tasktitle, .komfortbox4{font-family:'Caveat', Arial,sans-serif;}
.tab h2{font-size:3em}
.tasktitle{font-size:34px}

.tabboxtitle b{font-family:'Maven Pro', Arial,sans-serif;}
#top-header{ position: relative;z-index: 2;background-color: #fff;height: 80px;font-family: 'Maven Pro', Arial,sans-serif; overflow: hidden;}
#masthead {max-width:1000px;margin: 0 auto;}
#masthead a {color:#000;}
#content {box-shadow: 0 0 14px #acacac;max-width:1000px;margin:0 auto;background-color: #fff;box-sizing: border-box;padding: 0px;position: relative;width: 100%;}
.contentbild {max-width:1000px;position: relative;width: 100%;margin:0 auto;}
#logbuch {padding: 20px;font-size: 16px;max-width: 1000px;margin: 10px auto 50px;position: relative;display: inline-block;width: 100%;}

b{font-weight:800}
footer a{text-decoration: none;font-size: 12px;padding-right: 22px;margin: 0px !important}
footer{left: 0;position:relative; bottom:0; width:100%;background-color: transparent; color:#333;padding:5px 0px 20px 10px;font-family:'Maven Pro', Arial,sans-serif;}
.copyright {color:#333;}
.copyright a{color:#333;margin:0 10px;}

.topheading p{margin:0}
.topheading a{text-decoration: none;}
.topheading {color: #000;float: left;font-size: 17px;line-height: 1.4em;padding: 15px 0;text-align: left;width: 33%;}

.topheading3{margin:0 auto;text-align:right;position:relative}
.topheading3 i{margin-right:5px;font-size:42px}
.topheading3 div{font-size:28px;padding:10px 0 10px 2px;float:right;}


@media screen and (max-width: 840px){
.topheading{width: 50%;display: inline-flex;margin-bottom:5px;text-align:center;}
.nodisplay {display:none!important;}
#content{padding: 5px;}
.copyright{text-align: center;}
}

@media screen and (max-width: 980px){
.topheading-2 img{display:none}	
.topheading3 i{margin-right:5px;margin-top:8px;font-size:28px}
.topheading3 div{font-size:23px;padding:10px 0 10px 2px;float:right;}
}

@media screen and (max-width: 500px){
	#top-header{height:auto;}
	#logbuch {padding: 4px;}
	.topheading{width: 100%!important;}
}