/* Generel */
html, body {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100% height:100%;
    scroll-behavior: smooth;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    overflow-x: hidden;
    font-family: "Overpass", sans-serif;
    background-color: #fff;
    height: 100%;
    min-height: 100%;
    color: #000;
}

.main-container {
    width: 1140px;
    margin: 0 auto;
    padding: 0;
}

.container {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 30px;
    padding-right: 15px;
    padding-left: 15px;
}

    .container * {
        position: relative;
    }

a.backtocarlink {
    background: #DC1912;
    padding: 14px 10px 12px 20px;
    color: #fff;
    border-radius: 2em;
}

    a.backtocarlink:hover {
        background: #9E1611;
        color: #fff;
    }

small {
    font-size: 60%;
}

.fleft {
    float: left !important;
}

.w100 {
    width: 100% !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.nomb {
    margin-bottom: 0px !important;
}

.npt {
    padding-top: 0 !important;
}

.nmarg {
    margin: 0px !important;
}

.bold {
    font-weight: bold !important;
}

.employeeimground {
    border-radius: 50%;
}

.medphone {
    min-height: 50px;
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.reddiverder {
    display: none;
}

.noresultheadline {
    float: left;
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 20px;
}

.imgcontainer {
    height: 233px;
    float: left;
    overflow: hidden;
    margin-bottom: 10px;
}

a.gemtebilerlink {
    font-size: 13px;
    margin: 8px 0px 10px 0px;
}

.lslidehref {
    max-width: 1110px;
}

#totop {
    position: fixed;
    bottom: 10px;
    z-index: 999999999;
    right: 25px;
    bottom: 65px;
    width: 50px;
    height: 50px;
    background: #3e4c55;
    border-radius: 50%;
    padding: 17px 13px 15px 13px;
}

i.emailicon, i.linkedinicon {
    margin: 0px 10px;
    font-size: 18px;
}

i.openleasinginfo {
    position: absolute;
    font-size: 16px;
    margin-left: 8px;
    color: #000;
    cursor: pointer;
}

.personbox {
    margin-top: -3px;
}

.elbox {
    margin-top: -27px;
}

.elfrontbox {
    margin-top: -18px;
}

.hybridbox {
    margin-top: -22px;
}

.hybridfrontbox {
    margin-top: -13px;
}

.stcarfrontbox {
    margin-top: 5px;
}

label.friformularlabel {
    font-size: 15px;
}

a, a:hover {
    color: #bc221e;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #000;
    opacity: 1; /* Firefox */
}

#intinfo, #intbytbil {
    cursor: pointer;
}


.searchform::-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}


:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #000;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #000;
}

input {
    border-radius: 0;
}

.nopad {
    padding: 0px !important;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0px;
}

button {
    cursor: pointer;
    outline: 0;
}

a {
    text-decoration: none;
}

.relative {
    position: relative;
}

a.searchlink {
    float: left;
    width: 100%;
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 10px;
}

.fa-check {
    margin-left: 15px;
    line-height: 30px !important;
}

.carpriceribbon {
    position: absolute;
    z-index: 1;
    right: -2px;
    padding: 12px 10px 10px 10px;
    background: #ba0f08;
    top: 15px;
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    line-height: 1;
    -webkit-box-shadow: 2px 1px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 1px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 1px 5px 0px rgba(0,0,0,0.75);
}

#frontvideo {
    width: 100%;
    position: fixed;
}

.medvideo {
    width: 100%;
    margin-bottom: 20px;
    float: left;
}

.caritemrel {
    margin-bottom: 30px;
}

.rellistvalue {
    font-size: 15px;
}

a.carlinkrel {
    float: left;
    color: #000;
}

.currentcarsribbons {
    position: absolute;
    top: 15px;
}

.carsecdarkheadline {
    font-size: 36px;
    font-weight: 600;
}

.stars {
    position: relative;
    display: inline-block;
}

    .stars .starhover {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99;
    }

    .stars:hover .starhover {
        display: inline;
    }

img.bell {
    width: 30px !important;
    margin: 3px 20px 0 0;
    float: left;
}

.currentcarvideoheadline {
    float: left;
    margin-top: 40px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}

.currentcariframevideo {
    float: left;
    margin-bottom: 20px;
}

.newsdate {
    float: left;
    font-weight: 600;
    font-style: italic;
    margin-top: 20px;
}

.newsdateview {
    float: left;
    font-weight: 600;
    font-style: italic;
    margin-bottom: 10px;
}

.newsboks {
    min-height: 245px !important;
    color: #000;
    margin-bottom: 30px;
}

.newstxt {
    min-height: 50px !important;
}


i.newsarrow {
    position: absolute;
    bottom: 15px;
    right: 15px;
    color: #DC1912;
}



#newslettersignuppopup {
    background: #000;
    padding-top: 84px;
}

    #newslettersignuppopup div.modal-items {
        padding: 0px;
        overflow: hidden;
        border-radius: 0px;
    }

#newslettersignuppopup {
    padding-top: 30px;
}

#newslettercontent {
    padding: 50px 20px;
    float: left;
    width: 100%;
}

.newsletterheadlinepopup {
    float: left;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 0;
}

.newslettershortdesc {
    line-height: 26px;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.trustpilotsection {
    padding: 24px 0 72px 0;
}

.medboks {
    background: #f2f2f2;
    padding: 20px;
    padding-bottom:18%;
    border-radius: 0px;
    transition: all .3s;
    top: 0;
    position: relative;
    line-height: 25px;
    min-height: 360px;
    overflow:hidden;
}

.productwrapper {
    background: #f2f2f2;
    padding: 20px;
    border-radius: 0px;
    transition: all .3s;
    top: 0;
    position: relative;
    line-height: 25px;
    min-height: 687px;
    margin-bottom: 30px;
    /*float:left;*/
}

.prodimg {
    border-radius: 0px;
    float: left;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 18px;
}

.prodname {
    float: left;
    width: 100%;
    margin-bottom: 0px;
    font-weight: 600;
    font-size: 18px;
}

.prodtxt {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    min-height: 232px
}

.prodpris {
    float: left;
    width: 100%;
}

.prodofferpris {
    float: left;
    width: 100%;
    font-weight: 600;
    font-size: 18px;
}

.prodsold {
    float: left;
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    color: #dd1f19;
}

#contentburgermenu ul li a:hover {
    color: #bc221e !important;
}

.lineth {
    text-decoration: line-through;
}

a.catlink {
    clear: both;
    float: left;
    margin-bottom: 20px;
}

/*.medboks:hover, .productwrapper:hover {
    box-shadow: 0 14px 60px rgba(0, 0, 0, .25), 0 14px 50px rgba(0, 0, 0, .22);
    top: -3px;
}*/

.innerform {
    float: left;
    width: 100%;
    margin: 60px 0px 0px 0px;
}

.form-group {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

    .form-group label {
        float: left;
        width: 100%;
        margin-bottom: 5px;
    }

    .form-group input, .form-group select, .form-group textarea {
        float: left;
        width: 100%;
        padding: 13px;
        border: 1px solid #000;
        border-radius: 0em;
        background: transparent
    }

        .form-group input:focus, .form-group select:focus, .form-group textarea:focus, input.formsubmit:focus {
            outline: 0;
        }

input.formsubmit {
    margin-right: 15px;
}

hr {
    border: 0px;
    border-top: 1px solid #eee;
    float: left;
    width: 100%;
    margin: 40px 0px;
}

.radio input[type='radio'] {
    display: none;
}

.radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    z-index: 1;
    float: left;
}

    .radio label {
        position: relative;
        width: 100px !important;
    }

        .radio label:before {
            content: " ";
            display: inline-block;
            position: relative;
            top: 5px;
            margin: 0 5px 0 0;
            width: 40px;
            height: 40px;
            border-radius: 40px;
            border: 2px solid #DC1912;
            background-color: transparent;
        }

        .radio label input[type='radio']:checked + span.exclusivecustomer {
            border-radius: 20px;
            width: 32px;
            height: 32px;
            position: absolute;
            top: 11px;
            left: 6px;
            display: block;
            background-color: #DC1912;
            -moz-transition: all .4s ease-in;
            -o-transition: all .4s ease-in;
            -webkit-transition: all .4s ease-in;
            transition: all .4s ease-in;
        }

.formheadline {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 10px;
    color: #000;
}

.formcarname {
    font-weight: 600;
    font-size: 18px;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 0px solid #dad55e;
    background: #DC1912;
    color: #fff;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 0px solid #003eff;
    background: #9E1611;
    font-weight: normal;
    color: #ffffff;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 0px solid #cccccc;
    background: #9E1611;
    font-weight: normal;
    color: #fff;
}

.searchicon {
    float: right;
    margin-top: 0px;
}

.galimg {
    float: left;
    margin-bottom: 15px;
}

a.sliding-link {
    width: 100%;
    margin-bottom: 40px;
}

.longdivider {
    float: left;
    width: 100%;
    height: 2px;
    background: #828282;
    margin-top: 26px;
    margin-bottom: 26px;
}

    .longdivider.leasing {
        margin-top: 20px;
        margin-bottom: 0px;
    }

.au-widget-car-rating {
    float: left;
}

.currentcarheadline h1 {
    font-size: 36px;
    margin-top: 22px;
    margin-bottom: 15px;
}

.currentcarprice h2 {
    color: #DC1912;
    font-size: 36px;
}

.currentcaricons {
    margin-top: 30px;
}

.formbtn {
    float: left;
    width: 100%;
    text-align: center;
    border: 1px solid #ddd;
    padding: 12px 0px 8px 0px;
    cursor: pointer;
    border-radius:;
    2em
}

    .formbtn:hover {
        color: #000;
        background: #DC1912;
        border: 1px solid #DC1912;
        -moz-transition: all .4s ease-in;
        -o-transition: all .4s ease-in;
        -webkit-transition: all .4s ease-in;
        transition: all .4s ease-in;
    }

.innerform {
    float: left;
    width: 100%;
    margin: 40px 0px 20px 0px;
}

