/* 27.11.25 11.00 */

<style>
 
 :root {
     --white:#fff;
     --black:#1f2124;
     --main1:#ccc;
     --main2:#eee;
     --radius:10px;
     --awesome:"Font Awesome 6 Free";
     --icon:'Material Symbols Rounded' !important;
     --font1:;
     --font2:;
}

/* =====================================
			n-Colors & Font
===================================== */

h1, h2, h3, h4, h5, .price-text {
    font-family: var(--font1);
    color:var(--base-text-color)!important;
}


/* colors */
.menu-bar-item-label:hover, .menu-bar-item-label:focus {
    color: var(--button-color);
}

/* Only mobile (up to 767px) */
@media (max-width: 767px) {

}

/* Only tablets (768px – 1199px) */
@media (min-width: 768px) and (max-width: 1199px) {

}

/* Only desktop (1200px and above) */
@media (min-width: 1200px) {

}

/* =====================================
			n-Icons
===================================== */
/* Header left house */
.left i.fa.fa-fw.fa-globe.footer-fa {
    font-size: 16px;
    top: 4px;
    position: relative;
}
/* == Mini basket == */
.minibasket-icon.login-button {
    position: relative;
    top: 12px;
}
/* Search */
button.product-search-button {
    background: none !important;
    border: none !important;
    color: #000 !important;
    padding:0px!important;
}
i.fas.fa-search {
    color: #000;
}
.minibasket-info-container {
    top: 14px;
    position: relative;
    right: 9px;
}
.header-wrapper.collapse.fixed .minibasket {
    top: -20px;
    position: relative;
}
/* button */
.minibasket .minibasket-icon {
    background-color:var(--button-color);
}

/* n-Shopping cart*/
.fa-shopping-cart::before {
    content: "\f07a";
    color: #fff;
}
/* n-Log in */
.fa-sign-in-alt::before {
    content: "\f2f6";
    color: #fff;
}
span.logged-in-info-text {
    position: absolute;
    right: 0px;
    top: 60px;
    width: fit-content;
}
.logged-in-info-text {
    font-size: 0.7rem;
}
.logged-in-info-text .logged-in-info-text__label {
    overflow:visible;
}
/* Menu bar */
i.fas.fa-bars {
    display: none;
}

/* =====================================
			n-Buttons
===================================== */

.buy-button {
    font-size:14px!important;
}

/* =====================================
			n-Menu
===================================== */

/* Width */
.header-bar, #body > main > div.header-wrapper.collapse > div > div.row.header, .menu-bar-alterantive-width {
    max-width: 1680px;
    padding:0px 20px;
}

ul.menu-bar-items a {
    font-size: 14.4px !important;
}

/* n-Header wrapper */
.header-wrapper .inner-wrapper .row.header {
    height: 100px;
}
li.header-bar-section-links-item img.footer-icon {
    top: 4px;
    position: relative;
}
.header-wrapper.fixed {
    -webkit-box-shadow: none;
    -moz-box-shadow:none
    box-shadow: none;
    border-bottom: 1px solid #ccc;

}

.header-wrapper.fixed {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background-color: rgba(255, 255, 255, 0.45);
    border-bottom: 0px;
}

/* n-Menu bar*/
ul.menu-bar-items a {
    font-size: 16px !important;
    letter-spacing: 1px;    
}
.menu-bar-desktop-products-menu-items {
    padding-left: 0px;
}
ul.menu-bar-desktop-categories-menu-items {
    background-color: #fff;
    border-right:1px solid #313131;
}
.menu-bar-desktop-categories-menu-item {
    border-bottom: none;
}

/* n-Product menu */
.menu-bar-desktop-products:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #000000 transparent;
    position: absolute;
    top: -10px;
    left: 4%;
    transform: translateX(-50%);
}

.menu-bar-desktop-products {
    background-color:#000;
}
.menu-bar-desktop-products * {
    color: #fff!important;
}
.menu-bar-desktop-products-menus *:hover {
    color: #00ab8e!important;
}
ul.menu-bar-desktop-categories-menu-items {
    background-color: #000;
}
.menu-bar-desktop-categories-menu-item {
    transition: .2s ease-in-out;
}
.menu-bar-desktop-categories-menu-item:hover, .menu-bar-desktop-categories-menu-item.active {
    background-color: #03ab8f;
    padding-left: 20px;
    transition: .2s ease-in-out;
}
a.menu-bar-desktop-products-menu-label {
    font-weight: 600 !important;
    border-bottom:0px;
}

