.sp-text-foto:not(.sp-text-over-image) .sp-image-content:has(.sp-video) {
    width: 100%;
    height: 100%;
    min-height: 100%;
    min-width: 100%;
    max-height: unset;
    max-width: unset;
    aspect-ratio: 16 / 9;
}
.sp-video {
    height: 100%;
    width: 100%;
}

.youtube-player {
    height: 100%;
	position: relative;
}
.youtube-player img{
    object-fit: cover;
    aspect-ratio: 16 / 9;
}
.woocommerce-account .entry-content {
padding: 40px;display: flex;
}

.woocommerce-account .entry-content input {
    width: 100%;
}

.woocommerce-account .entry-content label {
    width: 100%;
    display: inline-block;
}

.woocommerce-account .entry-content span em {
    width: 100%;
    display: inline-block;
}

.woocommerce-account .entry-content .woocommerce {width: 100%;}
.woocommerce-MyAccount-content h2 {
    font-size: 2em;
    font-weight: 600
}

.woocommerce-MyAccount-content .addresses {
    margin-top: 40px
}

.woocommerce-MyAccount-content .addresses .woocommerce-Address .title {
    background-color: #f7f7f7;
    padding: 15px 25px;
    position: relative;
    border-bottom: 1px solid #fff
}

.woocommerce-MyAccount-content .addresses .woocommerce-Address .title h3 {
    font-size: 20px;
    font-weight: 400;
    margin: 0
}

.woocommerce-MyAccount-content .addresses .woocommerce-Address .title a {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 6px 15px;
    background-color: #fff;
    color: #898989
}

.woocommerce-MyAccount-content .addresses .woocommerce-Address .title a:hover {
    background-color: #f8f8f8;
    color: #555
}

.woocommerce-MyAccount-content .addresses .woocommerce-Address address {
    background-color: #f7f7f7;
    padding: 15px 25px;
    color: #898989
}

.woocommerce-MyAccount-content #payment .payment_methods {
    margin-bottom: 1.618em !important
}

.woocommerce-MyAccount-content #payment .payment_methods li .payment_box {
    background-color: rgba(0,0,0,.05)
}

p.stars span a {
    border-color: #eaeaea
}

@media(min-width: 768px) {
    .woocommerce-MyAccount-navigation {
        float:left;
        width: 14%;
	   margin-top: 30px;
    }

    .woocommerce-MyAccount-content {
        float: left;
        width: 82%;

    }
}
.woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 15px 0;
    padding: 0;
    border-top: 1px solid #eaeaea
}

.woocommerce-MyAccount-navigation ul li {
    list-style: none;
    border-bottom: 1px solid #eaeaea;
    position: relative
}

.woocommerce-MyAccount-navigation ul li a {
    padding: 12px 0;
    display: block
}

.woocommerce-MyAccount-navigation ul li a:before {
    display: inline-block;
  
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    text-rendering: auto;
    font-size: inherit;
    text-rendering: auto;

    line-height: 22px;
    margin-left: 8px;
    width: 20px;
    text-align: right;
    float: right;
    -moz-opacity: .45;
    -webkit-opacity: .45;
    opacity: .45;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -ms-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.woocommerce-MyAccount-navigation ul li a:hover:before {
    -moz-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1
}

.woocommerce-MyAccount-navigation ul li.is-active a:before {
    -moz-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1
}

.woocommerce-MyAccount-navigation ul li a::before {
   /* content: ">" !important;*/
}


.woocommerce-MyAccount-navigation-link.is-active {
}

.woocommerce-MyAccount-navigation-link.is-active > a {
    font-weight: 700;
}

.woocommerce-MyAccount-navigation ul li {
    border-bottom: 1px solid #fff !important;
}



.woocommerce-MyAccount-content a:hover {
    color: #303030;
}

.woocommerce-MyAccount-navigation ul {
}

.woocommerce-MyAccount-navigation-link > a {
    font-size: 14px;
    font-weight: 400;
    padding: .875em 0 !important;
    clear: both;
    display: block;  
}

.woocommerce-MyAccount-navigation-link > a:hover, .woocommerce-MyAccount-navigation-link.is-active > a {
    font-weight: 600;
}
.pdoc-documentlist {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); /* Set minimum column width to match item max width */
  gap: 20px; /* Ensures spacing between items */
  padding: 20px;
}

.pdoc-item {
  border: 1px solid #ddd;
  padding: 15px;
  background-color: #f9f9f9;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 250px; /* Ensure consistent size */
}

.pdoc-image img {
  max-width: 100px; /* Adjust to parent width */
  height: auto;
  margin-bottom: 10px;
}

.pdoc-tekst {
  margin: 5px 0;
}

.pdoc-tekst a {
  color: #007bff;
  text-decoration: none;
}

.pdoc-tekst a:hover {
  text-decoration: underline;
}
.sp-infosection {
    display: none !important;
}
.sp-header-thirdrow {
    display: none !important;
}
.site-branding a{
  height: fit-content;
  display: inline-block;
  margin: auto 0;
}
input#rememberme {
    width: 16px;
}
button.woocommerce-button.button.woocommerce-form-login__submit {
    float: right;
}
p.woocommerce-LostPassword.lost_password {
    width: 100%;
    display: inline-block;
    text-align: right;
}
.woocommerce-account .entry-content:has(.woocommerce-form-login) {
    max-width: 500px;
    margin: 0 auto;
}
main {
	display: block;
	min-height: calc(100vh - 405px);
	margin-bottom:30px;
}
.custom-account-content {
    margin-bottom: 34px;
}
.custom-dashboard-content .sp-text-foto{
    margin-left: 0;
}

.woocommerce-account input[readonly],.woocommerce-account #account_first_name, .woocommerce-account #account_last_name,.woocommerce-account #account_email {
  background-color: #f5f5f5;
  cursor: not-allowed;
}
#account_display_name_description{
display: none;
}
.woocommerce-account .woocommerce-form-row:has(#account_display_name){
display:none;
}
.woocommerce-account p.woocommerce-form-row{
  max-width: 600px;
  display:inline-block;
  margin-right: 30px;
  min-width: 250px;
	  width: 100%;
}
form.woocommerce-EditAccountForm.edit-account {
    padding: 40px;
}
form.woocommerce-EditAccountForm.edit-account fieldset {
    margin-top: 40px;
}
.dashboard_account_details_container, .dashboard_account_container  {
    margin: 40px;
}
/* Shared animated dropdown styles */
#customer-edit-container,
#user-update-container,
#new-contact-container {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.4s ease;
}

#customer-edit-container.open,
#user-update-container.open,
#new-contact-container.open {
  max-height: 1000px; /* Adjust this to suit your tallest form */
}
.dashboard_account_details_container .woocommerce-Button.button{

}

.dashboard_account_details_container .woocommerce-Button.button {
  text-transform: lowercase;
}

.dashboard_account_details_container .woocommerce-Button.button::first-letter {
  text-transform: uppercase;
}
.woca_user_record,  .woca_user_header {
    display: inline-block;
    width: 100%;
}
.woca_user_header {
   font-weight: bold;
}
.woca_user_record div, .woca_user_header div {
    display: inline-block;
    width: 33%;
}

/*--------------------------TEMP CSS----------------------------------*/
.sp-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}


.sp-product-gallery-images.selected , .sp-product-gallery-thumbs.selected {
display:block !important;
}
.sp-product-gallery-image:first-child {
 width: 90%;
}
.sp-product-gallery-images.selected .sp-product-gallery-image-container:not(.sp-product-gallery-image-container:first-child) {
display: none;
}
.sp-certificate {
  max-width: 300px;
  display: flex;
  flex-wrap: wrap;
  gap: 15px; /* Optional: adds space between images */
  margin: 10px
}

.sp-cert-image {
  height: 50px;
  width: auto;
  object-fit: contain; 
}

.sp-certificate:not(.selected), .sp-techdata-table:not(.selected), .sp-downloads-tab-content:not(.selected),.sp-swatch:not(.selected) sp-product-gallery-images selected {
    display: none;
}

