/*!
 * Bootstrap v4.0.0-alpha.6 (https://getbootstrap.com)
 * Copyright 2011-2017 The Bootstrap Authors
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */


/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */

.dropdown,
.dropup {
  position: relative
}

.dropdown-toggle:after {
  display: inline-block;
  width: 0;
  height: 0;
  /* margin-left: .3em; */
  vertical-align: middle;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-left: 0.3em solid transparent
}

.dropdown-toggle:focus {
  outline: 0
}

.dropup .dropdown-toggle:after {
  border-top: 0;
  border-bottom: 0.3em solid
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: .5rem 0;
  margin: .125rem 0 0;
  font-size: 1rem;
  color: #292b2c;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem
}

.dropdown-divider {
  height: 1px;
  margin: .5rem 0;
  overflow: hidden;
  background-color: #eceeef
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 3px 1.5rem;
  clear: both;
  font-weight: 400;
  color: #292b2c;
  text-align: inherit;
  white-space: nowrap;
  background: none;
  border: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
  color: #1d1e1f;
  text-decoration: none;
  background-color: #f7f7f9
}

.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #0275d8
}

.dropdown-item.disabled,
.dropdown-item:disabled {
  color: #636c72;
  cursor: not-allowed;
  background-color: transparent
}

.show>.dropdown-menu {
  display: block
}

.show>a {
  outline: 0
}

.dropdown-menu-right {
  right: 0;
  left: auto
}

.dropdown-menu-left {
  right: auto;
  left: 0
}

.dropdown-header {
  display: block;
  padding: .5rem 1.5rem;
  margin-bottom: 0;
  font-size: .875rem;
  color: #636c72;
  white-space: nowrap
}

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990
}

.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 0.125rem
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
  position: relative;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
  z-index: 2
}

.btn-group-vertical .btn+.btn,
.btn-group-vertical .btn+.btn-group,
.btn-group-vertical .btn-group+.btn,
.btn-group-vertical .btn-group+.btn-group,
.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
  margin-left: -1px
}

.btn-toolbar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.btn-toolbar .input-group {
  width: auto
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0
}

.btn-group>.btn:first-child {
  margin-left: 0
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.btn-group>.btn-group {
  float: left
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
  border-radius: 0
}

.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0
}

.btn+.dropdown-toggle-split {
  padding-right: .75rem;
  padding-left: 0.75rem
}

.btn+.dropdown-toggle-split:after {
  margin-left: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
  padding-right: .375rem;
  padding-left: 0.375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
  padding-right: 1.125rem;
  padding-left: 1.125rem
}

.btn-group-vertical {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: center;
  justify-content: center
}

.btn-group-vertical .btn,
.btn-group-vertical .btn-group {
  width: 100%
}

.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
  margin-top: -1px;
  margin-left: 0
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
  border-radius: 0
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
  border-radius: 0
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0
}

[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],
[data-toggle=buttons]>.btn-group>.btn input[type=radio],
[data-toggle=buttons]>.btn input[type=checkbox],
[data-toggle=buttons]>.btn input[type=radio] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none
}

.input-group {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  width: 100%
}

.input-group .form-control {
  position: relative;
  z-index: 2;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0
}

.input-group .form-control:active,
.input-group .form-control:focus,
.input-group .form-control:hover {
  z-index: 3
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0
}

.input-group-addon,
.input-group-btn {
  white-space: nowrap;
  vertical-align: middle
}

.input-group-addon {
  padding: .5rem .75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25;
  color: #464a4c;
  text-align: center;
  background-color: #eceeef;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem
}

.input-group-addon.form-control-sm,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.input-group-addon.btn {
  padding: .25rem .5rem;
  font-size: .875rem;
  border-radius: 0.2rem
}

.input-group-addon.form-control-lg,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.input-group-addon.btn {
  padding: .75rem 1.5rem;
  font-size: 1.25rem;
  border-radius: 0.3rem
}

.input-group-addon input[type=checkbox],
.input-group-addon input[type=radio] {
  margin-top: 0
}

.input-group-addon:not(:last-child),
.input-group-btn:not(:first-child)>.btn-group:not(:last-child)>.btn,
.input-group-btn:not(:first-child)>.btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:not(:last-child)>.btn,
.input-group-btn:not(:last-child)>.btn-group>.btn,
.input-group-btn:not(:last-child)>.dropdown-toggle,
.input-group .form-control:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.input-group-addon:not(:last-child) {
  border-right: 0
}

.input-group-addon:not(:first-child),
.input-group-btn:not(:first-child)>.btn,
.input-group-btn:not(:first-child)>.btn-group>.btn,
.input-group-btn:not(:first-child)>.dropdown-toggle,
.input-group-btn:not(:last-child)>.btn-group:not(:first-child)>.btn,
.input-group-btn:not(:last-child)>.btn:not(:first-child),
.input-group .form-control:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.form-control+.input-group-addon:not(:first-child) {
  border-left: 0
}

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap
}

.input-group-btn>.btn {
  position: relative;
  -ms-flex: 1;
  flex: 1
}

.input-group-btn>.btn+.btn {
  margin-left: -1px
}

.input-group-btn>.btn:active,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:hover {
  z-index: 3
}

.input-group-btn:not(:last-child)>.btn,
.input-group-btn:not(:last-child)>.btn-group {
  margin-right: -1px
}

.input-group-btn:not(:first-child)>.btn,
.input-group-btn:not(:first-child)>.btn-group {
  z-index: 2;
  margin-left: -1px
}

.input-group-btn:not(:first-child)>.btn-group:active,
.input-group-btn:not(:first-child)>.btn-group:focus,
.input-group-btn:not(:first-child)>.btn-group:hover,
.input-group-btn:not(:first-child)>.btn:active,
.input-group-btn:not(:first-child)>.btn:focus,
.input-group-btn:not(:first-child)>.btn:hover {
  z-index: 3
}

.custom-control {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-height: 1.5rem;
  padding-left: 1.5rem;
  margin-right: 1rem;
  cursor: pointer
}

.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0
}

.custom-control-input:checked~.custom-control-indicator {
  color: #fff;
  background-color: #0275d8
}

.custom-control-input:focus~.custom-control-indicator {
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0275d8
}

.custom-control-input:active~.custom-control-indicator {
  color: #fff;
  background-color: #8fcafe
}

.custom-control-input:disabled~.custom-control-indicator {
  cursor: not-allowed;
  background-color: #eceeef
}

.custom-control-input:disabled~.custom-control-description {
  color: #636c72;
  cursor: not-allowed
}

.custom-control-indicator {
  position: absolute;
  top: .25rem;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #ddd;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 50% 50%
}

.custom-checkbox .custom-control-indicator {
  border-radius: 0.25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-indicator {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-indicator {
  background-color: #0275d8;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}

.custom-radio .custom-control-indicator {
  border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-indicator {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
}

.custom-controls-stacked {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
}

.custom-controls-stacked .custom-control {
  margin-bottom: 0.25rem
}

.custom-controls-stacked .custom-control+.custom-control {
  margin-left: 0
}

.custom-select {
  display: inline-block;
  max-width: 100%;
  height: calc(2.25rem + 2px);
  padding: .375rem 1.75rem .375rem .75rem;
  line-height: 1.25;
  color: #464a4c;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
  background-size: 8px 10px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: .25rem;
  -moz-appearance: none;
  -webkit-appearance: none
}

.custom-select:focus {
  border-color: #5cb3fd;
  outline: none
}

.custom-select:focus::-ms-value {
  color: #464a4c;
  background-color: #fff
}

.custom-select:disabled {
  color: #636c72;
  cursor: not-allowed;
  background-color: #eceeef
}

.custom-select::-ms-expand {
  opacity: 0
}

.custom-select-sm {
  padding-top: .375rem;
  padding-bottom: .375rem;
  font-size: 75%
}

.custom-file {
  position: relative;
  display: inline-block;
  max-width: 100%;
  height: 2.5rem;
  margin-bottom: 0;
  cursor: pointer
}

.custom-file-input {
  min-width: 14rem;
  max-width: 100%;
  height: 2.5rem;
  margin: 0;
  filter: alpha(opacity=0);
  opacity: 0
}

.custom-file-control {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  height: 2.5rem;
  padding: .5rem 1rem;
  line-height: 1.5;
  color: #464a4c;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem
}

.custom-file-control:lang(en):after {
  content: "Choose file..."
}

.custom-file-control:before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  z-index: 6;
  display: block;
  height: 2.5rem;
  padding: .5rem 1rem;
  line-height: 1.5;
  color: #464a4c;
  background-color: #eceeef;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0 0.25rem 0.25rem 0
}

.custom-file-control:lang(en):before {
  content: "Browse"
}

.nav {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none
}

.nav-link {
  display: block;
  padding: 0.5em 1em
}

.nav-link:focus,
.nav-link:hover {
  text-decoration: none
}

.nav-link.disabled {
  color: #636c72;
  cursor: not-allowed
}

.nav-tabs {
  border-bottom: 1px solid #ddd
}

.nav-tabs .nav-item {
  margin-bottom: -1px
}

.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-right-radius: .25rem;
  border-top-left-radius: 0.25rem
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border-color: #eceeef #eceeef #ddd
}

.nav-tabs .nav-link.disabled {
  color: #636c72;
  background-color: transparent;
  border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #464a4c;
  background-color: #fff;
  border-color: #ddd #ddd #fff
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0
}

.nav-pills .nav-link {
  border-radius: 0.25rem
}

.nav-pills .nav-item.show .nav-link,
.nav-pills .nav-link.active {
  color: #fff;
  cursor: default;
  background-color: #0275d8
}

.nav-fill .nav-item {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center
}

.nav-justified .nav-item {
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  text-align: center
}

.tab-content>.tab-pane {
  display: none
}

.tab-content>.active {
  display: block
}

.navbar {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0.5rem 1rem
}

.navbar-brand {
  display: inline-block;
  padding-top: .25rem;
  padding-bottom: .25rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
  text-decoration: none
}

.navbar-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none
}

.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0
}

.navbar-text {
  display: inline-block;
  padding-top: .425rem;
  padding-bottom: 0.425rem
}

.navbar-toggler {
  -ms-flex-item-align: start;
  align-self: flex-start;
  padding: .25rem .75rem;
  font-size: 1.25rem;
  line-height: 1;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem
}

.navbar-toggler:focus,
.navbar-toggler:hover {
  text-decoration: none
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat 50%;
  background-size: 100% 100%
}

.navbar-toggler-left {
  position: absolute;
  left: 1rem
}

.navbar-toggler-right {
  position: absolute;
  right: 1rem
}

@media (max-width: 419px) {
  .navbar-toggleable .navbar-nav .dropdown-menu {
    position: static;
    float: none
  }
  .navbar-toggleable>.container {
    padding-right: 0;
    padding-left: 0
  }
}

@media (min-width: 420px) {
  .navbar-toggleable {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center
  }
  .navbar-toggleable,
  .navbar-toggleable .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row
  }
  .navbar-toggleable .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: 0.5rem
  }
  .navbar-toggleable>.container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center
  }
  .navbar-toggleable .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    width: 100%
  }
  .navbar-toggleable .navbar-toggler {
    display: none
  }
}

@media (max-width: 815px) {
  .navbar-toggleable-sm .navbar-nav .dropdown-menu {
    position: static;
    float: none
  }
  .navbar-toggleable-sm>.container {
    padding-right: 0;
    padding-left: 0
  }
}

@media (min-width: 816px) {
  .navbar-toggleable-sm {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center
  }
  .navbar-toggleable-sm,
  .navbar-toggleable-sm .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row
  }
  .navbar-toggleable-sm .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: 0.5rem
  }
  .navbar-toggleable-sm>.container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center
  }
  .navbar-toggleable-sm .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    width: 100%
  }
  .navbar-toggleable-sm .navbar-toggler {
    display: none
  }
}

@media (max-width: 1374px) {
  .navbar-toggleable-md .navbar-nav .dropdown-menu {
    position: static;
    float: none
  }
  .navbar-toggleable-md>.container {
    padding-right: 0;
    padding-left: 0
  }
}

@media (min-width: 1375px) {
  .navbar-toggleable-md {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center
  }
  .navbar-toggleable-md,
  .navbar-toggleable-md .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row
  }
  .navbar-toggleable-md .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: 0.5rem
  }
  .navbar-toggleable-md>.container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center
  }
  .navbar-toggleable-md .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    width: 100%
  }
  .navbar-toggleable-md .navbar-toggler {
    display: none
  }
}

@media (max-width: 2499px) {
  .navbar-toggleable-lg .navbar-nav .dropdown-menu {
    position: static;
    float: none
  }
  .navbar-toggleable-lg>.container {
    padding-right: 0;
    padding-left: 0
  }
}

@media (min-width: 2500px) {
  .navbar-toggleable-lg {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center
  }
  .navbar-toggleable-lg,
  .navbar-toggleable-lg .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row
  }
  .navbar-toggleable-lg .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: 0.5rem
  }
  .navbar-toggleable-lg>.container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center
  }
  .navbar-toggleable-lg .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    width: 100%
  }
  .navbar-toggleable-lg .navbar-toggler {
    display: none
  }
}

.navbar-toggleable-xl {
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-align: center;
  align-items: center
}

.navbar-toggleable-xl .navbar-nav .dropdown-menu {
  position: static;
  float: none
}

.navbar-toggleable-xl>.container {
  padding-right: 0;
  padding-left: 0
}

.navbar-toggleable-xl .navbar-nav {
  -ms-flex-direction: row;
  flex-direction: row
}

.navbar-toggleable-xl .navbar-nav .nav-link {
  padding-right: .5rem;
  padding-left: 0.5rem
}

.navbar-toggleable-xl>.container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-align: center;
  align-items: center
}

.navbar-toggleable-xl .navbar-collapse {
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100%
}

.navbar-toggleable-xl .navbar-toggler {
  display: none
}

.navbar-light .navbar-brand,
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover,
.navbar-light .navbar-toggler,
.navbar-light .navbar-toggler:focus,
.navbar-light .navbar-toggler:hover {
  color: rgba(0, 0, 0, 0.9)
}

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5)
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: rgba(0, 0, 0, 0.7)
}

.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3)
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.open,
.navbar-light .navbar-nav .open>.nav-link {
  color: rgba(0, 0, 0, 0.9)
}

.navbar-light .navbar-toggler {
  border-color: rgba(0, 0, 0, 0.1)
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")
}

.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5)
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-toggler,
.navbar-inverse .navbar-toggler:focus,
.navbar-inverse .navbar-toggler:hover {
  color: #fff
}

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

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

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

.navbar-inverse .navbar-nav .active>.nav-link,
.navbar-inverse .navbar-nav .nav-link.active,
.navbar-inverse .navbar-nav .nav-link.open,
.navbar-inverse .navbar-nav .open>.nav-link {
  color: #fff
}

.navbar-inverse .navbar-toggler {
  border-color: rgba(255, 255, 255, 0.1)
}

.navbar-inverse .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")
}

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

.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem
}

.card-block {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem
}

.card-title {
  margin-bottom: 0.75rem
}

.card-subtitle {
  margin-top: -0.375rem
}

.card-subtitle,
.card-text:last-child {
  margin-bottom: 0
}

.card-link:hover {
  text-decoration: none
}

.card-link+.card-link {
  margin-left: 1.25rem
}

.card>.list-group:first-child .list-group-item:first-child {
  border-top-right-radius: .25rem;
  border-top-left-radius: 0.25rem
}

.card>.list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: .25rem;
  border-bottom-left-radius: 0.25rem
}

.card-header {
  padding: .75rem 1.25rem;
  margin-bottom: 0;
  background-color: #f7f7f9;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125)
}

.card-header:first-child {
  border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-footer {
  padding: .75rem 1.25rem;
  background-color: #f7f7f9;
  border-top: 1px solid rgba(0, 0, 0, 0.125)
}

.card-footer:last-child {
  border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
  margin-bottom: -.75rem;
  border-bottom: 0
}

.card-header-pills,
.card-header-tabs {
  margin-right: -.625rem;
  margin-left: -0.625rem
}

.card-primary {
  background-color: #0275d8;
  border-color: #0275d8
}

.card-primary .card-footer,
.card-primary .card-header {
  background-color: transparent
}

.card-success {
  background-color: #5cb85c;
  border-color: #5cb85c
}

.card-success .card-footer,
.card-success .card-header {
  background-color: transparent
}

.card-info {
  background-color: #5bc0de;
  border-color: #5bc0de
}

.card-info .card-footer,
.card-info .card-header {
  background-color: transparent
}

.card-warning {
  background-color: #f0ad4e;
  border-color: #f0ad4e
}

.card-warning .card-footer,
.card-warning .card-header {
  background-color: transparent
}

.card-danger {
  background-color: #d9534f;
  border-color: #d9534f
}

.card-danger .card-footer,
.card-danger .card-header,
.card-outline-primary {
  background-color: transparent
}

.card-outline-primary {
  border-color: #0275d8
}

.card-outline-secondary {
  background-color: transparent;
  border-color: #ccc
}

.card-outline-info {
  background-color: transparent;
  border-color: #5bc0de
}

.card-outline-success {
  background-color: transparent;
  border-color: #5cb85c
}

.card-outline-warning {
  background-color: transparent;
  border-color: #f0ad4e
}

.card-outline-danger {
  background-color: transparent;
  border-color: #d9534f
}

.card-inverse {
  color: rgba(255, 255, 255, 0.65)
}

.card-inverse .card-footer,
.card-inverse .card-header {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.2)
}

.card-inverse .card-blockquote,
.card-inverse .card-footer,
.card-inverse .card-header,
.card-inverse .card-title {
  color: #fff
}

.card-inverse .card-blockquote .blockquote-footer,
.card-inverse .card-link,
.card-inverse .card-subtitle,
.card-inverse .card-text {
  color: rgba(255, 255, 255, 0.65)
}

.card-inverse .card-link:focus,
.card-inverse .card-link:hover {
  color: #fff
}

.card-blockquote {
  padding: 0;
  margin-bottom: 0;
  border-left: 0
}

.card-img {
  border-radius: calc(.25rem - 1px)
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem
}

.card-img-top {
  border-top-right-radius: calc(.25rem - 1px);
  border-top-left-radius: calc(.25rem - 1px)
}

.card-img-bottom {
  border-bottom-right-radius: calc(.25rem - 1px);
  border-bottom-left-radius: calc(.25rem - 1px)
}

@media (min-width: 420px) {
  .card-deck {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
  }
  .card-deck,
  .card-deck .card {
    display: -ms-flexbox;
    display: flex
  }
  .card-deck .card {
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .card-deck .card:not(:first-child) {
    margin-left: 15px
  }
  .card-deck .card:not(:last-child) {
    margin-right: 15px
  }
}

@media (min-width: 420px) {
  .card-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
  }
  .card-group .card {
    -ms-flex: 1 0 0px;
    flex: 1 0 0
  }
  .card-group .card+.card {
    margin-left: 0;
    border-left: 0
  }
  .card-group .card:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
  }
  .card-group .card:first-child .card-img-top {
    border-top-right-radius: 0
  }
  .card-group .card:first-child .card-img-bottom {
    border-bottom-right-radius: 0
  }
  .card-group .card:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
  }
  .card-group .card:last-child .card-img-top {
    border-top-left-radius: 0
  }
  .card-group .card:last-child .card-img-bottom {
    border-bottom-left-radius: 0
  }
  .card-group .card:not(:first-child):not(:last-child),
  .card-group .card:not(:first-child):not(:last-child) .card-img-bottom,
  .card-group .card:not(:first-child):not(:last-child) .card-img-top {
    border-radius: 0
  }
}

@media (min-width: 420px) {
  .card-columns {
    -moz-column-count: 3;
    column-count: 3;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
    margin-bottom: 0.75rem
  }
}

.breadcrumb {
  display: none;
  padding: .75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #eceeef;
  border-radius: 0.25rem
}

.breadcrumb:after {
  display: block;
  content: "";
  clear: both
}

.breadcrumb-item {
  float: left
}

.breadcrumb-item+.breadcrumb-item:before {
  display: inline-block;
  padding-right: .5rem;
  padding-left: .5rem;
  color: #636c72;
  content: "/"
}

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

.breadcrumb-item.active {
  color: #636c72
}

.pagination {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-bottom-left-radius: .25rem;
  border-top-left-radius: 0.25rem
}

.page-item:last-child .page-link {
  border-bottom-right-radius: .25rem;
  border-top-right-radius: 0.25rem
}

.page-item.active .page-link {
  z-index: 2;
  color: #fff;
  background-color: #0275d8;
  border-color: #0275d8
}

.page-item.disabled .page-link {
  color: #636c72;
  pointer-events: none;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd
}

.page-link {
  position: relative;
  display: block;
  padding: .5rem .75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #0275d8;
  background-color: #fff;
  border: 1px solid #ddd
}

.page-link:focus,
.page-link:hover {
  color: #014c8c;
  text-decoration: none;
  background-color: #eceeef;
  border-color: #ddd
}

.pagination-lg .page-link {
  padding: .75rem 1.5rem;
  font-size: 1.25rem
}

.pagination-lg .page-item:first-child .page-link {
  border-bottom-left-radius: .3rem;
  border-top-left-radius: 0.3rem
}

.pagination-lg .page-item:last-child .page-link {
  border-bottom-right-radius: .3rem;
  border-top-right-radius: 0.3rem
}

.pagination-sm .page-link {
  padding: .25rem .5rem;
  font-size: 0.875rem
}

.pagination-sm .page-item:first-child .page-link {
  border-bottom-left-radius: .2rem;
  border-top-left-radius: 0.2rem
}

.pagination-sm .page-item:last-child .page-link {
  border-bottom-right-radius: .2rem;
  border-top-right-radius: 0.2rem
}

.badge {
  display: inline-block;
  padding: .25em .4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem
}

.badge:empty {
  display: none
}

.btn .badge {
  position: relative;
  top: -1px
}

a.badge:focus,
a.badge:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer
}

.badge-pill {
  padding-right: .6em;
  padding-left: .6em;
  border-radius: 10rem
}

.badge-default {
  background-color: #636c72
}

.badge-default[href]:focus,
.badge-default[href]:hover {
  background-color: #4b5257
}

.badge-primary {
  background-color: #0275d8
}

.badge-primary[href]:focus,
.badge-primary[href]:hover {
  background-color: #025aa5
}

.badge-success {
  background-color: #5cb85c
}

.badge-success[href]:focus,
.badge-success[href]:hover {
  background-color: #449d44
}

.badge-info {
  background-color: #5bc0de
}

.badge-info[href]:focus,
.badge-info[href]:hover {
  background-color: #31b0d5
}

.badge-warning {
  background-color: #f0ad4e
}

.badge-warning[href]:focus,
.badge-warning[href]:hover {
  background-color: #ec971f
}

.badge-danger {
  background-color: #d9534f
}

.badge-danger[href]:focus,
.badge-danger[href]:hover {
  background-color: #c9302c
}

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #eceeef;
  border-radius: 0.3rem
}

@media (min-width: 420px) {
  .jumbotron {
    padding: 4rem 2rem
  }
}

.jumbotron-hr {
  border-top-color: #d0d5d8
}

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0
}

.alert {
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem
}

.alert-heading {
  color: inherit
}

.alert-link {
  font-weight: 700
}

.alert-dismissible .close {
  position: relative;
  top: -.75rem;
  right: -1.25rem;
  padding: .75rem 1.25rem;
  color: inherit
}

.alert-success {
  background-color: #dff0d8;
  border-color: #d0e9c6;
  color: #3c763d
}

.alert-success hr {
  border-top-color: #c1e2b3
}

.alert-success .alert-link {
  color: #2b542c
}

.alert-info {
  background-color: #d9edf7;
  border-color: #bcdff1;
  color: #31708f
}

.alert-info hr {
  border-top-color: #a6d5ec
}

.alert-info .alert-link {
  color: #245269
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faf2cc;
  color: #8a6d3b
}

.alert-warning hr {
  border-top-color: #f7ecb5
}

.alert-warning .alert-link {
  color: #66512c
}

.alert-danger {
  background-color: #f2dede;
  border-color: #ebcccc;
  color: #a94442
}

.alert-danger hr {
  border-top-color: #e4b9b9
}

.alert-danger .alert-link {
  color: #843534
}

@keyframes a {
  0% {
    background-position: 1rem 0
  }
  to {
    background-position: 0 0
  }
}

.progress {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  font-size: .75rem;
  line-height: 1rem;
  text-align: center;
  background-color: #eceeef;
  border-radius: 0.25rem
}

.progress-bar {
  height: 1rem;
  color: #fff;
  background-color: #0275d8
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 0, transparent 50%, rgba(255, 255, 255, 0.15) 0, rgba(255, 255, 255, 0.15) 75%, transparent 0, transparent);
  background-size: 1rem 1rem
}

.progress-bar-animated {
  animation: a 1s linear infinite
}

.media {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start
}

.media-body {
  -ms-flex: 1;
  flex: 1
}

.list-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0
}

.list-group-item-action {
  width: 100%;
  color: #464a4c;
  text-align: inherit
}

.list-group-item-action .list-group-item-heading {
  color: #292b2c
}

.list-group-item-action:focus,
.list-group-item-action:hover {
  color: #464a4c;
  text-decoration: none;
  background-color: #f7f7f9
}

.list-group-item-action:active {
  color: #292b2c;
  background-color: #eceeef
}

.list-group-item {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-align: center;
  align-items: center;
  padding: .75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125)
}

.list-group-item:first-child {
  border-top-right-radius: .25rem;
  border-top-left-radius: 0.25rem
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: .25rem;
  border-bottom-left-radius: 0.25rem
}

.list-group-item:focus,
.list-group-item:hover {
  text-decoration: none
}

.list-group-item.disabled,
.list-group-item:disabled {
  color: #636c72;
  cursor: not-allowed;
  background-color: #fff
}

.list-group-item.disabled .list-group-item-heading,
.list-group-item:disabled .list-group-item-heading {
  color: inherit
}

.list-group-item.disabled .list-group-item-text,
.list-group-item:disabled .list-group-item-text {
  color: #636c72
}

.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #0275d8;
  border-color: #0275d8
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading>.small,
.list-group-item.active .list-group-item-heading>small {
  color: inherit
}

.list-group-item.active .list-group-item-text {
  color: #daeeff
}

.list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0
}

.list-group-flush:first-child .list-group-item:first-child {
  border-top: 0
}

.list-group-flush:last-child .list-group-item:last-child {
  border-bottom: 0
}

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8
}

a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d
}

a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit
}

a.list-group-item-success:focus,
a.list-group-item-success:hover,
button.list-group-item-success:focus,
button.list-group-item-success:hover {
  color: #3c763d;
  background-color: #d0e9c6
}

a.list-group-item-success.active,
button.list-group-item-success.active {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d
}

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7
}

a.list-group-item-info,
button.list-group-item-info {
  color: #31708f
}

a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit
}

a.list-group-item-info:focus,
a.list-group-item-info:hover,
button.list-group-item-info:focus,
button.list-group-item-info:hover {
  color: #31708f;
  background-color: #c4e3f3
}

a.list-group-item-info.active,
button.list-group-item-info.active {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f
}

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3
}

a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b
}

a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit
}

a.list-group-item-warning:focus,
a.list-group-item-warning:hover,
button.list-group-item-warning:focus,
button.list-group-item-warning:hover {
  color: #8a6d3b;
  background-color: #faf2cc
}

a.list-group-item-warning.active,
button.list-group-item-warning.active {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b
}

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede
}

a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442
}

a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit
}

a.list-group-item-danger:focus,
a.list-group-item-danger:hover,
button.list-group-item-danger:focus,
button.list-group-item-danger:hover {
  color: #a94442;
  background-color: #ebcccc
}

a.list-group-item-danger.active,
button.list-group-item-danger.active {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442
}

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden
}

.embed-responsive:before {
  display: block;
  content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0
}

.embed-responsive-21by9:before {
  padding-top: 42.85714%
}

.embed-responsive-16by9:before {
  padding-top: 56.25%
}

.embed-responsive-4by3:before {
  padding-top: 75%
}

.embed-responsive-1by1:before {
  padding-top: 100%
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5
}

.close:focus,
.close:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.75
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none
}

.modal,
.modal-open {
  overflow: hidden
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  outline: 0
}

.modal.fade .modal-dialog {
  transition: transform .3s ease-out;
  -ms-transform: translateY(-25%);
  transform: translateY(-25%)
}

.modal.show .modal-dialog {
  -ms-transform: translate(0);
  transform: translate(0)
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px
}

.modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: .3rem;
  outline: 0
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000
}

.modal-backdrop.fade {
  opacity: 0
}

.modal-backdrop.show {
  opacity: 0.5
}

.modal-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 15px;
  border-bottom: 1px solid #eceeef
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5
}

.modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 15px
}

.modal-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 15px;
  border-top: 1px solid #eceeef
}

.modal-footer>:not(:first-child) {
  margin-left: 0.25rem
}

.modal-footer>:not(:last-child) {
  margin-right: 0.25rem
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll
}

@media (min-width: 420px) {
  .modal-dialog {
    max-width: 500px;
    margin: 30px auto
  }
  .modal-sm {
    max-width: 300px
  }
}

@media (min-width: 1375px) {
  .modal-lg {
    max-width: 800px
  }
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  font-size: .875rem;
  word-wrap: break-word;
  opacity: 0
}

.tooltip.show {
  opacity: 0.9
}

.tooltip.bs-tether-element-attached-bottom,
.tooltip.tooltip-top {
  padding: 5px 0;
  margin-top: -3px
}

.tooltip.bs-tether-element-attached-bottom .tooltip-inner:before,
.tooltip.tooltip-top .tooltip-inner:before {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  content: "";
  border-width: 5px 5px 0;
  border-top-color: #000
}

.tooltip.bs-tether-element-attached-left,
.tooltip.tooltip-right {
  padding: 0 5px;
  margin-left: 3px
}

.tooltip.bs-tether-element-attached-left .tooltip-inner:before,
.tooltip.tooltip-right .tooltip-inner:before {
  top: 50%;
  left: 0;
  margin-top: -5px;
  content: "";
  border-width: 5px 5px 5px 0;
  border-right-color: #000
}

.tooltip.bs-tether-element-attached-top,
.tooltip.tooltip-bottom {
  padding: 5px 0;
  margin-top: 3px
}

.tooltip.bs-tether-element-attached-top .tooltip-inner:before,
.tooltip.tooltip-bottom .tooltip-inner:before {
  top: 0;
  left: 50%;
  margin-left: -5px;
  content: "";
  border-width: 0 5px 5px;
  border-bottom-color: #000
}

.tooltip.bs-tether-element-attached-right,
.tooltip.tooltip-left {
  padding: 0 5px;
  margin-left: -3px
}

.tooltip.bs-tether-element-attached-right .tooltip-inner:before,
.tooltip.tooltip-left .tooltip-inner:before {
  top: 50%;
  right: 0;
  margin-top: -5px;
  content: "";
  border-width: 5px 0 5px 5px;
  border-left-color: #000
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem
}

.tooltip-inner:before {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  padding: 1px;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  font-size: .875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem
}

.popover.bs-tether-element-attached-bottom,
.popover.popover-top {
  margin-top: -10px
}

.popover.bs-tether-element-attached-bottom:after,
.popover.bs-tether-element-attached-bottom:before,
.popover.popover-top:after,
.popover.popover-top:before {
  left: 50%;
  border-bottom-width: 0
}

.popover.bs-tether-element-attached-bottom:before,
.popover.popover-top:before {
  bottom: -11px;
  margin-left: -11px;
  border-top-color: rgba(0, 0, 0, 0.25)
}

.popover.bs-tether-element-attached-bottom:after,
.popover.popover-top:after {
  bottom: -10px;
  margin-left: -10px;
  border-top-color: #fff
}

.popover.bs-tether-element-attached-left,
.popover.popover-right {
  margin-left: 10px
}

.popover.bs-tether-element-attached-left:after,
.popover.bs-tether-element-attached-left:before,
.popover.popover-right:after,
.popover.popover-right:before {
  top: 50%;
  border-left-width: 0
}

.popover.bs-tether-element-attached-left:before,
.popover.popover-right:before {
  left: -11px;
  margin-top: -11px;
  border-right-color: rgba(0, 0, 0, 0.25)
}

.popover.bs-tether-element-attached-left:after,
.popover.popover-right:after {
  left: -10px;
  margin-top: -10px;
  border-right-color: #fff
}

.popover.bs-tether-element-attached-top,
.popover.popover-bottom {
  margin-top: 10px
}

.popover.bs-tether-element-attached-top:after,
.popover.bs-tether-element-attached-top:before,
.popover.popover-bottom:after,
.popover.popover-bottom:before {
  left: 50%;
  border-top-width: 0
}

.popover.bs-tether-element-attached-top:before,
.popover.popover-bottom:before {
  top: -11px;
  margin-left: -11px;
  border-bottom-color: rgba(0, 0, 0, 0.25)
}

.popover.bs-tether-element-attached-top:after,
.popover.popover-bottom:after {
  top: -10px;
  margin-left: -10px;
  border-bottom-color: #f7f7f7
}

.popover.bs-tether-element-attached-top .popover-title:before,
.popover.popover-bottom .popover-title:before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 20px;
  margin-left: -10px;
  content: "";
  border-bottom: 1px solid #f7f7f7
}

.popover.bs-tether-element-attached-right,
.popover.popover-left {
  margin-left: -10px
}

.popover.bs-tether-element-attached-right:after,
.popover.bs-tether-element-attached-right:before,
.popover.popover-left:after,
.popover.popover-left:before {
  top: 50%;
  border-right-width: 0
}

