[data-vb-root] {
    --vb-bg:           oklch(0.985 0.003 240);
    --vb-panel:        oklch(1 0 0);
    --vb-ink:          oklch(0.18 0.01 260);
    --vb-ink-2:        oklch(0.38 0.01 260);
    --vb-ink-3:        oklch(0.58 0.01 260);
    --vb-line:         oklch(0.92 0.005 260);
    --vb-line-2:       oklch(0.86 0.006 260);
    --vb-accent:       oklch(0.62 0.19 255);
    --vb-accent-ink:   oklch(0.32 0.12 255);
    --vb-accent-wash:  oklch(0.96 0.03 255);
    --vb-success:      oklch(0.62 0.15 155);
    --vb-success-wash: oklch(0.96 0.04 155);
    --vb-warn:         oklch(0.72 0.15 55);
    --vb-radius:       14px;
    --vb-radius-sm:    10px;

    font-family: 'Inter', system-ui, sans-serif;
    color: var(--vb-ink);
    /*background:
        radial-gradient(1200px 500px at 50% -10%, oklch(0.96 0.03 255) 0%, transparent 60%),
        var(--vb-bg);*/
    font-feature-settings: 'ss01', 'cv11';
    -webkit-font-smoothing: antialiased;
}
[data-vb-root] *{box-sizing:border-box}

.vb-shell{
    max-width:1080px;
    margin:0 auto;
}

/* ——— Top bar ——— */
.vb-topbar{
    display:flex; align-items:center; justify-content:space-between;
    margin-bottom:18px;
}
.vb-brand{
    display:flex; align-items:center; gap:10px;
    font-weight:700; letter-spacing:-0.01em;
}
.vb-brand-mark{
    width:28px;height:28px;border-radius:8px;
    background:linear-gradient(135deg, var(--vb-ink) 0%, oklch(0.28 0.04 260) 100%);
    position:relative;
}
.vb-brand-mark::after{
    content:"";position:absolute;inset:6px;border-radius:3px;
    background:conic-gradient(from 220deg, var(--vb-accent), oklch(0.72 0.15 195), var(--vb-accent));
}
.vb-chip{
    display:inline-flex; align-items:center; gap:6px;
    padding:5px 10px; border:1px solid var(--vb-line);
    border-radius:999px; background:var(--vb-panel);
    font-size:12px; color:var(--vb-ink-2);
}
.vb-chip .vb-dot{width:6px;height:6px;border-radius:50%;background:var(--vb-success)}

/* ——— Hero ——— */
.vb-hero{
    position:relative;
    border:1px solid var(--vb-line);
    border-radius:var(--vb-radius);
    background:var(--vb-panel);
    padding:28px 32px 24px;
    overflow:hidden;
    margin-bottom:16px;
}
.vb-hero::before{
    content:""; position:absolute; inset:0;
    background-image:
        linear-gradient(to right, oklch(0.94 0.005 260) 1px, transparent 1px),
        linear-gradient(to bottom, oklch(0.94 0.005 260) 1px, transparent 1px);
    background-size:28px 28px;
    mask-image:radial-gradient(600px 240px at 85% 20%, #000 0%, transparent 70%);
    pointer-events:none;
}
.vb-hero-grid{
    position:relative;
    display:grid; grid-template-columns:1.25fr 1fr; gap:28px; align-items:end;
}
.vb-eyebrow{
    display:inline-flex; align-items:center; gap:8px;
    font-size:11px; letter-spacing:0.14em; text-transform:uppercase;
    color:var(--vb-ink-2); font-weight:600;
    padding:5px 10px; background:var(--vb-accent-wash); color:var(--vb-accent-ink);
    border-radius:999px;
}
[data-vb-root] h1.vb-display{
    font-size:44px; line-height:1.02; letter-spacing:-0.035em;
    font-weight:800; margin:14px 0 8px;
    text-wrap:balance;
}
[data-vb-root] h1.vb-display em{ font-style:normal; color:var(--vb-accent-ink); }
.vb-lede{
    color:var(--vb-ink-2); max-width:46ch; line-height:1.5; font-size:15px;
    margin:0;
}
.vb-hero-meta{
    display:grid; grid-template-columns:repeat(3, 1fr);
    gap:8px; padding-top:18px; margin-top:18px;
    border-top:1px dashed var(--vb-line-2);
}
.vb-meta-cell .vb-k{font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--vb-ink-3);font-weight:600}
.vb-meta-cell .vb-v{font-family:'JetBrains Mono',monospace;font-size:14px;color:var(--vb-ink);font-weight:500;margin-top:2px}

