.container {
    padding: 10px;
    max-width: 1000px;
    margin: 0 auto;
}

.responsive-image {
    width: 100%;
    height: auto;
    max-width: 1200px;
}

header a {
    color: #000;
    text-decoration: none;
    font-size: 16px;
    margin-right: 10px;
    font-weight: bold;
}

body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
}

header,
footer {
    background-color: #f8f8f8;
    color: #000;
    padding: 10px;
    text-align: center;
}

h1 {
    font-size: 28px; /* Başlık boyutu düşürülür */
}
h2 {
    font-size: 24px; /* Başlık boyutu düşürülür */
}

nav {
    text-align: center;
}

nav a {
    color: #000;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px; /* Bağlantı boyutu düşürülür */
    margin: 20px; /* Bağlantılar arasında boşluk eklenir */
    padding: 15px 25px; /* Bağlantıların içeriği daha büyük yapılır */
}
#icerik {
font-size: 14px; /* "icerik" bölümünün metin boyutu */
}

.floating-button {
position: fixed;
right: 20px;
bottom: 20px;
display: flex;
flex-direction: column;
gap: 10px;
}

.link-button {
background-color: rgb(105, 37, 37);
color: white;
padding: 15px 25px;
text-decoration: none;
font-weight: bold;
text-align: center;
border-radius: 10px;
transition: background-color 0.3s ease;
}

.link-button:hover {
background-color: rgb(248, 52, 52);
}

 
.breadcrumb {
    display: flex;
    align-items: center; /* Öğeleri dikey olarak ortalar */
    overflow-x: scroll; /* Genişlik yetersiz olduğunda kaydırmaya izin ver */
    padding: 0 5px; /* Sağ ve sol padding ekle */
    margin-bottom: 10px; /* Alt boşluğu azalt */
    list-style: none;
    white-space: nowrap; /* Tüm öğeleri tek satırda tut */
    -webkit-overflow-scrolling: touch; /* iOS'ta daha iyi dokunmatik kaydırma */
}

.breadcrumb-item {
    padding: 5px 0; /* Üst ve alt padding ekle */
    min-width: fit-content; /* Öğenin içeriğine göre minimum genişliği ayarla */
}

.breadcrumb-item + .breadcrumb-item::before {
    content: "›"; /* Daha ince bir ayırıcı simge */
    padding: 0 10px; /* Ayırıcı simgeler arasındaki boşluğu artır */
    color: #666;
    font-size: 14px; /* Ayırıcı için yazı boyutu */
}

.breadcrumb-item a {
    color: #004480;
    text-decoration: none;
    display: block; /* Her bağlantıyı yeni bir blok olarak ayarla */
}

.breadcrumb-item a:hover {
    text-decoration: underline;
}

.breadcrumb-item[aria-current="page"] {
    color: #000000;
    font-weight: bold;
}

@media (max-width: 768px) {
    .breadcrumb {
        font-size: 12px; /* Mobil için daha küçük yazı boyutu */
        line-height: 1.2; /* Daha düşük satır yüksekliği */
    }
}

/* Genel Stiller */
nav a {
    display: inline-block;
    margin: 5px 10px;
    text-decoration: none;
    color: #000; /* Bağlantı rengini isteğe bağlı olarak değiştirebilirsiniz */
}

/* Mobil Cihazlar İçin Responsif Stiller */
@media (max-width: 768px) {
    .container {
        padding-right: 5px;
        padding-left: 5px;
    }

    header .container, footer .container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    header nav, footer nav {
        text-align: center;
    }

    nav a {
        display: block; /* Bağlantıları blok elemanı yaparak alt alta hizalar */
        margin: auto; /* Üst ve alt marjını vererek aralarında boşluk bırakır */
        line-height: 0.5; /* Mobil cihazlarda bağlantı metinleri için satır yüksekliğini ayarla */
    }

    body, p, li { /* Varsayılan metin elementleri için */
        line-height: 1; /* Mobil cihazlarda metin satır yüksekliğini ayarla */
    }
}
.fixed-side-menu {
    position: fixed;
    right: 10px; /* Sayfanın sağ kenarından 10px uzaklıkta */
    top: 80%; /* Sayfanın ortasında */
    transform: translateY(-50%); /* Dikey ortalamayı sağlar */
    z-index: 1000; /* Z-index ile diğer öğelerin önüne getir */
    }
    
    .whatsapp-button {
    display: block;
    background-color: #075E54; /* WhatsApp'ın resmi koyu renk temasından alınmış daha koyu bir yeşil */
    color: #ffffff; /* Beyaz renk metin yüksek kontrast sağlar */
    padding: 10px 20px; /* İç boşluk */
    border-radius: 25px; /* Daha yuvarlak köşeler */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); /* Daha belirgin bir gölge */
    text-align: center; /* Yazıyı ortala */
    text-decoration: none; /* Alt çizgiyi kaldır */
    font-weight: bold; /* Yazıyı kalın yap */
    font-size: 18px; /* Daha büyük yazı boyutu */
    margin: 8px; /* Etrafına boşluk ekle */
    transition: background-color 0.3s ease; /* Arka plan rengi değişim animasyonu */
    cursor: pointer; /* Fare imleci butonun üzerine geldiğinde el şeklini alsın */
    }
    
    .whatsapp-button:hover {
    background-color: #128C7E; /* Hover durumu için açık yeşil rengi */
    }