.popover.bs-tether-element-attached-right:before,
.popover.popover-left:before {
  right: -11px;
  margin-top: -11px;
  border-left-color: rgba(0, 0, 0, 0.25)
}

.popover.bs-tether-element-attached-right:after,
.popover.popover-left:after {
  right: -10px;
  margin-top: -10px;
  border-left-color: #fff
}

.popover-title {
  padding: 8px 14px;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-right-radius: calc(.3rem - 1px);
  border-top-left-radius: calc(.3rem - 1px)
}

.popover-title:empty {
  display: none
}

.popover-content {
  padding: 9px 14px
}

.popover:after,
.popover:before {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid
}

.popover:before {
  content: "";
  border-width: 11px
}

.popover:after {
  content: "";
  border-width: 10px
}

.carousel {
  position: relative
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden
}

.carousel-item {
  position: relative;
  display: none;
  width: 100%
}

@media (-webkit-transform-3d) {
  .carousel-item {
    transition: transform .6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000px
  }
}

@supports (transform: translate3d(0,
0,
0)) {
  .carousel-item {
    transition: transform .6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000px
  }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
  display: -ms-flexbox;
  display: flex
}

.carousel-item-next,
.carousel-item-prev {
  position: absolute;
  top: 0
}

@media (-webkit-transform-3d) {
  .carousel-item-next.carousel-item-left,
  .carousel-item-prev.carousel-item-right {
    transform: translateZ(0)
  }
  .active.carousel-item-right,
  .carousel-item-next {
    transform: translate3d(100%, 0, 0)
  }
  .active.carousel-item-left,
  .carousel-item-prev {
    transform: translate3d(-100%, 0, 0)
  }
}

@supports (transform: translate3d(0,
0,
0)) {
  .carousel-item-next.carousel-item-left,
  .carousel-item-prev.carousel-item-right {
    transform: translateZ(0)
  }
  .active.carousel-item-right,
  .carousel-item-next {
    transform: translate3d(100%, 0, 0)
  }
  .active.carousel-item-left,
  .carousel-item-prev {
    transform: translate3d(-100%, 0, 0)
  }
}

.carousel-control-next,
.carousel-control-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9
}

.carousel-control-prev {
  left: 0
}

.carousel-control-next {
  right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: transparent no-repeat 50%;
  background-size: 100% 100%
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 10px;
  left: 0;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none
}

.carousel-indicators li {
  position: relative;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  max-width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.5)
}

.carousel-indicators li:before {
  top: -10px
}

.carousel-indicators li:after,
.carousel-indicators li:before {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 10px;
  content: ""
}

.carousel-indicators li:after {
  bottom: -10px
}

.carousel-indicators .active {
  background-color: #fff
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center
}


/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */

html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

article,
aside,
footer,
header,
nav,
section {
  display: block
}

h1 {
  font-size: 2em;
  margin: 0.67em 0
}

figcaption,
figure,
main {
  display: block
}

figure {
  margin: 1em 40px
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

pre {
  font-family: monospace, monospace;
  font-size: 1em
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}

a:active,
a:hover {
  outline-width: 0
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted
}

b,
strong {
  font-weight: inherit;
  font-weight: bolder
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em
}

dfn {
  font-style: italic
}

mark {
  background-color: #ff0;
  color: #000
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -0.25em
}

sup {
  top: -0.5em
}

audio,
video {
  display: inline-block
}

audio:not([controls]) {
  display: none;
  height: 0
}

img {
  border-style: none
}

svg:not(:root) {
  overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button,
input {
  overflow: visible
}

button,
select {
  text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
  -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  display: inline-block;
  vertical-align: baseline
}

textarea {
  overflow: auto
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

details,
menu {
  display: block
}

summary {
  display: list-item
}

canvas {
  display: inline-block
}

[hidden],
template {
  display: none
}

@media print {
  *,
  :after,
  :before,
  blockquote:first-letter,
  blockquote:first-line,
  div:first-letter,
  div:first-line,
  li:first-letter,
  li:first-line,
  p:first-letter,
  p:first-line {
    text-shadow: none !important;
    box-shadow: none !important
  }
  a,
  a:visited {
    text-decoration: underline
  }
  abbr[title]:after {
    content: " (" attr(title) ")"
  }
  pre {
    white-space: pre-wrap !important
  }
  blockquote,
  pre {
    border: 1px solid #999;
    page-break-inside: avoid
  }
  thead {
    display: table-header-group
  }
  img,
  tr {
    page-break-inside: avoid
  }
  h2,
  h3,
  p {
    orphans: 3;
    widows: 3
  }
  h2,
  h3 {
    page-break-after: avoid
  }
  .navbar {
    display: none
  }
  .badge {
    border: 1px solid #000
  }
  .table {
    border-collapse: collapse !important
  }
  .table td,
  .table th {
    background-color: #fff !important
  }
  .table-bordered td,
  .table-bordered th {
    border: 1px solid #ddd !important
  }
}

html {
  box-sizing: border-box
}

*,
:after,
:before {
  box-sizing: inherit
}

@-ms-viewport {
  width: device-width
}

html {
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent
}

body {
  font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #292b2c;
  background-color: #fff
}

[tabindex="-1"]:focus {
  outline: none !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem
}

p {
  margin-top: 0;
  margin-bottom: 1rem
}

abbr[data-original-title],
abbr[title] {
  cursor: help
}

address {
  font-style: normal;
  line-height: inherit
}

address,
dl,
ol,
ul {
  margin-bottom: 1rem
}

dl,
ol,
ul {
  margin-top: 0
}

ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0
}

dt {
  font-weight: 700
}

dd {
  margin-bottom: .5rem;
  margin-left: 0
}

blockquote {
  margin: 0 0 1rem
}

a {
  color: #0275d8;
  text-decoration: none
}

a:focus,
a:hover {
  color: #014c8c;
  text-decoration: underline
}

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

a:not([href]):not([tabindex]):focus {
  outline: 0
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto
}

figure {
  margin: 0 0 1rem
}

img {
  vertical-align: middle
}

[role=button] {
  cursor: pointer
}

[role=button],
a,
area,
button,
input,
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
  touch-action: manipulation
}

table {
  border-collapse: collapse;
  background-color: transparent
}

caption {
  padding-top: .75rem;
  padding-bottom: .75rem;
  color: #636c72;
  caption-side: bottom
}

caption,
th {
  text-align: left
}

label {
  display: inline-block;
  margin-bottom: 0.5rem
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color
}

button,
input,
select,
textarea {
  line-height: inherit
}

input[type=checkbox]:disabled,
input[type=radio]:disabled {
  cursor: not-allowed
}

input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time] {
  -webkit-appearance: listbox
}

textarea {
  resize: vertical
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit
}

input[type=search] {
  -webkit-appearance: none
}

output {
  display: inline-block
}

[hidden] {
  display: none !important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: .5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit
}

.h1,
h1 {
  font-size: 2.5rem
}

.h2,
h2 {
  font-size: 2rem
}

.h3,
h3 {
  font-size: 1.75rem
}

.h4,
h4 {
  font-size: 1.5rem
}

.h5,
h5 {
  font-size: 1.25rem
}

.h6,
h6 {
  font-size: 1rem
}

.lead {
  font-size: 1.25rem;
  font-weight: 300
}

.display-1 {
  font-size: 6rem
}

.display-1,
.display-2 {
  font-weight: 300;
  line-height: 1.1
}

.display-2 {
  font-size: 5.5rem
}

.display-3 {
  font-size: 4.5rem
}

.display-3,
.display-4 {
  font-weight: 300;
  line-height: 1.1
}

.display-4 {
  font-size: 3.5rem
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1)
}

.small,
small {
  font-size: 80%;
  font-weight: 400
}

.mark,
mark {
  padding: .2em;
  background-color: #fcf8e3
}

.list-inline,
.list-unstyled {
  padding-left: 0;
  list-style: none
}

.list-inline-item {
  display: inline-block
}

.list-inline-item:not(:last-child) {
  margin-right: 5px
}

.initialism {
  font-size: 90%;
  text-transform: uppercase
}

.blockquote {
  padding: .5rem 1rem;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  border-left: 0.25rem solid #eceeef
}

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #636c72
}

.blockquote-footer:before {
  content: "— "
}

.blockquote-reverse {
  padding-right: 1rem;
  padding-left: 0;
  text-align: right;
  border-right: .25rem solid #eceeef;
  border-left: 0
}

.blockquote-reverse .blockquote-footer:before {
  content: ""
}

.blockquote-reverse .blockquote-footer:after {
  content: " —"
}

.img-fluid,
.img-thumbnail {
  max-width: 100%;
  height: auto
}

.img-thumbnail {
  padding: .25rem;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: .25rem;
  transition: all 0.2s ease-in-out
}

.figure {
  display: inline-block
}

.figure-img {
  margin-bottom: .5rem;
  line-height: 1
}

.figure-caption {
  font-size: 90%;
  color: #636c72
}

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

code {
  padding: .2rem .4rem;
  font-size: 90%;
  color: #bd4147;
  background-color: #f7f7f9;
  border-radius: 0.25rem
}

a>code {
  padding: 0;
  color: inherit;
  background-color: inherit
}

kbd {
  padding: .2rem .4rem;
  font-size: 90%;
  color: #fff;
  background-color: #292b2c;
  border-radius: 0.2rem
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 90%;
  color: #292b2c
}

pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  background-color: transparent;
  border-radius: 0
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll
}

.container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-right: 10px;
  padding-left: 10px
}

@media (min-width: 420px) {
  .container {
    padding-right: 10px;
    padding-left: 10px
  }
}

@media (min-width: 816px) {
  .container {
    padding-right: 10px;
    padding-left: 10px
  }
}

@media (min-width: 1375px) {
  .container {
    padding-right: 10px;
    padding-left: 10px
  }
}

@media (min-width: 2500px) {
  .container {
    padding-right: 10px;
    padding-left: 10px
  }
}

@media (min-width: 420px) {
  .container {
    width: 100%;
    max-width: 100%
  }
}

@media (min-width: 816px) {
  .container {
    width: 100%;
    max-width: 100%
  }
}

@media (min-width: 1375px) {
  .container {
    width: 1345px;
    max-width: 100%
  }
}

@media (min-width: 2500px) {
  .container {
    width: 1920px;
    max-width: 100%
  }
}

.container-fluid {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-right: 10px;
  padding-left: 10px
}

@media (min-width: 420px) {
  .container-fluid {
    padding-right: 10px;
    padding-left: 10px
  }
}

@media (min-width: 816px) {
  .container-fluid {
    padding-right: 10px;
    padding-left: 10px
  }
}

@media (min-width: 1375px) {
  .container-fluid {
    padding-right: 10px;
    padding-left: 10px
  }
}

@media (min-width: 2500px) {
  .container-fluid {
    padding-right: 10px;
    padding-left: 10px
  }
}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px
}

@media (min-width: 420px) {
  .row {
    margin-right: -10px;
    margin-left: -10px
  }
}

@media (min-width: 816px) {
  .row {
    margin-right: -10px;
    margin-left: -10px
  }
}

@media (min-width: 1375px) {
  .row {
    margin-right: -10px;
    margin-left: -10px
  }
}

@media (min-width: 2500px) {
  .row {
    margin-right: -10px;
    margin-left: -10px
  }
}

.no-gutters {
  margin-right: 0;
  margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
  padding-right: 0;
  padding-left: 0
}

.col,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-xl,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px
}

@media (min-width: 420px) {
  .col,
  .col-1,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10,
  .col-11,
  .col-12,
  .col-lg,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-md,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-sm,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-xl,
  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12 {
    padding-right: 10px;
    padding-left: 10px
  }
}

@media (min-width: 816px) {
  .col,
  .col-1,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10,
  .col-11,
  .col-12,
  .col-lg,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-md,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-sm,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-xl,
  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12 {
    padding-right: 10px;
    padding-left: 10px
  }
}

@media (min-width: 1375px) {
  .col,
  .col-1,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10,
  .col-11,
  .col-12,
  .col-lg,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-md,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-sm,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-xl,
  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12 {
    padding-right: 10px;
    padding-left: 10px
  }
}

@media (min-width: 2500px) {
  .col,
  .col-1,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10,
  .col-11,
  .col-12,
  .col-lg,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-md,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-sm,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-xl,
  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12 {
    padding-right: 10px;
    padding-left: 10px
  }
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%
}

.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto
}

.col-1 {
  -ms-flex: 0 0 8.33333%;
  flex: 0 0 8.33333%;
  max-width: 8.33333%
}

.col-2 {
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%;
  max-width: 16.66667%
}

.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%
}

.col-4 {
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  max-width: 33.33333%
}

.col-5 {
  -ms-flex: 0 0 41.66667%;
  flex: 0 0 41.66667%;
  max-width: 41.66667%
}

.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%
}

.col-7 {
  -ms-flex: 0 0 58.33333%;
  flex: 0 0 58.33333%;
  max-width: 58.33333%
}

.col-8 {
  -ms-flex: 0 0 66.66667%;
  flex: 0 0 66.66667%;
  max-width: 66.66667%
}

.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%
}

.col-10 {
  -ms-flex: 0 0 83.33333%;
  flex: 0 0 83.33333%;
  max-width: 83.33333%
}

.col-11 {
  -ms-flex: 0 0 91.66667%;
  flex: 0 0 91.66667%;
  max-width: 91.66667%
}

.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%
}

.pull-0 {
  right: auto
}

.pull-1 {
  right: 8.33333%
}

.pull-2 {
  right: 16.66667%
}

.pull-3 {
  right: 25%
}

.pull-4 {
  right: 33.33333%
}

.pull-5 {
  right: 41.66667%
}

.pull-6 {
  right: 50%
}

.pull-7 {
  right: 58.33333%
}

.pull-8 {
  right: 66.66667%
}

.pull-9 {
  right: 75%
}

.pull-10 {
  right: 83.33333%
}

.pull-11 {
  right: 91.66667%
}

.pull-12 {
  right: 100%
}

.push-0 {
  left: auto
}

.push-1 {
  left: 8.33333%
}

.push-2 {
  left: 16.66667%
}

.push-3 {
  left: 25%
}

.push-4 {
  left: 33.33333%
}

.push-5 {
  left: 41.66667%
}

.push-6 {
  left: 50%
}

.push-7 {
  left: 58.33333%
}

.push-8 {
  left: 66.66667%
}

.push-9 {
  left: 75%
}

.push-10 {
  left: 83.33333%
}

.push-11 {
  left: 91.66667%
}

.push-12 {
  left: 100%
}

.offset-1 {
  margin-left: 8.33333%
}

.offset-2 {
  margin-left: 16.66667%
}

.offset-3 {
  margin-left: 25%
}

.offset-4 {
  margin-left: 33.33333%
}

.offset-5 {
  margin-left: 41.66667%
}

.offset-6 {
  margin-left: 50%
}

.offset-7 {
  margin-left: 58.33333%
}

.offset-8 {
  margin-left: 66.66667%
}

.offset-9 {
  margin-left: 75%
}

.offset-10 {
  margin-left: 83.33333%
}

.offset-11 {
  margin-left: 91.66667%
}

@media (min-width: 420px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
  }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
  .pull-sm-0 {
    right: auto
  }
  .pull-sm-1 {
    right: 8.33333%
  }
  .pull-sm-2 {
    right: 16.66667%
  }
  .pull-sm-3 {
    right: 25%
  }
  .pull-sm-4 {
    right: 33.33333%
  }
  .pull-sm-5 {
    right: 41.66667%
  }
  .pull-sm-6 {
    right: 50%
  }
  .pull-sm-7 {
    right: 58.33333%
  }
  .pull-sm-8 {
    right: 66.66667%
  }
  .pull-sm-9 {
    right: 75%
  }
  .pull-sm-10 {
    right: 83.33333%
  }
  .pull-sm-11 {
    right: 91.66667%
  }
  .pull-sm-12 {
    right: 100%
  }
  .push-sm-0 {
    left: auto
  }
  .push-sm-1 {
    left: 8.33333%
  }
  .push-sm-2 {
    left: 16.66667%
  }
  .push-sm-3 {
    left: 25%
  }
  .push-sm-4 {
    left: 33.33333%
  }
  .push-sm-5 {
    left: 41.66667%
  }
  .push-sm-6 {
    left: 50%
  }
  .push-sm-7 {
    left: 58.33333%
  }
  .push-sm-8 {
    left: 66.66667%
  }
  .push-sm-9 {
    left: 75%
  }
  .push-sm-10 {
    left: 83.33333%
  }
  .push-sm-11 {
    left: 91.66667%
  }
  .push-sm-12 {
    left: 100%
  }
  .offset-sm-0 {
    margin-left: 0
  }
  .offset-sm-1 {
    margin-left: 8.33333%
  }
  .offset-sm-2 {
    margin-left: 16.66667%
  }
  .offset-sm-3 {
    margin-left: 25%
  }
  .offset-sm-4 {
    margin-left: 33.33333%
  }
  .offset-sm-5 {
    margin-left: 41.66667%
  }
  .offset-sm-6 {
    margin-left: 50%
  }
  .offset-sm-7 {
    margin-left: 58.33333%
  }
  .offset-sm-8 {
    margin-left: 66.66667%
  }
  .offset-sm-9 {
    margin-left: 75%
  }
  .offset-sm-10 {
    margin-left: 83.33333%
  }
  .offset-sm-11 {
    margin-left: 91.66667%
  }
}

@media (min-width: 816px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto
  }
  .col-md-1 {
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%
  }
  .col-md-2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
  .col-md-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
  }
  .col-md-5 {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
  .col-md-7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
  }
  .col-md-8 {
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }
  .col-md-10 {
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
  }
  .col-md-11 {
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
  .pull-md-0 {
    right: auto
  }
  .pull-md-1 {
    right: 8.33333%
  }
  .pull-md-2 {
    right: 16.66667%
  }
  .pull-md-3 {
    right: 25%
  }
  .pull-md-4 {
    right: 33.33333%
  }
  .pull-md-5 {
    right: 41.66667%
  }
  .pull-md-6 {
    right: 50%
  }
  .pull-md-7 {
    right: 58.33333%
  }
  .pull-md-8 {
    right: 66.66667%
  }
  .pull-md-9 {
    right: 75%
  }
  .pull-md-10 {
    right: 83.33333%
  }
  .pull-md-11 {
    right: 91.66667%
  }
  .pull-md-12 {
    right: 100%
  }
  .push-md-0 {
    left: auto
  }
  .push-md-1 {
    left: 8.33333%
  }
  .push-md-2 {
    left: 16.66667%
  }
  .push-md-3 {
    left: 25%
  }
  .push-md-4 {
    left: 33.33333%
  }
  .push-md-5 {
    left: 41.66667%
  }
  .push-md-6 {
    left: 50%
  }
  .push-md-7 {
    left: 58.33333%
  }
  .push-md-8 {
    left: 66.66667%
  }
  .push-md-9 {
    left: 75%
  }
  .push-md-10 {
    left: 83.33333%
  }
  .push-md-11 {
    left: 91.66667%
  }
  .push-md-12 {
    left: 100%
  }
  .offset-md-0 {
    margin-left: 0
  }
  .offset-md-1 {
    margin-left: 8.33333%
  }
  .offset-md-2 {
    margin-left: 16.66667%
  }
  .offset-md-3 {
    margin-left: 25%
  }
  .offset-md-4 {
    margin-left: 33.33333%
  }
  .offset-md-5 {
    margin-left: 41.66667%
  }
  .offset-md-6 {
    margin-left: 50%
  }
  .offset-md-7 {
    margin-left: 58.33333%
  }
  .offset-md-8 {
    margin-left: 66.66667%
  }
  .offset-md-9 {
    margin-left: 75%
  }
  .offset-md-10 {
    margin-left: 83.33333%
  }
  .offset-md-11 {
    margin-left: 91.66667%
  }
}

@media (min-width: 1375px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
  }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
  .pull-lg-0 {
    right: auto
  }
  .pull-lg-1 {
    right: 8.33333%
  }
  .pull-lg-2 {
    right: 16.66667%
  }
  .pull-lg-3 {
    right: 25%
  }
  .pull-lg-4 {
    right: 33.33333%
  }
  .pull-lg-5 {
    right: 41.66667%
  }
  .pull-lg-6 {
    right: 50%
  }
  .pull-lg-7 {
    right: 58.33333%
  }
  .pull-lg-8 {
    right: 66.66667%
  }
  .pull-lg-9 {
    right: 75%
  }
  .pull-lg-10 {
    right: 83.33333%
  }
  .pull-lg-11 {
    right: 91.66667%
  }
  .pull-lg-12 {
    right: 100%
  }
  .push-lg-0 {
    left: auto
  }
  .push-lg-1 {
    left: 8.33333%
  }
  .push-lg-2 {
    left: 16.66667%
  }
  .push-lg-3 {
    left: 25%
  }
  .push-lg-4 {
    left: 33.33333%
  }
  .push-lg-5 {
    left: 41.66667%
  }
  .push-lg-6 {
    left: 50%
  }
  .push-lg-7 {
    left: 58.33333%
  }
  .push-lg-8 {
    left: 66.66667%
  }
  .push-lg-9 {
    left: 75%
  }
  .push-lg-10 {
    left: 83.33333%
  }
  .push-lg-11 {
    left: 91.66667%
  }
  .push-lg-12 {
    left: 100%
  }
  .offset-lg-0 {
    margin-left: 0
  }
  .offset-lg-1 {
    margin-left: 8.33333%
  }
  .offset-lg-2 {
    margin-left: 16.66667%
  }
  .offset-lg-3 {
    margin-left: 25%
  }
  .offset-lg-4 {
    margin-left: 33.33333%
  }
  .offset-lg-5 {
    margin-left: 41.66667%
  }
  .offset-lg-6 {
    margin-left: 50%
  }
  .offset-lg-7 {
    margin-left: 58.33333%
  }
  .offset-lg-8 {
    margin-left: 66.66667%
  }
  .offset-lg-9 {
    margin-left: 75%
  }
  .offset-lg-10 {
    margin-left: 83.33333%
  }
  .offset-lg-11 {
    margin-left: 91.66667%
  }
}

@media (min-width: 2500px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
  }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto
  }
  .col-xl-1 {
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }
  .col-xl-10 {
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
  .pull-xl-0 {
    right: auto
  }
  .pull-xl-1 {
    right: 8.33333%
  }
  .pull-xl-2 {
    right: 16.66667%
  }
  .pull-xl-3 {
    right: 25%
  }
  .pull-xl-4 {
    right: 33.33333%
  }
  .pull-xl-5 {
    right: 41.66667%
  }
  .pull-xl-6 {
    right: 50%
  }
  .pull-xl-7 {
    right: 58.33333%
  }
  .pull-xl-8 {
    right: 66.66667%
  }
  .pull-xl-9 {
    right: 75%
  }
  .pull-xl-10 {
    right: 83.33333%
  }
  .pull-xl-11 {
    right: 91.66667%
  }
  .pull-xl-12 {
    right: 100%
  }
  .push-xl-0 {
    left: auto
  }
  .push-xl-1 {
    left: 8.33333%
  }
  .push-xl-2 {
    left: 16.66667%
  }
  .push-xl-3 {
    left: 25%
  }
  .push-xl-4 {
    left: 33.33333%
  }
  .push-xl-5 {
    left: 41.66667%
  }
  .push-xl-6 {
    left: 50%
  }
  .push-xl-7 {
    left: 58.33333%
  }
  .push-xl-8 {
    left: 66.66667%
  }
  .push-xl-9 {
    left: 75%
  }
  .push-xl-10 {
    left: 83.33333%
  }
  .push-xl-11 {
    left: 91.66667%
  }
  .push-xl-12 {
    left: 100%
  }
  .offset-xl-0 {
    margin-left: 0
  }
  .offset-xl-1 {
    margin-left: 8.33333%
  }
  .offset-xl-2 {
    margin-left: 16.66667%
  }
  .offset-xl-3 {
    margin-left: 25%
  }
  .offset-xl-4 {
    margin-left: 33.33333%
  }
  .offset-xl-5 {
    margin-left: 41.66667%
  }
  .offset-xl-6 {
    margin-left: 50%
  }
  .offset-xl-7 {
    margin-left: 58.33333%
  }
  .offset-xl-8 {
    margin-left: 66.66667%
  }
  .offset-xl-9 {
    margin-left: 75%
  }
  .offset-xl-10 {
    margin-left: 83.33333%
  }
  .offset-xl-11 {
    margin-left: 91.66667%
  }
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem
}

.table td,
.table th {
  padding: .75rem;
  vertical-align: top;
  border-top: 1px solid #eceeef
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #eceeef
}

.table tbody+tbody {
  border-top: 2px solid #eceeef
}

.table .table {
  background-color: #fff
}

.table-sm td,
.table-sm th {
  padding: 0.3rem
}

.table-bordered,
.table-bordered td,
.table-bordered th {
  border: 1px solid #eceeef
}

.table-bordered thead td,
.table-bordered thead th {
  border-bottom-width: 2px
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05)
}

.table-active,
.table-active>td,
.table-active>th,
.table-hover .table-active:hover,
.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th,
.table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.075)
}

.table-success,
.table-success>td,
.table-success>th {
  background-color: #dff0d8
}

.table-hover .table-success:hover,
.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
  background-color: #d0e9c6
}

.table-info,
.table-info>td,
.table-info>th {
  background-color: #d9edf7
}

.table-hover .table-info:hover,
.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
  background-color: #c4e3f3
}

.table-warning,
.table-warning>td,
.table-warning>th {
  background-color: #fcf8e3
}

.table-hover .table-warning:hover,
.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
  background-color: #faf2cc
}

.table-danger,
.table-danger>td,
.table-danger>th {
  background-color: #f2dede
}

.table-hover .table-danger:hover,
.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
  background-color: #ebcccc
}

.thead-inverse th {
  color: #fff;
  background-color: #292b2c
}

.thead-default th {
  color: #464a4c;
  background-color: #eceeef
}

.table-inverse {
  color: #fff;
  background-color: #292b2c
}

.table-inverse td,
.table-inverse th,
.table-inverse thead th {
  border-color: #fff
}

.table-inverse.table-bordered {
  border: 0
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar
}

.table-responsive.table-bordered {
  border: 0
}

.form-control {
  display: block;
  width: 100%;
  padding: .5rem .75rem;
  font-size: 1rem;
  line-height: 1.25;
  color: #464a4c;
  background-color: #fff;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: .25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0
}

.form-control:focus {
  color: #464a4c;
  background-color: #fff;
  border-color: #5cb3fd;
  outline: none
}

.form-control::-webkit-input-placeholder {
  color: #636c72;
  opacity: 1
}

.form-control::-moz-placeholder {
  color: #636c72;
  opacity: 1
}

.form-control:-ms-input-placeholder {
  color: #636c72;
  opacity: 1
}

.form-control::placeholder {
  color: #636c72;
  opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
  background-color: #eceeef;
  opacity: 1
}

.form-control:disabled {
  cursor: not-allowed
}

select.form-control:not([size]):not([multiple]) {
  height: calc(2.25rem + 2px)
}

select.form-control:focus::-ms-value {
  color: #464a4c;
  background-color: #fff
}

.form-control-file,
.form-control-range {
  display: block
}

.col-form-label {
  padding-top: calc(.5rem - 1px * 2);
  padding-bottom: calc(.5rem - 1px * 2);
  margin-bottom: 0
}

.col-form-label-lg {
  padding-top: calc(.75rem - 1px * 2);
  padding-bottom: calc(.75rem - 1px * 2);
  font-size: 1.25rem
}

.col-form-label-sm {
  padding-top: calc(.25rem - 1px * 2);
  padding-bottom: calc(.25rem - 1px * 2);
  font-size: 0.875rem
}

.col-form-legend {
  font-size: 1rem
}

.col-form-legend,
.form-control-static {
  padding-top: .5rem;
  padding-bottom: .5rem;
  margin-bottom: 0
}

.form-control-static {
  line-height: 1.25;
  border: solid transparent;
  border-width: 1px 0
}

.form-control-static.form-control-lg,
.form-control-static.form-control-sm,
.input-group-lg>.form-control-static.form-control,
.input-group-lg>.form-control-static.input-group-addon,
.input-group-lg>.input-group-btn>.form-control-static.btn,
.input-group-sm>.form-control-static.form-control,
.input-group-sm>.form-control-static.input-group-addon,
.input-group-sm>.input-group-btn>.form-control-static.btn {
  padding-right: 0;
  padding-left: 0
}

.form-control-sm,
.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
  padding: .25rem .5rem;
  font-size: .875rem;
  border-radius: 0.2rem
}

.input-group-sm>.input-group-btn>select.btn:not([size]):not([multiple]),
.input-group-sm>select.form-control:not([size]):not([multiple]),
.input-group-sm>select.input-group-addon:not([size]):not([multiple]),
select.form-control-sm:not([size]):not([multiple]) {
  height: 1.8125rem
}

.form-control-lg,
.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
  padding: .75rem 1.5rem;
  font-size: 1.25rem;
  border-radius: 0.3rem
}

.input-group-lg>.input-group-btn>select.btn:not([size]):not([multiple]),
.input-group-lg>select.form-control:not([size]):not([multiple]),
.input-group-lg>select.input-group-addon:not([size]):not([multiple]),
select.form-control-lg:not([size]):not([multiple]) {
  height: 3.16667rem
}

.form-group {
  margin-bottom: 1rem
}

.form-text {
  display: block;
  margin-top: 0.25rem
}

.form-check {
  position: relative;
  display: block;
  margin-bottom: 0.5rem
}

.form-check.disabled .form-check-label {
  color: #636c72;
  cursor: not-allowed
}

.form-check-label {
  padding-left: 1.25rem;
  margin-bottom: 0;
  cursor: pointer
}

.form-check-input {
  position: absolute;
  margin-top: .25rem;
  margin-left: -1.25rem
}

.form-check-input:only-child {
  position: static
}

.form-check-inline {
  display: inline-block
}

.form-check-inline .form-check-label {
  vertical-align: middle
}

.form-check-inline+.form-check-inline {
  margin-left: 0.75rem
}

.form-control-feedback {
  margin-top: 0.25rem
}

.form-control-danger,
.form-control-success,
.form-control-warning {
  padding-right: 2.25rem;
  background-repeat: no-repeat;
  background-position: center right .5625rem;
  background-size: 1.125rem 1.125rem
}

.has-success .col-form-label,
.has-success .custom-control,
.has-success .form-check-label,
.has-success .form-control-feedback,
.has-success .form-control-label {
  color: #5cb85c
}

.has-success .form-control {
  border-color: #5cb85c
}

.has-success .input-group-addon {
  color: #5cb85c;
  border-color: #5cb85c;
  background-color: #eaf6ea
}

.has-success .form-control-success {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E")
}

.has-warning .col-form-label,
.has-warning .custom-control,
.has-warning .form-check-label,
.has-warning .form-control-feedback,
.has-warning .form-control-label {
  color: #f0ad4e
}

.has-warning .form-control {
  border-color: #f0ad4e
}

.has-warning .input-group-addon {
  color: #f0ad4e;
  border-color: #f0ad4e;
  background-color: #fff
}

.has-warning .form-control-warning {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E")
}

.has-danger .col-form-label,
.has-danger .custom-control,
.has-danger .form-check-label,
.has-danger .form-control-feedback,
.has-danger .form-control-label {
  color: #d9534f
}

.has-danger .form-control {
  border-color: #d9534f
}

.has-danger .input-group-addon {
  color: #d9534f;
  border-color: #d9534f;
  background-color: #fdf7f7
}

.has-danger .form-control-danger {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E")
}

.form-inline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-align: center;
  align-items: center
}

.form-inline .form-check {
  width: 100%
}

@media (min-width: 420px) {
  .form-inline label {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  .form-inline .form-group,
  .form-inline label {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    margin-bottom: 0
  }
  .form-inline .form-group {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle
  }
  .form-inline .form-control-static {
    display: inline-block
  }
  .form-inline .input-group {
    width: auto
  }
  .form-inline .form-control-label {
    margin-bottom: 0;
    vertical-align: middle
  }
  .form-inline .form-check {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
    margin-top: 0;
    margin-bottom: 0
  }
  .form-inline .form-check-label {
    padding-left: 0
  }
  .form-inline .form-check-input {
    position: relative;
    margin-top: 0;
    margin-right: .25rem;
    margin-left: 0
  }
  .form-inline .custom-control {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0
  }
  .form-inline .custom-control-indicator {
    position: static;
    display: inline-block;
    margin-right: .25rem;
    vertical-align: text-bottom
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0
  }
}

.btn {
  display: inline-block;
  font-weight: 400;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: .5rem 1rem;
  font-size: 1rem;
  border-radius: .25rem;
  transition: all 0.2s ease-in-out
}

.btn:focus,
.btn:hover {
  text-decoration: none
}

.btn.focus,
.btn:focus {
  outline: 0;
  box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.25)
}

.btn.disabled,
.btn:disabled {
  cursor: not-allowed;
  opacity: 0.65
}

.btn.active,
.btn:active {
  background-image: none
}

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none
}

.btn-primary {
  color: #fff;
  background-color: #0275d8;
  border-color: #0275d8
}

.btn-primary:hover {
  color: #fff;
  background-color: #025aa5;
  border-color: #01549b
}

.btn-primary.focus,
.btn-primary:focus {
  box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5)
}

.btn-primary.disabled,
.btn-primary:disabled {
  background-color: #0275d8;
  border-color: #0275d8
}

.btn-primary.active,
.btn-primary:active,
.show>.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #025aa5;
  background-image: none;
  border-color: #01549b
}

.btn-secondary {
  color: #292b2c;
  background-color: #fff;
  border-color: #ccc
}