.menu-bar-desktop-categories-menu-item:hover>a, .menu-bar-desktop-categories-menu-item.active>a {
    color: #000000;
    font-weight: 400;
}
.menu-bar-desktop-categories-menu {
    background-color:#fff;
}

/* n-Resource menu */
.resource-menu-desktop ul li>ul>li:hover a {
    color: #fff;
    font-weight: 500;
}
.resource-menu-desktop ul {
    background-color: #000;
    text-align: center;
}
.resource-menu-desktop ul li a {
    padding: 3px 6px;
    line-height: 24px;
    color: #fff;
}
.resource-menu-desktop ul li a:hover {
    background-color: var(--button-color);
    transition:.2s ease-in-out;
    padding-left: 15px;
}
.resource-menu-desktop ul li a {
    transition:.2s ease-in-out;
}
.resource-menu-desktop ul .menu-item-node-container:hover {
    background: transparent;
}
.resource-menu-desktop ul .menu-item-node-container:hover a {
    color: #fff;
    font-weight: 400;
}

.resource-menu-desktop ul li>ul>li {
    padding: 0;
}
.resource-menu-desktop:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #000000 transparent;
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
}

/* n-Resource position */
.resource-menu-desktop {
    left: -60px;
}

/* n-Minibasket */
.row.header .minibasket {
    margin: 0;
    padding: 0px;
}

/* n-header links*/

.header-wrapper .header-bar-section-links-item {
    border-right: none;
    margin: 5px 8px;
}

li.header-bar-section-links-item {
    font-size: 12.8px;
}
.row.header-bar {
    border-bottom: 1px solid #07aa8e;
    padding: 10px 0px;
}

/* n-Currency top */
select.header-bar-section-dropdown.currency-select {
    font-size: 12px;
}
select.header-bar-section-dropdown.currency-select {
    border:none;
    margin-right:0px;
}
.header-bar select:focus {
    box-shadow:none;
}

/* n-logo */
.header-wrapper .row.header .logo-container .header-logo {
    max-height: 35px;
}
.header-wrapper .row.header .logo-container img[src$=".svg"] {
    width: auto;
    height: 23px;
    display: block;
}
.logo-container {
    padding:0px!important;   
}
.header-wrapper.fixed .row.header .logo-container .logoFixed {
    width: auto;
    height: 23px;
    display: block;
}


/* n-Search */

form[role="search"]:focus-within .product-search-button i.fas.fa-search {
    color: #fff !important;
}
input.product-search-input {
    border: 1px solid #ccc !important;
}
.product-search-input-container {
    position: relative;
    border: none;
    padding: 0px;
    background-color: transparent;
}
.product-search .product-search-input {
    display: inline-block;
    width: 100%;
}
input.product-search-input:active, input.product-search-input:focus {
    background-color: #000;
    color: #fff;
}
input.product-search-input:active .fa-search::before, input.product-search-input:focus .fa-search::before {
    color:#fff!important;
}
.fa-search::before {
    content: "\f002";
    font-size: 17px;
    top: 11px;
    position: absolute;
    right: 12px;
}
.product-search-input-container > form > fieldset > button.product-search-clear-button > i {
    position: absolute;
    top: -11px;
    right: 39px;
    font-size: 17px;
    z-index: 9;
}
.product-search-input-container {
    padding: 0px;
}
.product-search .product-search-input {
    border: none;
    box-shadow: none;
    background-color: #fff;
}
.product-search .product-search-input:focus {
    outline: none !important;
}
button.product-search-clear-button {
    background-color: transparent !important;
    border: none !important;
    padding: 0px !important;
    position: absolute !important;
    top: 22px;
    margin-left: -13px;
}

/* n-menu bar */

.menu-wrapper .menu-bar a, .menu-wrapper .menu-bar span {
    font-size: 15px;
    font-weight:400;
    letter-spacing:1px;
}
.menu-bar-items {
    padding: 0px 5px;
    letter-spacing: 1px;
}

/* n-Menu dropdown */
.resource-menu-desktop ul li>ul>li:hover {
    background: transparent;
}

