html { overflow-y: scroll; }
body { background-color: #ffffff; font-family: 'Roboto', Arial, sans-serif; margin: 34px 20px 0 20px; }
body a { -webkit-tap-highlight-color:transparent; }

H1 { font-weight:normal; color: #000000; font-size: 13px; line-height: 13px; padding:0; margin:0; }
H2 { font-weight:bold; color: #000000; font-size: 13px; line-height: 13px; padding:0; margin-top:0; margin-bottom:10px; }
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; }

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

.mainwrapper { max-width:840px; }
.starttable { width:100%; height:100%; max-height:710px; }
.kopfhoehe { height:95px; }
.head  { font-weight:normal; color: #000000; font-size: 13px; line-height: 13px; letter-spacing:1px; white-space:nowrap; }
.head H1 { font-weight:normal; color: #000000; font-size:15px; line-height:17px; }
	@media screen and (min-width:820px) { .head H1 { font-size:14px; line-height:13px; } }

.burger { font-size:10px; }
	@media screen and (min-width:820px) { .burger { display:none; } }

.menu { position:absolute; top:70px; right:20px; z-index:9; background-color: #ffffff; font-size:16px; line-height:16px; color: #009966; border:0; border-bottom:1px solid #c0c0c0; border-left:1px solid #c0c0c0; display:none; }
	@media screen and (min-width:820px) { .menu { position:static; display:block; font-size:13px; line-height:13px; border-bottom:0; border-left:0; } }
.menu ul { padding:10px 0 20px 51px; }
	@media screen and (min-width:820px) { .menu ul { padding: 0 0 0 0; } }
.menu li { padding: 10px 0 14px; border:0;  }
	@media screen and (min-width:820px) { .menu li { display:inline-block; padding: 0 10px 0 0; margin: 0 9px 0 0; border:0; border-right:1px solid #333; } }
.menu li:last-of-type { margin-right:0; padding-right:0; border-right:0; }

.menu a:link { color: #000000;  text-decoration: none; }
.menu a:visited { color: #000000; text-decoration: none; }
.menu a:hover { color: #009966; text-decoration: none; }
.menu a:active { color: #009966; text-decoration: none; }

.bildfeld { padding:0; }

#copyimg { position: absolute; top:129px; left:20px; right:20px; bottom:75px; z-index:8; }
	@media screen and (min-width:880px) { #copyimg { left:auto; right:auto; } }
	@media screen and (min-height:750px) {  #copyimg { bottom:20%; } }
	@media screen and (min-height:840px) {  #copyimg { bottom:24%; } }
	@media screen and (min-width:880px) and (min-height:750px) { #copyimg { bottom:auto; } }
#copyimg img { height:100%; width:100%; object-fit:cover; }

.startbild { position:relative; width:100%; height:100%; min-height:150px; }
.startbild img { max-height:100%; max-width:100%; margin:auto; position:absolute; top:0; left:0; bottom:0; right:0;  }

.text13 { font-size: 13px; font-weight: normal; color: #000000;  line-height: 18px; }
.text13portf { font-size: 13px; font-weight: normal; color: #000000;  line-height: 22px; }
.text12 { font-size: 12px; font-weight: normal; color: #000000;  line-height: 17px; }
.a12 { font-size: 12px; font-weight: normal; color: #000000; }
.a10 { font-size: 10px; font-weight: normal; color: #000000; letter-spacing:0.03em; }
.text11 { font-size: 11px; font-weight: normal; color: #000000;  line-height: 15px; }
.text10 { font-family: Verdana, sans-serif; font-size: 10px; font-weight: normal; color: #000000;  line-height: 14px; }

.pfeile { font-size:30px; line-height:18px; font-weight:300; color: #000000; }
.pfeile a:link { color: #009966; }
.pfeile a:visited { color: #009966; }
.pfeile a:hover { color: #000; }

.footer { font-size:10px; font-weight: 400; color: #000000; letter-spacing:0.05em; padding-bottom:15px; text-align:right; }