.vc2-supplier h3{
	margin-bottom: 15px;
	color: #113142;
}

.vc2-supplier-terms {
	text-align: justify;		
}
.vc2-oem-ul-header, .vc2-supplier ul li, .vc2-supplier-terms {
	color: #113142;
	font-size: 16px;
}


.vc2-supplier ul {
	margin-top: 15px;
	list-style-type: square;
	list-style-position: inside;
}

.vc2-separator {
	margin: 20px 0px;
	border-bottom: 2px solid #113142;
}

.vc2-downloads {
  display: flex;
  flex-direction: column;
  gap: 10px; /* spacing between links */
}

.vc2-downloads-heading {
	margin-bottom: 20px;
}
.vc2-downloads a {
  display: flex;
  align-items: center;   /* vertical centering */
  text-decoration: none;
  background: #f9f9f9;
  padding: 8px 12px;
  border-radius: 6px;
  transition: background 0.2s ease;
}

.vc2-downloads a:hover {
  background: #eee;
}

.vc2-downloads-section1 img {
  width: 24px;
  height: 24px;
  margin-right: 12px;
  display: block;
}

.vc2-downloads-section2 {
  font-size: 16px;
  color: #333;
}

.vc2-deal-badge-ppage {		
	padding: 5px 15px; 
	background: #ea5284; 
	color: #fff;	
	font-size: 18px;
	font-weight: 600;
	
}
.vc2-iproduct-header-row {
	margin-bottom: 15px;	
	display: flex;
  	justify-content: space-between;
  	align-items: center;
}

.vc2-internal-number, .vc2-title-ppage, .vc2-info p {
	color: #113142;
}

.vc2-underline {
	margin-top: 20px;
	border-bottom: 2px solid #d2d8df;
}

.vc2-button-section {
	text-align: center;
	margin-bottom: 25px;
}
.product-contact-button {
	display: block;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #91ccff;
	color: #113142;
	border-radius: 25px;
	font-size: 20px;
	font-weight: 600;
	transition: 0.3s opacity;
}

.product-contact-button:hover {
	opacity: 0.6;
}

.vc2-benefits {
	margin-bottom: 25px;
	margin-left: 5px;
}
.vc2-benefits li {
	color: #113142;
	font-size: 20px;
	font-weight: 600;
}

.vc2-benefits-list li:before {
	content: "✓ ";
	margin-right: 8px;
}

.vc2-smart-functions {
	margin-top: 20px;
	margin-bottom: 25px;
	margin-left: 5px;
}

.vc2-smart-functions li {
	color: #113142;
	font-size: 14px;
	font-weight: 400;
}

.vc2-smart-list li:before {
	content: "✓ ";
	margin-right: 8px;
}



.vc2-short-description {
	text-align: justify;
	margin-bottom: 25px;
	font-size: 16px;
}

.vc2-tech-heading {
	display: block;
	padding: 5px;
	background-color: #d3d8df;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	margin: 0px 5px;
}

.page-spec {
	color: #113142 !important;
}
.page-spec span {
	font-size: 14px !important;
	background-color: #dde5f6;
}
.spec-no-gap {
	gap: 0px !important;
}
.vc2-grey {
	background-color: #d3d8df !important;	
	margin: 0px !important;
}

.vc2-full-description {
	margin-top: 25px;
}
.vc2-full-description p {
	text-align: justify;
	font-size: 16px;
	color: #113142;
}

@media only screen and (max-width: 768px) {
	.vc2-single-wrapper {
/* 		padding-left: 30px !important; */
/* 		padding-right: 30px !important; */
	}

}


.vc2-price-line .discount-perc {
	background-color: #EA5284;
	border-radius: 10px;
	padding: 3px 15px;
	font-weight: 600;
	color: #fff;
}
/* ----------------------------------
  Layout & Wrapper
---------------------------------- */
.vc2-single-wrapper { 
	padding:50px 0; 
	background:#fff; 
}
.vc2-single { 
	display:flex; 
	gap:10%; 
	flex-wrap:wrap; 
	margin:0 auto; 
	width:100%;
	max-width: 1720px;
}

@media only screen and (max-width: 767px) {
	.vc2-single {
		width: 85%;
		max-width: 85%;
	}
}


/* ----------------------------------
  Gallery & Thumbnails (2×2 grid)
---------------------------------- */
.vc2-gallery  { flex:1 1 420px; }
.vc2-main-img img { 
	border: 1px solid #d2d8df;
	width:100%; 
	border-radius:25px;
}

.vc2-thumbs {
  display: grid;
/*   grid-template-columns: 1fr 1fr; */
/*   grid-template-rows: 250px 250px; */
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-top: 12px;
  width: 100%;
}

.vc2-thumbs a {
  display: block;
  width: 100%;
/*   height: 100%; */
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

.vc2-thumbs img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 1px solid #d2d8df;
  border-radius: 25px;
  cursor: pointer;
  opacity: .6;
  transition: opacity .2s, border .2s;  
}

