.rs-columns {
  clear: both;
  display: inline-block;
  width: 100%;
}

.rs-column {
  float: left;
  width: 100%;
  margin-top: 7.69231%;
  margin-right: 7.69231%;
}
.rs-column.-large-first {
  clear: left;
}
.rs-column.-large-last {
  margin-right: -5px;
}
.rs-column.-large-first-row {
  margin-top: 0;
}
.rs-column.-large-col-1-1 {
  width: 100%;
}
.rs-column.-large-col-2-1 {
  width: 46.15385%;
}
.rs-column.-large-col-2-2 {
  width: 100%;
}
.rs-column.-large-col-3-1 {
  width: 28.20513%;
}
.rs-column.-large-col-3-2 {
  width: 64.10256%;
}
.rs-column.-large-col-3-3 {
  width: 100%;
}
.rs-column.-large-col-4-1 {
  width: 19.23077%;
}
.rs-column.-large-col-4-2 {
  width: 46.15385%;
}
.rs-column.-large-col-4-3 {
  width: 73.07692%;
}
.rs-column.-large-col-4-4 {
  width: 100%;
}
.rs-column.-large-col-5-1 {
  width: 13.84615%;
}
.rs-column.-large-col-5-2 {
  width: 35.38462%;
}
.rs-column.-large-col-5-3 {
  width: 56.92308%;
}
.rs-column.-large-col-5-4 {
  width: 78.46154%;
}
.rs-column.-large-col-5-5 {
  width: 100%;
}
.rs-column.-large-col-6-1 {
  width: 10.25641%;
}
.rs-column.-large-col-6-2 {
  width: 28.20513%;
}
.rs-column.-large-col-6-3 {
  width: 46.15385%;
}
.rs-column.-large-col-6-4 {
  width: 64.10256%;
}
.rs-column.-large-col-6-5 {
  width: 82.05128%;
}
.rs-column.-large-col-6-6 {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: -5px;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-col-1-1 {
    width: 100%;
  }
  .rs-column.-medium-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-medium-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-medium-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-medium-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-medium-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-medium-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-small-first {
    clear: left;
  }
  .rs-column.-small-last {
    margin-right: -5px;
  }
  .rs-column.-small-first-row {
    margin-top: 0;
  }
  .rs-column.-small-col-1-1 {
    width: 100%;
  }
  .rs-column.-small-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-small-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-small-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-small-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-small-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-small-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-small-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-small-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-small-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-small-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-small-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }
}

.cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;--ccb-focus-clr: #00a4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar input:focus-visible:not(.cc-hide-focus)+label:before{outline:3px dashed var(--ccb-focus-clr);outline-offset:2px}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover,.contao-cookiebar .cc-btn:focus{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-focus:not(.cc-hide-focus):focus-visible{outline:3px dashed var(--ccb-focus-clr);outline-offset:-3px}.cc-invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;float:left}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"·";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@media(forced-colors){.contao-cookiebar input+label:after{border:1px solid currentColor}.cc-inner{border:1px solid currentColor}input.cc-group-half+label:after{margin-left:9px}}@media(prefers-reduced-motion){.contao-cookiebar{--ccb-anim-duration: 2s}}@media print{.contao-cookiebar{opacity:0}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-groups{display:none;padding-top:15px}.cc-group{text-align:left}.cc-group>label{margin:5px 130px 5px 10px}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px;color:var(--ccb-detail-clr, #a2a2a2);border:0 none;outline:0 none;background:rgba(0,0,0,0);font-size:13px;letter-spacing:0;text-transform:initial;cursor:pointer}.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn-details:hover{color:var(--ccb-detail-clr-hvr, #717171)}
:root {
  --main-color: #D0011B;
  --gray0: #e3e3e3;
  --gray1: #c0c0c0;
  --gray2: #515151;
  --border: #D6D6D6;
}

/*
* 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: var(--main-color);
  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: var(--main-color) url(../../files/schum/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(../../files/schum/img/icon-search.svg);
}

.cta.search:hover:before {
  background-color: #707070;
  background-image: url(../../files/schum/img/icon-search.svg);
}

.cta.expansion:before {
  background-image: url(../../files/schum/img/icon-button-expansion.svg);
}

.cta.facebook:before {
  background-image: url(../../files/schum/img/icon-button-facebook.svg);
}

.cta.fragen:before {
  background-image: url(../../files/schum/img/icon-button-facebook.svg);
}

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

.cta.filialen:before {
  background-image: url(../../files/schum/img/icon-button-filialfinder.svg);
}

.cta.mail:before {
  background-image: url(../../files/schum/img/icon-button-mail.svg);
}

.cta.send-as-mail:before {
  background-image: url(../../files/schum/img/icon-send-mail.svg);
}

.cta.print:before {
  background-image: url(../../files/schum/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(../../files/schum/img/bg-forms-checkbox.png) 0 0 no-repeat;
    background: #ffffff url(../../files/schum/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(../../files/schum/img/bg-forms-radio.png) 0 0 no-repeat;
    background: #707070 url(../../files/schum/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: var(--main-color);
    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(../../files/schum/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: var(--main-color) url(../../files/schum/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(../../files/schum/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: var(--main-color);
  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: var(--main-color);
  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(../../files/schum/img/icons/grunticon/png/icon-plus.png) center center no-repeat;
  position: absolute;
  right: 5px;
  top: 5px;
}

.accordion h2.nav-open:before {
  background: url(../../files/schum/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: var(--main-color);
  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: var(--main-color);
  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: var(--main-color);
  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(../../files/schum/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: var(--main-color);
  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(../../files/schum/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: var(--main-color) !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 var(--main-color);
}

.mfp-arrow-right:before {
  border-left: 27px solid var(--main-color);
}

/* 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: var(--main-color);
  color: var(--main-color);
}

.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: var(--main-color);
    border-radius: 100%;
    position: absolute;
    top: 55px;
    left: -5px;
    border: 2px solid white;
  }
}

@media (min-width: 880px) {
  .history-item {
    background: url(../../files/schum/upload/geschichte/history-item_divider.png) center bottom no-repeat;
    padding-bottom: 90px;
  }
}

@media (min-width: 880px) {
  .history-item:last-child {
    background: url(../../files/schum/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(../../files/schum/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: var(--main-color);
  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: var(--main-color);
  color: #fff;
}

::selection {
  background: var(--main-color);
  color: #fff;
}

.logo-print {
  display: none;
}

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

/* ============================================================================= */
/* @group Global */
a {
  color: var(--main-color);
  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; */
  font-size: 14px;
  line-height: 20px;
  font-family: "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(../../files/schum/img/euroshop-logo-small.svg) center center no-repeat;
    /* background-size: 180px 69px; */
    background-size: contain;
    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: var(--main-color) url(../../files/schum/img/schum-logo.png) center center no-repeat;
  }
}

