:root {
  --niegel-rot: #9c1106;
  --dunkelrot: #4d0600;
  --hellrot: #d94b40;
  --ganzhellrot: #d7afac;
  --grau: #9d9d9c;

  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

a {
  color: #9c1106;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #9c1106;
  text-decoration: underline;
}

a:not([href]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):hover {
  color: inherit;
  text-decoration: none;
}

.white {
  color: #fff;
}

a.white {
  color: #fff;
  text-decoration: none;
  background-color: transparent;
}

a.white:hover {
  color: #9d9d9c;
  text-decoration: underline;
}


a.big, p.big, li.big {
  font-size: 1.2rem;
}

a.small, p.small, li.small {
  font-size: 0.8rem;
}


ul {
  list-style: none;
}


.border {
  border-width: 10px;
  border-color: #fff;
  border-style: solid;
}




.bg-niegel-rot {
  background-color: #9c1106 !important;
}

a.bg-niegel-rot:hover, a.bg-niegel-rot:focus,
button.bg-niegel-rot:hover,
button.bg-niegel-rot:focus {
  background-color: #4d0600 !important;
}


.bg-dunkelrot {
  background-color: #4d0600 !important;
}

a.bg-dunkelrot:hover, a.bg-dunkelrot:focus,
button.bg-dunkelrot:hover,
button.bg-dunkelrot:focus {
  background-color: #9c1106 !important;
}



.bg-hellrot {
  background-color: #d94b40 !important;
}

a.bg-hellrot:hover, a.bg-hellrot:focus,
button.bg-hellrot:hover,
button.bg-hellrot:focus {
  background-color: #4d0600 !important;
}


.bg-ganzhellrot {
  background-color: #d7afac !important;
}

a.bg-ganzhellrot:hover, a.bg-ganzhellrot:focus,
button.bg-ganzhellrot:hover,
button.bg-ganzhellrot:focus {
  color: #4d0600 !important;
}



.card-header-niegel {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(156, 17, 6, 1);
  border-bottom: 1px solid rgba(77, 6, 0, 1);
}



.navbar-niegel .navbar-brand {
  color: #fff;
}

.navbar-niegel .navbar-brand:hover, .navbar-niegel .navbar-brand:focus {
  color: #fff;
}

.navbar-niegel .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-niegel .navbar-nav .nav-link:hover, .navbar-niegel .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}

.navbar-niegel .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}

.navbar-niegel .navbar-nav .show > .nav-link,
.navbar-niegel .navbar-nav .active > .nav-link,
.navbar-niegel .navbar-nav .nav-link.show,
.navbar-niegel .navbar-nav .nav-link.active {
  color: #fff;
}

.navbar-niegel .navbar-toggler {
  color: rgba(215, 175, 172, 0.5);
  border-color: rgba(156, 17, 6, 0.1);
}

.navbar-niegel .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-niegel .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-niegel .navbar-text a {
  color: #fff;
}

.navbar-niegel .navbar-text a:hover, .navbar-niegel .navbar-text a:focus {
  color: #fff;
}


.btn-niegel-rot {
  color: #fff;
  background-color: #9c1106;
  border-color: #4d0600;
}

.btn-niegel-rot:hover {
  color: #fff;
  background-color: #4d0600;
  border-color: #9c1106;
}

.btn-niegel-rot:focus, .btn-niegel-rot.focus {
  color: #fff;
  background-color: #4d0600;
  border-color: #9c1106;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-niegel-rot.disabled, .btn-niegel-rot:disabled {
  color: #fff;
  background-color: #9d9d9c;
  border-color: #9d9d9c;
}

.btn-niegel-rot:not(:disabled):not(.disabled):active, .btn-niegel-rot:not(:disabled):not(.disabled).active,
.show > .btn-niegel-rot.dropdown-toggle {
  color: #fff;
  background-color: #9d9d9c;
  border-color: #9d9d9c;
}

.btn-niegel-rot:not(:disabled):not(.disabled):active:focus, .btn-niegel-rot:not(:disabled):not(.disabled).active:focus,
.show > .btn-niegel-rot.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}



.breadcrumb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 1rem;
  padding: 0.5rem 0.75rem;
  list-style: none;
  background-color: #d94b40;
  border-radius: 0.25rem;
}

.breadcrumb-item {
  padding-left: 0.5rem;
}

.breadcrumb-item .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  content: "/";
}

.breadcrumb-item .breadcrumb-item:hover::before {
  text-decoration: none;
}

a.krumen {
  color: #fff;
  text-decoration: none;
}

.breadcrumb-item:active {
  color: #fff;
}

.krumen {
  color: #4d0600;
}



.cc_container .cc_btn {
background-color: #9c1106 !important; /* Farbe des Buttons */
color: #fff !important; /* Textfarbe des Buttons */
}

.cc_container {
background: #d94b40 !important; /* Hintergrundfarbe des gesamten Bereichs */
color: #fdfdfd !important; /* Schriftfarbe des gesamten Bereichs */
}

.cc_container a {
color: #4d0600 !important; /* Textlink-Farbe "Mehr Infos" */
}