/*
    Red: #e80000;
    Hover-red: #d40000;
    LightGrey: #F2EFEB;
    Grey: #c1bfbc;
    Dark: #424753;
    Overlay blue-black: #2d304c;
*/

:root{
    --brand-red: #d40000;
    --dark-red: #e80000;
    --dark: #424753;
    --gray: #c1bfbc;
    --light-gray: #F2EFEB;
    --overlay: #2d304c;
    
    --nav-height: 85px;
}

/*******************************************************************************
    ! GENEREL
*******************************************************************************/

/* Text */

h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
    line-height: 1.5;
    text-wrap: balance;
    /*font-family: "Play";*/
}

h3 {
    /*font-weight: 700;*/
    font-size: 20px;
}

p {
    line-height: 1.5;
    text-wrap: pretty;
}

/* Shotcodes */
.float-right, .float-right-content .g-content {
    float: right;
}

.desktop-hide {
    display: none;
}

.mobile-hide {
    display: block;
}

.fa-remove:before, 
.fa-close:before, 
.fa-times:before{
    content: "\2715";
}

a.red-link-icon{
    display: flex;
    align-items: center;
    column-gap: 8px;
}

a.red-link-icon:hover:after{
    filter: brightness(0);
}

.red-link-icon:after{
    content: "";
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: no-repeat center/contain url("/images/qars/pages/xpeng/arrow-right-red-16.svg");
    transition: all 0.2s;
}


/*******************************************************************************
    ! CUSTOM CONTAINER
*******************************************************************************/

.half-container, .half-container-content .g-content {
    width: 576px;
    box-sizing: border-box;
    
}

.c-container, .nyheder.view-article #g-container-main > .g-container {
    width: 75rem;
    margin: 0 auto;
    padding: 1.563rem;
}


/*******************************************************************************
    ! TOPBILLEDE
*******************************************************************************/

#g-header:before {
    background: none;
}

.mod-custom.custom {
    width: 100%;
    height: 100%;
}

.top-billede-container {
    position: absolute;
    top: 85px;
    left: 0;
    width: 100%;
}

.top-billede {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    color: #ffffff;
    height: 300px;
    line-height: 250px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 10;
    isolation: isolate;
}

.top-billede-spacer {
    height: 260px;
    width: 100%;
    float: left;
    position: relative;
    display: block;
}

/*.gratis-lanebil .top-billede-spacer{
    height: 119px;
}*/

.item-pagegratis-lanebil h2,
.item-pagesmabuler-og-ridser h2 {
    font-size:36px;
    color: #000000;
    line-height: 1.3;
}

.view-article  .item-pagesmabuler-og-ridser .large-intro p {
    width: 800px;
}

.layout-g5_heliumforhandler .top-billede-spacer {
    height: 300px;
}

.top-billede h1 {
    text-transform: uppercase;
    line-height: 1.2;
    font-size: 45px;
    margin: 0 auto;
    float: none;
    display: block;
    position: relative;
    font-family: "Play";
    font-weight: bold;
    letter-spacing: 2px;
    padding: 0 20px;
}

.top-billede .text-container {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

.top-billede:before, 
.forhandler .quote:before, 
.xpeng-cta:before,
.insertoverlay .mod-custom.custom:before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    z-index: -1;
    opacity: 0.64;
    background-color: rgba(16, 24, 32, 1);
    /*background-image: -webkit-linear-gradient(-310deg, #2d304c, #2d304c);
    background-image: linear-gradient(40deg,#2d304c, #2d304c);*/
}

.insertoverlay .mod-custom.custom:before {
    z-index: 0;
}

.top-billede p {
    font-size: 20px;
    line-height: 1.25;
}

.top-billede a, .xpeng-cta a {
    margin-top: 10px;
    margin-right: 30px;
    display: inline-block;
}

.top-billede a:last-child {
    margin-right: 0;
}

/*.customcookiebot {
  margin-top: -60px!important;
}*/


/***************************
! OFFCANVAS
***************************/
.g-offcanvas-toggle {
    color: #ffffff;
    background: none;
    top: 0;
    right: 0;
    left: auto;
    width: 50px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    z-index: 1000;
}

html.drag #g-offcanvas,
html.drag .g-nav-overlay
{
	display: none;
}

html.drag,
html.drag body{
	overflow-y: visible;
}

html.drag #g-page-surround {
	transform: none!important;
}


/*******************************************************************************
    ! BUTTON
*******************************************************************************/

.button, .button.standard, .top-billede a, .com_finder #search-form .btn.btn-primary, .xpeng-cta a, .module-link-to-button a, .fast-track div[itemprop="articleBody"] p a  {
    color: #ffffff!important;
    background: #e80000!important;
    border-radius: 0;
    text-transform: uppercase;
    padding: 15px 20px;
    font-size: 14px;
    font-family: "Titillium Web";
    font-weight: 300;
    text-align: center;
}

.top-billede a {
  min-width: 160px;
}

.button:hover, .button.standard:hover {
    background: #d40000;
}

/*******************************************************************************
    ! OFFCANVAS
*******************************************************************************/

#g-offcanvas {
    margin-top: 65px;
    z-index: 9999;
    background: #ffffff!important;
    border-top: 1px solid #c1bfbc;
}

#g-offcanvas #g-mobilemenu-container ul > li > .g-menu-item-container {
    padding: 1rem 1.563rem;
}

#g-offcanvas #g-mobilemenu-container ul{
    height: auto!important;
}

#g-offcanvas #g-mobilemenu-container .g-toplevel > li:after{
    content: "";
    position: relative;
    display: block;
    float: left;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 43.2px);
    height: 1px;
    background: #dad3d3;
    border-radius: 50px;
}

#g-mobilemenu-container .g-toplevel li, 
#g-offcanvas #g-mobilemenu-container ul > li > .g-menu-item-container, 
#g-mobilemenu-container .g-toplevel .g-dropdown {
    position:relative!important;
    float: left;
    width: 100%;
    transition: none;
    transform: none;
    text-transform: uppercase;
}

#g-offcanvas #g-mobilemenu-container .g-toplevel .g-dropdown.g-inactive,
#g-offcanvas #g-mobilemenu-container .g-toplevel .g-dropdown .g-block:first-child .g-go-back{
    display: none;
}

#g-offcanvas #g-mobilemenu-container .g-toplevel li.g-parent .g-menu-parent-indicator:after {
    content: "\f078";
    width: 2.5rem;
}

#g-offcanvas #g-mobilemenu-container .g-toplevel li.g-parent.g-selected > a > .g-menu-parent-indicator:after {
    content: "\f077";
}

#g-offcanvas #g-mobilemenu-container .g-toplevel .g-menu-item .g-menu-item-title {
    font-weight: 700;
}

#g-offcanvas #g-mobilemenu-container .g-toplevel ul:has(> .g-level-2) > .g-menu-item.g-menu-item-type-component  {
    padding-left: 32px;
}

#g-offcanvas #g-mobilemenu-container .g-toplevel ul:has(> .g-level-2) > .g-menu-item.g-menu-item-type-component:before  {
    content: "";
    position: absolute;
    top: calc(50% - 0.9rem);
    left: calc(1.563rem + 12px);
    transform: translateY(-50%);
    width: 12px;
    height: 32px;
    border-left: 2px solid #dad3d3;
    border-bottom: 2px solid #dad3d3;
    border-radius: 0 0 0 8px;
}

#g-offcanvas #g-mobilemenu-container .g-toplevel ul:has(> .g-level-2) > .g-menu-item.g-menu-item-type-component ~ .g-menu-item.g-menu-item-type-component:before  {
    top: calc(50% - 2.1rem);
    height: 70px;
}

#g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active,
#g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover{
    background: none;
}

#g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > a {
    color: #e80000!important;
}

#g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {
    border: none;
    background: none;
}

.g-offcanvas-open .g-offcanvas-left #g-page-surround {
    left: 0px!important;
    transform: translate3d(0px, 0px, 0px)!important;
}


/*******************************************************************************
    ! NAVIGATION
*******************************************************************************/

#g-navigation {
    display: flex;
    align-items: center;
    padding: 8px 1.563rem!important;
    height: var(--nav-height);
    z-index: unset;
}

#g-navigation .g-container {
    max-width: 1500px;
    margin: 0 auto!important;
}

#g-navigation .g-main-nav {
    position: relative;
    padding: 8px 0;
    font-family: "Titillium Web";
    z-index: 1000;
}

#g-navigation .g-content {
    margin-top: 0;
    margin-bottom: 0;
}

#g-navigation .platform-content {
    padding: 0;
    margin: 0;
}

#g-navigation .navigation-logo .g-logo{
    margin: 0;
}

#g-navigation .navigation-logo .g-content, 
#g-navigation .navigation-logo .g-content a, 
#g-navigation .navigation-logo img, 
#g-navigation .navigation-logo svg {
    height: auto;
    object-fit: contain;
}

#g-navigation .g-main-nav .g-toplevel {
    display: flex;
    justify-content: flex-end;
    line-height: normal;
}

.g-main-nav .g-standard .g-dropdown {
    width: 200px!important;
}

#g-navigation .g-main-nav .g-toplevel > li {
    border-right: 1px solid #c1bfbc;
    margin: 0;
    padding: 0 1rem;
    text-transform: uppercase;
    font-size: 12px;
}

#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container, 
.g-main-nav .g-sublevel > li > .g-menu-item-container {
    font-size: 15px;
}

#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
    padding: 0;
    margin: 0;
}

#g-navigation .g-main-nav .g-toplevel > li.active > .g-menu-item-container > .g-menu-item-content {
    box-shadow: none;
}

#g-navigation .g-main-nav .g-toplevel > li.active > .g-menu-item-container > .g-menu-parent-indicator {
    display: inline;
}

#g-navigation .navigation-menu{
    flex: 0 85%;
    margin: auto 0;
}

#g-navigation .g-block.navigation-a{
    flex: 0 3%;
    margin: auto 0;
}

#g-navigation .navigation-a .search-button .mod-custom{
    float: right;
}

#g-navigation .navigation-a .search-button .mod-custom,
#g-navigation .search form .button {
    box-sizing: border-box;
    position: relative;
    display: block;
    transform: scale(1.1);
    width: 14px;
    height: 14px;
    border: 1px solid black;
    border-radius: 100%;
    cursor: pointer;
}

#g-navigation .navigation-a .search-button .mod-custom::after,
#g-navigation .search form .button::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    width: 1px;
    height: 7px;
    background: black;
    transform: rotate(-45deg);
    top: 10px;
    left: 13px
}

#g-navigation .search form .close {
    position: relative;
    display: flex;
    width: fit-content;
    padding-left: 16px;
    top: 1px;
    transform: scale(1.7);
    color: var(--brand-red);
    cursor: pointer;
}

#g-navigation .search {
    display: none;
}

#g-navigation .custom li img {
    width: 25px;
    margin: 10px 4px;
}

#g-navigation .search {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right:0;
    bottom: 0;
    z-index: 1000;
    background: rgba(1,1,1,0.8);
}

#g-navigation .search form {
    position: relative;
    display: flex;
    align-items: center;
    column-gap: 16px;
    max-width: calc(100% - 50px);
    width: 600px;
    margin: 0 auto;
    top: 20vh;
}

#g-navigation .search input {
    background: none;
    border-radius: 0;
    border: none;
    border-bottom: 1px white solid;
    height: 43px;
    padding-left: 30px;
    padding-right: 30px;
    color: white;
    width: calc(100% - 73px);
}

#g-navigation .search input::placeholder{
    color: var(--gray);
}

#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content, .g-main-nav .g-toplevel > li.g-parent .g-menu-parent-indicator:after {
    padding: 0;
}

#g-navigation .search form label {
    display: none;
}

#g-navigation .search form .button {
    color: white!important;
    background: none!important;
    border-color: white;
    padding: 0!important;
    margin: 0;
}

#g-navigation .search form .button::after {
    background: white;
}

.xpeng-icon:before {
	content: '';
	background-image: url('/images/qars/pages/xpeng/xpeng.svg');
	width: 34px;
	height: 18px;
	display: inline-block;
	position: relative;
	background-size: cover;
	margin-right: 10px;
}

.nio-icon:before {
	content: '';
	background-image: url('/images/qars/pages/nio/nio.svg');
	width: 25px;
	height: 23px;
	display: inline-block;
	position: relative;
	background-size: cover;
	margin-right: 17px;
	margin-left: 3px;
}

.button-container .xpeng-icon,
.button-container .nio-icon {
	height: 12px;
	width: 40px;
	display: inline-block;
	position: relative;
}

.button-container .xpeng-icon:before,
.button-container .nio-icon:before {
	position: absolute;
	top: -5px;
    left: -8px;
}

.button-container .nio-icon:before {
	top: -11px;
    left: -8px;
}

.button-container .xpeng-icon:before {
	width: 40px;
	height: 22px;
}

.button-container .nio-icon:before {
	width: 35px;
    height: 32px;
}

.map-base-categories .button-container input[type="radio"]:checked + label span:before {
	filter: brightness(0) saturate(100%) invert(99%) sepia(99%) saturate(16%) hue-rotate(292deg) brightness(105%) contrast(100%);
}




/*******************************************************************************
    ! INTRO
*******************************************************************************/

.forside #g-intro .g-title {
    text-align: center;
    font-size: 46px;
    line-height: 1.1;
    width: 70%;
    margin: 0 auto;
    letter-spacing: 3px;
    font-family: "Play";
}

.forside #g-intro .custom {
    line-height: 1;
    margin-top: 20px;
    font-size: 22px;
    width: 70%;
    margin: 0 auto;
}

.apromas .intro-a .g-title {
    margin-bottom: 0;
}

.apromas #g-intro {
    background: #F2EFEB;
    background-image: url(/images/qars/design/q-rund.png);
    background-position: calc(100% + 40px) calc(-30px);
    background-repeat: no-repeat;
    background-size: 600px 600px;
}


/*******************************************************************************
    ! MAINBAR-BOTTOM
*******************************************************************************/

#g-mainbar-bottom {
    background: #f6f4f1;
}

/*******************************************************************************
    ! XPENG-SUBPAGE-2
*******************************************************************************/

.xpeng-subpage-2.xpeng-reservedele .xpeng-area {
    background-image: url('/images/qars/pages/xpeng/18524%20-%2012.png')!important;
}
    
.xpeng-subpage-2.parkeringsskader-page .xpeng-area {
    background-image: url('/images/qars/pages/parkeringsskader/18524%20-%2041.png')!important;
}
    
.xpeng-subpage-2.tre-ars-lakgaranti-page .xpeng-area {
    background-image: url('/images/qars/pages/lakering-af-biler/18524%20-%2091.png')!important;
}
    
.xpeng-subpage-2 .xpeng-area .mod-custom > *{
    break-inside: avoid-column;
}

/* c-features-banner */
.xpeng-subpage-2 .xpeng-area .c-features-banner.style5 .g-particle-intro .g-title{
    width: 100%;
    font-size: 3rem!important;
}

