@charset "UTF-8";
/* CSS Document */

/*------------- Content     --------------*/
/*------------- GLOBAL = 0AA -------------*/
/*------------- HEADER = 0AB -------------*/
/*------------- PAGE01 = 0AC -------------*/
/*------------- PAGE02 = 0AD -------------*/
/*------------- PAGE03 = 0AE -------------*/
/*------------- PAGE04 = 0AF -------------*/
/*------------- PAGE05 = 0AG -------------*/
/*------------- SOCIAL = 0AH -------------*/
/*------------- FOOTER = 0AI -------------*/
/*----------------------------------------*/
/*------------- Responsive  --------------*/
/*------------- DESKTOP = RAA ------------*/
/*------------- TABLET_L = RAB -----------*/
/*------------- TABLET_P = RAC -----------*/
/*------------- PHONE_L = RAD ------------*/
/*------------- PHONE_P = RAE ------------*/
/*----------------------------------------*/

/* ===== -> RESET */

*, html, body, div, span,
h1, h2, h3, h4, h5, h6, p, a,
address, em, img, small, strong,
dl, dt, dd, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td,
footer, figure, header, nav, section, arcticle {
	font-family: 'Open Sans', sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
}

article, header, footer, nav, section {
	display: block;
}

nav ul {
	list-style: none;
}

table { 
	border-collapse: collapse; 
	border-spacing: 0; 
}

a {
	text-de
	coration: none;
	text-decoration: none;	
}

strong {
	font-weight: bold;	
}
/* ===== -> END OF RESET */


/*----------------------------------------*/
/*------------- GLOBAL = 0AA -------------*/
/*----------------------------------------*/
body {
	background-color: rgb(180,180,180);
}

#background-img {
	width: 100%;
	height: 100%;
	background-image: url(../img/bg_home.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-position: top;
	background-size: auto 1024px;
	position: fixed;
	top: 0;
	z-index: 1;	
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	font-size: 0;
	height: 0;
	visibility: hidden;
}

h1 {
	position: relative;
	font-size: 60px;
	font-size: 4.75rem;
	line-height: 60px;
	line-height: 4.75rem;
	font-weight: 300;
	margin-left: 28px;
	margin-left: 1.75rem;
}

h2 {
	position: relative;
	font-size: 48px;
	font-size: 3rem;	
	line-height: 48px;
	line-height: 3rem;
	font-weight: 300;
	margin-left: 28px;
	margin-left: 1.75rem;
}

h3 {
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: 400;
	padding: 5px 10px;
	padding: 0.3125rem 0.625rem;
	background-color: rgba(255,255,255,0.8);
	border-bottom: solid 3px rgb(244,140,36);
}

h4 {
	font-weight: 600;
	font-size: 16px;
	font-size: 1rem;
	margin-bottom: 0.25rem;
	line-height: 1.125rem;
	text-transform: uppercase;
}

h5 {
	font-weight: 600;
	font-size: 16px;
	font-size: 1rem;
	margin-bottom: 4px;
	margin-bottom: 0.25rem;
}

.wrapper {
	width: 960px;
	width: 60rem;
	margin: 0 auto;
	position: relative;
}

.relative {
	position: relative;	
}

.absolute {
	position: absolute;	
}

.f_0875em {
	font-size: 14px;
	font-size: 0.875rem;	
}

.f_1em {
	font-size: 16px;
	font-size: 1rem;	
}

.f_15em {
	font-size: 24px;
	font-size: 1.5rem;	
	line-height: 32px;
	line-height: 2rem;
}

.f_2em {
	font-size: 32px;
	font-size: 2rem;	
}

.f_300 {
	font-weight: 300;	
}

.f_400 {
	font-weight: 400;	
}

.f_600 {
	font-weight: 600;	
}

.f_white {
	color: #fff;
	color: rgb(255,255,255);
}

.f_black {
	color: #000;
	color: rgb(0,0,0);	
}

.f_litegrey {
	color: #b4b4b4;
	color: rgb(180,180,180);	
}

.f_grey {
	color: #242424;
	color: rgb(36,36,36);	
}

.f_blue {
	color: #24789e;
	color: rgb(36,120,158);	
}

.f_orange {
	color: #f48c24;
	color: rgb(244,140,36);	
}

