/* allgemein */

/*
.tx-productcatalog th,
.tx-productcatalog td {
	font-size: 16px;
	padding: 10px;
	line-height: 20px;
}
*/
/* Suchformular */
.tx-productcatalog .productcatalog-productsearch-formwrapper {
	margin-bottom: 20px;
}

.tx-productcatalog .productcatalog-productsearch-formwrapper form#catalogsearch {
	position: relative;
}

.tx-productcatalog .productcatalog-productsearch-formwrapper form#catalogsearch .productcatalog-loader {
	top: 15px;
}


.tx-productcatalog .productcatalog-productsearch-formwrapper h3 {
	margin-bottom: 20px;
}

.productcatalog-productsearch-formwrapper button {
	pointer-events: none;
}


/*.tx-productcatalog .productcatalog-productsearch-formwrapper input[type=text]{
	margin-bottom: 20px;
}
*/

/* Resultliste */

.tx-productcatalog #catalogsearch-results table {
	width: 100%;
	border-collapse: collapse;
	hyphens: none;
}

.tx-productcatalog #catalogsearch-results table tbody tr:nth-child(even) {
	background: #f9f9f9;
}
.tx-productcatalog #catalogsearch-results table tbody tr:nth-child(odd) {
	background: #fff;
}

.tx-productcatalog #catalogsearch-results table thead {
	border-top:0;
}

.tx-productcatalog #catalogsearch-results table thead th {
    padding: 10px 20px;
    border: 0;
    border-bottom: 1px solid var(--color-black);
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 25px;
    text-align: left;
}

.tx-productcatalog #catalogsearch-results table thead th:last-child {
	width: 10%;
}

.tx-productcatalog #catalogsearch-results table tbody td {
	padding:10px 20px;
	border:0;
	line-height: 25px;	
}

.tx-productcatalog #catalogsearch-results table tbody td a {
	padding:3px 20px;
}

.tx-productcatalog #catalogsearch-results table tbody td a:hover {
}


.tx-productcatalog #catalogsearch-results table tbody td button {
	display: inline-block;
	background: #00847E;
	color:#fff;
	border-radius: 10px;
	text-decoration:none;
	padding:3px 20px;
}

.tx-productcatalog #catalogsearch-results table tbody td button:hover {
		background: #026863;
}



/* Detailansicht */
#productcatalog-detail {
}

.tx-productcatalog #productcatalog-detail-overview {
	margin-bottom: 50px;
}

.tx-productcatalog #productcatalog-detail-overview h3 {
	margin-bottom: 20px;

padding: 5px 20px;
padding-left:0;
margin-bottom: 5px;
}

#product-overview-table {
	border-collapse: collapse;
	hyphens: none;
}

#productcatalog-detail th,
#productcatalog-detail td.demarcationCriterionRight,
#productcatalog-detail td.productNr {
	white-space: nowrap;
}

#productcatalog-detail th,
#productcatalog-detail td {
	padding-right: 18px;
}


#productcatalog-detail-overview #product-overview-table thead {
	border-top:0;
}

#productcatalog-detail-overview #product-overview-table th {
    border-top: 1px solid var(--color-black);
    padding-bottom: 5px;
    padding-right: 20px;
    padding-left: 0 !important;
    text-align: left;
}

#productcatalog-detail-overview #product-overview-table th.productGroupNr {
	width: 9%;
	border-top:0;
}

#productcatalog-detail-overview #product-overview-table th.productGroupName {
	width: 41%;
	border-top:0;
}

#productcatalog-detail-overview #product-overview-table th.productNr {
	width: 9%;
	border-top:0;
}

#productcatalog-detail-overview #product-overview-table th.productName {
	width: 41%;
	border-top:0;
}



#productcatalog-detail-overview #product-overview-table td {
	padding:10px 20px;
	vertical-align: top;
	padding-left:0 !important;
}

#productcatalog-detail-overview #product-overview-table td a {
	text-decoration: none;
	font-size: inherit !important;
	line-height: 20px !important;
}

