#mbOverlay{position:fixed;z-index:9998;top:0;left:0;width:100%;height:150%;background-color:#000;cursor:pointer}#mbOverlay.mbOverlayOpaque{background:url(../../assets/mediabox/images/80.png)}#mbOverlay.mbOverlayAbsolute{position:absolute}#mbOverlay.mbMobile{position:absolute;background-color:transparent}#mbBottom.mbMobile{line-height:24px;font-size:16px}#mbCenter{position:absolute;z-index:9999;left:50%;padding:10px;background-color:#000;-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;border-radius:10px;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000');-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";-webkit-box-shadow:0 5px 20px rgba(0,0,0,.5);-khtml-box-shadow:0 5px 20px rgba(0,0,0,.5);-moz-box-shadow:0 5px 20px rgba(0,0,0,.5);box-shadow:0 5px 20px rgba(0,0,0,.5)}#mbCenter.mbLoading{background:#000 url(../../assets/mediabox/images/loading-dark.gif) no-repeat center;-webkit-box-shadow:none;-khtml-box-shadow:none;-moz-box-shadow:none;box-shadow:none}#mbMedia{position:relative;left:0;top:0;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:left;background-position:center center;background-repeat:no-repeat}#mbBottom{line-height:20px;font-size:12px;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;text-align:left;color:#999;min-height:20px;padding:10px 0 0}#mbTitle,#mbPrevLink,#mbNextLink,#mbCloseLink{display:inline;color:#fff;font-weight:700}#mbNumber{display:inline;color:#999;font-size:.8em;margin:auto 10px}#mbCaption{display:block;color:#999;line-height:1.6em;font-size:.8em}#mbPrevLink,#mbNextLink,#mbCloseLink{float:right;outline:0;margin:0 0 0 10px;font-weight:400}#mbPrevLink b,#mbNextLink b,#mbCloseLink b{color:#eee;font-weight:700;text-decoration:underline}#mbPrevLink big,#mbNextLink big,#mbCloseLink big{color:#eee;font-size:1.4em;font-weight:700}#mbBottom a,#mbBottom a:link,#mbBottom a:visited{text-decoration:none;color:#ddd}#mbBottom a:hover,#mbBottom a:active{text-decoration:underline;color:#fff}#mbError{position:relative;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:center;border:10px solid #700;padding:10px 10px 10px;margin:20px;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#mbError a,#mbError a:link,#mbError a:visited,#mbError a:hover,#mbError a:active{color:#d00;font-weight:700;text-decoration:underline}
@media screen, projection {

 /**
  * Standardize some basic elements
  */
  body, 
  form {
    margin:0;
    padding:0;
  }

  img {
    border:0;
  }

  header, 
  footer, 
  nav, 
  section, 
  aside, 
  article, 
  figure, 
  figcaption {
    display:block;
  }

 /**
  * Clear floats
  */
  .block {
    overflow:hidden;
  }

  .clear, #clear {
    height:0.1px;
    font-size:0.1px;
    line-height:0.1px;
    clear:both;
  }

 /**
  * Hide invisible elements
  */
  .invisible {
    width:0;
    height:0;
    left:-1000px;
    top:-1000px;
    position:absolute;
    overflow:hidden;
    display:inline;
  }

 /**
  * Fix some positioning issues
  */
  #container,
  .inside {
    position:relative;
  }

 /**
  * Custom layout sections
  */
  .custom {
    display:block;
  }

  #container:after, 
  .custom:after {
    content:" ";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
  }

 /**
  * Responsive images
  */
  img {
    max-width:100%;
    height:auto;
    width:auto;
  }

  .ie7 img {
    -ms-interpolation-mode:bicubic;
  }

 /**
  * Format the Contao image galleries (now rendered as unordered lists)
  */
  .ce_gallery ul {
    margin:0;
    padding:0;
    overflow:hidden;
    list-style:none;
  }

  .ce_gallery li {
    float:left;
  }

  .ce_gallery li.col_first {
    clear:left;
  }

 /*------------------------------------------------------------------------*/

 /**
  * General list styling
  */
  .mod_article ul, 
  .mod_article ol { 
    list-style:disc; 
    padding:0 0 0 20px; 
    margin:5px 10px 5px;
  }
  
  .data ul { 
    margin:5px 0;
    padding-left:0;
    list-style:none;
  }

  .mod_article ol { 
    list-style:decimal;
  }

  .mod_article li { 
    padding:1px 0; 
  }

  .data span { 
    float:left;
    width:55px;
  }

 /*------------------------------------------------------------------------*/

 /**
  * Reset contao navigation styles
  */
  nav ul,
  .mod_sitemap ul,
  .pagination ul {
    margin:0;
    padding:0;
  }

}
@media screen, projection {

  form br { 
    display:none; 
  }

  input, textarea, select {
    -webkit-border-radius:2px;
    border-radius:2px;
    padding:5px;
  }

  input[type="text"]:focus, 
  input[type="password"]:focus, 
  input[type="date"]:focus, 
  input[type="datetime"]:focus, 
  input[type="email"]:focus, 
  input[type="number"]:focus, 
  input[type="search"]:focus, 
  input[type="tel"]:focus, 
  input[type="time"]:focus, 
  input[type="url"]:focus, 
  textarea:focus {
    outline:0 none;
  }

 /**
  * Fix some width and height settings
  */
  input[type="file"] {
    cursor:pointer;
    display:block;
  }

  input[type="file"], 
  input[type="image"], 
  input[type="submit"], 
  input[type="reset"], 
  input[type="button"], 
  input[type="radio"], 
  input[type="checkbox"] {
    width:auto;
  }

  textarea, 
  select[multiple], 
  select[size] {
    height:auto;
  }

  fieldset {
    border:0;
    padding:0;
    margin:0;
  }

  legend {
    width:100%;
    display:block;
    border:0;
  }

  .entry {
    margin-bottom:10px;
  }

  .entry label {
    width:100px;
    display:inline-block;
  }

  .checkbox_container { 
    margin-top:10px; 
  }

  .checkbox_container input, 
  .radio_container input {
    width:auto;
  }

  .checkbox_container span, 
  .radio_container span { 
    display:block; 
  }

  .checkbox_container legend > span, 
  .radio_container legend > span {
    display:inline;
  }

  .checkbox_container legend > span:before, 
  .radio_container legend > span:before {
    content:" ";
  }

  .checkbox_container label, 
  .checkbox_container input { 
    vertical-align:middle; 
  }

  input.checkbox, 
  input.radio { 
    margin-right:3px;
  }

  .checkbox_container label, 
  .radio_container label { 
    float:none;
    display:inline;
  }

  span > input, 
  input + label {
    display:inline;
  }

  .captcha_text {
    display:block;
    float:none;
  }

  input[type="checkbox"],
  input[type="radio"],
  x:-moz-any-link {
    position:relative;
  }

  input[type="checkbox"] { 
    top:-1px;
  }

  input[type="radio"] { 
    top:2px;
  }

  .submit_container { 
    margin:10px 0;
  }

}
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

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

/**
 * Correct `block` display not defined in IE 8/9.
 */

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

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

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

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

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

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}

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

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

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

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

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

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background: transparent;
}

/**
 * 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 variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

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

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

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

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

b,
strong {
    font-weight: bold;
}

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

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

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

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

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

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

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

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

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

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

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

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

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

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

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

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

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

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

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

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

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

button,
input {
    line-height: normal;
}

/**
 * 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 8+.
 * 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.
 */

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

/**
 * 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/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

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

/**
 * 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 4+.
 */

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

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

