/*

Theme Name: Empic GmbH
Theme URI: https://www.empic.com/
Description: Empic GmbH
Author: LORENZ CROSSSALE
Author URI: https://www.crosssale.de/
Version: 1.0

*/

/* globals  */

/*CSS RESET*/
html, body, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
abbr, acronym, address, big, cite, code, del, 
dfn, em, font, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, center, li, ul, 
dl, dt, dd, ol, fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td, img  {
	margin : 0;
	padding : 0;
	border : 0;
	outline : 0;
	list-style: none;
}

/*FONTS*/

/* roboto-100italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url('fonts/roboto-v20-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'),
       url('fonts/roboto-v20-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-latin-100italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/roboto-v20-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('fonts/roboto-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/roboto-v20-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
       url('fonts/roboto-v20-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('fonts/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

* {
	font-family: 'Roboto', sans-serif;
}

html {
	overflow-y: scroll;
	overflow-x: hidden;
	hyphens: auto;
	height:100%;
}

/*WRAPPER*/

#wrapper {
	position:relativ;
	margin: 0 auto;
	min-height: 100%;
  	height: auto !important;
	width:100%;
	overflow: hidden !important;
}

/*CONTAINER*/

.container {
	width: 100%;
	margin: 0 auto;
}


/*HEADER*/

.header {
    position: fixed;
	float:left;
	width:100%;
	height:120px;
	display: block;
	background-color: #fff;
	z-index:10;
    transition: all 1s;
}

.header.tiny { 
	height:65px;
}

.header > .logo {
	position: absolute;
	background-image:url(img/logo.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size: cover;
	display:block;
	width:330px;
	height:50px;
	top:35px;
	left: 5%;
	transition: all 1s;
}

.header.tiny > .logo {
	width:231px;
	height:35px;
	top:15px;
	left: 5%;
}

/*HEADER MOBILE*/

	#header_mobile {
	position: static;
	float:left;
	width:100%;
	height:100px;
	display: block;
	background-color: #fff;
	}
	
	#header_mobile > .logo {
    position: absolute;
    background-image: url(img/logo.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: block;
    width: 330px;
    height: 50px;
    top: 25px;
    left: 5%;
	}

/*NAV MAIN*/

.header > #navMain {
	position: absolute;
	width: 800px;
	margin: 30px 0 0 500px;
	transition: all 1s;
}

.header.tiny > #navMain {
	width: 700px;
	margin: 5px 0 0 350px;
}

.header > #navMain ul,
.header.tiny > #navMain ul{
	list-style: none;
}

.header > #navMain ul {
	height: 70px;
}


.header > #navMain li a,
.header.tiny > #navMain li a {
	float: left;
	display: block;
	font-weight:400;
	text-decoration: none;
	color:#5F5F5F;
	border-bottom: 2px solid rgb(0,159,227,0);
	transition: all 1s ease 0s;
}

.header > #navMain li a{
	padding: 20px 5px 0px 5px;
	margin-right: 5px;
	font-size:1.2em;
	height:70px;
}

.header.tiny > #navMain li a{
	padding: 15px 5px 0px 5px;
	margin-right: 3px;
	font-size:1em;
	height:40px;
}

.header > #navMain a:hover,
.header.tiny > #navMain a:hover {
	border-bottom: 2px solid rgb(0,159,227,1);
}

.header > #navMain a:hover {
	height: 35px;
}

.header.tiny > #navMain a:hover {
	height: 28px;
}

.header > #navMain .page_item a, .header > #navMain .current_page_item a, .header > #navMain .current_page_parent a, .header > #navMain .current-menu-item a,
.header.tiny > #navMain .page_item a, .header.tiny > #navMain .current_page_item a, .header.tiny > #navMain .current_page_parent a, .header.tiny > #navMain .current-menu-item a {
	color:#5F5F5F;
	height: 28px;
	border-bottom: 2px solid rgb(0,159,227,1);
}

.header > #navMain .page_item a, .header > #navMain .current_page_item a, .header > #navMain .current_page_parent a, .header > #navMain .current-menu-item a {
	height: 35px;
}

.header.tiny > #navMain .page_item a, .header.tiny > #navMain .current_page_item a, .header.tiny > #navMain .current_page_parent a, .header.tiny > #navMain .current-menu-item a {
	height: 28px;
}

/*NAV MOBILE*/

#menuToggle {
 	display: block;
 	position: absolute;
 	top: 30px;
 	right: 0;
	padding-right: 60px;
 	z-index: 100;
 	user-select: none;
	width: 50px;
	height: 80px;
}

#menuToggle input {
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	top: -10px;
	left: 0px;
	cursor: pointer;
	opacity: 0; 
	z-index: 2; 
	-webkit-touch-callout: none;
}

#menuToggle span {
  display: block;
  width: 50px;
  height: 6px;
  margin-bottom: 9px;
  position: relative;
  background: #009fe3;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease;
}

#menuToggle span:first-child {
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2) {
  transform-origin: 0% 100%;
}

#menuToggle input:checked ~ span {
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #009fe3;
}

#menuToggle input:checked ~ span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

#menuToggle input:checked ~ span:nth-last-child(2) {
  transform: rotate(-45deg) translate(0, -1px);
}

#menu {
	position: absolute;
	width: 410px;
	margin: -100px 0 0 -300px;
	padding: 125px 25px 25px 25px;
 	list-style: none;
 	-webkit-font-smoothing: antialiased;
 	transform-origin: 0% 0%;
	transform: scale(0);
	transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
	background-color: rgba(255, 255, 255, 0.90);
	height: auto;
}

#menu li {
	list-style: none;
}

#menu li a {
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 1.4em;
	text-align: center;
	color: #fff;
    background-color: #009fe3;
    display: inline-block;
    margin-bottom: 15px;
	transition: all 1s;
	transition-timing-function: linear;
	transform: skewX(-20deg);
	border-radius: 5px;
	border: 1px solid #009ee3;
	box-sizing: border-box;
}

#menu li.lang-item a {
	width: 20%;
	margin-right: 2%;
	color: #009fe3;
    background-color: #fff;
	border: 1px solid #009ee3;
	box-sizing: border-box;
	float: left;
}

#menu li.current-lang a {
	color: #fff;
    background-color: #009fe3;
}

#menuToggle input:checked ~ ul {
  transform: none;
}

#menu .page_item a, 
#menu .current_page_item a, 
#menu .current_page_parent a,
#menu .current-menu-item a{
	color: #fff;
	background-color:rgb(0,159,227,0.5);
	border: 1px solid #009fe3;
}


/*SUCHE*/

.header > #suche {
	position: absolute;
	width:250px;
	height:45px;
	display:block;
	top:40px;
	right: 5%;
	background-position:center;
	background-size:100%;
	background-repeat:no-repeat;
	transition: all 1s;
}

#header_mobile > #suche {
	position: absolute;
	width:250px;
	height:45px;
	display:block;
	top:27px;
	right: 150px;
	background-position:center;
	background-size:100%;
	background-repeat:no-repeat;
	transition: top 1s;
}

#suchfeld {
	padding-top:0;
	margin-top:0;
	padding-left:10px;
	height:47px;
	line-height:45px;
	width: 200px;
	font-size:1.2em;
	border:0;
	display:block;
	float:left;
	box-sizing: border-box;
	border-bottom: 2px solid rgb(0,159,227,1);
	transition: all 1s;
	background-color: #fff;
}

#searchsubmit {
	padding:0;
	margin:0;
	height:50px;
	width:50px;
	border:0;
	cursor:pointer;
	display:block;
	float:left;
}

