/* default */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
}

[hidden] {
    display: none;
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
    color: #000000;
}

body {
    margin: 0;
    font-size: 0.9em;
    line-height: 1.4;
}

::-moz-selection {
    background: #7cb2de;
    color: #FFFFFF;
    text-shadow: none;
}

::selection {
    background: #7cb2de;
    color: #FFFFFF;
    text-shadow: none;
}

a {
    color: #7000bd;
}

a:visited {
    color: #7000bd;
}

a:hover {
    color: #B400FF;
}

*:focus {
    outline: thin dotted;
}

*:hover,
*:active {
    outline: 0;
    outline: none;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

dfn {
    font-style: italic;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

ins {
    background: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background: #ff0;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

pre,
code,
kbd,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

q {
    quotes: none;
}

q:before,
q:after {
    content: "";
    content: none;
}

small {
    font-size: 85%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

ul,
ol {
    margin: 0;
    padding: 0;
}

dd {
    margin: 0 0 0 40px;
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

form {
    margin: 0;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

label {
    cursor: auto;
}

legend {
    border: 0;
    *margin-left: -7px;
    padding: 0;
    white-space: normal;
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}

button,
input {
    line-height: normal;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
    *overflow: visible;
}

button[disabled],
input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *width: 13px;
    *height: 13px;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}

input:invalid,
textarea:invalid {
    background-color: #f0dddd;
}

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

td {
    vertical-align: top;
}


/*
---------------------------------------------------------------------------
fonts
---------------------------------------------------------------------------
*/

@font-face {
    font-family: "tketype";
    src: url('fonts/TKETYPE-REGULAR.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "tketypebold";
    src: url('fonts/TKETYPE-BOLD.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}


/* IE8 fix */

@font-face {
    font-family: "tketypebold";
    src: url('fonts/TKETYPE-BOLD.TTF');
    src: url('fonts/TKETYPE-BOLD.TTF?#iefix') format('eot');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "tketype";
    src: url('fonts/TKETYPE-REGULAR.TTF');
    src: url('fonts/TKETYPE-REGULAR.TTF?#iefix') format('eot');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "tketypemedium";
    src: url('fonts/TKETYPE-MEDIUM.TTF');
    src: url('fonts/TKETYPE-MEDIUM.TTF?#iefix') format('eot');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "thyssen-krupp-iconfont";
    src: url('fonts/thyssen-krupp-iconfont.eot?t=1537865515260');
    /* IE9*/
    src: url('fonts/thyssen-krupp-iconfont.eot?t=1537865515260#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/thyssen-krupp-iconfont.ttf?t=1537865515260') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('fonts/thyssen-krupp-iconfont.woff?t=1537865515260') format('woff'), url('fonts/thyssen-krupp-iconfont.svg?t=1537865515260#thyssen-krupp-iconfont') format('svg');
    /* iOS 4.1- */
    font-weight: normal;
    font-style: normal;
}

.tk-icon {
    font-family: 'thyssen-krupp-iconfont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 20px;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-blue {
    color: #262626;
}

.a-icon {
    color: #262626;
    cursor: pointer;
}

.a-icon:hover {
    color: #7000bd ;
}

.a-icon:active,
.a-icon.active{
    color: #58008D;
}

.a-icon.disabled {
    cursor: no-drop;
    color: #c4c4c4;
}

a.a-icon,
a .a-icon {
    color: #262626;
    cursor: pointer;
    text-decoration:none;}

a:hover .a-icon {
    color: #7000bd;
}

a:active .a-icon {
    color: #58008D;
}

a .a-icon.disabled {
    cursor: no-drop;
    color: #c4c4c4;
}

.icon-tk-abstractservices:before {
    content: "\e63e";
}

.icon-tk-arrow-down:before {
    content: "\e613";
}

.icon-tk-activities:before {
    content: "\e63d";
}

.icon-tk-arrow-left:before {
    content: "\e61d";
}

.icon-tk-admin:before {
    content: "\e654";
}

.icon-tk-arrow-link:before {
    content: "\e653";
}

.icon-tk-arrow-right:before {
    content: "\e61a";
}

.icon-tk-arrow-up:before {
    content: "\e617";
}

.icon-tk-arrow:before {
    content: "\e638";
}

.icon-tk-back-single:before {
    content: "\e751";
}

.icon-tk-attention:before {
    content: "\e63c";
}

.icon-tk-blog:before {
    content: "\e620";
}

.icon-tk-calendar:before {
    content: "\e608";
}

.icon-tk-bookmark:before {
    content: "\e63b";
}

.icon-tk-clock:before {
    content: "\e757";
}

.icon-tk-check-border-circle:before {
    content: "\e650";
}

.icon-tk-check1:before {
    content: "\e759";
}

.icon-tk-close:before {
    content: "\e606";
}

.icon-tk-close-single:before {
    content: "\e659";
}

.icon-tk-copy:before {
    content: "\e75c";
}

.icon-tk-compass:before {
    content: "\e639";
}

.icon-tk-delete:before {
    content: "\e64f";
}

.icon-tk-document:before {
    content: "\e626";
}

.icon-tk-dot:before {
    content: "\e60f";
}

.icon-tk-detail-history:before {
    content: "\e761";
}

.icon-tk-down:before {
    content: "\e634";
}

.icon-tk-download-single:before {
    content: "\e763";
}

.icon-tk-document1:before {
    content: "\e636";
}

.icon-tk-document2:before {
    content: "\e636";
}

.icon-tk-edit-single:before {
    content: "\e658";
}

.icon-tk-download:before {
    content: "\e605";
}

.icon-tk-edit:before {
    content: "\e64e";
}

.icon-tk-expand:before {
    content: "\e768";
}

.icon-tk-email:before {
    content: "\e769";
}

.icon-tk-facebook:before {
    content: "\e635";
}

.icon-tk-falling:before {
    content: "\e649";
}

.icon-tk-enclosure:before {
    content: "\e76c";
}

.icon-tk-file-excel:before {
    content: "\e622";
}

.icon-tk-fax:before {
    content: "\e76e";
}

.icon-tk-file-image-single:before {
    content: "\e76f";
}

.icon-tk-file-pdf:before {
    content: "\e601";
}

.icon-tk-file-powerpoint:before {
    content: "\e644";
}

.icon-tk-file-image:before {
    content: "\e62d";
}

.icon-tk-file-jpg:before {
    content: "\e627";
}

.icon-tk-file-text:before {
    content: "\e628";
}

.icon-tk-files:before {
    content: "\e616";
}

.icon-tk-file-word:before {
    content: "\e623";
}

.icon-tk-flip-card:before {
    content: "\e647";
}

.icon-tk-forum:before {
    content: "\e632";
}

.icon-tk-google-plus:before {
    content: "\e62b";
}

.icon-tk-help:before {
    content: "\e60b";
}

.icon-tk-id-card:before {
    content: "\e630";
}

.icon-tk-home:before {
    content: "\e631";
}

.icon-tk-info:before {
    content: "\e642";
}

.icon-tk-ideation:before {
    content: "\e62e";
}

.icon-tk-language:before {
    content: "\e609";
}

.icon-tk-link-website:before {
    content: "\e643";
}

.icon-tk-link-website-g:before {
    content: "\e643";
    background-color: #eeca40;
    color: #000;
    border-radius: 50%;
}

.icon-tk-linkedin:before {
    content: "\e640";
}

.icon-tk-logout:before {
    content: "\e782";
}

.icon-tk-little-csv:before {
    content: "\e783";
}

.icon-tk-lock:before {
    content: "\e64b";
}

.icon-tk-mail:before {
    content: "\e600";
}

.icon-tk-mailbox:before {
    content: "\e786";
}

.icon-tk-manage:before {
    content: "\e787";
}

.icon-tk-menu:before {
    content: "\e61f";
}

.icon-tk-message-correct:before {
    content: "\e615";
}

.icon-tk-message-error:before {
    content: "\e611";
}

.icon-tk-message-info:before {
    content: "\e614";
}

.icon-tk-message-important:before {
    content: "\e612";
}

.icon-tk-minus:before {
    content: "\e603";
}

.icon-tk-mobile:before {
    content: "\e62c";
}

.icon-tk-newsletter:before {
    content: "\e62f";
}

.icon-tk-next:before {
    content: "\e790";
}

.icon-tk-plus:before {
    content: "\e602";
}

.icon-tk-play:before {
    content: "\e624";
}

.icon-tk-on-lock:before {
    content: "\e793";
}

.icon-tk-pin:before {
    content: "\e60c";
}

.icon-tk-plus1:before {
    content: "\e656";
}

.icon-tk-plus2:before {
    content: "\e656";
}

.icon-tk-previous:before {
    content: "\e797";
}

.icon-tk-profil:before {
    content: "\e621";
}

.icon-tk-print:before {
    content: "\e610";
}

.icon-tk-ring-dot:before {
    content: "\e60e";
}

.icon-tk-refresh:before {
    content: "\e64a";
}

.icon-tk-radio:before {
    content: "\e61e";
}

.icon-tk-ring:before {
    content: "\e645";
}

.icon-tk-rising:before {
    content: "\e641";
}

.icon-tk-search-single:before {
    content: "\e651";
}

.icon-tk-rss-feed:before {
    content: "\e633";
}

.icon-tk-search:before {
    content: "\e61c";
}

.icon-tk-shrink:before {
    content: "\e7a3";
}

.icon-tk-settings:before {
    content: "\e61b";
}

.icon-tk-share:before {
    content: "\e625";
}

.icon-tk-sms:before {
    content: "\e7a6";
}

.icon-tk-status-update:before {
    content: "\e619";
}

.icon-tk-star-single:before {
    content: "\e655";
}

.icon-tk-stagnating:before {
    content: "\e64d";
}

.icon-tk-tag:before {
    content: "\e604";
}

.icon-tk-star:before {
    content: "\e629";
}

.icon-tk-target:before {
    content: "\e7ac";
}

.icon-tk-tags-single:before {
    content: "\e652";
}

.icon-tk-telefon:before {
    content: "\e618";
}

.icon-tk-text:before {
    content: "\e7af";
}

.icon-tk-twitter:before {
    content: "\e62a";
}

.icon-tk-text1:before {
    content: "\e7b1";
}

.icon-tk-translation:before {
    content: "\e7b2";
}

.icon-tk-upload-single:before {
    content: "\e7b3";
}

.icon-tk-upload:before {
    content: "\e7b4";
}

.icon-tk-video:before {
    content: "\e64c";
}

.icon-tk-wikipedia:before {
    content: "\e60d";
}

.icon-tk-xing:before {
    content: "\e63f";
}

.icon-tk-youtube:before {
    content: "\e60a";
}

.icon-tk-zoom:before {
    content: "\e637";
}

.icon-tk-zu-hiesinger:before {
    content: "\e657";
}

.icon-tk-arrow-return:before {
    content: "\e7bb";
}

.icon-tk-check:before {
    content: "\e648";
}

.icon-tk-files-single:before {
    content: "\e7bd";
}

.icon-tk-create-files-single:before {
    content: "\e7be";
}

.icon-tk-minus1:before {
    content: "\e7bf";
}

.icon-tk-next1:before {
    content: "\e7c0";
}

.icon-tk-previous1:before {
    content: "\e7c1";
}

.icon-tk-catalogue:before {
    content: "\e7c2";
}

.icon-tk-note:before {
    content: "\e7c3";
}

.icon-tk-training:before {
    content: "\e7c4";
}

.icon-tk-press-single:before {
    content: "\e78f";
}

.icon-tk-press:before {
    content: "\e607";
}

.icon-tk-community:before {
    content: "\e63a";
}

.icon-tk-quiz:before {
    content: "\e646";
}

.icon-tk-press-single1:before {
    content: "\e794";
}

.icon-tk-selectall:before {
    content: "\e798";
}

.icon-tk-file-zip:before {
    content: "\e799";
}

.icon-tk-oil-and-gas:before {
    content: "\e79a";
}

.icon-tk-aprvl:before {
    content: "\e79b";
}

.icon-tk-milestone:before {
    content: "\e79c";
}

.icon-tk-performance-anti:before {
    content: "\e79d";
}

.icon-tk-partner:before {
    content: "\e79e";
}

.icon-tk-performance-easy:before {
    content: "\e79f";
}

.icon-tk-services-new-inst:before {
    content: "\e7a0";
}

.icon-tk-services-inspecti:before {
    content: "\e7a1";
}

.icon-tk-truck:before {
    content: "\e7a2";
}

.icon-tk-stakeholder-contr:before {
    content: "\e7a4";
}

.icon-tk-shipbuilding:before {
    content: "\e7a5";
}

.icon-tk-adjust:before {
    content: "\e7a7";
}

.icon-tk-sd:before {
    content: "\e7a8";
}

.icon-tk-safety:before {
    content: "\e7a9";
}

.icon-tk-expand2:before {
    content: "\e7c5";
}

.icon-tk-shrink2:before {
    content: "\e7c6";
}

.icon-tk-swp:before {
    content: "\e7ad";
}

.icon-tk-half:before {
    content: "\e7ae";
}

.icon-tk-left-expand:before {
    content: "\e7b0";
}

.icon-tk-right-expand:before {
    content: "\e7b5";
}

.icon-tk-noinfo-single:before {
    content: "\e7b6";
}

.icon-tk-assignment:before {
    content: "\e7b7";
}

.icon-tk-outlook:before {
    content: "\e7b8";
}

.icon-tk-message-stopped:before {
    content: "\e7b9";
}

.icon-tk-create-text-single:before {
    content: "\e7c7";
}

.icon-tk-logo-signet:before {
    content: "\e7c9";
}

.icon-tk-view:before {
    content: "\e7c8";
}

.icon-tk-logo-seconda:before {
    content: "\e7ca";
}

.icon-tk-guiderail:before {
    content: "\e7da";
}

.icon-tk-car:before {
    content: "\e7db";
}

.icon-tk-landingdoor:before {
    content: "\e7dc";
}

.icon-tk-undone:before {
    content: "\e7dd";
}

.icon-tk-electrical:before {
    content: "\e7de";
}

.icon-tk-machineroom:before {
    content: "\e7df";
}

.icon-tk-positioning:before {
    content: "\e7e0";
}

.icon-tk-synchronize:before {
    content: "\e7e1";
}

.icon-tk-pit:before {
    content: "\e7e2";
}

.icon-tk-waiting:before {
    content: "\e7e3";
}

.icon-tk-roping:before {
    content: "\e7e4";
}

.icon-tk-installation:before {
    content: "\e7e5";
}

.icon-tk-pit1:before {
    content: "\e7e6";
}

.icon-tk-trigger-billingd:before {
  content: "\e7e7";
}

.icon-tk-trigger-billing:before {
  content: "\e7e8";
}

.icon-tk-annex:before {
    content: "\e7e9";
}

.icon-tk-up:before {
  content: "\e7ea";
}

.icon-tk-logo-first:before {
  content: "\e7ed";
}

.icon-tk-fu:before {
  content: "\e7f5";
}

.icon-tk-disabled:before {
  content: "\e800";
}

.icon-tk-sun:before {
  content: "\e803";
}

.icon-tk-moon:before {
  content: "\e804";
}

.icon-tk-sickunit:before {
  content: "\e805";
}

.icon-tk-map:before {
  content: "\e806";
}

.icon-tk-assa:before {
  content: "\e807";
}

.icon-tk-expense:before {
  content: "\e808";
}

.icon-tk-document-d:before {
  content: "\e80a";
}

.icon-tk-no-permission:before {
  content: "\e80b";
}

.icon-tk-down-single:before {
  content: "\e80c";
}

.icon-tk-up-single:before {
  content: "\e80d";
}

.icon-tk-relatedinfo:before {
  content: "\e80e";
}

.icon-tk-structure:before {
  content: "\e811";
}

.icon-tk-ar:before {
  content: "\e81c";
}

.icon-tk-no-certification:before {
  content: "\e828";
}

.icon-tk-office:before {
  content: "\e829";
}

.icon-tk-certification:before {
  content: "\e82a";
}

.icon-tk-vip:before {
  content: "\e82d";
}

.icon-tk-noso:before {
  content: "\e833";
}

.icon-tk-forumd:before {
  content: "\e831";
}

.icon-tk-backtopd:before {
  content: "\e830";
}

.icon-tk-oi-tracking:before {
  content: "\e83b";
}

.icon-tk-travel:before {
  content: "\e83c";
}

.icon-tk-so:before {
  content: "\e83d";
}

.icon-tk-ppc:before {
  content: "\e841";
}

.icon-tk-not-sorted:before {
  content: "\e848";
}

.icon-tk-positive-sorted:before {
  content: "\e849";
}

.icon-tk-reverse-sorted:before {
  content: "\e84a";
}

.icon-tk-kpi-tracking:before {
  content: "\e84b";
}

.icon-tk-detail:before {
  content: "\e84d";
}

.icon-tk-incomplete:before {
  content: "\e84e";
}


.icon-tk-merge:before {
  content: "\e84f";
}

.icon-tk-merged:before {
  content: "\e850";
}

.icon-tk-company:before {
  content: "\e851";
}

.icon-tk-percentage:before {
  content: "\e852";
}

.icon-tk-plumbline:before {
  content: "\e853";
}

.icon-tk-unit:before {
  content: "\e854";
}

.icon-tk-history:before {
  content: "\e85f";
}

.icon-tk-close-document:before {
  content: "\e860";
}

.icon-tk-see:before {
  content: "\e861";
}

.icon-tk-nosee:before {
  content: "\e862";
}

.icon-tk-creat-inview:before {
  content: "\e864";
}

.icon-tk-nexttime:before {
  content: "\e865";
}

.icon-tk-pretime:before {
  content: "\e866";
}

.icon-tk-filter:before {
  content: "\e868";
}

.icon-tk-filterd:before {
  content: "\e867";
}

.icon-tk-project-service:before {
  content: "\e869";
}

.icon-tk-equally:before {
  content: "\e86a";
}

.icon-tk-first-car:before {
  content: "\e86b";
}

.icon-tk-grid:before {
  content: "\e86c";
}

.icon-tk-maxprem:before {
  content: "\e879";
}

.icon-tk-unqualified:before {
  content: "\e87a";
}

.icon-tk-max:before {
  content: "\e87b";
}

.icon-tk-maxpro:before {
  content: "\e87c";
}

.icon-tk-nim:before {
  content: "\e87d";
}

.icon-tk-qualified:before {
  content: "\e87e";
}

.icon-tk-maxplus:before {
  content: "\e87f";
}

.icon-tk-max-call:before {
  content: "\e827";
}

.icon-tk-camera:before {
  content: "\e85b";
}

.icon-tk-maxbc:before {
  content: "\e880";
}

.icon-tk-material:before {
  content: "\e883";
}

.icon-tk-tkis:before {
  content: "\e884";
}

.icon-tk-mfile:before {
  content: "\e885";
}

.icon-tk-distributor:before {
  content: "\e886";
}

.icon-tk-comment:before {
  content: "\e887";
}

.icon-tk-covid:before {
  content: "\e888";
}

.icon-tk-hand:before {
  content: "\e889";
}

.icon-tk-addcustomer:before {
  content: "\e891";
}

.icon-tk-ivr:before {
  content: "\e892";
}

.icon-tk-comment-history:before {
  content: "\e893";
}

.icon-tk-estimate:before {
  content: "\e895";
}

.icon-tk-nexttime-sel:before {
  content: "\e897";
}

.icon-tk-prettime-sel:before {
  content: "\e898";
}

.icon-tk-logo-claim:before {
  content: "\e89c";
}

.icon-tk-turn-left:before {
  content: "\e89f";
}

.icon-tk-check-box:before {
  content: "\e8cb";
}

.icon-tk-cross-box:before {
  content: "\e8cc";
}

.icon-tk-direction:before {
  content: "\e8cd";
}

.icon-tk-eagle:before {
  content: "\e8e3";
}

.icon-tk-move:before {
  content: "\e8fa";
}

.icon-tk-bad:before {
  content: "\e8fc";
}

.icon-tk-fine:before {
  content: "\e8fd";
}

.icon-tk-generally:before {
  content: "\e8fe";
}

.icon-tk-point:before {
  content: "\e8ff";
}

.icon-tk-cr:before {
  content: "\e906";
}

.icon-tk-ka-child:before {
  content: "\e919";
}

.icon-tk-ka-symbol:before {
  content: "\e91a";
}

.icon-tk-approver:before {
  content: "\e91d";
}

.icon-tk-slideshow:before {
  content: "\e923";
}

.icon-tk-speed:before {
  content: "\e92a";
}

.icon-tk-todo:before {
  content: "\e7e6";
}

.icon-tk-decrease-decimal:before {
  content: "\e92b";
}

.icon-tk-increase-decimal:before {
  content: "\e92c";
}

.icon-tk-care:before {
  content: "\e92d";
}

.icon-tk-dollar:before {
  content: "\e932";
}

.icon-tk-max-device:before {
  content: "\e933";
}

.icon-tk-max-service:before {
  content: "\e934";
}

.icon-tk-max-unit:before {
  content: "\e935";
}

.icon-tk-watchlist:before {
  content: "\e936";
}

.icon-tk-blacklist:before {
  content: "\e937";
}

.icon-tk-crown:before {
  content: "\e939";
}

.icon-tk-alarm:before {
  content: "\e942";
}

.icon-tk-watchlist-g:before {
  content: "\e943";
}

.icon-tk-blacklist-g:before {
  content: "\e944";
}

.icon-tk-start:before {
  content: "\e948";
}

.icon-tk-turn-right:before {
  content: "\e947";
}

.icon-tk-poc:before {
  content: "\e94a";
}

.icon-tk-cc:before {
  content: "\e94e";
}

.icon-tk-r:before {
  content: "\e912";
}

.icon-tk-code-update:before {
  content: "\e94f";
}

.icon-tk-dollar-update:before {
  content: "\e950";
}

.icon-tk-doc-update:before {
  content: "\e951";
}

.icon-tk-tooltip:before {
  content: "\e955";
}

.icon-tk-tie:before {
  content: "\e967";
}

.icon-tk-idea:before {
  content: "\e96a";
}

.icon-tk-maintenance:before {
  content: "\e96b";
}

.icon-tk-megaphone:before {
  content: "\e970";
}

.icon-tk-positive:before {
  content: "\e971";
}

.icon-tk-m:before {
  content: "\e97a";
}

.icon-tk-m-b:before {
  content: "\e97a";
  color: #b70000;
  background-color: #fff;
}

.icon-tk-m-g:before {
  content: "\e97a";
  background-color: #eeca40;
  color:#000;
}

.icon-tk-m2:before {
  content: "\e97b";
}

.icon-tk-warehouse:before {
  content: "\e96e";
}

.icon-tk-spares-catalog:before {
  content: "\e97c";
}

.icon-tk-fullscreen:before {
  content: "\e965";
}

.icon-tk-complaint:before {
  content: "\e985";
}

.icon-tk-project:before {
  content: "\e988";
}

.icon-tk-cfavorite:before {
  content: "\e987";
}

.icon-tk-ticket:before {
  content: "\e969";
}

.icon-tk-morecall:before {
  content: "\e989";
}

.icon-tk-autotest:before {
  content: "\e98a";
}

.icon-tk-no-sales:before {
  content: "\e98e";
}

.icon-tk-vs:before {
  content: "\e993";
}

.icon-tk-preview:before {
  content: "\e994";
}

.icon-tk-before:before {
  content: "\e995";
}

.icon-tk-exit-fullscreen:before {
  content: "\e996";
}

.icon-tk-control-barrier:before {
  content: "\e8c9";
}

.icon-tk-mainthours:before {
  content: "\e9aa";
}

.icon-tk-configuration:before {
  content: "\e9ab";
}

.icon-tk-android:before {
  content: "\e99b";
}

.icon-tk-ios:before {
  content: "\e99c";
}

.icon-tk-hard-hat:before {
  content: "\e99d";
}

.icon-tk-gear:before {
  content: "\e99e";
}

.icon-tk-recycle:before {
  content: "\e9b2";
}

.icon-tk-sivi:before {
  content: "\e9b3";
}

.icon-tk-cafe:before {
  content: "\e9b4";
}

.icon-tk-clear:before {
  content: "\e9b9";
}

.icon-tk-average:before {
  content: "\e9b8";
}

.icon-tk-fadada:before {
  content: "\e65a";
}

.icon-tk-chatbox:before {
    content: "\e9be";
}

.icon-tk-stard:before {
    content: "\e9c0";
}

html,
body {
    font-family: tketype, Arial, Verdana, sans-serif;
    font-size: 14px;
    line-height: 20px;
    min-width: 320px;
    margin: 0;
    background-color: #fff;
}

.lt-ie9 body {
    min-width: 980px;
}

.lt-ie9 #breadcrumb {
    width: 940px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: hidden;
}

.lt-ie9 #main {
    min-width: 940px;
    max-width: 100%;
    overflow-x: hidden;
}


/*
---------------------------------------------------------------------------
common
---------------------------------------------------------------------------
*/

a:active,
a:focus,
a,
div,
* {
    outline: none !important;
}

button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

button,
input,
select,
textarea {
    font-family: tketype, Arial, Verdana, sans-serif;
}

.placeholder-active {
    color: #545F6A;
}

.lt-ie9 b,
.lt-ie9 strong {
    font-weight: normal;
}


/* Hide elements */

.no-js .hide-nojs {
    display: none !important;
}

.js .hide-js {
    display: none !important;
}


/*
---------------------------------------------------------------------------
main
---------------------------------------------------------------------------
*/

#main {
    *zoom: 1;
    margin: 0 auto 15px;
    max-width: 1310px;
    width: 1310px;
}

#main:before,
#main:after {
    content: " ";
    display: table;
}

#main:after {
    clear: both;
}

@media screen and (max-width: 1414px) {
    #main {
        margin: 0 40px 10px;
        width: auto;
    }
}

@media screen and (max-width: 979px) {
    #main {
        margin-left: 25px;
        margin-right: 25px;
    }
}

@media screen and (max-width: 991px) {
    #main {
        margin: 0 17px;
        width: auto;
    }
}

.lt-ie9 #main {
    width: 940px;
}

#main p {
    margin: 0 0 1em;
}

#main img {
    max-width: 100%;
}

#main ul {
    margin: 0 0 1em 14px;
}

#main ol {
    margin: 0 0 1em 18px;
}

#main ul li,
#main ol li {
    margin-bottom: 0.6em;
}

#main a {
    color: #7000bd;
    text-decoration: none;
}

#main a:hover,
#main a:active,
#main a:focus {
    text-decoration: none;
}

#main .more {
    display: inline-block;
    text-decoration: none;
}

#main .more:after {
    display: inline-block;
    font-family: 'thyssen-krupp-iconfont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#main .more:after {
    content: "\e638";
}

#main .more:hover,
#main .more:active,
#main .more:focus {}

#main .more:after {
    font-size: 0.75em;
    margin-left: 5px;
    margin-top: 0.3em;
}

#main .back-to-top {
    clear: both;
    color: #a5a5a4;
    cursor: pointer;
    float: right;
    font-size: 1.0em;
    line-height: 1.625em;
    margin: 50px 0 15px;
    text-decoration: none;
}

#main .back-to-top:after {
    display: inline-block;
    font-family: 'thyssen-krupp-iconfont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#main .back-to-top:after {
    content: "\e617";
}

#main .back-to-top:hover,
#main .back-to-top:active {
    color: #003c7d;
}

#main .back-to-top:after {
    margin-left: 8px;
    font-size: 12px;
}

#main .icon-download:before {
    display: inline-block;
    font-family: 'thyssen-krupp-iconfont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    line-height: 1.25;
    content: "\e605";
    padding-right: 6px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#main .icon-download {
    display: inline-block;
    text-decoration: none;
}

h1 {
    font-weight: normal;
    font-size: 36px;
    line-height: 49px;
    margin: 0 0 7px 0;
}


/* Breadcrumb */

#breadcrumb {
    font-size: 1.143em;
    line-height: 1.625em;
    margin: 8px 0 0px 0;
    color: #666666;
    clear: both;
}

@media screen and (max-width: 991px) {
    #breadcrumb {
        margin-top: 0px;
        margin-bottom: 0px;
    }
}

@media screen and (max-width: 767px) {
    #breadcrumb {}
}

#breadcrumb>ul {
    list-style: none;
    margin: 0 25px;
    padding: 0px 15px 0 15px;
    position: relative;
    max-height: 26px;
}

#visual+#breadcrumb>ul {
    margin-top: 0;
    padding-top: 0;
}

@media screen and (max-width: 1414px) {
    #breadcrumb>ul {
        margin: 0 25px;
        width: auto;
    }
}

@media screen and (max-width: 979px) {
    #breadcrumb>ul {
        margin-left: 10px;
        margin-right: 10px;
    }
}

@media screen and (max-width: 991px) {
    #breadcrumb>ul {
        margin: 6px 17px 0 17px;
        padding: 0;
        width: auto;
    }
}

#breadcrumb li {
    display: inline-block;
    margin: 0;
}

.lt-ie8 #breadcrumb li {
    display: inline;
}

@media screen and (max-width: 991px) {
    #breadcrumb li {
        display: none;
    }
    #breadcrumb li:last-child {
        display: table;
        margin-left: 0;
    }
    #breadcrumb li:last-child:before {
        display: inline-block;
        font-family: 'thyssen-krupp-iconfont';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-decoration: none;
        line-height: 1.25em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    #breadcrumb li:last-child:before {
        content: "\e61d";
    }
    #breadcrumb li:last-child:before {
        color: #758092;
        display: table-cell;
        font-size: 16px;
        padding-right: 10px;
        display: none;
    }
    #breadcrumb li:last-child a {
        display: table-cell;
    }
}

#breadcrumb li:before {
    content: "-";
    color: #78879b;
    margin-left: 8px;
    margin-right: 8px;
}

#breadcrumb li:first-child:before {
    display: none;
}

#breadcrumb li a {
    color: #78879b;
    text-decoration: none;
    vertical-align: middle;
}

#breadcrumb li a:hover,
#breadcrumb li a:active,
#breadcrumb li a:focus {
    color: #003c7d;
}

#breadcrumb li span {
    color: #78879b;
}

#breadcrumb li span#menu-primary,
#breadcrumb li span#menu-detail {
    color: #4B5564;
}

#breadcrumb li span#menu-primary {
    margin-right: 5px;
}

#breadcrumb li span#menu-detail {
    margin-left: 5px;
}

@media screen and (max-width: 991px) {
    #breadcrumb li span#menu-primary,
    #breadcrumb li span#menu-detail {
        text-decoration: underline;
    }
}

@media screen and (max-width: 767px) {
    #breadcrumb li span#menu-primary,
    #breadcrumb li span#menu-detail {
        color: #4B5564;
        text-decoration: underline;
    }
}


/*
---------------------------------------------------------------------------
header
---------------------------------------------------------------------------
*/

#header {
    *zoom: 1;
    background-color: #fff;
    margin: 0;
    padding: 0;
    width: 100%;
    height: ;
}

#header:before,
#header:after {
    content: " ";
    display: table;
}

#header:after {
    clear: both;
}

#header>div {
    margin: 0 25px 10px 25px;
    position: relative;
    background-color: #fff;
    padding-left: 15px;
    padding-right: 15px;
}

@media screen and (max-width: 1414px) {
    #header>div {
        margin: 0 25px 10px;
        width: auto;
    }
}

@media screen and (max-width: 979px) {
    #header>div {
        margin-left: 10px;
        margin-right: 10px;
    }
}

@media screen and (max-width: 991px) {
    #header {
        height: ;
    }
    #header>div {
        margin: 0 17px;
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width: 767px) {
    #header {
        height: ;
    }
    #header>div {
        overflow: hidden;
    }
}

.lt-ie9 #header {
    width: 96%;
    padding: 0 2%;
    z-index: 10;
}


/*
---------------------------------------------------------------------------
header / meta menu
---------------------------------------------------------------------------
*/

#header .menu {
    position: absolute;
    top: -28px;
    right: 0px;
    color: #fff;
}

@media screen and (max-width: 991px) {
    #header .menu>div {
        display: none;
    }
}

#header .metanavi:before,
#header .metanavi:after {
    content: " ";
    display: table;
}

#header .metanavi:after {
    clear: both;
}

#header ul.metanavi::before,
#header ul.metanavi::after {
    content: " ";
    display: table;
}

#header ul.metanavi::after {
    clear: both;
}

#header ul.metanavi::before,
#header ul.metanavi::after {
    content: " ";
    display: table;
}

#header ul.metanavi {
    border: none;
    font-size: 1em;
    line-height: 1.28571em;
    list-style-type: none;
    margin-top: 25px;
    padding-bottom: 14px;
    position: relative;
}

#header ul.metanavi li:first-child {
    margin-left: 0;
    color: #fff;
}

#header .metanavi li.selected a {
    border: none;
    color: #fff;
}

#header ul.metanavi li a {
    color: #fff;
}

#header .metanavi li {
    float: left;
    margin-left: 33px;
}

#header .metanavi li:first-child {
    margin-left: 0;
}

#header .metanavi li a {
    border-bottom: 1px solid transparent;
    color: #706f6f;
    display: block;
    padding: 1px 0;
    text-decoration: none;
}

#header .metanavi li a:hover,
#header .metanavi li a:active,
#header .metanavi li a:focus {
    border: none;
    color: #003c7d;
}

#header .metanavi li.selected a {
    border-color: #fff;
    color: #fff;
}

#header .metanavi li.selected a:hover {
    border-color: transparent;
}


/*
---------------------------------------------------------------------------
header / title
---------------------------------------------------------------------------
*/

#title {
    position: absolute;
    top: -16px;
    right: 15px;
    display: block;
    width: 106px;
    height: 30px;
    text-align: center;
}

#title .icon-tk-view {
    font-size: 64px;
	color: #262626;
}

@media screen and (max-width: 991px) {
    #title {
        position: absolute;
        top: -18px;
        right: 0px;
        display: block;
        width: 106px;
        height: 62px;
        text-align: center;
    }
    #title .icon-tk-view {
        font-size: 64px;
    }
}

@media screen and (max-width: 767px) {
    #title {
        position: absolute;
        top: -2px;
        left: 80px;
        width: 106px;
        height: 52px;
        text-align: left;
    }
	#title .icon-tk-view {
	    font-size: 52px;
	}
}


/*
---------------------------------------------------------------------------
header / logo
---------------------------------------------------------------------------
*/

#logo {
    display: block;
    width: 90px;
    height: 32px;
    margin: 15px 30px 15px 0;
    text-align: center;
}

#logo img {
    height: 32px;
}

@media screen and (max-width: 991px) {
    #logo {
        width: 90px;
        height: 30px;
        margin: 15px 30px 15px 0;
    }
    #logo img {
        height: 32px;
    }
}

@media screen and (max-width: 767px) {
    #logo {
        width: 72px;
        height: 24px;
        margin: 15px 15px 15px 0;
    }
    #logo img {
        height: 24px;
    }
}


/*
---------------------------------------------------------------------------
header / claim
---------------------------------------------------------------------------
*/

#claim {
    color: #fff;
    font-size: 1.5em;
    line-height: 2.063em;
    position: absolute;
    top: 72px;
    left: 218px;
}

@media screen and (max-width: 991px) {
    #claim {
        font-size: 1.25em;
        line-height: 1.719em;
        top: 60px;
        left: 158px;
    }
}

@media screen and (max-width: 570px) {
    #claim {
        /*left:128px;*/
        display: none;
    }
}

@media screen and (max-width: 767px) {
    #claim {
        display: none;
    }
}


/*
---------------------------------------------------------------------------
header / mobile nav
---------------------------------------------------------------------------
*/

#header #mobnav {
    display: none;
}

@media screen and (max-width: 767px) {
    #header #mobnav {
        display: block;
        position: absolute;
        right: 0px;
        top: 6px;
    }
}

#header #mobnav a.mmi {
    display: block;
    float: left;
    text-decoration: none;
    padding-top: 5px;
}

#header #mobnav a.mmi .icon-tk-close {
    font-size: 41px;
    display: none;
}

#header #mobnav a.mmi .icon-tk-menu {
    font-size: 30px
}

#header #mobnav a.mmi.mci {
    display: block;
    float: left;
}

#header #mobnav a.mmi.mci .icon-tk-close {
    font-size: 30px;
    display: block;
}

#header #mobnav a.mmi.mci .icon-tk-menu {
    font-size: 41px;
    display: none;
}


/*
---------------------------------------------------------------------------
navbar
---------------------------------------------------------------------------
*/

#navbar {
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #000000;
    position: relative;
    z-index: 120;
}

#navbar::after {
    clear: both;
}

#navbar+#main {
    margin-top: 40px;
}

#navbar>div {
    padding: 0 15px;
    width: auto;
    margin: 0 25px;
}

@media screen and (max-width: 1414px) {
    #navbar>div {
        margin: 0 25px 10px;
        width: auto;
    }
}

@media screen and (max-width: 979px) {
    #navbar>div {
        margin-left: 10px;
        margin-right: 10px;
        overflow: hidden;
    }
}

@media screen and (max-width: 991px) {
    #navbar>div {
        margin: 0 17px;
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width: 767px) {
    #navbar {}
}

#navbar:after {
    clear: both;
}

#navbar ul {
    padding: 6px 0 6px 0;
}

#navbar .mainnavit,
#navbar .mainnavime {
    overflow: hidden;
}

#navbar li {
    float: left;
    margin-right: 24px;
}

#navbar li a {
    background-color: transparent;
    color: #fff;
    display: block;
    font-size: 16px;
    line-height: 31px;
    padding: 0;
    text-decoration: none;
    text-transform: none;
    font-weight: normal;
    cursor: pointer;
}

#navbar li a.mti:hover {
    color: #7000bd;
}

#navbar li a span.selected {
    color: #EF670D;
}

.lt-ie9 #navbar {
    width: 96%;
    padding: 0 2%;
}

.lt-ie9 #navbar li a,
.no-js #navbar li a {
    font-size: 1.0em;
}

#navbar .mainnavi,
#navbar .mainnavit,
#navbar .mainnavim,
#navbar .mainnavime {
    list-style-type: none;
}


/*
---------------------------------------------------------------------------
navbarf
---------------------------------------------------------------------------
*/

#navbarf {
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #FFFFFF;
    position: relative;
    z-index: 102;
    margin-bottom: 1px;
    height: 34px;
}

@media screen and (max-width: 1414px) {
    #navbarf {
        margin-top: -10px
    }
}

#navbarf::after {
    clear: both;
}

#navbarf+#main {
    margin-top: 40px;
}

#navbarf>div {
    padding: 0 15px;
    width: auto;
    margin: 0 25px;
}

@media screen and (max-width: 1414px) {
    #navbarf>div {
        margin: 0 25px 10px;
        margin-top: -10px width: auto;
    }
}

@media screen and (max-width: 979px) {
    #navbarf>div {
        margin-left: 10px;
        margin-right: 10px;
        overflow: hidden;
    }
}

@media screen and (max-width: 991px) {
    #navbarf {
        display: none;
    }
    #navbarf>div {
        margin: 0 17px;
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width: 767px) {
    #navbarf {
        height: 40px;
    }
}

#navbarf:after {
    clear: both;
}