@media screen, projection {
  
  html, body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  del, dfn, em, font, img, ins, kbd, q, s, samp,
  small, strike, strong, sub, sup, tt, var,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-weight:inherit;
    font-style:inherit;
    vertical-align:baseline;
  }

  body {
    color:#000;
    background-color:#fff;
  }
  
  ol, ul {
    list-style:none;
  }
  
  table {
    border-collapse:separate;
    border-spacing:0;
  }
  
  caption, th, td {
    text-align:left;
    font-weight:normal;
  }

 /*------------------------------------------------------------------------*/

  input[type="text"], 
  input[type="password"], 
  input[type="date"], 
  input[type="datetime"],
  input[type="email"], 
  input[type="number"], 
  input[type="search"], 
  input[type="tel"], 
  input[type="time"],
  input[type="url"], 
  textarea {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    display:inline-block;
  }

  button,
  html input[type="button"],
  input[type="reset"],
  input[type="submit"] {
    -webkit-appearance:button;
    cursor:pointer;
  }

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

  img {
    vertical-align:middle;
  }

  object {
    display:block;
  }

  textarea {
    resize:vertical;
  }

  textarea[contenteditable] {
    -webkit-appearance:none;
  }

  hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #ccc;
    margin:1em 0;
    padding:0;
  }
 
}
@media print {
  * {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important; }

  html, body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  del, dfn, font, img, ins, kbd, q, s, samp,
  small, strike, sub, sup, tt, var,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline; }

  img, object {
    display: block;
    margin: 0;
    padding: 0;
    border: 0; }

  body {
    width: 100%;
    text-align: left;
    margin: 0;
    padding: 0;
    font: 10pt Arial, Helvetica, sans-serif;
    color: #000;
    background-color: #fff;
    background-image: none; }

  h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    margin: 0.75em 0 0.5em;
    text-align: left;
    page-break-after: avoid; }

  h1 {
    padding: 0 0 0.5em;
    border-bottom: 1px solid #ccc;
    font-size: 16pt; }

  h2 {
    font-size: 16pt !important; }

  h3 {
    font-size: 13pt !important; }

  p {
    margin: 0.5em 0;
    font-stretch: expanded; }

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

  span[style~="font-size:"] {
    font-size: 10pt !important; }

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

  a[href]:after {
    content: " (" none ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

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

  img {
    padding: 0.5em 0; }

  .ce_download img {
    display: none; }

  #footer,
  .pagination,
  #main .mod_search .formbody,
  #main .mod_search p.header,
  #header .mod_search,
  #header #current-user,
  #header .user, #header p,
  #header #tooltip,
  #header #breadcrumb,
  #right, #left,
  .login .mod_changelanguage,
  .login .mod_article,
  .login #banner, .pdf_link,
  #search-form,
  .mod_wf_extendedBreadcrumb,
  #Subheader,
  table > caption,
  nav img,
  .invisible,
  .back-to-parent,
  .back-to-overview {
    display: none; }

  #header a {
    display: none; }

  #header img {
    display: block; }

  #main {
    float: none;
    width: auto;
    margin: 0; }

  .subcolumns .first,
  .subcolumns .mod_colsetPart,
  .subcolumns .sc_second {
    float: none;
    width: 100%;
    margin: 0 !important; }

  .subcolumns .mod_colsetPart,
  .subcolumns .sc_second {
    margin-top: 0 !important; }

  .subcolumns .subcl,
  .subcolumns .subcr,
  .subcolumns .subc {
    padding: 0 !important; }

  .image_container img {
    page-break-after: always;
    max-width: 100%;
    height: auto; }

  .image_container img:first-child {
    page-break-after: avoid; }

  .information-content #main .ce_download img,
  .information-content #main .ce_download a {
    float: left; }

  .information-content #main .ce_download a {
    padding-top: 5px; }

  nav ul li {
    list-style: none; }
    nav ul li ul li {
      list-style-type: disc; }

  .ce_list ul li,
  .ce_text ul li {
    list-style-type: disc;
    margin-left: 1.250em; }

  nav .onboarding img,
  nav .flow img,
  nav .pattern img,
  nav .labels img,
  nav .rules img,
  nav .sustainability img,
  nav .moneytable img,
  nav .documents img {
    display: inline-block; }

  .standard #main table {
    width: 99%;
    margin: 0.625em 0 0.938em;
    font-size: 11px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid black; }

  .standard #main .ce_gallery table,
  .standard table#material {
    border: none; }

  .standard #main table th {
    text-align: left;
    font-weight: bold; }

  .standard #main table th,
  .standard #main table td {
    border: 1px solid #fff;
    vertical-align: top;
    padding: 0.125em 0.313em; }

  .standard #main table#material {
    border-collapse: collapse; }

  .standard #main #adress table td.col_last {
    width: 20%; }

  .standard #main #adress table td.col_0 {
    padding-left: 0.625em; }

  .standard #main table#material td.col1,
  .standard #main table#material td.col3 {
    padding-right: 0.938em; }

  .standard #main #adress table tr td,
  .standard #main table#material tr td {
    border-bottom: 1px solid #C9C9C9;
    padding: 0.625em 0; }

  .standard #main #adress table tr.row_last td,
  .standard #main table#material tr.row_last td {
    border: none; }

  .standard #main table#material th {
    width: 50%; }

  .standard #main table#material td {
    padding-right: 0.625em; }

  .standard #main table#material td strong {
    margin-bottom: 0.188em;
    display: block; }

  .shoebox th {
    padding-top: 0.438em !important;
    padding-bottom: 0.438em !important; }

  .shoebox td.col_0 {
    font-weight: bold; }

  table {
    border-collapse: separate;
    border-spacing: 0; }

  .brands #brand-overview li, .right, .left,
  #wm-nav div, .mod_search,
  .standard #main .fileinfo p.left,
  .standard #main .fileinfo p.right,
  .material #container .material-view p,
  .information-content #left,
  .information-content #right,
  .information-content #main,
  .category #category-overview li.submenu {
    float: none; }

  #logo {
    margin: 0.75em 0 0.5em;
    page-break-after: avoid;
    padding: 0 0 0.5em;
    border-bottom: 1px solid #ccc;
    font-size: 16pt;
    display: inline-block;
    width: 100%; }
    #logo > img {
      padding: 0.5em 0;
      display: block !important; } }

/*# sourceMappingURL=print.css.map */

.event {
  margin: 50px auto;
  border-bottom: 1px solid steelblue;
  padding-bottom: 50px; }
  .event:nth-of-type(5n) {
    border-bottom: none; }
  .event .info {
    font-size: 12px; }
  .event .subcolumns .col_1 {
    margin-bottom: 30px; }
  .event .subcolumns .col_2 p {
    padding: 0 0 8px; }
  .event .ce_image {
    max-width: 250px;
    max-height: 250px;
    overflow: hidden; }
    .event .ce_image:hover img {
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -o-transform: scale(1.2);
      transform: scale(1.2); }
    .event .ce_image img {
      width: 100%;
      height: 100%;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      -webkit-transition: all 0.8s ease-in-out;
      -moz-transition: all 0.8s ease-in-out;
      transition: all 0.8s ease-in-out; }
  .event .ce_download img {
    display: none; }
  .event .ce_download a {
    padding-left: 25px;
    position: relative;
    font-size: 13px; }
    .event .ce_download a:before {
      font-family: "iconfont";
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: ""; }
    .event .ce_download a:before {
      position: absolute;
      left: 0;
      bottom: 0%;
      font-size: 16px; }

.outer {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  float: right;
  margin: 16px 15px 0 0; }
  @media only screen and (min-width: 960px) {
    .outer {
      display: none; } }

a.hamburger {
  width: 32px;
  height: 30px;
  display: block;
  margin: 0 auto;
  position: relative; }

.line {
  width: 32px;
  height: 4px;
  display: block;
  position: absolute;
  background: #fff;
  border-radius: 2px;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }

.line-1 {
  top: 0; }

.line-2 {
  margin-top: -3px;
  top: 50%; }

.line-3 {
  bottom: 3px; }

