/**
 * HENKEL library css
 */
/* @author: Heimann, ACHTGRAU
 *          Schultz, T-MMS
 */
@media all {
  html,
  body {
    border: 0;
    font-size: 100%;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
  }
  #ui div,
  #ui span,
  #ui object,
  #ui iframe,
  #ui h1,
  #ui h2,
  #ui h3,
  #ui h4,
  #ui h5,
  #ui h6,
  #ui p,
  #ui blockquote,
  #ui pre,
  #ui abbr,
  #ui address,
  #ui cite,
  #ui code,
  #ui del,
  #ui dfn,
  #ui em,
  #ui img,
  #ui ins,
  #ui kbd,
  #ui q,
  #ui samp,
  #ui small,
  #ui strong,
  #ui sub,
  #ui sup,
  #ui var,
  #ui b,
  #ui i,
  #ui dl,
  #ui dt,
  #ui dd,
  #ui ol,
  #ui ul,
  #ui li,
  #ui fieldset,
  #ui form,
  #ui label,
  #ui legend,
  #ui table,
  #ui caption,
  #ui tbody,
  #ui tfoot,
  #ui thead,
  #ui tr,
  #ui th,
  #ui td,
  #ui article,
  #ui aside,
  #ui canvas,
  #ui details,
  #ui figcaption,
  #ui figure,
  #ui footer,
  #ui header,
  #ui hgroup,
  #ui menu,
  #ui nav,
  #ui section,
  #ui summary,
  #ui time,
  #ui mark,
  #ui audio,
  #ui video {
    border: 0;
    font-size: 100%;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
  }
  #ui article,
  #ui aside,
  #ui details,
  #ui figcaption,
  #ui figure,
  #ui footer,
  #ui header,
  #ui hgroup,
  #ui menu,
  #ui nav,
  #ui section,
  #ui summary {
    display: block;
  }
  #ui details summary::-webkit-details-marker {
    display: none;
  }
  #ui h1,
  #ui h2,
  #ui h3,
  #ui h4,
  #ui h5,
  #ui h6 {
    font-weight: bold;
    line-height: 1.0;
  }
  #ui address {
    display: block;
    font-style: normal;
  }
  #ui blockquote {
    clear: left;
    font-style: normal;
  }
  #ui blockquote,
  #ui q {
    quotes: none;
  }
  #ui blockquote:before,
  #ui blockquote:after,
  #ui q:before,
  #ui q:after {
    content: "";
    content: none;
  }
  #ui ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
  }
  #ui mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
  }
  #ui del {
    text-decoration: line-through;
  }
  #ui abbr[title],
  #ui dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
  }
  #ui code,
  #ui kbd,
  #ui pre,
  #ui samp {
    font-family: monospace, sans-serif;
  }
  #ui pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
    padding: 15px;
  }
  #ui b,
  #ui strong {
    font-weight: bold;
  }
  #ui em {
    font-style: normal;
  }
  #ui i {
    font-style: italic;
  }
  #ui small {
    font-size: 85%;
  }
  #ui sub,
  #ui sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
  }
  #ui sup {
    top: -0.5em;
  }
  #ui sub {
    bottom: -0.25em;
  }
  #ui ol {
    list-style-type: decimal;
  }
  #ui nav ul,
  #ui nav li {
    list-style: none;
  }
  #ui table {
    border-collapse: collapse;
    border-spacing: 0;
    caption-side: top;
    clear: left;
    empty-cells: show;
  }
  #ui caption,
  #ui th {
    font-weight: bold;
  }
  #ui td {
    vertical-align: top;
  }
  #ui iframe {
    border: none;
    display: block;
    overflow: hidden;
  }
  #ui hr {
    border: 0;
    border-top: 1px solid #ccc;
    display: block;
    height: 1px;
    margin: 1em 0;
    padding: 0;
  }
  #ui img {
    border: none;
    display: block;
  }
  #ui fieldset {
    border: none;
  }
  #ui legend {
    font-weight: bold;
  }
  #ui label {
    display: block;
  }
  #ui input,
  #ui select {
    vertical-align: middle;
  }
  #ui button,
  #ui input,
  #ui select,
  #ui textarea {
    display: block;
    font: 99% sans-serif;
    margin: 0;
    -webkit-appearance: none;
  }
  #ui textarea {
    overflow: auto;
  }
  #ui optgroup {
    font-style: normal;
    font-weight: bold;
    padding: 0 0 0 .5em;
  }
  #ui button {
    overflow: visible;
    width: auto;
  }
  #ui input[type="radio"] {
    vertical-align: text-bottom;
  }
  #ui input[type="checkbox"] {
    vertical-align: bottom;
  }
  #ui button,
  #ui label,
  #ui select {
    cursor: pointer;
  }
  #ui input[type="button"],
  #ui input[type="checkbox"],
  #ui input[type="image"],
  #ui input[type="radio"],
  #ui input[type="reset"],
  #ui input[type="submit"] {
    cursor: pointer;
  }
  #ui input:invalid,
  #ui textarea:invalid {
    -webkit-box-shadow: 0 0 5px 0 #f00;
    -moz-box-shadow: 0 0 5px 0 #f00;
    box-shadow: 0 0 5px 0 #f00;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
  }
  .no-boxshadow #ui input:invalid,
  .no-boxshadow #ui textarea:invalid {
    background-color: #f0dddd;
  }
  #ui ::-moz-selection {
    background: #0080ff;
    color: #fff;
    text-shadow: none;
  }
  #ui ::selection {
    background: #0080ff;
    color: #fff;
    text-shadow: none;
  }
  body {
    font: 10px/1.5 sans-serif;
  }
  body,
  #ui select,
  #ui input,
  #ui textarea {
    color: #444;
    font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
  }
}
@media screen, projection {
  html {
    overflow-y: scroll;
  }
  #ui a {
    background-color: transparent;
    cursor: pointer;
    text-decoration: none;
  }
  #ui a:link,
  #ui a:visited {
    -webkit-tap-highlight-color: transparent;
    color: #00f;
  }
  #ui a:hover {
    color: #666;
    text-decoration: underline;
  }
  #ui a:active,
  #ui a:focus {
    background-color: #00f;
    color: #fff;
    text-decoration: none;
  }
  #ui a:hover,
  #ui a:active {
    outline: none;
  }
}
@media print {
  @page {
    margin: .5cm;
  }
  #ui * {
    background-color: transparent;
    color: #000 !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
    -webkit-print-color-adjust: exact;
  }
  #ui a,
  #ui a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  #ui .ir a:after,
  #ui a[href^="javascript:"]:after,
  #ui a[href^="#"]:after {
    content: "";
  }
  #ui h1,
  #ui h2,
  #ui h3,
  #ui h4,
  #ui h5,
  #ui h6 {
    page-break-after: avoid;
    page-break-inside: avoid;
  }
  #ui p,
  #ui h2,
  #ui h3 {
    orphans: 3;
    widows: 3;
  }
  #ui abbr[title]:after {
    content: " (" attr(title) ")";
  }
  #ui blockquote,
  #ui pre {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  #ui thead {
    display: table-header-group;
  }
  #ui img,
  #ui fieldset,
  #ui tr {
    page-break-inside: avoid;
  }
}
@media screen and (max-width: 1024px), screen and (max-device-width: 1024px) {
  html,
  body {
    height: 100%;
  }
  body {
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
  }
}
@media all {
  #ui .ir {
    background-repeat: no-repeat;
    direction: ltr;
    display: block;
    overflow: hidden;
    text-align: left;
    text-indent: -999em;
  }
  #ui .hd {
    display: none;
  }
  #ui .inv {
    visibility: hidden;
  }
  #ui .rd {
    left: -5000px;
    overflow: hidden;
    position: absolute;
  }
  #ui .rd.focusable:active,
  #ui .rd.focusable:focus {
    left: auto;
  }
  #ui .show {
    visibility: visible;
  }
  #ui .cl:before,
  #ui .cl:after {
    content: "";
    display: table;
  }
  #ui .cl:after {
    clear: both;
  }
  #ui .pie {
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
    position: relative;
  }
  #ui div.ghost {
    display: none !important;
  }
  #ui .heli__svg-sprites {
    display: block;
    position: absolute;
    left: -9999em;
  }
  #heli > .tracking.etracker {
    height: 0;
    overflow: hidden;
  }
}
@media all {
  #ui .h-nav {
    list-style-type: none;
  }
  #ui .h-nav li {
    float: left;
    width: auto;
  }
  #ui .h-nav li a,
  #ui .h-nav li strong {
    display: block;
    line-height: 1.0;
  }
}
@media screen and (max-width: 640px), screen and (max-device-width: 640px) {
  #ui #navbar .main-nav .hide-on-mobile {
    display: none;
  }
}
@font-face {
  font-family: 'heli-icons';
  src: url('../../designs/henkel-lib/common/font/heli/heli-icons.eot?55875912');
  src: url('../../designs/henkel-lib/common/font/heli/heli-icons.eot?55875912#iefix') format('embedded-opentype'), url('../../designs/henkel-lib/common/font/heli/heli-icons.woff2?38951434') format('woff2'), url('../../designs/henkel-lib/common/font/heli/heli-icons.woff?55875912') format('woff'), url('../../designs/henkel-lib/common/font/heli/heli-icons.ttf?55875912') format('truetype'), url('../../designs/henkel-lib/common/font/heli/heli-icons.svg?55875912#heli-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="heli-icon-"]:before,
[class*=" heli-icon-"]:before {
  font-family: "heli-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: left;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.heli-icon-search-1:before {
  content: '\e800';
}
.heli-icon-zoom-in:before {
  content: '\e801';
}
.heli-icon-zoom-out:before {
  content: '\e802';
}
.heli-icon-download:before {
  content: '\e803';
}
.heli-icon-menu:before {
  content: '\e804';
}
.heli-icon-down-open-1:before {
  content: '\e805';
}
.heli-icon-left-open-1:before {
  content: '\e806';
}
.heli-icon-right-open-1:before {
  content: '\e807';
}
.heli-icon-up-open-1:before {
  content: '\e808';
}
.heli-icon-upload:before {
  content: '\e809';
}
.heli-icon-ccw:before {
  content: '\e80a';
}
.heli-icon-facebook:before {
  content: '\e80b';
}
.heli-icon-play:before {
  content: '\e80c';
}
.heli-icon-flickr:before {
  content: '\e80d';
}
.heli-icon-ok-circled:before {
  content: '\e80e';
}
.heli-icon-ok:before {
  content: '\e80f';
}
.heli-icon-cancel-1:before {
  content: '\e810';
}
.heli-icon-plus-1:before {
  content: '\e811';
}
.heli-icon-linkedin:before {
  content: '\e812';
}
.heli-icon-tumblr:before {
  content: '\e813';
}
.heli-icon-googleplus:before {
  content: '\e814';
}
.heli-icon-mail:before {
  content: '\e815';
}
.heli-icon-pinterest:before {
  content: '\e816';
}
.heli-icon-left:before {
  content: '\e817';
}
.heli-icon-right:before {
  content: '\e818';
}
.heli-icon-basedesign_acc-close:before {
  content: '\e819';
}
.heli-icon-basedesign_acc-open:before {
  content: '\e81a';
}
.heli-icon-basedesign_dwl-neg:before {
  content: '\e81b';
}
.heli-icon-basedesign_dwl-pos:before {
  content: '\e81c';
}
.heli-icon-basedesign_fachberater:before {
  content: '\e81d';
}
.heli-icon-basedesign_play-neg:before {
  content: '\e81e';
}
.heli-icon-basedesign_play-pos:before {
  content: '\e81f';
}
.heli-icon-basedesign_txt-neg:before {
  content: '\e820';
}
.heli-icon-basedesign_txt-pos:before {
  content: '\e821';
}
@media all {
  #ui .cookieoverlay {
    background-color: #999999;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 30;
  }
  #ui .cookienote {
    -webkit-box-shadow: 6px 6px 5px 0 rgba(51, 51, 51, 0.2);
    -moz-box-shadow: 6px 6px 5px 0 rgba(51, 51, 51, 0.2);
    box-shadow: 6px 6px 5px 0 rgba(51, 51, 51, 0.2);
    background-color: #ffffff;
    display: none;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10001;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
  }
  #ui .cookienote.note {
    width: 100%;
  }
  #ui .cookienote .cookie {
    font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
    margin: 0 auto;
    max-width: 960px;
    padding: 15px 0 15px;
    position: relative;
  }
  #ui .cookienote .cookie .teaser {
    background: none;
    background-color: #ffffff;
    behavior: unset;
    border-radius: 0;
    border: 0;
    color: #000000;
    height: auto;
    margin: 0;
    padding: 0;
    top: auto;
    width: 100%;
  }
  #ui .cookienote .cookie .teaser:hover h4,
  #ui .cookienote .cookie .teaser:focus h4,
  h4 .textblock #ui .cookienote .cookie .teaser:hover,
  h4 .textblock #ui .cookienote .cookie .teaser:focus {
    color: #5f6973;
  }
  #ui .cookienote .cookie .teaser > div {
    background: none;
    padding: 0;
  }
  #ui .cookienote .cookie .teaser > div .textblock h3,
  #ui .cookienote .cookie .teaser > div .textblock h4 {
    display: block;
  }
  #ui .cookienote .cookie .teaser .textblock {
    background: none;
    bottom: auto;
    height: 100%;
    margin: 0;
    min-height: auto;
    padding: 0;
    position: static;
    width: 100%;
  }
  #ui .cookienote .cookie .teaser .textblock:after {
    display: none;
  }
  #ui .cookienote .cookie .teaser h3,
  h3 .textblock #ui .cookienote .cookie .teaser {
    background: none;
    border: 0;
    color: #000000;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    line-height: 1;
    margin-left: 0;
    margin-bottom: 0;
    padding: 0 30px 0 0;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
  }
  #ui .cookienote .cookie .teaser h4,
  #ui .cookienote .cookie .teaser .textblock h4 {
    background: none;
    border: 0;
    color: #5f6973;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    display: inline;
    line-height: 1.5;
    margin-left: 0;
    padding: 0 30px 0 0;
    text-indent: 0;
    text-transform: none;
  }
  #ui .cookienote .cookie .teaser h4:hover,
  #ui .cookienote .cookie .teaser .textblock h4:hover,
  #ui .cookienote .cookie .teaser h4:focus,
  #ui .cookienote .cookie .teaser .textblock h4:focus {
    color: #5f6973;
  }
  #ui .cookienote .cookie .teaser p,
  #ui .cookienote .cookie .teaser .textblock p,
  #ui .cookienote .cookie .teaser .textimage p {
    background: none;
    border: 0;
    color: #5f6973;
    font-size: 12px;
    font-weight: normal;
    margin-left: 0;
    padding: 0 30px 0 0;
  }
  #ui .cookienote .cookie .teaser .textblock .text a {
    background-image: none;
    color: #5f6973;
    display: inline;
    padding: 0;
    text-decoration: underline;
  }
  #ui .cookienote .cookie .teaser .textblock .text a:after {
    display: none;
  }
  #ui .cookienote .cookie .teaser .text,
  #ui .cookienote .cookie .teaser .textblock .text,
  #ui .cookienote .cookie .teaser .textimage {
    background: none;
    border: 0;
    color: #5f6973;
    display: block;
    font-size: 12px;
    margin: 7px 0;
    padding: 0;
  }
  #ui .cookienote .cookie .teaser .button {
    position: relative;
    width: 100%;
  }
  #ui .cookienote .cookie .teaser figure.image {
    display: none;
  }
  #ui .cookienote .cookie .teaser .rendermode_imageLast {
    background: none;
    min-height: initial;
  }
  #ui .cookienote .cookie .teaser .rendermode_imageLast .textblock .text {
    display: block;
  }
  #ui .cookienote .cookie .teaser .rendermode_imageLast .textblock h3 {
    color: #000000;
    margin-bottom: 0;
    text-transform: none;
  }
  #ui .cookienote .cookie .teaser .rendermode_imageFirst.default .image ~ .textblock,
  #ui .cookienote .cookie .teaser .rendermode_imageFirst.image-full .image ~ .textblock {
    border-top: 0;
  }
  #ui .cookienote .cookie .teaser .rendermode_imageFirst.image-full .textblock,
  #ui .cookienote .cookie .teaser .rendermode_imageFirst.default .textblock {
    margin: 0;
    padding: 0;
  }
  #ui .cookienote .cookie a.button {
    color: #5f6973;
    font-size: 10px;
    text-transform: none;
    padding: 0;
  }
  #ui .cookienote .cookie .cookie-buttons {
    margin-top: 5px;
  }
  #ui .cookienote .cookie .cookie-buttons .cookienote-button {
    display: inline-block;
  }
  #ui .cookienote .cookie .cookie-buttons .cookienote-button button {
    background-color: transparent;
    font-size: 12px;
  }
  #ui .cookienote .cookie .cookie-buttons .cookienote-button button:after:hover,
  #ui .cookienote .cookie .cookie-buttons .cookienote-button button:after:focus {
    opacity: 0.5;
  }
  #ui .cookienote .cookie .cookie-buttons .cookienote-button.accept {
    margin-right: 20px;
  }
  #ui .cookienote .cookie .cookie-buttons .cookienote-button.accept button {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    background-color: #dc291e;
    border-radius: 0;
    border: 0;
    border: 1px solid #999999;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    padding: 7px 15px;
    min-width: 150px;
  }
  #ui .cookienote .cookie .cookie-buttons .cookienote-button.accept button:hover,
  #ui .cookienote .cookie .cookie-buttons .cookienote-button.accept button:focus {
    background-color: #ffffff;
    color: #dc291e;
  }
  #ui .cookienote .cookie .cookie-buttons .cookienote-button.details {
    border: 0;
  }
  #ui .cookienote .cookie .cookie-buttons .cookienote-button.details button {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    background: none;
    background-color: transparent;
    border-radius: 0;
    border: 0;
    color: #ffffff;
    display: block;
    font-weight: bold;
    padding: 7px 15px;
    min-width: 150px;
  }
  #ui .cookienote .cookie .cookie-buttons .cookienote-button.hint {
    display: block;
  }
  #ui .cookienote .cookie .cookie-buttons .cookienote-button.close {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    background: none;
    background-color: #999999;
    border-radius: 20px;
    border: 0;
    color: #ffffff;
    font-weight: bold;
    padding: 0;
    display: block;
    border-radius: 12px;
    height: 18px;
    position: absolute;
    top: 15px;
    right: 0;
    width: 19px;
  }
  #ui .cookienote .cookie .cookie-buttons .cookienote-button.close:before {
    color: white;
    display: inline-block;
    font-size: 14px;
    margin: 2px 3px;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 14px;
  }
  #ui .cookienote .cookie .cookie-buttons .cookienote-button.close:hover,
  #ui .cookienote .cookie .cookie-buttons .cookienote-button.close:focus {
    background-color: #dc291e;
  }
  #ui .cookienote .cookie .cookie-buttons .cookienote-button.close button {
    background: none;
    border: 0;
    height: 100%;
    position: absolute;
    width: 100%;
  }
  #ui .cookienote .cookie .cookie-buttons .cookienote-button.close button span {
    display: none;
    visibility: hidden;
  }
  #ui .cookienote .cookie .cookie-buttons .details {
    color: #000000;
    display: inline-block;
    margin-top: 0;
    position: relative;
  }
  #ui .cookienote .cookie .cookie-buttons .details:before {
    position: absolute;
    top: 4px;
  }
  #ui .cookienote .cookie .cookie-buttons .details:hover,
  #ui .cookienote .cookie .cookie-buttons .details:active,
  #ui .cookienote .cookie .cookie-buttons .details:focus {
    color: #dc291e;
    background: none;
  }
  #ui .cookienote .cookie .cookie-buttons .details a {
    background: none;
    border: 0;
    color: #000000;
    display: block;
    line-height: inherit;
    font-size: 12px;
    font-weight: bold;
    margin-left: 18px;
    text-decoration: none;
    text-transform: none;
  }
  #ui .cookienote .cookie .cookie-buttons .details a:hover,
  #ui .cookienote .cookie .cookie-buttons .details a:active,
  #ui .cookienote .cookie .cookie-buttons .details a:focus {
    color: #dc291e;
    background: none;
    text-decoration: underline;
  }
}
@media screen and (max-width: 1024px), screen and (max-device-width: 1024px) {
  #ui .cookienote .cookie {
    padding-left: 20px;
    padding-right: 20px;
  }
  #ui .cookienote .cookie .cookie-buttons .cookienote-button.close button {
    right: 20px;
  }
  #ui .cookienote .teaser .rendermode_imageLast .cookienote-button {
    position: absolute;
  }
}
@media screen and (max-width: 640px), screen and (max-device-width: 640px) {
  #ui .cookienote .cookie .cookie-buttons .cookienote-button.details {
    margin-top: 10px;
  }
}
@media all {
  #ui .switch .cookie.switch input[type="checkbox"] {
    -webkit-appearance: checkbox;
  }
  #ui .switch .cookie.switch .form {
    -webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
    background: none;
    border: none;
    padding: 0;
  }
  #ui .switch .cookie.switch .textimage {
    margin: 0;
  }
  #ui .switch .cookie.switch .buttons {
    margin-bottom: 15px;
    position: relative;
    width: 100%;
  }
  #ui .switch .cookie.switch .buttons button {
    border: 1px solid #d7dde0;
    background-color: #fff;
    color: #415055;
    padding: 6px 12px;
    font-size: 12px;
  }
  #ui .switch .cookie.switch .buttons button:hover,
  #ui .switch .cookie.switch .buttons button.hover {
    background-color: #e3000f;
    color: #fff;
  }
  #ui .switch .cookie.switch .buttons .button {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: none;
    display: inline-block;
    padding: 0;
  }
  #ui .switch .cookie.switch .buttons .button.active button {
    background-color: #4ea1db;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2d71c2), color-stop(1, #4ea1db));
    background-image: -moz-linear-gradient(center top, #2d71c2 0, #4ea1db 100%);
    background-image: -ms-linear-gradient(top, #2d71c2 0, #4ea1db 100%);
    background-image: -o-linear-gradient(top, #2d71c2 0, #4ea1db 100%);
    background-image: linear-gradient(top, #2d71c2 0, #4ea1db 100%);
    -pie-background: linear-gradient(#2d71c2 0, #4ea1db 100%);
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
    position: relative;
    color: #fff;
  }
  #ui .switch .cookie.switch .toggle.indeterminate .toggle-button {
    background: #fff;
  }
  #ui .switch .cookie.switch .toggle.indeterminate input[type="checkbox"] + label .toggle-button span.off,
  #ui .switch .cookie.switch .toggle.indeterminate input[type="checkbox"] + label .toggle-button .toggle-tab span {
    color: #444;
    display: block;
    font-weight: normal;
  }
  #ui .switch .cookie.switch .toggle.indeterminate input[type="checkbox"] + label .toggle-button .toggle-tab {
    background: none;
    border-right: none;
    margin-top: -27px;
  }
  #ui .switch .cookie.switch .toggle.indeterminate input[type="checkbox"] + label .toggle-button .toggle-tab.hover,
  #ui .switch .cookie.switch .toggle.indeterminate input[type="checkbox"] + label .toggle-button span.off.hover {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2d71c2), color-stop(1, #4ea1db));
    background-image: -moz-linear-gradient(center top, #2d71c2 0, #4ea1db 100%);
    background-image: -ms-linear-gradient(top, #2d71c2 0, #4ea1db 100%);
    background-image: -o-linear-gradient(top, #2d71c2 0, #4ea1db 100%);
    background-image: linear-gradient(top, #2d71c2 0, #4ea1db 100%);
    -pie-background: linear-gradient(#2d71c2 0, #4ea1db 100%);
  }
  #ui .switch .cookie.switch .toggle.indeterminate input[type="checkbox"] + label .toggle-button .toggle-tab.hover span,
  #ui .switch .cookie.switch .toggle.indeterminate input[type="checkbox"] + label .toggle-button span.off.hover {
    color: #FFF;
  }
  #ui .switch .cookie.switch .toggle.indeterminate input[type="checkbox"] + label .toggle-button span.off.hover {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
  }
  #ui .switch .cookie.switch .toggle span {
    padding: 0 5px;
  }
  #ui .switch .cookie.switch .toggle .off {
    color: #FFF;
    display: inline-block;
    text-align: center;
  }
  #ui .switch .cookie.switch .toggle label {
    color: #444;
    float: left;
    line-height: 26px;
  }
  #ui .switch .cookie.switch .toggle .toggle-button {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2d71c2), color-stop(1, #4ea1db));
    background-image: -moz-linear-gradient(center top, #2d71c2 0, #4ea1db 100%);
    background-image: -ms-linear-gradient(top, #2d71c2 0, #4ea1db 100%);
    background-image: -o-linear-gradient(top, #2d71c2 0, #4ea1db 100%);
    background-image: linear-gradient(top, #2d71c2 0, #4ea1db 100%);
    -pie-background: linear-gradient(#2d71c2 0, #4ea1db 100%);
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
    position: relative;
    border: 1px solid #D1D1D1;
    float: left;
    height: 26px;
  }
  #ui .switch .cookie.switch .toggle .toggle-button .toggle-tab {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(1, #eeeeee));
    background-image: -moz-linear-gradient(center top, #fafafa 0, #eeeeee 100%);
    background-image: -ms-linear-gradient(top, #fafafa 0, #eeeeee 100%);
    background-image: -o-linear-gradient(top, #fafafa 0, #eeeeee 100%);
    background-image: linear-gradient(top, #fafafa 0, #eeeeee 100%);
    -pie-background: linear-gradient(#fafafa 0, #eeeeee 100%);
    -webkit-box-shadow: 5px 0px 4px -5px #000000 0 1px 1px #000;
    -moz-box-shadow: 5px 0px 4px -5px #000000 0 1px 1px #000;
    box-shadow: 5px 0px 4px -5px #000000 0 1px 1px #000;
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
    position: relative;
    border: 1px solid #CCC;
    height: 26px;
    margin-top: -26px;
  }
  #ui .switch .cookie.switch .toggle .toggle-button span {
    white-space: nowrap;
  }
  #ui .switch .cookie.switch .toggle input[type=checkbox] {
    left: -5000px;
    overflow: hidden;
    position: absolute;
  }
  #ui .switch .cookie.switch .toggle input[type=checkbox] + label .toggle-button span.off {
    display: none;
  }
  #ui .switch .cookie.switch .toggle input[type=checkbox] + label .toggle-button .toggle-tab {
    margin-top: -1px;
  }
  #ui .switch .cookie.switch .toggle input[type=checkbox] + label .toggle-button .toggle-tab span {
    color: #FFF;
    display: inline-block;
    text-align: center;
  }
  #ui .switch .cookie.switch .toggle input[type=checkbox].checked + label .toggle-button {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2d71c2), color-stop(1, #4ea1db));
    background-image: -moz-linear-gradient(center top, #2d71c2 0, #4ea1db 100%);
    background-image: -ms-linear-gradient(top, #2d71c2 0, #4ea1db 100%);
    background-image: -o-linear-gradient(top, #2d71c2 0, #4ea1db 100%);
    background-image: linear-gradient(top, #2d71c2 0, #4ea1db 100%);
    -pie-background: linear-gradient(#2d71c2 0, #4ea1db 100%);
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
    position: relative;
  }
  #ui .switch .cookie.switch .toggle input[type=checkbox].checked + label .toggle-button span.off {
    display: block;
  }
  #ui .switch .cookie.switch .toggle input[type=checkbox].checked + label .toggle-button .toggle-tab {
    margin-top: -27px;
  }
  #ui .switch .cookie.switch .toggle input[type=checkbox].checked + label .toggle-button .toggle-tab span {
    display: none;
  }
  .ie8 #ui .switch .cookie.switch .toggle.indeterminate input[type="checkbox"] + label .toggle-button .toggle-tab {
    border: 1px solid #D1D1D1;
  }
  .ie8 #ui .switch .cookie.switch .toggle.indeterminate input[type="checkbox"] + label .toggle-button .toggle-button,
  .ie8 #ui .switch .cookie.switch .toggle.indeterminate input[type="checkbox"] + label .toggle-button span.off {
    background: #FFF;
    behavior: unset;
    color: #444;
  }
  .ie8 #ui .switch .cookie.switch .toggle.indeterminate input[type="checkbox"] + label .toggle-button .toggle-tab.hover,
  .ie8 #ui .switch .cookie.switch .toggle.indeterminate input[type="checkbox"] + label .toggle-button span.off.hover {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2d71c2), color-stop(1, #4ea1db));
    background-image: -moz-linear-gradient(center top, #2d71c2 0, #4ea1db 100%);
    background-image: -ms-linear-gradient(top, #2d71c2 0, #4ea1db 100%);
    background-image: -o-linear-gradient(top, #2d71c2 0, #4ea1db 100%);
    background-image: linear-gradient(top, #2d71c2 0, #4ea1db 100%);
    -pie-background: linear-gradient(#2d71c2 0, #4ea1db 100%);
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
    position: relative;
    color: #FFF;
  }
}
@media all {
  #ui .cookies.collection {
    padding: 10px 0 0 0;
  }
}
@media all {
  #ui .textimage.description {
    padding: 0;
  }
  #ui .textimage.description .description-wrapper {
    display: table;
    width: 100%;
  }
  #ui .textimage.description .description-wrapper .cookie-description {
    display: table-row;
    width: 100% !important;
  }
  #ui .textimage.description .description-wrapper .cookie-description > div {
    display: table-cell;
    padding-bottom: 20px;
    margin-left: 3%;
    vertical-align: top;
  }
  #ui .textimage.description .description-wrapper .cookie-description > div.names {
    width: 26%;
  }
  #ui .textimage.description .description-wrapper .cookie-description > div.names ul {
    margin: 0;
  }
  #ui .textimage.description .description-wrapper .cookie-description > div.title {
    padding: 0 0 20px 0;
    width: 17%;
  }
  #ui .textimage.description .description-wrapper .cookie-description > div.description {
    padding-right: 0;
    width: 50%;
  }
  #ui .textimage.description .description-wrapper .cookie-description > div.description .image {
    float: right;
    max-width: 30% !important;
    margin-left: 1%;
  }
  #ui .textimage.description .description-wrapper .cookie-description > div.description .image img {
    display: block;
    float: right;
    max-width: 100% !important;
    width: 100% !important;
  }
}
@media screen and (max-width: 640px), screen and (max-device-width: 640px) {
  #ui .textimage.description .description-wrapper {
    display: table;
    width: 100% !important;
  }
  #ui .textimage.description .description-wrapper .cookie-description {
    margin-bottom: 20px;
  }
  #ui .textimage.description .description-wrapper .cookie-description > div {
    display: block;
    padding: 0;
    margin-left: 0;
    width: 100% !important;
  }
  #ui .textimage.description .description-wrapper .cookie-description > div:first-child {
    display: block;
    width: 100%;
  }
  #ui .textimage.description .description-wrapper .cookie-description > div.description {
    padding: 0;
    margin-left: 0;
  }
  #ui .textimage.description .description-wrapper .cookie-description > div.description .image {
    display: block;
    float: none;
    max-width: 100% !important;
    margin: 10px 0;
    width: 100%;
  }
  #ui .textimage.description .description-wrapper .cookie-description > div.description .image img {
    float: none;
  }
  #ui .textimage.description .description-wrapper .cookie-description > div.title {
    padding: 0;
  }
}
@media all {
  #ui .cookieHint {
    zoom: 1;
  }
  #ui .cookieHint:before,
  #ui .cookieHint:after {
    content: "";
    display: table;
  }
  #ui .cookieHint:after {
    clear: both;
  }
  #ui .cookieHint .cookieImage {
    float: left;
    margin-right: 5px;
  }
  #ui .cookieHint .cookieHintText {
    float: left;
  }
  #sidebar-right .cookieHint,
  #sidebar-left .cookieHint {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    padding: 5px;
  }
}

