/* -------------------------
| Generelle-Formatierungen |
-------------------------- */
::-moz-selection 				{color: #fff; background: #a4bb1d;}
::selection 					{color: #fff; background: #a4bb1d;}

html							{font-family: 'Open Sans', sans-serif; color:#777; margin:0; padding:0;}
body 							{width:100%; height:100%; overflow-x:hidden;  margin:0; padding:0; overflow:hidden;}

div.footer						{position:fixed; bottom:0; left:0; text-align:center; width:100%; padding:10px 0; color:#fff; background:#b7b7b9;}
				
div.footer a					{color:#fff; text-decoration:none;}
img.logo						{margin:0 0 30px 0; width:500px;}

span							{margin:-23px 0 -30px 20px; display:block;}
span.footer-element				{display:inline-block; margin:0 10px;}

p.top							{margin:10px 0 0 0 !important; font-size:15px; line-height:1.6;}
p								{margin:20px 0 0 0; font-size:18px; line-height:1.6;}
a								{color:#a4bb1d;}

h1								{font-size:38px; font-weight:300; margin:0; padding:0; color:#a4bb1d; width:100%; text-transform:uppercase;}
h2								{font-size:20px; width:200px;}

div.footer table				{width:60%; margin:0 auto;}

div.first						{background-image:url('../_images/background.jpg'); width:50%; display:inline-block; vertical-align:top; border-radius: 0 0 0 0; height:100vh;}
div.text						{margin:130px auto 0 auto; padding:0; width:400px;}
div.first p.title1				{color:#fff; font-size:75px; margin:0 0 0 -90px; padding:0; font-weight:300;}
div.first p.title2				{color:#fff; font-size:75px; margin:-15px 0 0 -30px; padding:0; font-weight:300;}
div.first p.zusatz				{color:#fff; font-size:30px; margin:0 0 0 -90px; font-weight:300;}
div.second						{width:50%; display:inline-block; vertical-align:top; background:#fff; height:93vh; margin:0; padding:7vh 0 0 0; position:relative; text-align:center;}
div.second:before				{content:url('../_images/overlay.png'); position:absolute; top:0; left:-371px; display:block;}

@media screen and (max-height:810px){
div.second						{height:100vh; padding:0 0 0 0;}
}

@media screen and (max-height:755px){
div.second						{overflow:scroll; height:90vh; padding:5vh 0;}
}

@media screen and (max-width:1760px) {
div.footer table				{font-size:14px;}
}


@media screen and (max-width:1600px) {
div.footer table				{font-size:13px;}
}


@media screen and (max-width:1500px) {
div.footer table				{font-size:12px; width:80%;}
}

@media screen and (max-width:1240px) {
div.footer table				{font-size:12px; width:80%;}
p.top,ul						{font-size:13px;}
p								{font-size:13px;}
}

@media screen and (max-width:1180px) {
div.first p.title1				{margin:0 0 0 0; padding:0; font-weight:300;}
div.first p.title2				{margin:-15px 0 0 0; padding:0; font-weight:300;}
div.first p.zusatz				{margin:0 0 0 0; font-weight:300;}
}

@media screen and (max-width:1060px) {
img.logo						{width:96%; padding:0 2%;}
}

@media screen and (max-width:1000px) {
div.footer table				{width:100%;}

ul li div						{width:92%;}
p	
}

@media screen and (max-width:885px) {
div.first						{width:100%; height:100vh; display:block; margin:0; padding:0;}
div.second						{width:100%; display:block; overflow:hidden; padding:0 0 200px 0;}
body 							{overflow:scroll; overflow-x:hidden;}
div.text						{margin:0 auto; padding:130px 0 0 0;}
img.logo						{margin:30px 0 50px 0; width:90%; padding:0 5%;}
}

@media screen and (max-width:800px) {
div.footer table td				{font-size:10px; display:block !important;}
div.footer table td:nth-child(even){display:none !important;}
}

@media screen and (max-width:420px) {
div.first p.title1				{font-size:50px;}
div.first p.title2				{font-size:50px;}
div.first p.zusatz				{margin:30px 0 0 0; font-size:24px;}
}

@media screen and (max-width:320px) {
h1								{font-size:30px;}
}