body{
    background: #f0efe7;
}

/* Egyedi stílusok */
.duration {
  font-size: 0.8rem;
  padding: 0.25rem 0.5rem;
}

.container .contacts{
    padding-top:20px;
    font-size: 0.8rem;
}
.contacts h1, .contacts h2 {
    font-size: 1rem;
}

.pagination{
    margin-bottom: 0px;
    padding-bottom: 14px;
}

.mainBody{
    background-color: #F4F3F2;
    border-left: 1px solid #C3BBBA;
    border-right: 1px solid #C3BBBA;
}
header{
    border-bottom: 1px solid #C3BBBA;
}

.footerBody{
    border-top: 1px solid #C3BBBA;
    background-color: #E4E0DF;
    color:#453F3C;
}
.footerBody a{
    color:#181716;
}

.h-100{
	width:100% !important;
}

.card-title {
    height: auto;
    max-height: 3em; /* Két sor */
    line-height: 1.5em; /* Sor magasság */
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    position: relative;
}

/* A "..." csak akkor jelenjen meg, ha tényleg levágja a szöveget */
.card-title::after {
    content: "...";
    display: none; /* Alapból elrejtve */
    position: absolute;
    bottom: 0;
    right: 0;
    background: white; /* Háttér, hogy ne takarja ki a szöveg */
    padding-left: 5px;
}

/* Ha a szöveg levágódik, akkor jelenjen meg a "..." */
.card-title:has( + * )::after {
    display: inline;
}

/* Mobil nézet - egy soros vágás */
@media (max-width: 576px) {
    .card-title {
        max-height: 1.5em;
        -webkit-line-clamp: 1;
    }
}

.image-container {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 arány (9 / 16 * 100) */
    overflow: hidden;
}

.image-container img {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    width: auto;
    transform: translate(-50%, -50%);
}