@charset "utf-8";
:root{
  --cs-body-color: #000000;
  --cs-bold-font:'OpenSans-Bold';
  --cs-light-font:'OpenSans-Light';
  --cs-SemiBold-font:'OpenSans-SemiBold';
  --cs-Regular-font:'OpenSans-Regular';
  --cs-Medium-font:'OpenSans-Medium';
  --cs-white-color:#ffffff;
  --cs-green-color:#86BC2D;
  --cs-light-green-color:#F9FAF8;
  --cs-grey-color:#f7f7f7;
  --cs-gold-color:#ffd700;
}

body{font-family: var(--cs-Regular-font); color: var(--cs-body-color);}
* {margin:0; padding:0;	-webkit-font-smoothing: antialiased; vertical-align:top;}
li, ul, ol {list-style:none; margin:0; padding:0;}
a, a img {text-decoration:none;	border:0; outline:none !important; color: var(--cs-body-color);}

button:focus,
a:hover,
a:focus {text-decoration:none; outline:none;}
:focus {outline:none;}
img {max-width:100%; max-height: 100%; height: auto;}

h1, h2, h3, h4, h5, h6{font-style:normal; font-weight:normal; margin:0;	padding:0;}
h1, h2, h3, h4, h5, h6{font-family: var(--cs-bold-font);}
h3{ line-height: 1.625rem; margin: 1.75rem 0rem 0.625rem 0rem;}
h1>span, h2>span, h3>span, h4>span, h5>span, h6>span{color: #000000;}
.clear:before, .clear:after {content:""; display:table;}
.clear:after {clear:both;}
input, textarea {outline:none !important;}
::-webkit-input-placeholder {color:inherit;	opacity:1;}
::-moz-placeholder {color:inherit; opacity:1;}
:-ms-input-placeholder {color:inherit; opacity:1;}
:-moz-placeholder {color:inherit; opacity:1;}

/* width */
::-webkit-scrollbar {width: 5px;}
/* Track */
::-webkit-scrollbar-track {background: var(--cs-body-color);}
/* Handle */
::-webkit-scrollbar-thumb {background: var(--cs-green-color);}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background: var(--cs-green-color);}
#wrapper {width:100%; position:relative;}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 1260px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 1260px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 1260px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1260px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1260px;
  }
}

.button, .btn {
	border: none;
    padding: 0.125rem 0.625rem 0.125rem 0.625rem;
    line-height: 2rem;
    border-radius: 3px;
    appearance: none;
    font-size: .875rem;
    display: inline-block;
    position: relative;
    font-weight: 700;
    text-decoration: none;
    text-align: left;
    cursor: pointer;
    color: var(--cs-white-color);
}
.magnifier>img{max-height: inherit;}
.button{font-family: var(--cs-bold-font);}
.primary-button{background-color: var(--cs-green-color); color: var(--cs-body-color) !important;}
.blue-button{background-color: var(--cs-blue-color); color: var(--cs-body-color);}


.slick-prev,
.slick-next{width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; padding: 10px 10px;}
.slick-prev{left: 0;}
.slick-next{right: 0;}
.slick-prev:before,
.slick-next:before{opacity: 1; font-size: 36px; color: var(--cs-green-color);}

.slick-dots{width: auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.slick-dots li{margin: 0;}
.slick-dots li button:before{font-size: 10px;}
.slick-prev, .slick-next{z-index: 9;}
/*============ Header Start ============*/
#header{ z-index: 10; border-bottom: solid 2px var(--cs-green-color); }
.header-wapper{ width:100%; padding: 16px 0 0;}
.header-logo-img{height: 74px !important;}

.header-wapper--top-telefon{width: 30px; height: 30px; color: var(--cs-green-color); font-size: 18px;}
.cart--quantity { font-size: .75rem; left: 0.4375rem; top: -0.6rem !important; width: 22px; height: 22px; background: var(--cs-green-color);}
.header-language-menu>li img{ overflow: hidden; opacity: .4;}
.header-language-menu>li.wpml-ls-current-language img,
.header-language-menu>li:active img,
.header-language-menu>li:focus img,
.header-language-menu>li img:hover{opacity: 1;}
.header-language-menu>li:not(:last-child){margin-right: 6px; padding-right: 8px;}
.main-navigation--link>a{padding-bottom: 16px;}
.main-navigation--link:not(:last-child)>a{margin-right: 50px;}
.main-navigation--link>a:hover{color: var(--cs-green-color);}

.main-navigation--inner{padding: 22px 30px; top: 154px; opacity: 0; visibility: hidden; width: 95% !important;}
.main-navigation--inner.width-100{width: 100% !important;}
.main-navigation--link:hover .main-navigation--inner{opacity: 1; visibility: visible;}
.main-navigation--thermo>ul{grid-template-columns: repeat(3, 1fr); gap: 2%;}
.main-navigation--thermo>ul.thrm-prdts{gap: 20px;}
.main-navigation--thermo>ul>li{border: 1px solid var(--cs-green-color);}
.main-navigation--thermo>ul>li>a{padding:40px 30px 25px 30px; font-family: var(--cs-bold-font); z-index: 1;}
.bullets{padding-left: 23px; margin-bottom: 5px; font-size: 14px;}
.bullets::before {content: ''; background: url('../images/icon-green-checkmark-squared.svg') !important; background-size: contain; background-repeat: no-repeat; width: 17px; height: 14px; margin-left: -23px; border-radius: 0px; position: absolute; display: block; top: 3px;}

.thermo--img{right: 15px; width: 110px;}
.main-navigation--thermo>ul>li.li-HYG-3>img.thermo--img{width: 95px;}
.thermo-new{background-color: var(--cs-green-color); top:20px; padding: 5px 20px 5px 10px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}

.main-navigation--untern{min-width: 308px; max-width: 308px;}
.main-navigation--untern>a{padding: .3125rem 0rem .3125rem 0rem;}
.main-navigation--untern>a:hover{color: var(--cs-green-color);}

.main-navigation--produkte{grid-template-columns: repeat(3, 1fr); gap: 5%; top: 154px;}
.produkte--inner-box>a{border-bottom: 2px solid #86bc26; font-size: 20px; padding-bottom: 10px; font-family: var(--cs-bold-font); position: relative; z-index: 1;}
.produkte--inner-box{min-height: 200px;}
.produkte--inner-box>ul{z-index: 1;}
.produkte--inner-box>ul>li>a{padding: 11px 0; width: max-content;}
.produkte--inner-box>a:hover,
.produkte--inner-box>ul>li>a:hover{color: var(--cs-green-color);}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 700px !important;
  }
}

.js--overlay {
	position: fixed;
	-webkit-transition: opacity 0.45s cubic-bezier(.3, 0, .15, 1), visibility 0.45s linear;
	transition: opacity 0.45s cubic-bezier(.3, 0, .15, 1), visibility 0.45s linear;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: .01;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	visibility: hidden;
	background: rgba(92, 92, 92, 0.7);
	cursor: pointer;
	z-index: 5000;
}
.js--overlay.is--open {
	-webkit-transition-delay: 0;
	transition-delay: 0;
	opacity: 1;
	visibility: visible;
}

