/* =========================================================
   Grundlayout & Hintergrund
   ========================================================= */

html,
body {
    height: 100%;
}

body {
    background-image: url('../Images/hintergrund.gif');
    background-repeat: no-repeat;
}


/* =========================================================
   Header
   ========================================================= */

header {
    margin-top: 30px;
}

.header-image {
    min-height: 40vh;              /* oder feste Höhe */
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: flex-end;         /* 🔑 nach unten */
}

.header-image .headline {
    background-color: #eadcce;
    opacity: 0.95;
    width: 100%;
    padding: 0.2rem 0;
    width:100%;
}

.header-image h1 {
        color: #ff7a00;
        font-size: 5rem;
        font-weight: normal;
        margin: .2rem;
}

.header-image h2 {
    font-weight: 300;
    font-weight: 300;
    margin: 0.2rem;
    margin-left: 5rem;
}



/* =========================================================
   Navigation (Bootstrap 5)
   ========================================================= */

/* Navbar transparent wie früher (Bootstrap 3 Verhalten) */
.navbar,
.navbar-light,
.navbar-dark,
.navbar-custom {
    background-color: transparent;
}

/* Abstand der Navigation */
nav.navbar.navbar-custom {
    margin-top: 52px;
}

/* Aktiver Menüpunkt */
.navbar-nav .nav-link.active {
    background-color: #eadcce;
    color: #ffffff;
}

/* Hover-Farbe */
.navbar-nav .nav-link:hover {
    color: #000000;
}

.navbar,
.navbar-custom {
    border: none;
    box-shadow: none;
}


/* =========================================================
   Content Container
   ========================================================= */

#contentContainer {
    max-width: 1170px;
}


/* =========================================================
   Rechte Box (Sidebar)
   ========================================================= */

.right-box {
    background-color: #ddd0c3;
    border-radius: 10px;
    box-shadow: 5px 10px 20px grey;
    margin-top: 40px;
    padding-bottom: 2px;
}

.box-content {
    margin: 10px;
}

.box-content h4 {
    padding-top: 10px;
    padding-bottom: 2px;
    margin-bottom: 2px;
    border-bottom: 1px solid black;
}


/* =========================================================
   Footer
   ========================================================= */

.footer {
    border-top: 1px solid #cdd1d3;
    margin-top: 15px;
    padding-top: 5px;
    min-height: 45px;
    background-image: url('../Images/bg-footer.png');
    background-position: bottom;
    background-repeat: repeat-x;
    position: relative;
    clear: both;
}

#footerContent {
    display: inline-block;
}


/* =========================================================
   Layout-Helfer
   ========================================================= */

.push {
    height: 50px;
}

#wrapper {
    min-height: 100%;
    height: auto !important;
    margin: 0 auto -50px;
}


/* =========================================================
   TYPO3 Content (modern)
   ========================================================= */

.ce-headline h1 {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee;
}


/* =========================================================
   Breadcrumb
   ========================================================= */

#crumb {
    margin-top: 5px;
    margin-bottom: 5px;
}

.breadcrumb {
    background-color: transparent;
}


/* =========================================================
   News / Bilder
   ========================================================= */

.news-single-sub h2 {
    font-size: 20px;
}

.news-single-img {
    float: none !important;
}

.news-single-img img {
    max-width: 350px;
}

#news-single-images .news-single-img img {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}


/* =========================================================
   Startlink (Desktop / Mobile)
   ========================================================= */

#startlink-normal {
    display: inline-block;
    margin-left: 18px;
}

#startlink-normal a img {
    border: none;
}

#startlink-collapse {
    display: none;
}


/* =========================================================
   Responsive Anpassungen
   ========================================================= */

@media (max-width: 760px) {

    body {
        background-image: url('../Images/bg-small.gif');
        background-repeat: no-repeat;
    }

    #footer a {
        color: #ff8401;
    }

    #startlink-normal {
        display: none;
    }

    #startlink-collapse {
        display: inline-block;
    }
}

@media (max-width: 640px) {

    body {
        background-image: url('../Images/bg-small.gif');
        background-repeat: no-repeat;
    }

    .ce-headline h1 {
        font-size: 32px;
    }
}

a {
    color: #ff8401;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    background-color: transparent;
}