/*
	Theme Name: Norlac NORMI
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Text Domain: norlac-normi
  	Template: hello-elementor
*/

.otgs-development-site-front-end {
	display: none;
}

.wpml-ls-legacy-list-horizontal .wpml-ls-flag + span {
	color: #fff;
	font-family: "Barlow", Sans-serif;
	font-size: 16px;
	font-weight: 700;
}

ul li.wpml-ls-slot-shortcode_actions {
	padding: 0px;
}

ul li.wpml-ls-slot-shortcode_actions a.wpml-ls-flag {
	display: flex;	
}

.wpml-ls-legacy-list-horizontal {
	padding: 0px;	
}

/* Accordion bei Hover öffnen */
.hover-accordion .elementor-accordion-item {
    cursor: pointer;
}

/* Panel öffnen, wenn darüber gehovert wird */
.hover-accordion .elementor-accordion-item:hover .elementor-tab-content {
    display: block !important;
    height: auto !important;
    opacity: 1 !important;
    padding: 15px !important;
}

/* Damit das Standardverhalten (Klicken) keine Konflikte macht */
.hover-accordion .elementor-tab-content {
    display: none;
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.25s ease;
}

.rechner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	color: #002A5A;
}

.rechner .medium-6 {
	width: 48%;

}

.rechner .medium-12 {
	width: 100%;
}

.rechner input[type="text"] {
	background-color: #ededed;
}

.rechner input[type="text"]:focus {
	background-color: #fff;
}

.rechner .columns {
	margin-bottom: 20px;
}

.rechner .columns.text-right {
	text-align: right;
}

.rechner .columns.text-center {
	text-align: center;
}

.download-category-title {
	text-align: center;
}

.download-list ul, .product-accordeon ul, .normi-accordion ul {
	padding: 10px;
	columns: 2;
}

@media only screen and (max-width: 767px) {
	.download-list ul, .product-accordeon ul, .normi-accordion ul {
		columns: inherit;
	}
}

.download-list ul li, .product-accordeon ul li, .normi-accordion ul li {
    list-style: none; /* Standard-Bullets entfernen */
    position: relative;
	padding:  10px;
    padding-left: 35px; /* Platz für das Dreieck */
	color: #303030;
	font-size: 20px;
}

.product-accordeon ul li, .normi-accordion ul li {
	padding: 0px;
	padding-left: 35px;
}

.download-list ul li a {
	font-size: 20px;
	color: #303030;
	margin-left: 15px;
}

.download-list ul li a:hover {
	font-size: 20px;
}

.download-list ul li::before, .product-accordeon ul li::before, .normi-accordion ul li::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 20px;

    /* Dreieck nach rechts */
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 12px solid #004f9f; /* Farbe des Pfeils */
}

.product-accordeon ul li::before, .normi-accordion ul li::before {
	top: 12px;
}

.product-accordeon.yellow ul li::before {
	border-left: 12px solid #FDC400; /* Farbe des Pfeils */
}

.product-accordeon.smart ul li::before {
	width: 10px;
	height: 10px;
	border: none !important;
	border-radius: 50%;
	background-color: #FDC400;
	top: 14px;
}

@media only screen and (max-width: 767px) {
	.woocommerce div.product div.images {
		margin-bottom: 0px;
	}
}

.woocommerce div.product div.images .flex-control-thumbs li {
	width: 100px;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
	width: 100px;
}

@media only screen and (max-width: 767px) {
	.woocommerce div.product div.images .flex-control-thumbs li,
	.woocommerce div.product div.images .flex-control-thumbs li img {
		width: 80px;
	}
}

.woocommerce-page div.product div.images {
	display: flex;
	justify-content: right;
}

.woocommerce div.product div.images .flex-control-thumbs {
	padding-left: 84px;
	width: 100%;
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 823px;
}

@media only screen and (max-width: 767px) {
	.woocommerce div.product div.images .flex-control-thumbs {
		padding-left: 10px;
		height: 100%;
	}
}

.woocommerce-breadcrumb {
	word-break: break-word;
}

.product_header_content {
	width: 100%;
	height: 823px !important;
	padding-left: 84px !important;
	gap: 0px !important;
	left: 50% !important;
}

@media only screen and (max-width: 767px) {
	.product_header_content {
		left: 0px !important;
		position: relative !important;
		padding: 10px !important;
		height: auto !important;
	}
}

.product_header_content > div {
	max-width: 840px !important;
}

.product_header_slider {
	height: 823px !important;
	min-height: 500px !important;
	overflow: hidden !important;
}

@media only screen and (max-width: 767px) {
	.product_header_slider {
		height: auto !important;
		min-height: auto !important;
		overflow: hidden !important;
	}
}
.product_header_content:before {
  content: "" !important;
  position: absolute !important;
  left: -40px !important;     /* wie weit der Schatten rausgeht */
  top: 0 !important;
  width: 40px !important;     /* Breite des äußeren Bereichs */
  height: 100% !important;
    background: linear-gradient(to left,
    #e5e9ee 0%,
    rgba(229,233,238,0) 100%
  );
  pointer-events: none;
}

