/* Custom Fonts and Background */
body {
  font-family: 'Conduit ITC W01 Regular', sans-serif;
  background-image: url("img/body-tail.gif");
  background-repeat: repeat;
  background-size: auto;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Conduit ITC W01 Medium', sans-serif;
}

/* Container with a max-width of 1400px */
.container-custom {
  max-width: 1400px;
  margin: auto;
}

/* Header and Footer */
header, footer {
  padding: 20px 0;
}

header {
  background-color: rgba(255, 255, 255, 0.3);
}

footer {
  background-color: rgba(255, 255, 255, 0.3);
}

.footer-col {
  padding: 15px;
}

/* Main Content area */
main {
  background-color: rgba(255, 255, 255, 0.3);
  padding: 20px;
  margin-bottom: 20px;
}

/*.image-container img {
    display: block;
    width: 100%;
    height: 150px;*/ /* Einheitliche Bildhöhe */
    /*object-fit: cover;
}*/

.alignnone {
    display: block;
    margin: 5px 10px 20px 0;
    padding: 10px;
    width: 100%;
    height: 150px;
    object-fit: cover;
}


/* Navbar link styling */
.navbar-nav .nav-link {
    font-size: 1.4rem; /* Larger font size */
    padding: 0.75rem 1rem; /* Increased padding for a more spacious feel */
    /* font-weight: bold;  Bold text for clarity */
}

/* Dropdown menu styling */
.dropdown-menu {
    border-radius: 0.25rem;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    border: none;
    background-color: rgba(255, 255, 255, 0.9); /* Slightly opaque background */
    transition: all 0.3s ease;
}

/* Dropdown item hover effect */
.dropdown-item:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.nav-item.dropdown.d-inline-flex.align-items-center .dropdown-toggle-split {
    border: none;
    background: transparent;
    font-size: 1.2rem;
    padding: 0; /* Remove default button padding */
    line-height: normal; /* Ensure the caret sits nicely in line */
    display: inline-flex;
    align-items: center;
}

/* Position the dropdown directly under the toggle */
.nav-item.dropdown.position-relative .dropdown-menu {
    position: absolute; /* Ensure absolute positioning */
    top: 100%; /* Place just below the parent container */
    left: 0; /* Left-align with the parent */
    margin-top: 0.1rem; /* Optional spacing */
    z-index: 1000; /* So it appears on top of other elements */
}

/* Links */
a {
    color: #7FA9AE;
    text-decoration: none;
}

.button {
    background: #e05358;
}


/* arrow list */
.list,
.list.styled > ul,
.list.arrow-list > ul,
#recent-author-comments > ul {
    margin-left: 0px;
}

    .list li,
    .list.styled > ul li,
    .list.arrow-list > ul li,
    #recent-author-comments > ul li {
        list-style: none;
        padding: 0 0 0 17px;
        margin: 10px 0 0;
        line-height: 18px;
        background: url(../images/list-marker.gif) 0 6px no-repeat;
    }

        .list li:first-child,
        .list.styled > ul li:first-child,
        .list.arrow-list > ul li:first-child,
        #recent-author-comments > ul li:first-child {
            margin-top: 0;
        }

        .list li:before,
        .list.styled > ul li:before,
        .list.arrow-list > ul li:before,
        #recent-author-comments > ul li:before {
            width: 0px;
            margin: 0;
            padding: 0;
            content: "";
        }

        .list li a:hover,
        .list.styled > ul li a:hover,
        .list.arrow-list > ul li a:hover,
        #recent-author-comments > ul li a:hover {
            color: #5c564e;
            text-decoration: none;
        }


/* Social Networks 
---------------------------------------- */
.header_social_wrapper {
    float: right;
    font: 0/0 a;
    padding: 33px 20px 15px 0;
}

@media (max-width: 979px) {
    .header_social_wrapper {
        padding: 20px 20px 0 0;
    }
}

@media (max-width: 767px) {
    .header_social_wrapper {
        float: none;
        padding: 10px 20px;
    }
}

.header_social_wrapper ul {
    text-align: right;
    overflow: hidden;
}

    .header_social_wrapper ul li {
        list-style: none;
        float: left;
        padding: 0;
        margin-left: 4px;
    }

        .header_social_wrapper ul li:firsdt-child {
            margin-left: 0;
        }

        .header_social_wrapper ul li a {
            display: block;
            width: 30px;
            height: 30px;
            overflow: hidden;
        }

            .header_social_wrapper ul li a img {
                margin: 0;
            }

            .header_social_wrapper ul li a:hover img {
                margin-top: -30px;
            }
.recent-posts_li {
    /*margin: 0 0 20px 20px;*/
    padding: 0;
    border: none;
    background: none;
    list-style-type: none;
}

.recent-posts_li .featured-thumbnail {
    float: left;
    margin: 0 20px 0 0;
}

.clickable-row {
    cursor: pointer;
}

.icon-custom-color {
    color: #7FA9AE;
}

.click-cell {
    cursor: pointer;
    color: #7FA9AE;
}