.form-group {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

    .form-group label {
        float: left;
        width: 100%;
        margin-bottom: 5px;
    }

    .form-group input {
        float: left;
        width: 100%;
        padding: 10px;
        border: 1px solid #000;
        border-radius: 0em;
    }

ul.tabs {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

    ul.tabs li, .leasingheadline {
        text-transform: uppercase;
        font-size: 18px;
        cursor: pointer;
        margin-bottom: 12px;
        font-weight: 700;
    }

.leasingheadline {
    padding: 0;
    margin: 0;
    font-size: 20px;
}

.faq-category {
    font-size: 20px;
    color: #dd1f19;
    text-transform: uppercase;
}

.tab-link.current, .tab-link.current a {
    color: #DC1912;
}

.tab-link a {
    color: #000;
}

.tab-content {
    display: none;
    padding: 0px 30px;
    font-size: 15px;
}

    .tab-content.current {
        display: inherit;
    }

.comment {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    line-height: 23px;
}

.specline {
    float: left;
    width: 100%;
    padding: 8px 8px 6px 8px;
    border-bottom: 1px solid #e5e5e5
}

.specline {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.line1, line2 {
    float: left;
    width: 100%;
}

.line1 {
    color: #666;
    font-size: 14px;
    margin-bottom: 5px;
}

.line2 {
    font-size: 20px;
}

.hightligtspec {
    background: white;
    padding: 20px 0px;
    border-radius:0.5em;
    text-align: center;
    margin-bottom: 20px;

}

.hightlightspecheadline, .hightlightspecvalue {
    width: 100%;
    float: left;
}

.hightlightspecheadline {
    font-weight: 600;
    margin-bottom: 5px;
}

.hightlightspecvalue {
}

.leasinginfo {
    float: left;
    width: 100%;
    margin-top: 29px;
}

.leasinglineheadline {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 5px;
}

.leasingline {
    line-height: 23px;
    font-size: 15px;
    font-weight: 600;
}

    .leasingline span {
        color: #DC1912;
    }

.mdrydelse {
    float: left;
    width: 100%;
    margin-bottom: -5px;
}

.accordion {
    width: 100%;
    grid-column: span 12;
}

.outertoggle {
    padding: 22px 0px;
    border-bottom: 2px solid #828282;
    cursor: pointer;
    width: 100%;
}

.accordion-toggle {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

.accordion-content,
.accordion-toggle {
    width: 100%;
}

.accordion-content {
    display: none;
    padding: 20px 0px;
    font-size: 15px;
}

    .accordion-content ul {
        margin: 0px;
        padding: 0px;
        margin-left: 40px;
    }

img.accordionclose, img.accordionarrow {
    position: absolute;
    top: 5px;
    right: 0;
}

img.accordionarrowsmall {
    position: absolute;
    top: 3px;
    right: -35px;
}

.video-wrapleasing {
    float: left;
    /* margin-top: -49px; jeg har fjernet denne da den gjorde at videoer ikke var aligned med text på hjemmesiden. -kristoffer*/
}
.auws-option.svelte-12g7q7h {
    background: #DD1F19 !important;
}
.innerwishlistwrapper {
    font-size: 36px;
}

.loader {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #dd1f19;
    border-radius: 50%;
    width: 30px;
    float: left;
    height: 30px;
    animation: spin 2s linear infinite;
}

.ribbon {
    position: absolute;
    z-index: 1;
}

    .ribbon:nth-of-type(2) {
        margin-top: 68px;
    }

    .ribbon:nth-of-type(3) {
        margin-top: 138px;
    }

    .ribbon:nth-of-type(4) {
        margin-top: 208px;
    }

.right-ribbon {
    position: absolute;
    z-index: 1;
    right: 0;
    background: #dd1f19;
    color: #fff;
    padding: 4px 6px 2px 6px;
    font-size: 12px;
}

a.univsecbtn {
    margin-top: 70px;
}

.btn.video, .btn.pict360 {
    padding: 10px 20px;
    float: left;
    margin-right: 30px;
}


.modal {
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    padding: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
}

    .modal.active {
        z-index: 999999;
        opacity: 1;
        visibility: visible;
    }

    .modal:before {
        background: rgba(0, 0, 0, 0.85);
        content: '';
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .modal .modal-content {
        backface-visibility: hidden;
        position: fixed;
        z-index: 2;
        top: 50%;
        left: 50%;
        max-height: 100%;
        border: none;
        transform: translate3d(-50%, -50%, 0);
        -webkit-transform: translate3d(-50%, -50%, 0);
        padding: 0;
        border-radius: 0;
        box-shadow: none;
        max-height: 95%;
        height: auto;
        width: auto;
        overflow-y: auto;
        overflow-x: hidden;
    }

.modal-grid {
    grid-column: 4 / span 6;
}


.modal-items {
    background: white;
    padding: 150px;
}

.pricealert_modal_items {
    padding: 40px;
    float: left;
}

.pricealert_info {
    float: left;
    width: 100%;
    font-size: 18px;
}

.pricealert_txt {
    float: left;
    width: 100%;
    margin-bottom: 24px;
}


.modalheadline {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 24px;
}

.modal .modal-content .modal-close-cross {
    cursor: pointer;
    position: absolute;
    opacity: .5;
    transition: 0.1s linear;
    -webkit-transition: 0.1s linear;
    -moz-transition: 0.1s linear;
    top: 1em;
    right: 1em;
    z-index: 99;
}

    .modal .modal-content .modal-close-cross:before {
        content: '\00D7';
        font-size: 3.5em;
    }

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select[disabled] {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #f9f9f9;
}

#ctabtn {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
}

#ctabtntxtpage {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.popup__overlay--full {
    background: #000000;
    opacity: 1;
}

.popup__overlay {
    background: #000000;
    opacity: .7;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
}

.innerwishlistwrapper {
    margin: 0;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    z-index: 99;
}

#outerheader {
    position: relative;
    float: left;
    width: 100%;
    position: fixed;
    background: #fff;
    z-index: 3;
}

.galheadline {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 23px;
    font-weight: 600;
    margin-bottom: 5px;
    float: left;
    width: 100%;
}

.galtxt {
    width: 100%;
    margin-bottom: 10px;
    float: left;
}

#innerheader {
    -webkit-box-shadow: 0 3px 3px -2px #d6d6d6;
    -moz-box-shadow: 0 3px 3px -2px #d6d6d6;
    box-shadow: 0 3px 3px -2px #d6d6d6;
    position: relative;
    float: left;
    width: 100%;
}

header {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 30px 0px;
    align-items: center;
}

#frontimg {
    float: left;
    width: 100%;
    height: calc(100vh - 139px);
}

#frontimgunivers {
    float: left;
    width: 100%;
    height: calc(100vh - 139px);
}

.transblack {
    float: left;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 142px 70px 33px 70px;
}

.center-screen {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: calc(100vh - 139px);
}

.contactinfo {
    margin-top: 40px;
}

.contactinfo, .socialline {
    color: #fff;
    float: left;
    width: 100%;
    font-size: 15px;
}

    .contactinfo a {
        color: #fff;
    }

.firmfront, .adressfront, .cityfront, .phonefront, .emailfront {
    margin-right: 20px;
}

    .phonefront.desktop {
        display: none;
    }

.copyright-text, .copyright-text a {
    font-size: 12px;
    color: #000;
    float: left;
    width: 100%;
}

#subForm {
    position: relative;
    z-index: 0;
}

.btn {
    line-height: 1;
    border-radius: 2em;
    background: #dd1f19;
    color: #fff;
    width: auto;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .btn.white {
        background: #fff;
        color: #dd1f19 !important;
    }

    .btn:hover {
        background: #9E1611;
        -moz-transition: all .4s ease-in;
        -o-transition: all .4s ease-in;
        -webkit-transition: all .4s ease-in;
        transition: all .4s ease-in;
        color: white;
    }

    .btn.white:hover {
        color: #fff !important;
    }

    .btn.normal {
        padding: 21px 42px 19px 42px;
        font-size: 16px;
    }

        .btn.normal:hover, .btn.small:hover {
            color: #fff;
        }

    .btn.big {
        padding: 23px 60px 20px 60px;
        font-size: 20px;
    }

    .btn.small {
        padding: 12px 30px 11px 30px;
        font-size: 16px;
    }

.currentcarbtn {
    display: flex;
    align-items: center;
    border-radius: 2em;
    border: 1px solid #000;
    color: #000;
    float: left;
    width: 100%;
    justify-content: center;
    margin-bottom: 25px;
    text-transform: uppercase;
    padding: 8px 0px 6px 0px;
    font-size: 15px;
}

.callbtn {
    border: 0 !important;
    color: white !Important;
    padding: 8px 20px 6px 20px !important;
    display: flex;
    align-items: center;
    font-size: 15px;
}

/*
.callbtn img {
    margin-right: 20px;
    margin-left: 10px;
}


.actualcallbtn img {
    margin-right: 20px;
    margin-left: 15px;
}
*/


.writeusbtn {
    margin-bottom: 0;
}


    .writeusbtn i {
        color: black;
        font-size: 35px;
    }

.currentcarbtn:hover {
    color: #dd1f19;
}

/*
.currentcarbtn img{
	margin-right:8px;
}
*/

.transicon {
    margin-bottom: 26px;
}

.transtxt {
    color: #fff;
    width: 100%;
    margin-top: 26px;
}

#mainburgerwrapper {
    float: left;
    width: 100%;
    background: #000;
    color: #fff;
    padding: 45px 0px;
    z-index: 9;
}


.mainmegamenuwrapper {
    float: left;
    width: 100%;
    background: #000;
    color: #fff;
    padding: 45px 0px;
    z-index: 9;
}

#bilsogning, #leasing, #verksted {
    display: none;
}

a.bilsogning, a.leasing, a.verksted {
    position: relative;
    padding-bottom: 50px;
}

li.showsubmenu {
    float: left;
    position: relative;
    z-index: 1;
}

/*
#contentburgermenu ul li.showsubmenu:hover ul.submenu{
display:block !important;
}
*/

#contentburgermenu ul {
    padding: 0px;
    margin: 0px;
    float: left;
    width: 100%;
    list-style-type: none;
    font-size: 19px;
    text-transform: uppercase;
}

    #contentburgermenu ul li a {
        padding: 0px;
        margin-right: 55px;
        float: left;
        width: auto;
        color: #fff;
        margin-left: 0px;
    }

.submenu {
    float: left;
    width: 100%;
    background: #000;
    border-top: 2px solid #c7c7c7;
    margin-top: 60px !important;
    padding-top: 30px !important;
    position: fixed;
    left: 0;
}

ul.submenu div li a {
    float: left;
    width: 100% !important;
    font-size: 18px;
    text-transform: none;
    margin-bottom: 30px;
}

#contentmegamenu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

    #contentmegamenu ul li a {
        float: left;
        width: 100%;
        margin-bottom: 30px;
        color: #fff;
    }

        #contentmegamenu ul li a:hover {
            opacity: 0.8;
        }

.menuactive {
    height: 8px;
    background-color: #fff;
    width: auto;
    position: relative;
    bottom: -28px;
    margin-left: auto;
    margin-right: auto;
}

.universtxt {
    float: left;
    width: 100%;
}

#breadcrumb {
    float: left;
    margin-top: 16px;
    font-size: 13px;
    width: 100%;
}

.breadcrumb {
    margin-bottom: 66px;
    float: left;
    width: 100%;
}

#breadcrumb a {
    color: #000;
}

#breadcrumb span.current {
    font-weight: 700;
    text-decoration: underline;
}

span.separator {
    margin: 0px 10px;
}

.reddiverder {
    height: 4px;
    background: #dd1f19;
    position: relative;
    bottom: -31px;
    z-index: 99999;
}

div > .reddiverder {
    margin-top: -4px;
}

.section {
    padding-top: 40px;
    padding-bottom: 40px;
    background: #fff;
}

#startsection {
    background: #f2f2f2;
    /*padding-bottom:114px;*/
    padding-top: 0px;
}
#aftersection {
    background: #f2f2f2;
}
#startsectionnormal {
    background: #ffffff;
    padding-bottom: 114px;
}

#latestcarsection {
    padding-top: 0px;
}

#universsektion {
    padding: 106px 0px;
}

.universseclv {
    padding: 0px 0px 106px 0px !important;
}

#carcounter {
    background: #000;
    color: #fff;
}

#newslettersignup {
    background: #f2f2f2;
    padding-top: 84px;
}

img.footerlogo {
    max-width: 292px !important;
    margin-bottom: 70px;
}

#footer {
    float: left;
    width: 100%;
    padding: 96px 0px;
    background: #fff;
}

#footercontact {
    float: left;
    line-height: 1.5em;
}

.footerheadline {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
}

.footerboxheadline {
    margin-bottom: 15px;
}

.footerboxcontent ul {
    float: left;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}

    .footerboxcontent ul a li {
        float: left;
        margin-bottom: 10px;
        line-height: 1.5em;
        width: 100%;
        color: #000;
    }

        .footerboxcontent ul a li:hover {
            opacity: 0.8;
        }

#footer a {
    color: #000;
}

#footer2 {
    background: #f2f2f2;
    float: left;
    width: 100%;
    padding: 96px 0px;
}

    #footer2 .container {
        grid-row-gap: 15px;
    }





.txtpageheadline {
    float: left;
    width: 100%;
    font-size: 36px;
    color: #dc1912;
    margin-top: 6px;
    margin-bottom: 70px;
    line-height: 53px;
}

.secpageheadline {
    float: left;
    width: 100%;
    font-size: 36px;
    color: #dc1912;
    margin-top: 6px;
    margin-bottom: 0px;
    line-height: 53px;
}

.txtpageheadline h1 {
    float: left;
    width: 100%;
    font-weight: 400;
    white-space: pre-line;
}

.txtpagemanchet {
    font-weight: 600;
    margin-bottom: 36px;
    float: left;
    width: 100%;
    font-size: 19px;
    white-space: pre-line;
}

#videowrapper {
    float: left;
    width: 100%;
    margin-top: 35px;
    position: relative;
    z-index: 1;
}

#playbtn, .playbtn {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
}

.videoleasing {
    width: 500px;
}

.sold-vehicle {
    -webkit-filter: opacity(.2);
    filter: opacity(.2);
}

.nestedsection {
    float: left;
    margin: 60px 0px;
    width: 100%;
}

.nestedheadline {
    text-transform: uppercase;
    color: #DC1912;
    font-size: 22px;
    line-height: 23px;
    font-weight: 600;
    margin-bottom: 15px;
    float: left;
    width: 100%;
}

.nestedtxt, .txtpagetxt {
    line-height: 23px;
}

.nestedtxt {
    float: left;
    width: 100%;
}

    .nestedtxt p {
        margin: 0;
        width: 100%;
        float: left;
    }