/**
 * HENKEL library css
 *
 * @description: component styles
 * 
 * @author: Heimann, ACHTGRAU
 *          Schultz, T-MMS
 */
/**
 * comp: skiplink
 */
@media all {
  #ui .skiplink {
    position: absolute;
    z-index: 100;
  }
  #ui .skiplink a {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
    padding: 1px 4px;
  }
  #ui .skiplink a:active,
  #ui .skiplink a:focus {
    position: static;
  }
  .ie7 #ui .skiplink li {
    position: absolute;
  }
  .ie7 #ui .skiplink a {
    display: block;
    white-space: nowrap;
    width: 1%;
  }
}
@media all {
  #ui .cq-colctrl-lt0,
  #ui .cq-colctrl-lt1,
  #ui .cq-colctrl-lt2,
  #ui .cq-colctrl-lt3,
  #ui .cq-colctrl-lt4,
  #ui .cq-colctrl-lt5,
  #ui .cq-colctrl-lt6 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
  }
  #ui .cq-colctrl-lt0 > div,
  #ui .cq-colctrl-lt1 > div,
  #ui .cq-colctrl-lt2 > div,
  #ui .cq-colctrl-lt3 > div,
  #ui .cq-colctrl-lt4 > div,
  #ui .cq-colctrl-lt5 > div,
  #ui .cq-colctrl-lt6 > div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #ui [class*="cq-colctrl-lt0-c"] {
    float: left;
    width: 49%;
  }
  #ui .cq-colctrl-lt0-c1 {
    float: right;
  }
  #ui [class*="cq-colctrl-lt1-c"] {
    float: left;
    width: 32%;
  }
  #ui .cq-colctrl-lt1-c0 {
    margin-right: 2%;
  }
  #ui .cq-colctrl-lt1-c2 {
    float: right;
  }
  #ui .cq-colctrl-lt6 {
    margin: 0 -0.5%;
  }
  #ui [class*="cq-colctrl-lt6-c"] {
    float: left;
    width: 25%;
    padding: 0.5%;
  }
  #ui .cq-colctrl-lt2-c0 {
    float: left;
    width: 65.5%;
  }
  #ui .cq-colctrl-lt2-c1 {
    float: right;
    width: 32.5%;
  }
  #ui .cq-colctrl-lt3-c0 {
    float: left;
    width: 32.5%;
  }
  #ui .cq-colctrl-lt3-c1 {
    float: right;
    width: 65.5%;
  }
  #ui .cq-colctrl-lt4 .cq-colctrl-lt4-c0 {
    float: left;
    margin-right: 0.5%;
    width: 49%;
  }
  #ui .cq-colctrl-lt4 .cq-colctrl-lt4-c1 {
    float: left;
    width: 25%;
  }
  #ui .cq-colctrl-lt4 .cq-colctrl-lt4-c2 {
    float: right;
    width: 25%;
  }
  #ui .cq-colctrl-lt5 .cq-colctrl-lt5-c0 {
    float: left;
    width: 24.4%;
    margin-right: 0.5%;
  }
  #ui .cq-colctrl-lt5 .cq-colctrl-lt5-c1 {
    float: left;
    width: 24.4%;
  }
  #ui .cq-colctrl-lt5 .cq-colctrl-lt5-c2 {
    float: right;
    width: 50.2%;
  }
}
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}
#cboxContent {
  position: relative;
}
#cboxLoadedContent {
  overflow: auto;
}
#cboxTitle {
  margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer;
}
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
}
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}
/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: #fff;
}
#cboxTopLeft {
  width: 25px;
  height: 25px;
  background: url("../../designs/henkel-lib/components/colorbox/img/border1.png") no-repeat 0 0;
}
#cboxTopCenter {
  height: 25px;
  background: url("../../designs/henkel-lib/components/colorbox/img/border1.png") repeat-x 0 -50px;
}
#cboxTopRight {
  width: 25px;
  height: 25px;
  background: url("../../designs/henkel-lib/components/colorbox/img/border1.png") no-repeat -25px 0;
}
#cboxBottomLeft {
  width: 25px;
  height: 25px;
  background: url("../../designs/henkel-lib/components/colorbox/img/border1.png") no-repeat 0 -25px;
}
#cboxBottomCenter {
  height: 25px;
  background: url("../../designs/henkel-lib/components/colorbox/img/border1.png") repeat-x 0 -75px;
}
#cboxBottomRight {
  width: 25px;
  height: 25px;
  background: url("../../designs/henkel-lib/components/colorbox/img/border1.png") no-repeat -25px -25px;
}
#cboxMiddleLeft {
  width: 25px;
  background: url("../../designs/henkel-lib/components/colorbox/img/border2.png") repeat-y 0 0;
}
#cboxMiddleRight {
  width: 25px;
  background: url("../../designs/henkel-lib/components/colorbox/img/border2.png") repeat-y -25px 0;
}
#cboxContent {
  background: #fff;
  overflow: hidden;
}
#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}
#cboxLoadedContent {
  margin-top: 20px;
}
#cboxTitle {
  position: absolute;
  bottom: 0px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #999;
}
#cboxCurrent {
  position: absolute;
  bottom: 0px;
  left: 100px;
  color: #999;
}
#cboxSlideshow {
  position: absolute;
  bottom: 0px;
  right: 42px;
  color: #444;
}
#cboxPrevious {
  position: absolute;
  bottom: 0px;
  left: 0;
  color: #444;
}
#cboxNext {
  position: absolute;
  bottom: 0px;
  left: 63px;
  color: #444;
}
#cboxLoadingOverlay {
  background: #fff url("../../designs/henkel-lib/components/colorbox/img/loading.gif") no-repeat 5px 5px;
}
#cboxClose {
  background: url("../../designs/henkel-lib/components/colorbox/img/close.png") no-repeat 0 0;
  color: #444;
  display: block;
  height: 20px;
  position: absolute;
  right: 0;
  text-indent: -1000em;
  top: 0;
  width: 20px;
}
#cboxClose:hover {
  background-position: 0 -20px;
}
/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to IE9.
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
/*
  The following fixes issue of scrollbar appearing on desktop when video size is bigger
*/
#cboxLoadedContent.fittosize .content-only.video {
  height: 100%;
  margin-bottom: 0;
}
#cboxLoadedContent.fittosize .content-only.video .cookiespecific {
  height: 100%;
}
#cboxLoadedContent.fittosize .content-only.video .cookiespecific .contentvideoplayer {
  height: 100%;
}
#cboxLoadedContent.fittosize .content-only.video .cookiespecific .contentvideoplayer .screen {
  height: inherit;
}
#cboxLoadedContent.fittosize .content-only.video .cookiespecific .contentvideoplayer .screen > div {
  height: inherit;
}
#cboxLoadedContent.fittosize .content-only.video .cookiespecific .contentvideoplayer .screen > div > div {
  height: inherit !important;
  padding-bottom: 0 !important;
}
/**
 * comp: image
 */
@media all {
  #ui .image img.gif {
    width: 100%;
  }
  #ui .image a {
    background-color: transparent !important;
    display: block;
  }
  #ui .image a:link,
  #ui .image a:visited {
    text-decoration: none !important;
  }
  #ui .image a.zoom {
    position: relative;
  }
  #ui .image a.zoom span.magnifier {
    bottom: 1px;
    height: 22px;
    left: 1px;
    position: absolute;
    visibility: hidden;
    width: 22px;
  }
  #ui .image figcaption {
    clear: both;
    display: block;
  }
}
@media screen, projection {
  #ui .image a:hover figcaption,
  #ui .image a:active figcaption,
  #ui .image a:focus figcaption {
    text-decoration: underline;
  }
  #ui .image a.zoom:focus {
    outline: none;
  }
  #ui .image a.zoom:hover span.magnifier {
    visibility: visible;
  }
}
@media all {
  #ui .flash > .cq-dd-flash {
    overflow: hidden;
  }
  #ui .flash .alternative-content {
    visibility: hidden;
  }
}
/**
 * comp: external
 */
@media all {
  #ui div.external iframe {
    margin: 0 auto;
  }
  #ui div.external iframe.scrolling-yes {
    overflow: visible;
  }
}
/**
 * comp: download
 */
@media all {
  #ui .download.button-right .button {
    float: right;
  }
  #ui .download.button-left .button {
    float: left;
  }
  #ui .download p {
    padding-bottom: 1em;
  }
  #ui .download .download-img > img {
    margin-bottom: 1em;
    max-width: 100%;
  }
}
@media all {
  .specialpage #ui .wrapper > #header {
    position: fixed;
    margin: auto;
    width: 100%;
  }
  .specialpage #ui #content {
    margin: 0;
    padding: 0;
    border: 0;
  }
  .specialpage #ui #main {
    margin: 0;
  }
  .specialpage #ui #footer,
  .specialpage #ui .social-sidebar,
  .specialpage #ui .breadcrumb {
    display: none;
  }
  .specialpage #ui .verticalcarousel .slides > li:first-child .text h2 {
    color: #000000;
    font-size: 80px;
    font-family: PTSans-Bold;
    line-height: 108px;
  }
  .specialpage #ui .verticalcarousel .slides > li:first-child .text h2:after {
    margin-bottom: 0;
  }
  .specialpage #ui .verticalcarousel .slides > li:first-child .text p {
    color: #000000;
    font-size: 30px;
    font-family: PTSans-regular;
    line-height: 44px;
    background-color: rgba(0, 0, 0, 0.35);
  }
  .specialpage #ui .verticalcarousel .slides > li .text {
    position: relative;
  }
  .specialpage #ui .verticalcarousel .slides > li .text h2 {
    color: #000000;
    font-size: 40px;
    font-family: PTSans-Bold;
    line-height: 48px;
    background-color: #ffffff;
    display: inline;
  }
  .specialpage #ui .verticalcarousel .slides > li .text h2:after {
    content: '';
    display: block;
    margin-bottom: 7px;
  }
  .specialpage #ui .verticalcarousel .slides > li .text h2 .inverted {
    background-color: rgba(102, 102, 102, 0.8);
    color: #ffffff;
  }
  .specialpage #ui .verticalcarousel .slides > li .text p {
    color: #000000;
    font-size: 30px;
    font-family: PTSans-Bold;
    line-height: 40px;
    background-color: rgba(255, 255, 255, 0.35);
  }
  .specialpage #ui .verticalcarousel .slides > li .text p .inverted {
    color: #ffffff;
    background-color: transparent;
  }
  .specialpage #ui .verticalcarousel .slides > li .textimage p {
    color: #666666;
  }
  .specialpage #ui .verticalcarousel .slides > li .title h2 {
    color: #ffffff;
    font-size: 40px;
    font-family: PTSans-Bold;
    line-height: 56px;
    background-color: #666666;
    display: inline;
    text-transform: none;
  }
  .specialpage #ui .verticalcarousel .slides > li .title.section {
    position: static;
  }
  .specialpage #ui .verticalcarousel .slides > li div.textcolor-white .text h2,
  .specialpage #ui .verticalcarousel .slides > li div.textcolor-white .text p {
    color: #ffffff;
    background-color: #000000;
  }
  .specialpage #ui .verticalcarousel .slides > li div.textcolor-white .title h2 {
    color: #ffffff;
    background-color: #000000;
  }
  .specialpage #ui .verticalcarousel .slides > li div.textcolor-white .textimage p {
    color: #ffffff;
  }
  .specialpage #ui .verticalcarousel .slides > li div.textcolor-black .title h2 {
    color: #000000;
    background-color: #ffffff;
  }
  .specialpage #ui .verticalcarousel .addthis_toolbox {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 220px;
    z-index: 10;
  }
  .specialpage #ui .verticalcarousel .addthis_toolbox.addthis_default_style .at300b {
    float: none;
  }
  .specialpage #ui .verticalcarousel a > span {
    text-align: left;
    margin: 0 12px;
    float: none;
  }
  .specialpage #ui .verticalcarousel a > span span.at_a11y {
    display: block;
  }
  .specialpage #ui .verticalcarousel a span.at4-icon.aticon-compact {
    background-color: #bf1318 !important;
  }
  .specialpage #ui .verticalcarousel a span.at4-icon.aticon-compact span.at_a11y {
    display: none;
  }
  .specialpage #ui .verticalcarousel .text .redbutton,
  .specialpage #ui .verticalcarousel .textimage .redbutton {
    font-style: normal;
    background-color: #bf1318;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    width: 180px;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
}
@media screen and (min-width: 1025px) {
  .specialpage #ui {
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 100%;
  }
  .specialpage #ui .wrapper > #header {
    background: #fff;
  }
  .specialpage #ui .wrapper .toggleHead {
    margin: auto;
    font-size: 24px;
    text-align: center;
    position: fixed;
    z-index: 100;
    color: #ffffff;
    left: 0;
    right: 0;
    cursor: pointer;
  }
  .specialpage #ui .wrapper .toggleHead span {
    background-color: rgba(102, 102, 102, 0.35);
    display: inline-block;
    border-radius: 0 0 5px 5px;
    padding: 5px 10px;
  }
  .specialpage #ui .verticalcarousel .flex-viewport {
    width: 100%;
  }
  .specialpage #ui .verticalcarousel .slides > li {
    overflow: hidden;
  }
  .specialpage #ui .verticalcarousel .slides > li > .parsys {
    padding: 235px 0 0 0;
    height: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .specialpage #ui .verticalcarousel .slides > li .textposition-bottom .text {
    position: absolute;
    bottom: 255px;
  }
  .specialpage #ui .verticalcarousel .slides > li .textflow-left-to-right .section.text,
  .specialpage #ui .verticalcarousel .slides > li .textflow-left-to-right .title,
  .specialpage #ui .verticalcarousel .slides > li .textflow-left-to-right .textimage {
    left: -100%;
  }
  .specialpage #ui .verticalcarousel .slides > li .textflow-left-to-right .title,
  .specialpage #ui .verticalcarousel .slides > li .textflow-left-to-right .textimage {
    position: relative;
  }
  .specialpage #ui .verticalcarousel .slides > li .textflow-right-to-left .section.text,
  .specialpage #ui .verticalcarousel .slides > li .textflow-right-to-left .title,
  .specialpage #ui .verticalcarousel .slides > li .textflow-right-to-left .textimage {
    left: 100%;
  }
  .specialpage #ui .verticalcarousel .slides > li .textflow-top-to-bottom .section.text,
  .specialpage #ui .verticalcarousel .slides > li .textflow-top-to-bottom .title,
  .specialpage #ui .verticalcarousel .slides > li .textflow-top-to-bottom .textimage {
    top: -800px;
  }
  .specialpage #ui .verticalcarousel .slides > li .textflow-top-to-bottom .title,
  .specialpage #ui .verticalcarousel .slides > li .textflow-top-to-bottom .textimage {
    position: relative;
  }
  .specialpage #ui .verticalcarousel .slides > li .textflow-top-to-bottom.textposition-bottom .section.text {
    top: initial;
    bottom: 100%;
  }
  .specialpage #ui .verticalcarousel .slides > li .textflow-bottom-to-top .section.text,
  .specialpage #ui .verticalcarousel .slides > li .textflow-bottom-to-top .title,
  .specialpage #ui .verticalcarousel .slides > li .textflow-bottom-to-top .textimage {
    bottom: -800px;
  }
  .specialpage #ui .verticalcarousel .slides > li .textflow-bottom-to-top .title,
  .specialpage #ui .verticalcarousel .slides > li .textflow-bottom-to-top .textimage {
    position: relative;
  }
  .specialpage #ui .verticalcarousel .slides > li .textflow-bottom-to-top.textposition-bottom .section.text {
    top: initial;
    bottom: -100%;
  }
  .specialpage #ui .verticalcarousel .slides > li .textimage.border {
    background-color: rgba(255, 255, 255, 0.45);
    color: #000000;
    border: none;
    position: absolute;
    bottom: 115px;
    width: 80%;
    left: 0;
    right: 0;
    z-index: 100;
  }
  .specialpage #ui .verticalcarousel .slides > li .textimage.border p {
    color: #000000;
    font-size: 18px;
    line-height: 20px;
  }
  .specialpage #ui .verticalcarousel .slides .video,
  .specialpage #ui .verticalcarousel .slides .flex-stage {
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
  }
  .specialpage #ui .verticalcarousel .slides .video .flex-caption__headline,
  .specialpage #ui .verticalcarousel .slides .flex-stage .flex-caption__headline {
    text-transform: none;
  }
  .specialpage #ui .verticalcarousel .slides .image.section {
    display: none;
  }
  .specialpage #ui .verticalcarousel .slides .textimage {
    margin: 28px 115px 0 170px;
  }
  .specialpage #ui .verticalcarousel .slides .textimage p {
    line-height: 22px;
    color: #666666;
  }
  .specialpage #ui .verticalcarousel .slides .textimage.image-size50 .textimage-text {
    float: left;
    width: 50%;
    padding-left: 30px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .specialpage #ui .verticalcarousel .slides .textimage.image-size50 figure {
    margin: 0;
    width: 50%;
    display: block;
    height: auto;
  }
  .specialpage #ui .verticalcarousel .slides .textimage.image-size50.image-right .textimage-text {
    float: right;
    padding-right: 30px;
    padding-left: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .specialpage #ui .verticalcarousel .slides .text {
    padding: 0 0 0 170px;
    width: 80%;
    z-index: 100;
  }
  .specialpage #ui .verticalcarousel .slides .title {
    padding: 0 0 0 170px;
    width: 80%;
  }
  .specialpage #ui .verticalcarousel .flex-control-nav {
    width: 20px;
    right: 22px;
    left: inherit;
  }
  .specialpage #ui .verticalcarousel .flex-control-nav li {
    display: inline;
  }
  .specialpage #ui .verticalcarousel .flex-control-nav li a.flex-active {
    background: #ffffff;
  }
  .specialpage #ui .verticalcarousel .flex-control-nav li a.flex-active:before {
    border: 2px solid #ffffff;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -ms-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
  }
  .specialpage #ui .verticalcarousel .fittosize {
    height: 100%;
    margin-bottom: 0;
  }
  .specialpage #ui .verticalcarousel .fittosize .cookiespecific {
    height: 100%;
  }
  .specialpage #ui .verticalcarousel .fittosize .cookiespecific .contentvideoplayer {
    height: 100%;
  }
  .specialpage #ui .verticalcarousel .fittosize .cookiespecific .contentvideoplayer .screen {
    height: inherit;
  }
  .specialpage #ui .verticalcarousel .fittosize .cookiespecific .contentvideoplayer .screen > div {
    height: inherit;
  }
  .specialpage #ui .verticalcarousel .fittosize .cookiespecific .contentvideoplayer .screen > div > div {
    height: inherit !important;
    padding-bottom: 0 !important;
  }
  .specialpage #ui .verticalcarousel .flex-direction-nav .flex-nav-prev,
  .specialpage #ui .verticalcarousel .flex-direction-nav .flex-nav-next {
    display: block;
    height: 70px;
    width: 70px;
    position: absolute;
    bottom: 40px;
    right: 0%;
    left: 0%;
    margin: 0 auto;
  }
  .specialpage #ui .verticalcarousel .flex-direction-nav .flex-nav-prev a,
  .specialpage #ui .verticalcarousel .flex-direction-nav .flex-nav-next a {
    position: relative;
    top: 0;
    margin: 0 auto;
    right: 0;
    text-indent: 1000px;
  }
  .specialpage #ui .verticalcarousel .flex-direction-nav .flex-nav-prev a.flex-next,
  .specialpage #ui .verticalcarousel .flex-direction-nav .flex-nav-next a.flex-next {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    z-index: 2000;
  }
  .specialpage #ui .verticalcarousel .flex-direction-nav .flex-nav-prev a.flex-next.flex-disaled,
  .specialpage #ui .verticalcarousel .flex-direction-nav .flex-nav-next a.flex-next.flex-disaled {
    display: none !important;
  }
  .specialpage #ui .verticalcarousel .flex-direction-nav .flex-nav-prev a.flex-prev,
  .specialpage #ui .verticalcarousel .flex-direction-nav .flex-nav-next a.flex-prev {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .specialpage #ui .verticalcarousel .flex-direction-nav .flex-nav-prev a.arrowAnimate,
  .specialpage #ui .verticalcarousel .flex-direction-nav .flex-nav-next a.arrowAnimate {
    margin-top: -70px;
  }
}
@media screen and (max-width: 1024px), screen and (max-device-width: 1024px) {
  .specialpage #ui #main {
    margin: 75px 10px 0 10px;
  }
  .specialpage #ui .wrapper > #header {
    display: block !important;
  }
  .specialpage #ui .wrapper .toggleHead {
    display: none;
  }
  .specialpage #ui .verticalcarousel .vertical-flexslider .slides > li {
    display: block;
  }
  .specialpage #ui .verticalcarousel .vertical-flexslider .slides > li .text h2,
  .specialpage #ui .verticalcarousel .vertical-flexslider .slides > li .title h2,
  .specialpage #ui .verticalcarousel .vertical-flexslider .slides > li .text p,
  .specialpage #ui .verticalcarousel .vertical-flexslider .slides > li .title p {
    color: #666666;
    font-size: 17.6px;
    font-family: PTSans-regular;
    line-height: 26px;
    display: inline;
    background: none;
  }
  .specialpage #ui .verticalcarousel .vertical-flexslider .slides > li .text p:before,
  .specialpage #ui .verticalcarousel .vertical-flexslider .slides > li .title p:before {
    content: '';
    display: block;
  }
  .specialpage #ui .verticalcarousel .vertical-flexslider .slides > li .text .inverted,
  .specialpage #ui .verticalcarousel .vertical-flexslider .slides > li .title .inverted {
    background: #ffffff;
    color: #666666;
  }
  .specialpage #ui .verticalcarousel .vertical-flexslider .slides > li:first-child .text h2,
  .specialpage #ui .verticalcarousel .vertical-flexslider .slides > li:first-child .title h2 {
    color: #666666;
    font-size: 44.2px;
    font-family: PTSans-Bold;
    line-height: 67.6px;
    display: inline;
  }
  .specialpage #ui .verticalcarousel .vertical-flexslider .slides > li .video.section {
    display: none;
  }
  .specialpage #ui .verticalcarousel .vertical-flexslider .slides > li .textimage p {
    font-size: 14.6px;
    line-height: 16.6px;
  }
  .specialpage #ui .verticalcarousel .vertical-flexslider .slides > li .textimage.image-size50 > .image {
    float: none;
    width: 100%;
  }
  .specialpage #ui .verticalcarousel .vertical-flexslider .slides > li figure.image {
    margin: 10px 0;
  }
  .specialpage #ui .verticalcarousel .vertical-flexslider .slides > li img {
    width: 100%;
  }
  .specialpage #ui .verticalcarousel .vertical-flexslider .slides > li .textimage.border {
    border: none;
    padding: 0;
  }
  .specialpage #ui .verticalcarousel .vertical-flexslider .slides > li .textimage.border p {
    color: #666666;
    font-size: 17.6px;
    font-family: PTSans-regular;
    line-height: 26px;
    display: inline;
    padding-bottom: 0;
  }
  .specialpage #ui .verticalcarousel .vertical-flexslider .slides > li .addthis_toolbox {
    margin-top: 20px;
    position: relative;
    bottom: 0px;
    left: 0px;
  }
  .specialpage #ui .verticalcarousel .vertical-flexslider .slides > li .addthis_toolbox .aticon-facebook,
  .specialpage #ui .verticalcarousel .vertical-flexslider .slides > li .addthis_toolbox .aticon-twitter {
    margin-right: 5px;
    margin-left: 0;
    width: 140px;
  }
  .specialpage #ui .verticalcarousel .vertical-flexslider .slides > li .addthis_toolbox .aticon-facebook span,
  .specialpage #ui .verticalcarousel .vertical-flexslider .slides > li .addthis_toolbox .aticon-twitter span {
    font-size: 13px;
    padding-left: 10px;
  }
}
@media screen and (min-width: 641px) and (max-width: 1024px), screen and (min-device-width: 641px) and (max-device-width: 1024px) {
  .specialpage #ui .verticalcarousel .vertical-flexslider .slides > li .text h2,
  .specialpage #ui .verticalcarousel .vertical-flexslider .slides > li .title h2,
  .specialpage #ui .verticalcarousel .vertical-flexslider .slides > li .text p,
  .specialpage #ui .verticalcarousel .vertical-flexslider .slides > li .title p {
    color: #666666;
    font-size: 18.8px;
    font-family: PTSans-regular;
    line-height: 28px;
  }
  .specialpage #ui .verticalcarousel .vertical-flexslider .slides > li:first-child .text h2,
  .specialpage #ui .verticalcarousel .vertical-flexslider .slides > li:first-child .title h2 {
    color: #666666;
    font-size: 51.4px;
    font-family: PTSans-Bold;
    line-height: 72.8px;
  }
  .specialpage #ui .verticalcarousel .vertical-flexslider .slides > li .textimage p {
    font-size: 18.8px;
    line-height: 21.6px;
  }
}
/**
 * component: hotspotimage
 */
@media all {
  #ui .hotspotimage {
    zoom: 1;
    position: relative;
  }
  #ui .hotspotimage:before,
  #ui .hotspotimage:after {
    content: "";
    display: table;
  }
  #ui .hotspotimage:after {
    clear: both;
  }
}
/**
 * component: hotspot
 */
@media all {
  #ui .hotspot {
    display: block;
    position: absolute;
  }
  #ui .hotspot .content,
  #ui .hotspot.closed:hover .content {
    display: none;
    position: absolute;
  }
  #ui .hotspot:hover,
  #ui .hotspot.hover {
    cursor: pointer;
  }
  #ui .hotspot:hover .content,
  #ui .hotspot.hover .content {
    display: block;
  }
}
/**
 * comp: rating component
 */
@media all {
  #ui .rating {
    opacity: 0;
  }
  #ui .rating__base {
    padding: 20px;
    display: block;
  }
  #ui .rating__buttons {
    float: right;
    margin-top: -10px;
  }
  #ui .rating__button {
    float: left;
    margin-right: 10px;
  }
  #ui .rating__button--like,
  #ui .rating__button--dislike {
    overflow: hidden;
  }
  #ui .rating__icon {
    height: 40px;
    width: 40px;
  }
  #ui .rating__label {
    top: 15px;
  }
  #ui .rating__form {
    display: none;
  }
}
@media screen and (min-width: 1025px), screen and (min-width: 641px) and (max-width: 1024px), screen and (min-device-width: 641px) and (max-device-width: 1024px) {
  #ui .rating__text {
    display: inline-block;
    max-width: 85%;
  }
}
@media screen and (max-width: 640px), screen and (max-device-width: 640px) {
  #ui #colorbox.cboxRating {
    width: 90% !important;
    position: fixed !important;
    overflow-x: visible !important;
    overflow-y: scroll !important;
    -webkit-overflow-scrolling: touch !important;
  }
  #ui #colorbox.cboxRating #cboxClose {
    right: 0 !important;
  }
  #ui .rating {
    text-align: center;
  }
  #ui .rating__text {
    font-size: 28px;
    line-height: 1.2;
    display: block;
  }
  #ui .rating__buttons {
    cursor: pointer;
    display: inline-block;
    float: none;
    margin: 20px 0 0 0;
    padding: 0;
  }
  #ui .rating__button {
    cursor: pointer;
    display: inline-block;
    float: none;
  }
  #ui .rating__icon {
    height: 65px;
    width: 65px;
  }
  #ui .rating__icon svg {
    height: 65px;
    width: 100%;
  }
}

/**
 * Pritt library css: elements
 *
 * @description: override/expand henkel-lib elements
 */
@media all {
  /* text color and base font-family */
  body,
  #ui select,
  #ui input,
  #ui textarea {
    font: normal 12px arial, sans-serif;
    color: #000000;
  }
  #ui a:link,
  #ui a:visited {
    color: #000000;
  }
  #ui a:hover,
  #ui a:focus,
  #ui a:active {
    background-color: transparent;
    color: #e70000;
    text-decoration: none;
  }
}
/**
 * Pritt library css: classes
 *
 * @description: override/expand henkel-lib helper classes
 */