a.active .line-1 {
  top: 50%;
  margin-top: -1px;
  -webkit-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
  -o-transform: rotate(315deg);
  transform: rotate(315deg);
  background: #ffffff; }

a.active .line-2 {
  opacity: 0; }

a.active .line-3 {
  bottom: 50%;
  margin-bottom: -3px;
  -webkit-transform: rotate(-315deg);
  -moz-transform: rotate(-315deg);
  -o-transform: rotate(-315deg);
  transform: rotate(-315deg);
  background: #ffffff; }

.info-overview {
  text-align: left;
  width: 171px;
  height: 33px;
  margin: 0;
  padding: 0;
  font-size: 12px; }
  .info-overview > a {
    width: 171px;
    height: 33px;
    display: block;
    text-indent: -99999px;
    background: #fff url("../../files/standard/publisher/images/de/markenuebersicht/auszeichnungsvorschriften/information-overview.gif"); }
    .info-overview > a:lang(en) {
      background: #fff url("../../files/standard/publisher/images/en/brand-overview/production-guidelines/information-overview.gif"); }

.pagination {
  overflow: visible; }
  .pagination > p {
    display: none; }
  .pagination ul li {
    display: inline-block;
    vertical-align: bottom; }
    .pagination ul li a, .pagination ul li span {
      border-bottom: 3px solid steelblue;
      display: block;
      min-width: 25px;
      text-align: center;
      text-decoration: none; }
      .pagination ul li a:hover, .pagination ul li span:hover {
        border-color: steelblue; }
    .pagination ul li span {
      border-color: steelblue;
      position: relative; }
      .pagination ul li span:before {
        font-family: "iconfont";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: ""; }
      .pagination ul li span:before {
        color: steelblue;
        font-size: 30px;
        left: 0;
        position: absolute;
        top: -25px;
        right: 0;
        margin: auto;
        text-align: center; }

.back-link {
  margin-top: 80px; }
  .back-link ul {
    text-align: center; }
    .back-link ul li {
      float: none !important;
      width: inherit !important;
      height: inherit !important;
      display: inline-block !important; }
      .back-link ul li a {
        text-decoration: none;
        font-size: 12px; }
        .back-link ul li a > span {
          display: inline !important;
          color: #AC4342;
          font-weight: bold !important;
          font-size: 12px !important;
          text-transform: none !important; }

.mod_search {
  text-align: center; }
  .mod_search input[type="search"] {
    border-color: steelblue;
    height: 48px;
    max-width: 400px;
    width: 100%;
    padding: 0 20px;
    -webkit-appearance: none; }
    @media only screen and (max-width: 600px) {
      .mod_search input[type="search"] {
        width: 60%; } }
    @media only screen and (max-width: 415px) {
      .mod_search input[type="search"] {
        width: 45%; } }
  @media only screen and (max-width: 420px) {
    .mod_search input[type="submit"] {
      width: inherit; } }
  .mod_search p.header {
    font-size: 13px;
    color: steelblue; }
  .mod_search .even, .mod_search .odd {
    border-bottom: 1px solid #fafafa;
    padding: 50px 0; }
    .mod_search .even.last, .mod_search .odd.last {
      border-bottom: none; }
    .mod_search .even h3 a, .mod_search .odd h3 a {
      text-decoration: none; }
    .mod_search .even h3 span, .mod_search .odd h3 span {
      display: none; }
    .mod_search .even .highlight, .mod_search .odd .highlight {
      background-color: steelblue;
      padding: 5px 10px;
      color: #ffffff;
      border-radius: 3px; }
    .mod_search .even p.url, .mod_search .odd p.url {
      display: none; }

.mod_sitemap {
  overflow: visible; }
  .mod_sitemap ul.level_1 li {
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin-right: 2%;
    padding-left: 26px;
    z-index: 5;
    width: 31%; }
    .mod_sitemap ul.level_1 li:before {
      font-family: "iconfont";
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: ""; }
    @media only screen and (max-width: 955px) {
      .mod_sitemap ul.level_1 li {
        margin-bottom: 20px; } }
    @media only screen and (max-width: 765px) {
      .mod_sitemap ul.level_1 li {
        width: inherit; } }
    @media only screen and (max-width: 430px) {
      .mod_sitemap ul.level_1 li {
        display: block; } }
    .mod_sitemap ul.level_1 li:before {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      font-size: 20px;
      width: 20px;
      color: steelblue;
      width: 100%; }
    .mod_sitemap ul.level_1 li a {
      text-decoration: none;
      color: steelblue; }
    .mod_sitemap ul.level_1 li ul.level_2 li {
      display: block;
      font-size: 12px;
      padding-left: 0;
      width: inherit; }
      @media only screen and (max-width: 955px) {
        .mod_sitemap ul.level_1 li ul.level_2 li {
          margin-bottom: 0px; } }
      .mod_sitemap ul.level_1 li ul.level_2 li:before {
        display: none; }
      .mod_sitemap ul.level_1 li ul.level_2 li a {
        color: #000000; }
.start #wrapper {
  background: transparent url("../../files/standard/layout/images/bgr-wrapper.gif") repeat-x top left; }
  .start #wrapper .headline {
    margin-top: 35px; }
  .start #wrapper #container {
    width: 850px;
    margin: 0 auto; }
    .start #wrapper #container #main {
      width: auto;
      height: 315px;
      background: transparent url("../../files/standard/layout/images/bgr-main-start.jpg") no-repeat center top; }
      .start #wrapper #container #main .inside {
        width: 305px;
        margin: 0 auto;
        padding-top: 155px; }
        .start #wrapper #container #main .inside .mod_login .error {
          display: none; }
        .start #wrapper #container #main .inside .mod_login form {
          margin: 0;
          position: relative; }
          .start #wrapper #container #main .inside .mod_login form table {
            width: 100%; }
            .start #wrapper #container #main .inside .mod_login form table td {
              margin: 0; }
              .start #wrapper #container #main .inside .mod_login form table td label {
                color: #fff;
                text-transform: uppercase;
                width: 100px;
                float: left;
                padding-top: 3px;
                font-size: 11px; }
            .start #wrapper #container #main .inside .mod_login form table input {
              width: 100%;
              border: 1px solid #c2c2c2;
              padding: 3px 5px;
              -webkit-border-radius: 1px; }
            .start #wrapper #container #main .inside .mod_login form table #password {
              width: 80%; }
        .start #wrapper #container #main .inside .mod_login .submit_container {
          display: inline-block; }
          .start #wrapper #container #main .inside .mod_login .submit_container button {
            padding: 3px 3px;
            background-color: #fff;
            position: absolute;
            width: 30px;
            top: 37px;
            left: 275px;
            margin: 0; }
        .start #wrapper #container #main .inside .ce_text {
          width: 100%;
          padding-left: 80px;
          margin-top: -30px;
          position: relative; }
          .start #wrapper #container #main .inside .ce_text p {
            float: left;
            font-size: 11px; }
            .start #wrapper #container #main .inside .ce_text p a {
              color: #fff;
              margin-left: 30px; }
        .start #wrapper #container #main .inside .ce_hyperlink {
          display: none; }
.start #Subheader {
  display: none; }

_:-ms-input-placeholder, :root .start #wrapper #container #main .inside .mod_login .submit_container input {
  top: 39px; }

#main .mod_hofff_language_relations_language_switcher {
  margin-top: 55px; }

#main .mod_hofff_language_relations_language_switcher ul {
  width: 140px;
  overflow: hidden;
  margin: 0 auto; }

#main .mod_hofff_language_relations_language_switcher li {
  height: 100px;
  width: 50px;
  float: left; }

#main .mod_hofff_language_relations_language_switcher li:first-child {
  margin-right: 40px; }

#main .mod_hofff_language_relations_language_switcher li a,
#main .mod_hofff_language_relations_language_switcher li span {
  height: 100px;
  width: 50px;
  display: block;
  text-indent: -99999px;
  background: transparent url(../../files/standard/layout/images/flags.jpg) no-repeat;
  margin: 0;
  outline: 0;
  text-decoration: none; }

#main .mod_hofff_language_relations_language_switcher li.lang-de a,
#main .mod_hofff_language_relations_language_switcher li.lang-de span {
  background-position: right top; }

#main .mod_hofff_language_relations_language_switcher li.lang-en a,
#main .mod_hofff_language_relations_language_switcher li.lang-en span {
  background-position: left top; }

#main .mod_hofff_language_relations_language_switcher li.last {
  margin-right: 0; }

