/* Wittenstein Mobile CSS
creative360.de
www.wittenstein.de
Start: 08.08.2013
Letzte Aenderung: 24.09.2013
*/
/* ---------------------------------------------------------------------------------------
Farbschema
--------------------------------------------------------------------------------------- */
/*
Farbton (WiCO): #6fa2ae
Farbton (Dunkelgrau): #383838
Farbton (Hellgrau): #f3f3f3
Farbton (Element): #xxxxxx
Farbton (Element): #xxxxxx
*/
/* ---------------------------------------------------------------------------------------
Reset
--------------------------------------------------------------------------------------- */
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	}
/* ---------------------------------------------------------------------------------------
Globals und Typo
--------------------------------------------------------------------------------------- */
html {
	background: #f3f3f3;
	color: #383838;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	}
html>body {
	font-size: 15px;
	}
body {
	font-size: 15px;
	}
a:link {
	color: #6fa2ae;
	text-decoration: none;
	-webkit-transition: all 0.25s ease-in-out;
  	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	}
a:visited {
	color: #6fa2ae;
	text-decoration: none;
	}
a:hover {
	color: #6fa2ae;
	-webkit-transition: all 0.25s ease-in-out;
  	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	}
/* ---------------------------------------------------------------------------------------
Macht die gepunktete Linie um geklickte Links unsichtbar
--------------------------------------------------------------------------------------- */
a:focus {
    outline: none;
	}
/* ---------------------------------------------------------------------------------------
Headlines
--------------------------------------------------------------------------------------- */
h1 {
	color: #6fa2ae;
	font-size: 26px;
	font-weight: bold;
	line-height: 34px;
	margin-top: 33px;
	width: 100%;
	}
h2 {
	color: #383838;
	font-size: 16px;
	font-weight: bold;
	line-height: 26px;
	margin-top: 7px;
	width: 100%;
	}
h3 {
	color: #383838;
	font-size: 15px;
	font-weight: bold;
	line-height: 26px;
	margin: 26px 0 -20px 0;
	width: 100%;
	}
h4 {
	color: #6fa2ae;
	font-size: 20px;
	font-weight: bold;
	line-height: 30px;
	margin-top: 33px;
	width: 100%;
	}
h5 {
	color: #383838;
	font-size: 16px;
	font-weight: bold;
	line-height: 26px;
	margin-top: 20px;
	margin-bottom: -20px;
	width: 100%;
	}
/* ---------------------------------------------------------------------------------------
Animation
--------------------------------------------------------------------------------------- */
.transition-0-25-ease {
	-webkit-transition: all 0.25s ease-in-out;
  	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	}
.transition-0-5-ease {
	-webkit-transition: all 0.5s ease-in-out;
  	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	}
/* ---------------------------------------------------------------------------------------
Absätze
--------------------------------------------------------------------------------------- */
p {
	line-height: 25px;
	margin: 25px 0 0 0;
	}
/* ---------------------------------------------------------------------------------------
Buttons
--------------------------------------------------------------------------------------- */
.button, .button_small_space {
	background-color: #6fa2ae;
	background-image: url('vhs-assets-css-cfc0a294917a350a5908b04369fcaccc.png');
	background-position: 96% 20px;
	background-repeat: no-repeat;
	color: #fff !important;
	float: left;
	font-size: 15px;
	font-weight: bold;
	margin-top: 30px;
    padding: 17px 30px;
	padding: 16px 0 16px 4%;
	text-transform: uppercase;
	white-space: nowrap;
	width: 96%;
	}
.button_white {
	background-color: #fff;
	background-image: url('vhs-assets-css-003aeb0b91ec4671f668754add189fd2.png');
	background-position: 96% 20px;
	background-repeat: no-repeat;
	color: #6fa2ae !important;
	float: left;
	font-size: 15px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 30px;
    padding: 17px 30px;
	padding: 16px 0 16px 4%;
	text-transform: uppercase;
	white-space: nowrap;
	width: 96%;
	}
.button_small_space {
	margin-top: 10px;
	}
.button span.text_small, .button_small_space span.text_small {
	font-size: 13px;
	font-weight: normal;
	}
/* ---------------------------------------------------------------------------------------
Basics
--------------------------------------------------------------------------------------- */
#wrapper, .center {
	margin: 0 auto;
	overflow: hidden;
	padding: 0 4%;
	width: 92%;
	}
