@charset "utf-8";
/* CSS Document */

@media (min-width: 1401px) and (max-width: 1600px){
	/*========== Header Start ==========*/
	/*========== Header End ==========*/

	/*========== Banner Start ==========*/
	/*========== Banner End ==========*/

	/*========== Section Start ==========*/
	/*========== Section End ==========*/

	/*========== Footer Start ==========*/
	/*========== Footer End ==========*/

}

@media (min-width: 1200px) and (max-width: 1400px){
	/*========== Header Start ==========*/
	/*========== Header End ==========*/

	/*========== Banner Start ==========*/
	/*========== Banner End ==========*/

	/*========== Section Start ==========*/
	/*========== Section End ==========*/

	/*========== Footer Start ==========*/
	/*========== Footer End ==========*/
}

@media (min-width: 992px) and (max-width: 1199px){
	/*========== Header Start ==========*/
	.main-navigation--untern{min-width: 238px; max-width: 238px;}
	/*========== Header End ==========*/

	/*========== Banner Start ==========*/
	/*========== Banner End ==========*/

	/*========== Section Start ==========*/
	/*========== Section End ==========*/

	/*========== Footer Start ==========*/
	/*========== Footer End ==========*/

	/*============ Blog Detail page Css Start ============*/
    /*----- list-box Start -----*/
    .list-data{max-width: 100%; flex: 0 100%;}
    .list-data:nth-child(2){border-left: none; border-right: none;}
    /*----- list-box End -----*/

    /*----- Pro Cons Block Start -----*/
    .pro-contra-layout{padding: 0 1rem;}
    /*----- Pro Cons Block End -----*/

    /*----- Sidebar Content Start -----*/
    .authored-box .rating-box,
    .authored-box .author-detail{width: 100%;}
    /*----- Sidebar Content End -----*/
    /*============ Blog Detail page Css End ============*/
}

@media (min-width: 768px) and (max-width: 991px){
	/*========== Header Start ==========*/
	/*========== Header End ==========*/

	/*========== Banner Start ==========*/
	/*========== Banner End ==========*/

	/*========== Section Start ==========*/
	/*========== Section End ==========*/

	/*========== Footer Start ==========*/
	/*========== Footer End ==========*/
}

