/*! normalize.css v1.1.0 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

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

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

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

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

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

/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2,
.h2{
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

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

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

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

/**
 * Improve readability of pre-formatted text in all browsers.
 */

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

/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */

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

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `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;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */

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

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

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

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

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

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

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

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

.mediaBrowserfolderWidget {
    display: block !important;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */

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

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

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

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `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;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove 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;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */

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

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve 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;
}

/*! normalize.css v1.1.0 | MIT License | git.io/normalize */

/* ==========================================================================
   END NORMALIZE
   ========================================================================== */


/**
 * HTML5 ✰ Boilerplate
 *
 ******************** normalize styles ********************
 */
html { overflow-y: scroll; min-height: 100%; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
em { font-style: italic; }
ul, li { margin:0; padding:0;}

/**
 ******************** primary styles :: mobile first ********************
 *
 * author :: sam zimmermann
 */

/* use inverted box model */
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

body { font-family:Arial, Helvetica, sans-serif; font-weight: 100; color: #444444; font-size: 13px; line-height: 20px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;  min-width: 300px; background: #3A3A3A; }

::-moz-selection { background: #ced8df; text-shadow: none; }
::selection { background: #ced8df; text-shadow: none; }

h1, h2, h3, h4, h5, h6, legend { margin: 0; padding: 0; font-weight: 100; }
h1, h2.main-title, h2.section-title { font-size: 25px; line-height: 28px; margin-bottom: 15px; font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 500; font-style: italic; }
#stellar-header-elm h1, #stellar-header-elm h2.main-title, #stellar-header-elm h2.section-title { margin-bottom: 5px; }
h2, legend, .h2-title { font-size: 20px; line-height: 26px; margin-bottom: 5px; font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 500; }
h2.level_title { margin: 0 1.5% 10px; }
h3 { font-size: 20px; line-height: 25px; font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 500; margin-bottom: 5px; }
h4 { font-size: 18px; line-height: 20px; font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 500; }
h5, .h5-style, .h5-major-style { font-size: 14px; font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 500; font-style: italic;  }
.h5-style { margin-right: 15px;  }
.major-heading, .h5-major-style { color:#ce1619; }

p { margin: 0 0 15px; padding: 0; }
a, a:active, a:visited { color: #ce1619; text-decoration: none; }
a.has-hover:hover, a:active.has-hover:hover, a:visited.has-hover:hover { color: #5b5a5a; text-decoration: none; }
ul { padding: 0 20px 15px;}

hr { display: block; height: 0px; border: 0; border-top: 1px solid #e0dfdf; margin: 10px auto; padding: 0; }
.bg-dark-2 hr { border-top: 1px solid #5b5a5a; }

.loading-section { display: block; text-align: center;}
.events-date-container .loading-section, .container-event-order-by-place .loading-section { padding-top: 20px; }

.section-container img { vertical-align: middle; max-width: 100%; width: 100% !important; height: auto !important; }
img.loading-gif { margin:0 auto; max-width: 50px !important; width: 50px !important; height: 50px !important; min-width: 50px !important; }

.strong, strong {font-family:Arial, Helvetica, sans-serif; font-weight: 700; }
.teaser strong, .teaser .strong, .major-teaser strong, .major-teaser .strong { font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 700; font-style: italic; }
.txt-teaser { font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 500; font-style: italic; font-size: 1.1em; line-height: 1.3em; }
.txt-teaser strong { font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 700; font-style: italic; }

/**
 * grid system
 *
 *
 */
.grid-container { position: relative; }
.grid-container.full-with { width: 100%; max-width: 1920px; }

iframe.full-height {height: calc(80vh - 82px); border: 1px solid #e3e3e3;}



.content-container, .promo-box-container, .promo-image-box-container, .events-container { padding: 20px 20px; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; }
.shop-product-box-container {-webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; }
.grid-events-container, .grid-reference-container, .grid-events-detail-container, .grid-team-container, .grid-search-tab-container { padding: 20px 20px; }
.grid-events-detail-container.bg-light-2, .job-offers-section { padding-bottom: 0; }
.grid-events-detail-container.scn-light-3, .location-branch, .job-contact-section  { padding-top: 20px; }
.footer-container { border-bottom: 1px solid #5B5A5A; padding: 20px; }

/* content templates */
.grid-content-default.content-container { margin-top: 60px; min-height: 300px; }
.grid-content-container.content-container { /*margin-top: 60px;*/ min-height: 300px; }

.content-container-wrapper { position: relative; overflow: hidden; }
.content-container-under { position: absolute; z-index: 9; height: 100%; width: 100%; display: none; }
.content-container-overlay { display: inline-block; width: 100%; position: relative; z-index: 10; }

.grid-content-promo-left { padding-left: 0; padding-right:0; padding-top: 20px; }
.grid-content-promo-left > div > div:nth-of-type(2) { padding-left: 20px; padding-right: 20px; margin-left: 1%; margin-right: 1%; }
.grid-content-promo-left > div > div:nth-of-type(2) p:last-child { margin-bottom: 0;}

.grid-text-two-cols .grid-align-1-2 { margin-left: 1%; margin-right: 1%; }

.grid-content-promo-right { padding-left: 0; padding-right:0; }
.grid-content-promo-right > div > div:nth-of-type(1) { padding-left: 20px; margin-right: 1%; margin-left: 1%; padding-right: 20px; }
.grid-content-promo-right > div > div:nth-of-type(1) p:last-child { margin-bottom: 0;}

.grid-content-promo-right-sm { padding-left: 0; padding-right:0;}
.grid-content-promo-right-sm > div > div:nth-of-type(1) { padding-left: 20px; padding-right:20px; margin-right: 1%; margin-left: 1%; }

.grid-content-1-right > div > div:nth-of-type(1) { margin-left: 1%; margin-right: 1%;}

.grid-content-2 .grid-align-1-1.teaser-content { padding: 20px; }
.grid-content-2 .grid-align-1-2 img  { margin-bottom: 10px; }
.grid-content-2 > div > div:nth-of-type(2) p:last-child { margin-bottom: 0;}
.grid-content-2 > div > div > h2, .grid-content-2 > div > div:nth-of-type(2) { margin-left: 1%; margin-right: 1%; }

.grid-content-3 .grid-align-1-3  { padding-bottom: 15px; }
.grid-content-3 .grid-align-1-3 img, .team-box img  { margin-bottom: 10px; }
.grid-content-3 > div > div > div:last-child p { margin-bottom: 0;}
.grid-content-3 h2, .grid-content-3 p { margin-left: 1%; margin-right: 1%; }
.offset-tab-content.grid-content-3 { padding-right: 20px; padding-left: 20px; }

.grid-content-3-centered .grid-align-1-3  { padding-bottom: 15px; }
.grid-content-3-centered .grid-align-1-3 img, .team-box img  { margin-bottom: 10px; }
.grid-content-3-centered > div > div > div:last-child p { margin-bottom: 0;}
.grid-content-3-centered > div > div > h2, .grid-content-3-centered > div > div > div > p { margin-left: 1%; margin-right: 1%; }
.offset-tab-content.grid-content-3-centered { padding-right: 20px; padding-left: 20px; }

.grid-content-4 .grid-align-1-4 { margin-bottom: 10px; }
.grid-content-4 > div > div > div:last-child p { margin-bottom: 0;}
.grid-content-4 > div > div > h2, .grid-content-4 > div > div > div > p { margin-left: 1%; margin-right: 1%; }
.offset-tab-content.grid-content-4 { padding-right: 20px; padding-left: 20px; }

.grid-content-5 h2 { margin-left: 1%; margin-right: 1%; }
.grid-content-5 .grid-align-1-5 { float:left; width: 48.5%; margin-left: 1.5%; margin-bottom: 3%; }
.grid-content-5 .grid-align-1-5:nth-child(2n) { margin-right: 1.5%; margin-left: 0;}
.grid-content-5 .grid-align-1-5:last-child { padding-bottom: 0px; }
.grid-content-5 .grid-align-1-5 a { display: inline-block; position: relative; }

.grid-content-1-slide { padding-left: 0; padding-right:0; }
.grid-content-1-slide .grid-align-1-1 { padding-left: 20px; padding-right:20px; margin-left: 1%; margin-right: 1%; }

.grid-content-2-3-slide .grid-align-2-3, .grid-content-2-3-slide .grid-align-1-2 { margin-bottom:10px; }
.grid-content-2-3-slide .grid-align-1-3 p:last-child, .grid-content-2-3-slide .grid-align-1-2:last-child, .grid-content-2-3-slide .grid-align-1-2 p:last-child { margin-bottom:0; }

.grid-content-2-3-slide .item, .grid-content-1-2-slide .item { overflow:hidden; border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; background:#ffffff; border: 5px solid #ffffff; }

.bg-light-1 .grid-content-2-3-slide .item, .bg-light-1 .grid-content-1-2-slide .item { background:#f2f2f2; border: 5px solid #f2f2f2;  }
.bg-light-2 .grid-content-2-3-slide .item, .bg-light-1 .grid-content-1-2-slide .item{ background:#ffffff; border: 5px solid #FFFFFF;  }
.bg-light-3 .grid-content-2-3-slide .item, .bg-light-1 .grid-content-1-2-slide .item { background:#fafafa; border: 5px solid #fafafa;  }

.grid-sm-align-1-2 { width: 50%; float: left; }
.grid-sm-align-1-3 { width: 33.33%; float: left; }
.grid-sm-align-1-12 { width: 8.33%; float: left; }
.grid-sm-align-2-12 { width: 16.66%; float: left; }
.grid-sm-align-10-12 { width: 83.33%; float: left; }
.grid-sm-align-8-12 { width: 66.66%; float: left; }

.no-top-offset { padding-top: 0 !important; }

.grid-team-container .offset-tab-content-container { background: #f2f2f2; }
.grid-container-for-team, .grid-container-for-reference { padding: 20px; }
.for-team-content { border-bottom: 1px solid #e0dfdf; margin-bottom: 20px; padding-bottom: 10px; }
.for-team-content:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }

.main-location-container .grid-align-1-2.tab-offset { padding: 20px; }
.main-location-container .teaser { margin-bottom: 5px; }
.main-location-container p { display: inline-block; min-width: 200px; margin-right: 3%; vertical-align: top; }
.main-location-container p.full-width { display: block; }
.main-location-container p:last-child { margin-bottom: 0;  }
.main-location-container a, .main-location-container a:active, .main-location-container a:link, .bg-dark-2 a, .bg-dark-2 a:active, .bg-dark-2 a:link  { color:#fafafa; }
.main-location-container a.has-hover:hover, .bg-dark-2 a.has-hover:hover  { color:#ce1619; }
.block-link { display: block; font-size: 14px; }

.location-image, .events-detail-image { min-height: 250px; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
.location-image { background-image: url('/images/content/inhalte/standorte/hautpsitz-hugentobler-kochparadies.jpg') !important; }
.grid-align-1-3.locations-box, .team-box { display: inline-block; padding-bottom: 45px; padding: 0 0 30px; width: 100%;  margin-bottom: 20px; }
.for-team-content:last-child .grid-align-1-3.locations-box:last-child, .for-team-content:last-child .team-box:last-child { margin-bottom: 0; }
.for-team-content .mediadirInputfieldCheckbox {display: none;}
.team-box { border-radius: 7px; -moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-radius: 7px; background: #F5F5F5; }
.grid-align-1-3.locations-box p, .staff-member-content-container .staff-member-location-container .entering { margin-left: 45px; }

.locations-box i, .main-location-container h3 i  { font-size: 1.3em; vertical-align: -0.2em; margin-right: 5px;  }
.locations-box i { margin-left: -36px; }
.locations-box h3 { margin-left: 45px; }
.main-location-container h1 { margin-left: 36px; margin-top:0; }
.main-location-container h3 { margin-left: 39px; }
.main-location-container h3.teaser { margin-left: 0px; }
.main-location-container h1 > i { margin-left: -31px; margin-right: 4px; vertical-align: -5px; }
.main-location-container h3 > i { margin-left: -36px; }

.main-location-box { padding-bottom: 20px; }
.main-location-box p.no-gap {margin-bottom:0; }
.main-location-box:last-child { padding-bottom:0; }
p.main-location-box-utilities { min-width: 0; margin-right: 20px;}

.grid-content-list .grid-align-2-3 { margin-left: 1%; margin-right: 1%; }
.grid-content-2-3-right .grid-align-2-3 { margin-left: 1%; margin-right: 1%; }
ul.teaser { padding-left: 0; }
ul.teaser li { padding-bottom: 20px; list-style: none; margin-left: 40px; left: 0; position: relative; top: 0; }
ul.teaser li:before { left: -30px; position: absolute; top: 3px; }

.grid-content-list .btn-major-action, .grid-content-list .btn-minor-action { margin-bottom: 20px; }

/**
 * global classes & site elements
 *
 *
 */
.bg-light-1, .scn-light-1 { background: #ffffff; }
.bg-light-2, .scn-light-2 { background: #fafafa; }
.bg-light-3, .scn-light-3, .last-scn-light-3 { background: #f2f2f2; }
.bg-medium-3, .scn-medium-3 { background: #e0dfdf; }
.bg-dark-1, .scn-dark-1 { background: #5b5a5a; color: #fafafa; }
.bg-dark-2, .scn-dark-2 { background: #444444; color: #fafafa; }
.bg-dark-3, .scn-dark-3 { background: #3a3a3a; color: #e0dfdf; }
.bg-major, .scn-major { background: #292929; color: #fafafa; }
.bg-minor, .scn-minor { background: #ce1619; color: #ffffff; }

.scn-light-3 { border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; }
.last-scn-light-3 { border-top: 1px solid #e3e3e3; }
.scn-medium-3 { border-bottom: 1px solid #c5c5c5; border-top: 1px solid #c6c6c6; }
.last-scn-medium-3 { border-top: 1px solid #c6c6c6; }

.stellar-bg-elm, .clr-light-1 { color: #ffffff; }
.clr-light-2 { color: #fafafa; }
.clr-light-3 { color: #f2f2f2;  }
.clr-medium-3 { color: #e0dfdf; }
.clr-medium-4 { color: #8c8b8b; }
.clr-dark-1 { color: #5b5a5a; }
.clr-dark-2 { color: #444444; }
.clr-dark-3 { color: #3a3a3a; }
.clr-major { color: #292929; }
.clr-minor { color: #ce1619; }

.hidden-title, .no-small { display: none !important; }
.small-centered { text-align: center; }
.rounded-border { overflow:hidden; border-radius: 7px; -moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-radius: 7px; }
.rounded { overflow:hidden;  border-radius: 7px; -moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-radius: 7px; }
.grid-align-1-2.rounded-left { overflow:hidden;  border-radius: 7px 7px 0 0; -moz-border-radius: 7px 7px 0 0; -khtml-border-radius: 7px 7px 0 0; -webkit-border-radius: 7px 7px 0 0; }
.grid-align-1-2.rounded-right { overflow:hidden;  border-radius: 0 0 7px 7px; -moz-border-radius: 0 0 7px 7px; -khtml-border-radius: 0 0 7px 7px; -webkit-border-radius: 0 0 7px 7px; }

.bg-light-1 .rounded-border, .scn-light-1 .rounded-border { background:#f2f2f2; border: 7px solid #f2f2f2;  }
.bg-light-2 .rounded-border, .scn-light-2 .rounded-border { background:#ffffff; border: 7px solid #ffffff;  }
.team-box .rounded-border { background:#f2f2f2; border: 7px solid #f2f2f2; }
.bg-light-3 .rounded-border, .scn-light-3 .rounded-border { background:#fafafa; border: 7px solid #fafafa;  }

.shadow { -moz-box-shadow: 0 0 29px -1px #5B5A5A; -webkit-box-shadow: 0 0 29px -1px #5B5A5A; box-shadow: 0 0 29px -1px #5B5A5A; }
.teaser { font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 400; font-style: italic; font-weight: 100; font-size: 17px; line-height: 21px; }
.major-teaser { font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 400; font-style: italic;  font-weight: 100; font-size: 20px; line-height: 28px; margin-bottom: 15px; }
.major-teaser.force-size { font-size: 20px !important; }
.teaser-container .major-teaser { margin: 0; }
.teaser-container .btn-major-action, .teaser-container .btn-minor-action { display: inline-block; margin: 10px 0; vertical-align: 4px; }

.btn-major-action, .btn-minor-action, .btn-link-action, .btn-icon { font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 700; text-transform: uppercase; color: #292929 !important; padding: 8px 20px; display: inline-block; font-size: 12px; letter-spacing: 0; cursor: pointer; }
.btn-major-action, .btn-minor-action { background:#5b5a5a; color: #fafafa !important; border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px;  }
.btn-minor-action { background:#ce1619; color: #fafafa !important;  }
.teaser .btn-action, .major-teaser .btn-action, .stellar-bg-elm .btn-action, .staff-member-content-container .btn-action, .btn-action {font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 700; text-transform: uppercase; color: #ffffff !important; padding: 0px 20px; display: inline-block; font-size: 12px; letter-spacing: 0; border: 2px solid #ffffff; border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; }
.stellar-bg-elm .btn-action, .staff-member-content-container .btn-action, .shop-options-field .btn-action { line-height: 38px; margin: 5px 0; }

.bg-dark-2 .btn-link-action, .bg-dark-1 .btn-link-action, .bg-dark-3 .btn-link-action, .bg-dark-2 .btn-icon { color: #f2f2f2 !important; }

.btn-icon { padding-right:0; padding-left:0; cursor:pointer; }
.btn-icon.has-hover:hover { color: #ce1619 !important;  }
.btn-icon i { font-size: 18px; line-height: 1; vertical-align: -5px; margin-right: 3px; }

.btn-icon-list { border-bottom: 1px solid #e0dfdf; display: block; padding-left: 30px; }
.btn-icon-list i { margin-left: -24px; }
.icon-right, .right { text-align: right; }
.icon-right .btn-icon i { margin-right: 0; margin-left: 5px;}

.more-text-link { display: block; text-align: center; padding: 20px; }

.btn-major-action.has-hover:hover { background: #ce1619; }
.home-eyecatcher-box .btn-minor-action.has-hover:hover, .home-eyecatcher-box .btn-major-action.has-hover:hover { /*background: #fafafa;*/ color: #fafafa !important; }
.btn-minor-action.has-hover:hover { background:#5b5a5a; }
.btn-link-action.has-hover:hover { color:#ce1619 !important; }
.btn-action.has-hover:hover { background: #ffffff; color:#292929 !important;}

.btn-major-action.center, .btn-minor-action.center, .btn-link-action.center { display: block; text-align: center; margin: 0 auto; padding-left: 0; padding-right: 0; width: 180px; }

.btn-major-action.first, .btn-minor-action.first, .btn-action.first { margin-left: 0 !important; }


.has-hover.box-link-external:before { opacity:0; visibility:hidden; font-family: "hugentobler-icon-set" !important; content:"\e015"; color:#ffffff; overflow: hidden; font-size: 25px; padding-top: 5px; text-align: center; position: absolute; top: 0; left: 0; width:100%; height: 100%; background: #444444; border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; background-color: rgb(68, 68, 68); /* fallback */ background-color: rgba(68, 68, 68, 1); /* rgba */ /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#95444444, endColorstr=#95444444)";  ie 8 */  }
.has-hover.box-link-external:hover:before { opacity:1; visibility: visible; padding-top: 21%; }
.lt-ie9 .box-link-external, .lt-ie9 .box-link-external img { display: block !important; }

.first-site-section { margin-top: 60px; border-top:0; }

.custom-list {padding-left:0; padding-right:0;}
.custom-list li { list-style:none; }
.custom-list > li { font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 500; font-size:1.2em; }
.custom-list > li > ul > li { font-family:Arial, Helvetica, sans-serif; font-size:0.8em; margin-bottom:5px; }


/**
 * icon styles
 *
 *
 */
.square-icon { background: #fafafa; color: #3a3a3a !important; border: 1px solid #e3e3e3; height: 90px; text-align: center; margin: -1px; width: 33.33%; font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 500; text-transform: uppercase; float: left; }
.bg-dark-2 .square-icon { background: none; color: #fafafa !important; border: 0px solid #e3e3e3; }
.square-icon i { width: 100%; display: block; font-size: 40px; line-height: 1; padding: 18px 0 0; margin-left: 4px; }
.square-icon i.icon-p1-04l-sign { font-size: 31px; margin-bottom: 3px; margin-top: 5px; }

.major-center-icon { color: #3a3a3a !important; text-align: center; font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 500; text-transform: uppercase; }
.major-center-icon i { font-size: 60px; color: #4e4e4e; display: block; padding: 10px 0 0px; margin-right: -16px; }

.large-icon { color: #4e4e4e !important; text-align: center; font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 500; font-size: 20px; padding-bottom: 40px; }
.large-icon i { font-size: 80px; color: #4e4e4e; display: block; padding: 10px 0 20px; margin-right: -16px;   }
.large-icon .icon-p1-16r-symbol { line-height: 1.1;}

.txt-icon {margin-right: 5px; font-size: 18px; vertical-align: -4px; }

.bg-dark-3 .major-center-icon, .bg-dark-3 .major-center-icon i, .bg-dark-2 .major-center-icon, .bg-dark-2 .major-center-icon i, .bg-dark-1 .major-center-icon, .bg-dark-1 .major-center-icon i { color: #fafafa !important; }

.promo-box i { font-size: 60px; color: #4e4e4e; display: inline-block; padding: 10px 0 0px; margin-right: -16px; }

.single-icon { text-align: center;  font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 500; text-transform: uppercase; display: block; }
.single-icon i { width: 100%; display: block; font-size: 40px; line-height: 1; }

.meta-icon { text-align: center; font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 700; text-transform: uppercase; border-right: 1px solid #444444; font-size: 10px; letter-spacing: 0; margin: 0; padding: 10px 2px 11px 2px; width: 70px; line-height: 1; float: left; cursor: pointer; }
#utilities .meta-icon { display: block; }
.meta-icon:last-child { border-right: 0; }
.meta-icon i { width: 100%; display: block; font-size: 18px; line-height: 1; margin-left: 2px; }

.meta-icon i.icon-p1-04l-sign { font-size: 13px; margin-bottom: 3px; margin-top: 3px; }

.promo-icon { display: none; }

/**
 * transitions
 *
 *
 */
#navi-overlay, #small-meta, .owl-navi-container, #sub-navi, #sticky-sub-navi, .btn-footer-toggle.icon-p2-01n-arrow-down:before, .side-controls li, .icon-p2-01n-arrow-down, #active-language, #main-navi li.level-1 a:after, #sticky-sub-navi li:after, #btn-contact, .btn-major-action.has-hover, .btn-minor-action.has-hover,
.btn-link-action.has-hover, .btn-action.has-hover, .promo-image-box-footer a.has-hover, .shop-product-box-footer a.has-hover, a.has-hover, .has-hover.box-link-external:before, .owl-next i.has-hover, .owl-prev i.has-hover, #modal-overlay, input[type="submit"].has-hover, #btn-quick-search, #language-container, .btn-icon, .filter-box-top-border i, #btn-close-filter-events, #btn-close-filter-shop, #btn-close-filter-team .events-box-utilities,
.events-box-description, .events-box-dates, .event-title, .tab-btn, .tab-btn:after, .download.has-hover i, .reference-overlay, .reference-info, input[type="reset"].has-hover, .promo-container.has-hover figure, .promo-container.has-hover .promo-txt, .square-icon.has-hover, .recipe-overlay, .recipe-info, .shop-category-list li a.has-hover:after, .shop-container-overlay, .shop-category-list li.has-hover i, .md-shop-content i.close-shop-modal.has-hover, .shop-tab-btn.has-hover
{ -moz-transition: all 0.3s; -ms-transition:all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;   }

a.has-hover.reference-box, a.has-hover.teaser-reference-box, a.has-hover.recipe-box {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}

/**
 * layout
 *
 *
 */
#small-navi-container { bottom: 0; overflow-y: auto; position: fixed; right: 0; top: 0; width: 80%; display: none; }
#site-container { position: relative; min-height: 100%; width: 100%; top: 0; right: 0; overflow: hidden; -moz-box-shadow: 0px 0px 13px 5px #292929; -webkit-box-shadow: 0px 0px 13px 5px #292929; box-shadow: 0 0 13px 5px #292929; }

.side-controls {  text-transform: uppercase; list-style:none; position: fixed; right: -200px; z-index: 1000; width: 250px; height: auto; bottom: 30px; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); padding: 0; }
.side-controls i { font-size: 21px; line-height: 1; left: 15px; position: absolute; top: 10px; }
.side-controls li { font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 700; position: relative; top: 0px; left:0px; border: 1px solid #848484; padding: 9px 0 9px 50px; font-size: 12px; margin-top: -1px; color: #fafafa; cursor:pointer; background-color: rgb(41, 41, 41); /* fallback */ background-color: rgba(41, 41, 41, 0.85); /* rgba */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#85292929, endColorstr=#85292929)"; /* ie 8 */ }
.side-controls li.has-hover:hover { left: -100px; border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -khtml-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; }
.side-controls li#side-page-top { border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -khtml-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; padding: 11px; opacity: 0; }
.side-controls li#side-page-top.has-hover:hover { left: 0; }
.side-controls li:first-child { border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; -khtml-border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; }
.side-controls li:last-child { border-radius: 0 0 0 5px; -moz-border-radius: 0 0 0 5px; -khtml-border-radius: 0 0 0 5px; -webkit-border-radius: 0 0 0 5px; }
.side-controls.single-control li { border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -khtml-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; }


#header-container { position: fixed; height: 60px; width: 100%; top: 0px; right:0; z-index: 200; border-bottom: 1px solid #e0dfdf }
#header { position: relative; }

#meta-navi { font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 400; text-align: right; height: 52px; position: relative; z-index: 1600; }
#meta-navi a { color: #E0DFDF; }

#small-meta { position: fixed; bottom: -298px; left: 0; width: 100%; height: 298px; background: none repeat scroll 0 0 #FFFFFF; z-index: 1500; visibility: hidden; text-align: center; }
.open-small-meta #small-meta { bottom: 0px; visibility: visible; }

#small-utilities { width: 100%; margin: 0 auto; text-align: center; padding-top: 66px; padding: 20px 13px 20px 20px; }
#utilities { display: inline-block; position: absolute; right: 180px; top: 0;  }

#small-language-container { position: absolute; width:100%; height: 80px; left:0; bottom:0; text-align: center; }
#small-language-container a { font-family: font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 500; text-transform: uppercase; color: #f2f2f2; padding: 10px 20px; float: left; }
#small-language-container a:first-child { padding-left: 20px; }
#small-language-container a:last-child { padding-right: 20px; }
#small-language-container a.active { background: #ce1619; }

#meta-txt-link, #active-language { font-size: 15px; font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 500; text-transform: uppercase; overflow: hidden; position: absolute; right: 74px; top:0; }
#meta-txt-link a { padding: 16px 20px; display: inline-block; border-right: 1px solid #444444; }
#active-language { position: absolute; top:0; right: 0; height: 52px; display: inline-block; padding: 16px 7px 16px 18px; cursor: pointer; }
#active-language i { font-size: 12px; margin: 0 10px; line-height: 1; vertical-align: -1px; }
#active-language.has-hover:hover, .open-language #active-language, #meta-txt-link a.has-hover:hover { background: #292929; }

#language-container { position: absolute; right: 0; top:52px; height: auto; background: #292929; height: 0; overflow: hidden; border-right: 5px solid #292929; border-left:5px solid #292929; }
#language-container a { position: relative; display: block; font-size: 15px; padding: 14px 40px 14px 40px; border-bottom: 2px solid #292929; font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 500; text-transform: uppercase; text-align: left; }
#language-container a:first-child {  border-top: 5px solid #292929; }
#language-container a.has-hover:hover { background:#3a3a3a; }
#language-container a:before { content: "\e052"; font-family: "hugentobler-icon-set"; position: absolute; top: 14px; font-size: 12px; cursor: pointer; left: 20px; }
.open-language #language-container  { height: 159px; }

#meta-navi #utilities .has-hover:hover  { background: #292929; }
#language-container a.active, #language-container a.active.has-hover:hover { background: #ce1619; }

#btn-account.active, #meta-navi #utilities .active.has-hover:hover { background: #ce1619; }

#meta-navi > div > div { position: relative; display: block; height: 52px; }

.filter-border { border: 1px solid #f2f2f2; display: inline-block;  }
#small-meta .filter-border {  margin-top: 20px;  }

#logo { width: 160px; margin: 0 auto; padding: 11px 0 0; position: relative; z-index: 1200; }
#logo-img { display: block; width: 160px; height: 40px; background-image: url('/themes/hugentobler/img/logo-hugentobler-kochsysteme.png'); background-position: left top; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; }
.lang_fr #logo-img { background-image: url('/themes/hugentobler/img/logo-hugentobler-kochsysteme-fr.png'); }
.lang_en #logo-img { background-image: url('/themes/hugentobler/img/logo-hugentobler-kochsysteme-en.png'); }
#logo-img img { width: 100%; height: auto; display: none; }

#btn-small-meta, #btn-small-navi { width: 60px; height: 60px; display: inline-block; position: absolute; top: 0; text-align: center; font-size: 24px; padding: 18px 0; cursor: pointer; }
#btn-small-meta { left: 0; font-size: 17px; top:3px; }
#btn-small-navi { right: 0; }

#navi-overlay, #modal-overlay { background: #39373e; height: 100%; left: 0; min-height: 100%; opacity: 0; position: fixed; top: 0px; visibility: hidden; width: 100%; z-index: 1200; }
#modal-overlay { z-index: 1800; }
.open-small-meta #navi-overlay, .open-megamenu #navi-overlay, .open-account #modal-overlay, .shop-cart-modal #modal-overlay { opacity: 0.7; visibility: visible; }
.lt-ie9 .open-small-meta #navi-overlay, .lt-ie9 .open-megamenu #navi-overlay, .lt-ie9 .open-account #modal-overlay { background: none; background-color: rgba(41, 41, 41, 0.85); /* rgba */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7039373e, endColorstr=#7039373e)"; /* ie 8 */}

.section-container, .eyecatcher-follow-container { position: relative; z-index: 10;}

.socials { display: block; padding-top: 25px; padding-bottom: 10px; }
.socials a { color: #FAFAFA; margin: 0 6px; display: inline-block; }
.socials #facebook-share.has-hover:hover { color: #3C599B; }
.socials #twitter-share.has-hover:hover { color: #55ACEE; }
.socials #youtube-share.has-hover:hover { color: #E32525; }
.socials a i { font-size: 32px; display: inline-block; }

.svg-icon {width:33px;}
.socials #youtube-new-share .cls-1 {fill:#FAFAFA;}
.socials #youtube-new-share.has-hover:hover .cls-1 {fill:#E32525;}

.socials #facebook-new-share .cls-1 {fill:#FAFAFA;}
.socials #facebook-new-share.has-hover:hover .cls-1 {fill:#3C599B;}

.socials #insta-new-share .cls-1 {fill:#FAFAFA;}
.socials #insta-new-share.has-hover:hover .cls-1 {fill:#C13584;}

.socials #linkedin-new-share .cls-1 {fill:#FAFAFA;}
.socials #linkedin-new-share.has-hover:hover .cls-1 {fill:#0e76a8;}

.credits { font-size: 10px; color: #a7a6a6; padding-bottom: 30px; line-height: 16px; padding-left: 30px; padding-right: 30px; }
.credits a, .credits a:active, .credits a:visited { color: #a7a6a6 !important; }
.credits a.has-hover:hover, .credits a.has-hover:visited:hover { color: #ffffff !important; }

/* mobile navigation */
#small-navi { margin: 0 0 67px; padding: 0; width:100%; overflow: hidden; }
.small-navi-outer { position: absolute; min-height:100%; width: 100%; border-top: 2px solid #292929; }

#small-navi a, #small-navi i { color: #FAFAFA; }
#small-navi ul,  #small-navi li { list-style: none; }
#small-navi a, #small-navi-container .owl-navi-container { display: block; font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 400;  }
#small-navi-container .owl-navi-container { background: #292929; }

#small-navi-container a.single-icon { position:absolute; bottom:0; width:100%; margin: 0 0 2px 0; padding: 15px 0 15px 0; color:#FAFAFA; font-size: 12px; line-height: 1; font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 700; background: #3a3a3a;  }
#small-navi-container a.single-icon i { font-size: 20px; }

#small-navi .level-1 { position: relative; }
#small-navi .level-1 > a { text-transform: uppercase; font-size: 18px; padding: 15px 20px 12px; background: #3a3a3a; line-height: normal; position: relative; border-bottom: 2px solid #292929; }
#small-navi .level-1 > a.starter_active, .level-1 > a.active { background: #ce1619; }

#small-navi .level-1 > i { padding: 18px 20px 10px; position: absolute; right: 0px; top: 0px; font-size: 12px; cursor: pointer; display: none; }
#small-navi .level-1.has-submenu > i { display: block;  }

#small-navi .level-1.sub-menu-open > i { display: block; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
#small-navi .level-1 > div > .menu { display: none; padding: 10px 20px; }
#small-navi .level-1.sub-menu-open > div > .menu { display: block; }

#small-navi .level-2 > a { font-size: 16px; padding: 10px 0px 7px; line-height: normal; text-transform: uppercase; }
#small-navi .level-2 > a.active { font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 500; color: #ce1619; }

#small-navi .level-2  > .menu { padding: 0 0 10px 0; border-bottom: 1px solid #444444; margin-bottom: 5px; }
#small-navi li.level-2:last-child > .menu { border-bottom: 0; margin-bottom: 0px; }
#small-navi .level-3 > a { font-size: 14px; padding: 5px 0; }
#small-navi .level-3 > a.active { color: #ce1619; }

/**
 * boxes
 *
 *
 */
/* products overview list */
.product-overview-list { padding: 0; }
.product-overview-list li { list-style: none; float: left; width: 50%; }
.product-overview-list img { display: block; padding: 0 10% 0 10%; }
.product-overview-list li > a { font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 500; color: #5b5a5a; padding: 0 3px 20px; text-transform: uppercase; font-size: 16px; margin: 5px; display: block;  text-align: center; border: 1px solid #f2f2f2; font-size: 14px; padding-top: 0; }
.product-overview-list li.has-hover:hover > a { border: 1px solid #e3e3e3; background: #fafafa; color:#ce1619; }

/* eyecatcher home promo */
.home-eyecatcher-box { position: absolute; top: 10%; height: auto; z-index: 90; text-align: center; padding: 8%; width: 100%; }
.home-eyecatcher-box .teaser { font-size: 32px; line-height: 38px; font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 700; font-style: italic; color: #FAFAFA; margin-bottom: 20px; }
.home-eyecatcher-box .btn-minor-action, .home-eyecatcher-box .btn-major-action { font-size: 12px; padding: 3px 15px; }
.home-eyecatcher-box .btn-major-action { font-size: 14px; padding: 10px 20px; background: #fafafa; color: #292929 !important;  margin-right: 10px; font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 500; margin: 0 auto; }

.home-eyecatcher-box .owl-buttons { display: none; }
.home-slider-scroll-down { display: none; }

.promo-scroll-down { cursor: pointer; display: block; width: 40px; margin: 0 auto; padding: 9px 0 4px 0; font-size: 25px; color: #5A5A5A; text-align: center; }
.promo-scroll-down.has-hover:hover {  color: #CE1619;  }

/* eyecatcher follow promo */
.follow-eyecatcher-box { position: absolute; right: 20px; bottom: 0; height: auto; z-index: 90; padding: 15px 20px; background-color: rgb(206, 22, 25); /* fallback */ background-color: rgba(206, 22, 25, 0.85); /* rgba */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#85ce1619, endColorstr=#85ce1619)"; /* ie 8 */ max-width: 80%; }
.follow-eyecatcher-box h1, .follow-eyecatcher-box h2 { font-size: 15px; margin-bottom: 0px; line-height: 18px; font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 500; font-style: italic; }
.follow-eyecatcher-box .teaser { font-size: 14px; margin-bottom: 0px; line-height: 16px; }

/* promo box */
.promo-box { padding: 30px; margin-bottom: 10px; }
.promo-box.height-auto { height: auto; }
.promo-box-title {display: table; width: 100%; }
.promo-box i { font-size: 60px; color: #4e4e4e; display: inline-block; padding: 10px 0 0px; margin-right: -16px; }
.promo-box h3 { font-size: 22px; display: table-cell; height: 80px; margin: 0; vertical-align: middle; }
.promo-box p { margin-bottom: 30px; }

.owl-recruiting-career-carousel .promo-box {
    color: #444444;
    width: 100% !important;
    margin: 0 !important;
    height: 100%;
}

.owl-recruiting-career-carousel .promo-box h3 {
    height: auto !important;
    display: block;
    margin-bottom: 12px;
}

.owl-recruiting-career-carousel .promo-box p {
    height: auto !important;
    margin-bottom: 0;
}


    /*  box */
.minor-box { padding: 30px; margin-bottom: 10px; background-color: #ce1619; color: #FFFFFF;}
.minor-box.height-auto { height: auto; }
.minor-box-title {display: table; width: 100%; }
.minor-box i { font-size: 60px; color: #4e4e4e; display: inline-block; padding: 10px 0 0px; margin-right: -16px; }
/*.minor-box h3 { font-size: 22px; display: table-cell; height: 80px; margin: 0; vertical-align: top; }*/
.minor-box p { margin-bottom: 30px; }

/* promo image box */
.promo-image-box { margin-bottom: 20px; }
.promo-image-box-content { padding: 20px; }
.promo-image-box-footer { padding: 12px 20px; position: relative; }
.promo-image-box-footer a { font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 700; text-transform: uppercase; color: #fafafa !important;  display: inline-block; font-size: 12px; letter-spacing: 0; }
.promo-image-box-footer a.has-hover:hover { color: #ce1619 !important; }
.promo-image-box-utilities { position: absolute; right: 10px; top: 12px; }
.promo-image-box-utilities i { cursor: pointer; font-size: 20px; }
.promo-image-box-content p:last-child { margin-bottom: 0px; }

/* Recruitment */

.owl-recruiting-career-carousel .owl-wrapper{
    display: flex !important;
}

.owl-recruiting-career-carousel .item{
    height: 100% !important;
}

.owl-recruiting-career-carousel .owl-pagination .owl-page,
.owl-recruiting-testimonial-carousel .owl-pagination .owl-page {
    color: #ffffff !important;
}

/* events & offer box */
.events-box, .offer-box, .reference-box, .teaser-reference-box, .recipe-box { margin-bottom: 20px; min-width: 215px; }
.open-event-date .events-box-content { min-height: 350px; }
.event, .level_title, .team-box, .shop-container-overlay .tab-container, .shop-container-overlay #shop-filter { min-width: 215px; }
.events-box-content { padding: 20px; }
.events-box-footer, .offer-box-footer { padding: 12px 20px; position: relative; }
.events-box-footer { overflow:hidden; border-radius: 0 0 7px 7px; -moz-border-radius: 0 0 7px 7px; -khtml-border-radius: 0 0 7px 7px; -webkit-border-radius: 0 0 7px 7px;  }
.events-box-footer a, .offer-box a { font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 700; text-transform: uppercase; color: #fafafa !important;  display: inline-block; font-size: 12px; letter-spacing: 0; }
.events-box-footer a.has-hover:hover, .offer-box-footer a.has-hover:hover { color: #ce1619 !important; }
.events-box-utilities, .offer-box-utilities { position: absolute; right: 0; top: 0; height: 44px; padding: 10px; width: 44px; }
.events-box-utilities.has-hover:hover, .offer-box-utilities.has-hover:hover { color:#ce1619; }
.open-event-date .events-box-utilities, .open-event-date .events-box-utilities.has-hover:hover { background: #f2f2f2; color:#4e4e4e; }
.events-box-utilities i, .offer-box-utilities i { cursor: pointer; font-size: 22px; }
.events-box-content p:last-child { margin-bottom: 0px; }

.events-box-dates { opacity: 0; visibility: hidden; height: 0;  }
.events-box-dates ul { padding:0; }
.events-box-dates li { list-style: none; border-top:1px solid #e0dfdf; line-height: 22px; padding: 10px 25px 6px; }
.events-box-dates li i { margin-right: 7px; font-size: 18px; vertical-align: middle; margin-left: -24px; }
.open-event-date .events-box-dates { opacity: 1; visibility: visible; height: auto; }

.events-box-description { opacity: 1; visibility: visible; height: auto;  }
.events-box-description figure { overflow:hidden; border-radius: 7px 7px 0 0; -moz-border-radius: 7px 7px 0 0; -khtml-border-radius: 7px 7px 0 0; -webkit-border-radius: 7px 7px 0 0;  }
.open-event-date .events-box-description { opacity: 0; visibility: hidden; height: 0; }

.offer-box-content, .teaser-box-content { padding: 20px; }
.offer-list { padding: 0; margin-bottom: 20px; }
.offer-list li { list-style:none; border-top: 1px solid #E0DFDF; padding: 7px 0; }
.offer-list li:last-child { border-bottom: 1px solid #E0DFDF; }

.teaser-box-list { list-style: none; padding: 0;}
.offer-desc, .teaser-box-p, .teaser-box-list li { border-bottom: 1px solid #E0DFDF; margin-bottom: 0px; padding-bottom: 5px; padding-top: 5px; }
.first-offer-desc { border-top: 1px solid #E0DFDF; }

.teaser-box-list li { padding-left: 47px; padding-right: 5px; }
.teaser-box-list .h5-style { margin-left: -43px; }

.promo-teaser h3 { margin-bottom: 3px; font-size: 18px; }
.promo-teaser p:last-child { margin-bottom: 0; }

.offer-call-to-action { margin-bottom: 0; display: block; text-align: center; padding-top: 15px; display: none; }

.event { border-bottom:1px solid #e0dfdf; width: 100%; padding: 0; }
.event-title { width: 100%; display: table; padding: 15px 10px; cursor: pointer; }
.event-title.has-hover:hover, .open-event-detail .event-title {  background: #f2f2f2; }
.is-touch-device .event-title.has-hover:hover { background: #ffffff; }
.event-title.has-hover:hover h3 { color:#ce1619; }
.is-touch-device .event-title.has-hover:hover h3 { color:#444444; }
.event-detail {  width: 100%; display: none; overflow: hidden; position: relative; }

.event h3 { margin-bottom: 10px; }

.event-description { width: 85%; display: table-cell; vertical-align: top; }
.event-more { width: 15%; display: table-cell; height: 100%; vertical-align: middle; text-align: right; padding-right: 10px; }
.event-detail-register a, .jobs-details, .press-details { width: 100%; text-align: center; margin-top: 5px; }
.jobs-details a, .press-details a { width: 100%; }
.event-infos > span, .press-infos span, .exhibition-infos span { display: block; padding: 2px 15px 2px 34px; color: #8C8B8B; }
.jobs-infos span  { display: block; padding: 2px 15px 2px 41px; color: #8C8B8B; }
.jobs-infos i  { margin-right: 9px; }
.event-infos span.event-date { color: #444444; }
.exhibition-infos span.no-icon { padding-left: 5px; }
.event-infos > span i, .press-infos span i, .exhibition-infos span i { margin-left: -29px; }
.jobs-infos span i { margin-left: -36px; }
.event-infos > span i { margin-right: 11px; }

.jobs-infos span.job-title, .press-infos span.press-title, .exhibition-infos span.exhibition-title { width:100%; color: #444444; }

.exhibition-infos a.has-hover:hover .exhibition-title { color: #CE1619 !important; }

/* shop module */
.shop { width: 100%; padding: 0; margin-bottom: 20px; }
.shop-sidebar .sd { padding: 20px 25px; }
#shop .paging { text-align: center; }
#shop .informations { border-bottom: 1px solid #e0dfdf; padding-bottom: 11px; margin-bottom: 20px; }
.shop-detail .functions .main-title { margin-top: 5px; }
.no_product p { border-bottom: 1px solid #e0dfdf; border-top: 1px solid #e0dfdf; background: #fafafa; padding: 5px 10px; }
.shop-box-content { padding: 20px 20px 80px 20px; background: #f2f2f2; min-height: 220px; position: relative; }
.shop-box-footer { padding: 15px 0; background: #444444; position: relative; color: #F2F2F2; display:block; height:50px; }
.shop-box-footer a { font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 700; text-transform: uppercase; color: #fafafa;  display: inline-block; font-size: 12px; letter-spacing: 0; }
.shop-box-footer a.has-hover:hover { color: #ce1619 !important; }
.shop-box-utilities { position: absolute; right: 0; bottom: 0; padding: 14px 22px; width: 100%; min-width: 185px; }
.shop-price, .shop-detail-price { width: 20%; text-align:right; font-size: 26px; display: table-cell !important; vertical-align: middle; font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 400; }
.shop-price .stock, .shop-detail-price .stock { font-size:0.5em; font-family: Arial, Helvetica, sans-serif;}
.old-price { font-size: 0.7em; display: none; }

.shop-container-under {overflow:hidden;}
.shop-navbar { height:100%; min-height:1200px; overflow-y:scroll;}

#shop .lostpw { display:block; text-align:center; }

/*
.shop-tab-btn { position:relative; background: #ffffff; padding: 15px 20px; color: #292929 !important;  font-size: 12px; letter-spacing: 0;  text-transform: uppercase; cursor:pointer; display: block; }
.shop-tab-btn i { position: absolute; right: 20px; top: 18px; }
*/
.shop_options { margin: 65px 0 0 0; position:relative; }

.shop_options.standalone {margin: 0 0 22px 0 !important;}

.shop-tab-btn {display: inline-block; position: absolute; right:0; top: -40px;  font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 700; text-transform: uppercase; background:#5b5a5a; color: #fafafa !important; padding: 10px 25px 8px; display: inline-block; font-size: 12px; letter-spacing: 0; cursor: pointer; border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; }
.shop-tab-btn.has-hover:hover { background:#e0dfdf; color: #444444 !important; }
.shop-tab-btn.has-hover:hover i { color: #444444 !important; }
.shop-tab-btn i { margin-left: 16px; vertical-align:-0.2em;}
.open-shop-option .shop-tab-btn { background: #e0dfdf; color:#444444 !important;  border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; }
.open-shop-option .shop-tab-btn i { color:#444444 !important; }

.shop-tab-btn.standalone {width: 100%; position: relative; top: unset;}
.employee .shop-tab-btn.standalone {width: auto; border: 2px solid #ffffff; background-color: transparent}

.shop-tab-btn.standalone i {float: right; }

.open-shop-option .shop-tab-btn.standalone,
.shop-options-field.standalone  {
    background: #5b5a5a !important;
}

.shop-options-field.standalone,
.shop-options-field.standalone a  {
    color: #ffffff;
}

.shop-options-field.standalone a:hover  {
    color: #ce1619;
}

.open-shop-option.employee .shop-tab-btn.standalone {
    background: transparent !important;
    color: rgba(255,255,255,0.5) !important;
    border-color: rgba(255,255,255,0.5);
    border-radius: 4px;
}

.shop_options.employee.open-shop-option .shop-tab-btn.has-hover.standalone:hover {
    background-color: rgba(255,255,255,0.5) !important;
}

.shop_options.employee .shop-tab-btn.has-hover.standalone:hover {
    background-color: #e0dfdf !important;
}

.shop_options.employee  h4{
    margin-bottom: 7.5px;
}


.open-shop-option.employee .shop-tab-btn.standalone i {
    color: rgba(255,255,255,0.5) !important;
}

.employee .shop-options-field.standalone  {
    background: transparent !important;
}

.employee .shop-options-field.standalone .shop_options_click {
    padding: 0 0 50px 0 ;
}



.product-detail-buttons {margin-top:45px; margin-bottom:0 !important;}
.product-detail-buttons .shop-tab-btn {right:auto; left:0;}

.shop-options-field {border-radius: 4px 0 4px 4px; -moz-border-radius: 4px 0 4px 4px; -khtml-border-radius: 4px 0 4px 4px; -webkit-border-radius: 4px 0 4px 4px;  overflow:hidden;}
.shop-options-field.standalone { border-radius: 0px 0 4px 4px; }

.product-detail-buttons .shop-options-field {border-radius: 0 4px 4px 4px; -moz-border-radius: 0 4px 4px 4px; -khtml-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px;  overflow:hidden;}
.shop-options-field > div { padding: 20px 20px 20px 20px;}
.shop-options-field label { font-family: Arial, Helvetica, sans-serif; font-weight: 400; text-transform: inherit;  padding-bottom: 5px; }
.shop-options-field input[type="radio"], .shop-options-field input[type="checkbox"] { margin-right: 5px; width: auto !important; }
.shop-opt-name {border-bottom: 1px solid #e0dfdf; padding-bottom:10px; font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 700; font-size: 12px; letter-spacing: 0.05em; padding-bottom: 0px; text-transform: uppercase;}
.add-to-cart { position: absolute; right: 17px; bottom: 69px; padding:11px 25px 12px 19px; border:0; }
.cart-icon-square {border-right: 1px solid #ffffff; display: inline-block; height: 14px; left: 0; margin-right: 10px; position: relative; top: 4px; width: 29px; }
.add-to-cart i {font-size: 1.4em; left: 0; position: absolute; top: -2px; }
.shop-detail-btn { padding-top:10px !important; padding-bottom:10px !important;}
.shop-detail-btn i { font-size:14px;}

.shop-category-list { font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 700; font-size: 14px; letter-spacing: 0.05em; padding-bottom: 2px; text-transform: uppercase; }
ul.shop-category-list { padding: 0; }
.shop-category-list li  { list-style: none; color: #E0DFDF; position: relative; }
.shop-category-list li i  { display: none; }
.shop-category-list li.has-hover:hover i  { color: #ce1619 !important; }
.shop-category-list li.shopnavbar2 i, .shop-category-list li.shopnavbar2_active i  { display: inline-block; position: absolute; top: 6px; left: 24px; }
/*.shop-category-list li.shopnavbar1 { border-top: 1px solid #5b5a5a; }*/
.shop-category-list li.shopnavbar1:first-child { border-top: 0; }
/*.shop-category-list li.shopnavbar1:last-child { border-bottom: 1px solid #5b5a5a; }*/
.shop-category-list li.shopnavbar2, .shop-category-list li.shopnavbar2_active  { border-bottom: 0; border-top: 0; background: #3A3A3A; }
.shop-category-list li.shopnavbar2 a, .shop-category-list li.shopnavbar2_active a  { /*border-top: 1px solid #5b5a5a;*/ padding: 7px 10px; }
.first-submenu-item a { padding-top: 10px !important; }
.first-submenu-item i { top: 12px !important; }
.last-submenu-item a { padding-bottom: 15px !important; }

.bg-dark-2 .shop-category-list li a, .bg-dark-2 .shop-category-list li a:active, .bg-dark-2 .shop-category-list li a:link { color: #E0DFDF; padding: 10px 25px; display: block;}
.bg-dark-2 .shop-category-list li.shopnavbar2 a, .bg-dark-2 .shop-category-list li.shopnavbar2_active a { padding-top: 4px; padding-bottom: 4px;}
.shop-category-list li a.has-hover:hover { color: #ce1619 !important; background: #3A3A3A; }
.shop-category-list li.shopnavbar1_active a.has-hover:hover { color: #ffffff !important;}
.bg-dark-2 .shop-category-list li.shopnavbar2 a, .bg-dark-2 .shop-category-list li.shopnavbar2_active a  { padding-left: 45px !important; }
.bg-dark-2 .shop-category-list li.shopnavbar1_active a, .bg-dark-2 .shop-category-list li.shopnavbar1_active a:active, .bg-dark-2 .shop-category-list li.shopnavbar1_active a:link { background: #ce1619 none repeat scroll 0 0; color: #ffffff; }

.shopnavbar2_active a, .shopnavbar2_active i { color: #CE1619 !important;}

.cart-heading { border-bottom: 1px solid #5b5a5a; margin-bottom: 20px; padding-bottom: 5px; padding-top: 20px; }
.shop-cat-heading { border-bottom: 1px solid #5b5a5a; margin-bottom: 10px; padding-bottom: 5px; }
.shop-cart-box, .cart-heading, .shop-cat-heading, .shop-search-box { margin-left: 25px; margin-right: 25px; }
.cart-icon { font-size: 1.5em; margin-right: 10px; vertical-align: -9px; }
.shop-cat-icon { font-size: 1.2em; margin-right: 10px; vertical-align: -9px; }

.shop-cart-box p { border-bottom: 1px solid #5b5a5a; margin-bottom: 8px; padding-bottom: 8px; }
.shop-cart-box ul { padding: 0; margin: 0; }
.shop-cart-box ul li { list-style: none; }

.shop-cart-utilities { padding-top: 20px; text-align: right; }
.total { padding-top: 10px; }

.cart-price { display: block; text-align: right; padding: 5px 0 0 0; }
.cart-total-price {  text-align: right; float: right; font-family:Arial, Helvetica, sans-serif; font-weight: 700; }
.shop_options select { width: 100% !important; }
.shop-opt-name { margin-top: 20px; }
.shop-opt-name:first-child { margin-top: 0; }
#shopPspLogo { display: none; }

/* shop detail page */
.shop-detail-title { padding-top:20px; margin-bottom:5px; padding-bottom: 10px; border-bottom: 1px solid #e0dfdf; }
.product_id { display: block; width: 100%; float:none !important;}
.shop-short-desc { padding-top: 15px;}
.shop-detail-price-wrapper { padding: 30px 0 0 0; text-align: right; }
.shop-detail .add-to-cart { position: inherit; }
.shop-detail .shop-detail-price  { display: inherit !important; width: inherit; }
/*.shop-detail .shop_options { margin-bottom: 0px; margin-top: 0px; }*/
.shop-detail .shop-detail-price-wrapper { padding: 20px 0 0 0; }
.shop-detail-price { margin-right:0; padding-bottom: 10px;}

.shop-overview-options input  { background: #fafafa; width:70% !important; margin-right:10px;  }
.quantity_field {display:none; width:60px; padding:12px; text-align:center;}
.shop-detail .images { padding: 20px 20px 20px 30px; }
.shop-detail .description { padding: 0 20px 10px 20px;}

/* shop cart page */
.shop-cart-product-row { width: 100%;  padding: 15px 0; border-bottom: 1px solid #e0dfdf; }
.shop-overview-product-row { width: 100%;  padding: 15px 0; border-bottom: 1px solid #e0dfdf; }
.cart-detail-page { padding: 20px 20px 20px 20px;}
.shop_quantity {width: 44px !important;  padding: 11px 7px 9px 7px; text-align: right; }
.shop-tax { display: none; }
.delete-item { color:#444444 !important; font-size: 1.2em; float: right;}
.has-hover:hover .delete-item { color:#ce1619 !important;}
.shop-cart-product-row > div, .shop-cart-function-list > div { display: inline-block; vertical-align: top; }
.shop-overview-product-row > div { display: inline-block; vertical-align: middle; width:100%; }
.shop-overview-product-row > div.shop-row-align-top { vertical-align: top;}
.shop-cart-function-list { text-align: right; padding-top:20px; width:100%;}
.shop-cart-function-list > div { padding-top:10px; }
.shop-cart-price {  padding-top: 7px; text-align: right; }
.shop-overview-price { text-align: right; width: 50%; }
.shop-total-price { font-size: 26px; font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 400;  text-align: center; }
.shop-single-price { display: block; text-align: center; }
.shop-cart-remove {  padding-top: 9px; padding-left: 20px; display: block; }
.shop-cart-quantity { float: left; width: 50%; text-align: left;}
.shop-cart-desc i { font-style: normal !important; }
.shop-cart-summary { text-align: right; padding: 30px 0px 30px 0; }
.shop-summary-total { padding-top: 20px; }
.shop-summary-total .txt-teaser { vertical-align: 3px;}
.summary-first-col, .summary-second-col { display: inline-block; }
.cart-links, .cart-buttons input { margin-bottom: 10px;}
.shipping-address {padding-top:20px;}

.shop-options-field {background:#e0dfdf;}

.shop-cart-functions { text-align: right; padding: 30px 0; border-top: 1px solid #E0DFDF; }
.shop-message { padding: 30px 0; border-top: 1px solid #E0DFDF; }
.shop-cart-functions input { width: 125px; display: inline-block; margin-left: 20px; }
input[type="submit"].icon-link-button { background: none !important; color:#292929 !important;}
input[type="submit"].icon-link-button.has-hover:hover { color: #ce1619 !important;}

/* shop account page */
.account_details { border-top: 1px solid #E0DFDF; margin-top: 30px; padding-top:20px; padding-bottom:20px; margin-bottom:30px; }
.country2 { padding-bottom: 3px;}
.shop-account-buttons { text-align: right; }


/* shop overview page */
.overview-summary { border-bottom: 1px solid #E0DFDF; margin-bottom: 20px;}
.overview-first-total { padding-top: 5px; }
.overview-first-total > div { padding-top: 0;}

.order-overview-shipping > span, .order-overview-customer > span { display: block; }
.order-overview-comments { padding-top: 20px; }
.shop-payment-page .error { padding-bottom: 30px; }

/*shop banner */
.article-group {display: none;}
.article-group-1, .article-group-3, .article-group-4,.article-group-5 { display: inherit;}
.shop-box-description-img-link { position: relative; display: block; }
.shop-new-product-banner { position: absolute; right: 0; top: 0; width: 90px; height: auto;}
.shop-box-description figure { border-radius: 7px 7px 0 0; -moz-border-radius: 7px 7px 0 0; -khtml-border-radius: 7px 7px 0 0; -webkit-border-radius: 7px 7px 0 0; border: 7px solid #f2f2f2; overflow:hidden;}

a.btn-icon-list { color: #444444; }

.press-title {display: block; }
.press-subtitle, .press-date, .press-press, .press-size { color: #8C8B8B; }
.press-press, .press-size, .press-date { display: inline-block; }
.press-press, .press-date { margin-right: 10px;}

a.download-list.has-hover:hover .press-title { color: #ce1619; }

.event-detail figure { overflow: hidden; }
.open-events-filter .event-detail figure { height: 130px; }
.event-detail-description { padding: 20px 20px 140px; position: relative; }

.product-datasheets h2 { margin-top: 20px; }
.product-datasheets h2:first-child { margin-top: 0; }

/* logo box */
.logo-box { overflow:hidden; border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; }

/* login box */
.avatar { padding: 20px; font-size: 15px; }
.avatar i { padding-bottom: 10px; }

/* sidebar box */
.sidebar-box { padding-bottom: 20px; }

/* campaign box */
.campaign-img-title { font-size: 16px; margin-bottom: 0px; line-height: 22px; font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 400; font-style: italic;   }
.campaign-img-title strong { font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 500; font-style: italic; }

/* reference box */
.reference-box, .teaser-reference-box, .recipe-box { display: block; cursor:pointer; position: relative; overflow:hidden; border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0;  }
.reference-box figure, .teaser-reference-box figure, .recipe-box figure { border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0;  position: relative; overflow: hidden; }
.reference-box-overview-desc, .teaser-reference-box-overview-desc, .recipe-box-overview-desc  {  border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -khtml-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; padding: 9px 10px 12px; }
.premium-referenz .reference-box-overview-desc, .premium-referenz .teaser-reference-box-overview-desc, .premium-recipe .recipe-box-overview-desc { background-color: rgb(206, 22, 25); }
.recipe-box-overview-desc  { min-height: 72px;  }
.reference-overlay, .recipe-overlay {  position: absolute; bottom:0; left:0; width:100%; height: 0; display: block; background-color: rgb(68, 68, 68);}
.premium-referenz .reference-overlay, .premium-recipe .recipe-overlay { background-color: rgb(206, 22, 25);}
.teaser-reference-box.has-hover:hover .reference-overlay, .reference-box.has-hover:hover .reference-overlay, .recipe-box.has-hover:hover .recipe-overlay { height: 100%;  }

.reference-info { position: absolute; top: 0; left:0; width:100%; height: 100%; display: block; visibility: hidden; opacity: 0;   }
.reference-box.has-hover:hover .reference-info, .teaser-reference-box.has-hover:hover .reference-info, .recipe-box.has-hover:hover .recipe-info { visibility: visible; opacity: 1; padding-top: 20%; }

.reference-box .reference-info i, .teaser-reference-box .reference-info i, .recipe-box .recipe-info i { font-size: 40px; line-height: 1; padding-left: 10px; }
.reference-box-title, .reference-box-content, .teaser-reference-box-title, .teaser-reference-box-content, .recipe-box-title, .recipe-box-content { display: block; font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 400; font-style: italic;  font-size: 20px; line-height: 26px; }
.reference-box-title, .reference-box-title, .recipe-box-title { display: block; font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 500; font-style: italic; }

.reference-img-desc { font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 500; font-style: italic; display: block; padding: 7px 7px 4px 7px; }
.reference-teaser-section .reference-box, .reference-teaser-section .teaser-reference-box, .recipe-teaser-section .recipe-box { margin-bottom: 0; }
.reference-more-link { display: inline-block; padding-right: 20px;}

/* team box */
.team-box h3 { margin-bottom: 5px; margin-top: 10px; }
.team-box p { margin-bottom: 0px; }
.team-box .team-member-desc { padding-bottom: 10px; }
.grid-align-1-3.team-box, .team-box  { padding-bottom: 40px; }

/* newsletter & staff box */
.staff-member-section p { margin-left:1.5%; margin-right:1.5%; margin-bottom: 0; }
.staff-member-container { padding: 30px 20px; }
.staff-member-container form { position: relative; }
.staff-member-container p.teaser { margin-bottom: 5px; }
.newsletter-sign-up-box { border-bottom: 1px solid #c6c6c6; margin-bottom: 20px; padding-bottom: 30px; }
.newsletter-sign-up-box > i, .staff-search-box > i { font-size: 40px; display: block; text-align: center; padding-bottom: 20px; padding-top: 10px;  }

.staff-outer-container { display: none; }
.staff-member-content-section h3 { margin-top: 20px; margin-bottom:0; }
.staff-member-content-section .staff-member-location-container h3 { margin-top: 20px; margin-bottom:0; }
.staff-member-content-section .call-to-action-buttons { padding-top: 20px; }
.staff-member-arrow { color: #5b5a5a; position: absolute; top: -16px; left: 11%; font-size: 21px; display: none; }

#staff-outer-container, #staff-member-container, #staff-location-container { display: none; }
#staff-loading-container { text-align: center; padding: 20px 0; min-height: 500px; }

.staff-section-box { padding: 30px 0 17px; margin: 0 20px 0; }
.staff-section-box { margin: 0 20px 0; border-top: 1px solid #727272; padding: 30px 0 17px; }
.staff-section-box:first-child { border-top: 0; }
.staff-member-content-section .btn-minor-action { background: #fafafa !important; color:#444444 !important; margin-bottom: 12px; width: 100%; padding-left: 10px; padding-right: 10px; }
.staff-member-content-section .btn-minor-action.has-hover:hover { background: #ce1619 !important; color:#ffffff !important; }

#btn-close-staff-container { position: absolute; top: 10px; right: 3px; padding: 0px 12px; display:none; }

#landingpage-teaser-section .grid-container { width: 98%; margin: 0 1%; }

/* landingpage promo box */
.promo-section-container .rounded-border { display: table; width: 100%; }

.promo-container { color: #444444; margin: 0 0 4%; display: table; width:100%; }
.ie .promo-container, .isIElt11 .promo-container, .isIE11 .promo-container { display: block; }

.promo-container:active, .promo-container:visited, .promo-container:link { color: #444444; }
.promo-container figure { opacity: 1; }

.promo-img, .promo-txt { width: 50%; overflow: hidden; padding: 20% 0; margin: 0; display: table-cell; vertical-align: middle; margin:0; }
.promo-img { background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.promo-02 .promo-img { background-position: center right;  }
.promo-04 .promo-img { background-position: top center; }
.promo-05 .promo-img { background-position: top right; }
.promo-06 .promo-img { background-position: bottom center; }
.promo-txt { padding: 10px; }


.gallery .promo-img {
    width: 100%; padding: 40% 0;
    background-position: top center !important;
}

.promo-02 .promo-img { background-size: auto 130%; }
.promo-03.rounded-border { background: #ce1619; color:#ffffff; }
.promo-06 .promo-img { background-size: auto 200%; }

/* products table box */
.products-data-desc-container { float:left; display: none; }
.products-data-values-container { width: 100%; float:left; }
.products-data-sidebar-container {  padding: 30px 0 0 0; float: right; width: 100%; hyphens: none;}

.products-data-table-footnote { padding: 30px 0 0 0; float: left; width: 100%; }
.footnote { border-top: 1px solid #e0dfdf; padding-top: 10px;}
.footnote-txt { font-size: 11px;  padding-bottom: 20px; }

.products-data-table-header, .products-data-values-container h4, .products-data-table-cell  { padding: 0; margin: 0px;}
.products-data-values-container h4 { padding-left: 10px;}

.products-data-table-cell-title { font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 700; display: block; line-height: 20px; padding-bottom: 5px; }
.products-data-table-box .product-img-row, .products-data-table-box figure { height: 200px; overflow: hidden; padding-bottom: 10px;  text-align: center; }
.products-data-table-box .product-img-row {  padding-top: 20px; }
.products-data-table-box h4, .products-data-table-header { height: 40px; overflow: hidden; border-bottom: 1px solid #e0dfdf;  }
.products-data-table-cell { height: 80px; overflow: hidden; border-bottom: 1px solid #e0dfdf;  padding: 10px 0; }

.large-table-cell { height: 120px; }
.products-data-table-cell > p > i { margin-top: 2px; display: inline-block;  }

.owl-item:last-child .products-data-table-header, .owl-item:last-child .products-data-values-container h4, .owl-item:last-child .products-data-table-box h4, .owl-item:last-child .product-img-row, .owl-item:last-child .products-data-table-cell, .owl-item:last-child figure { border-right: 0; }
.products-data-values-container h4 { text-align: center; }
.products-data-desc-container .products-data-table-cell { padding-left: 0; }

.section-container .products-data-table-box img { height: 100% !important; width: auto !important; }

/* footer box */
.footer-box { color: #e0dfdf; padding-bottom: 10px; }
.footer-box .btn-footer-toggle { position: relative; font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 400;  text-transform: uppercase; font-size: 20px; letter-spacing: 0.075em;  color: #ffffff; padding: 10px 0 0; cursor:pointer; }
.btn-footer-toggle.icon-p2-01n-arrow-down:before { cursor:pointer; font-size: 14px; position: absolute; right: 0px; top: 11px; }
.footer-box-open .btn-footer-toggle.icon-p2-01n-arrow-down:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.footer-box > ul { overflow: hidden; list-style: none; padding:15px 0; }
.footer-box > ul > li {  margin: 0 0 5px 0;}
.footer-box a, .footer-box a:visited, .footer-box a:active { color: #E0DFDF; }
.footer-box a.has-hover:hover { color: #ce1619; }

/**
 * tabs
 *
 *
 */
.tab-btn { position:relative; background: #ffffff; padding: 15px 20px; color: #292929 !important; font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 700; font-size: 12px; letter-spacing: 0;  text-transform: uppercase; cursor:pointer; display: block; }
.grid-team-container .offset-tab-content-container .tab-btn { background: #f2f2f2; }
.team-container-wrapper { min-height: 300px !important; }
.tab-btn i { position: absolute; right: 20px; top: 18px; }
.tab-container { display: none; /*overflow: hidden;*/ }
.tab-btn-container { height: 50px; overflow: hidden; margin-bottom: 20px; border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px;  }
.grid-shop-full-container .tab-btn-container { display: none; }
.open-tab-navi.tab-btn-container { height: auto; }
.tab-container.active-tab { display: block; }
.active-tab-btn { display: none; }
.tab-content { min-height: 345px; border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; background: #ffffff; overflow: hidden; position: relative; }
.tab-offset, .tab-small-offset { padding: 20px; }
.tab-products-data-table { padding: 20px; }
.offset-tab-content { min-height: 400px; }

.clip-play-button {
    position:absolute;
    top:33%;
    left:50%;
    opacity:0.95;
}


.clip-play-button.has-hover:hover {
    opacity:1;
}



/**
 * forms
 *
 *
 */
fieldset { border: none; margin-top: 0px; }
legend { border: none; }
label { display: inline; font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; padding-bottom: 2px; font-size: 14px; }
label.description {text-transform:inherit;}

.contactFormGroup { padding-top: 8px; padding-right: 35px; }

.contactForm_25 .contactFormGroup, .contactForm_26 .contactFormGroup { padding-right: 0; display: flex; flex-direction: row; flex-wrap: wrap;}
.contactForm_25 .contactFormGroup .checkbox,
.contactForm_26 .contactFormGroup .checkbox {width: 100%; margin-top: 0 !important; flex-direction: row; flex-wrap: wrap;}
.contactForm_25 .contactFormGroup .checkbox label.noCaption,
.contactForm_26 .contactFormGroup .checkbox label.noCaption { padding: 0 30px 0 30px; width: 100%;}
.contactForm_25 .contactFormGroup .checkbox input[type="checkbox"],
.contactForm_26 .contactFormGroup .checkbox input[type="checkbox"] { margin-left: -30px; width: auto;}

.contactFormGroup label, #coreCaptchaLabel { display: inline-block; font-family:Arial, Helvetica, sans-serif; padding-bottom: 10px; text-transform: none; vertical-align: top; width: 85%;  }

input[type='text'], input[type='submit'], input[type='password'], textarea { -webkit-appearance: none; }
input, textarea, select, .btn-logout, .btn-login { width: 100%; padding: 10px 30px 10px 15px; background: none; border: 1px solid #e0dfdf; color: #444444; position: relative; }
#login-form input { padding: 18px 15px 15px; }
.btn-logout, #login-form input.btn-login { text-align: center; width: 100% !important; margin-top: 20px;}
input, textarea { border: 1px solid #e0dfdf; border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; }
input::-ms-clear { display: none; }

.shop_options select {
    background-color:#f2f2f2;
}

textarea { height: 200px; }
input#username {  border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; }
.quick-login-form input[type="password"] { border-top:0; border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -khtml-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; }
input[type="submit"], .btn-logout, .btn-logout { font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 700; padding: 10px 20px; border:0; text-transform: uppercase; background:#ce1619; color: #fafafa !important; display: inline-block; font-size: 12px; letter-spacing: 0; border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; }
input[type="submit"].has-hover:hover, .btn-logout.has-hover:hover, .btn-logout.has-hover:hover { background:#5b5a5a; }
input[type="radio"], input[type="checkbox"] { width: 10%; margin-right: 5%; display: inline-block; }
input[type="reset"] { font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 700; text-transform: uppercase; color: #292929 !important; padding: 12px 20px; display: inline-block; font-size: 12px; letter-spacing: 0; cursor: pointer; border: 0; margin-top: 10px; display: none; }
input[type="reset"].has-hover:hover { color: #ce1619 !important; }

.remember_me { display: inline-block; width: 87%; }
.signup-more { display: block; text-align: center; }
#login .lostpw { color: #5a5a5a; padding: 0 10px 0 0px; }
#login .register { color: #5a5a5a; padding: 0 0px 0 10px; border-left: 1px solid #e0dfdf;  }
#login .register.has-hover:hover, #login .lostpw.has-hover:hover { color:#ce1619; }
.status-message { color: #ce1619; }
.newsletter-sign-up-box input, .staff-search-box input { background: #ffffff; }
.question-box { text-align: center; }
.row { margin-bottom: 15px; position: relative; }



#contactFormError { display: none !important; }
#contactFeedback span { padding: 0 0 30px; color:#CE1619 !important; display: block; }

.row.form_error:after { content: "\e056"; font-family: "hugentobler-icon-set"; position: absolute; top: 31px; font-size: 14px; color: #ce1619; cursor: pointer; right: 10px; }
.row.form_error label { color:#ce1619;}
.row.form_error .contactFormGroup label { color:#444444;}
.row.form_error input, .row.form_error textarea { background:#fafafa;}
.row div { border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px;}

.disabled-form-field { border: 0; padding-bottom: 0; padding-left: 0; padding-top: 0; color: #444444 !important; }

/* captcha */
#coreCaptchaCode { width: 50%; }
#coreCaptchaImage { width: auto !important; padding-left: 20px; max-width: 50%; }

/* quick login / logout content  */
.quick-login-form { padding: 20px; }
.quick-logout-content { padding: 0 20px 20px 20px; }

/**
 * modules & plugins
 *
 *
 */
/* global owl elements */
.owl-pagination { text-align: center; font-size: 12px; padding: 13px 20px 8px 10px; }
.owl-page { display: inline-block; color: #5b5a5a; margin: 0 6px; }

.owl-page.active .icon-p1-03g-circle-empty:before { content: "U" !important; }
.owl-next i.has-hover:hover, .owl-prev i.has-hover:hover { color: #444444; }
.owl-item { position: relative; }
.item { position: relative; overflow: hidden; }

.owl-item iframe { width: 100%; height: 300px; }

/* home eyecatcher slider */
.eyecatcher-home-container { margin-bottom: 42px; position: relative; margin-top: 60px; }
#owl-home-eyecatcher .item img { width: 600px; height: auto; position: relative; top:0; left: 50%; margin-left: -300px; display: block;}
#owl-home-eyecatcher.owl-carousel { width: 100%; position: relative; display: none; }
#owl-home-eyecatcher.owl-carousel .owl-wrapper-outer { width:100%;  position: relative; overflow: hidden;  }
.eyecatcher-home-container, #owl-home-eyecatcher.owl-carousel .owl-wrapper-outer, #owl-home-eyecatcher .item { height: 300px; }
#owl-home-eyecatcher .item:after { content:""; position: absolute; left: 0; bottom: 0px; width:100%; height: 100%; background-color: rgb(41, 41, 41); /* fallback */ background-color: rgba(41, 41, 41, 0.6); /* rgba */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#20292929, endColorstr=#20292929)";}
#owl-home-eyecatcher .owl-buttons { position: absolute; top: 50%; margin-top: -40px; left: 0; width: 100%; z-index: 0; }
#owl-home-eyecatcher .owl-prev, #owl-home-eyecatcher .owl-next { display: none; color: #fafafa; position: absolute; top: 0; z-index: 100; font-size: 35px; }
#owl-home-eyecatcher .owl-prev { left: 20px; }
#owl-home-eyecatcher .owl-next { right: 20px; }

/* follow eyecatcher slider */
.eyecatcher-follow-container { height: 200px; margin-bottom: 42px; position: relative;}
#owl-follow-eyecatcher .item img { width: 600px; height: auto; position: relative; top:0; left:50%; margin-left: -300px; display: block;}
#owl-follow-eyecatcher.owl-carousel { width: 100%; position: relative; display: none; }
#owl-follow-eyecatcher.owl-carousel .owl-wrapper-outer { width:100%; height: 200px; position: relative; overflow: hidden;  }
#owl-follow-eyecatcher .owl-buttons { position: absolute; top: 50%; left: 0; width: 100%; z-index: 0; margin-top: -40px; }
#owl-follow-eyecatcher .owl-prev, #owl-follow-eyecatcher .owl-next { display: inline-block; color: #fafafa; position: absolute; top: 0; z-index: 100; font-size: 35px; }
#owl-follow-eyecatcher .owl-prev { left: 20px; display: none; }
#owl-follow-eyecatcher .owl-next { right: 20px; display: none; }

/* content slider */
.owl-content-slider .owl-buttons { position: absolute; top: 50%; margin-top: -40px; left: 0; width: 100%; z-index: 0; }
.owl-content-slider .owl-prev, .owl-content-slider .owl-next { display: inline-block; position: absolute; top: 0; z-index: 100; font-size: 28px; color:#ffffff; display: none; }
.owl-content-slider .owl-prev.has-hover:hover, .owl-content-slider .owl-next.has-hover:hover { color:#444444; }
.owl-content-slider .owl-prev { left: 10px; }
.owl-content-slider .owl-next { right: 10px; }

/* shop detail slider */
.owl-shop-detail-slider .owl-buttons { position: absolute; top: 50%; margin-top: -40px; left: 0; width: 100%; z-index: 0; }
.owl-shop-detail-slider .owl-prev, .owl-shop-detail-slider .owl-next { display: inline-block; position: absolute; top: 0; z-index: 100; font-size: 28px; color:#444444; display: none; }
.owl-shop-detail-slider .owl-prev.has-hover:hover, .owl-shop-detail-slider .owl-next.has-hover:hover { color:#444444; }
.owl-shop-detail-slider .owl-prev { left: 10px; }
.owl-shop-detail-slider .owl-next { right: 10px; }

/* table slider */
.owl-table-slider .owl-buttons { position: absolute; top: 70px; left: 0; width: 100%; z-index: 0; }
.owl-table-slider .owl-prev, .owl-next { display: inline-block; position: absolute; top: 0; z-index: 100; font-size: 28px; }
.owl-table-slider .owl-prev { left: -0px; }
.owl-table-slider .owl-next { right: 0px; }
.owl-table-slider .owl-pagination { display: none; }

/*box slider */
.owl-box-slider .owl-buttons { position: absolute; top: 36%; left: 0; width: 100%; z-index: 0; color: #FFFFFF; }
.owl-box-slider .owl-prev, .owl-next { display: inline-block; position: absolute; top: 0; z-index: 100; font-size: 28px; }
.owl-box-slider .owl-prev { left: 5px; }
.owl-box-slider .owl-next { right: 5px; }
.owl-box-slider .owl-pagination { display: none; }
.owl-carousel.owl-box-slider .owl-item { text-align: center; padding: 0 2px; }
.grid-content-2-3-slide .owl-carousel.owl-box-slider .item { border: none !important; background: none !important; }

/* parallax sections */
.stellar-bg-elm { position: relative; background-repeat: no-repeat; background-position: 0 0; z-index: 20; overflow: hidden; background-attachment: fixed; }
.stellar-small { opacity:0; background-position: center top; }
.stellar-very-small { opacity:0; background-position: center top; }
.stellar-static-bg-elm { background-position: center top; background-repeat: no-repeat; background-size: cover; height: 300px; position: fixed; width: 100%; z-index: 10; }
.is-touch-device .stellar-bg-elm { background-attachment: scroll; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.stellar-bg-elm h2 { font-size: 28px; line-height: 32px; margin-bottom: 25px; }
.stellar-bg-elm h3 { font-size: 28px; line-height: 32px; margin-bottom: 25px; font-style: italic}
.stellar-bg-elm > div { padding-left: 20px; padding-right: 20px; padding-bottom: 50px; padding-top: 50px; padding: 20px 10px 5px 10px; }
.promo-section-container > div { padding-right: 20px; padding-left: 20px; padding-bottom: 30px; padding-top: 30px; }
.stellar-elm { position: absolute; z-index: 9; width: 260px; left: 50%; margin-left: -130px; }

.stellar-img-container .grid-container { padding:0 !important; }
.stellar-img-container .grid-container img { margin-bottom: 10px; }

/* modal windows */
.md-modal { position: fixed; top: 0; left: 50%; width: 100%; max-width: 300px; height: auto; z-index: 2000; visibility: hidden; opacity: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(-50%) translateY(-100%); -moz-transform: translateX(-50%) translateY(-100%); -ms-transform: translateX(-50%) translateY(-100%); transform: translateX(-50%) translateY(-100%); }
.md-shop-modal { position: fixed; top: 0; left: 50%; width:90%; /*max-width: 500px;*/ height: auto; z-index: 2000; visibility: hidden; opacity: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(-50%) translateY(-100%); -moz-transform: translateX(-50%) translateY(-100%); -ms-transform: translateX(-50%) translateY(-100%); transform: translateX(-50%) translateY(-100%); }
.md-shop-modal .teaser i {display:none;}
.md-content { background: #fafafa; overflow:hidden; border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; }
.md-shop-content { background: #FAFAFA none repeat scroll 0 0; border: 5px solid #ffffff; overflow:hidden; border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border: 5px solid #FAFAFA; padding: 15px 15px 15px 20px; }
.md-shop-content > div { display: block; text-align: right; }
.md-shop-content i { font-size: 2em; margin-right: 10px; vertical-align: -6px; }
.md-shop-content i.close-shop-modal { font-size: 1em; margin: 0; cursor: pointer; }
.md-shop-content i.close-shop-modal.has-hover:hover {color:#CE1619; }
.md-shop-content .teaser { text-align: left;}
.md-shop-content .btn-link-action { margin: 0; padding: 50px 5px 0 0;  }
.open-account .md-modal { -webkit-transform: translateX(-50%) translateY(100px); -moz-transform: translateX(-50%) translateY(100px); -ms-transform: translateX(-50%) translateY(100px); transform: translateX(-50%) translateY(100px); -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; opacity: 1; visibility: visible; }
.shop-cart-modal .md-shop-modal { -webkit-transform: translateX(-50%) translateY(100px); -moz-transform: translateX(-50%) translateY(100px); -ms-transform: translateX(-50%) translateY(100px); transform: translateX(-50%) translateY(100px); -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; opacity: 1; visibility: visible; }

.shop-cart-utilities .btn-link-action { padding-left:0;}

/* events module */
/* hide registration typ */
#hutocourse #registrationForm .affiliationForm { display: none; }
.events-detail-teaser-container .grid-align-1-2.tab-offset, .job-offers-detail-teaser-container .grid-align-1-2.tab-offset { padding: 20px; }
#container-event-order-by-date.tab-offset, #container-event-order-by-place.tab-offset { padding-top:0; padding-left: 20px; padding-right: 20px; }
.events-detail-desc-container { padding-top: 30px; }

.tab-content-container { border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; }
.grid-events-container.content-container, .grid-locations-container.content-container, .offer-box-container.content-container {  min-height: 300px; }

.events-container-wrapper, .team-container-wrapper, .reference-container-wrapper{ position: relative; overflow: hidden; text-align: right;  }
.downloads-container-wrapper, .recipe-container-wrapper { position: relative; overflow: hidden; }
.events-container-under, .team-container-under, .reference-container-under, .shop-container-under { min-height: 300px; padding: 20px; position: absolute; top: 0; left: 0; z-index: 9; height: 100%; width: 100%; text-align: left; border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; }
.shop-container-under { padding: 0; }

.events-container-overlay, .team-container-overlay, .reference-container-overlay, .shop-container-overlay { min-height: 500px; display: inline-block; width: 100%; position: relative; z-index: 10; text-align: left; border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -khtml-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; }
/*.shop-container-overlay { min-height: 1100px; }*/

.team-container-overlay, .reference-container-overlay { background: #ffffff; }

.team-box-content { padding: 0 20px; }

.open-events-filter .events-container-overlay, .open-team-filter .team-container-overlay, .open-reference-filter .reference-container-overlay, .open-shop-filter .shop-container-overlay { width: 15%; }

#events-filter, #team-filter, #reference-filter, #shop-filter { display: block; border-bottom: 1px solid #e0dfdf; padding-bottom: 15px; min-width: 200px; padding: 15px 2px 11px; margin: 0 20px; }

.events-filter-row, .filter-row { padding: 10px 0; }

#events-filter-form, #team-filter-form, .team-filter-box, .shop-container-under .shop-navbar { width: 85%; }
#events-filter-form label { padding-right: 20px; padding-top: 0px; }
div.checker { margin-top: -2px !important; }

.events-filter-title, .filter-title { display: block; font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; padding-bottom: 5px; font-size: 14px; }

.filter-box-top-border { position:relative; border:1px solid #e0dfdf; border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0;}
.filter-box-bottom-border { border:1px solid #e0dfdf; border-top: 0; border-radius:  0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -khtml-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; padding: 10px 0; }
#events-filter-form .filter-border, #team-filter-form .filter-border { display: block; }

.events-filter-checkbox-button { font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 500; text-transform: uppercase; color: #f2f2f2; padding: 10px 0px; float: left; text-align: center; }
.events-filter-checkbox-button.has-hover:hover { background: #3a3a3a; }
.events-filter-checkbox-button.active { background: #ce1619; }

#filter-language .events-filter-checkbox-button { width: 33.33%; }
#filter-country .events-filter-checkbox-button { width: 50%; }

.filter-box { position:relative; }
.filter-box .events-filter-title, .filter-box .filter-title { position: relative; left: 20px; top:0; width: 80%; padding: 10px 0; }
.filter-box-top-border i { position: absolute; right: 1px; top: 0px; width:40px; height:40px; border-left:1px solid #f2f2f2; cursor: pointer; padding: 12px; position: absolute; border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -khtml-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; }
.filter-box-top-border i.has-hover:hover { background:#292929; }

.events-filter-checkbox-txt, .filter-checkbox-txt {display: block; font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 500; text-transform: uppercase; color: #e0dfdf; padding: 5px 0 5px 40px; }
.events-filter-checkbox-txt.active, .filter-checkbox-txt.active { color: #CE1619 !important;  }
.events-filter-checkbox-txt i, .filter-checkbox-txt i { font-size: 20px; margin-right: 10px; vertical-align: middle; }
.filter-selected .filter-box-top-border:before { background: #ce1619; top: 0; content: ""; height: 100%; left: 1px; position: absolute; width: 4px; }

#btn-close-filter-events, #btn-close-filter-team, #btn-close-filter-reference { color: #FAFAFA !important; cursor: pointer; font-size: 14px; padding: 10px 24px 10px 10px; }
#btn-close-filter-events i, #btn-close-filter-team i, #btn-close-filter-reference i { font-size: 14px; margin-right: 11px; vertical-align: -0.15em; }
#btn-close-filter-events.has-hover:hover, #btn-close-filter-team.has-hover:hover, #btn-close-filter-reference.has-hover:hover { color: #ce1619 !important; }

.events-category-container { padding: 20px 20px 10px 20px;  }
.events-date-container { padding: 0 0 40px;  }
#btn-filter-events { margin: 0 30px 0 0; }
.event-detail-utilities { position: absolute; bottom: 10px; left: 0; display: block; width: 100%; padding: 0 10px; }
.event-detail-utilities .btn-major-action, .event-detail-utilities .btn-minor-action, .event-detail-utilities .event-sold-out  { margin: 10px 10px; display: block;  }
.event-detail-utilities .event-sold-out { background: none; color: #fafafa; }
.event-list-title { padding: 10px 10px 9px 10px; }
.event-small-list-title { padding: 5px 10px 5px; }

.articleloadmore { padding:0; }
#loadmore, .articlenomore { padding:0; height: 50px; margin-top:23px; outline: none !important; display: block; }
#loadmore .loading-gif { margin-top:-15px;  }

/* mediadir module :: products */
.grid-products-container .rounded-border { background: #ffffff; border-color:#ffffff; }

.tab-img-window { padding: 10px 20px 20px 20px; }

.product-detail .tab-content { padding: 20px 0 40px; }
.product-detail .product-description { padding: 0 20px;  }
.product-usp, .image-list { margin: 0 20px; border-bottom: 1px solid #e0dfdf; padding: 20px 0; }
.product-usp:last-of-type, .image-list:last-of-type { border:0; padding: 20px 0 0 0; }
.product-usp .rounded-border, .image-list .rounded-border { color:#f2f2f2; border-color: #f2f2f2; }

.tab-offset .product-usp, .tab-offset .image-list { margin: 0; }
.tab-offset .product-usp:first-of-type, .tab-offset .image-list:first-of-type { padding-top: 0; }

.customer-request { margin: 30px 20px 0 20px; border-bottom: 1px solid #e0dfdf; border-top: 1px solid #e0dfdf;}
.customer-request i { font-size: 30px; float: left; margin-right: 10px; }
.service-request { margin-bottom: 40px; }
.service-request i { font-size: 30px; float: left; margin-right: 10px; }
.customer-request span { float: left; margin: 0; margin-top: 3px; }
.customer-form { padding: 20px 20px 10px 20px; }
.customer-phone { padding: 10px 20px 20px 20px; }
.customer-buttons {padding: 10px; display: flex; justify-content: center; flex-wrap: wrap; align-items: center; }
.customer-buttons a { margin: 10px; width: 100%; }
.icon-p2-07m-symbol { margin-right: 5px !important; }

.customer-request a, .customer-request a:active, .customer-request a:visited, .service-request a, .service-request a:active, .service-request a:visited { color: #444444 !important; }
.customer-request a.has-hover:hover, .service-request a.has-hover:hover { color: #ce1619 !important; }

.customer-request a.CTA , .customer-request a.CTA:active, .customer-request a.CTA:visited, .service-request a.CTA, .service-request a.CTA:active, .service-request a.CTA:visited, .CTA { padding: 8px 20px; display: inline-block; font-size: 12px; letter-spacing: 0; cursor: pointer; background:#ce1619; color: #ffffff !important; border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; }
.customer-request a.CTA .teaser, .customer-request a.CTA:active .teaser, .customer-request a.CTA:visited .teaser, .service-request a.CTA .teaser, .service-request a.CTA:active .teaser, .service-request a.CTA:visited .teaser, .CTA .teaser { font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif !important; font-weight: 500; font-style: italic; }
.customer-request a.CTA.has-hover:hover, .service-request a.CTA.has-hover:hover, .CTA.has-hover:hover { background-color: #444444 !important; color:#ffffff !important; }

.product-detail .square-icon { height: 100px; width: 100%; margin:0 !important; float: none; cursor: pointer; }
.product-detail .square-02 { border-top:0; border-bottom: 0; }
.product-detail .square-icon div, .events-detail-teaser-container .square-icon div, .job-offers-detail-teaser-container .square-icon div  { font-size: 12px; line-height: 1.5em; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; }

.product-detail .square-icon.has-hover:hover { background: #3a3a3a; color:#fafafa !important; }
.events-detail-teaser-container .square-icon, .job-offers-detail-teaser-container .square-icon { height: auto; margin:0 !important; padding: 0 10px; }

.currency { font-size: 13px; font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 400; font-style: italic;  margin: 0 5px 0 0; vertical-align: 3px; }
.discount-txt { font-size: 15px; font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 400; font-style: italic;  vertical-align: 1px; }

.square-01.first i, .square-01.second i, .square-01.third i { margin-left: 5px; }

.job-offer-contact { border-bottom: 1px solid #e0dfdf; margin-bottom: 10px; }

.event-sold-out { padding: 8px 0; background: #ffffff; border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; text-align: center; font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 500; font-style: italic;   }

/* dam module :: downloads */
.download-row { border-bottom:1px solid #e0dfdf; }
.download-row:first-of-type { border-top:1px solid #e0dfdf; }
.download, .download-list { width: 100%; display: block; padding: 15px 20px; cursor: pointer; position: relative; }
.download.has-hover:hover, .download-list.has-hover:hover { background: #f2f2f2; color: #ce1619 !important; }

a.download, a:active.download, a:visited.download, a.download-list, a:active.download-list, a:visited.download-list { color: #444444 !important; padding: 10px 0 10px 32px; }
.download i, .download-list i { display: inline-block; font-size: 20px; margin: 0 0 0 5px; left: 0px; position: absolute; top: 10px; }
.download .btn-link-action { position: absolute; right: 0; top: 3px; color: #ce1619 !important; visibility: hidden; opacity: 0; }
.download.has-hover:hover .btn-link-action { visibility: visible; opacity: 1;  }
.download span { display: none; }

.grid-downloads-container img { width: auto !important; height: auto !important; }

.delete-file { display: none; }

#dam-search-keyword, #shop-sidebar-search-keyword { color: #FAFAFA; margin-bottom: 15px; }
#dam-search-submit, #shop-sidebar-search-button { width: 100%; border: 1px solid #CE1619; }
#dam-search-submit.has-hover:hover, #shop-sidebar-search-button.has-hover:hover { border: 1px solid #5a5a5a; }

.overview-download-box { padding-bottom: 15px; position: relative; }
.overview-download-box h2 { border-bottom: 1px solid #e0dfdf; margin-bottom: 0; padding-bottom: 15px; cursor: pointer; padding-left: 3px; padding-right: 30px; }
.overview-download-box .download-row:first-of-type { border-top: 0 !important; }

.overview-download-box > h2 > i { position: absolute; right: 3px; top: 3px; font-size: 12px; }
.overview-download-box.has-hover:hover > h2 { color: #ce1619;  }
.overview-download-box .download-row-box { display: none; padding-bottom: 30px; }

.grid-downloads-overview-container .tab-offset:first-child { padding-bottom: 0; }
.grid-downloads-overview-container .tab-offset:last-child { padding-top: 0; }

/* search module */
#search-tab-content > p.is-hidden { display: none; }
.search-title { margin-bottom: 20px;}
.no-search-result { display: none; margin-bottom: 20px; }
.paging-container { display: block; padding-top: 20px; }
.search-title-content-container h1, .search-title-content-container h2, .single-title-content-container h1, .single-title-content-container h2 { padding-top: 10px; margin: 0 20px 10px 20px; font-size: 20px; line-height: 26px; font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 400; font-style: italic;  }

.search-search-container { padding: 30px 20px; min-height: 0; }
.search-content-container { min-height: 300px; }

#main-search-form { position: relative; }
#main-search-form i#search-icon { position: absolute; top: 16px; left: 20px; color: #444444; font-size: 16px; }
#main-search-form i#clear-search-icon { position: absolute; top: 16px; right: 20px; color: #444444; font-size: 16px; }
.isIOS #main-search-form i#clear-search-icon, .isIOS #main-search-form i#search-icon {  top: 19px;  }
#main-search-field { background: #fafafa; padding: 14px 60px 13px 55px; font-size: 20px; position: relative; margin-bottom: 20px; }
#clear-search-icon { display: none; cursor: pointer; }

.search-result-container { padding: 20px; }
a.pagingLast i, a.pagingFirst i { vertical-align: -2px; color: #444444 !important; }
a.has-hover:hover.pagingLast i, a.has-hover:hover.pagingFirst i { color: #ce1619 !important; }

/* google maps */
.maps-container { height: 420px; padding: 0 !important; }
.windowinfo { font-family:Arial, Helvetica, sans-serif; color:#5b5a5a; letter-spacing: 0; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; -o-hyphens: none; hyphens: none; min-width: 180px; min-height: 100px; }
.windowinfo strong { font-family:Arial, Helvetica, sans-serif; font-weight:700; }
.windowinfo strong.title { font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 500; font-size: 18px; }
.windowinfo i { font-size: 16px; vertical-align: -4px; margin-right: 5px; }

.large-window { min-height: 200px;}


/****
Videos
 */

.youtube-cookie-banner-accept {
    aspect-ratio: 16 / 9;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px;
    background-color: #e0dfdf;
    border: 1px solid #c5c5c5;
    border-radius: 7px;
    margin-bottom: 30px;
    text-align: center;
}

.youtube-container iframe,
.youtube-container video {
    margin-bottom: 30px;
    width: 100%;
    aspect-ratio: 16/9;
    border: 0;
}

.youtube-container.portrait .youtube-cookie-banner-accept,
.youtube-container.portrait video,
.youtube-container.portrait iframe {
    aspect-ratio: 9/16;
}

.usp-img .youtube-container .youtube-cookie-banner-accept,
.usp-img .youtube-container video,
.usp-img .youtube-container iframe {
    margin-bottom: 0 !important;
}

.videos-container-wrapper .tab-offset {
    float:  left;
}


.videos-container-wrapper .grid-align-1-1 {
    width: 100%;
}


.section-container.row1:nth-child(even),
.section-container.row2 {
    border-bottom: 1px solid #e3e3e3;
    border-top: 1px solid #e3e3e3;
    background: #f2f2f2;
}


/**
 ******************** media queries :: switch to cover mode if screen is larger than the eyecatcher img ********************
 *
 *
 */
@media only screen and (min-width: 600px) {

    /**
     * modules & plugins
     *
     *
     */
    /* owl carousel */
    #owl-home-eyecatcher .item img { width: 100%; left: 0; margin-left: 0; }
    #owl-follow-eyecatcher .item img { width:100%; left: 0; margin:0; }
    .event-detail-utilities .btn-major-action, .event-detail-utilities .btn-minor-action, .event-detail-utilities .event-sold-out  { display: inline-block;  }
}

/**
 * ******************* media queries :: mobile landscape ********************
 *
 *
 */
@media screen and (max-width: 767px) and (orientation:landscape) {
    #header-container { position: relative; display: none;}
    #site-container, .first-site-section { margin-top:0; }
}

/**
 ******************** media queries :: wide screen view ********************
 *
 *
 */
@media print, screen and (min-width: 768px) {

    body { background: #ffffff; }
    body, h1, h2, h3, h4, .teaser, legend { letter-spacing: 0.025em; }

    h1, h2.main-title, h2.section-title { font-size: 32px; line-height: 34px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; -o-hyphens: none; hyphens: none; }
    h2, legend { font-size: 23px; line-height: 26px; }
    h5, .h5-style, .h5-major-style { font-size: 15px; }

    body { font-size: 14px; }
    p, .teaser { line-height: 20px; }
    .teaser { line-height: 24px; }

    .stellar-bg-elm .btn-action { margin-left: 5px; margin-right: 5px;}

    /**
     * grid system
     *
     *
     */
    .grid-container { width: 100%; }
    .content-container { padding-top: 30px; padding-bottom: 30px; }
    .promo-scroll-down-container { padding: 8px 0; }
    .grid-events-detail-container, .grid-locations-container { padding-top: 30px; padding-bottom: 20px;  }
    .grid-events-detail-container.scn-light-3, .location-branch, .job-contact-section  { padding-top: 20px; }

    .grid-align-1-1 { width: 100%; float: left; }
    .grid-align-1-2 { width: 50%; float: left; }
    .grid-align-1-3 { width: 33.33%; float: left; }
    .grid-align-1-3.has-padding { width: 31.33%; padding-left: 1%; padding-right: 1%; }
    .grid-align-2-3 { width: 66.66%; float: left; }
    .grid-align-2-3.has-padding { width: 64.66%; padding-left: 1%; padding-right: 1%; }
    .grid-align-1-4 { width: 25%; float: left; }
    .grid-align-1-4.has-padding { width: 23%; padding-left: 1%; padding-right: 1%; }
    .grid-align-3-4 { width: 75%; float: left; }
    .grid-align-1-5 { width: 20%; float: left; }
    .grid-align-4-5 { width: 80%; float: left; }

    .grid-align-1-12 { width: 8.33%; float: left; }
    .grid-align-2-12 { width: 16.66%; float: left; }
    .grid-align-10-12 { width: 83.33%; float: left; }
    .grid-align-8-12 { width: 66.66%; float: left; }

    .grid-wd-align-1-1 { width: 100%; }
    .grid-wd-align-1-2 { width: 50%; padding-left: 20px; float: left; }
    .grid-wd-align-1-3 { width: 33.33%; float: left; }
    .grid-wd-align-2-3 { width: 66.66%; float: left; }
    .grid-wd-align-1-4 { width: 25%; float: left; }
    .grid-wd-align-3-4 { width: 75%; float: left; }

    .grid-extend { width: 100%; }

    /* content templates */
    .grid-content-default.content-container { margin-top: 0px; padding-top: 30px; min-height: 300px; }
    .job-offers-section { padding-bottom:10px;}

    .grid-content-container.content-container { margin-top: 0px; padding-top: 20px; min-height: 300px; padding-bottom: 20px; }
    .grid-content-container h1 { /*text-align: center; margin-bottom: 30px;*/ }

    .content-container-under { top:0; right:0; width: 50.5%; display: block; }
    .content-container-overlay { width: 50%; }

    .grid-content-promo-left .grid-container { display: table !important; float: none !important; height: 100%; }
    .grid-content-promo-left .grid-container .grid-align-1-2 { display: table-cell !important; float: none !important; vertical-align: middle; padding-top: 0; }

    .grid-content-promo-right > div > div:nth-of-type(1) { margin-left: 1.5%; margin-right: 0; width: 48.5%; padding-right: 20px; }
    .grid-content-promo-right .grid-container { display: table; }
    .grid-content-promo-right .grid-align-1-2 { display: table-cell; float: none; vertical-align: middle; }

    .grid-content-promo-right-sm > div > div:nth-of-type(1) {  margin-left: 1.5%; margin-right: 1.5%; width:63.66%; margin-top: 40px; }

    .grid-text-two-cols .grid-align-1-2 { margin-left: 1.5%; margin-right: 1.5%; width:47%; }
    .grid-text-two-cols .grid-align-1-2 p:last-of-type {  margin-bottom: 0; }

    .grid-content-1-right .grid-container { display: table !important; float: none !important; height: 100%; }
    .grid-content-1-right .grid-align-1-2 { display: table-cell !important; float: none !important; padding-top: 0; vertical-align: middle; }
    .grid-content-1-right > div > div:nth-of-type(1) { padding-right: 20px; margin-left: 1%; width: 49%; margin-right:0; }
    .grid-content-1-right > div > div:nth-of-type(2) { margin-right: 1%; width: 49%; }

    .grid-content-2 .grid-align-1-2 { margin: 0 1%; width: 48%; }
    .grid-content-2 .grid-align-1-1.teaser-content { padding-right: 0; padding-left: 0;}
    .grid-content-2 .grid-align-1-2 img { margin-bottom: 20px; }
    .grid-content-2 > div > div > h2 { margin-left: 1.5%; margin-right: 1.5%; width:97%; }
    .grid-content-2 > div > div:nth-of-type(2) { margin:0; }
    .grid-content-2 > div > div:nth-of-type(2) > .grid-align-1-2 { margin-left: 1.5%; margin-right: 1.5%; width: 47%; }

    .grid-content-3 .grid-align-1-3  { margin: 0 1%; width: 31.33%; padding-bottom: 0px; }
    .grid-content-3 .grid-align-1-3 img {  margin-bottom: 20px; }
    .grid-content-3 h2, .grid-content-3 p { margin-left: 1.5%; margin-right: 1.5%; width: 97%; }
    .location-branch .grid-content-3 h2 { margin-left: 0; margin-right: 0; width: 100%;  }
    .offset-tab-content.grid-content-3 { padding-right: 0; padding-left: 0; }

    .grid-content-3-centered .grid-align-1-3  { margin: 0 1%; width: 31.33%; padding-bottom: 0px; }
    .grid-content-3-centered .grid-align-1-3 img { margin-bottom: 20px; }
    .grid-content-3-centered > div > div > h2 { margin-left: 1.5%; margin-right: 1.5%; width: 97%; }
    .grid-content-3-centered > div > div:nth-of-type(2) { margin:0; }
    .grid-content-3-centered > div > div:nth-of-type(2) > .grid-align-1-2 { margin-left: 1%; margin-right: 1%; width:48%; }
    .offset-tab-content.grid-content-3-centered { padding-right: 0; padding-left: 0; }

    .grid-container-for-team, .grid-container-for-reference { padding: 30px 10px; }
    h2.level_title { font-size: 34px; line-height: 37px; margin-bottom: 15px; }

    .team-box { background: none; }
    .team-box h3 { margin-bottom: 15px; }
    .team-box .rounded-border { background:#ffffff; border-color: #ffffff; }

    .grid-content-4 .grid-align-1-4  { margin:1%; width: 31.33%; padding-bottom: 0px;  }
    .grid-content-4 .grid-align-1-4 img  { margin-bottom: 0; }
    .grid-content-4 > div > div > h2 { margin-left: 1.5%; margin-right: 1.5%; width: 97%; }

    .grid-content-5 h2 { margin-left: 1%; margin-right: 1%; }
    .grid-content-5 .grid-align-1-5 { padding-bottom: 0px; margin: 1%; width: 23%; }
    .grid-content-5 .grid-align-1-5:nth-child(2n) { margin-right: 1%; margin-left: 1%;}
    .grid-content-5 .grid-align-1-5:last-child { padding-bottom: 0px; }

    .grid-content-1-slide .grid-align-1-1 { padding-left: 20%; padding-right: 20%; padding-bottom: 0px; margin-left: 1%; margin-right: 1%; width: 98%; text-align: center; }

    .grid-content-2-3-slide .grid-align-2-3 { width: 98%; margin-left: 1%; margin-right: 1%; }
    .grid-content-2-3-slide .grid-align-1-3 { width: 97%; margin-left: 1.5%; margin-right: 1.5%; }
    .grid-content-2-3-slide .grid-align-1-2 { width: 98%; margin-left: 1%; margin-right: 1%; }
    .grid-content-2-3-slide .grid-align-1-2 { width: 100%; }
    .grid-content-2-3-slide .grid-align-1-2.txt-frame { width: 98%; margin-left: 1%; margin-right: 1%; }

    .grid-offset-1-12 {
        margin-left: 8.33333333%;
    }

    .grid-inset { padding: 0 10%; }

    .grid-offset-tab-container { padding-top: 0 !important; margin-top: -46px; position: relative; z-index: 200;  }
    .offset-tab-content-container { padding-top:30px; }

    .main-location-container .grid-align-1-2.tab-offset { padding: 30px; }
    .events-detail-teaser-container .grid-align-1-2, .job-offers-detail-teaser-container .grid-align-1-2 { height: 330px; overflow: hidden;  }
    .events-detail-teaser-container .grid-align-1-2.tab-offset, .job-offers-detail-teaser-container .grid-align-1-2.tab-offset { padding: 30px; }
    .events-detail-teaser-container h2 { margin-bottom: 50px;}
    .events-detail-teaser-container img, .job-offers-detail-teaser-container img { width: auto !important; height: 100% !important; max-width: none !important; }

    .job-offers-detail-teaser-container .tab-offset { position: relative; }
    .square-01.first, .square-01.second, .square-01.third { position: absolute; bottom: 20px; left: 20px; }
    .square-01.second {  left: 36.5%; }
    .square-01.third {  left: auto; right: 20px; }

    #container-event-order-by-date.tab-offset, #container-event-order-by-place.tab-offset { padding-left: 30px; padding-right: 30px; }

    .events-detail-desc-container .grid-align-1-2:nth-last-of-type(2), .job-offers-detail-desc-container .grid-align-1-2:nth-last-of-type(2) { padding-right: 20px; }
    .events-detail-desc-container .grid-align-1-2:nth-last-of-type(1), .job-offers-detail-desc-container .grid-align-1-2:nth-last-of-type(1) { padding-left: 20px; }

    .event-detail-register a { margin: 0; }
    .events-detail-eventdate-container .event-infos { width: 80%; display: inline-block; vertical-align: middle; }

    .event-reg { width: 20%; display: inline-block; vertical-align: middle; }
    .events-detail-eventdate-container .event-infos > span, .jobs-infos-span { float: left; padding: 6px 15px 0 0; padding-top: 6px; }
    .event-infos > span { padding-left: 0;}
    .event-infos > span i { margin-left: 0px; margin-right: 5px; }
    .events-detail-eventdate-container .event-infos > span.event-time { padding-right: 25px; }
    .events-detail-eventdate-container .event-infos > span.event-detail-register { float: right; padding: 0; margin-bottom: 20px; margin-top: 15px; }
    .jobs-details, .press-details { padding: 0; margin-bottom: 20px; margin-top: 15px; text-align: left; }

    .event-language { }
    .event-left-places { }
    .event-time { min-width: 210px; }
    .event-location, .event-date { min-width: 350px; }
    .event-detail-register { max-width: 200px;}
    .event-sold-out { background: none; }

    .jobs-infos, .press-infos { display: inline-block; vertical-align: middle; }
    .jobs-details, .press-details { vertical-align: middle; text-align: left; }
    .jobs-details a, .press-details a { width: auto; }

    .press-press, .press-date, .press-size { display: inline-block; margin-right: 10px; }

    .grid-align-1-3.locations-box { padding-bottom: 30px; border-bottom: 0; }
    .grid-align-1-3.locations-box p, .staff-member-content-container .staff-member-location-container .entering { margin-left: 41px; }
    .grid-align-1-3.locations-box p { margin-right: 0; width: auto;  }

    .locations-box i { margin-left: -38px; }
    .locations-box h3 { margin-left: 41px; }

    .grid-content-list .grid-align-1-3 { margin-left: 0; margin-right: 0;  padding-left: 1%; padding-right: 1%; }
    .grid-content-list .grid-align-2-3, .grid-content-list .grid-align-1-1 { margin-left: 0; margin-right: 0;  padding-left: 1.5%; padding-right: 1.5%; }
    .grid-content-list .grid-align-2-3 h2, .grid-content-list .grid-align-2-3 p { padding-right: 20px; }

    .grid-content-2-3-right .grid-align-1-3 { margin-left: 0; margin-right: 0;  padding-left: 1%; padding-right: 1%; }
    .grid-content-2-3-right .grid-align-2-3 { margin-left: 0; margin-right: 0;  padding-left: 1.5%; padding-right: 1.5%; }
    .grid-content-2-3-right .grid-align-2-3 h2, .grid-content-2-3-right .grid-align-2-3 p { padding-right: 20px; }

    ul.teaser li { margin-left: 50px; }
    ul.teaser li:before { left: -38px; }
    .grid-content-list .btn-major-action, .grid-content-list .btn-minor-action { margin-bottom: 0px; margin-top: 20px; margin-left: 10px; }

    .first-content-section.first-content-section.grid-content-promo-left { padding-top: 30px; /*padding-top: 20px;*/ }

    /**
     * global classes & site elements
     *
     *
     */
    .no-small { display: block !important;  }
    .no-wide { display: none !important; }

    .no-hyphens { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; -o-hyphens: none; hyphens: none; }

    .small-centered { text-align: left;}
    .centered { text-align: center; }

    .grid-align-1-2.rounded-left { overflow:hidden;  border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -khtml-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; }
    .grid-align-1-2.rounded-right { overflow:hidden;  border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -khtml-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; }

    .btn-major-action, .btn-minor-action, .btn-link-action { }
    .btn-icon { padding-top: 5px; padding-bottom: 5px; font-size: 12px; }

    .more-text-link { display: inline; text-align: left; padding: 0 10px 0 10px; border-left: 1px solid #e0dfdf; }
    .more-text-link:first-child { border-left: 0; }

    .major-teaser {  font-size: 26px; line-height: 38px; }
    .major-teaser.force-size  {  font-size: 26px !important; font-style: unset !important;}

    .css-table { display: table; float: none !important; height: 100%; }
    .css-table-cell { display: table-cell; float: none !important; vertical-align: top; position: relative; }
    .css-table-cell.top { vertical-align: top; }
    .css-table-cell.middle { vertical-align: middle; }
    .css-table-cell.bottom { vertical-align: bottom; }

    .first-site-section { margin-top: 0; }

    /**
     * icon styles
     *
     *
     */
    .large-icon { font-size: 30px;  }
    .large-icon i { font-size: 120px; }

    .promo-icon-section { display: table; padding: 20px 33% 30px; }
    .promo-icon { display:table-cell; font-size: 60px; vertical-align: middle; text-align: center; }

    /**
     * layout
     *
     *
     */
    #site-container { margin-top: 0; }

    .section-footer { position: absolute; bottom:0; left:0; width:100%; z-index: 9; height: 330px;}
    #site-container { position: absolute; }
    #site-container > section:last-of-type { margin-bottom: 330px; }

    #header-container { position: relative; height: 90px; z-index: 1500;  }
    #header-container.shadow { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;   }

    #logo { width: 210px; margin:0; padding: 22px 0 0 20px; }
    #logo-img { width: 210px; height: 53px; }

    /* main navigation & dropdown */
    #main-navi { display: inline-block; position: absolute; top: 27px; z-index: 1; left: 0; width: 100%; }
    #main-navi a { font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 400;  color:#5b5a5a; letter-spacing: 0; }
    #main-navi img { display: none; }

    #main-navi ul { padding: 0; }
    #main-navi > div > ul { float: right; padding: 0 8px 0 0;   }
    #main-navi > div > ul > li.level-1 { z-index: 100; float: left; }
    #main-navi > div > ul > li.level-1 > a { display: block; position: relative; float: left; overflow: hidden; border-bottom: 0; padding: 9px 7px 34px; font-size: 16px;  }
    #main-navi  li.level-1 > a:after { content:""; position: absolute; left: 0; bottom: 0px; width:100%; height: 0px; background: #ce1619;  }

    #main-navi .owl-navi-container { height:0; position: absolute; overflow:hidden; left: 0; top: 63px; width: 100%; z-index: 0; background: none repeat scroll 0 0 #F2F2F2; }
    #main-navi .active-menu .owl-navi-container { visibility: visible; z-index: 1; }

    #main-navi .owl-navi-container > ul.menu { background: #F2F2F2; position: absolute; z-index: 100; bottom: 0px; left: 0; padding: 15px 0.5% 30px; display: block;  width: 100%; overflow: hidden; }

    #main-navi li.level-1 > a.starter_active:after, #main-navi li.level-1.has-hover:hover > a:after { height: 6px; }

    #main-navi li.level-2 { float: left; width: 25%; padding-bottom: 40px; }
    #main-navi li.level-2 > a { font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 500; padding: 13px 0px 10px 0px; text-transform: uppercase; font-size: 16px; margin: 0 10px; display: block; border: 1px solid #f2f2f2; border-bottom: 1px solid #c6c6c6; }
    #main-navi li.level-2.has-hover:hover > a, #main-navi li.level-2.active > a { border-bottom: 1px solid #ce1619; color:#ce1619 !important; }
    #main-navi li.level-2.has-hover:hover > a.dropdown-more { border-bottom: 1px solid #f2f2f2;   }
    #main-navi li.level-2 > ul { padding: 10px 0 0 0; }
    #main-navi li.level-2:nth-child(4n + 5) { clear: both; }

    #main-navi li.level-3 {  display: block; }
    #main-navi li.level-3 > a {  display: block; margin: 0 14px; padding: 5px 0; line-height: 17px; }
    #main-navi li.level-3 > a.has-hover:hover, #main-navi .active > a { color:#ce1619;}

    /* products navi */
    #main-navi .products-navi img { display: block; padding: 20px 14% 0 10%; }
    #main-navi .products-navi li.level-2 { float: left; width: 20%;  }
    #main-navi .products-navi li.level-2 > a { text-align: center; border: 1px solid #f2f2f2; font-size: 14px; padding-top: 0; }
    #main-navi .products-navi .level-2.has-hover:hover > a { border: 1px solid #e3e3e3; background: #fafafa; color:#ce1619; }
    #main-navi .products-navi .level-2.has-hover:hover > a.dropdown-more { border: 1px solid #f2f2f2; border-top: 1px solid #c5c5c5;  background: none; color:#ce1619 !important; }

    #main-navi .products-navi li.level-2:nth-child(4n + 5) { clear: none; }
    #main-navi .products-navi li.level-2:nth-child(5n + 6) { clear: none; }

    #main-navi .dropdown-more { display: block; bottom: 0; color: #5b5a5a !important; left: 0; padding: 12px 20px 11px; position: absolute; text-align: center; width: 100%; font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 500; text-transform: uppercase; }
    #main-navi li.level-2.dropdown-more { width: 99%; margin: 0 0.5%; padding: 0; }
    #main-navi li.level-2.dropdown-more a { margin: 0 1%; padding: 15px 0;  width: 98%; position: relative; }
    #main-navi li.level-2.dropdown-more a:before { content: "\e052"; font-family: "hugentobler-icon-set"; position: absolute; font-size: 12px; cursor: pointer; margin-left: -20px; }
    .ie #main-navi li.level-2.dropdown-more a:before, .isIElt11 #main-navi li.level-2.dropdown-more a:before, .isIE11 #main-navi li.level-2.dropdown-more a:before { display: none;}
    #main-navi .products-navi li.level-2.dropdown-more a, #main-navi li.level-2.dropdown-more a { border-top: 1px solid #c5c5c5; }
    #main-navi .products-navi li.level-2.dropdown-more a:before { content: "\e02d"; }
    #main-navi a.dropdown-more img { display: none; }
    #main-navi a.dropdown-more i { font-size: 20px; color: #5b5a5a !important; line-height: 1; padding-right: 7px; vertical-align: bottom; }

    /* sticky sub navigation */
    #sticky-sub-navi { position: fixed; top: -80px; left:0; width: 100%; height: 65px; overflow:hidden; z-index: 1300; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0);}
    #sticky-sub-navi li { font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 700; font-size: 12px; text-transform: uppercase; float:left; cursor:pointer; padding-top: 34px; letter-spacing: 0; position: relative; margin-right: 10px; padding-bottom: 11px; }
    .sticky-sub-navi #sticky-sub-navi {top: 0px; -moz-box-shadow: 0 2px 25px -8px #292929; -webkit-box-shadow: 0 2px 25px -8px #292929; box-shadow: 0 2px 25px -8px #292929; }
    #sticky-sub-navi li:after { content:""; position: absolute; left: 0; bottom: 0px; width:100%; height: 0px; background: #ce1619;  }
    #sticky-sub-navi li.active:after, #sticky-sub-navi li.has-hover:hover:after { height: 4px; }

    .open-staff-members.is-touch-device #sticky-sub-navi { position: absolute; display: none; }

    /**
     * boxes
     *
     *
     */
    /* products overview list */
    .product-overview-list li { width: 33.33%; }

    /* promo box */
    .promo-box-container { padding-top: 30px; padding-bottom: 30px; }
    .promo-box { height: 405px; width: 31.33%; margin: 0 1%; float: left; padding: 20px; }
    .promo-box p { height: 130px; margin-left: 0; margin-right: 0; overflow: hidden; }
    .promo-box.margin-bottom { margin-bottom: 2%;}

    /* minor box */
    .minor-box { height: 240px; width: 48%; margin: 0 1% 2% 1%; float: left; padding: 20px; }
    .minor-box p { height: auto; margin-left: 0; margin-right: 0; overflow: hidden; }

    /* promo image box */
    .promo-image-box-container { padding-top: 40px; padding-bottom: 40px; }
    .promo-image-box { height: 580px; width: 31.33%; margin: 0 1%; float: left; position: relative; }
    .promo-image-box p { margin-left: 0; margin-right: 0; overflow: hidden; }
    .promo-image-box-footer { padding: 12px 20px; position: absolute; bottom: 0; left: 0; width: 100%; }

    /* landingpage promo boxes */
    .promo-section-container > div > .grid-align-1-1 { position: relative; height: 700px; }
    .promo-section-container.large > div > .grid-align-1-1 { height: 933px; }
    .promo-section-container .rounded-border { display: block;}
    .promo-container { position: absolute; margin: 1%;  }
    .promo-container > div { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
    .promo-container .btn-promo-special.rounded-border { background: #ce1619; position: absolute; height: 100%; width: 100%; color:#ffffff; }
    .promo-container.has-hover:hover .rounded-border { background-color: #ce1619; }
    .promo-container.has-hover:hover figure { opacity: 0; }
    .promo-container.has-hover:hover .promo-txt { color: #ffffff; }

    .promo-img { height: 100%;  width: 100%; position: absolute; }
    .promo-txt { position: absolute; top: 40px; right: 0px; width: 50%; text-align: left; margin: 0; padding: 20px; }

    .promo-01 { width: 48%; left: 0; top:0; height: 64.66%; }
    .large .promo-01 { height: 48%; }
    .promo-01 .promo-img { padding: 0; }
    .promo-01 .promo-txt { padding: 0; width: 34%; right: 20px; top: 40px; }

    .promo-02 { width: 48%; height: 31.33%; right: 0; top:0;  }
    .large .promo-02 { height: 23%; }
    .promo-02 .promo-img { padding: 0; background-size: 125% auto; }
    .promo-02 .promo-txt { bottom: 60px; min-height: auto; padding: 20px 80px; text-align: center; top: auto; vertical-align: middle; width: 100%; }

    .promo-03 { width: 23%; height: 31.33%; left: 50%;  top: 33.33%; }
    .large  .promo-03 { width: 23%; height: 23%; left: 0; top: 50%; }
    .promo-03 .promo-txt { width: 100%; height: 100%; left: 0;  top: 0%; font-size: 80px; padding: 0; text-align: center; display: table; }
    .promo-03 .promo-txt i { display: table-cell; vertical-align: middle; padding-left: 29px; }

    .promo-04 { width: 23%; height: 64.66%; right: 0; top: 33.33%; }
    .large  .promo-04 { width: 23%; height: 48%; right: 50%; top: 50%; }
    .promo-04 .promo-img { padding: 0; }
    .promo-04 .promo-txt { bottom: 10px; text-align: center; top: auto; width: 100%; }

    .promo-05 { width: 48%; height: 31.33%; top: 66.66%; }
    .large .promo-05 { width: 48%; height: 23%; top: 75%; right: 0}
    .promo-05 .promo-img { padding: 0;  background-position: bottom left; }
    .promo-05 .promo-txt { bottom: 0px; top: auto; width: 70%; left: 3px; right: auto; padding-bottom: 15px; }

    .promo-06 { width: 23%; left: 50%; height: 31.33%; top: 66.66%; }
    .large  .promo-06 { width: 23%; left: 0%; height: 23%; top: 75%; }
    .promo-06 .promo-img { padding: 0; background-size: 140% auto; }
    .promo-06 .promo-txt { top: 5px; width: 100%; padding-top: 10px; }

    .promo-07 { display: none;}
    .large .promo-07 { width: 48%; left: 50%; top:25%; height: 48%; display: block;}
    .large .promo-07 .promo-img { padding: 0; }
    .large .promo-07 .promo-txt { bottom: 0px; top: auto; width: 100%; left: 3px; right: auto; padding: 30px 60px; text-align: center;}




    .owl-recruiting-career-carousel .item{
        margin: 0 2%;
    }

    /* landingpage teaser boxes */
    #landingpage-teaser-section .grid-container { margin: 0; width: 100%; }
    #landingpage-teaser-section .promo-image-box { width: 100%; margin: 0; }
    #landingpage-teaser-section .grid-align-1-3 { width: 31.33%; margin: 0 1%; }
    #landingpage-teaser-section h2 { margin-bottom: 20px; }

    /* events */
    .events-box-container { padding-top: 40px; padding-bottom: 40px; }
    .events-box { height: 470px; width: 48%; float: left; position: relative; margin-bottom: 2%; margin-left: 1%; margin-right: 1%; }
    .open-events-filter .events-box { width: 100%; }
    .events-box p { margin-left: 0; margin-right: 0; overflow: hidden; font-size: 14px; }
    .events-box-footer { padding: 12px 20px; position: absolute; bottom: 0; left: 0; width: 100%; }

    .event-description { width: 72%; }
    .open-events-filter .event-description { width: 80%; }
    .event-more  { width: 8%; }
    .open-events-filter .event-more { width: 20%; }
    .event-price { width: 20%; text-align:right; font-size: 32px; display: table-cell !important; vertical-align: middle; font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 400;  }
    .open-events-filter .event-price { display: none !important; }
    .currency { font-size: 14px; font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 400; font-style: italic;  margin: 0 5px 0 0; vertical-align: 3px; }
    .event-infos > span, .jobs-infos span, .press-infos span, .exhibition-infos span { display: inline-block; }
    .exhibition-infos span { padding-right: 5px; }

    .event-detail figure, .event-detail-description { width: 46%; float: left; }

    /* shop module */
    .md-shop-modal { max-width:500px;}
    .md-shop-modal .teaser i { display:inline-block;}
    .shop { border-radius: 0; -moz-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0; }
    .shop-box-description figure {width: 30%; float: left; border-radius: 7px; -moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-radius: 7px; border: 7px solid #f2f2f2; }
    .shop-box-content { width: 66%; background: #ffffff; float: left; padding-top:0; min-height: 100px; padding-right: 0; padding-bottom: 0px; padding-left:0; margin-left:4%; }
    .shop-box-content p { min-height: 120px; }
    .product-overview-buttons { margin-bottom:10px;}
    .shop-box-footer { background: #ffffff; color: #444444; padding: 15px 0;  border-bottom: 1px solid #e0dfdf; height:auto;}
    .shop-box-footer a { color: #444444; }
    .shop-box-utilities { position:relative; width: 100%; display: inline-block; padding: 0; text-align: right; top: 0; }
    .shop-price { display: inline-block !important; margin-right: 35px; width: auto; }
    .shop-cart-quantity select { width: 280px;}
    .add-to-cart { position: relative; right: 1px; top: 0px;  }
    .shop-box-footer a.add-to-cart.has-hover:hover { color: #ffffff !important; }
    .shop-detail-btn i { display:inherit; font-size: 14px; line-height: 1; margin-right: 3px; vertical-align: -3px; }
    /*
    .shop-tab-btn { border-bottom: 1px solid #E0DFDF; border-top: 1px solid #ffffff; padding: 10px 5px 10px 10px; }
    .shop-tab-btn.has-hover:hover, .shop-detail .shop-tab-btn.has-hover:hover, .open-shop-option .shop-tab-btn { background: #f2f2f2; }
    .shop-tab-btn i { right: 14px; top: 13px; }*/
    /*.shop_options { margin-bottom: 0; margin-top: 0; border-radius: 0; -moz-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0;}*/
    .shop_options { margin-bottom: 0; }
    .shop-options-field > div { padding: 20px;}
    .shop-options-field {background:#e0dfdf;}
    .shop-detail-description-wrapper { min-height: 300px;}

    .quantity_field {display:inline-block;}
    #shop .lostpw { display:inline; text-align:inherit; }

    /* shop detail page */
    .shop-detail .images { padding: 20px 20px 10px 30px; }
    .shop-short-desc { min-height: 150px;}
    .shop-detail .description { padding: 0 30px 10px 20px; }
    .shop-detail-title { padding-top: 30px; }
    .shop-detail-price { padding-bottom: 20px; }
    .shop-product-col-1 { padding-right:20px;}
    .shop-product-col-2 { padding-left:20px;}

    .shop-container-overlay .tab-container, .shop-container-overlay #shop-filter { min-width: 672px; }

    .currency { font-size: 14px; }

    /* shop cart page */
    .cart-detail-page { padding: 20px 30px 30px;}
    .summary-second-col  { width: 25%;}
    .shop-cart-summary { padding: 30px 0 30px 0; }
    .cart-buttons, .cart-links { display: inline-block; width: 50%; }
    .cart-buttons { text-align: right; }
    .cart-buttons .icon-link-button { padding-left: 0px;}
    .shop-cart-desc { width: 50%;  }
    .shop-cart-function-list { text-align: right; width: 50%; padding: 5px 0 0 0; }
    .shop-cart-function-list > div.shop-cart-remove { display:inline-block; padding: 9px 0 0 10px; width:10%; }
    .shop-cart-quantity { text-align: right; width: 48%;}
    .shop-cart-price, .shop-overview-price { width: 40%; }
    .shop-cart-total-price { width:100%;}
    .shop-summary-total { padding-top: 0px; }

    /* shop account page */
    .customer-address { padding-right: 20px; }
    .shipping-address { padding-left: 20px; padding-top:0; }
    .shipping-address .icon-link-button { padding-left:0;}
    .customer_old {  border-right: 1px solid #e0dfdf;}
    .customer_new { }

    .shop-overview-product-row > div { width:50%; }
    .overview-first-total { padding-top: 5px; padding-bottom: 60px; margin-bottom:0; }
    .order-overview-comments { padding-top: 30px; }

    /* shop payment page */
    #shop_payment .shop-cart-quantity input { width:280px;}

    /* shop order page */
    #shop_order .shop-overview-price,  #shop_order .shop-cart-quantity { width: 50%;}
    #shop_order .shop-cart-quantity { padding-top:5px;}

    /* exhibitions */
    .exhibition-date { min-width: 180px; }
    .exhibition-hall { min-width: 80px; }
    .exhibition-stand { min-width: 80px; }

    /* offer box */
    .offer-box { height: 880px; width: 48%; float: left; position: relative; margin-bottom: 2%; margin-left: 1%; margin-right: 1%; }
    .offer-box:nth-of-type(2n + 1) { width: 49%; margin-left: 0; }
    .offer-box:nth-of-type(2n + 2) { width: 49%; margin-right: 0; }
    .offer-box-content, .teaser-box-content { font-size: 14px; }
    .offer-box figure { max-height: 280px; overflow: hidden;}
    .offer-call-to-action { position: absolute; bottom: 80px; left:0; text-align:center; width: 100%; }
    .offer-box-footer { padding: 12px 20px; position: absolute; bottom: 0; left: 0; width: 100%; }

    .teaser-box-list li { padding-left: 53px; }
    .teaser-box-list .h5-style { margin-left: -48px; }

    .promo-teaser h3 { font-size: 20px;  }
    .promo-teaser p { font-size: 1.1em;  }

    /* eyecatcher home promo */
    #owl-home-eyecatcher .owl-prev, #owl-home-eyecatcher .owl-next { display: inline-block; }
    #owl-home-eyecatcher .item:after { background: none;}

    .home-eyecatcher-box { right: 10%; top: 20%; width: 80%; text-align: right; padding: 0; }
    .home-eyecatcher-box.left { right: auto; left: 10%; text-align: left; }
    .home-eyecatcher-box.center { right: 50%; text-align: center; width: 650px; margin-right: -325px;  }

    .home-eyecatcher-box .teaser { font-size: 45px; margin-bottom: 15px; line-height: 55px;  }
    .home-eyecatcher-box .btn-minor-action, .home-eyecatcher-box .btn-major-action { font-size: 12px; padding: 3px 15px; }
    .home-eyecatcher-box .btn-major-action { font-size: 15px; padding: 10px 20px; margin-right: 10px;  }

    .home-slider-scroll-down { cursor: pointer; display: block; position: absolute; bottom: 20px; left: 50%; margin-left: -35px; padding: 0px; font-size: 55px; color: #FAFAFA;  }
    .home-slider-scroll-down.has-hover:hover {  color: #CE1619;  }

    /* eyecatcher follow promo */
    .follow-eyecatcher-box { right: 80px;  padding: 20px 25px; width: 50%; }
    .follow-eyecatcher-box h1, .follow-eyecatcher-box h2 { font-size: 27px; margin-bottom: 10px; line-height: 30px; }
    .follow-eyecatcher-box .teaser { font-size: 20px; line-height: 25px; display:block; }

    /* reference box */
    .reference-box, .teaser-reference-box, .recipe-box { margin: 0 1% 2%; width: 31.20%; }
    .recipe-box-overview-desc  { height: 64px; min-height: auto;  }
    .owl-box-slider .reference-box, .owl-box-slider .teaser-reference-box, .owl-box-slider .recipe-box { margin: 0; width: 100%; }
    .open-reference-filter .reference-box, .open-reference-filter .teaser-reference-box, .open-recipe-filter .recipe-box  { width: 47.5%; min-width: auto; }
    .reference-box-title, .reference-box-content, .teaser-reference-box-title, .teaser-reference-box-content, .recipe-box-title, .recipe-box-content { font-size: 16px; line-height: 22px; }

    /* campaign box */
    .campaign-img-title { font-size: 19px; line-height: 26px; }

    /* team box */
    .team-box .team-box-content { height:200px; overflow: hidden; font-size: 13px; padding: 0 20px; }
    .grid-align-1-3.team-box, .team-box  { width: 48%; padding-bottom: 0px; margin-bottom: 2%; min-height: 550px; }
    .open-team-filter .grid-align-1-3.team-box, .open-team-filter .team-box  { width: 98%; padding-bottom: 0px; margin-bottom: 2%; min-height: 560px; }
    .team-box .team-member-desc { min-height: 90px; }

    /* newsletter & staff box */
    .newsletter-sign-up-box { border-bottom:0; border-right: 1px solid #c6c6c6; margin-bottom: 0; padding-bottom: 0; padding: 10px 30px 0 0; }
    .newsletter-sign-up-box{ padding: 10px 30px 0 0; float: left !important; }
    .staff-search-box { padding: 10px 0 0 30px; float: left !important; }

    .staff-member-staff-container, .staff-member-location-container { padding: 30px 20px 20px 20px; }
    .staff-member-container .grid-align-1-1 { margin-left: 1%; margin-right: 1%; width: 98%; }
    .staff-member-container p.teaser { margin-left: 0; margin-right: 0; }
    .staff-member-content-container { text-align: center; display: block; }
    .staff-member-location-container .staff-section-box { text-align: left; }
    .staff-member-location-container .btn-minor-action { width: 45%; margin: 20px 5% 10px; }
    .staff-member-location-container .btn-minor-action:first-child { margin-left: 0; }
    .staff-member-location-container .btn-minor-action:last-child { margin-right: 0; }
    .staff-section-box { display: inline-block; padding: 0;  border: 0; max-width: 31.33%; margin-bottom: 0; margin-left: 1%; margin-right: 1%; vertical-align: top; min-height: 400px; }
    .staff-member-location-container.has-two-children .staff-section-box, #staff-member-container.has-two-children .staff-section-box { max-width: 45%;  margin-left: 30px; margin-right: 0; }
    .staff-member-location-container.has-two-children .staff-section-box:first-child, #staff-member-container.has-two-children .staff-section-box:first-child { margin-right: 30px;  margin-left: 0; }
    .staff-section-box p.strong { height: 50px; overflow: hidden;  }
    .staff-member-arrow { left: 57%;}

    /* products table box */
    .products-data-desc-container { width: 25%; display: block; }
    .products-data-values-container { width: 75%; }

    .products-data-table-cell { padding: 10px; height: 60px; }
    .large-table-cell { height: 100px;}
    .products-data-table-cell span { display: none; }
    .products-data-values-container h4, .products-data-table-box .product-img-row, .products-data-table-box figure { text-align: left; }

    .footnote { float:left; padding-top: 15px; width: 100%; }
    .footnote-txt { font-size: 12px;  padding-bottom: 0px; float: left; }
    .footnote-aside { text-align: right; float: right; }

    .owl-table-slider .owl-prev { left: -40px; display: none; }
    .owl-table-slider .owl-next { right: -33px; display: none; }

    .products-data-values-container.has-left-overflow .owl-table-slider .owl-prev { display: block; }
    .products-data-values-container.has-right-overflow .owl-table-slider .owl-next { display: block; }
    .products-data-values-container.has-right-overflow.has-left-overflow .owl-table-slider .owl-prev, .products-data-values-container.has-right-overflow.has-left-overflow .owl-table-slider .owl-next { display: block; }

    /* footer box */
    .footer-box { margin: 0 1.5%; width: 22%; }
    .footer-box .btn-footer-toggle { cursor: default; font-size: 15px; font-family: itc-officina-sans-pro, Arial, Helvetica, sans-serif; font-weight: 500;  }
    .btn-footer-toggle.icon-p2-01n-arrow-down:before { display: none; }
    .footer-box > ul { font-size: 12px; line-height: 14px; }

     /**
     * tabs
     *
     *
     */
    .tab-btn-container { height: 55px;  margin-bottom: -10px; border-radius: 0; -moz-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0;  }
    .grid-shop-full-container .tab-btn-container { display: inherit; }
    .tab-content-container { border-radius: 0 0px 4px 4px; -moz-border-radius: 0 0px 4px 4px; -khtml-border-radius: 0 0px 4px 4px; -webkit-border-radius: 0 0px 4px 4px; }
    .team-container-wrapper.tab-content-container,  .reference-container-wrapper.tab-content-container, .events-container-wrapper.tab-content-container, .downloads-container-wrapper.tab-content-container, .videos-container-wrapper.tab-content-container, .recipe-container-wrapper.tab-content-container { margin: 20px 0; width: 100%; }
    .team-container-overlay, .reference-container-overlay { background: #fafafa; }

    .tab-btn { display: inline-block; padding: 15px 20px 15px 20px; background: none; border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0;  }
    .tab-btn.has-hover:hover { /*background: #ffffff;*/ }
    .active-tab-btn, .active-tab-btn.has-hover:hover { background: #ffffff; }
    .tab-btn.has-hover:after{ content:""; position: absolute; left: 0; bottom: 4px; width:100%; height: 0px; background: #ce1619;  }
    .tab-btn.has-hover:hover:after { height: 4px; }
    .active-tab-btn.has-hover:hover:after,
    .active.has-hover:hover:after,
    .active.has-hover:hover:after { height: 0; }

    #small-active-tab.tab-btn { display: none; }

    .grid-offset-tab-container .tab-btn { color: #e0dfdf !important; }

    .grid-offset-tab-container .active-tab-btn, .grid-offset-tab-container .active-tab-btn.has-hover:hover,
    .grid-offset-tab-container .active, .grid-offset-tab-container .active.has-hover:hover{ background: #ffffff; color:#444444 !important; }
    .grid-team-container { padding-bottom: 0 !important; }

    .grid-offset-tab-container.grid-team-container .active-tab-btn,
    .grid-offset-tab-container.grid-team-container .active-tab-btn.has-hover:hover,
    .grid-offset-tab-container.grid-reference-container .active-tab-btn,
    .grid-offset-tab-container.grid-reference-container .active-tab-btn.has-hover:hover,
    .grid-offset-tab-container.grid-events-container .active-tab-btn,
    .grid-offset-tab-container.grid-events-container .active-tab-btn.has-hover:hover,
    .grid-offset-tab-container.grid-downloads-overview-container .active-tab-btn,
    .grid-offset-tab-container.grid-downloads-overview-container .active-tab-btn.has-hover:hover,
    .grid-offset-tab-container.grid-videos-overview-container .active,
    .grid-offset-tab-container.grid-videos-overview-container .active.has-hover:hover,
    .grid-offset-tab-container .tab-btn-container-recipe .active-tab-btn,
    .grid-offset-tab-container .tab-btn-container-recipe .active-tab-btn.has-hover:hover { background: #fafafa !important; color:#444444 !important; }




    .for-team-content { margin-bottom: 50px; padding-bottom: 0px; }
    .for-team-content:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }

    .tab-products-data-table { padding: 40px 40px 40px 40px; }

    .tab-offset { padding: 40px; }
    .sidebar.tab-offset { padding: 40px 30px; }

    .clip-play-button {
        top:46%;
    }

    /**
     * forms
     *
     *
     */
    input[type="radio"], input[type="checkbox"] { width: 3%; margin-right: 2%; display: inline-block; }
    .contactFormGroup label, #coreCaptchaLabel {  width: 95%;  }
    input[type="submit"], input[type="reset"] { width: auto; margin:0; }

    .contactForm_25 .contactFormGroup .checkbox,
    .contactForm_26 .contactFormGroup .checkbox {width: 50%;}

    /**
     * modules & plugins
     *
     *
     */

    /* parallax sections */
    .stellar-bg-elm { height: 500px; min-height: 500px; }
    .stellar-bg-elm.stellar-small { height: 300px; min-height: 300px; }
    .stellar-bg-elm.stellar-very-small { height: 200px; min-height: 200px; }
    .promo-section-container { height: auto; }

    .stellar-bg-elm > div { padding-left: 80px; padding-right: 80px; padding-bottom: 0; padding-top: 0; }
    .promo-section-container > div { padding-right: 20px; padding-left: 20px; padding-bottom: 40px; padding-top: 40px; }

    .stellar-img-container { height: auto;  min-height: 0; }
    .stellar-img-container .grid-container img { margin-bottom: 0; }
    .stellar-img-container .grid-container .major-teaser { margin-bottom: 50px; }
    .stellar-img-container .grid-align-1-3 { margin-left: 1.5%; margin-right: 1.5%; width: 30.33%;}
    .stellar-img-container .grid-align-2-3 { margin-left: 1.5%; margin-right: 1.5%; width: 63.66%;}

    /* owl home eyecatcher slider */
    .eyecatcher-home-container, #owl-home-eyecatcher.owl-carousel .owl-wrapper-outer, #owl-home-eyecatcher .item { height: 460px; }
    #owl-home-eyecatcher .item img { width: 1000px; left: 50%; margin-left: -500px; }

    .eyecatcher-home-container { margin-top: 0; }
    #owl-home-eyecatcher .owl-pagination { top:220px; }

    /* owl follow eyecatcher slider */
    .eyecatcher-follow-container, #owl-follow-eyecatcher.owl-carousel .owl-wrapper-outer { height: 350px; }
    #owl-follow-eyecatcher .item img { width: 1200px; left: 50%; margin-left: -600px;  }
    #owl-follow-eyecatcher .owl-prev { display: block; }
    #owl-follow-eyecatcher .owl-next { display: block; }

    /* content slider */
    .owl-content-slider .owl-prev, .owl-content-slider .owl-next { display: inline-block; }

    /* shop detail slider */
    .owl-shop-detail-slider .owl-prev, .owl-shop-detail-slider .owl-next { display: inline-block; }

    /* box slider */
    .owl-carousel.owl-box-slider { padding: 0 20px; }
    .owl-carousel.owl-box-slider .owl-item { padding: 0 10px; }
    .owl-box-slider .owl-buttons { color: #444444; }
    .owl-box-slider .owl-prev { left: -5px; }
    .owl-box-slider .owl-next { right: -5px; }

    .eyecatcher-follow-container { margin-top: 0; margin-bottom: 42px; }
    #owl-follow-eyecatcher .owl-pagination { top:220px; }

    /* global owl elements */
    .owl-buttons { display: block; }

    .grid-content-1-slide .item { margin: 0 1%; overflow:hidden; border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; background:#ffffff; border: 5px solid #ffffff; }

    .bg-light-1 .grid-content-1-slide .item { background:#f2f2f2; border: 5px solid #f2f2f2;  }
    .bg-light-2 .grid-content-1-slide .item { background:#ffffff; border: 5px solid #FFFFFF;  }
    .bg-light-3 .grid-content-1-slide .item { background:#fafafa; border: 5px solid #fafafa;  }

    /* events module */
    #hutocourse { min-height: 400px; }
    .events-container-under, .shop-container-under {  border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -khtml-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; }

    .grid-search-tab-container, .grid-products-container { margin-top: 0px; padding-top: 20px; min-height: 300px; }
    .events-category-container { padding: 25px 20px 15px 20px;  }

    .events-box-utilities, .offer-box-utilities { height: 47px; padding: 11px; width: 46px; }
    #events-filter, #shop-filter { margin-left: 30px; margin-right: 30px;}
    #events-filter-form, #team-filter-form, .team-filter-box, .shop-container-under .shop-navbar { width: 50%; }
    .events-container-overlay { min-height: 1000px; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -khtml-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; }
    .shop-container-overlay {  border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -khtml-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; }
    .open-events-filter .events-container-overlay, .open-team-filter .team-container-overlay, .open-reference-filter .reference-container-overlay, .open-shop-filter .shop-container-overlay { width: 50%; }

    .event-detail figure { position: relative; max-height: none; height: 79%; border: 5px solid #FAFAFA; margin: 30px; padding: 0; width: 43%; border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; }
    .open-events-filter .event-detail figure { width: 90%; margin: 5%; height: 250px; }
    .event-detail figure img { max-width: none; width: 135% !important; margin-left: -10%; }
    .event-detail-description { padding-top: 40px; padding-bottom: 80px; }
    .open-events-filter .event-detail-description { width: 100%; padding-top: 0; }

    /* jobs module */
    #jobs { min-height: 400px; }

    /* mediadir module :: products */
    .tab-img-window { position: absolute; right: 60px; bottom: 40px; height: auto; padding: 20px; width: 70%; border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; }
    .tab-img-window.left-top { left: 45px; bottom: auto; top: 43px; max-width: 434px; }
    .tab-img-window.right-top { left: auto; right: 45px; bottom: auto; top: 43px; max-width: 434px; }
    .product-detail .square-icon, .events-detail-teaser-container .square-icon{ height: 130px; width: 33.33%; padding: 0 10px; float: left; }
    .job-offers-detail-teaser-container .square-icon { height: 130px; width: 27%; padding: 0 10px; float: left; }
    .product-detail .square-icon div  { display: table; width: 100%; }
    .product-detail .square-icon div p { height: 50px; display: table-cell;  vertical-align: middle; text-align: center; width: 100%; }
    .product-detail .square-02 { border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; border-right:0; border-left:0; }

    .product-detail .product-description { padding: 20px 40px 0 20px; }
    .product-detail .product-description p { margin-bottom: 40px; }
    .product-detail .tab-content { display: table; }
    .product-detail .product-description-container .grid-align-1-2 { display: table-cell; vertical-align: middle; float: none; }
    .product-usp, .image-list { margin: 0 40px; width: auto; }
    .product-usp p, .image-list p { margin: 0; }
    .product-usp .usp-desc, .image-list .list-desc { padding-right: 20px; }
    .product-usp:first-of-type, .image-list:first-of-type { padding-top: 0; }

    .customer-request { margin: 40px 40px 20px 40px; margin-left: 40px; }
    .customer-form, .customer-phone { float: left; width: 50%; padding: 20px 100px 12px; text-align: center; }
    .customer-form { padding-right: 0; }
    .customer-phone { padding-left: 0;}
    .customer-request a { display: inline-block; }


    .customer-buttons a {
        width: auto;
    }

    /* dam module :: downloads */
    .download i, .download-list i { font-size: 22px; }
    .download span { display: block; }
    a.download, a:active.download, a:visited.download { padding: 10px 100px 10px 38px;  }

    .downloads-container .grid-align-1-2 { padding-left: 20px; }
    .downloads-container .grid-align-1-2:first-child { padding-left: 0; padding-right: 20px; }

    .grid-downloads-overview-container .tab-offset:first-child { padding-bottom: 40px; }
    .grid-downloads-overview-container .tab-offset:last-child { padding-top: 40px; }

    /* search module */
    .search-title-content-container h1, .search-title-content-container h2, .single-title-content-container h1, .single-title-content-container h2 { font-size: 23px; line-height: 30px; margin-left: 0; margin-right: 0; width: 100%; }
    .search-title-content-container .grid-container, .single-title-content-container .grid-container { padding-left: 20px; padding-right: 20px; }
    .search-title-content-container > .grid-container > div, .single-title-content-container > .grid-container > div { }
    .search-title-content-container h1, .search-title-content-container h2, .single-title-content-container h1, .single-title-content-container h2 { margin-left: 0; margin-right: 0; width: 100%; }
    .search-content-container { min-height: 500px;}
    #main-search-field { width: 70%; float: left; margin-bottom: 0; }
    #main-search-btn { width: 25%; float: right; margin: 0; padding: 17px; }

    #main-search-form i#clear-search-icon { right: auto; left: 66%;  }

    /* news */
    .news-link-group { margin-top: 15px !important;}
    /* google maps */
    .maps-container { height: 600px; }


    .shop_options.standalone:last-child {margin: 0 0 0 0 !important;}

    /***
    Videos
     */
    .grid-content-2.alternate-order:nth-child(even) .grid-align-1-2,
    .section-container.row1:nth-child(even) .grid-align-1-2,
    .section-container.row2 .grid-align-1-2{
        float: right;
    }


    .videos-container-wrapper .set-min-height {
        min-height: calc(4 * 1.3em);
    }

    .videos-container-wrapper .set-min-height-title {
        min-height: calc(3 * 34px);
    }



    .grid-content-2.alternate-order:nth-child(odd) {
    }

}

/**
 ******************** media queries :: between wide and maximal screen view ********************
 *
 *
 */
@media print, screen and (min-width: 900px) {
    /* content templates */
    .grid-content-2-3-slide .grid-align-1-1 { position: relative; }
    .grid-content-2-3-slide .grid-align-2-3 { width: 64.66%; margin-left: 1%; margin-right: 1%; margin-bottom: 0; }
    .grid-content-2-3-slide .grid-align-1-3 { width: 30.33%; margin-left: 1.5%; margin-right: 1.5%; position: absolute; right: 0; top: 0; }
    .grid-content-2-3-slide .grid-align-1-2 { width: 47.5%; margin-left: 1%; margin-right: 1.5%;}
    .grid-content-2-3-slide .grid-align-1-2.txt-frame { width: 47%; margin-left: 1.5%; margin-right: 1.5%; }

    /* team box */
    .grid-align-1-3.team-box, .team-box  { width: 31.33%; min-height: 560px; height: 580px; }
    .team-box .team-box-content { height: auto; width: 100%; margin: 0 0%; overflow: hidden; }

    /* events module */
    .events-box { height: 500px; }

    /* home slider */
    #owl-home-eyecatcher .item img { width: 100%; left: 0; margin-left: 0; height: auto;  }

    /* minor box */
    .minor-box { width: 48%; height: 220px;}

    /* products */
    .products-data-values-container.has-sidebar { width: 50%; }
    .products-data-sidebar-container { width: 25%; padding: 240px 0 0 40px;}
}


/**
 ******************** media queries :: maximal screen view ********************
 *
 *
 */
@media screen and (min-width: 1140px) {

    body, p, .teaser { line-height: 22px; }
    h3 { font-size: 24px; margin-bottom: 12px;}

    /**
     * grid system
     *
     *
     */
    #landingpage-teaser-section .grid-container, .grid-container { width: 1105px; margin: 0 auto; }
    .main-navi-container { margin: 0 auto; width: 1105px;}
    .content-container { padding-top: 40px; padding-bottom: 40px; font-size: 15px; }
    .job-offers-section { padding-bottom:15px;}

    /* content templates */
    .grid-content-default.content-container { padding-top: 30px; }
    .grid-content-container h1 { /*text-align: center; margin-bottom: 40px;*/ }

    .grid-content-container.content-container { padding-top: 20px; padding-bottom: 20px; }

    .content-container-under { width: 33.33%; }
    .content-container-overlay { width: 66.66%; }

    .grid-content-promo-left > div > div:nth-of-type(1) { width: 50%; }
    .grid-content-promo-left > div > div:nth-of-type(2) { width: 49%; margin-right:1%;  }

    .grid-content-promo-right > div > div:nth-of-type(1) { margin-top: 80px; }

    .grid-content-1-right > div > div:nth-of-type(1) { padding-right: 60px; }
    .grid-content-2 .grid-align-1-2 img { margin-bottom: 30px; }
    .grid-content-3 .grid-align-1-3 img { margin-bottom: 30px; }
    .grid-content-4 .grid-align-1-4  { width: 23%; }
    .grid-content-5 .grid-align-1-5 {width: 18%; }

    .grid-content-1-slide .grid-align-1-1 { padding-right: 150px; padding-left: 150px; }
    .grid-content-1-slide .grid-align-1-1 .teaser { padding-right: 100px; padding-left: 100px; }

    .grid-offset-tab-container {  margin-top: -50px;  }

    .grid-content-3 .grid-align-1-3.locations-box p, .staff-member-content-container .staff-member-location-container .entering { margin-left: 53px; }

     .locations-box i { margin-left: -44px; }
    .locations-box h3 { margin-left: 51px; }

    .grid-content-list h2 { margin-bottom: 25px; }
    .grid-content-list .grid-container .grid-align-2-3 { padding-right: 40px; }

     .reference-main-container { height: 400px; }
    .grid-content-2-3-slide .grid-align-1-3, .grid-content-2-3-slide .grid-align-1-2.txt-frame { position: absolute; right: 0; top: auto; bottom: 35px; }

    ul.teaser li:before { top: 0px; }

    .first-content-section.first-content-section.grid-content-promo-left { padding-top: 20px; /*padding-top: 20px; */}

    /**
     * icon styles
     *
     *
     */
    .txt-icon { font-size: 20px; }
    .main-location-container .grid-align-1-2.tab-offset { padding-left: 60px; padding-top: 50px; }
    .events-detail-teaser-container .grid-align-1-2, .job-offers-detail-teaser-container .grid-align-1-2 { height: 320px; }
    .events-detail-teaser-container .grid-align-1-2.tab-offset, .job-offers-detail-teaser-container .grid-align-1-2.tab-offset { padding-left: 60px; padding-right: 60px; padding-top: 50px; }
    .events-detail-teaser-container img, .job-offers-detail-teaser-container img { width: 101% !important; height: auto !important; }

    .square-01.first, .square-01.second, .square-01.third { position: absolute; bottom: 20px; left: 50px; }
    .square-01.second {  left: 36.5%; }
    .square-01.third {  left: auto; right: 50px; }

    /**
     * global classes & site elements
     *
     *
     */
    .no-small { display: block !important; }
    .no-wide { display: block !important; }
    .no-maximal { display: none !important; }

    .teaser { font-size: 20px; line-height: 24px; }

    /**
     * layout
     *
     *
     */
    .section-footer { height: 355px;}
    #site-container > section:last-of-type { margin-bottom: 355px; }

    #sticky-sub-navi { height: 69px; }
    #sticky-sub-navi-menu { padding:0; }

    #utilities { display: inline-block; position: absolute; right: 220px; top: 0; }

    #language-container  { border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -khtml-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; }
    .open-language #language-container  { height: 164px; }

    #active-language, #meta-txt-link a { padding-top: 14px; padding-bottom: 14px; }

    #header-container { height: 90px;  }

    #logo { width: 220px; padding: 19px 0 0; }
    #logo-img { width: 220px; height: 55px;}

    /* main navigation & dropdown */
    #main-navi { top: 26px; }
    #main-navi .owl-navi-container { top: 64px; }
    #main-navi .owl-navi-container > ul.menu { width: 1120px; left: 50%; margin-left: -560px; padding-left: 0; padding-right: 0; }
    #main-navi > div > ul { padding-right: 0px; }
    #main-navi > div > ul li.level-1 > a { font-size: 18px; padding: 10px 15px 32px; text-transform: uppercase; }

    #main-navi li.level-3 > a { font-size: 16px; }

    #sticky-sub-navi li {  font-size:14px; margin-right: 25px; padding-top: 36px; }

    .footer-container { padding: 30px 0 10px 0; }
    .footer-box .btn-footer-toggle { font-size: 18px; }

    .credits { font-size: 11px;}

    /**
     * boxes
     *
     *
     */
    /* products overview list */
    .product-overview-list li { width: 20%; }

    /* eyecatcher home promo */
    .home-eyecatcher-box .teaser { font-size: 50px; margin-bottom: 25px; line-height: 60px;  }
    .home-eyecatcher-box.center { top: 25%; }
    .home-eyecatcher-box .btn-minor-action, .home-eyecatcher-box .btn-major-action { font-size: 12px; padding: 3px 15px; }
    .home-eyecatcher-box .btn-major-action { font-size: 17px; padding: 13px 32px; margin-right: 10px;  }

    /* eyecatcher follow promo */
    .follow-eyecatcher-box { right: 15%;  padding: 20px; width: auto; max-width: 700px; }
    .follow-eyecatcher-box h1, .follow-eyecatcher-box h2 { font-size: 32px; margin-bottom: 15px; line-height: 36px; }
    .follow-eyecatcher-box .teaser { font-size: 23px; line-height: 30px; }

    /* promo box */
    .promo-box-container { padding-top: 40px; padding-bottom: 40px; }
    .promo-box { height: 420px; padding: 30px; }
    .promo-box p { height: 120px; }

    /* minor box */
    .minor-box { height: 230px; padding: 30px; }
    .minor-box p { height: auto; }


    /* promo image box */
    .promo-image-box { height: 580px; }

    /* promo image box */
    .events-box { height: 520px; width: 31.33%; }
    .events-box-content { min-height: 300px;}
    .open-events-filter .events-box { width: 48%; }

    /* landingpage promo boxes */
    .promo-txt { font-size: 22px; line-height: 26px; }
    .promo-02 .promo-txt { padding: 20px 120px; bottom: 50px; }
    .promo-04 .promo-txt { padding-bottom: 10px; }
    .promo-02 .promo-img, .promo-06 .promo-img { background-size: 100% auto; }

    .exhibition-infos span.exhibition-title { width: auto; min-width: 270px; }

    /* exhibitions */
    .exhibition-date { min-width: 180px; }
    .exhibition-hall { min-width: 80px; }
    .exhibition-stand { min-width: 80px; }

    /* newsletter & staff box */
    .newsletter-sign-up-box > i, .staff-search-box > i { padding: 15px 50px 20px 0px; font-size: 60px; margin-right: -22px; }
    .newsletter-sign-up-box p.teaser { text-align: right; }
    .staff-member-arrow { left: 54%;}
    .staff-search-box > i { padding: 15px 0px 20px 50px; }
    .newsletter-sign-up-box > i, .newsletter-sign-up-box > div  { float:left; }
    .staff-search-box > i, .staff-search-box > div { float:right; }
    .staff-member-container form { width: 380px; }

    .question-box { text-align: center; width: 77%; }
    .newsletter-sign-up-box .question-box, .newsletter-sign-up-box .question-box p.teaser, .staff-search-box .question-box p.teaser { text-align: center; }

    /* products table box */
    .footnote-txt { font-size: 13px; }

    /* footer box */
    .footer-box { margin: 0 1%; width: 23%; }
    .footer-box > ul { font-size: 13px; line-height: 18px; }
    .footer-box > ul > li  { margin-bottom: 2px; }

    /* events & offer box */
    .events-box-dates li, .offer-box-dates li  { line-height: 22px; padding: 10px 30px 6px; }
    .events-box-dates li i, .offer-box-dates li i  { margin-left: -28px; }
    .events-box-dates li i { margin-right: 11px; }

    .event-price, .open-events-filter .event-price { width: 20% !important; display: table-cell !important; }
    .event-description { width: 72%; }
    .open-events-filter .event-description { width: 72%; }
    .open-events-filter .event-more { width: 8%; }

    #events-filter-form, #team-filter-form, .team-filter-box, .shop-container-under .shop-navbar { width: 30.5%; }
    .shop-container-under .shop-navbar { width: 33.5%; }

    .events-detail-desc-container { padding-top: 30px; }

    /* team box */
    .team-box .team-box-content { font-size: 14px; }
    .open-team-filter .grid-align-1-3.team-box, .open-team-filter .team-box  { width: 48%; }

    /* campaign box */
    .campaign-img-title { font-size: 20px; line-height: 24px; }

    /* reference box */
    .reference-box-title, .reference-box-content, .teaser-reference-box-title, .teaser-reference-box-content, .recipe-box-title, .recipe-box-content { font-size: 18px; line-height: 22px; }
    .reference-box, .teaser-reference-box, .recipe-box { margin: 0 1% 2%; width: 23%; }
    .open-reference-filter .reference-box, .open-reference-filter .teaser-reference-box, .open-recipe-filter .recipe-box { width: 31.33%; }

    /* newsletter & staff box */
    .staff-member-container { padding-top: 20px; padding-bottom: 20px; }
    .staff-member-location-container.has-two-children .staff-section-box, #staff-member-container.has-two-children .staff-section-box { max-width: 384px;   }

    .staff-member-content-section .staff-member .btn-minor-action { width: 250px; }
    .staff-member-content-section .staff-member .call-to-action-buttons { text-align: center; }
    .staff-member img { width: 75% !important; height: auto !important; }

    .recipe-box-overview-desc  { /*height: 72px;*/  }
    /**
     * tabs
     *
     *
     */
    .tab-btn-container { height: 60px; }
    .tab-btn { padding: 16px 20px 17px; font-size: 14px; }
    .tab-btn.has-hover:after{  bottom: 5px; }

    .sidebar.tab-offset { padding: 40px; }




    /* form */
    .contactForm_25 .contactFormGroup .checkbox,
    .contactForm_26 .contactFormGroup .checkbox {width: 33%;}
    /**
     * modules & plugins
     *
     *
     */

    /* parallax sections */
    .stellar-bg-elm { height: 550px; }

    .stellar-bg-elm > div { padding-left: 200px; padding-right: 200px; padding-bottom: 0; padding-top: 0; padding: 0; }
    .promo-section-container.stellar-bg-elm { padding: 50px 0; height: auto; }
    .promo-section-container.stellar-bg-elm > div{ padding: 0; height: 710px; }

    .stellar-img-container { height: auto;  min-height: 0; padding-top: 100px; padding-bottom: 100px; }
    .stellar-img-container .grid-container .major-teaser { margin-top: 20px; }

    /* owl home eyecatcher slider */
    .eyecatcher-home-container, #owl-home-eyecatcher.owl-carousel .owl-wrapper-outer, #owl-home-eyecatcher .item { height: 600px; }

    #owl-home-eyecatcher .owl-prev { left: 5px; }
    #owl-home-eyecatcher .owl-next { right: 5px; }
    #owl-home-eyecatcher .owl-pagination { top:320px; }

    /* owl follow eyecatcher slider */
    .eyecatcher-follow-container, #owl-follow-eyecatcher.owl-carousel .owl-wrapper-outer { height:450px; }
    #owl-follow-eyecatcher .item img { width: 1400px; left:50%; margin-left: -700px;  }
    #owl-follow-eyecatcher .owl-prev { left: 5px; }
    #owl-follow-eyecatcher .owl-next { right: 5px; }
    #owl-follow-eyecatcher .owl-pagination { top:320px; }

    /* products table slider */
    .products-data-desc-container { width: 20%; }
    .products-data-values-container { width: 80%; padding: 0 0px 0 0; }

    .products-data-values-container.has-sidebar { width: 40%; }
    .products-data-sidebar-container { width: 40%;}

    .large-table-cell { height: 110px;}

    /* box slider */
    .owl-carousel.owl-box-slider { padding: 0; }
    .reference-teaser-section h2 { padding: 0 10px; }
    .owl-carousel.owl-box-slider .owl-item { padding: 0 10px; }
    .owl-box-slider .owl-buttons { color: #444444; top: 40%; }
    .owl-box-slider .owl-prev { left: -25px; }
    .owl-box-slider .owl-next { right: -25px; }

    /* events module */
    .grid-events-container.content-container, .offer-box-container.content-container, .grid-search-tab-container, .grid-single-tab-container, .grid-products-container { padding-top: 20px; padding-bottom: 20px; }
    .grid-events-detail-container.content-container, .job-contact-section, .location-branch  { padding-top: 30px;  }

    .offer-box { height: 820px;}

    .open-events-filter .events-container-overlay, .open-team-filter .team-container-overlay, .open-reference-filter .reference-container-overlay, .open-shop-filter .shop-container-overlay { width: 66.66%; }

    .filter-box-top-border i { height: 44px; width: 44px; padding: 12px 13px 12px 15px;}

    .event-price { display: table-cell !important; }


    .event-detail figure img { width: 100% !important; margin-left:0; }
    .event-detail-description { width: 47%; }

    .open-events-filter .event-detail figure { width: 40%; height: 278px; }
    .open-events-filter .event-detail figure img { margin-top:0; margin-left: -40%; width: 173% !important; }
    .open-events-filter .event-detail-description { width: 50%; padding-top: 40px; }

    .events-detail-eventdate-container .event-infos { width: 85%; }
    .event-reg { width: 15%; }

    /*.event-location { min-width: 335px; }*/
    .event-date { min-width: 220px; }

    /* shop module */
    .old-price { display: inherit; }
    .shop-container-overlay .tab-container, .shop-container-overlay #shop-filter { min-width: 1045px; }
    .shop-short-desc { min-height: 280px;}
    .shop_options { margin-bottom: 0; margin-top: 0; border-radius: 0; -moz-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0;}
    .shop-box-content { border-bottom: 1px solid #e0dfdf; }

    /* jobs module */
    .jobs-infos, .press-infos { width: 60%; }
    .jobs-details, .press-details { text-align: right; width: 39%; display: inline-block; margin: 0; }

    .press-title { display: inline-block; vertical-align: top; margin-right: 2%; width: 100%; }
    .press-date { display: inline-block; width: 13%; vertical-align: top; margin-right: 2%; }
    .press-press { display: inline-block; width: 22%; vertical-align: top; margin-right: 2%; }
    .press-size { display: inline-block; width: 9%; vertical-align: top; text-align: right; margin-right: 1%; }

    /* mediadir module :: products */
    .tab-img-window { width: 60%; bottom: 65px; padding: 30px; }

    .product-detail .product-description  { padding-top: 0; }
    .events-detail-teaser-container .square-icon { height: 100px; }

    .customer-request { margin-bottom: 40px; margin-top: 20px; }
    .customer-form { padding-left: 200px; }
    .customer-phone { padding-right: 200px;}

    .service-request { margin: 40px 10px 50px; }

    /* dam module :: downloads */
    .grid-downloads-container .download-row { width: 49%; display: inline-block;}
    #dam-search-keyword { width: 168px; margin-bottom: 0; margin-right: 15px; }
    #shop-sidebar-search-keyword { width: 190px; margin-bottom: 0; margin-right: 15px; }
    #dam-search-submit, #shop-sidebar-search-button { width: 100px; }

    /* search module */
    .search-title-content-container .grid-container, .single-title-content-container .grid-container { padding-left: 0; padding-right: 0; }
    .search-result-container { padding-left: 5px; padding-right: 5px;  }
}

/**
 ******************** media queries :: switch to cover mode if screen is larger than the eyecatcher img ********************
 *
 *
 */
@media screen and (min-width: 1300px) {
    /* owl carousel */
    #owl-home-eyecatcher .item img { margin-top: -40px; }
}

@media screen and (min-width: 1400px) {
    /* owl carousel */
    #owl-follow-eyecatcher .item img { width:100%; left: 0; margin: -15px 0 0; }
}

@media screen and (min-width: 1500px) {
    /* owl carousel */
    #owl-home-eyecatcher .item img { margin-top: -140px; }
}

/**
 ******************** media queries :: switch to cover mode if screen is larger than the eyecatcher img ********************
 *
 *
 */
@media screen and (min-width: 1800px) {
    /**
     * modules & plugins
     *
     *
     */

    /* owl carousel */
    #owl-home-eyecatcher .item img { margin-top: -200px; }
    .eyecatcher-follow-container, #owl-follow-eyecatcher.owl-carousel .owl-wrapper-outer { height: 500px; margin-top: -50px; }

    /* stellar */
    .stellar-bg-elm {  -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; }
}


/**
 ******************** media queries :: styles for retina displays ********************
 *
 *
 */
@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2),  only screen and (min-device-pixel-ratio: 2) {
    #logo-img { background-image: none; }
    #logo-img img { display: block; }
    img.loading-gif { max-width: 25px !important; width: 25px !important; height: 25px !important; min-width: 25px !important; }

    #loadmore, .articlenomore { padding:0; height: 40px; margin-top:17px;  }
    #loadmore .loading-gif { margin-top:-3px;  }
}

a.download, a.download:active, a.download:visited, a.download-list, a.download-list:active, a.download-list:visited { padding: 10px 0 10px 35px; }
.grid-events-detail-container.bg-light-2 { padding-bottom: 10px; }
.grid-events-container.content-container, .grid-locations-container.content-container, .offer-box-container.content-container { min-height: 300px; }

/**
 ******************** ie fixes ********************
 *
 *
 */

.lt-ie9 #site-container > section:last-of-type { margin-bottom: 350px; }

/* content templates */
.lt-ie9 .grid-content-promo-left > div > div:nth-of-type(1) { width: 33.33%; }
.lt-ie9 .grid-content-promo-left > div > div:nth-of-type(2) { width: 65.66%; margin-right:1%; margin-left:0; padding-top:0; }
.lt-ie9 .grid-content-promo-left > div > div:nth-of-type(1) { width: 50%; }
.lt-ie9 .grid-content-promo-left > div > div:nth-of-type(2) { width: 49%; margin-right:1%; margin-top: 20px;  }
.lt-ie9 .grid-content-promo-right > div > div:nth-of-type(1) { margin-left: 1%; margin-right: 0; width: 49%; padding-right: 20px; }
.lt-ie9 .grid-content-promo-right > div > div:nth-of-type(1) { margin-top: 80px; }
.lt-ie9 .grid-content-promo-right-sm > div > div:nth-of-type(1) {  margin-left: 1.5%; margin-right: 1.5%; width:63.66%; margin-top: 40px; }
.lt-ie9 .grid-content-1-right > div > div:nth-of-type(1) { padding-right: 20px; margin-left: 1%; width: 49%; margin-right:0; }
.lt-ie9 .grid-content-1-right > div > div:nth-of-type(2) { margin-right: 1%; width: 49%; }
.lt-ie9 .grid-content-1-right > div > div:nth-of-type(1) { padding-right: 60px; }
.lt-ie9 .grid-content-2 > div > div:nth-of-type(2) { margin:0; }
.lt-ie9 .grid-content-2 > div > div:nth-of-type(2) > .grid-align-1-2 { margin-left: 1.5%; margin-right: 1.5%; width: 47%; }
.lt-ie9 .grid-content-3 > div > div:nth-of-type(2) { margin:0; }
.lt-ie9 .grid-content-3 > div > div:nth-of-type(2) > .grid-align-1-2 { margin-left: 1%; margin-right: 1%; width:48%; }
.lt-ie9 .grid-content-5 .grid-align-1-5:nth-child(2n) { margin-right: 1%; margin-left: 1%;}
.lt-ie9 .stellar-bg-elm.stellar-small { height: 200px; min-height: 200px; }
.lt-ie9 .stellar-bg-elm.stellar-very-small { height: 100px; min-height: 100px; }

.isIE11 #shop-sidebar-search-keyword, .isIElt11 #shop-sidebar-search-keyword { width: 180px; }
.isIElt11 input#agb { border-color:#ffffff;}

.isEdge .events-container-overlay, .isEdge .team-container-overlay, .isEdge .reference-container-overlay, .isEdge .shop-container-overlay { -webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px; }

/**
 ******************** hugentobler font icon set ********************
 *
 *
 */
/*@charset "UTF-8";*/

@font-face {
  font-family: "hugentobler-icon-set";
  src:url("../fonts/hugentobler-icon-set.eot");
  src:url("../fonts/hugentobler-icon-set.eot?#iefix") format("embedded-opentype"),
    url("../fonts/hugentobler-icon-set.woff") format("woff"),
    url("../fonts/hugentobler-icon-set.ttf") format("truetype"),
    url("../fonts/hugentobler-icon-set.svg#hugentobler-icon-set") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "hugentobler-icon-set" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
 /* speak: none; */
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "hugentobler-icon-set" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
 /* speak: none;*/
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-e1-01-social:before {
  content: "a";
}
.icon-e1-02-social:before {
  content: "b";
}
.icon-e1-03-social:before {
  content: "c";
}
.icon-e1-04-social:before {
  content: "d";
}
.icon-p1-01a-arrow:before {
  content: "e";
}
.icon-p1-01b-arrow:before {
  content: "f";
}
.icon-p1-01d-arrow:before {
  content: "g";
}
.icon-p1-01o-arrow:before {
  content: "h";
}
.icon-p1-01p-arrow:before {
  content: "i";
}
.icon-p1-01c-arrow:before {
  content: "j";
}
.icon-p1-01q-arrow:before {
  content: "k";
}
.icon-p1-01r-arrow:before {
  content: "l";
}
.icon-p1-02c-arrow-left:before {
  content: "m";
}
.icon-p1-02k-arrow-down:before {
  content: "n";
}
.icon-p1-02i-arrow-up:before {
  content: "o";
}
.icon-p1-02i-arrow-right:before {
  content: "p";
}
.icon-p1-02i-arrow-left:before {
  content: "q";
}
.icon-p1-02i-arrow-down:before {
  content: "r";
}
.icon-p1-02h-arrow-right:before {
  content: "s";
}
.icon-p1-02h-arrow-left:before {
  content: "t";
}
.icon-p1-02g-arrow-right:before {
  content: "u";
}
.icon-p1-02g-arrow-left:before {
  content: "v";
}
.icon-p1-02f-arrow:before {
  content: "w";
}
.icon-p1-02e-arrow:before {
  content: "x";
}
.icon-p1-02d-arrow:before {
  content: "y";
}
.icon-p1-02c-arrow-right:before {
  content: "z";
}
.icon-p1-02k-arrow-left:before {
  content: "A";
}
.icon-p1-02k-arrow-right:before {
  content: "B";
}
.icon-p1-02k-arrow-up:before {
  content: "C";
}
.icon-p1-02q-arrow-down:before {
  content: "D";
}
.icon-p1-02q-arrow-left:before {
  content: "E";
}
.icon-p1-02q-arrow-right:before {
  content: "F";
}
.icon-p1-02q-arrow-up:before {
  content: "G";
}
.icon-p1-02r-arrow-down:before {
  content: "H";
}
.icon-p1-02r-arrow-left:before {
  content: "I";
}
.icon-p1-02r-arrow-right:before {
  content: "J";
}
.icon-p1-02r-arrow-up:before {
  content: "K";
}
.icon-p1-03c-arrow-down:before {
  content: "L";
}
.icon-p1-03c-arrow-left:before {
  content: "M";
}
.icon-p1-03q-x:before {
  content: "N";
}
.icon-p1-03o-minus:before {
  content: "O";
}
.icon-p1-03m-plus:before {
  content: "P";
}
.icon-p1-03k-x:before {
  content: "Q";
}
.icon-p1-03j-x:before {
  content: "R";
}
.icon-p1-03i-minus:before {
  content: "S";
}
.icon-p1-03h-plus:before {
  content: "T";
}
.icon-p1-03g-circle:before {
  content: "U";
}
.icon-p1-03f-circle:before {
  content: "V";
}
.icon-p1-03e-square:before {
  content: "W";
}
.icon-p1-03d-pause:before {
  content: "X";
}
.icon-p1-03c-arrow-up:before {
  content: "Y";
}
.icon-p1-03c-arrow-right:before {
  content: "Z";
}
.icon-p1-03r-sign:before {
  content: "0";
}
.icon-p1-04a-sign:before {
  content: "1";
}
.icon-p1-04e-sign:before {
  content: "2";
}
.icon-p1-04f-sign:before {
  content: "3";
}
.icon-p1-04h-sign:before {
  content: "4";
}
.icon-p1-04i-sign:before {
  content: "5";
}
.icon-p1-04k-sign:before {
  content: "6";
}
.icon-p1-04l-sign:before {
  content: "7";
}
.icon-p1-04m-sign:before {
  content: "8";
}
.icon-p1-04n-sign:before {
  content: "9";
}
.icon-p1-04o-sign:before {
  content: "!";
}
.icon-p1-04p-sign:before {
  content: "\"";
}
.icon-p1-06h-sign:before {
  content: "#";
}
.icon-p1-06g-sign:before {
  content: "$";
}
.icon-p1-06f-sign:before {
  content: "%";
}
.icon-p1-06e-sign:before {
  content: "&";
}
.icon-p1-06c-sign:before {
  content: "'";
}
.icon-p1-06b-sign:before {
  content: "(";
}
.icon-p1-06a-sign:before {
  content: ")";
}
.icon-p1-05h-sign:before {
  content: "*";
}
.icon-p1-05f-sign:before {
  content: "+";
}
.icon-p1-05e-sign:before {
  content: ",";
}
.icon-p1-05d-sign:before {
  content: "-";
}
.icon-p1-04r-sign:before {
  content: ".";
}
.icon-p1-06i-sign:before {
  content: "/";
}
.icon-p1-06j-sign:before {
  content: ":";
}
.icon-p1-06k-sign:before {
  content: ";";
}
.icon-p1-06m-sign:before {
  content: "<";
}
.icon-p1-06p-sign:before {
  content: "=";
}
.icon-p1-06q-sign:before {
  content: ">";
}
.icon-p1-06r-sign:before {
  content: "?";
}
.icon-p1-07e-sign:before {
  content: "@";
}
.icon-p1-07f-sign:before {
  content: "[";
}
.icon-p1-05g-sign:before {
  content: "]";
}
.icon-p1-07i-sign:before {
  content: "^";
}
.icon-p1-08h-sign:before {
  content: "_";
}
.icon-p1-08l-sign:before {
  content: "`";
}
.icon-p1-08m-sign:before {
  content: "{";
}
.icon-p1-10n-download:before {
  content: "|";
}
.icon-p1-10f-symbol:before {
  content: "}";
}
.icon-p1-10e-symbol:before {
  content: "~";
}
.icon-p1-10c-symbol:before {
  content: "\\";
}
.icon-p1-09p-symbol:before {
  content: "\e000";
}
.icon-p1-09l-symbol:before {
  content: "\e001";
}
.icon-p1-09k-symbol:before {
  content: "\e002";
}
.icon-p1-09d-symbol:before {
  content: "\e003";
}
.icon-p1-09b-symbol:before {
  content: "\e004";
}
.icon-p1-09a-symbol:before {
  content: "\e005";
}
.icon-p1-08r-symbol:before {
  content: "\e006";
}
.icon-p1-08q-symbol:before {
  content: "\e007";
}
.icon-p1-08o-symbol:before {
  content: "\e008";
}
.icon-p1-11e-symbol:before {
  content: "\e009";
}
.icon-p1-11j-symbol:before {
  content: "\e00a";
}
.icon-p1-11m-symbol:before {
  content: "\e00b";
}
.icon-p1-11o-symbol:before {
  content: "\e00c";
}
.icon-p1-11p-symbol:before {
  content: "\e00d";
}
.icon-p1-11r-symbol:before {
  content: "\e00e";
}
.icon-p1-12d-sign-down:before {
  content: "\e00f";
}
.icon-p1-12a-symbol:before {
  content: "\e010";
}
.icon-p1-12d-sign-up:before {
  content: "\e011";
}
.icon-p1-12d-symbol:before {
  content: "\e012";
}
.icon-p1-12f-symbol:before {
  content: "\e013";
}
.icon-p1-12i-symbol:before {
  content: "\e014";
}
.icon-p1-12j-sign:before {
  content: "\e015";
}
.icon-p1-04q-sign:before {
  content: "\e016";
}
.icon-p1-14g-sign:before {
  content: "\e017";
}
.icon-p1-14e-sign:before {
  content: "\e018";
}
.icon-p1-14d-sign:before {
  content: "\e019";
}
.icon-p1-14b-symbol:before {
  content: "\e01a";
}
.icon-p1-14c-sign:before {
  content: "\e01b";
}
.icon-p1-14a-symbol:before {
  content: "\e01c";
}
.icon-p1-13i-sign:before {
  content: "\e01d";
}
.icon-p1-13d-sign:before {
  content: "\e01e";
}
.icon-p1-12r-symbol:before {
  content: "\e01f";
}
.icon-p1-12p-sign:before {
  content: "\e020";
}
.icon-p1-12o-symbol:before {
  content: "\e021";
}
.icon-p1-12o-sign:before {
  content: "\e022";
}
.icon-p1-12n-sign:before {
  content: "\e023";
}
.icon-p1-14i-symbol:before {
  content: "\e024";
}
.icon-p1-14j-symbol:before {
  content: "\e025";
}
.icon-p1-14o-symbol:before {
  content: "\e026";
}
.icon-p1-14p-symbol:before {
  content: "\e027";
}
.icon-p1-14q-symbol:before {
  content: "\e028";
}
.icon-p1-14r-sign:before {
  content: "\e029";
}
.icon-p1-15a-sign:before {
  content: "\e02a";
}
.icon-p1-15f-sign:before {
  content: "\e02b";
}
.icon-p1-15g-sign:before {
  content: "\e02c";
}
.icon-p1-15h-sign:before {
  content: "\e02d";
}
.icon-p1-15j-sign:before {
  content: "\e02e";
}
.icon-p1-15k-sign:before {
  content: "\e02f";
}
.icon-p1-15l-sign:before {
  content: "\e030";
}
.icon-p1-17d-symbol:before {
  content: "\e031";
}
.icon-p1-16r-symbol:before {
  content: "\e032";
}
.icon-p1-16p-symbol:before {
  content: "\e033";
}
.icon-p1-16l-symbol:before {
  content: "\e034";
}
.icon-p1-16i-symbol:before {
  content: "\e035";
}
.icon-p1-16f-symbol:before {
  content: "\e036";
}
.icon-p1-16d-symbol:before {
  content: "\e037";
}
.icon-p1-16c-symbol:before {
  content: "\e038";
}
.icon-p1-15r-symbol:before {
  content: "\e039";
}
.icon-p1-15q-symbol:before {
  content: "\e03a";
}
.icon-p1-15o-sign:before {
  content: "\e03b";
}
.icon-p1-15m-sign:before {
  content: "\e03c";
}
.icon-p1-15p-symbol:before {
  content: "\e03d";
}
.icon-p1-17h-symbol:before {
  content: "\e03e";
}
.icon-p1-17l-symbol:before {
  content: "\e03f";
}
.icon-p1-17o-symbol:before {
  content: "\e040";
}
.icon-p1-17p-social:before {
  content: "\e041";
}
.icon-p1-17q-social:before {
  content: "\e042";
}
.icon-p1-17r-social:before {
  content: "\e043";
}
.icon-p2-01a-symbol:before {
  content: "\e044";
}
.icon-p2-01b-symbol:before {
  content: "\e045";
}
.icon-p2-01e-symbol:before {
  content: "\e046";
}
.icon-p2-01i-symbol:before {
  content: "\e047";
}
.icon-p2-01k-symbol:before {
  content: "\e048";
}
.icon-p2-01l-symbol:before {
  content: "\e049";
}
.icon-p2-01n-arrow-down:before {
  content: "\e04a";
}
.icon-p2-02b-sign:before {
  content: "\e04b";
}
.icon-p2-02a-sign:before {
  content: "\e04c";
}
.icon-p2-01p-arrow-up:before {
  content: "\e04d";
}
.icon-p2-01p-arrow-right:before {
  content: "\e04e";
}
.icon-p2-01p-arrow-left:before {
  content: "\e04f";
}
.icon-p2-01p-arrow-down:before {
  content: "\e050";
}
.icon-p2-01o-arrow-up:before {
  content: "\e051";
}
.icon-p2-01o-arrow-right:before {
  content: "\e052";
}
.icon-p2-01o-arrow-left:before {
  content: "\e053";
}
.icon-p2-01o-arrow-down:before {
  content: "\e054";
}
.icon-p2-01n-arrow-up:before {
  content: "\e055";
}
.icon-p2-01n-arrow-left:before {
  content: "\e056";
}
.icon-p2-01n-arrow-right:before {
  content: "\e057";
}
.icon-p2-02d-sign:before {
  content: "\e058";
}
.icon-p2-02e-sign:before {
  content: "\e059";
}
.icon-p2-02g-sign:before {
  content: "\e05a";
}
.icon-p2-02i-sign:before {
  content: "\e05b";
}
.icon-p2-02m-sign:before {
  content: "\e05c";
}
.icon-p2-02o-sign:before {
  content: "\e05d";
}
.icon-p2-02r-sign:before {
  content: "\e05e";
}
.icon-p2-03e-sign:before {
  content: "\e05f";
}
.icon-p2-03f-sign:before {
  content: "\e060";
}
.icon-p2-03h-sign:before {
  content: "\e061";
}
.icon-p2-03i-symbol:before {
  content: "\e062";
}
.icon-p2-03l-sign:before {
  content: "\e063";
}
.icon-p2-06d-symbol:before {
  content: "\e064";
}
.icon-p2-06c-symbol:before {
  content: "\e065";
}
.icon-p2-06b-symbol:before {
  content: "\e066";
}
.icon-p2-05r-symbol:before {
  content: "\e067";
}
.icon-p2-05p-symbol:before {
  content: "\e068";
}
.icon-p2-05h-symbol:before {
  content: "\e069";
}
.icon-p2-05a-symbol:before {
  content: "\e06a";
}
.icon-p2-04r-symbol:before {
  content: "\e06b";
}
.icon-p2-04q-symbol:before {
  content: "\e06c";
}
.icon-p2-04p-symbol:before {
  content: "\e06d";
}
.icon-p2-04n-sign:before {
  content: "\e06e";
}
.icon-p2-04l-sign:before {
  content: "\e06f";
}
.icon-p2-04c-sign:before {
  content: "\e070";
}
.icon-p2-06e-symbol:before {
  content: "\e071";
}
.icon-p2-06f-symbol:before {
  content: "\e072";
}
.icon-p2-06h-symbol:before {
  content: "\e073";
}
.icon-p2-06j-symbol:before {
  content: "\e074";
}
.icon-p2-06k-symbol:before {
  content: "\e075";
}
.icon-p2-06l-symbol:before {
  content: "\e076";
}
.icon-p2-06m-symbol:before {
  content: "\e077";
}
.icon-p2-06p-symbol:before {
  content: "\e078";
}
.icon-p2-06r-symbol:before {
  content: "\e079";
}
.icon-p2-07a-symbol:before {
  content: "\e07a";
}
.icon-p2-07b-symbol:before {
  content: "\e07b";
}
.icon-p2-07h-symbol:before {
  content: "\e07c";
}
.icon-p2-07k-symbol:before {
  content: "\e07d";
}
.icon-p2-08k-symbol:before {
  content: "\e07e";
}
.icon-p2-08j-symbol:before {
  content: "\e07f";
}
.icon-p2-08i-symbol:before {
  content: "\e080";
}
.icon-p2-08h-symbol:before {
  content: "\e081";
}
.icon-p2-08f-symbol:before {
  content: "\e082";
}
.icon-p2-08e-symbol:before {
  content: "\e083";
}
.icon-p2-08d-symbol:before {
  content: "\e084";
}
.icon-p2-08b-symbol:before {
  content: "\e085";
}
.icon-p2-08a-symbol:before {
  content: "\e086";
}
.icon-p2-07r-symbol:before {
  content: "\e087";
}
.icon-p2-07q-symbol:before {
  content: "\e088";
}
.icon-p2-07n-symbol:before {
  content: "\e089";
}
.icon-p2-07m-symbol:before {
  content: "\e08a";
}
.icon-p2-08n-symbol:before {
  content: "\e08b";
}
.icon-p2-08q-symbol:before {
  content: "\e08c";
}
.icon-p2-09a-symbol:before {
  content: "\e08d";
}
.icon-p2-09f-symbol:before {
  content: "\e08e";
}
.icon-p2-09b-symbol:before {
  content: "\e08f";
}
.icon-p2-09g-symbol:before {
  content: "\e090";
}
.icon-p2-09h-symbol:before {
  content: "\e091";
}
.icon-p2-09l-social:before {
  content: "\e092";
}
.icon-p2-09j-social:before {
  content: "\e093";
}
.icon-p2-09m-social:before {
  content: "\e094";
}
.icon-p2-09n-social:before {
  content: "\e095";
}
.icon-p2-09p-social:before {
  content: "\e096";
}
.icon-p2-09r-social:before {
  content: "\e097";
}
.icon-p3-02n-sign:before {
  content: "\e098";
}
.icon-p3-02e-sign:before {
  content: "\e099";
}
.icon-p3-02d-sign:before {
  content: "\e09a";
}
.icon-p2-03n-sign:before {
  content: "\e09b";
}
.icon-p3-01e-sign:before {
  content: "\e09c";
}
.icon-p3-01f-arrow-left:before {
  content: "\e09d";
}
.icon-p3-01f-arrow-right:before {
  content: "\e09e";
}
.icon-p3-01g-arrow:before {
  content: "\e09f";
}
.icon-p3-01h-arrow:before {
  content: "\e0a0";
}
.icon-p3-01i-arrow-left:before {
  content: "\e0a1";
}
.icon-p3-01i-arrow-right:before {
  content: "\e0a2";
}
.icon-p3-01q-sign:before {
  content: "\e0a3";
}
.icon-p3-01r-sign:before {
  content: "\e0a4";
}
.icon-p3-03l-symbol:before {
  content: "\e0a6";
}
.icon-p3-03k-symbol:before {
  content: "\e0a7";
}
.icon-p3-03h-sign:before {
  content: "\e0a8";
}
.icon-p3-03g-sign:before {
  content: "\e0a9";
}
.icon-p3-02r-sign:before {
  content: "\e0aa";
}
.icon-p3-02q-sign:before {
  content: "\e0ab";
}
.icon-p3-02p-sign:before {
  content: "\e0ac";
}
.icon-p3-02o-sign:before {
  content: "\e0ad";
}
.icon-p3-04f-symbol:before {
  content: "\e0ae";
}
.icon-p3-04i-symbol:before {
  content: "\e0af";
}
.icon-p3-04l-symbol:before {
  content: "\e0b0";
}
.icon-p3-04m-symbol:before {
  content: "\e0b1";
}
.icon-p3-04n-symbol:before {
  content: "\e0b2";
}
.icon-p3-04o-symbol:before {
  content: "\e0b3";
}
.icon-p3-03j-sign:before {
  content: "\e0b4";
}
.icon-p3-03r-symbol:before {
  content: "\e0a5";
}
.icon-p3-04c-symbol:before {
  content: "\e0b5";
}
.icon-p3-04e-symbol:before {
  content: "\e0b6";
}
.icon-p3-05b-symbol:before {
  content: "\e0b7";
}
.icon-p3-05d-symbol:before {
  content: "\e0b8";
}
.icon-p3-05e-sign:before {
  content: "\e0b9";
}
.icon-p3-05f-sign:before {
  content: "\e0ba";
}
.icon-p3-07g-symbol:before {
  content: "\e0bc";
}
.icon-p3-07j-symbol:before {
  content: "\e0bd";
}
.icon-p3-07m-symbol:before {
  content: "\e0be";
}
.icon-p3-08p-symbol:before {
  content: "\e0c0";
}
.icon-p3-08q-symbol:before {
  content: "\e0c1";
}
.icon-p3-09a-symbol:before {
  content: "\e0c2";
}
.icon-p3-02b-sign:before {
  content: "\e0c3";
}
.icon-p3-03p-symbol:before {
  content: "\e0c4";
}
.icon-p3-05a-symbol:before {
  content: "\e0c5";
}
.icon-p3-04r-symbol:before {
  content: "\e0c6";
}
.icon-p3-04p-symbol:before {
  content: "\e0c7";
}
.icon-p3-06a-sign:before {
  content: "\e0bb";
}
.icon-p3-06b-sign:before {
  content: "\e0bf";
}
.icon-p3-06d-sign:before {
  content: "\e0c8";
}
.icon-p3-06k-symbol:before {
  content: "\e0c9";
}
.icon-p3-06m-symbol:before {
  content: "\e0ca";
}
.icon-p3-06o-symbol:before {
  content: "\e0cb";
}
.icon-p3-06p-symbol:before {
  content: "\e0cc";
}
.icon-p3-06q-symbol:before {
  content: "\e0cd";
}
.icon-p3-06r-symbol:before {
  content: "\e0ce";
}
.icon-p3-07o-symbol:before {
  content: "\e0cf";
}
.icon-p3-07p-symbol:before {
  content: "\e0d0";
}
.icon-p3-07q-symbol:before {
  content: "\e0d1";
}
.icon-p3-08a-symbol:before {
  content: "\e0d2";
}
.icon-p3-08b-symbol:before {
  content: "\e0d3";
}
.icon-p3-08c-symbol:before {
  content: "\e0d4";
}
.icon-p3-08d-symbol:before {
  content: "\e0d5";
}
.icon-p3-08e-symbol:before {
  content: "\e0d6";
}
.icon-p3-08f-symbol:before {
  content: "\e0d7";
}
.icon-p3-09e-symbol:before {
  content: "\e0d8";
}
.icon-p3-09f-symbol:before {
  content: "\e0d9";
}
.icon-p3-09g-symbol:before {
  content: "\e0da";
}
.icon-p3-09h-symbol:before {
  content: "\e0db";
}
.icon-p3-09i-symbol:before {
  content: "\e0dc";
}
.icon-p3-09l-symbol:before {
  content: "\e0dd";
}
.icon-p3-09p-symbol:before {
  content: "\e0de";
}
.icon-p3-09q-sign:before {
  content: "\e0df";
}
.icon-p4-01a-arrow-left:before {
  content: "\e0e0";
}
.icon-p4-01a-arrow-right:before {
  content: "\e0e1";
}
.icon-p4-01h-sign:before {
  content: "\e0e2";
}
.icon-p4-01i-sign:before {
  content: "\e0e3";
}
.icon-p4-01m-sign:before {
  content: "\e0e4";
}
.icon-p4-01p-sign:before {
  content: "\e0e5";
}
.icon-p4-01r-sign:before {
  content: "\e0e6";
}
.icon-p4-02b-sign-left:before {
  content: "\e0e7";
}
.icon-p4-02b-sign-right:before {
  content: "\e0e8";
}
.icon-p4-02c-sign:before {
  content: "\e0e9";
}
.icon-p4-02d-sign:before {
  content: "\e0ea";
}
.icon-p4-02r-sign:before {
  content: "\e0eb";
}
.icon-p4-03j-symbol:before {
  content: "\e0ec";
}
.icon-p4-03k-symbol:before {
  content: "\e0ed";
}
.icon-p4-03m-symbol:before {
  content: "\e0ee";
}
.icon-p4-03r-symbol:before {
  content: "\e0ef";
}
.icon-p4-04b-symbol:before {
  content: "\e0f0";
}
.icon-p4-04c-symbol:before {
  content: "\e0f1";
}
.icon-p4-04e-symbol:before {
  content: "\e0f2";
}
.icon-p4-04i-symbol:before {
  content: "\e0f3";
}
.icon-p4-04m-symbol:before {
  content: "\e0f4";
}
.icon-p4-04o-symbol:before {
  content: "\e0f5";
}
.icon-p4-05b-symbol:before {
  content: "\e0f6";
}
.icon-p4-05c-symbol:before {
  content: "\e0f7";
}
.icon-p4-05d-symbol:before {
  content: "\e0f8";
}
.icon-p4-05h-symbol:before {
  content: "\e0f9";
}
.icon-p4-05i-symbol:before {
  content: "\e0fa";
}
.icon-p4-05j-symbol:before {
  content: "\e0fb";
}
.icon-p4-05k-symbol:before {
  content: "\e0fc";
}
.icon-p4-05l-symbol:before {
  content: "\e0fd";
}
.icon-p4-05m-symbol:before {
  content: "\e0fe";
}
.icon-p4-05n-symbol:before {
  content: "\e0ff";
}
.icon-p4-05r-symbol:before {
  content: "\e100";
}
.icon-p4-06a-symbol:before {
  content: "\e101";
}
.icon-p4-06b-symbol:before {
  content: "\e102";
}
.icon-p4-06c-symbol:before {
  content: "\e103";
}
.icon-p4-06e-symbol:before {
  content: "\e104";
}
.icon-p4-06f-symbol:before {
  content: "\e105";
}
.icon-p4-06g-symbol:before {
  content: "\e106";
}
.icon-p4-06h-symbol:before {
  content: "\e107";
}
.icon-p4-06i-symbol:before {
  content: "\e108";
}
.icon-p4-06l-symbol:before {
  content: "\e109";
}
.icon-p4-07k-symbol:before {
  content: "\e10a";
}
.icon-p4-07l-symbol:before {
  content: "\e10b";
}
.icon-p4-07m-symbol:before {
  content: "\e10c";
}
.icon-p4-07q-symbol:before {
  content: "\e10d";
}
.icon-p4-07r-symbol:before {
  content: "\e10e";
}
.icon-p4-08a-symbol:before {
  content: "\e10f";
}
.icon-p4-08b-symbol:before {
  content: "\e110";
}
.icon-p4-08c-symbol:before {
  content: "\e111";
}
.icon-p4-08d-symbol:before {
  content: "\e112";
}
.icon-p4-08e-symbol:before {
  content: "\e113";
}
.icon-p4-08i-symbol:before {
  content: "\e114";
}
.icon-p4-08j-symbol:before {
  content: "\e115";
}
.icon-p4-08k-symbol:before {
  content: "\e116";
}
.icon-p4-09g-symbol:before {
  content: "\e117";
}
.icon-p4-09h-symbol:before {
  content: "\e118";
}
.icon-p4-09i-symbol:before {
  content: "\e119";
}
.icon-p4-09j-symbol:before {
  content: "\e11a";
}
.icon-p4-09k-sign:before {
  content: "\e11b";
}
.icon-p4-09l-sign:before {
  content: "\e11c";
}
.icon-p4-09m-sign:before {
  content: "\e11d";
}
.icon-p4-01b-arrow:before {
  content: "\e11e";
}
.icon-p4-01c-arrow-left:before {
  content: "\e11f";
}
.icon-p4-01c-arrow-right:before {
  content: "\e120";
}
.icon-p4-03e-symbol:before {
  content: "\e121";
}
.icon-p4-03g-sign:before {
  content: "\e122";
}
.icon-p4-03h-symbol:before {
  content: "\e123";
}
.icon-p4-04p-symbol:before {
  content: "\e124";
}
.icon-p4-04r-symbol:before {
  content: "\e125";
}
.icon-p4-05a-symbol:before {
  content: "\e126";
}
.icon-p4-05o-symbol:before {
  content: "\e127";
}
.icon-p4-05p-symbol:before {
  content: "\e128";
}
.icon-p4-05q-symbol:before {
  content: "\e129";
}
.icon-p4-06m-symbol:before {
  content: "\e12a";
}
.icon-p4-06r-symbol:before {
  content: "\e12b";
}
.icon-p4-07j-symbol:before {
  content: "\e12c";
}
.icon-p4-08f-symbol:before {
  content: "\e12d";
}
.icon-p4-08g-symbol:before {
  content: "\e12e";
}
.icon-p4-08h-symbol:before {
  content: "\e12f";
}
.icon-p4-09n-sign:before {
  content: "\e130";
}
.icon-p4-09o-sign:before {
  content: "\e131";
}
.icon-p4-09p-sign:before {
  content: "\e132";
}
.icon-p3-07f-symbol:before {
  content: "\e133";
}
.icon-p3-08g-symbol:before {
  content: "\e134";
}
.icon-p4-09q-sign:before {
  content: "\e135";
}
.icon-e1-05-social:before {
  content: "\e136";
}
.icon-e2-01-social:before {
  content: "\e137";
}
.icon-e2-02-social:before {
  content: "\e138";
}
.icon-e2-03-social:before {
  content: "\e139";
}
.icon-e2-04-social:before {
  content: "\e13a";
}
.icon-e2-05-social:before {
  content: "\e13b";
}
.icon-e2-06-social:before {
  content: "\e13c";
}
.icon-e2-07-social:before {
  content: "\e13d";
}
.icon-e2-08-social:before {
  content: "\e13e";
}
.icon-p1-03g-circle-empty:before {
  content: "\e13f";
}
.icon-p1-03g-circle-dot:before {
  content: "\e140";
}
.icon-e2-09-social:before {
  content: "\e141";
}

/*
 ******************** helper classes ********************
 *
 *
 */

.ir { background-color: transparent; border: 0; overflow: hidden; /**text-indent: -9999px;*/ }
.ir:before { content: ""; display: block; width: 0; height: 150%; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static;  width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { /* *zoom: 1; */ }

/*
 ******************** print styles ********************
 *
 *
 */

@media print {
    @page { margin: 2cm 0.5cm; }

    h1, h2.main-title, h2.section-title, .follow-eyecatcher-box h1, .follow-eyecatcher-box h2 { font-size: 16pt; line-height: 17pt; }
    h2, legend { font-size: 14pt; line-height: 15pt; }
    h3 { font-size: 11pt; line-height: 12pt; }
    h2, h3 { page-break-after: avoid; }
    p, h2, h3, legend {  orphans: 3; widows: 3; }

    body, .footer-box > ul, p { font-size: 8pt; line-height: 10pt; }
    .follow-eyecatcher-box .teaser, .teaser, .major-teaser { font-size: 12pt; line-height: 13pt; }

    pre, blockquote { page-break-inside: avoid; }
    thead { display: table-header-group; }
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }

    /**
     * layout
     *
     *
     */
    #header-container { height: 140px; }
    #logo { float: right; width: 8cm; }
    #logo-img { background-image: none; }
    #logo-img, #logo-img img { display: block; width: 8cm !important; height: auto !important; }

    section, .footer-container { border-top: 0 !important; border-bottom: 1px solid #c5c5c5 !important; }
    .youtube-container, .youtube-section, #sticky-sub-navi, #meta-navi, #main-navi, .staff-member-section, .promo-image-box-footer, .promo-section-container, .icon-p2-01n-arrow-left, .icon-p2-01n-arrow-right { display: none !important; }

    .eyecatcher-follow-container, .eyecatcher-home-container { height: 290px; overflow: hidden; border-bottom: 0 !important; }
    #owl-follow-eyecatcher .item img, #owl-home-eyecatcher .item img { left: 0; margin-left: 0; }
    .owl-pagination { display: none; }
    .product-detail .tab-content { display: block; float: left;}
    .customer-request { border: 0;}

    /**
     * boxes
     *
     *
     */
    .promo-image-box-content { padding-left: 0; padding-right: 0; }
    .shop-product-box-content { padding-left: 0; padding-right: 0; }
    .grid-align-1-3.team-box, .team-box { min-height: 0; }

    /* footer */
    #site-container > section:last-of-type { margin-bottom: 0; }
    .section-footer { position: relative; bottom: auto; }

    .ir a:after,a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }

    .events-container-overlay, .team-container-overlay, .reference-container-overlay, .shop-container-overlay {
        display:block;
    }
    .for-team-content h2 {
        page-break-before: always;
    }

    .team-box {
        height:400px !important;
        min-height: 0;
    }

    /**
     * icons
     *
     *
     */
    [class^="icon-"]:before, [class*=" icon-"]:before { font-size: 12pt !important; }
    .promo-box i, .promo-box i:before { font-size: 22pt !important; }
    ul.teaser li:before { font-size: 8pt !important; }
    .btn-icon i { font-size: 5pt !important; }

    /*
    a, a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    */
}

/*
 ******************** ck editor backend styles ********************
 *
 *
 */
.cke_editable body, .cke_editable, .cke_combo_open, .cke_editable h1, .cke_panel_listItem, .cke_panel_list, .cke_panel_listItem a { background: #ffffff !important; color:#444444; }
.cke_editable .promo-image-box { height: auto; }
.cke_editable .promo-image-box-footer { position: relative; }
.cke_editable .events-detail-teaser-container .grid-align-1-2.tab-offset, .cke_editable .job-offers-detail-teaser-container .grid-align-1-2.tab-offset { min-height: 400px; }

.cke_editable .grid-content-2-3-slide .grid-align-1-3 { position: relative; right: auto; bottom: auto; }

/* products data table */
.cke_editable .owl-table-slider .item { width: 120px; float: left; }
.cke_editable .owl-table-slider figure { margin:0; }
.cke_editable .owl-table-slider img { max-width: 100%; }

/* offer box */
.cke_editable .offer-box { height: 900px; }


/*
 ******************** uniform.default.min.css ********************
 *
 *
 */
div.selector,div.selector span,div.checker span,div.radio span,div.uploader,div.uploader span.action,div.button,div.button span{background-image:url("../img/sprite.png");background-repeat:no-repeat;-webkit-font-smoothing:antialiased}div.selector,div.checker,div.button,div.radio,div.uploader{display:-moz-inline-box;display:inline-block;*display:inline;zoom:1;vertical-align:middle}div.selector:focus,div.checker:focus,div.button:focus,div.radio:focus,div.uploader:focus{outline:0}div.selector,div.selector *,div.radio,div.radio *,div.checker,div.checker *,div.uploader,div.uploader *,div.button,div.button *{margin:0;padding:0}.highContrastDetect{background:url("../img/bg-input.png") repeat-x 0 0;width:0px;height:0px}input.uniform-input,select.uniform-multiselect,textarea.uniform{padding:3px;background:url("../img/bg-input.png") repeat-x 0 0;outline:0}input.uniform-input.active,select.uniform-multiselect.active,textarea.uniform.active{background:url("../img/bg-input-focus.png") repeat-x 0 0}div.checker input,input[type="search"],input[type="search"]:active{-moz-appearance:none;-webkit-appearance:none}div.selector{background-position:0 -130px;line-height:26px;height:26px;padding:0 0 0 10px;position:relative;overflow:hidden}div.selector span{text-overflow:ellipsis;display:block;overflow:hidden;white-space:nowrap;background-position:right 0;height:26px;line-height:26px;padding-right:25px;cursor:pointer;width:100%;display:block}div.selector.fixedWidth{width:190px}div.selector.fixedWidth span{width:155px}div.selector select{opacity:0;filter:alpha(opacity=0);-moz-opacity:0;border:none;background:none;position:absolute;height:22px;top:2px;left:0px;width:100%}div.selector.active{background-position:0 -156px}div.selector.active span{background-position:right -26px}div.selector.hover,div.selector.focus{background-position:0 -182px}div.selector.hover span,div.selector.focus span{background-position:right -52px}div.selector.hover.active,div.selector.focus.active{background-position:0 -208px}div.selector.hover.active span,div.selector.focus.active span{background-position:right -78px}div.selector.disabled,div.selector.disabled.active{background-position:0 -234px}div.selector.disabled span,div.selector.disabled.active span{background-position:right -104px}div.checker{position:relative; margin-left: -24px; }div.checker,div.checker span,div.checker input{width:19px;height:19px}div.checker span{display:-moz-inline-box;display:inline-block;*display:inline;zoom:1;text-align:center;background-position:0 -260px}div.checker span.checked{background-position:-76px -260px}div.checker input{opacity:0;filter:alpha(opacity=0);-moz-opacity:0;border: medium none;background:none;display:-moz-inline-box;display:inline-block;*display:inline;zoom:1}div.checker.active span{background-position:-19px -260px}div.checker.active span.checked{background-position:-95px -260px}div.checker.hover span,div.checker.focus span{background-position:-38px -260px}div.checker.hover span.checked,div.checker.focus span.checked{background-position:-114px -260px}div.checker.hover.active span,div.checker.focus.active span{background-position:-57px -260px}div.checker.hover.active span.checked,div.checker.focus.active span.checked{background-position:-133px -260px}div.checker.disabled,div.checker.disabled.active{background-position:-152px -260px}div.checker.disabled span.checked,div.checker.disabled.active span.checked{background-position:-171px -260px}div.radio{position:relative}div.radio,div.radio span,div.radio input{width:18px;height:18px}div.radio span{display:-moz-inline-box;display:inline-block;*display:inline;zoom:1;text-align:center;background-position:0 -279px}div.radio span.checked{background-position:-72px -279px}div.radio input{opacity:0;filter:alpha(opacity=0);-moz-opacity:0;border:none;background:none;display:-moz-inline-box;display:inline-block;*display:inline;zoom:1;text-align:center}div.radio.active span{background-position:-18px -18px -279px}div.radio.active span.checked{background-position:-90px -279px}div.radio.hover span,div.radio.focus span{background-position:-36px -36px -279px}div.radio.hover span.checked,div.radio.focus span.checked{background-position:-108px -279px}div.radio.hover.active span,div.radio.focus.active span{background-position:-54px -279px}div.radio.hover.active span.checked,div.radio.focus.active span.checked{background-position:-126px -279px}div.radio.disabled span,div.radio.disabled.active span{background-position:-144px -279px}div.radio.disabled span.checked,div.radio.disabled.active span.checked{background-position:-162px -279px}div.uploader{background-position:0 -297px;height:28px;width:190px;cursor:pointer;position:relative;overflow:hidden}div.uploader span.action{background-position:right -409px;height:28px;line-height:28px;width:82px;text-align:center;float:left;display:inline;overflow:hidden;cursor:pointer}div.uploader span.filename{text-overflow:ellipsis;display:block;overflow:hidden;white-space:nowrap;float:left;cursor:default;height:24px;margin:2px 0 2px 2px;line-height:24px;width:85px;padding:0 10px}div.uploader input{opacity:0;filter:alpha(opacity=0);-moz-opacity:0;border:none;background:none;position:absolute;top:0;right:0;float:right;cursor:default;width:100%;height:100%}div.uploader.active span.action{background-position:right -465px}div.uploader.hover,div.uploader.focus{background-position:0 -353px}div.uploader.hover span.action,div.uploader.focus span.action{background-position:right -437px}div.uploader.hover.active span.action,div.uploader.focus.active span.action{background-position:right -493px}div.uploader.disabled,div.uploader.disabled.active{background-position:0 -325px}div.uploader.disabled span.action,div.uploader.disabled.active span.action{background-position:right -381px}div.button{background-position:0 -641px;height:30px;cursor:pointer;position:relative}div.button a,div.button button,div.button input{opacity:0.01;filter:alpha(opacity=1);-moz-opacity:0.01;display:block;top:0;left:0;right:0;bottom:0;position:absolute}div.button span{display:-moz-inline-box;display:inline-block;*display:inline;zoom:1;line-height:22px;text-align:center;background-position:right -521px;height:22px;margin-left:13px;padding:8px 15px 0 2px}div.button.active{background-position:0 -671px}div.button.active span{background-position:right -551px;cursor:default}div.button.hover,div.button.focus{background-position:0 -701px}div.button.hover span,div.button.focus span{background-position:right -581px}div.button.disabled,div.button.disabled.active{background-position:0 -731px}div.button.disabled span,div.button.disabled.active span{background-position:right -611px;cursor:default}input.uniform-input,select.uniform-multiselect,textarea.uniform{font-size:12px;font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;font-weight:normal;color:#777;border-top:solid 1px #aaa;border-left:solid 1px #aaa;border-bottom:solid 1px #ccc;border-right:solid 1px #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}input.uniform-input.hover,input.uniform-input.focus,select.uniform-multiselect.hover,select.uniform-multiselect.focus,textarea.uniform.hover,textarea.uniform.focus{-webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.3);-moz-box-shadow:0px 0px 4px rgba(0,0,0,0.3);box-shadow:0px 0px 4px rgba(0,0,0,0.3);border-color:#999}div.button span{font-weight:bold;font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:1px;text-transform:uppercase}div.button.hover span,div.button.focus span{color:#555}div.button.disabled span,div.button.disabled.active span{color:#bbb}div.selector{font-size:12px}div.selector span{color:#666;text-shadow:0 1px 0 #fff}div.selector select{font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;font-size:12px}div.selector.disabled span,div.selector.disabled.active span{color:#bbb}div.checker{margin-right:5px; margin-left: -24px; }div.radio{margin-right:3px}div.uploader span.action{text-shadow:#fff 0px 1px 0px;background-color:#fff;font-size:11px;font-weight:bold}div.uploader span.filename{color:#777;border-right:solid 1px #bbb;font-size:11px}div.uploader.disabled span.action,div.uploader.disabled.active span.action{color:#aaa}div.uploader.disabled span.filename,div.uploader.disabled.active span.filename{border-color:#ddd;color:#aaa}input.uniform-input,input.uniform-input:focus{background-color:#fff}

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    /*
 ******************** owl.carousel.css ********************
 *
 *
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}