@charset "utf-8";

/*Filter (view)*/
.ckollektion.view .searchpanel > form { position:relative; background-color:#e5e5e5; padding:4px 2px 10px; margin:0 15px; }
.ckollektion.view .searchpanel > form > div:not(#categoryfilter) { width:20%; }
.ckollektion.view .searchpanel > form > div:not(#categoryfilter) > input[type=text] { background-color:#fff; }
.ckollektion.view .searchpanel > form > div .cis-select { background-color:#fff; }
.ckollektion.view .item { width:20%; }
.ckollektion.view .item.square .content { padding-bottom:100%; }
.ckollektion.view .item .box > a.merken { position:absolute; z-index:4; top:5px; right:5px; width:30px; height:30px; background-color:#fff; }
.ckollektion.view .item .box > a.merken > .fa { display:block; height:100%; background-color:#fff; border:1px #ccc solid; box-sizing:border-box; transition:border-color .4s, background .4s; }
.ckollektion.view .item .box > a.merken > .fa:before,
.ckollektion.view .item .box > a.merken > .fa:after { content:""; position:absolute; top:50%; left:50%; width:100%; height:2px; }
.ckollektion.view .item .box > a.merken > .fa-check-square { background-color:#000; border-color:#000; }
.ckollektion.view .item .box > a.merken > .fa-check-square:before,
.ckollektion.view .item .box > a.merken > .fa-check-square:after { background-color:#fff; }
.ckollektion.view .item .box > a.merken > .fa-check-square:before { transform:translate(-50%,-50%) rotate(45deg); }
.ckollektion.view .item .box > a.merken > .fa-check-square:after { transform:translate(-50%,-50%) rotate(-45deg); }
.ckollektion.view .item .box > a.merken > span {
	position:absolute; top:0; right:30px; width:auto; white-space:nowrap; font-size:14px; font-size:1.4rem; line-height:30px; padding:0 5px;
	visibility:hidden; opacity:0; filter:alpha(opacity=0); transition:opacity .4s; color:#fff; background-color:#000;
}
.ckollektion.view .item .box:hover > a.merken > span { visibility:visible; opacity:1; filter:alpha(opacity=100); }


#categoryfilter { float:none; width:auto; }
#categoryfilter .checkboxCheck > div.category { width:100%; color:#333; font-weight:600; padding-top:20px; border-bottom:1px #aaa solid; margin-bottom:10px; }
#categoryfilter .checkboxCheck > div.category:first-of-type { padding-top:0; }
#categoryfilter .checkboxCheck > div { width:16.667%; }
#categoryfilter .checkboxCheck > div > label { line-height:20px; padding-left:35px; }
#categoryfilter .checkboxCheck > div label:before { width:18px; height:18px; line-height:18px; font-size:12px; background-color:#fff; }
#categoryfilter .checkboxCheck > div input[type=checkbox]:checked + label:before,
#categoryfilter .checkboxCheck > div input[type=radio]:checked + label:before,
#categoryfilter .checkboxCheck > div label.checked:before { background-color:#000; }


/*Detailansicht (Zoom)*/
.ckollektion.viewdet .gallery .cis-gallery .image { cursor:-moz-zoom-in; cursor:-webkit-zoom-in; }
.ckollektion.viewdet .gallery.nozoom .cis-gallery .image { cursor:default; cursor:default; }
.ckollektion.viewdet .gallery.hover .cis-gallery .image { background-size:150% !important; }
.ckollektion.viewdet div[id^="originalphoto-"] {
	display:none; position:absolute; z-index:5; top:15px; right:15px; bottom:15px; left:15px; text-align:center; background-color:#fff;
}
.ckollektion.viewdet div[id^="originalphoto-"] img { max-height:100%; width:auto; }

/*Bestellservice Counter*/
span.merkliste {
	text-align:center; background-color:#fff; color:#000;
	-webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%;
}
#merkliste span.merkliste {
	display:inline-block; min-width:20px; margin-left:10px; 
}
#menutrigger span.merkliste {
	position:absolute; left:-10px; top:-10px; z-index:2; min-width:30px; line-height:30px; font-size:15px; font-weight:600; border:1px #000 solid; display:none;
}

.ckollektion.form .muster { position:relative; z-index:1; padding:4px; }
.ckollektion.form .muster:not(:last-of-type) { border-bottom:1px #ccc solid; }
.ckollektion.form .muster:hover { z-index:2; }
.ckollektion.form .muster.last { margin-bottom:10px; }
.ckollektion.form .muster:nth-child(2n+1) { background-color:#f5f5f5; }
.ckollektion.form .muster .content { position:relative; z-index:1; padding-left:74px; }
.ckollektion.form .muster .placeholder { position:absolute; top:0; left:0; width:70px; height:70px; }
.ckollektion.form .muster .placeholder div { border:1px #ccc solid; }
.ckollektion.form .muster .placeholder a { position:absolute; top:0; right:0; bottom:0; left:0; background:url('../mm/blind.png') repeat; z-index:2; }
.ckollektion.form .muster h3 { font-size:14px; font-size:1.4rem; line-height:20px; margin:0; padding:3px 0 7px; }
.ckollektion.form .muster .remove {
	position:absolute; top:0; right:0; width:30px; height:30px; line-height:30px; text-align:center; color:#999; z-index:2;
}
.ckollektion.form .muster .inputs { position:relative; }
.ckollektion.form .muster .inputs:after { content:''; display:block; clear:both; }
.ckollektion.form .muster .inputs.two { padding-left:74px; }
.ckollektion.form .muster .inputs div input[type=text] { width:100%; }
.ckollektion.form .muster .inputs .count { position:absolute; top:0; left:0; width:70px; }
.ckollektion.form .muster .inputs .count input[type=text] { text-align:center; }
.ckollektion.form .muster .inputs .surfaces .customselect { z-index:4; }
.ckollektion.form .muster .inputs .surfaces .customselect:hover { z-index:5; }
.ckollektion.form .muster .remove:before { content:"\f00d"; font-family:FontAwesome; font-size:16px; color:#e20026; }
.ckollektion.form .muster:hover .remove { color:#666; }

.ckollektion.form .listitem { position:relative; padding:4px; }
.ckollektion.form .listitem:not(:last-of-type) { border-bottom:1px #ccc solid; }
.ckollektion.form .listitem:nth-child(2n) { background-color:#f5f5f5; }
.ckollektion.form .listitem .content { position:relative; padding-right:74px; }
.ckollektion.form .listitem label { padding:10px 0 10px 11px; display:block; }
.ckollektion.form .listitem .count { position:absolute; top:0; right:0; width:70px; }
.ckollektion.form .listitem .count input[type=text] { width:100%; text-align:center; }

/*Accordion*/
.accordion { margin-bottom:10px; }
.accordion-header {
	position:relative; z-index:2; background-color:#000; color:#fff; border-bottom:1px #fff solid; 
	white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
	-webkit-transition:background .4s; -moz-transition:background .4s; -ms-transition:background .4s; -o-transition:background .4s; transition:background .4s; 
}
.accordion-header.false { background-color:#cc0000; }
.accordion-header a { display:block; padding:10px 13px; color:#fff; }
.accordion-body { position:relative; z-index:1; padding:10px 0; }
.accordion-group .accordion-header:after {
	content:"\f0d7"; position:absolute; top:0; right:0; width:30px; height:40px;
	font-family:FontAwesome; font-size:14px; line-height:40px; text-align:center;
}
.accordion-group .accordion-body {
	display:none;
}
.accordion-group.in .accordion-header:after {
	-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);
}
.accordion-group { position:relative; z-index:1; }
.accordion-group.in { z-index:2; }
.accordion-group.in .accordion-body {
	display:block;
}

@-webkit-keyframes accordion_in { from { opacity:0; -webkit-transform:translateY(-50px); } to { opacity:1; -webkit-transform:translateY(0px); } }
@-moz-keyframes accordion_in { from { opacity:0; -moz-transform:translateY(-50px); } to { opacity:1; -moz-transform:translateY(0px); } }
@-ms-keyframes accordion_in { from { opacity:0; filter:alpha(opacity=0); -ms-transform:translateY(-50px); } to { opacity:1; filter:alpha(opacity=100) -ms-transform:translateY(0px); } }
@-o-keyframes accordion_in { from { opacity:0; -o-transform:translateY(-50px); } to { opacity:1; -o-transform:translateY(0px); } }
@keyframes accordion_in { from { opacity:0; transform:translateY(-50px); } to { opacity:1; transform:translateY(0px); } }