.enter {
	background-image: url("img/lupe.png");
	background-repeat: no-repeat;
	background-size: 70%;
	background-position: center;
	background-color: #fff;
}

.zur_seite, .more-link {
	display: block;
	width: 200px;
	height: 35px;
	line-height: 35px;
	color: #FFF !important;
	background-color: #009ee3;
	text-align: center;
	margin: 15px 0 20px 0px;
	text-decoration: none;
	font-size: 1em;
	border-radius: 3px;
	transform: skewX(-20deg);
	transition: all 1s ease 0s;
}

.zur_seite:hover, .more-link:hover {
	background-color: #a2daf3;
}

/*SUCHE SMALL*/

.header.tiny > #suche {
	position: absolute;
	width:250px;
	height:40px;
	display:block;
	top:5px;
	right: 5%;
	background-image:url(img/lupe.png);
	background-position:center;
	background-size:100%;
	background-repeat:no-repeat;
}

/*KONTAKT BUTTON*/

#kontakt_fix {
    position: fixed;
    margin-top: 350px;
    right: 0;
	z-index: 10;
}

#kontakt_fix li a{
    width: 150px;
    height: 50px;
    background: #FFF url("img/speech.png");
	background-repeat: no-repeat;
	background-position: left center;
	border-left:1px solid #009fe3;
	border-top:1px solid #009fe3;
	border-bottom:1px solid #009fe3;
    border-radius: 5px 0px 0px 5px;
	box-sizing: border-box;
	font-size: 1.2em;
	line-height: 50px;
	color:rgb(0,159,227,1);
	display: block;
	transition: all 1s;
	margin: 0 -100px 0 0; 
	padding-left: 55px;
}

#kontakt_fix li a:hover{
	color:rgb(0,159,227,1);
	margin: 0;
}

/*SPRACHEN*/

#language {
    position: fixed;
    margin-top: 290px;
    right: 0;
	z-index: 100;
}

#language li a{
	width: 150px;
    height: 50px;
	background-color: #fff;
	border-left:1px solid #009fe3;
	border-top:1px solid #009fe3;
	border-bottom:1px solid #009fe3;
    border-radius: 5px 0px 0px 5px;
	box-sizing: border-box;
	display: block;
	transition: all 1s;
	margin: 0 -100px 0 0; 
	padding-left: 7px;
}

#language li a:hover{
	color:rgb(0,159,227,1);
	margin: 0;
}

#language #lang_choice_1{
	width: 90px;
	height: 48px;
	font-size: 1.3em;
	font-weight: 500;
	font-style: italic;
	letter-spacing: 1px;
	text-transform: uppercase;
	border: none;
	margin: 0;
	cursor: pointer;
	color:rgb(0,159,227,1);
	background: #fff;
}

/*SLIDER*/

.slider,
.video_background {
    position: fixed;
	margin:0 auto;
    width: 100%;
    height: 100%;
	z-index: -10;
	left: 0;
	top: 0;
}

.slider_layer {
	position: static;
	float: left;
    width: 100%;
    height: 70vh;
	text-align: center;
	display: block;
	border-radius: 10px;
}

.main_slider_header,
.clients_slider_header,
.main_slider_header_2 {
	color: #fff;
	font-weight: 500;
	text-shadow: 3px 3px 1.5px rgba(0,0,0,0.9);
	hyphens: none;
}


.slider_header{
	background-color: rgba(0,0,0,0.4);
	width: 80%;
	padding: 1% 2%;
	margin: 25vh 8% 20px 8%;
	transform: skewX(-20deg);
	border-radius: 10px;
}

h1.main_slider_header,
h1.main_slider_header_2 {
	font-size: 3em;
	transform: skewX(20deg);
}

h1.clients_slider_header {
	font-size: 2.8em;
	text-transform: uppercase;
	transform: skewX(20deg);
}

h2.clients_slider_header  {
	font-size: 2.3em;
	transform: skewX(20deg);
}

.csl_fr {
	margin-left: 45px;
}

.teaser_txt li a,
.slider_layer li a {
	width: 350px;
	height: 60px;
	line-height: 56px;
	border: 2px solid #fff;
	display: block;
	box-sizing: border-box;
	background-color: rgb(255,255,255,0.7);
	color:#5F5F5F;
	transition: all 1s ease 0s;
	transform: skewX(-20deg);
	border-radius: 5px;
	text-align: center;
}

.slider_layer li a {
	margin: 30px auto;
	font-size: 1.6em;
}

.teaser_txt li a {
	font-size: 1em;
	margin-left: auto;
}

.teaser_txt li a:hover,
.slider_layer li a:hover {
	border: 2px solid #009fe3;
	background-color: rgb(255,255,255,0.9);
	color:#009fe3;
}

/*TEASER*/

