/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=5256bdcb619fe9387a44bf8581f2da31)
 * Config saved to config.json and https://gist.github.com/5256bdcb619fe9387a44bf8581f2da31
 */
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
.ColorConfigurator html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
.ColorConfigurator body {
  margin: 0;
}
.ColorConfigurator article,
.ColorConfigurator aside,
.ColorConfigurator details,
.ColorConfigurator figcaption,
.ColorConfigurator figure,
.ColorConfigurator footer,
.ColorConfigurator header,
.ColorConfigurator hgroup,
.ColorConfigurator main,
.ColorConfigurator menu,
.ColorConfigurator nav,
.ColorConfigurator section,
.ColorConfigurator summary {
  display: block;
}
.ColorConfigurator audio,
.ColorConfigurator canvas,
.ColorConfigurator progress,
.ColorConfigurator video {
  display: inline-block;
  vertical-align: baseline;
}
.ColorConfigurator audio:not([controls]) {
  display: none;
  height: 0;
}
.ColorConfigurator [hidden],
.ColorConfigurator template {
  display: none;
}
.ColorConfigurator a {
  background-color: transparent;
}
.ColorConfigurator a:active,
.ColorConfigurator a:hover {
  outline: 0;
}
.ColorConfigurator abbr[title] {
  border-bottom: 1px dotted;
}
.ColorConfigurator b,
.ColorConfigurator strong {
  font-weight: bold;
}
.ColorConfigurator dfn {
  font-style: italic;
}
.ColorConfigurator h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
.ColorConfigurator mark {
  background: #ff0;
  color: #000;
}
.ColorConfigurator small {
  font-size: 80%;
}
.ColorConfigurator sub,
.ColorConfigurator sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.ColorConfigurator sup {
  top: -0.5em;
}
.ColorConfigurator sub {
  bottom: -0.25em;
}
.ColorConfigurator img {
  border: 0;
}
.ColorConfigurator svg:not(:root) {
  overflow: hidden;
}
.ColorConfigurator figure {
  margin: 1em 40px;
}
.ColorConfigurator hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
.ColorConfigurator pre {
  overflow: auto;
}
.ColorConfigurator code,
.ColorConfigurator kbd,
.ColorConfigurator pre,
.ColorConfigurator samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
.ColorConfigurator button,
.ColorConfigurator input,
.ColorConfigurator optgroup,
.ColorConfigurator select,
.ColorConfigurator textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
.ColorConfigurator button {
  overflow: visible;
}
.ColorConfigurator button,
.ColorConfigurator select {
  text-transform: none;
}
.ColorConfigurator button,
.ColorConfigurator html input[type="button"],
.ColorConfigurator input[type="reset"],
.ColorConfigurator input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
.ColorConfigurator button[disabled],
.ColorConfigurator html input[disabled] {
  cursor: default;
}
.ColorConfigurator button::-moz-focus-inner,
.ColorConfigurator input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.ColorConfigurator input {
  line-height: normal;
}
.ColorConfigurator input[type="checkbox"],
.ColorConfigurator input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
.ColorConfigurator input[type="number"]::-webkit-inner-spin-button,
.ColorConfigurator input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
.ColorConfigurator input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.ColorConfigurator input[type="search"]::-webkit-search-cancel-button,
.ColorConfigurator input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
.ColorConfigurator fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
.ColorConfigurator legend {
  border: 0;
  padding: 0;
}
.ColorConfigurator textarea {
  overflow: auto;
}
.ColorConfigurator optgroup {
  font-weight: bold;
}
.ColorConfigurator table {
  border-collapse: collapse;
  border-spacing: 0;
}
.ColorConfigurator td,
.ColorConfigurator th {
  padding: 0;
}
.ColorConfigurator * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ColorConfigurator *:before,
.ColorConfigurator *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ColorConfigurator html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.ColorConfigurator body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #ffffff;
}
.ColorConfigurator input,
.ColorConfigurator button,
.ColorConfigurator select,
.ColorConfigurator textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
.ColorConfigurator a {
  color: #337ab7;
  text-decoration: none;
}
.ColorConfigurator a:hover,
.ColorConfigurator a:focus {
  color: #23527c;
  text-decoration: underline;
}
.ColorConfigurator a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ColorConfigurator figure {
  margin: 0;
}
.ColorConfigurator img {
  vertical-align: middle;
}
.ColorConfigurator .img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.ColorConfigurator .img-rounded {
  border-radius: 6px;
}
.ColorConfigurator .img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.ColorConfigurator .img-circle {
  border-radius: 50%;
}
.ColorConfigurator hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.ColorConfigurator .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.ColorConfigurator .sr-only-focusable:active,
.ColorConfigurator .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
.ColorConfigurator [role="button"] {
  cursor: pointer;
}
.ColorConfigurator .tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.ColorConfigurator .tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.ColorConfigurator .tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.ColorConfigurator .tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.ColorConfigurator .tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.ColorConfigurator .tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.ColorConfigurator .tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  background-color: #000000;
  border-radius: 4px;
}
.ColorConfigurator .tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.ColorConfigurator .tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.ColorConfigurator .tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.ColorConfigurator .tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.ColorConfigurator .tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000;
}
.ColorConfigurator .tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000;
}
.ColorConfigurator .tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.ColorConfigurator .tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.ColorConfigurator .tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.ColorConfigurator .popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  overflow: visible !important;
  display: none;
  max-width: 276px;
  padding: 0px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 0px;
}
.ColorConfigurator .popover.top {
  margin-top: -10px;
}
.ColorConfigurator .popover.right {
  margin-left: 10px;
}
.ColorConfigurator .popover.bottom {
  margin-top: 10px;
}
.ColorConfigurator .popover.left {
  margin-left: -10px;
}
.ColorConfigurator .popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.ColorConfigurator .popover-content {
  padding: 9px 14px;
}
.ColorConfigurator .popover > .arrow,
.ColorConfigurator .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.ColorConfigurator .popover > .arrow {
  border-width: 11px;
}
.ColorConfigurator .popover > .arrow:after {
  border-width: 10px;
  content: "";
}
.ColorConfigurator .popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.ColorConfigurator .popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #ffffff;
}
.ColorConfigurator .popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.ColorConfigurator .popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff;
}
.ColorConfigurator .popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.ColorConfigurator .popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.ColorConfigurator .popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.ColorConfigurator .popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px;
}
.ColorConfigurator .clearfix:before,
.ColorConfigurator .clearfix:after {
  content: " ";
  display: table;
}
.ColorConfigurator .clearfix:after {
  clear: both;
}
.ColorConfigurator .center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.ColorConfigurator .pull-right {
  float: right !important;
}
.ColorConfigurator .pull-left {
  float: left !important;
}
.ColorConfigurator .hide {
  display: none !important;
}
.ColorConfigurator .show {
  display: block !important;
}
.ColorConfigurator .invisible {
  visibility: hidden;
}
.ColorConfigurator .text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.ColorConfigurator .hidden {
  display: none !important;
}
.ColorConfigurator .affix {
  position: fixed;
}
.ColorConfigurator [uib-tooltip-popup].tooltip.top-left > .tooltip-arrow,
.ColorConfigurator [uib-tooltip-popup].tooltip.top-right > .tooltip-arrow,
.ColorConfigurator [uib-tooltip-popup].tooltip.bottom-left > .tooltip-arrow,
.ColorConfigurator [uib-tooltip-popup].tooltip.bottom-right > .tooltip-arrow,
.ColorConfigurator [uib-tooltip-popup].tooltip.left-top > .tooltip-arrow,
.ColorConfigurator [uib-tooltip-popup].tooltip.left-bottom > .tooltip-arrow,
.ColorConfigurator [uib-tooltip-popup].tooltip.right-top > .tooltip-arrow,
.ColorConfigurator [uib-tooltip-popup].tooltip.right-bottom > .tooltip-arrow,
.ColorConfigurator [uib-tooltip-html-popup].tooltip.top-left > .tooltip-arrow,
.ColorConfigurator [uib-tooltip-html-popup].tooltip.top-right > .tooltip-arrow,
.ColorConfigurator [uib-tooltip-html-popup].tooltip.bottom-left > .tooltip-arrow,
.ColorConfigurator [uib-tooltip-html-popup].tooltip.bottom-right > .tooltip-arrow,
.ColorConfigurator [uib-tooltip-html-popup].tooltip.left-top > .tooltip-arrow,
.ColorConfigurator [uib-tooltip-html-popup].tooltip.left-bottom > .tooltip-arrow,
.ColorConfigurator [uib-tooltip-html-popup].tooltip.right-top > .tooltip-arrow,
.ColorConfigurator [uib-tooltip-html-popup].tooltip.right-bottom > .tooltip-arrow,
.ColorConfigurator [uib-tooltip-template-popup].tooltip.top-left > .tooltip-arrow,
.ColorConfigurator [uib-tooltip-template-popup].tooltip.top-right > .tooltip-arrow,
.ColorConfigurator [uib-tooltip-template-popup].tooltip.bottom-left > .tooltip-arrow,
.ColorConfigurator [uib-tooltip-template-popup].tooltip.bottom-right > .tooltip-arrow,
.ColorConfigurator [uib-tooltip-template-popup].tooltip.left-top > .tooltip-arrow,
.ColorConfigurator [uib-tooltip-template-popup].tooltip.left-bottom > .tooltip-arrow,
.ColorConfigurator [uib-tooltip-template-popup].tooltip.right-top > .tooltip-arrow,
.ColorConfigurator [uib-tooltip-template-popup].tooltip.right-bottom > .tooltip-arrow,
.ColorConfigurator [uib-popover-popup].popover.top-left > .arrow,
.ColorConfigurator [uib-popover-popup].popover.top-right > .arrow,
.ColorConfigurator [uib-popover-popup].popover.bottom-left > .arrow,
.ColorConfigurator [uib-popover-popup].popover.bottom-right > .arrow,
.ColorConfigurator [uib-popover-popup].popover.left-top > .arrow,
.ColorConfigurator [uib-popover-popup].popover.left-bottom > .arrow,
.ColorConfigurator [uib-popover-popup].popover.right-top > .arrow,
.ColorConfigurator [uib-popover-popup].popover.right-bottom > .arrow,
.ColorConfigurator [uib-popover-html-popup].popover.top-left > .arrow,
.ColorConfigurator [uib-popover-html-popup].popover.top-right > .arrow,
.ColorConfigurator [uib-popover-html-popup].popover.bottom-left > .arrow,
.ColorConfigurator [uib-popover-html-popup].popover.bottom-right > .arrow,
.ColorConfigurator [uib-popover-html-popup].popover.left-top > .arrow,
.ColorConfigurator [uib-popover-html-popup].popover.left-bottom > .arrow,
.ColorConfigurator [uib-popover-html-popup].popover.right-top > .arrow,
.ColorConfigurator [uib-popover-html-popup].popover.right-bottom > .arrow,
.ColorConfigurator [uib-popover-template-popup].popover.top-left > .arrow,
.ColorConfigurator [uib-popover-template-popup].popover.top-right > .arrow,
.ColorConfigurator [uib-popover-template-popup].popover.bottom-left > .arrow,
.ColorConfigurator [uib-popover-template-popup].popover.bottom-right > .arrow,
.ColorConfigurator [uib-popover-template-popup].popover.left-top > .arrow,
.ColorConfigurator [uib-popover-template-popup].popover.left-bottom > .arrow,
.ColorConfigurator [uib-popover-template-popup].popover.right-top > .arrow,
.ColorConfigurator [uib-popover-template-popup].popover.right-bottom > .arrow {
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  margin: 0;
}
.ColorConfigurator [uib-popover-popup].popover,
.ColorConfigurator [uib-popover-html-popup].popover,
.ColorConfigurator [uib-popover-template-popup].popover {
  display: block !important;
}
.ColorConfigurator .uib-position-measure {
  display: block !important;
  visibility: hidden !important;
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
}
.ColorConfigurator .uib-position-scrollbar-measure {
  position: absolute !important;
  top: -9999px !important;
  width: 50px !important;
  height: 50px !important;
  overflow: scroll !important;
}
.ColorConfigurator .uib-position-body-scrollbar-measure {
  overflow: scroll !important;
}
/* Generated by http://responsive-css.spritegen.com Responsive CSS Sprite Generator */
.holz-kiefer-eiche-dunkel,
.holz-kiefer-eiche-hell,
.holz-kiefer-mahagoni,
.holz-kiefer-nussbaum,
.holz-kiefer-polisander,
.holz-kiefer-schwarzbraun,
.holz-kiefer-teak,
.holz-meranti-eiche-dunkel,
.holz-meranti-eiche-hell,
.holz-meranti-mahagoni,
.holz-meranti-nussbaum,
.holz-meranti-polisander,
.holz-meranti-schwarzbraun,
.holz-meranti-teak,
.holz-weiss {
  max-width: 100%;
  background-size: 100%;
  background-image: url('../img/sprite-holz.png');
}
.holz-kiefer-eiche-dunkel {
  background-position: 0 0%;
  background-size: 100%;
}
.holz-kiefer-eiche-hell {
  background-position: 0 7.142857%;
  background-size: 100%;
}
.holz-kiefer-mahagoni {
  background-position: 0 14.285714%;
  background-size: 100%;
}
.holz-kiefer-nussbaum {
  background-position: 0 21.428571%;
  background-size: 100%;
}
.holz-kiefer-polisander {
  background-position: 0 28.571429%;
  background-size: 100%;
}
.holz-kiefer-schwarzbraun {
  background-position: 0 35.714286%;
  background-size: 100%;
}
.holz-kiefer-teak {
  background-position: 0 42.857143%;
  background-size: 100%;
}
.holz-meranti-eiche-dunkel {
  background-position: 0 50%;
  background-size: 100%;
}
.holz-meranti-eiche-hell {
  background-position: 0 57.142857%;
  background-size: 100%;
}
.holz-meranti-mahagoni {
  background-position: 0 64.285714%;
  background-size: 100%;
}
.holz-meranti-nussbaum {
  background-position: 0 71.428571%;
  background-size: 100%;
}
.holz-meranti-polisander {
  background-position: 0 78.571429%;
  background-size: 100%;
}
.holz-meranti-schwarzbraun {
  background-position: 0 85.714286%;
  background-size: 100%;
}
.holz-meranti-teak {
  background-position: 0 92.857143%;
  background-size: 100%;
}
.holz-weiss {
  background-position: 0 100%;
  background-size: 100%;
}
.kunststoff-anthrazit-glatt,
.kunststoff-anthrazitgrau,
.kunststoff-basaltgrau-glatt,
.kunststoff-basaltgrau,
.kunststoff-bergkiefer,
.kunststoff-betongrau,
.kunststoff-braun-maron,
.kunststoff-brillantblau,
.kunststoff-cardinal-platinum,
.kunststoff-cremeweiss,
.kunststoff-crown-platinum,
.kunststoff-dunkelgruen,
.kunststoff-dunkelrot,
.kunststoff-eiche-dunkel,
.kunststoff-eiche-hell,
.kunststoff-eiche-natur,
.kunststoff-eisenglimmer-schiefer-db703,
.kunststoff-gebuerstet-aluminium,
.kunststoff-golden-oak,
.kunststoff-grau,
.kunststoff-lichtgrau-7251,
.kunststoff-light-black,
.kunststoff-macore,
.kunststoff-mahagoni,
.kunststoff-moosgruen,
.kunststoff-nussbaum,
.kunststoff-oregon,
.kunststoff-pyrite,
.kunststoff-quarzgrau-glatt,
.kunststoff-quarzgrau,
.kunststoff-schiefergrau-glatt-7015,
.kunststoff-schokobraun,
.kunststoff-schwarzbraun,
.kunststoff-schwarzgrau-glatt-7021,
.kunststoff-sheffield-oak-light,
.kunststoff-shogun,
.kunststoff-silber-d,
.kunststoff-silber-v,
.kunststoff-smaragdgruen,
.kunststoff-stahlblau,
.kunststoff-streifen-douglasie,
.kunststoff-weiss-fx,
.kunststoff-winchester {
  max-width: 100%;
  background-size: 100%;
  background-image: url('../img/sprite-kunststoff.png');
}
.kunststoff-anthrazit-glatt {
  background-position: 0 0%;
  background-size: 100%;
}
.kunststoff-anthrazitgrau {
  background-position: 0 2.380952%;
  background-size: 100%;
}
.kunststoff-basaltgrau-glatt {
  background-position: 0 4.761905%;
  background-size: 100%;
}
.kunststoff-basaltgrau {
  background-position: 0 7.142857%;
  background-size: 100%;
}
.kunststoff-bergkiefer {
  background-position: 0 9.52381%;
  background-size: 100%;
}
.kunststoff-betongrau {
  background-position: 0 11.904762%;
  background-size: 100%;
}
.kunststoff-braun-maron {
  background-position: 0 14.285714%;
  background-size: 100%;
}
.kunststoff-brillantblau {
  background-position: 0 16.666667%;
  background-size: 100%;
}
.kunststoff-cardinal-platinum {
  background-position: 0 19.047619%;
  background-size: 100%;
}
.kunststoff-cremeweiss {
  background-position: 0 21.428571%;
  background-size: 100%;
}
.kunststoff-crown-platinum {
  background-position: 0 23.809524%;
  background-size: 100%;
}
.kunststoff-dunkelgruen {
  background-position: 0 26.190476%;
  background-size: 100%;
}
.kunststoff-dunkelrot {
  background-position: 0 28.571429%;
  background-size: 100%;
}
.kunststoff-eiche-dunkel {
  background-position: 0 30.952381%;
  background-size: 100%;
}
.kunststoff-eiche-hell {
  background-position: 0 33.333333%;
  background-size: 100%;
}
.kunststoff-eiche-natur {
  background-position: 0 35.714286%;
  background-size: 100%;
}
.kunststoff-eisenglimmer-schiefer-db703 {
  background-position: 0 38.095238%;
  background-size: 100%;
}
.kunststoff-gebuerstet-aluminium {
  background-position: 0 40.47619%;
  background-size: 100%;
}
.kunststoff-golden-oak {
  background-position: 0 42.857143%;
  background-size: 100%;
}
.kunststoff-grau {
  background-position: 0 45.238095%;
  background-size: 100%;
}
.kunststoff-lichtgrau-7251 {
  background-position: 0 47.619048%;
  background-size: 100%;
}
.kunststoff-light-black {
  background-position: 0 50%;
  background-size: 100%;
}
.kunststoff-macore {
  background-position: 0 52.380952%;
  background-size: 100%;
}
.kunststoff-mahagoni {
  background-position: 0 54.761905%;
  background-size: 100%;
}
.kunststoff-moosgruen {
  background-position: 0 57.142857%;
  background-size: 100%;
}
.kunststoff-nussbaum {
  background-position: 0 59.52381%;
  background-size: 100%;
}
.kunststoff-oregon {
  background-position: 0 61.904762%;
  background-size: 100%;
}
.kunststoff-pyrite {
  background-position: 0 64.285714%;
  background-size: 100%;
}
.kunststoff-quarzgrau-glatt {
  background-position: 0 66.666667%;
  background-size: 100%;
}
.kunststoff-quarzgrau {
  background-position: 0 69.047619%;
  background-size: 100%;
}
.kunststoff-schiefergrau-glatt-7015 {
  background-position: 0 71.428571%;
  background-size: 100%;
}
.kunststoff-schokobraun {
  background-position: 0 73.809524%;
  background-size: 100%;
}
.kunststoff-schwarzbraun {
  background-position: 0 76.190476%;
  background-size: 100%;
}
.kunststoff-schwarzgrau-glatt-7021 {
  background-position: 0 78.571429%;
  background-size: 100%;
}
.kunststoff-sheffield-oak-light {
  background-position: 0 80.952381%;
  background-size: 100%;
}
.kunststoff-shogun {
  background-position: 0 83.333333%;
  background-size: 100%;
}
.kunststoff-silber-d {
  background-position: 0 85.714286%;
  background-size: 100%;
}
.kunststoff-silber-v {
  background-position: 0 88.095238%;
  background-size: 100%;
}
.kunststoff-smaragdgruen {
  background-position: 0 90.47619%;
  background-size: 100%;
}
.kunststoff-stahlblau {
  background-position: 0 92.857143%;
  background-size: 100%;
}
.kunststoff-streifen-douglasie {
  background-position: 0 95.238095%;
  background-size: 100%;
}
.kunststoff-weiss-fx {
  background-position: 0 97.619048%;
  background-size: 100%;
}
.kunststoff-winchester {
  background-position: 0 100%;
  background-size: 100%;
}
/* Generated by http://responsive-css.spritegen.com Responsive CSS Sprite Generator */
.rollladen-anthrazit-23,
.rollladen-braun-09,
.rollladen-dunkel-braun-08,
.rollladen-elfenbein-05,
.rollladen-golden-oak-24,
.rollladen-grau-03,
.rollladen-grau-aluminium-62,
.rollladen-metallic-braun-63,
.rollladen-moosgruen-61,
.rollladen-nussbaum-28,
.rollladen-silber-01,
.rollladen-weiss-02 {
  max-width: 100%;
  background-size: 100%;
  background-image: url('../img/sprite-rollladen.png');
}
.rollladen-anthrazit-23 {
  background-position: 0 0%;
  background-size: 100%;
}
.rollladen-braun-09 {
  background-position: 0 9.090909%;
  background-size: 100%;
}
.rollladen-dunkel-braun-08 {
  background-position: 0 18.181818%;
  background-size: 100%;
}
.rollladen-elfenbein-05 {
  background-position: 0 27.272727%;
  background-size: 100%;
}
.rollladen-golden-oak-24 {
  background-position: 0 36.363636%;
  background-size: 100%;
}
.rollladen-grau-03 {
  background-position: 0 45.454545%;
  background-size: 100%;
}
.rollladen-grau-aluminium-62 {
  background-position: 0 54.545455%;
  background-size: 100%;
}
.rollladen-metallic-braun-63 {
  background-position: 0 63.636364%;
  background-size: 100%;
}
.rollladen-moosgruen-61 {
  background-position: 0 72.727273%;
  background-size: 100%;
}
.rollladen-nussbaum-28 {
  background-position: 0 81.818182%;
  background-size: 100%;
}
.rollladen-silber-01 {
  background-position: 0 90.909091%;
  background-size: 100%;
}
.rollladen-weiss-02 {
  background-position: 0 100%;
  background-size: 100%;
}
[ng-app="ColorConfigurator"]::before,
[ng-app="ColorConfigurator"]::after {
  content: " ";
  display: table;
}
[ng-app="ColorConfigurator"]::after {
  clear: both;
}
.color-display .img-display {
  cursor: pointer;
  position: relative;
  display: inline-block;
  line-height: 0px;
}
.color-display .img-display i.fa {
  border: 1px solid transparent;
  position: absolute;
  font-size: 34px;
  bottom: 50%;
  left: 50%;
  z-index: 10;
  margin: 0 0 -15px -15px;
  display: none;
}
.color-display .img-display:hover i.fa {
  display: inline-block;
  animation: fadeIn 0.8s;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.color-choice-rgb-wrapper {
  text-align: center;
}
.color-choice-rgb-wrapper > div {
  display: inline-block;
}
.color-choice-rgb-wrapper > div.color {
  line-height: 1.1em;
}
.color-choice-rgb-wrapper > div.color i.fa.fa-caret-down {
  margin: 0px;
  color: #034E88;
}
.color-choice-rgb-wrapper > div .color-choice-rgb {
  width: 10px;
  height: 50px;
  cursor: pointer;
}
.choosen {
  border: 1px solid #034E88;
}
.color-choice-img div.thumb > div {
  height: 42px;
  width: 85px;
}
.currentColor {
  font-weight: bold;
  margin-top: 15px;
}
.actual-color {
  margin-bottom: 15px;
}
.actual-color .color {
  font-size: 25px;
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.actual-color.rgb-display {
  text-align: center;
}
.actual-color.rgb-display > div {
  display: inline-block;
}
@media (max-width: 450px) {
  .actual-color.rgb-display > div {
    display: inline;
  }
}
.actual-color.rgb-display #ral-preview-large {
  width: 450px;
  display: block;
  height: 130px;
}
[uib-popover-html-popup] {
  background-color: white !important;
  border-radius: 0px;
  padding: 0px;
  box-shadow: none;
}
[uib-popover-html-popup] .popover-inner {
  background-color: white;
}
[uib-popover-html-popup] .popover-inner .popover-content {
  padding: 0px;
}
.row .col-md-1-5 {
  float: left;
  width: 12.5%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}