.btn-secondary:hover {
  color: #292b2c;
  background-color: #e6e6e6;
  border-color: #adadad
}

.btn-secondary.focus,
.btn-secondary:focus {
  box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
  background-color: #fff;
  border-color: #ccc
}

.btn-secondary.active,
.btn-secondary:active,
.show>.btn-secondary.dropdown-toggle {
  color: #292b2c;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #adadad
}

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #5bc0de
}

.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #2aabd2
}

.btn-info.focus,
.btn-info:focus {
  box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5)
}

.btn-info.disabled,
.btn-info:disabled {
  background-color: #5bc0de;
  border-color: #5bc0de
}

.btn-info.active,
.btn-info:active,
.show>.btn-info.dropdown-toggle {
  color: #fff;
  background-color: #31b0d5;
  background-image: none;
  border-color: #2aabd2
}

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #5cb85c
}

.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #419641
}

.btn-success.focus,
.btn-success:focus {
  box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5)
}

.btn-success.disabled,
.btn-success:disabled {
  background-color: #5cb85c;
  border-color: #5cb85c
}

.btn-success.active,
.btn-success:active,
.show>.btn-success.dropdown-toggle {
  color: #fff;
  background-color: #449d44;
  background-image: none;
  border-color: #419641
}

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #f0ad4e
}

.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #eb9316
}

.btn-warning.focus,
.btn-warning:focus {
  box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5)
}

.btn-warning.disabled,
.btn-warning:disabled {
  background-color: #f0ad4e;
  border-color: #f0ad4e
}

.btn-warning.active,
.btn-warning:active,
.show>.btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #ec971f;
  background-image: none;
  border-color: #eb9316
}

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d9534f
}

.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #c12e2a
}

.btn-danger.focus,
.btn-danger:focus {
  box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5)
}

.btn-danger.disabled,
.btn-danger:disabled {
  background-color: #d9534f;
  border-color: #d9534f
}

.btn-danger.active,
.btn-danger:active,
.show>.btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #c9302c;
  background-image: none;
  border-color: #c12e2a
}

.btn-outline-primary {
  color: #0275d8;
  background-image: none;
  background-color: transparent;
  border-color: #0275d8
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #0275d8;
  border-color: #0275d8
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
  box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: #0275d8;
  background-color: transparent
}

.btn-outline-primary.active,
.btn-outline-primary:active,
.show>.btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #0275d8;
  border-color: #0275d8
}

.btn-outline-secondary {
  color: #ccc;
  background-image: none;
  background-color: transparent;
  border-color: #ccc
}

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

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
  box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
  color: #ccc;
  background-color: transparent
}

.btn-outline-secondary.active,
.btn-outline-secondary:active,
.show>.btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #ccc;
  border-color: #ccc
}

.btn-outline-info {
  color: #5bc0de;
  background-image: none;
  background-color: transparent;
  border-color: #5bc0de
}

.btn-outline-info:hover {
  color: #fff;
  background-color: #5bc0de;
  border-color: #5bc0de
}

.btn-outline-info.focus,
.btn-outline-info:focus {
  box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
  color: #5bc0de;
  background-color: transparent
}

.btn-outline-info.active,
.btn-outline-info:active,
.show>.btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #5bc0de;
  border-color: #5bc0de
}

.btn-outline-success {
  color: #5cb85c;
  background-image: none;
  background-color: transparent;
  border-color: #5cb85c
}

.btn-outline-success:hover {
  color: #fff;
  background-color: #5cb85c;
  border-color: #5cb85c
}

.btn-outline-success.focus,
.btn-outline-success:focus {
  box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
  color: #5cb85c;
  background-color: transparent
}

.btn-outline-success.active,
.btn-outline-success:active,
.show>.btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #5cb85c;
  border-color: #5cb85c
}

.btn-outline-warning {
  color: #f0ad4e;
  background-image: none;
  background-color: transparent;
  border-color: #f0ad4e
}

.btn-outline-warning:hover {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #f0ad4e
}

.btn-outline-warning.focus,
.btn-outline-warning:focus {
  box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
  color: #f0ad4e;
  background-color: transparent
}

.btn-outline-warning.active,
.btn-outline-warning:active,
.show>.btn-outline-warning.dropdown-toggle {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #f0ad4e
}

.btn-outline-danger {
  color: #d9534f;
  background-image: none;
  background-color: transparent;
  border-color: #d9534f
}

.btn-outline-danger:hover {
  color: #fff;
  background-color: #d9534f;
  border-color: #d9534f
}

.btn-outline-danger.focus,
.btn-outline-danger:focus {
  box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
  color: #d9534f;
  background-color: transparent
}

.btn-outline-danger.active,
.btn-outline-danger:active,
.show>.btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #d9534f;
  border-color: #d9534f
}

.btn-link {
  font-weight: 400;
  color: #0275d8;
  border-radius: 0
}

.btn-link,
.btn-link.active,
.btn-link:active,
.btn-link:disabled {
  background-color: transparent
}

.btn-link,
.btn-link:active,
.btn-link:focus,
.btn-link:hover {
  border-color: transparent
}

.btn-link:focus,
.btn-link:hover {
  color: #014c8c;
  text-decoration: underline;
  background-color: transparent
}

.btn-link:disabled {
  color: #636c72
}

.btn-link:disabled:focus,
.btn-link:disabled:hover {
  text-decoration: none
}

.btn-group-lg>.btn,
.btn-lg {
  padding: .75rem 1.5rem;
  font-size: 1.25rem;
  border-radius: 0.3rem
}

.btn-group-sm>.btn,
.btn-sm {
  padding: .25rem .5rem;
  font-size: .875rem;
  border-radius: 0.2rem
}

.btn-block {
  display: block;
  width: 100%
}

.btn-block+.btn-block {
  margin-top: 0.5rem
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
  width: 100%
}

.fade {
  opacity: 0;
  transition: opacity 0.15s linear
}

.fade.show {
  opacity: 1
}

.collapse {
  display: none
}

.collapse.show {
  display: block
}

tr.collapse.show {
  display: table-row
}

tbody.collapse.show {
  display: table-row-group
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease
}

.align-baseline {
  vertical-align: baseline !important
}

.align-top {
  vertical-align: top !important
}

.align-middle {
  vertical-align: middle !important
}

.align-bottom {
  vertical-align: bottom !important
}

.align-text-bottom {
  vertical-align: text-bottom !important
}

.align-text-top {
  vertical-align: text-top !important
}

.bg-faded {
  background-color: #f7f7f7
}

.bg-primary {
  background-color: #0275d8 !important
}

a.bg-primary:focus,
a.bg-primary:hover {
  background-color: #025aa5 !important
}

.bg-success {
  background-color: #5cb85c !important
}

a.bg-success:focus,
a.bg-success:hover {
  background-color: #449d44 !important
}

.bg-info {
  background-color: #5bc0de !important
}

a.bg-info:focus,
a.bg-info:hover {
  background-color: #31b0d5 !important
}

.bg-warning {
  background-color: #f0ad4e !important
}

a.bg-warning:focus,
a.bg-warning:hover {
  background-color: #ec971f !important
}

.bg-danger {
  background-color: #d9534f !important
}

a.bg-danger:focus,
a.bg-danger:hover {
  background-color: #c9302c !important
}

.bg-inverse {
  background-color: #292b2c !important
}

a.bg-inverse:focus,
a.bg-inverse:hover {
  background-color: #101112 !important
}

.border-0 {
  border: 0 !important
}

.border-top-0 {
  border-top: 0 !important
}

.border-right-0 {
  border-right: 0 !important
}

.border-bottom-0 {
  border-bottom: 0 !important
}

.border-left-0 {
  border-left: 0 !important
}

.rounded {
  border-radius: 0.25rem
}

.rounded-top {
  border-top-left-radius: 0.25rem
}

.rounded-right,
.rounded-top {
  border-top-right-radius: 0.25rem
}

.rounded-bottom,
.rounded-right {
  border-bottom-right-radius: 0.25rem
}

.rounded-bottom,
.rounded-left {
  border-bottom-left-radius: 0.25rem
}

.rounded-left {
  border-top-left-radius: 0.25rem
}

.rounded-circle {
  border-radius: 50%
}

.rounded-0 {
  border-radius: 0
}

.clearfix:after {
  display: block;
  content: "";
  clear: both
}

.d-none {
  display: none !important
}

.d-inline {
  display: inline !important
}

.d-inline-block {
  display: inline-block !important
}

.d-block {
  display: block !important
}

.d-table {
  display: table !important
}

.d-table-cell {
  display: table-cell !important
}

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important
}

.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important
}

@media (min-width: 420px) {
  .d-sm-none {
    display: none !important
  }
  .d-sm-inline {
    display: inline !important
  }
  .d-sm-inline-block {
    display: inline-block !important
  }
  .d-sm-block {
    display: block !important
  }
  .d-sm-table {
    display: table !important
  }
  .d-sm-table-cell {
    display: table-cell !important
  }
  .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important
  }
  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
  }
}

@media (min-width: 816px) {
  .d-md-none {
    display: none !important
  }
  .d-md-inline {
    display: inline !important
  }
  .d-md-inline-block {
    display: inline-block !important
  }
  .d-md-block {
    display: block !important
  }
  .d-md-table {
    display: table !important
  }
  .d-md-table-cell {
    display: table-cell !important
  }
  .d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important
  }
  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
  }
}

@media (min-width: 1375px) {
  .d-lg-none {
    display: none !important
  }
  .d-lg-inline {
    display: inline !important
  }
  .d-lg-inline-block {
    display: inline-block !important
  }
  .d-lg-block {
    display: block !important
  }
  .d-lg-table {
    display: table !important
  }
  .d-lg-table-cell {
    display: table-cell !important
  }
  .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important
  }
  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
  }
}

@media (min-width: 2500px) {
  .d-xl-none {
    display: none !important
  }
  .d-xl-inline {
    display: inline !important
  }
  .d-xl-inline-block {
    display: inline-block !important
  }
  .d-xl-block {
    display: block !important
  }
  .d-xl-table {
    display: table !important
  }
  .d-xl-table-cell {
    display: table-cell !important
  }
  .d-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important
  }
  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
  }
}

.flex-first {
  -ms-flex-order: -1;
  order: -1
}

.flex-last {
  -ms-flex-order: 1;
  order: 1
}

.flex-unordered {
  -ms-flex-order: 0;
  order: 0
}

.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important
}

.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important
}

.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important
}

.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important
}

.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important
}

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important
}

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important
}

.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important
}

.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important
}

.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important
}

.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  -ms-grid-row-align: auto !important;
  align-self: auto !important
}

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important
}

.align-self-center {
  -ms-flex-item-align: center !important;
  -ms-grid-row-align: center !important;
  align-self: center !important
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  -ms-grid-row-align: stretch !important;
  align-self: stretch !important
}

@media (min-width: 420px) {
  .flex-sm-first {
    -ms-flex-order: -1;
    order: -1
  }
  .flex-sm-last {
    -ms-flex-order: 1;
    order: 1
  }
  .flex-sm-unordered {
    -ms-flex-order: 0;
    order: 0
  }
  .flex-sm-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important
  }
  .flex-sm-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important
  }
  .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
  }
  .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
  }
  .justify-content-sm-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
  }
  .justify-content-sm-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
  }
  .justify-content-sm-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
  }
  .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
  }
  .align-items-sm-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important
  }
  .align-items-sm-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important
  }
  .align-items-sm-center {
    -ms-flex-align: center !important;
    align-items: center !important
  }
  .align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important
  }
  .align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important
  }
}

@media (min-width: 816px) {
  .flex-md-first {
    -ms-flex-order: -1;
    order: -1
  }
  .flex-md-last {
    -ms-flex-order: 1;
    order: 1
  }
  .flex-md-unordered {
    -ms-flex-order: 0;
    order: 0
  }
  .flex-md-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important
  }
  .flex-md-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important
  }
  .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
  }
  .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
  }
  .justify-content-md-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
  }
  .justify-content-md-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
  }
  .justify-content-md-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
  }
  .justify-content-md-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
  }
  .align-items-md-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important
  }
  .align-items-md-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important
  }
  .align-items-md-center {
    -ms-flex-align: center !important;
    align-items: center !important
  }
  .align-items-md-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important
  }
  .align-items-md-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important
  }
}

@media (min-width: 1375px) {
  .flex-lg-first {
    -ms-flex-order: -1;
    order: -1
  }
  .flex-lg-last {
    -ms-flex-order: 1;
    order: 1
  }
  .flex-lg-unordered {
    -ms-flex-order: 0;
    order: 0
  }
  .flex-lg-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important
  }
  .flex-lg-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important
  }
  .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
  }
  .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
  }
  .justify-content-lg-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
  }
  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
  }
  .justify-content-lg-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
  }
  .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
  }
  .align-items-lg-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important
  }
  .align-items-lg-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important
  }
  .align-items-lg-center {
    -ms-flex-align: center !important;
    align-items: center !important
  }
  .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important
  }
  .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important
  }
}

@media (min-width: 2500px) {
  .flex-xl-first {
    -ms-flex-order: -1;
    order: -1
  }
  .flex-xl-last {
    -ms-flex-order: 1;
    order: 1
  }
  .flex-xl-unordered {
    -ms-flex-order: 0;
    order: 0
  }
  .flex-xl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important
  }
  .flex-xl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important
  }
  .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
  }
  .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
  }
  .justify-content-xl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
  }
  .justify-content-xl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
  }
  .justify-content-xl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
  }
  .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
  }
  .align-items-xl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important
  }
  .align-items-xl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important
  }
  .align-items-xl-center {
    -ms-flex-align: center !important;
    align-items: center !important
  }
  .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important
  }
  .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important
  }
}

.float-left {
  float: left !important
}

.float-right {
  float: right !important
}

.float-none {
  float: none !important
}

@media (min-width: 420px) {
  .float-sm-left {
    float: left !important
  }
  .float-sm-right {
    float: right !important
  }
  .float-sm-none {
    float: none !important
  }
}

@media (min-width: 816px) {
  .float-md-left {
    float: left !important
  }
  .float-md-right {
    float: right !important
  }
  .float-md-none {
    float: none !important
  }
}

@media (min-width: 1375px) {
  .float-lg-left {
    float: left !important
  }
  .float-lg-right {
    float: right !important
  }
  .float-lg-none {
    float: none !important
  }
}

@media (min-width: 2500px) {
  .float-xl-left {
    float: left !important
  }
  .float-xl-right {
    float: right !important
  }
  .float-xl-none {
    float: none !important
  }
}

.fixed-top {
  top: 0
}

.fixed-bottom,
.fixed-top {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030
}

.fixed-bottom {
  bottom: 0
}

.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1030
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto
}

.w-25 {
  width: 25% !important
}

.w-50 {
  width: 50% !important
}

.w-75 {
  width: 75% !important
}

.w-100 {
  width: 100% !important
}

.h-25 {
  height: 25% !important
}

.h-50 {
  height: 50% !important
}

.h-75 {
  height: 75% !important
}

.h-100 {
  height: 100% !important
}

.mw-100 {
  max-width: 100% !important
}

.mh-100 {
  max-height: 100% !important
}

.m-0 {
  margin: 0 !important
}

.mt-0 {
  margin-top: 0 !important
}

.mr-0 {
  margin-right: 0 !important
}

.mb-0 {
  margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
  margin-left: 0 !important
}

.mx-0 {
  margin-right: 0 !important
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important
}

.m-1 {
  margin: 0.25rem !important
}

.mt-1 {
  margin-top: 0.25rem !important
}

.mr-1 {
  margin-right: 0.25rem !important
}

.mb-1 {
  margin-bottom: 0.25rem !important
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important
}

.mx-1 {
  margin-right: 0.25rem !important
}

.my-1 {
  margin-top: .25rem !important;
  margin-bottom: 0.25rem !important
}

.m-2 {
  margin: 0.5rem !important
}

.mt-2 {
  margin-top: 0.5rem !important
}

.mr-2 {
  margin-right: 0.5rem !important
}

.mb-2 {
  margin-bottom: 0.5rem !important
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important
}

.mx-2 {
  margin-right: 0.5rem !important
}

.my-2 {
  margin-top: .5rem !important;
  margin-bottom: 0.5rem !important
}

.m-3 {
  margin: 1rem !important
}

.mt-3 {
  margin-top: 1rem !important
}

.mr-3 {
  margin-right: 1rem !important
}

.mb-3 {
  margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important
}

.mx-3 {
  margin-right: 1rem !important
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important
}

.m-4 {
  margin: 1.5rem !important
}

.mt-4 {
  margin-top: 1.5rem !important
}

.mr-4 {
  margin-right: 1.5rem !important
}

.mb-4 {
  margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important
}

.mx-4 {
  margin-right: 1.5rem !important
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important
}

.m-5 {
  margin: 3rem !important
}

.mt-5 {
  margin-top: 3rem !important
}

.mr-5 {
  margin-right: 3rem !important
}

.mb-5 {
  margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important
}

.mx-5 {
  margin-right: 3rem !important
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important
}

.p-0 {
  padding: 0 !important
}

.pt-0 {
  padding-top: 0 !important
}

.pr-0 {
  padding-right: 0 !important
}

.pb-0 {
  padding-bottom: 0 !important
}

.pl-0,
.px-0 {
  padding-left: 0 !important
}

.px-0 {
  padding-right: 0 !important
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important
}

.p-1 {
  padding: 0.25rem !important
}

.pt-1 {
  padding-top: 0.25rem !important
}

.pr-1 {
  padding-right: 0.25rem !important
}

.pb-1 {
  padding-bottom: 0.25rem !important
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important
}

.px-1 {
  padding-right: 0.25rem !important
}

.py-1 {
  padding-top: .25rem !important;
  padding-bottom: 0.25rem !important
}

.p-2 {
  padding: 0.5rem !important
}

.pt-2 {
  padding-top: 0.5rem !important
}

.pr-2 {
  padding-right: 0.5rem !important
}

.pb-2 {
  padding-bottom: 0.5rem !important
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important
}

.px-2 {
  padding-right: 0.5rem !important
}

.py-2 {
  padding-top: .5rem !important;
  padding-bottom: 0.5rem !important
}

.p-3 {
  padding: 1rem !important
}

.pt-3 {
  padding-top: 1rem !important
}

.pr-3 {
  padding-right: 1rem !important
}

.pb-3 {
  padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
  padding-left: 1rem !important
}

.px-3 {
  padding-right: 1rem !important
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important
}

.p-4 {
  padding: 1.5rem !important
}

.pt-4 {
  padding-top: 1.5rem !important
}

.pr-4 {
  padding-right: 1.5rem !important
}

.pb-4 {
  padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important
}

.px-4 {
  padding-right: 1.5rem !important
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important
}

.p-5 {
  padding: 3rem !important
}

.pt-5 {
  padding-top: 3rem !important
}

.pr-5 {
  padding-right: 3rem !important
}

.pb-5 {
  padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
  padding-left: 3rem !important
}

.px-5 {
  padding-right: 3rem !important
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important
}

.m-auto {
  margin: auto !important
}

.mt-auto {
  margin-top: auto !important
}

.mr-auto {
  margin-right: auto !important
}

.mb-auto {
  margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
  margin-left: auto !important
}

.mx-auto {
  margin-right: auto !important
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important
}

@media (min-width: 420px) {
  .m-sm-0 {
    margin: 0 !important
  }
  .mt-sm-0 {
    margin-top: 0 !important
  }
  .mr-sm-0 {
    margin-right: 0 !important
  }
  .mb-sm-0 {
    margin-bottom: 0 !important
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important
  }
  .mx-sm-0 {
    margin-right: 0 !important
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }
  .m-sm-1 {
    margin: 0.25rem !important
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important
  }
  .mr-sm-1 {
    margin-right: 0.25rem !important
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important
  }
  .my-sm-1 {
    margin-top: .25rem !important;
    margin-bottom: 0.25rem !important
  }
  .m-sm-2 {
    margin: 0.5rem !important
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important
  }
  .mr-sm-2 {
    margin-right: 0.5rem !important
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important
  }
  .my-sm-2 {
    margin-top: .5rem !important;
    margin-bottom: 0.5rem !important
  }
  .m-sm-3 {
    margin: 1rem !important
  }
  .mt-sm-3 {
    margin-top: 1rem !important
  }
  .mr-sm-3 {
    margin-right: 1rem !important
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important
  }
  .mx-sm-3 {
    margin-right: 1rem !important
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }
  .m-sm-4 {
    margin: 1.5rem !important
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important
  }
  .mr-sm-4 {
    margin-right: 1.5rem !important
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }
  .m-sm-5 {
    margin: 3rem !important
  }
  .mt-sm-5 {
    margin-top: 3rem !important
  }
  .mr-sm-5 {
    margin-right: 3rem !important
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important
  }
  .mx-sm-5 {
    margin-right: 3rem !important
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }
  .p-sm-0 {
    padding: 0 !important
  }
  .pt-sm-0 {
    padding-top: 0 !important
  }
  .pr-sm-0 {
    padding-right: 0 !important
  }
  .pb-sm-0 {
    padding-bottom: 0 !important
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important
  }
  .px-sm-0 {
    padding-right: 0 !important
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }
  .p-sm-1 {
    padding: 0.25rem !important
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important
  }
  .pr-sm-1 {
    padding-right: 0.25rem !important
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important
  }
  .px-sm-1 {
    padding-right: 0.25rem !important
  }
  .py-sm-1 {
    padding-top: .25rem !important;
    padding-bottom: 0.25rem !important
  }
  .p-sm-2 {
    padding: 0.5rem !important
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important
  }
  .pr-sm-2 {
    padding-right: 0.5rem !important
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important
  }
  .px-sm-2 {
    padding-right: 0.5rem !important
  }
  .py-sm-2 {
    padding-top: .5rem !important;
    padding-bottom: 0.5rem !important
  }
  .p-sm-3 {
    padding: 1rem !important
  }
  .pt-sm-3 {
    padding-top: 1rem !important
  }
  .pr-sm-3 {
    padding-right: 1rem !important
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important
  }
  .px-sm-3 {
    padding-right: 1rem !important
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }
  .p-sm-4 {
    padding: 1.5rem !important
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important
  }
  .pr-sm-4 {
    padding-right: 1.5rem !important
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important
  }
  .px-sm-4 {
    padding-right: 1.5rem !important
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }
  .p-sm-5 {
    padding: 3rem !important
  }
  .pt-sm-5 {
    padding-top: 3rem !important
  }
  .pr-sm-5 {
    padding-right: 3rem !important
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important
  }
  .px-sm-5 {
    padding-right: 3rem !important
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }
  .m-sm-auto {
    margin: auto !important
  }
  .mt-sm-auto {
    margin-top: auto !important
  }
  .mr-sm-auto {
    margin-right: auto !important
  }
  .mb-sm-auto {
    margin-bottom: auto !important
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important
  }
  .mx-sm-auto {
    margin-right: auto !important
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }
}

@media (min-width: 816px) {
  .m-md-0 {
    margin: 0 !important
  }
  .mt-md-0 {
    margin-top: 0 !important
  }
  .mr-md-0 {
    margin-right: 0 !important
  }
  .mb-md-0 {
    margin-bottom: 0 !important
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important
  }
  .mx-md-0 {
    margin-right: 0 !important
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }
  .m-md-1 {
    margin: 0.25rem !important
  }
  .mt-md-1 {
    margin-top: 0.25rem !important
  }
  .mr-md-1 {
    margin-right: 0.25rem !important
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important
  }
  .mx-md-1 {
    margin-right: 0.25rem !important
  }
  .my-md-1 {
    margin-top: .25rem !important;
    margin-bottom: 0.25rem !important
  }
  .m-md-2 {
    margin: 0.5rem !important
  }
  .mt-md-2 {
    margin-top: 0.5rem !important
  }
  .mr-md-2 {
    margin-right: 0.5rem !important
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important
  }
  .mx-md-2 {
    margin-right: 0.5rem !important
  }
  .my-md-2 {
    margin-top: .5rem !important;
    margin-bottom: 0.5rem !important
  }
  .m-md-3 {
    margin: 1rem !important
  }
  .mt-md-3 {
    margin-top: 1rem !important
  }
  .mr-md-3 {
    margin-right: 1rem !important
  }
  .mb-md-3 {
    margin-bottom: 1rem !important
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important
  }
  .mx-md-3 {
    margin-right: 1rem !important
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }
  .m-md-4 {
    margin: 1.5rem !important
  }
  .mt-md-4 {
    margin-top: 1.5rem !important
  }
  .mr-md-4 {
    margin-right: 1.5rem !important
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important
  }
  .mx-md-4 {
    margin-right: 1.5rem !important
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }
  .m-md-5 {
    margin: 3rem !important
  }
  .mt-md-5 {
    margin-top: 3rem !important
  }
  .mr-md-5 {
    margin-right: 3rem !important
  }
  .mb-md-5 {
    margin-bottom: 3rem !important
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important
  }
  .mx-md-5 {
    margin-right: 3rem !important
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }
  .p-md-0 {
    padding: 0 !important
  }
  .pt-md-0 {
    padding-top: 0 !important
  }
  .pr-md-0 {
    padding-right: 0 !important
  }
  .pb-md-0 {
    padding-bottom: 0 !important
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important
  }
  .px-md-0 {
    padding-right: 0 !important
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }
  .p-md-1 {
    padding: 0.25rem !important
  }
  .pt-md-1 {
    padding-top: 0.25rem !important
  }
  .pr-md-1 {
    padding-right: 0.25rem !important
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important
  }
  .px-md-1 {
    padding-right: 0.25rem !important
  }
  .py-md-1 {
    padding-top: .25rem !important;
    padding-bottom: 0.25rem !important
  }
  .p-md-2 {
    padding: 0.5rem !important
  }
  .pt-md-2 {
    padding-top: 0.5rem !important
  }
  .pr-md-2 {
    padding-right: 0.5rem !important
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important
  }
  .px-md-2 {
    padding-right: 0.5rem !important
  }
  .py-md-2 {
    padding-top: .5rem !important;
    padding-bottom: 0.5rem !important
  }
  .p-md-3 {
    padding: 1rem !important
  }
  .pt-md-3 {
    padding-top: 1rem !important
  }
  .pr-md-3 {
    padding-right: 1rem !important
  }
  .pb-md-3 {
    padding-bottom: 1rem !important
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important
  }
  .px-md-3 {
    padding-right: 1rem !important
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }
  .p-md-4 {
    padding: 1.5rem !important
  }
  .pt-md-4 {
    padding-top: 1.5rem !important
  }
  .pr-md-4 {
    padding-right: 1.5rem !important
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important
  }
  .px-md-4 {
    padding-right: 1.5rem !important
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }
  .p-md-5 {
    padding: 3rem !important
  }
  .pt-md-5 {
    padding-top: 3rem !important
  }
  .pr-md-5 {
    padding-right: 3rem !important
  }
  .pb-md-5 {
    padding-bottom: 3rem !important
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important
  }
  .px-md-5 {
    padding-right: 3rem !important
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }
  .m-md-auto {
    margin: auto !important
  }
  .mt-md-auto {
    margin-top: auto !important
  }
  .mr-md-auto {
    margin-right: auto !important
  }
  .mb-md-auto {
    margin-bottom: auto !important
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important
  }
  .mx-md-auto {
    margin-right: auto !important
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }
}

@media (min-width: 1375px) {
  .m-lg-0 {
    margin: 0 !important
  }
  .mt-lg-0 {
    margin-top: 0 !important
  }
  .mr-lg-0 {
    margin-right: 0 !important
  }
  .mb-lg-0 {
    margin-bottom: 0 !important
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important
  }
  .mx-lg-0 {
    margin-right: 0 !important
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }
  .m-lg-1 {
    margin: 0.25rem !important
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important
  }
  .mr-lg-1 {
    margin-right: 0.25rem !important
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important
  }
  .my-lg-1 {
    margin-top: .25rem !important;
    margin-bottom: 0.25rem !important
  }
  .m-lg-2 {
    margin: 0.5rem !important
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important
  }
  .mr-lg-2 {
    margin-right: 0.5rem !important
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important
  }
  .my-lg-2 {
    margin-top: .5rem !important;
    margin-bottom: 0.5rem !important
  }
  .m-lg-3 {
    margin: 1rem !important
  }
  .mt-lg-3 {
    margin-top: 1rem !important
  }
  .mr-lg-3 {
    margin-right: 1rem !important
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important
  }
  .mx-lg-3 {
    margin-right: 1rem !important
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }
  .m-lg-4 {
    margin: 1.5rem !important
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important
  }
  .mr-lg-4 {
    margin-right: 1.5rem !important
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }
  .m-lg-5 {
    margin: 3rem !important
  }
  .mt-lg-5 {
    margin-top: 3rem !important
  }
  .mr-lg-5 {
    margin-right: 3rem !important
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important
  }
  .mx-lg-5 {
    margin-right: 3rem !important
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }
  .p-lg-0 {
    padding: 0 !important
  }
  .pt-lg-0 {
    padding-top: 0 !important
  }
  .pr-lg-0 {
    padding-right: 0 !important
  }
  .pb-lg-0 {
    padding-bottom: 0 !important
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important
  }
  .px-lg-0 {
    padding-right: 0 !important
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }
  .p-lg-1 {
    padding: 0.25rem !important
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important
  }
  .pr-lg-1 {
    padding-right: 0.25rem !important
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important
  }
  .px-lg-1 {
    padding-right: 0.25rem !important
  }
  .py-lg-1 {
    padding-top: .25rem !important;
    padding-bottom: 0.25rem !important
  }
  .p-lg-2 {
    padding: 0.5rem !important
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important
  }
  .pr-lg-2 {
    padding-right: 0.5rem !important
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important
  }
  .px-lg-2 {
    padding-right: 0.5rem !important
  }
  .py-lg-2 {
    padding-top: .5rem !important;
    padding-bottom: 0.5rem !important
  }
  .p-lg-3 {
    padding: 1rem !important
  }
  .pt-lg-3 {
    padding-top: 1rem !important
  }
  .pr-lg-3 {
    padding-right: 1rem !important
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important
  }
  .px-lg-3 {
    padding-right: 1rem !important
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }
  .p-lg-4 {
    padding: 1.5rem !important
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important
  }
  .pr-lg-4 {
    padding-right: 1.5rem !important
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important
  }
  .px-lg-4 {
    padding-right: 1.5rem !important
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }
  .p-lg-5 {
    padding: 3rem !important
  }
  .pt-lg-5 {
    padding-top: 3rem !important
  }
  .pr-lg-5 {
    padding-right: 3rem !important
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important
  }
  .px-lg-5 {
    padding-right: 3rem !important
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }
  .m-lg-auto {
    margin: auto !important
  }
  .mt-lg-auto {
    margin-top: auto !important
  }
  .mr-lg-auto {
    margin-right: auto !important
  }
  .mb-lg-auto {
    margin-bottom: auto !important
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important
  }
  .mx-lg-auto {
    margin-right: auto !important
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }
}

@media (min-width: 2500px) {
  .m-xl-0 {
    margin: 0 !important
  }
  .mt-xl-0 {
    margin-top: 0 !important
  }
  .mr-xl-0 {
    margin-right: 0 !important
  }
  .mb-xl-0 {
    margin-bottom: 0 !important
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important
  }
  .mx-xl-0 {
    margin-right: 0 !important
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }
  .m-xl-1 {
    margin: 0.25rem !important
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important
  }
  .mr-xl-1 {
    margin-right: 0.25rem !important
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important
  }
  .my-xl-1 {
    margin-top: .25rem !important;
    margin-bottom: 0.25rem !important
  }
  .m-xl-2 {
    margin: 0.5rem !important
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important
  }
  .mr-xl-2 {
    margin-right: 0.5rem !important
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important
  }
  .my-xl-2 {
    margin-top: .5rem !important;
    margin-bottom: 0.5rem !important
  }
  .m-xl-3 {
    margin: 1rem !important
  }
  .mt-xl-3 {
    margin-top: 1rem !important
  }
  .mr-xl-3 {
    margin-right: 1rem !important
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important
  }
  .mx-xl-3 {
    margin-right: 1rem !important
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }
  .m-xl-4 {
    margin: 1.5rem !important
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important
  }
  .mr-xl-4 {
    margin-right: 1.5rem !important
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }
  .m-xl-5 {
    margin: 3rem !important
  }
  .mt-xl-5 {
    margin-top: 3rem !important
  }
  .mr-xl-5 {
    margin-right: 3rem !important
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important
  }
  .mx-xl-5 {
    margin-right: 3rem !important
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }
  .p-xl-0 {
    padding: 0 !important
  }
  .pt-xl-0 {
    padding-top: 0 !important
  }
  .pr-xl-0 {
    padding-right: 0 !important
  }
  .pb-xl-0 {
    padding-bottom: 0 !important
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important
  }
  .px-xl-0 {
    padding-right: 0 !important
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }
  .p-xl-1 {
    padding: 0.25rem !important
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important
  }
  .pr-xl-1 {
    padding-right: 0.25rem !important
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important
  }
  .px-xl-1 {
    padding-right: 0.25rem !important
  }
  .py-xl-1 {
    padding-top: .25rem !important;
    padding-bottom: 0.25rem !important
  }
  .p-xl-2 {
    padding: 0.5rem !important
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important
  }
  .pr-xl-2 {
    padding-right: 0.5rem !important
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important
  }
  .px-xl-2 {
    padding-right: 0.5rem !important
  }
  .py-xl-2 {
    padding-top: .5rem !important;
    padding-bottom: 0.5rem !important
  }
  .p-xl-3 {
    padding: 1rem !important
  }
  .pt-xl-3 {
    padding-top: 1rem !important
  }
  .pr-xl-3 {
    padding-right: 1rem !important
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important
  }
  .px-xl-3 {
    padding-right: 1rem !important
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }
  .p-xl-4 {
    padding: 1.5rem !important
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important
  }
  .pr-xl-4 {
    padding-right: 1.5rem !important
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important
  }
  .px-xl-4 {
    padding-right: 1.5rem !important
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }
  .p-xl-5 {
    padding: 3rem !important
  }
  .pt-xl-5 {
    padding-top: 3rem !important
  }
  .pr-xl-5 {
    padding-right: 3rem !important
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important
  }
  .px-xl-5 {
    padding-right: 3rem !important
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }
  .m-xl-auto {
    margin: auto !important
  }
  .mt-xl-auto {
    margin-top: auto !important
  }
  .mr-xl-auto {
    margin-right: auto !important
  }
  .mb-xl-auto {
    margin-bottom: auto !important
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important
  }
  .mx-xl-auto {
    margin-right: auto !important
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }
}

