.blocktabs {  }
.blocktabs .container { }
.defaultMargin.blocktabs .mod_cont_parent {padding-top:50px; padding-bottom:50px;}
/* .defaultMargin.blocktabs .mod_cont_parent.mod_cont {padding-top:75px; padding-bottom:50px;} */
.defaultMargin.blocktabs .mod_cont {padding-top:40px; padding-bottom:0px;}
.defaultMargin.blocktabs .mod_cont_parent.mod_cont .mod_cont { padding-bottom:0px;}




.blocktabs .blocktabsText {}
.blocktabs:not(.headline-element-h2) .blocktabsText h2 {
	font-size:var(--size-h3);
	line-height:var(--line-h3);
    font-family:var(--font-h3);
    font-style:var(--style-h3);
    font-weight:var(--weight-h3);
	margin-bottom:2rem;
} 
.blocktabs .blocktabsText .row{padding-left:0; padding-right:0;} /* bs3 krams */




.blocktabs .row {max-width: 100%; padding: 0; margin-left:0; margin-right:0;}


.blocktabs .blocktabsTabs {}
.blocktabs .blocktabsTabs .containerWrapper {}
.blocktabs .blocktabsTabs .container {}
.blocktabs .blocktabsTabs .blocktabsTabsUl {border-bottom: medium none;
	display: flex;
	flex-direction: row;
}


.blocktabs .blocktabsTabs .blocktabsTabsUl li { font-size: var(--size-default); text-align:center; flex-grow:1;}
@media (min-width: 1400px){	
	.blocktabs .blocktabsTabs .blocktabsTabsUl li { font-size: var(--size-h6); }
}
@media (min-width: 768px){
	.blocktabs .blocktabsTabs .blocktabsTabsUl.cnt1 li { width:100%; }
	.blocktabs .blocktabsTabs .blocktabsTabsUl.cnt2 li { width:50%; }
	.blocktabs .blocktabsTabs .blocktabsTabsUl.cnt3 li { width:33.33333%; }
	.blocktabs .blocktabsTabs .blocktabsTabsUl.cnt4 li { width:25%; }
	.blocktabs .blocktabsTabs .blocktabsTabsUl.cnt5 li { width:20%; }
}
.blocktabs .blocktabsTabs .blocktabsTabsUl li.active{}
.blocktabs .blocktabsTabs .blocktabsTabsUl li a{
	text-decoration:none;
	color:var(--color-default);
	background-color:transparent; 
	border-width: 0px 0px 4px 0px;
	border-bottom:2px solid var(--color-darkgray);
	border-top:2px solid var(--color-darkgray);
	display: block;
	width: 100%;
	padding: 15px;
	font-weight:var(--weight-normal);
	height: 100%;
}
.blocktabs .blocktabsTabs .blocktabsTabsUl li a:hover{
	color:var(--color-default);
	background-color:transparent; 
	border-color:var(--color-darkgray);
}
.blocktabs .blocktabsTabs .blocktabsTabsUl li.active a, .blocktabs .blocktabsTabs .blocktabsTabsUl li.active a:hover{color:var(--color-default); font-weight:var(--weight-medium); background-color: var(--color-lightgray); border-color:var(--color-darkgray);}
.blocktabs .blocktabsTabs .blocktabsTabsCont {}
.blocktabs .blocktabsTabs .blocktabsTabsCont .mod_cont{ padding-top: 50px !important; } /* mod cont innerhalb von Blocktabs immer einheitlichen top padding*/
.blocktabs .blocktabsTabs .blocktabsTabsCont .mod_cont{ padding-top: 30px !important; } /* mod cont innerhalb von Blocktabs immer einheitlichen top padding*/
.defaultMargin.blocktabs .mod_cont_parent.mod_cont .mod_cont {padding-bottom:50px;}
.blocktabs .blocktabsTabs .blocktabsTabsCont .tab-pane {}
.blocktabs .tab-pane.active {opacity:1;}