.teaser {
	position: static;
	float: left;
	width: 80%;
	height: auto;
	min-height: 500px;
	padding: 0 10% 50px 10%;
	background-image: url("img/EMPIC_bg_clients.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.teaser h2 {
	display: none;
}

/*FLAGS*/

.flaggen {
	width: 65%;
	float: left;
	margin-top: 100px;
}

.flaggen li {
	float: left;
	width: 94px;
	height: 60px;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 7px;
	border-radius: 3px;
}

.cl_flaggen {
	width: 100%;
	float: left;
	margin: 20px 0;
	background-color: #e0e0e0;
	border-radius: 10px;
}

.cl_flaggen p:empty::before {
    content: none;
}

.cl_flaggen ul {
	float: left;
	width: 147px;
	height: 160px;
	margin: 1%;
	padding: 0.6%;
	border-radius: 5px;
	transition: all 0.5s ease 0s;
}

.cl_flaggen ul:hover {
	background-color: #5F5F5F;
}

.cl_flaggen_bg {
	width: 100%;
	height: 62%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.cl_flaggen_link {
	width: 100%;
	height: 35%;
	text-align: left;
	display: block;
	font-size: 0.7em;
	line-height: normal;
	transition: all 0.5s ease 0s;
	padding: 3% 0 0 0;
}

.cl_flaggen_link strong{
	font-size: 1em !important;
}

.cl_flaggen ul a {
	color: #000;
}

.cl_flaggen ul a:hover {
	color: #fff;
}

.austria {background-image: url("img/flaggen/austria.jpg")}

.switzerland {background-image: url("img/flaggen/switzerland.jpg")}

.hungary {background-image: url("img/flaggen/hungary.jpg")}

.greece {background-image: url("img/flaggen/greece.jpg")}

.netherlands {background-image: url("img/flaggen/netherlands.jpg")}

.sweden {background-image: url("img/flaggen/sweden.jpg")}

.luxembourg {background-image: url("img/flaggen/luxembourg.jpg")}

.kenya {background-image: url("img/flaggen/kenya.jpg")}

.italy {background-image: url("img/flaggen/italy.jpg")}

.slovenia {background-image: url("img/flaggen/slovenia.jpg")}

.ireland {background-image: url("img/flaggen/ireland.jpg")}

.norway {background-image: url("img/flaggen/norway.jpg")}

.latvia {background-image: url("img/flaggen/latvia.jpg")}

.bosnia {background-image: url("img/flaggen/bosnia.jpg")}

.belgium {background-image: url("img/flaggen/belgium.jpg")}

.australia {background-image: url("img/flaggen/australia.jpg")}

.france {background-image: url("img/flaggen/france.jpg")}

.finland {background-image: url("img/flaggen/finland.jpg")}

.croatia {background-image: url("img/flaggen/croatia.jpg")}

.south_africa {background-image: url("img/flaggen/south_africa.jpg")}

.myanmar {background-image: url("img/flaggen/myanmar.jpg")}

.namibia {background-image: url("img/flaggen/namibia.jpg")}

.germany {background-image: url("img/flaggen/germany.jpg")}

.papua_new_guinea {background-image: url("img/flaggen/papua_new_guinea.jpg")}

.guernsey {background-image: url("img/flaggen/guernsey.jpg")}

.thailand {background-image: url("img/flaggen/thailand.jpg")}

.mexico {background-image: url("img/flaggen/mexico.jpg")}

.new_zealand {background-image: url("img/flaggen/new_zealand.jpg")}

.nigeria {background-image: url("img/flaggen/nigeria.jpg")}

.oman {background-image: url("img/flaggen/oman.jpg")}

.greenland {background-image: url("img/flaggen/greenland.jpg")}

.faroer {background-image: url("img/flaggen/faroer.jpg")}

.denmark {background-image: url("img/flaggen/denmark.jpg")}

.botswana {background-image: url("img/flaggen/botswana.jpg")}

.romania {background-image: url("img/flaggen/romania.jpg")}

.angola {background-image: url("img/flaggen/angola.jpg")}

.iraq {background-image: url("img/flaggen/iraq.jpg")}

.kamerun {background-image: url("img/flaggen/kamerun.jpg")}

/*TEASER TXT*/

.teaser_txt{
	width: 35%;
	float: left;
	margin-top: 100px;
}

.teaser_txt li {
	height: auto;
	min-height: 60px;
	text-align: right;
	color: #fff;
	font-size: 2em;
	hyphens: none;
}

.teaser_up, .teaser_up_fr {
	text-transform: uppercase;
	line-height: 110%;
}

.teaser_up {
	font-size: 4em !important;
}

.teaser_up_fr {
	font-size: 3.5em !important;
	margin-bottom: 20px;
}

/*MAIN HOME*/

#main_home {	
	position: static;
	float:left;
	width: 70%;
	height:auto;
	min-height: 100px;
	padding: 50px 15% 25px 15%;
	display:block;
	hyphens: none;
	font-size: 1.3em;
	line-height: 150%;
	color: #5F5F5F;
	background-color: #fff;
}

.highlight {
	margin: 20px auto;
	padding: 5px;
	font-size: 1.2em;	
	width: 70%;
	height: auto;
	line-height: 50px;
	display: block;
	background-color: #fff;
	transform: skewX(-20deg);
	border-radius: 5px;
	border: 1px solid #009ee3;
	box-sizing: border-box;
	text-align: center;
}

.download li a:hover {
	background-color:#a1d9f7;
	color:#009ee3;
}

#main_content {	
	position: static;
	float:left;
	width: 70%;
	height:auto;
	min-height: 100px;
	padding: 50px 15% 70px 15%;
	display:block;
	text-align: left;
	hyphens: none;
	font-size: 1.2em;
	line-height: 140%;
	color: #5F5F5F;
	background-color: #fff;
}

#main_content li,
#module li{
	list-style: outside;
	list-style-type: disc;
	margin: 5px 0 10px 20px;
}

#main_content ul,
#module ul{
	margin: 10px 0; 
}

.arow_bg {
	background-image: url("img/arow_bg.png");
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 50%;
}

#main_home h1,
#main_home h2,
#main_content h1,
#module h1,
#main_inside02 h1,
#main_archive h1{
	font-size: 1.7em;
	font-weight: 500;
	line-height: 150%;
	text-align: center;
	margin-bottom: 10px;
}

#main_content h2 {
	font-size: 1.3em;
	font-weight: 400;
	line-height: 150%;
}

#module h2,
#main_inside02 h2 {
	font-size: 1.3em;
	font-weight: 400;
	line-height: 150%;
	margin: 10px 0 0 0;
}

#main_home h3 {	
	font-size: 1.3em;
	font-weight: 400;
	line-height: 150%;
	text-align: center;
}

#main_content h3 {	
	font-size: 1.3em;
	font-weight: 400;
	line-height: 150%;
}

/*MAIN SEARCH*/

#main_search {	
	position: static;
	float:left;
	width: 70%;
	height:auto;
	min-height: 65vh;
	padding: 150px 15% 70px 15%;
	display:block;
	hyphens: none;
	font-size: 1.3em;
	line-height: 150%;
	color: #5F5F5F;
	background-color: #fff;
}

#main_search h1 {	
	font-size: 1.8em;
	line-height: 150%;
}

#main_search img {	
	width: 50%;
	height: auto;
	margin: 15px 0;
}

#main_search li {	
	margin: 5px 0 5px 20px;
	list-style: outside;
	list-style-type: disc;
}

/*MAIN ARCHIVE*/

#main_archive {	
	position: static;
	float:left;
	width: 70%;
	height:auto;
	min-height: 100px;
	padding: 50px 15% 70px 15%;
	display:block;
	text-align: left;
	hyphens: none;
	font-size: 1.3em;
	line-height: 150%;
	color: #5F5F5F;
	background-color: #fff;
}

#main_archive img {	
	width: 25%;
	height: auto;
}

#main_archive article {	
	margin: 0 0 25px 0;
	padding: 0 0 50px 0;
	background-image: url("img/arow_bg.png");
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 100%;
}

#main_archive h3 {	
	margin: 0 0 10px 0;
}

/*EVENTS & NEWS*/

#events,
#news {
	float: left;
	width: 60%;
	padding: 25px 20%;
}

#events,
#news {
	background: #fff url("img/arow_bg.png");
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 50%;
}

#news {
	background-color: #fff;
}

#events h2,
#news h2 {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 2em;
	font-weight: 400;
	color: #5F5F5F;
	text-transform: uppercase;
}

.category-posts-internal{
	height: 550px;
	width: 100%;
	margin: 0 auto;
}

.cat-post-item {
	float: left;
	width: 30%;
	height: 470px;
	border: 1px solid #e0e0e0;
	border-radius: 5px;
	margin: 20px 1.65% 0 1.65%;
	box-sizing: border-box;
	transition: all 1s;
}

.cat-post-item:hover {
	width: 33%;
	height: 490px;
	margin: 10px 0 0 0;
}

#category-posts-2-internal .cat-post-thumbnail,
#category-posts-3-internal .cat-post-thumbnail,
#category-posts-4-internal .cat-post-thumbnail,
#category-posts-5-internal .cat-post-thumbnail,
#category-posts-6-internal .cat-post-thumbnail,
#category-posts-7-internal .cat-post-thumbnail,
#category-posts-9-internal .cat-post-thumbnail{
	float: none !important;
}

#category-posts-2-internal > li > div > div > span,
#category-posts-2-internal > li > div > div > span > a,
#category-posts-4-internal > li > div > div > span,
#category-posts-4-internal > li > div > div > span > a,
#category-posts-5-internal > li > div > div > span,
#category-posts-5-internal > li > div > div > span > a,
#category-posts-9-internal > li > div > div > span,
#category-posts-9-internal > li > div > div > span > a {
	background-color: #5F5F5F;
}

#category-posts-3-internal > li > div > div > span,
#category-posts-3-internal > li > div > div > span > a,
#category-posts-6-internal > li > div > div > span,
#category-posts-6-internal > li > div > div > span > a,
#category-posts-7-internal > li > div > div > span,
#category-posts-7-internal > li > div > div > span > a,
#category-posts-8-internal > li > div > div > span,
#category-posts-8-internal > li > div > div > span > a{
	background-color: #009fe3;
}

