*,*::before,*::after { box-sizing: border-box; }
@font-face { font-family: 'Fontawesome'; font-style: normal; font-weight: 300; font-display: block; src: url("//thedevelopers.blob.core.windows.net/fonts-fa-pro-5-14-0/fa-light-300.eot"); src: url("//thedevelopers.blob.core.windows.net/fonts-fa-pro-5-14-0/fa-light-300.eot?#iefix") format("embedded-opentype"), url("//thedevelopers.blob.core.windows.net/fonts-fa-pro-5-14-0/fa-light-300.woff2") format("woff2"), url("//thedevelopers.blob.core.windows.net/fonts-fa-pro-5-14-0/fa-light-300.woff") format("woff"), url("//thedevelopers.blob.core.windows.net/fonts-fa-pro-5-14-0/fa-light-300.ttf") format("truetype"), url("//thedevelopers.blob.core.windows.net/fonts-fa-pro-5-14-0/fa-light-300.svg#fontawesome") format("svg"); }
@font-face { font-family: 'FontawesomeBrands'; font-style: normal; font-weight: 400; font-display: block; src: url("//thedevelopers.blob.core.windows.net/fonts-fa-pro-5-14-0/fa-brands-400.eot"); src: url("//thedevelopers.blob.core.windows.net/fonts-fa-pro-5-14-0/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("//thedevelopers.blob.core.windows.net/fonts-fa-pro-5-14-0/fa-brands-400.woff2") format("woff2"), url("//thedevelopers.blob.core.windows.net/fonts-fa-pro-5-14-0/fa-brands-400.woff") format("woff"), url("//thedevelopers.blob.core.windows.net/fonts-fa-pro-5-14-0/fa-brands-400.ttf") format("truetype"), url("//thedevelopers.blob.core.windows.net/fonts-fa-pro-5-14-0/fa-brands-400.svg#fontawesome") format("svg"); }

:root {
    --clr-background: #fff;
    --clr-text: #363636;
    --clr-nav-text: #666;
    --clr-accent: #0faed7;
    --clr-border: #df1313;
    --clr-border-light: #e9e9e9;
    --clr-footer-background: #2d2d2d;
    --clr-footer-text: #fff;
    --clr-panel: #f6f6f6;
    --clr-button: #9ea9af;
    --clr-button-text: #fff;
    --clr-buttonicon: #666;
    --clr-buttonicon-text: #fde73e;
    --clr-marker: #df1313;
    --clr-input: #f6f6f6;
    --clr-input-text: #666;
    --font-body: 'Open Sans';
    --font-size: 14px;
    --font-header-links: 'Roboto';
    --font-header-links-size: 14px;
    --font-input: 'Open sans';
    --font-input-size: 14px;
}

body { margin: 0; padding: 0; background-color: var(--clr-background); font-family: var(--font-body); font-size: var(--font-size); color: var(--clr-text); overflow-y: scroll; }

a { text-decoration: none; color: inherit; }

h2, h3 { font-family: Roboto; font-weight: 500; text-transform: uppercase; text-align: center; padding: 0; margin: 16px 0; }

input[type=text], textarea { font-family: var(--font-input); font-size: var(--font-input-size); }

.accent-heading { font-family: Roboto; font-weight: bold; font-size: 18px; color: var(--clr-text); text-align: left; }
.accent-heading:after { display: block; content: ''; margin-top: 10px; width: 20px; height: 2px; background: #e01a1a; }

.checklist li { list-style-type: none; margin: 15px 0 0 38px; line-height: 22px; font-size: 16px; }
.checklist li:before { content: '\f00c'; float: left; margin: -3px 0 0 -38px; background: #f4f4f4; border-radius: 50%; width: 28px; height: 28px; line-height: 28px; text-align: center; font-family: Fontawesome; font-size: 14px; }

.page-content { margin: 0 auto; max-width: 1265px; padding: 0 21px; }

/* Page */

header { color: var(--clr-nav-text); box-shadow: rgba(0,0,0,0.15) 0 0 6px; }
header .page-content { height: 70px; display: flex; justify-content: space-between; }
header .logo { align-self: center; }
header .logo img { display: block; }
header .links { justify-self: end; height: 100%; font-family: var(--font-header-links); font-weight: 500; }
header .links div { display: flex; column-gap: 30px; transition-property: right; transition-duration: 0.2s; }
header .links a { display: inline-block; color: var(--clr-nav-text); padding: 2px 0; height: 100%; line-height: 66px; text-transform: uppercase; }
header .links a.active { border-bottom: 2px solid var(--clr-border); padding-bottom: 0; }
header .menu-icon { display: none; }

content {}

footer { background: var(--clr-footer-background); color: var(--clr-footer-text); }
footer .page-content { padding-top: 60px; padding-bottom: 20px; }
footer .logo { display: block; margin: 0 0 25px; }
footer .logo img { display: block; }

footer .infoWrapper { display: flex; flex-wrap: wrap; column-gap: 21px; grid-row-gap: 40px; justify-content: space-between; }
footer .infoWrapper > div { min-width: 290px; }

footer h3 { margin-bottom: 10px; text-align: left; font-size: 14px; }
footer a { display: block; }

footer .footerSection { }

footer .footerSection.openingHours {}
footer .footerSection.about {}
footer .footerSection.social {}
footer .footerSection.info {}

footer .openingHours div { overflow: hidden; width: 200px; line-height: 26px; }
footer .openingHours label { float: left; }
footer .openingHours span { float: right; }

footer .footerSection.about a { line-height: 26px; }

footer .footerSection.social a { margin-bottom: 10px; line-height: 26px; }
footer .footerSection.social span { float: left; font-family: FontawesomeBrands; font-size: 28px; width: 40px; }

footer .info .address { margin-bottom: 10px; line-height: 20px; }
footer .info .info-group { clear: both; overflow: hidden; margin-bottom: 10px; line-height: 20px; }
footer .info .info-group span { }
footer .info .info-group span:nth-of-type(odd) { clear: both; float: left; width: 60px; }
footer .info .info-group span:nth-of-type(even) { float: left; }

.covidmodal { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(128,128,128,0.5); justify-content: center; z-index: 1; }
.covidmodal.show { display: flex; }
.covidmodal > div { position: relative; align-self: center; width: 1200px; background: #fff; padding: 40px 65px; }
.covidmodal img { height: 30px; }
.covidmodal a { position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; text-align: center; font: 28px/30px Fontawesome; }
.covidmodal .covidheader { margin: 0 0 45px; }
.covidmodal .covidcontent { }

/* Index */

content.index-content { display: block; padding-bottom: 150px; color: var(--clr-text); }

.infoText { padding: 5px; height: 72px; align-items: center; background-color: #a8a8a8; border-bottom: 2px solid var(--clr-border); border-top: 2px solid var(--clr-border); color: var(--clr-footer-text); display: grid; }
.infoText a { text-align: center; }

.main-image img { display: block; max-width: 100%; }

.temporary-message { padding: 20px 20px 0; text-align: center; font-size: 20px; font-weight: bold; }

.content-headings { position: relative; margin-top: 60px; margin-bottom: 40px; }
.content-headings:before { content: ''; position: absolute; left: 50%; bottom: 0; margin: 0 0 -14px -25px; width: 50px; border-bottom: 1px solid #df1313; }
.content-headings:after { content: ''; position: absolute; left: 50%; bottom: 0; margin: 0 0 -23px -60px; width: 120px; border-bottom: 2px solid #df1313; }

.latestCars { width: 100%; display: flex; flex-wrap: wrap; column-gap: 21px; grid-row-gap: 21px; padding-bottom: 42px; }

.grades { grid-row: 4; grid-column: left / right; width: 100%; }

/* Car */

.car { position: relative; display: flex; flex-direction: column; max-width: 290px; font-weight: 600; color: var(--clr-text); }

.car .image { position: relative; }
.car .image img { display: block; }
.car .image span { position: absolute; bottom: 0; left: 0; width: 80px; height: 25px; text-align: center; line-height: 25px; background-color: #363636; color: #fff; }

.car .image .badges { position: absolute; left: -1px; top: 3px; }
.car .image .badges div { margin: 2px 0; float: left; clear: both; background: var(--clr-button); padding: 4px 10px; color: var(--clr-button-text); }
.car .image .badges div.hide { display: none; }

.car .infoWrapper { border: 1px solid #e9e9e9; background: #fff; padding: 10px; display: flex; flex-direction: column; flex-grow: 1; }

.car .title { padding: 5px 0; font-size: 22px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.car .description { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.car .carInfo { margin: 10px 0; font-size: 12px; color: #666; }
.car .carInfo > span { margin-right: 10px; }
.car .carInfo > span.hide { display: none; }
.car .carInfo span:before { margin-right: 5px; font-family: Fontawesome; font-size: 14px; font-weight: normal; color: #ccc; }
.car .carInfo .carInfoMiles:before { content: '\f3fd'; }
.car .carInfo .carInfoFuel:before { content: '\f52f'; }
.car .carInfo .carInfoGearBox:before { content: '\f085'; }
.car .carInfo .carInfoImage { display: none; }

.car .tagCloud { margin: 5px 0 15px; }
.car .tagCloud span { padding: 1px 10px; margin: 0 5px 5px 0; background-color: var(--clr-panel); font-size: 10px; color: #666; float: left; }

.car .priceWrapper { margin-top: auto; }
.car .price { position: relative; background-color: #363636; color: #fff; height: 30px; line-height: 30px; text-align: center; }
.car .price .current { display: none; }
.car .price .normal {}
.car .price.hascurrent .current { display: inline; color: #f66; font-weight: bold; }
.car .price.hascurrent .normal { margin-left: 5px; font-size: 11px; text-decoration: line-through; color: #ccc; }
.car .pricepermonth { position: relative; margin-top: 5px; background-color: var(--clr-button); color: var(--clr-button-text); height: 30px; line-height: 30px; text-align: center; }
.car .pricepermonth.empty { background: #ccc; }
.car .pricepermonth.empty .icon { display: none; }

.car .price .icon { position: absolute; right: 0; top: 0; width: 16%; height: 100%; text-align: right; padding-right: 8px; background: var(--clr-buttonicon); color: var(--clr-buttonicon-text); font-family: Fontawesome; font-weight: normal; font-size: 14px; clip-path: polygon(0 0, 100% 0, 100% 100%, 44% 100%); }
.car .price .icon.hide { display: none; }
.car .pricepermonth .icon { position: absolute; left: 0; top: 0; width: 16%; height: 100%; text-align: left; padding-left: 9px; background: var(--clr-buttonicon); color: var(--clr-buttonicon-text); font-family: Fontawesome; font-weight: normal; font-size: 14px; clip-path: polygon(0 0, 56% 0, 100% 100%, 0 100%); }

.car .PricePopup { display: none; position: absolute; right: 8px; bottom: 86px; width: 234px; box-shadow: rgba(0,0,0,0.5) 0 2px 4px; background: #666; padding: 10px; color: #fff; font-size: 12px; line-height: 1.3em; }
.car .PricePopup span { position: relative; z-index: 1; }
.car .PricePopup div { font-size: 14px; font-weight: 600; }
.car .PricePopup:before { content: ''; position: absolute; right: 8px; bottom: -5px; width: 20px; height: 20px; transform: rotate(45deg); background: #666; }

.car .FinancePopup { display: none; position: absolute; left: 8px; bottom: 51px; width: 234px; box-shadow: rgba(0,0,0,0.5) 0 2px 4px; background: #007B84; padding: 10px 10px 20px; color: #fff; font-size: 12px; line-height: 1.3em; clip-path: polygon(0 0, 100% 0, 100% 90%, 5% 90%, 9% 100%, 13% 90%, 0 90%); }
.car .FinancePopup img { display: block; }
.car .FinancePopup span { position: relative; z-index: 1; }

/* Buy */

content.menu-content { display: grid; grid-template-columns: 290px 1fr; column-gap: 21px; }

.left-menu { grid-column: 1; display: flex; flex-direction: column; margin-bottom: 120px; }

.carFilters-icon { display: none; }

.carFilters { border: 1px solid var(--clr-border-light); margin-top: 57px; font-weight: 600; transition-property: left; transition-duration: 0.2s; }
.carFilters h2 { margin: 16px 15px; }
.carFilters .count { overflow: hidden; padding: 3px 15px 34px; line-height: 20px; }
.carFilters .count span { float: left; }
.carFilters .carCount { margin-right: 10px; font-size: 18px; color: var(--clr-accent); }

.carFilters .filters { border-top: 1px solid var(--clr-border-light); padding: 15px 15px 10px 12px; }
.carFilters .filters .name { padding: 0 0 5px 3px; line-height: 20px; cursor: pointer; }
.carFilters .filters .name:after { content: '\f078'; float: right; font-family: Fontawesome; font-size: 12px; }
.carFilters .filters .short { padding-left: 3px; color: #ccc; }
.carFilters .filters .items { display: none; padding: 5px 15px 5px 0; }
.carFilters .filters .items label { display: block; line-height: 30px; }
.carFilters .filters .items input[type=checkbox] { width: 20px; height: 20px; vertical-align: middle; }
.carFilters .filters .items label span { margin-left: 5px; }
.carFilters .filters.expanded .name:after { content: '\f077'; }
.carFilters .filters.expanded .short { display: none; }
.carFilters .filters.expanded .items { display: block; }

.ListTools { grid-column: 4; border: 1px solid var(--clr-border-light); margin: 57px 0 21px; }

.Search { position: relative; padding: 10px; }
.Search input { width: 100%; display: block; padding: 11px; background: var(--clr-input); color: var(--clr-input-text); border: none; font-family: var(--font-input); }
.Search input::placeholder, .Search input:-ms-input-placeholder, .Search input:-ms-input-::-ms-input-placeholder { color: #666; opacity: 1; }
.Search a { position: absolute;  right: 20px; top: 21px; font-family: Fontawesome; font-size: 18px; }

.Sort { padding: 0 13px; display: flex; justify-content: flex-end; }
.Sort a { display: block; margin-left: 5px; height: 40px; line-height: 30px; padding: 3px 5px 7px; font-family: Roboto; font-weight: 500; text-transform: uppercase; font-size: 12px; }
.Sort a.active { border-bottom: 2px solid var(--clr-border); }
.Sort a.active:after { padding-left: 5px; font-family: Fontawesome; font-size: 13px; }
.Sort a.active.up:after { content: '\f077'; }
.Sort a.active.down:after { content: '\f078'; }

.carWrapper { grid-column: 2; padding-bottom: 120px; }

.cars { display: flex; flex-wrap: wrap; grid-column: 1 / -1; width: 100%; flex-direction: row; column-gap: 21px; grid-row-gap: 21px; }
.cars.sorting > a { position: absolute; }

/* Sell */

.sellCarWrapper { padding-top: 50px; padding-bottom: 120px; display: flex; flex-wrap: wrap; column-gap: 21px; }

.widgetWrapper { width: 601px; }

.informationWrapper { width: 601px; }

/* Detail */

.detailsWrapper { margin-top: 30px; margin-bottom: 120px; display: grid; grid-template-columns: 1fr 290px; column-gap: 21px; grid-row-gap: 21px; }
.detailsWrapper .back-link { display: block; font-size: 16px; background: #fde73e; width: 120px; text-align: center; padding: 4px 0px; color: #666; font-weight: bold; }

.details { grid-column: 1; display: flex; flex-direction: column; min-width: 100%; }
.mainimage { position: relative; }
.mainimage img { width: 100%; }
.mainimage .zoom-icon, .mainimage .arrow { position: absolute; background: #fff; width: 40px; height: 40px; text-align: center; font: 24px/40px Fontawesome; cursor: pointer; }
.mainimage .zoom-icon { right: 0; bottom: 0; }
.mainimage .arrow { top: 50%; margin-top: -20px; }
.mainimage .left { left: 0; }
.mainimage .right { right: 0; }

.Zoom { position: fixed; left: 20px; top: 20px; right: 20px; bottom: 20px; border: 1px solid var(--clr-border); background: #fff; padding: 10px 10px 0; overflow: auto; }
.Zoom img { display: block; margin: 0 auto 10px; max-width: 100%; max-height: 100%; }
.Zoom a { position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; text-align: center; font: 28px/30px Fontawesome; }

.thumbs { display: flex; column-gap: 5px; }
.thumbs > a { min-width: 30px; background: #ccc; display: flex; justify-content: center; }
.thumbs > a span { align-self: center; font-family: Fontawesome; font-size: 25px; }
.thumbs > a.disabled { color: #ddd; }
.thumbs .list { position: relative; flex-grow: 1; display: flex; column-gap: 5px; overflow: hidden; }
.thumbs .list a.selected { padding-bottom: 2px; border-bottom: 2px solid var(--clr-accent); }
.thumbs .list a img { display: block; }

.detailsheader { margin-top: 20px; line-height: 48px; font-size: 36px; font-weight: 700; }
.detailssubheader { margin-top: 4px; line-height: 23px; font-size: 20px; font-weight: 600; }

.properties { border-bottom: 1px solid var(--clr-border-light); margin-top: 30px; padding-bottom: 23px; font-size: 16px; font-weight: 600; }
.properties img { display: none; }
.properties span { margin-right: 30px; white-space: nowrap; }
.properties span.hide { display: none; }
.properties span:before { font-family: Fontawesome; font-size: 20px; font-weight: normal; color: #ccc; margin-right: 10px; }
.properties .detailsregno:before { content: '\f1b9'; }
.properties .detailsyear:before { content: '\f073'; }
.properties .detailsmiles:before { content: '\f3fd'; }
.properties .detailsfuel:before { content: '\f52f'; }
.properties .detailsgearbox:before { content: '\f085'; }
.properties .detailsdrive:before { content: '\f634'; }

.tabs { margin: 50px 0 20px; font-size: 14px; }
.tabs button { margin-right: 20px; padding: 4px 6px; border: none; box-shadow: none; background-color: #fff; font: 500 16px/20px Roboto; outline: none; text-transform: uppercase; }
.tabs button.hide { display: none; }
.tabs .activetab { border-bottom: 2px solid var(--clr-border); }
.tabcontent { display: none; min-height: 400px; }
.tabcontent#utrustning { display: block; }

.tabcontent .header { margin: 20px 0; font: 500 16px/20px Roboto; text-transform: uppercase; }
.tabcontent p { line-height: 22px; }

.tabcontent#tekniskdata > div { columns: 2; column-gap: 21px; }

.utrustningslist {}
.utrustningslist ul { margin: 0; display: flex; flex-direction: column; flex-wrap: wrap; max-height: 500px; }
.utrustningslist li { list-style-type: none; line-height: 34px; }
.utrustningslist li:before { content: '\f00c'; float: left; margin-right: 10px; font-family: Fontawesome; font-size: 16px; color: var(--clr-marker); }

.propertygroup { display: list-item; list-style: none; }
.propertygroup > div { display: inline-block; width: 100%; padding: 10px 0; }
.propertygroup .groupheader { border-bottom: 1px solid #df1313; line-height: 40px; font-size: 16px; font-weight: 600; }
.propertygroup .groupheader span { margin: 0 10px 0 5px; font-family: Fontawesome; font-size: 21px; font-weight: normal; color: #ccc; }
.propertygroup .property { overflow: hidden; padding: 0 13px; line-height: 40px; }
.propertygroup .property:nth-child(2n) { background: #f6f6f6; }
.propertygroup .property label { float: left; color: #666; }
.propertygroup .property span { float: right; font-weight: 600; }
.propertygroup .property sub { font-size: 9px; line-height: 10px; }

.financeWrapper { grid-column: 2; }
.financeWrapper > div { display: flex; flex-direction: column; }

/*.priceWrapper { display: flex; flex-direction: column; }*/
.buycartext { font-size: 12px; font-weight: 600; margin: 5px 10px 10px; }
.priceincmoms { display: grid; padding: 0 10px 5px; grid-template-columns: 0.85fr 1.15fr; }
.priceincmoms .currentPrice { font-size: 30px; color: var(--clr-accent); font-weight: 700; white-space: nowrap; }
.priceincmoms > span { grid-column: 1/2; grid-row: 2/4; text-align: start; display: flex; align-items: center; font-size: 15px; font-weight: 700; white-space: nowrap; text-decoration: line-through; }
.priceincmoms.hideCurrentPrice .currentPrice { display: none; }
.priceincmoms.hideCurrentPrice > span { text-decoration: none; font-size: 30px; }

.exmoms { grid-column: 2/3; grid-row: 2/4; display: grid; border-left: 1px solid var(--clr-border-light); margin-left: 10px; padding-left: 10px; line-height: 18px; }
.exmoms span { font-weight: 400; }
.exmoms .exmomstext { grid-row: 1/2; font-size: 12px; }
.exmoms .exmomsnumber { grid-row: 2/3; font-size: 14px; font-weight: 600; }
.exmoms.hideexvat { display: none; }

.pricepermonthheader { margin-top: 10px; border-top: 1px solid var(--clr-border-light); padding: 25px 10px 0; font-size: 12px; font-weight: 600; }
.pricepermonthheader span { font-family: Fontawesome; font-size: 16px; color: #007B84; }
/*.pricepermonthWrapper { display: flex; flex-direction: row; font-weight: 700; font-size: 26px; width: 100%; }*/

dealerpad-widget { width: 100%; height: 400px; }

.contact { border-top: 1px solid var(--clr-border-light); padding: 20px 10px; }
.contactform { display: flex; flex-direction: column; }
.contactform span { margin-bottom: 15px; font: 500 16px/16px Roboto; color: var(--clr-text); text-align: left; }
.contactform span:after { display: block; content: ''; margin-top: 10px; width: 20px; height: 2px; background: #e01a1a; }
.contact input, .contact textarea { background-color: var(--clr-input); border: none; color: var(--clr-input-text); margin: 0 0 5px 0; padding: 10px; }
.contact textarea { height: 120px; }
.contact button { height: 40px; background-color: var(--clr-button); border: none; color: var(--clr-button-text); font: normal 14px/14px var(--font-input); }
.contactform .invalid { background: #ff9; border: 1px solid #e01a1a; padding: 9px; }
.contactform button.disabled { background: #999; }

.phone { padding: 0 10px; }
.phone .phoneIcon { float: left; margin-right: 12px; border-radius: 50%; border: 1px solid var(--clr-border-light); padding: 8px; }
.phone .phoneIcon:before { content: '\f879'; display: block; border-radius: 50%; background: var(--clr-panel); width: 44px; height: 44px; line-height: 44px; text-align: center; font-family: Fontawesome; font-size: 25px; color: #666; }
.phone img { display: none; }
.phone .phoneNumber { display: block; line-height: 36px; font-size: 26px; font-weight: 700; }
.phone .phoneText { display: block; line-height: 19px; font-size: 14px; font-weight: 600; }

@media (max-width: 1285px) {

}

@media (max-width: 971px) {

   .detailsWrapper { grid-template-columns: 1fr; }
   .property-tabs { grid-row: 3; }
   .financeWrapper { grid-column: 1; grid-row: 2; display: flex; column-gap: 21px; }
   .financeWrapper > div { width: 100%; }
   .contact { border: none; }

   header .page-content { display: block; }
   header .logo img { width: 180px; }
   header .links a { height: 50px; line-height: 50px; }

   content.menu-content { grid-template-columns: 30px 1fr; }

   .carFilters-icon { display: block; margin-top: 57px; position: fixed; border: 1px solid var(--clr-border-light); width: 30px; height: 30px; line-height: 30px; text-align: center; font-family: Fontawesome; font-size: 17px; }
   .carFilters-icon .right { display: none; }
   .collapsed .carFilters-icon .right { display: block; }
   .carFilters-icon .left { display: block; }
   .collapsed .carFilters-icon .left { display: none; }
   .carFilters { margin-top: 92px; position: fixed; left: 20px; width: 290px; box-shadow: 5px 5px 5px rgba(0,0,0,0.2); background: #fff; z-index: 1; }
   .collapsed .carFilters { left: -320px; }
   .left-menu #BpWidget { display: none; }

   .left-menu { margin: 0; }
   .mainTermsContent { grid-column: left / right; grid-row: 2; }
   .integrityContentWrapper { grid-column: left / right; grid-row: 2; }
   .cookieContent { grid-column: left / right; grid-row: 2; }

}

@media (max-width: 643px) {

   .checklist li { margin: 12px 0 0 34px; }
   .checklist li:before { margin: -1px 0 0 -34px; width: 24px; height: 24px; line-height: 24px; font-size: 13px; }

   .lastestCars { justify-content: center; }

   header .page-content { display: flex; }
   header .menu-icon { display: block; align-self: center; font-family: Fontawesome; font-size: 20px; }
   header .links { display: block; position: absolute; overflow: hidden; top: 80px; right: 0; width: 210px; height: 200px; pointer-events: none; z-index: 2; }
   header .links div { display: block; position: absolute; top: 0; right: -210px; box-shadow: 5px 5px 5px rgba(0,0,0,0.2); border: 1px solid var(--clr-border-light); width: 200px; height: auto; background: #fff; padding: 10px 20px; pointer-events: all; }
   header.expanded .links div { right: 10px; }
   header .links a { display: block; height: 40px; line-height: 40px; text-align: center; }
   header .links a.active { border: none; padding: 2px 0; }

   .quote .page-content { column-gap: 21px; }
   .quote img { width: 160px; height: 160px; }
   .quote .header { font-size: 24px; }

   .thumbs .list a img { width: 100px; }

   .financeWrapper { display: block; }

   .tabcontent#tekniskdata > div { columns: 1; }

   .servicesWrapper div { width: 100%; }

}