#productcatalog-detail-overview #product-overview-table td:first-child {
}
#productcatalog-detail-overview #product-overview-table td.cell-specials {
}


#productcatalog-detail-overview #product-overview-table td.productdetail-nopadding {
	padding:0;
}

#productcatalog-detail-overview #product-overview-table td table.productdetail-inner {
	width: 100%;
	border: 0;
	border-collapse: collapse;
	hyphens: none;
}

#productcatalog-detail-overview #product-overview-table td table.productdetail-inner td {
	border:0;
}

#productcatalog-detail-overview #product-overview-table td table.productdetail-inner td:last-child {
}

#productcatalog-detail-overview #product-overview-table td table.productdetail-inner  tbody tr:nth-child(odd) {
	background: #f9f9f9;
}
#productcatalog-detail-overview #product-overview-table td table.productdetail-inner  tbody tr:nth-child(even) {
	background: #fff;
}



/* shortdetail */
.tx-productcatalog #productcatalog-shortoverview {
	margin-bottom: 50px;
}

.tx-productcatalog #productcatalog-shortoverview h3 {
    margin-bottom: 20px;
    padding: 10px 20px;
    padding-left: 0;
}

#productcatalog-shortoverview #product-shortoverview-table {
    border-collapse: collapse;
    hyphens: none;
}

#productcatalog-shortoverview #product-shortoverview-table thead {
}

#productcatalog-shortoverview #product-shortoverview-table tbody tr:nth-child(even) {
	background: #f9f9f9;
}
#productcatalog-shortoverview #product-shortoverview-table tbody tr:nth-child(odd) {
	background: #fff;
}

#productcatalog-shortoverview #product-shortoverview-table th {
	vertical-align: middle;
	border: 0;
	text-align: left;
}

#productcatalog-shortoverview #product-shortoverview-table thead th {
	border-bottom: 1px solid var(--color-black);
}
#productcatalog-shortoverview #product-shortoverview-table th:first-child {
}

#productcatalog-shortoverview #product-shortoverview-table th.productNr {
	width: 9%;
}

#productcatalog-shortoverview #product-shortoverview-table th.productName {
	width: 16%;
}

#productcatalog-shortoverview #product-shortoverview-table th.materialName {
	width: 23%;
}

#productcatalog-shortoverview #product-shortoverview-table th.formName {
	width: 23%;
}

#productcatalog-shortoverview #product-shortoverview-table th.demarcationCriterionLeft {
	width: 20%;
}

#productcatalog-shortoverview #product-shortoverview-table th.systemParticipationDuty {
	width: 9%;
	text-align: center;
}

#productcatalog-shortoverview #product-shortoverview-table tr.packaging-group-label th {
	line-height: 50px;
	background-color: #fff;
}

#productcatalog-shortoverview #product-shortoverview-table td {
	border:0;
	line-height: 35px;
}

#productcatalog-shortoverview #product-shortoverview-table td:first-child {
}

#productcatalog-shortoverview #product-shortoverview-table td.demarcationCriterionLeft,
#productcatalog-shortoverview #product-shortoverview-table td.demarcationCriterionRight {
	width:10%;
}

#productcatalog-shortoverview #product-shortoverview-table td.systemParticipationDutyLeft,
#productcatalog-shortoverview #product-shortoverview-table td.systemParticipationDutyRight {
	border-color:#fff;
	text-align: center;
}
#productcatalog-shortoverview #product-shortoverview-table tbody tr:nth-child(even) td.systemParticipationDutyLeft,
#productcatalog-shortoverview #product-shortoverview-table tbody tr:nth-child(even) td.systemParticipationDutyRight {
}




/* longdetail */


.tx-productcatalog #productcatalog-longdetail {
	margin-bottom: 50px;
	margin-top: 25px;
}

.tx-productcatalog #productcatalog-longdetail h3 {
	margin-bottom: 20px;
}