.sp-product-gallery-thumbs-outer {}
.sp-product-gallery-thumbs.selected , .sp-product-gallery-thumbs.selected {
display:flex !important;
}
.sp-swatch-image, .sp-product-gallery-thumbs {
 width:100px;
}
.sp-product-gallery-thumbs.selected .sp-product-gallery-thumbs-container:not(.sp-product-gallery-thumbs-container:first-child) {
display: none;
}
.sp-product-gallery-arrows {
    display: none;
}
span.sp-variation-itemno:not(.selected) {
    display: none;
}

.sp-product-details-header, .sp-related-products-header {font-weight: 700;font-size: 42px;line-height: 57.6px;letter-spacing: -1%;margin-bottom: 20px;}
.sp-product-details {
	background-color: var(--light-background);
	padding: 90px 60px;
	position: relative;
}
.sp-product-details
nav.sp-tab-menu {
width: 1312;
height: 44px;
gap: 20px;
padding-bottom: 0;
border-bottom: 1px solid #CBD5E1;

}
section.sp-product-details:before {
    content: " ";
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2248%22%20height%3D%2224%22%20viewBox%3D%220%200%2048%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cg%20transform%3D%22rotate(180%2024%2012)%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M48%2024C48%2010.7452%2037.2548%200%2024%200C10.7452%200%200%2010.7452%200%2024H48Z%22%20fill%3D%22%23ffffff%22%3E%3C%2Fpath%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
    background-position: left;
    height: 24px;
    position: absolute;
    top: 0px;
    background-repeat: no-repeat;
    width: 100%;
    max-width: 100%;
    left: 53%;
    transform: translateX(-50%);
    z-index: 900;
    background-position-x: 16px;
    pointer-events: none
}
.sp-tab{
    height:100%;
    padding-left: 4px;
    padding-right:16px
}
.sp-tab.active {
    border-bottom: 2px solid  #0A1314;

}

.sp-tab-content {
    margin-top: 20px
}

a.sp-download-button {
        color: white;
    text-decoration: none;
    background-color: var(--bg-dark-color);
    padding: 10px 15px;
    border-radius: var(--default-button-border-radius);
    margin-top: 5px;
	
	padding: 10px 20px;    
	align-items: center;
    display: inline-flex;
}

.sp-downloads-tab-item-text {
    display: inline-block;
    font-weight: 500;
    height: 24px;
	line-height:20px;
}


.sp-downloads-tab-item {
    display: flex;
    text-align: center;

}

.sp-downloads-tab-content.selected {
          display: flex;
          flex-direction: row;
    gap:20px;
}
a.sp-download-button:after {
    content: " ";
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M21 3H15M21 3L12 12M21 3V9' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M21 13V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H11' stroke='white' stroke-width='1.5' stroke-linecap='round'/></svg>");
margin-left: 7px;
    top: 0px;
    background-repeat: no-repeat;
  
display: inline-block;
    width: 24px;
    height: 24px;
    background-size: contain;
}
.sp-swatch.selected img.sp-swatch-image {
    border: 3px solid black;
}
button.sp-var-size.selected {
    color: white;
    background-color: var(--bg-dark-color);
}
div#sp-workstep-main {
    width: 50%;
    display: inline-block;
}
.sp-workstep-use {
    width: calc(49% - 60px);
    display: inline-block;
    vertical-align: top;
    margin: 0 30px;
    background-color: #ffffff;
	position:relative
}
.sp-workstep-use-container {
    display: flex;
    flex-direction: row;
    gap: 20px;
	position:relative;
	background-color:#ffffff;
	padding: 40px;    
	flex-wrap: wrap;
}
.sp-workstep-use-container > * {
    flex: 1 1 calc(50% - 20px); 
	max-width: 243px;
}
.sp-workstep-use-item-image {
    background-color: #F0F0F0;
    padding: 0 40px;
}

.sp-workstep-use-item-text h5 {
    padding:0;
    margin-block-start: 0.5em;
    margin-block-end: 0;
}

.sp-workstep-use-item-text p {
    padding:0;
    font-size: 12px;
}
.sp-workstep-use-item * {
    text-decoration: none !important;
}
.sp-workstep-use-header{
height:26px;
font-weight: 700;
font-size: 24px;
line-height: 120%;
letter-spacing: -1%;
margin-bottom: 20px;
margin-top: 20px;
	padding:10px 30px;

}
.sp-workstep-use:before {
    content: " ";
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2248%22%20height%3D%2224%22%20viewBox%3D%220%200%2048%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cg%20transform%3D%22rotate(180%2024%2012)%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M48%2024C48%2010.7452%2037.2548%200%2024%200C10.7452%200%200%2010.7452%200%2024H48Z%22%20fill%3D%22%23F0F0F0%22%3E%3C%2Fpath%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
    background-position: left;
    height: 24px;
    position: absolute;
    top: 0px;
    background-repeat: no-repeat;
    width: 100%;
    max-width: 100%;
    left: 53%;
    transform: translateX(-50%);
    z-index: 3;
    background-position-x: 16px;
    pointer-events: none;
}
button.sp-var-size.disabled {
    opacity: 0.2;
    pointer-events: none;
}
/* PRODUCT PAGE MOBILE STYLING */
@media screen and (max-width: 768px) {
	.sp-breadcrumb {
		font-size: 12px;
	}
	.sp-breadcrumb a {
		text-decoration: none;
	}
	div.product {
		display: block;
		padding-top: 24px;
	}
.sp-single-product-view {
	display: block;
}
	.sp-product-gallery {
		max-width: 100%;
		overflow: hidden;
	}
	.sp-product-gallery-image, .sp-product-gallery-image:first-child {
		width: 100%;
	}
	.sp-product-gallery-thumb-container {
		width: 20%;
	}
	.sp-product-gallery-thumbs.selected, .sp-product-gallery-thumbs.selected {
		width: 100%;
	}
	.sp-product-info {
		margin-top: 36px;
	}
	.sp-product-info h1 {
		font-size: 34px;
		font-weight: 700;
	}
	.sp-product-features h2 {
		font-size: 16px;
		margin-top: 24px;
	}
	.sp-product-features li {
		font-size: 14px;
		font-weight: 500;
	}
	.sp-product-features li:before {
		margin-top: 4px;
	}
	.sp-product-variation-selectors h3 {
		font-size: 16px;
		margin-bottom: 0;
	}
	.sp-product-variation-selectors .note {
		font-size: 14px;
	}
	.sp-swatches {
		margin-top: 12px;
		width: 100vw;
		padding-left:  20px;
		position:  relative;
		left:  50%;
		transform: translateX(-50%);
	}
	.sp-swatches .sp-swatch {
		width: calc(25% - 7px);
		padding: 4px;
	}
	.sp-swatch-text {
		font-size: 14px;
	}
	.sp-swatch-image {
		width: 80%;
	}
	.sp-sizes {
		margin-top: 12px;
	}
	.sp-sizes button {
		font-size: 16px;
		padding: 12px 16px;
	}
	.sp-product-details {
		width: 100vw;
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		padding: 48px 20px;
	}
	.sp-tab-content {
		font-size: 14px;
	}
	div#sp-workstep-main {
		width: unset;
		display: block;
	}
	div#sp-workstep-main li::marker {
		display: none !important;
	}
	.sp-downloads-tab-content.selected {
		flex-wrap: wrap;
	}
	.sp-downloads-tab-item {
		flex-shrink: 0;
	}
}
.sp-filtergroup {
border-bottom: 1px solid #D2D2D2;
  min-width:288px;
  padding-bottom:10px;    
}
.sp-filtergroup .sp-filter-header-trigger{
      position: relative;
}
.sp-filtergroup .sp-filter-header-trigger::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: rotate(45deg); /* Down */
  margin-right: 5px;
  position: absolute;
  right: 5px;
  top: 50%;
}
.sp-filtergroup:has(.sp-filter-dropdown.open) 
.sp-filter-header-trigger::before {
  transform: rotate(-135deg); /* Up */
}
.sp-related-products-content{
display: flex;
	gap:20px;
	overflow:auto;
}
.sp-related-products {
    width: 100%;
    grid-column: span 12;
    padding: 90px 60px;
    position: relative;
}
.sp-repeater-item.sp-product-loop-item {
max-width: 310px;
}
@media screen and (max-width: 768px) {
  .sp-filter-content-wrapper {
    display: none;
}
.sp-filter-content-wrapper.active {
    display: block;
    position: fixed;
    z-index: 999;
    height: 100vh;
    width: 100vw;
    background-color: white;
    top:  0;
    left: 0;
    padding: 20px;
}

	
	.sp-related-products {
		padding: 0;
		padding-top: 48px;
		padding-bottom: 48px;
	}
	.sp-related-products-header {
		font-size: 34px;
	}
	.sp-related-products-content {
		width: 100vw;
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		padding-left: 20px;
		padding-right: 20px;
		gap: 12px;
		overflow-x: scroll;
		padding-bottom:  12px;
		scroll-padding-block-start: 24px;
		scroll-margin-left: 24px;
	}
	.sp-related-products-content .sp-product-loop-item {
		width: calc(50vw - 40px);
		flex-shrink: 0;
	}
	.sp-repeater-item.sp-product-loop-item {
		max-width: 100%;
	}
}
.sp-repeater-item.sp-product-loop-item * {
    text-decoration: none !important;
}
.sp-product-loop-image {
    background-color: #F0F0F0;
    padding: 40px;
    height: 243px;
    width: 243px;
}
@media screen and (max-width: 768px) {
	.sp-open-mobile-filters {
		padding: 12px 32px;
		font-size: 16px;
		display: flex;
		align-items: center;
	}
	.sp-open-mobile-filters:before {
		content: " ";
		background-image: url("assets/icons/mobile-filters-trigger.svg");
		height: 25px;
		width: 25px;
	}
	.sp-product-loop-image {
		width: 100%;
		aspect-ratio: 1;
		height: unset;
		padding: 24px;
	}
	.woocommerce-loop-product__title {
		font-size: 12px;
		font-weight: 700;
		margin-bottom: 0;
	}
	.sp-loop-shortdescription {
		font-size: 10px;
	}
}

