:root {
	--amount-of-items-shown: 4;
}
@media screen and (max-width:1459.96px) {
	:root {
		--amount-of-items-shown: 3;
	}
}

@media screen and (max-width:1200px) {
	:root {
		--amount-of-items-shown: 2;
	}
}


.hoppe--advantage-list {
	list-style:none;
	padding:0 !important;
}
.hoppe--advantage-list li {
	position: relative;
/***
        padding-left:calc(var(--hoppe-h) * .75);
***/
}
.hoppe--advantage-list li a img{
	transition: all 0.125s ease-in-out;
	padding-right: 8px;
}

.hoppe--advantage-list li:hover {
    cursor: pointer;
}

.hoppe--advantage-list li:hover a img {
    transform: scale(1.2);
    cursor: pointer;
}
.hoppe--advantage-list li:hover:after {
    content: '123';
    left: -200px;
    top: -2px;
    position: absolute;
    z-index: 10000;
    background: var(--bs-primary);
    color: white;
    font-family: var(--bs-body-font-family) !important;
    padding: 4px 8px;
	font-size: 14px;
}



/***
.hoppe--advantage-list li::before {
	content:"";
	width:var(--hoppe-h-1);
	height:var(--hoppe-h-1);
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 22 22' xml:space='preserve'%3E%3Ccircle fill='%23FFFFFF' class='st0' cx='11' cy='11' r='11'/%3E%3Ccircle cx='11' cy='11' r='10' fill='%230c2e5b'/%3E%3Cpath fill='%23FFFFFF' d='M16 10h-4V6h-2v4H6v2h4v4h2v-4h4z'/%3E%3C/svg%3E%0A");
	background-size:contain;
	position:absolute;
	top:.125em;
	left:0;
	border-radius:100%;
}
***/
.hg--product-comparison-navigation {
	position:sticky;
	top:50%;
}
.hg--product-comparison-navigation button {
	background-color:transparent;
	border:0;
	color:var(--bs-dark);
	font-size:2em;
	height:40px;
	line-height:1;
	opacity:0;
	padding:0;
	position:absolute;
	top:0;
	transition:opacity .2s ease-in-out;
	width:40px;
}
.hg--product-comparison-navigation button svg {
	display:block;
	fill:var(--bs-dark);
}
.hg--product-comparison-navigation button.is--available {
	opacity:1;
}
.hg--product-comparison-navigation .hg--pc-scroll-prev {
	left:calc(-.5 * var(--hoppe-base-gutter-x) );
	transform:translate(-100%,-50%);
}
.hg--product-comparison-navigation .hg--pc-scroll-next {
	right:calc(-.5 * var(--hoppe-base-gutter-x) );
	transform:translate(100%,-50%);
}
.hg--product-comparison-navigation .hg--pc-scroll-next svg {
	transform:rotate(180deg);
}

.hg--product-comparison-wrapper {
	--pc-attribute-w:270px;
	width: 100%;
	overflow: auto;
	cursor: grab;
}
.hg--product-comparison-table {
	margin: 0;
	border: none;
	border-collapse:collapse;
	border-spacing:0;
	table-layout: fixed;
	border:0;
}

.hg--product-comparison-table img {
	pointer-events:none;
}

