.bg-rantzau-lightgrey {
  background: #f2f5f7;
}

.bg-rantzau-lightblue {
  background: #5590C0;
}

.bg-warm-grey {
  background: #b5b5b5;
}

.text-rantzau-lightblue {
  color: #5590C0;
}

.text-primary-dark {
  color: #15368a;
}

.text-danger-color-dark {
  color: #cc0000;
}

.text-warning-color-dark {
  color: #ff8800;
}

.text-secondary-color-dark {
  color: #9933cc;
}

.text-default-color {
  color: #1a9ba1;
}

.text-warning-color {
  color: #f8ba11;
}

.text-primary-color {
  color: #2aabe2;
}

.text-warm-grey {
  color: #b5b5b5;
}

/* General Styles */
/* General Styles */
/* General Styles */
.letter-spacing-1 {
  letter-spacing: 1px;
}

.letterspacing-2 {
  letter-spacing: 2px;
}

.letterspacing-3 {
  letter-spacing: 3px;
}

.grow-on-hover {
  -webkit-transition: 0.6s ease-in-out;
  transition: 0.6s ease-in-out;
  cursor: pointer;
}

.grow-on-hover:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.small-print {
  font-size: 80%;
  line-height: 1rem;
  font-style: italic;
}

.mini {
  font-size: 65%;
  font-weight: 300;
}

.font-weight-800 {
  font-weight: 800;
}

.nav-link .fa-lg {
  vertical-align: -.18em;
}

.navbar .mega-menu.dropdown-menu a {
  padding: 5px;
  font-size: .9375rem;
  font-weight: 300;
  color: #000;
}

.navbar .mega-dropdown .dropdown-menu.mega-menu .sub-menu ul li a:hover {
  background-color: #15368a;
  color: #fff;
}

.news-single.people-icon .col-md-2 {
  min-height: 185px;
}

/* StayHome Start Page Animation */
/* StayHome Start Page Animation */
/* StayHome Start Page Animation */
.dal-gallery-container {
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: absolute;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  padding: 6.2rem 2rem 2rem 2rem;
  /* fix for cancer browser */
  -webkit-transform: translateZ(-100000000px);
          transform: translateZ(-100000000px);
}