/* ——— Main grid ——— */
.vb-grid{
    display:grid;
    grid-template-columns: 1.35fr 1fr;
    gap:16px;
}
.vb-card{
    background:var(--vb-panel);
    border:1px solid var(--vb-line);
    border-radius:var(--vb-radius);
    padding:20px;
    transition:border-color .2s ease, box-shadow .2s ease;
}
.vb-card.vb-collapsible{ padding:0; overflow:hidden; }
.vb-card.vb-collapsible.vb-open{ border-color:var(--vb-line-2); box-shadow:0 4px 20px oklch(0.5 0.02 260 / 0.06); }
.vb-card-head{
    display:grid; grid-template-columns:auto 1fr auto; gap:10px; align-items:center;
    padding:14px 20px 10px; cursor:pointer; user-select:none;
}
.vb-card-head:hover{ background:oklch(0.98 0.003 260); }
.vb-card-head .vb-num{
    width:22px;height:22px;border-radius:7px;
    background:var(--vb-ink); color:var(--vb-panel);
    display:inline-grid; place-items:center;
    font-family:'JetBrains Mono',monospace; font-size:11px; font-weight:600;
}
.vb-card-head .vb-title{
    display:flex; flex-direction:column; gap:2px; min-width:0;
}
.vb-card-head .vb-title .vb-t{
    font-size:13px; font-weight:600; letter-spacing:-0.005em;
}
.vb-card-head .vb-title .vb-s{
    font-size:11px; color:var(--vb-ink-3);
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.vb-chev{
    width:22px;height:22px; display:grid; place-items:center;
    color:var(--vb-ink-3); transition:transform .25s ease;
}
.vb-card.vb-collapsible.vb-open .vb-chev{ transform:rotate(180deg); color:var(--vb-ink); }

/* Body expands above the preview */
.vb-card-body{
    display:grid; grid-template-rows:0fr;
    transition:grid-template-rows .3s cubic-bezier(.2,.7,.2,1);
}
.vb-card.vb-collapsible.vb-open .vb-card-body{ grid-template-rows:1fr; }
.vb-card-body > .vb-inner{ overflow:hidden; min-height:0; }
.vb-card-body > .vb-inner > .vb-inner-pad{ padding:2px 20px 4px; }

/* Persistent preview (always visible, open or closed) */
.vb-card-preview{
    padding:10px 20px 18px;
}
[data-vb-root] .vb-card h2{
    font-size:13px; font-weight:600; letter-spacing:-0.005em;
    margin:0 0 2px; display:flex; align-items:center; gap:10px;
}
[data-vb-root] .vb-card h2 .vb-num{
    width:20px;height:20px;border-radius:6px;
    background:var(--vb-ink); color:var(--vb-panel);
    display:inline-grid; place-items:center;
    font-family:'JetBrains Mono',monospace; font-size:11px; font-weight:600;
}
.vb-card .vb-sub{
    font-size:12px; color:var(--vb-ink-3); margin:0 0 14px 30px;
}

/* ——— Equipment picker ——— */
.vb-eq-list{
    display:grid; grid-template-columns:repeat(2, 1fr); gap:8px;
     grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    margin-bottom:10px;
}
.vb-eq-item{
    display:grid; grid-template-columns:44px 1fr auto; gap:10px; align-items:center;
    padding:10px; border:1px solid var(--vb-line); border-radius:var(--vb-radius-sm);
    background:var(--vb-panel); cursor:pointer; transition:all .15s ease;
    position:relative;
}
.vb-eq-item:hover{border-color:var(--vb-line-2); transform:translateY(-1px)}
.vb-eq-item.vb-on{border-color:var(--vb-ink); background:oklch(0.98 0.003 260);}
.vb-eq-thumb{
    width:44px;height:44px;border-radius:8px;
    background:
        repeating-linear-gradient(135deg, oklch(0.92 0.01 260) 0 4px, oklch(0.96 0.005 260) 4px 8px);
    border:1px solid var(--vb-line);
    display:grid; place-items:center;
    font-family:'JetBrains Mono',monospace; font-size:9px; color:var(--vb-ink-3);
    overflow:hidden;
}
.vb-eq-thumb img{
    width:100%; height:100%; object-fit:cover; border-radius:7px;
}
.vb-eq-body{min-width:0}
.vb-eq-name{font-size:13px;font-weight:600;letter-spacing:-0.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vb-eq-price{font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--vb-ink-3); margin-top:2px}
.vb-eq-toggle{
    width:22px;height:22px; border:1.5px solid var(--vb-line-2); border-radius:6px;
    display:grid; place-items:center;
    background:var(--vb-panel);
}
.vb-eq-item.vb-on .vb-eq-toggle{background:var(--vb-ink);border-color:var(--vb-ink);color:var(--vb-panel)}
.vb-eq-item.vb-on .vb-eq-toggle::after{
    content:""; width:10px;height:5px;
    border-left:1.5px solid var(--vb-panel); border-bottom:1.5px solid var(--vb-panel);
    transform:rotate(-45deg) translate(1px,-1px);
}
.vb-eq-total{
    display:flex; justify-content:space-between; align-items:baseline;
    padding:12px 14px; margin-top:10px;
    border-radius:var(--vb-radius-sm); background:oklch(0.97 0.005 260);
    border:1px dashed var(--vb-line-2);
}
.vb-eq-total .vb-lbl{font-size:11px; letter-spacing:0.08em; text-transform:uppercase; color:var(--vb-ink-3); font-weight:600}
.vb-eq-total .vb-val{font-family:'JetBrains Mono',monospace;font-size:22px;font-weight:600;letter-spacing:-0.02em}

/* ——— Period segmented control ——— */
.vb-period{ margin-top:4px; display:flex; flex-direction:column; align-items:center; gap:14px; }
.vb-segmented{
    display:inline-flex; position:relative;
    background:oklch(0.96 0.005 260);
    border-radius:999px; padding:4px;
}
.vb-segmented button{
    appearance:none; border:0; background:transparent;
    padding:8px 18px; font:inherit; font-size:13px; font-weight:500;
    color:var(--vb-ink-2); cursor:pointer; border-radius:999px;
    transition:color .2s ease; position:relative; z-index:1;
    font-feature-settings:"tnum";
    white-space:nowrap;
}
.vb-segmented button.vb-on{ color:var(--vb-ink); font-weight:600; }
.vb-segmented .vb-seg-pill{
    position:absolute; top:4px; bottom:4px;
    background:var(--vb-panel); border-radius:999px;
    box-shadow:0 1px 3px rgba(0,0,0,0.04), 0 4px 12px rgba(0,0,0,0.06);
    transition:left .35s cubic-bezier(.2,.7,.2,1), width .35s cubic-bezier(.2,.7,.2,1);
    z-index:0;
}
.vb-period-help{
    font-size:12px; color:var(--vb-ink-3); font-family:'JetBrains Mono',monospace;
}
.vb-period-readout{
    display:grid; grid-template-columns:repeat(2,1fr); gap:8px; margin-top:6px;
}
.vb-readout{
    padding:10px 12px; border:1px solid var(--vb-line);
    border-radius:var(--vb-radius-sm);
}
.vb-readout .vb-k{font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--vb-ink-3);font-weight:600}
.vb-readout .vb-v{font-family:'JetBrains Mono',monospace;font-size:18px;font-weight:600;letter-spacing:-0.01em;margin-top:2px}