input[type="button"], input[type="submit"], button, .button, label {
    cursor: pointer;
	-webkit-transition: all 0.25s ease-in-out;
  	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	}
input, textarea {
	-webkit-transition: all 0.25s ease-in-out;
  	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	}
img {
	height: auto;
	width: 100%;
	}
.breadcrumb {
	background: url('vhs-assets-css-b8cee1e4c0fca2d60f17505380b112da.png') no-repeat 0 3px;
	color: #383838;
	float: left;
	font-size: 18px;
	font-weight: bold;
	margin-top: 15px;
	padding-left: 20px;
	text-transform: uppercase;
	width: 100%;
	}
.breadcrumb span {
	float: left;
	margin-right: 10px;
	}
.separator {
	background: url('vhs-assets-css-60d0ecfbfe360a5a659ac8f7c24d0dcd.png') -246px 0;
	display: block;
	float: left;
	height: 15px;
	position: relative;
	top: 5px;
	width: 7px;
	}
section.white {
	background: #fff;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 4% 36px 4%;
	width: 92%;
	}
section.white_grey {
	background: #f3f3f3;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 4% 36px 4%;
	width: 92%;
	}
section.dark_grey {
	background: #e5e5e6;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 4% 36px 4%;
	width: 92%;
	}
section.white img, section.white_grey img, section.dark_grey img {
	margin: 22px 0 0 0;
	}
/* ---------------------------------------------------------------------------------------
Header Navigation
--------------------------------------------------------------------------------------- */
header {
	height: 75px;
	width: 100%;
	}
nav {
	background: #6fa2ae;
	height: 75px;
	padding: 0 4%;
	position: fixed;
	width: 92%;
	z-index: 10;
	}
.nav-contact {
	list-style-type: none;
	padding-top: 15px;
	}
.nav-contact li a {
	display: block;
	height: 45px;
	position: relative;
	width: 45px;
	}
.nav-contact li.icon_phone {
	background: url('vhs-assets-css-60d0ecfbfe360a5a659ac8f7c24d0dcd.png') 0 0;
	float: left;
	height: 45px;
	width: 45px;
	}
.nav-contact li.icon_mail {
	background: url('vhs-assets-css-60d0ecfbfe360a5a659ac8f7c24d0dcd.png') -45px 0;
	float: left;
	height: 45px;
	margin-left: 20px;
	width: 45px;
	}
.menu {
	color: #fff;
	float: right;
	font-weight: bold;
	position: relative;
	right: 60px;
	text-transform: uppercase;
	top: 13px;
	}
.navigation {
	list-style-type: none;
	float: right;
	}
#mm0 {
	background: url('vhs-assets-css-b78d5c420e9b5a74b507cf78f7f3d428.png') no-repeat 80px 0;
	border: none;
	cursor: pointer;
	font-size: 50px;
	height: 45px;
	margin-top: 15px;
	position: fixed;
	right: 4%;
	text-indent: -99999em;
	width: 130px;
	z-index: 9999;
	}
@media screen and (min-width: 641px) {
#mm0 {
	font-size: 15px;
	width: 230px;
	}
.menu {
	color: #fff;
	float: right;
	font-weight: bold;
	position: relative;
	right: 80px;
	text-transform: uppercase;
	top: 13px;
	}
}
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.nav-contact li.icon_phone {
	background-image: url('vhs-assets-css-0c13848cbb89af267e8953fbd79d3693.png');
    background-size: 45px 45px;
	}
