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

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

div.site-container				{width:1600px; background:#fff; margin:0 auto; position:relative;}
div.header						{border-bottom:1px solid #ddd;}
div.header-links				{position:absolute; top:20px; right:100px;}
div.header-links a				{font-size:12px; color:#000; text-decoration:none;}
img.logo						{width:350px; padding:25px 0; margin:0 0 0 200px;}

div.fifty						{width:46%; padding:20px 1% 20px 0; margin:0 3% 0 0; display:inline-block; vertical-align: top;}
div.fifty p						{width:100% !important;}
img.but-jobs					{position:absolute; top:0; right:380px; z-index:300;}

div.pic	img						{border-bottom:1px solid #ddd; margin:0; padding:0; width:100%; display:block;}

div.content						{width:1200px; margin:0 auto; padding:30px 0;}
img.katalog-18					{position:absolute; right:25px; top:45%;}
div.content p					{width:60%; margin:15px 0 0 0;}
h1								{font-weight:300; color:#000;}
h2								{font-weight:300; color:#fff; background:rgba(150,214,1,1); padding:5px 0 5px 20px;}

div.single-letter				{background:#666; color:#fff; padding:0; width:50%; display:inline-block; vertical-align:top; margin:10px 0 10px 0;}
div.single-letter img			{display:inline-block; width:290px; vertical-align:top;}
div.img-text					{display:inline-block; width:270px; vertical-align:top; padding:0 0 0 20px;}
div.single-letter h3			{font-size:16px; width:100%;}
div.single-letter p				{font-size:14px; width:100%;}

div.newsletter-container a		{text-decoration:none; color:#fff; transition:all 0.3s;}
div.newsletter-container a:hover{color:#96d601;}

div.buttons						{margin:50px 0 50px -12.5%; width:130%;}
div.buttons a					{color:#fff;}
div.one-button					{background:#96D601; width:235px; margin:0 20px 20px 0; display:inline-block; vertical-align:top; color:#fff; text-align:center; min-height:225px;}
div.one-button:hover img		{transform:scale(1.1);}
div.one-button span				{display:inline-block; vertical-align:middle;}
img.button-icon					{display:inline-block; vertical-align:middle; transition:all 0.15s;}
img.button-icon-katalog			{display:inline-block; vertical-align:middle; margin:0 auto; border:1px solid #96D601; transition:all 0.15s; }

div.footer						{background:#666; border-top:10px solid #96D601; padding:30px 220px 30px 200px; color:#fff; position:relative;}
img.logo-footer					{width:300px;}
div.footer-links				{font-size:12px; display:inline-block; vertical-align:top; margin:0 0 0 510px;}

hr								{border:none; background:#fff; height:1px;}
	
div.footer a					{color:#fff; text-decoration:none;}

img.youtube						{width:32px; position:absolute; top:53px; right:100px;}
img.twitter						{width:32px; position:absolute; top:50px; right:170px;}

div.footer-social				{position:absolute; bottom:50px; right:220px;}
img.youtube-footer				{margin:0 0 3px 20px;}



@media screen and (max-width:1620px){
	div.site-container			{width:90%;}
	div.content					{width:96%; padding:0 2%;}
	img.katalog-18				{position:absolute; right:25px; top:600px;}
	div.one-button				{width:49%; margin:1% 1% 0 0;}
	div.buttons					{margin:50px auto 50px auto; width:100%;}
}

@media screen and (max-width:1220px){
	img.but-jobs				{right:auto; left:0;}
}

@media screen and (max-width:1160px){
	div.footer-links			{width:100%; margin:20px auto;}
	div.footer-social			{position:relative; bottom:0; right:0; margin:0 auto; padding:0;}
	div.header-links			{position:absolute; top:100px; right:10px;}
	img.katalog-18				{position:relative; right:0; top:0; margin:50px 0 0 0;}
}



@media screen and (max-width:1024px){
	div.footer					{padding:15px 2%; width:96%;}
	div.content p				{width:100%;}
}

@media screen and (max-width:940px){
	img.youtube					{top:95px; right:45%;}
	img.twitter					{top:95px; right:55%;}
}

@media screen and (max-width:790px){
	img.logo					{width:250px; padding:5px 0 45px 0; margin:0 auto; display:block;}
	img.logo-footer				{width:250px; padding:25px 0; margin:0 auto; display:block;}
	div.header-links			{position:absolute; top:100px; right:10px; z-index:200;}
	div.header-links a			{color:#fff;}
	
	img.youtube					{top:65px; right:40%;}
	img.twitter					{top:65px; right:60%;}
	img.but-jobs				{right:30px; width:100px; }
}

@media screen and (max-width:740px){
	div.one-button				{width:100%; margin:1% 0 0 0;}
}

@media screen and (max-width:740px){
img.logo						{margin:0 auto; display:block;}
}

@media screen and (max-width:740px){
	img.katalog-18				{width:90%; margin:50px 5%;}
}

@media screen and (max-width:340px){
	img.button-icon				{width:100px;}
	div.header-links			{display:none !important;}
}