.entry-content:has(.filters) .sp-hero {
   grid-column: 1 / span 2;
}

.sp-search-outer,
.sp-langselector-outer,
.sp-quicklinks-outer {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	position: relative;
}
.sp-langselector-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;                 /* <-- was max-content */
  max-width: 100%;
}

.sp-langselector-listbox {
    box-sizing: border-box;
    width: 100%;
    min-width: max-content;
    color: #000000;
    z-index: 100000;
}

.sp-langselector-listbox a {
  padding: 4px 5px;           /* inner padding per row (optional) */
	color: #000000;
  text-decoration: none;
}
.sp-langselector-listbox a:hover {
  color:#000000;           /* inner padding per row (optional) */
}
.sp-langselector-listbox {
  display: none;
  position: absolute;
  top: calc(100% + 5px);
  background-color: #fff;
  padding: 15px;               /* outer inset around everything */
  border-radius: 15px;
  width: 100%;
  box-sizing: border-box;      /* keep padding inside width */
  left: -20px;
}
.sp-langname { white-space: nowrap; }
.sp-langflag {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    overflow: visible;
    margin-top: 2px;
}
.sp-langselector-item.sp-currentlang .sp-langflag[src*="globe.svg"] {
  filter: invert(1);
}
.sp-topbar-login a {
  display: inline-flex;
  align-items: center;   /* centers icon and text on the middle */
  gap: 6px;
  text-decoration: none;
  color: inherit;
}

.sp-loginsymbol {
  width: 20px;
  height: 20px;
}
	.sp-search-button {

		padding: 3px 0 0 0;
	}

.sp_product-seach-container, .sp-items-search-container {
    width: 100%;
    padding: 20px 20px;
    position: relative;
}
@media screen and (max-width: 768px) {
	.sp-mobile-menu-footer .sp-langselector-listbox {
    background-color: white;
    box-shadow: 0 2px 6px rgba(0,0,0,0.12);
    top: 50%;
    left: calc(100% + 15px);
    transform: translateY(-50%);

}
	.sp_product-seach-container, .sp-items-search-container {
		padding: 20px 0px;
	}
}
@media screen and (min-width: 768px) {
.sp-footer-menu-header-container {
	pointer-events: none;	
}
}

input#sp_product-seach-input, input#sp_items-search-input, input.sp-items-search-input {
        border-radius: 30px !important;
    color: #666;
    text-align: left;
    -webkit-appearance: none;
    box-sizing: border-box;
    margin: 0;
    height: auto;
    font-family: Brown, sans-serif;
    padding:13px 24px 13px  48px;
    line-height: normal;
    font-size: 14px;
    background: #fff;
    box-shadow: 0 0 0 1px #eee;
    width: 98% !important;
    margin-left: 1% !important;
}
@media screen and (max-width: 768px) {
	input#sp_product-seach-input, input#sp_items-search-input, input.sp-items-search-input {
		padding-left: 48px;
		font-size: 16px;
		font-weight: 400;
	}
}
svg.sp-ico-magnifier {
    position: absolute;
    left: 45px;
    top: 33px;
}
@media screen and (max-width: 768px) {
	svg.sp-ico-magnifier {
		left: 24px;
		top: 35px;
	}
}
.sp-guide-container {
    display: flex;
}

.sp-guide-container > * {
    flex: 1 1 calc(25% - 20px);
  max-width:320px
}
.sp-faq-question {
    font-weight: bold;
}
.reset-filters {
    margin-top: 15px;
    margin-bottom:10px;
}

.sp-product-items-container, .sp-filter-items-container {
    max-width: calc(100% - 40px);
	    padding: 0 25px;
}
@media screen and (max-width: 768px) {
	.sp-product-items-container, .sp-filter-items-container {
		max-width: unset;
		width: unset;
		padding: unset;
	}
}

ul.danger-icons img {
    width: 50px;
}

ul.danger-description {
        list-style: none;
   
    padding: 0;
    margin-left: 0;
   display: inline-block;
}

ul.danger-icons {
    list-style: none;
    padding: 0;
    margin-left: 0;
    margin-top:20px;
  display: flex;
  gap: 10px;
	    max-width: 150px;
}
.filters {
    max-width: 300px;
}
@media screen and (max-width: 768px) {
	.filters {
		max-width: unset;
		margin: 0;
	}
}
.sp-breadcrumb-container {
    width: var(--default-page-width);
    max-width: var(--max-default-page-width);
    margin-left: auto;
    margin-right: auto;
    display: grid;
    row-gap: 30px;
    column-gap: 30px;
    margin-top:30px;
}
.sp-breadcrumb .divider-arrow {
    display: inline-block;
    padding: 0px 6px;
    vertical-align: middle;
}
.sp-header-secondrow {
    height: 70px;
    font-weight: var(--default-font-weight);
    border-top: 1px solid #333B3B;
    align-content: center;
    background-color: var(--bg-dark-color);
    color: white;
    width: 100%;
    border-bottom: none;
    margin-top: 10px;
    padding-top: 10px;
}

	.sp-topbar .sub-menu  a:hover {
		 color: var(--wocadark);
	}
