/* CSS MB */

/* grau Header #7e8585 */

/* neue Styles */

@import url("fonts.css");

header {
    background: #ffffff;
}

header .nav .nav-item::after {
    content: "//";
    color: #ee7100;
}

header .nav .nav-item:last-child::after {
    content: none;
}

header .nav .nav-link {
    display: inline-block;
}

header .nav .active {
    color: #ee7100;
    text-decoration: underline;
}

body {
    background: #7c8383;
    --bs-body-font-family: "PT Sans";
}

.site-home main {
    background-image: url(../bilder/hg-container-start.png);
    background-repeat: repeat-x;
}

.site-home main .container {
    background: none;
}

main .container {
    background: #ffffff;
}

main {
    background-image: url(../bilder/hg-container.png);
    background-repeat: repeat-x;
}

.site-home .carousel {
    border-radius: 0.375rem;
}

.site-home .carousel-item img {
    border-radius: 0.375rem;
}

footer {
    background: rgb(60, 64, 77);
}

footer a {
    color: #ffffff;
    text-decoration: none;
}

footer a:hover {
    color: orange;
    text-decoration: underline;
}



.logo-tuev {
    max-width: 250px;
}

.svg-icon {
    margin: 1.5rem auto 1rem auto;
    max-width: 120px;

}

.list-kmi li::before {
    margin-right: 1rem;
    font-family:"Font Awesome 6 Free";
    content: "\f0da";
    color: #ee7100;
}

.list-kmi .list-group-item {
    color: #7e8588;
}


/* temp */

.navbar {
    background: #ee7100;
    border-bottom: 1px solid rgba(255,255,255,0.3);
}

/* Überschreibung Bootstrap */

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    color: var(--bs-heading-color);
}

img {
    width: 100%;
    height: auto;
}

/* .text-secondary zu organge #ee7100 */
:root,
[data-bs-theme=light] {
    --bs-secondary-rgb: 238, 113, 0;
}


/* Linkfarbe zu orange #ee7100 */
:root,
[data-bs-theme=light] {
    --bs-link-color-rgb: 238, 113, 0;
}

:root,
[data-bs-theme=light] {
    --bs-link-hover-color: 60,64,77;
}

:root,
[data-bs-theme=light] {
    --bs-link-hover-color-rgb: 60,64,77;
}




/* Linkfarbe Überschriften zu orange #ee7100 */
:root,
[data-bs-theme=light] {
    --bs-heading-color: #555;
}

/* Nav Hover Dropdown hellorange #f7b880 */
:root,
[data-bs-theme=light] {
    --bs-tertiary-bg: #f7b880;
}

/* Nav aktiv Dropdown hellorange #f7b880 */
.dropdown-menu {
--bs-dropdown-link-active-bg: #f7b880;
}

.navbar-nav .dropdown-menu {
	font-size: 1.25rem;
}


.dropdown-item.active, .dropdown-item:active {
    color: var(--bs-dropdown-link-color);
}

.nav-link:focus, .nav-link:hover {
    background: rgba(255,255,255,1);
}

.navbar-nav .btn-primary {
    /*--bs-btn-bg: rgba(255,255,255,0.5);*/
    --bs-btn-bg: rgba(255,255,255,0);
    --bs-btn-border-color: none;
    --bs-btn-hover-bg: #ffffff;
    --bs-btn-hover-color: rgba(0,0,0,0.8);
    --bs-btn-active-color: rgba(0,0,0,0.8);
    --bs-btn-active-bg: rgba(255,255,255,0.5);
    
}

.nav-link {
	font-size: 1.25rem;
}

.navbar-nav a.btn {
    --bs-btn-padding-x: 0.8rem;
    padding-right: var(--bs-btn-padding-x);
    padding-left: var(--bs-btn-padding-x);
		font-size: 1.25rem;
}

.navbar-nav .btn {
    --bs-btn-border-radius: 0;
    --bs-btn-padding-y: 0.5rem;
    padding-bottom: var(--bs-btn-padding-y);
    padding-top: var(--bs-btn-padding-y);
	font-size: 1.25rem;
}



header .container {
    display: flex;
    flex-direction: column;
}

.navbar-nav .nav-link.active {
    background: rgba(255,255,255,0.5);
    padding-right: var(--bs-nav-link-padding-y);
    padding-left: var(--bs-nav-link-padding-y);
}


@media (max-width: 991px) {
	.navbar-nav .nav-item {
		border-bottom: 1px solid rgba(255,255,255,0.3);
	}
	
	.navbar-nav .nav-item:last-child {
		border: none;
	}
}





@media (min-width: 992px) {
    header .container {
        flex-direction: row;
        justify-content: space-between;
    }

    .navbar-expand-lg {
        padding-bottom: 0;
    }

    .navbar-nav .nav-link.active {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x);
    }
    
}



header .logo-kmi {
    max-width: 475px;
}

header .nav {
    --bs-link-color: gray;
}

header .nav-link:hover {
    text-decoration: underline;
}


.card {
    --bs-card-title-color: #ee7100;
    -webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.card:hover {
    /*box-shadow: 2px 3px 10px 2px rgba(0, 0, 0, 0.1);*/
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    -webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}


.card:hover .card-title {
    color: var(--bs-link-hover-color);

}


.desaturate {
    filter: grayscale(100%); /* Standard */
    -webkit-filter: grayscale(100%); /* Webkit */
    filter: url(/elements/grayscale.svg#desaturate); /* Firefox 4-34 */
    filter: gray;  /* IE6-9 */
    -webkit-filter: grayscale(1); /* Old WebKit */
}

.card:hover .desaturate {
    filter: grayscale(0%);
    filter: none;
    -webkit-filter: grayscale(0); /* Old WebKit */
}



.carousel-caption {
    /*color: #fff;*/
    text-shadow: 1px 1px 5px black;
    font-size: 1.25rem;
}

.carousel-indicators [data-bs-target] {
    /*background-color: #555;*/
}

.navbar {
    --bs-navbar-color: #ffffff;
    --bs-navbar-brand-color: #ffffff;
    --bs-navbar-nav-link-padding-x: 1.5rem;
}



.gallery .img-fluid {
    object-fit: cover;
    object-position: center;
    aspect-ratio: 1/1;
    max-width: 600px;
}

.link-secondary:hover {
    color: #0a58ca!important;
}


#site-leistungen .card .stretched-link {
	text-decoration: none;
}