#productcatalog-longdetail #product-longdetail-table {
	border-collapse: collapse;
	hyphens: none;
}

#productcatalog-longdetail #product-longdetail-table tbody tr:nth-child(even) {
	background: #f9f9f9;
}
#productcatalog-longdetail #product-longdetail-table tbody tr:nth-child(odd) {
	background: #fff;
}

#productcatalog-longdetail #product-longdetail-table th {
	vertical-align: middle;
	border: 0;
	font-weight: 600;
	text-align: left;	
}
#productcatalog-longdetail #product-longdetail-table thead th {
    border-bottom: 1px solid var(--color-black);
}

#productcatalog-longdetail #product-longdetail-table th:first-child {
}

#productcatalog-longdetail #product-longdetail-table th.productNr {
	width: 9%;
}

#productcatalog-longdetail #product-longdetail-table th.productName {
	width: 16%;
}

#productcatalog-longdetail #product-longdetail-table th.materialName {
	width: 23%;
}

#productcatalog-longdetail #product-longdetail-table th.formName {
	width: 23%;
}

#productcatalog-longdetail #product-longdetail-table th.demarcationCriterionLeft {
	width: 20%;
}

#productcatalog-longdetail #product-longdetail-table th.systemParticipationDuty {
	width: 9%;
	text-align: center;
}

#productcatalog-longdetail #product-longdetail-table tr.packaging-group-label th {
    line-height: 50px;
    background-color: #fff;
}

#productcatalog-longdetail #product-longdetail-table td {
	border:0;
	line-height: 35px;
}

#productcatalog-longdetail #product-longdetail-table td:first-child {
}

#productcatalog-longdetail #product-longdetail-table td.demarcationCriterionLeft,
#productcatalog-longdetail #product-longdetail-table td.demarcationCriterionRight {
	width:10%;
}

#productcatalog-longdetail #product-longdetail-table td.systemParticipationDutyLeft,
#productcatalog-longdetail #product-longdetail-table td.systemParticipationDutyRight {
	text-align: center;
}
#productcatalog-longdetail #product-longdetail-table tbody tr:nth-child(even) td.systemParticipationDutyLeft,
#productcatalog-longdetail #product-longdetail-table tbody tr:nth-child(even) td.systemParticipationDutyRight {

}


#catalogsearch-filter li {
	position: relative;
}

#catalogsearch-filter [type="checkbox"] + label::before {
	pointer-events: none;
}

#catalogsearch-filter input[type=checkbox] {
    position: absolute;
    left: 0;
    width: 22px;
    height: 22px;
    z-index: 10;
    appearance: none;
    border:0;
    box-shadow: none;
    border-radius: 0;
}
#catalogsearch-filter input[type=checkbox]::before {
	content:'';
	width: 22px;
	height: 22px;
	background:url(/typo3conf/ext/sitepackage/Resources/Public/Icons/icon-checkbox.svg) 0 0 ;
	background-size: contain;
	display: block;
}
#catalogsearch-filter input[type=checkbox]:hover::before {
	background:url(/typo3conf/ext/sitepackage/Resources/Public/Icons/icon-checkbox-hover.svg) 0 0 ;
	background-size: contain;
}

#catalogsearch-filter input[type=checkbox]:checked::before {
	background:url(/typo3conf/ext/sitepackage/Resources/Public/Icons/icon-checkbox-active.svg) 0 0 ;
	background-size: contain;
}

#productcatalog-filterlist h3 {
    padding: 10px 20px;
    padding-left: 0;
}

#productcatalog-filterlist-filter-wrapper {
	display: flex;
}

#productcatalog-filterlist-filter-wrapper form {
	display: flex;
	flex:1 1 auto;
	margin-bottom: 20px;
}

#productcatalog-searchresults-filter-headline {
	flex:0 0 24.3%;
	display: flex;
	align-items: center;
	height: 50px;
	position: relative;
	font-weight: 400;
	color:#1a1a1a;
}

.productcatalog-filterlist-filter-item {
	position: relative;
}