.nav-contact li.icon_mail {
	background-image: url('vhs-assets-css-695af24f3f407956962920cbccff7738.png');
    background-size: 45px 45px;
	}
#mm0 {
	background-image: url('vhs-assets-css-6834edd87fe591a76c3a3e8531b1b8d7.png');
    background-size: 45px 45px;
	}
}
/* ---------------------------------------------------------------------------------------
Subnavigation
--------------------------------------------------------------------------------------- */
.subnavigation {
	float: left;
	list-style: none;
	margin: 20px 0 30px 0;
	width: 100%;
	}
.subnavigation li {
	background-color: #fff;
	background-image: url('vhs-assets-css-003aeb0b91ec4671f668754add189fd2.png');
	background-position: 96% 20px;
	background-repeat: no-repeat;
	color: #6fa2ae;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	text-transform: uppercase;
	width: 100%;
	}
.subnavigation li:last-child {
	margin-bottom: 0;
	}
.subnavigation li a {
	color: #6fa2ae;
	display: block;
	padding: 16px 0 16px 4%;
	width: 96%;
	}
/* ---------------------------------------------------------------------------------------
Logo
--------------------------------------------------------------------------------------- */
section.logo {
	background: #fff;
	height: 120px;
	width: 100%;
	}
img.logo {
	height: 80px;
	left: 50%;
	margin: 20px 0 0 -48px;
	position: relative;
	width: 97px;
	z-index: 1;
	}
/* ---------------------------------------------------------------------------------------
Slider Startseite
--------------------------------------------------------------------------------------- */
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
	}
.slides:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
	}
html[xmlns] .slides {
	display: block;
	}
* html .slides {
	height: 1%;
	}
.no-js .slides > li:first-child {
	display: block;
	}
.flexslider {
	max-height: 1000px;
	padding-bottom: 50px;
	overflow: hidden;
	position: relative;
	z-index: 1;
	zoom: 1;
	}
.flex-viewport {
	max-height: 1000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
	}
.loading .flex-viewport {
	max-height: 600px;
	}
.flexslider .slides {
	height: 100%;
	position: relative;
	width: 100%;
	z-index: 1;
	zoom: 1;
	}
.flexslider .slides img, .flexslider .slides {
	width: 100%;
	}
.flex-direction-nav {
	display: none;
	}
.flex-control-nav {
	bottom: 9px;
	font-size: 0px;
	position: absolute;
	text-align: center;
	text-indent: -9999em;
	width: 100%;
	z-index: 100;
	}
.flex-control-nav li {
	*display: inline;
	display: inline-block;
	margin: 0 0 0 20px;
	zoom: 1;
	  }
.flex-control-nav li:first-child {
	margin: 0;
	}
.flex-control-nav li a {
	background: url('vhs-assets-css-60d0ecfbfe360a5a659ac8f7c24d0dcd.png') no-repeat -90px 0;
	cursor: pointer;
	display: block;
	height: 21px;
	text-indent: -9999em;
	width: 21px;
	  }
.flex-control-nav li a:hover, .flex-control-nav li a.flex-active {
	background-position: -90px -21px;
	-webkit-transition: all 0s ease-in;
	-moz-transition: all 0s ease-in;
	-ms-transition: all 0s ease-in;
	-o-transition: all 0s ease-in;
	transition: all 0s ease-in;
	}
.flexslider .slides p {
	margin-bottom: 20px;
	}
/* ---------------------------------------------------------------------------------------
Startseite
--------------------------------------------------------------------------------------- */
.activity {
	list-style: none;
	margin-top: 60px;
	}
.activity li {
	float: left;
	margin-right: 4%;
	margin-bottom: 25px;
	width: 48%;
	}
.activity li:nth-child(even) {
	margin-right: 0;
	}
