@charset "UTF-8";
/* Colors */
/* Fonts */
/* Font weights */
/* Width px => em */
/* Miscellaneous */
/* Lists */
/* Boxes */
/* Links */
/* General */
html {
  font-size: 62.5%;
}

body {
  background-color: #FFF;
  color: #141E28;
  font-family: "Neue Frutiger 1450 W02", Arial, Helvetica, sans-serif;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.6;
  padding: 0;
  margin: 0;
}

html, body, * {
  box-sizing: border-box;
}

figure {
  padding: 0;
  margin: 0;
}

img {
  width: auto;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  color: #141E28;
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* General - TinyMCE */
#wrapper.mce-content-body {
  display: block;
  background: #FFF;
  color: #141E28;
}

/* Helper */
.offscreen,
.invisible {
  position: absolute !important;
  left: -10000px !important;
  top: auto !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
}

.hidden {
  display: none;
}

/* Helper - TinyMCE */
#wrapper.mce-content-body .offscreen {
  position: static !important;
  top: auto !important;
  left: auto !important;
  height: auto !important;
  width: auto !important;
  opacity: 0.2 !important;
}

/* Layout - Basic */
body,
.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* Layout - Content */
main {
  flex: 1;
  display: flex;
  flex-direction: column;
  background-image: linear-gradient(-180deg, #EFF4F7 0, #F8F8F8 500px);
}

body:not(.ie) .content-container {
  flex-grow: 1;
  position: relative;
}

.ie .content-container {
  flex-grow: 1;
}

.content-container.content-2-col > .inside {
  padding: 0 10px;
}
@media (min-width: 25em) {
  .content-container.content-2-col > .inside {
    padding: 0 20px;
  }
}
@media (min-width: 62.5em) {
  .content-container.content-2-col > .inside {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
  }
}
@media (min-width: 62.5em) {
  .content-container.content-2-col > .inside .content-main {
    width: calc((((100% - 40px) / 3) * 2) + 20px);
  }
}
@media (min-width: 46.875em) {
  .content-container.content-2-col > .inside .content-right {
    float: right;
    width: calc((100% - 40px) / 3);
    min-width: 28rem;
    margin: 0 0 20px 30px;
  }
}
@media (min-width: 62.5em) {
  .content-container.content-2-col > .inside .content-right {
    float: none;
    margin: 0;
  }
}

.content-main {
  padding: 30px 0 60px 0;
}

/* TinyMCE */
#wrapper.mce-content-body {
  max-width: 660px;
  margin: 0;
  padding: 10px 20px;
}

@media (min-width: 75em) {
  .header-nav-search {
    border-bottom: 1px solid #D8DCE1;
  }
}

.header-nav-search > .inside {
  padding: 10px;
}
@media (min-width: 25em) {
  .header-nav-search > .inside {
    padding: 20px 20x 10px 20px;
  }
}
@media (min-width: 75em) {
  .header-nav-search > .inside {
    padding: 0 20px;
    display: flex;
    max-width: 120rem;
    margin: 0 auto;
    justify-content: space-between;
  }
}

.header-logo {
  display: flex;
  justify-content: flex-end;
  min-height: 134px;
  padding: 0 10px 12px 10px;
  text-align: center;
}
@media (min-width: 25em) {
  .header-logo {
    padding: 0 20px 12px 20px;
  }
}
@media (min-width: 62.5em) {
  .header-logo {
    max-width: 120rem;
    margin: 0 auto;
    padding: 0 20px 0 20px;
  }
}

.header-skip-links ul,
.header-skip-links li {
  margin: 0;
  padding: 0;
}

.header-skip-links a {
  position: absolute !important;
  left: -10000px !important;
  top: auto !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
}
.header-skip-links a:focus, .header-skip-links a:active {
  position: static !important;
  width: auto !important;
  height: auto !important;
  display: block;
  background-color: #F6F6F6;
  border-bottom: 1px solid #D8DCE1;
  text-decoration-color: #009DE3;
  text-underline-offset: 0.1rem;
  text-underline-position: under;
}
.header-skip-links a:focus > span, .header-skip-links a:active > span {
  display: block;
  position: relative;
  padding: 11px 10px 12px 10px;
  font-size: 1.6rem;
  line-height: 2.2rem;
}
@media (min-width: 25em) {
  .header-skip-links a:focus > span, .header-skip-links a:active > span {
    padding: 11px 20px 12px 20px;
  }
}
@media (min-width: 62.5em) {
  .header-skip-links a:focus > span, .header-skip-links a:active > span {
    max-width: 120rem;
    margin: 0 auto;
  }
}

.content-skip-link {
  margin: 0;
  padding: 0;
}

.content-skip-link a {
  position: absolute !important;
  left: -10000px !important;
  top: auto !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
}
.content-skip-link a:after {
  display: none !important;
}

.content-skip-link a {
  position: absolute !important;
  left: -10000px !important;
  top: auto !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
}
.content-skip-link a:focus, .content-skip-link a:active {
  position: static !important;
  width: auto !important;
  height: auto !important;
}

.header-logo a:hover svg #icon-bubble-small, .header-logo a:focus svg #icon-bubble-small, .header-logo a:active svg #icon-bubble-small {
  display: none;
}
.header-logo a:hover svg #icon-bubble-big, .header-logo a:focus svg #icon-bubble-big, .header-logo a:active svg #icon-bubble-big {
  display: block;
  fill: #8E3B92;
}

.header-logo {
  position: relative;
}
.header-logo .inside {
  position: absolute;
  width: 100%;
  left: 0;
  padding: 22px 0 18px 0;
}

.header-nav ul {
  margin: 0;
  padding: 0;
}
@media (min-width: 75em) {
  .header-nav ul {
    display: flex;
  }
}

.header-nav li {
  font-size: 1.8rem;
  line-height: 2.2rem;
  margin: 0;
  border-bottom: 1px solid #D8DCE1;
}
@media (min-width: 75em) {
  .header-nav li {
    border-bottom: none;
    margin: 0 28px 0 0;
  }
}

.header-nav li > a,
.header-nav li > strong {
  font-weight: 400;
  position: relative;
  display: block;
  text-decoration: none;
  color: #141E28;
  padding: 0.9rem 0 1.2rem 20px;
}
@media (min-width: 75em) {
  .header-nav li > a,
.header-nav li > strong {
    padding: 20px 0 21px 0;
  }
}
.header-nav li > a.active:after, .header-nav li > a.trail:after,
.header-nav li > strong.active:after,
.header-nav li > strong.trail:after {
  position: absolute;
  display: block;
  content: " ";
  background-color: #C34691;
  width: 6px;
  top: 0;
  bottom: 0;
  left: 0;
}
@media (min-width: 75em) {
  .header-nav li > a.active:after, .header-nav li > a.trail:after,
.header-nav li > strong.active:after,
.header-nav li > strong.trail:after {
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.3rem;
  }
}

.header-nav li > strong {
  font-weight: 700;
}
@media (min-width: 62.5em) {
  .header-nav li > strong {
    font-weight: 400;
  }
}

.header-nav li > a:hover:after, .header-nav li > a:focus:after, .header-nav li > a:active:after {
  position: absolute;
  display: block;
  top: 0;
  width: 6px;
  bottom: 0;
  left: 0;
  content: " ";
  background-color: #C34691;
}
@media (min-width: 62.5em) {
  .header-nav li > a:hover:after, .header-nav li > a:focus:after, .header-nav li > a:active:after {
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.3rem;
  }
}

.navbar-programme ul {
  margin: 0;
  padding: 0;
}
@media (min-width: 62.5em) {
  .navbar-programme ul {
    margin: 0 auto;
    padding: 0 0 10px 0;
    position: relative;
    display: flex;
    max-width: 93rem;
  }
}

.navbar-programme li {
  font-size: 1.8rem;
  line-height: 2.2rem;
  margin: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
@media (min-width: 62.5em) {
  .navbar-programme li {
    line-height: 2.4rem;
    border-top: none;
  }
}

.navbar-programme li > a,
.navbar-programme li > strong {
  display: block;
  padding: 0.9rem 0 1.2rem 20px;
  text-decoration: none;
  color: #FFF;
}
@media (min-width: 62.5em) {
  .navbar-programme li > a,
.navbar-programme li > strong {
    padding: 15px 22px 12px 22px;
    text-align: center;
    white-space: nowrap;
  }
}
.navbar-programme li > a.active, .navbar-programme li > a.trail,
.navbar-programme li > strong.active,
.navbar-programme li > strong.trail {
  font-weight: 700;
}
@media (min-width: 62.5em) {
  .navbar-programme li > a.active, .navbar-programme li > a.trail,
.navbar-programme li > strong.active,
.navbar-programme li > strong.trail {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 0 1px 6px 0 rgba(72, 20, 74, 0.08);
    color: #611461;
  }
}
@media (min-width: 62.5em) {
  .navbar-programme li > a.active:before, .navbar-programme li > a.trail:before,
.navbar-programme li > strong.active:before,
.navbar-programme li > strong.trail:before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 10px;
    content: " ";
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.85) 0, rgba(255, 255, 255, 0.7) 16.2rem, rgba(255, 255, 255, 0.6) 32rem, rgba(255, 255, 255, 0.55) 52.2rem, rgba(255, 255, 255, 0.5) 70.9rem, rgba(255, 255, 255, 0.45) 81.9rem, rgba(255, 255, 255, 0.4) 90.9rem);
  }
}

.navbar-programme li > a:hover, .navbar-programme li > a:focus, .navbar-programme li > a:active {
  text-decoration: underline;
}
@media (min-width: 62.5em) {
  .navbar-programme li > a:hover, .navbar-programme li > a:focus, .navbar-programme li > a:active {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: rgba(255, 255, 255, 0.1);
  }
}

.navbar-programme li:last-child > a,
.navbar-programme li:last-child > strong {
  padding-bottom: 1.4rem;
}
@media (min-width: 62.5em) {
  .navbar-programme li:last-child > a,
.navbar-programme li:last-child > strong {
    padding-bottom: 12px;
  }
}

@media (min-width: 62.5em) {
  .navbar-programme li:nth-child(1) > a,
.navbar-programme li:nth-child(1) > strong {
    width: 16.2rem;
  }
  .navbar-programme li:nth-child(1) > a.active, .navbar-programme li:nth-child(1) > a.trail,
.navbar-programme li:nth-child(1) > strong.active,
.navbar-programme li:nth-child(1) > strong.trail {
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.85) 0, rgba(255, 255, 255, 0.7) 100%);
  }
  .navbar-programme li:nth-child(1) > a.active:before, .navbar-programme li:nth-child(1) > a.trail:before,
.navbar-programme li:nth-child(1) > strong.active:before,
.navbar-programme li:nth-child(1) > strong.trail:before {
    border-top-left-radius: 0;
  }

  .navbar-programme li:nth-child(2) > a,
.navbar-programme li:nth-child(2) > strong {
    width: 29rem;
  }
  .navbar-programme li:nth-child(2) > a.active, .navbar-programme li:nth-child(2) > a.trail,
