.cycprod-filter-box {
    padding: 30px 20px;
    border: 1px solid #f0f0f0;
    box-shadow: 0 1px 3px #f0f0f0;
}

.cycprod-filter-label {
    font-weight: bold;
    margin-bottom: 20px;
}

.product-box {
    border: 1px solid #f0f0f0;
    box-shadow: 0 1px 3px #f0f0f0;
    margin-bottom: 30px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.product-inner-box {
    width: 100%;
    height: 100%;
}

.category-label {
    position: absolute;
    right: 47%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    bottom: 3.5em;
    color: #000000;
    font-weight: bold;
    opacity: 1;
}

.product-inner-box:hover .category-label {
    opacity: 0;
}

.category-overlay {
    opacity: 0;
    background-color: transparent;
    -webkit-transition: background-color 0.4s ease-in-out;
    transition: background-color 0.4s ease-in-out;
}

.product-inner-box:hover .category-overlay {
    opacity: 0.8;
    background-color: #007bff;
    width: 100%;
    height: 100%;
    -webkit-transition: background-color 0.4s ease-in-out;
    transition: background-color 0.4s ease-in-out;
}

.category-overlay-label {
    opacity: 0;
    color: transparent;
    margin: 0;
    position: absolute;
    top: 47%;
    right: 47%;
    transform: translate(50%, -50%);
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.product-inner-box:hover .category-overlay-label {
    opacity: 1;
    color: #FFFFFF;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.product-inner-box:hover .category-overlay-label a {
    color: #FFFFFF;
}

.product-inner-box:hover .category-overlay-label a:hover {
    color: #000000;
}

.checkbox-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 90%;
}

/* Hide the browser's default checkbox */
.checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
    background-color: #1e69ff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.number-of-results {
    font-size: 75%;
    color: #6c757d;
}

#cycprod-productsearch {
    margin-bottom: 30px;
}

#cycprod-productsearch #cycprod-searchbox {
    padding: 8px 12px;
    background-color: #F7F7F7;
    border: 0;
    font-size: 75%;
    width: 100%;
}

#cycprod-productsearch #cycprod-searchbox::placeholder {
    color: #7d8083;
    opacity: 1; /* Firefox */
}

#cycprod-productsearch #cycprod-searchbox:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #7d8083;
}

#cycprod-productsearch #cycprod-searchbox::-ms-input-placeholder { /* Microsoft Edge */
    color: #7d8083;
}

.cycprod-product-name {
    /*position: absolute;*/
    /*bottom: 50px;*/
    /*left: 20px;*/
    /*font-size: 75%;*/

    position: absolute;
    bottom: 50px;
    left: auto;
    font-size: 80%;
    right: auto;
    width: 100%;
    text-align: center;
}

.cycprod-link .cycprod-product-name {
    color: #FFFFFF;
}

.cycprod-product-name .name {
    font-weight: bold;
    font-size: 120%;
}

/* temporary copy of Page.scss */
.card {
    margin-bottom: 0;
    box-shadow: none;
    border: none;
    border-radius: 0;
}


/* temporary copy of border-radius.scss */
.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}


/* temporary copy of card.scss */
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
}
.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}

.cycprod-accordion-det {
	margin: 30px 0;
}
.cycprod-accordion-det .card {
	padding-bottom: 2px;
	margin-bottom: 2px;
	border-bottom: 0px solid #e5e5e5;
}

.cycprod-accordion-det .card-header .cycprod-filter-label {
    background-color: #F8F8F8;
    padding: 20px;
}

.cycprod-accordion-det .card-body div {
	margin-top: 5px;
margin: 0 25px;
}

