/*!
 *  Easy TYPO3 colors v1.0.0 - (c) artif GmbH & Co. KG
 *
 * All colors are defined here. There is a primary, a secondary as well as some
 * grey tones. Just set the appropriate colors (search and replace will be your
 * hero!) and everything will adapt.
 *
 * Primary color:     #006ab3
 * Secondary color:   #003D69
 * Ultra light grey:  #f4f5f6
 * Light grey:        #e6e8ea
 * Medium grey:       #bac2c5
 * Medium dark grey:  #838f94
 * Dark grey:         #344448
 * "Black":           RGBA 0,0,0,.87
 */


/*
 * ULTRA LIGHT GREY
 */
.placeholder {
  color: #f4f5f6;
}

.footer__main,
.vertical-navigation__link:hover,
blockquote,
tr:nth-child(even) {
  background-color: #f4f5f6;
}

.off-canvas-navigation__link {
  border-color: #f4f5f6;
}



/*
 * LIGHT GREY
 */
.placeholder {
  color: #e6e8ea;
}

.footer__legal,
.social-navigation__link,
.off-canvas-navigation__link:hover,
.button--muted {
  background-color: #e6e8ea;
}

.off-canvas-navigation__link,
.off-canvas-navigation__link.is-active,
.media-box,
.section,
.vertical-navigation__link,
.news--single .article__header,
th,
td,
fieldset,
.search-result {
  border-color: #e6e8ea;
}



/*
 * MEDIUM GREY
 */
::-webkit-input-placeholder {
  color: #bac2c5;
}

:-moz-placeholder {
  color: #bac2c5;
}

::-moz-placeholder {
  color: #bac2c5;
}

:-ms-input-placeholder {
  color: #bac2c5;
}

.off-canvas-navigation__list--sub-3 .off-canvas-navigation__link,
.csc-form-element label em {
  color: #bac2c5;
}

.placeholder {
  background-color: #bac2c5;
}

input,
textarea,
select,
.header {
  border-color: #bac2c5;
}


/*
 * MEDIUM DARK GREY
 */
.footer a,
.vertical-navigation__link,
.off-canvas-navigation__list--sub-2 .off-canvas-navigation__link {
  color: inherit;
}

.off-canvas-navigation__list--sub-2 .off-canvas-navigation__link {
  color: #838f94;
}


.placeholder {
  background-color: #838f94;
}

.placeholder {
  border-color: #838f94;
}


/*
 * DARK GREY
 */
h1,
h2,
h3,
h4,
h5,
h6,
.off-canvas-navigation__link,
.button--framed,
.social-navigation__link.social-navigation__link,
.page--index .main-navigation__list--sub .main-navigation__link,
.button--muted {
  color: #344448;
}

.button--framed:hover,
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  background-color: #344448;
}

.button--framed {
  border-color: #344448;
}


/*
 * "BLACK"
 */
body,
.htmlarea-content-body,
.logo--text {
  color: rgba(0, 0, 0, .7);
}



/*
 * SECONDARY COLOR
 */
.main-navigation__link {
  color: #003D69;
}

.button--secondary {
  background-color: #003D69;
}

.placeholder {
  border-color: #003D69;
}



/*
 * PRIMARY COLOR
 */
h1,
.alpha,
h2,
.beta,
h3,
.gamma,
h4,
.delta,
h5,
.epsilon,
a,
.main-navigation__link--is-active,
.main-navigation__link:hover,
.off-canvas-navigation__link:hover,
.page--index .main-navigation__list--sub .main-navigation__link:hover,
.off-canvas-navigation__link.is-active,
.vertical-navigation__link:hover,
.vertical-navigation__link.is-active,
.off-canvas-navigation__link-icon {
  color: #006ab3;
}

.button--primary,
.social-navigation__link--mail:hover,
.off-canvas-navigation__dropdown-wrap {
  background-color: #006ab3;
}

.main-navigation__link.is-active,
.vertical-navigation__link.is-active,
.off-canvas-navigation__list--sub-2 {
  border-color: #006ab3;
}