/* ---------------------------------------
	Responsive design code
-----------------------------------------*/

@media screen and (min-width: 1025px) {

.hidemobile5,
.tck-hide-desktop {
	display: none !important;
}

[class*="tck-cols"].tck-stack-5,
[class*="tck-cols"].tck-stack-desktop {
	flex-direction: column;
}

[class*="tck-cols"].tck-stack-5 > *,
[class*="tck-cols"].tck-stack-desktop > * {
	width: auto !important;
}




}

@media screen and (max-width: 1024px) {

img {
	max-width: 100%;
	height: auto;
}

.hidemobile4,
.tck-hide-tablet-l {
	display: none !important;
}

[class*="tck-cols"].tck-stack-4,
[class*="tck-cols"].tck-stack-tablet-l {
	flex-direction: column;
}

[class*="tck-cols"].tck-stack-4 > *,
[class*="tck-cols"].tck-stack-tablet-l > * {
	width: auto !important;
	max-width: 100%;
}



#block3 {
	height: auto !important;
}
#block3 ul {
	height: auto !important;
}
#block3 li {
	float :none !important;
	width: 100% !important;
}
#block3 div.floatck, #block3 li > ul {
	width: 100% !important;
	position: relative !important;
	display: block !important;
	margin: 0 !important;
	left: auto !important;
}
#block3 div.maximenuck2 {
	width: 100% !important;
	position: relative !important;
	display: block !important;
	float: none !important;
}
#block3 .mobileckhambuger_togglerlabel {
	display: block !important;
	font-size: 33px !important;
	text-align: right !important;
	padding: 10px !important;
}
#block3 .mobileckhambuger_toggler + * {
	display: none !important;
	overflow-x: hidden;
}
#block3 .mobileckhambuger_toggler:checked + * {
	display: block !important;
}
#wrapper > .inner {
	padding-top: 15px;
	padding-bottom: 15px;
}
/* 1. Fejléc sáv fixálása */
#bannerrow > .inner {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    position: relative !important;
    padding: 0 10px !important;
    min-height: 80px !important;
    overflow: visible !important;
}

/* 2. Oszlopok aránya (50/25/25) */
#bannercolumn1 { width: 50% !important; flex: 0 0 50% !important; }
#bannerrowcolumn1 { width: 25% !important; flex: 0 0 25% !important; position: static !important; }
#bannerrowcolumn2 { width: 25% !important; flex: 0 0 25% !important; }

/* 3. A MENÜ ALAPHELYZETBEN REJTVE */
#bannerrowcolumn1 .tck-module {
    display: none !important;
    position: absolute !important;
    top: 120% !important;
    width: 100vw !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background: #ffffff !important;
    z-index: 99999 !important;
    box-shadow: 0 15px 20px rgba(0,0,0,0.15) !important;
    padding: 20px 0 !important;
    border-top: 1px solid #eee !important;
}

/* 4. A MENÜ MEGJELENÍTÉSE KATTINTÁSRA */
#bannerrowcolumn1 input.mobileckhambuger_toggler:checked ~ .tck-module {
    display: block !important;
}

/* 5. MENÜPONTOK ÉS HOVER EFFEKT */
#bannerrowcolumn1 .tck-module ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center !important;
}

#bannerrowcolumn1 .tck-module ul li a {
    display: block !important;
    padding: 15px !important;
    font-size: 18px !important;
    color: #333 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important; /* Szép átmenet a színváltáshoz */
}

/* EGÉRESEMÉNY (HOVER) */
#bannerrowcolumn1 .tck-module ul li a:hover {
    color: #f07e3b !important; /* Narancssárga szöveg */
    background-color: #f9f9f9 !important; /* Enyhe szürke háttér hovernél */
}

/* 6. HAMBURGER IKON KÖZÉPRE IGAZÍTÁSA */
#bannerrowcolumn1 .inner {
    display: flex !important;
    justify-content: center !important; /* Vízszintes középre igazítás az oszlopon belül */
    align-items: center !important;
}

#bannerrowcolumn1 input.mobileckhambuger_toggler {
    display: none !important;
}

