/* h+h ci */
.hh-hh {
  background-color: #0077ba;
}

.hh-nm {
  background-color: #005f86;
}

.hh-nm000 {
  background-color: #0087bf;
}

.hh-nm010 {
  background-color: #007db1;
}

.hh-nm020 {
  background-color: #0074a3;
}

.hh-nm030 {
  background-color: #006994;
}

.hh-nm050 {
  background-color: #005376;
}

.hh-nm060 {
  background-color: #004866;
}

.hh-nm070 {
  background-color: #003a54;
}

.hh-nm080 {
  background-color: #002c41;
}

.hh-nm090 {
  background-color: #001c2d;
}

.hh-bkv {
  background-color: #5c859e;
}

.hh-bkv000 {
  background-color: #86c1e3;
}

.hh-bkv010 {
  background-color: #7eb4d4;
}

.hh-bkv020 {
  background-color: #74a6c4;
}

.hh-bkv030 {
  background-color: #6896b2;
}

.hh-bkv050 {
  background-color: #4e738a;
}

.hh-bkv060 {
  background-color: #3f6076;
}

.hh-bkv070 {
  background-color: #304d60;
}

.hh-bkv080 {
  background-color: #1f394b;
}

.hh-bkv090 {
  background-color: #052635;
}

.hh-vcd {
  background-color: #89150d;
}

.hh-vcd000 {
  background-color: #c51a1b;
}

.hh-vcd010 {
  background-color: #b71918;
}

.hh-vcd020 {
  background-color: #a81815;
}

.hh-vcd030 {
  background-color: #981711;
}

.hh-vcd050 {
  background-color: #791308;
}

.hh-vcd060 {
  background-color: #691103;
}

.hh-vcd070 {
  background-color: #580d00;
}

.hh-vcd080 {
  background-color: #460800;
}

.hh-vcd090 {
  background-color: #320200;
}

.hh-han {
  background-color: #f7a600;
}

.hh-han000 {
  background-color: #fff281;
}

.hh-han010 {
  background-color: #ffe163;
}

.hh-han020 {
  background-color: #ffce44;
}

.hh-han030 {
  background-color: #fbbb21;
}

.hh-han050 {
  background-color: #e49b00;
}

.hh-han060 {
  background-color: #bd8200;
}

.hh-han070 {
  background-color: #956700;
}

.hh-han080 {
  background-color: #6a4a00;
}

.hh-han090 {
  background-color: #3b2800;
}

.hh-pg {
  background-color: #005848;
}

.hh-pg000 {
  background-color: #007c66;
}

.hh-pg010 {
  background-color: #00745f;
}

.hh-pg020 {
  background-color: #006b58;
}

.hh-pg030 {
  background-color: #006250;
}

.hh-pg050 {
  background-color: #004e3f;
}

.hh-pg060 {
  background-color: #004436;
}

.hh-pg070 {
  background-color: #00382c;
}

.hh-pg080 {
  background-color: #002b20;
}

.hh-pg090 {
  background-color: #001d12;
}

.hh-gry000 {
  background-color: #bfc4c7;
}

.hh-gry010 {
  background-color: #a8acb2;
}

.hh-gry020 {
  background-color: #a1aab1;
}

.hh-gry030 {
  background-color: #8d939b;
}

.hh-gry040 {
  background-color: #717a83;
}

.hh-gry050 {
  background-color: #55606b;
}

.hh-gry060 {
  background-color: #3c4853;
}

.hh-gry070 {
  background-color: #21303b;
}

.hh-gry080 {
  background-color: #001522;
}

/* Background Event-Art */
.hh-event-web {
  background-color: #99cc00;
}

.hh-event-sem {
  background-color: #ff8800;
}

.hh-event-sch {
  background-color: #33b5e5;
}

.hh-event-pav {
  background-color: #aa66cc;
}

.hh-event-mes {
  background-color: #aaaaaa;
}

.hh-event-fav {
  background-color: #ffbb33;
}

.text-hh-hh {
  color: #0077ba;
}

.text-hh-nm {
  color: #005f86;
}

