/* Scss Document */
/*@import 'util/include-media.scss';
@import 'util/include-media-grid.scss';*/
/*-- VARIABLES --*/
/* vars colors */
.colorbg_0, .box_kiosk, .box_kiosk .thumblist .item, #content .page_single {
  background-color: #FFFFFF; }
.colorbg_1, .container_titlebox_red, .box_einklinker, #content .page h1, .toggleNextContentMAGAZINE,
.toggleNextContentKIOSK {
  background-color: #A2231D !important; }
.colorbg_2, .box_quote, #content .page_cover .container_content, #content .page_cover .container_content_3, .button_readmore, .button_readmore_touch {
  background-color: #474847; }
.colorbg_3, .togglePrevHeadline {
  background-color: #D8D8D8; }
.colorbg_4, .container_stellenmarkt, .box_kiosk .thumblist {
  background-color: #e9e9e9; }
.colorbg_n {
  background-color: #000000; }

.color_0, #content .page h1, .toggleNextContentMAGAZINE,
.toggleNextContentKIOSK {
  color: #FFFFFF; }
.color_1 {
  color: #A2231D; }
.color_2 {
  color: #474847; }
.color_n {
  color: #000000; }

/* layers */
.layer, .container_img[role="layer"] .layer {
  position: absolute; }
  .layer.bottom, .container_img[role="layer"] .bottom.layer {
    bottom: 0; }
  .layer.top, .container_img[role="layer"] .top.layer {
    top: 0; }
  .layer.right, .container_img[role="layer"] .right.layer {
    right: 0; }
  .layer.left, .container_img[role="layer"] .left.layer {
    left: 0; }

/* content-positions */
.content, .container_img[role="layer"] .content {
  /* positioning */ }
  .content.center, .container_img[role="layer"] .center.content, .container_img[role="layer"] .box_quote .speaker, .box_quote .container_img[role="layer"] .speaker, .box_quote .speaker {
    text-align: center; }
  .content.left, .container_img[role="layer"] .left.content, .container_img[role="layer"] .box_job p, .box_job .container_img[role="layer"] p, .box_job p, #content .page_cover .container_content_3 > div p {
    text-align: left; }
  .content.right, .container_img[role="layer"] .right.content {
    text-align: right; }

/* floats */
.float_right, .box_quote .speaker, .button_readmore, .button_readmore_touch {
  float: right; }
.float_left, .box_job {
  float: left; }

/* widths */
.width.full, #content .page section .header_img {
  width: 100%; }
.width.onehalf {
  width: calc(97%/2); }
.width.onethird {
  width: calc(100%/3); }
.width.onefourth {
  width: calc(100%/4); }
@media (max-width: 599px) {
  .width.onehalf, .width.onethird, .width.onefourth {
    width: 100%; } }
@media (max-width: 599px) {
  .width.onehalf img, .width.onethird img, .width.onefourth img {
    width: 100%; } }

/* columns */
.columns_3 > div, #content .page_cover .container_content_3 > div {
  float: left;
  width: calc(84%/3);
  margin-right: 2%;
  padding: 2%; }
  @media (max-width: 599px) {
    .columns_3 > div, #content .page_cover .container_content_3 > div {
      width: 100%; } }
  .columns_3 > div:last-of-type, #content .page_cover .container_content_3 > div:last-of-type {
    margin-right: 0 !important; }
.columns_1_2 div.column1 {
  width: calc(84%/2.8);
  margin-right: 2%;
  padding: 2%;
  float: left; }
.columns_1_2 div.column2 {
  float: right;
  padding: 2%;
  width: calc((84%/3)*2); }
@media (max-width: 599px) {
  .columns_1_2 div.column1, .columns_1_2 div.column2 {
    width: auto;
    float: none;
    margin: none; }
    .columns_1_2 div.column1 img, .columns_1_2 div.column2 img {
      float: left; } }
.columns_1_2 div.clear {
  float: none; }
.columns_auto_3 {
  -webkit-columns: 3 265px;
  -moz-columns: 3 265px;
  columns: 3 265px;
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em; }

/* fonts */
.font-family_impact, .magazine_title, .magazine_box_headline, #content .page_cover h1, .magazine_headline, #content .page section h2.title {
  font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", "sans serif"; }
.font-family_arial, .magazine_subtitle, .magazine_box_subline, #content .page_cover h2, .magazine_maintext, #content .page, #content .page h1 .subline {
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; }
.font-family_arial-black, #content .page h1 {
  font-family: "Arial Black", "Arial Bold", Gadget, sans-serif; }
.font-family_times, .magazine_headline .subline, .magazine_subline, .box_quote p {
  font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; }

.fa-bars {
  color: #FFFFFF;
  font-size: 1em; }

/*LITTLE HELPERS*/
.hide {
  display: none; }

@media (max-width: 599px) {
  .hide-on-mobile {
    display: none !important; } }

.pointer {
  cursor: pointer; }

.capitalize, .box_quote .speaker, #content .page section h2.title, .button_readmore, .button_readmore_touch {
  text-transform: uppercase; }