.navbar-programme li:nth-child(2) > strong.active,
.navbar-programme li:nth-child(2) > strong.trail {
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.55) 100%);
  }

  .navbar-programme li:nth-child(3) > a,
.navbar-programme li:nth-child(3) > strong {
    width: 11rem;
  }
  .navbar-programme li:nth-child(3) > a.active, .navbar-programme li:nth-child(3) > a.trail,
.navbar-programme li:nth-child(3) > strong.active,
.navbar-programme li:nth-child(3) > strong.trail {
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.55) 0, rgba(255, 255, 255, 0.53) 100%);
  }

  .navbar-programme li:nth-child(4) > a,
.navbar-programme li:nth-child(4) > strong {
    width: 9rem;
  }
  .navbar-programme li:nth-child(4) > a.active, .navbar-programme li:nth-child(4) > a.trail,
.navbar-programme li:nth-child(4) > strong.active,
.navbar-programme li:nth-child(4) > strong.trail {
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.53) 0, rgba(255, 255, 255, 0.5) 100%);
  }
}
/* Level 2 */
.navbar-programme-level-2 {
  max-width: 93rem;
  margin: 0 auto;
  border-radius: 0 0 5px 5px;
  padding: 12px;
  background-color: #FFF;
  box-shadow: 0 10px 20px 0 rgba(60, 60, 65, 0.1);
  position: relative;
}
.navbar-programme-level-2 ul {
  display: flex;
  gap: 5px;
  margin: 0;
}
.navbar-programme-level-2 li {
  font-size: 1.8rem;
  line-height: 2.4rem;
  margin: 0;
}
.navbar-programme-level-2 li a,
.navbar-programme-level-2 li strong {
  display: block;
  color: #141E28;
  text-decoration: none;
  padding: 0.6rem 12px 0.8rem 12px;
  position: relative;
}
.navbar-programme-level-2 li a:hover:before, .navbar-programme-level-2 li a:focus:before, .navbar-programme-level-2 li a:active:before, .navbar-programme-level-2 li a.trail:before,
.navbar-programme-level-2 li strong:hover:before,
.navbar-programme-level-2 li strong:focus:before,
.navbar-programme-level-2 li strong:active:before,
.navbar-programme-level-2 li strong.trail:before {
  content: " ";
  display: block;
  position: absolute;
  width: calc(100% - 12px - 12px);
  height: 3px;
  background-color: #8E3B92;
  bottom: -12px;
}
.navbar-programme-level-2 li strong {
  font-weight: 400;
}
.navbar-programme-level-2 li strong:before {
  content: " ";
  display: block;
  position: absolute;
  width: calc(100% - 12px - 12px);
  height: 3px;
  background-color: #8E3B92;
  bottom: -12px;
}
.navbar-programme-level-2 li.navbar-button {
  flex-grow: 1;
  text-align: right;
  align-self: center;
}
.navbar-programme-level-2 li.navbar-button a {
  border: 1px solid #8E3B92;
  background-color: #FFF;
  color: #8E3B92;
  border-radius: 3px;
  display: inline-block;
  font-size: 1.5rem;
  padding: 0.3rem 12px 0.4rem 12px;
  font-weight: 600;
}
.navbar-programme-level-2 li.navbar-button a:hover, .navbar-programme-level-2 li.navbar-button a:focus, .navbar-programme-level-2 li.navbar-button a:active {
  background-color: #8E3B92;
  color: #FFF;
}
.navbar-programme-level-2 li.navbar-button a:hover:before, .navbar-programme-level-2 li.navbar-button a:focus:before, .navbar-programme-level-2 li.navbar-button a:active:before {
  content: none;
}
.navbar-programme-level-2 li.navbar-button strong, .navbar-programme-level-2 li.navbar-button.trail {
  display: none;
}

@media (min-width: 37.5em) {
  .form-cols-3 {
    display: flex;
    gap: 20px;
    justify-content: space-between;
  }
  .form-cols-3 .widget {
    flex-basis: calc((100% - 40px) / 3);
  }
}

.header-search {
  padding: 9px 0;
  display: flex;
}
@media (min-width: 31.25em) {
  .header-search {
    justify-content: flex-end;
  }
}
@media (min-width: 75em) {
  .header-search {
    padding: 0;
  }
}

.header-search .ce_form {
  margin: 0;
  display: flex;
}
.header-search .ce_form form {
  margin: 0;
  display: flex;
}

.header-search .formbody {
  position: relative;
  align-items: center;
  display: flex;
}

.header-search .widget {
  margin: 0;
}

.header-search label {
  position: absolute !important;
  left: -10000px !important;
  top: auto !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
}

.header-search .widget-text .text {
  font-size: 1.8rem;
  width: 100%;
  padding: 0.1rem 5rem 0.4rem 1.5rem;
  border: 1px solid #333;
  border-radius: 4rem;
  margin-top: 1px;
}
.header-search .widget-text .text::placeholder {
  color: #141E28;
}
.header-search .widget-text .text:hover, .header-search .widget-text .text:focus, .header-search .widget-text .text:active {
  border: 1px solid #009DE3;
  box-shadow: 0 0 0 3px #009DE3;
}
.header-search .widget-text .text:hover::placeholder, .header-search .widget-text .text:focus::placeholder, .header-search .widget-text .text:active::placeholder {
  opacity: 0.3;
}

.header-search .widget-submit .submit {
  position: absolute;
  top: calc(50% - (2.0rem / 2) - .1rem);
  right: 1.7rem;
  width: 2rem;
  height: 2rem;
  cursor: pointer;
  background-color: transparent;
  padding: 0;
  margin: 0;
  border: none;
}
.header-search .widget-submit .submit #icon-search-icon {
  fill: #333;
}
.header-search .widget-submit .submit:hover #icon-search-icon, .header-search .widget-submit .submit:focus #icon-search-icon, .header-search .widget-submit .submit:active #icon-search-icon {
  fill: #0679C6;
}
.header-search .widget-submit .submit svg {
  width: 2.2rem;
  height: 2.2rem;
}

.teaser-5-tips {
  position: relative;
  z-index: 10;
  min-height: 134px;
  max-width: 33%;
  background-image: url(/files/content/images/video-fuer-alle/teaser-5-tips-tara.png);
  background-size: 147px 111px;
  background-repeat: no-repeat;
  background-position: bottom right;
  padding: 22px 0 18px 0;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  display: none;
}
@media (min-width: 62.5em) {
  .teaser-5-tips {
    display: flex;
  }
}

.teaser-5-tips-text {
  max-width: 20.5rem;
  border: 1px solid #B6BDC6;
  border-radius: 10px;
  padding: 7px 18px 13px 18px;
  margin: -9px 105px 0 0;
  font-size: 1.7rem;
  line-height: 2.4rem;
  text-align: left;
}
.teaser-5-tips-text a {
  text-decoration: none;
  border-bottom: 1px solid #C34691;
}
.teaser-5-tips-text a:hover, .teaser-5-tips-text a:focus, .teaser-5-tips-text a:active {
  color: #0075B3;
  border-bottom-color: #3CB9F0;
  text-decoration: none;
}

.video-fuer-alle .teaser-5-tips {
  display: none;
}