.xpeng-subpage-2 .xpeng-area .c-features-banner.style5 .g-particle-intro .g-title-separator{
    display: none;
}

.xpeng-subpage-2 .xpeng-area .c-features-banner.style5 .g-particle-intro .g-introtext{
    font-size: 1.5rem;
}

.xpeng-subpage-2 .xpeng-area .c-features-banner.style5 .g-grid{
    gap: 3rem 2rem;
}

.xpeng-subpage-2 .xpeng-area .c-features-banner.style5 .g-grid:not(:last-child){
    margin-bottom: 3rem;
}
    
.xpeng-subpage-2 .xpeng-area .c-features-banner.style5 .g-features2-particle-item .g-content{
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1.5rem;
}

.xpeng-subpage-2 .xpeng-area .c-features-banner.style5 .g-features2-particle-image,
.xpeng-subpage-2 .xpeng-area .c-features-banner.style5 .g-features2-particle-image img{
    margin: 0;
    width: 2rem;
    height: auto;
    aspect-ratio: 1;
    float: none;
}

.xpeng-subpage-2 .xpeng-area .c-features-banner.style5 .g-features2-particle-image img{
    position: relative;
    top: 0;
}

.xpeng-subpage-2 .xpeng-area .c-features-banner.style5 .g-title-desc-container{
    flex: 1 240px;
    margin-left: 0;
}

.xpeng-subpage-2 .xpeng-area .c-features-banner.style5 .g-title-desc-container .g-features2-particle-title{
    font-size: 1.5rem;
    font-weight: 600;
}

.xpeng-subpage-2 .xpeng-area .c-features-banner.style5 .g-title-desc-container .g-features2-particle-desc{
    font-size: 1.125rem;
}

/* boxes */
.xpeng-subpage-2 .xpeng-boxes{
    background: linear-gradient(90deg, #f8f6f4 50%, #f3f0ec 50%);
}

.xpeng-subpage-2 .xpeng-boxes .g-block:has(.mainbar-boxes-a){
    background: #f8f6f4;
}

.xpeng-subpage-2 .xpeng-boxes .g-block:has(.mainbar-boxes-b){
    background: #f3f0ec;
}

.xpeng-subpage-2 .xpeng-boxes .mainbar-boxes-a{
    padding-left: 0;
    margin-left: 0;
}

.xpeng-subpage-2 .xpeng-boxes .mainbar-boxes-b{
    padding-right: 0;
    margin-right: 0;
}

.xpeng-subpage-2 .xpeng-boxes .mod-custom > h3{
    font-size: 2rem;
}

.xpeng-subpage-2 .xpeng-boxes .mod-custom > p{
    font-size: 1.125rem;
}

.xpeng-subpage-2 .xpeng-boxes .mod-custom > ul{
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}

.xpeng-subpage-2 .xpeng-boxes .mod-custom > ul li{
    font-size: 1.125rem;
    line-height: 1.5;
}


/*******************************************************************************
    ! OVER-FOOTER
*******************************************************************************/

#g-over-footer {
    background: #F2EFEB;
    background-image: url('/images/qars/design/q-rund.png');
    background-position: calc(100% + 70px) calc(100% + 116px);
    background-repeat: no-repeat;
    background-size: 430px 430px;
}

#g-over-footer .g-content{
    padding-top: 56px;
    padding-bottom: 56px;
}


/***************************
! EXTRA FOOTER
***************************/
#g-extra-footer .g-content{
    padding-top: 56px;
    padding-bottom: 56px;
}

#g-extra-footer .incontainer .g-content{
    padding-top: 0;
    padding-bottom: 0;
}

/*******************************************************************************
    ! FOOTER
*******************************************************************************/
#g-footer .g-content {
	margin: 0.625rem!important;
}

#g-footer {
    line-height: 1.5;
    color: #F2EFEB;
    display: block;
    position: relative;
    z-index: 0;
}

#g-footer::before {
  content: "";
  background-image: url('/images/qars/design/footer-1920x600.png');
  opacity: 0.2;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}

#g-footer .g-logo img, #g-footer .g-logo svg {
    float: left;
    max-height: 100%;
}

#g-footer .g-social a {
    font-size: 24px;
    width: 40px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    background: #c1bfbc;
    color: #424753;
    border-radius: 100%;
    display: inline-block;
}

#g-footer .g-social a:not(:first-child){
    margin-left: 10px;
}

#g-footer .g-main-nav .g-toplevel > li, #g-footer .g-main-nav .g-toplevel > li > .g-menu-item-container {
    float: right;
    font-weight: 300;
    text-transform: uppercase;
    text-decoration: underline!important;
    color: #fff;
    display: block;
  	width: 100%;
}

#g-footer .g-main-nav span {
    text-decoration: underline;
    font-size: 14px;
}



/*******************************************************************************
    ! SLIDESHOW
*******************************************************************************/

.g-slideshow .uk-overlay-panel {
    padding: 80px;
}

.g-slideshow .slideshow-caption.uk-overlay-background {
    padding: 40px;
}

.g-slideshow .g-slideshow-title {
    text-transform: uppercase;
    margin: 0 0 6px;
    color: #424753!important;
}

.slideshow-caption.uk-overlay-background {
    background: none;
    /*background: #F2EFEB;
    color: #424753;
    width: 45%;
    background-image: url('/images/qars/design/q-rund.png');
    background-position: calc(100% + 40px) calc(100% + 40px);
    background-repeat: no-repeat;
    background-size: 250px 250px;*/
}

.g-slideshow-desc {
    font-size: 56px;
    font-family: "Play";
    line-height: 1.3;
}

.g-slideshow-buttons {
    display: flex;
    gap: 15px;
}

.g-slideshow-buttons .button {
    font-size: 16px;
    padding: 1.1rem 10px;
    flex: 1;
    margin-right: 0!important;
}

.g-slideshow-item{
    isolation: isolate;
}

.g-slideshow-item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(45, 53, 63, 0.74);;
}

.g-slideshow-item video{
    z-index: -1;
}

.slideshow-sup-buttons {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translate(-50%, 0%); 
}

.slideshow-sup-buttons > .c-container {
    display: flex;
    gap: 20px;
}

body.forside .slideshow-caption.uk-overlay-background {
    width: 900px;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

body.forside .slideshow-sup-buttons .button {
    padding: 20px 16px;
    flex: 1;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button.simple {
    background: none!important;
    padding: 0!important;
    border: none!important;
    letter-spacing: 1px;
}

.slideshow-badge {
    position: absolute;
    right: 10%;
    top: 50px;
}


/*******************************************************************************
    ! autolakering
*******************************************************************************/

.view-article .autolakering-gen,
.view-article .large-intro {
    text-align: -webkit-center;
    text-align: center;
    padding: 30px 0;
}

.view-article .autolakering-gen p,
.view-article .large-intro p {
    font-size: 22px;
    margin: 0 auto;
    width: 780px;
    max-width: 100%;
    text-align: center!important;
}

.intro-style-2.view-article .large-intro h3 {
    color: #000000;
    font-size: 30px;
}

.nio-page.view-article .large-intro {
    background-image: url('/images/qars/pages/nio/Nio_bg_white.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 300px;
    padding-bottom: calc(30px + 2rem);
}

.nio-page #g-mainbar {
    padding-bottom: 1rem;
}

#g-extra-footer.xpeng-cta .nio-cta-title  h3.g-title {
    font-size: 56px;
}

.g-block.g-features-particle-item.niologo .g-features-particle-image {
    position: relative;
}

.g-block.g-features-particle-item.niologo .g-features-particle-image:before {
    content: '';
    display: block;
    position: absolute;
    background-image: url('/images/qars/pages/nio/Noi_logo_white.png#joomlaImage://local-images/qars/pages/nio/Noi_logo_white.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 200px;
    height: 100px;
    width: 200px;
    left: calc(50% - (56px/2));
    top: 50%;
    transform: translate(-50%, -50%);
}

.view-article .large-intro.white {
    padding: 10px 0;
}

.view-article .large-intro.white {
    padding: 0 0;
}


/*******************************************************************************
    ! autolakering
*******************************************************************************/

.samarbejde table {
    border: 0;
}
.samarbejde td {
    border: 0;
}


/*******************************************************************************
    ! FORSIKRING
*******************************************************************************/
.forskikring-area-intro,
.forskikring-area-intro #g-mainbar,
.nio-page #g-container-main,
.nio-page #g-mainbar {
    background: #F2EFEB;
    color: #707070;
}

.forsikring-area,
.xpeng-area {
    background-image: url('/images/qars/pages/forsikringsskader/QARS%20Forsikringsskader5.png')!important;
    background-position: center!important;
    background-size: cover!important;
    position: relative;
    padding: 50px 0;
    color: #ffffff!important;
}

.faelles-kundesamarbejde .forsikring-area {
    background-image: url('/images/qars/pages/bliv-en-de-af-qars/falleskundesamarbejde/18524%20-%2056.png')!important;
}

.indkob-med-fordele .forsikring-area {
    background-image: url('/images/qars/pages/bliv-en-de-af-qars/indkob-med-fordele/18524%20-%2088%20v2.png')!important;
}

.reparation-af-bilskader .forsikring-area {
    background-image: url('/images/qars/pages/reparation-af-bilskader/shutterstock_1240794022%201.png')!important;
}

.lakering-af-biler .forsikring-area {
    background-image: url('/images/qars/pages/lakering-af-biler/18524%20-%2079.png')!important;
}

.hold-dig-opdateret .forsikring-area {
    background-image: url('/images/qars/pages/bliv-en-de-af-qars/hold-dig-opdateret/18524%20-%2042.png')!important;
}

.plastdele .forsikring-area {
    background-image: url('/images/qars/pages/plastdele/18524%20-%2086.png')!important;
}

.smabuler-og-ridser .forsikring-area {
    background-image: url('/images/qars/pages/smabuler-og-ridser/skydgenvej.png')!important;
}

.storvognslakering .forsikring-area {
    background-image: url('/images/qars/pages/storvognslakering/18524%20-%2090.png')!important;
}

.motorcykler .forsikring-area {
    background-image: url('/images/qars/pages/motorcykler/18524%20-%2085.png')!important;
}

.one-source-area {
    background-image: url('/images/qars/pages/one-source/18524%20-%2024.png')!important;
}

.xpeng-area:not(.xpeng-subpage-2 .xpeng-area):not(.gratis-lanebil .xpeng-area) {
    background: #F2EFEB!important;
    background-image: url('/images/qars/pages/xpeng/Xpeng_bg_white.png')!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
    background-size: 600px!important;
    color: #2D353F;
}

.gratis-lanebil .xpeng-area{
    background: #F2EFEB!important;
}

.xpeng-area:not(.xpeng-subpage-2 .xpeng-area) h3,
.xpeng-area:not(.xpeng-subpage-2 .xpeng-area) .mod-custom {
    color: #2D353F;
}

.xpeng-area h3 {
    font-size: 42px;
}

.xpeng-area ul {
    margin-top: 10px;    
}

.xpeng-area ul li {
    line-height: 1.5;
}

.xpeng-area .mainbar-bottom-a {
    position: relative;
}

.xpeng-area img {
    position: absolute;
    right: 0;
    top: 0;
    width: 260px;
}

.top-billede-container.with-topimage-logo .top-billede,
.fast-track-book .top-billede-container .top-billede {
	height: 440px;
}

.top-billede-spacer.with-topimage-logo,
.fast-track-book .top-billede-spacer {
	height: 400px;
}

.top-billede-container .topimage-logo {
	width: 220px;
	display: block;
	float: right;
	margin-top: -35px;
}

.nio-page .top-billede-container .topimage-logo  {
    margin-top: -55px;
    width: 160px;
}

.topimage-logo-container {
	margin-bottom: 50px;
}

.custom-topimage-class-topimage-button-xpeng-logo .text-container a:before,
.xpeng-link-logo a:before,
.custom-topimage-class-topimage-button-nio-logo .text-container a:before,
.nio-link-logo a:before,
.xpeng-button-icon:before,
.nio-button-icon:before {
	content: '';
	display: inline-block;
	background-image: url('/images/qars/pages/xpeng/Xpeng_icon_white.svg');
	width: 46px;
    height: 25px;
    background-size: cover;
    margin-right: 25px;
    margin-top: 2px;
    float: left;
}

.custom-topimage-class-topimage-button-nio-logo .text-container a:before,
.nio-link-logo a:before,
.nio-button-icon:before {
    background-image: url('/images/qars/pages/nio/nio-icon-white.png');
    width: 33px;
    height: 30px;
    margin-right: 22px;
    margin-top: 0px;
}

.xpeng-button-icon:before {
    width: 32px;
    height: 18px;
    margin-top: 0;
}

.nio-button-icon:before {
    height: 18px;
    width: 20px;
}

.custom-topimage-class-topimage-button-xpeng-logo .text-container a,
.xpeng-link-logo a,
.custom-topimage-class-topimage-button-nio-logo .text-container a,
.nio-link-logo a {
	line-height: 30px;
	padding-left: 35px;
	padding-right: 35px;
}

.one-source-intro,
.one-source-intro #g-mainbar {
    background: #ffffff;
}

.one-source-intro .large-intro {
    padding: 10px 0 20px!important;
}

.one-source-intro h2 {
    color: #2D353F;
    font-family: "Titillium Web";
    font-size: 38px;
}

.view-article .one-source-intro p {
    font-size: 20px;
}

.forsikring-area:before,
.xpeng-subpage-2 .xpeng-area:before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.65;
    background-color: rgba(16, 24, 32, 1);
    z-index: 0;
}

.forsikring-area > div,
.xpeng-subpage-2 .xpeng-area > div{
    z-index: 1;
    position: relative;
}

.forsikring-area .g-title,
.xpeng-area .g-title,
.forsikring-area h2,
.xpeng-area h2,
.contact-us h3 {
    font-family: "Play"!important;
    font-size: 34px!important;
    line-height: 1.3!important;
    width: 50%;
    margin-bottom: 50px;
}

.forsikring-area .mod-custom h2,
.xpeng-area .mod-custom h2 {
    width: 100%;
    margin-bottom: 20px;
} 

.forsikring-area .mod-custom h4 {
    font-family: "Titillium Web";
} 

.forsikring-area .mod-custom li {
    line-height: 1.5;
}

.forsikring-area .mod-custom,
.xpeng-area .mod-custom {
    columns: 2;
    column-gap: 142px;
}

.gratis-lanebil .xpeng-area .mod-custom {
    columns: unset!important;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
    column-gap: 0;
}

.gratis-lanebil .xpeng-area .mod-custom > h1{
    margin-block: auto;    
}

.gratis-lanebil .xpeng-area .mod-custom > p {
    font-size: 18px;
}

.forsikring-area .columns3 .mod-custom {
    columns: 3;
}

.indkob-med-fordele .forsikring-area .mod-custom,
.reparation-af-bilskader .forsikring-area .mod-custom {
    columns: 1;
    column-gap: 0;
    width: 750px;
    max-width: 100%;
    margin: 0 auto;
}

.forsikring-area .mod-custom >*:first-child,
.xpeng-area .mod-custom >*:first-child {
    margin-top: 0;
}

