body {font-family: "Roboto Condensed"; font-weight: 400; color: #575757; font-size: 18px}
   @media (min-width: 1340px)
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1280px;
}

html, body {
    max-width: 100%;
    overflow-x: hidden;
}


body {
    background: url('/application/themes/hardi/img/webbaggrund_251.jpeg') bottom center no-repeat fixed;
    background-size: cover;
}

h4 {font-weight: 400;}

#main_nav {height: 80px}
    #hardi-nav {font-family: "Roboto Condensed"; font-size: 20px;height: 80px; background-color: #575757}
    #hardi-nav .nav-link {color: white!important; padding-left: 0; padding-right: 0; margin: 0 24px}
    #hardi-nav .nav-link:hover, #hardi-nav .nav-link.show { text-decoration: underline; text-decoration-thickness: 1px;}
    #hardi-nav .dropdown-menu {font-size: 16px; width: 215px;}
    #hardi-nav .navbar-nav {justify-content: center; width: 100%;}
    #hardi-nav .image-teaser {height: 335px; background-size: cover; background-repeat: no-repeat; margin-left: 20px; width: 634px; overflow: hidden;}
    .navbar-brand {display: inline-block;}
    .megasubmenu{ padding:0; height: 335px; width: 860px!important;}
    .nav-img-hover {list-style: none; padding-left: 0; width: 200px}
       #hardi-nav .dropdown-menu, .megasubmenu{background: #F7F7F7; box-shadow: none;}
       #hardi-nav .show {z-index: 1000;}
    #hardi-nav .dropdown-item:focus, #hardi-nav .dropdown-item:visited, #hardi-nav .dropdown-item:hover, #hardi-nav .dropdown-item:active {background: none}
    #hardi-nav .dropdown-menu li:hover, #hardi-nav .hactive {background: #DFDFDF; color: #585858;}
     #hardi-nav .dropdown-menu li a {color: #585858;   white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


.showchild i {width: 10px;     padding-top: 4px; float: right}

/* ============ desktop view ============ */
@media all and (min-width: 1200px) {
    .dropdown-menu .dropdown-toggle::after{
        border-top: .3em solid transparent;
        border-right: 0;
        border-bottom: .3em solid transparent;
        border-left: .3em solid;
    }
    .megasubmenu{left:100%; top:0; min-height: 100%; min-width:600px;}
    /* Reserve logo and icon space before fitting localized menu labels. */
    #hardi-nav .col-12.col-lg-2:first-child {flex: 0 0 100px; width: 100px;}
    #hardi-nav #megamenu.col-lg-8 {flex: 1 1 0; width: auto; min-width: 0;}
    #hardi-nav #nav_right.col-lg-2 {flex: 0 0 auto; width: 120px;}
    #hardi-nav .nav-link {
        font-size: clamp(18px, calc(0.625vw + 10.5px), 20px);
        margin: 0 clamp(2px, calc(3vw - 34px), 24px);
    }

    /* Australia also has three social icons. */
    .en-au #hardi-nav #nav_right.col-lg-2 {width: 280px;}
}
/* ============ desktop view .end// ============ */
.dropdown-menu li:first-child {margin-top: 20px}
.dropdown-menu li:last-child {margin-bottom: 20px}

.fullwidthbackground:before{
   content: "";
   position: fixed;
   background: #F7F7F7;
   left: 0;
   margin-top: -20px;
   height: 335px;
   width: 100%;
   z-index: -1;
}

/* Single-level dropdowns (e.g. Parts & Service) get a full-viewport-width bar
   that auto-sizes to dropdown content height via box-shadow + clip-path. */
#hardi-nav .nav-item.dropdown > .dropdown-menu:not(:has(.fullwidthbackground)) {
   box-shadow: 0 0 0 100vmax #F7F7F7;
   clip-path: inset(0 -100vmax);
}

#menu_background {
   display: none;
   position: absolute;
   z-index:1;
   width: 100%;
   margin:0 auto;
   height:400px;
   background-color:#f7f7f7;
}

.lang-popup-mob {
    color: white;
    float: right;
}

#languageModal .modal-dialog {max-width: 1300px;}

#languageModal .modal-content {
    background: url('/application/themes/hardi/img/country.png') center center no-repeat;
    background-size: cover;
    padding: 20px;
}

#languageModal .modal-content p {
    margin-bottom: 0rem;
}

#languageModal .modal-content ul {
    padding-left: 0px;
list-style: none;
}