@media screen, projection {
  .mod_hofff_navigation_menu.brand-overview a {
    text-indent: -99999px;
    display: block;
    outline: 0;
    text-decoration: none; }

  .brands #container #main {
    float: none !important;
    margin: 0 auto;
    width: 710px !important; }
    .brands #container #main .mod_hofff_navigation_menu ul {
      margin: 0; }

  .brand-overview #container #main {
    float: none;
    width: inherit; }
  .brand-overview #container .mod_hofff_navigation_menu {
    margin-top: 50px;
    margin-bottom: 30px; }
    .brand-overview #container .mod_hofff_navigation_menu.brand-overview {
      margin-top: 0;
      margin-bottom: 0; }
      .brand-overview #container .mod_hofff_navigation_menu.brand-overview ul li {
        margin: 25px 5px 20px; }
      .brand-overview #container .mod_hofff_navigation_menu.brand-overview:nth-child(3) {
        margin-bottom: 30px; }
    .brand-overview #container .mod_hofff_navigation_menu.nav-download ul li {
      width: 310px;
      margin: 5px 5px 0; }
      .brand-overview #container .mod_hofff_navigation_menu.nav-download ul li > a {
        text-decoration: none; }
      .brand-overview #container .mod_hofff_navigation_menu.nav-download ul li ul li {
        margin: 0; }
        .brand-overview #container .mod_hofff_navigation_menu.nav-download ul li ul li > a {
          text-decoration: underline;
          font-size: 13px; }
    .brand-overview #container .mod_hofff_navigation_menu ul {
      width: 100%;
      text-align: center;
      list-style: none;
      padding: 0;
      display: inline-block; }
      .brand-overview #container .mod_hofff_navigation_menu ul li {
        display: inline-block;
        margin: 40px 5px 20px;
        padding: 0; }
      .brand-overview #container .mod_hofff_navigation_menu ul .information a {
        width: 160px;
        height: 70px;
        background: white url("../../files/standard/layout/images/image-infos-de.gif") no-repeat left bottom; }
        .brand-overview #container .mod_hofff_navigation_menu ul .information a:hover {
          background-position: left top; }
      .brand-overview #container .mod_hofff_navigation_menu ul .information.english a {
        background: white url("../../files/standard/layout/images/image-infos-en.gif") no-repeat left bottom; }
        .brand-overview #container .mod_hofff_navigation_menu ul .information.english a:hover {
          background-position: left top; }
      .brand-overview #container .mod_hofff_navigation_menu ul .privatelabels a {
        width: 95px;
        height: 70px;
        background: white url("../../files/standard/layout/images/image-privatelabels.gif") no-repeat left bottom; }
        .brand-overview #container .mod_hofff_navigation_menu ul .privatelabels a:hover {
          background-position: left top; }
      .brand-overview #container .mod_hofff_navigation_menu ul .tamaris a {
        width: 130px;
        height: 70px;
        background: white url("../../files/standard/layout/images/image-tamaris.gif") no-repeat left bottom; }
        .brand-overview #container .mod_hofff_navigation_menu ul .tamaris a:hover {
          background-position: left top; }
      .brand-overview #container .mod_hofff_navigation_menu ul .marcotozzi a {
        width: 130px;
        height: 70px;
        background: white url("../../files/standard/layout/images/image-marcotozzi.gif") no-repeat left bottom; }
        .brand-overview #container .mod_hofff_navigation_menu ul .marcotozzi a:hover {
          background-position: left top; }
      .brand-overview #container .mod_hofff_navigation_menu ul .jana a {
        width: 95px;
        height: 70px;
        margin-left: 5px;
        background: white url("../../files/standard/layout/images/image-jana.gif") no-repeat left bottom; }
        .brand-overview #container .mod_hofff_navigation_menu ul .jana a:hover {
          background-position: left top; }
      .brand-overview #container .mod_hofff_navigation_menu ul .soft-line a {
        width: 115px;
        height: 70px;
        margin-left: 20px;
        background: white url("../../files/standard/layout/images/image-soft-line.gif") no-repeat left bottom; }
        .brand-overview #container .mod_hofff_navigation_menu ul .soft-line a:hover {
          background-position: left top; }
      .brand-overview #container .mod_hofff_navigation_menu ul .be-natural a {
        width: 130px;
        height: 70px;
        margin-left: 5px;
        background: white url("../../files/standard/layout/images/jana-be-natural.gif") no-repeat left bottom; }
        .brand-overview #container .mod_hofff_navigation_menu ul .be-natural a:hover {
          background-position: left top; }
      .brand-overview #container .mod_hofff_navigation_menu ul .soliver a {
        width: 95px;
        height: 70px;
        background: white url("../../files/standard/layout/images/image-soliver.gif") no-repeat left bottom; }
        .brand-overview #container .mod_hofff_navigation_menu ul .soliver a:hover {
          background-position: left top; }
      .brand-overview #container .mod_hofff_navigation_menu ul .caprice a {
        width: 105px;
        height: 70px;
        background: white url("../../files/standard/layout/images/image-caprice.gif") no-repeat left bottom; }
        .brand-overview #container .mod_hofff_navigation_menu ul .caprice a:hover {
          background-position: left top; }
      .brand-overview #container .mod_hofff_navigation_menu ul .material a {
        width: 150px;
        height: 70px;
        background: white url("../../files/standard/layout/images/image-material-de.gif") no-repeat left bottom; }
        .brand-overview #container .mod_hofff_navigation_menu ul .material a:hover {
          background-position: left top; }
      .brand-overview #container .mod_hofff_navigation_menu ul .material.english a {
        background: white url("../../files/standard/layout/images/image-material-en.gif") no-repeat left bottom; }
        .brand-overview #container .mod_hofff_navigation_menu ul .material.english a:hover {
          background-position: left top; }
  .brand-overview #container .mod_historylist {
    position: relative;
    overflow: visible; }
  .brand-overview #container .brands #container #main .mod_historylist p.info {
    margin-top: 10px; }
  .brand-overview #container #wm-nav {
    position: absolute;
    right: 12px;
    top: -25px;
    width: auto;
    overflow: hidden; }
  .brand-overview #container #wm-nav .slider {
    width: 8px;
    margin-left: 5px; }
  .brand-overview #container #wm-nav .slider a {
    display: block;
    text-indent: -99999px;
    background: #fff url(../../files/standard/layout/images/icon-slider.gif) no-repeat left center; }
  .brand-overview #container #wm-nav .left a {
    background-position: right center; }
  .brand-overview #container #wm-nav div {
    float: left;
    margin-left: 10px;
    font-size: 11px; }
  .brand-overview #container #wm-table {
    width: 100%; }
  .brand-overview #container .mod_historylist a {
    text-decoration: none; }
  .brand-overview #container .mod_historylist .layout_simple {
    width: 100%;
    height: 60px;
    overflow: hidden;
    font-size: 13px; }
  .brand-overview #container .mod_historylist .layout_simple table {
    width: 100%; }
  .brand-overview #container .mod_historylist td {
    border-bottom: 1px solid #C9C9C9;
    padding: 5px 0 5px 10px; }
  .brand-overview #container .mod_historylist table td.last {
    text-align: right;
    padding-left: 0;
    padding-right: 10px; }
  .brand-overview #container .mod_historylist td a {
    display: block;
    padding-left: 15px;
    background: #fff url(../../files/standard/layout/images/icon-nav.gif) no-repeat left center; }
  .brand-overview #container #main .inside .mod_article .ce_headline {
    border-bottom: 1px solid #C9C9C9;
    margin-bottom: 0px;
    padding-bottom: 5px;
    padding-left: 10px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold; }

  .brand-overview #container #main .inside .mod_article .ce_text p {
    text-align: center;
    margin-top: 80px; }
    .brand-overview #container #main .inside .mod_article .ce_text p em {
      text-align: center;
      margin-top: 100px;
      color: #AC4342;
      font-style: normal; }

  .fileinfo {
    overflow: hidden;
    width: 100%;
    font-size: 11px;
    line-height: 1.3em;
    text-align: left; }
    .fileinfo p.pdf {
      background: transparent url("../../files/standard/layout/images/icon-reader.gif") no-repeat left center;
      padding: 1px 0 0 30px !important;
      text-align: left; }
    .fileinfo p.left {
      width: 355px;
      float: left;
      padding: 0; }
    .fileinfo p.right {
      float: right;
      width: 475px;
      padding: 0 0 0 35px; }

  .ce_downloads + h3,
  .ce_downloads > h3 {
    font-weight: bold;
    margin: 5px 0 20px !important;
    padding-bottom: 5px !important;
    text-transform: uppercase;
    border-bottom: 1px solid #c9c9c9;
    text-align: left;
    font-size: 15px !important; }

  .onecolumn .ce_downloads > .fileinfo {
    margin-bottom: 30px; }

  .brand-overview .mod_article ul {
    list-style: none; }

  .brands.brand-overview .ce_hyperlink:last-of-type,
  .hide-back .ce_hyperlink:last-of-type {
    display: none; }

  .brand-overview .ce_hyperlink:last-of-type {
    font-size: 12px;
    text-align: center;
    margin-top: 80px; }
    .brand-overview .ce_hyperlink:last-of-type > a {
      text-decoration: none; }
      .brand-overview .ce_hyperlink:last-of-type > a > span {
        color: #AC4342;
        font-weight: bold; }

  .privatelabels #container .mod_hofff_navigation_menu ul {
    width: 225px;
    margin: 0 auto;
    display: block; }
    .privatelabels #container .mod_hofff_navigation_menu ul li {
      width: 100% !important;
      margin: 0 !important;
      display: block;
      float: none; } }
.max-width #Subheader {
  width: 900px !important; }
.max-width #wrapper {
  background: none; }
.max-width #container {
  width: 900px;
  margin: 0 auto; }
  .max-width #container #main.main {
    width: 900px; }
    .max-width #container #main.main .inside .mod_article .ce_headline {
      font-size: 35px;
      font-weight: bold;
      text-transform: uppercase;
      line-height: 27px;
      margin-top: 15px; }
    .max-width #container #main.main .mod_hofff_navigation_menu {
      margin-top: 55px; }
      .max-width #container #main.main .mod_hofff_navigation_menu ul {
        list-style: none;
        margin: 0;
        padding: 0; }
        .max-width #container #main.main .mod_hofff_navigation_menu ul li {
          width: 225px;
          height: 190px;
          float: left;
          margin: 0 0 15px;
          text-align: center; }
          .max-width #container #main.main .mod_hofff_navigation_menu ul li a {
            text-decoration: none;
            outline: 0; }
            .max-width #container #main.main .mod_hofff_navigation_menu ul li a span {
              font-size: 20px;
              display: block;
              line-height: 1.2;
              text-transform: uppercase;
              font-weight: bold;
              margin-top: 10px; }

@media screen, projection {
  .nav-download {
    margin-top: 55px; }
    .nav-download ul {
      list-style: none;
      margin: 0;
      padding: 0;
      text-align: center; }
      .nav-download ul li {
        width: 225px;
        float: left;
        margin: 20px 24px 0; }
        .nav-download ul li ul {
          margin-top: 35px; }
          .nav-download ul li ul li {
            margin: 0; }
            .nav-download ul li ul li a span {
              font-weight: normal;
              font-size: 13px;
              text-transform: inherit;
              text-decoration: underline; } }
.material #container {
  width: 710px;
  margin: 0 auto; }

.material #container .ce_image {
  margin-bottom: 30px; }

.material .ce_image img {
  display: block;
  margin: 0 auto; }

.material #container .ce_form {
  width: 176px;
  position: absolute;
  top: 98px;
  right: 0; }

#wm_search p.mandatory {
  display: none; }

.material #container .ce_form input.text {
  border: 1px solid #f5f5f7;
  padding: 5px 2px 5px 7px;
  font-style: italic;
  background-color: #f5f5f7;
  width: 130px;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif; }

.material #container .ce_form .entry {
  float: left;
  width: 140px; }

.material #container .ce_form br {
  display: none; }

.material #container .ce_form .submit_container {
  float: right;
  width: 31px; }