#navbarf ul {
    padding: 6px 0 0px 0;
}

#navbarf li {
    float: left;
    margin-right: 38px;
}

#navbarf li a {
    background-color: transparent;
    color: #fff;
    display: block;
    font-size: 1.143em;
    line-height: 2.063em;
    padding: 0;
    text-decoration: none;
    text-transform: none;
    font-weight: normal;
    cursor: pointer;
}

#navbarf li a.mti:hover {
    color: #003c7d;
}

#navbarf li a span.selected {
    color: #003c7d;
}

.lt-ie9 #navbarf {
    width: 96%;
    padding: 0 2%;
}

.lt-ie9 #navbarf li a,
.no-js #navbarf li a {
    font-size: 1.0em;
}

#navbarf .mainnavif {
    list-style-type: none;
    padding-top: 2px;
    overflow: inherit;
    float: left;
}


/*
---------------------------------------------------------------------------
navbar / main (desktop)
---------------------------------------------------------------------------
*/

.lt-ie8 #navbar .mainnavi,
#navbarf .mainnavif,
#navbar .mainnavit,
#navbar .mainnavim,
#navbar .mainnavime {
    clear: left;
    width: 100%;
}

#navbar .mainnavi {
    overflow: inherit;
    height: 42px;
}

#navbar .mainnavi>li {
    position: relative;
    float: left;
    margin-right: 0px;
	padding-right: 24px;
}

#navbar .mainnavi>li.p_menu {
    display: none;
    float: right;
}

#navbar .mainnavi>center.p_name {
    overflow: hidden;
    margin-top: -3px;
    color: #FFFFFF;
}

#navbar .mainnavi>center.p_name .currentuser {
    width: 100%;
}

#navbar .mainnavi>center.p_name .currentuser>span {
    display: inline-block;
    white-space: nowrap;
    font-size: 1.25em;
    line-height: 2.063em;
}

@media screen and (max-width: 979px) {
    #navbar .mainnavi>li {
        margin-right: 20px;
        padding-top: 2px;
    }
}

@media screen and (max-width: 880px) {
    #navbar .mainnavi>li {
        margin-right: 28px;
        padding-top: 5px;
    }
}

#navbar .mainnavi>li.active:after {
    content: "";
    display: block;
    height: 15px;
    margin: 0 auto;
    position: relative;
    width: 30px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
    #navbar .mainnavi>li.active:after {
        background-size: 500px 900px;
    }
}

#navbar .mainnavi>li>a {
    border: 0;
    color: #fff;
    display: block;
    padding: 0;
    text-decoration: none;
}

#navbar .mainnavi>li>a:hover {
    color: rgba(255,255,255,0.8);
}

#navbar .mainnavi>li:hover>a {
    color: rgba(255,255,255,0.8);
}

#navbar .mainnavi>li>a>div>.tk-icon {
    color: #FFFFFF;
    font-size: 28px;
}

#navbar .mainnavi>li>a>div>.tk-icon.a-icon:hover {
    color: rgba(255,255,255,0.8) !important;
    font-size: 28px;
}

#navbar .mainnavi>li.selected>a {
    border: none;
    text-decoration: none;
    color: #003c7d;
}

#navbar .mainnavi>li.active>a,
#navbar .mainnavi>li>a:active,
#navbar .mainnavi>li>a:focus {}

#navbar .mainnavi>li.marker>a {
    background: url('../img/responsive/layout/nav-triangle.png') no-repeat bottom center;
}

#navbar .mainnavi>li.selected>a:hover {}

.no-js #navbar .mainnavi>li:hover .mdd {
    display: block;
    margin-top: 0;
    padding-top: 10px;
}

#navbar .mainnavi>li.language-select {
    display: none;
}

#navbar .mainnavi .mdd {
    width: 225px;
    cursor: default;
    display: none;
    left: -2px;
    margin-top: 0;
    position: absolute;
    right: 0;
    z-index: 100;
    float: right;
	border-top: 6px solid #000000;
}

#navbar .mainnavi .mdd.mdd_help {
    left: -93px;
    width: 186px;
}

#navbar .mainnavi .mdd.mdd_menu {
    left: -28px;
    width: 186px;
}

#navbar .mainnavi .mdd.mdd_language {
    width: 186px;
}

#navbar .mainnavi .mdd.mdd_language.login_language {
    width: 150px;
    left: -90px;
}

#navbar .mainnavi .p_menu .mdd {
    width: 225px;
    cursor: default;
    display: none;
    left: -180px;
    margin-top: 0;
    position: absolute;
    right: 0;
    z-index: 100;
    float: right;
}

@media screen and (min-width: 979px) {
    #navbar .mainnavi .mdd {
        top: 28px;
    }
}

.lt-ie8 #navbar .mainnavi .mdd {
    margin-top: 7px;
}

#navbar .mainnavi .mdd>div {
    margin: 0 auto;
    padding: 0 0px 0 0px;
    position: relative;
    width: auto;
    margin: 0 0px;
}

@media screen and (max-width: 1414px) {
    #navbar .mainnavi .mdd>div {
        margin: 0 0px;
        width: auto;
    }
}

@media screen and (max-width: 1111px) {
    #navbar .mainnavi a {
        font-size: 16px;
    }
}

@media screen and (max-width: 979px) {
    #navbar .mainnavi .mdd>div {
        margin-left: 10px;
        margin-right: 10px;
    }
}

@media screen and (max-width: 880px) {
    #navbar .mainnavi a {
        font-size: 1.0em;
    }
}

.lt-ie9 #navbar .mainnavi .mdd>div {
    width: 940px;
}

#navbar .mainnavi .mdd .mmd-head:after {
    clear: both;
}

#navbar .mainnavi .mdd .mmd-head {
    display: block;
    height: 42px;
    padding: 24px 0px;
}

#navbar .mainnavi .mdd .mmd-head a.mmd-back {
    display: block;
    float: left;
    background: transparent;
    color: #7000bd;
}

#navbar .mainnavi .mdd .mmd-head a.close-mdd {
    display: block;
    float: right;
    background: url('../img/responsive/icon-close.png') no-repeat center right;
    width: 42px;
    height: 42px;
}

#navbar .mainnavi .mdd ul {
    *zoom: 1;
    font-family: tketype, Arial, Verdana, sans-serif;
    list-style-type: none;
}

#navbar .mainnavi .mdd ul:before,
#navbar .mainnavi .mdd ul:after {
    content: " ";
    display: table;
}

#navbar .mainnavi .mdd ul:after {
    clear: both;
}



#navbar .mainnavi .mdd.mdd_help ul.column1:before,
#navbar .mainnavi .mdd.mdd_help ul.column1:after {
    left: 101px;
}

#navbar .mainnavi .mdd.mdd_menu ul.column1:before,
#navbar .mainnavi .mdd.mdd_menu ul.column1:after {
    left: 35px;
}

#navbar .mainnavi .mdd.mdd_language.login_language ul.column1:before,
#navbar .mainnavi .mdd.mdd_language.login_language ul.column1:after {
    left: 96px
}

#navbar .mainnavi .p_menu .mdd ul.column1:before {
    left: 190px;
}

#navbar .mainnavi .p_menu .mdd ul.column1:after {
    left: 191px;
}

#navbar .input_search_menu_box {
    position: relative;
}

#navbar .input_search_menu {
    background-color: #d9dee8;
    border: 1px solid #d9dee8;
    color: #333333;
    margin-bottom: 6px;
    padding-left: 24px;
	width: 100%;
}

#navbar .mainnavi .mdd.mdd_help ul.column1 li:hover .input_search_menu {
    border: 1px solid #c3c7d0;
}

#navbar .mainnavi .mdd.mdd_help ul.column1 li:hover .input_search_menu:focus {
    border: 1px solid #7000bd;
}

#navbar .input_search_menu:focus {
    border: 1px solid #7000bd;
}

#navbar .icon_search_menu {
    position: absolute;
    left: 8px;
    top: 0px;
    color: #999999;
    font-size: 13px;
    padding: 4px 0;
}

@media screen and (max-width: 991px) {
    #navbar .icon_search_menu {
        position: absolute;
        left: 8px;
        top: 0px;
        color: #999999;
        font-size: 13px;
        padding: 7px 0;
    }
}

#navbar .mainnavim .input_search_menu_box .dropdown-menu {
    padding: 6px;
    font-size: 1em;
    border-radius: 0;
}

#navbar .mainnavit .input_search_menu_box .dropdown-menu {
    padding: 6px;
    font-size: 1em;
    border-radius: 0;
}

#navbar .mainnavi .input_search_menu_box .dropdown-menu {
    font-size: 1em;
    border-radius: 0;
	border: 2px solid #262626;
}

#navbar .mainnavi .mdd.has-image ul {
    width: 75%;
}

#navbar .mainnavi .mdd ul.column1 {
    background-color: #ffffff;
    width: 100%;
    float: left;
    padding: 10px 0px 10px 0;
    overflow: inherit;
	border: 2px solid #262626;
}

#navbar .mainnavi .mdd ul.column2,
#navbar .mainnavi .mdd ul.column3,
#navbar .mainnavi .mdd ul.column4,
#navbar .mainnavi .mdd ul.column5 {
    background-color: #ffffff;
	border: 2px solid #262626;
    width: 225px;
    float: left;
    padding: 10px 0px 10px 0;
    position: absolute;
    left: 220px;
    overflow: inherit;
    top: -16px;
}

#navbar .mainnavi .p_menu .mdd ul.column2,
#navbar .mainnavi .p_menu .mdd ul.column3,
#navbar .mainnavi .p_menu .mdd ul.column4,
#navbar .mainnavi .p_menu .mdd ul.column5 {
    left: -227px;
}

#navbar .mainnavi .mdd li {
    padding: 0 15px;
    float: none;
    display: block;
    height: auto;
    margin-bottom: 0;
    margin-right: 0;
    position: relative;
}

#navbar .mainnavi .p_menu .mdd .column1>li {
    padding-top: 2px;
    padding-bottom: 2px;
}

#navbar .mainnavi .mdd li:first-child {}

#navbar .mainnavi .mdd li.overview {
    font-weight: bold;
    color: #7000bd;
    padding-bottom: 5px;
}

#navbar .mainnavi .mdd li.overview a {
    padding: 0;
}

#navbar .mainnavi .mdd li.overview span {
    font-weight: normal;
    font-size: 0.667em;
    line-height: 1.0em;
    display: block;
    margin: 0;
    padding: 15px 0 0 0;
}

#navbar .mainnavi .mdd li.disabled span {
    color: #72849A;
}

#navbar .mainnavi .mdd li:hover {
    background-color: #F6F6F6;
}

#navbar .mainnavi .mdd li.disabled:hover {
    background-color: #eef0f2;
}

#navbar .mainnavi .mdd.mdd_help .column1 li:first-child:hover {
    background-color: #EEF0F2;
}

#navbar .mainnavi .mdd li:hover>a {
    color: #434343;
}

#navbar .mainnavi .mdd li:hover>a>.a-icon {
    color: #FFFFFF;
}


#navbar .mainnavi .mdd li a {
    background-color: transparent;
    color: #3C3C3C;
    display: block;
    padding: 6px 0px;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.333em;
}

#navbar .mainnavi .mdd li span {
    display: block;
    padding: 4px 0px;
    font-size: 14px;
    line-height: 1.333em;
}

#navbar .mainnavi .mdd li a:hover,
#navbar .mainnavi .mdd li a:active {
    color: #434343;
}

#navbar .mainnavi .mdd li.selected a {
    color: #003c7d;
}

#navbar .mainnavi .mdd li a.has-sub {
    background: url(../img/responsive/nav-arrow-right.png) no-repeat center right;
}

#navbar .mainnavi .mdd li a.has-sub:hover,
#navbar .mainnavi .mdd li a.has-sub:active,
#navbar .mainnavi .mdd li a.has-sub:focus {
    color: #434343;
}

#navbar .mainnavi .mdd li.has-sub.selected a {
    color: #003c7d;
    background: url(../img/responsive/nav-arrow-right-active.png) no-repeat center right;
}

#navbar .mainnavi .mdd li.current>a {
    color: #434343;
}


#navbar .mainnavi .mdd .content {
    max-width: 24%;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
}

.lt-ie9 #navbar .mainnavi .mdd .content {
    margin-top: 45px;
    top: 0;
}

#navbar .mainnavi .mdd .content figcaption {
    bottom: 0;
    padding: 0 16px;
    position: absolute;
}

#navbar .mainnavi .mdd .content p {
    color: #ffffff;
    margin: 0 0 10px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

#navbar .mainnavi .mdd .content .caption {
    font-size: 0.84210526em;
    line-height: 1.125em;
}

#navbar .mainnavi .mdd .content img {
    max-width: 100%;
}

@media screen and (max-width: 991px) {
    #navbar .mainnavi {
        display: none;
        background-color: #ffffff;
        font-size: 1.57142857em;
        line-height: 1.09090909em;
        float: none;
        margin: 0;
        padding-bottom: 10px;
    }
    #navbar .mainnavi>li {
        background-color: #ffffff;
        border-bottom: 1px solid #ffffff;
        display: block;
        float: none;
        height: auto;
        margin: 0;
    }
    #navbar .mainnavi>li.selected>a {
        border-bottom: 0 none;
    }
    #navbar .mainnavi>li>a {
        background-color: #ededed;
        border-bottom: 0 none;
        color: #000000;
        padding: 14px 17px;
    }
    #navbar .mainnavi>li>a:active,
    #navbar .mainnavi>li>a:hover {
        background-color: #a5a5a4;
        border-bottom: 0 none;
        color: #000000;
    }
    #navbar .mainnavi>li>a:before {
        display: inline-block;
        font-family: 'thyssen-krupp-iconfont';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-decoration: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    #navbar .mainnavi>li>a:before {
        content: "\e613";
    }
    #navbar .mainnavi>li>a:before {
        color: #004b7c;
        float: right;
        font-size: 23px;
    }
    #navbar .mainnavi>li.active>a,
    #navbar .mainnavi>li>a:active {
        background-color: #a5a5a4;
        color: #000000;
    }
    #navbar .mainnavi>li>a.ui-state-active {
        background-color: #a5a5a4;
        color: #000000;
    }
    #navbar .mainnavi>li>a.ui-state-active:before {
        content: "\e617";
    }
    #navbar .mainnavi>li.language-select {
        display: block;
    }
}

@media screen and (max-width: 991px) and screen and (max-width: 767px) {
    #navbar .mainnavi {
        font-size: 1.28571429em;
        line-height: 1.22222222em;
    }
}

@media screen and (max-width: 991px) {
    #navbar .mainnavi .mdd {
        border-top: 1px solid #ffffff;
        margin: 0 0 10px;
        position: relative;
    }
    #navbar .mainnavi .mdd>div {
        margin: 0 17px;
        width: auto;
    }
    #navbar .mainnavi .mdd .headline {
        font-size: 1.81818182em;
        line-height: 1.125em;
        display: none;
        margin-bottom: 14px;
    }
    #navbar .mainnavi .mdd ul {
        width: auto;
    }
    #navbar .mainnavi .mdd .content {
        display: none;
    }
    #navbar .mainnavi .mdd li a {
        font-size: 1em;
        line-height: 1.09090909em;
    }
}

@media screen and (max-width: 767px) {
    #navbar {}
    #navbar .mainnavi .mdd>div {
        padding: 15px 0;
    }
    #navbar .mainnavi .mdd li a {
        font-size: 0.81818182em;
        line-height: 1.22222222em;
    }
}


/*
---------------------------------------------------------------------------
navbar / main (desktop)
---------------------------------------------------------------------------
*/

#navbarf .mainnavif>li {
    float: left;
    margin-right: 18px;
    position: relative;
}

#navbarf .mainnavif>li:first-child {
    float: left;
    margin-right: 23px;
    position: relative;
}

#navbarf .mainnavif>li:last-child {
    margin-right: 0px;
}

#navbarf .mainnavif>li.active:after {
    content: "";
    display: block;
    height: 15px;
    margin: 0 auto;
    position: relative;
    width: 30px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
    #navbarf .mainnavif>li.active:after {
        background-size: 500px 900px;
    }
}

#navbarf .mainnavif>li>a {
    border: 0;
	border-bottom: 2px solid transparent;
    color: #000000;
    display: block;
    text-decoration: none;
	padding: 0 5px;
}
#navbarf .mainnavif>li:first-child>a:first-child {
    padding: 0;
}

#navbarf .mainnavif>li>a:hover {
    color: #7000bd;
    border-bottom: 2px #7000bd solid;
}

#navbarf .mainnavif>li.selected>a {
    border: none;
    text-decoration: none;
    color: #59008D;
}

#navbarf .mainnavif>li.active>a,
#navbarf .mainnavif>li>a:active,
#navbarf .mainnavif>li>a:focus {}

#navbarf .mainnavif>li.marker>a {
    background: url('../img/responsive/layout/nav-triangle.png') no-repeat bottom center;
}

#navbarf .mainnavif>li:hover>a {
    color: #7000bd;
	border-bottom: 2px #7000bd solid;
}

.no-js #navbarf .mainnavif>li:hover .mdd {
    display: block;
    margin-top: 0;
    padding-top: 10px;
}

#navbarf .mainnavif>li.language-select {
    display: none;
}

#navbarf .mainnavif .mdd {
    width: 260px;
    cursor: default;
    display: none;
    left: 0;
    margin-top: 0;
    position: absolute;
    right: 0;
    z-index: 100;
    float: right;
}

.lt-ie8 #navbarf .mainnavif .mdd {
    margin-top: 7px;
}

#navbarf .mainnavif .mdd>div {
    margin: 0 auto;
    position: relative;
    width: auto;
    margin: 0;
}

@media screen and (max-width: 1414px) {
    #navbarf .mainnavif .mdd>div {
        width: auto;
    }
}

@media screen and (max-width: 1111px) {
    #navbarf .mainnavif a {
        font-size: 1.143em;
    }
}

@media screen and (max-width: 979px) {
    #navbarf .mainnavif .mdd>div {
        margin-left: 10px;
        margin-right: 10px;
    }
}

@media screen and (max-width: 880px) {
    #navbarf .mainnavif a {
        font-size: 1.0em;
    }
}

.lt-ie9 #navbarf .mainnavif .mdd>div {
    width: 940px;
}

#navbarf .mainnavif .mdd .mmd-head:after {
    clear: both;
}

#navbarf .mainnavif .mdd .mmd-head {
    display: block;
    height: 42px;
    padding: 24px 0px;
}

#navbarf .mainnavif .mdd .mmd-head a.mmd-back {
    display: block;
    float: left;
    background: transparent;
    color: #7000bd;
}

#navbarf .mainnavif .mdd .mmd-head a.close-mdd {
    display: block;
    float: right;
    background: url('../img/responsive/icon-close.png') no-repeat center right;
    width: 42px;
    height: 42px;
}

#navbarf .mainnavif .mdd ul {
    *zoom: 1;
    font-family: tkteype, Arial, Verdana, sans-serif;
    list-style-type: none;
    margin-bottom: 10px;
}


#navbarf .mainnavif .mdd ul.column2:before,
#navbarf .mainnavif .mdd ul.column3:before,
#navbarf .mainnavif .mdd ul.column4:before,
#navbarf .mainnavif .mdd ul.column5:before {
    content: " ";
    display: table;
}

#navbarf .mainnavif .mdd ul.column2:after,
#navbarf .mainnavif .mdd ul.column3:after,
#navbarf .mainnavif .mdd ul.column4:after,
#navbarf .mainnavif .mdd ul.column5:after {
    content: " ";
    display: table;
    clear: both;
}

#navbarf .mainnavif .mdd.has-image ul {
    width: 75%;
}

#navbarf .mainnavif .mdd ul.column1 {
    width: 100%;
    float: left;
    padding: 10px 0px 10px 0;
    background-color: #FFFFFF;
    border: 2px solid #262626;
}

#navbarf .mainnavif .mdd ul.column2,
#navbarf .mainnavif .mdd ul.column3,
#navbarf .mainnavif .mdd ul.column4,
#navbarf .mainnavif .mdd ul.column5 {
    width: 260px;
    float: left;
    top: -16px;
    left: 256px;
    position: absolute;
    background: #eef0f2;
    padding: 10px 0;
    display: none;
    background-color: #FFFFFF;
     border: 2px solid #262626;
}

#navbarf .mainnavif .mdd li {
    float: none;
    display: block;
    height: auto;
    margin-bottom: 0;
    margin-right: 0;
    padding: 0 15px;
}

#navbarf .mainnavif .mdd li:hover {
    background-color: #f6f6f6;
}

#navbarf .mainnavif .mdd li:hover>a {
    color: #434343;
}

#navbarf .mainnavif .mdd li:first-child {}

#navbarf .mainnavif .mdd li.overview {
    font-weight: bold;
    color: #7000bd;
    padding-bottom: 5px;
}

#navbarf .mainnavif .mdd li.overview a {
    padding: 0;
}

#navbarf .mainnavif .mdd li.overview span {
    font-weight: normal;
    font-size: 0.667em;
    line-height: 1.0em;
    display: block;
    margin: 0;
    padding: 15px 0 0 0;
}

#navbarf .mainnavif .mdd li a {
    background-color: transparent;
    color: #3C3C3C;
    display: block;
    padding: 4px 0px;
    text-decoration: none;
    font-size: 1em;
    line-height: 1.333em;
}

#navbarf .mainnavif .mdd li a:hover {
    color: #434343;
}

#navbarf .mainnavif .mdd li.selected {
    background-color: #daa3ff;
}

#navbarf .mainnavif .mdd li.selected>a {
    color: #434343;
}

#navbarf .mainnavif .mdd li a.has-sub {
    background: url(../img/responsive/nav-arrow-right.png) no-repeat center right;
}

#navbarf .mainnavif .mdd li a.has-sub:hover,
#navbarf .mainnavif .mdd li a.has-sub:focus {
    color: #434343;
    background: url(../img/responsive/nav-arrow-right-active.png) no-repeat center right;
}

#navbarf .mainnavif .mdd li.has-sub.selected a {
    color: #434343;
    background: url(../img/responsive/nav-arrow-right-active.png) no-repeat center right;
}

#navbarf .mainnavif .mdd li.current a {
    color: #434343;
}

#navbarf .mainnavif .mdd li.current a.has-sub {
    background: url(../img/responsive/nav-arrow-right-active.png) no-repeat center right;
}


#navbarf .mainnavif .mdd .content {
    max-width: 24%;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
}

.lt-ie9 #navbarf .mainnavif .mdd .content {
    margin-top: 45px;
    top: 0;
}

#navbarf .mainnavif .mdd .content figcaption {
    bottom: 0;
    padding: 0 16px;
    position: absolute;
}

#navbarf .mainnavif .mdd .content p {
    color: #ffffff;
    margin: 0 0 10px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

#navbarf .mainnavif .mdd .content .caption {
    font-size: 0.84210526em;
    line-height: 1.125em;
}

#navbarf .mainnavif .mdd .content img {
    max-width: 100%;
}

@media screen and (min-width: 991px) {
    #navbarf .mainnavif .mdd li {
        position: relative;
    }
}

@media screen and (max-width: 991px) {
    #navbarf .mainnavif {
        display: none;
        background-color: #ffffff;
        font-size: 1.57142857em;
        line-height: 1.09090909em;
        float: none;
        margin: 0;
        padding-bottom: 10px;
    }
    #navbarf .mainnavif>li {
        background-color: #ffffff;
        border-bottom: 1px solid #ffffff;
        display: block;
        float: none;
        height: auto;
        margin: 0;
    }
    #navbarf .mainnavif>li.selected>a {
        border-bottom: 0 none;
    }
    #navbarf .mainnavif>li>a {
        background-color: #ededed;
        border-bottom: 2px solid inherit;
        color: #000000;
        padding: 14px 17px;
    }
    #navbarf .mainnavif>li>a:active,
    #navbarf .mainnavif>li>a:hover {
        background-color: #a5a5a4;
        border-bottom: 2px solid #7000bd;
        color: #000000;
    }
    #navbarf .mainnavif>li>a:before {
        display: inline-block;
        font-family: 'thyssen-krupp-iconfont';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-decoration: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    #navbarf .mainnavif>li>a:before {
        content: "\e613";
    }
    #navbarf .mainnavif>li>a:before {
        color: #004b7c;
        float: right;
        font-size: 23px;
    }
    #navbarf .mainnavif>li.active>a,
    #navbarf .mainnavif>li>a:active {
        background-color: #a5a5a4;
        color: #000000;
    }
    #navbarf .mainnavif>li>a.ui-state-active {
        background-color: #a5a5a4;
        color: #000000;
    }
    #navbarf .mainnavif>li>a.ui-state-active:before {
        content: "\e617";
    }
    #navbarf .mainnavif>li.language-select {
        display: block;
    }
}

@media screen and (max-width: 991px) and screen and (max-width: 767px) {
    #navbarf .mainnavif {
        font-size: 1.28571429em;
        line-height: 1.22222222em;
    }
}

@media screen and (max-width: 991px) {
    #navbarf .mainnavif .mdd {
        border-top: 1px solid #ffffff;
        margin: 0 0 10px;
        position: relative;
    }
    #navbarf .mainnavif .mdd>div {
        margin: 0 17px;
        width: auto;
    }
    #navbarf .mainnavif .mdd .headline {
        font-size: 1.81818182em;
        line-height: 1.125em;
        display: none;
        margin-bottom: 14px;
    }
    #navbarf .mainnavif .mdd ul {
        width: auto;
    }
    #navbarf .mainnavif .mdd .content {
        display: none;
    }
    #navbarf .mainnavif .mdd li a {
        font-size: 1em;
        line-height: 1.09090909em;
    }
}

@media screen and (max-width: 767px) {
    #navbar {}
    #navbarf .mainnavif .mdd>div {
        padding: 15px 0;
    }
    #navbarf .mainnavif .mdd li a {
        font-size: 0.81818182em;
        line-height: 1.22222222em;
    }
}


/*
---------------------------------------------------------------------------
navbar / main (tablet)
---------------------------------------------------------------------------
*/

#navbar .mainnavit {
    display: none;
}

@media screen and (max-width: 991px) {
    #navbar .mainnavit {
        display: block;
    }
}

#navbar div .mainnavit .marker {
    background: url('../img/responsive/layout/nav-triangle.png') no-repeat bottom center;
}

#navbar .mainnavit center.p_name {
    overflow: hidden;
    visibility: hidden;
    position: absolute;
}

#navbar .mainnavit center.p_name li {
    width: 100%;
}

#navbar .mainnavit center.p_name li span {
    display: inline-block;
    white-space: nowrap;
}

#navbar .mainnavit .mdd .l2,
#navbar .mainnavit .mdd .l3 {
    display: none;
}

#navbar .mainnavit .mdd {
    background-color: #ffffff;
    border-top: 0px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px 0px;
	cursor: default;
    display: none;
    left: 0;
    margin-top: 0;
    position: absolute;
    right: 0;
    z-index: 100;
    top: 40px;
}

.lt-ie8 #navbar .mainnavit .mdd {
    margin-top: 7px;
}

#navbar .mainnavit .mdd>div {
    margin: 0 auto;
    max-width: 1310px;
    min-height: 210px;
    padding: 0 0 0 0;
    position: relative;
    width: 1310px;
}

@media screen and (max-width: 1414px) {
    #navbar .mainnavit .mdd>div {
        margin: 0 40px;
        width: auto;
    }
}

@media screen and (max-width: 979px) {
    #navbar .mainnavit .mdd>div {
        margin-left: 25px;
        margin-right: 25px;
    }
}

.lt-ie9 #navbar .mainnavit .mdd>div {
    width: 940px;
}

#navbar .mainnavit .mdd .mmd-head:after {
    clear: both;
}

#navbar .mainnavit .mdd .mmd-head {
    display: block;
    height: 34px;
    padding: 20px 0px 15px 0px;
}

#navbar .mainnavit .mdd .mmd-head a.mmd-back {
    color: #7000bd;
    display: block;
    float: left;
    background: transparent;
    font-size: 1.5em;
    line-height: 1.9em;
}

#navbar .mainnavit .mdd .mmd-head a.close-mdd {
    display: block;
    float: right;
    width: 42px;
    height: 42px;
}

#navbar .mainnavit .mdd .mmd-head a.close-mdd .tk-icon {
    font-size: 30px;
}

#navbar .mainnavit .mdd ul {
    *zoom: 1;
    font-family: tketype, Arial, Verdana, sans-serif;
    list-style-type: none;
    margin-bottom: 55px;
}

#navbar .mainnavit .mdd ul:before,
#navbar .mainnavit .mdd ul:after {
    content: " ";
    display: table;
}

#navbar .mainnavit .mdd ul:after {
    clear: both;
}

#navbar .mainnavit .mdd.has-image ul {
    width: 75%;
}

#navbar .mainnavit .mdd ul.column1 {
    width: 48%;
    float: left;
    padding: 0 3% 0 0;
}

#navbar .mainnavit .mdd ul.column2 {
    display: none;
    width: 48%;
    float: left;
    padding: 0;
}

#navbar .mainnavit .mdd ul.column2.current {}

#navbar .mainnavit .mdd ul.column3 {
    display: none;
    width: 48%;
    float: left;
    padding: 0 0 0 3%;
}

#navbar .mainnavit .mdd ul.column3.left {
    padding: 0;
}

#navbar .mainnavit .mdd ul.column4 {
    display: none;
    width: 46%;
    float: left;
    padding: 0 0 0 3%;
}

#navbar .mainnavit .mdd ul.column5 {
    display: none;
    width: 46%;
    float: left;
    padding: 0 0 0 3%;
}

#navbar .mainnavit .mdd li {
    float: none;
    display: block;
    height: auto;
    margin-bottom: 0;
    margin-right: 0;
    border-bottom: 1px solid #E9E9E9;
    padding: 7px 0px;
}

#navbar .mainnavit .mdd li:hover {
    border-bottom: 1px solid #7000bd;
}

#navbar .mainnavit .mdd li.meta {
    border-bottom: 1px solid #CDD3DB;
}

#navbar .mainnavit .mdd li.meta.first {
    border-top: 1px solid #CDD3DB;
    margin-top: 24px;
}

#navbar .mainnavit .mdd li:first-child {
    border-top: 1px solid #e9e9e9;
}

#navbar .mainnavit .mdd li.overview {
    font-weight: bold;
    color: #7000bd;
    padding-bottom: 10px;
}

#navbar .mainnavit .mdd li.overview a {
    padding: 0;
}

#navbar .mainnavit .mdd li.overview span {
    font-weight: normal;
    font-size: 0.667em;
    line-height: 1.0em;
    display: block;
    margin: 0;
    padding: 13px 0 3px 0;
}

#navbar .mainnavit .mdd li a {
    background-color: transparent;
    color: #262626;
    display: block;
    padding: 4px 0px;
    text-decoration: none;
    font-size: 1.0em;
    line-height: 1.625em;
}

#navbar .mainnavit .mdd li.meta a {
    color: #72849A;
}

#navbar .mainnavit .mdd li a .nav_icon_menu {
    padding-left: 38px;
    line-height: 28px;
    height: 28px;
}

#navbar .mainnavit .mdd li a .nav_icon_language {
    padding-left: 38px;
    line-height: 28px;
    height: 28px;
}

#navbar .mainnavit .mdd li a .nav_icon_help {
    padding-left: 38px;
    line-height: 28px;
    height: 28px;
}

#navbar .mainnavit .mdd li a .nav_icon_logout {
    padding-left: 38px;
    line-height: 28px;
    height: 28px;
}

#navbar .mainnavit .mdd li a div .tk-icon {
    font-size: 28px;
    position: absolute;
    left: 0;
}

#navbar .mainnavit .mdd div .mmd-head a .tk-icon {
    font-size: 30px;
    float: right;
    margin-right: 15px;
}

#navbar .mainnavit .mdd div .mmd-head a .icon-tk-logout {
    margin-right: 25px;
}

#navbar .mainnavit .mdd li a:hover,
#navbar .mainnavit .mdd li a:active,
#navbar .mainnavit .mdd li a:focus {
    color: #7000bd;
    Xbackground: url(../img/responsive/nav-arrow-right-active.png) no-repeat center right;
}

#navbar .mainnavit .mdd li.selected a {
    color: #7000bd;
}

#navbar .mainnavit .mdd li a.has-sub {
    background: url(../img/responsive/nav-arrow-right.png) no-repeat center right;
}

#navbar .mainnavit .mdd li a.has-sub:hover,
#navbar .mainnavit .mdd li a.has-sub:active,
#navbar .mainnavit .mdd li a.has-sub:focus {
    color: #7000bd;
    background: url(../img/responsive/nav-arrow-right.png) no-repeat center right;
}

#navbar .mainnavit .mdd li.has-sub.selected a {
    color: #7000bd;
    background: url(../img/responsive/nav-arrow-right-active.png) no-repeat center right;
}

#navbar .mainnavit .mdd li.current {
    border-bottom-color:#7000bd ;
}

#navbar .mainnavit .mdd li.current a.has-sub {
    color: #7000bd;
    background: url(../img/responsive/nav-arrow-right-active.png) no-repeat center right;
}

#navbar .mainnavit .mdd li.current a {
    color: #7000bd;
}

#navbar .mainnavi .mdd li.current a.has-sub {
    background: url(../img/responsive/nav-arrow-right-active-white.png) no-repeat center right;
}

#navbar .mainnavi .mdd li.current {
    background-color: #7000bd;
}

#navbar .mainnavit .mdd .content {
    max-width: 24%;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
}

.lt-ie9 #navbar .mainnavit .mdd .content {
    margin-top: 45px;
    top: 0;
}

#navbar .mainnavit .mdd .content figcaption {
    bottom: 0;
    padding: 0 16px;
    position: absolute;
}

#navbar .mainnavit .mdd .content p {
    color: #ffffff;
    margin: 0 0 10px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

#navbar .mainnavit .mdd .content .caption {
    font-size: 0.84210526em;
    line-height: 1.125em;
}

#navbar .mainnavit .mdd .content img {
    max-width: 100%;
}

@media screen and (max-width: 991px) and screen and (max-width: 767px) {
    #navbar .mainnavit {
        font-size: 1.28571429em;
        line-height: 1.22222222em;
    }
}

@media screen and (max-width: 991px) {
    #navbar .mainnavit .mdd {
        border-top: 0px solid #ffffff;
        margin: 0 0 10px;
        position: absolute;
    }
    #navbar .mainnavit .mdd>div {
        margin: 0 17px;
        width: auto;
    }
    #navbar .mainnavit .mdd .headline {
        font-size: 1.81818182em;
        line-height: 1.125em;
        display: none;
        margin-bottom: 14px;
    }
    #navbar .mainnavit .mdd ul {
        width: auto;
    }
    #navbar .mainnavit .mdd .content {
        display: none;
    }
    #navbar .mainnavit .mdd li a {
        font-size: 1.1em;
        line-height: 1.09090909em;
    }
}

@media screen and (max-width: 767px) {
    #navbar {}
    #navbar .mainnavit .mdd>div {
        padding: 15px 0;
    }
    #navbar .mainnavit .mdd li a {
        font-size: 0.81818182em;
        line-height: 1.22222222em;
    }
}


/*
---------------------------------------------------------------------------
navbar / mainnavime (tablet)
---------------------------------------------------------------------------
*/

#navbar .mainnavime {
    display: none;
}

#navbar .mainnavime a {
    font-size: 16px;
    line-height: 31px;
}

#navbar .mainnavime li a:hover,
#navbar .mainnavime li a:active,
#navbar .mainnavime li a:focus {
    color: #4B5564;
}

@media screen and (max-width: 767px) {
    #navbar .mainnavime {
        display: block;
    }
}

#navbar div .mainnavime .marker {
    background: url('../img/responsive/layout/nav-triangle.png') no-repeat bottom center;
}

#navbar .mainnavime .mdd .l2,
#navbar .mainnavime .mdd .l3 {
    display: none;
}

#navbar .mainnavime .mdd {
    background-color: #eef0f2;
    border-top: 0px;
    border-bottom: 3px solid #199cde;
    ;
    cursor: default;
    display: none;
    left: 0;
    margin-top: 0;
    position: absolute;
    right: 0;
    z-index: 100;
}

.lt-ie8 #navbar .mainnavime .mdd {
    margin-top: 7px;
}

#navbar .mainnavime .mdd>div {
    margin: 0 auto;
    max-width: 1310px;
    min-height: 210px;
    padding: 0 0 0 0;
    position: relative;
    width: 1310px;
}

.lt-ie9 #navbar .mainnavime .mdd>div {
    width: 940px;
}

#navbar .mainnavime .mdd .mmd-head:after {
    clear: both;
}

#navbar .mainnavime .mdd .mmd-head {
    display: block;
    height: 42px;
    padding: 20px 0px;
}

#navbar .mainnavime .mdd .mmd-head a.mmd-back {
    color: #7000bd;
    display: block;
    float: left;
    background: transparent;
    font-size: 1.5em;
    line-height: 2.063em;
}

#navbar .mainnavime .mdd .mmd-head a.close-mdd {
    display: block;
    float: right;
    width: 42px;
    height: 42px;
}

#navbar .mainnavime .mdd .mmd-head a.close-mdd .icon-tk-close {
    font-size: 41px;
}

#navbar .mainnavime .mdd ul {
    *zoom: 1;
    font-family: tketype, Arial, Verdana, sans-serif;
    list-style-type: none;
    margin-bottom: 55px;
}

#navbar .mainnavime .mdd ul:before,
#navbar .mainnavime .mdd ul:after {
    content: " ";
    display: table;
}

#navbar .mainnavime .mdd ul:after {
    clear: both;
}

#navbar .mainnavime .mdd.has-image ul {
    width: 75%;
}

#navbar .mainnavime .mdd ul.column1 {
    width: 100%;
    float: left;
    padding: 0 3% 0 0;
}

#navbar .mainnavime .mdd ul.column2 {
    display: none;
    width: 100%;
    float: left;
    padding: 0;
}

#navbar .mainnavime .mdd ul.column2.current {}

#navbar .mainnavime .mdd ul.column3 {
    display: none;
    width: 100%;
    float: left;
    padding: 0;
}

#navbar .mainnavime .mdd ul.column3.left {
    padding: 0;
}

#navbar .mainnavime .mdd ul.column4 {
    display: none;
    width: 100%;
    float: left;
    padding: 0;
}

#navbar .mainnavime .mdd ul.column5 {
    display: none;
    width: 100%;
    float: left;
    padding: 0%;
}

#navbar .mainnavime .mdd li {
    float: none;
    display: block;
    height: auto;
    margin-bottom: 0;
    margin-right: 0;
    border-bottom: 1px solid #b2dbf0;
    padding: 7px 0px;
}

#navbar .mainnavime .mdd li.meta {
    border-bottom: 1px solid #CDD3DB;
}

#navbar .mainnavime .mdd li.meta.first {
    border-top: 1px solid #CDD3DB;
    margin-top: 24px;
}

#navbar .mainnavime .mdd li:first-child {
    border-top: 1px solid #e9e9e9;
}

#navbar .mainnavime .mdd li.overview {
    font-weight: bold;
    color: #7000bd;
    padding-bottom: 10px;
}

