:root {
	--template-line-color: /*LINIENFARBE-ON*/#ffa8b7;/*LINIENFARBE-OFF*/;
	--template-primary-color: /*MAINCOLOR-ON*/#cccccc;/*MAINCOLOR-OFF*/;
	--template-text-color: /*STANDARDSCHRIFTFARBE-ON*/#4f4f4f;/*STANDARDSCHRIFTFARBE-OFF*/;
	
	--template-nav-color: /*MAINCOLOR-ON*/#cccccc;/*MAINCOLOR-OFF*/;
	--template-mobile-navcolor: #4a4a4a;
	--template-mobile-navactive: /*MAINCOLOR-ON*/#cccccc;/*MAINCOLOR-OFF*/;
	
	--template-schriftfarbe-topbar: /*TOPBARSCHRIFTFARBE-ON*/#454545;/*TOPBARSCHRIFTFARBE-OFF*/;
	--template-schriftgroesse-topbar: /*TOPBARSCHRIFTGROESSE-ON*/14;/*TOPBARSCHRIFTGROESSE-OFF*/;
	--template-schriftdicke-topbar: /*TOPBARSCHRIFTDICKE-ON*/300;/*TOPBARSCHRIFTDICKE-OFF*/;
	--topbar-hintergrundcolor: /*TOPBARHINTERGRUNDFARBE-ON*/#ffffff;/*TOPBARHINTERGRUNDFARBE-OFF*/;
	--template-iconfarbe-topbar: /*TOPBARICONFARBE-ON*/#454545;/*TOPBARICONFARBE-OFF*/;
	--template-icongroesse-topbar: /*TOPBARICONGROESSE-ON*/22;/*TOPBARICONGROESSE-OFF*/;
	--template-icondicke-topbar: /*TOPBARICONDICKE-ON*/1;/*TOPBARICONDICKE-OFF*/;
	
	--template-header-navigation-background: /*HEADERBACKGROUNDNAVIGATION-ON*/#ffffff;/*HEADERBACKGROUNDNAVIGATION-OFF*/;
	--template-header-navigation-schriftfarbe: /*HEADERSCHRIFTFARBENAVIGATION-ON*/#454545;/*HEADERSCHRIFTFARBENAVIGATION-OFF*/;
	--template-header-background: /*HEADERBACKGROUND-ON*/#ffffff;/*HEADERBACKGROUND-OFF*/;
	--template-header-suche-background: /*HEADERBACKGROUNDSUCHE-ON*/#ffffff;/*HEADERBACKGROUNDSUCHE-OFF*/;
	
	--template-footer-background: /*FOOTERBACKGROUND-ON*/#000000;/*FOOTERBACKGROUND-OFF*/;
	--template-footerbottom-background: /*FOOTERBOTTOMBACKGROUND-ON*/#0f0f0f;/*FOOTERBOTTOMBACKGROUND-OFF*/;
	--template-footerbottom-color: /*FOOTERBOTTOMSCHRIFTFARBE-ON*/#a3a3a3;/*FOOTERBOTTOMSCHRIFTFARBE-OFF*/;
	
	--template-price-color: /*PREISCOLOR-ON*/#454545;/*PREISCOLOR-OFF*/;
	--template-warenkorb-button-hg: /*WARENKORBBUTTONHG-ON*/#5c9c0f;/*WARENKORBBUTTONHG-OFF*/;
	--template-warenkorb-button-color: /*WARENKORBBUTTONCOLOR-ON*/#ffffff;/*WARENKORBBUTTONCOLOR-OFF*/;
	--template-warenkorb-button-hover: /*WARENKORBBUTTONHOVER-ON*/#74c214;/*WARENKORBBUTTONHOVER-OFF*/;
	--template-warenkorb-button-hover-color: /*WARENKORBBUTTONHOVERCOLOR-ON*/#ffffff/*WARENKORBBUTTONHOVERCOLOR-OFF*/;
	
	--template-button-color: /*BUTTONCOLOR-ON*/#4f4f4f;/*BUTTONCOLOR-OFF*/;
	--template-buttonhg-color: /*BUTTONHGCOLOR-ON*/#ffffff;/*BUTTONHGCOLOR-OFF*/;
	--template-button-hover: /*BUTTONHOVER-ON*/#ffffff;/*BUTTONHOVER-OFF*/;
	--template-button-hover-color: /*BUTTONHOVERCOLOR-ON*/#d1d1d1;/*BUTTONHOVERCOLOR-OFF*/;
    
	--template-verlauf-anfang: /*VERLAUFANFANG-ON*/#ffc0cb;/*VERLAUFANFANG-OFF*/;
	--template-verlauf-ende: /*VERLAUFENDE-ON*/#ff758c;/*VERLAUFENDE-OFF*/;
	--template-schriftfarbe-verlauf: /*VERLAUFSCHRIFTFARBE-ON*/#ff3859;/*VERLAUFSCHRIFTFARBE-OFF*/;
	
	--template-grey-bgcolor: #eee;
	--template-listing-background: /*MAINCOLOR-ON*/#cccccc;/*MAINCOLOR-OFF*/;
	--swiper-theme-color: #fff;
}




#tri_header_inner .header {
	background: var(--template-header-background);
}
.tri_header_inner, .tri_header .tri_header_inner .header_topbar {
	background: var(--template-header-background);	
}

#tri_menu_navigation {
	background: var(--template-header-navigation-background);
}

	/*.produkt_warenkorb_button .product_in_cart*/