.material #container .ce_form input.submit {
  width: 31px;
  height: 27px;
  text-indent: -99999px;
  font-size: 0;
  background: transparent url(../../files/standard/layout/images/icon-search.gif) no-repeat center center;
  cursor: pointer;
  display: block;
  line-height: 0; }

.material #container .mod_materiallist div.inactive ul {
  display: none; }

.material #container .mod_materiallist .layout_short div {
  margin: 0 0 10px; }

.material #container .material-view {
  width: 100%;
  overflow: hidden; }

.material #container .material-view p {
  float: left; }

.material #container .material-view p.button {
  margin-right: 40px; }

.material #container .material-view p.button a {
  background: #E7E7E7 url(../../files/standard/layout/images/icon-arrow-submit.png) no-repeat right center;
  border: 3px double #FFFFFF;
  cursor: pointer;
  padding: 3px 20px 3px 10px;
  text-decoration: none; }

.material #container .material-view p.button.search {
  float: right;
  margin: 0; }

.material #container .material-view span.mandatory {
  color: #E30001; }

.material #main h1 {
  font-family: 'futurabtbook';
  text-transform: uppercase;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 20px; }

.material #main h2 {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 15px;
  margin-bottom: 20px; }

.material #main h3 {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 13px;
  background: #f5f5f6 url(../../files/standard/layout/images/icon-red-sprite.png) no-repeat 6px 7px;
  padding: 3px 2px 3px 22px;
  cursor: pointer;
  margin: 0;
  font-family: futurabtbook; }

.material #main .active h3 {
  background-position: 6px -13px; }

.material #main .layout_short ul {
  margin: 5px 0 15px 22px; }

.material #main .layout_short li {
  font-size: 11px;
  padding: 2px 0; }

.material #main .layout_short a {
  text-decoration: none; }

.material #main .layout_saisons .entry {
  width: 100%;
  overflow: hidden;
  margin-bottom: 5px; }

.material #main .layout_saisons span {
  width: 100%;
  overflow: hidden;
  display: block;
  margin: 2px 0 !important; }

.material #main .layout_saisons .error label {
  color: red; }

.material #main .layout_saisons input.checkbox {
  float: left;
  margin: 1px 7px 0 0; }

.material #main .layout_saisons p.mandatory,
#materialdatenerfassung p.mandatory,
.material #main .layout_saisons p.error {
  display: none; }

#fwm_material fieldset {
  overflow: hidden;
  width: 100%;
  margin-bottom: 20px; }

#fwm_material legend {
  font-weight: bold;
  font-size: 11px;
  float: left;
  width: 150px;
  margin-top: 3px; }

#fwm_material .entry {
  float: right;
  width: 380px !important; }

#fwm_material .entry_container {
  width: 380px;
  overflow: hidden;
  float: right;
  margin-bottom: 5px;
  clear: both; }

#fwm_material .entry_container .entry {
  width: 142px !important;
  overflow: hidden;
  float: left; }

#fwm_material fieldset.composition .entry_container .input-text {
  width: 50px !important; }

#fwm_material .entry_container .explanation p {
  padding: 3px 0 !important;
  font-size: 14px; }

#fwm_material .entry_container .explanation {
  float: left;
  margin-right: 13px; }

#fwm_material fieldset.composition .entry_container .entry input.text {
  width: 45px !important;
  min-width: 30px !important;
  border: 1px solid #f5f5f7;
  background-color: #f5f5f7;
  text-align: center; }

#fwm_material fieldset.composition .entry_container .entry.error input.text {
  border: 1px solid red; }

#fwm_material .buttons {
  width: 380px;
  height: 20px;
  display: block;
  float: right;
  clear: both; }

#fwm_material .buttons span {
  float: left;
  margin-right: 10px; }

#fwm_material span.add {
  width: 20px !important;
  height: 20px;
  text-indent: -99999px;
  display: block;
  background: #fff url(../../files/standard/layout/images/icon-add.gif) no-repeat left center;
  cursor: pointer; }

#fwm_material span.remove {
  width: 20px !important;
  height: 20px;
  text-indent: -99999px;
  display: block;
  background: #fff url(../../files/standard/layout/images/icon-remove.gif) no-repeat left center;
  cursor: pointer; }

#fwm_material .entry.error select,
#fwm_material .entry.error input.text {
  border: 1px solid red; }

#fwm_material .entry select {
  width: 139px;
  padding: 2px;
  float: left;
  margin-right: 10px;
  border: 1px solid #aaa; }

#fwm_material .entry input.text {
  padding: 3px;
  float: left;
  border: 1px solid #aaa; }

.material #main .layout_saisons .submit_container {
  margin-top: 20px; }

.material #main .layout_saisons input.submit {
  background: #E7E7E7 url(../../files/standard/layout/images/icon-arrow-submit.png) no-repeat right center;
  border: 3px double #FFFFFF;
  cursor: pointer;
  font-family: Arial, Helevetica, sans-serif;
  padding: 3px 15px 3px 5px; }

.material p.back {
  font-size: 12px;
  margin-top: 80px;
  text-align: center; }

.material p.back a {
  text-decoration: none; }

.material .custom #Subheader {
  margin-top: 0; }
.material .main .ce_form.tableless {
  width: 165px !important;
  margin-right: 0 !important;
  margin-top: 0 !important; }
  .material .main .ce_form.tableless form {
    height: 30px !important; }
  .material .main .ce_form.tableless .submit_container {
    margin: 0 !important; }
    .material .main .ce_form.tableless .submit_container input.submit {
      padding: 0 !important;
      border: 0 !important;
      margin-left: 0 !important;
      margin-top: 0 !important; }
.material #main form .submit_container input {
  margin-top: 20px;
  margin-left: 0; }
.material .hasteform_fwm_seasonchooser {
  margin: 20px; }
.material .mod_materialreader h2 {
  font-family: futurabtbook;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 15px; }
.material .mod_materiallist {
  font-size: 13px; }

.lp-links {
  display: block;
  float: right;
  margin-top: 24px;
  font-family: 'gs_pro_lightregular';
  font-weight: bold;
  text-transform: uppercase; }

.lp-links span {
  padding: 0 10px; }

.lp-links a {
  text-decoration: none;
  outline: 0; }

body.landingpage {
  min-width: 550px; }

.landingpage #header {
  height: 65px;
  margin: 0;
  min-width: 550px; }

.landingpage #container {
  padding-bottom: 0;
  width: 100%; }

.landingpage #container #main {
  float: none;
  width: 100%; }

.landingpage .inside {
  height: 94vh;
  min-height: 640px; }

.landingpage .mod_article {
  height: 100%;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -webkit-align-content: stretch;
  align-content: stretch; }

.landingpage .subcolumns .c50l,
.landingpage .subcolumns .c50r {
  height: 100%;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  align-items: center;
  justify-content: center;
  display: flex;
  cursor: pointer; }

.landingpage .subcolumns {
  height: 100%; }

.landingpage .subcl {
  padding: 0; }

.landingpage .c50l:hover,
.landingpage .c50r:hover {
  background: #f5f5f6; }

.landingpage .subcolumns .ce_image {
  max-width: 575px;
  height: auto;
  margin: 0 auto; }

.landingpage .subcolumns .ce_image img {
  display: block;
  margin: 10% auto 0 auto;
  width: 100%;
  height: auto; }

.landingpage #container #main .inside .mod_article h2 {
  font-family: 'gs_pro_lightregular';
  text-transform: uppercase;
  font-size: 36px;
  line-height: 38px;
  text-align: center;
  color: #1a1818;
  margin: 50px 0 25px 0;
  cursor: default; }

.landingpage .ce_hyperlink {
  text-align: center;
  font-family: 'gs-boldbold';
  text-transform: uppercase;
  font-size: 14px;
  color: #1a1818;
  overflow: visible; }

.landingpage .ce_hyperlink > a {
  position: relative; }

.landingpage .ce_hyperlink > a:before {
  content: '';
  background: url("../../files/standard/layout/images/arrow@2x.png") 0 0 no-repeat;
  width: 34px;
  height: 24px;
  background-size: 70%;
  position: absolute;
  left: -30px;
  top: 1px; }

.mod_materialsaisonchooser h1, .mod_materialsaisonchooser h2,
.mod_materialreader h1,
.mod_materialreader h2 {
  font-family: futurabtbook;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 15px;
  margin: 20px; }

@media screen, projection {
  .standard:not(.pattern):not(.labels):not(.prevention):not(.cb-sizes) .mod_article .ce_image figure {
    margin: 10px 0; }
    .standard:not(.pattern):not(.labels):not(.prevention):not(.cb-sizes) .mod_article .ce_image figure > img {
      margin: 5px 0; }
  .standard:not(.pattern):not(.labels):not(.prevention):not(.cb-sizes) td {
    padding: 10px 0 10px 10px !important; }
  .standard:not(.pattern):not(.labels):not(.prevention):not(.cb-sizes) td.col_0 {
    width: 65%;
    vertical-align: middle;
    padding-left: 10px; }
  .standard:not(.pattern):not(.labels):not(.prevention):not(.cb-sizes) td.col_1 {
    width: 15%; }

  .pattern td.col_0,
  .pattern td.col_1 {
    vertical-align: middle;
    padding: 0 10px !important; }
  .pattern td.col_2 {
    padding: 0 5px !important; }

  .labels td,
  .prevention td {
    border-bottom: 0 !important; } }