.blocktabs:not(.autocolor, .blockColorClass_color3, .blockColorClass_color4) .blocktabsTabs .blocktabsTabsCont .tab-pane  .alternatecolor,
.blocktabs:not(.autocolor, .blockColorClass_color3, .blockColorClass_color4) .blocktabsTabs .blocktabsTabsCont .tab-pane  .blockColorClass_color1,
.blocktabs:not(.autocolor, .blockColorClass_color3, .blockColorClass_color4) .blocktabsTabs .blocktabsTabsCont .tab-pane  .blockColorClass_color2,
.blocktabs:not(.autocolor, .blockColorClass_color3, .blockColorClass_color4) .blocktabsTabs .blocktabsTabsCont .tab-pane  .tabable {background-color: var(--color-lightgray) !important;}
.blocktabs:not(.autocolor, .blockColorClass_color3, .blockColorClass_color4) .blocktabsTabs .blocktabsTabsCont .tab-pane  .tabablereplaced {background-color: var(--color-lightgray) !important;}


.blocktabs.blockColorClass_base:not(.autocolor, .blockColorClass_color3, .blockColorClass_color4)  .blocktabsTabs .blocktabsTabsCont .tab-pane  .alternatecolor,
.blocktabs.blockColorClass_base:not(.autocolor, .blockColorClass_color3, .blockColorClass_color4)  .blocktabsTabs .blocktabsTabsCont .tab-pane  .blockColorClass_color1,
.blocktabs.blockColorClass_base:not(.autocolor, .blockColorClass_color3, .blockColorClass_color4)  .blocktabsTabs .blocktabsTabsCont .tab-pane  .blockColorClass_color2,
.blocktabs.blockColorClass_base:not(.autocolor, .blockColorClass_color3, .blockColorClass_color4)  .blocktabsTabs .blocktabsTabsCont .tab-pane  .tabable {background-color: var(--color-white) !important;}
.blocktabs.blockColorClass_base:not(.autocolor, .blockColorClass_color3, .blockColorClass_color4)  .blocktabsTabs .blocktabsTabsCont .tab-pane  .tabablereplaced {background-color: var(--color-white) !important;}




@media (max-width: 767px){
	.blocktabs .blocktabsTabs .blocktabsTabsUl {margin-bottom:15px;}
	.blocktabs .blocktabsTabs .blocktabsTabsUl li {width:100%;}
}



.blocktabs .tab-pane .mod_kontakt_a .h1,
.blocktabs .tab-pane .mod_kontakt_a .h2,
.blocktabs .tab-pane .mod_kontakt_a .h3 {
  display: none;
}


.blocktabs .tab-pane .wow {visibility:visible !important; animation-name: none !important;}












.u23design.defaultMargin.blocktabs .mod_cont_parent.mod_cont  .mod_kontakt_a   .mod_cont {padding-top: 40px !important;}
@media (min-width: 992px){
	.u23design.defaultMargin.blocktabs .mod_cont_parent.mod_cont  .mod_kontakt_a   .mod_cont {padding-top: 80px !important;}
}




.u23design.blocktabs .blocktabsTabs .blocktabsTabsUl li.active a, 
.u23design.blocktabs .blocktabsTabs .blocktabsTabsUl li.active a:hover {
	color: var(--color-highlight);
	font-weight: var(--weight-bold);
	background-color: transparent;
	border-color: var(--color-highlight);
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom-color:transparent;
	/* border-bottom: 5px solid var(--color-highlight); */
}

.u23design.blocktabs .blocktabsTabs .blocktabsTabsUl li a {
	color: var(--color-highlight);
	font-weight: var(--weight-normal);
	background-color: transparent;
	border-color: var(--color-highlight);
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom: 5px solid transparent;
	display: inline-block;
	width: 100%;
	padding: 15px;
	position: relative;
	/*bottom: -3px;
	transition: border 0.5s ease;*/
}






.u23design.blocktabs .blocktabsTabs .blocktabsTabsUl li a::after {
  display: block;
  content: '';
  border-bottom: solid 5px var(--color-highlight);
  transform: scaleX(0);
  transition: transform 250ms ease-in-out;
  position: absolute;
  left: 0;
  bottom: -8px;
  right: 0;
}