.mod_article.accordion {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.accordion-item {
  border-top: 1px solid #B6BDC6;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.accordion-item:last-child {
  border-bottom: 1px solid #B6BDC6;
}

.open.accordion-item {
  border-top: 1px solid #FFF;
}

.accordion-item-title h2,
.accordion-item-title h3 {
  font-size: 2rem;
  font-weight: 400;
  line-height: 2.8rem;
  margin: 0 !important;
}

.open .accordion-item-title h2,
.open .accordion-item-title h3 {
  font-weight: 400;
}

.accordion-item .accordion-item-title-link {
  transition: none;
  background-image: none;
  position: relative;
  display: block;
  padding: 1rem 10px 1.1rem 46px;
  text-decoration: none;
  color: #141E28;
  border: none;
  outline: none;
}

.accordion .accordion-item-title-link:hover,
.accordion .accordion-item-title-link.cursor-over:focus,
.accordion .accordion-item-title-link:active {
  text-decoration: none;
  color: #141E28;
  outline: 0;
  background-color: #F3F3F3;
  border-bottom: none;
}

.accordion .accordion-item-title-link:focus {
  color: #141E28;
}

.accordion .open.accordion-item-title-link,
.accordion .open.accordion-item-title-link.cursor-over {
  display: block;
  text-decoration: none;
  color: #FFF;
  border-radius: 1px;
  background-color: #C34691;
}

.accordion .open.accordion-item-title-link:hover,
.accordion .open.accordion-item-title-link.cursor-over:hover,
.accordion .open.accordion-item-title-link.cursor-over:focus,
.accordion .open.accordion-item-title-link.cursor-over:active {
  text-decoration: none;
  border-bottom: none;
}

.accordion .open.accordion-item-title-link,
.accordion .open.accordion-item-title-link.cursor-over {
  text-decoration: none;
  color: #FFF;
  border-radius: 3px;
  background-color: #8E3B92;
}

.accordion-item-title-link:before {
  position: absolute;
  top: 1.3rem;
  left: 10px;
  display: block;
  width: 2.3rem;
  height: 2.3rem;
  content: " ";
  background-image: url(/files/system/images/icons-accordion.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  /* cyan down */
  background-size: 9.2rem 2.3rem;
}
.accordion-item-title-link:hover, .accordion-item-title-link.cursor-over:focus, .accordion-item-title-link:active {
  text-decoration: none;
}
.accordion-item-title-link:hover:before, .accordion-item-title-link.cursor-over:focus:before, .accordion-item-title-link:active:before {
  background-position: -4.6rem 0;
  /* pink down */
}
.accordion-item-title-link:focus {
  border-bottom: none !important;
}

.open.accordion-item-title-link:before,
.open.accordion-item-title-link.cursor-over:before {
  background-position: -6.9rem 0;
  /* white up */
}

.accordion .image_container {
  padding: 20px 25px 0 45px;
}

.accordion-item-content-inner {
  padding: 15px 25px 20px 45px;
  margin: 0 !important;
}

.accordion .image_container + .accordion-item-content-inner {
  padding-top: 0;
}

.accordion-item p,
.accordion-item ul:not(.programme-list) {
  margin: 1.5rem 0 !important;
}

.accordion-item .accordion-item-content .image_container.float_right {
  margin-top: 36px;
}

.content-container.content-1-col .mod_article > .inside {
  padding: 0 10px;
}
@media (min-width: 25em) {
  .content-container.content-1-col .mod_article > .inside {
    padding: 0 20px;
  }
}
@media (min-width: 62.5em) {
  .content-container.content-1-col .mod_article > .inside {
    max-width: 120rem;
    margin: 0 auto;
  }
}

@media (min-width: 56.25em) {
  .mod_article.article-cols-2 > .inside {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
  }
}
@media (min-width: 75em) {
  .mod_article.article-cols-2 > .inside {
    gap: 40px;
  }
}
@media (min-width: 56.25em) {
  .mod_article.article-cols-2 > .inside > div {
    flex-basis: calc((100% - 20px) / 2);
  }
}
@media (min-width: 75em) {
  .mod_article.article-cols-2 > .inside > div {
    flex-basis: calc((100% - 40px) / 2);
  }
}
.mod_article.article-cols-2 > .inside > .double-width {
  flex-basis: 100%;
}

.mod_article.article-cols-2-boxes.article-cols-2-pink-stripe:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 85px;
  background-image: linear-gradient(136deg, #8C37A0 0%, #C34691 100%);
  z-index: 1;
}
.mod_article.article-cols-2-boxes.article-cols-2-pink-stripe .inside {
  position: relative;
  z-index: 2;
}

.content-intro > .inside {
  padding: 0 10px;
}
@media (min-width: 25em) {
  .content-intro > .inside {
    padding: 0 20px;
  }
}
@media (min-width: 62.5em) {
  .content-intro > .inside {
    max-width: 120rem;
    margin: 0 auto;
    padding: 0 20px 0 20px;
  }
}

/* Intro with navbar */
@media (min-width: 62.5em) {
  .content-intro.content-intro-with-navbar > .inside {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
  }
}

.content-intro-with-navbar .mod_article {
  padding-top: 30px;
}
@media (min-width: 62.5em) {
  .content-intro-with-navbar .mod_article {
    width: calc((((100% - 40px) / 3) * 2) + 20px);
    display: flex;
    align-items: flex-start;
  }
}
.content-intro-with-navbar .mod_article > .inside {
  display: flex;
}
@media (min-width: 46.875em) {
  .content-intro-with-navbar .navbar-submenu {
    float: right;
    width: calc((100% - 40px) / 3);
    min-width: 28rem;
    margin: 0 0 20px 30px;
  }
}
@media (min-width: 62.5em) {
  .content-intro-with-navbar .navbar-submenu {
    float: none;
    margin: 0;
    align-self: flex-start;
  }
}

/* Intro with 2 columns */
@media (min-width: 62.5em) {
  .content-intro.content-intro-2-col .mod_article > .inside {
    display: flex;
    justify-content: space-between;
  }
}

.content-intro-2-col .mod_article > .inside > :nth-child(odd) {
  padding-top: 30px;
}
@media (min-width: 62.5em) {
  .content-intro-2-col .mod_article > .inside > :nth-child(odd) {
    width: calc((((100% - 40px) / 3) * 2) + 20px);
    display: flex;
    align-items: center;
  }
}
.content-intro-2-col .mod_article > .inside > :nth-child(odd) > .inside {
  display: flex;
}
.content-intro-2-col .mod_article > .inside > :nth-child(odd) .ce_text :last-child {
  margin-bottom: 0;
}

.content-intro-2-col .mod_article > .inside > .mod_search:nth-child(odd) {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

@media (min-width: 62.5em) {
  .content-intro-2-col .mod_article > .inside > :nth-child(even) {
    float: right;
    width: calc((100% - 40px) / 3);
    min-width: 28rem;
    margin: 0 0 20px 30px;
  }
}
@media (min-width: 62.5em) {
  .content-intro-2-col .mod_article > .inside > :nth-child(even) {
    float: none;
    margin: 0;
    align-self: flex-start;
  }
}

.content-breadcrumb-subnav {
  background-image: linear-gradient(136deg, #8C37A0 0%, #C34691 100%);
  color: #FFF;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.content-breadcrumb-subnav > .inside {
  padding: 0 10px;
}
@media (min-width: 25em) {
  .content-breadcrumb-subnav > .inside {
    padding: 0 20px;
  }
}
@media (min-width: 62.5em) {
  .content-breadcrumb-subnav > .inside {
    max-width: 120rem;
    margin: 0 auto;
  }
}

.ce_text.box {
  background-color: #FFF;
  box-shadow: 0 10px 20px 0 rgba(60, 60, 65, 0.1);
  border-radius: 5px;
  padding: 10px;
  margin: 10px 0;
}
@media (min-width: 31.25em) {
  .ce_text.box {
    padding: 25px 25px 35px 25px;
    margin: 20px 0;
  }
}

.content-main .ce_text.box {
  margin: 3.5rem 0;
}

.content-main .article-cols-2 .ce_text.box {
  margin: 10px 0;
}
@media (min-width: 31.25em) {
  .content-main .article-cols-2 .ce_text.box {
    margin: 0;
  }
}

.content-right .first .ce_text.box.first,
.content-right .first .ce_headline.offscreen + .ce_text.box {
  position: relative;
  margin-top: 0;
}
.content-right .first .ce_text.box.first:before,
.content-right .first .ce_headline.offscreen + .ce_text.box:before {
  content: " ";
  display: block;
  height: 10px;
  position: absolute;
  top: -10px;
  left: 0;
  width: 100%;
  background-image: linear-gradient(124deg, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.73) 31%, rgba(255, 255, 255, 0.3) 100%);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.content-intro-2-col .first > .inside > :first-child + .ce_text.box {
  position: relative;
  margin-top: 0;
}
@media (min-width: 62.5em) {
  .content-intro-2-col .first > .inside > :first-child + .ce_text.box:before {
    content: " ";
    display: block;
    height: 10px;
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    background-image: linear-gradient(124deg, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.73) 31%, rgba(255, 255, 255, 0.3) 100%);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
}

.ce_text.box > h2,
.ce_text.box > h3 {
  font-size: 2.1rem;
  line-height: 2.8rem;
  font-weight: 600;
  margin: 0 0 1.5rem 0;
  border-bottom: 1px solid #D8DCE1;
  padding-bottom: 0.9rem;
}

.ce_text.box .image_container.float_above {
  margin-top: calc(-1.5rem - 1px);
}

.ce_text.box .text_container p {
  margin: 2.2rem 0 2.2rem 0;
}

.content-right .ce_text.box .text_container p {
  font-size: 1.9rem;
  line-height: 2.9rem;
}

.ce_text.box .text_container :last-child {
  margin-bottom: 0;
}

.ce_text.box-border {
  border: 1px solid #D8DCE1;
  padding: 23px 40px 25px 30px;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.35);
}
.ce_text.box-border .text_container p:first-child {
  margin-top: 0;
}
.ce_text.box-border .text_container p:last-child {
  margin-bottom: 0;
}
.ce_text.box-border h1 {
  font-size: 2.8rem;
  line-height: 3.8rem;
  margin: 0.5rem 0 1.5rem 0;
}

.box .text_container h2,
.box-border .text_container h2 {
  margin: 0 !important;
  font-size: 2.5rem;
  line-height: 3.3rem;
}

.box .h2-with-label {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 56.25em) {
  .box .h2-with-label {
    min-height: 14.5rem;
  }
}
@media (min-width: 62.5em) {
  .box .h2-with-label {
    min-height: 11rem;
  }
}

.box h2 .h2-label {
  background-color: #8E3B92;
  color: #FFF;
  padding: 0.3rem 15px 0.5rem 15px;
  border-radius: 2px;
  display: inline-block;
  font-size: 1.8rem;
  line-height: 2.8rem;
  margin-bottom: 1rem;
}

.ce_text.box .ce_youtube,
.ce_text.box-border .ce_youtube {
  margin-top: 1.8rem;
}

.ce_text.box-align-self-flex-start {
  align-self: flex-start;
}

@media (min-width: 43.75em) {
  .box-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
  }
}
@media (min-width: 62.5em) {
  .box-list {
    justify-content: space-between;
  }
}

.box-list.box-list-cols-3 .box-list-item {
  max-width: 37.5rem;
  background-color: #FFF;
  box-shadow: 0 10px 20px 0 rgba(60, 60, 65, 0.1);
  border-radius: 5px;
  padding: 10px;
  margin: 20px auto;
}
@media (min-width: 43.75em) {
  .box-list.box-list-cols-3 .box-list-item {
    width: calc((100% - 20px) / 2);
    margin: 0;
  }
}
@media (min-width: 62.5em) {
  .box-list.box-list-cols-3 .box-list-item {
    width: calc((100% - 20px - 20px) / 3);
  }
}
.box-list.box-list-cols-3 .box-list-item .box-image img {
  width: 100%;
  height: auto;
}
.box-list.box-list-cols-3 .box-list-item .box-title {
  font-size: 2.1rem;
  line-height: 2.8rem;
  margin: 2.2rem 0 1rem 0;
}
.box-list.box-list-cols-3 .box-list-item .box-title a {
  color: #8E3B92;
  border-bottom: none;
  text-decoration: none;
}
.box-list.box-list-cols-3 .box-list-item .box-title a:hover, .box-list.box-list-cols-3 .box-list-item .box-title a:focus, .box-list.box-list-cols-3 .box-list-item .box-title a:active {
  border-bottom: 1px solid #009DE3;
  color: #0075B3;
}
.box-list.box-list-cols-3 .box-list-item p {
  font-size: 1.9rem;
  line-height: 2.7rem;
  margin: 0;
}
.box-list.box-list-cols-3 .box-list-item .box-link {
  margin: 0 0 2rem 0;
}
.box-list.box-list-cols-3 .fake-box-list-item {
  box-shadow: none;
  height: 1px;
  padding: 0;
  background-color: transparent;
}

/* Breadcrumb */
.content-breadcrumb-subnav {
  /*
  .mod_breadcrumb strong {
      @include offscreen;
  }
  */
}
.content-breadcrumb-subnav .mod_breadcrumb p {
  margin: 16px 0 18px 0;
  font-size: 1.7rem;
  line-height: 2.2rem;
}
@media (min-width: 62.5em) {
  .content-breadcrumb-subnav .mod_breadcrumb p {
    margin: 13px 0 17px 0;
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
}
.content-breadcrumb-subnav .mod_breadcrumb a,
.content-breadcrumb-subnav .mod_breadcrumb strong {
  font-weight: 300;
  text-decoration: none;
  border-bottom: none;
  color: #FFF;
}
.content-breadcrumb-subnav .mod_breadcrumb a:hover, .content-breadcrumb-subnav .mod_breadcrumb a:focus, .content-breadcrumb-subnav .mod_breadcrumb a:active {
  text-decoration: none;
  border-bottom: 1px solid #FFF;
  color: #FFF;
}
.content-breadcrumb-subnav .breadcrumb-separator {
  padding: 0 0.2rem;
}

.filter {
  padding: 5px 10px;
  background-color: #FFF;
  box-shadow: 0 10px 20px 0 rgba(60, 60, 65, 0.1);
  position: relative;
  margin: 0 -10px;
}
@media (min-width: 25em) {
  .filter {
    margin: 0 -20px;
  }
}
@media (min-width: 37.5em) {
  .filter {
    padding: 10px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
  }
}
@media (min-width: 62.5em) {
  .filter {
    max-width: 93rem;
    margin: 0 auto;
    border-radius: 0 0 5px 5px;
    padding: 12px;
    gap: 5px;
  }
}

.filter-button {
  position: relative;
  z-index: 10;
  border: 1px solid #D8DCE1;
  background-color: #FFF;
  color: #141E28;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.6rem 8px 0.8rem 10px;
  font-size: 1.7rem;
  line-height: 2.3rem;
  margin: 5px 0;
  width: 100%;
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: auto;
  font-weight: 400;
}
@media (min-width: 37.5em) {
  .filter-button {
    margin: 0;
    width: auto;
    justify-content: flex-start;
  }
}
@media (min-width: 62.5em) {
  .filter-button {
    border: 1px solid #FFF;
    font-size: 1.8rem;
    line-height: 2.4rem;
    padding: 0.6rem 25px 0.8rem 25px;
  }
}
.filter-button .filter-button-icon {
  display: block;
  background-image: url(/files/system/images/icons-arrow-mini-up-down.svg);
  background-size: 9.9rem 1.4rem;
  width: 1.1rem;
  height: 0.7rem;
  margin: 4px 0 0 8px;
}
.filter-button:hover .filter-button-icon, .filter-button:focus .filter-button-icon, .filter-button:active .filter-button-icon {
  background-position: -88px 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.filter-button[aria-expanded=true] {
  border-color: #B6BDC6;
  border-bottom-color: #FFF;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #FFF;
  color: #141E28;
  z-index: 30;
}
.filter-button[aria-expanded=true] .filter-button-icon {
  background-position: 0 -7px;
}
.filter-button[aria-expanded=true]:hover, .filter-button[aria-expanded=true]:focus, .filter-button[aria-expanded=true]:active {
  background-color: #0679C6;
  color: #FFF;
  border-color: #0679C6;
}
.filter-button[aria-expanded=true]:hover .filter-button-icon, .filter-button[aria-expanded=true]:focus .filter-button-icon, .filter-button[aria-expanded=true]:active .filter-button-icon {
  background-position: -88px -7px;
}

.filter-form {
  margin: 0;
}

.filter-controls {
  z-index: 20;
  background-color: #FFF;
  border: 1px solid #B6BDC6;
  border-radius: 0 0 5px 5px;
  padding: 10px 10px 10px 10px;
  margin-top: -6px;
  left: 10px;
}
@media (min-width: 37.5em) {
  .filter-controls {
    position: absolute;
    width: calc(100% - 24px);
    margin-top: -1px;
    border-radius: 0 5px 5px 5px;
    padding: 25px 10px 10px 10px;
  }
}
@media (min-width: 62.5em) {
  .filter-controls {
    left: 12px;
  }
}

.filter-fieldset-legend {
  font-size: 1.7rem;
  font-weight: 600;
}

.filter-option {
  display: flex;
  align-items: center;
  position: relative;
  font-size: 1.8rem;
  line-height: 2.8rem;
  padding: 0.6rem 15px 0.8rem 15px;
  border-radius: 3px;
  cursor: pointer;
}
.filter-option:hover {
  background-color: #E6F7FE;
}
.filter-option.selected {
  background-color: #E6F7FE;
}
.filter-option:before {
  content: " ";
  display: block;
  width: 2rem;
  height: 2rem;
  border: 1px solid #999;
  background-color: #FFF;
  border-radius: 100%;
  margin: 0.2rem 0 0 0;
  cursor: pointer;
  position: relative;
  z-index: 10;
}
.filter-option.selected:before {
  border: 1px solid #0075B3;
}
.filter-option.selected:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border: 0.5rem solid #0075B3;
  border-radius: 100%;
  margin: 0.1rem 0 0 0.6rem;
  position: absolute;
  cursor: pointer;
  z-index: 10;
}
.filter-option .filter-option-radio {
  opacity: 0;
  position: absolute;
}
.filter-option .filter-option-label {
  flex: 1;
  padding-left: 10px;
  cursor: pointer;
}

.filter-submit {
  margin: 10px 15px 15px 15px;
  background-color: #E3E6EA;
  border-color: #E3E6EA;
  color: #141E28;
}

.height-helper {
  display: none;
}
@media (min-width: 37.5em) {
  .height-helper {
    display: block;
  }
}

.programme-filter-error {
  background-color: #FFF;
  margin: 0 -20px;
  padding: 2rem 20px 2rem 20px;
}
@media (min-width: 62.5em) {
  .programme-filter-error {
    max-width: 93rem;
    padding: 2rem 20px 1rem 20px;
    margin: 0 auto 0 auto;
  }
}
.programme-filter-error p {
  display: block;
  font-size: 1.8rem;
  line-height: 2.6rem;
  margin: 0;
  max-width: 82rem;
}
.programme-filter-error p strong {
  font-weight: 600;
}
/* Basic */
input[type=text], button, select, textarea {
  font: inherit;
  margin: 0;
}
input[type=text]:hover, input[type=text]:focus, input[type=text]:active, button:hover, button:focus, button:active, select:hover, select:focus, select:active, textarea:hover, textarea:focus, textarea:active {
  outline: none;
}

input[type=text],
input[type=submit],
input[type=password],
textarea {
  -webkit-appearance: none;
}

/* Layout */
.ce_form form {
  max-width: 72rem;
  margin: 4.5rem 0;
}

.content-main .ce_form .limited-width {
  max-width: 100%;
}
.content-main .ce_form .limited-width fieldset {
  display: block;
  max-width: 93rem;
  margin: 10px auto 35px auto;
  border: 1px solid #FFF;
  padding: 15px 40px 22px 30px;
  position: relative;
  background: #FFF;
  box-shadow: 0 10px 20px 0 rgba(60, 60, 65, 0.1);
  border-radius: 0 5px 5px 0;
}
.content-main .ce_form .limited-width fieldset:before {
  display: block;
  width: 5px;
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  background-color: #C34691;
  content: " ";
}
.content-main .ce_form .limited-width fieldset legend {
  float: left;
  padding: 0 0 2.6rem 0;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.2rem;
}
.content-main .ce_form .limited-width fieldset legend:after {
  width: 3.5rem;
  height: 0.2rem;
  content: " ";
  display: block;
  background-color: #C34691;
  margin: 0.8rem 0 1rem 0;
}
.content-main .ce_form .limited-width fieldset .widget {
  clear: both;
}

/* Fieldset */
fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

.content-main .formbody > fieldset {
  margin: 4.5rem 0;
}

.content-main .formbody > fieldset legend {
  font-size: 2.2rem;
  line-height: 2.8rem;
  font-weight: 700;
}

/* Widget */
.widget {
  font-size: 2rem;
  line-height: 3.2rem;
  margin: 1rem 0;
}

.widget.spacing-top {
  margin-top: 4.5rem;
}

/* Label */
.widget label {
  font-size: 1.9rem;
  line-height: 3.2rem;
  display: inline-block;
  padding: 0 0 0.2rem 0;
  color: #141E28;
  font-weight: 600;
}
.widget label .mandatory {
  padding-left: 0.3rem;
}

/* Text and Textarea */
.widget .text,
.widget .textarea {
  font-size: 2rem;
  line-height: 3.2rem;
  width: 100%;
  margin: 0;
  padding: 0.5rem 10px 0.7rem 10px;
  color: #141E28;
  border: 1px solid #B6BDC6;
  border-radius: 3px;
  background-color: #FFF;
  display: block;
}
.widget .text:hover, .widget .text:focus, .widget .text:active,
.widget .textarea:hover,
.widget .textarea:focus,
.widget .textarea:active {
  border: 1px solid #009DE3;
}

/* Select */
.widget select {
  font-size: 2rem;
  line-height: 2.5rem;
  width: 100%;
  margin: 0;
  padding: 0.2rem 8px 0.5rem 8px;
  color: #141E28;
  border: 1px solid #B6BDC6;
  border-radius: 3px;
  background-color: #FFF;
}
.widget select:hover, .widget select:focus, .widget select:active {
  background-color: #F6F6F6;
}

/* Checkbox */
.widget-checkbox fieldset legend {
  font-size: 1.9rem;
  font-weight: 700;
  line-height: 3.2rem;
}
.widget-checkbox fieldset legend .mandatory {
  padding-left: 0.3rem;
}
.widget-checkbox fieldset > span {
  display: flex;
  align-items: baseline;
}
.widget-checkbox fieldset label {
  flex: 1;
  margin-left: 14px;
}
.widget-checkbox fieldset .checkbox {
  position: relative;
  top: 0.1rem;
  width: 1.8rem;
  height: 1.8rem;
  border: 1px solid #B6BDC6;
}

/* Submit and Button */
input[type=submit],
button {
  cursor: pointer;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 2.4rem;
  padding: 0.6rem 25px 0.8rem 25px;
  color: #FFF;
  border: 1px solid #8E3B92;
  border-radius: 3px;
  background-color: #8E3B92;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
input[type=submit]:hover, input[type=submit]:focus, input[type=submit]:active,
button:hover,
button:focus,
button:active {
  cursor: pointer;
  text-decoration: none;
  color: #FFF;
  border-color: #0679C6;
  background-color: #0679C6;
}
input[type=submit].button-small,
button.button-small {
  font-size: 1.6rem;
  line-height: 2.2rem;
  padding: 0.3rem 12px 0.5rem 12px;
}

.widget-submit {
  margin-top: 2.5rem;
}

button {
  cursor: pointer;
}
button:hover, button:focus, button:active {
  outline: none;
}

/* Button – More Link */
.button-more-link {
  background-color: transparent;
  border: none;
  padding: 0;
  color: #8E3B92;
  display: inline-block;
  font-size: 2rem;
  -webkit-font-smoothing: initial;
  -moz-osx-font-smoothing: auto;
  border-bottom: 1px solid #C34691;
  border-radius: 0;
}
.button-more-link:hover, .button-more-link:focus, .button-more-link:active {
  background-color: transparent;
  color: #0075B3;
  border-color: #009DE3;
}

/* Error handling */
.widget-text.error,
.widget-select.error {
  display: flex;
  flex-direction: column;
}
.widget-text.error label,
.widget-select.error label {
  order: 1;
}
.widget-text.error p,
.widget-select.error p {
  order: 3;
}
.widget-text.error input,
.widget-select.error input {
  order: 2;
  border-color: #CF0015;
}

.widget.error p.error {
  font-size: 1.8rem;
  line-height: 2.8rem;
  font-weight: 600;
  margin: 0;
  color: #CF0015;
}

/* Placeholder */
::-webkit-input-placeholder {
  /* Chrome */
  color: #455761;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: #455761;
}

::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
  color: #455761;
}

:-moz-placeholder {
  /* Firefox 4 - 18 */
  opacity: 1;
  color: #455761;
}

::-ms-input-placeholder {
  /* Edge */
  color: #455761;
}

:hover::-webkit-input-placeholder,
:focus::-webkit-input-placeholder,
:active::-webkit-input-placeholder {
  /* Chrome */
  color: rgba(69, 87, 97, 0.6);
}

:hover:-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(69, 87, 97, 0.6);
}

:hover::-moz-placeholder,
:focus::-moz-placeholder,
:active::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
  color: rgba(69, 87, 97, 0.6);
}

:hover:-moz-placeholder {
  /* Firefox 4 - 18 */
  opacity: 1;
  color: rgba(69, 87, 97, 0.6);
}

:hover::-ms-input-placeholder {
  /* Edge */
  color: rgba(69, 87, 97, 0.6);
}

.ce_gallery {
  max-width: 72rem;
  margin: 5rem 0;
}

.ce_gallery ul {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
}
@media (min-width: 37.5em) {
  .ce_gallery ul {
    gap: 20px;
    justify-content: flex-start;
  }
}

.ce_gallery .cols_2 li {
  margin: 0;
}
@media (min-width: 31.25em) {
  .ce_gallery .cols_2 li {
    flex-basis: calc((100% - 10px) /2);
  }
}
@media (min-width: 37.5em) {
  .ce_gallery .cols_2 li {
    flex-basis: calc((100% - 20px) /2);
  }
}

.ce_gallery .cols_3 li {
  flex-basis: calc((100% - 40px) /3);
}

.gallery-image-border li {
  border: 1px solid #D8DCE1;
}

.image_container + .p-caption {
  margin: 1rem 0 3.5rem 0;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #666;
  font-weight: 300;
}

.navbar-content {
  margin: 6rem 0 2.5rem 0;
  padding: 2.5rem 30px 1.5rem 30px;
  position: relative;
  border: 1px solid #D8DCE1;
  border-radius: 3px;
  max-width: 72rem;
}
.navbar-content h2 {
  font-size: 2.2rem;
  line-height: 3.2rem;
  margin: 0 0 2rem 0;
}
.navbar-content ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.navbar-content li {
  font-size: 1.8rem;
  line-height: 2.4rem;
  margin: 0;
  font-weight: 300;
  border-top: 1px solid #D8DCE1;
}
.navbar-content li:last-child {
  border-bottom: none;
}
.navbar-content li > a,
.navbar-content li > strong {
  display: flex;
  font-weight: 300;
  color: #141E28;
  text-decoration: none;
  align-items: center;
  justify-content: flex-start;
  border-bottom: none;
}
.navbar-content li > a span,
.navbar-content li > strong span {
  margin-left: 10px;
  margin-bottom: 1px;
}
.navbar-content li > a:before,
.navbar-content li > strong:before {
  position: relative;
  top: 1px;
  content: " ";
  display: block;
  width: 0.7rem;
  height: 1.1rem;
  background-image: url(/files/system/images/icons-arrow-mini-right-left.svg);
  background-size: 5.6rem 2.2rem;
  background-repeat: no-repeat;
}
.navbar-content li > a {
  padding: 8px 0 11px 0;
}
.navbar-content li > a:hover, .navbar-content li > a:focus, .navbar-content li > a:active {
  border-bottom: none;
}
.navbar-content li > a:hover span, .navbar-content li > a:focus span, .navbar-content li > a:active span {
  margin-bottom: 0;
  border-bottom: 1px solid #C34691;
  color: #611461;
}
.navbar-content li > a:hover:before, .navbar-content li > a:focus:before, .navbar-content li > a:active:before {
  background-position: -21px 0px;
}
.navbar-content li > strong {
  padding: 9px 0 10px 0;
}
.navbar-content li > strong span {
  font-weight: 600;
  color: #8E3B92;
}
.navbar-content li > strong:before {
  top: 0;
  background-position: -21px 0px;
}
.navbar-content li.trail a span {
  font-weight: 600;
  color: #8E3B92;
}
.navbar-content li.trail a:before {
  top: 0;
  background-position: -21px 0px;
}

.navbar-submenu {
  margin: 20px 0 0 0;
  background-color: #FFF;
  box-shadow: 0 10px 20px 0 rgba(60, 60, 65, 0.1);
  border-radius: 5px;
  padding: 20px 30px;
  position: relative;
}
@media (min-width: 46.875em) {
  .navbar-submenu {
    margin: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }
}
@media (min-width: 46.875em) {
  .navbar-submenu:before {
    content: " ";
    display: block;
    height: 10px;
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    background-image: linear-gradient(124deg, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.73) 31%, rgba(255, 255, 255, 0.3) 100%);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
}
.navbar-submenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.navbar-submenu li {
  font-size: 1.8rem;
  line-height: 2.4rem;
  margin: 0;
  font-weight: 300;
  border-bottom: 1px solid #D8DCE1;
}
.navbar-submenu li:last-child {
  border-bottom: none;
}
.navbar-submenu li > a,
.navbar-submenu li > strong {
  display: flex;
  font-weight: 300;
  color: #141E28;
  text-decoration: none;
  align-items: center;
  justify-content: flex-start;
  border-bottom: none;
}
.navbar-submenu li > a > span,
.navbar-submenu li > strong > span {
  margin-left: 10px;
  margin-bottom: 1px;
}
.navbar-submenu li > a:before,
.navbar-submenu li > strong:before {
  position: relative;
  top: 1px;
  content: " ";
  display: block;
  width: 0.7rem;
  height: 1.1rem;
  background-image: url(/files/system/images/icons-arrow-mini-right-left.svg);
  background-size: 5.6rem 2.2rem;
  background-repeat: no-repeat;
}
.navbar-submenu li > a {
  padding: 8px 0 11px 0;
}
.navbar-submenu li > a:hover, .navbar-submenu li > a:focus, .navbar-submenu li > a:active {
  border-bottom: none;
}
.navbar-submenu li > a:hover span, .navbar-submenu li > a:focus span, .navbar-submenu li > a:active span {
  margin-bottom: 0;
  border-bottom: 1px solid #C34691;
  color: #611461;
}
.navbar-submenu li > a:hover:before, .navbar-submenu li > a:focus:before, .navbar-submenu li > a:active:before {
  background-position: -21px 0px;
}
.navbar-submenu li > strong {
  padding: 9px 0 10px 0;
}
.navbar-submenu li > strong span {
  font-weight: 600;
  color: #8E3B92;
}
.navbar-submenu li > strong:before {
  top: 0;
  background-position: -21px 0px;
}
.navbar-submenu li.trail a span {
  font-weight: 600;
  color: #8E3B92;
}
.navbar-submenu li.trail a:before {
  top: 0;
  background-position: -21px 0px;
}

.content-intro-2-col .navbar-submenu {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
@media (min-width: 62.5em) {
  .content-intro-2-col .navbar-submenu {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }
}
@media (min-width: 46.875em) {
  .content-intro-2-col .navbar-submenu:before {
    display: none;
  }
}
@media (min-width: 62.5em) {
  .content-intro-2-col .navbar-submenu:before {
    display: block;
  }
}

.video-fuer-alle .navbar-submenu {
  padding-bottom: 275px;
  background-image: url(/files/content/images/video-fuer-alle/5-tipps-tara-freigestellt.png);
  background-size: 100% auto;
  background-size: 346px 275px;
  background-repeat: no-repeat;
  background-position: center bottom;
}

.mod_newslist {
  max-width: 72rem;
}

.news-list-item {
  border-bottom: 1px solid #D8DCE1;
  padding: 3rem 0 3.5rem 0;
}

.news-list-item-title {
  font-size: 2.2rem;
  font-weight: 600;
  margin: 0;
}
.news-list-item-title a {
  border-bottom: 1px solid #C34691;
  text-decoration: none;
}
.news-list-item-title a:hover, .news-list-item-title a:focus, .news-list-item-title a:active {
  color: #0075B3;
  text-decoration: none;
  border-bottom: 1px solid #3CB9F0;
}

.news-list-item-date {
  margin: 0.4rem 0 0 0;
  font-size: 1.8rem;
  line-height: 3rem;
}

.news-list-item-teaser {
  margin: 1rem 0 0 0;
}
.news-list-item-teaser p {
  display: inline;
}
.news-list-item-teaser a {
  border-bottom: 1px solid #C34691;
  text-decoration: none;
}
.news-list-item-teaser a:hover, .news-list-item-teaser a:focus, .news-list-item-teaser a:active {
  color: #0075B3;
  text-decoration: none;
  border-bottom: 1px solid #3CB9F0;
}

/* News list short (home) */
.news-list-short {
  margin: 4rem auto 4rem auto;
}
.news-list-short h2 {
  margin-bottom: 1.8rem;
  font-size: 2.4rem;
}
.news-list-short .news-list-item.first {
  border-top: 1px solid #D8DCE1;
}

/* Pagination */
.pagination {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #D8DCE1;
}

.pagination-total {
  margin: 15px 30px 30px 0;
  padding: 4px 0;
}

.pagination-links {
  margin: 15px 30px 30px 30px;
}

.pagination-link a,
.pagination a,
.pagination .active {
  display: inline-block;
  padding: 0 4px;
  margin: 0 5px;
  text-decoration: none;
}

.pagination-link-active {
  padding: 4px 10px;
  color: #FFF;
  border-radius: 3px;
  background-color: #611461;
}

.pagination-previous-next {
  margin: 15px 0 30px 30px;
  padding: 4px 0;
}

.pagination-next {
  margin-left: 10px;
}

.pagination ul {
  display: flex;
}

.content-main .programme-detail.ce_text {
  max-width: 93rem;
  margin: 30px auto;
}
.content-main .programme-detail.ce_text .ce_text {
  max-width: 80rem;
}

.programme-detail h1 {
  margin: 4rem 0 2rem 0;
}

.programme-detail h2 {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 3.2rem;
  margin-top: 3rem;
  margin-bottom: 0.5rem;
}

.programme-detail .programme-detail-image {
  margin: 0 0 3.5rem 0;
}
.programme-detail .programme-detail-image img {
  width: 100%;
}

.programme-detail .inside p,
.programme-detail .inside ul {
  margin: 1.5rem 0 1.5rem 0;
}
.programme-detail .inside p.programme-detail-date-time,
.programme-detail .inside ul.programme-detail-date-time {
  margin-bottom: 2.5rem;
}

.programme-detail .inside h2 + p,
.programme-detail .inside h2 + .ce_text > .text_container p:first-child,
.programme-detail .inside h2 + ul {
  margin-top: 0;
}

.programme-detail .inside .programme-detail-meta {
  line-height: 2.9rem;
}

.programme-detail-date {
  font-size: 2.2rem;
  display: inline-block;
  line-height: 3.2rem;
  margin-bottom: 0.5rem;
}

/* Layout */
.programme-list-accordion .accordion-item-content-inner {
  padding: 0;
}

.programme-list {
  max-width: 93rem;
  margin: 10px auto 30px auto !important;
}
.programme-list ul {
  margin: 0;
}

.programme-list-item {
  position: relative;
  background: #FFF;
  box-shadow: 0 10px 20px 0 rgba(60, 60, 65, 0.1);
  border-radius: 0 5px 5px 0;
  margin: 10px 0;
  min-height: 14.5rem;
  padding: 0 !important;
}
@media (min-width: 56.25em) {
  .programme-list-item {
    display: flex;
    flex-wrap: wrap;
  }
}
.programme-list-item:before {
  display: block;
  width: 5px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-color: #C34691;
  content: " " !important;
}
.programme-list-item.programme-list-item-dvd, .programme-list-item.programme-list-item-theatre, .programme-list-item.programme-list-item-sport {
  justify-content: center;
}

.programme-list-box {
  display: flex;
  flex-direction: column;
  margin: 0 0 20px 0;
}
@media (min-width: 56.25em) {
  .programme-list-box {
    margin: 0;
  }
}
.programme-list-box h2 {
  background-image: linear-gradient(135deg, #A45FB3 0%, #CB6AA8 100%);
  margin: 0;
  color: #FFF;
  padding: 15px 20px 10px 20px;
  font-size: 1.9rem;
  line-height: 3rem;
  font-weight: 600;
  border-radius: 5px 5px 0 0;
}
.programme-list-box h2 a {
  text-decoration: none;
  color: #FFF;
}
.programme-list-box h2 a:hover, .programme-list-box h2 a:focus, .programme-list-box h2 a:active {
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}
@media (min-width: 56.25em) {
  .programme-list-box:nth-child(odd) h2 {
    background-image: linear-gradient(135deg, #A45FB3 0%, #B764AD 100%);
  }
}
@media (min-width: 56.25em) {
  .programme-list-box:nth-child(even) h2 {
    background-image: linear-gradient(135deg, #B864AD 0%, #CB6AA8 100%);
  }
}
.programme-list-box .programme-list-box-content {
  background: #FFF;
  box-shadow: 0 10px 20px 0 rgba(60, 60, 65, 0.1);
  border-radius: 0 0 5px 5px;
  margin: 0 !important;
  padding: 10px 20px 12px 20px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.programme-list-box .programme-list-box-content.ce_youtube {
  padding-top: 2rem;
}
.programme-list-box ul {
  margin: 0;
  flex: 1;
}
.programme-list-box .programme-list-box-more {
  margin: 0;
  padding: 0.8rem 0 0 0;
  font-size: 1.7rem;
  border-top: 1px solid #D8DCE1;
}
.programme-list-box .programme-list-box-more a {
  border-bottom: 1px solid #C34691;
  text-decoration: none;
}
.programme-list-box .programme-list-box-more a:hover, .programme-list-box .programme-list-box-more a:focus, .programme-list-box .programme-list-box-more a:active {
  color: #0075B3;
  text-decoration: none;
  border-bottom: 1px solid #3CB9F0;
}

@media (min-width: 56.25em) {
  .programme-list-box.double-width .programme-list-box-content ul {
    display: flex;
    flex-wrap: wrap;
    position: relative;
  }
  .programme-list-box.double-width .programme-list-box-content ul:after {
    content: "";
    width: 1px;
    height: calc(100% - 10px);
    top: 10px;
    bottom: 0;
    right: 50%;
    background-color: #D8DCE1;
    position: absolute;
  }
}
@media (min-width: 56.25em) {
  .programme-list-box.double-width h2 {
    background-image: linear-gradient(135deg, #A45FB3 0%, #CB6AA8 100%);
  }
}
@media (min-width: 56.25em) {
  .programme-list-box.double-width .programme-list-item-box {
    width: calc((100% / 2));
  }
  .programme-list-box.double-width .programme-list-item-box:nth-child(even) {
    padding-left: 40px;
  }
  .programme-list-box.double-width .programme-list-item-box:nth-child(odd) {
    padding-right: 40px;
  }
  .programme-list-box.double-width .programme-list-item-box:nth-last-child(2) {
    border-bottom: 0;
  }
}

.programme-list-item-box {
  margin: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #D8DCE1;
}
@media (min-width: 37.5em) {
  .programme-list-item-box {
    display: flex;
    flex-direction: row-reverse;
  }
}
@media (min-width: 56.25em) {
  .programme-list-item-box {
    display: block;
  }
}
@media (min-width: 62.5em) {
  .programme-list-item-box {
    display: flex;
  }
}
.programme-list-item-box:last-child {
  border-bottom: none;
}

/* Layout: Title + text */
.programme-list-item-block-1 {
  padding: 15px 60px 10px 25px;
}
@media (min-width: 56.25em) {
  .programme-list-item-block-1 {
    flex: 1;
    flex-basis: calc(100% - 14.5rem - 14.5rem - 190px);
    order: 4;
  }
}

.programme-list-item-tv .programme-list-item-block-1 {
  padding: 15px 15px 10px 15px;
}

@media (min-width: 56.25em) {
  .programme-list-item-dvd .programme-list-item-block-1 {
    order: 1;
    max-width: 54rem;
  }
}

.programme-list-item-theatre .programme-list-item-block-1 {
  max-width: calc(54.0rem + 150px);
  margin-right: 15px;
}
@media (min-width: 50em) {
  .programme-list-item-theatre .programme-list-item-block-1 {
    margin-right: 25px;
  }
}

.programme-list-item-sport .programme-list-item-block-1 {
  max-width: calc(54.0rem + 150px);
  margin-right: 15px;
  padding: 25px 0 10px 25px;
}
@media (min-width: 50em) {
  .programme-list-item-sport .programme-list-item-block-1 {
    margin-right: 25px;
  }
}

.programme-list-item-box .programme-list-item-block-1 {
  padding: 15px 10px 10px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  order: 4;
}

/* Layout: Date + time */
.programme-list-item-block-2 {
  flex-basis: 14.5rem;
  order: 2;
  padding: 0 15px 0 15px;
  border-left: 1px solid #D8DCE1;
}
@media (min-width: 56.25em) {
  .programme-list-item-block-2 {
    padding: 15px;
  }
}

/* Layout: Calendar (theatre only) */
.programme-list-item-theatre .programme-list-item-block-2 {
  order: 5;
}

/* Layout: Vendor */
.programme-list-item-block-3 {
  flex-basis: 14.5rem;
  order: 1;
  padding: 0 15px 15px 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 56.25em) {
  .programme-list-item-block-3 {
    padding: 15px;
  }
}

/* Layout: Image */
.programme-list-item-block-4 {
  flex-basis: 190px;
  height: 145px;
  order: 3;
  overflow: hidden;
  align-self: flex-start;
  margin-top: 15px;
  margin-left: 15px;
  padding-bottom: 10px;
}
@media (min-width: 56.25em) {
  .programme-list-item-block-4 {
    margin-left: 0;
    padding-bottom: 0;
  }
}

.programme-list-item-tv .programme-list-item-block-4 {
  margin-top: 0;
}

.programme-list-item-dvd .programme-list-item-block-4 {
  order: 2;
  margin-bottom: 15px;
  margin-right: 15px;
  height: auto;
}
@media (min-width: 50em) {
  .programme-list-item-dvd .programme-list-item-block-4 {
    margin-right: 25px;
  }
}

.programme-list-item-theatre .programme-list-item-block-4 {
  margin-bottom: 15px;
}

.programme-list-item-box .programme-list-item-block-4 {
  margin-top: 0;
  margin-bottom: 5px;
  margin-left: 0;
  padding-bottom: 0;
}
@media (min-width: 37.5em) {
  .programme-list-item-box .programme-list-item-block-4 {
    margin-top: 10px;
    margin-bottom: 0;
  }
}

/* Layout: Description */
.programme-list-item-block-5 {
  order: 5;
}
@media (min-width: 56.25em) {
  .programme-list-item-block-5 {
    margin-left: 14.5rem;
    border-left: 1px solid #D8DCE1;
    padding-left: 14.5rem;
  }
}

/* Content */
/* Content: Title + kicker */
.programme-list-item-title-kicker {
  margin: 0 !important;
  font-weight: 400;
}
.programme-list-item-title-kicker a {
  border-bottom: 1px solid #C34691;
  text-decoration: none;
  color: #141E28;
  border-bottom-color: transparent !important;
}
.programme-list-item-title-kicker a:hover, .programme-list-item-title-kicker a:focus, .programme-list-item-title-kicker a:active {
  color: #0075B3;
  text-decoration: none;
  border-bottom: 1px solid #3CB9F0;
}
.programme-list-item-title-kicker a:hover, .programme-list-item-title-kicker a:focus, .programme-list-item-title-kicker a:active {
  color: #0075B3;
  border-bottom-color: #3CB9F0 !important;
}
.programme-list-item-title-kicker:after {
  width: 3.5rem;
  height: 0.2rem;
  content: " ";
  display: block;
  background-color: #C34691;
  margin: 1.2rem 0 0.7rem 0;
}
.programme-list-item-title-kicker .programme-list-item-genre,
.programme-list-item-title-kicker .programme-list-item-location {
  display: block;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
}
.programme-list-item-title-kicker .programme-list-item-title {
  display: block;
  font-size: 2rem;
  font-weight: 600;
  line-height: 2.7rem;
  margin-top: -1px;
}

.programme-list-item-tv .programme-list-item-title {
  font-size: 2rem;
}

.programme-list-box .programme-list-item-title-kicker:after {
  background-color: #009DE3;
}

/* Content: Subtitle */
.programme-list-item-subtitle {
  font-size: 1.7rem;
  line-height: 2.4rem;
  margin: 0 40px 0 0;
}

/* Content: Date + time */
.programme-list-item-date-time {
  margin: 0;
}

.programme-list-item-date-time {
  font-size: 1.6rem;
  line-height: 2.2rem;
  display: block;
}

.programme-list-item-time {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 2.8rem;
  display: block;
}

.programme-list-item-theatre .programme-list-item-day {
  display: block;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
}

.programme-list-item-theatre .programme-list-item-date {
  font-size: 2rem;
  font-weight: 600;
  line-height: 2.8rem;
  display: block;
  margin-top: -1px;
  margin-bottom: 1rem;
}

/* Content: Teaser */
.programme-list-item-teaser {
  margin: 0 0 1.5rem 0;
  line-height: 2.7rem;
}
.programme-list-item-teaser p {
  display: inline;
  font-size: 1.8rem;
  line-height: 2.7rem;
  margin: 0;
}

/* Content: Enddate (media center) */
.programme-list-item-enddate {
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin: 0 0 0.5rem 0;
}

/* Content: Vendor */
.programme-list-item-vendor {
  font-size: 1.6rem;
  line-height: 2.2rem;
  margin: 0;
}

.programme-list-item-vendor-image {
  position: absolute;
  width: auto;
  top: 15px;
  right: 9px;
}
@media (min-width: 56.25em) {
  .programme-list-item-vendor-image {
    top: auto;
    right: auto;
    bottom: 15px;
  }
}

/* Content: Image */
.programme-list-item-image {
  height: 100%;
  object-fit: cover;
}

/* Content: More button */
.programme-list-item-more-button {
  position: absolute;
  z-index: 100;
  bottom: 9px;
  right: 9px;
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0;
  background-color: #C34691;
  border: 1px solid #C34691;
}
.programme-list-item-more-button svg {
  pointer-events: none;
}
.programme-list-item-more-button svg #bg {
  fill: #C34691;
}
.programme-list-item-more-button:hover, .programme-list-item-more-button:focus, .programme-list-item-more-button:active {
  background-color: #C34691;
  border: 3px solid #C34691;
  width: 28px;
  height: 28px;
}
.programme-list-item-more-button:hover svg #bg, .programme-list-item-more-button:focus svg #bg, .programme-list-item-more-button:active svg #bg {
  fill: #C34691;
}

/* Content: Description */
.programme-list-item-description {
  padding: 0 15px 20px 0;
  margin-top: -2px;
  margin-left: 15px;
}
@media (min-width: 56.25em) {
  .programme-list-item-description {
    padding: 8px 70px 20px 0;
    margin-top: 0;
    margin-left: -1px;
  }
}
.programme-list-item-description p {
  font-size: 1.8rem;
  line-height: 2.6rem;
  margin: 1.5rem 0;
}

.mod_search h1 {
  margin: 0;
}

.search-results-info strong {
  font-weight: 400;
  padding: 0 0.2rem;
  color: #141E28;
  border-radius: 2px;
  background-color: rgba(0, 160, 230, 0.15);
}

.search-results-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.search-results-list-item {
  margin: 0;
  padding: 3.5rem 0 3.2rem 0;
  border-top: 1px solid #D8DCE1;
}

.content .search-results-list-item a {
  text-decoration: none;
  padding: 0;
}
.content .search-results-list-item a:hover, .content .search-results-list-item a:focus, .content .search-results-list-item a:active {
  text-decoration: none;
}

.search-results-list-item-title {
  display: block;
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 3.4rem;
  margin: 0;
  padding-bottom: 0;
}

.search-results-list-item-url {
  display: block;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 2.4rem;
  margin: 0.3rem 0 0;
  color: #666;
}

a:hover .search-results-list-item-title,
a:focus .search-results-list-item-title,
a:active .search-results-list-item-title {
  background-size: 100% 0.3rem;
}

.search-results-list-item-context {
  max-width: 90rem;
  margin: 2.2rem 0 0 0;
}

.search-results-list-item-context mark {
  font-weight: 400;
  padding: 0 0.6rem 0.3rem 0.6rem;
  color: #141E28;
  border-radius: 3px;
  background-color: rgba(0, 160, 230, 0.15);
}

.ce_table {
  max-width: 72rem;
}
.ce_table table {
  box-shadow: 0 10px 20px 0 rgba(60, 60, 65, 0.1);
  border-collapse: separate;
  border-radius: 5px;
  width: 100%;
}
.ce_table th {
  font-size: 1.9rem;
  line-height: 2.8rem;
  text-align: left;
  padding: 1.2rem 15px 1.3rem 15px;
  border-bottom: #009DE3 4px solid;
  width: 25%;
  background-color: #FFF;
}
.ce_table th.col_first {
  border-top-left-radius: 5px;
}
.ce_table th.col_last {
  border-top-right-radius: 5px;
}
.ce_table thead th {
  padding: 1.7rem 15px 1.3rem 15px;
}
.ce_table td {
  font-size: 1.9rem;
  line-height: 2.8rem;
  padding: 1.2rem 15px 1.3rem 15px;
  border-bottom: 1px solid #B6BDC6;
  vertical-align: top;
}
.ce_table .even td {
  background-color: rgba(255, 255, 255, 0.7);
}
.ce_table .row_last td {
  border-bottom: 0;
}
.ce_table .row_last td.col_first {
  border-bottom-left-radius: 5px;
}
.ce_table .row_last td.col_last {
  border-bottom-right-radius: 5px;
}

.ce_table.table-box {
  background-color: #FFF;
  background-color: #FFF;
  box-shadow: 0 10px 20px 0 rgba(60, 60, 65, 0.1);
  border-radius: 5px;
  padding: 20px 25px 20px 25px;
  max-width: 100%;
}
.ce_table.table-box table {
  border-radius: 0;
  border-collapse: collapse;
  box-shadow: none;
}
.ce_table.table-box th {
  border-left: 1px solid #B6BDC6;
  border-right: 1px solid #B6BDC6;
}
.ce_table.table-box th.col_first {
  border-left: 0;
}
.ce_table.table-box th.col_last {
  border-right: 0;
}
.ce_table.table-box thead th {
  padding: 1.5rem 15px 1.5rem 15px;
}
.ce_table.table-box td {
  border-left: 1px solid #B6BDC6;
  border-right: 1px solid #B6BDC6;
}
.ce_table.table-box td.col_0 {
  border-left: 0;
}
.ce_table.table-box td.col_last {
  border-right: 0;
}
.ce_table.table-box .even td {
  background-color: transparent;
}
.ce_table.table-box .odd td {
  background-color: #F6F6F6;
}
.ce_table.table-box .row_last td {
  border-bottom: 0;
}

@media (max-width: 50em) {
  .ce_table table,
.ce_table.table-box table {
    display: block;
    width: 100%;
  }
  .ce_table tr,
.ce_table thead,
.ce_table tbody,
.ce_table.table-box tr,
.ce_table.table-box thead,
.ce_table.table-box tbody {
    display: block;
    width: 100%;
  }
  .ce_table th,
.ce_table.table-box th {
    position: absolute !important;
    left: -10000px !important;
    top: auto !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden !important;
  }
  .ce_table td,
.ce_table.table-box td {
    display: block;
    width: 100%;
    border: none;
    padding: 0 15px;
  }
  .ce_table td.col_first,
.ce_table.table-box td.col_first {
    border: none;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    border-bottom: 1px solid #B6BDC6;
    margin-bottom: 0.8rem;
  }
  .ce_table td.col_last,
.ce_table.table-box td.col_last {
    border: none;
    padding-bottom: 2.2rem;
    border-bottom: 1px solid #B6BDC6;
  }
  .ce_table .row_first td.col_first,
.ce_table.table-box .row_first td.col_first {
    border-top: 1px solid #B6BDC6;
  }
  .ce_table .row_last td.col_last,
.ce_table.table-box .row_last td.col_last {
    border-bottom: none;
  }
  .ce_table .even td,
.ce_table .odd td,
.ce_table.table-box .even td,
.ce_table.table-box .odd td {
    background-color: transparent;
  }
  .ce_table .even td.col_first,
.ce_table .odd td.col_first,
.ce_table.table-box .even td.col_first,
.ce_table.table-box .odd td.col_first {
    background-color: #FFF;
  }

  .ce_table.table-box .ce_table.table-box {
    padding: 20px;
  }
  .ce_table.table-box .even td.col_first,
.ce_table.table-box .odd td.col_first {
    background-color: #F6F6F6;
  }
}
@media (max-width: 31.25em) {
  .ce_table.table-box {
    padding: 12px;
  }
}
/* Basic */
.ce_text {
  max-width: 75rem;
}

.content-main .ce_text {
  max-width: 72rem;
}

.content-main .ce_text.first .text_container > :first-child,
.content-main .ce_text.first h2 {
  margin-top: 2.8rem;
}

/* Lines */
.ce_text.line-top {
  margin-top: 5rem;
  border-top: 1px solid #D8DCE1;
}

.ce_text.line-top h2 {
  margin-top: 4rem;
}

/* Links */
.ce_text a {
  border-bottom: 1px solid #C34691;
  text-decoration: none;
}
.ce_text a:hover, .ce_text a:focus, .ce_text a:active {
  color: #0075B3;
  text-decoration: none;
  border-bottom: 1px solid #3CB9F0;
}

/* Limited width */
.content-main .ce_text.limited-width {
  max-width: 93rem;
  margin: 10px auto 35px auto;
}

/* Full width */
.content-main .ce_text.full-width {
  max-width: 100%;
}

/* Center */
.content-main .ce_text.center {
  margin-left: auto;
  margin-right: auto;
}

.text-toggle-visibility.hidden {
  display: none;
}

.ce_youtube {
  margin: 3.5rem 0;
  max-width: 75rem;
}

.content-main .ce_youtube {
  max-width: 72rem;
}

.ce_youtube.box-video {
  padding: 20px;
  background: #F6F6F6;
}

.ce_youtube > .inside {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.2%;
  background-color: #0075B3;
}

.stop-overflow.ce_youtube > .inside {
  height: auto;
  padding-bottom: 0;
}

.ce_youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
}

.ce_youtube.box-video .text_container {
  margin-top: 2rem;
}

.ce_youtube.box-video h2 {
  font-size: 2rem;
  line-height: 2.7rem;
  margin: 0 0 0.5rem 0;
}

.ce_youtube.box-video p {
  font-size: 1.7rem;
  line-height: 2.4rem;
  margin: 0;
}

.ce_youtube.box-video .box-video-button {
  margin-top: 1rem;
}

.ce_youtube noscript p {
  max-width: 40rem;
  margin: 0 auto;
  padding: 30px 20px;
  text-align: center;
  color: #FFF;
}

/* * * * * * * * * * * * * * * * * * * * * * *
YouTube preview
* * * * * * * * * * * * * * * * * * * * * * */
.youtube-preview {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  width: 100%;
  background-position: center center;
  background-size: 100% auto;
}

.stop-overflow .youtube-preview {
  position: static;
}

.youtube-preview > .inside {
  display: flex;
  align-items: stretch;
  justify-content: center;
  width: 100%;
  background-color: rgba(1, 118, 179, 0.7);
}

.youtube-preview .youtube-preview-fake-play-button {
  align-self: center;
  width: 116px;
  height: 116px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  border: none;
  background: transparent;
}
.youtube-preview .youtube-preview-fake-play-button:hover #circle, .youtube-preview .youtube-preview-fake-play-button:focus #circle, .youtube-preview .youtube-preview-fake-play-button:active #circle {
  fill-opacity: 100;
}
.youtube-preview .youtube-preview-fake-play-button:hover #play, .youtube-preview .youtube-preview-fake-play-button:focus #play, .youtube-preview .youtube-preview-fake-play-button:active #play {
  fill: #C34691;
}

.youtube-preview .youtube-preview-cookie-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  padding: 38px 10px 10px 10px;
  color: #FFF;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: linear-gradient(136deg, #8C37A0 0%, #C34691 100%);
}

.youtube-preview-cookie-infotext {
  max-width: 45rem;
  margin: 0 auto;
}

.youtube-preview .youtube-preview-cookie-infotext a {
  color: #FFF;
}
.youtube-preview .youtube-preview-cookie-infotext a:hover, .youtube-preview .youtube-preview-cookie-infotext a:focus, .youtube-preview .youtube-preview-cookie-infotext a:active {
  color: #FFF;
}

.youtube-preview .button.youtube-preview-accept-cookies-button {
  font-size: 1.6rem;
  line-height: 2rem;
  padding: 0.3rem 10px;
  cursor: pointer;
  border-color: #FFF;
  background-color: transparent;
  max-width: 45rem;
  margin: 2.5rem auto;
}
.youtube-preview .button.youtube-preview-accept-cookies-button:hover, .youtube-preview .button.youtube-preview-accept-cookies-button:focus, .youtube-preview .button.youtube-preview-accept-cookies-button:active {
  color: #8E3B92;
  border-color: #FFF;
  background-color: #FFF;
}

.youtube-preview .youtube-preview-close-cookie-info {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 24px;
  height: 24px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  border: none;
  background: transparent;
}
.youtube-preview .youtube-preview-close-cookie-info #icon-close-circle {
  fill: transparent;
}
.youtube-preview .youtube-preview-close-cookie-info #icon-close-x {
  fill: #FFF;
}
.youtube-preview .youtube-preview-close-cookie-info:hover #icon-close-circle, .youtube-preview .youtube-preview-close-cookie-info:focus #icon-close-circle, .youtube-preview .youtube-preview-close-cookie-info:active #icon-close-circle {
  fill: #FFF;
}
.youtube-preview .youtube-preview-close-cookie-info:hover #icon-close-x, .youtube-preview .youtube-preview-close-cookie-info:focus #icon-close-x, .youtube-preview .youtube-preview-close-cookie-info:active #icon-close-x {
  fill: #0075B3;
}