.max-width #container #main.main .production-guidelines .mod_hofff_navigation_menu ul li {
  width: 230px; }

.videotutorial .video-tutorial ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  .videotutorial .video-tutorial ul li {
    width: 230px;
    height: 190px;
    float: left;
    margin: 0 0 15px;
    text-align: center; }
  .videotutorial .video-tutorial ul a {
    text-decoration: none;
    outline: 0; }
    .videotutorial .video-tutorial ul a span {
      font-size: 20px;
      display: block;
      line-height: 1.2;
      text-transform: uppercase;
      font-weight: bold;
      margin-top: 10px; }

.forwarder .ce_vimeo, .supplier .ce_vimeo {
  margin-bottom: 50px; }

#klaro a {
  color: #eee;
  text-decoration: underline; }
#klaro .cm-header a {
  color: #eee;
  text-decoration: underline; }
#klaro .cm-footer .cm-powered-by {
  display: none; }
#klaro .cm-footer-buttons .cm-btn {
  font-family: inherit;
  border-radius: 0;
  padding: 10px 19px;
  margin: 0 7px;
  text-transform: uppercase;
  cursor: pointer; }
  #klaro .cm-footer-buttons .cm-btn-info {
    background: #555; }
  #klaro .cm-footer-buttons .cm-btn-accept-all {
    background: #00CC00; }
#klaro .cookie-notice {
  z-index: 1000; }
#klaro .cookie-notice .cm-btn.cm-btn-success {
  background-color: #00CC00; }
#klaro .cm-list-input:checked + .cm-list-label .slider {
  background-color: #00CC00; }
#klaro .cm-list-input.half-checked:checked + .cm-list-label .slider {
  opacity: 0.6;
  background-color: #00CC00; }
#klaro .cm-list-input.only-required + .cm-list-label .slider {
  opacity: 0.8;
  background-color: #00CC00; }
#klaro .cm-list-input.required:checked + .cm-list-label .slider {
  opacity: 1;
  background-color: #00CC00; }
#klaro .cm-list-label .slider {
  background-color: #ccc; }
#klaro .cm-list-description {
  color: #fafafa; }
#klaro input:focus + .slider {
  box-shadow: 0 0 1px #00CC00; }

.ie7 .mod_login form table td.col_0 {
  width: 10px;
  white-space: nowrap; }
.ie7 .mod_login form table #password {
  width: 79% !important; }
.ie7 .mod_login .submit_container input {
  top: 28px !important; }

