/* ==========================================================================
   colors.css - Nur Farbdefinitionen aus main.css
   Zum Umfärben der Seite diese Datei nach main.css einbinden.
   ========================================================================== */

/* ==========================================================================
   Standards
   ========================================================================== */
html, body {
  color: #313131;
}

h1,h2,h3,h4,h5,h6 {
  color: #13235b;
}

p {
  color: #313131;
}

/* ----------- LINKS ------------- */
a {
  color: #36454F;
}

a:hover, a.active {
  color: #556d7d;
}


::selection {
  background: #36454F;
}

::-moz-selection {
  background: #36454F;
}

.text-dark-blue {
  color: #13235b;
}

.text-blue {
  color: #36454F;
}

.bg-dark-blue {
  background-color: #13235b;
}

.bg-blue {
  background-color: #36454F;
}

.bg-light-grey {
  background-color: #e4e4e4;
}

/* ---- Topnav ---- */
.topbar {
  border-bottom: 1px solid #e5e5e5;
}

ul.topnav li {
  border-right: 1px solid #e5e5e5;
}

ul.topnav li a {
  color: #313131;
}

ul.topnav li a:hover,
ul.topnav li.active a {
  background: #36454F;
  color: #fff;
}

ul.topnav li a:hover i,
ul.topnav li.active a i {
  color: #fff;
}

/* ---- Mainnav ---- */
.navbar {
  background: #fff;
}

.navbar.is-sticky {
  box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.2);
}

.nav-link {
  color: #13235b;
}

.nav-link:hover {
  color: #556d7d;
}

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

.dropdown-menu {
  color: #b3c4d1;
  background-color: #36454F;
}

@media (min-width: 768px) {
  .dropdown-menu:after {
    border-bottom: 11px solid #36454F;
  }
}

.dropdown .dropdown-menu a {
  color: #e7eef4;
}

.dropdown .dropdown-menu a:hover {
  color: #fff;
  background-color: #005999;
}

.dropdown-menu .dropdown-item {
  border-bottom: 1px solid #556d7d;
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  background-color: #556d7d;
}

li.dropdown.active.open > a, 
li.dropdown.active.open > ul.dropdown-menu a:hover,
li.dropdown.open > a, 
li.dropdown.open > ul.dropdown-menu a:hover {
  color: #36454F;
}

.sticky.is-sticky {
  background: #fff;
}


.breadcrumb {
  background-color: transparent;
}

@media(max-width: 768px) {
  .nav-link {
    border-bottom: 1px solid #eee;
  }
}

/* ==========================================================================
   Sections
   ========================================================================== */
.slogan {
  background: #ffffff;
  background: rgba(255,255,255,0.7);
}

.slogan:hover {
  background: #36454F;
  background: rgba(54,69,79,1);
}

.slogan p.title {
  color: #777777;
}

.slogan p.title span {
  color: #13235b;
}

.slogan:hover p.title span {
  color: #fff;
}

.slogan:hover p.title {
  color: #040c26;
}

.slogan p.subtitle {
  color: #13235b;
}

.slogan:hover p.subtitle {
  color: #fff;
}

section#intro {
  border-bottom: 1px solid #e5e5e5;
}

.service-link:hover h3, .service-link:hover p {
  color:#556d7d;
}

section#callout {
  color: #fff;
}

section#callout p {
  color: #fff;
}

section#timeline {
  background: #13235b;
}

footer a.title {
  color: #13235b;
}

.copyright p,
.copyright a {
  color: #fff;
}

.copyright a:hover {
  color: #36454F;
}

.copyright {
  color: #fff;
}

/* ----------- RGB Overlay ------------- */
section#overlay {
  background: 
    linear-gradient(
      rgba(40, 0, 0, 0.55), 
      rgba(40, 0, 0, 0.55)
    );
}

/* ==========================================================================
   Buttons
   ========================================================================== */
.btn-primary {
  color: #fff;
  background-color: #36454F !important;
  border-color: #36454F !important;
}

.btn-primary:hover {
  color: #fff;
  background-color: #13235b !important;
  border-color: #13235b !important;
}

.btn-outline-primary {
  color: #13235b;
  background-color: none;
  border-color: #13235b;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #13235b;
  border-color: #13235b;
}

.btn-outline-secondary {
  color: #fff;
  background-color: none;
  border-color: #fff;
}

.btn-outline-secondary:hover {
  color: #13235b;
  background-color: #fff;
  border-color: #fff;
}

.back-to-top {
  background: #36454F;
  background: rgba(54,69,79,1);
  color: #fff;
}

.back-to-top:hover {
  background: #556d7d;
  background: rgba(54,69,79,1);
}

.back-to-top:hover,
.back-to-top:active,
.back-to-top:focus {
  color:#fff;
}

.btn-down {
  background: #36454F;
}

.btn-down:hover {
  background: #556d7d;
}

.btn-down a {
  color: #fff;
}

.btn-down a:hover {
  color: #fff;
}

/* ==========================================================================
   Carousel / Slider
   ========================================================================== */
.carousel-control-next, .carousel-control-prev {
  color: #fff;
}

.carousel-caption-info p {
  color: #fff;
}

.carousel-caption {
  color: #fff;
}

/* ==========================================================================
   Timeline
   ========================================================================== */
ul.timeline:before {
  background: #fff;
}

.timeline-arrow {
  border-top: 0.5rem solid transparent;
  border-right: 0.5rem solid #fff;
  border-bottom: 0.5rem solid transparent;
}

li.timeline-item::before {
  background: #ddd;
  border: 3px solid #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

/* ==========================================================================
   Cookie Consent
   ========================================================================== */
a.cc-dismiss:hover {
  background: #003d68;
  color: #ffffff;
}

.cc-window {
  background: rgba(54,69,79,1) !important;
}