.productcatalog-filterlist-filter-item-packstoffe {
	flex: 0 0 31%;
	padding-right: 16px;
	box-sizing: border-box;
}
.productcatalog-filterlist-filter-item-formen {
	flex: 0 0 31%;
	padding-right: 16px;
	box-sizing: border-box;
}

.productcatalog-filterlist-filter-item-fillingquantitiy {
	flex: 0 0 31%;
	padding-right: 16px;
	box-sizing: border-box;
}


.productcatalog-filterlist-filter-item button {
    font-family: 'Open Sans';
    width: 100%;
    box-sizing: border-box;
    /*padding: 14px 16px 16px 16px;*/
    background-color: var(--color-green6);
    border: 1px solid var(--color-black);
    appearance: none;
    font-style: normal;
    font-weight: 600;
    /*font-size: clamp(1.375rem, 0.37vw + 1.292rem, 1.625rem);
    line-height: clamp(2.125rem, 0.37vw + 2.042rem, 2.375rem);*/
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: clamp(1.125rem, 0.185vw + 1.083rem, 1.25rem);
    line-height: clamp(1.875rem, 0.185vw + 1.833rem, 2rem);
    padding: 10px 12px 12px 12px;
}


.productcatalog-filterlist-filter-item.open button,
.productcatalog-filterlist-filter-item.hasselecteditems button {
	background: var(--color-green1);
	color:#fff;
}

.productcatalog-filterlist-filter-item button::after {
	content: "";
	display: inline-block;
	margin-left: 5px;
	width: 20px;
	height: 20px;
	background: url('/typo3conf/ext/sitepackage/Resources/Public/Icons/icon-dropdown.svg') center no-repeat;
	background-size: contain;
}
.productcatalog-filterlist-filter-item button:hover::after {
	background: url('/typo3conf/ext/sitepackage/Resources/Public/Icons/icon-dropdown-hover.svg') center no-repeat;
	background-size: contain;
}

.productcatalog-filterlist-filter-item.hasselecteditems button::after {
	background: url('/typo3conf/ext/sitepackage/Resources/Public/Icons/icon-dropdown-white.svg') center no-repeat;
	background-size: contain;	
}
.productcatalog-filterlist-filter-item.hasselecteditems button:hover::after {
	background: url('/typo3conf/ext/sitepackage/Resources/Public/Icons/icon-dropdown-white-hover.svg') center no-repeat;
	background-size: contain;	
}

.productcatalog-filterlist-filter-item.open button::after {
	background: url('/typo3conf/ext/sitepackage/Resources/Public/Icons/icon-dropdown-white-open.svg') center no-repeat;
	background-size: contain;	
}

.productcatalog-filterlist-filter-item-fillingquantitiy button {
	width:100%;
}



.productcatalog-filterlist-filter-item-content {
	display: none;
	width: 140%;
	box-shadow: 0 1px 5px -1px #575756;
	background: #FFF;
	border: 1px solid #CFE8E7;
	padding: 20px 20px 20px 10px;
	position: absolute;
	z-index: 1;
	overflow: hidden;
}

.productcatalog-filterlist-filter-item.open .productcatalog-filterlist-filter-item-content {
	display: block;
	z-index:10;
}

.productcatalog-filterlist-filter-item-content  ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-left: 0;
    max-height: 400px;
    overflow-y: scroll;
    font-size: 16px;
    margin: 0 0 20px 0;
    padding: 0;
}

 .productcatalog-filterlist-filter-item-content  li {
	list-style: none;
	margin-bottom: 8px;
	margin-left: 0;
	line-height: 24px;
	width: 100%;
}

 .productcatalog-filterlist-filter-item-content  label {
  font-size: 16px;
  margin: 0;
  font-family: 'Open Sans',sans-serif;
  font-style: normal;
  font-weight: 400;
  padding-left: 25px;
  position: relative;
  left: 5px;
  width: calc(100% - 10px);
  padding-left: 27px;
}