#bannerrowcolumn1 .mobileckhambuger_togglerlabel {
    display: inline-block !important;
    cursor: pointer !important;
    font-size: 32px !important;
    line-height: 1 !important;
    margin: 0 auto !important; /* Biztosítja a középre tartást */
    padding: 10px !important;
}
/* A lábléc ikonok egységes távolsága a szövegtől */
.fa-circle-chevron-right, 
.fa-circle-dot,
.fa-file-contract,
.fa-cookie-bite,
.fa-shield-halved,
.fa-scale-balanced,
.fa-building-columns {
    margin-right: 10px;
    display: inline-block; /* Biztosítja, hogy a margó pontosan érvényesüljön */
    vertical-align: middle; /* Szépen középre igazítja az ikont a szöveg sorában */
}

}

@media screen and (max-width: 950px) {

img {
	max-width: 100%;
	height: auto;
}

.hidemobile3,
.tck-hide-tablet-p {
	display: none !important;
}

[class*="tck-cols"].tck-stack-3,
[class*="tck-cols"].tck-stack-tablet-p {
	flex-direction: column;
}

[class*="tck-cols"].tck-stack-3 > *,
[class*="tck-cols"].tck-stack-tablet-p > * {
	width: auto !important;
	max-width: 100%;
}



#block3 {
	height: auto !important;
}
#block3 ul {
	height: auto !important;
}
#block3 li {
	float :none !important;
	width: 100% !important;
}
#block3 div.floatck, #block3 li > ul {
	width: 100% !important;
	position: relative !important;
	display: block !important;
	margin: 0 !important;
	left: auto !important;
}
#block3 div.maximenuck2 {
	width: 100% !important;
	position: relative !important;
	display: block !important;
	float: none !important;
}
#block3 .mobileckhambuger_togglerlabel {
	display: block !important;
	font-size: 33px !important;
	text-align: right !important;
	padding: 10px !important;
}
#block3 .mobileckhambuger_toggler + * {
	display: none !important;
	overflow-x: hidden;
}
#block3 .mobileckhambuger_toggler:checked + * {
	display: block !important;
}
#wrapper > .inner {
	padding-top: 15px;
	padding-bottom: 15px;
}
/* 1. Fejléc sáv fixálása */
#bannerrow > .inner {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    position: relative !important;
    padding: 0 10px !important;
    min-height: 80px !important;
    overflow: visible !important;
}

/* 2. Oszlopok aránya (50/25/25) */
#bannercolumn1 { width: 50% !important; flex: 0 0 50% !important; }
#bannerrowcolumn1 { width: 25% !important; flex: 0 0 25% !important; position: static !important; }
#bannerrowcolumn2 { width: 25% !important; flex: 0 0 25% !important; }

/* 3. A MENÜ ALAPHELYZETBEN REJTVE */
#bannerrowcolumn1 .tck-module {
    display: none !important;
    position: absolute !important;
    top: 120% !important;
    width: 100vw !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background: #ffffff !important;
    z-index: 99999 !important;
    box-shadow: 0 15px 20px rgba(0,0,0,0.15) !important;
    padding: 20px 0 !important;
    border-top: 1px solid #eee !important;
}

/* 4. A MENÜ MEGJELENÍTÉSE KATTINTÁSRA */
#bannerrowcolumn1 input.mobileckhambuger_toggler:checked ~ .tck-module {
    display: block !important;
}

/* 5. MENÜPONTOK ÉS HOVER EFFEKT */
#bannerrowcolumn1 .tck-module ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center !important;
}

#bannerrowcolumn1 .tck-module ul li a {
    display: block !important;
    padding: 15px !important;
    font-size: 18px !important;
    color: #333 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important; /* Szép átmenet a színváltáshoz */
}

/* EGÉRESEMÉNY (HOVER) */
#bannerrowcolumn1 .tck-module ul li a:hover {
    color: #f07e3b !important; /* Narancssárga szöveg */
    background-color: #f9f9f9 !important; /* Enyhe szürke háttér hovernél */
}

/* 6. HAMBURGER IKON KÖZÉPRE IGAZÍTÁSA */
#bannerrowcolumn1 .inner {
    display: flex !important;
    justify-content: center !important; /* Vízszintes középre igazítás az oszlopon belül */
    align-items: center !important;
}

#bannerrowcolumn1 input.mobileckhambuger_toggler {
    display: none !important;
}

#bannerrowcolumn1 .mobileckhambuger_togglerlabel {
    display: inline-block !important;
    cursor: pointer !important;
    font-size: 32px !important;
    line-height: 1 !important;
    margin: 0 auto !important; /* Biztosítja a középre tartást */
    padding: 10px !important;
}
/* A lábléc ikonok egységes távolsága a szövegtől */
.fa-circle-chevron-right, 
.fa-circle-dot,
.fa-file-contract,
.fa-cookie-bite,
.fa-shield-halved,
.fa-scale-balanced,
.fa-building-columns {
    margin-right: 10px;
    display: inline-block; /* Biztosítja, hogy a margó pontosan érvényesüljön */
    vertical-align: middle; /* Szépen középre igazítja az ikont a szöveg sorában */
}

}

