body {
    --bgColor: rgba(245, 245, 245);
    background-color: var(--bgColor);
}

.mm-panel a.submenu-trigger {
    cursor: default;
}

.top-bar ul.submenu li {
    list-style-type: none;
}

.align-center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.layout {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.dark-grey {
    color: #666 !important;
}

.brick-card.padded>div {
    padding: 10px;
}

.brick-card.padded>div.image-container {
    padding: unset;
}

.image-container {
    overflow: hidden;
}

.image-container img {
    transition: transform 0.35s ease-out;
}

.image-container img:hover {
    transform: scale(1.1);
}

.free-wall h4 {
    font-size: 1em;
    font-weight: bold;
}

.blocker {
    width: 100%;
    height: 100%;
    background: #66666666;
    position: absolute;
    top: 0;
    left: 0;
}

.loader-holder {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    height: 100px;
    margin-top: 30vh;
}

.loader {
    width: 48px;
    height: 48px;
    border: 3px dotted #666;
    border-style: solid solid dotted dotted;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    animation: rotation 2s linear infinite;
}

.loader::after {
    content: '';
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 3px dotted #8d774d;
    border-style: solid solid dotted;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    animation: rotationBack 1s linear infinite;
    transform-origin: center center;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotationBack {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-360deg);
    }
}

.container h1 {
    margin-top: 1.5rem !important;
    line-height: 1 !important;
    font-size: 40px;
}

.container h2 {
    margin-top:30px;
    margin-bottom: 1.5rem !important;
    font-size: 34px;
}

.container h3 {
    margin-bottom: 1.5rem !important;
    font-size: 30px;
}


.image-viewer {
    height: 60vh !important;
    width: 100%;
}

.view-container {
    background-color: transparent !important;
}

.content-view {
    overflow-y: hidden !important;
    height: 100% !important;
    background-color: transparent !important;
}

.comparated {
    height: 60vh;
    overflow-y: auto;
}

#mark-tooltip-holder {
    z-index: 1000;
}

.ct-tool {
    position: relative;
    top: -50px;
    left: 0;
    float: right;
    font-size: 24px;
    border: 2px solid #666666;
    cursor: pointer;
    display: block;
    height: 48px;
    line-height: 48px;
    opacity: .9;
    text-align: center;
    font-family: icon;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}


.ct-tool.left-side {
    width: 25px;
    top: 50px !important;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    display: inline-block;
}

.ct-tool.left-side::before {
    content: "\2770";
    line-height: 42px;
    vertical-align: text-bottom;
}

.ct-tool.right-side {
    width: 25px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    display: inline-block;
    left: -23px !important;
}

.ct-tool.right-side::before {
    content: "\2771";
    line-height: 42px;
    vertical-align: text-bottom;
}

.ct-tool.ct-attr {
    font-family: 'FontAwesome';
    border-radius: 50%;
}

.ct-tool.ct-attr::before {
    content: "\f02b";
}

.ct-tool.ct-attr-left::before {
    content: "\21e0" "\f02b";
    font-size: 22px;
}

.ct-tool.ct-attr-right::before {
    content: "\f02b" "\21e2";
    font-size: 22px;
}

.comparator #view-tool,
.comparator .ct-tool {
    position: relative;
    top: 0px;
    left: -46px;
    background-color: white;
}

.comparator #view-tool:hover,
.comparator .ct-tool:hover {
    opacity: 0.6;
    background-color: #fafafa;
}

.comparator .ct-tool-title {
    width: 100px;
    margin-left: -70px;
    text-align: center;
}


.rotate {
    animation: rotation 2s infinite linear;
}

.ct-attr.rotate::before {
    content: "\f253";
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

.reveal-overlay {
    z-index: 11000;
}

.fake-form {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

.fake-form input,
.fake-form input:disabled,
.fake-form a {
    margin: 0;
    box-shadow: none;
    line-height: 20px;
    height: 25px;
    width: 100%;
    border: 0;
    padding-left: 5em;
    border-top: 1px dashed #c0c0c0;
    margin-bottom: 0.5em;
    background-color: transparent;
    cursor: default;
    font-family: 'MetropolisLight';
}

.fake-form textarea {
    margin: 0;
    box-shadow: none;
    line-height: 20px;
    width: 100%;
    border: 0;
    padding-left: 5em;
    border-top: 1px dashed #c0c0c0;
    margin-bottom: 0.5em;
    background-color: transparent;
    cursor: default;
    font-family: 'MetropolisLight';
}

.fake-form label {
    text-align: left;
}

.fake-form a {
    display: block;
    cursor: pointer;
    height: auto;
}

.fake-form input[id="_v"] {
    display: none!important;
}

.fake-form fieldset legend {
    /*font-weight: bold;*/
    padding: 0 0.1875rem;
    margin: 1.4em;
    margin-left: -0.1875rem;
    font-size: 22px;
}


.cms-history.historyline {
    padding-top: 1em;
}

.cms-history.historyline a.grey {
    color: #555555;
}

#historyline-container {
    width: 90%;
    margin-left: 5%;
}


@media (min-width: 700px) {
    #historyline-container  {        
        width: 80%;
        margin-left:10%;
    }
}