#category-posts-3-internal > li > div > div > span > a:hover,
#category-posts-6-internal > li > div > div > span > a:hover,
#category-posts-7-internal > li > div > div > span > a:hover,
#category-posts-8-internal > li > div > div > span > a:hover {
	color:  #5F5F5F;
}

.cat-post-tax-category a,
.cat-post-date {
	float: left;
	height: 40px;
	line-height: 40px;
	display: block;
	color: #fff;
}

.cat-post-tax-category a {
	width: 95%;
	padding-left: 5%;
	border-radius: 5px 5px 0 0;
}

.cat-post-date {
	width: 50%;
	padding-right:5%;
	text-align: right;
	border-top-right-radius: 5px;
}

.cat-post-thumbnail {
    display: contents;
}

.cat-post-item p,
.cat-post-title {
	width: 280px;
	margin: 0 0 0 20px;
	hyphens: none;
}

.cat-post-title{
	font-size: 1.1em;
	color: #5F5F5F;
	line-height: 120%;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}

.cat-post-item p {
	font-size: 0.9em;
}

.cat-post-tax-category a:hover,
a.cat-post-title:hover {
	color: #009fe3;
}

#category-posts-2-internal .cat-post-thumbnail .cat-post-crop img,
#category-posts-3-internal .cat-post-thumbnail .cat-post-crop img {
    width: 100% !important;
}

.more-link {
	display: block;	
}

/*MAIN INSIDE*/

#main_inside {	
	position: static;
	float:left;
	width: 100%;
	height:auto;
	display:block;
	text-align: center;
	hyphens: none;
	font-size: 1.4em;
	line-height: 120%;
	color: #5F5F5F;
	background-color: #e0e0e0;
}

#main_inside02 {	
	position: static;
	float:left;
	width: 70%;
	height:auto;
	min-height: 150px;
	padding: 25px 15% 25px 15%;
	display:block;
	hyphens: none;
	background-color: #fff;
	color: #5F5F5F;
	font-size: 1.4em;
}

#start_txt {
	min-height: 70px;
	padding: 50px 15% 50px 15%;
}

#facts, #facts_fr, #facts_es, #facts_ru {	
	position: static;
	float:left;
	width: 70%;
	height:auto;
	min-height: 150px;
	padding: 40px 15% 50px 15%;
	background: #fff;
}

#facts h2, #facts_fr h2, #facts_es h2, #facts_ru h2{
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}

#facts ul, #facts_fr ul, #facts_es ul, #facts_ru ul{
	float: left;
	width: 96%;
	height: auto;
	display: block;
	color: #fff;
	hyphens: none;
	font-size: 0.9em;
	border-radius: 15px;
	padding: 2%;
}

#facts ul{
	background: #009ee3 url("img/bg_facts.png");
	background-repeat: no-repeat;
	background-position: 5% 5%;
	background-size: 15%;
}

#facts_fr ul {
	background: #009ee3 url("img/bg_facts_fr.png");
	background-repeat: no-repeat;
	background-position: 5% 5%;
	background-size: 15%;
}

#facts_es ul {
	background: #009ee3 url("img/bg_facts_es.png");
	background-repeat: no-repeat;
	background-position: 5% 5%;
	background-size: 15%;
}

#facts_ru ul {
	background: #009ee3 url("img/bg_facts_ru.png");
	background-repeat: no-repeat;
	background-position: 5% 5%;
	background-size: 15%;
}

#facts li, #facts_fr li, #facts_es li, #facts_ru li, #main_inside02 li{
	list-style: disc;
	text-align: left;
}

#main_inside02 li{
	margin: 5px 0 10px 20px;
}

#facts li, #facts_fr li, #facts_es li, #facts_ru li {
	margin: 5px 0 10px 23%;
}

/*REGISTER CARDS*/

#module {	
	position: static;
	float:left;
	width: 70%;
	height:auto;
	min-height: 150px;
	padding: 25px 15% 25px 15%;
	display:block;
	hyphens: none;
	background-color: #fff;
	color: #5F5F5F;
	font-size: 0.9em;
	text-align: left;
}

/*TABS*/

#tabs {
	width: 100%;
}

.personnel {
	background-color: #3fa535;
}

.technical {
	background-color: #ef7d00;
}

.central {
	background-color: #009ee3;
}

.organisation {
	background-color: #dd2515;
}

.extended {
	background-color: #b80e80;
}

.personnel_border {
	border-color: #3fa535 !important;
}

.technical_border {
	border-color: #ef7d00 !important;
}

.central_border {
	border-color: #009ee3 !important;
}

.organisation_border {
	border-color: #dd2515 !important;
}

.extended_border {
	border-color: #b80e80 !important;
}

.personnel_h,.technical_h,.central_h,.organisation_h,.extended_h {
	font-weight: 500 !important;
	font-size: 1.4em !important;
	margin: 0 0 10px 0!important;
}

.personnel_h {
	color: #3fa535 !important;
}

.technical_h {
	color: #ef7d00 !important;
}

.central_h {
	color: #009ee3 !important;
}

.organisation_h {
	color: #dd2515 !important;
}

.extended_h {
	color: #b80e80 !important;
}


/* Tabs mit radio-Buttons */
.tabbed figure { 
	display: block; 
	margin-left: 0; 
	clear: both;
	width: 100%;
}

.tabbed > input,
.tabbed figure > div { 
	display: none; 
}

.tabbed figure>div {
	padding: 2%;
	min-height: 500px;
	height: auto;
	line-height: 140%;
	color: #5F5F5F;
	border: 3px solid;
	border-radius: 15px;
	box-sizing: border-box;
	text-align: left;
}

.tabbed figure>div h1{
	margin-bottom: 15px;
	color: #009ee3;
	text-align: left !important;
}

#tab1:checked ~ figure .tab1,
#tab2:checked ~ figure .tab2,
#tab3:checked ~ figure .tab3,
#tab4:checked ~ figure .tab4,
#tab5:checked ~ figure .tab5 { 
	display: block; 
}

.tabbed nav {
	position: relative;
	float: left;
	width: 100%;
	height: 140px;
	margin: 0 0 25px 25px;
	z-index: 1;
}

.tabbed nav label {
	float: left;
	color: #fff;
	width: 14.5%;
	height: 140px;
	cursor: pointer;
	transition: all 0.5s;
	transform: skewX(-20deg);
	border-radius: 15px;
	margin: 0 0.5%;
	padding: 0 2%;
}


.tabbed nav label:nth-child(1) { 
	border: 0; 
}

.tabbed nav label:hover,
.tabbed nav label:active { 
	opacity: 0.5;
}

#tab1:checked ~ nav label[for="tab1"],
#tab2:checked ~ nav label[for="tab2"],
#tab3:checked ~ nav label[for="tab3"],
#tab4:checked ~ nav label[for="tab4"],
#tab5:checked ~ nav label[for="tab5"] {
	position: relative;
	margin: 20px 15px 0 0px;
}

#tab1:checked ~ nav label[for="tab1"]:after,
#tab2:checked ~ nav label[for="tab2"]:after,
#tab3:checked ~ nav label[for="tab3"]:after,
#tab4:checked ~ nav label[for="tab4"]:after,
#tab5:checked ~ nav label[for="tab5"]:after {
  content: "";
}

.tab_link {
	text-align: center;
	font-weight: 500;
	font-size: 1.3em;
	line-height: 125%;
	text-transform: uppercase;
	margin-top: 35px;
	display: block;
}

