Stijl en uitstraling: de Audi A3 Sportback is een echte blikvanger. Met zijn sportieve design en luxe afwerking maak je gegarandeerd een goede indruk bij klanten, familie en collega’s.
Comfort en technologie: geniet van ontspannen ritten dankzij de comfortabele sportstoelen, het digitale instrumentencluster en de vele geavanceerde assistentiesystemen.
Duurzaamheid en efficiëntie: dankzij de indrukwekkende elektrische actieradius van 143 kilometer (WLTP) rijd je het grootste deel van de dagelijkse ritten volledig elektrisch. Dit betekent lagere brandstofkosten en minder uitstoot.
Ruimte en praktische inzetbaarheid: ondanks zijn compacte formaat biedt de A3 Sportback verrassend veel ruimte voor passagiers en bagage.
Voor alle auto’s die niet volledig elektrisch zijn, geldt in 2026 een standaard bijtellingspercentage van 22%. Dit percentage is hetzelfde voor benzine-, diesel- en (plug-in) hybride modellen. De Audi A3 Sportback springt eruit met een lage fiscale waarde van €47.040,-. Dat maakt deze A3 Sportback een bijtellingsvriendelijke keuze voor zakelijke leaserijders. Benieuwd wat dit betekent voor jouw netto kosten? Bekijk hieronder de voorbeeldberekening voor de drie belastingschijven in 2026.
Lease Route – Bijtelling Calculator
/* ---------- BASIS WRAPPER ---------- */
.lr-wrapper {
position: relative;
max-width: 720px;
margin: 15px auto;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
color: #333333;
}
/* ---------- HERO ---------- */
.lr-hero {
position: relative;
width: 100%;
height: 280px;
background-image: url("https://leaseroute.nl/wp-content/uploads/2024/12/Designer-4-44-1.jpg");
background-size: cover;
background-position: center;
border-radius: 5px;
overflow: hidden;
margin-bottom: 15px;
}
.lr-hero-overlay {
position: absolute;
inset: 0;
background: linear-gradient(135deg, rgba(17, 24, 39, 0.85), rgba(35, 48, 84, 0.85));
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 15px;
}
.lr-hero h3 {
margin: 0 0 6px 0;
font-size: 24px;
font-weight: 700;
color: #ffffff;
line-height: 1.2;
}
.lr-hero p {
margin: 0;
font-size: 17px;
color: #f0f0f0;
opacity: 0.95;
line-height: 1.3;
}
/* ---------- TABBED CONTAINER ---------- */
.lr-tabbed-container {
position: relative;
max-width: 720px;
margin: 0 auto 15px;
padding: 0 8px;
z-index: 20;
box-sizing: border-box;
margin-top: -15px;
}
/* ---------- TAB NAVIGATIE ---------- */
.lr-tab-nav {
display: flex;
background: #ffffff;
border-radius: 4px 4px 0 0;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
border: 1px solid #ddd;
border-bottom: none;
overflow: hidden;
position: relative;
z-index: 10;
}
.lr-tab-btn {
flex: 1;
padding: 12px 14px;
background: none;
border: none;
font-size: inherit;
font-weight: 600;
color: #666;
cursor: pointer;
transition: all 0.2s ease;
text-align: center;
position: relative;
font-family: inherit;
}
.lr-tab-btn:hover {
color: #333;
background: #f9f9f9;
}
.lr-tab-btn.active {
color: #333;
background: #ffffff;
font-weight: 700;
}
.lr-tab-btn.active::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background: #0073aa;
border-radius: 0;
}
/* ---------- TAB CONTENT ---------- */
.lr-tab-content {
background: #ffffff;
border-radius: 0 0 4px 4px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
border: 1px solid #ddd;
border-top: none;
overflow: hidden;
min-height: 220px;
position: relative;
z-index: 5;
}
.lr-tab-pane {
display: none;
padding: 0;
animation: fadeIn 0.2s ease;
}
.lr-tab-pane.active {
display: block;
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
/* ---------- PLUS / MIN CONTENT ---------- */
.lr-pm-table {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
}
.lr-pm-table th {
padding: 12px 14px 10px 14px;
text-align: left;
font-size: inherit;
font-weight: 600;
color: #333;
border-bottom: 1px solid #eee;
background: #fafafa;
}
.lr-pm-table td {
padding: 14px;
vertical-align: top;
}
.lr-pm-list {
margin: 0;
padding: 0;
list-style: none;
font-size: inherit;
line-height: 1.4;
}
.lr-pm-list li {
display: flex;
align-items: center; /* GEWIJZIGD: van flex-start naar center */
gap: 8px;
margin-bottom: 8px;
padding-bottom: 8px;
border-bottom: 1px solid #f5f5f5;
}
.lr-pm-list li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.lr-icon-slot {
width: 18px;
height: 18px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
margin-top: 0;
}
.lr-icon {
width: 14px;
height: 14px;
display: block; /* Toegevoegd voor betere uitlijning */
}
/* ---------- BIJTELLING CONTENT ---------- */
.lr-bijtelling {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
}
.lr-bijtelling thead {
background: #fafafa;
border-bottom: 1px solid #eee;
}
.lr-bijtelling th {
padding: 12px 14px 10px 14px;
text-align: left;
font-size: inherit;
font-weight: 600;
color: #333;
}
.lr-bijtelling td {
padding: 12px 14px;
font-size: inherit;
border-top: 1px solid #f5f5f5;
vertical-align: middle;
}
.lr-bijtelling tbody tr:first-child td {
border-top: none;
}
.lr-bijtelling tbody tr:last-child td {
padding-bottom: 14px;
}
.text-navy {
color: #333;
font-weight: 500;
font-size: inherit;
}
.text-green {
color: #2a8c3c;
font-weight: 600;
font-size: inherit;
}
/* Kolombreedte verdeling */
.lr-bijtelling th:nth-child(1),
.lr-bijtelling td:nth-child(1) {
width: 38%;
}
.lr-bijtelling th:nth-child(2),
.lr-bijtelling td:nth-child(2) {
width: 32%;
}
.lr-bijtelling th:nth-child(3),
.lr-bijtelling td:nth-child(3) {
width: 30%;
text-align: right;
}
/* ---------- MOBIEL LAYOUT ---------- */
@media (max-width: 768px) {
.lr-wrapper {
padding: 0 8px;
margin: 12px auto;
}
.lr-hero {
height: 180px;
border-radius: 4px;
margin-bottom: 12px;
}
.lr-hero h3 {
font-size: 20px;
line-height: 1.2;
margin-bottom: 4px;
}
.lr-hero p {
font-size: 15px;
line-height: 1.3;
}
.lr-tabbed-container {
padding: 0;
margin: 0 auto 12px;
margin-top: -12px;
}
.lr-tab-nav {
border-radius: 3px 3px 0 0;
}
.lr-tab-btn {
padding: 10px 8px;
font-size: inherit;
}
.lr-tab-content {
border-radius: 0 0 3px 3px;
min-height: auto;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
/* Plus/Minnen tabel op mobiel */
.lr-pm-table {
display: block;
}
.lr-pm-table thead {
display: none;
}
.lr-pm-table tbody {
display: block;
padding: 0;
}
.lr-pm-table tr {
display: flex;
flex-direction: column;
padding: 0;
gap: 0;
}
.lr-pm-table td {
display: block;
width: 100% !important;
padding: 14px !important;
border: none !important;
box-sizing: border-box;
}
.lr-pm-table td:first-child {
border-bottom: 1px solid #eee;
}
.lr-pm-table td:first-child::before {
content: "Pluspunten";
display: block;
font-size: inherit;
font-weight: 600;
color: #333;
margin-bottom: 10px;
padding-bottom: 6px;
border-bottom: 1px solid #eee;
}
.lr-pm-table td:last-child::before {
content: "Minpunten";
display: block;
font-size: inherit;
font-weight: 600;
color: #333;
margin-bottom: 10px;
padding-bottom: 6px;
border-bottom: 1px solid #eee;
}
.lr-pm-list {
font-size: inherit;
line-height: 1.3;
margin: 0;
}
.lr-pm-list li {
margin-bottom: 8px;
padding-bottom: 8px;
gap: 6px;
line-height: 1.3;
align-items: center; /* GEWIJZIGD: van flex-start naar center */
border-bottom: 1px solid #f5f5f5;
}
.lr-pm-list li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.lr-icon-slot {
width: 16px;
height: 16px;
margin-top: 0;
display: flex;
align-items: center;
justify-content: center;
}
.lr-icon {
width: 12px;
height: 12px;
display: block; /* Toegevoegd voor betere uitlijning */
}
/* BIJTELLING als kaarten op mobiel */
.lr-bijtelling {
display: block;
width: 100%;
}
.lr-bijtelling thead {
display: none;
}
.lr-bijtelling tbody {
display: block;
padding: 0;
}
.lr-bijtelling tr {
display: block;
width: 100%;
margin-bottom: 10px;
border-radius: 4px;
overflow: hidden;
border: 1px solid #e0e0e0;
background: #ffffff;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.lr-bijtelling tr:last-child {
margin-bottom: 0;
}
/* Pas alle tabelcellen aan voor mobiel */
.lr-bijtelling td {
display: flex;
justify-content: space-between;
align-items: center;
padding: 8px 12px !important;
border-top: 1px solid #f0f0f0;
background: #ffffff;
width: 100% !important;
height: auto !important;
text-align: right;
font-size: inherit;
}
/* Speciale styling voor bruto inkomen */
.lr-bijtelling td[data-label="Bruto inkomen"] {
border-top: none;
justify-content: space-between;
padding: 12px !important;
font-weight: 400;
font-size: inherit;
color: #333;
background: #f8f8f8;
}
/* Voor bruto inkomen wel label tonen */
.lr-bijtelling td[data-label="Bruto inkomen"]::before {
content: attr(data-label) !important;
font-weight: 600;
color: #666;
margin-right: 8px;
text-align: left;
font-size: inherit;
flex-shrink: 0;
}
/* Voor belastingtarief en netto p/m ook labels tonen */
.lr-bijtelling td:not([data-label="Bruto inkomen"])::before {
content: attr(data-label);
font-weight: 600;
color: #666;
margin-right: 8px;
text-align: left;
font-size: inherit;
flex-shrink: 0;
}
.text-navy,
.text-green {
font-size: inherit;
}
}
/* ---------- KLEINE MOBIEL ---------- */
@media (max-width: 480px) {
.lr-wrapper {
padding: 0 6px;
}
.lr-hero {
height: 160px;
margin-bottom: 8px;
}
.lr-hero h3 {
font-size: 18px;
line-height: 1.2;
}
.lr-hero p {
font-size: 14px;
line-height: 1.3;
}
.lr-tab-btn {
padding: 8px 6px;
font-size: inherit;
}
.lr-pm-table td {
padding: 12px !important;
}
.lr-pm-table td:first-child::before,
.lr-pm-table td:last-child::before {
font-size: inherit;
margin-bottom: 8px;
padding-bottom: 5px;
}
.lr-pm-list {
font-size: inherit;
line-height: 1.2;
}
.lr-pm-list li {
margin-bottom: 6px;
padding-bottom: 6px;
gap: 5px;
line-height: 1.2;
align-items: center; /* GEWIJZIGD: van flex-start naar center */
}
.lr-icon-slot {
width: 14px;
height: 14px;
margin-top: 0;
display: flex;
align-items: center;
justify-content: center;
}
.lr-icon {
width: 11px;
height: 11px;
display: block; /* Toegevoegd voor betere uitlijning */
}
.lr-bijtelling td {
padding: 6px 10px !important;
font-size: inherit;
}
.lr-bijtelling td[data-label="Bruto inkomen"] {
padding: 10px !important;
font-size: inherit;
font-weight: 400;
}
.lr-bijtelling td::before {
font-size: inherit;
}
.lr-bijtelling td[data-label="Bruto inkomen"]::before {
font-size: inherit;
}
.text-navy,
.text-green {
font-size: inherit;
}
}
/* ---------- EXTRA KLEINE MOBIEL ---------- */
@media (max-width: 360px) {
.lr-hero h3 {
font-size: 16px;
}
.lr-hero p {
font-size: 13px;
}
.lr-tab-btn {
padding: 7px 5px;
font-size: inherit;
}
.lr-pm-table td {
padding: 10px !important;
}
.lr-pm-list {
font-size: inherit;
}
.lr-pm-list li {
margin-bottom: 5px;
padding-bottom: 5px;
align-items: center; /* GEWIJZIGD: van flex-start naar center */
}
.lr-bijtelling td {
font-size: inherit;
}
.lr-bijtelling td[data-label="Bruto inkomen"] {
font-size: inherit;
font-weight: 400;
}
.lr-bijtelling td::before {
font-size: inherit;
}
.lr-bijtelling td[data-label="Bruto inkomen"]::before {
font-size: inherit;
}
}