.off-canvas {
	width: 17.5rem;
	-webkit-transition: all .45s cubic-bezier(.3, 0, .15, 1);
	transition: all .45s cubic-bezier(.3, 0, .15, 1);
	margin-right: 0;
	display: block;
	height: 100%;
	position: fixed;
	bottom: 0;
	top: 0;
	padding: 0;
	background: var(--cs-grey-color);
	z-index: 8000000;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: all .45s cubic-bezier(.3, 0, .15, 1);
	transition: all .45s cubic-bezier(.3, 0, .15, 1);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.off-canvas.is--right{
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	right: 0;
}
.off-canvas.is--left {
	left: 0;
	-webkit-transform: translateX(-105%);
	transform: translateX(-105%);
}
.off-canvas.is--open {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}


.off-canvas .ajax--cart {
	border-radius: 3px;
	font-size: .875rem;
	background: var(--cs-white-color);
	width: auto;
	position: absolute;
	left: 0;
	right: 0;
	border: 0 none;
	min-height: 100%;
}

.off-canvas .close--off-canvas {
	padding: 0.125rem 0.625rem 0.125rem 0.625rem;
	line-height: 2.375rem;
	background-color: var(--cs-green-color);
	background-image: linear-gradient(to bottom, var(--cs-light-brown-color) 0%, var(--cs-green-color) 100%);
	display: block;
	color: #000000;
	font-weight: 700;
	cursor: pointer;
}
.off-canvas .close--off-canvas .icon--arrow-left {
	margin: 0rem 0.625rem 0rem 0rem;
	font-size: .6875rem;
}
#BorlabsCookieBox ._brlbs-bar,
#BorlabsCookieBox ._brlbs-box,
#BorlabsCookieBox ._brlbs-refuse a,
#BorlabsCookieBox ._brlbs-legal a{color: #000000 !important;}


.ajax--cart .widget_shopping_cart_content {
	padding: 0rem 0.625rem 0rem 0.625rem;
	max-height: 22.0625rem;
	overflow-y: auto;
	position: relative;
}
.off-canvas .ajax--cart .widget_shopping_cart_content {
	max-height: none;
}
.mini-cart-lists,
ul.product_list_widget{height: calc(100vh - 315px); overflow-y: auto;  margin-top: 115px !important;}

.top-cart-checkout-buttons{
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 0rem 0.625rem 0rem 0.625rem;
}

.ajax--cart .mini_cart_item {
	display: block;
	width: 100%;
	padding: 0.625rem 0rem 0.625rem 0rem;
	line-height: 2.375rem;
	border-bottom: 1px solid var(--cs-grey-color);
}
.ajax--cart .mini_cart_item dl.variation{display: none;}
.ajax--cart .mini_cart_item>a{
	display: flex;
	padding-right: 12px;
	line-height: 1.5;
}
.ajax--cart .mini_cart_item>a>img {
	margin: 0rem 0.625rem 0rem 0rem;
	width: 2.375rem;
	height: 2.375rem;
	border-radius: 3px;
	background-clip: padding-box;
	float: left;
	position: relative;
	border: 1px solid var(--cs-grey-color);
	background: var(--cs-white-color);
	padding: 4px;
}

.off-canvas .ajax--cart .mini_cart_item .remove_from_cart_button {
	display: flex;
	justify-content: center;
	font-weight: 600;
	align-items: center;
	min-width: 2.375rem;
	height: 2.375rem;
	font-size: 1.25rem;
	vertical-align: middle;
	border: 1px solid var(--cs-grey-color);
	color: var(--cs-green-color);
	float: right;
	padding: 0;
}

.ajax--cart .mini_cart_item .quantity {
	margin: 0rem 0.3125rem 0rem 3rem;
	font-family: var(--cs-bold-font);
	color: var(--cs-green-color);
	width: auto;
}
.ajax--cart  .woocommerce-Price-amount{font-size: 14px;}
.woocommerce-mini-cart__total{
	display: flex;
	font-family: var(--cs-bold-font);
	width: 100%;
	padding: .625rem .625rem .625rem .625rem;
}
.woocommerce-mini-cart__total .woocommerce-Price-amount {margin-left: auto;}
.woocommerce-mini-cart__buttons{
	display: flex;
	flex-direction: column;
}
.woocommerce-mini-cart__buttons>a{
	line-height: 2.125rem;
	position: relative;
	padding: 0.125rem 2.25rem 0.125rem 0.75rem;
	border: 1px solid var(--cs-grey-color);
	margin-bottom: 0.625rem;
	text-align: center;
  color: var(--cs-body-color);
}
.woocommerce-mini-cart__buttons>a:after {
	height: 1rem;
	line-height: 2rem;
	margin: -1rem 0rem 0rem 0rem;
	right: 0.75rem;
	position: absolute;
	top: 50%;
	font-family: 'FontAwesome';
	content: "\f105";
	font-size: 18px;
}

.nav-bars {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    margin: 0;
    z-index: 100000;
}
.widget_shopping_cart_content .header-language-menu,
.main-search--form{border-bottom: solid 1px var(--cs-green-color);}
.main-search--form {
    padding: 0.625rem 0.625rem 0.625rem 0.625rem;
    left: calc(-0.5 * var(--bs-gutter-x));
    top: 100%;
    position: absolute;
    z-index: 3000;
    margin-left: auto;
    background: var(--cs-light-green-color);
}
.main-search--form .main-search--button {
    appearance: none;
    right: 0.375rem;
	top: 0.125rem;
    font-size: 1.25rem;
    line-height: 1;
    position: absolute;
    z-index: 2;
    border: 0 none;
    background: transparent;
    color: var(--cs-green-color);
    outline: none;
}

.main-search--form input[type="search"] {
    height: 35px;
    border: none;
    font-size: 16px;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 25px;
	padding: .5625rem 2.375rem .5625rem .5625rem;
}

.mobile-sub-links>a,
.mobile-main-links>a{font-family: var(--cs-bold-font); border-bottom: solid 1px var(--cs-green-color);}
.mobile-main-links>a>span,
.mobile-sub-links>a>span{flex: 1;}
.mobile-sub-links>a>i,
.mobile-main-links>a>i{color: var(--cs-green-color);}
.mobile-sub-links.off-canvas{
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    right: 0;
	top: 37px;
}
.d--mobile-none {display: none;}
.mobile-sub-links.off-canvas.is--open {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.login-btn {
    background: var(--cs-green-color);
    color: var(--cs-white-color);
}
.my-account-menu>li {
    display: flex;
    position: relative;
    border-bottom: 1px solid #dadae5;
}
.my-account-menu>li>a {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0.125rem 0.625rem 0.125rem 0.625rem;
    line-height: 2.375rem;
}
/*.menu-language-menu-container{position: absolute; right: 8px; top: 0px;}*/
/*============ Header End ============*/

/*============ Content Start ============*/
#section{ width:100%;}
.content-wapper{ width:100%; }
/*----- Banner Start -----*/
.content-wapper--banner{background-color: var(--cs-grey-color); padding: 30px 0;}
.banner-container>h1{font-size: 45px; line-height: 1.5; text-align: center;}
.banner-container>h1>em{color: var(--cs-green-color);font-style: normal;}
.banner-container>h1>span{background:url('../images/german_flag.svg'); height:43px; width:61px; color:transparent; background-size: contain; margin-left: 10px; background-repeat: no-repeat; display: inline;}

.banner-slide-box{margin-top: 50px;}
.banner-slider .slick-track{display: flex; align-items: flex-end;}
.banner-slider--box>a{width: max-content;}
.banner-slider--box>span{font-family: var(--cs-bold-font); display: flex; align-items: baseline;}
.banner-slider--box>span>em{color: var(--cs-green-color); font-size: 26px; line-height: 1; margin-left: 4px;}
/*----- Banner End -----*/

/*----- Content Wapper Pages Start -----*/
.content-wapper--pages{padding: 50px 0px;}
.container-pages>h2{font-size: 30px; line-height: 1.5rem; margin-bottom: 20px;}
.container-pages>h2>span{color: #000000;}
.hyg-slider--box{box-shadow: 0px 6px 10px var(--cs-body-color); padding: 20px 30px 30px; border-top: 3px solid var(--cs-green-color); }
.hyg-slider--check{font-family: var(--cs-bold-font);}
.hyg-slider--check>span{margin: 0 4px;}
.hyg-slider--checkbox {position: relative; width: 37px; height: 21px; -webkit-appearance: none; appearance: none; background: var(--cs-white-color); border-radius: 2rem; cursor: pointer; box-shadow: 0px 1px 4px 2px var(--cs-grey-color);}
.hyg-slider--checkbox::before {content: ""; width: 17px; height: 17px; border-radius: 50%; background: var(--cs-green-color); position: absolute; top: 2px; left: 1px; transition: 0.3s;}
.hyg-slider--checkbox:checked::before { transform: translateX(100%);}
.hyg-slider--headings{padding: 20px 0px; font-family: var(--cs-bold-font); font-size: 20px;}
.without-air>span,
.with-air>span{color: var(--cs-green-color); font-size: 27px; margin: 0 4px; font-style: italic;}

.hyg-slider--fachrs,
.hyg-slider--bodies,
.hyg-slider--protag{ font-size: 1rem;}
.hyg-slider--fachrs{padding: 20px 0; min-height: 150px;}
.hyg-slider--fachrs>span,
.hyg-slider--bodies,
.hyg-slider--protag>span{font-family: var(--cs-bold-font);}
.hyg-slider--fachrs>ul>li:not(:last-child){margin-right: 8px;}
.hyg-slider--fachrs>ul>li:not(:last-child)::after{content: ',';}

.hyg-slider--bodies{padding-left: 24px; background-image: url('../images/icon-cross-grey.svg'); background-repeat: no-repeat; background-size: 15px; background-position: left top 4px;}
.hyg-slider--bodies.actived{background-image: url('../images/icon-green-checkmark-squared.svg'); background-size: 18px;}

.hyg-slider .slick-list {margin: 0 -10px;}
.hyg-slider .slick-track{display: flex;}
.hyg-slider .slick-slide{margin:20px 10px;}

.hyg-slider--button>a{font-family: var(--cs-bold-font); padding: 15px 30px;}
/*----- Content Wapper Pages End -----*/

/*----- Content Wapper bewert Start -----*/
.content-wapper--bewert{padding: 50px 0px;}
.container--bewert>span{color: #000000;}
.bewert--slider .slick-list{margin: 0 -20px; padding: 70px 0;}

.bewert-box{box-shadow:0 6px 10px rgba(64,64,64,0.2); margin-top: 50px; border-top:5px solid #86bc25; padding: 0px 50px 15px; margin: 0 12px; font-size: 1rem;}
.bewert-box>a{color: #000;}
.postimage,
.postquote{width: 90px; height: 90px; margin-top: -50px;}
.postquote{background-color: var(--cs-green-color);}
.bewert-box--rating>i{margin: 0 2px; color: var(--cs-grey-color);}
.bewert-box--rating>.rated{color: var(--cs-gold-color);}
.bewert-box--title{min-height: 50px; font-family: var(--cs-bold-font);}

.review_full{z-index: 1000; background: rgba(0,0,0,0.85); height: 100vh; width: 100vw; display: none;}
.review_full.open{display: flex;}

.review_full .blog--entry {width: 95%; box-shadow: 0 6px 10px rgba(64,64,64,0.2); margin-top: 50px; border-top: 5px solid #86bc25; padding: 0px 50px; height: 70vh; max-width: 800px; max-height: 800px; padding-bottom: 30px; min-height: 400px; overflow: scroll;}
.review_full .blog--entry .blog--image,
.review_full .blog--entry .postquote {border-radius: 50px; background-position: center; background-size: cover; height: 100px; width: 100px; margin-top: -60px; pointer-events: none;}
.review_full .blog--entry .ratings {color: var(--cs-gold-color); margin: 50px 0px 10px 0px;}
.review_full .blog--entry .blog--title {height: 50px; font-family: var(--cs-bold-font); text-align: center;}
.review_full .blog--entry .review_content {display: block; margin-top: 50px; text-align: center;}
.review_full .blog--entry .close-review {top: 50px; right: 5%; cursor: pointer; color: var(--cs-white-color); background: transparent; border: none;}
.review_full .blog--entry .close-review i {font-size: 24px;}

.review_images_slider .slick-arrow{
	position: absolute;
	top: 50%;
	margin-top: -23px;
	z-index: 1;
	background-color: #86bc25;
}
.review_images_slider .prev-arrow{left: 8px;}
.review_images_slider .next-arrow{right: 8px;}
/*----- Content Wapper bewert End -----*/

/*----- Content Wapper auftisch Start -----*/
.content-wapper--auftisch{padding: 50px 0;}
.content-wapper--auftisch-image,
.content-wapper--auftisch-content{width: 50%; padding: 0 1rem;}
.content-wapper--auftisch-content>h2{margin-bottom: 10px;}
.content-wapper--auftisch-content>a{font-family: var(--cs-bold-font); padding: 15px 30px;}
.pop-up-container {z-index: 10000; width: 100vw; height: 100vh; display: none; background-color: rgba(255,255,255,0.8);}
.pop-up-container.open{display: flex;}
.installation-popup {box-shadow: 0px 6px 10px var(--cs-grey-color); max-width: 1200px;}
.icon--cross {top: 20px; right: 20px; color: var(--cs-green-color); z-index: 1; cursor: pointer;}
.installation-popup-content,
.installation-popup-image{width: 50%; font-size: 1rem;}
.installation-popup-content{padding: 30px;}
.installation-popup-heading{font-size: 20px; margin-bottom: 20px; font-family: var(--cs-bold-font);}
.installation-popup-content ul{display: flex; flex-direction: column;}
.installation-popup-content ul li {padding-left: 11px; position: relative;}
.installation-popup-content ul li:before{content: ''; width: 5px; height: 5px; margin-left: -11px; margin-right: 6px; background: var(--cs-green-color); border-radius: 100%; display: block; position: absolute; top: 9px;}
/*----- Content Wapper auftisch End -----*/

/*----- Content Wapper sofort Start -----*/
.content-wapper--sofort{padding: 50px 0;}
.content-wapper--sofort .container{max-width: 1060px;}
.container--sofort>h2{margin-bottom: 20px;}
.sofort-lists{grid-template-columns: repeat(3,1fr); gap: 30px;}
.sofort-lists--title{color: #000000; font-family: var(--cs-bold-font);}
.container--sofort>a{font-family: var(--cs-bold-font); padding: 15px 30px;}

.leasing--section{display: none; padding: 40px 50px; box-shadow: 0px 7px 8px var(--cs-grey-color); z-index: 1301; width: 80%; max-width: 1200px; height: 80vh;}
.leasing--section.open{display: block;}
.leasing--columns{grid-template-columns: repeat(2,1fr); gap: 10px; padding-top: 20px;}
.leasing--advantages{height: 54vh; overflow-y: auto; padding-right: 50px;}
.advantage:not(:last-child){margin-bottom: 45px;}
.advantage [class*="advantage--icon-"] {width:42px; height:44px; min-width:42px; max-width:42px; min-height:44px; margin-right:11px;     margin-right: 21px;}
.advantage--text {flex: 1;}
.advantage--text>strong{color: #000000; font-family: var(--cs-bold-font);}
/*----- Content Wapper sofort End -----*/

/*----- Content Wapper Author Start -----*/
.content-wapper--cta{max-width: 1000px; margin-top: 40px; margin-bottom: 50px; border-top: solid 5px var(--cs-green-color); box-shadow: 0px 4px 5px #d5d5d5; padding: 60px 20px; gap: 2%;}
.content-wapper--author-details{flex: 1;}
.content-wapper--author-details>h2{margin-bottom: 20px;}
.content-wapper--author-detail{grid-template-columns: repeat(2,1fr); gap: 15px;}
.content-wapper--author-detail>a{color: #000000; width: max-content;}
.content-wapper--author-detail>a>i{width: 26px; height: 26px; color: var(--cs-white-color); background-color: #000000; margin-right: 10px; padding: 13px; font-size: 14px;}
/*----- Content Wapper Author End -----*/

/*============ Content End ============*/

/*============ Footer Start ============*/
#footer{ width:100%; border-top: solid 2px var(--cs-green-color); background-color: var(--cs-grey-color); font-size: 1rem;}
.footer-wapper{ width:100%; }
.footer-wapper a{color: #000000;}
.footer-wapper a:hover{color: var(--cs-body-color);}
.footer-wapper--top{grid-template-columns: repeat(3, 1fr); gap: 25px; padding-bottom: 1.25rem;}
.footer-wapper--box--heading{margin: 1.75rem 0rem .625rem 0rem; font-family: var(--cs-bold-font);}
.footer-wapper--box-menu>li>a{padding: 3px 0; line-height:1.875rem;}
.reviews-gr {
    position: fixed;
    bottom: 0;
    max-width: 300px;
    right: 0;
    z-index: 99
}
.reviews-gr .review__item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    background-color: #fff;
    box-shadow: 0 1px 3px 0 #00000091;
    padding: 10px;
    border-radius: 10px;
    margin: 10px
}

.review__date {
    letter-spacing: -1px
}

.review__main {
    display: flex;
    flex-direction: column;
    gap: 5px
}

.review__heading {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    line-height: 1;
    gap: 5px
}

.review__main p {
    font-size: 12px;
    line-height: 1;
    margin: 0
}

.review__bottom {
    display: flex;
    justify-content: space-between;
    gap: 5px
}

.review__google-icon {
    width: 20px
}

.review__user-img {
    width: 40px
}

.close-review {
    font-family: 'FontAwesome';
    cursor: pointer;
    position: absolute;
    right: 4px;
    z-index: 9;
    font-size: 18px;
    top: -3px;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 2px 0 #747474;
    line-height: 1
}

.reviews-gr.hide {
    display: none
}

.review__star-box {
    display: flex;
    object-fit: contain;
    align-items: center
}

.review__star {
    width: 20px
}

/** Newsletter start **/
.footer-newsletter .cr_site{margin:0;padding:75px 0 0 0;text-align:center;}
.footer-newsletter .cr_font{font-size: 14px;font-family: Arial;}
.footer-newsletter .cr_body h2, .cr_header h2{font-size:22px;line-height:28px;margin:0 0 10px 0;}
.footer-newsletter .cr_body h1, .cr_header h2{font-size:28px;margin-bottom:15px;padding:0;margin-top:0;}
.footer-newsletter .wrapper, .cr_page{margin:0 auto 10px auto;text-align:left;border-radius:4px;}
.footer-newsletter .cr_header{text-align:center;background: transparent !Important;}
.footer-newsletter .cr_body label{float:none;clear:both;display:block;width:auto;margin-top:8px;text-align:left;font-weight:bold;position:relative;}
.footer-newsletter .cr_button{display:inline-block;font-family:'Helvetica', Arial, sans-serif;width:auto;white-space:nowrap;height:32px;margin:5px 5px 0 0;padding:0 22px;text-decoration:none;text-align:center;font-weight:bold;font-style:normal;font-size:15px;line-height:32px;cursor:pointer;border:0;-moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px;vertical-align:top;}
.footer-newsletter .cr_button{background-color:#333;color: #000000;}
.footer-newsletter .cr_button:hover,.cr_button-small:hover{opacity:0.7;filter:alpha(opacity=70);}
.footer-newsletter .powered{padding:20px 0;width:560px;margin:0 auto;}
.footer-newsletter .formbox{line-height:150%;font-family:Helvetica;font-size:12px;color:#333333;padding:0;border-radius: 6px 6px 6px 6px;}
.footer-newsletter .cr_ipe_item label{line-height:150%;font-size:14px;}
.footer-newsletter .cr_ipe_item textarea {background: none repeat scroll 0 0 #eeeeee;border: 1px solid #aaa;font-family: Helvetica;font-size: 16px;}
.footer-newsletter .cr_ipe_item input {background: none repeat scroll 0 0 #ffffff;border: 1px solid #aaa;padding: 5px;font-family: Helvetica;font-size: 16px;}
.footer-newsletter .cr_ipe_item select {background: none repeat scroll 0 0 #eeeeee;border: 1px solid #aaa;display: block;margin: 0;padding: 5px;width: 100%;font-family: Helvetica;font-size: 16px;}
.footer-newsletter .cr_ipe_item input.cr_ipe_radio, input.cr_ipe_checkbox {-moz-binding: none;-moz-box-sizing: border-box;background-color: -moz-field !important;border: 2px inset threedface !important;color: -moz-fieldtext !important;cursor: default;height: 13px;padding: 0 !important;width: 13px;}
.footer-newsletter .cr_ipe_item input.cr_ipe_radio{-moz-appearance: radio;border-radius: 100% 100% 100% 100% !important;margin: 3px 3px 0 5px;}
.footer-newsletter .submit_container{text-align:center}
.footer-newsletter .cr_ipe_item{ padding:1px 0; margin:1px 0; }
.footer-newsletter .cr_ipe_item.inactive {display:none;}
.footer-newsletter .imprint{font-size:0.8em;}
.footer-newsletter .cr_captcha{padding-left:130px;}
.footer-newsletter .cr_error{font-size:1.1em;padding:10px;}
.footer-newsletter .clever_form_error{background-color:#f99; color:#000; border:1px solid #f22 !important}
.footer-newsletter .clever_form_note {margin:26px 0 0 3px;position:absolute;display:inline; padding: 2px 4px; font-weight:bold;background-color:#f2ecb5; color:#000; font-size:12px !important;  }
.footer-newsletter .cr_site {background-color:#eee;}
.footer-newsletter .cr_header {color:#000000;}
.footer-newsletter .cr_body {font-size:12px;color:#000000;}
.footer-newsletter .cr_hr {background-color:#ccc;}
.footer-newsletter .cr_site a {color:#0084ff;}
.footer-newsletter .imprint{color:#000;}
.footer-newsletter .cr_site {background-color:#ffffff;}
.footer-newsletter .cr_body {color:#000000;}
.footer-newsletter .cr_header {color:#88be23;}
.footer-newsletter .cr_hr {background-color:#ccc;}
.footer-newsletter .cr_site a {color:#0084ff;}
.footer-newsletter .imprint {color:#88be23;}
.footer-newsletter .cr_page {width:400px;max-width:auto;}
.footer-newsletter .cr_button {background-color:#88be23;}
.footer-newsletter .cr_font {font-family:Arial;}
.footer-wapper--bottom strong{font-family: var(--cs-bold-font); font-weight: 400;}
/** Newsletter End **/
/*============ Footer End ============*/


/*============ Über uns Page Css Start ============*/
.content-wapper--uber>h1{margin-bottom: 20px;}
.content-wapper--uber a{color: #000000; text-decoration: underline;}
/*============ Über uns Page Css End ============*/

/*============ Thermodesinfektoren Subpage Page Css Start ============*/
.content-wapper--der-thermo{grid-template-columns: repeat(2,1fr); column-gap: 20px; row-gap: 50px;}
.content-wapper--der-content>h1{font-size: 60px;}
.content-wapper--ideal>ul>li>a{padding-left: 30px; margin-bottom: 10px; color: #000000; cursor: pointer;}
.content-wapper--ideal>ul>li:hover>a>span{color: var(--cs-body-color);}
.content-wapper--ideal>ul>li>a>img.ideal_icon{height: 20px !important;}


.content-wapper--video{padding: 50px 0; background-color: var(--cs-grey-color); border-top: solid 3px var(--cs-green-color);}
.thermo-video--box>strong{font-size: 20px;}
.button_container {
    left: 50%;
    position: absolute;
    top: 50%;
    background: transparent;
    height: 100%;
    width: 100%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}
.button_container .play_button {
    pointer-events: none;
    -webkit-transition: .2s all;
    -moz-transition: .2s all;
    -ms-transition: .2s all;
    -o-transition: .2s all;
    transition: .2s all;
    color: transparent;
    border-radius: 50px;
    height: 100px;
    width: 100px;
    background: rgba(0,0,0,0.3);
}
.content-wapper--video-content>ul,
.content-wapper--video-content>ol{margin-bottom: 20px;}
.content-wapper--video-content>ul>li,
.content-wapper--video-content>ol>li{padding-left: 24px; position: relative; margin-bottom: 6px !important;}
.content-wapper--video-content>ul>li:before,
.content-wapper--video-content>ol>li:before{
	position: absolute;
	left: 0;
	top: 3px;
	width: 17px;
	height: 19px;
	content: '';
	background-image: url('../images/icon-green-checkmark.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.content-wapper--produkte-block{padding-top: 80px; padding-bottom: 80px;}
.content-wapper--produkte-block>a{font-size: 20px; font-family: var(--cs-bold-font);}
.content-wapper--produkte-block.grey-overlay:before{position: absolute; left: -100%; top: 0; width: 200vw; height: 100%; content: ''; background-color: var(--cs-grey-color); z-index: -1;}
.content-wapper--produkte-box{grid-template-columns: repeat(3,1fr); column-gap: 20px;}
.content-wapper--produkte-texts{font-size: 14px;}
.content-wapper--produkte-texts>strong{font-family: var(--cs-bold-font); font-size: 16px;}
.content-wapper--produkte-texts>ul{padding-left: 15px;}
.content-wapper--produkte-texts>ul>li:before {content: ''; display: inline-block; width: 5px; height: 5px; margin-left: -11px; margin-right: 6px; background: var(--cs-green-color); border-radius: 100%; vertical-align: 3px;}
.content-wapper--produkte-link>a{background-color: var(--cs-green-color); color: #000000; text-align: center; font-family: var(--cs-bold-font); box-shadow: 0 3px 10px rgba(64,64,64,0.2); padding: 13px 45px;}
.content-wapper--produkte-link>a:hover{background-color: var(--cs-body-color);}
.content-wapper--desonderen{background-color: var(--cs-grey-color);}
.container--desonderen{grid-template-columns: repeat(2,1fr); gap: 40px;}
.content-wapper--desonderen-box {border-radius: 10px; margin-bottom: 30px; box-shadow: 0 6px 10px rgba(64,64,64,0.2);}
.content-wapper--desonderen--image { object-fit: contain; width: 50%; float: right; height: 340px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; margin-right: -5px;}

.content-wapper--desonderen-box>strong {width: calc(50% - 25px); float: left; margin-top: 25px; margin-left: 25px; font-size: 20px; color: #000000; font-family: var(--cs-bold-font);}
.content-wapper--desonderen--description{float: left; width: 40%; font-size: 16px; margin-left: 25px; margin-top: 5px;}

.charmie-slider--box{border: solid 2px var(--cs-grey-color);}
.charmie-slider--image{height: 200px;}
.charmie-slider--image>img{object-fit: cover;}
.charmie-slider--title{font-size: 20px; font-family: var(--cs-bold-font);}
.charmie-slider--link>i{width:33px; height:33px; background-color:var(--cs-green-color); color:var(--cs-white-color); font-size:20px;}
/*============ Thermodesinfektoren Subpage Page Css End ============*/

/*============ Thermodesinfektoren Page Css Start ============*/
.thermo-bottom-border{ border-bottom: solid 2px var(--cs-green-color);}
.content-wapper--thermo-image{max-width: 400px;}
.besonderheiten_fields{grid-template-columns: repeat(2,1fr); row-gap: 8px; column-gap: 20px;}
.besonderheiten_fields>li{padding-left: 23px;}
.besonderheiten_fields>li:before {background: url('../images/icon-green-checkmark.svg'); background-size: 15px; background-repeat: no-repeat; width: 17px; height: 19px; margin-left: -23px; margin-right: 6px; display: inline-block; position: relative; top: 3px; content: '';}
.content-wapper--pluspunkte .plus-top{color: #000000;}
.content-wapper--pluspunkte{background-color: var(--cs-grey-color);}
.content-wapper__fields{grid-template-columns: repeat(4,1fr); gap: 40px;}
.content-wapper__boxes>img{object-fit: cover;}
.content-wapper__boxes>strong{color: #000000; font-size: 20px;}

.content-wapper__wissenswertes_image>img{max-width: 600px;}

.content-wapper--vergleich span{font-family: var(--cs-bold-font); color: var(--cs-green-color);}
.content-wapper__accordian_title{cursor: pointer;}
.content-wapper__accordian_title:after{position: absolute; top:3px; right: 10px; font-family: 'FontAwesome'; content:'\f107'; font-size: 22px;}
.content-wapper__accordian_title:hover{color: var(--cs-green-color);}
.content-wapper__accordian_box.accrodian-grey{background-color: var(--cs-grey-color);}

.content-wapper__reinigun,
.content-wapper__steuerung_programm_box{grid-template-columns: repeat(2,1fr); gap: 20px;}
.content-wapper__reinigun_title{color: var(--cs-green-color);}

.content-wapper__reinigun_content>ul>li,
.content-wapper__reinigun_content>ol>li{padding-left: 15px; position: relative;}
.content-wapper__reinigun_content>ul>li:before,
.content-wapper__reinigun_content>ol>li:before {content: ''; width: 5px; height: 5px; background: var(--cs-green-color); border-radius: 10px; position: absolute; left: 0; top: 8px;}

.content-wapper__steuerung_programm span{font-family: var(--cs-bold-font); color: var(--cs-green-color);}
.steuerung_programm_inner_field{padding-left: 50px;}
.steuerung_programm_inner_field>strong{font-family: var(--cs-bold-font);}
.steuerung_icon{position: absolute; left: 0; top: 5px; height: 40px;}

/*============ Thermodesinfektoren Page Css End ============*/

/*.single-product{background-color: var(--cs-grey-color);}*/
.page-template-serviceformular,
.page-template-appintment,
.single-product,
.tax-product_cat{position: relative;}
.archive #section{padding-top: 0 !important;}

.page-template-serviceformular:before,
.page-template-appintment:before,
.single-product:before,
.tax-product_cat:before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: -1;
    height: 401px;
    top: 0px;
    background: url('../images/icmedicalBG3.svg');
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
}
.woocommerce-breadcrumb{border-bottom: solid 2px var(--cs-body-color); display: flex; align-items: center; color: var(--cs-green-color) !important;}
.woocommerce-breadcrumb>a{padding: .625rem; padding-left: 0; line-height: 1.5rem;}
.woocommerce-products-header{margin: 2.25rem 0 1.25rem 0;}
.nice-select.orderby .list{left: auto; right: 0;}

.nice-select.orderby .option:hover,
.nice-select.orderby .option.focus,
.nice-select.orderby .option.selected.focus{background-color: var(--cs-green-color);}

.woocommerce ul.products{display: flex; flex-wrap:wrap; gap: 18px; margin-top: 80px; margin-bottom: 4rem;}
.woocommerce ul.products li.product{width: calc(50% - 10px); margin: 0;  border: 2px solid var(--cs-grey-color); border-radius: 5px; padding: 20px; display: flex; flex-wrap: wrap; align-self: flex-start;}
.woocommerce ul.products li.product> a{align-self: flex-start;}
.woocommerce ul.products li.product a img{display: none;}
.woocommerce ul.products li.product .products-left-data{width: calc(100% - 200px);}
.woocommerce ul.products li.product .products-right-image{width: 100%; max-width: 200px; height: auto !important; padding-left: 20px; align-self: flex-start;}
.woocommerce ul.products li.product .products-right-image img{width: 100%; height:auto ;}

.woocommerce ul.products li.product .woocommerce-loop-product__title{
    margin: 12px 0;
    font-size: 20px;
    line-height: 22px;
    min-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.woocommerce ul.products li.product .price{display: flex;align-items: end; justify-content: flex-end; color: var(--cs-body-color);}
.woocommerce ul.products li.product .price>strong{font-size: 26px; font-family: var(--cs-bold-font);}
.woocommerce ul.products li.product .product-description{
  margin: 0rem 0rem .625rem 0rem;
  display: flex;
  width: 100%;
  font-size: .875rem;
  line-height: 2em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 20px;
}
.woocommerce ul.products li.product .button{background-color: transparent; display: flex; align-items: center; margin-top: auto; width: max-content; padding-left: 0; padding-right: 0;}
.woocommerce ul.products li.product .button:before{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
  font-family:'FontAwesome';
  content: '\f07a';
  font-size: 18px;
  color: var(--cs-white-color);
  background-color: var(--cs-green-color);
  width: 36px;
  height: 36px;
  border-radius: 40px;
}

.product p.wc-gzd-additional-info{display: none !important;}


.woocommerce-breadcrumb,
.woocommerce-notices-wrapper,
.woocommerce-products-header{width: 100%; max-width: 1230px; margin-right: auto; margin-left: auto; white-space: nowrap; overflow-x:auto; overflow-y: hidden;}
.woocommerce-message{ border: solid 2px var(--cs-body-color); border-radius: 6px; padding: 8px; margin-top: 8px; background-color: var(--cs-light-green-color); display: flex; align-items: center;}
.woocommerce-message a{background-color: var(--cs-green-color);}

.single-product-top{column-gap: 20px;}
.single-product-top>h1{width: 100%; margin-bottom: 40px;}
.single-product-top .woocommerce-product-gallery{height: max-content; border: solid 2px #dee2e6; border-radius: 0.375rem; position: relative;}
.single-product-top .woocommerce-product-gallery,
.single-product-top .single-product-summary {width: calc(50% - 10px); background-color: var(--cs-white-color); display: flex; flex-wrap: wrap; align-self: flex-start;}
.flex-control-nav.flex-control-thumbs{display: none;}

ul.flex-direction-nav>li {
    position: absolute;
    top: 50%;
    width: auto;
    margin: -20px 0 0 0;
    padding: 0;
    list-style: none;
	z-index: 9;
}
ul.flex-direction-nav>li>a {
    color: #ccc;
    font-size: 0;
    width: 40px;
    display: flex;
    height: 40px;
    align-items: center;
    justify-content: center;
}
ul.flex-direction-nav>li.flex-nav-prev{left: 0;}
ul.flex-direction-nav>li.flex-nav-next{right: 0;}
a.flex-prev::before,
a.flex-next::before {
    visibility: visible;
    font-family: 'FontAwesome';
    font-size: 20px;
}
a.flex-prev::before{content: '\f053';}
a.flex-next::before {content: '\f054';}


.woocommerce-pagination-div {
	margin-bottom: 2.5rem;
    padding: 0rem 0.625rem 0rem 0.625rem;
    border-radius: 3px;
    border: 1px solid var(--cs-green-color);
    background: var(--cs-grey-color);
}
.woocommerce-pagination ol,
.woocommerce-pagination ul {
    padding: 0.625rem 0rem 0.625rem 0rem;
    margin: 0;
    display: flex;
    justify-content: center;
    line-height: 2rem;
}
.woocommerce-pagination ul li span,
.woocommerce-pagination ol li span,
.woocommerce-pagination ol li a,
.woocommerce-pagination ul li a {
    padding: 0.5rem 0.625rem 0.5rem 0.625rem;
    margin: 0rem 0.25rem 0rem 0.25rem;
    font-size: 1rem;
    line-height: 1;
    border-radius: 3px;
    background-clip: padding-box;
    background-color: var(--cs-white-color);
    display: inline-block;
    text-align: center;
    border: 1px solid #dadae5;
    color: var(--cs-green-color);
}
.woocommerce-pagination ol li a.current,
.woocommerce-pagination ul li a:hover {
    background-color: var(--cs-white-color);
    background-image: none;
    color: var(--cs-green-color);
    border-color: var(--cs-light-green-color);
}

.woocommerce-product-gallery__image>a{display: block;}
.woocommerce-product-gallery__image>a>img{display: block; width: 100%; height: auto;}

.product .price{line-height: 1;}
.product .woocommerce-variation-price,
.wc-gzd-cart-info.units-info{display: none;}
.product .woocommerce-Price-amount{font-size: 30px; font-family: var(--cs-bold-font);}
.product-editor-content{font-size: 14px;}
.product-editor-content a{color: var(--cs-green-color);}
.quantity,
.variations,
.variations tr select{width: 100%;}
.variations tr th.label{display: none;}
.variations{margin-bottom: 30px;}
.quantity{display: flex; align-items: center; margin-bottom: 20px;}
.quantity .qty{margin-bottom: 20px; width: 100% !important; max-width: 100px;}
.quantity .product-stock{margin-bottom: 20px; margin-left: 15px; padding-left: 20px;}
.quantity .product-stock:before{position: absolute; left: 0; top: 8px; padding: .3125rem; content: ''; border-radius: 20px;}
.quantity .product-stock:before{background-color: var(--cs-green-color);}
.quantity .product-stock.in-stock{color: var(--cs-green-color);}
.quantity .product-stock.in-stock:before{background-color: var(--cs-green-color);}
.quantity .product-stock.out-of-stock{color: #f00;}
.quantity .product-stock.out-of-stock:before{background-color: #f00;}

.single_add_to_cart_button{border: none; background-color: var(--cs-green-color); color: var(--cs-white-color); font-family: var(--cs-bold-font); padding: 15px 30px; border-radius: 50rem;}
.single_add_to_cart_button:hover{background-color: var(--cs-body-color);}

.packages-detail--headline>strong{font-family:var(--cs-bold-font);}
.optional-packages{grid-template-columns: repeat(2,1fr); column-gap:15px; row-gap: 14px;}
.mehr-informationen{color: var(--cs-green-color);}
.anfrangen{background-color: var(--cs-green-color); font-family: var(--cs-bold-font); padding:15px 30px; width: max-content;}
.anfrangen:hover{background-color: var(--cs-body-color);}
.package>strong{padding-left: 24px; font-family:var(--cs-bold-font); color: var(--cs-green-color);}
.package>strong:before {
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
    width: 15px;
    height: 20px;
    background-image: url('../images/input.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left bottom;
}
.package>strong:before {width: 17px; background-image: url('../images/input_checked.svg');}

.js--overlay {
    -webkit-transition: opacity 0.45s cubic-bezier(.3,0,.15,1), visibility 0.45s linear;
    transition: opacity 0.45s cubic-bezier(.3,0,.15,1), visibility 0.45s linear;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: .01;
    z-index: 5000;
    visibility: hidden;
	background: rgba(0,0,0,0.7);
}
.js--overlay.is--open {
    -webkit-transition-delay: 0;
    transition-delay: 0;
    opacity: 1;
    visibility: visible;
}
.js--overlay.is--closable {
    cursor: pointer;
}
.js--modal {
    box-shadow: none;
    line-height: 1.5em;
    box-sizing: content-box;
	border-radius: 3px;
    background: padding-box #fff;
    max-height: 100%;
    max-width: 100%;
    z-index: 7000;
    overflow-x: hidden;
    overflow-y: auto;
	background-clip: padding-box;
	width: 95%;
	height: 95%;
}
.js--modal .content {-webkit-overflow-scrolling: touch;}
.text-box{padding: 40px;}

.text-box .text-box--text {width: 100%;}
.text-box .text-box--image {
	position: relative;
    width: 100%;
}
.text-box--text h2 { margin-top: 15px; }

.product--info>a{max-height: 200px; height: 200px;}
.product-link-box {
    width: max-content;
}

.product-attributes.nice-select:hover{border-color: var(--cs-green-color);}
.product-attributes.nice-select .option:hover,
.product-attributes.nice-select .option.focus,
.product-attributes.nice-select .option.selected.focus{background-color: var(--cs-green-color);}
.product-attributes.nice-select:after{width: 10px; height: 10px; margin-top: -8px;}
.product-attributes.nice-select:hover:after{border-color: var(--cs-green-color);}

.product--request-box .request-box--heading { font-size: 20px; }
.request-box--data{grid-template-columns: repeat(2,1fr);column-gap: 20px;}
.product--request-box .request-box--data .request-box--info .image {max-width: 340px;}
.request-box--data>strong,
.request-box--runtime>strong{font-family: var(--cs-bold-font);}
.request-box--info,
.request-box--runtime{border-right: solid 2px var(--cs-body-color);}

.request-box--contact input{padding:.312rem .625rem .312rem .625rem}
.error-message {
    display: none;
    color: #c02b0a;
    font-size: 12px;
}

.radio--button input {
  display: none;
  cursor: pointer;
}

.radio--button label {
  position: relative;
  cursor: pointer;
  padding-left: 20px;
}

.radio--button label:before {
  content:'';
  -webkit-appearance: none;
  border: 1px solid var(--cs-green-color);
  padding: 5px;
  position: absolute;
  cursor: pointer;
  left: 0px;
  top: 6px;
  border-radius: 15px;
}

.radio--button input:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 8px;
  left: 2px;
  width: 8px;
  height: 8px;
  border-radius: 12px;
  background-color: var(--cs-green-color);
}
.variations tr td,
.js--fancy-select {
    width: 100%;
    position: relative;
}
.variations tr td:after,
.js--fancy-select:after {
    width: 1.875rem;
    height: 2.5rem;
    top: 0;
    -webkit-user-select: none;
    user-select: none;
    line-height: 40px;
    max-height: 100%;
    display: block;
    content: "\f107";
    position: absolute;
    right: 0;
    font-size: 25px;
    text-align: center;
    font-family: 'FontAwesome';
    pointer-events: none;
}
.variations tr td:hover,
.js--fancy-select:hover {
    color: var(--cs-green-color);
}
.variations tr td:hover:after,
.product--details .configurator--form .select-field:hover::after{ color: var(--cs-green-color);}
.variations tr td:hover select,
.product--details .configurator--form .select-field:hover select{
    border-color: var(--cs-green-color);
    color: var(--cs-green-color);
}
.variations tr select,
.js--fancy-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0.312rem 2.5rem 0.312rem 0.625rem;
    border-radius: 6px;
    height: 100%;
    width: 100%;
    display: block;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    border: 1px solid #dadae5;
}
.product--details .configurator--form .select-field select{
    font-size: 16px;
    line-height: 35px;
    height: 35px;
    border: 1px solid #b9b9b9;
    background: none;
}
.request-box--heirmit input,
.request-box--agbmodal input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.request-box--heirmit label,
.request-box--agbmodal label {
  position: relative;
  cursor: pointer;
  padding-left: 28px;
}
.request-box--agbmodal label>a{color: var(--cs-green-color);}

.request-box--heirmit label:before,
.request-box--agbmodal label:before {
  content:'';
  -webkit-appearance: none;
  border: 2px solid var(--cs-green-color);
  padding: 8px;
  position: absolute;
  left: 0;
  top: 2px;
}
.request-box--heirmit input:checked + label:after,
.request-box--agbmodal input:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 4px;
  left: 7px;
  width: 6px;
  height: 14px;
  border: solid var(--cs-green-color);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.form--action .btn{background-color: var(--cs-green-color); font-family: var(--cs-bold-font); padding:15px 30px; width: max-content;}
.form--action .btn:hover{background-color: var(--cs-body-color);}

.tab-menu--product{display: none; width: 100%;}
.tab--navigation { border-bottom: 2px solid var(--cs-grey-color); min-height: 49px; white-space: nowrap; overflow-x:auto;}

.js--tab-menu .tab--link.has--content {
    padding: 8px 0;
    font-size: 20px;
    line-height: 1.5em;
    border-bottom: 2px solid transparent;
    margin-bottom: -5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
	position: relative;
    top: 9px;
}
.js--tab-menu .tab--link.has--content:not(:last-child){margin-right: 90px;}
.js--tab-menu .tab--link.has--content:hover{color: var(--cs-green-color);}
.js--tab-menu .tab--link.has--content.is--active {
    font-family: var(--cs-bold-font);
    border-bottom-color: var(--cs-green-color);
}
.tab--container-list{padding-top: 50px;}
.tab--container{display: none; width: 100%;}
.tab--container.is--active{display: block;}
.tab--container-image{width: 100%;}
.tab--container-texts{width: 100%;}
.tab--container-texts>strong{font-size: 20px; font-family: var(--cs-bold-font);}
.tab--container-texts ul li{padding-left: 15px; position: relative;}
.tab--container-texts ul li:before{position: absolute; left: 0; top: 10px; padding: 3px; border-radius: 15px; content: ''; background-color: var(--cs-green-color);}

.tab--container  hr { margin-bottom: 20px; margin-top: 20px;}
.tab--container-box table tr th{width: 300px;}
.zu-dem-produkt{color: var(--cs-green-color);}
.tab--container-inner{grid-template-columns: repeat(2,1fr);gap: 20px;}
.tab--container-inner-box>strong{font-size: 20px; font-family: var(--cs-bold-font);}
.pdf_lists:before {
    content: "\f019";
    font-family: 'FontAwesome';
    color: var(--cs-green-color);
    font-size: 15px;
    line-height: 15px;
    position: absolute;
    left: 0;
    top: 5px;
}
.pdf_lists a:hover{color: var(--cs-green-color);}
.product-author,
.last-seen-wrapper{background-color: var(--cs-light-green-color);}



/*__________ Simple Page Css Start __________*/
.content-wapper--simple h2,
.content-wapper--simple h3,
.content-wapper--simple h4,
.content-wapper--simple h5,
.content-wapper--simple h6 { margin: 20px 0;}

.content-wapper--simple a{color: #000000; text-decoration: underline;}
.content-wapper--simple ol li strong,
.content-wapper--simple ul li strong,
.content-wapper--simple p strong {
	color: #000000;
}
.content-wapper--simple strong{font-weight: 400; font-family: var(--cs-bold-font);}

.content-wapper--simple ol,
.content-wapper--simple ul {
 margin: 0rem 1rem 1rem 1rem;
}

.content-wapper--simple ol li,
.content-wapper--simple ul li {
	margin: 0px 0px 0px 6px;
	margin: 0rem 0rem 0rem 0.375rem;
	display: list-item;
}

.content-wapper--simple ol li {
	list-style: decimal;
}

.content-wapper--simple ul li {
	list-style: disc;
}

.product-pdf-btn{
	font-family: var(--cs-bold-font);
    padding: 15px 30px;
}
/*__________ Simple Page Css End __________*/

/*__________ Anleitungen Page Css Start __________*/
.content-wapper--anleitungen-img{max-width: 42%;}
.content-wapper--anleitungen-texts{max-width: 58%;}
/*__________ Anleitungen Page Css End __________*/

/*__________ Video Anleitungen Page Css Start __________*/
.content-wapper--vanleitungen-box{grid-template-columns: repeat(3,1fr); gap: 24px;}
.fachlexikon-term{width: 36px; height: 36px; cursor: pointer; font-size: 1rem; padding: 0; color: var(--cs-body-color);}
.fachlexikon-term.active,
.fachlexikon-term:hover{background-color: var(--cs-green-color); color: var(--cs-white-color);}
/*__________ Video Anleitungen Page Css End __________*/

/*__________ Cart Page Css Start __________*/
.wc-proceed-to-checkout.d-flex .ppc-button-wrapper,
.cart-tocheck{
	width: 100%;
	text-align: center;
}
.form-row.wc-gzd-place-order{margin-left: 0; margin-right: 0;}
.wc-gzd-place-order .button.alt,
.cart-tocheck{
	color: var(--cs-white-color);
	background-color: var(--cs-green-color);
	background-image: none;
}
.woocommerce-cart table.cart td.actions .coupon{
	float: left;
	display: flex;
	align-items: center;
}

.woocommerce-EditAccountForm input,
.woocommerce-form-login .form-row input,
.woocommerce-form-register .form-row input,
.woocommerce-ResetPassword .form-row input,
.quantity .qty,
.woocommerce-additional-fields__field-wrapper .form-row .input-text,
.woocommerce-billing-fields__field-wrapper .form-row .input-text,
.woocommerce-shipping-fields__field-wrapper .form-row .input-text,
textarea,
.woocommerce-cart table.cart td.actions input[type="text"],
.woocommerce-cart table.cart td.actions input[type="search"],
.woocommerce-cart table.cart td.actions input[type="password"],
.woocommerce-cart table.cart td.actions input[type="number"],
.woocommerce-cart table.cart td.actions input[type="email"],
.woocommerce-cart table.cart td.actions input[type="tel"],
#paypal-acdc-form .field {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 3px;
    background-clip: padding-box;
    line-height: 1.1875rem;
    font-size: .875rem;
    width: 18.125rem;
    padding: 0.625rem 0.625rem 0.5625rem 0.625rem;
    box-shadow: inset 0 1px 1px var(--cs-grey-color);
    background: var(--cs-light-grey-color);
    border: 1px solid var(--cs-grey-color);
    border-top-color: var(--cs-grey-color);
    color: var(--cs-exl-brown-color);
    text-align: left;
}
.woocommerce-cart table.cart td.actions .coupon .button{
	background-color: var(--cs-green-color);
	color: var(--cs-white-color);
	background-image: none;
	margin: 0.25rem;
}
.woocommerce-cart table.cart td.actions button[name=update_cart]{
	float: right;
	margin: 0.25rem 0;
	background-color: var(--cs-green-color);
	color: var(--cs-white-color);
	background-image: none;
}
.woocommerce-cart .cart-collaterals .cart_totals table .woocommerce-shipping-calculator p .button{
	background-color: var(--cs-green-color);
	color: var(--cs-white-color);
	background-image: none;
	text-align: center;
}
.woocommerce-cart .cart-collaterals{display: flex; justify-content: flex-end;}
.woocommerce-cart .cart-collaterals .cart_totals {
	width: 100%;
	border-width: 1px;
	border-style: solid;
	border-color: #eaeaea;
	padding: 0 1.25rem 1.25rem;
}
.cart-total-heading{
	background-color: var(--cs-green-color);
	padding: 0.8em 1.25rem;
	margin: 0 -1.25rem 0;
}
.woocommerce-cart .cart-collaterals .cart_totals table {
	margin: 0 -1px 24px 0;
	text-align: left;
	width: 100%;
	border-collapse: separate;
	width: 100%;
	margin-bottom: 1.25rem;
	font-weight: 600;
}
.woocommerce-cart .cart-collaterals .cart_totals table th {
	padding: 0.8em;
	vertical-align: top;
	line-height: 1.5em;
	border-right-style: solid;
	border-right-width: 1px;
	width: 40%;
	font-weight: 600;
	color: #444;
	text-transform: none;
}
.woocommerce-cart .cart-collaterals .cart_totals .shipping-calculator-form {
	margin-top: 15px;
}
.shipping-calculator-button{margin-bottom: 1rem; text-decoration: underline;}
.woocommerce-cart .cart-collaterals .cart_totals table .woocommerce-shipping-calculator p{
	margin-left: 0;
	margin-right: 0;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
.woocommerce-cart .cart-collaterals .cart_totals table .woocommerce-shipping-calculator p{
	width: 100%;
}
.woocommerce-cart .cart-collaterals .cart_totals table .woocommerce-shipping-calculator p .select2-container .select2-selection--single {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	line-height: 2.5rem;
	border-radius: 0px;
	background-color: #fff;
	height: 100%;
	width: 100%;
	display: block;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
	border: 1px solid #dadae5;
}
.woocommerce-cart .cart-collaterals .cart_totals table .woocommerce-shipping-calculator p .input-text{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 3px;
	background-clip: padding-box;
	line-height: 1.1875rem;
	font-size: .875rem;
	width: 18.125rem;
	padding: 0.625rem 0.625rem 0.5625rem 0.625rem;
	box-shadow: inset 0 1px 1px var(--cs-grey-color);
	background: var(--cs-light-grey-color);
	border: 1px solid var(--cs-grey-color);
	border-top-color: var(--cs-grey-color);
	color: var(--cs-exl-brown-color);
	text-align: left;
	width: 100% !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	background: var(--cs-white-color) !important;
}

.or-element:before{
	position: absolute;
	left: 0;
	top: 50%;
	content: '';
	width: 100%;
	height: 2px;
	background-color: var(--cs-green-color);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
/*__________ Cart Page Css End __________*/

/*__________ Checkout Page Css Start __________*/
.woocommerce-billing-fields__field-wrapper .form-row,
.woocommerce-additional-fields__field-wrapper .form-row,
.woocommerce-shipping-fields__field-wrapper .form-row{
	display: flex;
	width: 100%;
	flex-direction: column;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.woocommerce-additional-fields__field-wrapper .form-row .input-text,
.woocommerce-billing-fields__field-wrapper .form-row .input-text,
.woocommerce-shipping-fields__field-wrapper .form-row .input-text{
	width: 100% !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	background: var(--cs-white-color) !important;
}
.woocommerce-additional-fields__field-wrapper .form-row .input-text{
	height: 146px;
}
.woocommerce-cart .cart-collaterals .cart_totals table .woocommerce-shipping-calculator p .select2-container .select2-selection--single,
.woocommerce-billing-fields__field-wrapper .form-row .select2-container .select2-selection--single,
.woocommerce-shipping-fields__field-wrapper .form-row .select2-container .select2-selection--single {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	line-height: 2.5rem;
	border-radius: 0px;
	background-color: #fff;
	height: 100%;
	width: 100%;
	display: block;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
	border: 1px solid #dadae5;
}
.woocommerce-cart .cart-collaterals .cart_totals table .woocommerce-shipping-calculator p .select2-container--default .select2-selection--single .select2-selection__rendered,
.woocommerce-billing-fields__field-wrapper .form-row .select2-container--default .select2-selection--single .select2-selection__rendered,
.woocommerce-shipping-fields__field-wrapper .form-row .select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: 2.5rem;
}
.woocommerce-cart .cart-collaterals .cart_totals table .woocommerce-shipping-calculator p .select2-container--default .select2-selection--single .select2-selection__arrow,
.woocommerce-billing-fields__field-wrapper .form-row .select2-container--default .select2-selection--single .select2-selection__arrow,
.woocommerce-shipping-fields__field-wrapper .form-row .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 100%;
	width: 40px;
}
.woocommerce-terms-and-conditions-wrapper .input-checkbox {
	padding: 0;
	height: initial;
	width: initial;
	margin-bottom: 0;
	display: none;
	cursor: pointer;
}
.woocommerce-terms-and-conditions-wrapper .input-checkbox+span {
	position: relative;
	cursor: pointer;
	padding-left: 28px;
}

.woocommerce-terms-and-conditions-wrapper .input-checkbox+span:before {
	content: '';
	-webkit-appearance: none;
	border: 2px solid var(--cs-green-color);
	padding: 8px;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0px;
	cursor: pointer;
}

.woocommerce-terms-and-conditions-wrapper .input-checkbox:checked+span:after {
	content: '';
	display: block;
	position: absolute;
	top: 2px;
	left: 7px;
	width: 6px;
	height: 12px;
	border: solid var(--cs-green-color);
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}
.product-quantity-input .quantity .input-text{width: 100%;}

.woocommerce-info a,
.woocommerce-form-coupon-toggle .showcoupon{text-decoration: underline;}

.form-row.checkbox-legal{margin-left: 0px; margin-right: 0px;}

.woocommerce-validated .checkbox input,
.checkbox-legal .checkbox input,
#ship-to-different-address .checkbox input {
	padding: 0;
	height: initial;
	width: initial;
	margin-bottom: 0;
	display: none;
	cursor: pointer;
}

.woocommerce-validated .checkbox span,
.checkbox-legal .checkbox span,
#ship-to-different-address .checkbox span {
	position: relative;
	cursor: pointer;
	padding-left: 2rem;
	display: block;
}
.woocommerce-validated .checkbox span a,
.checkbox-legal .checkbox span a,
#ship-to-different-address .checkbox span a{ text-decoration: underline;}
.checkbox-legal .checkbox abbr{display: none;}

.woocommerce-validated .checkbox span:before,
.checkbox-legal .checkbox span:before,
#ship-to-different-address .checkbox span:before {
	content: '';
	-webkit-appearance: none;
	background-color: transparent;
	border: 2px solid var(--cs-green-color);
	padding: 10px;
	position: absolute;
	left: 0;
	cursor: pointer;
}
.woocommerce-checkout .shop_table {
    background-color: var(--cs-grey-color) !important;
}
.woocommerce-validated .checkbox input:checked+span:after,
.checkbox-legal .checkbox input:checked+span:after,
#ship-to-different-address .checkbox input:checked+span:after {
	content: '';
	display: block;
	position: absolute;
	top: 3px;
	left: 9px;
	width: 6px;
	height: 14px;
	border: solid var(--cs-green-color);
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}
.woocommerce-checkout-payment ul li{margin-bottom: 0.5rem;}
.woocommerce-checkout-payment ul li input {
	padding: 0;
	height: initial;
	width: initial;
	margin-bottom: 0;
	display: none;
	cursor: pointer;
}
.woocommerce-checkout-payment ul li label {
	position: relative;
	cursor: pointer;
	padding-left: 2rem;
	display: block;
	margin-bottom: 0.5rem;
}
.woocommerce-checkout-payment ul li label:before {
	content: '';
	-webkit-appearance: none;
	background-color: transparent;
	border: 2px solid var(--cs-green-color);
	border-radius: 32px;
	padding: 8px;
	position: absolute;
	left: 0;
	cursor: pointer;
}

.woocommerce-checkout-payment ul li input:checked+label:after{
	content: '';
	display: block;
	position: absolute;
	top: 5px;
	left: 5px;
	width: 10px;
	height: 10px;
	background-color: var(--cs-green-color);
	border-radius: 12px;
}
.woocommerce-NoticeGroup-checkout ul li,
.woocommerce-NoticeGroup-checkout ul li a{color: #800020;}
.woocommerce-NoticeGroup-checkout ul li a{text-decoration: underline;}
/*__________ Checkout Page Css End __________*/

/*__________ Thankyou Page Css Start __________*/
.woocommerce-shipments-list__title,
.woocommerce-column__title,
.woocommerce-order-details__title{margin-bottom: 20px;}

/*__________ Thankyou Page Css End __________*/

/*__________ Woocommerce form Page Css Start __________*/
.woocommerce-form-login,
.woocommerce-form-register,
.woocommerce-ResetPassword{
	max-width: 400px;
}
.woocommerce-form-login .form-row,
.woocommerce-form-register .form-row,
.woocommerce-ResetPassword .form-row{
	display: flex;
	flex-direction: column;
}
.woocommerce-form-login .form-row input,
.woocommerce-form-register .form-row input,
.woocommerce-ResetPassword .form-row input{
	width: 100% !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	background: var(--cs-white-color) !important;
}

.woocommerce-form-login__rememberme {position: relative; min-height: 40px;}
.woocommerce-form-login__rememberme .woocommerce-form__input-checkbox {
	padding: 0;
	height: initial;
	width: initial;
	margin-bottom: 0;
	display: none;
	cursor: pointer;
}

.woocommerce-form-login__rememberme .woocommerce-form__input-checkbox+span {
	position: relative;
	cursor: pointer;
	padding-left: 35px;
}

.woocommerce-form-login__rememberme .woocommerce-form__input-checkbox+span:before {
	content: '';
	-webkit-appearance: none;
	border: 2px solid var(--cs-green-color);
	padding: 10px;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}
.screen-reader-text{display: none;}
.woocommerce-form-login__rememberme .woocommerce-form__input-checkbox:checked+span:after {
	content: '';
	display: block;
	position: absolute;
	top: 3px;
	left: 9px;
	width: 6px;
	height: 14px;
	border: solid var(--cs-green-color);
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-content{display: inline-block; width: 100%; }

.woocommerce-MyAccount-navigation ul{padding: 50px 0 0;}
.woocommerce-MyAccount-navigation ul li{margin-bottom: 8px; border: solid 1px #dee2e6; }
.woocommerce-MyAccount-navigation ul li:hover{background-color: var(--cs-green-color);}
.woocommerce-MyAccount-navigation ul li.is-active{background-color: var(--cs-green-color);}
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li:hover a{color: #fff;}
.woocommerce-MyAccount-navigation ul li a{padding:10px 15px; display: block;}

.woocommerce-address-fields__field-wrapper,
.woocommerce-EditAccountForm{max-width: 400px; width: 100%;}
.woocommerce-address-fields__field-wrapper .form-row,
.woocommerce-EditAccountForm .form-row{display: flex; flex-direction: column;}
.woocommerce-address-fields__field-wrapper .form-row input,
.woocommerce-EditAccountForm .form-row input{width: 100%;}

.woocommerce-Message--info{display: flex; flex-direction: column;}
.woocommerce-Message--info > a{width: max-content;}

.woocommerce-EditAccountForm fieldset legend{color: var(--cs-green-color); font-family: 'Helvetica Neue', sans-serif;
font-weight: 600;}

.wc-proceed-to-checkout .ppc-button-wrapper iframe{position: relative !important;}
/*__________ Woocommerce form Page Css End __________*/


/*__________ Woocommerce Login Page Css Start __________*/
.woocommerce .owp-account-links {
	margin-bottom: 35px;
	text-align: center;
}
.woocommerce .owp-account-links li {
	display: inline-block;
	width: 100%;
	margin: 15px 0;
}
.woocommerce .owp-account-links li .owp-account-link {
	font-size: 36px;
	color: #333;
	line-height: 1;
	font-weight: bold;
	-moz-opacity: .6;
	-webkit-opacity: .6;
	opacity: .6;
}
.woocommerce .owp-account-links li .owp-account-link.current,
.woocommerce .owp-account-links li .owp-account-link:hover {
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
	opacity: 1;
}
.woocommerce .owp-account-links li.or {
	display: inline-block;
	width: 36px;
	height: 36px;
	line-height: 32px;
	color: #333;
	border: 2px solid;
	font-size: 9px;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0 16px;
	-moz-opacity: .5;
	-webkit-opacity: .5;
	opacity: .5;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	vertical-align: text-bottom;
}
.woocommerce-EditAccountForm .button,
table a.view,
.woocommerce-form-login__submit,
.woocommerce-form-register__submit,
.lost_reset_password .woocommerce-Button{background-color: var(--cs-green-color);}
/*__________ Woocommerce Login Page Css End __________*/


.content-wapper--category{
	padding: 2rem 0.625rem 0.625rem 0.625rem;
	border: 1px solid #fff;
	border-radius: 3px;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
.content-wapper--category:hover{
	border: 1px solid #dadae5;
}

/*----- Service form page Start ----- */
.appointment-form select,
.appointment-form textarea,
.appointment-form input[type="text"],
.appointment-form input[type="search"],
.appointment-form input[type="password"],
.appointment-form input[type="number"],
.appointment-form input[type="email"],
.appointment-form input[type="tel"],
.appointment-form .alert--content,
.service-form select,
.service-form textarea,
.service-form input[type="text"],
.service-form input[type="search"],
.service-form input[type="password"],
.service-form input[type="number"],
.service-form input[type="email"],
.service-form input[type="tel"],
.service-form .alert--content,
.online-form select,
.online-form textarea,
.online-form input[type="text"],
.online-form input[type="search"],
.online-form input[type="password"],
.online-form input[type="number"],
.online-form input[type="email"],
.online-form input[type="tel"],
.online-form .alert--content {padding: 0.625rem 0.625rem 0.5625rem 0.625rem; font-size: 18px;}

.service-form .is--info{background: #e9f2f8;}
.online-form textarea,
.service-form textarea{height: 115px;}
.service-form  .icon--info{background: #4aa3df; width: 8%; min-width: 50px;}

/*----- Service form page End ----- */

@media only screen and (min-width: 48em){
	.tab-menu--product{display: block;}
	.tab--container-image{width: 42%;}
	.tab--container-texts{width: 58%;}
	.komponenten_image{max-width: 250px;}
	.tab--container  hr { margin-bottom: 50px; margin-top: 50px;}
}


@media only screen and (min-width: 62em){
	.main-search--form {
		box-shadow: 0 0 0 transparent;
		border:solid 1px var(--cs-grey-color) ;
		padding: 0;
		display: inline-block;
	}
	.wc-dropdown-menu-links::after {
		position: absolute;
		width: 0.75rem;
		height: 0.75rem;
		right: 1.125rem;
		content: '';
		display: block;
		background: #fff;
		border-color: #dadae5;
		border-width: 0 0 1px 1px;
		border-style: solid;
		top: -6px;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	.wc-dropdown-menu-links {
		position: absolute;
		right: 0;
		top: 54px;
		min-width: 12.5rem;
		max-width: 12.5rem;
		left: auto!important;
		height: auto;
		bottom: auto;
		display: none;
		padding: 0 1rem 0.5rem 1rem;
		background: #fff;
		-webkit-transform: none!important;
		transform: none!important;
		border-radius: 0.375rem;
		border: solid 1px #dee2e6;
	}

	.wc-dropdown-menu-links>span {
		top: 40px;
		font-size: 1rem;
		line-height: 1.625rem;
		display: block;
		font-weight: 700;
		color: var(--cs-body-color);
		padding: 1.25rem 0rem 0.625rem 0rem;
	}
	.my-account-menu>li { border-bottom: 0; }
	.my-account-menu>li>a { padding: 0.1875rem 0rem 0.1875rem 0rem; line-height: 1.5;}

	/*__________ Product Category Page Css Start __________*/
	.product-category-title{
		padding: 0rem 2.5rem 0rem 2.5rem;
	}
	.product--info{padding: 0rem 0rem 0rem 50%;}
	.content-wapper--category>.product--info>a {
		margin: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 49%;
	}

	.product-link-box {
		position: absolute;
		left: 75%;
		bottom: -30px;
		z-index: 1;
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.content-wapper--category:hover .product-link-box{opacity: 1; visibility: visible;}
	/*__________ Product Category Page Css End __________*/


	.text-box .text-box--image {width: 42%;}
	.text-box .text-box--text {width: 58%; min-height: 195px;}
	.text-box--text h2 { margin-top: 49px; }

  	.woocommerce-MyAccount-navigation{width: 20%; padding: 0 15px 0 0;}
	.woocommerce-MyAccount-content {width: 79%; padding: 50px 0 50px 15px;}

	.woocommerce .owp-account-links li {width: auto;}

	/*__________ Cart Page Css Start __________*/
	/*.wc-proceed-to-checkout.d-flex .ppc-button-wrapper,
	.cart-tocheck {
		width: max-content;
	}*/
	.woocommerce-cart .cart-collaterals .cart_totals {
		width: 48%;
	}
	/*__________ Cart Page Css End __________*/

}

/*============ Blog Page Css Start ============*/
@media (min-width: 991px){
	.blog-list-items:first-child {
	    grid-column: auto/span 2;
	}
}
.anchor-button{padding:16px 32px; border-radius:12px; -webkit-transition:box-shadow .2s,color .2s,background-color .2s; transition:box-shadow .2s,color .2s,background-color .2s; color:var(--cs-green-color); text-align: center;}
.anchor-button:hover{color: var(--cs-green-color);}
.anchor-button-bg{padding:16px 32px; border-radius:12px; box-shadow:0 0 1px 0 rgba(0, 0, 0, 0.80%), 0 1px 4px 0 rgb(0, 0, 0, 0.12%); -webkit-transition:box-shadow .2s,color .2s,background-color .2s; transition: box-shadow .2s,color .2s,background-color .2s; background-color:var(--cs-green-color); color: #000000; text-align: center;}
.anchor-button-bg:hover{background-color: var(--cs-green-color); color: #000000;}

.blog-section-gradient{background-image: linear-gradient(180deg,#fbfbfc,rgba(251,251,252,0));}
.blog-navigation-list > li > a{color: #9ca3af;}
.blog-navigation-list > li:hover > a,
.blog-navigation-list > li.current-item > a{color: #333;}
.blog-section{padding-top: 40px; padding-bottom: 40px;}
.blog-section-content{max-width: 840px;}
.newsletter-form-wrap input[type=text],
.newsletter-form-wrap input[type=email]{width: 400px; height: 64px; padding: 20px; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.08), 0 1px 4px 0 rgba(0, 0, 0, 0.16);}
.newsletter-form-wrap input[type=text].error,
.newsletter-form-wrap input[type=email].error{color: #f00; border-color: rgba(255, 0, 0, 0.5) !important;}
.newsletter-form-wrap .form-field--small {max-width: 280px;}
.newsletter-form-success {box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.08), 0 1px 4px 0 rgba(0, 0, 0, 0.16); color: #198754; display: none;}
.newsletter-form-wrap-fail{padding: 12px; background-color: #ffdede; color: #f00; display: none;}

.blog-list{
    grid-auto-columns: 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
}

.blog-list-link{
    border-radius: 32px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.08);
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-transition: box-shadow 250ms,-webkit-transform 250ms;
    transition: box-shadow 250ms,transform 250ms,-webkit-transform 250ms;
}

.blog-list-link:hover {
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 8%), 0 1px 25px 0 rgb(0 0 0 / 10%);
    -webkit-transform: translate(0,-5px);
    -ms-transform: translate(0,-5px);
    transform: translate(0,-5px);
}
.blog-list-link > img{width: 100%; height: 280px; object-fit: cover;}
.blog-list-content{padding: 40px 40px 44px; flex: 1; color: #4f4f4f;}

/*============ Blog Page Css End ============*/




/*=========== Blog Detail page Css Start ============*/
/*.content-wapper{background: #F3F3F3;}*/
img.placeholder-image{max-height: 450px; object-fit: cover; object-position: center;}
/*.content-wapper .container{max-width: 1070px;}*/
.blog-detail-page{padding-top: 87px; padding-bottom: 87px;}

.sticky-heading {top: 156px; z-index: 2; -webkit-transition: top .2s ease-in-out; transition: top .2s ease-in-out; word-break: break-word;}
.sticky-heading.ttl-down {top: 60px;}
.sticky-heading i{font-style: normal;}
.sticky-heading > span.amzon-url-btn{text-overflow: ellipsis; white-space: nowrap; width: calc(100% - 120px);}

.sticky-heading > a{background: url('../../images/amazon-logo-min.png') no-repeat center bottom; background-size:40px; padding-bottom:16px;}
.sticky-heading > a span{background:var(--cs-green-color); font-family: var(--cs-heading-font); min-width: 75px;}

sup.reference > a{vertical-align:baseline; color:var(--cs-green-color);}

.tooltipster-sidetip .tooltipster-content {padding: 14px 14px;}
.tooltipster-sidetip.tooltipster-shadow .tooltipster-content{color: var(--bs-heading-color);}
.tooltipster-sidetip.tooltipster-shadow .tooltipster-content a{color:var(--cs-green-color);}

/*----- blog-top-content Start -----*/
.blog-top-content p a{color:var(--cs-green-color);}
.blog-top-content p a:hover{text-decoration: underline;}


.breadcrumbs-list {color: var(--bs-heading-color);}
.breadcrumbs-list ul{overflow-x: auto;}
/*.breadcrumbs-list::-webkit-scrollbar {height: 8px; border-radius: 8px;}
.breadcrumbs-list::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6pxvar(--cs-green-color); border-radius: 8px;}
.breadcrumbs-list::-webkit-scrollbar-thumb {background-color:var(--cs-green-color); border-radius: 8px;}
*/

.breadcrumbs-list:after{position: absolute; right: 0; top: 0; width: 50px; height: 100%; content: '';
    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.73) 35%, rgba(255,255,255,0.75) 36%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.73) 35%,rgba(255,255,255,0.75) 36%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.73) 35%,rgba(255,255,255,0.75) 36%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}
.breadcrumbs-list li{padding-right: 16px; position: relative; white-space: nowrap; font-size: 12px;}
.breadcrumbs-list li + li:before{position: absolute; content: '/'; left: -10px;}
.breadcrumbs-list li:last-child{font-weight: 700; padding-right: 0px;}
.breadcrumbs-list li:last-child:before{font-weight: 400;}
.breadcrumbs-list li a{color: var(--bs-heading-color);}
.breadcrumbs-list li i{font-style: normal;}
.breadcrumbs-list li a:hover{text-decoration: underline;}

.author-block strong{font-size: 14px;}
.author-block > a{color:var(--cs-green-color); padding-right: 1.2em; background: right top 4px / 0.9em no-repeat; background-image: url('../images/verified.svg'); font-size: 14px;}
.author-block > a:hover{text-decoration: underline;}
.author-block > p{font-size: 12px; color: #595959; font-weight: 600;}
.author-block > p > span.reference {margin-left:4px; background:url('../images/download.svg') left center no-repeat; padding-left:1.2em; cursor: pointer;}
.author-block > p > span.reference:hover{text-decoration: underline; }
/*----- blog-top-content End -----*/


/*----- Table of Content Block Start -----*/
.table-of-content-block{}
.more-content-btn:after{
	display: block; content: '';
	border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #2f2c26;
    border-radius: 3px;
}
.more-content-btn.down:after{
	border-top: none;
	border-bottom: 6px solid #2f2c26;
}

.table-of-content-block > ol{counter-reset: ol; padding-left: 2rem;}
.table-of-content-block > ol > li,
.table-of-content-block > ol > li > ol > li{position: relative; padding-left: 2.5rem;}
.table-of-content-block > ol > li:before {display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0;
    width:1.5rem; height:1.5rem; content:counter(ol); counter-increment:ol; background-color:#e9ecef; font-weight:600; border-radius:2rem;}
.table-of-content-block > ol > li > ol > li:before{background: #cfd2d5; display: flex; align-items: center; justify-content: center; position: absolute; left:0; top:0; line-height:1; content:''; width:0.25rem; height:0.25rem; margin-top:0.6666666667rem; left: 1rem;}
.table-of-content-block > ol > li > ol > li:not(:first-child) {margin-top: 0.25rem;}
.table-of-content-block > ol > li > ol > li > a{font-size: 14px;}
.table-of-content-block > ol > li > a:hover,
.table-of-content-block > ol > li > ol > li > a:hover{color:var(--cs-green-color);}

/*----- Table of Content Block End -----*/

/*----- sidebar-block Start -----*/
.sidebar-block {display: block; max-width:calc(25% - 40px); float: right; border-radius: 14px; position: relative; top: 188px; margin-bottom: 24px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.08); -webkit-transition: top .2s ease-in-out; transition: top .2s ease-in-out;}
.sidebar-block.ttl-down{top: 76px;}
.sidebar-block .person-box{padding: 10px; background-color: var(--cs-bg-color); border-radius: 14px 14px 0 0; border: 1px solid #ECEBE8 !important;}
.person-avatar{ margin-right: 16px; min-width: 50px;}
.person-avatar img{ border-radius: 16%;}
.person-avatar:after {height: 19px; width: 19px; position: absolute; content: ''; right: -3px; top: 37px; z-index: 1; background-image: url('../images/verified.svg'); background-size: cover;}
.avatar-text small{font-size:10px; font-weight: bold; color: var(--cs-heading-color);}
.avatar-text a{font-weight: 700; color: var(--cs-heading-color); font-size: 16px;}
.avatar-text a:hover{text-decoration: underline;}
.avatar-text span{font-size:12px;}

.authored-box .rating-box{width: 100%; padding: 10px 10px;}
.authored-box .rating-box ul li{width: 21px; height: 21px; float: left; background: url('../images/icon_star_empty.svg') no-repeat left top; background-size: 21px; border-right:solid 2px transparent; cursor: pointer;}
.authored-box .rating-box ul li .sp_helpful_icon_star{height: 100%; background: url('../images/icon_star_blue.svg') no-repeat left top; background-size: 21px;}
.authored-box .rating-box ul li.editing .sp_helpful_icon_star{background: none;}
.authored-box .rating-box ul li:hover .sp_helpful_icon_star,
.authored-box .rating-box ul li.editing .sp_helpful_icon_star.vote,
.authored-box .rating-box ul li.edited .sp_helpful_icon_star.voted{background:url('../images/icon_star_blue.svg') no-repeat left top; background-size:20px 20px;}
.authored-box .rating-box ul li:hover .sp_helpful_icon_star.vote,
.authored-box .rating-box ul li.editing .sp_helpful_icon_star.vote,
.authored-box .rating-box ul li.edited .sp_helpful_icon_star.voted{width: 100% !important;}
/*.authored-box span{font-size: 11px;}*/

.rating-box strong,
.rating-box span {color: #545454; display: block;}
.rating-popup {top: 100%; left: -20px; z-index: 100000007; opacity: 0; visibility: hidden; transition: all 0.3s ease;}
.rating-popup.active{top: 97%; opacity:1; visibility: visible;}

.popup-text{min-width:180px; max-width:230px; position:relative; background:#FFF; border:3px solid rgba(0,0,0,0.13); border-radius:4px;
    padding: 9px; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; font-size: 14px;}
.popup-text:after,
.popup-text:before {left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
.popup-text:before { top: -24px; border-bottom-color: #d5d5d5; border-width: 12px; margin-left: -12px; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box;}
.popup-text:after {top: -19px; border-color: rgba(255,255,255,0); border-bottom-color: #FFF; border-width: 10px; margin-left: -10px;}
.authored-box .author-detail{line-height: 1.5; font-size: 12px; font-weight: 700; display: flex; align-items: center; flex-wrap: wrap; width: 100%; padding: 10px 10px; border-bottom-right-radius: 14px; border-bottom-left-radius: 14px;}
.authored-box .author-detail small{font-size:11px; font-weight: 400; color: #545454; margin-right: 4px;}
/*----- sidebar-block End -----*/

/*----- Blog Fields Start -----*/
.blog-fields,
.blog-top-content{border-radius: 14px;}
.blog-top-content,
.blog-fields > div,
.community-list,
.references-block{margin-bottom: 32px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.08);}
.blog-top-content > p > img,
.blog-top-content figure img{display: inherit; margin: 0 auto; height: auto;}
/*----- list-box Start -----*/
.list--content > p{margin-bottom: 1rem;}
.list--content.apply-success{border-color: #34a853 !important; background-color:#e4f7e9 ;}
.list--content.apply-warning{border-color:#f5bb51 !important; background-color: #ffeac4;}
.list--content.apply-danger{border-color:#ea4335 !important; background-color: #f9c7c3;}

.product-buying-box: hover{background-color: var(--bs-table-hover-bg);}
.amazon-buy-btn{background:var(--cs-green-color);}
.amazon-net-price{color:var(--cs-green-color);}
.product-buying-box small.in-stock{color: #63d611;}
.product-buying-box small.out-of-stock{color: var(--bs-danger);}

.amazon-product a .small-font{font-size: 0.75rem;}
.sticky-heading + .blog-fields__box .list--content {padding-top: 1rem;}
.sticky-heading + .blog-fields__box h3 + .list--content {padding-top: 0rem;}
/*h3 + .list--content {padding-left: 12px;}*/
.blog-fields__box figure + .list--content {padding-top: 0 !important;}
.youmay-block .list-title,
.references-block .list-title,
.list-box .list-title{top: 72px; z-index: 5; background-color: #FFF; border-bottom: 1px solid #f3f3f3;}
.list-box .list-title .number-box {top:0; left:0; height:60px; width:60px; font-size:21px; font-weight:bold; color:#fff; border-radius:4px 0 0 0; background: #0271C2;}
.list-box .list-title.touched-top .number-box {border-radius: 4px; margin: 7px 16px 7px 7px; width: 52px; height: 44px;}
.youmay-block .list-title h2,
.references-block .list-title h2,
.list-box .list-title h2{width:100%; font-size:1.25em; padding:0px 16px 0px 75px; height:59px; display:flex; align-items:center; margin:0;}


.listbox-content > .inner-listbox {box-shadow: 0 5px 10px 0 rgb(29 28 28 / 15%); border: 1px solid #dfdfdf;}
.list-data{max-width: 33.33%; flex: 0 33.33%;  border-bottom: 1px solid #dfdfdf;}
.list-data:nth-child(2){border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf;}
.list-data .top-pick {
    font-size: 14px;
    line-height: 22px;
    top: -1px;
    padding: 4px 18px 40px 18px;
    clip-path: polygon(50% 0,97% 2%,95% 59%,57% 74%,43% 74%,7% 58%,4% 2%);
    background-color: var(--bs-heading-color);
    left: 0;
    right: 0;
    max-width: 170px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.list-data .top-pick.our-pick{background-color:var(--cs-green-color);}
.list-data .top-pick.runner-up{background-color: #4285f4;}
.list-data .top-pick.budget-pick{background-color: #34a853;}

.list-data .top-pick:before {
    position: absolute;
    bottom: 18px;
    font-weight: 400;
    font-size: 18px;
    left: 0;
    right: 0;
    content: "\2605";
}
.list-data .product-link{padding-top: 54px; height: 190px;}
.list-data .product-link img {
    max-width: 115px;
    max-height: 115px;
    display: inline-block;
    transition: none!important;
    transform-origin: center center;
    margin: 0;
    width: auto;
    height: auto;
}
.list-data:hover .product-link img{
    transform: scale(1.2);
}
.list-data .product--title{
    font-family: var(--cs-heading-font);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    height: 65px;
}
.list-data .product--title:before{
    content: "";
    position: absolute;
    left: 50%;
    top: 10px;
    width: 40px;
    height: 1px;
    background-color: var(--bs-heading-color);
    margin-left: -20px;
}
.list-data > ul{padding: 0rem 1rem; margin-bottom: 1rem;}
.list-data > ul > li {position: relative; padding-left: 20px; text-align: left;}
.list-data > ul > li:not(:last-child){margin-bottom: 0.75rem;}
.list-data > ul > li:before {
    content: "\2713";
    position: relative;
    left: -5px;
    font-weight: 700;
    background-color: var(--bs-heading-color);
    font-size: 10px;
    height: 14px;
    width: 14px;
    color: #fff;
    border-radius: 100%;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 14px;
    margin-left: -14px;
}
.list-data.our-pick > ul > li:before{background-color:var(--cs-green-color);}
.list-data.runner-up > ul > li:before{background-color: #4285f4;}
.list-data.budget-pick > ul > li:before{background-color: #34a853;}

.list-data .amazon-lnk-btn{min-height: 120px;}
/*
.list-data .amazon-lnk-btn a{background-size: 57px !important;}
.list-data .amazon-lnk-btn a.amazon-btn{background: url(../../images/amazon-logo-min.png) no-repeat left top 15px;}
.list-data .amazon-lnk-btn a.flipkart-btn{background: url(../../images/flipkart-icon.png) no-repeat left top 15px;}
*/
.list-data .amazon-lnk-btn a span{width: auto; background: var(--bs-heading-color); font-family: var(--cs-heading-font);}
.list-data .amazon-lnk-btn a span .fa{margin-right: 10px;}
.list-data .amazon-lnk-btn a span.text-decoration-line-through{font-size: 12px;}

.list-data.our-pick .amazon-lnk-btn a span{background-color:var(--cs-green-color);}
.list-data.runner-up .amazon-lnk-btn a span{background-color: #4285f4;}
.list-data.budget-pick .amazon-lnk-btn a span{background-color: #34a853;}
/*----- list-box End -----*/

/*----- Content with Background Css Start -----*/
.list--content-bg{background-color:var(--cs-green-color);}
/*----- Content with Background Css End -----*/

/*----- PDF Block Css Start -----*/
.blog-pdf-block a {background:var(--cs-green-color); color: #fff; border-radius: 10px; padding: 12px; align-items: center; font-size: 24px;font-weight: 600; line-height: 1.1;}
.blog-pdf-block a img {width: 80px;}
/*----- PDF Block Css End -----*/

/*----- Table Content Block Start -----*/
.datasheet-table__cell--title {background-color: #e4eaf1 !important;}
.list--content > table,
.news-content-table > table{
    display: table;
    border-collapse: collapse;
    text-indent: initial;
    border-spacing: 2px;
    caption-side: top;
    background-color: transparent;
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    vertical-align: top;
    border: solid 1px #dee2e6;
}
.list--content > table >thead,
.list--content > table > tbody,
.list--content > table > tfoot,
.list--content > table tr,
.list--content > table td,
.list--content > table th,
.news-content-table > table >thead,
.news-content-table > table > tbody,
.news-content-table > table > tfoot,
.news-content-table > table tr,
.news-content-table > table td,
.news-content-table > table th {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}
.news-content-table > table > * > *,
.news-content-table > table td,
.news-content-table > table th,
.list--content > table > * > *,
.list--content > table td,
.list--content > table th {
    width: auto !important;
    padding: 0.5rem 0.5rem;
    background-color: transparent;
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px transparent;
}
.list--content > table > thead > tr > th,
.news-content-table > table > thead > tr > th{background-color: #e4eaf1 !important;}
.list--content > table > tbody,
.news-content-table > table > tbody {vertical-align: inherit;}
.list--content > table th img,
.list--content > table td img,
.news-content-table > table th img,
.news-content-table > table td img{max-width: 130px !important; height: auto;}

/*----- Table Content Block End -----*/

/*----- Pro Cons Block Start -----*/
.pro-contra-layout{gap: 1rem; padding: 0 1.5rem;}
.pro-contra-layout__item {flex: 1;}
.pro-contra-layout__item ul{flex: 1; gap: 0.5rem}
.info-box--pro {border-color: var(--bs-teal) !important;}
.info-box--cons {border-color: var(--bs-red) !important}
.icons-list__item {padding-left: 1.8rem; position: relative;}
.icons-list__item:before {
    font-family: "FontAwesome";
    margin-left: -1.8rem;
    margin-top: 0.5em;
    position: absolute;
    border-radius: 50%;
    font-size: 1.25em;
    color: #fff;
    width: 18px;
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -8px;
    font-weight: 700;
}
.info-box--pro .icons-list__item:before{
    content: "\002B";
    background-color: var(--bs-teal)

}
.info-box--cons .icons-list__item:before {
    content: "\2212";
    background-color: var(--bs-red)
}
.icons-list__item p{margin: 0px;}
/*----- Pro Cons Block End -----*/

/*----- Table Content Block Start -----*/
.table-content-title > span{color:var(--cs-green-color);}
.main-blog--table{box-shadow: 0 3px 2px 1px rgb(96 98 100 / 8%), 0 5px 12px -3px rgb(96 98 100 / 6%);}
.main-blog--table > table > tbody > tr.tbody--row:hover{background-color: var(--cs-bg-color);}
.tab-button{background:var(--cs-green-color); font-family: var(--cs-heading-font);}
.tab-button.active{border-bottom-color:#DA291C !important;}
table{caption-side: top;}
table caption{padding: 0.5rem; border-bottom: solid 1px var(--bs-table-border-color); display: table-caption; text-align: -webkit-center; }
/*.datasheet-table__cell {width: 50%;}*/
.datasheet-table__cell--title {background-color: #e4eaf1 !important;}
.main-blog--table .icon--present {color: var(--bs-teal);}
.main-blog--table .icon--absent {color: var(--bs-red);}
.main-blog--table > table > tbody{overflow-x: auto;}
/*
.main-blog--table > table > tbody > tr > th,
.main-blog--table > table > tbody > tr > td{flex: 1;}
*/
.main-blog--table > table > tbody > tr > td > a{color:var(--cs-green-color);}
.main-blog--table > table > tbody ul,
.main-blog--table > table > tbody ol{padding-left: 15px;}
.main-blog--table > table > tbody ol li
.main-blog--table > table > tbody ul li{display: list-item;}
.main-blog--table > table > tbody ul li{ list-style: disc;}
.main-blog--table > table > tbody ol li{list-style: auto;}
/*----- Table Content Block End -----*/

/*----- Expert Quote Block Start -----*/
.expert-quote-block{background-color: var(--cs-bg-color); border-color:var(--cs-green-color) !important;}
.sticky-heading + .expert-quote-block{margin-top: 1rem;}
.expert-quote-block ul,
.expert-quote-block ol{padding-left: 20px;}
.expert-quote-block ul li,
.expert-quote-block ol li{display: list-item;}
.expert-quote-block ul li{list-style: disc;}
.expert-quote-block ol li{list-style: decimal;}
.expert-quote-block > div > img{max-width: 55px; height: auto; border-radius: 8px; margin-right: 1rem;}
.expert-quote-block > div > span{color:var(--cs-green-color);}
/*----- Expert Quote Block End -----*/

/*----- product-list Block Start -----*/

.sticky-heading[data-touching="touched-top"]{padding-left: 36px !important;}
.sticky-heading.show-number[data-touching="touched-top"]{padding-left: 76px !important;}
.sticky-heading[data-touching="touched-top"] small{font-size: 14px;}

.sticky-heading .number-box {
    top: 0;
    left: 0;
    height: 100%;
    width: 20px;
    font-size: 21px;
    font-family: var(--cs-heading-font);
    border-radius: 4px 0 0 0;
    background:var(--cs-green-color);
    padding: 10px 8px;
}
.sticky-heading.show-number .number-box{width: 60px !important;}
/*
.sticky-heading .number-box.altblock {background-image: url(../../images/download-question.svg); background-size: 32px; background-repeat: no-repeat; background-position: center; }
*/
/*
.sticky-heading.touched-top.ttl-down .number-box,
.sticky-heading.touched-top.ttl-up .number-box,
.sticky-heading.touched-top .number-box { border-radius: 4px; margin: 7px 16px 7px 7px; width: 12px; height:calc(100% - 14px);}
.sticky-heading.show-number.touched-top .number-box,
.sticky-heading.touched-top.ttl-down .number-box,
.sticky-heading.touched-top.ttl-up .number-box,{width: 52px !important;}*/
.list-field:not(:first-child){margin-bottom: 2rem;}
.list-field:last-child{margin-bottom: 0;}
.sticky-heading + .blog-fields__box > .list--content > *{padding-left: 36px;}
.sticky-heading + .list--content{padding-top:1rem;}
.list--content + .list--content{padding-top:0rem;}
.sticky-heading + .apply-success,
.sticky-heading + .apply-warning,
.sticky-heading + .apply-danger{margin-top:1rem;}
.list--content > *,
.sticky-heading.show-number + .blog-fields__box > .list--content > *{padding-right: 1.5rem; padding-left: 1.5rem;}
.list--content iframe{width: 100%;}
.list--content p img{display: inherit; margin: 0 auto; height: auto;}
.list--content > ul,
.list--content > ol{display: inline-block; width: calc(100% - 2rem); margin-left: calc(55px - 1.5rem); margin-bottom: 0.5rem;}
.list--content > ul > li,
.list--content > ol > li{display: list-item; margin-bottom: 0.5rem;}
.list--content > ul > li{list-style: disc;}
.list--content > ol > li{list-style: decimal;}
.list--content > ol > li::marker{font-weight:bold;}
/*----- product-list Block End -----*/

/*----- WP-caption + Image Block Start -----*/
.wp-caption {
    width: 300px;
    max-width: 100%;
    background: #f5f5f5;
    padding: 16px;
    margin-top: 0;
    margin-bottom: 24px;
    text-indent: 0;
    clear: both;
    font-size: 12px;
    line-height: 16px;
}
/*----- WP-caption + Image Block End -----*/

/*----- references-block Start -----*/
.references-block .list-title h2{padding-left: 16px;}

.references-list{padding: 10px 26px 10px 16px;}
.references-list > ul > li span{min-width: 20px; }
.references-list > ul > li a{color:var(--cs-green-color); word-wrap: anywhere;}
.more-refe-link > a:hover,
.references-list > ul > li > a:hover{color:var(--cs-green-color); text-decoration: underline;}

.more-refe-link > a{background: url('../images/show_sources.svg') right 0.5em center / 20px no-repeat; display: block; color:var(--cs-green-color); font-size: 18px;}
.references-list > ul.loadmore{display: none;}
.more-references-block > ul{margin-bottom: 26px;}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-box{box-shadow: 0 1px 12px 10px rgb(0 0 0 / 10%);}
/*----- references-block End -----*/

/*----- FAQ Block Start -----*/
.faq-list--block .accordion-item > h3{padding-right: 32px; cursor: pointer;}
.faq-list--block .accordion-item > h3[aria-expanded="true"]:after,
.faq-list--block .accordion-item > h3[aria-expanded="false"]:after{position: absolute; right: 0; top: 50%; display: flex; justify-content: center; align-items: center; width:21px; height:21px; border:solid 2px #1b1b1b; border-radius: 25px; font-size: 19px; line-height: 1;  -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.faq-list--block .accordion-item > h3[aria-expanded="true"]:after{content: '-';}
.faq-list--block .accordion-item > h3[aria-expanded="false"]:after{content: '+';}
.faq-list--block ul{padding-left: 30px;}
.faq-list--block ul li{display: list-item; list-style: disc; margin-bottom: 12px;}
.faq-list--block ol{padding-left: 35px;}
.faq-list--block ol li{display: list-item; list-style: decimal;}
.faq-list--block ol li a{color:var(--cs-green-color);}
/*----- FAQ Block End -----*/

/*----- Commynity Block Start -----*/
.list-field .comment-reply-title,
.list-field .comments-title{font-family: var(--cs-heading-font);}
.list-field .comment-reply-title,
.list-field .comment-form{padding: 0 1.5rem;}
.list-field .comment-form p.comment-notes{font-size: 0.875em;}
.list-field .comment-form p{display: flex; flex-direction: column;}
.list-field .comment-form p.logged-in-as{display: flex; flex-direction: inherit; flex-wrap: wrap;}
.list-field .comment-form p.logged-in-as a + a{margin-left: 0.5rem;}
.list-field .comment-form p.logged-in-as span.required-field-message{width: 100%;}
.list-field .comment-form p label{margin-bottom: 0.5rem; font-weight: bold;}
.list-field .comment-form p textarea,
.list-field .comment-form p input[type=text],
.list-field .comment-form p input[type=email],
.list-field .comment-form p input[type=url]{border: 1px solid #f3f3f3; padding: 5px 10px; border-radius: 4px;}
.list-field .comment-form p input[type=checkbox] {display: none;}

.list-field .comment-form p.comment-form-cookies-consent label{position:relative; cursor:pointer; font-weight:normal; padding-left:32px;}
.list-field .comment-form p.comment-form-cookies-consent label:before{position: absolute; left: 0; top: 2px; content:''; -webkit-appearance: none; border: 2px solidvar(--cs-green-color); padding: 10px; cursor: pointer;}
.list-field .comment-form p.comment-form-cookies-consent [type=checkbox]:checked + label:after {content: ''; position: absolute; top: 5px;
  left: 9px; width: 6px; height: 14px; border: solidvar(--cs-green-color); border-width: 0 2px 2px 0; transform: rotate(45deg);}
.list-field .comment-form p.form-submit .submit{ border: none; background:var(--cs-green-color); color: #fff; padding: 10px 16px; max-width: fit-content; border-radius: 8px; }

.list-field ol.comment-list > li,
.list-field ol.comment-list > li > ol.children > li{float: left; width: 100%; border-top: solid 1px #eee; padding:1rem 1.5rem 1rem 2.5rem; position: relative;}
.list-field ol.comment-list > li:before,
.list-field ol.comment-list > li > ol.children > li:before{position:absolute; left:1.25rem; top:0.875rem; width:3px; height:calc(100% - 1.5rem); content:''; background: #eee;}
.list-field ol.comment-list > li .comment-meta,
.list-field ol.comment-list > li .comment-content{float: left; width: 100%; margin-bottom: 1rem;}
.list-field ol.comment-list > li .comment-content{margin-bottom: 0rem;}
.list-field ol.comment-list > li .reply{float: left; width: 100%;}
.list-field ol.comment-list > li .reply a{float: left; width: auto; padding:0.5rem 1.25rem; background-color:#DA291C; border-radius: 6px; font-weight: 600; color: var(--cs-heading-color);}
.list-field ol.comment-list > li .reply a:hover{text-decoration: underline;}
.list-field ol.comment-list > li .comment-author img{float: left; border-radius: 8px; margin-right: 8px;}
.list-field ol.comment-list > li .comment-metadata{font-size: 14px;}
.list-field ol.comment-list > li > ol.children{float: left; width: 100%; padding:1rem 0rem 0rem 0rem;}
.list-field ol.comment-list > li > ol.children > li{padding:1rem 0rem 1rem 1.5rem;}
.list-field ol.comment-list > li > ol.children > li:before{left: 0.5rem;}


/*----- Commynity Block End -----*/

/*----- About This Articles Start -----*/
.about-this-articles-block .authored-box .a-rating-box{width: 50%; padding: 15px 0 15px 15px;}
.about-this-articles-block .authored-box .a-rating-box ul li{width: 21px; height: 21px; float: left; background: url('../images/icon_star_empty.svg') no-repeat left top; background-size: 21px; border-right:solid 2px transparent; cursor: pointer;}
.about-this-articles-block .authored-box .a-rating-box ul li .a-sp_helpful_icon_star{height: 100%; background: url('../images/icon_star_blue.svg') no-repeat left top; background-size: 21px; left: 0; top: 0;}
.about-this-articles-block .authored-box .a-rating-box ul li.editing .a-sp_helpful_icon_star{background: none;}
.about-this-articles-block .authored-box .a-rating-box ul li:hover .a-sp_helpful_icon_star,
.about-this-articles-block .authored-box .a-rating-box ul li.editing .a-sp_helpful_icon_star.vote,
.about-this-articles-block .authored-box .a-rating-box ul li.edited .a-sp_helpful_icon_star.voted{background:url('../images/icon_star_blue.svg') no-repeat left top; background-size:20px 20px; }
.about-this-articles-block .authored-box .a-rating-box ul li:hover .a-sp_helpful_icon_star.vote,
.about-this-articles-block .authored-box .a-rating-box ul li.editing .a-sp_helpful_icon_star.vote,
.about-this-articles-block .authored-box .a-rating-box ul li.edited .a-sp_helpful_icon_star.voted{width: 100% !important;}
.about-this-articles-block .authored-box span{font-size: 14px;}
.about-this-articles-block .authored-box small{font-size: 12px;}

.about-this-articles-block .a-rating-box strong {font-size: 12px; color: #545454; display: block;}
.about-this-articles-block__person-box,
.about-this-articles-block .authored-box,
.about-this-articles-block .blog-mail-print-block,
.about-this-articles-block .blog-view{padding: 15px 26px;}
.about-this-articles-block .rating-box,
.about-this-articles-block .author-detail{padding: 15px 26px;}
.about-this-articles-block .author-detail{font-size: 16px;}
.about-this-articles-block .person-box{border-top: 0px !important;}
.about-this-articles-block .person-content a,
.about-this-articles-block .post-category > a,
.about-this-articles-block .blog-mail-print-block > a{color:var(--cs-green-color);}
.about-this-articles-block .person-content a:hover,
.about-this-articles-block .post-category > a:hover,
.about-this-articles-block .blog-mail-print-block > a:hover{text-decoration: underline;}

.about-this-articles-block > div {border-bottom-color:#ECEBE8 !important ;}
.about-this-articles-block .authored-box span,
.about-this-articles-block .authored-box small {font-size: 16px;}
.about-this-articles-block .blog-view{font-size: 1.1em; font-weight: bold;}
/*----- About This Articles End -----*/

/*----- Blog Fields End -----*/

/*============ Blog Detail page Css End ============*/