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

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

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

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

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

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

.kivitelezes h6.cube::after { background-color: var(--color-tervezes-kivitelezes) !important; }
.kivitelezes h6 { color: var(--color-tervezes-kivitelezes) !important; }
.informatika-irodatechnika h6.cube::after { background-color: var(--color-informatika-irodatechnika) !important; }
.informatika-irodatechnika h6 { color: var(--color-informatika-irodatechnika) !important; }
.belsoepiteszet h6.cube::after { background-color: var(--color-irodabutor) !important; }
.belsoepiteszet h6 { color: var(--color-irodabutor) !important; }
.ingatlan-uzemeltetes h6.cube::after { background-color: var(--color-ingatlan-uzemeltetes) !important; }
.ingatlan-uzemeltetes h6 { color: var(--color-ingatlan-uzemeltetes) !important; }

.kivitelezes h1 { color: var(--color-tervezes-kivitelezes) !important; }
.informatika-irodatechnika h1 { color: var(--color-informatika-irodatechnika) !important; }
.belsoepiteszet h1 { color: var(--color-irodabutor) !important; }
.ingatlan-uzemeltetes h1 { color: var(--color-ingatlan-uzemeltetes) !important; }

/* billboard */

.billboard .diviziok section.kivitelezes div:nth-child(1) { background: rgba(252, 175, 23, 0.8); }
.billboard .diviziok section.informatika-irodatechnika div:nth-child(1) { background: rgba(78, 195, 0, 0.8); }
.billboard .diviziok section.belsoepiteszet div:nth-child(1) { background: rgba(255, 60, 60, 0.8); }
.billboard .diviziok section.ingatlan-uzemeltetes div:nth-child(1) { background: rgba(103, 113, 254, 0.8); }

@media (min-width: 1200px) { 
	.billboard .diviziok section.kivitelezes:hover div:nth-child(1) { background: rgba(252, 175, 23, 1); height: 50%; }
	.billboard .diviziok section.informatika-irodatechnika:hover div:nth-child(1) { background: rgba(78, 195, 0, 1); height: 50%; }
	.billboard .diviziok section.belsoepiteszet:hover div:nth-child(1) { background: rgba(255, 60, 60, 1); height: 50%; }
	.billboard .diviziok section.ingatlan-uzemeltetes:hover div:nth-child(1) { background: rgba(103, 113, 254, 1); height: 50%; }
}

@media (max-width: 1200px) { 
	.billboard .diviziok section.kivitelezes.active div:nth-child(1) { background: rgba(252, 175, 23, 1); height: 50%; }
	.billboard .diviziok section.informatika-irodatechnika.active div:nth-child(1) { background: rgba(78, 195, 0, 1); height: 50%; }
	.billboard .diviziok section.belsoepiteszet.active div:nth-child(1) { background: rgba(255, 60, 60, 1); height: 50%; }
	.billboard .diviziok section.ingatlan-uzemeltetes.active div:nth-child(1) { background: rgba(103, 113, 254, 1); height: 50%; }
}

/* article */

article.kivitelezes .body a { color: var(--color-tervezes-kivitelezes); }
article.informatika-irodatechnika .body a { color: var(--color-informatika-irodatechnika); }
article.belsoepiteszet .body a { color: var(--color-irodabutor); }
article.ingatlan-uzemeltetes .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 .kivitelezes 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-irodatechnika 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 .belsoepiteszet 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 .ingatlan-uzemeltetes 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 .kivitelezes::after, section.projektek .tovabbi .kivitelezes:hover { background-color: var(--color-tervezes-kivitelezes); }
section.projektek .tovabbi .informatika-irodatechnika::after, section.projektek .tovabbi .informatika-irodatechnika:hover { background-color: var(--color-informatika-irodatechnika); }
section.projektek .tovabbi .belsoepiteszet::after, section.projektek .tovabbi .belsoepiteszet:hover { background-color: var(--color-irodabutor); }
section.projektek .tovabbi .ingatlan-uzemeltetes::after, section.projektek .tovabbi .ingatlan-uzemeltetes:hover { background-color: var(--color-ingatlan-uzemeltetes); }

/* referenciák */

body.projektek .lista .kivitelezes h5 { color: var(--color-tervezes-kivitelezes); }
body.projektek .lista .informatika-irodatechnika h5 { color: var(--color-informatika-irodatechnika); }
body.projektek .lista .belsoepiteszet h5 { color: var(--color-irodabutor); }
body.projektek .lista .ingatlan-uzemeltetes h5 { color: var(--color-ingatlan-uzemeltetes); }