#hardi-nav .dropdown-menu[data-bs-popper] {margin-top: 14px;}
#hardi-nav .nav-hover {width: 170px}
#iconbar {margin-left: auto; margin-top: 11px; width: 100%; text-align: right}

@media screen and (max-width: 1175px) {
   /* #iconbar span { display: none!important} */

    #iconbar  span:last-of-type {
    display: block!important;
}

}


.navbar-brand {margin-top: 7px;}


.searchactive {
    float: right!important;
    width: 350px!important;
    position: fixed!important;
    right: 0px!important;
}

.menuhidden {
    opacity: 0;
}

.searchbox{
    position:relative;
    min-width:56px;
    width:100%;
    height:56px;
    float:right;
   /* overflow:hidden; */
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}
.searchbox-input{
    position:relative;
    top:0;
    border:0;
    outline:0;
    background:white;
    width:240px;
    height:56px;
    margin:0;
    padding:0px 28px;
    font-size:16px;
    color:#575757;
    border-radius:28px;
    font-family: "Roboto Condensed";
    float: left;
    display: none;
}

.searchbox-input::-ms-clear {display: none;}
.searchbox-input::-webkit-input-placeholder {color: #575757;}
.searchbox-input:-moz-placeholder {color: #575757;}
.searchbox-input::-moz-placeholder {color: #575757;}
.searchbox-input:-ms-input-placeholder {color: #575757;}
#iconbar .hicon span, .searchbox-icon,
.searchbox-submit{
    width:48px;
    height:56px;
    display:none;
    position:relative;
    top:0;
    font-family: "Roboto Condensed";
    font-size:20px;
    right:0;
    padding:0;
    margin:0;
    border:0;
    outline:0;
    line-height:56px;
    text-align:center;
    color:white;
    background:none;
    float: left;
}
.searchbox-icon,
.searchbox-submit {
cursor:pointer;
}

.searchbox-icon, #iconbar .hicon span {
    display: block;
    background-color: #575757;
    color: white;
}

#hardi-nav .hicon {float: right!important;}

#iconbar .hicon span a { color: white;}
.searchbox-icon:hover, #iconbar .hicon span a:hover {
    color: black;
}

.col-half-offset{
    margin-left:4.166666667%
}


/* image fluid */

.img-fluid {width: 100%}


 /* Hardi Carousel styling */


   .mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 100px;
    overflow: hidden;
    background-attachment: fixed;
}

#carouselHardi h1 {font-size: 95px; font-weight: 600; line-height: 1.0;}
#carouselHardi h2, #carouselHardi h1.h2 {font-size:  80px; font-weight: 600; line-height: 1.0; text-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
;}
#carouselHardi h3, #carouselHardi h1.h3 {font-size:  65px; font-weight: 600; line-height: 1.0;}
#carouselHardi h4, #carouselHardi h1.h4 {font-size:  40px; font-weight: 600; line-height: 1.0;}

@media screen and (max-width: 1000px) {
   .mask { padding:50px}

}

.carousel-inner video {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

@media screen and (max-width: 600px) {
    .mask {padding:10px 10px 50px 10px}

    #carouselHardi h1 {font-size: 60px; font-weight: 600; line-height: 1.0;}
    #carouselHardi h2, #carouselHardi h1.h2 {font-size:  35px; font-weight: 600; line-height: 1.0}
    #carouselHardi h3, #carouselHardi h1.h3 {font-size:  35px;font-weight: 600;line-height: 1.0;}
    #carouselHardi h4, #carouselHardi h1.h4 {font-size:  20px; font-weight: 600; line-height: 1.0;}

    .carousel-item .btn {transform: scale(0.7)!important;
        height: auto!important;
        min-height: 67px;
    }
}

@media screen and (max-width: 700px) {
  #carouselHardi .carousel-text {text-align: center!important; width: 100%;}
  .mobtext-white {color:#FFFFFF!important;}
  .mobtext-grey {color:#575757!important;}
  .mobtext-black {color:#000000!important;}
}

    #carouselHardi,
    #carouselHardi .carousel-inner,
    #carouselHardi .carousel-item,
    #carouselHardi .carousel-item.active {
      /* height: calc(100vh - 80px); */
      height: calc(100vh);
    }

    #carouselHardi .carousel-inner {  background-color: #575757;}

    #carouselHardi .carousel-item {
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
    }

    #carouselHardi .carousel-indicators {margin-bottom: 65px;}
#carouselHardi .carousel-indicators [data-bs-target] {
    width: 27px;
    height: 7px;
    margin-right: 8px;
    margin-left: 8px;
}
    #scroll {
    position: relative;
    display: block;
    z-index: 2;
    /* width: 100%; */
    width: 168px;
    margin: 0 auto;
    margin-top: -47px;
    padding-bottom: 2em;
}

    #scroll a {display: block; margin: 0 auto; width: 168px}