@media all {
  #ui .button-red {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #900000;
    background: -moz-linear-gradient(left, #900000 0%, #ff1313 28%, #ff1313 75%, #900000 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #900000), color-stop(28%, #ff1313), color-stop(75%, #ff1313), color-stop(100%, #900000));
    background: -webkit-linear-gradient(left, #900000 0%, #ff1313 28%, #ff1313 75%, #900000 100%);
    background: -o-linear-gradient(left, #900000 0%, #ff1313 28%, #ff1313 75%, #900000 100%);
    background: -ms-linear-gradient(left, #900000 0%, #ff1313 28%, #ff1313 75%, #900000 100%);
    background: linear-gradient(left, #900000 0%, #ff1313 28%, #ff1313 75%, #900000 100%);
    -pie-background: linear-gradient(#ff1313, #900000);
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
    border: none;
    color: #fff;
    display: block;
    padding: 3px;
    position: relative;
  }
  #ui .button-red .button-red-dashed {
    border: 1px dashed #000000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font: bold 14px arial, sans-serif;
    -pie-background: linear-gradient(#ff1313, #5b0000);
    color: #fff;
    display: block;
    line-height: 1;
    padding: 2px 7px 4px;
    overflow: hidden;
    position: relative;
    text-align: center;
  }
  #ui .button-red a {
    color: #fff;
    text-decoration: none;
  }
  #ui ul.pagination {
    float: right;
    list-style-type: none;
    margin-bottom: 15px;
  }
  .ie7 #ui ul.pagination {
    margin-bottom: 0;
  }
  #ui ul.pagination li {
    -webkit-box-shadow: 0 0 6px 0 #666;
    -moz-box-shadow: 0 0 6px 0 #666;
    box-shadow: 0 0 6px 0 #666;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #fff;
    background: #fff;
    background: -moz-linear-gradient(top, #d6e1dd 0%, #fff 42%, #d6e1dd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d6e1dd), color-stop(42%, #fff), color-stop(100%, #d6e1dd));
    background: -webkit-linear-gradient(top, #d6e1dd 0%, #fff 42%, #d6e1dd 100%);
    background: -o-linear-gradient(top, #d6e1dd 0%, #fff 42%, #d6e1dd 100%);
    background: -ms-linear-gradient(top, #d6e1dd 0%, #fff 42%, #d6e1dd 100%);
    cursor: pointer;
    display: block;
    float: left;
    font-weight: bold;
    height: 12px;
    line-height: 1.2;
    margin: 0 4px;
    min-width: 11px;
    padding: 0 1px;
    position: relative;
    text-align: center;
  }
  .ie7 #ui ul.pagination li,
  .ie8 #ui ul.pagination li {
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=0, Strength=4)
                progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=180, Strength=4)
                progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=90, Strength=4)
                progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=270, Strength=4)
                progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6e1dd', endColorstr='#ffffff',GradientType=0 );
    zoom: 1;
  }
  .ie9 #ui ul.pagination li {
    box-shadow: 0 0 6px 1px #cccccc;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6e1dd', endColorstr='#ffffff',GradientType=0 );
    zoom: 1;
  }
  .ie7 #ui ul.pagination li {
    margin: 0 2px;
  }
  #ui ul.pagination li strong,
  #ui ul.pagination li span,
  #ui ul.pagination li a {
    display: block;
    height: 12px;
    width: 14px;
  }
  #ui ul.pagination li a {
    color: #000;
    text-decoration: none;
  }
  #ui ul.pagination li.hidden {
    display: none;
  }
  #ui ul.pagination li.spacer {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-filter: none;
            filter: none;
    background: none;
    border: none;
    cursor: auto;
    margin: 0 3px;
  }
  .ie7 #ui ul.pagination li.spacer,
  .ie8 #ui ul.pagination li.spacer {
    margin-top: 5px;
  }
  #ui ul.pagination li.spacer:hover,
  .ie7 #ui ul.pagination li.spacer:hover,
  .ie8 #ui ul.pagination li.spacer:hover,
  .ie9 #ui ul.pagination li.spacer:hover {
    background: none;
    color: #000;
    -webkit-filter: none;
            filter: none;
  }
  #ui ul.pagination li.prev {
    margin-right: 10px;
  }
  .ie7 #ui ul.pagination li.prev {
    margin-right: 7px;
  }
  #ui ul.pagination li.prev span,
  #ui ul.pagination li.prev a {
    background: url("../../designs/pritt/common/img/icons.png") no-repeat scroll 2px -399px transparent;
  }
  #ui ul.pagination li.prev:hover span,
  #ui ul.pagination li.prev:hover a {
    background-position: 2px -499px;
  }
  #ui ul.pagination li.next {
    margin-left: 10px;
  }
  .ie7 #ui ul.pagination li.next {
    margin-left: 7px;
  }
  #ui ul.pagination li.next span,
  #ui ul.pagination li.next a {
    background: url("../../designs/pritt/common/img/icons.png") no-repeat scroll 2px -599px transparent;
  }
  #ui ul.pagination li.next:hover span,
  #ui ul.pagination li.next:hover a {
    background-position: 2px -99px;
  }
  #ui ul.pagination li.current,
  #ui ul.pagination li:hover {
    background: #e0241b;
    background: -moz-linear-gradient(top, #851511 0%, #e0241b 42%, #851a12 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #851511), color-stop(42%, #e0241b), color-stop(100%, #851a12));
    background: -webkit-linear-gradient(top, #851511 0%, #e0241b 42%, #851a12 100%);
    background: -o-linear-gradient(top, #851511 0%, #e0241b 42%, #851a12 100%);
    background: -ms-linear-gradient(top, #851511 0%, #e0241b 42%, #851a12 100%);
    background: linear-gradient(top, #851511 0%, #e0241b 42%, #851a12 100%);
    color: #fff;
  }
  .ie7 #ui ul.pagination li.current,
  .ie8 #ui ul.pagination li.current,
  .ie7 #ui ul.pagination li:hover,
  .ie8 #ui ul.pagination li:hover {
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=0, Strength=4)
                progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=180, Strength=4)
                progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=90, Strength=4)
                progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=270, Strength=4)
                progid:DXImageTransform.Microsoft.gradient( startColorstr='#851511', endColorstr='#e0241b',GradientType=0 );
  }
  .ie9 #ui ul.pagination li.current,
  .ie9 #ui ul.pagination li:hover {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#851511', endColorstr='#e0241b',GradientType=0 );
  }
  #ui ul.pagination li.current a,
  #ui ul.pagination li:hover a {
    color: #fff;
    text-decoration: none;
  }
  #ui .box {
    box-shadow: 2px 2px 4px #000;
    -moz-box-shadow: 2px 2px 4px #000;
    -webkit-box-shadow: 2px 2px 4px #000;
    -webkit-border-radius: 5px 5px 35px 5px;
    -moz-border-radius: 5px 5px 35px 5px;
    border-radius: 5px 5px 35px 5px;
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
    background-color: #fff;
    margin: 0 10px 20px;
    padding: 10px;
    position: relative;
  }
  /* tape left/right */
  #ui .tape-left,
  #ui .tape-right {
    background: url("../../designs/pritt/common/img/tape-big.png") no-repeat 0 0 transparent;
    height: 51px;
    position: absolute;
    top: 5px;
    width: 19px;
  }
  #ui .tape-left {
    left: -10px;
  }
  #ui .tape-right {
    right: -10px;
  }
}

/**
 * Pritt library css: elements
 *
 * @description: override/expand henkel-lib elements
 */
@media all {
  /* text color and base font-family */
  body,
  #ui select,
  #ui input,
  #ui textarea {
    font: normal 12px arial, sans-serif;
    color: #000000;
  }
  #ui a:link,
  #ui a:visited {
    color: #000000;
  }
  #ui a:hover,
  #ui a:focus,
  #ui a:active {
    background-color: transparent;
    color: #dc291e;
    text-decoration: none;
  }
}
/**
 * Pritt library css: classes
 *
 * @description: override/expand henkel-lib helper classes
 */
@media all {
  #ui .button-red {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #900000;
    background: -moz-linear-gradient(left, #900000 0%, #ff1313 28%, #ff1313 75%, #900000 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #900000), color-stop(28%, #ff1313), color-stop(75%, #ff1313), color-stop(100%, #900000));
    background: -webkit-linear-gradient(left, #900000 0%, #ff1313 28%, #ff1313 75%, #900000 100%);
    background: -o-linear-gradient(left, #900000 0%, #ff1313 28%, #ff1313 75%, #900000 100%);
    background: -ms-linear-gradient(left, #900000 0%, #ff1313 28%, #ff1313 75%, #900000 100%);
    background: linear-gradient(left, #900000 0%, #ff1313 28%, #ff1313 75%, #900000 100%);
    -pie-background: linear-gradient(#ff1313, #900000);
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
    border: none;
    color: #fff;
    display: block;
    padding: 3px;
    position: relative;
  }
  #ui .button-red .button-red-dashed {
    border: 1px dashed #000000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font: bold 14px arial, sans-serif;
    -pie-background: linear-gradient(#ff1313, #5b0000);
    color: #fff;
    display: block;
    line-height: 1;
    padding: 2px 7px 4px;
    overflow: hidden;
    position: relative;
    text-align: center;
  }
  #ui .button-red a {
    color: #fff;
    text-decoration: none;
  }
  #ui ul.pagination {
    float: right;
    list-style-type: none;
    margin-bottom: 15px;
  }
  .ie7 #ui ul.pagination {
    margin-bottom: 0;
  }
  #ui ul.pagination li {
    -webkit-box-shadow: 0 0 6px 0 #666;
    -moz-box-shadow: 0 0 6px 0 #666;
    box-shadow: 0 0 6px 0 #666;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #fff;
    background: #fff;
    background: -moz-linear-gradient(top, #d6e1dd 0%, #fff 42%, #d6e1dd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d6e1dd), color-stop(42%, #fff), color-stop(100%, #d6e1dd));
    background: -webkit-linear-gradient(top, #d6e1dd 0%, #fff 42%, #d6e1dd 100%);
    background: -o-linear-gradient(top, #d6e1dd 0%, #fff 42%, #d6e1dd 100%);
    background: -ms-linear-gradient(top, #d6e1dd 0%, #fff 42%, #d6e1dd 100%);
    cursor: pointer;
    display: block;
    float: left;
    font-weight: bold;
    height: 12px;
    line-height: 1.2;
    margin: 0 4px;
    min-width: 11px;
    padding: 0 1px;
    position: relative;
    text-align: center;
  }
  .ie7 #ui ul.pagination li,
  .ie8 #ui ul.pagination li {
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=0, Strength=4)
                progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=180, Strength=4)
                progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=90, Strength=4)
                progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=270, Strength=4)
                progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6e1dd', endColorstr='#ffffff',GradientType=0 );
    zoom: 1;
  }
  .ie9 #ui ul.pagination li {
    box-shadow: 0 0 6px 1px #cccccc;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6e1dd', endColorstr='#ffffff',GradientType=0 );
    zoom: 1;
  }
  .ie7 #ui ul.pagination li {
    margin: 0 2px;
  }
  #ui ul.pagination li strong,
  #ui ul.pagination li span,
  #ui ul.pagination li a {
    display: block;
    height: 12px;
    width: 14px;
  }
  #ui ul.pagination li a {
    color: #000;
    text-decoration: none;
  }
  #ui ul.pagination li.hidden {
    display: none;
  }
  #ui ul.pagination li.spacer {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-filter: none;
            filter: none;
    background: none;
    border: none;
    cursor: auto;
    margin: 0 3px;
  }
  .ie7 #ui ul.pagination li.spacer,
  .ie8 #ui ul.pagination li.spacer {
    margin-top: 5px;
  }
  #ui ul.pagination li.spacer:hover,
  .ie7 #ui ul.pagination li.spacer:hover,
  .ie8 #ui ul.pagination li.spacer:hover,
  .ie9 #ui ul.pagination li.spacer:hover {
    background: none;
    color: #000;
    -webkit-filter: none;
            filter: none;
  }
  #ui ul.pagination li.prev {
    margin-right: 10px;
  }
  .ie7 #ui ul.pagination li.prev {
    margin-right: 7px;
  }
  #ui ul.pagination li.prev span,
  #ui ul.pagination li.prev a {
    background: url("../../designs/pritt/common/img/icons.png") no-repeat scroll 2px -399px transparent;
  }
  #ui ul.pagination li.prev:hover span,
  #ui ul.pagination li.prev:hover a {
    background-position: 2px -499px;
  }
  #ui ul.pagination li.next {
    margin-left: 10px;
  }
  .ie7 #ui ul.pagination li.next {
    margin-left: 7px;
  }
  #ui ul.pagination li.next span,
  #ui ul.pagination li.next a {
    background: url("../../designs/pritt/common/img/icons.png") no-repeat scroll 2px -599px transparent;
  }
  #ui ul.pagination li.next:hover span,
  #ui ul.pagination li.next:hover a {
    background-position: 2px -99px;
  }
  #ui ul.pagination li.current,
  #ui ul.pagination li:hover {
    background: #e0241b;
    background: -moz-linear-gradient(top, #851511 0%, #e0241b 42%, #851a12 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #851511), color-stop(42%, #e0241b), color-stop(100%, #851a12));
    background: -webkit-linear-gradient(top, #851511 0%, #e0241b 42%, #851a12 100%);
    background: -o-linear-gradient(top, #851511 0%, #e0241b 42%, #851a12 100%);
    background: -ms-linear-gradient(top, #851511 0%, #e0241b 42%, #851a12 100%);
    background: linear-gradient(top, #851511 0%, #e0241b 42%, #851a12 100%);
    color: #fff;
  }
  .ie7 #ui ul.pagination li.current,
  .ie8 #ui ul.pagination li.current,
  .ie7 #ui ul.pagination li:hover,
  .ie8 #ui ul.pagination li:hover {
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=0, Strength=4)
                progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=180, Strength=4)
                progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=90, Strength=4)
                progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=270, Strength=4)
                progid:DXImageTransform.Microsoft.gradient( startColorstr='#851511', endColorstr='#e0241b',GradientType=0 );
  }
  .ie9 #ui ul.pagination li.current,
  .ie9 #ui ul.pagination li:hover {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#851511', endColorstr='#e0241b',GradientType=0 );
  }
  #ui ul.pagination li.current a,
  #ui ul.pagination li:hover a {
    color: #fff;
    text-decoration: none;
  }
  #ui .box {
    box-shadow: 2px 2px 4px #000;
    -moz-box-shadow: 2px 2px 4px #000;
    -webkit-box-shadow: 2px 2px 4px #000;
    -webkit-border-radius: 5px 5px 35px 5px;
    -moz-border-radius: 5px 5px 35px 5px;
    border-radius: 5px 5px 35px 5px;
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
    background-color: #fff;
    margin: 0 10px 20px;
    padding: 10px;
    position: relative;
  }
  /* tape left/right */
  #ui .tape-left,
  #ui .tape-right {
    background: url("../../designs/pritt/common/img/tape-big.png") no-repeat 0 0 transparent;
    height: 51px;
    position: absolute;
    top: 5px;
    width: 19px;
  }
  #ui .tape-left {
    left: -10px;
  }
  #ui .tape-right {
    right: -10px;
  }
}
/**
 * comp: page
 * 
 * all areas
 */
@media all {
  #ui {
    position: relative;
  }
  .fixed #ui {
    position: static;
  }
  #ui #ui-wrapper {
    position: relative;
    z-index: 1;
  }
  #ui #header {
    position: relative;
    z-index: 10;
  }
  #ui #content {
    position: relative;
    z-index: 1;
  }
}
@media screen, projection {
  /*default col3*/
  html,
  #heli {
    background-color: #fff;
    min-width: 961px;
  }
  .fixed #ui {
    position: static;
    background-image: none;
  }
  #ui #ui-wrapper {
    margin: 0 auto;
    padding-bottom: 330px;
  }
  #ui .wrapper {
    margin: 0 auto;
    width: 961px;
  }
  #ui #header {
    height: 161px;
  }
  .brandbasepage #ui #header h1 {
    color: #fff;
    font-family: Arial, Verdana, sans-serif;
    font-size: 25px;
    font-weight: normal;
    left: 200px;
    padding: 8px 12px 5px;
    text-align: center;
    text-decoration: none;
    text-shadow: -3px 3px 0 #000, -3px 1px 0 #000, -3px 0px 0 #000, -3px -1px 0 #000, -3px -3px 0 #000, -1px 3px 0 #000, -1px 1px 0 #000, -1px 0px 0 #000, -1px -1px 0 #000, -1px -3px 0 #000, 0px 3px 0 #000, 0px 1px 0 #000, 0px 0px 0 #000, 0px -1px 0 #000, 0px -3px 0 #000, 1px 3px 0 #000, 1px 1px 0 #000, 1px 0px 0 #000, 1px -1px 0 #000, 1px -3px 0 #000, 3px 3px 0 #000, 3px 1px 0 #000, 3px 0px 0 #000, 3px -1px 0 #000, 3px -3px 0 #000;
    top: 52px;
    width: 500px;
  }
  .ie7 .brandbasepage #ui #header h1,
  .ie8 .brandbasepage #ui #header h1 {
    background-color: #ccc;
    border: 0;
    display: inline-block;
    /* no support of shorthand colors, limit precision on Matrix filter and keep order of arguments */
    filter: progid:DXImageTransform.Microsoft.Chroma(Color=#cccccc)
                progid:DXImageTransform.Microsoft.DropShadow(OffX=-2, OffY=0, Color=#000000)
                progid:DXImageTransform.Microsoft.DropShadow(OffX=2, OffY=0, Color=#000000)
                progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=2, Color=#000000)
                progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=-2, Color=#000000);
    zoom: 1;
  }
  #ui #header .row {
    background: url(../../designs/pritt/components/page/img/bg-header-search.png) no-repeat 0 0;
    height: 39px;
    left: 308px;
    position: absolute;
    top: -1px;
    width: 683px;
    z-index: 7;
  }
  #ui #header .innerrow {
    float: right;
  }
  #ui #content {
    float: left;
    margin-bottom: 10px;
    width: 541px;
    top: -80px;
  }
  #ui #sidebar-left {
    width: 209px;
    float: left;
    min-height: 200px;
    top: -80px;
    position: relative;
    z-index: 1;
  }
  #ui #sidebar-right {
    width: 210px;
    float: right;
    min-height: 200px;
    top: -80px;
    position: relative;
    z-index: 1;
  }
  /* col2 */
  #ui.col2l #content,
  #ui.col2r #content {
    width: 751px;
  }
  /* col1 */
  #ui.col1 #content {
    width: 100%;
  }
  /* footer */
  /* footer with different position in regard to content section */
  #ui #footer {
    bottom: 20px;
    color: #fff;
    height: 32px;
    margin: 0 auto;
    position: relative;
    width: 979px;
    z-index: 1;
    left: -21px;
  }
  #ui #footer .top {
    background: url(../../designs/pritt/components/page/img/image-footer-above.png) no-repeat 50% 0 transparent;
    height: 36px;
  }
  #ui #footer .middle {
    -webkit-box-shadow: 0px 4px 6px #666;
    -moz-box-shadow: 0px 4px 6px #666;
    box-shadow: 0px 4px 6px #666;
    border: 1px solid #eee;
    background: #fff;
    color: #545353;
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
    position: relative;
  }
  #ui #footer .middle:after,
  #ui #footer .middle:before {
    content: "";
    display: table;
  }
  #ui #footer .middle:after {
    clear: both;
  }
  #ui #footer .middle .left {
    float: left;
    width: 24%;
  }
  #ui #footer .middle .right {
    float: right;
    margin-right: 25px;
    width: 73%;
  }
  #ui #footer .footerpar {
    background: url(../../designs/pritt/components/page/img/image-footer-scissor.png) no-repeat 0 100% transparent;
    min-height: 15px;
    padding-bottom: 40px;
  }
  #ui #footer .footnoteLogo {
    float: right;
    margin-right: 5px;
  }
  #ui #footer .bottom {
    background: url(../../designs/pritt/components/page/img/image-footer-below.png) no-repeat -24px 0 transparent;
    clear: both;
    height: 43px;
    position: relative;
  }
  #ui.col2r #footer_____ {
    left: -102px;
    width: 751px;
  }
  #ui.col1 #footer_____ {
    width: 961px;
  }
  /* fixed variant */
  .fixed #ui #footer_____ {
    left: 50% !important;
    margin-right: 0;
    position: absolute;
  }
  .fixed #ui.col3 #footer_____ {
    margin-left: -485px;
  }
  .fixed #ui.col2l #footer_____ {
    margin-left: -371px;
  }
  .fixed #ui.col2r #footer_____,
  .fixed #ui.col1 #footer_____ {
    margin-left: -580px;
  }
  /* z-index fix from dropdown main-nav */
  .ie7 #ui #main-nav {
    position: relative;
    z-index: 2;
  }
}
@media print {
  /* hide certain parts of the page */
  #ui #header h1,
  #ui #header .main-nav,
  #ui #header .teaser-office,
  #ui #header .row,
  #ui #bg-left,
  #ui #bg-right,
  #ui #main aside,
  #ui #main .deco,
  #ui #footer {
    display: none !important;
  }
  /*
    html,
    #heli,
    #ui,
    #ui #ui-wrapper,
    #ui .wrapper,
    #ui #main,
    #ui #main .content {
       background: transparent !important;
       height: auto;
       width: 100% !important;
    }
    #ui #content {
        width: auto !important;
    }
*/
}
/**
 * comp: campaignpage
 * 
 * all areas
 */
@media all {
  #heli.fixed.campaignpage,
  .campaignpage #ui,
  .campaignpage #ui #ui-wrapper,
  .campaignpage #ui .wrapper,
  .campaignpage #ui #main {
    background-image: none;
  }
  html,
  #heli.campaignpage {
    min-width: 0;
  }
  .campaignpage #ui {
    width: auto !important;
  }
  .campaignpage #ui #ui-wrapper {
    padding: 0;
    width: auto;
  }
  .campaignpage #ui .wrapper {
    margin: 0;
    width: auto;
  }
  .campaignpage #ui #content {
    float: none;
    margin: 0;
    width: auto;
  }
  .campaignpage #ui #main {
    margin: 0;
  }
  /* footer */
  .campaignpage #ui #footer {
    color: #000;
    left: 0;
    margin-left: 0;
  }
}
/**
 * comp: colorbox
 * pritt theme
 */
@media all {
  #ui #colorbox,
  #ui #cboxOverlay,
  #ui #cboxWrapper {
    overflow: visible;
  }
  #ui #cboxOverlay {
    background: #000;
  }
  #ui #cboxTopLeft,
  #ui #cboxTopRight,
  #ui #cboxBottomLeft,
  #ui #cboxBottomRight {
    background: none;
    height: 0;
    width: 0;
  }
  #ui #cboxMiddleLeft,
  #ui #cboxBottomCenter,
  #ui #cboxMiddleRight {
    background: none;
    width: 0;
  }
  #ui #cboxTopCenter {
    height: 0;
    background: none;
  }
  #ui #cboxError {
    padding: 50px;
    border: 1px solid #ccc;
  }
  #ui #cboxLoadedContent {
    margin-top: 0;
  }
  #ui #cboxContent {
    -webkit-box-shadow: 0 6px 25px 0px #000;
    -moz-box-shadow: 0 6px 25px 0px #000;
    box-shadow: 0 6px 25px 0px #000;
    position: relative;
    behavior: url("/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc");
    margin: 20px 0 0 !important;
    background: #fff;
    border: 10px solid #fff !important;
    overflow: visible;
  }
  #ui #cboxTitle {
    background-color: #fff;
    bottom: auto;
    color: #000;
    font-size: 11px;
    left: 0;
    line-height: 1.2;
    margin-left: -10px;
    min-height: 20px;
    padding: 10px;
    position: absolute;
    text-align: center;
    width: 100%;
  }
  #ui #cboxCurrent {
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.7);
    background-color: transparent;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#B20000,endColorstr=#B20000);
    zoom: 1;
    bottom: 25px;
    color: #ccc;
    float: none !important;
    left: 0;
    padding: 5px;
    position: relative;
  }
  #ui #cboxPrevious {
    background: url(../../designs/pritt/components/colorbox/img/colorbox-prev.png) no-repeat scroll left top transparent;
    height: 44px;
    left: 0;
    margin-top: -32px;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    width: 42px;
  }
  #ui #cboxNext {
    background: url(../../designs/pritt/components/colorbox/img/colorbox-next.png) no-repeat scroll right top transparent;
    height: 44px;
    left: auto;
    margin-top: -32px;
    position: absolute;
    right: 0;
    text-indent: -9999px;
    top: 50%;
    width: 42px;
  }
  /*
    #cboxLoadingOverlay{
        background: transparent url(../../designs/henkel-lib/components/colorbox/img/loading.gif) no-repeat 50% 50%;
    }
    */
  #ui #cboxClose {
    background: url(../../designs/pritt/components/colorbox/img/colorbox-close.png) no-repeat 0 0;
    color: #444444;
    display: block;
    height: 44px;
    position: absolute;
    right: -33px;
    text-indent: -1000em;
    top: -33px;
    width: 42px;
  }
  /*
    #cboxClose:hover{
        background-position: 0 0;
    }
    */
}
@media all {
  #ui #header .logo {
    float: left;
    margin: 10px 0 0 70px;
    width: 165px;
  }
  #ui #header .logo .ic {
    -moz-transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
    -ms-transform: rotate(-7deg);
    transform: rotate(-7deg);
    color: #fff;
    font-weight: bold;
    margin-top: -23px;
    text-align: center;
  }
  .ie8 #ui #header .logo {
    -ms-filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.99254615, M12=0.12186934, M21=-0.12186934, M22=0.99254615,sizingMethod='auto expand');
  }
  .ie8 #ui #header .logo .ic {
    margin: -32px 0 0 -20px;
  }
  #ui #footer .logo {
    float: left;
  }
}
@media print {
  #ui #header .logo,
  #ui #header .logo img {
    width: 100px;
  }
  #ui #header .logo img {
    margin-bottom: 30px;
  }
}
/**
 * comp: search inputbox
 */
@media all {
  #ui .search.input-box {
    float: left;
    margin-left: 14px;
    margin-top: 13px;
    padding: 0;
    width: 160px;
    /* remove default user agent styling in webkit */
  }
  #ui .search.input-box p {
    float: left;
  }
  #ui .search.input-box .searchfield {
    width: 114px;
  }
  #ui .search.input-box .searchfield input {
    font: bold 10px arial, sans-serif;
    background: none;
    border: none;
    color: #545353;
    padding: 2px 5px 2px 5px;
    text-align: center;
    width: 114px;
  }
  #ui .search.input-box .searchfield input::-webkit-input-placeholder,
  #ui .search.input-box .searchfield input::-moz-placeholder,
  #ui .search.input-box .searchfield input:-ms-input-placeholder {
    color: #545353;
  }
  #ui .search.input-box input[type="search"] {
    -webkit-appearance: none;
  }
  #ui .search.input-box .searchbutton button {
    background: url('../../designs/pritt/common/img/icons.png') no-repeat transparent;
    display: inline-block;
    height: 22px;
    width: 19px;
    background-position: 0 -903px;
    border: 0;
    direction: ltr;
    margin-left: 20px;
    left: -4px;
    overflow: hidden;
    position: relative;
    text-align: left;
    text-indent: -999em;
  }
  .ie8 #ui .search.input-box .searchfield input {
    width: 112px;
  }
}
@media all {
  #ui .breadcrumb {
    bottom: -20px;
    left: 295px;
    max-width: 460px;
    position: absolute;
  }
  #ui.col2r .breadcrumb {
    bottom: -20px;
    left: 295px;
    max-width: 665px;
  }
  #ui.col3 .breadcrumb.wide {
    max-width: 540px;
  }
  #ui.col2r .breadcrumb.wide,
  #ui.col2l .breadcrumb.wide {
    max-width: 750px;
  }
  #ui.col1 .breadcrumb.wide {
    max-width: 955px;
  }
  #ui .breadcrumb a {
    font-weight: bold;
    padding-right: 5px;
    text-decoration: none;
  }
  #ui .breadcrumb a span,
  #ui .breadcrumb a:link,
  #ui .breadcrumb a:visited {
    color: #545353;
  }
  #ui .breadcrumb a:hover,
  #ui .breadcrumb a:focus,
  #ui .breadcrumb a:active {
    color: #dc291e;
  }
  #ui .breadcrumb a:before,
  #ui .breadcrumb strong:before {
    content: " > ";
  }
  #ui .breadcrumb li:first-child a:before {
    content: none;
  }
  #ui .breadcrumb .h-nav li strong {
    color: #dc291e;
  }
}
@media all {
  #ui .countryselector {
    background: #fcfafa !important;
    min-height: 200px;
    padding: 20px 0 40px 0 !important;
  }
  #ui .countryselector h2 {
    font: bold 16px arial, sans-serif;
    color: #dc291e;
    margin: 0 0 25px 35px;
  }
  #ui .countryselector .country-wrapper {
    background: url("../../designs/pritt/components/navigation/countryselector/img/countryselector-background.png") 0 0 repeat transparent;
  }
  #ui .countryselector .mrpritt-country {
    background: url("../../designs/pritt/components/navigation/countryselector/img/countryselector-mrpritt.png") no-repeat 0 0 transparent;
    bottom: 25px;
    height: 255px;
    position: absolute;
    right: 0;
    width: 150px;
  }
  #ui .countryselector ul {
    list-style: none;
  }
  #ui .countryselector ul ul li a,
  #ui .countryselector ul ul li a:link,
  #ui .countryselector ul ul li a:visited,
  #ui .countryselector ul ul li a:hover,
  #ui .countryselector ul ul li a:active {
    font: normal 10px arial, sans-serif;
    color: #000000;
  }
  #ui .countryselector .country-wrapper > ul {
    float: left;
    width: 42%;
  }
  #ui .countryselector .country-wrapper > ul > li {
    clear: both;
    display: block;
    height: 15px !important;
    padding: 2px 0 2px 63px;
    position: relative;
  }
  #ui .countryselector .country-wrapper > ul > li.current,
  #ui .countryselector .country-wrapper > ul > li:hover {
    background: url('../../designs/pritt/common/img/icons.png') no-repeat transparent;
    display: inline-block;
    height: 11px;
    width: 11px;
    background-position: 0 2px;
    background-position: 18px 5px;
    display: block;
    height: auto;
    width: auto;
  }
  #ui .countryselector .country-wrapper > ul > li img {
    left: 35px;
    position: absolute;
    padding-top: 1px;
  }
  #ui .countryselector .country-wrapper > ul > li ul li {
    float: left;
  }
  #ui .countryselector .country-wrapper > ul > li ul li.current a {
    color: #dc291e;
    font-weight: bold;
  }
  #ui .countryselector .country-wrapper > ul > li ul li span.separator {
    margin-right: 3px;
  }
}
/**
 * comp: navigation - countryswitch
 */
@media all {
  #ui .countryswitch {
    float: left;
    margin-top: 5px;
  }
  #ui .countryswitch a {
    font: bold 12px arial, sans-serif;
    color: #545353;
    display: block;
    line-height: 1.1;
    margin-top: 8px;
  }
  #ui .countryswitch a span:first-child {
    border-left: 1px solid #545353;
  }
  #ui .countryswitch a:link,
  #ui .countryswitch a:visited {
    color: #545353;
  }
  #ui .countryswitch a:hover,
  #ui .countryswitch a:focus,
  #ui .countryswitch a:active {
    background-color: transparent;
    color: #dc291e;
    text-decoration: none;
  }
  #ui .countryswitch img {
    float: left;
    margin-top: -1px;
    padding: 0 13px 0 11px;
  }
  #ui .countryswitch span {
    float: left;
    padding: 0 6px;
  }
}
/**
 * comp: language switch
 */