/* * * * * * * * * * * * * * * * * * * * * * *
YouTube Config (data protection page)
* * * * * * * * * * * * * * * * * * * * * * */
.youtube-cookie-config .youtube-config-button {
  display: inline-block;
  margin: 0;
  cursor: pointer;
  color: #FFF;
  border-color: #8E3B92;
  background-color: #8E3B92;
}
.youtube-cookie-config .youtube-config-button:hover, .youtube-cookie-config .youtube-config-button:focus, .youtube-cookie-config .youtube-config-button:active {
  border-color: #C34691;
  background-color: #C34691;
}

.article-cols-2 .ce_youtube {
  margin-top: 4rem;
}
.article-cols-2 .ce_youtube h2 {
  margin-bottom: 1.8rem;
  font-size: 2.4rem;
  margin-top: 5rem;
}

.warning {
  color: #AD005F;
}

/* Headlines */
.ce_headline {
  max-width: 75rem;
}

.content-main .ce_headline {
  max-width: 72rem;
}

h1 {
  font-size: 3.7rem;
  font-weight: 600;
  line-height: 4.9rem;
  margin-top: 3.5rem;
  margin-bottom: 3rem;
}

h2 {
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 3.8rem;
  margin-top: 5rem;
  margin-bottom: 2.8rem;
}
h2.line-top {
  padding-top: 3rem;
  border-top: 1px solid #B6BDC6;
  margin-top: 4rem;
}
h2.h2-small {
  font-size: 2.4rem;
  line-height: 3.4rem;
  margin-top: 3.5rem;
  margin-bottom: 1.2rem;
}
h2.h2-small.line-top {
  padding-top: 2rem;
  margin-top: 2rem;
}
h2.h2-small + ul {
  margin-top: 0;
}
h2.h2-small + p {
  margin-top: 0;
}