.forsikring-area-last {
    padding: 50px 0;
}

.forsikring-area-last .mainbar-last-a {
    margin-bottom: 140px;
}

.forsikring-area-last .mainbar-last-a:last-child {
    margin-bottom: 0;
}

.contact-us .mod-custom {
    width: 750px;
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
}

.contact-us .mod-custom h3 {
    width: 100%!important;
    margin-bottom: 20px!important;
    font-weight: 400!important;
}

.contact-us .mod-custom p {
    color: #707070;
    font-size: 22px;
}

.motorcykler .module-link-to-button a,
.interior .module-link-to-button a {
    margin-top: 20px;
    margin-bottom: 40px;
    display: inline-block;
}


/*******************************************************************************
    ! FEATURES
*******************************************************************************/

.g-features-particle-title {
    font-family: "Titillium Web";
    letter-spacing: 0px;
}

.g-features-particle-item .g-subs-item {
    text-transform: uppercase;
}

.g-features-particle-item.text.padding-left .g-content {
    padding-left: 112px;
}

.g-features-particle-item.text.padding-right .g-content {
    padding-right: 112px;
}


/* Image */
.g-features-particle-item.background-image {
    position: relative;
    width: 50%;
    float: left;
    flex: 0 1 auto;
}

.g-features-particle-item.background-image .g-content .g-features-particle-image {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.g-features-particle .g-features-particle-image {
    margin: 0;
}

/* Text */
.g-features-particle-item.text:not(.no-padding) {
    padding: 60px 0;
}

.g-features-particle-item.text {
    text-align: left;
}

.g-features-particle-item.large-headlines .g-features-particle-title, 
.g-features-particle-item.large-headlines .g-features-particle-desc {
    font-size: 50px!important;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.3;
    font-weight: 700!important;
}

.g-features-particle-item.large-headlines .g-features-particle-title {
    font-weight: 700;
}

.g-features-particle-item.text.large-padding {
    padding: 100px 0;
    text-align: left;
}

.g-features-particle-item.text .g-features-particle-title, 
.g-features2-particle.list .g-title.g-main-title {
    font-size: 34px;
    line-height: 1.3;
    text-align: left;
    font-weight: 400;
}

.container-background {
    background: #f6f4f1;
}

/* Kontakt */
.g-features2-particle.kontakt .text, .g-features2-particle.kontakt .iframe {
    width: calc(40% - 100px);
    margin-right: 100px;
    float: left;
    position: relative;
    display: block;
    flex: 0 1 auto;
}

.g-features2-particle.kontakt .iframe {
    width: 60%;
    margin-right: 0;
}

.g-features2-particle.kontakt .text {
    padding: 30px 15px;
    background: #F2EFEB;
     background-image: url('/images/qars/design/q-rund.png');
    background-position: calc(100% + 40px) calc(100% + 40px);
    background-repeat: no-repeat;
    background-size: 250px 250px;
    margin-bottom: 50px;
}

.g-features2-particle.kontakt .text .g-features2-particle-title {
    text-transform: uppercase;
    color: #e80000;
    font-size: 1rem;
    font-weight: 700;
    margin: 0;
    line-height: 1.5;
    margin-top: 20px;
}

.g-features2-particle.kontakt .text .g-subs-item {
    line-height: 1.5;
    text-transform: uppercase;
}

.g-features2-particle.kontakt a {
    color: #424753;
}

.g-features2-particle.kontakt .text .g-features2-particle-desc {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 30px;
}

.g-features-particle .g-features-particle-item, .g-features2-particle .g-features-particle-item, .g-features-particle .g-features2-particle-item, .g-features2-particle .g-features2-particle-item {
    margin-bottom: 0;
}

#mapKontakt {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.g-features-particle .g-grid, .g-features2-particle .g-grid {
    margin-bottom: 0;
}

/* Knapper */
.top-billede-container .text-container h6 {
	font-size: 24px;
	font-weight: 100;
	padding: 0 15px;
}

.features2-buttons .g-features2-particle-title,
.features2-logo .g-features2-particle-title {
	text-align: center;
	font-size: 15px;
	text-transform: uppercase;
}

.features2-logo .g-features2-particle-title {
    opacity: 0;
    font-size: 12px;
    transition: 0.5s;
}

.features2-logo .g-content:hover .g-features2-particle-title {
    opacity: 1;
}

.features2-logo .g-features2-particle-title {
	font-size: 14px;
}

.features2-logo .g-features2-particle-title {
    color: black;
}

.features2-buttons .button {
	width: 100%;
	height: 72px;
	line-height: 40px;
	font-size: 15px;
	padding: 15px;
}

.g-features2-particle.logo .g-grid {
    gap: 40px 20px;
    margin-bottom: 50px;
}


.g-features2-particle.logo .g-grid:last-child {
    margin-bottom: 0;
}

.g-features2-particle.logo .g-grid > div {
    flex: 0 1 auto;
    width: calc(20% - 16px);
}

.g-features2-particle.logo .g-features2-particle-image {
    margin-right: 0;
}

body.xpeng .g-features2-particle.buttons {
	margin-top: -40px;
	padding-bottom: 40px;
	margin-bottom: 30px;
	border-bottom: 1px solid;
	margin-left: 0;
	margin-right: 0;
}

body.xpeng .g-features2-particle.buttons .g-grid {
	margin-left: -0.938rem;
    margin-right: -0.938rem;
}

body.xpeng .g-features2-particle.buttons .g-grid .g-block {
	width: 33%;
	flex: 0 1 auto;
	margin-bottom: 50px;
}

body.xpeng .g-features2-particle.buttons .g-grid {
	margin-bottom: -50px;
  justify-content: center;
}

body.xpeng.nio div[itemprop="articleBody"] > h1 {
    font-size: 40px;
}

body.xpeng.nio div[itemprop="articleBody"] > h1 img {
    margin-top: 20px;
}

.xpeng-information {
    padding: 50px 0;
}

.xpeng-cta {
    background: url('/images/qars/pages/xpeng/18524%20-%2079.png');
    background-size: cover;
    background-position: center;
    position: relative;
    padding: 50px 0;
    isolation: isolate;
}

.xpeng-cta .g-container {
    position: relative;
}

#g-extra-footer.xpeng-cta h3.g-title {
    color: #ffffff;
    text-align: left;
    font-size: 34px;
    font-weight: 400;
    line-height: 1.3;
}

#g-extra-footer.xpeng-cta .mod-custom {
    color: #ffffff;
}

.xpeng-logo-center {
    display: flex;
    align-items: center;
}

.xpeng-logo-center img {
    max-width: 100%;
    width: 450px;
    float: right;
}

.incontainer .float-right-content .g-content {
    float: left;
}

.incontainer .g-grid {
    margin-bottom: 40px;
}

.incontainer .g-grid > .g-block {
    align-items: center;
    display: flex;
}

.incontainer .g-grid:last-child {
    margin-bottom: 0;
}

.incontainer img {
    width: calc(100% - 56px);
    max-width: calc(100% - 56px);
    display: block;
}

.incontainer .g-grid .g-block:nth-child(even) img {
    float: right;
    margin-right: 0;
}


.incontainer .g-features-particle-item.text.padding-right .g-content {
    padding-right: 56px;
}

.incontainer .g-features-particle-item.text.padding-left .g-content {
    padding-left: 72px;
}

/*******************************************************************************
    ! MOD_ARTICLES_LIST
*******************************************************************************/

.article_list_grid {
    display: flex;
    float: left;
    width: 100%;
}

.article_list_grid > div {
    flex: 50%;
    min-height: 1px;
    background-position: center;
    padding: 50px 0;
}

.article_list_grid:nth-child(odd) > div .half-container {
    padding-right: 112px;
    float: right;
}

.article_list_grid:nth-child(even) > div .half-container {
    padding-left: 112px;
    float: left;
}

.article_list_grid h3.title {
    font-size: 32px;
    line-height: 1.3;
    font-weight: 300;
    text-align: left;
    color: #000000;
}

.article_list_grid .list_button {
    float: right;
    text-transform: uppercase;
}

.article_list_grid .list_button i {
    font-size: 30px;
    margin-right: 20px;
    display: inline-block;
    height: 30px;
    float: left;
}

.article_list_grid .list_button span {
    line-height: 30px;
    height: 30px;
    display: inline-block;
    float: left;
}

.articles_list-text h5 {
    text-transform: uppercase;
    color: #707070;
    margin-bottom: 0px;
}

.articles_list-image {
    background-repeat: no-repeat;
    background-size: cover;
}

.article_list_grid > div .half-container > .button{
    margin-top: 24px;
}

.one-source-article-list {
    background: #F2EFEB80;
}


/* Integration */

.integration.custom {
    height: 500px;
    background-repeat: no-repeat;
    background-position: right;
    background-image: url(/images/qars/pages/processtyring/karosseri/Qars-gafik-mand-med-pc-01.png);
    background-size: 175px auto;
}

.integration.custom h2 {
    font-size: 2.8rem;
    text-transform: uppercase;
    font-weight: 700;
}

.integration.custom p {
    font-size: 1.4rem;
}

/* Intro */

.apromas #g-intro .platform-content {
    width: 700px;
    max-width: 100%;
    margin: 0 auto;
}

/* Above */

.apromas #g-above {
    background: #f6f4f1;
}

/* Formular */

.apromas #g-testimonials .testimonials-a img {
    margin-top: -170px;
    margin-bottom: 50px;
    height: 450px;
    max-width: 100%;
}

.apromas #g-testimonials .testimonials-a h3 {
    font-weight: 400;
    font-size: 24px;
    text-align: left;
}

.apromas .chronoform label {
    font-weight: 400;
}

.apromas .chronoform input.form-control {
    height: 50px;
}

.apromas .chronoform input.btn[type="submit"] {
    float: right;
    margin-top: 30px;
    width: 200px;
    max-width: 200px;
    font-weight: 300;
    font-size: 18px;
    font-family: "Titillium Web";
    height: 60px;
}


.apromas #g-container-main {
    display: none;
}

.apromas.view-article #g-container-main {
    display: block;   
}

.apromas.view-article #g-header, .apromas.view-article #g-intro, .apromas.view-article #g-features, .apromas.view-article #g-above, .apromas.view-article #g-testimonials  {
    display: none;
}

/* Article */
.apromas .top-billede-spacer {
    height: 450px;
}




/*******************************************************************************
    ! SOCIAL
*******************************************************************************/

.g-social.checklist social {
    display: block;
    text-transform: uppercase;
}

.g-social.checklist social .fa-check {
    color: #e80000;
    margin-right: 10px;
    font-size: 25px;
}


/*******************************************************************************
    ! CTA
*******************************************************************************/

.g-cta-button.style1 .g-cta-inner {
    background: none;
    border: none;
    padding-left: 0;
    padding-right: 0;
}

.g-cta-inner .g-cta-left.no-desc, .g-cta-inner .g-cta-right.no-desc {
    width: 100%;
    float: left;
    text-align: center;
}

.g-cta-button.style1 .g-cta-inner .g-cta-left.no-desc .g-cta-title,
.jmoddiv h3,
.subheading-category,
#g-extra-footer h3 {
    font-size: 48px;
    font-family: "Titillium Web";
    letter-spacing: 0px;
    line-height: 50px;
}

.view-category.layout-g5_heliumnyheder #g-extra-footer {
    display: none;
}

.jmoddiv h3, .subheading-category, #g-extra-footer h3 {
    text-align: center;
    font-weight: 700;
    display: block;
    width: 100%;
}

.subheading-category {
    margin-bottom: -100px;   
}

.g-cta-button.style1 .g-cta-inner .g-cta-right.no-desc {
    margin-top: 50px;
    display: flex;
}

.g-cta-inner .g-cta-right.no-desc .button{
    padding: 20px 20px!important;
    flex: 1;
}

.g-cta-inner .g-cta-right.no-desc .button:not(:first-child) {
    margin-left: 32px;
}



/*******************************************************************************
    ! DIGI SHOWCASE
*******************************************************************************/


#digi_showcase_101 {
    max-width: 1500px;
    margin: auto;
}

.frontpage2 #digi_showcase_101.carousel .slick-list {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

/* Next prev */
.slick-prev, .slick-next {
    top: 42%;
    width: 50px;
    height: 50px;
    border-radius: 50%!important;
    padding: 0!important;
    box-shadow: none!important;
}

#digi_showcase_carousel .slick-prev {
    left: -80px!important;
}

#digi_showcase_carousel .slick-next {
    right: -80px!important;
}

#digi_showcase_carousel .slick-prev:before, #digi_showcase_carousel .slick-next:before, .slick-next:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #e80000;
    font-size: 70px;
    opacity: 1;
    font-weight: 300;
}

#digi_showcase_carousel .slick-prev:before {
    content: "\f104";
}

#digi_showcase_carousel .slick-next:before, .slick-next:before {
    content: "\f105";
}

/* Item */

.showcase-item .item-content {
    padding-left: 21px;
    padding-right: 21px;
}

.showcase-item .item-content .showcase-article-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.showcase-item .item-content .showcase-article-info .showcase-article-category{
    color: #d40000;
}

.showcase-item .item-content .title {
    margin-top: 4px;
    margin-bottom: 0;
}

.showcase-item .item-content .title a {
    color: #000000; /*#aeb1be*/
    font-size: 18px;
}

.showcase-item .item-content .extra-info {
    font-weight: 300;
    font-size: 14px;
}

.showcase-item .image{
    margin-bottom: 4px;
}

.showcase-item img {
    aspect-ratio: 4/3;
    object-fit: cover;
    transition: transform .2s;
}

.showcase-item img:hover {
    transform: scale(1.1);
}

/* Dots */


/* Ekstra */

.showcase-item .tag, .showcase-item .date {
    position: relative;
    display: block;
    width: 50%;
    float: left;
    font-size: 12px;
    margin-bottom: 10px;
}

.showcase-item .tag {
    text-transform: uppercase;
    color: #e80000!important;
}

.showcase-item .date {
    text-align: right;
}


.showcase-image-background {
    float: left;
    position: relative;
    display: block;
    height: 220px;
    width: 100%;
    background-size: cover;
}

/*******************************************************************************
    ! OUR TEAM
*******************************************************************************/

.g-our-team .g-our-team-item, .g-our-team-slider .g-our-team-item, .g-our-team-slideset .g-our-team-item {
    border: none;
    margin-bottom: 20px;
}

.g-our-team .g-info-container, .g-our-team-slider .g-info-container, .g-our-team-slideset .g-info-container {
    padding: 0;
    background: none;
}

.g-our-team, .g-our-team-slider, .g-our-team-slideset {
    text-align: left;
}

.g-our-team .g-our-team-social a {
    width: 100%;
    display: block;
    font-size: 15px;
    line-height: 1.5;
}

.g-our-team .g-our-team-social a i {
    margin-right: 5px;
}

.team .g-title {
    font-family: "Play";
    letter-spacing: 3px;
    font-size: 2.25rem;
}