.bold, .button_readmore, .button_readmore_touch {
  font-weight: bold; }

/* font-styles */
.magazine_title, .magazine_box_headline, #content .page_cover h1 {
  font-size: 5.7em;
  font-weight: lighter;
  text-transform: uppercase;
  letter-spacing: 0.01em;
  line-height: 70%; }
  @media (max-width: 599px) {
    .magazine_title, .magazine_box_headline, #content .page_cover h1 {
      font-size: 4em; } }
  .magazine_title .smaler, .magazine_box_headline .smaler, #content .page_cover h1 .smaler {
    font-size: 64%;
    font-weight: lighter; }
.magazine_headline {
  font-size: 3em;
  font-weight: lighter;
  text-transform: uppercase;
  letter-spacing: 0.01em;
  color: #A2231D;
  border-bottom: #A2231D solid 2px; }
  .magazine_headline .subline {
    text-transform: none;
    letter-spacing: 0;
    font-size: 0.8em; }
    @media (max-width: 599px) {
      .magazine_headline .subline {
        line-height: 1.2em; } }
.magazine_subline {
  font-size: 2em;
  letter-spacing: 0.01em;
  color: #A2231D;
  font-weight: lighter; }
.magazine_subtitle, .magazine_box_subline, #content .page_cover h2 {
  font-size: 1.5em;
  font-weight: normal;
  text-align: center;
  line-height: 1.6em; }
.magazine_maintext {
  font-size: 1.0em;
  letter-spacing: 0.01em;
  text-align: justify;
  margin-bottom: 1.5em; }
  .magazine_maintext_subline {
    color: #474847;
    font-weight: bold;
    text-align: left;
    border-top: 2px solid #474847;
    margin: 1.5em 0 0.5em 0;
    line-height: 1.2em;
    padding-top: 0.5em; }
    @media (max-width: 599px) {
      .magazine_maintext_subline {
        margin: 2.5em 0 0.5em 0;
        font-size: 120%; } }
  .magazine_maintext .box_einklinker {
    font-size: 70%;
    letter-spacing: normal; }
.magazine_box_headline {
  font-size: 2.3em;
  font-weight: lighter;
  margin-bottom: 0.5em;
  margin-top: 0.3em;
  letter-spacing: 0.03em; }
  @media (max-width: 599px) {
    .magazine_box_headline {
      font-size: 1.5em; } }
.magazine_box_subline {
  font-size: 1.3em;
  text-align: left;
  font-weight: bold; }