#navbar .mainnavime .mdd li.overview a {
    padding: 0;
}

#navbar .mainnavime .mdd li.overview span {
    font-weight: normal;
    font-size: 0.667em;
    line-height: 1.0em;
    display: block;
    margin: 0;
    padding: 13px 0 3px 0;
}

#navbar .mainnavime .mdd li a {
    background-color: transparent;
    color: #7000bd;
    display: block;
    padding: 6px 0px;
    text-decoration: none;
    font-size: 1.2em;
    line-height: 1.625em;
}

#navbar .mainnavime .mdd li.meta a {
    color: #72849A;
}

#navbar .mainnavime .mdd li a:hover,
#navbar .mainnavime .mdd li a:active,
#navbar .mainnavime .mdd li a:focus {
    color: #4B5564;
    Xbackground: url(../img/responsive/nav-arrow-right-active.png) no-repeat center right;
}

#navbar .mainnavime .mdd li.selected a {
    color: #4B5564;
}

#navbar .mainnavime .mdd li a.has-sub {
    background: url(../img/responsive/nav-arrow-right.png) no-repeat center right;
}

#navbar .mainnavime .mdd li a.has-sub:hover,
#navbar .mainnavime .mdd li a.has-sub:active,
#navbar .mainnavime .mdd li a.has-sub:focus {
    color: #4B5564;
    background: url(../img/responsive/nav-arrow-right.png) no-repeat center right;
}

#navbar .mainnavime .mdd li.has-sub.selected a {
    color: #4B5564;
    background: url(../img/responsive/nav-arrow-right-active.png) no-repeat center right;
}

#navbar .mainnavime .mdd li.current a.has-sub {
    color: #4B5564;
    background: url(../img/responsive/nav-arrow-right-active.png) no-repeat center right;
}

#navbar .mainnavime .mdd li.current a {
    color: #4B5564;
}

#navbar .mainnavime .mdd li.current a.has-sub {
    background: url(../img/responsive/nav-arrow-right-active.png) no-repeat center right;
}

#navbar .mainnavime .mdd .content {
    max-width: 24%;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
}

.lt-ie9 #navbar .mainnavime .mdd .content {
    margin-top: 45px;
    top: 0;
}

#navbar .mainnavime .mdd .content figcaption {
    bottom: 0;
    padding: 0 16px;
    position: absolute;
}

#navbar .mainnavime .mdd .content p {
    color: #ffffff;
    margin: 0 0 10px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

#navbar .mainnavime .mdd .content .caption {
    font-size: 0.84210526em;
    line-height: 1.125em;
}

#navbar .mainnavime .mdd .content img {
    max-width: 100%;
}

@media screen and (max-width: 991px) and screen and (max-width: 767px) {
    #navbar .mainnavime {
        font-size: 1.28571429em;
        line-height: 1.22222222em;
    }
}

@media screen and (max-width: 991px) {
    #navbar .mainnavime .mdd {
        border-top: 0px solid #ffffff;
        margin: 0 0 10px;
        position: absolute;
    }
    #navbar .mainnavime .mdd>div {
        margin: 0 17px;
        width: auto;
    }
    #navbar .mainnavime .mdd .headline {
        font-size: 1.81818182em;
        line-height: 1.125em;
        display: none;
        margin-bottom: 14px;
    }
    #navbar .mainnavime .mdd ul {
        width: auto;
    }
    #navbar .mainnavime .mdd .content {
        display: none;
    }
    #navbar .mainnavime .mdd li a {
        font-size: 1em;
        line-height: 1.09090909em;
    }
}

@media screen and (max-width: 767px) {
    #navbar {}
    #navbar .mainnavime .mdd>div {
        padding: 10px 0;
    }
    #navbar .mainnavime .mdd li a {
        font-size: 1.2em;
        line-height: 1.625em;
    }
}


/*
---------------------------------------------------------------------------
navbar / mainnavime (tablet)
---------------------------------------------------------------------------
*/

#navbar .mainnavim {
    display: none;
}

#navbar .mainnavim a {
    font-size: 1.2em;
    line-height: 1.8em
}

@media screen and (max-width: 767px) {
    #navbar .mainnavim {
        display: block;
    }
}

#navbar div .mainnavim .marker {
    background: url('../img/responsive/layout/nav-triangle.png') no-repeat bottom center;
}

#navbar .mainnavim .mdd .l2,
#navbar .mainnavim .mdd .l3 {
    display: none;
}

#navbar .mainnavim .mdd {
    background-color: #ffffff;
    border-top: 0px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px 0px;
    cursor: default;
    left: 0;
    margin-top: 0;
    position: absolute;
    right: 0;
    z-index: 100;
}

.lt-ie8 #navbar .mainnavim .mdd {
    margin-top: 7px;
}

#navbar .mainnavim .mdd>div {
    margin: 0 auto;
    max-width: 1310px;
    min-height: 210px;
    padding: 0 0 0 0;
    position: relative;
    width: 1310px;
}

.lt-ie9 #navbar .mainnavim .mdd>div {
    width: 940px;
}

#navbar .mainnavim .mdd .mmd-head:after {
    clear: both;
}

#navbar .mainnavim .mdd .mmd-head {
    display: block;
    height: 34px;
    padding: 4px 0px 10px 0px;
}

#navbar .mainnavim .mdd .mmd-head a.mmd-back {
    color: #7000bd;
    display: block;
    float: left;
    background: transparent;
    font-size: 1.5em;
    line-height: 1.9em;
}

#navbar .mainnavim .mdd .mmd-head a.close-mdd {
    display: none;
    float: right;
    width: 42px;
    height: 42px;
}

#navbar .mainnavim .mdd .mmd-head a.close-mdd .icon-tk-close {
    font-size: 41px;
}

#navbar .mainnavim .mdd ul {
    *zoom: 1;
    font-family: tketype, Arial, Verdana, sans-serif;
    list-style-type: none;
    margin-bottom: 55px;
}

#navbar .mainnavim .mdd ul:before,
#navbar .mainnavim .mdd ul:after {
    content: " ";
    display: table;
}

#navbar .mainnavim .mdd ul:after {
    clear: both;
}

#navbar .mainnavim .mdd.has-image ul {
    width: 75%;
}

#navbar .mainnavim .mdd ul.column1 {
    width: 100%;
    float: left;
    padding: 0 3% 0 0;
}

#navbar .mainnavim .mdd ul.column2 {
    display: none;
    width: 100%;
    float: left;
    padding: 0;
}

#navbar .mainnavim .mdd ul.column2.current {}

#navbar .mainnavim .mdd ul.column3 {
    display: none;
    width: 100%;
    float: left;
    padding: 0;
}

#navbar .mainnavim .mdd ul.column3.left {
    padding: 0;
}

#navbar .mainnavim .mdd ul.column4 {
    display: none;
    width: 100%;
    float: left;
    padding: 0;
}

#navbar .mainnavim .mdd ul.column5 {
    display: none;
    width: 100%;
    float: left;
    padding: 0%;
}

#navbar .mainnavim .mdd li {
    float: none;
    display: block;
    height: auto;
    margin-bottom: 0;
    margin-right: 0;
    border-bottom: 1px solid #e9e9e9;
    padding: 7px 0px;
}

#navbar .mainnavim .mdd li.meta {
    border-bottom: 1px solid #CDD3DB;
}

#navbar .mainnavim .mdd li.meta.first {
    border-top: 1px solid #CDD3DB;
    margin-top: 24px;
}

#navbar .mainnavim .mdd div .mmd-head a .tk-icon {
    margin-right: 3%;
    font-size: 30px;
    float: right;
}

#navbar .mainnavim .mdd li a .nav_icon_menu {
    padding-left: 38px;
    line-height: 28px;
    height: 28px;
}

#navbar .mainnavim .mdd li a .nav_icon_language {
    padding-left: 38px;
    line-height: 28px;
    height: 28px;
}

#navbar .mainnavim .mdd li a .nav_icon_help {
    padding-left: 38px;
    line-height: 28px;
    height: 28px;
}

#navbar .mainnavim .mdd li a .nav_icon_logout {
    padding-left: 38px;
    line-height: 28px;
    height: 28px;
}

#navbar .mainnavim .mdd li:first-child {
    border-top: 1px solid #e9e9e9;
}

#navbar .mainnavim .mdd li.overview {
    font-weight: bold;
    color: #7000bd;
    padding-bottom: 10px;
}

#navbar .mainnavim .mdd li.overview a {
    padding: 0;
}

#navbar .mainnavim .mdd li.overview span {
    font-weight: normal;
    font-size: 0.667em;
    line-height: 1.0em;
    display: block;
    margin: 0;
    padding: 13px 0 3px 0;
}

#navbar .mainnavim .mdd li a {
    background-color: transparent;
    color: #262626;
    display: block;
    padding: 0px;
    text-decoration: none;
    font-size: 1.2em;
    line-height: 1.625em;
}

#navbar .mainnavim .mdd li.meta a {
    color: #72849A;
}

#navbar .mainnavim .mdd li a:hover,
#navbar .mainnavim .mdd li a:active,
#navbar .mainnavim .mdd li a:focus {
    color: #4B5564;
    Xbackground: url(../img/responsive/nav-arrow-right-active.png) no-repeat center right;
}

#navbar .mainnavim .mdd li:hover{
    border-bottom-color: #7000bd;
}

#navbar .mainnavim .mdd li.selected a {
    color: #4B5564;
}

#navbar .mainnavim .mdd li a.has-sub {
    background: url(../img/responsive/nav-arrow-right.png) no-repeat center right;
}

#navbar .mainnavim .mdd li a.has-sub:hover,
#navbar .mainnavim .mdd li a.has-sub:active,
#navbar .mainnavim .mdd li a.has-sub:focus {
    color: #7000bd;
    background: url(../img/responsive/nav-arrow-right.png) no-repeat center right;
}

#navbar .mainnavim .mdd li.has-sub.selected a {
    color: #7000bd;
    background: url(../img/responsive/nav-arrow-right-active.png) no-repeat center right;
}

#navbar .mainnavim .mdd li.current a.has-sub {
    color: #7000bd;
    background: url(../img/responsive/nav-arrow-right-active.png) no-repeat center right;
}

#navbar .mainnavim .mdd li.current a {
    color: #7000bd;
}

#navbar .mainnavim .mdd li.current a.has-sub {
    background: url(../img/responsive/nav-arrow-right-active.png) no-repeat center right;
}

#navbar .mainnavim .mdd .content {
    max-width: 24%;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
}

.lt-ie9 #navbar .mainnavim .mdd .content {
    margin-top: 45px;
    top: 0;
}

#navbar .mainnavim .mdd .content figcaption {
    bottom: 0;
    padding: 0 16px;
    position: absolute;
}

#navbar .mainnavim .mdd .content p {
    color: #ffffff;
    margin: 0 0 10px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

#navbar .mainnavim .mdd .content .caption {
    font-size: 0.84210526em;
    line-height: 1.125em;
}

#navbar .mainnavim .mdd .content img {
    max-width: 100%;
}

@media screen and (max-width: 991px) and screen and (min-width: 767px) {
    #navbar .mainnavim {
        font-size: 1.28571429em;
        line-height: 1.22222222em;
    }
}

@media screen and (max-width: 991px) {
    #navbar .mainnavim .mdd {
        border-top: 0px solid #ffffff;
        margin: 0 0 10px;
        position: absolute;
    }
    #navbar .mainnavim .mdd>div {
        margin: 0 17px;
        width: auto;
    }
    #navbar .mainnavim .mdd .headline {
        font-size: 1.81818182em;
        line-height: 1.125em;
        display: none;
        margin-bottom: 14px;
    }
    #navbar .mainnavim .mdd ul {
        width: auto;
    }
    #navbar .mainnavim .mdd .content {
        display: none;
    }
    #navbar .mainnavim .mdd li a {
        font-size: 1em;
        line-height: 1.09090909em;
    }
}

@media screen and (max-width: 767px) {
    #navbar {}
    #navbar .mainnavim .mdd>div {
        padding: 10px 0;
    }
    #navbar .mainnavim .mdd li a {
        font-size: 1.1em;
        line-height: 1.625em;
    }
}


/*
---------------------------------------------------------------------------
navbar / main (mobile)
---------------------------------------------------------------------------
*/

#navbar .mainnavim {
    display: none;
}

#navbar .mainnavim .marker {
    background: url('../img/responsive/layout/nav-triangle.png') no-repeat bottom center;
    background-size: 19px 10px;
    width: 19px;
    height: 10px;
    position: absolute;
    right: 33px;
    top: 2px;
}

#navbar div #mmenu {
    background-color: #eef0f2;
    border-bottom: 3px solid #199cde;
    ;
    cursor: default;
    left: 0;
    top: 10px;
    position: absolute;
    right: 0;
    z-index: 100;
    padding-bottom: 70px;
    overflow: hidden;
}

#navbar div #mmenu.sliding-menu .menu-panel-root {
    padding: 36px 0 0 0;
}

#navbar div #mmenu.sliding-menu {
    overflow: hidden;
}

#navbar div #mmenu.sliding-menu-wrapper {}

#navbar div #mmenu.sliding-menu ul {
    float: left;
    margin: 0;
}

#navbar div #mmenu.sliding-menu li {
    float: none;
    list-style: none;
    margin: 0;
    padding: 10px 0;
}

#navbar div #mmenu.sliding-menu li {
    float: none;
    display: block;
    height: auto;
    Xmargin-bottom: 0;
    Xmargin-right: 0;
    margin: 0 18px;
    border-bottom: 1px solid #b2dbf0;
    font-size: 18px;
    line-height: 26px;
}

#navbar #mmenu.sliding-menu li.meta {
    border-bottom: 1px solid #CDD3DB;
}

#navbar #mmenu.sliding-menu li.meta.first {
    border-top: 1px solid #CDD3DB;
    margin-top: 24px;
}

#navbar #mmenu.sliding-menu li.meta.last {
    border-bottom: 0;
}

#navbar div #mmenu.sliding-menu ul li:first-child {
    border-top: 1px solid #b2dbf0 !important;
}

#navbar div #mmenu.sliding-menu li.overview {
    font-weight: bold;
    color: #7000bd;
    padding-bottom: 5px;
    border-top: 1px solid #b2dbf0 !important;
}

#navbar div #mmenu.sliding-menu li.overview a {
    padding: 0;
    font-size: 1.2em;
    line-height: 1.635em;
}

#navbar div #mmenu.sliding-menu li.overview span {
    font-weight: normal;
    font-size: 0.667em;
    line-height: 1.0em;
    display: block;
    margin: 0;
    padding: 10px 0 0 0;
}

#navbar div #mmenu.sliding-menu li a {
    background-color: transparent;
    color: #7000bd;
    display: block;
    padding: 0;
    text-decoration: none;
    font-size: 1.2em;
    line-height: 1.625em;
}

#navbar div #mmenu.sliding-menu li a:hover {
    color: #003c7d;
}

#navbar div #mmenu.sliding-menu li.meta a {
    color: #72849A;
}

#navbar div #mmenu.sliding-menu li a.nav:before {
    content: '\3009';
    float: right;
    margin-left: 1em;
}

#navbar div #mmenu.sliding-menu a.back {
    font-size: 24px;
    line-height: 33px;
    margin-left: 18px;
    padding: 20px 0px;
    display: block;
    text-decoration: none;
}

#navbar div #mmenu.sliding-menu a.back:before {
    content: '\3008';
    float: none;
    margin-right: 8px;
}

#navbar div #mmenu.sliding-menu .menu-panel {}

@media screen and (max-width: 767px) {
    #navbar .mainnavim {
        display: block;
        Xdisplay: none;
    }
    #navbar .mainnavit {
        display: none;
    }
    #navbar .mainnavime {
        display: block;
        Xdisplay: none;
    }
}

.lt-ie9 navbar div #mmenu.sliding-menu {
    display: none;
}


/*
---------------------------------------------------------------------------
link_menu
---------------------------------------------------------------------------
*/

#navbar li.offices {
    margin-left: -20px;
}

#navbar li.link_menu {
    color: #FFFFFF;
    margin-right: 20px;
    margin-top: -3px;
}

#navbar li.link_menu a {
}

#navbar li.link_menu a:last-of-type {
}

#navbar li.link_menu span,
#navbar li.link_menu a {
    padding: 0 6px;
    display: inline;
}

#navbar li.link_menu span {
    font-size: 1.25em;
    line-height: 2.063em;
    ;
    opacity: 0.7;
}

#navbar li.link_menu:hover a {
    color: rgba(255,255,255,0.8);
}

#navbar li.link_menu a:hover {
    color: rgba(255,255,255,0.8);
}

#navbar li.link_menu_two {
    margin-top: -2px;
}

#navbar li.link_menu_two a {
    font-size: 1em;
    padding-top: 2px;
    display: inline;
    border-left: 2px solid #FFFFFF;
}

#navbar li.link_menu_two span,
#navbar li.link_menu_two a {
    font-size: 1em;
    padding: 0 6px;
    height: 14px;
    line-height: 14px;
}

#navbar li.link_menu_two span {
    display: block;
    opacity: 0.7;
    border-left: 2px solid #FFFFFF;
}

#navbar li.link_menu_one {
    margin-top: -2px;
}

#navbar li.link_menu_one a {
    font-size: 1em;
    padding-top: 2px;
    display: inline;
    border-left: 2px solid #FFFFFF;
}

#navbar li.link_menu_one span {
    font-size: 1em;
    padding: 0 6px;
    height: 14px;
    line-height: 14px;
    display: block;
    opacity: 0.7;
    margin-top: 11px;
}

.link_menu_box {
    display: none;
}

#navbar li.link_menu_box>a {
    border-left: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    padding: 0 6px;
    display: inline;
}

#nps_sevice_detail.jquery-gdakram-tooltip,
#nps_niop_detail.jquery-gdakram-tooltip,
#nps_nisales_detail.jquery-gdakram-tooltip {
    position: absolute;
    z-index: 130;
}

#nps_sevice_detail.jquery-gdakram-tooltip>ul,
#nps_niop_detail.jquery-gdakram-tooltip>ul,
#nps_nisales_detail.jquery-gdakram-tooltip>ul {
    padding: 6px 0px 6px 0;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, .15);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    list-style: none;
    position: relative;
}

#nps_sevice_detail.jquery-gdakram-tooltip>ul::before,
#nps_niop_detail.jquery-gdakram-tooltip>ul::before,
#nps_nisales_detail.jquery-gdakram-tooltip>ul::before {
    position: absolute;
    border-bottom: 7px solid rgba(0, 0, 0, .2);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    left: 9px;
    top: -6px;
    content: " ";
    display: table;
}

#nps_sevice_detail.jquery-gdakram-tooltip>ul::after,
#nps_niop_detail.jquery-gdakram-tooltip>ul::after,
#nps_nisales_detail.jquery-gdakram-tooltip>ul::after {
    position: absolute;
    border-bottom: 6px solid #FFF;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    left: 10px;
    top: -5px;
    content: " ";
    display: table;
    clear: both;
}

#nps_sevice_detail.jquery-gdakram-tooltip>ul>li,
#nps_niop_detail.jquery-gdakram-tooltip>ul>li,
#nps_nisales_detail.jquery-gdakram-tooltip>ul>li {
    padding: 2px 15px;
}

.logomast .nps_normal_txt {
    color: #262626;
    font-size: 18px;
    padding-left: 4px;
}

.logomast .nps_big_txt {
    color: #262626;
    font-size: 24px;
    padding-left: 4px;
    padding-top: 2px;
}

@media screen and (max-width: 979px) {
    .logomast>tbody>tr>td>table>tbody>tr>td {
        width: auto;
        padding-right: 20px;
    }
}


/*
---------------------------------------------------------------------------
footer
---------------------------------------------------------------------------
*/

#footer {
    background-color: #7000bd;
    padding-bottom: 40px;
    color: #fff;
}

@media screen and (max-width: 991px) {
    #footer {
        padding-bottom: 56px;
    }
}

@media screen and (max-width: 767px) {
    #footer {
        padding-bottom: 20px;
    }
}

#footer>div {
    *zoom: 1;
    margin: 0 auto;
    max-width: 1310px;
    padding-top: 37px;
    position: relative;
    width: 1310px;
}

#footer>div:before,
#footer>div:after {
    content: " ";
    display: table;
}

#footer>div:after {
    clear: both;
}

@media screen and (max-width: 1414px) {
    #footer>div {
        margin: 0 40px 10px;
        width: auto;
    }
}

@media screen and (max-width: 979px) {
    #footer>div {
        margin-left: 25px;
        margin-right: 25px;
    }
}

@media screen and (max-width: 991px) {
    #footer>div {
        margin: 0 17px;
        width: auto;
    }
}

#footer>div .headline {
    font-size: 1.5em;
    line-height: 2.063em;
    margin: 0;
    outline: 0;
}

@media screen and (max-width: 767px) {
    #footer>div .headline {
        cursor: pointer;
        margin-bottom: 0.143em;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }
    #footer>div .headline:before {
        display: inline-block;
        font-family: 'thyssen-krupp-iconfont';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-decoration: none;
        line-height: 1.5em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    #footer>div .headline:before {
        content: "\e613";
    }
    #footer>div .headline.ui-state-active:before {
        content: "\e617";
    }
    #footer>div .headline:before {
        float: right;
        margin: 5px 0 0 10px;
    }
    .no-js #footer>div .headline:before {
        display: none;
    }
}

.lt-ie9 #footer>div {
    width: 940px;
}

#footer>div .headline+.block {
    margin-left: 0;
}

#footer>div>div {
    *zoom: 1;
    float: left;
    margin-right: 257px;
}

#footer>div>div:before,
#footer>div>div:after {
    content: " ";
    display: table;
}

#footer>div>div:after {
    clear: both;
}

@media screen and (max-width: 979px) {
    #footer>div>div {
        float: none;
        margin-right: 0;
        width: 100%;
    }
}

.lt-ie9 #footer>div>div {
    float: none;
    margin-right: 0;
    width: 100%;
}

@media screen and (max-width: 727px) {
    #footer>div>div {
        float: left;
        margin-left: 0;
        width: 48%;
    }
}

@media screen and (max-width: 767px) {
    #footer>div>div {
        float: none;
        margin-bottom: 2em;
        width: 100%;
    }
    #footer>div>div:first-child {
        margin-top: 16px;
    }
}

#footer>div>div.social {
    float: right;
    margin-right: 0;
    position: absolute;
    right: 0;
    top: 42px;
}

#footer>div>div.social>.block>.sheadline {
    font-size: 1.5em;
    margin: 0;
    outline: 0;
    padding-bottom: 0px;
    margin-bottom: 0px;
    line-height: 1.5em;
}

#footer>div>div.social>.block>.subline {
    margin: 0px;
    padding: 0px;
}

#footer>div>div.social>.block>div>ul {
    padding: 0px;
}

@media screen and (max-width: 979px) {
    #footer>div>div.social {
        float: none;
        position: static;
        width: auto;
        margin-top: 10px;
    }
}

.lt-ie9 #footer>div>div.social {
    float: none;
    position: static;
    width: auto;
}

@media screen and (max-width: 991px) {
    #footer>div>div.social {
        float: right;
        margin-left: auto;
        width: auto;
        margin-top: 6px;
    }
}

@media screen and (max-width: 767px) {
    #footer>div>div.social {
        float: none;
        margin-left: 0;
        width: 100%;
        text-align: center;
    }
}

#footer>div>div.social .block {
    float: right;
    max-width: none;
    padding-top: 0;
}

@media screen and (max-width: 1100px) {
    #footer>div>div.social .block {
        float: none;
    }
}

.lt-ie9 #footer>div>div.social .block {
    float: none;
}

@media screen and (max-width: 991px) {
    #footer>div>div.social .block {
        float: none;
    }
}

@media screen and (max-width: 991px) {
    #footer>div>div.social .block ul {
        margin-bottom: 16px;
        padding-top: 0;
    }
}

#footer>div>div.social .block li a {
    border: none;
    font-weight: bold;
}

#footer>div>div>div {
    display: table;
}

@media screen and (max-width: 991px) {
    #footer>div>div>div {
        display: block;
    }
}

#footer .block {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    padding-left: 30px;
    width: 230px;
}

#footer .block:first-child {
    padding-left: 0;
}

@media screen and (max-width: 991px) {
    #footer .block {
        display: block;
        float: none;
        padding: 0;
        max-width: none;
        width: 100%;
    }
}

#footer .block:first-child {
    margin-left: 0;
}

@media screen and (max-width: 991px) {
    #footer .block:first-child li:first-child a {
        border-top: none;
    }
}


/* ---------------------------------------------------------------------------------------------------- */

#footer .block .icons {
    margin-right: -11px;
}

#footer .block .icons::after,
#footer .block .icons::before {
    content: "";
    display: table;
}

#footer .block .icons::after {
    clear: both;
}

#footer .block .icons::after,
#footer .block .icons::before {
    content: " ";
    display: table;
}

#footer .block .icons::after {
    clear: both;
}

#footer .block .icons a {
    display: inline-block;
    height: 42px;
    margin-bottom: 16px;
    margin-right: 11px;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    text-indent: -9999px;
    vertical-align: top;
    width: 42px;
}

#footer .block .icons a.engineered {
    background: rgba(0, 0, 0, 0) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjQycHgiIGhlaWdodD0iNDJweCIgdmlld0JveD0iMCAwIDQyIDQyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzLjcuMiAoMjgyNzYpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPmVuZ2luZWVyZWQgaG92ZXJAMXg8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iMDBfMDAtU3R5bGUtSW52ZW50b3J5IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iSWNvbnMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MjMuMDAwMDAwLCAtNTk2LjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iU29jaWFsLU1lZGlhIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNS4wMDAwMDAsIDEwMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJTb2NpYWwtbWVkaWEtb24tZWxlY3RyaWNCbHVlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgNDY2LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJlbmdpbmVlcmVkLWhvdmVyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1OTguMDAwMDAwLCAzMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS01NyIgZmlsbD0iI0ZGRkZGRiIgeD0iMCIgeT0iMCIgd2lkdGg9IjQyIiBoZWlnaHQ9IjQyIiByeD0iMyI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOC4zMDI3MzQzOCwzMSBMOS41MjA1MDc4MSwyNS4yNTA5NzY2IEw3LjIyNjU2MjUsMjUuMjUwOTc2NiBMNy4yMjY1NjI1LDIzLjI4MjcxNDggTDkuOTMxMTUyMzQsMjMuMjgyNzE0OCBMMTAuOTUwNjgzNiwxOC41MjQ5MDIzIEw4LjY1NjczODI4LDE4LjUyNDkwMjMgTDguNjU2NzM4MjgsMTYuNTU2NjQwNiBMMTEuMzQ3MTY4LDE2LjU1NjY0MDYgTDEyLjU2NDk0MTQsMTAuODIxNzc3MyBMMTQuNzczOTI1OCwxMC44MjE3NzczIEwxMy41NTYxNTIzLDE2LjU1NjY0MDYgTDE2LjMzMTU0MywxNi41NTY2NDA2IEwxNy41NDkzMTY0LDEwLjgyMTc3NzMgTDE5Ljc1ODMwMDgsMTAuODIxNzc3MyBMMTguNTQwNTI3MywxNi41NTY2NDA2IEwyMC44NjI3OTMsMTYuNTU2NjQwNiBMMjAuODYyNzkzLDE4LjUyNDkwMjMgTDE4LjEyOTg4MjgsMTguNTI0OTAyMyBMMTcuMTI0NTExNywyMy4yODI3MTQ4IEwxOS40NDY3NzczLDIzLjI4MjcxNDggTDE5LjQ0Njc3NzMsMjUuMjUwOTc2NiBMMTYuNzEzODY3MiwyNS4yNTA5NzY2IEwxNS40OTYwOTM4LDMxIEwxMy4yODcxMDk0LDMxIEwxNC41MDQ4ODI4LDI1LjI1MDk3NjYgTDExLjcyOTQ5MjIsMjUuMjUwOTc2NiBMMTAuNTExNzE4OCwzMSBMOC4zMDI3MzQzOCwzMSBaIE0xMi4xMjU5NzY2LDIzLjI4MjcxNDggTDE0LjkxNTUyNzMsMjMuMjgyNzE0OCBMMTUuOTM1MDU4NiwxOC41MjQ5MDIzIEwxMy4xNDU1MDc4LDE4LjUyNDkwMjMgTDEyLjEyNTk3NjYsMjMuMjgyNzE0OCBaIE0yNy43MjgzMTY0LDMxLjQ2NzI4NTIgQzI2LjI1NTY1MjgsMzEuNDY3Mjg1MiAyNS4wNjg1NzE2LDMxLjE3NzAwNDkgMjQuMTY3MDM3MSwzMC41OTY0MzU1IEMyMy4yNjU1MDI3LDMwLjAxNTg2NjIgMjIuNjE2NTAyLDI5LjIxMTEwNTQgMjIuMjIwMDE1NiwyOC4xODIxMjg5IEMyMS45ODQwMTE5LDI3LjU4NzM5OTQgMjEuODE4ODExNywyNi45MzgzOTg3IDIxLjcyNDQxMDIsMjYuMjM1MTA3NCBDMjEuNjMwMDA4NywyNS41MzE4MTYxIDIxLjU4MjgwODYsMjQuNzQxMjE1MyAyMS41ODI4MDg2LDIzLjg2MzI4MTIgQzIxLjU4MjgwODYsMjIuNzIxMDIyOSAyMS42NTgzMjg3LDIxLjY5NDQyMTkgMjEuODA5MzcxMSwyMC43ODM0NDczIEMyMS45NjA0MTM1LDE5Ljg3MjQ3MjcgMjIuMTc5ODkzOCwxOS4xMzE0MzE5IDIyLjQ2NzgxODQsMTguNTYwMzAyNyBDMjIuNzU1NzQzLDE3Ljk4OTE3MzYgMjMuMDc5MDYzMywxNy41MjQyNTMxIDIzLjQzNzc4OTEsMTcuMTY1NTI3MyBDMjMuOTE5MjM2OCwxNi42NjUxOTkzIDI0LjUxMzk1NzQsMTYuMjg1MjM4OSAyNS4yMjE5Njg4LDE2LjAyNTYzNDggQzI1LjkyOTk4MDEsMTUuNzY2MDMwNiAyNi43OTM3NDEsMTUuNjM2MjMwNSAyNy44MTMyNzc0LDE1LjYzNjIzMDUgQzI4Ljc1NzI5MjUsMTUuNjM2MjMwNSAyOS41NTAyNTMzLDE1Ljc2MTMxMDYgMzAuMTkyMTgzNiwxNi4wMTE0NzQ2IEMzMC44MzQxMTM5LDE2LjI2MTYzODYgMzEuMzY3NDc0NSwxNi41OTkxMTkgMzEuNzkyMjgxMywxNy4wMjM5MjU4IEMzMi4yNjQyODg4LDE3LjUxNDgxMzcgMzIuNjIwNjQ5MiwxOC4wNzg4NTQyIDMyLjg2MTM3MzEsMTguNzE2MDY0NSBDMzMuMTAyMDk2OSwxOS4zNTMyNzQ3IDMzLjI1NTQ5NzEsMjAuMDQwMDM1NCAzMy4zMjE1NzgxLDIwLjc3NjM2NzIgQzMzLjM4NzY1OTIsMjEuNTEyNjk5IDMzLjQyMDY5OTIsMjIuMjE1OTc5NyAzMy40MjA2OTkyLDIyLjg4NjIzMDUgTDMzLjQyMDY5OTIsMjQuNDQzODQ3NyBMMjQuNDI5LDI0LjQ0Mzg0NzcgTDI0LjQyOSwyNC44NTQ0OTIyIEMyNC40MjksMjUuNjU2OTA1MSAyNC41MTM5NjAxLDI2LjMyNzE0NTcgMjQuNjgzODgyOCwyNi44NjUyMzQ0IEMyNC44NTM4MDU2LDI3LjQwMzMyMyAyNS4wOTQ1MjU4LDI3LjgzMjg0MzQgMjUuNDA2MDUwOCwyOC4xNTM4MDg2IEMyNS43MTc1NzU4LDI4LjQ3NDc3MzcgMjYuMDg4MDk2MiwyOC43MDEzMzQgMjYuNTE3NjIzMSwyOC44MzM0OTYxIEMyNi45NDcxNSwyOC45NjU2NTgyIDI3LjQyMTUxMDQsMjkuMDMxNzM4MyAyNy45NDA3MTg4LDI5LjAzMTczODMgQzI4LjQ5NzY4NzcsMjkuMDMxNzM4MyAyOC45OTU2NDgyLDI4LjkzMDI1ODIgMjkuNDM0NjE1MywyOC43MjcyOTQ5IEMyOS44NzM1ODIzLDI4LjUyNDMzMTcgMzAuMjExMDYyNiwyOC4yODU5NzE0IDMwLjQ0NzA2NjQsMjguMDEyMjA3IEMzMC42ODMwNzAyLDI3LjczODQ0MjYgMzAuODYyNDMwNCwyNy40OTc3MjI0IDMwLjk4NTE1MjQsMjcuMjkwMDM5MSBMMzMuMjM2NjE3MiwyOC40NTExNzE5IEMzMi44Nzc4OTE1LDI5LjEzMDg2MjggMzIuNDQ2MDExLDI5LjY5NDkwMzQgMzEuOTQwOTYyOSwzMC4xNDMzMTA1IEMzMS40MzU5MTQ4LDMwLjU5MTcxNzcgMzAuODE3NTk0MiwzMC45MjQ0NzgxIDMwLjA4NTk4MjQsMzEuMTQxNjAxNiBDMjkuMzU0MzcwNywzMS4zNTg3MjUgMjguNTY4NDg5OSwzMS40NjcyODUyIDI3LjcyODMxNjQsMzEuNDY3Mjg1MiBMMjcuNzI4MzE2NCwzMS40NjcyODUyIFogTTI0LjQ1NzMyMDMsMjIuMzMzOTg0NCBMMzAuNjMxMTQ4NSwyMi4zMzM5ODQ0IEMzMC42MzExNDg1LDIxLjEyNTY0NSAzMC40ODcxODgzLDIwLjE4MTY0NCAzMC4xOTkyNjM3LDE5LjUwMTk1MzEgQzI5LjkxMTMzOTEsMTguODIyMjYyMiAyOS41MjkwMTg3LDE4LjM4ODAyMTggMjkuMDUyMjkxLDE4LjE5OTIxODggQzI4LjU3NTU2MzQsMTguMDEwNDE1NyAyOC4wOTY0ODI5LDE3LjkxNjAxNTYgMjcuNjE1MDM1MiwxNy45MTYwMTU2IEMyNy4xNjE5MDc5LDE3LjkxNjAxNTYgMjYuNzQ2NTQ3NSwxNy45ODQ0NTU3IDI2LjM2ODk0MTQsMTguMTIxMzM3OSBDMjUuOTkxMzM1NCwxOC4yNTgyMjAxIDI1LjY2NTY1NSwxOC40OTQyMjAzIDI1LjM5MTg5MDYsMTguODI5MzQ1NyBDMjUuMTE4MTI2MywxOS4xNjQ0NzExIDI0Ljg5ODY0NiwxOS42MTc1OTE1IDI0LjczMzQ0MzQsMjAuMTg4NzIwNyBDMjQuNTY4MjQwNywyMC43NTk4NDk5IDI0LjQ3NjIwMDYsMjEuNDc0OTMwNiAyNC40NTczMjAzLDIyLjMzMzk4NDQgTDI0LjQ1NzMyMDMsMjIuMzMzOTg0NCBaIiBpZD0iI2UiIGZpbGw9IiMwMDNDN0QiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==") repeat scroll 0 0;
}

#footer .block .icons a.facebook {
    background: rgba(0, 0, 0, 0) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjQycHgiIGhlaWdodD0iNDJweCIgdmlld0JveD0iMCAwIDQyIDQyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy4zLjMgKDEyMDgxKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5GYWNlYm9vazwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSIwMF8wMC1TdHlsZS1JbnZlbnRvcnkiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPgogICAgICAgIDxnIGlkPSJJY29ucyIgc2tldGNoOnR5cGU9Ik1TQXJ0Ym9hcmRHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI1LjAwMDAwMCwgLTE0Ni4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9IlNvY2lhbC1NZWRpYSIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjUuMDAwMDAwLCAxMDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iU29jaWFsLU1lZGlhLW9uLXdoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgNDUuMDAwMDAwKSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IkZhY2Vib29rIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTM5LjYwNDc0NjMsNDEuOTEzMzM1OCBDNDAuODc5NjM0Myw0MS45MTMzMzU4IDQxLjkxMzE3OTEsNDAuODc5NzkxIDQxLjkxMzE3OTEsMzkuNjA0OTAzIEw0MS45MTMxNzkxLDIuMzk1MDk3MDEgQzQxLjkxMzE3OTEsMS4xMTk4OTU1MiA0MC44Nzk2MzQzLDAuMDg2NjY0MTc5MSAzOS42MDQ3NDYzLDAuMDg2NjY0MTc5MSBMMi4zOTUyNTM3MywwLjA4NjY2NDE3OTEgQzEuMTE5ODk1NTIsMC4wODY2NjQxNzkxIDAuMDg2NjY0MTc5MSwxLjExOTg5NTUyIDAuMDg2NjY0MTc5MSwyLjM5NTA5NzAxIEwwLjA4NjY2NDE3OTEsMzkuNjA0OTAzIEMwLjA4NjY2NDE3OTEsNDAuODc5NzkxIDEuMTE5ODk1NTIsNDEuOTEzMzM1OCAyLjM5NTI1MzczLDQxLjkxMzMzNTggTDM5LjYwNDc0NjMsNDEuOTEzMzM1OCIgaWQ9IkZpbGwtMSIgZmlsbD0iIzM5NTE4NSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjguOTQ2MzA2LDQxLjkxMzMzNTggTDI4Ljk0NjMwNiwyNS43MTU5MTA0IEwzNC4zODMyNjg3LDI1LjcxNTkxMDQgTDM1LjE5NzA5NywxOS40MDMzNzMxIEwyOC45NDYzMDYsMTkuNDAzMzczMSBMMjguOTQ2MzA2LDE1LjM3MzA5NyBDMjguOTQ2MzA2LDEzLjU0NTQ3MDEgMjkuNDUzNzUzNywxMi4zMDAwNDQ4IDMyLjA3NDY3OTEsMTIuMzAwMDQ0OCBMMzUuNDE3NDQwMywxMi4yOTg0Nzc2IEwzNS40MTc0NDAzLDYuNjUyNjExOTQgQzM0LjgzOSw2LjU3NTgyMDkgMzIuODU0OTcwMSw2LjQwMzkwMjk5IDMwLjU0NjM4MDYsNi40MDM5MDI5OSBDMjUuNzI3MDM3Myw2LjQwMzkwMjk5IDIyLjQyNzUyOTksOS4zNDU2MjY4NyAyMi40Mjc1Mjk5LDE0Ljc0ODExMTkgTDIyLjQyNzUyOTksMTkuNDAzMzczMSBMMTYuOTc2Nzc2MSwxOS40MDMzNzMxIEwxNi45NzY3NzYxLDI1LjcxNTkxMDQgTDIyLjQyNzUyOTksMjUuNzE1OTEwNCBMMjIuNDI3NTI5OSw0MS45MTMzMzU4IEwyOC45NDYzMDYsNDEuOTEzMzM1OCIgaWQ9IkZpbGwtMiIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+") repeat scroll 0 0;
}