/* ——— Result ——— */
.vb-result{
    grid-column:1 / -1;
    display:grid; grid-template-columns:1.25fr 1fr; gap:0;
    border-radius:var(--vb-radius); overflow:hidden;
    border:1px solid var(--vb-line);
    background:var(--vb-panel);
    position:relative;
}

/* ———— HERO: DU SPARER ———— */
.vb-result-hero{
    position:relative;
    padding:28px 32px 26px;
    border-right:1px solid var(--vb-line);
    background:
        radial-gradient(900px 320px at 0% 110%, oklch(0.92 0.12 155) 0%, transparent 60%),
        radial-gradient(500px 260px at 100% -20%, oklch(0.95 0.06 155) 0%, transparent 60%),
        var(--vb-panel);
    overflow:hidden;
}
.vb-result-hero::before{
    content:""; position:absolute; inset:0; pointer-events:none;
    background-image:
        radial-gradient(circle at 20% 30%, oklch(0.72 0.15 155 / 0.18) 0 2px, transparent 3px),
        radial-gradient(circle at 72% 55%, oklch(0.72 0.15 155 / 0.14) 0 3px, transparent 4px),
        radial-gradient(circle at 45% 85%, oklch(0.72 0.15 155 / 0.12) 0 2px, transparent 3px),
        radial-gradient(circle at 88% 20%, oklch(0.72 0.15 155 / 0.18) 0 2px, transparent 3px);
    background-size: 240px 240px;
}
.vb-save-badge{
    display:inline-flex; align-items:center; gap:8px;
    padding:6px 12px 6px 8px; border-radius:999px;
    background:var(--vb-success); color:#fff;
    font-size:11px; font-weight:700; letter-spacing:0.14em; text-transform:uppercase;
    box-shadow:0 6px 20px oklch(0.62 0.15 155 / 0.35);
    position:relative; z-index:1;
}
.vb-save-badge .vb-spark{
    width:18px;height:18px;border-radius:50%;
    background:#fff; color:var(--vb-success);
    display:grid; place-items:center; font-size:11px; font-weight:800;
}
.vb-save-label{
    position:relative; z-index:1;
    font-size:13px; font-weight:600; color:oklch(0.4 0.08 155);
    margin:16px 0 4px; letter-spacing:-0.01em;
}
.vb-save-big{
    position:relative; z-index:1;
    font-family:'JetBrains Mono',monospace;
    font-size:96px; font-weight:700; letter-spacing:-0.05em;
    line-height:0.95; margin:2px 0 10px;
    color:var(--vb-success);
    display:flex; align-items:baseline; gap:12px;
    text-shadow:0 2px 0 oklch(0.62 0.15 155 / 0.06);
}
.vb-save-big .vb-cur{
    font-size:22px; font-weight:600; color:oklch(0.4 0.08 155);
    letter-spacing:-0.01em;
}
.vb-save-sublink{
    position:relative; z-index:1;
    display:flex; align-items:center; gap:10px;
    font-size:13px; color:var(--vb-ink-2);
    margin-bottom:10px;
}
.vb-save-sublink b{ color:var(--vb-success); font-family:'JetBrains Mono',monospace; font-weight:600; }
.vb-sl-pill{
    display:inline-flex; align-items:center;
    padding:4px 10px; border-radius:999px;
    background:var(--vb-panel); border:1px solid oklch(0.82 0.1 155);
    color:var(--vb-success); font-weight:700;
    font-family:'JetBrains Mono',monospace; font-size:12px; letter-spacing:-0.01em;
}
.vb-save-context{
    position:relative; z-index:1;
    font-size:13px; color:var(--vb-ink-2); line-height:1.5;
    max-width:42ch; margin:0 0 18px;
}
.vb-save-context b{ color:var(--vb-ink); font-weight:600; }
.vb-save-context s{ color:var(--vb-ink-3); }