.activity li span {
	background-color: #fff;
	background-image: url('vhs-assets-css-003aeb0b91ec4671f668754add189fd2.png');
	background-position: 95% 17px;
	background-repeat: no-repeat;
	color: #6fa2ae;
	display: block;
	font-size: 15px;
	font-weight: bold;
	height: 32px;
	margin-top: -5px;
	padding: 14px 0 0 20px;
	text-transform: uppercase;
	}
/* ---------------------------------------------------------------------------------------
Tabellen
--------------------------------------------------------------------------------------- */
.table {
	border: none;
	border-spacing:0;
    border-collapse:collapse;
	margin-top: 30px;
	width: 100%;
	}
.table th {
	background: #e5e5e6;
	font-weight: bold;
	padding: 10px 3%;
	text-align: left;
	}
.table td {
	padding: 5px 3%;
	text-align: left;
	}
.table th:first-child {
	width: 40%;
	}
.table tr:nth-child(2) {
	margin-top: 20px;
	}
.table td:nth-child(1) {
	width: 30%;
	}
/* ---------------------------------------------------------------------------------------
Accordion
--------------------------------------------------------------------------------------- */
.st-accordion {
	color: #383838;
    margin: 35px auto 0 auto;
    min-width: 270px;
    width: 100%;
	}
.st-accordion ul li {
	list-style: none;
	margin-bottom: 10px;
    height: 50px;
    overflow: hidden;
	}
.st-accordion ul li > a {
    line-height: 50px;
	}
.st-accordion a.accordion-head {
	background-color: #fff;
	background-position: 96% center;
	background-repeat: no-repeat;
	color: #383838;
	display: block;
    font-size: 15px;
	font-weight: bold;
    overflow: hidden;
	padding: 1px 0 0 20px;
	}
.st-accordion a.accordion-head:hover, .st-accordion ul li.st-open a  {
	color: #6fa2ae;
	}
.st-content {
	float: left;
	margin-bottom: 10px;
	overflow: hidden;
	padding: 20px;
	}
.st-accordion-headline {
	margin: -10px 0 -15px 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 26px;
	}
.st-accordion-contact {
	float: left;
	list-style: none;
	width: 60%;
	}
.st-accordion-contact li {
	line-height: 45px;
	margin-bottom: 10px;
	overflow: hidden;
	white-space: nowrap;
	}
.st-accordion-contact li a {
	color: #383838 !important;
	}
.st-accordion-contact li:first-child {
	margin-top: 10px;
	}
.st-accordion-contact li.icon_contact_phone:before, .st-accordion-contact li.icon_contact_mail:before, .st-accordion-contact li.icon_contact_web:before, .st-accordion-contact li.icon_contact_fax:before  {
	content: " ";
	display: block;
	float: left;
	height: 45px;
	margin-right: 20px;
	position: relative;
	width: 45px;
	}
.st-accordion-contact li.icon_contact_phone:before {
	background: url('vhs-assets-css-60d0ecfbfe360a5a659ac8f7c24d0dcd.png') 0 0px;
	}
.st-accordion-contact li.icon_contact_mail:before {
	background: url('vhs-assets-css-60d0ecfbfe360a5a659ac8f7c24d0dcd.png') -45px 0;
	}
.st-accordion-contact li.icon_contact_web:before {
	background: url('vhs-assets-css-60d0ecfbfe360a5a659ac8f7c24d0dcd.png') -111px 0;
	}
.st-accordion-contact li.icon_contact_fax:before {
	background: url('vhs-assets-css-60d0ecfbfe360a5a659ac8f7c24d0dcd.png') -252px 0;
	}
.st-accordion-contact-logo {
	float: right;
	width: 160px;
	}
.st-accordion ul li a span {
	background-image: url('vhs-assets-css-884947f797df083ab5c72075c7f7bd6e.png');
	display: block;
	float: right;
	height: 20px;
	position: relative;
	right: 20px;
	text-indent:-9000px;
	top: 14px;
	width: 20px;
	}