@media all {
  #ui .languageswitch {
    float: left;
    margin: 8px 6px 0 0;
    position: relative;
  }
  #ui .languageswitch li {
    padding: 8px 0;
  }
  #ui .languageswitch li.current a {
    color: #dc291e;
  }
  #ui .languageswitch li:first-child a {
    border-left: none;
  }
  #ui .languageswitch li a {
    font: normal 10px arial, sans-serif;
    border-left: 1px solid #545353;
    color: #545353;
    line-height: 7px !important;
    padding: 0 6px 0 6px;
    text-decoration: none;
  }
  #ui .languageswitch li a:link,
  #ui .languageswitch li a:visited {
    color: #545353;
  }
  #ui .languageswitch li a:hover,
  #ui .languageswitch li a:focus,
  #ui .languageswitch li a:active {
    background-color: transparent;
    color: #dc291e;
    text-decoration: none;
  }
  .ie8 #ui .languageswitch a {
    padding-top: 0;
    padding-bottom: 1px;
  }
  .ie8 #ui .languageswitch li.current a {
    color: #dc291e;
  }
}
/**
 * comp: main-nav
 * description: flyout navigation with 3 navigation levels
 */
@media all {
  #ui .main-nav {
    background: url(../../designs/pritt/components/navigation/main-nav/img/bg-header-main-nav.png);
    float: left;
    left: 31px;
    margin-top: 38px;
    height: 82px;
    position: relative;
    width: 779px;
    z-index: 5;
  }
  #ui .main-nav li {
    cursor: pointer;
  }
  #ui .main-nav ul li.open,
  #ui .main-nav ul li.current {
    position: relative;
  }
  #ui .main-nav ul li.current img,
  #ui .main-nav ul li.open img {
    margin-top: 0;
  }
  #ui .main-nav ul li a {
    color: #545353;
    text-decoration: none;
  }
  #ui .main-nav img {
    margin-top: 10px;
  }
  #ui .main-nav ul li.item-0 ul,
  #ui .main-nav ul li.item-3 ul {
    background: url(../../designs/pritt/components/navigation/main-nav/img/bg-submenu-shadow.png) repeat-x top left #18b7c6;
  }
  #ui .main-nav ul li.item-1 ul,
  #ui .main-nav ul li.item-4 ul {
    background: url(../../designs/pritt/components/navigation/main-nav/img/bg-submenu-shadow.png) repeat-x top left #13b572;
  }
  #ui .main-nav ul li.item-2 ul,
  #ui .main-nav ul li.item-5 ul {
    background: url(../../designs/pritt/components/navigation/main-nav/img/bg-submenu-shadow.png) repeat-x top left #e20000;
  }
  /*level 1: main-nav links*/
  #ui .main-nav > ul > li div > a {
    font: normal 18px arial, sans-serif;
    line-height: .8;
    height: 86px;
    margin-top: 8px;
    /* all letters of one word are wrapped within div to avoid linebreaks */
  }
  #ui .main-nav > ul > li div > a span {
    margin-top: 10px;
    height: 44px;
    display: inline-block;
    padding-top: 27px;
    font-weight: bold;
  }
  #ui .main-nav > ul > li div > a > div {
    display: inline-block;
  }
  #ui .main-nav > ul > li.item-0,
  #ui .main-nav > ul > li.item-3 {
    margin-left: 52px;
  }
  #ui .main-nav > ul > li.item-0.open,
  #ui .main-nav > ul > li.item-3.open,
  #ui .main-nav > ul > li.item-0.current,
  #ui .main-nav > ul > li.item-3.current {
    margin-top: -13px;
  }
  #ui .main-nav > ul > li.item-0.open > div > a > span,
  #ui .main-nav > ul > li.item-3.open > div > a > span,
  #ui .main-nav > ul > li.item-0.current > div > a > span,
  #ui .main-nav > ul > li.item-3.current > div > a > span {
    background: url(../../designs/pritt/components/navigation/main-nav/img/first-bg-right-active.png) no-repeat top right;
    color: red;
  }
  #ui .main-nav > ul > li.item-0 > div,
  #ui .main-nav > ul > li.item-3 > div {
    background: url(../../designs/pritt/components/navigation/main-nav/img/first-bg-middle.png) repeat-x 0 10px;
  }
  #ui .main-nav > ul > li.item-0 > div > a,
  #ui .main-nav > ul > li.item-3 > div > a {
    background: url(../../designs/pritt/components/navigation/main-nav/img/first-bg-left.png) no-repeat 0 2px;
    height: 86px;
    margin-left: -30px;
  }
  #ui .main-nav > ul > li.item-0 > div > a > span,
  #ui .main-nav > ul > li.item-3 > div > a > span {
    background: url(../../designs/pritt/components/navigation/main-nav/img/first-bg-right.png) no-repeat top right;
    margin-top: 10px;
    height: 44px;
    display: inline-block;
    /*padding-right: 41px;
                        padding-left: 52px;*/
    margin-right: -21px;
    max-width: 133px;
    text-align: center;
    /*padding-top: 22px;
                        padding-bottom: 9px;*/
    line-height: 0.8em;
    padding: 22px 32px 9px 66px;
  }
  #ui .main-nav > ul > li.item-1,
  #ui .main-nav > ul > li.item-4 {
    margin-left: 75px;
  }
  #ui .main-nav > ul > li.item-1.open,
  #ui .main-nav > ul > li.item-4.open,
  #ui .main-nav > ul > li.item-1.current,
  #ui .main-nav > ul > li.item-4.current {
    margin-top: -13px;
  }
  #ui .main-nav > ul > li.item-1.open > div > a > span,
  #ui .main-nav > ul > li.item-4.open > div > a > span,
  #ui .main-nav > ul > li.item-1.current > div > a > span,
  #ui .main-nav > ul > li.item-4.current > div > a > span {
    background: url(../../designs/pritt/components/navigation/main-nav/img/second-bg-right-active.png) no-repeat right 0;
    color: red;
  }
  #ui .main-nav > ul > li.item-1 > div,
  #ui .main-nav > ul > li.item-4 > div {
    background: url(../../designs/pritt/components/navigation/main-nav/img/second-bg-middle.png) repeat-x 0 10px;
  }
  #ui .main-nav > ul > li.item-1 > div > a,
  #ui .main-nav > ul > li.item-4 > div > a {
    background: url(../../designs/pritt/components/navigation/main-nav/img/second-bg-left.png) no-repeat 0 9px;
    height: 86px;
    margin-left: -51px;
  }
  #ui .main-nav > ul > li.item-1 > div > a > span,
  #ui .main-nav > ul > li.item-4 > div > a > span {
    background: url(../../designs/pritt/components/navigation/main-nav/img/second-bg-right.png) no-repeat top right;
    margin-top: 10px;
    height: 44px;
    display: inline-block;
    /*padding-right: 27px;
                        padding-left: 74px;*/
    margin-right: -21px;
    max-width: 133px;
    text-align: center;
    /*padding-top: 22px;
                        padding-bottom: 9px;*/
    line-height: 0.8em;
    padding: 22px 27px 9px 74px;
  }
  #ui .main-nav > ul > li.item-2,
  #ui .main-nav > ul > li.item-5 {
    margin-left: 66px;
  }
  #ui .main-nav > ul > li.item-2.open,
  #ui .main-nav > ul > li.item-5.open,
  #ui .main-nav > ul > li.item-2.current,
  #ui .main-nav > ul > li.item-5.current {
    margin-top: -13px;
  }
  #ui .main-nav > ul > li.item-2.open > div > a > span,
  #ui .main-nav > ul > li.item-5.open > div > a > span,
  #ui .main-nav > ul > li.item-2.current > div > a > span,
  #ui .main-nav > ul > li.item-5.current > div > a > span {
    background: url(../../designs/pritt/components/navigation/main-nav/img/third-bg-right-active.png) no-repeat top right;
    color: red;
  }
  #ui .main-nav > ul > li.item-2 > div,
  #ui .main-nav > ul > li.item-5 > div {
    background: url(../../designs/pritt/components/navigation/main-nav/img/third-bg-middle.png) repeat-x 0 10px;
  }
  #ui .main-nav > ul > li.item-2 > div > a,
  #ui .main-nav > ul > li.item-5 > div > a {
    background: url(../../designs/pritt/components/navigation/main-nav/img/third-bg-left.png) no-repeat 0 10px;
    height: 86px;
    margin-left: -12px;
  }
  #ui .main-nav > ul > li.item-2 > div > a > span,
  #ui .main-nav > ul > li.item-5 > div > a > span {
    background: url(../../designs/pritt/components/navigation/main-nav/img/third-bg-right.png) no-repeat top right;
    margin-top: 10px;
    height: 44px;
    display: inline-block;
    /*padding-right: 41px;
                        padding-left: 29px;*/
    margin-right: -21px;
    max-width: 133px;
    text-align: center;
    /*padding-top: 22px;
                        padding-bottom: 9px;*/
    line-height: 0.8em;
    padding: 22px 41px 9px 29px;
  }
  /*level 1: main-nav links*/
  .ie8 #ui .main-nav > ul > li.item-0.open,
  .ie8 #ui .main-nav > ul > li.item-3.open,
  .ie8 #ui .main-nav > ul > li.item-0.current,
  .ie8 #ui .main-nav > ul > li.item-3.current {
    margin-top: 0;
  }
  .ie8 #ui .main-nav > ul > li.item-0.open > div,
  .ie8 #ui .main-nav > ul > li.item-3.open > div,
  .ie8 #ui .main-nav > ul > li.item-0.current > div,
  .ie8 #ui .main-nav > ul > li.item-3.current > div {
    margin-top: -13px;
  }
  .ie8 #ui .main-nav > ul > li.item-0.open > div ul,
  .ie8 #ui .main-nav > ul > li.item-3.open > div ul,
  .ie8 #ui .main-nav > ul > li.item-0.current > div ul,
  .ie8 #ui .main-nav > ul > li.item-3.current > div ul {
    margin-top: -13px;
  }
  .ie8 #ui .main-nav > ul > li.item-1.open,
  .ie8 #ui .main-nav > ul > li.item-4.open,
  .ie8 #ui .main-nav > ul > li.item-1.current,
  .ie8 #ui .main-nav > ul > li.item-4.current {
    margin-top: 0;
  }
  .ie8 #ui .main-nav > ul > li.item-1.open > div,
  .ie8 #ui .main-nav > ul > li.item-4.open > div,
  .ie8 #ui .main-nav > ul > li.item-1.current > div,
  .ie8 #ui .main-nav > ul > li.item-4.current > div {
    margin-top: -13px;
  }
  .ie8 #ui .main-nav > ul > li.item-1.open > div ul,
  .ie8 #ui .main-nav > ul > li.item-4.open > div ul,
  .ie8 #ui .main-nav > ul > li.item-1.current > div ul,
  .ie8 #ui .main-nav > ul > li.item-4.current > div ul {
    margin-top: -13px;
  }
  .ie8 #ui .main-nav > ul > li.item-2.open,
  .ie8 #ui .main-nav > ul > li.item-5.open,
  .ie8 #ui .main-nav > ul > li.item-2.current,
  .ie8 #ui .main-nav > ul > li.item-5.current {
    margin-top: 0;
  }
  .ie8 #ui .main-nav > ul > li.item-2.open > div,
  .ie8 #ui .main-nav > ul > li.item-5.open > div,
  .ie8 #ui .main-nav > ul > li.item-2.current > div,
  .ie8 #ui .main-nav > ul > li.item-5.current > div {
    margin-top: -13px;
  }
  .ie8 #ui .main-nav > ul > li.item-2.open > div ul,
  .ie8 #ui .main-nav > ul > li.item-5.open > div ul,
  .ie8 #ui .main-nav > ul > li.item-2.current > div ul,
  .ie8 #ui .main-nav > ul > li.item-5.current > div ul {
    margin-top: -13px;
  }
  /*level2*/
  #ui .main-nav ul ul,
  .ie8 #ui .main-nav .level2 .level3 {
    border-top: none;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-box-shadow: 1px 1px 1px 0 #000000;
    -moz-box-shadow: 1px 1px 1px 0 #000000;
    box-shadow: 1px 1px 1px 0 #000000;
    display: none;
    left: 0;
    margin-left: -4px;
    position: absolute;
    top: 92px;
    width: 121%;
    z-index: 2;
    padding: 15px 0 0 0;
  }
  #ui .main-nav ul ul li {
    float: none;
    width: 100%;
    margin-left: 0;
    padding: 0 8px 8px 8px;
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #ui .main-nav ul ul li.open {
    height: auto;
  }
  #ui .main-nav ul ul li a {
    background: #f1eee9;
  }
  #ui .main-nav ul ul a,
  .ie8 #ui .main-nav .level2 .level3 a {
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
    margin: 0;
    font: bold 14px arial, sans-serif;
    padding: 8px;
    text-shadow: none;
    display: block;
  }
  #ui .main-nav ul ul a:hover,
  .ie8 #ui .main-nav .level2 .level3 a:hover {
    background: #f1eee9;
  }
  /*level3*/
  #ui .main-nav .level3 {
    left: 100%;
    position: absolute;
    z-index: 1;
    padding: 15px 0 0 0;
  }
  .ie8 #ui .main-nav .level3 {
    left: 103% !important;
  }
  /* special treatment for non cloned version of third level nav; does NOT affect IE7, IE8 */
  #ui .main-nav .level2 .level3 {
    border: none;
    display: block;
    margin-left: 0;
  }
  #ui .main-nav .level2 .level3 a {
    border-top: none;
    margin-left: 5px;
    padding: 8px;
  }
}
@media screen, projection {
  #ui .main-nav ul li.open > a,
  #ui .main-nav ul li.current > a,
  #ui .main-nav ul li:focus > a,
  #ui .main-nav ul li:hover > a,
  #ui .main-nav ul li > a:hover,
  #ui .main-nav ul li > a:focus {
    color: #E7404D;
  }
  #ui .main-nav ul ul a:hover,
  #ui .main-nav ul ul a:focus,
  #ui .main-nav ul ul a.active,
  #ui .main-nav ul ul a:active {
    color: #E7404D;
    background: #f1eee9;
  }
  #ui .main-nav .level2 a.active {
    color: #000;
  }
  #ui .main-nav .level3 a:hover,
  #ui .main-nav .level3 a:focus,
  #ui .main-nav .level3 a.active,
  #ui .main-nav .level3 a:active {
    background-position: 14px 9px;
  }
  #ui .main-nav .level2 .level3 a:hover,
  #ui .main-nav .level2 .level3 a:focus,
  #ui .main-nav .level2 .level3 a.active,
  #ui .main-nav .level2 .level3 a:active {
    background-position: 9px 9px;
  }
}
/**
 * comp: meta-nav
 */
@media all {
  #ui .meta-nav {
    float: left;
    margin-top: 5px;
  }
  #ui .meta-nav li {
    padding: 8px 0;
    position: relative;
  }
  #ui .meta-nav li a {
    font: bold 12px arial, sans-serif;
    border-left: 1px solid #545353;
    color: #545353;
    display: block;
    float: left;
    line-height: 1.1;
    margin: 0;
    padding: 0px 6px;
    text-decoration: none;
  }
  #ui .meta-nav li a:link,
  #ui .meta-nav li a:visited {
    color: #545353;
  }
  #ui .meta-nav li a:hover,
  #ui .meta-nav li a:focus,
  #ui .meta-nav li a:active {
    color: #dc291e;
  }
  #ui .meta-nav li:first-child a {
    border-left: 0;
  }
  #ui .meta-nav li.open li {
    display: none !important;
  }
  #ui .meta-nav li > ul {
    display: none !important;
  }
}
/**
 * comp: sub-nav
 */
@media all {
  #ui .sub-nav ul {
    padding: 0 0 20px 8px;
  }
  #ui .sub-nav li {
    cursor: pointer;
    display: block;
    padding-bottom: 8px;
  }
  #ui .sub-nav a {
    background-color: #fff;
    box-shadow: 3px 3px 0 #000;
    -moz-box-shadow: 3px 3px 0 #000;
    -webkit-box-shadow: 3px 3px 0 #000;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    color: #000;
    display: block;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
    line-height: 1.15;
    padding: 2px;
    position: relative;
    width: 188px;
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
  }
  #ui .sub-nav li.current a,
  #ui .sub-nav li a:hover {
    color: #e20000;
    text-decoration: none;
  }
  #ui .sub-nav span {
    background: url(../../designs/pritt/components/navigation/sub-nav/img/sub-nav-arrow.png) no-repeat 165px 50% #fff;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    border: 2px dashed #e20000;
    display: block;
    padding: 6px 20px 6px 6px;
    position: relative;
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
  }
  .rgba #ui .sub-nav span {
    border-color: rgba(226, 0, 0, 0.8);
  }
}
@media all {
  #ui .teaser-small {
    margin: 0 9px 10px 8px;
    padding-bottom: 13px;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 2px 1px 3px 0px #000000;
    -moz-box-shadow: 2px 1px 3px 0px #000000;
    box-shadow: 2px 1px 3px 0px #000000;
  }
  #ui .teaser-small > a {
    display: block;
  }
  #ui .teaser-small a:visited,
  #ui .teaser-small a:link {
    color: #000000;
    text-decoration: none;
  }
  #ui .teaser-small a:hover,
  #ui .teaser-small a:active,
  #ui .teaser-small a:focus {
    color: #000000;
    text-decoration: none;
  }
  #ui .teaser-small img {
    max-width: 100%;
  }
  #ui .teaser-small .button-red {
    z-index: 5;
  }
  #ui .teaser-small .headline {
    margin: 0 5px 10px 5px;
    -webkit-box-shadow: 2px 2px 3px 1px #000000;
    -moz-box-shadow: 2px 2px 3px 1px #000000;
    box-shadow: 2px 2px 3px 1px #000000;
  }
  #ui .teaser-small .headline.button-red {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background: -moz-linear-gradient(left, #930000 0%, #ff1313 28%, #ff1313 75%, #930000 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #930000), color-stop(28%, #ff1313), color-stop(75%, #ff1313), color-stop(100%, #930000));
    background: -webkit-linear-gradient(left, #930000 0%, #ff1313 28%, #ff1313 75%, #930000 100%);
    background: -o-linear-gradient(left, #930000 0%, #ff1313 28%, #ff1313 75%, #930000 100%);
    background: -ms-linear-gradient(left, #930000 0%, #ff1313 28%, #ff1313 75%, #930000 100%);
    background: linear-gradient(to right, #930000 0%, #ff1313 28%, #ff1313 75%, #930000 100%);
    -pie-background: linear-gradient(0deg, #930000 0%, #ff1313 28%, #ff1313 75%, #930000 100%);
  }
  #ui .teaser-small .headline.button-red h3 {
    color: #fff;
    font: bold 14px arial, sans-serif;
    text-align: center;
    padding: 9px 0;
  }
  #ui .teaser-small .textimage {
    margin: 5px 0 0;
    padding: 0;
  }
  #ui .teaser-small .textimage p {
    display: inline-block;
    margin-bottom: 0;
    color: #545353;
  }
  #ui .teaser-small .textimage .textbox .icon {
    background: url("../../designs/pritt/common/img/button-link-new.png");
    bottom: 0;
    display: block;
    height: 44px;
    position: relative;
    width: 76px;
    float: right;
  }
  #ui .teaser-small.pointer {
    cursor: pointer;
  }
  #ui .teaser-small .teaser-wrapper {
    min-height: 40px;
    padding: 8px 11px 0 9px;
    position: relative;
  }
  .ie8 #ui .teaser-small {
    z-index: 0;
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 2px 1px 3px 0px #000000;
    -moz-box-shadow: 2px 1px 3px 0px #000000;
    box-shadow: 2px 1px 3px 0px #000000;
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
    position: relative;
  }
}
/**
 * comp: socialbar
 */
@media all {
  #ui .social-sidebar {
    position: absolute;
    z-index: 9999;
    right: -60px;
    top: 10px;
    overflow: hidden;
    width: 55px;
  }
  #ui .social-sidebar .social-sidebar__slider {
    width: 55px;
    min-height: 502px;
    margin-left: 0;
    position: relative;
  }
  #ui .social-sidebar .social-sidebar__slider .social-sidebar__service-container {
    width: 33px;
    padding: 10px;
    background-color: #ffffff;
    border-color: #e70000;
    border-style: solid;
    border-width: 1px;
  }
  #ui .social-sidebar .social-sidebar__slider .social-sidebar__service-container .social-sidebar__service-list .social-sidebar__service-trigger {
    background: url("../../../content/dam/henkel/general/cookies/images/social-bar-sprite-whitelabel.png") -600px 0px no-repeat transparent;
    display: block;
    height: 29px;
    text-indent: -9999px;
    width: 33px;
    margin: 0;
    margin-top: 10px;
    cursor: pointer;
  }
  #ui .social-sidebar .social-sidebar__slider .social-sidebar__service-container .social-sidebar__service-list .social-sidebar__service-trigger--active:after {
    content: "";
    border-color: transparent transparent transparent #ffffff;
    border-style: solid;
    border-width: 10px;
    width: 0;
    height: 0;
    position: absolute;
    right: -19px;
  }
  #ui .social-sidebar .social-sidebar__slider .social-sidebar__service-container .social-sidebar__service-list .social-sidebar__service-trigger--active:before {
    content: "";
    border-color: transparent transparent transparent #e70000;
    border-style: solid;
    border-width: 10px;
    width: 0;
    height: 0;
    position: absolute;
    right: -20px;
  }
  #ui .social-sidebar .social-sidebar__slider .social-sidebar__service-container .social-sidebar__service-list .social-sidebar__service-trigger-facebook {
    background-position: 0 0;
  }
  #ui .social-sidebar .social-sidebar__slider .social-sidebar__service-container .social-sidebar__service-list .social-sidebar__service-trigger-facebook.social-sidebar__service-trigger--active,
  #ui .social-sidebar .social-sidebar__slider .social-sidebar__service-container .social-sidebar__service-list .social-sidebar__service-trigger-facebook:hover {
    background-position: -36px 0;
  }
  #ui .social-sidebar .social-sidebar__slider .social-sidebar__service-container .social-sidebar__service-list .social-sidebar__service-trigger-twitter {
    background-position: 0 -29px;
  }
  #ui .social-sidebar .social-sidebar__slider .social-sidebar__service-container .social-sidebar__service-list .social-sidebar__service-trigger-twitter.social-sidebar__service-trigger--active,
  #ui .social-sidebar .social-sidebar__slider .social-sidebar__service-container .social-sidebar__service-list .social-sidebar__service-trigger-twitter:hover {
    background-position: -36px -29px;
  }
  #ui .social-sidebar .social-sidebar__slider .social-sidebar__service-container .social-sidebar__service-list .social-sidebar__service-trigger-googleplus {
    background-position: 0 -58px;
  }
  #ui .social-sidebar .social-sidebar__slider .social-sidebar__service-container .social-sidebar__service-list .social-sidebar__service-trigger-googleplus.social-sidebar__service-trigger--active,
  #ui .social-sidebar .social-sidebar__slider .social-sidebar__service-container .social-sidebar__service-list .social-sidebar__service-trigger-googleplus:hover {
    background-position: -36px -58px;
  }
  #ui .social-sidebar .social-sidebar__slider .social-sidebar__service-container .social-sidebar__service-list .social-sidebar__service-trigger-pinterest {
    background-position: 0 -87px;
  }
  #ui .social-sidebar .social-sidebar__slider .social-sidebar__service-container .social-sidebar__service-list .social-sidebar__service-trigger-pinterest.social-sidebar__service-trigger--active,
  #ui .social-sidebar .social-sidebar__slider .social-sidebar__service-container .social-sidebar__service-list .social-sidebar__service-trigger-pinterest:hover {
    background-position: -36px -87px;
  }
  #ui .social-sidebar .social-sidebar__slider .social-sidebar__service-container .social-sidebar__service-list .social-sidebar__service-trigger-youtube {
    background-position: 0 -116px;
  }
  #ui .social-sidebar .social-sidebar__slider .social-sidebar__service-container .social-sidebar__service-list .social-sidebar__service-trigger-youtube.social-sidebar__service-trigger--active,
  #ui .social-sidebar .social-sidebar__slider .social-sidebar__service-container .social-sidebar__service-list .social-sidebar__service-trigger-youtube:hover {
    background-position: -36px -116px;
  }
  #ui .social-sidebar .social-sidebar__slider .social-sidebar__service-container .social-sidebar__service-list .social-sidebar__service-trigger-email {
    background-position: -2px -145px;
  }
  #ui .social-sidebar .social-sidebar__slider .social-sidebar__service-container .social-sidebar__service-list .social-sidebar__service-trigger-email.social-sidebar__service-trigger--active,
  #ui .social-sidebar .social-sidebar__slider .social-sidebar__service-container .social-sidebar__service-list .social-sidebar__service-trigger-email:hover {
    background-position: -38px -145px;
  }
  #ui .social-sidebar .social-sidebar__slider .social-sidebar__service-container .social-sidebar__service-list .social-sidebar__service-trigger-linkedin {
    margin-top: 10px;
  }
  #ui .social-sidebar .social-sidebar__slider .social-sidebar__service-container .social-sidebar__service-list .social-sidebar__service-trigger-linkedin a {
    background: none;
    color: #4875B4;
    font-size: 29px;
    line-height: 29px;
  }
  #ui .social-sidebar .social-sidebar__slider .social-sidebar__service-container .social-sidebar__service-list .social-sidebar__service-trigger-bookmark {
    background-position: -2px -176px;
  }
  #ui .social-sidebar .social-sidebar__slider .social-sidebar__service-container .social-sidebar__service-list .social-sidebar__service-trigger-bookmark.social-sidebar__service-trigger--active,
  #ui .social-sidebar .social-sidebar__slider .social-sidebar__service-container .social-sidebar__service-list .social-sidebar__service-trigger-bookmark:hover {
    background-position: -38px -176px;
  }
  #ui .social-sidebar .social-sidebar__slider .social-sidebar__service-content {
    background-color: #ffffff;
    border: 1px solid #e70000;
    min-height: 500px;
    position: absolute;
    left: 75px;
    top: 0;
    width: 320px;
  }
  #ui .social-sidebar .social-sidebar__slider .social-sidebar__service-content .social-sidebar__service {
    z-index: 100;
    width: 320px;
    position: absolute;
    opacity: 0;
  }
  #ui .social-sidebar .social-sidebar__slider .social-sidebar__service-content .social-sidebar__service .social-sidebar__service-title {
    height: 20px;
    background-color: #eee;
    padding-left: 10px;
  }
  #ui .social-sidebar .social-sidebar__slider .social-sidebar__service-content .social-sidebar__service .social-sidebar__service-widget {
    padding: 10px;
  }
  #ui .social-sidebar .social-sidebar__slider .social-sidebar__service-content .social-sidebar__service .social-sidebar__service-widget div {
    width: 320px;
  }
  #ui .social-sidebar .social-sidebar__slider .social-sidebar__service-content .social-sidebar__service--active {
    z-index: 9999;
    opacity: 1;
  }
  #ui #footer .social-bar {
    position: relative;
    right: 20px;
    top: -10px;
  }
  #ui .social-bar {
    float: left;
  }
  #ui .social-bar .social-bar__service-container .social-bar__service-list .social-bar__service {
    display: block;
    float: left;
    height: 29px;
    width: 33px;
    margin: 0;
  }
  #ui .social-bar .social-bar__service-container .social-bar__service-list .social-bar__service a {
    background: url("../../../content/dam/henkel/general/cookies/images/social-bar-sprite-whitelabel.png") -600px 0px no-repeat transparent;
    height: 29px;
    text-indent: -9999px;
    width: 33px;
    display: block;
    float: left;
    margin: 3px 1ex 0 0;
  }
  #ui .social-bar .social-bar__service-container .social-bar__service-list .social-bar__service a.social-bar__service-facebook {
    background-position: 0 0;
  }
  #ui .social-bar .social-bar__service-container .social-bar__service-list .social-bar__service a.social-bar__service-facebook:hover {
    background-position: -36px 0;
  }
  #ui .social-bar .social-bar__service-container .social-bar__service-list .social-bar__service a.social-bar__service-twitter {
    background-position: 0 -29px;
  }
  #ui .social-bar .social-bar__service-container .social-bar__service-list .social-bar__service a.social-bar__service-twitter:hover {
    background-position: -36px -29px;
  }
  #ui .social-bar .social-bar__service-container .social-bar__service-list .social-bar__service a.social-bar__service-googleplus {
    background-position: 0 -58px;
  }
  #ui .social-bar .social-bar__service-container .social-bar__service-list .social-bar__service a.social-bar__service-googleplus:hover {
    background-position: -36px -58px;
  }
  #ui .social-bar .social-bar__service-container .social-bar__service-list .social-bar__service a.social-bar__service-pinterest {
    background-position: 0 -87px;
  }
  #ui .social-bar .social-bar__service-container .social-bar__service-list .social-bar__service a.social-bar__service-pinterest:hover {
    background-position: -36px -87px;
  }
  #ui .social-bar .social-bar__service-container .social-bar__service-list .social-bar__service a.social-bar__service-youtube {
    background-position: 0 -116px;
  }
  #ui .social-bar .social-bar__service-container .social-bar__service-list .social-bar__service a.social-bar__service-youtube:hover {
    background-position: -36px -116px;
  }
  #ui .social-bar .social-bar__service-container .social-bar__service-list .social-bar__service a.social-bar__service-email {
    background-position: -2px -145px;
  }
  #ui .social-bar .social-bar__service-container .social-bar__service-list .social-bar__service a.social-bar__service-email:hover {
    background-position: -38px -145px;
  }
  #ui .social-bar .social-bar__service-container .social-bar__service-list .social-bar__service a.social-bar__service-bookmark {
    background-position: -2px -176px;
  }
  #ui .social-bar .social-bar__service-container .social-bar__service-list .social-bar__service a.social-bar__service-bookmark:hover {
    background-position: -38px -176px;
  }
  #ui .social-bar .social-bar__service-container .social-bar__service-list .social-bar__service a.social-bar__service-linkedin,
  #ui .social-bar .social-bar__service-container .social-bar__service-list .social-bar__service a.social-bar__service-linkedin:hover {
    background: none;
    color: #4875B4;
    font-size: 29px;
    line-height: 29px;
    text-indent: 0;
  }
}
/**
 * component: hotspotimage (skin)
 */