.sp-footer-menu a:hover, .sp-footer-menu a:focus, .sp-footer-menu  a:active, .sp-footer-menu a:visited, .sp-footer-menu-hori .menu a:hover, .sp-footer-menu-hori .menu a:focus, .sp-footer-menu-hori .menu  a:active, .sp-footer-menu-hori .menu a:visited, .site-info a:hover, .site-info a:focus, .site-info  a:active, .site-info a:visited
 {
	color:white;
}
.site-info h2.footer-header{
    margin-bottom: 5px;
}
.sub-menu {
  display: flex;          /* makes list items sit next to each other */
  flex-wrap: nowrap;      /* prevents wrapping to the next line */
  list-style: none;       /* removes default bullets */
  padding: 0;
  margin: 0;
  width:auto !important;
}
.sub-menu a {
  white-space: nowrap;    /* keeps long link text on one line */
  display: inline-block;
}
.sp-search-content-container{
	    width: var(--default-page-width);
    margin-left: auto;
    margin-right: auto;
}
.sp-search-content-container a.post-thumbnail img {
    width: 250px;
}
@media(min-width: 768px) {
.sp-mobile-menu-footer {
    display: none;
}
}
@media screen and (max-width: 768px) {
.sp-mobile-menu-header {
    background-color: var(--default-color);
    padding: 14px 24px;
}
.sp-menu-section {
    padding: unset;
}
.sp-mobile-menu-header-upper {
    justify-content: center;
}
.sp-mobile-menu-header-lower {
    display: flex;
    justify-content: space-between;
    align-items: center;
    
    margin-top: 10px;
    padding-top: 10px;
}
.sp-mobile-header-logo {
    height: 43px;
}
.sp-mobile-header-right {
    display: flex;
	gap: 14px;
}
	.sp-mobile-menu-closer img {
		display: block;
	}
	.sp-actual-menu {
		height: auto;
	}
	.sp-actual-menu, .sp-actual-menu a {
		color: var(--default-color);
		
	}
	img.mobilemenu-subselector {
    width: 40px;
		height: 40px;
    padding: 10px 10px 10px 10px;
    float:  unset;
    position: absolute;
    top: -5px;
    right:  0;
		transition: transform 0.3s ease; /* Valgfritt for en jevn rotasjon */
        transform-origin: center;
}
	li:has(ul.sub-menu.active) .mobilemenu-subselector {
		transform: rotate(180deg);
        transform-origin: center; 
	}
.main-navigation ul.sub-menu {
    position: static;
    height: auto;
    padding: 0;
    padding-top: 12px;
}
	
.main-navigation ul.sub-menu > li > a {
	font-size: 18px;
}
	.main-navigation ul.sub-menu > li:not(:last-child) {
		margin-bottom: 12px;
	}
  .sp-mobile-menu-footer {
    display:  flex;
    gap: 48px;
    align-items: center;
    padding:  0 25px;    
}
.sp-mobile-menu-footer,
.sp-mobile-menu-footer a {
    color:  var(--default-color);
    font-size: 18px;
    font-weight: 500;
}
	.sp-mobile-menu-login a {
		display: flex;
		gap: 8px;
		align-items: center;
	}
}
.sp-filter-products-container, .sp-filter-content-container {
    display: grid;
    grid-template-columns: 1fr 4fr;
    width: var(--default-page-width);
    margin-left: auto;
    margin-right: auto;
    max-width: var(--max-default-page-width);
	margin-bottom:60px;
}
@media screen and (max-width: 768px) {
	.sp-filter-products-container, .sp-filter-content-container {
		grid-template-columns: 1fr;
	}
}
.entry-content:has(.filters) {
    display: block;
    grid-template-columns: 1fr 4fr;
    width: auto;
    margin: 00 0;
}
.sp-repeater.sp-infocard-items:has(.sp-faq-question-box) {
width: calc(100% - 30px);

	    row-gap: 15px;
}
.sp-faq-question::after{
content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-right: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    transform: rotate(45deg);
    margin-right: 5px;
    position: absolute;
    right: 5px;
    top: 35%;
    float:right;
}

.sp-faq-question{
	    padding-right: 24px;
    position:relative;
}
.sp-faq-question-box:has(.sp-faq-answer.open) .sp-faq-question::after {
    transform: rotate(-135deg);
}
.sp-faq-question-box .sp-faq-answer.open{
    display:block;
}
.sp-faq-question-box .sp-faq-answer{
    display:none;
}
.sp-faq-question-box{
	    border: 1px solid #CBAD91;
	    padding: 15px;
	margin: 0 20px;
}
	.main-navigation ul li:hover:after {
		height: 20px;
	}

.filters:not(:has(.sp-filtergroup)) {
    width:0px;
    max-width: 0px;
    display: none;
}

.sp-filter-content-container:not(:has(.filters .sp-filtergroup)) {
  grid-template-columns: 1fr;
}

.sp-infocard-items .sp-repeater-item:has(.sp-text-box .sp-linkbox) {
padding-bottom:25px;
    position: relative;
}
.sp-page-loop-image img {
    height: 210px;
    object-fit: cover;
    width: 100%;
}

.sp-staff-info span {
    display: inline-block;
    font-size: var(--p-big-size);
    margin-right: 5px;
}

.sp-staff-area {
    font-size: var(--p-big-size);
    color: #0A1314;
    margin: 0;
    font-weight: bold;
}

.sp-staff-name {
     font-size: var(--p-big-size);
    color: #0A1314;
    margin: 0;
}
.sp-staff-info.sp-staff-phone, .sp-staff-info.sp-staff-website {
      font-size: var(--p-big-size);
}

 /*------------------------------ CONTACT FORM ------------------------------*/
 .team-members-scroll-up-button, .team-members-scroll-down-button {
  display: none;
 }
 .sp-teams-main-block:not(.active) {
   display: none;
 }
.sp-staff-block.hidden, .sp-staff-block-contactform.hidden {
    display: none;
}
.sp-team-tabs {
  display: flex;
  height: 35px;
  padding-top: 0px;
  gap: 0;
  margin-bottom: 8px;
  overflow-x: scroll;
  scroll-behavior:smooth;
  scroll-snap-type: x mandatory;
  position: relative;
}
.sp-team-tabs::-webkit-scrollbar {
  display: none;
}
.sp-team-tabs .sp-team-tab {
  padding: 10px 15px 10px 15px;
  font: var(--body-font-small);
  flex-shrink: 0;
  scroll-snap-align: start;
}
@media screen and (min-width: 768px) {
  .sp-team-tabs .sp-team-tab {
    font: var(--body-font);
  }
}
.sp-team-tabs .sp-team-tab:not(.active) {
  cursor: pointer;
  font-weight: 600;
  color: var(--silvergrey-letters);
}
.sp-team-tabs .sp-team-tab.active {

  color: var(--default-text-color);
  font-weight: 800;
}
.sp-team-tabs .sp-team-tab.active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 90%; /* adjust width here */
  height: 3px;
  background-color: var(--bg-dark-color);
  border-radius: 2px;
}
.sp-team-tabs .sp-team-tab {
  position: relative;
  padding: 10px 15px;
  font: var(--body-font-small);
  flex-shrink: 0;
  scroll-snap-align: start;
}
.sp-repeater:has(.sp-contact-main-section) {
  display: block;
  overflow:  hidden;
	margin-bottom: 48px;
}
.sp-teams-main-block.active {
  display: flex;
  gap: 15px;
}
@media (max-width: 767px)  {
	.sp-repeater:has(.sp-contact-main-section) {
		padding-bottom: 24px;
	}
  .sp-teams-main-block.active {
  flex-wrap: nowrap;
  gap: 15px;
  overflow-x: scroll;
  scroll-behavior:smooth;
  scroll-snap-type: x mandatory;
}

.sp-teams-main-block::-webkit-scrollbar {
  display: none;
}
}
  .sp-teams-main-block.active {
  display: flex;
  flex-wrap: nowrap;
  gap: 15px;
}