.f_green {
	color: #649e24;
	color: rgb(100,158,36);	
}

.f_red {
	color: #9e2424;
	color: rgb(158,36,36);	
}

.f_shadow_w {
	text-shadow: 1px 1px 0px rgb(255, 255, 255); /* Fallback */
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
	text-shadow: 1px 1px 4px rgba(255, 255, 255, 0.9); 
}

.f_shadow_b {
	text-shadow: 1px 1px 1px rgb(0, 0, 0); /* Fallback */
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1); 
	text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.9); 		
}

.no_ls {
	list-style: none;	
}

.b_blue {
	border-color: #24789e;
	border-color: rgb(36,120,158);
}

.b_orange {
	border-color: #f48c24;
	border-color: rgb(244,140,36);	
}

.b_green {
	border-color: #649e24;
	border-color: rgb(100,158,36);
}

.b_red {
	border-color: #9e2424;
	border-color: rgb(158,36,36);
}

.bg_white {
	background-color: #fff;
	background-color: rgb(255,255,255);
}

.bg_blue {
	background-color: #24789e;
	background-color: rgb(36,120,158);	
}

.bg_orange {
	background-color: #f48c24;
	background-color: rgb(244,140,36);	
}

.bg_green {
	background-color: #649e24;
	background-color: rgb(100,158,36);	
}

.bg_red {
	background-color: #9e2424;
	background-color: rgb(158,36,36);
}

.p_1em{
	padding-left: 16px;
	padding-left: 1rem;
}


/*----------------------------------------*/
/*------------- HEADER = 0AB -------------*/
/*----------------------------------------*/

#header {
	width: 100%;
	height: 116px;
	height: 7.25rem;
	background-color: rgb(255,255,255);
	position: fixed;
	top: 0;
	z-index: 10;
	
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}

.logo {
	margin-left: 28px;
	margin-left: 1.75rem;
	margin-top: 32px;
	margin-top: 2rem;
	-webkit-transition: color 0.5s ease;
	-moz-transition: color 0.5s ease;
	-ms-transition: color 0.5s ease;
	-o-transition: color 0.5s ease;
	transition: color 0.5s ease;
}

.logo span {
	position: absolute;
	top: -1rem;
	left: 0.125rem;
	font-size: 50%;
	font-weight: 400;
}

.logo strong {
	font-weight: 400;
}

.logo a {
	color: inherit;
}

.nav {
	width: 100%;
	margin-top: 8px;
	margin-top: 0.5rem;	
}

.nav_main {
	float: left;
	margin-left: 16px;
	margin-left: 1rem;	
}

.nav_main li{
	float: left;
	margin-right: 8px;	
	margin-right: 0.5rem;	
}

.nav_main_a {
	padding: 2px 10px;
	padding: 0.125rem 0.625rem;
	border-width: 1px;
	border-width: 0.0625rem;
	border-style: solid;
	border-color: rgb(255,255,255);
	background-image: url(../img/bg_pattern_mask.png);
	background-repeat: repeat;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.current a {
	border-color: rgb(130,130,130);
}

.f_blue .current a, .f_blue .nav_main_a:hover{
	background-color: rgba(36,120,158,0.3);	
}

.f_orange .current a, .f_orange .nav_main_a:hover{
	background-color: rgba(244,140,36,0.3);	
}

.f_green .current a, .f_green .nav_main_a:hover{
	background-color: rgba(100,158,36,0.3);
}

.f_red .current a, .f_red .nav_main_a:hover{
	background-color: rgba(158,36,36,0.3);
}

.f_blue .current a{
	color: #24789e;
	color: rgb(36,120,158);
}

.f_orange .current a{
	color: #f48c24;
	color: rgb(244,140,36);	
}

.f_green .current a{
	color: #649e24;
	color: rgb(100,158,36);
}

.f_red .current a{
	color: #9e2424;
	color: rgb(158,36,36);
}

.nav_language {
	float: right;
	margin-right: 16px;
	margin-right: 1rem;
}

.nav_language li{
	float: left;	
}


/*----------------------------------------*/
/*------------- PAGE01 = 0AC -------------*/
/*----------------------------------------*/

#home {
	position: relative;
	margin-top: 100px;
	margin-top: 6.25rem;
	padding-top: 48px;
	padding-top: 3rem;
	z-index: 1;
	background-image: url(../img/bg_home.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
	/*background-attachment: fixed;
	background-color: rgb(180,180,180);*/
}

#home .content {
	width: 80%;
}