@media all {
  #ui .hotspotimage {
    padding: 10px;
    margin-bottom: 20px;
  }
  #ui .hotspotimage img {
    -webkit-box-shadow: 1px 1px 1px 1px black;
    -moz-box-shadow: 1px 1px 1px 1px black;
    box-shadow: 1px 1px 1px 1px black;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
  }
  #ui .hotspotimage .image a {
    position: inherit;
  }
  #ui .hotspotimage .container {
    display: none;
  }
}
/**
 * component: hotspot (skin)
 */
@media all {
  #ui .hotspot {
    background: url("../../designs/pritt/components/hotspotimage/hotspot/img/pritt.hotspot.sprite.png") no-repeat -8px -95px transparent;
    height: 38px;
    left: -9999em;
    margin: -18px 0 0 -18px;
    position: absolute;
    width: 39px;
    z-index: 5;
  }
  #ui .hotspot.hover,
  #ui .hotspot:hover {
    cursor: pointer;
    overflow: visible;
    text-decoration: none;
    z-index: 10;
  }
  #ui .hotspot.hover .content,
  #ui .hotspot:hover .content {
    display: block;
  }
  #ui .hotspot .content {
    background: url("../../designs/pritt/components/hotspotimage/hotspot/img/Hotspot_popupBg.png") no-repeat;
    background-size: cover;
    height: 233px;
    width: 364px;
  }
  #ui .hotspot .content .image {
    bottom: -13px;
    position: relative;
    right: 3px;
    margin-bottom: 0;
    float: right;
    max-width: 50%;
  }
  #ui .hotspot .content .image img {
    max-height: 233px;
  }
  #ui .hotspot .content .textimage-text {
    padding: 30px 0 0 18px;
  }
  #ui .hotspot .content .textimage-text h4 {
    color: #415055;
    font-size: 12px;
  }
  #ui .hotspot .content .textimage-text h3,
  #ui .hotspot .content .textimage-text p {
    color: #415055;
    font-size: 18px;
  }
  #ui .hotspot .content .textimage-text h4:not(:first-child) a {
    display: inline-block;
    background: url("../../designs/pritt/common/img/button-link-new.png") no-repeat;
    width: 76px;
    height: 44px;
    font-size: 0;
    position: absolute;
    bottom: 10px;
  }
  #ui .hotspot .content.bottom:after {
    background: url("../../designs/pritt/components/hotspotimage/hotspot/img/pritt.hotspot.sprite.png") -2px -7px no-repeat;
    bottom: -28px;
    content: "";
    position: absolute;
    z-index: -1;
    width: 44px;
    height: 30px;
  }
  #ui .hotspot .content.top:before {
    background: url("../../designs/pritt/components/hotspotimage/hotspot/img/pritt.hotspot.sprite.png") -2px -48px no-repeat;
    content: "";
    position: absolute;
    top: -17px;
    z-index: -1;
    width: 44px;
    height: 18px;
  }
  #ui .hotspot .content.right.top {
    right: -5px;
    top: 65px;
  }
  #ui .hotspot .content.right.top:before {
    right: 20px;
  }
  #ui .hotspot .content.right.bottom {
    bottom: 85px;
    right: -5px;
  }
  #ui .hotspot .content.right.bottom:after {
    right: 20px;
  }
  #ui .hotspot .content.center.bottom {
    left: -160px;
    bottom: 80px;
  }
  #ui .hotspot .content.center.bottom:after {
    right: 165px;
  }
  #ui .hotspot .content.center.top {
    left: -160px;
    top: 65px;
  }
  #ui .hotspot .content.center.top:before {
    right: 165px;
  }
  #ui .hotspot .content.left.top {
    left: -17px;
    top: 65px;
  }
  #ui .hotspot .content.left.top:before {
    left: 20px;
  }
  #ui .hotspot .content.left.bottom {
    left: -17px;
    bottom: 85px;
  }
  #ui .hotspot .content.left.bottom:after {
    left: 20px;
  }
  .cssanimations #ui .hotspot {
    -webkit-animation: pulse 1s infinite linear;
    -moz-animation: pulse 1s infinite linear;
    -o-animation: pulse 1s infinite linear;
    animation: pulse 1s infinite linear;
  }
  @-webkit-keyframes pulse {
    0% {
      -webkit-transform: scale(0.9);
    }
    40% {
      -webkit-transform: scale(0.9);
    }
    50% {
      -webkit-transform: scale(1.2);
    }
    60% {
      -webkit-transform: scale(0.9);
    }
    100% {
      -webkit-transform: scale(0.9);
    }
  }
  @-moz-keyframes pulse {
    0% {
      -moz-transform: scale(0.9);
    }
    40% {
      -moz-transform: scale(0.9);
    }
    50% {
      -moz-transform: scale(1.2);
    }
    60% {
      -moz-transform: scale(0.9);
    }
    100% {
      -moz-transform: scale(0.9);
    }
  }
  @-o-keyframes pulse {
    0% {
      -o-transform: scale(0.9);
    }
    40% {
      -o-transform: scale(0.9);
    }
    50% {
      -o-transform: scale(1.2);
    }
    60% {
      -o-transform: scale(0.9);
    }
    100% {
      -o-transform: scale(0.9);
    }
  }
  @keyframes pulse {
    0% {
      transform: scale(0.9);
    }
    40% {
      transform: scale(0.9);
    }
    50% {
      transform: scale(1.2);
    }
    60% {
      transform: scale(0.9);
    }
    100% {
      transform: scale(0.9);
    }
  }
  .cssanimations #ui .hotspot:hover {
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: all 0 none;
    animation: none;
  }
}
@media all {
  #ui .rhino-btn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
    z-index: 10;
    display: block;
  }
  #ui .rhino-next {
    right: 0;
  }
  #ui .rhino-container {
    position: relative;
  }
  #ui .rhino-caption {
    position: absolute;
    background: #000;
    display: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
  }
  #ui .rhino-bullets {
    position: absolute;
    left: 50%;
    margin: 0 0 0 -50px;
    z-index: 10;
  }
  #ui .rhino-bullets li {
    float: left;
    display: inline;
    margin: 0 2px;
  }
  #ui .rhino-bullets li a.rhino-bullet {
    display: block;
    cursor: pointer;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
  }
}
@media all {
  #ui .carousel {
    -webkit-box-shadow: 1px 1px 1px 0px #000000;
    -moz-box-shadow: 1px 1px 1px 0px #000000;
    box-shadow: 1px 1px 1px 0px #000000;
    -webkit-border-radius: 10px 10px 40px 10px;
    -moz-border-radius: 10px 10px 40px 10px;
    border-radius: 10px 10px 40px 10px;
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
    background-color: #fff;
    border: 1px #b1a187 solid;
    margin: 0 auto;
    position: relative;
    width: 521px;
  }
  #ui .carousel .carouselnav {
    display: none;
  }
  #ui .carousel .rhino-container {
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
    position: relative;
    -webkit-border-radius: 10px 10px 40px 10px;
    -moz-border-radius: 10px 10px 40px 10px;
    border-radius: 10px 10px 40px 10px;
    border: 10px #fff solid;
    height: 208px;
    width: 501px;
  }
  #ui .carousel .rhino-container ul.items {
    height: 208px;
  }
  #ui .carousel ul.items {
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
    position: relative;
    -webkit-border-radius: 10px 10px 40px 10px;
    -moz-border-radius: 10px 10px 40px 10px;
    border-radius: 10px 10px 40px 10px;
    list-style: none;
  }
  #ui .carousel ul.items li.rhino-item {
    height: 208px;
    margin-bottom: 10px;
  }
  #ui .carousel .rhino-btn {
    display: block;
    height: 28px;
    margin-top: -33px;
    text-indent: -999%;
    width: 27px;
    z-index: 10;
  }
  #ui .carousel .rhino-toggle {
    left: -5000px;
    overflow: hidden;
    position: absolute;
  }
  #ui .carousel .rhino-prev,
  #ui .carousel .rhino-next {
    background: url('../../designs/pritt/components/carousel/img/carousel-sprite.png');
    height: 28px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    width: 27px;
    z-index: 5;
  }
  #ui .carousel .rhino-prev {
    background-position: -61px -5px;
    left: -15px;
  }
  #ui .carousel .rhino-next {
    background-position: -93px -5px;
    right: -20px;
  }
  #ui .carousel .rhino-caption {
    position: absolute;
    background: #000;
    display: none;
    left: 0;
    right: 0;
    top: 0;
    color: #fff;
    padding: 10px;
    text-align: right;
  }
  #ui .carousel .rhino-bullets {
    -webkit-box-shadow: 0 1px 1px 0 #9CACB4;
    -moz-box-shadow: 0 1px 1px 0 #9CACB4;
    box-shadow: 0 1px 1px 0 #9CACB4;
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
    position: relative;
    background: #e8eaf2;
    background: -moz-linear-gradient(top, #e8eaf2 0%, #e8ebf2 61%, #e5e9f0 78%, #e8ecf2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8eaf2), color-stop(61%, #e8ebf2), color-stop(78%, #e5e9f0), color-stop(100%, #e8ecf2));
    background: -webkit-linear-gradient(top, #e8eaf2 0%, #e8ebf2 61%, #e5e9f0 78%, #e8ecf2 100%);
    background: -o-linear-gradient(top, #e8eaf2 0%, #e8ebf2 61%, #e5e9f0 78%, #e8ecf2 100%);
    background: -ms-linear-gradient(top, #e8eaf2 0%, #e8ebf2 61%, #e5e9f0 78%, #e8ecf2 100%);
    background: linear-gradient(to bottom, #e8eaf2 0%, #e8ebf2 61%, #e5e9f0 78%, #e8ecf2 100%);
    -pie-background: linear-gradient(to bottom, #e8eaf2 0%, #e8ebf2 61%, #e5e9f0 78%, #e8ecf2 100%);
    border: 1px #d1d2da solid;
    bottom: -10px;
    height: 27px;
    left: 50%;
    margin-left: -40px;
    padding: 0 0 0 5px;
    position: absolute;
    z-index: 10;
  }
  #ui .carousel .rhino-bullets li {
    float: left;
    display: inline;
    margin: 2px 5px 0 0;
  }
  #ui .carousel .rhino-bullets li a.rhino-bullet {
    background: url('../../designs/pritt/components/carousel/img/carousel-sprite.png') no-repeat -5px -5px;
    display: block;
    height: 23px;
    cursor: pointer;
    padding: 0 0 0 5px;
    text-indent: -9999px;
    width: 19px;
  }
  #ui .carousel .rhino-bullets li a.rhino-bullet:hover,
  #ui .carousel .rhino-bullets li a.rhino-bullet:focus,
  #ui .carousel .rhino-bullets li a.rhino-bullet.rhino-active-bullet {
    background-position: -33px -5px;
  }
  #ui .carousel .stage .textblock {
    background: -moz-linear-gradient(left, #930000 0%, #ff1313 28%, #ff1313 75%, #930000 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #930000), color-stop(28%, #ff1313), color-stop(75%, #ff1313), color-stop(100%, #930000));
    background: -webkit-linear-gradient(left, #930000 0%, #ff1313 28%, #ff1313 75%, #930000 100%);
    background: -o-linear-gradient(left, #930000 0%, #ff1313 28%, #ff1313 75%, #930000 100%);
    background: -ms-linear-gradient(left, #930000 0%, #ff1313 28%, #ff1313 75%, #930000 100%);
    background: linear-gradient(to right, #930000 0%, #ff1313 28%, #ff1313 75%, #930000 100%);
    -pie-background: linear-gradient(0deg, #930000 0%, #ff1313 28%, #ff1313 75%, #930000 100%);
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
    position: relative;
    display: block;
    position: absolute;
    top: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 5px;
  }
  #ui .carousel .default.position1 .textblock {
    left: 5px;
  }
  #ui .carousel .default.position2 .textblock {
    right: 5px;
  }
}
@media all {
  #ui .cq-colctrl-lt0,
  #ui .cq-colctrl-lt1 {
    clear: both;
  }
  #ui .cq-colctrl-lt2-c0 {
    float: left;
    width: 66%;
  }
  #ui .cq-colctrl-lt2-c1 {
    float: right;
    width: 32%;
  }
  #ui .cq-colctrl-lt3-c0 {
    float: left;
    width: 32%;
  }
  #ui .cq-colctrl-lt3-c1 {
    float: right;
    width: 66%;
  }
}
@media all {
  #ui .textimage.description {
    padding: 0;
  }
  #ui .textimage.description .description-wrapper {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 2px 0px #545353;
    -moz-box-shadow: 2px 2px 2px 0px #545353;
    box-shadow: 2px 2px 2px 0px #545353;
    background: url("../../designs/pritt/components/craft/craftfinder/img/pritt.craftfinder.bg-small.jpg") repeat 0 0 transparent;
    border: 10px solid white;
    display: block;
    margin: 0 10px;
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
    position: relative;
    max-width: 90%;
    width: 100%;
  }
  #ui .textimage.description .description-wrapper .cookie-description {
    display: block;
    overflow: hidden;
    width: 100%;
  }
  #ui .textimage.description .description-wrapper .cookie-description > div {
    display: block;
    padding-bottom: 20px;
    margin-left: 3%;
    vertical-align: top;
  }
  #ui .textimage.description .description-wrapper .cookie-description > div.names {
    float: left;
    width: 26%;
  }
  #ui .textimage.description .description-wrapper .cookie-description > div.names ul {
    margin: 0;
  }
  #ui .textimage.description .description-wrapper .cookie-description > div.title {
    padding: 20px;
    width: 100%;
  }
  #ui .textimage.description .description-wrapper .cookie-description > div.title h3 {
    font-size: 20px;
  }
  #ui .textimage.description .description-wrapper .cookie-description > div.description {
    padding-right: 0;
    float: left;
    width: 50%;
  }
  #ui .textimage.description .description-wrapper .cookie-description > div.description .image {
    float: right;
    max-width: 30% !important;
    margin-left: 1%;
  }
  #ui .textimage.description .description-wrapper .cookie-description > div.description .image img {
    display: block;
    float: right;
    max-width: 100% !important;
    width: 100% !important;
  }
}
@media screen and (max-width: 640px), screen and (max-device-width: 640px) {
  #ui .textimage.description .description-wrapper {
    display: table;
    width: 100% !important;
  }
  #ui .textimage.description .description-wrapper .cookie-description {
    margin-bottom: 20px;
  }
  #ui .textimage.description .description-wrapper .cookie-description > div {
    display: block;
    padding: 0;
    margin-left: 0;
    width: 100% !important;
  }
  #ui .textimage.description .description-wrapper .cookie-description > div:first-child {
    display: block;
    width: 100%;
  }
  #ui .textimage.description .description-wrapper .cookie-description > div.description {
    padding: 0;
    margin-left: 0;
  }
  #ui .textimage.description .description-wrapper .cookie-description > div.description .image {
    display: block;
    float: none;
    max-width: 100% !important;
    margin: 10px 0;
    width: 100%;
  }
  #ui .textimage.description .description-wrapper .cookie-description > div.description .image img {
    float: none;
  }
  #ui .textimage.description .description-wrapper .cookie-description > div.title {
    padding: 0;
  }
}
@media all {
  #ui .pageswitch {
    padding: 0 35px;
    width: 110px;
  }
  #ui .pageswitch a {
    bottom: 20px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    text-align: center;
    max-width: 105px;
  }
  #ui .pageswitch a:after {
    background: url("../../designs/pritt/common/img/icons.png") no-repeat scroll 3px -96px transparent;
    content: "";
    padding: 0 10px 0 5px;
    position: relative;
    height: 11px;
    top: 1px;
    width: 11px;
  }
  #ui .pageswitch span.icon {
    display: none;
  }
}
@media all {
  #ui .craftdescription .pageswitch {
    text-align: center;
    width: 110px;
    padding: 0 40px 0 27px;
  }
  #ui .craftdescription .pageswitch a {
    color: #000000;
    display: inline-block;
    font-size: 17px;
    line-height: 0.8;
    position: relative;
    text-decoration: none;
    top: 42px;
  }
  .wf-active #ui .pageswitch a {
    font-size: 20px;
  }
  #ui .pageswitch a span {
    background-color: #FFFFFF;
    display: inline-block;
    min-width: 5px;
    padding-right: 2px;
    position: relative;
  }
  #ui .pageswitch span.icon {
    display: none;
  }
  #ui .pageswitch a span.odd {
    font-family: Arial, Verdana, sans-serif;
    font-weight: 400;
    left: -1px;
    margin-right: -2px;
    padding-bottom: 2px;
    padding-top: 0;
  }
  #ui .pageswitch a span.even {
    font-family: Arial, Verdana, sans-serif;
    font-weight: 900;
    padding-top: 2px;
    top: -3px;
  }
}
@media all {
  #ui .craftfinder {
    background: url("../../designs/pritt/components/craft/craftfinder/img/pritt.craftfinder.bg-small.jpg") repeat 0 0 transparent;
    border: 1px solid #ebe6e6;
    margin: 0 10px;
    -webkit-box-shadow: 2px 2px 2px 0px #545353;
    -moz-box-shadow: 2px 2px 2px 0px #545353;
    box-shadow: 2px 2px 2px 0px #545353;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
    position: relative;
  }
  #ui .craftfinder .craftfinder-bg {
    padding: 5px;
  }
  #ui .craftfinder form {
    border: 1px dashed #dc291e;
    padding: 5px;
  }
  #ui .craftfinder form label {
    color: #545353;
    font-weight: bold;
    margin-top: 10px;
  }
  #ui .craftfinder form select {
    -webkit-appearance: menulist;
    width: 100%;
  }
  #ui .craftfinder form div.select {
    background: #ebe6e6;
    padding: 3px;
    width: 96%;
  }
  #ui .craftfinder h2 {
    background: -moz-linear-gradient(left, #930000 0%, #ff1313 28%, #ff1313 75%, #930000 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #930000), color-stop(28%, #ff1313), color-stop(75%, #ff1313), color-stop(100%, #930000));
    background: -webkit-linear-gradient(left, #930000 0%, #ff1313 28%, #ff1313 75%, #930000 100%);
    background: -o-linear-gradient(left, #930000 0%, #ff1313 28%, #ff1313 75%, #930000 100%);
    background: -ms-linear-gradient(left, #930000 0%, #ff1313 28%, #ff1313 75%, #930000 100%);
    background: linear-gradient(to right, #930000 0%, #ff1313 28%, #ff1313 75%, #930000 100%);
    -pie-background: linear-gradient(0deg, #930000 0%, #ff1313 28%, #ff1313 75%, #930000 100%);
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
    position: relative;
    border-bottom: 2px solid #545353;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 0;
    text-align: center;
  }
  #ui .craftfinder span {
    color: #dc291e;
    display: inline-block;
    font-weight: bold;
    left: 55px;
    margin-top: 15px;
    position: absolute;
    width: 110px;
  }
  #ui .craftfinder .image {
    bottom: -12px;
    min-height: 109px;
    left: -14px;
    position: relative;
  }
  #ui .craftfinder .addBg {
    background: url("../../designs/pritt/components/craft/craftfinder/img/pritt.craftfinder.scissor-small.png") 0 0 no-repeat transparent;
    bottom: 70px;
    height: 30px;
    position: absolute;
    right: 5px;
    width: 15px;
  }
  #ui .craftfinder .submit {
    bottom: 15px;
    padding: 3px;
    position: absolute;
    z-index: 1;
    right: 6px;
  }
  #ui .craftfinder .submit .bg {
    display: none;
  }
  #ui .craftfinder .submit .icon {
    float: left;
  }
  #ui .craftfinder .submit .icon input {
    background: url("../../designs/pritt/common/img/button-link-new.png") no-repeat scroll 0 0 transparent;
    border: none;
    height: 44px;
    position: relative;
    text-indent: -999px;
    width: 76px;
  }
  #ui .craftfinder .craftfinder-product {
    background: url("../../designs/pritt/components/craft/craftfinder/img/extension-find-product.png") no-repeat 0 6px transparent;
    display: block;
    height: 107px;
    width: 170px;
    position: absolute;
  }
  #ui .craftfinder .craftfinder-product a {
    display: block;
    left: -25px;
    position: relative;
    top: 47px;
  }
  #ui .craftfinder .craftfinder-product a span {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
  }
  #ui .craftfinder .craftfinder-product a span:after {
    background: url("../../designs/pritt/components/craft/craftfinder/img/arrow-right.png") no-repeat 5px 4px transparent;
    content: "";
    height: 12px;
    position: absolute;
    width: 16px;
  }
  #ui #content .craftfinder {
    border: 10px solid #fff;
    overflow: hidden;
    -webkit-border-radius: 10px 10px 50px 10px;
    -moz-border-radius: 10px 10px 50px 10px;
    border-radius: 10px 10px 50px 10px;
  }
  #ui #content .craftfinder form {
    -webkit-border-radius: 0 0 50px 0;
    -moz-border-radius: 0 0 50px 0;
    border-radius: 0 0 50px 0;
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
    position: relative;
    padding: 10px 15px 20px;
  }
  #ui #content .craftfinder form div.categories {
    zoom: 1;
    margin-bottom: 10px;
    width: 70%;
  }
  #ui #content .craftfinder form div.categories:before,
  #ui #content .craftfinder form div.categories:after {
    content: "";
    display: table;
  }
  #ui #content .craftfinder form div.categories:after {
    clear: both;
  }
  #ui #content .craftfinder form div.categories > div {
    float: left;
    margin-right: 2%;
    width: 48%;
  }
  #ui #content .craftfinder form h2 {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
    width: 40%;
  }
  #ui #content .craftfinder form div.select {
    background: #ebe6e6;
    padding: 3px;
  }
  #ui #content .craftfinder .image {
    bottom: -8px;
    left: auto;
    right: -12px;
    position: absolute;
  }
  #ui #content .craftfinder .addBg {
    background: url("../../designs/pritt/components/craft/craftfinder/img/pritt.craftfinder.scissor-large.png") 0 0 no-repeat transparent;
    bottom: auto;
    right: 0;
    top: 20px;
  }
  #ui #content .craftfinder .submit {
    bottom: 0;
    right: 32%;
  }
  #ui #content .craftfinder .submit .bg input {
    font-size: 12px;
  }
  #ui #content .craftfinder span {
    left: 0;
    margin-top: 10px;
    position: relative;
    width: auto;
  }
  #ui #sidebar-left .craftfinder,
  #ui #sidebar-right .craftfinder {
    margin-bottom: 10px;
  }
  #ui #sidebar-left .craftfinder .submit,
  #ui #sidebar-right .craftfinder .submit {
    bottom: 10px;
    left: 40%;
  }
}
@media all {
  #ui .craftgallery ul {
    list-style: none;
  }
  #ui .craftgallery ul.craft-results {
    margin-top: 42px;
    padding: 0 10px 0 11px;
    background: url("../../designs/pritt/common/img/pritt.gallery.band.png") no-repeat scroll 6px 38% transparent;
  }
  #ui .craftgallery ul.craft-results .item {
    -webkit-box-shadow: -1px 1px 2px 0px #787878;
    -moz-box-shadow: -1px 1px 2px 0px #787878;
    box-shadow: -1px 1px 2px 0px #787878;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
    position: relative;
    z-index: 1;
    float: left;
    margin: -20px 8px 0 8px;
    padding: 7px;
    width: 114px;
    background: #ebe6e6;
  }
  #ui .craftgallery ul.craft-results .item .craftdescription {
    position: static;
    margin: 0;
    padding: 0;
    background: none;
  }
  #ui .craftgallery ul.craft-results .item .craftdescription-teaser {
    background-repeat: no-repeat;
  }
  #ui .craftgallery ul.craft-results .item .craftdescription-teaser .craftdescription-teaser-image {
    overflow: hidden;
    margin: 0 0 5px;
    height: 92px;
  }
  #ui .craftgallery ul.craft-results .item .craftdescription-teaser .craftdescription-teaser-image img {
    width: 100%;
  }
  #ui .craftgallery ul.craft-results .item .craftdescription-teaser .title-wrapper {
    -webkit-box-shadow: -1px 1px 2px 0px #c8c4c4;
    -moz-box-shadow: -1px 1px 2px 0px #c8c4c4;
    box-shadow: -1px 1px 2px 0px #c8c4c4;
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
    position: relative;
    z-index: 2;
    display: block;
    min-height: 13px;
    width: 100%;
    background: #fcfafa;
  }
  #ui .craftgallery ul.craft-results .item .craftdescription-teaser h3 {
    font: bold 13px arial, sans-serif;
    overflow: hidden;
    padding: 3px 5px 3px 5px;
    color: #dc291e;
  }
  #ui .craftgallery .information-bar {
    margin: 10px 10px 25px;
    padding: 15px 10px 10px;
  }
  #ui .craftgallery .information-bar .information-text {
    padding-left: 10px;
  }
  #ui .craftgallery .information-bar .information-text.ispagination {
    overflow: hidden;
    padding-bottom: 10px;
    width: 397px;
  }
  #ui .craftgallery .information-bar .information-text h3 {
    font: bold 20px arial, sans-serif;
    color: #dc291e;
    line-height: 1.222;
  }
  #ui .craftgallery .information-bar .information-text h4 {
    font: bold 14px arial, sans-serif;
    margin-top: 5px;
    color: #dc291e;
    line-height: 1.308;
  }
  #ui .craftgallery .information-bar .decoimage {
    position: absolute;
    top: -27px;
    right: -33px;
    display: block;
    width: 138px;
    height: 90px;
    background: url("../../designs/pritt/components/craft/craftgallery/img/icon-clouds.png") no-repeat;
  }
  #ui .craftgallery .information-bar .ispagination {
    float: none;
    width: 480px;
  }
  #ui .craftgallery .information-bar ul.pagination {
    display: block;
    float: right;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 8px;
  }
  #ui .craftgallery .information-bar ul.pagination span,
  #ui .craftgallery .information-bar ul.pagination a {
    font: bold 10px arial, sans-serif;
  }
  #ui .craftgallery .pageswitch {
    position: relative;
    float: left;
    margin-top: 29px;
    margin-left: 13px;
    padding: 0;
    width: 102px;
    height: 75px;
    background: url("../../designs/pritt/common/img/pritt.gallery.pageswitch.png") no-repeat scroll 0 0 transparent;
  }
  #ui .craftgallery .pageswitch a {
    top: 0;
    display: block;
    width: 102px;
    height: 70px;
    background: url("../../designs/pritt/common/img/button-link-new.png") no-repeat 8px 12px;
  }
  #ui .craftgallery .pageswitch a:after {
    background: transparent;
  }
  #ui .craftgallery .pageswitch a span {
    display: inline-block;
    background: transparent;
    text-indent: -9999px;
  }
}
@media all {
  #ui .deco {
    bottom: 54px;
    position: absolute;
  }
  #ui .deco .image,
  #ui .deco .image-left {
    float: left;
  }
  #ui .deco .new {
    clear: both;
  }
  #ui .deco .image-right {
    float: right;
  }
  #ui .deco a {
    display: block;
    position: relative;
  }
  #ui .deco > a.link {
    background: url(../../designs/pritt/common/img/button-link-new.png) no-repeat scroll 0 0 transparent;
    display: block;
    height: 44px;
    position: absolute;
    width: 76px;
    z-index: 2;
  }
  #ui .deco > .upperdecopar {
    display: block;
    height: 166px;
    left: 206px;
    position: absolute;
    width: 542px;
    z-index: 1;
  }
  #ui.col2l .deco > .upperdecopar {
    left: 209px;
    width: 751px;
  }
  #ui.col2r .deco > .upperdecopar {
    left: 0;
    width: 751px;
  }
  #ui.col1 .deco > .upperdecopar {
    left: 0;
    width: 961px;
  }
  #ui .deco > .lowerdecopar {
    bottom: 0px;
    display: block;
    height: 127px;
    position: absolute;
    width: 961px;
  }
}
@media all {
  #ui .download {
    float: left;
    margin-bottom: 10px;
  }
  #ui .download a {
    color: #000000;
    font-weight: bold;
  }
  #ui .download .button {
    -webkit-box-shadow: -1px 1px 2px -1px #545353;
    -moz-box-shadow: -1px 1px 2px -1px #545353;
    box-shadow: -1px 1px 2px -1px #545353;
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
    background: #ebe6e6;
    cursor: pointer;
    display: block;
    float: left;
    height: 25px;
    margin-right: 8px;
    padding: 5px 7px;
    position: relative;
    text-align: center;
  }
  #ui .download .button a {
    -webkit-box-shadow: -1px 1px 2px -1px #545353;
    -moz-box-shadow: -1px 1px 2px -1px #545353;
    box-shadow: -1px 1px 2px -1px #545353;
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
    position: relative;
    background-color: #fff;
    background-image: url("../../designs/pritt/components/craft/craftdescription/img/icon-download.png");
    background-position: 3px 4px;
    background-repeat: no-repeat;
    color: #000000;
    display: block;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    padding: 7px 5px 5px 19px;
    text-decoration: none;
  }
}
@media all {
  #ui .textimage {
    clear: both;
    margin: 10px;
    padding: 10px;
  }
  #ui .textimage .text-red {
    color: #ff0000;
  }
  #ui .textimage h2 {
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    margin: 0 0 4px;
  }
  #ui .textimage h3 {
    font-size: 11px;
    font-weight: bold;
    margin: 0 0 8px;
  }
  #ui .textimage h4 {
    font-size: 11px;
    margin: 0 0 8px;
  }
  #ui .textimage h5 {
    font-size: 11px;
    margin: 0 0 8px;
  }
  #ui .textimage p {
    margin-bottom: 20px;
  }
  #ui .textimage p,
  #ui .textimage li p,
  #ui .textimage li,
  #ui .textimage li li {
    font-size: 12px;
    line-height: 15px;
  }
  #ui .textimage ul {
    list-style-type: none;
    margin-left: 15px;
    margin-bottom: 20px;
  }
  #ui .textimage ul li {
    background: url("../../designs/pritt/common/img/bullet.png") no-repeat 0 3px transparent;
    display: block;
    padding-left: 15px;
  }
  #ui .textimage ul li .list-space {
    display: block;
    margin-bottom: 5px;
  }
  #ui .textimage ol {
    margin-bottom: 20px;
    margin-left: 15px;
    padding-left: 15px;
  }
  #ui .textimage .image {
    margin-bottom: 10px;
  }
  #ui .textimage img {
    max-width: 100%;
  }
  #ui .textimage a.zoom img {
    margin-bottom: 0;
  }
  #ui .textimage figcaption {
    font-size: 9px;
    font-style: italic;
  }
  #ui .textimage.image-left > .image {
    clear: left;
    float: left;
    margin-right: 10px;
  }
  #ui .textimage.image-right > .image {
    clear: right;
    float: right;
    margin-left: 10px;
    margin-right: 0;
  }
  #ui .textimage.image-full > .image {
    clear: both;
    float: none;
    margin-right: 0;
  }
  #ui .textimage.image-size25 > .image {
    width: 25%;
  }
  #ui .textimage.image-size35 > .image {
    width: 35%;
  }
  #ui .textimage.image-size45 > .image {
    width: 40%;
  }
  #ui .textimage.image-size50 > .image {
    width: 48%;
  }
  #ui .textimage.image-size55 > .image {
    width: 55%;
  }
  #ui .textimage.image-right > .image a,
  #ui .textimage.image-right > .image img,
  #ui .textimage.image-right > .image figcaption {
    float: right;
    max-width: 100%;
    text-align: right;
  }
  #ui .textimage.image-right > .image.zoom a span.magnifier {
    left: auto;
    right: 0;
  }
  #ui .textimage.image-left.image-size25 > .textimage-text {
    margin-left: 25%;
  }
  #ui .textimage.image-left.image-size35 > .textimage-text {
    margin-left: 35%;
  }
  #ui .textimage.image-left.image-size45 > .textimage-text {
    margin-left: 45%;
  }
  #ui .textimage.image-left.image-size50 > .textimage-text {
    margin-left: 50%;
  }
  #ui .textimage.image-left.image-size55 > .textimage-text {
    margin-left: 55%;
  }
  #ui .textimage.image-right.image-size35 > .textimage-text {
    margin-right: 35%;
  }
  #ui .textimage.image-right.image-size45 > .textimage-text {
    margin-right: 45%;
  }
  #ui .textimage.image-right.image-size50 > .textimage-text {
    margin-right: 50%;
  }
  #ui .textimage.image-right.image-size55 > .textimage-text {
    margin-right: 55%;
  }
  #ui .textimage a:link,
  #ui .textimage a:visited {
    color: #ff0000;
    text-decoration: underline;
  }
  #ui .textimage a:hover,
  #ui .textimage a:active,
  #ui .textimage a:focus {
    color: #ff0000;
    text-decoration: underline;
  }
  #ui #footer .textimage {
    margin: 0;
    padding: 0 10px;
  }
  #ui #footer .textimage a {
    color: #545353;
    font-size: 12px;
    text-decoration: none;
  }
  #ui #footer .textimage a:hover {
    color: #e20000;
    text-decoration: none;
  }
  #ui #footer .textimage h3 {
    font-size: 14px;
    font-weight: bold;
  }
}
/**
 * comp: image
 */
