html { overflow-y: scroll; }

body { background-color: #939B93; font-family: 'Noto Sans', 'Noto', Helvetica, Verdana, sans-serif; margin: 0 20px 0 20px; }
	@media screen and (min-width:640px) { body { margin:0 30px 0 30px; } }

img { border:0; }
p { margin:0; padding:0; }
b, strong { font-weight:600; }
ol, ul { padding:0; list-style:none; margin:0; }
li { padding:0; list-style:none; list-style-type:none; margin:0; }
table, th, td { border-collapse: collapse; border:0; padding:0 0 0 0; }
H1 { margin:0; padding:0; font-weight:400; font-size:16px; }
H2 { margin:0; padding:0; font-weight:400; font-size:14px; }
H3 { margin:0; padding:0; font-weight:400; font-size:13px; }
H4 { margin:0; padding:0; font-weight:400; font-size:13px; }

a:link { color: #000000;  text-decoration: none; outline:none; }
a:visited { color: #000000; text-decoration: none; outline:none; }
a:hover { color: #FFFFFF; text-decoration: none; outline:none; }
a:active { color: #FFFFFF; text-decoration: none; outline:none; }

.mainwrapper { max-width:900px; text-align:left; }

.header { box-sizing:border-box; font-family: 'Alegreya SC', serif; color: #000000; font-size: 23px; line-height:23px; letter-spacing: 0.025em; height:65px; width:100%; background-color: #939B93; position:fixed; top:0; z-index:99; padding-top:13px; }
	@media screen and (min-width:640px) { .header { padding-top:20px; width:185px; font-size: 21px; line-height:24px; letter-spacing: 0.025em; } }
.header a { -webkit-tap-highlight-color:transparent; }

.burger { opacity:0.55; height:20px; margin-top:4px; }
	@media screen and (min-width:640px) { .burger { display:none; } }
.burger a { -webkit-tap-highlight-color:transparent; }

.navi { background:rgba(169,175,169,0.98); width:190px; position:fixed; top:65px; z-index:88; display:none; }
	@media screen and (min-width:640px) { .navi { display:block; background-color: #939B93; width:140px; padding-bottom:40px; } }
.menu { font-size:18px; line-height:18px; color: #FFFF; font-weight:400; letter-spacing:0.04em; }
	@media screen and (min-width:640px) { .menu { font-size:15px; line-height:15px; } }
	@media screen and (min-width:1100px) { .menu { font-size:14px; line-height:14px; } }
.menu ul { padding:20px 0 0 2px; }
	@media screen and (min-width:640px) { .menu ul { padding:0 0 0 0; } }
.menu li { padding: 0 0 24px 0; }
	@media screen and (min-width:640px) { .menu li { padding: 0 0 12px 0; } }

.startcontent { position:absolute; top:65px; right:20px; bottom:25px; left:20px; min-height:100px; }
	@media screen and (min-width:640px) { .startcontent { top:70px; right:30px; bottom:20px; left:30px; padding-left:195px; } }
	@media screen and (min-height:605px) and (min-width:630px) { .startcontent { bottom:auto; height:540px; } }

.sbild { position:relative; height:100%; width:100%; }
.sbild img { max-height:100%; max-width:100%; position:absolute; margin:auto; top:0; left:0; bottom:0; right:0; }
	@media screen and (min-width:640px) { .sbild img { margin-top:0; } }

.starttext { height:40px; }

.content { padding-top:85px; }
	@media screen and (min-width:640px) { .content { padding-top:62px; padding-left:195px; } }
	@media screen and (min-width:1100px) { .content { padding-top:64px; padding-left:195px; } }

.text { font-size:16px; line-height:24px; font-weight:400; color: #000000; }
	@media screen and (min-width:440px) { .text { font-size:15px; line-height:23px; } }
	@media screen and (min-width:640px) { .text { font-size:15px; line-height:23px; } }
	@media screen and (min-width:1100px) { .text { font-size:13px; line-height:20px; } }
.text p { margin-bottom:8px; }
.text H2 { font-size: 102%; font-weight:600; margin-bottom:8px; }
.text img { vertical-align:top; vertical-align:text-top; }

.bilderunten { font-size:12px; margin-top:30px; }
.bilderunten img { max-width:100%; max-height:300px; float:left; margin-right:26px; margin-bottom: 26px; }

.newstrenner { clear:both; height:20px; }

.newsbild { margin: 3px 0 5px 0; font-size:12px; line-height:13px; font-weight:400; color:#333; }
	@media screen and (min-width:900px) { .newsbild { float:left; width:230px; margin: 4px 20px 0 0; } }
.newsbild img { margin-bottom:1px; max-width:100%; max-height:300px; }
	@media screen and (min-width:900px) { .newsbild img { max-width:230px; max-height:100%; margin-bottom:0; } }

.newstext { font-size:16px; line-height:23px; font-weight:400; color: #000000; max-width:100%; overflow:hidden; }
	@media screen and (min-width:440px) { .newstext { font-size:15px; line-height:22px; } }
	@media screen and (min-width:900px) { .newstext { float:left; max-width:380px; } }
	@media screen and (min-width:960px) { .newstext { float:left; max-width:440px; } }
	@media screen and (min-width:1100px) { .newstext { font-size:13px; line-height:18px; } }
.newstext p { margin-bottom:8px; }
.newstext H2 { font-size: 102%; font-weight:600; margin-bottom:8px; letter-spacing:0.015em; }
.newstext img { vertical-align:top; vertical-align:text-top; margin-top:1px; }
	@media screen and (min-width:1100px) { .newstext img { margin-top:0; } }

.impressum { font-weight:400; font-size: 12px; line-height: 17px; }
.impressum p { margin-bottom:8px; }
.impressum H2 { font-size: 12px; font-weight:600; margin-bottom:8px; }

.wthumbs { height:160px; font-size:13px; line-height:13px; font-weight:600; color: #000000; float:left; margin:6px 40px 12px 0; }
.wthumbs img { height:140px; margin-bottom:6px; }
.wthumbs a { -webkit-tap-highlight-color:transparent; }

.ythumbs { max-width:100%; margin:0 0 40px 0; font-size:14px; line-height:17px; font-weight:400; color: #000000; }
	@media screen and (min-width:640px) { .ythumbs { height:140px; margin:0 30px 28px 0; float:left; font-size:12px;  line-height:15px; color: #000000; } }
.ythumbs img { max-width:100%; max-height:420px; margin-bottom:12px; }
	@media screen and (min-width:640px) { .ythumbs img { height:140px; margin-bottom:0; } }
.ythumbs a { -webkit-tap-highlight-color:transparent; }
.mobilebu { }
	@media screen and (min-width:640px) { .mobilebu { display:none; } }

.a09 { font-size: 9px; color: #000000; }
.a09g { font-size: 9px; letter-spacing: 1px; color: #000000; }
.a10 { font-size: 10px; color: #000000; }
.a11 { font-size: 11px; color: #000000; }
.a12 { font-size: 12px; color: #000000; }