#footer .block .icons a.twitter {
    background: rgba(0, 0, 0, 0) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjQycHgiIGhlaWdodD0iNDJweCIgdmlld0JveD0iMCAwIDQyIDQyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy4zLjMgKDEyMDgxKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT50d2l0dGVyIGNvcHk8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iMDBfMDAtU3R5bGUtSW52ZW50b3J5IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4KICAgICAgICA8ZyBpZD0iSWNvbnMiIHNrZXRjaDp0eXBlPSJNU0FydGJvYXJkR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDkuMDAwMDAwLCAtMTQ2LjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iU29jaWFsLU1lZGlhIiBza2V0Y2g6dHlwZT0iTVNMYXllckdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNS4wMDAwMDAsIDEwMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJTb2NpYWwtTWVkaWEtb24td2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCA0NS4wMDAwMDApIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0idHdpdHRlci1jb3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4NC4wMDAwMDAsIDEuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtNTciIGZpbGw9IiM1RDlFQzkiIHg9IjAiIHk9IjAiIHdpZHRoPSI0MiIgaGVpZ2h0PSI0MiIgcng9IjMiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTM0LjgyOTI2ODMsMTMuOTM2MTI5OSBDMzMuODExNjExNCwxNC4zODg2MzA2IDMyLjcxNzk3NjcsMTQuNjk0NDU2NiAzMS41NzAxMTU2LDE0LjgzMjAwMjIgQzMyLjc0MTc1MTQsMTQuMTI3ODQxNyAzMy42NDE0NDU1LDEzLjAxMjg3MDEgMzQuMDY1MTQwNCwxMS42ODQzNzgzIEMzMi45Njg3NzQyLDEyLjMzNjI5OTkgMzEuNzU0MzQ0LDEyLjgwOTc5NzYgMzAuNDYxODExNSwxMy4wNjUwMDc2IEMyOS40MjY2NTI0LDExLjk1OTI2NjcgMjcuOTUxOTE0OCwxMS4yNjgyOTI3IDI2LjMxOTg1OTksMTEuMjY4MjkyNyBDMjMuMTg1OTU0MSwxMS4yNjgyOTI3IDIwLjY0NTIwMSwxMy44MTU2MjUzIDIwLjY0NTIwMSwxNi45NTc1Njg4IEMyMC42NDUyMDEsMTcuNDAzNDc2MyAyMC42OTU0ODE5LDE3LjgzNzcxODggMjAuNzkyMTk5MywxOC4yNTQxMDg3IEMxNi4wNzYxMTQ4LDE4LjAxNjg1MjcgMTEuODk0OTA5NywxNS43NTE4MTMxIDkuMDk2MTc2MTksMTIuMzA5NzI0IEM4LjYwNzczMzI2LDEzLjE1MDAxIDguMzI3OTAwMzcsMTQuMTI3MzM0NSA4LjMyNzkwMDM3LDE1LjE2OTk4MyBDOC4zMjc5MDAzNywxNy4xNDM4MDMyIDkuMzI5Nzc0OTQsMTguODg1MjM2MiAxMC44NTIzNjUzLDE5LjkwNTQ2NzYgQzkuOTIyMTE4MjMsMTkuODc1OTUgOS4wNDcyMTA1LDE5LjYyMDAzIDguMjgyMDcwOTEsMTkuMTkzOTAyMyBDOC4yODE2NjYyMywxOS4yMTc2MzgxIDguMjgxNjY2MjMsMTkuMjQxNDc1MiA4LjI4MTY2NjIzLDE5LjI2NTQxMzkgQzguMjgxNjY2MjMsMjIuMDIyMDA2NSAxMC4yMzc2NjM3LDI0LjMyMTUzMzkgMTIuODMzNTUzOCwyNC44NDQxMjYxIEMxMi4zNTczNTIzLDI0Ljk3NDE2NTUgMTEuODU2MDYwOSwyNS4wNDM2NDg0IDExLjMzODQ4MTMsMjUuMDQzNjQ4NCBDMTAuOTcyODU3MywyNS4wNDM2NDg0IDEwLjYxNzM1MDIsMjUuMDA4MDQ0NyAxMC4yNzA5NDgyLDI0Ljk0MTYwNDkgQzEwLjk5Mjk4OTksMjcuMjAxOTc4NSAxMy4wODg2MDAzLDI4Ljg0Njg0NTUgMTUuNTcxNjg3MiwyOC44OTI3OTU1IEMxMy42Mjk2NTEsMzAuNDE4Njc5NSAxMS4xODI4ODM3LDMxLjMyODI0NTUgOC41MjQzNzAxNywzMS4zMjgyNDU1IEM4LjA2NjM3OTA0LDMxLjMyODI0NTUgNy42MTQ2NjAzOCwzMS4zMDEzNjUzIDcuMTcwNzMxNzEsMzEuMjQ4ODIyIEM5LjY4MTk0MzUxLDMyLjg2MzA1NTcgMTIuNjY0NzAzMSwzMy44MDQ4NzggMTUuODY5MjI0NiwzMy44MDQ4NzggQzI2LjMwNjYwNjgsMzMuODA0ODc4IDMyLjAxNDE0NTQsMjUuMTM1NTQ4MyAzMi4wMTQxNDU0LDE3LjYxNzMwMDkgQzMyLjAxNDE0NTQsMTcuMzcwNjExNCAzMi4wMDg2ODIzLDE3LjEyNTI0MDYgMzEuOTk3NzU2MSwxNi44ODEyODk5IEMzMy4xMDYzNjM3LDE2LjA3OTE0MzMgMzQuMDY4NDc5LDE1LjA3NzA2ODcgMzQuODI5MjY4MywxMy45MzYxMjk5IiBpZD0iRmlsbC0xIiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=") repeat scroll 0 0;
}

#footer .block .icons a.youtube {
    background: rgba(0, 0, 0, 0) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjQycHgiIGhlaWdodD0iNDJweCIgdmlld0JveD0iMCAwIDQyIDQyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy4zLjMgKDEyMDgxKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT55b3V0dWJlIGNvcHk8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz4KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjUwLjA4ODQzNzUlIiB5MT0iMC4wMjQ5NTMyMTI3JSIgeDI9IjUwLjA4ODQzNzUlIiB5Mj0iMTAwLjA4OTM5NSUiIGlkPSJsaW5lYXJHcmFkaWVudC0xIj4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0U1MkYyOCIgb2Zmc2V0PSIwJSI+PC9zdG9wPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjQkYxODFGIiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPC9kZWZzPgogICAgPGcgaWQ9IjAwXzAwLVN0eWxlLUludmVudG9yeSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICAgICAgPGcgaWQ9Ikljb25zIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjc3LjAwMDAwMCwgLTE0Ni4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9IlNvY2lhbC1NZWRpYSIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjUuMDAwMDAwLCAxMDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iU29jaWFsLU1lZGlhLW9uLXdoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgNDUuMDAwMDAwKSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9InlvdXR1YmUtY29weSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjUyLjAwMDAwMCwgMS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS01NyIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC0xKSIgeD0iMCIgeT0iMCIgd2lkdGg9IjQyIiBoZWlnaHQ9IjQyIiByeD0iMyI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iWW91VHViZV9saWdodF9jb2xvcl9pY29uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3LjAwMDAwMCwgMTEuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTEsNS42NDEwMjU2NCBMMTcuNTc2MDg3LDEwLjI1NjQxMDMgTDE4LjUsOS43NTM3NDQ2MSBMMTEsNS42NDEwMjU2NCBMMTEsNS42NDEwMjU2NCBaIiBpZD0iVGhlX1NoYXJwbmVzcyIgb3BhY2l0eT0iMC4xMiIgZmlsbD0iIzAwMDAwMCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IkxvemVuZ2UiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yNy42OTg5MjQ3LDQuMzE5ODg4NzMgQzI3LjY5ODkyNDcsNC4zMTk4ODg3MyAyNy40MjUyMTk5LDIuMzYxNjEzMzUgMjYuNTg3NjgzMywxLjQ5OTMwNDU5IEMyNS41MjU3MDg3LDAuMzY3MTc2NjM0IDI0LjMzMjM1NTgsMC4zNjE2MTMzNTIgMjMuNzg3NjgzMywwLjI5NDg1Mzk2NCBDMTkuODczNzA0OCwwLjAwODM0NDkyMzUgMTQuMDA1NDc0MSwwLjAwODM0NDkyMzUgMTQuMDA1NDc0MSwwLjAwODM0NDkyMzUgTDEzLjk5NDUyNTksMC4wMDgzNDQ5MjM1IEMxMy45OTQ1MjU5LDAuMDA4MzQ0OTIzNSA4LjEyNjI5NTIxLDAuMDA4MzQ0OTIzNSA0LjIxMjMxNjcyLDAuMjk0ODUzOTY0IEMzLjY2NzY0NDE4LDAuMzYxNjEzMzUyIDIuNDc0MjkxMywwLjM2NzE3NjYzNCAxLjQxMjMxNjcyLDEuNDk5MzA0NTkgQzAuNTc0NzgwMDU5LDIuMzYxNjEzMzUgMC4zMDEwNzUyNjksNC4zMTk4ODg3MyAwLjMwMTA3NTI2OSw0LjMxOTg4ODczIEMwLjMwMTA3NTI2OSw0LjMxOTg4ODczIDAuMDIxODk2MzgzMiw2LjYxNzUyNDM0IDAuMDIxODk2MzgzMiw4LjkxNzk0MTU5IEwwLjAyMTg5NjM4MzIsMTEuMDczNzEzNSBDMC4wMjE4OTYzODMyLDEzLjM3NDEzMDcgMC4zMDEwNzUyNjksMTUuNjcxNzY2MyAwLjMwMTA3NTI2OSwxNS42NzE3NjYzIEMwLjMwMTA3NTI2OSwxNS42NzE3NjYzIDAuNTc0NzgwMDU5LDE3LjYzMDA0MTcgMS40MTIzMTY3MiwxOC40OTIzNTA1IEMyLjQ3NzAyODM1LDE5LjYyNDQ3ODQgMy44NzI5MjI3OCwxOS41ODgzMTcxIDQuNDk0MjMyNjUsMTkuNzA3OTI3NyBDNi43MzA0MDA3OCwxOS45MjQ4OTU3IDE0LDE5Ljk5NDQzNjcgMTQsMTkuOTk0NDM2NyBDMTQsMTkuOTk0NDM2NyAxOS44NzM3MDQ4LDE5Ljk4NjA5MTggMjMuNzg3NjgzMywxOS42OTY4MDExIEMyNC4zMzUwOTI5LDE5LjYzMDA0MTcgMjUuNTI1NzA4NywxOS42MjQ0Nzg0IDI2LjU4NzY4MzMsMTguNDkyMzUwNSBDMjcuNDI1MjE5OSwxNy42MzAwNDE3IDI3LjY5ODkyNDcsMTUuNjcxNzY2MyAyNy42OTg5MjQ3LDE1LjY3MTc2NjMgQzI3LjY5ODkyNDcsMTUuNjcxNzY2MyAyNy45NzgxMDM2LDEzLjM3MTM0OTEgMjcuOTc4MTAzNiwxMS4wNzM3MTM1IEwyNy45NzgxMDM2LDguOTE3OTQxNTkgQzI3Ljk3ODEwMzYsNi42MTc1MjQzNCAyNy42OTg5MjQ3LDQuMzE5ODg4NzMgMjcuNjk4OTI0Nyw0LjMxOTg4ODczIEwyNy42OTg5MjQ3LDQuMzE5ODg4NzMgWiBNMTEuMTEyNDE0NSwxMy42ODU2NzQ1IEwxMS4xMTI0MTQ1LDUuNzAyMzY0MzkgTDE4LjY2NjY2NjcsOS43MDc5Mjc2OCBMMTEuMTEyNDE0NSwxMy42ODU2NzQ1IEwxMS4xMTI0MTQ1LDEzLjY4NTY3NDUgWiIgaWQ9IlNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==") repeat scroll 0 0;
}


/* ---------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 991px) {
    #footer .block {
        margin-left: 0;
        margin-right: 6%;
        /*width: 44%;*/
    }
}

@media screen and (max-width: 767px) {
    #footer .block {
        float: none;
        margin: 0;
        width: auto;
    }
}

#footer .block ul {
    list-style-type: none;
    margin-bottom: 12px;
}

@media screen and (max-width: 991px) {
    #footer .block ul {
        margin-bottom: 0;
    }
}

#footer .block li a {
    color: #fff;
    border-top: 1px solid #e3e3e6;
    display: block;
    font-size: 1.0em;
    line-height: 1.625em;
    padding: 7px 10px 7px 0;
    text-decoration: none;
    Xtext-transform: uppercase;
}

#footer>div>div.social>.block>div>ul>li>a {
    padding: 3px 0px 0px 0px;
}

@media screen and (max-width: 767px) {
    #footer .block li a {
        padding: 12px 0;
    }
}

#footer .block li a:hover,
#footer .block li a:active,
#footer .block li a:focus {
    color: #4B5564;
    /*text-decoration: underline;*/
}

#footer .block li:first-child a {
    border-top: 0 none;
}

@media screen and (max-width: 991px) {
    #footer .block li:first-child a {
        border-top: 1px solid #e3e3e6;
    }
}


/*
---------------------------------------------------------------------------
metainfo
---------------------------------------------------------------------------
*/

#metainfo {
    *zoom: 1;
    font-size: 1em;
    line-height: 1.14285714em;
    margin: 0 auto;
    max-width: 1310px;
    padding: 19px 40px 8px 40px;
    position: relative;
    color: #72849a;
}

#metainfo:before,
#metainfo:after {
    content: " ";
    display: table;
}

#metainfo:after {
    clear: both;
}

.lt-ie9 #metainfo {
    padding-left: 0;
    padding-right: 0;
    width: 940px;
}

@media screen and (max-width: 991px) {
    #metainfo {
        margin: 16px 17px;
        padding: 10px 0 0 0;
        width: auto;
        line-height: 1.0em;
        border-top: 1px solid #7000bd;
        border-bottom: 1px solid #7000bd;
    }
}

@media screen and (max-width: 767px) {
    #metainfo {
        border: none;
        text-align: center;
        padding-bottom: 0;
    }
}

#metainfo>div {
    *zoom: 1;
    float: right;
}

#metainfo>div:before,
#metainfo>div:after {
    content: " ";
    display: table;
}

#metainfo>div:after {
    clear: both;
}

@media screen and (max-width: 991px) {
    #metainfo>div {
        float: none;
    }
}

#metainfo .copyright {
    float: left;
    color: #72849a;
}

@media screen and (max-width: 1414px) {
    #metainfo .copyright {
        margin-bottom: 11px;
    }
}

.lt-ie9 #metainfo .copyright {
    clear: left;
    margin-bottom: 11px;
}

@media screen and (max-width: 991px) {
    #metainfo .copyright {
        bottom: 20px;
        margin-bottom: 0;
        position: static;
        float: left;
    }
}

@media screen and (max-width: 767px) {
    #metainfo .copyright {
        display: block;
        float: none;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 1414px) {
    #metainfo .info {
        position: absolute;
        right: 40px;
    }
}

.lt-ie9 #metainfo .info {
    position: absolute;
    right: 40px;
}

@media screen and (max-width: 991px) {
    #metainfo .info {
        position: static;
        float: right;
    }
}

@media screen and (max-width: 767px) {
    #metainfo .info {
        float: none;
    }
    #metainfo .info .links li::before {
        content: " ";
        color: #fff;
    }
    #metainfo .info .links {
        padding-top: 1.8em;
        text-align: center;
    }
    #metainfo .info .links li {
        display: block;
        float: none;
    }
}

#metainfo .links {
    *zoom: 1;
    float: left;
    list-style: none;
}

#metainfo .links:before,
#metainfo .links:after {
    content: " ";
    display: table;
}

#metainfo .links:after {
    clear: both;
}

@media screen and (max-width: 1414px) {
    #metainfo .links {
        clear: both;
        margin-bottom: 0.571em;
    }
}

.lt-ie9 #metainfo .links {
    clear: both;
    margin-bottom: 0.571em;
}

@media screen and (max-width: 991px) {
    #metainfo .links {
        float: left;
    }
}

@media screen and (max-width: 767px) {
    #metainfo .links {
        display: block;
        float: none;
        margin-bottom: 1em;
    }
}

#metainfo .links.language-select {
    margin-right: 60px;
    position: relative;
}

@media screen and (max-width: 991px) {
    #metainfo .links.language-select {
        display: none;
    }
}

#metainfo .links.language-select .icon-language:after {
    content: "\e609";
}

#metainfo .links.language-select .icon-language:after {
    font-size: 20px;
    margin: -5px 0 0 10px;
    vertical-align: middle;
}

#metainfo .links.language-select .language div {
    bottom: 45px;
    display: none;
    position: absolute;
    right: 10px;
    width: 100%;
}

.no-js #metainfo .links.language-select .language {
    height: 20px;
}

.no-js #metainfo .links.language-select .language:hover div {
    bottom: 20px;
    display: block;
    right: 0;
}

#metainfo .links.language-select .language ul {
    list-style: none;
}

#metainfo .links.language-select .language li {
    background-color: #ffffff;
    float: none;
    margin: 2px 0 0 10px;
    padding-left: 15px;
}

#metainfo .links.language-select .language li:before {
    content: "";
}

#metainfo .links.language-select .language li:hover {
    background-color: #c8c8c8;
}

#metainfo .links.language-select .language li a {
    font-size: 1.14285714em;
    line-height: 2.625em;
    display: block;
    text-decoration: none;
    width: 100%;
}

#metainfo .links.language-select .language.active div {
    display: block;
}

#metainfo .links li {
    float: left;
    padding-right: 15px;
}

@media screen and (max-width: 767px) {
    #metainfo .links li {
        padding-bottom: 13px;
    }
}

@media screen and (max-width: 991px) {
    #metainfo .links li.share {
        clear: both;
        padding: 0;
        position: absolute;
        right: 0;
        top: 19px;
    }
    #metainfo .links li.share:before {
        content: "";
        margin-right: 0;
    }
    #metainfo .links li.share .icons {
        float: left;
    }
}

.no-js #metainfo .links li.share {
    display: none;
}

#metainfo .links li.share:hover>a {
    color: #4B5564;
}

#metainfo .links li.share>a {
    cursor: pointer;
    float: left;
    padding-right: 30px;
    position: relative;
    z-index: 6;
}

#metainfo .links li.share .icons {
    margin-left: -30px;
    position: relative;
    z-index: 5;
}

#metainfo .links li:before {
    content: "|";
    color: #72849a;
    float: left;
    margin-right: 15px;
}

#metainfo .links li:first-child:before {
    display: none;
}

#metainfo .links li>a {
    text-decoration: none;
}

#metainfo .links li>a:hover,
#metainfo .links li>a:active,
#metainfo .links li>a:focus {
    color: #4B5564;
}

#metainfo .icons {
    color: #004b7c;
    cursor: pointer;
    float: left;
    font-size: 22px;
    height: 25px;
    margin: -5px 0 0 0;
    padding: 0 0 0 10px;
    position: relative;
    width: 25px;
}

@media screen and (max-width: 767px) {
    #metainfo .icons {
        float: none;
    }
}

#metainfo .icons>div {
    display: none;
    opacity: 0;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
    white-space: nowrap;
}

#metainfo .icons.active>div {
    bottom: 43px;
    display: block;
    opacity: 1;
    position: absolute;
    right: 0;
    z-index: 50;
}

#metainfo .icons a {
    background-color: #ffffff;
    display: inline-block;
    float: none;
    font-size: 0;
    height: 33px;
    margin-bottom: 2px;
    text-decoration: none;
    text-align: center;
    width: 40px;
}

#metainfo .icons a:before {
    color: #ffffff;
    display: block;
    font-size: 24px;
    line-height: 33px;
    text-align: center;
}

#metainfo .icons a.facebook {
    background-color: #2a609b;
}

#metainfo .icons a.twitter {
    background-color: #00c3f3;
}

#metainfo .icons a.gplus {
    background-color: #e93f2e;
}

#metainfo .icons a.mail:before {
    color: #004b7c;
}

#metainfo .icons a:hover {
    background-color: #4B5564;
    text-decoration: none;
}

#metainfo .icons a:hover:before {
    color: #ffffff;
}


/*
---------------------------------------------------------------------------
search
---------------------------------------------------------------------------
*/

#search {
    float: right;
}

@media screen and (max-width: 991px) {
    #search {
        float: right;
        height: auto;
    }
    #search:before {
        margin-right: 8px;
    }
}

@media screen and (max-width: 604px) {
    #search {
        margin: 28px 0 28px 10px;
    }
}

@media screen and (max-width: 767px) {
    #search {
        margin: 0 9px 3px 0;
    }
}

#searchopen {
    float: right;
    height: 54px;
}

@media screen and (max-width: 767px) {
    #searchopen {
        display: none;
    }
}

#search .label,
#searchopen .label {
    border: none;
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    text-decoration: none;
    width: 42px;
    height: 42px;
    background: url(../img/responsive/icon-search.png);
}

#searchopen.active {
    background: url('../img/responsive/layout/nav-triangle.png') no-repeat bottom center;
}

#search .label:hover,
#search .label:active {
    border-bottom-color: #004b7c;
    color: #004b7c;
}

#search .label:before {
    font-size: 18px;
    padding: 5px;
}

@media screen and (max-width: 991px) {}

@media screen and (max-width: 604px) {
    #search .label {
        font-size: 0;
        line-height: 0;
    }
}

#search.active:after {
    background: url(../img/responsive/layout/sprite.png) 0 -144px no-repeat;
    content: "";
    display: block;
    height: 15px;
    margin: 0 auto;
    position: relative;
    width: 30px;
}

@media screen and (max-width: 991px) {
    #search.active:after {
        display: none;
    }
}

#search .pane {
    background-color: #eef0f2;
    display: none;
    left: 0;
    margin-top: 52px/*12px*/
    ;
    position: absolute;
    right: 0;
    z-index: 20;
    border-bottom: 3px solid #199CDE;
}

#search .pane>div {
    margin: 0 auto;
    max-width: 1310px;
    padding: 24px 0 50px 0px;
    width: 1310px;
}

@media screen and (max-width: 1414px) {
    #search .pane>div {
        margin: 0 40px;
        width: auto;
    }
}

@media screen and (max-width: 900px) {
    #search .pane>div {
        margin: 0 25px;
        width: auto;
    }
}

@media screen and (max-width: 991px) {
    #search .pane {
        margin-top: 54px;
    }
    #search .pane>div {
        margin: 0 17px;
        padding-top: 70px;
        width: auto;
    }
}

@media screen and (max-width: 605px) {
    #search .pane {
        margin-top: 25px;
    }
}

@media screen and (max-width: 767px) {
    #search .pane {
        margin-top: 10px;
    }
    #search .pane>div {
        padding: 15px 0;
    }
}

.lt-ie9 #search .pane>div {
    width: 940px;
}

#search .pane form p {
    margin: 60px 15% 0 15%;
    position: relative;
    width: auto;
    white-space: nowrap;
}

@media screen and (max-width: 991px) {
    #search .pane form p {
        margin: 0 5%;
        width: auto;
    }
}

#search .pane input {
    border: none;
    border-bottom: 2px solid #C8D0D6;
    border-radius: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background: transparent;
    font-size: 3.375em;
    line-height: 1.25em;
    color: #199CDE;
    -webkit-appearance: none;
    width: 94%;
}

@media screen and (max-width: 1200px) {
    #search .pane input {
        font-size: 2.25em;
    }
}

#search .pane #searchclose {
    background: rgba(0, 0, 0, 0) url("../img/responsive/layout/icon-close.png") no-repeat scroll right center;
    display: block;
    float: right;
    height: 42px;
    margin-bottom: 24px;
    width: 42px;
}

@media screen and (max-width: 991px) {
    #search .pane>div {
        margin: 0;
        padding: 25px 25px 25px 25px;
    }
    #search .pane>div form {
        text-align: center;
        margin-top: 75px;
    }
    #search .pane input {
        font-size: 2.25em;
        width: 100%;
    }
    #search .pane form p {
        margin: 0;
        width: 100%;
        margin-top: 24px;
    }
    #search .pane #searchclose {}
}

@media screen and (max-width: 767px) {
    #search .pane form p {
        margin: 30px 0;
    }
    #search .pane #searchclose {
        display: none;
    }
    #search .pane input {
        font-size: 1.5em;
        width: 92%;
    }
}

#search .pane input::-moz-placeholder {
    color: #545F6A;
}

#search .pane input:-ms-input-placeholder {
    color: #545F6A;
}

#search .pane button {
    background: url('../img/responsive/layout/icon-search-button.png') no-repeat top center;
    border: 0 none;
    color: #ffffff;
    font-size: 1em;
    line-height: 1.14285714em;
    margin-top: 10px;
    margin-left: -50px;
    vertical-align: top;
    width: 42px;
    height: 43px;
}

@media screen and (max-width: 1200px) {
    #search .pane button {
        margin-top: 0;
    }
}

@media screen and (max-width: 880px) {
    #search .pane button {
        margin-left: -10px;
    }
}

@media screen and (max-width: 991px) {
    #search .pane button {
        position: absolute;
        right: 0px;
        top: -10px;
    }
}

@media screen and (max-width: 767px) {
    #search .pane button {
        background-size: 28px 28px;
    }
}

#search .pane .last-searches {
    width: 70%;
}

@media screen and (max-width: 991px) {
    #search .pane .last-searches {
        width: auto;
    }
}

#search .pane .last-searches .headline {
    color: #ffffff;
    font-size: 1.35714286em;
    line-height: 1.26315789em;
    margin: 0 0 0.8em;
}

#search .pane .last-searches ul {
    *zoom: 1;
    font-family: tketypemedium, Arial, Verdana, sans-serif;
    list-style-type: none;
}

#search .pane .last-searches ul:before,
#search .pane .last-searches ul:after {
    content: " ";
    display: table;
}

#search .pane .last-searches ul:after {
    clear: both;
}

@media screen and (max-width: 991px) {
    #search .pane .last-searches ul {
        width: auto;
    }
}

@media screen and (max-width: 767px) {
    #search .pane .last-searches ul {
        margin-top: 20px;
    }
}

#search .pane .last-searches li {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
}

#search .pane .last-searches li a {
    background-color: #1a334c;
    color: #ffffff;
    display: block;
    font-size: 1.35714286em;
    line-height: 1.15789474em;
    padding: 7px 15px;
    text-decoration: none;
    text-transform: uppercase;
}

@media screen and (max-width: 991px) {
    #search .pane .last-searches li a {
        font-size: 1.28571429em;
        line-height: 1.22222222em;
    }
}

#search .pane .last-searches li a:hover,
#search .pane .last-searches li a:active,
#search .pane .last-searches li a:focus {
    background-color: #ffffff;
    color: #1a334c;
}


/*
---------------------------------------------------------------------------
core owl carousel
---------------------------------------------------------------------------
*/

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
    display: inline-block;
    max-width: 100%;
    -webkit-transform-style: preserve-3d;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
    display: none;
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}


/* No Js */

.no-js .owl-carousel {
    display: block;
}

.footable {
    width: 100%;
    /** SORTING **/
    /** PAGINATION **/
}

.footable .footable-toggle {
    display: none;
}

.footable.breakpoint>tbody>tr.footable-detail-show>td {
    border-bottom: none;
}

.footable.breakpoint>tbody>tr:hover:not(.footable-row-detail) {
    cursor: pointer;
}

.footable.breakpoint>tbody>tr>td.footable-cell-detail {
    background: #EEEEEE;
    border-top: none;
}

.footable.breakpoint>tbody>tr>td>span.footable-toggle {
    display: inline-block;
}

.footable.breakpoint.toggle-medium>tbody>tr>td>span.footable-toggle {
    font-size: 18px;
}

.footable.breakpoint.toggle-large>tbody>tr>td>span.footable-toggle {
    font-size: 24px;
}

.footable>thead>tr>th {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
}

.footable>thead>tr>th.footable-sortable:hover {
    cursor: pointer;
}

.footable>thead>tr>th.footable-sorted>span.footable-sort-indicator:before {
    content: "down";
}

.footable>thead>tr>th.footable-sorted-desc>span.footable-sort-indicator:before {
    content: "up";
}

.footable>thead>tr>th>span.footable-sort-indicator {
    display: inline-block;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    padding-left: 5px;
}

.footable>thead>tr>th>span.footable-sort-indicator:before {
    content: "updown";
}

.footable>tfoot .pagination {
    margin: 0;
}

.footable.no-paging .hide-if-no-paging {
    display: none;
}

.footable-row-detail-inner {
    display: table;
}

.footable-row-detail-row {
    display: table-row;
}

.footable-row-detail-name {
    display: table-cell;
    padding-right: 0.5em;
}

.footable-row-detail-value {
    display: table-cell;
}


/*
---------------------------------------------------------------------------

---------------------------------------------------------------------------
*/

.ir {
    display: block;
    border: 0;
    text-indent: -999em;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
    *line-height: 0;
}

.ir br {
    display: none;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}


/*
 * Wide Content
 */

#main .wide {
    clear: both;
}


/*
---------------------------------------------------------------------------
keyvisual
---------------------------------------------------------------------------
*/

#visual::before {
    clear: both;
    float: none;
}

#visual {
    margin-bottom: 50px;
    height: 266px;
    overflow: hidden;
    position: relative;
}

.lt-ie9 #visual {
    margin: 0 auto 50px;
    min-width: 940px;
}

@media screen and (max-width: 1414px) {
    #visual {
        padding: 0 40px;
    }
}

@media screen and (max-width: 979px) {
    #visual {
        padding: 0 25px;
    }
}

@media screen and (max-width: 991px) {
    #visual {
        height: 177px;
        padding: 0 15px;
    }
}

@media screen and (max-width: 767px) {
    #visual {
        display: block;
    }
}

#visual img {
    left: 0;
    position: absolute;
    width: 100%;
}

@media screen and (max-width: 1414px) {
    #visual img {
        left: -4%;
        width: 108%;
    }
}

#visual .text-container {
    height: 100%;
    margin: 0 auto;
    max-width: 1310px;
    position: relative;
}

.lt-ie9 #visual .text-container {
    width: 940px;
}

.lt-ie9 #visual .text-container>div {
    width: 100%;
}

#visual p {
    font-size: 1.14285714em;
    line-height: 1.25em;
    background: #ffffff;
    bottom: 20px;
    color: #706f6f;
    left: 0;
    margin: 0;
    max-width: 62.5%;
    padding: 8px 15px;
    position: absolute;
}

@media screen and (max-width: 900px) {
    #visual p {
        max-width: 100%;
    }
}


/*
---------------------------------------------------------------------------
content
---------------------------------------------------------------------------
*/

#content {
    *zoom: 1;
    float: left;
    margin-right: 9.1%;
    width: 66.1%;
    min-height: 300px;
}

#content:before,
#content:after {
    content: " ";
    display: table;
}

#content:after {
    clear: both;
}

#content>div {
    clear: both;
}

@media screen and (max-width: 900px) {
    #content {
        float: none;
        margin: 0 0 30px;
        width: auto;
    }
}

@media screen and (max-width: 767px) {
    #content {
        margin-bottom: 50px;
    }
}


/*
---------------------------------------------------------------------------
sidebar
---------------------------------------------------------------------------
*/

#sidebar {
    float: left;
    width: 24.8%;
}

@media screen and (max-width: 900px) {
    #sidebar {
        float: none;
        width: auto;
    }
}

#sidebar>div {
    clear: both;
}


/*
---------------------------------------------------------------------------
modules (content, sidebar)
---------------------------------------------------------------------------
*/

#main {}

#main .paragraph,
#main .wideparagraph {
    color: #78879B;
    margin-bottom: 40px;
}

#main .paragraph h1 {
    color: #000000;
}

#main .paragraph h2,
#main .paragraph h3 {
    color: #000000;
    font-weight: normal;
    font-size: 1.25em;
    line-height: 1.33333333em;
    margin: 0 0 0.6em;
}

@media screen and (max-width: 767px) {
    #main .paragraph h2,
    #main .paragraph h3 {
        font-size: 1.85714286em;
        line-height: 1.23076923em;
    }
}

#main .paragraph.intro h2,
#main .paragraph.intro h3 {
    color: #000000;
    font-size: 3.21428571em;
    line-height: 1.11111111em;
    margin: 0 0 0.5em;
}

@media screen and (max-width: 767px) {
    #main .paragraph.intro h2,
    #main .paragraph.intro h3 {
        font-size: 2.42857143em;
        line-height: 1.14705882em;
    }
}

#main .paragraph p,
#main .paragraph ul {
    font-size: 1.0em;
    line-height: 1.625em;
}

@media screen and (max-width: 767px) {
    #main .paragraph p,
    #main .paragraph ul {
        font-size: 1.25em;
        line-height: 1.625em;
    }
}

#main .paragraph p {
    color: #78879B;
    font-size: 1.0em;
    line-height: 1.625em;
}

@media screen and (max-width: 767px) {
    #main .paragraph p {
        font-size: 1.25em;
        line-height: 1.625em;
        margin: 0 0 1.7em;
    }
}

#main .paragraph.intro p,
#main .paragraph.intro ul {
    color: #000000;
}

#main .paragraph a {
    border-bottom: none;
    padding-bottom: 0;
    text-decoration: none;
}

#main .paragraph a:hover,
#main .paragraph a:active,
#main .paragraph a:focus {
    border-bottom: 0 none;
    color: #4B5564;
}

#main .paragraph img {
    margin: 0 0 1em;
}

#main .paragraph .bullet {
    color: #1f7fb6;
    font-size: 0;
    line-height: 0;
}

#main .paragraph .bullet:before {
    display: inline-block;
    font-family: 'thyssen-krupp-iconfont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#main .paragraph .bullet:before {
    content: "\e60f";
}

#main .paragraph .bullet:before {
    display: inline-block;
    font-size: 20px;
}

#main .paragraph .bullet-border {
    color: #1f7fb6;
    font-size: 0;
    line-height: 0;
}

#main .paragraph .bullet-border:before {
    display: inline-block;
    font-family: 'thyssen-krupp-iconfont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#main .paragraph .bullet-border:before {
    content: "\e60e";
}

#main .paragraph .bullet-border:before {
    display: inline-block;
    font-size: 17px;
}

#main .paragraph .request {
    color: #a5a5a4;
    font-size: 0;
    line-height: 0;
}

#main .paragraph .request:before {
    display: inline-block;
    font-family: 'thyssen-krupp-iconfont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#main .paragraph .request:before {
    content: "\e621";
}

#main .paragraph .request:before {
    display: inline-block;
    font-size: 20px;
}


/* ######################### wideparagraph ####################### */

#main .wideparagraph {
    color: #78879B;
    margin-bottom: 40px;
    /* Producttable icons */
}

#main .wideparagraph h1 {
    color: #000000;
}

#main .wideparagraph h2,
#main .wideparagraph h3 {
    color: #000000;
    font-weight: normal;
    font-size: 1.25em;
    line-height: 1.33333333em;
    margin: 0 0 0.6em;
}

@media screen and (max-width: 767px) {
    #main .wideparagraph h2,
    #main .wideparagraph h3 {
        font-size: 1.85714286em;
        line-height: 1.23076923em;
    }
}

#main .wideparagraph.intro h2,
#main .wideparagraph.intro h3 {
    color: #000000;
    font-size: 3.21428571em;
    line-height: 1.11111111em;
    margin: 0 0 0.5em;
}

@media screen and (max-width: 767px) {
    #main .wideparagraph.intro h2,
    #main .wideparagraph.intro h3 {
        font-size: 2.42857143em;
        line-height: 1.14705882em;
    }
}

#main .wideparagraph p,
#main .wideparagraph ul {
    font-size: 1.0em;
    line-height: 1.625em;
}

@media screen and (max-width: 767px) {
    #main .wideparagraph p,
    #main .wideparagraph ul {
        font-size: 1.25em;
        line-height: 1.625em;
    }
}

#main .wideparagraph p {
    color: #78879B;
    font-size: 1.0em;
    line-height: 1.625em;
}

@media screen and (max-width: 767px) {
    #main .wideparagraph p {
        font-size: 1.25em;
        line-height: 1.625em;
        margin: 0 0 1.7em;
    }
}

#main .wideparagraph.intro p,
#main .wideparagraph.intro ul {
    color: #000000;
}

#main .wideparagraph a {
    border-bottom: none;
    padding-bottom: 0;
    text-decoration: none;
}

#main .wideparagraph a:hover,
#main .wideparagraph a:active,
#main .wideparagraph a:focus {
    border-bottom: 0 none;
    color: #4B5564;
}

#main .wideparagraph img {
    margin: 0 0 1em;
}

#main .wideparagraph .bullet {
    color: #1f7fb6;
    font-size: 0;
    line-height: 0;
}

#main .wideparagraph .bullet:before {
    display: inline-block;
    font-family: 'thyssen-krupp-iconfont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#main .wideparagraph .bullet:before {
    content: "\e60f";
}

#main .wideparagraph .bullet:before {
    display: inline-block;
    font-size: 20px;
}

#main .wideparagraph .bullet-border {
    color: #1f7fb6;
    font-size: 0;
    line-height: 0;
}

#main .wideparagraph .bullet-border:before {
    display: inline-block;
    font-family: 'thyssen-krupp-iconfont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#main .wideparagraph .bullet-border:before {
    content: "\e60e";
}

#main .wideparagraph .bullet-border:before {
    display: inline-block;
    font-size: 17px;
}

#main .wideparagraph .request {
    color: #a5a5a4;
    font-size: 0;
    line-height: 0;
}

#main .wideparagraph .request:before {
    display: inline-block;
    font-family: 'thyssen-krupp-iconfont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#main .wideparagraph .request:before {
    content: "\e621";
}
#main .wideparagraph .request:before {
    display: inline-block;
    font-size: 20px;
}


/* END wideparagraph =========== */

#main .imageteaser {
    background: transparent;
    clear: none;
    margin-bottom: 50px;
    overflow: hidden;
    position: relative;
}

#main .imageteaser a {
    display: block;
    text-decoration: none;
}

#main .imageteaser img {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 1;
}

#main .imageteaser figcaption {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiAgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMTIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
    /* IE9 - for IE6-8 you need filter and filer:none; for IE9 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(120%, #000000));
    /* Chrome,Safari4+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 120%);
    /* W3C */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 120%);
    /* FF3.6+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 120%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 120%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 120%);
    /* IE10+ */
    bottom: 0;
    color: #FFFFFF;
    height: 40%;
    left: 0;
    position: absolute;
    right: 0;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    z-index: 5;
}

.lt-ie9 #main .imageteaser figcaption {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#BB000000', GradientType=0);
    z-index: auto;
}

#main .imageteaser figcaption>div {
    bottom: 3px;
    left: 15px;
    position: absolute;
    right: 15px;
}

