.tx-felogin-pi1 label {
   display: block;
}

html {
   font-family: sans-serif;
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
}

body {
   margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
   display: block;
}

audio, canvas, progress, video {
   display: inline-block;
   vertical-align: baseline;
}

   audio:not([controls]) {
      display: none;
      height: 0;
   }

[hidden], template {
   display: none;
}

a {
   background-color: transparent;
}

   a:active, a:hover {
      outline: 0;
   }

abbr[title] {
   border-bottom: 1px dotted;
}

dfn {
   font-style: italic;
}

h1 {
   font-size: 2em;
   margin: .67em 0;
}

mark {
   background: #ff0;
   color: #000;
}

small {
   font-size: 80%;
}

sub, sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
}

sup {
   top: -.5em;
}

sub {
   bottom: -.25em;
}

img {
   border: 0;
}

svg:not(:root) {
   overflow: hidden;
}

figure {
   margin: 1em 40px;
}

hr {
   box-sizing: content-box;
   height: 0;
}

pre {
   overflow: auto;
}

code, kbd, pre, samp {
   font-family: monospace,monospace;
   font-size: 1em;
}

button, input, optgroup, select, textarea {
   color: inherit;
   font: inherit;
   margin: 0;
}

button {
   overflow: visible;
}

button, select {
   text-transform: none;
}

button, html input[type=button], input[type=reset], input[type=submit] {
   -webkit-appearance: button;
   cursor: pointer;
}

   button[disabled], html input[disabled] {
      cursor: default;
   }

   button::-moz-focus-inner, input::-moz-focus-inner {
      border: 0;
      padding: 0;
   }

input {
   line-height: normal;
}

   input[type=checkbox], input[type=radio] {
      box-sizing: border-box;
      padding: 0;
   }

   input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
      height: auto;
   }


fieldset {
   border: 1px solid silver;
   margin: 0 2px;
   padding: .35em .625em .75em;
}

textarea {
   overflow: auto;
}

optgroup {
   font-weight: 700;
}

table {
   border-collapse: collapse;
   border-spacing: 0;
}

td, th {
   padding: 0;
}

*, :after, :before {
   box-sizing: border-box;
}

html {
   font-size: 10px;
   -webkit-tap-highlight-color: rgba(0,0,0,0);
}

body {
   font-family: Koenig Bauer Type Text,Arial,sans-serif;
   font-size: 16px;
   line-height: 1.5;
   color: #0a0f0a;
   background-color: #fff;
}

button, input, select, textarea {
   font-family: inherit;
   font-size: inherit;
   line-height: inherit;
}

a {
   color: #f02d32;
   text-decoration: none;
}

   a:focus, a:hover {
      color: #f02d32;
      text-decoration: underline;
   }

   a:focus {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px;
   }

figure {
   margin: 0;
}

img {
   vertical-align: middle;
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail > img, .thumbnail a > img {
   display: block;
   max-width: 100%;
   height: auto;
}

.img-rounded {
   border-radius: 0;
}

.img-thumbnail {
   padding: 4px;
   line-height: 1.5;
   background-color: #fff;
   border: 1px solid #ddd;
   border-radius: 0;
   transition: all .2s ease-in-out;
   transition: all all .2s ease-in-out ease;
   display: inline-block;
   max-width: 100%;
   height: auto;
}

.img-circle {
   border-radius: 50%;
}

hr {
   margin-top: 24px;
   margin-bottom: 24px;
   border: 0;
   border-top: 1px solid #f5f4f4;
}

.sr-only {
   position: absolute;
   width: 1px;
   height: 1px;
   margin: -1px;
   padding: 0;
   overflow: hidden;
   clip: rect(0,0,0,0);
   border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
   position: static;
   width: auto;
   height: auto;
   margin: 0;
   overflow: visible;
   clip: auto;
}

[role=button] {
   cursor: pointer;
}

.event-list .event-item__title, .h1, .h2, .h3, .h4, .h5, .h6, .job-offer-list .job-item__title, h1, h2, h3, h4, h5, h6 {
   font-family: Koenig Bauer Type Headline,Arial,sans-serif;
   font-weight: 500;
   line-height: 1.1;
   color: inherit;
}

   .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, .job-offer-list .job-item__title .small, .job-offer-list .job-item__title small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
      font-weight: 400;
      line-height: 1;
      color: #e6e5e4;
   }

.event-list .event-item__title, .h1, .h2, .h3, h1, h2, h3 {
   margin-top: 24px;
   margin-bottom: 12px;
}

   .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
      font-size: 65%;
   }

 .h4, .h5, .h6, .job-offer-list .job-item__title, h4, h5, h6 {
   margin-top: 12px;
   margin-bottom: 12px;
}

    .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, .job-offer-list .job-item__title .small, .job-offer-list .job-item__title small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
      font-size: 75%;
   }

.h1, h1 {
   font-size: 7rem;
}

.event-list .event-item__title, .h2, h2 {
   font-size: 5rem;
}

.h3, h3 {
   font-size: 4rem;
}

.h4, .job-offer-list .job-item__title, h4 {
   font-size: 2.3rem;
}

 h5 {
   font-size: 1.8rem;
}
.productlist h5 {
   font-size: 1.5rem;
}
.h6, h6 {
   font-size: 1.6rem;
}

p {
   margin: 0 0 12px;
}

.lead {
   margin-bottom: 24px;
   font-size: 18px;
   font-weight: 300;
   line-height: 1.4;
}

@media (min-width:768px) {
   .lead {
      font-size: 24px;
   }
}

.small, small {
   font-size: 87%;
}

.mark, mark {
   background-color: #fcf8e3;
   padding: .2em;
}

.text-left {
   text-align: left;
}

.text-right {
   text-align: right;
}

.text-center {
   text-align: center;
}

.text-justify {
   text-align: justify;
}

.text-nowrap {
   white-space: nowrap;
}

.text-lowercase {
   text-transform: lowercase;
}

.text-uppercase {
   text-transform: uppercase;
}

.text-capitalize {
   text-transform: capitalize;
}

.text-muted {
   color: #e6e5e4;
}

.text-primary {
   color: #002355;
}

a.text-primary:focus, a.text-primary:hover {
   color: #000e22;
}

.text-success {
   color: #3c763d;
}

a.text-success:focus, a.text-success:hover {
   color: #2b542c;
}

.text-info {
   color: #31708f;
}

a.text-info:focus, a.text-info:hover {
   color: #245269;
}

.text-warning {
   color: #8a6d3b;
}

a.text-warning:focus, a.text-warning:hover {
   color: #66512c;
}

.text-danger {
   color: #a94442;
}

a.text-danger:focus, a.text-danger:hover {
   color: #843534;
}

.bg-primary {
   color: #fff;
   background-color: #002355;
}

a.bg-primary:focus, a.bg-primary:hover {
   background-color: #000e22;
}

.bg-success {
   background-color: #dff0d8;
}

a.bg-success:focus, a.bg-success:hover {
   background-color: #c1e2b3;
}

.bg-info {
   background-color: #d9edf7;
}

a.bg-info:focus, a.bg-info:hover {
   background-color: #afd9ee;
}

.bg-warning {
   background-color: #fcf8e3;
}

a.bg-warning:focus, a.bg-warning:hover {
   background-color: #f7ecb5;
}

.bg-danger {
   background-color: #f2dede;
}

a.bg-danger:focus, a.bg-danger:hover {
   background-color: #e4b9b9;
}

.page-header {
   padding-bottom: 11px;
   margin: 48px 0 24px;
   border-bottom: 1px solid #f5f4f4;
}

ol, ul {
   margin-top: 0;
   margin-bottom: 12px;
}

   ol ol, ol ul, ul ol, ul ul {
      margin-bottom: 0;
   }

 .list-inline, .list-unstyled {
   padding-left: 0;
   list-style: none;
}

.list-inline {
   margin-left: -5px;
}

   .list-inline > li {
      display: inline-block;
      padding-left: 5px;
      padding-right: 5px;
   }

dl {
   margin-top: 0;
   margin-bottom: 24px;
}

dd, dt {
   line-height: 1.5;
}

dt {
   font-weight: 700;
}

dd {
   margin-left: 0;
}

@media (min-width:992px) {
   .dl-horizontal dt {
      float: left;
      width: 160px;
      clear: left;
      text-align: right;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
   }

   .dl-horizontal dd {
      margin-left: 180px;
   }
}

abbr[data-original-title], abbr[title] {
   cursor: help;
   border-bottom: 1px dotted #e6e5e4;
}

.initialism {
   font-size: 90%;
   text-transform: uppercase;
}

blockquote {
   padding: 12px 24px;
   margin: 0 0 24px;
   font-size: 20px;
   border-left: 5px solid #f5f4f4;
}

   blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child {
      margin-bottom: 0;
   }

   blockquote .small, blockquote footer, blockquote small {
      display: block;
      font-size: 80%;
      line-height: 1.5;
      color: #e6e5e4;
   }

      blockquote .small:before, blockquote footer:before, blockquote small:before {
         content: "\2014 \00A0";
      }

   .blockquote-reverse, blockquote.pull-right {
      padding-right: 15px;
      padding-left: 0;
      border-right: 5px solid #f5f4f4;
      border-left: 0;
      text-align: right;
   }

      .blockquote-reverse .small:before, .blockquote-reverse footer:before, .blockquote-reverse small:before, blockquote.pull-right .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before {
         content: "";
      }

      .blockquote-reverse .small:after, .blockquote-reverse footer:after, .blockquote-reverse small:after, blockquote.pull-right .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after {
         content: "\00A0 \2014";
      }

address {
   margin-bottom: 24px;
   font-style: normal;
   line-height: 1.5;
}

code, kbd, pre, samp {
   font-family: Menlo,Monaco,Consolas,Courier New,monospace;
}

code {
   color: #c7254e;
   background-color: #f9f2f4;
}

code, kbd {
   padding: 2px 4px;
   font-size: 90%;
   border-radius: 0;
}

kbd {
   color: #fff;
   background-color: #333;
   box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
}

   kbd kbd {
      padding: 0;
      font-size: 100%;
      font-weight: 700;
      box-shadow: none;
   }

pre {
   display: block;
   padding: 11.5px;
   margin: 0 0 12px;
   font-size: 15px;
   line-height: 1.5;
   word-break: break-all;
   word-wrap: break-word;
   color: #9b9894;
   background-color: #f5f5f5;
   border: 1px solid #ccc;
   border-radius: 0;
}

   pre code {
      padding: 0;
      font-size: inherit;
      color: inherit;
      white-space: pre-wrap;
      background-color: transparent;
      border-radius: 0;
   }

.pre-scrollable {
   max-height: 340px;
   overflow-y: scroll;
}

.container, .intro-headline__content, .intro__slide-content {
   margin-right: auto;
   margin-left: auto;
   padding-left: 12px;
   padding-right: 12px;
}

@media (min-width:768px) {
   .container, .intro-headline__content, .intro__slide-content {
      width: 744px;
   }
}

@media (min-width:992px) {
   .container, .intro-headline__content, .intro__slide-content {
      width: 964px;
   }
}

@media (min-width:1200px) {
   .container, .intro-headline__content, .intro__slide-content {
      width: 1164px;
   }
}

.container-fluid {
   margin-right: auto;
   margin-left: auto;
   padding-left: 12px;
   padding-right: 12px;
}

.row {
   margin-left: -12px;
   margin-right: -12px;
}

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
   position: relative;
   min-height: 1px;
   padding-left: 12px;
   padding-right: 12px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
   float: left;
}

.col-xs-12 {
   width: 100%;
}

.col-xs-11 {
   width: 91.66666667%;
}

.col-xs-10 {
   width: 83.33333333%;
}

.col-xs-9 {
   width: 75%;
}

.col-xs-8 {
   width: 66.66666667%;
}

.col-xs-7 {
   width: 58.33333333%;
}

.col-xs-6 {
   width: 50%;
}

.col-xs-5 {
   width: 41.66666667%;
}

.col-xs-4 {
   width: 33.33333333%;
}

.col-xs-3 {
   width: 25%;
}

.col-xs-2 {
   width: 16.66666667%;
}

.col-xs-1 {
   width: 8.33333333%;
}

.col-xs-pull-12 {
   right: 100%;
}

.col-xs-pull-11 {
   right: 91.66666667%;
}

.col-xs-pull-10 {
   right: 83.33333333%;
}

.col-xs-pull-9 {
   right: 75%;
}

.col-xs-pull-8 {
   right: 66.66666667%;
}

.col-xs-pull-7 {
   right: 58.33333333%;
}

.col-xs-pull-6 {
   right: 50%;
}

.col-xs-pull-5 {
   right: 41.66666667%;
}

.col-xs-pull-4 {
   right: 33.33333333%;
}

.col-xs-pull-3 {
   right: 25%;
}

.col-xs-pull-2 {
   right: 16.66666667%;
}

.col-xs-pull-1 {
   right: 8.33333333%;
}

.col-xs-pull-0 {
   right: auto;
}

.col-xs-push-12 {
   left: 100%;
}

.col-xs-push-11 {
   left: 91.66666667%;
}

.col-xs-push-10 {
   left: 83.33333333%;
}

.col-xs-push-9 {
   left: 75%;
}

.col-xs-push-8 {
   left: 66.66666667%;
}

.col-xs-push-7 {
   left: 58.33333333%;
}

.col-xs-push-6 {
   left: 50%;
}

.col-xs-push-5 {
   left: 41.66666667%;
}

.col-xs-push-4 {
   left: 33.33333333%;
}

.col-xs-push-3 {
   left: 25%;
}

.col-xs-push-2 {
   left: 16.66666667%;
}

.col-xs-push-1 {
   left: 8.33333333%;
}

.col-xs-push-0 {
   left: auto;
}

.col-xs-offset-12 {
   margin-left: 100%;
}

.col-xs-offset-11 {
   margin-left: 91.66666667%;
}

.col-xs-offset-10 {
   margin-left: 83.33333333%;
}

.col-xs-offset-9 {
   margin-left: 75%;
}

.col-xs-offset-8 {
   margin-left: 66.66666667%;
}

.col-xs-offset-7 {
   margin-left: 58.33333333%;
}

.col-xs-offset-6 {
   margin-left: 50%;
}

.col-xs-offset-5 {
   margin-left: 41.66666667%;
}

.col-xs-offset-4 {
   margin-left: 33.33333333%;
}

.col-xs-offset-3 {
   margin-left: 25%;
}

.col-xs-offset-2 {
   margin-left: 16.66666667%;
}

.col-xs-offset-1 {
   margin-left: 8.33333333%;
}

.col-xs-offset-0 {
   margin-left: 0;
}

@media (min-width:768px) {
   .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
      float: left;
   }

   .col-sm-12 {
      width: 100%;
   }

   .col-sm-11 {
      width: 91.66666667%;
   }

   .col-sm-10 {
      width: 83.33333333%;
   }

   .col-sm-9 {
      width: 75%;
   }

   .col-sm-8 {
      width: 66.66666667%;
   }

   .col-sm-7 {
      width: 58.33333333%;
   }

   .col-sm-6 {
      width: 50%;
   }

   .col-sm-5 {
      width: 41.66666667%;
   }

   .col-sm-4 {
      width: 33.33333333%;
   }

   .col-sm-3 {
      width: 25%;
   }

   .col-sm-2 {
      width: 16.66666667%;
   }

   .col-sm-1 {
      width: 8.33333333%;
   }

   .col-sm-pull-12 {
      right: 100%;
   }

   .col-sm-pull-11 {
      right: 91.66666667%;
   }

   .col-sm-pull-10 {
      right: 83.33333333%;
   }

   .col-sm-pull-9 {
      right: 75%;
   }

   .col-sm-pull-8 {
      right: 66.66666667%;
   }

   .col-sm-pull-7 {
      right: 58.33333333%;
   }

   .col-sm-pull-6 {
      right: 50%;
   }

   .col-sm-pull-5 {
      right: 41.66666667%;
   }

   .col-sm-pull-4 {
      right: 33.33333333%;
   }

   .col-sm-pull-3 {
      right: 25%;
   }

   .col-sm-pull-2 {
      right: 16.66666667%;
   }

   .col-sm-pull-1 {
      right: 8.33333333%;
   }

   .col-sm-pull-0 {
      right: auto;
   }

   .col-sm-push-12 {
      left: 100%;
   }

   .col-sm-push-11 {
      left: 91.66666667%;
   }

   .col-sm-push-10 {
      left: 83.33333333%;
   }

   .col-sm-push-9 {
      left: 75%;
   }

   .col-sm-push-8 {
      left: 66.66666667%;
   }

   .col-sm-push-7 {
      left: 58.33333333%;
   }

   .col-sm-push-6 {
      left: 50%;
   }

   .col-sm-push-5 {
      left: 41.66666667%;
   }

   .col-sm-push-4 {
      left: 33.33333333%;
   }

   .col-sm-push-3 {
      left: 25%;
   }

   .col-sm-push-2 {
      left: 16.66666667%;
   }

   .col-sm-push-1 {
      left: 8.33333333%;
   }

   .col-sm-push-0 {
      left: auto;
   }

   .col-sm-offset-12 {
      margin-left: 100%;
   }

   .col-sm-offset-11 {
      margin-left: 91.66666667%;
   }

   .col-sm-offset-10 {
      margin-left: 83.33333333%;
   }

   .col-sm-offset-9 {
      margin-left: 75%;
   }

   .col-sm-offset-8 {
      margin-left: 66.66666667%;
   }

   .col-sm-offset-7 {
      margin-left: 58.33333333%;
   }

   .col-sm-offset-6 {
      margin-left: 50%;
   }

   .col-sm-offset-5 {
      margin-left: 41.66666667%;
   }

   .col-sm-offset-4 {
      margin-left: 33.33333333%;
   }

   .col-sm-offset-3 {
      margin-left: 25%;
   }

   .col-sm-offset-2 {
      margin-left: 16.66666667%;
   }

   .col-sm-offset-1 {
      margin-left: 8.33333333%;
   }

   .col-sm-offset-0 {
      margin-left: 0;
   }
}

@media (min-width:992px) {
   .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
      float: left;
   }

   .col-md-12 {
      width: 100%;
   }

   .col-md-11 {
      width: 91.66666667%;
   }

   .col-md-10 {
      width: 83.33333333%;
   }

   .col-md-9 {
      width: 75%;
   }

   .col-md-8 {
      width: 66.66666667%;
   }

   .col-md-7 {
      width: 58.33333333%;
   }

   .col-md-6 {
      width: 50%;
   }

   .col-md-5 {
      width: 41.66666667%;
   }

   .col-md-4 {
      width: 33.33333333%;
   }

   .col-md-3 {
      width: 25%;
   }

   .col-md-2 {
      width: 16.66666667%;
   }

   .col-md-1 {
      width: 8.33333333%;
   }

   .col-md-pull-12 {
      right: 100%;
   }

   .col-md-pull-11 {
      right: 91.66666667%;
   }

   .col-md-pull-10 {
      right: 83.33333333%;
   }

   .col-md-pull-9 {
      right: 75%;
   }

   .col-md-pull-8 {
      right: 66.66666667%;
   }

   .col-md-pull-7 {
      right: 58.33333333%;
   }

   .col-md-pull-6 {
      right: 50%;
   }

   .col-md-pull-5 {
      right: 41.66666667%;
   }

   .col-md-pull-4 {
      right: 33.33333333%;
   }

   .col-md-pull-3 {
      right: 25%;
   }

   .col-md-pull-2 {
      right: 16.66666667%;
   }

   .col-md-pull-1 {
      right: 8.33333333%;
   }

   .col-md-pull-0 {
      right: auto;
   }

   .col-md-push-12 {
      left: 100%;
   }

   .col-md-push-11 {
      left: 91.66666667%;
   }

   .col-md-push-10 {
      left: 83.33333333%;
   }

   .col-md-push-9 {
      left: 75%;
   }

   .col-md-push-8 {
      left: 66.66666667%;
   }

   .col-md-push-7 {
      left: 58.33333333%;
   }

   .col-md-push-6 {
      left: 50%;
   }

   .col-md-push-5 {
      left: 41.66666667%;
   }

   .col-md-push-4 {
      left: 33.33333333%;
   }

   .col-md-push-3 {
      left: 25%;
   }

   .col-md-push-2 {
      left: 16.66666667%;
   }

   .col-md-push-1 {
      left: 8.33333333%;
   }

   .col-md-push-0 {
      left: auto;
   }

   .col-md-offset-12 {
      margin-left: 100%;
   }

   .col-md-offset-11 {
      margin-left: 91.66666667%;
   }

   .col-md-offset-10 {
      margin-left: 83.33333333%;
   }

   .col-md-offset-9 {
      margin-left: 75%;
   }

   .col-md-offset-8 {
      margin-left: 66.66666667%;
   }

   .col-md-offset-7 {
      margin-left: 58.33333333%;
   }

   .col-md-offset-6 {
      margin-left: 50%;
   }

   .col-md-offset-5 {
      margin-left: 41.66666667%;
   }

   .col-md-offset-4 {
      margin-left: 33.33333333%;
   }

   .col-md-offset-3 {
      margin-left: 25%;
   }

   .col-md-offset-2 {
      margin-left: 16.66666667%;
   }

   .col-md-offset-1 {
      margin-left: 8.33333333%;
   }

   .col-md-offset-0 {
      margin-left: 0;
   }
}

@media (min-width:1200px) {
   .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
      float: left;
   }

   .col-lg-12 {
      width: 100%;
   }

   .col-lg-11 {
      width: 91.66666667%;
   }

   .col-lg-10 {
      width: 83.33333333%;
   }

   .col-lg-9 {
      width: 75%;
   }

   .col-lg-8 {
      width: 66.66666667%;
   }

   .col-lg-7 {
      width: 58.33333333%;
   }

   .col-lg-6 {
      width: 50%;
   }

   .col-lg-5 {
      width: 41.66666667%;
   }

   .col-lg-4 {
      width: 33.33333333%;
   }

   .col-lg-3 {
      width: 25%;
   }

   .col-lg-2 {
      width: 16.66666667%;
   }

   .col-lg-1 {
      width: 8.33333333%;
   }

   .col-lg-pull-12 {
      right: 100%;
   }

   .col-lg-pull-11 {
      right: 91.66666667%;
   }

   .col-lg-pull-10 {
      right: 83.33333333%;
   }

   .col-lg-pull-9 {
      right: 75%;
   }

   .col-lg-pull-8 {
      right: 66.66666667%;
   }

   .col-lg-pull-7 {
      right: 58.33333333%;
   }

   .col-lg-pull-6 {
      right: 50%;
   }

   .col-lg-pull-5 {
      right: 41.66666667%;
   }

   .col-lg-pull-4 {
      right: 33.33333333%;
   }

   .col-lg-pull-3 {
      right: 25%;
   }

   .col-lg-pull-2 {
      right: 16.66666667%;
   }

   .col-lg-pull-1 {
      right: 8.33333333%;
   }

   .col-lg-pull-0 {
      right: auto;
   }

   .col-lg-push-12 {
      left: 100%;
   }

   .col-lg-push-11 {
      left: 91.66666667%;
   }

   .col-lg-push-10 {
      left: 83.33333333%;
   }

   .col-lg-push-9 {
      left: 75%;
   }

   .col-lg-push-8 {
      left: 66.66666667%;
   }

   .col-lg-push-7 {
      left: 58.33333333%;
   }

   .col-lg-push-6 {
      left: 50%;
   }

   .col-lg-push-5 {
      left: 41.66666667%;
   }

   .col-lg-push-4 {
      left: 33.33333333%;
   }

   .col-lg-push-3 {
      left: 25%;
   }

   .col-lg-push-2 {
      left: 16.66666667%;
   }

   .col-lg-push-1 {
      left: 8.33333333%;
   }

   .col-lg-push-0 {
      left: auto;
   }

   .col-lg-offset-12 {
      margin-left: 100%;
   }

   .col-lg-offset-11 {
      margin-left: 91.66666667%;
   }

   .col-lg-offset-10 {
      margin-left: 83.33333333%;
   }

   .col-lg-offset-9 {
      margin-left: 75%;
   }

   .col-lg-offset-8 {
      margin-left: 66.66666667%;
   }

   .col-lg-offset-7 {
      margin-left: 58.33333333%;
   }

   .col-lg-offset-6 {
      margin-left: 50%;
   }

   .col-lg-offset-5 {
      margin-left: 41.66666667%;
   }

   .col-lg-offset-4 {
      margin-left: 33.33333333%;
   }

   .col-lg-offset-3 {
      margin-left: 25%;
   }

   .col-lg-offset-2 {
      margin-left: 16.66666667%;
   }

   .col-lg-offset-1 {
      margin-left: 8.33333333%;
   }

   .col-lg-offset-0 {
      margin-left: 0;
   }
}

fieldset {
   margin: 0;
   min-width: 0;
}

fieldset, legend {
   padding: 0;
   border: 0;
}

legend {
   display: block;
   width: 100%;
   margin-bottom: 24px;
   font-size: 24px;
   line-height: inherit;
   color: #9b9894;
   border-bottom: 1px solid #e5e5e5;
}

label {
   display: inline-block;
   max-width: 100%;
   margin-bottom: 5px;
   font-weight: 700;
}


input[type=checkbox], input[type=radio] {
   margin: 4px 0 0;
   margin-top: 1px\9;
   line-height: normal;
}

input[type=file] {
   display: block;
}

input[type=range] {
   display: block;
   width: 100%;
}

select[multiple], select[size] {
   height: auto;
}

input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus {
   outline: thin dotted;
   outline: 5px auto -webkit-focus-ring-color;
   outline-offset: -2px;
}

output {
   padding-top: 7px;
}

.form-control, output {
   display: block;
   font-size: 16px;
   line-height: 1.5;
   color: #0a0f0a;
}

.form-control {
   width: 100%;
   height: 44px;
   padding: 6px 12px;
   background-color: #fff;
   background-image: none;
   border: 1px solid #cdcbc9;
   border-radius: 0;
   box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
   -o-box-shadow: "" inset 0 1px 1px rgba(0,0,0,.075) 1px 2px rgba(0,0,0,.2);
   box-shadow: inset 0 1px 1px 1px 2px "" rgba(0,0,0,.075) rgba(0,0,0,.2);
   transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
   transition: all border-color .15s ease-in-out,box-shadow .15s ease-in-out ease;
}

   .form-control:focus {
      border-color: #9b9894;
      outline: 0;
      box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px hsla(34,3%,59%,.6);
      -o-box-shadow: "" inset 0 1px 1px rgba(0,0,0,.075),0 0 8px hsla(34,3%,59%,.6) 1px 2px rgba(0,0,0,.2);
      box-shadow: inset 0 1px 1px "" rgba(0,0,0,.075),0 0 8px 1px 2px hsla(34,3%,59%,.6) rgba(0,0,0,.2);
   }

   .form-control::-moz-placeholder {
      color: #999;
      opacity: 1;
   }

   .form-control:-ms-input-placeholder {
      color: #999;
   }

   .form-control::-webkit-input-placeholder {
      color: #999;
   }

   .form-control::-ms-expand {
      border: 0;
      background-color: transparent;
   }

   .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
      background-color: #f5f4f4;
      opacity: 1;
   }

   .form-control[disabled], fieldset[disabled] .form-control {
      cursor: not-allowed;
   }

textarea.form-control {
   height: auto;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
   input[type=date].form-control, input[type=datetime-local].form-control, input[type=month].form-control, input[type=time].form-control {
      line-height: 44px;
   }

   .input-group-sm input[type=date], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month], .input-group-sm input[type=time], input[type=date].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm, input[type=time].input-sm {
      line-height: 292px;
   }

   .input-group-lg input[type=date], .input-group-lg input[type=datetime-local], .input-group-lg input[type=month], .input-group-lg input[type=time], input[type=date].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg, input[type=time].input-lg {
      line-height: 49px;
   }
}

.form-group {
   margin-bottom: 1.5rem;
}

.checkbox, .radio {
   position: relative;
   display: block;
   margin-top: 10px;
   margin-bottom: 10px;
}

   .checkbox label, .radio label {
      min-height: 24px;
      padding-left: 20px;
      margin-bottom: 0;
      font-weight: 400;
      cursor: pointer;
   }

   .checkbox-inline input[type=checkbox], .checkbox input[type=checkbox], .radio-inline input[type=radio], .radio input[type=radio] {
      position: absolute;
      margin-left: -20px;
      margin-top: 4px\9;
   }

   .checkbox + .checkbox, .radio + .radio {
      margin-top: -5px;
   }

.checkbox-inline, .radio-inline {
   position: relative;
   display: inline-block;
   padding-left: 20px;
   margin-bottom: 0;
   vertical-align: middle;
   font-weight: 400;
   cursor: pointer;
}

   .checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
      margin-top: 0;
      margin-left: 10px;
   }

   .checkbox-inline.disabled, .checkbox.disabled label, .radio-inline.disabled, .radio.disabled label, fieldset[disabled] .checkbox-inline, fieldset[disabled] .checkbox label, fieldset[disabled] .radio-inline, fieldset[disabled] .radio label, fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] {
      cursor: not-allowed;
   }

.form-control-static {
   padding-top: 7px;
   padding-bottom: 7px;
   margin-bottom: 0;
   min-height: 40px;
}

   .form-control-static.input-lg, .form-control-static.input-sm {
      padding-left: 0;
      padding-right: 0;
   }

.input-sm {
   height: 292px;
   padding: 5px 10px;
   font-size: 14px;
   line-height: 20px;
   border-radius: 0;
}

select.input-sm {
   height: 292px;
   line-height: 292px;
}

select[multiple].input-sm, textarea.input-sm {
   height: auto;
}

.form-group-sm .form-control {
   height: 292px;
   padding: 5px 10px;
   font-size: 14px;
   line-height: 20px;
   border-radius: 0;
}

.form-group-sm select.form-control {
   height: 292px;
   line-height: 292px;
}

.form-group-sm select[multiple].form-control, .form-group-sm textarea.form-control {
   height: auto;
}

.form-group-sm .form-control-static {
   height: 292px;
   min-height: 38px;
   padding: 6px 10px;
   font-size: 14px;
   line-height: 20px;
}

.input-lg {
   height: 49px;
   padding: 10px 16px;
   font-size: 20px;
   line-height: 1.3333333;
   border-radius: 0;
}

select.input-lg {
   height: 49px;
   line-height: 49px;
}

select[multiple].input-lg, textarea.input-lg {
   height: auto;
}

.form-group-lg .form-control {
   height: 49px;
   padding: 10px 16px;
   font-size: 20px;
   line-height: 1.3333333;
   border-radius: 0;
}

.form-group-lg select.form-control {
   height: 49px;
   line-height: 49px;
}

.form-group-lg select[multiple].form-control, .form-group-lg textarea.form-control {
   height: auto;
}

.form-group-lg .form-control-static {
   height: 49px;
   min-height: 44px;
   padding: 11px 16px;
   font-size: 20px;
   line-height: 1.3333333;
}

.has-feedback {
   position: relative;
}

   .has-feedback .form-control {
      padding-right: 55px;
   }

.form-control-feedback {
   position: absolute;
   top: 0;
   right: 0;
   z-index: 2;
   display: block;
   width: 44px;
   height: 44px;
   line-height: 44px;
   text-align: center;
   pointer-events: none;
}

.form-group-lg .form-control + .form-control-feedback, .input-group-lg + .form-control-feedback, .input-lg + .form-control-feedback {
   width: 49px;
   height: 49px;
   line-height: 49px;
}

.form-group-sm .form-control + .form-control-feedback, .input-group-sm + .form-control-feedback, .input-sm + .form-control-feedback {
   width: 292px;
   height: 292px;
   line-height: 292px;
}

.has-success .checkbox, .has-success .checkbox-inline, .has-success.checkbox-inline label, .has-success.checkbox label, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.radio-inline label, .has-success.radio label {
   color: #3c763d;
}

.has-success .form-control {
   border-color: #3c763d;
   box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
   -o-box-shadow: "" inset 0 1px 1px rgba(0,0,0,.075) 1px 2px rgba(0,0,0,.2);
   box-shadow: inset 0 1px 1px 1px 2px "" rgba(0,0,0,.075) rgba(0,0,0,.2);
}

   .has-success .form-control:focus {
      border-color: #2b542c;
      box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
      -o-box-shadow: "" inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168 1px 2px rgba(0,0,0,.2);
      box-shadow: inset 0 1px 1px "" rgba(0,0,0,.075),0 0 6px 1px 2px #67b168 rgba(0,0,0,.2);
   }

.has-success .input-group-addon {
   color: #3c763d;
   border-color: #3c763d;
   background-color: #dff0d8;
}

.has-success .form-control-feedback {
   color: #3c763d;
}

.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning.checkbox-inline label, .has-warning.checkbox label, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.radio-inline label, .has-warning.radio label {
   color: #8a6d3b;
}

.has-warning .form-control {
   border-color: #8a6d3b;
   box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
   -o-box-shadow: "" inset 0 1px 1px rgba(0,0,0,.075) 1px 2px rgba(0,0,0,.2);
   box-shadow: inset 0 1px 1px 1px 2px "" rgba(0,0,0,.075) rgba(0,0,0,.2);
}

   .has-warning .form-control:focus {
      border-color: #66512c;
      box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
      -o-box-shadow: "" inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b 1px 2px rgba(0,0,0,.2);
      box-shadow: inset 0 1px 1px "" rgba(0,0,0,.075),0 0 6px 1px 2px #c0a16b rgba(0,0,0,.2);
   }

.has-warning .input-group-addon {
   color: #8a6d3b;
   border-color: #8a6d3b;
   background-color: #fcf8e3;
}

.has-warning .form-control-feedback {
   color: #8a6d3b;
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error.checkbox-inline label, .has-error.checkbox label, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.radio-inline label, .has-error.radio label {
   color: #a94442;
}

.has-error .form-control {
   border-color: #a94442;
   box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
   -o-box-shadow: "" inset 0 1px 1px rgba(0,0,0,.075) 1px 2px rgba(0,0,0,.2);
   box-shadow: inset 0 1px 1px 1px 2px "" rgba(0,0,0,.075) rgba(0,0,0,.2);
}

   .has-error .form-control:focus {
      border-color: #843534;
      box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
      -o-box-shadow: "" inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483 1px 2px rgba(0,0,0,.2);
      box-shadow: inset 0 1px 1px "" rgba(0,0,0,.075),0 0 6px 1px 2px #ce8483 rgba(0,0,0,.2);
   }

.has-error .input-group-addon {
   color: #a94442;
   border-color: #a94442;
   background-color: #f2dede;
}

.has-error .form-control-feedback {
   color: #a94442;
}

.has-feedback label ~ .form-control-feedback {
   top: 29px;
}

.has-feedback label.sr-only ~ .form-control-feedback {
   top: 0;
}

.help-block {
   display: block;
   margin-top: 5px;
   margin-bottom: 10px;
   color: #3d5c3d;
}

@media (min-width:768px) {
   .form-inline .form-group {
      display: inline-block;
      margin-bottom: 0;
      vertical-align: middle;
   }

   .form-inline .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle;
   }

   .form-inline .form-control-static {
      display: inline-block;
   }

   .form-inline .input-group {
      display: inline-table;
      vertical-align: middle;
   }

      .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn {
         width: auto;
      }

      .form-inline .input-group > .form-control {
         width: 100%;
      }

   .form-inline .control-label {
      margin-bottom: 0;
      vertical-align: middle;
   }

   .form-inline .checkbox, .form-inline .radio {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 0;
      vertical-align: middle;
   }

      .form-inline .checkbox label, .form-inline .radio label {
         padding-left: 0;
      }

      .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] {
         position: relative;
         margin-left: 0;
      }

   .form-inline .has-feedback .form-control-feedback {
      top: 0;
   }
}

.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
   margin-top: 0;
   margin-bottom: 0;
   padding-top: 7px;
}

.form-horizontal .checkbox, .form-horizontal .radio {
   min-height: 31px;
}

.form-horizontal .form-group {
   margin-left: -12px;
   margin-right: -12px;
}

@media (min-width:768px) {
   .form-horizontal .control-label {
      text-align: right;
      margin-bottom: 0;
      padding-top: 7px;
   }
}

.form-horizontal .has-feedback .form-control-feedback {
   right: 12px;
}

@media (min-width:768px) {
   .form-horizontal .form-group-lg .control-label {
      padding-top: 11px;
      font-size: 20px;
   }
}

@media (min-width:768px) {
   .form-horizontal .form-group-sm .control-label {
      padding-top: 6px;
      font-size: 14px;
   }
}

.btn, .intro__button {
   display: inline-block;
   margin-bottom: 0;
   font-weight: 400;
   text-align: center;
   vertical-align: middle;
   -ms-touch-action: manipulation;
   touch-action: manipulation;
   cursor: pointer;
   background-image: none;
   border: 1px solid transparent;
   white-space: nowrap;
   padding: 6px 12px;
   font-size: 16px;
   line-height: 1.5;
   border-radius: 0;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

   .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus, .intro__button.active.focus, .intro__button.active:focus, .intro__button.focus, .intro__button:active.focus, .intro__button:active:focus, .intro__button:focus {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px;
   }

   .btn.focus, .btn:focus, .btn:hover, .intro__button.focus, .intro__button:focus, .intro__button:hover {
      color: #333;
      text-decoration: none;
   }

   .btn.active, .btn:active, .intro__button.active, .intro__button:active {
      outline: 0;
      background-image: none;
      box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
      -o-box-shadow: "" inset 0 3px 5px rgba(0,0,0,.125) 1px 2px rgba(0,0,0,.2);
      box-shadow: inset 0 3px 5px 1px 2px "" rgba(0,0,0,.125) rgba(0,0,0,.2);
   }

   .btn.disabled, .btn[disabled], .intro__button.disabled, .intro__button[disabled], fieldset[disabled] .btn, fieldset[disabled] .intro__button {
      cursor: not-allowed;
      opacity: .65;
      filter: alpha(opacity=65);
      box-shadow: none;
      -o-box-shadow: "" none 1px 2px rgba(0,0,0,.2);
      box-shadow: 1px 2px "" none rgba(0,0,0,.2);
   }

a.btn.disabled, a.intro__button.disabled, fieldset[disabled] a.btn, fieldset[disabled] a.intro__button {
   pointer-events: none;
}

.btn-default {
   color: #333;
   background-color: #fff;
   border-color: #ccc;
}

   .btn-default.focus, .btn-default:focus {
      color: #333;
      background-color: #e6e6e6;
      border-color: #8c8c8c;
   }

   .btn-default.active, .btn-default:active, .btn-default:hover, .open > .dropdown-toggle.btn-default {
      color: #333;
      background-color: #e6e6e6;
      border-color: #adadad;
   }

      .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
         color: #333;
         background-color: #d4d4d4;
         border-color: #8c8c8c;
      }

   .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
      background-image: none;
   }

   .btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
      background-color: #fff;
      border-color: #ccc;
   }

   .btn-default .badge {
      color: #fff;
      background-color: #333;
   }

.btn-primary {
   color: #f02d32;
   background-color: transparent;
   border-color: #f02d32;
}

   .btn-primary.focus, .btn-primary:focus {
      color: #f02d32;
      background-color: transparent;
      border-color: #930a0e;
   }

   .btn-primary.active, .btn-primary:active, .btn-primary:hover, .open > .dropdown-toggle.btn-primary {
      color: #f02d32;
      background-color: transparent;
      border-color: #d10f14;
   }

      .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
         color: #f02d32;
         background-color: transparent;
         border-color: #930a0e;
      }

   .btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
      background-image: none;
   }

   .btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
      background-color: transparent;
      border-color: #f02d32;
   }

   .btn-primary .badge {
      color: transparent;
      background-color: #f02d32;
   }

.btn-success {
   color: #fff;
   background-color: #5cb85c;
   border-color: #4cae4c;
}

   .btn-success.focus, .btn-success:focus {
      color: #fff;
      background-color: #449d44;
      border-color: #255625;
   }

   .btn-success.active, .btn-success:active, .btn-success:hover, .open > .dropdown-toggle.btn-success {
      color: #fff;
      background-color: #449d44;
      border-color: #398439;
   }

      .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover {
         color: #fff;
         background-color: #398439;
         border-color: #255625;
      }

   .btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success {
      background-image: none;
   }

   .btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled].focus, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
      background-color: #5cb85c;
      border-color: #4cae4c;
   }

   .btn-success .badge {
      color: #5cb85c;
      background-color: #fff;
   }

.btn-info {
   color: #fff;
   background-color: #5bc0de;
   border-color: #46b8da;
}

   .btn-info.focus, .btn-info:focus {
      color: #fff;
      background-color: #31b0d5;
      border-color: #1b6d85;
   }

   .btn-info.active, .btn-info:active, .btn-info:hover, .open > .dropdown-toggle.btn-info {
      color: #fff;
      background-color: #31b0d5;
      border-color: #269abc;
   }

      .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover {
         color: #fff;
         background-color: #269abc;
         border-color: #1b6d85;
      }

   .btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info {
      background-image: none;
   }

   .btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled].focus, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
      background-color: #5bc0de;
      border-color: #46b8da;
   }

   .btn-info .badge {
      color: #5bc0de;
      background-color: #fff;
   }

.btn-warning {
   color: #fff;
   background-color: #f0ad4e;
   border-color: #eea236;
}

   .btn-warning.focus, .btn-warning:focus {
      color: #fff;
      background-color: #ec971f;
      border-color: #985f0d;
   }

   .btn-warning.active, .btn-warning:active, .btn-warning:hover, .open > .dropdown-toggle.btn-warning {
      color: #fff;
      background-color: #ec971f;
      border-color: #d58512;
   }

      .btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open > .dropdown-toggle.btn-warning.focus, .open > .dropdown-toggle.btn-warning:focus, .open > .dropdown-toggle.btn-warning:hover {
         color: #fff;
         background-color: #d58512;
         border-color: #985f0d;
      }

   .btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning {
      background-image: none;
   }

   .btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled].focus, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
      background-color: #f0ad4e;
      border-color: #eea236;
   }

   .btn-warning .badge {
      color: #f0ad4e;
      background-color: #fff;
   }

.btn-danger {
   color: #fff;
   background-color: #d9534f;
   border-color: #d43f3a;
}

   .btn-danger.focus, .btn-danger:focus {
      color: #fff;
      background-color: #c9302c;
      border-color: #761c19;
   }

   .btn-danger.active, .btn-danger:active, .btn-danger:hover, .open > .dropdown-toggle.btn-danger {
      color: #fff;
      background-color: #c9302c;
      border-color: #ac2925;
   }

      .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open > .dropdown-toggle.btn-danger.focus, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger:hover {
         color: #fff;
         background-color: #ac2925;
         border-color: #761c19;
      }

   .btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger {
      background-image: none;
   }

   .btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled].focus, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
      background-color: #d9534f;
      border-color: #d43f3a;
   }

   .btn-danger .badge {
      color: #d9534f;
      background-color: #fff;
   }

.btn-link {
   color: #f02d32;
   font-weight: 400;
   border-radius: 0;
}

   .btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
      background-color: transparent;
      box-shadow: none;
      -o-box-shadow: "" none 1px 2px rgba(0,0,0,.2);
      box-shadow: 1px 2px "" none rgba(0,0,0,.2);
   }

      .btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
         border-color: transparent;
      }

         .btn-link:focus, .btn-link:hover {
            color: #f02d32;
            text-decoration: underline;
            background-color: transparent;
         }

         .btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover {
            color: #e6e5e4;
            text-decoration: none;
         }

.btn-group-lg > .btn, .btn-group-lg > .intro__button, .btn-lg {
   padding: 10px 16px;
   font-size: 20px;
   line-height: 1.3333333;
   border-radius: 0;
}

.btn-group-sm > .btn, .btn-group-sm > .intro__button, .btn-sm {
   padding: 5px 10px;
   font-size: 14px;
   line-height: 20px;
   border-radius: 0;
}

.btn-group-xs > .btn, .btn-group-xs > .intro__button, .btn-xs {
   padding: 1px 5px;
   font-size: 14px;
   line-height: 20px;
   border-radius: 0;
}

.btn-block {
   display: block;
   width: 100%;
}

   .btn-block + .btn-block {
      margin-top: 5px;
   }

input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
   width: 100%;
}

.fade {
   opacity: 0;
   transition: opacity .15s linear;
   transition: all opacity .15s linear ease;
}

   .fade.in {
      opacity: 1;
   }

.collapse {
   display: none;
}

   .collapse.in {
      display: block;
   }

tr.collapse.in {
   display: table-row;
}

tbody.collapse.in {
   display: table-row-group;
}

.collapsing {
   position: relative;
   height: 0;
   overflow: hidden;
   transition-property: height,visibility;
   transition-duration: .35s;
   transition-timing-function: ease;
}

.caret {
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: 2px;
   vertical-align: middle;
   border-top: 4px dashed;
   border-top: 4px solid\9;
   border-right: 4px solid transparent;
   border-left: 4px solid transparent;
}

.dropdown, .dropup {
   position: relative;
}

.dropdown-toggle:focus {
   outline: 0;
}

.dropdown-menu {
   position: absolute;
   top: 100%;
   left: 0;
   z-index: 1000;
   display: none;
   float: left;
   min-width: 160px;
   padding: 5px 0;
   margin: 2px 0 0;
   list-style: none;
   font-size: 16px;
   text-align: left;
   background-color: #fff;
   border: 1px solid #ccc;
   border: 1px solid rgba(0,0,0,.15);
   border-radius: 0;
   box-shadow: 0 6px 12px rgba(0,0,0,.175);
   -o-box-shadow: "" 0 6px 12px rgba(0,0,0,.175) 1px 2px rgba(0,0,0,.2);
   box-shadow: 0 6px 12px 1px 2px "" rgba(0,0,0,.175) rgba(0,0,0,.2);
   background-clip: padding-box;
}

   .dropdown-menu.pull-right {
      right: 0;
      left: auto;
   }

   .dropdown-menu .divider {
      height: 1px;
      margin: 11px 0;
      overflow: hidden;
      background-color: #e5e5e5;
   }

   .dropdown-menu > li > a {
      display: block;
      padding: 3px 20px;
      clear: both;
      font-weight: 400;
      line-height: 1.5;
      color: #9b9894;
      white-space: nowrap;
   }

      .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
         text-decoration: none;
         color: #8f8b87;
         background-color: #f5f5f5;
      }

   .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
      color: #fff;
      text-decoration: none;
      outline: 0;
      background-color: #002355;
   }

   .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
      color: #e6e5e4;
   }

      .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
         text-decoration: none;
         background-color: transparent;
         background-image: none;
         filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
         cursor: not-allowed;
      }

.open > .dropdown-menu {
   display: block;
}

.open > a {
   outline: 0;
}

.dropdown-menu-right {
   left: auto;
   right: 0;
}

.dropdown-menu-left {
   left: 0;
   right: auto;
}

.dropdown-header {
   display: block;
   padding: 3px 20px;
   font-size: 14px;
   line-height: 1.5;
   color: #e6e5e4;
   white-space: nowrap;
}

.dropdown-backdrop {
   position: fixed;
   left: 0;
   right: 0;
   bottom: 0;
   top: 0;
   z-index: 990;
}

.pull-right > .dropdown-menu {
   right: 0;
   left: auto;
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
   border-top: 0;
   border-bottom: 4px dashed;
   border-bottom: 4px solid\9;
   content: "";
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
   top: auto;
   bottom: 100%;
   margin-bottom: 2px;
}

@media (min-width:992px) {
   .navbar-right .dropdown-menu {
      left: auto;
      right: 0;
   }

   .navbar-right .dropdown-menu-left {
      left: 0;
      right: auto;
   }
}

.btn-group, .btn-group-vertical {
   position: relative;
   display: inline-block;
   vertical-align: middle;
}

   .btn-group-vertical > .btn, .btn-group-vertical > .intro__button, .btn-group > .btn, .btn-group > .intro__button {
      position: relative;
      float: left;
   }

      .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group-vertical > .intro__button.active, .btn-group-vertical > .intro__button:active, .btn-group-vertical > .intro__button:focus, .btn-group-vertical > .intro__button:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover, .btn-group > .intro__button.active, .btn-group > .intro__button:active, .btn-group > .intro__button:focus, .btn-group > .intro__button:hover {
         z-index: 2;
      }

   .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group, .btn-group .btn-group + .intro__button, .btn-group .intro__button + .btn-group, .btn-group .intro__button + .intro__button {
      margin-left: -1px;
   }

.btn-toolbar {
   margin-left: -5px;
}

   .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group, .btn-toolbar .intro__button {
      float: left;
   }

   .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group, .btn-toolbar > .intro__button {
      margin-left: 5px;
   }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle), .btn-group > .intro__button:not(:first-child):not(:last-child):not(.dropdown-toggle) {
   border-radius: 0;
}

.btn-group > .btn:first-child, .btn-group > .intro__button:first-child {
   margin-left: 0;
}

   .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle), .btn-group > .intro__button:first-child:not(:last-child):not(.dropdown-toggle) {
      border-bottom-right-radius: 0;
      border-top-right-radius: 0;
   }

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child), .btn-group > .intro__button:last-child:not(:first-child) {
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
}

.btn-group > .btn-group {
   float: left;
}

   .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn, .btn-group > .btn-group:not(:first-child):not(:last-child) > .intro__button {
      border-radius: 0;
   }

   .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle, .btn-group > .btn-group:first-child:not(:last-child) > .intro__button:last-child {
      border-bottom-right-radius: 0;
      border-top-right-radius: 0;
   }

   .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child, .btn-group > .btn-group:last-child:not(:first-child) > .intro__button:first-child {
      border-bottom-left-radius: 0;
      border-top-left-radius: 0;
   }

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
   outline: 0;
}

.btn-group > .btn + .dropdown-toggle, .btn-group > .intro__button + .dropdown-toggle {
   padding-left: 8px;
   padding-right: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle {
   padding-left: 12px;
   padding-right: 12px;
}

.btn-group.open .dropdown-toggle {
   box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
   -o-box-shadow: "" inset 0 3px 5px rgba(0,0,0,.125) 1px 2px rgba(0,0,0,.2);
   box-shadow: inset 0 3px 5px 1px 2px "" rgba(0,0,0,.125) rgba(0,0,0,.2);
}

   .btn-group.open .dropdown-toggle.btn-link {
      box-shadow: none;
      -o-box-shadow: "" none 1px 2px rgba(0,0,0,.2);
      box-shadow: 1px 2px "" none rgba(0,0,0,.2);
   }

.btn .caret, .intro__button .caret {
   margin-left: 0;
}

.btn-lg .caret {
   border-width: 5px 5px 0;
   border-bottom-width: 0;
}

.dropup .btn-lg .caret {
   border-width: 0 5px 5px;
}

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn, .btn-group-vertical > .btn-group > .intro__button, .btn-group-vertical > .intro__button {
   display: block;
   float: none;
   width: 100%;
   max-width: 100%;
}

   .btn-group-vertical > .btn-group > .btn, .btn-group-vertical > .btn-group > .intro__button {
      float: none;
   }

   .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group, .btn-group-vertical > .btn-group + .intro__button, .btn-group-vertical > .intro__button + .btn-group, .btn-group-vertical > .intro__button + .intro__button {
      margin-top: -1px;
      margin-left: 0;
   }

   .btn-group-vertical > .btn:not(:first-child):not(:last-child), .btn-group-vertical > .intro__button:not(:first-child):not(:last-child) {
      border-radius: 0;
   }

   .btn-group-vertical > .btn:first-child:not(:last-child), .btn-group-vertical > .btn:last-child:not(:first-child), .btn-group-vertical > .intro__button:first-child:not(:last-child), .btn-group-vertical > .intro__button:last-child:not(:first-child) {
      border-top-right-radius: 0;
      border-top-left-radius: 0;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
   }

   .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn, .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .intro__button {
      border-radius: 0;
   }

   .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .intro__button:last-child {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
   }

   .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child, .btn-group-vertical > .btn-group:last-child:not(:first-child) > .intro__button:first-child {
      border-top-right-radius: 0;
      border-top-left-radius: 0;
   }

.btn-group-justified {
   display: table;
   width: 100%;
   table-layout: fixed;
   border-collapse: separate;
}

   .btn-group-justified > .btn, .btn-group-justified > .btn-group, .btn-group-justified > .intro__button {
      float: none;
      display: table-cell;
      width: 1%;
   }

      .btn-group-justified > .btn-group .btn, .btn-group-justified > .btn-group .intro__button {
         width: 100%;
      }

      .btn-group-justified > .btn-group .dropdown-menu {
         left: auto;
      }

[data-toggle=buttons] > .btn-group > .btn input[type=checkbox], [data-toggle=buttons] > .btn-group > .btn input[type=radio], [data-toggle=buttons] > .btn-group > .intro__button input[type=checkbox], [data-toggle=buttons] > .btn-group > .intro__button input[type=radio], [data-toggle=buttons] > .btn input[type=checkbox], [data-toggle=buttons] > .btn input[type=radio], [data-toggle=buttons] > .intro__button input[type=checkbox], [data-toggle=buttons] > .intro__button input[type=radio] {
   position: absolute;
   clip: rect(0,0,0,0);
   pointer-events: none;
}

.input-group {
   position: relative;
   display: table;
   border-collapse: separate;
}

   .input-group[class*=col-] {
      float: none;
      padding-left: 0;
      padding-right: 0;
   }

   .input-group .form-control {
      position: relative;
      z-index: 2;
      float: left;
      width: 100%;
      margin-bottom: 0;
   }

      .input-group .form-control:focus {
         z-index: 3;
      }

.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn, .input-group-lg > .input-group-btn > .intro__button {
   height: 49px;
   padding: 10px 16px;
   font-size: 20px;
   line-height: 1.3333333;
   border-radius: 0;
}

select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn, select.input-group-lg > .input-group-btn > .intro__button {
   height: 49px;
   line-height: 49px;
}

select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .input-group-btn > .intro__button, textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, textarea.input-group-lg > .input-group-btn > .intro__button {
   height: auto;
}

.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn, .input-group-sm > .input-group-btn > .intro__button {
   height: 292px;
   padding: 5px 10px;
   font-size: 14px;
   line-height: 20px;
   border-radius: 0;
}

select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn, select.input-group-sm > .input-group-btn > .intro__button {
   height: 292px;
   line-height: 292px;
}

select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .input-group-btn > .intro__button, textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, textarea.input-group-sm > .input-group-btn > .intro__button {
   height: auto;
}

.input-group-addon, .input-group-btn, .input-group .form-control {
   display: table-cell;
}

   .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
      border-radius: 0;
   }

.input-group-addon, .input-group-btn {
   width: 1%;
   white-space: nowrap;
   vertical-align: middle;
}

.input-group-addon {
   padding: 6px 12px;
   font-size: 16px;
   font-weight: 400;
   line-height: 1;
   color: #0a0f0a;
   text-align: center;
   background-color: #f5f4f4;
   border: 1px solid #cdcbc9;
   border-radius: 0;
}

   .input-group-addon.input-sm {
      padding: 5px 10px;
      font-size: 14px;
      border-radius: 0;
   }

   .input-group-addon.input-lg {
      padding: 10px 16px;
      font-size: 20px;
      border-radius: 0;
   }

   .input-group-addon input[type=checkbox], .input-group-addon input[type=radio] {
      margin-top: 0;
   }

   .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .btn-group > .intro__button, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:first-child > .intro__button, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn-group:not(:last-child) > .intro__button, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .intro__button:not(:last-child):not(.dropdown-toggle), .input-group .form-control:first-child {
      border-bottom-right-radius: 0;
      border-top-right-radius: 0;
   }

   .input-group-addon:first-child {
      border-right: 0;
   }

   .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn-group:not(:first-child) > .intro__button, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .intro__button:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .btn-group > .intro__button, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:last-child > .intro__button, .input-group .form-control:last-child {
      border-bottom-left-radius: 0;
      border-top-left-radius: 0;
   }

   .input-group-addon:last-child {
      border-left: 0;
   }

.input-group-btn {
   font-size: 0;
   white-space: nowrap;
}

   .input-group-btn, .input-group-btn > .btn, .input-group-btn > .intro__button {
      position: relative;
   }

      .input-group-btn > .btn + .btn, .input-group-btn > .intro__button + .intro__button {
         margin-left: -1px;
      }

      .input-group-btn > .btn:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover, .input-group-btn > .intro__button:active, .input-group-btn > .intro__button:focus, .input-group-btn > .intro__button:hover {
         z-index: 2;
      }

      .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group, .input-group-btn:first-child > .intro__button {
         margin-right: -1px;
      }

      .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group, .input-group-btn:last-child > .intro__button {
         z-index: 2;
         margin-left: -1px;
      }

.nav {
   margin-bottom: 0;
   padding-left: 0;
   list-style: none;
}

   .nav > li, .nav > li > a {
      position: relative;
      display: block;
   }

      .nav > li > a {
         padding: 10px 15px;
      }

         .nav > li > a:focus, .nav > li > a:hover {
            text-decoration: none;
            background-color: #f5f4f4;
         }

      .nav > li.disabled > a {
         color: #e6e5e4;
      }

         .nav > li.disabled > a:focus, .nav > li.disabled > a:hover {
            color: #e6e5e4;
            text-decoration: none;
            background-color: transparent;
            cursor: not-allowed;
         }

   .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
      background-color: #f5f4f4;
      border-color: #f02d32;
   }

   .nav .nav-divider {
      height: 1px;
      margin: 11px 0;
      overflow: hidden;
      background-color: #e5e5e5;
   }

   .nav > li > a > img {
      max-width: none;
   }

.nav-tabs {
   border-bottom: 1px solid #ddd;
}

   .nav-tabs > li {
      float: left;
      margin-bottom: -1px;
   }

      .nav-tabs > li > a {
         margin-right: 2px;
         line-height: 1.5;
         border: 1px solid transparent;
         border-radius: 0 0 0 0;
      }

         .nav-tabs > li > a:hover {
            border-color: #f5f4f4 #f5f4f4 #ddd;
         }

      .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
         color: #cdcbc9;
         background-color: #fff;
         border: 1px solid #ddd;
         border-bottom-color: transparent;
         cursor: default;
      }

   .nav-tabs.nav-justified {
      width: 100%;
      border-bottom: 0;
   }

      .nav-tabs.nav-justified > li {
         float: none;
      }

         .nav-tabs.nav-justified > li > a {
            text-align: center;
            margin-bottom: 5px;
         }

      .nav-tabs.nav-justified > .dropdown .dropdown-menu {
         top: auto;
         left: auto;
      }

@media (min-width:768px) {
   .nav-tabs.nav-justified > li {
      display: table-cell;
      width: 1%;
   }

      .nav-tabs.nav-justified > li > a {
         margin-bottom: 0;
      }
}

.nav-tabs.nav-justified > li > a {
   margin-right: 0;
   border-radius: 0;
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
   border: 1px solid #ddd;
}

@media (min-width:768px) {
   .nav-tabs.nav-justified > li > a {
      border-bottom: 1px solid #ddd;
      border-radius: 0 0 0 0;
   }

   .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
      border-bottom-color: #fff;
   }
}

.nav-pills > li {
   float: left;
}

   .nav-pills > li > a {
      border-radius: 0;
   }

   .nav-pills > li + li {
      margin-left: 2px;
   }

   .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
      color: #fff;
      background-color: #002355;
   }

.nav-stacked > li {
   float: none;
}

   .nav-stacked > li + li {
      margin-top: 2px;
      margin-left: 0;
   }

.nav-justified {
   width: 100%;
}

   .nav-justified > li {
      float: none;
   }

      .nav-justified > li > a {
         text-align: center;
         margin-bottom: 5px;
      }

   .nav-justified > .dropdown .dropdown-menu {
      top: auto;
      left: auto;
   }

@media (min-width:768px) {
   .nav-justified > li {
      display: table-cell;
      width: 1%;
   }

      .nav-justified > li > a {
         margin-bottom: 0;
      }
}

.nav-tabs-justified {
   border-bottom: 0;
}

   .nav-tabs-justified > li > a {
      margin-right: 0;
      border-radius: 0;
   }

   .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover {
      border: 1px solid #ddd;
   }

@media (min-width:768px) {
   .nav-tabs-justified > li > a {
      border-bottom: 1px solid #ddd;
      border-radius: 0 0 0 0;
   }

   .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover {
      border-bottom-color: #fff;
   }
}

.tab-content > .tab-pane {
   display: none;
}

.tab-content > .active {
   display: block;
}

.nav-tabs .dropdown-menu {
   margin-top: -1px;
   border-top-right-radius: 0;
   border-top-left-radius: 0;
}

.navbar {
   position: relative;
   min-height: 50px;
   margin-bottom: 24px;
   border: 1px solid transparent;
}

@media (min-width:992px) {
   .navbar {
      border-radius: 0;
   }
}

@media (min-width:992px) {
   .navbar-header {
      float: left;
   }
}

.navbar-collapse {
   overflow-x: visible;
   padding-right: 12px;
   padding-left: 12px;
   border-top: 1px solid transparent;
   box-shadow: inset 0 1px 0 hsla(0,0%,100%,.1);
   -webkit-overflow-scrolling: touch;
}

   .navbar-collapse.in {
      overflow-y: auto;
   }

@media (min-width:992px) {
   .navbar-collapse {
      width: auto;
      border-top: 0;
      box-shadow: none;
   }

      .navbar-collapse.collapse {
         display: block!important;
         height: auto!important;
         padding-bottom: 0;
         overflow: visible!important;
      }

      .navbar-collapse.in {
         overflow-y: visible;
      }

   .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse {
      padding-left: 0;
      padding-right: 0;
   }
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
   max-height: 340px;
}

@media (max-device-width:480px) and (orientation:landscape) {
   .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
      max-height: 200px;
   }
}

.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header, .intro-headline__content > .navbar-collapse, .intro-headline__content > .navbar-header, .intro__slide-content > .navbar-collapse, .intro__slide-content > .navbar-header {
   margin-right: -12px;
   margin-left: -12px;
}

@media (min-width:992px) {
   .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header, .intro-headline__content > .navbar-collapse, .intro-headline__content > .navbar-header, .intro__slide-content > .navbar-collapse, .intro__slide-content > .navbar-header {
      margin-right: 0;
      margin-left: 0;
   }
}

.navbar-static-top {
   z-index: 1000;
   border-width: 0 0 1px;
}

@media (min-width:992px) {
   .navbar-static-top {
      border-radius: 0;
   }
}

.navbar-fixed-bottom, .navbar-fixed-top {
   position: fixed;
   right: 0;
   left: 0;
   z-index: 1030;
}

@media (min-width:992px) {
   .navbar-fixed-bottom, .navbar-fixed-top {
      border-radius: 0;
   }
}

.navbar-fixed-top {
   top: 0;
   border-width: 0 0 1px;
}

.navbar-fixed-bottom {
   bottom: 0;
   margin-bottom: 0;
   border-width: 1px 0 0;
}

.navbar-brand {
   float: left;
   padding: 13px 12px;
   font-size: 20px;
   line-height: 24px;
   height: 50px;
}

   .navbar-brand:focus, .navbar-brand:hover {
      text-decoration: none;
   }

   .navbar-brand > img {
      display: block;
   }

@media (min-width:992px) {
   .navbar > .container-fluid .navbar-brand, .navbar > .container .navbar-brand, .navbar > .intro-headline__content .navbar-brand, .navbar > .intro__slide-content .navbar-brand {
      margin-left: -12px;
   }
}

.navbar-toggle {
   position: relative;
   float: right;
   margin-right: 12px;
   padding: 9px 10px;
   margin-top: 8px;
   margin-bottom: 8px;
   background-color: transparent;
   background-image: none;
   border: 1px solid transparent;
   border-radius: 0;
}

   .navbar-toggle:focus {
      outline: 0;
   }

   .navbar-toggle .icon-bar {
      display: block;
      width: 22px;
      height: 2px;
      border-radius: 1px;
   }

      .navbar-toggle .icon-bar + .icon-bar {
         margin-top: 4px;
      }

@media (min-width:992px) {
   .navbar-toggle {
      display: none;
   }
}

.navbar-nav {
   margin: 6.5px -12px;
}

   .navbar-nav > li > a {
      padding-top: 10px;
      padding-bottom: 10px;
      line-height: 24px;
   }
   .breadcrumb__seperator {
      border-top: 1px solid rgb(230, 229, 228);
       /*background-color: rgb(245, 244, 244);*/ 
       height: 10px; 
       width: 100%;
}
@media (max-width:991px) {
      .breadcrumb__seperator {
   height:10px;
   }
   .navbar-nav .open .dropdown-menu {
      position: static;
      float: none;
      width: auto;
      margin-top: 0;
      background-color: transparent;
      border: 0;
      box-shadow: none;
   }

      .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
         padding: 5px 15px 5px 25px;
      }

      .navbar-nav .open .dropdown-menu > li > a {
         line-height: 24px;
      }

         .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover {
            background-image: none;
         }
}

@media (min-width:992px) {
   .navbar-nav {
      float: left;
      margin: 0;
   }

      .navbar-nav > li {
         float: left;
      }

         .navbar-nav > li > a {
            padding-top: 13px;
            padding-bottom: 13px;
         }
}

.navbar-form {
   margin: 3px -12px;
   padding: 10px 12px;
   border-top: 1px solid transparent;
   border-bottom: 1px solid transparent;
   box-shadow: inset 0 1px 0 hsla(0,0%,100%,.1),0 1px 0 hsla(0,0%,100%,.1);
   -o-box-shadow: "" inset 0 1px 0 hsla(0,0%,100%,.1),0 1px 0 hsla(0,0%,100%,.1) 1px 2px rgba(0,0,0,.2);
   box-shadow: inset 0 1px 0 "" hsla(0,0%,100%,.1),0 1px 0 1px 2px hsla(0,0%,100%,.1) rgba(0,0,0,.2);
}

@media (min-width:768px) {
   .navbar-form .form-group {
      display: inline-block;
      margin-bottom: 0;
      vertical-align: middle;
   }

   .navbar-form .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle;
   }

   .navbar-form .form-control-static {
      display: inline-block;
   }

   .navbar-form .input-group {
      display: inline-table;
      vertical-align: middle;
   }

      .navbar-form .input-group .form-control, .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn {
         width: auto;
      }

      .navbar-form .input-group > .form-control {
         width: 100%;
      }

   .navbar-form .control-label {
      margin-bottom: 0;
      vertical-align: middle;
   }

   .navbar-form .checkbox, .navbar-form .radio {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 0;
      vertical-align: middle;
   }

      .navbar-form .checkbox label, .navbar-form .radio label {
         padding-left: 0;
      }

      .navbar-form .checkbox input[type=checkbox], .navbar-form .radio input[type=radio] {
         position: relative;
         margin-left: 0;
      }

   .navbar-form .has-feedback .form-control-feedback {
      top: 0;
   }
}

@media (max-width:991px) {
   .navbar-form .form-group {
      margin-bottom: 5px;
   }

      .navbar-form .form-group:last-child {
         margin-bottom: 0;
      }
}

@media (min-width:992px) {
   .navbar-form {
      width: auto;
      border: 0;
      margin-left: 0;
      margin-right: 0;
      padding-top: 0;
      padding-bottom: 0;
      box-shadow: none;
      -o-box-shadow: "" none 1px 2px rgba(0,0,0,.2);
      box-shadow: 1px 2px "" none rgba(0,0,0,.2);
   }
}

.navbar-nav > li > .dropdown-menu {
   margin-top: 0;
   border-top-right-radius: 0;
   border-top-left-radius: 0;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
   margin-bottom: 0;
   border-top-right-radius: 0;
   border-top-left-radius: 0;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
}

.navbar-btn {
   margin-top: 3px;
   margin-bottom: 3px;
}

   .navbar-btn.btn-sm {
      margin-top: -121px;
      margin-bottom: -121px;
   }

   .navbar-btn.btn-xs {
      margin-top: 14px;
      margin-bottom: 14px;
   }

.navbar-text {
   margin-top: 13px;
   margin-bottom: 13px;
}

@media (min-width:992px) {
   .navbar-text {
      float: left;
      margin-left: 12px;
      margin-right: 12px;
   }
}

@media (min-width:992px) {
   .navbar-left {
      float: left!important;
   }

   .navbar-right {
      float: right!important;
      margin-right: -12px;
   }

      .navbar-right ~ .navbar-right {
         margin-right: 0;
      }
}

.navbar-default {
   background-color: #f8f8f8;
   border-color: #e7e7e7;
}

   .navbar-default .navbar-brand {
      color: #777;
   }

      .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
         color: #5e5e5e;
         background-color: transparent;
      }

   .navbar-default .navbar-nav > li > a, .navbar-default .navbar-text {
      color: #777;
   }

      .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
         color: #333;
         background-color: transparent;
      }

   .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
      color: #555;
      background-color: #e7e7e7;
   }

   .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:focus, .navbar-default .navbar-nav > .disabled > a:hover {
      color: #ccc;
      background-color: transparent;
   }

   .navbar-default .navbar-toggle {
      border-color: #ddd;
   }

      .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
         background-color: #ddd;
      }

      .navbar-default .navbar-toggle .icon-bar {
         background-color: #888;
      }

   .navbar-default .navbar-collapse, .navbar-default .navbar-form {
      border-color: #e7e7e7;
   }

   .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
      background-color: #e7e7e7;
      color: #555;
   }

@media (max-width:991px) {
   .navbar-default .navbar-nav .open .dropdown-menu > li > a {
      color: #777;
   }

      .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
         color: #333;
         background-color: transparent;
      }

   .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
      color: #555;
      background-color: #e7e7e7;
   }

   .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover {
      color: #ccc;
      background-color: transparent;
   }
}

.navbar-default .navbar-link {
   color: #777;
}

   .navbar-default .navbar-link:hover {
      color: #333;
   }

.navbar-default .btn-link {
   color: #777;
}

   .navbar-default .btn-link:focus, .navbar-default .btn-link:hover {
      color: #333;
   }

   .navbar-default .btn-link[disabled]:focus, .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:focus, fieldset[disabled] .navbar-default .btn-link:hover {
      color: #ccc;
   }

.navbar-inverse {
   background-color: #222;
   border-color: #080808;
}

   .navbar-inverse .navbar-brand {
      color: #fff;
   }

      .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
         color: #fff;
         background-color: transparent;
      }

   .navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-text {
      color: #fff;
   }

      .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
         color: #fff;
         background-color: transparent;
      }

   .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
      color: #fff;
      background-color: #080808;
   }

   .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:focus, .navbar-inverse .navbar-nav > .disabled > a:hover {
      color: #444;
      background-color: transparent;
   }

   .navbar-inverse .navbar-toggle {
      border-color: #333;
   }

      .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
         background-color: #333;
      }

      .navbar-inverse .navbar-toggle .icon-bar {
         background-color: #fff;
      }

   .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
      border-color: #101010;
   }

   .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
      background-color: #080808;
      color: #fff;
   }

@media (max-width:991px) {
   .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
      border-color: #080808;
   }

   .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
      background-color: #080808;
   }

   .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
      color: #fff;
   }

      .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
         color: #fff;
         background-color: transparent;
      }

   .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
      color: #fff;
      background-color: #080808;
   }

   .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover {
      color: #444;
      background-color: transparent;
   }
}

.navbar-inverse .btn-link, .navbar-inverse .btn-link:focus, .navbar-inverse .btn-link:hover, .navbar-inverse .navbar-link, .navbar-inverse .navbar-link:hover {
   color: #fff;
}

   .navbar-inverse .btn-link[disabled]:focus, .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:focus, fieldset[disabled] .navbar-inverse .btn-link:hover {
      color: #444;
   }

.pagination {
   display: inline-block;
   padding-left: 0;
   margin: 24px 0;
   border-radius: 0;
}

   .pagination > li {
      display: inline;
   }

      .pagination > li > a, .pagination > li > span {
         position: relative;
         float: left;
         padding: 6px 12px;
         line-height: 1.5;
         text-decoration: none;
         color: #f02d32;
         background-color: #fff;
         border: 1px solid #ddd;
         margin-left: -1px;
      }

      .pagination > li:first-child > a, .pagination > li:first-child > span {
         margin-left: 0;
         border-bottom-left-radius: 0;
         border-top-left-radius: 0;
      }

      .pagination > li:last-child > a, .pagination > li:last-child > span {
         border-bottom-right-radius: 0;
         border-top-right-radius: 0;
      }

      .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
         z-index: 2;
         color: #f02d32;
         background-color: #f5f4f4;
         border-color: #ddd;
      }

   .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
      z-index: 3;
      color: #fff;
      background-color: #002355;
      border-color: #002355;
      cursor: default;
   }

   .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
      color: #e6e5e4;
      background-color: #fff;
      border-color: #ddd;
      cursor: not-allowed;
   }

.pagination-lg > li > a, .pagination-lg > li > span {
   padding: 10px 16px;
   font-size: 20px;
   line-height: 1.3333333;
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
}

.pagination-sm > li > a, .pagination-sm > li > span {
   padding: 5px 10px;
   font-size: 14px;
   line-height: 20px;
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
}

.pager ,
.pager2 {
   padding-left: 0;
   margin: 24px 0;
   list-style: none;
   text-align: center;
}

   .pager li ,
   .pager2 li {
      display: inline;
   }

      .pager li > a, .pager li > span {
         display: inline-block;
         padding: 5px 14px;
         background-color: #fff;
         border: 1px solid #ddd;
         border-radius: 15px;
      }

         .pager li > a:focus, .pager li > a:hover {
            text-decoration: none;
            background-color: #f5f4f4;
         }

   .pager .next > a, .pager .next > span {
      float: right;
   }

   .pager .previous > a, .pager .previous > span {
      float: left;
   }

   .pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span {
      color: #e6e5e4;
      background-color: #fff;
      cursor: not-allowed;
   }

.label {
   display: inline;
   padding: .2em .6em .3em;
   font-size: 75%;
   font-weight: 700;
   line-height: 1;
   color: #fff;
   text-align: center;
   white-space: nowrap;
   vertical-align: baseline;
   border-radius: .25em;
}

a.label:focus, a.label:hover {
   color: #fff;
   text-decoration: none;
   cursor: pointer;
}

.label:empty {
   display: none;
}

.btn .label, .intro__button .label {
   position: relative;
   top: -1px;
}

.label-default {
   background-color: #e6e5e4;
}

   .label-default[href]:focus, .label-default[href]:hover {
      background-color: #cdccca;
   }

.label-primary {
   background-color: #002355;
}

   .label-primary[href]:focus, .label-primary[href]:hover {
      background-color: #000e22;
   }

.label-success {
   background-color: #5cb85c;
}

   .label-success[href]:focus, .label-success[href]:hover {
      background-color: #449d44;
   }

.label-info {
   background-color: #5bc0de;
}

   .label-info[href]:focus, .label-info[href]:hover {
      background-color: #31b0d5;
   }

.label-warning {
   background-color: #f0ad4e;
}

   .label-warning[href]:focus, .label-warning[href]:hover {
      background-color: #ec971f;
   }

.label-danger {
   background-color: #d9534f;
}

   .label-danger[href]:focus, .label-danger[href]:hover {
      background-color: #c9302c;
   }

.badge {
   display: inline-block;
   min-width: 10px;
   padding: 3px 7px;
   font-size: 14px;
   font-weight: 700;
   color: #fff;
   line-height: 1;
   vertical-align: middle;
   white-space: nowrap;
   text-align: center;
   background-color: #e6e5e4;
   border-radius: 10px;
}

   .badge:empty {
      display: none;
   }

.btn .badge, .intro__button .badge {
   position: relative;
   top: -1px;
}

.btn-group-xs > .btn .badge, .btn-group-xs > .intro__button .badge, .btn-xs .badge {
   top: 0;
   padding: 1px 5px;
}

a.badge:focus, a.badge:hover {
   color: #fff;
   text-decoration: none;
   cursor: pointer;
}

.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
   color: #f02d32;
   background-color: #fff;
}

.list-group-item > .badge {
   float: right;
}

   .list-group-item > .badge + .badge {
      margin-right: 5px;
   }

.nav-pills > li > a > .badge {
   margin-left: 3px;
}
  .jumbotron { padding: 30px 15px; margin-bottom: 30px; color: #999; background-color: #eeeeee; font-family :Koenig Bauer Type Headline,Arial,sans-serif }
.jumbotron h1, .jumbotron .h1 { color: inherit; }
.jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200; }
.jumbotron > hr { border-top-color: #d5d5d5; }
.container .jumbotron, .container-fluid .jumbotron { border-radius: 6px; }
.jumbotron .container { max-width: 100%; }
@media screen and (min-width: 768px) { .jumbotron { padding: 48px 0; }
  .container .jumbotron, .container-fluid .jumbotron { padding-left: 60px; padding-right: 60px; }
  .jumbotron h1, .jumbotron .h1 { font-size: 63px; } }

.jumbotron__category { position: relative; margin-top: 30px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
 .jumbotron__category::after { position: absolute; content: ""; background-color: #f02d32; height: 3px; width: 30px; bottom: -1px; left: 0; }
 /* 05.11. Jumbotron */
.jumbotron { background: #333333; padding: 0 0 20px 0; margin-bottom: 0; }
.jumbotron.jumbotron--no-catption { padding-bottom: 0; }
@media (min-width: 480px) { .jumbotron { padding-bottom: 30px; } }
@media (min-width: 992px) { .jumbotron { background: #999999; padding: 0; } }
.jumbotron__category { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid rgba(250, 250, 250, 0.2); margin-top: 20px; }
@media (min-width: 480px) { .jumbotron__category { margin-top: 30px; margin-bottom: 15px; padding-bottom: 15px; } }
@media (min-width: 992px) { .jumbotron__category { margin-top: 0; } }
.jumbotron__category h6 { margin: 0; color: #f02d32; }

.jumbotron__title h1 { font-size: 20px; color: #eeeeee; line-height:20px; }
@media (min-width: 480px) { .jumbotron__title h1 { font-size: 25px; line-height:25px;} }
@media (min-width: 992px) { .jumbotron__title h1 { margin: 0px 0 10px 0; } }
@media (min-width: 1200px) { .jumbotron__title h1 { font-size: 30px; line-height:30px;} }
@media (min-width: 1450px) { .jumbotron__title h1 { margin: 0px 0 19px 0; } }

.jumbotron__content p { font-size: 14px; font-weight: normal; color:#fff; }
@media (min-width: 992px) { .jumbotron__content p { margin: 0 0 0px 0; } }
@media (min-width: 1450px) { .jumbotron__content p { margin: 0 0 0px 0; } }

@media (min-width: 1450px) { body.boxed .carousel-content { left: calc( 50% - 250px ); padding: 20px; } }
@media (min-width: 1700px) { body.boxed .carousel-content { top: 20%; } }
@media (min-width: 1200px) { body.boxed .jumbotron__title h1 { font-size: 25px;line-height:25px; } }
@media (min-width: 1450px) { body.boxed .jumbotron__title h1 { margin: 26px 0 19px 0; } }
@media (min-width: 1450px) { body.boxed .jumbotron__content p { margin: 0 0 18px 0; } }
.thumbnail {
   display: block;
   padding: 4px;
   margin-bottom: 24px;
   line-height: 1.5;
   background-color: #fff;
   border: 1px solid #ddd;
   border-radius: 0;
   transition: border .2s ease-in-out;
   transition: all border .2s ease-in-out ease;
}

   .thumbnail > img, .thumbnail a > img {
      margin-left: auto;
      margin-right: auto;
   }

a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
   border-color: #f02d32;
}

.thumbnail .caption {
   padding: 9px;
   color: #0a0f0a;
}

.alert {
   padding: 15px;
   margin-bottom: 24px;
   border: 1px solid transparent;
   border-radius: 0;
}

   .alert h4 {
      margin-top: 0;
      color: inherit;
   }

   .alert .alert-link {
      font-weight: 700;
   }

   .alert > p, .alert > ul {
      margin-bottom: 0;
   }

      .alert > p + p {
         margin-top: 5px;
      }

.alert-dismissable, .alert-dismissible {
   padding-right: 35px;
}

   .alert-dismissable .close, .alert-dismissible .close {
      position: relative;
      top: -2px;
      right: -21px;
      color: inherit;
   }

.alert-success {
   background-color: #dff0d8;
   border-color: #d6e9c6;
   color: #3c763d;
}

   .alert-success hr {
      border-top-color: #c9e2b3;
   }

   .alert-success .alert-link {
      color: #2b542c;
   }

.alert-info {
   background-color: #d9edf7;
   border-color: #bce8f1;
   color: #31708f;
}

   .alert-info hr {
      border-top-color: #a6e1ec;
   }

   .alert-info .alert-link {
      color: #245269;
   }

.alert-warning {
   background-color: #fcf8e3;
   border-color: #faebcc;
   color: #8a6d3b;
}

   .alert-warning hr {
      border-top-color: #f7e1b5;
   }

   .alert-warning .alert-link {
      color: #66512c;
   }

.alert-danger {
   background-color: #f2dede;
   border-color: #ebccd1;
   color: #a94442;
}

   .alert-danger hr {
      border-top-color: #e4b9c0;
   }

   .alert-danger .alert-link {
      color: #843534;
   }

.media {
   margin-top: 15px;
}

   .media:first-child {
      margin-top: 0;
   }

.media, .media-body {
   zoom: 1;
   overflow: hidden;
}

.media-body {
   width: 10000px;
}

.media-object {
   display: block;
}

   .media-object.img-thumbnail {
      max-width: none;
   }

.media-right, .media > .pull-right {
   padding-left: 10px;
}

.media-left, .media > .pull-left {
   padding-right: 10px;
}

.media-body, .media-left, .media-right {
   display: table-cell;
   vertical-align: top;
}

.media-middle {
   vertical-align: middle;
}

.media-bottom {
   vertical-align: bottom;
}

.media-heading {
   margin-top: 0;
   margin-bottom: 5px;
}

.media-list {
   padding-left: 0;
   list-style: none;
}

.list-group {
   margin-bottom: 20px;
   padding-left: 0;
}

.list-group-item {
   position: relative;
   display: block;
   padding: 10px 15px;
   margin-bottom: -1px;
   background-color: #fff;
   border: 1px solid #ddd;
}

   .list-group-item:first-child {
      border-top-right-radius: 0;
      border-top-left-radius: 0;
   }

   .list-group-item:last-child {
      margin-bottom: 0;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
   }

a.list-group-item, button.list-group-item {
   color: #555;
}

   a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading {
      color: #333;
   }

   a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
      text-decoration: none;
      color: #555;
      background-color: #f5f5f5;
   }

button.list-group-item {
   width: 100%;
   text-align: left;
}

.list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover {
   background-color: #f5f4f4;
   color: #e6e5e4;
   cursor: not-allowed;
}

   .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading {
      color: inherit;
   }

   .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text {
      color: #e6e5e4;
   }

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
   z-index: 2;
   color: #fff;
   background-color: #002355;
   border-color: #002355;
}

   .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > small {
      color: inherit;
   }

   .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
      color: #227dff;
   }

.list-group-item-success {
   color: #3c763d;
   background-color: #dff0d8;
}

a.list-group-item-success, button.list-group-item-success {
   color: #3c763d;
}

   a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading {
      color: inherit;
   }

   a.list-group-item-success:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.list-group-item-success:hover {
      color: #3c763d;
      background-color: #d0e9c6;
   }

   a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover, button.list-group-item-success.active, button.list-group-item-success.active:focus, button.list-group-item-success.active:hover {
      color: #fff;
      background-color: #3c763d;
      border-color: #3c763d;
   }

.list-group-item-info {
   color: #31708f;
   background-color: #d9edf7;
}

a.list-group-item-info, button.list-group-item-info {
   color: #31708f;
}

   a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading {
      color: inherit;
   }

   a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover {
      color: #31708f;
      background-color: #c4e3f3;
   }

   a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover, button.list-group-item-info.active, button.list-group-item-info.active:focus, button.list-group-item-info.active:hover {
      color: #fff;
      background-color: #31708f;
      border-color: #31708f;
   }

.list-group-item-warning {
   color: #8a6d3b;
   background-color: #fcf8e3;
}

a.list-group-item-warning, button.list-group-item-warning {
   color: #8a6d3b;
}

   a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading {
      color: inherit;
   }

   a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.list-group-item-warning:hover {
      color: #8a6d3b;
      background-color: #faf2cc;
   }

   a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover, button.list-group-item-warning.active, button.list-group-item-warning.active:focus, button.list-group-item-warning.active:hover {
      color: #fff;
      background-color: #8a6d3b;
      border-color: #8a6d3b;
   }

.list-group-item-danger {
   color: #a94442;
   background-color: #f2dede;
}

a.list-group-item-danger, button.list-group-item-danger {
   color: #a94442;
}

   a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading {
      color: inherit;
   }

   a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.list-group-item-danger:hover {
      color: #a94442;
      background-color: #ebcccc;
   }

   a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover, button.list-group-item-danger.active, button.list-group-item-danger.active:focus, button.list-group-item-danger.active:hover {
      color: #fff;
      background-color: #a94442;
      border-color: #a94442;
   }

.list-group-item-heading {
   margin-top: 0;
   margin-bottom: 5px;
}

.list-group-item-text {
   margin-bottom: 0;
   line-height: 1.3;
}

.panel {
   margin-bottom: 24px;
   background-color: #fff;
   border: 1px solid transparent;
   border-radius: 0;
   box-shadow: 0 1px 1px rgba(0,0,0,.05);
   -o-box-shadow: "" 0 1px 1px rgba(0,0,0,.05) 1px 2px rgba(0,0,0,.2);
   box-shadow: 0 1px 1px 1px 2px "" rgba(0,0,0,.05) rgba(0,0,0,.2);
}

.panel-body {
   padding: 15px;
}

.panel-heading {
   padding: 10px 15px;
   border-bottom: 1px solid transparent;
   border-top-right-radius: -1;
   border-top-left-radius: -1;
}

   .panel-heading > .dropdown .dropdown-toggle, .panel-title {
      color: inherit;
   }

.panel-title {
   margin-top: 0;
   margin-bottom: 0;
   font-size: 18px;
}

   .panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a {
      color: inherit;
   }

.panel-footer {
   padding: 10px 15px;
   background-color: #f5f5f5;
   border-top: 1px solid #ddd;
   border-bottom-right-radius: -1;
   border-bottom-left-radius: -1;
}

.panel > .list-group, .panel > .panel-collapse > .list-group {
   margin-bottom: 0;
}

   .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item {
      border-width: 1px 0;
      border-radius: 0;
   }

   .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
      border-top: 0;
      border-top-right-radius: -1;
      border-top-left-radius: -1;
   }

   .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
      border-bottom: 0;
      border-bottom-right-radius: -1;
      border-bottom-left-radius: -1;
   }

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
   border-top-right-radius: 0;
   border-top-left-radius: 0;
}

.list-group + .panel-footer, .panel-heading + .list-group .list-group-item:first-child {
   border-top-width: 0;
}

.panel > .panel-collapse > .table, .panel > .table, .panel > .table-responsive > .table {
   margin-bottom: 0;
}

   .panel > .panel-collapse > .table caption, .panel > .table-responsive > .table caption, .panel > .table caption {
      padding-left: 15px;
      padding-right: 15px;
   }

   .panel > .table-responsive:first-child > .table:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table:first-child > thead:first-child > tr:first-child {
      border-top-right-radius: -1;
      border-top-left-radius: -1;
   }

      .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child {
         border-top-left-radius: -1;
      }

      .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
         border-top-right-radius: -1;
      }

   .panel > .table-responsive:last-child > .table:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child {
      border-bottom-right-radius: -1;
      border-bottom-left-radius: -1;
   }

      .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
         border-bottom-left-radius: -1;
      }

      .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
         border-bottom-right-radius: -1;
      }

   .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
      border-top: 1px solid #ddd;
   }

   .panel > .table > tbody:first-child > tr:first-child td, .panel > .table > tbody:first-child > tr:first-child th {
      border-top: 0;
   }

.panel > .table-bordered, .panel > .table-responsive > .table-bordered {
   border: 0;
}

   .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child {
      border-left: 0;
   }

   .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child {
      border-right: 0;
   }

   .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th {
      border-bottom: 0;
   }

.panel > .table-responsive {
   border: 0;
   margin-bottom: 0;
}

.panel-group {
   margin-bottom: 24px;
}

   .panel-group .panel {
      margin-bottom: 0;
      border-radius: 0;
   }

      .panel-group .panel + .panel {
         margin-top: 5px;
      }

   .panel-group .panel-heading {
      border-bottom: 0;
   }

      .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
         border-top: 1px solid #ddd;
      }

   .panel-group .panel-footer {
      border-top: 0;
   }

      .panel-group .panel-footer + .panel-collapse .panel-body {
         border-bottom: 1px solid #ddd;
      }

.panel-default {
   border-color: #ddd;
}

   .panel-default > .panel-heading {
      color: #9b9894;
      background-color: #f5f5f5;
      border-color: #ddd;
   }

      .panel-default > .panel-heading + .panel-collapse > .panel-body {
         border-top-color: #ddd;
      }

      .panel-default > .panel-heading .badge {
         color: #f5f5f5;
         background-color: #9b9894;
      }

   .panel-default > .panel-footer + .panel-collapse > .panel-body {
      border-bottom-color: #ddd;
   }

.panel-primary {
   border-color: #002355;
}

   .panel-primary > .panel-heading {
      color: #fff;
      background-color: #002355;
      border-color: #002355;
   }

      .panel-primary > .panel-heading + .panel-collapse > .panel-body {
         border-top-color: #002355;
      }

      .panel-primary > .panel-heading .badge {
         color: #002355;
         background-color: #fff;
      }

   .panel-primary > .panel-footer + .panel-collapse > .panel-body {
      border-bottom-color: #002355;
   }

.panel-success {
   border-color: #d6e9c6;
}

   .panel-success > .panel-heading {
      color: #3c763d;
      background-color: #dff0d8;
      border-color: #d6e9c6;
   }

      .panel-success > .panel-heading + .panel-collapse > .panel-body {
         border-top-color: #d6e9c6;
      }

      .panel-success > .panel-heading .badge {
         color: #dff0d8;
         background-color: #3c763d;
      }

   .panel-success > .panel-footer + .panel-collapse > .panel-body {
      border-bottom-color: #d6e9c6;
   }

.panel-info {
   border-color: #bce8f1;
}

   .panel-info > .panel-heading {
      color: #31708f;
      background-color: #d9edf7;
      border-color: #bce8f1;
   }

      .panel-info > .panel-heading + .panel-collapse > .panel-body {
         border-top-color: #bce8f1;
      }

      .panel-info > .panel-heading .badge {
         color: #d9edf7;
         background-color: #31708f;
      }

   .panel-info > .panel-footer + .panel-collapse > .panel-body {
      border-bottom-color: #bce8f1;
   }

.panel-warning {
   border-color: #faebcc;
}

   .panel-warning > .panel-heading {
      color: #8a6d3b;
      background-color: #fcf8e3;
      border-color: #faebcc;
   }

      .panel-warning > .panel-heading + .panel-collapse > .panel-body {
         border-top-color: #faebcc;
      }

      .panel-warning > .panel-heading .badge {
         color: #fcf8e3;
         background-color: #8a6d3b;
      }

   .panel-warning > .panel-footer + .panel-collapse > .panel-body {
      border-bottom-color: #faebcc;
   }

.panel-danger {
   border-color: #ebccd1;
}

   .panel-danger > .panel-heading {
      color: #a94442;
      background-color: #f2dede;
      border-color: #ebccd1;
   }

      .panel-danger > .panel-heading + .panel-collapse > .panel-body {
         border-top-color: #ebccd1;
      }

      .panel-danger > .panel-heading .badge {
         color: #f2dede;
         background-color: #a94442;
      }

   .panel-danger > .panel-footer + .panel-collapse > .panel-body {
      border-bottom-color: #ebccd1;
   }

.embed-responsive {
   position: relative;
   display: block;
   height: 0;
   padding: 0;
   overflow: hidden;
}

   .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      height: 100%;
      width: 100%;
      border: 0;
   }

.embed-responsive-16by9 {
   padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
   padding-bottom: 75%;
}

.well {
   min-height: 20px;
   padding: 19px;
   margin-bottom: 20px;
   background-color: #f5f5f5;
   border: 1px solid #e3e3e3;
   border-radius: 0;
   box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
   -o-box-shadow: "" inset 0 1px 1px rgba(0,0,0,.05) 1px 2px rgba(0,0,0,.2);
   box-shadow: inset 0 1px 1px 1px 2px "" rgba(0,0,0,.05) rgba(0,0,0,.2);
}

   .well blockquote {
      border-color: #ddd;
      border-color: rgba(0,0,0,.15);
   }

.well-lg {
   padding: 24px;
   border-radius: 0;
}

.well-sm {
   padding: 9px;
   border-radius: 0;
}

.close {
   float: right;
   font-size: 24px;
   font-weight: 700;
   line-height: 1;
   color: #000;
   text-shadow: 0 1px 0 #fff;
   opacity: .2;
   filter: alpha(opacity=20);
}

   .close:focus, .close:hover {
      color: #000;
      text-decoration: none;
      cursor: pointer;
      opacity: .5;
      filter: alpha(opacity=50);
   }

button.close {
   padding: 0;
   cursor: pointer;
   background: transparent;
   border: 0;
   -webkit-appearance: none;
}

.modal, .modal-open {
   overflow: hidden;
}

.modal {
   display: none;
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1050;
   -webkit-overflow-scrolling: touch;
   outline: 0;
}

   .modal.fade .modal-dialog {
      transform: translateY(-25%);
      transition: transform .3s ease-out;
   }

   .modal.in .modal-dialog {
      transform: translate(0);
   }

.modal-open .modal {
   overflow-x: hidden;
   overflow-y: auto;
}

.modal-dialog {
   position: relative;
   width: auto;
   margin: 10px;
}

.modal-content {
   position: relative;
   background-color: #fff;
   border: 1px solid #999;
   border: 1px solid rgba(0,0,0,.2);
   border-radius: 0;
   box-shadow: 0 3px 9px rgba(0,0,0,.5);
   -o-box-shadow: "" 0 3px 9px rgba(0,0,0,.5) 1px 2px rgba(0,0,0,.2);
   box-shadow: 0 3px 9px 1px 2px "" rgba(0,0,0,.5) rgba(0,0,0,.2);
   background-clip: padding-box;
   outline: 0;
}

.modal-backdrop {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0; 
   background-color: #000;
}

   .modal-backdrop.fade {
      opacity: 0;
      filter: alpha(opacity=0);
   }

   .modal-backdrop.in {
      opacity: .5;
      filter: alpha(opacity=50);
   }

.modal-header {
   padding: 15px;
   border-bottom: 1px solid #e5e5e5;
}

   .modal-header .close {
      margin-top: -2px;
   }

.modal-title {
   margin: 0;
   line-height: 1.5;
}

.modal-body {
   position: relative;
   padding: 15px;
}

.modal-footer {
   padding: 15px;
   text-align: right;
   border-top: 1px solid #e5e5e5;
}

   .modal-footer .btn + .btn, .modal-footer .intro__button + .intro__button {
      margin-left: 5px;
      margin-bottom: 0;
   }

   .modal-footer .btn-group .btn + .btn, .modal-footer .btn-group .intro__button + .intro__button {
      margin-left: -1px;
   }

   .modal-footer .btn-block + .btn-block {
      margin-left: 0;
   }

.modal-scrollbar-measure {
   position: absolute;
   top: -9999px;
   width: 50px;
   height: 50px;
   overflow: scroll;
}

@media (min-width:768px) {
   .modal-dialog {
      width: 600px;
      margin: 30px auto;
   }

   .modal-content {
      box-shadow: 0 5px 15px rgba(0,0,0,.5);
      -o-box-shadow: "" 0 5px 15px rgba(0,0,0,.5) 1px 2px rgba(0,0,0,.2);
      box-shadow: 0 5px 15px 1px 2px "" rgba(0,0,0,.5) rgba(0,0,0,.2);
   }

   .modal-sm {
      width: 300px;
   }
}

@media (min-width:992px) {
   .modal-lg {
      width: 900px;
   }
}

.tooltip {
   position: absolute;
   z-index: 1070;
   display: block;
   font-family: Koenig Bauer Type Text,Arial,sans-serif;
   font-style: normal;
   font-weight: 400;
   letter-spacing: normal;
   line-break: auto;
   line-height: 1.5;
   text-align: left;
   text-align: start;
   text-decoration: none;
   text-shadow: none;
   text-transform: none;
   white-space: normal;
   word-break: normal;
   word-spacing: normal;
   word-wrap: normal;
   opacity: 0;
   filter: alpha(opacity=0);
}

   .tooltip.in {
      opacity: .9;
      filter: alpha(opacity=90);
   }

   .tooltip.top {
      margin-top: -3px;
      padding: 5px 0;
   }

   .tooltip.right {
      margin-left: 3px;
      padding: 0 5px;
   }

   .tooltip.bottom {
      margin-top: 3px;
      padding: 5px 0;
   }

   .tooltip.left {
      margin-left: -3px;
      padding: 0 5px;
   }

.tooltip-inner {
   max-width: 200px;
   padding: 3px 8px;
   color: #fff;
   text-align: center;
   background-color: #000;
   border-radius: 0;
}

.tooltip-arrow {
   position: absolute;
   width: 0;
   height: 0;
   border-color: transparent;
   border-style: solid;
}

.tooltip.top .tooltip-arrow {
   bottom: 0;
   left: 50%;
   margin-left: -5px;
   border-width: 5px 5px 0;
   border-top-color: #000;
}

.tooltip.top-left .tooltip-arrow {
   right: 5px;
}

.tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow {
   bottom: 0;
   margin-bottom: -5px;
   border-width: 5px 5px 0;
   border-top-color: #000;
}

.tooltip.top-right .tooltip-arrow {
   left: 5px;
}

.tooltip.right .tooltip-arrow {
   top: 50%;
   left: 0;
   margin-top: -5px;
   border-width: 5px 5px 5px 0;
   border-right-color: #000;
}

.tooltip.left .tooltip-arrow {
   top: 50%;
   right: 0;
   margin-top: -5px;
   border-width: 5px 0 5px 5px;
   border-left-color: #000;
}

.tooltip.bottom .tooltip-arrow {
   top: 0;
   left: 50%;
   margin-left: -5px;
   border-width: 0 5px 5px;
   border-bottom-color: #000;
}

.tooltip.bottom-left .tooltip-arrow {
   top: 0;
   right: 5px;
   margin-top: -5px;
   border-width: 0 5px 5px;
   border-bottom-color: #000;
}

.tooltip.bottom-right .tooltip-arrow {
   top: 0;
   left: 5px;
   margin-top: -5px;
   border-width: 0 5px 5px;
   border-bottom-color: #000;
}

.popover {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1060;
   display: none;
   max-width: 276px;
   padding: 1px;
   font-family: Koenig Bauer Type Text,Arial,sans-serif;
   font-style: normal;
   font-weight: 400;
   letter-spacing: normal;
   line-break: auto;
   line-height: 1.5;
   text-align: left;
   text-align: start;
   text-decoration: none;
   text-shadow: none;
   text-transform: none;
   white-space: normal;
   word-break: normal;
   word-spacing: normal;
   word-wrap: normal;
   font-size: 16px;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid #ccc;
   border: 1px solid rgba(0,0,0,.2);
   border-radius: 0;
   box-shadow: 0 5px 10px rgba(0,0,0,.2);
   -o-box-shadow: "" 0 5px 10px rgba(0,0,0,.2) 1px 2px rgba(0,0,0,.2);
   box-shadow: 0 5px 10px 1px 2px "" rgba(0,0,0,.2) rgba(0,0,0,.2);
}

   .popover.top {
      margin-top: -10px;
   }

   .popover.right {
      margin-left: 10px;
   }

   .popover.bottom {
      margin-top: 10px;
   }

   .popover.left {
      margin-left: -10px;
   }

.popover-title {
   margin: 0;
   padding: 8px 14px;
   font-size: 16px;
   background-color: #f7f7f7;
   border-bottom: 1px solid #ebebeb;
   border-radius: -1 -1 0 0;
}

.popover-content {
   padding: 9px 14px;
}

.popover > .arrow, .popover > .arrow:after {
   position: absolute;
   display: block;
   width: 0;
   height: 0;
   border-color: transparent;
   border-style: solid;
}

.popover > .arrow {
   border-width: 11px;
}

   .popover > .arrow:after {
      border-width: 10px;
      content: "";
   }

.popover.top > .arrow {
   left: 50%;
   margin-left: -11px;
   border-bottom-width: 0;
   border-top-color: #999;
   border-top-color: rgba(0,0,0,.25);
   bottom: -11px;
}

   .popover.top > .arrow:after {
      content: " ";
      bottom: 1px;
      margin-left: -10px;
      border-bottom-width: 0;
      border-top-color: #fff;
   }

.popover.right > .arrow {
   top: 50%;
   left: -11px;
   margin-top: -11px;
   border-left-width: 0;
   border-right-color: #999;
   border-right-color: rgba(0,0,0,.25);
}

   .popover.right > .arrow:after {
      content: " ";
      left: 1px;
      bottom: -10px;
      border-left-width: 0;
      border-right-color: #fff;
   }

.popover.bottom > .arrow {
   left: 50%;
   margin-left: -11px;
   border-top-width: 0;
   border-bottom-color: #999;
   border-bottom-color: rgba(0,0,0,.25);
   top: -11px;
}

   .popover.bottom > .arrow:after {
      content: " ";
      top: 1px;
      margin-left: -10px;
      border-top-width: 0;
      border-bottom-color: #fff;
   }

.popover.left > .arrow {
   top: 50%;
   right: -11px;
   margin-top: -11px;
   border-right-width: 0;
   border-left-color: #999;
   border-left-color: rgba(0,0,0,.25);
}

   .popover.left > .arrow:after {
      content: " ";
      right: 1px;
      border-right-width: 0;
      border-left-color: #fff;
      bottom: -10px;
   }

.carousel, .carousel-inner {
   position: relative;
}

.carousel-inner {
   overflow: hidden;
   width: 100%;
}

   .carousel-inner > .item {
      display: none;
      position: relative;
      transition: left .6s ease-in-out;
      transition: all left .6s ease-in-out ease;
   }

      .carousel-inner > .item > a > img, .carousel-inner > .item > img {
         line-height: 1;
      }

@media (-webkit-transform-3d),(transform-3d) {
   .carousel-inner > .item {
      transition: transform .6s ease-in-out;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      perspective: 1000px;
   }

      .carousel-inner > .item.active.right, .carousel-inner > .item.next {
         transform: translate3d(100%,0,0);
         left: 0;
      }

      .carousel-inner > .item.active.left, .carousel-inner > .item.prev {
         transform: translate3d(-100%,0,0);
         left: 0;
      }

         .carousel-inner > .item.active, .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right {
            transform: translateZ(0);
            left: 0;
         }
}

.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
   display: block;
}

.carousel-inner > .active {
   left: 0;
}

.carousel-inner > .next, .carousel-inner > .prev {
   position: absolute;
   top: 0;
   width: 100%;
}

.carousel-inner > .next {
   left: 100%;
}

.carousel-inner > .prev {
   left: -100%;
}

   .carousel-inner > .next.left, .carousel-inner > .prev.right {
      left: 0;
   }

.carousel-inner > .active.left {
   left: -100%;
}

.carousel-inner > .active.right {
   left: 100%;
}

.carousel-control {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   width: 15%;
   opacity: .5;
   filter: alpha(opacity=50);
   font-size: 20px;
   color: #fff;
   text-align: center;
   text-shadow: 0 1px 2px rgba(0,0,0,.6);
   background-color: transparent;
}

   .carousel-control.left {
      background-repeat: repeat-x;
      background-image: linear-gradient(90deg,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001));
   }

   .carousel-control.right {
      left: auto;
      right: 0;
      background-repeat: repeat-x;
      background-image: linear-gradient(90deg,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5));
   }

   .carousel-control:focus, .carousel-control:hover {
      outline: 0;
      color: #fff;
      text-decoration: none;
      opacity: .9;
      filter: alpha(opacity=90);
   }

   .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
      position: absolute;
      top: 50%;
      margin-top: -10px;
      z-index: 5;
      display: inline-block;
   }

   .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
      left: 50%;
      margin-left: -10px;
   }

   .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
      right: 50%;
      margin-right: -10px;
   }

   .carousel-control .icon-next, .carousel-control .icon-prev {
      width: 20px;
      height: 20px;
      line-height: 1;
      font-family: serif;
   }

      .carousel-control .icon-prev:before {
         content: "\2039";
      }

      .carousel-control .icon-next:before {
         content: "\203a";
      }

.carousel-indicators {
   position: absolute;
   bottom: 10px;
   left: 50%;
   z-index: 15;
   width: 60%;
   margin-left: -30%;
   padding-left: 0;
   list-style: none;
   text-align: center;
}

   .carousel-indicators li {
      display: inline-block;
      width: 10px;
      height: 10px;
      margin: 1px;
      text-indent: -999px;
      border: 1px solid #fff;
      border-radius: 10px;
      cursor: pointer;
      background-color: #000\9;
      background-color: transparent;
   }

   .carousel-indicators .active {
      margin: 0;
      width: 12px;
      height: 12px;
      background-color: #fff;
   }

.carousel-caption {
   position: absolute;
   left: 15%;
   right: 15%;
   bottom: 20px;
   z-index: 10;
   padding-top: 20px;
   padding-bottom: 20px;
   color: #fff;
   text-align: center;
   text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

   .carousel-caption .btn, .carousel-caption .intro__button {
      text-shadow: none;
   }

@media screen and (min-width:768px) {
   .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
      width: 30px;
      height: 30px;
      margin-top: -10px;
      font-size: 30px;
   }

   .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
      margin-left: -10px;
   }

   .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
      margin-right: -10px;
   }

   .carousel-caption {
      left: 20%;
      right: 20%;
      padding-bottom: 30px;
   }

   .carousel-indicators {
      bottom: 20px;
   }
}

.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .container > .panel-group .panel-body > .text:after, .container > .panel-group .panel-body > .text:before, .container > .text:after, .container > .text:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .flexslider--teaser-slider:after, .flexslider--teaser-slider:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .glossary__list:after, .glossary__list:before,     .intro-headline__content:after, .intro-headline__content:before, .intro-headline__content > .panel-group .panel-body > .text:after, .intro-headline__content > .panel-group .panel-body > .text:before, .intro-headline__content > .text:after, .intro-headline__content > .text:before, .intro__slide-content:after, .intro__slide-content:before, .intro__slide-content > .panel-group .panel-body > .text:after, .intro__slide-content > .panel-group .panel-body > .text:before, .intro__slide-content > .text:after, .intro__slide-content > .text:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before, .text--images-aside:after, .text--images-aside:before, .text__images--rows:after, .text__images--rows:before, .textpic-jump--container .textpic-jump__list--columns:after, .textpic-jump--container .textpic-jump__list--columns:before, .textpic-jump--container:after, .textpic-jump--container:before, .text-jump--container .text-jump__list--columns:after, .text-jump--container .text-jump__list--columns:before, .text-jump--container:after, .text-jump--container:before {
   content: " ";
   display: table;
}

.btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .container > .panel-group .panel-body > .text:after, .container > .text:after, .dl-horizontal dd:after, .flexslider--teaser-slider:after, .form-horizontal .form-group:after, .glossary__list:after,  .intro-headline__content:after, .intro-headline__content > .panel-group .panel-body > .text:after, .intro-headline__content > .text:after, .intro__slide-content:after, .intro__slide-content > .panel-group .panel-body > .text:after, .intro__slide-content > .text:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after, .text--images-aside:after, .text__images--rows:after, .textpic-jump--container .textpic-jump__list--columns:after, .textpic-jump--container:after, .text-jump--container .text-jump__list--columns:after, .text-jump--container:after {
   clear: both;
}

.center-block {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.pull-right {
   float: right!important;
}

.pull-left {
   float: left!important;
}

.hide {
   display: none!important;
}

.show {
   display: block!important;
}

.invisible {
   visibility: hidden;
}

.text-hide {
   font: 0/0 a;
   color: transparent;
   text-shadow: none;
   background-color: transparent;
   border: 0;
}

.hidden {
   display: none!important;
}

.affix {
   position: fixed;
}

@-ms-viewport {
   width: device-width;
}

.visible-lg, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
   display: none!important;
}

@media (max-width:767px) {
   .visible-xs {
      display: block!important;
   }

   table.visible-xs {
      display: table!important;
   }

   tr.visible-xs {
      display: table-row!important;
   }

   td.visible-xs, th.visible-xs {
      display: table-cell!important;
   }
}

@media (max-width:767px) {
   .visible-xs-block {
      display: block!important;
   }
}

@media (max-width:767px) {
   .visible-xs-inline {
      display: inline!important;
   }
}

@media (max-width:767px) {
   .visible-xs-inline-block {
      display: inline-block!important;
   }
}

@media (min-width:768px) and (max-width:991px) {
   .visible-sm {
      display: block!important;
   }

   table.visible-sm {
      display: table!important;
   }

   tr.visible-sm {
      display: table-row!important;
   }

   td.visible-sm, th.visible-sm {
      display: table-cell!important;
   }
}

@media (min-width:768px) and (max-width:991px) {
   .visible-sm-block {
      display: block!important;
   }
}

@media (min-width:768px) and (max-width:991px) {
   .visible-sm-inline {
      display: inline!important;
   }
}

@media (min-width:768px) and (max-width:991px) {
   .visible-sm-inline-block {
      display: inline-block!important;
   }
}

@media (min-width:992px) and (max-width:1199px) {
   .visible-md {
      display: block!important;
   }

   table.visible-md {
      display: table!important;
   }

   tr.visible-md {
      display: table-row!important;
   }

   td.visible-md, th.visible-md {
      display: table-cell!important;
   }
}

@media (min-width:992px) and (max-width:1199px) {
   .visible-md-block {
      display: block!important;
   }
}

@media (min-width:992px) and (max-width:1199px) {
   .visible-md-inline {
      display: inline!important;
   }
}

@media (min-width:992px) and (max-width:1199px) {
   .visible-md-inline-block {
      display: inline-block!important;
   }
}

@media (min-width:1200px) {
   .visible-lg {
      display: block!important;
   }

   table.visible-lg {
      display: table!important;
   }

   tr.visible-lg {
      display: table-row!important;
   }

   td.visible-lg, th.visible-lg {
      display: table-cell!important;
   }
}

@media (min-width:1200px) {
   .visible-lg-block {
      display: block!important;
   }
}

@media (min-width:1200px) {
   .visible-lg-inline {
      display: inline!important;
   }
}

@media (min-width:1200px) {
   .visible-lg-inline-block {
      display: inline-block!important;
   }
}

@media (max-width:767px) {
   .hidden-xs {
      display: none!important;
   }
}

@media (min-width:768px) and (max-width:991px) {
   .hidden-sm {
      display: none!important;
   }
}

@media (min-width:992px) and (max-width:1199px) {
   .hidden-md {
      display: none!important;
   }
}

@media (min-width:1200px) {
   .hidden-lg {
      display: none!important;
   }
}

.visible-print {
   display: none!important;
}

@media print {
   .visible-print {
      display: block!important;
   }

   table.visible-print {
      display: table!important;
   }

   tr.visible-print {
      display: table-row!important;
   }

   td.visible-print, th.visible-print {
      display: table-cell!important;
   }
}

.visible-print-block {
   display: none!important;
}

@media print {
   .visible-print-block {
      display: block!important;
   }
}

.visible-print-inline {
   display: none!important;
}

@media print {
   .visible-print-inline {
      display: inline!important;
   }
}

.visible-print-inline-block {
   display: none!important;
}

@media print {
   .visible-print-inline-block {
      display: inline-block!important;
   }
}

@media print {
   .hidden-print {
      display: none!important;
   }
}

.datepicker {
   border-radius: 0;
   direction: ltr;
}

.datepicker-inline {
   width: 220px;
}

.datepicker.datepicker-rtl {
   direction: rtl;
}

   .datepicker.datepicker-rtl table tr td span {
      float: right;
   }

.datepicker-dropdown {
   top: 0;
   left: 0;
   padding: 4px;
}

   .datepicker-dropdown:before {
      content: "";
      display: inline-block;
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      border-bottom: 7px solid rgba(0,0,0,.15);
      border-top: 0;
      border-bottom-color: rgba(0,0,0,.2);
      position: absolute;
   }

   .datepicker-dropdown:after {
      content: "";
      display: inline-block;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-bottom: 6px solid #fff;
      border-top: 0;
      position: absolute;
   }

   .datepicker-dropdown.datepicker-orient-left:before {
      left: 6px;
   }

   .datepicker-dropdown.datepicker-orient-left:after {
      left: 7px;
   }

   .datepicker-dropdown.datepicker-orient-right:before {
      right: 6px;
   }

   .datepicker-dropdown.datepicker-orient-right:after {
      right: 7px;
   }

   .datepicker-dropdown.datepicker-orient-bottom:before {
      top: -7px;
   }

   .datepicker-dropdown.datepicker-orient-bottom:after {
      top: -6px;
   }

   .datepicker-dropdown.datepicker-orient-top:before {
      bottom: -7px;
      border-bottom: 0;
      border-top: 7px solid rgba(0,0,0,.15);
   }

   .datepicker-dropdown.datepicker-orient-top:after {
      bottom: -6px;
      border-bottom: 0;
      border-top: 6px solid #fff;
   }

.datepicker > div {
   display: none;
}

.datepicker table {
   margin: 0;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

   .datepicker table tr td, .datepicker table tr th {
      text-align: center;
      width: 30px;
      height: 30px;
      border-radius: 4px;
      border: none;
   }

.table-striped .datepicker table tr td, .table-striped .datepicker table tr th {
   background-color: transparent;
}

.datepicker table tr td.new, .datepicker table tr td.old {
   color: #e6e5e4;
}

.datepicker table tr td.day:hover, .datepicker table tr td.focused {
   background: #f5f4f4;
   cursor: pointer;
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
   background: none;
   color: #e6e5e4;
   cursor: default;
}

.datepicker table tr td.highlighted {
   color: #000;
   background-color: #d9edf7;
   border-color: #85c5e5;
   border-radius: 0;
}

   .datepicker table tr td.highlighted.focus, .datepicker table tr td.highlighted:focus {
      color: #000;
      background-color: #afd9ee;
      border-color: #298fc2;
   }

   .datepicker table tr td.highlighted.active, .datepicker table tr td.highlighted:active, .datepicker table tr td.highlighted:hover, .open > .dropdown-toggle.datepicker table tr td.highlighted {
      color: #000;
      background-color: #afd9ee;
      border-color: #52addb;
   }

      .datepicker table tr td.highlighted.active.focus, .datepicker table tr td.highlighted.active:focus, .datepicker table tr td.highlighted.active:hover, .datepicker table tr td.highlighted:active.focus, .datepicker table tr td.highlighted:active:focus, .datepicker table tr td.highlighted:active:hover, .open > .dropdown-toggle.datepicker table tr td.highlighted.focus, .open > .dropdown-toggle.datepicker table tr td.highlighted:focus, .open > .dropdown-toggle.datepicker table tr td.highlighted:hover {
         color: #000;
         background-color: #91cbe8;
         border-color: #298fc2;
      }

   .datepicker table tr td.highlighted.active, .datepicker table tr td.highlighted:active, .open > .dropdown-toggle.datepicker table tr td.highlighted {
      background-image: none;
   }

   .datepicker table tr td.highlighted.disabled.focus, .datepicker table tr td.highlighted.disabled:focus, .datepicker table tr td.highlighted.disabled:hover, .datepicker table tr td.highlighted[disabled].focus, .datepicker table tr td.highlighted[disabled]:focus, .datepicker table tr td.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.highlighted.focus, fieldset[disabled] .datepicker table tr td.highlighted:focus, fieldset[disabled] .datepicker table tr td.highlighted:hover {
      background-color: #d9edf7;
      border-color: #85c5e5;
   }

   .datepicker table tr td.highlighted .badge {
      color: #d9edf7;
      background-color: #000;
   }

   .datepicker table tr td.highlighted.focused {
      background: #afd9ee;
   }

   .datepicker table tr td.highlighted.disabled, .datepicker table tr td.highlighted.disabled:active {
      background: #d9edf7;
      color: #e6e5e4;
   }

.datepicker table tr td.today {
   color: #000;
   background-color: #ffdb99;
   border-color: #ffb733;
}

   .datepicker table tr td.today.focus, .datepicker table tr td.today:focus {
      color: #000;
      background-color: #ffc966;
      border-color: #b37400;
   }

   .datepicker table tr td.today.active, .datepicker table tr td.today:active, .datepicker table tr td.today:hover, .open > .dropdown-toggle.datepicker table tr td.today {
      color: #000;
      background-color: #ffc966;
      border-color: #f59e00;
   }

      .datepicker table tr td.today.active.focus, .datepicker table tr td.today.active:focus, .datepicker table tr td.today.active:hover, .datepicker table tr td.today:active.focus, .datepicker table tr td.today:active:focus, .datepicker table tr td.today:active:hover, .open > .dropdown-toggle.datepicker table tr td.today.focus, .open > .dropdown-toggle.datepicker table tr td.today:focus, .open > .dropdown-toggle.datepicker table tr td.today:hover {
         color: #000;
         background-color: #ffbc42;
         border-color: #b37400;
      }

   .datepicker table tr td.today.active, .datepicker table tr td.today:active, .open > .dropdown-toggle.datepicker table tr td.today {
      background-image: none;
   }

   .datepicker table tr td.today.disabled.focus, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today[disabled].focus, .datepicker table tr td.today[disabled]:focus, .datepicker table tr td.today[disabled]:hover, fieldset[disabled] .datepicker table tr td.today.focus, fieldset[disabled] .datepicker table tr td.today:focus, fieldset[disabled] .datepicker table tr td.today:hover {
      background-color: #ffdb99;
      border-color: #ffb733;
   }

   .datepicker table tr td.today .badge {
      color: #ffdb99;
      background-color: #000;
   }

   .datepicker table tr td.today.focused {
      background: #ffc966;
   }

   .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:active {
      background: #ffdb99;
      color: #e6e5e4;
   }

.datepicker table tr td.range {
   color: #000;
   background-color: #f5f4f4;
   border-color: #c4bfbf;
   border-radius: 0;
}

   .datepicker table tr td.range.focus, .datepicker table tr td.range:focus {
      color: #000;
      background-color: #ddd9d9;
      border-color: #887c7c;
   }

   .datepicker table tr td.range.active, .datepicker table tr td.range:active, .datepicker table tr td.range:hover, .open > .dropdown-toggle.datepicker table tr td.range {
      color: #000;
      background-color: #ddd9d9;
      border-color: #a79f9f;
   }

      .datepicker table tr td.range.active.focus, .datepicker table tr td.range.active:focus, .datepicker table tr td.range.active:hover, .datepicker table tr td.range:active.focus, .datepicker table tr td.range:active:focus, .datepicker table tr td.range:active:hover, .open > .dropdown-toggle.datepicker table tr td.range.focus, .open > .dropdown-toggle.datepicker table tr td.range:focus, .open > .dropdown-toggle.datepicker table tr td.range:hover {
         color: #000;
         background-color: #ccc7c7;
         border-color: #887c7c;
      }

   .datepicker table tr td.range.active, .datepicker table tr td.range:active, .open > .dropdown-toggle.datepicker table tr td.range {
      background-image: none;
   }

   .datepicker table tr td.range.disabled.focus, .datepicker table tr td.range.disabled:focus, .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range[disabled].focus, .datepicker table tr td.range[disabled]:focus, .datepicker table tr td.range[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.focus, fieldset[disabled] .datepicker table tr td.range:focus, fieldset[disabled] .datepicker table tr td.range:hover {
      background-color: #f5f4f4;
      border-color: #c4bfbf;
   }

   .datepicker table tr td.range .badge {
      color: #f5f4f4;
      background-color: #000;
   }

   .datepicker table tr td.range.focused {
      background: #ddd9d9;
   }

   .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:active {
      background: #f5f4f4;
      color: #e6e5e4;
   }

   .datepicker table tr td.range.highlighted {
      color: #000;
      background-color: #e7f1f6;
      border-color: #9ec4d9;
   }

      .datepicker table tr td.range.highlighted.focus, .datepicker table tr td.range.highlighted:focus {
         color: #000;
         background-color: #c2dae7;
         border-color: #468cb1;
      }

      .datepicker table tr td.range.highlighted.active, .datepicker table tr td.range.highlighted:active, .datepicker table tr td.range.highlighted:hover, .open > .dropdown-toggle.datepicker table tr td.range.highlighted {
         color: #000;
         background-color: #c2dae7;
         border-color: #72aac7;
      }

         .datepicker table tr td.range.highlighted.active.focus, .datepicker table tr td.range.highlighted.active:focus, .datepicker table tr td.range.highlighted.active:hover, .datepicker table tr td.range.highlighted:active.focus, .datepicker table tr td.range.highlighted:active:focus, .datepicker table tr td.range.highlighted:active:hover, .open > .dropdown-toggle.datepicker table tr td.range.highlighted.focus, .open > .dropdown-toggle.datepicker table tr td.range.highlighted:focus, .open > .dropdown-toggle.datepicker table tr td.range.highlighted:hover {
            color: #000;
            background-color: #a9cbdd;
            border-color: #468cb1;
         }

      .datepicker table tr td.range.highlighted.active, .datepicker table tr td.range.highlighted:active, .open > .dropdown-toggle.datepicker table tr td.range.highlighted {
         background-image: none;
      }

      .datepicker table tr td.range.highlighted.disabled.focus, .datepicker table tr td.range.highlighted.disabled:focus, .datepicker table tr td.range.highlighted.disabled:hover, .datepicker table tr td.range.highlighted[disabled].focus, .datepicker table tr td.range.highlighted[disabled]:focus, .datepicker table tr td.range.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.highlighted.focus, fieldset[disabled] .datepicker table tr td.range.highlighted:focus, fieldset[disabled] .datepicker table tr td.range.highlighted:hover {
         background-color: #e7f1f6;
         border-color: #9ec4d9;
      }

      .datepicker table tr td.range.highlighted .badge {
         color: #e7f1f6;
         background-color: #000;
      }

      .datepicker table tr td.range.highlighted.focused {
         background: #c2dae7;
      }

      .datepicker table tr td.range.highlighted.disabled, .datepicker table tr td.range.highlighted.disabled:active {
         background: #e7f1f6;
         color: #e6e5e4;
      }

   .datepicker table tr td.range.today {
      color: #000;
      background-color: #facd7a;
      border-color: #f6a718;
   }

      .datepicker table tr td.range.today.focus, .datepicker table tr td.range.today:focus {
         color: #000;
         background-color: #f8ba49;
         border-color: #895a05;
      }

      .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover, .open > .dropdown-toggle.datepicker table tr td.range.today {
         color: #000;
         background-color: #f8ba49;
         border-color: #c98408;
      }

         .datepicker table tr td.range.today.active.focus, .datepicker table tr td.range.today.active:focus, .datepicker table tr td.range.today.active:hover, .datepicker table tr td.range.today:active.focus, .datepicker table tr td.range.today:active:focus, .datepicker table tr td.range.today:active:hover, .open > .dropdown-toggle.datepicker table tr td.range.today.focus, .open > .dropdown-toggle.datepicker table tr td.range.today:focus, .open > .dropdown-toggle.datepicker table tr td.range.today:hover {
            color: #000;
            background-color: #f7ad26;
            border-color: #895a05;
         }

      .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:active, .open > .dropdown-toggle.datepicker table tr td.range.today {
         background-image: none;
      }

      .datepicker table tr td.range.today.disabled.focus, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today[disabled].focus, .datepicker table tr td.range.today[disabled]:focus, .datepicker table tr td.range.today[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.today.focus, fieldset[disabled] .datepicker table tr td.range.today:focus, fieldset[disabled] .datepicker table tr td.range.today:hover {
         background-color: #facd7a;
         border-color: #f6a718;
      }

      .datepicker table tr td.range.today .badge {
         color: #facd7a;
         background-color: #000;
      }

      .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:active {
         background: #facd7a;
         color: #e6e5e4;
      }

.datepicker table tr td.selected, .datepicker table tr td.selected.highlighted {
   color: #fff;
   background-color: #e6e5e4;
   border-color: #cdcbc9;
   text-shadow: 0 -1px 0 rgba(0,0,0,.25);
}

   .datepicker table tr td.selected.focus, .datepicker table tr td.selected.highlighted.focus, .datepicker table tr td.selected.highlighted:focus, .datepicker table tr td.selected:focus {
      color: #fff;
      background-color: #cdccca;
      border-color: #908b87;
   }

   .datepicker table tr td.selected.active, .datepicker table tr td.selected.highlighted.active, .datepicker table tr td.selected.highlighted:active, .datepicker table tr td.selected.highlighted:hover, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover, .open > .dropdown-toggle.datepicker table tr td.selected, .open > .dropdown-toggle.datepicker table tr td.selected.highlighted {
      color: #fff;
      background-color: #cdccca;
      border-color: #b0aca9;
   }

      .datepicker table tr td.selected.active.focus, .datepicker table tr td.selected.active:focus, .datepicker table tr td.selected.active:hover, .datepicker table tr td.selected.highlighted.active.focus, .datepicker table tr td.selected.highlighted.active:focus, .datepicker table tr td.selected.highlighted.active:hover, .datepicker table tr td.selected.highlighted:active.focus, .datepicker table tr td.selected.highlighted:active:focus, .datepicker table tr td.selected.highlighted:active:hover, .datepicker table tr td.selected:active.focus, .datepicker table tr td.selected:active:focus, .datepicker table tr td.selected:active:hover, .open > .dropdown-toggle.datepicker table tr td.selected.focus, .open > .dropdown-toggle.datepicker table tr td.selected.highlighted.focus, .open > .dropdown-toggle.datepicker table tr td.selected.highlighted:focus, .open > .dropdown-toggle.datepicker table tr td.selected.highlighted:hover, .open > .dropdown-toggle.datepicker table tr td.selected:focus, .open > .dropdown-toggle.datepicker table tr td.selected:hover {
         color: #fff;
         background-color: #bcbab7;
         border-color: #908b87;
      }

      .datepicker table tr td.selected.active, .datepicker table tr td.selected.highlighted.active, .datepicker table tr td.selected.highlighted:active, .datepicker table tr td.selected:active, .open > .dropdown-toggle.datepicker table tr td.selected, .open > .dropdown-toggle.datepicker table tr td.selected.highlighted {
         background-image: none;
      }

   .datepicker table tr td.selected.disabled.focus, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.highlighted.disabled.focus, .datepicker table tr td.selected.highlighted.disabled:focus, .datepicker table tr td.selected.highlighted.disabled:hover, .datepicker table tr td.selected.highlighted[disabled].focus, .datepicker table tr td.selected.highlighted[disabled]:focus, .datepicker table tr td.selected.highlighted[disabled]:hover, .datepicker table tr td.selected[disabled].focus, .datepicker table tr td.selected[disabled]:focus, .datepicker table tr td.selected[disabled]:hover, fieldset[disabled] .datepicker table tr td.selected.focus, fieldset[disabled] .datepicker table tr td.selected.highlighted.focus, fieldset[disabled] .datepicker table tr td.selected.highlighted:focus, fieldset[disabled] .datepicker table tr td.selected.highlighted:hover, fieldset[disabled] .datepicker table tr td.selected:focus, fieldset[disabled] .datepicker table tr td.selected:hover {
      background-color: #e6e5e4;
      border-color: #cdcbc9;
   }

   .datepicker table tr td.selected .badge, .datepicker table tr td.selected.highlighted .badge {
      color: #e6e5e4;
      background-color: #fff;
   }

.datepicker table tr td.active, .datepicker table tr td.active.highlighted {
   color: #f02d32;
   background-color: transparent;
   border-color: #f02d32;
   text-shadow: 0 -1px 0 rgba(0,0,0,.25);
}

   .datepicker table tr td.active.focus, .datepicker table tr td.active.highlighted.focus, .datepicker table tr td.active.highlighted:focus, .datepicker table tr td.active:focus {
      color: #f02d32;
      background-color: transparent;
      border-color: #930a0e;
   }

   .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.highlighted:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .open > .dropdown-toggle.datepicker table tr td.active, .open > .dropdown-toggle.datepicker table tr td.active.highlighted {
      color: #f02d32;
      background-color: transparent;
      border-color: #d10f14;
   }

      .datepicker table tr td.active.active.focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active.focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active:active.focus, .datepicker table tr td.active:active:focus, .datepicker table tr td.active:active:hover, .open > .dropdown-toggle.datepicker table tr td.active.focus, .open > .dropdown-toggle.datepicker table tr td.active.highlighted.focus, .open > .dropdown-toggle.datepicker table tr td.active.highlighted:focus, .open > .dropdown-toggle.datepicker table tr td.active.highlighted:hover, .open > .dropdown-toggle.datepicker table tr td.active:focus, .open > .dropdown-toggle.datepicker table tr td.active:hover {
         color: #f02d32;
         background-color: transparent;
         border-color: #930a0e;
      }

      .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active:active, .open > .dropdown-toggle.datepicker table tr td.active, .open > .dropdown-toggle.datepicker table tr td.active.highlighted {
         background-image: none;
      }

   .datepicker table tr td.active.disabled.focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.highlighted.disabled.focus, .datepicker table tr td.active.highlighted.disabled:focus, .datepicker table tr td.active.highlighted.disabled:hover, .datepicker table tr td.active.highlighted[disabled].focus, .datepicker table tr td.active.highlighted[disabled]:focus, .datepicker table tr td.active.highlighted[disabled]:hover, .datepicker table tr td.active[disabled].focus, .datepicker table tr td.active[disabled]:focus, .datepicker table tr td.active[disabled]:hover, fieldset[disabled] .datepicker table tr td.active.focus, fieldset[disabled] .datepicker table tr td.active.highlighted.focus, fieldset[disabled] .datepicker table tr td.active.highlighted:focus, fieldset[disabled] .datepicker table tr td.active.highlighted:hover, fieldset[disabled] .datepicker table tr td.active:focus, fieldset[disabled] .datepicker table tr td.active:hover {
      background-color: transparent;
      border-color: #f02d32;
   }

   .datepicker table tr td.active .badge, .datepicker table tr td.active.highlighted .badge {
      color: transparent;
      background-color: #f02d32;
   }

.datepicker table tr td span {
   display: block;
   width: 23%;
   height: 54px;
   line-height: 54px;
   float: left;
   margin: 1%;
   cursor: pointer;
   border-radius: 4px;
}

   .datepicker table tr td span.focused, .datepicker table tr td span:hover {
      background: #f5f4f4;
   }

   .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
      background: none;
      color: #e6e5e4;
      cursor: default;
   }

   .datepicker table tr td span.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover {
      color: #f02d32;
      background-color: transparent;
      border-color: #f02d32;
      text-shadow: 0 -1px 0 rgba(0,0,0,.25);
   }

      .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover.focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.focus, .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover.focus, .datepicker table tr td span.active:hover:focus {
         color: #f02d32;
         background-color: transparent;
         border-color: #930a0e;
      }

      .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .open > .dropdown-toggle.datepicker table tr td span.active, .open > .dropdown-toggle.datepicker table tr td span.active.disabled, .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover, .open > .dropdown-toggle.datepicker table tr td span.active:hover {
         color: #f02d32;
         background-color: transparent;
         border-color: #d10f14;
      }

         .datepicker table tr td span.active.active.focus, .datepicker table tr td span.active.active:focus, .datepicker table tr td span.active.active:hover, .datepicker table tr td span.active.disabled.active.focus, .datepicker table tr td span.active.disabled.active:focus, .datepicker table tr td span.active.disabled.active:hover, .datepicker table tr td span.active.disabled:active.focus, .datepicker table tr td span.active.disabled:active:focus, .datepicker table tr td span.active.disabled:active:hover, .datepicker table tr td span.active.disabled:hover.active.focus, .datepicker table tr td span.active.disabled:hover.active:focus, .datepicker table tr td span.active.disabled:hover.active:hover, .datepicker table tr td span.active.disabled:hover:active.focus, .datepicker table tr td span.active.disabled:hover:active:focus, .datepicker table tr td span.active.disabled:hover:active:hover, .datepicker table tr td span.active:active.focus, .datepicker table tr td span.active:active:focus, .datepicker table tr td span.active:active:hover, .datepicker table tr td span.active:hover.active.focus, .datepicker table tr td span.active:hover.active:focus, .datepicker table tr td span.active:hover.active:hover, .datepicker table tr td span.active:hover:active.focus, .datepicker table tr td span.active:hover:active:focus, .datepicker table tr td span.active:hover:active:hover, .open > .dropdown-toggle.datepicker table tr td span.active.disabled.focus, .open > .dropdown-toggle.datepicker table tr td span.active.disabled:focus, .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover, .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover.focus, .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover:focus, .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover:hover, .open > .dropdown-toggle.datepicker table tr td span.active.focus, .open > .dropdown-toggle.datepicker table tr td span.active:focus, .open > .dropdown-toggle.datepicker table tr td span.active:hover, .open > .dropdown-toggle.datepicker table tr td span.active:hover.focus, .open > .dropdown-toggle.datepicker table tr td span.active:hover:focus, .open > .dropdown-toggle.datepicker table tr td span.active:hover:hover {
            color: #f02d32;
            background-color: transparent;
            border-color: #930a0e;
         }

         .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:active, .open > .dropdown-toggle.datepicker table tr td span.active, .open > .dropdown-toggle.datepicker table tr td span.active.disabled, .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover, .open > .dropdown-toggle.datepicker table tr td span.active:hover {
            background-image: none;
         }

         .datepicker table tr td span.active.disabled.disabled.focus, .datepicker table tr td span.active.disabled.disabled:focus, .datepicker table tr td span.active.disabled.disabled:hover, .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.disabled.focus, .datepicker table tr td span.active.disabled:hover.disabled:focus, .datepicker table tr td span.active.disabled:hover.disabled:hover, .datepicker table tr td span.active.disabled:hover[disabled].focus, .datepicker table tr td span.active.disabled:hover[disabled]:focus, .datepicker table tr td span.active.disabled:hover[disabled]:hover, .datepicker table tr td span.active.disabled[disabled].focus, .datepicker table tr td span.active.disabled[disabled]:focus, .datepicker table tr td span.active.disabled[disabled]:hover, .datepicker table tr td span.active:hover.disabled.focus, .datepicker table tr td span.active:hover.disabled:focus, .datepicker table tr td span.active:hover.disabled:hover, .datepicker table tr td span.active:hover[disabled].focus, .datepicker table tr td span.active:hover[disabled]:focus, .datepicker table tr td span.active:hover[disabled]:hover, .datepicker table tr td span.active[disabled].focus, .datepicker table tr td span.active[disabled]:focus, .datepicker table tr td span.active[disabled]:hover, fieldset[disabled] .datepicker table tr td span.active.disabled.focus, fieldset[disabled] .datepicker table tr td span.active.disabled:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover, fieldset[disabled] .datepicker table tr td span.active.focus, fieldset[disabled] .datepicker table tr td span.active:focus, fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active:hover.focus, fieldset[disabled] .datepicker table tr td span.active:hover:focus, fieldset[disabled] .datepicker table tr td span.active:hover:hover {
            background-color: transparent;
            border-color: #f02d32;
         }

            .datepicker table tr td span.active .badge, .datepicker table tr td span.active.disabled .badge, .datepicker table tr td span.active.disabled:hover .badge, .datepicker table tr td span.active:hover .badge {
               color: transparent;
               background-color: #f02d32;
            }

   .datepicker table tr td span.new, .datepicker table tr td span.old {
      color: #e6e5e4;
   }

.datepicker .datepicker-switch {
   width: 145px;
}

.datepicker .datepicker-switch, .datepicker .next, .datepicker .prev, .datepicker tfoot tr th {
   cursor: pointer;
}

   .datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
      background: #f5f4f4;
   }

.datepicker .cw {
   font-size: 10px;
   width: 12px;
   padding: 0 2px 0 5px;
   vertical-align: middle;
}

.input-group.date .input-group-addon {
   cursor: pointer;
}

.input-daterange {
   width: 100%;
}

   .input-daterange input {
      text-align: center;
   }

      .input-daterange input:first-child {
         border-radius: 3px 0 0 3px;
      }

      .input-daterange input:last-child {
         border-radius: 0 3px 3px 0;
      }

   .input-daterange .input-group-addon {
      width: auto;
      min-width: 16px;
      padding: 4px 5px;
      line-height: 1.5;
      text-shadow: 0 1px 0 #fff;
      border-width: 1px 0;
      margin-left: -5px;
      margin-right: -5px;
   }

@font-face {
   font-family: flexslider-icon;
   src: url('/Assets/Fonts/Icons/flexslider-icon.eot');
   src: url('/Assets/Fonts/Icons/flexslider-icon.eot?#iefix') format("embedded-opentype"),url('/Assets/Fonts/Icons/flexslider-icon.woff') format("woff"),url('/Assets/Fonts/Icons/flexslider-icon.ttf') format("truetype"),url('/Assets/Fonts/Icons/flexslider-icon.svg') format("svg");
   font-weight: 400;
   font-style: normal;
}

.flex-container a:hover, .flex-slider a:hover {
   outline: none;
}

.flex-control-nav, .flex-direction-nav, .slides, .slides > li {
   margin: 0;
   padding: 0;
   list-style: none;
}

.flex-pauseplay span {
   text-transform: capitalize;
}

.flexslider {
   padding: 0;
}

   .flexslider .slides > li {
      display: none;
      -webkit-backface-visibility: hidden;
   }

   .flexslider .slides img {
      width: 100%;
      display: block;
   }

   .flexslider .slides:after {
      content: "\0020";
      display: block;
      clear: both;
      visibility: hidden;
      line-height: 0;
      height: 0;
   }

html[xmlns] .flexslider .slides {
   display: block;
}

* html .flexslider .slides {
   height: 1%;
}

.no-js .flexslider .slides > li:first-child {
   display: block;
}

.flexslider {
   margin: 0;
   background: none;
   border: none;
   position: relative;
   zoom: 1;
   border-radius: 0;
   -o-box-shadow: "" 0 1px 4px rgba(0,0,0,.2);
   box-shadow: 0 1px 4px "" rgba(0,0,0,.2);
}

   .flexslider .slides {
      zoom: 1;
   }

      .flexslider .slides img {
         height: auto;
         -moz-user-select: none;
      }

.flex-viewport {
   max-height: 2000px;
   transition: all 1s ease;
}

.loading .flex-viewport {
   max-height: 300px;
}

.carousel li {
   margin-right: 5px;
}

.flex-direction-nav {
   *height: 0;
}

   .flex-direction-nav a {
      text-decoration: none;
      display: block;
      width: 40px;
      height: 40px;
      margin: -20px 0 0;
      position: absolute;
      top: 50%;
      z-index: 10;
      overflow: hidden;
      opacity: 0;
      cursor: pointer;
      transition: all .3s ease-in-out;
   }

      .flex-direction-nav a, .flex-direction-nav a:before {
         color: rgba(0,0,0,.8);
         text-shadow: 1px 1px 0 hsla(0,0%,100%,.3);
      }

         .flex-direction-nav a:before {
            font-family: flexslider-icon;
            font-size: 40px;
            display: inline-block;
            content: "\f001";
         }

         .flex-direction-nav a.flex-next:before {
            content: "\f002";
         }

   .flex-direction-nav .flex-prev {
      left: -50px;
   }

   .flex-direction-nav .flex-next {
      right: -50px;
      text-align: right;
   }

.flexslider:hover .flex-direction-nav .flex-prev {
   opacity: .7;
   left: 10px;
}

   .flexslider:hover .flex-direction-nav .flex-prev:hover {
      opacity: 1;
   }

.flexslider:hover .flex-direction-nav .flex-next {
   opacity: .7;
   right: 10px;
}

   .flexslider:hover .flex-direction-nav .flex-next:hover {
      opacity: 1;
   }

.flex-direction-nav .flex-disabled {
   opacity: 0!important;
   filter: alpha(opacity=0);
   cursor: default;
   z-index: -1;
}

.flex-pauseplay a {
   display: block;
   width: 20px;
   height: 20px;
   position: absolute;
   bottom: 5px;
   left: 10px;
   opacity: .8;
   z-index: 10;
   overflow: hidden;
   cursor: pointer;
   color: #000;
}

   .flex-pauseplay a:before {
      font-family: flexslider-icon;
      font-size: 20px;
      display: inline-block;
      content: "\f004";
   }

   .flex-pauseplay a:hover {
      opacity: 1;
   }

   .flex-pauseplay a.flex-play:before {
      content: "\f003";
   }

.flex-control-nav {
   width: 100%;
   position: absolute;
   bottom: -40px;
   text-align: center;
}

   .flex-control-nav li {
      margin: 0 6px;
      display: inline-block;
      zoom: 1;
      *display: inline;
   }

.flex-control-paging li a {
   width: 11px;
   height: 11px;
   display: block;
   background: #666;
   background: rgba(0,0,0,.5);
   cursor: pointer;
   text-indent: -9999px;
   -o-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
   box-shadow: inset 0 0 3px rgba(0,0,0,.3);
   border-radius: 20px;
}

   .flex-control-paging li a:hover {
      background: #333;
      background: rgba(0,0,0,.7);
   }

   .flex-control-paging li a.flex-active {
      background: #000;
      background: rgba(0,0,0,.9);
      cursor: default;
   }

.flex-control-thumbs {
   margin: 5px 0 0;
   position: static;
   overflow: hidden;
}

   .flex-control-thumbs li {
      width: 25%;
      float: left;
      margin: 0;
   }

   .flex-control-thumbs img {
      width: 100%;
      height: auto;
      display: block;
      opacity: .7;
      cursor: pointer;
      -moz-user-select: none;
      transition: all 1s ease;
   }

      .flex-control-thumbs img:hover {
         opacity: 1;
      }

   .flex-control-thumbs .flex-active {
      opacity: 1;
      cursor: default;
   }

@media screen and (max-width:860px) {
   .flex-direction-nav .flex-prev {
      opacity: 1;
      left: 10px;
   }

   .flex-direction-nav .flex-next {
      opacity: 1;
      right: 10px;
   }
}

.flex-control-nav:empty {
   display: none;
}

.chosen-select, .chosen-select-deselect {
   width: 100%;
}

.chosen-container {
   display: inline-block;
   font-size: 16px;
   position: relative;
   vertical-align: middle;
}

   .chosen-container .chosen-drop {
      background: #fff;
      border: 1px solid #cdcbc9;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
      box-shadow: none;
      -o-box-shadow: "" none 1px 2px rgba(0,0,0,.2);
      box-shadow: 1px 2px "" none rgba(0,0,0,.2);
      margin-top: -1px;
      position: absolute;
      top: 100%;
      left: -9000px;
      z-index: 1060;
   }

   .chosen-container.chosen-with-drop .chosen-drop {
      left: 0;
      right: 0;
   }

   .chosen-container .chosen-results {
      color: #cdcbc9;
      margin: 0 4px 4px 0;
      max-height: 240px;
      padding: 0 0 0 4px;
      position: relative;
      overflow-x: hidden;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
   }

      .chosen-container .chosen-results li {
         display: none;
         line-height: 1.5;
         list-style: none;
         margin: 0;
         padding: 5px 6px;
      }

         .chosen-container .chosen-results li em {
            background: #feffde;
            font-style: normal;
         }

         .chosen-container .chosen-results li.group-result {
            display: list-item;
            cursor: default;
            color: #999;
            font-weight: 700;
         }

         .chosen-container .chosen-results li.group-option {
            padding-left: 15px;
         }

         .chosen-container .chosen-results li.active-result {
            cursor: pointer;
            display: list-item;
         }

         .chosen-container .chosen-results li.highlighted {
            background-color: #f02d32;
            background-image: none;
            color: #fff;
         }

            .chosen-container .chosen-results li.highlighted em {
               background: transparent;
            }

         .chosen-container .chosen-results li.disabled-result {
            display: list-item;
            color: #e6e5e4;
         }

      .chosen-container .chosen-results .no-results {
         background: #f5f4f4;
         display: list-item;
      }

   .chosen-container .chosen-results-scroll {
      background: #fff;
      margin: 0 4px;
      position: absolute;
      text-align: center;
      width: 321px;
      z-index: 1;
   }

      .chosen-container .chosen-results-scroll span {
         display: inline-block;
         height: 1.5;
         text-indent: -5000px;
         width: 9px;
      }

   .chosen-container .chosen-results-scroll-down {
      bottom: 0;
   }

      .chosen-container .chosen-results-scroll-down span {
         background: url('../../Assets/Styles/.') no-repeat -4px -3px;
      }

   .chosen-container .chosen-results-scroll-up span {
      background: url('../../Assets/Styles/.') no-repeat -22px -3px;
   }

.chosen-container-single .chosen-single {
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid #cdcbc9;
   border-top-right-radius: 0;
   border-top-left-radius: 0;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
   box-shadow: none;
   -o-box-shadow: "" none 1px 2px rgba(0,0,0,.2);
   box-shadow: 1px 2px "" none rgba(0,0,0,.2);
   color: #cdcbc9;
   display: block;
   height: 44px;
   overflow: hidden;
   line-height: 44px;
   padding: 0 0 0 8px;
   position: relative;
   text-decoration: none;
   white-space: nowrap;
}

   .chosen-container-single .chosen-single span {
      display: block;
      margin-right: 26px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
   }

   .chosen-container-single .chosen-single abbr {
      background: url('../../Assets/Styles/.') 100% 0 no-repeat;
      display: block;
      font-size: 1px;
      height: 10px;
      position: absolute;
      right: 26px;
      top: 17px;
      width: 12px;
   }

      .chosen-container-single .chosen-single abbr:hover {
         background-position: right -11px;
      }

   .chosen-container-single .chosen-single.chosen-disabled .chosen-single abbr:hover {
      background-position: right 2px;
   }

   .chosen-container-single .chosen-single div {
      display: block;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      width: 18px;
   }

      .chosen-container-single .chosen-single div b {
         background: url('../../Assets/Styles/.') no-repeat 0 7px;
         display: block;
         height: 100%;
         width: 100%;
      }

.chosen-container-single .chosen-default {
   color: #e6e5e4;
}



.chosen-container-single .chosen-drop {
   margin-top: -1px;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
   background-clip: padding-box;
}

.chosen-container-multi .chosen-choices {
   background-color: #fff;
   border: 1px solid #cdcbc9;
   border-top-right-radius: 0;
   border-top-left-radius: 0;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
   box-shadow: none;
   -o-box-shadow: "" none 1px 2px rgba(0,0,0,.2);
   box-shadow: 1px 2px "" none rgba(0,0,0,.2);
   cursor: text;
   height: auto!important;
   height: 1%;
   margin: 0;
   overflow: hidden;
   padding: 0;
   position: relative;
}

   .chosen-container-multi .chosen-choices li {
      float: left;
      list-style: none;
   }

.chosen-container-multi .chosen-results {
   margin: 0;
   padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
   display: none;
}

.chosen-container-active .chosen-single, .chosen-container-active.chosen-with-drop .chosen-single {
   border: 1px solid #9b9894;
   box-shadow: none;
   -o-box-shadow: "" none 1px 2px rgba(0,0,0,.2);
   box-shadow: 1px 2px "" none rgba(0,0,0,.2);
   transition: border .2s linear,box-shadow .2s linear;
   transition: all border .2s linear,box-shadow .2s linear ease;
}

.chosen-container-active.chosen-with-drop .chosen-single {
   background-color: #fff;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
}

   .chosen-container-active.chosen-with-drop .chosen-single div {
      background: transparent;
      border-left: none;
   }

      .chosen-container-active.chosen-with-drop .chosen-single div b {
         background-position: -18px 7px;
      }

.chosen-container-active .chosen-choices {
   border: 1px solid #9b9894;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
   box-shadow: none;
   -o-box-shadow: "" none 1px 2px rgba(0,0,0,.2);
   box-shadow: 1px 2px "" none rgba(0,0,0,.2);
   transition: border .2s linear,box-shadow .2s linear;
   transition: all border .2s linear,box-shadow .2s linear ease;
} 
.chosen-container-active.chosen-with-drop .chosen-choices {
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
}

.chosen-disabled {
   cursor: default;
   opacity: .5!important;
}

  .chosen-disabled .chosen-single {
      cursor: default;
   }

.chosen-rtl {
   text-align: right;
}

   .chosen-rtl .chosen-single {
      padding: 0 8px 0 0;
      overflow: visible;
   }

      .chosen-rtl .chosen-single span {
         margin-left: 26px;
         margin-right: 0;
         direction: rtl;
      }

      .chosen-rtl .chosen-single div {
         left: 7px;
         right: auto;
      }

      .chosen-rtl .chosen-single abbr {
         left: 26px;
         right: auto;
      }
       

   .chosen-rtl .chosen-choices li {
      float: right;
   }
     
   .chosen-rtl.chosen-container-single .chosen-results {
      margin: 0 0 4px 4px;
      padding: 0 4px 0 0;
   }

   .chosen-rtl .chosen-results .group-option {
      padding-left: 0;
      padding-right: 15px;
   }

   .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
      border-right: none;
   }
    
.input-group .chosen-container:last-child .chosen-choices, .input-group .chosen-container:last-child .chosen-default, .input-group .chosen-container:last-child .chosen-single {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
}

.input-group .chosen-container:not(:last-child) .chosen-choices, .input-group .chosen-container:not(:last-child) .chosen-default, .input-group .chosen-container:not(:last-child) .chosen-single {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
}

 

.ui-helper-hidden {
   display: none;
}

.ui-helper-hidden-accessible {
   border: 0;
   clip: rect(0 0 0 0);
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   width: 1px;
}

.ui-helper-reset {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   line-height: 1.3;
   text-decoration: none;
   font-size: 100%;
   list-style: none;
}

.ui-helper-clearfix:after, .ui-helper-clearfix:before {
   content: "";
   display: table;
   border-collapse: collapse;
}

.ui-helper-clearfix:after {
   clear: both;
}

.ui-helper-zfix {
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: absolute;
   opacity: 0;
   filter: Alpha(Opacity=0);
}

.ui-front {
   z-index: 100;
}

.ui-state-disabled {
   cursor: default!important;
   pointer-events: none;
}

.ui-icon {
   display: inline-block;
   vertical-align: middle;
   margin-top: -.25em;
   position: relative;
   text-indent: -99999px;
   overflow: hidden;
   background-repeat: no-repeat;
}

.ui-widget-icon-block {
   left: 50%;
   margin-left: -8px;
   display: block;
}

.ui-widget-overlay {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.ui-autocomplete {
   position: absolute;
   top: 0;
   left: 0;
   cursor: default;
}

.ui-menu {
   list-style: none;
   padding: 0;
   margin: 0;
   display: block;
   outline: 0;
}

   .ui-menu .ui-menu {
      position: absolute;
   }

   .ui-menu .ui-menu-item {
      margin: 0;
      cursor: pointer;
      list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
   }

   .ui-menu .ui-menu-item-wrapper {
      position: relative;
      padding: 3px 1em 3px .4em;
   }

   .ui-menu .ui-menu-divider {
      margin: 5px 0;
      height: 0;
      font-size: 0;
      line-height: 0;
      border-width: 1px 0 0;
   }

   .ui-menu .ui-state-active, .ui-menu .ui-state-focus {
      margin: -1px;
   }

.ui-menu-icons {
   position: relative;
}

   .ui-menu-icons .ui-menu-item-wrapper {
      padding-left: 2em;
   }

.ui-menu .ui-icon {
   position: absolute;
   top: 0;
   bottom: 0;
   left: .2em;
   margin: auto 0;
}

.ui-menu .ui-menu-icon {
   left: auto;
   right: 0;
}

@font-face {
   font-family: Koenig Bauer Type Headline;
   src: url('/Assets/Fonts/KoenigBauerTypeHeadline-Light.eot');
   src: url('/Assets/Fonts/KoenigBauerTypeHeadline-Light.eot?#iefix') format("eot"),url('/Assets/Fonts/KoenigBauerTypeHeadline-Light.woff') format("woff2"),url('/Assets/Fonts/KoenigBauerTypeHeadline-Light.woff') format("woff"),url('/Assets/Fonts/KoenigBauerTypeHeadline-Light.ttf') format("truetype");
   font-weight: 200;
   font-style: normal;
}

@font-face {
   font-family: Koenig Bauer Type Headline;
   src: url('/Assets/Fonts/KoenigBauerTypeHeadline-LightItalic.eot');
   src: url('/Assets/Fonts/KoenigBauerTypeHeadline-LightItalic.eot?#iefix') format("eot"),url('/Assets/Fonts/KoenigBauerTypeHeadline-LightItalic.woff') format("woff2"),url('/Assets/Fonts/KoenigBauerTypeHeadline-LightItalic.woff') format("woff"),url('/Assets/Fonts/KoenigBauerTypeHeadline-LightItalic.ttf') format("truetype");
   font-weight: 200;
   font-style: italic;
}

@font-face {
   font-family: Koenig Bauer Type Headline;
   src: url('/Assets/Fonts/KoenigBauerTypeHeadline-Book.eot');
   src: url('/Assets/Fonts/KoenigBauerTypeHeadline-Book.eot?#iefix') format("eot"),url('/Assets/Fonts/KoenigBauerTypeHeadline-Book.woff') format("woff2"),url('/Assets/Fonts/KoenigBauerTypeHeadline-Book.woff') format("woff"),url('/Assets/Fonts/KoenigBauerTypeHeadline-Book.ttf') format("truetype");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: Koenig Bauer Type Headline;
   src: url('/Assets/Fonts/KoenigBauerTypeHeadline-BookItalic.eot');
   src: url('/Assets/Fonts/KoenigBauerTypeHeadline-BookItalic.eot?#iefix') format("eot"),url('/Assets/Fonts/KoenigBauerTypeHeadline-BookItalic.woff') format("woff2"),url('/Assets/Fonts/KoenigBauerTypeHeadline-BookItalic.woff') format("woff"),url('/Assets/Fonts/KoenigBauerTypeHeadline-BookItalic.ttf') format("truetype");
   font-weight: 400;
   font-style: italic;
}

@font-face {
   font-family: Koenig Bauer Type Headline;
   src: url('/Assets/Fonts/KoenigBauerTypeHeadline-Medium.eot');
   src: url('/Assets/Fonts/KoenigBauerTypeHeadline-Medium.eot?#iefix') format("eot"),url('/Assets/Fonts/KoenigBauerTypeHeadline-Medium.woff') format("woff2"),url('/Assets/Fonts/KoenigBauerTypeHeadline-Medium.woff') format("woff"),url('/Assets/Fonts/KoenigBauerTypeHeadline-Medium.ttf') format("truetype");
   font-weight: 700;
   font-style: normal;
}

@font-face {
   font-family: Koenig Bauer Type Headline;
   src: url('/Assets/Fonts/KoenigBauerTypeHeadline-MediumItalic.eot');
   src: url('/Assets/Fonts/KoenigBauerTypeHeadline-MediumItalic.eot?#iefix') format("eot"),url('/Assets/Fonts/KoenigBauerTypeHeadline-MediumItalic.woff') format("woff2"),url('/Assets/Fonts/KoenigBauerTypeHeadline-MediumItalic.woff') format("woff"),url('/Assets/Fonts/KoenigBauerTypeHeadline-MediumItalic.ttf') format("truetype");
   font-weight: 700;
   font-style: italic;
}

@font-face {
   font-family: Koenig Bauer Type Text;
   src: url('/Assets/Fonts/KoenigBauerTypeText-Light.eot');
   src: url('/Assets/Fonts/KoenigBauerTypeText-Light.eot?#iefix') format("eot"),url('/Assets/Fonts/KoenigBauerTypeText-Light.woff') format("woff2"),url('/Assets/Fonts/KoenigBauerTypeText-Light.woff') format("woff"),url('/Assets/Fonts/KoenigBauerTypeText-Light.ttf') format("truetype");
   font-weight: 200;
   font-style: normal;
}

@font-face {
   font-family: Koenig Bauer Type Text;
   src: url('/Assets/Fonts/KoenigBauerTypeText-LightItalic.eot');
   src: url('/Assets/Fonts/KoenigBauerTypeText-LightItalic.eot?#iefix') format("eot"),url('/Assets/Fonts/KoenigBauerTypeText-LightItalic.woff') format("woff2"),url('/Assets/Fonts/KoenigBauerTypeText-LightItalic.woff') format("woff"),url('/Assets/Fonts/KoenigBauerTypeText-LightItalic.ttf') format("truetype");
   font-weight: 200;
   font-style: italic;
}

@font-face {
   font-family: Koenig Bauer Type Text;
   src: url('/Assets/Fonts/KoenigBauerTypeText-Medium.eot');
   src: url('/Assets/Fonts/KoenigBauerTypeText-Medium.eot?#iefix') format("eot"),url('/Assets/Fonts/KoenigBauerTypeText-Medium.woff') format("woff2"),url('/Assets/Fonts/KoenigBauerTypeText-Medium.woff') format("woff"),url('/Assets/Fonts/KoenigBauerTypeText-Medium.ttf') format("truetype");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: Koenig Bauer Type Text;
   src: url('/Assets/Fonts/KoenigBauerTypeText-MediumItalic.eot');
   src: url('/Assets/Fonts/KoenigBauerTypeText-MediumItalic.eot?#iefix') format("eot"),url('/Assets/Fonts/KoenigBauerTypeText-MediumItalic.woff') format("woff2"),url('/Assets/Fonts/KoenigBauerTypeText-MediumItalic.woff') format("woff"),url('/Assets/Fonts/KoenigBauerTypeText-MediumItalic.ttf') format("truetype");
   font-weight: 400;
   font-style: italic;
}

@font-face {
   font-family: Koenig Bauer Type Text;
   src: url('/Assets/Fonts/KoenigBauerTypeText-SemiBold.eot');
   src: url('/Assets/Fonts/KoenigBauerTypeText-SemiBold.eot?#iefix') format("eot"),url('/Assets/Fonts/KoenigBauerTypeText-SemiBold.woff') format("woff2"),url('/Assets/Fonts/KoenigBauerTypeText-SemiBold.woff') format("woff"),url('/Assets/Fonts/KoenigBauerTypeText-SemiBold.ttf') format("truetype");
   font-weight: 700;
   font-style: normal;
}

@font-face {
   font-family: Koenig Bauer Type Text;
   src: url('/Assets/Fonts/KoenigBauerTypeText-SemiBoldItalic.eot');
   src: url('/Assets/Fonts/KoenigBauerTypeText-SemiBoldItalic.eot?#iefix') format("eot"),url('/Assets/Fonts/KoenigBauerTypeText-SemiBoldItalic.woff') format("woff2"),url('/Assets/Fonts/KoenigBauerTypeText-SemiBoldItalic.woff') format("woff"),url('/Assets/Fonts/KoenigBauerTypeText-SemiBoldItalic.ttf') format("truetype");
   font-weight: 700;
   font-style: italic;
}

@font-face {
   font-family: kba-icons;
   src: url('/Assets/Fonts/Icons/kba-icons.eot');
   src: url('/Assets/Fonts/Icons/kba-icons.eot#iefix') format("embedded-opentype"),url('/Assets/Fonts/Icons/kba-icons.ttf') format("truetype"),url('/Assets/Fonts/Icons/kba-icons.woff') format("woff"),url('/Assets/Fonts/Icons/kba-icons.svg') format("svg");
   font-weight: 400;
   font-style: normal;
}

[class*=" kba-icon-"]:before, [class^=kba-icon-]:before {
   font-family: kba-icons!important;
   speak: none;
   font-style: normal;
   font-weight: 400;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

.kba-icon-chevron-thin-up:before {
   content: "\e900";
}

.kba-icon-chevron-thin-down:before {
   content: "\e901";
}

.kba-icon-chevron-thin-left:before {
   content: "\e902";
}

.kba-icon-chevron-thin-right:before {
   content: "\e903";
}

.kba-icon-chevron-small-up:before {
   content: "\e904";
}

.kba-icon-chevron-small-down:before {
   content: "\e905";
}

.kba-icon-chevron-small-left:before {
   content: "\e906";
}

.kba-icon-chevron-small-right:before {
   content: "\e907";
}

.kba-icon-triangle-up:before {
   content: "\e908";
}

.kba-icon-triangle-down:before {
   content: "\e909";
}

.kba-icon-triangle-left:before {
   content: "\e90a";
}

.kba-icon-triangle-right:before {
   content: "\e90b";
}

.kba-icon-check:before {
   content: "\e90c";
}

.kba-icon-controller-record:before {
   content: "\e90d";
}

.kba-icon-warning:before {
   content: "\e90e";
}

.kba-icon-magnifying-glass:before {
   content: "\e90f";
}

.kba-icon-menu:before {
   content: "\e910";
}

.kba-icon-cross:before {
   content: "\e911";
}

.kba-icon-login:before {
   content: "\e912";
}

.kba-icon-log-out:before {
   content: "\e913";
}

.kba-icon-download:before {
   content: "\e914";
}

.kba-icon-video:before {
   content: "\e915";
}

.kba-icon-print:before {
   content: "\e916";
}

.kba-icon-mail:before {
   content: "\e917";
}

.kba-icon-phone:before {
   content: "\e918";
}

.kba-icon-facebook:before {
   content: "\e919";
}

.kba-icon-twitter:before {
   content: "\e91a";
}

.kba-icon-youtube:before {
   content: "\e91b";
}

.kba-icon-xing:before {
   content: "\e91c";
}

.kba-icon-linkedin:before {
   content: "\e91d";
}

.kba-icon-instagram:before {
   content: "\e91e";
}

.kba-icon-shopping-cart:before {
   content: "\e91f";
}

.kba-icon-switch:before {
   content: "\e920";
}

.kba-icon-gauge:before {
   content: "\e921";
}

.kba-icon-circular-graph:before {
   content: "\e922";
}

.kba-icon-document:before {
   content: "\e923";
}

.kba-icon-folder:before {
   content: "\e924";
}

.kba-icon-trash:before {
   content: "\e925";
}

.kba-icon-funnel:before {
   content: "\e926";
}

.kba-icon-location-pin:before {
   content: "\e927";
}

.kba-icon-clock:before {
   content: "\e928";
}

.kba-icon-calendar:before {
   content: "\e929";
}

.kba-icon-wrench:before {
   content: "\e92a";
}

.kba-icon-brochure:before {
   content: "\e92b";
}

.kba-icon-level-up:before {
   content: "\e92c";
}

.kba-icon-rss:before {
   content: "\e92d";
}

.kba-icon-globe:before {
   content: "\e92e";
}

.wrapper {
   padding-top: 40px;
}

.border-full {
   border: 1px solid #000;
}

.module--margin-top {
   margin-top: 40px;
}

main {
   padding-top: 60px;
}

@media (min-width:992px) {
   main {
      padding-top: 203px;
   }
}

@media (min-width:992px) {
   main.coverno {
      padding-top: 12.2rem;
   }
}

main #js-drupa-intro {
   margin-top: -42px;
}

@media (min-width:992px) {
   .page-container--simple-landingpage main {
      padding-top: 10rem;
   }
}

.container--module, .intro-headline__content--module, .intro__slide-content--module {
   padding-top: 3.2rem;
   padding-bottom: 3.2rem;
}

@media (min-width:768px) {
   .container--module, .intro-headline__content--module, .intro__slide-content--module {
      padding-top: 6.4rem;
      padding-bottom: 6.4rem;
   }
}

.spacer-bottom {
   margin-bottom: 3.2rem;
}

.intro + .text, .intro-headline + .text, .spacer-top {
   margin-top: 3.2rem;
}

.no-scroll {
   overflow: hidden;
}

@media (max-width:767px) {
   body.no-scroll-xs {
      overflow: hidden;
   }
}

@media (max-width:991px) {
   body.no-scroll-sm {
      overflow: hidden;
   }
}

@media (max-width:1199px) {
   body.no-scroll-md {
      overflow: hidden;
   }
}

@media (max-width:1919px) {
   body.no-scroll-lg {
      overflow: hidden;
   }
}

.container--gray {
   background-color: #f5f4f4;
}

.gradient-blue {
   background-repeat: repeat-x;
   background-image: linear-gradient(180deg,#002355 0,#002355);
}

.gradient-gray {
   background-repeat: repeat-x;
   background-image: linear-gradient(180deg,#e6e5e4 0,#fff 75%);
}

.color-overlay--blue {
   background-color: #002355;
   display: inline-block;
   height: 100%;
   left: 0;
   opacity: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

.gradient-img-overlay-black {
   position: relative;
}

   .gradient-img-overlay-black:after {
      background-repeat: repeat-x;
      content: "";
      display: inline-block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      background-image: linear-gradient(180deg,transparent 50%,#0a0f0a);
   }

body {
   font-weight: 200;
}

.h1, h1 {
   margin-top: 2.4rem;
   margin-bottom: 4rem;
}

   .h1.center, h1.center {
      text-align: center;
   }

.event-list .event-item__title,  .h2, .h3, .h4, .h5, .h6, .job-offer-list .job-item__title, h2, h3, h4, h5, h6 {
   margin-top: 2.1rem;
   margin-bottom: 2.1rem;
   text-transform: none;
}

   .event-list .event-item__title,  .h2, .h2 b, .h2 strong, .h3, .h3 b, .h3 strong, .h4, .h4 b, .h4 strong, .h5, .h5 b, .h5 strong, .h6, .h6 b, .h6 strong, .job-offer-list .job-item__title, .job-offer-list .job-item__title b, .job-offer-list .job-item__title strong, h2, h2 b, h2 strong, h3, h3 b, h3 strong, h4, h4 b, h4 strong, h5, h5 b, h5 strong, h6, h6 b, h6 strong {
      font-weight: 400;
   }

.h1, h1, .h1 a {
   line-height: 3.2rem ;
   font-size: 2.6rem ;
}

@media (min-width:768px) {
   .h1, h1 {
      line-height: 3.8rem;
      font-size: 3.4rem;
   }
}

@media (min-width:992px) {
   .h1, h1 {
      line-height: 5.4rem;
      font-size: 4.4rem;
   }
}

@media (min-width:1200px) {
   .h1, h1 {
      line-height: 8rem;
      font-size: 7rem;
   }
}

.h1, .h1 b, .h1 strong, h1, h1 b, h1 strong {
   font-weight: 700;
}

.event-list .event-item__title, .h2, h2 {
   font-size: 2.4rem;
   line-height: 3rem;
}

@media (min-width:768px) {
   .event-list .event-item__title, .h2, h2 {
      font-size: 3rem;
      line-height: 3.4rem;
   }
}

@media (min-width:992px) {
   .event-list .event-item__title, .h2, h2 {
      font-size: 3.4rem;
      line-height: 3.8rem;
   }
}

@media (min-width:1200px) {
   .event-list .event-item__title, .h2, h2 {
      font-size: 5rem;
      line-height: 5.8rem;
   }
}

.h3, h3 {
   line-height: 2.4rem;
   font-size: 2rem;
   letter-spacing: normal;
}

@media (min-width:768px) {
   .h3, h3 {
      font-size: 2.6rem;
      line-height: 3rem;
   }
}

@media (min-width:992px) {
   .h3, h3 {
      font-size: 3rem;
      line-height: 3.4rem;
   }
}

@media (min-width:1200px) {
   .h3, h3 {
      font-size: 4rem;
      line-height: 4.4rem;
   }
}

.h4, .job-offer-list .job-item__title, h4 {
   line-height: 2.4rem;
   font-size: 1.8rem;
}

@media (min-width:768px) {
   .h4, .job-offer-list .job-item__title, h4 {
      font-size: 2rem;
   }
}

@media (min-width:1200px) {
   .h4, .job-offer-list .job-item__title, h4 {
      font-size: 2.3rem;
      line-height: 2.7rem;
   }
}

 .h5, h5 {
   line-height: 2rem;
}

@media (max-width:767px) {
    .h5, h5 {
      font-size: 1.6rem;
   }
}

.h6, h6 {
   line-height: 2rem;
}

@media (max-width:767px) {
   .h6, h6 {
      font-size: 1.4rem;
   }
}

.event-list .event-item__title, .h1, .h2, h1, h2 {
   letter-spacing: -1px;
}

.event-list .event-item__title,  .h1, .h2, .h3, .h4, .h5, .h6, .job-offer-list .job-item__title, h1, h2, h3, h4, h5, h6 {
   font-weight: 700;
}

   .h1 span, .h2 span, .h3 span, .h4 span, .h5 span, .h6 span, .job-offer-list .job-item__title span, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
      font-family: Koenig Bauer Type Text,Arial,sans-serif;
      color: #f02d32;
      letter-spacing: 0;
      display: block;
      font-weight: 700;
      text-transform: none;
      font-size: 1.8rem;
      line-height: 2rem;
      margin-bottom: .8rem;
   }

figcaption {
   color: #9b9894;
   font-size: 14px;
   line-height: 20px;
   margin-top: .8rem;
}

a:focus {
   outline: none;
}

a.link {
   cursor: pointer;
}

a.inbound-link:before {
   content: "\e912";
}

a.inbound-link:before, a.outbound-link:before {
   display: inline-block;
   font-family: kba-icons!important;
   speak: none;
   font-size: 16px;
   line-height: 1.5;
   font-style: normal;
   font-weight: 400;
   font-variant: normal;
   text-transform: none;
   vertical-align: middle;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

a.outbound-link:before {
   content: "\e913";
}

a.inbound-link:before, a.outbound-link:before {
   margin: 0 .25em;
   vertical-align: bottom;
}

a b {
   font-size: inherit;
   line-height: inherit;
}

p {
   margin-bottom: 2.1rem;
}

   p + button + p {
      margin-top: 3.2rem;
   }

small {
   font-size: 1.4rem;
   line-height: 2.2rem;
}

b, strong {
   font-weight: 700;
}

em, i {
   font-weight: 200;
   font-style: italic;
}

@media (max-width:767px) {
   a:not(.btn), b, em, i, ol, p, strong, ul {
      font-size: 1.4rem;
      line-height: 2.2rem;
   }
}

.hyphenate {
   -ms-hyphens: auto;
}

.-blue {
   color: #002355;
}

.-lead {
   margin-bottom: 3rem;
   font-weight: 200;
   font-size: 1.6rem;
}

@media (min-width:768px) {
   .-lead {
      font-size: 1.8rem;
   }
}

@media (min-width:992px) {
   .-lead {
      margin-bottom: 3.5rem;
   }
}

@media (min-width:1200px) {
   .-lead {
      font-size: 2.8rem;
      line-height: 3.2rem;
   }
}

.btn, .intro__button {
   padding: 1.2rem 2.4rem;
   line-height: 2rem;
   font-size: 1.4rem;
   font-weight: 700;
   width: 100%;
}

@media (min-width:480px) {
   .btn, .intro__button {
      width: auto;
   }
}

.btn-primary.focus, .btn-primary:focus, .btn-primary:hover {
   background-color: #f02d32;
   border-color: #f02d32;
   color: #fff;
}

.btn-secondary {
   color: #fff;
   background-color: transparent;
   border-color: #fff;
}

   .btn-secondary.focus, .btn-secondary:focus {
      color: #fff;
      background-color: transparent;
      border-color: #bfbfbf;
   }

   .btn-secondary.active, .btn-secondary:active, .btn-secondary:hover, .open > .dropdown-toggle.btn-secondary {
      color: #fff;
      background-color: transparent;
      border-color: #e0e0e0;
   }

      .btn-secondary.active.focus, .btn-secondary.active:focus, .btn-secondary.active:hover, .btn-secondary:active.focus, .btn-secondary:active:focus, .btn-secondary:active:hover, .open > .dropdown-toggle.btn-secondary.focus, .open > .dropdown-toggle.btn-secondary:focus, .open > .dropdown-toggle.btn-secondary:hover {
         color: #fff;
         background-color: transparent;
         border-color: #bfbfbf;
      }

   .btn-secondary.active, .btn-secondary:active, .open > .dropdown-toggle.btn-secondary {
      background-image: none;
   }

   .btn-secondary.disabled.focus, .btn-secondary.disabled:focus, .btn-secondary.disabled:hover, .btn-secondary[disabled].focus, .btn-secondary[disabled]:focus, .btn-secondary[disabled]:hover, fieldset[disabled] .btn-secondary.focus, fieldset[disabled] .btn-secondary:focus, fieldset[disabled] .btn-secondary:hover {
      background-color: transparent;
      border-color: #fff;
   }

   .btn-secondary .badge {
      color: transparent;
      background-color: #fff;
   }

   .btn-secondary.focus, .btn-secondary:focus, .btn-secondary:hover {
      background-color: #fff;
      border-color: #fff;
      color: #002355;
   }

.btn-video {
   display: inline-block;
   padding: .5em;
   color: #fff;
   background: rgba(240,45,50,.75);
   border-radius: 50%;
}

   .btn-video:hover {
      background: #f02d32;
   }

   .btn-video:focus, .btn-video:hover {
      color: #fff;
      outline: none;
   }

   .btn-video:before {
      display: inline-block;
      font-family: kba-icons!important;
      speak: none;
      font-size: 3em;
      line-height: 1;
      font-style: normal;
      font-weight: 400;
      font-variant: normal;
      text-transform: none;
      vertical-align: middle;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e915";
      position: relative;
      left: .05em;
   }

.btn-video--centered {
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%,-50%);
}

main.main > div > div.container > div.center-block > a.btn, main.main > div > div.container > div.center-block > a.intro__button, main.main > div > div.intro-headline__content > div.center-block > a.btn, main.main > div > div.intro__slide-content > div.center-block > a.btn {
   margin-bottom: 2.1rem;
}

.form-group {
   font-size: 16px;
   font-weight: 200;
   line-height: 1.5;
}

   .form-group.form-error.checkbox .input-icon, .form-group.form-error .chosen-container > a, .form-group.form-error .file-caption, .form-group.form-error.radio .input-icon, .form-group.form-error input.form-control, .form-group .has-error.checkbox .input-icon, .form-group .has-error .chosen-container > a, .form-group .has-error .file-caption, .form-group .has-error.radio .input-icon, .form-group .has-error input.form-control {
      border-color: #f7420a;
   }

      .form-group.form-error.checkbox .input-icon:focus, .form-group.form-error.checkbox .input-icon:hover, .form-group.form-error .chosen-container > a:focus, .form-group.form-error .chosen-container > a:hover, .form-group.form-error .file-caption:focus, .form-group.form-error .file-caption:hover, .form-group.form-error.radio .input-icon:focus, .form-group.form-error.radio .input-icon:hover, .form-group.form-error input.form-control:focus, .form-group.form-error input.form-control:hover, .form-group .has-error.checkbox .input-icon:focus, .form-group .has-error.checkbox .input-icon:hover, .form-group .has-error .chosen-container > a:focus, .form-group .has-error .chosen-container > a:hover, .form-group .has-error .file-caption:focus, .form-group .has-error .file-caption:hover, .form-group .has-error.radio .input-icon:focus, .form-group .has-error.radio .input-icon:hover, .form-group .has-error input.form-control:focus, .form-group .has-error input.form-control:hover {
         border: 1px solid #f7420a;
         box-shadow: none;
      }

   .form-group .file-input .btn, .form-group .file-input .intro__button {
      line-height: 1.6rem;
      width: auto;
   }

   .form-group .file-input.has-error .file-caption:focus {
      box-shadow: none;
   }

   .form-group .file-input.has-error .file-caption-name .file-input-error {
      color: #f7420a;
   }

   .form-group .file-input.has-error .file-caption-name:before {
      display: inline-block;
      font-family: kba-icons!important;
      speak: none;
      font-size: inherit;
      line-height: 1;
      font-style: normal;
      font-weight: 400;
      font-variant: normal;
      text-transform: none;
      vertical-align: middle;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e90e";
      color: #f7420a;
      margin-right: .4rem;
   }

   .form-group label {
      font-size: 16px;
      font-weight: 200;
      line-height: 1.5;
      margin-bottom: .25rem;
   }

      .form-group label.error {
         color: #f7420a;
         margin: .8rem 0 0;
         padding: 0;
      }

      .form-group label .required-marker {
         display: inline-block;
         color: #f02d32;
      }

         .form-group label .required-marker:after {
            content: "*";
         }

   .form-group input, .form-group textarea {
      box-shadow: none;
   }

      .form-group input:focus, .form-group input:hover, .form-group textarea:focus, .form-group textarea:hover {
         border: 1px solid #9b9894;
         box-shadow: none;
      }

   .form-group textarea {
      resize: vertical;
   }

   .form-group input[type=submit]:focus, .form-group input[type=submit]:hover {
      border: 1px solid #f02d32;
      box-shadow: none;
   }

   .form-group input[type=submit]:focus {
      outline: none;
   }

   .form-group.checkbox, .form-group.radio {
      margin-top: 0;
      margin-bottom: 1.5rem;
   }

      .form-group.checkbox input, .form-group.radio input {
         display: none;
      }

      .form-group.checkbox .input-icon, .form-group.radio .input-icon {
         border: 1px solid #cdcbc9;
         background: #fff;
         cursor: pointer;
         display: inline-block;
         width: 16px;
         height: 16px;
         position: relative;
         vertical-align: middle;
      }

         .form-group.checkbox .input-icon:after, .form-group.radio .input-icon:after {
            left: 50%;
            position: absolute;
            top: 50%;
            transform: translate(-50%,-50%);
         }

      .form-group.checkbox label {
         margin-bottom: 0;
      }

         .form-group.checkbox label.checkbox-single {
            padding-left: 3.5rem;
            position: relative;
         }

            .form-group.checkbox label.checkbox-single + .error {
               padding-left: 3.5rem;
            }

         .form-group.checkbox label .input-icon {
            left: 0;
            position: absolute;
            top: .2rem;
         }

      .form-group.checkbox input[type=checkbox]:checked + .input-icon {
         color: #002355;
      }

         .form-group.checkbox input[type=checkbox]:checked + .input-icon:after {
            display: inline-block;
            font-family: kba-icons!important;
            speak: none;
            font-size: 1rem;
            line-height: 1;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            vertical-align: middle;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e90c";
         }

      .form-group.radio label {
         padding-left: 0;
      }

         .form-group.radio label .input-icon {
            border-radius: 50%;
            margin-right: 1rem;
         }

      .form-group.radio input[type=radio]:checked + .input-icon:after {
         border-radius: 50%;
         background-color: #002355;
         content: "";
         height: 1rem;
         width: 1rem;
      }

   .form-group .checkbox-group label.checkbox-single, .form-group .checkbox-group label.radio-single, .form-group .radio-group label.checkbox-single, .form-group .radio-group label.radio-single {
      margin-right: 3rem;
      margin-bottom: 0;
   }

   .form-group .checkbox-group + .error, .form-group .radio-group + .error {
      margin-top: 0;
   }

   .form-group .chosen-container a {
      color: #0a0f0a;
   }

   .form-group .chosen-container div > b {
      background: none;
   }

      .form-group .chosen-container div > b:before {
         display: inline-block;
         font-family: kba-icons!important;
         speak: none;
         font-size: 2rem;
         line-height: 1;
         font-style: normal;
         font-weight: 400;
         font-variant: normal;
         text-transform: none;
         vertical-align: middle;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
         content: "\e905";
         color: #f02d32;
      }

   .form-group .chosen-container.chosen-with-drop div > b:before {
      color: #f02d32;
      content: "\e904";
   }

   .form-group .chosen-container .chosen-results-scroll-down span, .form-group .chosen-container .chosen-results-scroll-up span {
      background: none;
   }
    

   .form-group .chosen-container-single .chosen-single {
      line-height: 42px;
      padding: 0 1.2rem;
      position: relative;
   }

      .form-group .chosen-container-single .chosen-single:active, .form-group .chosen-container-single .chosen-single:hover {
         border-color: #9b9894;
      }

      .form-group .chosen-container-single .chosen-single > span {
         margin-right: 2.3rem;
      }

      .form-group .chosen-container-single .chosen-single > div {
         right: 1rem;
         width: 2rem;
      }

      .form-group .chosen-container-single .chosen-single abbr {
         background: none;
         color: #002355;
         display: block;
         font-size: 16px;
         height: 100%;
         right: 3.6rem;
         top: 0;
      }

         .form-group .chosen-container-single .chosen-single abbr:before {
            display: inline-block;
            font-family: kba-icons!important;
            speak: none;
            font-size: inherit;
            line-height: 1;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            vertical-align: middle;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e911";
         }

         .form-group .chosen-container-single .chosen-single abbr:hover {
            cursor: pointer;
         }
           

     
   .form-group .chosen-container-multi:before {
      display: inline-block;
      font-family: kba-icons!important;
      speak: none;
      font-size: 2rem;
      line-height: 1;
      font-style: normal;
      font-weight: 400;
      font-variant: normal;
      text-transform: none;
      vertical-align: middle;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e905";
      color: #f02d32;
      position: absolute;
      right: 1.2rem;
      top: 50%;
      transform: translateY(-50%);
      z-index: 1;
   }

   .form-group .chosen-container-multi:hover:before {
      pointer-events: none;
   }

   .form-group .chosen-container-multi.chosen-with-drop:before {
      content: "\e904";
   }

   .form-group .chosen-container-multi .chosen-choices:hover {
      border: 1px solid #9b9894;
   }
      

   .form-group .chosen-drop {
      border: 1px solid #9b9894;
   }

   .form-group .chosen-results {
      margin: 0;
      padding: 0;
   }

      .form-group .chosen-results > li {
         background-color: #f5f5f5;
         color: #0a0f0a;
         padding: 1rem 1.2rem;
      }

         .form-group .chosen-results > li.highlighted {
            background-color: #fcfcfc;
            color: #002355;
         }

         .form-group .chosen-results > li + li {
            border-top: 1px solid #fff;
         }

   .form-group .file-input-ajax-new .fileinput-remove-button, .form-group .file-input-ajax-new .fileinput-upload-button, .form-group .file-input-new .close, .form-group .file-input-new .file-preview, .form-group .file-input-new .fileinput-remove-button, .form-group .file-input-new .fileinput-upload-button, .form-group .file-input-new .glyphicon-file {
      display: none;
   }

   .form-group .file-input.file-input-new .file-caption-name:before {
      content: "";
   }

   .form-group .file-caption {
      box-shadow: none;
      height: 44px;
      padding-bottom: 9px;
      padding-top: 9px;
   }

      .form-group .file-caption:focus, .form-group .file-caption:hover {
         border-color: #002355;
      }

   .form-group .file-caption-name {
      box-shadow: none;
      color: #0a0f0a;
      display: inline-block;
      height: 24px;
      overflow: hidden;
      word-break: break-all;
   }

      .form-group .file-caption-name:before {
         display: inline-block;
         font-family: kba-icons!important;
         speak: none;
         font-size: inherit;
         line-height: 1;
         font-style: normal;
         font-weight: 400;
         font-variant: normal;
         text-transform: none;
         vertical-align: middle;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
         content: "\e923";
         color: #0a0f0a;
         margin-right: .4rem;
      }

   .form-group .fileinput-remove {
      background-color: transparent;
      border: 1px solid #f02d32;
      color: #f02d32;
      margin-left: 2px;
   }

      .form-group .fileinput-remove:before {
         display: inline-block;
         font-family: kba-icons!important;
         speak: none;
         font-size: 16px;
         line-height: 1;
         font-style: normal;
         font-weight: 400;
         font-variant: normal;
         text-transform: none;
         vertical-align: middle;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
         content: "\e925";
         vertical-align: baseline;
      }

   .form-group .btn-file {
      background-color: transparent;
      border-color: #f02d32;
      color: #f02d32;
      overflow: hidden;
      position: relative;
   }

      .form-group .btn-file input[type=file] {
         position: absolute;
         top: 0;
         right: 0;
         min-width: 100%;
         min-height: 100%;
         text-align: right;
         opacity: 0;
         background: none repeat scroll 0 0 transparent;
         cursor: inherit;
         display: block;
      }

      .form-group .btn-file:active, .form-group .btn-file:focus, .form-group .btn-file:hover {
         background-color: #f02d32;
         border-color: #f02d32;
         box-shadow: none;
         color: #fff;
      }

      .form-group .btn-file:before {
         display: inline-block;
         font-family: kba-icons!important;
         speak: none;
         font-size: 16px;
         line-height: 1;
         font-style: normal;
         font-weight: 400;
         font-variant: normal;
         text-transform: none;
         vertical-align: middle;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
         content: "\e924";
         vertical-align: baseline;
      }

@media (min-width:768px) {
   .form-group .btn-file:before {
      margin-right: .25em;
   }
}

.form-group .btn-file::-ms-browse {
   width: 100%;
   height: 100%;
}

.form-group .btn-file .error {
   margin: 0;
   line-height: 1;
}

.form-group .file-preview-thumbnails {
   margin-bottom: 0;
}

   .form-group .file-preview-thumbnails li {
      color: #57575a;
      padding-left: 1.2rem;
   }

.form-required-hint {
   margin-top: 1.5rem;
   margin-bottom: 1.5rem;
   position: relative;
}

   .form-required-hint hr {
      border-top: 1px solid #9b9894;
      left: 0;
      margin: 0;
      position: absolute;
      width: 42.85714286%;
   }

   .form-required-hint p {
      color: #9b9894;
      font-size: 14px;
      margin-bottom: 0;
      padding-left: 1rem;
      padding-top: .8rem;
      position: relative;
   }

      .form-required-hint p:before {
         color: #f02d32;
         content: "*";
         left: 0;
         position: absolute;
      }

figure img {
   display: block;
   max-width: 100%;
   height: auto;
}

.figure--video-placeholder .img-container {
   position: relative;
}

   .figure--video-placeholder .img-container img {
      width: 100%;
   }

.list {
   margin-bottom: 2.1rem;
   padding-left: 0;
}

   .list ol, .list ul {
      margin-bottom: 0;
      padding-left: 4rem;
   }

.list--ordered > li, .list--unordered > li {
   margin-left: 1em;
}

.list--ordered li + li, .list--ordered ol, .list--ordered ul, .list--unordered li + li, .list--unordered ol, .list--unordered ul {
   margin-top: 1rem;
}

.list--ordered > li > ol > li {
   list-style-type: lower-latin;
}

.list--unordered > li > ul > li {
   list-style-type: none;
   margin-left: 0;
}

   .list--unordered > li > ul > li:before {
      content: "-";
      display: inline-block;
      margin-left: -1em;
      width: 1em;
   }

.list--structured {
   padding-left: 0;
   list-style: none;
   color: #0a0f0a;
}

   .list--structured > li {
      border-top: 1px solid #cdcbc9;
      display: block;
      margin: 0;
      padding-bottom: 1.3rem;
      padding-top: 1.3rem;
   }

.list--links, .list--links-downloads, .list--links-special {
   padding-left: 0;
   list-style: none;
}

   .list--links-downloads .download, .list--links-special a, .list--links a {
      position: relative;
      display: block;
      margin: 0;
      padding-top: 1.3rem;
      padding-bottom: 1.3rem;
      border-top: 1px solid #e6e5e4;
   }

      .list--links-downloads .download.inbound-link:before, .list--links-downloads .download.outbound-link:before, .list--links-special a.inbound-link:before, .list--links-special a.outbound-link:before, .list--links a.inbound-link:before, .list--links a.outbound-link:before {
         position: absolute;
         left: 0;
         margin: 0;
      }

      .list--links-downloads .download + p, .list--links-special a + p, .list--links a + p {
         margin-top: 3.2rem;
      }

   .list--links a {
      padding-left: 2.4rem;
      color: #f02d32;
      line-height: 1.5;
   }

   .list--links-downloads .brochure-order__btn span, .list--links-downloads .download a {
      font-size: 14px;
      font-weight: 700;
      line-height: 1.5;
   }

   .list--links-special a, .list--links-special a.inbound-link, .list--links-special a.outbound-link {
      color: #0a0f0a;
   }

      .list--links-special a.inbound-link:focus, .list--links-special a.inbound-link:hover, .list--links-special a.outbound-link:focus, .list--links-special a.outbound-link:hover, .list--links-special a:focus, .list--links-special a:hover {
         color: #f02d32;
         text-decoration: none;
      }

      .list--links-special a.inbound-link, .list--links-special a.outbound-link {
         padding-left: 3rem;
      }

         .list--links-special a.inbound-link:before, .list--links-special a.outbound-link:before {
            line-height: 2.2rem;
         }

@media (min-width:768px) {
   .list--links-special a.inbound-link:before, .list--links-special a.outbound-link:before {
      line-height: 1.8rem;
   }
}

.list__info {
   display: block;
   margin-top: .4rem;
   color: #0a0f0a;
   font-size: 14px;
   font-weight: 200;
   line-height: 20px;
   padding-left: 2.4rem;
}

a + .list__info {
   margin-top: -.9rem;
   padding-bottom: 1.3rem;
}

.table {
   border: 0;
   border-collapse: collapse;
   empty-cells: show;
   max-width: 100%;
   padding: 0;
   width: 100%;
   font-size: 14px;
   -webkit-font-feature-settings: "lnum";
   font-feature-settings: "lnum";
}

   .table td, .table th {
      box-sizing: border-box;
      padding: 1.2rem .8rem;
   }

      .table td.center, .table th.center {
         text-align: center;
      }

      .table td + td {
         border-left: 1px solid #cdcbc9;
      }

   .table th {
      font-weight: 200;
   }

      .table th + td, .table th + th {
         border-left: 1px solid #cdcbc9;
      }

   .table > thead tr {
      border-bottom: 1px solid #cdcbc9;
      border-top: 1px solid #cdcbc9;
   }

.table__body--center-content > tr > td + td, .table__body--center-content > tr > th + td {
   text-align: center;
}

.table__body tr {
   border-bottom: 1px solid #cdcbc9;
}

   .table__body tr:not(.table__header):hover {
      background-color: #f5f5f5;
   }

.table__header--dark {
   background-color: #e6e5e4;
}

.table__header--light {
   background-color: #f5f4f4;
}

.table__header td {
   text-align: center;
}

.table-footnote p {
   color: #9b9894;
   font-size: 14px;
   margin-bottom: 0;
}

   .table-footnote p:first-child {
      margin-top: 1rem;
   }

.table-footnote sup {
   font-size: 14px;
   font-family: Koenig Bauer Type Headline,Arial,sans-serif;
   margin-right: .5rem;
}

   .table-footnote sup:after {
      content: ")";
   }

td sup, th sup {
   color: #9b9894;
   font-family: Koenig Bauer Type Headline,Arial,sans-serif;
   font-size: 14px;
   margin-right: .5rem;
}

.register-mark {
   display: block;
   margin-left: auto;
   margin-right: auto;
   height: 2.8rem;
   margin-bottom: 2.4rem;
}

.page-container, body, html {
   margin: 0;
   height: 100%;
   min-height: 100%;
}

body {
   overflow-x: hidden;
   -ms-overflow-x: hidden;
}

.page-container {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column;
   flex-direction: column;
   height: 100vh;
}

footer, header {
   -ms-flex-negative: 0;
   flex-shrink: 0;
   width: auto;
}

main {
   -ms-flex: 1 0 auto;
   flex: 1 0 auto;
   width: auto;
   max-width: 100vw;
   z-index: 1;
}

   main.-salesforce {
      padding: 0;
      position: relative;
      background: #002355;
      color: #fff;
   }

      main.-salesforce:before {
         content: "";
         display: block;
         height: 55vh;
         margin-bottom: 3rem;
         background: transparent no-repeat url('img/community.jpg');
         background-size: cover;
      }

@media (min-width:480px) {
   main.-salesforce:before {
      background-position: 0 -5vh;
   }
}

@media (min-width:768px) {
   main.-salesforce:before {
      background-position: 0 -10vh;
   }
}

.noUi-target, .noUi-target * {
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -ms-touch-action: none;
   touch-action: none;
   -ms-user-select: none;
   -moz-user-select: none;
   user-select: none;
   box-sizing: border-box;
}

.noUi-target {
   position: relative;
   direction: ltr;
}

.noUi-base {
   width: 100%;
   height: 100%;
   position: relative;
   z-index: 1;
}

.noUi-origin {
   position: absolute;
   right: 0;
   top: 0;
   left: 0;
   bottom: 0;
}

.noUi-handle {
   position: relative;
   z-index: 1;
}

.noUi-stacking .noUi-handle {
   z-index: 10;
}

.noUi-state-tap .noUi-origin {
   transition: left .3s,top .3s;
}

.noUi-state-drag * {
   cursor: inherit!important;
}

.noUi-base, .noUi-handle {
   transform: translateZ(0);
}

.noUi-horizontal {
   height: 18px;
}

   .noUi-horizontal .noUi-handle {
      width: 34px;
      height: 28px;
      left: -17px;
      top: -6px;
   }

.noUi-vertical {
   width: 18px;
}

   .noUi-vertical .noUi-handle {
      width: 28px;
      height: 34px;
      left: -6px;
      top: -17px;
   }

.noUi-background {
   background: #fafafa;
   box-shadow: inset 0 1px 1px #f0f0f0;
}

.noUi-connect {
   background: #3fb8af;
   box-shadow: inset 0 0 3px rgba(51,51,51,.45);
   transition: background .45s;
}

.noUi-origin {
   border-radius: 2px;
}

.noUi-target {
   border-radius: 4px;
   border: 1px solid #d3d3d3;
   box-shadow: inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb;
}

   .noUi-target.noUi-connect {
      box-shadow: inset 0 0 3px rgba(51,51,51,.45),0 3px 6px -5px #bbb;
   }

.noUi-draggable {
   cursor: w-resize;
}

.noUi-vertical .noUi-draggable {
   cursor: n-resize;
}

.noUi-handle {
   border: 1px solid #d9d9d9;
   border-radius: 3px;
   background: #fff;
   cursor: default;
   box-shadow: inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb;
}

.noUi-active {
   box-shadow: inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb;
}

.noUi-handle:after, .noUi-handle:before {
   content: "";
   display: block;
   position: absolute;
   height: 14px;
   width: 1px;
   background: #e8e7e6;
   left: 14px;
   top: 6px;
}

.noUi-handle:after {
   left: 17px;
}

.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before {
   width: 14px;
   height: 1px;
   left: 6px;
   top: 14px;
}

.noUi-vertical .noUi-handle:after {
   top: 17px;
}

[disabled].noUi-connect, [disabled] .noUi-connect {
   background: #b8b8b8;
}

[disabled] .noUi-handle, [disabled].noUi-origin {
   cursor: not-allowed;
}

.noUi-pips, .noUi-pips * {
   box-sizing: border-box;
}

.noUi-pips {
   position: absolute;
   color: #999;
}

.noUi-value {
   position: absolute;
   text-align: center;
}

.noUi-value-sub {
   color: #ccc;
   font-size: 10px;
}

.noUi-marker {
   position: absolute;
   background: #ccc;
}

.noUi-marker-large, .noUi-marker-sub {
   background: #aaa;
}

.noUi-pips-horizontal {
   padding: 10px 0;
   height: 80px;
   top: 100%;
   left: 0;
   width: 100%;
}

.noUi-value-horizontal {
   transform: translate3d(-50%,50%,0);
}

.noUi-marker-horizontal.noUi-marker {
   margin-left: -1px;
   width: 2px;
   height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
   height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
   height: 15px;
}

.noUi-pips-vertical {
   padding: 0 10px;
   height: 100%;
   top: 0;
   left: 100%;
}

.noUi-value-vertical {
   transform: translate3d(0,-50%,0);
   padding-left: 25px;
}

.noUi-marker-vertical.noUi-marker {
   width: 5px;
   height: 2px;
   margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
   width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
   width: 15px;
}

.noUi-tooltip {
   display: block;
   position: absolute;
   border: 1px solid #d9d9d9;
   border-radius: 3px;
   background: #fff;
   padding: 5px;
   text-align: center;
}

.noUi-horizontal .noUi-handle-lower .noUi-tooltip {
   top: -32px;
}

.noUi-horizontal .noUi-handle-upper .noUi-tooltip {
   bottom: -32px;
}

.noUi-vertical .noUi-handle-lower .noUi-tooltip {
   left: 120%;
}

.noUi-vertical .noUi-handle-upper .noUi-tooltip {
   right: 120%;
}

.text-header__cta {
   margin-bottom: 3.2rem;
}

@media (min-width:768px) {
   .text-header__cta .btn, .text-header__cta .intro__button {
      float: right;
   }
}

@media (min-width:768px) and (max-width:991px) {
   .text-header__cta p {
      text-align: left;
   }
}
 .text-header:first-child .h1, .text-header:first-child .h2, .text-header:first-child .h3, .text-header:first-child .h4, .text-header:first-child .h5, .text-header:first-child .h6, .text-header:first-child .job-offer-list .job-item__title, .text-header:first-child h1, .text-header:first-child h2, .text-header:first-child h3, .text-header:first-child h4, .text-header:first-child h5, .text-header:first-child h6, .text .h2:first-child, .text .h3:first-child, .text .h4:first-child, .text .h5:first-child, .text .h6:first-child, .text .job-offer-list .job-item__title:first-child, .text h2:first-child, .text h3:first-child, .text h4:first-child, .text h5:first-child, .text h6:first-child {
   margin-top: 0;
}

@media (min-width:768px) {
   .text__img {
      margin-bottom: 2.4rem;
   }
}

.text__img img {
   display: block;
   max-width: 100%;
   height: auto;
}

.text__img2 {text-align:center ;
}
.text__img2 img {
   display: inline-block ;

}

@media (max-width:767px) {
   .text__img + .text__img, .text__img + .text__img--left-2-7, .text__img + .text__img--left-3-7, .text__img + .text__img--right-2-7, .text__img + .text__img--right-3-7 {
      margin-top: 2.1rem;
   }
}

.text__img--left-2-7, .text__img--left-3-7, .text__img--right-2-7, .text__img--right-3-7 {
   position: relative;
   min-height: 1px;
}

@media (min-width:768px) {
   .text__img--left-2-7, .text__img--left-3-7, .text__img--right-2-7, .text__img--right-3-7 {
      max-width: 50%;
      padding-bottom: 1.2rem;
   }
}

.text__img--left-2-7 > figure, .text__img--left-3-7 > figure, .text__img--right-2-7 > figure, .text__img--right-3-7 > figure {
   margin-bottom: 0;
}

@media (min-width:768px) {
   .text__img--left-2-7 + .h4, .text__img--left-2-7 + .job-offer-list .job-item__title, .text__img--left-2-7 + h4, .text__img--left-3-7 + .h4, .text__img--left-3-7 + .job-offer-list .job-item__title, .text__img--left-3-7 + h4, .text__img--right-2-7 + .h4, .text__img--right-2-7 + .job-offer-list .job-item__title, .text__img--right-2-7 + h4, .text__img--right-3-7 + .h4, .text__img--right-3-7 + .job-offer-list .job-item__title, .text__img--right-3-7 + h4 {
      margin-top: 0;
   }
}

@media (min-width:768px) {
   .text__img--left-2-7, .text__img--right-2-7 {
      width: 28.57142857%;
   }
}

@media (min-width:768px) {
   .text__img--left-3-7, .text__img--right-3-7 {
      width: 42.85714286%;
   }
}

@media (min-width:768px) {
   .text__img--left-2-7, .text__img--left-3-7 {
      padding-right: 2.4rem;
      float: left;
   }
}

@media (min-width:768px) {
   .text__img--right-2-7, .text__img--right-3-7 {
      padding-left: 2.4rem;
      float: right;
   }
}

.container > .panel-group .panel-body > .text, .container > .text, .intro-headline__content > .panel-group .panel-body > .text, .intro-headline__content > .text, .intro__slide-content > .panel-group .panel-body > .text, .intro__slide-content > .text, .text--images-aside, .text__images--rows {
   margin-left: -12px;
   margin-right: -12px;
}

   .container > .panel-group .panel-body > .text > h1, .container > .text > h1, .intro-headline__content > .panel-group .panel-body > .text > h1, .intro-headline__content > .text > h1, .intro__slide-content > .panel-group .panel-body > .text > h1, .intro__slide-content > .text > h1, .text--images-aside > h1 {
      position: relative;
      min-height: 1px;
      padding-left: 12px;
      padding-right: 12px;
   }

@media (min-width:992px) {
   .container > .panel-group .panel-body > .text > h1, .container > .text > h1, .intro-headline__content > .panel-group .panel-body > .text > h1, .intro-headline__content > .text > h1, .intro__slide-content > .panel-group .panel-body > .text > h1, .intro__slide-content > .text > h1, .text--images-aside > h1 {
      float: left;
      width: 100%;
   }
}

 .container > .panel-group .panel-body > .text > .h2, .container > .panel-group .panel-body > .text > .h3, .container > .panel-group .panel-body > .text > .h4, .container > .panel-group .panel-body > .text > .h5, .container > .panel-group .panel-body > .text > .h6, .container > .panel-group .panel-body > .text > .job-offer-list .job-item__title, .container > .panel-group .panel-body > .text > h2, .container > .panel-group .panel-body > .text > h3, .container > .panel-group .panel-body > .text > h4, .container > .panel-group .panel-body > .text > h5, .container > .panel-group .panel-body > .text > h6,   .container > .text > .h2, .container > .text > .h3, .container > .text > .h4, .container > .text > .h5, .container > .text > .h6, .container > .text > .job-offer-list .job-item__title, .container > .text > h2, .container > .text > h3, .container > .text > h4, .container > .text > h5, .container > .text > h6, .intro-headline__content > .panel-group .panel-body > .text > .h2, .intro-headline__content > .panel-group .panel-body > .text > .h3, .intro-headline__content > .panel-group .panel-body > .text > .h4, .intro-headline__content > .panel-group .panel-body > .text > .h5, .intro-headline__content > .panel-group .panel-body > .text > .h6, .intro-headline__content > .panel-group .panel-body > .text > h2, .intro-headline__content > .panel-group .panel-body > .text > h3, .intro-headline__content > .panel-group .panel-body > .text > h4, .intro-headline__content > .panel-group .panel-body > .text > h5, .intro-headline__content > .panel-group .panel-body > .text > h6, .intro-headline__content > .text > .h2, .intro-headline__content > .text > .h3, .intro-headline__content > .text > .h4, .intro-headline__content > .text > .h5, .intro-headline__content > .text > .h6, .intro-headline__content > .text > h2, .intro-headline__content > .text > h3, .intro-headline__content > .text > h4, .intro-headline__content > .text > h5, .intro-headline__content > .text > h6, .intro__slide-content > .panel-group .panel-body > .text > .h2, .intro__slide-content > .panel-group .panel-body > .text > .h3, .intro__slide-content > .panel-group .panel-body > .text > .h4, .intro__slide-content > .panel-group .panel-body > .text > .h5, .intro__slide-content > .panel-group .panel-body > .text > .h6, .intro__slide-content > .panel-group .panel-body > .text > h2, .intro__slide-content > .panel-group .panel-body > .text > h3, .intro__slide-content > .panel-group .panel-body > .text > h4, .intro__slide-content > .panel-group .panel-body > .text > h5, .intro__slide-content > .panel-group .panel-body > .text > h6, .intro__slide-content > .text > .h2, .intro__slide-content > .text > .h3, .intro__slide-content > .text > .h4, .intro__slide-content > .text > .h5, .intro__slide-content > .text > .h6, .intro__slide-content > .text > h2, .intro__slide-content > .text > h3, .intro__slide-content > .text > h4, .intro__slide-content > .text > h5, .intro__slide-content > .text > h6 , .text--images-aside > .h2, .text--images-aside > .h3, .text--images-aside > .h4, .text--images-aside > .h5, .text--images-aside > .h6, .text--images-aside > .job-offer-list .job-item__title, .text--images-aside > h2, .text--images-aside > h3, .text--images-aside > h4, .text--images-aside > h5, .text--images-aside > h6 {
   position: relative;
   min-height: 1px;
   padding-left: 12px;
   padding-right: 12px;
}

@media (min-width:992px) {  .container > .panel-group .panel-body > .text > .h2, .container > .panel-group .panel-body > .text > .h3, .container > .panel-group .panel-body > .text > .h4, .container > .panel-group .panel-body > .text > .h5, .container > .panel-group .panel-body > .text > .h6, .container > .panel-group .panel-body > .text > .job-offer-list .job-item__title, .container > .panel-group .panel-body > .text > h2, .container > .panel-group .panel-body > .text > h3, .container > .panel-group .panel-body > .text > h4, .container > .panel-group .panel-body > .text > h5, .container > .panel-group .panel-body > .text > h6,   .container > .text > .h2, .container > .text > .h3, .container > .text > .h4, .container > .text > .h5, .container > .text > .h6, .container > .text > .job-offer-list .job-item__title, .container > .text > h2, .container > .text > h3, .container > .text > h4, .container > .text > h5, .container > .text > h6, .intro-headline__content > .panel-group .panel-body > .text > .h2, .intro-headline__content > .panel-group .panel-body > .text > .h3, .intro-headline__content > .panel-group .panel-body > .text > .h4, .intro-headline__content > .panel-group .panel-body > .text > .h5, .intro-headline__content > .panel-group .panel-body > .text > .h6, .intro-headline__content > .panel-group .panel-body > .text > h2, .intro-headline__content > .panel-group .panel-body > .text > h3, .intro-headline__content > .panel-group .panel-body > .text > h4, .intro-headline__content > .panel-group .panel-body > .text > h5, .intro-headline__content > .panel-group .panel-body > .text > h6, .intro-headline__content > .text > .h2, .intro-headline__content > .text > .h3, .intro-headline__content > .text > .h4, .intro-headline__content > .text > .h5, .intro-headline__content > .text > .h6, .intro-headline__content > .text > h2, .intro-headline__content > .text > h3, .intro-headline__content > .text > h4, .intro-headline__content > .text > h5, .intro-headline__content > .text > h6, .intro__slide-content > .panel-group .panel-body > .text > .h2, .intro__slide-content > .panel-group .panel-body > .text > .h3, .intro__slide-content > .panel-group .panel-body > .text > .h4, .intro__slide-content > .panel-group .panel-body > .text > .h5, .intro__slide-content > .panel-group .panel-body > .text > .h6, .intro__slide-content > .panel-group .panel-body > .text > h2, .intro__slide-content > .panel-group .panel-body > .text > h3, .intro__slide-content > .panel-group .panel-body > .text > h4, .intro__slide-content > .panel-group .panel-body > .text > h5, .intro__slide-content > .panel-group .panel-body > .text > h6, .intro__slide-content > .text > .h2, .intro__slide-content > .text > .h3, .intro__slide-content > .text > .h4, .intro__slide-content > .text > .h5, .intro__slide-content > .text > .h6, .intro__slide-content > .text > h2, .intro__slide-content > .text > h3, .intro__slide-content > .text > h4, .intro__slide-content > .text > h5, .intro__slide-content > .text > h6 , .text--images-aside > .h2, .text--images-aside > .h3, .text--images-aside > .h4, .text--images-aside > .h5, .text--images-aside > .h6, .text--images-aside > .job-offer-list .job-item__title, .text--images-aside > h2, .text--images-aside > h3, .text--images-aside > h4, .text--images-aside > h5, .text--images-aside > h6 {
      float: left;
      width: 58.33333333%;
   }
}

.container > .panel-group .panel-body > .text .text__bodytext, .container > .text .text__bodytext, .intro-headline__content > .panel-group .panel-body > .text .text__bodytext, .intro-headline__content > .text .text__bodytext, .intro__slide-content > .panel-group .panel-body > .text .text__bodytext, .intro__slide-content > .text .text__bodytext, .text--images-aside .text__bodytext {
   position: relative;
   min-height: 1px;
   padding-left: 12px;
   padding-right: 12px;
}

@media (min-width:992px) {
   .container > .panel-group .panel-body > .text .text__bodytext, .container > .text .text__bodytext, .intro-headline__content > .panel-group .panel-body > .text .text__bodytext, .intro-headline__content > .text .text__bodytext, .intro__slide-content > .panel-group .panel-body > .text .text__bodytext, .intro__slide-content > .text .text__bodytext, .text--images-aside .text__bodytext {
      float: left;
      width: 58.33333333%;
   }
}

.container > .panel-group .panel-body > .text .text__bodytext--right, .container > .text .text__bodytext--right, .intro-headline__content > .panel-group .panel-body > .text .text__bodytext--right, .intro-headline__content > .text .text__bodytext--right, .intro__slide-content > .panel-group .panel-body > .text .text__bodytext--right, .intro__slide-content > .text .text__bodytext--right, .text--images-aside .text__bodytext--right {
   float: right!important;
}

@media (min-width:992px) {
   .container > .panel-group .panel-body > .text .text__bodytext--right + .text__images--aside, .container > .text .text__bodytext--right + .text__images--aside, .intro-headline__content > .panel-group .panel-body > .text .text__bodytext--right + .text__images--aside, .intro-headline__content > .text .text__bodytext--right + .text__images--aside, .intro__slide-content > .panel-group .panel-body > .text .text__bodytext--right + .text__images--aside, .intro__slide-content > .text .text__bodytext--right + .text__images--aside, .text--images-aside .text__bodytext--right + .text__images--aside {
      left: 0;
   }
}

.container > .panel-group .panel-body > .text .text__images, .container > .text .text__images, .intro-headline__content > .panel-group .panel-body > .text .text__images, .intro-headline__content > .text .text__images, .intro__slide-content > .panel-group .panel-body > .text .text__images, .intro__slide-content > .text .text__images, .text--images-aside .text__images {
   margin-left: 0;
   margin-right: 0;
}

.container > .panel-group .panel-body > .text .text__images--aside, .container > .text .text__images--aside, .intro-headline__content > .panel-group .panel-body > .text .text__images--aside, .intro-headline__content > .text .text__images--aside, .intro__slide-content > .panel-group .panel-body > .text .text__images--aside, .intro__slide-content > .text .text__images--aside, .text--images-aside .text__images--aside {
   position: relative;
   min-height: 1px;
   padding-left: 12px;
   padding-right: 12px;
}

@media (min-width:992px) {
   .container > .panel-group .panel-body > .text .text__images--aside, .container > .text .text__images--aside, .intro-headline__content > .panel-group .panel-body > .text .text__images--aside, .intro-headline__content > .text .text__images--aside, .intro__slide-content > .panel-group .panel-body > .text .text__images--aside, .intro__slide-content > .text .text__images--aside, .text--images-aside .text__images--aside {
      float: left;
      width: 33.33333333%;
      left: 8.33333333%;
   }
}

.slider .slides li {
   height: 47rem!important;
   overflow: hidden;
}

@media (min-width:1200px) {
   .slider .slides li {
      height: 67rem;
      overflow: hidden;
   }
}

@media (min-width:1200px) {
   .slider img {
      transform: translateY(-50%);
      margin: auto;
      top: 50%;
   }
}

.slider img {
   display: block;
   height: auto;
   width: 100%;
   transform: translateY(-50%);
   margin: auto;
   top: 50%;
}

.kba-spinner {
   display: inline-block;
   position: relative;
   color: #cdcbc9;
   animation: a 1s infinite linear;
}

   .kba-spinner:before {
      display: inline-block;
      font-family: kba-icons!important;
      speak: none;
      font-size: inherit;
      line-height: 1;
      font-style: normal;
      font-weight: 400;
      font-variant: normal;
      text-transform: none;
      vertical-align: middle;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e922";
   }

.kba-spinner--sm {
   line-height: .8rem;
}

   .kba-spinner--sm:before {
      font-size: 1.6rem;
   }

.kba-spinner--lg:before {
   font-size: 3.2rem;
}

@keyframes a {
   0% {
      transform: rotate(120deg);
   }

   to {
      transform: rotate(480deg);
   }
}

.tablesaw-bar {
   clear: both;
}

   .tablesaw-bar.tablesaw-all-cols-visible .tablesaw-advance {
      display: none!important;
   }

   .tablesaw-bar .tablesaw-advance {
      float: right;
   }

      .tablesaw-bar .tablesaw-advance a.btn, .tablesaw-bar .tablesaw-advance a.intro__button {
         color: #f02d32;
         position: relative;
      }

         .tablesaw-bar .tablesaw-advance a.btn:active, .tablesaw-bar .tablesaw-advance a.intro__button:active {
            background-color: transparent;
            background-image: none;
         }

         .tablesaw-bar .tablesaw-advance a.btn:focus, .tablesaw-bar .tablesaw-advance a.btn:hover, .tablesaw-bar .tablesaw-advance a.intro__button:focus, .tablesaw-bar .tablesaw-advance a.intro__button:hover {
            color: #f02d32;
         }

         .tablesaw-bar .tablesaw-advance a.btn:focus, .tablesaw-bar .tablesaw-advance a.intro__button:focus {
            box-shadow: none!important;
         }

         .tablesaw-bar .tablesaw-advance a.btn.left:before, .tablesaw-bar .tablesaw-advance a.intro__button.left:before {
            content: "\e906";
         }

         .tablesaw-bar .tablesaw-advance a.btn.left:before, .tablesaw-bar .tablesaw-advance a.btn.right:before, .tablesaw-bar .tablesaw-advance a.intro__button.left:before, .tablesaw-bar .tablesaw-advance a.intro__button.right:before {
            display: inline-block;
            font-family: kba-icons!important;
            speak: none;
            font-size: 2rem;
            line-height: 1;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            vertical-align: middle;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
         }

         .tablesaw-bar .tablesaw-advance a.btn.right:before, .tablesaw-bar .tablesaw-advance a.intro__button.right:before {
            content: "\e907";
         }

      .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.disabled {
         cursor: default;
         filter: alpha(opacity=25);
         opacity: .25;
         pointer-events: none;
      }

      .tablesaw-bar .tablesaw-advance.minimap {
         margin-right: .4em;
      }

   .tablesaw-bar .btn, .tablesaw-bar .intro__button {
      display: block;
      clear: both;
      cursor: pointer;
      margin: 0;
      padding: 1rem 1.4rem;
      text-decoration: none;
      width: 100%;
   }

      .tablesaw-bar .btn.btn-micro, .tablesaw-bar .intro__button.btn-micro {
         display: inline-block;
         width: auto;
      }

   .tablesaw-bar .tablesaw-advance-dots {
      float: left;
      list-style: none;
      margin: 0;
      padding: 0;
   }

      .tablesaw-bar .tablesaw-advance-dots li {
         display: table-cell;
         margin: 0;
         padding: .8rem .3rem;
      }

         .tablesaw-bar .tablesaw-advance-dots li i {
            background-color: #f02d32;
            border-radius: 50%;
            display: inline-block;
            height: .4rem;
            width: .4rem;
         }

         .tablesaw-bar .tablesaw-advance-dots li.tablesaw-advance-dots-hide {
            cursor: default;
            filter: alpha(opacity=25);
            opacity: 1;
            pointer-events: none;
         }

            .tablesaw-bar .tablesaw-advance-dots li.tablesaw-advance-dots-hide i {
               background-color: #cdcbc9;
            }

.tablesaw-fix-persist {
   table-layout: fixed;
}

@media only all {
   .tablesaw-swipe td.tablesaw-cell-hidden, .tablesaw-swipe th.tablesaw-cell-hidden {
      display: none;
   }
}

.triangle--down:after, .triangle--down:before {
   border: solid transparent;
   border-bottom: 0;
   content: "";
   height: 0;
   left: 50%;
   position: absolute;
   transform: translateX(-50%);
   width: 0;
}

.triangle--down:after {
   border-top-color: #fff;
   border-width: 15px;
   bottom: -15px;
}

.triangle--down:before {
   border-top-color: #cdcbc9;
   border-width: 16px;
   bottom: -16px;
}

.cc-revoke, .cc-window {
   position: fixed;
   overflow: hidden;
   box-sizing: border-box;
   background-color: #002355;
   color: #fff;
   font-family: Koenig Bauer Type Text,Arial,sans-serif;
   font-size: inherit;
   line-height: inherit;
   z-index: 9999;
   -ms-flex-align: center;
   align-items: center;
   padding: 1em 1.8em;
   width: 100%;
}

   .cc-revoke.cc-static, .cc-window.cc-static {
      position: static;
   }

   .cc-revoke .container, .cc-revoke .intro-headline__content, .cc-revoke .intro__slide-content, .cc-window .container, .cc-window .intro-headline__content, .cc-window .intro__slide-content {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -ms-flex-direction: row;
      flex-direction: row;
   }

.cc-window {
   opacity: 1;
   transition: opacity 1s ease;
}

   .cc-window.cc-invisible {
      opacity: 0;
   }

.cc-top {
   left: 0;
   right: 0;
   top: 0;
}

.cc-bottom {
   left: 0;
   right: 0;
   bottom: 0;
}

.cc-btn, .cc-close, .cc-link, .cc-revoke {
   cursor: pointer;
}

.cc-link {
   display: inline-block;
}

   .cc-btn, .cc-link, .cc-link:active, .cc-link:visited {
      color: #f02d32;
   }

.cc-btn {
   display: inline-block;
   margin-bottom: 0;
   font-weight: 400;
   text-align: center;
   vertical-align: middle;
   -ms-touch-action: manipulation;
   touch-action: manipulation;
   cursor: pointer;
   background-image: none;
   border: 1px solid transparent;
   white-space: nowrap;
   padding: 6px 12px;
   font-size: 16px;
   line-height: 1.5;
   border-radius: 0;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   padding: 1.2rem 2.4rem;
   line-height: 2rem;
   font-size: 1.4rem;
   font-weight: 700;
   width: 100%;
   background-color: transparent;
   border-color: #f02d32;
}

   .cc-btn.active.focus, .cc-btn.active:focus, .cc-btn.focus, .cc-btn:active.focus, .cc-btn:active:focus, .cc-btn:focus {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px;
   }

   .cc-btn.focus, .cc-btn:focus, .cc-btn:hover {
      color: #333;
      text-decoration: none;
   }

   .cc-btn.active, .cc-btn:active {
      outline: 0;
      background-image: none;
      box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
      -o-box-shadow: "" inset 0 3px 5px rgba(0,0,0,.125) 1px 2px rgba(0,0,0,.2);
      box-shadow: inset 0 3px 5px 1px 2px "" rgba(0,0,0,.125) rgba(0,0,0,.2);
   }

   .cc-btn.disabled, .cc-btn[disabled], fieldset[disabled] .cc-btn {
      cursor: not-allowed;
      opacity: .65;
      filter: alpha(opacity=65);
      box-shadow: none;
      -o-box-shadow: "" none 1px 2px rgba(0,0,0,.2);
      box-shadow: 1px 2px "" none rgba(0,0,0,.2);
   }

a.cc-btn.disabled, fieldset[disabled] a.cc-btn {
   pointer-events: none;
}

@media (min-width:480px) {
   .cc-btn {
      width: auto;
   }
}

.cc-btn.focus, .cc-btn:focus {
   color: #f02d32;
   background-color: transparent;
   border-color: #930a0e;
}

.cc-btn.active, .cc-btn:active, .cc-btn:hover, .open > .dropdown-toggle.cc-btn {
   color: #f02d32;
   background-color: transparent;
   border-color: #d10f14;
}

   .cc-btn.active.focus, .cc-btn.active:focus, .cc-btn.active:hover, .cc-btn:active.focus, .cc-btn:active:focus, .cc-btn:active:hover, .open > .dropdown-toggle.cc-btn.focus, .open > .dropdown-toggle.cc-btn:focus, .open > .dropdown-toggle.cc-btn:hover {
      color: #f02d32;
      background-color: transparent;
      border-color: #930a0e;
   }

.cc-btn.active, .cc-btn:active, .open > .dropdown-toggle.cc-btn {
   background-image: none;
}

.cc-btn.disabled.focus, .cc-btn.disabled:focus, .cc-btn.disabled:hover, .cc-btn[disabled].focus, .cc-btn[disabled]:focus, .cc-btn[disabled]:hover, fieldset[disabled] .cc-btn.focus, fieldset[disabled] .cc-btn:focus, fieldset[disabled] .cc-btn:hover {
   background-color: transparent;
   border-color: #f02d32;
}

.cc-btn .badge {
   color: transparent;
   background-color: #f02d32;
}

.cc-btn.focus, .cc-btn:focus, .cc-btn:hover {
   background-color: #f02d32;
   border-color: #f02d32;
   color: #fff;
}

.cc-btn:last-child {
   min-width: 140px;
}

.cc-message {
   margin-bottom: 0;
   padding-right: .5em;
   -ms-flex: 1;
   flex: 1;
}

.cc-compliance {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: center;
   align-items: center;
   -ms-flex-line-pack: justify;
   align-content: space-between;
}

   .cc-compliance > .cc-btn {
      -ms-flex: 1;
      flex: 1;
   }

.cc-btn + .cc-btn {
   margin-left: .5em;
}

@media print {
   .cc-revoke, .cc-window {
      display: none;
   }
}

@media screen and (max-width:900px) {
   .cc-btn {
      white-space: normal;
   }
}

@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape) {
   .cc-revoke, .cc-window {
      left: 0;
      right: 0;
   }

      .cc-revoke .container, .cc-revoke .intro-headline__content, .cc-revoke .intro__slide-content, .cc-window .container, .cc-window .intro-headline__content, .cc-window .intro__slide-content {
         -ms-flex-direction: column;
         flex-direction: column;
         -ms-flex-align: unset;
         align-items: unset;
      }

      .cc-revoke.cc-bottom, .cc-window.cc-bottom {
         bottom: 0;
      }

      .cc-revoke .cc-message, .cc-window .cc-message {
         margin-bottom: 1em;
         padding-right: 0;
      }

      .cc-revoke .cc-compliance, .cc-window .cc-compliance {
         -ms-flex: 1;
         flex: 1;
      }
}

.accordion.panel-group {
   margin-bottom: 7.2rem;
}

@media (max-width:767px) {
   .accordion.panel-group {
      margin-bottom: 3.6rem;
   }
}

.accordion .panel {
   border: none;
   box-shadow: none;
}

   .accordion .panel:last-child .panel-body {
      padding-bottom: 0;
   }

   .accordion .panel > a, .accordion .panel > a:focus, .accordion .panel > a[aria-expanded=false] {
      background-color: #f5f4f4;
      border-top: 1px solid transparent;
      color: #0a0f0a;
      display: block;
      padding: 1.5rem 1.6rem;
      text-decoration: none;
   }

      .accordion .panel > a:hover {
         color: #f02d32;
         cursor: pointer;
      }

      .accordion .panel > a .accordion__title {
         font-weight: 400;
         margin-bottom: 0;
         margin-top: 0;
         padding: 0 3.2rem 0 3.8rem;
         position: relative;
         font-size: 2rem;
         line-height: 2.4rem;
      }

         .accordion .panel > a .accordion__title:before {
            display: inline-block;
            font-family: kba-icons!important;
            speak: none;
            font-size: 2rem;
            line-height: 1;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            vertical-align: middle;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e901";
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -.5em;
            color: #f02d32;
         }

@media (min-width:768px) {
   .accordion .panel > a .accordion__title {
      font-size: 2.6rem;
      line-height: 3rem;
   }
}

.accordion .panel > a[aria-expanded=true] {
   background-color: transparent;
   border-top: 1px solid #f5f4f4;
   color: #f02d32;
}

   .accordion .panel > a[aria-expanded=true] .accordion__title:before {
      content: "\e900";
   }

.accordion .panel + .panel {
   margin-top: .8rem;
}

.accordion .panel-body {
   margin-top: 0;
   padding-top: .8rem;
   padding-bottom: .8rem;
}

.accordion .panel-collapse .flexslider {
   visibility: hidden;
}

.accordion .panel-collapse.in .flexslider {
   visibility: visible;
}

.cite + .container > .intro + .text, .cite + .container > .intro-headline + .text, .cite + .container > .spacer-top, .cite + .intro-headline__content > .spacer-top, .cite + .intro__slide-content > .spacer-top, .news-and-trends + .container > .intro + .text, .news-and-trends + .container > .intro-headline + .text, .news-and-trends + .container > .spacer-top, .news-and-trends + .intro-headline__content > .spacer-top, .news-and-trends + .intro__slide-content > .spacer-top, .other-topics + .container > .intro + .text, .other-topics + .container > .intro-headline + .text, .other-topics + .container > .spacer-top, .other-topics + .intro-headline__content > .spacer-top, .other-topics + .intro__slide-content > .spacer-top, .product-advantages + .container > .intro + .text, .product-advantages + .container > .intro-headline + .text, .product-advantages + .container > .spacer-top, .product-advantages + .intro-headline__content > .spacer-top, .product-advantages + .intro__slide-content > .spacer-top, .showcases + .container > .intro + .text, .showcases + .container > .intro-headline + .text, .showcases + .container > .spacer-top, .showcases + .intro-headline__content > .spacer-top, .showcases + .intro__slide-content > .spacer-top {
   margin-top: 7.2rem;
}

@media (max-width:767px) {
   .cite + .container > .intro + .text, .cite + .container > .intro-headline + .text, .cite + .container > .spacer-top, .cite + .intro-headline__content > .spacer-top, .cite + .intro__slide-content > .spacer-top, .news-and-trends + .container > .intro + .text, .news-and-trends + .container > .intro-headline + .text, .news-and-trends + .container > .spacer-top, .news-and-trends + .intro-headline__content > .spacer-top, .news-and-trends + .intro__slide-content > .spacer-top, .other-topics + .container > .intro + .text, .other-topics + .container > .intro-headline + .text, .other-topics + .container > .spacer-top, .other-topics + .intro-headline__content > .spacer-top, .other-topics + .intro__slide-content > .spacer-top, .product-advantages + .container > .intro + .text, .product-advantages + .container > .intro-headline + .text, .product-advantages + .container > .spacer-top, .product-advantages + .intro-headline__content > .spacer-top, .product-advantages + .intro__slide-content > .spacer-top, .showcases + .container > .intro + .text, .showcases + .container > .intro-headline + .text, .showcases + .container > .spacer-top, .showcases + .intro-headline__content > .spacer-top, .showcases + .intro__slide-content > .spacer-top {
      margin-top: 3.6rem;
   }
}

.flexslider {
   overflow: hidden;
}

   .flexslider .slides > li {
      height: 100%;
   }

   .flexslider .slides img.img--portrait {
      height: 100%;
      width: auto;
   }

   .flexslider .slides .img-container {
      position: relative;
      background-color: #f5f4f4;
   }

      .flexslider .slides .img-container:before {
         content: "";
         display: block;
         padding-top: 46.875%;
         width: 100%;
      }

      .flexslider .slides .img-container img {
         bottom: 0;
         position: absolute;
         top: 0;
      }

         .flexslider .slides .img-container img.img--landscape {
            left: 0;
            right: 0;
         }

         .flexslider .slides .img-container img.img--portrait {
            background-color: #cdcbc9;
            left: 50%;
            transform: translateX(-50%);
         }

@media (max-width:767px) {
   .flexslider .flex-direction-nav {
      display: none;
   }
}

.flexslider .flex-direction-nav .flex-next, .flexslider .flex-direction-nav .flex-prev {
   height: 100%;
   width: 1em;
   top: 0;
   margin: 0;
   opacity: 1;
   text-shadow: none;
   font-size: 2.5rem;
   outline: 0;
}

   .flexslider .flex-direction-nav .flex-next:before, .flexslider .flex-direction-nav .flex-prev:before {
      display: inline-block;
      font-family: kba-icons!important;
      speak: none;
      font-size: inherit;
      line-height: 1;
      font-style: normal;
      font-weight: 400;
      font-variant: normal;
      text-transform: none;
      vertical-align: middle;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      color: #e6e5e4;
      text-shadow: none;
   }

@media (min-width:768px) {
   .flexslider .flex-direction-nav .flex-next, .flexslider .flex-direction-nav .flex-prev {
      width: 50px;
      font-size: 5rem;
   }
}

.flexslider .flex-direction-nav .flex-next {
   right: -10%;
}

   .flexslider .flex-direction-nav .flex-next:before {
      content: "\e903";
      right: 0;
   }

.flexslider .flex-direction-nav .flex-prev {
   left: -10%;
}

   .flexslider .flex-direction-nav .flex-prev:before {
      content: "\e902";
      left: 0;
   }

.flexslider .flex-control-nav {
   bottom: 0;
   font-size: 0;
   line-height: 1;
   margin-bottom: 2.4rem;
}

   .flexslider .flex-control-nav li {
      margin: 0 .7rem .4rem;
   }

      .flexslider .flex-control-nav li a {
         -o-box-shadow: none;
         box-shadow: none;
         background: #f5f4f4;
      }

         .flexslider .flex-control-nav li a:hover {
            background: #002355;
         }

         .flexslider .flex-control-nav li a.flex-active {
            background: #f02d32;
         }

.flexslider .flex-control-paging li a {
   height: 1.6rem;
   width: 1.6rem;
}

@media (min-width:1200px) {
   .flexslider .flex-control-paging li a {
      height: 1.8rem;
      width: 1.8rem;
   }
}

.flexslider:hover .flex-direction-nav .flex-next, .flexslider:hover .flex-direction-nav .flex-prev {
   opacity: 1;
}

.flexslider:hover .flex-direction-nav .flex-next {
   right: 0;
}

.flexslider:hover .flex-direction-nav .flex-prev {
   left: 0;
}

.img-gallery__caption {
   margin-top: 0;
}

   .img-gallery__caption .slides > li {
      padding-bottom: 2.1rem;
      padding-top: 2.1rem;
   }

   .img-gallery__caption .img-caption {
      font-size: 14px;
      color: #9b9894;
      line-height: 20px;
      margin-top: 0;
      position: relative;
      transition: height 1s ease-in-out;
   }

.img-gallery__fullscreen {
   margin-top: 0;
   max-height: 900px;
}

.img-gallery__thumbnail {
   margin-top: 0;
}

   .img-gallery__thumbnail .slides > li:hover .img-caption {
      opacity: .8;
   }

   .img-gallery__thumbnail .slides > li .img-caption-wrapper {
      position: relative;
   }

   .img-gallery__thumbnail .slides > li .img-caption {
      background-color: #fff;
      bottom: 0;
      font-size: 14px;
      line-height: 20px;
      opacity: 0;
      padding: 2.1rem .9rem;
      position: absolute;
      transition: opacity .3s ease-in-out;
      width: 100%;
   }

      .img-gallery__thumbnail .slides > li .img-caption.-permanent {
         opacity: .8;
      }

.img-gallery__thumbnail-slider {
   margin-top: 1.2rem;
}

   .img-gallery__thumbnail-slider .slides > li {
      margin-right: 1px;
      position: relative;
   }

      .img-gallery__thumbnail-slider .slides > li:hover .thumbnail-overlay:after {
         opacity: .5;
         transition: opacity .3s ease-in-out;
      }

      .img-gallery__thumbnail-slider .slides > li.flex-active-slide .thumbnail-overlay:hover {
         cursor: default;
      }

         .img-gallery__thumbnail-slider .slides > li.flex-active-slide .thumbnail-overlay:hover:after {
            background-color: transparent;
         }

      .img-gallery__thumbnail-slider .slides > li.flex-active-slide .thumbnail-overlay img {
         opacity: .35;
      }

      .img-gallery__thumbnail-slider .slides > li .thumbnail-overlay {
         cursor: pointer;
         position: relative;
      }

         .img-gallery__thumbnail-slider .slides > li .thumbnail-overlay:after {
            background-color: #002355;
            display: inline-block;
            height: 100%;
            left: 0;
            opacity: 0;
            position: absolute;
            top: 0;
            width: 100%;
            content: "";
         }

   .img-gallery__thumbnail-slider .flex-direction-nav .flex-next, .img-gallery__thumbnail-slider .flex-direction-nav .flex-prev {
      font-size: 2rem;
      width: 2em;
   }

@media (min-width:768px) {
   .img-gallery__thumbnail-slider .flex-direction-nav .flex-next, .img-gallery__thumbnail-slider .flex-direction-nav .flex-prev {
      font-size: 3rem;
   }
}

@media (min-width:992px) {
   .img-gallery__thumbnail-slider .flex-direction-nav .flex-next, .img-gallery__thumbnail-slider .flex-direction-nav .flex-prev {
      font-size: 4rem;
   }
}

@media (max-width:767px) {
   .img-gallery__thumbnail-slider .flex-direction-nav {
      display: block;
   }
}

.img-gallery-lightbox__img {
   position: relative;
   min-height: 1px;
   padding-left: 12px;
   padding-right: 12px;
}

@media (min-width:992px) {
   .img-gallery-lightbox__img {
      float: left;
      width: 50%;
   }
}

.img-gallery-lightbox__img figcaption {
   color: #9b9894;
   margin-top: .8rem;
}

.mfp-bg {
   z-index: 1042;
   overflow: hidden;
   background: #0b0b0b;
   opacity: .8;
   filter: alpha(opacity=80);
}

.mfp-bg, .mfp-wrap {
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   position: fixed;
}

.mfp-wrap {
   z-index: 1043;
   outline: none!important;
   -webkit-backface-visibility: hidden;
}

.mfp-container {
   text-align: center;
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   padding: 0 8px;
   box-sizing: border-box;
}

   .mfp-container:before {
      content: "";
      display: inline-block;
      height: 100%;
      vertical-align: middle;
   }

.mfp-align-top .mfp-container:before {
   display: none;
}

.mfp-content {
   position: relative;
   display: inline-block;
   vertical-align: middle;
   margin: 0 auto;
   text-align: left;
   z-index: 1045;
}

.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
   width: 100%;
   cursor: auto;
}

.mfp-ajax-cur {
   cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
   cursor: zoom-out;
}

.mfp-zoom {
   cursor: pointer;
   cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
   cursor: auto;
}

.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.mfp-loading.mfp-figure {
   display: none;
}

.mfp-hide {
   display: none!important;
}

.mfp-preloader {
   color: #ccc;
   position: absolute;
   top: 50%;
   width: auto;
   text-align: center;
   margin-top: -.8em;
   left: 8px;
   right: 8px;
   z-index: 1044;
}

   .mfp-preloader a {
      color: #ccc;
   }

      .mfp-preloader a:hover {
         color: #fff;
      }

.mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader {
   display: none;
}

button.mfp-arrow, button.mfp-close {
   overflow: visible;
   cursor: pointer;
   background: transparent;
   border: 0;
   -webkit-appearance: none;
   display: block;
   outline: none;
   padding: 0;
   z-index: 1046;
   box-shadow: none;
}

button::-moz-focus-inner {
   padding: 0;
   border: 0;
}

.mfp-close {
   width: 44px;
   height: 44px;
   line-height: 44px;
   position: absolute;
   right: 0;
   top: 0;
   text-decoration: none;
   text-align: center;
   opacity: .65;
   filter: alpha(opacity=65);
   padding: 0 0 18px 10px;
   color: #fff;
   font-style: normal;
   font-size: 28px;
   font-family: Arial,Baskerville,monospace;
}

   .mfp-close:focus, .mfp-close:hover {
      opacity: 1;
      filter: alpha(opacity=100);
   }

   .mfp-close:active {
      top: 1px;
   }

.mfp-close-btn-in .mfp-close {
   color: #333;
}

.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
   color: #fff;
   right: -6px;
   text-align: right;
   padding-right: 6px;
   width: 100%;
}

.mfp-counter {
   position: absolute;
   top: 0;
   right: 0;
   color: #ccc;
   font-size: 12px;
   line-height: 18px;
   white-space: nowrap;
}

.mfp-arrow {
   position: absolute;
   opacity: .65;
   filter: alpha(opacity=65);
   margin: 0;
   top: 50%;
   margin-top: -55px;
   padding: 0;
   width: 90px;
   height: 110px;
   -webkit-tap-highlight-color: transparent;
}

   .mfp-arrow:active {
      margin-top: -54px;
   }

   .mfp-arrow:focus, .mfp-arrow:hover {
      opacity: 1;
      filter: alpha(opacity=100);
   }

   .mfp-arrow .mfp-a, .mfp-arrow .mfp-b, .mfp-arrow:after, .mfp-arrow:before {
      content: "";
      display: block;
      width: 0;
      height: 0;
      position: absolute;
      left: 0;
      top: 0;
      margin-top: 35px;
      margin-left: 35px;
      border: medium inset transparent;
   }

   .mfp-arrow .mfp-a, .mfp-arrow:after {
      border-top-width: 13px;
      border-bottom-width: 13px;
      top: 8px;
   }

   .mfp-arrow .mfp-b, .mfp-arrow:before {
      border-top-width: 21px;
      border-bottom-width: 21px;
      opacity: .7;
   }

.mfp-arrow-left {
   left: 0;
}

   .mfp-arrow-left .mfp-a, .mfp-arrow-left:after {
      border-right: 17px solid #fff;
      margin-left: 31px;
   }

   .mfp-arrow-left .mfp-b, .mfp-arrow-left:before {
      margin-left: 25px;
      border-right: 27px solid #3f3f3f;
   }

.mfp-arrow-right {
   right: 0;
}

   .mfp-arrow-right .mfp-a, .mfp-arrow-right:after {
      border-left: 17px solid #fff;
      margin-left: 39px;
   }

   .mfp-arrow-right .mfp-b, .mfp-arrow-right:before {
      border-left: 27px solid #3f3f3f;
   }

.mfp-iframe-holder {
   padding-top: 40px;
   padding-bottom: 40px;
}

   .mfp-iframe-holder .mfp-content {
      line-height: 0;
      width: 100%;
      max-width: 900px;
   }

   .mfp-iframe-holder .mfp-close {
      top: -40px;
   }

.mfp-iframe-scaler {
   width: 100%;
   height: 0;
   overflow: hidden;
   padding-top: 56.25%;
}

   .mfp-iframe-scaler iframe {
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      box-shadow: 0 0 8px rgba(0,0,0,.6);
      background: #000;
   }

img.mfp-img {
   width: auto;
   max-width: 100%;
   height: auto;
   display: block;
   box-sizing: border-box;
   padding: 40px 0;
   margin: 0 auto;
}

.mfp-figure, img.mfp-img {
   line-height: 0;
}

   .mfp-figure:after {
      content: "";
      position: absolute;
      left: 0;
      top: 40px;
      bottom: 40px;
      display: block;
      right: 0;
      width: auto;
      height: auto;
      z-index: -1;
      box-shadow: 0 0 8px rgba(0,0,0,.6);
      background: #444;
   }

   .mfp-figure small {
      color: #bdbdbd;
      display: block;
      font-size: 12px;
      line-height: 14px;
   }

   .mfp-figure figure {
      margin: 0;
   }

.mfp-bottom-bar {
   margin-top: -36px;
   position: absolute;
   top: 100%;
   left: 0;
   width: 100%;
   cursor: auto;
}

.mfp-title {
   text-align: left;
   line-height: 18px;
   color: #f3f3f3;
   word-wrap: break-word;
   padding-right: 36px;
}

.mfp-image-holder .mfp-content {
   max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
   cursor: pointer;
}

@media screen and (max-height:300px),screen and (max-width:800px) and (orientation:landscape) {
   .mfp-img-mobile .mfp-image-holder {
      padding-left: 0;
      padding-right: 0;
   }

   .mfp-img-mobile img.mfp-img {
      padding: 0;
   }

   .mfp-img-mobile .mfp-figure:after {
      top: 0;
      bottom: 0;
   }

   .mfp-img-mobile .mfp-figure small {
      display: inline;
      margin-left: 5px;
   }

   .mfp-img-mobile .mfp-bottom-bar {
      background: rgba(0,0,0,.6);
      bottom: 0;
      margin: 0;
      top: auto;
      padding: 3px 5px;
      position: fixed;
      box-sizing: border-box;
   }

      .mfp-img-mobile .mfp-bottom-bar:empty {
         padding: 0;
      }

   .mfp-img-mobile .mfp-counter {
      right: 5px;
      top: 3px;
   }

   .mfp-img-mobile .mfp-close {
      top: 0;
      right: 0;
      width: 35px;
      height: 35px;
      line-height: 35px;
      background: rgba(0,0,0,.6);
      position: fixed;
      text-align: center;
      padding: 0;
   }
}

@media (max-width:900px) {
   .mfp-arrow {
      transform: scale(.75);
   }

   .mfp-arrow-left {
      transform-origin: 0;
   }

   .mfp-arrow-right {
      transform-origin: 100%;
   }

   .mfp-container {
      padding-left: 6px;
      padding-right: 6px;
   }
}

.mfp-ie7 .mfp-img {
   padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
   width: 600px;
   left: 50%;
   margin-left: -300px;
   margin-top: 5px;
   padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
   padding: 0;
}

.mfp-ie7 .mfp-content {
   padding-top: 44px;
}

.mfp-ie7 .mfp-close {
   top: 0;
   right: 0;
   padding-top: 0;
}

@media (min-width:768px) {
   .mfp-container {
      padding: 0 6rem;
   }
}

.mfp-bg {
   background-color: #0a0f0a;
   opacity: .93;
}

.mfp-top-bar {
   height: 10rem;
   width: 100%;
   position: absolute;
   top: 0;
}

.mfp-figure .mfp-iframe-wrap, .mfp-figure .mfp-img {
   padding: 10rem 0;
}

.mfp-title {
   color: #cdcbc9;
   font-size: 14px;
   line-height: 20px;
   margin-top: 2.1rem;
   padding-right: 0;
}

.mfp-figure:after {
   top: 10rem;
   bottom: 10rem;
   box-shadow: none;
}

.mfp-bottom-bar {
   margin-top: -10rem;
}

.mfp-counter {
   bottom: 0;
   color: #cdcbc9;
   left: 0;
   margin-bottom: 2.1rem;
   right: auto;
}

.mfp-close, .mfp-counter {
   font-size: 16px;
   line-height: 1.5;
   top: auto;
}

.mfp-close {
   bottom: 2.1rem;
   height: auto;
   opacity: 1;
}

   .mfp-close:active {
      top: auto;
   }

.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
   top: auto;
   right: 0;
   padding: 0;
}

   .mfp-iframe-holder .mfp-close:before, .mfp-image-holder .mfp-close:before {
      display: inline-block;
      font-family: kba-icons!important;
      speak: none;
      font-size: inherit;
      line-height: 1;
      font-style: normal;
      font-weight: 400;
      font-variant: normal;
      text-transform: none;
      vertical-align: middle;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e911";
      color: #cdcbc9;
   }

.arrow__left, .arrow__right {
   padding: 0;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   background-color: transparent;
   color: #cdcbc9;
   font-size: 6rem;
   border: none;
}

   .arrow__left:before, .arrow__right:before {
      display: inline-block;
      font-family: kba-icons!important;
      speak: none;
      font-size: inherit;
      line-height: 1;
      font-style: normal;
      font-weight: 400;
      font-variant: normal;
      text-transform: none;
      vertical-align: middle;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
   }

@media (max-width:767px) {
   .arrow__left, .arrow__right {
      display: none;
   }
}

.arrow__left {
   left: 0;
}

@media (min-width:768px) {
   .arrow__left {
      left: -6rem;
   }
}

.arrow__left:before {
   content: "\e902";
}

.arrow__right {
   right: 0;
}

@media (min-width:768px) {
   .arrow__right {
      right: -6rem;
   }
}

.arrow__right:before {
   content: "\e903";
}

.mfp-fade.mfp-bg {
   opacity: 0;
   transition: all .3s ease-out;
}

   .mfp-fade.mfp-bg.mfp-ready {
      opacity: .93;
   }

   .mfp-fade.mfp-bg.mfp-removing {
      opacity: 0;
   }

.mfp-fade.mfp-wrap .mfp-content {
   opacity: 0;
   transition: all .3s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
   opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
   opacity: 0;
}

@media (max-width:767px) {
   .intro {
      background: #002355;
   }
}

.intro.flexslider .flex-control-nav li a:not(:hover):not(.flex-active) {
   background-color: #fff;
}

.intro p {
   margin: 0;
   color: #fff;
   font-size: 1.6rem;
   line-height: 2.4rem;
   font-family: Koenig Bauer Type Headline,Arial,sans-serif;
}

@media (min-width:768px) {
   .intro p {
      font-size: 1.8rem;
   }
}

@media (min-width:1200px) {
   .intro p {
      font-size: 2.8rem;
      line-height: 3.2rem;
   }
}

.intro__headline {
   margin-bottom: 1.4rem;
   color: #fff;
   font-family: Koenig Bauer Type Headline,Arial,sans-serif;
   font-weight: 400;
}
   .intro__headline a:hover,.intro__headline a:visited  {
      text-decoration:none;
   }
@media (min-width:768px) {
   .intro__headline {
      padding-top: 3.6rem;
   }
}

@media (min-width:992px) {
   .intro__headline {
      padding-top: 6.4rem;
   }
}

@media (min-width:1200px) {
   .intro__headline {
      padding-top: 12rem;
   }
}

.intro .btn-video, .intro__button {
   margin: 2rem 0;
}

@media (min-width:480px) {
   .intro .btn-video, .intro__button {
      margin: 3rem 0;
      width: auto;
   }
}

@media (min-width:992px) {
   .intro .btn-video, .intro__button {
      margin: 3.5rem 0;
   }
}

.intro__button {
   color: #f02d32;
   background-color: transparent;
   border-color: #f02d32;
}

   .intro__button.focus, .intro__button:focus {
      color: #f02d32;
      background-color: transparent;
      border-color: #930a0e;
   }

   .intro__button.active, .intro__button:active, .intro__button:hover, .open > .dropdown-toggle.intro__button {
      color: #f02d32;
      background-color: transparent;
      border-color: #d10f14;
   }

      .intro__button.active.focus, .intro__button.active:focus, .intro__button.active:hover, .intro__button:active.focus, .intro__button:active:focus, .intro__button:active:hover, .open > .dropdown-toggle.intro__button.focus, .open > .dropdown-toggle.intro__button:focus, .open > .dropdown-toggle.intro__button:hover {
         color: #f02d32;
         background-color: transparent;
         border-color: #930a0e;
      }

   .intro__button.active, .intro__button:active, .open > .dropdown-toggle.intro__button {
      background-image: none;
   }

   .intro__button.disabled.focus, .intro__button.disabled:focus, .intro__button.disabled:hover, .intro__button[disabled].focus, .intro__button[disabled]:focus, .intro__button[disabled]:hover, fieldset[disabled] .intro__button.focus, fieldset[disabled] .intro__button:focus, fieldset[disabled] .intro__button:hover {
      background-color: transparent;
      border-color: #f02d32;
   }

   .intro__button .badge {
      color: transparent;
      background-color: #f02d32;
   }

   .intro__button.focus, .intro__button:focus, .intro__button:hover {
      background-color: #f02d32;
      border-color: #f02d32;
      color: #fff;
   }

@media (min-width:992px) {
   .intro__button--mobile {
      display: none;
   }
}

@media (max-width:767px) {
   .intro .btn-video, .intro .btn-video:hover {
      color: #fff;
   }
}

.intro__slide {
   position: relative;
}

@media (min-width:768px) {
   .intro__slide--light .intro__headline, .intro__slide--light p {
      color: #002355;
   }
}

@media (min-width:768px) {
   .intro__slide--dark .intro__headline, .intro__slide--dark p {
      color: #fff;
   }
}

@media (min-width:768px) {
   .intro__slide {
      /*height: 34rem;*/
      overflow: hidden;
   }
}

@media (min-width:992px) {
   .intro__slide {
      /*height: 580px;*/
   }
}

@media (min-width:1200px) {
   .intro__slide {
      /*height: 580px;*/
   }
}

@media (min-width:1920px) and (max-width:1937px) {
   .intro__slide {
      margin-right: -17px;
   }
}

.intro__slide-image {
   width: 100%;
   height: 100%;
   max-height : 580px;
   background-size: contain;
   background-repeat:no-repeat;
   background-position: 50%;
}

@media (min-width:768px) {
   .intro__slide-image--only:after {
      display: none;
   }
}

@media (max-width:767px) {
   .intro__slide-image {
      height: 24rem;
   }
}

@media (max-width:767px) {
   .intro__slide-content {
      padding-bottom: 7.6rem;
   }
}

@media (min-width:768px) {
   .intro__slide-content {
      padding-left: 3.6rem;
      padding-right: 3.6rem;
      height: 100%;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      z-index: 5;
   }

   .intro__slide-content--mobile-texts {
      height: auto;
      top: auto;
      bottom: 3.6rem;
   }

      .intro__slide-content--mobile-texts .intro__headline, .intro__slide-content--mobile-texts .intro__headline + p {
         display: none;
      }
}

@media (min-width:1250px) {
   .intro__slide-content {
      padding-left: 0;
      padding-right: 0;
   }
}

.intro__slide-column {
   position: relative;
   min-height: 1px;
   padding-left: 12px;
   padding-right: 12px;
}

@media (min-width:768px) {
   .intro__slide-column {
      float: left;
      width: 66.66666667%;
   }
}

.intro__slide-column--center {
   position: relative;
   min-height: 1px;
   padding-left: 12px;
   padding-right: 12px;
}

@media (min-width:768px) {
   .intro__slide-column--center {
      float: left;
      width: 58.33333333%;
      left: 41.66666667%;
   }
}

.intro .flex-control-nav {
   margin-bottom: 4rem;
   bottom: 0;
}

@media (min-width:768px) {
   .intro .flex-control-nav {
      margin-bottom: 1.5rem;
   }
}

@media (min-width:992px) {
   .intro .flex-control-nav {
      margin-bottom: 3rem;
   }
}

@media (min-width:1200px) {
   .intro .flex-control-nav {
      margin-bottom: 4rem;
   }
}

.intro + .container > .intro + .text, .intro + .container > .intro-headline + .text, .intro + .container > .spacer-top, .intro + .intro-headline__content > .spacer-top, .intro + .intro__slide-content > .spacer-top {
   margin-top: 6rem;
}
 
 
.intro-headline {
   position: relative;
}

   .intro-headline p {
      margin: 0;
      color: #fff;
      font-size: 1.6rem;
      line-height: 2.4rem;
      font-family: Koenig Bauer Type Headline,Arial,sans-serif;
   }

@media (min-width:768px) {
   .intro-headline p {
      font-size: 1.8rem;
   }
}

@media (min-width:1200px) {
   .intro-headline p {
      font-size: 2.8rem;
      line-height: 3.2rem;
   }
}

.intro-headline__headline {
   margin-bottom: 2.4rem;
   color: #002355;
   font-family: Koenig Bauer Type Headline,Arial,sans-serif;
}

@media (min-width:768px) {
   .intro-headline__headline {
      padding-top: 3.6rem;
      width: 66.66666667%;
   }
}

@media (min-width:992px) {
   .intro-headline__headline {
      padding-top: 6.4rem;
   }
}

@media (min-width:1200px) {
   .intro-headline__headline {
      padding-top: 12rem;
   }
}

@media (min-width:768px) {
   .intro-headline {
      height: 34rem;
      overflow: hidden;
   }
}

@media (min-width:992px) {
   .intro-headline {
      height: 47rem;
   }
}

@media (min-width:1200px) {
   .intro-headline {
      height: 67rem;
   }
}

@media (min-width:1920px) and (max-width:1937px) {
   .intro-headline {
      margin-right: -17px;
   }
}

@media (max-width:767px) {
   .intro-headline__image {
      position: relative;
      height: 24rem;
      overflow: hidden;
   }

      .intro-headline__image img {
         position: absolute;
         width: auto!important;
         height: 100%!important;
         left: 50%;
         transform: translateX(-50%);
      }
}

@media (min-width:768px) {
   .intro-headline__image {
      position: absolute;
      z-index: 1;
   }
}

@media (min-width:768px) and (max-width:1919px) {
   .intro-headline__image {
      height: 100%;
      left: 50%;
      transform: translateX(-50%);
   }

      .intro-headline__image img {
         height: 100%!important;
         width: auto!important;
      }
}

@media (min-width:1920px) {
   .intro-headline__image {
      width: 100%;
      top: 50%;
      transform: translateY(-50%);
   }

      .intro-headline__image img {
         height: auto!important;
         width: 100%!important;
      }
}

@media (min-width:768px) {
   .intro-headline__content {
      height: 100%;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      z-index: 5;
   }
}

.intro-headline + .container > .intro + .text, .intro-headline + .container > .intro-headline + .text, .intro-headline + .container > .spacer-top, .intro-headline + .intro-headline__content > .spacer-top, .intro-headline + .intro__slide-content > .spacer-top {
   margin-top: 6rem;
}

.grouped-buttons .btn, .grouped-buttons .intro__button {
   margin-bottom: 2.8rem;
}

.kba-tooltip {
   color: #f02d32;
   display: inline-block;
   position: relative;
}

   .kba-tooltip:before {
      content: "";
      display: block;
      height: 100%;
      position: absolute;
      width: 100%;
      z-index: -1;
   }

   .kba-tooltip:hover {
      cursor: pointer;
   }

.tooltip {
   font-weight: 200;
   font-size: 14px;
}

   .tooltip.in {
      opacity: 1;
   }

   .tooltip.bottom .tooltip-arrow {
      border-bottom-color: #e6e5e4;
   }

   .tooltip.left .tooltip-arrow {
      border-left-color: #e6e5e4;
   }

   .tooltip.right .tooltip-arrow {
      border-right-color: #e6e5e4;
   }

   .tooltip.top .tooltip-arrow {
      border-top-color: #e6e5e4;
   }

   .tooltip .tooltip-inner {
      background-color: #e6e5e4;
      color: #57575a;
      padding: 10px;
      text-align: left;
   }

.menu__main, .menu__meta  {
   font-family: Koenig Bauer Type Headline,Arial,sans-serif;
}

@media (max-width:991px) {
   .menu__main--desktop, .menu__meta--desktop  {
      display: none;
   }
}

@media (min-width:992px) {
   .menu__main--mobile, .menu__meta--mobile  {
      display: none;
   }
}

.menu__meta--desktop .dropdown-toggle {
   position: relative;
}

.menu__meta--desktop .dropdown-toggle, .menu__meta--desktop .menu-section {
   background-color: transparent;
   font-weight: 400;
   line-height: 1.5;
   text-transform: none;
   z-index: 2;
}

   .menu__meta--desktop .dropdown-toggle:after, .menu__meta--desktop .menu-section:after {
      margin-left: 1rem;
   }

   .menu__meta--desktop .dropdown-toggle[aria-expanded=true], .menu__meta--desktop .menu-section[aria-expanded=true] {
      color: #f02d32;
   }

      .menu__meta--desktop .dropdown-toggle[aria-expanded=true]:after, .menu__meta--desktop .menu-section[aria-expanded=true]:after {
         content: "\e911";
      }

   .menu__meta--desktop .dropdown-toggle > span, .menu__meta--desktop .menu-section > span {
      display: none;
   }

.menu__meta--desktop .dropdown-toggle {
   color: #57575a;
   font-weight: 700;
   padding: 0;
}

   .menu__meta--desktop .dropdown-toggle:after {
      display: inline-block;
      font-family: kba-icons!important;
      speak: none;
      font-size: 2rem;
      line-height: 1;
      font-style: normal;
      font-weight: 400;
      font-variant: normal;
      text-transform: none;
      vertical-align: middle;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e905";
   }

.menu__meta--desktop a, .menu__meta--desktop span {
   color: #57575a;
   font-weight: 400;
   position: relative;
}

   .menu__meta--desktop a:hover {
      color: #002355;
   }

.menu__meta--desktop .dropdown-menu {
   background-color: #f5f5f5;
   box-shadow: 1px 1px 1px 0 #cdcbc9;
   border: none;
   position: absolute;
   right: 0;
   top: inherit;
   z-index: 1000;
}

   .menu__meta--desktop .dropdown-menu li > a, .menu__meta--desktop .dropdown-menu ul > li > a {
      color: #57575a;
   }

      .menu__meta--desktop .dropdown-menu li.active > a, .menu__meta--desktop .dropdown-menu li > a:hover, .menu__meta--desktop .dropdown-menu ul > li.active > a, .menu__meta--desktop .dropdown-menu ul > li > a:hover {
         color: #002355;
         background: #fcfcfc;
      }

   .menu__meta--desktop .dropdown-menu a.btn.btn-primary, .menu__meta--desktop .dropdown-menu a.intro__button.btn-primary {
      margin-top: 2.4rem;
      color: #f02d32;
   }

      .menu__meta--desktop .dropdown-menu a.btn.btn-primary:hover, .menu__meta--desktop .dropdown-menu a.intro__button.btn-primary:hover {
         color: #fff;
      }

.menu--landingpage {
   padding-top: 0;
   background-color: #fff;
   position: fixed!important;
   top: 0;
   left: 0;
   z-index: 10;
   width: 100%;
}

   .menu--landingpage .menu__logo {
      position: relative;
      float: left;
      z-index: 1;
   }

@media (min-width:992px) {
   .menu--landingpage {
      padding-top: 70px;
   }

      .menu--landingpage .menu__logo {
         position: absolute;
         top: 35px;
      }

      .menu--landingpage .menu__logo--desktop img {
         height: 4.5rem;
      }
}

html.skip-intro .menu--landingpage {
   position: relative!important;
}

.landingpage--fixed-header .main {
   padding-top: 50px;
}

@media (min-width:992px) {
   .landingpage--fixed-header .main {
      padding-top: 108px;
   }
}

header.sg-header > .container, header.sg-header > .intro-headline__content, header.sg-header > .intro__slide-content {
   text-align: center;
}

header.header {
   position: fixed;
   width: 100%;
   z-index: 30;
   background-color: #fff;
   border-bottom: 1px solid #b4b2af;
}

   header.header .container, header.header .intro-headline__content, header.header .intro__slide-content {
      position: relative;
   }

@media (max-width:767px) {
   header.header .container, header.header .intro-headline__content, header.header .intro__slide-content {
      padding: 0;
   }
}

.menu .list--hidden {
   border-bottom: none!important;
   background-color: transparent!important;
}

.menu:after, .menu:before {
   content: " ";
   display: table;
}

.menu:after {
   clear: both;
}

.menu a {
   display: block;
}

   .menu a:focus, .menu a:hover {
      text-decoration: none;
   }

.menu button {
   background-color: transparent;
   border: none;
}

.menu input {
   border: none;
}

   .menu input:focus {
      outline: none;
   }

.menu ul {
   padding-left: 0;
   list-style: none;
   margin: 0;
   vertical-align: middle;
}

@media (max-width:991px) {
   .menu .column span {
      background-color: #cdcbc9;
      font-weight: 400;
      display: block;
      font-size: 14px;
      line-height: 2.4rem;
      padding-bottom: .8rem;
      padding-top: .8rem;
   }
}

@media (max-width:991px) {
   .menu .list__item > div, .menu .list__item > span {
      position: relative;
      min-height: 5rem;
   }

   .menu .list__item > span {
      display: block;
   }

   .menu .list__item-btn, .menu .list__item-next-btn, .menu .list__item-prev-btn {
      height: 5rem;
      padding: 0;
      position: absolute;
      top: 0;
      width: 5rem;
   }

      .menu .list__item-btn:focus, .menu .list__item-btn:hover, .menu .list__item-next-btn:focus, .menu .list__item-next-btn:hover, .menu .list__item-prev-btn:focus, .menu .list__item-prev-btn:hover {
         text-decoration: none;
         outline: none;
      }

      .menu .list__item-btn:before, .menu .list__item-next-btn:before, .menu .list__item-prev-btn:before {
         font-size: 3rem;
         left: 50%;
         position: absolute;
         top: 50%;
         transform: translate(-50%,-50%);
      }

   .menu .list__item-btn, .menu .list__item-next-btn {
      right: 0;
   }

   .menu .list__item-prev-btn {
      border-right: 1px solid #e6e5e4;
      left: 0;
   }

      .menu .list__item-prev-btn:before {
         display: inline-block;
         font-family: kba-icons!important;
         speak: none;
         font-size: 3rem;
         line-height: 1;
         font-style: normal;
         font-weight: 400;
         font-variant: normal;
         text-transform: none;
         vertical-align: middle;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
         content: "\e906";
         color: #f02d32;
      }

   .menu .list__item-prev-text {
      background-color: #fff;
      font-size: 1.8rem;
      color: #57575a;
      font-weight: 700;
      line-height: 2rem;
      padding: 1.5rem 12px 1.5rem 64px;
   }

   .menu .list--primary .list__item + .list__item, .menu .list--secondary .list__item + .list__item {
      border-top: 1px solid #cdcbc9;
   }

   .menu .list--primary .list__item a, .menu .list--primary .list__item span, .menu .list--secondary .list__item a, .menu .list--secondary .list__item span, .menu .list--tertiary .list__item a, .menu .list--tertiary .list__item span {
      color: #57575a;
      padding-left: 12px;
      padding-right: 64px;
   }

   .menu .list--primary .list__item a, .menu .list--secondary .list__item a, .menu .list--tertiary .list__item a {
      min-height: 5rem;
   }

   .menu .list--primary {
      width: 300%;
      background-color: #f5f5f5;
      border-bottom: 6px solid #f02d32;
   }

      .menu .list--primary > .list__item {
         width: 33.33333%;
      }

         .menu .list--primary > .list__item > ul {
            display: none;
            position: absolute;
            right: -33.33333%;
            top: 0;
            width: 100%;
            z-index: 1;
         }

            .menu .list--primary > .list__item > ul.list--open {
               display: block;
            }

         .menu .list--primary > .list__item.active > a, .menu .list--primary > .list__item.active > div > a, .menu .list--primary > .list__item > a:hover, .menu .list--primary > .list__item > div > a:hover {
            color: #f02d32;
         }

      .menu .list--primary > .list__item--main > a, .menu .list--primary > .list__item--main > div > a, .menu .list--primary > .list__item--main > div > span {
         background-color: #f5f5f5;
         font-size: 1.8rem;
         font-weight: 400;
         line-height: 2.4rem;
         padding-bottom: 1.3rem;
         padding-top: 1.3rem;
      }

      .menu .list--primary > .list__item--main > div .list__item-btn, .menu .list--primary > .list__item--main > div .list__item-next-btn {
         background-color: #e6e5e4;
      }

      .menu .list--primary > .list__item--meta > div {
         background-color: #f5f5f5;
         font-size: 1.8rem;
         font-weight: 400;
         line-height: 2.4rem;
         padding-bottom: 1.3rem;
         padding-top: 1.3rem;
      }

         .menu .list--primary > .list__item--meta > div .list__item-btn, .menu .list--primary > .list__item--meta > div .list__item-next-btn {
            background-color: #e6e5e4;
         }

      .menu .list--primary > .list__item > div > .list__item-btn:before, .menu .list--primary > .list__item > div > .list__item-next-btn:before {
         display: inline-block;
         font-family: kba-icons!important;
         speak: none;
         font-size: 3rem;
         line-height: 1;
         font-style: normal;
         font-weight: 400;
         font-variant: normal;
         text-transform: none;
         vertical-align: middle;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
         content: "\e907";
         color: #57575a;
      }

   .menu .list--secondary {
      border-bottom: 6px solid #f02d32;
   }

      .menu .list--secondary .column span {
         font-weight: 700;
      }

      .menu .list--secondary .column > ul > .list__item {
         width: 33.33333%;
      }

      .menu .list--secondary > .list__item > ul {
         display: none;
         position: absolute;
         right: -33.33333%;
         top: 0;
         width: 100%;
         z-index: 1;
      }

         .menu .list--secondary > .list__item > ul.list--open {
            display: block;
         }

      .menu .list--secondary .list__item--main > a, .menu .list--secondary .list__item--main > div > a {
         background-color: #f5f5f5;
         font-size: 14px;
         font-weight: 400;
         line-height: 2.4rem;
         padding-bottom: 1.3rem;
         padding-top: 1.3rem;
      }

         .menu .list--secondary .list__item--main.active > a, .menu .list--secondary .list__item--main.active > div > a, .menu .list--secondary .list__item--main > a:hover, .menu .list--secondary .list__item--main > div > a:hover {
            color: #f02d32;
         }

      .menu .list--secondary .list__item--meta > a, .menu .list--secondary .list__item--meta > div span {
         background-color: #f5f4f4;
         font-size: 1.8rem;
         font-weight: 400;
         line-height: 2rem;
         padding: 1.5rem 64px 1.5rem 12px;
      }

      .menu .list--secondary .list__item--meta > div > span {
         display: block;
      }

      .menu .list--secondary .list__item--meta > div {
         width: 33.33333%;
      }

      .menu .list--secondary .list__item > div .list__item-btn {
         background-color: #e6e5e4;
      }

         .menu .list--secondary .list__item > div .list__item-btn:before {
            display: inline-block;
            font-family: kba-icons!important;
            speak: none;
            font-size: 3rem;
            line-height: 1;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            vertical-align: middle;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e905";
            color: #57575a;
         }

      .menu .list--secondary .list__item > div .list__item-btn--open {
         background-color: #e6e5e4;
      }

         .menu .list--secondary .list__item > div .list__item-btn--open:before {
            content: "\e904";
         }

      .menu .list--secondary .list__item > div .list__item-next-btn {
         background-color: #e6e5e4;
      }

         .menu .list--secondary .list__item > div .list__item-next-btn:before {
            display: inline-block;
            font-family: kba-icons!important;
            speak: none;
            font-size: 3rem;
            line-height: 1;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            vertical-align: middle;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e907";
            color: #57575a;
         }

   .menu .list--tertiary-slide {
      border-bottom: 6px solid #f02d32;
   }

   .menu .list--tertiary-links {
      display: none;
   }

   .menu .list--tertiary .form-group {
      background-color: #f5f4f4;
      padding: .6rem 1.2rem;
      margin-bottom: 0;
      height: 5.1rem;
      position: relative;
   }

      .menu .list--tertiary .form-group:before {
         display: inline-block;
         font-family: kba-icons!important;
         speak: none;
         font-size: 2rem;
         line-height: 1;
         font-style: normal;
         font-weight: 400;
         font-variant: normal;
         text-transform: none;
         vertical-align: middle;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
         content: "\e90f";
      }

      .menu .list--tertiary .form-group input {
         height: 39px;
         border: 1px solid #e6e5e4;
         font-size: 1.4rem;
      }

      .menu .list--tertiary .form-group:before {
         color: #57575a;
         position: absolute;
         right: 24px;
         top: 15px;
      }

   .menu .list--tertiary > .list__item > ul {
      display: none;
      position: absolute;
      right: -33.33333%;
      top: 0;
      width: 100%;
      z-index: 1;
   }

      .menu .list--tertiary > .list__item > ul.list--open {
         display: block;
      }

   .menu .list--tertiary > .list__item a {
      background-color: #e6e5e4;
      font-size: 14px;
      font-weight: 400;
      line-height: 2.6rem;
      padding-bottom: 1.2rem;
      padding-top: 1.2rem;
   }

   .menu .list--tertiary > .list__item + .list__item {
      border-top: 1px solid #cdcbc9;
   }
}

@media (min-width:992px) {
   .menu .list__item.active > div > a {
      border-bottom: 6px solid #f02d32;
   }

   .menu .menu__main .list--secondary .column span {
      font-weight: 400;
   }

   .menu .menu__main .list--secondary .list--tertiary > .list__item a {
      font-size: 1.4rem;
      line-height: 2rem;
      padding-top: .5rem;
      padding-bottom: .5rem;
      border-left: 1px solid #cdcbc9;
   }

      .menu .menu__main .list--secondary .list--tertiary > .list__item.active a, .menu .menu__main .list--secondary .list--tertiary > .list__item a:hover {
         border-color: #f02d32;
         color: #f02d32;
      }
}

@media (min-width:992px) {
   .menu__toggle {
      display: none;
   }
}

.menu .menu__toggle-main  {
   color: #9b9894;
   height: 6rem;
   padding: 0;
   position: absolute;
   top: 0;
   width: 5rem;
}

   .menu .menu__toggle-main:focus, .menu .menu__toggle-main:hover  {
      text-decoration: none;
      outline: none;
   }

   .menu .menu__toggle-main:before  {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
   }

.menu .menu__toggle-main {
   left: 0;
}

   .menu .menu__toggle-main.open:before {
      display: inline-block;
      font-family: kba-icons!important;
      speak: none;
      font-size: 3rem;
      line-height: 1;
      font-style: normal;
      font-weight: 400;
      font-variant: normal;
      text-transform: none;
      vertical-align: middle;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e911";
   }

@media (min-width:992px) {
   .menu .menu__toggle-main.open {
      display: none;
   }
}
  
.menu .menu__toggle-main.open:before  {
   content: "\e911";
   color: #f02d32;
}

.menu .menu__toggle-main:before {
   display: inline-block;
   font-family: kba-icons!important;
   speak: none;
   font-size: 3rem;
   line-height: 1;
   font-style: normal;
   font-weight: 400;
   font-variant: normal;
   text-transform: none;
   vertical-align: middle;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: "\e910";
}
 
.list__item--language a {
   padding-left: 20px;
}

   .list__item--language a.active {
      position: relative;
   }

      .list__item--language a.active:before {
         display: inline-block;
         font-family: kba-icons!important;
         speak: none;
         font-size: 2rem;
         line-height: 1;
         font-style: normal;
         font-weight: 400;
         font-variant: normal;
         text-transform: none;
         vertical-align: middle;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
         content: "\e90b";
         position: absolute;
         top: 0;
         left: -2px;
         color: #f02d32;
      }

.menu__main {
   position: relative;
}

   .menu__main:after, .menu__main:before {
      content: " ";
      display: table;
   }

   .menu__main:after {
      clear: both;
   }

@media (max-width:991px) {
   .menu__main-wrapper {
      bottom: 0;
      position: fixed;
      left: -100%;
      top: 60px;
      width: 100%;
      z-index: 5;
      overflow-x: hidden;
      overflow-y: auto;
   }
}

.menu__main .list--secondary .list--tertiary > .list__item--meta.list__item--language a {
   padding-left: 40px;
}

   .menu__main .list--secondary .list--tertiary > .list__item--meta.list__item--language a.active {
      position: relative;
   }

      .menu__main .list--secondary .list--tertiary > .list__item--meta.list__item--language a.active:before {
         display: inline-block;
         font-family: kba-icons!important;
         speak: none;
         font-size: 2rem;
         line-height: 1;
         font-style: normal;
         font-weight: 400;
         font-variant: normal;
         text-transform: none;
         vertical-align: middle;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
         content: "\e90b";
         top: 15px;
         left: 12px;
      }

.menu__main .list--secondary > .list__item--meta.list__item--global-home {
   position: relative;
   background-color: #f5f4f4;
}

   .menu__main .list--secondary > .list__item--meta.list__item--global-home div {
      padding: 12px;
   }

      .menu__main .list--secondary > .list__item--meta.list__item--global-home div a {
         padding: 1.2rem 2.4rem;
         line-height: 2rem;
         font-size: 1.6rem;
         font-weight: 400;
         color: #f02d32;
         min-height: 4.6rem;
      }

         .menu__main .list--secondary > .list__item--meta.list__item--global-home div a:active, .menu__main .list--secondary > .list__item--meta.list__item--global-home div a:focus, .menu__main .list--secondary > .list__item--meta.list__item--global-home div a:hover {
            background-color: #f02d32;
            color: #fff;
         }

.menu__main .list--secondary .list--tertiary .list__item--meta a {
   background-color: #f5f4f4;
}

@media (min-width:992px) {
   .menu__main {
      display: inline-block;
      margin-bottom: 0;
      position: static;
   }

      .menu__main .list__item--main-sized {
         position: relative;
      }

         .menu__main .list__item--main-sized ul {
            width: 300px;
         }

            .menu__main .list__item--main-sized ul li.container, .menu__main .list__item--main-sized ul li.intro-headline__content, .menu__main .list__item--main-sized ul li.intro__slide-content {
               width: 100%;
            }

      .menu__main > li > ul {
         background-clip: padding-box;
         background-color: #f5f5f5;
         border: solid #cdcbc9;
         border-width: 1px 0;
         display: none;
         float: left;
         font-size: 16px;
         left: 0;
         list-style: none;
         margin: 0;
         padding: 24px 12px;
         position: absolute;
         right: 0;
         top: 100%;
         z-index: 1000;
      }

      .menu__main .list__item-link--external {
         color: #0a0f0a;
         display: inline-block;
         font-size: 1.8rem;
         font-weight: 700;
         line-height: 2.4rem;
      }

         .menu__main .list__item-link--external:hover {
            color: #f02d32;
         }

      .menu__main > .list__item--main {
         display: inline-block;
         float: left;
      }

         .menu__main > .list__item--main + .list__item--main > .active > a, .menu__main > .list__item--main + .list__item--main > .active > div > a, .menu__main > .list__item--main + .list__item--main > .current > a, .menu__main > .list__item--main + .list__item--main > .current > div > a, .menu__main > .list__item--main + .list__item--main > a, .menu__main > .list__item--main + .list__item--main > div > a {
            padding-left: 1.5rem;
         }

         .menu__main > .list__item--main > a, .menu__main > .list__item--main > div > a {
            border-bottom: 6px solid transparent;
            color: #57575a;
            font-weight: 700;
            font-size: 20px;
            line-height: 2.4rem;
            padding: 2rem 1.5rem 1.3rem 0;
            position: relative;
         }

            .menu__main > .list__item--main.active > a, .menu__main > .list__item--main.active > div > a, .menu__main > .list__item--main > a:hover, .menu__main > .list__item--main > div > a:hover {
               color: #f02d32;
            }

         .menu__main > .list__item--main button {
            display: none;
         }

         .menu__main > .list__item--main.active > a, .menu__main > .list__item--main.active > div a {
            color: #f02d32;
         }

         .menu__main > .list__item--main.open > div a {
            color: #f02d32;
            position: relative;
         }

         .menu__main > .list__item--main.open > ul {
            box-shadow: 1px 1px 1px 0 #cdcbc9;
            border-bottom: 6px solid #f02d32;
            display: block;
         }

            .menu__main > .list__item--main.open > ul > li.container, .menu__main > .list__item--main.open > ul > li.intro-headline__content, .menu__main > .list__item--main.open > ul > li.intro__slide-content {
               padding-left: 0;
               padding-right: 0;
            }

      .menu__main .list--secondary > li.list__item {
         display: none;
      }

      .menu__main .list--secondary > .column {
         position: relative;
         min-height: 1px;
         padding-left: 12px;
         padding-right: 12px;
      }

         .menu__main .list--secondary > .column span {
            display: inline-block;
            margin-bottom: 1.6rem;
            font-size: 1.8rem;
            line-height: 2.4rem;
            color: #9b9894;
         }

         .menu__main .list--secondary > .column > ul > .list__item > a, .menu__main .list--secondary > .column > ul > .list__item > div > a {
            color: #0a0f0a;
            display: inline-block;
            font-size: 1.4rem;
            font-weight: 700;
            line-height: 2rem;
            padding-top: .5rem;
            padding-bottom: .5rem;
            position: relative;
         }

            .menu__main .list--secondary > .column > ul > .list__item > a:before, .menu__main .list--secondary > .column > ul > .list__item > div > a:before {
               position: absolute;
               left: 0;
            }

            .menu__main .list--secondary > .column > ul > .list__item > a:hover, .menu__main .list--secondary > .column > ul > .list__item > div > a:hover {
               color: #f02d32;
            }

         .menu__main .list--secondary > .column > ul > .list__item.active > a:not(.list__item-link--external), .menu__main .list--secondary > .column > ul > .list__item.active > div > a {
            color: #f02d32;
         }

         .menu__main .list--secondary > .column > ul ul > li a {
            color: #57575a;
            font-size: 1.8rem;
            font-weight: 200;
            padding-left: 2rem;
            text-transform: none;
         }

            .menu__main .list--secondary > .column > ul ul > li a:hover {
               color: #f02d32;
            }

      .menu__main .list__item--meta {
         display: none;
      }
}

@media (min-width:992px) and (min-width:992px) and (max-width:1199px) {
   .menu__main > .list__item--main > a, .menu__main > .list__item--main > div > a {
      font-size: 18px;
   }
}

@media (min-width:992px) and (min-width:992px) {
   .menu__main .list--secondary > .column {
      float: left;
      width: 25%;
   }
}

@media (max-width:991px) {
   .menu__main {
      border-top: 1px solid #e6e5e4;
      width: 100%;
      z-index: 1;
   }

      .menu__main .container, .menu__main .intro-headline__content, .menu__main .intro__slide-content {
         padding: 0;
         width: 100%;
      }
}

.menu__header {
   position: relative;
   height: 6rem;
   z-index: 2;
   text-align: center;
   transition: height .2s ease;
}

   .menu__header .logo-afq, .menu__header .logo-kba {
      position: relative;
      display: inline-block;
      margin-top: 22px;
      transition: none;
   }

   .menu__header .logo-kba {
      height: 1.8rem;
   }

   .menu__header .logo-afq {
      margin-top: 11px;
      height: 4rem;
   }

   .menu__header img {
      height: 100%;
      vertical-align: baseline;
      width: auto;
   }

@media (max-width:359px) {
   .menu__header .logo-kba {
      height: 1.4rem;
   }
}

@media (min-width:992px) {
   .menu__header {
      height: 14rem;
   }

      .menu__header .logo-kba {
         margin-top: 6.4rem;
         height: 4rem;
      }

      .menu__header .logo-afq {
         margin-top: 26px;
         height: 11rem;
      }
}

body.scrolled header.header {
   border-bottom: 0;
   box-shadow: 1px 1px 1px 0 #b4b2af;
}

body.scrolled .menu__meta--desktop {
   top: 42px;
}

@media (min-width:992px) {
   body.scrolled .menu__header {
      height: 8rem;
   }

      body.scrolled .menu__header .logo-kba {
         margin-top: 3.7rem;
         height: 2.8rem;
      }

      body.scrolled .menu__header .logo-afq {
         margin-top: 16px;
         height: 7rem;
      }
}

@media (min-width:992px) {
   .page-container--simple-landingpage .menu__header {
      height: 10rem;
   }

      .page-container--simple-landingpage .menu__header .logo-kba {
         margin-top: 3.7rem;
         height: 2.8rem;
      }
}
  
@media (max-width:991px) {
   .menu__meta {
      border-top: 1px solid #e6e5e4;
      position: absolute;
      width: 100%;
      z-index: 1;
   }

      .menu__meta button {
         height: 5rem;
         padding: 0;
         position: absolute;
         top: 0;
      }

         .menu__meta button:focus, .menu__meta button:hover {
            text-decoration: none;
            outline: none;
         }

         .menu__meta button:before {
            left: 50%;
            position: absolute;
            top: 50%;
            transform: translate(-50%,-50%);
            font-size: 3rem;
         }

      .menu__meta li a {
         color: #57575a;
         min-height: 5rem;
         padding-left: 12px;
         padding-right: 64px;
      }

      .menu__meta > li + li {
         border-top: 1px solid #fff;
      }

      .menu__meta > li .prev-list__text, .menu__meta > li > .list-link a, .menu__meta > li > a {
         font-size: 1.8rem;
         line-height: 2rem;
         font-weight: 400;
         padding-bottom: 1.1rem;
         padding-top: 1.1rem;
      }

      .menu__meta > li > .list-link a, .menu__meta > li > a, .menu__meta ul > li > .list-link a, .menu__meta ul > li > a {
         background-color: #f5f4f4;
      }

      .menu__meta .list-link {
         position: relative;
      }

      .menu__meta .list-link__btn {
         border: none;
         background-color: #e6e5e4;
         right: 0;
      }

      .menu__meta > li > .list-link button:before {
         display: inline-block;
         font-family: kba-icons!important;
         speak: none;
         font-size: inherit;
         line-height: 1;
         font-style: normal;
         font-weight: 400;
         font-variant: normal;
         text-transform: none;
         vertical-align: middle;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
         content: "\e907";
         color: #002355;
      }

      .menu__meta > li > ul {
         height: 100%;
         position: absolute;
         right: -100%;
         top: 0;
         width: 100%;
         z-index: 1;
      }
}

@media (min-width:992px) {
   .menu__meta {
      float: right!important;
      position: relative;
   }

      .menu__meta > li {
         display: block;
         float: left;
      }

         .menu__meta > li > a {
            padding: 2rem;
         }

      .menu__meta .menu__meta-dropdown {
         position: relative;
      }

         .menu__meta .menu__meta-dropdown.active > a, .menu__meta .menu__meta-dropdown.open > a {
            color: #002355;
         }

         .menu__meta .menu__meta-dropdown .dropdown-menu > li:first-child {
            position: relative;
         }

            .menu__meta .menu__meta-dropdown .dropdown-menu > li:first-child:before {
               width: 28px;
               height: 28px;
               content: url('Assets/Images/arrow-gray.svg');
               position: absolute;
               top: -19px;
               left: 2rem;
               line-height: 28px;
            }
}

.menu__meta--desktop {
   transition: top .2s ease;
   font-family: Koenig Bauer Type Headline,Arial,sans-serif;
}

@media (min-width:992px) {
   .menu__meta--desktop {
      position: absolute;
      top: 72px;
      right: 0;
   }

      .menu__meta--desktop .dropdown-toggle:hover {
         color: #f02d32;
      }

      .menu__meta--desktop.open .dropdown-menu > ul {
         display: -ms-flexbox;
         display: flex;
      }

      .menu__meta--desktop .column {
         white-space: nowrap;
      }

         .menu__meta--desktop .column + .column {
            margin-left: 48px;
         }

      .menu__meta--desktop .column__header {
         line-height: 20px;
         color: #9b9894;
         margin-bottom: 1rem;
         min-height: 30px;
      }

      .menu__meta--desktop .column__input .form-group {
         margin-bottom: 6px;
      }

         .menu__meta--desktop .column__input .form-group:before {
            display: inline-block;
            font-family: kba-icons!important;
            speak: none;
            font-size: 2rem;
            line-height: 1;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            vertical-align: middle;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e90f";
         }

         .menu__meta--desktop .column__input .form-group input {
            border: 1px solid #e6e5e4;
            min-width: 300px;
            font-size: 1.4rem;
         }

         .menu__meta--desktop .column__input .form-group:before {
            color: #57575a;
            position: absolute;
            right: 12px;
            top: 12px;
         }

      .menu__meta--desktop .column__results {
         padding-left: 12px;
         background-color: #fff;
         border: 1px solid #e6e5e4;
         height: 300px;
         overflow-y: scroll;
      }

         .menu__meta--desktop .column__results li {
            font-size: 1.4rem;
            line-height: 2.1rem;
            margin-top: 1rem;
         }

            .menu__meta--desktop .column__results li:last-child {
               margin-bottom: 1rem;
            }

      .menu__meta--desktop .column > ul > ul > li:last-child a {
         margin-bottom: 0;
      }

      .menu__meta--desktop .dropdown-menu {
         padding: 2.4rem;
         right: 0;
         top: 39px;
         left: auto;
      }

         .menu__meta--desktop .dropdown-menu:before {
            background-color: #f5f4f4;
            content: "";
            width: 14px;
            height: 14px;
            position: absolute;
            top: -7px;
            right: 6rem;
            transform: translateX(-50%) rotate(45deg);
            font-size: 0;
         }

         .menu__meta--desktop .dropdown-menu ul > li a {
            display: block;
            font-size: 14px;
            font-weight: 200;
            margin-bottom: 1rem;
            position: relative;
         }

            .menu__meta--desktop .dropdown-menu ul > li a:hover {
               color: #f02d32;
               background: transparent;
            }

         .menu__meta--desktop .dropdown-menu ul > li.active a {
            background: transparent;
         }
}

.tab-slider {
   display: inline-block;
   vertical-align: middle;
   width: 10000px;
   max-width: 820px;
   font-family: Koenig Bauer Type Headline,Arial,sans-serif;
}

.tab-slider__tablist {
   margin: 0;
   padding: 0;
   list-style: none;
}

   .tab-slider__tablist li {
      float: left;
      width: 217px;
   }

      .tab-slider__tablist li + li + li + li {
         display: none;
      }

.tab-slider.flexslider-inited {
   width: inherit;
}

.tab-slider.flexslider-inited__tablist li + li + li + li {
   display: block;
}

.tab-slider__menu-item {
   display: inline-block;
   border-bottom: 6px solid transparent;
   padding: 1.4rem 2.4rem 1rem;
   color: #57575a;
   font-size: 2rem;
   font-weight: 700;
   line-height: 2.2rem;
}

   .tab-slider__menu-item:first-of-type {
      padding-left: 0;
   }

   .tab-slider__menu-item:focus, .tab-slider__menu-item:hover {
      color: #f02d32;
      text-decoration: none;
      cursor: pointer;
   }

   .tab-slider__menu-item.active {
      border-bottom: 6px solid #f02d32;
      cursor: pointer;
      text-decoration: none;
   }

.tab-slider-wrapper {
   border-bottom: 1px solid #b4b2af;
}

@media (max-width:991px) {
   .tab-slider-wrapper {
      display: none;
   }
}

.tab-slider-wrapper .flex-wrapper {
   display: inline-block;
   position: relative;
}

.tab-slider-wrapper .flex-control-nav {
   bottom: -2rem;
   width: auto;
   height: 1.1rem;
}

   .tab-slider-wrapper .flex-control-nav.flex-control-paging {
      display: none;
   }

      .tab-slider-wrapper .flex-control-nav.flex-control-paging > li > a {
         background: #cdcbc9;
         box-shadow: none;
      }

         .tab-slider-wrapper .flex-control-nav.flex-control-paging > li > a.flex-active {
            background: #002355;
         }

.tab-slider-navigation .flex-next, .tab-slider-navigation .flex-prev {
   display: block;
   position: absolute;
   top: 16px;
   width: 2rem;
   height: 2rem;
}

   .tab-slider-navigation .flex-next:before, .tab-slider-navigation .flex-prev:before {
      position: absolute;
      top: 50%;
   }

   .tab-slider-navigation .flex-next.flex-disabled, .tab-slider-navigation .flex-prev.flex-disabled {
      cursor: default;
   }

      .tab-slider-navigation .flex-next.flex-disabled:before, .tab-slider-navigation .flex-prev.flex-disabled:before {
         color: rgba(201,0,25,.1);
      }

      .tab-slider-navigation .flex-next.flex-disabled:focus, .tab-slider-navigation .flex-prev.flex-disabled:focus {
         outline: none;
      }

.tab-slider-navigation .flex-prev {
   right: 20px;
}

   .tab-slider-navigation .flex-prev:before {
      display: inline-block;
      font-family: kba-icons!important;
      speak: none;
      font-size: 3rem;
      line-height: 1;
      font-style: normal;
      font-weight: 400;
      font-variant: normal;
      text-transform: none;
      vertical-align: middle;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e906";
      left: 50%;
      transform: translate(-50%,-50%);
   }

.tab-slider-navigation .flex-next {
   border-left: 1px solid #fff;
   right: 0;
}

   .tab-slider-navigation .flex-next:before {
      display: inline-block;
      font-family: kba-icons!important;
      speak: none;
      font-size: 3rem;
      line-height: 1;
      font-style: normal;
      font-weight: 400;
      font-variant: normal;
      text-transform: none;
      vertical-align: middle;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e907";
      right: 50%;
      transform: translate(50%,-50%);
   }

.btn--compare {
   display: none;
   padding: 1.4rem 1rem;
   color: #f02d32;
}

@media (min-width:992px) {
   .btn--compare {
      display: inline-block;
      float: right;
      height: 52px;
   }

      .btn--compare:after, .btn--compare:before {
         content: " ";
         display: table;
      }

      .btn--compare:after {
         clear: both;
      }
}

.btn--compare span {
   font-size: 2rem;
   font-family: Koenig Bauer Type Headline,Arial,sans-serif;
   font-weight: 700;
}

.btn--compare:focus, .btn--compare:hover {
   background-color: #f02d32;
   color: #fff;
}

   .btn--compare:focus span:before, .btn--compare:hover span:before {
      color: #fff;
   }

.product-advantages {
   background-color: #f02d32;
}

   .product-advantages > .product-advantages__content {
      margin: 0 1.6rem;
   }

@media (min-width:768px) {
   .product-advantages > .product-advantages__content {
      margin: 0 3.2rem;
   }
}

.product-advantages ul {
   margin: 0;
   color: #fff;
   list-style: none;
}

   .product-advantages ul li {
      padding-left: 4.6rem;
      position: relative;
      font-weight: 200;
      line-height: 1.5;
      margin: 0;
   }

@media (min-width:992px) {
   .product-advantages ul li {
      font-size: 2.6rem;
   }
}

.product-advantages ul li + li {
   margin-top: .8rem;
}

.product-advantages ul li:before {
   display: inline-block;
   font-family: kba-icons!important;
   speak: none;
   font-size: inherit;
   line-height: 1;
   font-style: normal;
   font-weight: 400;
   font-variant: normal;
   text-transform: none;
   vertical-align: middle;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: "\e90c";
   position: absolute;
   left: 0;
}

.technical-details + .tablesaw-bar {
   margin-top: 2.4rem;
}

.technical-details .table__body tr td:nth-child(2n+3) {
   border-left: none;
}

.technical-details .table__body tr th {
   text-align: left;
}

.product-comparison + .product-comparison {
   margin-top: 2.4rem;
}

.product-comparison .table__body tr:not(.table__header) td:nth-child(2n+3) {
   border-left: none;
}

.product-comparison .table__body tr th {
   text-align: left;
}

.product-comparison.-single-column .table__body tr:not(.table__header) td:nth-child(2n+3) {
   border-left: 1px solid #cdcbc9;
}

.product-comparison .comparison-filter {
   padding-bottom: 3rem;
   margin-bottom: 3.2rem;
}

   .product-comparison .comparison-filter:after, .product-comparison .comparison-filter:before {
      content: " ";
      display: table;
   }

   .product-comparison .comparison-filter:after {
      clear: both;
   }

.product-comparison .comparison-filter__legend {
   width: 8.33333333%;
   margin-right: 12px;
   margin-bottom: .3rem;
   color: #9b9894;
   font-size: 14px;
   line-height: 1em;
}

.product-comparison .comparison-filter__slider-box {
   background: #f5f5f5;
   height: 2.4rem;
}

.product-comparison .comparison-filter__slider {
   width: 83.33333333%;
   height: 100%;
   margin: 0 auto;
}

.product-comparison .noUi-target {
   background: none;
   border: none;
   box-shadow: none;
}

   .product-comparison .noUi-target:before {
      content: "";
      display: block;
      width: 2.8rem;
      height: 2.4rem;
      position: absolute;
      top: 0;
      left: -1.4rem;
      background: #e6e5e4;
      border-radius: 50%;
   }

.product-comparison .noUi-background:before, .product-comparison .noUi-base:before {
   content: "";
   display: block;
   width: 1.2rem;
   height: 1.2rem;
   position: absolute;
   top: .6rem;
   border-radius: 50%;
}

.product-comparison .noUi-base {
   background: #f7420a;
   box-shadow: inset 0 2rem 0 -1rem #e6e5e4,inset 0 -2rem 0 -1rem #e6e5e4;
}

   .product-comparison .noUi-base:before {
      background: #f7420a;
      left: -.6rem;
   }

.product-comparison .noUi-background {
   background: #002355;
   box-shadow: inset 0 2rem 0 -1rem #f5f5f5,inset 0 -2rem 0 -1rem #f5f5f5;
}

   .product-comparison .noUi-background:before {
      right: -.6rem;
      background: #002355;
   }

.product-comparison .noUi-handle-lower {
   width: 2.6rem;
   height: 2.6rem;
   top: -.1rem;
   left: -1.3rem;
   background: #f02d32;
   border-color: #f7420a;
   border-radius: 50%;
   box-shadow: inset 0 0 0 4px #fff;
}

   .product-comparison .noUi-handle-lower:after, .product-comparison .noUi-handle-lower:before {
      height: .8rem;
      top: .8rem;
      left: 1rem;
      background: #fff;
      opacity: .6;
   }

   .product-comparison .noUi-handle-lower:after {
      left: 1.3rem;
   }

   .product-comparison .noUi-handle-lower .noUi-tooltip {
      width: 24px;
      padding: 8px 4px 0;
      top: 3.8rem;
      border: none;
      background: none;
      color: #f02d32;
      font-family: Koenig Bauer Type Headline,Arial,sans-serif;
      font-size: 14px;
      font-weight: 700;
      line-height: 1;
   }

      .product-comparison .noUi-handle-lower .noUi-tooltip:before {
         content: "";
         display: block;
         width: 1px;
         height: 1.6rem;
         margin-left: -1px;
         position: absolute;
         top: -1.3rem;
         left: 50%;
         background: #f7420a;
      }

.product-comparison .noUi-pips {
   margin: 0;
   padding: 0;
}

   .product-comparison .noUi-pips .noUi-value {
      font-family: Koenig Bauer Type Headline,Arial,sans-serif;
   }

   .product-comparison .noUi-pips .noUi-value-large {
      display: none;
      top: -4.8rem;
      color: #9b9894;
      font-size: 14px;
      line-height: 1;
   }

      .product-comparison .noUi-pips .noUi-marker:first-child + .noUi-value-large, .product-comparison .noUi-pips .noUi-value-large:last-child {
         display: block;
      }

   .product-comparison .noUi-pips .noUi-marker {
      width: 1px;
      background: #cdcbc9;
   }

@media (max-width:767px) {
   .product-comparison .noUi-pips .noUi-marker-normal {
      display: none;
   }
}

.download {
   font-weight: 400;
}

.download--boxed {
   border: 1px solid #f02d32;
   padding: 2.4rem;
   margin-bottom: 2.1rem;
}

   .download--boxed:before {
      left: 2.1rem;
   }

.download__wrapper {
   position: relative;
   min-height: 1px;
   padding-left: 12px;
   padding-right: 12px;
}

@media (min-width:768px) {
   .download__wrapper {
      float: left;
      width: 50%;
   }
}

@media (min-width:992px) {
   .download__wrapper {
      float: left;
      width: 33.33333333%;
   }
}

@media (max-width:767px) {
   .download__wrapper:not(:first-child) {
      margin-top: 1rem;
   }
}

.download__wrapper .img-container {
   background-color: #f5f5f5;
   overflow: hidden;
   padding-top: 100%;
   position: relative;
   width: 100%;
}

.download__wrapper .img-container--landscape img {
   left: 0;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   width: 100%;
}

.download__wrapper .img-container--portrait img {
   height: 100%;
   left: 50%;
   position: absolute;
   top: 0;
   transform: translateX(-50%);
}

.download__wrapper .img-container--square img {
   left: 0;
   position: absolute;
   width: 100%;
   top: 0;
}

.download__wrapper .img-container + .download {
   margin-top: 1rem;
}

.download__title {
   margin-top: 0;
   margin-bottom: 2rem;
   font-weight: 400;
   font-family: Koenig Bauer Type Text,Arial,sans-serif;
}

.download__file {
   font-size: 14px;
   font-weight: 700;
   display: block;
   position: relative;
   padding-left: 3rem;
}
.download__link  {
font-weight:lighter !important ;
}
   .download__file:before {
      display: inline-block;
      font-family: kba-icons!important;
      speak: none;
      font-size: 16px;
      line-height: 1;
      font-style: normal;
      font-weight: 400;
      font-variant: normal;
      text-transform: none;
      vertical-align: middle;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e914";
      position: absolute;
      left: 0;
   }
      .download__link:before { 
      content: "\e903";      line-height: 1.2;     font-weight: lighter ;
   }
   

   .download__file:hover {
      text-decoration: underline;
   }
    .downloads .h2:first-child, .downloads .h3:first-child, .downloads .h4:first-child, .downloads .h5:first-child, .downloads .h6:first-child, .downloads .job-offer-list .job-item__title:first-child, .downloads h2:first-child, .downloads h3:first-child, .downloads h4:first-child, .downloads h5:first-child, .downloads h6:first-child {
   margin-top: 0;
}

.downloads.container .download__wrapper, .downloads.intro-headline__content .download__wrapper, .downloads.intro__slide-content .download__wrapper {
   position: relative;
   min-height: 1px;
   padding-left: 12px;
   padding-right: 12px;
}

@media (min-width:768px) {
   .downloads.container .download__wrapper, .downloads.intro-headline__content .download__wrapper, .downloads.intro__slide-content .download__wrapper {
      float: left;
      width: 50%;
   }
}

@media (min-width:992px) {
   .downloads.container .download__wrapper, .downloads.intro-headline__content .download__wrapper, .downloads.intro__slide-content .download__wrapper {
      float: left;
      width: 25%;
   }
}

@media (min-width:768px) {
   .downloads .hidden-xs-block, .downloads .visible-sm-block {
      margin-bottom: 3.2rem;
   }
}

.service-hotline {
   width: 42rem;
   padding: 0;
   transition: border .2s linear;
}

.service-hotline--fixed {
   position: fixed;
   right: -36rem;
   top: 20.4rem;
   top: 23.4vh;
   z-index: 1;
   transition: left .2s ease,right .2s ease;
}

   .service-hotline--fixed.service-hotline--open {
      right: -1px;
   }

@media (max-width:767px) {
   .service-hotline--fixed.service-hotline--open {
      right: auto;
      left: 0;
   }

      .service-hotline--fixed.service-hotline--open .service-hotline__content {
         border-right: 0;
      }
}

.service-hotline__icon {
   width: 6rem;
   height: 6rem;
   position: relative;
   float: left;
   cursor: pointer;
   background-color: #f02d32;
}

   .service-hotline__icon:before {
      display: inline-block;
      font-family: kba-icons!important;
      speak: none;
      font-size: 2rem;
      line-height: 1;
      font-style: normal;
      font-weight: 400;
      font-variant: normal;
      text-transform: none;
      vertical-align: middle;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e918";
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      color: #fff;
   }

.service-hotline__content {
   min-height: 60px;
   margin-left: 60px;
   padding: .8rem 1rem .8rem 2.4rem;
   background: #fff;
   border: 1px solid #cdcbc9;
}

   .service-hotline__content .h4, .service-hotline__content .job-offer-list .job-item__title {
      margin: 0;
      font-size: 1.4rem;
   }

      .service-hotline__content .h4 + .h4, .service-hotline__content .job-offer-list .job-item__title + .job-offer-list .job-item__title {
         margin-top: .5em;
      }

      .service-hotline__content .h4 span, .service-hotline__content .job-offer-list .job-item__title span {
         color: #f02d32;
         font-weight: 400;
         line-height: 1;
         margin-bottom: 0;
      }

@media (min-width:1200px) {
   .service-hotline__content .h4, .service-hotline__content .job-offer-list .job-item__title {
      line-height: 2.4rem;
   }
}

.service-hotline__content p {
   color: #f02d32;
   margin-bottom: 1rem;
}

@media (max-width:767px) {
   .service-hotline {
      left: calc(100% - 60px);
      right: auto;
      width: 100%;
   }
}

.service-form {
   width: 42rem;
   padding: 0;
   transition: border .2s linear;
}

.service-form--fixed {
   position: fixed;
   right: -36rem;
   top: 27.4rem;
   top: 30.4vh;
   z-index: 1;
   transition: left .2s ease,right .2s ease;
}

   .service-form--fixed.service-form--open {
      right: -1px;
   }

@media (max-width:767px) {
   .service-form--fixed.service-form--open {
      right: auto;
      left: 0;
   }

      .service-form--fixed.service-form--open .service-form__content {
         border-right: 0;
      }
}

.service-form__icon {
   width: 6rem;
   height: 6rem;
   position: relative;
   float: left;
   cursor: pointer;
   background-color: #f02d32;
}

   .service-form__icon:before {
      display: inline-block;
      font-family: kba-icons!important;
      speak: none;
      font-size: 2rem;
      line-height: 1;
      font-style: normal;
      font-weight: 400;
      font-variant: normal;
      text-transform: none;
      vertical-align: middle;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e917";
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      color: #fff;
   }

.service-form__content {
   min-height: 60px;
   margin-left: 60px;
   padding: .8rem 1rem .8rem 2.4rem;
   background: #fff;
   border: 1px solid #cdcbc9;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: center;
   align-items: center;
}

   .service-form__content .h4, .service-form__content .job-offer-list .job-item__title {
      margin: 0;
      font-size: 1.4rem;
   }

      .service-form__content .h4 + .h4, .service-form__content .job-offer-list .job-item__title + .job-offer-list .job-item__title {
         margin-top: .5em;
      }

      .service-form__content .h4 span, .service-form__content .job-offer-list .job-item__title span {
         color: #f02d32;
         font-weight: 400;
         line-height: 1;
         margin-bottom: 0;
      }

@media (min-width:1200px) {
   .service-form__content .h4, .service-form__content .job-offer-list .job-item__title {
      line-height: 2.4rem;
   }
}

.service-form__content p {
   color: #f02d32;
   margin-bottom: 1rem;
}

@media (max-width:767px) {
   .service-form {
      left: calc(100% - 60px);
      right: auto;
      width: 100%;
   }
}

.business-info {
   border: 1px solid #f02d32;
   padding: 2.4rem;
   margin-bottom: 2.1rem;
}

   .business-info .h4, .business-info .job-offer-list .job-item__title, .business-info h4 {
      margin-top: 0;
   }

   .business-info img {
      display: block;
      height: auto;
      max-height: 16rem;
      width: 100%;
   }

      .business-info img + p {
         margin-top: 2.1rem;
      }

.cite {
   background-color: #f02d32;
}

   .cite > .cite__content {
      margin: 0 3.2rem;
   }

@media (min-width:768px) {
   .cite > .cite__content {
      margin: 0 6.4rem;
   }
}

.cite > .cite__content .cite__text {
   width: 100%;
}

.cite__text {
   display: inline-block;
   color: #fff;
   font-weight: 200;
   line-height: 1.5;
   margin: 0;
}

@media (min-width:992px) {
   .cite__text {
      width: 75%;
      font-size: 2.6rem;
   }
}

.cite__text:before {
   content: "\201E";
}

.cite__text:after {
   content: "\201C";
}

.cite__author {
   margin-top: 3.2rem;
   color: #fff;
}

.tag-list {
   padding-left: 0;
   list-style: none;
   margin-left: -5px;
}

   .tag-list > li {
      display: inline-block;
      padding-left: 5px;
      padding-right: 5px;
   }

.tag-list__label {
   color: #9b9894;
}
   
.form-group, label {
   position: relative;
}
     
.datepicker .datepicker-days .selected.range-end, .datepicker .datepicker-days .selected.range-start {
   background-color: #002355;
   border-radius: 0;
   color: #fff;
   text-shadow: none;
}

   .datepicker .datepicker-days .selected.range-end:hover, .datepicker .datepicker-days .selected.range-start:hover {
      background-color: #002355;
      color: #fff;
   }

.datepicker table tr td span.active.active {
   color: #002355;
   text-shadow: none;
}

.datepicker .day, .datepicker .decade, .datepicker .month, .datepicker .year {
   border-radius: 0;
}

   .datepicker .day.focused, .datepicker .decade.focused, .datepicker .month.focused, .datepicker .year.focused {
      background-color: #002355;
      border-radius: 0;
      color: #fff;
   }
     
.contact__location.h4, .contact__location.job-offer-list .job-item__title {
   margin-top: 0;
   margin-bottom: 1rem;
}

.contact__address, .contact__person, .contact__phone {
   margin-bottom: .8rem;
}

.contact__mail {
   margin-bottom: 0;
}

.contact-data, .contact-data__container {
   position: relative;
}

.contact-data__image {
   position: absolute;
   height: 100%;
   width: 100%;
   overflow: hidden;
}

   .contact-data__image img {
      min-height: 100%;
      max-height: none;
      width: auto;
      min-width: 100%;
      max-width: none;
      position: relative;
      left: 50%;
      transform: translateX(-50%);
   }

@media (min-width:992px) {
   .contact-data__image img {
      top: 50%;
      transform: translateX(-50%) translateY(-50%);
   }
}

@media (max-width:991px) {
   .contact-data__image {
      position: relative;
   }

      .contact-data__image img {
         height: auto;
         width: 100%;
         min-height: 0;
      }
}

@media (min-width:992px) {
   .contact-data__image:after {
      content: "";
      display: block;
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background: rgba(87,87,90,.3);
   }
}

.contact-data__list {
   margin-top: 3.2rem;
   margin-bottom: 3.2rem;
   width: 50%;
}

@media (max-width:991px) {
   .contact-data__list {
      width: 100%;
   }
}

.contact-data__column {
   position: relative;
   float: left;
   width: 100%;
   min-height: 1px;
   padding-left: 12px;
   padding-right: 12px;
}

@media (min-width:415px) {
   .contact-data__column {
      float: left;
      width: 50%;
   }
}

@media (min-width:992px) {
   .contact-data__column {
      width: 33.33333333%;
   }
}

.contact-data .form-group label {
   display: none!important;
}

.contact-data .form-group .chosen-container .chosen-single {
   background-color: transparent;
}

@media (min-width:992px) {
   .contact-data .form-group .chosen-container .chosen-drop input {
      color: #0a0f0a;
   }

   .contact-data .form-group .chosen-container .chosen-single {
      font-weight: 400;
   }

      .contact-data .form-group .chosen-container .chosen-single div {
         width: 3rem;
      }

         .contact-data .form-group .chosen-container .chosen-single div b:before {
            font-size: 3rem;
         }
}

.contact-person {
   margin-top: 2.1rem;
   margin-bottom: 2.1rem;
}

   .contact-person .h4, .contact-person .job-offer-list .job-item__title, .contact-person h4 {
      margin: 0;
   }

@media (max-width:480px) {
   .contact-person:not(:last-of-type) {
      width: 100%;
      border-bottom: 1px solid #e6e5e4;
   }
}

.contact-person a {
   position: relative;
}

   .contact-person a:after {
      display: inline-block;
      font-family: kba-icons!important;
      speak: none;
      font-size: inherit;
      line-height: 1;
      font-style: normal;
      font-weight: 400;
      font-variant: normal;
      text-transform: none;
      vertical-align: middle;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e907";
      position: absolute;
      top: 2px;
      right: -20px;
   }

.contact-person__image {
   height: 248px;
   background: #e6e5e4;
   position: relative;
   overflow: hidden;
}

   .contact-person__image:before {
      display: block;
      content: "";
      height: 4rem;
      width: 2.5rem;
      position: absolute;
      top: 2.5rem;
      left: 3rem;
      background: url('Assets/Images/signet-gray.svg') no-repeat;
   }

   .contact-person__image img {
      display: block;
      position: relative;
      left: 50%;
      transform: translateX(-50%);
   }

.contact-data--background-highlight .contact-data__image, .contact-data--background-none .contact-data__image {
   display: none;
}

.contact-data--background-highlight .contact-person, .contact-data--background-none .contact-person {
   border: 1px solid #e6e5e4;
   background: #fff;
}

   .contact-data--background-highlight .contact-person .h4, .contact-data--background-highlight .contact-person .job-offer-list .job-item__title, .contact-data--background-highlight .contact-person h4, .contact-data--background-none .contact-person .h4, .contact-data--background-none .contact-person .job-offer-list .job-item__title, .contact-data--background-none .contact-person h4 {
      color: #002355;
   }

.contact-data--background-highlight .contact-person__content, .contact-data--background-none .contact-person__content {
   padding: 15px 24px;
}

.contact-data--background-image .contact-data__container {
   padding-right: 3.2rem;
   padding-left: 3.2rem;
}

@media (min-width:992px) {
   .contact-data--background-image .contact-data__container {
      padding-right: 6.4rem;
      padding-left: 6.4rem;
   }
}

.contact-data--background-image .contact-data__container .chosen-container .chosen-drop {
   display: none;
}

.contact-data--background-image .contact-data__container .chosen-container.chosen-with-drop .chosen-drop {
   display: block;
}

.contact-data--background-image .contact-data__container .chosen-container.chosen-drop-up .chosen-drop {
   top: auto;
   bottom: 100%;
}

.contact-data--background-image .contact-person__image {
   display: none;
}

.contact-data--background-highlight, .contact-data--background-image {
   background-color: #f5f4f4;
}

   .contact-data--background-highlight .contact-data__container, .contact-data--background-image .contact-data__container {
      padding-top: 3.2rem;
      padding-bottom: 3.2rem;
   }

      .contact-data--background-highlight .contact-data__container .h3, .contact-data--background-highlight .contact-data__container h3, .contact-data--background-image .contact-data__container .h3, .contact-data--background-image .contact-data__container h3 {
         margin-top: 0;
      }

@media (min-width:992px) {
   .contact-data--background-highlight .contact-data__container, .contact-data--background-image .contact-data__container {
      padding-top: 6.4rem;
      padding-bottom: 6.4rem;
   }
}

@media (min-width:992px) {
   .contact-data--background-image, .contact-data--background-image .chosen-container .chosen-drop input, .contact-data--background-image .chosen-container .chosen-single, .contact-data--background-image .chosen-container .chosen-single div b:before {
      color: #fff;
   }

      .contact-data--background-image .chosen-container .chosen-single, .contact-data--background-image .chosen-container .chosen-single:focus, .contact-data--background-image .chosen-container .chosen-single:hover {
         border-color: #fff;
      }
}

.shariff:after, .shariff:before {
   content: " ";
   display: table;
}

.shariff:after {
   clear: both;
}

.shariff ul {
   padding: 0;
   margin: 0;
   list-style: none;
}

.shariff li {
   overflow: hidden;
}

   .shariff li, .shariff li a {
      height: 35px;
      box-sizing: border-box;
   }

      .shariff li a {
         color: #fff;
         position: relative;
         display: block;
         text-decoration: none;
      }

      .shariff li .share_count, .shariff li .share_text {
         font-family: Arial,Helvetica,sans-serif;
         font-size: 12px;
         vertical-align: middle;
         line-height: 35px;
      }

      .shariff li .fa {
         width: 35px;
         line-height: 35px;
         text-align: center;
         vertical-align: middle;
      }

      .shariff li .share_count {
         padding: 0 8px;
         height: 33px;
         position: absolute;
         top: 1px;
         right: 1px;
      }

.shariff .orientation-horizontal {
   display: -webkit-box;
}

   .shariff .orientation-horizontal li {
      -webkit-box-flex: 1;
   }

   .shariff .orientation-horizontal .info {
      -webkit-box-flex: 0;
   }

.shariff .orientation-horizontal {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

   .shariff .orientation-horizontal li {
      float: left;
      -ms-flex: none;
      flex: none;
      width: 35px;
      margin-right: 3%;
      margin-bottom: 10px;
   }

      .shariff .orientation-horizontal li:last-child {
         margin-right: 0;
      }

      .shariff .orientation-horizontal li .share_text {
         display: block;
         text-indent: -9999px;
         padding-left: 3px;
      }

      .shariff .orientation-horizontal li .share_count {
         display: none;
      }

.shariff .theme-grey .shariff-button a {
   background-color: #b0b0b0;
}

.shariff .theme-grey .shariff-button .share_count {
   background-color: #ccc;
   color: #333;
}

.shariff .theme-white .shariff-button {
   border: 1px solid #ddd;
}

   .shariff .theme-white .shariff-button a {
      background-color: #fff;
   }

      .shariff .theme-white .shariff-button a:hover {
         background-color: #eee;
      }

   .shariff .theme-white .shariff-button .share_count {
      background-color: #fff;
      color: #999;
   }

.shariff .orientation-vertical {
   min-width: 110px;
}

   .shariff .orientation-vertical li {
      display: block;
      width: 100%;
      margin: 5px 0;
   }

      .shariff .orientation-vertical li .share_count {
         width: 24px;
         text-align: right;
      }

@media only screen and (min-width:360px) {
   .shariff .orientation-horizontal li {
      margin-right: 1.8%;
      min-width: 80px;
      width: auto;
      -ms-flex: 1;
      flex: 1;
   }

      .shariff .orientation-horizontal li .share_count {
         display: block;
      }

   .shariff .orientation-horizontal.col-1 li, .shariff .orientation-horizontal.col-2 li {
      min-width: 110px;
      max-width: 160px;
   }

      .shariff .orientation-horizontal.col-1 li .share_text, .shariff .orientation-horizontal.col-2 li .share_text {
         text-indent: 0;
         display: inline;
      }

   .shariff .orientation-horizontal.col-5 li, .shariff .orientation-horizontal.col-6 li {
      -ms-flex: none;
      flex: none;
   }
}

@media only screen and (min-width:640px) {
   .shariff .orientation-horizontal.col-3 li {
      min-width: 110px;
      max-width: 160px;
   }

      .shariff .orientation-horizontal.col-3 li .share_text {
         text-indent: 0;
         display: inline;
      }
}

@media only screen and (min-width:768px) {
   .shariff .orientation-horizontal li {
      min-width: 110px;
      max-width: 160px;
   }

      .shariff .orientation-horizontal li .share_text {
         text-indent: 0;
         display: inline;
      }

   .shariff .orientation-horizontal.col-5 li, .shariff .orientation-horizontal.col-6 li {
      -ms-flex: 1;
      flex: 1;
   }
}

@media only screen and (min-width:1024px) {
   .shariff li, .shariff li a {
      height: 30px;
   }

      .shariff li .fa {
         width: 30px;
      }

      .shariff li .fa, .shariff li .share_count, .shariff li .share_text {
         line-height: 30px;
      }

      .shariff li .share_count {
         height: 28px;
      }
}

.shariff .addthis a {
   background-color: #f8694d;
}

   .shariff .addthis a:hover {
      background-color: #f75b44;
   }

.shariff .addthis .fa-plus {
   font-size: 14px;
}

.shariff .addthis .share_count {
   color: #f8694d;
   background-color: #f1b8b0;
}

.shariff .theme-white .addthis a {
   color: #f8694d;
}

@media only screen and (min-width:600px) {
   .shariff .addthis .fa-plus {
      font-size: 14px;
      position: relative;
      top: 1px;
   }
}

.shariff .diaspora a {
   background-color: #999;
}

   .shariff .diaspora a:hover {
      background-color: #b3b3b3;
   }

.shariff .diaspora .fa-times-circle {
   font-size: 17px;
}

.shariff .theme-white .diaspora a {
   color: #999;
}

@media only screen and (min-width:600px) {
   .shariff .diaspora .fa-times-circle {
      font-size: 16px;
   }
}

.shariff .facebook a {
   background-color: #3b5998;
}

   .shariff .facebook a:hover {
      background-color: #4273c8;
   }

.shariff .facebook .fa-facebook {
   font-size: 22px;
}

.shariff .facebook .share_count {
   color: #183a75;
   background-color: #99adcf;
}

.shariff .theme-white .facebook a {
   color: #3b5998;
}

@media only screen and (min-width:600px) {
   .shariff .facebook .fa-facebook {
      font-size: 19px;
   }
}

.shariff .flattr a {
   background-color: #7ea352;
}

   .shariff .flattr a:hover {
      background-color: #f67c1a;
   }

      .shariff .flattr a:hover .share_count {
         color: #d56308;
         background-color: #fab47c;
      }

.shariff .flattr .fa-money {
   font-size: 22px;
}

.shariff .flattr .share_count {
   color: #648141;
   background-color: #b0c893;
}

.shariff .theme-white .flattr a {
   color: #f67c1a;
}

@media only screen and (min-width:600px) {
   .shariff .flattr .fa-money {
      font-size: 19px;
   }
}

.shariff .googleplus a {
   background-color: #d34836;
}

   .shariff .googleplus a:hover {
      background-color: #f75b44;
   }

.shariff .googleplus .fa-google-plus {
   font-size: 22px;
}

.shariff .googleplus .share_count {
   color: #a31601;
   background-color: #eda79d;
}

.shariff .theme-white .googleplus a {
   color: #d34836;
}

@media only screen and (min-width:600px) {
   .shariff .googleplus .fa-google-plus {
      font-size: 19px;
   }
}

.shariff .info {
   border: 1px solid #ccc;
}

   .shariff .info a {
      color: #666;
      background-color: #fff;
   }

      .shariff .info a:hover {
         background-color: #efefef;
      }

   .shariff .info .fa-info {
      font-size: 20px;
      width: 33px;
   }

   .shariff .info .share_text {
      display: block!important;
      text-indent: -9999px!important;
   }

.shariff .theme-grey .info a {
   background-color: #fff;
}

   .shariff .theme-grey .info a:hover {
      background-color: #efefef;
   }

.shariff .orientation-vertical .info {
   width: 35px;
   float: right;
}

@media only screen and (min-width:360px) {
   .shariff .orientation-horizontal .info {
      -ms-flex: none!important;
      flex: none!important;
      width: 35px;
      min-width: 35px!important;
   }
}

@media only screen and (min-width:1024px) {
   .shariff .info .fa-info {
      font-size: 16px;
      width: 23px;
   }

   .shariff .orientation-horizontal .info {
      width: 25px;
      min-width: 25px!important;
   }

   .shariff .orientation-vertical .info {
      width: 25px;
   }
}

.shariff .linkedin a {
   background-color: #0077b5;
}

   .shariff .linkedin a:hover {
      background-color: #0369a0;
   }

.shariff .linkedin .fa-linkedin {
   font-size: 22px;
}

.shariff .linkedin .share_count {
   color: #004785;
   background-color: #33aae8;
}

.shariff .theme-white .linkedin a {
   color: #0077b5;
}

@media only screen and (min-width:600px) {
   .shariff .linkedin .fa-linkedin {
      font-size: 19px;
   }
}

.shariff .mail a {
   background-color: #999;
}

   .shariff .mail a:hover {
      background-color: #a8a8a8;
   }

.shariff .mail .fa-envelope {
   font-size: 21px;
}

.shariff .theme-white .mail a {
   color: #999;
}

@media only screen and (min-width:600px) {
   .shariff .mail .fa-envelope {
      font-size: 18px;
   }
}

.shariff .pinterest a {
   background-color: #bd081c;
}

   .shariff .pinterest a:hover {
      background-color: #d50920;
   }

.shariff .pinterest .fa-pinterest-p {
   font-size: 22px;
}

.shariff .pinterest .share_count {
   color: #a31601;
   background-color: #eda79d;
}

.shariff .theme-white .pinterest a {
   color: #bd081c;
}

@media only screen and (min-width:600px) {
   .shariff .pinterest .fa-pinterest-p {
      font-size: 19px;
      position: relative;
      top: 1px;
   }
}

.shariff .reddit a {
   background-color: #ff4500;
}

   .shariff .reddit a:hover {
      background-color: #ff6a33;
   }

.shariff .reddit .fa-reddit {
   font-size: 17px;
}

.shariff .theme-white .reddit a {
   color: #ff4500;
}

@media only screen and (min-width:600px) {
   .shariff .reddit .fa-reddit {
      font-size: 16px;
   }
}

.shariff .stumbleupon a {
   background-color: #eb4924;
}

   .shariff .stumbleupon a:hover {
      background-color: #ef7053;
   }

.shariff .stumbleupon .fa-stumbleupon {
   font-size: 17px;
}

.shariff .theme-white .stumbleupon a {
   color: #eb4924;
}

@media only screen and (min-width:600px) {
   .shariff .stumbleupon .fa-stumbleupon {
      font-size: 16px;
   }
}

.shariff .twitter a {
   background-color: #55acee;
}

   .shariff .twitter a:hover {
      background-color: #32bbf5;
   }

.shariff .twitter .fa-twitter {
   font-size: 28px;
}

.shariff .twitter .share_count {
   color: #0174a4;
   background-color: #96d4ee;
}

.shariff .theme-white .twitter a {
   color: #55acee;
}

@media only screen and (min-width:600px) {
   .shariff .twitter .fa-twitter {
      font-size: 24px;
   }
}

.shariff .whatsapp a {
   background-color: #5cbe4a;
}

   .shariff .whatsapp a:hover {
      background-color: #34af23;
   }

.shariff .whatsapp .fa-whatsapp {
   font-size: 28px;
}

.shariff .theme-white .whatsapp a {
   color: #5cbe4a;
}

@media only screen and (min-width:600px) {
   .shariff .whatsapp .fa-whatsapp {
      font-size: 22px;
   }
}

.shariff .xing a {
   background-color: #126567;
}

   .shariff .xing a:hover {
      background-color: #29888a;
   }

.shariff .xing .fa-xing {
   font-size: 22px;
}

.shariff .xing .share_count {
   color: #15686a;
   background-color: #4fa5a7;
}

.shariff .theme-white .xing a {
   color: #126567;
}

@media only screen and (min-width:600px) {
   .shariff .xing .fa-xing {
      font-size: 19px;
   }
}

.shariff .tumblr a {
   background-color: #36465d;
}

   .shariff .tumblr a:hover {
      background-color: #44546b;
   }

.shariff .tumblr .fa-tumblr {
   font-size: 28px;
}

.shariff .theme-white .tumblr a {
   color: #5cbe4a;
}

@media only screen and (min-width:600px) {
   .shariff .tumblr .fa-tumblr {
      font-size: 22px;
   }
}

.shariff .threema a {
   background-color: #333;
}

   .shariff .threema a:hover {
      background-color: #1f1f1f;
   }

.shariff .threema .fa-lock {
   font-size: 28px;
}

.shariff .theme-white .threema a {
   color: #333;
}

@media only screen and (min-width:600px) {
   .shariff .threema .fa-lock {
      font-size: 22px;
   }
}

.social-media-share li .fa {
   font-family: Koenig Bauer Type Text,Arial,sans-serif;
   font-size: 16px!important;
   font-weight: 400;
   line-height: 1;
   vertical-align: baseline;
}

   .social-media-share li .fa:before {
      margin-left: .5em;
      margin-right: .25em;
   }

.social-media-share li .fa-facebook:before {
   content: "\e919";
}

.social-media-share li .fa-facebook:before, .social-media-share li .fa-twitter:before {
   display: inline-block;
   font-family: kba-icons!important;
   speak: none;
   font-size: inherit;
   line-height: 1;
   font-style: normal;
   font-weight: 400;
   font-variant: normal;
   text-transform: none;
   vertical-align: middle;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

.social-media-share li .fa-twitter:before {
   content: "\e91a";
}

.social-media-share li .fa-xing:before {
   content: "\e91c";
}

.social-media-share li .fa-linkedin:before, .social-media-share li .fa-xing:before {
   display: inline-block;
   font-family: kba-icons!important;
   speak: none;
   font-size: inherit;
   line-height: 1;
   font-style: normal;
   font-weight: 400;
   font-variant: normal;
   text-transform: none;
   vertical-align: middle;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

.social-media-share li .fa-linkedin:before {
   content: "\e91d";
}

.social-media-share li .fa-envelope:before {
   display: inline-block;
   font-family: kba-icons!important;
   speak: none;
   font-size: inherit;
   line-height: 1;
   font-style: normal;
   font-weight: 400;
   font-variant: normal;
   text-transform: none;
   vertical-align: middle;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: "\e917";
}

.social-media-share li .fa-info {
   display: block;
   line-height: 3rem;
   vertical-align: middle;
   text-align: center;
}

   .social-media-share li .fa-info:before {
      margin: 0;
      content: "i";
      font-weight: 700;
   }

.glossary__filter, .glossary__list {
   padding-left: 0;
   list-style: none;
}

.glossary__filter {
   margin-bottom: 4.1rem;
}

@media (min-width:992px) {
   .glossary__filter {
      width: 100%;
      background-color: #f5f4f4;
   }
}

.glossary__filter > li {
   display: inline-block;
}

@media (max-width:991px) {
   .glossary__filter > li {
      margin-top: 1px;
   }
}

.glossary__filter > li > a {
   background-color: #f5f4f4;
   color: #57575a;
   display: inline-block;
   font-size: 1.8rem;
   font-weight: 400;
   padding: .8rem;
   text-align: center;
}

@media (min-width:1200px) {
   .glossary__filter > li > a {
      padding: .9rem;
   }
}

.glossary__filter > li > a.active, .glossary__filter > li > a:focus, .glossary__filter > li > a:hover {
   background-color: #e6e5e4;
   color: #f02d32;
   text-decoration: none;
}

.glossary__filter > li > a.disabled {
   color: #cdcbc9;
   pointer-events: none;
}

.glossary__filter > li:last-child {
   float: right;
}

@media (max-width:991px) {
   .glossary__filter > li:last-child {
      float: none;
      display: block;
   }
}

.glossary__filter > li:not(:nth-last-child(-n+2)) {
   border-right: 1px solid #fff;
}

.glossary__filter > li:not(:last-child) > a {
   text-transform: uppercase;
}

@media (max-width:991px) {
   .glossary__filter > li:not(:last-child) > a {
      width: 4.4rem;
   }
}

.glossary__list {
   margin-left: -12px;
   margin-right: -12px;
   margin-bottom: 6.1rem;
}

.glossary__list-item {
   position: relative;
   min-height: 1px;
   padding-left: 12px;
   padding-right: 12px;
}

@media (min-width:768px) {
   .glossary__list-item {
      float: left;
      width: 50%;
   }
}

@media (min-width:992px) {
   .glossary__list-item {
      float: left;
      width: 33.33333333%;
   }
}

.glossary__list-item a {
   color: #002355;
   display: inline-block;
   padding: .5rem 0;
}

   .glossary__list-item a:before {
      display: inline-block;
      font-family: kba-icons!important;
      speak: none;
      font-size: inherit;
      line-height: 1;
      font-style: normal;
      font-weight: 400;
      font-variant: normal;
      text-transform: none;
      vertical-align: middle;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e90b";
      margin-right: 1rem;
      vertical-align: initial;
   }

   .glossary__list-item a:focus, .glossary__list-item a:hover {
      color: #f02d32;
   }

.glossary__detail {
   border-top: 1px solid #f5f4f4;
   color: #0a0f0a;
   padding-bottom: 2.1rem;
   position: relative;
}

   .glossary__detail a {
      position: absolute;
      right: 0;
      bottom: 0;
   }

      .glossary__detail a:before {
         display: inline-block;
         font-family: kba-icons!important;
         speak: none;
         font-size: 2.1rem;
         line-height: 1;
         font-style: normal;
         font-weight: 400;
         font-variant: normal;
         text-transform: none;
         vertical-align: middle;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
         content: "\e904";
      }

   .glossary__detail p {
      margin-bottom: 0;
   }

.job-offer-list p {
   margin-bottom: 1rem;
}

@media (min-width:992px) {
   .job-offer-list p {
      margin-bottom: 1.8rem;
   }
}

.job-offer-list .job-item {
   border-top: 1px solid #cdcbc9;
}

.job-offer-list .job-item__title {
   margin-bottom: 1.3rem;
}

   .job-offer-list .job-item__title a {
      color: #0a0f0a;
      margin-top: 1.2rem;
      font-size: 2.3rem;
   }

      .job-offer-list .job-item__title a:hover {
         color: #f02d32;
         text-decoration: none;
      }

.job-offer-list .job-item__location {
   font-weight: 200;
   font-size: 1.8rem;
}

   .job-offer-list .job-item__location:before {
      display: inline-block;
      font-family: kba-icons!important;
      speak: none;
      font-size: inherit;
      line-height: 1;
      font-style: normal;
      font-weight: 400;
      font-variant: normal;
      text-transform: none;
      vertical-align: middle;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e927";
      margin-right: .25em;
      vertical-align: text-top;
   }

.job-offer-list .job-item__more-link {
   display: block;
   margin: .9rem 0 1.45rem;
}

@media (min-width:992px) {
   .job-offer-list .job-item__more-link {
      margin: 1.8rem 0 3.2rem;
   }
}

.brochure-order, .brochure-order__reminder {
   z-index: 1;
}

.brochure-order__reminder {
   width: 35rem;
}

.brochure-order__reminder--fixed {
   right: -42rem;
   position: fixed;
   top: 22rem;
   top: calc(20vh + 63px);
}

.brochure-order__reminder--open {
   right: 0;
}

.brochure-order__reminder-btn {
   background-color: #f5f4f4;
   border: none;
   float: left;
   height: 6rem;
   padding: 0;
   position: relative;
   width: 6rem;
}

   .brochure-order__reminder-btn:before {
      display: inline-block;
      font-family: kba-icons!important;
      speak: none;
      font-size: 3rem;
      line-height: 1;
      font-style: normal;
      font-weight: 400;
      font-variant: normal;
      text-transform: none;
      vertical-align: middle;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e92b";
      color: #57575a;
      left: 50%;
      position: absolute;
      top: 50%;
      transform: translate(-50%,-50%);
   }

   .brochure-order__reminder-btn:focus {
      outline: none;
   }

.brochure-order__reminder-btn--active {
   background-color: #f02d32;
}

   .brochure-order__reminder-btn--active:before {
      color: #fff;
   }

.brochure-order__reminder-content {
   background-color: #fff;
   border: 1px solid #cdcbc9;
   margin-left: 6rem;
   margin-top: -1px;
   padding: 3rem;
}

@media (max-width:992px) {
   .brochure-order__reminder-content {
      padding: 2rem;
   }
}

.brochure-order__reminder-content > a.btn, .brochure-order__reminder-content > a.intro__button {
   margin-top: 2.1rem;
   width: 100%;
}

.brochure-order__reminder-content > .h4, .brochure-order__reminder-content > .job-offer-list .job-item__title, .brochure-order__reminder-content > h4 {
   margin-bottom: 2.1rem;
   margin-top: 0;
}

.brochure-order__reminder-list {
   padding-left: 0;
   list-style: none;
   margin: 0;
   margin-bottom: 2rem;
}

   .brochure-order__reminder-list > li {
      border-top: 1px solid #cdcbc9;
      position: relative;
   }

      .brochure-order__reminder-list > li a {
         width: calc(100% - 30px);
         display: inline-block;
         padding-bottom: 5px;
         padding-left: 30px;
         padding-top: 5px;
         position: relative;
      }

         .brochure-order__reminder-list > li a:before {
            display: inline-block;
            font-family: kba-icons!important;
            speak: none;
            font-size: 2rem;
            line-height: 1;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            vertical-align: middle;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e92b";
            color: #0a0f0a;
            left: 0;
            margin-right: 1rem;
            position: absolute;
            top: 5px;
            vertical-align: top;
         }

      .brochure-order__reminder-list > li button {
         background: transparent;
         border: none;
         width: 30px;
         text-align: left;
         color: #0a0f0a;
         display: inline-block;
         padding: 1.5rem 5px;
         position: absolute;
         top: 3px;
         vertical-align: middle;
      }

         .brochure-order__reminder-list > li button .icon:after {
            display: inline-block;
            font-family: kba-icons!important;
            speak: none;
            font-size: 2rem;
            line-height: 1;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            vertical-align: middle;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e911";
            color: #f02d32;
            position: absolute;
            right: 5px;
            top: 5px;
         }

         .brochure-order__reminder-list > li button:focus, .brochure-order__reminder-list > li button:hover {
            text-decoration: none;
         }

.brochure-order__counter {
   position: absolute;
   top: .5rem;
   left: .5rem;
}

   .brochure-order__counter:before {
      display: inline-block;
      font-family: kba-icons!important;
      speak: none;
      font-size: 3rem;
      line-height: 1;
      font-style: normal;
      font-weight: 400;
      font-variant: normal;
      text-transform: none;
      vertical-align: middle;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e90d";
      color: #fff;
   }

   .brochure-order__counter span {
      font-family: Koenig Bauer Type Headline,Arial,sans-serif;
      color: #57575a;
      left: 50%;
      position: absolute;
      top: 50%;
      transform: translate(-50%,-50%);
   }

.brochure-order__btn {
   display: block;
   width: 100%;
   margin: 0;
   padding: 0;
   background: transparent;
   border: none;
   text-align: left;
   outline: none;
}

   .brochure-order__btn:focus, .brochure-order__btn:hover {
      text-decoration: none;
   }

      .brochure-order__btn:hover span {
         text-decoration: underline;
      }

   .brochure-order__btn span {
      font-size: 14px;
      font-weight: 700;
      display: block;
      margin: 0;
      padding-left: 3rem;
      position: relative;
      color: #f02d32;
   }

      .brochure-order__btn span:before {
         display: inline-block;
         font-family: kba-icons!important;
         speak: none;
         font-size: 1.6rem;
         line-height: 1;
         font-style: normal;
         font-weight: 400;
         font-variant: normal;
         text-transform: none;
         vertical-align: middle;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
         content: "\e92b";
         position: absolute;
         top: 1px;
         left: 0;
      }

.brochure-order__confirmation {
   color: #0a0f0a;
   display: none;
   font-size: 16px;
   font-weight: 200;
   line-height: 1.5;
   margin-bottom: 0;
   margin-top: 1rem;
   padding-left: 3rem;
   position: relative;
}

   .brochure-order__confirmation:before {
      display: inline-block;
      font-family: kba-icons!important;
      speak: none;
      font-size: 2rem;
      line-height: 1;
      font-style: normal;
      font-weight: 400;
      font-variant: normal;
      text-transform: none;
      vertical-align: middle;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e90c";
      color: #693;
      left: 0;
      position: absolute;
   }

.google-maps {
   margin-top: 3.2rem;
   margin-bottom: 3.2rem;
}

   .google-maps:before {
      content: "";
      display: block;
      padding-top: 75%;
      width: 100%;
   }

@media (min-width:992px) {
   .google-maps:before {
      padding-top: 56.25%;
   }
}

.google-maps > div {
   bottom: 0;
   position: absolute;
   right: 0;
   top: 0;
}

.event-list p {
   margin-bottom: 1rem;
}

@media (min-width:992px) {
   .event-list p {
      margin-bottom: 1.8rem;
   }
}

.event-list .event-item {
   border-top: 1px solid #cdcbc9;
}

.event-list .event-item__title {
   margin-top: 0;
   margin-bottom: 1rem;
}

.event-list .event-item__date, .event-list .event-item__location, .event-list .event-item__time {
   margin-bottom: 0;
   font-weight: 200;
   font-size: 2.2rem;
}

   .event-list .event-item__location:before, .event-list .event-item__time:before {
      display: inline-block;
      font-family: kba-icons!important;
      speak: none;
      font-size: inherit;
      line-height: 1;
      font-style: normal;
      font-weight: 400;
      font-variant: normal;
      text-transform: none;
      vertical-align: middle;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e927";
      margin-right: .25em;
      vertical-align: text-top;
   }

.event-list .event-item__date {
   margin-top: 1.2rem;
}

@media (min-width:992px) {
   .event-list .event-item__date {
      margin-top: 2.1rem;
   }
}

.event-list .event-item__time:before {
   content: "\e928";
}

.event-list .event-item__teaser {
   margin-top: 1rem;
}

@media (min-width:992px) {
   .event-list .event-item__teaser {
      margin-top: 2rem;
   }
}

.event-list .event-item__more-link {
   display: block;
   margin: 1rem 0;
}

@media (min-width:992px) {
   .event-list .event-item__more-link {
      margin: 1.8rem 0 2.1rem;
   }
}

@keyframes b {
   0% {
      opacity: 1;
   }

   to {
      opacity: .5;
   }
}

@keyframes c {
   0% {
      width: 14px;
      left: 8px;
   }

   50% {
      width: 22px;
      left: 0;
   }

   to {
      width: 14px;
      left: 0;
   }
}

@keyframes d {
   0% {
      width: 14px;
      left: 0;
   }

   50% {
      width: 22px;
      left: 0;
   }

   to {
      width: 14px;
      left: 8px;
   }
}
  
@keyframes e {
   to {
      transform: perspective(300vw) translateX(-50%) translateY(-50%) rotateX(0deg) rotateY(-180deg) rotate(90deg);
   }
}

@keyframes f {
   to {
      transform: scale(10.86956522);
   }
}

@keyframes g {
   50% {
      box-shadow: 0 0 23px #fff;
   }

   to {
      box-shadow: 0 0 4.6px #fff;
   }
}

@keyframes h {
   25% {
      opacity: 1;
   }

   75% {
      opacity: 1;
   }

   to {
      opacity: 0;
      height: 130%;
      width: 130vh;
   }
}

@keyframes i {
   25% {
      opacity: 1;
   }

   75% {
      opacity: 1;
   }

   to {
      opacity: 0;
      width: 130%;
      height: 130vw;
   }
}

@keyframes j {
   33% {
      opacity: 1;
   }

   to {
      opacity: 1;
      height: 115%;
      width: 109.25vh;
   }
}

@keyframes k {
   25% {
      opacity: 1;
   }

   to {
      opacity: 1;
      width: 115%;
      height: 115vw;
   }
}

.stage {
   width: 100%;
   position: fixed;
   height: calc(100vh - 6rem);
   margin-top: 6rem;
   top: 0;
   left: 0;
   z-index: 1;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: center;
   align-items: center;
   -ms-flex-pack: center;
   justify-content: center;
}

@media (min-width:992px) {
   .stage {
      height: calc(100vh - 164px);
      margin-top: 164px;
   }
}

.stage--overview {
   background-repeat: repeat-x;
   background-image: linear-gradient(45deg,#f02d32,#2376a4);
   z-index: 2;
}

   .stage--overview:before {
      content: "";
      display: block;
      position: absolute;
      background-image: url('Assets/Images/drupa-box/structure.svg');
      background-size: cover;
      background-position: 50%;
   }

@media (min-aspect-ratio:1/1) and (max-width:991px) {
   .stage--overview:before {
      left: calc((100% - (275vh - 5rem)) / 2);
      top: calc((100% - (275vh - 5rem)) / 2);
      width: calc((275vh - 5rem));
      height: calc((275vh - 5rem));
   }
}

@media (min-aspect-ratio:1/1) and (min-width:992px) {
   .stage--overview:before {
      left: calc((100% - (275vh - 111px)) / 2);
      top: calc((100% - (275vh - 111px)) / 2);
      width: calc((275vh - 111px));
      height: calc((275vh - 111px));
   }
}

@media (max-aspect-ratio:100/99) {
   .stage--overview:before {
      left: calc(((100% - 480vw) / 2));
      top: calc(((100% - 480vw) / 2));
      width: 480vw;
      height: 480vw;
   }
}

.stage--transition {
   opacity: 0;
   background-color: #fff;
   margin-bottom: 10rem;
   overflow: hidden;
}

   .stage--transition .fade-item {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translateX(-50%) translateY(-50%);
      opacity: 0;
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: contain;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: center;
      justify-content: center;
   }

@media (max-aspect-ratio:100/99) {
   .stage--transition .fade-item {
      height: 100%;
      width: 100vh;
   }
}

@media (min-aspect-ratio:1/1) {
   .stage--transition .fade-item {
      width: 100%;
      height: 100vw;
   }
}

.stage--transition .fade-item img {
   display: block;
   max-width: 100%;
   height: auto;
}

.stage--transition .fade1 {
   background-image: url('img/fade1.png');
}

.stage--transition .fade2 {
   background-image: url('img/fade2.png');
}

.stage--transition .fade-home {
   background-image: url('img/bg_home.png');
}

.drupa-scene {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   z-index: 1;
   transform-style: preserve-3d;
}

.drupa-cube {
   position: absolute;
   left: 50%;
   top: 50%;
   transform-style: preserve-3d;
   transform: perspective(300vw) translateX(-50%) translateY(-50%) rotateX(0deg) rotateY(0deg) rotate(0deg);
}

@media (min-aspect-ratio:1/1) {
   .drupa-cube {
      width: 23vh;
      height: 23vh;
      transform-origin: left top;
   }

      .drupa-cube > div {
         transform-origin: 50% 50% -11.431vh;
      }
}

@media (max-aspect-ratio:100/99) {
   .drupa-cube {
      width: 40vw;
      height: 40vw;
      transform-origin: left top;
   }

      .drupa-cube > div {
         transform-origin: 50% 50% -19.88vw;
      }
}

.drupa-cube > div {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   opacity: 1;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   border: .92px solid #a38293;
   background-color: #8b6779;
}

   .drupa-cube > div:after, .drupa-cube > div:before {
      content: "";
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      z-index: 1;
   }

.drupa-cube .right {
   transform: perspective(300vw) rotateX(0deg) rotateY(90deg) rotate(0deg);
}

   .drupa-cube .right:before {
      background-repeat: repeat-x;
      background-image: linear-gradient(135deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,0));
   }

.drupa-cube .left {
   transform: perspective(300vw) rotateX(0deg) rotateY(270deg) rotate(0deg);
}

.drupa-cube .top {
   transform: perspective(300vw) rotateX(90deg) rotateY(0deg) rotate(0deg);
}

   .drupa-cube .top:before {
      background-repeat: repeat-x;
      background-image: linear-gradient(-45deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,0));
   }

.drupa-cube .bottom {
   transform: perspective(300vw) rotateX(-90deg) rotateY(0deg) rotate(0deg);
}

.drupa-cube .back {
   background-image: none;
   transform: perspective(300vw) rotateX(0deg) rotateY(-180deg) rotate(0deg);
}

.drupa-cube .front {
   transform: perspective(300vw) rotateX(0deg) rotateY(0deg) rotate(0deg);
   box-shadow: 0 0 5px #fff;
   animation: g 3s ease-in-out infinite;
   cursor: pointer;
}

   .drupa-cube .front:before {
      background-repeat: repeat-x;
      background-image: linear-gradient(-135deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,0));
   }

.drupa-cube .dots {
   transform: perspective(300vw) rotateX(0deg) rotateY(0deg) rotate(0deg);
   background-color: transparent;
   background-image: url('Assets/Images/drupa-box/dots_4x.svg');
   background-repeat: no-repeat;
   background-size: cover;
   z-index: 999;
   margin-left: -4%;
   margin-top: -4%;
   width: 108%;
   height: 108%;
   border: 0;
   cursor: pointer;
}

   .drupa-cube .dots:after, .drupa-cube .dots:before {
      display: none;
   }

.intro-menu {
   width: 360px;
   max-width: 90vw;
   opacity: 0;
   padding: 2rem;
   background-color: hsla(0,0%,100%,.9);
}

.intro-menu__headline {
   margin-top: 0;
}

.intro-menu__nav .nav-item {
   display: inline-block;
   width: 50%;
   padding-right: 2rem;
}

   .intro-menu__nav .nav-item + .nav-item {
      padding-left: 2rem;
      padding-right: 0;
   }

.intro-menu__nav .nav-link {
   border-top: 1px solid #e6e5e4;
   padding-left: 0;
   padding-right: 0;
   padding-bottom: 0;
   color: #0a0f0a;
   font-weight: 400;
   font-size: 2rem;
}

   .intro-menu__nav .nav-link:focus, .intro-menu__nav .nav-link:hover {
      background-color: transparent;
      color: #f02d32;
   }

html.play-intro .drupa-scene {
   animation: f 4s cubic-bezier(1,0,.65,.8) forwards;
}

html.play-intro .drupa-cube {
   animation: e 4s ease-in-out forwards;
}

   html.play-intro .drupa-cube .dots {
      transition: opacity .2s;
      transition-delay: .4s;
      opacity: 0;
   }

   html.play-intro .drupa-cube .front, html.play-intro .drupa-cube .front:before {
      animation: none;
   }

   html.play-intro .drupa-cube .back {
      background-color: #fff;
      transition: background-color 1.5s;
      transition-delay: 2.5s;
   }

html.play-intro .stage--overview {
   transition: z-index 1ms;
   transition-delay: 4s;
   z-index: 1;
}

html.play-intro .stage--transition {
   transition: z-index 1ms 3.5s,opacity .5s 3.5s;
   z-index: 2;
   opacity: 1;
}

@media (max-aspect-ratio:100/99) {
   html.play-intro .stage--transition .fade1 {
      animation: h 3s linear 3.5s forwards;
   }

   html.play-intro .stage--transition .fade2 {
      animation: h 3s linear 6s forwards;
   }

   html.play-intro .stage--transition .fade-home {
      animation: j 2.5s ease-out 8.5s forwards;
   }
}

@media (min-aspect-ratio:1/1) {
   html.play-intro .stage--transition .fade1 {
      animation: i 2s linear 3.5s forwards;
   }

   html.play-intro .stage--transition .fade2 {
      animation: i 2s linear 5s forwards;
   }

   html.play-intro .stage--transition .fade-home {
      animation: k 2s ease-out 7s forwards;
   }
}

html.play-intro .stage--transition .fade-home .intro-menu {
   opacity: 1;
   transition: opacity .75s ease-out 7.5s;
}

html.play-intro .skip-intro-link {
   display: none;
}

.skip-intro-link {
   position: fixed;
   z-index: 999;
   right: 2rem;
   bottom: 2rem;
   color: #fff;
   cursor: pointer;
}

.drupa-intro body.landingpage {
   overflow: hidden;
}

html.skip-intro .stage--overview {
   display: none;
}

html.skip-intro .stage--transition {
   opacity: 1;
   position: relative;
   margin-top: 0;
   transition: none;
}

   html.skip-intro .stage--transition .fade-home {
      opacity: 1;
      animation: none;
      background-size: cover;
   }

@media (max-aspect-ratio:100/99) {
   html.skip-intro .stage--transition .fade-home {
      width: 109.25vh;
      height: 115%;
   }
}

@media (min-aspect-ratio:1/1) {
   html.skip-intro .stage--transition .fade-home {
      width: 115%;
      height: 110vw;
   }
}

html.skip-intro .stage--transition .fade-home .intro-menu {
   opacity: 1;
   transform: scale(1) translateY(0);
   transition: none;
}

html.skip-intro .skip-intro-link {
   display: none;
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
   body.landingpage .drupa-cube {
      transform-origin: 50% 50% 0;
      transform: translateX(-50%) translateY(-50%);
      animation: none!important;
   }

      body.landingpage .drupa-cube .front {
         animation: none!important;
         box-shadow: 0 0 10px #fff;
      }

         body.landingpage .drupa-cube .front:after {
            background-color: transparent;
         }

   html.play-intro .drupa-scene {
      animation: f 4s ease-out forwards!important;
   }

   html.play-intro .drupa-cube .front:after {
      background-color: #fff;
      transition: background-color 1s ease-in 3s;
   }
}
     
.lvml {
   behavior: url('../../Assets/Styles/#default#VML');
   display: inline-block;
   position: absolute;
}
 
  

.contact-map__map {
   background-color: #f5f4f4;
}

@media (max-width:767px) {
   .contact-map__map {
      display: none;
   }
}

.contact-map__map h2 {
   color: #002355;
}

@media (min-width:768px) {
   .contact-map__list {
      display: none;
   }
}
 

.cta-section {
   background-color: #002355;
   color: #fff;
}

.brochure-form__list {
   padding-left: 0;
   list-style: none;
   margin: 0 0 24px;
}

   .brochure-form__list > li {
      border-top: 1px solid #cdcbc9;
      position: relative;
   }

      .brochure-form__list > li a {
         width: calc(100% - 30px);
         display: inline-block;
         padding-top: 5px;
         padding-bottom: 5px;
      }

         .brochure-form__list > li a:before {
            display: inline-block;
            font-family: kba-icons!important;
            speak: none;
            font-size: 2rem;
            line-height: 1;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            vertical-align: middle;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e92b";
            color: #0a0f0a;
            margin-right: 1rem;
            vertical-align: top;
         }

      .brochure-form__list > li button {
         background: transparent;
         border: none;
         width: 30px;
         text-align: left;
         color: #0a0f0a;
         display: inline-block;
         padding: 1.5rem 5px;
         position: relative;
         vertical-align: middle;
      }

         .brochure-form__list > li button .icon:after {
            display: inline-block;
            font-family: kba-icons!important;
            speak: none;
            font-size: 2rem;
            line-height: 1;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            vertical-align: middle;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e911";
            color: #f02d32;
            position: absolute;
            right: 5px;
            top: 5px;
         }

         .brochure-form__list > li button:focus, .brochure-form__list > li button:hover {
            text-decoration: none;
         }

.showcases .h2, .showcases h2 {
   margin-top: 0;
}

@media (min-width:1200px) {
   .showcases .h2, .showcases h2 {
      font-size: 5rem;
      line-height: 5.8rem;
   }
}

.showcases .h3, .showcases h3 {
   margin-bottom: .8rem;
}

@media (min-width:768px) {
   .showcases .h3, .showcases h3 {
      margin-bottom: 1.2rem;
      line-height: 3.4rem;
      font-size: 3rem;
   }
}

.showcases p {
   margin-bottom: 1.8rem;
}

.showcases__btn {
   margin-top: 3.2rem;
}

.news-and-trends .row {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

.news-and-trends .h2, .news-and-trends h2 {
   margin-top: 0;
}

.news-and-trends__btn {
   margin-top: 3.2rem;
}

.news-and-trends__column {
   text-decoration: none!important;
   float: left;
   width: 100%;
   position: relative;
   min-height: 1px;
   padding-left: 12px;
   padding-right: 12px;
}

@media (min-width:992px) {
   .news-and-trends__column {
      float: left;
      width: 50%;
   }
}

@media (min-width:768px) {
   .news-and-trends__column {
      padding-top: 12px;
      padding-bottom: 12px;
   }
}

.news-and-trends__column:hover .news-and-trends__img-text .h2, .news-and-trends__column:hover .news-and-trends__img-text .h4, .news-and-trends__column:hover .news-and-trends__img-text .job-offer-list .job-item__title, .news-and-trends__column:hover .news-and-trends__img-text h2, .news-and-trends__column:hover .news-and-trends__img-text h4 {
   color: #f02d32;
}

.news-and-trends__column .news-and-trends__img + .news-and-trends__img {
   margin-top: 12px;
}

@media (min-width:992px) {
   .news-and-trends__column .news-and-trends__img + .news-and-trends__img {
      margin-top: 1.4rem;
   }
}

.news-and-trends__column--small {
   float: left;
   width: 100%;
   position: relative;
   min-height: 1px;
   padding-left: 12px;
   padding-right: 12px;
}

@media (min-width:768px) {
   .news-and-trends__column--small {
      float: left;
      width: 50%;
   }
}

@media (min-width:992px) {
   .news-and-trends__column--small {
      float: left;
      width: 25%;
   }
}

.news-and-trends__column--big {
   position: relative;
   float: left;
   width: 100%;
   min-height: 1px;
   padding-left: 12px;
   padding-right: 12px;
}

@media (max-width:767px) {
   .news-and-trends__column--big .news-and-trends__img-text {
      padding-top: 12px;
      padding-bottom: 12px;
   }
}

@media (min-width:768px) {
   .news-and-trends__column--big .news-and-trends__img {
      margin-right: 12px;
      display: inline-block;
      width: calc(50% - 15px);
   }

   .news-and-trends__column--big .news-and-trends__img-text {
      margin-left: 12px;
      vertical-align: top;
      display: inline-block;
      width: calc(50% - 15px);
   }
}

.news-and-trends__img {
   display: block;
   overflow: hidden;
}

@media (min-width:768px) {
   .news-and-trends__img img {
      display: block;
      max-width: 100%;
      height: auto;
   }
}

@media (max-width:767px) {
   .news-and-trends__img img {
      display: block;
      max-width: 100%;
      height: auto;
   }
}

@media (min-width:768px) {
   .news-and-trends__img img {
      height: 225px;
      max-width: none;
      position: relative;
      left: 50%;
      transform: translateX(-50%);
   }
}

@media (min-width:992px) {
   .news-and-trends__img img {
      height: 290px;
   }
}

@media (min-width:1200px) {
   .news-and-trends__img img {
      height: 360px;
   }
}

.news-and-trends__img--small .h2, .news-and-trends__img--small h2 {
   font-size: 16px;
   line-height: 2.2rem;
}

@media (min-width:768px) {
   .news-and-trends__img--small .h2, .news-and-trends__img--small h2 {
      font-size: 2rem;
      line-height: 2.5rem;
   }
}

@media (min-width:1200px) {
   .news-and-trends__img--small .h2, .news-and-trends__img--small h2 {
      font-size: 2.3rem;
      line-height: 2.7rem;
   }
}

@media (max-width:767px) {
   .news-and-trends__img--small img {
      display: none;
   }
}

@media (min-width:992px) {
   .news-and-trends__img--small img {
      height: 135px;
   }
}

@media (min-width:1200px) {
   .news-and-trends__img--small img {
      height: 180px;
   }
}

.news-and-trends__img-text .h2, .news-and-trends__img-text .h4, .news-and-trends__img-text .job-offer-list .job-item__title, .news-and-trends__img-text h2, .news-and-trends__img-text h4 {
   color: #0a0f0a;
}

.news-and-trends__img-text .h2, .news-and-trends__img-text h2 {
   margin-top: 0;
   margin-bottom: 0;
}

@media (min-width:768px) {
   .news-and-trends__img-text {
      left: 24px;
      right: 24px;
      bottom: 3.2rem;
   }
}

.other-topics .h2, .other-topics h2 {
   margin-top: 0;
}

.event-teaser {
   background: #f02d32;
   padding: 2.4rem;
   color: #fff;
}

   .event-teaser:after, .event-teaser:before {
      content: " ";
      display: table;
   }

   .event-teaser:after {
      clear: both;
   }

@media (max-width:767px) {
   .event-teaser {
      margin-top: 2.4rem;
   }
}

.event-teaser a, .event-teaser span {
   display: block;
}

.event-teaser__list {
   padding-left: 0;
   list-style: none;
   padding-bottom: 2.1rem;
}

.event-teaser__more {
   padding-top: 2.1rem;
}

.event-teaser-item + .event-teaser-item {
   padding-top: 2.4rem;
}

.event-teaser-item__date {
   font-weight: 400;
}

.event-teaser-item__date, .event-teaser-item__detail-link, .event-teaser-item__location {
   font-size: 1.4rem;
}

.event-teaser-item__title {
   font-size: 2rem;
   line-height: 3rem;
   font-family: Koenig Bauer Type Headline,Arial,sans-serif;
   font-weight: 700;
}

@media (min-width:1200px) {
   .event-teaser-item__title {
      font-size: 2.3rem;
      line-height: 3rem;
   }
}

.event-teaser-item__location:before {
   display: inline-block;
   font-family: kba-icons!important;
   speak: none;
   font-size: inherit;
   line-height: 1;
   font-style: normal;
   font-weight: 400;
   font-variant: normal;
   text-transform: none;
   vertical-align: middle;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: "\e927";
   margin-right: .25em;
   vertical-align: text-top;
}

.event-teaser-item__detail-link {
   padding-top: 1rem;
}

   .event-teaser-item__detail-link:before {
      display: inline-block;
      font-family: kba-icons!important;
      speak: none;
      font-size: inherit;
      line-height: 1;
      font-style: normal;
      font-weight: 400;
      font-variant: normal;
      text-transform: none;
      vertical-align: middle;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e912";
   }

   .event-teaser-item__detail-link, .event-teaser-item__detail-link:focus, .event-teaser-item__detail-link:hover {
      color: #fff;
   }

      .event-teaser-item__detail-link:before {
         margin-right: .25em;
         vertical-align: text-top;
      }

.event-teaser__more {
   border-top: 1px solid #fff;
}

.event-teaser a.event-teaser__more {
   font-weight: 400;
   font-size: 1.4rem;
}

   .event-teaser a.event-teaser__more, .event-teaser a.event-teaser__more:focus, .event-teaser a.event-teaser__more:hover {
      color: #fff;
   }

      .event-teaser a.event-teaser__more:before {
         display: inline-block;
         font-family: kba-icons!important;
         speak: none;
         font-size: inherit;
         line-height: 1;
         font-style: normal;
         font-weight: 400;
         font-variant: normal;
         text-transform: none;
         vertical-align: middle;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
         content: "\e912";
         margin-right: .5em;
         font-weight: 200;
      }

.textpic-jump--container ,
.text-jump--container {
   margin-left: -12px;
   margin-right: -12px;
}

@media (min-width:992px) { .textpic-jump--container .h1, .textpic-jump--container .h2, .textpic-jump--container .h3, .textpic-jump--container .h4, .textpic-jump--container .h5, .textpic-jump--container .job-offer-list .job-item__title, .textpic-jump--container h1, .textpic-jump--container h2, .textpic-jump--container h3, .textpic-jump--container h4, .textpic-jump--container h5, .text-jump--container .h1, .text-jump--container .h2, .text-jump--container .h3, .text-jump--container .h4, .text-jump--container .h5, .text-jump--container .job-offer-list .job-item__title, .text-jump--container h1, .text-jump--container h2, .text-jump--container h3, .text-jump--container h4, .text-jump--container h5 {
      margin-top: 0;
   }
}

.textpic-jump--container img ,
.text-jump--container img {
   display: block;
   max-width: 100%;
   height: auto;
   width: 100%;
}

.textpic-jump--container .textpic-jump__image ,
.text-jump--container .text-jump__image {
   position: relative;
   min-height: 1px;
   padding-left: 12px;
   padding-right: 12px;
}

@media (min-width:992px) {
   .textpic-jump--container .textpic-jump__image {
      float: left;
      width: 50%;
   }
}

@media (min-width:992px) {
   .textpic-jump--container .textpic-jump__image--right {
      left: 50%;
   }
}

.textpic-jump--container .textpic-jump__text-wrapper ,
.text-jump--container .text-jump__text-wrapper {
   position: relative;
   min-height: 1px;
   padding-left: 12px;
   padding-right: 12px;
}

@media (min-width:992px) {
   .textpic-jump--container .textpic-jump__text-wrapper {
      float: left;
      width: 50%;
   }
}

@media (min-width:992px) {
   .textpic-jump--container .textpic-jump__text-wrapper--left {
      right: 50%;
   }
}

@media (min-width:992px) {
   .textpic-jump--container .textpic-jump__text {
      width: 83.33333333%;
   }
}

@media (min-width:992px) {
   .textpic-jump--container .textpic-jump__list {
      width: 50%;
   }
}

.textpic-jump--container .textpic-jump__list--columns ,
.text-jump--container .text-jump__list--columns {
   margin-left: -12px;
   margin-right: -12px;
   width: 100%;
}

   .textpic-jump--container .textpic-jump__list--columns li ,
   .text-jump--container .text-jump__list--columns li {
      position: relative;
      min-height: 1px;
      padding-left: 12px;
      padding-right: 12px;
   }

@media (min-width:992px) {
   .textpic-jump--container .textpic-jump__list--columns li {
      float: left;
      width: 50%;
   }
}

.textpic-jump--container .textpic-jump__list--columns li:nth-child(odd) ,
.text-jump--container .text-jump__list--columns li:nth-child(odd) {
   clear: left;
}

@media (max-width:991px) {
   .textpic-jump--container .textpic-jump__list ,
   .text-jump--container .text-jump__list {
      margin-bottom: 0;
   }
}

.textpic-jump.textpic-jump--bledoff ,
.text-jump.text-jump--bledoff {
   background-color: #e6e5e4;
}

.textpic-jump--bledoff ,
.text-jump--bledoff {
   position: relative;
   overflow: hidden;
   background: #f5f4f4;
}

   .textpic-jump--bledoff .h2, .textpic-jump--bledoff h2 ,
   .text-jump--bledoff .h2, .text-jump--bledoff h2 {
      margin-top: 0;
      font-size: 2.6rem;
      line-height: 3.2rem;
   }

@media (min-width:768px) {
   .textpic-jump--bledoff .h2, .textpic-jump--bledoff h2 ,
   .text-jump--bledoff .h2, .text-jump--bledoff h2 {
      font-size: 3.4rem;
      line-height: 3.8rem;
   }
}

@media (min-width:992px) {
   .textpic-jump--bledoff .h2, .textpic-jump--bledoff h2 ,
   .text-jump--bledoff .h2, .text-jump--bledoff h2 {
      font-size: 4.4rem;
      line-height: 5.4rem;
   }
}

@media (min-width:1200px) {
   .textpic-jump--bledoff .h2, .textpic-jump--bledoff h2 ,
   .text-jump--bledoff .h2, .text-jump--bledoff h2 {
      font-size: 7rem;
      line-height: 8rem;
   }
}

@media (min-width:768px) {
   .textpic-jump--bledoff .textpic-jump__image {
      width: 41.66666667%;
   }
}

@media (max-width:480px) {
   .textpic-jump--bledoff .textpic-jump__image {
      display: none;
   }
}

@media (max-width:767px) {
   .textpic-jump--bledoff .textpic-jump__image img {
      display: block;
      max-width: 100%;
      height: auto;
   }
}

@media (min-width:768px) {
   .textpic-jump--bledoff .textpic-jump__image {
      height: 45rem;
      padding-left: 12px;
      padding-right: 12px;
   }

      .textpic-jump--bledoff .textpic-jump__image img {
         height: 45rem;
      }

   .textpic-jump--bledoff .textpic-jump__image--left {
      float: left!important;
   }

   .textpic-jump--bledoff .textpic-jump__image--right {
      float: right!important;
   }
}

@media (min-width:1200px) {
   .textpic-jump--bledoff .textpic-jump__image, .textpic-jump--bledoff .textpic-jump__image img {
      height: 58rem;
   }
}

@media (min-width:768px) and (max-width:1919px) {
   .textpic-jump--bledoff .textpic-jump__image--left {
      -ms-writing-mode: rl-tb;
      writing-mode: vertical-rl;
   }
}

@media (min-width:1920px) {
   .textpic-jump--bledoff .textpic-jump__image img {
      position: absolute;
   }

   .textpic-jump--bledoff .textpic-jump__image--left img {
      left: 0;
   }

   .textpic-jump--bledoff .textpic-jump__image--right img {
      right: 0;
   }
}

.textpic-jump--bledoff .textpic-jump__text-wrapper ,
.text-jump--bledoff .text-jump__text-wrapper {
   position: relative;
   min-height: 1px;
   padding: 2.2rem 12px 2.2em;
}

@media (min-width:768px) {
   .textpic-jump--bledoff .textpic-jump__text-wrapper {
      float: left;
      width: 50%;
      padding-top: 0;
      padding-bottom: 0;
      margin-top: 5.2rem;
      max-height: 45rem;
   }

   .text-jump--bledoff .text-jump__text-wrapper {
       padding-top: 0;
      padding-bottom: 0;
      margin-top: 5.2rem;
      }
}

@media (min-width:768px) {
   .textpic-jump--bledoff .textpic-jump__text-wrapper--right {
      float: right!important;
   }
}

@media (min-width:992px) {
   .textpic-jump--bledoff .textpic-jump__text-wrapper   {
      margin-top: 8.4rem;
      max-height: 58rem;
   } 
   .text-jump--bledoff .text-jump__text-wrapper {
      margin-top: 2.4rem; 
   }
}

.textpic-jump.textpic-jump--blue {
   background-color: #002355;
}

   .textpic-jump.textpic-jump--blue h2, .textpic-jump.textpic-jump--blue p {
      color: #fff;
   }

.report--odd {
   background-color: #f5f4f4;
}

.report .report__img {
   position: relative;
   min-height: 1px;
   padding-left: 12px;
   padding-right: 12px;
   padding: 3.1rem 1.2rem 0;
}

@media (min-width:768px) {
   .report .report__img {
      float: left;
      width: 50%;
      padding-bottom: 6.1rem;
      padding-left: 0;
      padding-top: 4rem;
   }
}

@media (min-width:992px) {
   .report .report__img {
      padding-bottom: 6.7rem;
      padding-top: 6rem;
   }
}

@media (min-width:1200px) {
   .report .report__img {
      padding-bottom: 8.05rem;
      padding-top: 8.05rem;
   }
}

.report .report__img img {
   height: auto;
   width: 100%;
}

.report .report__text {
   position: relative;
   min-height: 1px;
   padding-left: 12px;
   padding-right: 12px;
   padding: 1.2rem 1.2rem 3.1rem;
}

@media (min-width:768px) {
   .report .report__text {
      float: left;
      width: 50%;
      padding-bottom: 4.1rem;
   }
}

@media (min-width:992px) {
   .report .report__text {
      padding-bottom: 6.7rem;
      padding-top: 3.15rem;
   }
}

@media (min-width:1200px) {
   .report .report__text {
      padding-bottom: 8.05rem;
      padding-top: 5.25rem;
   }
}

.report .report__text .h2, .report .report__text h2 {
   font-size: 2rem;
   line-height: 2.4rem;
}

@media (min-width:768px) {
   .report .report__text .h2, .report .report__text h2 {
      font-size: 2.6rem;
      line-height: 3rem;
      margin-bottom: 2.3rem;
   }
}

@media (min-width:992px) {
   .report .report__text .h2, .report .report__text h2 {
      font-size: 3rem;
      line-height: 3.4rem;
      margin-bottom: 2.3rem;
   }
}

@media (min-width:1200px) {
   .report .report__text .h2, .report .report__text h2 {
      font-size: 4rem;
      line-height: 4.4rem;
      margin-bottom: 2.3rem;
   }
}

.report .report__text .h2 span, .report .report__text h2 span {
   font-size: 1.4rem;
   line-height: 2rem;
   margin-bottom: .44rem;
}

   .report .report__text .h2 span.date, .report .report__text h2 span.date {
      color: #0a0f0a;
      -webkit-font-feature-settings: "lnum" 1;
      font-feature-settings: "lnum" 1;
      margin-bottom: 0;
   }

@media (min-width:1200px) {
   .report .report__text .btn, .report .report__text .btn-primary, .report .report__text .intro__button {
      float: left;
      margin-right: 40%;
   }
}

.report .report__text ul.languages {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-pack: justify;
   justify-content: space-between;
   list-style-type: none;
   margin: 2.22rem 0 0;
   max-width: 35rem;
   padding: 0;
   text-indent: 0;
}

@media (min-width:768px) {
   .report .report__text ul.languages {
      display: block;
   }

      .report .report__text ul.languages li {
         display: inline-block;
      }

         .report .report__text ul.languages li:not(:last-child) {
            margin-right: 1.5rem;
         }
}

@media (min-width:1200px) {
   .report .report__text ul.languages {
      display: -ms-flexbox;
      display: flex;
      float: left;
      margin-top: 1.1rem;
      width: auto;
   }
}

.report .report__text ul.languages li {
   font-size: 1.4rem;
   font-weight: 400;
}

.teaser--small {
   position: relative;
   min-height: 1px;
   padding-left: 12px;
   padding-right: 12px;
}

@media (min-width:768px) {
   .teaser--small {
      float: left;
      width: 50%;
   }
}

@media (min-width:992px) {
   .teaser--small {
      float: left;
      width: 25%;
   }
}

.teaser--large {
   position: relative;
   min-height: 1px;
   padding-left: 12px;
   padding-right: 12px;
}

@media (min-width:768px) {
   .teaser--large {
      float: left;
      width: 50%;
   }
}

@media (max-width:767px) {
   .teaser--large {
      margin-top: 3.2rem;
   }
}

a.teaser__content {
   color: #0a0f0a;
   display: block;
}

   a.teaser__content:hover {
      text-decoration: none;
   }

      a.teaser__content:hover .h2, a.teaser__content:hover .h3, a.teaser__content:hover .h4, a.teaser__content:hover .job-offer-list .job-item__title, a.teaser__content:hover h2, a.teaser__content:hover h3, a.teaser__content:hover h4, a.teaser__content:hover h5 {
         color: #f02d32;
      }

.teaser__text {
   margin-top: 2.1rem;
   margin-bottom: 2.1rem;
}

.teaser__img img {
   display: block;
   max-width: 100%;
   height: auto;
}

@media (max-width:991px) {
   .teaser__img img {
      height: auto;
      width: 100%;
   }
}

.teaser .btn, .teaser .intro__button {
   margin-top: 6px;
   margin-right: 12px;
}

   .teaser .btn + .btn, .teaser .intro__button + .intro__button {
      margin-right: 0;
   }

.flexslider--teaser-slider {
   margin-left: -12px;
   margin-right: -12px;
   padding-bottom: 32px;
}

   .flexslider--teaser-slider .flex-control-nav {
      margin-bottom: 1px;
   }

.flexslider .teaser__content {
   margin: 0 12px;
}

@media (min-width:768px) {
   .flexslider .teaser__content {
      padding-bottom: 12px;
   }
}
 .newsletter-registration-form .h4, .newsletter-registration-form .h5, .newsletter-registration-form .h6, .newsletter-registration-form .job-offer-list .job-item__title, .newsletter-registration-form h4, .newsletter-registration-form h5, .newsletter-registration-form h6 {
   margin: .8rem 0;
}

.newsletter-registration-form .required-marker {
   color: #fff;
}

.newsletter-registration-form .form-wrapper {
   margin-bottom: .8rem;
}

   .newsletter-registration-form .form-wrapper .row {
      margin-left: -4px;
      margin-right: -4px;
   }

   .newsletter-registration-form .form-wrapper .col-md-6 {
      padding-left: 4px;
      padding-right: 4px;
   }

@media (max-width:991px) {
   .newsletter-registration-form .form-wrapper .col-md-6 + .col-md-6 {
      margin-top: .8rem;
   }
}

.newsletter-registration-form .form-group {
   margin-bottom: 0;
}

   .newsletter-registration-form .form-group > label:first-child {
      position: absolute;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      overflow: hidden;
      clip: rect(0,0,0,0);
      border: 0;
   }

.newsletter-registration-form .form-control {
   padding-left: 1.6rem;
   padding-right: 1.6rem;
}

.newsletter-registration-form .checkbox-group, .newsletter-registration-form .radio-group {
   margin: .7rem 0;
}

   .newsletter-registration-form .checkbox-group label {
      display: block;
      margin-top: .7rem;
   }

      .newsletter-registration-form .checkbox-group label:first-child {
         margin-top: 0;
      }

.newsletter-registration-form .chosen-container a:focus, .newsletter-registration-form .chosen-container a:hover {
   color: #0a0f0a;
}

.newsletter-registration-form .form-required-hint hr {
   border-color: #fff;
}

.newsletter-registration-form .form-required-hint p, .newsletter-registration-form .form-required-hint p:before {
   color: #fff;
}

.breadcrumb {
   margin-bottom: 0;
}

@media (max-width:991px) {
   .breadcrumb {
      padding: 0;
      width: 100%;
      border-bottom: 1px solid #b4b2af;
   }
}

.breadcrumb, .breadcrumb ol, .breadcrumb ul {
   padding-left: 0;
   list-style: none;
}

   .breadcrumb > li {
      position: relative;
   }

      .breadcrumb > li:after, .breadcrumb > li:before {
         content: " ";
         display: table;
      }

      .breadcrumb > li:after {
         clear: both;
      }

@media (max-width:991px) {
   .breadcrumb__toggle-breadcrumb, .breadcrumb__toggle-siblings {
      background-color: transparent;
      border: none;
      height: 5rem;
      position: absolute;
      top: 0;
      width: 5.2rem;
   }

   .breadcrumb__toggle-breadcrumb--open:before, .breadcrumb__toggle-siblings--open:before {
      color: #f02d32;
   }

   .breadcrumb__toggle-breadcrumb:focus, .breadcrumb__toggle-siblings:focus {
      outline: none;
   }

   .breadcrumb__toggle-breadcrumb:before, .breadcrumb__toggle-siblings:before {
      color: #57575a;
      left: 50%;
      position: absolute;
      top: 50%;
      transform: translate(-50%,-50%);
   }
}

@media (min-width:992px) {
   .breadcrumb__toggle-breadcrumb, .breadcrumb__toggle-siblings {
      display: none;
   }
}

@media (max-width:991px) {
   .breadcrumb__toggle-breadcrumb {
      height: 5rem;
      width: 5rem;
      border-bottom: 1px solid #cdcbc9;
      transform: scaleX(-1) rotate(90deg);
   }

      .breadcrumb__toggle-breadcrumb:before {
         display: inline-block;
         font-family: kba-icons!important;
         speak: none;
         font-size: 2rem;
         line-height: 1;
         font-style: normal;
         font-weight: 400;
         font-variant: normal;
         text-transform: none;
         vertical-align: middle;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
         content: "\e92c";
         color: #f02d32;
         margin-left: 0;
      }

   .breadcrumb__toggle-breadcrumb--open {
      background-color: #f5f4f4;
      transform: none;
      border-bottom: 0;
      border-right: 1px solid #cdcbc9;
   }

      .breadcrumb__toggle-breadcrumb--open:before {
         font-size: 3rem;
         color: #f02d32;
         content: "\e911";
      }
}

@media (max-width:991px) {
   .breadcrumb__toggle-siblings {
      position: absolute;
      right: 0;
      z-index: 1;
   }

      .breadcrumb__toggle-siblings:before {
         display: inline-block;
         font-family: kba-icons!important;
         speak: none;
         font-size: 3rem;
         line-height: 1;
         font-style: normal;
         font-weight: 400;
         font-variant: normal;
         text-transform: none;
         vertical-align: middle;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
         content: "\e905";
      }

   .breadcrumb__toggle-siblings--open:before {
      content: "\e904";
      color: #f02d32;
   }
}

@media (max-width:991px) {
   .breadcrumb__wrapper > ol {
      padding-top: 5rem;
   }
}

.breadcrumb__siblings {
   display: none;
   left: 5rem;
   position: absolute;
   right: 0;
   z-index: 10;
}

   .breadcrumb__siblings li {
      border-top: 1px solid #cdcbc9;
   }

@media (min-width:992px) {
   .breadcrumb__siblings li {
      display: none;
   }
}

.breadcrumb__siblings li.active a {
   color: #f02d32;
}

.breadcrumb__siblings a {
   background-color: #f5f4f4;
   color: #57575a;
   display: block;
   font-size: 1.6rem;
   line-height: 2.6rem;
   padding: 1.2rem 2rem;
}

   .breadcrumb__siblings a span {
      display: block;
      font-size: 14px;
      line-height: 14px;
      font-weight: 200;
   }

   .breadcrumb__siblings a:focus, .breadcrumb__siblings a:hover {
      text-decoration: none;
   }

.breadcrumb__item--current {
   font-weight: 400;
}

@media (max-width:991px) {
   .breadcrumb__item--current {
      display: none;
   }

   .breadcrumb__item--parent {
      color: #9b9894;
      left: 0;
      margin-left: 5rem;
      min-height: 5rem;
      position: absolute;
      right: 0;
      top: 0;
   }

      .breadcrumb__item--parent a {
         color: #57575a;
      }

         .breadcrumb__item--parent a > span {
            font-size: 1.6rem;
            font-weight: 400;
            line-height: 2.4rem;
            padding: 0 7.2rem 0 2rem;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
         }

            .breadcrumb__item--parent a > span > span {
               display: block;
               font-size: 14px;
               font-weight: 200;
               line-height: 14px;
            }

   .breadcrumb__item--sub {
      background-color: #f5f4f4;
      display: none;
   }

      .breadcrumb__item--sub a, .breadcrumb__item--sub span {
         color: #57575a;
         display: block;
      }

      .breadcrumb__item--sub a {
         height: 5rem;
         position: relative;
      }

         .breadcrumb__item--sub a > span {
            font-size: 1.6rem;
            line-height: 2.6rem;
            padding: 1.2rem 2rem;
         }

            .breadcrumb__item--sub a > span > span {
               color: #0a0f0a;
               font-size: 14px;
               line-height: 8px;
            }

         .breadcrumb__item--sub a:focus, .breadcrumb__item--sub a:hover {
            text-decoration: none;
         }

      .breadcrumb__item--sub + .breadcrumb__item--sub {
         border-top: 1px solid #cdcbc9;
      }

         .breadcrumb__item--sub + .breadcrumb__item--sub a:before {
            display: inline-block;
            font-family: kba-icons!important;
            speak: none;
            font-size: 2rem;
            line-height: 1;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            vertical-align: middle;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e92c";
            position: absolute;
            left: 1.5rem;
            top: 50%;
            transform: translateY(-50%) scaleX(-1) rotate(90deg);
         }

         .breadcrumb__item--sub + .breadcrumb__item--sub a > span {
            padding-left: 5rem;
         }
}

@media (max-width:991px) {
   .breadcrumb__siblings .btn--compare {
      color: #fff;
      background-color: #f02d32;
   }

      .breadcrumb__siblings .btn--compare span {
         font-size: inherit;
         line-height: inherit;
         text-align: left;
      }

   .breadcrumb-list--open {
      border-bottom: 6px solid #f02d32;
   }

   .breadcrumb--no-parents .breadcrumb__item--parent {
      margin-left: 0;
   }

   .breadcrumb--no-parents .breadcrumb__siblings {
      left: 0;
   }
}

@media (min-width:992px) {
   .breadcrumb {
      background-color: transparent;
      font-size: 14px;
      line-height: 20px;
      padding: 1.6rem 12px;
   }

   .breadcrumb__wrapper-mobile {
      display: none;
   }

   .breadcrumb__item {
      float: left;
   }

   .breadcrumb__item--sub {
      display: list-item!important;
   }

   .breadcrumb__item a {
      color: #b4b2af;
   }

      .breadcrumb__item a:focus {
         text-decoration: none;
      }

      .breadcrumb__item a:hover {
         color: #f02d32;
         text-decoration: none;
      }

   .breadcrumb__item + li:before {
      color: #b4b2af;
      padding: 0 .4rem 0 .6rem;
   }

   .breadcrumb__item + li:before, .breadcrumb__item-category:after {
      display: inline-block;
      font-family: kba-icons!important;
      speak: none;
      font-size: inherit;
      line-height: 1;
      font-style: normal;
      font-weight: 400;
      font-variant: normal;
      text-transform: none;
      vertical-align: middle;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e907";
   }

   .breadcrumb__item-category:after {
      padding: 0 .4rem 0 .6rem;
   }
}

.subnavigation {
   margin-top: 1rem;
}

@media (max-width:991px) {
   .subnavigation {
      /*display: none;*/
   }
}

.subnavigation, .subnavigation ul {
   padding-left: 0;
   list-style: none;
}

   .subnavigation a {
      color: #57575a;
      display: block;
      font-size: 1.8rem;
      font-weight: 400;
      padding-bottom: 1.2rem;
      padding-top: 1.2rem;
   }

      .subnavigation a:focus, .subnavigation a:hover {
         background-color: #fff;
         color: #f02d32;
         text-decoration: none;
      }

   .subnavigation .subnavigation__toggle {
      background-color: transparent;
      border: none;
      height: 5rem;
      padding: 0;
      position: absolute;
      top: 0;
      width: 5.2rem;
      z-index: 1;
   }

      .subnavigation .subnavigation__toggle:before {
         display: inline-block;
         font-family: kba-icons!important;
         speak: none;
         font-size: 3rem;
         line-height: 1;
         font-style: normal;
         font-weight: 400;
         font-variant: normal;
         text-transform: none;
         vertical-align: middle;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
         content: "\e905";
         color: #f02d32;
      }

      .subnavigation .subnavigation__toggle:focus {
         border: none;
         outline: none;
      }

      .subnavigation .subnavigation__toggle:hover:before {
         color: #002355;
      }

      .subnavigation .subnavigation__toggle.active:before {
         content: "\e904";
      }

   .subnavigation > li {
      position: relative;
   }

      .subnavigation > li > a {
         background-color: #f5f5f5;
         padding-left: 5.2rem;
         padding-right: 2.6rem;
      }

      .subnavigation > li + li {
         border-top: 1px solid #fff;
      }

   .subnavigation li.active > a {
      color: #f02d32;
   }

.subnavigation--primary {
   display: none;
}

   .subnavigation--primary > li {
      position: relative;
   }

      .subnavigation--primary > li > a {
         background-color: #fcfcfc;
         padding-left: 5rem;
         padding-right: 2.6rem;
      }

      .subnavigation--primary > li + li {
         border-top: 1px solid #f5f4f4;
      }

.subnavigation--secondary {
   display: none;
}

   .subnavigation--secondary > li {
      border-top: 1px solid #f5f4f4;
   }

      .subnavigation--secondary > li > a {
         padding-left: 8.6rem;
         padding-right: 2.6rem;
      }
     
@media (max-width:991px) {
 
}  
.ui-autocomplete {
   padding: 6px;
   background-color: #fff;
   border: 1px solid #cdcbc9;
   border-top: none;
   box-shadow: 1px 1px 1px 0 #cdcbc9;
   font-size: 16px;
   line-height: 1.5;
}

   .ui-autocomplete .ui-menu-item {
      padding: 1.5px 0;
   }

   .ui-autocomplete .ui-menu-item-wrapper {
      color: #57575a;
   }

      .ui-autocomplete .ui-menu-item-wrapper.ui-state-active, .ui-autocomplete .ui-menu-item-wrapper.ui-state-focus {
         margin: 0;
         color: #f02d32;
         text-decoration: none;
      }

.footer {
   background-color: #002355;
   color: #fff;
   z-index: 0;
}

   .footer .container--module {
      padding-bottom: 2.2rem;
   }

@media (min-width:768px) {
   .footer .container--module {
      padding-bottom: 9.2rem;
   }
}

.footer .btn, .footer .intro__button {
   margin-top: 1rem;
}

.footer a:not(.btn):not(.chosen-single) {
   color: #fff;
}

   .footer a:not(.btn):not(.chosen-single):focus, .footer a:not(.btn):not(.chosen-single):hover {
      color: #f02d32;
      text-decoration: none;
   }
    .footer .h2, .footer .h5, .footer h2, .footer h5 {
   margin-top: 0;
}
     .footer .h5, .footer h5 {
   font-family: Koenig Bauer Type Text,Arial,sans-serif;
   font-weight: 400;
}

.footer input {
   color: #57575a;
}

.footer__menu ul, .footer__social-media ul {
   padding-left: 0;
   list-style: none;
   margin-bottom: 0;
}

@media (max-width:767px) {
   .footer__menu, .footer__social-media {
      margin-top: 1.2rem;
   }
}

.footer__social-media {
   position: relative;
   min-height: 1px;
   padding-left: 12px;
   padding-right: 12px;
}

@media (min-width:768px) {
   .footer__social-media {
      margin-left: 8.33333333%;
      float: left;
      width: 41.66666667%;
   }
}

@media (min-width:992px) {
   .footer__social-media {
      float: left;
      width: 25%;
   }
}

.footer__social-media ul {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

@media (min-width:480px) {
   .footer__social-media ul {
      -ms-flex-pack: start;
      justify-content: flex-start;
   }
}

@media (min-width:768px) {
   .footer__social-media ul {
      display: inline-block;
   }
}

.footer__social-media li {
   float: left;
}

   .footer__social-media li + li {
      margin-left: 2rem;
   }

@media (min-width:992px) {
   .footer__social-media li + li {
      margin-left: 2.4rem;
   }
}

.footer__social-media--facebook:before, .footer__social-media--instagram:before, .footer__social-media--linkedin:before, .footer__social-media--twitter:before, .footer__social-media--xing:before, .footer__social-media--youtube:before {
   display: inline-block;
   font-family: kba-icons!important;
   speak: none;
   font-size: inherit;
   line-height: 1;
   font-style: normal;
   font-weight: 400;
   font-variant: normal;
   text-transform: none;
   vertical-align: middle;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-size: 2.3rem;
}

.footer__social-media--twitter:before {
   content: "\e91a";
}

.footer__social-media--facebook:before {
   content: "\e919";
}

.footer__social-media--xing:before {
   content: "\e91c";
}

.footer__social-media--youtube:before {
   content: "\e91b";
}

.footer__social-media--linkedin:before {
   content: "\e91d";
}

.footer__social-media--instagram:before {
   content: "\e91e";
}

.footer__menu {
   float: left;
   /*width: 50%;*/
   position: relative;
   min-height: 1px;
   padding-left: 12px;
   padding-right: 12px;
}

@media (min-width:768px) {
   .footer__menu {
      margin-left: 8.33333333%;
      float: left;
      width: 20.83333333%;
   }
}

@media (min-width:992px) {
   .footer__menu {
      margin-left: 0; 
   }
}

.footer__menu + .footer__menu {
   margin-left: 0;
}

.footer__menu .h5 {
   margin-bottom: 1.2rem;
}

.footer__menu a {
   display: inline-block;
   padding: 1rem 0;
}

@media (min-width:768px) and (max-width:991px) {
   .footer__menu {
      margin-top: 8.33333333%;
   }
}

.footer + .footer-meta .footer-meta__row {
   border-top: 1px solid #fff;
}

.footer-meta {
   background-color: #002355;
}

   .footer-meta a, .footer-meta p {
      color: #fff;
      display: inline-block;
      padding: 1rem 0;
   }

@media (min-width:768px) {
   .footer-meta a, .footer-meta p {
      padding: 2.1rem 0;
   }
}

.footer-meta a:focus, .footer-meta a:hover {
   color: #f02d32;
   text-decoration: none;
}

.footer-meta__row {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

@media (max-width:767px) {
   .footer-meta__row {
      padding-top: 1.8rem;
      padding-bottom: 1.8rem;
   }
}

@media (max-width:991px) {
   .footer-meta__row {
      -ms-flex-direction: column;
      flex-direction: column;
   }
}

.footer-meta__links {
   padding-left: 0;
   list-style: none;
   margin-bottom: 1.4rem;
}

@media (min-width:768px) {
   .footer-meta__links {
      margin-bottom: 0;
   }

      .footer-meta__links li {
         display: inline-block;
      }

         .footer-meta__links li:not(:last-child) {
            margin-right: 2rem;
         }
}

.footer-meta__copyright a {
   display: block;
}

   .footer-meta__copyright a:before {
      margin-right: .25em;
   }

@media (min-width:768px) {
   .footer-meta__copyright a {
      margin-right: 2rem;
      display: inline-block;
   }
}

.footer-meta__copyright p {
   margin-bottom: 0;
}

@media (min-width:768px) {
   .footer-meta__copyright {
      -ms-flex-item-align: end;
      align-self: flex-end;
   }
}

.mr-2  {
    margin-right: .8rem !important;
}
.footerinfo li {
margin-bottom:7px;
}.carousel { position: relative; }

.carousel-inner { position: relative; overflow: hidden; width: 100%; }
.carousel-inner > .item { display: none; position: relative; transition: 0.6s ease-in-out left; }
.carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; line-height: 1; }
@media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { transition: -webkit-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000; }
  .carousel-inner > .item.next, .carousel-inner > .item.active.right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); left: 0; }
  .carousel-inner > .item.prev, .carousel-inner > .item.active.left { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); left: 0; }
  .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; } }
.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; }
.carousel-inner > .active { left: 0; }
.carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; }
.carousel-inner > .next { left: 100%; }
.carousel-inner > .prev { left: -100%; }
.carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; }
.carousel-inner > .active.left { left: -100%; }
.carousel-inner > .active.right { left: 100%; }

.carousel-control { position: absolute; top: 0; left: 0; bottom: 0; width: 15%; opacity: 0.5; filter: alpha(opacity=50); font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
.carousel-control.left { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); }
.carousel-control.right { left: auto; right: 0; background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); }
.carousel-control:hover, .carousel-control:focus { outline: 0; color: #fff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); }
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; }
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; }
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; }
.carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; margin-top: -10px; line-height: 1; font-family: serif; }
.carousel-control .icon-prev:before { content: '\2039'; }
.carousel-control .icon-next:before { content: '\203a'; }

.carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center; }
.carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; border: 1px solid #fff; border-radius: 10px; cursor: pointer; background-color: #000 \9; background-color: transparent; }
.carousel-indicators .active { margin: 0; width: 12px; height: 12px; background-color: #fff; }

.carousel-caption { position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
.carousel-caption .btn { text-shadow: none; }

@media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; font-size: 30px; }
  .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -15px; }
  .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -15px; }
  .carousel-caption { left: 20%; right: 20%; padding-bottom: 30px; }
  .carousel-indicators { bottom: 20px; } }
/* Slider Indicators */
.carousel-control.left, .carousel-control.right { background-image: none; opacity: 1; text-shadow: none; width: 45px; height: 45px; font-size: 45px; line-height: 46px; text-align: center; border-radius: 2px; color: #ffffff; top: 20px; }
@media (min-width: 480px) { .carousel-control.left, .carousel-control.right { top: 50px; } }
@media (min-width: 768px) { .carousel-control.left, .carousel-control.right { top: 100px; } }
@media (min-width: 992px) { .carousel-control.left, .carousel-control.right { top: calc( 50% - 22px); } }
.carousel-control.left:hover, .carousel-control.right:hover { color: #eeeeee; }
@media (max-width: 767px) {
   .carousel-control  {
      padding-top:10px;
   }  .carousel-control i { 
      font-size: 30px;
      line-height: 46px;
   }
}
.carousel-control.left { left: 5%; }
.carousel-control.left .fa-angle-left { padding-right: 2px; }

.carousel-control.right { right: 5%; }
.carousel-control.right .fa-angle-right { padding-left: 2px; }

/* Slider Content */
.carousel-content { position: relative; max-height: 100%; z-index: 0; }
@media (min-width: 992px) { .carousel-content { background: rgba(51, 51, 51, 0.9); position: absolute; padding: 20px; width: 540px; bottom:5%;  } }
@media (min-width: 1200px) { .carousel-content { bottom:6%; width: 500px;  } }
@media (min-width: 1450px) { .carousel-content { width: 480px; margin-left: 0; left: inherit; } }
@media (min-width: 1700px) { .carousel-content { bottom:8%; } }

.carousel-inner > .item > img, .carousel-inner > .item > a > img { width: 100%; }@media (min-width: 1450px) { body.boxed .carousel-content { left: calc( 50% - 250px ); padding: 20px; } }
@media (min-width: 1700px) { body.boxed .carousel-content { top: 20%; } }

.bannerfairannouncement {
   width: 10%;
   position: absolute;
   bottom: 5px;
   right: 10px;
}

   .bannerfairannouncement img {
      width: 100%;
   }

.bannerfairannouncement-top { 
 position: absolute;
top: 225px;
right: 25px;
display: none;
z-index: 9999; 
}

@media (min-width: 992px) { 
   .bannerfairannouncement {
      display: none;
   }

   .bannerfairannouncement-top {
      display: block;
   }
}@media (max-width: 520px) {
    
   .bannerfairannouncement {
      width: 15%;
   }
}
@media (max-width: 480px) {
   .bannerfairannouncement {
      bottom: -5px;
   }
}
   .py-10 {
      padding-bottom: 10px !important;
      padding-top: 10px !important;
   }
      .pt-10 { 
      padding-top: 10px !important;
   }       .pb-0 { 
      padding-bottom: 0px !important;
   }
                 .mainPageSlogan { 
      padding-top: 10px !important;
      padding-bottom: 0px !important;
      margin:0px !important;
   }
                 .portfolio .hentry__title { margin-top: 0; }

#portfolio-content {padding:0; list-style:none}
#portfolio-content li {display:inline-block;
border: 0px solid transparent;
outline: 0px solid transparent;
margin: 0;
padding: 0px 0px 0px 0px;
border-width: 0px 0px 0px 0px;
border-radius: 2px 2px 2px 2px;
border-color: #000;
border-style: none;
}
.portfolio-mini-wrapper {background:#eee}
.portfolio-mini-wrapper.portfolio-light {background:none}

.portfolio-light #filters li:after{background-color:#fff}
.portfolio-light #filters li.active, .portfolio-light #filters li:hover{background: #f02d32;  border-left:solid 2px #f02d32;}
.portfolio-light #filters li.active a, .portfolio-light #filters li:hover a{color:#333}
.portfolio-light #options{background:#eee}
.portfolio-light #filters a{color:#666}
#options {background:#dcdcdc; text-align:center; margin-bottom: 30px; }
#filters{text-align:center;padding-left:0}
@media (min-width: 992px){
	#filters li.active, #filters li:hover {background:#eee; color:#333;  transform: skewX(-30deg); -moz-transform: skewX(-30deg); -webkit-transform: skewX(-30deg);}
	#filters li.active a, #filters li:hover a { display: inline-block; transform: none; -moz-transform: none; -webkit-transform: none; border-bottom: 3px solid #f02d32; padding-bottom: 3px; padding-top: 6px; transform: skewX(30deg); -moz-transform: skewX(30deg); -webkit-transform: skewX(30deg); color:#333;}
	#filters li.active:after, #filters li:hover:after{display:none}

}
#filters a {display: inline-block;
transform: none;
-moz-transform: none;
-webkit-transform: none;
border-bottom: 3px solid transparent;
padding-bottom: 3px;
padding-top: 6px;
color:#555;
font-size: 14px;
font-weight: 700;
font-family: Koenig Bauer Type Headline,Arial,sans-serif;
text-decoration:none;

}
#filters li{position: relative;
color: #999;
cursor: pointer;
z-index: 2;
padding: 14px 25px;
border: none;
font-size: 14px;
font-weight: 700;
font-family: Koenig Bauer Type Headline,Arial,sans-serif;
display: inline-block;}

@media (min-width: 992px){
	#filters li:after{position: absolute;
	content: "";
	height: 66px;
	width: 1px;
	background-color: #eee;
	right: 0;
	top: -4px;
	transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-webkit-transform: rotate(30deg);}
}
@media (max-width:991px){
	#filters li{text-align:left; display:block}
	#filters li.active, #filters li:hover {background:#eee;}
	#filters li.active a, #filters li:hover a { display: inline-block; border-bottom: 3px solid #f02d32; padding-bottom: 3px; padding-top: 6px;}
}




/* Projects */
.project__meta-data { background-color: #eeeeee; padding: 16px 22px; color: #666666; margin-bottom: 30px; border-radius: 2px; }
.project__meta-data ul { margin-bottom: 0; }
.project__meta-data li { margin-bottom: 5px; }
.project__meta-icon { display: inline-block; min-width: 20px; margin-right: 4px; font-size: 120%; text-align: center; }
.project__navigation li { text-align: center; display: inline-block; width: calc(50% - 15px); min-height: 1px; }
.project__navigation li:last-of-type { margin-left: 20px; }
.project__navigation a { background-color: #eeeeee; display: block; padding: 15px; color: #999999 !important;  font-weight: bold; font-family: Koenig Bauer Type Headline,Arial,sans-serif; transition: all 200ms ease-out; }
.project__navigation a:hover { color: #333333 !important; text-decoration: none; }
.project__gallery > a { display: block; margin-bottom: 30px; }
.project-post {  position: relative; margin-bottom:26px !Important}
.project-post img {
    width: 100%;
    position: relative;
    z-index: 2;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.project-content {
    position: absolute;
   height: 100%;
	top: 0;
    left: 0;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
	border-radius:2px;
	width:90%;
	width:-webkit-calc(100% - 30px);
	width:-moz-calc(100% - 30px);
	width:calc(100%-30px);
	margin-left:15px
}
.project-post:hover .project-content {background: #333; z-index:3}

.project-post:hover img {
    transform: translateY(-50px) scale(0);
    -webkit-transform: translateY(-50px) scale(0);
    -moz-transform: translateY(-50px) scale(0);
    -o-transform: translateY(-50px) scale(0);
}

.inner-project {
    text-align: center;
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -38px;
}

.inner-project h3 {
     font-size: 16px;
	line-height: 24px;
	color: #fff;
	font-weight: 700;
	margin: 0px 0px 6px 0px;
padding: 4px 12px 3px 12px;
border-radius: 0px 0px 0px 0px;
background-color: rgba(255,255,255,0);

font-family: Koenig Bauer Type Headline,Arial,sans-serif;
text-transform: capitalize;
}

.inner-project span {
    display: block;
    color: #1abc9c;
    font-size: 14px;
font-family: Koenig Bauer Type Headline,Arial,sans-serif;
    font-weight: 300;
    margin-bottom: 12px;
}
.project-link {
font-size: 12px;
line-height: 30px;
color: #454545;
font-weight: 800;
padding: 3px 10px 2px 10px;
border-radius: 2px 2px 2px 2px;
background-color: #002355;
z-index: 2;
color:#fff;
display: inline-block;
font-family: Koenig Bauer Type Headline,Arial,sans-serif;

}
 .project-link:hover{color:#fff}* 
.footer-bottom {position:relative}
.footer-bottom a.go-top {
  display: block;
  position:absolute;
  left:50%;
  top:10px;
  margin-left:-21px;
  text-decoration: none;
  transition: all 0.23s ease-in-out;
  -moz-transition: all 0.23s ease-in-out;
  -webkit-transition: all 0.23s ease-in-out;
  -o-transition: all 0.23s ease-in-out;
  width: 42px;
  height: 42px;
  background: #666;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.mb-10 {
margin-bottom:10px !important;
}
.mb-20 {
margin-bottom:20px !important;
}
@media (max-width: 768px) { 
   .promo {
      margin-bottom: 0px;
   }
    
   .jumbotron {
      padding-bottom: 5px;
   }
   	#filters li.active, #filters li:hover { margin-left:0px;}
   #filters {
   display:inline-block;
   margin-bottom:0px;
   }
   #filters li{ 
      display: block;
      width: 25%;
      border-left: solid 2px #fff;
      border-bottom: solid 2px #fff;
      float: left;
      text-align :center ;
   }
   #filters li:first-child{
      width:100%;
      border-top: solid 2px #fff;
      border-right: solid 2px #fff;
   }
   #filters li:nth-of-type(4n+1) {
      border-right: solid 2px #fff;
   }

}.alignnone, .aligncenter, .alignright, .alignleft { max-width: 100%; height: auto; }
.alignnone img, .aligncenter img, .alignright img, .alignleft img { max-width: 100%; height: auto; }

.alignnone { margin: 5px 0 20px 0; }

.aligncenter { display: block; margin: 5px auto 5px auto; }

.alignright { float: right; margin: 5px 0 20px 20px; }

.alignleft { float: left; margin: 5px 20px 20px 0; }

a > img.alignright { float: right; margin: 5px 0 20px 20px; }
a > img.alignnone { margin: 5px 20px 20px 0; }
a > img.alignleft { float: left; margin: 5px 20px 20px 0; }
a > img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
@media (max-width: 768px) {
   .pager2 .btn {
      width: 13%; 
padding : 1.2rem;
   }
      .pager2 .btn i,.pager2 .btn a { 
     line-height: 2rem;
font-size: 1.4rem;
   }
}
.mt-0 {
margin-top:0;
}.mb-0 {
margin-bottom:0px !important ;
}
 .accordion .panel:first-child > a[aria-expanded="true"] { 
    border-top: none;
}
 .mt-1r {
    margin-top: 1rem;
}
.productlist a.teaser__content h5 {
margin-bottom:5px;
}
.productlist a.teaser__content span{
      color: #333;
      font-size:14px;
   }
.spacer {
    height: 30px;
}
.spacer-10 {
    height: 10px;
}

.representative .hyphenate {
margin-bottom:0px;
margin-top:15px !important;
}