#home .content p {
	margin-left: 28px;
	margin-left: 1.75rem;
	margin-top: 32px;
	margin-top: 2rem;
	margin-bottom: 64px;
	margin-bottom: 4rem;
}

#home .teasers {
	width: 100%;
	height: 200px;
	height: 12.5rem;
}

#home .teasers li {
	float: left;
	width: 33.33%;
	margin-bottom: 16px;
	margin-bottom: 1rem;
}

#home a:hover ._content {
	-moz-transform: scale(0.98);
	-webkit-transform: scale(0.98);
	-o-transform: scale(0.98);
	-ms-transform: scale(0.98);
	transform: scale(0.98);
}


#home a:hover .b_blue{
	background-color: rgba(212,228,234,1);
}

#home a:hover .b_orange{
	background-color: rgba(252,232,212,1);
}

#home a:hover .b_green{
	background-color: rgba(224,234,214,1);
}

#home ._content{
	width: 100%;
	height: 90px;
	height: 5.625rem;
	border-style: solid;
	border-width: 1px;
	border-width: 0.0625rem;	
	background-color: rgba(255,255,255,0.8);
	-webkit-transition: background 0.5s ease;
	-moz-transition: background 0.5s ease;
	-ms-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
	transition: background 0.5s ease;
}

#home ._figure {
	position: absolute;
	width: 50px;
	width: 3.125rem;
	height: 50px;
	height: 3.125rem;
	margin-left: 10px;
	margin-left: 0.625rem;
	margin-top: 10px;
	margin-top: 0.625rem;
	padding: 10px 10px;
	padding: 0.625rem 0.625rem;
}

#home img {
	width: 100%;
	height: auto;
}

#home ._text {
	position: relative;
	margin-left: 90px;
	margin-left: 5.625rem;
	margin-top: 20px;
	margin-top: 1.25rem;
	margin-right: 10px;
	margin-right: 0.625rem;
}

#home .teasers p {
	margin-top: 2px;
	margin-top: 0.125rem;
	font-weight: 400;
	font-size: 12px;
	font-size: 0.75rem;
	font-style: italic;
	line-height: 14px;
	line-height: 0.875rem;
}


/*----------------------------------------*/
/*------------- PAGE02 = 0AD -------------*/
/*----------------------------------------*/

#references {
	padding-top: 48px;
	padding-top: 3rem;
	padding-bottom: 48px;
	padding-bottom: 3rem;
	background-image: url(../img/bg_references.jpg);
	background-repeat: repeat-y;
	background-position: center;
	background-color: #003150;
	background-color: rgb(0,49,80);
	
	border-top: solid 16px #fff;
	border-top: solid 1rem #fff;
	border-bottom: solid 16px #fff;
	border-bottom: solid 1rem #fff;
	
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
	z-index: 5;
}

#impressum {
	padding-top: 48px;
	padding-top: 6rem;
	background-image: url(../img/bg_references.jpg);
	background-repeat: repeat-y;
	background-position: center;	
}

#impressum #references .content {
	width: 100%;
}

#references .content {
	width: 80%;
}

#references .content p {
	margin-left: 28px;
	margin-left: 1.75rem;
	margin-top: 24px;
	margin-top: 1.5rem;
	margin-bottom: 64px;
	margin-bottom: 4rem;
}


#references .clients {
	width: 100%;
}

#references .clients li {
	float: left;
	width: 33.33%;
	margin-bottom: 16px;
	margin-bottom: 1rem;
}

#references ._content{
	width: 100%;
	background-color: rgba(255,255,255,0.125);
	padding-bottom: 8px;
	padding-bottom: 0.5rem;
	-webkit-transition: background 0.5s ease;
	-moz-transition: background 0.5s ease;
	-ms-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
	transition: background 0.5s ease;
}

#references ._content:hover{
	background-color: rgba(255,255,255,0.5);
}

#references ._figure {
	margin: auto;
	width: 80%;
	height: auto;
}

#references img {
	width: 100%;
	height: auto;
}

#references ._text {
	text-align: center;
	font-style: italic;
}

/*----------------------------------------*/
/*------------- PAGE03 = 0AE -------------*/
/*----------------------------------------*/