.st-accordion ul li.st-open a span {
	background-image: url('vhs-assets-css-c266ac99f444c7cbe9297cb72ad6858c.png');
	height: 6px;
	position: relative;
	top: 22px;
	width: 20px;
	}
/* ---------------------------------------------------------------------------------------
Einstieg Karriere
--------------------------------------------------------------------------------------- */
.entrance {
	float: left;
	list-style: none;
	margin-bottom: 30px;
	width: 100%;
	}
.entrance li {
	float: left;
	margin-right: 3.5%;
	margin-bottom: 15px;
	width: 31%;
	}
.entrance li:last-child {
	margin-right: 0%;
	}
.entrance li span {
	background-color: #6fa2ae;
	background-image: url('vhs-assets-css-cfc0a294917a350a5908b04369fcaccc.png');
	background-position: 95% 17px;
	background-repeat: no-repeat;
	color: #fff;
	display: block;
	font-size: 15px;
	font-weight: bold;
	height: 32px;
	margin-top: -5px;
	padding: 14px 0 0 20px;
	text-transform: uppercase;
	}
/* ---------------------------------------------------------------------------------------
Dropdowns
--------------------------------------------------------------------------------------- */
.styled-select select {
   background: transparent;
   border: 0;
   border-radius: 0;
   color: #383838;
   cursor: pointer;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 15px;
   font-weight: bold;
   padding: 16px 4%;
   width: 100%;
   -webkit-appearance: none;
   }
.styled-select {
   background: url('vhs-assets-css-2398e8f8d6916f3509bc4038d1d3ed17.png') no-repeat right #fff;
   color: #383838;
   height: 51px;
   margin-top: 10px;
   overflow: hidden;
   width: 100%;
   }
/* ---------------------------------------------------------------------------------------
Eventkalender
--------------------------------------------------------------------------------------- */
.event {
	float: left;
	margin-top: 12px;
	width: 100%;
	}
.event-headline {
	background: #e5e5e6;
	font-weight: bold;
	padding: 10px 3%;
	text-align: left;
	}
.event-icon {
	float: left;
	height: 75px;
	margin: -4px 30px 0 0;
	width: 75px;
	}
.event-dates {
	float: left;
	list-style: none;
	width: 70%;
	}
.event-dates li {
	margin-bottom: 10px;
	}
.event-dates li:first-child {
	margin-top: 15px;
	}
/* ---------------------------------------------------------------------------------------
Kontaktmöglichkeiten
--------------------------------------------------------------------------------------- */
.carrier_contact {
	list-style: none;
	line-height: 50px;
	width: 100%;
	}
.carrier_contact li {
	line-height: 45px;
	margin-bottom: 10px;
	overflow: hidden;
	white-space: nowrap;
	}
.carrier_contact li:first-child {
	margin-top: 10px;
	}
.carrier_contact li.icon_contact_phone:before, .carrier_contact li.icon_contact_phone_space:before, .carrier_contact li.icon_contact_mail:before, .carrier_contact li.icon_contact_web:before, .carrier_contact li.icon_contact_person:before, .carrier_contact li.icon_contact_location:before, .carrier_contact li.icon_contact_fax:before {
	content: " ";
	display: block;
	float: left;
	height: 45px;
	margin-right: 20px;
	position: relative;
	width: 45px;
	}
.carrier_contact li.icon_contact_phone_space {
	margin-top: -10px;
	}
.carrier_contact li.icon_contact_phone:before, .carrier_contact li.icon_contact_phone_space:before  {
	background: url('vhs-assets-css-60d0ecfbfe360a5a659ac8f7c24d0dcd.png') 0 0px;
	}
.carrier_contact li.icon_contact_mail:before {
	background: url('vhs-assets-css-60d0ecfbfe360a5a659ac8f7c24d0dcd.png') -45px 0;
	}
.carrier_contact li.icon_contact_web:before {
	background: url('vhs-assets-css-60d0ecfbfe360a5a659ac8f7c24d0dcd.png') -111px 0;
	}