@media screen and (max-width: 767px) {
    #main .imageteaser figcaption>div {
        left: 10px;
        right: 10px;
    }
}

#main .imageteaser figcaption p {
    margin: 0 0 0.4em;
}

#main .imageteaser figcaption .headline {
    font-size: 1em;
    line-height: 1.35714286em;
    margin: 0 0 0.4em;
    text-transform: uppercase;
}

@media screen and (max-width: 767px) {
    #main .imageteaser figcaption .headline {
        margin-bottom: 0.5em;
    }
}

#main .imageteaser figcaption .subheadline {
    font-size: 1.42857143em;
    line-height: 1.25em;
    margin-bottom: 0.6em;
}

@media screen and (max-width: 767px) {
    #main .imageteaser figcaption .subheadline {
        font-size: 1.28571429em;
        line-height: 1.33333333em;
        margin-bottom: 0.8em;
    }
}

#main .imageteaser figcaption .text {
    font-size: 1.28571429em;
    line-height: 1.33333333em;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}

@media screen and (max-width: 767px) {
    #main .imageteaser figcaption .text {
        font-size: 1.14285714em;
        line-height: 1.25em;
    }
}

#main .imageteaser figcaption .text p {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    margin-bottom: 0.8em;
    padding-top: 0.9em;
}

@media screen and (min-width: 1280px) {
    #main .imageteaser a:hover {
        background-color: transparent;
        padding: 0;
    }
    .no-touch #main .imageteaser a:hover img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    .no-touch #main .imageteaser a:hover figcaption {
        height: 120%;
    }
    .no-touch #main .imageteaser a:hover .text {
        max-height: 200px;
    }
    .lt-ie9 .no-touch #main .imageteaser a:hover .text {
        border-top: 1px solid #a5a5a4;
    }
}

#main .teaserwrapper .imageteaser {
    float: left;
    max-width: 49%;
}

@media screen and (max-width: 767px) {
    #main .teaserwrapper .imageteaser {
        float: none;
        max-width: 100%;
    }
    #main .imageteaser a:hover {
        background-color: transparent;
        padding: 0;
    }
    .no-touch #main .imageteaser a:hover img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    .no-touch #main .imageteaser a:hover figcaption {
        height: 120%;
    }
    .no-touch #main .imageteaser a:hover .text {
        max-height: 200px;
    }
    .lt-ie9 .no-touch #main .imageteaser a:hover .text {
        border-top: 1px solid #a5a5a4;
    }
}

#main .teaserwrapper .imageteaser.second {
    margin-left: 2%;
}

@media screen and (max-width: 767px) {
    #main .teaserwrapper .imageteaser.second {
        margin-left: 0;
    }
}

#main .wide .teaserwrapper .imageteaser {
    margin-right: 1.25%;
    max-width: 32.5%;
}

#main .wide .teaserwrapper .imageteaser.second {
    margin-left: 0;
}

#main .wide .teaserwrapper .imageteaser.third {
    margin-right: 0;
}

@media screen and (max-width: 767px) {
    #main .wide .teaserwrapper .imageteaser.third {
        margin-left: 0;
    }
}

@media screen and (max-width: 991px) {
    #main .wide .teaserwrapper .imageteaser {
        margin-right: 2%;
        max-width: 49%;
    }
    #main .wide .teaserwrapper .imageteaser.third {
        margin-right: 2%;
    }
    #main .wide .teaserwrapper .imageteaser.second {
        margin-right: 0;
    }
}

@media screen and (max-width: 767px) {
    #main .wide .teaserwrapper .imageteaser {
        float: none;
        max-width: 100%;
    }
}

#main #sidebar .teaserwrapper {
    *zoom: 1;
    margin-bottom: 50px;
}

#main #sidebar .teaserwrapper:before,
#main #sidebar .teaserwrapper:after {
    content: " ";
    display: table;
}

#main #sidebar .teaserwrapper:after {
    clear: both;
}

#main #sidebar .teaserwrapper .imageteaser {
    float: none;
    margin: 0;
    max-width: 100%;
}

#main #sidebar .teaserwrapper .imageteaser.second {
    margin: 20px 0 0 0;
}

@media screen and (max-width: 900px) {
    #main #sidebar .teaserwrapper .imageteaser.second {
        margin: 0 0 0 2%;
    }
}

@media screen and (max-width: 767px) {
    #main #sidebar .teaserwrapper .imageteaser.second {
        margin: 20px 0 0 0;
    }
}

@media screen and (max-width: 900px) {
    #main #sidebar .teaserwrapper .imageteaser {
        float: left;
        width: 49%;
    }
}

@media screen and (max-width: 767px) {
    #main #sidebar .teaserwrapper .imageteaser {
        float: none;
        margin: 0;
        width: 100%;
    }
}

#main .imageslider {
    margin-bottom: 50px;
    width: auto;
}

#main .imageslider .headline {
    font-size: 1.71428571em;
    line-height: 1.33333333em;
    margin: 0 0 0.5em;
}

@media screen and (max-width: 767px) {
    #main .imageslider .headline {
        font-size: 1.85714286em;
        line-height: 1.23076923em;
    }
}

#main .imageslider .wrapper {
    *zoom: 1;
    margin: 0 -5px;
    text-align: center;
    width: auto;
}

#main .imageslider .wrapper:before,
#main .imageslider .wrapper:after {
    content: " ";
    display: table;
}

#main .imageslider .wrapper:after {
    clear: both;
}

#main .imageslider .owl-stage-outer {
    text-align: left;
}

#main .imageslider .imageteaser {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0 5px;
}

@media screen and (max-width: 767px) {
    #main .imageslider .imageteaser {
        margin: 0;
    }
}

#main .imageslider .imageteaser figure {
    overflow: hidden;
    position: relative;
    white-space: normal;
}

#main .imageslider .owl-controls {
    display: inline-block;
    margin-top: 15px;
    position: relative;
}

@media screen and (max-width: 767px) {
    #main .imageslider .owl-controls {
        margin-top: 20px;
    }
}

#main .imageslider .owl-controls .owl-next,
#main .imageslider .owl-controls .owl-prev {
    color: #004b7c;
    cursor: pointer;
    font-size: 22px;
    position: absolute;
    text-decoration: none;
    top: 2px;
}

#main .imageslider .owl-controls .owl-next:before,
#main .imageslider .owl-controls .owl-prev:before {
    display: inline-block;
    font-family: 'thyssen-krupp-iconfont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#main .imageslider .owl-controls .owl-next:hover,
#main .imageslider .owl-controls .owl-prev:hover,
#main .imageslider .owl-controls .owl-next:active,
#main .imageslider .owl-controls .owl-prev:active,
#main .imageslider .owl-controls .owl-next:focus,
#main .imageslider .owl-controls .owl-prev:focus {
    color: #1f7fb6;
}

#main .imageslider .owl-controls .owl-next.disabled,
#main .imageslider .owl-controls .owl-prev.disabled {
    color: #a5a5a4;
    cursor: default;
}

.lt-ie9 #main .imageslider .owl-controls .owl-next,
.lt-ie9 #main .imageslider .owl-controls .owl-prev {
    top: -2px;
}

@media screen and (max-width: 767px) {
    .touch #main .imageslider .owl-controls .owl-next,
    .touch #main .imageslider .owl-controls .owl-prev {
        display: none;
    }
}

#main .imageslider .owl-controls .owl-next {
    right: -25px;
}

#main .imageslider .owl-controls .owl-next:before {
    content: "\e61a";
}

#main .imageslider .owl-controls .owl-prev {
    left: -25px;
}

#main .imageslider .owl-controls .owl-prev:before {
    content: "\e61d";
}

#main .imageslider .owl-controls .owl-controls {
    line-height: 22px;
    margin: 0 15px;
    vertical-align: middle;
}

#main .imageslider .owl-controls .owl-dot {
    -webkit-border-radius: 15px;
    -o-border-radius: 15px;
    -ms-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border: 2px solid #a5a5a4;
    display: inline-block;
    height: 11px;
    margin: 0 10px;
    vertical-align: middle;
    width: 11px;
}

#main .imageslider .owl-controls .owl-dot.active {
    background-color: #a5a5a4;
}

.lt-ie9 #main .imageslider .owl-controls .owl-dot {
    background-color: transparent;
    border: 0 none;
    background: url(../img/responsive/layout/sprite.png) -24px -1px no-repeat;
    margin: 0 7px;
    height: 17px;
    vertical-align: top;
    width: 17px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
    .lt-ie9 #main .imageslider .owl-controls .owl-dot {
        background-image: url(../img/responsive/layout/sprite2x.png);
        background-size: 500px 900px;
    }
}

.lt-ie9 #main .imageslider .owl-controls .owl-dot.active {
    background-position: -1px -1px;
}

.no-js #main .imageslider {
    width: 100%;
}

.no-js #main .imageslider .imageteaser {
    float: left;
    width: 49%;
}

.no-js #main .imageslider .imageteaser figure {
    margin-bottom: 20px;
}

#main #content .imageslider .imageteaser {
    margin: 0;
}


/*
---------------------------------------------------------------------------
link list
---------------------------------------------------------------------------
*/

#main .linklist {
    margin-bottom: 50px;
}

#main .linklist .headline {
    font-size: 1.5em;
    line-height: 2.063em;
    margin: 0 0 0.5em;
    color: #000;
}

@media screen and (max-width: 767px) {
    #main .linklist .headline {
        font-size: 1.85714286em;
        line-height: 1.23076923em;
    }
}

#main .linklist .text {
    color: #706f6f;
    font-size: 1.28571429em;
    line-height: 1.33333333em;
    margin-bottom: 0.6em;
}

#main .linklist ul {
    list-style-type: none;
    margin: 0;
}

#main .linklist ol {
    list-style-type: none;
    counter-reset: li;
    margin: 0;
}

#main .linklist ol li:before {
    counter-increment: li;
    content: counter(li, decimal-leading-zero);
    color: #7000bd;
    margin-right: 0.25em;
    float: left;
    padding-top: 7px;
}

#main .linklist ol li:hover:before {
    color: #4B5564;
}

#main .linklist li {
    margin: 0;
}

#main .linklist li a {
    border-top: 1px solid #D9DEE8;
    font-size: 1.0em;
    line-height: 1.625em;
    display: block;
    padding: 11px 0;
    text-decoration: none;
    /*text-transform: uppercase;*/
}

@media screen and (max-width: 767px) {
    #main .linklist li a {
        font-size: 1.14285714em;
        line-height: 1.25em;
    }
}

#main .linklist li a:hover,
#main .linklist li a:active,
#main .linklist li a:focus {
    color: #4B5564;
}

#main .linklist li:first-child a {
    border-top: 0 none;
}

#main #content .linklist,
#main #contentfull .linklist {
    *zoom: 1;
}

#main #content .linklist:before,
#main #content .linklist:after,
#main #contentfull .linklist:before,
#main #contentfull .linklist:after {
    content: " ";
    display: table;
}

#main #content .linklist:after,
#main #contentfull .linklist:after {
    clear: both;
}

#main #content .linklist ul,
#main #contentfull .linklist ul {
    margin: 0 -0.5%;
}

@media screen and (max-width: 767px) {
    #main #content .linklist ul,
    #main #contentfull .linklist ul {
        margin: 0;
    }
}

#main #content .linklist li,
#main #contentfull .linklist li {
    float: left;
    margin: 0 0.5%;
    width: 49%;
}

@media screen and (max-width: 767px) {
    #main #content .linklist li,
    #main #contentfull .linklist li {
        float: none;
        margin: 0;
        width: auto;
    }
}

#main #content .linklist li a,
#main #contentfull .linklist li a {
    border-top: 0 none;
    border-bottom: 1px solid #D9DEE8;
    height: auto;
    text-transform: none!important;
    color: #7000bd;
    font-size: 1.0em;
    line-height: 1.625;
    padding: 7px 0;
}

#main #content .linklist li a:hover,
#main #contentfull .linklist li a:hover {
    color: #4B5564;
}

#main #content .linklist li a.in-progress,
#main #contentfull .linklist li a.in-progress {
    color: #758092;
}

#main #content .linklist li a.in-progress:hover,
#main #contentfull .linklist li a.in-progress:hover {
    text-decoration: none;
}

#main #content .linklist.overview a,
#main #contentfull .linklist.overview a {}

#main #content div.pagelist .linklist li,
#main #contentfull div.pagelist .linklist li {
    float: none!important;
}

#main #content div.pagelist .linklist li:last-child a,
#main #contentfull div.pagelist .linklist li:last-child a {
    border-bottom: 0 none;
}

#main #content div.pagelisttext,
#main #contentfull div.pagelisttext {
    width: 49%;
    float: right;
    font-size: 1.0em;
    line-height: 1.625;
    margin: 0.5em 0 1.2em;
    color: #758092;
}

@media screen and (max-width: 767px) {
    #main #content div.pagelisttext,
    #main #contentfull div.pagelisttext {
        float: none;
        width: 100%;
    }
}

@media screen and (max-width: 991px) {
    #main #content .text-linklist .paragraph,
    #main #contentfull .text-linklist .paragraph {
        float: none;
        width: 100%;
    }
}

#main .list {
    margin-bottom: 50px;
}

#main .list .headline {
    font-size: 1.71428571em;
    line-height: 1.33333333em;
    margin: 0 0 0.5em;
}

@media screen and (max-width: 767px) {
    #main .list .headline {
        font-size: 1.85714286em;
        line-height: 1.23076923em;
    }
}

#main .list .headline:before {
    color: #004b7c;
}

#main .list a {
    font-size: 1.35714286em;
    line-height: 1.26315789em;
    background: url('../img/responsive/layout/hintergrund_streifen.png');
    display: block;
    padding: 12px 10px;
    text-decoration: none;
}

#main .list a:hover {
    text-decoration: underline;
}

#main .list.twitter-feed .headline:before {
    content: "\e62a";
}

#main .list.twitter-feed .headline:before {
    display: inline-block;
    font-family: 'thyssen-krupp-iconfont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#main .list.twitter-feed .headline:before {
    margin-right: 8px;
}


/*
---------------------------------------------------------------------------
contact
---------------------------------------------------------------------------
*/

#main .contact {
    *zoom: 1;
    border-bottom: 1px solid #c8c8c8;
    margin-bottom: 32px;
}

#main .contact:before,
#main .contact:after {
    content: " ";
    display: table;
}

#main .contact:after {
    clear: both;
}

#main .contact .headline {
    font-size: 1.5em;
    line-height: 1.4em;
    margin: 0 0 0.5em;
}

@media screen and (max-width: 767px) {
    #main .contact .headline {
        font-size: 1.44444444em;
        line-height: 1.23076923em;
    }
}

#main .contact img {
    float: left;
    margin-right: 2%;
    margin-bottom: 17px;
    width: 40%;
}

@media screen and (max-width: 767px) {
    #main .contact img {
        float: none;
        margin-right: 0;
        width: auto;
    }
}

#main .contact p {
    margin-bottom: 0.8em;
}

#main .contact p.overline {
    margin-bottom: 1.111em;
}

#main .contact p.function {
    color: #78879b;
    font-size: 14px;
    line-height: 1.3em;
    margin-bottom: 0.667em;
}

#main .contact p.subtitle {
    color: #000;
    font-size: 1em;
    line-height: 1.625em;
    margin-bottom: 0.667em;
}

#main .contact p.company {
    margin-bottom: 0.111em;
}

#main .contact p.address {
    margin-bottom: 0.444em;
}

#main .contact p.address span {
    display: inline-block;
}

#main .contact .head {
    float: left;
    margin-right: 2%;
    margin-bottom: 5px;
    width: 49%;
}

@media screen and (max-width: 767px) {
    #main .contact .head {
        float: none;
        margin-right: 0;
        width: auto;
    }
}

#main .contact .head .title {
    font-size: 1.0em;
    line-height: 1.625em;
    margin-bottom: 0.1em;
    color: #000;
    padding-bottom: 0px;
}

@media screen and (max-width: 767px) {
    #main .contact .head .subtitle {
        margin-bottom: 0.5em;
    }
}

#main .contact .contactdata {
    color: #78879B;
    float: left;
    width: 49%;
}

@media screen and (max-width: 767px) {
    #main .contact .contactdata {
        width: auto;
    }
}

#main .contact .contactdata p {
    margin-bottom: 0.2em;
}

#main .contact .contactdata .mail {
    display: inline-block;
    margin: 1.778em 0 0.5em 0;
    padding: 2px 0;
    text-decoration: none;
}

#main .contact .contactdata .mail:before {
    display: inline-block;
    font-family: 'thyssen-krupp-iconfont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#main .contact .contactdata .mail:before {
    content: "\e600";
}

@media screen and (max-width: 767px) {
    #main .contact .contactdata .mail {
        margin-top: 0.3em;
    }
}

#main .contact .contactdata .mail:hover,
#main .contact .contactdata .mail:active,
#main .contact .contactdata .mail:focus {
    text-decoration: underline;
}

#main .contact .contactdata .mail:before {
    margin-right: 10px;
    text-decoration: none;
    vertical-align: text-bottom;
}

#main .contact .contactdata .website {
    display: block;
    margin: 0 0 0.5em 0;
    padding: 0 0 2px 0;
    text-decoration: none;
}

#main .contact .contactdata .website:before {
    display: inline-block;
    font-family: 'thyssen-krupp-iconfont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#main .contact .contactdata .website:before {
    content: "\e61b";
}

@media screen and (max-width: 767px) {
    #main .contact .contactdata .website {
        margin-top: 0.3em;
    }
}

#main .contact .contactdata .website:hover,
#main .contact .contactdata .website:active,
#main .contact .contactdata .website:focus {
    text-decoration: underline;
}

#main .contact .contactdata .website:before {
    margin-right: 10px;
    text-decoration: none;
    vertical-align: text-bottom;
}

#main .contact img+.head,
#main .contact img+.head+.contactdata {
    margin: 0;
    width: 58%;
}

#main .contact img+.head .mail,
#main .contact img+.head+.contactdata .mail {
    margin: 0.222em 0 0.5em 0;
}

@media screen and (max-width: 767px) {
    #main .contact img+.head,
    #main .contact img+.head+.contactdata {
        width: auto;
    }
}

#main .contact .info {
    border-top: 1px solid #c8c8c8;
    clear: both;
    color: #706f6f;
    margin-bottom: 0.9em;
    padding-top: 0.9em;
}

@media screen and (max-width: 767px) {
    #main .contact .info {
        border-top: 1px solid #c8c8c8;
        padding-top: 15px;
    }
}

#main #sidebar .contact img,
#main .context .contact img {
    margin-right: 4%;
}

.lt-ie9 #main #sidebar .contact img,
.lt-ie9 #main .context .contact img {
    float: none;
    width: auto;
}

@media screen and (min-width: 992px) and (max-width: 1279px) {
    #main #sidebar .contact img,
    #main .context .contact img {
        float: none;
        margin-right: 0;
        width: auto;
    }
}

#main #sidebar .contact .head,
#main .context .contact .head {
    float: none;
    margin-right: 0;
    width: auto;
}

#main #sidebar .contact .head p,
#main .context .contact .head p {
    overflow: hidden;
}

#main #sidebar .contact .head p.subtitle,
#main .context .contact .head p.subtitle {
    font-size: 1em;
    line-height: 1.625em;
    margin-bottom: 0.667em;
}

#main #sidebar .contact .head p.function,
#main .context .contact .head p.function {
    font-size: 0.667em;
    line-height: 1.3em;
    color: #78879B;
    margin-bottom: 0.667em;
}

#main #sidebar .contact .contactdata,
#main .context .contact .contactdata {
    clear: both;
    float: none;
    width: auto;
}

#main #sidebar .contact .info,
#main .context .contact .info {
    border-top: 1px solid #c8c8c8;
    margin-bottom: 0.5em;
    padding-top: 0.5em;
}

#main #sidebar .contact .mail,
#main .context .contact .mail {
    margin-top: 0.3em;
}

@media screen and (min-width: 500px) and (max-width: 991px) {
    #main #sidebar .contact {}
    #main #sidebar .contact .head,
    #main .context .contact .head {
        float: left;
        margin-right: 2%;
        width: 49%;
    }
    #main #sidebar .contact .contactdata,
    #main .context .contact .contactdata {
        clear: none;
        float: left;
        width: 49%;
    }
}

@media screen and (max-width: 991px) {
    #main #sidebar .contact .head p,
    #main .context .contact .head p {
        font-size: 1.25em;
    }
    #main #sidebar .contact .head p.function,
    #main .context .contact .head p.function {
        font-size: 14px;
    }
}


/*
---------------------------------------------------------------------------
accordion
---------------------------------------------------------------------------
*/

#main .accordion {
    margin-bottom: 50px;
}

#main .accordion .headline {
    font-size: 1.5em;
    line-height: 2.063em;
    margin: 0;
}

#main .accordion .label {
    background-color: #EEF0F2;
    color: #7000bd;
    cursor: pointer;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0.2em;
    outline: 0;
    padding: 15px;
}

#main .accordion .label:before {
    display: inline-block;
    font-family: 'thyssen-krupp-iconfont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#main .accordion .label:before {
    content: "\e602";
}

#main .accordion .label:hover,
#main .accordion .label:active {
    background-color: #EEF0F2;
    color: #003c7d;
}

#main .accordion .label.ui-state-active {
    background-color: transparent;
    border: 1px solid #ededed;
    border-bottom: 0 none;
    margin-bottom: 0;
    padding: 14px;
}

#main .accordion .label.ui-state-active:before {
    content: "\e603";
}

@media screen and (max-width: 767px) {
    #main .accordion .label.ui-state-active {
        padding: 14px 14px 14px 9px;
    }
}

#main .accordion .label.ui-state-active:hover,
#main .accordion .label.ui-state-active:active {
    background-color: transparent;
    color: #003c7b;
}

@media screen and (max-width: 767px) {
    #main .accordion .label {
        font-size: 1.14285714em;
        line-height: 1.25em;
        padding: 15px 15px 15px 10px;
    }
}

#main .accordion .label:before {
    float: right;
    font-size: 0.9em;
    line-height: 24px;
    margin-left: 10px;
}

@media screen and (max-width: 767px) {
    #main .accordion .label:before {
        font-size: 1.1em;
        line-height: 20px;
    }
}

.no-js #main .accordion .label:before {
    display: none;
}

#main .accordion .pane {
    border: 1px solid #ededed;
    margin-bottom: 0.2em;
    padding: 15px 15px 0;
}

@media screen and (max-width: 767px) {
    #main .accordion .pane {
        padding-left: 10px;
        padding-right: 10px;
    }
}

#main .accordion .ui-state-active+.pane {
    border-top: 0 none;
}


/*
---------------------------------------------------------------------------
video container
---------------------------------------------------------------------------
*/

#main .videocontainer {
    *zoom: 1;
    margin-bottom: 30px;
}

#main .videocontainer:before,
#main .videocontainer:after {
    content: " ";
    display: table;
}

#main .videocontainer:after {
    clear: both;
}

#main .videocontainer .small {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
    margin-bottom: 0;
    width: 37.5%;
}

@media screen and (max-width: 767px) {
    #main .videocontainer .small {
        float: none;
        margin-bottom: 25px;
        width: auto;
    }
}

#main .videocontainer .big {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-bottom: 0;
    width: 60.5%;
}

@media screen and (max-width: 767px) {
    #main .videocontainer .big {
        float: none;
        width: auto;
    }
}

#main .videocontainer .video {
    margin-bottom: 1.5em;
}

#main .videocontainer .video.mi24 .wrapper {
    padding-bottom: 67.75%;
}

@media screen and (max-width: 1100px) {
    #main .videocontainer .video.mi24 .wrapper {
        padding-bottom: 73.75%;
    }
}

@media screen and (max-width: 991px) {
    #main .videocontainer .video.mi24 .wrapper {
        padding-bottom: 71.75%;
    }
}

@media screen and (max-width: 767px) {
    #main .videocontainer .video.mi24 .wrapper {
        padding-bottom: 66.75%;
    }
}


/*
---------------------------------------------------------------------------
text teaser
---------------------------------------------------------------------------
*/

#main .textteaser {
    background: #eef0f2 none repeat scroll 0 0;
    margin-bottom: 20px;
    padding: 18px 15px 15px;
    *zoom: 1;
}

#main .textteaser:before,
#main .textteaser:after {
    content: " ";
    display: table;
}

#main .textteaser:after {
    clear: both;
}

@media screen and (max-width: 767px) {
    #main .textteaser {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 26px;
    }
}

#main .textteaser .headline,
#main .textteaser h2,
#main .textteaser h3 {
    color: #000000;
    font-size: 1.71428571em;
    line-height: 1.33333333em;
    font-weight: normal;
    margin: 0 0 0.5em;
}

@media screen and (max-width: 767px) {
    #main .textteaser .headline,
    #main .textteaser h2,
    #main .textteaser h3 {
        font-size: 1.85714286em;
        line-height: 1.23076923em;
    }
}

#main .textteaser p {
    color: #706f6f;
    margin-bottom: 1em;
    font-size: 1.0em;
    line-height: 1.625em;
}

@media screen and (max-width: 767px) {
    #main .textteaser p {
        font-size: 1.28571429em;
        line-height: 1.33333333em;
    }
}

#main .textteaser .more {
    display: block;
    font-size: 1.14285714em;
    line-height: 1.25em;
}

#main .textteaser ul {
    color: #706f6f;
    font-size: 1.28571429em;
    line-height: 1.22222222em;
    margin-bottom: 1em;
}

@media screen and (max-width: 767px) {
    #main .textteaser ul {
        margin-bottom: 25px;
    }
}

#main .textteaser li {
    margin-bottom: 0.556em;
}

@media screen and (max-width: 767px) {
    #main .textteaser li {
        margin-bottom: 0.667em;
    }
}


/*
---------------------------------------------------------------------------
image
---------------------------------------------------------------------------
*/

#main .image {
    margin-bottom: 50px;
}

#main .image figure {
    display: inline-block;
    position: relative;
    max-width: 100%;
}

#main .image figure img {
    max-height: auto;
}

@media screen and (max-width: 900px) {
    #main .image figure img {
        max-height: 637px;
    }
}

#main .image a {
    display: block;
    position: relative;
    text-decoration: none;
}

#main .image .zoom {
    background-color: rgba(26, 51, 76, 0.6);
    color: #ffffff;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    width: 100%;
}

#main .image .zoom:before {
    display: inline-block;
    font-family: 'thyssen-krupp-iconfont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#main .image .zoom:before {
    content: "\e637";
}

.lt-ie9 #main .image .zoom {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#991a334c', endColorstr='#991a334c', GradientType=0);
    display: none;
}

#main .image .zoom:hover {
    opacity: 1;
}

#main .image .zoom:before {
    font-size: 2.28571429em;
    line-height: 1em;
    left: 50%;
    position: absolute;
    top: 52%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.lt-ie9 #main .image .zoom:before {
    margin-left: -10px;
    margin-top: -15px;
}

.lt-ie9 #main .image:hover .zoom {
    display: block;
}

#main .image figcaption {
    color: #706f6f;
    font-size: 1em;
    line-height: 1.625em;
    margin-top: 1.2em;
    text-align: left;
}

#main .image.org-size img {
    max-height: none;
}

#main .wide .image img {
    max-height: 750px;
}

@media screen and (max-width: 900px) {
    #main .wide .image img {
        max-height: 637px;
    }
}

#main .wide .image.org-size img {
    max-height: none;
}


/*
---------------------------------------------------------------------------
image gallery
---------------------------------------------------------------------------
*/

#main .image-gallery {
    margin-bottom: 50px;
}

#main .image-gallery .headline {
    font-size: 1.71428571em;
    line-height: 1.33333333em;
    margin: 0 0 0.5em;
}

@media screen and (max-width: 767px) {
    #main .image-gallery .headline {
        font-size: 1.85714286em;
        line-height: 1.23076923em;
    }
}

#main .image-gallery .wrapper {
    *zoom: 1;
    margin: 0 -5px;
    text-align: center;
    width: auto;
}

#main .image-gallery .wrapper:before,
#main .image-gallery .wrapper:after {
    content: " ";
    display: table;
}

#main .image-gallery .wrapper:after {
    clear: both;
}

#main .image-gallery .owl-stage-outer {
    text-align: left;
}

#main .image-gallery .image-holder {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background: url('../img/responsive/layout/hintergrund_streifen.png');
    display: block;
    margin: 0 5px;
    vertical-align: top;
}

#main .image-gallery .image-holder .image {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    table-layout: fixed;
    margin: 0;
    padding: 15px;
    width: 100%;
    white-space: normal;
}

@media screen and (max-width: 767px) {
    #main .image-gallery .image-holder .image {
        padding-left: 10px;
        padding-right: 10px;
    }
}

#main .image-gallery .image-holder .image figure {
    background-color: #ffffff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ededed;
    display: table-cell;
    height: 180px;
    padding: 4px;
    vertical-align: middle;
    width: 100%;
}

#main .image-gallery .image-holder .image a {
    display: inline-block;
    max-width: 100%;
}

#main .image-gallery .image-holder img {
    display: inline;
    margin: 0;
    max-width: 100%;
    max-height: 172px;
    vertical-align: middle;
}

#main .image-gallery .image-holder .zoom:before {
    display: block;
}

#main .image-gallery .image-holder .caption {
    border-top: 4px solid #ffffff;
    padding: 15px 15px 35px;
    white-space: normal;
}

@media screen and (max-width: 767px) {
    #main .image-gallery .image-holder .caption {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
    }
}

#main .image-gallery .image-holder .caption .title {
    display: block;
    font-size: 1.35714286em;
    line-height: 1.26315789em;
    margin: 0 0 0.5em;
    text-decoration: none;
    color: #004b7c;
}

#main .image-gallery .image-holder .caption .title:hover,
#main .image-gallery .image-holder .caption .title:focus,
#main .image-gallery .image-holder .caption .title:active {
    text-decoration: none;
}

#main .image-gallery .owl-controls {
    display: inline-block;
    margin-top: 15px;
    position: relative;
}

@media screen and (max-width: 767px) {
    #main .image-gallery .owl-controls {
        margin-top: 20px;
    }
}

#main .image-gallery .owl-controls .owl-next,
#main .image-gallery .owl-controls .owl-prev {
    color: #004b7c;
    cursor: pointer;
    font-size: 22px;
    position: absolute;
    text-decoration: none;
    top: 2px;
}

#main .image-gallery .owl-controls .owl-next:before,
#main .image-gallery .owl-controls .owl-prev:before {
    display: inline-block;
    font-family: 'thyssen-krupp-iconfont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#main .image-gallery .owl-controls .owl-next:hover,
#main .image-gallery .owl-controls .owl-prev:hover,
#main .image-gallery .owl-controls .owl-next:active,
#main .image-gallery .owl-controls .owl-prev:active,
#main .image-gallery .owl-controls .owl-next:focus,
#main .image-gallery .owl-controls .owl-prev:focus {
    color: #1f7fb6;
}

#main .image-gallery .owl-controls .owl-next.disabled,
#main .image-gallery .owl-controls .owl-prev.disabled {
    color: #a5a5a4;
    cursor: default;
}

.lt-ie9 #main .image-gallery .owl-controls .owl-next,
.lt-ie9 #main .image-gallery .owl-controls .owl-prev {
    top: -2px;
}

@media screen and (max-width: 767px) {
    .touch #main .image-gallery .owl-controls .owl-next,
    .touch #main .image-gallery .owl-controls .owl-prev {
        display: none;
    }
}

#main .image-gallery .owl-controls .owl-next {
    right: -25px;
}

#main .image-gallery .owl-controls .owl-next:before {
    content: "\e61a";
}

#main .image-gallery .owl-controls .owl-prev {
    left: -25px;
}

#main .image-gallery .owl-controls .owl-prev:before {
    content: "\e61d";
}

#main .image-gallery .owl-controls .owl-controls {
    line-height: 22px;
    margin: 0 15px;
    vertical-align: middle;
}

#main .image-gallery .owl-controls .owl-dot {
    -webkit-border-radius: 15px;
    -o-border-radius: 15px;
    -ms-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border: 2px solid #a5a5a4;
    display: inline-block;
    height: 11px;
    margin: 0 10px;
    vertical-align: middle;
    width: 11px;
}

#main .image-gallery .owl-controls .owl-dot.active {
    background-color: #a5a5a4;
}

.lt-ie9 #main .image-gallery .owl-controls .owl-dot {
    background-color: transparent;
    border: 0 none;
    background: url(../img/responsive/layout/sprite.png) -24px -1px no-repeat;
    margin: 0 7px;
    height: 17px;
    vertical-align: top;
    width: 17px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
    .lt-ie9 #main .image-gallery .owl-controls .owl-dot {
        background-image: url(../img/responsive/layout/sprite2x.png);
        background-size: 500px 900px;
    }
}

.lt-ie9 #main .image-gallery .owl-controls .owl-dot.active {
    background-position: -1px -1px;
}

.no-js #main .image-gallery {
    *zoom: 1;
}

.no-js #main .image-gallery:before,
.no-js #main .image-gallery:after {
    content: " ";
    display: table;
}

.no-js #main .image-gallery:after {
    clear: both;
}

.no-js #main .image-gallery .image-holder {
    float: left;
    margin: 0 0.5% 10px;
    width: 19%;
}

@media screen and (max-width: 900px) {
    .no-js #main .image-gallery .image-holder {
        width: 32%;
    }
}

@media screen and (max-width: 767px) {
    .no-js #main .image-gallery .image-holder {
        float: none;
        height: auto;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
    .no-js #main .image-gallery .image-holder .caption,
    .no-js #main .image-gallery .image-holder .image-wrapper {
        height: auto;
    }
}

.no-js #main .image-gallery .image-holder .image-wrapper figure {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    height: 150px;
}

.no-js #main .image-gallery .image-holder .caption {
    height: 80px;
}


/*
---------------------------------------------------------------------------
tab container
---------------------------------------------------------------------------
*/

#main .tab-container {
    margin-bottom: 50px;
}

#main .tab-container .headline {
    font-size: 1.5em;
    line-height: 2.063em;
    margin: 0 0 0.5em;
}

@media screen and (max-width: 767px) {
    #main .tab-container .headline {
        font-size: 1.85714286em;
        line-height: 1.23076923em;
    }
}

#main .tab-container .r-tabs-nav {
    display: table;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

@media screen and (max-width: 767px) {
    #main .tab-container .r-tabs-nav {
        display: none;
    }
}

.no-js #main .tab-container .tabs {
    display: none;
}

#main .tab-container .r-tabs-tab {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #EEF0F2;
    display: table-cell;
    margin: 0;
    padding-left: 2px;
    text-align: left;
    width: 50%;
}

#main .tab-container .r-tabs-tab:first-child {
    padding-left: 0;
}

#main .tab-container .r-tabs-tab.r-tabs-state-active {
    border-bottom: 1px solid #FFFFFF;
}

#main .tab-container .r-tabs-tab a {
    background-color: #EEF0F2;
    border-left: 1px solid #EEF0F2;
    border-right: 1px solid #EEF0F2;
    border-top: 1px solid #EEF0F2;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-size: 1.0em;
    line-height: 1.625em;
    padding: 16px 16px;
    text-decoration: none;
}

#main .tab-container .r-tabs-tab a:hover,
#main .tab-container .r-tabs-tab a:active,
#main .tab-container .r-tabs-tab a:focus {
    background-color: #7000bd;
    color: #ffffff;
}

#main .tab-container .r-tabs-tab.r-tabs-state-active a {
    background-color: #ffffff;
}

#main .tab-container .r-tabs-tab.r-tabs-state-active a:hover,
#main .tab-container .r-tabs-tab.r-tabs-state-active a:active,
#main .tab-container .r-tabs-tab.r-tabs-state-active a:focus {
    color: #004b7c;
}

.lt-ie9 #main .tab-container li.r-tabs-state-active {
    border-bottom: 1px solid #FFFFFF;
}

#main .tab-container .r-tabs-panel {
    border-bottom: 1px solid #EEF0F2;
    border-left: 1px solid #EEF0F2;
    border-right: 1px solid #EEF0F2;
    display: none;
    margin-top: -1px;
    padding: 25px 15px 0;
}

#main .tab-container .r-tabs-panel.r-tabs-state-active {
    display: block;
}

@media screen and (max-width: 767px) {
    #main .tab-container .r-tabs-panel {
        padding-top: 10px;
    }
}

#main .tab-container .r-tabs-panel>div {
    margin-bottom: 30px;
}

#main .tab-container .r-tabs-accordion-title {
    display: none;
}

@media screen and (max-width: 767px) {
    #main .tab-container .r-tabs-accordion-title {
        display: block;
        margin-top: 4px;
    }
    #main .tab-container .r-tabs-accordion-title:first-child {
        margin-top: 0;
    }
    #main .tab-container .r-tabs-accordion-title a {
        background-color: #EEF0F2;
        border-left: 1px solid #EEF0F2;
        border-right: 1px solid #EEF0F2;
        border-top: 1px solid #EEF0F2;
        display: block;
        font-size: 18px;
        line-height: 26px;
        padding: 15px 15px 15px 10px;
        text-decoration: none;
    }
    #main .tab-container .r-tabs-accordion-title a:hover,
    #main .tab-container .r-tabs-accordion-title a:active,
    #main .tab-container .r-tabs-accordion-title a:focus {
        background-color: #7000bd;
        color: #ffffff;
    }
    #main .tab-container .r-tabs-accordion-title a:before {
        display: inline-block;
        font-family: 'thyssen-krupp-iconfont';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-decoration: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    #main .tab-container .r-tabs-accordion-title a:before {
        content: "\e602";
    }
    #main .tab-container .r-tabs-accordion-title a:before {
        float: right;
        line-height: 22px;
        margin-right: 5px;
        margin-left: 5px;
    }
    .no-js #main .tab-container .r-tabs-accordion-title a:before {
        display: none;
    }
    #main .tab-container .r-tabs-accordion-title.r-tabs-state-active a {
        background-color: #ffffff;
    }
    #main .tab-container .r-tabs-accordion-title.r-tabs-state-active a:before {
        content: "\e603";
    }
    #main .tab-container .r-tabs-accordion-title.r-tabs-state-active a:hover,
    #main .tab-container .r-tabs-accordion-title.r-tabs-state-active a:active,
    #main .tab-container .r-tabs-accordion-title.r-tabs-state-active a:focus {
        background-color: transparent;
        color: #7000bd;
    }
}


/*
---------------------------------------------------------------------------
video
---------------------------------------------------------------------------
*/

#main .video {
    margin-bottom: 50px;
    position: relative;
    cursor: pointer;
    /* YouTube */
    /* MI24 */
}

#main .video .headline {
    font-size: 1.71428571em;
    line-height: 1.33333333em;
    margin: 0 0 0.5em;
}

@media screen and (max-width: 767px) {
    #main .video .headline {
        font-size: 1.85714286em;
        line-height: 1.23076923em;
    }
}

#main .video .caption {
    color: #706f6f;
    font-size: 1.14285714em;
    line-height: 1.25em;
    margin: 1.2em 0 0;
    text-align: left;
}

#main .video.youtube .wrapper {
    -webkit-overflow-scrolling: touch;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
}