.u23design.blocktabs .blocktabsTabs .blocktabsTabsUl li.active a:after, 
.u23design.blocktabs .blocktabsTabs .blocktabsTabsUl li a.active,
.u23design.blocktabs .blocktabsTabs .blocktabsTabsUl li a:hover:after {
	transform: scaleX(1);
}











.u23design.blocktabs .blocktabsTabs .blocktabsTabsUl {
  border-bottom: 1px solid var(--color-highlight);
  display: block;
  text-align: left;
}


.blockColorClass_color4.u23design.blocktabs .blocktabsTabs .blocktabsTabsUl {
	border-color:var(--color-medium);
}
.blockColorClass_color4.u23design.blocktabs .blocktabsTabs .blocktabsTabsUl li a {
  color: var(--color-white);
}



.u23design.blocktabs .blocktabsTabs .blocktabsTabsUl li,
.u23design.blocktabs .blocktabsTabs .blocktabsTabsUl.cnt1 li,
.u23design.blocktabs .blocktabsTabs .blocktabsTabsUl.cnt2 li,
.u23design.blocktabs .blocktabsTabs .blocktabsTabsUl.cnt3 li,
.u23design.blocktabs .blocktabsTabs .blocktabsTabsUl.cnt4 li,
.u23design.blocktabs .blocktabsTabs .blocktabsTabsUl.cnt5 li,
.u23design.blocktabs .blocktabsTabs .blocktabsTabsUl.cnt6 li {width: auto; display: inline-block;}



@media (max-width:992px){
	.u23design.blocktabs .blocktabsTabs .container.containerBlocktabsNav {
		/* margin-left: -36px; */
		/* margin-right: -36px; */
		padding: 0px;
		width: auto;
		overflow: scroll;
	}
	.u23design.blocktabs .blocktabsTabs .blocktabsTabsUl {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		margin-left: 36px;
		width: max-content;
	}
	.u23design.blocktabs .blocktabsTabs .blocktabsTabsUl li {flex-shrink: 0;}
	.u23design.blocktabs .blocktabsTabs .blocktabsTabsUl li a {}
}




/* reverse nicht für Mobilansicht bei Produktseiten */
@media (max-width:992px){

	.sn_wintergaerten .blocktabsTabsCont .col-text.order-1, 
	.sn_terrassendaecher  .blocktabsTabsCont .col-text.order-1, 
	.sn_fenster  .blocktabsTabsCont .col-text.order-1, 
	.sn_cero-schiebefenster  .blocktabsTabsCont .col-text.order-1, 
	.sn_haustueren  .blocktabsTabsCont .col-text.order-1, 
	.sn_markisen  .blocktabsTabsCont .col-text.order-1
	{order:2 !important;}
	.sn_wintergaerten .blocktabsTabsCont .col-slider.order-2,
	.sn_terrassendaecher  .blocktabsTabsCont .col-slider.order-2,
	.sn_fenster  .blocktabsTabsCont .col-slider.order-2,
	.sn_cero-schiebefenster  .blocktabsTabsCont .col-slider.order-2,
	.sn_haustueren  .blocktabsTabsCont .col-slider.order-2,
	.sn_markisen  .blocktabsTabsCont .col-slider.order-2
	{order:1 !important;}

}













.u23design.noborder.blocktabs .blocktabsTabs .blocktabsTabsUl {
	border-bottom: none;
}
.u23design.noborder.blocktabs .blocktabsTabs .blocktabsTabsUl li.active a, 
.u23design.noborder.blocktabs .blocktabsTabs .blocktabsTabsUl li.active a:hover {
	color: var(--color-default);
	font-weight: var(--weight-bold);
	background-color: transparent;
	border-color: var(--color-highlight);
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom: none;
}

.u23design.noborder.blocktabs .blocktabsTabs .blocktabsTabsUl li a {
	color: var(--color-medium);
	font-weight: var(--weight-normal);
	background-color: transparent;
	border-color: var(--color-highlight);
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom: none;
	display: inline-block;
	width: 100%;
	padding: 15px;
	position: relative;
	bottom: 0px;
}