#products {
	position: relative;
	padding-top: 48px;
	padding-top: 3rem;
	padding-bottom: 48px;
	padding-bottom: 3rem;
	z-index: 1;
	background-image: url(../img/bg_offers.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: auto 100%;
}

#products .content {
	width: 80%;
}

#products .content p {
	margin-left: 28px;
	margin-left: 1.75rem;
	margin-top: 24px;
	margin-top: 1.5rem;
	margin-bottom: 64px;
	margin-bottom: 4rem;
}

#products .headline {
	width: 33.33%;
	margin-bottom: 8px;
	margin-bottom: 0.5rem;
}

#products .offers {
	width: 100%;
}

#products .offers li {
	float: left;
	width: 33.33%;
	margin-bottom: 16px;
	margin-bottom: 1rem;
}

#products h4 {
	font-weight: 600;
	font-size: 16px;
	font-size: 1rem;
	margin-bottom: 0.25rem;
	line-height: 1.125rem;
	text-transform: uppercase;
}

#products li:hover ._content {
	-moz-transform: scale(0.98);
	-webkit-transform: scale(0.98);
	-o-transform: scale(0.98);
	-ms-transform: scale(0.98);
	transform: scale(0.98);
	background-color: rgba(252,232,212,1);
}

#products ._content{
	width: 100%;
	height: 90px;
	height: 5.625rem;
	border-style: solid;
	border-width: 1px;
	border-width: 0.0625rem;	
	background-color: rgba(255,255,255,0.8);
	-webkit-transition: background 0.5s ease;
	-moz-transition: background 0.5s ease;
	-ms-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
	transition: background 0.5s ease;
}

#products ._figure {
	position: absolute;
	width: 50px;
	width: 3.125rem;
	height: 50px;
	height: 3.125rem;
	margin-left: 10px;
	margin-left: 0.625rem;
	margin-top: 10px;
	margin-top: 0.625rem;
	padding: 10px 10px;
	padding: 0.625rem 0.625rem;
}

#products img {
	width: 100%;
	height: auto;
}

#products ._text {
	position: relative;
	margin-left: 90px;
	margin-left: 5.625rem;
	margin-top: 12px;
	margin-top: 0.75rem;
	margin-right: 10px;
	margin-right: 0.625rem;
}

#products .offers p {
	margin-top: 2px;
	margin-top: 0.125rem;
	font-weight: 400;
	font-size: 12px;
	font-size: 0.75rem;
	font-style: italic;
	line-height: 14px;
	line-height: 0.875rem;
}


/*----------------------------------------*/
/*------------- PAGE04 = 0AF -------------*/
/*----------------------------------------*/

#technique {
	padding-top: 48px;
	padding-top: 3rem;
	background-image: url(../img/bg_methodes.jpg);
	background-repeat: repeat-y;
	background-position: center;
	background-color: #135000;
	background-color: rgb(19,80,0);
	
	border-top: solid 16px #fff;
	border-top: solid 1rem #fff;
	border-bottom: solid 16px #fff;
	border-bottom: solid 1rem #fff;
	
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
	z-index: 5;
}
#technique .content {
	width: 80%;
}

#technique .content p {
	margin-left: 28px;
	margin-left: 1.75rem;
	margin-top: 24px;
	margin-top: 1.5rem;
	margin-bottom: 96px;
	margin-bottom: 6rem;
}

#technique .methodes {
	width: 100%;
}

#technique .methodes li {
	background-color: #fff;
	width: 100%;
	background-repeat: repeat-y;
	background-position: center;
	margin-bottom: 16px;
	margin-bottom: 1rem;
}

#technique ._shadow_top {
	position: absolute;
	width: 100%;
	margin-top: -16px;
	margin-top: -1rem;
	height: 16px;
	height: 1rem;
	background-image: url(../img/shadow_top.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#technique ._shadow_bottom {
	position: absolute;
	width: 100%;
	height: 16px;
	height: 1rem;
	background-image: url(../img/shadow_bottom.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#technique ._figure {
	width: 100%;
	height: auto;	
}

#technique ._rechts ._figure {
	left: 0;
}

#technique img {
	width: 100%;
	height: auto;
	display: block;
}