.sp-staff-block {
  flex-shrink: 0;
  flex-grow:0;
  border: 2px solid var(--discrete-border);
  border-radius: var(--default-border-radius);
  font: var(--body-font-small);
  padding: 20px;
  position: relative;
  color:  var(--default-color);
}
@media (max-width: 767px)  {
  .sp-staff-block {
    flex-basis: 98%;
    scroll-snap-align: start;
    padding: 12px;
    height: max-content;
  }
}
.sp-staff-block a {
  text-decoration: none;
  color: var(--default-color);
}
.sp-staff-block .sp-image-container:not(.linkedinimage) {
  height: 75px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  overflow:hidden;
}
@media (max-width: 767px)  {
	.sp-staff-block .sp-image-container:not(.linkedinimage) {
		height: unset;
		max-width: 25%;
	}
}
.sp-staff-block .sp-image-container:not(.linkedinimage) .sp-image-content img {
  width: 100%;
  object-fit: cover;
}
.sp-staff-block .sp-image-container.linkedinimage {
  position:absolute;
  top: 20px;
  right: 20px;
  overflow: hidden;
  height: 35px;
  aspect-ratio: 1/1;
  
}
.sp-staff-block .sp-image-container.linkedinimage img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.sp-staff-block .sp-staff-name {
  font-weight: 600;
}
.sp-staff-block .sp-text-container {
  margin-top: 20px;
}
.sp-staff-contactinfo {
 display: flex;
 column-gap: 8px;
 margin-top: 8px;
 flex-wrap: wrap;
}
.sp-staff-phonenumber::after {
  content: "|";
  margin-left: 4px;
}
.sp-staff-block .sp-web-site {
  flex-basis: 100%;
  flex-shrink: 0;
  font-weight: 600;
}
.sp-repeater .sp-contact-box .sp-col2, .sp-shortcode:has(.wpcf7)  {
  margin-top: 58px;
  background-color: var(--bg-dark-color);
  padding: 25px 25px;
  border-radius: var(--default-border-radius);  
  color: white;
  font: var(--body-font-small);
  font-weight: 300;
  font-size: 12px;
}
.sp-repeater .sp-contact-box .sp-col2 a {
  color: white;
}
form.wpcf7-form {
  margin-bottom: 0;
}
.sp-contact-form-header {
  font-size: var(--p-big-size);
  margin-bottom: 24px;
}
.sp-cf7-single-field-line p {
  display: block;
}
span.wpcf7-form-control-wrap input {
  max-width: 100%;
  height: 50px;
  padding-left: 15px;
}
span.wpcf7-form-control-wrap textarea {
  padding-left: 15px;
  padding-top: 15px;
  display: block;
}
span.wpcf7-form-control-wrap input::placeholder,
span.wpcf7-form-control-wrap textarea::placeholder
{
  color: #22303d50;
}
.sp-cf7-single-field-line p, .cf7-two-on-line p {
  margin: 0;
}
.sp-cf7-single-field-line, .cf7-two-on-line, .cf7-two-on-line span:first-child {
  margin-bottom: 10px; 
  display: block;
}

.sp-cf7-checkbox-line span {
  display: block;
}
.team-tabs-scroll-button {
  display: none;
}
.sp-cf7-checkbox-line label,
.sp-cf7-checkbox-line .wpcf7-list-item.first.last {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.sp-cf7-checkbox-line span.wpcf7-form-control-wrap input {
  height: 25px;
}
.wpcf7-list-item {
  margin-left: 0px;
}
span.wpcf7-form-control.wpcf7-acceptance input[type="checkbox"],
span.wpcf7-form-control.wpcf7-checkbox input[type="checkbox"] {
  width: 19px;
  height: 19px;
  border-radius: 3px;
  vertical-align: middle;
  background-color: white;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;
  border: 1px solid var(--discrete-border);
}
.sp-cf7-checkbox-line input[type="checkbox"]:checked {
  appearance: auto;
  background-color: var(--braorange) !important;
}
.sp-cf7-checkbox-line input[type="checkbox"]:checked::after {
  content:'';
  position:absolute;
  left:5px;
  top:3px;
  width: 7px;
  height:10px;
  border:solid #fff;
  border-width:0 2px 2px 0;
  transform:rotate(45deg);    
}
.sp-cf7-checkbox-line {
  margin-bottom: 8px;
}
.wpcf7-submit {
  height: 35px;
  width: 100%;
  font: var(--body-font);
  font-weight: 600;
  margin-top: 15px;
}
.wpcf7-spinner {
  display: none;
}
.sp-contact-main-section {
    margin-top:  15px;
}
.wpcf7-form p {
    margin: 0px;
}
.sp-teammembers-container {
  position: relative;
  
}
@media (max-width: 767px)  {
  .team-tabs-scroll-button.mobile {
    position: absolute;
    top: 10px;
    z-index: 2;
  }
  .team-tabs-scroll-button.mobile img {
   height: 20px;
    width: 25px;
  }
  .sp-teammembers-container:has(.sp-team-tabs.overflows-right) .team-tabs-scroll-right-button.mobile {
    display: block;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 30%);
    right: 0;
    padding-left: 20px;
  }
	.sp-teammembers-container:has(.sp-team-tabs.overflows-left) .team-tabs-scroll-left-button.mobile {
    display: block;
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 30%);
    left: 0;
    /* padding-right: 20px; */
  }
  .sp-teammembers-container:has(.sp-team-tabs.overflows-right) .team-tabs-scroll-right-button.mobile img {
    display: block;
  } 
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
  color: var(--default-color) !important; }
.submitting .wpcf7-form-control.wpcf7-submit.has-spinner {
  pointer-events: none;
  
  color: var(--braorange) !important;
}
.wpcf7-spinner {
  position: absolute;
  left: calc(50% - 36px);
  top: 15px;
  z-index: 2;
}

/**************DESKTTOP STAFF CONTACTFORM------------------*/
 /* styling contact area */
  .sp-contact-box {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 54px;
}
span.wpcf7-list-item-label a {
    color: #fff;
}
@media screen and (max-width: 768px) {
	 .sp-contact-box {
		 grid-template-columns: minmax(0, 1fr);
		 gap: 24px;
		}
	.sp-repeater:has(.sp-contact-main-section) {
		padding: unset;
		margin-bottom:  40px;
		margin-top: 40px
	}
}
.sp-repeater .sp-contact-box .sp-col2, .sp-shortcode:has(.wpcf7)  {
    margin-top: 41px;
    padding: 44px;
    padding-bottom: 56px;
}
@media screen and (max-width: 768px) {
	.sp-repeater .sp-contact-box .sp-col2 {
		margin-top: 0;
		padding: 48px 24px;
	}
}
  .sp-repeater .sp-contact-box .sp-teams-section-block {
    z-index: 1;
    /* position: relative; */
  }
  .sp-teammembers-container {
    height: 100%;
  }
  .sp-teams-main-block.active {
    flex-direction: column;
    gap: 8px;
    overflow-x: unset;
    overflow-y:auto;
    padding-right: 12px;
    position:absolute;
    height: calc(100% - 44px);
    width: 100%;
  }
@media(max-width: 768px) {
  .sp-teams-main-block.active {
	  height: max-content;
	  position: relative;
	  padding-left:  24px;
	  padding-right: 24px;
	  flex-direction: row;
	  scroll-padding-left: 24px;
	  margin-top: 24px;
	 }
}
  .sp-staff-block {
    width: 100%;
  }
  .sp-staff-block .sp-image-container.linkedinimage {
    top: 50%;
    transform: translateY(-50%);
  }
@media(max-width: 768px) {
	 .sp-staff-block .sp-image-container.linkedinimage {
		top: 12px;
		transform: unset;
		right:  12px;
		}
}
  .sp-staff-block .sp-staff-maininfo {
    display: flex;
    gap: 24px;
    align-items: center;
  }
  .sp-staff-block .sp-staff-maininfo .sp-text-container {
    margin-top: 0px;
  }
  .sp-cf7-single-field-line .wpcf7-form-control-wrap .wpcf7-form-control {
    width: 100%;
  }
  .sp-cf7-single-field-line, .cf7-two-on-line {
    margin-bottom: 20px;
  }
  .cf7-two-on-line .wpcf7-form-control-wrap {
    display: inline-block !important;
    max-width: calc(50% - 10px);
  }
  .cf7-two-on-line .wpcf7-form-control-wrap:first-child {
    margin-right: 20px;
    margin-bottom: 0;
    position: relative;
  }
  .sp-cf7-checkbox-line.sp-marketing-checkbox-line {
    min-height: 42px;
    margin-bottom: 0px;
  }
  .wpcf7-submit {
    margin-top: 42px;
  }
  .sp-team-tabs {
    width: calc(100% - 32px);
    z-index:1;
  }
  .sp-team-tabs.overflows-left {
    scroll-padding-left: 12px;
  }
  .team-tabs-scroll-button.desktop {
    position: absolute;
    top: 10px;
    z-index: 8;
  }

  .team-tabs-scroll-button.desktop img {
     height: 26px;
    width: 26px;
    background-color: var(--brablue);
    padding: 4px 5px 6px 5px;
    border-radius: 50%;
	      filter: invert(1);
  }