.carrier_contact li.icon_contact_person:before {
	background: url('vhs-assets-css-60d0ecfbfe360a5a659ac8f7c24d0dcd.png') -201px 0;
	}
.carrier_contact li.icon_contact_location:before {
	background: url('vhs-assets-css-60d0ecfbfe360a5a659ac8f7c24d0dcd.png') -156px 0;
	margin-bottom: 10px;
	}
.carrier_contact li.icon_contact_fax:before {
	background: url('vhs-assets-css-60d0ecfbfe360a5a659ac8f7c24d0dcd.png') -252px 0;
	}
.carrier_contact li.icon_contact_location {
	line-height: 24px;
	white-space: normal;
	}
.carrier_contact li a {
	color: #383838;
	display: block;
	height: 45px;
	position: relative;
	}
.carrier_contact li a:hover {
	color: #6fa2ae;
	}
/* ---------------------------------------------------------------------------------------
Produkte
--------------------------------------------------------------------------------------- */
.products {
	list-style: none;
	}
.products li {
	float: left;
	margin-right: 4%;
	margin-bottom: 25px;
	width: 48%;
	}
.products li:nth-child(even) {
	margin-right: 0;
	}
.products li span {
	background-color: #fff;
	background-image: url('vhs-assets-css-003aeb0b91ec4671f668754add189fd2.png');
	background-position: 95% 17px;
	background-repeat: no-repeat;
	color: #6fa2ae;
	display: block;
	font-size: 15px;
	font-weight: bold;
	height: 32px;
	margin-top: -5px;
	overflow: hidden;
	padding: 14px 20px 20px 20px;
	text-transform: uppercase;
	}
.productdetail_contact {
	margin-top: 20px;
	}
/* ---------------------------------------------------------------------------------------
Google Maps
--------------------------------------------------------------------------------------- */
.google-maps {
	float: left;
    height: 220px;
    overflow: hidden;
    padding-bottom: 0;
    position: relative;
	width: 100%;
	}
.google-maps iframe, .google-maps object, .google-maps embed {
    height: 220px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
	}
/* ---------------------------------------------------------------------------------------
Aufzählung
--------------------------------------------------------------------------------------- */
.list {
	float: left;
	line-height: 25px;
	list-style: none;
	margin-top: 10px;
	}
.list li {
	background: url('vhs-assets-css-87d33bb0c0043041434f2f937325c368.png') no-repeat 0 5px;
	font-weight: bold;
	margin-top: 16px;
	padding-left: 35px;
	}
.list_small {
	line-height: 22px;
	list-style: none;
	margin-top: 20px;
	}
.list_small li {
	background: url('vhs-assets-css-87d33bb0c0043041434f2f937325c368.png') no-repeat 0 5px;
	font-weight: bold;
	padding-left: 35px;
	padding-bottom: 10px;
	}
/* ---------------------------------------------------------------------------------------
Footer
--------------------------------------------------------------------------------------- */
footer {
	background: #6fa2ae;
	float: left;
	padding: 0 4%;
	width: 92%;
	}
.footer-nav {
	list-style: none;
	margin-top: 30px;
	}
.footer-nav li {
	background-color: #79abb7;
	float: left;
	font-weight: bold;
	min-height: 170px;
	margin-right: 4%;
	margin-bottom: 23px;
	width: 48%;
	-moz-box-shadow:    inset 0px 0px 1px #476b74;
	-webkit-box-shadow: inset 0px 0px 1px #476b74;
	box-shadow:         inset 0px 0px 1px #476b74;
	}
.footer-nav li.footer-kontakt {
	background-image: url('vhs-assets-css-2907051c2118f040c71579ebd6a14931.png');
	background-position: center center;
	background-repeat: no-repeat;
	}
.footer-nav li.footer-desktop {
	background-image: url('vhs-assets-css-e2ff0416466cc9eea8081e1af5ff8174.png');
	background-position: center center;
	background-repeat: no-repeat;
	}
