html { overflow-y: scroll; }
body { background-color: #ffffff; font-family: 'Roboto', Arial, sans-serif; margin: 0 20px 0 20px; }
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; }

.mainwrapper { max-width:840px; }
.abstandoben { height:90px; }
	@media screen and (min-width:820px) { .abstandoben { height:122px; } }

.headerzeile { position:absolute; top:0; right:0; left: 0; background-color: #ffffff; padding:34px 0 0 0; margin:0; z-index:9; }
	@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; } }

.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:-8px; z-index:99; 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; }

.newstext { font-size:14px; line-height:19px; font-weight: 400; color: #000000; text-align:left; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
	@media screen and (min-width:800px) { .newstext { font-size:13px; line-height:18px; float:left; width:65%; } }
.newstext H2 { font-weight:500; color: #000000; font-size: 105%; line-height:1; margin-bottom:5px; }
	@media screen and (min-width:800px) { .newstext H2 { font-size: 103%; } }
.newstext p { margin-bottom:10px; }

.newsbild { font-size:10px; line-height:12px; font-weight: 400; color: #555; letter-spacing:0.05em; padding:0; }
	@media screen and (min-width:800px) { .newsbild { display:inline-block; width:35%; text-align:right; overflow:hidden; } }
.newsbild img { margin: 5px 0 4px 0; max-width:100%; max-height:360px; }
	@media screen and (min-width:800px) { .newsbild img { width:220px; max-height:auto; margin: 0 0 4px 30px; } }

.newstrenner { clear:both; height:26px; }
	@media screen and (min-width:800px) { .newstrenner { clear:both; height:20px; } }

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


.pfbild { font-size:12px; font-weight:300; color: #000000;  line-height:17px; margin-bottom:10px;  background-position:top left; background-repeat:no-repeat; background-size:contain; height:210px; overflow:hidden; }
	@media screen and (min-width:820px) { .pfbild { margin-top:8px; height:auto; width:70%; float:left; } }
.pfbild img { max-width:300px; height:210px; }
	@media screen and (min-width:820px) { .pfbild img { width:100%; max-width:100%; height:470px; } }
.portfoliotext { font-size:14px;  line-height: 22px; font-weight: 400; color: #000000; }
	@media screen and (min-width:820px) { .portfoliotext {  font-size:13px; line-height: 22px; float:left; text-align:right; width:30%; } }

.text { font-size:14px;  line-height:20px; font-weight: 400; color: #000000; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
	@media screen and (min-width:800px) { .text { font-size:13px; line-height:19px; } }
.text H2 { font-weight:500; color: #000000; font-size: 105%; line-height:1; margin-bottom:5px; }
	@media screen and (min-width:800px) { .text H2 { font-size: 103%; } }
.text p { margin-bottom:10px; }

.kontakt { height:22px; }
	@media screen and (min-width:800px) { .kontakt { height:20px; } }
.versteck { display:none; }

.bildfeld { font-size:0; text-align:bottom; background-color:#fff  }
	@media screen and (min-width:800px) { .bildfeld { float:left; width: 490px; text-align:center; } }
	@media screen and (min-width:880px) { .bildfeld { float:left; width: 570px; } }
.bildfeld img { max-width:100%; max-height:360px; margin: 11px 11px 0 0; }
	@media screen and (min-width:800px) { .bildfeld img { margin: 5px; } }

.textfeldlinks { margin-bottom:30px; }
	@media screen and (min-width:800px) { .textfeldlinks {  float:left; width:243px; margin-right:27px; } }
.textfeldlinks p { margin-bottom:10px; }

.bildfeldlinks { margin-bottom:30px; }
	@media screen and (min-width:800px) { .bildfeldlinks { float:left; width: 455px; text-align:right; margin-bottom:0; } }
	@media screen and (min-width:880px) { .bildfeldlinks { float:left; width: 535px; } }
.bildfeldlinks img { max-width:100%; max-height:360px; margin:2px 11px 11px 0; }
	@media screen and (min-width:800px) { .bildfeldlinks img { max-height:100%; margin:2px 0 11px 0; } }

.textfeldrechtsklein { text-align:left; }
	@media screen and (min-width:800px) { .textfeldrechtsklein { float:left; width:275px; margin-left:30px; } }

.textfeldlinksgross { text-align:left; width:100%; margin-bottom:30px; }
	@media screen and (min-width:800px) { .textfeldlinksgross { float:left; width:71%; margin-right:1%; } }
	@media screen and (min-width:880px) { .textfeldlinksgross { width:579px; margin-right:20px; } }
.textfeldlinksgross p { margin-bottom:10px; }

.bildfeldrechtsklein { margin-bottom:30px; }
	@media screen and (min-width:800px) { .bildfeldrechtsklein { display:inline-block; width:27%; text-align:right; } }
	@media screen and (min-width:880px) { .bildfeldrechtsklein { width:231px; } }
.bildfeldrechtsklein img { max-width:100%; margin:2px 11px 9px 0; }
	@media screen and (min-width:800px) { .bildfeldrechtsklein img { margin:2px 0 9px 11px; } }

.videobereich { background-color:#f0f0f0; position: relative; height: 0; padding-bottom: 56.25%; }
.videoextern { background-color: white; position: absolute;  top:0; left:0; bottom:0; right:0; width:100%; height:100%; }