@media all {
  /* container */
  #ui #main > aside .parsys > .image {
    background: #F7F4EF;
    display: block;
    position: relative;
    width: 161px;
  }
  /* images */
  #ui #main > aside .parsys > .image img {
    border: 0;
    margin: 0 auto;
    max-height: 278px;
    max-width: 100%;
    position: relative;
  }
  #ui .image a {
    position: relative;
    z-index: 10;
  }
  #ui .image a.zoom span.magnifier {
    background: url("../../designs/pritt/components/image/img/magnifier.png") no-repeat 0 0;
  }
  /* frames */
  #ui #main > aside .parsys > .image .frame-top-left,
  #ui #main > aside .parsys > .image .frame-top-right {
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 100%;
    position: absolute;
    top: -8px;
    width: 179px;
    z-index: 1;
  }
  #ui #main > aside .parsys > .image .frame-bottom-left,
  #ui #main > aside .parsys > .image .frame-bottom-right {
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    bottom: -13px;
    display: block;
    height: 22px;
    position: absolute;
    width: 179px;
    z-index: 1;
  }
  #ui #main > aside .parsys > .image .frame-hook-left,
  #ui #main > aside .parsys > .image .frame-hook-right {
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 59px;
    position: absolute;
    right: 67px;
    top: -29px;
    width: 30px;
    z-index: 12;
  }
  /* leftpar specific */
  #ui #sidebar-left .parsys > .image,
  #ui #sidebar-left .parsys > .section > .image {
    margin: 0 0 24px 27px;
  }
  #ui #sidebar-left .parsys > .image .frame-top-left {
    background-image: url("../../designs/pritt/components/image/img/landingpage-image-left-top.png");
    left: -10px;
  }
  #ui #sidebar-left .parsys > .image .frame-bottom-left {
    background-image: url("../../designs/pritt/components/image/img/landingpage-image-left-bottom.png");
    left: -10px;
  }
  #ui #sidebar-left .parsys > .image .frame-hook-left {
    background-image: url("../../designs/pritt/components/image/img/landingpage-image-left-hook.png");
  }
  /* rightpar specific */
  #ui #sidebar-right .parsys > .image {
    margin: 11px 0 24px 20px;
  }
  #ui #sidebar-right .parsys > .image .frame-top-right {
    background-image: url("../../designs/pritt/components/image/img/landingpage-image-right-top.png");
    left: -8px;
  }
  #ui #sidebar-right .parsys > .image .frame-bottom-right {
    background-image: url("../../designs/pritt/components/image/img/landingpage-image-right-bottom.png");
    left: -8px;
  }
  #ui #sidebar-right .parsys > .image .frame-hook-right {
    background-image: url("../../designs/pritt/components/image/img/landingpage-image-right-hook.png");
  }
}
/**
 * comp: panel
 * description: wrapper box for various components. Can define look&feel of included components. 
 */
@media all {
  #ui .panel > .panel-body .textimage {
    clear: both;
    margin: 0 0 10px 0;
    padding: 0;
  }
  #ui .panel > .panel-body .textimage:after {
    clear: both;
    content: "";
    display: table;
  }
  .ie7 #ui .panel .panel-body .textimage {
    zoom: 1;
  }
}
/**
 * comp: panelgroup
 * description: wrapper for multiple panels 
 */
@media all {
  #ui .panelgroup {
    padding: 25px 25px 0;
  }
  #ui .panelgroup:before,
  #ui .panelgroup:after {
    content: "";
    display: table;
  }
  #ui .panelgroup:after {
    clear: both;
  }
  /* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
  .ie6 #ui .panelgroup,
  .ie7 #ui .panelgroup {
    zoom: 1;
  }
  #ui .panelgroup > .panel-body > panel {
    display: none;
  }
  #ui .panelgroup > .panel-header,
  #ui .panelgroup .panel-body .panel > a > .panel-header {
    display: none;
  }
  .no-js #ui .panelgroup > .panel-body > panel {
    display: block;
  }
  #ui .panelgroup .image {
    display: inline-block;
    margin-bottom: 10px;
    max-width: 100%;
    overflow: hidden;
    position: relative;
  }
  #ui .panelgroup .image a,
  #ui .panelgroup .image a:active,
  #ui .panelgroup .image a:hover,
  #ui .panelgroup .image a:focus {
    text-decoration: none;
  }
  #ui .panelgroup .imageinfo {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 0 6px 0 #666;
    -webkit-box-shadow: 0 0 6px 0 #666;
    box-shadow: 0 0 6px 0 #666;
    border: 1px solid #FFFFFF;
    background: #fff;
    background: -moz-linear-gradient(top, #d6e1dd 0%, #fff 42%, #d6e1dd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d6e1dd), color-stop(42%, #fff), color-stop(100%, #d6e1dd));
    background: -webkit-linear-gradient(top, #d6e1dd 0%, #fff 42%, #d6e1dd 100%);
    background: -o-linear-gradient(top, #d6e1dd 0%, #fff 42%, #d6e1dd 100%);
    background: -ms-linear-gradient(top, #d6e1dd 0%, #fff 42%, #d6e1dd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6e1dd', endColorstr='#ffffff',GradientType=0 );
    background: linear-gradient(top, #d6e1dd 0%, #fff 42%, #d6e1dd 100%);
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
    bottom: 5px;
    cursor: pointer;
    display: block;
    float: left;
    font-weight: bold;
    height: 15px;
    line-height: 1.4;
    position: absolute;
    right: 5px;
    text-align: center;
  }
  #ui .panelgroup .imageinfo .icon {
    background: url("../../designs/pritt/common/img/icons.png") no-repeat scroll 0 -700px transparent;
    display: block;
    float: left;
    height: 10px;
    margin-left: -2px;
    margin-top: 2px;
    width: 6px;
  }
  #ui .panelgroup .imageinfo .number {
    color: #000;
    display: block;
    float: left;
    font-size: 9px;
    font-weight: bold;
    padding-left: 2px;
    padding-right: 1px;
  }
  #ui .panelgroup .tape-left,
  #ui .panelgroup .tape-right {
    top: 80px;
  }
}
/**
 * comp: craftdescription
 */
@media all {
  #ui .craftdescription {
    padding: 10px 20px !important;
  }
  #ui .craftdescription .back {
    -webkit-box-shadow: -1px 1px 2px -1px #545353;
    -moz-box-shadow: -1px 1px 2px -1px #545353;
    box-shadow: -1px 1px 2px -1px #545353;
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
    position: relative;
    background: #ebe6e6;
    float: left;
    margin-left: 2px;
    padding: 5px;
  }
  #ui .craftdescription .back a {
    -webkit-box-shadow: -1px 1px 2px -1px #545353;
    -moz-box-shadow: -1px 1px 2px -1px #545353;
    box-shadow: -1px 1px 2px -1px #545353;
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
    position: relative;
    background: #fff;
    color: #545353;
    display: inline-block;
    font-weight: bold;
    padding: 5px;
  }
  #ui .craftdescription .back a:hover {
    color: #545353;
  }
  #ui .craftdescription .back .icon {
    background: url("../../designs/pritt/common/img/icons.png") no-repeat scroll 0 -399px transparent;
    display: inline-block;
    height: 11px;
    width: 11px;
  }
  #ui .craftdescription header h2 {
    color: #dc291e;
    font-size: 25px;
    font-weight: bold;
    margin: 7px 0 0 0;
    text-align: center;
  }
  #ui .craftdescription .box1 {
    margin-left: -22px !important;
    margin-top: 20px;
  }
  #ui .craftdescription .craftdescription-information {
    background: url("../../designs/pritt/components/craft/craftdescription/img/bg-carton-content.png") no-repeat scroll 0 0 transparent;
    margin-left: -20px;
    margin-bottom: 20px;
    position: relative;
    width: 521px;
    z-index: 10;
  }
  #ui .craftdescription .information-wrapper {
    min-height: 197px;
    padding-top: 10px;
    padding-bottom: 15px;
  }
  #ui .craftdescription .information-wrapper figure {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
    position: relative;
    border: 1px solid #fff;
    float: left;
    margin: 10px 10px 0 20px;
    max-width: 50%;
  }
  #ui .craftdescription .information-wrapper figure a.zoom .magnifier {
    left: 5px;
  }
  #ui .craftdescription .information-wrapper figure a.zoom img {
    max-height: 185px;
  }
  #ui .craftdescription .information-wrapper .categories {
    background: url("../../designs/pritt/components/craft/craftdescription/img/categories-unten.png") no-repeat scroll 0 100% transparent;
    left: 340px;
    padding-bottom: 10px;
    position: absolute;
    top: 0;
    width: 157px;
  }
  #ui .craftdescription .information-wrapper ul {
    background: url("../../designs/pritt/components/craft/craftdescription/img/categories-oben.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    padding: 55px 10px 0 6px;
    width: 141px;
  }
  #ui .craftdescription .information-wrapper ul li.category {
    display: block;
    font-size: 9px;
    line-height: 1;
  }
  #ui .craftdescription .information-wrapper ul li.category .category-image {
    float: left;
    margin-right: 2px;
    min-height: 34px;
    min-width: 34px;
  }
  #ui .craftdescription .information-wrapper ul li.category .category-name {
    float: left;
    font-size: 10px;
    font-weight: bold;
    padding-bottom: 2px;
    padding-top: 5px;
    width: 105px;
  }
  #ui .craftdescription .information-wrapper ul li.category .category-entry {
    float: left;
    font-size: 9px;
    padding-bottom: 6px;
    width: 105px;
  }
  #ui .craftdescription .information-wrapper ul li.category .category-entry span {
    display: block;
  }
  #ui .craftdescription .pageswitch {
    background: url("../../designs/pritt/components/craft/craftdescription/img/next-panel.png") no-repeat scroll 0 0 transparent;
    bottom: -72px;
    font-weight: bold;
    left: 345px;
    height: 79px;
    position: absolute;
    width: 105px;
  }
  #ui .craftdescription .pageswitch a {
    color: #fff;
    white-space: nowrap;
  }
  #ui .craftdescription .product-tip {
    background-color: #d9d9d9;
    margin: 0 -20px 20px;
    padding: 0 0 0 20px;
  }
  #ui .craftdescription .product-tip .product-stage {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
    background: url("../../designs/pritt/components/craft/craftdescription/img/product-tip-stage.png") no-repeat scroll 0 0 transparent;
    border: 1px solid #fff;
    height: 116px;
    float: left;
    margin: 10px 0;
    overflow: hidden;
    position: relative;
    width: 270px;
  }
  #ui .craftdescription .product-tip .product-stage .featured-product {
    background: #ebe6e6;
    height: 50px;
    left: 0;
    padding: 20px 6px 0 0;
    position: absolute;
    top: 27px;
  }
  #ui .craftdescription .product-tip .product-stage .featured-product span {
    -webkit-box-shadow: -1px -1px 3px -1px #545353;
    -moz-box-shadow: -1px -1px 3px -1px #545353;
    box-shadow: -1px -1px 3px -1px #545353;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
    position: relative;
    background: #fff;
    color: #dc291e;
    display: block;
    font-size: 10px;
    font-weight: bold;
    left: -10px;
    line-height: 1;
    padding: 6px;
    width: 50px;
  }
  #ui .craftdescription .product-tip .product-stage ul {
    bottom: 0;
    position: absolute;
  }
  #ui .craftdescription .product-tip .product-stage ul li {
    float: left;
    list-style: none;
  }
  #ui .craftdescription .product-tip .product-stage ul li .image {
    display: block;
    margin-bottom: 0;
  }
  #ui .craftdescription .product-tip .tip {
    float: left;
    margin: 10px 0 10px 40px;
    overflow: hidden;
    width: 170px;
  }
  #ui .craftdescription .product-tip .tip h3 {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
  }
  #ui .craftdescription .product-tip .tip p {
    font-size: 12px;
    line-height: 1.1;
  }
  #ui .craftdescription .textimage.image-right > .image {
    z-index: 3;
  }
}
.ie8 #ui .craftdescription .product-tip .product-stage .featured-product {
  height: 55px;
  -webkit-writing-mode: tb-rl;
          writing-mode: tb-rl;
  -ms-writing-mode: tb-rl;
}
.ie8 #ui .craftdescription .product-tip .product-stage .featured-product span {
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=-1.000, M12=-0.000, M21=0.000, M22=-1.000,sizingMethod='auto expand');
  width: auto;
  margin: 0;
  left: 3px;
  top: -10px;
}
@media alla {
  /* container */
  #ui .craftdescription {
    overflow: visible;
    padding: 0 0 10px;
  }
  #ui .craftdescription header,
  #ui .craftdescription .panel-header {
    padding: 10px;
    position: relative;
  }
  #ui .craftdescription .panel-body .panel .panel-header {
    display: none;
  }
  /* backlink */
  #ui .craftdescription .back {
    margin-right: 20px;
    padding: 2px;
    position: absolute;
    width: 150px;
  }
  #ui .craftdescription .back .icon {
    background: url("../../designs/pritt/common/img/icons.png") no-repeat scroll 0 -499px transparent;
    display: inline-block;
    height: 11px;
    margin-right: 1px;
    width: 11px;
  }
  .ie7 #ui .craftdescription .back .icon {
    padding-bottom: 2px;
  }
  #ui .craftdescription .back a.button-red-dashed {
    font-size: 12px;
    line-height: 1;
    padding: 2px 3px 3px;
  }
  #ui .craftdescription header h2 {
    color: #fff;
    font-family: Arial, Verdana, sans-serif !important;
    font-size: 25px;
    font-weight: normal;
    text-align: center;
    text-shadow: -3px 3px 0 #000, -3px 1px 0 #000, -3px 0px 0 #000, -3px -1px 0 #000, -3px -3px 0 #000, -1px 3px 0 #000, -1px 1px 0 #000, -1px 0px 0 #000, -1px -1px 0 #000, -1px -3px 0 #000, 0px 3px 0 #000, 0px 1px 0 #000, 0px 0px 0 #000, 0px -1px 0 #000, 0px -3px 0 #000, 1px 3px 0 #000, 1px 1px 0 #000, 1px 0px 0 #000, 1px -1px 0 #000, 1px -3px 0 #000, 3px 3px 0 #000, 3px 1px 0 #000, 3px 0px 0 #000, 3px -1px 0 #000, 3px -3px 0 #000;
  }
  #ui .craftdescription header h2.small {
    float: right;
    width: 345px;
  }
  .ie7 #ui .craftdescription h2 span,
  .ie8 #ui .craftdescription h2 span,
  .ie9 #ui .craftdescription h2 span {
    display: inline-block;
    background-color: #010101;
    zoom: 1;
    /* no support of shorthand colors, limit precision on Matrix filter and keep order of arguments */
    filter: progid:DXImageTransform.Microsoft.Chroma(Color=#010101)
                progid:DXImageTransform.Microsoft.DropShadow(OffX=-3, OffY=0, Color=#000000)
                progid:DXImageTransform.Microsoft.DropShadow(OffX=3, OffY=0, Color=#000000)
                progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=3, Color=#000000)
                progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=-3, Color=#000000);
    border: 0;
  }
  #ui .craftdescription .craftdescription-information {
    background: url("../../designs/pritt/components/craft/craftdescription/img/karton-oben.png") no-repeat scroll 0 0 transparent;
    margin-left: -10px;
    padding-top: 185px;
    position: relative;
    width: 542px;
    z-index: 10;
  }
  #ui .craftdescription .information-wrapper {
    background: url("../../designs/pritt/components/craft/craftdescription/img/karton-unten.png") no-repeat scroll 0 100% transparent;
    min-height: 14px;
    padding: 0 40px 30px;
  }
  #ui .craftdescription .information-wrapper figure {
    float: left;
    margin-right: -274px;
    margin-top: -162px;
    width: auto;
  }
  #ui .craftdescription .information-wrapper figure {
    border: 1px solid #fff;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    position: relative;
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
  }
  #ui .craftdescription .imageinfo {
    bottom: 5px;
  }
  #ui .craftdescription .information-wrapper .categories {
    background: url("../../designs/pritt/components/craft/craftdescription/img/categories-unten.png") no-repeat scroll 0 100% transparent;
    float: left;
    left: 290px;
    margin-top: -175px;
    padding-bottom: 20px;
    position: relative;
    top: -8px;
    width: 157px;
  }
  #ui .craftdescription .information-wrapper ul {
    background: url("../../designs/pritt/components/craft/craftdescription/img/categories-oben.png") no-repeat scroll 0 0 transparent;
    padding: 55px 10px 0 6px;
    width: 141px;
  }
  #ui .craftdescription .information-wrapper ul li.category {
    display: block;
    font-size: 9px;
    line-height: 1;
  }
  #ui .craftdescription .information-wrapper ul li.category .category-image {
    float: left;
    margin-right: 2px;
    min-height: 34px;
    min-width: 34px;
  }
  #ui .craftdescription .information-wrapper ul li.category .category-name {
    float: left;
    font-weight: bold;
    padding-bottom: 2px;
    padding-top: 5px;
    width: 105px;
  }
  #ui .craftdescription .information-wrapper ul li.category .category-entry {
    float: left;
    padding-bottom: 6px;
    width: 105px;
  }
  #ui .craftdescription .information-wrapper ul li.category .category-entry span {
    display: block;
  }
  /* panelbody of craftdescription */
  #ui .craftdescription > .panel-body {
    padding: 20px 30px 0;
  }
  /* textimage */
  #ui .craftdescription .textimage h2 {
    font-family: Arial, Verdana, sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.3;
    margin-bottom: 20px;
  }
  #ui .craftdescription .textimage.image-left > .textimage-text {
    padding-left: 20px;
  }
  #ui .craftdescription .textimage.image-right > .textimage-text {
    padding-right: 20px;
  }
  #ui .craftdescription .textimage ul li {
    background: url(../../designs/pritt/common/img/bullet-disc.png) no-repeat 0 5px transparent;
  }
  #ui .craftdescription .textimage .top-space {
    padding-top: 70px;
  }
  /* product tipp*/
  #ui .craftdescription .product-tip {
    background-color: #d9d9d9;
    padding: 0 0 0 30px;
  }
  #ui .craftdescription .product-tip .product-stage {
    background: url("../../designs/pritt/components/craft/craftdescription/img/product-tip-stage.png") no-repeat scroll 0 0 transparent;
    border: 1px dashed #000;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
    height: 116px;
    float: left;
    margin: 10px 0;
    overflow: hidden;
    position: relative;
    width: 270px;
  }
  #ui .craftdescription .product-tip .product-stage .featured-product {
    background: url("../../designs/pritt/components/craft/craftdescription/img/product-tip-featured.png") no-repeat scroll 100% 0 transparent;
    height: 53px;
    left: 0;
    padding: 11px 1px 3px 0;
    position: absolute;
    top: 17px;
  }
  .ie7 #ui .craftdescription .product-tip .product-stage .featured-product {
    display: inline-block;
    height: 54px;
    padding: 3px 12px 7px 4px;
  }
  .ie8 #ui .craftdescription .product-tip .product-stage .featured-product {
    display: inline-block;
    height: 51px;
    padding: 0 12px 13px 4px;
    -webkit-writing-mode: tb-rl;
            writing-mode: tb-rl;
    -ms-writing-mode: tb-rl;
  }
  #ui .craftdescription .product-tip .product-stage .featured-product span {
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform: rotate(-90deg);
    -moz-transform-origin: 50% 100%;
    -ms-transform: rotate(-90deg);
    /*IE9*/
    -ms-transform-origin: 50% 100%;
    /*IE9*/
    -o-transform: rotate(-90deg);
    -o-transform-origin: 50% 100%;
    transform: rotate(-90deg);
    color: #e3221a;
    display: block;
    font-size: 9px;
    font-weight: bold;
    line-height: 1;
    /*margin-top: 18px;*/
    width: 48px;
  }
  .ie7 #ui .craftdescription .product-tip .product-stage .featured-product span {
    /*IE8 parent box (.featured-product) don´t adapt height to content of child box (span)*/
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    margin: 0;
  }
  .ie8 #ui .craftdescription .product-tip .product-stage .featured-product span {
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=-1.000, M12=-0.000, M21=0.000, M22=-1.000,sizingMethod='auto expand');
    width: auto;
    margin: 0;
  }
  #ui .craftdescription .product-tip .product-stage ul {
    bottom: 0;
    position: absolute;
  }
  #ui .craftdescription .product-tip .product-stage ul li {
    float: left;
    list-style: none;
  }
  #ui .craftdescription .product-tip .product-stage ul li .image {
    display: block;
    margin-bottom: 0;
  }
  #ui .craftdescription .product-tip .tip {
    font-family: Arial, Verdana, sans-serif;
    float: left;
    margin: 10px 0 10px 30px;
    overflow: hidden;
    width: 159px;
  }
  #ui .craftdescription .product-tip .tip h3 {
    color: #fff;
    font-size: 20px;
  }
  #ui .craftdescription .product-tip .tip p {
    font-size: 13px;
    font-weight: bold;
    line-height: 1.1;
  }
  /* Print button (only in preview mode) */
  #ui .craftdescription footer .craftprint {
    border: 5px solid #CCE0F5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    clear: left;
    float: left;
    left: 40px;
    margin-top: 50px;
    padding: 13px 150px 10px;
    position: relative;
  }
  #ui .craftdescription footer .craftprint:hover {
    border-color: #e20000;
  }
  /*PDF and Video*/
  #ui .craftdescription footer {
    float: left;
    padding: 22px 0 0 30px;
    width: 220px;
  }
  #ui .craftdescription footer.player-visible {
    margin-top: -57px;
    width: 461px;
  }
  .ie7 #ui .craftdescription footer.player-visible {
    margin-top: -50px;
  }
  .ie8 #ui .craftdescription footer.player-visible {
    margin-top: -60px;
  }
  #ui .craftdescription footer .craftprint .button a {
    background-image: url("../../designs/pritt/components/craft/craftdescription/img/icon-download.png");
    padding-top: 7px;
  }
  #ui .craftdescription footer .player .button a,
  #ui .craftdescription footer .video .button a {
    background-image: url("../../designs/pritt/components/craft/craftdescription/img/icon-video.png");
    padding-left: 25px;
  }
  #ui .craftdescription footer .player {
    background-image: none;
    padding: 0;
  }
  #ui .craftdescription footer .player h3 {
    display: none;
  }
  #ui .craftdescription footer .player video {
    display: none !important;
  }
  #ui .craftdescription footer .player .mejs-container {
    position: absolute;
    left: -5000px;
  }
  #ui .craftdescription footer.player-visible .player {
    clear: both;
    padding-bottom: 10px;
    padding-top: 10px;
  }
  #ui .craftdescription footer.player-visible .player h3 {
    display: block;
    right: 50%;
    margin-right: -200px;
  }
  #ui .craftdescription footer.player-visible .player video {
    display: block !important;
  }
  #ui .craftdescription footer.player-visible .player .button {
    display: none;
  }
  #ui .craftdescription footer.player-visible .player .mejs-container {
    position: relative;
    left: 0;
  }
  /* new video component */
  #ui .craftdescription footer .video {
    background-image: none;
    padding: 0;
    width: 100%;
  }
  #ui .craftdescription footer .video iframe,
  #ui .craftdescription footer .video h2 {
    display: none;
  }
  /* pagination */
  #ui .craftdescription ul.pagination {
    margin-top: 28px;
    margin-right: 25px;
  }
  /* pageswitch*/
  #ui .craftdescription .pageswitch {
    background: url("../../designs/pritt/components/craft/craftdescription/img/page-switch.png") no-repeat scroll 0 0 transparent;
    height: 115px;
    margin-top: -32px;
    position: absolute;
    right: 70px;
  }
}
/**
 * comp: craftdescription (preview styles)
 */
/* 
@media screen, projection {
    #ui .craftdescription header{
        background: url(../../designs/pritt/components/page/img/bg-header-print.png) no-repeat 1000px 0 transparent;
    }
*/
/* print hint */
/*    #heli .print-hint-overlay {
        background-color: #333;
        height: 100%;
        left: 0;
        opacity: 0.5;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 10000;
   }
    #heli .print-hint {
        left: 0;
        position: absolute;
        top: 100px;
        width: 100%;
        z-index: 10001;
    }
    #heli .print-hint p {
        background-color: #fff;
        border: 3px solid #333;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        margin: 0 auto;
        padding: 50px;
        position: relative;
        width: 40%;
        font-size: 25px;
        font-weight: bold;
        line-height: 1.5;
    }
    #heli .print-hint span {
        background: url(../../designs/pritt/components/colorbox/img/colorbox-close.png) no-repeat 0 0;
        cursor: pointer;
        display: block;
        height: 44px;
        margin: 0 auto;
        position: absolute;
        right: -19px;
        top: -24px;
        width: 42px;
    }
}*/
/**
 * Print styles
 */