@media screen, projection {
  html {
    height: 100%; }

  body {
    background-color: #FEFEFE;
    font-weight: normal;
    font-family: "Arial", Helvetica, sans-serif;
    height: 100%;
    -webkit-text-size-adjust: none;
    line-height: 1.5em; }

  * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    *:before, *:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }

  a {
    color: #000000;
    text-decoration: underline; }
    a:visited {
      color: #000000; }
    a:hover {
      text-decoration: none; }
    a:focus {
      outline: thin dotted; }

  em, i {
    font-style: italic; }

  strong, b {
    font-weight: 700; }

  input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, textarea:focus {
    background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #999999; }

  input, textarea, select {
    border: 1px solid #999999;
    font-family: "Arial", Helvetica, sans-serif; }

  .main p {
    padding: 8px 0; }

  #wrapper {
    position: relative;
    min-height: 100%;
    overflow: hidden;
    overflow-x: auto; }

  .brand-overview #wrapper {
    background: transparent url("../../files/standard/layout/images/bgr-wrapper.gif") repeat-x top left; }

  .brands #wrapper {
    background: none; }

  .no-bg #wrapper,
  .information #wrapper,
  .material #wrapper {
    background: none; }

  header {
    min-width: 780px;
    height: 95px;
    background: transparent url("../../files/standard/layout/images/bgr-header.gif") repeat-x left top;
    margin: 0 0 15px; }
    header .inside {
      padding: 0 15px;
      text-align: left;
      position: relative; }
    header p.headline {
      font-family: "futura_lt_btlight"; }

  #logo {
    margin: 0;
    padding: 0;
    width: 50%;
    height: 65px;
    float: left; }
    #logo a {
      background: transparent url("../../files/standard/layout/images/logo.gif") no-repeat left top;
      width: 235px;
      height: 65px;
      display: block;
      text-indent: -99999px; }

  .mod_breadcrumb {
    clear: both;
    width: 100%;
    overflow: hidden;
    padding-top: 2px; }
    .mod_breadcrumb ul {
      float: left;
      margin: 0; }
      .mod_breadcrumb ul .info {
        margin-right: 5px; }
      .mod_breadcrumb ul li {
        float: left;
        font-size: 11px; }
        .mod_breadcrumb ul li.active span {
          font-weight: bold; }
        .mod_breadcrumb ul li.delimiter {
          margin: 0 5px; }
        .mod_breadcrumb ul li a {
          text-decoration: none; }

  #user_tooltip {
    top: 37px;
    right: 228px;
    background-color: gray;
    padding: 0 5px;
    position: absolute;
    display: none;
    z-index: 999; }
    #user_tooltip:before {
      border: 5px solid transparent;
      border-bottom-color: gray;
      bottom: 100%;
      content: "";
      display: block;
      height: 0;
      left: 93%;
      margin-left: 2px;
      position: absolute;
      width: 0; }
    #user_tooltip.active {
      display: block; }
    #user_tooltip .password {
      width: 105px;
      float: left;
      padding: 0;
      height: 23px;
      font-size: 11px;
      text-align: center;
      text-transform: inherit; }
      #user_tooltip .password a {
        color: #ffffff;
        padding-left: 12px;
        text-decoration: none;
        background: transparent url("../../files/standard/layout/images/icon-arrow-right.png") no-repeat left center; }
    #user_tooltip .logout {
      width: 50px;
      margin-left: 20px;
      float: right;
      font-size: 11px; }
      #user_tooltip .logout a {
        color: #ffffff;
        padding-left: 12px;
        text-decoration: none;
        background: transparent url("../../files/standard/layout/images/icon-arrow-right.png") no-repeat left center; }

  #current-user {
    font-size: 11px;
    float: right;
    margin-top: 7px;
    margin-right: 10px;
    color: #AC4342; }

  .user {
    float: right;
    margin-right: 25px;
    margin-top: 10px;
    text-indent: -9999px;
    display: block;
    width: 18px;
    height: 18px;
    background: transparent url("../../files/standard/layout/images/user.png") no-repeat center center; }

  .headline {
    float: right;
    clear: right;
    text-transform: uppercase;
    margin-top: -5px; }

  .ce_form.tableless.block {
    float: right;
    margin-right: 25px;
    margin-top: 7px; }
    .ce_form.tableless.block .widget input {
      padding: 3px 5px;
      border: 1px solid #b1b1b1;
      background-color: transparent;
      width: 160px; }
    .ce_form.tableless.block .submit_container input {
      cursor: pointer;
      text-indent: -9999px;
      width: 21px;
      height: 21px;
      border: none;
      position: absolute;
      margin-top: -35px;
      margin-left: 165px;
      display: inline-block;
      vertical-align: top;
      background: transparent url("../../files/standard/layout/images/bgr-submit-search.png") no-repeat center center; }
    .ce_form.tableless.block .submit_container button {
      cursor: pointer;
      text-indent: -9999px;
      width: 21px;
      height: 21px;
      border: none;
      position: absolute;
      margin-top: -35px;
      margin-left: 165px;
      display: inline-block;
      vertical-align: top;
      background: transparent url("../../files/standard/layout/images/bgr-submit-search.png") no-repeat center center; }

  #Subheader {
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 80px;
    margin-top: 80px; }
    #Subheader .inside {
      position: relative;
      text-align: left; }
      #Subheader .inside .mod_pageinfo img {
        float: left;
        display: block; }
      #Subheader .inside .mod_pageinfo .parentTitle {
        font-size: 35px;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 95px;
        margin-left: 25px;
        float: left; }
        #Subheader .inside .mod_pageinfo .parentTitle > span {
          line-height: 1em;
          vertical-align: middle;
          display: inline-block; }
      #Subheader .inside .mod_pageinfo .title {
        font-weight: bold;
        font-size: 14px;
        margin-left: 20px;
        text-transform: uppercase;
        color: #cc3b4c;
        float: left;
        width: 50%;
        padding-top: 13px; }

  #container {
    width: 960px;
    margin: 0 auto;
    padding-bottom: 8em; }
    #container h3 {
      margin: 10px 0 5px;
      font-weight: bold;
      font-size: 15px; }
    #container #left {
      float: left;
      width: 225px; }
      #container #left .inside {
        position: relative;
        text-align: left; }
        #container #left .inside .mod_hofff_navigation_menu {
          margin-bottom: 35px; }
          #container #left .inside .mod_hofff_navigation_menu a:visited {
            text-decoration: underline; }
          #container #left .inside .mod_hofff_navigation_menu ul {
            list-style: none; }
            #container #left .inside .mod_hofff_navigation_menu ul li {
              margin-bottom: 2px;
              font-size: 13px;
              padding: 1px 0 3px 17px;
              background: #fff url("../../files/standard/layout/images/icon-nav.gif") no-repeat left 7px; }
              #container #left .inside .mod_hofff_navigation_menu ul li span {
                color: unset; }
              #container #left .inside .mod_hofff_navigation_menu ul li a {
                text-decoration: none; }
              #container #left .inside .mod_hofff_navigation_menu ul li ul {
                padding-top: 7px; }
                #container #left .inside .mod_hofff_navigation_menu ul li ul li a:active {
                  color: #e30001; }
    #container #main {
      float: right;
      width: 710px; }
      #container #main .inside {
        position: relative;
        text-align: left; }
        #container #main .inside .mod_article {
          line-height: 1.3em; }
          #container #main .inside .mod_article .ce_list {
            font-size: 13px;
            list-style: none; }
          #container #main .inside .mod_article .pdf_link {
            position: absolute;
            right: 0;
            top: -118px; }
            #container #main .inside .mod_article .pdf_link a {
              text-decoration: none;
              background: #fff url("../../files/standard/layout/images/print.png") no-repeat left center;
              padding: 10px 0 10px 35px; }
              #container #main .inside .mod_article .pdf_link a span {
                font-size: 13px; }
                #container #main .inside .mod_article .pdf_link a span:hover {
                  color: #e30001; }
          #container #main .inside .mod_article .image_container figcaption {
            font-size: 13px;
            padding-top: 3px; }
          #container #main .inside .mod_article #material {
            border-collapse: collapse; }
            #container #main .inside .mod_article #material tr {
              font-size: 11px; }
              #container #main .inside .mod_article #material tr th {
                width: 50%;
                text-align: left;
                font-weight: bold;
                background-color: #e9e8ed;
                padding: 2px 5px; }
              #container #main .inside .mod_article #material tr td {
                border-bottom: 1px solid #C9C9C9;
                padding: 10px 0;
                padding-right: 15px; }
                #container #main .inside .mod_article #material tr td img {
                  margin: 5px 0;
                  display: block; }
          #container #main .inside .mod_article h2 {
            margin: 3px 0 15px;
            font-size: 18px; }
          #container #main .inside .mod_article .ce_text p {
            padding: 8px 0;
            font-size: 13px; }
          #container #main .inside .mod_article .ce_text ul {
            font-size: 13px;
            margin-left: 0; }
          #container #main .inside .mod_article .ce_table table {
            width: 100%;
            font-size: 11px;
            margin: 10px 0 15px;
            border: 1px solid black;
            border-spacing: 2px; }
            #container #main .inside .mod_article .ce_table table thead {
              margin: 0;
              padding: 0;
              border: 0; }
              #container #main .inside .mod_article .ce_table table thead tr th {
                border: 1px solid #fff;
                padding: 2px 5px;
                text-align: left;
                font-weight: bold;
                background-color: #e9e8ed; }
            #container #main .inside .mod_article .ce_table table tbody {
              margin: 0;
              padding: 0;
              border: 0; }
              #container #main .inside .mod_article .ce_table table tbody tr td {
                border: 1px solid #fff;
                padding: 10px 0 0 10px;
                border-bottom: 1px solid #C9C9C9; }
              #container #main .inside .mod_article .ce_table table tbody tr.row_last td {
                border-bottom: 0; }
          #container #main .inside .mod_article .ce_download {
            width: 100%; }
            #container #main .inside .mod_article .ce_download img {
              float: left;
              margin-right: 5px; }
            #container #main .inside .mod_article .ce_download a {
              font-size: 13px; }

  .imprint #Subheader {
    display: none; }

  .imprint ul li span {
    width: 70px; }

  #impressum .ce_list ul {
    list-style: none;
    padding: 0;
    margin: 10px 0 10px; }
    #impressum .ce_list ul li span {
      float: left;
      width: 50px; }
  #impressum .ce_list.legal span {
    width: 100px; }

  #datenschutz .ce_list ul {
    margin: 0; }

  .onecolumn.guest .headline {
    margin-top: 35px; }

  #main form {
    font-size: 13px; }
    #main form .fields label {
      float: left;
      width: 22%;
      padding-top: 4px; }
    #main form .fields input, #main form .fields select {
      padding: 3px 5px;
      border: 3px double #FFFFFF;
      background-color: #E7E7E7;
      width: 53%;
      margin-bottom: 3px; }
    #main form .fields .checkbox_container {
      margin-top: 20px;
      margin-left: 176px; }
      #main form .fields .checkbox_container legend {
        display: none; }
      #main form .fields .checkbox_container span input {
        width: 4%; }
      #main form .fields .checkbox_container span label {
        float: none;
        width: auto; }
    #main form .submit_container input {
      cursor: pointer;
      padding: 3px 5px;
      border: 3px double #FFFFFF;
      background-color: #E7E7E7;
      margin-left: 22%; }

  #upload .ce_form {
    float: none;
    margin: 0; }
    #upload .ce_form form {
      margin: 0; }
      #upload .ce_form form input {
        border: none;
        padding: 0;
        width: auto;
        text-indent: 0; }
      #upload .ce_form form .submit_container input {
        padding: 3px 5px;
        border: 3px double #FFFFFF;
        background: #E7E7E7;
        cursor: pointer;
        margin: 0;
        height: auto; }

  .mandatory-text {
    padding-top: 8px;
    margin-top: 10px;
    padding-left: 22%;
    font-size: 13px; }

  .register-password .headline {
    margin-top: 35px; }

  .onecolumn #container #main {
    width: 820px;
    margin: 0 auto;
    line-height: 1.3em;
    float: none; }
    .onecolumn #container #main .mod_faqlist {
      font-size: 13px; }
      .onecolumn #container #main .mod_faqlist h2 {
        display: none; }
      .onecolumn #container #main .mod_faqlist ul {
        list-style: none;
        padding: 0;
        margin: 0; }
        .onecolumn #container #main .mod_faqlist ul li {
          padding: 2px 4px;
          background-color: #F5F5F6;
          border: 1px solid #F5F5F6;
          margin: 0 0 10px;
          -webkit-border-radius: 2px; }
    .onecolumn #container #main .mod_faqreader {
      font-size: 13px; }
      .onecolumn #container #main .mod_faqreader h1 {
        color: #E10001;
        margin-top: 30px;
        font-size: 13px; }
      .onecolumn #container #main .mod_faqreader .ce_text {
        padding: 0 4px;
        background-color: #F5F5F6;
        border: 1px solid #F5F5F6;
        margin: 10px 0 0;
        -webkit-border-radius: 2px; }
      .onecolumn #container #main .mod_faqreader .info {
        display: none; }
      .onecolumn #container #main .mod_faqreader .back {
        padding: 2px 4px 4px;
        background-color: #F5F5F6;
        border: 1px solid #F5F5F6;
        margin: 0;
        -webkit-border-radius: 2px; }
  .onecolumn .ce_hyperlink {
    font-size: 12px;
    text-align: center;
    margin-top: 80px; }
    .onecolumn .ce_hyperlink a {
      text-decoration: none; }
      .onecolumn .ce_hyperlink a span {
        color: #AC4342;
        font-weight: bold; }
  .onecolumn .ce_downloads {
    font-size: 13px; }
    .onecolumn .ce_downloads table {
      width: 100%;
      margin-bottom: 30px;
      border-collapse: collapse; }
      .onecolumn .ce_downloads table th {
        padding: 0px 7px 3px;
        cursor: pointer;
        text-decoration: underline;
        font-weight: bold; }
      .onecolumn .ce_downloads table td {
        background-color: #F5F5F6;
        padding: 3px 7px;
        border-bottom: 3px solid #fff; }
  .onecolumn .mod_article .ce_image {
    margin-bottom: 30px; }
  .onecolumn.resource #container h3 {
    font-weight: bold;
    margin: 5px 0 20px;
    padding-bottom: 5px;
    text-transform: uppercase;
    border-bottom: 1px solid #c9c9c9; }

  .resource table {
    margin: 0;
    margin-bottom: 30px !important;
    border-collapse: collapse;
    border: 0 !important;
    font-size: 13px !important; }
    .resource table caption {
      display: none; }
  .resource th {
    padding: 0px 7px 3px;
    cursor: pointer;
    text-decoration: underline;
    border: 0;
    padding: 0;
    background-color: transparent !important; }
    .resource th.head_1 {
      text-align: center !important; }
  .resource td.col_0 {
    text-align: left;
    background-color: #F5F5F6;
    padding: 3px 7px;
    border: 0 !important;
    border-bottom: 3px solid #fff !important; }
  .resource td.col_1 {
    background-color: #F5F5F6;
    padding: 3px 7px;
    border: 0 !important;
    border-bottom: 3px solid #fff !important;
    font-size: 20px !important;
    text-align: center !important;
    width: 100px;
    vertical-align: middle; }
  .resource .data ul {
    margin: 2px 0;
    list-style: none;
    padding: 5px 0 8px; }
    .resource .data ul li {
      padding: 0; }
    .resource .data ul span {
      float: left;
      width: 60px; }

  nav li .submenu ul {
    background-color: #ffffff;
    z-index: 100; }
    nav li .submenu ul .hover, nav li .submenu ul:hover {
      display: block; }
  nav li .submenu li {
    float: none; }
  nav li:hover ul, nav li:hover li {
    display: block; }

  .clearfix {
    *zoom: 1; }
    .clearfix:before, .clearfix:after {
      content: " ";
      display: table; }
    .clearfix:after {
      clear: both; } }
#footer {
  position: absolute;
  margin-top: -24px;
  height: 28px;
  width: 100%;
  bottom: 0;
  font-family: "futura_lt_btlight";
  background: transparent url("../../files/standard/layout/images/bgr-footer.gif") repeat-x bottom left;
  border-bottom: 4px solid #c9cbcd; }
  #footer .inside {
    padding: 2px 15px;
    height: 28px;
    overflow: hidden;
    position: relative;
    text-align: left; }
    #footer .inside p {
      text-transform: uppercase;
      float: left;
      width: 250px;
      font-size: 12px;
      margin-top: 3px; }
    #footer .inside .mod_hofff_navigation_menu {
      width: 752px;
      float: right; }
      #footer .inside .mod_hofff_navigation_menu ul {
        float: right;
        padding-top: 9px; }
        #footer .inside .mod_hofff_navigation_menu ul li {
          font-size: 12px;
          text-transform: uppercase;
          float: left;
          border-right: 1px solid #525252;
          line-height: 1.2em;
          margin-right: 10px;
          padding-right: 10px; }
          #footer .inside .mod_hofff_navigation_menu ul li.last {
            border: none;
            margin: 0;
            padding: 0; }
          #footer .inside .mod_hofff_navigation_menu ul li a {
            text-decoration: none;
            display: block; }
    #footer .inside .mod_quicknav {
      position: absolute;
      top: 3px;
      left: 290px; }
      #footer .inside .mod_quicknav input {
        font-size: 99%; }
      #footer .inside .mod_quicknav .select {
        padding: 1px 1px;
        border-radius: 3px;
        border: 1px solid #c9cbcd;
        font-size: 10px;
        width: 120px; }
      #footer .inside .mod_quicknav .submit {
        display: none; }