/* Login Box */
.message-box {
    position: absolute;
    bottom: 0px;
    font-size: 13px;
}
button.button.login-form-button {
	float: right;
}
.login-container, .checkout-login-container {
	width: 1200px!important;
	background-color: var(--base-color);
}

label.forgot-password-email.input-required {
	color: #000;
}
.login-form-forgot-password::before {
    content: "\f0e0";
    margin-right: 6px;
    top: 0px;
    position: relative;
    font-family: 'Font Awesome 6 Free';
}

form#loginform {
	position: relative;
	height: 190px;
}
#loginform {
	padding: 40px;
	padding: 48px 40px 40px 40px;
}
.forgot-password-form {
	padding: 40px;
}
#loginform .login-username, #loginform .login-password {
	width: 50%;
	float: left;
	color: #000;
}
#loginform label:nth-child(2) {
	float: right;
}
.login-username {
	padding-right: 10px;
}
.login-password {
	padding-left: 10px;
}
#loginform input[type="text"], input[type="password"] {
	border-radius: 3px;
}
[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea {
	box-shadow: none;
}

.login-username.input-required {
	color: #000!important;
}

/* =====================================
			n-Front page
===================================== */

/* Message container buy */

.message-container button.close-button {
    top: 0px;
    right: 2px;
}

/* n-Promotions */
.promotion-item {
    border: none;
    background-color: transparent;
}
.promotion-item.only-product {
    background-color: #fff;
}
p.hide-for-small-only.descriptionDesktop {
    font-size: 13px;
    height: 42px;
}
.promotion-item-bar {
    margin-top: 20px !important;
}
h6.product-price.promotion-price.price {
    margin-bottom: 0px;
}
.product-card 
button.button.buy-button.has-text {
    margin-top: -4px;
}
button.button.buy-button.has-text {
    margin-top: 10px;
}
.promotion-price.price {
    font-weight: 500;
    font-size: 15px;
}
.product__stock * {
    font-size: 12px !important;
}


/* Hover */
.promotion-item:hover {
    box-shadow: none;
}

/* n-Slider */

.bx-wrapper {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: #fff;
}

/* =====================================
			n-Footer
===================================== */

.footer h3 {color:#fff;}
.footer h1, .footer h2, .footer h3, .footer h4 {color:#fff!important;}


/* Only mobile (up to 767px) */
@media (max-width: 767px) {
	.footer li {
		width:100%;
		padding-left:25px;
		text-align:left;
	}
	.footer-socials {
		word-break: break-word;
		display: inline-grid;
		margin-left: 10px;
	    margin-top: 22px;
	    margin-bottom: -30px;
	}
	.footer-socials a::before {
		content: none;
	}
	ul.content-footer-wrapper li.small-11.medium-2.large-2 {
		text-align: left;
	}
	.footer-bottom {
		padding:0px!important;
	}
	.footer-socials {
		display: block;
		gap: unset;
	}
	li.small-11.medium-2.large-2 {
		width: 100% !important;
		float: left;
	}
	#footer > footer > div.row > div.footer-wrapper > ul > li:nth-child(1) {
		margin-top: 142px;
	}
	.footer p {
		width: fit-content;
	}
	.footer-first_column {
    position: absolute;
    top: 0;
    width: 100%;
    text-align: left;
}

}

/* Only tablets (768px – 1199px) */
@media (min-width: 768px) and (max-width: 1199px) {
li.small-11.medium-2.large-2 {
    width: 100% !important;
    float: left;
}
	.footer p {
		width: fit-content;
	}
}

/* Only desktop (1200px and above) */
@media (min-width: 1200px) {
.footer .footer-wrapper .content-footer-wrapper, .footer li {
        margin-left:0px;
    }
	/* Footer links*/

#footer > footer > div.row > div.footer-wrapper > ul > li:nth-child(1) a::before {
    content:none;
}
/* Footer general*/
.footer h3 {
    color: #fff !important;
    font-size:14.4px!important;
}
.footer-first_column {
    position: absolute;
    top: 0;
    width: 21%;
}
#footer > footer > div.row > div.footer-wrapper > ul > li:nth-child(1) {
    padding-top: 125px;
}
#footer > footer > div.row > div.footer-wrapper > ul > li:nth-child(1) a {
    line-height: 40px;
}
h3::after {
    content: "";
    display: block;
    width: 50px;
    height: 1.5px;
    background-color: white;
    margin-top: 16px;
    margin-bottom: 10px;
}