.tab_link_es {
	text-align: center;
	font-weight: 500;
	font-size: 1.15em;
	line-height: 125%;
	text-transform: uppercase;
	margin-top: 30px;
	display: block;
}

.tab_link_ru {
	text-align: center;
	font-weight: 500;
	font-size: 0.9em;
	line-height: 125%;
	text-transform: uppercase;
	margin-top: 45px;
	display: block;
}

.blue {
	color: #009ee3;
}

.red {
	color: #dd2515;
}

.violet {
	color: #b80e80;
}

/*CLIENTS SLIDER*/

.white {
	margin-top: 10px;
}

.testimonial_img,
.testimonial_txt,
.seo_testimonial_txt{
	float: left;
}

.testimonial_img{
	text-align: left;
	width: 20%;
}

.testimonial_txt,
.seo_testimonial_txt {
	text-align: left;
	width: 78%;
	margin-left: 2%;
	font-size: 1em;
	line-height: normal;
}

.testimonial_txt h2,
.seo_testimonial_txt h2 {
	text-align: left !important;
}

.testimonial_txt h2 em,
.seo_testimonial_txt h2 em{
	font-size: 0.9em;
}

/*ABOUT US*/

.seo_testimonial{
	width: 90%;
	height: auto;
	margin: 20px 0;
	padding: 2% 5%;
	background-color: #009ee3;
	border-radius: 15px;
	display: flex;
}

.seo_testimonial_txt {
	color: #fff;
	display: block;
}

.seo_testimonial_txt li {
	list-style: outside !important;
}

/*DOWNLOAD*/

.download li {
	list-style: none !important;
}

.download li a {
	width: 96%;
	height: auto;
	padding:0.5% 2%;
	margin: 10px auto 0 auto;
	display: block;
	color: #5F5F5F;
	border-radius: 5px;
	transition: all 1s;
}

/*KONTAKTFORMULAR*/

.wpcf7 {
	width: 60%;
	margin: 0 auto;
}

.form_sub {
	width:100%;
	min-height:35px;
	height: auto;
	line-height:normal;
	font-size:1em;
	letter-spacing:0.5px;
	margin: 15px 0;
	color:#5F5F5F;
	display:block;
	float: left;
}

.form_text {
	width:96%;
	height:auto;
	min-height:25px;
	font-size:1em;
	padding:5px 2% 5px 2%;
	margin-bottom: 2px;
	color: #5F5F5F;
	display:block;
	float: left;
    border-radius: 5px;
}

.form_text a{
	color: #009ee3;
}

.form_text a:hover {
	color: #a1daf8;
}

.wpcf7-text,
.wpcf7-dynamictext {
	width:100%;
	height:35px;
	font-size:1em;
	line-height:35px;
	padding-left:2%;
	padding-right:2%;
	border: 1px solid #009ee3;
	color:#5F5F5F;
    border-radius: 5px;
	box-sizing: border-box;
}

.wpcf7-select {
	width:99%;
	height:35px;
	line-height:35px;
	margin-left:1%;
    border-radius: 5px;
	border:none;
	color:#000;
}

option {
	margin-left:10px;
}

span.wpcf7-form-control-wrap.your-message {
	width: 100%;
	height: auto;
}

span.wpcf7-list-item {
	height: 35px;
}

.wpcf7-textarea {
	width:100%;
	height:195px;
	padding:1%;
	font-size:1em;
	resize:none;
	border: 1px solid #009ee3;
	color:#5F5F5F;
    border-radius: 5px;
	box-sizing: border-box;
}

.wpcf7-form-control-wrap {
	font-size:1em; 
	text-transform:uppercase;
	margin-bottom:5px;
}

.wpcf7-list-item-label {
	color: #000;
}

.wpcf7-number, .wpcf7-date {
	width:150px;
	height:22px;
	margin-left: 10px;
}

.wpcf7-file, .wpcf7-date {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 0.8em;
    color: #4c4c4c;
    padding: 0 0 0 10px;
    margin: 0 !important;
    border: 1px solid #009ee3;
    border-radius: 5px;
    box-sizing: border-box;
}

.p1{
	padding-right:1px;
}

.wpcf7-form h2 {
	line-height:30px;
	font-weight:600;
	text-transform:uppercase;
	font-size:16px;
	color:#808080;
}

.wpcf7-submit,
.more a {
    width: 50%;
    font-size: 1.2em;
    height: 60px;
    line-height: 60px;
	text-align: center;
    color: #fff;
	background-color: #009ee3;
	border: 1px solid #009ee3;
	margin:20px 25% 50px 25%;
	cursor:pointer;
	transition: all 1s;
	box-sizing: border-box;
	transform: skewX(-20deg);
    border-radius: 5px;
}

.more {
	width: 100%;
	display: inline-flex;
}

.inside_link a {
    width: 100%;
    font-size: 1.2em;
    height: 60px;
    line-height: 60px;
	text-align: center;
    color: #fff;
	background-color: #009ee3;
	border: 1px solid #009ee3;
	margin:20px 0;
	cursor:pointer;
	transition: all 1s;
	box-sizing: border-box;
	transform: skewX(-20deg);
    border-radius: 5px;
	display: block;
}

.wpcf7-submit:hover, .more a:hover, #menu li a:hover, .inside_link a:hover  {
	color: #009ee3;
	background-color:#a1daf8;
	border: 1px solid #009ee3;
}

input[type='checkbox'],
input[type='radio'] {
-webkit-appearance: none;
-moz-appearance: none;
	appearance: none;
	width: 30px;
	height: 30px;
	border: 1px solid #009fe3;
	margin: 0;
    border-radius: 5px;
}

input[type='checkbox']:checked,
input[type='radio']:checked {
	background-color: #009fe3;
}

/*MAP*/

.leaflet-map {
    z-index: 0;
    border-radius: 10px;
    cursor: grab;
	margin: 10px 0;
}

.marker_02 {
	margin-left: -12px;
	margin-top: -41px;
}

.leaflet-popup-content img {
	width: 116px;
	height: auto;
	margin: 0 auto;
	display: block;
}

/*IMPRESSUM*/


/*FOOTER*/

#footer {	
	position: static;
	float:left;
	width: 100%;
	height: auto;
	min-height:150px;
	background-color: #e0e0e0;
}

#navFooter {
	float: left;
	width: 23%;
	height: 100px;
	margin: 15px 0 0 15%;
}

#navFooter ul {
	list-style: none;
	width: 100%;
}

#navFooter li{
	display: block;
	width: 100%
}

#navFooter li a{
	float: left;
	width: 100%;
	height: 25px;
	line-height: 25px;
	font-size: 1em;
	text-decoration: none;
	color: #5F5F5F;
	transition: all 0.5s;
	display: block;
}

#navFooter li a:hover {
	color: #009fe3;
}

#navFooter .page_item a, 
#navFooter .current_page_item a, 
#navFooter .current_page_parent a {
	color: #009fe3;
}

#quality {
	float: left;
	width: 30%;
	height: 100px;
	margin: 20px 0 0 0;
}

#quality li{
	float: left;
	margin-right: 25px;
}

.wp-image-52 {
	height: 40px !important;
	width: auto;
	margin-top: 17px;
}

.wp-image-53 {
	height: 75px !important;
	width: auto;
}

.wp-image-1440 {
	height: 85px !important;
	width: auto;
}


.adresse {
	margin: 20px 0 0 0;
	height: 100px;
	width: 32%;
	display: block;
	float: left;
	color: #5F5F5F;
}

.adresse li {
	float: left;
}

.adb_01 {
	width: 35%;
}

.adb_02 {
	width: 65%;
}