#technique ._text {
	padding: 8px 16px;
	padding: 0.5rem 1rem;
	bottom: 1rem;
	left: 1rem;
	background-color: rgba(255,255,255,0.9);
}

#technique ._rechts ._text {
	float: right;
}

/*----------------------------------------*/
/*------------- PAGE05 = 0AG -------------*/
/*----------------------------------------*/

#contact {
	position: relative;
	padding-top: 48px;
	padding-top: 3rem;
	padding-bottom: 64px;
	padding-bottom: 4rem;
	background-image: url(../img/bg_contact.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: auto 100%;
	z-index: 1;
}

#contact .content {
	width: 80%;
}

#contact .content p {
	margin-left: 28px;
	margin-left: 1.75rem;
	margin-top: 24px;
	margin-top: 1.5rem;
	margin-bottom: 64px;
	margin-bottom: 4rem;
}

#contact .headline {
	width: 33.33%;
	margin-bottom: 8px;
	margin-bottom: 0.5rem;
}

#contact .datas {
	width: 100%;
	height: 256px;
	height: 16rem;
}

#contact .datas li {
	float: left;
	width: 33.33%;
	margin-bottom: 16px;
	margin-bottom: 1rem;
}

#contact li:hover ._content {
	-moz-transform: scale(0.98);
	-webkit-transform: scale(0.98);
	-o-transform: scale(0.98);
	-ms-transform: scale(0.98);
	transform: scale(0.98);
	background-color: rgba(236,212,212,1);
}

#contact ._content{
	width: 100%;
	height: 90px;
	height: 5.625rem;
	border-style: solid;
	border-width: 1px;
	border-width: 0.0625rem;	
	background-color: rgba(255,255,255,0.8);
	-webkit-transition: background 0.5s ease;
	-moz-transition: background 0.5s ease;
	-ms-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
	transition: background 0.5s ease;
}

#contact ._figure {
	position: absolute;
	width: 50px;
	width: 3.125rem;
	height: 50px;
	height: 3.125rem;
	margin-left: 10px;
	margin-left: 0.625rem;
	margin-top: 10px;
	margin-top: 0.625rem;
	padding: 10px 10px;
	padding: 0.625rem 0.625rem;
}

#contact img {
	width: 100%;
	height: auto;
}

#contact ._text {
	position: relative;
	margin-left: 90px;
	margin-left: 5.625rem;
	margin-top: 20px;
	margin-top: 1.25rem;
	margin-right: 10px;
	margin-right: 0.625rem;
}

#contact .datas p {
	margin-top: 2px;
	margin-top: 0.125rem;
	font-weight: 400;
	font-size: 12px;
	font-size: 0.75rem;
	font-style: italic;
	line-height: 14px;
	line-height: 0.875rem;
}

#contact .contact_form {
	border-style: solid;
	border-width: 1px;
	border-width: 0.0625rem;	
	background-color: rgba(255,255,255,0.8);
}

#contact form {
	padding: 16px 16px;
	padding: 1rem 1rem;	
}

#contact input, #contact textarea {
	-webkit-appearance:none;
	width: 98%;
	height: 32px;
	height: 2rem;
	padding: 0 1%;
	margin-bottom: 16px;
	border-style: solid;
	border-width: 1px;
	border-width: 0.0625rem;
	border-color: rgb(180,180,180);
	-webkit-border-radius:0; 
}

#contact input:focus, #contact input:active, #contact textarea:focus, #contact textarea:active {
	border-color: rgb(36,36,36);
}

#contact .send_btn {
	-webkit-appearance:none;
	border: none;
	width: auto;
	-webkit-transition: background-color 0.5s ease;
	-moz-transition: background-color 0.5s ease;
	-ms-transition: background-color 0.5s ease;
	-o-transition: background-color 0.5s ease;
	transition: background-color 0.5s ease;
	-webkit-border-radius:0; 
}

#contact .send_btn:hover {
	background-color: #b4b4b4;
	background-color: rgb(180,180,180);
}

#contact textarea {
	padding-top: 4px;
	padding-top: 0.25rem;
	height: 128px;
	height: 8rem;
}

/*----------------------------------------*/
/*------------- SOCIAL = 0AH -------------*/
/*----------------------------------------*/

#contact_icons {
	position: fixed;
	right: 0;
	margin-top: 62px;
	margin-top: 3.875rem;
	z-index: 10;
}