.g-our-team.style2 .g-our-team-social, .g-our-team-slider.style2 .g-our-team-social, .g-our-team-slideset.style2 .g-our-team-social {
    margin-top: 8px;
}

/*******************************************************************************
    ! BLOG / ARTICLE
*******************************************************************************/

/* Generel */

.blog .readmore .btn {
    background: none;
    text-transform: none;
    color: #424753;
    padding: 10px 0;
    border: none;
    border-bottom: 1px solid #424753;
    border-radius: 0;
}

.blog .readmore .btn:hover {
    background: none;  
    color: #424753;
    border-color: #e80000;
}

.blog .readmore .btn span {
    display: none;
}

.blog h2 a {
    color: #424753;
}

.blog .fields-container {
    display: none;
}

.item-page div[itemprop="articleBody"] h1 {
    font-family: "Play";
    letter-spacing: 3px;
}

/* Auto */
.auto_blog .items-row h1, .auto_blog .items-row h2, .auto_blog .items-row h3, .auto_blog .items-row h4, .auto_blog .items-row h5 {
    display: none;
}

.auto_blog .items-row .page-header h2 {
    display: block;
}

.auto_blog p {
    text-align: left!important;
}

.auto_blog [class^="leading"] p {
  text-align: Center!important;
}


/* Forhandler */

.layout-g5_heliumforhandler #g-container-main > .g-container {
    width: 100%!important;
}

.layout-g5_heliumforhandler #g-container-main #g-mainbar > .g-grid > .g-block > .g-content {
    margin: 0;
    padding: 0;
}

.layout-g5_heliumforhandler #g-mainbar-last {
    padding-bottom: 4rem!important;
}

.layout-g5_heliumforhandler #g-mainbar-last .g-title {
    font-size: 26px;
    text-align: center;
}

.layout-g5_heliumforhandler .platform-content.container,
.layout-g5_heliumnyheder .platform-content.container {
    padding: 0!important;
}

.layout-g5_heliumforhandler .platform-content.container > .row,
.layout-g5_heliumnyheder .platform-content.container > .row {
    margin-left: 0!important;
    margin-right: 0!important;
}

.layout-g5_heliumforhandler .platform-content.container > .row > .col,
.layout-g5_heliumnyheder .platform-content.container > .row > .col {
    padding-left: 0!important;
    padding-right: 0!important;
}

.forhandler > div > .row {
    display: block;
}

.forhandler .sidebar {
    background: #F2EFEB;
    padding: 40px;
    background-image: url('/images/qars/design/q-rund.png');
    background-position: calc(100% + 40px) calc(100% + 40px);
    background-repeat: no-repeat;
    background-size: 250px 250px;
    margin-bottom: 50px;
}

.forhandler .sidebar img {
    margin-bottom: 20px;
}

.forhandler .sidebar h3, .forhandler .sidebar p , .forhandler .sidebar td {
    font-size: 15px;
    line-height: 1.5;
    margin: 5px 0;
    text-transform: uppercase;
}

.forhandler .sidebar h3 {
    color: #e80000;
    margin: 8px 0 16px;
}

.forhandler .sidebar a {
    color: #424753;
}

.forhandler .sidebar table, .forhandler .sidebar tr, .forhandler .sidebar td, .forhandler .sidebar th {
    border: none;
    padding: 0;
    text-transform: uppercase;
}

.forhandler .sidebar table {
    margin-bottom: 20px;
}

.forhandler .mainbar {
    padding-left: 100px;
}

.forhandler .fullwidth {
    float: left;
    display: block;
    width: 100%;
    padding: 3rem 0;
}

.forhandler .omrader {
    background: #c1bfbc;
}

.forhandler .omrader h3 {
    color: #e80000;
    text-transform: uppercase;
}

.forhandler .omrader ul {
    list-style: none;
}

.forhandler .omrader li {
    text-transform: uppercase;
    margin-bottom: 15px;
    width: 50%;
    float: left;
}

.forhandler .omrader li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #e80000; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */ 
  width: 2em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
  
}

.forhandler .map h2 {
    font-size: 68px;
    text-transform: uppercase;
    line-height: 1.2;
}

.forhandler .quote {
    background-image: url('https://via.placeholder.com/1920x500');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
    positioN: relative;
    color: #ffffff;
    padding: 5rem 0;
    isolation: isolate;
}

.forhandler .quote h2 {
    font-size: 38px;
}

.forhandler .quote h3 {
    font-size: 20px;
}

.forhandler .extra h2 {
    font-size: 68px;
    line-height: 1.2;
}

.forhandler .images img {
    float: left;
    width: 50%;
}

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

.forhandler .certificeringer h3 {
    font-size: 28px;
}


.forhandler .certificeringer img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
  	max-height: 80px;
}

.layout-g5_heliumforhandler #g-mainbar,
.layout-g5_heliumforhandler .fullwidth.images {
  padding-bottom: 0;
}

/*******************************************************************************
    ! STORE LOCATOR ( find os )
*******************************************************************************/

.map-search {
    width: 40%;
    float: left;
}

#store-data {
    padding: 0 15px;
    width: 100%;
}

.data-part {
    background: #ffffff;
    float: left;
    position: relative;
    width: 100%;
    margin-top: 60px;
    padding-top: 100px;
    padding-bottom: 100px;
}

.map-search, #map-canvas {
    margin-top: 100px;
}

#map-canvas, #panel {
    height: 605px!important;
    width: 60%;
}

.map-search {
    padding-right: 60px;
}

.map-search h3 {
    font-size: 32px;
    font-weight: 500;
}

.map-search input {
    border: none;
    border-radius: 0;
    padding-left: 15px;
    width: calc(100% - 50px);
    float: left;
    display: block;
}

.button-submit {
    background: #c1bfbc;
    width: 50px;
    height: 41px;
    float: left;
    display: block;
    cursor: pointer;
}

.button-submit img {
    width: 25px;
    margin: 10px 12px;
}

.map-search .types {
    border: 2px solid #c1bfbc;
    background: #ffffff;
    width: 100%;
    float: left;
    text-transform: uppercase;
    padding-bottom: 15px;
    margin-top: 20px;
}

.map-search .types .types_headline {
    border-bottom: 2px solid #c1bfbc;
    padding: 15px;
    font-weight: 700;
    margin-bottom: 15px;
}

.map-search .types .type {
    padding: 10px 15px;
    width: 50%;
    float: left;
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 12px;
}

.map-search .types .type.active, .map-search .types .type.forceActive {
    color: #e80000;
}

.data-part h2 {
    font-size: 32px;
    font-weight: 500;
}

#store-data .row.store {
    text-transform: uppercase;
    font-size: 13px;
}

#store-data .row.store:first-child {
    border-top: 2px solid #c1bfbc;
}

#store-data .row.store {
    border-bottom: 2px solid #c1bfbc;
    padding: 20px 0;
    width: 100%;
}

#store-data .row.store div:first-child {
    padding-left: 0;
}

#store-data .row.store div:last-child {
    padding-right: 0;
}

#store-data .store .headline {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 15px;
    width: 100%;
    margin: 1rem 0;
    display: block;
    line-height: 1;
}

#store-data .store .headline.storename {
    color: #e80000;
    cursor: pointer;
}

#store-data .store .headline.storename span {
    color: #424753;   
}

#store-data .store table, #store-data .store table tr, #store-data .store table tr td {
    border: none;
    padding: 0;
}


#store-data .btn.btn-primary {
    border-radius: 0;
    padding: 15px;
    margin-top: 40px;
}

#cleanSearch {
    width: 100%;
    float: left;
}

#cleanSearch p {
    padding: 0;
    font-size: 13px;
    text-decoration: underline;
    cursor: pointer;
    margin:0;
    margin-top: 5px;
}

.c-container-img {
    position: absolute;
    margin-top: -206px;
    width: 26%;
    right: 0;
}

.c-container-img img {
    height: 300px;
    width: auto;
}


/*******************************************************************************
    ! FORHANDLERLISTE NY
*******************************************************************************/
.forhandlerlistetext h2 {
    font-weight: 700;
}

.forhandlerlistetext .mod-custom.custom {
    width: 750px;
    max-width: calc(100% - 50px);
    margin: 0 auto;
}

body.map-page #g-above {
    /*background-image: url('/images/qars/pages/forhandlerliste/qars.svg')!important;
    background-repeat: no-repeat;
    background-position: 85% 110%;
    background-size: 500px;*/
}

/*******************************************************************************
    ! CHRONOFORM
*******************************************************************************/

.chronoform label.gcore-label-top .fa {
    display: inline-block;
    color: #424753!important;
    font-size: 40%!important;
}

.chronoform label.gcore-label-top {
    color: #e80000;
    text-transform: uppercase;
    margin-top: 20px;
}

.chronoform label.gcore-label-top small, .chronoform label.gcore-label-top .small {
    color: #424753;
    text-transform: none;
    display: inline-block;
}

.chronoform .form-control {
    margin-top: 10px;
}

.chronoform input.form-control, .chronoform select.form-control, .chronoform textarea.form-control, .nui.form select, .nui.select, .nui.form textarea, .nui.form input,  .nui.form .nui.button.grey.iconed  {
    background-color: #F2EFEB!important;
    border: none!important;
    border-radius: 0!important;
    width: 100%!important;
    padding: 10px 15px!important;
    box-shadow: none;
    height: 38px;
}

.nui.form .nui.button.grey.iconed {
    color: #424753!important;
}

.nui.form textarea {
    height: auto!important;
}


.nui.form .select.selection .text {
    line-height: 1;
    color: #424753;
}

.chronoform .gcore-input-wide.gcore-display-table, .gcore-input.gcore-display-table {
    width: 100%;
}

.chronoform input[type=checkbox] + label {
    display: block;
    margin: 0.2em;
    cursor: pointer;
    padding: 0.2em;
}

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

.chronoform input[type=checkbox] + label:before, .nui.checkbox>label::before {
    content: "\2714"!important;
    border: none!important;
    border-radius: 0!important;
    display: inline-block!important;
    width: 1.5em!important;
    height: 1.5em!important;
    padding-left: 0.2em;
    padding-bottom: 0.3em;
    margin-right: 0.2em!important;
    vertical-align: bottom;
    color: transparent;
    transition: .2s;
    background-color: #F2EFEB!important;
    float: left;
    margin-top: 1px!important;
    margin-right: 10px;
    margin-left: 10px;
}

.nui.checkbox>label {
    margin-bottom: 0;
}

.chronoform input[type=checkbox] + label:active:before {
    transform: scale(0);
}

.chronoform input[type=checkbox]:checked + label:before {
    background-color: #e80000;
    color: #fff;
}

.chronoform input[type=checkbox]:disabled + label:before {
    transform: scale(1);
    border-color: #aaa;
}

.chronoform input[type=checkbox]:checked:disabled + label:before {
    transform: scale(1);
    background-color: #bfb;
    border-color: #bfb;
}

.chronoform label.gcore-label-checkbox, .gbs3 .gcore-checkbox-item .gcore-label-checkbox, .gcore-radio-item .gcore-label-checkbox {
    width: 200px!important;
    max-width: 200px!important;
}

.gbs3 .form-horizontal .control-label {
    text-align: left!important;
    line-height: 1.4;
}

.gcore-checkbox-item .control-label.gcore-label-checkbox {
    font-weight: 300;
}

#form-row-ydelser > label {
    margin-bottom: 10px;
}

#form-row-registreringsnummer, #form-row-navn, #form-row-telefon, #form-row-email, #form-row-file1, #form-row-file2, #form-row-file3, #form-row-file4 {
    width: 50%;
    float: left;
    position: relative;
    height: 100px;
    padding-right: 15px;
}

#form-row-file1, #form-row-file2, #form-row-file3, #form-row-file4  {
    height: 60px;
}

#form-row-navn, #form-row-email, #form-row-file2, #form-row-file4 {
    padding-right: 0;
    padding-left: 15px;
}

#form-row-navn {
    padding-top: 30px;
}

#form-row-registreringsnummer label small {
    margin-top: 10px;
}

.chronoform input[type="file"] {
    box-sizing: border-box;
}

.chronoform input.btn[type="submit"] {
    background: #e80000;
    color: #ffffff;
    text-transform: uppercase;
    float:left;
    max-width: 100px;
    padding: 0;
}

.chrono_credits, .chronocredits {
    display: none;
}

#form-row-dato /*, .nui.form .field.hide*/ {
    display: none;
}

.nui.form .field.hide {
    opacity: 0;
    height: 0px;
    overflow: hidden;
}





@media screen and (max-width: 439px) {
    #form-row-registreringsnummer, #form-row-navn, #form-row-telefon, #form-row-email, #form-row-file1, #form-row-file2, #form-row-file3, #form-row-file4 {
        width: 100%;
        padding-right: 0px;
        padding-left:0px;
        padding-top:0px;
    }
    
    .Online-booking .size-35{
        display:none;
    }
}

.form-50-container {
    margin-left: -15px;
    margin-right: -15px;
    width: calc(100% + 30px);
}

.form-50-container .field {
    width: calc(50% - 30px);
    float: left;
    display: block;
    margin: 0 15px;
}

.form-50-container.small-margin-top {
    margin-top: -20px;
}

.nui.form h1 {
    font-size: 36px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 500;
    line-height: 1.1;
}

.nui.form p {
    margin-top: 0;
    margin-bottom: 10px;
}


.nui.form .field > label {
    color: #e80000;
    text-transform: uppercase;
    margin-top: 20px;
}

.nui.form .field > label small,
.nui.form .field > label .small {
    color: #424753;
    text-transform: none;
    float: left;
}

.nui.form .field > label[for="navn"] {
        margin-top: 53px;
}


/*******************************************************************************
    ! SEARCH
*******************************************************************************/

.search #g-intro {
    padding-bottom: 0;
}

.search #g-container-main, .search #g-mainbar {
    padding-top: 0;
}

.search .searchsearch #searchForm #search-searchword.inputbox {
    background: #F2EFEB;
    border: none;
    border-radius: 0;
    width: 100%!important;
    padding: 10px 15px;
    box-shadow: none;
    height: 38px;
}

.search .btn-toolbar .btn-group.pull-left:first-child {
    width: calc(100% - 50px);
}

.search .btn-toolbar .btn-group.pull-left:nth-child(2) {
    width: 50px;
    margin: 0;
}

.search .btn-toolbar .btn-group.pull-left:nth-child(2) img {
    width: 25px;
    margin: 7px 4px;
}

.search #searchForm .btn {
    width: 100%;
    float: left;
    padding: 0;
    height: 38px;
    border-radius: 0;
    margin: 0;
    background: #c1bfbc;
}

.search .form-limit {
    display: none;
}

.search .searchintrosearch {
    color: #e80000;
    text-transform: uppercase;
}

.search .searchintrosearch .badge.badge-info {
    background: none;
    color: #e80000;
    padding: 0;
    font-size: 1rem;
    line-height: 1.2;
    vertical-align: baseline;
}

.search-resultssearch .col-md-12 {
    border-bottom: 2px solid #c1bfbc;
    padding: 30px 15px;
}