.blocktabs.slider {
	background-color: var(--coor-white);
	transition:background-color 0.2s ease;
}


.blocktabs.slider.defaultMargin.blocktabs .mod_cont_parent.mod_cont {
  padding-top: 0px;
  padding-bottom: 0px;
}
.slider.defaultMargin.blocktabs .mod_cont_parent.mod_cont .mod_cont {
  padding-bottom: 0px;
  padding-top: 30px;
}


.blocktabs.slider  .blockColorClass_highlight1,
.blocktabs.slider  .blockColorClass_highlight2,
.blocktabs.slider  .blockColorClass_highlight3,
.blocktabs.slider  .blockColorClass_highlight4,
.blocktabs.slider  .blockColorClass_color1,
.blocktabs.slider  .blockColorClass_color2,
.blocktabs.slider  .blockColorClass_color3,
.blocktabs.slider  .blockColorClass_color4 {background-color:transparent;}



.blocktabs.slider:has(.swiper-slide-active) {}
.blocktabs.slider:has(.swiper-slide-active > .slideWrapInner > .blockColorClass_highlight1) {background-color:var(--color-highlight);}
.blocktabs.slider:has(.swiper-slide-active > .slideWrapInner > .blockColorClass_highligh) {background-color:var(--color-highlight2);}
.blocktabs.slider:has(.swiper-slide-active > .slideWrapInner > .blockColorClass_highlight3) {background-color:var(--color-highlight3);}
.blocktabs.slider:has(.swiper-slide-active > .slideWrapInner > .blockColorClass_highlight24) {background-color:var(--color-highlight4);}
.blocktabs.slider:has(.swiper-slide-active > .slideWrapInner > .blockColorClass_color1) {background-color:var(--color-color1);}
.blocktabs.slider:has(.swiper-slide-active > .slideWrapInner > .blockColorClass_color2) {background-color:var(--color-color2);}
.blocktabs.slider:has(.swiper-slide-active > .slideWrapInner > .blockColorClass_color3) {background-color:var(--color-color3);}
.blocktabs.slider:has(.swiper-slide-active > .slideWrapInner > .blockColorClass_color4) {background-color:var(--color-color4);}









.blocktabs .blocktabsTabs .blocktabsTabsCont .tab-pane {display:block !important; height:0; overflow:hidden;}
.blocktabs .blocktabsTabs .blocktabsTabsCont .tab-pane.show {display:block !important; height:auto; overflow:auto;}

.hidecontainertext.blocktabs .tab-pane .container-text {
	display:none;
}
.hideheadlines.blocktabs .tab-pane .headline {
	display:none;
}









.mod_blocktabs_swiper .container-pagination {
	height:auto;
	padding-top: 30px;
	padding-bottom: 15px;
}
.mod_blocktabs_swiper .container-pagination .row {
	line-height: 100%;
	font-size: var(--size-default);
}
.mod_blocktabs_swiper .container-pagination .swiper-pagination-fraction {
  bottom: 0;
  left: 0;
}


.mod_blocktabs_swiper .swiper-button-prev {
display: inline-block;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: auto;
  width: auto;
  background-image: none;
  border-radius: 20px;
  padding: 10px;
  line-height: 100%;
  color: var(--color-default);
  background-color: var(--color-white);
  border: 1px solid var(--color-default);
}
.mod_blocktabs_swiper .swiper-button-prev.swiper-button-disabled {}

.mod_blocktabs_swiper .swiper-button-next {
display: inline-block;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: auto;
  width: auto;
  background-image: none;
  border-radius: 20px;
  padding: 10px;
  line-height: 100%;
  color: var(--color-default);
  background-color: var(--color-white);
  border: 1px solid var(--color-default);
}
.mod_blocktabs_swiper .swiper-button-next.swiper-button-disabled {}




/* datepicker modal scroll in blocktabs element */
.blocktabs .mod_kontakt_a .mod_kontakt_a_form-row .formstep.col-datepicker {min-height: 380px;}