#contact_icons li {
	margin-bottom: 8px;
	margin-bottom: 0.5rem;
}

#contact_icons ._content {	
	right: 0;
	background-color: rgba(255,255,255,0.8);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}

#contact_icons .contact_icon:hover ._content {
	right: 154px;
	right: 9.625rem;
}

#contact_icons .contact_email:hover ._content {
	right: 240px;
	right: 15rem;
}

#contact_icons .contact_xing:hover ._figure {
	background-color: #b4b4b4;
	background-color: rgb(180,180,180);
}

#contact_icons ._icon {
	padding: 5px 5px;
	padding: 0.3125rem 0.3125rem;
}

#contact_icons ._figure {
	width: 26px;
	width: 1.625rem;
	height: 26px;
	height: 1.625rem;
	padding: 5px 5px;
	padding: 0.3125rem 0.3125rem;
	-webkit-transition: background-color 0.5s ease;
	-moz-transition: background-color 0.5s ease;
	-ms-transition: background-color 0.5s ease;
	-o-transition: background-color 0.5s ease;
	transition: background-color 0.5s ease;
}

#contact_icons img {
	width: 100%;
	height: auto;
}

#contact_icons ._text {
	top: 0px;
	margin-left: 51px;
	margin-left: 3.1875rem;
	padding-left: 8px;
	padding-left: 0.5rem;
	padding-top: 4px;
	padding-top: 0.25rem;
	width: 136px;
	width: 8.5rem;
	height: 42px;
	height: 2.625rem;
	position: absolute;
	background-color: rgba(255,255,255,0.8);
	border-right-style: solid;
	border-right-width: 5px;
	border-right-width: 0.3125rem;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}

#contact_icons .contact_email ._text {
	width: 222px;
	width: 13.875rem;
}

#contact_icons strong {
	line-height: 20px;
	line-height: 1.25rem;
}

#contact_icons p {
	line-height: 16px;
	line-height: 1rem;
}

#contact_icons p a{
	-webkit-transition: color 0.5s ease;
	-moz-transition: color 0.5s ease;
	-ms-transition: color 0.5s ease;
	-o-transition: color 0.5s ease;
	transition: color 0.5s ease;
}

#contact_icons p a, #contact_icons p a:visited, #contact_icons p a:link, #contact_icons p a:active, #contact_icons p a:focus {
	color: #242424;
	color: rgb(36,36,36);	
}

#contact_icons p a:hover {
	color: #b4b4b4;
	color: rgb(180,180,180);	
}

/*----------------------------------------*/
/*------------- FOOTER = 0AI -------------*/
/*----------------------------------------*/

#footer {
	width: 100%;
	height: 100px;
	height: 6.25rem;
	background-color: #242424;
	background-color: rgb(36,36,36);
	position: relative;
	z-index: 10;
	
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
}

#footer .content {
	padding: 24px 8px 0 8px;
	padding: 1.5rem 0.5rem 0 0.5rem;
}

#footer .headline {
	margin-left: 8px;
	margin-left: 0.5rem;
	margin-bottom: 4px;
	margin-bottom: 0.25rem;
	line-height: 18px;
	line-height: 1.125rem;
}

#footer li {
	line-height: 24px;
	line-height: 1.5rem;
}

#footer li a {
	padding: 8px 8px;
	padding: 0.5rem 0.5rem;
	-webkit-transition: color 0.5s ease;
	-moz-transition: color 0.5s ease;
	-ms-transition: color 0.5s ease;
	-o-transition: color 0.5s ease;
	transition: color 0.5s ease;
}

#footer a:hover {
	color: #fff;
	color: rgb(255,255,255);
}

#footer li:last-child {
	margin-left: 128px;
	margin-left: 8rem;
}

.current {
	color: red;	
}


/*----------------------------------------*/
/*------------- DESKTOP = RAA ------------*/
/*----------------------------------------*/

 @media only screen and (min-width: 1280px) {
	html {
		font-size: 110%;	
	}
 }
 
 @media only screen and (min-width: 1640px) {
	html {
		font-size: 120%;	
	}
 }
 
  @media only screen and (min-width: 1920px) {
	html {
		font-size: 130%;	
	}
 } 
 