.text-hh-nm000 {
  color: #0087bf;
}

.text-hh-nm010 {
  color: #007db1;
}

.text-hh-nm020 {
  color: #0074a3;
}

.text-hh-nm030 {
  color: #006994;
}

.text-hh-nm050 {
  color: #005376;
}

.text-hh-nm060 {
  color: #004866;
}

.text-hh-nm070 {
  color: #003a54;
}

.text-hh-nm080 {
  color: #002c41;
}

.text-hh-nm090 {
  color: #001c2d;
}

.text-hh-bkv {
  color: #5c859e;
}

.text-hh-bkv000 {
  color: #86c1e3;
}

.text-hh-bkv010 {
  color: #7eb4d4;
}

.text-hh-bkv020 {
  color: #74a6c4;
}

.text-hh-bkv030 {
  color: #6896b2;
}

.text-hh-bkv050 {
  color: #4e738a;
}

.text-hh-bkv060 {
  color: #3f6076;
}

.text-hh-bkv070 {
  color: #304d60;
}

.text-hh-bkv080 {
  color: #1f394b;
}

.text-hh-bkv090 {
  color: #052635;
}

.text-hh-vcd {
  color: #89150d;
}

.text-hh-vcd000 {
  color: #c51a1b;
}

.text-hh-vcd010 {
  color: #b71918;
}

.text-hh-vcd020 {
  color: #a81815;
}

.text-hh-vcd030 {
  color: #981711;
}

.text-hh-vcd050 {
  color: #791308;
}

.text-hh-vcd060 {
  color: #691103;
}

.text-hh-vcd070 {
  color: #580d00;
}

.text-hh-vcd080 {
  color: #460800;
}

.text-hh-vcd090 {
  color: #320200;
}

.text-hh-han {
  color: #f7a600 !important;
}

.text-hh-han000 {
  color: #fff281;
}

.text-hh-han010 {
  color: #ffe163;
}

.text-hh-han020 {
  color: #ffce44;
}

.text-hh-han030 {
  color: #fbbb21;
}

.text-hh-han050 {
  color: #e49b00;
}

.text-hh-han060 {
  color: #bd8200;
}

.text-hh-han070 {
  color: #956700;
}

.text-hh-han080 {
  color: #6a4a00;
}

.text-hh-han090 {
  color: #3b2800;
}

.text-hh-pg {
  color: #005848;
}

.text-hh-pg000 {
  color: #007c66;
}

.text-hh-pg010 {
  color: #00745f;
}

.text-hh-pg020 {
  color: #006b58;
}

.text-hh-pg030 {
  color: #006250;
}

.text-hh-pg050 {
  color: #004e3f;
}

.text-hh-pg060 {
  color: #004436;
}

.text-hh-pg070 {
  color: #00382c;
}

.text-hh-pg080 {
  color: #002b20;
}

.text-hh-pg090 {
  color: #001d12;
}

.text-hh-gry000 {
  color: #bfc4c7;
}

.text-hh-gry010 {
  color: #a8acb2;
}

.text-hh-gry020 {
  color: #a1aab1;
}

.text-hh-gry030 {
  color: #8d939b;
}

.text-hh-gry040 {
  color: #717a83;
}

.text-hh-gry050 {
  color: #55606b;
}

.text-hh-gry060 {
  color: #3c4853;
}

.text-hh-gry070 {
  color: #21303b;
}

.text-hh-gry080 {
  color: #001522;
}

