/*
* style.scss
* Author: ideenfrische
* =========================================================
*/
/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE 8/9.
 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
  display: block; }

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */
audio, canvas, video {
  display: inline-block; }

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }

/*
 * Removes default margin.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */
a:active, a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */
h1 {
  font-size: 2em; }

/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b, strong {
  font-weight: bold; }

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/*
 * Addresses styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */
code, kbd, pre, samp {
  font-family: monospace, serif;
  font-size: 1em; }

/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

/*
 * Sets consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/*
 * Addresses inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * Removes border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

/*
 * Corrects overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */
button, input, select, textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button, input {
  line-height: normal; }

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/*
 * Re-set default cursor for disabled elements.
 */
button[disabled], input[disabled] {
  cursor: default; }

/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */
input[type="checkbox"], input[type="radio"] {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/*
 * Removes inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/*
* core.scss
* Author: ideenfrische
* =========================================================
*/
/*
* globals.scss
* Author: ideenfrische
* =========================================================
*/
* {
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

img, embed, object, video {
  max-width: 100%;
  height: auto; }

.invisible {
  display: none !important; }

.centered {
  margin: 0 auto; }

:focus {
  outline: 0; }

select:focus {
  outline: 1px solid black; }

input[type="file"]:focus {
  outline: 1px dashed black; }

.list-reset, .progress-nav .progress-nav-items, .carousel-list, .nav-subnavigation, .nav-subnavigation .submenu, .nav-subpage, .priorities, .categories-listing ul, .product-attributes ul, .nav-main, .product-dropdown, .career-listing, .nav-anchor ul, .checklist ul, .contactperson ul, .opening-hours, .shopping-list, .search-results, .footer-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  list-style-image: none; }

.block-spacing, .priorities, .categories-listing, .news, .teaser {
  margin: 0 0 36px 0; }

.indent, .module-title, .l-secondary, .nav-subnavigation, .zweispaltig .l-main, .categories-item-title, .product, .news-item, .spass-einkaufen, .l-footer {
  padding: 0 10px; }

.headline, .slide-title, .page-title, .l-secondary .nav-title, .main-content h1, .hero-title, .siteheader-headline, .product-title, .teaser-title {
  font-family: "AvantGarde-Medium", "AvantGardeGothicITCW01M 731087", sans-serif;
  font-weight: normal; }

.headline-content, .categories-item-title, .sbteaser-title, .sbteaser-title a, .article-item-title, .milestone-date, .mod_login h2, .mod_login h2 a {
  font-family: "Helvetica Neue", sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #707070;
  text-transform: uppercase; }

h1, h2, h3, h4, h5, h6 {
  color: #707070; }

.main .mod_article .ce_text {
  margin: 20px 0; }

blockquote {
  color: #a0a0a0;
  font-size: 12px;
  font-style: italic;
  margin: 20px 0 0; }
  @media (min-width: 640px) {
    blockquote {
      font-size: 14px; } }
  blockquote strong {
    font-style: normal;
    font-size: 11px;
    font-weight: normal; }

.btn, .show-branch-details {
  display: inline-block;
  background: #004b90;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
  color: #fff;
  text-decoration: none;
  height: 25px;
  line-height: 25px;
  padding: 0 10px;
  font-weight: bold;
  font-size: 12px; }
  .btn.grey, .grey.show-branch-details {
    background: #515151; }
  .btn.grey:before, .grey.show-branch-details:before {
    background-color: #515151; }
  .btn:hover, .show-branch-details:hover {
    color: #fff;
    background: #707070; }

.cta {
  padding: 0 10px 0 33px;
  position: relative; }
  .cta:before {
    content: "";
    background: #004b90 url(../img/icon-button-tag.svg) right center no-repeat;
    background-size: 16px 16px;
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
    top: 0; }
  .cta:hover:before {
    background-color: #707070; }
  .cta.search:before {
    background-color: #515151;
    background-image: url(../img/icon-search.svg); }
  .cta.search:hover:before {
    background-color: #707070;
    background-image: url(../img/icon-search.svg); }
  .cta.expansion:before {
    background-image: url(../img/icon-button-expansion.svg); }
  .cta.facebook:before {
    background-image: url(../img/icon-button-facebook.svg); }
  .cta.fragen:before {
    background-image: url(../img/icon-button-facebook.svg); }
  .cta.contact:before {
    background-image: url(../img/icon-button-contact.svg); }
  .cta.filialen:before {
    background-image: url(../img/icon-button-filialfinder.svg); }
  .cta.mail:before {
    background-image: url(../img/icon-button-mail.svg); }
  .cta.send-as-mail:before {
    background-image: url(../img/icon-send-mail.svg); }
  .cta.print:before {
    background-image: url(../img/icon-print.svg); }

.cta-big {
  padding: 0 10px 0 44px; }
  @media (min-width: 720px) {
    .cta-big {
      height: 34px;
      line-height: 34px;
      font-size: 14px;
      padding: 0 36px 0 44px; } }
  .cta-big:before {
    width: 32px; }
    @media (min-width: 720px) {
      .cta-big:before {
        height: 34px; } }

@media (min-width: 720px) {
  .ce_form .btn, .ce_form .show-branch-details {
    min-width: 220px; } }

.ce_form .submit_container {
  margin-top: 30px; }

.ce_form label {
  cursor: pointer; }

fieldset {
  border: none;
  padding: 0;
  margin: 0 0 40px; }
  fieldset legend {
    display: none; }

input[type="text"], input[type="number"], input[type="tel"], input[type="password"], input[type="email"] {
  background: white;
  border: 1px solid #D6D6D6;
  color: #707070;
  padding: 6px 6px 5px;
  border-radius: 0;
  height: 25px;
  -webkit-appearance: none; }

textarea {
  background: white;
  border: 1px solid #D6D6D6;
  color: #707070;
  width: 100%;
  min-height: 120px;
  padding: 6px;
  border-radius: 0;
  -webkit-appearance: none; }

.ce_form textarea {
  resize: vertical; }
  @media (min-width: 640px) {
    .ce_form textarea {
      width: 75%;
      margin-top: 10px; } }

.radio_container legend {
  font-weight: bold;
  margin-bottom: 12px; }

/* Custom Checkboxes & Radio Buttons -- IE9+ */
@media only screen {
  .radio_container span, .checkbox_container span {
    position: relative;
    margin: 4px 12px 0 0;
    line-height: 17px; }

  input[type="checkbox"], input[type="radio"] {
    position: absolute;
    width: 17px;
    height: 17px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    opacity: 0; }

  input[type="radio"] {
    width: 14px;
    height: 14px; }

  input[type="checkbox"] + label:before, input[type="radio"] + label:before {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-right: 12px;
    content: "";
    vertical-align: top;
    background: #ffffff url(../img/bg-forms-checkbox.png) 0 0 no-repeat;
    background: #ffffff url(../img/bg-forms-checkbox.svg) 0 0 no-repeat;
    border: 3px solid #707070; }

  input[type="radio"] + label:before {
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background: #707070 url(../img/bg-forms-radio.png) 0 0 no-repeat;
    background: #707070 url(../img/bg-forms-radio.svg) 0 0 no-repeat; }

  input[type="checkbox"]:checked + label:before {
    background-color: #707070;
    background-position: 0 -17px; }

  input[type="radio"]:checked + label:before {
    background-color: #004b90;
    background-position: 0 -14px; }
 }

.ce_form p.error {
  font-style: italic;
  margin: 5px 0 0;
  font-size: 10px; }
  @media (min-width: 640px) {
    .ce_form p.error {
      padding-left: 25%; } }

.ce_form .checkbox_container p.error {
  margin: 5px 0;
  padding: 0; }

/*
 * Aktions-Header-Beschriftung
*/
.aktions-header-headline {
  font-family: "AvantGarde-Medium", "AvantGardeGothicITCW01M 731087", sans-serif;
  position: absolute;
  top: 25%;
  left: 5%;
  vertical-align: top;
  line-height: 30px; }
  @media (min-width: 440px) {
    .aktions-header-headline {
      text-transform: uppercase;
      line-height: 80px; } }
  @media (min-width: 720px) {
    .aktions-header-headline {
      top: 35%;
      left: 10%;
      font-size: 21px; } }

.aktions-header-headline:before {
  content: "";
  display: inline-block;
  background: url(../img/aktionen-icon.png) center center;
  height: 27px;
  width: 27px;
  background-size: cover;
  margin-right: 10px; }
  @media (min-width: 440px) {
    .aktions-header-headline:before {
      height: 77px;
      width: 77px;
      background-size: auto; } }

.aktions-header-headline-white {
  color: #fff; }

/* General Styling for Columns */
.col-group, .product-dropdown, .nav-anchor ul {
  font-size: 0; }
  .col-group .col-group-item, .product-dropdown .col-group-item, .nav-anchor ul .col-group-item, .product-dropdown li, .nav-anchor ul li, .col-group .ce_text, .product-dropdown .ce_text, .nav-anchor ul .ce_text {
    font-size: 11px;
    vertical-align: top;
    display: inline-block;
    width: 100%; }
    @media (min-width: 980px) {
      .col-group .col-group-item, .product-dropdown .col-group-item, .nav-anchor ul .col-group-item, .product-dropdown li, .nav-anchor ul li, .col-group .ce_text, .product-dropdown .ce_text, .nav-anchor ul .ce_text {
        font-size: 12px;
        line-height: 19px; } }

/* 2 Columns */
@media (min-width: 420px) {
  .col-2 .col-group-item, .col-2 .product-dropdown li, .product-dropdown .col-2 li, .col-2 .nav-anchor ul li, .nav-anchor ul .col-2 li, .col-2 .ce_text {
    width: 50%; } }

/* 3 Columns */
@media (min-width: 280px) {
  .col-3 .col-group-item, .col-3 .product-dropdown li, .product-dropdown .col-3 li, .col-3 .nav-anchor ul li, .nav-anchor ul .col-3 li, .col-3 .ce_text {
    width: 50%; } }
@media (min-width: 420px) {
  .col-3 .col-group-item, .col-3 .product-dropdown li, .product-dropdown .col-3 li, .col-3 .nav-anchor ul li, .nav-anchor ul .col-3 li, .col-3 .ce_text {
    width: 33.3333333%; } }

/* 4 Columns */
@media (min-width: 420px) {
  .col-4 .col-group-item, .col-4 .product-dropdown li, .product-dropdown .col-4 li, .col-4 .nav-anchor ul li, .nav-anchor ul .col-4 li {
    width: 50%; } }
@media (min-width: 640px) {
  .col-4 .col-group-item, .col-4 .product-dropdown li, .product-dropdown .col-4 li, .col-4 .nav-anchor ul li, .nav-anchor ul .col-4 li {
    width: 25%; } }

/* Expansion */
@media (min-width: 420px) {
  .col-30-70 .col-group-item, .col-30-70 .product-dropdown li, .product-dropdown .col-30-70 li, .col-30-70 .nav-anchor ul li, .nav-anchor ul .col-30-70 li {
    width: 70%; }

  .col-30-70 .col-group-item:first-child, .col-30-70 .product-dropdown li:first-child, .product-dropdown .col-30-70 li:first-child, .col-30-70 .nav-anchor ul li:first-child, .nav-anchor ul .col-30-70 li:first-child {
    width: 30%;
    border-right: 1px solid #D6D6D6; }
 }

@media (min-width: 420px) {
  .col-70-30 .col-group-item, .col-70-30 .product-dropdown li, .product-dropdown .col-70-30 li, .col-70-30 .nav-anchor ul li, .nav-anchor ul .col-70-30 li {
    width: 70%; }

  .col-70-30 .col-group-item:last-child, .col-70-30 .product-dropdown li:last-child, .product-dropdown .col-70-30 li:last-child, .col-70-30 .nav-anchor ul li:last-child, .nav-anchor ul .col-70-30 li:last-child {
    width: 30%;
    border-left: 1px solid #D6D6D6; }
 }

@media (min-width: 420px) {
  .col-50 .col-group-item, .col-50 .product-dropdown li, .product-dropdown .col-50 li, .col-50 .nav-anchor ul li, .nav-anchor ul .col-50 li {
    width: 50%; } }

@media (min-width: 420px) {
  .col-25 .col-group-item, .col-25 .product-dropdown li, .product-dropdown .col-25 li, .col-25 .nav-anchor ul li, .nav-anchor ul .col-25 li {
    width: 50%; } }
@media (min-width: 640px) {
  .col-25 .col-group-item, .col-25 .product-dropdown li, .product-dropdown .col-25 li, .col-25 .nav-anchor ul li, .nav-anchor ul .col-25 li {
    width: 25%; } }

/* Special Cases */
@media (min-width: 420px) {
  .teaser-box {
    height: 250px; } }

@media (min-width: 420px) {
  .col-2 .ce_text:first-child {
    padding-right: 10px; } }
@media (min-width: 720px) {
  .col-2 .ce_text:first-child {
    padding-right: 20px; } }

@media (min-width: 420px) {
  .col-2 .ce_text:last-child {
    padding-left: 10px; } }
@media (min-width: 720px) {
  .col-2 .ce_text:last-child {
    padding-left: 20px; } }

@media (min-width: 420px) {
  .col-3 .ce_text {
    width: 50%;
    padding: 0 10px; } }
@media (min-width: 870px) {
  .col-3 .ce_text {
    width: 33.3333333%;
    border-right: 1px solid #D6D6D6; } }
@media (min-width: 880px) {
  .col-3 .ce_text {
    padding: 0 20px; } }

.aktionen-first-item.border-bottom {
  border-bottom: 1px solid #D6D6D6 !important; }

.border-bottom {
  border-bottom: 1px solid #D6D6D6 !important; }

.no-border-top {
  border-top: none !important; }

@media (min-width: 560px) {
  .sbteaser--img-center img {
    margin-bottom: 30px !important; }
 }

.milestone--no-img .milestone-header {
  padding-bottom: 0; }
.milestone--no-img .milestone-wrap {
  margin-bottom: 0; }

@media (min-width: 560px) {
  .border .main-content {
    border-left: 1px solid #ececec;
    padding-left: 20px; } }

.border .mod_article {
  border-bottom: 1px solid #ececec; }
  .border .mod_article:last-child {
    border-bottom: none; }

/* spacing helper */
.padding--bottom {
  padding-bottom: 20px; }

.float--left {
  float: left; }

.cf {
  *zoom: 1; }
  .cf:before, .cf:after {
    content: " ";
    display: table; }
  .cf:after {
    clear: both; }

.cb {
  clear: both; }

.cta--paper:before {
  background: #004b90 url(../img/icon-button-aktion.svg) right center no-repeat;
  background-size: 16px 16px; }
.cta--paper:hover:before {
  background-color: #707070; }

/**
 * Kunden Carousel (Startseite)
 */
.kunden-carousel {
  width: 100%;
  border: 1px solid #D6D6D6;
  overflow: hidden; }

.kunden-carousel__wrapper {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 200%; }

.kunden-carousel__item {
  display: block;
  float: left;
  position: relative;
  width: 300px;
  height: 300px;
  border-right: 1px solid #D6D6D6; }

.kunden-carousel__item a {
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center; }

.timeline-scroller {
  background-color: #F6F6F6;
  background-color: rgba(230, 230, 230, 0.4);
  width: 234px;
  padding: 2em;
  position: absolute;
  top: 0;
  left: 0; }
  @media (min-width: 1600px) {
    .timeline-scroller {
      left: -244px; } }
  .timeline-scroller.scroll {
    position: fixed;
    top: 20px;
    left: 50%;
    margin-left: -540px; }
    @media (min-width: 1600px) {
      .timeline-scroller.scroll {
        margin-left: -804px; } }

.timeline-scroller ul {
  list-style: none;
  padding-left: 3px; }

.timeline-scroller li {
  background: transparent url(../img/bg-list-item.svg) left center no-repeat;
  background-size: 1px 1px;
  padding-left: 9px; }

.timeline-scroller__back-to-top {
  display: block;
  text-indent: -9999em;
  height: 25px;
  width: 25px;
  background-color: #004b90;
  position: absolute;
  right: 10px;
  bottom: 10px; }

.download-item {
  background-color: #F6F6F6;
  position: relative;
  padding: 20px;
  *zoom: 1; }
  .download-item:before, .download-item:after {
    content: " ";
    display: table; }
  .download-item:after {
    clear: both; }
  .download-item .btn, .download-item .show-branch-details {
    margin-right: 20px; }

@media (min-width: 770px) {
  .download-item img {
    float: left;
    position: relative;
    bottom: -20px; }

  .download-item__right {
    float: left;
    margin-left: 13%; }
    .download-item__right p {
      margin-top: 20px; }
 }

@media (min-width: 880px) {
  .download-item {
    padding: 20px 50px; }
 }

.download-item__seperator {
  border: 0;
  height: 2px;
  background: #F6F6F6;
  margin-top: 33px; }

.accordion h2 {
  font-family: Arial;
  font-weight: bold;
  font-size: 14px !important;
  color: #fff;
  background: #004b90;
  text-transform: uppercase;
  position: relative;
  padding: 0.5em 1em;
  margin: 1px 0 0;
  cursor: pointer; }
  .accordion h2:before {
    content: "";
    color: #e30b19;
    width: 20px;
    height: 20px;
    background: url(../img/icons/grunticon/png/icon-plus.png) center center no-repeat;
    position: absolute;
    right: 5px;
    top: 5px; }
  .accordion h2.nav-open:before {
    background: url(../img/icons/grunticon/png/icon-minus.png) center center no-repeat; }
.accordion p {
  margin: 0; }
.accordion .ce_text {
  background: #f6f6f6; }
.accordion .accordion__wrapper {
  padding: 2em 3em 1.5em 2em;
  *zoom: 1; }
  .accordion .accordion__wrapper:before, .accordion .accordion__wrapper:after {
    content: " ";
    display: table; }
  .accordion .accordion__wrapper:after {
    clear: both; }
.accordion figure {
  margin-bottom: 10px; }
  @media (min-width: 880px) {
    .accordion figure {
      float: right;
      margin-left: 30px; } }

.main .accordion .ce_text {
  margin: 0; }

.list--squares ul {
  padding-left: 15px;
  line-height: 35px;
  list-style: none; }
  .list--squares ul li {
    position: relative; }
  .list--squares ul li:before {
    content: "";
    width: 6px;
    height: 6px;
    background: #004b90;
    display: inline-block;
    position: absolute;
    top: 15px;
    left: -13px; }

.list--squashed ul {
  line-height: 17px; }
  .list--squashed ul li:before {
    top: 5px; }

.list--split ul li {
  display: inline-block;
  width: 30%; }

.icon-tile__container {
  display: inline-block;
  width: 50%;
  float: left;
  padding: 5px; }
  @media (min-width: 720px) {
    .icon-tile__container {
      width: 25%; } }
  @media (min-width: 880px) {
    .icon-tile__container {
      padding: 0; } }

.icon-tile {
  background-position: center center;
  background-color: #004b90;
  width: 100%;
  height: 0;
  padding-bottom: 100%; }
  @media (min-width: 880px) {
    .icon-tile {
      width: 134px;
      height: 134px;
      padding-bottom: 0; } }

.icon-tile__caption {
  background-color: #F6F6F6;
  width: 100%;
  font-size: 12px;
  text-align: center;
  margin: 0;
  padding: 5px 0; }
  @media (min-width: 880px) {
    .icon-tile__caption {
      width: 134px; } }

.icon-tile__wrap {
  *zoom: 1; }
  .icon-tile__wrap:before, .icon-tile__wrap:after {
    content: " ";
    display: table; }
  .icon-tile__wrap:after {
    clear: both; }

.gallery {
  *zoom: 1;
  list-style: none;
  padding: 0; }
  .gallery:before, .gallery:after {
    content: " ";
    display: table; }
  .gallery:after {
    clear: both; }

.gallery__item {
  float: left;
  position: relative;
  width: 50%;
  background-color: #fff;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s; }
  .gallery__item:nth-child(odd) {
    padding: 0 5px 5px 0; }
  .gallery__item:nth-child(even) {
    padding: 0 0 5px 5px; }
  @media (min-width: 720px) {
    .gallery__item {
      width: 25%;
      padding-right: 10px !important;
      padding-bottom: 5px !important; }
      .gallery__item:nth-child(odd), .gallery__item:nth-child(even) {
        padding: 0; } }
  @media (min-width: 1200px) {
    .gallery__item {
      padding-right: 20px !important;
      padding-bottom: 10px !important; } }

.gallery__item img {
  height: auto; }

.gallery__item a:hover {
  opacity: 0.7; }
  .gallery__item a:hover:before {
    opacity: 1; }

.gallery__item a:before {
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  content: "";
  opacity: 0;
  display: block;
  background-color: #004b90;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 30%;
  left: 30%;
  background-position: center;
  background-repeat: no-repeat; }

/* Produktqualität Icons */
.feature-img {
  *zoom: 1; }
  .feature-img:before, .feature-img:after {
    content: " ";
    display: table; }
  .feature-img:after {
    clear: both; }

.feature-img .ce_image {
  text-align: center;
  margin-bottom: 2em;
  padding: 0.5em; }
  @media (min-width: 420px) {
    .feature-img .ce_image {
      width: 50%;
      float: left; } }
  @media (min-width: 500px) {
    .feature-img .ce_image {
      width: 33.33333%; } }
  @media (min-width: 720px) {
    .feature-img .ce_image {
      width: 25%; } }

.feature-img figcaption {
  background-color: #f6f6f6;
  padding: 0.5em;
  font-weight: bold;
  margin-top: 2em;
  width: 100% !important;
  color: #8e8e8e; }

.form--bewerbung .selector {
  position: relative;
  background: #fff;
  margin: 0;
  border: 1px solid #CDCDCD;
  font-weight: bold;
  font-size: 11px; }
  .form--bewerbung .selector:before {
    content: "";
    width: 16px;
    height: 16px;
    background: #707070 url(../img/down-arrow.png) center no-repeat;
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 5px; }
  .form--bewerbung .selector span {
    display: block;
    padding: 5px 15px; }
  .form--bewerbung .selector select {
    width: 100%; }
  .form--bewerbung .selector select {
    position: absolute;
    opacity: 0;
    margin: 0;
    left: 0;
    top: 0; }

.ansprechpartner {
  *zoom: 1;
  position: relative;
  margin-bottom: 10px;
  display: inline-block;
  margin-right: 20px; }
  .ansprechpartner:before, .ansprechpartner:after {
    content: " ";
    display: table; }
  .ansprechpartner:after {
    clear: both; }
  @media (min-width: 1200px) {
    .ansprechpartner {
      display: block;
      margin-right: 0; } }
  .ansprechpartner a {
    width: 25px;
    height: 25px;
    background-color: #004b90;
    background-position: center;
    display: inline-block; }
    .ansprechpartner a:hover {
      background-color: #808080; }

.ansprechpartner__body {
  font-size: 11px; }
  @media (min-width: 1200px) {
    .ansprechpartner__body {
      text-align: right; } }

.ansprechpartner__img {
  float: left;
  margin-right: 20px; }
  @media (min-width: 560px) {
    .ansprechpartner__img {
      float: none; } }
  @media (min-width: 1200px) {
    .ansprechpartner__img {
      float: left; } }

@media (min-width: 1200px) {
  .ansprechpartner__contact {
    margin-left: 40px; } }

.ansprechpartner__fake-tooltip {
  display: none; }
  .ansprechpartner__fake-tooltip--show {
    display: block; }
    @media (min-width: 720px) {
      .ansprechpartner__fake-tooltip--show {
        display: none; } }

.nav-subpage.level_3 li {
  background: transparent url(../img/bg-list-item.svg) left center no-repeat;
  background-size: 1px 1px;
  padding-left: 9px; }

.nav-subpage.level_3 {
  padding: 5px 10px 0; }

.mfp-bg {
  background: #fff; }

.mfp-close {
  color: #004b90 !important;
  opacity: 1 !important;
  font-size: 80px !important;
  font-family: "Courier New", monospace;
  right: -16px !important;
  top: -20px !important; }

.mfp-bottom-bar {
  display: none; }

.mfp-arrow-left:before {
  border-right: 27px solid #004b90; }

.mfp-arrow-right:before {
  border-left: 27px solid #004b90; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: none;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  zoom: 1; }

.slick-track:before, .slick-track:after {
  content: "";
  display: table; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

/* Arrows */
.slick-prev, .slick-next {
  position: absolute;
  display: block;
  height: 30px;
  width: 30px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background-color: #ccc;
  background-position: center center;
  color: transparent;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: none; }

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  outline: none;
  background-color: #004b90;
  color: #004b90; }

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
  opacity: 1; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
  opacity: 0.25; }

.slick-prev:before, .slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }

.slick-next {
  right: -25px; }

/* Dots */
.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%; }

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer; }

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none; }

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1; }

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "\2022";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75; }

[dir="rtl"] .slick-next {
  right: auto;
  left: -25px; }

[dir="rtl"] .slick-next:before {
  content: "\2190"; }

[dir="rtl"] .slick-prev {
  right: -25px;
  left: auto; }

[dir="rtl"] .slick-prev:before {
  content: "\2192"; }

[dir="rtl"] .slick-slide {
  float: right; }

.slick-slide {
  border-right: 1px solid #D6D6D6; }

.slick-slide .title {
  margin-bottom: 0;
  padding-left: 20px;
  text-transform: uppercase; }

.slick-slide img {
  width: 100%;
  padding: 25px;
  padding-top: 10px; }

.slick-prev:before, .slick-next:before {
  color: #808080; }

.carousel {
  border: 1px solid #D6D6D6; }

.slick-prev {
  left: 0; }

.slick-next {
  right: 0; }

.slick-slider {
  position: relative; }
  .slick-slider:before {
    position: absolute;
    right: 0px;
    top: 0;
    bottom: 0;
    width: 1px;
    content: '';
    background: white;
    z-index: 9999; }

.slick-slider a {
  text-decoration: none; }

/**
 * _media.scss
 *
 * displays image and text side by side
 *
 * Example markup:
 *
    <div class="media media--small">
      <div class="media__img"></div>
      <div class="media__body"></div>
    </div>
 *
 * use the `.media--rev` modifier to reverse the the image location and put it to the right
 * use the `.media--small` modifier, to decrease the gutter width between image and content
 *
 * for more information have a look at:
 * stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code
 *
 */
@media (min-width: 560px) {
  .media {
    *zoom: 1;
    display: block; }
    .media:before, .media:after {
      content: " ";
      display: table; }
    .media:after {
      clear: both; }

  .media__img {
    float: left;
    margin-right: 28px; }
    .media__img > img {
      display: block; }

  .media__body {
    overflow: hidden; }
    .media__body, .media__body > :last-child {
      margin-bottom: 0; }

  .media--rev > .media__img {
    float: right;
    margin-right: 0;
    margin-left: 28px; }

  .media--small .media__img {
    margin-right: 14px; }
  .media--small.media--rev > .media__img {
    margin-right: 0;
    margin-left: 14px; }
 }

.history-item {
  padding: 20px; }
  @media (max-width: 879px) {
    .history-item {
      border-left: 1px solid #ccc;
      position: relative;
      margin-left: 20px; }
      .history-item:before {
        content: "";
        display: block;
        width: 6px;
        height: 6px;
        background: #004b90;
        border-radius: 100%;
        position: absolute;
        top: 55px;
        left: -5px;
        border: 2px solid white; } }
  @media (min-width: 880px) {
    .history-item {
      background: url(../upload/geschichte/history-item_divider.png) center bottom no-repeat;
      padding-bottom: 90px; } }
  @media (min-width: 880px) {
    .history-item:last-child {
      background: url(../upload/geschichte/history-item_last.png) center bottom no-repeat; } }
  @media (min-width: 880px) {
    .history-item__inner {
      width: 50%;
      margin: 0 auto; } }
  @media (min-width: 1200px) {
    .history-item__inner {
      width: 60%;
      margin: 0 auto; } }
  .history-item .media__img {
    margin-bottom: 20px; }

/**
 * Variationen
 */
@media (min-width: 1200px) {
  .history-item--small .history-item__inner {
    width: 45%; } }

@media (min-width: 880px) {
  .history-item--big .history-item__inner {
    width: 65%; } }

/**
 * quick n dirty
 */
.history-item h1, .history-item h2 {
  text-align: center;
  font-weight: bold;
  font-family: "AvantGarde-Medium", "AvantGardeGothicITCW01M 731087", sans-serif; }

.history-item h1 {
  font-size: 44px !important; }
.history-item h2 {
  margin-bottom: 36px;
  font-size: 18px !important;
  font-weight: normal;
  color: #8e8e8e; }
  @media (min-width: 880px) {
    .history-item h2 {
      font-size: 25px !important; } }

.business-division-intro {
  margin-bottom: 0 !important; }
  @media (min-width: 880px) {
    .business-division-intro figure {
      float: right;
      margin-left: 5%; } }
  .business-division-intro img {
    display: block; }

.ce_text.business-division-intro:after {
  content: "";
  display: table;
  clear: both; }

.sidebar-accordion {
  margin-bottom: 8px; }
  @media (min-width: 560px) {
    html.js .sidebar-accordion__header {
      cursor: pointer; }
      html.js .sidebar-accordion__header .nav-title:after {
        width: 17px;
        height: 17px;
        content: '';
        display: block;
        position: absolute;
        right: 11px;
        top: 8px; }
 }
  .sidebar-accordion__body {
    position: relative;
    *zoom: 1; }
    .sidebar-accordion__body:before, .sidebar-accordion__body:after {
      content: " ";
      display: table; }
    .sidebar-accordion__body:after {
      clear: both; }
    @media (min-width: 560px) {
      .sidebar-accordion__body {
        background: #F2F2F2;
        padding: 18px 12px; }
        html.js .sidebar-accordion__body {
          display: none; } }
    .sidebar-accordion__body p {
      margin-top: 0; }
    .sidebar-accordion__body .btn, .sidebar-accordion__body .show-branch-details {
      float: right; }
  .sidebar-accordion__active .sidebar-accordion__body {
    display: block !important; }

.tooltipContainer {
  display: none;
  position: fixed;
  background: #FFF;
  bottom: 20px;
  left: 20px;
  color: #000;
  font-size: 13px;
  padding: 5px 10px; }
  @media (min-width: 720px) {
    .tooltipContainer {
      display: block; } }
  .tooltipContainer:after {
    content: '';
    bottom: -6px;
    left: 10px;
    width: 0;
    height: 0;
    border-top: 6px solid #FFF;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    position: absolute;
    display: block; }

/**
 * shame.scss
 */
/*
 * Seite: Karriere
 * Contao (?) vergibt hier feste img Größen, welche die Bilder verzerren
 * Fix:
 *
 */
.karriere figure > img {
  width: auto;
  height: auto; }

/*
 * Kontakt-Widget (Brief oben rechts) mit Header fluchten
 */
@media (min-width: 560px) {
  .contact-widget {
    margin-right: 10px; } }
@media (min-width: 960px) {
  .contact-widget {
    margin-right: 0; } }

/*
 * Seite: Systemvertrieb
 * Telefonnummer ist sonst zu lang, passt nicht in den 25px hohen btn
 */
.kontakt .btn, .kontakt .show-branch-details {
  height: auto; }

/*
 * Kleinpreiskonzepte
 * Bilder-Alignment / Größe anders ans sonst überall
 */
.img-fix img {
  height: auto; }

.align--middle {
  vertical-align: middle !important; }

.align--bottom {
  vertical-align: bottom !important; }

/* */
.cta--search:before {
  background-image: url(../img/icon-search.svg); }

/* sidebar teaser "play" anderer Aufbau als alle anderen*/
@media (max-width: 560px) {
  .sbteaser.teaser--play {
    background: transparent; } }

.teaser--play {
  padding-bottom: 20px !important;
  margin-bottom: 0 !important; }
  .teaser--play .sbteaser-title {
    display: none; }
  .teaser--play .sbteaser-img {
    display: block;
    margin: 0 auto;
    left: 0;
    right: auto;
    width: 10%; }
    @media (min-width: 560px) {
      .teaser--play .sbteaser-img {
        width: auto; } }

/* Kundenwusch: Startseite anderes Layout */
/* @media(min-width: $widest) {
  .home .hero--home {
     @include clearfix;
  }

  .home .l-main .hero-wrap {
    float: left;
    width: 70%;
  }

  .home .teaser-boxes-home {
    float: right;
    width: 30%;
    padding-left: 2%;
  }
} */
.euroshop-link {
  vertical-align: sub; }

.headline--bar h1, .headline--bar h2, .headline--bar h3, .headline--bar h4, .headline--bar h5, .headline--bar h6 {
  background-color: #004b90;
  color: #FFF;
  font-weight: normal;
  padding: 5px 20px; }

body:after {
  content: "";
  display: none; }
  @media (min-width: 320px) {
    body:after {
      content: "tiny"; } }
  @media (min-width: 560px) {
    body:after {
      content: "narrow"; } }
  @media (min-width: 640px) {
    body:after {
      content: "mid"; } }
  @media (min-width: 720px) {
    body:after {
      content: "normal"; } }
  @media (min-width: 880px) {
    body:after {
      content: "wide"; } }
  @media (min-width: 1200px) {
    body:after {
      content: "full"; } }

::-moz-selection {
  background: #004b90;
  color: #fff; }

::selection {
  background: #004b90;
  color: #fff; }

.logo-print {
  display: none; }

.boxlink {
  display: block;
  border: 1px solid #D6D6D6;
  text-decoration: none; }

/* ============================================================================= */
/* @group Global */
a {
  color: #004b90;
  text-decoration: underline; }
  a:hover {
    color: #000; }

@media (min-width: 960px) {
  html {
    background-color: #fff;
    background-image: -webkit-gradient(radial, center center, 0, center center, 460, color-stop(0%, white), color-stop(100%, rgba(230, 230, 230, 0.9)));
    background-image: -webkit-radial-gradient(center 20%, circle farthest-corner, white 0%, rgba(230, 230, 230, 0.9) 100%);
    background-image: radial-gradient( circle farthest-corner at center 20%, white 0%, rgba(230, 230, 230, 0.9) 100%);
    background-size: 100% 232px;
    background-repeat: no-repeat; } }

body {
  font: 11px/17px "Helvetica Neue", sans-serif;
  color: #707070; }
  @media (min-width: 980px) {
    body {
      font-size: 12px;
      line-height: 18px; } }

.shadow {
  background-repeat: no-repeat; }
  @media (max-width: 1250px) {
    .shadow {
      background: none !important; } }
  @media (min-width: 1200px) {
    .shadow {
      background-position: center -10px, center -10px; } }

.hero-wrap {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }

.wrap, .l-intro {
  *zoom: 1;
  margin: 0 auto; }
  .wrap:before, .l-intro:before, .wrap:after, .l-intro:after {
    content: " ";
    display: table; }
  .wrap:after, .l-intro:after {
    clear: both; }
  @media (min-width: 980px) {
    .wrap, .l-intro {
      width: 90%;
      max-width: 1120px; } }
  @media (min-width: 720px) {
    .wrap.wrap-header, .wrap-header.l-intro {
      padding: 29px 0 0 0; } }
  .wrap.wrap-footer, .wrap-footer.l-intro {
    padding: 0;
    max-width: none; }
    @media (min-width: 960px) {
      .wrap.wrap-footer, .wrap-footer.l-intro {
        background: rgba(209, 209, 209, 0.6);
        width: 100%;
        margin: 0;
        padding: 30px 0 20px;
        position: relative; } }

.module-title {
  background: #CDCDCD;
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
  height: 30px;
  line-height: 30px; }

/* @end */
/* ============================================================================= */
/* @group Navbar & Toolbar */
.l-header {
  *zoom: 1; }
  .l-header:before, .l-header:after {
    content: " ";
    display: table; }
  .l-header:after {
    clear: both; }
  @media (min-width: 720px) {
    .l-header {
      position: relative; } }

.logo-wide {
  display: none; }
  @media (min-width: 720px) {
    .logo-wide {
      width: 137px;
      height: 53px;
      display: block;
      background: url(../img/schum-logo-140.svg) center center no-repeat;
      background-size: 180px 69px;
      position: absolute;
      left: 50%;
      top: 0;
      margin-left: -40px; } }
  @media (min-width: 820px) {
    .logo-wide {
      width: 207px;
      height: 80px;
      background-size: 100%;
      margin-left: -100px; } }

@media (min-width: 720px) {
  .lt-ie9 .logo-wide {
    background: #004b90 url(../img/schum-logo.png) center center no-repeat; } }
@media (min-width: 820px) {
  .lt-ie9 .logo-wide {
    background: #004b90 url(../img/euroshop-logo-wide.png) center center no-repeat; } }

.navbar {
  *zoom: 1;
  background: #004b90;
  border-bottom: 2px solid #fff;
  height: 46px;
  line-height: 46px; }
  .navbar:before, .navbar:after {
    content: " ";
    display: table; }
  .navbar:after {
    clear: both; }
  @media (min-width: 560px) {
    .navbar {
      width: 155px;
      float: left; } }
  @media (min-width: 720px) {
    .navbar {
      display: none; } }
  .navbar .logo {
    float: left;
    height: 44px;
    padding: 2px 0 0 11px; }
  .navbar .show-menu {
    background: #004b90 url(../img/icon-menu.svg) left center no-repeat;
    display: block;
    width: 44px;
    height: 44px;
    text-indent: -9999px;
    border-left: 2px solid #fff;
    float: right; }
    @media (min-width: 560px) {
      .navbar .show-menu {
        display: none; } }

@media (min-width: 720px) {
  .no-svg .navbar .show-menu {
    background-image: url(../img/icon-menu.png); } }

.l-toolbar {
  *zoom: 1; }
  .l-toolbar:before, .l-toolbar:after {
    content: " ";
    display: table; }
  .l-toolbar:after {
    clear: both; }
  @media (min-width: 560px) {
    .l-toolbar {
      width: auto;
      float: right;
      height: 27px;
      line-height: 27px;
      margin: 11px 0 0; } }
  @media (min-width: 720px) {
    .l-toolbar {
      margin: 0; } }
  .l-toolbar .toolbar-action {
    display: block;
    width: 36px;
    height: 36px;
    text-indent: -9999px;
    float: left;
    border-right: 2px solid #fff;
    background: #CDCDCD url(../img/sprites-toolbar.svg) left center no-repeat;
    background-size: 236px 20px; }
    @media (min-width: 560px) {
      .l-toolbar .toolbar-action {
        display: inline;
        text-indent: 0;
        border: none;
        background: none;
        width: auto;
        height: auto;
        margin: 0 14px 0 0;
        color: #707070;
        text-decoration: none; }
        .l-toolbar .toolbar-action:hover, .l-toolbar .toolbar-action.is-active {
          text-decoration: underline;
          color: #000; } }
    .l-toolbar .toolbar-action.bookmarks {
      background-position: -50px center; }
      @media (min-width: 720px) {
        .l-toolbar .toolbar-action.bookmarks {
          position: absolute;
          left: 14px;
          top: 0; } }
      @media (min-width: 960px) {
        .l-toolbar .toolbar-action.bookmarks {
          left: 0;
          background: transparent url(../img/bg-list-item.svg) left center no-repeat;
          background-size: 1px 1px; } }
    .l-toolbar .toolbar-action.jump-to-nav {
      background-position: -150px center; }
    .l-toolbar .toolbar-action.jump-to-top {
      background-position: -200px center; }
    @media (max-width: 560px) {
      .l-toolbar .toolbar-action:hover, .l-toolbar .toolbar-action.is-active {
        background-color: #707070; }
 }
    @media (min-width: 720px) {
      .l-toolbar .toolbar-action.finder {
        position: absolute;
        left: 118px;
        top: 0; } }
    .l-toolbar .toolbar-action.finder:before {
      content: "";
      display: inline-block;
      width: 16px;
      height: 16px;
      background: #004b90 url(../img/filialfinder-pin.png) 7px center no-repeat;
      margin-right: 10px;
      top: 3px;
      position: relative; }
    .l-toolbar .toolbar-action.finder:hover:before {
      background-color: #707070; }
  .l-toolbar .no-svg .toolbar-action {
    background-image: url(../img/sprites-toolbar.png); }
  .l-toolbar .toolbar-contact {
    background: #CDCDCD;
    overflow: hidden;
    position: relative;
    padding: 0 14px 0 44px; }
    @media (min-width: 560px) {
      .l-toolbar .toolbar-contact {
        background: none;
        padding: 0;
        float: left; } }

.contact-widget {
  float: left;
  display: block;
  text-indent: -9999px;
  width: 36px;
  height: 36px;
  background-color: #CDCDCD;
  background-position: center center;
  background-size: 25px; }
  .contact-widget:hover {
    background-color: #707070; }
  @media (min-width: 560px) {
    .contact-widget {
      width: 30px;
      height: 30px;
      background-color: #707070;
      background-size: 20px; }
      .contact-widget:hover {
        background-color: #CDCDCD; } }

.toolbar-bottom {
  background: #004b90; }
  @media (min-width: 560px) {
    .toolbar-bottom {
      display: none; } }
  .toolbar-bottom .toolbar-actions {
    display: inline-block;
    float: right; }
  .toolbar-bottom .toolbar-text, .toolbar-bottom .toolbar-action {
    background-color: #004b90; }
  .toolbar-bottom .toolbar-action {
    border-right: none;
    border-left: 2px solid #fff; }
  .toolbar-bottom .toolbar-text {
    color: #fff;
    line-height: 36px;
    height: 36px;
    float: left;
    margin: 0;
    padding: 0 2%; }

/* @end */
/* ============================================================================= */
/* @group Slider */
@media (min-width: 1200px) {
  .l-intro {
    width: 100%;
    height: 400px;
    margin: 0;
    max-width: none;
    background: transparent url(../img/bg-slides-shadow.png) center top no-repeat;
    padding: 5px 0 0; } }

.slides, .slide, .slide-img {
  width: 100%; }

.slides {
  *zoom: 1;
  background: #fff;
  margin: 2px 0 0px;
  position: relative; }
  .slides:before, .slides:after {
    content: " ";
    display: table; }
  .slides:after {
    clear: both; }
  @media (min-width: 560px) {
    .slides {
      margin: 0 0 12px; } }
  @media (min-width: 1200px) {
    .slides {
      margin: 0 auto 12px; } }
  .hero--home .slides {
    margin: 0 auto; }

.slide {
  opacity: 0;
  position: absolute;
  float: left;
  -webkit-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in; }
  .slide.is-active {
    opacity: 1;
    z-index: 1;
    position: relative; }

.slide .slide-img {
  position: relative;
  float: left; }
  .slide .slide-img img {
    float: left; }

.slide .slide-pricing {
  position: absolute;
  bottom: 0;
  right: 10%;
  width: 44px;
  float: none;
  display: block;
  overflow: hidden; }
  @media (min-width: 320px) {
    .slide .slide-pricing {
      width: 66px; } }
  @media (min-width: 560px) {
    .slide .slide-pricing {
      width: 90px; } }

.slide-text {
  clear: left;
  background: #F6F6F6;
  padding: 14px 10px; }
  @media (min-width: 280px) {
    .slide-text {
      background: none;
      padding: 0;
      position: absolute;
      left: 10px;
      top: 30px; } }
  @media (min-width: 560px) {
    .slide-text {
      left: 7.604166667%;
      top: 34.782608696%; } }

.slide-title {
  font-size: 18px;
  margin: 0 0 10px 0;
  color: #707070;
  background-color: #004b90;
  padding: 10px; }
  @media (min-width: 720px) {
    .slide-title {
      font-size: 44px;
      line-height: 0.8em; } }
  @media (min-width: 280px) and (max-width: 380px) {
    .slide-title span {
      display: block; } }
  @media (min-width: 720px) {
    .slide-title span {
      color: #707070;
      display: block;
      font-size: 0.545454545em; } }

@media (min-width: 280px) {
  .slide-title--white .slide-title {
    color: #fff; } }

@media (min-width: 280px) {
  .slide-title--white span {
    color: #fff; } }

.progress-small {
  display: block; }
  @media (min-width: 380px) {
    .progress-small {
      display: none; } }

.progress-wide {
  display: none; }
  @media (min-width: 380px) {
    .progress-wide {
      display: block; } }

.progress-nav {
  *zoom: 1;
  text-align: center;
  margin: 12px 0; }
  .progress-nav:before, .progress-nav:after {
    content: " ";
    display: table; }
  .progress-nav:after {
    clear: both; }
  @media (min-width: 540px) {
    .progress-nav {
      margin: 12px 0; } }
  @media (min-width: 380px) {
    .progress-nav {
      position: absolute;
      bottom: 9px;
      left: 0;
      width: 100%;
      margin: 0;
      z-index: 2; } }
  .progress-nav .progress-nav-items {
    font-size: 0; }
    .progress-nav .progress-nav-items li {
      display: inline-block; }
    .progress-nav .progress-nav-items a {
      font-size: 11px;
      text-indent: -9999px;
      display: block;
      width: 13px;
      height: 13px;
      background: #fff;
      border: 2px solid #004b90;
      border-radius: 100%;
      border: 2px solid #004b90;
      margin: 0 10px 0 0;
      outline: 0; }
      .progress-nav .progress-nav-items a.is-active {
        background: #004b90; }
      .progress-nav .progress-nav-items a:hover {
        background: #707070;
        border-color: #707070; }
    .progress-nav .progress-nav-items li:last-child a {
      margin: 0; }

/* @end */
/* ============================================================================= */
/* @group Carousel */
.carousel-wrap {
  position: relative; }
  .carousel-wrap.carousel-categories {
    border-top: 1px solid #D6D6D6; }
    @media (min-width: 320px) {
      .carousel-wrap.carousel-categories {
        margin: 0 0 36px 0; } }
  #produktlisting-slider .carousel-wrap {
    border-bottom: 1px solid #D6D6D6; }

.carousel {
  position: relative; }

.carousel-list-container {
  overflow: hidden;
  position: relative; }

.carousel-list {
  width: 9999em;
  position: relative;
  left: 0; }
  .carousel-list.animating {
    -webkit-transition: left 0.5s ease-out;
    transition: left 0.5s ease-out; }

.carousel-item {
  float: left;
  display: inline-block; }
  @media (max-width: 320px) {
    .carousel-item {
      text-align: center; } }

.carousel-nav a {
  display: inline-block;
  width: 36px;
  background: #E2E2E2 url(../img/icon-arrow-prev.svg) center center no-repeat;
  width: 36px;
  height: 34px;
  text-indent: -9999px;
  position: absolute;
  top: 50%;
  left: 0%;
  margin-top: -17px; }
  .carousel-nav a:hover {
    background-color: #004b90; }
  .carousel-nav a.next {
    background-image: url(../img/icon-arrow-next.svg);
    left: auto;
    right: 0; }

/* @end */
/* ============================================================================= */
/* @group Columns */
.secondary-narrow {
  display: block; }
  @media (min-width: 560px) {
    .secondary-narrow {
      display: none; } }

.secondary-wide {
  display: none; }
  @media (min-width: 560px) {
    .secondary-wide {
      display: block; } }

.page-title, .l-secondary .nav-title {
  font-size: 18px;
  margin: 18px 0;
  display: block;
  text-decoration: none;
  color: #707070; }
  @media (min-width: 560px) {
    .page-title, .l-secondary .nav-title {
      background: #004b90;
      color: #fff;
      text-transform: uppercase;
      font-size: 14px;
      font-family: "Helvetica Neue", sans-serif;
      font-weight: bold;
      height: 34px;
      line-height: 34px;
      padding: 0 8px;
      margin: 0;
      position: relative; } }
  @media (min-width: 720px) {
    .page-title, .l-secondary .nav-title {
      padding: 0 10px; } }

@media (min-width: 320px) and (max-width: 559px) {
  .title-nav-trail {
    display: inline-block;
    float: left; } }
@media (min-width: 560px) {
  .title-nav-trail {
    padding: 0 0 0 40px; }
    .title-nav-trail:before {
      content: "";
      background: transparent url(../img/icon-button-tag.svg) right center no-repeat;
      background-size: 16px 16px;
      display: block;
      width: 30px;
      height: 34px;
      position: absolute;
      left: 0;
      top: 0; }
    .title-nav-trail:hover {
      background: #707070;
      color: white; }
    .title-nav-trail.no-hover:hover {
      background: #004b90;
      color: #fff; } }

.l-secondary {
  *zoom: 1; }
  .l-secondary:before, .l-secondary:after {
    content: " ";
    display: table; }
  .l-secondary:after {
    clear: both; }
  @media (max-width: 559px) {
    .l-secondary {
      margin: 30px 0 30px; } }
  @media (min-width: 560px) {
    .l-secondary {
      padding: 0;
      width: 28%;
      float: left;
      padding: 0 10px 0 0; } }
  @media (min-width: 720px) {
    .l-secondary {
      padding: 0 35px 0 0; } }

.l-subnavigation {
  margin: 14px 0; }
  @media (min-width: 320px) and (max-width: 559px) {
    .l-subnavigation {
      display: inline-block;
      float: right; } }

.nav-dropdown {
  -webkit-appearance: none;
  background: #fff url(../img/dropdown-arrow.png) 166px center no-repeat;
  border: 1px solid #D6D6D6;
  border-radius: 0;
  color: #707070;
  height: 26px;
  line-height: 26px;
  display: block;
  width: 180px;
  padding: 0 10px; }
  .nav-dropdown:focus {
    outline: none;
    border-color: #CDCDCD; }
  @media (min-width: 560px) {
    .nav-dropdown {
      display: none; } }

.nav-subnavigation {
  font-size: 12px;
  border-top: 1px solid #D6D6D6;
  padding: 15px 10px 0px;
  margin: 24px 0 0; }
  @media (max-width: 559px) {
    .nav-subnavigation {
      display: none; } }
  @media (min-width: 560px) {
    .nav-subnavigation {
      padding: 0; } }
  .nav-subnavigation li {
    border-bottom: 1px solid #D6D6D6; }
  .nav-subnavigation .submenu {
    padding-left: 12px; }
  .nav-subnavigation .submenu li {
    border-bottom: 1px solid #fff; }
  .nav-subnavigation a {
    display: block;
    min-height: 29px;
    color: #707070;
    text-decoration: none;
    background-size: 1px 1px;
    padding: 7px 0 0 12px; }
    @media (min-width: 960px) {
      .nav-subnavigation a {
        background: transparent url(../img/bg-list-item.svg) 0 15px no-repeat; } }
    .nav-subnavigation a:hover {
      color: #515151; }
    .nav-subnavigation a.is-active {
      font-weight: bold; }

.l-secondary .nav-title {
  font-size: 12px;
  margin: 10px 0; }
  @media (min-width: 560px) {
    .l-secondary .nav-title {
      margin: 0; } }
  @media (min-width: 720px) {
    .l-secondary .nav-title {
      padding-left: 20px; } }
  @media (min-width: 880px) {
    .l-secondary .nav-title {
      font-size: 14px; } }

.nav-subpage.level_1 {
  margin-bottom: 25px; }
@media (min-width: 560px) {
  .nav-subpage {
    background: #F6F6F6;
    padding: 10px; } }
@media (min-width: 720px) {
  .nav-subpage {
    padding: 10px 20px; } }
.nav-subpage .level_2 {
  padding: 0; }
  .nav-subpage .level_2 li:before {
    display: none; }

.nav-subpage.level_1 > li {
  padding: 5px 0;
  border-bottom: 1px solid #D6D6D6; }
  .nav-subpage.level_1 > li.active:before {
    background: #004b90; }
  @media (min-width: 560px) {
    .nav-subpage.level_1 > li {
      border: none;
      padding: 2px 0; } }
  @media (min-width: 560px) {
    .nav-subpage.level_1 > li:before {
      content: '';
      width: 6px;
      height: 6px;
      background: #808080;
      display: inline-block;
      position: relative;
      left: -8px;
      top: -1px; } }
  .nav-subpage.level_1 > li a:hover {
    color: #004b90; }

.nav-subpage li li {
  padding-left: 10px; }

.nav-subpage a {
  color: #707070;
  text-decoration: none; }

.nav-subpage .active {
  color: black; }

/* @end */
/* ============================================================================= */
/* @group Content */
.main-content h1 {
  font-size: 18px;
  line-height: 24px; }
  @media (min-width: 720px) {
    .main-content h1 {
      font-size: 20px; } }
.main-content h2 {
  font-size: 14px;
  line-height: 18px; }
  @media (min-width: 640px) {
    .main-content h2 {
      font-size: 16px;
      line-height: 20px; } }
.main-content h3 {
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase; }
  @media (min-width: 640px) {
    .main-content h3 {
      font-size: 14px;
      line-height: 18px; } }

.expansion .main-content h2, .aktionen .main-content h2 {
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase; }
  @media (min-width: 640px) {
    .expansion .main-content h2, .aktionen .main-content h2 {
      font-size: 16px;
      line-height: 20px; } }
  @media (min-width: 720px) {
    .expansion .main-content h2, .aktionen .main-content h2 {
      font-size: 18px;
      line-height: 22px; } }

.main .mod_article {
  margin: 10px 0; }
  @media (min-width: 560px) {
    .main .mod_article {
      margin: 20px 0; } }

table {
  width: 100%; }
  table thead {
    line-height: 96px;
    padding: 0;
    margin: 0;
    border: 1px solid #eee;
    color: #707070;
    background: #eeeeee;
    /* Old browsers */
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
    /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    background: linear, to bottom, #ffffff 0%, #eeeeee 100%;
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
    /* IE6-9 */
    font-family: "Helvetica Neue", sans-serif;
    font-weight: bold; }
  table td, table th {
    padding: 0 40px;
    width: 25%;
    text-align: left; }
    table td a, table th a {
      color: #707070;
      text-decoration: none;
      display: block;
      width: 100%;
      height: 100%; }
    table td a:hover, table th a:hover {
      color: #515151; }
  table tbody {
    border-top: 25px solid #FFF;
    line-height: 20px; }
    table tbody td {
      padding: 5px 40px; }
    table tbody tr {
      border-bottom: 1px solid #eeeeee; }
  @media (max-width: 640px) {
    table td:nth-child(3), table th:nth-child(3) {
      display: none; }

    table td {
      width: 33%; }
 }

/* Special Styles */
.c-philosophie .ce_text {
  border-bottom: 1px solid #D6D6D6;
  padding-bottom: 15px;
  margin-bottom: 25px; }

/* @end */
/* ============================================================================= */
/* @group Aside / Third Column */
.main.columns {
  font-size: 0; }

.columns .main-content, .l-aside {
  font-size: 11px;
  vertical-align: top;
  display: inline-block;
  width: 100%; }
  @media (min-width: 980px) {
    .columns .main-content, .l-aside {
      font-size: 12px;
      line-height: 19px; } }

@media (min-width: 420px) {
  .columns .main-content {
    width: 50%;
    padding-right: 20px; } }
@media (min-width: 720px) {
  .columns .main-content {
    width: 60%; } }

@media (min-width: 420px) {
  .l-aside {
    width: 50%;
    padding-left: 20px; } }
@media (min-width: 720px) {
  .l-aside {
    width: 40%; } }

.l-aside h1 {
  font-size: 14px; }
.l-aside h2 {
  font-size: 12px;
  margin: 0; }
.l-aside h3, .l-aside h4, .l-aside h5 {
  font-size: 11px; }

.aside-content.grey {
  background: #F6F6F6; }

.aside-content .ce_text {
  padding: 0 15px 15px;
  border-bottom: 1px solid white; }
  .aside-content .ce_text p {
    margin: 6px 0 0; }
  .aside-content .ce_text:last-child {
    border-bottom: none; }

.l-aside .ce_headline {
  background: #004b90;
  margin: 0;
  color: white;
  padding: 10px 15px; }

/* @end */
/* ============================================================================= */
/* @group Hero */
.hero {
  *zoom: 1;
  position: relative;
  margin: 0 0 18px; }
  .hero:before, .hero:after {
    content: " ";
    display: table; }
  .hero:after {
    clear: both; }
  @media (min-width: 960px) {
    .hero {
      position: relative;
      z-index: 2;
      box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.5); } }

.hero-title {
  line-height: 1.1em;
  margin: 0;
  background-color: #004b90;
  float: right;
  color: #fff;
  width: 120px;
  height: 120px;
  text-align: center;
  font-size: 14px;
  display: table; }
  @media (min-width: 560px) {
    .hero-title {
      width: 140px;
      height: 140px;
      font-size: 18px; } }
  @media (min-width: 820px) {
    .hero-title {
      width: 172px;
      height: 171px;
      font-size: 21px; } }
  .hero-title span {
    display: table-cell;
    vertical-align: middle;
    text-align: center; }

.hero-pricing {
  display: none; }
  @media (min-width: 280px) {
    .hero-pricing {
      display: block;
      position: absolute;
      bottom: 0;
      left: 18%;
      width: 70px; } }
  @media (min-width: 780px) {
    .hero-pricing {
      width: 90px; } }

.l-content {
  *zoom: 1; }
  .l-content:before, .l-content:after {
    content: " ";
    display: table; }
  .l-content:after {
    clear: both; }
  @media (min-width: 560px) {
    .l-content {
      margin: 0 0 36px 0; } }

.zweispaltig .l-main {
  margin-top: 10px; }
  @media (min-width: 560px) {
    .zweispaltig .l-main {
      margin-top: 0; } }
  @media (min-width: 560px) {
    .zweispaltig .l-main {
      width: 72%;
      float: right; } }
  @media (min-width: 960px) {
    .zweispaltig .l-main {
      padding: 0; } }

/* @end */
.l-teaser {
  margin: 0 0 38px 0; }
  @media (min-width: 960px) {
    .l-teaser {
      border-bottom: 1px solid #D6D6D6; } }

/* ============================================================================= */
/* @group Site Header */
.siteheader {
  *zoom: 1;
  background: #F6F6F6;
  margin: 2px 0 0;
  height: 40px;
  position: relative;
  padding: 0 12px; }
  .siteheader:before, .siteheader:after {
    content: " ";
    display: table; }
  .siteheader:after {
    clear: both; }
  @media (min-width: 320px) {
    .siteheader {
      height: 70px; } }
  @media (min-width: 560px) {
    .siteheader {
      background: #004b90;
      height: 110px;
      margin: 0; } }
  @media (min-width: 640px) {
    .siteheader {
      height: 130px;
      box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.3); } }
  @media (min-width: 720px) {
    .siteheader {
      height: 172px; } }

@media (min-width: 560px) {
  .siteheader.white {
    background: white url(../img/bg-hero-white.png) center center no-repeat;
    background-size: 100% 100%; } }

@media (min-width: 560px) {
  .siteheader-image {
    float: left;
    width: 44%; } }
@media (min-width: 640px) {
  .siteheader-image {
    width: 50%; } }
@media (min-width: 720px) {
  .siteheader-image {
    width: auto;
    position: absolute;
    bottom: 0px;
    left: 10%; } }

.white .siteheader-image {
  float: right; }
  @media (min-width: 720px) {
    .white .siteheader-image {
      position: absolute;
      top: -4px;
      right: 10%;
      bottom: auto;
      left: auto; } }

.siteheader-image img {
  display: none; }
  @media (min-width: 320px) {
    .siteheader-image img {
      display: block;
      max-height: 70px;
      position: absolute;
      right: 14px;
      bottom: 0px; } }
  @media (min-width: 560px) {
    .siteheader-image img {
      max-height: 110px;
      float: left;
      position: static; } }
  @media (min-width: 640px) {
    .siteheader-image img {
      max-height: 130px; } }
  @media (min-width: 720px) {
    .siteheader-image img {
      max-height: none; } }

@media (min-width: 560px) {
  .filialfinder .siteheader-image img {
    padding: 10px; } }
@media (min-width: 720px) {
  .filialfinder .siteheader-image img {
    padding: 0; } }

@media (min-width: 560px) {
  .siteheader-title {
    padding: 16px 0 0; } }
@media (min-width: 640px) {
  .siteheader-title {
    padding-top: 26px; } }
@media (min-width: 720px) {
  .siteheader-title {
    padding: 0;
    position: absolute;
    top: 50px;
    right: 30px; } }

.siteheader-icon {
  display: none; }
  @media (min-width: 720px) {
    .siteheader-icon {
      display: inline-block; } }
  @media (min-width: 560px) and (max-width: 720px) {
    .siteheader-icon {
      width: 61px;
      margin-top: 8px; } }

.siteheader-headline {
  font-size: 16px;
  color: #707070;
  margin: 12px 0 0; }
  @media (min-width: 320px) {
    .siteheader-headline {
      margin: 20px 0 0; } }
  @media (min-width: 560px) {
    .siteheader-headline {
      color: white;
      font-size: 21px;
      line-height: 81px;
      overflow: hidden;
      margin: 0;
      display: inline-block;
      vertical-align: top;
      text-transform: uppercase; } }
  @media (min-width: 720px) {
    .siteheader-headline {
      padding: 0 0 0 10px; } }

.white .siteheader-headline {
  color: #707070;
  float: left;
  overflow: visible;
  margin: 20px 0 0; }
  @media (min-width: 560px) and (max-width: 639px) {
    .white .siteheader-headline {
      margin: 45px 0 0; } }
  @media (min-width: 640px) and (max-width: 879px) {
    .white .siteheader-headline {
      margin: 50px 0 0; } }
  @media (min-width: 560px) {
    .white .siteheader-headline {
      line-height: 26px; } }
  @media (min-width: 720px) {
    .white .siteheader-headline {
      font-size: 28px; } }
  @media (min-width: 820px) {
    .white .siteheader-headline {
      margin-left: 20px; } }
  @media (min-width: 880px) {
    .white .siteheader-headline {
      font-size: 44px;
      margin: 60px 0 0 20px; } }
  @media (min-width: 1200px) {
    .white .siteheader-headline {
      margin-left: 50px; } }

.white .siteheader-headline .subtitle {
  color: #808080; }
  @media (min-width: 720px) {
    .white .siteheader-headline .subtitle {
      display: block;
      padding-left: 1em;
      font-size: 0.568181818em;
      margin: 0.2em 0 0; } }
  @media (min-width: 880px) {
    .white .siteheader-headline .subtitle {
      margin-top: 0.5em; } }

.siteheader .hero-pricing {
  display: none; }
  @media (min-width: 560px) {
    .siteheader .hero-pricing {
      display: block;
      position: absolute;
      right: 8.11965812%;
      bottom: 0px;
      left: auto; } }

/* Site Specific Image Positions */
@media (min-width: 560px) {
  .siteheader.unternehmen {
    padding-left: 0; } }

@media (min-width: 720px) {
  .siteheader.newsletter .siteheader-image {
    position: absolute;
    bottom: -14px;
    left: 10%; }

  .siteheader.karriere .siteheader-image {
    position: absolute;
    left: 20%; }

  .siteheader.unternehmen .siteheader-image {
    position: absolute;
    left: 0px; }

  .siteheader.expansion .siteheader-image {
    position: absolute;
    bottom: -23px;
    left: 10%;
    width: 150px; }

  .siteheader.geschichte .siteheader-image {
    position: absolute;
    bottom: -14px;
    left: 0px;
    width: 181px; }

  .siteheader.filialfinder .siteheader-image {
    position: absolute;
    bottom: -25px;
    left: 11%; }

  .siteheader.marken .siteheader-image {
    position: absolute;
    bottom: 30px;
    left: 10%; }

  .siteheader.regalkonzepte .siteheader-image {
    position: absolute;
    bottom: -10px;
    left: 0px; }

  .siteheader.foo .siteheader-image {
    position: absolute;
    bottom: 15px;
    left: 10%; }
 }
@media (min-width: 880px) {
  .siteheader.expansion .siteheader-image {
    position: absolute;
    bottom: -37px;
    left: 25%;
    width: auto; }

  .siteheader.geschichte .siteheader-image {
    position: absolute;
    bottom: -22px;
    left: 0px;
    width: auto; }

  .siteheader.unternehmen .siteheader-image {
    position: absolute;
    left: 20%;
    width: auto; }
 }

/* Site Specific Header Styles */
.siteheader.expansion {
  box-shadow: none; }
  @media (min-width: 880px) {
    .siteheader.expansion {
      height: 270px; } }

@media (min-width: 880px) {
  .siteheader.geschichte {
    height: 277px; } }

@media (min-width: 880px) {
  .siteheader.expansion .siteheader-title, .siteheader.geschichte .siteheader-title {
    right: 60px;
    top: 100px; } }

/* @end */
/* ============================================================================= */
/* Breadcrumb */
.l-breadcrumb {
  display: none; }
  @media (min-width: 380px) {
    .l-breadcrumb {
      display: block;
      margin: 8px 0 6px; } }
  @media (min-width: 720px) {
    .l-breadcrumb {
      margin: 20px 0 6px; } }

@media (min-width: 380px) {
  .breadcrumb {
    padding: 0 14px; }
    .breadcrumb.sub {
      padding: 7px 0 0; } }
@media (min-width: 960px) {
  .breadcrumb {
    padding: 0; } }

.zweispaltig .breadcrumb {
  padding: 0; }

.breadcrumb-title {
  display: inline-block;
  line-height: 22px;
  float: left;
  margin-right: 20px; }

.breadcrumb-items {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: inline-block; }
  .breadcrumb-items > li {
    display: inline;
    float: left; }
    .breadcrumb-items > li:last-child {
      margin-right: 0px; }
    .breadcrumb-items > li > a {
      display: inline-block; }
  .breadcrumb-items li {
    line-height: 22px;
    padding: 0 0 0 15px;
    background: transparent url(../img/breadcrumb-arrow.png) left center no-repeat;
    margin: 0 10px 0 0; }
  .breadcrumb-items a {
    text-decoration: underline;
    color: #707070; }
    .breadcrumb-items a:hover {
      text-decoration: none; }
  .breadcrumb-items span {
    font-weight: bold; }

/* ============================================================================= */
/* @group Priorities */
.priorities {
  font-size: 0; }

.priorities li {
  font-size: 11px;
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #D6D6D6;
  /* @media (min-width: $widest) {
		width: 33.33%;
	} */ }
  @media (min-width: 320px) {
    .priorities li {
      margin: 0; }
      .priorities li:nth-of-type(1n) {
        border-right: 1px solid #D6D6D6; } }
  @media (min-width: 820px) {
    .priorities li {
      font-size: 12px; } }
  @media (min-width: 980px) {
    .priorities li {
      width: 25%;
      font-size: 12px;
      line-height: 19px; } }
  .priorities li a {
    display: inline-block;
    width: 100%;
    background: #004b90;
    color: #fff;
    text-decoration: none;
    padding: 10px; }
    @media (min-width: 320px) {
      .priorities li a {
        padding: 16px 0;
        text-align: center; } }
  .priorities li .priorities-title {
    color: #fff;
    font-size: 14px;
    margin: 0; }
    @media (min-width: 320px) {
      .priorities li .priorities-title {
        text-transform: uppercase;
        font-weight: normal;
        font-size: 18px; } }
  .priorities li .priorities-icon {
    display: none; }
    @media (min-width: 610px) {
      .priorities li .priorities-icon {
        display: inline-block;
        width: 58px;
        height: 58px;
        margin-top: 16px; } }
    @media (min-width: 880px) {
      .priorities li .priorities-icon {
        width: 77px;
        height: 77px; } }
  .priorities li .priorities-text {
    color: #fff;
    display: none; }
    @media (min-width: 720px) {
      .priorities li .priorities-text {
        display: block;
        padding: 0 20px; }
        .priorities li .priorities-text p {
          display: inline-block; }
          @media (min-width: 880px) {
            .priorities li .priorities-text p {
              max-width: 230px; } } }

@media (min-width: 980px) {
  .priorities--without-link li {
    width: 33.333333333%;
    font-size: 12px;
    line-height: 19px; } }

.priorities--grey li {
  border-color: #FFF !important; }
  .priorities--grey li a {
    background: #808080;
    color: #FFF; }
  .priorities--grey li .priorities-text {
    color: #FFF; }
  .priorities--grey li .priorities-title {
    color: #FFF; }

@media only screen and (min-width: 720px) and (max-width: 880px) {
  .priorities li:nth-of-type(1n) {
    vertical-align: bottom; } }
@media only screen and (min-width: 720px) and (max-width: 880px) {
  .priorities li a {
    height: 190px; } }

.priorities img {
  -webkit-transition: 0.3s;
  transition: 0.3s; }
  .priorities img:hover {
    background-color: #004b90; }

/* @end */
/* ============================================================================= */
/* @group Categories */
@media (min-width: 640px) {
  .categories .module-title {
    display: none; } }

.categories-listing {
  border-left: 1px solid #D6D6D6;
  margin: 0; }

.categories-item {
  position: relative; }
  @media (max-width: 280px) {
    .categories-item {
      text-align: center; } }
  .categories-item img {
    margin-bottom: 30px; }
    @media (min-width: 280px) {
      .categories-item img {
        float: left;
        min-width: 100%; } }
  .articlelist .categories-item .article-item-nav {
    text-transform: uppercase; }
    .articlelist .categories-item .article-item-nav a {
      font-size: 12px;
      line-height: 14px;
      color: #707070;
      text-decoration: none;
      font-weight: bold; }
      .articlelist .categories-item .article-item-nav a:hover {
        color: #353535; }
      .articlelist .categories-item .article-item-nav a.notepad {
        display: none; }
        @media (min-width: 880px) {
          .articlelist .categories-item .article-item-nav a.notepad {
            display: inline; } }
        .articlelist .categories-item .article-item-nav a.notepad:before {
          content: "";
          position: relative;
          height: 17px;
          width: 5px;
          background: transparent url(../img/bullet.png) 0 10px no-repeat;
          margin-right: 5px;
          display: inline-block; }
      .articlelist .categories-item .article-item-nav a.show-details span {
        display: none; }
        @media (min-width: 880px) {
          .articlelist .categories-item .article-item-nav a.show-details span {
            display: inline; } }
  .articlelist .categories-item .ein-euro {
    display: none; }
    @media (min-width: 1200px) {
      .articlelist .categories-item .ein-euro {
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        background: #004b90;
        width: 34px;
        height: 34px;
        color: #FFF;
        font-size: 12px;
        line-height: 34px;
        text-align: center; } }
  .articlelist .categories-item:hover .ein-euro {
    background: #707070; }

.categories-item-linkwrap {
  display: block;
  width: 100%;
  color: #949494;
  text-decoration: none;
  border-right: 1px solid #D6D6D6;
  border-bottom: 1px solid #D6D6D6;
  position: relative;
  *zoom: 1; }
  .categories-item-linkwrap:before, .categories-item-linkwrap:after {
    content: " ";
    display: table; }
  .categories-item-linkwrap:after {
    clear: both; }
  .categories-item-linkwrap.leftBorder {
    border-left: 1px solid #D6D6D6; }
  .categories-item-linkwrap:hover .categories-item-title {
    color: #515151; }
  @media (max-width: 540px) {
    .categories-item-linkwrap:nth-of-type(2n) {
      border-right: none; } }
  @media (max-width: 540px) {
    .categories-item-linkwrap:nth-of-type(4n) {
      border-right: none; } }
  .categories-item-linkwrap img {
    padding: 15%;
    margin-top: 42px; }
    .articlelist .categories-item-linkwrap img {
      margin-top: 0; }
  .categories-item-linkwrap h3 {
    position: absolute;
    width: 90%;
    background: #FFF; }
  .articlelist .categories-item-linkwrap {
    text-align: center; }
  #produktlisting-slider .categories-item-linkwrap {
    border-bottom: none; }

@media (min-width: 640px) {
  .categories-item-title {
    margin: 24px 0 0 12px; } }

/* @end */
/* ============================================================================= */
/* @group Sidebar */
.sbteaser {
  *zoom: 1;
  background: #F2F2F2;
  padding: 20px;
  margin: 0 0 24px 0;
  position: relative;
  clear: both; }
  .sbteaser:before, .sbteaser:after {
    content: " ";
    display: table; }
  .sbteaser:after {
    clear: both; }
  @media (max-width: 320px) {
    .sbteaser {
      padding: 10px; } }
  @media (min-width: 560px) {
    .sbteaser {
      padding: 20px 14px; } }
  @media (min-width: 880px) {
    .sbteaser {
      padding: 20px; } }
  @media (min-width: 560px) {
    .sbteaser.with-image {
      padding-bottom: 0; } }

.sbteaser.support {
  clear: both; }

.sbteaser.support .cta:before {
  background-image: url(../img/icon-button-contact.svg); }

@media (min-width: 560px) and (max-width: 604px) {
  .sbteaser.kontakt .cta {
    height: auto; } }

.sbteaser.kontakt .cta:before {
  background-image: url(../img/icon-button-phone.svg); }

.sbteaser.teaser-register .cta:before {
  background-image: url(../img/icon-key.png); }

.sbteaser-title {
  margin-top: 0; }
  .sbteaser-title a {
    text-decoration: none; }

.sbteaser-img {
  display: none; }
  @media (min-width: 320px) {
    .sbteaser-img {
      display: block;
      width: 20%;
      position: absolute;
      right: 0px;
      bottom: 0px; } }
  @media (min-width: 560px) {
    .sbteaser-img {
      width: 100%;
      margin: 20px auto 0;
      position: static; } }
  .sbteaser-img img {
    display: block; }
    @media (min-width: 560px) {
      .sbteaser-img img {
        margin: 0 auto; } }

.sbteaser-text {
  color: black; }
  .sbteaser-text a {
    color: #707070;
    text-decoration: none; }
    .sbteaser-text a:hover {
      color: #515151; }

@media (min-width: 320px) and (max-width: 560px) {
  .with-image .sbteaser-text {
    width: 80%; } }

@media (min-width: 640px) {
  .sbteaser .cta {
    float: right;
    margin-top: 10px; } }

.sbteaser.with-image.expansion a {
  text-decoration: none; }
.sbteaser.with-image.expansion a:hover {
  color: #000000; }

.sbteaser.with-image.expansion .sbteaser-text a {
  color: #707070; }
.sbteaser.with-image.expansion .sbteaser-text a:hover {
  color: #000; }

.sortiment-teaser .sbteaser-img img {
  display: none !important; }
  @media (min-width: 560px) {
    .sortiment-teaser .sbteaser-img img {
      display: block !important; } }

.error {
  /* Standard-Klasse für "Anmeldung fehlgeschlagen"-Meldung */
  color: #004b90; }

/* @end */
/* ============================================================================= */
/* @group Articles */
.article-item {
  *zoom: 1;
  border-bottom: 1px solid #D6D6D6;
  padding: 15px; }
  .article-item:before, .article-item:after {
    content: " ";
    display: table; }
  .article-item:after {
    clear: both; }
  @media (min-width: 560px) {
    .article-item {
      padding: 20px 0 20px; } }

.article-item-image {
  margin: 0 0 10px;
  text-align: center; }
  @media (min-width: 320px) {
    .article-item-image {
      float: left;
      width: 40%;
      margin: 0 20px 0 0; } }

.article-item-content {
  overflow: hidden; }
  @media (min-width: 720px) {
    .article-item-content {
      padding: 20px 0 0;
      position: relative; } }

@media (min-width: 1100px) {
  .article-item-meta {
    width: 60%;
    float: left; } }

.article-item-title {
  text-transform: none;
  margin: 0 0 6px; }
  .article-item-title a {
    color: #707070;
    text-decoration: none; }
    .article-item-title a:hover {
      text-decoration: underline; }

/*
.article-item-nav {
	@extend .list-reset;

	margin: 10px 0 0;

	// @media (min-width: $normal) {
	// 	float: right;
	// 	width: 150px;
	// 	margin: 0;
	// }

	@media (min-width: $wide) {
	}

	a {
		color: $text-color;
		text-decoration: none;

		&.show-details {
			color: $mainColor;
		}

		&:hover {
			text-decoration: underline;
		}
	}

	@media (min-width: 1100px) {
		float: right;
		font-size: 14px;
		margin: 0;
	}
}

.article-item-content .delete-item {
	@media (min-width: 1100px) {
		@include position(absolute, 20px 0px 0 0);
	}
}
*/
.article-item-nav {
  position: absolute;
  left: 20px;
  bottom: 15px;
  width: 85%;
  text-align: center; }
  .article-item-nav li {
    width: 100%; }
    .article-item-nav li a {
      display: block; }

/* @end */
/* ============================================================================= */
/* @group Productdetails */
@media (min-width: 720px) {
  .product {
    padding-top: 30px; } }

.product-details {
  *zoom: 1; }
  .product-details:before, .product-details:after {
    content: " ";
    display: table; }
  .product-details:after {
    clear: both; }

.product-image {
  position: relative;
  margin-bottom: 24px;
  text-align: center; }
  @media (min-width: 720px) {
    .product-image {
      width: 65%;
      float: left;
      padding-right: 20px; } }

.product-pricing {
  width: 70px;
  position: absolute;
  left: 0;
  bottom: 0; }

@media (min-width: 720px) {
  .product-meta {
    overflow: hidden; } }

.product-title {
  color: #707070;
  font-size: 21px;
  line-height: 24px;
  margin: 0 0 18px; }

.product-subtitle {
  font-size: 12px;
  font-weight: bold; }

.product-attributes {
  margin: 0 0 36px; }
  .product-attributes li {
    min-height: 17px;
    background: transparent url(../img/bg-list-item.svg) 0 7px no-repeat;
    background-size: 1px 1px;
    padding: 0 0 0 10px; }

.product-cta a {
  width: 160px;
  text-align: center;
  margin: 0 0 8px; }

.product-description {
  clear: both;
  margin-bottom: 20px; }

/* ============================================================================= */
/* @group News */
@media (min-width: 560px) {
  .news {
    display: none; } }

.news-item {
  margin: 16px 0 30px; }

.news-item-date {
  color: #808080;
  margin: 0; }

.news-item-title {
  color: #707070;
  font-weight: bold;
  margin: 5px 0 0; }

.news-item-content {
  margin: 5px 0 0; }

.news-item-content p {
  margin: 0; }

/* @end */
/* ============================================================================= */
/* @group Teaser */
.teaser {
  clear: both; }
  .teaser.sub {
    margin-top: 50px; }
    @media (min-width: 560px) {
      .teaser.sub {
        padding: 38px 0 0;
        border-top: 1px solid #D6D6D6; } }
  @media (min-width: 960px) {
    .teaser {
      margin: 0; } }
  .teaser a {
    display: block;
    color: #707070;
    text-decoration: none;
    padding: 12px 0; }

.teaser-box {
  position: relative;
  border-bottom: 1px solid #D6D6D6; }
  @media (min-width: 960px) {
    .teaser-box {
      border: none; } }
  .teaser-box:hover .teaser-title {
    color: #515151; }

.teaser-title {
  margin: 0;
  font-size: 13px;
  color: #707070;
  text-transform: uppercase;
  padding: 0 0 0 10px; }
  @media (min-width: 420px) {
    .teaser-title {
      font-size: 15px;
      margin-bottom: 0; } }
  @media (min-width: 720px) {
    .teaser-title {
      font-size: 16px; } }
  @media (min-width: 960px) {
    .teaser-title {
      font-size: 21px; } }

.teaser-text {
  padding: 0 0 0 10px;
  width: 60%; }
  @media (min-width: 420px) {
    .teaser-text {
      width: 100%;
      padding: 0 10px; } }

.teaser-img {
  width: 35%;
  position: absolute;
  right: 0;
  bottom: 0;
  text-align: center; }
  @media (min-width: 420px) {
    .teaser-img {
      width: 60%;
      right: 20%; } }
  .teaser-img img {
    display: inline-block;
    vertical-align: bottom; }
  @media (min-width: 960px) {
    .teaser-img {
      width: 100%;
      right: 0; } }

@media (min-width: 1200px) {
  .ausbildung img {
    max-width: 110%; } }

/* ============================================================================= */
/* @group Navigation */
.navigation-narrow {
  display: block; }
  @media (min-width: 560px) {
    .navigation-narrow {
      display: none; } }

.navigation-wide {
  display: none; }
  @media (min-width: 560px) {
    .navigation-wide {
      display: block; } }

.l-navigation {
  margin: 0 0 20px; }
  @media (min-width: 560px) {
    .l-navigation {
      margin: 14px 10px 0; } }
  @media (min-width: 720px) {
    .l-navigation {
      margin: 34px 0 0; } }
  @media (min-width: 820px) {
    .l-navigation {
      margin: 61px 0 8px; } }

.nav-main {
  *zoom: 1;
  border-top: 6px solid #CDCDCD;
  border-bottom: 6px solid #CDCDCD;
  position: relative; }
  .nav-main:before, .nav-main:after {
    content: " ";
    display: table; }
  .nav-main:after {
    clear: both; }
  @media (min-width: 560px) {
    .nav-main {
      list-style-type: none;
      padding: 0;
      margin: 0;
      border: none; }
      .nav-main > li {
        display: inline;
        float: left; }
        .nav-main > li:last-child {
          margin-right: 0px; }
        .nav-main > li > a {
          display: inline-block; } }
  @media (min-width: 720px) {
    .nav-main {
      text-align: center;
      font-size: 0; }
      .nav-main > li {
        display: inline-block;
        float: none; } }
  .nav-main li:last-child a {
    border-bottom: none; }

@media (min-width: 560px) and (max-width: 719px) {
  .level_1 > li {
    margin-right: 16px; } }

.nav-main .navigation-item {
  display: block;
  background: #F6F6F6;
  line-height: 44px;
  height: 44px;
  border-bottom: 2px solid #fff;
  padding: 0 2%;
  color: #707070;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold; }
  @media (min-width: 560px) {
    .nav-main .navigation-item {
      background: none;
      font-size: 12px;
      height: auto;
      line-height: inherit;
      border-bottom: none;
      padding: 11px 0; } }
  @media (min-width: 720px) {
    .nav-main .navigation-item {
      font-size: 13px;
      padding: 14px; } }
  @media (min-width: 820px) {
    .nav-main .navigation-item {
      font-size: 14px;
      margin: 0 8px; } }
  @media (min-width: 880px) {
    .nav-main .navigation-item {
      padding: 22px 22px;
      margin: 0 2px; } }
  @media (min-width: 1200px) {
    .nav-main .navigation-item {
      font-size: 15px; } }
  @media (min-width: 1200px) {
    .nav-main .navigation-item {
      padding: 24px 28px; } }
  .nav-main .navigation-item:hover {
    color: #515151; }
  .nav-main .navigation-item.is-active {
    color: #fff;
    background: #004b90; }
    @media (min-width: 560px) {
      .nav-main .navigation-item.is-active {
        background: transparent;
        color: #707070;
        text-decoration: underline; } }
    @media (min-width: 960px) {
      .nav-main .navigation-item.is-active {
        text-decoration: none; } }

.nav-main .sortiment .navigation-item {
  position: relative; }
  @media (min-width: 880px) {
    .nav-main .sortiment .navigation-item:after {
      content: "";
      display: block;
      width: 17px;
      height: 16px;
      background: #004b90 url(../img/down-arrow.png) center center no-repeat;
      position: absolute;
      top: 23px;
      right: 0px; } }
  @media (min-width: 1200px) {
    .nav-main .sortiment .navigation-item:after {
      top: 25px; } }

@media (min-width: 560px) {
  .nav-main .sortiment.not-active:hover .navigation-item {
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.3);
    background: white; }
    .nav-main .sortiment.not-active:hover .navigation-item:before {
      content: "";
      position: absolute;
      bottom: 0px;
      left: 0px;
      height: 10px;
      width: 100%;
      display: block;
      background: white;
      z-index: 4; }
    .nav-main .sortiment.not-active:hover .navigation-item:after, .nav-main .sortiment.not-active:hover .navigation-item.is-active:after {
      display: none; } }
@media (min-width: 560px) and (max-width: 720px) {
  .nav-main .sortiment.not-active:hover .navigation-item {
    padding: 11px; } }

@media (min-width: 560px) {
  .lt-ie9 .nav-main .sortiment.not-active:hover .navigation-item {
    border: 1px solid #D6D6D6;
    border-bottom: none;
    top: -1px; } }

.mod_sitemap.nav-subnavigation {
  display: block; }
.mod_sitemap ul {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0; }
  .mod_sitemap ul .submenu {
    padding: 0; }
  .mod_sitemap ul a.submenu {
    padding: 7px 0 0 12px;
    background-size: 1px 1px; }
  .mod_sitemap ul ul {
    padding: 0px 0px 0px 30px; }

.product-dropdown-container {
  display: none; }
  @media (min-width: 560px) {
    .product-dropdown-container {
      position: absolute;
      top: 44px;
      left: -9999px;
      box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.3);
      display: block;
      width: 100%;
      background: white;
      z-index: 3;
      text-align: left;
      padding: 20px; } }
  @media (min-width: 560px) {
    .product-dropdown-container {
      top: 39px; } }
  @media (min-width: 720px) {
    .product-dropdown-container {
      top: 53px; } }
  @media (min-width: 880px) {
    .product-dropdown-container {
      top: 61px;
      padding: 50px 40px; } }
  @media (min-width: 1200px) {
    .product-dropdown-container {
      top: 65px; } }

@media (min-width: 560px) {
  .lt-ie9 .product-dropdown-container {
    border: 1px solid #D6D6D6; } }

.nav-main .sortiment.not-active:hover .product-dropdown-container {
  left: 0; }

.product-dropdown {
  border-top: 1px solid #D6D6D6; }

.product-dropdown li {
  display: inline-block;
  border-bottom: 1px solid #D6D6D6;
  width: 50%; }
  @media (min-width: 720px) {
    .product-dropdown li {
      width: 25%; } }

.product-dropdown a {
  display: block;
  color: #707070;
  text-decoration: none;
  position: relative;
  overflow: hidden; }
  @media (min-width: 880px) {
    .product-dropdown a:before {
      content: "";
      display: block;
      width: 1px;
      height: 1px;
      background: #707070;
      position: absolute;
      top: 10px;
      left: 0px; } }
  .product-dropdown a:hover {
    background: #004b90;
    color: white;
    font-weight: bold; }
  .product-dropdown a:hover:before {
    display: none; }

.product-dropdown .navigation-image {
  width: 56px;
  height: 56px;
  float: left;
  background: #F6F6F6;
  margin: 7px; }
  @media (min-width: 880px) {
    .product-dropdown .navigation-image {
      margin: 7px 14px; } }

.product-dropdown a:hover .navigation-image {
  border: 3px solid white; }

.product-dropdown .navigation-text {
  display: block;
  overflow: hidden;
  margin-top: 4px;
  word-wrap: break-word; }

/* @end */
/* ============================================================================= */
/* Career */
.career-listing-item {
  border-bottom: 1px solid #D6D6D6;
  padding: 10px 0; }

.career-listing-item a {
  color: #004b90;
  text-decoration: none; }
  .career-listing-item a:hover {
    text-decoration: underline; }

.career-details-cta {
  margin: 20px 0; }

.career-details-cta .btn, .career-details-cta .show-branch-details {
  margin: 0 4px 8px 0; }

/* ============================================================================= */
/* @group Expansion */
#expansion-ankernavigation {
  background: url(../img/anchor-bg.jpg); }

@media (min-width: 1251px) {
  .expansion {
    background-image: url(../img/slider-bg.png);
    background-position: center -30px, center 0;
    background-repeat: no-repeat; }
 }

@media (min-width: 960px) {
  .expansion .hero-wrap {
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.5); } }

.nav-anchor ul {
  border-top: 1px solid #D6D6D6;
  padding-bottom: 14px;
  margin-bottom: 14px; }
  @media (min-width: 880px) {
    .nav-anchor ul {
      padding-bottom: 22px;
      margin-bottom: 20px; } }
  @media (max-width: 560px) {
    .nav-anchor ul {
      display: none; } }

.nav-anchor ul li {
  font-size: 12px;
  width: 33.33%;
  text-align: center;
  padding: 14px 2% 0;
  border-right: 1px solid #D6D6D6; }
  .nav-anchor ul li:last-child {
    border-right: none; }

.nav-anchor a {
  display: inline-block;
  color: #707070; }
  @media (max-width: 640px) {
    .nav-anchor a:hover {
      color: #004b90; }
 }
  @media (min-width: 640px) {
    .nav-anchor a {
      text-decoration: none;
      padding-top: 25px;
      background: transparent url("../img/bg-nav-anchor-item.png") center -257px no-repeat; }
      .nav-anchor a:hover {
        background-position: center top; } }

.expansion .main-content .mod_article, .aktionen .main-content .mod_article {
  border-top: 1px solid #D6D6D6;
  margin: 0; }
  .expansion .main-content .mod_article:first-child, .aktionen .main-content .mod_article:first-child {
    margin-top: 20px; }
  .expansion .main-content .mod_article:last-child, .aktionen .main-content .mod_article:last-child {
    border-bottom: 1px solid #D6D6D6; }
.expansion .main-content .col-group-item h1:first-child, .expansion .main-content .product-dropdown li h1:first-child, .product-dropdown .expansion .main-content li h1:first-child, .expansion .main-content .nav-anchor ul li h1:first-child, .nav-anchor ul .expansion .main-content li h1:first-child, .expansion .main-content .col-group-item h2:first-child, .expansion .main-content .product-dropdown li h2:first-child, .product-dropdown .expansion .main-content li h2:first-child, .expansion .main-content .nav-anchor ul li h2:first-child, .nav-anchor ul .expansion .main-content li h2:first-child, .expansion .main-content .col-group-item h3:first-child, .expansion .main-content .product-dropdown li h3:first-child, .product-dropdown .expansion .main-content li h3:first-child, .expansion .main-content .nav-anchor ul li h3:first-child, .nav-anchor ul .expansion .main-content li h3:first-child, .expansion .main-content .col-group-item p:first-child, .expansion .main-content .product-dropdown li p:first-child, .product-dropdown .expansion .main-content li p:first-child, .expansion .main-content .nav-anchor ul li p:first-child, .nav-anchor ul .expansion .main-content li p:first-child, .aktionen .main-content .col-group-item h1:first-child, .aktionen .main-content .product-dropdown li h1:first-child, .product-dropdown .aktionen .main-content li h1:first-child, .aktionen .main-content .nav-anchor ul li h1:first-child, .nav-anchor ul .aktionen .main-content li h1:first-child, .aktionen .main-content .col-group-item h2:first-child, .aktionen .main-content .product-dropdown li h2:first-child, .product-dropdown .aktionen .main-content li h2:first-child, .aktionen .main-content .nav-anchor ul li h2:first-child, .nav-anchor ul .aktionen .main-content li h2:first-child, .aktionen .main-content .col-group-item h3:first-child, .aktionen .main-content .product-dropdown li h3:first-child, .product-dropdown .aktionen .main-content li h3:first-child, .aktionen .main-content .nav-anchor ul li h3:first-child, .nav-anchor ul .aktionen .main-content li h3:first-child, .aktionen .main-content .col-group-item p:first-child, .aktionen .main-content .product-dropdown li p:first-child, .product-dropdown .aktionen .main-content li p:first-child, .aktionen .main-content .nav-anchor ul li p:first-child, .nav-anchor ul .aktionen .main-content li p:first-child {
  margin-top: 0; }
.expansion .main-content .col-group-item, .expansion .main-content .product-dropdown li, .product-dropdown .expansion .main-content li, .expansion .main-content .nav-anchor ul li, .nav-anchor ul .expansion .main-content li, .aktionen .main-content .col-group-item, .aktionen .main-content .product-dropdown li, .product-dropdown .aktionen .main-content li, .aktionen .main-content .nav-anchor ul li, .nav-anchor ul .aktionen .main-content li {
  padding: 20px 10px; }
  @media (min-width: 640px) {
    .expansion .main-content .col-group-item, .expansion .main-content .product-dropdown li, .product-dropdown .expansion .main-content li, .expansion .main-content .nav-anchor ul li, .nav-anchor ul .expansion .main-content li, .aktionen .main-content .col-group-item, .aktionen .main-content .product-dropdown li, .product-dropdown .aktionen .main-content li, .aktionen .main-content .nav-anchor ul li, .nav-anchor ul .aktionen .main-content li {
      padding: 20px; } }
  @media (min-width: 720px) {
    .expansion .main-content .col-group-item, .expansion .main-content .product-dropdown li, .product-dropdown .expansion .main-content li, .expansion .main-content .nav-anchor ul li, .nav-anchor ul .expansion .main-content li, .aktionen .main-content .col-group-item, .aktionen .main-content .product-dropdown li, .product-dropdown .aktionen .main-content li, .aktionen .main-content .nav-anchor ul li, .nav-anchor ul .aktionen .main-content li {
      padding: 25px; } }
  @media (min-width: 880px) {
    .expansion .main-content .col-group-item, .expansion .main-content .product-dropdown li, .product-dropdown .expansion .main-content li, .expansion .main-content .nav-anchor ul li, .nav-anchor ul .expansion .main-content li, .aktionen .main-content .col-group-item, .aktionen .main-content .product-dropdown li, .product-dropdown .aktionen .main-content li, .aktionen .main-content .nav-anchor ul li, .nav-anchor ul .aktionen .main-content li {
      padding: 40px; } }
@media (min-width: 980px) {
  .expansion .main-content .col-50 .col-group-item, .expansion .main-content .col-50 .product-dropdown li, .product-dropdown .expansion .main-content .col-50 li, .expansion .main-content .col-50 .nav-anchor ul li, .nav-anchor ul .expansion .main-content .col-50 li, .aktionen .main-content .col-50 .col-group-item, .aktionen .main-content .col-50 .product-dropdown li, .product-dropdown .aktionen .main-content .col-50 li, .aktionen .main-content .col-50 .nav-anchor ul li, .nav-anchor ul .aktionen .main-content .col-50 li {
    padding: 40px 0; }
    .expansion .main-content .col-50 .col-group-item:first-child, .expansion .main-content .col-50 .product-dropdown li:first-child, .product-dropdown .expansion .main-content .col-50 li:first-child, .expansion .main-content .col-50 .nav-anchor ul li:first-child, .nav-anchor ul .expansion .main-content .col-50 li:first-child, .aktionen .main-content .col-50 .col-group-item:first-child, .aktionen .main-content .col-50 .product-dropdown li:first-child, .product-dropdown .aktionen .main-content .col-50 li:first-child, .aktionen .main-content .col-50 .nav-anchor ul li:first-child, .nav-anchor ul .aktionen .main-content .col-50 li:first-child {
      padding-right: 40px; }
    .expansion .main-content .col-50 .col-group-item:last-child, .expansion .main-content .col-50 .product-dropdown li:last-child, .product-dropdown .expansion .main-content .col-50 li:last-child, .expansion .main-content .col-50 .nav-anchor ul li:last-child, .nav-anchor ul .expansion .main-content .col-50 li:last-child, .aktionen .main-content .col-50 .col-group-item:last-child, .aktionen .main-content .col-50 .product-dropdown li:last-child, .product-dropdown .aktionen .main-content .col-50 li:last-child, .aktionen .main-content .col-50 .nav-anchor ul li:last-child, .nav-anchor ul .aktionen .main-content .col-50 li:last-child {
      padding-left: 40px; } }

@media (min-width: 420px) {
  .image-right {
    text-align: right;
    padding-right: 0 !important; } }

.euro-badge {
  position: relative; }
  @media (min-width: 880px) {
    .euro-badge {
      padding-bottom: 20px; }
      .euro-badge:after {
        content: "";
        display: block;
        background: transparent url(../img/ein-euro.svg) left top no-repeat;
        width: 90px;
        height: 90px;
        position: absolute;
        bottom: -1px;
        left: 300px; }
      .euro-badge.mitmachen-und-gewinnen:after {
        left: 400px; } }

@media (min-width: 420px) {
  w .stats {
    text-align: center; } }
w .stats p {
  margin: 0 0 10px; }
  @media (min-width: 720px) {
    w .stats p {
      margin: 0 0 20px; } }
  @media (min-width: 640px) {
    w .stats p {
      margin: 0 0 44px; } }
  w .stats p:last-child {
    margin: 0; }
w .stats strong {
  font-size: 21px;
  line-height: 1em;
  margin-bottom: 0.1em;
  display: inline-block;
  color: #707070; }
  @media (min-width: 720px) {
    w .stats strong {
      font-size: 28px; } }
  @media (min-width: 640px) {
    w .stats strong {
      font-size: 38px; } }

@media (min-width: 720px) {
  .checklist ul {
    background: #F6F6F6;
    color: #707070;
    padding: 30px; } }

.checklist li {
  font-size: 14px;
  background: transparent url(../img/icon-checkmark-small.png) 0 0 no-repeat;
  margin: 14px 0;
  font-weight: bold;
  padding: 2px 0 4px 30px; }
  .checklist li:first-child {
    margin-top: 0; }
  .checklist li:last-child {
    margin-bottom: 0; }
  @media (min-width: 720px) {
    .checklist li {
      font-size: 16px;
      background: transparent url(../img/icon-checkmark.png) 0 0 no-repeat;
      margin: 20px 0;
      padding: 7px 0 7px 40px; } }

.spass-einkaufen {
  position: relative; }
  @media (min-width: 640px) {
    .spass-einkaufen {
      padding: 0 20px; } }
  @media (min-width: 720px) {
    .spass-einkaufen {
      padding: 0 25px; } }
  @media (min-width: 880px) {
    .spass-einkaufen {
      padding: 0 40px; } }
  @media (min-width: 980px) {
    .spass-einkaufen {
      padding: 0; } }

.spass-einkaufen blockquote, .preisempfehlung blockquote {
  background: transparent url(../img/bg-quotes.png) left top no-repeat;
  padding-left: 80px; }
  @media (min-width: 560px) {
    .spass-einkaufen blockquote, .preisempfehlung blockquote {
      padding-left: 100px;
      max-width: 420px; } }
  @media (min-width: 720px) {
    .spass-einkaufen blockquote, .preisempfehlung blockquote {
      position: absolute;
      top: 0px;
      right: 0px;
      width: 275px;
      font-size: 11px !important;
      padding: 50px 0 0 75px; } }
  @media (min-width: 880px) {
    .spass-einkaufen blockquote, .preisempfehlung blockquote {
      top: 80px; } }

@media (min-width: 880px) {
  .mitmachen-und-gewinnen blockquote {
    background: transparent url(../img/bg-quotes.png) left top no-repeat;
    padding-left: 100px;
    max-width: 420px;
    width: 275px;
    font-size: 11px !important;
    padding: 50px 0 0 75px; }
 }

.spass-einkaufen img {
  display: block;
  margin: 0 auto; }

@media (min-width: 640px) {
  .spass-einkaufen h1, .preisempfehlung h1 {
    font-size: 44px; } }
@media (min-width: 640px) {
  .spass-einkaufen h1 strong, .preisempfehlung h1 strong {
    font-size: 25px;
    padding-left: 40px;
    color: #707070;
    font-weight: normal;
    display: block;
    margin-top: 10px; } }
@media (min-width: 980px) {
  .spass-einkaufen h1, .preisempfehlung h1 {
    margin: 50px 0 0 50px; } }

.main .mod_article.spass-einkaufen .ce_text {
  margin-bottom: 0; }

.testimonials {
  padding: 20px 10px;
  font-size: 0; }
  @media (min-width: 640px) {
    .testimonials {
      padding: 20px; } }
  @media (min-width: 720px) {
    .testimonials {
      padding: 25px; } }
  @media (min-width: 880px) {
    .testimonials {
      padding: 40px; } }
  @media (min-width: 980px) {
    .testimonials {
      padding: 30px 0; } }

.testimonials h2 {
  margin-top: 0; }

.testimonials .ce_text {
  font-size: 12px; }
  @media (min-width: 320px) {
    .testimonials .ce_text {
      display: inline-block;
      width: 50%;
      vertical-align: top; } }
  @media (min-width: 320px) and (max-width: 640px) {
    .testimonials .ce_text:nth-of-type(odd) {
      padding-right: 10px; }

    .testimonials .ce_text:nth-of-type(even) {
      padding-left: 10px; }
 }
  @media (min-width: 640px) {
    .testimonials .ce_text {
      width: 25%; }
      .testimonials .ce_text:nth-of-type(1) {
        padding-right: 10px; }
      .testimonials .ce_text:nth-of-type(2), .testimonials .ce_text:nth-of-type(3) {
        padding: 0 10px; }
      .testimonials .ce_text:nth-of-type(4) {
        padding-left: 10px; } }

.expansion .filialen p img {
  display: inline-block;
  margin: 0 10px 10px 0; }
  @media (min-width: 720px) {
    .expansion .filialen p img {
      margin: 20px 20px 0 0; } }

.expansion .map {
  *zoom: 1; }
  .expansion .map:before, .expansion .map:after {
    content: " ";
    display: table; }
  .expansion .map:after {
    clear: both; }
  @media (min-width: 560px) {
    .expansion .map {
      padding-top: 40px !important; } }
  @media (min-width: 560px) {
    .expansion .map .image_container {
      width: 40%;
      margin-right: 20px;
      float: left; } }
  @media (min-width: 640px) {
    .expansion .map .image_container {
      width: 50%; } }
  @media (min-width: 720px) {
    .expansion .map .image_container {
      width: 60%; } }
  @media (min-width: 880px) {
    .expansion .map .image_container {
      width: auto; } }

.contactperson ul li {
  background: #004b90;
  color: white;
  padding: 20px;
  margin-bottom: 10px; }

@media (min-width: 640px) {
  .ansprechpartner h1 {
    font-size: 44px; } }
@media (min-width: 640px) {
  .ansprechpartner h1 strong {
    font-size: 25px;
    padding-left: 40px;
    color: #707070;
    font-weight: normal;
    display: block;
    margin-top: 10px; } }
@media (min-width: 980px) {
  .ansprechpartner h1 {
    margin: 50px 0 30px 0; } }

.call-to-action {
  border-bottom: none;
  padding: 40px 10px;
  text-align: center; }
  @media (min-width: 560px) {
    .call-to-action {
      padding: 40px 20px; } }

.call-to-action p {
  font-weight: bold;
  color: #707070;
  font-size: 16px;
  line-height: 1.1em;
  margin: 0 0 20px; }
  @media (min-width: 320px) {
    .call-to-action p {
      font-size: 28px; } }
  @media (min-width: 560px) {
    .call-to-action p {
      font-size: 32px; } }
  @media (min-width: 640px) {
    .call-to-action p {
      font-size: 38px; } }

.call-to-action p a {
  width: 100%; }
  @media (min-width: 560px) {
    .call-to-action p a {
      width: auto; } }

/* ============================================================================= */
/* @group Geschichte */
.timeline {
  position: relative; }
  @media (max-width: 560px) {
    .timeline {
      padding: 0 10px; } }
  .timeline a {
    color: #707070;
    text-decoration: underline; }

.timeline-item {
  border-top: 1px solid #D6D6D6;
  border-left: 1px solid #D6D6D6;
  position: relative;
  padding: 20px; }
  @media (min-width: 420px) {
    .timeline-item {
      padding: 40px 20px; } }
  @media (min-width: 560px) {
    .timeline-item {
      border: none;
      background: transparent url(../img/bg-timeline-divider.png) center top repeat-y;
      padding: 0 20px; } }
  .timeline-item:before {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    background: black;
    border-radius: 100%;
    position: absolute;
    top: -4px;
    left: -4px;
    border: 2px solid white; }
    @media (min-width: 560px) {
      .timeline-item:before {
        left: 50%;
        margin-left: -4px; } }
  .timeline-item.milestone:before {
    background: #004b90; }

@media (min-width: 560px) {
  .timeline-item.base {
    text-align: center;
    border: none;
    background: white; } }
.timeline-item.base h1 {
  font-size: 21px;
  line-height: 1em;
  margin-top: 0; }
  @media (min-width: 560px) {
    .timeline-item.base h1 {
      font-size: 28px;
      padding-top: 10px; } }
  @media (min-width: 640px) {
    .timeline-item.base h1 {
      font-size: 32px;
      padding-top: 16px; } }
  @media (min-width: 720px) {
    .timeline-item.base h1 {
      padding-top: 20px;
      font-size: 44px; } }
.timeline-item.base h1 strong {
  font-size: 0.6em;
  line-height: 1em;
  display: block;
  color: #8e8e8e;
  font-weight: normal; }
.timeline-item.base img {
  margin-bottom: 20px; }
  @media (min-width: 560px) {
    .timeline-item.base img {
      display: inline-block; } }
@media (min-width: 560px) {
  .timeline-item.base p {
    max-width: 220px;
    margin: 0 auto; } }

.timeline-item-inner {
  *zoom: 1; }
  .timeline-item-inner:before, .timeline-item-inner:after {
    content: " ";
    display: table; }
  .timeline-item-inner:after {
    clear: both; }

/* Milestone Items */
.milestone-header {
  margin-bottom: 24px; }
  @media (min-width: 560px) {
    .milestone-header {
      background: white;
      text-align: center;
      margin: 0;
      padding: 10px 0 40px; } }
  @media (min-width: 720px) {
    .milestone-header {
      padding-bottom: 60px; } }

.milestone-date {
  display: block;
  font-size: 21px;
  line-height: 1em; }
  @media (min-width: 640px) {
    .milestone-date {
      font-size: 28px; } }
  @media (min-width: 720px) {
    .milestone-date {
      font-size: 32px; } }
  @media (min-width: 880px) {
    .milestone-date {
      font-size: 38px; } }

.milestone-title {
  font-size: 14px;
  margin: 6px 0 0; }

.milestone-icon {
  display: none; }
  @media (min-width: 640px) {
    .milestone-icon {
      display: inline-block;
      width: 40px;
      float: left;
      margin-right: 12px; } }
  @media (min-width: 720px) {
    .milestone-icon {
      width: auto;
      position: relative;
      top: -44px;
      left: 0px; } }

@media (min-width: 640px) {
  .milestone-content-text {
    overflow: hidden; } }
@media (min-width: 720px) {
  .milestone-content-text {
    padding-right: 30px; } }

@media (max-width: 560px) {
  .milestone-narrow {
    *zoom: 1; }
    .milestone-narrow:before, .milestone-narrow:after {
      content: " ";
      display: table; }
    .milestone-narrow:after {
      clear: both; } }
@media (min-width: 560px) {
  .milestone-narrow {
    display: inline; } }

.milestone-wrap {
  *zoom: 1; }
  .milestone-wrap:before, .milestone-wrap:after {
    content: " ";
    display: table; }
  .milestone-wrap:after {
    clear: both; }
  @media (min-width: 560px) {
    .milestone-wrap {
      font-size: 0;
      margin-bottom: 60px; } }
  @media (min-width: 720px) {
    .milestone-wrap {
      margin-bottom: 80px; } }
  @media (min-width: 880px) {
    .milestone-wrap {
      margin-bottom: 120px; } }

@media (min-width: 420px) {
  .milestone-content {
    float: left;
    width: 66%; } }

@media (min-width: 720px) {
  .milestone-content.right {
    padding-right: 40px; } }
@media (min-width: 880px) {
  .milestone-content.right {
    padding-right: 120px; } }

@media (min-width: 560px) {
  .milestone-content.left, .milestone-content.right {
    padding-top: 5%; } }
@media (min-width: 880px) {
  .milestone-content.left, .milestone-content.right {
    padding-top: 80px; } }

.milestone-content p:first-child, .milestone-content blockquote:first-child {
  margin-top: 0; }

.milestone-image {
  width: 40%; }
  @media (min-width: 420px) {
    .milestone-image {
      width: auto;
      overflow: hidden;
      padding-left: 20px; } }
  @media (min-width: 560px) {
    .milestone-image {
      text-align: center;
      background: white;
      padding: 0 20px; } }
  @media (min-width: 560px) {
    .milestone-image img {
      display: inline-block; } }

@media (min-width: 560px) {
  .milestone-grid-item {
    width: 33.333333333%;
    display: inline-block;
    font-size: 11px;
    vertical-align: top;
    float: none; } }
@media (min-width: 980px) {
  .milestone-grid-item {
    font-size: 12px;
    line-height: 19px; } }

/* History Items */
.history-title {
  margin: 0 0 20px; }

.history-images {
  margin-top: 30px; }
  @media (min-width: 640px) {
    .history-images {
      margin-top: 50px; } }

@media (min-width: 560px) {
  .history-item-position {
    width: 50%;
    border-top: 1px solid #D6D6D6;
    padding: 20px 20px 40px; } }
@media (min-width: 720px) {
  .history-item-position {
    padding: 30px 30px 40px; } }
@media (min-width: 880px) {
  .history-item-position {
    padding: 40px 40px 70px; } }

.history_left .history-item-position {
  float: left;
  padding-left: 0; }

.history_right .history-item-position {
  float: right;
  padding-right: 0; }

/* ============================================================================= */
/* @group Filialfinder */
.branches-search {
  *zoom: 1; }
  .branches-search:before, .branches-search:after {
    content: " ";
    display: table; }
  .branches-search:after {
    clear: both; }

.branches-search input[type="text"] {
  width: 100%;
  margin-bottom: 8px; }
  @media (min-width: 320px) {
    .branches-search input[type="text"] {
      display: inline-block;
      width: 75%;
      margin: 0; } }
  @media (min-width: 560px) {
    .branches-search input[type="text"] {
      width: 300px; } }

@media (min-width: 320px) {
  .branches-search input[type="submit"] {
    width: 60px;
    float: right; } }
@media (min-width: 560px) {
  .branches-search input[type="submit"] {
    float: none;
    width: auto; } }

.sr-branches {
  margin-top: 20px; }

.sr-branches #map_canvas {
  display: none; }
  @media (min-width: 560px) {
    .sr-branches #map_canvas {
      height: 300px;
      margin-top: 30px;
      display: block; } }

.branch-item {
  *zoom: 1;
  border-bottom: 1px solid #D6D6D6;
  padding: 10px 0; }
  .branch-item:before, .branch-item:after {
    content: " ";
    display: table; }
  .branch-item:after {
    clear: both; }

@media (min-width: 320px) {
  .branch-info {
    margin: 0;
    float: left;
    width: 80%; } }
@media (min-width: 560px) {
  .branch-info span {
    vertical-align: top; }
 }

.adress {
  text-decoration: none; }
  @media (min-width: 560px) {
    .adress {
      display: inline-block;
      width: 70%;
      padding-right: 10px; } }

.adress-part {
  display: inline-block;
  font-weight: bold;
  color: black; }

.distance {
  display: block; }
  @media (min-width: 560px) {
    .distance {
      display: inline-block; } }

.branch-action {
  margin: 10px 0 0; }
  @media (min-width: 320px) {
    .branch-action {
      width: 20%;
      float: right;
      text-align: right;
      margin: 0; } }

@media (min-width: 560px) {
  .show-branch-details {
    background: none !important;
    color: #004b90 !important;
    text-decoration: underline;
    font-weight: normal;
    padding: 0;
    height: auto;
    line-height: inherit;
    font-size: 11px; }
    .show-branch-details:hover {
      text-decoration: none; } }
@media (min-width: 980px) {
  .show-branch-details {
    font-size: 12px; } }

.branch-details {
  *zoom: 1; }
  .branch-details:before, .branch-details:after {
    content: " ";
    display: table; }
  .branch-details:after {
    clear: both; }

@media (min-width: 820px) {
  .branch-details-adress {
    width: 40%;
    float: left; } }

@media (min-width: 820px) {
  .branch-details-map {
    width: 60%;
    float: right; } }

@media (min-width: 560px) {
  .telephone {
    display: inline-block;
    margin: 10px 0; } }
@media (min-width: 820px) {
  .telephone {
    font-size: 14px;
    margin-top: 20px; } }

.branch-map {
  display: none; }
  @media (min-width: 560px) {
    .branch-map {
      display: block;
      width: 100%;
      height: 280px;
      margin: 20px 0; } }

.detail-actions {
  margin: 10px 0 0; }

.detail-actions .btn, .detail-actions .show-branch-details {
  margin: 10px 10px 0 0; }

@media (min-width: 560px) {
  .detail-actions .call {
    display: none; } }

.opening-hours {
  margin: 20px 0; }
  .opening-hours li {
    padding: 3px 0; }
    @media (min-width: 640px) {
      .opening-hours li {
        padding: 6px 0; } }
  .opening-hours strong, .opening-hours .time {
    display: inline-block; }
  .opening-hours strong {
    width: 80px;
    float: left; }
  .opening-hours .times {
    overflow: hidden; }
  .opening-hours .time {
    margin-right: 10px; }

/* @end */
/* ============================================================================= */
/* @group Aktionen */
body.aktionen.aktionen-haribo, body.aktionen.aktionen-schluempfe {
  background: none; }

@media (min-width: 560px) {
  .aktionen-schluempfe .mitmachen-und-gewinnen .image_container {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 40%; } }

.aktionen-schluempfe .mitmachen-und-gewinnen .ce_text {
  -webkit-transition: margin 0.5s ease-out;
  transition: margin 0.5s ease-out; }
  @media (min-width: 560px) {
    .aktionen-schluempfe .mitmachen-und-gewinnen .ce_text {
      margin-top: 40px; } }
  @media (min-width: 1200px) {
    .aktionen-schluempfe .mitmachen-und-gewinnen .ce_text {
      margin-top: 60px; } }

.aktionen .hero-wrap {
  position: relative; }

.aktionen .hero-wrap img {
  display: block; }

.aktionen-nav {
  width: 100% !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  cursor: pointer;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  @media (min-width: 980px) {
    .aktionen-nav {
      padding: 0 !important; } }

.aktionen-nav ul {
  list-style: none;
  padding-left: 0; }

.aktionen-nav h1 {
  padding-bottom: 0;
  display: inline-block;
  background: #e30b19;
  color: #fff;
  padding: 10px;
  margin-bottom: 0;
  width: 100%; }
  .aktionen-nav h1:after {
    content: "";
    display: inline-block;
    width: 17px;
    height: 16px;
    background: #e30b19 url(../img/down-arrow.png) center center no-repeat;
    position: relative;
    left: 10px; }

.aktionen-nav h3 {
  margin: 0; }

.aktionen-nav ul {
  background: #ededed;
  width: 100%;
  padding: 10px;
  margin-top: 0; }

.aktionen-nav li {
  padding: 2px 0; }

.aktionen-nav a {
  display: block;
  width: 100%;
  text-decoration: none;
  color: #707070; }
  .aktionen-nav a:hover {
    color: #000; }

.aktionen-first-item {
  border: none !important; }

.aktionen-first-item .col-group-item:first-child, .aktionen-first-item .product-dropdown li:first-child, .product-dropdown .aktionen-first-item li:first-child, .aktionen-first-item .nav-anchor ul li:first-child, .nav-anchor ul .aktionen-first-item li:first-child {
  padding-bottom: 0; }
  @media (min-width: 720px) {
    .aktionen-first-item .col-group-item:first-child, .aktionen-first-item .product-dropdown li:first-child, .product-dropdown .aktionen-first-item li:first-child, .aktionen-first-item .nav-anchor ul li:first-child, .nav-anchor ul .aktionen-first-item li:first-child {
      padding-right: 0;
      width: 60%; } }

.aktionen-first-item .col-group-item.image-right, .aktionen-first-item .product-dropdown li.image-right, .product-dropdown .aktionen-first-item li.image-right, .aktionen-first-item .nav-anchor ul li.image-right, .nav-anchor ul .aktionen-first-item li.image-right {
  padding-top: 0; }
  @media (min-width: 420px) {
    .aktionen-first-item .col-group-item.image-right, .aktionen-first-item .product-dropdown li.image-right, .product-dropdown .aktionen-first-item li.image-right, .aktionen-first-item .nav-anchor ul li.image-right, .nav-anchor ul .aktionen-first-item li.image-right {
      padding-top: 20px; } }
  @media (min-width: 720px) {
    .aktionen-first-item .col-group-item.image-right, .aktionen-first-item .product-dropdown li.image-right, .product-dropdown .aktionen-first-item li.image-right, .aktionen-first-item .nav-anchor ul li.image-right, .nav-anchor ul .aktionen-first-item li.image-right {
      padding-left: 0;
      width: 40%;
      padding-bottom: 10px !important; } }

.mod_article.aktionen-slider.block {
  margin: 50px 0;
  border-top: none; }

.preisempfehlung .col-group-item, .preisempfehlung .product-dropdown li, .product-dropdown .preisempfehlung li, .preisempfehlung .nav-anchor ul li, .nav-anchor ul .preisempfehlung li {
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
  border-bottom: 1px solid #D6D6D6; }

.preisempfehlung {
  position: relative; }

.preisempfehlung blockquote {
  top: 30px; }

.preisempfehlung figure img {
  display: block; }

@media (min-width: 880px) {
  .preisempfehlung h1 {
    position: absolute;
    top: 130px;
    left: 20px;
    font-size: 25px; }
 }

.aktionen .categories-item-linkwrap {
  text-align: center; }

.aktionen .slider-headline {
  padding: 0 10px; }
  @media (min-width: 640px) {
    .aktionen .slider-headline {
      padding: 0 20px; } }
  @media (min-width: 720px) {
    .aktionen .slider-headline {
      padding: 0 25px; } }
  @media (min-width: 880px) {
    .aktionen .slider-headline {
      padding: 0 40px; } }
  @media (min-width: 980px) {
    .aktionen .slider-headline {
      padding: 0; } }

.aktionen-slider {
  border-bottom: none !important; }

@media (min-width: 420px) {
  .aktionen-haribo .aktionen-first-item {
    position: relative; } }
.aktionen-haribo .aktionen-first-item .image-right {
  padding-bottom: 0; }
  @media (min-width: 420px) {
    .aktionen-haribo .aktionen-first-item .image-right figure {
      bottom: 0;
      position: absolute; } }
  .aktionen-haribo .aktionen-first-item .image-right img {
    display: block; }
@media (min-width: 420px) {
  .aktionen-haribo .mitmachen-und-gewinnen .col-group-item, .aktionen-haribo .mitmachen-und-gewinnen .product-dropdown li, .product-dropdown .aktionen-haribo .mitmachen-und-gewinnen li, .aktionen-haribo .mitmachen-und-gewinnen .nav-anchor ul li, .nav-anchor ul .aktionen-haribo .mitmachen-und-gewinnen li {
    padding: 0 10px; }
 }
@media (min-width: 880px) {
  .aktionen-haribo .mitmachen-und-gewinnen h1, .aktionen-haribo .mitmachen-und-gewinnen blockquote {
    margin-left: 60%;
    float: left; }

  .aktionen-haribo .mitmachen-und-gewinnen figure {
    position: absolute;
    top: 0;
    left: 0; }

  .aktionen-haribo .mitmachen-und-gewinnen h1 {
    font-family: "AvantGarde-Medium", "AvantGardeGothicITCW01M 731087", sans-serif;
    font-weight: normal;
    font-size: 25px;
    line-height: 34px;
    text-align: left;
    margin-top: 60px !important;
    padding-left: 95px; }

  .aktionen-haribo .mitmachen-und-gewinnen blockquote {
    position: relative;
    top: auto;
    margin-top: -46px;
    padding-top: 41px;
    padding-left: 95px;
    width: 340px; }
 }

.samsung-galaxy .image_container {
  padding-top: 1em !important; }
  @media (min-width: 880px) {
    .samsung-galaxy .image_container {
      padding-top: 15em !important; } }

/* @end */
/* ============================================================================= */
/* @group Karriere */
.karriere .main-content .col-group-item img, .karriere .main-content .product-dropdown li img, .product-dropdown .karriere .main-content li img, .karriere .main-content .nav-anchor ul li img, .nav-anchor ul .karriere .main-content li img {
  border-bottom: 1px solid #D6D6D6; }

/**
 * 280px - $narrow
 */
@media (min-width: 280px) and (max-width: 560px) {
  .karriere .main-content .col-group-item, .karriere .main-content .product-dropdown li, .product-dropdown .karriere .main-content li, .karriere .main-content .nav-anchor ul li, .nav-anchor ul .karriere .main-content li {
    padding: 0 10px; }

  .karriere .main-content .col-group-item h2, .karriere .main-content .product-dropdown li h2, .product-dropdown .karriere .main-content li h2, .karriere .main-content .nav-anchor ul li h2, .nav-anchor ul .karriere .main-content li h2 {
    min-height: 40px; }

  .karriere .main-content .col-group-item p, .karriere .main-content .product-dropdown li p, .product-dropdown .karriere .main-content li p, .karriere .main-content .nav-anchor ul li p, .nav-anchor ul .karriere .main-content li p {
    min-height: 50px; }
 }

@media (min-width: 640px) {
  .karriere .main-content .col-group-item, .karriere .main-content .product-dropdown li, .product-dropdown .karriere .main-content li, .karriere .main-content .nav-anchor ul li, .nav-anchor ul .karriere .main-content li {
    height: 330px;
    border-bottom: 1px solid #D6D6D6;
    position: relative; }

  .karriere .main-content .col-group-item:last-child, .karriere .main-content .product-dropdown li:last-child, .product-dropdown .karriere .main-content li:last-child, .karriere .main-content .nav-anchor ul li:last-child, .nav-anchor ul .karriere .main-content li:last-child {
    border-right: none; }

  .karriere .main-content .col-group-item img, .karriere .main-content .product-dropdown li img, .product-dropdown .karriere .main-content li img, .karriere .main-content .nav-anchor ul li img, .nav-anchor ul .karriere .main-content li img {
    display: inline-block;
    vertical-align: bottom;
    position: absolute;
    bottom: 0;
    right: 0;
    border: none; }
 }

@media (min-width: 880px) {
  .karriere .main-content .col-group-item, .karriere .main-content .product-dropdown li, .product-dropdown .karriere .main-content li, .karriere .main-content .nav-anchor ul li, .nav-anchor ul .karriere .main-content li {
    height: 350px; }

  .karriere .col-group-item h2, .karriere .product-dropdown li h2, .product-dropdown .karriere li h2, .karriere .nav-anchor ul li h2, .nav-anchor ul .karriere li h2 {
    text-transform: uppercase; }
 }

@media (min-width: 1200px) {
  .karriere .main-content .col-group-item, .karriere .main-content .product-dropdown li, .product-dropdown .karriere .main-content li, .karriere .main-content .nav-anchor ul li, .nav-anchor ul .karriere .main-content li {
    height: 330px; }
 }

/* @end */
/* ============================================================================= */
/* @group Unternehmen */
.unternehmen h2 {
  text-transform: uppercase; }

@media (max-width: 560px) {
  .unternehmen .main-content .col-group-item, .unternehmen .main-content .product-dropdown li, .product-dropdown .unternehmen .main-content li, .unternehmen .main-content .nav-anchor ul li, .nav-anchor ul .unternehmen .main-content li {
    width: 100%; } }

@media (min-width: 720px) {
  .unternehmen .main-content .col-group-item p:first-of-type, .unternehmen .main-content .product-dropdown li p:first-of-type, .product-dropdown .unternehmen .main-content li p:first-of-type, .unternehmen .main-content .nav-anchor ul li p:first-of-type, .nav-anchor ul .unternehmen .main-content li p:first-of-type {
    min-height: 100px; } }

@media (max-width: 560px) {
  .unternehmen .col-2 .ce_text:first-child {
    padding-right: 0; }

  .unternehmen .col-2 .ce_text:last-child {
    padding-left: 0; }
 }

/* @end */
/* ============================================================================= */
/* @group Datenschutz */
.datenschutz__header .siteheader-image {
  display: none; }
  @media (min-width: 560px) {
    .datenschutz__header .siteheader-image {
      display: block;
      top: 6px; } }

/* @end */
/* ============================================================================= */
/* @group Qualitätssicherung */
@media (min-width: 560px) {
  .qualitaetssicherung .image_container, .qualitaet-weltweit-interview .image_container {
    float: left;
    margin-right: 30px; } }
@media (min-width: 880px) {
  .qualitaetssicherung .image_container, .qualitaet-weltweit-interview .image_container {
    margin-bottom: 15px; } }

.qualitaet-weltweit-interview {
  border-bottom: 1px solid #d6d6d6; }

.qualitaetssicherung .image_container img, .qualitaet-weltweit-interview .image_container img {
  border: 1px solid #F6F6F6; }

.media__body {
  overflow: hidden; }

.media__body > p {
  margin-top: 0; }

.caption {
  clear: both;
  width: 250px; }

.main .qualitaets-zitat .ce_text {
  margin-bottom: 40px; }
.main .qualitaets-zitat h2 {
  font-size: 12px; }
.main .qualitaets-zitat p {
  padding: 50px 0 0 80px;
  background: transparent url(../upload/geschichte/meilenstein-icon-zitat.png) 0 0 no-repeat; }

.qualitaet-schulterblick {
  border-bottom: 1px solid #d6d6d6;
  border-top: 1px solid #d6d6d6;
  padding: 30px 0; }
  .qualitaet-schulterblick h1 {
    margin-bottom: 30px; }

.qualitaet-video {
  border-bottom: 1px solid #d6d6d6;
  position: relative; }
  @media (min-width: 880px) {
    .qualitaet-video .ce_text {
      position: absolute;
      right: 0;
      width: 200px; } }
  .qualitaet-video img {
    display: block;
    margin: 0; }
    @media (min-width: 1200px) {
      .qualitaet-video img {
        margin: 0 0 0 150px; } }
  .qualitaet-video h1 {
    font-size: 44px;
    text-align: left;
    line-height: 44px;
    padding: 0;
    margin: 0; }
  .qualitaet-video h2 {
    font-weight: normal;
    font-size: 25px;
    color: #8e8e8e;
    line-height: 25px;
    padding: 0;
    margin: 0; }
    @media (min-width: 880px) {
      .qualitaet-video h2 {
        width: 200px;
        text-align: right; } }
  .qualitaet-video em {
    color: #a0a0a0;
    font-size: 14px; }
  .qualitaet-video p {
    margin: 20px 0 0 0;
    font-size: 11px; }
    @media (min-width: 880px) {
      .qualitaet-video p {
        width: 200px; } }
  .qualitaet-video .ce_image {
    display: none; }
    @media (min-width: 880px) {
      .qualitaet-video .ce_image {
        display: block; } }
    .qualitaet-video .ce_image.image-hand {
      margin-top: -139px;
      z-index: 500;
      position: relative; }
  .qualitaet-video .ce_player {
    margin: auto;
    position: relative;
    text-align: center; }
    .qualitaet-video .ce_player .video-play {
      width: 76px;
      height: 76px;
      background: #004b90 url(../img/icon-play.svg) 55% center no-repeat;
      border-radius: 38px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin: -38px 0 0 -38px;
      cursor: pointer;
      z-index: 500; }
    .qualitaet-video .ce_player video {
      position: relative;
      z-index: 100; }
    @media (min-width: 880px) {
      .qualitaet-video .ce_player {
        position: absolute;
        top: 64px;
        left: 111px; } }
    @media (min-width: 1200px) {
      .qualitaet-video .ce_player {
        left: 261px; } }

.sidebar-qualitaet {
  color: #808080; }
  .sidebar-qualitaet .sbteaser-img {
    position: relative; }
  .sidebar-qualitaet .play-button {
    width: 76px;
    height: 76px;
    background: #004b90 url(../img/icon-play.svg) 55% center no-repeat;
    border-radius: 38px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -38px 0 0 -38px;
    cursor: pointer; }

/* @end */
/* ============================================================================= */
/* @group Kunden */
@media (min-width: 720px) {
  .media__img .image_container {
    float: left;
    margin-right: 30px; } }

/* @end */
/* ============================================================================= */
/* @group Forms */
form .active label {
  color: #004b90; }

form textarea:focus {
  border: 1px solid #707070; }

.widget, .ce_form .radio_container, .ce_form .checkbox_container {
  *zoom: 1;
  margin: 12px 0; }
  .widget:before, .ce_form .radio_container:before, .ce_form .checkbox_container:before, .widget:after, .ce_form .radio_container:after, .ce_form .checkbox_container:after {
    content: " ";
    display: table; }
  .widget:after, .ce_form .radio_container:after, .ce_form .checkbox_container:after {
    clear: both; }

.widget.type-input:hover label, .ce_form .type-input.radio_container:hover label, .ce_form .type-input.checkbox_container:hover label {
  color: #004b90; }

.ce_form input[type="text"], .ce_form input[type="tel"], .ce_form input[type="number"], .ce_form input[type="password"], .ce_form input[type="email"] {
  width: 100%; }
  .ce_form input[type="text"]:focus, .ce_form input[type="tel"]:focus, .ce_form input[type="number"]:focus, .ce_form input[type="password"]:focus, .ce_form input[type="email"]:focus {
    border-color: #707070; }
  @media (min-width: 640px) {
    .ce_form input[type="text"], .ce_form input[type="tel"], .ce_form input[type="number"], .ce_form input[type="password"], .ce_form input[type="email"] {
      border: none;
      border-bottom: 1px solid #D6D6D6;
      width: 75%;
      overflow: hidden; } }

.type-input label {
  display: block;
  font-weight: bold; }
  @media (min-width: 640px) {
    .type-input label {
      display: inline-block;
      float: left;
      width: 25%;
      padding-top: 11px; } }

.type-input input[type="file"], .type-input select {
  margin-top: 11px; }

.mt-30 {
  margin-top: 30px !important; }

/* ============================================================================= */
/* @group Shopping List */
.send-as-mail {
  margin-top: 20px;
  margin-bottom: 5px; }

.print {
  width: 134px; }

.mod_login label {
  display: block; }

/* Login */
.mod_login h2 a {
  text-decoration: none; }

.mod_login label {
  display: block;
  width: 100%; }

.mod_login input[type="text"], .mod_login input[type="password"] {
  width: 100%; }

/* ============================================================================= */
/* @group Slider-Buttons */
.slider-karriere .cta:before {
  background: #004b90 url(../img/icon-button-karriere.svg) right center no-repeat;
  background-size: 16px 16px; }
.slider-karriere .cta:hover:before {
  background-color: #707070; }

.slider-marken .cta:before {
  background: #004b90 url(../img/icon-button-marken.svg) right center no-repeat;
  background-size: 16px 16px; }
.slider-marken .cta:hover:before {
  background-color: #707070; }

.slider-hot-wheels .cta:before {
  background: #004b90 url(../img/icon-button-aktion.svg) right center no-repeat;
  background-size: 16px 16px; }
.slider-hot-wheels .cta:hover:before {
  background-color: #707070; }

/* @end */
/* ============================================================================= */
/* @group Header-Specific-Styles (richtige Skalierung Überschrift etc) */
.slider-karriere .slide-title {
  width: 120px; }

.slider-karriere .slide-text {
  left: 5.604167%; }

.slider-expansion .slide-title {
  width: 150px; }
  @media (min-width: 720px) {
    .slider-expansion .slide-title {
      width: auto; } }

.slider-hot-wheels .slide-title {
  width: 150px; }
  @media (min-width: 720px) {
    .slider-hot-wheels .slide-title {
      width: auto; } }

@media (min-width: 720px) and (max-width: 880px) {
  .slider-hot-wheels .slide-text {
    top: 28.782609%; } }

/* @end */
/* ============================================================================= */
/* @group Search Results */
.search-result-item {
  *zoom: 1;
  padding: 20px 0;
  border-bottom: 1px solid #D6D6D6; }
  .search-result-item:before, .search-result-item:after {
    content: " ";
    display: table; }
  .search-result-item:after {
    clear: both; }

.search-result-image {
  display: none; }
  @media (min-width: 280px) {
    .search-result-image {
      display: block;
      width: 20%;
      float: left;
      padding-right: 20px; } }

.search-result-content {
  overflow: hidden; }

.search-result-title {
  font-size: 14px;
  display: block;
  margin-bottom: 10px;
  color: #004b90;
  text-decoration: none; }

.borderBox {
  margin: 20px 0;
  padding: 20px 0;
  border: 1px solid #D6D6D6;
  border-left: none;
  border-right: none;
  line-height: 30px;
  clear: both; }

/* ============================================================================= */
/* @group Brands */
.brand-spotlight-heading {
  position: relative; }

@media (min-width: 640px) {
  .brand-spotlight-heading h1 {
    font-size: 44px;
    margin-top: 20px; } }
.brand-spotlight-heading h1 strong {
  font-weight: normal; }
  @media (min-width: 640px) {
    .brand-spotlight-heading h1 strong {
      font-size: 25px;
      padding-left: 40px;
      color: #707070;
      font-weight: normal;
      display: block;
      margin-top: 10px; } }

.brand-spotlight-heading img {
  display: block;
  margin: 0 auto; }

.brand-spotlight-text {
  border-bottom: 1px solid #D6D6D6; }
  @media (min-width: 640px) {
    .brand-spotlight-text {
      padding: 20px 0;
      margin-bottom: 40px; } }

@media (min-width: 640px) {
  .brands {
    border-left: 1px solid #D6D6D6;
    margin-top: 40px; } }

.brand-item {
  margin: 0;
  text-align: center;
  height: 180px;
  background-position: center 65%;
  background-size: 70%; }
  @media (min-width: 640px) {
    .brand-item {
      border-bottom: 1px solid #D6D6D6; } }

.brand-item.ce_text {
  margin: 0 !important; }

/* ============================================================================= */
/* @group Footer */
.l-footer {
  *zoom: 1;
  position: relative; }
  .l-footer:before, .l-footer:after {
    content: " ";
    display: table; }
  .l-footer:after {
    clear: both; }
  @media (min-width: 980px) {
    .l-footer {
      width: 90%;
      max-width: 1120px;
      margin: 0 auto;
      padding: 0; } }

.connect {
  margin: 30px 0;
  height: 16px;
  line-height: 16px; }
  @media (min-width: 560px) {
    .connect {
      display: none; } }
  .connect a {
    display: inline-block;
    text-decoration: none;
    color: #808080;
    font-weight: bold;
    margin: 0 10px; }
    .connect a:last-child {
      margin: 0 0 0 10px; }
    .connect a:before {
      content: "";
      background: #004b90 url(../img/sprites-social-icons.svg) center top no-repeat;
      display: inline-block;
      float: left;
      width: 16px;
      height: 16px;
      margin-right: 4px; }
    .connect a.icon-twitter:before {
      background-position: center bottom; }
    .connect a:hover:before {
      background-color: #707070; }

.footer-nav {
  margin: 0 0 30px;
  padding: 0 10px; }
  @media (min-width: 380px) {
    .footer-nav {
      width: 50%;
      display: block;
      float: left; } }
  @media (min-width: 500px) {
    .footer-nav {
      width: 33.3%; } }
  @media (min-width: 560px) {
    .footer-nav {
      width: 50%; } }
  @media (min-width: 680px) {
    .footer-nav {
      width: 25%; } }
  .footer-nav h3, .footer-nav h2 {
    font-size: 14px;
    font-weight: bold;
    font-family: "Helvetica Neue", sans-serif;
    margin: 0 0 20px;
    text-transform: uppercase; }
  @media (min-width: 760px) {
    .footer-nav li {
      background: transparent url(../img/bg-list-item.svg) left center no-repeat;
      background-size: 1px 1px;
      padding-left: 9px; } }
  .footer-nav a {
    color: #707070;
    text-decoration: none; }
    .footer-nav a:hover {
      color: #707070;
      text-decoration: underline; }

.footer-hilfe li {
  line-height: 24px;
  margin-bottom: 6px;
  background: none;
  padding: 0; }
.footer-hilfe a:before, .footer-hilfe span:before {
  content: "";
  background: #004b90 url(../img/footer-icons.png) 0 0 no-repeat;
  display: inline-block;
  float: left;
  width: 24px;
  height: 24px;
  margin-right: 6px; }
.footer-hilfe a:hover:before, .footer-hilfe span:hover:before {
  background-color: #707070; }
.footer-hilfe .last:before {
  background-position: 0 -24px; }

.copyright-text {
  display: none;
  font-size: 9px;
  margin: 0 0 20px 0; }
  @media (min-width: 560px) {
    .copyright-text {
      display: block;
      position: absolute;
      bottom: -10px;
      left: 20px; } }
  @media (min-width: 960px) {
    .copyright-text {
      margin: 0;
      left: 10px;
      bottom: 0; } }

/* @end */
/* ============================================================================= */
/* @group Print Styles */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    font-family: sans-serif !important; }

  body {
    padding: 0 !important; }

  .logo-print {
    display: block;
    margin-bottom: 0.5cm; }

  .title-nav-trail {
    padding: 0; }
    .title-nav-trail:before {
      display: none; }

  .l-toolbar, .l-footer, .siteheader-image, .siteheader-icon, .slides, .logo, .logo-wide, .wrap-header, .product-cta, .l-secondary, .btn, .show-branch-details {
    display: none; }

  .l-main {
    padding: 0 !important;
    float: none !important;
    width: 100% !important; }

  .siteheader, .siteheader-headline {
    padding: 0;
    height: auto; }

  .siteheader-title {
    display: block;
    width: 100%;
    position: static; }

  .l-secondary {
    border: 1px solid #D6D6D6; }

  a, a:visited {
    text-decoration: underline; }

  tr, img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }

  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3 {
    page-break-after: avoid; }

  .shopping-list .delete-item {
    display: none !important; }

  .merkzettel .l-breadcrumb {
    display: none; }
 }

.hero--home .sbteaser {
  margin: 0 0 22px 0; }
  .hero--home .sbteaser:hover {
    background: #e30b19; }

.hero--home .sbteaser:hover * {
  color: #FFF !important; }

/* simplified grid Karriereseiten */
@media (min-width: 720px) {
  .w70 {
    width: 70%;
    float: left;
    padding-right: 50px; } }

@media (min-width: 720px) {
  .w30 {
    width: 30%;
    float: left; } }

@media (min-width: 720px) {
  .w50 {
    width: 50%;
    float: left; } }

.clear {
  clear: both; }

/* sidebar fix für Seiten, bei denen es sonst zu schmal wird */
.sidebar-wide .l-secondary {
  width: 100%; }
  @media (min-width: 560px) {
    .sidebar-wide .l-secondary {
      padding: 0 10px; } }
  @media (min-width: 720px) {
    .sidebar-wide .l-secondary {
      width: 28%; } }
  @media (min-width: 880px) {
    .sidebar-wide .l-secondary {
      padding: 0 35px 0 0; } }
.sidebar-wide .l-main {
  width: 100%; }
  @media (min-width: 720px) {
    .sidebar-wide .l-main {
      width: 72%; } }

.business-division-example {
  margin-bottom: 50px !important; }
  .business-division-example img {
    vertical-align: middle; }
  @media (min-width: 720px) {
    .business-division-example {
      padding-left: 50px; } }
fieldset.reklamation {
  margin: 0;
  display: none;
}


.joboffer__content h2 {
  margin-top: 30px;
}