.checkbox, .radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 28px;
    z-index: 1;
}

    .checkbox label {
        position: relative;
    }

    .checkbox label, .radio label {
        min-height: 0px;
        padding-left: 0px;
        margin-bottom: 0;
        font-weight: 400;
        cursor: pointer;
    }

        .checkbox label:before {
            content: " ";
            display: inline-block;
            position: relative;
            top: 5px;
            margin: 0 5px 0 0;
            width: 20px;
            height: 20px;
            border-radius: 0px;
            border: 1px solid #000;
            background-color: transparent;
        }

    .checkbox input[type='checkbox'] {
        display: none;
    }

    .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
        position: relative;
        margin-top: 4px\9;
        margin-left: 0px;
    }

    .checkbox label input[type='checkbox']:checked + span:after {
        content: "\2713";
        position: absolute;
        top: -34px;
        left: -139px;
        font-size: 45px;
        color: #000;
        display: inline-block;
    }

    .checkbox label input#leasingoffercheck[type='checkbox']:checked + span:after {
        content: "\2713";
        position: absolute;
        top: -53px;
        left: -164px;
        font-size: 45px;
        color: #000;
        display: inline-block;
    }

    .checkbox label input#acceptnewlform[type='checkbox']:checked + span:after {
        content: "\2713";
        position: absolute;
        top: -34px;
        left: -326px;
        font-size: 45px;
        color: #000;
        display: inline-block;
    }

    .checkbox label input#acceptgdprskaffeet[type='checkbox']:checked + span:after {
        content: "\2713";
        position: absolute;
        top: -34px;
        left: -529px;
        font-size: 45px;
        color: #000;
        display: inline-block;
    }

    .checkbox label input#rentcar[type='checkbox']:checked + span:after {
        content: "\2713";
        position: absolute;
        top: -34px;
        left: -408px;
        font-size: 45px;
        color: #000;
        display: inline-block;
    }

    .checkbox label input#cleartrade[type='checkbox']:checked + span:after {
        content: "\2713";
        position: absolute;
        top: -34px;
        left: -111px;
        font-size: 45px;
        color: #000;
        display: inline-block;
    }

    .checkbox label input#trade[type='checkbox']:checked + span:after {
        content: "\2713";
        position: absolute;
        top: -34px;
        left: -119px;
        font-size: 45px;
        color: #000;
        display: inline-block;
    }

    .checkbox label input#uafgift[type='checkbox']:checked + span:after {
        content: "\2713";
        position: absolute;
        top: -34px;
        left: -224px;
        font-size: 45px;
        color: #000;
        display: inline-block;
    }

    .checkbox label input#service[type='checkbox']:checked + span:after {
        content: "\2713";
        position: absolute;
        top: -34px;
        left: -114px;
        font-size: 45px;
        color: #666;
        display: inline-block;
        cursor: not-allowed;
    }




.visible-xs {
    display: none !important;
}

.visible-sm {
    display: none !important;
}

.visible-lg {
    display: none !important;
}

.uppercase {
    text-transform: uppercase;
}

.aligncenter {
    align-items: center;
}

.fw400 {
    font-weight: 400;
}

.fw600 {
    font-weight: 600;
}

.fw800 {
    font-weight: 800;
}

.univtxt {
    font-size: 18px;
}

a .univtxt {
    color: #000;
}

/* Grid */
.grid-1 {
    grid-column: span 1;
}

.grid-2 {
    grid-column: span 2;
}

.grid-3 {
    grid-column: span 3;
}

.grid-4 {
    grid-column: span 4;
}

.grid-5 {
    grid-column: span 5;
}

.grid-6 {
    grid-column: span 6;
}

.grid-7 {
    grid-column: span 7;
}

.grid-8 {
    grid-column: span 8;
}

.grid-9 {
    grid-column: span 9;
}

.grid-10 {
    grid-column: span 10;
}

.grid-11 {
    grid-column: span 11;
}

.grid-12 {
    grid-column: span 12;
}

.gridstart12.grid-1 {
    grid-column: 12/ span 1;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.fleft {
    float: left !important;
}

.fright {
    float: right !important;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.outertopimg {
    display: none;
}

.img-responsive {
    max-width: 100%;
    display: block;
    height: auto;
}

.form-control {
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    background-color: #fff;
    background-image: none;
}

textarea.form-control {
    height: auto;
    border: 1px solid #ccc;
}

section {
    float: left;
    padding: 60px 0px;
    width: 100%;
}

/* Cookie CSS */
#cookie-bar,
#cookiebar {
    -webkit-animation-name: slideUp;
    animation-duration: .9s;
    -o-animation-duration: .9s;
    -webkit-animation-duration: .9s;
    -moz-animation-duration: .9s;
    animation-name: slideUp
}

#cookiebar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #000;
    padding: 0px 0px 0px;
    z-index: 999999;
}

    #cookiebar .section {
        background: #000;
    }

.cookieheadline {
    font-size: 35px;
    line-height: 35px;
}

a.btnok {
    margin-right: 10px;
    background: #83A25C;
    margin-bottom: 20px;
}

a.btnreadmore {
    background: #3E566D;
}

a.btnok, a.btnreadmore {
    float: left;
    padding: 10px 15px;
    text-decoration: none;
    color: #fff;
}

/* Fonts */
.white {
    color: #fff !important;
}

/* Width */
.w100 {
    width: 100%;
}

.w50 {
    width: 50%;
}



ul#mainmenu {
    float: left;
    padding: 0;
    margin: 0;
    list-style: none;
}

    ul#mainmenu li {
        float: left;
        width: auto;
        margin: 0px 0px 0px 20px;
    }

        ul#mainmenu li a {
            text-decoration: none;
            color: #000;
        }

ul#mobmenu li a {
    text-decoration: none;
    color: #000;
}


.burger {
    display: inline-block;
    cursor: pointer;
}

.bar1, .bar2, .bar3 {
    width: 35px;
    height: 5px;
    background-color: #333;
    margin: 6px 0;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar2 {
    opacity: 0;
}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px);
}

.burgerre {
    grid-column: 12/13;
    margin-top: 60px;
    right: 0px;
    position: absolute;
    z-index: 9;
}

.popup-menu ul {
    padding: 0;
}

    .popup-menu ul li {
        list-style-type: none;
        font-size: 30px;
        width: 100%;
        margin-bottom: 20px;
        line-height: 45px;
        display: none;
    }

img {
    width: 100%;
}

    img.auto {
        width: auto;
    }

.logo {
    height: auto;
    width: auto !important;
}

.frontbox1 {
    animation: fadein 620ms;
    animation-delay: 0.5s;
    -moz-animation: fadein 620ms; /* Firefox */
    -moz-animation-delay: 0.3s;
    -webkit-animation: fadein 620ms; /* Safari and Chrome */
    -webkit-animation-delay: 0.3s;
    -o-animation: fadein 820ms; /* Opera */
    opacity: 0;
    animation-fill-mode: forwards;
}

.frontbox2 {
    animation: fadein 620ms;
    animation-delay: 0.5s;
    -moz-animation: fadein 620ms; /* Firefox */
    -moz-animation-delay: 0.5s;
    -webkit-animation: fadein 620ms; /* Safari and Chrome */
    -webkit-animation-delay: 0.5s;
    -o-animation: fadein 820ms; /* Opera */
    opacity: 0;
    animation-fill-mode: forwards;
}

.frontbox3 {
    animation: fadein 620ms;
    animation-delay: 0.7s;
    -moz-animation: fadein 620ms; /* Firefox */
    -moz-animation-delay: 0.7s;
    -webkit-animation: fadein 620ms; /* Safari and Chrome */
    -webkit-animation-delay: 0.7s;
    -o-animation: fadein 820ms; /* Opera */
    opacity: 0;
    animation-fill-mode: forwards;
}

.frontbox1, .frontbox2, .frontbox3 {
    margin-bottom: 58px;
}

.newsletterheadline {
    float: left;
    width: 100%;
    font-size: 48px;
    color: #DC1912;
}

.newslettertxt {
    float: left;
    width: 100%;
    font-size: 24px;
    line-height: 37px;
    margin-bottom: 48px;
}

a.newslpolicylink {
    margin-left: 0px;
    text-decoration: underline;
    color: #DC1912;
}

#fieldEmail {
    color: #000000;
    border: 0px;
    border-bottom: 1px solid #011e30;
    background: transparent;
    text-align: center;
    padding-bottom: 8px;
    width: 30%;
    margin-bottom: 5px;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}

.newssubmit {
    margin-bottom: 48px;
}

.iconline {
    display: flex; /*Ændret fra margin:auto da margin auto ikke virker på safari mobil/tablet */
    justify-content: center;
}

.socialicon {
    float: left;
}

    .socialicon.firstmiddle {
        margin: 0px 0px 0px 20px;
    }

    .socialicon.middle {
        margin: 0px 20px;
    }

.video-wrap {
    text-align: center;
    margin-top: 50px;
}

.ytunisec {
    margin-top: 106px;
}

#videoboks {
    float: left;
    width: 90%;
    background: #DC1912;
    padding: 120px 40px 40px 40px;
    color: #fff;
    text-align: center;
    margin-left: -50px;
    margin-top: -90px;
    position: relative;
}

.videoheadline {
    font-size: 26px;
    text-transform: uppercase;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.videotxt {
    font-size: 18px;
    line-height: 31px;
    float: left;
    width: 100%;
    margin-bottom: 47px;
}

.video iframe {
    max-width: 100%;
    max-height: 100%;
}

.video.stuck {
    position: fixed;
    bottom: 20px;
    right: 20px;
    transform: translateY(100%);
    width: 260px;
    height: 145px;
    animation: fade-in-up 0.25s ease forwards;
    z-index: 99;
}

    .video.stuck img#playbtn {
        width: 55px;
    }

.carinfolist {
    float: left;
    width: 100%;
    padding: 0px 0px;
}

a div.caritem {
    color: #000;
}

.caritem {
    float: left;
    width: 100%;
    margin-bottom: 65px;
}

.cartypelist {
    font-size: 14px;
    font-weight: 600;
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.carmmv {
    float: left;
    width: 100%;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 26px;
}

.carpricelist {
    float: left;
    width: 100%;
    color: #dc1912;
    margin-bottom: 30px;
    font-weight: 600;
    font-size: 24px;
}

.outerlistvalue {
    float: left;
    width: 100%;
    margin-bottom: 2px;
    line-height: 30px;
    text-transform: none;
}

.listvalue1 {
    float: left;
}

.listvalue2 {
    float: right;
}

.specinfo {
    text-transform: uppercase;
}

.interactiveinfo {
    margin-top: 51px;
    align-items: center;
}

img.star {
    margin: 0 20px 0 0;
}

/* CSS Slider */

.slider {
    width: 100%;
    height: auto;
    display: flex;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-scroll-snap-points-x: repeat(300px);
    -ms-scroll-snap-points-x: repeat(300px);
    scroll-snap-points-x: repeat(300px);
    -webkit-scroll-snap-type: mandatory;
    -ms-scroll-snap-type: mandatory;
    scroll-snap-type: mandatory;
}

.slide {
    width: 100%;
    flex-shrink: 0;
    height: 100%;
    display: inline;
}

.slide-video {
    /*    width: 1110px;
    height: 45vh;
*/
    width: 100%;
    height: 46.8vh;
}



.slides > div {
    scroll-snap-align: start;
}

.slides {
    scroll-behavior: smooth;
}

.sliderwrap {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    bottom: 30px;
    width: 15%;
}

.circleslider {
    float: left;
    margin: 0px 5px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    border: 2px solid #000;
    text-indent: -9999992em;
    font-size: 1px;
}

    .circleslider.active {
        background: #000;
    }


/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
/** /!!! core css Should not edit !!!/**/

.lSSlideOuter {
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.lightSlider:before, .lightSlider:after {
    content: " ";
    display: table;
}

.lightSlider {
    overflow: hidden;
    margin: 0;
}

.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative;
}

    .lSSlideWrapper > .lightSlider:after {
        clear: both;
    }

    .lSSlideWrapper .lSSlide {
        -webkit-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
        -webkit-transition: all 1s;
        -webkit-transition-property: -webkit-transform,height;
        -moz-transition-property: -moz-transform,height;
        transition-property: transform,height;
        -webkit-transition-duration: inherit !important;
        transition-duration: inherit !important;
        -webkit-transition-timing-function: inherit !important;
        transition-timing-function: inherit !important;
        /*height: 100% !important;*/
    }

    .lSSlideWrapper .lSFade {
        position: relative;
    }

        .lSSlideWrapper .lSFade > * {
            position: absolute !important;
            top: 0;
            left: 0;
            z-index: 9;
            margin-right: 0;
            width: 100%;
        }

    .lSSlideWrapper.usingCss .lSFade > * {
        opacity: 0;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        -webkit-transition-duration: inherit !important;
        transition-duration: inherit !important;
        -webkit-transition-property: opacity;
        transition-property: opacity;
        -webkit-transition-timing-function: inherit !important;
        transition-timing-function: inherit !important;
    }

    .lSSlideWrapper .lSFade > *.active {
        z-index: 10;
    }

    .lSSlideWrapper.usingCss .lSFade > *.active {
        opacity: 1;
    }
/** /!!! End of core css Should not edit !!!/**/

/* Pager */
.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center;
    margin-top: -50px;
    float: left;
    width: 100%;
    z-index: 0;
}

    .lSSlideOuter .lSPager.lSpg > li {
        cursor: pointer;
        display: inline-block;
        padding: 0 5px;
        margin-bottom: 0px;
    }

        .lSSlideOuter .lSPager.lSpg > li a {
            border: 1px solid #000;
            border-radius: 30px;
            display: inline-block;
            height: 9px;
            overflow: hidden;
            text-indent: -999em;
            width: 9px;
            position: relative;
            z-index: 99;
            -webkit-transition: all 0.5s linear 0s;
            transition: all 0.5s linear 0s;
        }

        .lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
            background-color: #000;
        }