#carouselHardi .btn:hover {filter: brightness(85%); box-shadow: 0 0.75em 1.85em rgb(0 0 0 / 19%) !important;}

#carouselHardi .btn-lg {    line-height: 72px; font-size: 36px; height: 90px; padding-left: 20px; padding-right: 20px}
#carouselHardi .btn-sm {    line-height: 49px; font-size: 30px; height: 64px;padding-left: 20px; padding-right: 20px}



.hardi .btn-secondary {
    color: #fff;
    border: 0;
    background-color: #575757;
    height: 64px;
    line-height: 49px;
    font-size: 30px;
}

.hardi .btn-primary {
    color: #575757;
    border: 0;
    background-color: #ffffff;
    height: 90px;
    line-height: 72px;
    font-size: 36px;
}

#carouselHardi .description {font-size: 24px; text-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
}
#carouselHardi .btn-red {background-color: #A62328; color: white}
#carouselHardi .btn-white {background-color: #FFF; color: black}
#carouselHardi .btn-grey {background-color: #575757; color:  white}

.whitered {
    background-color: rgba(165,38,44, 0.8);
    padding: 1em 2em;
}

/* carousel-pagelist  */

:is(#carousel-pagelist, .carousel-pagelist) .carousel-indicators {margin-bottom: 0;}

:is(#carousel-pagelist, .carousel-pagelist) {background-color: #911e25; background-image: url('../../img/gradient.png'); background-size: cover; background-repeat: no-repeat;}


:is(#carousel-pagelist, .carousel-pagelist) .carousel-indicators [data-bs-target] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 0.5;
    transition: opacity .6s ease
}
:is(#carousel-pagelist, .carousel-pagelist) .carousel-indicators .active {opacity: 1}

:is(#carousel-pagelist, .carousel-pagelist) {
  position: relative;
  padding-bottom: 32px;
}
:is(#carousel-pagelist, .carousel-pagelist):before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    top: 0px;
    left: 32px;
    color: #a15256;
    font-weight: 900;
    font-size: 120px;
}

.cases-pagelist:before {
    content: "\f10e";
}

.news-pagelist:before {
    content: "\f1ea";
}

:is(#carousel-pagelist, .carousel-pagelist) .carousel-caption {
    position: absolute;
    right: 20px;
    bottom: 0px;
    left: 20px;
}

:is(#carousel-pagelist, .carousel-pagelist) .byline {
    font-size:0.875rem;
    line-height: 1rem;
}

.hardi-btn-pagelist {margin: 20px; z-index: 2;}

/* Keep variable-length carousel copy clear of names and actions. */
.carousel-pagelist .pagelist-content {position: relative; display: flex; flex-direction: column; gap: 24px; min-height: 350px; padding: 24px;}
.carousel-pagelist .pagelist-copy {display: flex; flex: 1; align-items: center; justify-content: center;}
.carousel-pagelist .pagelist-copy .card-title {margin: 0;}
.carousel-pagelist .pagelist-byline {display: flex; align-items: center; gap: 15px;}
.carousel-pagelist .pagelist-byline img {flex-shrink: 0;}
.carousel-pagelist .pagelist-actions {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px;}
.carousel-pagelist .pagelist-actions .btn {margin: 0; min-height: 0; white-space: normal; transform: none!important;}



/* ====== cards ===== */
.card-img-top {border-radius: unset;}
.card {border-radius:unset; box-shadow: unset}

.card-arrow:after{
    content:''; /* Required to display content */
    position: absolute; /* Sets the position absolute to the top div */
    top: calc(100% - 11px);
    left: calc(50% - 10px);
    width: 0;
    z-index:1;
    height: 0;
border-style: solid;
border-width: 0 10.5px 11px 10.5px;
border-color: transparent transparent #fff transparent;
}

.card-title {
    margin-bottom: 0rem;
}

.hoverfxr:hover {
    box-shadow: 0 0.75em 1.85em rgb(0 0 0 / 19%);
    transform: translate(+5px, 0px);
}

.hoverfx:hover {
    box-shadow: 0 0.75em 1.85em rgb(0 0 0 / 19%);
    transform: translate(0, -5px);
}

.hoverfx, .hoverfxr {
    transform: translate(0, 0);
    transition-duration: 0.39062s;
    transition-property: box-shadow, transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ccm-summary-template-blog-entry-thumbnail .card-body {
    padding: 1.6rem; font-size: 16px;
}

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ====== page filter with cards ===== */
.tinydate {font-size: 10px}

.filter-buttons .btn-check:focus+.filter-buttons .btn-secondary, .filter-buttons .btn-secondary:focus, .filter-buttons .btn-secondary:hover {
    color: #fff;
    background-color: #888888;
    border-color:#888888;
}
.filter-buttons .btn-secondary {
    color: #575757;
    background-color: #ccc;
    border-color:#ccc;
    font-weight: 600;

}

/* ====== page list additional information ===== */
.additional_information {color: #575757;}
.additional_information .hardi-opacity {background-color: #ffffffe0; height: 85px}
/* ====== teaser ===== */
.hardi-teaser {background-color:  grey; background-size: cover; background-repeat: no-repeat; height: 160px; width:100%; padding:20px 20px 20px 20px; overflow: hidden}
.hardi-teaser .hico {font-size: 40px; padding: 0 5px}

/* ====== searchResult ===== */
.search-filter{padding: 20px 20px 13px 20px}
.searchResult {margin-bottom: 10px; padding: 20px}
.searchResult h5 {    line-height: 0.3em;}


/* ====== hardi-fact-box ===== */
.hardi-fact-box {background-color: #a5242c; min-height: 200px; position: relative; overflow: hidden}
.hardi-fact-box .d-flex {z-index: 1}
.hardi-fact-box .wrapper {
    position: relative;
    z-index: 2;
    height: 100%;
}

.hardi-fact-box .hico {
    position: absolute;
    color: #ba595f;
    font-size: 120px;
    top: calc(50% - 90px);
    left: 40px;
    z-index: 0;
}

.hardi-fact-box .content a {
    color: white;
    text-decoration: underline;
}

.hardi-fact-box .content a:hover {
    color: black;
}

.youtubeBlockResponsive16by9 {
    width: 100%;
}

.ccm-page>div.container {background-color: #F6F6F6;}

/* ====== footer ===== */

div.theme-atomik footer {
    padding-top: 0rem;
    margin-top: 2em;
}


footer, .hback {background-color: #f7f7f7!important}
#hardi-footer {border-top: 2px solid #707070; margin-top: 60px; padding-top: 0px; font-family: 'Roboto Condensed', sans-serif; font-weight: 400}
#hardi-footer img {max-width: 140px;}
#hardi-footer .ccm-block-page-list-header p, #hardi-footer a {line-height: 28px; color: #575757}
#hardi-footer a:hover {color: black}
#hardi-footer .ccm-block-page-list-header p {font-weight: 700; margin-bottom: 0}

#hardi-footer .hicon span {width: 26px; height: 26px;  margin-right: 4px; margin-bottom: 4px; border-radius: 3px; float: left; display: inline-block; text-align: center;}

#hardi-footer .hico {
    background-color: #575757;
    height: 26px;

    display: inline-block;
    border-radius: 3px;
    margin-right: 7px;
    margin-left: 7px;
    text-align: center;
}

#hardi-footer .hicon {min-width: 60px; margin-top: 20px; display: inline-block;}
#hardi-footer .hicon span a {color: white; font-size: 16px;}
#hardi-footer .hico:hover {background-color: black}

.hardi-copyright {margin-top: 90px}

/* ====== sidebar ===== */
.hardi-sidebar .hico:hover, .hardi-sidebar .hico {background-color: unset!important;}
.hardi-sidebar {display: block; width: 44px;}
/* .hardi-sidebar {display: block; width: 230px;} */
.hardi-sidebar {display: block; width: 50px;}
.hardi-sidebar a {margin-left: -166px; padding-top: 6px; color: white!important; background-color:#585858; width: auto; height: 40px; float: left; margin-bottom: 1px; font-size: 22px; float: left; clear: both}
.hardi-sidebar .sidetext {
   font-size: 15px;
    float: left;
    width: 144px;
    text-align: left;
    overflow: hidden;
    margin: 0px 12px;
    display: inline-block;}
.hardi-sidebar a:hover {color: white!important;background-color:#a9232f}
.hardi-sidebar .hico:before {margin-left: 2px!important}

.sidebarfx:hover {
    box-shadow: 0 0.75em 1.85em rgb(0 0 0 / 19%);
    transform: translate(+166px, 0px);
}

.sidebarfx {
    transform: translate(0, 0);
    transition-duration: 0.7s;
    transition-property: box-shadow, transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}


@media screen and (max-width: 1199px) {
.cases-pagelist h4, .news-pagelist h4 {font-size: 16px}

}

@media screen and (max-width: 767px) {

.news-pagelist {margin-top: 20px}
}

/*
JQuery Simple MobileMenu Slide
https://github.com/Position2/jQuery-Simple-MobileMenu
*/
/*Main style*/


#search_form_mobile .searchbox-input {display: inline-block!important; width: calc(100% - 50px);}
#search_form_mobile {    border: 0px; padding: 12px;}

body.mmactive {
  overflow: hidden;
}

.mobile_menu {
  display: none;
  position: relative;
  padding-left: 0px;
}

.mobile_menu .fa-menu {
    float: right;
    font-size: 30px;
}

.mobile_menu .fa-flip-horizontal {float: left; line-height: 68px;}
.mobile_menu .back .fa-flip-horizontal {line-height:unset; margin-right: 10px}

.sm_menu_outer.active .mobile_menu {
  display: block;
}
.sm_menu_outer {
  border-top: 1px solid white;
  height: calc(100vh - 80px);
  overflow-y: scroll;
  overflow-x: hidden;
  position: relative;
  right: 0;
  bottom: 0;
  z-index: -9;
  width: 100%;
  opacity: 0;
  margin-top: 8px;
  background-color: #575757;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.sm_menu_outer.active {
  opacity: 1;
  z-index: 999;
  display: block;
}
.sm_menu_outer .mobile_menu li.back a {
  font-weight: bold;
  padding: 20px 5px 20px 5px;
  /* background: url("../images/back.png") no-repeat scroll 15px center / 5% auto; */
}
.sm_menu_outer .mobile_menu a {
  color: #ffffff;
  display: block;
  font: 400 20px/140% "Roboto Condensed", sans-serif;
  letter-spacing: 1px;
  padding: 20px 15px 20px 20px;
  text-decoration: none;
}
/*Sub Menu anim */

.submenu .back {
    background-color: #333333;
}

.hidefirstli > li:first-child { display: none;}

.sm_menu_outer.slide .mobile_menu .submenu {
padding-left: 0px;
  background-color: #575757;
  height: 100vh;
  position: absolute;
  right: -100%;
  top: 0;
  transition: all 0.5s ease 0s;
  width: 100%;
  z-index: 999;
}
.sm_menu_outer.slide .mobile_menu li.active > .submenu {
  right: 0;
}
.sm_menu_outer .mobile_menu li {
  list-style-type: none;
  border-bottom: 1px solid white;
  color: #ffffff;
}
.sm_menu_outer.slide .mobile_menu li.hasChild > a {
 /* background: url("../images/next.png") no-repeat scroll 95% center / 5% auto; */
/*  background: url("../images/next.png") no-repeat scroll right center / 40px auto; */

}
/*Hamburger Animation */
#sm_menu_ham {
  border: 0;
  padding: 0;
  background: transparent;
  cursor: pointer;
  float: left;
  height: 25px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  width: 30px;
  top: 28px;
  left: 20px;
  z-index: 9999;
}


@media screen and (max-width: 1199px) {
    .logosvg {margin-left: -18px;}
    #hardi-nav .container-fluid {padding-left: 0px; padding-right: 0px;}
}

@media screen and (max-width: 1329px) {
    #hardi-tagline {display: none!important}
}

#sm_menu_ham span {
  background-color: #FFFFFF;
  border-radius: 5px;
  display: block;
  height: 5px;
  left: 0;
  opacity: 1;
  position: absolute;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.25s ease-in-out 0s;
  -moz-transition: all 0.25s ease-in-out 0s;
  -o-transition: all 0.25s ease-in-out 0s;
  transition: all 0.25s ease-in-out 0s;
  width: 30px;
}
#sm_menu_ham span:nth-child(1) {
  top: 0;
}
#sm_menu_ham span:nth-child(2),
#sm_menu_ham span:nth-child(3) {
  top: 10px;
}
#sm_menu_ham span:nth-child(4) {
  top: 20px;
}
#sm_menu_ham.open span:nth-child(1) {
  left: 50%;
  top: 18px;
  width: 0;
}
#sm_menu_ham.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
#sm_menu_ham.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#sm_menu_ham.open span:nth-child(4) {
  left: 50%;
  top: 18px;
  width: 0;
}
@media (min-width: 1200px) {
  #sm_menu_ham,
  .sm_menu_outer {
    display: none;
  }
}

@media (max-width: 1199px) {
    #megamenu {
        display: none!important;
    }
    #nav_right {
        width: auto;
        float: right;
        display:none!important;
        position: absolute;
        right: 0px;
    }
    #form_topbar {
        display:none!important;
    }
    /* At lg widths (992-1199), col-lg-2 would shrink the logo column to 16% — override
       so logo column spans full row, giving hamburger room on the right (matches mobile layout).
       Also center the logo (cancel text-lg-start) so it doesn't collide with the hamburger. */
    #hardi-nav .col-12.col-lg-2:first-child {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        text-align: center !important;
    }
}

