/* normalize */
html { font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
a { background-color: transparent; }
a:active, a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
dfn { font-style: italic; }
mark { background: #F4303B; color: #fff; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border-style: none; }
svg:not(:root) { overflow: hidden; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
pre { overflow: auto; font-family: monospace, monospace; font-size: 1em; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; border-radius: 0;}
select { border-radius: 0;}
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; border-radius: 0; -webkit-appearance: none !important; cursor:pointer;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
input[type="submit"]{-webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
legend { border: 0;  padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0;}
td, th { padding: 0; }
::-moz-selection {background: #b7e6f8; text-shadow: none; }
audio, canvas, iframe, svg, video { vertical-align: middle; }
img { vertical-align: top; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.hidden, .invisible { display: none !important; }
.clearfix:before, .clearfix:after { content: " ";  display: table; }
.clearfix:after, .clear { clear: both; }
/* nur safari */
* {-webkit-tap-highlight-color: rgba(0,0,0,0);}
svg:not(:root) { overflow: hidden; }

/* allgemein */
* { margin:0; padding:0; border:0; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html,body { height:100%; width:100%; }
html { font-size:100%;  }
a {text-decoration:none; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out; display:inline-block; color:#222;}
*:focus  { outline: 0; }
ul, ol { margin: 0; padding: 0 ; }
nav ul, ul, ol { list-style: none; list-style-image: none; }
.transit, input.submit, a img, a h2 {-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;}

/* fonts */
/* open-sans-regular - latin */
@font-face { font-family: 'open_sansregular'; font-style: normal; font-weight: 400; src: url('../../files/system/css/fonts/open-sans-v26-latin-regular.eot'); src:        url('../../files/system/css/fonts/open-sans-v26-latin-regular.eot?#iefix') format('embedded-opentype'), url('../../files/system/css/fonts/open-sans-v26-latin-regular.woff2') format('woff2'), url('../../files/system/css/fonts/open-sans-v26-latin-regular.woff') format('woff'), url('../../files/system/css/fonts/open-sans-v26-latin-regular.ttf') format('truetype'), url('../../files/system/css/fonts/open-sans-v26-latin-regular.svg#OpenSans') format('svg'); }
/* open-sans-600 - latin */
@font-face { font-family:'open_sanssemibold';font-style: normal; font-weight: 600; src: url('../../files/system/css/fonts/open-sans-v26-latin-600.eot'); src: url('../../files/system/css/fonts/open-sans-v26-latin-600.eot?#iefix') format('embedded-opentype'), url('../../files/system/css/fonts/open-sans-v26-latin-600.woff2') format('woff2'), url('../../files/system/css/fonts/open-sans-v26-latin-600.woff') format('woff'), url('../../files/system/css/fonts/open-sans-v26-latin-600.ttf') format('truetype'), url('../../files/system/css/fonts/open-sans-v26-latin-600.svg#OpenSans') format('svg'); }
/* open-sans-700 - latin */
@font-face {font-family: 'open_sansbold'; font-style: normal; font-weight: 700; src: url('../../files/system/css/fonts/open-sans-v26-latin-700.eot');  src: url('../../files/system/css/fonts/open-sans-v26-latin-700.eot?#iefix') format('embedded-opentype'), url('../../files/system/css/fonts/open-sans-v26-latin-700.woff2') format('woff2'), url('../../files/system/css/fonts/open-sans-v26-latin-700.woff') format('woff'), url('../../files/system/css/fonts/open-sans-v26-latin-700.ttf') format('truetype'), url('../../files/system/css/fonts/open-sans-v26-latin-700.svg#OpenSans') format('svg'); }
/* open-sans-800 - latin */
@font-face { font-family: 'open_sansextrabold'; font-style: normal; font-weight: 800; src: url('../../files/system/css/fonts/open-sans-v26-latin-800.eot'); src: url('../../files/system/css/fonts/open-sans-v26-latin-800.eot?#iefix') format('embedded-opentype'), url('../../files/system/css/fonts/open-sans-v26-latin-800.woff2') format('woff2'), url('../../files/system/css/fonts/open-sans-v26-latin-800.woff') format('woff'), url('../../files/system/css/fonts/open-sans-v26-latin-800.ttf') format('truetype'), url('../../files/system/css/fonts/open-sans-v26-latin-800.svg#OpenSans') format('svg'); }

/*
@font-face { font-family: 'open_sansbold'; src: url('../../files/system/css/fonts/opensans-bold-webfont.woff2') format('woff2'), url('../../files/system/css/fonts/opensans-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'open_sansregular'; src: url('../../files/system/css/fonts/opensans-regular-webfont.woff2') format('woff2'), url('../../files/system/css/fonts/opensans-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'open_sanssemibold'; src: url('../../files/system/css/fonts/opensans-semibold-webfont.woff2') format('woff2'), url('../../files/system/css/fonts/opensans-semibold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face {  font-family: 'open_sansextrabold'; font-style: normal; font-weight: 800; src: local(''), url('../../files/system/css/fonts/open-sans-v26-latin-800.woff2') format('woff2'), url('../../files/system/css/fonts/open-sans-v26-latin-800.woff') format('woff'); }
*/
@font-face { font-family: 'icons';  src:  url('../../files/system/css/fonts/icons.eot');  src:  url('../../files/system/css/fonts/icons.eot') format('embedded-opentype'), url('../../files/system/css/fonts/icons.ttf') format('truetype'), url('../../files/system/css/fonts/icons.woff') format('woff'), url('../../files/system/css/fonts/icons.svg') format('svg'); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"], .icon {font-family: 'icons' !important; 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-airport:before { content: "\e900";}
.icon-building:before {content: "\e901"; }
.icon-close:before {content: "\e902";}
.icon-left-1:before {content: "\e903";}
.icon-left:before {content: "\e904";}
.icon-location:before {content: "\e905";}
.icon-lupe-2:before {content: "\e906";}
.icon-lupe:before {content: "\e907";}
.icon-mail:before {content: "\e908";}
.icon-metro:before {content: "\e909";}
.icon-pdf:before { content: "\e90a";}
.icon-railway:before {content: "\e90b"; }
.icon-right-2:before {content: "\e90c";}
.icon-right:before {content: "\e90d";}
.icon-telephone:before { content: "\e90e";}
.icon-xing:before { content: "\e90f";}
.icon-xxkit:before { content: "\e910";}
.icon-xxmail:before { content: "\e911";}
.icon-xxpdf:before { content: "\e912";}
.icon-xxphone:before { content: "\e913";}
.icon-xxsearch:before { content: "\e914"; color: #fff;}
.icon-xxx-control:before {  content: "\e915"; }
.icon-xxx-identification:before {  content: "\e916";}
.icon-xxx-payment:before {  content: "\e917";}
.icon-linkedin:before { content: "\e918";}
@font-face { font-family: 'new_icons';  src:  url('../../files/system/css/fonts/new_icons.eot');  src:  url('../../files/system/css/fonts/new_icons.eot') format('embedded-opentype'), url('../../files/system/css/fonts/new_icons.ttf') format('truetype'), url('../../files/system/css/fonts/new_icons.woff') format('woff'), url('../../files/system/css/fonts/new_icons.svg') format('svg'); font-weight: normal; font-style: normal; }
.new_icons {font-family: 'new_icons' !important; 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;}
.new_icon-wechat:before { content: "\e900";  color: #4caf50;}
.new_icon-twitter:before { content: "\e901"; }
.new_icon-xing:before { content: "\e902"; }
.new_icon-facebook:before { content: "\e904";}
.new_icon-linkedin1:before { content: "\e906"; }
.new_icon-linedin2 .path1:before { content: "\e907";  color: rgb(0, 119, 181);}
.new_icon-linedin2 .path2:before {  content: "\e908";  margin-left: -1em;  color: rgb(255, 255, 255);}
.new_icon-linedin2 .path3:before {  content: "\e909";  margin-left: -1em;  color: rgb(255, 255, 255);}
.new_icon-linedin2 .path4:before {  content: "\e90a";  margin-left: -1em;  color: rgb(255, 255, 255);}
.new_icon-facebook2:before {  content: "\e90b";  color: #7f8083;}
.new_icon-twitter2:before {  content: "\e90c";  color: #fff;}

body {font-family: "open_sanssemibold", "Microsoft Yahei","微软雅黑","SimSun","宋体", sans-serif; font-size: 1.25rem; line-height: 1.5; color:#000; background:#fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased;}
.wrap { min-height:100%;}
.fade_in { opacity: 0; -moz-transition:all 1s ease-out; -o-transition:all 1s ease-out; transition:all 1s ease-out;}
.fade_up { -webkit-transition:all .5s ease-out; -o-transition:all .5s ease-out; transition:all .5s ease-out; -webkit-transform: translateY(20px);  transform: translateY(20px); opacity: 0; }
.show { transform: translate(0px,0px) scale(1.0) rotate(0deg)!important; -o-transform: translate(0px,0px) scale(1.0) rotate(0deg)!important;   -ms-transform: translate(0px,0px) scale(1.0) rotate(0deg)!important; -moz-transform: translate(0px,0px) scale(1.0) rotate(0deg)!important;  -webkit-transform: translate(0px,0px) scale(1.0) rotate(0deg)!important;  opacity: 1!important; }

b, strong, .bold { font-family: "open_sansextrabold", "Microsoft Yahei","微软雅黑","SimSun","宋体", sans-serif; }
.wide { max-width:1860px; margin:0 auto; position:relative; padding:0 40px;}
.wide_open { max-width:3000px; margin:0 auto; position:relative; padding:0 80px;}
.center {max-width:1660px; margin:0 auto; position:relative; padding:0 40px;}
.center_1200 {max-width:1280px; margin:0 auto; position:relative; padding:0 40px;}
.hidden { display: none; }
.red {color:#F4303B; }

/* header with animation */
header {position:fixed;z-index:100; top:0; width:100%; height:140px; background:transparent; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out; font-family: "open_sanssemibold", "Microsoft Yahei","微软雅黑","SimSun","宋体", sans-serif; padding-top:25px; }
.down header { margin-top:-140px; background:rgba(0,0,0,.8); }
.up header {margin-top:0px; background:rgba(0,0,0,.8);}
.nav_active.down header, .nav_active.up header { background:transparent; }
.nav_active header, .up.nav_active header, .down.nav_active header { margin-top:0px; }
.logo {position:relative; margin-top:40px;}

/* navigation */
.navigation {float:right; position:relative;}
.menu { position:relative; z-index:100; font-size:1.25rem; line-height:2em;}
.menu {font-family: "open_sansbold", "Microsoft Yahei","微软雅黑","SimSun","宋体", sans-serif; margin-top:40px;}
.menu li { float:left; margin-left:60px; position:relative;}
.menu li:first-child {margin-left:0;} 
.menu li .level_2 { display:none;}
.menu a {position:relative; color:#fff; padding:0 2px;}
.menu a:after { content: ""; z-index:-1; position: absolute; width:0%; height:4px; bottom:0px; left: 0; background:#F4303B; visibility: hidden; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; border-radius:2px; }
.menu a:hover:after, .menu li.trail a:after { visibility: visible; width: 100%; }
.menu li.active .active, .menu li.trail .trail {position:relative; color:#fff; padding:0 2px; padding-bottom:8px;}
.menu li.active .active::after, .menu li.trail .trail::after {content: ""; position: absolute; height:4px; bottom: 0px; left: 0; width: 100%; background: #F4303B; border-radius:2px;}

.search-icon {position:absolute; right:-3px; top:0px; width:20px;}
.search-icon::after {position:absolute; font-family: 'icons'; content: "\e907"; font-size:.8rem;-webkit-transition:all .2s ease-out; transition:all .2s ease-out; color:#fff; top:0px;}
.no-touchevents .search-icon:hover::after {font-size:1.2rem; top:-5px; left:0px;}
header .search {position:absolute; z-index:101; top:-10px; right:0; background:#fff; display:none; width:350px;}
header .mod_search { padding:15px; }
header .mod_search form {margin-top:10px;position:relative;}
.mod_search input {line-height:42px; height:42px; background:#F0F1F2; font-size:16px; float:left; }
.mod_search input.submit {background:#E0E2E6; }
.mod_search input {float:left; width:70%; padding-left:5px; margin-bottom:0;}
.mod_search input.submit { float:right; width:calc(30% - 5px); line-height:42px; height:42px;  padding-left:0;}
.no-touchevents .mod_search input.submit:hover {background:#F4303B; color:#fff;}
header .search .close_search {font-size:1rem; position:absolute; right:8px; top:12px; color:#4B5159;}
header .search .close_search:hover {font-size:1.2rem; top:10px; right:5px;}
.close_nav {display:none; }
.mod_changelanguage {position:absolute; right:30px; top:0; font-size:0.8rem;}
.mod_changelanguage .active .active {color:#fff;}
.mod_changelanguage li {margin-right:10px; float:left;}
.mod_changelanguage li a {color:#BBBDC0;}
.no-touchevents .mod_changelanguage li a:hover {color:#fff;}

/* hamburger mobile */
.hamburger { position:absolute;  z-index:100; right:40px; top:32px; width: 30px; height: 18px; display:none; cursor: pointer; background:transparent; }
.hamburger .line { display: block; background:#fff; width: 30px; height: 3px; position: absolute; left: 0; border-radius: 0px; transition: all 0.4s;
  -webkit-transition: all 0.4s;  -moz-transition: all 0.4s;}
.hamburger .line.line-1 { top: 0;}
.hamburger .line.line-2 {top: 50%;  width: 25px;}
.hamburger .line.line-3 {top: 100%;}
.hamburger:hover .line-1, .hamburger:focus .line-1 {  }
.hamburger:hover .line-3, .hamburger:focus .line-3 { }
.hamburger.active .line-1 { transform: translateY(9px) translateX(0) rotate(45deg); -webkit-transform: translateY(9px) translateX(0) rotate(45deg); -moz-transform: translateY(9px) translateX(0) rotate(45deg);}
.no-touchevents .hamburger:hover .line-2 {width: 30px;}
.hamburger.active .line-2 { opacity: 0;}
.hamburger.active .line-3 { transform: translateY(-9px) translateX(0) rotate(-45deg);  -webkit-transform: translateY(-9px) translateX(0) rotate(-45deg);  -moz-transform: translateY(-9px) translateX(0) rotate(-45deg);}

/* main */
h1, h2, h3, h4, h5, h6 { font-family: "open_sansextrabold", "Microsoft Yahei","微软雅黑","SimSun","宋体", sans-serif; font-weight:normal;}
h1 {font-size:4.5rem; line-height:1.15; }
h2, h3 {font-size:3.5rem; line-height:1.25;}
h2.longline, h3.longline, h2.shortline, h3.shortline {position:relative; padding-bottom:40px; margin-bottom:50px;}
h2.longline::after, h3.longline::after, h2.shortline::after, h3.shortline::after { position:absolute; bottom:0; left:0; content: ""; width:0; height:8px; background:#F4303B; visibility: hidden; -webkit-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; border-radius:4px; }
h2.longline.show::after, h3.longline.show::after{ visibility: visible; width:220px; }
h2.shortline.show::after, h3.shortline.show::after{ visibility: visible; width:110px; }
h4 {font-size: 1.5rem;}
h5 {font-size: 1.5rem;}
h6 { font-family: "open_sansregular", "Microsoft Yahei","微软雅黑","SimSun","宋体", sans-serif; font-weight:normal; font-size: 1rem;}
main {position:relative; z-index:2;}
.spacer {height:500px; }
img {max-width:100%; height:auto;}
.section {position:relative; }
.ce_text ul {margin:20px 0;}
.ce_text ul li {padding-left:20px; position:relative; margin-top:5px;}
.ce_text ul li:before {content: ">"; position:absolute; color:#F4303B; left:0; }

/* top image video headline */
.intro {position:relative; height:100vH; width:100%; }
.intro .headline {position: absolute; top: 50%;transform: translateY(-50%); color:#fff; text-align:center; width:100%; padding:0 80px;}
.intro .headline h1 {opacity:0; -webkit-transition:all .5s ease-out; transition:all .5s ease-out; margin-top:30px; max-width:1400px; display:inline-block;}
.intro .headline p {opacity:0; -webkit-transition:all .5s ease-out; transition:all .5s ease-out; margin-top:50px; text-align:left;}
.intro.start .headline h1 {opacity:1; margin-top:0;}
.intro.start .headline p {opacity:1;  margin-top:30px; max-width:1100px; display:inline-block;}
.intro_trans { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:rgba(0,0,0,.5);}
.index .intro_trans { background:rgba(0,0,0,.3);}
.scroll_down {position:absolute; z-index:30; bottom:40px; width:100%;}
.scroll_next {position:relative; left:50%;margin-left:-30px; z-index:10; width:60px; height:60px; border-radius:50%; background:#F4303B;  text-align:center;}
.scroll_next img {margin-top:9px;}
.no-touchevents .scroll_next:hover {width:70px; height:70px; margin:-5px 0 -5px -35px;}
.no-touchevents .scroll_next:hover img {margin-top:14px;}

.scroll_top {position:relative;width:100%; height:100px; }
.index .scroll_top {margin-top:-50px;}
.news .scroll_top, .company .scroll_top {margin-top:-100px;}
.scroll_upp {position:absolute; left:50%; margin-left:-30px; z-index:10; width:60px; height:60px; border-radius:50%; background:#F4303B;  text-align:center;}
.scroll_upp img {margin-top:9px;}
.no-touchevents .scroll_upp:hover {width:70px; height:70px; margin:-5px 0 -5px -35px; }
.no-touchevents .scroll_upp:hover img {margin-top:14px;}

.ce_image figcaption {position:relative; margin:-40px 0 50px; font-size:1rem;}

/* footer */
footer {position:relative; background:#4B5159; color:#fff; font-size:14px; line-height:28px; padding:50px 50px; font-family: "open_sanssemibold", "Microsoft Yahei","微软雅黑","SimSun","宋体", sans-serif;}
footer a {color:#fff;}
footer a:hover {color:#ccc;}
footer li.active .active {color:#ccc;}
footer .address {float:left; width:25%; }
footer .contact {float:left; width:25%;}
footer .visit {float:left;padding-left:1.5%;}
footer .fonav {float:right; margin-right:60px;}
footer .fonav li {float:none;}
footer .visit ul {font-size:30px;line-height:30px; margin:15px 0 20px;}
footer ul li {float:left; margin-right:5px;}
footer .visit ul li:last-child {margin-right:0;}
footer .visit ul li.wechat {position:relative; float:left; margin-right:0px; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
footer .visit ul li.symbol, footer .visit ul li.linkedin {margin-right:15px;}
footer .visit ul li.wechat a:hover, footer .visit ul li.symbol a:hover, .footer_zh .visit ul li.linkedin a:hover {opacity:.7;}
footer .visit ul li.wechat:hover:after {position:absolute; z-index:100; top:-60px; left:-120px; content:url(../../files/system/images/wechat.jpg);}
footer .visit ul li.linkedin a:hover {opacity:.6;}
footer a:hover .new_icon-linedin2 .path1:before { content: "\e907";  color: rgb(0, 119, 181);}
footer a:hover .new_icon-linedin2 .path2:before {  content: "\e908";  margin-left: -1em;  color:#fff;}
footer a:hover .new_icon-linedin2 .path3:before {  content: "\e909";  margin-left: -1em;  color:#fff;}
footer a:hover .new_icon-linedin2 .path4:before {  content: "\e90a";  margin-left: -1em;  color:#fff;}
footer .icon-xxkit {font-size:44px;}
footer .kit {top:-10px; position:relative;}
footer p {position:relative;}
a.mail, p.phone {position:relative; padding-left:20px;}
footer a.email{position:relative;}
footer a.email:before {font-family: 'icons'; content: "\e911"; position:relative; margin-right:14px; top:1px;}
p.phone .icon {position:absolute; top:2px; left:0; line-height:28px;}
footer p.phone .icon {top:0px; }
footer a .icon-xxmail {position:absolute; top:-1px; }
footer .copy {margin-top:10px; display:none;}
footer .iso {margin-top:10px;}

.trans_mobile_menu {position:fixed; z-index:90; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out; display:none;}
.nav_active .trans_mobile_menu {display:block;}

/* responsive */
@media (max-width: 1800px) {
	.wide_open { padding:0 40px;}
}
@media (max-width: 1280px) {
	.intro .headline {padding:0 100px;}
}
/* menu break only china */
@media (max-width: 1240px) { 
	.lang_zh header {height:90px; padding-top:0px; }
	.lang_zh .logo {margin-top:30px;}
	.lang_zh .logo img {width:250px; height:auto;}
	.lang_zh .hamburger {display:block;}
	.lang_zh .navigation {position:fixed; float:none; z-index:90; top:0; left:100%; width:50%; height:100vh; padding:100px 40px 0; background:#161a1f;  -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out; }
	.lang_zh .navigation.active { left:50%;}
	.lang_zh .menu { float: none; color:#fff; line-height:60px; margin-bottom:30px;}
	.lang_zh .menu li { float:none; margin-left:0;}
	.lang_zh .menu a {color:#fff; padding: 0;}
	.lang_zh .menu a:hover:after, .lang_zh .menu li.trail a:after { visibility: hidden; width: 0; }
	.lang_zh .menu li.active .active::after { content: ""; position: relative;height: 0px;bottom: 0px; left: 0; width: 0; background: none; border-radius: 0;}
	.lang_zh .menu li.active .active {margin-left:-2px;}
	.lang_zh .menu li.trail .level_2 { display:block; margin: -10px 0 20px 20px; font-family: "open_sansregular", "Microsoft Yahei","微软雅黑","SimSun","宋体", sans-serif;}
	.lang_zh .menu li.trail .level_2 strong { font-family: "open_sansregular", "Microsoft Yahei","微软雅黑","SimSun","宋体", sans-serif;}
	.lang_zh .menu li.trail .level_2 li {line-height:30px; }
	.lang_zh .overflowbox {position: relative; height: calc(100% - 0px); max-height: 100%; overflow:auto;}
	.lang_zh .mod_changelanguage {right:auto; top:0; left:0px; }
	.lang_zh .search-icon {position:absolute; right:auto; top:0px; left:100px; width:20px;}
	.lang_zh header .search {position:absolute; z-index:101; top:0; right:0; left:0; background:#fff; display:none; width:100%;}
}

/* menu break */
@media (max-width: 1100px) { 
	header {height:90px; padding-top:0px; }
	.logo {margin-top:30px;}
	.logo img {width:250px; height:auto;}
	.hamburger {display:block;}
	.navigation {position:fixed; float:none; z-index:90; top:0; left:100%; width:50%; height:100vh; padding:100px 40px 0; background:#161a1f;  -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out; }
	.navigation.active { left:50%;}
	.menu { float: none; color:#fff; line-height:60px; margin-bottom:30px;}
	.menu li { float:none; margin-left:0;}
	.menu a {color:#fff; padding: 0;}
	.menu a:hover:after, .menu li.trail a:after { visibility: hidden; width: 0; }
	.menu li.active .active::after { content: ""; position: relative;height: 0px;bottom: 0px; left: 0; width: 0; background: none; border-radius: 0;}
	.menu li.active .active {margin-left:-2px;}
	.menu li.trail .level_2 { display:block; margin: -10px 0 20px 20px; font-family: "open_sansregular", "Microsoft Yahei","微软雅黑","SimSun","宋体", sans-serif;}
	.menu li.trail .level_2 strong { font-family: "open_sansregular", "Microsoft Yahei","微软雅黑","SimSun","宋体", sans-serif;}
	.menu li.trail .level_2 li {line-height:30px; }
	.overflowbox {position: relative; height: calc(100% - 0px); max-height: 100%; overflow:auto;}
	.mod_changelanguage {right:auto; top:0; left:0px; }
	.search-icon {position:absolute; right:auto; top:0px; left:100px; width:20px;}
	header .search {position:absolute; z-index:101; top:0; right:0; left:0; background:#fff; display:none; width:100%;}
	footer {padding:50px 0;}
	footer .visit ul li.wechat:hover:after {top:-115px; left:30px; }
	h1 {font-size:3.5rem; }
	h2, h3 {font-size:2.5rem; }
	h2.longline.show::after, h3.longline.show::after { visibility: visible; width:150px; }
}
@media (max-width:960px) { 
	.intro .headline {padding:0 40px;}
	.footer_en .address, .footer_zh .address {float:left; width:50%; }
	.footer_en .contact, .footer_zh .contact {float:left; width:50%;}
	.footer_en .visit, .footer_zh .visit {float:left; width:50%;padding-left:0; margin-top:30px;}
	.footer_en .fonav, .footer_zh .fonav {float:right; width:50%; margin-right:0; margin-top:30px;}
}
@media (max-width: 800px) {
	.intro {height:90vH; }
	.scroll_down {bottom:60px;}
	.scroll_next, .scroll_upp {margin-left:-20px; width:40px; height:40px;}
	.scroll_next img, .scroll_upp img {margin-top:5px; width:30px; height:auto;}
	.no-touchevents .scroll_next:hover, .no-touchevents .scroll_upp:hover {width:40px; height:40px; margin:0 0 0 -20px;}
	.no-touchevents .scroll_next:hover img, .no-touchevents .scroll_upp:hover img {margin-top:5px;}
}
@media (max-width: 600px) { 
	.wide, .center, .center_1200, .intro .headline, .wide_open { padding:0 20px;}
	.intro .headline {padding:0 20px;}
	header {height:72px; }
	.lang_zh .logo {margin-top:0;}
	.logo {position:absolute; margin:0; top:25px;left:20px;}
	.logo img {width:200px; height:auto;}
	.hamburger { right:20px; top:25px; }
	.navigation, .lang_zh .navigation {width:100%;}
	.navigation.active, .lang_zh .navigation.active { left:0;}
	.footer_en .address, .footer_zh .address {float:none; width:100%; }
	.footer_en .contact, .footer_zh .contact {float:none; width:100%;margin-top:30px;}
	.footer_en .visit, .footer_zh .visit {float:none; width:100%;}
	.footer_en .fonav, .footer_zh .fonav {float:none; width:100%; }
	h1 {font-size:2.5rem; }
	h2, h3 {font-size:2rem; }
	h2.longline, h3.longline {position:relative; padding-bottom:20px; margin-bottom:30px;}
	h2.longline::after, h3.longline::after { position:absolute; bottom:0; left:0; content: ""; width:0; height:6px; background:#F4303B; visibility: hidden; -webkit-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; border-radius:3px; }
	h2.longline.show::after, h3.longline.show::after { visibility: visible; width:100px; }
}
@media (max-height: 400px) and (orientation:landscape){ 
	.menu { line-height:40px;}
	.intro.start .headline p {display:none; }
}
@media (max-height: 620px) and (orientation:landscape){ 

}
@media (max-height: 540px) and (orientation:landscape){ 

}
@media (max-width: 400px) { 
	.intro.start .headline p {display:none; }

}

@media (min-height: 570px) AND (max-width: 960px) { 

}
/* print */
@media print {
	body {font-size:0.9em;}
	header, footer {display:none;}
	.print_button {display:none !important;}
	.print {visibility:visible;}
    *, *:before, *:after, *:first-letter, *:first-line { 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;}
}
/* animsition */ .animsition,.animsition-overlay{position:relative;opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animsition-overlay-slide{position:fixed;z-index:1;width:100%;height:100%;background-color:#fff}.animsition-loading,.animsition-loading:after{width:50px;height:50px;position:fixed;top:50%;left:50%;margin-top:-25px;margin-left:-25px;border-radius:50%;z-index:2}.animsition-loading{background-color:transparent;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-name:animsition-loading;animation-name:animsition-loading}@-webkit-keyframes animsition-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes animsition-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in{-webkit-animation-name:fade-in;animation-name:fade-in}@-webkit-keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.fade-out{-webkit-animation-name:fade-out;animation-name:fade-out}@-webkit-keyframes fade-in-up{0%{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up{0%{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up{-webkit-animation-name:fade-in-up;animation-name:fade-in-up}@-webkit-keyframes fade-out-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}}@keyframes fade-out-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}}.fade-out-up{-webkit-animation-name:fade-out-up;animation-name:fade-out-up}@-webkit-keyframes fade-in-up-sm{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up-sm{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up-sm{-webkit-animation-name:fade-in-up-sm;animation-name:fade-in-up-sm}@-webkit-keyframes fade-out-up-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}}@keyframes fade-out-up-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}}.fade-out-up-sm{-webkit-animation-name:fade-out-up-sm;animation-name:fade-out-up-sm}@-webkit-keyframes fade-in-up-lg{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up-lg{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up-lg{-webkit-animation-name:fade-in-up-lg;animation-name:fade-in-up-lg}@-webkit-keyframes fade-out-up-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}}@keyframes fade-out-up-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}}.fade-out-up-lg{-webkit-animation-name:fade-out-up-lg;animation-name:fade-out-up-lg}@-webkit-keyframes fade-in-down{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-down{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-down{-webkit-animation-name:fade-in-down;animation-name:fade-in-down}@-webkit-keyframes fade-out-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}}@keyframes fade-out-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}}.fade-out-down{-webkit-animation-name:fade-out-down;animation-name:fade-out-down}@-webkit-keyframes fade-in-down-sm{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-down-sm{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-down-sm{-webkit-animation-name:fade-in-down-sm;animation-name:fade-in-down-sm}@-webkit-keyframes fade-out-down-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}}@keyframes fade-out-down-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}}.fade-out-down-sm{-webkit-animation-name:fade-out-down-sm;animation-name:fade-out-down-sm}.fade-in-down-lg{-webkit-animation-name:fade-in-down;animation-name:fade-in-down}@-webkit-keyframes fade-out-down-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}}@keyframes fade-out-down-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}}.fade-out-down-lg{-webkit-animation-name:fade-out-down-lg;animation-name:fade-out-down-lg}@-webkit-keyframes fade-in-left{0%{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left{0%{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left{-webkit-animation-name:fade-in-left;animation-name:fade-in-left}@-webkit-keyframes fade-out-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}}@keyframes fade-out-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}}.fade-out-left{-webkit-animation-name:fade-out-left;animation-name:fade-out-left}@-webkit-keyframes fade-in-left-sm{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left-sm{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left-sm{-webkit-animation-name:fade-in-left-sm;animation-name:fade-in-left-sm}@-webkit-keyframes fade-out-left-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}}@keyframes fade-out-left-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}}.fade-out-left-sm{-webkit-animation-name:fade-out-left-sm;animation-name:fade-out-left-sm}@-webkit-keyframes fade-in-left-lg{0%{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left-lg{0%{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left-lg{-webkit-animation-name:fade-in-left-lg;animation-name:fade-in-left-lg}@-webkit-keyframes fade-out-left-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}}@keyframes fade-out-left-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}}.fade-out-left-lg{-webkit-animation-name:fade-out-left-lg;animation-name:fade-out-left-lg}@-webkit-keyframes fade-in-right{0%{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right{0%{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right{-webkit-animation-name:fade-in-right;animation-name:fade-in-right}@-webkit-keyframes fade-out-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}}@keyframes fade-out-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}}.fade-out-right{-webkit-animation-name:fade-out-right;animation-name:fade-out-right}@-webkit-keyframes fade-in-right-sm{0%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right-sm{0%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right-sm{-webkit-animation-name:fade-in-right-sm;animation-name:fade-in-right-sm}@-webkit-keyframes fade-out-right-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}}@keyframes fade-out-right-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}}.fade-out-right-sm{-webkit-animation-name:fade-out-right-sm;animation-name:fade-out-right-sm}@-webkit-keyframes fade-in-right-lg{0%{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right-lg{0%{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right-lg{-webkit-animation-name:fade-in-right-lg;animation-name:fade-in-right-lg}@-webkit-keyframes fade-out-right-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}}@keyframes fade-out-right-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}}.fade-out-right-lg{-webkit-animation-name:fade-out-right-lg;animation-name:fade-out-right-lg}@-webkit-keyframes rotate-in{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}@keyframes rotate-in{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in{-webkit-animation-name:rotate-in;animation-name:rotate-in}@-webkit-keyframes rotate-out{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);transform-origin:center center;opacity:0}}@keyframes rotate-out{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);transform-origin:center center;opacity:0}}.rotate-out{-webkit-animation-name:rotate-out;animation-name:rotate-out}@-webkit-keyframes rotate-in-sm{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}@keyframes rotate-in-sm{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in-sm{-webkit-animation-name:rotate-in-sm;animation-name:rotate-in-sm}@-webkit-keyframes rotate-out-sm{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);transform-origin:center center;opacity:0}}@keyframes rotate-out-sm{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);transform-origin:center center;opacity:0}}.rotate-out-sm{-webkit-animation-name:rotate-out-sm;animation-name:rotate-out-sm}@-webkit-keyframes rotate-in-lg{0%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}@keyframes rotate-in-lg{0%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in-lg{-webkit-animation-name:rotate-in-lg;animation-name:rotate-in-lg}@-webkit-keyframes rotate-out-lg{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(180deg);transform:rotate(180deg);transform-origin:center center;opacity:0}}@keyframes rotate-out-lg{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(180deg);transform:rotate(180deg);transform-origin:center center;opacity:0}}.rotate-out-lg{-webkit-animation-name:rotate-out-lg;animation-name:rotate-out-lg}@-webkit-keyframes flip-in-x{0%{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}}@keyframes flip-in-x{0%{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}}.flip-in-x{-webkit-animation-name:flip-in-x;animation-name:flip-in-x;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x{0%{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}}@keyframes flip-out-x{0%{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}}.flip-out-x{-webkit-animation-name:flip-out-x;animation-name:flip-out-x;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-x-nr{0%{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}}@keyframes flip-in-x-nr{0%{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}}.flip-in-x-nr{-webkit-animation-name:flip-in-x-nr;animation-name:flip-in-x-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x-nr{0%{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}}@keyframes flip-out-x-nr{0%{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}}.flip-out-x-nr{-webkit-animation-name:flip-out-x-nr;animation-name:flip-out-x-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}}@keyframes flip-in-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}}.flip-in-x-fr{-webkit-animation-name:flip-in-x-fr;animation-name:flip-in-x-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}}@keyframes flip-out-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}}.flip-out-x-fr{-webkit-animation-name:flip-out-x-fr;animation-name:flip-out-x-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y{0%{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}}@keyframes flip-in-y{0%{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}}.flip-in-y{-webkit-animation-name:flip-in-y;animation-name:flip-in-y;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y{0%{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}}@keyframes flip-out-y{0%{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}}.flip-out-y{-webkit-animation-name:flip-out-y;animation-name:flip-out-y;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y-nr{0%{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}}@keyframes flip-in-y-nr{0%{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}}.flip-in-y-nr{-webkit-animation-name:flip-in-y-nr;animation-name:flip-in-y-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y-nr{0%{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}}@keyframes flip-out-y-nr{0%{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}}.flip-out-y-nr{-webkit-animation-name:flip-out-y-nr;animation-name:flip-out-y-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}}@keyframes flip-in-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}}.flip-in-y-fr{-webkit-animation-name:flip-in-y-fr;animation-name:flip-in-y-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}}@keyframes flip-out-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}}.flip-out-y-fr{-webkit-animation-name:flip-out-y-fr;animation-name:flip-out-y-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes zoom-in{0%{-webkit-transform:scale(.7);transform:scale(.7);opacity:0}to{opacity:1}}@keyframes zoom-in{0%{-webkit-transform:scale(.7);transform:scale(.7);opacity:0}to{opacity:1}}.zoom-in{-webkit-animation-name:zoom-in;animation-name:zoom-in}@-webkit-keyframes zoom-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.7);transform:scale(.7)}50%,to{opacity:0}}@keyframes zoom-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.7);transform:scale(.7)}50%,to{opacity:0}}.zoom-out{-webkit-animation-name:zoom-out;animation-name:zoom-out}@-webkit-keyframes zoom-in-sm{0%{-webkit-transform:scale(.95);transform:scale(.95);opacity:0}to{opacity:1}}@keyframes zoom-in-sm{0%{-webkit-transform:scale(.95);transform:scale(.95);opacity:0}to{opacity:1}}.zoom-in-sm{-webkit-animation-name:zoom-in-sm;animation-name:zoom-in-sm}@-webkit-keyframes zoom-out-sm{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.95);transform:scale(.95)}50%,to{opacity:0}}@keyframes zoom-out-sm{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.95);transform:scale(.95)}50%,to{opacity:0}}.zoom-out-sm{-webkit-animation-name:zoom-out-sm;animation-name:zoom-out-sm}@-webkit-keyframes zoom-in-lg{0%{-webkit-transform:scale(.4);transform:scale(.4);opacity:0}to{opacity:1}}@keyframes zoom-in-lg{0%{-webkit-transform:scale(.4);transform:scale(.4);opacity:0}to{opacity:1}}.zoom-in-lg{-webkit-animation-name:zoom-in-lg;animation-name:zoom-in-lg}@-webkit-keyframes zoom-out-lg{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.4);transform:scale(.4)}50%,to{opacity:0}}@keyframes zoom-out-lg{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.4);transform:scale(.4)}50%,to{opacity:0}}.zoom-out-lg{-webkit-animation-name:zoom-out-lg;animation-name:zoom-out-lg}@-webkit-keyframes overlay-slide-in-top{0%{height:100%}to{height:0}}@keyframes overlay-slide-in-top{0%{height:100%}to{height:0}}.overlay-slide-in-top{top:0;height:0;-webkit-animation-name:overlay-slide-in-top;animation-name:overlay-slide-in-top}@-webkit-keyframes overlay-slide-out-top{0%{height:0}to{height:100%}}@keyframes overlay-slide-out-top{0%{height:0}to{height:100%}}.overlay-slide-out-top{top:0;height:100%;-webkit-animation-name:overlay-slide-out-top;animation-name:overlay-slide-out-top}@-webkit-keyframes overlay-slide-in-bottom{0%{height:100%}to{height:0}}@keyframes overlay-slide-in-bottom{0%{height:100%}to{height:0}}.overlay-slide-in-bottom{bottom:0;height:0;-webkit-animation-name:overlay-slide-in-bottom;animation-name:overlay-slide-in-bottom}@-webkit-keyframes overlay-slide-out-bottom{0%{height:0}to{height:100%}}@keyframes overlay-slide-out-bottom{0%{height:0}to{height:100%}}.overlay-slide-out-bottom{bottom:0;height:100%;-webkit-animation-name:overlay-slide-out-bottom;animation-name:overlay-slide-out-bottom}@-webkit-keyframes overlay-slide-in-left{0%{width:100%}to{width:0}}@keyframes overlay-slide-in-left{0%{width:100%}to{width:0}}.overlay-slide-in-left{width:0;-webkit-animation-name:overlay-slide-in-left;animation-name:overlay-slide-in-left}@-webkit-keyframes overlay-slide-out-left{0%{width:0}to{width:100%}}@keyframes overlay-slide-out-left{0%{width:0}to{width:100%}}.overlay-slide-out-left{left:0;width:100%;-webkit-animation-name:overlay-slide-out-left;animation-name:overlay-slide-out-left}@-webkit-keyframes overlay-slide-in-right{0%{width:100%}to{width:0}}@keyframes overlay-slide-in-right{0%{width:100%}to{width:0}}.overlay-slide-in-right{right:0;width:0;-webkit-animation-name:overlay-slide-in-right;animation-name:overlay-slide-in-right}@-webkit-keyframes overlay-slide-out-right{0%{width:0}to{width:100%}}@keyframes overlay-slide-out-right{0%{width:0}to{width:100%}}.overlay-slide-out-right{right:0;width:100%;-webkit-animation-name:overlay-slide-out-right;animation-name:overlay-slide-out-right}
.content_left {float:left; width:50%;}
.content_right {float:right; width:50%;}
a.more, .ce_download a {background:#F4303B; color:#fff; text-transform:uppercase; padding:10px 30px; border-radius:5px; font-size: .85rem; letter-spacing:.1em; margin-top:50px;}
a.more:hover, .ce_download a:hover {background:#4B5159;}

/* home */
.index .intro .headline h1 {margin-top:0; opacity:1; height:82px;}
.index .intro .headline {}

.head1, .head2, .head3 {position:absolute; top:0; left:0; width:100%; text-align:center; top:30px; opacity:0; -webkit-transition:all .8s ease-out; transition:all .8s ease-out;}
.headline.active1 .head1 {top:0; opacity:1;}
.headline.active1 .head2 {top:30px; opacity:0; }
.headline.active1 .head3 {top:-30px; opacity:0;}
.headline.active2 .head1 {top:-30px; opacity:0;}
.headline.active2 .head2 {top:0; opacity:1;}
.headline.active2 .head3 {top:30px; opacity:0;}
.headline.active3 .head1 {top:30px; }
.headline.active3 .head2 {top:-30px; opacity:0; }
.headline.active3 .head3 {top:0; opacity:1;}
/*	
.videobackbox .no_objectfit {position:absolute; background-size: cover; background-position: center center;}
.videobackbox picture.no_objectfit img {display:none;}
.videobackbox .bgvid { position:absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto;  -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
*/
.video_box, .image_box {position:absolute; height:100%; width:100%; background:#222; overflow:hidden;}
.video_box video, .image_box img { width: 100vw; height: 100vh; object-fit: cover; position: absolute; top: 0; left: 0; }
.welcome {margin:140px 0;}
.welcome .content_right {padding-left:80px;}
.zitat {position: relative; padding:250px 200px; text-align:center;}
.zitat_text { width:100%;  text-align:center;}
.zitat h3 {position: relative; max-width:1000px; display:inline-block;}
.zitat h3::before, .zitat h3::after {content:"„"; position: absolute; color:#F4303B; font-size:10rem; line-height:1rem; font-family: "open_sansregular"; }
.zitat h3::before {left:-50px; top:-33px;}
.zitat h3::after {right:-50px; bottom:50px;}

/* news */
.news_box {position:relative; overflow:hidden; padding-bottom:100px;}
.all_news {position:relative; margin-top:150px; }
.news_list {position:relative;margin-bottom:240px;}
p.date {font-size:1rem; color:#F4303B; text-transform:uppercase; letter-spacing:.1em; margin:-5px 0 10px;}
.news_list h2 {font-size:2.5rem; line-height:1.125; margin-bottom:30px;}
.news_list .news_image a {display:block;}
.news_list picture {position:relative; display:block;}
.news_list picture img {width:100%; height:auto;}
.news_list picture::before {content:""; position:absolute; z-index:-1; height:100%; width:100%; background:#4B5159; left:-24px; top:24px; -webkit-transition:all .2s ease-out; transition:all .2s ease-out;}
.no-touchevents .news_list .picture_link:hover picture::before {background:#F4303B;}
.news_list:nth-child(odd) .news_image {float:left; width:50%; padding-right:20px;}
.news_list:nth-child(odd) .news_text {float:right; width:50%; padding-left:80px;}
.news_list:nth-child(even) .news_image {float:right; width:50%; padding-left:20px;}
.news_list:nth-child(even) .news_text {float:left; width:50%;padding-right:80px;}

/* news parallax */
.back_right {position:absolute; z-index:-2; right:0; top:0; height:1200px; width:15%; background:url(../../files/system/images/arrow_right.jpg) no-repeat; background-size:100% auto; background-position: right bottom;}
.right_arrow_1 {top:0px;}
.right_arrow_2 {top:1200px;}
.right_arrow_3 {top:2400px;}
.back_left {position:absolute; z-index:-2; left:0; top:0; height:1200px; width:15%; background:url(../../files/system/images/arrow_left.jpg) no-repeat; background-size:100% auto; background-position: right bottom;}
.left_arrow_1 {top:600px;}
.left_arrow_2 {top:1800px;}
.left_arrow_3 {top:3000px;}
/* news detail */
.content, .news_detail, .standard_content {position:relative; margin:150px 0 100px; }
.news_detail .date { margin: -10px 0 20px;}
.news_detail h2 {margin-bottom:40px;}
.mod_newsreader p.back {display:none;}
.news_detail .ce_text, .column {column-count:2; column-gap: 80px;}
.news_detail .ce_text.no-columns, .no-columns {column-count:1; column-gap: 0;}
.news_detail .ce_image img, .news_detail img {margin:50px 0; width:100%; height:auto;}

/* company */
.company .center_1200 h2 {padding-right:50px;}
.image_text {position:relative; margin:150px 0; background:url(../../files/system/images/image_text.jpg) no-repeat; background-size:cover; background-position: center center; padding:200px 0;}
.contact .image_text {position:relative; margin:0;}
.image_text .img_text {text-align:center; width:100%; color:#fff;   }
.image_text .img_text h3 {display:inline-block; max-width:1200px; }
.ce_text.text_only_left {width:50%; padding-right:40px;}
.all_team {position:relative; margin-top:50px; }
.news_left .content_left {padding-right:20px;}
.news_left .content_right {padding-left:80px;}
.news_right .content_right {padding-left:20px;}
.news_right .content_left {padding-right:80px;}
.download_center {text-align:center; padding-top:30px;}
.rmargintop80 {margin-top:80px;}

/* solutions */
.solution_link {position:relative; width:25%; height:100%; float:left; text-align:center; overflow:hidden;}
.solution_link .sizer {display:none;}
.solution_link .transit {-webkit-transition:all .2s ease-out; transition:all .2s ease-out;}
.solution_link .trans {position:absolute; width:100%; height:100%; top:0; background:rgba(0,0,0,.5); opacity:1;}
.solution_link .icon_box {position:absolute; top:20%; width:100%; font-size:7rem; color:#fff;}
.cases .solution_link .icon_box { top:40%; }
.solution_link h2 {font-size:3rem; color:#fff; position:absolute; top:40%; width:100%; margin-top:40px;}
.cases .solution_link h2 { top:60%;}
.solution_link .products {position:absolute; top:50%; width:100%; padding:0 40px; text-align:left; margin-top:20px; opacity:0; -webkit-transition:all .2s ease-out; transition:all .2s ease-out;}
.solution_link .products a {color:#fff; position:relative; padding-left:10px; display:inline-block;}
.solution_link .products a:hover { text-decoration:underline;}
.solution_link .products a::before {content:"›"; position:absolute; left:-5px; top:-5px; font-size:1.5rem; }
p.more { background: #F4303B; color: #fff; text-transform: uppercase; padding: 10px 30px; border-radius: 5px; font-size: .85rem; letter-spacing: .1em; margin-top: 50px;}
.solution_link a.more, .solution_link p.more {position:absolute; bottom:20%; margin-bottom:20px; opacity:0; width:200px; left:50%; margin-left:-100px; padding:20px 0; background:red;}
.solution_link a.more:hover {background:#F4303B !important;}
.solution_image1, .solution_image2 {position:absolute; width:100%; height:100%; top:0;}
.airports .solution_image1 { background: url(../../files/system/images/solutions/airports.jpg) center no-repeat; background-size: cover; }
.airports .solution_image2 { background: url(../../files/system/images/solutions/airports_red.jpg) center no-repeat; background-size: cover; opacity:0;}
.buildings .solution_image1 { background: url(../../files/system/images/solutions/buildings.jpg) center no-repeat; background-size: cover; }
.buildings .solution_image2 { background: url(../../files/system/images/solutions/buildings_red.jpg) center no-repeat; background-size: cover; opacity:0;}
.industry .solution_image1 { background: url(../../files/system/images/solutions/sports.jpg) center no-repeat; background-size: cover; }
.industry .solution_image2 { background: url(../../files/system/images/solutions/sports_red.jpg) center no-repeat; background-size: cover; opacity:0;}
.railway .solution_image1 { background: url(../../files/system/images/solutions/domestic.jpg) center no-repeat; background-size: cover; }
.railway .solution_image2 { background: url(../../files/system/images/solutions/domestic_red.jpg) center no-repeat; background-size: cover; opacity:0;}
.industry .icon_box {padding-top:15px;}

/* hover */
.no-touchevents .solution_link:hover .solution_image1, .no-touchevents .solution_link:hover .solution_image2 { -webkit-transform: scale(1.05); transform: scale(1.05); }
.no-touchevents .solution_link:hover .solution_image1 {opacity:0;}
.no-touchevents .solution_link:hover .solution_image2 {opacity:1;}
.no-touchevents .solution_link:hover .trans { opacity:0; }
.no-touchevents .solution_link:hover h2 {margin-top:0;}
.no-touchevents .solution_link a.more:hover {background:#1f1e1e;}
.no-touchevents .solution_link:hover .products {margin-top:0; opacity:1;}
.no-touchevents .solution_link:hover a.more, .no-touchevents .solution_link:hover p.more {margin-bottom:0; opacity:1; }

/* tablet */
.touchevents .solution_link .solution_image1, .touchevents .solution_link .solution_image2 { -webkit-transform: scale(1.05); transform: scale(1.05); }
.touchevents .solution_link .solution_image1 {opacity:1;}
.touchevents .solution_link .trans { opacity:1; }
.touchevents .solution_link h2 {margin-top:0;}
.touchevents .solution_link a.more:hover {background:#1f1e1e;}
.touchevents .solution_link .products {margin-top:0; opacity:1 !important;}
.touchevents .solution_link a.more {margin-bottom:0; opacity:1 !important; }

/* solution category */
.news_list:nth-child(odd) .list_inner {position:relative; float:left; width:50%; padding-right:20px;}
.news_list:nth-child(even) .list_inner {position:relative; float:right; width:50%; padding-left:20px;}
.news_list:nth-child(odd) .product_link {position:absolute; bottom:0; left:100%; width:100%; padding-left:80px;}
.news_list:nth-child(even) .product_link {position:absolute; bottom:0; right:100%; width:100%; padding-right:80px; text-align:right;}
.all_news .product_link .more {margin-top:0px;}

/* reader */
.description h2 { column-span: all;}	
.description {margin-bottom:150px;}
.technical {margin:100px 0;}
.benefits {background:#4B5159; color:#fff; padding:100px 0;}
.benefits h2:after {background:#fff;}
.benefits .center_1200 {position:relative; padding-right:400px;}
.benefits h2.center_1200:before {content:url(../../files/system/images/benefits.png); position:absolute; right:40px; top:0px; opacity:.3;}
.benefits.ce_text ul {margin:0 auto !important;}
.padding_top {height:150px;}
.solution .ce_download {text-align:center;}
.ce_download .size {display:none;}
.solution .ce_image, .solution .ce_download {margin-bottom:100px;}
.benefits .ce_text h2 {margin-bottom:70px;}
.benefits h2:after {left:40px;}
.related {margin:150px 0;}
.related_links {position:relative;width:calc(100% + 40px); left:-20px;}
.related_links a {float:left; width:33.3333%; padding:20px; }
.related_links a .sizer {width:100%; height:auto;}
.related_links_inner {position:relative; width:100%; height:100%; overflow:hidden; }
.related_links_inner picture {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.related_links_inner picture img {width:100%; height:100%; object-fit: cover; position: absolute; top: 0; left: 0; }
.related_links_inner .trans {position:absolute; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); opacity:0;}
.related_links_inner .headline {position: absolute; top: 50%;transform: translateY(-50%); color:#fff; text-align:center; width:100%; padding:0 20px;}
.no-touchevents .related_links a:hover .trans {opacity:1;}
.touchevents .related_links_inner .trans {opacity:1;}
.backlink {position:relative; background:#F4303B; color:#fff; text-transform:uppercase; padding:10px 30px 10px 50px; border-radius:5px; font-size: .85rem; letter-spacing:.1em; top:-30px; margin-bottom:30px;}
.backlink::after {position:absolute; content: "←"; font-size: 1.2rem; left:20px; top:6px; }
.backlink:hover {background:#4B5159;}
.backlink:hover::after {-webkit-transition:all .2s ease-out; transition:all .2s ease-out; left:10px;}

/* search */
main .mod_search form {clear:both; height:50px; width:400px;}
.mod_search button.submit {background:#E0E2E6; }
.mod_search button.submit { float:right; width:calc(30% - 5px); line-height:42px; height:42px;  padding-left:0;}
.no-touchevents .mod_search button.submit:hover {background:#F4303B; color:#fff;}
main .mod_search p.header {display:block; width:100%; clear:both; margin:30px 0;}
main .mod_search p.context {font-size:1rem;}
main .mod_search h3 {font-size:1.5rem; margin-bottom:10px;}
main .mod_search h3 a:hover {color:#F4303B;}
main .mod_search .odd, main .mod_search .even {margin-top:30px;}
main .mod_search .odd a, main .mod_search .even a {text-decoration:underline;}
main .mod_search .relevance, main .mod_search .url {font-size:14px; color:#ccc; font-family: 'open_sansregular', sans-serif; font-weight:400;}
main .mod_search .pagination {margin-top:50px;}
main .mod_search .pagination li {float:left; padding-left:0; margin-right:20px;}
main .mod_search .pagination ul li:before {content: ""; display:none;}
main .mod_search .pagination li .active, main .mod_search .pagination li a:hover {color:#F4303B;}

/* sustainability */
.sustainability-all {margin-top:140px;}
.sustainability-list {position:relative;margin-bottom:200px;}
.sustainability-list h2 {font-size:2.5rem; line-height:1.125; margin-bottom:30px;}
.sustainability-list:nth-child(odd) figure {float:left; width:50%; padding-right:50px;}
.sustainability-list:nth-child(even) figure {float:right; width:50%; padding-left:74px;}
.sustainability-list picture {position:relative; display:block; margin-bottom:24px;}
.sustainability-list picture::before {content:""; position:absolute; z-index:-1; height:100%; width:100%; background:#4B5159; left:-24px; top:24px; -webkit-transition:all .2s ease-out; transition:all .2s ease-out;}

/* cases */
.cases_image1, .cases_image2 {position:absolute; width:100%; height:100%; top:0;}
.airports-cases .solution_image1 { background: url(../../files/system/images/cases/airport-1.jpg) center no-repeat; background-size: cover; }
.airports-cases .solution_image2 { background: url(../../files/system/images/cases/airport-2.jpg) center no-repeat; background-size: cover; opacity:0;}
.cases_category {display: grid; grid-template-columns: repeat(2, 1fr); align-items:stretch; gap:150px; padding:100px 100px 250px;}
.cases_category .cat_link {position:relative; text-align:center;}
.cases_category .cat_link:nth-child(2n) {top:100px;}
.cases_category .cat_link img.cat_image {width:100%; height:auto;}
.cases_category .cat_link .icon_box {position:absolute; top:30%; left:0; width:100%;}
.cases_category .cat_link h2 {position:absolute; bottom:20%; left:0; color:#fff; width:100%;}
.cases_category .trans {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5);}
.cases_category .cat_link .back {position:absolute; z-index:-1; top:24px; right:24px; width:100%; height:100%; background:#4B5159; }
.cases_category .cat_link:hover .back {background:#F4303B; }


/* responsive */
@media (min-width: 1600px) {
	.solution_link a.more, .solution_link p.more {bottom:35%; }
	.solution_link .products { padding:0 20px 0 44px; }
}
@media (min-width: 1400px) {
	.solution_link .icon_box { top:20%; font-size:5rem;}
	.solution_link h2 {font-size:2.5rem; top:38%; }
	.solution_link a.more, .solution_link p.more {bottom:20%; }
	.solution_link .products { padding:0 20px 0 44px; }
}
@media (max-width: 1400px) {
	.solution_link .icon_box { top:20%; font-size:5rem;}
	.solution_link h2 {font-size:2.5rem; top:38%; }
	.solution_link .products {padding:0 25px 0 40px; }
	.solution_link a.more, .solution_link p.more {bottom:10%; }
	.solution_link .products { }
	.cases_category .cat_link .icon_box { top:20%;}
}
@media (max-width: 1280px) {
	.news_list:nth-child(odd) .news_image {padding-left:20px;}
	.news_list:nth-child(even) .news_image {padding-left:40px;}
	.news_left .content_left {padding-left:20px;}
	.news_right .content_right {padding-left:40px;}
	.cases_category {display: grid; grid-template-columns: repeat(2, 1fr); gap:80px; padding:100px 24px 250px;}
}
@media (max-width: 1200px) {
	.welcome .content_right {padding-left:40px;}
	.solution_link .icon_box {font-size:4rem;}
	.solution_link h2 {font-size:2rem; top:35%; }
	.solution_link .products {top:45%;}
	.solution_link a.more, .solution_link p.more { bottom:40px; }
}
@media (max-width: 1024px) {
	.zitat h3::before, .zitat h3::after {font-size:7rem; }
	.zitat h3::before {left:-50px; top:-25px;}
	.zitat h3::after {right:-50px; bottom:30px;}
	.news_list:nth-child(odd) .news_text {padding-left:40px;}
	.news_list:nth-child(even) .news_text {padding-right:40px;}	
	.news_left .content_right {padding-left:40px;}
	.news_right .content_left {padding-right:40px;}
	.news_list h2 {font-size:2rem; }
	.image_text {background:url(../../files/system/images/image_text_mobile.jpg) no-repeat; background-size:cover; background-position: center center; padding:100px 0;}
	.news_left .product_link {padding-left:40px;}
	.news_right .product_link {padding-right:40px; }
	.solutions .intro, .XXcases .intro {height:auto;}	
	.solution_link {width:50%; height:auto;}
	.solution_link .products {top:50%;}
	.solution_link .sizer {display:block; width:100%; height:auto;}
	.solution_link .icon_box { top:15%;}
	.benefits .center_1200 {padding-right:200px;}
}
@media (max-width: 960px) {
	.zitat {padding:200px 100px; }
	.news_list {margin-bottom:140px;}	
	.solution_image2 { display:none;}
	.solution_link h2 {margin-top:0;}
	.solution_link .products {margin-top:0; opacity:1; padding:0 35px; top:45%;}
	.solution_link a.more, .solution_link p.more {margin-bottom:0; opacity:1; position:relative; left:auto; margin-left:0; background:#F4303B;}
	.cases .solution_link a.more, .cases .solution_link p.more {bottom:50px; position:absolute; left:50%; margin-left:-100px;}
	/* hover */
	.no-touchevents .solution_link:hover .solution_image1, .no-touchevents .solution_link:hover .solution_image2 { -webkit-transform: none; transform: none; }
	.no-touchevents .solution_link:hover .solution_image1 {opacity:1;}
	.no-touchevents .solution_link:hover .trans { opacity:1; }
	.no-touchevents .solution_link:hover h2 {margin-top:0;}
	.no-touchevents .solution_link a.more:hover {background:#F4303B;}
	.no-touchevents .solution_link:hover .products {margin-top:0; opacity:1;}
	.no-touchevents .solution_link:hover a.more, .no-touchevents .solution_link:hover p.more {margin-bottom:0; opacity:1; }
	.cases_category .cat_link .icon_box { top:10%;}
}
@media (max-width: 800px) {
	.welcome .content_left {float:none; width:100%;}
	.welcome .content_right {float:none; width:100%; padding-left:0; margin-top:40px;}
	.news_detail .ce_text, .column {column-count:1; column-gap:0;}
	.company .center_1200 h2 {padding-right:0;}	
	.benefits .center_1200 {position:relative; padding-right:40px;}
	.benefits h2.center_1200:before {content:url(../../files/system/images/benefits.png); position:absolute;  top:10%; }
	.related_links a {width:50%; }
	.ce_text.text_only_left {width:100%; padding-right:0px;}
}
@media (max-width: 767px) {
	.solution_link, .cases .solution_link {width:100%; height:auto;}
	.solution_link .sizer {display:none;}
	.solution_link .icon_box {position:relative; margin-top:100px;}
	.XXXcases .intro {height:auto;}
	.cases .solution_link {padding-bottom:200px;}
	.cases .solution_link h2 {top:auto;}
	.solution_link h2 {position:relative; }
	.solution_link .products {position:relative; padding:50px 25px;}
	.cases_category {display: grid; grid-template-columns: repeat(1, 1fr); align-items:stretch; gap:96px; padding:100px 0 250px 24px;}
	.cases_category .cat_link:nth-child(2n) {top:0;}
	.cases_category .cat_link .icon_box { top:20%;}
}
@media (max-width: 600px) { 
	.zitat {padding:150px 40px; }
	.zitat h3::before, .zitat h3::after {font-size:5rem; }
	.zitat h3::before {left:-20px; top:-18px;}
	.zitat h3::after {right:-20px; bottom:20px;}
	.news_list h2 {font-size:1.75rem; }	
	.news_list:nth-child(odd) .news_image {float:none; width:100%; padding-right:0;}
	.news_list:nth-child(odd) .news_text {float:none; width:100%; padding-right:0; padding-left:20px; margin-top:50px;}
	.news_list picture::before {left:-20px; top:20px;}
	.news_list:nth-child(even) .news_image {float:right; width:100%; padding-right:0;  padding-left:20px; }
	.news_list:nth-child(even) .news_text {float:left; width:100%; padding-right:0; padding-left:20px; margin-top:50px;}	
	.news_left .content_left {float:none; width:100%; padding-right:0;}
	.news_left .content_right {float:none; width:100%; padding-right:0; padding-left:20px; margin-top:50px;}
	.news_right .content_left {float:right; width:100%; padding-right:0;  padding-left:20px; margin-top:50px;}
	.news_right .content_right {float:left; width:100%; padding-right:0; padding-left:20px;}	
	.news_list:nth-child(odd) .list_inner {position:relative; float:none; width:100%; padding-right:0px;  padding-left:20px; margin-top:50px;}
	.news_list:nth-child(even) .list_inner {position:relative; float:none; width:100%; padding-right:0px; padding-left:20px; margin-top:50px;}
	.news_list:nth-child(odd) .product_link {position:relative; top:50px; bottom:auto; left:0; width:100%; padding-left:0;}
	.news_list:nth-child(even) .product_link {position:relative; top:50px; bottom:auto; left:0; right:auto; width:100%; padding-right:0; text-align:left;}	
	.news_left .product_link {position:relative; top:50px; bottom:auto; left:0; width:100%; padding-left:0;}
	.news_right .product_link {position:relative; top:50px; bottom:auto; left:0; right:auto; width:100%; padding-right:20px; text-align:left;}
	.image_text img {width:auto;height:300px;}
	.image_text .img_text {padding:0 20px;}
	.benefits h2:after {left:20px;}
	.benefits h2.center_1200:before { top:100px; opacity:.15;}
	.benefits .center_1200 {padding-right:20px;}
	.related_links {width:100%; left:0;}
	.related_links a {width:100%; padding:0;margin-top:20px;}
	.sustainability-list {position:relative;margin-bottom:140px;}
	.sustainability-list:nth-child(odd) figure, .sustainability-list:nth-child(even) figure {float:none; width:100%; padding:0 0 30px 24px;}
}
@media (max-height: 780px) and (orientation:landscape){ 
	.solution_link a.more, .solution_link p.more {bottom:40px; }
}
@media (max-height: 600px) and (orientation:landscape){ 
	.solution_link .icon_box { font-size:5rem; }
	.solution_link h2 {font-size:2.5rem; top:38%; }
}
@media (max-height: 500px) and (orientation:landscape){ 
	.solution_link .icon_box { font-size:4rem; top:10%;}
	.solution_link h2 {font-size:2.5rem; top:25%; }
	.solution_link a.more, .solution_link p.more {bottom:40px; }
	.solution_link .products {top:40%; padding:0 20px;}
}
@media (max-width: 350px) { 
	.news_list:nth-child(odd) .news_text, .news_list:nth-child(even) .news_text { padding-left:0; }
	.news_left .content_right, .news_right .content_left {padding-left:0;}
	.all_news .product_link {left:-20px !important;}

}