.dal-gallery-container > * {
  width: 12.5%;
  height: 12.5%;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767px) {
  .dal-gallery-container {
    padding: 8rem 2rem 2rem 2rem;
  }
  .dal-gallery-container > * {
    width: 33.3%;
    height: 33.3%;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991px) {
  .dal-gallery-container > * {
    width: 25%;
    height: 25%;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
}

.dal-gallery-container > *::after {
  content: "";
  padding-bottom: 100%;
  display: block;
}

.dal-gallery-container > * > * {
  position: absolute;
  width: 100%;
  height: 100%;
}

.dal-gallery-container img {
  width: 100%;
  height: 100%;
}

.dal-item > * {
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
}

.dal-grid {
  width: 98%;
  height: 98%;
  margin: 1%;
  z-index: 2;
}

.dal-back,
.dal-front {
  visibility: visible;
  -webkit-perspective: 0;
  perspective: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.dal-front {
  -webkit-transform: rotate3d(0, 1, 0, 0deg);
          transform: rotate3d(0, 1, 0, 0deg);
}

.dal-back {
  -webkit-transform: rotate3d(0, 1, 0, 180deg);
          transform: rotate3d(0, 1, 0, 180deg);
}

.dal-flipped .dal-front {
  -webkit-transform: rotate3d(0, 1, 0, 180deg);
          transform: rotate3d(0, 1, 0, 180deg);
}

.dal-flipped .dal-back {
  -webkit-transform: rotate3d(0, 1, 0, 0deg);
          transform: rotate3d(0, 1, 0, 0deg);
}

.dal-grid {
  font-family: 'Open Sans', sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 3vw;
}

.instruct {
  min-height: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.instruct-small {
  min-height: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.dal-stayhome {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  pointer-events: none;
  z-index: 100;
}

.stayhome img {
  text-align: center;
  width: 100%;
}

.stayhome p.headline {
  font-family: 'Open Sans', sans-serif;
  font-size: 10vw;
  text-align: center;
  width: 100%;
  font-weight: 800;
  color: #37474F;
}

.stayhome p.sub {
  font-family: 'Open Sans', sans-serif;
  font-size: 3rem;
  text-align: center;
  width: 100%;
  font-weight: 600;
  color: #37474F;
}

.intranet {
  pointer-events: all;
  margin-top: 2rem;
  position: absolute;
  bottom: 0rem;
  background-color: #dee2e6;
  width: 100%;
  text-align: center;
  padding-bottom: 2rem;
  padding-top: 2rem;
}

.fade-out {
  -webkit-transition: 1s;
  transition: 1s;
  opacity: 0;
}

.mouse {
  position: absolute;
  text-align: center;
  bottom: 0px;
}

.mouse img {
  background-color: white;
  padding: 5px;
}

/* End StayHome Animation */
/* End StayHome Animation */
/* End StayHome Animation */
/* Corporate Identity Area */
/* Corporate Identity Area */
/* Corporate Identity Area */
.bullet {
  height: 25px;
  width: 25px;
  background-color: #15368a;
  border-radius: 50%;
  display: block;
  opacity: 0.2;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.bullet.active {
  opacity: 1;
}

.ci-item {
  min-width: 140px;
}

.slide.bs.carousel {
  border: 1px solid #e0e0e0;
}

.download h4.display-4 {
  font-weight: 300;
  font-size: 2rem;
}

.ci .md-accordion .card {
  border-bottom: 3px solid #fff;
}

.ci .md-accordion .card:first-of-type, .md-accordion .card:not(:first-of-type):not(:last-of-type) {
  border-bottom: 3px solid #fff;
}

.ci .md-accordion .card .card-header {
  background-color: #fafafa;
}

.ci .md-accordion .card .card-header h6 {
  color: #626262 !important;
  font-weight: 400;
}

.ci .card-body {
  padding-left: 0px;
  padding-right: 0px;
}

.ci .download .btn {
  width: 115px;
}

@media (max-width: 991px) {
  .ci-item {
    width: 100%;
    margin-left: 10px;
  }
  .bullet {
    display: none;
  }
  .download h4.display-4 {
    font-weight: 300;
    font-size: 1.5rem;
  }
}

/* End Corporate Identity Area */
/* End Corporate Identity Area */
/* End Corporate Identity Area */
/*  PDR Area */
/*  PDR Area */
/*  PDR Area */
ul.stepper li a {
  padding: 1.4rem;
  text-align: center;
}

ul.stepper li a.btn {
  padding: .84rem 2.14rem;
}

/*  End PDR Area */
/*  End PDR Area */
/*  End PDR Area */
.news-header {
  min-height: 70px;
}

.card-text.newscontainer {
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(60%, black), to(transparent));
  -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
  mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, black), to(transparent));
  mask-image: linear-gradient(to bottom, black 40%, transparent 100%);
  height: 80px;
  overflow: hidden;
}

.card.card-cascade.narrower .view.view-cascade {
  margin-left: 5%;
  margin-right: auto;
  margin-top: -1.25rem;
  width: 20%;
}

.card.card-cascade .view.view-cascade.gradient-card-header {
  padding: .7rem 1rem;
  color: #fff;
  text-align: center;
}

.quicklinks .card {
  width: 145px;
  height: 130px;
}

.mystuff .card {
  width: 145px;
  height: 130px;
}

.news .card {
  height: 480px;
}

.detailBox {
  width: auto;
  border: 1px solid #bbb;
}

.titleBox {
  background-color: #fdfdfd;
  padding: 10px;
}

.titleBox label {
  color: #444;
  margin: 0;
  display: inline-block;
}

.commentBox {
  padding: 10px;
  border-top: 1px dotted #bbb;
}

.commentBox .form-group:first-child, .actionBox .form-group:first-child {
  width: 70%;
}

.commentBox .form-group:nth-child(2), .actionBox .form-group:nth-child(2) {
  width: 30%;
}

.actionBox .form-group * {
  width: 100%;
}

.taskDescription {
  margin-top: 10px 0;
}

.commentList {
  padding: 0;
  list-style: none;
  max-height: 200px;
  overflow: auto;
}

.commentList li {
  margin: 0;
  margin-top: 10px;
}

.commentList li > div {
  display: table-cell;
}

.commenterImage {
  width: 30px;
  margin-right: 5px;
  height: 100%;
  float: left;
}

.commenterImage img {
  width: 100%;
  border-radius: 50%;
}

.commentText p {
  margin: 0;
  font-size: .8rem;
}

.sub-text {
  color: #aaa;
  font-family: verdana;
  font-size: 11px;
}

.actionBox {
  border-top: 1px dotted #bbb;
  padding: 10px;
}

.btn-comment {
  color: #333;
  background-color: #fff;
}

.btn.btn-comment {
  display: inline-block;
  margin: 0;
  margin-left: 5px;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid #ccc;
  white-space: nowrap;
  padding: 8px 0px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#map {
  height: 550px;
}
/*# sourceMappingURL=style.css.map */