h3 {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 3.2rem;
  margin-top: 2.8rem;
  margin-bottom: 1.5rem;
}
h3 + p {
  margin-top: -0.5rem;
}
h3 + ul {
  margin-top: -0.5rem;
}
h3 + ul li:first-child {
  margin-top: 0;
}

h4 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 3rem;
  margin-top: 2.8rem;
  margin-bottom: 0;
}
h4 + p {
  margin-top: 0;
}
h4 + ul {
  margin-top: 0;
}
h4 + ul > .li-no-bullet:first-child {
  margin-top: 1rem;
}
h4 + ul > .li-lines:first-child {
  margin-top: 1rem;
}

h5,
h6 {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.7rem;
  margin-top: 1.8rem;
  margin-bottom: 0;
}

/* Line */
/*.line-top {
    clear: both;
    margin-top: 5.0rem;
    border-top: 1px solid $c-line;
}

.line-bottom {
    margin-bottom: 3.0rem;
    padding-bottom: 3.0rem;
    border-bottom: 1px solid $c-line;
}*/
.ce_headline.line-top {
  padding-top: 5rem;
}

.ce_headline.line-bottom {
  padding-bottom: 5rem;
}

.ce_text.line-top {
  margin-top: 80px;
}

/* Link - Basic */
a {
  color: #611461;
}