.text-justify {
  text-align: justify !important
}

.text-nowrap {
  white-space: nowrap !important
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.text-left {
  text-align: left !important
}

.text-right {
  text-align: right !important
}

.text-center {
  text-align: center !important
}

@media (min-width: 420px) {
  .text-sm-left {
    text-align: left !important
  }
  .text-sm-right {
    text-align: right !important
  }
  .text-sm-center {
    text-align: center !important
  }
}

@media (min-width: 816px) {
  .text-md-left {
    text-align: left !important
  }
  .text-md-right {
    text-align: right !important
  }
  .text-md-center {
    text-align: center !important
  }
}

@media (min-width: 1375px) {
  .text-lg-left {
    text-align: left !important
  }
  .text-lg-right {
    text-align: right !important
  }
  .text-lg-center {
    text-align: center !important
  }
}

@media (min-width: 2500px) {
  .text-xl-left {
    text-align: left !important
  }
  .text-xl-right {
    text-align: right !important
  }
  .text-xl-center {
    text-align: center !important
  }
}

.text-lowercase {
  text-transform: lowercase !important
}

.text-uppercase {
  text-transform: uppercase !important
}

.text-capitalize {
  text-transform: capitalize !important
}

.font-weight-normal {
  font-weight: 400
}

.font-weight-bold {
  font-weight: 700
}

.font-italic {
  font-style: italic
}

.text-white {
  color: #fff !important
}

.text-muted {
  color: #636c72 !important
}

a.text-muted:focus,
a.text-muted:hover {
  color: #4b5257 !important
}

.text-primary {
  color: #0275d8 !important
}

a.text-primary:focus,
a.text-primary:hover {
  color: #025aa5 !important
}

.text-success {
  color: #5cb85c !important
}

a.text-success:focus,
a.text-success:hover {
  color: #449d44 !important
}

.text-info {
  color: #5bc0de !important
}

a.text-info:focus,
a.text-info:hover {
  color: #31b0d5 !important
}

.text-warning {
  color: #f0ad4e !important
}

a.text-warning:focus,
a.text-warning:hover {
  color: #ec971f !important
}

.text-danger {
  color: #d9534f !important
}

a.text-danger:focus,
a.text-danger:hover {
  color: #c9302c !important
}

.text-gray-dark {
  color: #292b2c !important
}

a.text-gray-dark:focus,
a.text-gray-dark:hover {
  color: #101112 !important
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0
}

.invisible {
  visibility: hidden !important
}

.hidden-xs-up {
  display: none !important
}

@media (max-width: 419px) {
  .hidden-xs-down {
    display: none !important
  }
}

@media (min-width: 420px) {
  .hidden-sm-up {
    display: none !important
  }
}

@media (max-width: 815px) {
  .hidden-sm-down {
    display: none !important
  }
}

@media (min-width: 816px) {
  .hidden-md-up {
    display: none !important
  }
}

@media (max-width: 1374px) {
  .hidden-md-down {
    display: none !important
  }
}

@media (min-width: 1375px) {
  .hidden-lg-up {
    display: none !important
  }
}

@media (max-width: 2499px) {
  .hidden-lg-down {
    display: none !important
  }
}

@media (min-width: 2500px) {
  .hidden-xl-up {
    display: none !important
  }
}

.hidden-xl-down,
.visible-print-block {
  display: none !important
}

@media print {
  .visible-print-block {
    display: block !important
  }
}

.visible-print-inline {
  display: none !important
}

@media print {
  .visible-print-inline {
    display: inline !important
  }
}

.visible-print-inline-block {
  display: none !important
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important
  }
}

@media print {
  .hidden-print {
    display: none !important
  }
}

.col-xs-cstm-5 {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%
}

.col-sm-cstm-5,
.col-xs-cstm-5 {
  position: relative;
  min-height: 1px;
  padding-left: 20px/2;
  padding-right: 20px/2
}

.col-sm-cstm-5 {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%
}

.col-md-cstm-5 {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%
}

.col-lg-cstm-5,
.col-md-cstm-5 {
  position: relative;
  min-height: 1px;
  padding-left: 20px/2;
  padding-right: 20px/2
}

.col-lg-cstm-5 {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%
}

.col-xl-cstm-5 {
  position: relative;
  min-height: 1px;
  padding-left: 20px/2;
  padding-right: 20px/2;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%
}

.row.nowrap {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.hidden {
  display: none;
  visibility: hidden
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: none
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto
}

.slick-track:before,
.slick-track:after {
  content: "";
  display: table
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none
}

[dir="rtl"] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-arrow.slick-hidden {
  display: none
}

body {
  overflow-x: hidden
}

body .page {
  overflow: hidden
}

body #cboxOverlay,
body #cboxWrapper,
body #colorbox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999
}

body #cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.97
}

body #colorbox #cboxContent {
  position: relative
}

body #colorbox #cboxContent #cboxNext {
  right: -35%;
  background-image: url(../static/de/images/icon-arrow-right.svg);
  background-position: 100% 0
}

body #colorbox #cboxContent #cboxNext,
body #colorbox #cboxContent #cboxPrevious {
  position: absolute;
  top: 50%;
  margin-top: -32px;
  background-repeat: no-repeat;
  width: 61px;
  height: 65px;
  text-indent: -9999px;
  background-color: #fff;
  opacity: 0.7
}

body #colorbox #cboxContent #cboxPrevious {
  left: -35%;
  background-image: url(../static/de/images/icon-arrow-left.svg);
  background-position: 0 0
}

body #colorbox #cboxContent #cboxClose {
  position: absolute;
  top: -45%;
  right: -35%;
  display: block;
  background-image: url(../static/de/images/white-close.svg);
  background-repeat: no-repeat;
  background-position: top;
  width: 61px;
  height: 60px;
  text-indent: -9999px
}

body #colorbox #cboxContent #cboxTitle {
  color: #fff;
  font-family: calaitalic;
  margin-top: 20px
}

body #colorbox #cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch
}

body #colorbox #cboxTitle {
  margin: 0
}

body #colorbox #cboxLoadingGraphic,
body #colorbox #cboxLoadingOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

body #colorbox #cboxClose,
body #colorbox #cboxNext,
body #colorbox #cboxPrevious,
body #colorbox #cboxSlideshow {
  cursor: pointer
}

body #colorbox .cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none
}

body #colorbox .cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0
}

body #colorbox #cboxContent,
body #colorbox #cboxLoadedContent,
body #colorbox #colorbox {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box
}

body #colorbox #cboxContent {
  margin-top: 20px
}

body #colorbox .cboxIframe {
  background: #fff
}

body #colorbox #cboxError {
  padding: 50px
}

body #colorbox #cboxLoadedContent {
  background: #fff
}

body #colorbox #cboxCurrent {
  position: absolute;
  top: -99999px;
  right: 0;
  color: #ccc
}

body #colorbox #cboxSlideshow {
  position: absolute;
  top: -20px;
  right: 90px;
  color: #fff
}

body #colorbox #cboxPrevious:hover {
  background-position: 0 100%
}

body #colorbox #cboxNext:hover {
  background-position: 100% 100%
}

body #colorbox #cboxLoadingOverlay {
  background: #000
}

body #colorbox #cboxClose:hover {
  background-position: bottom
}

@font-face {
	font-family: GravurCodensed-Regular;
  src: url(../static/de/fonts/GravurCodensed-Regular.woff)
}

@font-face {
	font-family: GravurCodensed-Bold;
	src: url(../static/de/fonts/GravurCodensed-Bold.woff)
}

@font-face {
	font-family: GravurCodensed-Light;
	src: url(../static/de/fonts/GravurCodensed-Light.woff)
}

@font-face {
	font-family: AGaramondPro-Regular;
	src: url(../static/de/fonts/StempelGaramondW02-Roman.woff)
}

@font-face {
	font-family: AGaramondPro-Bold;
	src: url(../static/de/fonts/StempelGaramondW02-Bold.woff)
}

@font-face {
	font-family: AGaramondPro-Italic;
	src: url(../static/de/fonts/StempelGaramondW02-Italic.woff)
}

html[dir=rtl] .date span:first-of-type,
html[dir=rtl] .ort span:first-of-type {
  float: right;
  padding-left: 7px
}

html[dir=rtl] .standardContent .pageContent ul li:before {
  padding: 0 0 0 15px;
  margin-right: -33px;
  margin-left: inherit
}

[dir=rtl] .offset-lg-1,
[dir=rtl] .offset-md-1,
[dir=rtl] .offset-sm-1 {
  margin-left: inherit !important;
  margin-left: 8.33333% !important
}

[dir=rtl] .offset-lg-2,
[dir=rtl] .offset-md-2,
[dir=rtl] .offset-sm-2 {
  margin-left: inherit !important;
  margin-right: 16.66667% !important
}

[dir=rtl] .offset-lg-3,
[dir=rtl] .offset-md-3,
[dir=rtl] .offset-sm-3 {
  margin-left: inherit !important;
  margin-right: 25% !important
}

[dir=rtl] .offset-lg-4,
[dir=rtl] .offset-md-4,
[dir=rtl] .offset-sm-4 {
  margin-left: inherit !important;
  margin-right: 33.33333% !important
}

body [data-content=overviewPage].container {
  padding: 100px
}

@media (max-width: 560px) {
  body [data-content=overviewPage].container {
    padding: 50px 0
  }
  body [data-content=overviewPage].container ul {
    list-style-type: none;
    padding: 0
  }
  body [data-content=overviewPage].container ul li {
    padding: 20px 0
  }
}

body .bg-image {
  max-width: 100%;
  width: 100%;
  position: absolute;
  overflow: hidden;
  z-index: -1
}

body .bg-image img {
  width: 100%
}

body .bg-image+div h1 {
  margin-bottom: 0
}

body .bg-image+div .pageContent,
body .bg-image+div h1 {
  background: rgba(255, 255, 255, 0.9)
}

body .bg-image+.container {
  padding-top: 29vw
}

@media only screen and (max-width: 1375px) {
  body .bg-image+.container aside {
    margin-top: 20vw
  }
}

@media only screen and (max-width: 816px) {
  body .bg-image+.container {
    padding-top: 50vh
  }
  body .bg-image+.container aside {
    margin-top: 0
  }
}

@media only screen and (max-width: 420px) {
  body .bg-image {
    position: relative
  }
  body .bg-image+.container {
    padding-top: 0
  }
}

body .bg-grey {
  background-color: #f0f0f0;
  padding: 30px 0;
  position: relative
}

body .bg-grey+.fullblur {
  background-color: #f0f0f0
}

body .bg-grey:after,
body .bg-grey:before {
  width: 100%;
  background: #f0f0f0;
  content: "";
  height: 100%;
  position: absolute;
  display: inline;
  top: 0
}

body .bg-grey:before {
  left: -100%
}

body .bg-grey:after {
  right: -100%
}

body .bg-grey-no-pad {
  background-color: #f0f0f0;
  position: relative
}

body .bg-grey-no-pad:after,
body .bg-grey-no-pad:before {
  width: 100%;
  background: #f0f0f0;
  content: "";
  height: 100%;
  position: absolute;
  display: inline;
  top: 0
}

body .bg-grey-no-pad:before {
  left: -100%
}

body .bg-grey-no-pad:after {
  right: -100%
}

body .bg-white {
  background-color: #fff;
  position: relative
}

body .bg-white:after,
body .bg-white:before {
  width: 100%;
  background: #fff;
  content: "";
  height: 100%;
  position: absolute;
  display: inline;
  top: 0
}

body .bg-white:before {
  left: -100%
}

body .bg-white:after {
  right: -100%
}

body .negative-margin-top-20 {
  margin-top: -20px
}

body .keyimages {
  padding-left: 0;
  padding-right: 0
}

body .keyimages figure {
  width: 100%;
  height: auto;
  position: relative;
  margin-bottom: 0
}

body .keyimages figure img {
  width: 100%
}

body .keyimages figure figcaption {
  position: absolute;
  background: rgba(255, 255, 255, 0.9);
  padding: 20px
}

body .keyimages figure figcaption h1 {
  font-family: calabold
}

body .keyimages figure.has-text-right figcaption {
  padding: 40px 20px;
  bottom: 10%;
  width: 35%;
  right: 5%
}

@media only screen and (max-width: 1375px) {
  body .keyimages figure.has-text-right figcaption {
    width: 50%;
    bottom: 0
  }
}

body .keyimages figure.has-text-right.country figcaption h1 {
  font-family: calabold
}

body .keyimages figure.has-text-right.country figcaption p {
  font-family: calaregular
}

body .keyimages figure.has-text-right.bottom figcaption {
  top: unset;
  bottom: 10%
}

body .keyimages figure.has-text-left {
  margin-bottom: 5px
}

body .keyimages figure.has-text-left figcaption {
  bottom: 10%;
  left: 0;
  width: 50%
}

body .keyimages figure.has-text-left figcaption h1 {
  font-family: GravurCodensed-Regular
}

@media only screen and (max-width: 1375px) {
  body .keyimages figure {
    margin-bottom: 0
  }
  body .keyimages figure.has-text-right {
    margin-top: 25px
  }
  body .keyimages figure.has-text-right figcaption {
    width: 90% !important;
    margin-top: -100px;
    right: 0;
    left: 5%
  }
  body .keyimages figure figcaption {
    position: relative;
    width: 90% !important;
    right: 0;
    left: 5%
  }
}

body .img-full-width {
  position: relative
}

body .img-full-width a {
  text-decoration: none
}

body .img-full-width img {
  width: 100%
}

body .img-full-width figcaption .date {
  position: absolute;
  bottom: 2%;
  right: 20%;
  color: #fff;
  text-transform: uppercase
}

body .img-full-width figcaption section {
  width: 30%;
  position: absolute;
  bottom: 50px;
  left: 15%
}

@media only screen and (max-width: 1375px) {
  body .img-full-width figcaption section {
    width: 50%;
    left: 7%;
    bottom: 25px
  }
}

@media only screen and (max-width: 816px) {
  body .img-full-width figcaption section {
    width: 80%;
    position: relative;
    bottom: 0;
    padding-top: 62px
  }
}

body .img-full-width figcaption section * {
  color: #fff
}

@media only screen and (max-width: 816px) {
  body .img-full-width figcaption section * {
    color: #000
  }
}

body .img-full-width figcaption section h1,
body .img-full-width figcaption section h3 {
  font-family: GravurCodensed-Regular;
  text-transform: uppercase;
  margin-bottom: 0
}

body .img-full-width figcaption section p {
  font-family: calaregular
}

body .img-full-width.imageWithText figcaption p {
  position: absolute;
  color: #fff;
  font-family: calaitalic;
  font-size: 23px;
  top: 40%;
  left: 50px;
  width: 18%
}

body .img-full-width.imageWithText figcaption span {
  position: absolute;
  bottom: 20px;
  right: 20px;
  background: rgba(255, 255, 255, 0.3);
  padding: 5px
}

@media only screen and (max-width: 1375px) {
  body .img-full-width.imageWithText figcaption {
    display: none
  }
}

body div.bigSliderGradient {
  max-width: 100%;
  width: 1903px;
  margin: auto
}

body div.bigSliderGradient:after {
  display: block;
  position: relative;
  background-image: linear-gradient(0deg, #000 -125%, transparent 95%);
  margin-top: -960px;
  height: 959px;
  width: 100%;
  content: ""
}

body .edge2edge {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
  max-height: 700px
}

body .edge2edge img {
  width: 100%
}

@media only screen and (max-width: 816px) {
  body .edge2edge {
    max-height: inherit;
    margin-top: 20px
  }
  body .edge2edge img {
    width: 150%;
    margin-left: -25%
  }
  body .edge2edge span {
    bottom: -10px
  }
}

body .edge2edge figcaption {
  position: absolute;
  background: rgba(255, 255, 255, 0.9);
  padding: 20px
}

body .edge2edge.has-text-right figcaption {
  padding: 40px 20px;
  width: 30%;
  right: 5%
}

body .edge2edge.has-text-right figcaption h1 {
  font-family: calabold
}

body .edge2edge.has-text-right figcaption p {
  font-family: calaregular
}

@media only screen and (max-width: 1375px) {
  body .edge2edge.has-text-right figcaption {
    width: 88%;
    height: auto
  }
}

@media only screen and (max-width: 816px) {
  body .edge2edge.has-text-right figcaption {
    position: relative;
    right: 0;
    width: 90%;
    margin-top: -90px;
    margin-left: 5vw
  }
}

body .edge2edge.has-text-left {
  margin-bottom: 5px
}

body .edge2edge.has-text-left figcaption {
  bottom: 10%;
  left: 0;
  width: 50%
}

body .edge2edge.has-text-left figcaption h1 {
  font-family: GravurCodensed-Regular
}

body .edge2edge .has-text-right {
  padding: 40px 20px;
  top: 10%;
  width: 30%;
  right: 5%
}

body .edge2edge .has-text-right h1 {
  font-family: calabold
}

body .edge2edge .has-text-right p {
  font-family: calaregular
}

@media only screen and (max-width: 1375px) {
  body .edge2edge .has-text-right {
    width: 88%;
    height: auto
  }
}

@media only screen and (max-width: 816px) {
  body .edge2edge .has-text-right {
    position: relative;
    right: 0;
    width: 90%;
    margin-top: -90px;
    margin-left: 5vw
  }
}

body .fcrcSlider {
  padding-bottom: 30px;
  padding-top: 30px
}

body .fcrcSlider .first-class-related-content-inline .first-class-related-content-item section article {
  height: 185px
}

body [data-content=HomePage] .row {
  margin: 0
}

body [data-content=HomePage] .edgeTedge {
  padding: 0
}

@media only screen and (max-width: 816px) {
  body [data-content=HomePage] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
  }
  body [data-content=HomePage] .movableSlider {
    -ms-flex-order: 9;
    order: 9
  }
}

@media only screen and (max-width: 420px) {
  body [data-content=HomePage] {
    display: block
  }
}

body [data-content=contentWithAccordion] {
  margin-bottom: 60px
}

body pre {
  background: transparent;
  border: none
}

body .edgeTedge {
  padding-left: 0;
  padding-right: 0
}

body .edgeTedge>h3 {
  padding-top: 20px
}

body .edgeTedge .redHeadline,
body .edgeTedge .focus-topics-list h3,
.focus-topics-list body .edgeTedge h3 {
  color: #c30f08;
  margin-bottom: -24px
}

body .edgeTedge .phraseHeadline,
body .edgeTedge .redHeadline,
body .edgeTedge .focus-topics-list h3,
.focus-topics-list body .edgeTedge h3,
body .edgeTedge .sixHeadline {
  text-transform: uppercase;
  padding: 20px 0 0 20px;
  font-family: GravurCodensed-Bold
}

body .edgeTedge .six .PicOrText {
  height: 400px
}

@media only screen and (min-width: 2500px) {
  body .edgeTedge .six .PicOrText .text-image article {
    height: 288px
  }
}

body .edgeTedge .six .date {
  color: #fff;
  text-transform: uppercase;
  font-family: GravurCodensed-Regular;
  position: absolute;
  margin-top: -38px;
  left: 15px
}

body .edgeTedge .six .figure {
  overflow: hidden
}

body .edgeTedge .six .figure img {
  width: 114%
}

@media only screen and (max-width: 816px) {
  body .edgeTedge .six .slick-arrow {
    top: 30%
  }
}

@media only screen and (max-width: 420px) {
  body .edgeTedge .six .slick-arrow {
    top: 12%
  }
}

body .gallerySlierHalfWidth {
  margin-right: -360px
}

body .centered-block {
  margin: 20px auto
}