@media screen and (max-width: 758px) {

img {
	max-width: 100%;
	height: auto;
}

.hidemobile2,
.tck-hide-phone-l {
	display: none !important;
}

[class*="tck-cols"].tck-stack-2,
[class*="tck-cols"].tck-stack-phone-l {
	flex-direction: column;
}

[class*="tck-cols"].tck-stack-2 > *,
[class*="tck-cols"].tck-stack-phone-l > * {
	width: auto !important;
	max-width: 100%;
}



#body {
	height: auto !important;
}
#body .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper {
	height: auto !important;
}
#wrapper .logobloc {
	float :none !important;
	width: auto !important;
}
#bannercolumn1 > .inner {
	flex-direction: column;
}
#bannercolumn1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#bannercolumn1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#bannerlogo {
	height: auto !important;
}
#bannerlogo .logobloc {
	float :none !important;
	width: auto !important;
}
#bannerrowcolumn1 > .inner {
	flex-direction: column;
}
#bannerrowcolumn1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#bannerrowcolumn1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#block3 {
	height: auto !important;
}
#block3 ul {
	height: auto !important;
}
#block3 li {
	float :none !important;
	width: 100% !important;
}
#block3 div.floatck, #block3 li > ul {
	width: 100% !important;
	position: relative !important;
	display: block !important;
	margin: 0 !important;
	left: auto !important;
}
#block3 div.maximenuck2 {
	width: 100% !important;
	position: relative !important;
	display: block !important;
	float: none !important;
}
#block3 .mobileckhambuger_togglerlabel {
	display: block !important;
	font-size: 33px !important;
	text-align: right !important;
	padding: 10px !important;
}
#block3 .mobileckhambuger_toggler + * {
	display: none !important;
	overflow-x: hidden;
}
#block3 .mobileckhambuger_toggler:checked + * {
	display: block !important;
}
#bannerrowcolumn2 > .inner {
	flex-direction: column;
}
#bannerrowcolumn2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#bannerrowcolumn2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#block4 {
	height: auto !important;
}
#block4 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper1 {
	height: auto !important;
}
#wrapper1 .logobloc {
	float :none !important;
	width: auto !important;
}
#block1 {
	height: auto !important;
}
#block1 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper5 {
	height: auto !important;
}
#wrapper5 .logobloc {
	float :none !important;
	width: auto !important;
}
#block2 {
	height: auto !important;
}
#block2 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper3 {
	height: auto !important;
}
#wrapper3 .logobloc {
	float :none !important;
	width: auto !important;
}
#maincontent > .inner {
	display: block;
}
#maincontent .column {
	width: 100% !important;
	clear:both;
	float:left
}
#maincontent .column1 div.inner, #maincontent .column2 div.inner {
	/*overflow:hidden;*/
}
#maincontent .column div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.items-row .item, .column {
	width: auto !important;
	float: none;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.column div.moduletable, .column div.moduletable_menu {
	float: none;
	width: auto !important;
	/*margin: 0 !important;
	padding: 0 !important;*/
}

/** specifique au formulaire de contact **/
.contact form fieldset dt {
	max-width: 80px;
}

.contact input, .contact textarea {
	max-width: 160px;
}#wrapper3column1 > .inner {
	flex-direction: column;
}
#wrapper3column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#wrapper3column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#main {
	height: auto !important;
}
#main .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper3column2 > .inner {
	flex-direction: column;
}
#wrapper3column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#wrapper3column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#maincenter {
	height: auto !important;
}
#maincenter .logobloc {
	float :none !important;
	width: auto !important;
}
#center {
	height: auto !important;
}
#center .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper3column3 > .inner {
	flex-direction: column;
}
#wrapper3column3 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#wrapper3column3 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#content {
	height: auto !important;
}
#content .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper3column4 > .inner {
	flex-direction: column;
}
#wrapper3column4 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#wrapper3column4 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#wrapper3column5 > .inner {
	flex-direction: column;
}
#wrapper3column5 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#wrapper3column5 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#wrapper3column6 > .inner {
	flex-direction: column;
}
#wrapper3column6 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#wrapper3column6 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#wrapper2 {
	height: auto !important;
}
#wrapper2 .logobloc {
	float :none !important;
	width: auto !important;
}
#block5 {
	height: auto !important;
}
#block5 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper4 {
	height: auto !important;
}
#wrapper4 .logobloc {
	float :none !important;
	width: auto !important;
}
#blocks1 .flexiblemodule {
	width: 100% !important;