.button.button-primary {
	color: #fff !important;
	/*background-image: linear-gradient(337deg, #004eff 31%, #2eb9ff 58%, #2eb9ff 89%) !important;*/
	background-image: linear-gradient(to bottom right,var(337deg, #004eff 31%, #2eb9ff 58%, #2eb9ff 89%));
} 

.wk_preis {
	display: none;
}
.tri_warenkorb .anzahl_artikel {
	border-radius: 50%;
    background: var(--template-price-color);
    width: 16px;
    height: 16px;
    display: block;
    text-align: center;
    font-size: 10px;
    color: #fff;
    position: absolute;
    margin-left: 12px;
    margin-top: 12px;
    z-index: 1;
}


.lds-spinner {
    right: 20px;
    left: unset !important;
}

.produkt_warenkorb_button #lageranzeige {
    padding: 20px;
    background: #f5f5f5;
}

#lageranzeige .lager.lager_1 li {
    color: #222;
}

.error {
	font-size: 14px;
}
th, td {
	font-size: 14px;
}
#ajax_content {
	margin-top: 20px;
}

h2 {
	padding-bottom: 10px;
	border-bottom: 1px solid var(--template-line-color);
}

h2.line {
	margin-top: 20px;
	font-size: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--template-line-color);
}

#newsletter_wrapper h2, #tri_footer h2 {
	border-bottom: 0;
}

#produkt_name {
	color: #000;
}

.produkt_warenkorb_button .icon {
	display: inline-block;
	float: none;
	width: 18px;
	height: 18px;
	margin-right: 20px !important;
}

.produkt_warenkorb_button .icon img {
	position: absolute;
	width: 20px;
	height: 20px;
	margin-top: 3px;
	margin-right: 20px;
}

.produkt_merkliste .icon {
	display: inline-block;
	float: none;
	width: 18px;
	height: 18px;
	margin-right: 20px !important;
}

.produkt_merkliste .icon img {
	position: absolute;
	width: 20px;
	height: 20px;
	margin-top: 3px;
	margin-right: 20px;
}

#newsletter_wrapper input {
	float: left;
	border-color: #fff;
	margin-right: 10px;
}

#tri_breadcrumb { 
	border-bottom: 1px solid var(--template-line-color);
}

.kategorie_header > .container.container_header {
    
	background: linear-gradient(127deg, var(--template-verlauf-anfang) 19%, var(--template-verlauf-ende) 90%);
    padding: 95px 20px;
	padding-bottom: 0;
    display: flex;
}

.kategorie_header h1 {
	color: var(--template-schriftfarbe-verlauf);
}

.produkt_pricing .produkt_preis {
	color: var(--template-price-color);
	font-weight: 600;
	font-size: 28px;
}

.artikel_pricing .price {
	color: var(--template-price-color);
	font-weight: 500;
}

.artikel_infos a.titel h2 {
	color: #111;
	font-size: 16px;
	font-weight: 500;
	border-bottom: 0;
	margin-bottom: 10px;
	overflow: hidden;
}

.warenkorb_diversifikationen_gesplittet > span {
	margin-bottom: 10px;
}

#tri_topbar span.icon svg {
	stroke: var(--template-iconfarbe-topbar);
	stroke-width: calc(var(--template-icondicke-topbar) * 1px); 
}

#tri_topbar span.icon {
	margin-top: 5px;
	 
}

#tri_topbar span.icon, #tri_topbar span.icon svg {
	width: calc(var(--template-icongroesse-topbar) * 1px); 
	height: calc(var(--template-icongroesse-topbar) * 1px); 
}

#tri_slider {
	
}

.tri_warenkorb .icon {
	width: 20px;
	height: 20px;
	margin-top: 3px;
}

.tri_warenkorb .icon img {
	width: 20px;
	height: 20px;
}

#tri_newsletter .button.button-primary {
	background: transparent !important;
	border: 1px solid  var(--template-schriftfarbe-verlauf);
	
}

#tri_menu_navigation .megamenu .menu-wrapper li.level2.aktiv a {
	color: var(--template-primary-color);
}

#tri_menu_navigation .megamenu .menu-wrapper li.level2:hover a {
	/*color: var(--template-primary-color);*/
	color: var(--template-header-navigation-schriftfarbe);
}
.megamenu li.level1.show_mobile {
	background-color: var(--template-header-navigation-background);
}
.megamenu li.level1.show_mobile > a {
	color: var(--template-header-navigation-schriftfarbe);
}
.megamenu li.level2::before {
	margin-top: 8px;
}

.megamenu li.level2.aktiv::before {
	border-color: var(--template-primary-color);
}



.tri_topbar .usp_list {
	display: inline-flex;
	width: auto;
}

.tri_topbar .usp_list li {
	font-weight: 500;
}

#tri_navigation li.home a {
	display: none;
}

body {
	font-family: 'Open Sans';
	color: #333;
	font-size: 15px;
}

.tri_menu_navigation.sticky .tri_searcher_sticky {
	display: block !important;
}
.tri_menu_navigation .tri_searcher_sticky{
	display: none !important;
}
.tri_searcher_sticky {
	float: right;
	margin-right: 115px;
	margin-top: -41px;
}
.tri_searcher_sticky input[type="text"] {
	background: #fff;
	border: 1px solid #666;
	margin-top: 20px;
	border-top: 0;
	border-left: 0;
	border-right: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    font-family: 'Open Sans';
    color: #343434;
}

h1 {
	font-weight: 500;
	text-align: left;
}

h2 {
	
	font-weight: 500;
}

.artikel_infos h2 {
    font-size: 18px;
	margin-bottom: 40px;
}

a:hover, #tri_breadcrumb a:last-child {
	color: var(--template-primary-color);
}

/*.tri_header .tri_header_inner .header .tri_warenkorb li {
	background-image: url('../Labels/icons/cart.png');
}*/

.tri_topbar {
    background: var(--topbar-hintergrundcolor);
	line-height: 45px;
}

.hamburg .line {
	background: #111;
}