.search-resultssearch .col-md-12:first-child {
    border-top: 2px solid #c1bfbc;
}

.search-resultssearch .result-title {
    font-size: 22px;
}

.search-resultssearch dd {
    margin: 0;
}

.search .result-createdsearch {
    text-transform: uppercase;
}


.com_finder #g-mainbar {
    width: 700px;
    max-width: 100%;
    margin: 0 auto;
    padding: 40px 0 70px;
}

.com_finder .com-finder__search {
    padding: 0;
}


.com_finder .input-group {
    flex-direction: row;
    justify-content: space-between;
}

.com_finder .awesomplete {
    width: calc(100% - 125px);
    margin-right: 20px;
}

.com_finder #search-form .btn.btn-primary {
    padding: 11px 20px;
}

.result__item+.result__item {
    border-top: 1px solid rgba(1,1,1,0.1);
}

.com_finder mark {
    background: none;
    font-weight: bold;
}

.com_finder .result__title-text mark {
    color: #e80000;
}

.com_finder .result__title {
    margin-top: 0;
}

.page-item.active .page-link {
    background: rgba(16, 24, 32, 1);
    border-color: rgba(16, 24, 32, 1);
}

.page-link {
    color: rgba(16, 24, 32, 1);
}

/*******************************************************************************
    ! NYHEDER
*******************************************************************************/

.news-section {
    padding: 5rem 0;
}

.news-section:nth-child(even) {
    background: #f5f6fa;  
}

.news-section .news-flex {
    display: flex;
    margin: 0.625rem;
    padding: 0.938rem;
}

.news-section .news-flex .news-flex-item.image {
    flex: 0 40%;
    width: 40%;
}

.news-section .news-flex .news-flex-item.text {
    flex: 0 60%;
    width: 60%;
    padding-right: 60px;
}

.news-section:nth-child(even) .news-flex .news-flex-item.text {
    padding-left: 60px;
    padding-right: 0;
}

.news-flex-item.text h4.extra-text {
    text-transform: uppercase;
    color: #ff6600;
    float: left;
    width: calc(100% - 80px);
    display: block;
    margin-bottom: 10px;
}

.news-flex-item.text p.extra-date {
    float: right;
    width: 150px;
    display: block;
    text-align: right;
}

.news-flex-item.text p.extra-tag {
    float: left;
    width: calc(100% - 150px);
    display: block;
    text-transform: uppercase;
    color: #e80000!important;
}

.news-flex-item .page-header h2 {
    margin-bottom: 5px;
    font-weight: 700;
}

.news-flex-item .page-header a {
    color: #292939;
}

.news-social a, .article-social a {
    color: #4d4d4d; /*#aeb1be*/
    font-size: 32px;
    letter-spacing: 30px;
}

.news .blognews > h2 {
    background: #f5f6fa;
    text-align: center;
    margin: 0;
    padding: 80px 0 10px;
    font-weight: 700;
    color: #292939;
}

.news-section .slick-next:before {
    font-size: 22px;
    margin-left: 20px;
    display: inline-block;
    line-height: 30px;
}

.news-section a:hover .slick-next:before {
    color: #424753;
}

.news-section img {
    margin-top: 45px;
}

.layout-g5_heliumnyheder #g-mainbar {
    /*padding-bottom: 0;*/
}

.layout-g5_heliumnyheder .news-flex .news-flex-item.text > a {
    position: relative;
}

.layout-g5_heliumnyheder .news-flex .news-flex-item.text > a .arrow {
    display: none;
}

.nyheder.view-article #g-container-main, .nyheder.view-article #g-mainbar {
    background: #f6f4f1;
}

.nyheder.view-article #g-mainbar {
    padding-left: calc(0.625rem + 0.938rem);
    padding-right: calc(0.625rem + 0.938rem);
}

.nyheder.view-article #g-header {
    display: none;
}

.nyheder.view-article h1 {
    font-weight: 700;
}

.view-article .tags.inline, .view-article .article-date {
    width: 50%;
    float: left;
    display: block;
    position: relative;
    margin: 0;
}

.view-article .tags.inline li {
    padding-left: 0;
}

.view-article .tags.inline a {
    background: none;
    text-transform: uppercase;
    color: #e80000;
    font-size: 15px;
    padding-left: 0;
}

.view-article .article-date {
    text-align: left;
}

.article-top-info, div[itemprop="articleBody"] {
    width: 100%;
    float: left;
    display: block;
    position: relative;
}

/* Job */
body.job .item-pagenyheder h2,
body.job .item-pagenyheder h3,
body.job .item-pagenyheder h4,
body.job .item-pagenyheder h5,
body.job .item-pagenyheder h6 {
    margin-top: 20px;
    margin-bottom: 10px;
}

body.job .item-pagenyheder ul {
    margin-top: -8px;
}

/*******************************************************************************
!   COLS
*******************************************************************************/

.row {
   /* margin-left: -15px;*/
    /*margin-right: -15px;*/
    float: left;
    width: 100%;
}

.row-padding {
    padding-top: 50px;
    padding-bottom: 50px;
}

.row-hr {
    border-bottom: 1px solid #494948;
    float: left;
    width: 100%;
}

.emission-page .col, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
    position: relative;
    float: left;
    display: block;
}

.col-md-2 {
    width: 16.66%;
}

.col-md-3 {
    width: 25%;
}

.col-md-4 {
    width: 33.33%;
}

.col-md-6 {
    width: 50%;
}

.col-md-8 {
    width: 66.66%;
}

.col-md-9 {
    width: 75%;
}


/*******************************************************************************
!   QARS BUSINESS
*******************************************************************************/

.qars-business #g-intro {
  padding: 0;
}

.qars-business #g-intro h2 {
	font-size: 36px;
    line-height: 1.3;
    text-transform: uppercase;
    font-weight: 500;
  	margin-top: 50px;
}

.qars-business #g-above h3.g-title {
  	font-size: 28px;
}

.qars-business #g-above ul li {
  width: 50%;
  float: left;
}

.qars-business #g-mainbar-bottom h3.title {
  display: none;
}

.qars-business #g-above {
    background: none;
}

.qars-business #g-mainbar-bottom .articles_list-text {
    order: 2;
}

.qars-business .article_list_grid:nth-child(odd) > div .half-container {
    padding-left: 112px;
    float: left;
}

.qars-business #g-mainbar-bottom .articles_list-image {
    background-position: 20%;
    background-repeat: no-repeat;
}

.qars-business #g-mainbar-bottom h5 {
    color: #707070;
    font-size: 18px;
    margin-bottom: 0;
}

.qars-business #g-mainbar-bottom h3 {
    font-size: 28px;
}

.qars-business #g-intro {
  background: #F8F8F6;
}


.fullwidth.qars-business .custom {
  float: left;
  width: 50%;
}

.fullwidth.qars-business .custom h2 {
  	font-size: 42px;
    text-transform: uppercase;
}

.fullwidth.qars-business .custom img {
  width: 80%;
  float: right;
}


/*******************************************************************************
!   QARS EMISSIONS
*******************************************************************************/

.esg:not(.emission-page .esg){
    position: relative;
    padding-bottom: 80px!important;
    color: #ffffff;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    isolation: isolate;
}

.esg:before{
    content: "";
    position:absolute;
    inset: 0;
    background-color: rgba(45, 53, 63, 0.54);
    z-index: -1;
}

.esg div:has(>.esg-text):after{
    content: "";
    position: relative;
    display: block;
    margin-left: auto;
    margin-top: 8px;
    background: no-repeat center/contain url("/images/qars/afdelinger/emission/esg-logo.png");
    height: 70px;
    aspect-ratio: 16/7;
}

.esg div:has(>.esg-title){
    width: 45%;
}

.esg div:has(>.esg-text){
    width: 55%;
}

.esg .esg-title{
    font-size: 56px;
    line-height: 1.2;
}

.esg .esg-text{
    font-size: 22px;
}

.esg .esg-link{
    display: flex;
    align-items: center;
    column-gap: 16px;
    font-size: 20px;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    color: #ffffff;
}

.esg .esg-link:after{
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: no-repeat center/contain url("/images/qars/afdelinger/emission/arrow-right-white-16.svg");
    transition: margin 225ms ease;
}

.esg .esg-link:hover:after{
    margin-left: 4px;
}


/*******************************************************************************
!   QARS ESG
*******************************************************************************/

.emission-page .esg-intro .row,
.emission-page .esg-intro .c-container,
.emission-page .esg-sections .row{
    float: unset;
}

.emission-page .platform-content.container{
    padding: 0!important;
}

.emission-page .platform-content > .row{
    margin-inline: 0;
}

.emission-page .platform-content > .row > .col{
    padding-inline: 0;
}

.emission-page #g-mainbar{
    padding-top: 0!important;
}

/* top billede */
.emission-page .top-billede-container {
    position: relative;
    display: flex;
    justify-content: center;
    top: 0;
}

.emission-page .top-billede {
    display: flex;
    justify-content: center;
    padding: 8px 1.563rem!important;
}

.emission-page .top-billede-container .text-container{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
    max-width: 1550.016px;
}

.emission-page .top-billede-container .text-container::before{
    content: "";
    position: relative;
    min-width: 181.81px;
}

.emission-page .top-billede-container .text-content {
    flex: 1 fit-content;
    text-align: center;
}

.emission-page .top-billede-container .text-content h1{
    padding-inline: 0;
}

.emission-page .top-billede-container .text-content p{
    font-size: 28px;
}

.emission-page .top-billede-container .text-container img{
    height: 80px;
    object-fit: contain;
    object-position: right;
}

/* esg intro */
.emission-page .esg-intro div:has(> h2){
    width: 100%;
}

.emission-page .esg-intro h2{
    color: #424753;
    font-size: 42px;
    margin-bottom: 0;
}

.esg-intro{
    padding-block: 24px;
    text-align: center;
    color: #707070;
    background: var(--light-gray);
    font-size: 22px;
    line-height: 1.6;
}

.esg-intro .row{
    justify-content: center;
}

/* esg sections */
.esg-section:not(:last-child){
    padding-bottom: 64px;
    margin-bottom: 64px;
    border-bottom: 1px solid var(--gray);
}

.esg-section:not(:last-child):has(> .esg-section-intro){
    padding-bottom: 80px;
}

.esg-section-intro{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 64px;
}

.esg-section-intro img{
    height: 140px;
    margin-right: -140px;
}

.esg-section-intro-title{
    text-align: center;
    
    &,
    & h2,
    & p{
        margin: 0 auto;
    }
    
    & h2{
        font-size: 56px;
    }
    
    & p{
        font-size: 24px;
    }
}

.esg-sub-section:not(:last-child):not(:has(+.esg-section-intro)){
    padding-bottom: 56px;
}

.esg-sub-section .esg-sub-section-title{
    font-size: 28px;
    margin-block: 0 8px;
    word-break: break-all;
}

.esg-sub-section .esg-sub-section-text{
    padding: 0;
    float: none;
    
    & > *:last-child,
    &:has(> hr:last-child) > *:nth-last-child(2){
        margin-bottom: 0;
    }
    
    &:has(> hr:last-child) > hr:last-child{
        margin-top: 80px;
        border-bottom-color: var(--gray);
    }
    
    &,
    & p,
    & > ul > li{
        font-size: 18px;
        line-height: 1.4;
    }
    
    & > p{
        &:first-child{
            margin-top: 0;
        }
    }
    
    & > ul{
        display: flex;
        flex-direction: column;
        row-gap: 16px;
        padding-left: 24px;
    }
}

/* esg chart overview */
.esg-chart-overview > .c-container{
    padding-top: 3rem;
}

.esg-chart-overview h2{
    margin-bottom: 0;
    text-align: center;
    font-size: 56px;
    line-height: 1.2;
}

.esg-chart-overview h6{
    text-align: center;
    font-size: 24px;
}

.esg-chart-overview .charts{
    padding-bottom: 80px;
    margin-bottom: 80px;
    border-bottom: 1px solid var(--gray);
}

.charts .tabs{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.charts .tab{
    padding-inline: 40px;
    min-width: 180px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    border-bottom: 2px solid var(--gray);
    transition: color 225ms ease;
    cursor: pointer;
}

.charts .tab:hover{
    color: #529412;
}

.charts .tab[disabled="true"]{
    pointer-events: none;
    cursor: not-allowed;
    color: #ccc;
}

.charts .tab.active-tab{
    border-bottom: 6px solid #529412;
}

.charts .tab:not(.active-tab){
    padding-bottom: 4px;
}

.charts .tab-content{
    display: none;
    padding-top: 64px;
    width: 100%;
}

.charts .tab-content.active-content{
    display: inline-block;
}

.charts #powerbi-container-voc,
.charts #powerbi-container-co2{
    width: 100%;
    height: 500px;
}

.charts #powerbi-container-voc:before,
.charts #powerbi-container-co2:before{
    content: "";
    position: absolute;
    width: 35px;
    height: 35px;
    background: white;
}

/*******************************************************************************
!   QARS FAST TRACK
*******************************************************************************/

.fast-track  ::selection {
  background: #5EAB0D; /* Baggrundsfarve */
  color: #ffffff;      /* Tekstfarve */
}

.fast-track-book .top-billede .text-container h2 {
    max-width: 100%;
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.fast-track .top-billede-container:before {
    content: url('/images/qars/pages/fast-track/QARS_FAST_TRACK_logo.svg');
    display: block;
    background: #5EAB0D !important;
    border-radius: 50%;
    position: absolute;
    z-index: 11;
    right: calc((100% - 75rem)/2);
    bottom: -90px;
}

.fast-track .top-billede-container:before, .slideshow-badge img {
    width: 250px;
    height: 250px;
}

.fast-track div[itemprop="articleBody"] {
    max-width: 100%;
    width: 740px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    float: none;
    padding-bottom: 60px;
}

.fast-track div[itemprop="articleBody"] > *:first-child  {
    margin-top: 60px;
    float: left;
}

.fast-track div[itemprop="articleBody"] h2,
.takseringssupport div[itemprop="articleBody"] h2{
    font-size: 30px;
    color: #2D353F;
    line-height: 1.3;
}

.takseringssupport div[itemprop="articleBody"] h2{
    text-wrap: wrap;
}

.fast-track div[itemprop="articleBody"] p a {
    background: #5EAB0D!important;
    min-width: 300px;
    max-width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    display: inline-block;
}

.button.fast-track,
.article_list_grid.list_grid_fast-track .button,
a.forhandler-fast-track,
.button-fast-track {
    background: #5EAB0D!important;
}

.fast-track-intro {
    background: #F2EFEB80;
}

.fast-track-intro #g-mainbar {
    background: rgba(255,255,255,0);
}

.fast-track-icons {
    background-image: url(/images/qars/pages/parkeringsskader/18524%20-%2041.png)!important;
}

.fast-track-icons, .fast-track-accordion {
    padding: 0!important;
    position: relative;
}

.fast-track-icons .g-title {
    width: 100%;
}

.fast-track-accordion > .g-container {
    position: relative;
    color: #ffffff;
}