/* h+h ci ende */
body {
  background-color: #21303b;
  color: #3c4853;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

.navbar {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.dropdown-divider {
  height: 0;
  margin: .5rem 0;
  overflow: hidden;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.btn {
  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight: 600;
}

.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) {
  border-left: 1px solid rgba(255, 255, 255, 0.25);
}

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

.btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) {
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .lead, .display-1, .display-2, .display-3, .display-4 {
  color: #212529;
}

.navbar .dropdown-menu a {
  font-weight: 400;
}

.md-accordion .card {
  background-color: transparent;
}

.md-accordion .card .collapse .list-group .list-group-item {
  background-color: transparent;
}

.card .md-form label {
  font-weight: 400;
}

#languageModal a {
  font-weight: 600 !important;
}

/* mdb anpassungen ende */
.ie-fix {
  width: 100% \9;
}

.ancor-button {
  position: absolute;
  top: 5px;
  right: 5px;
}

.feature-spacing {
  padding-top: 100px;
}

.topmost-nav {
  height: 30px;
  text-align: center;
}

.topmost-nav a {
  color: rgba(255, 255, 255, 0.7);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1px;
  text-decoration: none;
}

.topmost-nav a:hover {
  color: #fff;
}

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

.affix.navbar {
  background-color: rgba(33, 48, 59, 0.95);
  -webkit-transition: background-color .5s ease-in-out;
  transition: background-color .5s ease-in-out;
}

/* fixed to top styles */
main {
  background-color: #fcfcfc;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.65;
  min-height: 640px;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.no-webp .card-bg-han5 {
  background-image: url("../images/jumbo-han5.jpg");
}
.card-bg-han6 {
  background-image: url("../images/han6Announcement.jpg");
}
.webp .card-bg-han5 {
  background-image: url("../images/jumbo-han5.webp");
}

.no-webp .card-bg-azure {
  background-image: url("../images/bg-azure04.jpg");
}

.webp .card-bg-azure {
  background-image: url("../images/bg-azure04.webp");
}

.quicklink-bg {
  background-color: #fcfcfc;
}

.badge-premium {
  color: #fff !important;
  background-color: linear-gradient(
    to bottom right,
    hsl(45.91, 100%, 45.1%) 0%,
    hsl(45.86, 99.31%, 45.16%) 8.1%,
    hsl(45.81, 98.66%, 45.03%) 15.5%,
    hsl(45.75, 98.02%, 44.74%) 22.5%,
    hsl(45.68, 97.41%, 44.31%) 29%,
    hsl(45.61, 96.81%, 43.77%) 35.3%,
    hsl(45.54, 96.22%, 43.14%) 41.2%,
    hsl(45.47, 95.66%, 42.44%) 47.1%,
    hsl(45.39, 95.12%, 41.7%) 52.9%,
    hsl(45.31, 94.6%, 40.94%) 58.8%,
    hsl(45.24, 94.12%, 40.21%) 64.7%,
    hsl(45.16, 93.69%, 39.53%) 71%,
    hsl(45.1, 93.33%, 38.93%) 77.5%,
    hsl(45.05, 93.04%, 38.46%) 84.5%,
    hsl(45.01, 92.85%, 38.15%) 91.9%,
    hsl(45, 92.78%, 38.04%) 100%
  ) !important;
}

.press-answer {
  font-size: 110% !important;
  font-weight: 400 !important;
  font-style: italic !important;
}

.btn-webinar {
  display: inline-block;
  padding: 10px 16px;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 6px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #ffffff !important;
  background-color: #428bca;
  border-color: #357ebd;
  text-decoration: none;
  font: normal 18px/1.33;
}

.btn-webinar:hover {
  display: inline-block;
  padding: 10px 16px;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 6px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
  text-decoration: none;
  font: normal 18px/1.33;
}

@media screen and (min-width: 768px) {
  .dropdown:hover .dropdown-menu, .btn-group:hover .dropdown-menu {
    display: block;
  }
  .dropdown-menu {
    margin-top: 0;
  }
  .dropdown-toggle {
    margin-bottom: 2px;
  }
  .navbar .dropdown-toggle, .nav-tabs .dropdown-toggle {
    margin-bottom: 0;
  }
}

/* Timeline */
.timeline {
  position: relative;
  list-style: none;
  padding: 1rem 0;
  margin: 0;
}

.timeline::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 2px;
  margin-left: -1px;
  background-color: #50a1ff;
}

.timeline-element {
  position: relative;
  width: 50%;
  padding: 1rem 0;
  padding-right: 2.5rem;
  text-align: right;
}

.timeline-element::before {
  content: '';
  position: absolute;
  right: -8px;
  top: 1.35rem;
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid #50a1ff;
  background-color: #fff;
}

.timeline-element:nth-child(even) {
  margin-left: 50%;
  padding-left: 2.5rem;
  padding-right: 0;
  text-align: left;
}

.timeline-element:nth-child(even)::before {
  right: auto;
  left: -8px;
}

@media (max-width: 767.98px) {
  .timeline::before {
    left: 8px;
  }
}

@media (max-width: 767.98px) {
  .timeline-element {
    width: 100%;
    text-align: left;
    padding-left: 2.5rem;
    padding-right: 0;
  }
}

@media (max-width: 767.98px) {
  .timeline-element::before {
    top: 1.25rem;
    left: 1px;
  }
}

@media (max-width: 767.98px) {
  .timeline-element:nth-child(even) {
    margin-left: 0rem;
  }
}

@media (max-width: 767.98px) {
  .timeline-element {
    width: 100%;
    text-align: left;
    padding-left: 2.5rem;
    padding-right: 0;
  }
}

@media (max-width: 767.98px) {
  .timeline-element:nth-child(even)::before {
    left: 1px;
  }
}

@media (max-width: 767.98px) {
  .timeline-element::before {
    top: 1.25rem;
  }
}

/* Footer */
.footer {
  background-color: #8d939b;
  border-top: 1px solid #ccc;
  color: #333;
  font-weight: 500 !important;
}

.footer a {
  color: #ddd;
}

.footer a:hover {
  color: #eee;
}

.footer hr {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.footer-navigation {
  padding: 1rem 0 0;
  text-align: center;
}

.footer-adress {
  margin-bottom: 2em;
}

.footer-apps {
  text-align: center;
  margin-bottom: 2em;
}

.footer-apps a {
  color: #42a5f5;
}

.footer-apps a:hover {
  color: #1e88e5;
}

.footer-apps p {
  color: #ddd !important;
}

.footer-copyr {
  background-color: #21303b;
  text-align: center;
}

.footer-copyr p {
  color: #ddd;
  margin: 1.5em 0;
}

.footer-copyr a {
  color: #fff;
}

.footer-copyr a:hover {
  color: #eee;
}

.footer-navigation h6 {
  font-weight: 500 !important;
}

a.footer-label {
  border-radius: .25em;
  padding: .2em .6em .3em;
  background-color: transparent;
  text-decoration: none;
}

a.footer-label:hover {
  border-radius: .25em;
  padding: .2em .6em .3em;
  background-color: rgba(0, 0, 0, 0.1);
  text-decoration: none;
}

a.footer-label-active {
  border-radius: .25em;
  padding: .2em .6em .3em;
  background-color: #21303b;
  color: #eee;
  text-decoration: none;
  cursor: default;
}

a.footer-label-active:hover {
  background-color: #21303b;
  color: #eee;
  text-decoration: none;
  cursor: default;
}

/* Landingpage Infomat */
.no-webp .bg-infomat {
  background: url(../images/infomat-bg.jpg);
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
}

.webp .bg-infomat {
  background: url(../images/infomat-bg.webp);
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
}

.infomat-form-bg {
  background-color: rgba(255, 255, 255, 0.9) !important;
}

.no-webp .webinar-bg {
  position: relative;
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
  background-image: url("../images/webinar-landingpage-bg.jpg");
}

.webp .webinar-bg {
  position: relative;
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
  background-image: url("../images/webinar-landingpage-bg.webp");
}

.faq-answer {
  font-size: 120% !important;
  font-weight: 500 !important;
  font-style: italic !important;
}

.acc-text p, li {
  font-size: 110% !important;
  font-weight: 500 !important;
}

/* Scroll to Top */
#scroll {
  position: fixed;
  right: 10px;
  bottom: 10px;
  cursor: pointer;
  width: 50px;
  height: 50px;
  background-color: #6896b2;
  text-indent: -9999px;
  display: none;
  border-radius: 60px;
}

#scroll span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -12px;
  height: 0;
  width: 0;
  border: 8px solid transparent;
  border-bottom-color: #ffffff;
}

#scroll:hover {
  background-color: #5c859e;
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}
/*# sourceMappingURL=style.css.map */