.vb-save-stats{
    position:relative; z-index:1;
    display:grid; grid-template-columns:1fr 1fr; gap:8px;
    padding-top:16px;
    border-top:1px dashed oklch(0.8 0.08 155 / 0.6);
}
.vb-save-stat{
    display:flex; flex-direction:column; gap:2px;
}
.vb-save-stat .vb-k{
    font-size:10px; letter-spacing:0.12em; text-transform:uppercase;
    color:oklch(0.4 0.06 155); font-weight:600;
}
.vb-save-stat .vb-v{
    font-family:'JetBrains Mono',monospace;
    font-size:20px; font-weight:600; letter-spacing:-0.02em;
    color:var(--vb-ink);
}
.vb-save-stat .vb-v .vb-unit{font-size:13px; color:var(--vb-ink-3); font-weight:500; margin-left:2px}

/* compare table */
.vb-compare{
    padding:24px 28px;
}
[data-vb-root] .vb-compare h3{
    font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--vb-ink-3);
    font-weight:600; margin:0 0 12px;
}
.vb-compare-row{
    display:grid; grid-template-columns:1.2fr 1fr 1fr;
    padding:10px 0; border-top:1px solid var(--vb-line);
    font-size:12px;
}
.vb-compare-row:first-of-type{border-top:0}
.vb-compare-row .vb-lbl{color:var(--vb-ink-2)}
.vb-compare-row .vb-num{font-family:'JetBrains Mono',monospace; text-align:right; font-weight:500}
.vb-compare-row .vb-num.vb-best{color:var(--vb-success); font-weight:600}
.vb-compare-row.vb-head{
    padding:4px 0 8px;
    font-size:10px; letter-spacing:0.12em; text-transform:uppercase; color:var(--vb-ink-3); font-weight:600;
}
.vb-compare-row.vb-head .vb-num{font-family:'Inter',sans-serif}
/* visual bars comparing each option's total cost */
.vb-cmp-bars{
    margin-top:14px; display:flex; flex-direction:column; gap:10px;
}
.vb-cmp-bar{
    display:grid; grid-template-columns:84px 1fr 90px; align-items:center; gap:10px;
    font-size:12px;
}
.vb-cmp-bar .vb-lbl{color:var(--vb-ink-2); font-weight:500}
.vb-cmp-bar .vb-bar{
    height:10px; border-radius:6px; background:var(--vb-line); position:relative; overflow:hidden;
}
.vb-cmp-bar .vb-bar .vb-fill{
    position:absolute; inset:0 auto 0 0; border-radius:6px;
    background:linear-gradient(90deg, var(--vb-ink-2), var(--vb-ink));
    transition:width .45s cubic-bezier(.2,.7,.2,1);
}
.vb-cmp-bar.vb-best .vb-bar .vb-fill{
    background:linear-gradient(90deg, oklch(0.72 0.15 155), var(--vb-success));
}
.vb-cmp-bar .vb-num{
    font-family:'JetBrains Mono',monospace; font-weight:600;
    text-align:right; font-size:12px;
}
.vb-cmp-bar.vb-best .vb-num{color:var(--vb-success)}
.vb-cmp-bar.vb-worst .vb-num{color:var(--vb-warn)}
.vb-cmp-bar .vb-lbl .vb-tag{
    display:inline-block; margin-left:4px; font-size:9px;
    padding:2px 5px; border-radius:4px;
    background:var(--vb-success); color:#fff;
    font-weight:700; letter-spacing:0.08em; text-transform:uppercase;
    vertical-align:middle;
}

