html, a						{ font-family:'Open Sans',Helvetica,Arial,sans-serif;  font-size:16px; line-height:22px; }
h1,h2,h3					{ font-family:Raleway,Helvetica,Arial,sans-serif; font-size:24px; line-height:30px; color:#4a6267; }
.pagewrapper				{ width:900px; margin:0 auto; max-width:95%; }

#header						{ padding:40px 0; }
#header	img					{ margin-left:15px; }
#header	a.unizell			{  }
#header	a.unitools			{ float:right; margin-top: 70px; }
#header	a.unitools:hover	{ text-decoration:none; }
#header	a.unitools h1		{ -webkit-transition:color .5s; transition:color .5s; color:#4a6267; }
#header	a.unitools:hover h1	{ color:#00afab; }


#main						{ padding-bottom:25px; }


.greenbox					{ display:block; padding:15px; background:#00afab; color:#fff; outline:0px solid transparent;
								-webkit-transition: outline .5s; transition: outline .5s; position:relative; }
a.greenbox:hover			{ text-decoration:none; color:#fff; }
a.greenbox:hover			{ outline:5px solid #00afab; }
.greenbox h2				{ margin:0; }
.greenbox h3				{ margin:0 0 40px; color:#fff; height:60px; /*hardcoded um allen boxen dieselbe Höhe zu geben! */ }
.greenbox .infotextdummy	{ height:100px; }
.greenbox .infotext			{ position:absolute; bottom:15px; left:15px; right:15px; }
.greenbox.contentbild		{ background:#00afab url(../images/contentbild.jpg) center top no-repeat; min-height:210px; }



@media (max-width:1024px) {
	html, a						{ font-size:14px; line-height:20px; }
	h1,h2,h3					{ font-size:20px; line-height:28px; }
	.greenbox h3				{ height:50px; /*hardcoded um allen boxen dieselbe Höhe zu geben! */ }
	.greenbox .infotextdummy	{ height:100px; }
	.greenbox.contentbild		{ min-height:190px; }
}

@media (max-width:768px) {
	.greenbox h3				{ height:auto; }
	.greenbox .infotextdummy	{ height:auto; }
	.greenbox .infotext			{ position:static; }
}

@media (max-width:480px) {
	.unitools					{ display:none; }
}

.footer-nav.uk-nav				{ text-align:center; margin-top:20px; }
.footer-nav.uk-nav>li			{ display:inline-block; margin:0; }
.footer-nav.uk-nav>li>span,
.footer-nav.uk-nav>li>a			{ color:#aaa; font-size:12px; padding:3px; font-weight:300; }