@media (max-width: 991px){
	/*========== Header Start ==========*/
	#wpadminbar{display:none !important}
	.header-wapper{padding-top: 8px;}
	.main-search--form{width: calc(100% + 1.5rem);}
	.main-search--form input[type="search"]{width: 100%;}
	.main-search--form .main-search--button{top: 0.75rem; right: 1rem;}
	.header-logo-img{height: 54px !important;}
	.menuicon {display:block; cursor:pointer; color:#86BC2D; transform:rotate(0deg); transition: .3s cubic-bezier(.165, .84, .44, 1);}
	.menuicon__bar,
	.menuicon__circle {fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; }
	.menuicon__bar { transform: rotate(0deg); transform-origin: 50% 50%; transition: transform .25s ease-in-out; }
	.menuicon__circle { transition: stroke-dashoffset .3s linear .1s; stroke-dashoffset: 144.513262038; stroke-dasharray: 144.513262038; }
	.nav-bars.active .menuicon { color: #86BC2D; transform: rotate(180deg); }
	.nav-bars.active .menuicon__bar:nth-child(1),
	.nav-bars.active .menuicon__bar:nth-child(4) { opacity: 0; }
	.nav-bars.active .menuicon__bar:nth-child(2) { transform: rotate(45deg);}
	.nav-bars.active .menuicon__bar:nth-child(3) { transform: rotate(-45deg); }
	.nav-bars.active .menuicon__circle { stroke-dashoffset: 0; }

	.off-canvas.is--left .ajax--cart .widget_shopping_cart_content{height: calc(100vh - 42px); overflow-x: hidden;}

	.header-wapper--top-right{width: 100%;}
	/*========== Header End ==========*/

	/*========== Banner Start ==========*/
	.banner-container>h1{font-size: 24px;}
	.banner-slider--box{align-items: center;}
	.banner-slider .slick-prev{left: 0;}
	.banner-slider .slick-next{right: 0;}
	/*========== Banner End ==========*/

	/*========== Section Start ==========*/
	.h1, h1{font-size: 24px !important;}
	.h2, h2{font-size: 22px !important;}
	.hyg-slider--box{padding: 20px 16px 20px;}
	.content-wapper--bewert,
	.content-wapper--auftisch,
	.content-wapper--sofort{padding-top: 0px ;}
	.bewert--slider .slick-list{padding-bottom: 20px; margin: 0;}
	.content-wapper--auftisch-image,
	.content-wapper--auftisch-content{width: 100%;}
	.sofort-lists{grid-template-columns: repeat(2,1fr);}

	.bewert-box{padding: 0 15px 15px;}




	.content-wapper--thermo{padding-top: 88px;}
	.content-wapper--der-thermo{grid-template-columns: repeat(1,1fr);}
	.content-wapper--produkte-block{padding-top: 40px; padding-bottom: 40px;}
	.container--desonderen{grid-template-columns: repeat(1,1fr); gap: 15px;}
	.content-wapper--produkte-box,
	.leasing--columns{grid-template-columns: repeat(2,1fr); gap: 15px;}
	.content-wapper--produkte-box>a{text-align: center;}
	.content-wapper--produkte-box>a>img{max-width: 340px;}
	.leasing--columns-image{display: flex; justify-content: center;}
	.sofortkauf_popup_image {max-width: 400px; width: 100% !important;}
	.content-wapper--desonderen-box{display: flex; flex-direction: column; text-align: center; padding-top: 25px;}
	.content-wapper--desonderen--image{margin-left: auto; margin-right: auto; height: auto;}
	/*.content-wapper--produkte-block>a{text-align: center;}*/
	.content-wapper--desonderen-box>strong{width: 100%; margin: 25px 0; padding: 0 15px;}
	.content-wapper--desonderen--description{width: 100%; margin: 0; padding: 0 15px;}
	.content-wapper--desonderen h2{text-align: center; padding-left: 15px; padding-right: 15px;}
	.content-wapper--desonderen .leasing--advantages{padding-right: 0;}
	.content-wapper--desonderen .advantage {flex-direction: column; text-align: center; align-items: center;}
	.content-wapper--desonderen .advantage [class*="advantage--icon-"]{margin-right: 0;}
	.content-wapper--desonderen .advantage--text{flex: auto; width: 100%;}





	.single-product-top{padding-left: 15px !important; padding-right: 15px !important;}
	.single-product-top .woocommerce-product-gallery,
	.single-product-top .single-product-summary{width: 100%;}
	.optional-packages{grid-template-columns: repeat(1,1fr);}
	.tab-accrodian .tab--header{padding: 10px 25px 10px 0; border-top: solid 2px var(--cs-grey-color); cursor: pointer;}
	.tab-accrodian .tab--header:after{position: absolute; right: 5px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 14px; font-family: 'FontAwesome'; content:"\f067";}
	.tab--content hr:last-child{display: none;}
	.tab--content .tab--container-box table{text-align: left;}
	.tab--content .tab--container-inner{grid-template-columns: repeat(1,1fr);}


	.woocommerce ul.products li.product{width: 100%;}
	/*========== Section End ==========*/

	/*========== Footer Start ==========*/
	.footer-wapper--top{grid-template-columns: repeat(1,1fr);}
	/*========== Footer End ==========*/

	.besonderheiten_fields{grid-template-columns: repeat(1,1fr);}
	.content-wapper__fields{grid-template-columns: repeat(2,1fr);}
	.wissenswertes_bild{margin-left: auto; margin-right: auto;}

	.main-navigation--thermo>ul.thrm-prdts{grid-template-columns: repeat(2,1fr);}



	/*============ Blog Page Css Start ============*/
    .newsletter-form-wrap{max-width: 400px;}
    .newsletter-form-wrap input[type=text],
    .newsletter-form-wrap input[type=email]{width: 100%; max-width: 100%;}

    .blog-list,
    .blog-list-items{-ms-grid-columns: 1fr; grid-template-columns: 1fr;}

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

    /*============ Blog Detail Page Css Start ============*/
    .blog-detail-page{padding-bottom: 13px}
    /*----- product-list Block Start -----*/
    .list--content > *{padding-right: 1rem; padding-left: 1rem;}
    /*----- product-list Block End -----*/

	.sticky-heading{top: 108px;}
    .list-title{background-color: #F0F4EB !important; position: relative !important; top: auto !important;}
    .list-title .number-box{border-radius: 4px !important; margin: 7px 16px 7px 7px !important; width: 52px !important; height: 44px !important;}
    .listbox-content{padding: 20px 10px;}
    .youmay-content{width: 100%; padding-top: 54.8012%;}
    .about-this-articles-block .authored-box{flex-direction: column; padding: 15px 10px;}
    .listbox-content ul{margin: 5px 0px 15px 35px;}
    .about-this-articles-block .authored-box .a-rating-box{width: 100%; padding: 15px 0px 0px;}
    .authored-box .author-detail{width: 100%; border-left: 0px; padding: 15px 0px;}
    .references-list{padding-right: 16px;}
    .about-this-articles-block .person-box,
    .about-this-articles-block .person-content,
    .about-this-articles-block .authored-box,
    .about-this-articles-block .post-category,
    .about-this-articles-block .blog-mail-print-block,
    .about-this-articles-block .blog-view{padding: 15px 10px;}

    /*----- what we look for Block Start -----*/
    .highlights_list{grid-column-gap: 0px; grid-template-columns: 1fr;}
    .highlights_link {position: relative; right: auto; top: auto;}
    /*----- what we look for Block End -----*/

    /*----- list-box Start -----*/
    .list-data{max-width: 100%; flex: 0 100%;}
    .list-data:nth-child(2){border-left: none; border-right: none;}
    .list-field ol.comment-list > li:before,
    .list-field ol.comment-list > li > ol.children > li:before{left: 0.75rem;}

    .product-buying-box .amazon-btn-icon{order: 2;}
    .product-buying-box .product--title-column{order:1;}
    .product-buying-box .product-amazon--price{order: 3;}
    .product-buying-box .product-amazon--link{order: 4;}
    /*----- list-box End -----*/

    /*----- Commynity Block Start -----*/
    .list-field .comment-reply-title,
    .list-field .comment-form{padding: 0 1rem;}
    .list-field ol.comment-list > li{padding:1rem 1rem 1rem 1.75rem;}
    /*----- Commynity Block End -----*/

    /*----- Sidebar Start -----*/
    .sidebar-block{max-width: calc(100% - 0px);}
    /*----- Sidebar End -----*/

    /*----- Pro Cons Block Start -----*/
    .pro-contra-layout {padding: 0 1rem;}
    /*----- Pro Cons Block End -----*/

    /*----- Table Content Block Start -----*/
    .datasheet-table__cell {width: auto;}
    /*----- Table Content Block End -----*/
    /*============ Blog Detail Page Css End ============*/
}


@media (max-width: 767px){
	/*========== Header Start ==========*/
	/*========== Header End ==========*/

	/*========== Banner Start ==========*/
	/*========== Banner End ==========*/

	/*========== Section Start ==========*/
	.sofort-lists,
	.content-wapper--author-detail{grid-template-columns: repeat(1,1fr);}
	/*========== Section End ==========*/

	/*========== Footer Start ==========*/
	/*========== Footer End ==========*/
	.content-wapper__reinigun,
	.content-wapper__steuerung_programm_box{grid-template-columns: repeat(1,1fr);}
	.content-wapper__fields{grid-template-columns: repeat(1,1fr);}

	.woocommerce ul.products li.product{flex-direction: column; flex-wrap: nowrap; align-items: center;}

	.main-navigation--thermo>ul.thrm-prdts{grid-template-columns: repeat(1,1fr);}

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

	.content-wapper--produkte-block{max-width: 550px;}
	.content-wapper--produkte-box{grid-template-columns: repeat(1,1fr); gap: 15px;}

	.tab--content .tab--container-image{max-width: 240px; justify-content: center; margin: 0 auto 20px 0;}



	/*============ Blog Detail Page Css Start ============*/

    .table-of-content-block > ol{padding-left: 0; display: none;}
    .table-of-content-block > ol > li,
    .table-of-content-block > ol > li > ol > li{padding-left: 2.25rem;}
    /*----- list-box Start -----*/
    .list-data .amazon-lnk-btn a span{width: max-content;}
    .list--content > *,
    .sticky-heading.show-number + .blog-fields__box > .list--content > * {padding-right: 1rem; padding-left: 1rem;}
    /*----- list-box End -----*/
    /*============ Blog Detail Page Css End ============*/

}

@media (min-width: 576px) and (max-width: 767px){
	/*========== Header Start ==========*/
	/*========== Header End ==========*/

	/*========== Banner Start ==========*/
	/*========== Banner End ==========*/

	/*========== Section Start ==========*/
	/*========== Section End ==========*/

	/*========== Footer Start ==========*/
	/*========== Footer End ==========*/
}

@media (max-width: 575px){
	/*========== Header Start ==========*/
	/*========== Header End ==========*/

	/*========== Banner Start ==========*/
	/*========== Banner End ==========*/

	/*========== Section Start ==========*/
	/*========== Section End ==========*/

	/*========== Footer Start ==========*/
	/*========== Footer End ==========*/

	.woocommerce ul.products li.product .products-right-image{margin-bottom: 40px; margin-left: auto; margin-right: auto; padding-left: 0;}
	.woocommerce ul.products li.product .product-description{flex-direction: column-reverse;}
	.woocommerce ul.products li.product .products-left-data{width: calc(100% - 0px);}
	.woocommerce ul.products li.product .product-price-block{flex-direction: column;}
	.woocommerce ul.products li.product .price{margin-left: auto;}
	.woocommerce ul.products li.product .cart-button{margin-right: auto; margin-top: 12px;}
}

@media (max-width: 359px){
	/*========== Header Start ==========*/
	/*========== Header End ==========*/

	/*========== Banner Start ==========*/
	/*========== Banner End ==========*/

	/*========== Section Start ==========*/
	/*========== Section End ==========*/

	/*========== Footer Start ==========*/
	/*========== Footer End ==========*/
}