.fast-track-accordion {
    background-image: url(/images/qars/pages/fast-track/2.png) !important;
    background-position: top center !important;
    background-size: cover !important;
    position: relative;
    padding: 50px 0;
    color: #ffffff !important;
}

.fast-track-icons:before, .fast-track .top-billede:before, .fast-track-accordion:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000000;
    opacity: 0.75;
    z-index: 0;
}

.features2-icons .g-content {
    display: flex;
    flex-direction: row;
    gap: 30px;
}

.features2-icons .features2-icons-text .g-features2-particle-title {
    font-family: "Titillium Web";
    font-weight: 600;
    font-size: 23px;
    margin-bottom: 5px;
}

.features2-icons .features2-icons-text .g-features2-particle-description {
    font-size: 17px;
}


.features2-icons .g-features-particle-icon {
    font-size: 42px;
    color: #5EAB0D!important;
}


/*.g-features2-particle.icons {
    width: 940px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}*/

.g-features2-particle.icons .g-title-separator {
    display: none;
}

.g-features2-particle.icons .g-title.g-main-title {
    font-size: 40px!important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 40px;
}

.fast-track-padding > .g-container {
    padding-top: 50px;
    padding-bottom: 50px;
}

.fast-track .fast-track-padding p a {
    color: #5EAB0D;
}

.list-with-number-icons ul {
  list-style: none;
  counter-reset: item var(--start, 0); /* start ved 1 som default */
  margin-left: 0;
  padding-left: 0;
  position: relative;
}

.list-with-number-icons ul > li {
  counter-increment: item;
  margin-bottom: 30px;
    font-weight: 700;
    padding-left: 46px;
}

.list-with-number-icons ul > li:last-child {
  margin-bottom: 0;
}

.list-with-number-icons ul > li::before {
    content: counter(item);
    font-size: 26px;
    font-variant-numeric: tabular-nums;
    background: #5EAB0D;
    height: 36px;
    width: 36px;
    border-radius: 50%;
    display: inline-block;
    color: #ffffff;
    text-align: center;
    line-height: 36px;
    margin-right: 20px;
    font-weight: 700;
    position: absolute;
    left: 0;
}

.subfeature-buttons {
    margin-top: 30px;
}

.subfeature-button-spacing .subfeature-buttons {
    display: flex;
    gap: 30px;
}

.list-with-number-icons .button {
    width: 300px;
}

.subfeature-button-spacing .button {
    flex: 1;
}

.subfeature-buttons .button, .fast-track .g-cta-button.style1 .g-cta-inner .g-cta-right .button, .fast-track div[itemprop="articleBody"] p a {
    background: #5EAB0D!important;
    font-size: 16px;
}

.subfeature-buttons .button {
    width: calc(50% - 20px);
    margin-right: 20px;
    padding: 15px;
}

.subfeature-buttons .button:last-child {
    margin-right: 0;
}

.subfeature-buttons .button {
    flex: 1;
}

.first-button-smaller .subfeature-buttons .button {
    flex: 2;
}

.first-button-smaller .subfeature-buttons .button:last-child {
    flex: 3;
}

.first-button-simple .subfeature-buttons .button:first-child {
    background: none!important;
    color: #ffffff;
    border-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.small-space-top {
    margin-top: 10px;
}

.g-features2-particle.list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0;
    margin-left: 0;
    margin-right: 0;
}

.g-features2-particle.list > div.g-particle-intro {
    width: 50%;
    padding-right: 80px;
}

.g-features2-particle.list > .feature-list {
    width: 50%;
}

.g-features2-particle.list .g-title-separator {
    display: none;
}

.g-features2-particle.list .g-particle-intro .g-introtext {
    text-align: left;
    margin-top: 20px;
    width: 100%;
}

.feature-list > .g-grid {
    display: flex;
    margin-bottom: 0;
    border-bottom: 1px solid #707070;
    padding: 17px 0;
}

.feature-list > .g-grid:first-child {
    border-top: 0;
    border-bottom: 0;
}

.feature-list > .g-grid:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.feature-list > .g-grid .g-content {
    display: flex;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: nowrap;
    flex-direction: row;
    width: 100%;
    padding: 0;
}

.feature-list .g-features2-particle-item.headline .list-title {
    font-size: 30px;
    line-height: 1.3;
    text-align: left;
    font-weight: 400;
}


.feature-list > .g-grid > .th .g-content > div,
.list-description {
    font-weight: 600;
}


.list-title, .list-description {
    line-height: 1.3;
}

.g-features2-particle.accordion {
    margin-left: 0;
    margin-right: 0;
}

.g-features2-particle.accordion .g-title.g-main-title {
    margin-top: 0;
}

.accordion-popup-box {
  width: 100%;
  background: rgba(255,255,255,0.2);
  border-radius: 0;
  padding: 30px;
  margin-bottom: 30px;
  overflow: hidden;
  transition: all 0.3s ease;
}

.accordion-popup-box:last-child {
    margin-bottom:0;
}

.accordion-popup-header {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  font-weight: bold;
  align-items: center;
}

.g-features2-particle.accordion .g-title-separator {
    display: none;
}

.g-features2-particle.accordion > .g-particle-intro {
    width: 100%;
    float: left;
}

.g-features2-particle.accordion > .g-grid {
    width: calc(50% - 30px);
    float: left;
    margin-right: 30px;
}

.g-features2-particle.accordion > .g-grid:last-child {
    margin-left: 30px;
    margin-right: 0;
    padding-bottom: 190px;
}


.accordion-popup-header .accordion-popup-toggle {
    transition: 1s;
    font-size: 30px;
    line-height: 1;
    margin-top: -4px;
}

.accordion-open .accordion-popup-header .accordion-popup-toggle {
    rotate: 45deg;
}

.accordion-popup-content {
    color: #ffffff!important;
    margin-top: 0;
    max-height: 0px;
    height: auto;
    transition: 1s;
    transition-delay: 0.3s;
    overflow:hidden;
}

.accordion-popup-title {
    font-size: 20px;
    line-height: 1;
    transition: 1s;
}

.accordion-popup-title-seperator {
    transition: 0.5s;
    width: 0px;
    background: #5EAB0D;
    height: 6px;
    display: block;
    transition-timing-function: ease-in;
    transition-delay: 0s;
    margin-top: 10px;
    margin-bottom: -21px;
}

.accordion-open .accordion-popup-title-seperator {
    width: 70px;
    transition-delay: 0.3s;
}

.accordion-open .accordion-popup-content {
    max-height: 300px;
    margin-top: 40px;
    transition-delay: 0s;
}

.fast-track .g-cta-button .g-cta-desc {
    font-size: 34px;
    line-height: 1.3;
    text-align: center;
    display: block;
}

.fast-track .g-cta-button.style1 .g-cta-inner .g-cta-left {
    width: 100%;
    margin-bottom: 40px;
}

.fast-track .g-cta-right {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 32px;
}

.fast-track #g-extra-footer .g-content {
    padding-top: 0;
    padding-bottom: 0;
}

.fast-track-accordion > .g-container:before {
    content: url('/images/qars/pages/fast-track/QARS_FAST_TRACK _logo_hvid_m_opasitet_20.svg');
    width: 160px;
    height: 150px;
    display: block;
    border-radius: 50%;
    position: absolute;
    z-index: 11;
    right: calc((100% - 75rem)/2);
    bottom: 50px;
}

.g-features-particle-icon.fa.fa-certificate {
    content: url(/images/qars/pages/fast-track/Ikon_check.svg);
    height: 42px;
}

.g-features-particle-item.fast-track-logo {
    position: relative;
}

.g-features-particle-item.fast-track-logo:before {
    content: url(/images/qars/pages/fast-track/QARS_FAST_TRACK_logo.svg);
    display: block;
    height: 200px;
    width: 200px;
    position: absolute;
    right: -40px;
    top: -40px;
}
 
/*******************************************************************************
!   TAKSERINGSSUPPORT
*******************************************************************************/

.takseringssupport .top-billede-container:before {
    content: url('/images/qars/pages/takseringssupport/Takseringssupport _logo-ikon.svg');
    display: block;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    position: absolute;
    z-index: 11;
    right: calc((100% - 75rem) / 2);
    bottom: -90px;
}


.takseringssupport-badge .g-features-particle-image {
    position: relative;
}

.takseringssupport-badge .g-features-particle-image:before {
    content: url('/images/qars/pages/takseringssupport/Takseringssupport _logo-ikon.svg');
    display: block;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    position: absolute;
    right: -60px;
    top: -60px;
}

.takseringssupport div[itemprop="articleBody"] p {
    font-size: 18px;
}

.takseringssupport .g-features-particle p {
    margin-bottom: 15px;
}

.takseringssupport .g-features-particle p:last-child {
    margin-bottom: 0;
}

.takseringssupport .list-with-number-icons ul > li::before {
    background: #e80000;
    content: counter(item);
    font-size: 28px;
}

.takseringssupport .list-with-number-icons ul > li {
    margin-bottom: 30px;
    font-weight: 700;
}

.list-with-number-icons.not-bold ul > li {
    font-weight: 400;
}

.takseringssupport .link-icon a[href^="tel:"]:before {
    content: "\f095";
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 10px;
}

.takseringssupport .link-icon a[href^="mailto:"]:before {
    content: "\f003";
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 10px;
}

.takseringssupport .large-text {
    font-size: 22px;
}

.takseringssupport .large-text p {
    margin-bottom: 5px;
}

.takseringssupport .large-text .normal {
    font-size: 1rem;
    font-weight: bold;
}
.takseringssupport-news {
    background: #F2EFEB;
}


/*******************************************************************************
!   VIDEO OVERLAY
*******************************************************************************/
.video-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: none; /* Skjult som standard */
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

.video-popup {
  padding: 20px;
  border-radius: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.video-popup video {
  display: block;
  max-width: 90vw;
  max-height: 80vh;
  border-radius: 8px;
  width: 1000px;
}

.video-close-btn {
  position: absolute;
  top: -10px;
  right: 18px;
  width: 24px;
  height: 24px;
  background: none;
  border: none;
  cursor: pointer;
}

.video-close-btn::before,
.video-close-btn::after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 2px;
  background-color: white;
  transform-origin: center;
}

.video-close-btn::before {
  transform: rotate(45deg);
}

.video-close-btn::after {
  transform: rotate(-45deg);
}



.video-openVideo {
    position: relative;
    cursor: pointer;
    
}

.video-openVideo .play-icon {
    position: absolute;
    width: 100px;
    top: 50%;
    left: calc(50% + 28px);
    transform: translate(-50%,-50%);
}

.incontainer .g-grid .g-block .video-openVideo img {
    float: none!important;
}

.incontainer .g-grid .g-block:nth-child(even) .video-openVideo img {
    margin-left: auto;
}

.incontainer .g-grid .g-block:nth-child(odd) .video-openVideo img {
    margin-right: auto;
}

/*******************************************************************************
!   PARKERINGSSKADER
*******************************************************************************/


.parkeringsskader-page div[itemprop="articleBody"] {
    display: none;
}

.parkeringsskader-page .top-billede-spacer {
    height: 180px;
}

.parkeringsskader-page #g-mainbar-bottom,
.smabuler-og-ridser #g-mainbar-bottom {
    padding-top: 0;
    padding-bottom: 0;
}

/*******************************************************************************
!   WIDTH
*******************************************************************************/
.width-10 {
    width: 10%;
}

.width-20 {
    width: 20%;
}

.width-25 {
    width: 25%;
}

.width-30 {
    width: 30%;
}

.width-35 {
    width: 35%;
}

.width-40 {
    width: 40%;
}

.width-45 {
    width: 45%;
}

.width-50 {
    width: 50%;
}

.width-55 {
    width: 55%;
}

.width-60 {
    width: 60%;
}

.width-65 {
    width: 65%;
}

.width-70 {
    width: 70%;
}

.width-75 {
    width: 75%;
}

.width-80 {
    width: 80%;
}

.width-90 {
    width: 90%;
}

.width-100 {
    width: 100%;
}

.width-10, .width-20, .width-25, .width-30, .width-35, .width-40, .width-45, .width-50, .width-55, .width-60, .width-65, .width-70, .width-75, .width-80, .width-90 {
    flex: 0 1 auto;
}

.width-10 > .g-content,
.width-20 > .g-content,
.width-25 > .g-content,
.width-30 > .g-content,
.width-35 > .g-content,
.width-40 > .g-content,
.width-45 > .g-content,
.width-50 > .g-content,
.width-55 > .g-content,
.width-60 > .g-content,
.width-65 > .g-content,
.width-70 > .g-content,
.width-75 > .g-content,
.width-80 > .g-content,
.width-90 > .g-content 
{
    width: 100%;
}

/**************************************************************************************************************************************************************
    ! RESPONSIVE
**************************************************************************************************************************************************************/

@media screen and (max-width: 1500px) {
    
    /***************************
    ! SLIDESHOW
    ***************************/
    .slideshow-caption.uk-overlay-background {
        width: 55%;
    }
    
    /***************************
    ! MOD_ARTICLES_LIST
    ***************************/
    /* Article */
    .apromas .top-billede-spacer {
        height: 400px;
    }
    
}

@media screen and (max-width: 1400px) {
    
    /***************************
    ! NAVIGATION
    ***************************/
    #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container {
        font-size: 13px;
    }
    
    /***************************
    ! SLIDESHOW
    ***************************/
    .slideshow-badge {
        top: 20px;
    }
}

@media screen and (max-width: 1300px) {
    
    /***************************
    ! NAVIGATION
    ***************************/
    #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container {
        font-size: 12px;
    }
    
    /***************************
    ! SLIDESHOW
    ***************************/
    .slideshow-caption.uk-overlay-background {
        width: 60%;
    }
    
    /***************************
    ! FAST TRACK
    ***************************/
    .fast-track .top-billede-container:before {
        width: 180px;
        height: 180px;
        bottom: -50px;
    }
    
    /***************************
    ! TAKSERINGSSUPPORT
    ***************************/
    .takseringssupport-badge .g-features-particle-image:before {
        top: -40px;
        right: -40px;
    }
}