.tri_header .tri_header_inner .header {
	border:0;
	
}
.tri_header .tri_header_inner .header .tri_searcher input[type="text"] {
	background: background: var(--template-header-suche-background);
}

.tri_header .tri_header_inner .header .tri_searcher input[type="text"] {
	
	border: 1px solid #666;
	margin-top: 20px;
	border-top: 0;
    border-left: 0;
    border-right: 0;
}

.tri_header .tri_header_inner .header .tri_searcher input[type="image"] {
	margin-top: 20px;
	
}

.tri_header .tri_header_inner .header_topbar ul.account_list li a {
	color: #111;
}

.header .header_logo {
	padding: 0 0 00px 0;
}

.tri_menu_navigation {
    padding: 5px 5px 16px 5px;
}

.tri_header .tri_header_inner .header .tri_warenkorb li a {
    color: #111;
	font-size:14px;
}

.tri_topbar .usp_list li {
	color: var(--template-schriftfarbe-topbar);
	font-size: calc(var(--template-schriftgroesse-topbar) * 1px);
	font-weight: var(--template-schriftdicke-topbar);
}


.tri_header .tri_menu_navigation .tri_navigation li a {
	font-family: 'Open Sans';
	font-weight: 500;
	font-size: 18px;
}

@media screen and (min-width: 769px) {
	.tri_header .tri_menu_navigation .tri_navigation li a {
		color: var(--template-header-navigation-schriftfarbe);
	}
}

#tri_menu_navigation.sticky {
    background: #fff;
    border-bottom: 0;
}

.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
    border-color: var(--template-primary-color);
	color: var(--template-button-color);
	background: var(--template-buttonhg-color);
    font-size: 16px;
	font-family: 'Open Sans';
	font-weight: 400;
}

.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
	color: var(--template-button-hover-color);
	background: var(--template-button-hover);
}

#tri_navigation > li:hover > a, #tri_navigation > li.aktiv > a {
	/*color: var(--template-nav-color);*/
	color: var(--template-header-navigation-schriftfarbe);
}


.sticky #tri_navigation > li:hover > a, .sticky #tri_navigation > li.aktiv > a {
	
}

#tri_navigation li.has_childs {
	padding-right: 20px;
}
#tri_navigation li.has_childs::before {
	border-color: var(--template-nav-color);
	display: none;
}

#tri_navigation ul li.aktiv, #tri_navigation ul li:hover {
	border-left-color: var(--template-primary-color);
}

#tri_breadcrumb {
	padding-top: 16px;
}

.button.button-primary, button.button-primary, input[type="submit"].button-primary, input[type="reset"].button-primary, input[type="button"].button-primary {
	background: var(--template-buttonhg-color);
	border-color: var(--template-primary-color);
	color: var(--template-button-color);
}

.button.button-primary:hover, button.button-primary:hover, input[type="submit"].button-primary:hover, input[type="reset"].button-primary:hover, input[type="button"].button-primary:hover {
	background: var(--template-button-hover);
	color: var(--template-button-hover-color);
}

.merkzettel_link:hover {
	border-color: #111;
	color: #111;
}

.merkzettel_link {
	border-color: #999;
	color: #999;
}

.produkt_warenkorb_button .product_in_cart:hover {
	background: var(--template-warenkorb-button-hover);
	border-color: var(--template-warenkorb-button-hover);
	color: var(--template-warenkorb-button-hover-color);
	
}

.produkt_warenkorb_button .product_in_cart {
	background: var(--template-warenkorb-button-hg);
	color: var(--template-warenkorb-button-color);
	border-color: var(--template-warenkorb-button-hg);
	font-weight: 500;
}

.swiper-button-prev, .swiper-button-next {
	
}

.swiper-pagination-bullet-active {
	background: var(--template-primary-color);
}

.sale_icon_detail, .sale_icon {
	background: var(--template-primary-color);
}

.produkt-beschreibungen.tab li:hover, .produkt-beschreibungen.tab li.aktiv {
    border-bottom-color:var(--template-primary-color);
    color: #000;
}

.produkt_pricing .produkt_strike {
	color: var(--template-primary-color);
}
.produkt_strike {
	color: var(--template-primary-color);
	text-decoration: line-through;
}

.warenkorb_diversifikationen_gesplittet > span.aktiv {
	border-color: var(--template-primary-color);
}

input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
	border-color: var(--template-primary-color);
}

.artikel_box.ausgewaehlt {
	border-color: var(--template-primary-color);
}

.top_kategorie .top_kategorie_titel {
	background: var(--template-primary-color);
}

.burgerschliessen {
	color: #232323;
	text-transform: uppercase;
}

#tri_navigation li.sale, #tri_navigation li.sale:hover, #tri_navigation li.sale.aktiv {
	background-color: var(--template-primary-color);
}

#tri_navigation li.sale:hover a, #tri_navigation li.sale.aktiv a {
	color: #fff;
}



.tri_footer {
	border-top: 1px solid var(--template-line-color);
	background-color: var(--template-footer-background);
}
.tri_bottombar {
	background-color: var(--template-footerbottom-background);
	color: var(--template-footerbottom-color);
}

#newsletter_wrapper > .container::after {
	display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
	content: " ";
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../Labels/newsletter_hg.png);
	
}

#newsletter_wrapper > .container form {
	z-index: 2;
}

#newsletter_wrapper > .container {
	
	background: linear-gradient(127deg, var(--template-verlauf-anfang) 19%, var(--template-verlauf-ende) 90%);
	padding: 95px 40px;
	display: flex;
}

#newsletter_wrapper {
    margin-top: 40px;
	margin-bottom: 40px;
    padding: 0;
    background: none;
}

#newsletter_wrapper > .container > form {
    width: 45%;
    float: left;
    margin: auto;
}


/* ai Webseite */