/* aktualitások */

body.hirek .lista .kivitelezes h5 { color: var(--color-tervezes-kivitelezes); }
body.hirek .lista .informatika-irodatechnika h5 { color: var(--color-informatika-irodatechnika); }
body.hirek .lista .belsoepiteszet h5 { color: var(--color-irodabutor); }
body.hirek .lista .ingatlan-uzemeltetes h5 { color: var(--color-ingatlan-uzemeltetes); }

/* rólunk írták */

body.rolunkirtak .lista .kivitelezes h5 { color: var(--color-tervezes-kivitelezes); }
body.rolunkirtak .lista .informatika-irodatechnika h5 { color: var(--color-informatika-irodatechnika); }
body.rolunkirtak .lista .belsoepiteszet h5 { color: var(--color-irodabutor); }
body.rolunkirtak .lista .ingatlan-uzemeltetes h5 { color: var(--color-ingatlan-uzemeltetes); }

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

body.felelossegvallalas .lista .kivitelezes h5 { color: var(--color-tervezes-kivitelezes); }
body.felelossegvallalas .lista .informatika-irodatechnika h5 { color: var(--color-informatika-irodatechnika); }
body.felelossegvallalas .lista .belsoepiteszet h5 { color: var(--color-irodabutor); }
body.felelossegvallalas .lista .ingatlan-uzemeltetes h5 { color: var(--color-ingatlan-uzemeltetes); }

/* karrier */

body.karriergyujto .karrierlista .kivitelezes h5 { color: var(--color-tervezes-kivitelezes); }
body.karriergyujto .karrierlista .informatika-irodatechnika h5 { color: var(--color-informatika-irodatechnika); }
body.karriergyujto .karrierlista .belsoepiteszet h5 { color: var(--color-irodabutor); }
body.karriergyujto .karrierlista .ingatlan-uzemeltetes h5 { color: var(--color-ingatlan-uzemeltetes); }

body.karriergyujto .card.kivitelezes figure { background-color: var(--color-tervezes-kivitelezes); }
body.karriergyujto .card.informatika-irodatechnika figure { background-color: var(--color-informatika-irodatechnika); }
body.karriergyujto .card.belsoepiteszet figure { background-color: var(--color-irodabutor); }
body.karriergyujto .card.ingatlan-uzemeltetes figure { background-color: var(--color-ingatlan-uzemeltetes); }

/* divízió */

body.divizio article.kivitelezes .body h4 { color: var(--color-tervezes-kivitelezes); }
body.divizio article.informatika-irodatechnika .body h4 { color: var(--color-informatika-irodatechnika); }
body.divizio article.belsoepiteszet .body h4 { color: var(--color-irodabutor); }
body.divizio article.ingatlan-uzemeltetes .body h4 { color: var(--color-ingatlan-uzemeltetes); }

body.divizio article.kivitelezes .body li p::after { background-color: var(--color-tervezes-kivitelezes); }
body.divizio article.informatika-irodatechnika .body li p::after { background-color: var(--color-informatika-irodatechnika); }
body.divizio article.belsoepiteszet .body li p::after { background-color: var(--color-irodabutor); }
body.divizio article.ingatlan-uzemeltetes .body li p::after { background-color: var(--color-ingatlan-uzemeltetes); }

body.divizio article.kivitelezes .bevezeto { background-color: var(--color-tervezes-kivitelezes); }
body.divizio article.informatika-irodatechnika .bevezeto { background-color: var(--color-informatika-irodatechnika); }
body.divizio article.belsoepiteszet .bevezeto { background-color: var(--color-irodabutor); }
body.divizio article.ingatlan-uzemeltetes .bevezeto { background-color: var(--color-ingatlan-uzemeltetes); }

/* szöveg */

body.szoveg article.kivitelezes .body h4 { color: var(--color-tervezes-kivitelezes); }
body.szoveg article.informatika-irodatechnika .body h4 { color: var(--color-informatika-irodatechnika); }
body.szoveg article.belsoepiteszet .body h4 { color: var(--color-irodabutor); }
body.szoveg article.ingatlan-uzemeltetes .body h4 { color: var(--color-ingatlan-uzemeltetes); }

body.szoveg article.kivitelezes .body ul:not(.unlist) li p::after { background-color: var(--color-tervezes-kivitelezes); }
body.szoveg article.informatika-irodatechnika .body ul:not(.unlist) li p::after { background-color: var(--color-informatika-irodatechnika); }
body.szoveg article.belsoepiteszet .body ul:not(.unlist) li p::after { background-color: var(--color-irodabutor); }
body.szoveg article.ingatlan-uzemeltetes .body ul:not(.unlist) li p::after { background-color: var(--color-ingatlan-uzemeltetes); }