#copyright {
	float: left;
	font-size:0.8em;
	margin:0 0 0 15%;
	line-height: 30px;
	height: 30px;
}

/*COLLAPSE*/

.collapseomatic {
	height: 50px;
	line-height: 50px;
	width: 96%;
	font-size: 1.05em;
	text-decoration: none;
	padding: 0 0 0 40px !important;
	background-position: 10px 50%;
	background-size: 25px;
	transition: all 1s;
	display: block;
	margin:15px 0 0 0;
    border-radius: 5px;
	cursor: pointer;
	box-sizing: border-box;
	border: 2px solid;
	transform: skewX(-20deg);
}

.collapseomatic.green {
	background-image: url('img/plus_green.png')!important;
	color: #3fa535;
}

.collapseomatic.orange {
	background-image: url('img/plus_orange.png')!important;
	color: #ef7d00;
}

.collapseomatic.blue {
	background-image: url('img/plus_blue.png')!important;
	color: #009ee3;
}

.collapseomatic.red {
	background-image: url('img/plus_red.png')!important;
	color: #dd2515;
}

.collapseomatic.violet {
	background-image: url('img/plus_violet.png')!important;
	color: #b80e80;
}

.colomat-close.green {
	background-image: url('img/minus_green.png')!important;
}

.colomat-close.orange {
	background-image: url('img/minus_orange.png')!important;
}

.colomat-close.blue {
	background-image: url('img/minus_blue.png')!important;
}

.colomat-close.red {
	background-image: url('img/minus_red.png')!important;
}

.colomat-close.violet {
	background-image: url('img/minus_violet.png')!important;
}

.collapseomatic_content  {
	padding: 1% 5% 1% 1% !important;
	margin: 0 !important;
}

.collapseomatic_content ul {
	list-style: outside;
}

.colomat-hover {
	opacity: 0.6;
	text-decoration: none !important;
}

.smallsub {
	height: 38px !important;
	line-height: 38px !important;
	margin-left: 1% !important;
	background-size: 20px !important;
}


.collapseomatic br {
	display: none;
}


/*CLASS*/

.grey {
	color: #A4A4A4;
	font-size: 80%;
	line-height: 120%;
}

a{
	color: rgb(0,159,227,1);
	text-decoration: none;
}

a:hover{
	color:rgb(0,159,227,0.5);
}

/*COOKIE NOTICE*/

#cn-accept-cookie, #cn-more-info {
	background: #5F5F5F;
}

#cookie-notice {
    background-color: #009ee3 !important;
}


.frame {
	width: 100%;
	height: 6200px;
}


/*ANIMATION*/

.slideanim {
    visibility:hidden;
    visibility:visible\9;/*For old IE browsers IE6-8 */
}

.slideanim.slide {
	visibility: visible; 
	animation:slide 2s;
}

.slideanim::after {
    content: "";
    display: table;
    clear: both;
}

sup {
	font-size: 60%;
	line-height: initial;
}

/*SOCIAL*/


#social{
	position: static;
	display: block;
	padding: 25px 40%;
	width: 20%;
	background-color: #fff;
	height: auto;
	float: left;
}

#social li{
	position: static;
	display: block;
	width: 100%;
	transform: skewX(-20deg);
	border-radius: 5px;
	border: 1px solid #009ee3;
	box-sizing: border-box;
	float: left;
}

#social li span{
	position: static;
	display: block;
	width: 80px;
	margin: auto;
	transform: skewX(20deg);
}

#social li a{
	position: static;
	display: block;
	height: 50px;
	width: 50px;
	margin: 5px;
	float: left;
}

.linkedin {
	background-image: url("img/social_media/linkedin_icons.png");
	background-size: contain;
	transition: all 1s;
}

.linkedin:hover {
	background-image: url("img/social_media/linkedin_icons_h.png");
}

.twitter {
	background-image: url("img/social_media/twitter_icons.png");
	background-size: contain;
	transition: all 1s;
}

.twitter:hover {
	background-image: url("img/social_media/twitter_icons_h.png");
}

@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(100%) translateX(-200%);
    } 
	
    100% {
        opacity: 1;
        transform: translateY(0) translateX(0);
    } 
}

/*MOBILE HACK*/

	.mobile {
	display: none !important;
	}
	
	.no_mobile {
	display: block !important;
	}

/*MEDIA HACKS*/

@media screen and (max-width: 1650px){
	
	.header > #navMain {
    margin: 30px 0 0 430px;
	}
	
	.header > #navMain li a{
	padding: 20px 5px 0px 5px;
	font-size:1.05em;
	}
	
	.tabbed nav, .tabbed nav label {
    height: 130px;
	}
	
	.tab_link {
    font-size: 1.2em;
	}
	
	.tab_link_es {
    font-size: 1em;
	}
	
	.tab_link_ru {
    font-size: 0.7em;
	}
	
	.collapseomatic {
    font-size: 0.9em;
	}
	
	.cat-post-item p,
	.cat-post-title {
	width: 260px;
	}
	
	.smallsub {
    height: 50px !important;
	padding: 5px 0 0 50px !important;
    background-size: 25px !important;
	}
	
	.cl_flaggen ul {
    width: 140px;
	height: 155px;
	}
	
	.cl_flaggen_bg {
    height: 58%;
	}
	
	.testimonial_img img{
    width: 100%;
	height: auto;
	}
	
	#navFooter {
    width: 20%;
	}
	
	#quality {
    width: 35%;
	}
	
	.adresse {
    width: 30%;
	}
	
	.adb_01 {
	width: 40%;
	}

	.adb_02 {
		width: 60%;
	}
	
}

@media screen and (max-width: 1536px){
	
	.tab_link {
    font-size: 1.1em;
	}
	
	.tab_link_es {
    font-size: 0.9em;
	}
	
	#events, #news {
    width: 80%;
    padding: 25px 10%;
	}
	
	#navFooter {
	width: 20%;
	margin: 15px 0 0 10%;
	}
	
	#copyright {
	margin:0 0 0 10%;
	}
	
	#quality {
    width: 40%;
	}
	
	.adresse {
    width: 30%;
	}
	
	.cat-post-item p,
	.cat-post-title {
	width: 320px;
	}
}

@media screen and (max-width: 1440px){
	
	.header > #navMain li a {
	padding: 20px 2px 0px 2px;
	font-size:1em;
	}
	
	.header.tiny > #navMain li a {
	padding: 15px 5px 0px 5px;
	font-size:1em;
	}
	
	.highlight {
	padding: 5px 25px;
	}
	
	#events, #news {
    width: 90%;
    padding: 25px 5%;
	}
	
	.tab_link {
    font-size: 1em;
	}
	
	.tab_link_es {
    font-size: 0.8em;
	}
		
	.collapseomatic {
	height: 70px;
	line-height: normal;
	width: 94%;
	padding: 10px 0 0 50px !important;
	background-position: 10px 50%;
	background-size: 25px;
	margin: 20px 0 0 10px;
	}
	
	.collapseomatic br {
	display: block;
	}
	
	.smallsub {
    height: 70px !important;
	line-height: normal !important;
	}
	
	.sa_hover_container {
	padding: 2% 5% !important;
	}
	
	.cl_flaggen ul {
    width: 130px;
	height: 145px;
	}
	
	.cl_flaggen_bg {
    height: 60%;
	}
	
	.wpcf7 {
    width: 70%;
	}
}

@media screen and (max-width: 1350px){
	
	.header > #suche {
	width:200px;
	}

	#suchfeld {
	width: 150px;
	}
	
	.adresse {
	font-size: 0.9em;
	}

}