a.logo {
			text-decoration: none;
		}
		
		.topbar_logo {
			height: 49px;
			line-height: unset;
			font-weight: 800;
			font-size: 20px;
			display: inline;
			padding-left: 0px;
			color: #000;
			text-decoration: none;
			
		}
		
		.topbar_logo .tricomaaicon_beta {
			    font-size: 11px;
			background: #5f3ce0;
			padding: 4px 7px;
			font-weight: 500;
			color: #fff;
			position: absolute;
			height: 13px;
			margin-top: 14px;
			margin-left: 0px;
			line-height: 12px;
			border-radius: 5px;
			/* text-transform: uppercase; */
			box-shadow: 0 0 6px -1px rgba(0,0,0,0.5);
			top: 7px;
			left: 194px;
		}
		
		
		
		.topbar_logo .gradient {
			margin-right: 4px;
			margin-left: 4px;
			font-size: 32px;
			font-weight: 800;
			background-clip: text;
			-webkit-background-clip: text;
			background-size: 100%;
			color: transparent;
			-webkit-text-fill-color: transparent;
			-moz-text-fill-color: transparent;
			background-image: linear-gradient(to right, #d16ba5, #c777b9, #ba83ca, #aa8fd8, #9a9ae1, #8aa7ec, #79b3f4, #69bff8, #52cffe, #41dfff, #46eefa, #5ffbf1);
			
			background-image: -webkit-linear-gradient(135deg, #11829c 24%, #119c48 61%, #5c9c11 100%);
			background-image: linear-gradient(137deg, #11829c 7%, #119c48 46%, #5c9c11 100%);
			background-image: linear-gradient(337deg, #11829c 31%, #119c48 58%, #5c9c11 68%);
			
		}
		
		.topbar_logo img {
			padding-top: 12px !important;
			padding-bottom: 0 !important;
		}
		
		.tri_header .tri_header_inner .header .tri_warenkorb {
			margin-top: 0px;
		}
		
		.button_getstarted {
			color: #fff !important;
			padding: 6px 20px !important;
			display: inline-block;
			border-radius: 20px !important;
			line-height: 25px !important;
			font-weight: 600 !important;
			margin-bottom: 0;
		}
		
		.tri_footer {
			color: #ccc;
			border: 0;
		}
		
		.tri_footer a, .tri_bottombar a {
			color: #ccc;
			text-decoration: none;
			font-weight: 600;
		}
		
		#tri_footer h2 {
			color: #ddd;
		}
		
		#tri_bottombar > .container > .columns.six {
			padding-top: 6px;
			padding-bottom: 6px;
		}
		
		h1 {
			color: #000000;
			font-size: 36px;
			font-weight: 800;
			padding-top: 20px;
			padding-bottom: 0px;
			text-align: left;
			margin-bottom: 0;
			line-height: 1.4;
		}
		
		h2 {
			border-bottom: 0;
			margin-top: 20px;
		}
		
		#dynamicWord {
			background-image: linear-gradient(137deg, #2eb9ff 10%, #2eb9ff 25%, #004eff 85%);
			-webkit-background-clip: text;
	 		-webkit-text-fill-color: transparent;
			height: 70px;
		}
		
		.textcolor-gradient-blue {
			background-image: linear-gradient(137deg, #2eb9ff 10%, #2eb9ff 25%, #004eff 85%);
			-webkit-background-clip: text;
	 		-webkit-text-fill-color: transparent;
		}
		
		.textcolor-gradient-purple {
			background-image: linear-gradient(137deg, #b815b6 10%, #b815b6 25%, #5d0ac2 85%);
			-webkit-background-clip: text;
	 		-webkit-text-fill-color: transparent;
		}
		
		/* verlauf bewegt sich */
		.background-gradient-blue {
			background-image: linear-gradient(137deg, #2eb9ff 10%, #2eb9ff 25%, #004eff 85%);
		}
		
		.background-gradient-purple {
			background-image: linear-gradient(137deg, #b815b6 10%, #b815b6 25%, #5d0ac2 85%);
		}
		
		.background-animated {
			background-size: 300% 300%;
			-webkit-animation: AnimateBG 20s ease infinite;
				  animation: AnimateBG 20s ease infinite;
		}
		
		.button {
			border: 0;
			border-radius: 6px;
			transition: all 0.25s ease;
			
		}
		
		.color1-button {
			background: unset;
			background-image: linear-gradient(137deg, #2eb9ff 10%, #2eb9ff 25%, #004eff 85%);
			background-size: 120% 120%;
			color: #fff;
			box-shadow: 0 0 4px 0 rgba(0,0,0,0.5);
			transition: all 0.25s ease;
			
			text-transform: unset !important;
		
		}
		
		.color1-button:hover {
			background-image: linear-gradient(137deg, #2eb9ff 10%, #2eb9ff 25%, #004eff 85%);
			background-size: 150% 150%;
			color: #fff;
			 -webkit-animation: AnimateBG 2s ease infinite;
				  animation: AnimateBG 2s ease infinite;
		}
		
		
		.color2-button {
			background: unset;
			background-image: linear-gradient(137deg, #b815b6 10%, #b815b6 25%, #5d0ac2 85%);
			background-size: 120% 120%;
			color: #fff;
			box-shadow: 0 0 4px 0 rgba(0,0,0,0.5);
			text-transform: unset !important;
		}
		
		.color2-button:hover {
			background-image: linear-gradient(137deg, #b815b6 10%, #b815b6 25%, #5d0ac2 85%);
			background-size: 120% 120%;
			color: #fff;
			 -webkit-animation: AnimateBG 2s ease infinite;
				  animation: AnimateBG 2s ease infinite;
			
		}
		
		.color3-button {
			
		}
		
		
		#tri_menu_navigation {
			width: 100%;
		}
		
		#tri_menu_navigation.sticky {
			left: 0;
		}
		
		.tricomaai_navigation {
			display:flex;width: 100%;
			flex-direction: row;
			flex-wrap: nowrap;
			align-content: center;
			justify-content: space-between;
			align-items: center;
		}
		
		.bg {
		  /*width: 100%;
		  height: 100vh;
		  display: flex;
		  align-items: center;
		  justify-content: center;
		  
		  background-image: linear-gradient(-45deg, yellow 0%, yellow 25%, yellow 51%, #ff357f 100%);
		  -webkit-animation: AnimateBG 20s ease infinite;
				  animation: AnimateBG 20s ease infinite;*/
		}
		
		
		#navigation {
			padding: 10px 0;
			margin-left: 30px;
			margin-top: 2px;
			position: relative;
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			align-content: center;
			justify-content: flex-start;
			align-items: center;
		}
		
		.tri_header .tri_menu_navigation .tri_navigation li a {
			font-family: 'Open Sans';
			font-weight: 700;
			font-size: 16px;
			color: #1e1e1e;
			text-transform: unset;
		}
		
		.tri_header .tri_menu_navigation .tri_navigation li {
			height: unset;
		}
		
		#tri_menu_navigation.sticky {
			left: 0;
			padding: 0;
		}
		
		#tri_menu_navigation.sticky #navigation {
			margin-left: 0;
			margin-top: 0px;
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			align-content: center;
			justify-content: flex-start;
			align-items: center;
		}
		
		#tri_menu_navigation.sticky #navigation > li {
			line-height: unset !important;
			position: relative;
			float: unset;
			margin-right: 10px;
			padding-top: 6px;
			padding-bottom: 6px;
		}
		
		.tri_menu_navigation {
			padding: 0;
		}
		
		#tri_header_inner .header {
			padding: 6px 0;
		}
		
		div.untermenu {
			position: absolute;
			width: 400px;
			background: #fff;
			left: 0;
			display: none;
			padding: 0;
			box-shadow: 0 0 13px 0 rgba(0,0,0,0.05);
			border-radius: 15px;
			margin-top: 4px;
			display: block;
			z-index: -1;
			opacity: 0;
			transform-origin: top;
			max-height: 0;
			overflow: hidden;
			will-change: transform;
			transition: transform .15s cubic-bezier(0,0,.16,.96),opacity .25s cubic-bezier(0,0,.16,.96);
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			align-content: center;
			justify-content: center;
			align-items: center;
		}

		div.untermenu.active {
			opacity: 1;
			max-height: calc(700px);
			z-index: 200;
		}
		
		div.untermenu .container {
			max-width: 375px;
		}
		
		div.untermenu.features {
			width: 750px;
		}
		
		div.untermenu.features .container {
			max-width: 800px;
		}

		div.untermenu .columns {
			transform: translateY(-10px) scaleX(1);
			opacity: 0;
			transition: transform .25s cubic-bezier(0,0,.16,.96),opacity .5s cubic-bezier(0,0,.16,.96);
			transition-delay: .1s
		}

		div.untermenu .menu-footer {
			transition: transform .25s cubic-bezier(0,0,.16,.96),opacity .5s cubic-bezier(0,0,.16,.96);
			opacity: 0;
			transform: translateY(-10px) scaleX(1);
			transition-delay: .25s
		}

		div.untermenu.active .menu-footer {
			transform: translateY(0) scaleX(1);
			opacity: 1
		}

		div.untermenu.active .columns {
			transform: translateY(0) scaleX(1);
			opacity: 1
		}

		div.untermenu .columns.three {
			padding-left: 20px
		}

		div.untermenu .menu-footer {
			background: #f8f8f8;
			color: #666;
			height: auto;
			min-height: 60px
		}

		div.untermenu .menu-footer.software {
			height: 60px;
			line-height: 60px
		}

		div.untermenu .menu-footer>.titel {
			padding-top: 12px;
			padding-left: 20px;
			font-size: 20px;
			font-weight: 500;
			padding-bottom: 12px
		}

		div.untermenu .nav-menu {
			margin: 0;
			list-style-type: none;
			display: inline-block;
			padding: 30px;
			padding-bottom: 10px;
			width: calc(100% - 60px);
		}

		div.untermenu .nav-menu .nav-menu-link {
			position: relative;
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			align-content: center;
			justify-content: flex-start;
			align-items: center;
			border-radius: 15px;
			
		}
		
		div.untermenu .nav-menu .nav-menu-link {
			padding: 8px;
			width: 100%;
			transition: all 0.25s ease;
		}
		
		div.untermenu .nav-menu .nav-menu-link:hover {
			background-color: #f3f4f7;
		}
		

		/*div.untermenu .nav-menu .nav-menu-link:before,div.untermenu .nav-menu .nav-menu-link:hover::before {
			border-radius: 7px;
			background: #5d0ac2;
			content: " ";
			height: 50px;
			width: 7px;
			position: absolute;
			left: 0;
			top: -6px;
			transition: opacity .25 ease;
			display: none
		}*/

		div.untermenu .nav-menu .nav-menu-link.active:before,div.untermenu .nav-menu .nav-menu-link:hover::before {
			display: block
		}

		div.untermenu .nav-menu .nav-menu-link.active,div.untermenu .nav-menu .nav-menu-link:hover .nav-menu-haupt {
			color: #5d0ac2;
		}

		div.untermenu .nav-menu .nav-menu-haupt {
			display: inline-block;
			font-size: 16px;
			font-weight: 700;
			line-height: 1.3;
			color: #1e1e1e;
			margin-bottom: 4px;
			margin-left: 20px;
		}

		div.untermenu .nav-menu .nav-menu-haupt.nav-zentriert {
			padding-top: 8px
		}

		div.untermenu .nav-menu .nav-menu-haupt a {
			color: #1e1e1e;
		}

		div.untermenu .nav-menu .nav-menu-haupt a.active,div.untermenu .nav-menu .nav-menu-haupt a:hover {
			color: #5d0ac2;
		}

		div.untermenu .nav-menu .nav-menu-unter a {
			color: grey
		}

		div.untermenu .nav-menu .nav-menu-unter {
			display: block;
			font-size: 14px;
			line-height: 1.3;
			color: #999
		}

		div.untermenu .nav-menu .nav-menu-image {
			text-align: left;
			width: auto;
			display: inline-block;
			max-height: 60px;
			height: 60px;
			text-align: center;
		}
		
		div.untermenu .nav-menu .nav-menu-image img {
			height: 60px;
			width: auto;
		
		}
		
		div.untermenu .nav-menu .nav-menu-image svg {
    width: auto;
    height: 28px;
	height: 100px;
    fill: #4c4c4c;
}

div.untermenu .svg-image svg {
    width: auto;
    height: 30px;
    fill: #4c4c4c
}

div.untermenu .svg-image {
    position: absolute;
    left: 10px;
    text-align: left;
    top: 3px;
    max-height: 30px;
    max-width: 30px;
    width: auto;
    height: 30px
}

.kontakt-image {
    display: inline-block;
    text-align: center;
    width: 60px;
    position: relative;
    vertical-align: top
}

.kontakt-inner {
    display: inline-block
}

.kontakt-inner a {
    color: #666
}

.kontakt-inner a:hover {
    color: #000
}

.kontakt_hover:hover svg {
    fill: #5d0ac2!important
}

div.untermenu>.container {
    width: 100%
}

div.untermenu>.container>.columns.three {
    padding-top: 30px;
    padding-bottom: 10px
}

div.untermenu>.container>.columns.nine {
    overflow-y: auto;
    max-height: 580px;
    padding-top: 30px;
    padding-bottom: 10px;
    margin-left: 0;
    width: 78%
}

div.untermenu>.container>.columns.twelve {
    padding-top: 30px;
    padding-bottom: 10px;
    max-height: 580px;
    overflow-y: auto;
    padding-left: 20px;
    padding-right: 20px
}

div.untermenu .nav-menu li.columns.six:nth-child(odd) {
    clear: both
}
		
		.arrow {
			width: 12px;
			height: 12px;
			display: inline-block;
			position: relative;
			margin-left: 8px;
			transition: all .2s ease
		}

		.arrow.active span {
			opacity: 1;
			background-color: #5d0ac2
		}

		.arrow span {
			top: 5px;
			position: absolute;
			width: 7px;
			border-radius: 4px;
			height: 1.6px;
			background-color: #d2d2d2;
			display: inline-block;
			transition: all .2s ease
		}

		.arrow span:first-of-type {
			left: 0;
			transform: rotate(35deg)
		}

		.arrow span:last-of-type {
			right: 0;
			transform: rotate(-35deg)
		}

		.arrow2.active {
			opacity: 1
		}

		.arrow2 {
			width: 12px;
			height: 12px;
			display: inline-block;
			position: absolute;
			margin-top: 6px;
			margin-left: -12px;
			opacity: 0;
			transition: all .2s ease
		}

		.arrow2 span {
			top: 7px;
			position: absolute;
			width: 7px;
			border-radius: 4px;
			height: 1.6px;
			background-color: #d2d2d2;
			display: inline-block;
			transition: all .2s ease
		}

		.arrow2 span:first-of-type {
			left: 0;
			transform: rotate(35deg)
		}

		.arrow2 span:last-of-type {
			right: 0;
			transform: rotate(-35deg)
		}

		.arrow.top span:first-of-type {
			transform: rotate(135deg)
		}

		.arrow.top span:last-of-type {
			transform: rotate(-135deg)
		}

		.arrow.left span:first-of-type {
			left: 0!important;
			margin-top: -1px;
			transform: rotate(135deg)
		}

		.arrow.left span:last-of-type {
			left: 0!important;
			right: unset;
			margin-top: 3.5px;
			transform: rotate(-135deg)
		}

		.arrow.right span:first-of-type {
			right: unset;
			left: 0!important;
			margin-top: -1px;
			transform: rotate(35deg)
		}

		.arrow.right span:last-of-type {
			right: unset;
			left: 0!important;
			margin-top: 2.5px;
			transform: rotate(-35deg)
		}
		
		.explore_all_link {
			width: 100%;
			height: 50px;
			text-align: center;
			
		}
		
		.explore_all_link a {
			font-size: 14px !important;
			color: #5d0ac2 !important;
			transition: color 0.25s ease;
			font-weight: 400 !important;
		}
		
		.explore_all_link a:hover {
			color: #b815b6 !important;
		}

		
		
		@-webkit-keyframes AnimateBG {
		  0% {
			background-position: 0% 50%;
		  }
		  50% {
			background-position: 100% 50%;
		  }
		  100% {
			background-position: 0% 50%;
		  }
		}

		@keyframes AnimateBG {
		  0% {
			background-position: 0% 50%;
		  }
		  50% {
			background-position: 100% 50%;
		  }
		  100% {
			background-position: 0% 50%;
		  }
		}
		
		
		@media screen and (max-width: 990px) {
			#tri_bottombar > .container > .columns.six {
				text-align: center !important;
			}
		
			#tri_header .header > .container > .columns.three {
				width: 50%; 
			}
		
			.tri_header .tri_header_inner .header .header_logo {
				text-align: left;
			}
		
			#tri_header .header > .container > .columns.nine {
				width: 50%; 
			}
		
		}