.lSSlideOuter .media {
    opacity: 0.8;
}

    .lSSlideOuter .media.active {
        opacity: 1;
    }
/* End of pager */

/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .lSSlideOuter .lSPager.lSGallery li {
        overflow: hidden;
        -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
        transition: border-radius 0.12s linear 0s 0.35s linear 0s;
    }

        .lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
            border-radius: 5px;
        }

    .lSSlideOuter .lSPager.lSGallery img {
        display: block;
        height: auto;
        max-width: 100%;
    }

    .lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
        content: " ";
        display: table;
    }

    .lSSlideOuter .lSPager.lSGallery:after {
        clear: both;
    }
/* End of Gallery*/

/* slider actions */
.lSAction > a {
    width: 32px;
    display: block;
    top: 50%;
    height: 32px;
    background-image: url('../img/controls.png');
    cursor: pointer;
    position: absolute;
    z-index: 99;
    margin-top: -16px;
    opacity: 0.5;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
}

    .lSAction > a:hover {
        opacity: 1;
    }

.lSAction > .lSPrev {
    background-position: 0 0;
    left: 10px;
}

.lSAction > .lSNext {
    background-position: -32px 0;
    right: 10px;
}

.lSAction > a.disabled {
    pointer-events: none;
}

.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}


/* vertical */
.lSSlideOuter.vertical {
    position: relative;
}

    .lSSlideOuter.vertical.noPager {
        padding-right: 0px !important;
    }

    .lSSlideOuter.vertical .lSGallery {
        position: absolute !important;
        right: 0;
        top: 0;
    }

    .lSSlideOuter.vertical .lightSlider > * {
        width: 100% !important;
        max-width: none !important;
    }

    /* vertical controlls */
    .lSSlideOuter.vertical .lSAction > a {
        left: 50%;
        margin-left: -14px;
        margin-top: 0;
    }

    .lSSlideOuter.vertical .lSAction > .lSNext {
        background-position: 31px -31px;
        bottom: 10px;
        top: auto;
    }

    .lSSlideOuter.vertical .lSAction > .lSPrev {
        background-position: 0 -31px;
        bottom: auto;
        top: 10px;
    }
/* vertical */


/* Rtl */
.lSSlideOuter.lSrtl {
    direction: rtl;
}

.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
    padding-left: 0;
    list-style: none outside none;
}

.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
    padding-right: 0;
}

.lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li {
    float: left;
}

.lSSlideOuter.lSrtl .lightSlider > *, .lSSlideOuter.lSrtl .lSGallery li {
    float: right !important;
}

.lSAction {
    display: none !important;
}
/* Rtl */

@-webkit-keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}

@keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}

@-webkit-keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}

@keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}

@-webkit-keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}

@keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}

@-webkit-keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}

@keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}

.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}

.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}

.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd 0.3s;
    animation: topEnd 0.3s;
    position: relative;
}

.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd 0.3s;
    animation: bottomEnd 0.3s;
    position: relative;
}

.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}

.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
/*/  GRab cursor */
.lightSlider.lsGrab > * {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}

.lightSlider.lsGrabbing > * {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing;
}

.spinnerwrap {
    margin-bottom: 40px;
    position: relative;
}

.lds-spinner {
    color: official;
    display: block;
    position: relative;
    width: 64px;
    height: 64px;
    margin: 0 auto;
}

    .lds-spinner div {
        transform-origin: 32px 32px;
        animation: lds-spinner 1.2s linear infinite;
    }

        .lds-spinner div:after {
            content: " ";
            display: block;
            position: absolute;
            top: 3px;
            left: 29px;
            width: 5px;
            height: 14px;
            border-radius: 20%;
            background: black;
        }

        .lds-spinner div:nth-child(1) {
            transform: rotate(0deg);
            animation-delay: -1.1s;
        }

        .lds-spinner div:nth-child(2) {
            transform: rotate(30deg);
            animation-delay: -1s;
        }

        .lds-spinner div:nth-child(3) {
            transform: rotate(60deg);
            animation-delay: -0.9s;
        }

        .lds-spinner div:nth-child(4) {
            transform: rotate(90deg);
            animation-delay: -0.8s;
        }

        .lds-spinner div:nth-child(5) {
            transform: rotate(120deg);
            animation-delay: -0.7s;
        }

        .lds-spinner div:nth-child(6) {
            transform: rotate(150deg);
            animation-delay: -0.6s;
        }

        .lds-spinner div:nth-child(7) {
            transform: rotate(180deg);
            animation-delay: -0.5s;
        }

        .lds-spinner div:nth-child(8) {
            transform: rotate(210deg);
            animation-delay: -0.4s;
        }

        .lds-spinner div:nth-child(9) {
            transform: rotate(240deg);
            animation-delay: -0.3s;
        }

        .lds-spinner div:nth-child(10) {
            transform: rotate(270deg);
            animation-delay: -0.2s;
        }

        .lds-spinner div:nth-child(11) {
            transform: rotate(300deg);
            animation-delay: -0.1s;
        }

        .lds-spinner div:nth-child(12) {
            transform: rotate(330deg);
            animation-delay: 0s;
        }

@keyframes lds-spinner {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/* RESPONSIVE */

/* 
  Mobiltelefoner
*/
@media all and (max-width: 767px) {

    .phonefront.mobile {
        display: inline-block;
    }

    .slide-video {
        width: 94vw;
        height: 29vh;
    }

    #cookiebar {
        height: 100vh;
        overflow: auto;
    }

    .line2 {
        font-size: 18px;
    }

    .lslidehref {
        max-width: 375px;
    }

    .modal-content .modal-close-cross {
        top: 0em !important;
        right: 0.5em !important;
    }

    .modal-close-cross {
        /*color:#fff  !important;*/
        opacity: 0.5 !important;
        font-size: 35px !important;
    }




    .mobcenter {
        text-align: center !important;
    }

    .mobsubmitoffer {
        float: left !important;
        margin-left: 0px !important;
    }

    .popup__content__red {
        padding: 78px 36px !important;
    }

    .intercard {
        float: none !important;
    }

    #monthly-pay-container {
        margin-top: 20px;
    }

    .imgcontainer {
        height: auto;
        float: left;
        overflow: inherit;
        margin-bottom: 0px;
    }

    #totop {
        padding: 13px 13px 15px 13px;
    }

    .interactiveinfo {
        margin-top: 20px;
    }

    .checkbox label input#acceptgdprskaffeet[type='checkbox']:checked + span:after {
        top: -54px;
        left: -340px;
    }

    .checkbox label input#rentcar[type='checkbox']:checked + span:after {
        top: -53px;
        left: -346px;
    }

    .checkbox label input#acceptnewlform[type='checkbox']:checked + span:after {
        top: -27px;
        left: -334px;
    }

    .searchbtn {
        margin-left: 15px;
    }

    .searchbtnwrap {
        width: auto !important;
        position: relative !important;
        /* left: 0; */
        /* bottom: -20px; */
        z-index: 99999 !important;
        float: left !important;
    }

    .searchicon img, i.searchicon {
        z-index: 90000000000000000000000000000000000;
        float: right;
        left: 0px;
    }

    #outerheader {
        position: relative;
    }

    .container {
        grid-column-gap: 15px;
    }

    .front, .back, .frontexp, .backexp {
        display: none;
        backface-visibility: visible;
    }

    .main-container {
        width: 100%;
    }

    .hidden-xs {
        display: none !important;
    }

    .visible-xs {
        display: block !important;
    }

    .grid-xs-1 {
        grid-column: span 1;
    }

    .grid-xs-2 {
        grid-column: span 2;
    }

    .grid-xs-3 {
        grid-column: span 3;
    }

    .grid-xs-4 {
        grid-column: span 4;
    }

    .grid-xs-5 {
        grid-column: span 5;
    }

    .grid-xs-6 {
        grid-column: span 6;
    }

    .grid-xs-7 {
        grid-column: span 7;
    }

    .grid-xs-8 {
        grid-column: span 8;
    }

    .grid-xs-9 {
        grid-column: span 9;
    }

    .grid-xs-10 {
        grid-column: span 10;
    }

    .grid-xs-11 {
        grid-column: span 11;
    }

    .grid-xs-12 {
        grid-column: span 12;
    }

    .flexmob {
        display: flex !important;
    }

    .burger {
        margin-left: 20px;
    }

    .moblogo {
        margin-top: 4px;
    }

    .gridstart12.grid-1 {
        grid-column: 9/ span 4;
    }

    section {
        float: left;
        padding: 30px 0px;
        width: 100%;
    }

    #frontimg {
        float: left;
        width: 100%;
        margin-top: 0px;
        padding: 0px 15px;
    }

    #frontimgunivers {
        float: left;
        width: 100%;
        margin-top: 0px;
        padding: 0px 0px;
    }

    #mainburgermenu {
        margin-top: 15px;
    }

    #contentburgermenu ul li a {
        padding: 0px;
        margin-right: 0px;
        margin-bottom: 20px;
        margin-left: 15px;
        width: 100%;
    }

    .submenu {
        margin-top: 0px !important;
        position: relative;
        border-top: 0px;
        padding-top: 0px !important;
    }

    .menuactive {
        height: 4px;
        background-color: #fff;
        width: 93%;
        position: relative;
        bottom: -8px;
        margin-left: 0px;
        margin-right: 0px;
    }

    img#mainburgermenuclose {
        margin-right: 20px;
        margin-top: 15px;
    }

    li.showsubmenu {
        float: left;
        position: relative;
        z-index: 1;
        width: 100%;
    }

    li.clickmenu.sub {
        margin-left: 20px;
    }

        li.clickmenu.sub a {
            font-size: 15px;
        }

    .btn.big {
        padding: 12px 60px 12px 60px;
        font-size: 20px;
    }

        .btn.big.newssubmit {
            padding: 18px 60px 18px 60px;
            font-size: 20px;
        }

    .transblack {
        float: left;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.7);
        padding: 40px 0px;
        margin: 0px 0px;
    }

    .center-screen {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        height: auto;
        padding: 40px 0px;
        height: auto;
    }

    .dividertop {
        border-top: 1px solid #c7c7c7;
        margin-right: 20px;
        margin-bottom: 30px;
    }

    .dividerbottom {
        border-top: 1px solid #c7c7c7;
        margin-right: 20px;
        margin-bottom: 30px;
    }

    .fixedPosition {
        position: fixedf;
    }

    .openmegamenu {
        margin-top: 20px;
        border-top: 1px solid #d6d6d6;
        padding-top: 20px;
    }

    #startsection {
        margin-top: 0;
        padding-bottom: 50px;
        padding-top: 0;
    }

    #ctabtn {
        position: relative;
        bottom: 0;
        width: 100%;
        float: left;
        text-align: left;
    }

    .frontbox1, .frontbox2, .frontbox3 {
        margin-bottom: 0px;
    }

    .transicon {
        margin-bottom: 0px;
    }

    .transtxt {
        margin-top: 15px;
        margin-left: -15px;
        margin-bottom: 30px;
    }

    .contactinfo {
        margin-top: 10px;
        line-height: 1.5em;
    }

        .contactinfo a {
            color: #fff;
        }

    .footerboxcontent {
        margin-bottom: 40px;
        float: left;
        width: 100%;
    }

    .footerheadline {
        text-transform: uppercase;
        font-weight: 600;
        font-size: 20px;
    }

    .txtpageheadline {
        font-size: 26px;
        line-height: 35px;
        margin-top: 18px;
        margin-bottom: 30px;
    }

    .nestedsection {
        float: left;
        margin: 20px 0px;
    }

    .nestedheadline {
        margin-top: 30px;
    }

    .nestedtxt, .txtpagetxt {
        line-height: 23px;
        margin-bottom: 20px;
    }

    section#nestedcontent {
        padding: 0px 0px 30px 0px;
    }

    #newslettersignup {
        padding-top: 30px;
    }

    .newsletterheadline {
        line-height: 42px;
    }

    .checkbox label input[type='checkbox']:checked + span:after {
        top: -28px;
        left: -147px;
    }

    #fieldEmail {
        width: 80%;
    }

    #footer {
        padding: 36px 0px;
    }

    .copyright-text, .copyright-text a {
        margin-top: 40px;
    }

    img#playbtn {
        width: 75px;
    }

    .cartypelist {
        margin-top: 15px;
    }

    .sliderwrap {
        width: 55%;
    }

    .slider {
        width: 100%;
        height: auto;
        display: flex;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
    }

    .circleslider {
        margin: 0px 10px;
    }

    .lSSlideOuter .lSPager.lSpg {
        margin-top: -35px;
    }

    #startsectionnormal {
        margin-top: 204px;
        padding-bottom: 30px;
    }

    .innerwishlistwrapper {
        font-size: 26px;
    }

    #videoboks {
        width: 100%;
        margin-left: 0px;
        margin-top: 2px;
    }

    #universsektion {
        padding: 40px 0px;
    }

    .ytunisec {
        margin-top: 40px;
    }

    .flipper, .flipperexp {
        transition: 0.6s;
        /*transform-style: preserve-3d;*/
        height: 100%;
        position: relative;
    }

    .carsearchintro {
        padding: 45px 0px 25px 0px !important;
        float: left;
    }

    .expandbtn img {
        width: auto;
        float: right;
        padding: 10px 10px 0px 0px !important;
    }

    .searchbox .input-group {
        border-top: 1px solid black;
        border-left: 1px solid black;
        border-right: 1px solid black;
        padding: 10px;
        /*padding-top: 15px !important;*/
        padding-left: 20px;
        padding-right: 20px;
        font-weight: 400;
        font-size: 15px;
        align-items: center;
    }

    .expandbtn p {
        font-size: 12px;
        padding: 12px 0px 10px 0px !important;
        margin: 0;
        float: left;
        position: relative;
        line-height: 1em;
    }

    input.resetall {
        padding-top: 11px !important;
    }

    .cartypewrap {
        float: left;
        position: relative;
        width: 100%;
        margin: 30px 0 !important;
    }

    .cartype {
        width: 50% !important;
        padding: 0px 5px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        float: left;
        cursor: pointer;
    }

        .cartype:last-child {
            margin-left: 0px;
        }

    #latestcarsection {
        padding-top: 0px;
        float: left;
        /*margin-top: 490px;*/
        /*position:relative;*/
    }

    .closeexpanded {
        margin-bottom: 40px;
        margin-top: 40px;
    }

    .currentcarslider ~ ul.lSPager.lSpg {
        display: none !important;
    }

    .currentcaricons {
        margin-top: 20px;
    }

    .currentcarheadline h1 {
        font-size: 26px;
        margin-top: 22px;
        margin-bottom: 15px;
        line-height: 30px;
    }

    .currentcarprice h2 {
        color: #DC1912;
        font-size: 26px;
    }

    .tab-content {
        display: none;
        padding: 0px 0px;
        font-size: 15px;
    }

    ul.tabs {
        text-align: center;
        border-bottom: 2px dashed #828282;
        margin-bottom: 30px;
        padding-bottom: 10px;
    }

    .currentcarbtn:first-child {
        margin-top: 40px;
    }

    .au-widget-car-rating {
        float: left;
        width: 100%;
    }

    .ribbon {
        position: absolute;
        z-index: 1;
    }

    .right-ribbon {
        position: absolute;
        z-index: 1;
    }




    .video-wrapleasing {
        float: left;
        margin-top: 30px;
        width: 100%;
    }

    .accordion-toggle {
        font-size: 20px;
        font-weight: 600;
        text-transform: uppercase;
    }

    .videoleasing {
        width: 100%;
    }

    .modal-grid {
        grid-column: 1 / span 12;
    }

    .modal-items {
        padding: 40px 20px 40px 20px;
    }

    .modal .modal-content {
        width: 100%;
    }

        .modal .modal-content .modal-close-cross:before {
            font-size: 1.5em;
        }

    .modalheadline {
        font-size: 20px;
        margin-top: 30px;
        margin-bottom: 30px;
        margin-left: 0px;
    }

    .btn.video, .btn.pict360 {
        margin-right: 20px;
    }

    #newslettercontent {
        padding: 0px 20px 50px 20px !important;
        float: left;
        width: 100%;
    }

    .newsletterheadlinepopup {
        font-size: 20px;
        margin-left: 0px;
    }

    .hightlightspecvalue {
        font-size: 20px;
        font-weight: 600;
    }

    .leasinglineheadline {
        font-size: 22px;
    }

    .checkbox-toggle .checkmark {
        top: 10px !important;
    }
}