.productcatalog-filterlist-filter-item-content label::before {
	left: 5px;
	width: 15px;
	height: 15px;
}

.productcatalog-filterlist-filter-item-content .btn-primary {
	margin-top: 10px;
	padding: 0 10px;
	width: 88%;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
}

.productcatalog-loader {
    display: none;
    position: absolute;
    right: 75px;
    width: 40px;
    height: 40px;
    background: url('../Icons/loader.gif') 100% no-repeat;
    background-size: 90%;
}

.productcatalog-loader.showloader {
	display: inline-block;
}


#productcatalog-active-filters {
}


#productcatalog-active-filters #active-filters {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
 
}
#productcatalog-active-filters .btn-primary.btn-active-filter {
    margin: 5px 10px 5px 0;
    display: inline-flex;
    align-items: center;
    /* background-color: #CFE8E7; */
    /* color: #00847E; */
    pointer-events: none;
    padding: 4px 10px;
    width: auto;
    height: 38px;
    line-height: 30px;
    font-size: 16px;
    font-weight: normal;
}
#productcatalog-active-filters .btn-primary.btn-active-filter::after {
    content: '';
    width: 20px;
    height: 20px;
    margin-left: 10px;
    pointer-events: visible;
    background: url('/typo3conf/ext/sitepackage/Resources/Public/Icons/icon-close.svg') center no-repeat;
    background-size: contain;
}
#productcatalog-active-filters .btn-primary.btn-active-filter:hover::after {
    background: url('/typo3conf/ext/sitepackage/Resources/Public/Icons/icon-close-white-active.svg') center no-repeat;
    background-size: contain;
}

#productcatalog-filterlist-resetfilters {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex: 1 1 auto;
	min-width: 180px;
	margin-bottom: 20px;
}

#productcatalog-filterlist-resetfilters button {
}
/*
.productcatalog-filterlist-filter-item li[data-type="all"] {
	pointer-events: none;
}
*/



.productcatalog-pagination {
 display:-webkit-box;
 display:-moz-box;
 display:-ms-flexbox;
 display:-webkit-flex;
 display:flex;
 justify-content:center;
 align-items:center;
 list-style-type: none;
 margin-top: 25px;
}
.productcatalog-pagination li {
	list-style: none;
}

.productcatalog-pagination li.invisible {
 visibility:hidden
}
.productcatalog-pagination li button,
.productcatalog-pagination li span {
 border:none;
 margin:0 4px;
 padding:0;
 font-family: 'Open Sans';
}

.productcatalog-pagination li.active span {
	font-weight: 600;
}
.productcatalog-pagination li button {
	appearance:none;
	background-color: transparent;
	font-weight: 400;
	cursor: pointer;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .15s;	
}

@media (hover: hover) {
    .productcatalog-pagination li button:hover {
        background-size: 100% 1px;
    }
}

.productcatalog-pagination li.next span {
 visibility:hidden
}
.productcatalog-pagination li.previous span {
 visibility:hidden
}


.productcatalog-pagination li.next button:after {
    content: '';
    width: 22px;
    height: 22px;
    background-image: url(/typo3conf/ext/sitepackage/Resources/Public/Icons/arrow-forward.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    vertical-align: sub;
}

.productcatalog-pagination li.previous button:after {
    content: '';
    width: 22px;
    height: 22px;
    background-image: url(/typo3conf/ext/sitepackage/Resources/Public/Icons/arrow-back.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    vertical-align: sub;
}


#productcatalog-bottom-anchors a {
  margin-right: 25px;
}

@media only screen and (max-width: 1023px) {
	.catalogsearch-tablewrap {
	  overflow-x: scroll;
	  overflow-y: visible;
	}

	#productcatalog-filterlist-filter-wrapper {
		flex-wrap: wrap;
	}


	#productcatalog-searchresults-filter-headline {
		flex:0 0 100%;
	}

	#productcatalog-filterlist-filter-wrapper form {
		flex: 0 0 100%;
	}

	#productcatalog-filterlist-resetfilters {
		justify-content: flex-start;
	}	
}