@media (min-width: 1200px) {
    #historyline-container  {
        width: 70%;
        margin-left: 15%;
    }
}



body#cms-content-body p:not(.ce-element) {
    margin-bottom: 0;
    padding-top: 0;
    /*text-indent: 20px;*/
}

.x-noborder {
    border: none !important;
}

.x-transparent {
    background-color: transparent !important;
}

.x-margin-bottom-1 {
    margin-bottom: 1em;
}

.x-margin-bottom-2 {
    margin-bottom: 2em;
}

.x-margin-top-1 {
    margin-top: 1em;
}

.x-margin-top-2 {
    margin-top: 2em;
}

.leaflet-prev::before {
    position: absolute;
    top: -3px;
    left: 8px;
    content: "\276E";
    font-size: 24px;
    cursor: pointer;
}

.leaflet-next::before {
    position: absolute;
    top: -3px;
    left: 9px;
    content: "\276F";
    font-size: 24px;
    cursor: pointer;
}

.leaflet-control-attribution a svg,
.leaflet-attribution-flag {
    display: none !important;
}

ul.encyclopedia-reverse-link {
    list-style-type: decimal;
    text-align: left;
}

.comparated.view-container .content-card p {
    padding-top: 0;
    margin-bottom: 0;
}




.container h3 {
    margin-top: 30px;
    margin-bottom: 15px !important;
}

.before-after div {
    background-color: rgb(245, 245, 245);
}

nav.ml-dropdown::after {
    clear: both;
}

nav.ml-dropdown {
    background-color: #ccc;
}

.ml-dropdown ul {
    /*background: white;*/
    float: left;
    -webkit-transition: .2s;
    transition: .2s;
    margin-left: 0;
    border-radius: 10px;
    margin-bottom: 16px;
}

.ml-dropdown ul:first-child {
    float: unset;
    background: transparent;
    margin-left: auto;
    margin-right: auto;
}

.ml-dropdown .searchbar {
    content: "\f002";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 10px;
    margin-top: -45px;
    font-size: 20px;
    cursor: pointer;
}

.ml-dropdown ul:first-child>li>a {
    font-family: "MetropolisRegular";
    text-align: center;
    font-weight: bold;
}

.ml-dropdown ul:first-child>li {
    border-right: 1px solid #333;
}

.ml-dropdown ul>li:last-child {
    border-right: none;
}


.ml-dropdown li {
    float: left;
    position: relative;
    width: 195px;
    max-width: 195px;
    list-style: none;
    -webkit-transition: .2s;
    transition: .2s;
    z-index: 1000;
}

.ml-dropdown ul>li>a {
    /*text-transform: uppercase;*/
    font-family: "MetropolisRegular";
    color: #333;
}

.ml-dropdown ul>li>a:hover {
    width: 100%;
}

.ml-dropdown ul>li.has-submenu>a:hover {
    opacity: 0.5;
    cursor: default;
}

.ml-dropdown ul>li.has-submenu>a:hover:after {
    opacity: 0.5;
    content: '\276F';
    cursor: default;
    position: relative;
    left: 10px;
}

.ml-dropdown ul:first-child>li.has-submenu>a:hover:after {
    content: '';
}

.ml-dropdown a {
    display: block;
    text-decoration: none;
    padding: 5px 15px;
    /*color: #000;*/
}

.ml-dropdown ul ul {
    position: absolute;
    left: 0;
    top: 100%;
    visibility: hidden;
    opacity: 0;
}

.ml-dropdown ul ul ul {
    left: 100%;
    top: 0;
}

.ml-dropdown li:hover,
.ml-dropdown li:hover li {
    background: #ddd;
}

.ml-dropdown li li:hover,
.ml-dropdown li li:hover li {
    background: #ddd;
}

.ml-dropdown li li li:hover {
    background: #ddd;
}

.ml-dropdown li:hover>ul {
    visibility: visible;
    opacity: 1;
}

@media screen and (max-width: 1000px) {
    .ml-dropdown {
        display: none;
    }

    .vw100 {
        width: 100vw;
    }
}

#search-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 2000;
}

#search-popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 3000;
    width: 400px;
    text-align: center;
    border-radius: 8px;
    padding: 30px;
}

.search-popup-inner {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
    align-items: center;

}

.search-popup-inner input {
    padding: 5px;
    font-size: 14px;
    margin: 0;
}

.search-popup-inner .btn {
    display: flex;
}

a[href="#"][onclick=" "] {
    cursor: default;
}

#map-table {
    margin-top: 20px;
}


.doc-image-thumb {
    width: 120px;
}

.responsive-grid4 {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(4, 1fr);
}


.responsive-grid4 .item h3 {
    vertical-align: bottom;
    font-size:24px;
    height:60px;
}