.cycprod-accordion-det .card .cycprod-filter-label[data-toggle="collapse"]:after {
	font-family: 'FontAwesome';
	content: "\f04b";
	/* "play" icon */
	position: absolute;
	color: #1e69ff;
	font-size: 18px;
	line-height: 2px;
	right: 20px;
	/* rotate "play" icon from > (right arrow) to down arrow */
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.cycprod-accordion-det .card .cycprod-filter-label[data-toggle="collapse"].collapsed:after {

    /* rotate "play" icon from > (right arrow) to down arrow */
    -webkit-transform: rotate(90deg);
    -moz-transform:    rotate(90deg);
    -ms-transform:     rotate(90deg);
    -o-transform:      rotate(90deg);
    transform:         rotate(90deg);
}

.cycprod-accordion-det .card .cycprod-filter-label[data-toggle="collapse"]:after {
    /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
    -webkit-transform: rotate(-90deg);
    -moz-transform:    rotate(-90deg);
    -ms-transform:     rotate(-90deg);
    -o-transform:      rotate(-90deg);
    transform:         rotate(-90deg);
}
/* overwriting bootstrap card setting */
.card {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
}
.card .cycprod-filter-label {
    margin-bottom: 0;
}

.cycprod-accordion .card .cycprod-filter-label[data-toggle="collapse"]:after {
    font-family: 'FontAwesome';
    content: "\f04b"; /* "play" icon */
    position: absolute;
    color: #1e69ff;
    font-size: 18px;
    line-height: 22px;
    right: 20px;
    top: 2px;
    /* rotate "play" icon from > (right arrow) to down arrow */
    -webkit-transform: rotate(90deg);
    -moz-transform:    rotate(90deg);
    -ms-transform:     rotate(90deg);
    -o-transform:      rotate(90deg);
    transform:         rotate(90deg);
}
.cycprod-accordion .card .cycprod-filter-label[data-toggle="collapse"].collapsed:after {

     /* rotate "play" icon from > (right arrow) to down arrow */
     -webkit-transform: rotate(90deg);
     -moz-transform:    rotate(90deg);
     -ms-transform:     rotate(90deg);
     -o-transform:      rotate(90deg);
     transform:         rotate(90deg);
 }

.cycprod-accordion .card .cycprod-filter-label[data-toggle="collapse"]:after {
    /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
    -webkit-transform: rotate(-90deg);
    -moz-transform:    rotate(-90deg);
    -ms-transform:     rotate(-90deg);
    -o-transform:      rotate(-90deg);
    transform:         rotate(-90deg);
}

.card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: 0;
}
.card-body {
    padding: 0;
}

.card-body div {
    margin-top: 20px;
}

.cycprod-reset {
	margin-top: 15px;
}

.cycprod-reset-filter {
    border: 0;
    background-color: transparent;
    padding: 0 0 0 25px;
    margin-left: -25px;
    margin-bottom: 30px;
	font-size: 1rem;
}

#cycprod-reset-filter:before {
    font-family: 'FontAwesome';
    content: "\f00d"; /* "play" icon */
    color: #1e69ff;
    font-size: 18px;
    line-height: 22px;
    padding-right: 10px;
}

.toggle-filter-box {
    margin-top: 2px;
}

.toggle-filter-box i {
    font-style: normal;
}

.cycprod-image {
    height: 100%;
    object-fit: contain;
    max-width: 100%;
}

.cycprod-image-prod {
	height: 100%;
	object-fit: cover;
	max-width: 100%;
}


.cycprod-product-box {
    height: auto;
    width: 100%;
    position: relative;
}

.cycprod-bodytext, .cycprod-contact {
    padding: 25px 5px;
}

.cycprod-pdflink {
    margin: 0;
    padding: 10px 5px;
}

.cycprod-text {
    padding: 10px 5px;
}

.cycprod-backlink {
	cursor: pointer;
}
/*.cycprod-slider-content {*/
/*	height: 550px;*/
/*}*/

.cycprod-slider-content .carousel-item {
	max-height: 550px;
}
.cycprod-slider-content .carousel-item .cycprod-image-det {
	width: 100%;
	height: 100% !important;
	object-fit: contain;
	max-height: 550px;
}

.cycprod-slider .cycprod-ind-thumbnail {
	padding: 5px;
	margin: 15px 0;
}