.footer .footer-wrapper .content-footer-wrapper li {
    margin-right: 0px;
}
li.small-11.medium-2.large-2 {
    line-height: 26px;
}
li.small-11.medium-2.large-2 a, li.small-11.medium-2.large-2 {
    font-size: 15px;
    line-height: 1.6em;
}
.content-footer-wrapper {
  list-style: none;
  margin: 0;
  padding: 0;
}
.content-footer-wrapper {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 24px;
  justify-content: space-between;
  box-sizing: border-box;
}

.content-footer-wrapper > .large-2 {
  flex: 1 1 0%;
  min-width: 0;
  box-sizing: border-box;
}

.content-footer-wrapper > .large-2 * {
  word-break: break-word;
}

.content-footer-wrapper > li:empty {
  display: none;
}
.footer .large-2 i {
    margin-right: 10px;
}

/* Footer First Column order */
#footer > footer > div.row > div.footer-wrapper > ul > li:nth-child(1) h3 {
    display:none;
}
.footer .footer-wrapper .content-footer-wrapper li h3 {
    font-size: 1rem;
    display: block;
    color: var(--footer-text-color);
    padding-left: 0;
    font-weight: bold;
    margin-bottom: 20px;
}
.footer-first_column {
    margin-top:15px;
}

/* Footer general */
.footer-switches {
    margin-top: 10px;
    padding-bottom: 80px;
}
#footer > footer > div.row {
    max-width: 100% !important;
}
.content-footer-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;                /* mellemrum - justér efter behov */
  align-items: flex-start;
  padding: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
}

#footer > footer > div.row > div.footer-wrapper > ul > li:nth-child(6) {
    display:none;
}

/* Footer socials */
#footer > footer > div.row > div.footer-wrapper > ul > li:nth-child(5) {
    display: block;
    position: absolute;
    bottom: -165px;
    border-top: 1px solid #4d6366;
    width: 95%;
    padding: 13px 0px;
}
#footer > footer > div.row > div.footer-wrapper > ul > li:nth-child(5) h3 {
    display:none;
}
.footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 0.75rem 13rem 0.75rem 0rem;
    color: #fff;
    font-size: 14px;
}

.footer-copy {
  margin-bottom: 0.5rem;
}

.footer-socials {
  display: flex;
  gap: 20rem; 
}

.footer-socials a {
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.footer-bottom a::before {
    content: none;
}
.footer-socials a:hover {
  text-decoration: none!important;
}
.footer .footer-wrapper .content-footer-wrapper li a:hover {
    text-decoration: none;
}
.footer-socials i {
  font-size: 16px;
}
.fa.fa-linkedin:before {
    content: "\f0e1";
    left: -6px;
    position: relative;
}
}


/* Små skærme: stack responsivt */
@media (max-width: 900px) {
  .content-footer-wrapper > li.large-2:not(:first-child) {
    flex: 1 1 50%;
    max-width: 50%;
  }
}