/* ai Webseite Ende*/






@media screen and (max-width: 990px) {
	.header .header_logo {
		padding: 0;
	}

	#newsletter_wrapper > .container::after {
		display: none;
	}
	
	#newsletter_wrapper > .container form {
		width: 100%;
	}
	
	#tri_menu_navigation.sticky {
		background: #fff;
	}
	
	#tri_navigation > li > a {
		color: var(--template-mobile-navcolor);
	}
	
	#tri_navigation > li:hover > a {
		color: #444;
	}
	
	 #tri_navigation > li.aktiv > a,  #tri_navigation > li:hover > a, #tri_navigation li.aktiv > a { 
		color: var(--template-primary-color);
		background: transparent !important;
		font-weight: bold;
	 }
	 
	 #tri_navigation > li:not(.home):hover, #tri_navigation > li:not(.home).aktiv, #tri_navigation li.over ul.level0, #tri_navigation ul li.aktiv, #tri_navigation ul li:hover {
		 background: transparent !important;
	 }
	
	#tri_navigation li.has_childs::before {
		border-color: #444;
	}
	
	.tri_header .tri_menu_navigation .tri_navigation li a {
		color: #444;
	}
	
	#tri_navigation > li:not(.home):hover, #tri_navigation > li:not(.home).aktiv, #tri_navigation li.over ul.level0 {
    	
	}
	
	#tri_navigation ul li.aktiv, #tri_navigation ul li:hover {
		
		
	}
	
	#tri_navigation li.sale, #tri_navigation li.sale:hover, #tri_navigation li.sale.aktiv {
		padding: 0;
		
	}
	
	.tri_header .tri_header_inner .header .header_logo .logo img {
		max-height: 75px;
	}
	
}