a:hover,
a:focus,
a:active {
  text-decoration: underline;
}

a[href^=tel] {
  text-decoration: none;
}

a[href^=tel]:hover,
a[href^=tel]:focus,
a[href^=tel]:active {
  text-decoration: underline;
}

/* Buttons */
a.button {
  display: inline-block;
  padding: 0.8rem 25px 0.9rem 25px;
  background-color: #8E3B92;
  color: #FFF;
  border-radius: 3px;
  border: none;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.8rem;
  line-height: 2.2rem;
}
a.button:hover, a.button:focus, a.button:active {
  color: #FFF;
  text-decoration: underline;
  border: none;
  background-color: #C34691;
}

/* List */
ul,
ol {
  margin: 2.5rem 0;
  padding: 0;
}

ul {
  list-style: none;
}

li {
  font-size: 2rem;
  line-height: 3rem;
  margin: 2.5rem 0;
}

ul ul {
  margin-left: 25px;
}

.ce_text ul li,
#wrapper.mce-content-body ul li {
  position: relative;
  padding-left: 2rem;
}

.ce_text ul .li-no-bullet,
#wrapper.mce-content-body .li-no-bullet {
  padding-left: 0;
}

.ce_text ul li:before,
#wrapper.mce-content-body li:before {
  font-size: 2.1rem;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  content: "•";
  color: #0679C6;
}