/* ——— Small helpers ——— */
.vb-row-between{display:flex;justify-content:space-between;align-items:center;gap:12px}
.vb-muted{color:var(--vb-ink-3)}
.vb-kbd{
    font-family:'JetBrains Mono',monospace; font-size:11px;
    padding:2px 6px; border:1px solid var(--vb-line-2); border-radius:5px;
    background:var(--vb-panel); color:var(--vb-ink-2);
}

/* Footer mini note */
.vb-footnote{
    margin-top:14px; font-size:11px; color:var(--vb-ink-3); text-align:center;
    font-family:'JetBrains Mono',monospace; letter-spacing:0.02em;
}

/* Responsive */
@media (max-width: 840px){
    .vb-hero-grid{grid-template-columns:1fr}
    .vb-grid{grid-template-columns:1fr}
    .vb-result{grid-template-columns:1fr}
    .vb-result-hero{border-right:0; border-bottom:1px solid var(--vb-line)}
    [data-vb-root] h1.vb-display{font-size:32px}
    .vb-save-big{font-size:40px}
}

/* ===== Quote modal / kontaktformular ===== */
.vb-cta-quote{
    display:inline-flex; align-items:center; justify-content:center; gap:8px;
    padding:12px 22px; border-radius:999px;
    background:var(--vb-ink); color:var(--vb-panel);
    border:0; font-size:14px; font-weight:600; letter-spacing:-0.005em;
    cursor:pointer; transition:transform .15s ease, opacity .15s ease;
    font-family:inherit;
}
.vb-cta-quote:hover{transform:translateY(-1px); opacity:.92}
.vb-cta-quote:active{transform:translateY(0)}