.team-tabs-scroll-button.team-tabs-scroll-left-button.desktop img {
    padding-left: 0px;
}

.team-tabs-scroll-button.team-tabs-scroll-right-button.desktop img {
    padding-right: 0;
}

  
  .sp-teammembers-container:has(.sp-team-tabs.overflows-right) .team-tabs-scroll-right-button.desktop {
    display: block;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60%);
    right: 27px;
    padding-left: 48px;
    cursor: pointer;
    pointer-events: all;
  }
  .sp-teammembers-container:has(.sp-team-tabs.overflows-right) .team-tabs-scroll-right-button.desktop img {
    display: block;
  } 
   .sp-teammembers-container:has(.sp-team-tabs.overflows-left) .team-tabs-scroll-left-button.desktop {
    display: block;
    left: 0px;
    cursor: pointer;
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60%);
    padding-right: 48px;
  }
  .sp-teammembers-container:has(.sp-team-tabs.overflows-right) .team-tabs-scroll-right-button.desktop img {
    display: block;
  } 
  .sp-cf7-single-field-line .wpcf7-not-valid-tip,
  .cf7-two-on-line .wpcf7-not-valid-tip {
    position: absolute;
  }

.sp-filter-items-container {
  display: flex;
  flex-direction: column;
  height: 100%; /* adjust if needed */
}


@media screen and (min-width: 1920px) {
  .sp-repeater .sp-contact-box .sp-col2 {
    padding-bottom: 45px;
}
}
@media(max-width: 768px) {
.team-tabs-scroll-button.desktop {
	display: none !important;
}
}
.sp-news-article-header::after{
content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-right: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    transform: rotate(45deg);
    margin-right: 5px;
    position: absolute;
    right: 15px;
    top: 15px;
    float:right;
}

.sp-news-article-header{
    position:relative;
}
.sp-news-loop-item:has(.sp-fullnewsarticle.open) .sp-news-article-header::after {
    transform: rotate(-135deg);
}
.sp-news-loop-item .sp-fullnewsarticle.open{
    display:block;
}
.sp-news-loop-item .sp-fullnewsarticle{
    display:none;
	margin-top: 15px;
}
.sp-news-loop-item{
	    border: 1px solid #CBAD91;
	    padding: 0 15px 15px 15px;
	    margin: 0 20px;
}
.menu-item-has-children {
    margin-right: 0px; 
}
.sp-repeater.sp-infocard-items video.sp-video-content {
    width: 100%;
}
.sp-footer-standardcolumns-right {
    margin-left: 0;
}
.sp-repeater-item.sp-imageasbackground:not(.sp-text-over-image) .sp-image-content iframe.sp-youtube-video {
      width: 100%;
    height: 100%;

    max-height: unset;
    max-width: unset;  
}
.sp-repeater-item.sp-imageasbackground:not(.sp-text-over-image) .sp-image-content:has(.sp-youtube-video),
.sp-repeater-item.sp-imageasbackground:not(.sp-text-over-image) .sp-image-content .sp-video iframe,
.sp-repeater-item.sp-imageasbackground:not(.sp-text-over-image) .sp-image-content .youtube-player {
    width: 100%;
    height: 100%;
    max-height: unset;
    max-width: unset;
    aspect-ratio: 16 / 9;
}
.sp-repeater-item.sp-imageasbackground:not(.sp-text-over-image) .sp-image-content .youtube-player {
	cursor: pointer;
}
.sp-repeater-item.sp-imageasbackground .sp-image-container.sp-video-container {
    display:flex;
	flex-direction: column;
    width: 100%;
}
.sp-repeater-item.sp-imageasbackground video.sp-video-content {
    width: 100%;
}

.sp-repeater-item.sp-imageasbackground {grid-template-columns: repeat(1, 1fr);display: grid;/* width: calc(100% - 6px); */}
.sp-repeater.sp-infocard-items
{
    padding:0;
}
@media screen and (max-width: 768px) {
	.sp-repeater.sp-infocard-items {
		grid-template-columns: 1fr;
		padding: 12px 24px;
		row-gap: 0px;
	}
	.sp-repeater.sp-infocard-items.sp-product-items {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		padding: 0;
		column-gap: 12px;
		row-gap:  12px;
	}
		.sp-repeater.sp-infocard-items:has(.sp-faq-question-box) {
grid-template-columns: repeat(1, minmax(0, 1fr));
				width:100%;
}
}
/*--------------End desktop contact form-------------*/
.sp-tab[data-id="faq"], .sp-tab[data-id="guides"] {
    display: none;
}
.sp-repeater-item.sp-imageasbackground h2 {
    font-size: var(--h5-size);
    line-height: var(--h5-lineheight);
}

.sp-infocard-items .sp-repeater-item.sp-imageasbackground  .sp-text-box {
    margin-top: 5px;    
}
@media screen and (max-width: 768px) {
	.sp-infocard-items .sp-repeater-item.sp-imageasbackground  .sp-text-box {
		margin-top: 16px;
	}
}

.sp-logocard-items .sp-galleryitem .sp-repeater-item {
    flex-direction: row;

}

.sp-logocard-items  .sp-galleryitem  .sp-image-content {
    aspect-ratio: auto;
    position: unset;
    overflow: visible;
    padding: 40px;
}


.sp-logocard-items  .sp-galleryitem  .sp-text-box {
    padding: 20px;
}
.sp-staff-contactinfo {
    flex-direction: column;
}
.sp-text-foto .sp-foto1 .sp-image-content, .sp-text-foto .sp-foto2 .sp-image-content {
    height: 446px;
    width: 616px;
    /* object-fit: cover; */
}
@media (max-width: 768px)  {
  .sp-text-foto .sp-foto1 .sp-image-content, .sp-text-foto .sp-foto2 .sp-image-content {
	  height: unset;
	  width: 100%;
	  aspect-ratio: 349 / 333;
  }
}
.sp-text-foto .sp-foto1 .sp-image-content img, .sp-text-foto .sp-foto2 .sp-image-content img{
object-fit:cover;
}


a.sp-buttonlink-1 {
    color:  var(--bg-dark-color);
    text-decoration: none;
    background-color: #ffffff;
    padding: 12px 24px;
    border-radius: var(--default-button-border-radius);
}