#logging-language {
  position: absolute;
  top: 11px;
  left: 210px;
  width: 100px; }
  #logging-language ul {
    list-style: none;
    overflow: hidden; }
    #logging-language ul li {
      font-size: 11px;
      text-transform: uppercase;
      float: left;
      border-right: 1px solid #525252;
      line-height: 1.2em;
      margin-right: 10px;
      padding-right: 10px; }
      #logging-language ul li.first {
        margin-right: 0;
        padding-right: 0;
        border-right: 0; }
      #logging-language ul li a {
        text-decoration: none; }
      #logging-language ul li.lang-en {
        border-right: none; }

body.material h2, body.material h3 {
  font-family: 'futura_md_btbold'; }

.labels #main table {
  width: 100%;
  font-size: 11px;
  margin: 10px 0 15px;
  border: 1px solid black; }
  .labels #main table img {
    max-width: none; }
.labels #main .ce_gallery table,
.labels table#material {
  border: none; }
.labels #main table th {
  text-align: left;
  font-weight: bold;
  background-color: #e9e8ed; }
.labels #main table th,
.labels #main table td {
  border: 1px solid #fff;
  padding: 2px 5px; }
.labels #main table#material {
  border-collapse: collapse; }
.labels #main #adress table td.col_last {
  width: 20%; }
.labels #main #adress table td.col_0 {
  padding-left: 10px; }
.labels #main table#material td.col1,
.labels #main table#material td.col3 {
  padding-right: 15px; }
.labels #main #adress table tr td,
.labels #main table#material tr td {
  border-bottom: 1px solid #C9C9C9;
  padding: 10px 0; }
.labels #main #adress table tr.row_last td,
.labels #main table#material tr.row_last td {
  border: none; }
.labels #main table#material th {
  width: 50%; }
.labels #main table#material td {
  padding-right: 10px; }
.labels #main table#material td strong {
  margin-bottom: 3px;
  display: block; }

.information #Subheader {
  display: none; }

.data-protection #Subheader {
  display: none; }
.data-protection #container h3 {
  font-weight: normal; }

.onboarding .ce_download img {
  margin: 5px 0;
  float: none; }

.onecolumn .ce_downloads + h3 {
  margin-top: 30px !important; }

span.newfile {
  color: red;
  margin-left: 10px; }

.search-results .mod_search {
  float: right;
  margin-top: 5px; }
.search-results .mod_search input[type="search"] {
  padding: 3px 5px;
  border: 1px solid #b1b1b1;
  background-color: transparent;
  height: auto;
  max-width: none;
  width: auto;
  border-radius: 0; }
.search-results .mod_search input[type="submit"] {
  cursor: pointer;
  text-indent: -9999px;
  width: 21px;
  height: 21px;
  margin-left: 5px;
  display: inline-block;
  vertical-align: top;
  background: transparent url(../../files/standard/layout/images/bgr-submit-search.png) no-repeat center center;
  border: none; }
.search-results .mod_search p.header {
  color: #000; }
.search-results #main .mod_search {
  float: none;
  text-align: left; }

.highlight {
  padding: 0 5px;
  background: #ea4b4b;
  color: #fff; }

.pdf_link {
  position: absolute;
  top: -118px;
  right: 0; }

.pdf_link a {
  text-decoration: none; }

.pdf_link img, .pdf_link span {
  display: inline-block !important;
  vertical-align: middle; }

.pdf_link img {
  margin-right: 10px; }

.faq #Subheader,
.termsofuse #Subheader,
.register-password #Subheader,
.search-results #Subheader {
  display: none; }

.mod_search .formbody .submit_container button {
  cursor: pointer;
  text-indent: -9999px;
  width: 21px;
  height: 21px;
  margin-left: 180px;
  margin-top: -30px;
  display: inline-block;
  vertical-align: top;
  background: transparent url(../../files/standard/layout/images/bgr-submit-search.png) no-repeat center center;
  border: 0; }

.inside .widget p.error {
	color: red;
}
.inside form .fields .widget input.error {
  border-color: red  !important; /* Ein auffälliger, roter Rahmen */
}
/*# sourceMappingURL=style.css.map */

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 8, 2016 */



@font-face {
    font-family: 'futurabtbook';
    src: url('../../files/standard/layout/fonts/FuturaBTBook/futurabt-book.eot');
    src: url('../../files/standard/layout/fonts/FuturaBTBook/futurabt-book.eot?#iefix') format('embedded-opentype'),
         url('../../files/standard/layout/fonts/FuturaBTBook/futurabt-book.woff2') format('woff2'),
         url('../../files/standard/layout/fonts/FuturaBTBook/futurabt-book.woff') format('woff'),
         url('../../files/standard/layout/fonts/FuturaBTBook/futurabt-book.ttf') format('truetype'),
         url('../../files/standard/layout/fonts/FuturaBTBook/futurabt-book.svg#futurabtbook') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 7, 2016 */



@font-face {
    font-family: 'futura_lt_btlight';
    src: url('../../files/standard/layout/fonts/Futura Lt BT/FuturaLtBt-webfont/f-bt-light.eot');
    src: url('../../files/standard/layout/fonts/Futura Lt BT/FuturaLtBt-webfont/f-bt-light.eot?#iefix') format('embedded-opentype'),
         url('../../files/standard/layout/fonts/Futura Lt BT/FuturaLtBt-webfont/f-bt-light.woff2') format('woff2'),
         url('../../files/standard/layout/fonts/Futura Lt BT/FuturaLtBt-webfont/f-bt-light.woff') format('woff'),
         url('../../files/standard/layout/fonts/Futura Lt BT/FuturaLtBt-webfont/f-bt-light.ttf') format('truetype'),
         url('../../files/standard/layout/fonts/Futura Lt BT/FuturaLtBt-webfont/f-bt-light.svg#futura_lt_btlight') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 7, 2014 */



@font-face {
    font-family: 'futura_md_btbold';
    src: url('../../files/standard/layout/fonts/Futura MD BT/futurabt-bold.eot');
    src: url('../../files/standard/layout/fonts/Futura MD BT/futurabt-bold.eot?#iefix') format('embedded-opentype'),
         url('../../files/standard/layout/fonts/Futura MD BT/futurabt-bold.woff2') format('woff2'),
         url('../../files/standard/layout/fonts/Futura MD BT/futurabt-bold.woff') format('woff'),
         url('../../files/standard/layout/fonts/Futura MD BT/futurabt-bold.ttf') format('truetype'),
         url('../../files/standard/layout/fonts/Futura MD BT/futurabt-bold.svg#futura_md_btbold') format('svg');
    font-weight: normal;
    font-style: normal;

}