body .buttonScrollUp {
  background-image: url(../static/de/images/icon-chevron-grey.svg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: 50%;
  height: 50px;
  width: 50px;
  position: relative;
  cursor: pointer;
  margin: auto;
  left: 0;
  right: 0;
  top: -10px;
  display: block
}

@media only screen and (max-width: 816px) {
  body .buttonScrollUp {
    display: none
  }
}

body .buttonPageUp {
  background-image: url(../static/de/images/icon-chevron-grey.svg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: 50%;
  background-color: lime;
  height: 50px;
  width: 50px;
  position: fixed;
  cursor: pointer;
  right: 10px;
  bottom: 50px;
  z-index: 155555266
}

body .Colored-Slider .slick-arrow {
  border: none;
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  z-index: 500;
  width: 50px;
  cursor: pointer;
  top: 25%
}

body .Colored-Slider button {
  background-repeat: no-repeat;
  height: 50px;
  display: block
}

body .Colored-Slider .slick-prev {
  left: 8px;
  background-image: url(../static/de/images/icon-arrow-left.svg)
}

body .Colored-Slider .slick-next {
  right: 8px;
  background-image: url(../static/de/images/icon-arrow-right.svg)
}

body .Colored-Slider .first-class-related-content-item h3,
body .Colored-Slider .first-class-related-content-item p {
  font-family: GravurCodensed-Bold;
  padding-top: 20px;
  color: #3a3a3a;
  max-width: 435px
}

body .Colored-Slider .first-class-related-content-item h3 {
  text-transform: uppercase;
  padding: 15px 20px 0;
  width: 100vw
}

body .Colored-Slider .first-class-related-content-item pre {
  padding: 14px;
  height: 37px
}

body .Colored-Slider .first-class-related-content-item p {
  margin-bottom: 0
}

body .Colored-Slider .first-class-related-content-item section figure {
  margin: 0;
  position: relative
}

body .Colored-Slider .first-class-related-content-item section figure img {
  width: 100%
}

body .Colored-Slider .first-class-related-content-item section figure figcaption {
  position: absolute;
  bottom: 10px;
  left: 15px;
  color: #fff;
  font-family: GravurCodensed-Regular;
  text-transform: uppercase
}

body .Colored-Slider .first-class-related-content-item section .text-image.petrol {
  background-color: #38b6ab
}

body .Colored-Slider .first-class-related-content-item section .text-image.petrol article h2 {
  color: #0c4843
}

body .Colored-Slider .first-class-related-content-item section .text-image.olivegreen {
  background-color: #aeb715
}

body .Colored-Slider .first-class-related-content-item section .text-image.olivegreen article h2 {
  color: #3f4e0b
}

body .Colored-Slider .first-class-related-content-item section .text-image.orange {
  background-color: #f4a500
}

body .Colored-Slider .first-class-related-content-item section .text-image.orange article h2 {
  color: #5e4500
}

body .Colored-Slider .first-class-related-content-item section .text-image.teal {
  background-color: #49bed8
}

body .Colored-Slider .first-class-related-content-item section .text-image.teal article h2 {
  color: #214f5b
}

body .Colored-Slider .first-class-related-content-item section .text-image.purple {
  background-color: #9e7eac
}

body .Colored-Slider .first-class-related-content-item section .text-image.purple article h2 {
  color: #3c273e
}

body .Colored-Slider .first-class-related-content-item section .text-image.blue {
  background-color: #6b99cd
}

body .Colored-Slider .first-class-related-content-item section .text-image.blue article h2 {
  color: #293e53
}

body .Colored-Slider .first-class-related-content-item section .text-image.grassgreen {
  background-color: #75b843
}

body .Colored-Slider .first-class-related-content-item section .text-image.grassgreen article h2 {
  color: #30531b
}

body .Colored-Slider .first-class-related-content-item section .text-image article {
  background: transparent;
  position: relative
}

body .Colored-Slider .first-class-related-content-item section .text-image .date {
  margin-top: 100px;
  padding: 10px;
  color: #fff;
  text-transform: uppercase;
  font-family: GravurCodensed-Regular
}

body .Colored-Slider .first-class-related-content-item section article {
  background: #fff;
  height: 110px;
  padding: 0 20px
}

body .Colored-Slider .first-class-related-content-item section article h2 {
  font-family: GravurCodensed-Bold;
  padding-top: 54px;
  color: #3a3a3a;
  max-width: 435px
}

body .Colored-Slider .first-class-related-content-item section article div {
  font-family: calaregular;
  padding-left: 15px
}

body figure {
  width: auto
}

body figure.has-text-right figcaption {
  padding: 40px 20px;
  bottom: 10%;
  width: 35%;
  right: 5%
}

@media only screen and (max-width: 1375px) {
  body figure.has-text-right figcaption {
    width: 50%;
    bottom: 0
  }
}

body figure span {
  position: absolute;
  bottom: 20px;
  right: 20px;
  background: rgba(255, 255, 255, 0.3);
  padding: 5px
}

body .uppercase {
  text-transform: uppercase
}

body .text-has-margin-left {
  margin-left: 100px
}

body .nwsh {
  margin-top: 0
}

body .img-full-width+.container [data-content=centered_block] {
  margin: -100px 0
}

body .img-full-width+.container [data-content=centered_block]:last-of-type {
  margin-bottom: 0
}

body [dir=rtl] aside {
  right: inherit;
  left: 0
}

body .text-image article h2 {
  font-family: GravurCodensed-Regular;
  font-size: 25px;
  text-transform: uppercase;
  text-align: center;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 20px;
  max-height: 100%
}

body .playIcon,
body .text-image article h2 {
  position: absolute;
  margin: auto;
  right: 0;
  left: 0
}

body .playIcon {
  background-image: url(../static/de/images/icon-video.svg);
  background-repeat: no-repeat;
  background-size: 200px;
  background-position: 50%;
  top: -30%;
  bottom: 0;
  width: 150px;
  height: 150px;
  pointer-events: none;
  cursor: pointer
}

body .playIcon.playSVG {
  display: none
}

@media only screen and (max-width: 1375px) {
  body .playIcon {
    background-size: cover;
    width: 100px;
    height: 100px;
    top: -50%;
    -ms-transform: translate(0);
    transform: translate(0)
  }
}

@media only screen and (max-width: 816px) {
  body .playIcon {
    top: 0
  }
}

@media only screen and (min-width: 816px) {
  body .hover-white .playIcon {
    display: none
  }
}

body .withVideo .playIcon {
  display: none
}

body,
html {
  height: 100%
}

body {
  font-size: 18px;
  -webkit-transition: font-size .3s;
  background-color: #fff
}

body .container {
  padding: 0
}

@media only screen and (max-width: 816px) {
  body .page {
    padding: 0 10px
  }
}

body * {
  font-family: GravurCodensed-Regular;
  box-sizing: border-box
}

body *,
body a,
body a:focus,
body a:hover,
body a:visited {
  color: #c30f08
}

a u {
  color: inherit !important
}

body a.extern:after,
body a:focus.extern:after,
body a:hover.extern:after,
body a:visited.extern:after {
  content: "";
  background-image: url(../static/de/images/external-link.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 14px;
  height: 14px;
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle
}

body:focus {
  outline-width: 0
}

body .page * {
  color: #000
}

body .page b,
body .page strong {
  color: inherit;
  font-weight: bolder
}

body h1 {
  padding-bottom: 10px;
  font-size: 38px;
  font-weight: 500
}

@media (max-width: 420px) {
  body h1 {
    font-size: 35px
  }
}

@media (max-width: 376px) {
  body h1 {
    font-size: 26px
  }
}

@media (max-width: 300px) {
  body h1 {
    font-size: 24px
  }
}

body h2,
body h3 {
  font-size: 20px
}

body h4 {
  font-size: 14px
}

body h5 {
  font-size: 17px
}

.slider-order {
  -ms-flex-order: 4;
  order: 4
}

@media (max-width: 816px) {
  .edgeTedge {
    padding-left: 0;
    padding-right: 0
  }
}

::-moz-selection {
  color: #fff;
  background: #1675ad;
  box-shadow: 0 0 10px #000;
  font-family: GravurCodensed-Regular
}

::selection {
  color: #fff;
  background: #1675ad;
  box-shadow: 0 0 10px #000;
  font-family: GravurCodensed-Regular
}

.cr {
  margin: 0 auto;
  max-width: 100%
}

.row.giz-gutter {
  margin: 10px 25px 0
}

.row.giz-gutter .col,
.row.giz-gutter div[class^=col-] {
  margin-left: 0
}

@media (min-width: 420px) {
  .row.giz-gutter {
    margin: 10px 25px 0
  }
  .row.giz-gutter .col,
  .row.giz-gutter div[class^=col-] {
    margin-left: 0
  }
}

@media (min-width: 816px) and (max-width: 1375px) {
  .row.giz-gutter {
    margin: 10px 0 0
  }
  .row.giz-gutter .col-md-6 {
    max-width: 369px
  }
}

@media (min-width: 1375px) {
  .row.giz-gutter {
    margin: 10px 0 0
  }
  .row.giz-gutter .col,
  .row.giz-gutter div[class^=col-] {
    margin-left: 10px
  }
}

@media (min-width: 816px) {
  .row.giz-gutter .col:nth-child(2),
  .row.giz-gutter div[class^=col-]:nth-child(2) {
    margin-left: 0
  }
  .row.giz-gutter .col,
  .row.giz-gutter div[class^=col-] {
    margin-left: 10px
  }
}

@media (min-width: 2500px) {
  .row.giz-gutter .col:nth-child(2),
  .row.giz-gutter div[class^=col-]:nth-child(2) {
    margin-left: 10px
  }
  .row.giz-gutter .col:first-child,
  .row.giz-gutter div[class^=col-]:first-child {
    margin-left: 0
  }
}

.standardContent {
  margin: 20px 0 0;
  padding: 0
}

.standardContent a {
  color: #000;
  text-decoration: underline
}

.standardContent a:hover,
.standardContent a:focus,
.standardContent a:active {
  color: #c30f08
}

.standardContent>a,
.standardContent>div>a {
  text-decoration: none
}

[data-content=header-slider] a {
  text-decoration: none
}

[data-content=header-slider].headerSlider {
  visibility: hidden
}

[data-content=header-slider].slick-initialized {
  visibility: visible
}

[data-content=header-slider] .sliderItem {
  padding: 0;
  position: relative
}

[data-content=header-slider] .sliderItem .pagingInfo {
  position: relative;
  right: 0;
  bottom: -3px;
  text-align: right;
  padding: 0 30px 0 0;
  color: #fff;
  float: right;
  margin-top: -27px;
  z-index: 5555;
  background: transparent
}

[data-content=header-slider] .sliderItem.slick-current div {
  overflow: hidden;
  position: relative;
  height: 20px;
  z-index: 1111;
  margin-top: -20px
}

[data-content=header-slider] .sliderItem.slick-current div:after {
  content: "";
  height: 20px;
  background: #c30f08;
  position: absolute;
  animation: b 15s;
  -webkit-animation: b 15s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  bottom: 0;
  width: 100%
}

@keyframes b {
  0% {
    transform: translateX(25%)
  }
  to {
    transform: translateX(100%)
  }
}

@media only screen and (max-width: 816px) {
  [data-content=header-slider] .sliderItem {
    padding: 0;
    width: 100%
  }
}

[data-content=header-slider] .sliderItem figure {
  width: 100%;
  height: auto;
  margin: auto;
  background-color: #c6c6c6;
  overflow: hidden;
  position: relative
}

[data-content=header-slider] .sliderItem figure img {
  width: 100%
}

@media only screen and (max-width: 816px) {
  [data-content=header-slider] .sliderItem figure img {
    width: 200%;
    margin-left: -50%
  }
}

[data-content=header-slider] .sliderItem h1,
[data-content=header-slider] .sliderItem h3 {
  font-family: GravurCodensed-Regular;
  padding: 0;
  text-transform: uppercase
}

@media only screen and (max-width: 362px) {
  [data-content=header-slider] .sliderItem h1,
  [data-content=header-slider] .sliderItem h3 {
    font-size: 37px
  }
}

[data-content=header-slider] .sliderItem p {
  font-family: calaregular
}

[data-content=header-slider] .sliderItem .has-text-left {
  position: absolute;
  bottom: 13%;
  background: rgba(255, 255, 255, 0.9);
  width: 50%;
  left: 0;
  padding: 12px 12px 12px 0;
  padding-left: calc(15vw + 14px)
}

@media only screen and (max-width: 1070px) {
  [data-content=header-slider] .sliderItem .has-text-left {
    left: 0
  }
}

[data-content=header-slider] .sliderItem .has-text-right {
  position: absolute;
  bottom: 13%;
  background: rgba(255, 255, 255, 0.9);
  width: 25%;
  right: 100px;
  padding: 12px
}

@media only screen and (max-width: 1070px) {
  [data-content=header-slider] .sliderItem .has-text-right {
    right: 0
  }
}

[data-content=header-slider] .sliderItem .has-text-left-block {
  position: absolute;
  top: 7%;
  background: rgba(255, 255, 255, 0.9);
  width: 30%;
  left: 10%;
  padding: 30px
}

@media only screen and (max-width: 1070px) {
  [data-content=header-slider] .sliderItem .has-text-left-block {
    left: 0
  }
}

[data-content=header-slider] .slick-arrow {
  border: none;
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: calc(50% - 25px);
  z-index: 500;
  width: 50px;
  cursor: pointer
}

@media only screen and (max-width: 1375px) {
  [data-content=header-slider] .slick-arrow {
    top: 30%
  }
}

@media only screen and (max-width: 420px) {
  [data-content=header-slider] .slick-arrow {
    top: 20%
  }
}

[data-content=header-slider] button {
  background-repeat: no-repeat;
  height: 50px;
  display: block
}

[data-content=header-slider] .slick-prev {
  left: 0;
  background-image: url(../static/de/images/icon-arrow-left.svg)
}

[data-content=header-slider] .slick-next {
  right: 0;
  background-image: url(../static/de/images/icon-arrow-right.svg)
}

@media only screen and (max-width: 1070px) {
  [data-content=header-slider] .slick-prev {
    left: 0
  }
  [data-content=header-slider] .slick-next {
    right: 0
  }
  [data-content=header-slider] .sliderItem figure {
    background-color: #fff;
    margin-top: 25px;
    max-height: unset
  }
  [data-content=header-slider] .sliderItem figure figcaption {
    position: relative !important;
    bottom: 0 !important;
    width: 100% !important;
    padding: 12px !important;
    right: 0 !important;
    margin: auto
  }
}

[data-content=teaser-slider] a {
  border: none;
  text-decoration: none
}

[data-content=teaser-slider] a:hover {
  border: none
}

[data-content=teaser-slider].sliderblock,
[data-content=teaser-slider].sliderbox {
  margin-bottom: 15px;
  margin-left: 0;
  margin-top: 0;
  min-width: 100%;
  max-width: 100%
}

[data-content=teaser-slider].sliderblock button {
  top: calc(50% - 100px)
}

[data-content=teaser-slider].sliderblock .slick-prev {
  left: -1.1%
}

[data-content=teaser-slider].sliderblock .slick-next {
  right: -1.1%
}

[data-content=teaser-slider] .first-class-related-content-item h3,
[data-content=teaser-slider] .first-class-related-content-item p {
  font-family: GravurCodensed-Bold;
  color: #3a3a3a
}

[data-content=teaser-slider] .first-class-related-content-item h3 {
  text-transform: uppercase;
  padding: 0 20px
}

[data-content=teaser-slider] .first-class-related-content-item p {
  font-size: 19px;
  line-height: 1.421
}

[data-content=teaser-slider] article .strong+div {
  font-family: calaregular;
  padding-left: 15px
}

[data-content=teaser-slider] div.news-img-container {
  overflow: hidden;
  position: relative;
  height: 197px
}

@media only screen and (max-width: 1339px) {
  [data-content=teaser-slider] div.news-img-container {
    height: 22vw
  }
}

@media only screen and (max-width: 789px) {
  [data-content=teaser-slider] div.news-img-container {
    height: 45vw
  }
}

@media only screen and (min-width: 2500px) {
  [data-content=teaser-slider] div.news-img-container {
    height: 289px
  }
}

[data-content=teaser-slider] img.news-img {
  width: 100%
}

[data-content=teaser-slider] .slick-slide,
[data-content=teaser-slider] .sliderItem {
  padding: 4px
}

[data-content=teaser-slider] .sliderItem:first-child {
  padding-left: 0
}

[data-content=teaser-slider] .sliderItem:last-child {
  padding-right: 0
}

[data-content=teaser-slider] .sliderItem figure {
  width: 100%;
  margin: auto;
  overflow: hidden
}

[data-content=teaser-slider] .sliderItem figure img {
  width: 100%
}

[data-content=teaser-slider] .sliderItem figure div.sliderGradient {
  max-width: 110%;
  width: 485px;
  margin-left: -19px
}

@media only screen and (max-width: 1375px) {
  [data-content=teaser-slider] .sliderItem figure div.sliderGradient {
    width: 110%
  }
}

@media only screen and (min-width: 2500px) {
  [data-content=teaser-slider] .sliderItem figure div.sliderGradient {
    max-width: 100%;
    width: auto;
    margin-left: 0
  }
}

[data-content=teaser-slider] .sliderItem figure div.sliderGradient:after {
  display: block;
  position: relative;
  background-image: linear-gradient(0deg, #000 -125%, transparent 95%);
  margin-top: -160px;
  height: 160px;
  content: ""
}

@media only screen and (min-width: 0) {
  [data-content=teaser-slider] .sliderItem figure div.sliderGradient:after {
    width: 110%
  }
}

[data-content=teaser-slider] .sliderItem figure p.imgInfo {
  position: absolute;
  bottom: 5px
}

[data-content=teaser-slider] .sliderItem figure.gradient {
  max-width: 100%;
  margin: auto
}

@media only screen and (max-width: 1339px) {
  [data-content=teaser-slider] .sliderItem figure.gradient {
    height: 22vw
  }
}

@media only screen and (max-width: 789px) {
  [data-content=teaser-slider] .sliderItem figure.gradient {
    height: 45vw
  }
}

@media only screen and (max-width: 1375px) {
  [data-content=teaser-slider] .sliderItem figure.gradient {
    width: 100%
  }
}

@media only screen and (min-width: 2500px) {
  [data-content=teaser-slider] .sliderItem figure.gradient {
    width: 100%
  }
}

[data-content=teaser-slider] .sliderItem figure.gradient:after {
  display: block;
  position: relative;
  background-image: linear-gradient(0deg, #000 -125%, transparent 95%);
  margin-top: -195px;
  height: 192px;
  width: 100%;
  content: ""
}

[data-content=teaser-slider] .sliderItem h3,
[data-content=teaser-slider] .sliderItem p {
  font-family: GravurCodensed-Bold;
  color: #3a3a3a
}

[data-content=teaser-slider] .sliderItem h3 {
  text-transform: uppercase;
  padding: 0 20px
}

[data-content=teaser-slider] .sliderItem p {
  font-size: 19px;
  line-height: 1.421
}

[data-content=teaser-slider] .sliderItem .headerheight {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 60px
}

[data-content=teaser-slider] .sliderItem .headerheight pre {
  font-size: .68rem;
  margin: 0
}

[data-content=teaser-slider] .sliderItem .background a {
  border: none;
  text-decoration: none
}

[data-content=teaser-slider] .sliderItem .background a:hover {
  border: none
}

[data-content=teaser-slider] .sliderItem .background p {
  margin-bottom: 5px;
  padding: 0 20px
}

[data-content=teaser-slider] .sliderItem .background div {
  padding-right: 40px;
  padding-bottom: 10px;
  font-family: calaregular;
  padding: 0 20px 10px
}

@media only screen and (min-width: 2500px) {
  [data-content=teaser-slider] .sliderItem .background div {
    padding: 0
  }
}

[data-content=teaser-slider] .sliderItem .background figure {
  height: 200px;
  margin-bottom: 10px;
  position: relative
}

[data-content=teaser-slider] .sliderItem .background figure img {
  height: auto;
  width: 100%
}

@media only screen and (max-width: 1375px) {
  [data-content=teaser-slider] .sliderItem .background figure {
    height: auto;
    max-height: 295px
  }
}

@media only screen and (max-width: 816px) {
  [data-content=teaser-slider] .sliderItem .background figure {
    max-height: none
  }
}

@media only screen and (max-width: 420px) {
  [data-content=teaser-slider] .sliderItem .background figure {
    height: auto
  }
}

@media only screen and (min-width: 2300px) {
  [data-content=teaser-slider] .sliderItem .background figure,
  [data-content=teaser-slider] .sliderItem .background figure img {
    height: auto;
    max-height: 281px
  }
}

@media only screen and (max-width: 814px) {
  [data-content=teaser-slider] .sliderItem .background figure {
    height: auto
  }
  [data-content=teaser-slider] .sliderItem .background figure img {
    height: auto;
    max-height: none;
    width: 120%;
    margin-left: -10%
  }
}

@media only screen and (max-width: 1375px) {
  [data-content=teaser-slider] .sliderItem .background:first-of-type {
    padding-right: 0
  }
  [data-content=teaser-slider] .sliderItem .background:nth-of-type(2) {
    padding-left: 0
  }
}

@media only screen and (max-width: 816px) {
  [data-content=teaser-slider] .sliderItem .background {
    padding-left: 0 !important;
    padding-right: 0 !important
  }
}

@media only screen and (max-width: 816px) {
  [data-content=teaser-slider] .sliderItem {
    padding: 0;
    width: 100%
  }
  [data-content=teaser-slider] .sliderItem .background div,
  [data-content=teaser-slider] .sliderItem .background p,
  [data-content=teaser-slider] .sliderItem h3 {
    padding-left: 10px
  }
}

[data-content=teaser-slider] pre {
  padding: 8px
}

[data-content=teaser-slider] .slick-arrow {
  border: none;
  background-color: rgba(237, 238, 238, 0.6);
  position: absolute;
  z-index: 500;
  width: 50px;
  cursor: pointer;
  margin-top: 5px;
  top: 35%
}

[data-content=teaser-slider] button {
  background-repeat: no-repeat;
  height: 50px;
  display: block
}

[data-content=teaser-slider] .slick-prev {
  left: 0;
  background-image: url(../static/de/images/icon-arrow-left.svg)
}

[data-content=teaser-slider] .slick-next {
  right: 0;
  background-image: url(../static/de/images/icon-arrow-right.svg)
}

@media only screen and (max-width: 816px) {
  [data-content=teaser-slider] .slick-prev {
    left: 0
  }
  [data-content=teaser-slider] .slick-next {
    right: 0
  }
}

[data-content=teaser-slider] .text-image.petrol {
  background-color: #38b6ab
}

[data-content=teaser-slider] .text-image.petrol article h2 {
  color: #0c4843
}

[data-content=teaser-slider] .text-image.olivegreen {
  background-color: #aeb715
}

[data-content=teaser-slider] .text-image.olivegreen article h2 {
  color: #3f4e0b
}

[data-content=teaser-slider] .text-image.orange {
  background-color: #f4a500
}

[data-content=teaser-slider] .text-image.orange article h2 {
  color: #5e4500
}

[data-content=teaser-slider] .text-image.teal {
  background-color: #49bed8
}

[data-content=teaser-slider] .text-image.teal article h2 {
  color: #214f5b
}

[data-content=teaser-slider] .text-image.purple {
  background-color: #9e7eac
}

[data-content=teaser-slider] .text-image.purple article h2 {
  color: #3c273e
}

[data-content=teaser-slider] .text-image.blue {
  background-color: #6b99cd
}

[data-content=teaser-slider] .text-image.blue article h2 {
  color: #293e53
}

[data-content=teaser-slider] .text-image.grassgreen {
  background-color: #75b843
}

[data-content=teaser-slider] .text-image.grassgreen article h2 {
  color: #30531b
}

[data-content=teaser-slider] .text-image article {
  background: transparent;
  position: relative;
  height: 195px
}

@media only screen and (max-width: 1339px) {
  [data-content=teaser-slider] .text-image article {
    height: 22vw
  }
}

@media only screen and (max-width: 789px) {
  [data-content=teaser-slider] .text-image article {
    height: 45vw
  }
}

[data-content=teaser-slider] .text-image article h2 {
  font-family: GravurCodensed-Regular;
  font-size: 25px;
  text-transform: uppercase;
  text-align: center;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: auto;
  padding: 20px;
  max-height: 100%;
  right: 0;
  left: 0
}

[data-content=teaser-slider] .PicOrText {
  padding: 7px;
  position: relative;
  margin-bottom: 30px
}

[data-content=teaser-slider] .PicOrText .strong {
  margin-bottom: 0;
  padding: 10px 15px 0
}

[data-content=teaser-slider] .PicOrText .strong+div {
  padding-left: 15px;
  font-family: calaregular
}

@media only screen and (max-width: 815px) {
  [data-content=teaser-slider] .PicOrText .strong+div {
    padding-left: 20px
  }
}

[data-content=teaser-slider] .PicOrText .date {
  color: #fff;
  text-transform: uppercase;
  font-family: GravurCodensed-Regular;
  position: absolute;
  margin-top: -38px;
  margin-left: 2%;
  left: 15px
}

[data-content=teaser-slider].slidergrey {
  background: #f0f0f0;
  margin-bottom: 0
}

[data-content=teaser-slider].slidergrey .sliderItem {
  max-width: 33.3%;
  overflow: hidden;
  padding: 5px
}

[data-content=teaser-slider].slidergrey pre {
  padding: 17px;
  margin: 0;
  font-size: 0.68rem
}

[data-content=teaser-slider].slidergrey h3 {
  padding-top: 20px
}

[data-content=teaser-slider].slidergrey .background {
  background: #fff;
  margin-bottom: 40px;
  margin-left: 0;
  max-height: 360px;
  min-height: 360px
}

[data-content=teaser-slider].slidergrey .background figure {
  padding-bottom: 0
}

@media only screen and (max-width: 816px) {
  [data-content=teaser-slider].slidergrey .background div,
  [data-content=teaser-slider].slidergrey .background p {
    margin-left: 11px
  }
}

[data-content=teaser-slider].red div p,
[data-content=teaser-slider].red h3 p,
[data-content=teaser-slider].red p p {
  font-family: calaregular;
  padding: 0 4px 10px !important
}

[data-content=teaser-slider].red figure p {
  color: #fff;
  text-transform: uppercase;
  font-family: GravurCodensed-Bold;
  margin-top: -50px;
  padding: 0 20px !important
}

[data-content=teaser-slider].greySlider {
  background: #f0f0f0;
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 30px
}

[data-content=teaser-slider].greySlider h3 {
  padding-top: 20px
}

[data-content=teaser-slider].greySlider pre {
  padding: 17px
}

[data-content=teaser-slider].topslider {
  margin-top: 0
}

[data-content=teaser-slider].onePic {
  margin-bottom: 0
}

[data-content=teaser-slider].onePic .sliderItem {
  padding: 0;
  height: auto
}

[data-content=teaser-slider].onePic pre {
  padding: 17px
}

[data-content=teaser-slider].onePic h3 {
  padding-top: 20px
}

[data-content=teaser-slider].onePic .background {
  background: #fff;
  margin-bottom: 40px;
  margin-left: 0
}

[data-content=teaser-slider].onePic .background figure {
  height: auto
}

[data-content=teaser-slider].six .PicOrText {
  height: 400px
}

@media only screen and (min-width: 2500px) {
  [data-content=teaser-slider].six .PicOrText .text-image article {
    height: 288px
  }
}

[data-content=teaser-slider].six .date {
  color: #fff;
  text-transform: uppercase;
  font-family: GravurCodensed-Regular;
  position: absolute;
  margin-top: -38px;
  left: 15px
}

[data-content=teaser-slider].six article div {
  padding: 10px 15px 0
}

[data-content=teaser-slider].six .figure {
  overflow: hidden
}

[data-content=teaser-slider].six .figure img {
  width: 114%
}

.slick-slide {
  height: auto
}

[data-content=teaser-slider].slidergrey .background {
  max-height: none;
  flex-grow: 1
}

[data-content=teaser-slider].slidergrey .sliderItem {
  max-width: none
}

@media only screen and (max-width: 816px) {
  [data-content=teaser-slider].six .slick-arrow {
    top: 30%
  }
}

@media only screen and (max-width: 420px) {
  [data-content=teaser-slider].six .slick-arrow {
    top: 12%
  }
}

div.sliders {
  max-width: 1375px;
  margin-left: auto;
  margin-right: auto
}

body>header {
  position: relative;
  background-color: #fff;
  height: 160px
}

@media only screen and (max-width: 816px) {
  body>header {
    height: 90px
  }
}

body>header .container {
  padding-left: 0;
  padding-right: 0
}

body>header * {
  color: #c30f08;
  font-size: 17px
}

body>header .giz-website-logo {
  position: absolute;
  z-index: 0;
  top: 25px;
  left: 23px;
  z-index: 20
}

@media only screen and (max-width: 420px) {
  body>header .giz-website-logo {
    left: 10px
  }
}

body>header .service {
  position: relative;
  z-index: 11;
  min-height: 90px
}

body>header .service a {
  font-size: 17px;
  margin-top: 10px;
  margin-left: 0;
  margin-right: 20px;
  font-family: GravurCodensed-Regular;
  padding: 0;
  text-decoration: none;
  display: inline-table;
  padding-right: 2px
}

body>header .service a.active:after,
body>header .service a:hover:after {
  content: "";
  border-bottom: 2px solid #c30f08;
  display: table-caption;
  caption-side: bottom;
  position: relative;
  margin-top: 0
}

body>header .service .languageSelector {
  margin-right: 3px
}

body>header .service .portal {
  margin: 0 0 0 10px;
  padding: 10px 30px;
  background-color: #eceded
}

body>header .service .portal:hover:after {
  border-bottom-width: 0
}

body>header #portalContainer {
  width: 100%;
  height: auto;
  position: absolute;
  top: 140px;
  z-index: 600
}

body>header #portalContainer [data-content=portal] {
  background-color: #eceded
}

body>header #portalContainer [data-content=portal] .portalClose {
  pointer-events: all;
  font-family: GravurCodensed-Regular;
  background-color: rgba(255, 255, 255, 0.9);
  display: block;
  position: absolute;
  right: 0;
  z-index: 100;
  cursor: pointer;
  color: #c30f08;
  padding: 10px 22px;
  top: 0;
  font-size: 19px;
  font-weight: 500;
  border: none
}

body>header #portalContainer [data-content=portal] .row {
  padding: 70px 0
}

body>header #Navigation {
  background: #eceded;
  display: inline-block;
  position: relative;
  padding: 15px;
  cursor: pointer
}

body>header #Navigation .main-item {
  width: 40px;
  height: 42px;
  position: relative
}

body>header #Navigation .main-item .line {
  position: absolute;
  height: 5px;
  width: 100%;
  background: #c30f08;
  transition: all 0.32s cubic-bezier(0.25, 0.1, 0.28, 1.54)
}

body>header #Navigation .main-item .line01 {
  top: 19%;
  left: 6px
}

body>header #Navigation .main-item .line02 {
  top: 49%;
  left: 6px
}

body>header #Navigation .main-item .line03 {
  top: 79%;
  left: 6px
}

body>header #Navigation .menu.close .line01 {
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 49%
}

body>header #Navigation .menu.close .line02,
body>header #Navigation .menu.close .line03 {
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 49%
}

body>header nav {
  position: relative;
  z-index: 100;
  background-color: #fff
}

.portalTitle {
  display: none
}

@media only screen and (min-width: 816px) {
  .header2+.page+footer+#megaNavigation.littlespace #megaNavigationContainer {
    position: relative;
    float: right
  }
  .header2+.page+footer+#megaNavigation .primary {
    width: 70%;
    float: right;
    padding-right: 13vw
  }
}

@media only screen and (min-width: 816px) and (max-width: 1375px) {
  .header2+.page+footer+#megaNavigation .primary {
    padding-right: 0;
    width: 78.3%
  }
}

@media only screen and (min-width: 816px) {
  .header2+.page+footer+#megaNavigation .primary:before {
    width: 100%;
    background: #fff;
    content: "";
    height: 100%;
    position: absolute;
    display: inline;
    top: 0;
    left: -100%
  }
  .header2+.page+footer+#megaNavigation .primary .searchbarEnabler {
    position: absolute;
    right: 10px;
    top: 0
  }
  .header2 .giz-website-logo {
    left: 0;
    z-index: 200;
    height: 160px;
    overflow: hidden;
    background: #fff;
    width: 21.7%;
    padding-top: 30px;
    margin-top: -25px;
    padding-left: 30px
  }
  .header2 .giz-website-logo:before {
    width: 100%;
    background: #f0f0f0;
    content: "";
    height: 100%;
    position: absolute;
    display: inline;
    top: 0;
    left: -100%
  }
  .header2 .service {
    background: #eceded;
    position: relative;
    height: 130px;
    width: 80%;
    float: right
  }
  .header2 .service:after {
    width: 100%;
    background: #eceded;
    content: "";
    height: 100%;
    position: absolute;
    display: inline;
    top: 0;
    right: -100%
  }
  .header2 .service .portal {
    background: #c30f08;
    color: #eceded
  }
  .header2 .service .portalTitle {
    position: absolute;
    left: 55px;
    text-align: left;
    top: 15px
  }
  .header2 .service .portalTitle h1 {
    color: #c6c6c6;
    font-family: GravurCodensed-Light;
    font-size: 38px
  }
  .header2 .service .portalTitle p {
    font-family: GravurCodensed-Light;
    color: #c6c6c6;
    margin-bottom: 0
  }
  .header2 .portalTitle {
    display: block
  }
}

body>footer a,
body>footer a:focus,
body>footer a:hover,
body>footer h5 {
  font-size: 15px;
  color: #fff;
  text-decoration: none;
  font-family: GravurCodensed-Light
}

body>footer .bg-red {
  background: #b50d1c;
  padding: 40px 10px;
  min-height: 300px
}

body>footer h5 {
  margin-bottom: 0
}

body>footer .main {
  padding: 0 0 30px
}

@media only screen and (max-width: 816px) {
  body>footer .main {
    padding: 0 0 20px
  }
}

body>footer .logo {
  max-width: 300px;
  background-color: #fff;
  padding: 20px 20px 5px;
  margin: 10px 0 10px -20px
}

body>footer .service a {
  color: #fff;
  display: block;
  padding: 0;
  margin-bottom: 5px
}

@media only screen and (max-width: 816px) {
  body>footer .service a {
    margin-bottom: 10px
  }
}

body>footer .socials {
  padding: 20px 0
}

body>footer .socials a {
  color: #fff;
  padding: 5px;
  margin-right: 5px
}

body>footer .socials a img {
  width: 25px;
  height: 25px
}

body>footer .links {
  padding: 0
}

body>footer .links a {
  color: #fff;
  display: block;
  padding: 0 0 10px;
  font-size: 17px
}

@media only screen and (max-width: 816px) {
  body>footer .links a {
    font-size: 15px
  }
}

body>footer .links a:hover {
  text-decoration: underline
}

@media only screen and (max-width: 2500px) {
  body>footer .pushed {
    padding-left: 30px
  }
}

@media only screen and (max-width: 816px) {
  body>footer .pulled {
    margin-left: 0
  }
  body>footer .pushed {
    margin-left: 0;
    padding-left: 19px
  }
}

.littlespace {
  background: #eceded
}

.littlespace #megaNavigationContainer {
  margin-top: 100px
}

@media only screen and (max-width: 816px) {
  .littlespace #megaNavigationContainer {
    margin-top: 0
  }
}

@media only screen and (min-width: 816px) {
  .primary .service {
    display: none
  }
}

@media only screen and (max-width: 816px) {
  .primary .service {
    display: block
  }
  #megaNavigation .primary a.languageSelector {
    display: inline !important;
    padding: 0;
    margin: 5px 3px 5px 25px !important
  }
  #megaNavigation .primary a.languageSelector.active {
    border-bottom: 2px solid #c30f08
  }
  #megaNavigation .primary a.languageSelector:hover:after {
    border-bottom: 2px solid #c30f08;
    caption-side: bottom;
    content: "";
    display: inherit;
    margin-top: 0;
    position: relative
  }
  #megaNavigation .primary a.languageSelector~.languageSelector {
    margin: 5px 3px !important
  }
}

#megaNavigation {
  position: absolute;
  top: 110px;
  left: 0;
  width: 100%;
  z-index: 1;
  overflow: hidden
}

#megaNavigation #megaNavigationContainer {
  position: relative;
  width: 100%;
  background: #eceded;
  overflow: hidden
}

#megaNavigation #megaNavigationContainer>.row {
  overflow: hidden;
  width: 1345px;
  max-width: 100%;
  margin: 0 auto;
  position: relative
}

@media only screen and (max-width: 816px) {
  #megaNavigation #megaNavigationContainer {
    padding-right: 0;
    padding-left: 0
  }
}

#megaNavigation .searchInput form {
  position: absolute;
  top: 10px;
  right: 5px;
  width: 160px;
  padding-right: 30px;
  max-width: 1345px
}

#megaNavigation .searchInput form input {
  width: 100%;
  background: transparent;
  vertical-align: top;
  padding: 3px 5px;
  margin: 0 30px 0 0;
  text-align: right;
  font-size: 15px;
  color: #c30f08;
  border-radius: 5px;
  border: none;
  transition: background-color 0.5s ease-in-out
}

#megaNavigation .searchInput form input:focus {
  outline-width: 0;
  background-color: #fff
}

#megaNavigation .searchInput form input::-webkit-input-placeholder {
  color: #c30f08
}

#megaNavigation .searchInput form input::-moz-placeholder {
  color: #c30f08
}

#megaNavigation .searchInput form input:-ms-input-placeholder {
  color: #c30f08
}

#megaNavigation .searchInput form input:-moz-placeholder {
  color: #c30f08
}

#megaNavigation .searchInput form .searchIcon {
  position: absolute;
  cursor: pointer;
  top: -5px;
  right: -5px;
  height: 40px;
  width: 40px
}

#megaNavigation .searchInput form .searchIcon path {
  fill: #c30f08
}

#megaNavigation .primary {
  position: relative;
  background-color: #eceded;
  height: 50px;
  display: block;
  padding-left: 15px
}

#megaNavigation .primary a {
  font-size: 21px;
  font-family: GravurCodensed-Regular;
  text-decoration: none;
  display: inline-block;
  padding: 10px 0 0;
  margin: 0 15px 5px;
  position: relative
}

#megaNavigation .primary a.active.hasChildren:after,
#megaNavigation .primary a:hover.hasChildren:after {
  content: ">";
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  position: absolute;
  right: -15px;
  top: 10px;
  display: inline-block
}

#megaNavigation .primary a.preselected,
.openNavigation #megaNavigation .primary a.preselected.active {
  border-bottom: 2px solid #c30f08
}

@media only screen and (max-width: 816px) {
  #megaNavigation .primary a.preselected,
  .openNavigation #megaNavigation .primary a.preselected.active {
    border: none;
    border-top: 1px solid #fff;
    padding: 5px 0 5px 10px
  }
}

#megaNavigation .primary a.searchAfter {
  font-size: 19px;
  margin: 0 23px 5px 15px
}

#megaNavigation .primary .searchbarEnabler {
  float: right;
  padding-right: 35px
}

@media only screen and (max-width: 940px) {
  #megaNavigation .primary .searchbarEnabler .searchAfter {
    display: none
  }
}

#megaNavigation .primary .searchbarEnabler .searchAfterChange {
  display: none
}

#megaNavigation .primary .searchbarEnabler.searchChange .searchAfterChange {
  display: block;
  padding: 12px 16px;
  font-size: 19px
}

#megaNavigation .primary .searchbarEnabler.searchChange .searchAfter,
#megaNavigation .primary .searchbarEnabler.searchChange .searchIcon {
  display: none
}

#megaNavigation .primary .searchbarEnabler .searchIcon {
  position: absolute;
  cursor: pointer;
  top: 3px;
  right: 20px;
  height: 40px;
  width: 40px
}

#megaNavigation .primary .searchbarEnabler .searchIcon path {
  fill: #c30f08
}

#megaNavigation .primary .searchbarEnabler #Xclose {
  display: none
}

#megaNavigation .primary .searchbarEnabler #Xclose polygon {
  fill: #c30f08
}

#megaNavigation .primary .searchbarEnabler.searchChange #Xclose {
  display: block;
  visibility: visible;
  width: 13px;
  position: absolute;
  top: 14px;
  right: 44px
}

@media only screen and (max-width: 816px) {
  #megaNavigation .primary {
    display: none;
    height: auto;
    padding: 20px 0 0
  }
  #megaNavigation .primary.slideDownIn,
  #megaNavigation .primary.slideUpOut,
  .openNavigation #megaNavigation .primary {
    display: block
  }
  #megaNavigation .primary a {
    display: block;
    position: relative;
    padding: 5px 0 5px 10px;
    border-top: 1px solid #fff;
    text-decoration: none;
    font-size: 21px
  }
  #megaNavigation .primary a.hasChildren:after {
    content: ">";
    position: absolute;
    right: 20px;
    transition: right 0.1s ease-in-out
  }
  #megaNavigation .primary a:hover.hasChildren:after {
    right: 15px
  }
  #megaNavigation .primary .container {
    padding: 0
  }
  #megaNavigation .primary a {
    border-top: 1px solid #fff
  }
  #megaNavigation .primary a.active,
  #megaNavigation .primary a:hover {
    border-bottom: 0
  }
  #megaNavigation .primary a:first-child {
    border-top: 0
  }
  #megaNavigation .primary a.preselected {
    border-bottom: 0
  }
  #megaNavigation .primary .service {
    margin-top: 30px;
    background-color: #fff
  }
}

#megaNavigation .subTitle {
  font-size: 12pt
}

#megaNavigation .info {
  padding: 50px 30px 30px 50px;
  font-size: 17px;
  z-index: 20;
  background: #eceded
}

#megaNavigation .info h3 {
  font-size: 30px;
  margin-bottom: 20px
}

#megaNavigation .info a.button {
  display: inline-block;
  height: inherit;
  color: #fff !important;
  background-color: #c30f08;
  padding: 5px 24px;
  transition: all .5s;
  border: 1px solid #c30f08;
  text-align: center;
  font-family: GravurCodensed-Regular
}

#megaNavigation .info a.button:hover {
  text-decoration: none;
  background-color: #fff !important;
  color: #c30f08 !important;
}

#megaNavigation .info .btn {
  display: inline-block;
  color: #fff !important;
  background-color: #c30f08 !important;
  padding: 5px 24px;
  transition: all .5s;
  border: 1px solid #c30f08;
  text-align: center;
  font-family: GravurCodensed-Regular;
  border-radius: 0
}

#megaNavigation .info .btn:hover {
  text-decoration: none;
  background-color: #fff !important;
  color: #c30f08 !important
}

@media only screen and (max-width: 816px) {
  #megaNavigation .info {
    display: none
  }
}

#megaNavigation .asideInfo {
  padding-top: 55px;
  padding-bottom: 108px;
  position: absolute;
  right: 0;
  z-index: 10;
  height: 100%;
  background-color: #e2e2e2
}

#megaNavigation .asideInfo img {
  width: 100%;
  height: auto;
  min-height: 140px
}

#megaNavigation .asideInfo h5 {
  font-family: GravurCodensed-Bold
}

#megaNavigation .asideInfo .asideInfoBox {
  background-color: #fff;
  opacity: .9;
  margin: -40px 10px 30px;
  padding: 20px;
  font-size: 12px
}

#megaNavigation .asideInfo .asideInfoBox a.button {
  display: inline-block;
  color: #fff;
  background-color: #c30f08;
  padding: 5px 24px;
  transition: all .5s;
  border: 1px solid #c30f08;
  text-align: center;
  font-family: GravurCodensed-Regular
}

#megaNavigation .asideInfo .asideInfoBox a.button:hover {
  text-decoration: none;
  background-color: #fff !important;
  color: #c30f08
}

#megaNavigation .asideInfo .asideInfoBox .btn {
  display: inline-block;
  color: #fff !important;
  background-color: #c30f08 !important;
  padding: 5px 24px;
  transition: all .5s;
  border: 1px solid #c30f08;
  text-align: center;
  font-family: GravurCodensed-Regular;
  border-radius: 0
}

#megaNavigation .asideInfo .asideInfoBox .btn:hover {
  text-decoration: none;
  background-color: #fff !important;
  color: #c30f08 !important
}

#megaNavigation .asideInfo .asideInfoBox p {
  font-size: 16px;
  font-family: calaregular
}

#megaNavigation .asideInfo .asideInfoBox a {
  font-size: 16px
}

@media only screen and (max-width: 816px) {
  #megaNavigation .asideInfo {
    display: none
  }
}

#megaNavigation .navigationArea {
  display: none
}

#megaNavigation .navigationArea.open {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  position: relative;
  min-height: 587px;
  margin: 0
}

#megaNavigation .navigationArea .backlink {
  display: inline-block;
  background-color: #eceded;
  font-size: 12px;
  padding-right: 10px;
  padding-left: 20px;
  margin: 10px 10px 10px 0;
  position: absolute;
  top: 0;
  left: 10px;
  border-top: 0
}

#megaNavigation .navigationArea .backlink:before {
  content: "<";
  position: absolute;
  left: 9px;
  top: 0;
  font-size: 18px;
  transition: left 0.1s ease-in-out
}

#megaNavigation .navigationArea .backlink:hover:before {
  left: 5px
}

@media only screen and (max-width: 816px) {
  #megaNavigation .navigationArea .backlink {
    margin: 10px;
    padding: 10px 10px 10px 20px;
    width: auto;
    top: -8px;
    text-align: center;
    background-color: #fff;
    font-size: 15px
  }
  #megaNavigation .navigationArea .backlink:before {
    top: 5px
  }
}

#megaNavigation .navigation {
  z-index: 20
}

#megaNavigation .navigation a {
  display: block;
  position: relative;
  padding: 5px 0 5px 10px;
  border-top: 1px solid #fff;
  text-decoration: none;
  font-size: 21px
}

#megaNavigation .navigation a.hasChildren:after {
  content: ">";
  position: absolute;
  right: 20px;
  transition: right 0.1s ease-in-out
}

#megaNavigation .navigation a:hover.hasChildren:after {
  right: 15px
}

#megaNavigation .navigation a:first-child {
  border-top: 0
}

#megaNavigation .navigation a:active {
  background: #e2e2e2
}

#megaNavigation .navigation a p {
  display: none
}

#megaNavigation .navigationLevel1 a.active,
#megaNavigation .navigationLevel1 a:hover {
  background-color: #e2e2e2
}

#megaNavigation .navigationLevel2 {
  background-color: #e2e2e2;
  padding: 45px 10px 30px;
  z-index: 18
}

