<div class="car-brand-overview">
<div class="car-brand-overview-inner">
<div class="car-brand-overview-column">
<div class="car-brand-overview-column-inner">
<h1 class="heading heading--main visuallyhidden">BMW x Clever</h1>
<div class="car-brand-overview-logo">
<div class="image" style="max-width: 57px;">
<div class="image-inner">
<span style="padding-bottom: 100%;" class="image-placeholder transparent"></span>
<img src="/temp/logo-bmw.png" alt="" srcset="/temp/logo-bmw.png 1x,/temp/logo-bmw@2x.png 2x">
</div>
</div>
<span class="icon icon-x-clever">
<span class="svg-container"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 186.92 27.99">
<path d="M55.75 20.63c-1.86 1.8-4.38 2.91-7.17 2.91-5.7 0-10.31-4.62-10.31-10.31 0-5.7 4.62-10.31 10.31-10.31 2.73 0 5.21 1.06 7.06 2.8l2.01-2.09A13.091 13.091 0 0048.57 0c-7.3 0-13.22 5.92-13.22 13.22s5.92 13.22 13.22 13.22c3.58 0 6.82-1.42 9.2-3.73l-2.02-2.08zm75.32-12.39l-6.65 13.85-6.65-13.85h-3.15L124.41 28l9.79-19.76h-3.13zm12.42 8.93c0 5.43 3.92 9.28 9.67 9.28 4.38 0 6.83-1.93 7.63-2.77l-1.72-2.1c-.56.49-2.42 2.24-5.88 2.24-3.71 0-6.34-2.17-6.79-5.57h15.62c.04-.35.07-.67.07-1.09 0-5.36-3.82-9.28-9.28-9.28-5.43.01-9.32 3.93-9.32 9.29m2.94-1.3c.53-3.26 3.01-5.36 6.37-5.36 3.4 0 5.88 2.07 6.37 5.36h-12.74zm-59.8 1.3c0 5.43 3.92 9.28 9.67 9.28 4.38 0 6.83-1.93 7.63-2.77l-1.72-2.1c-.56.49-2.42 2.24-5.88 2.24-3.71 0-6.34-2.17-6.79-5.57h15.62c.04-.35.07-.67.07-1.09 0-5.36-3.82-9.28-9.28-9.28-5.43.01-9.32 3.93-9.32 9.29m2.94-1.3c.53-3.26 3.01-5.36 6.37-5.36 3.4 0 5.88 2.07 6.37 5.36H89.57zm97.35-7.7c-.64-.15-1.21-.28-2.28-.28-2.91 0-5.66 2.36-6.61 4.73V8.24h-2.87V26.1h2.87v-7.68c0-4.32 2.32-7.8 6.38-7.8.97 0 1.67.12 2.5.37V8.17zM73.47 26.1H70.6V.36h2.87V26.1zM0 7.602l1.415-1.414 7.07 7.071-1.414 1.414z" />
<path d="M12.726 6.187L14.14 7.6l-7.07 7.07-1.415-1.413z" />
<path d="M14.143 18.831l-1.414 1.414-7.071-7.07 1.414-1.415z" />
<path d="M1.415 20.247L.001 18.833l7.07-7.071 1.415 1.414z" />
</svg>
</span>
</span>
</div>
<div class="car-brand-overview-body">
<p>BMW har indgået et partnerskab med Clever, så alle vores kunder nu kan få Clever Unlimited med ubegrænset opladning hjemme, på arbejdet og på farten til en fast pris om måneden.</p>
</div>
<dl class="specifications">
<div class="specifications-inner">
<div class="specifications-item">
<dt class="specifications-term">Elbil <span class="tooltip js-tooltip">This is a description that is quite long y'know</span></dt>
<dd class="specifications-description">
<span>max</span> 699 <span>kr/md</span>
</dd>
</div>
<div class="specifications-item">
<dt class="specifications-term">Plugin-hybrid <span class="tooltip js-tooltip">This is a description</span></dt>
<dd class="specifications-description">
<span>max</span> 399 <span>kr/md</span>
</dd>
</div>
</div>
</dl>
<p><small>De anførte abonnementspriser er for Clever Unlimited med hjemmeladeboks. Clever Unlimited uden hjemmeladeboks koster 399 kr/md for BMW elbiler og 199 kr/md for BMW plugin-hybrider.</small></p>
</div>
</div>
<div class="car-brand-overview-column">
<div class="car-brand-overview-components">
<article class="teaser teaser--wide teaser--decorated">
<header class="teaser-header">
<div class="teaser-meta">
<small class="teaser-context">Partner offers</small> <small class="teaser-date">01/14/2019</small>
</div>
<h3 class="heading heading--small teaser-heading"><a href="#">3 years of free electricity for your BMW3</a></h3>
</header>
<div class="image">
<div class="image-inner">
<span style="padding-bottom: 48.18181818181818%;" class="image-placeholder" data-img-attr='{"src":"/temp/teaser-wide.jpg","alt":"","srcset":"/temp/teaser-wide.jpg 1x,/temp/teaser-wide@2x.jpg 2x"}'></span>
<noscript><img src="/temp/teaser-wide.jpg" alt="" srcset="/temp/teaser-wide.jpg 1x,/temp/teaser-wide@2x.jpg 2x"></noscript>
</div>
</div>
<div class="teaser-cta">
<span class="text">Read more</span>
</div>
</article>
<a href="#newsletter-email" class="cta cta--decorated" data-smooth-anchor="">
<span class="text">Sign up to receive news about new cars and more</span>
<span class="icon icon-cta-arrow-right">
<span class="svg-container"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56.5 15.1">
<path d="M49 0l-1.5 1.4 5.2 5.2H0v2h52.7l-5.2 5.1 1.5 1.4 7.5-7.5z" />
</svg></span>
</span>
</a>
</div>
</div>
</div>
</div>
<div class="car-brand-overview{% if carBrandOverviewModifiers is defined and carBrandOverviewModifiers|length %} car-brand-overview--{{ carBrandOverviewModifiers|join(' car-brand-overview--') }}{% endif %}">
<div class="car-brand-overview-inner">
<div class="car-brand-overview-column">
<div class="car-brand-overview-column-inner">
<h1 class="heading heading--main visuallyhidden">BMW x Clever</h1>
<div class="car-brand-overview-logo">
{% include '@image' with carBrandOverviewLogo %}
{% include '@icon' with { source: 'icon-x-clever.svg' } %}
</div>
{% if carBrandOverviewBody %}
<div class="car-brand-overview-body">
{{ carBrandOverviewBody }}
</div>
{% endif %}
{% include '@specifications' with { specifications: carBrandOverviewPriceSpecifications } %}
<p><small>{{ carBrandOverviewLegalese }}</small></p>
</div>
</div>
<div class="car-brand-overview-column">
{% if carBrandOverviewComponents %}
<div class="car-brand-overview-components">
{% for component in carBrandOverviewComponents %}
{% include '@' ~ component.type with component.content only %}
{% endfor %}
</div>
{% endif %}
</div>
</div>
</div>
{
"carBrandOverviewModifiers": [],
"carBrandOverviewLogo": {
"url": "/temp/logo-bmw.png",
"retina": true,
"width": 57,
"height": 57,
"sizes": [
{
"url": "/temp/logo-bmw.png"
},
{
"url": "/temp/logo-bmw@2x.png"
}
],
"transparent": true,
"contain": true
},
"carBrandOverviewBody": "<p>BMW har indgået et partnerskab med Clever, så alle vores kunder nu kan få Clever Unlimited med ubegrænset opladning hjemme, på arbejdet og på farten til en fast pris om måneden.</p>",
"carBrandOverviewPriceSpecifications": [
{
"term": "Elbil <span class=\"tooltip js-tooltip\">This is a description that is quite long y'know</span>",
"description": "<span>max</span> 699 <span>kr/md</span>"
},
{
"term": "Plugin-hybrid <span class=\"tooltip js-tooltip\">This is a description</span>",
"description": "<span>max</span> 399 <span>kr/md</span>"
}
],
"carBrandOverviewLegalese": "De anførte abonnementspriser er for Clever Unlimited med hjemmeladeboks. Clever Unlimited uden hjemmeladeboks koster 399 kr/md for BMW elbiler og 199 kr/md for BMW plugin-hybrider.",
"carBrandOverviewComponents": [
{
"type": "teaser",
"content": {
"teaserModifiers": [
"wide",
"decorated"
],
"teaserImage": {
"url": "/temp/teaser-wide.jpg",
"width": 660,
"height": 318,
"retina": true,
"lazyload": true,
"sizes": [
{
"url": "/temp/teaser-wide.jpg"
},
{
"url": "/temp/teaser-wide@2x.jpg"
}
]
},
"teaserContext": "Partner offers",
"teaserDate": "01/14/2019",
"teaserHeading": "3 years of free electricity for your BMW3",
"teaserUrl": "#"
}
},
{
"type": "call-to-action",
"content": {
"url": "#newsletter-email",
"text": "Sign up to receive news about new cars and more",
"classes": [
"cta--decorated"
],
"attributes": {
"data-smooth-anchor": null
}
}
}
]
}
No notes defined.