@media print {
  /* hide certain parts of the page */
  #ui #header .breadcrumb,
  #ui .craftdescription .pageswitch,
  #ui .craftdescription .pagination,
  #ui .craftdescription .imageinfo {
    display: none !important;
  }
  #ui #header #mrpritt {
    right: -45px !important;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    top: 150px !important;
  }
  #ui .craftdescription {
    background-color: #fff !important;
    border: 2px solid #ccc;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    padding-bottom: 0;
  }
  #ui .craftdescription header,
  #ui .craftdescription .panel-header {
    background: url(../../designs/pritt/components/page/img/bg-header-print.png) no-repeat 0 0 transparent !important;
    height: 96px;
    left: -10px;
    position: absolute;
    top: -130px;
    width: 100%;
  }
  #ui .craftdescription header h2 {
    display: block;
    float: left;
    padding: 30px 0 0 130px;
    margin: 0;
  }
  #ui .craftdescription header h2 span {
    color: #ffffff  !important;
    font-family: Arial, Verdana, sans-serif !important;
    font-size: 25px !important;
    font-weight: normal !important;
    text-shadow: -3px 3px 0 #000, -3px 1px 0 #000, -3px 0px 0 #000, -3px -1px 0 #000, -3px -3px 0 #000, -1px 3px 0 #000, -1px 1px 0 #000, -1px 0px 0 #000, -1px -1px 0 #000, -1px -3px 0 #000, 0px 3px 0 #000, 0px 1px 0 #000, 0px 0px 0 #000, 0px -1px 0 #000, 0px -3px 0 #000, 1px 3px 0 #000, 1px 1px 0 #000, 1px 0px 0 #000, 1px -1px 0 #000, 1px -3px 0 #000, 3px 3px 0 #000, 3px 1px 0 #000, 3px 0px 0 #000, 3px -1px 0 #000, 3px -3px 0 #000 !important;
    margin: 0;
    padding: 0;
  }
  #ui .craftdescription .craftdescription-information {
    background: transparent !important;
    padding-top: 60px !important;
  }
  #ui .craftdescription .craftdescription-information .information-wrapper {
    background: transparent;
  }
  #ui .craftdescription > .panel-body > section {
    border-top: 2px solid #ccc;
    display: block !important;
    padding-top: 20px;
    page-break-inside: avoid;
  }
  #ui .craftdescription > .panel-body > section:first-child {
    border-top: none;
    padding-top: 0;
    page-break-before: avoid;
    page-break-inside: auto;
  }
  #ui .craftdescription .imageinfo {
    background: #fff !important;
    background: -moz-linear-gradient(top, #d6e1dd 0%, #fff 42%, #d6e1dd 100%) !important;
  }
  #ui .craftdescription .imageinfo .icon {
    background: url("../../designs/pritt/common/img/icons.png") no-repeat 0 -700px transparent !important;
  }
  #ui .craftdescription .information-wrapper .categories {
    background: url("../../designs/pritt/components/craft/craftdescription/img/categories-unten.png") no-repeat 0 100% transparent !important;
    margin-left: 50px;
    margin-top: -185px;
  }
  #ui .craftdescription .information-wrapper ul {
    background: url("../../designs/pritt/components/craft/craftdescription/img/categories-oben.png") no-repeat 0 0 transparent !important;
  }
  #ui .craftdescription .textimage .top-space {
    padding-top: 0 !important;
  }
  #ui .craftdescription footer {
    display: none;
  }
  /* product tip */
  #ui .craftdescription .product-tip {
    background-color: #d9d9d9 !important;
    margin: -10px 0 30px;
    padding: 10px 30px;
  }
  #ui .craftdescription .product-tip .product-stage {
    background: url("../../designs/pritt/components/craft/craftdescription/img/product-tip-stage.png") no-repeat 0 0 transparent !important;
  }
  #ui .craftdescription .product-tip .tip {
    width: 40% !important;
  }
  #ui .craftdescription .product-tip .tip h3 {
    font-size: 16px !important;
  }
  #ui .craftdescription .product-tip .tip p {
    font-size: 12px !important;
  }
  #ui .craftdescription .product-tip .product-stage .featured-product span {
    color: #e3221a !important;
  }
  /* print hint */
  #heli .print-hint-overlay,
  #heli .print-hint {
    display: none;
  }
}
@media all {
  #ui .product {
    color: #545353;
  }
  #ui .product .product-header h2 {
    font: bold 20px arial, sans-serif;
    display: block;
    padding: 5px 0 14px;
    text-align: center;
    color: #000000;
  }
  #ui .product .product-header h2.small {
    float: right;
    width: 345px;
  }
  #ui .product .back {
    position: absolute;
  }
  #ui .product > .image > img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
    margin-bottom: 20px;
    position: relative;
  }
  #ui .product .tabnav {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ccc), color-stop(0.85, #fff));
    background-image: -moz-linear-gradient(center top, #fff 0%, #ccc 100%, #fff 85%);
    background-image: -ms-linear-gradient(top, #fff 0%, #ccc 100%, #fff 85%);
    background-image: -o-linear-gradient(top, #fff 0%, #ccc 100%, #fff 85%);
    background-image: linear-gradient(top, #fff 0%, #ccc 100%, #fff 85%);
    -pie-background: linear-gradient(#fff 0%, #ccc 100%, #fff 85%);
    width: 99%;
  }
  #ui .product .tabnav h3 {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ebe6e6), color-stop(1, #ccc), color-stop(0.85, #ebe6e6));
    background-image: -moz-linear-gradient(center top, #ebe6e6 0%, #ccc 100%, #ebe6e6 85%);
    background-image: -ms-linear-gradient(top, #ebe6e6 0%, #ccc 100%, #ebe6e6 85%);
    background-image: -o-linear-gradient(top, #ebe6e6 0%, #ccc 100%, #ebe6e6 85%);
    background-image: linear-gradient(top, #ebe6e6 0%, #ccc 100%, #ebe6e6 85%);
    -pie-background: linear-gradient(#ebe6e6 0%, #ccc 100%, #ebe6e6 85%);
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
    font: bold 18px arial, sans-serif;
    float: left;
    padding: 6px 0;
    position: relative;
    text-align: center;
    width: 46%;
  }
  #ui .product .tabnav h3:first-child,
  #ui .product .tabnav h3.pie_first-child {
    margin-right: 4%;
  }
  #ui .product .tabnav h3.current {
    background: none no-repeat 0 0 #ebe6e6;
    color: #dc291e;
    -webkit-filter: none;
            filter: none;
  }
  #ui .product .tabnav h3:hover,
  #ui .product .tabnav h3.hover {
    color: #dc291e;
    cursor: pointer;
  }
  #ui .product .panel {
    background-color: #ebe6e6;
    -webkit-border-radius: 0px 5px 5px 5px;
    -moz-border-radius: 0px 5px 5px 5px;
    border-radius: 0px 5px 5px 5px;
    margin-bottom: 20px;
    padding: 15px;
    position: relative;
  }
  #ui .product .title {
    border-top: 2px dashed #979392;
    clear: left;
    color: #dc291e;
    font-size: 16px;
    padding: 15px 0 10px;
  }
  #ui .product .title:first-child,
  #ui .product .title.first-child {
    border-top: 0px solid white;
  }
  #ui .product .textimage {
    padding-bottom: 10px;
  }
  #ui .product .textimage h4 {
    font: bold 14px arial, sans-serif;
  }
  #ui .product .textimage h5 {
    font-size: 12px;
    color: #000000;
  }
  #ui .product > .panel > a {
    color: #000000;
  }
}
/**
 * comp: productfinder
 */
@media all {
  #ui .productfinder {
    /* Materials */
    /* search results */
  }
  #ui .productfinder a {
    color: #000000;
  }
  #ui .productfinder a:hover {
    text-decoration: none;
  }
  #ui .productfinder h2 {
    font: bold 20px arial, sans-serif;
    display: block;
    padding-bottom: 14px;
    text-align: center;
  }
  #ui .productfinder .panel {
    -webkit-border-radius: 0 5px 5px 5px;
    -moz-border-radius: 0 5px 5px 5px;
    border-radius: 0 5px 5px 5px;
    margin-bottom: 20px;
    min-height: 220px;
    padding: 15px;
    position: relative;
  }
  #ui .productfinder .panel.hidden {
    display: none;
  }
  #ui .productfinder .tabnav {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.85, #fff), color-stop(1, #ccc));
    background-image: -moz-linear-gradient(center top, #fff 0%, #fff 85%, #ccc 100%);
    background-image: -ms-linear-gradient(top, #fff 0%, #fff 85%, #ccc 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #fff 85%, #ccc 100%);
    background-image: linear-gradient(top, #fff 0%, #fff 85%, #ccc 100%);
    -pie-background: linear-gradient(#fff 0%, #fff 85%, #ccc 100%);
    width: 99%;
  }
  #ui .productfinder .tabnav h3 {
    font: bold 18px arial, sans-serif;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    float: left;
    padding: 6px 0;
    position: relative;
    text-align: center;
    width: 46%;
  }
  #ui .productfinder .tabnav h3.current {
    background: none no-repeat 0 0 #f2eeee;
    color: #dc291e;
    -webkit-filter: none;
            filter: none;
  }
  #ui .productfinder .tabnav h3:hover,
  #ui .productfinder .tabnav h3.hover {
    color: #dc291e;
    cursor: pointer;
  }
  #ui .productfinder .tabnav h3:first-child,
  #ui .productfinder .tabnav h3.pie_first-child {
    margin-right: 4%;
  }
  #ui .productfinder .description {
    margin-top: -15px;
  }
  #ui .productfinder .description .sign {
    background: url("../../designs/pritt/components/product/productfinder/img/pritt.productfinder.badgebottom.png") no-repeat scroll 0px 100% transparent;
    padding-bottom: 21px;
    width: 157px;
  }
  #ui .productfinder .description .sign span {
    font: bold 11px arial, sans-serif;
    background: url("../../designs/pritt/components/product/productfinder/img/pritt.productfinder.badgetop.png") no-repeat scroll 0 -16px transparent;
    display: block;
    padding: 60px 14px 0 14px;
    text-align: center;
  }
  #ui .productfinder .combinations-tab {
    background: url("../../designs/pritt/components/product/productfinder/img/mrpritt-find-product.png") 97% 100% no-repeat #f2eeee;
  }
  #ui .productfinder .combinations-tab .description {
    float: right;
    width: 33%;
  }
  #ui .productfinder .combinations-tab form {
    float: left;
    width: 64%;
  }
  #ui .productfinder .combinations-tab label {
    font-weight: bold;
  }
  #ui .productfinder .combinations-tab .attach,
  #ui .productfinder .combinations-tab .attachto {
    float: left;
    width: 47%;
  }
  #ui .productfinder .combinations-tab select {
    height: 100px;
    width: 100%;
  }
  #ui .productfinder .combinations-tab .combinator {
    background: url('../../designs/pritt/common/img/icons.png') no-repeat transparent;
    display: inline-block;
    height: 8px;
    width: 9px;
    background-position: 0 -601px;
    display: block;
    margin: 62px 3px 0 3px;
    float: left;
  }
  #ui .productfinder .combinations-tab .submit {
    clear: both;
    padding: 20px 0 0 3px;
  }
  #ui .productfinder .combinations-tab .submit .bg {
    -webkit-box-shadow: -1px 1px 1px -1px #545353;
    -moz-box-shadow: -1px 1px 1px -1px #545353;
    box-shadow: -1px 1px 1px -1px #545353;
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
    position: relative;
    background: #ebe6e6;
    float: left;
    padding: 3px;
    margin-right: 10px;
  }
  #ui .productfinder .combinations-tab .submit .bg input {
    -webkit-box-shadow: -1px 1px 1px -1px #545353;
    -moz-box-shadow: -1px 1px 1px -1px #545353;
    box-shadow: -1px 1px 1px -1px #545353;
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
    position: relative;
    font: bold 12px arial, sans-serif;
    background: #fcfafa;
    border: none;
    color: #545353;
    padding: 3px;
    white-space: normal;
  }
  #ui .productfinder .combinations-tab .submit .icon {
    float: left;
  }
  #ui .productfinder .combinations-tab .submit .icon input {
    background: url("../../designs/pritt/common/img/button-link.png") no-repeat scroll 0 0 transparent;
    border: none;
    height: 28px;
    position: relative;
    text-indent: -999px;
    width: 28px;
  }
  #ui .productfinder .product-list-wrapper > h3 {
    display: none;
  }
  #ui .productfinder .product-list-wrapper > h3 + .row {
    border-top: 2px dashed #979392;
    padding-top: 20px;
  }
  #ui .productfinder .product-list-wrapper .row {
    clear: left;
    list-style: none;
    margin-bottom: 15px;
  }
  #ui .productfinder .product-list-wrapper .item {
    float: left;
    margin-bottom: 15px;
    margin-right: 10px;
    width: 115px;
  }
  #ui .productfinder .product-list-wrapper .product-teaser {
    -webkit-box-shadow: -1px 1px 2px 0px #787878;
    -moz-box-shadow: -1px 1px 2px 0px #787878;
    box-shadow: -1px 1px 2px 0px #787878;
    background: #ebe6e6;
    padding: 5px;
  }
  #ui .productfinder .product-list-wrapper .product-teaser .product-teaser-image {
    -moz-box-shadow: inset 0px 0px 3px #363636;
    -webkit-box-shadow: inset 0px 0px 3px #363636;
    box-shadow: inset 0px 0px 3px #363636;
    padding: 3px;
  }
  #ui .productfinder .product-list-wrapper .product-teaser .title-wrapper {
    -webkit-box-shadow: -1px 1px 2px 0px #c8c4c4;
    -moz-box-shadow: -1px 1px 2px 0px #c8c4c4;
    box-shadow: -1px 1px 2px 0px #c8c4c4;
    background: #fcfafa;
    margin-top: 5px;
    padding: 3px 5px;
  }
  #ui .productfinder .product-list-wrapper .product-teaser .title-wrapper a {
    display: block;
    position: relative;
  }
  #ui .productfinder .product-list-wrapper .product-teaser .title-wrapper h3 {
    color: #dc291e;
  }
  #ui .productfinder .product-list-wrapper .product-teaser .teasertext {
    padding-bottom: 3px;
  }
  #ui .productfinder .product-list-wrapper .product-teaser a {
    zoom: 1;
  }
  #ui .productfinder .product-list-wrapper .product-teaser a:before,
  #ui .productfinder .product-list-wrapper .product-teaser a:after {
    content: "";
    display: table;
  }
  #ui .productfinder .product-list-wrapper .product-teaser a:after {
    clear: both;
  }
  #ui .productfinder .product-list-wrapper .product-teaser a span {
    float: left;
  }
  #ui .productfinder .product-list-wrapper .product-teaser a .icon {
    background: url('../../designs/pritt/common/img/icons.png') no-repeat transparent;
    display: inline-block;
    height: 11px;
    width: 11px;
    background-position: 0 2px;
    bottom: 2px;
    position: absolute;
    right: -2px;
  }
  .ie8 #ui .productfinder .panel,
  .ie8 #ui .productfinder .tabnav,
  .ie8 #ui .productfinder .tabnav h3,
  .ie8 #ui .productfinder .product-list-wrapper .product-teaser,
  .ie8 #ui .productfinder .product-list-wrapper .product-teaser .product-teaser-image,
  .ie8 #ui .productfinder .product-list-wrapper .product-teaser .title-wrapper {
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
    position: relative;
  }
}
/**
 * comp: productgallery
 */
@media all {
  /* container */
  #ui .productgallery ul {
    list-style: none;
  }
  #ui .productgallery ul.row {
    background: url("../../designs/pritt/common/img/pritt.gallery.band.png") no-repeat scroll 6px 38% transparent;
    margin-top: 42px;
    padding: 0 10px 0 11px;
  }
  #ui .productgallery ul.row .item {
    -webkit-box-shadow: -1px 1px 2px 0px #787878;
    -moz-box-shadow: -1px 1px 2px 0px #787878;
    box-shadow: -1px 1px 2px 0px #787878;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
    position: relative;
    background: #ebe6e6;
    z-index: 1;
    float: left;
    margin: -20px 8px 0 8px;
    padding: 7px;
    width: 114px;
  }
  #ui .productgallery ul.row .item .product-teaser {
    background-repeat: no-repeat;
  }
  #ui .productgallery ul.row .item .product-teaser .product-teaser-image {
    overflow: hidden;
    margin: 0 0 5px;
    height: 92px;
  }
  #ui .productgallery ul.row .item .product-teaser .product-teaser-image img {
    width: 100%;
  }
  #ui .productgallery ul.row .item .product-teaser .title-wrapper {
    -webkit-box-shadow: -1px 1px 2px 0px #c8c4c4;
    -moz-box-shadow: -1px 1px 2px 0px #c8c4c4;
    box-shadow: -1px 1px 2px 0px #c8c4c4;
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
    position: relative;
    z-index: 2;
    display: block;
    min-height: 13px;
    width: 100%;
    background: #fcfafa;
  }
  #ui .productgallery ul.row .item .product-teaser h3 {
    font: bold 13px arial, sans-serif;
    overflow: hidden;
    padding: 3px 5px 3px 5px;
    color: #dc291e;
  }
  #ui .productgallery .information-bar {
    margin: 10px 10px 0;
    padding: 15px 10px 20px;
  }
  #ui .productgallery .information-bar .information-text {
    padding-left: 10px;
  }
  #ui .productgallery .information-bar hgroup {
    overflow: hidden;
    padding-bottom: 10px;
    width: 397px;
  }
  #ui .productgallery .information-bar h3 {
    font: bold 20px arial, sans-serif;
    color: #dc291e;
    line-height: 1.222;
  }
  #ui .productgallery .information-bar h4 {
    font: bold 14px arial, sans-serif;
    margin-top: 5px;
    color: #dc291e;
    line-height: 1.308;
  }
  #ui .productgallery .information-bar .decoimage {
    position: absolute;
    top: -27px;
    right: -33px;
    display: block;
    width: 138px;
    height: 90px;
    background: url("../../designs/pritt/components/craft/craftgallery/img/icon-clouds.png") no-repeat;
  }
  #ui .productgallery .information-bar ul.pagination {
    display: block;
    float: right;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 8px;
  }
  #ui .productgallery .information-bar ul.pagination span,
  #ui .productgallery .information-bar ul.pagination a {
    font: bold 10px arial, sans-serif;
  }
  #ui .productgallery .teasertext,
  #ui .productgallery .button-red {
    display: none;
  }
  #ui .productgallery .pageswitch {
    position: relative;
    float: left;
    margin-top: 23px;
    margin-left: 13px;
    padding: 0;
    width: 102px;
    height: 75px;
    background: url("../../designs/pritt/common/img/pritt.gallery.pageswitch.png") no-repeat scroll 0 0 transparent;
  }
  #ui .productgallery .pageswitch a {
    top: 0;
    display: block;
    width: 102px;
    height: 70px;
    background: url("../../designs/pritt/common/img/icons.png") no-repeat scroll 40px -771px;
  }
  #ui .productgallery .pageswitch a:after {
    background: transparent;
  }
  #ui .productgallery .pageswitch a span {
    display: inline-block;
    background: transparent;
    text-indent: -9999px;
  }
}
/**
 * comp: search
 * description: 
 */
@media all {
  #ui .search {
    padding: 10px 20px;
  }
  #ui .search h2 {
    font-size: 14px;
    margin-bottom: 10px;
    padding-top: 5px;
  }
  #ui .search h3 {
    margin-bottom: 15px;
  }
  #ui .search .searchresults {
    margin-bottom: 40px;
    margin-left: -6px;
  }
  #ui .search .searchresults ul {
    list-style: none;
  }
  #ui .search .searchresults ul li {
    margin-bottom: 10px;
  }
  #ui .search .article {
    background: url("../../designs/pritt/components/search/img/icon-article.png") no-repeat scroll 0 0 transparent;
    min-height: 34px;
  }
  #ui .search .craftdescription {
    background: url("../../designs/pritt/components/search/img/icon-craft.png") no-repeat scroll 0 0 transparent;
    min-height: 34px;
  }
  #ui .search .searchresults ul li a {
    display: block;
    padding-left: 45px;
    padding-top: 7px;
  }
  #ui .search .searchresults ul li a,
  #ui .search .searchresults ul li a:hover,
  #ui .search .searchresults ul li a:active,
  #ui .search .searchresults ul li a:link,
  #ui .search .searchresults ul li a:visited {
    color: #000;
    text-decoration: none;
  }
  #ui .search .searchresults ul li a h4 {
    color: #FF0000;
    margin-bottom: 3px;
    text-decoration: underline;
  }
  #ui .search .searchresults ul li a p {
    display: inline;
  }
  #ui .search .searchresults ul li a .more {
    color: #FF0000;
    font-weight: bold;
  }
  #ui .search .searchresults ul li a .ic {
    background: url("../../designs/pritt/common/img/icons.png") no-repeat scroll 0 2px transparent;
    display: inline-block;
    height: 11px;
    width: 11px;
  }
  #ui .search .paging {
    padding-left: 35px;
  }
  #ui .search .paging .article,
  #ui .search .paging .craftdescription {
    float: left;
    font-style: italic;
    line-height: 45px;
    padding-left: 40px;
  }
  #ui .search .paging .craftdescription {
    margin-left: 15px;
  }
  #ui .search .paging ul.pagination {
    margin-top: 18px;
  }
  /* hide previous/next link texts */
  #ui .search ul.pagination li.prev span,
  #ui .search ul.pagination li.next span {
    display: none;
  }
}
@media all {
  .contentpage #ui .teaser-content h3 {
    font-size: 25px;
    color: #dc291e;
    text-align: center;
  }
  #ui .teaser-content.pointer {
    cursor: pointer;
  }
  #ui .teaser-content .image {
    float: left;
    margin: 0 10px 0 0;
    max-width: 100%;
  }
  #ui .teaser-content .image img {
    max-width: 100%;
  }
  #ui .teaser-content .headline {
    overflow: hidden;
  }
  #ui .teaser-content h3 {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 4px;
  }
  #ui .teaser-content .textimage {
    clear: none;
    margin: 0;
    padding: 0 5px 0 0;
  }
  #ui .teaser-content .textimage.nolink {
    padding-right: 0;
  }
  #ui .teaser-content .textimage p {
    margin: 0;
  }
  #ui .teaser-content a:hover,
  #ui .teaser-content a:active,
  #ui .teaser-content a:link,
  #ui .teaser-content a:visited {
    text-decoration: none;
  }
  #ui .teaser-content .button-red {
    font: bold 14px arial, sans-serif;
    color: #fff;
    float: right;
    line-height: 1;
    margin: 5px 5px 10px 10px;
    overflow: hidden;
    padding: 6px 7px 7px;
    text-align: center;
    width: 150px;
  }
  #ui .teaser-content .button-red:hover {
    color: #fff;
  }
  #ui .parsys_column .teaser-content {
    margin-left: 0;
    margin-right: 0;
  }
  #ui .parsys_column .teaser-content .image {
    margin-right: 6px;
  }
  #ui .parsys_column .teaser-content .headline {
    margin-left: 6px;
    min-width: 50px;
    overflow: hidden;
  }
  #ui .parsys_column .teaser-content .textimage {
    margin: 0 0 5px 6px;
    padding: 0 5px 0 0;
    position: relative;
  }
  #ui .parsys_column .teaser-content .textimage .icon {
    background: url("../../designs/pritt/common/img/button-link-new.png") no-repeat scroll transparent;
    height: 44px;
    width: 76px;
    display: inline-block;
    float: right;
  }
  #ui .parsys_column .teaser-content .button-red {
    display: none;
  }
  #ui .parsys_column .first-col .teaser-content {
    margin-left: 10px;
  }
  #ui .parsys_column .last-col .teaser-content {
    margin-right: 10px;
  }
  #ui .carousel .stage .teaser-content {
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
    position: relative;
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin: 0 10px 20px 0;
    width: 100%;
  }
  #ui .carousel .stage .teaser-content > a {
    display: none;
  }
  #ui .carousel .stage .teaser-content .headline {
    background: url("../../designs/pritt/components/teaser/img/banderole-bottom.png") no-repeat 100% 100% transparent;
    cursor: pointer;
    padding-bottom: 10px;
    margin-bottom: 5px;
    width: 172px;
  }
  #ui .carousel .stage .teaser-content .headline.first {
    padding-top: 8px;
  }
  #ui .carousel .stage .teaser-content h3 {
    font: bold 14px arial, sans-serif;
    background: url("../../designs/pritt/components/teaser/img/banderole-top.png") no-repeat 0 0 transparent;
    color: #fff;
    line-height: 1.2;
    margin: 0;
    padding: 9px 10px 5px 10px;
  }
  #ui .carousel .stage .teaser-content .textimage,
  #ui .carousel .stage .teaser-content .image {
    display: none;
  }
}
/**
 * comp: teaser content
 */
@media all {
  /* container */
  #ui .teaser-office {
    cursor: pointer;
    float: left;
    margin-left: 10px;
    margin-top: 50px;
    position: relative;
    width: 170px;
  }
  #ui .teaser-office .office-wrapper {
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 3px 3px 0 #000;
    -moz-box-shadow: 3px 3px 0 #000;
    -webkit-box-shadow: 3px 3px 0 #000;
    cursor: pointer;
    background-color: #FFFFFF;
    display: table;
    padding: 3px;
    position: relative;
  }
  .ie7 #ui .teaser-office .office-wrapper,
  .ie8 #ui .teaser-office .office-wrapper {
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
  }
  #ui .teaser-office .office-border {
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
    border: 1px dashed #000000;
    display: table-cell;
    height: 48px;
    vertical-align: middle;
  }
  .ie7 #ui .teaser-office .office-border,
  .ie8 #ui .teaser-office .office-border {
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
    height: auto;
    min-height: 48px;
    position: relative;
  }
  #ui .teaser-office a {
    display: none;
  }
  #ui .teaser-office a,
  #ui .teaser-office a:hover,
  #ui .teaser-office a:active,
  #ui .teaser-office a:link,
  #ui .teaser-office a:visited {
    color: #000;
    text-decoration: none;
  }
  /* images */
  #ui .teaser-office figure {
    overflow: hidden;
  }
  #ui .teaser-office .image {
    background: url("../../designs/pritt/components/teaser/teaser-office/img/teaser-office.png") no-repeat scroll 0 0 transparent;
    height: 68px;
    left: -5px;
    max-width: 100%;
    position: absolute;
    top: -4px;
    width: 81px;
  }
  /*only firefox*/
  .ie7 #ui .teaser-office .image,
  .ie8 #ui .teaser-office .image {
    top: -8px;
  }
  #ui .teaser-office .image img {
    max-width: 100%;
  }
  #ui .teaser-office h3 {
    font-size: 12px;
    font-weight: bold;
    overflow: hidden;
    padding: 2px 5px 2px 10px;
    width: 80px;
  }
  .ie7 #ui .teaser-office h3 {
    position: relative;
  }
  #ui .teaser-office h3.isimage {
    padding-left: 80px;
  }
  #ui .teaser-office h3 .icon {
    background: url("../../designs/pritt/common/img/button-link-new.png") no-repeat scroll transparent;
    height: 44px;
    width: 76px;
    display: inline-block;
    float: right;
  }
  .ie7 #ui .teaser-office h3 .icon {
    background: url("../../designs/pritt/common/img/icons.png") no-repeat scroll 0 0 transparent;
  }
}
@media all {
  #ui .teaser-slide {
    padding-right: 0;
  }
  #ui .teaser-slide .tape-right,
  #ui .teaser-slide .tape-left {
    display: none;
  }
  #ui .teaser-slide .teaser {
    width: 100%;
  }
  #ui .teaser-slide .teaser > a {
    display: none;
  }
  #ui .teaser-slide .teaser .image {
    cursor: pointer;
    display: none;
    float: left;
    margin: 0;
    max-width: 100%;
  }
  #ui .teaser-slide .teaser .image img {
    max-width: 100%;
  }
  #ui .teaser-slide .teaser .headline {
    background: url("../../designs/pritt/components/teaser/teaser-slide/img/banderole-bottom.png") no-repeat 100% 100% transparent;
    cursor: pointer;
    padding-bottom: 10px;
    margin-bottom: 5px;
    width: 162px;
    clear: right;
  }
  #ui .teaser-slide .teaser .headline.first {
    padding-top: 8px;
  }
  #ui .teaser-slide .teaser h3 {
    font: bold 14px arial, sans-serif;
    background: url("../../designs/pritt/components/teaser/teaser-slide/img/banderole-top.png") no-repeat 0 0 transparent;
    color: #fff;
    line-height: 1.2;
    margin: 0;
    padding: 9px 10px 5px 10px;
  }
  #ui .teaser-slide .teaser .textimage {
    clear: none;
    cursor: pointer;
    margin: 8px 22px 18px 10px;
    padding: 0 0 0 6px;
    position: relative;
  }
  #ui .teaser-slide .teaser .textimage p {
    color: #545353;
    margin: 0 0 5px;
  }
  #ui .teaser-slide .teaser .textimage .icon {
    background: url("../../designs/pritt/common/img/button-link-new.png");
    bottom: 2px;
    display: inline-block;
    height: 44px;
    position: relative;
    width: 76px;
    float: right;
  }
  #ui .parsys_column .teaser-slide {
    margin-left: 0;
    margin-right: 0;
  }
  #ui .parsys_column .first-col .teaser-slide {
    margin-left: 10px;
  }
  #ui .parsys_column .last-col .teaser-slide {
    margin-right: 10px;
  }
}
@media all {
  #ui .teasergallery {
    margin: 40px 0px 0px 0px;
  }
  #ui .teasergallery ul {
    list-style: none;
    padding: 0px 0px 0px 6px;
    background: url("../../designs/pritt/common/img/pritt-red-bar.png") 0px -18px repeat-y scroll transparent;
    float: left;
    width: 100%;
  }
  #ui .teasergallery ul li {
    -webkit-box-shadow: -1px 1px 2px 0px #787878;
    -moz-box-shadow: -1px 1px 2px 0px #787878;
    box-shadow: -1px 1px 2px 0px #787878;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
    position: relative;
    z-index: 1;
    float: left;
    margin: -20px 8px 30px 8px;
    padding: 7px;
    width: 114px;
    background: #ebe6e6;
  }
  #ui .teasergallery ul li .teaser:hover {
    cursor: pointer;
  }
  #ui .teasergallery ul li .teaser figure img {
    width: 100%;
    height: 92px;
  }
  #ui .teasergallery ul li .teaser h3 {
    margin-top: 9px;
    -webkit-box-shadow: -1px 1px 2px 0px #c8c4c4;
    -moz-box-shadow: -1px 1px 2px 0px #c8c4c4;
    box-shadow: -1px 1px 2px 0px #c8c4c4;
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
    position: relative;
    background: #fcfafa;
    font: bold 13px arial, sans-serif;
    color: #dc291e;
    display: block;
    height: 48px;
    padding: 3px 0px 0px 4px;
  }
  #ui .teasergallery ul li .teaser div.textimage {
    display: none;
  }
  #ui .teasergallery ul li .teaser a.button {
    display: none;
  }
  #ui .teasergallery .loadMore {
    background: #bf1318;
    padding: 10px 20px;
    font-size: 24px;
    color: #ffffff;
    cursor: pointer;
    clear: both;
    width: 200px;
    margin: auto;
    text-align: center;
    bottom: -20px;
    margin-bottom: 20px;
    font-weight: bold;
    position: relative;
  }
  #ui .teasergallery .loadMore span {
    position: absolute;
    left: 20px;
    font-size: 36px;
    top: 0;
  }
}
/**
 * comp: player
 * skin for pritt video player
 */