#main .video.mi24 .wrapper {
    -webkit-overflow-scrolling: touch;
    height: 0;
    overflow: hidden;
    padding-bottom: 60.75%;
    position: relative;
}

@media screen and (max-width: 1100px) {
    #main .video.mi24 .wrapper {
        padding-bottom: 63.75%;
    }
}

@media screen and (max-width: 767px) {
    #main .video.mi24 .wrapper {
        padding-bottom: 64.75%;
    }
}

#main .video .preview {
    bottom: 0;
    display: block;
    position: absolute;
    text-decoration: none;
    top: 0;
    width: 100%;
}

#main .video .preview:before {
    display: inline-block;
    font-family: 'thyssen-krupp-iconfont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#main .video .preview:before {
    content: "\e624";
}

#main .video .preview:before {
    border: 12px solid #ffffff;
    font-size: 53px !important;
    height: 104px;
    letter-spacing: -11px;
    line-height: 104px !important;
    width: 104px;
}

#main .video .preview:before {
    background-color: #004b7c;
    background-color: rgba(0, 75, 124, 0.7);
    border-radius: 50%;
    color: #ffffff;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.lt-ie9 #main .video .preview:before {
    margin-left: -60px;
    margin-top: -60px;
}

.lt-ie9 #main .video .preview:before {
    content: none;
}

.lt-ie9 #main .video .preview .play-icon {
    background: url(../img/responsive/layout/sprite.png) 0 -651px no-repeat;
    height: 126px;
    left: 50%;
    margin-left: -63px;
    margin-top: -63px;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    width: 126px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
    .lt-ie9 #main .video .preview .play-icon {
        background-image: url(../img/responsive/layout/sprite2x.png);
        background-size: 500px 900px;
    }
}

@media screen and (max-width: 767px) {
    #main .video .preview:before {
        border: 9px solid #ffffff;
        font-size: 40px !important;
        height: 78px;
        letter-spacing: -9px;
        line-height: 78px !important;
        width: 78px;
    }
}

#main .video.lightbox .preview {
    position: relative;
}

#main .video iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 5;
}


/*
---------------------------------------------------------------------------
search
---------------------------------------------------------------------------
*/

.search #content .resulttext {
    font-size: 2em;
    line-height: 1.14285714em;
    margin: 0 0 0.9em;
}

.search #content .resulttext strong {
    color: #7000bd;
    font-weight: normal;
}

.search #content ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.search #content li {
    border-bottom: 1px solid #c8c8c8;
    margin-bottom: 25px;
}

.search #content li .title {
    color: #7000bd;
    display: block;
    font-size: 1.42857143em;
    line-height: 1.25em;
    margin: 0 0 0.5em;
    text-decoration: none;
}

.search #content li .title:before {
    display: inline-block;
    font-family: 'thyssen-krupp-iconfont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.search #content li .title:hover,
.search #content li .title:active,
.search #content li .title:focus {
    color: #4B5564;
}

.search #content li .title:before {
    font-size: 18px;
    margin-right: 5px;
}

.search #content li.pdf .title:before {
    content: "\e601";
}

.search #content li.img .title:before {
    content: "\e62d";
}

.search #content li.zip .title:before {
    content: "\e626";
}

.search #content li.excel .title:before {
    content: "\e618";
}

.search #content li.word .title:before {
    content: "\e619";
}

.search #content li.ppt .title:before {
    content: "\e61e";
}

.search #content li p {
    color: #706f6f;
    font-size: 1.28571429em;
    line-height: 1.33333333em;
    margin: 0 0 1.2em;
}

.search #content .load-more {
    text-align: center;
    position: relative;
}

.search #content .load-more:after {
    border-top: 1px solid #c8c8c8;
    bottom: 18px;
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    z-index: -1;
}

.search #content .load-more a {
    font-size: 1.28571429em;
    line-height: 1.77777778em;
    background-color: #004b7c;
    border-left: 20px solid #ffffff;
    border-right: 20px solid #ffffff;
    color: #FFFFFF;
    display: inline-block;
    margin-top: 10px;
    padding: 3px 15px;
    text-decoration: none;
    text-transform: uppercase;
}

.search #content .load-more a:hover {
    background-color: #1f7fb6;
}


/* Autocomplete */

#search .pane .ui-helper-hidden-accessible,
.search #subnavi .ui-helper-hidden-accessible {
    display: none;
}

#search .pane .ui-autocomplete-input,
.search #subnavi .ui-autocomplete-input {
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
}

#search .pane .ui-autocomplete,
.search #subnavi .ui-autocomplete {
    border-bottom: 1px solid #c8c8c8;
    border-left: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    list-style-type: none;
    position: absolute;
}

#search .pane .ui-autocomplete li,
.search #subnavi .ui-autocomplete li {
    float: none;
    margin: 0;
}

#search .pane .ui-autocomplete li a,
.search #subnavi .ui-autocomplete li a {
    background-color: #ffffff;
    color: #000000;
    cursor: pointer;
    display: block;
    font-size: 1.14285714em;
    line-height: 1.25em;
    padding: 12px 15px;
    text-transform: none;
}

#search .pane .ui-autocomplete li a:hover,
.search #subnavi .ui-autocomplete li a:hover,
#search .pane .ui-autocomplete li a:active,
.search #subnavi .ui-autocomplete li a:active,
#search .pane .ui-autocomplete li a:focus,
.search #subnavi .ui-autocomplete li a:focus,
#search .pane .ui-autocomplete li a.ui-state-focus,
.search #subnavi .ui-autocomplete li a.ui-state-focus {
    background-color: #c8c8c8;
}

#search .pane span.icon-arrow_more,
.search #subnavi span.icon-arrow_more {
    color: #ffffff;
    display: block;
    overflow: hidden;
    position: absolute;
    right: 3px;
    top: 3px;
}

#search .pane span.icon-arrow_more:before,
.search #subnavi span.icon-arrow_more:before {
    content: "\e638";
}

#search .pane span.icon-arrow_more button,
.search #subnavi span.icon-arrow_more button {
    font-size: 1em;
    line-height: 2.28571429em;
    background-color: #004b7c;
    border: none;
    color: #ffffff;
    overflow: hidden;
    padding: 2px 10px;
    position: static;
    text-transform: uppercase;
    -webkit-border-radius: 0px;
}

#search .pane span.icon-arrow_more button:hover,
.search #subnavi span.icon-arrow_more button:hover {
    background-color: #1f7fb6;
    margin-right: 0;
    padding-right: 28px;
}

#search .pane span.icon-arrow_more:before,
.search #subnavi span.icon-arrow_more:before {
    font-size: 10px;
    margin-top: -5px;
    opacity: 0;
    position: absolute;
    right: -15px;
    top: 50%;
    -webkit-transition: right 0.5s;
    -moz-transition: right 0.5s;
    -o-transition: right 0.5s;
    transition: right 0.5s;
    z-index: 1;
}

#search .pane span.icon-arrow_more:hover:before,
.search #subnavi span.icon-arrow_more:hover:before {
    display: block;
    opacity: 1;
    right: 13px;
}

.js .video .preview {
    display: none !important;
}

.js .video.lightbox .preview {
    display: block !important;
}


/*
---------------------------------------------------------------------------
filter
---------------------------------------------------------------------------
*/

.filter {
    *zoom: 1;
    margin-bottom: 50px;
    position: relative;
    width: 100%;
}

.filter:before,
.filter:after {
    content: " ";
    display: table;
}

.filter:after {
    clear: both;
}

.filter .headline {
    font-size: 1.71428571em;
    line-height: 1.33333333em;
    margin: 0 0 0.5em;
}

@media screen and (max-width: 767px) {
    .filter .headline {
        font-size: 1.85714286em;
        line-height: 1.23076923em;
    }
}

.filter .selects {
    float: left;
    width: 49%;
    min-height: 180px;
}

.no-js .filter .selects {
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .filter .selects {
        float: none;
        width: 100%;
    }
}

.filter .selects form input[type="submit"] {
    display: none;
}

.no-js .filter .selects form input[type="submit"] {
    display: block;
}

.filter .selects .row {
    margin: 0 0 13px;
    position: relative;
}

.filter .selects .row.active .js-select:before {
    content: "\e617";
}

.filter .selects .row.active .options {
    background-color: #ffffff;
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 100%;
    z-index: 100;
}

.filter .selects select {
    display: none;
}

.no-js .filter .selects select {
    display: block;
    position: static;
    width: 99%;
}

.filter .selects .js-select {
    font-size: 1.0em;
    line-height: 1.625em;
    background-color: #EEF0F2;
    box-sizing: border-box;
    color: #7000bd;
    display: block;
    padding: 15px 8px 14px 22px;
    width: 100%;
}

.filter .selects .js-select:before {
    content: "\e613";
}

.filter .selects .js-select:before {
    display: inline-block;
    font-family: 'thyssen-krupp-iconfont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.filter .selects .js-select:before {
    content: "\e613";
}

.filter .selects .js-select:hover {
    background-color: #1f7fb6;
    color: #ffffff;
    cursor: pointer;
}

.filter .selects .js-select:before {
    font-size: 1.0em;
    line-height: 1.625em;
    float: right;
    margin-top: -3px;
}

.filter .selects .options {
    border: 1px solid #c8c8c8;
    display: none;
    list-style: none;
}

#main .filter .selects .options {
    margin: 0;
}

.filter .selects .options li {
    font-size: 1.14285714em;
    line-height: 1.9375em;
    color: #004b7c;
    cursor: pointer;
    padding: 5px 8px 4px 22px;
}

#main .filter .selects .options li {
    margin: 0;
}

.filter .selects .options li:hover {
    background-color: #c8c8c8;
}

.filter .search {
    border: 1px solid #ededed;
    float: right;
    padding: 3px 3px 3px 0;
    width: 49%;
}

.filter .asearch {
    float: right;
    Xpadding: 3px 3px 3px 0;
    width: 49%;
    overflow: hidden;
}

.filter .asearch div {
    width: 100%;
}

.filter .asearch div form input[type=text] {
    width: 94%;
    padding: 10px;
    height: 30px;
    color: #78879B;
    display: block;
    margin-bottom: 10px;
}

@media screen and (max-width: 1390px) {
    .filter .asearch div form input[type=text] {
        width: 92%;
    }
}

.filter .asearch div form input[type=submit] {
    display: block;
    font-size: 1em;
    line-height: 1.625em;
    background-color: #7000bd;
    border: none;
    color: #ffffff;
    padding: 0 12px;
    -webkit-border-radius: 0px;
    width: 130px;
    height: 45px;
    float: right;
}

.filter .asearch .reset {
    bottom: 10px;
    position: absolute;
    right: 10px;
    text-decoration: none;
}

@media screen and (max-width: 767px) {
    .filter .asearch {
        float: none;
        margin-bottom: 47px;
        width: 100%;
        display: block;
    }
    .filter .asearch div {
        float: none;
        margin-bottom: 47px;
        width: 100%;
        display: block;
    }
    .filter .asearch div form input[type=text] {
        width: 92%;
    }
    .filter .asearch div form input[type=submit] {
        display: block;
        margin-right: 0;
    }
    .filter .asearch .reset {
        position: relative;
        float: left;
        margin-top: 0px;
        padding: 0 0 0 10px;
        display: block;
    }
}

@media screen and (max-width: 767px) {}

.filter .search>div form span.icon-arrow_more {
    color: #ffffff;
    float: right;
    position: relative;
}

.filter .search>div form span.icon-arrow_more:before {
    content: "\e638";
}

.filter .search>div form span.icon-arrow_more:before {
    font-size: 10px;
}

.filter .search>div form span.icon-arrow_more:hover:before {
    display: block;
    opacity: 1;
    right: 13px;
}

.filter .search>div form span+span {
    display: block;
    overflow: hidden;
}

.filter .search>div input[type='text'] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.14285714em;
    line-height: 1.25em;
    border: none;
    padding: 13px 0 12px 13px;
    width: 100%;
}

.filter .search>div input[type="submit"] {
    font-size: 1em;
    line-height: 1.625em;
    background-color: #7000bd;
    border: none;
    color: #ffffff;
    padding: 0 12px;
    text-transform: uppercase;
    -webkit-border-radius: 0px;
}

.filter .search>div input[type="submit"]:hover {
    background-color: #1f7fb6;
    margin-right: 0;
    padding-right: 28px;
}

.filter .search .reset {
    bottom: 10px;
    position: absolute;
    right: 10px;
    text-decoration: none;
}

.filter .search .reset:before {
    margin-top: 0.7em;
}

.filter .search .reset:hover {
    text-decoration: underline;
}


/*
---------------------------------------------------------------------------
stage
---------------------------------------------------------------------------
*/

.home #main,
#stage {
    margin: 0 0 15px;
    max-width: none;
    width: auto;
}

.home #main .container,
#stage .container {
    margin: 0 auto;
    max-width: 1310px;
    width: 1310px;
}

@media screen and (max-width: 1414px) {
    .home #main .container,
    #stage .container {
        margin: 0 40px;
        width: auto;
    }
}

@media screen and (max-width: 979px) {
    .home #main .container,
    #stage .container {
        margin-left: 25px;
        margin-right: 25px;
    }
}

@media screen and (max-width: 991px) {
    .home #main .container,
    #stage .container {
        margin: 0 17px;
        width: auto;
    }
}

.lt-ie9 .home #main .container,
.lt-ie9 #stage .container {
    width: 940px;
}

.home #main .products,
#stage .products {
    margin-bottom: 0;
}

.home #main .products .headline,
#stage .products .headline {
    font-size: 2.85714286em;
    line-height: 1.125em;
    color: #000000;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .home #main .products .headline,
    #stage .products .headline {
        font-size: 2em;
        line-height: 1.14285714em;
        margin-bottom: 15px;
        text-align: left;
    }
}

.home #main .products .subheadline,
#stage .products .subheadline {
    color: #000000;
    font-size: 0.92857143em;
    line-height: 1.38461538em;
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
}

@media screen and (max-width: 767px) {
    .home #main .products .subheadline,
    #stage .products .subheadline {
        text-align: left;
    }
}

.home #main .products ul,
#stage .products ul {
    *zoom: 1;
    list-style-type: none;
    margin: 0;
    text-align: center;
}

.home #main .products ul:before,
#stage .products ul:before,
.home #main .products ul:after,
#stage .products ul:after {
    content: " ";
    display: table;
}

.home #main .products ul:after,
#stage .products ul:after {
    clear: both;
}

.home #main .products li,
#stage .products li {
    display: inline-block;
    margin-bottom: 50px;
    text-align: center;
    vertical-align: top;
    width: 19.5%;
}

.lt-ie9 .home #main .products li,
.lt-ie9 #stage .products li {
    width: 24.6%;
}

@media screen and (max-width: 900px) {
    .home #main .products li,
    #stage .products li {
        margin-bottom: 35px;
        padding: 10px 0;
        width: 32%;
    }
}

@media screen and (max-width: 767px) {
    .home #main .products li,
    #stage .products li {
        border-top: 1px solid #c8c8c8;
        display: block;
        margin-bottom: 0;
        text-align: left;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .home #main .products li:first-child,
    #stage .products li:first-child {
        border-top: none;
    }
}

.home #main .products li a,
#stage .products li a {
    display: block;
    text-align: center;
    text-decoration: none;
}

@media screen and (max-width: 767px) {
    .home #main .products li a,
    #stage .products li a {
        padding: 0;
        text-align: left;
    }
}

.home #main .products li a:hover img,
#stage .products li a:hover img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    opacity: 0.8;
}

.lt-ie9 .home #main .products li a:hover img,
.lt-ie9 #stage .products li a:hover img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(enabled=false)";
}

.home #main .products li a:hover .description,
#stage .products li a:hover .description {
    text-decoration: underline;
}

.lt-ie9 .home #main .products li a:hover .overlay,
.lt-ie9 #stage .products li a:hover .overlay {
    background-color: #ffffff;
    display: block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

.home #main .products li a .icon-wrapper,
#stage .products li a .icon-wrapper {
    padding: 0 35px;
    position: relative;
}

@media screen and (max-width: 1414px) {
    .home #main .products li a .icon-wrapper,
    #stage .products li a .icon-wrapper {
        padding: 0 20px;
    }
}

@media screen and (max-width: 767px) {
    .home #main .products li a .icon-wrapper,
    #stage .products li a .icon-wrapper {
        display: none;
    }
}

.home #main .products li a .icon-wrapper img,
#stage .products li a .icon-wrapper img {
    margin-bottom: 15px;
    max-width: 100%;
}

.lt-ie9 .home #main .products li a .icon-wrapper .overlay,
.lt-ie9 #stage .products li a .icon-wrapper .overlay {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 100%;
    z-index: 1;
}

.home #main .products li a .description,
#stage .products li a .description {
    font-size: 1.28571429em;
    line-height: 1.11111111em;
    color: #004b7c;
    padding: 0 15px;
    text-transform: uppercase;
}

@media screen and (max-width: 1414px) {
    .home #main .products li a .description,
    #stage .products li a .description {
        padding: 0 5px;
    }
}

@media screen and (max-width: 767px) {
    .home #main .products li a .description,
    #stage .products li a .description {
        font-size: 1.28571429em;
        line-height: 1.11111111em;
        padding: 0;
    }
}

.lt-ie9 .home #main .products li a .description,
.lt-ie9 #stage .products li a .description {
    font-size: 1.28571429em;
    line-height: 1.11111111em;
    padding: 0;
}

.home #main .homeslider,
#stage .homeslider {
    background: url('../img/responsive/layout/hintergrund_streifen.png');
    padding: 45px 0;
    margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
    .home #main .homeslider,
    #stage .homeslider {
        display: none;
    }
}

.home #main .homeslider .headline,
#stage .homeslider .headline {
    font-size: 2.85714286em;
    line-height: 1.125em;
    color: #000000;
    margin-bottom: 30px;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .home #main .homeslider .headline,
    #stage .homeslider .headline {
        font-size: 2em;
        line-height: 1.14285714em;
        margin-bottom: 15px;
        text-align: left;
    }
}

.home #main .homeslider .subheadline,
#stage .homeslider .subheadline {
    color: #000000;
    font-size: 0.92857143em;
    line-height: 1.38461538em;
    margin-bottom: 5px;
    text-align: center;
    text-transform: uppercase;
}

@media screen and (max-width: 767px) {
    .home #main .homeslider .subheadline,
    #stage .homeslider .subheadline {
        text-align: left;
    }
}

.home #main .homeslider .wrapper,
#stage .homeslider .wrapper {
    *zoom: 1;
    margin: 0 auto;
    text-align: center;
    width: 55%;
}

.home #main .homeslider .wrapper:before,
#stage .homeslider .wrapper:before,
.home #main .homeslider .wrapper:after,
#stage .homeslider .wrapper:after {
    content: " ";
    display: table;
}

.home #main .homeslider .wrapper:after,
#stage .homeslider .wrapper:after {
    clear: both;
}

@media screen and (max-width: 1600px) {
    .home #main .homeslider .wrapper,
    #stage .homeslider .wrapper {
        width: 70%;
    }
}

@media screen and (max-width: 900px) {
    .home #main .homeslider .wrapper,
    #stage .homeslider .wrapper {
        margin: 0 25px;
        width: auto;
    }
}

@media screen and (max-width: 991px) {
    .home #main .homeslider .wrapper,
    #stage .homeslider .wrapper {
        margin: 0 17px;
        width: auto;
    }
}

.lt-ie9 .home #main .homeslider .wrapper,
.lt-ie9 #stage .homeslider .wrapper {
    margin: 0 auto;
    max-width: 940px;
}

.home #main .homeslider .wrapper .slide,
#stage .homeslider .wrapper .slide {
    width: 100%;
}

.lt-ie9 .home #main .homeslider .wrapper .slide img,
.lt-ie9 #stage .homeslider .wrapper .slide img {
    max-width: 100%;
    width: auto;
}

.home #main .homeslider .wrapper .slide svg,
#stage .homeslider .wrapper .slide svg {
    max-width: 100%;
}

.home #main .homeslider .owl-controls,
#stage .homeslider .owl-controls {
    display: inline-block;
    margin-top: 15px;
    position: relative;
}

@media screen and (max-width: 767px) {
    .home #main .homeslider .owl-controls,
    #stage .homeslider .owl-controls {
        margin-top: 20px;
    }
}

.home #main .homeslider .owl-controls .owl-next,
#stage .homeslider .owl-controls .owl-next,
.home #main .homeslider .owl-controls .owl-prev,
#stage .homeslider .owl-controls .owl-prev {
    color: #004b7c;
    cursor: pointer;
    font-size: 22px;
    position: absolute;
    text-decoration: none;
}

.home #main .homeslider .owl-controls .owl-next:before,
#stage .homeslider .owl-controls .owl-next:before,
.home #main .homeslider .owl-controls .owl-prev:before,
#stage .homeslider .owl-controls .owl-prev:before {
    display: inline-block;
    font-family: 'thyssen-krupp-iconfont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.home #main .homeslider .owl-controls .owl-next:hover,
#stage .homeslider .owl-controls .owl-next:hover,
.home #main .homeslider .owl-controls .owl-prev:hover,
#stage .homeslider .owl-controls .owl-prev:hover,
.home #main .homeslider .owl-controls .owl-next:active,
#stage .homeslider .owl-controls .owl-next:active,
.home #main .homeslider .owl-controls .owl-prev:active,
#stage .homeslider .owl-controls .owl-prev:active,
.home #main .homeslider .owl-controls .owl-next:focus,
#stage .homeslider .owl-controls .owl-next:focus,
.home #main .homeslider .owl-controls .owl-prev:focus,
#stage .homeslider .owl-controls .owl-prev:focus {
    color: #1f7fb6;
}

.home #main .homeslider .owl-controls .owl-next.disabled,
#stage .homeslider .owl-controls .owl-next.disabled,
.home #main .homeslider .owl-controls .owl-prev.disabled,
#stage .homeslider .owl-controls .owl-prev.disabled {
    color: #a5a5a4;
    cursor: default;
}

.lt-ie9 .home #main .homeslider .owl-controls .owl-next,
.lt-ie9 #stage .homeslider .owl-controls .owl-next,
.lt-ie9 .home #main .homeslider .owl-controls .owl-prev,
.lt-ie9 #stage .homeslider .owl-controls .owl-prev {
    top: -2px;
}

@media screen and (max-width: 767px) {
    .touch .home #main .homeslider .owl-controls .owl-next,
    .touch #stage .homeslider .owl-controls .owl-next,
    .touch .home #main .homeslider .owl-controls .owl-prev,
    .touch #stage .homeslider .owl-controls .owl-prev {
        display: none;
    }
}

.home #main .homeslider .owl-controls .owl-next,
#stage .homeslider .owl-controls .owl-next {
    right: -25px;
}

.home #main .homeslider .owl-controls .owl-next:before,
#stage .homeslider .owl-controls .owl-next:before {
    content: "\e61a";
}

.home #main .homeslider .owl-controls .owl-prev,
#stage .homeslider .owl-controls .owl-prev {
    left: -25px;
}

.home #main .homeslider .owl-controls .owl-prev:before,
#stage .homeslider .owl-controls .owl-prev:before {
    content: "\e61d";
}

.home #main .homeslider .owl-controls .pagination,
#stage .homeslider .owl-controls .pagination {
    margin: 0 15px;
    vertical-align: middle;
}

.home #main .homeslider .owl-controls .owl-dot,
#stage .homeslider .owl-controls .owl-dot {
    -webkit-border-radius: 15px;
    -o-border-radius: 15px;
    -ms-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border: 2px solid #a5a5a4;
    display: inline-block;
    height: 11px;
    margin: 0 5px;
    width: 11px;
}

.home #main .homeslider .owl-controls .owl-dot.active,
#stage .homeslider .owl-controls .owl-dot.active {
    background-color: #a5a5a4;
}

.lt-ie9 .home #main .homeslider .owl-controls .owl-dot,
.lt-ie9 #stage .homeslider .owl-controls .owl-dot {
    background-color: transparent;
    border: 0 none;
    background: url(../img/responsive/layout/sprite.png) -24px -1px no-repeat;
    height: 17px;
    vertical-align: top;
    width: 17px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
    .lt-ie9 .home #main .homeslider .owl-controls .owl-dot,
    .lt-ie9 #stage .homeslider .owl-controls .owl-dot {
        background-image: url(../img/responsive/layout/sprite2x.png);
        background-size: 500px 900px;
    }
}

.lt-ie9 .home #main .homeslider .owl-controls .owl-dot.active,
.lt-ie9 #stage .homeslider .owl-controls .owl-dot.active {
    background-position: -1px -1px;
}

.no-js .home #main .homeslider .slide,
.no-js #stage .homeslider .slide {
    margin-bottom: 20px;
    text-align: center;
}

.home #main .presscontainer,
#stage .presscontainer {
    margin-bottom: 50px;
    *zoom: 1;
}

.home #main .presscontainer:before,
#stage .presscontainer:before,
.home #main .presscontainer:after,
#stage .presscontainer:after {
    content: " ";
    display: table;
}

.home #main .presscontainer:after,
#stage .presscontainer:after {
    clear: both;
}

.home #main .presscontainer .small,
#stage .presscontainer .small {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
    margin-bottom: 0;
    width: 25%;
}

@media screen and (max-width: 991px) {
    .home #main .presscontainer .small,
    #stage .presscontainer .small {
        float: none;
        margin-bottom: 25px;
        width: auto;
    }
}

.home #main .presscontainer .big,
#stage .presscontainer .big {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-bottom: 0;
    width: 66.6%;
}

@media screen and (max-width: 991px) {
    .home #main .presscontainer .big,
    #stage .presscontainer .big {
        float: none;
        width: auto;
    }
}

.home #main .presscontainer .linklist,
#stage .presscontainer .linklist {
    margin-bottom: 50px;
    padding-top: 22px;
}

.home #main .presscontainer .linklist .headline,
#stage .presscontainer .linklist .headline {
    font-size: 1.71428571em;
    line-height: 1.33333333em;
    margin: 0 0 0.5em;
}

@media screen and (max-width: 767px) {
    .home #main .presscontainer .linklist .headline,
    #stage .presscontainer .linklist .headline {
        font-size: 1.85714286em;
        line-height: 1.23076923em;
    }
}

.home #main .presscontainer .linklist .text,
#stage .presscontainer .linklist .text {
    color: #706f6f;
    font-size: 1.28571429em;
    line-height: 1.33333333em;
    margin-bottom: 0.6em;
}

.home #main .presscontainer .linklist ul,
#stage .presscontainer .linklist ul {
    list-style-type: none;
    margin: 0;
}

.home #main .presscontainer .linklist li,
#stage .presscontainer .linklist li {
    margin: 0;
}

@media screen and (max-width: 991px) {
    .home #main .presscontainer .linklist li,
    #stage .presscontainer .linklist li {
        float: left;
        margin: 0 0.5%;
        width: 49%;
    }
}

@media screen and (max-width: 767px) {
    .home #main .presscontainer .linklist li,
    #stage .presscontainer .linklist li {
        float: none;
        margin: 0;
        width: auto;
    }
}

.home #main .presscontainer .linklist li a,
#stage .presscontainer .linklist li a {
    border-top: 1px solid #c8c8c8;
    font-size: 1.21428571em;
    line-height: 1.17647059em;
    display: block;
    padding: 11px 0;
    text-decoration: none;
    text-transform: uppercase;
}

@media screen and (max-width: 991px) {
    .home #main .presscontainer .linklist li a,
    #stage .presscontainer .linklist li a {
        border-top: 0 none;
        border-bottom: 1px solid #c8c8c8;
    }
}

@media screen and (max-width: 767px) {
    .home #main .presscontainer .linklist li a,
    #stage .presscontainer .linklist li a {
        font-size: 1.14285714em;
        line-height: 1.25em;
    }
}

.home #main .presscontainer .linklist li a:hover,
#stage .presscontainer .linklist li a:hover,
.home #main .presscontainer .linklist li a:active,
#stage .presscontainer .linklist li a:active,
.home #main .presscontainer .linklist li a:focus,
#stage .presscontainer .linklist li a:focus {
    color: #004b7c;
    text-decoration: underline;
}

.home #main .presscontainer .linklist li:first-child a,
#stage .presscontainer .linklist li:first-child a {
    border-top: 0 none;
}

.home #main .presscontainer .pressslider .wrapper,
#stage .presscontainer .pressslider .wrapper {
    *zoom: 1;
    text-align: center;
    width: auto;
}

.home #main .presscontainer .pressslider .wrapper:before,
#stage .presscontainer .pressslider .wrapper:before,
.home #main .presscontainer .pressslider .wrapper:after,
#stage .presscontainer .pressslider .wrapper:after {
    content: " ";
    display: table;
}

.home #main .presscontainer .pressslider .wrapper:after,
#stage .presscontainer .pressslider .wrapper:after {
    clear: both;
}

.home #main .presscontainer .pressslider .slide,
#stage .presscontainer .pressslider .slide {
    background-color: #ffffff;
    height: 100%;
    text-align: left;
    width: 100%;
}

.no-js .home #main .presscontainer .pressslider .slide,
.no-js #stage .presscontainer .pressslider .slide {
    margin-bottom: 30px;
}

.home #main .presscontainer .pressslider .text,
#stage .presscontainer .pressslider .text {
    font-size: 1.42857143em;
    line-height: 1.6em;
    color: #000000;
}

@media screen and (max-width: 767px) {
    .home #main .presscontainer .pressslider .text,
    #stage .presscontainer .pressslider .text {
        display: none;
    }
}

.home #main .presscontainer .pressslider .text:after,
#stage .presscontainer .pressslider .text:after {
    display: inline-block;
    font-family: 'thyssen-krupp-iconfont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.home #main .presscontainer .pressslider .text:after,
#stage .presscontainer .pressslider .text:after {
    content: "\e638";
}

.home #main .presscontainer .pressslider .text:after,
#stage .presscontainer .pressslider .text:after {
    color: #004b7c;
    font-size: 14px;
    line-height: 1;
    margin-left: 5px;
}

.home #main .presscontainer .pressslider .headline,
#stage .presscontainer .pressslider .headline {
    font-size: 2.85714286em;
    line-height: 1.125em;
    color: #000000;
    margin-bottom: 25px;
}

@media screen and (max-width: 767px) {
    .home #main .presscontainer .pressslider .headline,
    #stage .presscontainer .pressslider .headline {
        font-size: 2em;
        line-height: 1.14285714em;
    }
    .home #main .presscontainer .pressslider .headline:after,
    #stage .presscontainer .pressslider .headline:after {
        display: inline-block;
        font-family: 'thyssen-krupp-iconfont';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-decoration: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .home #main .presscontainer .pressslider .headline:after,
    #stage .presscontainer .pressslider .headline:after {
        content: "\e638";
    }
    .home #main .presscontainer .pressslider .headline:after,
    #stage .presscontainer .pressslider .headline:after {
        color: #004b7c;
        font-size: 14px;
        line-height: 1;
        margin-left: 5px;
    }
}

.home #main .presscontainer .pressslider .info,
#stage .presscontainer .pressslider .info {
    font-size: 1em;
    line-height: 1.14285714em;
    margin-bottom: 5px;
}

.home #main .presscontainer .pressslider a,
#stage .presscontainer .pressslider a {
    text-decoration: none;
}

.home #main .presscontainer .pressslider a:hover p,
#stage .presscontainer .pressslider a:hover p {
    color: #004b7c;
}

.home #main .presscontainer .pressslider .owl-controls,
#stage .presscontainer .pressslider .owl-controls {
    display: inline-block;
    margin-top: 10px;
    position: relative;
}

.home #main .presscontainer .pressslider .owl-controls .owl-next,
#stage .presscontainer .pressslider .owl-controls .owl-next,
.home #main .presscontainer .pressslider .owl-controls .owl-prev,
#stage .presscontainer .pressslider .owl-controls .owl-prev {
    color: #004b7c;
    cursor: pointer;
    font-size: 22px;
    position: absolute;
    text-decoration: none;
}

.home #main .presscontainer .pressslider .owl-controls .owl-next:before,
#stage .presscontainer .pressslider .owl-controls .owl-next:before,
.home #main .presscontainer .pressslider .owl-controls .owl-prev:before,
#stage .presscontainer .pressslider .owl-controls .owl-prev:before {
    display: inline-block;
    font-family: 'thyssen-krupp-iconfont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.home #main .presscontainer .pressslider .owl-controls .owl-next:hover,
#stage .presscontainer .pressslider .owl-controls .owl-next:hover,
.home #main .presscontainer .pressslider .owl-controls .owl-prev:hover,
#stage .presscontainer .pressslider .owl-controls .owl-prev:hover,
.home #main .presscontainer .pressslider .owl-controls .owl-next:active,
#stage .presscontainer .pressslider .owl-controls .owl-next:active,
.home #main .presscontainer .pressslider .owl-controls .owl-prev:active,
#stage .presscontainer .pressslider .owl-controls .owl-prev:active,
.home #main .presscontainer .pressslider .owl-controls .owl-next:focus,
#stage .presscontainer .pressslider .owl-controls .owl-next:focus,
.home #main .presscontainer .pressslider .owl-controls .owl-prev:focus,
#stage .presscontainer .pressslider .owl-controls .owl-prev:focus {
    color: #1f7fb6;
}

.home #main .presscontainer .pressslider .owl-controls .owl-next.disabled,
#stage .presscontainer .pressslider .owl-controls .owl-next.disabled,
.home #main .presscontainer .pressslider .owl-controls .owl-prev.disabled,
#stage .presscontainer .pressslider .owl-controls .owl-prev.disabled {
    color: #a5a5a4;
    cursor: default;
}

.lt-ie9 .home #main .presscontainer .pressslider .owl-controls .owl-next,
.lt-ie9 #stage .presscontainer .pressslider .owl-controls .owl-next,
.lt-ie9 .home #main .presscontainer .pressslider .owl-controls .owl-prev,
.lt-ie9 #stage .presscontainer .pressslider .owl-controls .owl-prev {
    top: -2px;
}

@media screen and (max-width: 767px) {
    .touch .home #main .presscontainer .pressslider .owl-controls .owl-next,
    .touch #stage .presscontainer .pressslider .owl-controls .owl-next,
    .touch .home #main .presscontainer .pressslider .owl-controls .owl-prev,
    .touch #stage .presscontainer .pressslider .owl-controls .owl-prev {
        display: none;
    }
}

.home #main .presscontainer .pressslider .owl-controls .owl-next,
#stage .presscontainer .pressslider .owl-controls .owl-next {
    right: -25px;
}

.home #main .presscontainer .pressslider .owl-controls .owl-next:before,
#stage .presscontainer .pressslider .owl-controls .owl-next:before {
    content: "\e61a";
}

.home #main .presscontainer .pressslider .owl-controls .owl-prev,
#stage .presscontainer .pressslider .owl-controls .owl-prev {
    left: -25px;
}

.home #main .presscontainer .pressslider .owl-controls .owl-prev:before,
#stage .presscontainer .pressslider .owl-controls .owl-prev:before {
    content: "\e61d";
}

.home #main .presscontainer .pressslider .owl-controls .owl-pagination,
#stage .presscontainer .pressslider .owl-controls .owl-pagination {
    margin: 0 15px;
    vertical-align: middle;
}

.home #main .presscontainer .pressslider .owl-controls .owl-dot,
#stage .presscontainer .pressslider .owl-controls .owl-dot {
    -webkit-border-radius: 15px;
    -o-border-radius: 15px;
    -ms-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border: 2px solid #a5a5a4;
    display: inline-block;
    height: 11px;
    margin: 0 5px;
    width: 11px;
}

.home #main .presscontainer .pressslider .owl-controls .owl-dot.active,
#stage .presscontainer .pressslider .owl-controls .owl-dot.active {
    background-color: #a5a5a4;
}

.lt-ie9 .home #main .presscontainer .pressslider .owl-controls .owl-dot,
.lt-ie9 #stage .presscontainer .pressslider .owl-controls .owl-dot {
    background-color: transparent;
    border: 0 none;
    background: url(../img/responsive/layout/sprite.png) -24px -1px no-repeat;
    height: 17px;
    vertical-align: top;
    width: 17px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
    .lt-ie9 .home #main .presscontainer .pressslider .owl-controls .owl-dot,
    .lt-ie9 #stage .presscontainer .pressslider .owl-controls .owl-dot {
        background-image: url(../img/responsive/layout/sprite2x.png);
        background-size: 500px 900px;
    }
}

.lt-ie9 .home #main .presscontainer .pressslider .owl-controls .owl-dot.active,
.lt-ie9 #stage .presscontainer .pressslider .owl-controls .owl-dot.active {
    background-position: -1px -1px;
}

@media screen and (max-width: 1414px) {
    .home #main .teaserwrapper,
    #stage .teaserwrapper {
        margin: 0 40px;
        width: auto;
    }
}

@media screen and (max-width: 979px) {
    .home #main .teaserwrapper,
    #stage .teaserwrapper {
        margin-left: 25px;
        margin-right: 25px;
    }
}

@media screen and (max-width: 991px) {
    .home #main .teaserwrapper,
    #stage .teaserwrapper {
        margin: 0 17px;
        width: auto;
    }
}

.lt-ie9 .home #main .teaserwrapper,
.lt-ie9 #stage .teaserwrapper {
    width: 940px;
}

.home #main .teaserwrapper .imageteaser,
#stage .teaserwrapper .imageteaser {
    margin-right: 1.25%;
    max-width: 32.5%;
}

.home #main .teaserwrapper .imageteaser.second,
#stage .teaserwrapper .imageteaser.second {
    margin-left: 0;
}

.home #main .teaserwrapper .imageteaser.third,
#stage .teaserwrapper .imageteaser.third {
    margin-right: 0;
}

@media screen and (max-width: 767px) {
    .home #main .teaserwrapper .imageteaser.third,
    #stage .teaserwrapper .imageteaser.third {
        margin-left: 0;
    }
}

@media screen and (max-width: 991px) {
    .home #main .teaserwrapper .imageteaser,
    #stage .teaserwrapper .imageteaser {
        margin-right: 2%;
        max-width: 49%;
    }
    .home #main .teaserwrapper .imageteaser.third,
    #stage .teaserwrapper .imageteaser.third {
        margin-right: 2%;
    }
    .home #main .teaserwrapper .imageteaser.second,
    #stage .teaserwrapper .imageteaser.second {
        margin-right: 0;
    }
}

@media screen and (max-width: 767px) {
    .home #main .teaserwrapper .imageteaser,
    #stage .teaserwrapper .imageteaser {
        float: none;
        max-width: 100%;
    }
}


/**
 * ENDE Homepage-Module
 */


/**
 *   Bühne (Isotope Kacheln)
 */

#buehne,
#content-buehne {
    *zoom: 1;
    background: url('../img/responsive/layout/hintergrund_streifen.png') 0 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid transparent;
    margin: 20px 0 0;
    position: relative;
    /* Allgemeine Boxendefinitionen */
    /* Boxentypen */
}

#buehne:before,
#content-buehne:before,
#buehne:after,
#content-buehne:after {
    content: " ";
    display: table;
}

#buehne:after,
#content-buehne:after {
    clear: both;
}

