.product-specifications .uk-text-nowrap{
    white-space: normal!important;
}
.Product_describe .uk-text-nowrap{
    white-space: normal!important;
}

.textpage p{
    margin: 0 0 9px 0!important;
}
.csn-footer {
    background-color: #003654!important;
    color: #a0c3e4;
    min-height: 5%;
    clear: both;
}

.mediabankicon .cls-1 {
    fill: none!important;
    stroke: #0a3754!important;
    stroke-linecap: round!important;
    stroke-linejoin: round!important;
    stroke-width: 20px!important;
}
.mediabankicon .cls-4 {
        stroke-linecap: square;
      }
.mediabankicon .cls-4,.mediabankicon .cls-2,.mediabankicon .cls-3 {
        stroke: #0a3754;
        stroke-linejoin: round;
        fill: none;
      }
.mediabankicon .cls-1,.mediabankicon .cls-3 {
        fill: none;
      }
.mediabankicon.cls-2 {
        fill: #fff;
      }
.mediabankicon .cls-3 {
        stroke-linecap: round;
      }

.product-orders-total-overlay{
    background-color: red;
    color:white;
    font-weight: bold;
    padding:0.5em;
}
.details-product-orders{
    border: 1px solid #FF0000!important;
    
}
.csn-footer .uk-iconnav a {
    color: #86a8c9!important;
    background: #264d72!important;
}
.csn-footer h1::after
{
    content: ""!important;
}
.back-to-top a{
    color: white!important;
    background: #003654!important;
}
.custom-grid-footer .back-to-top {
    top: 20px;
}
.variant-selector-image-button.selected {
    border: 2px solid #003654;
    border-color:#003654!important;
}
.variant-selector-text-button.selected{
    border-color:#003654!important;
    border: 2px solid #003654;
}
.csn-footer .uk-first-column{
    padding-left: 45px;
    margin-right: 25px;
}
.contact-form-upload-label {
    font-size: 1rem!important;
}

.contact-form-checklist-label {
    font-size: 1rem!important;
}
.contact-form-field-description{
    white-space: normal!important;
}

@media only screen and (min-width: 960px){
.csn-footer-grid{
    border-right: 1px solid #3f5972;
    margin-right: 20px;
    height:100%;
    
}}
@media only screen and (max-width: 959px) {
.csn-footer-grid {
    border-bottom: 1px solid #3f5972;
    margin-right: 0;
    height: 100%;
    padding: 15px 0px;
}}
.uk-slideshow-items {
    background-position: center center;
}
.supervisor-panel .uk-navbar-left{ 
    margin-left: 40px;
}

.uk-radio:checked, .uk-checkbox:checked, .uk-checkbox:indeterminate {
    background-color: white;
    border-color: #003654;
    color: #003654;
}
.csn-footer a{
  color: white;
}
.csn-footer a:visited {
  color: white;
}
.csn-footer h1{
    color:white;
    display: block;
    font-weight: 400;
    font-size: 1.6em;
    letter-spacing: -1px;
}
.csn-footer h1::after {
  content: "...";
  clear: both;
  display: flex;
  color:#86a8c9;
  font-size: 0.8em;
}
.csn-footer h2{
    color: #a0c3e4;
    text-transform: uppercase;
    font-size: 1.1em;
}

.uk-navbar-container.navbar-main .uk-navbar-left .uk-logo img {
    max-width: 280px;
}

/* AK: header-notification */
.header-notification {
     height: 38px;
}

/* JBC: grid */
.csn-grid > div {
    /*padding-left: 3px !important;
    padding-right: 3px;
    padding-top: 3px;*/
    padding-bottom: 10px;
}

.uk-margin-large {
    margin-bottom: 0px;
}

/* JBC: footer logo */
.accell-logo {
    float: right;
    max-width: 95px;
    height: auto;
}

/* JBC: Main navigation highligt on hover */
.cbx-mainnav-text:hover 
{
    color: #000;
    background-color: #d3d3d3;
    transition-timing-function: ease-in;
    transition: 0.50s;
}
.employee-list-item-name{
    display: inline-flex;
}
.employee-list-item-name span{
    font-size:18px!important;
    font-weight: 700!important;
    margin-top: 15px;
    line-height: 0.1!important;
 
}
.employee-list-item-title span{
    line-height: 0!important;
    background: none!important;
    top:0;
    vertical-align: top;
   
}
.employee-list-item-title{
     display: block;
}
.employee-list-item-phone span{
  font-weight: 400!important;
  margin-bottom:0px;
  vertical-align: bottom;
}
.employee-list-item-phone{
  height: 5px;
  vertical-align: bottom;
}
.employee-list-item-tags span{
 display: block;
 word-wrap: break-word;
 word-break: break-word;
 max-width: 60%;
 line-height: 1!important;
}
.employee-list-item-email span{
    background: none!important;
    text-shadow: 1px 1px white;
    font-weight: 700!important;
    padding: 0 5px!important;
}
.employee-list .employee-list-grid a .label span {
    font-weight: 400;
    background: none!important;
}
.employee-list-item-email {
    padding-bottom: 6%;
}

@media only screen and (max-width: 720px) {
    .employee-list-item-title span{
    margin-top: -0.2rem
}
.employee-list-item-email {
    padding-bottom: 4%;
}
.employee-list-item img {
    max-width: 130px;
}
.employee-list-item-title span{
    line-height: 1!important;
    background: none!important;
    vertical-align: top;
    display: block;
    padding: 0 5px;
}
.employee-list-item-phone{
  height: 15px;
}
.employee-list-item-tags span {
    max-width: 70%;
}
}

/* Container for billede + overlay */
.hero-container {
  position: relative;     /* Gør det muligt at placere overlay absolut */
  width: 100%;
  max-width: 1200px;      /* Tilpas efter behov */
  margin: 0 auto;
}

/* Overlay-laget der ligger oven på billedet */
.hero-container .slideshow-cta-container {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* Halvgennemsigtig mørk baggrund for at fremhæve tekst */
  background-color: rgba(0, 48, 79, 0.1); 
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 1rem;
  box-sizing: border-box;
}

/* Overskriften */
.hero-container .slideshow-cta-container h3 {
  font-size: 2rem;             /* Juster efter behov */
  font-weight: bold;
  color: #39bb9d !important;              /* Din turkise/grønne farve */
  margin: 0 0 0.5rem 0;
  font-family: Segoe UI, sans-serif; /* Eller hvilken font du vil bruge */
  text-transform: uppercase;   /* Hvis du vil have store bogstaver */
}

/* Undertekst/underoverskrift */
.hero-container .slideshow-cta-container p {
  font-size: 1.2rem;
  color: #ffffff !important;
  margin: 0;
  font-family: Segoe UI, sans-serif;
  margin: 0;
  padding: 0;
}

.hero-container .slideshow-cta-container p::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%); /* Centrerer linjen i forhold til p */
  bottom: -2px;               /* Placerer linjen lige under p */
  width: 100px;                 /* Justér bredden som du vil */
  height: 1px;                 /* Tykkelsen af linjen */
  background-color: #39bb9d;   /* Turkis farve */
}
/* AK: SVG logo size */
.uk-navbar-container.navbar-main .uk-navbar-left .uk-logo img {
width: 300px !important;
height: 32px !important;
max-width: none !important;
}