@media (max-width: 480px) {
  .content-footer-wrapper > li.large-2:not(:first-child) {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
/* =====================================
			n-Filter page
===================================== */

/* None as of yet */

/* =====================================
			n-Product page
===================================== */

/* Card */

/* Admin tablink */
.admin-tablink {
    /* border-left: 1px solid #000; */
    padding: 5px;
    background-color: #03ab8f;
    color: #fff;
    margin-right: 4px;
    font-weight: bold;
    font-size: 14px;
}

/* Accordion */

ul.product-card-pdfs {
	padding-bottom: 20px;
	margin-bottom: 15px;
	padding-top: 14px;
}
.price-info {
	border: none!important;
}
.price-info>div {
	background: #fff!important;
	color: #3d4044!important;
	border-bottom: 1px solid #9294a4!important;
	padding: 8px 0px 5px 0px!important;
}
.product-card-tab-information {
	padding: 10px 0px;
}
table thead {
	background: #ffffff;
	color: #3d4044!important;
}
tr.responsive-table-header {
	border-bottom: 1px solid #dfdfdf!important;
	-webkit-box-shadow: 0px 1px 0px 0px rgba(223, 223, 223, 1);
	-moz-box-shadow: 0px 1px 0px 0px rgba(223, 223, 223, 1);
	box-shadow: 0px 1px 0px 0px rgba(223, 223, 223, 1);
}
.product-card-related-product-main-category, .product-card-related-product-sub-category {
	font-size: 13px!important;
	padding: 4px 0px;
}
.ccs-ds-extendedSpec-header {
	color: #3d4044!important;
	border-bottom: 1px solid #9294a4!important;
	padding: 8px 0px 5px 0px!important;
    background:none!important;
}
.price-info>div .list-label {
	position: absolute;
	left: 27px!important;
}
.is-active .accordion-title, .accordion-title:hover {
	color: #3d4044!important;
}
.accordion-title {
	font-size: 15px!important;
}
.product-card .product-card-tabs .accordion-title {
	padding: 20px 0px;
	border-bottom: 1px solid #e6e6e6;
    background-color: transparent;
    font-weight: bold;
}
.product-card-tabs .accordion-content {
    margin: 0 0px;
}
.accordion .fa-plus::before, .accordion .fa-minus::before {
    color: #000;
}
ul.accordion {
    background-color: transparent;
}
.product-card .product-card-tabs ul li .accordion-content {
	font-size: 12px;
	padding: 0 7px;
}
.price-info {
	font-size: 13px!important;
}
.product-card-min-packs {
	font-size: .8125rem;
}
table tbody, table tfoot, table thead {
	border: none!important;
}
.ccs-ds-extendedSpec-area {
	margin-top: 15px;
}
table.responsive-table.side-by-side, .accordion-content .price-info {
	margin-top: 15px!important;
}
.ccs-ds-mainSpec-area {
	font-size: 13px!important;
	margin-top: 15px;
}
.ccs-ds-extendedSpec-item, .ccs-ds-extendedSpec-value {
	font-size: .8125rem;
}
.ccs-ds-extendedSpec-body table td {
	border-bottom: none!important;
}
.product-comparison__table {
	font-size: 13px!important;
}
.product-comparison table tbody tr:nth-child(even) {
	border-bottom: 0;
	background-color: #ffffff!important;
}
.product-comparison table tbody tr:nth-child(odd) {
	border-bottom: 0;
	background-color: #ffffff!important;
}
table tbody tr:nth-child(even) {
	border-bottom: 0;
	background-color: #ffffff;
}
table tbody tr:nth-child(odd) {
	border-bottom: 0;
	background-color: #f1f1f1;
}
.buy-quantity__input {
	border: 1px solid #e6e8e7!important;
	font-size: 11px!important;
	width: 36px!important;
	height: 36px!important;
}
td.ccs-ds-mainSpec-item {
	padding-left: 7px!important;
}
td.ccs-ds-extendedSpec-item, td.ccs-ds-mainSpec-item {
	width: 260px;
}
.ccs-ds-mainSpec-item, .ccs-ds-extendedSpec-item {
	padding-left: 0px!important;
}
.ccs-ds-mainSpec-area table td {
	border-bottom: none!important;
}
.SPECIFICATION {
	padding-left: 20px!important;
	padding-right: 20px!important;
}
/* Disclaimer */

.agreement-disclaimer {
	color: #9294a4!important;
	padding-left: 23px;
	padding-right: 23px;
}
li #product-card-tab-23d4044 {
	border-bottom: none;
}

/* =====================================
			n-Basket & Cart
===================================== */

/* Basket */
.form-container {
    background-color: transparent;
    border-radius: 12px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    padding: 0px;
}
/* Basked list prices */
ul.no-bullet.basket-totals-list {
    font-weight: bold;
    font-size: 14.4px;
}

/* Only mobile (up to 767px) */
@media (max-width: 767px) {
    /*header */
    select.header-bar-section-dropdown.currency-select {
        border: none;
        margin-right: 10px;
    }
    .row.header-bar.clearfix {
        margin-bottom: 20px;
    }
    .header-wrapper .header-bar-section-links-item {
        border-right: none;
        margin: 7px;
    }
    .header-bar, #body > main > div.header-wrapper.collapse > div > div.row.header, .menu-bar-alterantive-width {
        padding: 0px 10px;
    }
    
    /* Search */
    .product-search {
        position: relative;
        top: 15px;
    }
}

/* Only tablets (768px – 1199px) */
@media (min-width: 768px) and (max-width: 1199px) {

}

/* Only desktop (1200px and above) */
@media (min-width: 1200px) {

}
</style>