.product_header_content > div {
	gap: 10px !important;
}

.woocommerce-breadcrumb {
	font-size: 24px !important;
}

.woocommerce-breadcrumb a {
	margin-right: 10px;
	margin-left: 10px;
}

.woocommerce-breadcrumb a:first-of-type {
	margin-left: 0px;
}

.woocommerce div.product div.images img, .woocommerce-product-gallery, .woocommerce-product-gallery .flex-viewport {
	margin-bottom: 0px;
}

@media only screen and (max-width: 767px) {
	.rechner .medium-6 {
		width: 100%;

	}	
}

.comparison-wrapper {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 30px;
}

.comparison-row {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 200px;
    align-items: center;
}

.comparison-cell {
    padding: 10px;
}


.product-title-cell {
    text-align: center;
    font-weight: bold;
}


.hit-table table tbody > tr:nth-child(2n+1) > td, table tbody > tr:nth-child(2n+1) > th  {
	background: rgba(244, 198, 53, 0.3);
}

.ass-table table tbody > tr:nth-child(2n+1) > td, table tbody > tr:nth-child(2n+1) > th  {
	background: rgba(0, 79, 159, 0.3);
}

.product-tag {
	padding: 3px 12px !important;
	color: #fff;
	font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
	font-size: var( --e-global-typography-primary-font-size );
	font-weight: var( --e-global-typography-primary-font-weight );

	text-transform: uppercase;
}

.product_tag-ass-trigosal .normi_acc .e-n-accordion-item-title,
.elementor-divider-separator {
	background: #aecabe !important;
}

.normi-accordion  .e-n-accordion-item-title {
	padding: 20px;
	/*background-color: var( --e-global-color-cd2ccc3 );*/
	display: flex;
	justify-content: space-between;
	cursor: pointer;
}

.product_tag-smart .normi-accordion ul li::before {
	border-left: 12px solid #0092e1;
}

.product_tag-first-class .normi-accordion ul li::before {
	border-left: 12px solid #000;
}

.product_tag-ass .normi-accordion ul li::before {
	border-left: 12px solid #004f9f;
}

.normi-accordion .e-n-accordion-item summary::marker {
	display: none;
	content: "";
}

.normi-accordion  .e-n-accordion-item-title h2 {
	font-size: var(--n-accordion-title-font-size);
	line-height: 36px;
	color: #fff;
	margin: 0px;
}

.normi-accordion .e-font-icon-svg {
	width: 13px;
}

.normi-accordion .e-font-icon-svg path {
	fill: #fff;
}

.normi-accordion details {
	margin-bottom: 20px;
	transition: height 0.4s ease;
}

.normi-accordion .normi-accordion__inner {
	padding: 0px 10px;
	margin: 10px;
}

.normi-accordion .e-opened {
	display: none;
}


.normi-accordion__inner {
    display: grid;
    grid-template-rows: 0fr; 
    transition: grid-template-rows 0.4s ease-in-out;
    overflow: hidden;
}

.e-n-accordion-item.is-active .normi-accordion__inner {
    grid-template-rows: 1fr;
}

.normi-accordion__content {
    min-height: 0;
}

.normi-accordion__content table{
	margin-block-start: 10px;
}

.e-n-accordion-item-title {
    cursor: pointer;
}

footer .elementor-nav-menu--dropdown {
	background-color: transparent;
}

footer .elementor-nav-menu--dropdown a,
footer .elementor-nav-menu--dropdown a:hover {
	color: #fff;
	padding: 10px 0px;
}

.product-view-wrapper .product-category-title {
	text-align: center;
}

.product-view-wrapper .product_view_item {
	width: calc(33.3333% - 40px);
	margin: 20px;
	margin-bottom: 40px;
	border-radius: 70px;
	transition: all .4s;
	cursor: pointer;
}

@media screen and (max-width: 922px) {
	.product-view-wrapper .product_view_item {
		width: calc(50% - 40px);	
	}
}

@media screen and (max-width: 767px) {
	.product-view-wrapper .product_view_item {
		width: 100%;	
	}
}

.product-view-wrapper .product_view_item:hover {
	border-radius: 70px;
}

.product-view-wrapper .product_view_item__bg {
height: 300px;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

.product-view-wrapper .product_view_item__title {
	color:#002A5A;
	text-align: center;
	padding: 35px;
}

.product-view-wrapper .product_view_item:hover .product_view_item__title {
	color: #fff;
}

.product-view-wrapper .product_view_item:hover .product_view_item__inner_wrapper {
	transform: scale(1.2);
}

.product-view-wrapper .product_view_item .product_view_item__inner_wrapper {
	transition: all .7s;
}
