Kärcher vreckový vysávač VC 2

Kärcher vreckový vysávač VC 2

Vreckový vysávač Kärcher VC 2 presvedčí hygienickým a komfortným filtračným systémom. Plné vrecká je možné likvidovať úplne pohodlne bez kontaktu s nečistotami. Kompaktný vysávač je obzvlášť vhodný pre byty a malé domy. Ideálne na dôkladné čistenie tvrdých podláh a kobercov, alebo vďaka štrbinovej hubici a štetcovi na nábytok aj na čistenie úzkych priestorov a citlivých povrchov.

Ďalšou výhodou vysávača VC 2 je jeho hygienický HEPA filter, ktorý spoľahlivo zachytí jemné nečistoty ako peľ alebo iné čiastočky vyvolávajúce alergiu. O doplnkový komfort pri práci sa starajú integrovaná priehradka príslušenstva, nastavenie výkonu na vysávači a praktická parkovacia poloha.

HlavnÉ vlastnosti

Filter HEPA 13 spoľahlivo filtruje najjemnejšie nečistoty ako napr. peľ a iné čiastočky spôsobujúce alergie

Uloženie príslušenstva priamo v prístroji

Ľahko ovládateľný systém filtračných sáčkov

Odnímateľná podlahová hubica

Parkovacia poloha pre rýchle a bezpečné odloženie prístroja pri prerušení práce

/* ---- minimal reset ---- */
.kdc *, .kdc *::before, .kdc *::after { box-sizing: border-box; }

/* logo above the whole container (centered, on the page background) */
.kdc-top-logo {
box-sizing: border-box;
text-align: center;
padding: 30px 20px;
}
.kdc-top-logo svg {
display: inline-block;
width: 190px;
max-width: 60%;
height: auto;
}
.kdc {
font-family: „Helvetica Neue“, Arial, „Segoe UI“, system-ui, sans-serif;
line-height: 1.6;
color: #cfcfcf;
background: #feed01;
overflow-x: hidden;
}
.kdc p { margin: 0; }

/* ---- sections ---- */
.kdc__top {
background-color: #0a0a0a;
background-image: url(‚https://c­dn.mountfield­.cz/content/wy­siwyg/karcher-desc/bg-noise.jpg‘);
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
}
.kdc__bottom {
background-color: #feed01;
}

.kdc__inner {
max-width: 1200px;
margin: auto;
padding: 30px 80px;
}
/* keep the black content tight against the tear so it can overlap it */
.kdc__top .kdc__inner { padding-bottom: 12px !important; }
.kdc__bottom .kdc__inner {
padding-top: 10px;
padding-bottom: 40px;
}

/* ---- torn divider ---- /
.kdc__tear {
display: block;
width: 100%;
/ pull the strip up so the black content block overlaps the tear a little */
margin-top: –1.5vw;
margin-bottom: –1px;
position: relative;
z-index: 1;
}

/* ---- text on the black section ---- */
.kdc__top p { color: #ffffff !important; }

.kdc__heading {
font-size: 24px !important;
font-weight: 700;
color: #ffffff !important;
}
.kdc__heading-800 {
font-size: 22px !important;
font-weight: 800;
color: #ffffff !important;
margin-bottom: 1rem;
}
/* scoped under .kdc__top so it beats „.kdc__top p“ for colour */
.kdc__top .kdc__feat-title {
font-size: 24px !important;
font-weight: 700;
letter-spacing: 3px !important;
color: #FFED00 !important;
}

/* ---- rows ---- */
.kdc__row {
display: flex;
align-items: stretch;
margin-bottom: 0 !important;
}

/* Product images are real so editors can click & replace them in the
WYSIWYG. The column stretches to the block height and the image covers it.
We override the project's global „img { height:auto !important }“ with a
more specific rule (0,2,1 beats 0,1,1) so the image can fill its box. */
.kdc__img {
min-width: 0;
min-height: 340px;
position: relative;
overflow: hidden;
}
.kdc__img–50 { flex: 1 1 45%; }
.kdc .kdc__img img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100% !important;
height: 100% !important;
max-width: none !important;
object-fit: cover !important;
display: block;
}

.kdc__text {
flex: 1 1 55%;
min-width: 0;
padding: 24px;
display: flex;
flex-direction: column;
justify-content: center;
}
.kdc__text p { padding: 5px 20px; }
.kdc__text–right { text-align: right; }

.kdc__text–gradient-right {
background: linear-gradient(270deg, rgba(10,10,10,0.6), rgba(10,10,10­,0.72), rgba(10,10,10,0));
}

/* ---- olive box on the yellow section (dark overlay over yellow) ---- /
/ kept dark enough across the whole box so white text stays readable */
.kdc__box {
background: linear-gradient(135deg, rgba(10,10,5,0.94) 0%, rgba(18,18,9,0.88) 55%, rgba(30,30,12,0.66) 100%);
}
.kdc__box .kdc__heading-800 { color: #ffffff !important; }

/* ---- feature list (plain bullet list) ---- /
.kdc__bottom .kdc__box-title {
color: #FFED00 !important;
font-size: 22px !important;
font-weight: 800;
letter-spacing: 2px !important;
}
/ lists (both blocks) use like the X5 reference; the bullet comes
from the project's own „li::after“ square. Keep the text white and recolour
the bullet white so it reads on the dark backgrounds (project default red). */
.kdc .kdc__text li { color: #ffffff !important; }
.kdc .kdc__text li p { color: #ffffff !important; padding: 5px 0 !important; }
.kdc .kdc__text ul li::after { background: #ffffff !important; }

/* ---- logo ---- */
.kdc__logo {
text-align: center;
padding: 70px 0 10px !important;
}
.kdc__logo svg {
display: inline-block;
width: 190px;
max-width: 60%;
height: auto;
}

/* ---- youtube video embed (responsive 16:9, like the X7 reference) ---- /
.kdc__video-title {
font-weight: 700;
font-size: 20px;
color: #0a0a0a !important;
}
.kdc__video-embed {
position: relative;
width: 100%;
padding-top: 56.25%; / 16:9 */
overflow: hidden;
}
.kdc .kdc__video-embed iframe {
position: absolute;
inset: 0;
width: 100% !important;
height: 100% !important;
border: 0;
}

/* ---- helpers ---- */
.kdc-yellow { color: #feed01 !important; }
.text-center { text-align: center; }
.mb-4 { margin-bottom: 4rem !important; }
.mb-2 { margin-bottom: 2rem !important; }
.mb-1 { margin-bottom: 1rem !important; }
.mb-0 { margin-bottom: 0 !important; }
.mt-3 { margin-top: 3rem !important; }

/* ---- responsive ---- */
@media screen and (max-width: 1221px) {
.kdc__inner { padding: 30px 40px; }
}

@media screen and (max-width: 992px) {
.kdc__row { flex-direction: column; }
.kdc__row–reverse { flex-direction: column-reverse; }
.kdc__text–right { text-align: left; }
.kdc__img { min-height: 300px; }
.kdc__img–band { height: 300px; }
}

@media screen and (max-width: 500px) {
.kdc__inner { padding: 30px 20px; }
.kdc__text { padding: 20px 6px; }
.kdc__text p { padding: 5px 14px; }
.kdc__text–gradient-right,
.kdc__box {
background: linear-gradient(90deg, rgba(15,15,8,0.85), rgba(20,20,10­,0.75), rgba(30,30,12­,0.05));
}
}