.d_hero, .d_hero .overlay {
  width: 100%;
  height: 100vh;
  background-repeat: no-repeat
}

.d_hero--text, h2, p {
  text-align: center
}

.d_tabs--nav li.active, strong {
  font-family: "Open Sans Bold"
}

.d_nav ul a, .d_tabs--nav li a {
  text-decoration: none
}

.d_tabs--item#slick-slide00 .tick .tick--title, .d_tabs--nav li.active a[href="#slick-slide00"] {
  color: #c20063
}

.d_infographics--item span:first-child, h2 {
  font-size: 30px
}

.d_footer--nav ul li a, .d_nav ul a, h2, p {
  color: #333
}

.d_business .d_business--table, .d_nav, .d_tabs--nav {
  overflow-x: auto
}

@font-face {
  font-family: "Open Sans Bold";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"),local("OpenSans-Bold"),url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rg-VQ.ttf) format("truetype")
}

h2 {
  line-height: 39px;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 16px
}

p {
  font-size: 16px;
  line-height: 24px;
  margin: 20px 0
}

.d_hero {
  position: relative;
  background-size: cover;
  background-position: 50%
}

  .d_hero .overlay {
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(/imgs/Rectangle.png);
    background-size: contain;
    background-position: top
  }

.d_hero--menu {
  display: flex;
  position: relative;
  flex-direction: row;
  justify-content: space-between
}

.d_hero--scroll, .d_hero--text {
  position: absolute;
  left: 50%;
  color: #fff
}

.d_hero--menu .logo {
  background-color: #fff;
  padding: 30px
}

.d_hero--menu .languages {
  display: inline-flex;
  align-items: flex-start;
  list-style: none;
  margin: 27px 0 0
}

  .d_hero--menu .languages li:first-child {
    border-right: 1px solid #fff;
    padding-right: 10px
  }

  .d_hero--menu .languages li:last-child {
    padding-left: 10px
  }

  .d_hero--menu .languages li a {
    color: #fff;
    font-size: 16px;
    text-decoration: none
  }

.d_hero--text {
  max-width: 685px;
  top: 50%;
  transform: translate(-50%,-50%);
  font-size: 50px;
  margin: 0 auto;
  padding: 36px 58px;
  border: 4px solid #fff;
  background-color: rgba(0,0,0,.3)
}

.d_nav, .d_tabs--content, .d_tabs--nav li.active {
  background-color: #f4f4f4
}

.d_hero--text span {
  font-size: 70px
}

@media(max-width:550px) {
  h2 {
    font-size: 25px;
    line-height: 32px
  }

  p {
    font-size: 14px;
    line-height: 21px
  }

  .d_hero {
    height: 412px
  }

    .d_hero .overlay {
      height: 412px;
      background-size: initial
    }

  .d_hero--menu .logo {
    padding: 16px
  }

    .d_hero--menu .logo img {
      width: 56px
    }

  .d_hero--text {
    width: 70%;
    font-size: 20px;
    border: 2px solid #fff;
    padding: 16px
  }

    .d_hero--text span {
      font-size: 30px
    }

  .d_hero--scroll {
    display: none
  }
}

.d_hero--scroll {
  width: 20px;
  height: 20px;
  line-height: 20px;
  bottom: 32px;
  transform: translateX(-50%);
  transform: rotate(90deg);
  font-size: 20px;
  border: 3px solid #fff;
  border-radius: 50%;
  padding: 20px;
  cursor: pointer
}

.d_nav {
  z-index: 99
}

  .d_nav ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 28px 0
  }

    .d_nav ul li {
      font-size: 18px;
      padding: 0 37px;
      border-right: 1px solid #dbdbdb;
      flex-shrink: 0
    }

      .d_nav ul li:last-child {
        border: 0
      }

    .d_nav ul a:hover {
      color: #cc0018;
      text-decoration: underline
    }

.d_business, .d_intro {
  margin-top: 60px
}

@media(max-width:550px) {
  .d_nav ul {
    justify-content: flex-start;
    padding: 15px 0
  }

    .d_nav ul li {
      font-size: 14px;
      padding: 0 16px
    }

  .d_intro {
    margin-top: 40px
  }
}

.d_intro .grd-container {
  padding-bottom: 11px;
  border-bottom: 1px solid #dbdbdb
}

.d_intro--logos {
  max-width: 1040px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: 0 auto
}

  .d_intro--logos .logo {
    flex: 25%;
    display: flex;
    justify-content: center;
    margin-bottom: 28px
  }