@media all {
  /* container */
  #ui .player {
    background: url('../../designs/pritt/components/player/img/pritt.video.bg3col.png') no-repeat 0 0 transparent;
    padding: 25px 70px 60px;
  }
  #ui.col2r .player,
  #ui.col2l .player {
    background-image: url('../../designs/pritt/components/player/img/pritt.video.bg2col.png');
    background-position: 5px 0;
    padding-left: 176px;
    padding-right: 175px;
  }
  #ui.col1 .player {
    background-image: url('../../designs/pritt/components/player/img/pritt.video.bg1col.png');
    background-position: 5px 0;
    padding-left: 281px;
    padding-right: 280px;
  }
  /* teens container */
  .teens #ui .player {
    background: url('../../designs/pritt/components/player/img/pritt.teens.video.bg3col.png') no-repeat 0 -5px transparent;
  }
  .teens #ui.col2r .player,
  .teens #ui.col2l .player {
    background: url("../../designs/pritt/components/player/img/pritt.teens.video.bg2col.png") no-repeat scroll 10px -2px transparent;
  }
  .teens #ui.col1 .player {
    background: url('../../designs/pritt/components/player/img/pritt.teens.video.bg1col.png') no-repeat scroll 0 0 transparent;
  }
  /* title */
  #ui .player h3 {
    color: #fff;
    font-family: Arial, Verdana, sans-serif;
    font-size: 17px;
    font-weight: normal;
    padding: 10px 0 0;
    position: absolute;
    text-align: center;
    text-shadow: -3px 3px 0 #000, -3px 1px 0 #000, -3px 0px 0 #000, -3px -1px 0 #000, -3px -3px 0 #000, -1px 3px 0 #000, -1px 1px 0 #000, -1px 0px 0 #000, -1px -1px 0 #000, -1px -3px 0 #000, 0px 3px 0 #000, 0px 1px 0 #000, 0px 0px 0 #000, 0px -1px 0 #000, 0px -3px 0 #000, 1px 3px 0 #000, 1px 1px 0 #000, 1px 0px 0 #000, 1px -1px 0 #000, 1px -3px 0 #000, 3px 3px 0 #000, 3px 1px 0 #000, 3px 0px 0 #000, 3px -1px 0 #000, 3px -3px 0 #000;
    width: 400px;
    z-index: 100;
  }
  .ie7 #ui .player h3,
  .ie8 #ui .player h3,
  .ie9 #ui .player h3 {
    filter: progid:DXImageTransform.Microsoft.Chroma(Color=#010101)
                progid:DXImageTransform.Microsoft.DropShadow(OffX=-3, OffY=0, Color=#000000)
                progid:DXImageTransform.Microsoft.DropShadow(OffX=3, OffY=0, Color=#000000)
                progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=3, Color=#000000)
                progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=-3, Color=#000000);
    line-height: 1.4;
  }
  /* video */
  #ui .player .mejs-container,
  #ui .player video {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 auto;
  }
  /* inside colorbox */
  #ui #colorbox .player {
    background-image: none;
    padding: 0;
  }
  #ui #colorbox .player h3 {
    /*        position: static;*/
  }
  .ie7 #ui #colorbox .player h3,
  .ie8 #ui #colorbox .player h3,
  .ie9 #ui #colorbox .player h3 {
    /*
        color: #000;
        filter: none;
*/
  }
  #ui #colorbox .player .mejs-container,
  #ui #colorbox .player video {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  #ui #colorbox .player .mejs-container {
    margin-top: 35px;
  }
  #ui #colorbox .player .button {
    display: none;
  }
  /** Player Skin **/
  #ui .player .mejs-overlay .mejs-overlay-button {
    background: url('../../designs/pritt/components/player/img/pritt.video.play.png') no-repeat 0 0 transparent;
    height: 65px;
    margin: -32px 0 0 -32px;
    width: 65px;
  }
  /* controls */
  #ui .player .mejs-container .mejs-controls {
    background: transparent;
    bottom: 15px;
    height: 25px;
  }
  /* :focus for accessibility */
  #ui .player .mejs-controls .mejs-button button:focus {
    outline: dotted 1px #e20000;
  }
  #ui .player .mejs-controls .mejs-playpause-button {
    height: 30px;
    width: 50px;
  }
  #ui .player .mejs-controls .mejs-playpause-button button {
    background-image: url('../../designs/pritt/components/player/img/pritt.video.playstop.png');
    background-color: transparent;
    height: 22px;
    width: 37px;
  }
  #ui .player .mejs-controls .mejs-pause button {
    background-position: 0 -23px;
  }
  #ui .player .mejs-controls div.mejs-time-rail {
    height: 20px;
    margin-left: 10px;
  }
  #ui .player .mejs-controls .mejs-time-rail span {
    height: 15px;
  }
  #ui .player .mejs-controls .mejs-time-total:hover .mejs-time-float {
    background: url('../../designs/pritt/components/player/img/pritt.video.time-bg.png') no-repeat 0 0 transparent;
    border: 0;
    height: 22px;
    width: 66px;
  }
  #ui .player .mejs-controls .mejs-time-total .mejs-time-float .mejs-time-float-current {
    font-weight: bold;
    padding: 3px 6px 3px 15px;
  }
  #ui .player .mejs-controls .mejs-time-total:hover .mejs-time-float-corner {
    border: 0;
  }
  #ui .player .mejs-controls .mejs-time-rail {
    background: url('../../designs/pritt/components/player/img/pritt.video.scrub-slide.png') no-repeat 0 13px transparent;
    height: 22px;
  }
  #ui .player .mejs-controls .mejs-time-rail .mejs-time-total {
    background: transparent;
    -webkit-filter: none;
            filter: none;
    width: 153px;
  }
  #ui .player .mejs-controls .mejs-time-rail .mejs-time-current {
    background: transparent;
    height: 3px;
    left: 6px;
    top: 6px;
    width: 153px;
  }
  .ie7 #ui .player .mejs-controls .mejs-time-rail .mejs-time-current,
  .ie8 #ui .player .mejs-controls .mejs-time-rail .mejs-time-current {
    left: 3px;
    top: 8px;
  }
  #ui .player .mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: transparent;
    width: 153px;
    -webkit-filter: none;
            filter: none;
  }
  #ui .player .mejs-controls .mejs-time-rail .mejs-time-handle {
    background: url('../../designs/pritt/components/player/img/pritt.video.sound-slider.png') no-repeat 0 0 transparent;
    border: 0;
    display: block;
    height: 22px;
    width: 22px;
  }
  #ui .player .mejs-container .mejs-controls .mejs-time {
    padding: 8px 0 0 6px;
  }
  #ui .player .mejs-container .mejs-controls .mejs-time span {
    color: #fff;
    font-size: 9px;
    font-weight: bold;
    margin: 3px 0 0 1px;
  }
  #ui .player .mejs-container .mejs-controls .mejs-time span.mejs-currenttime {
    color: #e20000;
  }
  #ui .player .mejs-container .mejs-controls .mejs-time span.mejs-duration {
    color: #000;
  }
  #ui .player .mejs-controls .mejs-time {
    background: url('../../designs/pritt/components/player/img/pritt.video.time-bg.png') no-repeat 0 6px transparent;
    width: 100px;
  }
  #ui .player .mejs-controls .mejs-time-rail .mejs-time-float-corner {
    background: transparent;
  }
  #ui .player .mejs-container .mejs-controls div.mejs-mute,
  #ui .player .mejs-container .mejs-controls div.mejs-unmute {
    background: url('../../designs/pritt/components/player/img/pritt.video.sound-bg.png') no-repeat 5px 6px transparent;
    height: 29px;
    width: 60px;
  }
  #ui .player .mejs-controls .mejs-mute button,
  #ui .player .mejs-controls .mejs-unmute button {
    background: transparent;
  }
  /* general width of controls  */
  #ui .player .mejs-container .mejs-controls div {
    width: 46px;
  }
  #ui .player .mejs-container .mejs-controls div.mejs-time {
    height: 22px;
    width: 59px;
  }
  #ui .player .mejs-controls .mejs-button .mejs-volume-button .mejs-mute {
    width: 54px;
  }
  #ui .player .mejs-controls .mejs-volume-button .mejs-volume-slider {
    background: url('../../designs/pritt/components/player/img/pritt.video.sound-slide.png') no-repeat 9px 0 transparent;
    height: 57px;
    left: 20px;
    top: -24px;
    width: 23px;
    zoom: 1;
    display: block;
  }
  #ui .player .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
    background: url('../../designs/pritt/components/player/img/pritt.video.sound-slider.png') no-repeat 0 0 transparent;
    height: 22px;
    width: 23px;
    zoom: 1;
  }
  #ui .player .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
    height: 40px;
    background: transparent;
  }
  #ui .player .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
    height: 40px;
    background: transparent;
  }
}
@media all {
  #ui .video {
    margin: 0 auto;
  }
  #ui .video > div {
    margin: 0 auto;
  }
  #ui .video .contentvideoplayer {
    margin: 0 auto;
  }
  #ui .video .contentvideoplayer,
  #ui .video.box1 .contentvideoplayer {
    background: url('../../designs/pritt/components/video/img/videoplayer-bg-crafting-ideas.png');
    height: 328px;
    width: 521px;
  }
  #ui .video .contentvideoplayer > div,
  #ui .video.box1 .contentvideoplayer > div {
    left: 40px;
    top: 25px;
    position: relative;
  }
  #ui .video.box2 .contentvideoplayer {
    background: url('../../designs/pritt/components/video/img/videoplayer.png');
    height: 310px;
    width: 560px;
  }
  #ui .video.box2 .contentvideoplayer > div {
    left: 112px;
    position: relative;
    top: 51px;
  }
  #ui .video h2,
  #ui .video p {
    display: none;
  }
  #ui .box.craftdescription .video .contentvideoplayer {
    margin-left: -20px;
  }
}
/**
 * comp: form
 */
@media all {
  /* headlines */
  #ui .form h3 {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 20px;
  }
  /* links */
  #ui .form form a:link,
  #ui .form form a:visited {
    color: #e20000;
    text-decoration: underline;
  }
  #ui .form form a:hover,
  #ui .form form a:active,
  #ui .form form a:focus {
    text-decoration: none;
  }
  /* form */
  #ui .form form {
    overflow: visible;
    padding: 0 0 5px;
  }
  #ui .form fieldset {
    font-size: 11px;
    line-height: 16px;
    margin-bottom: 10px;
  }
  #ui .form form .row {
    clear: both;
  }
  #ui .form p {
    font-size: 13px;
    line-height: 18px;
  }
  #ui .form p.hint {
    clear: both;
    font-size: 10px;
    line-height: 12px;
  }
  /* form elements */
  #ui .form label {
    cursor: pointer;
    display: block;
    font-weight: bold;
    margin-bottom: 1px;
    padding-left: 1px;
    vertical-align: bottom;
  }
  #ui .form form .item {
    float: left;
    height: 50px;
    margin-left: 15px;
  }
  #ui .form form .item:first-child {
    margin-left: 0;
  }
  #ui .form .text input,
  #ui .form .select select,
  #ui .form .textarea textarea {
    border: 1px solid #666;
    border-width: 1px 0 0 1px;
    font-size: 11px;
    margin-bottom: 6px;
  }
  #ui .form .text input,
  #ui .form .textarea textarea {
    display: block;
    padding: 1px 5px;
  }
  #ui .form .text input {
    height: 15px;
    width: 230px /*196px;*/;
  }
  #ui .form .long-text input {
    width: 486px;
  }
  #ui .form .textarea textarea {
    height: 92px;
    padding-right: 2px;
    width: 489px;
  }
  #ui .form .select p {
    overflow: hidden;
  }
  #ui .form .select select {
    height: 20px;
    width: 241px;
  }
  #ui .form .select select option {
    font-size: 11px;
    height: 18px;
  }
  /* data privacy check */
  #ui .form .fsInfo {
    padding-left: 20px;
    font-size: 11px;
  }
  #ui .form .fsInfo div {
    margin-bottom: 6px;
  }
  #ui .form .fsInfo input,
  #ui .form .fsInfo .styledCheckbox {
    float: left;
    margin-left: -20px;
  }
  #ui .form .fsInfo label {
    display: inline;
  }
  /*Checkboxes and Radiobuttons*/
  #ui .form .styledCheckbox,
  #ui .form .styledRadio {
    background-image: url("../../designs/pritt/components/form/img/forms-pritt.png");
    background-repeat: no-repeat;
    margin-right: 6px;
    width: 18px;
  }
  #ui .form .styledRadio {
    background-position: -120px 0;
    display: inline-block !important;
    height: 18px;
    vertical-align: top;
  }
  #ui .form .styledRadioChecked {
    background-position: -120px -20px;
  }
  #ui .form label.hover .styledRadio,
  #ui .form .styledRadio.active {
    background-position: -150px 0;
  }
  #ui .form label.hover .styledRadioChecked,
  #ui .form .styledRadioChecked.active {
    background-position: -150px -20px;
  }
  #ui .form label.disabled .styledRadio {
    background-position: -180px 0;
  }
  #ui .form label.disabled .styledRadioChecked {
    background-position: -180px -20px;
  }
  #ui .form label.error .styledRadio {
    background-position: -210px 0;
  }
  #ui .form label.error .styledRadioChecked {
    background-position: -210px -20px;
  }
  #ui .form .styledCheckbox {
    background-position: 0 0;
    height: 16px;
    display: block;
    display: none !important;
    display: inline-block !important;
    vertical-align: middle;
    margin-top: 1px;
  }
  #ui .form .styledCheckboxChecked {
    background-position: 0 -20px;
  }
  #ui .form label.hover .styledCheckbox,
  #ui .form .styledCheckbox.active {
    background-position: -30px 0;
  }
  #ui .form label.hover .styledCheckboxChecked,
  #ui .form .styledCheckboxChecked.active {
    background-position: -30px -20px;
  }
  #ui .form label.disabled .styledCheckbox {
    background-position: -60px 0;
  }
  #ui .form label.disabled .styledCheckboxChecked {
    background-position: -60px -20px;
  }
  #ui .form label.error .styledCheckbox {
    background-position: -90px 0;
  }
  #ui .form label.error .styledCheckboxChecked {
    background-position: -90px -20px;
  }
  /* submit button */
  #ui .form .submit {
    clear: both;
    float: right;
    margin-right: 15px;
    overflow: hidden;
  }
  #ui .form .submit input {
    background: transparent;
    font-size: 12px;
  }
  /*Captcha*/
  #ui .form .captcha {
    margin-bottom: 15px;
  }
  #ui .form .form_captcha_img {
    background-color: #f4b2b3;
    float: left;
    margin: 0 10px 0 0;
    padding: 9px 22px 10px;
  }
  #ui .form .form_captcha_refresh {
    float: left;
    margin-top: 11px;
    position: relative;
  }
  #ui .form .form_captcha_refresh input {
    background: url('../../designs/pritt/common/img/icons.png') no-repeat 0 6px;
    border: medium none;
    color: #e20000;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    height: 20px;
    padding-left: 15px;
    text-decoration: underline;
  }
  #ui .form .form_captcha_refresh input:hover {
    text-decoration: none;
  }
  #ui .panel.white .form .form_captcha_refresh input {
    background-position: 0 -1593px;
  }
  #ui .form .form_captchatimer {
    border: 1px solid #fff;
    left: 22px;
    position: absolute;
    top: -11px;
    width: 64px;
  }
  #ui .form .form_captchatimer_bar {
    background-color: #ccc;
    height: 9px;
  }
  /* error */
  #ui .form p.error-message {
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #e20000;
    font-weight: bold;
    font-size: 11px;
    margin-bottom: 20px !important;
    padding: 10px 15px;
  }
  #ui .panel.white .form p.error-message {
    padding-left: 0;
  }
  #ui .form .text input.error,
  #ui .form .select p.error,
  #ui .form .textarea textarea.error {
    border: 2px dashed #e20000;
    padding-left: 4px;
    padding-right: 3px;
  }
  /* ie */
  .ie6 #ui .form form .item,
  .ie7 #ui .form form .item {
    margin-left: 8px;
  }
  .ie6 #ui .form form .item:first-child,
  .ie7 #ui .form form .item:first-child {
    margin-left: 0;
  }
  .ie6 #ui .form form .item label,
  .ie7 #ui .form form .item label {
    padding-left: 9px;
  }
  .ie6 #ui .form form .item:first-child label,
  .ie7 #ui .form form .item:first-child label {
    padding-left: 1px;
  }
  .ie6 #ui .form .text input,
  .ie6 #ui .form .textarea textarea,
  .ie6 #ui .form p.select,
  .ie7 #ui .form .text input,
  .ie7 #ui .form .textarea textarea,
  .ie7 #ui .form p.select,
  .ie8 #ui .form .text input,
  .ie8 #ui .form .textarea textarea,
  .ie8 #ui .form p.select,
  .ie8 #ui .form p.error-message {
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
    position: relative;
  }
  .ie6 #ui .form .fsInfo,
  .ie7 #ui .form .fsInfo {
    padding-left: 24px;
  }
  .ie6 #ui .form .fsInfo input,
  .ie7 #ui .form .fsInfo input,
  .ie6 #ui .form .fsInfo .styledCheckbox,
  .ie7 #ui .form .fsInfo .styledCheckbox {
    margin-left: -24px;
  }
}
/**
 * comp: contactform
 */
@media all {
  #ui .contactform .gender label {
    display: inline-block;
    margin-right: 30px;
  }
  #ui .contactform .gender input {
    margin-right: 2px;
  }
}
@media all {
  #ui .stage {
    overflow: hidden;
    position: relative;
  }
  #ui .stage.hover {
    cursor: pointer;
  }
  #ui .stage .textblock {
    display: none;
  }
  #ui .stage .rendermode_generic {
    min-height: 200px;
  }
  #ui .stage .cl > .par {
    width: 98%;
  }
  #ui .stage .cl > .par .parsys_column {
    min-height: 1px;
  }
  #ui .stage .cl > .par .parsys_column img {
    max-width: 100%;
  }
  #ui .stage .cl > .par .cq-colctrl-lt0,
  #ui .stage .cl > .par .cq-colctrl-lt1,
  #ui .stage .cl > .par .cq-colctrl-lt2 {
    width: 100%;
  }
  #ui .stage.col3 #content .stage .cl > .par .cq-colctrl-lt0,
  #ui .stage.col3 #content .stage .cl > .par .cq-colctrl-lt1,
  #ui .stage.col3 #content .stage .cl > .par .cq-colctrl-lt2 {
    width: 100%;
  }
  #ui .stage.col2l #content .stage .cl > .par .cq-colctrl-lt0,
  #ui .stage.col2r #content .stage .cl > .par .cq-colctrl-lt0,
  #ui .stage.col2l #content .stage .cl > .par .cq-colctrl-lt1,
  #ui .stage.col2r #content .stage .cl > .par .cq-colctrl-lt1,
  #ui .stage.col2l #content .stage .cl > .par .cq-colctrl-lt2,
  #ui .stage.col2r #content .stage .cl > .par .cq-colctrl-lt2 {
    width: 100%;
  }
  #ui .stage.col1 #content .stage .cl > .par .cq-colctrl-lt0,
  #ui .stage.col1 #content .stage .cl > .par .cq-colctrl-lt1,
  #ui .stage.col1 #content .stage .cl > .par .cq-colctrl-lt2 {
    width: 100%;
  }
  #ui .stage > .par {
    bottom: 0;
    position: absolute;
    right: 10px;
  }
  #ui .stage .cl > .par {
    position: absolute;
  }
  #ui .stage .cl > .par {
    bottom: 0;
    right: 10px;
  }
  #ui #content .carousel .stage,
  #ui #content .carousel .parsys .stage {
    margin: 0;
  }
  #ui #content .parsys .carousel .stage:first-child {
    margin-top: 0;
  }
  #ui .carousel .rhino-container .stage {
    border: none;
  }
  #ui .carousel .stage {
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
    position: relative;
    -webkit-border-radius: 10px 10px 40px 10px;
    -moz-border-radius: 10px 10px 40px 10px;
    border-radius: 10px 10px 40px 10px;
    background-color: #fff;
    border: 10px #fff solid;
  }
  #ui .carousel .stage .cl > .par {
    width: auto;
  }
  #ui .carousel .stage .cl > .par {
    width: 90%;
    left: 0;
    top: 0;
  }
  #ui .carousel .stage .cl > .par > figure {
    float: right;
  }
}
/**
 * 	comp: quiz
 */
@media all {
  /* container */
  #ui .quiz {
    overflow: visible;
    padding: 0 0 10px;
  }
  #ui .quiz .textimage p {
    margin-bottom: 0;
  }
  /* headlinie */
  #ui .quiz header {
    padding: 10px 20px 5px 20px;
  }
  #ui .quiz header h2 {
    color: #fff;
    font-family: Arial, Verdana, sans-serif !important;
    font-size: 25px;
    font-weight: normal;
    text-align: center;
    text-shadow: -3px 3px 0 #000, -3px 1px 0 #000, -3px 0px 0 #000, -3px -1px 0 #000, -3px -3px 0 #000, -1px 3px 0 #000, -1px 1px 0 #000, -1px 0px 0 #000, -1px -1px 0 #000, -1px -3px 0 #000, 0px 3px 0 #000, 0px 1px 0 #000, 0px 0px 0 #000, 0px -1px 0 #000, 0px -3px 0 #000, 1px 3px 0 #000, 1px 1px 0 #000, 1px 0px 0 #000, 1px -1px 0 #000, 1px -3px 0 #000, 3px 3px 0 #000, 3px 1px 0 #000, 3px 0px 0 #000, 3px -1px 0 #000, 3px -3px 0 #000;
  }
  .ie7 #ui .quiz h2 span,
  .ie8 #ui .quiz h2 span,
  .ie9 #ui .quiz h2 span {
    display: inline-block;
    background-color: #010101;
    zoom: 1;
    /* no support of shorthand colors, limit precision on Matrix filter and keep order of arguments */
    filter: progid:DXImageTransform.Microsoft.Chroma(Color=#010101)
                progid:DXImageTransform.Microsoft.DropShadow(OffX=-3, OffY=0, Color=#000000)
                progid:DXImageTransform.Microsoft.DropShadow(OffX=3, OffY=0, Color=#000000)
                progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=3, Color=#000000)
                progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=-3, Color=#000000);
    border: 0;
  }
}
/*
 * comp: quiz-question
 */
@media all {
  #ui .quiz-question {
    background: url("../../designs/pritt/components/craft/craftdescription/img/karton-oben.png") no-repeat scroll 0 0 transparent;
    padding-top: 200px;
    margin-left: -10px;
    margin-right: -11px;
    position: relative;
  }
  #ui .quiz-question .details .red-border,
  #ui .quiz-question img {
    border: 2px dashed #FF0000;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
  }
  #ui .quiz-question img {
    display: inline;
    max-width: 100%;
  }
  #ui .quiz-question .details .ear {
    left: 100px;
    top: -28px;
  }
  #ui .quiz-question .details .red-border {
    min-height: 100px;
  }
  #ui .quiz-question .details .red-border > p {
    padding: 10px;
  }
  #ui .quiz-question .ear {
    background: url("../../designs/pritt/components/quiz/quiz-question/img/pritt.ear-icon.png") no-repeat scroll 0 0 transparent;
    height: 58px;
    left: 117px;
    position: absolute;
    top: 2px;
    width: 34px;
  }
  #ui .quiz-question figure,
  #ui .quiz-question .details {
    background: #FFF;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 3px 3px 0 0 #000000;
    -webkit-box-shadow: 3px 3px 0 0 #000000;
    box-shadow: 3px 3px 0 0 #000000;
    margin-top: -177px;
    position: relative;
  }
  #ui .quiz-question .details {
    float: right;
    margin-bottom: 45px;
    padding: 5px;
    width: 240px;
  }
  #ui .quiz-question figure {
    float: left;
    margin-right: 5px;
    padding: 5px 8px 5px 5px;
    text-align: center;
    width: 162px;
  }
  #ui .quiz-question .form fieldset {
    font-size: 10px;
  }
  #ui .quiz-question .form label {
    font-weight: normal;
    padding-left: 25px;
    text-indent: -25px;
  }
  #ui .quiz-question .form .styledRadioChecked {
    background-position: -121px -20px;
  }
  #ui .quiz-question h3 {
    color: #FF0000;
    padding: 10px;
  }
  #ui .quiz-question h4 {
    font-size: 10px;
    padding-bottom: 10px;
  }
  #ui .quiz-question form {
    padding: 10px;
  }
  #ui .quiz-question .form .submit {
    bottom: -50px;
    margin-right: 0;
    position: absolute;
    right: -7px;
  }
  #ui .quiz-question .form .submit.button-disabled {
    background: #898989;
    /* Old browsers */
    background: -moz-linear-gradient(left, #898989 0%, #A3A3A3 60%, #A3A3A3 60%, #898989 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #898989), color-stop(60%, #A3A3A3), color-stop(60%, #A3A3A3), color-stop(100%, #898989));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #898989 0%, #A3A3A3 60%, #A3A3A3 60%, #898989 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #898989 0%, #A3A3A3 60%, #A3A3A3 60%, #898989 100%);
    /* Opera11.10+ */
    background: -ms-linear-gradient(left, #898989 0%, #A3A3A3 60%, #A3A3A3 60%, #898989 100%);
    /* IE10+ */
    background: linear-gradient(left, #898989 0%, #A3A3A3 60%, #A3A3A3 60%, #898989 100%);
    /* W3C */
    -pie-background: linear-gradient(#898989, #A3A3A3);
    cursor: pointer !important;
  }
  #ui .quiz-question .form .submit.button-disabled .button-red-dashed {
    border: 1px dashed #4F4C4D;
  }
  .ie7 #ui .quiz-question .form .submit.button-disabled .button-red-dashed {
    background: #898989;
    -pie-background: linear-gradient(#898989, #A3A3A3);
    position: relative;
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
  }
  #ui .quiz-question .information-wrapper {
    background: url("../../designs/pritt/components/craft/craftdescription/img/karton-unten.png") no-repeat scroll 0 100% transparent;
    padding: 0 45px 30px;
  }
}
/*
 * comp: quiz-result
 */
@media all {
  #ui .quiz-result {
    background: url("../../designs/pritt/components/craft/craftdescription/img/karton-oben.png") no-repeat 0 0 transparent;
    margin-left: -10px;
    margin-right: -11px;
    padding-top: 200px;
    position: relative;
  }
  #ui .quiz-result .details .red-border,
  #ui .quiz-result img {
    border: 2px dashed #FF0000;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    behavior: url(\"/etc/designs/henkel-lib/common/js/libs/PIE/pie-alias.htc\");
  }
  #ui .quiz-result img {
    display: inline;
    max-width: 100%;
  }
  #ui .quiz-result .details .red-border {
    min-height: 100px;
  }
  #ui .quiz-result .details .ear {
    left: 107px;
    top: -22px;
  }
  #ui .quiz-result .details .red-border {
    min-height: 100px;
  }
  #ui .quiz-result .ear {
    background: url("../../designs/pritt/components/quiz/quiz-question/img/pritt.ear-icon.png") no-repeat 0 0 transparent;
    height: 58px;
    left: 117px;
    position: absolute;
    top: 2px;
    width: 34px;
  }
  #ui .quiz-result figure,
  #ui .quiz-result .details {
    background: #FFF;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 3px 3px 0 0 #000000;
    -webkit-box-shadow: 3px 3px 0 0 #000000;
    box-shadow: 3px 3px 0 0 #000000;
    padding: 5px;
    margin-top: -177px;
    position: relative;
  }
  #ui .quiz-result .details {
    float: right;
    margin-bottom: 45px;
    width: 240px;
  }
  #ui .quiz-result .details .button-red.headline {
    bottom: -50px;
    margin-right: 0;
    position: absolute;
    right: 0;
  }
  #ui .quiz-result .details .button-red a {
    font-size: 12px;
    line-height: 1.3;
  }
  #ui .quiz-result figure {
    float: left;
    margin-right: 5px;
    text-align: center;
    width: 165px;
  }
  #ui .quiz-result h3 {
    color: #FF0000;
    padding: 10px;
  }
  #ui .quiz-result .information-wrapper {
    background: url("../../designs/pritt/components/craft/craftdescription/img/karton-unten.png") no-repeat 0 100% transparent;
    padding: 0 45px 30px;
  }
  #ui .quiz-result .solution {
    font-weight: bold;
    min-height: 70px;
    padding: 10px;
  }
}
/**
 * component: youtube (skin)
 */
@media all {
  #ui .youtube {
    zoom: 1;
    margin: 0 auto;
    margin-top: 5px !important;
  }
  #ui .youtube:before,
  #ui .youtube:after {
    content: "";
    display: table;
  }
  #ui .youtube:after {
    clear: both;
  }
  #ui .youtube.box2 {
    background: url('../../designs/pritt/components/video/img/videoplayer.png');
    height: 310px;
    margin-left: 0px !important;
  }
  #ui .youtube.box2 > div,
  #ui .youtube.box2 .preview {
    margin: 0;
    left: 112px;
    position: relative;
    top: 51px;
    width: 337px;
    height: 210px;
  }
  #ui .youtube.box2 > div img,
  #ui .youtube.box2 .preview img {
    max-width: 100%;
    height: 210px;
  }
  #ui .youtube h3,
  #ui .youtube p {
    display: none;
  }
  #ui .youtube .preview {
    overflow: hidden;
  }
  #ui .youtube .preview img {
    width: 89.5%;
    margin-left: 12px;
  }
  #ui .youtube .preview.widescreen img {
    margin-top: -42px;
  }
  #ui .youtube .preview .play {
    background: url('../../designs/pritt/components/youtube/img/heli.youtube.play.png') no-repeat 0 0 transparent;
    height: 70px;
    left: 50%;
    margin: -35px 0 0 -35px;
    position: absolute;
    top: 50%;
    width: 70px;
  }
  #ui .youtube .preview:hover,
  #ui .youtube .preview.hover {
    cursor: pointer;
  }
  #ui .youtube .preview:hover .play,
  #ui .youtube .preview.hover .play {
    background-position: 0 -69px;
  }
  #ui .youtube .metadata {
    float: left;
    width: 100%;
  }
  #ui .leftpar .youtube iframe,
  #ui .rightpar .youtube iframe {
    width: 192px !important;
    height: 135px;
    margin-left: 10px;
  }
  #ui .par .youtube {
    margin-left: 35px;
  }
  #ui .par .youtube iframe {
    width: 450px;
    height: 320px;
    margin-left: 10px;
  }
  #ui .youtube > div,
  #ui .youtube.box1 > div,
  #ui .youtube .preview,
  #ui .youtube.box1 .preview {
    float: left;
    overflow: hidden;
    position: relative;
  }
  #ui .panel-body .youtube {
    margin-top: 77px;
  }
}
/**
 * comp: footer-seals
 */
@media all {
  #ui .footer-seals {
    margin: 20px auto;
    width: 50%;
  }
}
/**
 * comp: footer-logo
 */
@media all {
  #ui .footer-logo {
    margin-left: 15px;
    position: relative;
    top: -8px;
  }
}
/**
 * comp: footer-nav
 */
@media all {
  #ui .footer-nav {
    float: left;
    max-width: 65%;
    padding-left: 5px;
  }
  #ui .footer-nav a {
    color: #545353;
    font-size: 11px;
    font-weight: bold;
    padding: 0 8px;
  }
  #ui .footer-nav a:hover {
    color: #dc291e;
    text-decoration: none;
  }
  #ui .footer-nav a:link,
  #ui .footer-nav a:visited {
    color: #545353;
  }
  #ui .footer-nav li:first-child a {
    border-left: 0;
  }
  #ui .footer-nav ul.h-nav {
    zoom: 1;
  }
  #ui .footer-nav ul.h-nav:before,
  #ui .footer-nav ul.h-nav:after {
    content: "";
    display: table;
  }
  #ui .footer-nav ul.h-nav:after {
    clear: both;
  }
  #ui .footer-nav ul.h-nav li {
    padding-bottom: 3px;
  }
  .campaignpage #ui .footer-nav a {
    color: #545353;
  }
}
/**
 * comp: footnote
 */
@media all {
  #ui .footnote {
    float: left;
    font-size: 12px;
    padding-right: 5px;
  }
}