/* HTML5 */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; }
[hidden], template { display: none; }

/* base */
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
form { margin: 0; }
input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; }
button, input, optgroup, select, textarea { color:inherit; font: inherit; margin: 0; }
input { line-height: normal; }
input::-moz-focus-inner { border: 0; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button, select { text-transform: none; }
input[type="submit"] { -webkit-appearance: none; }
a {color:#44464b;text-decoration:none; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; display:inline-block; background-color: transparent;}
.transit {-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
a.no_transit {-webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;}
*:focus  { outline: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align:middle; }
svg:not(:root) { overflow: hidden; }
table { border-collapse: collapse; border-spacing: 0; }
html { overflow-y: scroll; }
ul, ol { margin: 0; padding: 0 ; }
nav ul, ul { list-style: none; list-style-image: none; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after, .clear { clear: both; }
* {-webkit-tap-highlight-color: rgba(0,0,0,0);}

/* icons */
@font-face {font-family: 'icomoon';	src:url("../../files/SYSTEM/css/fonts/icomoon.eot?wd83ls");	src:url("../../files/SYSTEM/css/fonts/icomoon.eot?wd83ls#iefix") format('embedded-opentype'),url("../../files/SYSTEM/css/fonts/icomoon.ttf?wd83ls") format('truetype'),		url("../../files/SYSTEM/css/fonts/icomoon.woff?wd83ls") format('woff'),	url("../../files/SYSTEM/css/fonts/icomoon.svg?wd83ls#icomoon") format('svg');font-weight: normal;font-style: normal;}
[class^="icon-"], [class*=" icon-"], .icon {font-family: 'icomoon';speak: none;font-style: normal;font-weight: normal;	font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-mail:before {
  content: "\e900";
}
.icon-mail1:before {
  content: "\e901";
}
.icon-sport:before {
  content: "\e902";
}
.icon-fax:before {
  content: "\e903";
}
.icon-subway:before {
  content: "\e904";
}
.icon-tel:before {
  content: "\e905";
}
.icon-tel1:before {
  content: "\e906";
}
.icon-airport:before {
  content: "\e907";
}
.icon-phone:before {
  content: "\e908";
}
.icon-visitor:before {
  content: "\e800";
}
.icon-visitor1:before {
  content: "\e909";
}
.icon-visitor2:before {
  content: "\e801";
}
.icon-travel:before {
  content: "\e812";
}
.icon-travel2:before {
  content: "\e813";
}
.icon-factory:before {
  content: "\e814";
}
.icon-gym:before {
  content: "\e815";
}
.icon-park:before {
  content: "\e816";
}
.icon-park1:before {
  content: "\e817";
}
.icon-area:before {
  content: "\e818";
}
.icon-truck:before {
  content: "\e90a";
}
.icon-building:before {
  content: "\e819";
}
.icon-bank:before {
  content: "\e821";
}
/* allgemein */
* { margin:0; padding:0; border:0; }
html,body { height:100%; }
body { background:#fff; font-family:Verdana,sans-serif;  font-size:13px; line-height:20px; color:#44464b; }
.invisible {display:none}
h1, h2, h3, h4, h5 {font-family:'Open Sans',sans-serif; font-weight:400; letter-spacing:0.5px;}
h1, h2 {font-size:20px; line-height:22px; margin-bottom:10px; text-transform:uppercase; }
h3 {font-size:16px; line-height:20px; margin-bottom:10px; text-transform:uppercase;}
b, strong {font-weight:bold;}

.center {position:relative; max-width:1360px; margin:auto; }
.center-inner {position:relative; padding:0 20px;}
.grey {color:#999;}
.lightgrey {color:#44464b;}
.red {color:#e31c2b;}

header {width:100%;padding:20px 0 6px; font-family:'Open Sans',sans-serif; font-weight:700;}
.top {width:100%; height:54px; background:#f5f5f5; }
.logo {float:left;margin-top:8px;}

header .visit {position:absolute; right:150px; top:16px;}
header .visit p {float:left;margin-right:10px;padding-top:2px;}
header .social span {display:none;}
header .xing:before {content: "\e90d"; color:#5c5c60; border-radius:13px; background:#fff; padding:3px; font-size:15px;line-height:26px;}
header .xing:hover:before {background:#ccc;}
header .kit {width:46px;height:20px;background:url("../../files/SYSTEM/images/kit-logo.jpg") no-repeat; text-indent:-5000px;position:relative; top:-2px;margin-right:5px;}

/* navigation */
.nav_wrapper {position:relative; float:left; margin-left:20px;}
.main_nav {position:relative; z-index:1000;}
.main_nav li { color:#5c5c60; font-size:13px; line-height:13px; float:left; text-transform:uppercase; letter-spacing:0.5px; background-image:url("../../files/SYSTEM/images/nav_right.gif"); background-position:right 23px; background-repeat:no-repeat;}
.main_nav li:last-child, .main_nav li .level_2 li {background-image:none;}
.main_nav li .level_2 {position:absolute;-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; opacity:0;visibility:hidden; font-weight:400;}
.main_nav .level_1 li:hover .level_2 {opacity:1;visibility:visible;}
.main_nav li .level_2 li {float:none; text-transform:none; }
.main_nav li a { color:#5c5c60; padding:22px 15px 19px; }
.main_nav li a:hover {color:#fff;}
.main_nav li:hover a {color:#fff;padding:22px 15px 25px;}

.main_nav li.active, .main_nav li.trail {background-image:none;}
.main_nav li.active .active, .main_nav li.trail .trail { display:block; padding:22px 15px 19px; background:#e31c2b; color:#fff;}
.main_nav li.trail .level_2 .trail { padding:0; }
.main_nav li.active:hover .active, .main_nav li.trail:hover a { padding:22px 15px 25px; }
.main_nav li.trail a { background:#e31c2b; color:#fff; padding:22px 15px 19px; }
.main_nav li.trail .level_2 .trail a {padding:12px 15px;}

.main_nav li:last-child:hover a, .main_nav li.service:hover a, .main_nav li.references:hover a {color:#fff;padding:22px 15px 19px;}
.main_nav li.references:hover .active, .main_nav li.service:hover .active, .main_nav li.contact:hover .active { padding:22px 15px 19px; }

.main_nav li .level_2 li:last-child:hover a {padding:12px 15px;}
.main_nav li .level_2 li a { color:#fff; background:#5c5c60; padding:12px 15px; display:block;}
.main_nav li .level_2 li a:hover {background:#777; color:#fff;}
.main_nav li:hover {background:#5c5c60;}
.main_nav li.trail .level_2 a {padding:12px 15px;}
.main_nav li.trail:hover .level_2 li.active .active { padding:12px 15px;}

.language {float:right; height:100%; position:relative;margin-right:25px;}
.language li {float:left; background:url("../../files/SYSTEM/images/language_right.gif") no-repeat right 23px; font-size:13px; line-height:13px;}
.language li a {color:#b5b7b4;padding:22px 10px 19px;}
.language li a:hover {color:#5c5c60;}
.language li.active .active {padding:22px 10px 19px;color:#5c5c60;display:block;}

.close_nav, .close_search { position:absolute; z-index:1000; top:10px; right:15px; display:none;width:20px; height:20px; padding:5px; background:#44464b;}
.close_nav .x, .close_search .x { background: #fff none repeat scroll 0 0; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; height: 20px; width:20px; -webkit-transition-duration: 1s; transition-duration: 0.5s;}
.close_nav .x.flop:hover , .close_search .x.flop:hover { background: #fff none repeat scroll 0 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.close_nav .x b, .close_search .x b {display: block;height: 0;margin: 0;padding: 0;position: absolute;width: 0;}
.close_nav .x.large b, .close_search .x.large b {border: 10px solid rgba(255, 255, 255, 0);}
.close_nav .x b:nth-child(1), .close_search .x b:nth-child(1) {border-top-color: #44464b;top: -1px;}
.close_nav .x b:nth-child(2), .close_search .x b:nth-child(2) {border-left-color: #44464b;left: -1px;}
.close_nav .x b:nth-child(3), .close_search .x b:nth-child(3) {border-bottom-color: #44464b;bottom: -1px;}
.close_nav .x b:nth-child(4), .close_search .x b:nth-child(4) {border-right-color: #44464b;right: -1px;}
.close_search {display:block;}

/* hamburger */
.menu_icon { position:absolute; z-index:100; top:9px; right:20px; cursor:pointer; background:#fff; height: 14px; padding: 10px 12px 12px; width: 20px; z-index: 999; display:none;}
.menu_icon span { background:#44464b none repeat scroll 0 0; display: block; height: 2px; width: 20px; margin-bottom: 5px; overflow: hidden; position: relative; text-indent: 100%; -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, opacity 0.3s linear 0s; -moz-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, opacity 0.3s linear 0s; -ms-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, opacity 0.3s linear 0s; transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, opacity 0.3s linear 0s; }
.menu_icon:hover .icon_bar_1 { -webkit-transform: translate3d(0px, -2px, 0px); -moz-transform: translate3d(0px, -2px, 0px); -ms-transform: translate3d(0px, -2px, 0px); transform: translate3d(0px, -2px, 0px); }
.menu_icon:hover .icon_bar_3 { -webkit-transform: translate3d(0px, 2px, 0px); -moz-transform: translate3d(0px, 2px, 0px); -ms-transform: translate3d(0px, 2px, 0px); transform: translate3d(0px, 2px, 0px); }

/* subnav */
.subnav_wrapper {width:100%; height:25px; background:#f5f5f5; margin-bottom:6px;}
.subnav {margin-left:280px; font-size:13px; line-height:25px; float:left; text-transform:uppercase; letter-spacing:0.5px; font-family:'Open Sans',sans-serif; font-weight:700;}
.subnav li {float:left; margin-right:25px;}
.subnav li a {color:#999;}
.subnav li a:hover {color:#44464b;}
.subnav li.active, .subnav li.trail a {color:#e31c2b;}

/* search */
.website-search {position:absolute; right:20px; top:21px; color:#b5b7b4; font-size:15px;}
.website-search:hover {color:#5c5c60;}
.search {position:absolute; top:0; right:0; z-index:1099; background:#44464b; display:none; width:300px; height:110px;}
.search .mod_search {position:absolute; top:27px; left:20px; font-family:Verdana,sans-serif;  font-size:13px; line-height:30px; font-weight:normal;}
.search .mod_search h6 {color:#fff;font-weight:normal;font-size:13px;margin-bottom:5px;}
.search .mod_search input {height:30px; padding:0 5px;}
.search .mod_search input.text {float:left;width:175px;}
.search .mod_search input.submit {text-transform:uppercase; cursor:pointer; background:#f5f5f5; padding:0 10px; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.search .mod_search input.submit:hover {background:#e31c2b; color:#fff; }

/* fade in beim scrollen */
.onscroll { opacity: 1; -webkit-transition: opacity .7s ease-in; transition: opacity .7s ease-in; }
.onscroll-hidden { opacity: 0; }
/* sonst animationen */
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
@keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } }
@-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } }
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
@keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } }
@-webkit-keyframes fadeInUp { 0% { opacity: 0;-webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } }

img.full, .top_image img {width:100%; height:auto;}

footer {position:relative; margin-top:6px; background:#5c5c60; color:#fff; font-size:12px; line-height:20px; padding:20px 20px 50px 20px; margin-bottom:20px;}
footer b {font-family:'Open Sans',sans-serif; font-weight:700; letter-spacing:0.5px;}
footer a {color:#fff;}
footer a:hover {color:#ccc;}
footer li.active .active {color:#ccc;}
footer .left {float:left; }
footer .right {float:right;}
footer .address {float:left; margin-right:80px; }
footer .contact {float:left;}
footer .legal_nav {float:left; margin-right:80px;}
footer .copy {float:left; }
footer .go_to_top {position:absolute; right:20px; bottom:20px; width:40px; height:40px; background:#4c4c4f url("../../files/SYSTEM/images/top.png") no-repeat center;display:none;}
footer .go_to_top:hover {background-color:#999;}
footer .icon-phone {font-size:12px;}
footer .icon-mail {font-size:12px; position:relative;}
footer .visit {float:left;margin-right:80px; display:none;}
footer .social span {display:none;}
footer .xing:before {content: "\e90d"; color:#5c5c60; border-radius:13px; background:#fff; padding:3px; font-size:15px;line-height:26px;}
footer .xing:hover:before {background:#ccc;}
footer .kit {width:46px;height:20px;background:url("../../files/SYSTEM/images/kit-logo.jpg") no-repeat; text-indent:-5000px;position:relative; top:-2px;margin-right:5px;}

.content {position:relative; height:auto; margin-top:6px; background:#f5f5f5; padding:30px 20px 50px; }
.content ul {margin:24px 0;}
.content ul li, .accordion ul li {background:url("../../files/SYSTEM/images/li.png") no-repeat left 8px; padding-left:18px; line-height:22px;}
.float_right {float:right;}
.float_left{float:left;}

a.red_circle {font-size:13px; color:#e31c2b; margin-top:10px;position:relative;}
a.red_circle .icon {font-size:20px;top:4px;position:relative;}
a.red_circle:hover {color:#44464b;}

.legal-notice .content, .data-privacy .content, .content.middle {padding:68px; margin-top:0;}
.legal-notice .content a, .data-privacy .content a {color:#000;}
.legal-notice .content a:hover, .data-privacy .content a:hover {color:#e31c2b;}
.legal-notice h4, .data-privacy h4 {text-transform:uppercase; color:#fff; font-size:14px; background:#999; display:inline-block; padding:2px 10px; margin:30px 0 10px;}
.content.middle h1 {color:#e31c2b; margin-bottom:30px;}
#page-not-found .content {margin-top:6px;}

/* responsive schnickschnack */
@media (max-width: 1360px) {
	.center {width:100%; }
}
@media (max-width: 1300px) {
	footer .visit {display:block;}
	header .visit {display:none;}
}
@media (max-width: 1240px) {
	.language {float:left;left:20px;}
	.website-search {left:350px;}
	.nav_wrapper, .subnav_wrapper {display:none; }
	.menu_icon {display:block;}
	header {padding:20px 0 6px;}
	.nav_wrapper {position:absolute; top:0; right:0; z-index:1100; background:#44464b; display:none;}
	.main_nav {margin-top:50px; min-width:300px;}
	.main_nav li {float:none; background-image:none; border-bottom:1px solid #78787c;}
	.main_nav li .level_2 li, .main_nav li:last-child {border-bottom:none;}
	.main_nav li a {display:block; color:#fff; background:#44464b !important; padding:10px 20px;}
	.main_nav li a:hover {background:#78787c !important;}
	.main_nav li:hover a, .main_nav li:last-child:hover a {padding:10px 20px;}
	.main_nav li.active .active { background:#78787c !important; padding:10px 20px;}
	.main_nav li.trail .trail {padding:10px 20px; background:#44464b;}
	.main_nav li.active:hover .active { padding:10px 20px; }
	.main_nav li.trail a, .main_nav li.trail:hover a {padding:10px 20px;}
	.main_nav li .level_2 {opacity:1;position:relative;}
	.close_nav {display:block;}
	.main_nav li .level_2 {display:none; visibility:visible;}
	.main_nav li.active .level_2, .main_nav li.trail .level_2  {display:block;}
	.main_nav li .level_2 li a, .main_nav li.trail .level_2 a {padding:8px 10px 10px 40px;}
	.main_nav li.trail .level_2 li.active .active {padding:8px 10px 10px 40px;}
	.main_nav li.trail:hover .level_2 li.active .active { padding:8px 10px 10px 40px;}
	.main_nav li .level_2 li:last-child:hover a {padding:8px 10px 10px 40px;}
	.main_nav li.service:hover a, .main_nav li.references:hover a {padding:10px 20px;}
	footer {margin-bottom:20px;}
	footer .visit {display:none;}
	header .visit {display:block;}
}
@media (max-width: 1024px) {
	footer .left {float:none; width:100%;}
	footer .right {float:none;width:100%;margin-top:20px;}
	.legal-notice .content, .data-privacy .content, .content.middle {padding:20px;}
}
@media (max-width: 768px) {
	footer { padding:20px;}
	footer .legal_nav {float:left; margin-right:80px;}
	footer .contact {float:right; text-align:right;}
	footer .copy {float:right;}
	header .visit {right:100px;}
}
@media (max-width: 700px) {
	header .visit p {display:none;}
}
@media (max-width: 620px) {
	.slogan {display:none;}
	footer .visit {display:block;}
	header .visit {display:none;}
}
@media (max-width: 500px) {
	.center-inner {padding:0 10px;}
	.menu_icon {right:10px; }
	.nav_wrapper, .main_nav {width:100%; }
	.content {padding:20px 10px 30px; }
	h1 {font-size:18px;}
	h2 {font-size:16px;}
	h3 {font-size:14px;}
	.content ul {margin:20px 0;}
	footer .contact {float:none; text-align:left;}
	footer .address {float:none; margin-bottom:20px;}
	footer .copy {float:none; clear:both; display:block; margin-top:60px;}
	footer {margin-bottom:10px;  padding:10px;}
	.legal-notice .content, .data-privacy .content, .content.middle {padding:20px 10px;}
}
@media (max-width: 480px) {
	header {padding:30px 0 6px;}
	.language {float:none; left:auto; margin-left:0; position:absolute; top:-45px; right:10px;}
	.website-search {left:auto; right:12px;top:-23px;}
}
@media print {
    *,*:before,*:after {background:transparent !important; color:#000 !important; box-shadow:none !important; text-shadow:none !important; }
	a,a:visited {text-decoration:underline;}
    a[href]:after {content: " (" attr(href) ")";}
    abbr[title]:after {content: " (" attr(title) ")";}
    a[href^="#"]:after, a[href^="javascript:"]:after {content: "";}
    pre,blockquote {border: 1px solid #999; page-break-inside: avoid;}
    thead{display: table-header-group; }
    tr,img{page-break-inside: avoid;}
    img {max-width: 100% !important;}
	p,h2,h3 {orphans: 3;widows: 3;}
    h2,h3 {page-break-after: avoid;}
}
h1 {font-weight:700;color:#e31c2b;}
h3 {color:#fff; background:#999; display:inline-block;padding:2px 10px;}
.text {width:70%;}
.content {padding:68px;margin-top:0;}
.content a {color:#777;}
.content a:hover {color:#e31c2b;}
.content .left {float:left; width:47%;}
.content .right {float:right; width:47%;}
.locations {margin-top:60px;}
h2 {margin-bottom:30px;}
.location {border-bottom:3px solid #fff;margin-bottom:20px;padding-bottom:20px;}
.location:last-child {border-bottom:none;}
.content .phone {margin-top:20px;}
.content .phone:before {content: "\e906"; font-size:17px;font-family: 'icomoon';speak: none;font-style: normal;font-weight: normal;	font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin-right:5px;}
.content .mail:before {content: "\e900"; font-size:15px;font-family: 'icomoon';speak: none;font-style: normal;font-weight: normal;	font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;position:relative;top:1px;margin-right:5px;}

/* responsive */
@media (max-width: 1240px) {
	.text {width:80%;}
}
@media (max-width: 1100px) {
	.content {padding:40px;}
	.text {width:90%;}
}
@media (max-width: 768px) {
	.content {padding:20px;}
	.text {width:100%;}
}
@media (max-width: 560px) {
	.content {padding:10px;}
	.content .left, .content .right {width:100%;}
}