a.sp-buttonlink-3 {
    color:  var(--bg-dark-color);
    text-decoration: none;
    background-color: transparent;
    padding: 10px 15px;
    border-radius: var(--default-button-border-radius);
    border: 1px solid #00000099;
}
a.sp-buttonlink-4 {
    color:  white;
    text-decoration: none;
    background-color: transparent;
    padding: 10px 15px;
    border-radius: var(--default-button-border-radius);
    border: 1px solid #FFFFFF99;
}
.sp-linkbox:has(a.sp-buttonlink-3),.sp-linkbox:has(a.sp-buttonlink-1),.sp-linkbox:has(a.sp-buttonlink-4) {
    margin-top: 24px;
}
.sp-text-foto:not(:has(.sp-image-container)) {
    padding-top:60px;
    padding-bottom:60px;
}
@media screen and (max-width: 768px) {
	.sp-text-foto:not(:has(.sp-image-container)) {
		padding: 30px 0px 0px 0px;
	}
	.sp-text-foto.sp-bgcolor {
    max-width: 100vw;
    padding: 60px 20px;
    row-gap: 78px;
    margin: 0;
	}

.sp-text-foto h2.sp-main-header {
    margin-bottom: 24px;
}
.sp-text-foto.sp-bgcolor .sp-image-container {
    order: 2;
}
	.sp-repeater.sp-facticon-items {
		grid-template-columns: 1fr;
		row-gap: 0px;
		padding: 12px 24px;
	}
}
.sp-facticon-items .sp-repeater-item {
    display: flex;
    gap: 15px;
    justify-content: center;
	min-width: max-content;
}
@media screen and (max-width: 768px) {
	.sp-facticon-items .sp-repeater-item {
		justify-content: start;
	}
}
.sp-langselector-item.sp-currentlang::before{
  content: "";
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  margin-right: -0.4em;

  /* color the icon via the mask */
  background-color: currentColor;

  /* SAFARI/CHROMIUM-FRIENDLY LONGHAND */
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%3E%3Cpath%20d=%27M12%202.25C10.0716%202.25%208.18657%202.82183%206.58319%203.89317C4.97982%204.96451%203.73013%206.48726%202.99218%208.26884C2.25422%2010.0504%202.06114%2012.0108%202.43735%2013.9021C2.81355%2015.7934%203.74215%2017.5307%205.10571%2018.8943C6.46928%2020.2579%208.20656%2021.1865%2010.0979%2021.5627C11.9892%2021.9389%2013.9496%2021.7458%2015.7312%2021.0078C17.5127%2020.2699%2019.0355%2019.0202%2020.1068%2017.4168C21.1782%2015.8134%2021.75%2013.9284%2021.75%2012C21.747%209.41505%2020.7188%206.93683%2018.891%205.109C17.0632%203.28116%2014.585%202.25298%2012%202.25ZM20.2144%2011.25H16.4803C16.3125%207.82719%2014.9944%205.40656%2013.9134%203.975C15.5918%204.37804%2017.102%205.29628%2018.2321%206.60095C19.3623%207.90562%2020.0558%209.53129%2020.2153%2011.25H20.2144ZM9.02157%2012.75H14.9784C14.7619%2016.6509%2012.8944%2019.0416%2012%2019.9688C11.1047%2019.0406%209.23813%2016.65%209.02157%2012.75ZM9.02157%2011.25C9.23813%207.34906%2011.1056%204.95844%2012%204.03125C12.8953%204.96219%2014.7619%207.35281%2014.9784%2011.25H9.02157ZM10.0866%203.975C9.00563%205.40656%207.6875%207.82719%207.51969%2011.25H3.78469C3.94425%209.53129%204.63773%207.90562%205.76788%206.60095C6.89803%205.29628%208.40818%204.37804%2010.0866%203.975ZM3.78469%2012.75H7.51969C7.69032%2016.1728%209.00563%2018.5934%2010.0866%2020.025C8.40818%2019.622%206.89803%2018.7037%205.76788%2017.399C4.63773%2016.0944%203.94425%2014.4687%203.78469%2012.75ZM13.9097%2020.025C14.9906%2018.5934%2016.3059%2016.1728%2016.4766%2012.75H20.2116C20.0522%2014.4682%2019.3593%2016.0935%2018.2299%2017.3981C17.1005%2018.7027%2015.5911%2019.6213%2013.9134%2020.025H13.9097Z%27%20fill=%27%23fff%27/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;

          mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%3E%3Cpath%20d=%27M12%202.25C10.0716%202.25%208.18657%202.82183%206.58319%203.89317C4.97982%204.96451%203.73013%206.48726%202.99218%208.26884C2.25422%2010.0504%202.06114%2012.0108%202.43735%2013.9021C2.81355%2015.7934%203.74215%2017.5307%205.10571%2018.8943C6.46928%2020.2579%208.20656%2021.1865%2010.0979%2021.5627C11.9892%2021.9389%2013.9496%2021.7458%2015.7312%2021.0078C17.5127%2020.2699%2019.0355%2019.0202%2020.1068%2017.4168C21.1782%2015.8134%2021.75%2013.9284%2021.75%2012C21.747%209.41505%2020.7188%206.93683%2018.891%205.109C17.0632%203.28116%2014.585%202.25298%2012%202.25ZM20.2144%2011.25H16.4803C16.3125%207.82719%2014.9944%205.40656%2013.9134%203.975C15.5918%204.37804%2017.102%205.29628%2018.2321%206.60095C19.3623%207.90562%2020.0558%209.53129%2020.2153%2011.25H20.2144ZM9.02157%2012.75H14.9784C14.7619%2016.6509%2012.8944%2019.0416%2012%2019.9688C11.1047%2019.0406%209.23813%2016.65%209.02157%2012.75ZM9.02157%2011.25C9.23813%207.34906%2011.1056%204.95844%2012%204.03125C12.8953%204.96219%2014.7619%207.35281%2014.9784%2011.25H9.02157ZM10.0866%203.975C9.00563%205.40656%207.6875%207.82719%207.51969%2011.25H3.78469C3.94425%209.53129%204.63773%207.90562%205.76788%206.60095C6.89803%205.29628%208.40818%204.37804%2010.0866%203.975ZM3.78469%2012.75H7.51969C7.69032%2016.1728%209.00563%2018.5934%2010.0866%2020.025C8.40818%2019.622%206.89803%2018.7037%205.76788%2017.399C4.63773%2016.0944%203.94425%2014.4687%203.78469%2012.75ZM13.9097%2020.025C14.9906%2018.5934%2016.3059%2016.1728%2016.4766%2012.75H20.2116C20.0522%2014.4682%2019.3593%2016.0935%2018.2299%2017.3981C17.1005%2018.7027%2015.5911%2019.6213%2013.9134%2020.025H13.9097Z%27%20fill=%27%23fff%27/%3E%3C/svg%3E");
          mask-repeat: no-repeat;
          mask-position: center;
          mask-size: contain;
}
.woocommerce form .password-input .show-password-input {
    background: #ffffff;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-indent: 0 !important;
    /* if theme tries to hide text */
    padding: 0;
}

/* Eye icon */
.woocommerce form .password-input .show-password-input::before {
    content: "";
    display: block;
    width: 1.4rem;
    height: 1.4rem;
    background-color: #000000;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 5c4.5 0 8.4 2.9 10 7-1.6 4.1-5.5 7-10 7S3.6 16.1 2 12C3.6 7.9 7.5 5 12 5Zm0 2c-3.5 0-6.6 2.2-8 5 1.4 2.8 4.5 5 8 5s6.6-2.2 8-5c-1.4-2.8-4.5-5-8-5Zm0 2.5A4.5 4.5 0 1 1 7.5 14 4.5 4.5 0 0 1 12 9.5Zm0 2a2.5 2.5 0 1 0 2.5 2.5A2.5 2.5 0 0 0 12 11.5Z'/%3E%3C/svg%3E") no-repeat center/contain;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 5c4.5 0 8.4 2.9 10 7-1.6 4.1-5.5 7-10 7S3.6 16.1 2 12C3.6 7.9 7.5 5 12 5Zm0 2c-3.5 0-6.6 2.2-8 5 1.4 2.8 4.5 5 8 5s6.6-2.2 8-5c-1.4-2.8-4.5-5-8-5Zm0 2.5A4.5 4.5 0 1 1 7.5 14 4.5 4.5 0 0 1 12 9.5Zm0 2a2.5 2.5 0 1 0 2.5 2.5A2.5 2.5 0 0 0 12 11.5Z'/%3E%3C/svg%3E") no-repeat center/contain;
}