.hg--product-comparison-table a {
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
.hg--product-comparison-table,
.hg--product-comparison-table thead,
.hg--product-comparison-table tbody,
.hg--product-comparison-table tr,
.hg--product-comparison-table td,
.hg--product-comparison-table th,
.hg--pc-table-content,
.hg--pc-table-attribute {
	height:100%;
}

.hg--product-comparison-table thead th {
	vertical-align:bottom;
}
.hg--product-comparison-table thead th:first-child,
.hg--product-comparison-table tfoot td:first-child {
	border:0;
	box-shadow:none;
	left: 0;
	z-index: 3;
	position:sticky;
	background-color:#FFF;
}
.hg--product-comparison-table thead th p {
	white-space:nowrap;
}
.hg--product-comparison-table tbody {
	font-size:var(--bs-topbar-font-size);
}
.hg--product-comparison-table tbody .btn {
	font-size:1em;
	text-align:left;
}
.hg--product-comparison-table .hoppe-internal-textlink {
	color: var(--bs-body-color) !important;
}
.hg--product-comparison-table .hoppe-internal-textlink:hover {
		color: #09f !important;
}

.hg--pc-table-content-header {
	align-items: start;
	display:grid;
	grid-template-columns:1fr auto;
	grid-template-rows:auto 1fr;
	position:relative;
	z-index:0;
}
.hg--pc-table-content-header span {
	color:red;
	grid-column:1;
	grid-row:1;
	width:fit-content;
	padding:var(--hoppe-h-1);
	font-size:1.5em;
	line-height:1;
}
.hg--pc-table-content-header .btn {
	grid-column:2;
	grid-row:1;
	width:fit-content;
	margin-left:auto;
	padding:var(--hoppe-h-1) !important;
	z-index:3;
}
.hg--pc-table-content-header .btn i {
	margin-left:var(--hoppe-h-1);
}
.hg--pc-table-content-header img {
	grid-column:1/-1;
	grid-row:1/-1;
	width:100%;
}


.hg--product-comparison-table tbody th {
	color:var(--bs-primary);
	font-weight:var(--fw-light);
	position: sticky;
	left: 0;
	background-color: white;
	z-index: 2;
	white-space:nowrap;
}
.hg--product-comparison-table tbody th p {
	margin:var(--hoppe-h-05) 0;
}

.hg--product-comparison-table th,
.hg--product-comparison-table tr,
.hg--product-comparison-table td {
	padding:0;
}

.hg--pc-table-content {
	background-color:#FFF;
	border-width: 0 2px 1px;
	border-style:solid;
	border-color:#d9d9d9;
	margin-right:var(--hoppe-h-05);
}
tbody .hg--pc-table-content {
	padding:var(--hoppe-h-1);

}
tbody .hg--pc-table-content,
thead .hg--pc-table-content {
	width:calc( ( var(--max-con-w) - var(--pc-attribute-w) - ((var(--amount-of-items-shown) - 1) * var(--hoppe-h-05) ) ) / var(--amount-of-items-shown) );
}

thead th:last-of-type .hg--pc-table-content,
tbody td:last-of-type .hg--pc-table-content {
	margin-right: 0;
}
tbody .hg--pc-table-content > * {
	margin:var(--hoppe-h-05) 0;
}
tbody .hg--pc-table-content [class*='multi-collapse'] {
	margin:0;
}
tbody .hg--pc-table-content [class*='multi-collapse'] > * {
	margin-bottom:var(--hoppe-h-05);
}
tbody .hg--pc-table-content button.collapsed .hgi-chevron-up,
tbody .hg--pc-table-content button:not(.collapsed) .hgi-chevron-down {
	display:none;
}


thead .hg--pc-table-content {
	border-top-width:2px;
	position:relative;
}
.hg--product-comparison-table thead th:first-child > div {
	border-bottom:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	height:100%;
	margin-right: -1px;
}
tfoot .hg--pc-table-content {
	border-bottom-width:2px;
}
.hg--pc-table-attribute {
	border:1px solid #d9d9d9;
	border-left:0;
	padding:var(--hoppe-h-1);
	border-top: 0;
	margin-right: -1px;
	width:calc( var(--pc-attribute-w) + 1px);
}
thead .hg--pc-table-attribute {
	border-bottom:1px solid #d9d9d9;
}


.hg--pc-table-content-header-fixed {
	display:grid;
	grid-template-columns:var(--hoppe-h-4) 1fr;
	grid-column-gap:var(--hoppe-h-1);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background-color:#FFF;
	transition:opacity .2s ease-in-out;
	opacity:0;
	border-bottom:2px solid #d9d9d9;
	align-items: center;
	z-index:0;
}
.hg--pc-table-content-header-fixed.is--fixed {
	z-index:2;
}
.hg--pc-table-content-header-fixed.is--shown {
	opacity:1;
}
.hg--pc-table-content-header-fixed .product-logo {
	max-width:5ch;
}
.hg--pc-table-content-header-fixed span {
	display:block;
	font-weight:var(--bs-body-font-weight);
	margin:var(--hoppe-h-05) 0 0;
}
.hg--pc-table-content-header-fixed .spacer {
	height:calc( var(--hoppe-h-4) + 2px);
	margin:0;
}

.hg--product-variants-image {
	display:flex;
	flex-wrap:wrap;
	margin-bottom:0 !important;
}
.hg--product-variants-image a {
	flex:0 1 25%;
	min-width:var(--hoppe-h-4);
	position:relative;
	border:1px solid #d9d9d9;
	margin-bottom:var(--hoppe-h-05);
}
.hg--product-variants-image a small {
	position:absolute;
	top:-1px;
	right:-1px;
	bottom:-1px;
	left:-1px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	background-color: rgba(255,255,255,0.5);
	line-height:1.16;
	color:#707070;
	opacity:0;
	transition:opacity .2s ease-in-out;
}
.hg--product-variants-image a:hover small {
	opacity:1;
}
.hg--add-icon {
	height:var(--hoppe-h-1);
	width:var(--hoppe-h-1);
	border-radius:100%;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 22 22' xml:space='preserve'%3E%3Ccircle fill='%23FFFFFF' class='st0' cx='11' cy='11' r='11'/%3E%3Ccircle cx='11' cy='11' r='10' fill='%230c2e5b'/%3E%3Cpath fill='%23FFFFFF' d='M16 10h-4V6h-2v4H6v2h4v4h2v-4h4z'/%3E%3C/svg%3E%0A");
	background-size:contain;
	display:block;
	position:relative;
	margin-bottom:calc( var(--hoppe-h-05) / 2 );
}

.hg--pc-specialty {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:var(--hoppe-h-1);
}
.hg--pc-specialty p {
	flex: 1 1 22ch;
}

/*
.hg--add-icon::before,
.hg--add-icon::after {
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	background-color: #FFF;
}
.hg--add-icon::before {
	width:2px;
	height:var(--hoppe-h-05);
}
.hg--add-icon::after {
	width:var(--hoppe-h-05);
	height:2px;
}
*/

ul.hoppe--advantage-list li a,
ul.hoppe--advantage-list li a:hover {
	text-decoration: none;
	color: var(--bs-body-color);
} 

div.comparison-banner-box:not(:first-of-type) {
	padding-top: 20px;
}
.comparison-banner-box ul {
    padding-left: 0;
}
.comparison-banner-box ul li {
	list-style: none;
    padding: 0;
    margin: 0;
}
.comparison-icon-box ul {
    padding-left: 0;
}
.comparison-icon-box ul li {
	list-style: none;
    padding: 0;
    margin: 0;
}

@media screen and (max-width:1200px) {
	thead .hg--pc-table-content,
	tbody .hg--pc-table-content {
		width: calc( ( var(--max-con-w) - var(--pc-attribute-w) - var(--hoppe-h-05) ) / 2 );
	}
}

@media screen and (max-width:991.96px) {
	.hg--product-comparison-navigation {
		display:none !important;
	}
	.hg--pc-table-content-header-fixed {
		border:2px solid #d9d9d9;
		border-top:none;
		left:-2px;
		right:-2px;
		width:auto;
	}
	.hg--pc-table-content-header-fixed::after {
		content: "";
		position: absolute;
		border-right: var(--hoppe-h-1) solid #FFF;
		top: 0;
		right: calc( ( var(--hoppe-h-1) * -1 ) - 2px );
		bottom: -2px;
		left: 0;
	}
	.hg--product-comparison-table {
		width:fit-content;
	}
	.hg--product-comparison-table,
	.hg--product-comparison-table thead,
	.hg--product-comparison-table tbody,
	.hg--product-comparison-table tfoot,
	.hg--product-comparison-table th,
	.hg--product-comparison-table td {
		display:block;
	}
	.hg--product-comparison-table tbody th {
		z-index: 0;
	}
	.hg--product-comparison-table tr {
		display:grid;
		grid-template-rows:auto 1fr;
		grid-auto-flow:column;
		grid-template-columns:repeat(auto-fit,calc( (var(--max-con-w) / 2) - var(--hoppe-h-05)));
		grid-column-gap:var(--hoppe-h-1);
	}
	.hg--product-comparison-table tr th:first-child {
		grid-column:1 / -1;
		grid-row:1;
		border: 2px solid #d9d9d9;
		border-top: 0;
		padding-top: var(--hoppe-h-1);
		position:static;
	}
	.hg--product-comparison-table tr th,
	.hg--product-comparison-table tr td {
		grid-row:2;
	}
	thead .hg--pc-table-content,
	tbody .hg--pc-table-content,
	tfoot .hg--pc-table-content {
		width:calc( (var(--max-con-w) / 2) - var(--hoppe-h-05));
	}
	
	.hg--product-comparison-table tfoot td:first-child,
	.hg--product-comparison-table thead th:first-child {
		display:none;
	}
	.hg--pc-table-attribute {
		margin-right:0;
		position:sticky;
		border:none;
		left:2px;
		width:fit-content;
	}
}
@media screen and (max-width:575.96px) {
	.hg--product-comparison-table tr {
		grid-template-columns: repeat(auto-fit,calc( ( ( 100vw - var(--hoppe-h-4) ) / 2 ) - var(--hoppe-h-05) ) );
	}
	thead .hg--pc-table-content,
	tbody .hg--pc-table-content,
	tfoot .hg--pc-table-content {
		overflow-wrap: break-word;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
		width:calc( ( ( 100vw - var(--hoppe-h-4) ) / 2 ) - var(--hoppe-h-05) );
	}

	/* Add fluid font sizes for Elements */
	.hg--pc-table-content-header-fixed span,
	.hg--product-comparison-table tbody,
	.hg--product-comparison-table thead th p {
		font-size:0.77777777777777777777777777777778rem;
	}
	.hg--product-comparison-table thead th p {
		white-space:normal;
		margin-bottom:var(--hoppe-h-2) !important;
	}
	.hg--product-comparison-table thead th .btn {
		margin-top:auto !important;
	}
	.hg--product-comparison-table thead .hg--pc-table-content,
	.hg--pc-table-product-base-data {
		display: flex;
		flex-direction: column;
		height:100%;
	}
	.hoppe--advantage-list li::before {
		top:8px;
	}
}