.cycprod-slider .cycprod-ind-thumbnail .carousel-indicator {
	list-style: none;
	display: inline-block;
}

.cycprod-slider .cycprod-ind-thumbnail .carousel-indicator li {
	display: inline-block;
    float: left;
}

.cycprod-slider .cycprod-ind-thumbnail .carousel-indicator li .cycprod-thumbnail {
	max-height: 100px;
	height: 100px;
	width: auto;
	cursor: pointer;
	max-width: 100%;
	margin-right: 10px;
}

/* tx_form */
/* produktanfrage */
.form-wrap > input[readonly='readonly']:first-child {
    background: none;
    padding-left: 0;
    font-size: 28px;
    color: #252526;
}
.form-wrap > input[readonly='readonly']::placeholder {
    color: white;
}
#produktfinder-IndividuellesFormular-12316-hidden-1 {
	display: none;
}


.product-image {
	/*
    border: 1px solid #f0f0f0;
    background-color: #FFFFFF;
    padding: 20px;
     */
}

.cycprod-product-image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.cycprod-product-description strong {
	color: #1e69ff;
	font-weight: normal;
}

.cycprod-pdf-download {
	background-color: #F8F8F8;
	padding: 30px;
}

.cycprod-pdf-download header,
.cycprod-product-contact header {
	color: #1e69ff;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: 20px;
}

.cycprod-pdf-download header img {
	padding-right: 16px;
}

.cycprod-pdf-link a {
	font-size: 14px;
	line-height: 24px;
	padding-top: 10px;
	display: inline-block;
	width: auto;
	max-width: 100%;
	font-family: "Space Mono";
	font-style: normal;
	font-weight: 700;
	letter-spacing: .06em;
	transition: .33s all ease;
	white-space: normal;
	cursor: pointer;
	text-align: center;
}

.cycprod-product-contact {
	background-color: #F8F8F8;
}

.breadcrumb {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    padding: 0.75rem 0;
    color: #6c757d;
}
.breadcrumb a {
    color: #6c757d;
}

.cycprod-filter-label {
	font-size: 1.2rem;
}
.cycprod-product-name {
	padding: 0.5rem 2rem 0.5rem 1.5rem;
	top: 70%;
	bottom: 0;
	font-size: 55%;
	white-space: normal;
	z-index: 2;
}
.checkbox-container {
	font-size: 60%;
}
.blur {
	position: absolute;
	top: auto;
	left: 0;
	bottom: 0;
	right: 0;
	height: auto;
	overflow: hidden;
	z-index: -1;
}
	.blur img {
		position: absolute;
		top: auto;
		left: 0;
		bottom: 0;
		right: 0;
		filter: blur(3px);
	}