#megaNavigation .navigationLevel2 a.active,
#megaNavigation .navigationLevel2 a:hover {
  background-color: #d6d6d6
}

.stage3 #megaNavigation .navigationLevel2 {
  z-index: 4
}

#megaNavigation .navigationLevel3 {
  display: none;
  background-color: #d6d6d6;
  padding: 45px 10px 30px
}

#megaNavigation .navigationLevel3 a.active,
#megaNavigation .navigationLevel3 a:hover {
  background-color: #ccc
}

#megaNavigation .navigationLevel3 a {
  display: block;
  position: relative;
  padding: 5px 0 5px 10px;
  border-top: 1px solid #fff;
  text-decoration: none;
  font-size: 21px
}

#megaNavigation .navigationLevel3 a.hasChildren:after {
  content: ">";
  position: absolute;
  right: 20px;
  transition: right 0.1s ease-in-out
}

#megaNavigation .navigationLevel3 a:hover.hasChildren:after {
  right: 15px
}

#megaNavigation .navigationLevel3 a:first-child {
  border-top: 0
}

#megaNavigation .navigationLevel4 {
  display: none;
  background-color: #ccc;
  padding: 45px 10px 30px
}

#megaNavigation .navigationLevel4 a.active,
#megaNavigation .navigationLevel4 a:hover {
  background-color: #c6c6c6
}

#megaNavigation .closeNavigation {
  background: transparent;
  position: absolute;
  top: 8px;
  right: 22px;
  z-index: 11;
  cursor: pointer;
  font-size: 21px
}

#megaNavigation .closeNavigation svg {
  width: 15px;
  height: 17px;
  vertical-align: middle;
  margin-left: 4px
}

@media only screen and (max-width: 816px) {
  #megaNavigation .closeNavigation {
    display: none
  }
}

@media only screen and (max-width: 816px) {
  #megaNavigation .navigationLevel2,
  #megaNavigation .navigationLevel3,
  #megaNavigation .navigationLevel4 {
    padding: 45px 10px 30px 20px
  }
}

#megaNavigation .searchbar {
  background: #eceded;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  transition: .15s;
  height: 0
}

#megaNavigation .searchbar form {
  padding: 20px
}

#megaNavigation .searchbar form input[type=submit] {
  background-color: #c30f08;
  color: #fff;
  border: 1px solid #610704;
  padding: 5px 20px;
  margin-left: 20px
}

#megaNavigation .searchbar form input[type=text] {
  color: #c30f08;
  width: 35vw;
  height: 50px;
  padding: 0 25px
}

#megaNavigation .searchbar.displayed {
  visibility: visible;
  height: auto;
  opacity: 1
}

#megaNavigation .sticky li {
  display: inline-block;
  margin-left: -6px;
  padding: 5px 0 0
}

#megaNavigation .sticky li a {
  padding: 6px 33px 6px 20px;
  width: auto;
  text-align: left;
  margin: 0
}

#megaNavigation .sticky li .StartSite {
  background: #fff;
  padding-left: 35px
}

#megaNavigation .sticky li .StartSite:before {
  content: "<";
  position: absolute;
  left: 20px;
  display: block;
  font-size: 24px;
  top: 1px
}

#megaNavigation .sticky li .clickedSite {
  line-height: normal
}

#megaNavigation .sticky li .siteName {
  background: #eceded
}

#megaNavigation .sticky li .siteName:after {
  content: "";
  background-image: url(../static/de/images/icon-burger.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 21px;
  height: 14px;
  position: absolute;
  right: 5px;
  top: 15px
}

#megaNavigation .sticky #nav_bar {
  border: 0;
  margin-bottom: 0;
  height: 30px;
  visibility: hidden;
  display: none
}

#megaNavigation .sticky #nav_bar ul {
  padding-left: 0;
  margin-left: -5px
}

#megaNavigation .sticky .navbar-fixed {
  top: 0;
  position: fixed;
  display: block !important;
  visibility: visible !important
}

#megaNavigation .sticky .navbar-fixed li {
  margin-top: 0;
  padding: 0
}

.openNavigation.stage3 #megaNavigation .navigationLevel2,
.openNavigation.stage4 #megaNavigation .navigationLevel2 {
  display: none
}

@media only screen and (max-width: 816px) {
  .openNavigation.stage2 #megaNavigation .navigationLevel2,
  .openNavigation.stage3 #megaNavigation .navigationLevel2,
  .openNavigation.stage3 #megaNavigation .navigationLevel3,
  .openNavigation.stage4 #megaNavigation .navigationLevel2,
  .openNavigation.stage4 #megaNavigation .navigationLevel3 {
    display: none
  }
  .openNavigation #megaNavigation .searchInput {
    padding: 10px 15px 0
  }
  .openNavigation #megaNavigation .searchInput form {
    top: auto;
    position: relative;
    display: block;
    width: 100%;
    top: 0;
    right: auto;
    border: 1px solid #c30f08;
    padding: 5px 40px 5px 5px;
    margin: 10px 0 0
  }
  .openNavigation #megaNavigation .searchInput form input {
    text-align: left
  }
  .openNavigation #megaNavigation .searchInput form input:focus {
    background-color: transparent
  }
  .openNavigation #megaNavigation .searchInput form .searchIcon {
    top: 0;
    right: 0
  }
}

@keyframes c {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

@keyframes d {
  0% {
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    opacity: 1;
    transform: translateZ(0)
  }
  to {
    transform: translate3d(0, -100%, 0);
    display: none
  }
}

@keyframes e {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
    opacity: 1
  }
  to {
    transform: translateZ(0)
  }
}

@keyframes f {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible
  }
  to {
    transform: translateZ(0)
  }
}

@keyframes g {
  0% {
    transform: translate3d(-100%, 0, 0);
    visibility: visible
  }
  to {
    transform: translateZ(0)
  }
}

@keyframes h {
  0% {
    transform: translateZ(0)
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0)
  }
}

#megaNavigation,
#megaNavigationContainer,
.navigationLevel1,
.navigationLevel2,
.navigationLevel3,
.navigationLevel4,
.primary {
  animation-duration: 1s;
  animation-fill-mode: both;
  z-index: 1000
}

#megaNavigation .primary {
  z-index: 1100
}

.info {
  animation-duration: 2s;
  animation-fill-mode: both
}

.slideUpOut {
  animation-name: d
}

.slideDownIn {
  animation-name: e
}

.slideRightIn {
  animation-name: f
}

.slideLeftIn {
  animation-name: g
}

.slideRightOut {
  animation-name: h
}

.fadeIn {
  animation-name: c
}

[data-content=projektkurzbeschreibung] .largeImage {
  overflow: hidden;
  text-align: center
}

[data-content=projektkurzbeschreibung] .largeImage img {
  margin: 0 -100%
}

[data-content=projektkurzbeschreibung] .smallImage {
  float: left;
  padding: 10px 10px 10px 0;
  margin: -2px;
  max-width: 355px;
  height: auto;
  clear: both
}

[data-content=projektkurzbeschreibung] .smallImage img {
  width: 100%
}

@media (max-width: 400px) {
  [data-content=projektkurzbeschreibung] .smallImage {
    padding: 0
  }
}

.standardContent * {
  font-family: calaregular
}

.standardContent * a.button {
  display: inline-block;
  color: #fff;
  background-color: #c30f08;
  padding: 5px 24px;
  transition: all .5s;
  border: 1px solid #c30f08;
  text-align: center;
  font-family: GravurCodensed-Regular;
  text-decoration: none
}

.standardContent * a.button:hover {
  text-decoration: none;
  background-color: #fff !important;
  color: #c30f08
}

.standardContent * .btn {
  display: inline-block;
  color: #fff !important;
  background-color: #c30f08 !important;
  padding: 5px 24px;
  transition: all .5s;
  border: 1px solid #c30f08;
  text-align: center;
  font-family: GravurCodensed-Regular;
  border-radius: 0
}

.standardContent * .btn:hover {
  text-decoration: none;
  background-color: #fff !important;
  color: #c30f08 !important
}

.standardContent .h1,
.standardContent .h2,
.standardContent .h3,
.standardContent .h4,
.standardContent .h5,
.standardContent .h6,
.standardContent h1,
.standardContent h2,
.standardContent h3,
.standardContent h4,
.standardContent h5,
.standardContent h6 {
  line-height: 1.5
}

.standardContent .pageContent ul {
  margin: 0;
  padding: 0 10px;
  list-style-type: none;
  margin-left: 33px
}

.standardContent .pageContent ul li {
  line-height: inherit;
  padding: 10px 0 0;
  font-size: inherit;
  display: block
}

.standardContent .pageContent ul li:last-of-type {
  padding-bottom: 20px
}

.standardContent .pageContent ul li p {
  display: inline
}

.standardContent .pageContent ul li:before {
  content: "—";
  padding: 0 15px 0 0;
  margin-left: -33px
}

.standardContent .pageContent .subheadline>h2 {
  font-size: 20px;
  color: #000
}

.standardContent article {
  margin: 0;
  padding: 0
}

.standardContent h1 {
  font-family: calabold;
  color: #383838
}

.standardContent .aboutThePage {
  font-family: GravurCodensed-Bold;
  text-transform: uppercase;
  padding-top: 50px
}

.standardContent .person {
  margin: 0;
  padding-bottom: 5px;
  position: relative
}

.standardContent .person figcaption {
  width: 60%;
  float: right;
  bottom: 12px;
  position: absolute;
  right: 5%
}

.standardContent a.contentControl {
  font-family: GravurCodensed-Regular;
  margin-right: 20px
}

.standardContent a.ui-button,
.standardContent a .ui-button:link {
  background: #c30f08;
  color: #fff
}

.standardContent .subheadline h2 {
  margin-bottom: 10px;
  font-family: calabold
}

.standardContent .subheadline+div,
.standardContent .subheadline+div p {
  color: #5c5c5c
}

.standardContent .contentControl {
  color: #a2a2a2
}

.standardContent aside {
  position: relative;
  right: 0
}

.standardContent aside * {
  font-size: 16px;
  font-family: GravurCodensed-Bold;
  line-height: 1.3
}

.standardContent aside.desk-top,
.standardContent aside.mobile {
  font-size: 16px;
  font-family: GravurCodensed-Regular;
  line-height: 1.3;
  color: #505050;
  z-index: 100
}

.standardContent aside.desk-top a,
.standardContent aside.mobile a {
  color: #c30f08;
  text-decoration: none
}

.standardContent aside.desk-top h4,
.standardContent aside.mobile h4 {
  color: #505050
}

@media only screen and (max-width: 1200px) {
  .standardContent aside {
    position: relative;
    -ms-flex-order: 5;
    order: 5;
    margin-top: 20px;
    margin-bottom: 0;
    background: #eceded;
    padding-top: 10px;
    padding-bottom: 25px
  }
}

.standardContent aside h4 {
  font-size: 14px;
  padding: 0;
  margin: 0;
  color: #505050
}

.standardContent aside figure {
  width: 100%;
  height: auto
}

.standardContent aside figure img {
  width: 100%
}

@media only screen and (max-width: 816px) {
  .standardContent aside figure img {
    width: auto
  }
}

.standardContent aside section {
  padding-bottom: 20px;
  color: #505050
}

@media only screen and (max-width: 1200px) {
  .standardContent aside section {
    padding: 10px 0 0
  }
}

.standardContent aside section a:first-of-type:not(.extern) {
  white-space: nowrap
}

.standardContent aside a {
  font-family: GravurCodensed-Regular
}

.standardContent aside a.extern:after {
  content: "";
  background-image: url(../static/de/images/external-link.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 14px;
  height: 14px;
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle
}

.standardContent .teilen {
  position: relative
}

.standardContent .teilen:hover:after {
  content: ">";
  display: inline-block;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transition: right .1s ease-in-out;
  position: absolute;
  right: -13px;
  top: -2px
}

.standardContent .teilen.show {
  color: #c30f08;
  display: inline-block !important
}

.standardContent .teilen.show:after {
  content: "";
  background-image: url(../static/de/images/icon-close.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  display: inline-block;
  position: absolute;
  right: -17px;
  top: 7px;
  width: 15px;
  height: 15px
}

.standardContent .shareButtons {
  display: none;
  transition-delay: 10s
}

.standardContent .shareButtons * {
  color: #707070;
  font-family: GravurCodensed-Regular
}

.standardContent .shareButtons a {
  padding: 10px 20px 10px 0;
  float: left
}

.standardContent .shareButtons a:hover {
  text-decoration: underline
}

.standardContent .shareButtons a:last-of-type {
  padding-right: 50px
}

@media only screen and (max-width: 816px) {
  .standardContent .shareButtons a {
    float: none
  }
}

.standardContent .shareButtons p {
  padding-top: 11px;
  font-size: 15px
}

.standardContent .shareButtons.show {
  display: block
}

.standardContent .colorfullList {
  background: #eceded;
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
  padding: 0
}

@media only screen and (max-width: 816px) {
  .standardContent .colorfullList.col-sm-6 {
    margin-bottom: 0
  }
  .standardContent .colorfullList.col-sm-6 ul {
    font-size: 1.9vw
  }
}

@media only screen and (max-width: 420px) {
  .standardContent .colorfullList.col-sm-6 ul {
    font-size: 10px
  }
}

.standardContent .colorfullList ul {
  list-style-type: none;
  font-size: 17px;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0 70px;
  padding: 20px;
  max-height: 100%
}

@media only screen and (max-width: 1345px) {
  .standardContent .colorfullList ul {
    margin: 0 40px
  }
}

@media only screen and (max-width: 1100px) {
  .standardContent .colorfullList ul {
    margin: 0 40px;
    padding: 10px 0
  }
}

@media only screen and (max-width: 757px) {
  .standardContent .colorfullList ul {
    margin: 0 40px;
    position: relative;
    top: 0;
    -ms-transform: translateY(0);
    transform: translateY(0);
    margin: 0 10px
  }
}

@media only screen and (max-width: 460px) {
  .standardContent .colorfullList ul {
    margin: 0;
    padding: 0;
    position: relative;
    top: 0;
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
}

.standardContent .colorfullList ul li {
  font-family: GravurCodensed-Regular;
  max-width: 350px;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0;
  padding-bottom: 3px
}

@media only screen and (max-width: 1348px) {
  .standardContent .colorfullList ul li {
    font-size: 16px
  }
}

@media only screen and (max-width: 1180px) {
  .standardContent .colorfullList ul li {
    font-size: 15px
  }
}

@media only screen and (max-width: 1100px) {
  .standardContent .colorfullList ul li {
    font-size: 13.3px
  }
}

@media only screen and (max-width: 930px) {
  .standardContent .colorfullList ul li {
    font-size: 12px
  }
}

@media only screen and (max-width: 880px) {
  .standardContent .colorfullList ul li {
    font-size: 1.2vw
  }
}

@media only screen and (max-width: 815px) {
  .standardContent .colorfullList ul li {
    font-size: 16px
  }
}

@media only screen and (max-width: 757px) {
  .standardContent .colorfullList ul li {
    font-size: 15px
  }
}

@media only screen and (max-width: 460px) {
  .standardContent .colorfullList ul li {
    font-size: 14px
  }
}

@media only screen and (max-width: 360px) {
  .standardContent .colorfullList ul li {
    font-size: 13px
  }
}

.standardContent .colorfullList ul li:before {
  content: "-";
  padding-right: 27px
}

.standardContent .colorfullList ul li:first-child:before {
  color: #7f7f7f
}

.standardContent .colorfullList ul li:nth-child(2):before {
  color: #a4c500
}

.standardContent .colorfullList ul li:nth-child(3):before {
  color: #217bb5
}

.standardContent .colorfullList ul li:nth-child(4):before {
  color: #ee9b00
}

.standardContent .colorfullList ul li:nth-child(5):before {
  color: #c72f35
}

.standardContent .colorfullList ul li:nth-child(6):before {
  color: #f9c104
}

.standardContent .colorfullList ul li:nth-child(7):before {
  color: #319cc2
}

.standardContent .keyimages {
  padding-left: 0;
  padding-right: 0
}

.standardContent .keyimages figure {
  width: 100%;
  height: auto;
  position: relative
}

.standardContent .keyimages figure img {
  width: 100%
}

.standardContent .keyimages figure figcaption {
  position: absolute;
  background: rgba(255, 255, 255, 0.9);
  padding: 20px
}

.standardContent .keyimages figure.has-text-right figcaption {
  padding: 40px 20px;
  top: 10%;
  width: 22%;
  right: 5%
}

.standardContent .keyimages figure.has-text-right figcaption p {
  font-family: calaregular
}

.standardContent .keyimages figure.has-text-left {
  margin-top: 25px
}

.standardContent .keyimages figure.has-text-left figcaption {
  bottom: 10%;
  left: 0;
  width: 50%
}

.standardContent .keyimages figure.has-text-left figcaption p {
  font-family: calaregular
}

.standardContent .keyimages figure.has-text-left figcaption h1 {
  font-family: GravurCodensed-Regular
}

@media only screen and (max-width: 1375px) {
  .standardContent .keyimages figure {
    margin-bottom: 0
  }
  .standardContent .keyimages figure.has-text-right {
    margin-top: 25px
  }
  .standardContent .keyimages figure.has-text-right figcaption {
    width: 90% !important;
    margin-top: -100px;
    right: 0;
    left: 5%
  }
  .standardContent .keyimages figure figcaption {
    position: relative;
    width: 90% !important;
    right: 0;
    left: 5%
  }
}

.standardContent .news-info {
  margin-bottom: 15px;
  display: none;
  border-bottom: 1px solid #f0f0f0
}

.standardContent .news-info:after {
  content: "";
  display: table;
  clear: both
}

.standardContent .news-info:first-of-type {
  border-top: 1px solid #f0f0f0;
  padding-top: 15px
}

.standardContent .news-info div {
  padding: 0;
  float: left
}

.standardContent .news-info div:first-of-type p {
  font-family: GravurCodensed-Regular;
  font-size: 18px
}

.standardContent .news-info div:nth-of-type(2) {
  padding-bottom: 10px
}

.standardContent .news-info div:nth-of-type(2) p {
  font-size: 18px
}

.standardContent .news-info.moreNews {
  display: none
}

.standardContent .news-info.moreNews.show {
  display: block
}

.standardContent .news-info.moreNews.show+.ButtonShowLess {
  display: inline-block !important
}

.standardContent .news-info.moreNews.show+.ButtonShowLess+.ButtonShowMore {
  display: none !important
}

.standardContent a.button.ButtonShowMore {
  margin-left: 50%;
  margin-bottom: 25px
}

.standardContent a.button.ButtonShowLess {
  display: none;
  margin-left: 50%;
  margin-bottom: 25px
}

.standardContent .associated-with article h2 {
  margin-top: 50px;
  font-family: calabold
}

.standardContent .associated-with article h3 {
  font-family: GravurCodensed-Bold
}

.standardContent .associated-with figure {
  max-width: 50%;
  height: auto;
  float: right;
  padding: 30px
}

.standardContent .associated-with figure img {
  width: 100%
}

.standardContent .infoheader {
  padding-bottom: 20px
}

.standardContent .teaserNavImages {
  margin-bottom: 20px;
  width: 100%
}

.standardContent .country-page-header {
  margin-top: 60px;
  margin-bottom: 50px
}

@media (max-width: 815px) {
  .standardContent .country-page-header {
    background: #eceded
  }
}

@media (max-width: 816px) {
  .standardContent .country-page-header .map {
    -ms-flex-order: 1;
    order: 1
  }
}

.standardContent .country-page-header>.pageContent {
  padding-right: 5px;
  padding-left: 5px
}

@media (max-width: 420px) {
  .standardContent .country-page-header>.pageContent {
    padding-right: 0;
    padding-left: 0
  }
}

@media (max-width: 815px) {
  .standardContent .country-page-header>.pageContent.col-sm-6 img {
    padding: 0;
    margin-bottom: 0
  }
}

@media only screen and (max-width: 420px) {
  .standardContent .country-page-header>.pageContent.col-sm-6 {
    margin-bottom: 0
  }
}

.standardContent .country-page-header img {
  max-width: 100%;
  width: 100%;
  height: auto;
  background: #eceded;
  margin-right: 10px;
  margin-bottom: 10px;
  float: left
}

@media (max-width: 815px) {
  .standardContent .country-page-header img {
    padding: 0;
    margin-bottom: 0
  }
}

.standardContent .country-page-header img:last-of-type {
  margin-right: 0
}

.standardContent .first-class-related-content {
  float: left;
  margin-left: -52.5%;
  margin-right: 40px;
  max-width: 435px
}

.standardContent .first-class-related-content>.row {
  margin-left: 0;
  margin-right: 0
}

@media (min-width: 2500px) {
  .standardContent .first-class-related-content>.row {
    margin-left: 0;
    margin-right: 0
  }
}

@media (min-width: 1375px) {
  .standardContent .first-class-related-content>.row {
    margin-left: 0;
    margin-right: 0
  }
}

@media (min-width: 816px) {
  .standardContent .first-class-related-content>.row {
    margin-left: 0;
    margin-right: 0
  }
}

@media (min-width: 420px) {
  .standardContent .first-class-related-content>.row {
    margin-left: 0;
    margin-right: 0
  }
}

.standardContent .first-class-related-content .first-class-related-content-item {
  margin-bottom: 20px
}

.standardContent .first-class-related-content .first-class-related-content-item h3 {
  font-family: GravurCodensed-Regular;
  text-transform: uppercase;
  padding-left: 20px;
  color: #000 !important
}

.standardContent .first-class-related-content .first-class-related-content-item p {
  font-family: GravurCodensed-Bold;
  margin-bottom: 0;
  color: #000;
  max-width: 435px;
  padding-left: 20px
}

.standardContent .first-class-related-content .first-class-related-content-item figure {
  max-width: 757px;
  margin-bottom: 5px;
  padding-left: 13px
}

.standardContent .first-class-related-content .first-class-related-content-item>div {
  max-width: 435px;
  padding-left: 20px;
  font-size: 17px
}

@media (max-width: 816px) {
  .standardContent .first-class-related-content {
    padding: 20px 0;
    float: none;
    max-width: inherit;
    background: #eceded;
    margin-left: 0;
    margin-right: 0;
    width: 100%
  }
}

.standardContent .largeImage {
  overflow: hidden;
  text-align: center;
  margin-bottom: 25px
}

.standardContent .largeImage img {
  margin: 0 -100%
}

.standardContent .largeImage figcaption {
  text-align: left
}

.standardContent .smallImage {
  float: left;
  padding: 20px 20px 20px 0;
  margin: -2px;
  max-width: 355px;
  height: auto;
  clear: both
}

@media (max-width: 520px) {
  .standardContent .smallImage {
    float: none;
    max-width: 100%;
    text-align: center;
    margin-bottom: 15px
  }
}

.standardContent .smallImage img {
  width: 100%
}

@media (max-width: 400px) {
  .standardContent .smallImage {
    padding: 0
  }
}

.standardContent .interviewImage {
  width: 200px;
  float: left
}

.standardContent .shareThis {
  display: block;
  clear: both;
  margin-bottom: 20px;
  color: #707070 !important;
  padding: 0 20px
}

.standardContent .shareThis a {
  text-decoration: none
}

.standardContent .share-margin {
  margin-left: 0;
  padding: 0 !important
}

.standardContent .mobile {
  display: none
}

.standardContent .twitter {
  float: left;
  text-align: center
}

.standardContent .twitter * {
  color: #0078b2
}

.standardContent .twitter a {
  text-decoration: none
}

.standardContent .twitter svg {
  width: 45px;
  height: 45px
}

.standardContent .twitter h3 {
  text-transform: uppercase;
  font-family: GravurCodensed-Bold
}

.standardContent .twitter article {
  padding: 50px
}

@media only screen and (max-width: 816px) {
  .standardContent .twitter article h1 {
    font-size: 25px
  }
}

.tweet--small {
  font-size: 18px
}

.tweet--medium {
  font-size: 22px
}

.tweet--large {
  font-size: 38px
}

.standardContent .meeting a {
  text-decoration: none
}

.standardContent .meeting .meeting-info {
  min-height: 370px;
  height: 90%;
  overflow-y: auto;
  overflow-x: hidden
}

.standardContent .meeting .meeting-info .date {
  padding: 10px 25px;
  width: 100%
}

.standardContent .meeting .meeting-info .date:last-of-type {
  padding-bottom: 60px
}

.standardContent .meeting .meeting-info h2,
.standardContent .meeting .meeting-info p {
  font-family: GravurCodensed-Bold;
  padding-top: 5px;
  margin-bottom: 0;
  font-size: 22px;
  line-height: 1
}

.standardContent .meeting .meeting-info h2.place,
.standardContent .meeting .meeting-info p.place {
  color: #c6c6c6
}

.standardContent .meeting .meeting-info h2 span,
.standardContent .meeting .meeting-info p span,
.standardContent .meeting h3 {
  font-family: GravurCodensed-Bold
}

.standardContent .meeting h3 {
  text-transform: uppercase;
  color: #000
}

.standardContent .meeting h2,
.standardContent .meeting h2 span {
  font-family: GravurCodensed-Bold
}

.standardContent .meeting h2 span.event-date-DEU,
.standardContent .meeting h2 span.event-date-ENU {
  color: #c30f08
}

.standardContent .meeting .left {
  float: left
}

.standardContent .meeting .right {
  float: right
}

.standardContent .job-offers a {
  text-decoration: none
}

.standardContent .job-offers .jobPosition {
  padding: 10px 30px;
  height: 370px;
  overflow-y: scroll
}

.standardContent .job-offers .jobPosition article a:last-of-type {
  padding-bottom: 40px !important;
  padding-right: 1px
}

.standardContent .job-offers .jobPosition article p {
  font-family: GravurCodensed-Bold;
  padding-top: 5px;
  margin-bottom: 0;
  font-size: 22px;
  line-height: 1
}

.standardContent .job-offers .jobPosition article p.place {
  color: #c30f08;
  padding-bottom: 10px
}

.standardContent .job-offers h3 {
  text-transform: uppercase;
  font-family: GravurCodensed-Bold
}

.standardContent .magazine {
  padding: 30px 40px 0;
  position: relative
}

.standardContent .magazine figure {
  width: 100%;
  height: auto;
  text-align: center
}

.standardContent .magazine figure img {
  width: 100%;
  max-height: 270px;
  max-width: 700px
}

.standardContent .magazine section {
  position: absolute;
  background: rgba(255, 255, 255, 0.9);
  max-width: 70%;
  margin: 0 auto;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%
}

.standardContent .magazine section article {
  padding: 20px
}

.standardContent .magazine section article p {
  color: #c30f08;
  text-transform: uppercase;
  font-family: GravurCodensed-Bold;
  font-size: 19px;
  line-height: 1.421
}

@media only screen and (max-width: 816px) {
  .standardContent .magazine {
    background-color: #eceded
  }
  .standardContent .magazine section {
    position: relative;
    max-width: 100%;
    margin-bottom: 30px
  }
  .standardContent .magazine section article {
    padding: 10px
  }
}

.standardContent .domino {
  background-color: #f0f0f0;
  padding: 30px 0;
  position: relative
}

.standardContent .domino:after,
.standardContent .domino:before {
  width: 100%;
  background: #f0f0f0;
  content: "";
  height: 100%;
  position: absolute;
  display: inline;
  top: 0
}

.standardContent .domino:before {
  left: -100%
}

.standardContent .domino:after {
  right: -100%
}

@media only screen and (max-width: 1375px) {
  .standardContent .domino {
    background-color: #fff
  }
  .standardContent .domino .job-offers,
  .standardContent .domino .meeting {
    background-color: #eceded;
    padding: 30px;
    height: 100%
  }
  .standardContent .domino .job-offers h3,
  .standardContent .domino .meeting h3 {
    background-color: #eceded
  }
}

@media only screen and (max-width: 420px) {
  .standardContent .domino {
    padding: 0
  }
}

.standardContent .dateSlider {
  height: 400px
}

.standardContent video {
  width: 100%;
  cursor: pointer !important
}

.standardContent .JobsHeadline,
.standardContent .meetingHeadline {
  text-transform: uppercase;
  font-family: GravurCodensed-Bold;
  text-align: center;
  background-color: #eceded;
  margin-bottom: 0;
  padding-top: 10px
}

.standardContent .blur {
  width: 48%;
  height: 80px;
  margin-left: 50%
}

.standardContent .blur,
.standardContent .fullblur {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  background-color: #fff;
  margin-top: -64px;
  opacity: 0.9
}

.standardContent .fullblur {
  width: 96%;
  height: 66px
}

.standardContent .pointsAndNumbers h2 {
  font-family: calabold
}

.standardContent .pointsAndNumbers ul li {
  padding: 10px 15px
}

.standardContent .pointsAndNumbers ol {
  list-style-type: none;
  padding-left: 55px
}

.standardContent .pointsAndNumbers ol li {
  text-indent: -17px;
  padding: 10px 0
}

.standardContent .pointsAndNumbers ol li span {
  text-indent: -29px;
  display: inline-block;
  padding-right: 12px
}

.standardContent ol li {
  color: #5c5c5c;
  padding-left: 10px
}

.standardContent ol li a {
  color: #5c5c5c
}

.standardContent ol li a:hover {
  color: #c30f08
}

.standardContent .download {
  list-style-type: none
}

.standardContent .download li {
  text-indent: -29px;
  display: inline-block;
  padding-right: 12px;
  margin-bottom: 10px
}

.standardContent .download li a,
.standardContent .download li a span {
  color: #5c5c5c
}

.standardContent .download li a:hover,
.standardContent .download li a:hover span {
  color: #c30f08
}

.standardContent .download li:before {
  content: ">";
  padding: 0 15px 0 0
}

.standardContent .download li:hover:before {
  color: #c30f08
}

.standardContent .textWithLink p {
  padding: 0;
  margin: 0
}

.standardContent .registration {
  margin: 50px auto;
  width: 50%;
  position: relative
}

.standardContent .registration .button {
  display: inline-block;
  color: #fff;
  background-color: #c30f08;
  padding: 5px 24px;
  transition: all .5s;
  border: 1px solid #c30f08;
  text-align: center;
  font-family: GravurCodensed-Regular;
  position: absolute;
  left: 83%;
  right: 0;
  margin: auto
}

.standardContent .registration .button:hover {
  text-decoration: none;
  background-color: #fff;
  color: #c30f08
}

@media only screen and (max-width: 816px) {
  .standardContent .registration .button {
    left: 40%
  }
}

.standardContent .registration ul {
  list-style-type: none;
  padding: 0
}

.standardContent .registration ul * {
  font-family: GravurCodensed-Regular
}

.standardContent .registration ul .multipleLabels,
.standardContent .registration ul label {
  display: table-cell;
  float: none;
  width: 30%;
  vertical-align: top;
  margin: 0;
  padding: 0 10px 10px 0
}

.standardContent .registration ul .multipleLabels label,
.standardContent .registration ul label label {
  width: auto;
  float: none;
  padding: 0;
  display: inline
}

.standardContent .registration ul li {
  display: table;
  width: 100%;
  padding: 3px
}

.standardContent .registration ul li textarea {
  resize: none;
  width: 100%;
  padding: 10px;
  color: #c30f08
}

.standardContent .registration ul li input {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  color: #c30f08
}

.standardContent .registration ul li .sex label {
  width: auto;
  padding-bottom: 0
}

.standardContent .registration ul li .sex input {
  width: auto;
  vertical-align: super
}

.standardContent .registration ul li .ort,
.standardContent .registration ul li .street {
  width: 79%;
  margin: 0 2px
}

.standardContent .registration ul li .Nr,
.standardContent .registration ul li .plz {
  width: 20%
}

.standardContent .registration ul li .plz,
.standardContent .registration ul li .street {
  float: left
}

.standardContent .registration ul li select {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  color: #c30f08;
  height: 30px
}

@media only screen and (max-width: 1149px) {
  .standardContent .registration ul li .ort,
  .standardContent .registration ul li .street {
    width: 79%;
    margin: 0
  }
}

.standardContent .registration .language {
  margin: 0 auto 0 40%
}

.standardContent .registration .language * {
  font-family: GravurCodensed-Regular
}

.standardContent .registration .language section {
  float: left;
  margin-right: 80px
}

.standardContent .registration .language section p {
  margin: 0
}

.standardContent .registration .language section label {
  color: #c30f08
}

.standardContent .registration .language:after {
  content: "";
  display: table;
  clear: both
}

@media only screen and (max-width: 816px) {
  .standardContent .registration .language {
    margin: 0 auto 0 10%
  }
}

.standardContent .registration .captcha {
  margin: 10px 0
}

.standardContent .registration .captcha label {
  float: left;
  display: table-cell;
  width: 30%;
  vertical-align: top;
  margin: 0;
  padding: 0 10px 10px 0;
  font-family: GravurCodensed-Regular
}

.standardContent .registration .captcha input {
  width: 63%;
  margin: auto
}

@media only screen and (max-width: 816px) {
  .standardContent .registration .captcha input {
    width: 100%
  }
}

.standardContent .registration .captcha section {
  display: table;
  width: 60%;
  padding: 3px
}

.standardContent .registration .captcha section input {
  margin: 5px 0
}

@media only screen and (max-width: 816px) {
  .standardContent .registration {
    width: 100%;
    padding: 12px
  }
  .standardContent .registration ul .multipleLabels,
  .standardContent .registration ul label {
    display: block
  }
  .standardContent .registration ul li .sex label {
    float: left;
    padding-right: 37px;
    margin-left: 17px
  }
  .standardContent .registration ul li .sex input {
    display: none
  }
}

.standardContent .columns {
  width: 70%;
  margin: auto
}

.standardContent .columns div {
  margin: 30px 0 50px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 7px 0
}

.standardContent .columns div a {
  font-family: GravurCodensed-Regular;
  color: #c30f08
}

.standardContent .columns input {
  width: 100%;
  font-family: GravurCodensed-Regular;
  height: 50px;
  text-align: center
}

.standardContent .columns input::-webkit-input-placeholder {
  background-image: url(../static/de/images/icon-search.svg);
  background-size: 40px;
  background-repeat: no-repeat;
  background-position: right 43% center;
  display: inline-block;
  margin-left: 0;
  vertical-align: middle
}

.standardContent .columns input:-moz-placeholder,
.standardContent .columns input::-moz-placeholder {
  background-image: url(../static/de/images/icon-search.svg);
  background-size: 40px;
  background-repeat: no-repeat;
  background-position: right 43% center;
  display: inline-block;
  margin-left: 0;
  vertical-align: middle
}

.standardContent .columns input:-ms-input-placeholder {
  background-image: url(../static/de/images/icon-search.svg);
  background-size: 40px;
  background-repeat: no-repeat;
  background-position: right 43% center;
  display: inline-block;
  margin-left: 0;
  vertical-align: middle
}

.standardContent .columns ul {
  list-style-type: none;
  -moz-column-count: 2;
  column-count: 2;
  padding-left: 0;
  margin-top: 15px
}

.standardContent .columns ul li {
  border-bottom: 1px solid #fff;
  padding: 5px 10px
}

.standardContent .columns ul li a {
  font-family: GravurCodensed-Regular;
  color: #c30f08
}

.standardContent .iAgree {
  padding: 0;
  margin: 50px 0;
  height: 70px
}

.standardContent .iAgree * {
  font-family: GravurCodensed-Regular
}

.standardContent .iAgree p {
  padding: 0;
  color: #444;
  float: left
}

.standardContent .iAgree a {
  float: right
}

.standardContent .formular ul {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 50px
}

.standardContent .formular ul li {
  margin: 10px 0
}

.standardContent .formular ul label {
  font-family: GravurCodensed-Regular
}

.standardContent .formular ul input {
  width: 70%;
  float: right;
  padding-left: 10px
}

.standardContent input[type=checkbox] {
  visibility: hidden
}

.standardContent input[type=checkbox]+label {
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-left: 8px
}

.standardContent input[type=checkbox]+label:after,
.standardContent input[type=checkbox]+label:before {
  display: block;
  position: absolute;
  top: 2px;
  left: -18px;
  bottom: 1px;
  content: "";
  width: 20px;
  height: 20px
}

.standardContent input[type=checkbox]+label:before {
  right: 0;
  background-color: #fff;
  border: 1px solid #444
}

.standardContent input[type=checkbox]+label:after {
  background-color: transparent
}

.standardContent input[type=checkbox]:checked+label:after {
  background-image: url(../static/de/images/check.png);
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: 50%
}

.standardContent input[type=radio] {
  visibility: hidden
}

.standardContent input[type=radio]+label {
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-left: 8px;
  padding-right: 16px
}

.standardContent input[type=radio]+label:after,
.standardContent input[type=radio]+label:before {
  display: block;
  position: absolute;
  top: 2px;
  left: -18px;
  bottom: 1px;
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50px
}

.standardContent input[type=radio]+label:before {
  right: 0;
  background-color: #fff;
  border: 1px solid #444
}

.standardContent input[type=radio]+label:after {
  background-color: transparent
}

.standardContent input[type=radio]:checked+label:after {
  background-color: #c30f08;
  width: 12px;
  height: 12px;
  top: 6px;
  left: -14px
}

.standardContent .article-aside * {
  color: #5c5c5c
}

.standardContent .article-aside h1,
.standardContent .article-aside h2,
.standardContent .article-aside h3,
.standardContent .article-aside h4,
.standardContent .article-aside h5,
.standardContent .article-aside h6 {
  font-family: GravurCodensed-Bold;
  line-height: inherit
}

.standardContent .article-aside h2 {
  color: #000;
  font-family: calabold
}

.standardContent .article-aside h1 {
  color: #5c5c5c;
  line-height: 1.2;
  font-family: calabold
}

.standardContent .article-aside h3 {
  color: #5c5c5c;
  font-size: 19px;
  line-height: 1.421
}

.standardContent .article-aside .background div,
.standardContent .article-aside .background p {
  color: #000
}

.standardContent .eventHeadline {
  font-size: 20px;
  color: #000;
  margin-bottom: 10px;
  font-family: calabold
}

.standardContent .newEvent {
  margin-top: 15px;
  border-bottom: 1px solid #d6d6d6
}

.standardContent .newEvent:first-of-type {
  border-top: 1px solid #d6d6d6
}

.standardContent .newEvent:last-of-type {
  margin-bottom: 50px
}

.standardContent .newEvent article {
  padding: 20px 0
}

.standardContent .newEvent .date,
.standardContent .newEvent .date span,
.standardContent .newEvent .newsHealine,
.standardContent .newEvent .newsHealine span,
.standardContent .newEvent .ort,
.standardContent .newEvent .ort span {
  font-family: GravurCodensed-Bold
}

.standardContent .newEvent .ort span {
  color: #c6c6c6
}

.standardContent .newEvent figure {
  width: auto;
  height: auto;
  float: right;
  margin: 0 0 11px 18px;
  padding: 0;
  max-width: 320px;
  max-height: 160px
}

.standardContent .newEvent figure img {
  width: 100%
}

.standardContent .newEvent .topArticle {
  margin-bottom: 60px
}

@media only screen and (max-width: 1200px) {
  .standardContent .desk-top {
    display: none
  }
  .standardContent .mobile {
    display: block;
    padding: 0 31px
  }
  .standardContent .mobile.offset-md-1 {
    margin-left: 0;
    padding-bottom: 20px
  }
  .standardContent .mobile.col-md-2 {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important
  }
}

@media only screen and (max-width: 816px) {
  .standardContent+div,
  .standardContent+p,
  .standardContent .has-max-width {
    max-width: 757px
  }
  .standardContent .img-full-width {
    width: 100%;
    height: auto;
    margin-left: 0;
    margin-top: 0
  }
  .standardContent .img-full-width img {
    width: 100%
  }
  .standardContent .person figcaption {
    width: 100%;
    float: none;
    position: relative;
    bottom: 0;
    right: 0
  }
  .standardContent .dateSlider {
    height: auto
  }
  .standardContent #small-white * {
    background-color: #fff !important
  }
  .standardContent .JobsHeadline,
  .standardContent .meetingHeadline {
    padding-top: 80px
  }
  .standardContent .blur {
    display: none
  }
}

@media only screen and (max-width: 420px) {
  .standardContent .associated-with figure {
    float: none
  }
}

.standardContent figcaption,
.standardContent figcaption * {
  font-family: calaitalic
}

.standardContent .imgAndText img {
  width: 100%
}

.standardContent .imgAndText figcaption {
  padding: 10px 0
}

.standardContent [data-content=quotes] {
  font-style: italic;
  margin-top: 100px;
  margin-left: 20px
}

.standardContent [data-content=quotes] article h1 {
  font-family: serif !important
}

.standardContent #contactForm * {
  font-family: GravurCodensed-Regular
}

.standardContent #contactForm select {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px
}

