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

H1 { font-weight:400; color: #000000; font-size: 13px; line-height: 1; padding:0; margin:0; }
H2 { font-weight:500; color: #000000; font-size: 11px; line-height: 1; padding:0; margin:0; }
img { border:0; }
p { margin:0; padding:0; }
b, strong { font-weight:500; }
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: #000; text-decoration: none; outline:none; }
a:active { color: #000; text-decoration: none; outline:none; }

.headerzeile { position:absolute; top:0; right:0; left: 0; background-color: #ffffff; padding:34px 0 0 0; margin:0; z-index:88; }
	@media screen and (min-width:820px) { .headerzeile { height:30px; } }
@supports (position: sticky) or (position: -webkit-sticky) { .headerzeile { position: -webkit-sticky; position: sticky; top:-20px; margin-bottom:-64px; z-index:88; } }

.mainwrapper { max-width:840px; margin: 0 20px 0 20px; }
.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 { }
	@media screen and (min-width:820px) { .burger { display:none; } }

.menu { position:absolute; top:70px; right:12px; z-index:999; 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 10px 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; }

.babstandoben { height:80px; }
	@media screen and (min-width:820px) { .babstandoben { height:130px; } }

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

.galeriefeld { font-size:0; display:none; }
	@media screen and (min-width:880px) { .galeriefeld { display:block; float:left; width: 650px; height:430px; } }

.copyd { position: absolute; z-index:3; top:90px; bottom:120px; left:10px; right:10px; }
	@media screen and (min-width:820px) { .copyd { top:122px; } }
	@media screen and (min-width:880px) { .copyd { top:auto; bottom:auto; left:auto; right:auto; height:390px; width:650px; } }
.copyd a:link { opacity:0.2; }
.copyd a:visited { opacity:0.2; }
.copyd a:hover { opacity:0.8; }
.copyd img { height:100%; width:50%; }
	@media screen and (min-width:580px) { .copyd img { opacity:0; } }
	@media screen and (min-width:880px) { .copyd img { height:390px; width:325px; } }

.thumbsfeld { font-size:0; display:none; }
	@media screen and (min-width:880px) { .thumbsfeld { float:left; width:173px; margin-left:17px; display:block; } }
.thumbsfeld p { font-size:13px; line-height:1; padding-left:24px; }
.thumbsfeld img { width:62px; height:45px; margin: 0 0 24px 24px; } 

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

.bu { display:none; }
	@media screen and (min-width:880px) { .bu { height:40px; text-align:center; font-size:13px; line-height:1; vertical-align:top; padding-top:24px; height:40px; display:table-cell; } }

.mobilebilder { width:100%; text-align:center; font-size:0; line-height:1; }
	@media screen and (min-width:880px) { .mobilebilder { display:none; } }
.mobilebilder p { padding:10px 0 8px 0; font-size:14px; line-height:20px; }
.mobilebilder img { max-width:100%; margin: 10px 0 36px 0; }