.blackLayer {
	position: absolute;
	top: auto;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: -1;
	height: 100%;
	background: rgba(0,0,0,0.15);
}
@media (max-width: 768px) {
	.button-group {
		width: 100%;
	}
	.checkbox-container {
		font-size: 60%;
		width: 50%;
	}
	.button-group .cycprod-filter-attributes {
		width: 50%;
	}
	/*.cycprod-ind-thumbnail {*/
	/*	display: none;*/
	/*}*/
	.cycprod-product-name {
		font-size: 70%;
	}
	.button-group {
		display: inline-flex;
		flex-flow: row wrap;
	}
	.button-group .cycprod-filter-attributes {
		min-width: 33%;
	}
}
@media (max-width: 575px) {
    .toggle-filter-box {
        display: block;
    }
    .cycprod-filter-box {
        display: none;
    }
	.button-group .cycprod-filter-attributes {
		min-width: 50%;
	}
}
@media (min-width: 576px) {
    .toggle-filter-box {
        display: none;
    }
    .cycprod-filter-box {
        display: block;
    }
}
@media (max-width: 991px) {
	/*.cycprod-ind-thumbnail {*/
	/*	display: none;*/
	/*}*/
	.checkbox-container {
		font-size: 60%;
		width: 50%;
	}
	.button-group .cycprod-filter-attributes {
		width: 33%;
	}
	.button-group {
		display: inline-flex;
		flex-flow: row wrap;
	}
}
@media (min-width: 992px) {
	.cycprod-contact .overlapping .cycprod-content {
		width: 50%;
	}
}
@media (max-width: 1199px) and (min-width: 1024px) {
	.cycprod-product-name {
		font-size: 57%;
		padding: 0.5rem 2rem 0.5rem 1.5rem;
		word-wrap: break-word;
		bottom: 0;
		top: 48%;
		white-space: normal;
	}
	.checkbox-container {
		font-size: 46%;
	}
	.cycprod-filter-label {
		font-size: 58%;
	}
}
@media (max-width: 1024px) {
	.cycprod-product-name {
		font-size: 60%;
		padding: 0.5rem 2rem 0.5rem 1.5rem;
		word-wrap: break-word;
		bottom: 0;
		top: 50%;
		white-space: normal;
	}
	.cycprod-filter-label {
		font-size: 70%;
	}
}
@media (max-width: 768px) {
	/*.cycprod-ind-thumbnail {*/
	/*	display: none;*/
	/*}*/
	.checkbox-container {
		font-size: 66%;
	}
	.cycprod-product-name {
		font-size: 70%;
		top: 60%;
	}
	.cycprod-filter-label {
		font-size: 100%;
	}
	.button-group .cycprod-filter-attributes {
		width: 50%;
	}
}
@media (max-width: 375px) {
	.cycprod-product-name {
		font-size: 80%;
		top: 75%;
	}
	.checkbox-container {
		width: 100%;
	}
	.button-group .cycprod-filter-attributes {
		width: 100%;
	}
}
@media (min-width: 1200px) {
	.checkbox-container {
		font-size: 60%;
	}
	.cycprod-product-name {
		font-size: 80%;
		top: 60%;
	}
}
@media (min-width: 1600px) {
	.checkbox-container {
		font-size: 90%;
	}
	.cycprod-product-name {
		font-size: 80%;
		top: 66%;
	}
}

#total-number-results {float: left;}
.toggle-filter-box {float: right;}

.checkbox-container.child-container {
    padding-left:90px;
}
.child-container .checkmark {
    left:55px;
}

.group-hide {
    display: none;
}
.sub-group.group-hide {
    display: none !important;
}
.group-wrap {
    margin-top: 2rem;
}
/* autocomplete */
.autoComplete_wrapper {
    width: 100% !important;
}
.autoComplete_wrapper > input {
    height: 3rem;
    width: 100% !important;
    margin: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 75% !important;
    text-overflow: ellipsis;
    color: rgba(122,122,122,.3);
    outline: 0;
    border-radius: 0 !important;
    border: none !important;
    padding:  0.1rem 1rem !important;
    background-color: #F7F7F7 !important;
    background-image: none !important;
    transition: all .4s ease;
}
.autoComplete_wrapper>input:focus {
    color: #2196F3 !important;
}
.autoComplete_wrapper>ul>li mark {
    background-color: transparent;
    color: #2196F3 !important;
    font-weight: normal !important;
    padding: 0;
    margin: 0;
}

/* Bugfixing for padding on product-detail-page */
#tx_cycproductfinder .cycprod-slider.col-sm-12 {
    padding-left:0;
}
#tx_cycproductfinder .cycprod-slider .cycprod-ind-thumbnail {
    padding: 5px 5px 5px 0;
}

.cycprod-breadcrumbs .start a {
	text-decoration: underline;
}

/* video on details */
.videobutton {
    color: #6c757d;
    cursor: pointer;
}
.videobutton:hover {
    color: #1e69ff;
}

/* Aufzählungszeichen bei Produktbeschreibungen */
#tx_cycproductfinder #accordion ul, #tx_cycproductfinder #accordion ol {
    list-style: disc;
    padding: inherit;
    margin: inherit;
}

#tx_cycproductfinder #accordion ul li, #tx_cycproductfinder #accordion ol li{
    display: list-item;
}