/* borders */
.border_white {
  border: 2px solid #FFFFFF;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px; }
.border_darkgrey, .box_kiosk .thumblist .item_img {
  border: 1px solid #474847;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px; }
.border_right {
  border-right: 1px solid #474847; }

/* containers */
.container_titlebox_red {
  padding: 1em;
  color: #FFFFFF;
  -webkit-box-shadow: 0px -3px 5px rgba(0, 0, 0, 0.4);
  -khtml-box-shadow: 0px -3px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px -3px 5px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0px -3px 5px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0px -3px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0px -3px 5px rgba(0, 0, 0, 0.4); }
.container_img {
  max-height: 800px;
  overflow: hidden; }
.container_img[role="layer"] {
  position: relative; }
  .container_img[role="layer"] .padding.layer {
    padding: 1em; }
.container_img[role="inText left"] {
  margin-right: 1em; }
.container_content {
  padding: 1em; }
.container_quicknews {
  padding-top: 1em; }
  @media (max-width: 599px) {
    .container_quicknews_item {
      border-bottom: 1px solid #c7c7c7; }
      .container_quicknews_item .container_img {
        width: 50%; }
      .container_quicknews_item .magazine_maintext_subline {
        display: flex;
        margin-top: 0; } }
.container_stellenmarkt {
  padding-top: 1em; }
  .container_stellenmarkt_item {
    margin-bottom: 1em;
    padding-bottom: 0;
    border-bottom: 1px solid #c7c7c7; }
    .container_stellenmarkt_item .magazine_maintext {
      margin-bottom: 0; }
    .container_stellenmarkt_item .magazine_maintext_subline {
      color: #A2231D;
      border: 0;
      line-height: normal !important;
      font-size: 1.2em; }
  .container_stellenmarkt .container_titlebox_red {
    margin: 0 0 0.5em 1em;
    width: auto;
    font-size: 1em;
    padding: 1em;
    line-height: 2em;
    text-align: right; }
.container_was-ist-eigentlich {
  padding: 1em 0; }
  .container_was-ist-eigentlich .magazine_maintext_subline {
    border-top: 0; }
  .container_was-ist-eigentlich .item {
    border-bottom: 1px solid #474847; }
    .container_was-ist-eigentlich .item:last-of-type {
      border-bottom: 0; }

/* boxes */
.box_kiosk {
  width: 100%;
  -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
  -khtml-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4); }
  @media (max-width: 599px) {
    .box_kiosk {
      padding-top: 0; } }
  .box_kiosk .thumblist {
    min-width: 200px;
    max-height: 250px;
    list-style-type: none;
    white-space: nowrap !important;
    overflow-x: auto !important;
    margin: 0;
    padding: 20px 0; }
    @media (max-width: 599px) {
      .box_kiosk .thumblist {
        padding-left: 0;
        padding-top: 15px; } }
    .box_kiosk .thumblist .item {
      display: inline-block !important;
      max-width: 90px;
      margin: 0px 0.5em;
      border: 1px solid #474847;
      padding: 0.75em 2em; }
      .box_kiosk .thumblist .item_link {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
      .box_kiosk .thumblist .item_img {
        -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
        -khtml-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
        -ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
        -o-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
        box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4); }
        .box_kiosk .thumblist .item_img:hover {
          -webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.4);
          -khtml-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.4);
          -moz-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.4);
          -ms-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.4);
          -o-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.4);
          box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.4); }
.box_job {
  width: calc(92%/2);
  padding: 0.8%;
  margin: 1%; }
  @media (max-width: 599px) {
    .box_job {
      width: 98%;
      margin: auto;
      display: inline-block;
      margin-bottom: 25px; } }
  @media (max-width: 599px) {
    .box_job_contact {
      padding: 1em;
      width: auto; } }
  .box_job .magazine_box_headline {
    font-size: 130%; }
  .box_job p:last-of-type {
    margin-bottom: 0; }
.box_einklinker {
  padding: 2%;
  margin-top: 0.5em;
  color: #FFFFFF;
  max-width: 96%; }
  @media (max-width: 599px) {
    .box_einklinker {
      padding: 1em; } }
  .box_einklinker .magazine_box_headline {
    font-size: 250%;
    letter-spacing: 0.05em; }
    @media (max-width: 599px) {
      .box_einklinker .magazine_box_headline {
        font-size: 140%;
        line-height: 100%; } }
  .box_einklinker a {
    color: #FFFFFF; }
  .box_einklinker p {
    font-size: 150%;
    letter-spacing: 0.05em; }
    .box_einklinker p:last-of-type {
      margin-bottom: 0; }
    @media (max-width: 599px) {
      .box_einklinker p {
        font-size: 110%;
        line-height: 120%; } }
  @media (max-width: 599px) {
    .box_einklinker img {
      width: 50%; } }
.box_quote {
  -webkit-transform: rotate(-3deg);
  -khtml-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  transform: rotate(-3deg);
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  color: #FFFFFF;
  padding: 1em; }
  .box_quote .quote_lt {
    margin-right: 1em; }
  .box_quote .quote_rb {
    margin-left: 1em; }
  .box_quote p {
    font-size: 130%;
    text-align: center; }
  .box_quote .speaker {
    border-top: 1px solid #FFFFFF;
    padding: 1em;
    letter-spacing: 0.05em;
    display: inline; }

.reset, .magazine_box_subline, .container_stellenmarkt_item .magazine_maintext_subline, #content .page h1, #content .page_cover h1, #content .page_cover h2 {
  letter-spacing: 0;
  padding: 0;
  margin: 0;
  line-height: auto;
  text-decoration: none; }

.clear, .columns_1_2 div.clear {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */ }
  .clear:before, .columns_1_2 div.clear:before, .clear:after, .columns_1_2 div.clear:after {
    content: "";
    display: table; }
  .clear:after, .columns_1_2 div.clear:after {
    clear: both; }

