.copyright {
    background-color: #1a252f;
}

/* .footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}  */

.footer {
    bottom: 0;
    color: #fff !important;
    font-size: .9rem;
    background-color: #e67a00 !important;
}

.footer a {
    color: #fff !important;
}

.footer .copyright {
    overflow: hidden;
    background-color: rgba(0,0,0,.2);
    color: rgba(255,255,255,.6);
}

.bg-primary {
  background-color: #e67a00 !important;
}

.bg-default {
  background-color: #fff !important;
}

.nav-link.active {
    color: #e67a00 !important;
}

/* .home-blog-post {
    padding: 10px 0 15px 15px !important;
    background: white !important;
    border-radius: .25rem !important;
    min-height: 142px !important;
} */

.home-blog-post {
    min-height: 156px !important;
}

.home-blog {
    padding-bottom: 1rem;
}

a {
  color: #e67a00;
}

a:hover {
  color:#b35f00;
}

.card-title a, .card-text a {
  color:#e67a00 !important;
}
.card-title a:hover, .card-text a:hover {
  color:#b35f00 !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #148f77 !important;
}

a.bg-default {
    color: #e67a00;
    text-decoration: none;
    background-color: transparent;
}

a.bg-default:hover {
    color:#e67a00;
    text-decoration:underline
}

.page-section {
    padding: 6rem 0;
}

.masthead {
  padding-top: calc(6rem + 7px);
  padding-bottom: 6rem;
}

.masthead .masthead-heading {
  font-size: 2.75rem;
  line-height: 2.75rem;
}

.masthead .masthead-subheading {
  font-size: 1.25rem;
}

.masthead .masthead-avatar {
  width: 24rem;
}

.divider-custom {
  margin: 0 0 1.5rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.divider-custom .divider-custom-line {
  width: 100%;
  max-width: 7rem;
  height: 0.25rem;
  background-color: #b35f00;
  border-radius: 1rem;
  border-color: #b35f00 !important;
}

.divider-custom .divider-custom-line:first-child {
  margin-right: 1rem;
}

.divider-custom .divider-custom-line:last-child {
  margin-left: 1rem;
}

.divider-custom .divider-custom-icon {
  color: #b35f00 !important;
  font-size: 2rem;
}

.divider-custom.divider-blue .divider-custom-line {
  background-color: #e67a00;
}

.divider-custom.divider-blue .divider-custom-icon {
  color: #e67a00 !important;
}

.divider-custom.divider-white .divider-custom-line {
  background-color: #fff;
}

.divider-custom.divider-white .divider-custom-icon {
  color: #fff !important;
}

.text-blue {
    color: #e67a00 !important;
}

.nocopy {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

#loadingbar {
    background: #e67a00;
}

#loadingbar dd, #loadingbar dt {
  -moz-box-shadow: #e67a00 1px 0 6px 1px;
  -ms-box-shadow: #e67a00 1px 0 6px 1px;
  -webkit-box-shadow: #e67a00 1px 0 6px 1px;
  box-shadow: #e67a00 1px 0 6px 1px;
}

body.darkmode {
    background-color: #2c2c2c; /* schönes Graphitgrau */
    color: #e0e0e0;
}

body.darkmode .navbar {
    background-color: #333333; /* dunkleres Grau für Header */
    color: #ffffff;
}

body.darkmode .card,
body.darkmode .home-blog-post,
body.darkmode .page-section {
    background-color: #3a3a3a; /* leicht helleres Grau für Content-Karten */
    color: #e0e0e0;
    border: 1px solid #555555;
}

body.darkmode a {
    color: #90caf9;
}

body.darkmode a:hover {
    color: #64b5f6;
}

body.lightmode {
    background-color: #ffffff; /* weißer Hintergrund */
    color: #000000; /* schwarze Schrift */
}

body.lightmode .navbar {
    background-color: #ffffff;
    color: #000000;
}

body.lightmode .card,
body.lightmode .home-blog-post,
body.lightmode .page-section {
    background-color: #f8f9fa; /* sehr helles Grau für Content (Bootstrap-Standard) */
    color: #000000;
    border: 1px solid #dee2e6;
}

body.lightmode a {
    color: #007bff; /* Bootstrap Blau */
}

body.lightmode a:hover {
    color: #0056b3; /* dunkleres Blau beim Hover */
}