.ce_text ul .li-no-bullet:before,
#wrapper.mce-content-body .li-no-bullet:before {
  content: none;
}

.ce_text ol > li,
#wrapper.mce-content-body ol > li {
  margin-left: 2.2rem;
  padding-left: 0.8rem;
}

.ce_text ol > li > ol[type=a] > li,
#wrapper.mce-content-body ol > li > ol[type=a] > li {
  padding-left: 0.8rem;
}

.ul-spacing-0 li,
.li-spacing-0,
#wrapper.mce-content-body .li-spacing-0 {
  margin: 0;
}
.ul-spacing-0 li > ul,
.ul-spacing-0 li > ol,
.li-spacing-0 > ul,
.li-spacing-0 > ol,
#wrapper.mce-content-body .li-spacing-0 > ul,
#wrapper.mce-content-body .li-spacing-0 > ol {
  margin-top: 0;
  margin-bottom: 0;
}

.ul-spacing-small li,
.li-spacing-small,
#wrapper.mce-content-body .li-spacing-small {
  margin: 0.4rem 0;
}
.ul-spacing-small li > ul,
.ul-spacing-small li > ol,
.li-spacing-small > ul,
.li-spacing-small > ol,
#wrapper.mce-content-body .li-spacing-small > ul,
#wrapper.mce-content-body .li-spacing-small > ol {
  margin-top: 0;
  margin-bottom: 0;
}