.d_covid, .d_map, .d_tabs, .d_teaser {
  margin-top: 80px
}

@media(max-width:550px) {
  .d_intro--logos .logo {
    flex: 50%
  }

    .d_intro--logos .logo img {
      max-width: 150px
    }

  .d_tabs {
    margin-top: 50px
  }
}

.d_tabs--nav {
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 24px 0 0;
  padding: 0
}

  .d_tabs--nav li {
    font-size: 20px;
    text-transform: uppercase;
    padding: 16px 32px
  }

    .d_tabs--nav li.active {
      color: #003473
    }

.slick-dots button, .slick-dots button:hover {
  background-color: #dbdbdb
}

.d_tabs--nav li.active a[href="#slick-slide01"] {
  color: #003473
}

.d_tabs--nav li.active a[href="#slick-slide02"] {
  color: #f27823
}

.d_tabs--nav li.active a[href="#slick-slide03"] {
  color: #00c0f3
}

.d_business p, .d_footer--nav p {
  font-size: 14px
}

.d_tabs--nav li a {
  color: #333
}

.d_tabs--item {
  padding-top: 32px;
  padding-bottom: 84px
}

  .d_tabs--item h2 {
    color: #003473;
    text-align: left
  }

@media(max-width:550px) {
  .d_tabs--nav {
    justify-content: flex-start;
    background-color: #f4f4f4
  }

    .d_tabs--nav li {
      font-size: 16px;
      flex-shrink: 0;
      padding: 13px 17px
    }

  .d_tabs--content {
    background: #fff;
    background: linear-gradient(180deg,#fff 0,#f4f4f4 100%)
  }

  .d_tabs--item {
    padding-bottom: 32px
  }

    .d_tabs--item h2 {
      text-align: center
    }
}

.d_tabs--item p {
  text-align: left
}

.d_tabs--item .tick {
  margin-bottom: 39px
}

  .d_tabs--item .tick:before {
    content: "";
    background-image: url(/DerTouristik/media/Der-Touristik/Images/checked.svg);
    background-size: contain;
    width: 60px;
    height: 60px;
    float: left;
    margin-right: 16px
  }

  .d_tabs--item .tick .tick--title {
    display: block;
    font-size: 30px;
    color: #00c0f3;
    line-height: 30px
  }

@media(max-width:550px) {
  .d_tabs--item p {
    text-align: center
  }

  .d_tabs--item .tick:before {
    width: 45px;
    height: 45px
  }

  .d_tabs--item .tick .tick--title {
    font-size: 25px;
    line-height: 24px
  }
}

.d_tabs--item .tick .tick--sub {
  display: block;
  font-size: 20px;
  line-height: 30px
}

.d_tabs--item#slick-slide00 .tick:before {
  background-image: url(/DerTouristik/media/Der-Touristik/Images/checked-purple.png)
}

.d_tabs--item#slick-slide00 .f_button {
  background-color: #c20063;
  border-color: #c20063
}

.d_tabs--item#slick-slide01 .f_button {
  background-color: #003473;
  border-color: #003473
}

.d_tabs--item#slick-slide03 .f_button {
  background-color: #00c0f3;
  border-color: #00c0f3
}

.d_tabs--item#slick-slide02 .tick:before {
  background-image: url(/DerTouristik/media/Der-Touristik/Images/checked-orange.png)
}

.d_tabs--item#slick-slide02 .tick .tick--title {
  color: #f27823
}

.d_tabs--item#slick-slide02 .f_button {
  background-color: #f27823;
  border-color: #f27823
}

.d_tabs--item .right-content--wrapper {
  padding-left: 32px
}

.d_tabs--item .right-content--bottom {
  margin-top: 33px
}

  .d_tabs--item .right-content--bottom p {
    margin-bottom: 0
  }

.d_tabs--item .right-content--bottom-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline
}

  .d_tabs--item .right-content--bottom-wrapper .f_button {
    padding: 0 60px
  }

@media(max-width:1170px) {
  .d_tabs--item .right-content--bottom-wrapper .f_button {
    margin-top: 32px
  }
}

.d_socials-list {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0
}

  .d_socials-list li {
    margin-right: 16px
  }

.d_map--img, .slick-slide .d_tabs--img {
  display: block;
  width: 100%;
  margin: 0 auto
}

