body { background-color: #0e2545 }
footer h5 { color: #e0e0e0; font-size: 1em }
footer .text-muted { color: #e0e0e0 !important; font-size: 0.8em }
footer a { color: #e0e0e0 !important; }

h1 {
    font-size: 2rem;
    color:#fe6c17;
}

h2 {
    font-size: 1.5rem;
    color:#0e2545;
    margin-top: 1.5rem;
}

h3 {
    font-size: 1rem;
    color:#0e2545;
    margin-top: 1rem;
    font-weight: 600;
}

a {
    color:#fe6c17;
}

button {
    background-color: #fe6c17;
    border-color: #fe6c17;
    color: #ffffff;
}

.infobox h2, .infobox h3, .infobox p, .infobox hr {
    color: #000000;
    color: #ffffff;
}

.text-xs {
    font-size: 0.6rem;
}

.orange {
    color:#fe6c17;
}

.blue {
    color:#0e2545;
}

.con-content {
    background-color: #e0e0e0;
/*    background: url("../images/recycling-und-kreislaufwirtschaft.jpg") no-repeat center center; */
/*    background: url("../images/coffee.jpg") no-repeat center center; */
    background: url("../images/betriebshof.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.con-contentwrapper {
    background-color: rgba(255, 255, 255, 0.3);
}
.bg-orange { background-color: #fe6c17; }

.navbar {
    font-size: 1.2em;
    --bs-navbar-hover-color: #fe6c17;
    --bs-navbar-active-color: #fe6c17;
}

.navbar .dropdown-item.active,
.dropdown-menu {
    --bs-dropdown-link-active-bg: #fe6c17;
}

.card {
    background-color: rgba(240, 240, 240, 0.8);
    border: none;
/*    border-radius: 0%; */
}

.wegdamit {
  position: absolute;
  left: -9999px;
}

.news-highlight {
    background-color: yellow;
    padding: 1rem;
}

.news-highlight h3 {
    color: #333333;
    font-size: 1.3rem;
    margin-bottom: 2rem;
}

.news-highlight p {
    color: #333333;
}

@media all and (min-width: 992px) {
	.navbar .dropdown-menu-end{ right:0; left: auto;  }
	.navbar .nav-item .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0;  }
	.navbar .dropdown-menu.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
	.navbar .dropdown-menu.fade-up{ top:180%;  }
	.navbar .nav-item:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }
}