.footer-nav li.footer-youtube {
	background-image: url('vhs-assets-css-162437aa1aa3b0b8081985de20441bf6.png');
	background-position: center center;
	background-repeat: no-repeat;
	}
.footer-nav li.footer-english {
	background-image: url('vhs-assets-css-330ee1752c1b1fff0683ab005921d713.png');
	background-position: center center;
	background-repeat: no-repeat;
	}
.footer-nav li a {
	display: block;
	min-height: 170px;
	width: 100%;
	}
.footer-nav li span {
	color: #fff;
	display: block;
	font-size: 15px;
	height: 15px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	top: 130px;
	width: 100%;
	}
.footer-nav li:nth-child(even) {
	margin-right: 0;
	}
.footer_bottom {
	background: #5d8a95;
	color: #fff;
	float: left;
	font-size: 13px;
	padding: 0 4% 25px 4%;
	text-align: center;
	width: 92%;
	}
.footer_bottom a {
	color: #fff;
	}
.footer_bottom  p.copyright {
	margin-bottom: -20px;
	}
/* ---------------------------------------------------------------------------------------
Waypoints
--------------------------------------------------------------------------------------- */
#wp_stellenangebote {
	position: relative;
	top: -120px;
	}
#wp_pioniere, #wp_erfolgsgeschichten, #wp_eventkalender, #wp_kontakt, #wp_firmenprofil, #wp_blick, #wp_gruppe, #wp_standorte, #wp_ausbildung, #wp_berufspraktika, #wp_news, #wp_messetermine, #wp_kundenmagazin {
	position: relative;
	top: -60px;
	}
/* ---------------------------------------------------------------------------------------
Back to Top
--------------------------------------------------------------------------------------- */
#back-top {
	position: fixed;
	bottom: 2%;
	right: 2%;
	z-index: 20;
	}
#back-top a {
	background: url('vhs-assets-css-d9fb52f195d0ba10d7815c6ad21ccb54.png');
	display: block;
	height: 50px;
	width: 50px;
	}

/* --------------------------------------------------------------------------------------- 
kleiner als 550
--------------------------------------------------------------------------------------- */
@media screen and (max-width: 550px) {	
	
.entrance li {
	margin-right: 5%;
	width: 47.5%;
	}

.entrance li:nth-child(2) {
	margin-right: 0%;
	}	
	
.products li span {
	font-size: 15px;
	text-transform: none;
	}	
	
}		
		
	
/* --------------------------------------------------------------------------------------- 
kleiner als 480
--------------------------------------------------------------------------------------- */
@media screen and (max-width: 480px) {	

.st-accordion-contact {
	width: 100%;
	}	
	
.st-accordion-contact-logo {
	float: left;
	}		

.footer-nav li span {
	font-size: 12px;
	}
}

/* --------------------------------------------------------------------------------------- 
kleiner als 400
--------------------------------------------------------------------------------------- */
@media screen and (max-width: 400px) {	

h1 {
	font-size: 22px;
	line-height: 30px;	
	}

.button, .button_small_space {
	font-size: 13px;
	text-transform: none;
	}

.button span.text_small, .button_small_space span.text_small {
	font-size: 11px;
	}
	
.breadcrumb {
	font-size: 15px;
	text-transform: none;
	}	
	
.separator {
	top: 3px;
	}	
	
.st-accordion a.accordion-head {
	font-size: 13px;
	}	
	
.st-accordion-contact-logo {
	width: auto;
	}	

.activity li, .products li {
	margin-right: 0;
	width: 100%;
	}
	
.entrance {
	margin-top: 30px;
	}	
	
.entrance li {
	margin-right: 0%;
	width: 100%;
	}		

.entrance li img {
	display: none;
	}	
	
.event-dates {
	width: 62%;
	}	

.footer_bottom {
	font-size: 12px;
	}
	
}