@media screen and (max-width: 1200px) {
    
    /***************************
    ! NAVIGATION
    ***************************/
    #g-navigation .g-main-nav .g-toplevel > li {
        padding: 0 0.1rem;
    }
    
    #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container {
        font-size: 10px;
    }
    
    #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container .g-menu-parent-indicator:after {
        width: 0.5rem;
    }
    
    #g-navigation .g-main-nav .g-toplevel {
        line-height: 2.125;
    }
  
    #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
        height: 18px;
        padding: 2px 5px;
  	}
  	
  	.g-main-nav .g-sublevel > li {
  	    margin: 0 10px;
  	}
  	
  	.g-main-nav .g-sublevel > li > .g-menu-item-container {
  	    padding: 5px 0px;
  	}
  	
  	.g-main-nav .g-standard .g-dropdown {
  	    width: 150px!important;
  	}

    
    /***************************
    ! TOPBILLEDE
    ***************************/
    .top-billede h1 {
        width: 75%;
    }
    
    /***************************
    ! STORE-LOCATOR
    ***************************/
    .map-search .types .type {
        font-size: 10px;
    }
    
    /***************************
    ! BLOG / ARTICLE
    ***************************/
    
    .forhandler .mainbar {
        padding-left: 60px;
    }
    
    /***************************
    ! KONTAKT
    ***************************/
    
    .g-features2-particle.kontakt .text {
        width: calc(40% - 50px);
        margin-right: 50px;
    }
    
    .g-features2-particle.kontakt .iframe {
        width: 60%;
        margin-right: 0;
    }
    
    /***************************
    ! SLIDESHOW
    ***************************/
    .slideshow-caption.uk-overlay-background {
        width: 100%;
    }
    
    /***************************
    ! MOD_ARTICLES_LIST
    ***************************/
    
    .integration.custom {
        background-size: 135px;
        background-position: right bottom;
    }
    
    /* Features */
    .incontainer .g-features-particle-item.text.large-padding {
        padding: 50px 0;
    }
    
    .incontainer .g-features-particle-item.text.padding-left .g-content {
        padding-left: 54px;
    }
    
    .incontainer .g-features-particle-item.text.padding-right .g-content {
        padding-right: 40px;
    }
    
    .incontainer img {
        width: calc(100% - 40px);
        max-width: calc(100% - 40px);
    }
    
    /***************************
    ! QARS ESG
    ***************************/
    /* top billede */
    .emission-page .top-billede-container .text-content p{
        font-size: 22px;
    }
}

@media screen and (max-width: 1100px) {
    
    /***************************
    ! NAVIGATION
    ***************************/
    #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container {
        font-size: 11px;
    }
    
    .top-billede-container.buttons-size-5 .top-billede,
    .top-billede-spacer.buttons-size-5,
    .top-billede-container.buttons-size-4 .top-billede,
    .top-billede-spacer.buttons-size-4 {
        height: 500px;
    }
    
    /***************************
    ! QARS ESG
    ***************************/
    /* top billede */
    .emission-page .top-billede-container .text-container::before{
        display: none;
    }
    
    .emission-page .top-billede-container .text-content {
        flex: 1 100%;
    }
}

@media screen and (max-width: 960px) {
    
    :root{
        --nav-height: 65px;
    }
    
    /***************************
    ! OFFCANVAS
    ***************************/
    .g-offcanvas-toggle {
        background: #e80000;
        width: 65px;
        height: 65px;
        line-height: 65px;
    }

    /***************************
    ! NAVIGATION
    ***************************/
    #g-navigation {
        padding: 10px 1.563rem!important;
    }
    
    #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container {
        font-size: 9px;
    }
    
    #g-navigation .g-main-nav .g-toplevel > li {
        padding: 0 3px;
    }
    
    #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {
        padding: 0;
    }
    
    #g-navigation .g-grid:has(.navigation-logo){
        justify-content: flex-end;
        align-items: center;
        width: calc(100% - var(--nav-height));
        margin-right: auto;
    }
    
    #g-navigation .navigation-logo {
        flex: 0 1 85%;
        width: 85%;
        /*order: 1;*/
    }
    
    #g-navigation .g-logo img, 
    #g-navigation .g-logo svg {
        max-height: 45px;
        margin-right: auto;
        margin-left: 0;
    }
    
    #g-navigation .g-block.navigation-a{
        flex: 0 1 15%;
    }
    
    #g-navigation .navigation-a .custom {
        left: 0!important;
        /*float: unset!important;*/
        background: none;    
    }
    
    #g-navigation .navigation-a .custom li {
        display: none;
    }
   
    #g-navigation .navigation-a .custom li:last-child {
        display: block;
        width: 50px;
        height: 50px;
    }
   
    #g-navigation .navigation-a .custom, 
    #g-navigation .g-main-nav {
        position: absolute;
        padding: 0;
        top: 0;
        /*left: 50px;*/
        z-index: 1000;
    }
  
    /*#g-navigation .search {
        width: calc(100% - 200px);
        top: 0px;
        left: 100px;
    }*/
    
    #g-navigation .search input {
        height: 50px;
    }
    
    /***************************
    ! BLOG / ARTICLE
    ***************************/
    .auto_blog h2 {
        font-size: 24px;
    }
    
    .forhandler .mainbar {
        padding-left: 60px;
    }
    
    .forhandler .sidebar {
        margin-bottom: 30px;
        padding: 25px;
    }
    
    .forhandler .map h2 {
        font-size: 50px;
    }
    
    /***************************
    ! STORE-LOCATOR
    ***************************/
    .map-search .types .type {
        width: 100%;
        padding: 1px 15px;
    }
    
    .map-search h3 {
        font-size: 22px;
    }
    
    .map-search .types .types_headline {
        font-size: 15px;
    }
    
    .c-container-img {
        width: 18%;
    }
    
    /***************************
    ! BLOG / ARTICLE
    ***************************/
    .g-cta-button.style1 .g-cta-inner .g-cta-right .button {
        margin-left: 0;
    }
    
    /***************************
    ! FEATURE
    ***************************/
    .g-features-particle-item.text.padding-right .g-content {
        padding-right: 35px;
    }
    
    .g-features-particle-item.text.padding-left .g-content {
        padding-left: 35px;
    }
  
  	body.xpeng .g-features2-particle.buttons .g-grid .g-block {
      	width: 50%;
  	}
  	
  	.forsikring-area .mod-custom, .xpeng-area .mod-custom {
        column-gap: 60px;
    }
    
    .incontainer .g-features-particle-item.text.padding-left .g-content {
        padding-left: 0;
    }
    
    .incontainer .g-features-particle-item.text.padding-right .g-content {
        padding-right: 0;
    }
    
    .incontainer img {
        width: 100%;
        max-width: 100%;
    }
    
    .incontainer .float-left-content {
        justify-content: flex-end;
    }
    
    /***************************
    ! MOD_ARTICLES_LIST
    ***************************/
    .integration.custom {
        background-image: none;
        height: auto;
    }
    
    /***************************
    ! DIGI SHOWCASE
    ***************************/
    .showcase-image-background {
        height: 150px;
    }
    
    /***************************
    ! TOPBILLEDE
    ***************************/
    .top-billede-container{
        top: 65px;
    }
    
    .top-billede h1 {
        font-size: 46px;
    }
    
    .xpeng-area img {
        top: -40px;
    }
    
    /***************************
    ! QARS EMISSIONS
    ***************************/
    .esg .esg-title{
        font-size: 40px;
    }
    
    .esg .esg-text{
        font-size: 18px;
    }
    
    /***************************
    ! QARS ESG
    ***************************/
    .esg-section-intro img{
        height: 110px;
        margin-right: -110px;
    }
    
    .esg-section-intro-title h2{
        font-size: 52px;
    }
    
    .esg-section-intro-title p{
        max-width: 460px;
        font-size: 22px;
    }
    
    .esg-sub-section .esg-sub-section-text{
        padding-right: 15px;
    }
    
    /***************************
    ! FAST TRACK
    ***************************/
    .fast-track .top-billede-container:before {
        width: 120px;
        height: 120px;
        bottom: -50px;
    }
}