@media (min-width: 820px) {
  .lt-ie9 .logo-wide {
    background: var(--main-color) url(../../files/schum/img/euroshop-logo-wide.png) center center no-repeat;
  }
}

.navbar {
  *zoom: 1;
  background: var(--main-color);
  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;
  display: flex;
  align-items: center;
  align-items: center;
  justify-content: center;
  padding: 2px 0 0 11px;
}

.navbar .show-menu {
  background: var(--main-color) url(../../files/schum/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(../../files/schum/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(../../files/schum/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(../../files/schum/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: var(--main-color) url(../../files/schum/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(../../files/schum/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: var(--main-color);
}

@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: var(--main-color);
}

.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(../../files/schum/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: var(--main-color);
  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 var(--main-color);
  border-radius: 100%;
  border: 2px solid var(--main-color);
  margin: 0 10px 0 0;
  outline: 0;
}

.progress-nav .progress-nav-items a.is-active {
  background: var(--main-color);
}

.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(../../files/schum/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: var(--main-color);
}

.carousel-nav a.next {
  background-image: url(../../files/schum/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: var(--main-color);
    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(../../files/schum/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: var(--main-color);
    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(../../files/schum/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(../../files/schum/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: var(--main-color);
}

@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: var(--main-color);
}

.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: 22px;
  font-weight: bold;
  line-height: 1.4;
}

@media (min-width: 720px) {
  .main-content h1 {
    font-size: 32px;
  }
}

.main-content h2 {
  font-size: 20px;
  line-height: 1.4;
}

@media (min-width: 640px) {
  .main-content h2 {
    font-size: 24px;
  }
}

.main-content h3 {
  font-size: 14px;
  line-height: 18px;
}

@media (min-width: 640px) {
  .main-content h3 {
    font-size: 16px;
    line-height: 20px;
  }
}

.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: var(--main-color);
  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: var(--main-color);
  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: var(--main-color);
    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(../../files/schum/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(../../files/schum/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: var(--main-color);
  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: var(--main-color);
}

/* @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(../../files/schum/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: var(--main-color);
    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(../../files/schum/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(../../files/schum/img/icon-button-phone.svg);
}

.sbteaser.teaser-register .cta:before {
  background-image: url(../../files/schum/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: var(--main-color);
}

/* @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(../../files/schum/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: var(--main-color);
}

@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: var(--main-color) url(../../files/schum/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: var(--main-color);
  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: var(--main-color);
  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(../../files/schum/img/anchor-bg.jpg);
}

@media (min-width: 1251px) {
  .expansion {
    background-image: url(../../files/schum/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: var(--main-color);
  }
}

@media (min-width: 640px) {
  .nav-anchor a {
    text-decoration: none;
    padding-top: 25px;
    background: transparent url("../../files/schum/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(../../files/schum/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(../../files/schum/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(../../files/schum/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(../../files/schum/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(../../files/schum/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: var(--main-color);
  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(../../files/schum/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: var(--main-color);
}

@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: var(--main-color) !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(../../files/schum/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(../../files/schum/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: var(--main-color) url(../../files/schum/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: var(--main-color) url(../../files/schum/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: var(--main-color);
}

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: var(--main-color);
}

.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: var(--main-color) url(../../files/schum/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: var(--main-color) url(../../files/schum/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: var(--main-color) url(../../files/schum/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: var(--main-color);
  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: var(--main-color) url(../../files/schum/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(../../files/schum/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: var(--main-color) url(../../files/schum/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>img {
  width: 100%;
  aspect-ratio: 1120/350;
  object-fit: cover;
  object-position: center;
}

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

/* BOX LINKS */
.box-link {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 20px;
}

@media (min-width: 1024px) {
  .box-link {
    gap: 32px;
    margin-bottom: 20px;
  }
}

@media (min-width: 1024px) {
  .box-link--alt {
    gap: 32px;
    justify-content: center;
    margin-bottom: 20px;
  }
}

.box-link__item {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 820 / 545;
  background-color: var(--main-color);
  color: white;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  width: 100%;
  max-width: 100%;
  background-position: center;
  background-size: contain;
}

/* .box-link--alt .box-link__item{
  clip-path: polygon(10% 0,100% 0,90% 100%,0 100%);
} */
.box-link__item {
  @media (min-width: 1024px) {
    max-width: calc(50% - 16px);
  }
}

/* .box-link--alt .box-link__item{
    @media (min-width: 1024px){
      max-width: calc(50% - 16px);
    }
} */
.box-link__item__content {
  display: flex;
  flex-direction: column;
  gap: 0;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 16px;

  @media (min-width: 1024px) {
    padding: 32px;
  }
}

.box-link--alt .box-link__item__content {
  align-items: flex-start;
  justify-content: flex-end;

  @media (min-width: 1024px) {
    padding-left: 48px;
  }
}

.box-link__item__content span {
  background-color: white;
  border-radius: 20px;
  text-align: center;
  font-weight: bold;
  color: var(--main-color);
  padding: 12px 24px;
  line-height: 1.5;
  border-radius: 20px;
}

.box-link__item h3,
.box-link__item h2 {
  position: relative;
  text-align: center;
  color: white;
  text-shadow: 0 .125rem .25rem rgba(0, 0, 0, .5);
  font-size: 24px;
  transition: .4s ease-in-out;
}

.box-link__item:hover {
  text-decoration: none;
  color: white;
}

.box-link__item:hover img {
  transform: scale(1.1);
}

.box-link__item:hover h2 {
  transform: scale(1.1);
}

.box-link__item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  left: 0;
  transition: .4s ease-in-out;
  filter: brightness(90%);
}

/* NAV SECONDARY */
.nav-secondary nav {
  overflow: auto;
}

.nav-secondary nav ul {
  display: inline-flex;
  flex-direction: row;
  gap: 16px;
  flex-wrap: nowrap;
  align-items: center;
  text-align: center;
  margin: 0;
  padding: 0;
  list-style: none;
  /* justify-content: center; */
  white-space: nowrap;
  padding: 16px 0;
}

.hero-wrap .nav-secondary {
  text-align: center;
}

.nav-secondary nav ul li a {
  display: block;
  padding: 12px 24px;
  line-height: 1.5;
  border-radius: 20px;
  background-color: var(--gray2);
  color: white;
  text-decoration: none;
}

.nav-secondary nav ul li.active a {
  background-color: var(--main-color);
  color: white;
}

.text--center {
  text-align: center;
}

.grid {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -40px;
  margin-left: -2.2222222222rem
}

.grid__item {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  padding-left: 40px;
  padding-left: 2.2222222222rem
}

.grid--reversed {
  direction: rtl;
  text-align: left
}

.grid--reversed>.grid__item {
  direction: ltr;
  text-align: left
}

.grid--flush {
  margin-left: 0
}

.grid--flush>.grid__item {
  padding-left: 0
}

.grid--small {
  margin-left: -20px;
  margin-left: -1.1111111111rem
}

.grid--small>.grid__item {
  padding-left: 20px;
  padding-left: 1.1111111111rem
}

.grid--large {
  margin-left: -80px;
  margin-left: -4.4444444444rem
}

.grid--large>.grid__item {
  padding-left: 80px;
  padding-left: 4.4444444444rem
}

.grid--middle>.grid__item {
  vertical-align: middle;
}



.width--0 {
  width: 0% !important;
  display: none
}

.width--1of1,
.width--2of2,
.width--3of3,
.width--4of4,
.width--5of5,
.width--6of6 {
  width: 100% !important;
  display: inline-block
}

.width--1of2,
.width--2of4,
.width--3of6,
.width--4of8,
.width--5of10,
.width--6of12 {
  width: 50% !important;
  display: inline-block
}

.width--1of3,
.width--2of6,
.width--3of9,
.width--4of12 {
  width: 33.33333% !important;
  display: inline-block
}

.width--2of3,
.width--4of6,
.width--6of9,
.width--8of12 {
  width: 66.66666% !important;
  display: inline-block
}

.width--1of4,
.width--2of8,
.width--3of12 {
  width: 25% !important;
  display: inline-block
}

.width--3of4,
.width--6of8,
.width--9of12 {
  width: 75% !important;
  display: inline-block
}

.width--1of5,
.width--2of10 {
  width: 20% !important;
  display: inline-block
}

.width--2of5,
.width--4of10 {
  width: 40% !important;
  display: inline-block
}

.width--3of5,
.width--6of10 {
  width: 60% !important;
  display: inline-block
}

.width--4of5,
.width--8of10 {
  width: 80% !important;
  display: inline-block
}

.width--1of6,
.width--2of12 {
  width: 16.66666% !important;
  display: inline-block
}

.width--5of6,
.width--10of12 {
  width: 83.33333% !important;
  display: inline-block
}

.width--1of8 {
  width: 12.5% !important;
  display: inline-block
}

.width--3of8 {
  width: 37.5% !important;
  display: inline-block
}

.width--5of8 {
  width: 62.5% !important;
  display: inline-block
}

.width--7of8 {
  width: 87.5% !important;
  display: inline-block
}

.width--1of9 {
  width: 11.1111111% !important;
  display: inline-block
}

.width--2of9 {
  width: 22.2222222% !important;
  display: inline-block
}

.width--4of9 {
  width: 44.4444444% !important;
  display: inline-block
}

.width--5of9 {
  width: 55.5555555% !important;
  display: inline-block
}

.width--7of9 {
  width: 77.7777777% !important;
  display: inline-block
}

.width--8of9 {
  width: 88.8888888% !important;
  display: inline-block
}

.width--1of10 {
  width: 10% !important;
  display: inline-block
}

.width--3of10 {
  width: 30% !important;
  display: inline-block
}

.width--7of10 {
  width: 70% !important;
  display: inline-block
}

.width--9of10 {
  width: 90% !important;
  display: inline-block
}

.width--1of12 {
  width: 8.3333333% !important;
  display: inline-block
}

.width--5of12 {
  width: 41.6666666% !important;
  display: inline-block
}

.width--7of12 {
  width: 58.3333333% !important;
  display: inline-block
}

.width--11of12 {
  width: 91.6666666% !important;
  display: inline-block
}

@media screen and (min-width: 481px) {
  .width-tab--0 {
    width: 0% !important;
    display: none
  }

  .width-tab--1of1,
  .width-tab--2of2,
  .width-tab--3of3,
  .width-tab--4of4,
  .width-tab--5of5,
  .width-tab--6of6 {
    width: 100% !important;
    display: inline-block
  }

  .width-tab--1of2,
  .width-tab--2of4,
  .width-tab--3of6,
  .width-tab--4of8,
  .width-tab--5of10,
  .width-tab--6of12 {
    width: 50% !important;
    display: inline-block
  }

  .width-tab--1of3,
  .width-tab--2of6,
  .width-tab--3of9,
  .width-tab--4of12 {
    width: 33.33333% !important;
    display: inline-block
  }

  .width-tab--2of3,
  .width-tab--4of6,
  .width-tab--6of9,
  .width-tab--8of12 {
    width: 66.66666% !important;
    display: inline-block
  }

  .width-tab--1of4,
  .width-tab--2of8,
  .width-tab--3of12 {
    width: 25% !important;
    display: inline-block
  }

  .width-tab--3of4,
  .width-tab--6of8,
  .width-tab--9of12 {
    width: 75% !important;
    display: inline-block
  }

  .width-tab--1of5,
  .width-tab--2of10 {
    width: 20% !important;
    display: inline-block
  }

  .width-tab--2of5,
  .width-tab--4of10 {
    width: 40% !important;
    display: inline-block
  }

  .width-tab--3of5,
  .width-tab--6of10 {
    width: 60% !important;
    display: inline-block
  }

  .width-tab--4of5,
  .width-tab--8of10 {
    width: 80% !important;
    display: inline-block
  }

  .width-tab--1of6,
  .width-tab--2of12 {
    width: 16.66666% !important;
    display: inline-block
  }

  .width-tab--5of6,
  .width-tab--10of12 {
    width: 83.33333% !important;
    display: inline-block
  }

  .width-tab--1of8 {
    width: 12.5% !important;
    display: inline-block
  }

  .width-tab--3of8 {
    width: 37.5% !important;
    display: inline-block
  }

  .width-tab--5of8 {
    width: 62.5% !important;
    display: inline-block
  }

  .width-tab--7of8 {
    width: 87.5% !important;
    display: inline-block
  }

  .width-tab--1of9 {
    width: 11.1111111% !important;
    display: inline-block
  }

  .width-tab--2of9 {
    width: 22.2222222% !important;
    display: inline-block
  }

  .width-tab--4of9 {
    width: 44.4444444% !important;
    display: inline-block
  }

  .width-tab--5of9 {
    width: 55.5555555% !important;
    display: inline-block
  }

  .width-tab--7of9 {
    width: 77.7777777% !important;
    display: inline-block
  }

  .width-tab--8of9 {
    width: 88.8888888% !important;
    display: inline-block
  }

  .width-tab--1of10 {
    width: 10% !important;
    display: inline-block
  }

  .width-tab--3of10 {
    width: 30% !important;
    display: inline-block
  }

  .width-tab--7of10 {
    width: 70% !important;
    display: inline-block
  }

  .width-tab--9of10 {
    width: 90% !important;
    display: inline-block
  }

  .width-tab--1of12 {
    width: 8.3333333% !important;
    display: inline-block
  }

  .width-tab--5of12 {
    width: 41.6666666% !important;
    display: inline-block
  }

  .width-tab--7of12 {
    width: 58.3333333% !important;
    display: inline-block
  }

  .width-tab--11of12 {
    width: 91.6666666% !important;
    display: inline-block
  }
}

@media screen and (min-width: 721px) {
  .width-lap--0 {
    width: 0% !important;
    display: none
  }

  .width-lap--1of1,
  .width-lap--2of2,
  .width-lap--3of3,
  .width-lap--4of4,
  .width-lap--5of5,
  .width-lap--6of6 {
    width: 100% !important;
    display: inline-block
  }

  .width-lap--1of2,
  .width-lap--2of4,
  .width-lap--3of6,
  .width-lap--4of8,
  .width-lap--5of10,
  .width-lap--6of12 {
    width: 50% !important;
    display: inline-block
  }

  .width-lap--1of3,
  .width-lap--2of6,
  .width-lap--3of9,
  .width-lap--4of12 {
    width: 33.33333% !important;
    display: inline-block
  }

  .width-lap--2of3,
  .width-lap--4of6,
  .width-lap--6of9,
  .width-lap--8of12 {
    width: 66.66666% !important;
    display: inline-block
  }

  .width-lap--1of4,
  .width-lap--2of8,
  .width-lap--3of12 {
    width: 25% !important;
    display: inline-block
  }

  .width-lap--3of4,
  .width-lap--6of8,
  .width-lap--9of12 {
    width: 75% !important;
    display: inline-block
  }

  .width-lap--1of5,
  .width-lap--2of10 {
    width: 20% !important;
    display: inline-block
  }

  .width-lap--2of5,
  .width-lap--4of10 {
    width: 40% !important;
    display: inline-block
  }

  .width-lap--3of5,
  .width-lap--6of10 {
    width: 60% !important;
    display: inline-block
  }

  .width-lap--4of5,
  .width-lap--8of10 {
    width: 80% !important;
    display: inline-block
  }

  .width-lap--1of6,
  .width-lap--2of12 {
    width: 16.66666% !important;
    display: inline-block
  }

  .width-lap--5of6,
  .width-lap--10of12 {
    width: 83.33333% !important;
    display: inline-block
  }

  .width-lap--1of8 {
    width: 12.5% !important;
    display: inline-block
  }

  .width-lap--3of8 {
    width: 37.5% !important;
    display: inline-block
  }

  .width-lap--5of8 {
    width: 62.5% !important;
    display: inline-block
  }

  .width-lap--7of8 {
    width: 87.5% !important;
    display: inline-block
  }

  .width-lap--1of9 {
    width: 11.1111111% !important;
    display: inline-block
  }

  .width-lap--2of9 {
    width: 22.2222222% !important;
    display: inline-block
  }

  .width-lap--4of9 {
    width: 44.4444444% !important;
    display: inline-block
  }

  .width-lap--5of9 {
    width: 55.5555555% !important;
    display: inline-block
  }

  .width-lap--7of9 {
    width: 77.7777777% !important;
    display: inline-block
  }

  .width-lap--8of9 {
    width: 88.8888888% !important;
    display: inline-block
  }

  .width-lap--1of10 {
    width: 10% !important;
    display: inline-block
  }

  .width-lap--3of10 {
    width: 30% !important;
    display: inline-block
  }

  .width-lap--7of10 {
    width: 70% !important;
    display: inline-block
  }

  .width-lap--9of10 {
    width: 90% !important;
    display: inline-block
  }

  .width-lap--1of12 {
    width: 8.3333333% !important;
    display: inline-block
  }

  .width-lap--5of12 {
    width: 41.6666666% !important;
    display: inline-block
  }

  .width-lap--7of12 {
    width: 58.3333333% !important;
    display: inline-block
  }

  .width-lap--11of12 {
    width: 91.6666666% !important;
    display: inline-block
  }
}

@media screen and (min-width: 1024px) {
  .width-desk--0 {
    width: 0% !important;
    display: none
  }

  .width-desk--1of1,
  .width-desk--2of2,
  .width-desk--3of3,
  .width-desk--4of4,
  .width-desk--5of5,
  .width-desk--6of6 {
    width: 100% !important;
    display: inline-block
  }

  .width-desk--1of2,
  .width-desk--2of4,
  .width-desk--3of6,
  .width-desk--4of8,
  .width-desk--5of10,
  .width-desk--6of12 {
    width: 50% !important;
    display: inline-block
  }

  .width-desk--1of3,
  .width-desk--2of6,
  .width-desk--3of9,
  .width-desk--4of12 {
    width: 33.33333% !important;
    display: inline-block
  }

  .width-desk--2of3,
  .width-desk--4of6,
  .width-desk--6of9,
  .width-desk--8of12 {
    width: 66.66666% !important;
    display: inline-block
  }

  .width-desk--1of4,
  .width-desk--2of8,
  .width-desk--3of12 {
    width: 25% !important;
    display: inline-block
  }

  .width-desk--3of4,
  .width-desk--6of8,
  .width-desk--9of12 {
    width: 75% !important;
    display: inline-block
  }

  .width-desk--1of5,
  .width-desk--2of10 {
    width: 20% !important;
    display: inline-block
  }

  .width-desk--2of5,
  .width-desk--4of10 {
    width: 40% !important;
    display: inline-block
  }

  .width-desk--3of5,
  .width-desk--6of10 {
    width: 60% !important;
    display: inline-block
  }

  .width-desk--4of5,
  .width-desk--8of10 {
    width: 80% !important;
    display: inline-block
  }

  .width-desk--1of6,
  .width-desk--2of12 {
    width: 16.66666% !important;
    display: inline-block
  }

  .width-desk--5of6,
  .width-desk--10of12 {
    width: 83.33333% !important;
    display: inline-block
  }

  .width-desk--1of8 {
    width: 12.5% !important;
    display: inline-block
  }

  .width-desk--3of8 {
    width: 37.5% !important;
    display: inline-block
  }

  .width-desk--5of8 {
    width: 62.5% !important;
    display: inline-block
  }

  .width-desk--7of8 {
    width: 87.5% !important;
    display: inline-block
  }

  .width-desk--1of9 {
    width: 11.1111111% !important;
    display: inline-block
  }

  .width-desk--2of9 {
    width: 22.2222222% !important;
    display: inline-block
  }

  .width-desk--4of9 {
    width: 44.4444444% !important;
    display: inline-block
  }

  .width-desk--5of9 {
    width: 55.5555555% !important;
    display: inline-block
  }

  .width-desk--7of9 {
    width: 77.7777777% !important;
    display: inline-block
  }

  .width-desk--8of9 {
    width: 88.8888888% !important;
    display: inline-block
  }

  .width-desk--1of10 {
    width: 10% !important;
    display: inline-block
  }

  .width-desk--3of10 {
    width: 30% !important;
    display: inline-block
  }

  .width-desk--7of10 {
    width: 70% !important;
    display: inline-block
  }

  .width-desk--9of10 {
    width: 90% !important;
    display: inline-block
  }

  .width-desk--1of12 {
    width: 8.3333333% !important;
    display: inline-block
  }

  .width-desk--5of12 {
    width: 41.6666666% !important;
    display: inline-block
  }

  .width-desk--7of12 {
    width: 58.3333333% !important;
    display: inline-block
  }

  .width-desk--11of12 {
    width: 91.6666666% !important;
    display: inline-block
  }
}

@media screen and (min-width: 1200px) {
  .width-desk-wide--0 {
    width: 0% !important;
    display: none
  }

  .width-desk-wide--1of1,
  .width-desk-wide--2of2,
  .width-desk-wide--3of3,
  .width-desk-wide--4of4,
  .width-desk-wide--5of5,
  .width-desk-wide--6of6 {
    width: 100% !important;
    display: inline-block
  }

  .width-desk-wide--1of2,
  .width-desk-wide--2of4,
  .width-desk-wide--3of6,
  .width-desk-wide--4of8,
  .width-desk-wide--5of10,
  .width-desk-wide--6of12 {
    width: 50% !important;
    display: inline-block
  }

  .width-desk-wide--1of3,
  .width-desk-wide--2of6,
  .width-desk-wide--3of9,
  .width-desk-wide--4of12 {
    width: 33.33333% !important;
    display: inline-block
  }

  .width-desk-wide--2of3,
  .width-desk-wide--4of6,
  .width-desk-wide--6of9,
  .width-desk-wide--8of12 {
    width: 66.66666% !important;
    display: inline-block
  }

  .width-desk-wide--1of4,
  .width-desk-wide--2of8,
  .width-desk-wide--3of12 {
    width: 25% !important;
    display: inline-block
  }

  .width-desk-wide--3of4,
  .width-desk-wide--6of8,
  .width-desk-wide--9of12 {
    width: 75% !important;
    display: inline-block
  }

  .width-desk-wide--1of5,
  .width-desk-wide--2of10 {
    width: 20% !important;
    display: inline-block
  }

  .width-desk-wide--2of5,
  .width-desk-wide--4of10 {
    width: 40% !important;
    display: inline-block
  }

  .width-desk-wide--3of5,
  .width-desk-wide--6of10 {
    width: 60% !important;
    display: inline-block
  }

  .width-desk-wide--4of5,
  .width-desk-wide--8of10 {
    width: 80% !important;
    display: inline-block
  }

  .width-desk-wide--1of6,
  .width-desk-wide--2of12 {
    width: 16.66666% !important;
    display: inline-block
  }

  .width-desk-wide--5of6,
  .width-desk-wide--10of12 {
    width: 83.33333% !important;
    display: inline-block
  }

  .width-desk-wide--1of8 {
    width: 12.5% !important;
    display: inline-block
  }

  .width-desk-wide--3of8 {
    width: 37.5% !important;
    display: inline-block
  }

  .width-desk-wide--5of8 {
    width: 62.5% !important;
    display: inline-block
  }

  .width-desk-wide--7of8 {
    width: 87.5% !important;
    display: inline-block
  }

  .width-desk-wide--1of9 {
    width: 11.1111111% !important;
    display: inline-block
  }

  .width-desk-wide--2of9 {
    width: 22.2222222% !important;
    display: inline-block
  }

  .width-desk-wide--4of9 {
    width: 44.4444444% !important;
    display: inline-block
  }

  .width-desk-wide--5of9 {
    width: 55.5555555% !important;
    display: inline-block
  }

  .width-desk-wide--7of9 {
    width: 77.7777777% !important;
    display: inline-block
  }

  .width-desk-wide--8of9 {
    width: 88.8888888% !important;
    display: inline-block
  }

  .width-desk-wide--1of10 {
    width: 10% !important;
    display: inline-block
  }

  .width-desk-wide--3of10 {
    width: 30% !important;
    display: inline-block
  }

  .width-desk-wide--7of10 {
    width: 70% !important;
    display: inline-block
  }

  .width-desk-wide--9of10 {
    width: 90% !important;
    display: inline-block
  }

  .width-desk-wide--1of12 {
    width: 8.3333333% !important;
    display: inline-block
  }

  .width-desk-wide--5of12 {
    width: 41.6666666% !important;
    display: inline-block
  }

  .width-desk-wide--7of12 {
    width: 58.3333333% !important;
    display: inline-block
  }

  .width-desk-wide--11of12 {
    width: 91.6666666% !important;
    display: inline-block
  }
}

.space--top-none {
  margin-top: 0px !important;
  margin-top: 0rem !important
}

.space--left-none {
  margin-left: 0px !important;
  margin-left: 0rem !important
}

.space--right-none {
  margin-right: 0px !important;
  margin-right: 0rem !important
}

.space--bottom-none {
  margin-bottom: 0px !important;
  margin-bottom: 0rem !important
}

.space--top-quarter {
  margin-top: 10px !important;
  margin-top: 0.5555555556rem !important
}

.space--left-quarter {
  margin-left: 10px !important;
  margin-left: 0.5555555556rem !important
}

.space--right-quarter {
  margin-right: 10px !important;
  margin-right: 0.5555555556rem !important
}

.space--bottom-quarter {
  margin-bottom: 10px !important;
  margin-bottom: 0.5555555556rem !important
}

.space--top-third {
  margin-top: 13.3333333332px !important;
  margin-top: 0.7407407407rem !important
}

.space--left-third {
  margin-left: 13.3333333332px !important;
  margin-left: 0.7407407407rem !important
}

.space--right-third {
  margin-right: 13.3333333332px !important;
  margin-right: 0.7407407407rem !important
}

.space--bottom-third {
  margin-bottom: 13.3333333332px !important;
  margin-bottom: 0.7407407407rem !important
}

.space--top-half {
  margin-top: 20px !important;
  margin-top: 1.1111111111rem !important
}

.space--left-half {
  margin-left: 20px !important;
  margin-left: 1.1111111111rem !important
}

.space--right-half {
  margin-right: 20px !important;
  margin-right: 1.1111111111rem !important
}

.space--bottom-half {
  margin-bottom: 20px !important;
  margin-bottom: 1.1111111111rem !important
}

.space--top {
  margin-top: 40px !important;
  margin-top: 2.2222222222rem !important
}

.space--left {
  margin-left: 40px !important;
  margin-left: 2.2222222222rem !important
}

.space--right {
  margin-right: 40px !important;
  margin-right: 2.2222222222rem !important
}

.space--bottom {
  margin-bottom: 40px !important;
  margin-bottom: 2.2222222222rem !important
}

.space--top-double {
  margin-top: 80px !important;
  margin-top: 4.4444444444rem !important
}

.space--left-double {
  margin-left: 80px !important;
  margin-left: 4.4444444444rem !important
}

.space--right-double {
  margin-right: 80px !important;
  margin-right: 4.4444444444rem !important
}

.space--bottom-double {
  margin-bottom: 80px !important;
  margin-bottom: 4.4444444444rem !important
}

.space--top-triple {
  margin-top: 120px !important;
  margin-top: 6.6666666667rem !important
}

.space--left-triple {
  margin-left: 120px !important;
  margin-left: 6.6666666667rem !important
}

.space--right-triple {
  margin-right: 120px !important;
  margin-right: 6.6666666667rem !important
}

.space--bottom-triple {
  margin-bottom: 120px !important;
  margin-bottom: 6.6666666667rem !important
}

@media screen and (min-width: 1024px) {
  .space-desk--top-none {
    margin-top: 0px !important;
    margin-top: 0rem !important
  }

  .space-desk--left-none {
    margin-left: 0px !important;
    margin-left: 0rem !important
  }

  .space-desk--right-none {
    margin-right: 0px !important;
    margin-right: 0rem !important
  }

  .space-desk--bottom-none {
    margin-bottom: 0px !important;
    margin-bottom: 0rem !important
  }

  .space-desk--top-quarter {
    margin-top: 10px !important;
    margin-top: 0.5555555556rem !important
  }

  .space-desk--left-quarter {
    margin-left: 10px !important;
    margin-left: 0.5555555556rem !important
  }

  .space-desk--right-quarter {
    margin-right: 10px !important;
    margin-right: 0.5555555556rem !important
  }

  .space-desk--bottom-quarter {
    margin-bottom: 10px !important;
    margin-bottom: 0.5555555556rem !important
  }

  .space-desk--top-third {
    margin-top: 13.3333333332px !important;
    margin-top: 0.7407407407rem !important
  }

  .space-desk--left-third {
    margin-left: 13.3333333332px !important;
    margin-left: 0.7407407407rem !important
  }

  .space-desk--right-third {
    margin-right: 13.3333333332px !important;
    margin-right: 0.7407407407rem !important
  }

  .space-desk--bottom-third {
    margin-bottom: 13.3333333332px !important;
    margin-bottom: 0.7407407407rem !important
  }

  .space-desk--top-half {
    margin-top: 20px !important;
    margin-top: 1.1111111111rem !important
  }

  .space-desk--left-half {
    margin-left: 20px !important;
    margin-left: 1.1111111111rem !important
  }

  .space-desk--right-half {
    margin-right: 20px !important;
    margin-right: 1.1111111111rem !important
  }

  .space-desk--bottom-half {
    margin-bottom: 20px !important;
    margin-bottom: 1.1111111111rem !important
  }

  .space-desk--top {
    margin-top: 40px !important;
    margin-top: 2.2222222222rem !important
  }

  .space-desk--left {
    margin-left: 40px !important;
    margin-left: 2.2222222222rem !important
  }

  .space-desk--right {
    margin-right: 40px !important;
    margin-right: 2.2222222222rem !important
  }

  .space-desk--bottom {
    margin-bottom: 40px !important;
    margin-bottom: 2.2222222222rem !important
  }

  .space-desk--top-double {
    margin-top: 80px !important;
    margin-top: 4.4444444444rem !important
  }

  .space-desk--left-double {
    margin-left: 80px !important;
    margin-left: 4.4444444444rem !important
  }

  .space-desk--right-double {
    margin-right: 80px !important;
    margin-right: 4.4444444444rem !important
  }

  .space-desk--bottom-double {
    margin-bottom: 80px !important;
    margin-bottom: 4.4444444444rem !important
  }

  .space-desk--top-triple {
    margin-top: 120px !important;
    margin-top: 6.6666666667rem !important
  }

  .space-desk--left-triple {
    margin-left: 120px !important;
    margin-left: 6.6666666667rem !important
  }

  .space-desk--right-triple {
    margin-right: 120px !important;
    margin-right: 6.6666666667rem !important
  }

  .space-desk--bottom-triple {
    margin-bottom: 120px !important;
    margin-bottom: 6.6666666667rem !important
  }
}


@media screen and (max-width: 1024px) {
  .l-main {
    padding: 0 10px;
  }
}

.benefits {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

@media screen and (min-width: 721px) {
  .benefits {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 1024px) {
  .benefits {
    grid-template-columns: repeat(4, 1fr);
  }
}

.benefits__item {
  position: relative;
  min-height: 320px;
  height: 100%;
}

.benefits__item:hover .benefits__item__content p {
  height: initial;
  opacity: 1;
  transition: .4s ease-in-out;
}

.benefits__item:hover .benefits__item__content h2 {
  margin-bottom: 10px;
}

.benefits__item--main {
  background-color: var(--main-color);
}

.benefits__item--gray {
  background-color: var(--gray2);
}

.benefits__item__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.benefits__item__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(80%);
}

.benefits__item__content {
  padding: 16px 16px 32px;
  position: relative;
  z-index: 1;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  transition: .4s ease-in-out;
  overflow: hidden;
  height: 100%;
}

.benefits__item__content p {
  display: block;
  height: 0%;
  opacity: 0;
  transition: opacity .2s ease-in-out height .4s ease-in-out .4s;
  margin: 0;
}

.benefits__item__content h2,
.benefits__item__content h3 {
  color: white;
  margin-bottom: 0;
  transition: .4s ease-in-out;
}

@media screen and (min-width: 1024px) {
  .benefits__item:nth-child(1) {
    display: flex;
    grid-column: 1 / span 1;
    grid-row: 1 / span 1;
  }

  .benefits__item:nth-child(2) {
    display: flex;
    grid-column: 2 / span 2;
    grid-row: 1 / span 1;
  }

  .benefits__item:nth-child(3) {
    display: flex;
    grid-column: 4 / span 1;
    grid-row: 1 / span 1;
  }

  .benefits__item:nth-child(4) {
    display: flex;
    grid-column: 1 / span 1;
    grid-row: 2 / span 1;
  }

  .benefits__item:nth-child(5) {
    display: flex;
    grid-column: 2 / span 1;
    grid-row: 2 / span 1;
  }

  .benefits__item:nth-child(6) {
    display: flex;
    grid-column: 3 / span 2;
    grid-row: 2 / span 1;
  }

  .benefits__item:nth-child(7) {
    display: flex;
    grid-column: 1 / span 1;
    grid-row: 3 / span 1;
  }

  .benefits__item:nth-child(8) {
    display: flex;
    grid-column: 2 / span 1;
    grid-row: 3 / span 1;
  }

  .benefits__item:nth-child(9) {
    display: flex;
    grid-column: 3 / span 1;
    grid-row: 3 / span 1;
  }

  .benefits__item:nth-child(10) {
    display: flex;
    grid-column: 4 / span 1;
    grid-row: 3 / span 1;
  }

  /* .benefits__item:nth-child(11){
    display: flex;
    grid-column: 4 / span 1;
    grid-row: 4 / span 1;
  } */
}

.ce_accordion {
  background-color: white;
  margin-bottom: 8px;
  border-radius: 0;
  border-bottom: 1px solid var(--border);
}

.ce_accordion .toggler {
  padding: 24px;
  cursor: pointer;
  position: relative;
  font-weight: bold;
  color: var(--main-color);
  display: flex;
  flex-direction: row;
  gap: 16px;
  font-size: 16px;
  align-items: center;
  line-height: 1.4;
}

.ce_accordion .toggler:before {
  display: block;
  content: '+';
  width: 24px;
  height: 24px;
  min-width: 24px;
  border: 2px solid var(--main-color);
  border-radius: 50%;
  text-align: center;
  line-height: 20px;

}

.ce_accordion.active .toggler::before {
  content: '-';
}

.ce_accordion .accordion {
  display: none;
  padding: 32px 24px;
  background-color: var(--gray0);
  border-radius: 4px;
}

.ce_accordion.active .accordion {
  display: block;
}

.joboffer-list__filter .formbody {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
  align-items: flex-end;
  /* justify-content: flex-end; */
  margin-bottom: 24px;
}

.joboffer-list__filter .widget-select {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
}

@media screen and (max-width: 481px) {
  .joboffer-list__filter .widget-select {
    width: 100%;
  }
}

.joboffer-list__filter .widget-select label {
  font-weight: bold;
}

.joboffer-list__filter .selector {
  border: 1px solid #e9e4e1;
  -webkit-box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, .04);
  box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, .04);
  border-radius: 4px;
  position: relative;
  padding: 19px 80px 19px 30px;
  min-width: 210px;
  cursor: pointer;
  overflow: hidden;
}

.joboffer-list__filter .selector:after {
  display: none;
}

.joboffer-list__filter .selector:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: var(--main-color) transparent transparent transparent;
}

.joboffer-list__filter .widget-select select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  line-height: inherit;
  cursor: pointer;
}

.joboffer-list__filter button {
  display: inline-block;
  background-color: var(--main-color);
  font-size: 16px;
  line-height: 1;
  line-height: 32px;
  padding: 12px;
  min-width: 160px;
  text-align: center;
  color: #fff;
  border-radius: 4px;
  transition: .3s ease-in-out;
  max-width: -webkit-fit-content;
  max-width: fit-content;
  outline: 0;
  border: 0;
  cursor: pointer;
  margin-bottom: 5px;
}

.joboffer-list table thead {
  line-height: 56px;
}

.joboffer-list table thead tr th {
  background-color: var(--main-color);
  color: white;
  padding: 0 12px;
}

@media screen and (min-width: 1024px) {
  .joboffer-list table thead tr th {
    padding: 0 40px;
  }
}

.joboffer-list table tbody {
  border-top: 0;
}

.joboffer-list table tbody td {
  padding: 12px;
}

@media screen and (min-width: 1024px) {
  .joboffer-list table tbody td {
    padding: 12px 40px;
  }
}

.joboffer-list table thead {
  position: sticky;
  top: 0;
}

.joboffer-list form {
  max-height: 508px;
  overflow: auto;
  border-bottom: 1px solid #707070;
}