/*----------------------------------------*/
/*------------- TABLET_L = RAB -----------*/
/*----------------------------------------*/

 @media only screen and (max-width: 1023px) {
	 html {
	 	font-size: 110%;
	 }
	.wrapper {
		width: 100%;
	}
	
	#home .content, #references .content, #technique .content, #products .content, #contact .content {
		width: 80%;
	}

	#products .headline, #contact .headline {
		width: 48.5%;
	}
	
	#home .teasers, #references .clients, #products .offers, .contact_container, #contact .datas {
		width: 97%;
	}
	
	#home .teasers {
		height: 15rem;
	}
	
	#home .teasers li, #products .offers li, #contact .datas li {
		width: 50%;
	}
	
	#technique .p_1em {
		padding: 0;
	}
 }
  
/*----------------------------------------*/
/*------------- TABLET_P = RAC -----------*/
/*----------------------------------------*/
 
   @media only screen and (max-width: 760px) {
	.logo {
		margin-left: 1rem;
	}
	
	.nav_main_a {
		display: none;
	}
	
	.current .nav_main_a {
		display: block;
	}
	
  	#home .content, #references .content, #technique .content, #products .content, #contact .content {
		width: 100%;
	}

	#products .headline, #contact .headline {
		width: 97%;
	}
		
	#home .teasers, #products .offers, #contact .datas {
		height: auto;
		padding-bottom: 2rem;
	}
	
	#home .teasers li, #products .offers li, #contact .datas li {
		position: relative;
		float: none;
		width: 100%;
		margin-bottom: 0.5rem;
	}
	
	#references .clients li {
		width: 50%;
	}
  }
  
/*----------------------------------------*/
/*------------- PHONE_L = RAD ------------*/
/*----------------------------------------*/

 @media only screen and (max-width: 620px) {
	.logo {
		font-size: 1.5rem;
	}
	body {
		background-color: rgb(250,250,250);
	}
	
	#home, #products, #contact {
		background-image: none;
	}
	
	h1 {
		font-size: 2rem;
		line-height: 2.25rem;
		margin-left: 1rem;
	}
	
	#home .f_white {
		color: rgba(0,0,0,1);
	}
	
	#home .f_shadow_b {
		text-shadow: none;
	}
	 
	#home .content p, #references .content p, #products .content p, #technique .content p, #contact .content p  {
		font-size: 1rem;
		line-height: 1.5rem;
		margin-left: 1rem;
	}
	
	h2 {
		font-size: 2rem;
		line-height: 1.5rem;
		margin-left: 1rem;
	}
	
	h3 {
		font-size: 1.25rem;
	}
		
 } 
 
 @media only screen and (max-width: 480px) {
	.logo {
		font-size: 1.25rem;
	} 
	
	#references .clients li {
		width: 75%;
		margin-left: 12.5%;
	}
 }
 
 @media only screen and (max-width: 400px) {
	.logo {
		font-size: 1.125rem;
	}
	
	#technique ._text {
		padding: 0.25rem 0.5rem;
		bottom: 0.5rem;
		left: 0.5rem;
	}
	
	#technique h5 {
		font-size: 0.75rem;
	}
 }
 
 @media only screen and (max-width: 360px) {
	.logo {
		font-size: 1.125rem;
	} 
	
	#header {
		height: 8rem;	
	}
	
	#home {
		padding-top: 3rem;		
	}
 }
/*----------------------------------------*/
/*------------- PHONE_P = RAE ------------*/
/*----------------------------------------*/


 @media only screen and (max-width: 320px) {
	#references, #products, #technique, #contact  {
		padding-top: 2rem;
	}
	
	#home .teasers {
		 width: 98%;
	}
	
	#home .content p, #references .content p, #products .content p, #technique .content p, #contact .content p  {
		margin-bottom: 2rem;
		margin-top: 1rem;
	}
	
	#references ._figure {
		width: 100%;	
	}
	
	#home ._text, #references ._text, #products ._text, #technique ._text, #contact ._text {
		margin-top: 0.75rem;
	}
	
	#references ._text {
		margin-top: 0rem;
	}
	
	.p_1em {
		padding-left: 2%;
	}
	
	#technique h5, #technique p, #technique ._text ul {
		margin-left: 0.5rem;
	}
	
	.logo {
		font-size: 1.125rem;
	}
	 
	#contact_icons {
		display: none;
	}
 }