.lt-ie9 #buehne,
.lt-ie9 #content-buehne {
    z-index: -1;
}

@media screen and (max-width: 767px) {
    #buehne,
    #content-buehne {
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        margin-bottom: 50px;
    }
}

.lt-ie9 #buehne,
.lt-ie9 #content-buehne {
    margin-left: auto;
    margin-right: auto;
    max-width: 940px;
}

#buehne .item,
#content-buehne .item {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    height: 0;
    overflow: hidden;
    margin: 0 0 1%;
    padding-bottom: 19.4%;
    position: relative;
    width: 20%;
}

#buehne .item>div,
#content-buehne .item>div {
    bottom: 0;
    border: 1px solid #ffffff;
    left: 0;
    margin: 0 2.5%;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}

#buehne .item>div>a,
#content-buehne .item>div>a {
    display: block;
    height: 100%;
    text-decoration: none;
    width: 100%;
}

@media screen and (min-width: 992px) and (max-width: 1279px) {
    #buehne .item,
    #content-buehne .item {
        padding-bottom: 24.6%;
    }
    #buehne .item>div,
    #content-buehne .item>div {
        margin: 0 2%;
    }
}

@media screen and (max-width: 900px) {
    #buehne .item,
    #content-buehne .item {
        padding-bottom: 32.8%;
    }
    #buehne .item>div,
    #content-buehne .item>div {
        margin: 0 1.5%;
    }
}

@media screen and (max-width: 991px) {
    #buehne .item,
    #content-buehne .item {
        padding-bottom: 49.8%;
    }
}

@media screen and (max-width: 767px) {
    #buehne .item,
    #content-buehne .item {
        float: none;
        margin-bottom: 15px;
        padding-bottom: 100%;
        position: relative;
        width: 100%;
    }
    #buehne .item>div,
    #content-buehne .item>div {
        margin: 0;
    }
}

#buehne .item.middle,
#content-buehne .item.middle {
    padding-bottom: 29.7%;
    width: 40%;
}

#buehne .item.middle>div,
#content-buehne .item.middle>div {
    margin: 0 1.25%;
}

@media screen and (min-width: 992px) and (max-width: 1279px) {
    #buehne .item.middle,
    #content-buehne .item.middle {
        padding-bottom: 37.2%;
    }
    #buehne .item.middle>div,
    #content-buehne .item.middle>div {
        margin: 0 1%;
    }
}

@media screen and (max-width: 900px) {
    #buehne .item.middle,
    #content-buehne .item.middle {
        padding-bottom: 50.2%;
    }
    #buehne .item.middle>div,
    #content-buehne .item.middle>div {
        margin: 0 0.75%;
    }
}

@media screen and (max-width: 991px) {
    #buehne .item.middle,
    #content-buehne .item.middle {
        padding-bottom: 75.6%;
    }
}

@media screen and (max-width: 767px) {
    #buehne .item.middle,
    #content-buehne .item.middle {
        float: none;
        padding-bottom: 100%;
        width: 100%;
    }
    #buehne .item.middle>div,
    #content-buehne .item.middle>div {
        bottom: 0;
        margin: 0;
        position: absolute;
        top: 0;
    }
}

#buehne .item.large,
#content-buehne .item.large {
    padding-bottom: 39.9%;
    width: 60%;
}

#buehne .item.large>div,
#content-buehne .item.large>div {
    margin: 0 0.8%;
}

@media screen and (min-width: 992px) and (max-width: 1279px) {
    #buehne .item.large,
    #content-buehne .item.large {
        padding-bottom: 50.2%;
    }
    #buehne .item.large>div,
    #content-buehne .item.large>div {
        margin: 0 0.6%;
    }
}

@media screen and (max-width: 900px) {
    #buehne .item.large,
    #content-buehne .item.large {
        padding-bottom: 66.9%;
    }
    #buehne .item.large>div,
    #content-buehne .item.large>div {
        margin: 0 0.5%;
    }
}

@media screen and (max-width: 991px) {
    #buehne .item.large,
    #content-buehne .item.large {
        padding-bottom: 67.6%;
    }
}

@media screen and (max-width: 767px) {
    #buehne .item.large,
    #content-buehne .item.large {
        float: none;
        padding-bottom: 100%;
        width: 100%;
    }
    #buehne .item.large>div,
    #content-buehne .item.large>div {
        bottom: 0;
        margin: 0;
        position: absolute;
        top: 0;
    }
}

#buehne .item.small,
#content-buehne .item.small {
    padding-bottom: 9.2%;
}

@media screen and (min-width: 992px) and (max-width: 1279px) {
    #buehne .item.small,
    #content-buehne .item.small {
        margin-bottom: 0.8%;
        padding-bottom: 11.6%;
    }
}

@media screen and (max-width: 900px) {
    #buehne .item.small,
    #content-buehne .item.small {
        padding-bottom: 15.7%;
    }
}

@media screen and (max-width: 991px) {
    #buehne .item.small,
    #content-buehne .item.small {
        padding-bottom: 24.4%;
    }
}

@media screen and (max-width: 767px) {
    #buehne .item.small,
    #content-buehne .item.small {
        float: none;
        padding-bottom: 33%;
        width: 100%;
    }
    #buehne .item.small>div,
    #content-buehne .item.small>div {
        bottom: 0;
        margin: 0;
        position: absolute;
        top: 0;
    }
}

#buehne .item.wide,
#content-buehne .item.wide {
    width: 40%;
}

#buehne .item.wide>div,
#content-buehne .item.wide>div {
    margin: 0 1.25%;
}

@media screen and (min-width: 992px) and (max-width: 1279px) {
    #buehne .item.wide>div,
    #content-buehne .item.wide>div {
        margin: 0 1%;
    }
}

@media screen and (max-width: 900px) {
    #buehne .item.wide>div,
    #content-buehne .item.wide>div {
        margin: 0 0.75%;
    }
}

@media screen and (max-width: 767px) {
    #buehne .item.wide,
    #content-buehne .item.wide {
        float: none;
        padding-bottom: 100%;
        width: 100%;
    }
    #buehne .item.wide>div,
    #content-buehne .item.wide>div {
        bottom: 0;
        margin: 0;
        position: absolute;
        top: 0;
    }
}

@media screen and (max-width: 767px) {
    #buehne .item.normal,
    #content-buehne .item.normal {
        float: none;
        height: auto;
        padding-bottom: 0;
    }
    #buehne .item.normal>div,
    #content-buehne .item.normal>div {
        margin: 0;
    }
}

#buehne .item img,
#content-buehne .item img {
    width: 100%;
}

#buehne .item .bottom,
#content-buehne .item .bottom {
    bottom: 0;
    left: 0;
    padding: 5px 15px;
    position: absolute;
    right: 0;
}

.lt-ie9 #buehne .item,
.lt-ie9 #content-buehne .item {
    padding-bottom: 24.6%;
    width: 25%;
}

.lt-ie9 #buehne .item>div,
.lt-ie9 #content-buehne .item>div {
    margin: 0 2%;
}

.lt-ie9 #buehne .item.middle,
.lt-ie9 #content-buehne .item.middle {
    padding-bottom: 37.2%;
    width: 50%;
}

.lt-ie9 #buehne .item.middle>div,
.lt-ie9 #content-buehne .item.middle>div {
    margin: 0 1%;
}

.lt-ie9 #buehne .item.large,
.lt-ie9 #content-buehne .item.large {
    padding-bottom: 50.2%;
    width: 75%;
}

.lt-ie9 #buehne .item.large>div,
.lt-ie9 #content-buehne .item.large>div {
    margin: 0 0.6%;
}

.lt-ie9 #buehne .item.small,
.lt-ie9 #content-buehne .item.small {
    margin-bottom: 0.8%;
    padding-bottom: 11.8%;
}

.lt-ie9 #buehne .item.wide,
.lt-ie9 #content-buehne .item.wide {
    padding-bottom: 29%;
    width: 50%;
}

.lt-ie9 #buehne .item.wide>div,
.lt-ie9 #content-buehne .item.wide>div {
    margin: 0 1%;
}

#buehne .imageteaser,
#content-buehne .imageteaser {
    position: relative;
}

#buehne .imageteaser img,
#content-buehne .imageteaser img {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 1;
}

#buehne .imageteaser .text,
#content-buehne .imageteaser .text {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiAgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
    /* IE9 - for IE6-8 you need filter and filer:none; for IE9 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, #000000));
    /* Chrome,Safari4+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);
    /* W3C */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
    /* FF3.6+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
    /* IE10+ */
    bottom: 0;
    height: 30%;
    left: 0;
    position: absolute;
    right: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    z-index: 5;
}

.lt-ie9 #buehne .imageteaser .text,
.lt-ie9 #content-buehne .imageteaser .text {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#DD000000', GradientType=0);
    height: 63%;
    z-index: auto;
}

#buehne .imageteaser .text>div,
#content-buehne .imageteaser .text>div {
    bottom: 0;
    left: 0;
    position: absolute;
    padding: 5px 15px;
    right: 0;
}

#buehne .imageteaser .text .hover,
#content-buehne .imageteaser .text .hover {
    margin-bottom: 0;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.8s, margin 0.5s;
    -moz-transition: max-height 0.8s, margin 0.5s;
    -o-transition: max-height 0.8s, margin 0.5s;
    transition: max-height 0.8s, margin 0.5s;
}

#buehne .imageteaser.large .text,
#content-buehne .imageteaser.large .text {
    padding-right: 50%;
}

#buehne .imageteaser.middle .text,
#content-buehne .imageteaser.middle .text {
    padding-right: 20%;
}

@media screen and (min-width: 1280px) {
    #buehne .imageteaser:not(.video) a:hover,
    #content-buehne .imageteaser:not(.video) a:hover {
        background-color: transparent;
        padding: 0;
    }
    .no-touch #buehne .imageteaser:not(.video) a:hover img,
    .no-touch #content-buehne .imageteaser:not(.video) a:hover img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    .no-touch #buehne .imageteaser:not(.video) a:hover .text,
    .no-touch #content-buehne .imageteaser:not(.video) a:hover .text {
        height: 120%;
    }
    .no-touch #buehne .imageteaser:not(.video) a:hover .hover,
    .no-touch #content-buehne .imageteaser:not(.video) a:hover .hover {
        margin-bottom: 10px;
        max-height: 100px;
    }
    .lt-ie9 .no-touch #buehne .imageteaser:not(.video) a:hover .hover,
    .lt-ie9 .no-touch #content-buehne .imageteaser:not(.video) a:hover .hover {
        border-top: 1px solid #a5a5a4;
    }
}

#buehne .imageteaser .text p,
#content-buehne .imageteaser .text p {
    color: #ffffff;
    font-size: 1.28571429em;
    line-height: 1.33333333em;
    margin: 0 0 10px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}

#buehne .imageteaser .text .headline,
#content-buehne .imageteaser .text .headline {
    margin: 0 0 10px;
}

#buehne .imageteaser.large .text .headline,
#content-buehne .imageteaser.large .text .headline {
    font-size: 3.21428571em;
    line-height: 1.17777778em;
}

#buehne .imageteaser.middle .text .headline,
#content-buehne .imageteaser.middle .text .headline {
    font-size: 2.85714286em;
    line-height: 1.125em;
}

#buehne .imageteaser .text .category,
#content-buehne .imageteaser .text .category {
    font-size: 1em;
    line-height: 1.28571429em;
    margin: 0 0 5px;
    text-transform: uppercase;
}

#buehne .imageteaser .text .button,
#content-buehne .imageteaser .text .button {
    background-color: #004b7c;
    color: #ffffff;
    display: inline-block;
    font-size: 1.14285714em;
    line-height: 1.125em;
    margin: 0 0 15px;
    padding: 10px 20px;
    text-decoration: none;
    text-transform: uppercase;
}

#buehne .imageteaser .text .button:hover,
#content-buehne .imageteaser .text .button:hover,
#buehne .imageteaser .text .button:active,
#content-buehne .imageteaser .text .button:active {
    background-color: #1f7fb6;
}

@media screen and (max-width: 767px) {
    #buehne .imageteaser,
    #content-buehne .imageteaser {
        background-color: #ededed;
    }
    #buehne .imageteaser .text p,
    #content-buehne .imageteaser .text p {
        display: none;
    }
    #buehne .imageteaser.normal>div,
    #content-buehne .imageteaser.normal>div {
        position: relative;
    }
    #buehne .imageteaser.normal>div:after,
    #content-buehne .imageteaser.normal>div:after {
        background: transparent;
    }
    #buehne .imageteaser.normal img,
    #content-buehne .imageteaser.normal img {
        margin-right: 2%;
        width: 35%;
    }
    #buehne .imageteaser.normal .text,
    #content-buehne .imageteaser.normal .text {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        bottom: auto;
        height: auto;
        left: auto;
        padding: 0;
        right: 1%;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        width: 62%;
    }
    #buehne .imageteaser.normal .text>div,
    #content-buehne .imageteaser.normal .text>div {
        padding: 0;
        position: relative;
    }
    #buehne .imageteaser.normal .text p,
    #content-buehne .imageteaser.normal .text p {
        text-shadow: none;
    }
    #buehne .imageteaser.normal .text .headline,
    #content-buehne .imageteaser.normal .text .headline {
        color: #000000;
        display: block;
        font-size: 1.14285714em;
        line-height: 1.25em;
        margin-bottom: 0;
    }
    #buehne .imageteaser.large>div,
    #content-buehne .imageteaser.large>div,
    #buehne .imageteaser.middle>div,
    #content-buehne .imageteaser.middle>div {
        width: 100%;
    }
    #buehne .imageteaser.large img,
    #content-buehne .imageteaser.large img,
    #buehne .imageteaser.middle img,
    #content-buehne .imageteaser.middle img {
        height: 100%;
        margin-left: -25%;
        margin-right: -50%;
        width: auto;
    }
    #buehne .imageteaser.large .text .category,
    #content-buehne .imageteaser.large .text .category,
    #buehne .imageteaser.middle .text .category,
    #content-buehne .imageteaser.middle .text .category {
        display: block;
    }
    #buehne .imageteaser.large .text .headline,
    #content-buehne .imageteaser.large .text .headline,
    #buehne .imageteaser.middle .text .headline,
    #content-buehne .imageteaser.middle .text .headline {
        display: block;
        font-size: 2.42857143em;
        line-height: 1.14705882em;
        margin-bottom: 6px;
    }
}

@media screen and (max-width: 767px) {
    #buehne .textteaser.item,
    #content-buehne .textteaser.item {
        height: auto;
        padding-bottom: 0;
    }
}

#buehne .textteaser>div,
#content-buehne .textteaser>div {
    background-color: #ededed;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

#buehne .textteaser.blue>div,
#content-buehne .textteaser.blue>div {
    background-color: #1a334c;
    color: #ffffff;
}

#buehne .textteaser.small .bottom,
#content-buehne .textteaser.small .bottom {
    padding-bottom: 12px;
}

@media screen and (max-width: 767px) {
    #buehne .textteaser.item>div,
    #content-buehne .textteaser.item>div {
        position: relative;
    }
    #buehne .textteaser.item .bottom,
    #content-buehne .textteaser.item .bottom {
        padding-top: 60px;
        position: relative;
    }
}

#buehne .textteaser p,
#content-buehne .textteaser p {
    color: #000000;
    font-size: 1.28571429em;
    line-height: 1.33333333em;
    margin: 0 0 10px;
}

#buehne .textteaser.blue p,
#content-buehne .textteaser.blue p {
    color: #ffffff;
}

#buehne .textteaser .category,
#content-buehne .textteaser .category {
    font-size: 1em;
    line-height: 1.28571429em;
    margin: 0 0 7px;
    text-transform: uppercase;
}

@media screen and (max-width: 1100px) {
    #buehne .textteaser .category,
    #content-buehne .textteaser .category {
        display: none;
    }
}

@media screen and (max-width: 900px) {
    #buehne .textteaser .category,
    #content-buehne .textteaser .category {
        display: block;
    }
    #buehne .textteaser.small .category,
    #content-buehne .textteaser.small .category {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    #buehne .textteaser.small .category,
    #content-buehne .textteaser.small .category {
        display: block;
    }
}

.lt-ie9 #buehne .textteaser .category,
.lt-ie9 #content-buehne .textteaser .category {
    display: none;
}

#buehne .textteaser .headline,
#content-buehne .textteaser .headline {
    font-size: 2.85714286em;
    line-height: 1.125em;
    margin: 0 0 5px;
}

@media screen and (max-width: 767px) {
    #buehne .textteaser .headline,
    #content-buehne .textteaser .headline {
        font-size: 2.42857143em;
        line-height: 1.14705882em;
    }
}

#buehne .textteaser.small .headline,
#content-buehne .textteaser.small .headline {
    font-size: 1.28571429em;
    line-height: 1.33333333em;
    margin: 0;
}

@media screen and (max-width: 767px) {
    #buehne .quicklinks.item,
    #content-buehne .quicklinks.item {
        height: auto;
        padding-bottom: 0;
    }
}

#buehne .quicklinks>div,
#content-buehne .quicklinks>div {
    background-color: #004b7c;
    bottom: 0;
    color: #ffffff;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

#buehne .quicklinks .bottom,
#content-buehne .quicklinks .bottom {
    padding-bottom: 3px;
}

@media screen and (max-width: 991px) {
    #buehne .quicklinks .bottom,
    #content-buehne .quicklinks .bottom {
        padding-bottom: 6px;
    }
}

@media screen and (max-width: 767px) {
    #buehne .quicklinks.item>div,
    #content-buehne .quicklinks.item>div {
        position: relative;
    }
    #buehne .quicklinks.item .bottom,
    #content-buehne .quicklinks.item .bottom {
        padding-top: 60px;
        position: relative;
    }
}

#buehne .quicklinks .headline,
#content-buehne .quicklinks .headline {
    font-size: 1.71428571em;
    line-height: 1.33333333em;
    margin: 0 0 5px;
}

@media screen and (max-width: 767px) {
    #buehne .quicklinks .headline,
    #content-buehne .quicklinks .headline {
        font-size: 1.85714286em;
        line-height: 1.23076923em;
    }
}

#buehne .quicklinks ul,
#content-buehne .quicklinks ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#buehne .quicklinks a,
#content-buehne .quicklinks a {
    border-top: 1px solid #2D6991;
    color: #ffffff;
    display: block;
    font-size: 1.14285714em;
    line-height: 1.125em;
    padding: 10px 0;
    text-decoration: none;
    text-transform: uppercase;
}

#buehne .quicklinks a:hover,
#content-buehne .quicklinks a:hover,
#buehne .quicklinks a:active,
#content-buehne .quicklinks a:active {
    text-decoration: underline;
}

#buehne .quicklinks li:first-child a,
#content-buehne .quicklinks li:first-child a {
    border-top: 0 none;
}

#buehne .video>div>a,
#content-buehne .video>div>a {
    position: relative;
}

#buehne .video>div>a:before,
#content-buehne .video>div>a:before {
    display: inline-block;
    font-family: 'thyssen-krupp-iconfont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#buehne .video>div>a:before,
#content-buehne .video>div>a:before {
    content: "\e624";
}

#buehne .video>div>a:before,
#content-buehne .video>div>a:before {
    background-color: #004b7c;
    /* IE 8 fallback */
    background-color: rgba(0, 75, 124, 0.7);
    border-radius: 50%;
    color: #ffffff;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10;
}

.lt-ie9 #buehne .video>div>a:before,
.lt-ie9 #content-buehne .video>div>a:before {
    margin-left: -60px;
    margin-top: -60px;
    top: 35%;
}

@media screen and (max-width: 767px) {
    #buehne .video>div>a:before,
    #content-buehne .video>div>a:before {
        margin-top: 0;
        top: 22%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
}

.lt-ie9 #buehne .video>div>a:before,
.lt-ie9 #content-buehne .video>div>a:before {
    content: none;
}

.lt-ie9 #buehne .video>div>a .play-icon,
.lt-ie9 #content-buehne .video>div>a .play-icon {
    background: url(../img/responsive/layout/sprite.png) 0 -651px no-repeat;
    height: 126px;
    left: 50%;
    margin-left: -63px;
    margin-top: -63px;
    position: absolute;
    text-indent: -9999px;
    top: 35%;
    width: 126px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
    .lt-ie9 #buehne .video>div>a .play-icon,
    .lt-ie9 #content-buehne .video>div>a .play-icon {
        background-image: url(../img/responsive/layout/sprite2x.png);
        background-size: 500px 900px;
    }
}

#buehne .video.normal>div>a:before,
#content-buehne .video.normal>div>a:before {
    border: 9px solid #ffffff;
    font-size: 40px !important;
    height: 78px;
    letter-spacing: -9px;
    line-height: 78px !important;
    width: 78px;
}

@media screen and (max-width: 767px) {
    #buehne .video.normal>div>a:before,
    #content-buehne .video.normal>div>a:before {
        border: 5px solid #ffffff;
        font-size: 22px !important;
        height: 43px;
        letter-spacing: -6px;
        line-height: 43px !important;
        width: 43px;
    }
    #buehne .video.normal>div>a:before,
    #content-buehne .video.normal>div>a:before {
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        left: 18%;
        top: 50%;
    }
}

#buehne .video.normal>div>a .play-icon,
#content-buehne .video.normal>div>a .play-icon {
    background: url(../img/responsive/layout/sprite.png) 0 -797px no-repeat;
    height: 94px;
    left: 50%;
    margin-left: -47px;
    margin-top: -47px;
    position: absolute;
    text-indent: -9999px;
    top: 35%;
    width: 94px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
    #buehne .video.normal>div>a .play-icon,
    #content-buehne .video.normal>div>a .play-icon {
        background-image: url(../img/responsive/layout/sprite2x.png);
        background-size: 500px 900px;
    }
}

#buehne .video.middle>div>a:before,
#content-buehne .video.middle>div>a:before {
    border: 12px solid #ffffff;
    font-size: 53px !important;
    height: 104px;
    letter-spacing: -11px;
    line-height: 104px !important;
    width: 104px;
}

#content-buehne {
    border: none;
    margin-top: 0;
}

.lt-ie9 #content-buehne {
    max-width: 100%;
    width: 100%;
}

#content-buehne .container {
    margin: 15px auto 0 auto;
    max-width: 1310px;
}

.lt-ie9 #content-buehne .container {
    max-width: 940px;
}

@media screen and (max-width: 1414px) {
    #content-buehne .container {
        margin: 15px 40px 0px;
        width: auto;
    }
}

@media screen and (max-width: 979px) {
    #content-buehne .container {
        margin-top: 15px;
        margin-left: 25px;
        margin-right: 25px;
    }
}

@media screen and (max-width: 991px) {
    #content-buehne .container {
        margin: 15px 17px 0 17px;
        width: auto;
    }
}

#content-buehne .container .facts {
    display: table;
    margin-bottom: 10px;
    width: 100%;
}

#content-buehne .container .facts .fact-item {
    *zoom: 1;
    display: table-row;
}

#content-buehne .container .facts .fact-item:before,
#content-buehne .container .facts .fact-item:after {
    content: " ";
    display: table;
}

#content-buehne .container .facts .fact-item:after {
    clear: both;
}

#content-buehne .container .facts .fact-item .first,
#content-buehne .container .facts .fact-item .second {
    border-bottom: 1px solid #7cb2de;
    display: table-cell;
    padding-top: 12px;
    padding-bottom: 4px;
    vertical-align: bottom;
    width: 50%;
}

#content-buehne .container .facts .fact-item .first {
    font-size: 3.57142857em;
    line-height: 0.96em;
    color: #ffffff;
}

#content-buehne .container .facts .fact-item .second {
    font-size: 1.42857143em;
    line-height: 1.3em;
    color: #7cb2de;
    text-align: right;
}

#content-buehne .wrapper {
    margin: 0 -0.5%;
}

#content-buehne .item-wrapper {
    float: left;
    width: 50%;
}

@media screen and (max-width: 1100px) {
    #content-buehne .item-wrapper {
        float: none;
        position: relative;
        margin: 0;
        width: 100%;
    }
}

#content-buehne .item-wrapper .item.wide {
    padding-bottom: 50%;
    width: 100%;
}

@media screen and (max-width: 900px) {
    #content-buehne .item-wrapper .item.wide {
        padding-bottom: 0;
    }
}

@media screen and (max-width: 900px) {
    #content-buehne .item-wrapper .item.wide>div {
        padding-top: 0;
    }
}

.lt-ie9 #content-buehne .item-wrapper .item.wide {
    padding-bottom: 50%;
    width: 100%;
}

.lt-ie9 #content-buehne .item-wrapper .item.wide>div {
    margin: 0 0.5%;
    padding-top: 0px;
    position: relative;
}

.lt-ie9 #content-buehne .item-wrapper .item.wide>div .bottom {
    position: relative;
}

#content-buehne .item-wrapper .item.rect {
    margin-bottom: 2%;
    padding-bottom: 65%;
    width: 100%;
}

@media screen and (max-width: 900px) {
    #content-buehne .item-wrapper .item.rect {
        padding-bottom: 0;
    }
}

@media screen and (max-width: 767px) {
    #content-buehne .item-wrapper .item.rect {
        margin-bottom: 15px;
    }
}

#content-buehne .item-wrapper .item.rect>div {
    margin: 0 0.8%;
}

@media screen and (max-width: 900px) {
    #content-buehne .item-wrapper .item.rect>div {
        padding-top: 0;
    }
}

@media screen and (max-width: 767px) {
    #content-buehne .item-wrapper .item.rect>div {
        margin: 0;
    }
}

.lt-ie9 #content-buehne .item-wrapper .item.rect {
    padding-bottom: 0;
    width: 100%;
}

.lt-ie9 #content-buehne .item-wrapper .item.rect>div {
    padding-top: 0;
    position: relative;
}

.lt-ie9 #content-buehne .item-wrapper .item.rect>div .bottom {
    position: relative;
}

#content-buehne .item-wrapper .item.normal {
    margin-bottom: 2%;
    padding-bottom: 50%;
    width: 50%;
}

@media screen and (max-width: 767px) {
    #content-buehne .item-wrapper .item.normal {
        margin-bottom: 15px;
        padding-bottom: 0;
        width: 100%;
    }
}

.lt-ie9 #content-buehne .item-wrapper .item.normal {
    padding-bottom: 50%;
    width: 50%;
}

.lt-ie9 #content-buehne .item-wrapper .item.normal>div {
    padding-top: 0px;
    position: relative;
}

.lt-ie9 #content-buehne .item-wrapper .item.normal>div .bottom {
    position: relative;
}

#content-buehne .item.square {
    padding-bottom: 50.4%;
    width: 50.4%;
}

#content-buehne .item.square>div {
    background-color: #004b7c;
}

@media screen and (min-width: 992px) and (max-width: 1279px) {
    #content-buehne .item.square>div {
        position: relative;
    }
}

@media screen and (max-width: 991px) {
    #content-buehne .item.square>div {
        position: relative;
        margin: 0 1% 1.3% 1%;
    }
}

@media screen and (max-width: 767px) {
    #content-buehne .item.square>div {
        margin: 0;
    }
}

@media screen and (min-width: 992px) and (max-width: 1279px) {
    #content-buehne .item.square>div .bottom {
        padding-top: 60px;
        position: relative;
    }
}

@media screen and (max-width: 991px) {
    #content-buehne .item.square>div .bottom {
        padding-top: 60px;
        position: relative;
    }
}

@media screen and (min-width: 992px) and (max-width: 1279px) {
    #content-buehne .item.square {
        padding-bottom: 0;
        height: auto;
        width: 100%;
    }
}

@media screen and (max-width: 991px) {
    #content-buehne .item.square {
        padding-bottom: 0;
        height: auto;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    #content-buehne .item.square {
        padding-bottom: 0;
        height: auto;
        width: 100%;
    }
}

.lt-ie9 #content-buehne .item.square {
    padding-bottom: 50.4%;
    width: 50.4%;
}

#content-buehne .item.square.imageteaser img {
    height: 100%;
    margin-left: -25%;
    margin-right: -50%;
    width: auto;
}

@media screen and (min-width: 992px) and (max-width: 1279px) {
    #content-buehne .item.square.imageteaser img {
        height: auto;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
}

@media screen and (max-width: 991px) {
    #content-buehne .item.square.imageteaser img {
        height: auto;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
}

#content-buehne .item.wide {
    padding-bottom: 24.7%;
    width: 49.7%;
}

@media screen and (max-width: 900px) {
    #content-buehne .item.wide>div {
        padding-top: 60px;
        position: relative;
    }
}

@media screen and (max-width: 900px) {
    #content-buehne .item.wide>div .bottom {
        position: relative;
    }
}

#content-buehne .item.wide>div .text .headline {
    font-size: 1.71428571em;
    line-height: 1.16666667em;
}

@media screen and (min-width: 992px) and (max-width: 1279px) {
    #content-buehne .item.wide {
        padding-bottom: 33.33333333%;
        width: 66.66666667%;
    }
}

@media screen and (max-width: 900px) {
    #content-buehne .item.wide {
        height: auto;
        padding: 0;
        width: 100%;
    }
}

.lt-ie9 #content-buehne .item.wide {
    height: auto;
    padding: 0;
    width: 100%;
}

.lt-ie9 #content-buehne .item.wide>div {
    margin: 0 0.5%;
    padding-top: 60px;
    position: relative;
}

.lt-ie9 #content-buehne .item.wide>div .bottom {
    position: relative;
}

#content-buehne .item.rect {
    padding-bottom: 35%;
    width: 49.7%;
}

@media screen and (max-width: 900px) {
    #content-buehne .item.rect>div {
        padding-top: 60px;
        position: relative;
    }
}

@media screen and (max-width: 900px) {
    #content-buehne .item.rect>div .bottom {
        position: relative;
    }
}

@media screen and (min-width: 992px) and (max-width: 1279px) {
    #content-buehne .item.rect {
        padding-bottom: 33.33333333%;
        width: 66.66666667%;
    }
}

@media screen and (max-width: 900px) {
    #content-buehne .item.rect {
        height: auto;
        padding: 0;
        width: 100%;
    }
}

.lt-ie9 #content-buehne .item.rect {
    height: auto;
    padding: 0;
    width: 100%;
}

.lt-ie9 #content-buehne .item.rect>div {
    margin: 0 0.5%;
    padding-top: 60px;
    position: relative;
}

.lt-ie9 #content-buehne .item.rect>div .bottom {
    position: relative;
}

#content-buehne .item.normal {
    padding-bottom: 24.7%;
    width: 24.8%;
}

#content-buehne .item.normal>div {
    margin: 0 2%;
}

#content-buehne .item.normal>div .text .headline {
    font-size: 1.71428571em;
    line-height: 1.16666667em;
}

@media screen and (max-width: 767px) {
    #content-buehne .item.normal>div .text .headline {
        font-size: 1.28571429em;
        line-height: 1.33333333em;
    }
}

@media screen and (min-width: 992px) and (max-width: 1279px) {
    #content-buehne .item.normal>div {
        margin: 0 1.7%;
    }
}

@media screen and (max-width: 900px) {
    #content-buehne .item.normal>div {
        margin: 0 1.5%;
    }
}

@media screen and (max-width: 991px) {
    #content-buehne .item.normal>div {
        margin: 0 2%;
    }
}

@media screen and (max-width: 767px) {
    #content-buehne .item.normal>div {
        margin: 0;
    }
}

@media screen and (min-width: 992px) and (max-width: 1279px) {
    #content-buehne .item.normal {
        padding-bottom: 33.33333333%;
        width: 33.33333333%;
    }
}

@media screen and (max-width: 991px) {
    #content-buehne .item.normal {
        margin-bottom: 2%;
        padding-bottom: 50%;
        width: 50%;
    }
}

@media screen and (max-width: 767px) {
    #content-buehne .item.normal {
        margin-bottom: 15px;
        padding-bottom: 0;
        width: 100%;
    }
}

.lt-ie9 #content-buehne .item.normal {
    padding-bottom: 25%;
    width: 25%;
}

@media screen and (min-width: 992px) and (max-width: 1279px) {
    .no-js #buehne .item,
    .no-js #content-buehne .item {
        width: 25%;
    }
}

@media screen and (max-width: 900px) {
    .no-js #buehne .item,
    .no-js #content-buehne .item {
        width: 33%;
    }
}

@media screen and (max-width: 767px) {
    .no-js #buehne .item,
    .no-js #content-buehne .item {
        float: none;
        width: 100%;
    }
}

@media screen and (min-width: 992px) and (max-width: 1279px) {
    .no-js #buehne .item.middle,
    .no-js #content-buehne .item.middle {
        width: 50%;
    }
}

@media screen and (max-width: 900px) {
    .no-js #buehne .item.middle,
    .no-js #content-buehne .item.middle {
        width: 66%;
    }
}

@media screen and (max-width: 767px) {
    .no-js #buehne .item.middle,
    .no-js #content-buehne .item.middle {
        float: none;
        width: 100%;
    }
}

@media screen and (min-width: 992px) and (max-width: 1279px) {
    .no-js #buehne .item.large,
    .no-js #content-buehne .item.large {
        width: 75%;
    }
}

@media screen and (max-width: 900px) {
    .no-js #buehne .item.large,
    .no-js #content-buehne .item.large {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .no-js #buehne .item.large,
    .no-js #content-buehne .item.large {
        float: none;
    }
}


/**
 * 	Darksite
 */

.home .darksite-teaser {
    height: 505px;
    overflow: hidden;
    position: relative;
}

@media screen and (max-width: 630px) {
    .home .darksite-teaser {
        height: 340px;
    }
}

@media screen and (max-width: 767px) {
    .home .darksite-teaser {
        height: 300px;
    }
}

.lt-ie9 .home .darksite-teaser {
    margin: 0 auto;
    min-width: 940px;
    text-align: center;
    /*width: @contentWidthIE;*/
    z-index: 1;
}

.home .darksite-teaser:after {
    background: url('../img/responsive/layout/darksite_bg_streifen.png') 0 0 repeat;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.home .darksite-teaser img {
    bottom: 0;
    position: absolute;
    width: 100%;
}

@media screen and (max-width: 1100px) {
    .home .darksite-teaser img {
        height: 100%;
        margin-left: 50%;
        position: static;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        width: auto;
    }
}

.lt-ie9 .home .darksite-teaser img {
    margin-left: auto;
    position: absolute;
    z-index: -1;
}

.home .darksite-teaser .news {
    color: #ffffff;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    width: 80%;
    z-index: 10;
}

@media screen and (max-width: 1600px) {
    .home .darksite-teaser .news {
        width: 98%;
    }
}

.lt-ie9 .home .darksite-teaser .news {
    left: 0;
    padding: 5% 10%;
    top: 0;
}

.home .darksite-teaser .news p {
    font-size: 1.28571429em;
    line-height: 1.33333333em;
    margin: 0 0 1%;
}

@media screen and (max-width: 630px) {
    .home .darksite-teaser .news p {
        display: none;
    }
}

.home .darksite-teaser .news .info {
    font-size: 2em;
    line-height: 1.96428571em;
    margin: 0 0 5px;
    text-transform: uppercase;
}

@media screen and (max-width: 630px) {
    .home .darksite-teaser .news .info {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .home .darksite-teaser .news .info {
        font-size: 1.35714286em;
        line-height: 1.26315789em;
    }
}

.home .darksite-teaser .news h3 {
    font-size: 3.21428571em;
    line-height: 1.17777778em;
    font-weight: normal;
    margin: 0 0 3%;
}

@media screen and (max-width: 767px) {
    .home .darksite-teaser .news h3 {
        font-size: 2em;
        line-height: 1.14285714em;
    }
}

.home .darksite-teaser .news .button {
    background-color: #ededed;
    color: #004b7c;
    display: inline-block;
    font-size: 1.14285714em;
    line-height: 1.25em;
    font-family: tketypemedium, Arial, Verdana, sans-serif;
    margin-top: 3%;
    padding: 10px 25px;
    text-transform: uppercase;
    text-decoration: none;
}

.home .darksite-teaser .news .button:hover,
.home .darksite-teaser .news .button:active,
.home .darksite-teaser .news .button:focus {
    background-color: #1f7fb6;
    color: #ffffff;
}

.lt-ie9 .home>.darksite-teaser .news {
    padding: 5% 0;
    width: 100%;
}

.lt-ie9 .home>.darksite-teaser .news>* {
    margin-left: auto;
    margin-right: auto;
    width: 940px;
}

.lt-ie9 .home>.darksite-teaser .news>.button {
    width: auto;
}

#buehne .darksite-teaser {
    height: auto;
}

.lt-ie9 #buehne .darksite-teaser {
    min-width: 0;
    width: 100%;
}

#buehne .darksite-teaser .news {
    bottom: 30px;
    left: 15px;
    padding: 0;
    right: 15px;
    text-align: left;
    top: auto;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    width: auto;
}


/**
 * 	Branchenmodul
 */

#branches {
    margin-bottom: 50px;
    height: 665px;
    overflow: hidden;
    position: relative;
}

.no-js #branches {
    overflow-x: auto;
    white-space: nowrap;
}

@media screen and (max-width: 630px) {
    #branches {
        height: auto;
        margin-left: 17px;
        margin-right: 17px;
    }
}

#branches .headline {
    font-size: 2.85714286em;
    line-height: 1.125em;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 45px;
    width: 100%;
    z-index: 10;
}

@media screen and (max-width: 630px) {
    #branches .headline {
        font-size: 2em;
        line-height: 1.14285714em;
        margin: 0 0 0.8em;
        position: relative;
        text-align: left;
        top: 0;
    }
}

#branches div {
    height: 100%;
}

@media screen and (max-width: 630px) {
    #branches .wrapper {
        display: none;
    }
}

#branches .owl-item.active {
    z-index: 5;
}

#branches .slide {
    background: url(../img/responsive/layout/branches_bg.gif) 0 0 repeat-x;
    height: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
}

.no-js #branches .slide {
    display: inline-block;
    white-space: normal;
    width: auto;
}

@media screen and (max-width: 630px) {
    #branches .slide {
        display: none;
    }
}

#branches .slide img {
    margin-left: 50%;
    max-width: none;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 1600px;
}

.lt-ie9 #branches .slide img {
    margin-left: -50%;
    position: relative;
    margin-right: -50%;
}

.no-js #branches .slide img {
    margin: 0;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

@media screen and (max-width: 991px) {
    #branches .slide img {
        margin-left: -353px;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

#branches .slide .text {
    bottom: 50%;
    height: auto;
    margin-right: 130px;
    position: absolute;
    right: 50%;
    text-align: left;
    width: 30%;
    z-index: 10;
}

.lt-ie9 #branches .slide .text {
    max-width: 340px;
}

@media screen and (max-width: 1600px) {
    #branches .slide .text {}
}

@media screen and (max-width: 1100px) {
    #branches .slide .text {
        bottom: 40%;
        width: 32%;
    }
}

@media screen and (max-width: 991px) {
    #branches .slide .text {
        bottom: 50%;
        margin-left: 17px;
        margin-right: 0;
        right: auto;
        width: 300px;
    }
}

.no-csstransitions #branches .slide .text {
    height: 0;
    overflow: hidden;
    width: 0;
}

.no-csstransitions #branches .slide .text.open {
    overflow: visible;
}