.flere-deltager {
    border: 0;
    opacity: 1;
    cursor: pointer;
    padding: 12px 20px;
    background: #dc1912;
    border-radius: 35px;
    color: #fff;
    display: inline-block;
    transition: all .3s;
}

    .flere-deltager:hover {
        background: #9E1611;
    }

    .flere-deltager svg {
        width: 16px;
        height: 16px;
        position: relative;
        top: 2px;
        margin-right: 4px;
        line-height: 100%;
        fill: #fff;
    }

    .flere-deltager span {
    }

    .flere-deltager.hide {
        display: none;
    }

.flere {
    clear: both;
    margin-bottom: 20px;
    max-height: 100%;
    overflow: hidden;
    display: none;
}

    .flere.active {
        display: block;
    }

.reception-font-small {
    font-size: 14px;
}

#receptionform input {
    font-family: Overpass;
}
    #receptionform input.formsubmit {
        margin-right: 0;
    }
#receptionform input::placeholder {
    color: #777777;
    opacity: 1; /* Firefox */
}

    #receptionform input:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #777777;
    }

    #receptionform input::-ms-input-placeholder { /* Microsoft Edge */
        color: #777777;
    }

@media all and (max-width: 767px) {
    .reception-font-small {
        text-align: left !important;
    }

    .button-holder{
        text-align:left!important;
        margin-top:10px;
    }
}
/* 
  Tablets i portræt
*/
/* Små skærme - video */
@media all and (max-width: 580px) {
    .slide-video {
        width: 93vw;
        height: 17vh;
    }
}

@media all and (max-width: 420px) {

    .slide-video {
        width: 95vw;
        height: 29vh;
    }
}

@media all and (min-width: 768px) {
    .phonefront.desktop {
        display: inline-block;
    }

    .phonefront.mobile {
        display: none;
    }
}



@media (min-width: 768px) and (max-width: 991px) {

    .outertopimg {
        display: block;
    }

    .slide-video {
        width: 96.7vw;
        height: 40vh;
    }

    .main-container {
        width: 100%;
    }

    .h100ipad {
        height: 100%;
    }

    .callbtn {
        font-size: 15px;
    }

    .writeusbtn span {
        padding-right: 5px;
        padding-left: 5px;
    }

    .searchcont {
        height: 100%;
        display: block;
        float: left;
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .videoleasing {
        width: 340px;
    }

    #frontimgunivers {
        margin-top: 190px;
    }

    .searchcont > .grid-12 {
        height: auto;
        float: left;
        position: relative;
        flex-basis: auto;
    }

    .transblack {
        float: left;
        margin-top: 24px;
    }

    .container {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
    }

    .hidden-sm {
        display: none !important;
    }

    .visible-sm {
        display: block !important;
    }

    .grid-sm-1 {
        grid-column: span 1;
    }

    .grid-sm-2 {
        grid-column: span 2;
    }

    .grid-sm-3 {
        grid-column: span 3;
    }

    .grid-sm-4 {
        grid-column: span 4;
    }

    .grid-sm-5 {
        grid-column: span 5;
    }

    .grid-sm-6 {
        grid-column: span 6;
    }

    .grid-sm-7 {
        grid-column: span 7;
    }

    .grid-sm-8 {
        grid-column: span 8;
    }

    .grid-sm-9 {
        grid-column: span 9;
    }

    .grid-sm-10 {
        grid-column: span 10;
    }

    .grid-sm-11 {
        grid-column: span 11;
    }

    .grid-sm-12 {
        grid-column: span 12;
    }

    .burger {
        margin-left: 20px;
    }

    .moblogo {
        margin-top: 4px;
    }

    .front, .back, .frontexp, .backexp {
        display: none;
        backface-visibility: visible;
    }

    .callbtn img {
        max-width: 100%;
    }

    /*.importbtn img{
	margin-right: 5px !important;
    margin-left: 0px !important;
}
	
	.actualcallbtn img{
	margin-left:5px;
	margin-right:5px;
	}*/

    #startsection {
        margin-top: 60px;
    }

    .callbtn {
        font-size: 9px;
        padding-left: 15px;
        padding: right:10px;
    }

    .modal-grid {
        grid-column: 1 / span 12;
    }

    .modal-items {
        padding: 40px 20px 40px 20px;
    }

    img.bell {
        width: 30px !important;
        margin: 3px 60px 0 0;
        float: left;
    }

    .smtop {
        margin-top: 24px;
    }

    .mobilemobheader {
        top: -70px;
        left: 209px;
    }

    #frontimgunivers {
        margin-top: 120px;
    }

    #innerheader {
        height: 120px;
    }
}
/* 
  Tablets i landskab
*/
@media (min-width: 768px) and (max-width: 1199px) and (orientation: landscape) {


    .outertopimg {
        display: block;
    }

    .slide-video {
        width: 100vw;
        height: unset;
    }

    .callbtn img {
        max-width: 100%;
    }

    .videoleasing {
        width: 440px;
    }

    .callbtn {
        font-size: 12px;
        padding-left: 15px;
        padding: right:10px;
    }

    /*.actualcallbtn img{
	margin-left:5px;
	margin-right:5px;
	}
	
		.importbtn img{
	margin-right: 5px !important;
    margin-left: 0px !important;
}*/


    .searchcont {
        height: 100%;
        display: block;
        float: left;
        margin-top: 50px;
        margin-bottom: 50px;
    }

        .searchcont > .grid-12 {
            height: auto;
            float: left;
            position: relative;
            flex-basis: auto;
        }


    .main-container {
        width: 960px;
    }


    .h100ipad {
        height: 100%;
    }


    .front, .back, .frontexp, .backexp {
        display: none;
        backface-visibility: visible;
    }
}


@media (min-width: 992px) and (max-width: 1199px) {

    .outertopimg {
        display: block;
    }

    .slide-video {
        width: 96.5vw;
        height: 46.8vh;
    }

    .searchcont {
        height: 100%;
        display: block;
        float: left;
        margin-top: 50px;
        margin-bottom: 50px;
    }

        .searchcont > .grid-12 {
            height: auto;
            float: left;
            position: relative;
            flex-basis: auto;
        }


    .hidden-lg {
        display: none !important;
    }

    .visible-lg {
        display: block !important;
    }

    .grid-lg-1 {
        grid-column: span 1;
    }

    .grid-lg-2 {
        grid-column: span 2;
    }

    .grid-lg-3 {
        grid-column: span 3;
    }

    .grid-lg-4 {
        grid-column: span 4;
    }

    .grid-lg-5 {
        grid-column: span 5;
    }

    .grid-lg-6 {
        grid-column: span 6;
    }

    .grid-lg-7 {
        grid-column: span 7;
    }

    .grid-lg-8 {
        grid-column: span 8;
    }

    .grid-lg-9 {
        grid-column: span 9;
    }

    .grid-lg-10 {
        grid-column: span 10;
    }

    .grid-lg-11 {
        grid-column: span 11;
    }

    .grid-lg-12 {
        grid-column: span 12;
    }

    .burger {
        margin-left: 20px;
    }

    .moblogo {
        margin-top: 4px;
    }

    .front, .back, .frontexp, .backexp {
        display: none;
        backface-visibility: visible;
    }
}