@media screen and (max-width: 1280px){
		
	.no_mobile {
	display: none !important;
	}
	
	.mobile {
	display: block !important;
	}
		
	.header > #suche {
		width:250px;
	}

	#suchfeld {
		width: 200px;
	}
	
	#kontakt_fix li a:hover{
	margin: 0 -100px 0 0;
	}
	
	#main_home, #facts, #facts_fr, #facts_es, #module, #main_inside02, #main_content {
    width: 80%;
    padding: 50px 10% 25px 10%;
	}

	.slider_mobile{
	position: relative;
	margin:0 auto;
	z-index: -10;
	left: 0;
	top: 0;
    width: 100%;
	height: 45vh;
	background-image: url("img/EMPIC_Slider_02.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position-x: center;
	}
	
	.slider_layer {
    width: 90%;
    height: 40vh;
	margin: -50vh 5% 0 5%;
	}
	
	.slider_header {
    margin: 90px 8% 20px 8%;
	}
	
	h1.clients_slider_header {
    font-size: 2.2em;
	}
	
	h2.clients_slider_header {
    font-size: 1.8em;
	}
	
	.teaser {
    width: 90%;
    padding: 0 5% 50px 5%;
    min-height: 400px;
	}
	
	.teaser_txt, .flaggen {
    margin-top: 50px;
	}
	
	.teaser_txt li a, .slider_layer li a {
    width: 300px;
	}
	
	h1.main_slider_header,
	h1.main_slider_header_2 {
    font-size: 2.5em;
	}
	
	.highlight {
    padding: 5px 30px;
	}
	
	.cat-post-item p, .cat-post-title {
    width: 250px;
	}
	
	#main_search {
	width: 80%;
    padding: 50px 10% 70px 10%;
	}
	
	#main_search img {
    width: 75%;
	}	
	
	.zur_seite, .more-link {
    width: 100%;
    height: 45px;
    line-height: 45px;
    margin: 15px 0 20px 0px;
    font-size: 1.1em;
	}
	
	.tab_link {
    font-size: 0.9em;
	}
	
	.tab_link_es {
    font-size: 0.7em;
	}
	
	.tab_link_ru {
    font-size: 0.65em;
	}
	
	.collapseomatic {
	font-size: 0.95em;
	}
	
	.wpcf7 {
    width: 100%;
    margin: 0 auto;
	}
	
	.wpcf7-text, .wpcf7-dynamictext {
    width: 100%;
    height: 50px;
    font-size: 1.2em;
    line-height: 50px;
	}
	
	.wpcf7-textarea {
    padding: 2%;
    font-size: 1.2em;
    margin: 0 0 40px 0;
	}
	
	.wpcf7-submit, .more a {
    font-size: 1.4em;
	}
	
	input[type='checkbox'],
	input[type='radio'] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 50px;
	height: 50px;
	border: 2px solid #009fe3;
	margin: 10px 0 0 0;
	}

	
	.leaflet-touch .leaflet-bar a {
    width: 50px!important;
    height: 50px!important;
    line-height: 50px!important;
	}
	
	#footer {
	min-height:200px;
	}
	
	#navFooter {
	width: 40%;
	margin: 15px 0 0 5%;
	}
	
	#navFooter li a{
	width: 80%;
	height: 35px;
	line-height: 35px;
	font-size: 1.2em;
	border: 1px solid #5F5F5F;
	box-sizing: border-box;
	transform: skewX(-20deg);
	border-radius: 5px;
	text-align: center;
	margin: 0 0 10px 0;
	}

	#navFooter li a:hover {
	color: #009fe3;
	border: 1px solid #009fe3;
	}

	#navFooter .page_item a, 
	#navFooter .current_page_item a, 
	#navFooter .current_page_parent a {
	color: #009fe3;
	border: 1px solid #009fe3;
	}
	
	#copyright {
	margin:0 0 0 5%;
	}
	
	#quality {
    width: 50%;
	}
	
	.adresse {
	margin:0 0 0 5%;
    width: 90%;
	}
	
	.adb_01 {
	width: 20%;
	}

}

@media screen and (max-width: 1024px){
	
	.flaggen li {
    width: 80px;
    height: 51px;
	}
	
	.teaser {
	width: 90%;
	padding: 0 5% 40px 5%;
	}
	
	.teaser_txt {
    font-size: 0.9em !important;
	}
	
	.teaser_txt li a, .slider_layer li a {
    width: 250px;
	}
	
	.cat-post-item {
    height: 490px;
	}
	
	.cat-post-item:hover {
	height: 510px;
	}
	
	.cat-post-item p, .cat-post-title {
    width: 210px;
	}
	
	.tab_link {
    font-size: 0.8em;
	}
	
	.tab_link_ru {
    font-size: 0.6em;
	}
	
	.collapseomatic {
	font-size: 0.8em;
	}
	
	.wpcf7-submit, .more a {
	width: 90%;
	margin: 50px 5% 20px 5%;
	}
	
	#navFooter {
	width: 80%;
	margin: 30px 0 0 10%;
	height: auto;
	}
	
	#navFooter li a{
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 1.4em;
	}
	
	#quality,	
	.adresse {
	margin:25px 0 0 10%;
    width: 80%;
	height: auto;
	}
	
	.adresse li {
    width: 30%;
	}
	
	#copyright {
	margin:25px 0 15px 10%;
	}
}