#branches .slide .text>div {
    *zoom: 1;
    background-color: #ffffff;
    border-bottom: 5px solid rgba(0, 0, 0, 0.2);
    height: auto;
    padding: 60px 20px 55px;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    width: 100%;
    z-index: 3;
}

#branches .slide .text>div:before,
#branches .slide .text>div:after {
    content: " ";
    display: table;
}

#branches .slide .text>div:after {
    clear: both;
}

.no-csstransitions #branches .slide .text>div {
    position: relative;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.lt-ie9 #branches .slide .text>div {
    border-bottom: 5px solid #a5a5a4;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    width: auto;
}

#branches .slide .text.open>div {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.no-csstransitions #branches .slide .text.open>div {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

#branches .slide .text:after {
    background: url(../img/responsive/layout/sprite.png) right top no-repeat;
    bottom: -135px;
    content: "";
    height: 144px;
    opacity: 0;
    position: absolute;
    right: -140px;
    -webkit-transition: opacity 0.6s ease-in-out 0.4s;
    -moz-transition: opacity 0.6s ease-in-out 0.4s;
    -o-transition: opacity 0.6s ease-in-out 0.4s;
    transition: opacity 0.6s ease-in-out 0.4s;
    width: 144px;
    z-index: 1;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
    #branches .slide .text:after {
        background-image: url(../img/responsive/layout/sprite2x.png);
        background-size: 500px 900px;
    }
}

@media screen and (max-width: 1100px) {
    #branches .slide .text:after {
        bottom: -70px;
    }
}

@media screen and (max-width: 991px) {
    #branches .slide .text:after {
        bottom: -135px;
    }
}

.no-csstransitions #branches .slide .text:after {
    opacity: 1;
}

#branches .slide .text.open:after {
    opacity: 1;
}

#branches .slide .text p {
    margin: 0;
}

#branches .slide .text .title {
    color: #004b7c;
    font-size: 1.42857143em;
    line-height: 1.2em;
}

@media screen and (max-width: 991px) {
    #branches .slide .text .title {
        font-size: 1.14285714em;
        line-height: 1.25em;
    }
}

#branches .slide .text .subtitle {
    color: #706f6f;
    font-size: 1em;
    line-height: 1.35714286em;
    margin-bottom: 7px;
}

#branches .slide .text .name {
    background-color: #7cb2de;
    color: #ffffff;
    font-size: 1.28571429em;
    line-height: 1.11111111em;
    left: 0;
    padding: 7px 20px 6px;
    position: absolute;
    top: 0;
}

#branches .slide .text .more {
    bottom: 15px;
    display: inline-block;
    font-size: 1.14285714em;
    line-height: 1.25em;
    margin-top: 22px;
    position: absolute;
    right: 20px;
    text-decoration: none;
}

#branches .slide .text .more:after {
    display: inline-block;
    font-family: 'thyssen-krupp-iconfont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#branches .slide .text .more:after {
    content: "\e638";
}

#branches .slide .text .more:hover,
#branches .slide .text .more:active,
#branches .slide .text .more:focus {
    text-decoration: underline;
}

#branches .slide .text .more:after {
    font-size: 0.75em;
    margin-left: 5px;
    margin-top: 0.3em;
}

#branches .navigation {
    background-color: #004b7c;
    bottom: 20px;
    list-style-type: none;
    margin: 0 auto;
    max-width: 1310px;
    padding: 10px 0;
    position: relative;
    text-align: center;
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
    width: 1310px;
    z-index: 20;
}

.no-js #branches .navigation {
    display: none;
}

.lt-ie9 #branches .navigation {
    bottom: 20px;
    left: 0;
    position: absolute;
    right: 0;
    width: 940px;
}

@media screen and (max-width: 1414px) {
    #branches .navigation {
        margin: 0 40px 10px;
        width: auto;
    }
}

@media screen and (max-width: 991px) {
    #branches .navigation {
        margin: 0 17px;
        width: auto;
    }
}

@media screen and (max-width: 630px) {
    #branches .navigation {
        background-color: transparent;
        bottom: 0;
        left: 0;
        margin: 0;
        position: relative;
        right: 0;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

#branches .navigation li {
    display: inline-block;
    margin-bottom: 0;
    padding: 5px 25px;
}

@media screen and (max-width: 630px) {
    #branches .navigation li {
        display: block;
        margin-bottom: 10px;
        padding: 0;
    }
}

#branches .navigation a {
    border-bottom: 2px solid #4d81a4;
    color: #ffffff;
    display: inline-block;
    font-size: 1.14285714em;
    line-height: 1.125em;
    padding: 2px 0;
    text-decoration: none;
    text-transform: uppercase;
}

@media screen and (max-width: 630px) {
    #branches .navigation a {
        background-color: #004b7c;
        border-bottom: 0 none;
        display: block;
        padding: 15px;
    }
}

#branches .navigation a.active {
    border-color: #ffffff;
}

#branches .navigation a:hover,
#branches .navigation a:active {
    border-color: #ffffff;
}

@media screen and (max-width: 630px) {
    #branches .navigation a:hover,
    #branches .navigation a:active {
        background-color: #1f7fb6;
    }
}

#branches .owl-prev,
#branches .owl-next {
    background-color: rgba(0, 0, 0, 0);
    color: #1f7fb6;
    cursor: pointer;
    display: block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    font-size: 3.85714286em;
    line-height: 1em;
    height: 100%;
    position: absolute;
    right: 0;
    -webkit-transition: opacity 400ms;
    -moz-transition: opacity 400ms;
    -o-transition: opacity 400ms;
    transition: opacity 400ms;
    width: 8%;
    top: 0;
    z-index: 15;
}

#branches .owl-prev:before,
#branches .owl-next:before {
    display: inline-block;
    font-family: 'thyssen-krupp-iconfont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#branches .owl-prev.disabled,
#branches .owl-next.disabled {
    display: none;
}

#branches .owl-prev:hover,
#branches .owl-next:hover,
#branches .owl-prev:active,
#branches .owl-next:active {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
}

#branches .owl-prev:before,
#branches .owl-next:before {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

@media screen and (max-width: 991px) {
    #branches .owl-prev:before,
    #branches .owl-next:before {
        left: 0;
        width: 100%;
    }
}

#branches .owl-prev {
    left: 0;
    margin-left: 2%;
}

#branches .owl-prev:before {
    content: "\e61d";
}

@media screen and (max-width: 1414px) {
    #branches .owl-prev {
        margin-left: 40px;
    }
}

@media screen and (max-width: 991px) {
    #branches .owl-prev {
        margin-left: 17px;
    }
}

#branches .owl-prev:before {
    left: 0;
}

#branches .owl-next {
    margin-right: 2%;
    right: 0;
}

#branches .owl-next:before {
    content: "\e61a";
}

@media screen and (max-width: 1414px) {
    #branches .owl-next {
        margin-right: 40px;
    }
}

@media screen and (max-width: 991px) {
    #branches .owl-next {
        margin-right: 17px;
    }
}

#branches .owl-next:before {
    right: 0;
}

.compact {
    /* Compact Stage */
    /* Visual */
}

.compact .center-container {
    margin: 0 auto 10px;
    max-width: 1310px;
    position: relative;
    width: 1310px;
}

@media screen and (max-width: 1414px) {
    .compact .center-container {
        margin: 0 40px 10px;
        width: auto;
    }
}

@media screen and (max-width: 979px) {
    .compact .center-container {
        margin-left: 25px;
        margin-right: 25px;
    }
}

@media screen and (max-width: 991px) {
    .compact .center-container {
        margin: 0 17px;
        width: auto;
    }
}

.lt-ie9 .compact .center-container {
    width: auto;
}

.lt-ie9 .compact .center-container h1 {
    width: 940px;
    margin-left: auto;
    margin-right: auto;
}

.compact .compact-stage {
    *zoom: 1;
    margin-bottom: 35px;
    /*
		Wraps both (dark, light) headline elements to be absolute positioned together.
		In this way the headlines itself can grow upwards as they are positioned relative
		inside this wrapper while the wrapper itaself is positioned bottom
	*/
}

.compact .compact-stage:before,
.compact .compact-stage:after {
    content: " ";
    display: table;
}

.compact .compact-stage:after {
    clear: both;
}

.compact .compact-stage .compact-item {
    float: left;
    outline: 1px solid red;
    overflow: hidden;
    position: relative;
    text-decoration: none;
}

.compact .compact-stage .compact-item img {
    height: auto;
    position: absolute;
    width: 100%;
}

.compact .compact-stage .compact-item-large {
    margin-right: 1.025%;
    padding-bottom: 43.5%;
    width: 66.1%;
}

@media screen and (max-width: 991px) {
    .compact .compact-stage .compact-item-large {
        margin-right: 0;
        padding-bottom: 66%;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .compact .compact-stage .compact-item-large {
        margin-right: 0;
        margin-bottom: 15px;
        padding-bottom: 66%;
        width: 100%;
    }
}

.compact .compact-stage .compact-item-large .headline-background {
    font-weight: bold;
    margin-left: 8px;
}

.compact .compact-stage .compact-item-large .headline-background.light-on-dark {
    font-size: 3.85714286em;
    line-height: 1.2037037em;
    color: #ffffff;
    /*
		As we fake the left background with a shadow we need to
		push the element a bit to fit the right alignment
	*/
    margin-bottom: 36px;
}

.compact .compact-stage .compact-item-large .headline-background.light-on-dark span {
    background-color: #000000;
    -webkit-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
    padding-bottom: 8px;
    padding-top: 8px;
    -webkit-box-shadow: -8px 0 0 #000000, 8px 0 0 #000000;
    -moz-box-shadow: -8px 0 0 #000000, 8px 0 0 #000000;
    box-shadow: -8px 0 0 #000000, 8px 0 0 #000000;
}

@media screen and (max-width: 900px) {
    .compact .compact-stage .compact-item-large .headline-background.light-on-dark {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 991px) {
    .compact .compact-stage .compact-item-large .headline-background.light-on-dark {
        font-size: 3.42857143em;
        line-height: 1.125em;
    }
}

@media screen and (max-width: 767px) {
    .compact .compact-stage .compact-item-large .headline-background.light-on-dark {
        font-size: 1.42857143em;
        line-height: 1.2em;
        margin-bottom: 33px;
    }
    .compact .compact-stage .compact-item-large .headline-background.light-on-dark span {
        padding-bottom: 7px;
        padding-top: 4px;
    }
}

.lt-ie9 .compact .compact-stage .compact-item-large .headline-background.light-on-dark {
    font-size: 3.42857143em;
    line-height: 1.125em;
}

.compact .compact-stage .compact-item-large .headline-background.dark-on-light {
    font-size: 2.14285714em;
    line-height: 1.46666667em;
    color: #000000;
    font-weight: normal;
    margin-bottom: 0;
}

.compact .compact-stage .compact-item-large .headline-background.dark-on-light span {
    background-color: #ffffff;
    -webkit-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
    padding-bottom: 8px;
    padding-top: 8px;
    -webkit-box-shadow: -8px 0 0 #ffffff, 8px 0 0 #ffffff;
    -moz-box-shadow: -8px 0 0 #ffffff, 8px 0 0 #ffffff;
    box-shadow: -8px 0 0 #ffffff, 8px 0 0 #ffffff;
}

@media screen and (max-width: 1100px) {
    .compact .compact-stage .compact-item-large .headline-background.dark-on-light {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .compact .compact-stage .compact-item-large .headline-background.dark-on-light {
        display: block;
        font-size: 1.85714286em;
        line-height: 1.38461538em;
    }
}

@media screen and (max-width: 630px) {
    .compact .compact-stage .compact-item-large .headline-background.dark-on-light {
        font-size: 1.28571429em;
        line-height: 1.5em;
    }
}

@media screen and (max-width: 400px) {
    .compact .compact-stage .compact-item-large .headline-background.dark-on-light {
        display: none;
    }
}

.lt-ie9 .compact .compact-stage .compact-item-large .headline-background.dark-on-light {
    font-size: 1.85714286em;
    line-height: 1.5em;
}

.compact .compact-stage .compact-item-small {
    padding-bottom: 21.2%;
    width: 32.875%;
}

.compact .compact-stage .compact-item-small+.compact-item-small {
    margin-top: 1.1%;
}

@media screen and (max-width: 991px) {
    .compact .compact-stage .compact-item-small {
        margin-top: 1.1%;
        margin-right: 1.1%;
        padding-bottom: 32.8%;
        width: 49.4%;
    }
    .compact .compact-stage .compact-item-small+.compact-item-small {
        float: right;
        margin-right: 0;
    }
}

@media screen and (max-width: 767px) {
    .compact .compact-stage .compact-item-small {
        margin-bottom: 15px;
        padding-bottom: 66%;
        width: 100%;
    }
}

.compact .compact-stage .compact-item-small .headline-background {
    font-weight: bold;
    margin-left: 8px;
}

.compact .compact-stage .compact-item-small .headline-background.light-on-dark {
    font-size: 2.14285714em;
    line-height: 1.33333333em;
    color: #ffffff;
    margin-bottom: 33px;
}

.compact .compact-stage .compact-item-small .headline-background.light-on-dark span {
    background-color: #000000;
    -webkit-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
    padding-bottom: 6px;
    padding-top: 6px;
    -webkit-box-shadow: -6px 0 0 #000000, 6px 0 0 #000000;
    -moz-box-shadow: -6px 0 0 #000000, 6px 0 0 #000000;
    box-shadow: -6px 0 0 #000000, 6px 0 0 #000000;
}

@media screen and (max-width: 1100px) {
    .compact .compact-stage .compact-item-small .headline-background.light-on-dark {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 991px) {
    .compact .compact-stage .compact-item-small .headline-background.light-on-dark {
        font-size: 1.71428571em;
        line-height: 1.54166667em;
    }
}

@media screen and (max-width: 767px) {
    .compact .compact-stage .compact-item-small .headline-background.light-on-dark {
        font-size: 1.42857143em;
        line-height: 1.2em;
        margin-bottom: 33px;
    }
    .compact .compact-stage .compact-item-small .headline-background.light-on-dark span {
        padding-bottom: 7px;
        padding-top: 4px;
    }
}

.lt-ie9 .compact .compact-stage .compact-item-small .headline-background.light-on-dark {
    font-size: 1.28571429em;
    line-height: 1.27777778em;
    margin-bottom: 20px;
}

.compact .compact-stage .compact-item-small .headline-background.dark-on-light {
    font-size: 1.14285714em;
    line-height: 1.625em;
    color: #000000;
    font-weight: normal;
    margin-bottom: 0;
}

.compact .compact-stage .compact-item-small .headline-background.dark-on-light span {
    background-color: #ffffff;
    -webkit-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
    padding-bottom: 8px;
    padding-top: 8px;
    -webkit-box-shadow: -8px 0 0 #ffffff, 8px 0 0 #ffffff;
    -moz-box-shadow: -8px 0 0 #ffffff, 8px 0 0 #ffffff;
    box-shadow: -8px 0 0 #ffffff, 8px 0 0 #ffffff;
}

@media screen and (max-width: 1280px) {
    .compact .compact-stage .compact-item-small .headline-background.dark-on-light {
        display: none;
    }
}

@media screen and (max-width: 1100px) {
    .compact .compact-stage .compact-item-small .headline-background.dark-on-light {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .compact .compact-stage .compact-item-small .headline-background.dark-on-light {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .compact .compact-stage .compact-item-small .headline-background.dark-on-light {
        display: block;
        font-size: 1.28571429em;
        line-height: 1.5em;
    }
}

@media screen and (max-width: 400px) {
    .compact .compact-stage .compact-item-small .headline-background.dark-on-light {
        display: none;
    }
}

.lt-ie9 .compact .compact-stage .compact-item-small .headline-background.dark-on-light {
    font-size: 0.85714286em;
    line-height: 1.83333333em;
}

.compact .compact-stage .compact-item-middle {
    margin-bottom: 1.1%;
    padding-bottom: 32.8%;
    width: 49.4%;
}

.compact .compact-stage .compact-item-middle:nth-child(odd) {
    margin-right: 1.2%;
}

@media screen and (max-width: 767px) {
    .compact .compact-stage .compact-item-middle {
        margin-bottom: 15px;
        padding-bottom: 66%;
        width: 100%;
    }
}

.compact .compact-stage .compact-item-middle .headline-background {
    font-weight: bold;
    margin-left: 8px;
}

.compact .compact-stage .compact-item-middle .headline-background.light-on-dark {
    font-size: 2.35714286em;
    line-height: 1.21212121em;
    color: #ffffff;
    margin-bottom: 25px;
}

.compact .compact-stage .compact-item-middle .headline-background.light-on-dark span {
    background-color: #000000;
    -webkit-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
    padding-bottom: 8px;
    padding-top: 8px;
    -webkit-box-shadow: -8px 0 0 #000000, 8px 0 0 #000000;
    -moz-box-shadow: -8px 0 0 #000000, 8px 0 0 #000000;
    box-shadow: -8px 0 0 #000000, 8px 0 0 #000000;
}

@media screen and (max-width: 1100px) {
    .compact .compact-stage .compact-item-middle .headline-background.light-on-dark {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 991px) {
    .compact .compact-stage .compact-item-middle .headline-background.light-on-dark {
        font-size: 1.71428571em;
        line-height: 1.33333333em;
    }
}

@media screen and (max-width: 767px) {
    .compact .compact-stage .compact-item-middle .headline-background.light-on-dark {
        font-size: 1.42857143em;
        line-height: 1.2em;
        margin-bottom: 33px;
    }
    .compact .compact-stage .compact-item-middle .headline-background.light-on-dark span {
        padding-bottom: 7px;
        padding-top: 4px;
    }
}

.compact .compact-stage .compact-item-middle .headline-background.dark-on-light {
    font-size: 1.35714286em;
    line-height: 1.47368421em;
    color: #000000;
    font-weight: normal;
    margin-bottom: 0;
}

.compact .compact-stage .compact-item-middle .headline-background.dark-on-light span {
    background-color: #ffffff;
    -webkit-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
    padding-bottom: 7px;
    padding-top: 7px;
    -webkit-box-shadow: -7px 0 0 #ffffff, 7px 0 0 #ffffff;
    -moz-box-shadow: -7px 0 0 #ffffff, 7px 0 0 #ffffff;
    box-shadow: -7px 0 0 #ffffff, 7px 0 0 #ffffff;
}

@media screen and (max-width: 1100px) {
    .compact .compact-stage .compact-item-middle .headline-background.dark-on-light {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .compact .compact-stage .compact-item-middle .headline-background.dark-on-light {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .compact .compact-stage .compact-item-middle .headline-background.dark-on-light {
        display: block;
        font-size: 1.28571429em;
        line-height: 1.33333333em;
    }
}

.compact .compact-stage .compact-item-middle .edition {
    background-color: #1f7fb6;
    left: 25px;
    padding: 5px 10px;
    position: absolute;
    top: 25px;
}

@media screen and (max-width: 1100px) {
    .compact .compact-stage .compact-item-middle .edition {
        left: 14px;
        top: 14px;
    }
}

@media screen and (max-width: 991px) {
    .compact .compact-stage .compact-item-middle .edition {
        top: 10px;
    }
}

.compact .compact-stage .compact-item-middle .edition .small {
    color: #000000;
    display: block;
    font-size: 1.35714286em;
    line-height: 1.26315789em;
}

@media screen and (max-width: 1100px) {
    .compact .compact-stage .compact-item-middle .edition .small {
        display: none;
    }
}

.compact .compact-stage .compact-item-middle .edition .big {
    color: #ffffff;
    display: block;
    font-size: 2.42857143em;
    line-height: 1em;
}

@media screen and (max-width: 1100px) {
    .compact .compact-stage .compact-item-middle .edition .big {
        font-size: 1.71428571em;
        line-height: 1.54166667em;
    }
}

@media screen and (max-width: 991px) {
    .compact .compact-stage .compact-item-middle .edition .big {
        font-size: 1.14285714em;
        line-height: 1.5em;
    }
}

.compact .compact-stage .compact-headline-wrapper {
    bottom: 0;
    margin: 0 25px 25px;
    position: absolute;
    width: 50%;
}

@media screen and (max-width: 1600px) {
    .compact .compact-stage .compact-headline-wrapper {
        width: 90%;
    }
}

@media screen and (max-width: 900px) {
    .compact .compact-stage .compact-headline-wrapper {
        margin: 0 14px 20px;
    }
}

@media screen and (max-width: 767px) {
    .compact .compact-stage .compact-headline-wrapper {
        margin-bottom: 25px;
    }
}

.lt-ie9 .compact .compact-stage .compact-headline-wrapper {
    width: 90%;
}

.compact #main .compact-teaser {
    *zoom: 1;
    margin-bottom: 50px;
    position: relative;
}

.compact #main .compact-teaser:before,
.compact #main .compact-teaser:after {
    content: " ";
    display: table;
}

.compact #main .compact-teaser:after {
    clear: both;
}

@media screen and (max-width: 767px) {
    .compact #main .compact-teaser {
        background-color: #ededed;
        margin-bottom: 15px;
    }
}

.compact #main .compact-teaser a {
    display: table;
    text-decoration: none;
}

.compact #main .compact-teaser figure {
    display: table-cell;
    padding-right: 2.5%;
    position: relative;
    width: 33%;
}

@media screen and (max-width: 991px) {
    .compact #main .compact-teaser figure {
        width: 41%;
    }
}

.compact #main .compact-teaser figure img {
    width: 100%;
}

.compact #main .compact-teaser figure span {
    background-color: #1f7fb6;
    color: #ffffff;
    font-weight: bold;
    font-size: 1.35714286em;
    line-height: 1.57894737em;
    left: 0;
    padding: 3px 10px;
    position: absolute;
    top: 0;
}

@media screen and (max-width: 767px) {
    .compact #main .compact-teaser figure span {
        display: none;
    }
}

.compact #main .compact-teaser.video .preview:before {
    display: none;
}

.compact #main .compact-teaser.video figure:before {
    display: inline-block;
    font-family: 'thyssen-krupp-iconfont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.compact #main .compact-teaser.video figure:before {
    content: "\e624";
}

.compact #main .compact-teaser.video figure:before {
    font-size: 6.42857143em;
    line-height: 1em;
    background-color: #004b7c;
    background-color: rgba(0, 75, 124, 0.7);
    border-radius: 50%;
    color: #ffffff;
    height: 90px;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50px;
    width: 90px;
    -webkit-transform: translate(-52.5%, 0);
    -ms-transform: translate(-52.5%, 0);
    transform: translate(-52.5%, 0);
}

@media screen and (max-width: 991px) {
    .compact #main .compact-teaser.video figure:before {
        top: 30px;
    }
}

@media screen and (max-width: 630px) {
    .compact #main .compact-teaser.video figure:before {
        top: 15px;
    }
}

@media screen and (max-width: 767px) {
    .compact #main .compact-teaser.video figure:before {
        font-size: 45px;
        line-height: 1em;
        height: 45px;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 45px;
    }
}

.lt-ie9 .compact #main .compact-teaser.video figure:before {
    border: none;
    content: "";
    height: 0;
    width: 0;
}

.compact #main .compact-teaser .text {
    border-bottom: 1px solid #c8c8c8;
    display: table-cell;
    position: relative;
    vertical-align: top;
    width: 64.5%;
}

@media screen and (max-width: 991px) {
    .compact #main .compact-teaser .text {
        border-bottom: 0 none;
        width: 56.5%;
    }
}

@media screen and (max-width: 767px) {
    .compact #main .compact-teaser .text {
        height: auto;
        position: absolute;
        right: 1%;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        width: 55%;
    }
}

.compact #main .compact-teaser .text p {
    color: #706f6f;
    font-size: 1.42857143em;
    line-height: 1.7em;
}

@media screen and (max-width: 991px) {
    .compact #main .compact-teaser .text p {
        font-size: 1.28571429em;
        line-height: 1.33333333em;
    }
}

@media screen and (max-width: 767px) {
    .compact #main .compact-teaser .text p {
        display: none;
    }
}

.lt-ie9 .compact #main .compact-teaser .text p {
    margin-left: 15px;
}

.compact #main .compact-teaser .text .headline {
    color: #000000;
    font-size: 2em;
    line-height: 1.14285714em;
    margin-bottom: 0.7em;
}

@media screen and (max-width: 767px) {
    .compact #main .compact-teaser .text .headline {
        display: block;
        font-size: 1.14285714em;
        line-height: 1.25em;
        margin: 0;
    }
}

.lt-ie9 .compact #main .compact-teaser.video .preview {
    position: relative;
}

.lt-ie9 .compact #main .compact-teaser.video .preview .play-icon {
    left: 165px;
    top: 105px;
}

.compact #visual {
    height: 532px;
}

@media screen and (max-width: 991px) {
    .compact #visual {
        height: 332px;
    }
}

@media screen and (max-width: 767px) {
    .compact #visual {
        height: 232px;
    }
}

.compact #visual .text-container {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.compact #visual .text-container>div {
    position: absolute;
    bottom: 20px;
}

.compact #visual .text-container .headline {
    background: transparent;
    bottom: 0;
    font-weight: bold;
    margin: 0 40% 0 0;
    max-width: 100%;
    position: relative;
}

@media screen and (max-width: 1279px) {
    .compact #visual .text-container .headline {
        margin-right: 0;
    }
}

.compact #visual .text-container .headline.light-on-dark {
    font-size: 3.85714286em;
    line-height: 1.2037037em;
    color: #ffffff;
    margin-bottom: 20px;
}

.compact #visual .text-container .headline.light-on-dark span {
    background-color: #000000;
    -webkit-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
    padding-bottom: 6px;
    padding-top: 6px;
    -webkit-box-shadow: -6px 0 0 #000000, 6px 0 0 #000000;
    -moz-box-shadow: -6px 0 0 #000000, 6px 0 0 #000000;
    box-shadow: -6px 0 0 #000000, 6px 0 0 #000000;
}

@media screen and (max-width: 1100px) {
    .compact #visual .text-container .headline.light-on-dark {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 991px) {
    .compact #visual .text-container .headline.light-on-dark {
        font-size: 3.42857143em;
        line-height: 1.125em;
    }
}

@media screen and (max-width: 767px) {
    .compact #visual .text-container .headline.light-on-dark {
        font-size: 1.42857143em;
        line-height: 1.2em;
        padding-left: 8px;
        padding-right: 8px;
    }
    .compact #visual .text-container .headline.light-on-dark span {
        padding-bottom: 7px;
        padding-top: 4px;
    }
}

.lt-ie9 .compact #visual .text-container .headline.light-on-dark {
    color: #ffffff;
}

.lt-ie9 .compact #visual .text-container .headline.light-on-dark span {
    background-color: #000000;
    -webkit-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
    padding-bottom: 5px;
    padding-top: 5px;
    -webkit-box-shadow: -5px 0 0 #000000, 5px 0 0 #000000;
    -moz-box-shadow: -5px 0 0 #000000, 5px 0 0 #000000;
    box-shadow: -5px 0 0 #000000, 5px 0 0 #000000;
}

.compact #visual .text-container .headline.dark-on-light {
    font-size: 2.14285714em;
    line-height: 1.46666667em;
    color: #000000;
    font-weight: normal;
}

.compact #visual .text-container .headline.dark-on-light span {
    background-color: #ffffff;
    -webkit-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
    padding-bottom: 8px;
    padding-top: 8px;
    -webkit-box-shadow: -8px 0 0 #ffffff, 8px 0 0 #ffffff;
    -moz-box-shadow: -8px 0 0 #ffffff, 8px 0 0 #ffffff;
    box-shadow: -8px 0 0 #ffffff, 8px 0 0 #ffffff;
}

@media screen and (max-width: 991px) {
    .compact #visual .text-container .headline.dark-on-light {
        display: block;
        font-size: 1.85714286em;
        line-height: 1.34615385em;
    }
}

@media screen and (max-width: 767px) {
    .compact #visual .text-container .headline.dark-on-light {
        font-size: 1.28571429em;
        line-height: 1.33333333em;
        padding-left: 8px;
        padding-right: 8px;
    }
}


/*
---------------------------------------------------------------------------
print
---------------------------------------------------------------------------
*/

@media print {
    * {
        background: transparent !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
        padding-left: 0 !important;
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    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;
    }
    @page {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
    #header,
    #footer,
    #subnavi,
    .back-to-top,
    #sidebar>*,
    .quick-access {
        display: none;
    }
    #sidebar>.contact {
        display: block;
    }
    a[href^="mailto:"]:after {
        content: " (" attr(href) ")";
    }
    /* Imageteaser */
    #main .imageteaser figcaption {
        color: #000000;
        display: block;
        height: auto;
        padding-top: 15px;
        position: relative;
    }
    #main .imageteaser figcaption>div {
        position: relative;
        left: 0;
        right: 0;
    }
    #main .imageteaser figcaption .text {
        max-height: none;
    }
    /* Numberteaser */
    #main .numberteaser.big li {
        float: none;
        width: auto;
    }
}

.content-wrapper,
.main-footer {
    margin-left: 0
}

.fixed .content-wrapper {
    padding-top: 0px;
}

.skin-blue .wrapper {
    background-color: #FFF;
}

.wrapper {
    height: auto;
}

.content-wrapper {
    background-color: #FFF;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
}

.mmd-head {
    box-sizing: content-box;
}

.box {
    margin-bottom: 20px;
}

.content-header>h1 {
    font-size: 30px;
}

.content-header {
    padding-bottom: 10px;
}

#breadcrumb li i {
    display: none;
}

@media screen and (max-width: 991px) {
    #breadcrumb li i {
        display: inline-block;
    }
}


}
@media screen and (min-width: 494px) {
    #breadcrumb li i {
        display: inline-block;
    }
}
.form-group .control-label {
    font-size: 0.85rem;
    line-height: 1.3em
}
.img-box {
    box-sizing: border-box;
    background-color: #EEF0F2;
    padding: 10px;
}
.img-box img {
    width: 100%;
}


/* move from responsive_header.php 2023-04-19 09:18:17 by Rayan */
.input_search_menu_box > .dropdown-menu > .active > a,
.input_search_menu_box > .dropdown-menu > .active > a:focus,
.input_search_menu_box > .dropdown-menu > .active > a:hover {
    color: #262626 !important;
    text-decoration: none !important;
    background-color: #f6f6f6 !important;
    outline: 0px none !important;
}
.input_search_menu_box > .dropdown-menu > li > a {
    background-color: transparent !important;
    color: #262626 !important;
    display: block !important;
    padding: 6px 15px !important;
    text-decoration: none !important;
    font-size:1.0em !important;
    line-height: 1.333em !important;
}
#navbar .mainnavi .mdd .dropdown-menu li{
    padding: 0px !important;
}
#navbar .mainnavi .mdd .dropdown-menu li:hover {
    background-color: transparent !important;
    color: #262626 !important;
}
@media screen and (max-width: 767px) {
    #nps_icon{display:none}
}
.header-back-btn{
    position: absolute; right: 40px; top: 140px; z-index: 110;
}
@media screen and (max-width: 991px) {
    .header-back-btn{
        position: absolute; right: 17px; top: 110px; z-index: 100;
    }
}
@media screen and (max-width: 767px) {
    .header-back-btn {
        position: absolute;
        right: 17px;
        top: 100px;
        z-index: 100;
    }
}
.header_maxalert{
    position: absolute; top: 16px; right: 250px; width: auto;
}
@media screen and (max-width: 890px) {
    .header_maxalert{
        display:none
    }
}
@media screen and (max-width: 1030px) {
    .header_maxalert{
        position: absolute; top: 16px; right: 230px;
    }
}
.login .form-horizontal .control-label{ font-size: 16px;}
.login .form-horizontal .form-group{ margin-bottom: 16px;}
.login .form-group .form-control{ height: 34px; font-size: 16px;}
.login{ padding-bottom: 60px;}
.login .btn-login{ height: 34px; position: absolute; right: 10px; top: 0;}
.login .prompt{margin-top: 5px; text-align: justify;clear:both;}
.login .gray-box .form-group .control-label{ line-height: 34px;}

#email-input{
    width: 70%;
    float: left;
}
.header_user_span{
    font-size:16px;
    vertical-align:middle;
    font-family: tktype, Arial, Verdana, sans-serif;
}
.technicaial_information_detail{
    position:absolute!important;
    left: -300px;
    display: none;
}
.notificationBar { background-color: #FDEFBE !important;border: none; border-radius: 0; margin-bottom: 15px; color: #F16B08 !important;}

.technicaial_information_detail .column1 li:hover{
    color: #FFFFFF;
}
#navbar .mainnavi .mdd ul.column1#tul{
    max-height: 500px;word-break: break-all;overflow-y: auto;
}
.technicaial_information_detail ul.column1 .th3{
    padding-left: 10px;font-size: 14px;font-weight: bold
}
#navbar .mainnavi .mdd .technicaial_information_detail ul.column1::before, #navbar .mainnavi .mdd .technicaial_information_detail ul.column1::after{display:none}

.login_title{ text-align: center; font-size: 30px; color: #333333; margin-bottom: 25px; line-height: 30px;}
.login_tab{ border-bottom: 1px #DADEE9 solid; display: inline-block;}
.login_tab .tab{ display: inline-block; margin-right: 20px; padding-bottom: 4px; color: #9d9d9d; text-decoration: none; cursor: pointer; padding-right: 2px;}
.login_tab .tab:hover{ color: #434343;}
.login_tab .tab.sle{ color: #262626; border-bottom:2px #7000bd solid;}
.input_group{margin: 20px 0 30px 0;}
.login_input{ width: 100%; height: 34px; margin-bottom: 15px; opacity: 0.8;}
.login_input:focus{opacity: 1;}
.login_captcha{ margin-right: 100px;}
.captcha_box{ position: relative;}
.captcha{ height:34px; width: 80px; background-color: #9d9d9d; position: absolute; right: 0; z-index: 1; top: 0;}
.btn_login{ height: 34px; font-size: 16px;box-shadow: 0px 2px 6px 1px rgba(112,0,189,0.50); line-height: 26px;}
.login_note{ margin-top: 12px; color: #77869A; margin-bottom: -10px;}
.tab_2{ display: none;}
.login_alert{ position: absolute; z-index: 999; padding: 0 40px; margin-left: -40px; width: 100%;}



.login_foolter{ width: 100%; margin-bottom: 0; position: absolute; bottom: 0;}
.login_row_list{ display: block; width: 100%;}
.login_row_list li{ display: block; }
.login_row_list .list_icon{position: absolute; margin-top: 2px; font-size: 28px;}
.login_foolter .content{ min-height: 0; padding-top: 0; padding-bottom: 0;}
.item_list{ padding-top: 5px;padding-left: 38px;}
.item_list a{ cursor: pointer;}
.more_list{ padding-right: 40px;}
.more_list p{ font-size: 12px; margin-bottom: 10px;}
.login_link_icon{ font-size: 14px; margin-left: 8px;}

.footer_bc_black{background-color: #262626; color: #FFFFFF; padding-bottom: 20px;}
.footer_bc_black .footer_logo{font-size: 180px; margin-top: -30px; display: inline-block;}
.link_nav{overflow: hidden; list-style: none; margin-top: 50px;}
.link_nav li{ float: left; margin-right: 80px;}
.link_nav li .icon-tk-rising{font-size: 16px; margin-left: 4px;}
.link_nav a{color: #ffffff;}
.bc_tke_gradient{background-image: linear-gradient(to right, #7000bd , #F16B08); overflow: hidden; color: #FFFFFF; padding: 5px 0;}
.login_bc{
    background: url(/img/login_bc.jpg) center center no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    position: fixed;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
@media screen and (max-width: 825px) {
}
@media screen and (max-width: 991px) {
    .login_alert{
        padding: 0 17px;
        margin-left:-17px;
    }
}
.login_foolter.login_foolter_static{
    position: static;
    margin-top: 20px;
}

.login_office{display: block;  border: 1px solid #ffffff; padding: 12px 12px 8px 12px; width: 340px; margin: 80px auto 0 auto; color: #FFFFFF; text-align: left; text-decoration: none;}
.login_office:hover{background-color: #7000bd; border-color: #7000bd;}
.login_office img{ margin-top: -2px; float: left; width: 30px; height: 30px; margin-top: 1px;}
.login_office .font_office{margin-left: 44px;}
.login_office .title_office{font-size: 14px; color: #FFFFFF; line-height: 16px;}
.login_office .subtitle_office{font-size: 14px; line-height: 16px; color: #FFFFFF;}
.toggle_login_way.office_a{display: none;}


.toggle_login_way{color: #FFFFFF; text-decoration: none; margin-top: 30px; display: block;}
.login_box{width: 900px; margin: 70px auto 0 auto; overflow: hidden; min-height: 480px;}
.office_login_box{width: 100%; text-align: center; margin-top: 90px;}
.office_login_box .icon-tk-view{font-size: 76px;}
.office_login_box .icon-tk-arrow-link{font-size: 16px;}
.min_toggle_login_way .icon-tk-arrow-link{
    font-size: 16px;
}
.office_login_title{
    color: #FFFFFF;
    font-size: 70px;
    display: inline;
    white-space: nowrap;
}

.office_login_box.all_login{
    text-align: left;
}
.office_login_box.all_login .office_login_title{
    white-space: inherit;
}
.office_login_box.all_login .office_login_title .icon-tk-view{
    margin-left: -15px;
    font-size: 90px;
}
.office_login_box.all_login .toggle_login_way.office_a{
    display: block;
    margin-left: 6px;
}
.office_login_box.all_login .toggle_login_way.email_a{
    display: none;
}
.office_login_box.all_login .login_office{
    margin: 50px 0 40px 6px;
}
.min_toggle_login_way{
    display: none;
}
#country_time{
    position: absolute;
    top: -3px;
    left: 105px;
    color:#FFFFFF;
    opacity: 0.6;
    margin-right: 80px;
}
#country_time div#time_area div{
    position: relative;
    float: left;
    margin-right: 0px;
    padding-right: 24px;
}

#country_time div a{
    border: 0;
    color: #fff;
    display: block;
    padding: 0;
    text-decoration: none;
}

#country_time #time_area>div.p_menu {
    display: none;
    float: right;
}
#country_time #time_area {
    list-style-type: none;
}


@media screen and (max-width: 380px) {
    .login_office{
        width: 90%;
    }
}
#login_translation{
    position: absolute;
    right: 20px;
}
#login_translation .tk-icon{
    font-size: 36px;
    color: #FFFFFF;
    cursor: pointer;
}

@media screen and (max-width: 767px) {
    #country_time{
        position: absolute;
        top: 12px;
        left: 72px;
        color:#FFFFFF;
        opacity: 0.6;
        font-size: 12px;
        line-height: 14px;
    }
    #login_translation{
        top: 8px;
    }
}
.translation_list{
    border: solid 2px #262626;
    background-color: #ffffff;
    margin: -10px -16px;
    min-width: 100px;
}
.translation_list ul{
    padding: 6px 0;
}
.translation_list ul li{
    list-style: none;
    display: block;
    padding: 6px 10px;
    cursor: pointer;
}
.translation_list ul li:hover{
    background: #e9e9e9;
}
.translation_list ul li a{
    text-decoration: none;
    color: #0A0A0A;
}