@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(66px);
        transform: translateY(66px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideUp {
    0% {
        -webkit-transform: translateY(66px);
        -ms-transform: translateY(66px);
        transform: translateY(66px)
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fade-in-up {
    0% {
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}



@supports not (display: grid) {
    .main-container {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .container > *:first-child {
            padding-left: 0px !important;
        }

    .safari .container > *:first-child {
        padding-left: 15px !important;
    }

    .container > *:last-child {
        padding-right: 0px !important;
    }

    .container.nomargin > *,
    .container.nogap > * {
        padding: 0 !important;
    }

    .container.nomargin,
    .container.nogap {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .rowgap > * {
        margin-bottom: 30px;
    }

    .grid-1.gridstart12 {
        position: absolute !important;
        right: 0;
    }

    .grid-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333333%;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .grid-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66666667%;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .grid-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .grid-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .grid-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66666667%;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .grid-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .grid-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333333%;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .grid-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .grid-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .grid-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333333%;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .grid-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66666667%;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .grid-12,
    .nogrid-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    @media (min-width: 768px) and (max-width: 992px) {

        .grid-sm-1 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 8.33333333%;
            flex: 0 0 8.33333333%;
            max-width: 8.33333333%;
            padding-left: 15px;
            padding-right: 15px;
        }

        .grid-sm-2 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 16.66666667%;
            flex: 0 0 16.66666667%;
            max-width: 16.66666667%;
            padding-left: 15px;
            padding-right: 15px;
        }

        .grid-sm-3 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%;
            padding-left: 15px;
            padding-right: 15px;
        }

        .grid-sm-4 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 33.33333333%;
            flex: 0 0 33.33333333%;
            max-width: 33.33333333%;
            padding-left: 15px;
            padding-right: 15px;
        }

        .grid-sm-5 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 41.66666667%;
            flex: 0 0 41.66666667%;
            max-width: 41.66666667%;
            padding-left: 15px;
            padding-right: 15px;
        }

        .grid-sm-6 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
            padding-left: 15px;
            padding-right: 15px;
        }

        .grid-sm-7 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 58.33333333%;
            flex: 0 0 58.33333333%;
            max-width: 58.33333333%;
            padding-left: 15px;
            padding-right: 15px;
        }

        .grid-sm-8 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 66.66666667%;
            flex: 0 0 66.66666667%;
            max-width: 66.66666667%;
            padding-left: 15px;
            padding-right: 15px;
        }

        .grid-sm-9 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 75%;
            flex: 0 0 75%;
            max-width: 75%;
            padding-left: 15px;
            padding-right: 15px;
        }

        .grid-sm-10 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 83.33333333%;
            flex: 0 0 83.33333333%;
            max-width: 83.33333333%;
            padding-left: 15px;
            padding-right: 15px;
        }

        .grid-sm-11 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 91.66666667%;
            flex: 0 0 91.66666667%;
            max-width: 91.66666667%;
            padding-left: 15px;
            padding-right: 15px;
        }

        .grid-sm-12,
        .nogrid-12 {
            -webkit-box-flex: 0 !important;
            -ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
            max-width: 100% !important;
            padding-left: 15px;
            padding-right: 15px;
        }
    }
    /* 
  Tablets i landskab
*/
    @media (min-width: 768px) and (max-width: 992px) and (orientation: landscape) {

        .slide-video {
            width: 100vw;
            height: unset;
        }

        .grid-md-1 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 8.33333333%;
            flex: 0 0 8.33333333%;
            max-width: 8.33333333%;
            padding-left: 15px;
            padding-right: 15px;
        }

        .grid-md-2 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 16.66666667%;
            flex: 0 0 16.66666667%;
            max-width: 16.66666667%;
            padding-left: 15px;
            padding-right: 15px;
        }

        .grid-md-3 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%;
            padding-left: 15px;
            padding-right: 15px;
        }

        .grid-md-4 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 33.33333333%;
            flex: 0 0 33.33333333%;
            max-width: 33.33333333%;
            padding-left: 15px;
            padding-right: 15px;
        }

        .grid-md-5 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 41.66666667%;
            flex: 0 0 41.66666667%;
            max-width: 41.66666667%;
            padding-left: 15px;
            padding-right: 15px;
        }

        .grid-md-6 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
            padding-left: 15px;
            padding-right: 15px;
        }

        .grid-md-7 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 58.33333333%;
            flex: 0 0 58.33333333%;
            max-width: 58.33333333%;
            padding-left: 15px;
            padding-right: 15px;
        }

        .grid-md-8 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 66.66666667%;
            flex: 0 0 66.66666667%;
            max-width: 66.66666667%;
            padding-left: 15px;
            padding-right: 15px;
        }

        .grid-md-9 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 75%;
            flex: 0 0 75%;
            max-width: 75%;
            padding-left: 15px;
            padding-right: 15px;
        }

        .grid-md-10 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 83.33333333%;
            flex: 0 0 83.33333333%;
            max-width: 83.33333333%;
            padding-left: 15px;
            padding-right: 15px;
        }

        .grid-md-11 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 91.66666667%;
            flex: 0 0 91.66666667%;
            max-width: 91.66666667%;
            padding-left: 15px;
            padding-right: 15px;
        }

        .grid-md-12,
        .nogrid-12 {
            -webkit-box-flex: 0 !important;
            -ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
            max-width: 100% !important;
            padding-left: 15px;
            padding-right: 15px;
        }
    }


    @media (min-width: 992px) and (max-width: 1199px) {

        .outertopimg {
            display: block;
        }

        .grid-lg-1 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 8.33333333%;
            flex: 0 0 8.33333333%;
            max-width: 8.33333333%;
            padding-left: 15px;
            padding-right: 15px;
        }

        .grid-lg-2 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 16.66666667%;
            flex: 0 0 16.66666667%;
            max-width: 16.66666667%;
            padding-left: 15px;
            padding-right: 15px;
        }

        .grid-lg-3 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%;
            padding-left: 15px;
            padding-right: 15px;
        }

        .grid-lg-4 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 33.33333333%;
            flex: 0 0 33.33333333%;
            max-width: 33.33333333%;
            padding-left: 15px;
            padding-right: 15px;
        }

        .grid-lg-5 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 41.66666667%;
            flex: 0 0 41.66666667%;
            max-width: 41.66666667%;
            padding-left: 15px;
            padding-right: 15px;
        }

        .grid-lg-6 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
            padding-left: 15px;
            padding-right: 15px;
        }

        .grid-lg-7 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 58.33333333%;
            flex: 0 0 58.33333333%;
            max-width: 58.33333333%;
            padding-left: 15px;
            padding-right: 15px;
        }

        .grid-lg-8 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 66.66666667%;
            flex: 0 0 66.66666667%;
            max-width: 66.66666667%;
            padding-left: 15px;
            padding-right: 15px;
        }

        .grid-lg-9 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 75%;
            flex: 0 0 75%;
            max-width: 75%;
            padding-left: 15px;
            padding-right: 15px;
        }

        .grid-lg-10 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 83.33333333%;
            flex: 0 0 83.33333333%;
            max-width: 83.33333333%;
            padding-left: 15px;
            padding-right: 15px;
        }

        .grid-lg-11 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 91.66666667%;
            flex: 0 0 91.66666667%;
            max-width: 91.66666667%;
            padding-left: 15px;
            padding-right: 15px;
        }

        .grid-lg-12 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
            padding-left: 15px;
            padding-right: 15px;
        }
    }
}

.ie11 .main-container {
    margin-left: auto !important;
    margin-right: auto !important;
}

.ie11 .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    padding-left: 15px;
    padding-right: 15px;
}

    .ie11 .container.nomargin > *,
    .ie11 .container.nogap > * {
        padding: 0 !important;
    }

    .ie11 .container.nomargin,
    .ie11 .container.nogap {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

.ie11 .rowgap > * {
    margin-bottom: 30px;
}

.ie11 .grid-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333333%;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding-left: 15px;
    padding-right: 15px;
}

.ie11 .grid-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66666667%;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding-left: 15px;
    padding-right: 15px;
}

.ie11 .grid-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding-left: 15px;
    padding-right: 15px;
}

.ie11 .grid-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding-left: 15px;
    padding-right: 15px;
}

.ie11 .grid-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66666667%;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    padding-left: 15px;
    padding-right: 15px;
}

.ie11 .grid-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
}

.ie11 .grid-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333333%;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    padding-left: 15px;
    padding-right: 15px;
}

.ie11 .grid-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66666667%;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    padding-left: 15px;
    padding-right: 15px;
}

.ie11 .grid-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    padding-left: 15px;
    padding-right: 15px;
}

.ie11 .grid-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333333%;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    padding-left: 15px;
    padding-right: 15px;
}

.ie11 .grid-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66666667%;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
    padding-left: 15px;
    padding-right: 15px;
}

.ie11 .grid-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.ie11 .btn.big {
    padding: 23px 60px 13px 60px;
}

    .ie11 .btn.big.newssubmit {
        padding: 18px 60px 17px 60px;
    }

.ie11 .btn.normal {
    padding: 22px 30px 15px 30px;
    width: 100%;
}

.ie11 .gridstart12 {
    position: absolute;
    right: 0;
}

.ie11 .footerheadline {
    font-size: 15px;
    font-weight: 700;
}

.ie11 .txtpageheadline {
    line-height: 59px;
}

.ie11 .iconline {
    margin-left: 40%;
}

.ie11 .sliderwrap {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    bottom: 30px;
    width: 15%;
}

.ie11 .interactiveinfo {
    margin-top: 27px;
}

.ie11 img.star {
    margin: 0px 16px !important;
}

.ie11 #videoboks {
    width: 75%;
}

.ie11 .btn-outline {
    padding: 22px 30px 14px 30px;
}

.ie11 .swipers {
    min-height: 450px;
}

.ie11 .flipperexp {
    margin-bottom: 0px;
    min-height: 450px;
}

.ie11 .currentcarbtn {
    padding: 16px 0px 6px 0px;
}

    .ie11 .currentcarbtn img {
        margin-top: -8px;
    }

.ie11 .specline {
    padding: 12px 8px 6px 8px;
}

.ie11 .searchwrap {
    flex: none;
}

.ie11 .btn.small {
    padding: 15px 30px 8px 30px;
}

.ie11 .btn.video {
    padding: 13px 20px 10px 20px;
}


@media (min-width: 1366px) and (max-width: 1920px) {

    .outertopimg {
        display: block;
    }


    .ie11 .center-screen {
        margin: 0 auto;
        max-width: 100%;
        height: 387px;
        margin-top: 12%;
    }
}

@media (min-width: 2560px) {
    .ie11 .center-screen {
        margin: 0 auto;
        max-width: 100%;
        height: 450px;
        margin-top: 32%;
    }
}

@media (min-width: 767px) {
    .outertopimg {
        display: block;
    }
}
/**
 * Lightcase - jQuery Plugin
 * The smart and flexible Lightbox Plugin.
 *
 * @author		Cornel Boppart <cornel@bopp-art.com>
 * @copyright	Author
 *
 * @version		2.5.0 (11/03/2018)
 */
/**
 * Lightcase settings
 *
 * Note: Override default settings for your project without touching this source code by simply
 * defining those variables within a SASS map called '$lightcase-custom'.
 *
 * // Example usage
 * $lightcase-custom: (
 *   'breakpoint': 768px
 * );
 */
