/*
//
// (P) & (C) 2017 by zellwerk.com
//
*/
/* nicht vergessen:				typoscript.MAIN page.includeCSS.droidsans = https://fonts.googleapis.com/css?family=Droid+Sans */
/* COLOR PALETTE */
/* /COLOR PALETTE */
/* SITE-COLORS */
/* /SITE-COLORS */
body {
  padding-top: 100px;
}
#ky-upper {
  padding-top: 0;
}
/* ================================= */
/* KPK Kandinsky ProduktKonfigurator */
/* ================================= */
.icon-x {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAIAAAC0Ujn1AAAAFXRFWHRDcmVhdGlvbiBUaW1lAAfhCAINBTl0Hu2jAAAAB3RJTUUH4QgCDQYRv4f16gAAAAlwSFlzAAAOwwAADsMBx2+oZAAAAKxJREFUeNrt1UEOQDAQBdAhjsC5OKp7OQILXYlo5/8/pLFgYtm+TNrf0axjb3WqreT+NKe7eUlfVCnuar2lIVfqepuGkH4sOzairnUduO6BKDp2DSQE69Q1HD5PV1yjuc510U3VKOMpPxPq8q6LkOKq9L2SaO8an9Lnewu9VULnedB1RHs5E3WXxvlVdDJUQc6oXqD194b1wl9GdKlOhmpIv5Q0Q+7V2w/9S/QOrshn0PJ9TsMAAAAASUVORK5CYII=) 0 0 no-repeat transparent;
  height: 30px;
  width: 30px;
}
#ky-upper #main-content article {
  margin-top: 25px;
  /* + 30 padding */
}
#ky-upper #main-content.large-12 h1 {
  margin-top: 0;
}
#kpk-container-1 {
  background-color: #ffffff;
  padding: 55px 0 0 0;
}
#kpk-container-1 h1 {
  color: #522398;
  float: left;
  font-size: 1.875rem;
  font-weight: normal;
  line-height: 2.4rem;
  margin-right: 10px;
  margin-top: 0;
  /*width: 220px;*/
}
#kpk-container-1 ul {
  float: right;
  margin-right: -10px;
}
.kpk-area {
  padding: 10px 0 0 0;
}
.kpk-container {
  background-color: #ffffff;
  /*border: 2px solid blue;*/
  display: block;
  margin: 0 auto;
  padding: 0 0 0 20px;
  /*clrfx: overflow: hidden;*/
  overflow: hidden;
  width: 980px;
}
.kpk-props {
  float: left;
  margin: 0 0 20px 0;
  width: 940px;
}
.kpk-props li {
  float: left;
  font-size: 18px;
  line-height: 22px;
  list-style: none;
  margin: 0 1px 0 0;
  padding: 10px 20px;
}
#Basecaps #kpk-props li {
  padding: 10px 12px;
}
#kpk-props {
  background-color: #9c9d9b;
}
#kpk-props li {
  background-color: #747678;
  border-right: 1px solid #9c9d9b;
  color: white;
}
#kpk-props li:not(.inactive) {
  cursor: pointer;
}
#kpk-props li.ok {
  background-color: #65c25b;
}
#kpk-props li.selected {
  background-color: #522398;
}
#kpk-props li.anfrage {
  /*float: right;*/
}
#kpk-props li.anfrage.inactive {
  color: #c8c9c7;
}
#kpk-props li.anfragen {
  background-color: #fb4f14;
}
#kpk-props li.anfragen.selected {
  background-color: #747678;
}
#kpk-props li span {
  display: inline-block;
  font-size: 12px;
  height: 20px;
}
#kpk-chosen {
  margin-left: 10px;
}
#kpk-chosen li {
  padding: 0 5px 10px 0;
}
.kpk-r .large-12 h2 {
  font-size: 1.25rem;
}
.kpk-r .large-12 table {
  border: 0 none;
}
.kpk-r .large-12 td {
  vertical-align: bottom;
}
.kpk-r .large-12 a {
  background-color: #747678;
  color: #ffffff;
  padding: 6px 20px 6px 40px;
}
.kpk-r .fits {
  margin-left: -20px;
}
.kpk-r .fits .gd-head {
  /*background-color: @site-specific-color;*/
  color: #ffffff;
  float: left;
  line-height: 20px;
  margin: 0 10px 10px;
  padding: 5px 10px;
  width: 925px;
}
.kpk-r .other {
  display: none;
}
.kpk-r .gd {
  display: none;
  /*overflow: hidden;*/
}
.kpk-r .ad {
  color: #ffffff;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 0.75rem;
  height: 152px;
  margin: 0 0 20px 20px;
  padding: 0;
  position: relative;
  width: 220px;
}
.kpk-r .ad.selected {
  /*background-color: @site-specific-color;*/
}
.kpk-r .ad .hd {
  background-color: #747678;
  height: 20px;
  overflow: hidden;
  padding: 2px 10px;
  text-transform: uppercase;
  width: 220px;
}
.kpk-r .ad .apic {
  background-color: #ffffff;
  color: #000000;
  height: 132px;
  overflow: hidden;
  position: relative;
  width: 220px;
}
.kpk-r .ad .apic img {
  max-height: 132px;
  max-width: 220px;
}
.kpk-r .ad .apic .rc,
.kpk-r .ad .apic .rm {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
}
.kpk-r .ad .apic .rc {
  display: none;
  background: url(img/kpk-item-recomm.png) left top no-repeat #6c6e73;
  color: #ffffff;
  height: 30px;
  position: absolute;
  right: 0;
  width: 30px;
}
.kpk-r .ad .fx {
  background-color: transparent;
  bottom: 0;
  color: blue;
  height: 30px;
  /*margin-top: -30px;*/
  position: absolute;
  text-transform: uppercase;
  width: 220px;
}
.kpk-r .ad .fx span.info,
.kpk-r .ad .fx span.add {
  background: url(img/icon_zoom.png) 0 0 no-repeat #6c6e73;
  display: block;
  float: left;
  height: 30px;
  line-height: 30px;
  width: 30px;
}
.kpk-r .ad .fx span.add {
  float: right;
  background-image: url(img/kpk-ansehen.png);
}
.kpk-r .ad .fx span.info {
  background-position: 5px 5px;
}
.kpk-r .ad div.info {
  /*background-color: @site-specific-color;*/
  /*border-bottom: 5px solid @white;*/
  color: #ffffff;
  cursor: default;
  display: none;
  line-height: 1.5;
  padding: 10px;
  position: absolute;
  width: 220px;
  z-index: 2;
}
.kpk-r .ad.chosen .fx span.add {
  background-image: url(img/kpk-item-is-selected.png);
}
.kpk-r .ad.hide {
  display: none;
}
.kpk-r .if-empty {
  background-color: #eff0f2;
  border: 1px dashed #6c6e73;
  display: none;
  float: left;
  font-size: 0.75rem;
  height: 160px;
  margin: 20px 10px;
  padding: 10px;
  width: 220px;
}
.kpk-r .show {
  display: block;
}
/* ================================== */
/* /KPK Kandinsky ProduktKonfigurator */
/* ================================== */
#gd-88 {
  margin-bottom: 10px;
  margin-top: -20px;
}
#gd-88 h2 {
  font-size: 1.875rem;
}
#gd-88 .chd,
#gd-88 .hd,
#gd-88 .apic {
  float: left;
}
#gd-88 .chd {
  width: 20%;
}
#gd-88 .hd {
  width: 50%;
}
#gd-88 .apic {
  width: 30%;
}
#pmf-box .csc-header {
  margin-left: 10px;
}
#pmf-box .csc-header h2 {
  color: #522398;
}
#pmf-box fieldset {
  margin-top: 0;
}
#bskt-box .chd,
#bskt-box .hd {
  padding: 10px;
}
#bskt-box > div.hdr .chd,
#bskt-box > div.hdr .hd,
#bskt-box > div.hdr .apic {
  background-color: #E6E6E6;
  border-bottom: 5px solid white;
  padding: 2px 10px;
}
#bskt-box > div.hdr .chd,
#bskt-box > div.hdr .hd {
  border-right: 1px solid white;
}
#kpk-bskt .chd,
#kpk-bskt .hd,
#kpk-bskt .apic {
  background-color: #eff0f2;
  border-bottom: 5px solid white;
  height: 100px;
}
#kpk-bskt .ad {
  float: none;
  width: auto;
}
#kpk-bskt .ad .chd,
#kpk-bskt .ad .hd,
#kpk-bskt .ad .apic {
  font-size: 18px;
}
#kpk-bskt .ad .apic {
  float: left;
}
#kpk-bskt .ad .apic img {
  float: left;
  max-height: 100%;
}
#kpk-bskt .ad .apic .rm {
  display: none;
}
#kpk-bskt .ad .itb {
  display: none;
}
.kpk-prevnext {
  background-color: transparent;
  border: 0 none;
  width: 100%;
}
.kpk-prevnext td {
  font-size: 18px;
  width: 33.33%;
}
.kpk-prevnext .l {
  text-align: left;
}
.kpk-prevnext .c {
  text-align: center;
}
.kpk-prevnext .r {
  text-align: right;
}
.kpk-prevnext span {
  border: 1px solid;
  cursor: pointer;
}
.gd .chd {
  display: none;
}
#g-99,
#gd-88 {
  display: none;
}
.gx {
  float: left;
  width: 100%;
}
fieldset {
  border: 0 none;
}
fieldset + fieldset {
  /*background-color: #FFE;*/
  display: none;
}
.agr {
  float: left;
}
.agr .ad:not(:first-child) {
  display: none;
}
.agr .toggle-agr {
  background-color: #c8c9c7;
  color: #000000;
  clear: both;
  float: left;
  font-size: 12px;
  margin: -20px 0 20px 20px;
  padding: 2px 10px;
  text-transform: uppercase;
  width: 220px;
}
.agr .toggle-agr span {
  background: url(img/li-b5007c.png) right 3px no-repeat transparent;
  padding-right: 20px;
}
.agr.agr-open .ad,
.agr.agr-open .ad:not(:first-child) {
  display: block;
}
.agr.agr-open .toggle-agr {
  display: none;
}
.agr.hide,
.agr.n-a {
  display: none;
}
#varbar {
  background-color: #9c9d9b;
  color: white;
  display: none;
  float: left;
  line-height: 30px;
  margin-bottom: 20px;
  padding: 5px 10px;
  width: 940px;
}
#varbar span {
  float: right;
  cursor: pointer;
}
#varbar span.text-x {
  margin-right: 10px;
}
#plus-info > div {
  display: none;
}
.co-head {
  display: none;
}
.checkout .co-head {
  display: block;
}
img.ziip {
  min-height: 468px;
}
.parsley-errors-list {
  color: #C00;
}