@media screen and (min-width: 1290px) and (max-width: 1500px) {
	.tri_header .tri_menu_navigation .tri_navigation li a {
		font-size: 16px;
	}
	#tri_navigation > li {
		margin-right: 0;
	}
}

@media screen and (min-width: 1200px) and (max-width: 1289px) {
	.tri_header .tri_menu_navigation .tri_navigation li a {
		font-size: 16px;
	}
	#tri_navigation > li {
		margin-right: 0;
	}
}

@media screen and (min-width: 1000px) and (max-width: 1199px) {
	.tri_header .tri_menu_navigation .tri_navigation li a {
		font-size: 16px;
	}
	#tri_navigation > li {
		margin-right: 0;
	}
	
	.tri_header .tri_header_inner .header .tri_warenkorb li a {
		font-size: 13px;
	}
	
	.tri_topbar .usp_list li {
		font-size: 12px;
	}
}

@media screen and (max-width: 989px) {
	.burgermenu {
		position: absolute;
		bottom: 2px;
		display: block;
	}
	
	.tri_header .tri_menu_navigation .tri_navigation li a {
		font-size: 16px;
	}
	
	#tri_navigation li.sale, #tri_navigation li.sale:hover, #tri_navigation li.sale.aktiv {
		padding: 0;
	}
	
	#tri_navigation li.has_childs {
		padding-right: 0;
	}
	
	#tri_navigation li.has_childs::before {
		border-color: #616161;
		display: block;
	}
	
	#tri_navigation .level0 {
		margin: 0;
	}
	
	#tri_navigation .level0 li a {
		font-size: 16px;
	}
	
	#tri_navigation li.aktiv > a {
		color: var(--template-primary-color) !important;
	}
}