@font-face {
    font-family: 'lightcase';
    src: url("../fonts/lightcase.eot?55356177");
    src: url("../fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../fonts/lightcase.woff?55356177") format("woff"), url("../fonts/lightcase.ttf?55356177") format("truetype"), url("../fonts/lightcase.svg?55356177#lightcase") format("svg");
    font-weight: normal;
    font-style: normal;
}
/* line 12, ../scss/components/fonts/_font-lightcase.scss */
[class*='lightcase-icon-']:before {
    font-family: 'lightcase', sans-serif;
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

/* Codes */
/* line 35, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-play:before {
    content: '\e800';
}

/* line 36, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-pause:before {
    content: '\e801';
}

/* line 37, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-close:before {
    content: '\e802';
}

/* line 38, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-prev:before {
    content: '\e803';
}

/* line 39, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-next:before {
    content: '\e804';
}

/* line 40, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-spin:before {
    content: '\e805';
}

/**
 * Mixin providing icon defaults to be used on top of font-lightcase.
 *
 * Example usage:
 * @include icon(#e9e9e9)
 */
/**
 * Mixin providing icon defaults including a hover status to be used
 * on top of font-lightcase.
 *
 * Example usage:
 * @include icon-hover(#e9e9e9, #fff)
 */
/**
 * Provides natural content overflow behavior and scrolling support
 * even so for touch devices.
 *
 * Example usage:
 * @include overflow()
 */
/**
 * Neutralizes/resets dimensions including width, height, position as well as margins,
 * paddings and styles. Used to enforce a neutral and unstyled look and behavoir!
 *
 * Example usage:
 * @include clear(true)
 *
 * @param boolean $important
 */
@-webkit-keyframes lightcase-spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-moz-keyframes lightcase-spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-o-keyframes lightcase-spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-ms-keyframes lightcase-spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes lightcase-spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
/* line 1, ../scss/components/modules/_case.scss */
#lightcase-case {
    display: none;
    position: fixed;
    z-index: 2002;
    top: 50%;
    left: 50%;
    font-family: arial, sans-serif;
    font-size: 13px;
    line-height: 1.5;
    text-align: left;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 640px) {
    /* line 16, ../scss/components/modules/_case.scss */
    html[data-lc-type=inline] #lightcase-case, html[data-lc-type=ajax] #lightcase-case {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        margin: 0 !important;
        padding: 55px 0 70px 0;
        width: 100% !important;
        height: 100% !important;
        overflow: auto !important;
    }
}

@media screen and (min-width: 641px) {
    /* line 4, ../scss/components/modules/_content.scss */
    html:not([data-lc-type=error]) #lightcase-content {
        position: relative;
        z-index: 1;
        text-shadow: none;
        background-color: #fff;
        -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
        -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
        -webkit-backface-visibility: hidden;
    }
}

@media screen and (min-width: 641px) {
    /* line 23, ../scss/components/modules/_content.scss */
    html[data-lc-type=image] #lightcase-content, html[data-lc-type=video] #lightcase-content {
        background-color: #333;
    }
}
/* line 31, ../scss/components/modules/_content.scss */
html[data-lc-type=inline] #lightcase-content, html[data-lc-type=ajax] #lightcase-content, html[data-lc-type=error] #lightcase-content {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

@media screen and (max-width: 640px) {
    /* line 31, ../scss/components/modules/_content.scss */
    html[data-lc-type=inline] #lightcase-content, html[data-lc-type=ajax] #lightcase-content, html[data-lc-type=error] #lightcase-content {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        background: none !important;
    }
}
/* line 43, ../scss/components/modules/_content.scss */
html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (max-width: 640px) {
    /* line 43, ../scss/components/modules/_content.scss */
    html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner {
        padding: 15px;
    }
        /* line 52, ../scss/components/modules/_content.scss */
        html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=inline] #lightcase-content .lightcase-contentInner > *, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner > *, html[data-lc-type=error] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner > * {
            width: 100% !important;
            max-width: none !important;
        }
            /* line 59, ../scss/components/modules/_content.scss */
            html[data-lc-type=inline] #lightcase-content .lightcase-contentInner > *:not(iframe), html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner > *:not(iframe), html[data-lc-type=error] #lightcase-content .lightcase-contentInner > *:not(iframe) {
                height: auto !important;
                max-height: none !important;
            }
}

@media screen and (max-width: 640px) {
    /* line 70, ../scss/components/modules/_content.scss */
    html.lightcase-isMobileDevice[data-lc-type=iframe] #lightcase-content .lightcase-contentInner iframe {
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media screen and (max-width: 640px) and (min-width: 641px) {
    /* line 74, ../scss/components/modules/_content.scss */
    html[data-lc-type=image] #lightcase-content .lightcase-contentInner, html[data-lc-type=video] #lightcase-content .lightcase-contentInner {
        line-height: 0.75;
    }
}

/* line 82, ../scss/components/modules/_content.scss */
html[data-lc-type=image] #lightcase-content .lightcase-contentInner {
    position: relative;
    overflow: hidden !important;
}

@media screen and (max-width: 640px) {
    /* line 91, ../scss/components/modules/_content.scss */
    html[data-lc-type=inline] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap, html[data-lc-type=error] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        background: none !important;
    }
}

@media screen and (min-width: 641px) {
    /* line 100, ../scss/components/modules/_content.scss */
    html:not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
        padding: 30px;
        overflow: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }
}

@media screen and (max-width: 640px) {
    /* line 117, ../scss/components/modules/_content.scss */
    #lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
        color: #aaa;
    }
}

@media screen and (min-width: 641px) {
    /* line 117, ../scss/components/modules/_content.scss */
    #lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
        color: #333;
    }
}

/* line 3, ../scss/components/modules/_error.scss */
#lightcase-case p.lightcase-error {
    margin: 0;
    font-size: 17px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #aaa;
}

@media screen and (max-width: 640px) {
    /* line 3, ../scss/components/modules/_error.scss */
    #lightcase-case p.lightcase-error {
        padding: 30px 0;
    }
}

@media screen and (min-width: 641px) {
    /* line 3, ../scss/components/modules/_error.scss */
    #lightcase-case p.lightcase-error {
        padding: 0;
    }
}

/* line 4, ../scss/components/modules/_global.scss */
.lightcase-open body {
    overflow: hidden;
}
/* line 8, ../scss/components/modules/_global.scss */
.lightcase-isMobileDevice .lightcase-open body {
    max-width: 100%;
    max-height: 100%;
}

/* line 1, ../scss/components/modules/_info.scss */
#lightcase-info {
    position: absolute;
    padding-top: 15px;
}
    /* line 9, ../scss/components/modules/_info.scss */
    #lightcase-info #lightcase-title,
    #lightcase-info #lightcase-caption {
        margin: 0;
        padding: 0;
        line-height: 1.5;
        font-weight: normal;
        text-overflow: ellipsis;
    }
    /* line 19, ../scss/components/modules/_info.scss */
    #lightcase-info #lightcase-title {
        font-size: 17px;
        color: #aaa;
    }

@media screen and (max-width: 640px) {
    /* line 19, ../scss/components/modules/_info.scss */
    #lightcase-info #lightcase-title {
        position: fixed;
        top: 10px;
        left: 0;
        max-width: 87.5%;
        padding: 5px 15px;
        background: #333;
    }
}
/* line 33, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-caption {
    clear: both;
    font-size: 13px;
    color: #aaa;
}
/* line 39, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-sequenceInfo {
    font-size: 11px;
    color: #aaa;
}

@media screen and (max-width: 640px) {
    /* line 45, ../scss/components/modules/_info.scss */
    .lightcase-fullScreenMode #lightcase-info {
        padding-left: 15px;
        padding-right: 15px;
    }
    /* line 51, ../scss/components/modules/_info.scss */
    html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-info {
        position: static;
    }
}

/* line 1, ../scss/components/modules/_loading.scss */
#lightcase-loading {
    position: fixed;
    z-index: 9999;
    width: 1.123em;
    height: auto;
    font-size: 38px;
    line-height: 1;
    text-align: center;
    text-shadow: none;
    position: fixed;
    z-index: 2001;
    top: 50%;
    left: 50%;
    margin-top: -0.5em;
    margin-left: -0.5em;
    opacity: 1;
    font-size: 32px;
    text-shadow: 0 0 15px #fff;
    -moz-transform-origin: 50% 53%;
    -webkit-animation: lightcase-spin 0.5s infinite linear;
    -moz-animation: lightcase-spin 0.5s infinite linear;
    -o-animation: lightcase-spin 0.5s infinite linear;
    animation: lightcase-spin 0.5s infinite linear;
}
    /* line 20, ../scss/components/mixins/_presets.scss */
    #lightcase-loading, #lightcase-loading:focus {
        text-decoration: none;
        color: #fff;
        -webkit-tap-highlight-color: transparent;
        -webkit-transition: color, opacity, ease-in-out 0.25s;
        -moz-transition: color, opacity, ease-in-out 0.25s;
        -o-transition: color, opacity, ease-in-out 0.25s;
        transition: color, opacity, ease-in-out 0.25s;
    }
        /* line 32, ../scss/components/mixins/_presets.scss */
        #lightcase-loading > span {
            display: inline-block;
            text-indent: -9999px;
        }

/* line 2, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'] {
    position: fixed;
    z-index: 9999;
    width: 1.123em;
    height: auto;
    font-size: 38px;
    line-height: 1;
    text-align: center;
    text-shadow: none;
    outline: none;
    cursor: pointer;
}
    /* line 20, ../scss/components/mixins/_presets.scss */
    a[class*='lightcase-icon-'], a[class*='lightcase-icon-']:focus {
        text-decoration: none;
        color: rgba(255, 255, 255, 0.6);
        -webkit-tap-highlight-color: transparent;
        -webkit-transition: color, opacity, ease-in-out 0.25s;
        -moz-transition: color, opacity, ease-in-out 0.25s;
        -o-transition: color, opacity, ease-in-out 0.25s;
        transition: color, opacity, ease-in-out 0.25s;
    }
        /* line 32, ../scss/components/mixins/_presets.scss */
        a[class*='lightcase-icon-'] > span {
            display: inline-block;
            text-indent: -9999px;
        }
        /* line 49, ../scss/components/mixins/_presets.scss */
        a[class*='lightcase-icon-']:hover {
            color: white;
            text-shadow: 0 0 15px white;
        }
/* line 10, ../scss/components/modules/_navigation.scss */
.lightcase-isMobileDevice a[class*='lightcase-icon-']:hover {
    color: #aaa;
    text-shadow: none;
}
/* line 17, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'].lightcase-icon-close {
    position: fixed;
    top: 15px;
    right: 15px;
    bottom: auto;
    margin: 0;
    opacity: 0;
    outline: none;
}
/* line 28, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'].lightcase-icon-prev {
    left: 15px;
}
/* line 33, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'].lightcase-icon-next {
    right: 15px;
}
/* line 38, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'].lightcase-icon-pause, a[class*='lightcase-icon-'].lightcase-icon-play {
    left: 50%;
    margin-left: -0.5em;
}

@media screen and (min-width: 641px) {
    /* line 38, ../scss/components/modules/_navigation.scss */
    a[class*='lightcase-icon-'].lightcase-icon-pause, a[class*='lightcase-icon-'].lightcase-icon-play {
        opacity: 0;
    }
}

@media screen and (max-width: 640px) {
    /* line 2, ../scss/components/modules/_navigation.scss */
    a[class*='lightcase-icon-'] {
        bottom: 15px;
        font-size: 24px;
    }
}

@media screen and (min-width: 641px) {
    /* line 2, ../scss/components/modules/_navigation.scss */
    a[class*='lightcase-icon-'] {
        bottom: 50%;
        margin-bottom: -0.5em;
    }
        /* line 57, ../scss/components/modules/_navigation.scss */
        a[class*='lightcase-icon-']:hover, #lightcase-case:hover ~ a[class*='lightcase-icon-'] {
            opacity: 1;
        }
}

/* line 1, ../scss/components/modules/_overlay.scss */
#lightcase-overlay {
    display: none;
    width: 100%;
    min-height: 100%;
    position: fixed;
    z-index: 2000;
    top: -9999px;
    bottom: -9999px;
    left: 0;
    background: #333;
}

@media screen and (max-width: 640px) {
    /* line 1, ../scss/components/modules/_overlay.scss */
    #lightcase-overlay {
        opacity: 1 !important;
    }
}

@media (min-aspect-ratio: 16/9) {
    #frontvideo {
        width: 100%;
        height: auto;
    }
}


@media (max-aspect-ratio: 16/9) {
    #frontvideo {
        width: auto;
        height: 100%;
    }
}
/* Safari 10.1+ */

@media not all and (min-resolution:.001dpcm) {

    @media {
        .grid-12 {
            width: 100%;
        }
    }
}


.place-items-center {
    place-items: center;
}

.justify-end {
    justify-content: end;
}

.justify-center {
    justify-content: center;
}

.grow {
    flex-grow: 1;
}

.w-full {
    width: 100%;
}

/* Sete biler - højreside ikon */
.seneste-sete {
    display:none;
}