/*/


/* PAGES */
#content .page {
  /* font-styles */
  font-size: 1.4em; }
  #content .page h1 {
    margin: 0 !important;
    padding: 0.5em 0em;
    padding-left: 2em;
    font-size: 2.5em; }
    #content .page h1 .subline {
      font-size: 0.7em; }
  #content .page section {
    margin: 1.5em 0; }
    #content .page section .header_img {
      display: inline-flex;
      max-width: 1024px; }
    #content .page section h2.title {
      font-size: 2.0em;
      margin-bottom: 0.5em;
      color: #474847; }
      #content .page section h2.title::first-letter {
        color: #A2231D; }
  #content .page .product {
    border: none; }
    #content .page .product section.eigenschaften p {
      width: 80%; }
  #content .page .trennlinie {
    margin-bottom: 40px; }
  #content .page_cover {
    padding: 1em;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    background-color: #474847;
    color: #FFFFFF;
    width: 97%; }
    @media (max-width: 599px) {
      #content .page_cover {
        width: auto; } }
    #content .page_cover .layer.bottom {
      bottom: 6em !important; }
    #content .page_cover .container_content_3 {
      padding-top: 1em; }
  @media (max-width: 599px) {
    #content .page_single .container_img[role="layer"] .layer {
      position: unset; } }
  @media (max-width: 599px) {
    #content .page_single .container_img[role="layer"] .onethird {
      width: 100%; } }
  @media (max-width: 599px) {
    #content .page_single .container_img[role="layer"] .padding.layer {
      padding: 0; } }

/*INTERACTIVE*/
/*makeSticky*/
.fixed {
  position: fixed;
  top: 0;
  background-color: #FFFFFF;
  margin-top: 0em;
  width: 100%;
  z-index: 100; }

/*toggleContent*/
.toggleNextContentMAGAZINE,
.toggleNextContentKIOSK {
  text-align: center;
  padding: 0.5em;
  font-weight: bold;
  font-size: 1.3em;
  -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
  -khtml-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4); }
  .toggleNextContentMAGAZINE i,
  .toggleNextContentKIOSK i {
    padding: 0 0.8em; }

.toggledContent {
  clear: both; }
  .toggledContent.closed {
    display: none; }

.toggleNextContentMAGAZINE {
  float: right;
  padding: 0.8em; }

.togglePrevHeadline {
  padding-top: 0;
  padding: 0.8em;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
  margin: 0;
  display: inline-table;
  width: 100%;
  font-size: 1.3em;
  clear: both; }

/* buttons */
.button_readmore, .button_readmore_touch {
  color: #FFFFFF;
  font-size: 1.0em;
  padding: 0.3em 0.8em;
  text-decoration: none !important;
  letter-spacing: 0.03em; }
  @media (max-width: 599px) {
    .button_readmore, .button_readmore_touch {
      margin-top: 8px; } }
  .button_readmore_touch {
    font-size: 1.2em;
    padding: 0.5em;
    margin: 0.2em; }
    .button_readmore_touch:hover {
      background-color: #A2231D; }

/*images*/
.img-container-full,
.img-container-full img,
.col-1 img,
.col-2 img,
.col-3 img {
  width: 100%; }

.img-container-full img {
  border: 1px solid #A7A7A7; }

.img_copyright {
  float: right;
  padding-top: 0.02em;
  padding-bottom: 0.5em;
  font-family: "Helvetica Neue", Helvetica, Arial, Gotham, "sans-serif";
  font-size: 70%;
  margin: 0.5em  0.5em 0 0; }

/*galery*/
.galery .galery-thumbs {
  text-align: center; }
  .galery .galery-thumbs-event {
    float: left;
    width: 23.50%;
    margin-right: 0.55%; }
    .galery .galery-thumbs-event a {
      text-decoration: none !important; }
      .galery .galery-thumbs-event a:hover {
        text-decoration: none !important; }
      .galery .galery-thumbs-event a img {
        width: 100.0%;
        margin-bottom: 1.5%;
        border: 1px solid #A7A7A7; }
        @media (max-width: 599px) {
          .galery .galery-thumbs-event a img {
            width: 48%; } }
      .galery .galery-thumbs-event a:last-child img {
        margin-right: 0; }
  .galery .galery-thumbs a {
    text-decoration: none !important; }
    .galery .galery-thumbs a:hover {
      text-decoration: none !important; }
    .galery .galery-thumbs a img {
      width: 24.0%;
      margin-right: 0.55%;
      margin-bottom: 1.5%;
      border: 1px solid #A7A7A7; }
      @media (max-width: 599px) {
        .galery .galery-thumbs a img {
          width: 48%; } }
    .galery .galery-thumbs a:last-child img {
      margin-right: 0; }

/*lightbox*/
@media (max-width: 599px) {
  #lightbox .lb-outerContainer {
    width: 100% !important;
    height: auto !important; } }
@media (max-width: 599px) {
  #lightbox .lb-outerContainer .lb-container img {
    width: 100% !important; } }