body.index header .logo { background-image: url(../../images/officium-logo-inv-sr.svg); }
body.kategoria header .logo { background-image: url(../../images/officium-logo-sr.svg); }
body.szoveg header .logo { background-image: url(../../images/officium-logo-sr.svg); }
body.simaszoveg header .logo { background-image: url(../../images/officium-logo-sr.svg); }
body.kapcsolat header .logo { background-image: url(../../images/officium-logo-sr.svg); }
body.felelossegvallalas header .logo { background-image: url(../../images/officium-logo-sr.svg); }
body.hirek header .logo { background-image: url(../../images/officium-logo-sr.svg); }
body.projektek header .logo { background-image: url(../../images/officium-logo-sr.svg); }
body.rolunkirtak header .logo { background-image: url(../../images/officium-logo-sr.svg); }
body.divizio header .logo { background-image: url(../../images/officium-logo-sr.svg); }
body.karrier header .logo { background-image: url(../../images/officium-logo-sr.svg); }
body.karriergyujto header .logo { background-image: url(../../images/officium-logo-sr.svg); }
body.tamogatasok header .logo { background-image: url(../../images/officium-logo-sr.svg); }
body.allapotfelmeres header .logo { background-image: url(../../images/officium-logo-sr.svg); }
body.vezetoseg header .logo { background-image: url(../../images/officium-logo-sr.svg); }
body.error-404 header .logo { background-image: url(../../images/officium-logo-sr.svg); }

body.index section.header.scrolled .logo { background-image: url(../../images/officium-logo-gb.svg); }
body.index section.header.mswh .logo { background-image: url(../../images/officium-logo-gb.svg); }
body.kategoria section.header .logo { background-image: url(../../images/officium-logo-gb.svg); }
body.szoveg section.header .logo { background-image: url(../../images/officium-logo-gb.svg); }
body.simaszoveg section.header .logo { background-image: url(../../images/officium-logo-gb.svg); }
body.kapcsolat section.header .logo { background-image: url(../../images/officium-logo-gb.svg); }
body.felelossegvallalas section.header .logo { background-image: url(../../images/officium-logo-gb.svg); }
body.hirek section.header .logo { background-image: url(../../images/officium-logo-gb.svg); }
body.projektek section.header .logo { background-image: url(../../images/officium-logo-gb.svg); }
body.rolunkirtak section.header .logo { background-image: url(../../images/officium-logo-gb.svg); }
body.divizio section.header .logo { background-image: url(../../images/officium-logo-gb.svg); }
body.karrier section.header .logo { background-image: url(../../images/officium-logo-gb.svg); }
body.karriergyujto section.header .logo { background-image: url(../../images/officium-logo-gb.svg); }
body.tamogatasok section.header .logo { background-image: url(../../images/officium-logo-gb.svg); }
body.allapotfelmeres section.header .logo { background-image: url(../../images/officium-logo-gb.svg); }
body.vezetoseg section.header .logo { background-image: url(../../images/officium-logo-gb.svg); }
body.error-404 section.header .logo { background-image: url(../../images/officium-logo-gb.svg); }