.standardContent #contactForm .sex label {
  width: auto;
  padding-bottom: 0
}

.standardContent .registration * {
  font-family: GravurCodensed-Regular
}

[data-content=country-pages] {
  max-width: 1345px
}

.Accordion {
  font-size: 15px;
  margin: 0
}

.Accordion .introduction {
  display: none
}

.Accordion * {
  font-family: GravurCodensed-Regular
}

.Accordion .accordion-content {
  clear: both
}

.Accordion .accordion-content a {
  color: #c30f08 !important;
  font-family: GravurCodensed-Regular !important
}

.Accordion .left {
  float: left
}

.Accordion .left p {
  margin-bottom: 0;
  font-family: GravurCodensed-Regular
}

.Accordion .left a,
.Accordion .left label {
  color: #c30f08
}

.Accordion .col-9 p {
  font-family: calaregular !important
}

.Accordion .clear {
  clear: both
}

.Accordion section {
  padding-left: 0
}

.Accordion h3 {
  font-family: GravurCodensed-Regular;
  font-size: 18px;
  text-transform: uppercase;
  margin-top: 3px;
  margin-bottom: 3px;
  position: relative;
  color: #000;
  padding-right: 30px;
  cursor: pointer
}

.Accordion h2 {
  font-size: 16px;
  font-family: GravurCodensed-Bold;
  margin: 0;
  padding-left: 0;
  padding-top: 20px;
  color: #000
}

.Accordion .accordion-content {
  padding-top: 10px
}

.Accordion .accordion-content a {
  color: #000;
  text-decoration: none;
  font-family: GravurCodensed-Regular;
  display: block;
  padding: 10px 0
}

.Accordion .accordion-content a.extern:after {
  background-image: url(../static/de/images/external-link.svg);
  width: 14px;
  height: 14px
}

.Accordion .accordion-content a.download:after,
.Accordion .accordion-content a.extern:after {
  content: "";
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  display: inline-block;
  vertical-align: middle
}

.Accordion .accordion-content a.download:after {
  background-image: url(../static/de/images/icon-download.svg);
  width: 40px;
  height: 40px;
  margin-left: -10px;
  margin-top: -9px;
  position: absolute
}

.Accordion .accordion-content a:hover {
  color: #c30f08
}

.Accordion .accordion {
  display: -ms-flexbox;
  display: flex;
  margin-left: 0;
  padding: 15px;
  border-top: 1px solid #c6c6c6;
  display: inline-block
}

.Accordion .accordion .accordion-content {
  visibility: hidden;
  display: none;
  height: 0;
  font-family: GravurCodensed-Regular;
  font-size: 15px
}

.Accordion .accordion .accordion-content ul li::before {
  margin-left: -24px
}

.Accordion .accordion i {
  background-image: url(../static/de/images/down.svg);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: auto;
  position: absolute;
  top: 0;
  right: 0;
  height: 24px;
  width: 24px;
  transition: all 125ms
}

.Accordion .accordion i polygon {
  fill: red
}

.Accordion .accordion.open i {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg)
}

.Accordion .accordion.open .accordion-content {
  visibility: visible !important;
  display: block;
  height: auto
}

@media only screen and (max-width: 816px) {
  .Accordion .accordion .accordion-content,
  .Accordion .accordion h3 {
    margin-left: 0;
    padding-left: 0
  }
}

.footerAccordion {
  background-color: #f0f0f0;
  font-size: 15px;
  margin: 0;
  max-width: 100% !important;
  padding: 20px;
  position: relative
}

.footerAccordion:after,
.footerAccordion:before {
  width: 100%;
  background: #f0f0f0;
  content: "";
  height: 100%;
  position: absolute;
  display: inline;
  top: 0
}

.footerAccordion:before {
  left: -100%
}

.footerAccordion:after {
  right: -100%
}

.footerAccordion .row {
  width: 100%
}

.footerAccordion br {
  margin-bottom: 10px
}

.footerAccordion h2,
.footerAccordion h3 {
  color: #444;
  font-size: 16px;
  text-transform: uppercase
}

.footerAccordion h2 {
  font-family: GravurCodensed-Bold
}

.footerAccordion h3 {
  font-family: GravurCodensed-Regular;
  margin-top: 3px;
  padding-right: 20px;
  padding-left: 20px;
  width: 100%
}

@media only screen and (max-width: 816px) {
  .footerAccordion h3 {
    cursor: pointer;
    padding-right: 40px
  }
}

@media only screen and (min-width: 816px) {
  .footerAccordion h3 {
    width: 20%;
    float: left;
    padding-top: 12px
  }
}

@media only screen and (min-width: 816px) {
  .footerAccordion .accordionIcon {
    display: none
  }
}

@media only screen and (min-width: 816px) {
  .footerAccordion .accordion-content {
    width: 75%
  }
}

@media only screen and (max-width: 816px) {
  .footerAccordion .accordion-content {
    display: none
  }
}

.footerAccordion .introduction {
  font-family: calaregular;
  margin-left: 10px;
  padding-bottom: 20px;
  padding-top: 20px;
  color: #444;
  font-size: 18px;
  padding-left: 50px;
  width: 100%;
  padding-top: 0;
  margin: 20px 0;
  background: #ebebeb;
  border-top: 1px solid #fff
}

@media only screen and (max-width: 816px) {
  .footerAccordion .introduction {
    padding-left: 0
  }
}

.footerAccordion .introduction h2 {
  padding: 20px 0 0
}

.footerAccordion .accordion,
.footerAccordion .introduction {
  padding-left: 80px;
  padding-right: 50px
}

@media only screen and (max-width: 816px) {
  .footerAccordion .accordion,
  .footerAccordion .introduction {
    padding-left: 10px;
    padding-right: 10px
  }
}

.footerAccordion .accordion a {
  color: #c30f08;
  text-decoration: none;
  line-height: 1.3
}

.footerAccordion .accordion a:hover {
  color: #c30f08;
  text-decoration: underline
}

.footerAccordion .accordion a.download,
.footerAccordion .accordion a.extern,
.footerAccordion .accordion a.intern {
  display: block;
  position: relative;
  line-height: 1.3
}

.footerAccordion a.download:after {
  background-image: url(../static/de/images/icon-download.svg);
  height: 40px;
  margin-left: -10px;
  margin-top: -9px;
  vertical-align: middle
}

.footerAccordion a.download:after,
.footerAccordion a.extern:after {
  content: "";
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 40px;
  display: inline-block;
  position: absolute
}

.footerAccordion a.extern:after {
  background-image: url(../static/de/images/icon-link_extern.svg);
  height: 26px;
  margin-top: -2px;
  vertical-align: top
}

.footerAccordion a+a {
  padding-top: 10px
}

.footerAccordion .accordion {
  display: -ms-flexbox;
  display: flex;
  padding-top: 20px;
  padding-bottom: 15px;
  border-top: 1px solid #fff;
  margin-left: auto;
  margin-right: auto;
  max-width: 1375px
}

.footerAccordion .accordion .accordion-content {
  color: #c30f08;
  font-family: GravurCodensed-Regular;
  font-size: 16px;
  padding-right: 20px;
  padding-left: 135px
}

.footerAccordion .accordion .accordion-content div {
  padding-top: 30px
}

.footerAccordion .accordion .accordion-content p {
  color: #c30f08
}

.footerAccordion .accordion i {
  background-image: url(../static/de/images/down.svg);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: auto;
  position: absolute;
  top: 14px;
  right: 0;
  height: 24px;
  width: 24px;
  transition: all 125ms
}

.footerAccordion .accordion i polygon {
  fill: red
}

@media only screen and (max-width: 816px) {
  .footerAccordion .accordion.open i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg)
  }
  .footerAccordion .accordion.open .accordion-content {
    display: block !important
  }
}

.footerAccordion .accordion .accordion-content,
.footerAccordion .accordion .accordion-content p {
  color: #000 !important
}

@media only screen and (max-width: 816px) {
  .footerAccordion .introduction {
    margin-left: 0;
    padding-left: 0;
    padding-bottom: 0 !important
  }
  .footerAccordion .introduction h2 {
    padding: 15px 0 !important
  }
  .footerAccordion .accordion .accordion-content,
  .footerAccordion .accordion h2,
  .footerAccordion .accordion h3 {
    margin-left: 0;
    padding-left: 0
  }
}

[data-content=regierung] .offset-md-2,
[data-content=regierung] .offset-md-3 {
  margin-left: 20.666%
}

[data-content=regierung] .largeImage {
  width: 100%;
  height: auto
}

[data-content=regierung] .largeImage img {
  width: 100%
}

[data-content=regierung] h1 {
  padding: 20px 60px
}

[data-content=regierung] .pageContent {
  padding: 0 60px
}

[data-content=regierung] .pageContent p a {
  text-decoration: underline
}

[data-content=regierung] .pageContent p a:hover {
  color: #c30f08
}

@media only screen and (max-width: 816px) {
  [data-content=regierung] .offset-md-2 {
    margin-left: 0
  }
  [data-content=regierung] .pageContent,
  [data-content=regierung] h1 {
    padding: 0 10px
  }
}

[data-content=serviceList] {
  background-color: #f0f0f0;
  font-size: 15px;
  margin: 0;
  padding: 20px 0 40px;
  position: relative
}

[data-content=serviceList] section {
  padding-left: 95px
}

@media only screen and (max-width: 816px) {
  [data-content=serviceList] section {
    padding-left: 0
  }
}

[data-content=serviceList] a {
  color: #c30f08;
  text-decoration: none;
  display: block;
  padding: 7px 0 9px 30px;
  border-bottom: 1px solid #fff;
  font-size: 18px
}

[data-content=serviceList] a:hover {
  color: #c30f08;
  text-decoration: underline
}

@media only screen and (max-width: 816px) {
  [data-content=serviceList] a {
    padding: 7px 0 9px 15px
  }
}

[data-content=serviceList]:after,
[data-content=serviceList]:before {
  width: 100%;
  background: #f0f0f0;
  content: "";
  height: 100%;
  position: absolute;
  display: inline;
  top: 0
}

[data-content=serviceList]:before {
  left: -100%
}

[data-content=serviceList]:after {
  right: -100%
}

[data-content=auftraggeber] {
  margin-top: 0
}

[data-content=auftraggeber] .container {
  overflow: hidden
}

[data-content=auftraggeber] .container-fluid {
  padding: 0
}

figure {
  margin: auto;
  overflow: hidden
}

figure,
figure img {
  width: 100%
}

figure figcaption.textUnten {
  margin-bottom: -3%
}

figure div.auftraggeberGradient {
  max-width: 100%;
  width: 100%
}

figure div.auftraggeberGradient:after {
  display: block;
  position: relative;
  background-image: linear-gradient(0deg, #000 -125%, transparent 95%);
  margin-top: -150px;
  height: 150px;
  width: 100%;
  content: ""
}

.navTeaser {
  padding: 5px;
  float: left
}

.navTeaser figure {
  margin: 0;
  width: 100%;
  height: auto;
  position: relative
}

.navTeaser figure img {
  width: 100%
}

.navTeaser figure figcaption {
  background: transparent;
  color: #fff;
  font-family: GravurCodensed-Regular;
  position: absolute;
  bottom: 20px;
  left: 5%
}

[data-content=referenzen] .container-fluid {
  padding: 0
}

[data-content=referenzen] .container {
  overflow: hidden
}

[data-content=referenzen] .sliders {
  background-color: #eceded;
  max-width: 1375px;
  margin-left: auto;
  margin-right: auto
}

[data-content=referenzen] .bg-white {
  background-color: #fff
}

[data-content=referenzen] .centered-block {
  margin: 20px auto
}

[data-content=referenzen] .centered-block article {
  padding: 20px
}

[data-content=referenzen] .centered-block article h1 {
  font-family: calabold
}

[data-content=referenzen] .centered-block article p {
  font-family: calaregular
}

[data-content=referenzen] .first-class-related-content.greyTeaser {
  background-color: #eceded
}

[data-content=referenzen] .first-class-related-content .first-class-related-content-item {
  float: left
}

@media only screen and (max-width: 420px) {
  [data-content=referenzen] .first-class-related-content .first-class-related-content-item {
    margin-bottom: 15px
  }
}

[data-content=referenzen] .first-class-related-content .first-class-related-content-item h3,
[data-content=referenzen] .first-class-related-content .first-class-related-content-item p {
  font-family: GravurCodensed-Bold;
  padding-top: 20px;
  color: #3a3a3a;
  max-width: 435px
}

[data-content=referenzen] .first-class-related-content .first-class-related-content-item h3 {
  text-transform: uppercase;
  padding: 15px 20px 0
}

[data-content=referenzen] .first-class-related-content .first-class-related-content-item p {
  margin-bottom: 0
}

[data-content=referenzen] .first-class-related-content .first-class-related-content-item section {
  height: 420px
}

[data-content=referenzen] .first-class-related-content .first-class-related-content-item section figure {
  margin: 0
}

@media only screen and (max-width: 816px) {
  [data-content=referenzen] .first-class-related-content .first-class-related-content-item section figure {
    margin: auto;
    text-align: center
  }
}

[data-content=referenzen] .first-class-related-content .first-class-related-content-item section article {
  background: #fff;
  height: 185px;
  padding: 0 20px
}

[data-content=referenzen] .first-class-related-content .first-class-related-content-item section article div {
  font-family: calaregular
}

[data-content=centered_block] {
  position: relative;
  z-index: 1;
  background: rgba(255, 255, 255, 0.9)
}

[data-content=centered_block] article {
  margin-top: 0;
  padding: 30px
}

[data-content=centered_block] article .firstSubHeadline {
  font-family: GravurCodensed-Bold;
  text-transform: uppercase
}

[data-content=centered_block] article h3 {
  font-family: calabold
}

[data-content=centered_block] article figure {
  margin: 0;
  padding-bottom: 5px;
  position: relative
}

[data-content=centered_block] article figure figcaption {
  float: right;
  bottom: 12px;
  position: absolute;
  right: 0;
  font-family: calaitalic;
  padding: 0 15px
}

[data-content=centered_block] article video {
  width: 100%
}

[data-content=centered_block] article p br {
  margin-bottom: 30px
}

@media only screen and (max-width: 816px) {
  [data-content=centered_block] {
    position: static
  }
  [data-content=centered_block]:nth-child(n+2) {
    margin-top: 0
  }
  [data-content=centered_block] article {
    padding: 0
  }
  [data-content=centered_block] article figure {
    display: block
  }
}

[data-content=centered_block].withImage {
  margin-bottom: -100px
}

[data-content=centered_block].reference-headline {
  z-index: 2;
  margin-bottom: 40px;
  display: block
}

[data-content=centered_block].withVideo {
  margin-top: -100px
}

@media only screen and (max-width: 816px) {
  [data-content=centered_block].withImage {
    margin-bottom: 0
  }
  [data-content=centered_block].textOnly {
    margin: 0
  }
  [data-content=centered_block].withVideo {
    margin-top: 0
  }
}

.gallery {
  margin-bottom: 40px
}

.gallery .headerImages {
  max-height: 350px;
  margin: auto;
  overflow: hidden
}

.gallery .headerImages figure {
  float: left;
  padding: 0 5px
}

@media only screen and (max-width: 1375px) {
  .gallery .headerImages figure:first-of-type {
    width: 34%
  }
  .gallery .headerImages figure:nth-of-type(2) {
    width: 64%;
    padding-left: 10px
  }
}

@media only screen and (max-width: 816px) {
  .gallery {
    margin-top: 20px
  }
  .gallery .headerImages {
    max-height: 100%;
    overflow: visible
  }
  .gallery .headerImages figure {
    float: none;
    width: 100%;
    height: auto;
    padding: 0 1px
  }
  .gallery .headerImages figure:first-of-type {
    width: 100%
  }
  .gallery .headerImages figure:nth-of-type(2) {
    width: 100%;
    padding-left: 0
  }
  .gallery .headerImages figure img {
    width: 100%
  }
}

[data-content=gallery-slider] .sliderItem {
  padding: 3px
}

@media only screen and (max-width: 816px) {
  [data-content=gallery-slider] .sliderItem {
    padding: 0;
    width: 100%
  }
}

[data-content=gallery-slider] .sliderItem figure {
  width: 100%;
  height: auto;
  background-color: #c6c6c6;
  overflow: hidden
}

[data-content=gallery-slider] .sliderItem figure img {
  width: 100%
}

[data-content=gallery-slider] .slick-arrow {
  border: none;
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: calc(50% - 25px);
  z-index: 500;
  width: 50px;
  cursor: pointer
}

[data-content=gallery-slider] button {
  background-repeat: no-repeat;
  height: 50px;
  display: block
}

[data-content=gallery-slider] .slick-prev {
  left: 0;
  background-image: url(../static/de/images/icon-arrow-left.svg)
}

[data-content=gallery-slider] .slick-next {
  right: 0;
  background-image: url(../static/de/images/icon-arrow-right.svg)
}

@media only screen and (max-width: 1070px) {
  [data-content=gallery-slider] .slick-prev {
    left: 0
  }
  [data-content=gallery-slider] .slick-next {
    right: 0
  }
  [data-content=gallery-slider] .sliderItem figure {
    background-color: #fff;
    max-height: unset
  }
}

[data-content=text-only] article {
  margin-top: 0
}

[data-content=text-only] article .firstSubHeadline {
  font-family: GravurCodensed-Bold;
  text-transform: uppercase
}

[data-content=text-only] article h3 {
  font-family: calabold
}

@media only screen and (max-width: 816px) {
  [data-content=text-only] article {
    padding: 0
  }
}

[data-content=text-with-image] article {
  margin-top: 0
}

[data-content=text-with-image] article .firstSubHeadline {
  font-family: GravurCodensed-Bold;
  text-transform: uppercase
}

[data-content=text-with-image] article h3 {
  font-family: calabold
}

[data-content=text-with-image] article figure {
  margin: 0;
  padding-bottom: 5px;
  position: relative
}

[data-content=text-with-image] article figure figcaption {
  width: 100%;
  float: right;
  bottom: 12px;
  position: absolute;
  right: 0
}

@media only screen and (max-width: 816px) {
  [data-content=text-with-image] article {
    padding: 0
  }
  [data-content=text-with-image] article figure {
    margin: 0;
    padding-bottom: 5px;
    position: static
  }
  [data-content=text-with-image] article figure figcaption {
    width: 100%;
    float: none;
    bottom: 0;
    position: relative;
    right: 0
  }
}

[data-content=interviewseite] article {
  margin: 0
}

.referenceInterview .standardContent aside.desk-top {
  padding-top: 50px
}

[data-content=gallery-slider-two-images] figure {
  margin-bottom: 0
}

[data-content=gallery-slider-two-images] .background {
  margin-right: 10px
}

[data-content=gallery-slider-two-images] .background div {
  padding: 10px;
  font-family: calaitalic
}

[data-content=gallery-slider-two-images] .sliderItem {
  padding: 3px;
  display: table;
  min-width: 0;
  position: relative;
  height: auto
}

[data-content=gallery-slider-two-images] .sliderItem img {
  max-width: 450px
}

@media only screen and (max-width: 820px) {
  [data-content=gallery-slider-two-images] .sliderItem img {
    max-width: inherit
  }
}

[data-content=gallery-slider-two-images] .sliderItem .background div {
  max-width: 450px
}

[data-content=gallery-slider-two-images] .slick-arrow {
  border: none;
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 170px;
  z-index: 500;
  width: 50px;
  cursor: pointer
}

[data-content=gallery-slider-two-images] button {
  background-repeat: no-repeat;
  height: 50px;
  display: block
}

[data-content=gallery-slider-two-images] .slick-prev {
  left: 0;
  background-image: url(../static/de/images/icon-arrow-left.svg)
}

[data-content=gallery-slider-two-images] .slick-next {
  right: 0;
  background-image: url(../static/de/images/icon-arrow-right.svg)
}

@media only screen and (max-width: 1070px) {
  [data-content=gallery-slider-two-images] .slick-prev {
    left: 0
  }
  [data-content=gallery-slider-two-images] .slick-next {
    right: 0
  }
}

[data-content=text-button] section {
  margin-left: -190px;
  float: left;
  width: 70%;
  padding: 6px
}

[data-content=text-button] section h1 {
  padding-bottom: 0;
  margin-bottom: 0
}

[data-content=text-button] section a.button {
  display: inline-block;
  color: #fff;
  background-color: #c30f08;
  padding: 5px 24px;
  transition: all .5s;
  border: 1px solid #c30f08;
  text-align: center;
  font-family: GravurCodensed-Regular
}

[data-content=text-button] section a.button:hover {
  text-decoration: none;
  background-color: #fff !important;
  color: #c30f08
}

[data-content=text-button] section .btn {
  display: inline-block;
  color: #fff !important;
  background-color: #c30f08 !important;
  padding: 5px 24px;
  transition: all .5s;
  border: 1px solid #c30f08;
  text-align: center;
  font-family: GravurCodensed-Regular;
  border-radius: 0
}

[data-content=text-button] section .btn:hover {
  text-decoration: none;
  background-color: #fff !important;
  color: #c30f08 !important
}

@media only screen and (max-width: 816px) {
  [data-content=text-button] section {
    margin-left: 0;
    float: none;
    width: 100%;
    padding: 0
  }
}

[data-content=pressemitteilungen] h1 {
  padding: 25px 10px
}

[data-content=pressemitteilungen] h3 {
  font-family: GravurCodensed-Bold
}

[data-content=pressemitteilungen] .infoheader {
  padding-bottom: 20px
}

[data-content=pressemitteilungen] article {
  margin: 0;
  padding: 0
}

[data-content=pressemitteilungen] .keyimages figure.has-text-right figcaption {
  padding: 30px 20px;
  width: 30%;
  right: 5%;
  top: auto;
  bottom: 10%
}

[data-content=pressemitteilungen] .keyimages figure.has-text-right figcaption h1 {
  padding: 0
}

@media only screen and (max-width: 1375px) {
  [data-content=pressemitteilungen] .keyimages figure figcaption {
    margin-top: 0 !important
  }
}

[data-content=veranstaltungsreihen] .keyimages figure.has-text-right figcaption {
  width: 27%;
  right: 5%;
  top: auto;
  bottom: 10%
}

.bubble-content,
[data-content=quotes] {
  margin-top: 100px;
  margin-left: 20px
}

.bubble-content article,
[data-content=quotes] article {
  position: relative;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: 0 auto;
  width: 75%
}

.bubble-content h1,
.bubble-content h3,
.bubble-content p,
[data-content=quotes] h1,
[data-content=quotes] h3,
[data-content=quotes] p {
  font-family: calaitalic;
  color: #000
}

.bubble-content h1:before,
.bubble-content h3:before,
.bubble-content p:before,
[data-content=quotes] h1:before,
[data-content=quotes] h3:before,
[data-content=quotes] p:before {
  content: "„";
  display: inline-block
}

.bubble-content h1:after,
.bubble-content h3:after,
.bubble-content p:after,
[data-content=quotes] h1:after,
[data-content=quotes] h3:after,
[data-content=quotes] p:after {
  content: "“";
  display: inline-block
}

@media only screen and (max-width: 816px) {
  .bubble-content article,
  [data-content=quotes] article {
    margin: 0;
    width: 100%
  }
}

.bubble-content {
  margin-top: 0;
  margin-left: 110px;
  font-size: 35px
}

.bubble-content h1,
.bubble-content h3 {
  font-family: calaitalic;
  color: #000
}

.bubble-content h1:after,
.bubble-content h1:before,
.bubble-content h3:after,
.bubble-content h3:before {
  content: "" !important
}

.first-class-related-content-inline {
  margin-bottom: 30px
}

.first-class-related-content-inline .slick-arrow {
  border: none;
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  z-index: 500;
  width: 50px;
  cursor: pointer;
  margin-top: 25px;
  top: 20%
}

.first-class-related-content-inline button {
  background-repeat: no-repeat;
  height: 50px;
  display: block
}

.first-class-related-content-inline .slick-prev {
  left: 9px;
  background-image: url(../static/de/images/icon-arrow-left.svg)
}

.first-class-related-content-inline .slick-next {
  right: 9px;
  background-image: url(../static/de/images/icon-arrow-right.svg)
}

.first-class-related-content-inline .slidergrey .slick-prev {
  left: 0;
  background-image: url(../static/de/images/icon-arrow-left.svg)
}

.first-class-related-content-inline .slidergrey .slick-next {
  right: 7px;
  background-image: url(../static/de/images/icon-arrow-right.svg)
}

.first-class-related-content-inline .first-class-related-content-item {
  float: left
}

.first-class-related-content-inline .first-class-related-content-item a {
  border: none;
  text-decoration: none;
  margin: 0 5px
}

.first-class-related-content-inline .first-class-related-content-item a:hover {
  border: none
}

.first-class-related-content-inline .first-class-related-content-item h3,
.first-class-related-content-inline .first-class-related-content-item p {
  font-family: GravurCodensed-Bold;
  padding-top: 54px;
  color: #3a3a3a;
  max-width: 435px
}

.first-class-related-content-inline .first-class-related-content-item h3 {
  text-transform: uppercase;
  padding: 15px 20px 0;
  width: 100vw
}

.first-class-related-content-inline .first-class-related-content-item pre {
  padding: 14px
}

.first-class-related-content-inline .first-class-related-content-item p {
  margin-bottom: 0
}

.first-class-related-content-inline .first-class-related-content-item section figure {
  margin: 0;
  position: relative
}

.first-class-related-content-inline .first-class-related-content-item section figure img {
  width: 100%
}

.first-class-related-content-inline .first-class-related-content-item section figure figcaption {
  position: absolute;
  bottom: 10px;
  left: 15px;
  color: #fff;
  font-family: GravurCodensed-Regular;
  text-transform: uppercase
}

.first-class-related-content-inline .first-class-related-content-item section .text-image.petrol {
  background-color: #38b6ab
}

.first-class-related-content-inline .first-class-related-content-item section .text-image.petrol article h2 {
  color: #0c4843
}

.first-class-related-content-inline .first-class-related-content-item section .text-image.olivegreen {
  background-color: #aeb715
}

.first-class-related-content-inline .first-class-related-content-item section .text-image.olivegreen article h2 {
  color: #3f4e0b
}

.first-class-related-content-inline .first-class-related-content-item section .text-image.orange {
  background-color: #f4a500
}

.first-class-related-content-inline .first-class-related-content-item section .text-image.orange article h2 {
  color: #5e4500
}

.first-class-related-content-inline .first-class-related-content-item section .text-image.teal {
  background-color: #49bed8
}

.first-class-related-content-inline .first-class-related-content-item section .text-image.teal article h2 {
  color: #214f5b
}

.first-class-related-content-inline .first-class-related-content-item section .text-image.purple {
  background-color: #9e7eac
}

.first-class-related-content-inline .first-class-related-content-item section .text-image.purple article h2 {
  color: #3c273e
}

.first-class-related-content-inline .first-class-related-content-item section .text-image.blue {
  background-color: #6b99cd
}

.first-class-related-content-inline .first-class-related-content-item section .text-image.blue article h2 {
  color: #293e53
}

.first-class-related-content-inline .first-class-related-content-item section .text-image.grassgreen {
  background-color: #75b843
}

.first-class-related-content-inline .first-class-related-content-item section .text-image.grassgreen article h2 {
  color: #30531b
}

.first-class-related-content-inline .first-class-related-content-item section .text-image article {
  background: transparent;
  position: relative
}

.first-class-related-content-inline .first-class-related-content-item section .text-image article h2 {
  font-family: GravurCodensed-Regular;
  font-size: 30px;
  text-transform: uppercase;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 35px;
  padding: 0
}

.first-class-related-content-inline .first-class-related-content-item section .text-image .date {
  margin-top: 100px;
  padding: 10px;
  color: #fff;
  text-transform: uppercase;
  font-family: GravurCodensed-Regular
}

.first-class-related-content-inline .first-class-related-content-item section article {
  background: #fff;
  height: 110px;
  padding: 0 20px
}

.first-class-related-content-inline .first-class-related-content-item section article div {
  font-family: calaregular
}

@media only screen and (max-width: 816px) {
  .first-class-related-content-inline .first-class-related-content-item section {
    height: auto
  }
  .first-class-related-content-inline .first-class-related-content-item section figure {
    margin: auto;
    text-align: center
  }
  .first-class-related-content-inline .first-class-related-content-item section article {
    height: auto
  }
  .first-class-related-content-inline .first-class-related-content-item section .text-image article {
    height: 185px
  }
}

@media only screen and (max-width: 1375px) {
  .first-class-related-content-inline .first-class-related-content-item:nth-of-type(3) {
    float: none
  }
}

[data-content=news_and_events] h3 {
  font-family: calabold
}

[data-content=news_and_events] figure {
  width: 100%;
  height: auto;
  float: right;
  margin: 0 0 11px 18px;
  padding: 0
}

[data-content=news_and_events] figure img {
  width: 100%
}

[data-content=news_and_events] .topArticle {
  margin-bottom: 60px
}

[data-content=referenzen_blatter_navigation] section section {
  padding-left: 30px
}

div .zuf {
  position: relative;
  min-height: 368px
}

div h3 .zuf {
  min-height: 0
}

.zuf {
  padding: 20px;
  text-align: center
}

.zuf.title {
  text-transform: uppercase;
  font-family: GravurCodensed-Regular;
  min-height: 0
}

.zuf h1 {
  font-size: 75px;
  line-height: 0.9
}

.zuf h4,
.zuf p {
  text-transform: uppercase;
  font-family: GravurCodensed-Bold;
  font-size: 19px;
  line-height: 1.421
}

.zuf h4 {
  height: 54px
}

.zuf article {
  min-height: 240px;
  max-height: 240px;
  overflow: hidden
}

.zuf pre {
  height: 46px
}

.zuf figure {
  max-width: 450px
}

.zuf p {
  float: left
}

.zuf a.button {
  border: 1px solid transparent;
  transition: all .5s;
  width: 160px
}

@media only screen and (max-width: 816px) {
  .zuf a.button {
    margin: 0
  }
}

.zuf.lightgreen * {
  color: #8aad0f
}

.zuf.lightgreen a.button {
  background-color: #8aad0f;
  color: #fff
}

.zuf.lightgreen a.button:hover {
  background-color: #fff;
  border: 1px solid #8aad0f;
  color: #8aad0f
}

.zuf.green * {
  color: #45a369
}

.zuf.green a.button {
  background-color: #45a369;
  color: #fff
}

.zuf.green a.button:hover {
  background-color: #fff;
  border: 1px solid #45a369;
  color: #45a369
}

.zuf.blue * {
  color: #009cc2
}

.zuf.blue a.button {
  background-color: #009cc2;
  color: #fff
}

.zuf.blue a.button:hover {
  background-color: #fff;
  border: 1px solid #009cc2;
  color: #009cc2
}

.zuf.darkblue * {
  color: #0078b2
}

.zuf.darkblue a.button {
  background-color: #0078b2;
  color: #fff
}

.zuf.darkblue a.button:hover {
  background-color: #fff;
  border: 1px solid #0078b2;
  color: #0078b2
}

.zuf.lightpurple * {
  color: #809ec4
}

.zuf.lightpurple a.button {
  background-color: #809ec4;
  color: #fff
}

.zuf.lightpurple a.button:hover {
  background-color: #fff;
  border: 1px solid #809ec4;
  color: #809ec4
}

.zuf.purple * {
  color: #876ba1
}

.zuf.purple a.button {
  background-color: #876ba1;
  color: #fff
}

.zuf.purple a.button:hover {
  background-color: #fff;
  border: 1px solid #876ba1;
  color: #876ba1
}

[data-content=video_selection] {
  margin: 50px 0;
  padding: 20px 0 20px 20px;
  background-color: #f0f0f0;
  position: relative
}

[data-content=video_selection]:after,
[data-content=video_selection]:before {
  width: 100%;
  background: #f0f0f0;
  content: "";
  height: 100%;
  position: absolute;
  display: inline;
  top: 0
}

[data-content=video_selection]:before {
  left: -100%
}

[data-content=video_selection]:after {
  right: -100%
}

[data-content=video_selection] .hover-white {
  height: 147px;
  padding-top: 7px;
  clear: both;
  display: block;
  width: 100%
}

[data-content=video_selection] .hover-white:hover {
  background-color: #fff
}

[data-content=video_selection] .hover-white:last-of-type {
  margin-bottom: 66px
}

@media only screen and (min-width: 2500px) {
  [data-content=video_selection] .hover-white {
    height: 230px
  }
}

@media only screen and (min-width: 1375px) {
  .domino[data-content=video_selection] .leftSideVideo {
    padding-top: 38px
  }
}

[data-content=video_selection] .leftSideVideo .video-info {
  padding-top: 10px
}

[data-content=video_selection] .leftSideVideo .video-info * {
  font-family: GravurCodensed-Regular
}

[data-content=video_selection] .leftSideVideo .video-info h2 {
  font-size: 30px
}

[data-content=video_selection] .leftSideVideo .video-data {
  cursor: pointer
}

[data-content=video_selection] .leftSideVideo .video-data img {
  max-height: 362px;
  max-width: 100%;
  width: 100%
}

@media only screen and (min-width: 2500px) {
  [data-content=video_selection] .leftSideVideo .video-data img {
    max-height: inherit
  }
}

[data-content=video_selection] .rightSideVideo {
  cursor: pointer;
  overflow-y: scroll;
  height: 515px
}

[data-content=video_selection] .rightSideVideo .is-video {
  position: relative;
  float: left
}

[data-content=video_selection] .rightSideVideo .is-video .video-still {
  max-height: 135px;
  max-width: 100%;
  width: 100%;
  cursor: pointer
}

@media only screen and (min-width: 2500px) {
  [data-content=video_selection] .rightSideVideo .is-video .video-still {
    max-height: inherit
  }
}

[data-content=video_selection] .rightSideVideo video {
  max-height: 135px;
  max-width: 100%;
  width: 100%
}

[data-content=video_selection] .rightSideVideo svg {
  position: absolute;
  left: 10px;
  bottom: 15px;
  width: 60px;
  height: 60px;
  pointer-events: none
}

[data-content=video_selection] .rightSideVideo .video-info {
  float: left
}

[data-content=video_selection] .rightSideVideo .video-info h2 {
  padding-top: 10px
}

[data-content=video_selection] .rightSideVideo .video-info h2,
[data-content=video_selection] .rightSideVideo .video-info h3 {
  font-family: GravurCodensed-Regular
}

@media only screen and (max-width: 420px) {
  [data-content=graphSlider] figure {
    width: 100%;
    height: auto
  }
  [data-content=graphSlider] figure img {
    width: 100%
  }
}

[data-content=graphSlider] .slick-arrow {
  border: none;
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 50%;
  z-index: 500;
  width: 50px;
  cursor: pointer
}

[data-content=graphSlider] button {
  background-repeat: no-repeat;
  height: 50px;
  display: block
}

[data-content=graphSlider] .slick-prev {
  left: 0;
  background-image: url(../static/de/images/icon-arrow-left-black.svg)
}

[data-content=graphSlider] .slick-next {
  right: 0;
  background-image: url(../static/de/images/icon-arrow-right-black.svg)
}

@media only screen and (max-width: 1070px) {
  [data-content=graphSlider] .slick-prev {
    left: 0
  }
  [data-content=graphSlider] .slick-next {
    right: 0
  }
}

[data-content=videos-slider] .slick-slide {
  position: relative
}

[data-content=videos-slider] .is-video {
  z-index: 3
}

[data-content=videos-slider] .is-video .video-still {
  width: 100%;
  height: auto;
  cursor: pointer
}

[data-content=videos-slider] .video-info {
  z-index: 1;
  padding-top: 10px
}

[data-content=videos-slider] .video-info h2,
[data-content=videos-slider] .video-info h3 {
  font-family: GravurCodensed-Regular
}

[data-content=videos-slider] .slick-arrow {
  border: none;
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 50%;
  z-index: 500;
  width: 50px;
  cursor: pointer
}

@media only screen and (max-width: 816px) {
  [data-content=videos-slider] .slick-arrow {
    top: 40%
  }
}

[data-content=videos-slider] button {
  background-repeat: no-repeat;
  height: 50px;
  display: block
}

[data-content=videos-slider] .slick-prev {
  left: 0;
  background-image: url(../static/de/images/icon-arrow-left.svg)
}

[data-content=videos-slider] .slick-next {
  right: 0;
  background-image: url(../static/de/images/icon-arrow-right.svg)
}

@media only screen and (max-width: 1070px) {
  [data-content=videos-slider] .slick-prev {
    left: 0
  }
  [data-content=videos-slider] .slick-next {
    right: 0
  }
}

[data-content=videos-slider] .noText {
  display: none
}

[data-content=meeting-slider] {
  text-align: center
}

[data-content=meeting-slider] article {
  padding: 50px 0
}

[data-content=meeting-slider] h2,
[data-content=meeting-slider] pre {
  text-transform: uppercase;
  padding-top: 0
}

[data-content=meeting-slider] p {
  font-family: GravurCodensed-Bold;
  font-size: 19px;
  line-height: 1.421;
  max-width: 90%;
  margin: auto
}

[data-content=meeting-slider] p.place {
  color: #444
}

@media only screen and (max-width: 816px) {
  [data-content=meeting-slider] h2,
  [data-content=meeting-slider] pre {
    padding-top: 0
  }
  [data-content=meeting-slider] article {
    padding: 0
  }
}

[data-content=meeting-slider] .slick-arrow {
  border: none;
  position: absolute;
  top: 50%;
  z-index: 500;
  width: 50px;
  cursor: pointer
}

@media only screen and (max-width: 816px) {
  [data-content=meeting-slider] .slick-arrow {
    top: 30%
  }
}

[data-content=meeting-slider] button {
  background-repeat: no-repeat;
  height: 50px;
  display: block
}

[data-content=meeting-slider] .slick-prev {
  left: 0;
  background-image: url(../static/de/images/icon-arrow-left-black.svg)
}

[data-content=meeting-slider] .slick-next {
  right: 0;
  background-image: url(../static/de/images/icon-arrow-right-black.svg)
}

@media only screen and (max-width: 1070px) {
  [data-content=meeting-slider] .slick-prev {
    left: 0
  }
  [data-content=meeting-slider] .slick-next {
    right: 0
  }
}

[data-content=newsletter] h2 {
  font-family: GravurCodensed-Bold
}

[data-content=newsletter] .pageContent>section {
  padding-left: 15px
}

[data-content=newsletter] .pageContent>section:first-of-type {
  padding-top: 25px
}

[data-content=newsletter] ul {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 50px
}

[data-content=newsletter] ul li {
  margin: 10px 0
}

[data-content=newsletter] ul label {
  font-family: GravurCodensed-Regular
}

[data-content=newsletter] ul input {
  width: 70%;
  float: right;
  padding-left: 10px
}

[data-content=newsletter] .iAgree {
  padding: 0;
  margin: 50px 0;
  height: 70px
}

[data-content=newsletter] .iAgree * {
  font-family: GravurCodensed-Regular
}

[data-content=newsletter] .iAgree p {
  padding: 0;
  color: #444;
  float: left
}

[data-content=newsletter] .iAgree a {
  float: right
}

.newsletter-label {
  font-family: GravurCodensed-Regular !important;
  text-transform: uppercase
}

[data-content=landSearch] {
  padding-top: 0;
  margin: 0
}

[data-content=phrases-slider] .sliderItem {
  padding: 3px
}

@media only screen and (max-width: 816px) {
  [data-content=phrases-slider] .sliderItem {
    padding: 0;
    width: 100%
  }
}

[data-content=phrases-slider] .sliderItem figure {
  width: 100%;
  height: auto;
  background-color: #c6c6c6;
  overflow: hidden
}

[data-content=phrases-slider] .sliderItem figure img {
  width: 100%
}

[data-content=phrases-slider] .slick-arrow {
  border: none;
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: calc(50% - 25px);
  z-index: 500;
  width: 50px;
  cursor: pointer
}

[data-content=phrases-slider] button {
  background-repeat: no-repeat;
  height: 50px;
  display: block
}

[data-content=phrases-slider] .slick-prev {
  left: 0;
  background-image: url(../static/de/images/icon-arrow-left.svg)
}

[data-content=phrases-slider] .slick-next {
  right: 0;
  background-image: url(../static/de/images/icon-arrow-right.svg)
}

@media only screen and (max-width: 1070px) {
  [data-content=phrases-slider] .slick-prev {
    left: 0
  }
  [data-content=phrases-slider] .slick-next {
    right: 0
  }
  [data-content=phrases-slider] .sliderItem figure {
    background-color: #fff;
    max-height: unset
  }
}

[data-content=searchResults] .container {
  margin-bottom: 50px
}

[data-content=searchResults] .searchResultText * {
  font-family: calabold;
  color: #383838
}

[data-content=searchResults] .searchResultText h1 {
  padding-bottom: 30px
}

[data-content=searchResults] .searchResultText h1 .searchItem:before {
  content: "„";
  display: inline-block
}

[data-content=searchResults] .searchResultText h1 .searchItem:after {
  content: "“";
  display: inline-block
}

[data-content=searchResults] #searchField {
  height: 80px
}