float: none;
}
#blocks1 .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#blocks1 > .inner {
	flex-direction: column;
}
#blocks1mod1 {
	height: auto !important;
}
#blocks1mod1 .logobloc {
	float :none !important;
	width: auto !important;
}
#blocks1mod2 {
	height: auto !important;
}
#blocks1mod2 .logobloc {
	float :none !important;
	width: auto !important;
}
#blocks1mod3 {
	height: auto !important;
}
#blocks1mod3 .logobloc {
	float :none !important;
	width: auto !important;
}
#layout_error404_html {
	height: auto !important;
}
#layout_error404_html .logobloc {
	float :none !important;
	width: auto !important;
}
#ckcustomlayoutblog {
	height: auto !important;
}
#ckcustomlayoutblog .logobloc {
	float :none !important;
	width: auto !important;
}
#ckcustomlayoutarticle {
	height: auto !important;
}
#ckcustomlayoutarticle .logobloc {
	float :none !important;
	width: auto !important;
}
#ckcustomlayoutsearch {
	height: auto !important;
}
#ckcustomlayoutsearch .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper > .inner {
	padding-top: 15px;
	padding-bottom: 15px;
}
/* 1. Fejléc sáv fixálása */
#bannerrow > .inner {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    position: relative !important;
    padding: 0 10px !important;
    min-height: 80px !important;
    overflow: visible !important;
}

/* 2. Oszlopok aránya (50/25/25) */
#bannercolumn1 { width: 50% !important; flex: 0 0 50% !important; }
#bannerrowcolumn1 { width: 25% !important; flex: 0 0 25% !important; position: static !important; }
#bannerrowcolumn2 { width: 25% !important; flex: 0 0 25% !important; }

/* 3. A MENÜ ALAPHELYZETBEN REJTVE */
#bannerrowcolumn1 .tck-module {
    display: none !important;
    position: absolute !important;
    top: 120% !important;
    width: 100vw !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background: #ffffff !important;
    z-index: 99999 !important;
    box-shadow: 0 15px 20px rgba(0,0,0,0.15) !important;
    padding: 20px 0 !important;
    border-top: 1px solid #eee !important;
}

/* 4. A MENÜ MEGJELENÍTÉSE KATTINTÁSRA */
#bannerrowcolumn1 input.mobileckhambuger_toggler:checked ~ .tck-module {
    display: block !important;
}

/* 5. MENÜPONTOK ÉS HOVER EFFEKT */
#bannerrowcolumn1 .tck-module ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center !important;
}

#bannerrowcolumn1 .tck-module ul li a {
    display: block !important;
    padding: 15px !important;
    font-size: 18px !important;
    color: #333 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important; /* Szép átmenet a színváltáshoz */
}

/* EGÉRESEMÉNY (HOVER) */
#bannerrowcolumn1 .tck-module ul li a:hover {
    color: #f07e3b !important; /* Narancssárga szöveg */
    background-color: #f9f9f9 !important; /* Enyhe szürke háttér hovernél */
}

/* 6. HAMBURGER IKON KÖZÉPRE IGAZÍTÁSA */
#bannerrowcolumn1 .inner {
    display: flex !important;
    justify-content: center !important; /* Vízszintes középre igazítás az oszlopon belül */
    align-items: center !important;
}

#bannerrowcolumn1 input.mobileckhambuger_toggler {
    display: none !important;
}

#bannerrowcolumn1 .mobileckhambuger_togglerlabel {
    display: inline-block !important;
    cursor: pointer !important;
    font-size: 32px !important;
    line-height: 1 !important;
    margin: 0 auto !important; /* Biztosítja a középre tartást */
    padding: 10px !important;
}
/* A lábléc ikonok egységes távolsága a szövegtől */
.fa-circle-chevron-right, 
.fa-circle-dot,
.fa-file-contract,
.fa-cookie-bite,
.fa-shield-halved,
.fa-scale-balanced,
.fa-building-columns {
    margin-right: 10px;
    display: inline-block; /* Biztosítja, hogy a margó pontosan érvényesüljön */
    vertical-align: middle; /* Szépen középre igazítja az ikont a szöveg sorában */
}

}