.izvoenje-radova-realizacija .btn { color: var(--color-tervezes-kivitelezes); border: 1px solid var(--color-tervezes-kivitelezes); }
.izvoenje-radova-realizacija .btn:hover { background-color: var(--color-tervezes-kivitelezes); color: #fff; }

.dizajn-enterijera .btn { color: var(--color-irodabutor); border: 1px solid var(--color-irodabutor); }
.dizajn-enterijera .btn:hover { background-color: var(--color-irodabutor); color: #fff; }

.informatika-kancelarijska-tehnologija .btn { color: var(--color-informatika-irodatechnika); border: 1px solid var(--color-informatika-irodatechnika); }
.informatika-kancelarijska-tehnologija .btn:hover { background-color: var(--color-informatika-irodatechnika); color: #fff; }

.odravanje-nekretnina .btn { color: var(--color-ingatlan-uzemeltetes); border: 1px solid var(--color-ingatlan-uzemeltetes); }
.odravanje-nekretnina .btn:hover { background-color: var(--color-ingatlan-uzemeltetes); color: #fff; }

.izvoenje-radova-realizacija h6.cube::after { background-color: var(--color-tervezes-kivitelezes) !important; }
.izvoenje-radova-realizacija h6 { color: var(--color-tervezes-kivitelezes) !important; }
.informatika-kancelarijska-tehnologija h6.cube::after { background-color: var(--color-informatika-irodatechnika) !important; }
.informatika-kancelarijska-tehnologija h6 { color: var(--color-informatika-irodatechnika) !important; }
.dizajn-enterijera h6.cube::after { background-color: var(--color-irodabutor) !important; }
.dizajn-enterijera h6 { color: var(--color-irodabutor) !important; }
.odravanje-nekretnina h6.cube::after { background-color: var(--color-ingatlan-uzemeltetes) !important; }
.odravanje-nekretnina h6 { color: var(--color-ingatlan-uzemeltetes) !important; }

.izvoenje-radova-realizacija h1 { color: var(--color-tervezes-kivitelezes) !important; }
.informatika-kancelarijska-tehnologija h1 { color: var(--color-informatika-irodatechnika) !important; }
.dizajn-enterijera h1 { color: var(--color-irodabutor) !important; }
.odravanje-nekretnina h1 { color: var(--color-ingatlan-uzemeltetes) !important; }

/* billboard */

.billboard .diviziok section.izvoenje-radova-realizacija div:nth-child(1) { background: rgba(252, 175, 23, 0.8); }
.billboard .diviziok section.informatika-kancelarijska-tehnologija div:nth-child(1) { background: rgba(78, 195, 0, 0.8); }
.billboard .diviziok section.dizajn-enterijera div:nth-child(1) { background: rgba(255, 60, 60, 0.8); }
.billboard .diviziok section.odravanje-nekretnina div:nth-child(1) { background: rgba(103, 113, 254, 0.8); }

@media (min-width: 1200px) { 
	.billboard .diviziok section.izvoenje-radova-realizacija:hover div:nth-child(1) { background: rgba(252, 175, 23, 1); height: 50%; }
	.billboard .diviziok section.informatika-kancelarijska-tehnologija:hover div:nth-child(1) { background: rgba(78, 195, 0, 1); height: 50%; }
	.billboard .diviziok section.dizajn-enterijera:hover div:nth-child(1) { background: rgba(255, 60, 60, 1); height: 50%; }
	.billboard .diviziok section.odravanje-nekretnina:hover div:nth-child(1) { background: rgba(103, 113, 254, 1); height: 50%; }
}

@media (max-width: 1200px) { 
	.billboard .diviziok section.izvoenje-radova-realizacija.active div:nth-child(1) { background: rgba(252, 175, 23, 1); height: 50%; }
	.billboard .diviziok section.informatika-kancelarijska-tehnologija.active div:nth-child(1) { background: rgba(78, 195, 0, 1); height: 50%; }
	.billboard .diviziok section.dizajn-enterijera.active div:nth-child(1) { background: rgba(255, 60, 60, 1); height: 50%; }
	.billboard .diviziok section.odravanje-nekretnina.active div:nth-child(1) { background: rgba(103, 113, 254, 1); height: 50%; }
}

/* article */

article.izvoenje-radova-realizacija .body a { color: var(--color-tervezes-kivitelezes); }
article.informatika-kancelarijska-tehnologija .body a { color: var(--color-informatika-irodatechnika); }
article.dizajn-enterijera .body a { color: var(--color-irodabutor); }
article.odravanje-nekretnina .body a { color: var(--color-ingatlan-uzemeltetes); }

section.projektek li { background-repeat: no-repeat; background-position: left center; color: #fff; font-weight: 300; font-size: 16px; padding-left: 25px; }
section.projektek .izvoenje-radova-realizacija li { background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.62715 9.84466C5.49391 9.84493 5.36193 9.81889 5.23878 9.76803C5.11563 9.71717 5.00374 9.64249 4.90952 9.54827L0.603749 5.24148C0.506739 5.14792 0.429335 5.03597 0.376052 4.91217C0.322769 4.78837 0.294676 4.6552 0.29341 4.52042C0.292145 4.38565 0.317733 4.25198 0.368681 4.1272C0.41963 4.00242 0.494919 3.88904 0.590155 3.79366C0.685391 3.69829 0.798667 3.62284 0.923373 3.57172C1.04808 3.52059 1.18172 3.49482 1.31649 3.49589C1.45127 3.49697 1.58448 3.52487 1.70836 3.57798C1.83223 3.63109 1.94429 3.70833 2.03799 3.80521L5.62614 7.39336L12.0868 0.934696C12.2772 0.744234 12.5353 0.63718 12.8046 0.637085C13.0739 0.63699 13.3321 0.743861 13.5226 0.934188C13.7131 1.12452 13.8201 1.38271 13.8202 1.65197C13.8203 1.92122 13.7134 2.17949 13.5231 2.36995L6.34478 9.54827C6.25057 9.64249 6.13867 9.71717 6.01552 9.76803C5.89237 9.81889 5.76039 9.84493 5.62715 9.84466Z' fill='%23FCAF17'/%3E%3C/svg%3E%0A"); }
section.projektek .informatika-kancelarijska-tehnologija li { background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.62715 9.84466C5.49391 9.84493 5.36193 9.81889 5.23878 9.76803C5.11563 9.71717 5.00374 9.64249 4.90952 9.54827L0.603749 5.24148C0.506739 5.14792 0.429335 5.03597 0.376052 4.91217C0.322769 4.78837 0.294676 4.6552 0.29341 4.52042C0.292145 4.38565 0.317733 4.25198 0.368681 4.1272C0.41963 4.00242 0.494919 3.88904 0.590155 3.79366C0.685391 3.69829 0.798667 3.62284 0.923373 3.57172C1.04808 3.52059 1.18172 3.49482 1.31649 3.49589C1.45127 3.49697 1.58448 3.52487 1.70836 3.57798C1.83223 3.63109 1.94429 3.70833 2.03799 3.80521L5.62614 7.39336L12.0868 0.934696C12.2772 0.744234 12.5353 0.63718 12.8046 0.637085C13.0739 0.63699 13.3321 0.743861 13.5226 0.934188C13.7131 1.12452 13.8201 1.38271 13.8202 1.65197C13.8203 1.92122 13.7134 2.17949 13.5231 2.36995L6.34478 9.54827C6.25057 9.64249 6.13867 9.71717 6.01552 9.76803C5.89237 9.81889 5.76039 9.84493 5.62715 9.84466Z' fill='%234EC300'/%3E%3C/svg%3E%0A"); }
section.projektek .dizajn-enterijera li { background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.62715 9.84466C5.49391 9.84493 5.36193 9.81889 5.23878 9.76803C5.11563 9.71717 5.00374 9.64249 4.90952 9.54827L0.603749 5.24148C0.506739 5.14792 0.429335 5.03597 0.376052 4.91217C0.322769 4.78837 0.294676 4.6552 0.29341 4.52042C0.292145 4.38565 0.317733 4.25198 0.368681 4.1272C0.41963 4.00242 0.494919 3.88904 0.590155 3.79366C0.685391 3.69829 0.798667 3.62284 0.923373 3.57172C1.04808 3.52059 1.18172 3.49482 1.31649 3.49589C1.45127 3.49697 1.58448 3.52487 1.70836 3.57798C1.83223 3.63109 1.94429 3.70833 2.03799 3.80521L5.62614 7.39336L12.0868 0.934696C12.2772 0.744234 12.5353 0.63718 12.8046 0.637085C13.0739 0.63699 13.3321 0.743861 13.5226 0.934188C13.7131 1.12452 13.8201 1.38271 13.8202 1.65197C13.8203 1.92122 13.7134 2.17949 13.5231 2.36995L6.34478 9.54827C6.25057 9.64249 6.13867 9.71717 6.01552 9.76803C5.89237 9.81889 5.76039 9.84493 5.62715 9.84466Z' fill='%23FF3C3C'/%3E%3C/svg%3E%0A"); }
section.projektek .odravanje-nekretnina li { background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.62715 9.84466C5.49391 9.84493 5.36193 9.81889 5.23878 9.76803C5.11563 9.71717 5.00374 9.64249 4.90952 9.54827L0.603749 5.24148C0.506739 5.14792 0.429335 5.03597 0.376052 4.91217C0.322769 4.78837 0.294676 4.6552 0.29341 4.52042C0.292145 4.38565 0.317733 4.25198 0.368681 4.1272C0.41963 4.00242 0.494919 3.88904 0.590155 3.79366C0.685391 3.69829 0.798667 3.62284 0.923373 3.57172C1.04808 3.52059 1.18172 3.49482 1.31649 3.49589C1.45127 3.49697 1.58448 3.52487 1.70836 3.57798C1.83223 3.63109 1.94429 3.70833 2.03799 3.80521L5.62614 7.39336L12.0868 0.934696C12.2772 0.744234 12.5353 0.63718 12.8046 0.637085C13.0739 0.63699 13.3321 0.743861 13.5226 0.934188C13.7131 1.12452 13.8201 1.38271 13.8202 1.65197C13.8203 1.92122 13.7134 2.17949 13.5231 2.36995L6.34478 9.54827C6.25057 9.64249 6.13867 9.71717 6.01552 9.76803C5.89237 9.81889 5.76039 9.84493 5.62715 9.84466Z' fill='%236771FE'/%3E%3C/svg%3E%0A"); }

section.projektek .tovabbi .izvoenje-radova-realizacija::after, section.projektek .tovabbi .izvoenje-radova-realizacija:hover { background-color: var(--color-tervezes-kivitelezes); }
section.projektek .tovabbi .informatika-kancelarijska-tehnologija::after, section.projektek .tovabbi .informatika-kancelarijska-tehnologija:hover { background-color: var(--color-informatika-irodatechnika); }
section.projektek .tovabbi .dizajn-enterijera::after, section.projektek .tovabbi .dizajn-enterijera:hover { background-color: var(--color-irodabutor); }
section.projektek .tovabbi .odravanje-nekretnina::after, section.projektek .tovabbi .odravanje-nekretnina:hover { background-color: var(--color-ingatlan-uzemeltetes); }

/* referenciák */

body.projektek .lista .izvoenje-radova-realizacija h5 { color: var(--color-tervezes-kivitelezes); }
body.projektek .lista .informatika-kancelarijska-tehnologija h5 { color: var(--color-informatika-irodatechnika); }
body.projektek .lista .dizajn-enterijera h5 { color: var(--color-irodabutor); }
body.projektek .lista .odravanje-nekretnina h5 { color: var(--color-ingatlan-uzemeltetes); }

/* aktualitások */

body.hirek .lista .izvoenje-radova-realizacija h5 { color: var(--color-tervezes-kivitelezes); }
body.hirek .lista .informatika-kancelarijska-tehnologija h5 { color: var(--color-informatika-irodatechnika); }
body.hirek .lista .dizajn-enterijera h5 { color: var(--color-irodabutor); }
body.hirek .lista .odravanje-nekretnina h5 { color: var(--color-ingatlan-uzemeltetes); }

/* rólunk írták */

body.rolunkirtak .lista .izvoenje-radova-realizacija h5 { color: var(--color-tervezes-kivitelezes); }
body.rolunkirtak .lista .informatika-kancelarijska-tehnologija h5 { color: var(--color-informatika-irodatechnika); }
body.rolunkirtak .lista .dizajn-enterijera h5 { color: var(--color-irodabutor); }
body.rolunkirtak .lista .odravanje-nekretnina h5 { color: var(--color-ingatlan-uzemeltetes); }

/* felelősségvállalás */

body.felelossegvallalas .lista .izvoenje-radova-realizacija h5 { color: var(--color-tervezes-kivitelezes); }
body.felelossegvallalas .lista .informatika-kancelarijska-tehnologija h5 { color: var(--color-informatika-irodatechnika); }
body.felelossegvallalas .lista .dizajn-enterijera h5 { color: var(--color-irodabutor); }
body.felelossegvallalas .lista .odravanje-nekretnina h5 { color: var(--color-ingatlan-uzemeltetes); }

/* karrier */

body.karriergyujto .karrierlista .izvoenje-radova-realizacija h5 { color: var(--color-tervezes-kivitelezes); }
body.karriergyujto .karrierlista .informatika-kancelarijska-tehnologija h5 { color: var(--color-informatika-irodatechnika); }
body.karriergyujto .karrierlista .dizajn-enterijera h5 { color: var(--color-irodabutor); }
body.karriergyujto .karrierlista .odravanje-nekretnina h5 { color: var(--color-ingatlan-uzemeltetes); }

body.karriergyujto .card.izvoenje-radova-realizacija figure { background-color: var(--color-tervezes-kivitelezes); }
body.karriergyujto .card.informatika-kancelarijska-tehnologija figure { background-color: var(--color-informatika-irodatechnika); }
body.karriergyujto .card.dizajn-enterijera figure { background-color: var(--color-irodabutor); }
body.karriergyujto .card.odravanje-nekretnina figure { background-color: var(--color-ingatlan-uzemeltetes); }

/* divízió */

body.divizio article.izvoenje-radova-realizacija .body h4 { color: var(--color-tervezes-kivitelezes); }
body.divizio article.informatika-kancelarijska-tehnologija .body h4 { color: var(--color-informatika-irodatechnika); }
body.divizio article.dizajn-enterijera .body h4 { color: var(--color-irodabutor); }
body.divizio article.odravanje-nekretnina .body h4 { color: var(--color-ingatlan-uzemeltetes); }

body.divizio article.izvoenje-radova-realizacija .body li p::after { background-color: var(--color-tervezes-kivitelezes); }
body.divizio article.informatika-kancelarijska-tehnologija .body li p::after { background-color: var(--color-informatika-irodatechnika); }
body.divizio article.dizajn-enterijera .body li p::after { background-color: var(--color-irodabutor); }
body.divizio article.odravanje-nekretnina .body li p::after { background-color: var(--color-ingatlan-uzemeltetes); }

body.divizio article.izvoenje-radova-realizacija .bevezeto { background-color: var(--color-tervezes-kivitelezes); }
body.divizio article.informatika-kancelarijska-tehnologija .bevezeto { background-color: var(--color-informatika-irodatechnika); }
body.divizio article.dizajn-enterijera .bevezeto { background-color: var(--color-irodabutor); }
body.divizio article.odravanje-nekretnina .bevezeto { background-color: var(--color-ingatlan-uzemeltetes); }

/* szöveg */

body.szoveg article.izvoenje-radova-realizacija .body h4 { color: var(--color-tervezes-kivitelezes); }
body.szoveg article.informatika-kancelarijska-tehnologija .body h4 { color: var(--color-informatika-irodatechnika); }
body.szoveg article.dizajn-enterijera .body h4 { color: var(--color-irodabutor); }
body.szoveg article.odravanje-nekretnina .body h4 { color: var(--color-ingatlan-uzemeltetes); }

body.szoveg article.izvoenje-radova-realizacija .body ul:not(.unlist) li p::after { background-color: var(--color-tervezes-kivitelezes); }
body.szoveg article.informatika-kancelarijska-tehnologija .body ul:not(.unlist) li p::after { background-color: var(--color-informatika-irodatechnika); }
body.szoveg article.dizajn-enterijera .body ul:not(.unlist) li p::after { background-color: var(--color-irodabutor); }
body.szoveg article.odravanje-nekretnina .body ul:not(.unlist) li p::after { background-color: var(--color-ingatlan-uzemeltetes); }

body.szoveg article.izvoenje-radova-realizacija .body ul.unlist li:before { border: 3px solid var(--color-tervezes-kivitelezes); }
body.szoveg article.informatika-kancelarijska-tehnologija .body ul.unlist li:before { border: 3px solid var(--color-informatika-irodatechnika); }
body.szoveg article.dizajn-enterijera .body ul.unlist li:before { border: 3px solid var(--color-irodabutor); }
body.szoveg article.odravanje-nekretnina .body ul.unlist li:before { border: 3px solid var(--color-ingatlan-uzemeltetes); }

body.szoveg article.izvoenje-radova-realizacija .bevezeto { background-color: var(--color-tervezes-kivitelezes); }
body.szoveg article.informatika-kancelarijska-tehnologija .bevezeto { background-color: var(--color-informatika-irodatechnika); }
body.szoveg article.dizajn-enterijera .bevezeto { background-color: var(--color-irodabutor); }
body.szoveg article.odravanje-nekretnina .bevezeto { background-color: var(--color-ingatlan-uzemeltetes); }

body.simaszoveg article.izvoenje-radova-realizacija .body h4 { color: var(--color-tervezes-kivitelezes); }
body.simaszoveg article.informatika-kancelarijska-tehnologija .body h4 { color: var(--color-informatika-irodatechnika); }
body.simaszoveg article.dizajn-enterijera .body h4 { color: var(--color-irodabutor); }
body.simaszoveg article.odravanje-nekretnina .body h4 { color: var(--color-ingatlan-uzemeltetes); }

body.simaszoveg article.izvoenje-radova-realizacija .body ul:not(.unlist) li p::after { background-color: var(--color-tervezes-kivitelezes); }
body.simaszoveg article.informatika-kancelarijska-tehnologija .body ul:not(.unlist) li p::after { background-color: var(--color-informatika-irodatechnika); }
body.simaszoveg article.dizajn-enterijera .body ul:not(.unlist) li p::after { background-color: var(--color-irodabutor); }
body.simaszoveg article.odravanje-nekretnina .body ul:not(.unlist) li p::after { background-color: var(--color-ingatlan-uzemeltetes); }

body.simaszoveg article.izvoenje-radova-realizacija .body ul.unlist li:before { border: 3px solid var(--color-tervezes-kivitelezes); }
body.simaszoveg article.informatika-kancelarijska-tehnologija .body ul.unlist li:before { border: 3px solid var(--color-informatika-irodatechnika); }
body.simaszoveg article.dizajn-enterijera .body ul.unlist li:before { border: 3px solid var(--color-irodabutor); }
body.simaszoveg article.odravanje-nekretnina .body ul.unlist li:before { border: 3px solid var(--color-ingatlan-uzemeltetes); }

body.simaszoveg article.izvoenje-radova-realizacija .bevezeto { background-color: var(--color-tervezes-kivitelezes); }
body.simaszoveg article.informatika-kancelarijska-tehnologija .bevezeto { background-color: var(--color-informatika-irodatechnika); }
body.simaszoveg article.dizajn-enterijera .bevezeto { background-color: var(--color-irodabutor); }
body.simaszoveg article.odravanje-nekretnina .bevezeto { background-color: var(--color-ingatlan-uzemeltetes); }

/* karrier */

body.karrier article.izvoenje-radova-realizacija .body h4 { color: var(--color-tervezes-kivitelezes); }
body.karrier article.informatika-kancelarijska-tehnologija .body h4 { color: var(--color-informatika-irodatechnika); }
body.karrier article.dizajn-enterijera .body h4 { color: var(--color-irodabutor); }
body.karrier article.odravanje-nekretnina .body h4 { color: var(--color-ingatlan-uzemeltetes); }

body.karrier article.izvoenje-radova-realizacija .body li:before { border: 3px solid var(--color-tervezes-kivitelezes); }
body.karrier article.informatika-kancelarijska-tehnologija .body li:before { border: 3px solid var(--color-informatika-irodatechnika); }
body.karrier article.dizajn-enterijera .body li:before { border: 3px solid var(--color-irodabutor); }
body.karrier article.odravanje-nekretnina .body li:before { border: 3px solid var(--color-ingatlan-uzemeltetes); }

body.karrier article.izvoenje-radova-realizacija figure { background-color: var(--color-tervezes-kivitelezes); }
body.karrier article.informatika-kancelarijska-tehnologija figure { background-color: var(--color-informatika-irodatechnika); }
body.karrier article.dizajn-enterijera figure { background-color: var(--color-irodabutor); }
body.karrier article.odravanje-nekretnina figure { background-color: var(--color-ingatlan-uzemeltetes); }