@media screen and (max-width: 767px) {
    
    /***************************
    ! GENEREL
    ***************************/
    .desktop-hide {
        display: block;
    }
    
    .mobile-hide {
        display: none;
    }
    
    .col, .platform-content.container {
        padding-left: 0;
        padding-right: 0;
    }
    
    .g-features2-particle.logo .g-grid > div {
        width: 100%;
    }

    .g-features2-particle.logo .g-features2-particle-image,
    .g-features2-particle.logo .g-features2-particle-image img {
        margin-right: auto;
        margin-left: auto;
        float: none;
        display: block;
    }
    
    .g-features2-particle.logo .g-grid {
        gap: 20px 20px;
    }
    
    .customcookiebot {
      margin-top: -40px!important;
    }
  
    .slick-list.draggable {
        margin-left: 0!important;
        margin-right: 0!important;
    }

    .showcase-item .item-content {
        padding-left: 0;
        padding-right: 0;
    }
    
    /***************************
    ! NAVIGATION
    ***************************/
    #g-navigation .navigation-logo .g-logo{
        padding-left: 0;
        padding-right: 0.938rem;
    }
    
   /***************************
    ! FOOTER
    ***************************/
    .social1 {
        display: none;
    }
    
    #g-footer .g-social a {
        margin-top: 0;
        float: left;
    }
    
    #g-footer .g-logo{
        padding-left: 0;
    }
    
    #g-footer .g-block.g-main-nav{
        flex: 1 224px;
    }
    
    #g-footer .g-main-nav .g-toplevel > li {
        position: relative;
        display: block;
        
    }
    
    #g-footer .g-main-nav .g-toplevel > li, #g-footer .g-main-nav .g-toplevel > li > .g-menu-item-container {
        text-align: left;
        float: left;
    }
    
    .g-cta-button.style1 .g-cta-inner .g-cta-right.no-desc {
        flex-direction: column;
    }
    
    /***************************
    ! XPENG-SUBPAGE-2
    ***************************/
    /* c-features-banner */
    .xpeng-subpage-2 .xpeng-area .c-features-banner.style5 .g-particle-intro .g-title{
        font-size: 2.5rem!important;
    }
    
    .xpeng-subpage-2 .xpeng-area .c-features-banner.style5 .g-particle-intro .g-introtext{
        font-size: 1.25rem;
    }
    
    /* boxes */
    .xpeng-subpage-2 .xpeng-boxes{
        background: linear-gradient(180deg, #f8f6f4 50%, #f3f0ec 50%);
    }
    
    .xpeng-subpage-2 .xpeng-boxes .mainbar-boxes-a,
    .xpeng-subpage-2 .xpeng-boxes .mainbar-boxes-b{
        padding-inline: 0;
        margin-inline: 0;
    }
   
    /***************************
    ! SLIDESHOW
    ***************************/
   .g-slideshow .g-slideshow-desc {
       display: block;
   }
   
   .slideshow-caption.uk-overlay-background {
       width: 100%;
   }
   
   .g-slideshow-buttons, .slideshow-sup-buttons > .c-container {
        flex-direction: column;
    }
    
    .slideshow-sup-buttons > .c-container {
        gap: 10px;
    }
    
    body.forside .slideshow-sup-buttons .button {
        padding: 12px 16px;
        flex: 1;
        font-size: 14px;
    }
    
    .g-slideshow-desc {
        font-size: 42px;
    }
    
    .slideshow-caption {
        margin-bottom: 280px!important;
    }
    
   .slideshow-badge img {
       width: 100px;
       height: 100px;
   }
   
   .slideshow-badge {
        right: 5%;
    }
    
    .g-slideshow .uk-overlay-panel {
        padding: 20px;
    }
   
    /***************************
    ! TOPBILLEDE
    ***************************/
    .top-billede h1 {
        width: 100%;
        font-size: 36px;
    }
    
    .fast-track-book h2 {
        font-size: 24px;
    }
    
    .top-billede, .top-billede-spacer, .layout-g5_heliumforhandler .top-billede-spacer {
        height: 440px;
    }
    
    .parkeringsskader-page .top-billede-spacer {
        height: 320px;
    }
    
    .gratis-lanebil .top-billede-spacer{
        height: 380px;
    }
    
    .top-billede p {
        font-size: 20px;
    }
    
    .top-billede-container.buttons-size-5 .top-billede,
    .top-billede-spacer.buttons-size-5 {
        height: 600px;
    }
   
    /***************************
    ! FEATURES
    ***************************/
   .forside #g-intro .g-title, .forside #g-intro .custom {
       width: 100%;
   }
   
   .g-features-particle-item.text.padding-right .g-content, .g-features-particle-item.text.padding-left .g-content  {
        /*margin: 0.625rem;*/
        padding: 1.563rem;
    }
   
   .g-features-particle-item.background-image {
       width: 100%;
       height: 400px;
   }
   
   .forside #g-utility .g-features-particle .g-grid:first-child {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
   }
   
   .forside #g-utility .g-features-particle .g-grid:first-child .g-features-particle-item.background-image.background-image {
       -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        box-ordinal-group: 2;
   }
   
   .forside #g-utility .g-features-particle .g-grid:first-child .g-features-particle-item.background-image.text  {
       -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        box-ordinal-group: 1;
   }
   
   .autolakering #g-mainbar-last .g-features-particle .g-grid {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
   }
   
   .autolakering #g-mainbar-last .g-features-particle .g-grid .g-features-particle-item.background-image.background-image {
       -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        box-ordinal-group: 2;
   }
   
   .autolakering #g-mainbar-last .g-features-particle .g-grid .g-features-particle-item.background-image.text  {
       -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        box-ordinal-group: 1;
   }
   
   .g-features-particle, .g-features2-particle {
       margin: 0;
   }
   
    .forsikring-area .mod-custom, .xpeng-area .mod-custom  {
       columns: 1!important;
   }
   
   .motorcykler .module-link-to-button a,
    .interior .module-link-to-button a {
        margin-top: 0;
        margin-bottom: 0;
    }
    
    .motorcykler .module-link-to-button .mod-custom.custom,
    .interior .module-link-to-button .mod-custom.custom {
        display: flex;
        flex-direction: column;
    }
    
    .motorcykler .module-link-to-button .mod-custom.custom h1 + p,
    .interior .module-link-to-button .mod-custom.custom h1 + p {
        order: 99;
    }

   
   .incontainer .g-features-particle-item.text.large-padding {
        padding: 0 0 30px;
    }
    
    .incontainer .half-container-content {
        order: 2;
    }
    
    .incontainer .g-grid > .g-block > .g-content {
        padding-left: 0;
        padding-right: 0;
    }
    
    .forsikring-area-last .mainbar-last-a {
        margin-bottom: 0;
    }
    
    .forsikring-area-last {
        padding: 20px 0;
    }
   
   .forsikring-area .g-title {
       width: 100%;
   }
   
   /***************************
    ! FEATURE BUTTONS
    ***************************/
    .g-features2-particle.buttons .g-features2-particle-item {
        width: 100%;
        flex: 100%;
        margin-bottom: 40px!important;
    }
    
    .g-features2-particle.buttons .g-features2-particle-item:nth-last-child(-n+1) {
         margin-bottom: 0!important;
    }
    
    body.xpeng .g-features2-particle.buttons .g-grid .g-block {
      	width: 100%;
      	margin-bottom: 35px;
      	margin-top: 0!important;
  	}
  
    body.xpeng .g-features2-particle.buttons .g-grid {
        margin-bottom: -35px;
      	margin-top: 50px;
    }
  
    body.xpeng .g-features2-particle.buttons .g-features-particle-button {
      	margin-top: 15px;
    }
    
    .nio-page #g-extra-footer.xpeng-cta .g-block .g-content {
        padding-top: 0;
        padding-bottom: 0;
    }
    
    #g-extra-footer.xpeng-cta .nio-cta-title h3.g-title {
        font-size: 42px;
    }
   
    /***************************
    ! MOD_ARTICLES_LIST
    ***************************/
    
    .article_list_grid {
        flex-wrap: wrap;
        position: relative;
    }
    
    .article_list_grid > div {
        flex: 100%;
        position: relative;
    }
    
    .article_list_grid:nth-child(even) > div .half-container, .article_list_grid:nth-child(odd) > div .half-container {
        width: 30rem;
        max-width: 100%;
        padding-left: calc(0.625rem + 0.938rem);
        padding-right: calc(0.625rem + 0.938rem);
        float: none;
    }
    
    .article_list_grid .articles_list-text {
        order: 1;
        max-width: 100%;
    }
    
    .article_list_grid .articles_list-image {
        order: 2;
        height: 400px;
        max-width: 100%;
        
    }
    
    /* Article */
    .apromas .top-billede-spacer {
        height: 300px;
    }
   
   
    /***************************
    ! CTA
    ***************************/
    .g-cta-inner .g-cta-right.no-desc .button:last-child {
        margin: 0;
    }
    
    .g-cta-button.style1 .g-cta-inner {
        padding: 30px 0;
    }
    
    
    /***************************
    ! BLOG
    ***************************/
    .auto_blog .readmore {
        margin-bottom: 50px;
    }
    
    .forhandler .mainbar {
        margin-bottom: 50px;
        padding: 0;
    }
    
    /***************************
    ! STORE-LOCATOR
    ***************************/
    .map-search, #map-canvas {
        width: 100%!important;
        padding: 0!important;
        margin-top: 40px;
    }
    
    .data-part {
        padding-top: 40px;
    }
    
    #store-data .store > * {
        padding: 0;
    }
    
    #store-data .btn.btn-primary {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    
    .c-container-img {
        width: 14%;
    }
    
    .c-container-img img {
        height: 180px;
    }
    
    /***************************
    ! FORHANDLERLISTE
    ***************************/
    body.map-page #g-above {
        background-repeat: no-repeat;
        background-position: 85% 106%;
        background-size: 300px;
    }
    
    /***************************
    ! KONTAKT
    ***************************/
    
    .g-features2-particle.kontakt .text {
        width: 100%;
        margin-right: 0;
        margin-bottom: 50px;
    }
    
    .g-features2-particle.kontakt .iframe {
        width: 100%;
        height: 500px;
    }
    
   
    
    /***************************
    ! COL
    ***************************/
    .emission-page .col, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        width: 100%;
        padding: 0;
    }
    
    
    /***************************
    ! News
    ***************************/
    
    .news-section {
        padding: 1rem 0;
        width: 100%;
        float: left;
        display: block;
        float: left;
    }
    
    .news-section .news-flex {
        flex-wrap: wrap;
    }
    
    .news-section .news-flex-item, .news-section .news-flex .news-flex-item.text, .news-section .news-flex .news-flex-item.image, .news-section:nth-child(even) .news-flex .news-flex-item.text {
        width: 100%;
        flex: 0 100%;
        padding: 0;
    }
    
    .news-section:nth-child(odd) .news-flex-item.image {
        order: 1;
    }
    
    .news-section:nth-child(odd) .news-flex-item.text {
        order: 2;
    }
    
    .news-section img {
        margin-top: 0;
        width: 100%;
    }
    
    .subheading-category {
        margin-bottom: -55px;
    }
    
    .news-section .c-container {
        padding-left: 0!important;
        padding-right: 0!important;
    }
    
    /***************************
    ! DIGI SHOWCASE
    ***************************/
    .showcase-image-background {
        height: 220px;
    }
  
  
  	/***************************
    ! QARS BUSINESS
    ***************************/
    .qars-business #g-intro h2 {
        margin-top: 0
    }

    .qars-business #g-above ul li {
        width: 100%;
    }
    
    /***************************
    ! QARS EMISSIONS
    ***************************/
    .esg .row > div{
        width: 100%;
    }
    
    .esg .esg-text{
        font-size: 18px;
    }
    
    /***************************
    ! QARS ESG
    ***************************/
    /* top billede */
    .emission-page .top-billede-container .text-content p{
        font-size: 20px;
    }
    
    .esg-section-intro{
        flex-direction: column;
        align-items: flex-start;
    }
    
    .esg-section-intro img{
        height: 100px;
    }
    
    .esg-section-intro-title{
        margin-inline: 0;
        text-align: left;
    }
    
    .esg-section-intro-title h2{
        font-size: 40px;
        margin: 0;
    }
    
    .esg-section-intro-title p{
        max-width: 460px;
        font-size: 18px;
    }
    
    .esg-sub-section .esg-sub-section-text > ul{
        padding-left: 8px;
    }
    
    /* charts */
    .esg-chart-overview h2{
        font-size: 36px;
    }
    
    .esg-chart-overview h6{
        font-size: 20px;
    }
    
    /***************************
    ! FORM CHRONOFORMS
    ***************************/
    .form-50-container .field {
        width: calc(100% - 30px);
    }
    
    .nui.form .field > label[for="navn"] {
        margin-top: 20px;
    }
    
    /***************************
    ! FAST TRACK
    ***************************/
    .fast-track div[itemprop="articleBody"] p a {
        margin-bottom: 0.5rem;
    }
    
    .fast-track div[itemprop="articleBody"] p:last-child a:last-child {
        margin-bottom: 0;
    }
    
    .fast-track-padding > .g-container {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
    .fast-track div[itemprop="articleBody"] > *:first-child {
        margin-top: 20px;
    }
    
    .fast-track div[itemprop="articleBody"] {
        padding-bottom: 0;
    }
    
    .fast-track .incontainer.icons .g-grid {
        margin-bottom: 0;
    }
    
    .fast-track .incontainer.icons .g-grid > .features2-icons {
        margin-bottom: 30px;
    }
    
     .fast-track .incontainer.icons .g-grid:last-child > .features2-icons:last-child {
        margin-bottom: 0;
    }
    
    .g-features2-particle.list {
        flex-direction: column;
    }
    
    .g-features2-particle.list > div.g-particle-intro,
    .g-features2-particle.list > .feature-list {
        width: 100%;
    }
    
    .g-features2-particle.list > div.g-particle-intro {
        padding-right: 0;
        margin-bottom: 20px;
    }
    
    .g-features2-particle.accordion > .g-grid, 
    .g-features2-particle.accordion > .g-grid:last-child {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 30px;
    }
    
    .g-features2-particle.accordion > .g-grid:last-child {
        margin-bottom: 0;
    }
    
    .fast-track-accordion.fast-track-padding > .g-container {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    
    .
    
    /***************************
    ! WIDTH
    ***************************/
    .width-10, .width-20, .width-25, .width-30, .width-35, .width-40, .width-45, .width-50, .width-55, .width-60, .width-65, .width-70, .width-75, .width-80, .width-90 {
        width: 100%;
    }
    
    /***************************
    ! TAKSERINGSSUPPORT
    ***************************/
    .takseringssupport-badge .g-features-particle-image:before {
        width: 150px;
        height: 150px;
        top: -30px;
        right: -20px;
    }
    
    /***************************
    ! PARKERINGSSKADER
    ***************************/
    .parkering-fasttrack .g-features-particle-item:first-child {
        padding-bottom: 0!important;
    }
    
    .parkering-fasttrack .g-features-particle-item:last-child {
        padding-top: 0!important;
    }
    
    .g-features-particle-item.large-headlines .g-features-particle-title, 
    .g-features-particle-item.large-headlines .g-features-particle-desc {
        font-size: 34px!important;
    }
}


@media screen and (max-width: 480px) {
    
    /***************************
    ! NAVIGATION
    ***************************/
    
    /*#g-navigation .search {
        width: calc(100% - 100px);
    }*/
    
    /***************************
    ! INTRO
    ***************************/
    .forside #g-intro .g-title, .apromas #g-intro h3 {
        text-align: center;
        font-size: 36px;
    }
    
    /***************************
    ! XPENG-SUBPAGE-2
    ***************************/
    /* c-features-banner */
    .xpeng-subpage-2 .xpeng-area .c-features-banner.style5 .g-particle-intro .g-title{
        font-size: 2.25rem!important;
    }
    
    /***************************
    ! TOPBILLEDE
    ***************************/
    .top-billede h1 {
        font-size: 34px;
    }
    
    .fast-track-book h2 {
        font-size: 20px;
    }
    
    .top-billede-container.longword .top-billede h1 {
        font-size: 28px;
    }
    
    .top-billede, .top-billede-spacer {
        height: 350px;
    }
    
    .buttons-size-3 .top-billede,
    .buttons-size-4 .top-billede, 
    .buttons-size-5 .top-billede, 
    .buttons-size-6 .top-billede{
        height: 520px!important;
    }
    
    .buttons-size-3.top-billede-spacer,
    .buttons-size-4.top-billede-spacer, 
    .buttons-size-5.top-billede-spacer, 
    .buttons-size-6.top-billede-spacer {
        height: 480px!important;
    }
    
    .parkeringsskader-page .top-billede-spacer {
        height: 230px;
    }
    
    .gratis-lanebil .top-billede-spacer{
        height: 300px;
    }
    
    .top-billede a {
        width: 90%;
        margin: 0;
        margin-bottom: 20px;
    }
    
     .top-billede-container.buttons-size-5 .top-billede,
    .top-billede-spacer.buttons-size-5 {
        height: 700px;
    }
    
    .g-slideshow-desc {
        font-size: 32px;
    }
    
    /***************************
    ! STORE-LOCATOR
    ***************************/
    #map-canvas {
        height: 370px!important;
    }
    
    .c-container-img img {
        height: 272px;
    }
    
    .c-container-img {
        width: 30%;
        margin-top: -89px;
    }
    
    /***************************
    ! BLOG
    ***************************/
    
    .item-page.forhandler .row {
        margin: 0;
    }
    
    .forhandler .omrader li {
        width: 100%;
    }
    
    /***************************
    ! SLIDESHOW
    ***************************/
    
    .g-slideshow .uk-overlay-panel {
        padding: 20px;
    }
    
    .g-slideshow .uk-overlay-panel {
        top: 5px;
        right: 5px;
    }
    
    .slideshow-badge img {
        width: 80px;
        height: 80px;
    }
    
    .slideshow-sup-buttons {
        width: 100%;
    }
    
    /***************************
    ! MOD_ARTICLES_LIST
    ***************************/
    .apromas #g-testimonials .testimonials-a img {
        margin-top: -40px;
        margin-bottom: 10px;
    }
    
    /***************************
    ! DIGI SHOWCASE
    ***************************/
    .showcase-image-background {
        height: 150px;
    }
    
    .top-billede-container .topimage-logo {
        display: none;
    }
    
    /***************************
    ! FAST TRACK
    ***************************/
    
    .g-features-particle-item.fast-track-logo:before {
        height: 150px;
        width: 150px;
        right: -20px;
        top: -50px;
    }
    
    .subfeature-buttons .button {
        width: 100%;
        margin-right: 0!important;
    }
}

@media screen and (max-width: 420px) {
    .charts .tab{
        min-width: 135px;
    }
}

@media screen and (max-width: 375px) {
    
    /***************************
    ! BUTTON
    ***************************/
    .button, .button.standard, .top-billede a,.g-cta-button.style1 .g-cta-inner .g-cta-right .button {
        font-size: 12px;
    }
    
    /***************************
    ! INTRO
    ***************************/
    .forside #g-intro h3.g-title, .apromas #g-intro h3, .custom.integration h2 {
        font-size: 26px;
    }
    
    .forside #g-intro .custom, .apromas #g-intro .custom, .custom.integration p {
        font-size: 18px;
    }
    
    /***************************
    ! CTA
    ***************************/
    .g-cta-button.style1 .g-cta-inner .g-cta-left.no-desc .g-cta-title,
    .jmoddiv h3,
    .subheading-category,
    #g-extra-footer h3 {
        font-size: 32px;
    }
    
    /***************************
    ! TOPBILLEDE
    ***************************/
    .top-billede h1 {
        font-size: 28px;
    }
    
    .fast-track-book h2 {
        font-size: 18px;
    }
    
    
    .top-billede-container.longword .top-billede h1 {
        font-size: 26px;
    }
    
    .apromas .top-billede h1 {
        font-size: 24px;
    }
    
    /***************************
    ! SLIDESHOW
    ***************************/
    
    .g-slideshow .uk-overlay-panel {
        padding: 45px;
    }
    
    .g-slideshow-desc {
        font-size: 28px;
    }
    
    .g-slideshow .slideshow-caption.uk-overlay-background {
        padding: 12px;
    }
    
    /***************************
    ! SOCIAL
    ***************************/
    
    .g-social.checklist social .fa-check {
        margin-right: 10px;
        width: 25px;
        float: left;
    }
    
    .g-social.checklist social {
        line-height: 1.3;
        margin-bottom: 10px;
        width: 100%;
        float: left;
    }
    
    .g-social.checklist .g-social-text {
        width: calc(100% - 35px);
        float: left;
    }
    
    /***************************
    ! TESTIMONIALS
    ***************************/
    .apromas #g-testimonials .testimonials-a img {
        height: auto;
        margin-top: 0;
        margin-bottom: 0;
    }
  	
  	/***************************
    ! QARS BUSINESS
    ***************************/
    .qars-business #g-intro h2 {
      	font-size: 30px;
    }
    
    /***************************
    ! QARS EMISSIONS
    ***************************/
    .esg .esg-link{
        font-size: 16px;
    }
}


@media screen and (max-width: 350px) {
    /***************************
    ! INTRO
    ***************************/
    .forside #g-intro h3.g-title, .apromas #g-intro h3, .custom.integration h2 {
        font-size: 22px;
    }
    
    .forside #g-intro .custom, .apromas #g-intro .custom, .custom.integration p {
        font-size: 16px;
    }
}

@media only screen and (max-width: 1200px) {
    
    .half-container, .half-container-content .g-content {
        width: 410px;
    }
    
    .c-container, .nyheder.view-article #g-container-main > .g-container {
        width: 60rem;
    }
    
    .fast-track .top-billede-container:before {
        right: calc((100% - 60rem) / 2);
    }
    
}

@media only screen and (max-width: 960px) {
    
   .half-container, .half-container-content .g-content {
        width: 314px;
    }
    
    .c-container, .nyheder.view-article #g-container-main > .g-container {
        width: 48rem;
    }
    
    .fast-track .top-billede-container:before {
        right: calc((100% - 48rem) / 2);
    }
    
}

@media only screen and (max-width: 767px) {
    
   .half-container, .half-container-content .g-content {
        width: 30rem;
        margin: 0 auto;
        float: none;
    }
    
    .c-container, .nyheder.view-article #g-container-main > .g-container {
        width: 30rem;
    }
    
    .fast-track .top-billede-container:before {
        right: calc((100% - 30rem) / 2);
    }
    
}

@media only all and (max-width: 30rem) {
    .half-container, .half-container-content .g-content, .c-container, .nyheder.view-article #g-container-main > .g-container {
        width: 100%;
        max-width: 100%;
        float: left;
        margin: 0;
    }
    
    .nyheder.view-article #g-container-main > .g-container {
        float: none;   
    }
    
    .fast-track .top-billede-container:before {
        right: 20px;
    }
}