@media screen and (max-width: 524px) {

img {
	max-width: 100%;
	height: auto;
}


.hidemobile1,
.tck-hide-phone-p {
	display: none !important;
}

[class*="tck-cols"].tck-stack-1,
[class*="tck-cols"].tck-stack-phone-p {
	flex-direction: column;
}

[class*="tck-cols"].tck-stack-1 > *,
[class*="tck-cols"].tck-stack-phone-p > * {
	width: auto !important;
	max-width: 100%;
}


#body {
	height: auto !important;
}
#body .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper {
	height: auto !important;
}
#wrapper .logobloc {
	float :none !important;
	width: auto !important;
}
#bannercolumn1 > .inner {
	flex-direction: column;
}
#bannercolumn1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#bannercolumn1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#bannerlogo {
	height: auto !important;
}
#bannerlogo .logobloc {
	float :none !important;
	width: auto !important;
}
#bannerrowcolumn1 > .inner {
	flex-direction: column;
}
#bannerrowcolumn1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#bannerrowcolumn1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#block3 {
	height: auto !important;
}
#block3 ul {
	height: auto !important;
}
#block3 li {
	float :none !important;
	width: 100% !important;
}
#block3 div.floatck, #block3 li > ul {
	width: 100% !important;
	position: relative !important;
	display: block !important;
	margin: 0 !important;
	left: auto !important;
}
#block3 div.maximenuck2 {
	width: 100% !important;
	position: relative !important;
	display: block !important;
	float: none !important;
}
#block3 .mobileckhambuger_togglerlabel {
	display: block !important;
	font-size: 33px !important;
	text-align: right !important;
	padding: 10px !important;
}
#block3 .mobileckhambuger_toggler + * {
	display: none !important;
	overflow-x: hidden;
}
#block3 .mobileckhambuger_toggler:checked + * {
	display: block !important;
}
#bannerrowcolumn2 > .inner {
	flex-direction: column;
}
#bannerrowcolumn2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#bannerrowcolumn2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#block4 {
	height: auto !important;
}
#block4 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper1 {
	height: auto !important;
}
#wrapper1 .logobloc {
	float :none !important;
	width: auto !important;
}
#block1 {
	height: auto !important;
}
#block1 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper5 {
	height: auto !important;
}
#wrapper5 .logobloc {
	float :none !important;
	width: auto !important;
}
#block2 {
	height: auto !important;
}
#block2 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper3 {
	height: auto !important;
}
#wrapper3 .logobloc {
	float :none !important;
	width: auto !important;
}
#maincontent > .inner {
	display: block;
}
#maincontent .column {
	width: 100% !important;
	clear:both;
	float:left
}
#maincontent .column1 div.inner, #maincontent .column2 div.inner {
	/*overflow:hidden;*/
}
#maincontent .column div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.items-row .item, .column {
	width: auto !important;
	float: none;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.column div.moduletable, .column div.moduletable_menu {
	float: none;
	width: auto !important;
	/*margin: 0 !important;
	padding: 0 !important;*/
}

/** specifique au formulaire de contact **/
.contact form fieldset dt {
	max-width: 80px;
}

.contact input, .contact textarea {
	max-width: 160px;
}#wrapper3column1 > .inner {
	flex-direction: column;
}
#wrapper3column1 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#wrapper3column1 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#main {
	height: auto !important;
}
#main .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper3column2 > .inner {
	flex-direction: column;
}
#wrapper3column2 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#wrapper3column2 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#maincenter {
	height: auto !important;
}
#maincenter .logobloc {
	float :none !important;
	width: auto !important;
}
#center {
	height: auto !important;
}
#center .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper3column3 > .inner {
	flex-direction: column;
}
#wrapper3column3 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#wrapper3column3 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#content {
	height: auto !important;
}
#content .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper3column4 > .inner {
	flex-direction: column;
}
#wrapper3column4 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#wrapper3column4 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#wrapper3column5 > .inner {
	flex-direction: column;
}
#wrapper3column5 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#wrapper3column5 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#wrapper3column6 > .inner {
	flex-direction: column;
}
#wrapper3column6 .flexiblecolumn {
	width: 100% !important;