[data-content=searchResults] #searchField section {
  float: left;
  padding-right: 20px
}

[data-content=searchResults] #searchField section * {
  font-family: GravurCodensed-Bold
}

[data-content=searchResults] #searchField section label {
  padding-left: 5px
}

[data-content=searchResults] #searchField section input {
  padding-left: 10px
}

[data-content=searchResults] #searchField section input,
[data-content=searchResults] #searchField section select {
  width: 100%;
  height: 40px;
  color: #c30f08
}

[data-content=searchResults] #searchField section option,
[data-content=searchResults] #searchField section select {
  border: none;
  color: #c30f08;
  -moz-appearance: none;
  -webkit-appearance: none
}

[data-content=searchResults] #searchField section select {
  background-image: url(../static/de/images/option.png);
  background-repeat: no-repeat;
  background-position: 100%;
  background-size: 15px
}

[data-content=searchResults] #searchField section.searchQuery label {
  padding-left: 10px
}

[data-content=searchResults] #searchField section.formular {
  margin: 35px 0
}

[data-content=searchResults] ul {
  list-style-type: decimal;
  padding: 50px
}

@media only screen and (max-width: 816px) {
  [data-content=searchResults] ul {
    padding: 20px
  }
}

[data-content=searchResults] ul li {
  padding: 25px 50px
}

[data-content=searchResults] ul li h2 {
  font-family: GravurCodensed-Bold;
  text-transform: uppercase;
  margin-bottom: 0
}

[data-content=searchResults] ul li a {
  font-family: GravurCodensed-Bold;
  color: #c30f08
}

[data-content=searchResults] ul li p {
  padding-top: 10px
}

[data-content=searchResults] ul .shown {
  visibility: visible;
  height: auto
}

[data-content=searchResults] ul .item {
  visibility: hidden;
  height: 0;
  padding: 0
}

[data-content=searchResults] #moreButton {
  display: block;
  color: #fff;
  background-color: #c30f08;
  padding: 5px 24px;
  transition: all .5s;
  border: 1px solid #c30f08;
  text-align: center;
  font-family: GravurCodensed-Regular;
  margin: auto
}

[data-content=searchResults] #moreButton:hover {
  text-decoration: none;
  background-color: #fff;
  color: #c30f08
}

[data-content=searchResults] .searchresultcontent li {
  padding: 25px 50px !important
}

[data-content=searchResults] .searchresultcontent li div a {
  font-family: GravurCodensed-Bold;
  color: #000;
  font-size: 22px;
  text-transform: uppercase;
  padding-bottom: 10px;
  text-decoration: none
}

[data-content=searchResults] .searchresultcontent li div a strong {
  font-family: GravurCodensed-Bold !important;
  font-weight: 400 !important;
  color: #000;
  font-size: 22px;
  text-transform: uppercase;
  padding-bottom: 10px
}

[data-content=searchResults] .searchresultcontent li div .url,
[data-content=searchResults] .searchresultcontent li div .url a {
  font-family: GravurCodensed-Bold;
  color: #c30f08;
  font-size: 18px;
  padding-bottom: 10px;
  cursor: pointer
}

[data-content=searchResults] .searchresultcontent li div .preview {
  font-family: serif !important;
  cursor: pointer
}

[data-content=searchResults] .searchresultcontent li div .preview a,
[data-content=searchResults] .searchresultcontent li div .preview a strong {
  font-family: serif !important;
  color: #000;
  font-size: 18px;
  text-transform: none;
  padding-bottom: 0
}

[data-content=searchResults] .searchresultcontent li div .preview a strong {
  font-weight: 700 !important
}

[data-content=searchResults] .pagingInfo strong {
  font-weight: 400 !important;
  font-family: calabold !important
}

[data-content=searchResults] .pagingInfo strong:after,
[data-content=searchResults] .pagingInfo strong:before {
  content: '"'
}

[data-content=searchResults] #searchField div section label {
  text-transform: uppercase;
  padding-left: 0 !important
}

[data-content=searchResults] .nummern {
  padding-left: 40px
}

[data-content=searchResults] .nummern li {
  display: inline;
  padding: 0 !important
}

[data-content=searchResults] .nummern li a span {
  color: #c30f08;
  cursor: pointer;
  font-family: GravurCodensed-Regular
}

[data-content=searchResults] .nummern li span {
  font-family: GravurCodensed-Regular
}

[data-content=searchResults] .nummern span {
  font-family: GravurCodensed-Regular !important
}

[data-content=searchResults] #searchResultText,
[data-content=searchResults] .curr-hits,
[data-content=searchResults] .searchresult {
  display: none
}

[data-content=searchResults] .searchresultcontent {
  margin-top: 48px
}

[data-content=searchResults] .fileType {
  float: left;
  padding: 6px 3px;
  margin: 3px 10px 0 0;
  line-height: 0;
  color: #c30f08;
  border: 1px solid #c30f08;
  font-size: 13px;
  font-family: GravurCodensed-Bold
}

[data-content=searchResults] #tabs ul {
  display: none
}

[data-content=searchResults] #tabs #content-links ul,
[data-content=searchResults] #tabs .nummern ul {
  display: block
}

[data-content=siteMap] ul {
  list-style-type: none
}

@media (max-width: 420px) {
  [data-content=siteMap] ul {
    padding: 0;
    margin: 0
  }
}

@media (max-width: 816px) {
  [data-content=siteMap] ul.level_1 {
    padding: 0
  }
}

[data-content=siteMap] ul * {
  color: #c30f08;
  background: #fff;
  font-family: GravurCodensed-Regular
}

[data-content=siteMap] ul * a {
  display: block;
  padding: 3px 10px;
  margin-bottom: 1px
}

[data-content=siteMap] ul li a {
  background-color: #f0f0f0
}

[data-content=siteMap] ul li li a {
  background-color: #eceded
}

[data-content=siteMap] ul li li li a {
  background-color: #e2e2e2
}

@media (max-width: 420px) {
  [data-content=siteMap] ul li li li li {
    border-bottom: 1px solid #c6c6c6
  }
}

[data-content=siteMap] ul li li li li a {
  background-color: #fff
}

@media (max-width: 420px) {
  [data-content=siteMap] ul li li li li .level_5 li {
    font-size: 16px;
    border-bottom: 1px dotted #c6c6c6
  }
  [data-content=siteMap] ul li li li li .level_5:last-of-type li {
    border-bottom: none
  }
}

[data-content=portal] .portalClose {
  display: none
}

[data-content=portal] figure {
  width: 100%;
  height: auto;
  position: relative;
  margin: 0
}

[data-content=portal] figure img {
  width: 100%
}

[data-content=portal] figure figcaption {
  position: absolute;
  bottom: 20px;
  left: 30px;
  text-transform: uppercase;
  color: #fff;
  font-family: GravurCodensed-Bold
}

[data-content=portal] article {
  background-color: #fff;
  padding: 5px 30px 0;
  margin-bottom: 30px;
  height: 114px
}

[data-content=portal] article p {
  color: #c30f08;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  max-height: 81px
}

[data-content=newsFeed] .aboutThePage {
  color: #000 !important;
  font-weight: 500 !important
}

[data-content=newsFeed] figure {
  width: 100%;
  height: auto
}

[data-content=newsFeed] figure img {
  width: 100%
}

[data-content=newsFeed] .subheadline h2 {
  line-height: 1.5
}

[data-content=newsFeed] aside section a:first-of-type:not(.extern) {
  white-space: normal
}

.infoBox {
  background-color: #eceded;
  padding: 20px 40px;
  margin-bottom: 10px
}

.infoBox:after {
  content: "";
  display: table;
  clear: both
}

.infoBox article {
  border-bottom: 1px solid #fff
}

.infoBox article:last-of-type {
  border: none
}

.infoBox article h3,
.infoBox article ul {
  margin: 5px 0
}

.infoBox article h3 {
  font-family: GravurCodensed-Regular;
  padding-top: 5px;
  color: #444;
  font-size: 16px;
  text-transform: uppercase
}

.infoBox article ul {
  list-style-type: none
}

.infoBox article ul a {
  font-size: 18px;
  color: #c30f08;
  text-decoration: none
}

.previewTopImage figure {
  position: relative;
  margin: 0;
  width: 100vw;
  height: calc(100vh - 161px);
  overflow: hidden
}

@media only screen and (max-width: 816px) {
  .previewTopImage figure {
    height: auto;
    width: 100%
  }
}

.previewTopImage figure img {
  width: auto;
  height: 85vh;
  position: absolute;
  top: -9999px;
  bottom: -9999px;
  left: -9999px;
  right: -9999px;
  margin: auto
}

@media only screen and (max-width: 816px) {
  .previewTopImage figure img {
    min-width: inherit;
    min-height: inherit;
    position: relative;
    width: 100%;
    height: auto;
    right: inherit;
    left: inherit;
    top: inherit;
    bottom: inherit
  }
}

@media only screen and (min-width: 2150px) {
  .previewTopImage figure img {
    width: 100%;
    height: auto
  }
}

.previewTopImage figure figcaption {
  width: 25vw;
  position: absolute;
  bottom: 9vh;
  left: 6%;
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.9)
}

.previewTopImage figure figcaption p {
  font-family: calaregular;
  overflow: hidden;
  max-height: 184px
}

@media only screen and (max-width: 1375px) {
  .previewTopImage figure figcaption {
    width: 53vw
  }
}

@media only screen and (max-width: 816px) {
  .previewTopImage figure figcaption {
    width: 80%;
    right: 0;
    left: 0;
    margin: -60px auto 0;
    position: relative;
    bottom: 0
  }
  .previewTopImage figure figcaption p {
    max-height: inherit
  }
}

@media only screen and (max-width: 420px) {
  .previewTopImage figure figcaption {
    width: 90%;
    height: auto
  }
  .previewTopImage figure figcaption h3 {
    font-size: 15px
  }
  .previewTopImage figure figcaption h1 {
    font-size: 26px;
    margin-bottom: 0;
    padding-bottom: 0
  }
  .previewTopImage figure figcaption p {
    font-size: 16px
  }
}

.previewTopImage a {
  position: absolute;
  top: 55%;
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: 50%;
  background-color: rgba(255, 255, 255, 0.7);
  height: 80px;
  width: 50px
}

@media only screen and (max-width: 816px) {
  .previewTopImage a {
    top: 40%
  }
}

@media only screen and (max-width: 420px) {
  .previewTopImage a {
    width: 27px;
    top: 22%
  }
}

.previewTopImage .arrow-left {
  left: 0;
  background-image: url(../static/de/images/icon-chevron.svg)
}

.previewTopImage .arrow-right {
  right: 0;
  background-image: url(../static/de/images/icon-chevron.svg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.previewTopImage .buttonScrollDown {
  background-image: url(../static/de/images/icon-chevron-grey.svg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: 50%;
  background-color: rgba(255, 255, 255, 0.7);
  height: 100px;
  width: 50px;
  position: absolute;
  bottom: -28px;
  cursor: pointer;
  margin: auto;
  left: 0;
  right: 0
}

@media only screen and (max-width: 816px) {
  .previewTopImage .buttonScrollDown {
    display: none
  }
}

@media only screen and (max-width: 816px) {
  .previewTopImage {
    margin-top: 20px
  }
}

.previewTopImage+.container [data-content=referenzen_blatter_navigation] .withImage {
  margin-bottom: 0
}

.previewTopImage+.container+.container .standardContent {
  margin-top: 0
}

.previewTopImage+.container+.container .standardContent .textOnly article {
  padding-top: 0 !important
}

@media print {
  body,
  html {
    height: auto
  }
  body {
    overflow-y: visible !important;
    margin: 0
  }
  body .no-print,
  body .no-print * {
    display: none !important;
    height: 0
  }
  body h1 {
    margin-left: 12px !important;
    padding-left: 0 !important
  }
  body * {
    overflow-y: visible !important
  }
  body .page {
    height: auto
  }
  body div,
  body h2,
  body h3,
  body p {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 12px !important;
    padding-right: 12px !important
  }
  body .container,
  body .page,
  body article,
  body div,
  body h1,
  body h2,
  body h3,
  body p,
  body section {
    display: block !important;
    overflow-y: visible !important
  }
  body .reference-headline,
  body div.row {
    display: -ms-flexbox !important;
    display: flex !important
  }
  @-moz-document url-prefix() {
    body .reference-headline,
    body div.row {
      display: block !important
    }
  }
  body #cboxContent,
  body #cboxOverlay {
    display: none !important
  }
  body .buttonScrollUp,
  body .flowplayer,
  body .footerContainer,
  body .previewTopImage,
  body .shareThis,
  body .video-info,
  body .withVideo,
  body [data-content=serviceList],
  body aside {
    display: none !important;
    height: 0
  }
}

@page {
  size: A4 portrait;
  margin: 30mm 20mm 30mm 20mm
}

.debug {
  border: 1px solid lime
}

.modal-xm * {
  color: black
}

.modal-xm .btn {
  cursor: pointer
}

.modal-xm .btn-primary {
  color: white;
  background-color: #c30f08;
  border-color: #c30f08
}

.modal-xm .btn-link {
  color: #c30f08
}

.modal-xm+.modal-backdrop.show.fade {
  opacity: 0.7
}

@media (min-width: 1200px) {
  .modal-lg {
    max-width: 800px
  }
  .flex-xl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important
  }
  .ml-xl-5 {
    margin-left: 3rem !important
  }
}

@media (min-width: 992px) {
  .modal-xm .modal-dialog {
    margin-top: 200px
  }
  .modal-xm .modal-content {
    padding: 15px
  }
}

body .edgeTedge .redHeadline,
body .edgeTedge .focus-topics-list h3,
.focus-topics-list body .edgeTedge h3 {
  margin-bottom: 8px
}

div.bigSliderGradient.no-shadow:after {
  display: none
}

.slick-slide img[data-lazy],
.slick-slide img.lazy-loading {
  filter: blur(20px)
}

@media all and (-ms-high-contrast: none) {
  .slick-slide img[data-lazy] {
    width: 0;
    height: 0
  }
}

.img-modal-dialog {
  max-width: 800px
}

.img-pop {
  display: inline-block;
  text-align: center
}

.img-pop>img {
  width: 85%;
  transition: transform .2s
}

.zoom:hover {
  overflow: hidden;
  transform: scale(1.11)
}

.cboxElement figure,
.img-pop {
  position: relative
}

.cboxElement figure:after,
.img-pop:after {
  position: absolute;
  content: '';
  right: 1.5rem;
  width: 2rem;
  height: 2rem;
  background: url(../static/de/images/icon-expand_pos.svg) no-repeat center center;
  background-size: 225%;
  transition: transform .2s
}

.cboxElement figure:hover:after,
.img-pop:hover:after {
  background-color: #c6c6c6;
  transform: scale(1.11);
  transition: background-color .2s linear
}

.img-pop:after {
  top: 10px
}

.cboxElement figure:after {
  top: 2.5rem
}

body #colorbox #cboxContent #cboxClose {
  position: fixed;
  top: 2rem;
  right: 2rem
}

[data-content="FocusTopics"] .first-class-related-content-item {
  padding-right: 0;
  padding-left: 0
}

[data-content="FocusTopics"] .PicOrText {
  padding: 0
}

@media (min-width: 817px) {
  [data-content="FocusTopics"] .sliderblock {
    margin-top: -4px
  }
  [data-content="FocusTopics"] .sliderItem:last-child {
    padding-right: 4px
  }
}

@media (min-width: 817px) {
  .focus-topics-col-left {
    padding-right: 0
  }
}

@media (min-width: 817px) {
  .focus-topics-col-right {
    padding-left: 4px
  }
}

.focus-topics-list {
  margin-bottom: 15px;
  padding: 0 15px 15px 15px;
  background-color: #f0f0f0
}

@media (min-width: 817px) {
  .focus-topics-list {
    height: 100%
  }
}

body [data-content="FocusTopics"] .focus-topics-list h3 {
  padding-left: 0
}

.giz-video .plyr--video button.plyr__control--overlaid {
  background: none;
  box-shadow: none;
  padding: 0;
  height: 100%;
  width: 100%
}

.giz-video .plyr--video button.plyr__control--overlaid:hover {
  background: none
}

.giz-video .plyr--video button.plyr__control--overlaid svg {
  fill: none;
  stroke: #ffffff;
  stroke-width: 2.0162;
  height: 150px;
  width: 150px;
  margin: auto;
  -webkit-filter: drop-shadow(5px 5px 5px #000);
  filter: drop-shadow(5px 5px 5px #000)
}

.giz-video .plyr--video .plyr__control {
  height: auto
}

.giz-video .plyr--video .plyr__control.plyr__tab-focus,
.giz-video .plyr--video .plyr__control:hover,
.giz-video .plyr--video .plyr__control[aria-expanded=true] {
  background: #000
}

.giz-video .plyr--video .plyr__control.plyr__tab-focus span,
.giz-video .plyr--video .plyr__control:hover span,
.giz-video .plyr--video .plyr__control[aria-expanded=true] span {
  color: #ffffff
}

.giz-video .plyr--video .plyr__controls {
  padding: 3px 10px;
  background: #383838
}

.giz-video .plyr--video .plyr__time {
  text-shadow: none;
  color: #ffffff
}

.giz-video .plyr__control svg {
  fill: #ffffff
}

.giz-video .plyr--full-ui input[type=range] {
  color: #ffffff
}

.photostoryslider .slick-list,
.photostoryslider .slick-track,
.photostoryslider .slick-vertical .slick-slide,
.photostoryslider .sliderItem {
  position: relative;
  display: block !important;
  min-height: 100vh
}

.photostoryslider .photostory-text {
  position: absolute;
  bottom: 13%;
  background-color: #fff;
  opacity: 0.85;
  padding: 20px 20px 20px 100px
}

.photostoryslider ul.slick-dots {
  margin: auto;
  position: absolute;
  bottom: 50%;
  right: 0;
  list-style-type: none
}

.photostoryslider ul.slick-dots li {
  margin: 0 0.25rem
}

.photostoryslider ul.slick-dots button {
  display: block;
  width: 1rem;
  height: 1rem;
  padding: 0;
  margin: 1rem;
  border: none;
  border-radius: 100%;
  background-color: #fff;
  -webkit-filter: drop-shadow(2px 2px 2px #000);
  filter: drop-shadow(2px 2px 2px #000);
  text-indent: -9999px
}

.photostoryslider ul.slick-dots li.slick-active button {
  background: #c30f08
}

.back-to-top {
  z-index: 500;
  background-image: url(../static/de/images/icon-arrow-up.svg);
  background-repeat: no-repeat;
  background-color: rgba(218,219,219,.6);
  position: fixed;
  width: 50px;
  height: 50px;
  cursor: pointer;
  bottom: 20px;
  right: 30px;
  border: none
}

.back-to-next {
  background-image: url(../static/de/images/icon-arrow-next.svg);
  background-repeat: no-repeat;
  background-color: rgba(218,219,219,.6);
  width: 50px;
  height: 50px;
  cursor: pointer
}

.back-to-prev {
  background-image: url(../static/de/images/icon-arrow-prev.svg);
  background-repeat: no-repeat;
  background-color: rgba(218,219,219,.6);
  width: 50px;
  height: 50px;
  cursor: pointer
}