.slick-dots {
  bottom: 32px
}

  .slick-dots button {
    width: 20px;
    height: 20px;
    border: 0
  }

  .slick-dots .slick-active button {
    background-color: #cc0018
  }

.slick-arrow {
  opacity: 1;
  text-shadow: none
}

@media(max-width:1320px) {
  .slick-arrow {
    display: none !important
  }
}

.d_prevArrow {
  transform: rotate(-180deg)
}

  .d_nextArrow:after, .d_prevArrow:after {
    content: ")";
    font-family: icons;
    font-size: 40px;
    color: #dbdbdb
  }

  .d_prevArrow.slick-arrow {
    left: -70px
  }

.d_nextArrow.slick-arrow {
  right: -70px
}

#career .f_button, .d_covid .f_button {
  background-color: #cc0018;
  border-color: #cc0018;
  padding: 0 56px
}

.d_infographics {
  display: flex;
  flex-wrap: wrap;
  margin: 28px auto 0;
  max-width: 730px;
  justify-content: space-between
}

.d_infographics--item {
  display: flex;
  margin-bottom: 25px
}

@media(max-width:550px) {
  .d_tabs--item .tick .tick--sub {
    font-size: 16px;
    line-height: 24px
  }

  .d_tabs--item .right-content--wrapper {
    padding-left: 0
  }

  .d_tabs--item .right-content--bottom p {
    margin-bottom: 11px
  }

  .d_tabs--item .right-content--bottom-wrapper {
    justify-content: center
  }

  .slick-dots {
    display: none !important
  }

  .d_covid {
    margin-top: 50px
  }

  .d_map {
    margin-top: 50px;
    margin-bottom: 16px
  }

  .d_infographics--item {
    width: 100%;
    justify-content: center
  }
}

.d_infographics--item img {
  margin-right: 20px
}

.d_infographics--item span {
  display: block;
  line-height: 30px
}

  .d_infographics--item span:last-child {
    font-size: 20px
  }

.d_footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 97px;
  padding: 0 24px
}

.d_footer--logo img {
  width: 69px
}

@media(max-width:960px) {
  .d_footer {
    flex-direction: column;
    padding: 0;
    height: auto
  }

  .d_footer--logo {
    order: 3
  }

    .d_footer--logo img {
      margin-bottom: 25px
    }
}

.d_footer--nav {
  display: flex;
  align-items: baseline
}

@media(max-width:960px) {
  .d_footer--nav {
    order: 2;
    flex-direction: column
  }

    .d_footer--nav p {
      order: 2;
      margin: 20px auto
    }

    .d_footer--nav ul {
      order: 1
    }
}

.d_footer--nav ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0
}

  .d_footer--nav ul li {
    padding: 0 16px;
    text-transform: uppercase;
    border-right: 1px solid #333;
    flex-shrink: 0
  }

    .d_footer--nav ul li:last-child {
      border-right: 0
    }

.d_footer--socials {
  display: flex;
  align-items: center
}

@media(max-width:960px) {
  .d_footer--nav ul li {
    padding: 0 8px
  }

  .d_footer--socials {
    order: 1
  }
}

.d_footer--socials p {
  font-size: 14px;
  margin-right: 16px
}

.d_teaser .f_teaser--grid {
  display: flex
}

@media(min-width:792px) {
  .d_teaser .f_teaser--grid .f_teaser-item.large {
    width: 33.33%
  }
}

@media(max-width:791px) {
  .d_teaser .f_teaser--grid {
    display: block
  }

    .d_teaser .f_teaser--grid .f_teaser-item.large {
      width: 100%
    }
}

.d_teaser .f_teaser--grid .f_teaser-item:first-child {
  padding-top: 25%
}

  .d_teaser .f_teaser--grid .f_teaser-item:first-child .f_tile--teaserDestination .f_tile-title, .d_teaser .f_tile--teaserDestination .f_tile-title {
    font-size: 28px
  }

@media(max-width:792px) {
  .d_teaser .f_teaser--grid .f_teaser-item:first-child {
    padding-top: 50%
  }
}

.d_teaser .f_tile-cover {
  background-color: rgba(64,64,64,.8)
}

  .d_teaser .f_tile-cover .f_button {
    min-width: 180px;
    background-color: #dc3545;
    border-color: #dc3545;
    font-size: 16px;
    font-weight: 400
  }

    .d_teaser .f_tile-cover .f_button:hover {
      background-color: #c82333;
      border-color: #bd2130
    }

.d_business p {
  text-align: left
}