@media only screen and (max-width: 768px) {
	#productcatalog-filterlist-filter-wrapper form {
		flex-direction: column;
	}	
	.productcatalog-filterlist-filter-item button {
		width: 100%;
		margin-bottom: 15px;
	}

	#productcatalog-filterlist-resetfilters button {
		width: 100%;
	}
}

.highlight {
	background-color:#EBBD00;
	background-color:var(--color-green6);
	font-size: inherit !important;
	line-height: inherit !important;
}

.infooverlay {
	position: relative;
	display: inline-block;
}

.infooverlay img {
	height: 16px;
	cursor: pointer;
}

.overlayelement {
	position: absolute;
	top: 0;
	left: 30px;
	z-index: 9;
	display: block;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	word-break: normal;
	word-spacing: normal;
	white-space: normal;
	line-break: auto;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0,0,0,0.2);
	transform: translateY(-50%);
	display: none;
}


@media only screen and (max-width: 1023px) {
	.overlayelement {
		transform:translateY(-10px);
	}
}


.infooverlay.open .overlayelement {
	display: block;
}


.overlayelement .close {
    float: right;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 0.7em;
    opacity: 1;
    position: relative;
    width: 25px;
    height: 33px;
    background: url(/typo3conf/ext/sitepackage/Resources/Public/Icons/icon-close.svg) center center no-repeat;
    background-size: contain;
    display: inline-block;
}
.overlayelement .close:hover {
    background: url(/typo3conf/ext/sitepackage/Resources/Public/Icons/icon-close-active.svg) center center no-repeat;
    background-size: contain;
}

.tx-productcatalog .overlayelement .headline {
	padding: 10px;
	margin-bottom: 0;
	background-color: #f7f7f7;
	border-bottom: 1px solid #ebebeb;
}

.overlayelement-content {
	padding:10px;
	height: auto !important;
	max-height: 20em !important;
	overflow-y: auto !important;
	width: 400px;
	max-width: 100vw;
}

.overlayelement-content * {
	font-size: 14px;
	line-height: 1.5em;
	margin-bottom: 0.5em;
}

.overlayelement-inner {
	position: relative;
}

.overlayelement .arrow {
	position: absolute;
	display: block;
	left: -10px;
	border-width: .5rem .5rem .5rem 0;
	border-right-color: rgba(0,0,0,0.25);
	top: 50%;
	transform: translateY(21%);
	height: 1rem;
}

.overlayelement .arrow::before, .overlayelement .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-right-color: transparent;
  border-style: solid;
}

.overlayelement .arrow::before {
	left: 0;
	border-width: .5rem .5rem .5rem 0;
	border-right-color: rgba(0,0,0,0.25);
}

.overlayelement .arrow::after {
	left: 1px;
	border-width: .5rem .5rem .5rem 0;
	border-right-color: #fff;
}

.productcatalog-eos {
	margin-top: 3px;
}


.productcatalog-eos-single {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #ccc;
}

.productcatalog-eos-single-0 {
	margin-top: 10px;
	padding-top: 0;
	border-top: 0;

}

p.productcatalog-eos {
	font-size: 14px !important;
}

p.productcatalog-eos strong {
	font-size: 14px !important;
	font-weight: 600 !important; 
}

.catalogsearch-tablewrap {
    padding: 0 20px;
    padding-left: 0;
}

.tx-productcatalog #catalogsearch-results .catalogsearch-tablewrap {
	padding:0;
}

#productcatalog-filterarea {
	max-width: 1440px;
	padding:0 20px;
	padding-left: 0;
}

#productcatalog-bottom-anchors {
	text-align: center;
}

td.tdbottompadding {
	padding-bottom: 17px !important;
}


.cell-specials {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.cell-specials .downloadlist-item-content {
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.cell-specials .downloadlist-item-wrapper {
	padding-top:16px;
	padding-bottom:16px;
}