@media screen and (min-width: 990px) {
	#tri_menu_navigation .megamenu {
		border-top: 2px solid var(--template-primary-color);
	}
}

@media screen and (max-width: 600px) {
	.tri_container.columns.nine .artikel_box.columns {
		width: 100%;
		border-bottom: 1px solid #ccc;
		border-radius: 0;
	}
}




#warenkorb_wizard_auswahl > .container > .columns {
	background: #fec244;
	padding: 40px 40px;
	margin-bottom: 20px;
	display: flex;
}

#warenkorb_wizard_auswahl {
	margin-bottom: 20px;
}

#warenkorb_wizard_auswahl > .container a {
	color: #000;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	font-size: 24px;

}

@media screen and (max-width: 769px) {
	#warenkorb_wizard_auswahl > .container a {
		font-size: 18px;

	}
}

#warenkorb_wizard {
	padding: 20px 0;
	margin-bottom: 40px;
	position: relative;
}

.warenkorb_wizard .warenkorb_wizard_fragen {

}

.warenkorb_wizard .warenkorb_wizard_fragen .warenkorb_wizard_frage {
	margin-bottom: 30px;
	opacity: 1;
}
.warenkorb_wizard .warenkorb_wizard_fragen .warenkorb_wizard_frage.nicht_aktiv {
	opacity: 0.5;
}

.warenkorb_wizard .warenkorb_wizard_fragen .warenkorb_wizard_frage h3 {
	margin-bottom: 10px;
}

.warenkorb_wizard .warenkorb_wizard_antworten {
	display:flex; 
	flex-wrap:wrap; 
}


.warenkorb_wizard .warenkorb_wizard_antworten .warenkorb_wizard_antwort a {
	text-decoration: none;
}

.warenkorb_wizard .warenkorb_wizard_antworten .warenkorb_wizard_antwort {
	display: flex;
	flex-direction: column;
	padding: 20px;
	margin-right: 15px;
	background: #eee;
	cursor: pointer;
	margin-bottom: 20px;
}

.warenkorb_wizard .warenkorb_wizard_antworten .warenkorb_wizard_antwort:hover {
	background: var(--template-primary-color);
	color: #fff;

}

.warenkorb_wizard .warenkorb_wizard_antworten .warenkorb_wizard_antwort:hover a {
	color: #fff;
}

.warenkorb_wizard .warenkorb_wizard_antworten .warenkorb_wizard_antwort.aktiv {
	background: var(--template-primary-color);
	color: #fff;

}

.warenkorb_wizard .warenkorb_wizard_antworten .warenkorb_wizard_antwort.aktiv a {
	color: #fff;
}