@media screen and (max-width: 850px){	
	
	#header_mobile {
    height: 180px;
	}
	
	#menuToggle {
	top: 100px;
	padding-right: 40px;
	}
	
	#menu {
    margin: -50px 0 0 -320px;
    padding: 100px 30% 25px 25%;
	}
	
	#header_mobile > #suche {
    width: 250px;
	top: 97px;
	left:5%;
	}
	
	#kontakt_fix {
    margin-top: 250px;
	}
	
	.flaggen {
    width: 100%;
	}
	
	.flaggen li {
    width: 60px;
    height: 38px;
	}
	
	.teaser_txt {
    width: 100%;
	}
	
	.teaser_txt li {
    text-align: left;
	}
	
	.teaser_txt li a{
    width: 100%;
	}
	
	#start_txt {
	padding: 30px 15% 30px 15%;
	}
	
	h1.main_slider_header,
	h1.main_slider_header_2{
    font-size: 2em;
	}
	
	#main_home, #facts, #facts_fr, #facts_es, #facts_ru, #module, #main_inside02, #main_content {
    width: 90%;
    padding: 30px 5% 25px 5%;
	}
	
	#main_home h1, #main_home h2, #main_content h1, #module h1, #main_inside02 h1, #main_archive h1 {
    font-size: 1.5em;
	}
	
	.category-posts-internal{
	height: 550px;
	}

	.cat-post-item {
	width: 100%;
	height: 325px;
	margin: 20px 0 0 0;
	}
	
	#category-posts-2-internal .cat-post-thumbnail .cat-post-crop img,
	#category-posts-3-internal .cat-post-thumbnail .cat-post-crop img,
	#category-posts-4-internal .cat-post-thumbnail .cat-post-crop img,
	#category-posts-5-internal .cat-post-thumbnail .cat-post-crop img,
	#category-posts-6-internal .cat-post-thumbnail .cat-post-crop img,
	#category-posts-7-internal .cat-post-thumbnail .cat-post-crop img,
	#category-posts-8-internal .cat-post-thumbnail .cat-post-crop img,
	#category-posts-9-internal .cat-post-thumbnail .cat-post-crop img {
    height: 273px !important;
	}

	.cat-post-item:hover {
	width: 100%;
	height: 325px;
	margin: 20px 0 0 0;
	}

	.cat-post-tax-category a,
	.cat-post-date {
	height: 50px;
	line-height: 50px;
	font-size: 1.6em;
	}

	.cat-post-item p,
	.cat-post-title {
	width: 55%;
	margin: 0 2.5%;
	float: left;
	}

	.cat-post-title{
	margin-top: 15px;
	margin-bottom: 15px;
	}

	.cat-post-tax-category a:hover,
	a.cat-post-title:hover {
	color: #009fe3;
	}

	#category-posts-2-internal .cat-post-thumbnail .cat-post-crop img, #category-posts-3-internal .cat-post-thumbnail .cat-post-crop img,
	#category-posts-4-internal .cat-post-thumbnail .cat-post-crop img, #category-posts-5-internal .cat-post-thumbnail .cat-post-crop img,
	#category-posts-6-internal .cat-post-thumbnail .cat-post-crop img, #category-posts-7-internal .cat-post-thumbnail .cat-post-crop img,
	#category-posts-8-internal .cat-post-thumbnail .cat-post-crop img, #category-posts-9-internal .cat-post-thumbnail .cat-post-crop img {
    width: 40% !important;
	float: left;
	border-radius: 0 0 0 5px;
	}
	
	#facts h2 {
    line-height: normal;
	}
	
	#facts ul, #facts_fr ul, #facts_es ul, #facts_ru ul {
    background-position: 50% 2%;
    background-size: 40%;
	padding: 270px 0 2% 2%;
	}
	
	#facts li {
    margin: 5px 5% 10px 5%;
	}
	
	.tabbed figure > div {
	padding: 2% 3% 5% 3%;
	}
	
	.tabbed nav {
    height: 300px;
	margin: 0;
	}
	
	.tabbed nav label {
    width: 100%;
    height: 45px;
    border-radius: 15px;
    margin: 0 0 10px 0;
    padding: 0;
	}
	
	.tab_link {
    text-align: left;
    font-size: 1.2em;
    line-height: 45px;
    margin: 0 0 0 20px;
	}
	
	.tab_link_es,
	.tab_link_ru {
    text-align: left;
    font-size: 1em;
    line-height: 45px;
    margin: 0 0 0 20px;
	}
	
	#tab1:checked ~ nav label[for="tab1"], 
	#tab2:checked ~ nav label[for="tab2"], 
	#tab3:checked ~ nav label[for="tab3"], 
	#tab4:checked ~ nav label[for="tab4"], 
	#tab5:checked ~ nav label[for="tab5"] {
    position: relative;
    margin: 0 0 10px 0;
	}
	
	.collapseomatic {
	height: 80px;
	width: 90%;
	margin: 20px 0 0 15px;
	}
	
	.testimonial_img {
    width: 40%;
	}
	
	.testimonial_txt {
    width: 95%;
    margin-left: 2.5%;
	font-size: 0.9em;
	}
	
	.cl_flaggen ul {
    width: 120px;
    height: 135px;
	}
	
	.cl_flaggen_link {
    hyphens: manual;
	}
	
	#main_archive {
    width: 80%;
    padding: 50px 10% 70px 10%;
    font-size: 1.1em;
    line-height: 140%;
	}
	
	#main_archive img {
    width: 75%;
	}
	
	.seo_testimonial {
    display: flow-root;
	}
	
	.seo_testimonial_txt {
	float: left;
    width: 100%;
	}
	
	.download li a{
	border: 1px solid #5F5F5F;
	box-sizing: border-box;
	transform: skewX(-20deg);
	border-radius: 5px;
	margin: 10px 0;
	padding: 10px;
	width: 95%;
	height: auto;
	}
	
	.adresse li {
	margin:0;
    width: 100%;
	}
	
	.adb_01, .adb_2 {
	width: 100%;
	}
	
	#navFooter li a{
	font-size: 1.3em;
	}

	#quality li {
		height: 90px;
	}
	
	#social {
    padding: 25px 25%;
    width: 50%;
	}
	
}

@media screen and (max-width: 500px){
	
	#header_mobile {
    height: 165px;
	}
	
	.slider_layer {
	height: 30vh;
	margin: -40vh 5% 0 5%;
	}
	
	.slider_header {
	width: 95%;
    margin: 0;
	}
	
	h1.main_slider_header{
    font-size: 1.5em;
	}
	
	h1.main_slider_header_2{
    font-size: 1.3em;
	}
	
	.slider_layer li a {
    height: 50px;
    line-height: 46px;
	margin: 15px auto;
	font-size: 1.3em;
	}
	
	#kontakt_fix {
    margin-top: 5%;
	}
	
	#header_mobile > .logo {
    width: 90%;
    height: 50px;
	background-size: contain;
	}
	
	#header_mobile > #suche {
    width: 200px;
    top: 92px;
	}
	
	#suchfeld {
    width: 150px;
	}
	
	#menu {
	width: 300px;
	margin: -50px 0 0 -210px;
	}
	
	h1.main_slider_header, h1.main_slider_header_2{
    font-size: 1.3em;
	}
	
	#start_txt {
    padding: 30px 10% 30px 10%;
	}
	
	#facts ul, #facts_fr ul, #facts_es ul,  #facts_ru ul {
	width: 94%;
    background-size: 50%;
	padding: 230px 3% 3% 3%;
	}
	
	#facts li, #facts_fr li, #facts_es li, #facts_ru li {
    margin: 5px 0 10px 7%;
	}
	
	.highlight {
    font-size: 1.1em;
    width: 80%;
    transform: skewX(-15deg);
	line-height: 35px;
	}
	
	.tab_link {
    font-size: 1.1em;
	}	
	
	.tab_link_es, .tab_link_ru {
    font-size: 0.8em;
	}
	
	.collapseomatic {
	height: 90px;
	padding: 5px 10px 0 40px !important;
	background-position: 7px 50%;
	background-size: 25px;
	}
	
	.cl_flaggen ul {
    width: 90px;
    height: 125px;
	margin: 2%;
	}
	
	.cl_flaggen_bg {
    height: 50%;
	}
	
	.testimonial_img {
    width: 60%;
	margin: 15px 0;
	}
	
	.download li a{
	width: 90%;
	}
	
	#navFooter li a{
	font-size: 1.2em;
	}
	
	#quality li {
    margin-bottom: 20px;
	}
	
	.adresse li {
    width: 100%;
	}
	
}

@media screen and (max-width: 350px){
	
	#menu {
    width: 280px;
    margin: -50px 0 0 -250px;
	}
	
	h1.main_slider_header,
	h1.main_slider_header_2{
    font-size: 1.3em;
	}
	
	.slider_layer li a {
    margin: 20px auto;
    font-size: 1.4em;
	height: 50px;
	line-height: 46px;
	}

	#header_mobile {
    height: 130px;
	}
	
	#header_mobile > .logo {
    background-size: cover;
    width: 295px;
    height: 45px;
    top: 15px;
	}
	
	#header_mobile > #suche {
    top: 72px;
	}
	
	#menuToggle {
    top: 75px;
	}
	
	.slider_layer li a {
    height: 45px;
    line-height: 41px;
	margin: 10px auto;
	}
	
}

@media screen and (max-height: 500px){

	.slider_mobile {
    height: 70vh;
	}
	
	.slider_layer {
	width: 95%;
    margin: -85vh 2.5% 0 2.5%;
	}
	
	h1.main_slider_header, h1.main_slider_header_2 {
    font-size: 1.75em;
	}
	
}