.responsive-grid4 .item img {
    padding: 20%;
}

@media (max-width: 1000px) {
    .responsive-grid4 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .responsive-grid4 {
        grid-template-columns: 1fr;
    }
}

.responsive-grid2 {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(2, 1fr);
}

.responsive-grid2 .item h3 {
    vertical-align: bottom;
    font-size:24px;
    height:60px;
}


@media (max-width: 1000px) {
    .responsive-grid2 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .responsive-grid2 {
        grid-template-columns: 1fr;
    }
}

details {
    /*border: 1px solid #ccc;*/
    width: 100%;
    margin-bottom:20px;
}

summary {
    font-weight: bold;
    cursor: pointer;
    /*margin: -10px -10px 10px -10px;*/
    padding: 10px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ccc;
}

details form {
    padding: 20px;
}

details[open] summary {
    background-color: #e7e7e7;
}

summary:hover {
    background-color: #EEE;
}

.pdf-list, .pdf-list li, .pdf-list li a {
    width:100%;
    text-align: left!important;
}

.nonafter a::after {
    background-image: none!important;
    content: ""!important;
}

ul.compare-list, .compare-list li{
    list-style-type: none!important;
}

ul.compare-list{    
    text-align: center!important;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.compare-list li {
    text-align: left!important;
}


.lead {
    margin-bottom: 20px;
}

.lead p {
    margin:0!important;
    padding:0!important;
}



.object-container {
    display: grid;
    gap: 10px;
    padding: 10px;
}

.object-item h2 {
    font-size: 24px;
}


@media (min-width: 901px) {
    .object-container {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 900px) and (min-width: 601px) {
    .object-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .object-container {
        grid-template-columns: 1fr;
    }
}


.object-container-4 {
    display: grid;
    gap: 10px;
    padding: 10px;
    grid-template-columns: repeat(4, 1fr);
}


@media (max-width: 1600px) and (min-width: 1024px) {    
    .object-item h2 {
        font-size: 22px;
    }
}

@media (min-width: 1024px) {
    .object-container-4 {
        grid-template-columns: repeat(4, 1fr);
    }
}


@media (max-width: 1023px) and (min-width: 601px) {
    .object-container-4 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .object-container-4 {
        grid-template-columns: 1fr;
    }
}


.object-item {
    background-color: #d1d1d1;
    padding: 20px;
    text-align: center;
    font-size: 1.2em;
    border-radius: 8px;
}

.item-card-image {    
    border: 10px solid #dddddd; 
}

.object-item h2 {
    margin-top: 10px;
    color: #333333;
    font-size:20px;
}

.object-item .excpert {
    color: #333333;
    font-size:18px;
    line-height: 20px;
}


footer {
    background-color: #222;
    color: white;
    padding: 20px;
    margin-top:50px;
    padding-left:0!important;
    padding-right: 0!important;
}

.footer-container {
    display: grid;
    gap: 20px;
    width: 90%;
    max-width: 90%!important;
    margin: 0 auto;
}


@media (min-width: 700px) {
    .footer-container {        
        width: 80%;
        max-width: 80%!important;
    }
}

@media (min-width: 1200px) {
    .footer-container {
        width: 70%;
        max-width: 70%!important;
    }
}



/* 2 oszlopos elrendezés nagy kijelzőn (2/3 - 1/3 arány) */
@media (min-width: 900px) {
    .footer-container {
        grid-template-columns: 2fr 1fr;
    }
}

/* 1 oszlopos elrendezés mobilon */
@media (max-width: 899px) {
    .footer-container {
        grid-template-columns: 1fr;
    }
}

.footer-left {
    background:transparent;
    padding: 20px;
    padding-left:0!important;
}

.footer-right {
    background: transparent;
    padding: 20px;
    padding-right:0!important;
}



main  {    
    min-height: calc(100vh - 521px);
    margin-bottom: 20px;
}




.image-wrapper {
    width: 100%;
    height: 300px;
    overflow: hidden;
    position: relative;
}

.image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Kép közepéből vág, igazítja a kisebb méretet */
    object-position: center; /* Középre igazítja a vágást */
}


.image-wrapper img.missing {
    object-fit: contain; /* Kép közepéből vág, igazítja a kisebb méretet */
    opacity: 0.3;
}

.row1-columns-2.center {
    display: block!important;
    margin-left: auto;
    margin-right: auto;
    width:100%;
    text-align: center;
}

.comparated .content-view p {
    font-size: 16px!important;
    line-height: 22px!important;
}

.comparated .content-view p:empty {
    display: none;
}


.impresso {
    text-align: left;
}

ul.impresso {
    text-align: left;
    list-style-type: none;
}

.impresso-logo {
    height: auto;
    text-align: left;
    width: 500px;
    padding: 20px;
}


.content-view .content-card table td {
    padding-right:8px;
}

.content-view .content-card table td:nth-child(2) {
    white-space: nowrap;
}