/* hardi cta block */
.hardicta {height: 100%; background-color: #575757; padding: 20px}
.hardicta .hicon {color:  #575757; background-color: white}
.hardicta .hoverfx:hover .hicon {color: black}

.hardicta a {font-size: 18px}
.hardicta .cta-text {font-size: 18px}
.hardicta .cta-text {line-height: 22px; padding: 0 25px; margin-top: 0.5em;}

.hardicta .hico {
    font-size: 45px;
height: 100px;
    padding-top: 20%;
    display: inline-block;
    }

@media only screen and (max-width: 600px) {
.hardicta .hico {
    font-size: 45px;
    height: 90px;
    }
}

@media only screen and (max-width: 400px) {
.hardicta .hico {
    font-size: 36px;
    height: 60px;
}
.hardicta .cta-text {font-size: 12px}
}

/* Specs Tabeller */

table {
    width: 100%;
    overflow-x: auto;
}

th {
    background-color: #a5242c;
    color: white;
    padding: 0.5em;
}

td {
    padding: 0.5em;
}

tr:nth-child(even) {
    background-color: #cccccc;
}

/* Ikoner i specs tabeller */

i.fa-solid.fa-check {
    color: green;
}

i.fa-solid.fa-xmark {
    color: darkred;
}

i.fa-solid.fa-plus {
    color: black;
}

td i {
    text-align:center;
}


/* YouTube Embed */

.ytp-chrome-top {
    display: none !important;
}

a.ytp-watermark.yt-uix-sessionlink {
    display: none !important;
}

/* Hide HR */
hr {
    margin: 1rem 0;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: 0 !important;
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    margin: 0 auto;
    color: black;
    font-size: 2.5em;
}
@media screen and (max-width: 700px) {.modal-title {font-size: 1em;}}

/* Recruiter CSS */

span.reqruiting-link2 {
  display: none;
}

span.reqruiting-title {
    display: inline-block;
    width: 100%;
}

span.reqruiting-title::before {
    content: "Job title: ";
}

span.reqruiting-location{
  display: inline-block;
  width: 100%;
}

span.reqruiting-location::before {
    content: "Location: ";
}

span.reqruiting-closing-date{
  display: inline-block;
  width: 100%;
}

span.reqruiting-closing-date::before {
    content: "Deadline: ";
}

span.reqruiting-content-opener.reqruiting-content-opener-closed{
  display: none;
}

span.reqruiting-link {
    display: inline-block;
    width: 100%;
    text-decoration: underline;
    font-weight: bold;
}

.reqruiting-row {
    margin-bottom: 1em;
}

/* Keyboard controls keep the existing visual style. */
.hardi-icon-button {border: 0; padding: 0; background: transparent; color: inherit; font: inherit; cursor: pointer;}
#iconbar .hardi-icon-button {width: 100%; height: 100%; color: white;}
#hardi-nav :focus-visible, .carousel :focus-visible {outline: 2px solid white; outline-offset: 3px;}
#hardi-nav .dropdown-menu :focus-visible {outline-color: #585858;}
.carousel-pause {position: absolute; right: 12px; bottom: 0; z-index: 3; border: 1px solid currentColor; border-radius: 3px; background: #575757; color: white; padding: 3px 8px; font: 14px "Roboto Condensed", sans-serif;}
#carouselHardi > .carousel-pause {bottom: 110px;}
@media (max-width: 1199px) {.lang-popup-mob {position: absolute; right: 16px; top: 28px; z-index: 2;}}
@media (min-width: 1200px) {.lang-popup-mob {display: none;}}