.vb-modal[hidden]{display:none}
.vb-modal{
    position:fixed; inset:0; z-index:10000;
    display:grid; place-items:center;
    padding:20px;
}
.vb-modal-overlay{
    position:absolute; inset:0;
    background:oklch(0.15 0.01 260 / 0.45);
    backdrop-filter:blur(4px);
    -webkit-backdrop-filter:blur(4px);
}
.vb-modal-card{
    position:relative; z-index:1;
    width:100%; max-width:460px;
    background:var(--vb-panel);
    border-radius:var(--vb-radius); border:1px solid var(--vb-line);
    box-shadow:0 20px 60px oklch(0.15 0.01 260 / 0.2);
    padding:28px;
    font-family:inherit;
    animation:vb-modal-in .2s ease-out;
}
@keyframes vb-modal-in{
    from{opacity:0; transform:translateY(8px) scale(0.98)}
    to{opacity:1; transform:translateY(0) scale(1)}
}
.vb-modal-close{
    position:absolute; top:12px; right:12px;
    width:32px; height:32px; border-radius:50%;
    border:0; background:transparent; cursor:pointer;
    font-size:22px; line-height:1; color:var(--vb-ink-3);
    display:grid; place-items:center;
}
.vb-modal-close:hover{background:oklch(0.96 0.005 260); color:var(--vb-ink)}
.vb-modal-title{
    margin:0 0 6px; font-size:20px; font-weight:600;
    letter-spacing:-0.015em; color:var(--vb-ink);
}
.vb-modal-lead{
    margin:0 0 20px; font-size:13px; color:var(--vb-ink-3);
}
.vb-modal-form{display:grid; gap:12px}
.vb-modal-field{display:grid; gap:5px}
.vb-modal-field label{
    font-size:11px; font-weight:600; letter-spacing:0.04em;
    text-transform:uppercase; color:var(--vb-ink-3);
}
.vb-modal-field input{
    width:100%; box-sizing:border-box;
    padding:11px 13px; border-radius:var(--vb-radius-sm);
    border:1px solid var(--vb-line-2);
    background:var(--vb-panel);
    font-size:14px; font-family:inherit; color:var(--vb-ink);
    transition:border-color .15s ease, box-shadow .15s ease;
}
.vb-modal-field input:focus{
    outline:none;
    border-color:var(--vb-ink);
    box-shadow:0 0 0 3px oklch(0.15 0.01 260 / 0.08);
}
.vb-modal-hp{
    position:absolute; left:-9999px; width:1px; height:1px;
    overflow:hidden;
}
.vb-modal-actions{
    display:flex; gap:10px; justify-content:flex-end; margin-top:8px;
}
.vb-modal-btn{
    padding:11px 20px; border-radius:999px;
    font-size:14px; font-weight:600; font-family:inherit;
    cursor:pointer; border:0;
    transition:transform .15s ease, opacity .15s ease, background .15s ease;
}
.vb-modal-btn:disabled{opacity:.5; cursor:not-allowed}
.vb-modal-btn-ghost{
    background:transparent; color:var(--vb-ink-2);
}
.vb-modal-btn-ghost:hover:not(:disabled){background:oklch(0.96 0.005 260)}
.vb-modal-btn-primary{
    background:var(--vb-ink); color:var(--vb-panel);
}
.vb-modal-btn-primary:hover:not(:disabled){transform:translateY(-1px); opacity:.92}
.vb-modal-status{
    margin:6px 0 0; padding:10px 12px; border-radius:var(--vb-radius-sm);
    font-size:13px; line-height:1.4;
    background:oklch(0.96 0.005 260); color:var(--vb-ink-2);
}
.vb-modal-status-success{
    background:oklch(0.95 0.05 150); color:oklch(0.35 0.1 150);
}
.vb-modal-status-error{
    background:oklch(0.95 0.05 25); color:oklch(0.4 0.15 25);
}
body.vb-modal-open{overflow:hidden}

@media (max-width:520px){
    .vb-modal-card{padding:22px 18px}
    .vb-modal-actions{flex-direction:column-reverse}
    .vb-modal-btn{width:100%}
}

.knapTilbud{
    margin-top: 40px;
    min-width: 60%;

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