float: none;
}
#wrapper3column6 .flexiblecolumn > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#wrapper2 {
	height: auto !important;
}
#wrapper2 .logobloc {
	float :none !important;
	width: auto !important;
}
#block5 {
	height: auto !important;
}
#block5 .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper4 {
	height: auto !important;
}
#wrapper4 .logobloc {
	float :none !important;
	width: auto !important;
}
#blocks1 .flexiblemodule {
	width: 100% !important;
float: none;
}
#blocks1 .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#blocks1 > .inner {
	flex-direction: column;
}
#blocks1mod1 {
	height: auto !important;
}
#blocks1mod1 .logobloc {
	float :none !important;
	width: auto !important;
}
#blocks1mod2 {
	height: auto !important;
}
#blocks1mod2 .logobloc {
	float :none !important;
	width: auto !important;
}
#blocks1mod3 {
	height: auto !important;
}
#blocks1mod3 .logobloc {
	float :none !important;
	width: auto !important;
}
#layout_error404_html {
	height: auto !important;
}
#layout_error404_html .logobloc {
	float :none !important;
	width: auto !important;
}
#ckcustomlayoutblog {
	height: auto !important;
}
#ckcustomlayoutblog .logobloc {
	float :none !important;
	width: auto !important;
}
#ckcustomlayoutarticle {
	height: auto !important;
}
#ckcustomlayoutarticle .logobloc {
	float :none !important;
	width: auto !important;
}
#ckcustomlayoutsearch {
	height: auto !important;
}
#ckcustomlayoutsearch .logobloc {
	float :none !important;
	width: auto !important;
}
#wrapper > .inner {
	padding-top: 15px;
	padding-bottom: 15px;
}
/* 1. Fejléc sáv fixálása */
#bannerrow > .inner {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    position: relative !important;
    padding: 0 10px !important;
    min-height: 80px !important;
    overflow: visible !important;
}

/* 2. Oszlopok aránya (50/25/25) */
#bannercolumn1 { width: 50% !important; flex: 0 0 50% !important; }
#bannerrowcolumn1 { width: 25% !important; flex: 0 0 25% !important; position: static !important; }
#bannerrowcolumn2 { width: 25% !important; flex: 0 0 25% !important; }

/* 3. A MENÜ ALAPHELYZETBEN REJTVE */
#bannerrowcolumn1 .tck-module {
    display: none !important;
    position: absolute !important;
    top: 120% !important;
    width: 100vw !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background: #ffffff !important;
    z-index: 99999 !important;
    box-shadow: 0 15px 20px rgba(0,0,0,0.15) !important;
    padding: 20px 0 !important;
    border-top: 1px solid #eee !important;
}

/* 4. A MENÜ MEGJELENÍTÉSE KATTINTÁSRA */
#bannerrowcolumn1 input.mobileckhambuger_toggler:checked ~ .tck-module {
    display: block !important;
}

/* 5. MENÜPONTOK ÉS HOVER EFFEKT */
#bannerrowcolumn1 .tck-module ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center !important;
}

#bannerrowcolumn1 .tck-module ul li a {
    display: block !important;
    padding: 15px !important;
    font-size: 18px !important;
    color: #333 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important; /* Szép átmenet a színváltáshoz */
}

/* EGÉRESEMÉNY (HOVER) */
#bannerrowcolumn1 .tck-module ul li a:hover {
    color: #f07e3b !important; /* Narancssárga szöveg */
    background-color: #f9f9f9 !important; /* Enyhe szürke háttér hovernél */
}

/* 6. HAMBURGER IKON KÖZÉPRE IGAZÍTÁSA */
#bannerrowcolumn1 .inner {
    display: flex !important;
    justify-content: center !important; /* Vízszintes középre igazítás az oszlopon belül */
    align-items: center !important;
}

#bannerrowcolumn1 input.mobileckhambuger_toggler {
    display: none !important;
}

#bannerrowcolumn1 .mobileckhambuger_togglerlabel {
    display: inline-block !important;
    cursor: pointer !important;
    font-size: 32px !important;
    line-height: 1 !important;
    margin: 0 auto !important; /* Biztosítja a középre tartást */
    padding: 10px !important;
}
/* A lábléc ikonok egységes távolsága a szövegtől */
.fa-circle-chevron-right, 
.fa-circle-dot,
.fa-file-contract,
.fa-cookie-bite,
.fa-shield-halved,
.fa-scale-balanced,
.fa-building-columns {
    margin-right: 10px;
    display: inline-block; /* Biztosítja, hogy a margó pontosan érvényesüljön */
    vertical-align: middle; /* Szépen középre igazítja az ikont a szöveg sorában */
}

}