/* When input is showing text (password visible), switch to eye-off icon */
.woocommerce form .password-input input[type="text"] + .show-password-input::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M3.7 2.3 21.7 20.3l-1.4 1.4-3-3A12.5 12.5 0 0 1 12 19c-4.5 0-8.4-2.9-10-7a13.7 13.7 0 0 1 4.1-5.4L2.3 3.7 3.7 2.3ZM7 7A11 11 0 0 0 4 12c1.4 2.8 4.5 5 8 5 1.6 0 3.1-.4 4.4-1.1l-2-2A4.5 4.5 0 0 1 9.1 9.6L7 7Zm7.7 3.3a4.5 4.5 0 0 1-2.1 6.1l-1.6-1.6A2.5 2.5 0 0 0 14 12a2.5 2.5 0 0 0-.3-1.2l1.9-1.5ZM12 5c4.5 0 8.4 2.9 10 7-.6 1.6-1.6 3-2.8 4.2l-1.4-1.4A11 11 0 0 0 20 12c-1.4-2.8-4.5-5-8-5-1 0-2 .1-2.9.4L7.9 6.1A12.8 12.8 0 0 1 12 5Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M3.7 2.3 21.7 20.3l-1.4 1.4-3-3A12.5 12.5 0 0 1 12 19c-4.5 0-8.4-2.9-10-7a13.7 13.7 0 0 1 4.1-5.4L2.3 3.7 3.7 2.3ZM7 7A11 11 0 0 0 4 12c1.4 2.8 4.5 5 8 5 1.6 0 3.1-.4 4.4-1.1l-2-2A4.5 4.5 0 0 1 9.1 9.6L7 7Zm7.7 3.3a4.5 4.5 0 0 1-2.1 6.1l-1.6-1.6A2.5 2.5 0 0 0 14 12a2.5 2.5 0 0 0-.3-1.2l1.9-1.5ZM12 5c4.5 0 8.4 2.9 10 7-.6 1.6-1.6 3-2.8 4.2l-1.4-1.4A11 11 0 0 0 20 12c-1.4-2.8-4.5-5-8-5-1 0-2 .1-2.9.4L7.9 6.1A12.8 12.8 0 0 1 12 5Z'/%3E%3C/svg%3E");
}
@media screen and (min-width: 768px) {
	.sp-footer-outside-container {
		position: absolute;
		right: calc(100% + 48px);
		height: calc(100% - 90px);
		width: 260px;
		display:  flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.sp-care-in-nature {
		height: 166px;
		margin-top: 4px;
	}
    .sp-footer-standardcolumns {
		display: block;
        padding-top: 54px;
		position: relative;
    }
	.sp-footer-standardcolumns-upper {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
	}
	.sp-footer-standardcolumns-lower {
		margin-top: 50px;
		display: grid;
		grid-template-columns: repeat(5, 1fr);
	}
}
@media screen and (max-width: 768px) {
 img.sp-care-in-nature {
	 width: 200px;
	 padding: 24px 12px;
	}
	.sp-footer-copyright {
		position: absolute;
		bottom: 0;
	}
.sp-footer-standardcolumns-outer {
    background-color: var(--default-color);
    color: white;
    padding-bottom: 20px;
}
	.sp-footer-standardcolumns-upper {
		position: relative;
		padding-bottom: 48px;
	}
	.sp-footer-standardcolumns-lower {
		padding-top: 24px;
	}
	.sp-footer-top-logo {
		padding-top: 24px;
	}
	.footer-social-media {
		position: absolute;
		bottom: 0;
	}
}
	
.sp-repeater-item.sp-media-card.sp-imageasbackground {
    border: 1px solid var( --default-stroke-color);
}
.sp-repeater-item.sp-media-card.sp-imageasbackground:has(.sp-video-container) {
    border: none;
}
.sp-repeater-item.sp-imageasbackground .sp-video-container h2 {
    font-size: var(--p-big-size);
    line-height: var(--p-big-lineheight);
	font-weight: normal;
}
.sp-repeater.sp-infocard-items.sp-no-bgcolor.sp-col-3 .sp-repeater-item .sp-text-box {
    height: calc(100% - 25px);

}
.sp-loop-title .woocommerce-loop-product__title:empty {
    display: none;
}
.sp-logocard-items .sp-image-container.sp-logo1 {
    width: 200px;
	flex-shrink: 0;
    flex-grow: 0;
}
.sp-logocard-items .sp-image-container.sp-logo1 .sp-image-content{
  	    padding: 20px;
	    padding-top: 45px;
}
.sp-repeater.sp-infocard-items.sp-no-bgcolor.sp-col-3 .sp-repeater-item > .sp-text-box {
    padding:25px;

}
.sp-text-box .sp-content-text ul {
    padding-left: 0px;
    margin-left: 1.5em;
}
.sp-product-loop-image img {
    width: 100%;
    height: 100%;           /* fill the inner square */
    object-fit: cover;
    display: block;

    /* safety: keep it visible */
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    
    min-height: 1px;        /* hard-stop against 0px height */
}
.sp-image-container.sp-puretext-logo img {
    width: 50px;
    display: table;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
	.foot-col-2, .foot-col-3, .foot-col-4 {
		padding: 24px 0;
		border-bottom: 1px solid white;
	}
	.sp-footer-standardcolumns-right-lower {
		margin-top: 24px;
	}
	.site-footer .menu li:first-child {
		padding-top: 12px;
	}
	.site-footer .menu li {
		padding: 6px 0;
	}
}
.sp-footer-image-content img {
    height: 69px;
}

.sp-repeater.sp-staffcard-items.sp-no-bgcolor.sp-col-3 {
    margin-top: 60px;
    margin-bottom: 60px;
}
.sp-footer-standardcolumns-right-lower li a {
    font-size:  12px;
    vertical-align: bottom;
}

.sp-footer-standardcolumns-right-lower li {
    font-size:  12px;
    vertical-align: text-bottom;
    padding-top: 11px;
}
.sp-footer-standardcolumns-left-lower {
    margin: 0 auto;
}

.sp-footer-copyright {
    font-size: 12px;
	line-height: 23px;
}
.sp-infocard-items  .sp-image-container, .sp-page-items .sp-page-loop-item .sp-page-loop-image {
  overflow: hidden;
}

/* Smooth zoom animation */
.sp-infocard-items .sp-image {
  display: block;               /* remove inline-gap */
  width: 100%;
  height: auto;
  transition: transform 300ms ease;  /* tweak speed/easing */
  transform-origin: center center;
  will-change: transform;       /* hint for smoother anim */
}
 .sp-page-items .sp-page-loop-item .sp-page-loop-image img {
  display: block;               /* remove inline-gap */
  width: 100%;
  height: 210px;
  transition: transform 300ms ease;  /* tweak speed/easing */
  transform-origin: center center;
  will-change: transform;       /* hint for smoother anim */
}
/* Zoom on hover (and keyboard focus) */
.sp-infocard-items .sp-image-container:hover .sp-image,
.sp-infocard-items .sp-image-container:focus-within .sp-image,
.sp-page-items .sp-page-loop-item .sp-page-loop-image:hover img,
.sp-page-items .sp-page-loop-item .sp-page-loop-image:focus-within img{
  transform: scale(1.06);       /* ~6% zoom; adjust as you like */
}

/* Optional: reduce motion for sensitive users */
@media (prefers-reduced-motion: reduce) {
 .sp-infocard-items  .sp-image { transition: none; }
}
.sp-logo-content {
      position: absolute;
    right: 20%;
    top: 20%;
    height: 60px;
    width: 60px;
}
.sp-video-container{
position: relative;
}

.sp-hero .sp-main-header {
    margin: 0px;
    margin-bottom: 25px;
}
.foot-col-4 {
    position: relative;
}
img.sp-footer-flag {
    position: absolute;
    top: 100%;
    right: 0;
}
@media screen and (max-width: 768px) {
img.sp-footer-flag {
    position: absolute;
    top: calc(100% + 24px);
    right: 0;
}
}
/* cookiebot no youtube video styling */
.cookieconsent-optout-marketing {
    position: absolute;
   top:  0;
   background: radial-gradient(circle, rgba(150, 150, 150, 0.5), rgba(150, 150, 150, 0.9));
   width: 100%;
   height: 100%;
   text-align: center;
   align-content: center;
   padding-top: 50px;
   padding-bottom: 50px;
}
/* Styling for the dynamically injected play button */
.youtube-player .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
}
/*shadow for play button*/
.play-button path {
  filter: drop-shadow(1px 1px 4px rgba(0,0,0,.15));
}