@media screen and (max-width: 769px) {
	.warenkorb_wizard .warenkorb_wizard_antworten .warenkorb_wizard_antwort {
		width: calc(30% - 0px);
	}
} 
@media only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) { 
    .tri_warenkorb .anzahl_artikel {
       /* left: 28px;*/
    }
    .tri_warenkorb .anzahl_artikel_wk {
        /*left: 28px;*/
    }
}

@media only screen and (min-device-width: 390px) and (max-device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { 
    .tri_warenkorb .anzahl_artikel {
        /*left: 28px;*/
    }
    .tri_warenkorb .anzahl_artikel_wk {
        /*left: 28px;*/
    }
}



.merkliste_eintrag .price {
	color: var(--template-price-color);
}


/* tricomaai Zusatz */
.header {
	position: fixed;
	width: 100%;
	z-index: 100;
	background: #ffffffe0 !important;
	top: 0;
	backdrop-filter: blur(10px);
	height: unset;
}

#tri_header_inner.mobile_show .header {
	height: 100%;
}

.tri_header_inner, .tri_header .tri_header_inner .header_topbar {

}

#tri_menu_navigation, .tri_header_inner, .tri_header .tri_header_inner .header_topbar {
	background: transparent !important;

}
.tri_header .tri_header_inner .header_topbar {
	margin-top: 2px;
	margin-bottom:2px;
}
body {
	padding-top: 78px;
}


.topbar_logo {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: flex-start;
	align-items: center;
	margin-top: 4px;


}

.topbar_logo .tricomaaicon_beta {
	position: relative;
	left: unset;
	top: unset;
	margin-top: 9px;
	margin-left: -2px;
}


.tri_header .tri_header_inner .header .header_logo .logo img {
	max-height: 45px;
}

@media screen and (max-width: 989px) {
	body {
		padding-top: 74px;
	}

	.tri_header .tri_header_inner .header .header_logo .logo img {
		max-height: 45px;
	}

	.mobile_only {
		display: block;
	}

	#tri_menu_navigation.sticky {
		left: -330px;

	}

	#tri_menu_navigation {
		height: 100%;
		width: 100%;
		max-width: 100%;
		margin-top: 75px;
		left: -100%;
		display: none;
	}

	#tri_menu_navigation.mobile.show {
		left: 0;
		display: block;
	}

	#tri_menu_navigation.mobile.show #burgerschliessen {
		position: fixed;

	}

	#burgerschliessen {
		background: transparent;
		right: 6px;
		top: 14px;
		width: 26px;
		z-index: 1000;
		padding-left: 0;
	}

	.burgerschliessen span::before { 
		font-size: 26px;
	}

	#tri_header .header > .container {
		width: 98%;
		padding: 0 6px;
		margin: 0 6px;
	}

	#tri_header .header > .container > .columns.two {
		width: 50%;
	}

	#tri_header .header > .container > .columns.ten {
		width: 50%;
	}

	.tri_header .tri_header_inner .header .tri_warenkorb {
		margin-bottom: 0;
	}

	.burgermenu {
		position: relative;
		bottom: unset;
		margin-left: 24px;
		margin-top: 6px;
		transition: opacity 0.25s ease;
	}

	#tri_header_inner.mobile_show .burgermenu {
		opacity: 0;
	}


	.tricomaai_navigation {
		justify-content: flex-end;
		height: 65px;
	}

	.tri_header .tri_header_inner .header .tri_warenkorb li .color2-button {
		font-size: 13px;
		padding: 0px 16px !important;
		line-height: 34px !important;
		height: 34px;
	}

	#navigation {
		display: block;
		width: 100%;
		padding: 0;
		margin:0;
		margin: 0 auto;
		margin-top: 40px;
		max-width: 60%;
	}
	#navigation > li {
		padding: 0;
		position: relative;
		display: block;
		line-height: 18px;
		padding: 10px 0;
		text-align: center;

	}

	#navigation > li .arrow {
		display: none;
	}

	.tri_header .tri_menu_navigation .tri_navigation li a {
		font-size: 18px;
		font-weight: 700;
	}

	div.untermenu {
		width: 100%;
		background: transparent;
	}

	div.untermenu.features {
		width: 100%;
	}

	.topbar_logo {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: flex-start;
		align-items: center;
		margin-top: 12px;


	}

	.topbar_logo .tricomaaicon_beta {
		position: relative;
		left: unset;
		top: unset;
		margin-top: 0px;
		margin-left: 6px;
	}

	div.untermenu .nav-menu {
		margin: 0;
		list-style-type: none;
		display: flex;
		padding: 10px;
		padding-bottom: 10px;
		flex-wrap: wrap;
		flex-direction: row;
		align-content: center;
		justify-content: flex-start;
		align-items: center;
	}

	#tri_menu_navigation {
		transition: none !important;
	}

	#tri_header .header > .container > .columns.ten {
		width: calc(100% - 250px) !important;
	}

	#tri_header .header > .container > .columns.two {
		width: 250px !important;
	}

	.tri_header .tri_header_inner .header .header_logo .logo img {
		padding: 0 !important;
	}
}

@media screen and (max-width: 467px) {
	.tri_header .tri_header_inner .header .tri_warenkorb {
		display: none;
	}
}

@media screen and (min-width: 990px) and (max-width: 1100px) {
	#tri_header .header > .container > .columns.ten {
		width: calc(100% - 250px - 4%) !important;
	}

	#tri_header .header > .container > .columns.two {
		width: 250px !important;
	}
}

@media screen and (min-width: 1101px) {
	#tri_header .header > .container > .columns.ten {
		width: calc(100% - 250px - 4%) !important;
	}

	#tri_header .header > .container > .columns.two {
		width: 250px !important;
	}
}