.vc2-thumbs img.is-active,
.vc2-thumbs img:hover {
  opacity: 1;
  border-color: var(--accent,#008744);
}

/* ----------------------------------
  Headline / Subtitle / Price
---------------------------------- */
.vc2-info { flex:1 1 400px; }
.vc2-title    { font-size:1.8rem; margin:0 0 6px; }
.vc2-subtitle { font-size:.9rem; margin:0 0 16px; color:#666; }

.vc2-price-line { 
	margin-top: 20px;
	font-size:1.3rem; 
	font-weight:700; 
 	margin-bottom:20px; 
}
.vc2-price-line .old     { 
	color:#113142; 
	text-decoration:line-through; 
	margin-right:.5em; 
	font-size:.85em; 
	font-weight: 400;
	margin-left: 18px;
}
.vc2-price-line .new     { 
	color:#ea5284;
}
.vc2-price-line .regular { 
	color:#ea5284;
}

.vc2-deal-expiry {
	margin-bottom: 15px;
}
.vc2-expiry-date {
	font-size: 12px;
	color: #EA5285;
	font-weight: 400;
}

/* ----------------------------------
  Add / Remove buttons
---------------------------------- */
.vc2-btn {
  display:block;
  width:100%;
  padding:16px 0;
  text-align:center;
  border:none;
  border-radius:50px;
  background:var(--accent,#008744);
  color:#fff;
  cursor:pointer;
  text-decoration:none;
  margin-bottom:24px;
}
.vc2-btn.remove { background:#c30054; }

/* ----------------------------------
  Feature icons
---------------------------------- */
.vc2-icon-wrapper {
	width: 70px;
	text-align: center;
}
.vc2-icons-ppage { 
	display:flex; 
	flex-wrap:wrap; 
	gap:0px; 
	margin-bottom:24px; 
}
.vc2-icon-single { 
	width:60px; 
	height:60px; 
	object-fit:contain; 
}
.vc2-icon-label {
	color: #1e78c3;
	font-size: 12px;
	line-height: 13px;
	margin-top: -8px;
	word-wrap: break-word;
}

/* ----------------------------------
  Tabs
---------------------------------- */
.vc2-tabs { display:flex; gap:4px; margin-bottom:12px; }
.vc2-tab-btn {
  flex:1;
  padding:10px;
  background:#eee;
  border:none;
  cursor:pointer;
  font-weight:600;
}
.vc2-tab-btn.active { background:#ddd; }
.vc2-tab-panel { margin-bottom:24px; }

/* ----------------------------------
  Description & Specs
---------------------------------- */
.vc2-descbox {
  background:#fff;
  border:1px solid #ddd;
  border-radius:12px;
  padding:20px;
  font-size:.9rem;
}
.vc2-descbox hr { border:none; border-top:1px solid #eee; margin:16px 0; }
.vc2-spec-row { display:flex; justify-content:space-between; padding:6px 0; border-bottom:1px solid #eee; }
.vc2-spec-row:last-child { border-bottom:none; }
.vc2-spec-row .label { color:#555; }
.vc2-spec-row .value { font-weight:600; }




.vc2-related-section {
  width: 100%;
  padding: 40px 0;
  background: #fafafa;
}

.vc2-related-section .vc2-related-title {
  margin: 0 auto 16px;
  text-align: center;
  font-size: 1.4rem;
}

.vc2-related-section .vc2-related {
  max-width: 85%;
  margin: 0 auto;
/*   display: flex; */
  display: grid;
  gap: 16px;
  overflow-x: auto;
  padding-bottom: 8px;
}

@media only screen and (min-width: 1025px) {
/* .vc2-related-section .vc2-related .product {
  flex: 0 0 calc((100% - 3*16px)/3);
} */
	.vc2-product-grid { 
		grid-template-columns: repeat(3, 1fr); 
	} 
}

@media (min-width: 769px) and (max-width: 1024px) { 
/* 	.vc2-related-section .vc2-related .product {
  		flex: 0 0 calc((100% - 3*16px)/2);
	} */
	.vc2-product-grid { 
		grid-template-columns: repeat(2, 1fr);
	} 
}
@media (max-width: 768px) { 
/* 	.vc2-related-section .vc2-related .product {
  		flex: 0 0 calc((100% - 3*16px));
	} */
	.vc2-product-grid { 
		grid-template-columns: 1fr; 
	} 
}


/* ----------------------------------
  Responsive
---------------------------------- */
@media (max-width:768px) {
  .vc2-single { flex-direction:column; width:100%; }
  .vc2-gallery, .vc2-info { flex:1 1 100%; }
  .vc2-related .product { flex:0 0 50%; }
}


.vc2-breadcrumbs {      
  background: rgba(255,255,255,0.85);
  border-radius: 0.25em;
  z-index: 10;
  font-size: 0.9em;
  display: block;
}

.vc2-bc-list {  
  display: flex;
  flex-wrap: wrap;    /* <-- allow items to wrap */
  gap: 0.5em; 
  margin-bottom: 2px !important;
}

.vc2-bc-item + .vc2-bc-item:before {
  content: '›';
  margin: 0 0.5em;
  color: #666;
}

.vc2-bc-item a {
  color: #0073aa;
  text-decoration: none;
}
.vc2-bc-item a:hover {
  text-decoration: underline;
}


.vc2-bc-item {
  white-space: nowrap; /* keep “Produkte”, “Kategorie” and product title intact */
}

/* 3) Make the container fluid on mobile */
@media (max-width: 767px) {
  .vc2-breadcrumbs {
    width: calc(100% - 2rem); /* full width minus your left/right offsets */
/*     left: 1rem;         */
/*     right: 1rem;        */
/*     top: 1rem; */
  }
}


@media only screen and (max-width: 1011px) {
	.vc2-info {
		margin-top: 50px;
	}
}