body.szoveg article.kivitelezes .body ul.unlist li:before { border: 3px solid var(--color-tervezes-kivitelezes); }
body.szoveg article.informatika-irodatechnika .body ul.unlist li:before { border: 3px solid var(--color-informatika-irodatechnika); }
body.szoveg article.belsoepiteszet .body ul.unlist li:before { border: 3px solid var(--color-irodabutor); }
body.szoveg article.ingatlan-uzemeltetes .body ul.unlist li:before { border: 3px solid var(--color-ingatlan-uzemeltetes); }

body.szoveg article.kivitelezes .bevezeto { background-color: var(--color-tervezes-kivitelezes); }
body.szoveg article.informatika-irodatechnika .bevezeto { background-color: var(--color-informatika-irodatechnika); }
body.szoveg article.belsoepiteszet .bevezeto { background-color: var(--color-irodabutor); }
body.szoveg article.ingatlan-uzemeltetes .bevezeto { background-color: var(--color-ingatlan-uzemeltetes); }

body.simaszoveg article.kivitelezes .body h4 { color: var(--color-tervezes-kivitelezes); }
body.simaszoveg article.informatika-irodatechnika .body h4 { color: var(--color-informatika-irodatechnika); }
body.simaszoveg article.belsoepiteszet .body h4 { color: var(--color-irodabutor); }
body.simaszoveg article.ingatlan-uzemeltetes .body h4 { color: var(--color-ingatlan-uzemeltetes); }

body.simaszoveg article.kivitelezes .body ul:not(.unlist) li p::after { background-color: var(--color-tervezes-kivitelezes); }
body.simaszoveg article.informatika-irodatechnika .body ul:not(.unlist) li p::after { background-color: var(--color-informatika-irodatechnika); }
body.simaszoveg article.belsoepiteszet .body ul:not(.unlist) li p::after { background-color: var(--color-irodabutor); }
body.simaszoveg article.ingatlan-uzemeltetes .body ul:not(.unlist) li p::after { background-color: var(--color-ingatlan-uzemeltetes); }

body.simaszoveg article.kivitelezes .body ul.unlist li:before { border: 3px solid var(--color-tervezes-kivitelezes); }
body.simaszoveg article.informatika-irodatechnika .body ul.unlist li:before { border: 3px solid var(--color-informatika-irodatechnika); }
body.simaszoveg article.belsoepiteszet .body ul.unlist li:before { border: 3px solid var(--color-irodabutor); }
body.simaszoveg article.ingatlan-uzemeltetes .body ul.unlist li:before { border: 3px solid var(--color-ingatlan-uzemeltetes); }

body.simaszoveg article.kivitelezes .bevezeto { background-color: var(--color-tervezes-kivitelezes); }
body.simaszoveg article.informatika-irodatechnika .bevezeto { background-color: var(--color-informatika-irodatechnika); }
body.simaszoveg article.belsoepiteszet .bevezeto { background-color: var(--color-irodabutor); }
body.simaszoveg article.ingatlan-uzemeltetes .bevezeto { background-color: var(--color-ingatlan-uzemeltetes); }

/* karrier */

body.karrier article.kivitelezes .body h4 { color: var(--color-tervezes-kivitelezes); }
body.karrier article.informatika-irodatechnika .body h4 { color: var(--color-informatika-irodatechnika); }
body.karrier article.belsoepiteszet .body h4 { color: var(--color-irodabutor); }
body.karrier article.ingatlan-uzemeltetes .body h4 { color: var(--color-ingatlan-uzemeltetes); }

body.karrier article.kivitelezes .body li:before { border: 3px solid var(--color-tervezes-kivitelezes); }
body.karrier article.informatika-irodatechnika .body li:before { border: 3px solid var(--color-informatika-irodatechnika); }
body.karrier article.belsoepiteszet .body li:before { border: 3px solid var(--color-irodabutor); }
body.karrier article.ingatlan-uzemeltetes .body li:before { border: 3px solid var(--color-ingatlan-uzemeltetes); }

body.karrier article.kivitelezes figure { background-color: var(--color-tervezes-kivitelezes); }
body.karrier article.informatika-irodatechnika figure { background-color: var(--color-informatika-irodatechnika); }
body.karrier article.belsoepiteszet figure { background-color: var(--color-irodabutor); }
body.karrier article.ingatlan-uzemeltetes figure { background-color: var(--color-ingatlan-uzemeltetes); }