.li-lines {
  margin: 0;
  padding: 1.5rem 0 1.6rem 0;
  border-bottom: 1px solid #D8DCE1;
}
.li-lines:first-child {
  border-top: 1px solid #D8DCE1;
}
.li-lines h3 {
  margin-top: 1.3rem;
}
.li-lines .h3-small {
  margin-top: 1.2rem;
}
.li-lines p:last-child {
  margin-bottom: 1.8rem;
}

abbr {
  text-decoration: none;
}

/* Paragraph */
p {
  font-size: 2rem;
  line-height: 3rem;
  margin: 2.5rem 0;
}

.p-centered {
  text-align: center;
}

.p-intro {
  font-size: 2.1rem;
  line-height: 3.1rem;
  margin: 3.5rem 0;
  font-weight: 600;
}

.p-copyright {
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 2.7rem;
  margin: 3.5rem 0 3.5rem 0;
  color: #555;
}

.p-line-top {
  padding-top: 3rem;
  border-top: 1px solid #D8DCE1;
  margin-top: 4rem;
}

.p-line-bottom {
  border-bottom: 1px solid #D8DCE1;
  padding-bottom: 2rem;
  margin-bottom: 4rem;
}

.p-back {
  padding-top: 1rem;
  border-top: 1px solid #D8DCE1;
  margin-top: 4rem;
}

/* Spacing */
.spacing-top-0 {
  margin-top: 0 !important;
}

.spacing-top-10 {
  margin-top: 1rem !important;
}

.spacing-top-20 {
  margin-top: 2rem !important;
}

.spacing-top-30 {
  margin-top: 3rem !important;
}

.spacing-top-40 {
  margin-top: 4rem !important;
}

.spacing-top-50 {
  margin-top: 5rem !important;
}

.spacing-top-80 {
  margin-top: 8rem !important;
}

.spacing-top-100 {
  margin-top: 10rem !important;
}

.spacing-bottom-0 {
  margin-bottom: 0 !important;
}

.spacing-bottom-10 {
  margin-bottom: 1rem !important;
}

.spacing-bottom-20 {
  margin-bottom: 2rem !important;
}

.spacing-bottom-30 {
  margin-bottom: 3rem !important;
}

.spacing-bottom-40 {
  margin-bottom: 4rem !important;
}

.spacing-bottom-50 {
  margin-bottom: 5rem !important;
}

.footer {
  color: #FFF;
  background-color: #222;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.footer a {
  color: #FFF;
}

.footer-row-1 {
  background-color: rgba(255, 255, 255, 0.05);
}
.footer-row-1 > .inside {
  padding: 25px 10px;
}
@media (min-width: 25em) {
  .footer-row-1 > .inside {
    padding: 18px 20px 20px 20px;
  }
}
@media (min-width: 62.5em) {
  .footer-row-1 > .inside {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
  }
}

.footer-row-2 > .inside {
  padding: 0 10px;
}
@media (min-width: 25em) {
  .footer-row-2 > .inside {
    padding: 20px 20px 22px 20px;
  }
}
@media (min-width: 62.5em) {
  .footer-row-2 > .inside {
    max-width: 120rem;
    margin: 0 auto;
  }
}

.footer-logo svg {
  width: 11rem;
}
.footer-logo svg .bg {
  fill: transparent;
}
.footer-logo svg .text {
  fill: #FFF;
}
.footer-logo svg #icon-bubble-big {
  fill: transparent;
}
.footer-logo svg #icon-bubble-small {
  fill: #FFF;
}

@media (min-width: 37.5em) {
  .footer-hotline {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: -0.2rem;
  }
}

@media (min-width: 37.5em) {
  .footer-hotline-row-1 {
    display: flex;
    justify-content: flex-start;
    gap: 1rem;
  }
}
.footer-hotline-row-1 .footer-hotline-h2,
.footer-hotline-row-1 .footer-hotline-p-number {
  font-weight: 600;
  margin: 0.1rem 0 0 0;
  font-size: 2rem;
  line-height: 3rem;
}
@media (min-width: 37.5em) {
  .footer-hotline-row-1 .footer-hotline-h2,
.footer-hotline-row-1 .footer-hotline-p-number {
    margin: 0;
  }
}
@media (min-width: 50em) {
  .footer-hotline-row-1 .footer-hotline-h2,
.footer-hotline-row-1 .footer-hotline-p-number {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
}

.footer-hotline-row-2 .footer-hotline-p-info {
  margin: 0.6rem 0 0 0;
  font-size: 1.7rem;
  line-height: 2.4rem;
}
@media (min-width: 37.5em) {
  .footer-hotline-row-2 .footer-hotline-p-info {
    margin: 0.6rem 0 0 0;
  }
}

.footer-navbar-legal ul {
  display: flex;
  margin: 0;
  padding: 0;
}

.footer-navbar-legal li {
  font-size: 1.7rem;
  line-height: 2.2rem;
  margin: 0 28px 0 0;
}
.footer-navbar-legal li a {
  text-decoration: none;
}
.footer-navbar-legal li a:focus, .footer-navbar-legal li a:hover, .footer-navbar-legal li a:active {
  text-decoration: underline;
}