.seneste-sete__inner p {
    display: none;
}

@media only screen and (min-width: 420px) {


    .seneste-sete {
        display: flex;
        background-color: #f2f2f2;
        padding: 8px 8px;
        place-items: center;
        border-radius: 4px;
    }

        .seneste-sete p {
            font-size: 12px;
        }

        .seneste-sete svg {
            height: 16px;
        }
}

    @media only screen and (min-width: 800px) {

        .seneste-sete__inner p {
            display: block;
        }

        .seneste-sete__inner svg {
            display: none;
        }

        .seneste-sete {
            background-color: #f2f2f2;
            padding: 10px 16px;
            place-items: center;
            border-radius: 4px;
        }

            .seneste-sete svg {
                height: 16px;
                margin-right: 8px;
            }
    }

    .seneste-sete .seneste-sete__count {
        margin-left: 6px;
        padding-top: 1px;
        width: 20px;
        height: 20px;
        display: flex;
        justify-content: center;
        place-items: center;
        background-color: red;
        color: white;
        font-size: 12px;
        border-radius: 100%;
    }

    #viewed-cars-icon {
        //animation: slideInFromRight 1.0s forwards 0s ease-out;
        position: relative;
        margin-left: 1em;
        z-index: 999999999;
        width: 40px;
        height: 40px;
        background: black;
        border-radius: 50%;
        padding: 6px 6px 6px 12px;
        display: grid;
        justify-content: center;
        justify-items: center;
        align-items: center;
        align-content: center;
    }

        #viewed-cars-icon img {
            width: 24px;
        }

    #link-viewed-cars-icon.hidden {
        display: none;
    }

    #viewed-cars-icon p {
        font-size: 8px;
        font-weight: normal;
        white-space: nowrap;
        padding: 0;
        margin: 0;
        color: #fff;
    }

    #viewed-cars-icon #viewed-cars-count {
        position: absolute;
        bottom: -4px;
        left: -4px;
        background: #dd1f19;
        border-radius: 50%;
        font-weight: bold;
        font-size: 14px;
        color: #fff;
        width: 20px;
        height: 20px;
        display: grid;
        /* justify-content: center; */
        justify-items: center;
        align-items: center;
        align-content: center;
        align-self: center;
        padding-top: 3px;
        line-height: 25px;
    }

    @keyframes slideInFromRight {
        0% {
            transform: translateX(150px);
        }

        100% {
            transform: translateX(0px);
        }
    }

    .g-recaptcha div div {
        height: 50px;
    }

    #formerror {
        color: red;
    }

    .modal-items-charging {
        padding: 20px !important;
    }

    .container-charging {
        display: flex;
        width: 100%;
        height: 100%;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    .content-chaging {
        height: 95%;
        width: 80%;
        background-color: white;
        padding: 20px;
    }

        .content-chaging h2 {
            margin-bottom: 20px;
            margin-top: 20px;
        }

    .modal-content-charging {
        height: 100%;
        width: 100%;
        z-index: 2;
        position: fixed;
    }

        .modal-content-charging .modal-close-cross {
            content: '\00D7';
            font-size: 3.5em;
            /*color:#fff  !important;*/
            opacity: 0.5 !important;
            font-size: 35px !important;
            cursor: pointer;
            justify-self: right;
            opacity: .7;
            transition: 0.1s linear;
            -webkit-transition: 0.1s linear;
            -moz-transition: 0.1s linear;
            top: 1em;
            right: 1em;
            z-index: 99;
            position: fixed;
            right: calc(10% + 20px);
            margin-top: 20px;
        }

    @media all and (max-width: 767px) {
        .content-chaging {
            width: 100%;
            height: 100%;
            padding: 0;
        }

        .modal-content-charging .modal-close-cross {
            top: 0;
            margin-top: 15px;
            right: 10px;
        }

        .content-chaging h2 {
            margin-left: 10px;
        }
    }




    .ratio16-9 {
        aspect-ratio: 16/9 !important;
    }

    .input-group__input-fix {
        position: absolute;
        top: 0;
        z-index: -1;
        left: 8rem;
        margin-block-start: 8px;
    }

    .video-height-fix {
        overflow: hidden;
    }

        .video-height-fix, .video-height-fix iframe {
            aspect-ratio: 16/9;
        }

            .video-height-fix #posterimg {
                position: absolute !important;
                inset: 0;
                height: 100%;
                object-fit: cover;
            }

    .video, .video #posterimg {
        object-fit: cover;
        object-position: 50% 50%;
        height: 100%;
    }

    .video {
        aspect-ratio: 16/9;
        overflow: hidden;
    }

        .video iframe {
            aspect-ratio: 16/9;
        }

    .input-group__input-fix-wrapper {
        padding-inline: 0px !important;
    }

        .input-group__input-fix-wrapper .feltnavn {
            padding-inline-start: 20px;
        }

        .input-group__input-fix-wrapper .searchicon {
        }

    .searchicon img {
        padding-inline-end: 20px;
        padding-inline-start: 15px;
    }

 /*   .modal-trigger {
        display: inline-block;
    }*/

    /* Main navigation CSS */
    :root {
        --light-grey: #F8F8F8;
    }

    [x-cloak] {
        display: none !important;
    }

    .flex {
        display: flex;
    }


    .bg-black {
        background-color: black;
    }

    .place-items-start {
        place-items: start;
    }

    .place-items-end {
        place-items: end;
    }

    .place-items-center {
        place-items: center;
    }

    .place-items-stretch {
        place-items: stretch;
    }


    .body-scrollprevent {
        overflow: hidden;
    }

    .sandnav {
        text-transform: uppercase;
        border-bottom: 1px solid #dbdbdb;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 800;
    }

    body {
        padding-top: 116px;
    }

/*@media (min-width: 1140px) {
        body {
            padding-top: 148px;
        }
    }*/


    .sandnav__container {
        margin: 0 auto;
        max-width: 1140px;
        width: 100%;
    }

    .sandnav__logo {
        height: 48px;
        width: auto;
    }

    .sandnav__head {
        display: flex;
        justify-content: space-between;
        place-items: center;
        padding: 0.5em;
        background-color: white;
    }

        .sandnav__head p {
            margin: 0;
        }

    .sandnav-wrapper {
        display: flex;
        flex-direction: column;
        min-height: 0vh;
        overflow: hidden;
        overflow: hidden;
        background-color: white;
    }

        .sandnav-wrapper.isopen {
            min-height: 90vh;
            max-height: 90vh;
        }

    @media (min-width: 1140px) {
        .sandnav-wrapper.isopen {
            min-height: 50vh;
        }
    }

    .toggle-btn {
        padding: 1em;
        cursor: pointer;
    }

        .toggle-btn svg {
            width: 1.75em;
        }

        .toggle-btn:hover {
            background-color: var(--light-grey);
            border-radius: 0.2em;
        }

    .sandnav__tabs {
        display: flex;
        background-color: white;
    }

    .sandnav__tab {
        display: flex;
        flex-grow: 1;
        place-items: center;
        justify-content: center;
        font-size: 0.8em;
        cursor: pointer;
        padding: 0.5em 0;
        border-bottom: 2px solid white;
    }

        .sandnav__tab.current {
            border-bottom: 2px solid #dd1f19;
        }

        .sandnav__tab:hover {
            transition: 0.2s ease-in-out;
            background-color: var(--light-grey);
        }

        .sandnav__tab img {
            width: 2em;
            margin-right: 0.5em;
        }

    @media (min-width: 1140px) {
        .sandnav__tab {
            font-size: 0.9em;
        }

            .sandnav__tab img {
                width: 3em;
                margin-right: 1em;
            }
    }

    .sandnav__search {
        position: relative;
        display: block;
    }

        .sandnav__search input {
            width: 100%;
            border: 0;
            background-color: var(--light-grey);
            padding: 1.5em 1em;
            font-size: 1em;
            background-color: black;
            border-radius: 0;
            position: relative;
            color: white;
            outline: 0;
            overflow: hidden;
            margin: 0;
        }

            .sandnav__search input:focus {
                border: 0;
                outline: 0;
                border-radius: 0;
            }

            .sandnav__search input::placeholder {
                color: gray;
            }

        .sandnav__search button {
            border: 0;
            width: 5em;
            background-color: transparent;
            color: white;
            top: 0;
            height: 100%;
            position: absolute;
            right: 0;
        }

            .sandnav__search button svg {
                width: 2em;
            }

    /**/
    .sandnav__drawer {
        position: relative;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        overflow-y: hidden;
        overflow-x: hidden;
    }

        .sandnav__drawer li {
            list-style: none;
            color: black;
        }

            .sandnav__drawer li a {
                color: black;
            }

            .sandnav__drawer li::before {
                display: none;
            }

        .sandnav__drawer ul {
            padding: 0;
            margin: 0;
        }

    .drawer__inner {
        display: flex;
        overflow-y: auto;
        flex-direction: column;
        flex-grow: 1;
    }

    .navlink {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        place-items: center;
        width: 100%;
        border-bottom: 1px solid #ededed;
    }

        .navlink a {
            padding: 1.2em;
            display: inline;
            position: relative;
            flex-grow: 1;
        }

        .navlink:hover {
            transition: 0.2s ease-in-out;
            background-color: var(--light-grey);
        }

        .navlink.navlink__backarrow ::before {
            content: url("/img/Chevron right.svg");
            margin-right: 1em;
            transform: rotate(180deg);
            display: inline-flex;
            height: 1.2em;
        }



        .navlink.multilevel .arrow-right::after {
            content: url("/img/Chevron right.svg");
            padding: 1.2em;
            right: 0;
            top: 0;
            position: absolute;
            display: block;
            height: 1.2em;
        }

    .navlink__sublevel {
        position: absolute;
        top: 0px;
        transition: transform 0.2s ease-in-out;
        background-color: white;
        width: 100%;
        overflow-y: auto;
        height: 100%;
        transform: translateX(100%);
        z-index: 5;
    }

        .navlink__sublevel.isopen {
            transform: translateX(0%);
        }

    .sandnav__cta {
        padding: 1em;
        margin: 1em;
        border-radius: 0.5em;
        background-color: black;
        color: white;
        text-align: center;
    }

        .sandnav__cta p {
            font-size: 1.5em;
            margin: 0 0 0.5em 0;
        }

        .sandnav__cta a {
            font-size: 1em;
            color: white;
            background: #dd1f19;
            margin: 0;
            padding: 1em;
            display: block;
            border-radius: 4em;
            text-align: center;
        }

            .sandnav__cta a:hover {
                transition: 0.2s ease-in-out;
                background: #ab1913;
            }

    /*# Main navigation CSS - End */


    .intbtns {
        display: flex;
        flex-wrap: wrap;
        gap: 1em;
        margin: 1em 0;
    }

    @media only screen and (min-width:800px) {
        .intbtns {
            flex-wrap: nowrap;
        }
    }

    .flex-col{
        flex-direction:column;
    }


@media (min-width: 992px) {
    .hidden-xl{
          display: none !important;
    }
}



/*Cardetalje knapper*/


.cardetail-buttons{
    display:grid;
    gap:0.5em;
}




.cardetail-button {
    padding: 1.5em;
    background-color: #dd1f19;
    color: white;
    font-size: 0.7rem;
    border-radius: 4em;
    text-transform: uppercase;
    text-align: center;
    transition: 0.3s all ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
}
}

.cardetail-button:hover {
    background-color: #ab1913;
    color:white;
}

.medboks__descriptioncard {
    position: absolute;
    color: #d6d6d6;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #000;
    padding: 30% 1.5em;
    transform:translateY(90%);
    transition:all;
    transition-duration:0.5s;
}

    .medboks__descriptioncard.active {
        transform: translateY(0%);
    }

.medboks__descriptioncard h3{
    color:#dd1f19;
}

.descriptioncard__opener {
    position: absolute;
    background: #dd1f19;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    width: 100%;
    height: 10%;
    display: flex;
    place-items: center;
    justify-content: center;
    cursor: pointer;
}


#klimaAPiPopUpSavings .klimaApiPopUp.active {
    display: none;
}

.klimaApiPopUp__content__form {
    margin: 0;
    width:100%;
}
    .klimaApiPopUp__content__form button {
        height: auto;
        font-size: 16px;
        width:100%;
        border-radius: 0.5em;
        padding: 1em 1em;
        font-family: "Overpass", sans-serif;
        text-transform:uppercase;
        font-weight: 400;
    }