#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
@charset "UTF-8";
/* Fonts */
/* Font weights */
/* Width px => em */
/* Border radius */
/* Width, paddings and margins */
/* Lists */
/* Test 12345 */
/* roboto-300 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("../../files/system/fonts/roboto-v27-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../../files/system/fonts/roboto-v27-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.eot?#iefix") format("embedded-opentype"), url("../../files/system/fonts/roboto-v27-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.woff2") format("woff2"), url("../../files/system/fonts/roboto-v27-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.woff") format("woff"), url("../../files/system/fonts/roboto-v27-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.ttf") format("truetype"), url("../../files/system/fonts/roboto-v27-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.svg#Roboto") format("svg");
  /* Legacy iOS */
}
/* roboto-300italic - latin-ext_latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  src: url("../../files/system/fonts/roboto-v27-latin-ext_latin-300italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../../files/system/fonts/roboto-v27-latin-ext_latin-300italic.eot?#iefix") format("embedded-opentype"), url("../../files/system/fonts/roboto-v27-latin-ext_latin-300italic.woff2") format("woff2"), url("../../files/system/fonts/roboto-v27-latin-ext_latin-300italic.woff") format("woff"), url("../../files/system/fonts/roboto-v27-latin-ext_latin-300italic.ttf") format("truetype"), url("../../files/system/fonts/roboto-v27-latin-ext_latin-300italic.svg#Roboto") format("svg");
  /* Legacy iOS */
}
/* roboto-condensed-300 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 300;
  src: url("../../files/system/fonts/roboto-condensed-v19-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../../files/system/fonts/roboto-condensed-v19-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.eot?#iefix") format("embedded-opentype"), url("../../files/system/fonts/roboto-condensed-v19-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.woff2") format("woff2"), url("../../files/system/fonts/roboto-condensed-v19-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.woff") format("woff"), url("../../files/system/fonts/roboto-condensed-v19-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.ttf") format("truetype"), url("../../files/system/fonts/roboto-condensed-v19-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.svg#RobotoCondensed") format("svg");
  /* Legacy iOS */
}
/* roboto-regular - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../../files/system/fonts/roboto-v27-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../../files/system/fonts/roboto-v27-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot?#iefix") format("embedded-opentype"), url("../../files/system/fonts/roboto-v27-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2") format("woff2"), url("../../files/system/fonts/roboto-v27-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff") format("woff"), url("../../files/system/fonts/roboto-v27-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.ttf") format("truetype"), url("../../files/system/fonts/roboto-v27-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.svg#Roboto") format("svg");
  /* Legacy iOS */
}
/* roboto-condensed-regular - latin-ext_latin */
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 400;
  src: url("../../files/system/fonts/roboto-condensed-v19-latin-ext_latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../../files/system/fonts/roboto-condensed-v19-latin-ext_latin-regular.eot?#iefix") format("embedded-opentype"), url("../../files/system/fonts/roboto-condensed-v19-latin-ext_latin-regular.woff2") format("woff2"), url("../../files/system/fonts/roboto-condensed-v19-latin-ext_latin-regular.woff") format("woff"), url("../../files/system/fonts/roboto-condensed-v19-latin-ext_latin-regular.ttf") format("truetype"), url("../../files/system/fonts/roboto-condensed-v19-latin-ext_latin-regular.svg#RobotoCondensed") format("svg");
  /* Legacy iOS */
}
/* roboto-500 - latin-ext_latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("../../files/system/fonts/roboto-v27-latin-ext_latin-500.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../../files/system/fonts/roboto-v27-latin-ext_latin-500.eot?#iefix") format("embedded-opentype"), url("../../files/system/fonts/roboto-v27-latin-ext_latin-500.woff2") format("woff2"), url("../../files/system/fonts/roboto-v27-latin-ext_latin-500.woff") format("woff"), url("../../files/system/fonts/roboto-v27-latin-ext_latin-500.ttf") format("truetype"), url("../../files/system/fonts/roboto-v27-latin-ext_latin-500.svg#Roboto") format("svg");
  /* Legacy iOS */
}
/* roboto-700 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("../../files/system/fonts/roboto-v27-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../../files/system/fonts/roboto-v27-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.eot?#iefix") format("embedded-opentype"), url("../../files/system/fonts/roboto-v27-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2") format("woff2"), url("../../files/system/fonts/roboto-v27-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff") format("woff"), url("../../files/system/fonts/roboto-v27-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.ttf") format("truetype"), url("../../files/system/fonts/roboto-v27-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.svg#Roboto") format("svg");
  /* Legacy iOS */
}
html {
  font-size: 62.5%;
}

body {
  background-color: #FFF;
  color: #122C33;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.6;
  padding: 0;
  margin: 0;
}

@media (prefers-color-scheme: dark) {
  .app body {
    background-color: #121212;
    color: #E3E3E3;
  }
}
html, body, * {
  box-sizing: border-box;
}

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

@media (prefers-color-scheme: dark) {
  .app img {
    color: #E3E3E3;
  }
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

iframe {
  border: none;
}

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

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

/* 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;
}

.cf:before,
.cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

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

/* Layout - Content */
.content-container {
  position: relative;
  flex-grow: 1;
  background-image: linear-gradient(180deg, rgba(238, 238, 238, 0.75) 0%, #FFF 200px);
}
.content-container:before {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 5px;
  content: " ";
  background-image: url(/files/system/images/global/bg-content-shadow.png);
  background-repeat: repeat-x;
  background-size: 1000px 4px;
}

.app .content-container {
  background-image: none;
}
.app .content-container:before {
  display: none;
}

.content-intro + .content-container {
  background-image: none;
}
.content-intro + .content-container:before {
  background-image: none;
}

.content-intro {
  position: relative;
  background-image: linear-gradient(180deg, rgba(238, 238, 238, 0.75) 0%, #FFF 200px);
}
.content-intro:before {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 5px;
  content: " ";
  background-image: url(/files/system/images/global/bg-content-shadow.png);
  background-repeat: repeat-x;
  background-size: 1000px 4px;
}

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

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

.app .content-container > .inside {
  padding: 0;
  max-width: 100%;
}

@media (min-width: 62.5em) {
  .content-2-col > .inside {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
  }
}
.content-main {
  margin: 0 0 60px 0;
}
@media (min-width: 62.5em) {
  .content-main {
    margin-bottom: 60px;
  }
}

.app .content-main {
  margin-bottom: 0;
}

.content-right {
  margin: 0 auto 50px auto;
  max-width: 62rem;
}
@media (min-width: 62.5em) {
  .content-right {
    max-width: 100%;
  }
}
@media (min-width: 62.5em) {
  .content-right {
    margin-bottom: 60px;
  }
}

@media (min-width: 62.5em) {
  .content-2-col .content-main {
    flex-basis: calc(((100% / 3) * 2) + 20px);
    border-right: 1px solid #D5D5D5;
    max-width: calc(((100% / 3) * 2) + 20px);
  }
}
@media (min-width: 68.75em) {
  .content-2-col .content-main {
    flex-basis: calc((100% / 3) * 2);
    border-right: 1px solid #D5D5D5;
    max-width: calc((100% / 3) * 2);
  }
}

@media (min-width: 62.5em) {
  .content-2-col .content-right {
    flex-basis: calc(((100% / 3) - 20px) - 20px);
    margin: 0;
  }
}
@media (min-width: 68.75em) {
  .content-2-col .content-right {
    flex-basis: calc((100% / 3) - 40px);
    margin: 0;
  }
}

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

@media (min-width: 1000px) {
  .hide-if-width-min-1000px {
    display: none;
  }
}

@media (max-width: 999px) {
  .hide-if-width-max-999px {
    display: none;
  }
}

.header {
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-weight: 300;
}

.header a {
  text-decoration: none;
  color: #FFF;
}

.header-logo-nav {
  color: #FFF;
  background-color: #028DC5;
}

.header-logo-nav > .inside {
  padding: 8px 10px 2px 10px;
}
@media (min-width: 25em) {
  .header-logo-nav > .inside {
    padding: 8px 20px 2px 20px;
  }
}
@media (min-width: 50em) {
  .header-logo-nav > .inside {
    padding: 10px 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media (min-width: 62.5em) {
  .header-logo-nav > .inside {
    max-width: 120rem;
    margin: 0 auto;
  }
}

@media (min-width: 50em) {
  .header-nav {
    display: flex;
    flex: 1;
    flex-direction: column;
  }
}

@media (min-width: 50em) {
  .header-account-a11y {
    display: flex;
    align-items: flex-start;
    flex-direction: row-reverse;
  }
}

.header-logo {
  width: 150px;
  height: auto;
  margin: 0 0 20px 2px;
}
@media (min-width: 50em) {
  .header-logo {
    width: 220px;
  }
}

.js .header-logo {
  margin: 0 0 0 2px;
}

.header-logo svg {
  width: 100%;
  height: auto;
}

.header-a11y-nav {
  margin: 50px 0 0 0;
}
@media (min-width: 50em) {
  .header-a11y-nav {
    display: flex;
    flex: 1;
    justify-content: flex-end;
    margin: 0 20px 0 0;
  }
}

.js .header-a11y-nav {
  margin: 0;
  display: none;
  /* prevent fouc */
}
@media (min-width: 50em) {
  .js .header-a11y-nav {
    margin: 0 20px 0 0;
    display: flex;
  }
}

.header-a11y-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.header-a11y-nav ul li {
  margin: 0;
}
.header-a11y-nav ul a {
  text-decoration: none;
}
@media (min-width: 50em) {
  .header-a11y-nav ul {
    display: flex;
    border-bottom: none;
  }
}

.header-a11y-nav ul li {
  font-size: 1.7rem;
  line-height: 2.3rem;
  color: #FFF;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
@media (min-width: 50em) {
  .header-a11y-nav ul li {
    margin: 0 10px;
    border-top: none;
  }
}

.header-a11y-nav li a,
.header-a11y-nav li strong {
  display: block;
  padding: 0.8rem 0;
  color: #FFF;
}
.header-a11y-nav li a:hover, .header-a11y-nav li a:focus, .header-a11y-nav li a:active,
.header-a11y-nav li strong:hover,
.header-a11y-nav li strong:focus,
.header-a11y-nav li strong:active {
  text-decoration: underline;
  color: #FFF;
}

.js .header-account {
  position: absolute;
  top: 10px;
  right: 40px;
}
@media (min-width: 25em) {
  .js .header-account {
    top: 15px;
    right: 60px;
  }
}
@media (min-width: 50em) {
  .js .header-account {
    position: static;
    display: flex;
    justify-content: flex-end;
  }
}

.header-account-nav {
  position: relative;
}

.header-account-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 0;
}
.header-account-nav ul li {
  margin: 0;
}
.header-account-nav ul a {
  text-decoration: none;
}

.header-account-nav-button-wrapper {
  margin: 0;
}

/* Logged out */
.header-account-logged-out .header-account-nav-button {
  margin: 0;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  color: #FFF;
  background-color: #028DC5;
  border-color: #FFF;
  font-size: 1.6rem;
  padding: 0.2rem 12px 0.3rem 12px;
  line-height: 2.9rem;
  font-weight: 400;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  text-decoration: none;
  display: inline-block;
}
.header-account-logged-out .header-account-nav-button:hover, .header-account-logged-out .header-account-nav-button:focus, .header-account-logged-out .header-account-nav-button:active {
  background-color: #DE007E;
  border-color: #DE007E;
  color: #FFF;
}
@media (min-width: 50em) {
  .header-account-logged-out .header-account-nav-button {
    font-size: 1.8rem;
    padding: 0.4rem 22px 0.5rem 22px;
  }
}
.header-account-logged-out .header-account-nav-button:hover, .header-account-logged-out .header-account-nav-button:focus, .header-account-logged-out .header-account-nav-button:active {
  color: #122C33;
  border-color: #FFF;
  background-color: #FFF;
}

/* Logged in */
.header-account-nav ul {
  margin: 0;
  padding: ß;
  list-style: none;
}

.header-account-nav li {
  font-size: 1.7rem;
  line-height: 2.3rem;
  color: #FFF;
}

.header-account-nav li > a,
.header-account-nav li > strong {
  display: block;
  padding: 0.8rem 0;
}

.header-account-nav li > .header-account-nav-button {
  margin: 0;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  color: #122C33;
  background-color: #FFF;
  border-color: #FFF;
  font-size: 1.6rem;
  padding: 0.2rem 10px 0.3rem 10px;
  line-height: 2.9rem;
  font-weight: 400;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  text-decoration: none;
  display: inline-block;
}
.header-account-nav li > .header-account-nav-button:hover, .header-account-nav li > .header-account-nav-button:focus, .header-account-nav li > .header-account-nav-button:active {
  background-color: #DE007E;
  border-color: #DE007E;
  color: #FFF;
}
@media (min-width: 50em) {
  .header-account-nav li > .header-account-nav-button {
    font-size: 1.8rem;
    padding: 0.4rem 22px 0.5rem 22px;
  }
}
.header-account-nav li > .header-account-nav-button:hover, .header-account-nav li > .header-account-nav-button:focus, .header-account-nav li > .header-account-nav-button:active {
  color: #122C33;
  border-color: #FFF;
  background-color: #FFF;
}
.header-account-nav li > .header-account-nav-button.open {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.header-account-nav-level-2 {
  display: none;
}
.header-account-nav-level-2.open {
  display: block;
}

.header .header-nav .header-account-nav-level-2 {
  position: absolute;
  z-index: 100;
  right: 0;
  width: 25rem;
}
@media (min-width: 25em) {
  .header .header-nav .header-account-nav-level-2 {
    width: 28rem;
  }
}
.header .header-nav .header-account-nav-level-2 ul {
  display: block;
  border-radius: 4px;
  border-top-right-radius: 0;
  background-color: #FFF;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.06);
}
.header .header-nav .header-account-nav-level-2 li {
  font-size: 1.7rem;
  line-height: 2.3rem;
  margin: 0 20px;
  padding-left: 0;
  border-top: 1px solid #D5D5D5;
}
.header .header-nav .header-account-nav-level-2 li:first-child {
  border-top: none;
}
.header .header-nav .header-account-nav-level-2 li > a,
.header .header-nav .header-account-nav-level-2 li > strong {
  position: relative;
  display: block;
  padding: 0.8rem 25px 0.8rem 2.4rem;
  color: #122C33;
}
.header .header-nav .header-account-nav-level-2 li > a:before,
.header .header-nav .header-account-nav-level-2 li > strong:before {
  position: absolute;
  top: 1.3rem;
  left: 0.4rem;
  display: block;
  width: 0.8rem;
  height: 1.2rem;
  content: " ";
  background-image: url(/files/system/images/global/icons-chevron-left-right-mini.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 6.3rem 2.4rem;
}
.header .header-nav .header-account-nav-level-2 li > a:hover, .header .header-nav .header-account-nav-level-2 li > a:focus, .header .header-nav .header-account-nav-level-2 li > a:active,
.header .header-nav .header-account-nav-level-2 li > strong:hover,
.header .header-nav .header-account-nav-level-2 li > strong:focus,
.header .header-nav .header-account-nav-level-2 li > strong:active {
  text-decoration: underline;
  color: #DE007E;
}
.header .header-nav .header-account-nav-level-2 li > a:hover:before, .header .header-nav .header-account-nav-level-2 li > a:focus:before, .header .header-nav .header-account-nav-level-2 li > a:active:before,
.header .header-nav .header-account-nav-level-2 li > strong:hover:before,
.header .header-nav .header-account-nav-level-2 li > strong:focus:before,
.header .header-nav .header-account-nav-level-2 li > strong:active:before {
  background-position: -2.4rem 0;
}

.header .header-nav .header-account-nav-level-2 .header-account-nav-watchlist > a,
.header .header-nav .header-account-nav-level-2 .header-account-nav-watchlist > strong {
  padding-top: 2.6rem;
  padding-bottom: 2.2rem;
}
.header .header-nav .header-account-nav-level-2 .header-account-nav-watchlist > a:before,
.header .header-nav .header-account-nav-level-2 .header-account-nav-watchlist > strong:before {
  top: calc(50% - .7rem);
  left: 0;
  width: 1.5rem;
  height: 1.4rem;
  background-image: url(/files/system/images/global/icons-star-small.svg);
  background-position: 0 0;
  background-size: 10.5rem 1.4rem;
}
.header .header-nav .header-account-nav-level-2 .header-account-nav-watchlist > a:hover:before, .header .header-nav .header-account-nav-level-2 .header-account-nav-watchlist > a:focus:before, .header .header-nav .header-account-nav-level-2 .header-account-nav-watchlist > a:active:before,
.header .header-nav .header-account-nav-level-2 .header-account-nav-watchlist > strong:hover:before,
.header .header-nav .header-account-nav-level-2 .header-account-nav-watchlist > strong:focus:before,
.header .header-nav .header-account-nav-level-2 .header-account-nav-watchlist > strong:active:before {
  background-position: -4.5rem 0;
}

.header .header-nav .header-account-nav-level-2 .header-account-nav-logout > a,
.header .header-nav .header-account-nav-level-2 .header-account-nav-logout > strong {
  padding-top: 2.2rem;
  padding-bottom: 2.6rem;
}
.header .header-nav .header-account-nav-level-2 .header-account-nav-logout > a:before,
.header .header-nav .header-account-nav-level-2 .header-account-nav-logout > strong:before {
  top: calc(50% - .9rem);
  left: 0;
  width: 1.7rem;
  height: 1.4rem;
  background-image: url(/files/system/images/global/icons-logout.svg);
  background-position: 0 0;
  background-size: 3.4rem 1.4rem;
}
.header .header-nav .header-account-nav-level-2 .header-account-nav-logout > a:hover:before, .header .header-nav .header-account-nav-level-2 .header-account-nav-logout > a:focus:before, .header .header-nav .header-account-nav-level-2 .header-account-nav-logout > a:active:before,
.header .header-nav .header-account-nav-level-2 .header-account-nav-logout > strong:hover:before,
.header .header-nav .header-account-nav-level-2 .header-account-nav-logout > strong:focus:before,
.header .header-nav .header-account-nav-level-2 .header-account-nav-logout > strong:active:before {
  background-position: -1.7rem 0;
}

.header-main-nav {
  margin: 50px 0 20px 0;
}
@media (min-width: 50em) {
  .header-main-nav {
    display: flex;
    align-items: flex-end;
    flex: 1;
    justify-content: flex-end;
    width: 100%;
    margin: 0;
  }
}

.js .header-main-nav {
  display: none;
  /* prevent fouc */
}
@media (min-width: 50em) {
  .js .header-main-nav {
    display: flex;
  }
}

.header-main-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.header-main-nav ul li {
  margin: 0;
}
.header-main-nav ul a {
  text-decoration: none;
}
.header-main-nav ul ul {
  border-bottom: none;
}
@media (min-width: 50em) {
  .header-main-nav ul {
    display: flex;
    border-bottom: none;
  }
}

@media (min-width: 50em) {
  .header-main-nav .level_1 .mod_navigation {
    display: none;
  }
}

.header-main-nav .level_1 > li {
  font-size: 1.7rem;
  line-height: 2.3rem;
  color: #FFF;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
@media (min-width: 50em) {
  .header-main-nav .level_1 > li {
    font-size: 1.9rem;
    line-height: 2.5rem;
    margin: 0 0 0 30px;
    border-top: none;
  }
}

.header-main-nav .level_1 li > a,
.header-main-nav .level_1 li > strong {
  display: block;
  padding: 0.8rem 0;
}
@media (min-width: 50em) {
  .header-main-nav .level_1 li > a,
.header-main-nav .level_1 li > strong {
    font-weight: 400;
    padding: 0.6rem 0;
    color: #FFF;
    border-top: none;
  }
}
.header-main-nav .level_1 li > a:hover, .header-main-nav .level_1 li > a:focus, .header-main-nav .level_1 li > a:active,
.header-main-nav .level_1 li > strong:hover,
.header-main-nav .level_1 li > strong:focus,
.header-main-nav .level_1 li > strong:active {
  text-decoration: underline;
}

.header-main-nav .level_2 > li {
  font-size: 1.7rem;
  line-height: 2.3rem;
  color: #FFF;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
@media (min-width: 50em) {
  .header-main-nav .level_2 > li {
    border-top: none;
  }
}

.header-main-nav .level_2 li > a,
.header-main-nav .level_2 li > strong {
  display: block;
  padding: 0.8rem 0;
}
@media (min-width: 50em) {
  .header-main-nav .level_2 li > a,
.header-main-nav .level_2 li > strong {
    font-weight: 400;
    padding: 0.6rem 0;
    color: #FFF;
  }
}
.header-main-nav .level_2 li > a:hover, .header-main-nav .level_2 li > a:focus, .header-main-nav .level_2 li > a:active,
.header-main-nav .level_2 li > strong:hover,
.header-main-nav .level_2 li > strong:focus,
.header-main-nav .level_2 li > strong:active {
  text-decoration: underline;
}

.header-media-nav {
  display: flex;
  justify-content: flex-start;
}
@media (min-width: 37.5em) {
  .header-media-nav {
    justify-content: center;
  }
}

.header-media-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  margin: 1px 0 0 0;
  border-bottom: none;
}
.header-media-nav ul li {
  margin: 0;
}
.header-media-nav ul a {
  text-decoration: none;
}

.header .navbar.header-media-nav li {
  font-size: 1.7rem;
  line-height: 2.3rem;
  margin: 0 20px 0 0;
  border-top: none;
}
@media (min-width: 37.5em) {
  .header .navbar.header-media-nav li {
    margin: 0 10px;
  }
}
@media (min-width: 43.75em) {
  .header .navbar.header-media-nav li {
    font-size: 1.8rem;
    line-height: 2.4rem;
    margin: 0 15px;
  }
}
@media (min-width: 62.5em) {
  .header .navbar.header-media-nav li {
    font-size: 1.9rem;
    line-height: 2.5rem;
    margin: 0 0 0 25px;
  }
}

.header .header-media-nav li > a,
.header .header-media-nav li > strong {
  display: block;
  padding: 0.8rem 0;
  color: #122C33;
}
.header .header-media-nav li > a:hover, .header .header-media-nav li > a:focus, .header .header-media-nav li > a:active,
.header .header-media-nav li > strong:hover,
.header .header-media-nav li > strong:focus,
.header .header-media-nav li > strong:active {
  color: #DE007E;
  text-decoration: underline;
}

.header .header-media-nav li .trail > span {
  font-weight: 500;
}

.header-media {
  color: #122C33;
  background-color: #FFF;
}

.header-media > .inside {
  padding: 10px 10px;
}
@media (min-width: 25em) {
  .header-media > .inside {
    padding: 10px 20px;
  }
}
@media (min-width: 50em) {
  .header-media > .inside {
    padding: 12px 20px 2px 20px;
  }
}
@media (min-width: 62.5em) {
  .header-media > .inside {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    max-width: 120rem;
    margin: 0 auto;
    padding: 12px 20px;
  }
}

@media (min-width: 62.5em) {
  .header-search {
    flex: 1;
  }
}

@media (min-width: 62.5em) {
  .header-media-search-form {
    max-width: 42rem;
    padding: 0;
    margin-right: 10px;
  }
}

.header-media-search-form .widget-text {
  position: relative;
  margin: 0;
}

.header-media-search-form .text {
  font-size: 1.7rem;
  line-height: 2.3rem;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  width: 100%;
  padding: 0.8rem 3.5rem 0.8rem 1rem;
  border: 1px solid #758186;
  border-radius: 3px;
}
@media (min-width: 50em) {
  .header-media-search-form .text {
    font-size: 1.9rem;
    line-height: 2.5rem;
  }
}

.header-media-search-form .submit {
  background-color: transparent;
  padding: 0;
  margin: 0;
  border: none;
  position: absolute;
  top: calc((50% - (2.4rem / 2)) - .1rem);
  right: 0.9rem;
  width: 2.3rem;
  height: 2.4rem;
}
@media (min-width: 50em) {
  .header-media-search-form .submit {
    right: 1rem;
  }
}

.content-breadcrumb {
  width: 100%;
}

.breadcrumb {
  border-bottom: 1px solid #D5D5D5;
}

.breadcrumb-no-line .breadcrumb {
  border-bottom: none;
}

.breadcrumb p {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 2rem;
  margin: 0;
  padding: 1.2rem 0 0.6rem 0;
  color: #122C33;
}
@media (min-width: 37.5em) {
  .breadcrumb p {
    font-size: 1.7rem;
    line-height: 2.3rem;
    padding: 1.6rem 0 1.2rem 0;
  }
}
@media (min-width: 50em) {
  .breadcrumb p {
    padding: 2rem 0 0.6rem 0;
  }
}

.content .breadcrumb a,
.content .breadcrumb strong {
  font-weight: 300;
  text-decoration: none;
  color: #122C33;
}

.breadcrumb-divider {
  padding: 0 0.2rem;
}

/* Button */
.sidedrawer-open-button-wrapper {
  position: absolute;
  top: 18px;
  right: 10px;
  max-width: calc(1080px + 10px + 10px);
  margin: 0 auto;
}
@media (min-width: 25em) {
  .sidedrawer-open-button-wrapper {
    top: 23px;
    right: 20px;
  }
}
@media (min-width: 50em) {
  .sidedrawer-open-button-wrapper {
    display: none;
  }
}

.sidedrawer-open-button {
  background-color: transparent;
  padding: 0;
  margin: 0;
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: baseline;
}

/* If open */
.is-open .sidedrawer-overlay {
  display: flex;
}

.is-open .sidedrawer-overlay {
  display: block;
}

.is-open + #wrapper {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
}

/* Sidedrawer */
.sidedrawer-overlay {
  position: fixed;
  z-index: 1000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  background: rgba(10, 20, 30, 0.9);
}

.sidedrawer {
  position: absolute;
  z-index: 1001;
  top: 0;
  right: 0;
  display: none;
  width: 0;
  min-height: 100vh;
  background-color: #FFF;
  box-shadow: 0 1px 6px 0 rgba(51, 51, 51, 0.2);
}
@media (min-width: 37.5em) {
  .sidedrawer {
    width: 40rem;
    max-width: 85%;
  }
}

.sidedrawer.is-open {
  display: flex;
  width: 100%;
}
@media (min-width: 37.5em) {
  .sidedrawer.is-open {
    width: 40rem;
    max-width: 85%;
  }
}

.is-open + #js-modal-page,
.is-open + #js-modal-page #wrapper {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
}

.sidedrawer-close-button {
  background-color: transparent;
  padding: 0;
  margin: 0;
  border: none;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 24px;
  height: 24px;
}
.sidedrawer-close-button #icon-close-bg {
  fill: #FFF;
}

.sidedrawer-close-button #icon-close-x {
  fill: #000;
}
.sidedrawer-close-button:hover #icon-close-bg, .sidedrawer-close-button:focus #icon-close-bg, .sidedrawer-close-button:active #icon-close-bg {
  fill: #028DC5;
}
.sidedrawer-close-button:hover #icon-close-x, .sidedrawer-close-button:focus #icon-close-x, .sidedrawer-close-button:active #icon-close-x {
  fill: #FFF;
}
.sidedrawer-close-button:hover:focus #icon-close-bg {
  fill: #028DC5;
}
.sidedrawer-close-button:hover:focus #icon-close-x {
  fill: #FFF;
}

.sidedrawer-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  padding: 20px 20px 40px 20px;
}

.js .sidedrawer .header-a11y-nav,
.js .sidedrawer .header-main-nav,
.js .sidedrawer .header-media-nav {
  display: block;
}
.js .sidedrawer .header-a11y-nav {
  margin: 0 0 10px 0;
}
.js .sidedrawer .header-a11y-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.js .sidedrawer .header-a11y-nav li {
  font-size: 1.5rem;
  line-height: 2.2rem;
  margin: 0 0 0.8rem 0;
}
.js .sidedrawer .header-a11y-nav a {
  padding: 0;
  color: #122C33;
}
.js .sidedrawer .header-main-nav,
.js .sidedrawer .header-media-nav {
  margin: 30px 0;
}
.js .sidedrawer .header-main-nav ul,
.js .sidedrawer .header-media-nav ul {
  display: block;
  margin: 0;
}
.js .sidedrawer .header-main-nav li,
.js .sidedrawer .header-media-nav li {
  font-size: 1.6rem;
  line-height: 2.3rem;
  border-top: 1px solid #D5D5D5;
}
.js .sidedrawer .header-main-nav li:last-child,
.js .sidedrawer .header-media-nav li:last-child {
  border-bottom: 1px solid #D5D5D5;
}
.js .sidedrawer .header-main-nav li > a,
.js .sidedrawer .header-main-nav li > strong,
.js .sidedrawer .header-media-nav li > a,
.js .sidedrawer .header-media-nav li > strong {
  position: relative;
  display: block;
  padding: 1rem 0 0.9rem 18px;
  color: #122C33;
}
.js .sidedrawer .header-main-nav li > a:before,
.js .sidedrawer .header-main-nav li > strong:before,
.js .sidedrawer .header-media-nav li > a:before,
.js .sidedrawer .header-media-nav li > strong:before {
  content: " ";
  background: url(/files/system/images/global/icons-chevron-left-right-mini.svg);
  width: 9px;
  height: 12px;
  display: block;
  position: absolute;
  left: 0;
  top: 1.5rem;
}
.js .sidedrawer .header-main-nav li > a:hover, .js .sidedrawer .header-main-nav li > a:focus, .js .sidedrawer .header-main-nav li > a:active,
.js .sidedrawer .header-main-nav li > strong:hover,
.js .sidedrawer .header-main-nav li > strong:focus,
.js .sidedrawer .header-main-nav li > strong:active,
.js .sidedrawer .header-media-nav li > a:hover,
.js .sidedrawer .header-media-nav li > a:focus,
.js .sidedrawer .header-media-nav li > a:active,
.js .sidedrawer .header-media-nav li > strong:hover,
.js .sidedrawer .header-media-nav li > strong:focus,
.js .sidedrawer .header-media-nav li > strong:active {
  color: #DE007E;
  text-decoration: underline;
}
.js .sidedrawer .header-main-nav .level_1 li,
.js .sidedrawer .header-media-nav .level_1 li {
  position: relative;
}
.js .sidedrawer .header-main-nav .level_1 li button,
.js .sidedrawer .header-media-nav .level_1 li button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
  border: 1px solid #667379;
  border-radius: 2px;
  background-color: #FFF;
  position: absolute;
  right: 0;
  top: 0.9rem;
}
.js .sidedrawer .header-main-nav .level_2,
.js .sidedrawer .header-media-nav .level_2 {
  display: none;
  width: 100%;
}
.js .sidedrawer .header-main-nav .level_2.open,
.js .sidedrawer .header-media-nav .level_2.open {
  display: block;
}
.js .sidedrawer .header-main-nav .level_2 li,
.js .sidedrawer .header-media-nav .level_2 li {
  padding-left: 18px;
}
.js .sidedrawer .header-main-nav .level_2 li.last,
.js .sidedrawer .header-media-nav .level_2 li.last {
  border-bottom: none;
}

.content .navbar li {
  color: #122C33;
  font-size: 1.7rem;
  line-height: 2.3rem;
  border-top: 1px solid #D5D5D5;
}
@media (min-width: 50em) {
  .content .navbar li {
    border-top: none;
  }
}

.content .navbar li > a,
.content .navbar li > strong {
  color: #122C33;
  display: block;
  padding: 0.8rem 0;
}
.content .navbar li > a:hover, .content .navbar li > a:focus, .content .navbar li > a:active,
.content .navbar li > strong:hover,
.content .navbar li > strong:focus,
.content .navbar li > strong:active {
  color: #DE007E;
  text-decoration: underline;
}

.navbar li li {
  padding-left: 30px;
}

.navbar-submenu {
  max-width: 35rem;
  margin: 0 auto 50px auto;
  border-top: 1px solid #D5D5D5;
}
@media (min-width: 62.5em) {
  .navbar-submenu {
    border-top: none;
  }
}

.navbar-submenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.navbar-submenu ul li {
  margin: 0;
}
.navbar-submenu ul a {
  text-decoration: none;
}

.navbar-submenu li {
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-size: 1.8rem;
  line-height: 2.3rem;
  border-bottom: 1px solid #D5D5D5;
}
.navbar-submenu li > a,
.navbar-submenu li > strong {
  position: relative;
  display: block;
  padding: 1rem 0 0.9rem 18px;
  color: #122C33;
}
.navbar-submenu li > a:before,
.navbar-submenu li > strong:before {
  position: absolute;
  top: 1.5rem;
  left: 0;
  display: block;
  width: 8px;
  height: 12px;
  content: " ";
  background: url(/files/system/images/global/icons-chevron-left-right-mini.svg);
}
.navbar-submenu li > a:hover, .navbar-submenu li > a:focus, .navbar-submenu li > a:active {
  text-decoration: underline;
  color: #DE007E;
}
.navbar-submenu li > a:hover:before, .navbar-submenu li > a:focus:before, .navbar-submenu li > a:active:before {
  background-position: -24px 0;
}
.navbar-submenu li > strong,
.navbar-submenu li > .trail {
  color: #018CC5;
  font-weight: 400;
}

.navbar-submenu .level_2 li {
  padding-left: 18px;
}
.navbar-submenu .level_2 li:first-child {
  border-top: 1px solid #D5D5D5;
}
.navbar-submenu .level_2 li:last-child {
  border-bottom: none;
}

/* Horizontal */
h1 + .navbar-submenu-horizontal {
  margin-top: -8px;
}

.navbar-submenu-horizontal ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: center;
  max-width: 52rem;
  margin: 0 auto 20px auto;
}
.navbar-submenu-horizontal ul li {
  margin: 0;
}
.navbar-submenu-horizontal ul a {
  text-decoration: none;
}
@media (min-width: 46.875em) {
  .navbar-submenu-horizontal ul {
    flex-wrap: nowrap;
    max-width: 100%;
    border-top: 1px solid #D5D5D5;
    gap: 20px;
    padding: 1.8rem 0;
    margin: 0;
  }
}
@media (min-width: 53.125em) {
  .navbar-submenu-horizontal ul {
    gap: 25px;
  }
}
@media (min-width: 62.5em) {
  .navbar-submenu-horizontal ul {
    gap: 35px;
  }
}
.navbar-submenu-horizontal ul li {
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-size: 1.7rem;
  font-weight: 300;
  line-height: 2.2rem;
  border: 1px solid #aaa;
  border-radius: 3px;
}
@media (min-width: 46.875em) {
  .navbar-submenu-horizontal ul li {
    font-size: 1.8rem;
    line-height: 2.3rem;
    border: 0;
  }
}
@media (min-width: 56.25em) {
  .navbar-submenu-horizontal ul li {
    font-size: 1.9rem;
    line-height: 2.4rem;
  }
}
@media (min-width: 62.5em) {
  .navbar-submenu-horizontal ul li {
    font-size: 2.1rem;
  }
}
.navbar-submenu-horizontal ul li > a,
.navbar-submenu-horizontal ul li > strong {
  display: block;
  color: #122C33;
  padding: 4px 15px 5px 15px;
}
@media (min-width: 25em) {
  .navbar-submenu-horizontal ul li > a,
.navbar-submenu-horizontal ul li > strong {
    padding: 4px 18px 5px 18px;
  }
}
@media (min-width: 46.875em) {
  .navbar-submenu-horizontal ul li > a,
.navbar-submenu-horizontal ul li > strong {
    padding: 0;
  }
}
.navbar-submenu-horizontal ul li > a:hover, .navbar-submenu-horizontal ul li > a:focus, .navbar-submenu-horizontal ul li > a:active {
  text-decoration: underline;
  color: #DE007E;
}
.navbar-submenu-horizontal ul li > a:hover:before, .navbar-submenu-horizontal ul li > a:focus:before, .navbar-submenu-horizontal ul li > a:active:before {
  background-position: -24px 0;
}
.navbar-submenu-horizontal ul li > strong,
.navbar-submenu-horizontal ul li > .trail {
  color: #018CC5;
  font-weight: 400;
}

/* Account */
.navbar-submenu-account .level_1 > li > a,
.navbar-submenu-account .level_1 > li > strong {
  display: flex;
  justify-content: space-between;
}
.navbar-submenu-account .level_1 > li > a:hover, .navbar-submenu-account .level_1 > li > a:focus, .navbar-submenu-account .level_1 > li > a:active,
.navbar-submenu-account .level_1 > li > strong:hover,
.navbar-submenu-account .level_1 > li > strong:focus,
.navbar-submenu-account .level_1 > li > strong:active {
  text-decoration: none;
}
.navbar-submenu-account .level_1 > li > a:hover .navbar-submenu-account-text, .navbar-submenu-account .level_1 > li > a:focus .navbar-submenu-account-text, .navbar-submenu-account .level_1 > li > a:active .navbar-submenu-account-text,
.navbar-submenu-account .level_1 > li > strong:hover .navbar-submenu-account-text,
.navbar-submenu-account .level_1 > li > strong:focus .navbar-submenu-account-text,
.navbar-submenu-account .level_1 > li > strong:active .navbar-submenu-account-text {
  text-decoration: underline;
}
.navbar-submenu-account .level_1 > li > a:hover .navbar-submenu-account-count, .navbar-submenu-account .level_1 > li > a:focus .navbar-submenu-account-count, .navbar-submenu-account .level_1 > li > a:active .navbar-submenu-account-count,
.navbar-submenu-account .level_1 > li > strong:hover .navbar-submenu-account-count,
.navbar-submenu-account .level_1 > li > strong:focus .navbar-submenu-account-count,
.navbar-submenu-account .level_1 > li > strong:active .navbar-submenu-account-count {
  text-decoration: none;
  color: #758186;
}

.navbar-submenu-account-text {
  flex: 1;
}

.navbar-submenu-account-count {
  font-size: 1.7rem;
  width: 8rem;
  text-align: right;
  color: #758186;
}

/* Pagination */
.pagination {
  display: flex;
  justify-content: space-between;
  margin: 20px 0 30px 0;
}

.pagination p {
  font-size: 1.7rem;
  font-weight: 300;
  line-height: 2rem;
  display: flex;
}

.pagination-total {
  display: flex;
  align-items: center;
  margin: 0 30px 0 0;
  padding: 1px 0;
}

.pagination-pages {
  font-size: 1.6rem;
  display: flex;
  margin: 0 0 0 30px;
}

.pagination .pagination-link,
.pagination .pagination-active {
  display: flex;
  align-items: center;
  margin: 0 0 0 5px;
  padding: 0 0.8rem;
  text-decoration: none;
  color: #122C33;
  border: 1px solid #D5D5D5;
  border-radius: 3px;
}
.pagination .pagination-link:hover, .pagination .pagination-link:focus, .pagination .pagination-link:active,
.pagination .pagination-active:hover,
.pagination .pagination-active:focus,
.pagination .pagination-active:active {
  border-color: #DE007E;
  background-color: #DE007E;
  color: #FFF;
}

.pagination .pagination-active {
  font-weight: 500;
  color: #018CC5;
  border: 2px solid #028DC5;
}

.pagination-next {
  margin: 0 0 0 5px;
}

@media (min-width: 62.5em) {
  .medium-detail {
    margin-right: 40px;
  }
}
@media (min-width: 68.75em) {
  .medium-detail {
    margin-right: 60px;
  }
}
@media (min-width: 75em) {
  .medium-detail {
    margin-right: 80px;
  }
}

/* Intro */
.medium-detail-intro {
  margin: 0 0 40px 0;
  padding: 20px 0;
  border-bottom: 1px solid #D5D5D5;
}
@media (min-width: 25em) {
  .medium-detail-intro {
    display: flex;
    align-items: center;
  }
}
@media (min-width: 37.5em) {
  .medium-detail-intro {
    padding: 50px 0 25px 0;
  }
}

.app .medium-detail-intro {
  padding-top: 0;
}

.medium-detail-short-info {
  display: flex;
  flex: 1;
  flex-direction: column;
  order: 2;
  padding: 20px 0;
}
@media (min-width: 31.25em) {
  .medium-detail-short-info {
    padding: 30px 0;
  }
}

.app .medium-detail-short-info {
  padding-top: 0;
}

.medium-detail-media-type {
  display: flex;
  order: 1;
  margin: 0;
}

.medium-detail-media-type-image {
  display: block;
  width: 2.6rem;
  height: 2.6rem;
  background-repeat: no-repeat;
  background-size: 2.6rem;
}

.medium-detail-media-type-text {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.2rem;
  padding-top: 0.2em;
  padding-left: 2px;
}

.medium-detail-intro .medium-detail-title {
  font-size: 2rem;
  font-weight: b 700;
  line-height: 3rem;
  order: 2;
  margin: 1.8rem 0 0 0;
}
@media (min-width: 37.5em) {
  .medium-detail-intro .medium-detail-title {
    font-size: 2.6rem;
    line-height: 3.6rem;
  }
}

.medium-detail-author {
  font-size: 1.7rem;
  line-height: 2.4rem;
  flex: 1;
  order: 3;
  margin: 0;
}
@media (min-width: 25em) {
  .medium-detail-author {
    margin: 1.4rem 0 0 0;
  }
}
@media (min-width: 37.5em) {
  .medium-detail-author {
    font-size: 1.8rem;
  }
}

.medium-detail-image {
  order: 1;
  min-width: 14rem;
}
@media (min-width: 25em) {
  .medium-detail-image {
    min-width: 11rem;
    max-width: 30%;
    margin-right: 15px;
  }
}
@media (min-width: 31.25em) {
  .medium-detail-image {
    min-width: 12rem;
  }
}
@media (min-width: 37.5em) {
  .medium-detail-image {
    min-width: 15rem;
    margin-right: 20px;
  }
}
@media (min-width: 43.75em) {
  .medium-detail-image {
    min-width: 16rem;
    margin-right: 25px;
  }
}
@media (min-width: 50em) {
  .medium-detail-image {
    min-width: 17rem;
    margin-right: 35px;
  }
}

.medium-detail-image img {
  width: 14rem;
  max-width: 100%;
  height: auto;
}
@media (min-width: 25em) {
  .medium-detail-image img {
    width: 11rem;
  }
}
@media (min-width: 31.25em) {
  .medium-detail-image img {
    width: 12rem;
  }
}
@media (min-width: 37.5em) {
  .medium-detail-image img {
    width: 15rem;
  }
}
@media (min-width: 37.5em) {
  .medium-detail-image img {
    width: 16rem;
  }
}
@media (min-width: 50em) {
  .medium-detail-image img {
    width: 17rem;
  }
}
.medium-detail-image img.b-error {
  display: none;
}

.medium-detail-availability-link {
  order: 3;
}
@media (min-width: 62.5em) {
  .medium-detail-availability-link {
    display: none;
  }
}

/* Data */
.medium-detail-data-cols ul {
  margin: 0 0 35px 0;
  padding: 0;
  list-style: none;
}

.medium-detail-data li {
  font-size: 1.8rem;
  line-height: 2.6rem;
  margin: 1rem 0;
}
@media (min-width: 37.5em) {
  .medium-detail-data li {
    line-height: 2.9rem;
    margin: 0;
  }
}

.medium-detail-data-cols + .medium-detail-data {
  border-top: 1px solid #D5D5D5;
}

.medium-detail-data p {
  margin: 0 auto;
  padding-top: 3.5rem;
  max-width: 62rem;
}
@media (min-width: 62.5em) {
  .medium-detail-data p {
    max-width: 100%;
  }
}

.medium-detail-data-cols .medium-detail-item {
  display: flex;
  flex-direction: column;
}
@media (min-width: 37.5em) {
  .medium-detail-data-cols .medium-detail-item {
    flex-direction: row;
  }
}

@media (min-width: 37.5em) {
  .medium-detail-data-cols .medium-detail-item-label {
    min-width: 15rem;
    max-width: 40%;
    margin-right: 20px;
    text-align: right;
  }
}
@media (min-width: 43.75em) {
  .medium-detail-data-cols .medium-detail-item-label {
    min-width: 16rem;
    margin-right: 25px;
  }
}
@media (min-width: 50em) {
  .medium-detail-data-cols .medium-detail-item-label {
    min-width: 17rem;
    margin-right: 35px;
  }
}

.medium-detail-data-cols .medium-detail-item-data {
  flex: 1;
}

.medium-detail-back {
  max-width: 62rem;
  margin: 3.5rem auto 0 auto;
  padding-top: 1.2rem;
  border-top: 1px solid #D5D5D5;
}
@media (min-width: 62.5em) {
  .medium-detail-back {
    max-width: 100%;
  }
}

/* Buttons */
.medium-detail-action {
  margin: 50px 0 0.6rem 0;
}
.medium-detail-action + .medium-detail-action {
  margin: 0;
}

.app .medium-detail-action {
  margin-top: 0;
}

.medium-detail-action .formbody {
  margin: 0;
}

.medium-detail-action p {
  margin: 0;
}

.medium-detail-action-button {
  margin: 0;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  color: #FFF;
  background-color: #028DC5;
  border-color: #028DC5;
  font-size: 1.8rem;
  padding: 0.6rem 25px 0.7rem 25px;
  line-height: 2.8rem;
  font-weight: 400;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  text-decoration: none;
  display: inline-block;
  width: 100%;
}
.medium-detail-action-button:hover, .medium-detail-action-button:focus, .medium-detail-action-button:active {
  background-color: #DE007E;
  border-color: #DE007E;
  color: #FFF;
}
.medium-detail-action-button:hover, .medium-detail-action-button:focus, .medium-detail-action-button:active {
  border-color: #DE007E;
  background-color: #DE007E;
}

/* Availability */
.medium-availability {
  padding: 3rem 0 0 0;
}

.app .medium-availability {
  padding-top: 1rem;
}

.medium-availability-title {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.6rem;
  margin: 3rem 0 1.2rem 0;
}

.medium-availability .box {
  margin: 1rem 0 3rem 0;
}

.medium-availability-item {
  margin: 0;
  padding: 0;
  list-style: none;
}

.medium-availability-item-title {
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 2.2rem;
  margin: 0;
}

.accordion-availability {
  margin: 40px 0 50px 0;
}

h2 + .accordion-wrapper .accordion-availability {
  margin-top: 0;
}

.medium-availability .accordion-item-title-link,
.medium-availability .accordion-item-title-link:focus {
  padding: 0.9rem 0 0.9rem 30px !important;
}

.medium-availability-item .accordion-item-title a:hover,
.medium-availability-item .accordion-item-title .cursor-over:focus,
.medium-availability-item .accordion-item-title a:active {
  border-top: 1px solid #D5D5D5;
  background-color: transparent;
}

.medium-availability-item.accordion-item.closed:hover + .medium-availability-item a {
  border-top: 1px solid #CDCDCD;
}

.medium-availability-item .accordion-item-title-link.open {
  color: #122C33;
  border-top: 1px solid #D5D5D5;
  background-color: transparent;
}

.medium-availability .accordion-item-title-link:before {
  display: none;
}

.medium-availability-item-title-icon {
  position: absolute;
  top: 1rem;
  left: 0;
}

.medium-availability-item-title-count {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 1.5rem;
  font-weight: 300;
  float: right;
  padding-right: 24px;
}

.record-available .medium-availability-item-title-count {
  color: #23A211;
}

@media (prefers-color-scheme: dark) {
  .app .record-available .medium-availability-item-title-count {
    color: #E3E3E3;
  }
}
.record-not-available .medium-availability-item-title-count {
  color: #758186;
}

@media (prefers-color-scheme: dark) {
  .app .record-not-available .medium-availability-item-title-count {
    color: #AAA;
  }
}
.medium-availability-item-title-count:after {
  position: absolute;
  top: calc(50% - 4px);
  right: 0;
  display: block;
  width: 12px;
  height: 8px;
  content: " ";
  background-image: url(/files/images/layout/icons-accordion-mini.png);
  background-repeat: no-repeat;
  background-size: 48px 8px;
}

a:hover .medium-availability-item-title-count:after,
a:focus .medium-availability-item-title-count:after,
a:active .medium-availability-item-title-count:after {
  background-position: -12px 0;
}

.accordion-item-title a:hover .medium-availability-item-title-location,
.accordion-item-title .cursor-over:focus .medium-availability-item-title-location,
.accordion-item-title a:active .medium-availability-item-title-location {
  text-decoration: underline;
  color: #DE007E;
}

.accordion-item-title .medium-availability-item-title-location img {
  position: absolute;
  top: 1.8rem;
  margin-left: 15px;
}

.medium-availability-item-details-copies {
  font-size: 1.6rem;
  line-height: 2rem;
  margin: 0.5rem 0 1.2rem 30px;
}
@media (min-width: 62.5em) {
  .medium-availability-item-details-copies {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
@media (min-width: 68.75em) {
  .medium-availability-item-details-copies {
    font-size: 1.6rem;
    line-height: 2rem;
  }
}

.medium-availability-item-details-location-link {
  font-size: 1.6rem;
  line-height: 2rem;
  margin: 0 0 2.5rem 30px;
}

.medium-detail-recommendations {
  text-align: center;
  margin: 5.5rem 0 8rem 0;
}

.medium-detail-recommendations-title {
  margin: 0 0 0.8rem 0;
  text-align: center;
}

.medium-detail-recommendations-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
}

.medium-detail-recommendations-item {
  display: none;
  width: calc((100% - 16px) / 3);
  margin: 8px 0 0 0;
  border: 1px solid #E5E5E5;
  border-radius: 3px;
  min-height: 15rem;
}
.medium-detail-recommendations-item:hover {
  border-color: #F4F5F6;
}
.medium-detail-recommendations-item.show {
  display: flex;
}

.medium-detail-recommendations-item-link {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 20px 12px 22px 12px;
  text-decoration: none;
}

.medium-detail-recommendations-item-image {
  height: 135px;
  width: auto;
  margin: 0 auto;
  display: block;
}

.medium-detail-recommendations-item-title {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
  margin: 1.8rem 0 0 0;
  hyphens: auto;
  text-align: center;
}

.medium-detail-recommendations-item-author {
  font-size: 1.5rem;
  line-height: 2rem;
  margin: 0.4rem 0 0 0;
  color: #405057;
  text-align: center;
}

.medium-detail-recommendations-item-link:hover, .medium-detail-recommendations-item-link:focus, .medium-detail-recommendations-item-link:active {
  text-decoration: none !important;
  background-color: #F4F5F6;
}
.medium-detail-recommendations-item-link:hover .medium-detail-recommendations-item-title, .medium-detail-recommendations-item-link:focus .medium-detail-recommendations-item-title, .medium-detail-recommendations-item-link:active .medium-detail-recommendations-item-title {
  text-decoration: underline;
  color: #DE007E;
}
.medium-detail-recommendations-item-link:hover .medium-detail-recommendations-item-author, .medium-detail-recommendations-item-link:focus .medium-detail-recommendations-item-author, .medium-detail-recommendations-item-link:active .medium-detail-recommendations-item-author {
  text-decoration: none;
  color: #405057;
}

.medium-detail-recommendations .medium-detail-recommendations-more-button {
  margin: 2rem 0 0 0;
}

.mod_facet_navigation h2 {
  position: absolute !important;
  top: -6000px !important;
  left: -6000px !important;
  height: 1px !important;
  width: 1px !important;
}

.filter-group-catalogue {
  margin: 0 0 40px 0;
}

.filter-group-catalogue.filter-group-horizontal {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0;
  padding: 1rem 0;
  border-top: 1px solid #D5D5D5;
  border-bottom: 1px solid #D5D5D5;
}

.catalogue-list-detail-count + .filter-group-catalogue.filter-group-horizontal {
  border-top: none;
}

.filter-group-catalogue.filter-group-horizontal .filter-form {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mod_facet_navigation .filter-group-title {
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-size: 1.8rem;
  font-weight: 400;
  margin: 0 0 1.5rem 0;
  padding: 0.7rem 0 0.6rem 0;
  border-top: 1px solid #D5D5D5;
  border-bottom: 1px solid #D5D5D5;
}

.mod_facet_navigation h2 + .filter-group-catalogue .filter-group-title {
  border-top: 0;
}

.filter-fieldset {
  overflow: auto;
  max-height: 17rem;
}

.filter-group-catalogue.filter-group-horizontal .filter-fieldset {
  display: flex;
  flex: 1;
  justify-content: flex-end;
}

.filter-group-catalogue.filter-group-horizontal .filter-fieldset .filter-options {
  display: flex;
  margin-right: 10px;
}

.filter-option {
  position: relative;
  margin: 0.2rem;
}

.filter-group-catalogue.filter-group-horizontal .filter-option {
  margin-right: 20px;
}

.filter-option-checkbox {
  position: absolute;
  top: 0.5rem;
  left: 2px;
}

.filter-option-label {
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.2rem;
  position: relative;
  display: block;
  margin: 0;
  padding: 0.2rem 0 0.2rem 26px;
}

.filter-option-label:before {
  position: absolute;
  top: 0.3rem;
  left: 0;
  display: block;
  box-sizing: border-box;
  width: 1.8rem;
  height: 1.8rem;
  content: " ";
  border: 1px solid #758186;
  border-radius: 2px;
  background: #FFF;
}

.filter-option-label {
  cursor: pointer;
}

.content .filter-option-label a {
  text-decoration: none;
  color: #122C33;
}
.content .filter-option-label a:hover, .content .filter-option-label a:focus, .content .filter-option-label a:active {
  color: #122C33;
  text-decoration: none;
}

.filter-option-label:hover:before,
.filter-option-label:focus:before,
.filter-option-label:active:before {
  border-color: #DE007E;
}

.filter-option-checkbox:checked + .filter-option-label:before,
.filter-option-checked .filter-option-label:before {
  border: 3px solid #DE007E;
  background-color: #DE007E;
  background-image: url(/files/images/layout/icon-haekchen-mini-weiss.png);
  background-repeat: no-repeat;
  background-position: 55% 50%;
  background-size: 9px 8px;
}

.filter-option-count {
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-size: 1.5rem;
  font-weight: 300;
  margin-left: 0.3rem;
  color: #758186;
}

.filter-submit {
  margin: 0;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  color: #FFF;
  background-color: #667379;
  border-color: #667379;
  font-size: 1.6rem;
  padding: 0.2rem 10px;
  line-height: 2.6rem;
  font-weight: 400;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  text-decoration: none;
  display: inline-block;
  margin-top: 1rem;
}
.filter-submit:hover, .filter-submit:focus, .filter-submit:active {
  background-color: #DE007E;
  border-color: #DE007E;
  color: #FFF;
}
.filter-submit:hover, .filter-submit:focus, .filter-submit:active {
  border-color: #DE007E;
  background-color: #DE007E;
}

@media (prefers-color-scheme: dark) {
  .app .filter-submit {
    margin: 0;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    color: #E3E3E3;
    background-color: #18799C;
    border-color: #18799C;
    font-size: 1.6rem;
    padding: 0.2rem 10px;
    line-height: 2.6rem;
    font-weight: 400;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
    text-decoration: none;
    display: inline-block;
  }
  .app .filter-submit:hover, .app .filter-submit:focus, .app .filter-submit:active {
    background-color: #DE007E;
    border-color: #DE007E;
    color: #FFF;
  }
}
.filter-form fieldset + .filter-submit {
  cursor: default;
  color: #758186;
  border: 1px solid #AAA;
  background-color: #FFF;
}

.filter-group-catalogue.filter-group-horizontal .filter-submit {
  margin-top: 0;
}

.filter-form fieldset + .filter-submit-active {
  cursor: pointer;
  color: #FFF;
  border-color: #028DC5;
  background-color: #028DC5;
}
.filter-form fieldset + .filter-submit-active:hover, .filter-form fieldset + .filter-submit-active:focus, .filter-form fieldset + .filter-submit-active:active {
  border-color: #DE007E;
  background-color: #DE007E;
}

.mod_catalogue_archive,
.mod_catalogue_list,
.mod_resultlist_accessions {
  max-width: 72rem;
}
@media (min-width: 50em) {
  .mod_catalogue_archive,
.mod_catalogue_list,
.mod_resultlist_accessions {
    margin: 0 auto;
  }
}
@media (min-width: 62.5em) and (min-width: 62.5em) {
  .mod_catalogue_archive,
.mod_catalogue_list,
.mod_resultlist_accessions {
    margin-right: 40px;
  }
}
@media (min-width: 62.5em) and (min-width: 68.75em) {
  .mod_catalogue_archive,
.mod_catalogue_list,
.mod_resultlist_accessions {
    margin-right: 60px;
  }
}
@media (min-width: 62.5em) and (min-width: 75em) {
  .mod_catalogue_archive,
.mod_catalogue_list,
.mod_resultlist_accessions {
    margin-right: 80px;
  }
}

.catalogue-list-detail-info .image_container .caption {
  margin-bottom: 0;
}
@media (min-width: 37.5em) {
  .catalogue-list-detail-info {
    display: flex;
    justify-content: space-between;
  }
  .catalogue-list-detail-info .image_container {
    min-width: 220px;
    margin-right: 15px;
  }
}
@media (min-width: 43.75em) {
  .catalogue-list-detail-info .image_container {
    min-width: 230px;
    margin-right: 15px;
  }
}
@media (min-width: 50em) {
  .catalogue-list-detail-info .image_container {
    min-width: 250px;
    margin-right: 20px;
  }
}

.catalogue-list-detail-count {
  font-weight: 700;
  margin: 0;
  padding: 0 0 1rem 0;
  color: #354248;
  border-bottom: 1px solid #D5D5D5;
}
@media (min-width: 37.5em) {
  .catalogue-list-detail-count {
    margin: 2.5rem 0 0 0;
  }
}

.catalogue-list-item {
  margin: 0;
  padding: 18px 0;
  border-top: 1px solid #D5D5D5;
}
.catalogue-list-item:last-child {
  border-bottom: 1px solid #D5D5D5;
}

@media (prefers-color-scheme: dark) {
  .app .catalogue-list-item {
    border-top-color: #454545;
  }
  .app .catalogue-list-item:last-child {
    border-bottom-color: #454545;
  }
}
@media (min-width: 600px) {
  .catalogue-list-item {
    display: flex;
    align-content: stretch;
    justify-content: space-between;
  }
}
.js .catalogue-list-item-hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.019);
}

.catalogue-list-item-text {
  display: flex;
  align-content: center;
  flex-direction: column;
  justify-content: center;
}

.catalogue-list-item-preview {
  display: flex;
  width: 266px;
  margin: 0;
  padding: 0;
  list-style: none;
  justify-items: flex-start;
}

/* Text */
.catalogue-list-item-link:hover,
.catalogue-list-item-link:focus,
.catalogue-list-item-link:active,
.js .catalogue-list-item-hover .catalogue-list-item-link {
  text-decoration: underline;
  color: #DE007E;
}

.catalogue-list-item-title {
  font-size: 1.8rem;
  line-height: 2.5rem;
  margin: 0 15px 0 0;
}
.catalogue-list-item-title a {
  text-decoration: none;
}

.catalogue-list-item-count {
  font-size: 1.5rem;
  margin: 0.5rem 0 0 0;
  color: #777;
}

@media (prefers-color-scheme: dark) {
  .app .catalogue-list-item-count {
    color: #CCC;
  }
}
/* Preview */
.catalogue-list-item-preview-item {
  position: relative;
  margin: 0;
}

.catalogue-list-item-preview-link {
  display: block;
  padding: 0 2px;
}

.catalogue-list-item-preview-item:first-child .catalogue-list-item-preview-link {
  padding-left: 0;
}

.catalogue-list-item-preview-item:last-child .catalogue-list-item-preview-link {
  padding-right: 0;
}

.catalogue-list-item-preview-image {
  width: 54px;
}

.catalogue-list-item-preview-item:first-child .catalogue-list-item-preview-image,
.catalogue-list-item-preview-item:last-child .catalogue-list-item-preview-image {
  width: 52px;
}

.catalogue-list-item-preview-link .b-error {
  display: none;
}

.catalogue-list-item-preview-link .b-error + .catalogue-list-item-preview-image-replacement {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 50px;
  background-color: #ECECEC;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px 40px;
}

.catalogue-list-item-preview-link .catalogue-list-item-preview-image-replacement.media-icon-buch {
  background-image: url(/bundles/fw2primocatalogue/images/media-type/small/buch.png);
}

.catalogue-list-item-preview-link .catalogue-list-item-preview-image-replacement.media-icon-eaudio {
  background-image: url(/bundles/fw2primocatalogue/images/media-type/small/hoerbuch.png);
}

.catalogue-list-item-preview-link .catalogue-list-item-preview-image-replacement.media-icon-ebook {
  background-image: url(/bundles/fw2primocatalogue/images/media-type/small/e-book.png);
}

.catalogue-list-item-preview-link .catalogue-list-item-preview-image-replacement.media-icon-ebook {
  background-image: url(/bundles/fw2primocatalogue/images/media-type/small/e-book.png);
}

.catalogue-list-item-preview-link .catalogue-list-item-preview-image-replacement.media-icon-epaper {
  background-image: url(/bundles/fw2primocatalogue/images/media-type/small/e-paper.png);
}

.catalogue-list-item-preview-link .catalogue-list-item-preview-image-replacement.media-icon-cd,
.catalogue-list-item-preview-link .catalogue-list-item-preview-image-replacement.media-icon-cd-rom,
.catalogue-list-item-preview-link .catalogue-list-item-preview-image-replacement.media-icon-mp3-cd {
  background-image: url(/bundles/fw2primocatalogue/images/media-type/small/compact-disc.png);
}

.catalogue-list-item-preview-link .catalogue-list-item-preview-image-replacement.media-icon-blu-ray-disk,
.catalogue-list-item-preview-link .catalogue-list-item-preview-image-replacement.media-icon-dvd {
  background-image: url(/bundles/fw2primocatalogue/images/media-type/small/film.png);
}

.catalogue-list-item-preview-link .catalogue-list-item-preview-image-replacement.media-icon-konsolenspiel {
  background-image: url(/bundles/fw2primocatalogue/images/media-type/small/konsolenspiel.png);
}

.catalogue-list-item-preview-link .catalogue-list-item-preview-image-replacement.media-icon-spiel {
  background-image: url(/bundles/fw2primocatalogue/images/media-type/small/spiel.png);
}

.catalogue-list-item-preview-link .catalogue-list-item-preview-image-replacement.media-icon-emusik {
  background-image: url(/bundles/fw2primocatalogue/images/media-type/small/e-musik.png);
}

.catalogue-list-item-preview-link .catalogue-list-item-preview-image-replacement.media-icon-noten {
  background-image: url(/bundles/fw2primocatalogue/images/media-type/small/noten.png);
}

.catalogue-list-item-preview-link .catalogue-list-item-preview-image-replacement.media-icon-zeitschrift {
  background-image: url(/bundles/fw2primocatalogue/images/media-type/small/zeitschrift.png);
}

.catalogue-list-item-preview-link .catalogue-list-item-preview-image-replacement.media-icon-bestseller {
  background-image: url(/bundles/fw2primocatalogue/images/media-type/small/bestseller.png);
}

.catalogue-list-item-preview-text {
  position: absolute;
  z-index: 100;
  bottom: calc(100% + 12px);
  left: calc(5px - (21.0rem / 2) + 25px);
  display: none;
  box-sizing: border-box;
  width: 21rem;
  padding: 10px;
  opacity: 0.95;
  color: #FFF;
  border-radius: 5px;
  background-color: #354248;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (prefers-color-scheme: dark) {
  .app .catalogue-list-item-preview-text {
    color: #E3E3E3;
  }
}
.catalogue-list-item-preview-text:after {
  position: absolute;
  bottom: -9px;
  left: calc(50% - (18px / 2));
  display: block;
  width: 18px;
  height: 10px;
  content: " ";
  background-image: url(/files/images/layout/tooltip_darkgrey_down.svg);
  background-repeat: no-repeat;
  background-size: 18px 10px;
}

.catalogue-list-item-preview-text p {
  font-size: 1.5rem;
  line-height: 2.2rem;
  margin: 0;
  color: #FFF;
}

.catalogue-list-item-preview-author {
  opacity: 0.8;
}

.catalogue-list-item-preview-title {
  font-weight: bold;
}

@media (min-width: 62.5em) {
  .search-results {
    margin-right: 40px;
  }
}
@media (min-width: 68.75em) {
  .search-results {
    margin-right: 60px;
  }
}
@media (min-width: 75em) {
  .search-results {
    margin-right: 80px;
  }
}

.search-results h1 {
  margin-bottom: 1.8rem;
}

.search-results-info {
  font-weight: 300;
  margin: 1.8rem 0 5rem 0;
}

.app .search-results-info {
  margin: 0 0 0.4rem 0;
  font-size: 1.5rem;
  text-align: right;
}

.search-results-info strong {
  font-weight: 300;
}

.search-results-list {
  margin: 0;
}

.app .filter-group + .search-results-list {
  border-top: 0;
}

.search-results-item {
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 10px 0;
  border-bottom: 1px solid #D5D5D5;
}

/* Image */
.search-results-image {
  order: 1;
  width: 7.5rem;
  margin: 0 10px 0 0;
}
@media (min-width: 23.438em) {
  .search-results-image {
    width: 10rem;
    margin: 0 15px 0 0;
  }
}
@media (min-width: 28.125em) {
  .search-results-image {
    width: 12rem;
    margin: 0 20px 0 0;
  }
}
@media (min-width: 37.5em) {
  .search-results-image {
    margin: 0 30px 0 0;
  }
}
.search-results-image img {
  width: 100%;
}

/* Text */
.search-results-text {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: flex-start;
  order: 2;
  width: 100%;
}

.search-results-title {
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.5rem;
  order: 2;
  margin: 1.4rem 0 0 0;
}
.search-results-title a {
  text-decoration: none;
}

.search-results-media-type {
  display: flex;
  order: 1;
  margin: 0;
}

.search-results-media-type-image {
  display: block;
  width: 2.2rem;
  height: 2.2rem;
  background-repeat: no-repeat;
  background-size: 2.2rem;
}

.search-results-media-type-text {
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2rem;
  padding: 1px 0 0 2px;
}

.search-results-details {
  order: 3;
  margin: 1.2rem 0 1.5rem 0;
}
.search-results-details p {
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.2rem;
  margin: 0;
}
@media (min-width: 37.5em) {
  .search-results-details p {
    font-size: 1.7rem;
    line-height: 2.3rem;
  }
}

.search-results-details-item-creator {
  display: block;
  padding-bottom: 0.2rem;
}

/* Actions */
.search-results-actions {
  order: 3;
}

.search-results-watchlist-item .search-results-actions {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  justify-items: stretch;
  margin-left: 5px;
}

.app .search-results-watchlist-item .search-results-actions {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  justify-items: stretch;
  margin-left: 5px;
}
.app .search-results-watchlist-item .search-results-actions button {
  border: none;
  padding: 0;
  margin: 0;
}
.app .search-results-watchlist-item .search-results-actions button:hover, .app .search-results-watchlist-item .search-results-actions button:focus, .app .search-results-watchlist-item .search-results-actions button:active {
  background-color: transparent;
}

.search-results-actions button {
  background-color: transparent;
  padding: 0;
  margin: 0;
  border: none;
  width: 1.9rem;
  height: 3.2rem;
}
.search-results-actions button:hover svg #bg,
.search-results-actions button:hover svg #border, .search-results-actions button:focus svg #bg,
.search-results-actions button:focus svg #border, .search-results-actions button:active svg #bg,
.search-results-actions button:active svg #border {
  fill: #DE007E;
}
.search-results-actions button:hover svg #star, .search-results-actions button:focus svg #star, .search-results-actions button:active svg #star {
  fill: #FFF;
}

.search-results-watchlist-item button,
.account-loans .search-results-actions button {
  margin: 0;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  color: #122C33;
  background-color: #FFF;
  border-color: #758186;
  font-size: 1.5rem;
  padding: 0.2rem 8px 0.2rem 8px;
  line-height: 2.2rem;
  font-weight: 400;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  text-decoration: none;
  display: inline-block;
  font-weight: 300;
  display: block;
  width: 100%;
  height: auto;
  margin: 0 0 0.4rem 0;
}
.search-results-watchlist-item button:hover, .search-results-watchlist-item button:focus, .search-results-watchlist-item button:active,
.account-loans .search-results-actions button:hover,
.account-loans .search-results-actions button:focus,
.account-loans .search-results-actions button:active {
  background-color: #DE007E;
  border-color: #DE007E;
  color: #FFF;
}
.search-results-watchlist-item button:hover, .search-results-watchlist-item button:focus, .search-results-watchlist-item button:active,
.account-loans .search-results-actions button:hover,
.account-loans .search-results-actions button:focus,
.account-loans .search-results-actions button:active {
  color: #FFF;
  border-color: #DE007E;
  background-color: #DE007E;
}

.search-results-availability {
  order: 3;
}
.search-results-availability p {
  position: relative;
  overflow: visible;
  margin: 0;
}
.search-results-availability .search-results-availability-icon {
  position: absolute;
  display: block;
  margin-left: -28px;
  padding: 0;
  border: none;
}
.search-results-availability .search-results-availability-icon svg {
  pointer-events: none;
}

.search-results-availability-text {
  display: none;
}

.search-results-availability-text.tooltip {
  font-size: 1.4rem;
  line-height: 2rem;
  position: absolute;
  z-index: 1000;
  top: 3.2rem;
  right: -19px;
  display: block;
  overflow: visible;
  width: 20rem;
  padding: 0.8rem 1rem;
  color: #FFF;
  border-radius: 4px;
  background-color: #354248;
}
@media (min-width: 62.5em) {
  .search-results-availability-text.tooltip {
    right: auto;
    left: -11.5rem;
  }
}
.search-results-availability-text.tooltip:before {
  position: absolute;
  top: -1rem;
  right: 28px;
  width: 1.8rem;
  height: 1rem;
  content: " ";
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAUCAYAAADlep81AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAJKADAAQAAAABAAAAFAAAAACLL1t6AAABr0lEQVRIDa1WvUrDUBS+N22dOndxM/gERSqZCrGFtJNDF93zAr6Auzo76hO4tUVFcKp0EATXFIeCg4NThGpjjufUYmp7c3OSNBC4uef7S0I+IsQajh3bOaJzDVKikFcEgxwKgHPUaW5ubXuvL95zHk2Zh1yzW40Qwi5qlOY6U0Ma7eFd7zarbuZAtWa7CsH3PQhRXjRHQV8WC/XhTfdxcZ+7zhTIchwz+IIBgKiojKQUb8UNaQ36/ZFqrtszdEPVzGruV6af4jouDHFoRhjCqjR0e6kC1TudchBMemhp6kR/Z2ASljjJ2AjBDuS6bunj3b8CAdWIrl8RljjE1SOjKSsQAMgnb3yJ76IRUZkr5BCXNDgMVqDdvdYJ3u0BR1CFIS5pqGbLe4nFSA2Md3e8TEx7jfVgYXH6WJwPOq420EILsx63zmg+ayS1eayRooUZfiyIts2VgeJamGXHAKFpbJuvBEpqYYYfCxLX5v++Mk4Ls9wYoLg2/wuUroUZjizIapvPAmVpYZYfA7Tc5sashUfji0wtzDBkQajNMQNlkTXbOQ0B1vL7yTLXgAwpz34AK8XSMru0+UMAAAAASUVORK5CYII=);
  background-size: 1.8rem 1rem;
}
@media (min-width: 62.5em) {
  .search-results-availability-text.tooltip:before {
    right: auto;
    left: 8.8rem;
  }
}

@media (prefers-color-scheme: dark) {
  .app .search-results-availability-text.tooltip {
    color: #E3E3E3;
  }
}
@media (min-width: 62.5em) {
  .account-block {
    margin-right: 40px;
  }
}
@media (min-width: 68.75em) {
  .account-block {
    margin-right: 60px;
  }
}
@media (min-width: 75em) {
  .account-block {
    margin-right: 80px;
  }
}

.account-block .box-info .widget-submit {
  margin: 0;
}

.bar-print-mail {
  margin: 3rem 0 0 0;
  border-bottom: 1px solid #D5D5D5;
}
.bar-print-mail p {
  display: flex;
  justify-content: flex-end;
  margin: 0;
}
.bar-print-mail .bar-print-mail-item {
  display: block;
  margin: 0 0 0.6rem 14px;
  padding: 0 0 0.6rem 0;
}
.account-e-mail .box {
  margin-bottom: 1rem;
}
.account-e-mail .box p {
  font-weight: 400;
}

.account-form {
  margin: 0 0 3rem 0;
}
.account-form .widget-text {
  margin: 0.8rem 0;
}
.account-form .widget-text label {
  position: absolute !important;
  top: -6000px !important;
  left: -6000px !important;
  height: 1px !important;
  width: 1px !important;
}
.account-form .widget-submit {
  margin: 0;
}
.account-form .widget-submit .submit {
  font-size: 1.8rem;
  padding: 0.4rem 12px 0.4rem 12px;
}

/* Mixins */
.account-credit-balance ul {
  margin: 0 0 5rem 0;
}
.account-credit-balance .credit-balance-item {
  font-size: 1.7rem;
  line-height: 2.5rem;
  margin: 0;
  padding: 1.5rem 0;
  border-bottom: 1px solid #D5D5D5;
}
.account-credit-balance .credit-balance-subitem {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  justify-items: center;
}
.account-credit-balance .credit-balance-label {
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-size: 1.7rem;
  width: 18rem;
}
.account-credit-balance .credit-balance-label strong {
  font-weight: 400;
}
.account-credit-balance .credit-balance-label strong {
  font-weight: 400;
}
.account-credit-balance .credit-balance-value {
  flex: 1;
}

.account-borrower-properties h2,
.account-borrower-charges h2 {
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 3.2rem;
  margin: 5rem 0 1rem 0;
}
.account-borrower-properties ul,
.account-borrower-charges ul {
  margin: 0 0 5rem 0;
  border-bottom: 1px solid #D5D5D5;
}
.account-borrower-properties .userprops-item,
.account-borrower-charges .userprops-item {
  font-size: 1.8rem;
  line-height: 2.5rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: 1rem 0;
  border-top: 1px solid #D5D5D5;
  justify-items: center;
}
.account-borrower-properties .userprops-label,
.account-borrower-charges .userprops-label {
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-size: 1.7rem;
  width: 18rem;
}
.account-borrower-properties .userprops-label strong,
.account-borrower-charges .userprops-label strong {
  font-weight: 400;
}
.account-borrower-properties .userprops-value,
.account-borrower-charges .userprops-value {
  display: block;
  flex: 1;
}
.account-borrower-properties .userprops-action a,
.account-borrower-properties .userprops-action svg,
.account-borrower-charges .userprops-action a,
.account-borrower-charges .userprops-action svg {
  display: block;
}
.account-borrower-properties .userprops-action :hover #icon-pen,
.account-borrower-properties .userprops-action :focus #icon-pen,
.account-borrower-properties .userprops-action :active #icon-pen,
.account-borrower-charges .userprops-action :hover #icon-pen,
.account-borrower-charges .userprops-action :focus #icon-pen,
.account-borrower-charges .userprops-action :active #icon-pen {
  fill: #DE007E;
}
.account-borrower-properties .userprops-message,
.account-borrower-charges .userprops-message {
  width: calc(100% - 18.0rem);
  margin: 2rem 0 2rem 18rem;
  padding: 1.5rem 15px;
  background-color: #F4F5F6;
}
.account-borrower-properties .userprops-message p,
.account-borrower-charges .userprops-message p {
  font-size: 1.8rem;
  line-height: 2.5rem;
  margin: 0;
}
.account-borrower-properties .userprops-form,
.account-borrower-charges .userprops-form {
  width: calc(100% - 18.0rem);
  margin-left: 18rem;
}
.account-borrower-properties .userprops-form .widget-text,
.account-borrower-charges .userprops-form .widget-text {
  margin: 0.8rem 0 0.8rem 0;
}
.account-borrower-properties .userprops-form .widget-submit,
.account-borrower-charges .userprops-form .widget-submit {
  margin: 0 15px 1rem 0;
}
.account-borrower-properties .userprops-form .submit,
.account-borrower-charges .userprops-form .submit {
  font-size: 1.8rem;
  padding: 0.5rem 12px 0.4rem 12px;
}
.account-borrower-properties .userprops-message,
.account-borrower-charges .userprops-message {
  position: relative;
  width: calc(100% - 18.0rem);
  margin: 2.5rem 0 0 18rem;
  padding: 20px 15px;
  background-color: #F4F5F6;
}
.account-borrower-properties .userprops-message:before,
.account-borrower-charges .userprops-message:before {
  position: absolute;
  top: -4px;
  left: 0;
  display: block;
  width: 100%;
  height: 0;
  content: " ";
  border-top: 4px solid #028DC5;
}
.account-borrower-properties .userprops-message p,
.account-borrower-charges .userprops-message p {
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 2.3rem;
  margin: 0;
}
.account-borrower-properties .userprops-message.userprop-message-error:before,
.account-borrower-charges .userprops-message.userprop-message-error:before {
  border-color: #B0271C;
}
.account-borrower-properties .userprops-message.userprop-message-success:before,
.account-borrower-charges .userprops-message.userprop-message-success:before {
  border-color: #23A211;
}
.account-borrower-properties .userprops-message.userprop-message-info:before,
.account-borrower-charges .userprops-message.userprop-message-info:before {
  border-color: #028DC5;
}

@media (prefers-color-scheme: dark) {
  .app .account-borrower-properties .userprops-message,
.app .account-borrower-charges .userprops-message {
    background-color: #333333;
  }
}
.account-details ul {
  margin: 0 0 5rem 0;
}
.account-details .account-details-item {
  font-size: 1.7rem;
  line-height: 2.5rem;
  margin: 0;
  padding: 1.5rem 0;
  border-bottom: 1px solid #D5D5D5;
}
.account-details .account-details-subitem {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  justify-items: center;
}
.account-details .account-details-label {
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-size: 1.7rem;
  width: 18rem;
}
.account-details .account-details-label strong {
  font-weight: 400;
}
.account-details .account-details-value {
  flex: 1;
}

.account-loans .loans-search-results-item {
  display: block;
}
@media (min-width: 31.25em) {
  .account-loans .loans-search-results-item {
    display: flex;
    flex-wrap: wrap;
  }
}
.account-loans .loans-details {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 1rem 0 0 0;
}
.account-loans .loans-details-item {
  font-size: 1.7rem;
  line-height: 2.5rem;
  margin: 0;
}
@media (min-width: 37.5em) {
  .account-loans .loans-details-item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    justify-items: center;
  }
}
.account-loans .loans-details-label {
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-size: 1.7rem;
  width: 13rem;
}
.account-loans .loans-details-label strong {
  font-weight: 400;
}
@media (min-width: 31.25em) {
  .account-loans .loans-details-label {
    display: block;
  }
}
@media (min-width: 31.25em) {
  .account-loans .loans-details-value {
    display: block;
    flex: 1;
  }
}
.account-loans .search-results-actions {
  width: 12rem;
}
.account-loans .loans-actions-info p {
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  margin: 1.55rem 0;
}
.account-loans .loans-actions-info p strong {
  display: block;
}
.account-loans .loans-actions-info-status-overdue {
  color: #B0271C;
}
.account-loans .loans-search-results-news {
  order: 0;
  margin: 0 0 1.5rem 0;
  padding: 10px;
  background-color: #F4F5F6;
}
@media (min-width: 31.25em) {
  .account-loans .loans-search-results-news {
    width: calc(100% - 20px - 12.0rem);
    margin-left: calc(12px + 12.0rem);
  }
}
@media (min-width: 37.5em) {
  .account-loans .loans-search-results-news {
    width: calc(100% - 30px - 12.0rem);
    margin-left: calc(30px + 12.0rem);
  }
}
.account-loans .loans-search-results-news p {
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 2.3rem;
  margin: 0;
}
.account-loans .search-results-image .b-lazy.b-error {
  display: none;
}

@media (min-width: 62.5em) {
  .mod_reservation_action {
    margin-right: 40px;
  }
}
@media (min-width: 68.75em) {
  .mod_reservation_action {
    margin-right: 60px;
  }
}
@media (min-width: 75em) {
  .mod_reservation_action {
    margin-right: 80px;
  }
}

.box.reservation-item {
  position: relative;
  padding: 15px 15px 0 15px;
  border: 1px solid #D5D5D5;
  margin: 30px 0 40px 0;
}
.box.reservation-item:before, .box.reservation-item:after {
  display: table;
  content: " ";
}
.box.reservation-item:after {
  clear: both;
}
@media (min-width: 37.5em) {
  .box.reservation-item {
    padding: 20px 20px 0 20px;
  }
}
.box.reservation-item .reservation-info {
  padding-bottom: 15px;
}
@media (min-width: 37.5em) {
  .box.reservation-item .reservation-info {
    padding-bottom: 20px;
  }
}
.box.reservation-item .reservation-title {
  font-size: 2rem;
  line-height: 2.6rem;
  margin: 4.8rem 0 1.5rem 0;
}
@media (min-width: 37.5em) {
  .box.reservation-item .reservation-title {
    font-size: 2.2rem;
    line-height: 3rem;
  }
}
.box.reservation-item .reservation-media-type {
  position: absolute;
  top: 15px;
  left: 15px;
  width: 100%;
  margin: 0;
}
@media (min-width: 37.5em) {
  .box.reservation-item .reservation-media-type {
    top: 20px;
    left: 20px;
  }
}
.box.reservation-item .reservation-media-type-text {
  position: absolute;
  top: 8px;
  left: 38px;
  width: calc(100% - 45px);
  color: #667379;
  font-size: 1.5rem;
}
.box.reservation-item .reservation-media-type-image {
  position: absolute;
  top: 1px;
  left: 0;
  display: block;
  width: 40px;
  height: 40px;
  background-size: 40px;
  background-repeat: no-repeat;
}
.box.reservation-item .reservation-info {
  font-size: 1.7rem;
  line-height: 2.4rem;
  margin: 0;
}
.box.reservation-item .reservation-image {
  float: right;
  margin: 0 0 0 15px;
  padding-bottom: 15px;
  width: 32%;
  max-width: 180px;
}
@media (min-width: 37.5em) {
  .box.reservation-item .reservation-image {
    padding-bottom: 20px;
  }
}
.box.reservation-item .reservation-image img {
  display: block;
}

.medium-vormerken-bestaetigung {
  margin: 2rem 0 0 0;
}

.medium-vormerken-bestaetigung p {
  width: 100%;
  line-height: 2.4rem;
  display: table;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
}

.medium-vormerken-bestaetigung p.trennlinie-oben {
  margin-top: 1.8rem;
}

.medium-vormerken-bestaetigung p.trennlinie-unten {
  margin-bottom: 1.8rem;
}

.medium-vormerken-bestaetigung-eintrag {
  display: table-row;
}

.medium-vormerken-bestaetigung-label {
  display: table-cell;
  width: calc(35% - 20px);
  padding: 0;
}

.medium-vormerken-bestaetigung-wert {
  display: table-cell;
  width: 65%;
  padding: 0;
}

/* Form */
.form-medium-vormerken .formbody {
  margin-top: 0;
}

.form-medium-vormerken label {
  position: absolute !important;
  top: -6000px !important;
  left: -6000px !important;
  height: 1px !important;
  width: 1px !important;
}

.form-medium-vormerken select {
  width: 100%;
  font-size: inherit;
}

.form-medium-vormerken .submit_container {
  padding-top: 1rem;
}

.account-reservations .reservation-details {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 1rem 0 0 0;
}
.account-reservations .reservation-details-item {
  font-size: 1.7rem;
  line-height: 2.5rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  justify-items: center;
}
.account-reservations .reservation-details-label {
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-size: 1.7rem;
  width: 13rem;
}
.account-reservations .reservation-details-label strong {
  font-weight: 400;
}
.account-reservations .reservation-details-value {
  flex: 1;
}

.ce_form {
  overflow: auto;
}
@media (min-width: 50em) {
  .ce_form {
    max-width: 72rem;
    margin: 0 auto;
  }
}

.content-2-col .content-main .ce_form {
  max-width: 72rem;
}
@media (min-width: 62.5em) and (min-width: 62.5em) {
  .content-2-col .content-main .ce_form {
    margin-right: 40px;
  }
}
@media (min-width: 62.5em) and (min-width: 68.75em) {
  .content-2-col .content-main .ce_form {
    margin-right: 60px;
  }
}
@media (min-width: 62.5em) and (min-width: 75em) {
  .content-2-col .content-main .ce_form {
    margin-right: 80px;
  }
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-weight: 300;
  margin: 0;
  color: #122C33;
  background-color: #FFF;
}
input:hover, input:focus, input: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;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

input[type=submit],
button {
  cursor: pointer;
}
input[type=submit]:hover, input[type=submit]:focus, input[type=submit]:active,
button:hover,
button:focus,
button:active {
  outline: none;
}

/* Labels and legends */
.widget label {
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-size: 1.9rem;
  font-weight: 300;
  line-height: 2.5rem;
  display: inline-block;
  padding: 0 0 0.3rem 0;
}

.widget legend {
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-size: 1.9rem;
  font-weight: 300;
  line-height: 2.5rem;
  display: inline-block;
  padding: 0 0 0.3rem 0;
}

/* Input type text */
.widget-text {
  margin: 1.5rem 0;
}

.widget-text input {
  font-size: 1.8rem;
  line-height: 2.3rem;
  width: 100%;
  padding: 1rem 10px;
  border: 1px solid #758186;
  border-radius: 4px;
}
.widget-text input:-webkit-autofill::first-line {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 1.8rem;
}
.widget-text input:-webkit-autofill, .widget-text input:-webkit-autofill:hover, .widget-text input:-webkit-autofill:focus, .widget-text input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #F4F5F6 inset;
}
.widget-text input:hover, .widget-text input:focus, .widget-text input:active {
  background-color: #F4F5F6;
  border-color: #028DC5;
}

/* Input type select */
.widget-select {
  margin: 1.5rem 0;
}

.widget-select select {
  font-size: 1.8rem;
  line-height: 2.3rem;
  width: 100%;
  padding: 1rem 10px;
  border: 1px solid #758186;
  border-radius: 4px;
}
.widget-select select:-webkit-autofill::first-line {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 1.8rem;
}
.widget-select select:-webkit-autofill, .widget-select select:-webkit-autofill:hover, .widget-select select:-webkit-autofill:focus, .widget-select select:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #F4F5F6 inset;
}
.widget-select select:hover, .widget-select select:focus, .widget-select select:active {
  background-color: #F4F5F6;
  border-color: #028DC5;
}
.widget-select select option {
  padding: 0;
}

/* Textarea */
.widget-textarea {
  margin: 1.5rem 0;
}

.widget-textarea textarea {
  font-size: 1.8rem;
  line-height: 2.3rem;
  width: 100%;
  padding: 1rem 10px;
  border: 1px solid #758186;
  border-radius: 4px;
}
.widget-textarea textarea:-webkit-autofill::first-line {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 1.8rem;
}
.widget-textarea textarea:-webkit-autofill, .widget-textarea textarea:-webkit-autofill:hover, .widget-textarea textarea:-webkit-autofill:focus, .widget-textarea textarea:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #F4F5F6 inset;
}
.widget-textarea textarea:hover, .widget-textarea textarea:focus, .widget-textarea textarea:active {
  background-color: #F4F5F6;
  border-color: #028DC5;
}

/* Captcha */
.widget-captcha {
  margin: 1.5rem 0;
}

.widget-captcha input {
  font-size: 1.8rem;
  line-height: 2.3rem;
  width: 100%;
  padding: 1rem 10px;
  border: 1px solid #758186;
  border-radius: 4px;
}
.widget-captcha input:-webkit-autofill::first-line {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 1.8rem;
}
.widget-captcha input:-webkit-autofill, .widget-captcha input:-webkit-autofill:hover, .widget-captcha input:-webkit-autofill:focus, .widget-captcha input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #F4F5F6 inset;
}
.widget-captcha input:hover, .widget-captcha input:focus, .widget-captcha input:active {
  background-color: #F4F5F6;
  border-color: #028DC5;
}

/* Checkbox */
.widget-checkbox {
  margin: 1.5rem 0;
  display: flex;
}
.widget-checkbox label {
  flex: 1;
  margin-left: 4px;
}

/* Submit */
.widget-submit {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 3rem 0 2.5rem 0;
  gap: 15px;
  flex-wrap: wrap;
}

.widget-submit .submit {
  margin: 0;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  color: #FFF;
  background-color: #028DC5;
  border-color: #028DC5;
  font-size: 1.9rem;
  padding: 0.8rem 25px 0.9rem 25px;
  line-height: 2.9rem;
  font-weight: 400;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  text-decoration: none;
  display: inline-block;
  margin: 0;
}
.widget-submit .submit:hover, .widget-submit .submit:focus, .widget-submit .submit:active {
  background-color: #DE007E;
  border-color: #DE007E;
  color: #FFF;
}
.widget-submit .submit:hover, .widget-submit .submit:focus, .widget-submit .submit:active {
  cursor: pointer;
  text-decoration: none;
  color: #FFF;
  border-color: #DE007E;
  background-color: #DE007E;
}

.widget-submit .widget-submit-link {
  font-size: 1.7rem;
  font-weight: 300;
}

/* Button */
button.button {
  margin: 0;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  color: #FFF;
  background-color: #028DC5;
  border-color: #028DC5;
  font-size: 1.9rem;
  padding: 0.8rem 25px 0.9rem 25px;
  line-height: 2.9rem;
  font-weight: 400;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  text-decoration: none;
  display: inline-block;
}
button.button:hover, button.button:focus, button.button:active {
  background-color: #DE007E;
  border-color: #DE007E;
  color: #FFF;
}

button.button-small {
  margin: 0;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  color: #FFF;
  background-color: #028DC5;
  border-color: #028DC5;
  font-size: 1.7rem;
  padding: 0.7rem 15px;
  line-height: 2.5rem;
  font-weight: 400;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  text-decoration: none;
  display: inline-block;
}
button.button-small:hover, button.button-small:focus, button.button-small:active {
  background-color: #DE007E;
  border-color: #DE007E;
  color: #FFF;
}

button.button-border-small {
  margin: 0;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  color: #018CC5;
  background-color: #FFF;
  border-color: #028DC5;
  font-size: 1.7rem;
  padding: 0.7rem 15px;
  line-height: 2.5rem;
  font-weight: 400;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  text-decoration: none;
  display: inline-block;
}
button.button-border-small:hover, button.button-border-small:focus, button.button-border-small:active {
  background-color: #DE007E;
  border-color: #DE007E;
  color: #FFF;
}

.widget-help {
  position: relative;
}

.form-help {
  position: absolute;
  z-index: 100;
  right: 1.1rem;
  bottom: 1.1rem;
}

.form-help .text {
  padding-right: 4rem;
}

/* Error handling */
.content .widget.error label {
  color: #B0271C;
}

.content .widget-error-message {
  display: block;
}
.content .widget-error-message strong {
  color: #B0271C;
}

.content .widget.error .text,
.content .widget.error .captcha,
.content .widget.error .textarea {
  border-color: #CF0015;
}

.content .widget.error p.error {
  font-size: 1.4rem;
  margin: 0;
  color: #B0271C;
}

.login-form {
  margin: 4rem 0;
}
@media (min-width: 62.5em) {
  .login-form {
    margin-right: 40px;
  }
}
@media (min-width: 68.75em) {
  .login-form {
    margin-right: 60px;
  }
}
@media (min-width: 75em) {
  .login-form {
    margin-right: 80px;
  }
}

/* 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);
}

.content-right .link-dialog-in-deutsch p {
  font-size: 1.7rem;
  line-height: 2.5rem;
}

/* TODO Location-Navigation Events */
.filter-events.filter-events {
  max-width: 35rem;
  margin: 10px auto 10px auto;
  padding: 0;
  border: 0;
}
.filter-events .filter-fieldset {
  overflow: visible;
  max-height: none;
  margin-top: 40px;
}
.filter-events .filter-fieldset > div {
  overflow: auto;
  max-height: 17rem;
}
.filter-events .filter-fieldset + .filter-fieldset {
  margin-top: 25px;
}
.filter-events .filter-legend {
  display: block;
  width: 100%;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-size: 1.8rem;
  font-weight: 400;
  margin: 0 0 1.2rem 0;
  padding: 0.7rem 0 0.6rem 0;
  border-top: 1px solid #D5D5D5;
  border-bottom: 1px solid #D5D5D5;
  color: #405057;
}

.js .filter-events input[type=submit] {
  display: none;
}

.accordion-nav {
  margin: 4rem auto;
  border-top: none;
}

.accordion-nav-button {
  display: none;
}

.js .accordion-nav-button {
  display: block;
  border: none;
  padding: 0.5rem 0 0.4rem 0;
  width: 100%;
  text-align: left;
  border-top: 1px solid #D5D5D5;
  border-bottom: 1px solid #D5D5D5;
}
.js .accordion-nav-button h2 {
  margin: 0;
  padding: 0;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-size: 1.8rem;
  font-weight: 400;
  position: relative;
}
.js .accordion-nav-button h2:after {
  position: absolute;
  top: calc(50% - 4px);
  right: 0;
  display: block;
  width: 12px;
  height: 8px;
  content: " ";
  background-image: url(/files/images/layout/icons-accordion-mini.png);
  background-repeat: no-repeat;
  background-size: 48px 8px;
}
.js .accordion-nav-button:hover h2, .js .accordion-nav-button:focus h2, .js .accordion-nav-button:active h2 {
  text-decoration: underline;
  color: #DE007E;
}

.js .accordion-nav-button[aria-expanded=true] h2:after {
  background-position: -24px 0;
}
.js .accordion-nav-button[aria-expanded=true]:hover h2:after, .js .accordion-nav-button[aria-expanded=true]:focus h2:after, .js .accordion-nav-button[aria-expanded=true]:active h2:after {
  background-position: -36px 0;
}

.js .accordion-nav-button[aria-expanded=false] h2:after {
  background-position: 0 0;
}
.js .accordion-nav-button[aria-expanded=false]:hover h2:after, .js .accordion-nav-button[aria-expanded=false]:focus h2:after, .js .accordion-nav-button[aria-expanded=false]:active h2:after {
  background-position: -12px 0;
}
.js .accordion-nav-button[aria-expanded=false] + ul {
  display: none;
}

.event-full {
  margin: 0 auto;
}
@media (min-width: 50em) {
  .event-full {
    max-width: 72rem;
  }
}
@media (min-width: 62.5em) and (min-width: 62.5em) {
  .event-full {
    margin-right: 40px;
  }
}
@media (min-width: 62.5em) and (min-width: 68.75em) {
  .event-full {
    margin-right: 60px;
  }
}
@media (min-width: 62.5em) and (min-width: 75em) {
  .event-full {
    margin-right: 80px;
  }
}
.event-full .event-full-image {
  position: relative;
  margin: 10px 0 0 0;
}
@media (min-width: 25em) {
  .event-full .event-full-image {
    margin: 20px 0 0 0;
  }
}
@media (min-width: 50em) {
  .event-full .event-full-image {
    margin: 40px 0 0 0;
  }
}
.event-full .event-full-image img {
  width: 100%;
}
.event-full .event-full-title {
  font-size: 2rem;
  line-height: 2.8rem;
  margin: 2rem 0 0 0;
}
@media (min-width: 25em) {
  .event-full .event-full-title {
    font-size: 2.2rem;
    line-height: 3rem;
    margin: 2.5rem 0 0 0;
  }
}
@media (min-width: 37.5em) {
  .event-full .event-full-title {
    font-size: 2.6rem;
    line-height: 3.6rem;
    margin: 2.5rem 0 0 0;
  }
}
@media (min-width: 62.5em) {
  .event-full .event-full-title {
    font-size: 2.8rem;
    line-height: 4rem;
  }
}

.event-full-date {
  font-size: 2.3rem;
  font-weight: 400;
  line-height: 2.8rem;
  margin: 2rem 0 0 0;
  padding-top: 1.5rem;
  color: #122C33;
  border-top: 1px solid #D5D5D5;
}
@media (min-width: 50em) {
  .event-full-date {
    font-size: 2.5rem;
    line-height: 3rem;
    margin: 2.4rem 0 0 0;
    padding-top: 1.9rem;
  }
}
.event-full-date .event-full-date-day {
  font-size: 1.8rem;
  text-transform: uppercase;
}

.event-full-info {
  font-size: 1.7rem;
  line-height: 2.3rem;
  margin: 0.2rem 0 3rem 0;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #D5D5D5;
}
@media (min-width: 50em) {
  .event-full-info {
    font-size: 1.8rem;
    line-height: 2.6rem;
    padding-bottom: 1.8rem;
  }
}
.event-full-info .button-mini {
  margin-top: 0.8rem;
}
@media (min-width: 62.5em) {
  .event-full-info .button-mini {
    display: none;
  }
}

.event-full-location {
  position: relative;
  margin: 20px auto;
  padding: 25px 20px 25px 20px;
  border: 1px solid #F4F5F6;
  background-color: #F4F5F6;
  max-width: 35rem;
}
@media (min-width: 62.5em) {
  .event-full-location {
    margin: 40px 0;
  }
}
.event-full-location .inside :first-child {
  margin-top: 0;
}
.event-full-location .inside :last-child {
  margin-bottom: 0;
}
.event-full-location p {
  hyphens: auto;
}
@media (min-width: 75em) {
  .event-full-location p {
    hyphens: none;
  }
}

/* Colours */
.event-full-image:before,
.event-full-location:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 6px;
  content: " ";
  background-color: #028DC5;
}

.event-full-location:before {
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
}

/* tag_15 = Kinder */
.tag_15 .event-full-image:before {
  background-color: #FFD800;
}

/* tag_3 = Jugendliche */
.tag_3 .event-full-image:before {
  background-color: #BC1D11;
}

/* Erwachsene und Jugendliche */
.tag_2.tag_3 .event-full-image:before {
  background: -moz-linear-gradient(left, #028DC5 0%, #028DC5 50%, #BC1D11 50%, #BC1D11 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #028DC5 0%, #028DC5 50%, #BC1D11 50%, #BC1D11 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #028DC5 0%, #028DC5 50%, #BC1D11 50%, #BC1D11 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background-color: #028DC5;
}

/* Erwachsene und Kinder */
.tag_2.tag_15 .event-full-image:before {
  background: -moz-linear-gradient(left, #028DC5 0%, #028DC5 50%, #FFD800 50%, #FFD800 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #028DC5 0%, #028DC5 50%, #FFD800 50%, #FFD800 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #028DC5 0%, #028DC5 50%, #FFD800 50%, #FFD800 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background-color: #028DC5;
}

/* Jugendliche und Kinder */
.tag_3.tag_15 .event-full-image:before {
  background: -moz-linear-gradient(left, #BC1D11 0%, #BC1D11 50%, #FFD800 50%, #FFD800 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #BC1D11 0%, #BC1D11 50%, #FFD800 50%, #FFD800 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #BC1D11 0%, #BC1D11 50%, #FFD800 50%, #FFD800 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background-color: #BC1D11;
}

/* Erwachsene, Jugendliche und Kinder */
.tag_2.tag_3.tag_15 .event-full-image:before {
  background: -moz-linear-gradient(left, #BC1D11 0%, #BC1D11 33%, #BC1D11 33%, #BC1D11 66%, #BC1D11 66%, #BC1D11 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #028DC5 0%, #2989D8 33%, #BC1D11 33%, #BC1D11 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #028DC5 0%, #028DC5 33%, #BC1D11 33%, #BC1D11 66%, #FFD800 66%, #FFD800 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background-color: #BC1D11;
}

/* Tags */
.event-full-tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 4rem auto 6rem auto;
  padding-top: 2.5rem;
  border-top: 1px solid #D5D5D5;
  gap: 5px;
}
.event-full-tags .event-full-tags-item {
  font-size: 1.5rem;
  line-height: 2.2rem;
  font-weight: 400;
  margin: 1px 0;
}
.event-full-tags .event-full-tags-item a {
  display: block;
  padding: 0.4rem 20px 0.4rem 20px;
  text-decoration: none;
  color: #122C33;
  border: 1px solid #E7E9EB;
  border-radius: 2.5rem;
  background: #E7E9EB;
}
.event-full-tags .event-full-tags-item a:hover, .event-full-tags .event-full-tags-item a:focus, .event-full-tags .event-full-tags-item a:active {
  color: #FFF;
  border-color: #DE007E;
  background: #DE007E;
  text-decoration: none;
}

@media (min-width: 62.5em) {
  .mod_eventlist {
    margin-right: 40px;
  }
}
@media (min-width: 68.75em) {
  .mod_eventlist {
    margin-right: 60px;
  }
}
@media (min-width: 75em) {
  .mod_eventlist {
    margin-right: 80px;
  }
}

.news-full .mod_eventlist {
  margin-right: 0;
}

.ce_headline.spacing-bottom-0 + .mod_eventlist .event-list {
  margin-top: 2rem !important;
}

.event-list .event-list-item {
  position: relative;
  margin: 0;
  padding: 1rem 0;
  border-top: 1px solid #D5D5D5;
}
.event-list .event-list-item:first-child {
  border-top: 0;
}
.event-list .event-list-link {
  text-decoration: none;
  color: #122C33;
}
@media (min-width: 23.438em) {
  .event-list .event-list-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
  }
}
@media (min-width: 23.438em) and (min-width: 50em) {
  .event-list .event-list-link {
    gap: 25px;
  }
}
.event-list .event-list-link:hover, .event-list .event-list-link:focus, .event-list .event-list-link:active {
  text-decoration: none;
}
.event-list .event-list-link:hover .event-list-title strong, .event-list .event-list-link:focus .event-list-title strong, .event-list .event-list-link:active .event-list-title strong {
  text-decoration: underline;
  color: #DE007E;
}
.event-list .event-list-link:hover .event-list-tip, .event-list .event-list-link:focus .event-list-tip, .event-list .event-list-link:active .event-list-tip {
  color: #122C33;
}
.event-list .event-list-image {
  position: relative;
  order: 1;
  width: 80px;
}
@media (min-width: 50em) {
  .event-list .event-list-image {
    width: 130px;
  }
}
.event-list .event-list-text {
  flex: 1;
  order: 2;
  padding: 5px 0;
}
.event-list .event-list-date {
  font-size: 2rem;
  font-weight: 400;
  line-height: 2.5rem;
  margin: 0;
  color: #122C33;
}
@media (min-width: 50em) {
  .event-list .event-list-date {
    font-size: 2.1rem;
    line-height: 2.6rem;
  }
}
.event-list .event-list-date .event-list-date-day {
  font-size: 1.6rem;
  text-transform: uppercase;
}
.event-list .event-list-location-time {
  font-size: 1.5rem;
  line-height: 2rem;
  /* margin-right to stop time running into event tip star */
  margin: 0 25px 0 0;
  color: #666;
}
@media (min-width: 31.25em) {
  .event-list .event-list-location-time {
    font-size: 1.6rem;
    line-height: 2.1rem;
  }
}
@media (min-width: 50em) {
  .event-list .event-list-location-time {
    font-size: 1.7rem;
    line-height: 2.2rem;
    /* margin-right to stop time running into event tip star */
    margin: 0 25px 0 0;
  }
}
.event-list .event-list-location-time .event-list-time,
.event-list .event-list-location-time .event-list-location {
  display: block;
}
@media (min-width: 37.5em) {
  .event-list .event-list-location-time .event-list-time,
.event-list .event-list-location-time .event-list-location {
    display: inline;
  }
}
.event-list .event-list-location-time .event-list-location-time-divider {
  display: none;
}
@media (min-width: 37.5em) {
  .event-list .event-list-location-time .event-list-location-time-divider {
    display: inline;
  }
}
.event-list .event-list-title {
  font-size: 1.7rem;
  line-height: 2.2rem;
  margin: 0.4rem 0 0.2rem 0;
  hyphens: auto;
}
@media (min-width: 23.438em) {
  .event-list .event-list-title {
    margin: 0.4rem 0 0 0;
  }
}
@media (min-width: 37.5em) {
  .event-list .event-list-title {
    font-size: 1.8rem;
    line-height: 2.4rem;
    margin: 0.6rem 0 0 0;
    hyphens: none;
  }
}
@media (min-width: 50em) {
  .event-list .event-list-title {
    font-size: 1.9rem;
    line-height: 2.6rem;
  }
}
.event-list .event-list-title strong {
  font-weight: 500;
  color: #018CC5;
}
.event-list .event-list-tip {
  font-size: 1.2rem;
  line-height: 2rem;
  position: absolute;
  top: 1.2rem;
  right: -2px;
  margin: 0;
  text-transform: uppercase;
}
@media (min-width: 31.25em) {
  .event-list .event-list-tip {
    font-size: 1.3rem;
    top: 1.2rem;
  }
}
.event-list .event-list-tip:before {
  display: block;
  width: 16px;
  height: 15px;
  margin: 0 auto;
  content: " ";
  background-image: url(/files/images/layout/icons-sterne.png);
  background-repeat: no-repeat;
  background-size: 64px 15px;
}
.event-list .tag_15:not(.tag_2) .event-list-tagestipp:before {
  background-position: -48px 0;
}
.event-list .tag_3:not(.tag_2) .event-list-tagestipp:before {
  background-position: -32px 0;
}

.events-new {
  /* Temp */
}
.events-new .content-intro {
  width: 100%;
  background: none;
}
.events-new .content-intro:before {
  display: none;
}
.events-new .content-intro > .inside {
  padding: 30px 0 0 0;
  border-bottom: 1px solid #D5D5D5;
}
@media (min-width: 50em) {
  .events-new .content-intro > .inside {
    padding: 60px 0 3.5rem 0;
  }
}
@media (min-width: 50em) {
  .events-new .content-intro > .inside > .mod_article > .inside {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
}
.events-new .content-intro h1 {
  margin: 0 0 1.5rem 0;
}
@media (min-width: 50em) {
  .events-new .content-intro h1 {
    font-size: 4.6rem;
    margin: 0;
  }
}
.events-new .content-intro ul {
  padding: 0;
  margin: 0;
}
@media (min-width: 50em) {
  .events-new .content-intro ul {
    display: flex;
    justify-content: flex-end;
    gap: 25px;
  }
}
@media (min-width: 62.5em) {
  .events-new .content-intro ul {
    gap: 35px;
  }
}
.events-new .content-intro ul li {
  font-size: 1.6rem;
  line-height: 2.2rem;
  margin: 0;
  padding: 0;
  border-top: 1px solid #D5D5D5;
  break-inside: avoid;
}
@media (min-width: 50em) {
  .events-new .content-intro ul li {
    font-size: 2rem;
    line-height: 2.5rem;
    border-top: none;
  }
}
.events-new .content-intro ul a {
  text-decoration: none;
  color: #122C33;
  font-weight: 400;
  position: relative;
  display: block;
  padding: 0.8rem 0 0.7rem 16px;
}
@media (min-width: 50em) {
  .events-new .content-intro ul a {
    padding: 0;
    display: inline;
  }
}
.events-new .content-intro ul a:before {
  position: absolute;
  top: 1.2rem;
  left: 0;
  display: block;
  width: 8px;
  height: 12px;
  content: " ";
  background: url(/files/system/images/global/icons-chevron-left-right-mini.svg);
}
@media (min-width: 50em) {
  .events-new .content-intro ul a:before {
    display: none;
  }
}
.events-new .content-intro ul strong {
  font-weight: 700;
  position: relative;
  display: block;
  padding: 0.8rem 0 0.7rem 16px;
}
@media (min-width: 50em) {
  .events-new .content-intro ul strong {
    padding: 0;
    display: inline;
  }
}
.events-new .content-intro ul strong:before {
  position: absolute;
  top: 1.2rem;
  left: 0;
  display: block;
  width: 8px;
  height: 12px;
  content: " ";
  background: url(/files/system/images/global/icons-chevron-left-right-mini.svg);
}
@media (min-width: 50em) {
  .events-new .content-intro ul strong:before {
    display: none;
  }
}
.events-new .content-right .ce_image {
  margin: 2rem 0;
}

.event-list.event-list-selection h2 {
  font-size: 2.5rem;
  line-height: 3.4rem;
  font-weight: 500;
  margin: 2rem 0 2.5rem 0;
  padding-top: 5.5rem;
  text-align: center;
  border-top: 1px solid #D5D5D5;
}
.event-list.event-list-selection h2 a {
  font-weight: 700;
  text-decoration: none;
  color: #122C33;
}

.mod_eventlist_filtered h2 + .event-list-selection {
  margin-top: 0;
}

@media (min-width: 62.5em) {
  .event-list.event-list-selection {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .event-list.event-list-selection .event-list-item,
.event-list.event-list-selection .grid-item-fake {
    width: calc((100% - 60px) / 4);
    min-height: 1px;
    margin: 0;
    padding: 0;
    border-top: none;
  }
  .event-list.event-list-selection .event-list-link {
    flex-direction: column;
  }
  .event-list.event-list-selection .event-list-text {
    width: 100%;
    padding: 10px 0 0 0;
  }
  .event-list.event-list-selection .event-list-title {
    margin-top: 1rem;
    hyphens: auto;
  }
  .event-list.event-list-selection .event-list-image {
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .event-list.event-list-selection .event-list-image img {
    width: 100%;
  }
  .event-list.event-list-selection .event-list-tip {
    display: none;
  }
}

@media (min-width: 62.5em) {
  .cols-3 .event-list.event-list-selection .event-list-item,
.cols-3 .event-list.event-list-selection .grid-item-fake {
    width: calc((100% - 40px) / 3);
  }
}

.mod_calendar {
  margin: 40px 0 20px 0;
  padding: 8px 10px 10px 10px;
  border-top: 6px solid #028DC5;
  background: #F4F5F6;
}

.mod_calendar.mod_calendar-rot,
.rot .mod_calendar {
  border-color: #B0271C;
}

.mod_calendar.mod_calendar-gelb,
.gelb .mod_calendar {
  border-color: #FFD800;
}

.minicalendar {
  width: 100%;
  border-collapse: collapse;
  border: none;
}

.minicalendar .head {
  border: none;
}

.minicalendar .head.current {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.4rem;
  padding: 0.3rem 0 0 0;
  text-align: center;
  vertical-align: top;
  border: none;
}

.minicalendar .head.previous,
.minicalendar .head.next {
  padding: 0 0 8px 0;
  vertical-align: top;
}

.minicalendar .head.previous {
  text-align: left;
}

.minicalendar .head.next {
  text-align: right;
}

.minicalendar .head.previous a,
.minicalendar .head.next a {
  display: inline-block;
}

.minicalendar .label {
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2rem;
  padding: 0.4rem 0 0.3rem 0;
  text-align: center;
  text-transform: uppercase;
  border: 1px solid #D5D5D5;
}

.minicalendar .days {
  width: calc(100% / 7);
  padding: 3px;
  text-align: center;
  border: 1px solid #D5D5D5;
  background-color: #F4F5F6;
}

.minicalendar .days .days-inside {
  font-size: 1.7rem;
  font-weight: 300;
  line-height: 3.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: #AAA;
}
@media (min-width: 75em) {
  .minicalendar .days .days-inside {
    height: 40px;
  }
}

.minicalendar .days.active a {
  text-decoration: none;
  font-weight: 400;
  color: #122C33;
}

.minicalendar .days.today .days-inside {
  color: #122C33;
  font-weight: 400;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0.12);
}

.minicalendar .days.selected .days-inside {
  color: #FFF;
  border-radius: 100%;
  background: #018CC5;
}

.minicalendar .days a.days-inside:hover,
.minicalendar .days a.days-inside:focus,
.minicalendar .days a.days-inside:active {
  color: #FFF;
  border-radius: 100%;
  background: #DE007E;
}

.minicalendar-reset-link {
  margin: 0.5rem 0 0 0;
  font-size: 1.6rem;
}

.event-tip {
  position: relative;
  max-width: 72rem;
  margin-top: 30px 0 20px 0;
  padding: 40px 10px 20px 10px;
  background-color: #F4F5F6;
}
@media (min-width: 28.125em) {
  .event-tip {
    margin: 40px 0 20px 0;
    padding: 50px 25px 30px 25px;
  }
}
@media (min-width: 37.5em) {
  .event-tip {
    margin: 50px 0 30px 0;
  }
}
@media (min-width: 50em) {
  .event-tip {
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 62.5em) and (min-width: 62.5em) {
  .event-tip {
    margin-right: 40px;
  }
}
@media (min-width: 62.5em) and (min-width: 68.75em) {
  .event-tip {
    margin-right: 60px;
  }
}
@media (min-width: 62.5em) and (min-width: 75em) {
  .event-tip {
    margin-right: 80px;
  }
}

@media (min-width: 50em) {
  .mod_eventlist .event-tip {
    margin-right: 0;
    margin-left: 0;
  }
}
@media (min-width: 62.5em) {
  .mod_eventlist .event-tip {
    margin-right: 0;
  }
}

h1 + .event-top {
  margin: 0 0 15px 0;
}
@media (min-width: 25em) {
  h1 + .event-top {
    margin: 0 0 50px 0;
  }
}

.event-tip:before {
  position: absolute;
  top: -6px;
  left: 0;
  display: block;
  width: 100%;
  height: 0;
  content: " ";
}

/* tag_15 = Kinder */
.event-tip.tag_15:before {
  border-top: 6px solid #FFD800;
}

/* tag_3 = Jugendliche */
.event-tip.tag_3:before {
  border-top: 6px solid #B0271C;
}

.event-tip:before {
  border-top: 6px solid #028DC5;
}

.event-tip:after {
  position: absolute;
  top: -24px;
  right: 0;
  left: 0;
  display: block;
  width: 55px;
  height: 55px;
  margin: 0 auto;
  content: " ";
  border-radius: 100%;
  background-repeat: no-repeat;
  background-size: 55px 55px;
}

.event-tip.tag_15:after {
  background-image: url(/files/images/layout/icon-tipp-gelb.png);
}

.event-tip.tag_3:after {
  background-image: url(/files/images/layout/icon-tipp-rot.png);
}

.event-tip:after {
  background-image: url(/files/images/layout/icon-tipp-blau.png);
}

.event-tip > .inside {
  display: flex;
  flex-direction: column;
}
@media (min-width: 37.5em) {
  .event-tip > .inside {
    display: block;
  }
}

.event-tip-image {
  order: 3;
}

.event-tip-date-location-time {
  order: 1;
}

.event-tip-title {
  order: 2;
}

.event-tip-teaser {
  order: 4;
}

.event-tip h2 {
  position: absolute !important;
  top: -6000px !important;
  left: -6000px !important;
  height: 1px !important;
  width: 1px !important;
}

.event-tip-image {
  width: 100%;
}
@media (min-width: 37.5em) {
  .event-tip-image {
    float: right;
    width: calc((100% - 55px) / 2);
    max-width: 225px;
    margin-bottom: 15px;
    margin-left: 20px;
  }
}

.event-tip-date {
  font-size: 2.1rem;
  font-weight: 400;
  line-height: 2.6rem;
  margin: 0;
}
@media (min-width: 50em) {
  .event-tip-date {
    font-size: 2.2rem;
    line-height: 2.7rem;
  }
}
.event-tip-date .event-tip-date-day {
  font-size: 1.7rem;
  text-transform: uppercase;
}

.event-tip-location-time {
  font-size: 1.5rem;
  line-height: 2rem;
  margin: 0.2rem 25px 0 0;
  color: #666;
}
@media (min-width: 31.25em) {
  .event-tip-location-time {
    font-size: 1.6rem;
    line-height: 2.1rem;
  }
}
@media (min-width: 50em) {
  .event-tip-location-time {
    font-size: 1.7rem;
    line-height: 2.2rem;
    margin: 0.2rem 25px 0 0;
  }
}
.event-tip-location-time .event-tip-time,
.event-tip-location-time .event-tip-location {
  display: block;
}
@media (min-width: 37.5em) {
  .event-tip-location-time .event-tip-time,
.event-tip-location-time .event-tip-location {
    display: block;
  }
}
.event-tip-location-time .event-tip-location-time-divider {
  display: none;
}
@media (min-width: 37.5em) {
  .event-tip-location-time .event-tip-location-time-divider {
    display: none;
  }
}

.event-tip-title {
  font-size: 2rem;
  line-height: 2.8rem;
  margin: 1rem 0;
  hyphens: auto;
}
@media (min-width: 25em) {
  .event-tip-title {
    font-size: 2.2rem;
    line-height: 3rem;
  }
}
@media (min-width: 37.5em) {
  .event-tip-title {
    font-size: 2.4rem;
    line-height: 3.4rem;
    margin: 1.5rem 0;
  }
}
.event-tip-title a {
  text-decoration: none;
}
.event-tip-title a:hover, .event-tip-title a:focus, .event-tip-title a:active {
  text-decoration: underline;
}

.event-tip-teaser {
  margin: 1.5rem 0 0 0;
}
@media (min-width: 37.5em) {
  .event-tip-teaser {
    margin: 2rem 0 0 0;
  }
}
.event-tip-teaser p {
  margin: 0;
}

.event-tip-teaser-more {
  margin: 0;
}

#pretix {
  margin-top: -20px;
  padding-top: 20px;
}

.pretix-widget-wrapper .pretix-widget {
  max-width: 35rem;
  min-height: 0;
  margin: 0 auto;
  padding: 20px 20px 5px 20px;
  border: 1px solid #D5D5D5;
}
.pretix-widget-wrapper .resize-observer {
  display: none !important;
  height: 0 !important;
}
.pretix-widget-wrapper .resize-observer object {
  display: none !important;
  height: 0 !important;
}
.pretix-widget-wrapper .pretix-widget-loading {
  position: static !important;
  height: auto;
}
.pretix-widget-wrapper .pretix-widget-loading svg {
  position: static !important;
  width: 50px;
  height: 50px;
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}
.pretix-widget-wrapper .pretix-widget .pretix-widget-info-message {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 2.1rem;
  display: flex;
  flex-direction: column-reverse;
  margin: 0;
  padding: 10px;
  text-align: left;
  color: #122C33;
  border: 1px solid #D5D5D5;
  border-radius: 0;
  background-color: #FFF;
}
.pretix-widget-wrapper .pretix-widget .pretix-widget-info-message button {
  margin-top: 1.5rem;
}
.pretix-widget-wrapper .pretix-widget .pretix-widget-category {
  margin: 0;
}
.pretix-widget-wrapper .pretix-widget .pretix-widget-info-message + .pretix-widget-category {
  margin: 3rem 0 0 0;
}
.pretix-widget-wrapper .pretix-widget-item .pretix-widget-item-row {
  margin: 0;
  padding: 0;
}
.pretix-widget-wrapper .pretix-widget-item .pretix-widget-item-row .pretix-widget-item-price-col {
  display: none;
}
.pretix-widget-wrapper .pretix-widget-item .pretix-widget-item-row.noflex {
  display: block;
}
.pretix-widget-wrapper .pretix-widget-item .pretix-widget-item-row.noflex .pretix-widget-item-availability-col {
  display: block;
  width: 100%;
  text-align: left;
}
.pretix-widget-wrapper .pretix-widget-item .pretix-widget-item-row.noflex .pretix-widget-availability-box {
  display: block;
}
.pretix-widget-wrapper .pretix-widget-item .pretix-widget-item-row.noflex .pretix-widget-availability-box .pretix-widget-availability-unavailable {
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.1rem;
  margin-top: 1rem;
  color: #122C33;
}
.pretix-widget-wrapper .pretix-widget-item .pretix-widget-item-row .pretix-widget-item-info-col {
  flex: 1;
  width: auto;
  margin: 0;
  margin-right: 10px;
  padding: 0;
}
.pretix-widget-wrapper .pretix-widget-item .pretix-widget-item-row .pretix-widget-item-title-and-description {
  font-size: 1.8rem;
  line-height: 2.5rem;
}
.pretix-widget-wrapper .pretix-widget-item .pretix-widget-item-row .pretix-widget-item-title {
  font-weight: 500;
}
.pretix-widget-wrapper .pretix-widget-item .pretix-widget-item-row .pretix-widget-item-meta {
  font-size: 1.6rem;
  line-height: 2.5rem;
  margin: 0 0 1rem 0;
  color: #555;
}
.pretix-widget-wrapper .pretix-widget-item .pretix-widget-item-row .pretix-widget-item-meta small {
  font-size: inherit;
}
.pretix-widget-wrapper .pretix-widget-item .pretix-widget-item-row .pretix-widget-item-meta::first-letter {
  text-transform: uppercase;
}
.pretix-widget-wrapper .pretix-widget-item .pretix-widget-item-row .pretix-widget-item-availability-col {
  float: none;
  width: auto;
  padding: 0;
  text-align: left;
}
.pretix-widget-wrapper .pretix-widget-item .pretix-widget-item-row .pretix-widget-availability-available {
  display: flex;
  flex: 1;
}
.pretix-widget-wrapper .pretix-widget-item .pretix-widget-item-row .pretix-widget-availability-available .pretix-widget-item-count-group {
  width: 100%;
  display: flex;
  gap: 6px;
}
.pretix-widget-wrapper .pretix-widget-item .pretix-widget-item-row .pretix-widget-availability-available input[type=checkbox] {
  display: none;
}
.pretix-widget-wrapper .pretix-widget-item .pretix-widget-item-row .pretix-widget-availability-available .pretix-widget-btn-default.pretix-widget-item-count-dec span {
  display: inline-block;
  transform: scaleX(2);
  /* Strecken des Zeichens horizontal */
}
.pretix-widget-wrapper .pretix-widget-item .pretix-widget-item-row .pretix-widget-availability-gone {
  text-transform: lowercase;
  font-weight: 300;
  color: #405057;
  font-size: 1.6rem;
  line-height: 2.5rem;
  padding-top: 0;
}
.pretix-widget-wrapper .pretix-widget-item .pretix-widget-item-row .pretix-widget-availability-gone:before {
  content: "Leider ";
  text-transform: capitalize;
}
.pretix-widget-wrapper .pretix-widget-item .pretix-widget-waiting-list-link {
  margin: 1rem 0 0 0;
}
.pretix-widget-wrapper .pretix-widget-item .pretix-widget-waiting-list-link a {
  display: inline-block;
  background: #028DC5;
  border: 1px solid #028DC5;
  border-radius: 4px;
  color: #FFF;
  padding: 0.3rem 20px;
}
.pretix-widget-wrapper .pretix-widget-item .pretix-widget-waiting-list-link a:hover, .pretix-widget-wrapper .pretix-widget-item .pretix-widget-waiting-list-link a:focus, .pretix-widget-wrapper .pretix-widget-item .pretix-widget-waiting-list-link a:active {
  background: #DE007E;
  border-color: #DE007E;
  text-decoration: none;
}
.pretix-widget-wrapper .pretix-widget .pretix-widget-action {
  width: auto;
  margin-left: 0;
  padding: 0;
}
.pretix-widget-wrapper .pretix-widget-category + .pretix-widget-action {
  margin-top: 6px;
}
.pretix-widget-wrapper .pretix-widget input[type=text],
.pretix-widget-wrapper .pretix-widget input[type=number],
.pretix-widget-wrapper .pretix-widget-alert-box input[type=text],
.pretix-widget-wrapper .pretix-widget-alert-box input[type=number] {
  font-size: 1.8rem;
  line-height: 2.3rem;
  width: 100%;
  padding: 1rem 10px;
  border: 1px solid #758186;
  border-radius: 4px;
  font-size: 1.7rem;
  line-height: 2.4rem;
  height: auto;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
  color: #122C33;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.pretix-widget-wrapper .pretix-widget input[type=text]:-webkit-autofill::first-line,
.pretix-widget-wrapper .pretix-widget input[type=number]:-webkit-autofill::first-line,
.pretix-widget-wrapper .pretix-widget-alert-box input[type=text]:-webkit-autofill::first-line,
.pretix-widget-wrapper .pretix-widget-alert-box input[type=number]:-webkit-autofill::first-line {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 1.8rem;
}
.pretix-widget-wrapper .pretix-widget input[type=text]:-webkit-autofill, .pretix-widget-wrapper .pretix-widget input[type=text]:-webkit-autofill:hover, .pretix-widget-wrapper .pretix-widget input[type=text]:-webkit-autofill:focus, .pretix-widget-wrapper .pretix-widget input[type=text]:-webkit-autofill:active,
.pretix-widget-wrapper .pretix-widget input[type=number]:-webkit-autofill,
.pretix-widget-wrapper .pretix-widget input[type=number]:-webkit-autofill:hover,
.pretix-widget-wrapper .pretix-widget input[type=number]:-webkit-autofill:focus,
.pretix-widget-wrapper .pretix-widget input[type=number]:-webkit-autofill:active,
.pretix-widget-wrapper .pretix-widget-alert-box input[type=text]:-webkit-autofill,
.pretix-widget-wrapper .pretix-widget-alert-box input[type=text]:-webkit-autofill:hover,
.pretix-widget-wrapper .pretix-widget-alert-box input[type=text]:-webkit-autofill:focus,
.pretix-widget-wrapper .pretix-widget-alert-box input[type=text]:-webkit-autofill:active,
.pretix-widget-wrapper .pretix-widget-alert-box input[type=number]:-webkit-autofill,
.pretix-widget-wrapper .pretix-widget-alert-box input[type=number]:-webkit-autofill:hover,
.pretix-widget-wrapper .pretix-widget-alert-box input[type=number]:-webkit-autofill:focus,
.pretix-widget-wrapper .pretix-widget-alert-box input[type=number]:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #F4F5F6 inset;
}
.pretix-widget-wrapper .pretix-widget input[type=text]:hover, .pretix-widget-wrapper .pretix-widget input[type=text]:focus, .pretix-widget-wrapper .pretix-widget input[type=text]:active,
.pretix-widget-wrapper .pretix-widget input[type=number]:hover,
.pretix-widget-wrapper .pretix-widget input[type=number]:focus,
.pretix-widget-wrapper .pretix-widget input[type=number]:active,
.pretix-widget-wrapper .pretix-widget-alert-box input[type=text]:hover,
.pretix-widget-wrapper .pretix-widget-alert-box input[type=text]:focus,
.pretix-widget-wrapper .pretix-widget-alert-box input[type=text]:active,
.pretix-widget-wrapper .pretix-widget-alert-box input[type=number]:hover,
.pretix-widget-wrapper .pretix-widget-alert-box input[type=number]:focus,
.pretix-widget-wrapper .pretix-widget-alert-box input[type=number]:active {
  background-color: #F4F5F6;
  border-color: #028DC5;
}
.pretix-widget-wrapper .pretix-widget input[type=number],
.pretix-widget-wrapper .pretix-widget-alert-box input[type=number] {
  padding: 0.6rem 2px 0.6rem 15px;
}
.pretix-widget-wrapper .pretix-widget button,
.pretix-widget-wrapper .pretix-widget input[type=button],
.pretix-widget-wrapper .pretix-widget a.pretix-widget-button,
.pretix-widget-wrapper .pretix-widget-alert-box button,
.pretix-widget-wrapper .pretix-widget-alert-box input[type=button],
.pretix-widget-wrapper .pretix-widget-alert-box a.pretix-widget-button {
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 2.4rem;
  display: inline-block;
  overflow: visible;
  margin: 0;
  padding: 6px 12px;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  text-align: center;
  color: #FFF;
  border: 1px solid #028DC5;
  border-color: #028DC5;
  border-radius: 4px;
  background-color: #028DC5;
  background-image: none;
  touch-action: manipulation;
}
.pretix-widget-wrapper .pretix-widget button:hover, .pretix-widget-wrapper .pretix-widget button:focus, .pretix-widget-wrapper .pretix-widget button:active,
.pretix-widget-wrapper .pretix-widget input[type=button]:hover,
.pretix-widget-wrapper .pretix-widget input[type=button]:focus,
.pretix-widget-wrapper .pretix-widget input[type=button]:active,
.pretix-widget-wrapper .pretix-widget a.pretix-widget-button:hover,
.pretix-widget-wrapper .pretix-widget a.pretix-widget-button:focus,
.pretix-widget-wrapper .pretix-widget a.pretix-widget-button:active,
.pretix-widget-wrapper .pretix-widget-alert-box button:hover,
.pretix-widget-wrapper .pretix-widget-alert-box button:focus,
.pretix-widget-wrapper .pretix-widget-alert-box button:active,
.pretix-widget-wrapper .pretix-widget-alert-box input[type=button]:hover,
.pretix-widget-wrapper .pretix-widget-alert-box input[type=button]:focus,
.pretix-widget-wrapper .pretix-widget-alert-box input[type=button]:active,
.pretix-widget-wrapper .pretix-widget-alert-box a.pretix-widget-button:hover,
.pretix-widget-wrapper .pretix-widget-alert-box a.pretix-widget-button:focus,
.pretix-widget-wrapper .pretix-widget-alert-box a.pretix-widget-button:active {
  border-color: #DE007E;
  background-color: #DE007E;
}
.pretix-widget-wrapper .pretix-widget .pretix-widget-attribution {
  font-size: 1.2rem;
  font-weight: 300;
  margin: 2rem 0 0 0;
  padding: 0;
}
.pretix-widget-wrapper .pretix-widget .pretix-widget-attribution a {
  color: #758186;
}
.pretix-widget-wrapper .pretix-widget .pretix-widget-clear {
  display: none;
}
.pretix-widget-wrapper .pretix-widget-voucher {
  border-top: #D5D5D5 1px solid;
  margin-top: 3rem;
  padding: 2rem 0 0 0;
}
.pretix-widget-wrapper .pretix-widget-voucher .pretix-widget-voucher-headline {
  padding: 0;
  font-size: 1.6rem;
  font-weight: 300;
  color: #555;
  margin: 0 0 0.6rem 0;
}
.pretix-widget-wrapper .pretix-widget-voucher .pretix-widget-voucher-input-wrap {
  padding: 0;
}
.pretix-widget-wrapper .pretix-widget-voucher .pretix-widget-voucher-input {
  padding: 0.6rem 10px !important;
}
.pretix-widget-wrapper .pretix-widget-voucher .pretix-widget-voucher-button-wrap {
  padding: 0;
  margin-top: 6px !important;
}
.pretix-widget-wrapper .pretix-widget .pretix-widget-error-message {
  border: 1px solid #E7E9EB;
  background-color: #E7E9EB;
  color: #122C33;
  font-size: 1.7rem;
  line-height: 2.4rem;
  margin: 0 0 30px 0;
  padding: 1.2rem 0 1.2rem 0;
}

.location-details {
  padding: 35px 0 0 0;
}

@media (min-width: 56.25em) {
  .js .location-details {
    display: flex;
    align-items: flex-start;
  }
}
@media (min-width: 37.5em) {
  .js .location-details .location-address {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media (min-width: 56.25em) {
  .js .location-details .location-address {
    width: calc((100% / 3) * 2);
  }
}
@media (min-width: 56.25em) {
  .js .location-details .location-map {
    width: calc(100% / 3);
  }
}
.js .location-details .location-address-title {
  width: 100%;
  margin: 0;
}
@media (min-width: 56.25em) {
  .js .location-details .location-address-title {
    margin: 2rem 0 0 0;
  }
}
@media (min-width: 37.5em) {
  .js .location-details .location-address-postal,
.js .location-details .location-address-fon-email {
    width: calc(50% - 10px);
  }
}
.js .location-details p {
  margin: 0;
}
@media (min-width: 56.25em) {
  .js .location-details p {
    margin: 1.5rem 0;
  }
}

.js .location-corona-info {
  margin: 1.6rem 0 0 0;
}
@media (min-width: 56.25em) {
  .js .location-corona-info {
    order: 4;
    width: calc(50% - 10px);
    margin: 0.2rem 0 0 0;
  }
}
.js .location-corona-info p {
  margin: 0;
}

@media (min-width: 56.25em) {
  .location-image {
    display: flex;
    background-color: #028DC5;
  }
}

@media (min-width: 56.25em) {
  .location-image .image_container {
    width: calc((100% / 3) * 2);
  }
}
.location-image .image_container img {
  width: 100%;
}

.location-landing .breadcrumb {
  border-bottom: 0;
}

.location-landing .content-main {
  margin: 0 0 30px 0;
}
@media (min-width: 56.25em) {
  .location-landing .content-main {
    margin: 0 0 60px;
  }
}

@media (min-width: 56.25em) {
  .location {
    margin: 0 0 70px 0;
  }
}

.location-details {
  padding: 35px 0 0 0;
}

@media (min-width: 56.25em) {
  .js .location-details {
    display: flex;
    align-items: flex-start;
  }
}

.app .location-details {
  padding: 35px 20px 0 20px;
}

.location .box-eyecatcher {
  margin-top: 0;
  margin-bottom: 20px;
}

.location .mod_eventlist_filtered {
  display: none;
}
@media (min-width: 56.25em) {
  .location .mod_eventlist_filtered {
    display: block;
  }
}

.location .mod_eventlist_filtered {
  display: none;
}
@media (min-width: 56.25em) {
  .location .mod_eventlist_filtered {
    display: block;
  }
}

.location .news-list-selection {
  display: none;
}
@media (min-width: 56.25em) {
  .location .news-list-selection {
    display: block;
  }
}

.location .location-events-title {
  font-size: 2.5rem;
  line-height: 3.4rem;
  margin: 5rem 0 2.5rem 0;
  text-align: center;
}
.location .location-events-title a {
  font-weight: 700;
  text-decoration: none;
  color: #122C33;
}

.location .location-opening-hours + .location-news h2 {
  border-top: 0;
}

.content .locations-map .locations-map-return-headline {
  text-align: left;
  width: 72rem;
  margin-right: auto;
  margin-left: auto;
}

.location-map-google {
  width: 100%;
  height: 20rem;
}

@media (min-width: 56.25em) {
  .location-map-google-controls {
    display: flex;
    align-items: flex-start;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
}
.location-map-google-controls p {
  margin: 0;
}
@media (min-width: 56.25em) {
  .location-map-google-controls p {
    margin: 1.5rem 0;
  }
}

.js .location-map-google-larger {
  font-size: 1.6rem;
  line-height: 2.2rem;
  margin: 1rem 0 0 0;
}

.location-map-mapz {
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.location-map-mapz img {
  width: 640px;
  height: 200px;
  max-width: none;
}

.gm-style-iw-chr {
  position: absolute;
  top: 0;
  right: 0;
}

.location-opening-hours-modal.a11y-modal .location-opening-hours-title {
  position: relative;
  text-align: center;
  max-width: 40rem;
  width: 100%;
  font-size: 2.2rem;
  font-weight: 500;
  margin: 60px auto 2rem auto;
}
.location-opening-hours-modal.a11y-modal .location-opening-hours-title:before {
  content: " ";
  position: absolute;
  top: -5.2rem;
  left: calc(50% - 2.4rem);
  width: 4.8rem;
  height: 4.8rem;
  background-image: url(/files/system/images/global/icons-locations.svg);
  background-size: 384px 144px;
  background-repeat: no-repeat;
}
.location-opening-hours-modal.a11y-modal .location-opening-hours-title:before {
  background-image: url(/files/system/images/global/icons-locations.svg);
  background-position: 0 0;
}

.location-map-directions.a11y-modal .location-directions-title {
  position: relative;
  text-align: center;
  max-width: 40rem;
  width: 100%;
  font-size: 2.2rem;
  font-weight: 500;
  margin: 60px auto 2rem auto;
}
.location-map-directions.a11y-modal .location-directions-title:before {
  content: " ";
  position: absolute;
  top: -5.2rem;
  left: calc(50% - 2.4rem);
  width: 4.8rem;
  height: 4.8rem;
  background-image: url(/files/system/images/global/icons-locations.svg);
  background-size: 384px 144px;
  background-repeat: no-repeat;
}
.location-map-directions.a11y-modal .location-directions-title:before {
  background-image: url(/files/system/images/global/icons-locations.svg);
  background-position: -4.8rem 0;
}

.location-opening-hours-modal .location-opening-hours-list,
.location-opening-hours-modal .location-opening-hours-info {
  max-width: 36rem;
  margin-left: auto;
  margin-right: auto;
}

.location-opening-hours-modal .box.box-eyecatcher {
  margin-top: 30px;
  margin-bottom: 20px;
}

.location-opening-hours-modal .location-opening-hours-open-library-info {
  max-width: 36rem;
  margin-top: 2.5rem;
  margin-left: auto;
  margin-right: auto;
}

.location-nav .location-submenu ul {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #D5D5D5;
}
.location-nav .location-submenu li {
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-size: 1.8rem;
  line-height: 2.4rem;
  margin: 0;
  padding: 0;
  border-top: 1px solid #D5D5D5;
}
.location-nav .location-submenu a,
.location-nav .location-submenu strong {
  font-weight: 300;
  position: relative;
  display: block;
  padding: 1.1rem 0 1rem 3.5rem;
  text-decoration: none;
  color: #122C33;
}
.location-nav .location-submenu a:hover, .location-nav .location-submenu a:focus, .location-nav .location-submenu a:active,
.location-nav .location-submenu strong:hover,
.location-nav .location-submenu strong:focus,
.location-nav .location-submenu strong:active {
  text-decoration: underline;
}
.location-nav .location-submenu a:before,
.location-nav .location-submenu strong:before {
  position: absolute;
  top: 1rem;
  left: 0;
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  content: " ";
  background-image: url(/files/system/images/global/icons-locations-menu.svg);
  background-repeat: no-repeat;
  background-size: 48rem 19.2rem;
}
.location-nav .location-submenu .location-opening-hours a:before {
  background-position: 0 0;
}
.location-nav .location-submenu .location-directions a:before {
  background-position: -2.4rem 0;
}
.location-nav .location-submenu .page-location-a11y a:before {
  background-position: -4.8rem 0;
}
.location-nav .location-submenu .page-location-service a:before {
  background-position: -7.2rem 0;
}
.location-nav .location-submenu .page-location-events a:before {
  background-position: -9.6rem 0;
}
.location-nav .location-submenu .page-location-did a:before {
  background-position: -12rem 0;
}
.location-nav .location-submenu .page-location-news a:before {
  background-position: -14.4rem 0;
}
.location-nav .location-submenu .page-location-newsletter a:before {
  background-position: -16.8rem 0;
}
.location-nav .location-submenu .page-location-kibi-programme a:before {
  background-position: -19.2rem 0;
}
.location-nav .location-submenu .location-opening-hours a:hover:before,
.location-nav .location-submenu .location-opening-hours a:focus:before,
.location-nav .location-submenu .location-opening-hours a:active:before {
  background-position: 0 -2.4rem;
}
.location-nav .location-submenu .location-directions a:hover:before,
.location-nav .location-submenu .location-directions a:focus:before,
.location-nav .location-submenu .location-directions a:active:before {
  background-position: -2.4rem -2.4rem;
}
.location-nav .location-submenu .page-location-a11y a:hover:before,
.location-nav .location-submenu .page-location-a11y a:focus:before,
.location-nav .location-submenu .page-location-a11y a:active:before {
  background-position: -4.8rem -2.4rem;
}
.location-nav .location-submenu .page-location-service a:hover:before,
.location-nav .location-submenu .page-location-service a:focus:before,
.location-nav .location-submenu .page-location-service a:active:before {
  background-position: -7.2rem -2.4rem;
}
.location-nav .location-submenu .page-location-events a:hover:before,
.location-nav .location-submenu .page-location-events a:focus:before,
.location-nav .location-submenu .page-location-events a:active:before {
  background-position: -9.6rem -2.4rem;
}
.location-nav .location-submenu .page-location-did a:hover:before,
.location-nav .location-submenu .page-location-did a:focus:before,
.location-nav .location-submenu .page-location-did a:active:before {
  background-position: -12rem -2.4rem;
}
.location-nav .location-submenu .page-location-news a:hover:before,
.location-nav .location-submenu .page-location-news a:focus:before,
.location-nav .location-submenu .page-location-news a:active:before {
  background-position: -14.4rem -2.4rem;
}
.location-nav .location-submenu .page-location-newsletter a:hover:before,
.location-nav .location-submenu .page-location-newsletter a:focus:before,
.location-nav .location-submenu .page-location-newsletter a:active:before {
  background-position: -16.8rem -2.4rem;
}
.location-nav .location-submenu .page-location-kibi-programme a:hover:before,
.location-nav .location-submenu .page-location-kibi-programme a:focus:before,
.location-nav .location-submenu .page-location-kibi-programme a:active:before {
  background-position: -19.2rem -2.4rem;
}

@media (prefers-color-scheme: dark) {
  .app .location-nav .location-submenu ul {
    border-bottom: 1px solid #454545;
  }
  .app .location-nav .location-submenu li {
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
    font-size: 1.8rem;
    line-height: 2.4rem;
    margin: 0;
    padding: 0;
    border-top: 1px solid #454545;
  }
}
.app .location-nav {
  padding: 0 20px 0 20px;
}

.location-image .location-nav {
  width: calc(100% / 3);
  padding: 35px 30px;
}
@media (min-width: 62.5em) {
  .location-image .location-nav {
    padding: 50px 30px;
  }
}
.location-image .location-nav .location-submenu {
  width: 100%;
  color: #FFF;
}
.location-image .location-nav .location-submenu ul {
  border-color: rgba(255, 255, 255, 0.5);
}
.location-image .location-nav .location-submenu li {
  border-color: rgba(255, 255, 255, 0.5);
}
.location-image .location-nav .location-submenu a,
.location-image .location-nav .location-submenu strong {
  padding-left: 4rem;
  color: #FFF;
}
.location-image .location-nav .location-submenu a:hover, .location-image .location-nav .location-submenu a:focus, .location-image .location-nav .location-submenu a:active,
.location-image .location-nav .location-submenu strong:hover,
.location-image .location-nav .location-submenu strong:focus,
.location-image .location-nav .location-submenu strong:active {
  color: #FFF;
}
.location-image .location-nav .location-submenu .location-opening-hours a:before {
  background-position: 0 -4.8rem;
}
.location-image .location-nav .location-submenu .location-directions a:before {
  background-position: -2.4rem -4.8rem;
}
.location-image .location-nav .location-submenu .page-location-a11y a:before {
  background-position: -4.8rem -4.8rem;
}
.location-image .location-nav .location-submenu .page-location-service a:before {
  background-position: -7.2rem -4.8rem;
}
.location-image .location-nav .location-submenu .page-location-events a:before {
  background-position: -9.6rem -4.8rem;
}
.location-image .location-nav .location-submenu .page-location-did a:before {
  background-position: -12rem -4.8rem;
}
.location-image .location-nav .location-submenu .page-location-news a:before {
  background-position: -14.4rem -4.8rem;
}
.location-image .location-nav .location-submenu .page-location-newsletter a:before {
  background-position: -16.8rem -4.8rem;
}
.location-image .location-nav .location-submenu .page-location-kibi-programme a:before {
  background-position: -19.2rem -4.8rem;
}

.location-opening-hours-button,
.location-map-google-button {
  background-color: transparent;
  padding: 0;
  margin: 0;
  border: none;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-size: 1.8rem;
  line-height: 2.4rem;
  margin: 0;
  padding: 0;
  border-top: 1px solid #D5D5D5;
  position: relative;
  display: block;
  width: 100%;
  padding: 1.1rem 0 1rem 3.5rem;
  text-align: left;
}
.location-opening-hours-button:hover, .location-opening-hours-button:focus, .location-opening-hours-button:active,
.location-map-google-button:hover,
.location-map-google-button:focus,
.location-map-google-button:active {
  text-decoration: underline;
  color: #DE007E;
}
.location-opening-hours-button:before,
.location-map-google-button:before {
  position: absolute;
  top: 1rem;
  left: 0;
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  content: " ";
  background-image: url(/files/system/images/global/icons-locations-menu.svg);
  background-repeat: no-repeat;
  background-size: 48rem 19.2rem;
}
@media (min-width: 56.25em) {
  .location-opening-hours-button:before,
.location-map-google-button:before {
    background-image: none;
    display: none;
  }
}

@media (prefers-color-scheme: dark) {
  .app .location-opening-hours-button,
.app .location-map-google-button {
    background-color: transparent;
    padding: 0;
    margin: 0;
    border: none;
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
    font-size: 1.8rem;
    line-height: 2.4rem;
    margin: 0;
    padding: 0;
    border-top: 1px solid #454545;
    position: relative;
    display: block;
    width: 100%;
    padding: 1.1rem 0 1rem 3.5rem;
    text-align: left;
    color: #E3E3E3;
  }
}
.location-opening-hours-button:before {
  background-position: 0 0;
}

.location-map-google-button:before {
  background-position: -2.4rem 0;
}

@media (min-width: 56.25em) {
  .location-opening-hours .location-opening-hours-timeslots {
    margin: 0;
    padding: 20px;
    background-color: #F4F5F6;
  }
}
@media (min-width: 56.25em) {
  .location-opening-hours .location-opening-hours-timeslots {
    padding: 20px 0;
    text-align: center;
  }
}
@media (min-width: 62.5em) {
  .location-opening-hours .location-opening-hours-timeslots {
    display: flex;
    align-items: center;
    padding: 25px 0 25px 30px;
    text-align: left;
    flex-wrap: wrap;
  }
}
@media (min-width: 56.25em) {
  .location-opening-hours .location-opening-hours-timeslots > .text_container {
    display: flex;
    flex: 1;
  }
}
@media (min-width: 56.25em) {
  .location-opening-hours .location-opening-hours-title {
    font-size: 2.2rem;
    line-height: 3.2rem;
    margin: 1rem 0 2.2rem 0;
  }
}
@media (min-width: 62.5em) {
  .location-opening-hours .location-opening-hours-title {
    max-width: 22rem;
    margin: 0;
    padding: 0.2rem 0 0 0;
  }
}

.location-opening-hours-list {
  margin: 0;
  border-bottom: 1px solid #D5D5D5;
}
@media (min-width: 56.25em) {
  .location-opening-hours-list {
    display: flex;
    flex: 1;
    border-bottom: none;
  }
}

.location-opening-hours-item {
  font-size: 1.7rem;
  line-height: 2.4rem;
  display: flex;
  margin: 0;
  padding: 0;
  border-top: 1px solid #D5D5D5;
}
@media (min-width: 56.25em) {
  .location-opening-hours-item {
    flex-direction: column;
    width: calc(100% / 6);
    border: none;
    border-left: 1px solid #D5D5D5;
  }
  .location-opening-hours-item:first-child {
    border-left: none;
  }
}
@media (min-width: 62.5em) {
  .location-opening-hours-item:first-child {
    border-left: 1px solid #D5D5D5;
  }
}

.location-opening-hours-item-label {
  font-weight: 300;
  display: block;
  width: 13rem;
  padding: 0.6rem 0;
}
@media (min-width: 23.438em) {
  .location-opening-hours-item-label {
    width: 15rem;
  }
}
@media (min-width: 56.25em) {
  .location-opening-hours-item-label {
    font-size: 1.6rem;
    width: auto;
    padding: 0 0 1rem 0;
    text-align: center;
  }
}

.location-opening-hours-item-value-slot {
  display: block;
  flex: 1;
  padding: 0.6rem 0;
  text-transform: capitalize;
}
.location-opening-hours-item-value-slot.closed .location-opening-hours-item-value-icon {
  display: none;
}
.location-opening-hours-item-value-slot + .location-opening-hours-item-value-slot {
  margin-top: -0.6rem;
  padding-top: 0;
}
@media (min-width: 56.25em) {
  .location-opening-hours-item-value-slot {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
  }
  .location-opening-hours-item-value-slot.closed .location-opening-hours-item-value-text {
    position: absolute !important;
    top: -6000px !important;
    left: -6000px !important;
    height: 1px !important;
    width: 1px !important;
  }
  .location-opening-hours-item-value-slot.closed .location-opening-hours-item-value-icon {
    position: relative;
    top: -0.2rem;
    left: -0.1rem;
    display: block;
  }
  .location-opening-hours-item-value-slot + .location-opening-hours-item-value-slot {
    margin-top: 1.5rem;
    padding-top: 0;
  }
}

@media (min-width: 56.25em) {
  .location-opening-hours-time {
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
    font-size: 2.2rem;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    text-align: center;
  }
}
.location-opening-hours-time.location-opening-hours-time-open-library {
  font-weight: 300;
  position: relative;
  color: #758186;
}

@media (prefers-color-scheme: dark) {
  .app .location-opening-hours-time.location-opening-hours-time-open-library {
    color: #E3E3E3;
  }
}
.location-opening-hours-time-divider {
  padding: 0 0.2rem;
}
@media (min-width: 56.25em) {
  .location-opening-hours-time-divider {
    line-height: 0.8rem;
    display: block;
    height: 0.8rem;
  }
}

@media (min-width: 56.25em) {
  .location-opening-hours-time-unit {
    position: absolute !important;
    top: -6000px !important;
    left: -6000px !important;
    height: 1px !important;
    width: 1px !important;
    display: block;
  }
}

.location-opening-hours-time-open-library-info {
  font-size: 1.5rem;
  line-height: 2rem;
  padding-left: 0.5rem;
  opacity: 0.9;
}
@media (min-width: 56.25em) {
  .location-opening-hours-time-open-library-info {
    position: absolute;
    right: -0.8rem;
    bottom: 0.55rem;
    padding-left: 0;
    opacity: 1;
  }
}

.location-opening-hours-button {
  margin-top: 30px;
}

.app .location-opening-hours-button {
  margin-top: 30px;
}

.location-opening-hours-info-open-library {
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.3rem;
  margin: 1.2rem 0 0 0;
  color: #758186;
  width: 100%;
}

@media (prefers-color-scheme: dark) {
  .app .location-opening-hours-info-open-library {
    color: #E3E3E3;
  }
}
.location-opening-hours-info p {
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.3rem;
  margin: 1.2rem 0 0 0;
  color: #758186;
}
@media (min-width: 68.75em) {
  .location-opening-hours-info p {
    margin: 1.2rem 0 0 0;
  }
}
.location-opening-hours-info p a {
  color: #758186;
}
.location-opening-hours-info .location-opening-hours-info-return {
  flex: 1;
}
@media (min-width: 68.75em) {
  .location-opening-hours-info .location-opening-hours-info-return {
    margin: 1.2rem 20px 0rem 0;
  }
}
.location-opening-hours-info .location-opening-hours-info-return a {
  color: #018CC5;
}
.location-opening-hours-info p + .location-opening-hours-info-return {
  margin-top: 0.5rem;
}
@media (min-width: 68.75em) {
  .location-opening-hours-info p + .location-opening-hours-info-return {
    margin: 1.2rem 20px 0rem 0;
  }
}

.location-opening-hours-tabnav {
  border-bottom: 4px solid #028DC5;
  margin-bottom: -1px;
  max-width: 36rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0 5px;
}
@media (min-width: 56.25em) {
  .location-opening-hours-tabnav {
    max-width: 100%;
    padding: 0;
    margin-bottom: 1px;
  }
}

.location-opening-hours-tabnav-button {
  background-color: #FFF;
  font-weight: 400;
  border: 1px solid #D5D5D5;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom: none;
  padding: 12px 5px 10px 5px;
  font-size: 1.7rem;
  width: calc((100% - 5px) / 2);
}
@media (min-width: 56.25em) {
  .location-opening-hours-tabnav-button {
    padding: 12px 30px 10px 30px;
    max-width: 100%;
    width: auto;
  }
}
.location-opening-hours-tabnav-button.open {
  background-color: #028DC5;
  color: #FFF;
  border-color: transparent;
}
@media (min-width: 56.25em) {
  .location-opening-hours-tabnav-button.open {
    background-color: #F4F5F6;
    color: #122C33;
    max-width: 100%;
    width: auto;
    padding-bottom: 15px;
    margin-bottom: -5px;
  }
}

.box-modal .location-opening-hours-info-open-library {
  max-width: 36rem;
  margin-left: auto;
  margin-right: auto;
}

.location-rating {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: 3rem 0 0 0;
}
@media (min-width: 56.25em) {
  .location-rating {
    justify-content: flex-start;
    order: 3;
    margin: 0;
  }
}

.location-rating p {
  font-size: 1.6rem;
  line-height: 2.2rem;
  text-align: center;
}

.js .location-rating p {
  margin: 0;
}

.location-rating a {
  display: block;
  color: #122C33;
}
.location-rating a:hover, .location-rating a:focus, .location-rating a:active {
  text-decoration: underline;
}
.location-rating a:before {
  position: relative;
  left: -2px;
  display: block;
  width: 102px;
  height: 58px;
  margin: 0 auto;
  content: " ";
  background-image: url(/files/images/layout/icons-footer-bewertung.png);
  background-repeat: no-repeat;
  background-position: -204px 0;
  background-size: 306px 58px;
}
@media (min-width: 56.25em) {
  .location-rating a:before {
    left: -1px;
    margin: 0;
  }
}
.location-rating a:before:hover, .location-rating a:before:focus, .location-rating a:before:active {
  background-position: -102px 0;
}

.content .locations-map h1 {
  font-size: 2.2rem;
  line-height: 3rem;
  margin: 30px 0 1rem 0;
  text-align: center;
}
@media (min-width: 37.5em) {
  .content .locations-map h1 {
    font-size: 2.8rem;
    line-height: 4rem;
    margin: 50px 0 2rem 0;
  }
}

.locations-map-google {
  position: relative;
  height: 420px;
  max-height: calc(100% - 180px);
  background-color: #E7E9EB;
}
@media (min-width: 37.5em) {
  .locations-map-google {
    height: 550px;
  }
}
.locations-map-google .gm-style-iw.gm-style-iw-c {
  padding: 12px 15px 12px 12px !important;
}
.locations-map-google .gm-style-iw-d {
  overflow: auto !important;
}
.locations-map-google .gm-style-iw-d p {
  font-size: 1.6rem;
  line-height: 2.2rem;
  margin: 0;
}
.locations-map-google .gm-style-iw-d p a {
  font-size: 1.7rem;
  font-weight: 500;
  display: inline-block;
  padding-bottom: 0.4rem;
}
.locations-map-google .gm-style-iw-d p a:focus {
  color: #018CC5;
}
.locations-map-google .gm-style-iw-d p a:hover {
  color: #DE007E;
}

@media (prefers-color-scheme: dark) {
  .app .locations-map-google .gm-style-iw-d p {
    color: #333333;
  }
  .app .locations-map-google .gm-style-iw-d a {
    color: #121212;
  }
}
.locations-list {
  margin: 1.5rem 0 5rem 0;
}
.locations-list ul {
  margin: 0;
  padding: 0;
}
@media (min-width: 28.125em) {
  .locations-list ul {
    columns: 2;
    column-gap: 20px;
  }
}
@media (min-width: 37.5em) {
  .locations-list ul {
    column-gap: 35px;
  }
}
@media (min-width: 43.75em) {
  .locations-list ul {
    column-gap: 45px;
  }
}
@media (min-width: 53.125em) {
  .locations-list ul {
    columns: 3;
    column-gap: 25px;
  }
}
@media (min-width: 56.25em) {
  .locations-list ul {
    column-gap: 45px;
  }
}
@media (min-width: 75em) {
  .locations-list ul {
    columns: 4;
    column-gap: 35px;
  }
}
.locations-list ul li {
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  margin: 0;
  padding: 0;
  border-top: 1px solid #D5D5D5;
  break-inside: avoid;
}
@media (min-width: 34.375em) {
  .locations-list ul li {
    font-size: 1.7rem;
    line-height: 2.4rem;
  }
}
@media (min-width: 37.5em) {
  .locations-list ul li {
    font-size: 1.8rem;
    line-height: 2.5rem;
  }
}
.locations-list ul li:nth-child(36) {
  border-bottom: 1px solid #D5D5D5;
}
@media (min-width: 28.125em) and (max-width: 53.124em) {
  .locations-list ul li:nth-child(18) {
    border-bottom: 1px solid #D5D5D5;
  }
}
@media (min-width: 53.125em) and (max-width: 74.999em) {
  .locations-list ul li:nth-child(12), .locations-list ul li:nth-child(24) {
    border-bottom: 1px solid #D5D5D5;
  }
}
@media (min-width: 75em) {
  .locations-list ul li:nth-child(9), .locations-list ul li:nth-child(18), .locations-list ul li:nth-child(27) {
    border-bottom: 1px solid #D5D5D5;
  }
}
.locations-list ul li a {
  position: relative;
  display: block;
  padding: 0.8rem 0 0.7rem 16px;
  text-decoration: none;
  color: #122C33;
}
@media (min-width: 37.5em) {
  .locations-list ul li a {
    padding: 0.8rem 0 0.9rem 16px;
  }
}
.locations-list ul li a:before {
  position: absolute;
  top: 1.2rem;
  left: 0;
  display: block;
  width: 8px;
  height: 12px;
  content: " ";
  background: url(/files/system/images/global/icons-chevron-left-right-mini.svg);
}
@media (min-width: 34.375em) {
  .locations-list ul li a:before {
    top: 1.4rem;
  }
}
@media (min-width: 37.5em) {
  .locations-list ul li a:before {
    top: 1.5rem;
  }
}
.locations-list ul li a:hover:before, .locations-list ul li a:focus:before, .locations-list ul li a:active:before {
  background-position: -24px 0;
}

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

.stop-overflow .google-map-preview {
  position: static;
}

.google-map-preview > .inside {
  background-image: url(/files/system/images/maps/map-preview-20231114.png);
  background-position: center center;
  width: 100%;
  display: flex;
  justify-content: center;
}

.locations-map-google-return .google-map-preview > .inside {
  background-image: url(/files/system/images/maps/map-preview-return.png);
}

.google-map-preview-button {
  border: none;
  width: 100%;
  background-color: transparent;
}

#karte-ueberspringen {
  max-width: 100%;
}

.google-map-preview .google-map-preview-cookie-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 50rem;
  padding: 40px 15px 25px 15px;
  color: #FFF;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: rgba(2, 141, 197, 0.95);
  margin: 0 10px 60px 10px;
  border-radius: 2px;
  -webkit-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.3);
  position: relative;
}
@media (min-width: 37.5em) {
  .google-map-preview .google-map-preview-cookie-info {
    padding: 40px 35px 25px 25px;
    margin: 0 20px 80px 20px;
  }
}

.google-map-preview .google-map-preview-cookie-infotext {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.4rem;
  margin: 0 0 2rem 0;
}
@media (min-width: 68.75em) {
  .google-map-preview .google-map-preview-cookie-infotext {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
}

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

.google-map-preview .button.google-map-preview-accept-cookies-button {
  font-size: 1.8rem;
  line-height: 2rem;
  font-weight: 500;
  margin: 0;
  padding: 0.8rem 10px;
  cursor: pointer;
  border-color: #FFF;
  background-color: transparent;
}
.google-map-preview .button.google-map-preview-accept-cookies-button:hover, .google-map-preview .button.google-map-preview-accept-cookies-button:focus, .google-map-preview .button.google-map-preview-accept-cookies-button:active {
  color: #018CC5;
  border-color: #FFF;
  background-color: #FFF;
}

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

/* App */
.app.page-locations {
  height: 100%;
}
.app.page-locations body,
.app.page-locations .js-modal-page,
.app.page-locations .wrapper,
.app.page-locations main,
.app.page-locations .content-container,
.app.page-locations .content-container > .inside,
.app.page-locations .content-main,
.app.page-locations .content-main > .inside,
.app.page-locations .mod_article,
.app.page-locations .mod_location_list,
.app.page-locations .locations-map,
.app.page-locations .locations-map-google {
  height: 100%;
  max-height: 100%;
}

.app .locations-list {
  display: none;
}

.mod_location_list {
  margin-top: 4rem;
}
@media (min-width: 62.5em) {
  .mod_location_list .location-list-item {
    margin-right: 40px;
  }
}
@media (min-width: 68.75em) {
  .mod_location_list .location-list-item {
    margin-right: 60px;
  }
}
@media (min-width: 75em) {
  .mod_location_list .location-list-item {
    margin-right: 80px;
  }
}
.mod_location_list .text_container.accordion-item-content {
  padding: 20px 0 35px 0;
}
.mod_location_list .accordion-item-content-inner {
  padding: 0;
}
@media (min-width: 21.875em) {
  .mod_location_list .accordion-item-content-inner {
    padding: 0 10px;
  }
}
@media (min-width: 28.125em) {
  .mod_location_list .accordion-item-content-inner {
    padding: 0 15px;
  }
}
@media (min-width: 37.5em) {
  .mod_location_list .accordion-item-content-inner {
    padding: 0 0 0 42px;
  }
}
.mod_location_list .location-list-item-title {
  margin: 0;
}
.mod_location_list .location-list-item-title a {
  display: flex !important;
  justify-content: space-between;
}
.mod_location_list .location-list-item-title a .location-list-item-flexibib {
  color: #758186;
  font-size: 1.4rem;
  padding-right: 15px;
}
.mod_location_list .location-list-item-title a:hover .location-list-item-flexibib, .mod_location_list .location-list-item-title a:focus.cursor-over .location-list-item-flexibib, .mod_location_list .location-list-item-title a:active .location-list-item-flexibib, .mod_location_list .location-list-item-title a.open .location-list-item-flexibib {
  color: #FFF;
}
@media (min-width: 43.75em) {
  .mod_location_list .location-list-item-contact {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 43.75em) {
  .mod_location_list .location-list-item-contact-part-1,
.mod_location_list .location-list-item-contact-part-2 {
    width: calc((100% - 20px) / 2);
  }
}
.mod_location_list .location-list-item-contact-part-1 p,
.mod_location_list .location-list-item-contact-part-2 p {
  margin: 0;
}
.mod_location_list .location-list-item-button {
  margin: 1.2rem 0 2rem 0;
}
.mod_location_list .box.box-eyecatcher {
  padding: 12px 10px;
  margin: 30px 0 20px 0;
}
@media (min-width: 25em) {
  .mod_location_list .box.box-eyecatcher {
    padding: 12px 15px;
  }
}
@media (min-width: 34.375em) {
  .mod_location_list .box.box-eyecatcher {
    padding: 15px;
  }
}
.mod_location_list .box.box-eyecatcher p {
  margin: 0;
  font-weight: 300;
  line-height: 2.5rem;
}
.mod_location_list .location-opening-hours-title {
  text-align: center;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-size: 1.9rem;
  font-weight: 400;
  margin: 2rem 0 1rem 0;
}
.mod_location_list .location-opening-hours-list {
  background-color: #F4F5F6;
  padding: 12px 10px;
  border-bottom: none;
}
@media (min-width: 25em) {
  .mod_location_list .location-opening-hours-list {
    padding: 12px 15px;
  }
}
@media (min-width: 56.25em) {
  .mod_location_list .location-opening-hours-list {
    padding: 20px 0 22px 0;
  }
}
.mod_location_list .location-opening-hours-item {
  padding-left: 0;
  position: static;
}
.mod_location_list .location-opening-hours-item:first-child {
  border-left: none;
  border-top: none;
}
.mod_location_list .location-opening-hours-item:before {
  content: none;
}
@media (min-width: 56.25em) {
  .mod_location_list .location-opening-hours-time {
    font-size: 1.9rem;
    line-height: 2rem;
  }
}
@media (min-width: 56.25em) {
  .mod_location_list .location-opening-hours-time-divider {
    font-size: 1.9rem;
    font-weight: 300;
  }
}

.app .mod_location_list {
  margin-top: 0;
}

/* Planyo - General */
.planyo-loading {
  padding: 40px 0;
  text-align: center;
}

#planyo_content {
  display: block !important;
  max-width: 72rem;
}
@media (min-width: 50em) {
  #planyo_content {
    margin: 0 auto;
  }
}

@media (min-width: 62.5em) and (min-width: 62.5em) {
  .content-2-col .content-main .mod_article > .inside > #planyo_content {
    margin-right: 40px;
  }
}
@media (min-width: 62.5em) and (min-width: 68.75em) {
  .content-2-col .content-main .mod_article > .inside > #planyo_content {
    margin-right: 60px;
  }
}
@media (min-width: 62.5em) and (min-width: 75em) {
  .content-2-col .content-main .mod_article > .inside > #planyo_content {
    margin-right: 80px;
  }
}

/* Planyo – Message form */
#msglog {
  display: none !important;
}

#msglog,
#msglog div,
#msglog b {
  color: #545454 !important;
}

#msglog {
  padding: 25px 0 0 0 !important;
  border-top: 1px solid #CDCDCD !important;
}

#msglog div {
  padding: 0 0 25px 0 !important;
  border-bottom: 1px solid #CDCDCD !important;
  margin: 0 0 25px 0 !important;
}

/* Planyo - Messaging */
@media (min-width: 62.5em) {
  .form-control-static {
    margin-right: 40px;
  }
}
@media (min-width: 68.75em) {
  .form-control-static {
    margin-right: 60px;
  }
}
@media (min-width: 75em) {
  .form-control-static {
    margin-right: 80px;
  }
}

.errorbig,
#res_error_msg {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 1.7rem;
  font-weight: 300;
  line-height: 2.4rem;
  margin: 1.5rem 0;
}
@media (min-width: 31.25em) {
  .errorbig,
#res_error_msg {
    font-size: 1.8rem;
    line-height: 2.6rem;
    margin: 2rem 0;
  }
}

/* Planyo - Liste (key + value) */
/* Kibi-Gruppenangebote: https://www.buecherhallen.de/gruppenangebote-fuer-kitas-und-schulen.html */
.planyo + script + script + noscript + .ce_text.line-top {
  margin-top: 0;
}

.calprev_iframe.caltype_3,
.calprev_iframe.caltype_4 {
  width: 100% !important;
}

.calprev_iframe.caltype_4 {
  margin-top: 10px;
}

/* Planyo - Flexible calender */
.fc-header-toolbar .fc-center h2 {
  display: none;
}

.cp_calendar .fc-header-toolbar .fc-left {
  float: right;
}

.fc-head-container.fc-widget-header {
  border: none;
}

.fc-widget-header th.fc-widget-header {
  background-color: #028DC5;
  color: #FFF;
  padding-top: 8px;
  padding-bottom: 8px;
  border: none;
}

.fc-day-grid.fc-unselectable {
  display: none;
}

.fc-now-indicator {
  display: none;
}

.fc-slats > table {
  margin-top: -1px;
}

.fc-view .fc-widget-content {
  border-left: none !important;
}

.fc-slats td.fc-widget-content {
  cursor: pointer;
  background-color: transparent;
}

.fc-bgevent {
  background-color: #028DC5 !important;
  opacity: 1 !important;
}

.fc-bgevent.oc_all {
  background-color: #EAEBEC !important;
  opacity: 1 !important;
  margin-top: 1px;
}

td.fc-today {
  background-color: transparent !important;
}

.fc-time-grid .fc-widget-content {
  border-color: #CCC;
}

.fc-time-grid .fc-minor .fc-widget-content {
  border-color: #DBDBDB;
  border-top-style: solid;
}

#cp_calpicker {
  display: none;
}

#row_one_date > .input-group {
  position: relative;
}

.input-group-addon {
  position: absolute;
  display: block;
  background-image: url(/files/images/layout/icon-datepicker-blue.png);
  background-size: 27px 23px;
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 27px;
  height: 23px;
  top: 1.1rem;
  right: 12px;
  padding: 0;
  cursor: pointer;
}

.picker_dropdown {
  box-sizing: border-box;
  width: 29rem;
  background-color: #FFF;
  padding: 6px 6px 5px 6px;
  border: 1px solid #989EA0;
  border-radius: 5px;
  margin-top: 8px;
}

.calpicker {
  border-bottom: none !important;
}

.calpicker caption {
  position: relative;
  background-color: #028DC5;
  font-weight: 600;
  padding: 0.9rem 0 0.7rem 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}

.calpicker .nav {
  display: block;
  height: 3.8rem;
  width: 3rem;
  position: absolute;
  top: calc(50% - 2.1rem);
  color: #FFF;
  font-size: 2.4rem;
  font-weight: 400;
  text-decoration: none;
  line-height: 3.8rem;
}

.calpicker .navright {
  right: 0;
}

.calpicker .navleft {
  left: 0;
}

.calpicker thead th {
  background-color: #354248;
  color: #F9F9F9;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1.8rem;
  text-align: center;
  vertical-align: top;
  padding: 0.3rem 10px;
  border-top: 1px solid #FFF;
  border-right: 1px solid #FFF;
}

.calpicker thead th:last-child {
  border-right: none;
}

.calpicker tbody td {
  width: calc(100% / 7);
  color: #121212;
  background-color: #FFF !important;
  font-size: 1.4rem;
  padding: 0.5rem 0.5rem;
  text-align: center;
}

.calpicker tbody tr:first-child td {
  border-top: 2px solid #FFF;
}

.calpicker tbody .ext_month_day,
.calpicker tbody td[style^=cursor] {
  color: #BBB !important;
}

.calpicker tbody .active_day {
  background-color: #F1F1F1 !important;
}

/*.form-control-static,
.planyo_mode_reserve,
.planyo_mode_reservation_details {
  @include content-main-margin-right;
}*/
h2.planyo-ressource-title {
  font-size: 2.2rem;
  line-height: 3.2rem;
  margin-bottom: 0;
}

.planyo-ressource-more-info p {
  margin: 0.3rem 0 2.5rem 0;
}

#reserve_form h3 {
  margin-top: 50px;
}

.planyo-cal-iframe-wrapper {
  margin-top: 3rem;
}

.planyo-cal-iframe-wrapper.hidden {
  position: absolute;
  visibility: hidden;
}

.planyo-form-row-wrapper {
  display: flex;
  justify-content: space-between;
  margin: 1.5rem 0;
}

.mobile .planyo-form-item-group {
  margin: 1.5rem 0;
}

.planyo-form-row-wrapper .col-sm-6 {
  width: calc((100% - 10px) / 2);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.planyo-form-row-wrapper .col-sm-12,
.rental_message_form .planyo-form-row-wrapper .col-sm-6 {
  width: 100%;
}

.rental_message_form .planyo-form-row-wrapper .col-sm-6 + .col-sm-6 {
  display: none;
}

.planyo label {
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-size: 1.9rem;
  font-weight: 300;
  line-height: 2.5rem;
  display: inline-block;
  padding: 0 0 0.3rem 0;
}

.planyo-form-item-group input[type=text],
.planyo-form-row-wrapper input[type=text],
.planyo-form-item-group input[type=email],
.planyo-form-item-group input[type=tel] {
  font-size: 1.8rem;
  line-height: 2.3rem;
  width: 100%;
  padding: 1rem 10px;
  border: 1px solid #758186;
  border-radius: 4px;
}
.planyo-form-item-group input[type=text]:-webkit-autofill::first-line,
.planyo-form-row-wrapper input[type=text]:-webkit-autofill::first-line,
.planyo-form-item-group input[type=email]:-webkit-autofill::first-line,
.planyo-form-item-group input[type=tel]:-webkit-autofill::first-line {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 1.8rem;
}
.planyo-form-item-group input[type=text]:-webkit-autofill, .planyo-form-item-group input[type=text]:-webkit-autofill:hover, .planyo-form-item-group input[type=text]:-webkit-autofill:focus, .planyo-form-item-group input[type=text]:-webkit-autofill:active,
.planyo-form-row-wrapper input[type=text]:-webkit-autofill,
.planyo-form-row-wrapper input[type=text]:-webkit-autofill:hover,
.planyo-form-row-wrapper input[type=text]:-webkit-autofill:focus,
.planyo-form-row-wrapper input[type=text]:-webkit-autofill:active,
.planyo-form-item-group input[type=email]:-webkit-autofill,
.planyo-form-item-group input[type=email]:-webkit-autofill:hover,
.planyo-form-item-group input[type=email]:-webkit-autofill:focus,
.planyo-form-item-group input[type=email]:-webkit-autofill:active,
.planyo-form-item-group input[type=tel]:-webkit-autofill,
.planyo-form-item-group input[type=tel]:-webkit-autofill:hover,
.planyo-form-item-group input[type=tel]:-webkit-autofill:focus,
.planyo-form-item-group input[type=tel]:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #F4F5F6 inset;
}
.planyo-form-item-group input[type=text]:hover, .planyo-form-item-group input[type=text]:focus, .planyo-form-item-group input[type=text]:active,
.planyo-form-row-wrapper input[type=text]:hover,
.planyo-form-row-wrapper input[type=text]:focus,
.planyo-form-row-wrapper input[type=text]:active,
.planyo-form-item-group input[type=email]:hover,
.planyo-form-item-group input[type=email]:focus,
.planyo-form-item-group input[type=email]:active,
.planyo-form-item-group input[type=tel]:hover,
.planyo-form-item-group input[type=tel]:focus,
.planyo-form-item-group input[type=tel]:active {
  background-color: #F4F5F6;
  border-color: #028DC5;
}

.planyo-form-item-group textarea,
.planyo-form-row-wrapper textarea,
#cancel_form textarea {
  font-size: 1.8rem;
  line-height: 2.3rem;
  width: 100%;
  padding: 1rem 10px;
  border: 1px solid #758186;
  border-radius: 4px;
  line-height: 2.7rem;
}
.planyo-form-item-group textarea:-webkit-autofill::first-line,
.planyo-form-row-wrapper textarea:-webkit-autofill::first-line,
#cancel_form textarea:-webkit-autofill::first-line {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 1.8rem;
}
.planyo-form-item-group textarea:-webkit-autofill, .planyo-form-item-group textarea:-webkit-autofill:hover, .planyo-form-item-group textarea:-webkit-autofill:focus, .planyo-form-item-group textarea:-webkit-autofill:active,
.planyo-form-row-wrapper textarea:-webkit-autofill,
.planyo-form-row-wrapper textarea:-webkit-autofill:hover,
.planyo-form-row-wrapper textarea:-webkit-autofill:focus,
.planyo-form-row-wrapper textarea:-webkit-autofill:active,
#cancel_form textarea:-webkit-autofill,
#cancel_form textarea:-webkit-autofill:hover,
#cancel_form textarea:-webkit-autofill:focus,
#cancel_form textarea:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #F4F5F6 inset;
}
.planyo-form-item-group textarea:hover, .planyo-form-item-group textarea:focus, .planyo-form-item-group textarea:active,
.planyo-form-row-wrapper textarea:hover,
.planyo-form-row-wrapper textarea:focus,
.planyo-form-row-wrapper textarea:active,
#cancel_form textarea:hover,
#cancel_form textarea:focus,
#cancel_form textarea:active {
  background-color: #F4F5F6;
  border-color: #028DC5;
}

#cancel_form textarea {
  margin-bottom: 2rem;
}

.planyo-form-item-group select,
.planyo-form-row-wrapper select {
  width: 100%;
  max-width: 100%;
  display: block;
  background-color: #FFF;
  background-image: url(/files/images/layout/icon-arrow-down-blue.png);
  background-size: 14px 9px;
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) 50%;
  padding: 1rem 1.5rem 1rem 0.5rem;
  border: 1px solid #758186;
  border-radius: 4px;
  margin: 0;
  box-shadow: 0 0 0 0 white;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-size: 1.8rem;
  line-height: 2.3rem;
}

.chrome .planyo-form-row-wrapper select {
  padding: 1rem 1.5rem 1rem 1rem;
}

.planyo .btn-primary {
  margin: 0;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  color: #FFF;
  background-color: #028DC5;
  border-color: #028DC5;
  font-size: 1.9rem;
  padding: 0.8rem 25px 0.9rem 25px;
  line-height: 2.9rem;
  font-weight: 400;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  text-decoration: none;
  display: inline-block;
  margin: 0;
}
.planyo .btn-primary:hover, .planyo .btn-primary:focus, .planyo .btn-primary:active {
  background-color: #DE007E;
  border-color: #DE007E;
  color: #FFF;
}
.planyo .btn-primary:hover, .planyo .btn-primary:focus, .planyo .btn-primary:active {
  cursor: pointer;
  text-decoration: none;
  color: #FFF;
  border-color: #DE007E;
  background-color: #DE007E;
}

.select-css::-ms-expand {
  display: none;
}

.select-css:hover {
  border-color: #888;
}

.select-css:focus {
  border-color: #AAA;
  box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  color: #222;
  outline: none;
}

.select-css option {
  font-weight: normal;
}

#reqfinfo {
  display: none;
}

.poweredby {
  display: none;
}

.planyo .help-block {
  font-size: 1.5rem;
  line-height: 2rem;
  color: #666;
  padding-top: 4px;
  font-weight: 300;
}

.list-key-value {
  list-style: none;
  padding: 0;
  margin: 4rem 0;
}

.list-key-value-item,
.list-key-value li {
  padding: 1.1rem 0 1.2rem 0;
  border-top: 1px solid #D5D5D5;
  margin: 0;
}

@media (min-width: 420px) {
  .list-key-value-item,
.list-key-value li {
    display: flex;
    justify-content: space-between;
  }
}
.list-key-value-item:last-child,
.list-key-value li:last-child {
  border-bottom: 1px solid #D5D5D5;
}

@media (min-width: 420px) {
  .list-key {
    width: 18.5rem;
  }
}
@media (min-width: 420px) {
  .list-value {
    width: calc(100% - 18.5rem - 20px);
  }
}
.planyo-resource-list {
  margin: 40px 0 0 0;
  /*  @media (min-width: $w-1000px) {
      @include content-main-margin-right;
    }*/
}

.planyo-resource-list-item {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  padding: 40px 0 40px 0;
  border-top: 1px solid #D5D5D5;
  margin: 0;
}
@media (min-width: 600px) {
  .planyo-resource-list-item {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
}

.planyo-resource-list-item-title {
  width: 100%;
  margin-top: 0;
}

.planyo-resource-list-item-text {
  order: 3;
}
@media (min-width: 600px) {
  .planyo-resource-list-item-text {
    width: calc(100% - 250px - 20px);
    order: auto;
  }
}

.planyo-resource-list-item-image {
  width: 250px;
  padding-top: 5px;
  margin-bottom: 15px;
}

.planyo-resource-list-item-text p:first-child {
  margin-top: 0;
}

.planyo-resource-list-item-text .resource-description p {
  margin: 0 0 1rem 0;
}
.planyo-resource-list-item-text .resource-description p.p-copyright {
  margin-top: 0;
}
.planyo-resource-list-item-text .resource-description + .planyo-resource-list-item-buttons {
  margin-top: 2rem;
}

.news-full {
  margin: 0 auto;
}
@media (min-width: 50em) {
  .news-full {
    max-width: 72rem;
  }
}
@media (min-width: 62.5em) and (min-width: 62.5em) {
  .news-full {
    margin-right: 40px;
  }
}
@media (min-width: 62.5em) and (min-width: 68.75em) {
  .news-full {
    margin-right: 60px;
  }
}
@media (min-width: 62.5em) and (min-width: 75em) {
  .news-full {
    margin-right: 80px;
  }
}
.news-full .news-full-image {
  position: relative;
  margin: 10px 0 0 0;
}
@media (min-width: 25em) {
  .news-full .news-full-image {
    margin: 20px 0 0 0;
  }
}
@media (min-width: 50em) {
  .news-full .news-full-image {
    margin: 40px 0 0 0;
  }
}
.news-full .news-full-image img {
  width: 100%;
}
.news-full .news-full-title {
  font-size: 2rem;
  line-height: 2.8rem;
  margin: 2rem 0 0 0;
}
@media (min-width: 25em) {
  .news-full .news-full-title {
    font-size: 2.2rem;
    line-height: 3rem;
  }
}
@media (min-width: 37.5em) {
  .news-full .news-full-title {
    font-size: 2.6rem;
    line-height: 3.4rem;
    margin: 2.5rem 0 0 0;
  }
}
@media (min-width: 62.5em) {
  .news-full .news-full-title {
    font-size: 2.8rem;
    line-height: 4rem;
    margin: 30px 0 0 0;
  }
}

/* Colours */
.news-full-image:before,
.event-full-location:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 6px;
  content: " ";
  background-color: #028DC5;
}

.event-full-location:before {
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
}

/* tag_15 = Kinder */
.tag_15 .news-full-image:before {
  background-color: #FFD800;
}

/* tag_3 = Jugendliche */
.tag_3 .news-full-image:before {
  background-color: #BC1D11;
}

/* Erwachsene und Jugendliche */
.tag_2.tag_3 .news-full-image:before {
  background: -moz-linear-gradient(left, #028DC5 0%, #028DC5 50%, #BC1D11 50%, #BC1D11 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #028DC5 0%, #028DC5 50%, #BC1D11 50%, #BC1D11 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #028DC5 0%, #028DC5 50%, #BC1D11 50%, #BC1D11 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background-color: #028DC5;
}

/* Erwachsene und Kinder */
.tag_2.tag_15 .news-full-image:before {
  background: -moz-linear-gradient(left, #028DC5 0%, #028DC5 50%, #FFD800 50%, #FFD800 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #028DC5 0%, #028DC5 50%, #FFD800 50%, #FFD800 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #028DC5 0%, #028DC5 50%, #FFD800 50%, #FFD800 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background-color: #028DC5;
}

/* Jugendliche und Kinder */
.tag_3.tag_15 .news-full-image:before {
  background: -moz-linear-gradient(left, #BC1D11 0%, #BC1D11 50%, #FFD800 50%, #FFD800 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #BC1D11 0%, #BC1D11 50%, #FFD800 50%, #FFD800 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #BC1D11 0%, #BC1D11 50%, #FFD800 50%, #FFD800 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background-color: #BC1D11;
}

/* Erwachsene, Jugendliche und Kinder */
.tag_2.tag_3.tag_15 .news-full-image:before {
  background: -moz-linear-gradient(left, #BC1D11 0%, #BC1D11 33%, #BC1D11 33%, #BC1D11 66%, #BC1D11 66%, #BC1D11 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #028DC5 0%, #2989D8 33%, #BC1D11 33%, #BC1D11 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #028DC5 0%, #028DC5 33%, #BC1D11 33%, #BC1D11 66%, #FFD800 66%, #FFD800 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background-color: #B0271C;
}

/* Tags */
.news-full-tags {
  font-size: 1.7rem;
  line-height: 2.2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 4.5rem auto 0 auto;
  padding-top: 2.5rem;
  border-top: 1px solid #D5D5D5;
}
@media (min-width: 50em) {
  .news-full-tags {
    max-width: 72rem;
  }
}
@media (min-width: 62.5em) and (min-width: 62.5em) {
  .news-full-tags {
    margin-right: 40px;
  }
}
@media (min-width: 62.5em) and (min-width: 68.75em) {
  .news-full-tags {
    margin-right: 60px;
  }
}
@media (min-width: 62.5em) and (min-width: 75em) {
  .news-full-tags {
    margin-right: 80px;
  }
}
.news-full-tags .news-full-tags-item {
  margin-right: 6px;
}
.news-full-tags .news-full-tags-item a {
  display: block;
  padding: 0.4rem 12px;
  text-decoration: none;
  color: #018CC5;
  border: 1px solid #028DC5;
  border-radius: 4px;
}
.news-full-tags .news-full-tags-item a:hover, .news-full-tags .news-full-tags-item a:focus, .news-full-tags .news-full-tags-item a:active {
  color: #DE007E;
  border-color: #DE007E;
}

.mod_newslist {
  max-width: 72rem;
  margin: 2.5rem auto 4rem;
}
@media (min-width: 37.5em) {
  .mod_newslist {
    margin: 2rem auto 5rem;
  }
}

@media (min-width: 62.5em) and (min-width: 62.5em) {
  .content-2-col .content-main .mod_newslist {
    margin-right: 40px;
  }
}
@media (min-width: 62.5em) and (min-width: 68.75em) {
  .content-2-col .content-main .mod_newslist {
    margin-right: 60px;
  }
}
@media (min-width: 62.5em) and (min-width: 75em) {
  .content-2-col .content-main .mod_newslist {
    margin-right: 80px;
  }
}

.ul-blog-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mod_newslist .ul-blog-list + .pagination {
  border-top: 1px solid #D5D5D5;
  padding-top: 2rem;
}

.news-list-selection h2 {
  font-size: 2.5rem;
  line-height: 3.4rem;
  margin: 2rem 0 2.5rem 0;
  padding-top: 5.5rem;
  text-align: center;
  border-top: 1px solid #D5D5D5;
}
.news-list-selection h2 a {
  font-weight: 700;
  text-decoration: none;
  color: #122C33;
}

.news-list-service.mod_newslist {
  margin: 25px auto 15px auto;
}
@media (min-width: 62.5em) {
  .news-list-service.mod_newslist {
    background-color: #F4F5F6;
    max-width: 100%;
  }
}

.news-list-service-ul {
  margin: 20px 0;
  padding: 0;
}
@media (min-width: 62.5em) {
  .news-list-service-ul {
    display: flex;
    padding: 20px 0;
  }
}

.news-list-service-item {
  padding: 12px 25px 10px 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #F4F5F6;
  margin: 10px 0 0 0;
}
@media (min-width: 62.5em) {
  .news-list-service-item {
    padding: 0 25px 0 25px;
    width: calc(100% / 2);
    border-left: 1px solid #D5D5D5;
    margin: 0;
  }
}
.news-list-service-item:first-child {
  border-left: 0;
}

.news-list-service-title {
  margin: 0.8rem 0 1rem 0;
  font-size: 2rem;
  line-height: 2.7rem;
}
@media (min-width: 62.5em) {
  .news-list-service-title {
    margin-bottom: 1.8rem;
  }
}
.news-list-service-title a {
  text-decoration: none;
}

.news-list-service-date {
  display: block;
  font-size: 18px;
  font-weight: 300;
  color: #758186;
  padding-bottom: 0.2rem;
}

.news-list-service-location {
  color: #758186;
  font-weight: 300;
  font-size: 1.6rem;
  margin: 0 0 0.8rem 0;
}

.news-links {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 2rem;
  margin-bottom: 3rem;
}
@media (min-width: 37.5em) {
  .news-links {
    flex-direction: row;
    justify-content: center;
    gap: 3.5rem;
    margin-top: 2.5rem;
    margin-bottom: 4.5rem;
  }
}
@media (min-width: 37.5em) {
  .news-links a {
    min-width: 22rem;
    display: inline-block;
  }
}
@media (min-width: 37.5em) {
  .news-links a:first-child {
    text-align: right;
  }
}

.flockler-wall_v2-item__wrapper {
  border: 1px solid #EFEFEF !important;
  border-radius: 2px !important;
}

.flockler-wall_v2-item:before {
  box-shadow: 0 1px 1px #00000004, 0 2px 2px #00000004, 0 4px 4px #00000004, 0 8px 8px #00000004, 0 16px 16px #00000004 !important;
}

.flockler-wall_v2-item:after {
  box-shadow: 0 1px 1px #00000004, 0 2px 2px #00000004, 0 4px 4px #00000004, 0 8px 8px #00000004, 0 16px 16px #00000004 !important;
}

/* Blog Uebersicht: Layout */
.li-blog-list {
  display: flex;
}

.blog-list-day-date,
.blog-list-title-location-teaser {
  vertical-align: top;
  border-top: 1px solid #D5D5D5;
}

.blog-list-title-location-teaser {
  flex: 1;
  padding-bottom: 3rem;
  padding-left: 15px;
}
@media (min-width: 28.125em) {
  .blog-list-title-location-teaser {
    padding-left: 25px;
  }
}

.blog-list-day-date {
  position: relative;
  width: 7rem;
  padding-top: 25px;
  padding-bottom: 20px;
}
@media (min-width: 28.125em) {
  .blog-list-day-date {
    width: 8rem;
  }
}

/* Blog Uebersicht: Datum */
.blog-list-day-date:before {
  position: absolute;
  top: -1px;
  left: 0;
  display: block;
  width: 100%;
  height: 8px;
  content: " ";
  background-color: #028DC5;
}

body.gelb .blog-list-day-date:before,
.tag_15 .blog-list-day-date:before {
  background-color: #FFD800;
}

body.rot .blog-list-day-date:before,
.tag_3 .blog-list-day-date:before {
  background-color: #B0271C;
}

body:not(.gelb):not(.rot) .tag_2.tag_3 .blog-list-day-date:before {
  /* Erwachsene und Jugendliche */
  background: -moz-linear-gradient(left, #028DC5 0%, #028DC5 50%, #BC1D11 50%, #BC1D11 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #028DC5 0%, #028DC5 50%, #BC1D11 50%, #BC1D11 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #028DC5 0%, #028DC5 50%, #BC1D11 50%, #BC1D11 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background-color: #028DC5;
}

body:not(.gelb):not(.rot) .tag_2.tag_15 .blog-list-day-date:before {
  /* Erwachsene und Kinder */
  background: -moz-linear-gradient(left, #028DC5 0%, #028DC5 50%, #FFD800 50%, #FFD800 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #028DC5 0%, #028DC5 50%, #FFD800 50%, #FFD800 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #028DC5 0%, #028DC5 50%, #FFD800 50%, #FFD800 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background-color: #028DC5;
}

body:not(.gelb):not(.rot) .tag_3.tag_15 .blog-list-day-date:before {
  /* Jugendliche und Kinder */
  background: -moz-linear-gradient(left, #BC1D11 0%, #BC1D11 50%, #FFD800 50%, #FFD800 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #BC1D11 0%, #BC1D11 50%, #FFD800 50%, #FFD800 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #BC1D11 0%, #BC1D11 50%, #FFD800 50%, #FFD800 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background-color: #BC1D11;
}

body:not(.gelb):not(.rot) .tag_2.tag_3.tag_15 .blog-list-day-date:before {
  /* Erwachsene, Jugendliche und Kinder */
  background: -moz-linear-gradient(left, #BC1D11 0%, #BC1D11 33%, #BC1D11 33%, #BC1D11 66%, #BC1D11 66%, #BC1D11 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #028DC5 0%, #2989D8 33%, #BC1D11 33%, #BC1D11 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #028DC5 0%, #028DC5 33%, #BC1D11 33%, #BC1D11 66%, #FFD800 66%, #FFD800 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background-color: #BC1D11;
}

.blog-list-year {
  font-size: 1.5rem;
  line-height: 1.5rem;
  display: block;
  padding-top: 0.2rem;
  text-transform: uppercase;
}

.blog-list-date {
  font-size: 2.7rem;
  line-height: 2.7rem;
  display: block;
  margin-left: -2px;
  padding-top: 0;
}

/* Blog Uebersicht: Titel und Details */
/* Titel (Liste) */
.blog-auswahl h2 {
  font-size: 2.6rem;
  margin: 2.5rem 0 2rem 0;
}

/* Titel (Eintrag) */
.blog-list-title {
  font-size: 1.8rem;
  line-height: 2.4rem;
  margin: 0;
}
@media (min-width: 28.125em) {
  .blog-list-title {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}

.blog-list-title a {
  position: relative;
  display: block;
  box-sizing: border-box;
  padding-top: 24px;
  padding-right: 40px;
  text-decoration: none;
  color: #122C33;
}

.blog-list-title a:before {
  position: absolute;
  top: 3.7rem;
  right: 0;
  display: block;
  width: 17px;
  height: 28px;
  margin-top: -14px;
  content: " ";
  background-image: url(/files/images/layout/icons-pagination-gross.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 136px 28px;
}

.blog-list-title a:hover,
.blog-list-title a:focus,
.blog-list-title a:active {
  text-decoration: underline;
  color: #DE007E;
}

/*  tag_2  = Erwachsene
                    tag_3  = Jugendliche / Hoeb4U
                    tag_15 = Kinder / Kibi
                */
.tag_15:not(.tag_2) .blog-list-title a:before {
  background-position: -51px 0;
}

.tag_3:not(.tag_2) .blog-list-title a:before {
  background-position: -34px 0;
}

.blog-list-title a:hover:before,
.blog-list-title a:focus:before,
.blog-list-title a:active:before {
  background-position: -17px 0 !important;
}

/* Details */
.blog-list-location {
  font-size: 1.6rem;
  margin: 0;
  padding-left: 1px;
  color: #666;
}

.blog-list-image {
  margin: 1rem 0;
}

.blog-list-teaser p {
  line-height: 2.4rem;
  margin: 1.4rem 0 0 0;
}

.blog-list-teaser-weiter {
  display: inline;
}

/* Blog Auswahl: Layout */
.blog-auswahl .ul-blog-list {
  width: 100%;
  margin: 0 0 2rem 0;
  padding: 0;
  list-style: none;
}

.li-blog-auswahl {
  display: flex;
}

.blog-auswahl-image-date,
.blog-auswahl-title-location-teaser {
  display: table-cell;
  vertical-align: top;
  border-top: 1px solid #D5D5D5;
}

.blog-auswahl-title-location-teaser {
  flex: 1;
  padding-bottom: 3rem;
  padding-left: 15px;
}
@media (min-width: 28.125em) {
  .blog-auswahl-title-location-teaser {
    padding-left: 25px;
  }
}

.blog-auswahl-image-date {
  position: relative;
  width: 12rem;
  padding-bottom: 20px;
}

/* Blog Auswahl: Bild und Datum */
.blog-auswahl-image {
  width: 120px;
  margin-bottom: 1rem;
}

.blog-auswahl-image-date:before {
  position: absolute;
  top: -1px;
  left: 0;
  display: block;
  width: 100%;
  height: 8px;
  content: " ";
  background-color: #028DC5;
}

body.gelb .blog-auswahl-image-date:before,
.tag_15 .blog-auswahl-image-date:before {
  background-color: #FFD800;
}

body.rot .blog-auswahl-image-date:before,
.tag_3 .blog-auswahl-image-date:before {
  background-color: #B0271C;
}

body:not(.gelb):not(.rot) .tag_2.tag_3 .blog-auswahl-image-date:before {
  /* Erwachsene und Jugendliche */
  background: -moz-linear-gradient(left, #028DC5 0%, #028DC5 50%, #BC1D11 50%, #BC1D11 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #028DC5 0%, #028DC5 50%, #BC1D11 50%, #BC1D11 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #028DC5 0%, #028DC5 50%, #BC1D11 50%, #BC1D11 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background-color: #028DC5;
}

body:not(.gelb):not(.rot) .tag_2.tag_15 .blog-auswahl-image-date:before {
  /* Erwachsene und Kinder */
  background: -moz-linear-gradient(left, #028DC5 0%, #028DC5 50%, #FFD800 50%, #FFD800 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #028DC5 0%, #028DC5 50%, #FFD800 50%, #FFD800 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #028DC5 0%, #028DC5 50%, #FFD800 50%, #FFD800 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background-color: #028DC5;
}

body:not(.gelb):not(.rot) .tag_3.tag_15 .blog-auswahl-image-date:before {
  /* Jugendliche und Kinder */
  background: -moz-linear-gradient(left, #BC1D11 0%, #BC1D11 50%, #FFD800 50%, #FFD800 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #BC1D11 0%, #BC1D11 50%, #FFD800 50%, #FFD800 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #BC1D11 0%, #BC1D11 50%, #FFD800 50%, #FFD800 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background-color: #BC1D11;
}

body:not(.gelb):not(.rot) .tag_2.tag_3.tag_15 .blog-auswahl-image-date:before {
  /* Erwachsene, Jugendliche und Kinder */
  background: -moz-linear-gradient(left, #BC1D11 0%, #BC1D11 33%, #BC1D11 33%, #BC1D11 66%, #BC1D11 66%, #BC1D11 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #028DC5 0%, #2989D8 33%, #BC1D11 33%, #BC1D11 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #028DC5 0%, #028DC5 33%, #BC1D11 33%, #BC1D11 66%, #FFD800 66%, #FFD800 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background-color: #BC1D11;
}

.blog-auswahl-year {
  font-size: 1.5rem;
  line-height: 1.5rem;
  display: block;
  padding-top: 0.2rem;
  text-transform: uppercase;
}

.blog-auswahl-date {
  font-size: 2.7rem;
  line-height: 2.7rem;
  display: block;
  margin-left: -2px;
  padding-top: 0;
}

/* Blog Auswahl: Titel und Details */
.startseite .blog-auswahl h2 {
  font-size: 2.8rem;
  margin: 0 0 1.8rem 0;
  text-align: center;
}

/* Titel */
.blog-auswahl-title {
  font-size: 2rem;
  line-height: 2.5rem;
  margin: 0;
}

.blog-auswahl-title a {
  position: relative;
  display: block;
  box-sizing: border-box;
  padding-top: 16px;
  padding-right: 30px;
  text-decoration: none;
  color: #122C33;
}

.blog-auswahl-title a:before {
  position: absolute;
  top: 2.9rem;
  right: 0;
  display: block;
  width: 17px;
  height: 28px;
  margin-top: -14px;
  content: " ";
  background-image: url(/files/images/layout/icons-pagination-gross.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 136px 28px;
}

.blog-auswahl-title a:hover,
.blog-auswahl-title a:focus,
.blog-auswahl-title a:active {
  text-decoration: underline;
  color: #DE007E;
}

/*  tag_2  = Erwachsene
                    tag_3  = Jugendliche / Hoeb4U
                    tag_15 = Kinder / Kibi
                */
body.gelb .blog-auswahl-title a:before,
body:not(.gelb):not(.rot) .tag_15:not(.tag_2) .blog-auswahl-title a:before {
  background-position: -51px 0;
}

body.rot .blog-auswahl-title a:before,
body:not(.gelb):not(.rot) .tag_3:not(.tag_2) .blog-auswahl-title a:before {
  background-position: -34px 0;
}

.blog-auswahl-title a:hover:before,
.blog-auswahl-title a:focus:before,
.blog-auswahl-title a:active:before {
  background-position: -17px 0 !important;
}

/* Details */
.blog-auswahl-location {
  font-size: 1.5rem;
  margin: 0;
  padding-left: 1px;
  color: #666;
}

.blog-auswahl-teaser p {
  line-height: 2.5rem;
  margin: 1rem 0 0 0;
}

.blog-auswahl-teaser-weiter {
  display: inline;
}

/* Blog Detail */
.blog-detail-foto + #breadcrumb p {
  margin-top: 3rem;
}

.blog-detail-foto:before,
.blog-detail-veranstaltungsort:before {
  display: block;
  width: 100%;
  height: 8px;
  content: " ";
  background-color: #028DC5;
}

.tag_15 .blog-detail-foto:before {
  background-color: #FFD800;
}

.tag_3 .blog-detail-foto:before {
  background-color: #B0271C;
}

.blog-detail-date {
  font-size: 1.7rem;
  line-height: 2.4rem;
  margin: 0 0 2rem 0;
  padding-top: 1.2rem;
  border-top: 1px solid #D5D5D5;
}

.blog-detail-tags {
  margin-top: 4.5rem;
  padding-top: 2rem;
  border-top: 1px solid #D5D5D5;
}

@media only screen and (min-width: 62.5em) {
  .home-quicklinks-locations-box > .inside {
    display: flex;
    justify-content: space-between;
    margin: 40px 0 20px 0;
  }
}

.home-quicklinks,
.home-locations-box {
  max-width: 54rem;
  margin: 30px auto;
}
@media (min-width: 62.5em) {
  .home-quicklinks,
.home-locations-box {
    width: calc((100% - 20px) / 2);
    max-width: 100%;
    margin: 10px 0;
  }
}

.home-quicklinks {
  margin-top: 10px;
}
@media (min-width: 25em) {
  .home-quicklinks {
    margin-top: 20px;
  }
}
@media (min-width: 37.5em) {
  .home-quicklinks {
    margin-top: 30px;
    padding: 0.9rem;
    border: 1px solid #F4F5F6;
    background-color: #F4F5F6;
  }
}
@media (min-width: 62.5em) {
  .home-quicklinks {
    margin-top: 10px;
  }
}

.home-locations-box {
  position: relative;
  padding: 0.9rem;
  border: 1px solid #F4F5F6;
  background-color: #F4F5F6;
}

/* Quicklinks */
.home-quicklinks,
.home-quicklinks > .inside {
  display: flex;
  align-items: center;
  justify-content: center;
}

.home-quicklinks > .inside {
  width: 100%;
}

.home-quicklinks ul {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  columns: 2;
  column-gap: 0;
}
@media (max-width: 31.249em) {
  .home-quicklinks ul:after {
    display: block;
    padding: 1rem;
    content: " ";
  }
}
@media (min-width: 31.25em) {
  .home-quicklinks ul {
    columns: 3;
  }
}
.home-quicklinks ul li {
  font-size: 1.5rem;
  line-height: 2rem;
  margin: 0;
  break-inside: avoid;
}
.home-quicklinks ul li a {
  display: block;
  border-right: 1px solid #D5D5D5;
  border-bottom: 1px solid #D5D5D5;
}
@media (min-width: 62.5em) {
  .home-quicklinks ul li {
    font-size: 1.6rem;
    line-height: 2.1rem;
  }
}
@media (min-width: 68.75em) {
  .home-quicklinks ul li {
    font-size: 1.7rem;
    line-height: 2.2rem;
  }
}
@media (max-width: 31.249em) {
  .home-quicklinks ul li:nth-child(1) a, .home-quicklinks ul li:nth-child(2) a, .home-quicklinks ul li:nth-child(3) a, .home-quicklinks ul li:nth-child(4) a, .home-quicklinks ul li:nth-child(5) a {
    padding-left: 0;
  }
  .home-quicklinks ul li:nth-child(5) a {
    border-bottom: none;
  }
  .home-quicklinks ul li:nth-child(6) a, .home-quicklinks ul li:nth-child(7) a, .home-quicklinks ul li:nth-child(8) a, .home-quicklinks ul li:nth-child(9) a {
    padding-right: 0;
    border-right: none;
  }
}
@media (min-width: 31.25em) {
  .home-quicklinks ul li:nth-child(1) a, .home-quicklinks ul li:nth-child(2) a, .home-quicklinks ul li:nth-child(3) a {
    padding-left: 0;
  }
  .home-quicklinks ul li:nth-child(3) a, .home-quicklinks ul li:nth-child(6) a, .home-quicklinks ul li:nth-child(9) a {
    border-bottom: none;
  }
  .home-quicklinks ul li:nth-child(7) a, .home-quicklinks ul li:nth-child(8) a, .home-quicklinks ul li:nth-child(9) a {
    padding-right: 0;
    border-right: none;
  }
}
.home-quicklinks ul li a {
  font-weight: 400;
  display: block;
  padding: 1rem 1rem;
  text-decoration: none;
  color: #122C33;
}

/* Location box */
.home-locations-box > .inside {
  padding: 132px 0px 10px 0px;
  text-align: center;
}
@media (min-width: 34.375em) {
  .home-locations-box > .inside {
    padding: 10px 40px;
    text-align: left;
  }
}
@media (min-width: 62.5em) {
  .home-locations-box > .inside {
    padding: 10px 25px;
  }
}
@media (min-width: 68.75em) {
  .home-locations-box > .inside {
    padding: 10px 55px;
  }
}
@media (min-width: 71.875em) {
  .home-locations-box > .inside {
    padding: 10px 60px;
  }
}
@media (min-width: 75em) {
  .home-locations-box > .inside {
    padding: 10px 70px;
  }
}
.home-locations-box > .inside:before {
  position: absolute;
  top: -26px;
  right: calc(50% - 68px);
  display: block;
  width: 128px;
  height: 163px;
  content: " ";
  background-image: url(/files/images/layout/icon-standorte-blau.png);
  background-repeat: no-repeat;
  background-size: 128px 163px;
}
@media (min-width: 34.375em) {
  .home-locations-box > .inside:before {
    top: -23px;
    right: 35px;
  }
}
@media (min-width: 37.5em) {
  .home-locations-box > .inside:before {
    right: 55px;
  }
}
@media (min-width: 62.5em) {
  .home-locations-box > .inside:before {
    right: 20px;
  }
}
@media (min-width: 68.75em) {
  .home-locations-box > .inside:before {
    right: 45px;
  }
}
@media (min-width: 71.875em) {
  .home-locations-box > .inside:before {
    right: 60px;
  }
}

body.rot .home-locations-box > .inside:before {
  background-image: url(/files/images/layout/icon-standorte-rot.png);
}

body.gelb .home-locations-box > .inside:before {
  background-image: url(/files/images/layout/icon-standorte-gelb.png);
}

.home-locations-box p {
  font-size: 1.7rem;
  line-height: 2.6rem;
  max-width: 26rem;
  margin: 1.5rem auto;
}
@media (min-width: 25em) {
  .home-locations-box p {
    font-size: 1.8rem;
    line-height: 2.7rem;
    max-width: 27.5rem;
  }
}
@media (min-width: 34.375em) {
  .home-locations-box p {
    margin: 1.5rem 0;
  }
}
.home-locations-box p:first-child {
  margin-top: 0;
}
.home-locations-box p:last-child {
  margin-bottom: 0;
}
.home-section-title {
  font-size: 2.6rem !important;
  line-height: 3.8rem;
  margin-top: 5rem;
  text-align: center;
  margin-bottom: 0;
}
.home-section-title a {
  font-weight: 500;
  color: #122C33 !important;
  text-decoration: none !important;
}
.home-section-title a:hover .home-section-title-text, .home-section-title a:focus .home-section-title-text, .home-section-title a:active .home-section-title-text {
  color: #DE007E;
  text-decoration: underline;
}
.home-section-title .home-section-title-tag {
  display: block;
  font-weight: 300;
  font-size: 1.6rem;
  letter-spacing: 0.05rem;
  line-height: 2.4rem;
  color: #666;
  padding-top: 0.1rem;
}

/* Events */
.home-events-selection-title h2 {
  font-size: 2.6rem !important;
  line-height: 3.8rem;
  margin-top: 5rem;
  text-align: center;
}
.home-events-selection-title h2 a {
  font-weight: 500;
  text-decoration: none;
  color: #122C33;
}
.home-events-selection-title h2 a:hover .home-section-title-tag, .home-events-selection-title h2 a:focus .home-section-title-tag, .home-events-selection-title h2 a:active .home-section-title-tag {
  text-decoration: none;
}

/* Aktuell */
.home-news-video > .inside {
  align-items: flex-start;
}
@media (min-width: 62.5em) {
  .home-news-video > .inside {
    display: flex;
    justify-content: space-between;
  }
}
.home-news-video .mod_newslist {
  flex: 1;
  max-width: 100%;
  margin-top: 40px;
}
@media (min-width: 62.5em) {
  .home-news-video .mod_newslist {
    margin-right: 50px;
    margin-top: 0;
  }
}
.home-news-video .mod_newslist ul {
  margin-right: auto;
  margin-left: auto;
  margin-top: 2.5rem;
}
@media (min-width: 62.5em) {
  .home-news-video .mod_newslist ul {
    margin-right: 0;
    margin-left: 0;
  }
}
.home-news-video .home-news-selection-title {
  text-align: center;
}
@media (min-width: 62.5em) {
  .home-news-video .home-news-selection-title {
    text-align: left;
  }
}
.home-news-video .home-news-selection-title a {
  font-weight: 500;
  text-decoration: none;
  color: #122C33;
}
.home-news-video .home-news-selection-title a:hover .home-section-title-tag, .home-news-video .home-news-selection-title a:focus .home-section-title-tag, .home-news-video .home-news-selection-title a:active .home-section-title-tag {
  text-decoration: none;
}
.home-news-video .box-video {
  margin-right: auto;
  margin-left: auto;
}

/* Teaser */
.home .mod_article.article-cols-3 > .inside {
  justify-content: center;
  margin-top: 60px;
}

.home .mod_article.article-cols-3 .ce_text.teaser {
  max-width: 25rem;
  margin: 30px auto;
}
@media (min-width: 62.5em) {
  .home .mod_article.article-cols-3 .ce_text.teaser {
    margin: 15px;
  }
}

.home .mod_article.article-cols-3 .grid-item-fake {
  display: none;
}

/* Youtube */
.home .home-news-video .ce_youtube.box-video {
  max-width: 35rem;
}

.ce_faqpage {
  max-width: 72rem;
  margin: 2.5rem auto 4rem;
}
@media (min-width: 37.5em) {
  .ce_faqpage {
    margin: 4rem auto 5rem;
  }
}

.accordion {
  margin: 4rem 0;
}

@media (min-width: 62.5em) and (min-width: 62.5em) {
  .content-2-col .content-main .ce_faqpage {
    margin-right: 40px;
  }
}
@media (min-width: 62.5em) and (min-width: 68.75em) {
  .content-2-col .content-main .ce_faqpage {
    margin-right: 60px;
  }
}
@media (min-width: 62.5em) and (min-width: 75em) {
  .content-2-col .content-main .ce_faqpage {
    margin-right: 80px;
  }
}

h2 + .accordion-wrapper .accordion,
h3 + .accordion-wrapper .accordion,
h4 + .accordion-wrapper .accordion,
h5 + .accordion-wrapper .accordion,
h6 + .accordion-wrapper .accordion {
  margin-top: 0;
}

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

@media (prefers-color-scheme: dark) {
  .app .accordion-item:last-child {
    border-bottom-color: #454545;
  }
}
.js .accordion-item-title {
  padding: 0;
  border-bottom: none;
  background-color: #FFF;
}
.js .accordion-item-title h2, .js .accordion-item-title h3 {
  color: #122C33;
}

.accordion-item .accordion-item-title-link,
.accordion-item .accordion-item-title-link:focus {
  position: relative;
  display: block;
  overflow: auto;
  padding: 1rem 0 1rem 42px;
  text-decoration: none;
  color: #122C33;
  border-top: 1px solid #D5D5D5;
  background-color: #FFF;
}

@media (prefers-color-scheme: dark) {
  .app .accordion-item .accordion-item-title-link,
.app .accordion-item .accordion-item-title-link:focus {
    color: #E3E3E3;
    border-top-color: #454545;
    background-color: #121212;
  }
}
.accordion .accordion-item-title-link.open {
  color: #FFF;
  border-top: 1px solid #FFF;
  background-color: #028DC5;
}
.accordion .accordion-item-title-link.open h2, .accordion .accordion-item-title-link.open h3 {
  color: #FFF;
}

.accordion .accordion-item-title a:hover,
.accordion .accordion-item-title .cursor-over:focus,
.accordion .accordion-item-title a:active {
  text-decoration: none;
  color: #FFF;
  border-top: 1px solid #FFF;
  outline: 0;
  background-color: #028DC5;
}
.accordion .accordion-item-title a:hover h2, .accordion .accordion-item-title a:hover h3,
.accordion .accordion-item-title .cursor-over:focus h2,
.accordion .accordion-item-title .cursor-over:focus h3,
.accordion .accordion-item-title a:active h2,
.accordion .accordion-item-title a:active h3 {
  color: #FFF;
}

.accordion-item.closed:hover + .accordion-item a {
  border-top: 1px solid #FFF;
}

.accordion-item-title-link:before {
  position: absolute;
  top: 1.1rem;
  left: 8px;
  display: block;
  width: 23px;
  height: 23px;
  content: "";
  background-image: url(/files/images/layout/icons-accordion.png);
  background-repeat: no-repeat;
  background-position: 0 -23px;
  background-size: 46px 46px;
}

.accordion-item-title-link:hover:before,
.accordion-item-title-link.cursor-over:focus:before,
.accordion-item-title-link:active:before {
  background-position: 0 -23px;
}

.open.accordion-item-title-link:before {
  background-position: -23px -23px;
}

.accordion-item-title-link.open:hover:before,
.accordion-item-title-link.open.cursor-over:focus:before,
.accordion-item-title-link.open:active:before {
  background-position: -23px -23px;
}

.accordion-item-title h2,
.accordion-item-title h3 {
  font-size: 1.7rem;
  font-weight: 300;
  line-height: 2.4rem;
  margin: 0;
}
@media (min-width: 37.5em) {
  .accordion-item-title h2,
.accordion-item-title h3 {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
}

.accordion-item-content-inner {
  padding: 0.5rem 0 2rem 42px;
}

.accordion .p-download {
  margin-top: 0.4rem;
}

.accordion .p-download:not(:last-child) {
  margin-bottom: 0;
}

.accordion .accordion-item p,
.accordion .accordion-item li {
  font-size: 1.7rem;
}

.accordion-item .image_container.float_above {
  margin-bottom: 0;
}

/* Width */
.mod_article.article-width-medium {
  max-width: 62.5em;
  margin-right: auto;
  margin-left: auto;
}

.content-outro .mod_article > .inside {
  padding: 20px 10px;
}
@media (min-width: 25em) {
  .content-outro .mod_article > .inside {
    padding: 30px 20px;
  }
}
@media (min-width: 62.5em) {
  .content-outro .mod_article > .inside {
    max-width: 120rem;
    margin: 0 auto;
  }
}
@media (min-width: 50em) {
  .content-outro .mod_article.last > .inside {
    padding-bottom: 40px;
  }
}
@media (min-width: 62.5em) {
  .content-outro .mod_article.last > .inside {
    padding-bottom: 100px;
  }
}

/* Background colours */
.mod_article.bg-grey {
  padding: 30px 0;
  background-color: #E7E9EB;
}

.mod_article.gradient-grey-to-white {
  background-image: linear-gradient(180deg, rgba(234, 234, 234, 0.7) 0%, rgba(255, 255, 255, 0.7) 100%);
}

/* Columns */
@media (min-width: 62.5em) {
  .mod_article.article-cols-2 > .inside {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.mod_article.article-cols-2 > .inside > div,
.mod_article.article-cols-2 > .inside > .grid-item-fake {
  margin: 10px auto;
}
@media (min-width: 25em) {
  .mod_article.article-cols-2 > .inside > div,
.mod_article.article-cols-2 > .inside > .grid-item-fake {
    margin: 10px auto;
  }
}
@media (min-width: 28.125em) {
  .mod_article.article-cols-2 > .inside > div,
.mod_article.article-cols-2 > .inside > .grid-item-fake {
    max-width: 35rem;
  }
}
@media (min-width: 62.5em) {
  .mod_article.article-cols-2 > .inside > div,
.mod_article.article-cols-2 > .inside > .grid-item-fake {
    max-width: 100%;
    width: calc((100% - 40px) / 2);
  }
}
.mod_article.article-cols-2 > .inside > .grid-item-fake {
  min-height: 1px;
  margin: 0;
}

@media (min-width: 62.5em) {
  .mod_article.article-cols-3 > .inside {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.mod_article.article-cols-3 > .inside > div,
.mod_article.article-cols-3 > .inside > .grid-item-fake {
  margin: 10px auto;
}
@media (min-width: 25em) {
  .mod_article.article-cols-3 > .inside > div,
.mod_article.article-cols-3 > .inside > .grid-item-fake {
    margin: 10px 0;
  }
}
@media (min-width: 28.125em) {
  .mod_article.article-cols-3 > .inside > div,
.mod_article.article-cols-3 > .inside > .grid-item-fake {
    max-width: 35rem;
    margin: 10px auto;
  }
}
@media (min-width: 62.5em) {
  .mod_article.article-cols-3 > .inside > div,
.mod_article.article-cols-3 > .inside > .grid-item-fake {
    margin: 10px 0;
    max-width: 100%;
    width: calc((100% - 40px) / 3);
  }
}
.mod_article.article-cols-3 > .inside > .grid-item-fake {
  min-height: 1px;
  margin: 0;
}
.mod_article.article-cols-3 > .inside .ce_headline {
  width: 100%;
  margin-bottom: 0;
}

/* Borders */
.mod_article.article-border-top {
  border-top: 1px solid #D5D5D5;
  padding-top: 3rem;
  margin-top: 5rem;
}

/* App */
.app .mod_article {
  padding: 20px 15px;
}
.app .mod_article.last {
  padding-bottom: 0;
}
.app .mod_article.no-padding {
  padding: 0;
}
.app .mod_article .mod_article {
  padding: 0;
}

/* Boxes - General */
.box,
.ce_text.box {
  margin-top: 4rem;
  margin-bottom: 4rem;
  padding: 25px;
}

@media (min-width: 62.5em) {
  .content-main .mod_article > .box {
    margin-right: 40px;
  }
}
@media (min-width: 68.75em) {
  .content-main .mod_article > .box {
    margin-right: 60px;
  }
}
@media (min-width: 75em) {
  .content-main .mod_article > .box {
    margin-right: 80px;
  }
}

.content-right .box {
  max-width: 35rem;
  margin: 10px auto;
  padding: 25px 20px;
}
@media (min-width: 25em) {
  .content-right .box {
    margin: 20px auto;
  }
}
.content-right .box p {
  font-size: 1.7rem;
  line-height: 2.4rem;
}

@media (min-width: 62.5em) {
  .article-cols-2 .inside .box,
.article-cols-3 .inside .box {
    margin: 20px 0;
  }
}

/* Colours */
.box.box-grey {
  border: 1px solid #F4F5F6;
  background-color: #F4F5F6;
}

.box.box-blue {
  color: #FFF;
  border: 1px solid #028DC5;
  background-color: #028DC5;
}
.box.box-blue h2, .box.box-blue h3, .box.box-blue h4 {
  color: #FFF;
}
.box.box-blue p {
  color: #FFF;
}
.box.box-blue a {
  color: #FFF;
}

.box.box-border {
  border: 1px solid #D5D5D5;
}

.box > .text_container > :first-child,
.box > .inside > .text_container > :first-child,
.box > .text_container > ul:first-child > :first-child {
  margin-top: 0;
}

.box > .text_container > :last-child,
.box > .inside > .text_container > :last-child,
.box > .text_container > ul:first-child > :last-child,
.box > .inside > .text_container > ul:first-child > :last-child {
  margin-bottom: 0;
}

.box.box-grey.box-border-top {
  position: relative;
}
.box.box-grey.box-border-top:before {
  content: " ";
  background-color: #667379;
  border-top: 5px solid #667379;
  width: calc(100% + 2px);
  display: block;
  position: absolute;
  top: -6px;
  left: -1px;
}

.box.box-grey.box-border-top-blue:before {
  background-color: #028DC5;
  border-top: 5px solid #028DC5;
}

.box.box-grey.box-border-top-pink:before {
  background-color: #DE007E;
  border-top: 5px solid #DE007E;
}

/* Did you know boxes */
.content-right .mod_article.first .box-did-you-know.first {
  margin-top: 20px;
}
@media (min-width: 68.75em) {
  .content-right .mod_article.first .box-did-you-know.first {
    margin-top: 40px;
  }
}

.box.box-did-you-know {
  position: relative;
  padding: 0;
  border: 1px solid #F4F5F6;
  background-color: #F4F5F6;
}
.box.box-did-you-know:before {
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: 6px;
  content: " ";
  background-color: #028DC5;
}
.box.box-did-you-know h3 {
  font-size: 2rem;
  line-height: 2.6rem;
  margin: -0.8rem 0 0 0;
  padding: 0 20px;
}
.box.box-did-you-know a {
  text-decoration: none;
}
.box.box-did-you-know a:hover h3, .box.box-did-you-know a:focus h3, .box.box-did-you-know a:active h3 {
  color: #DE007E;
}
.box.box-did-you-know .text_container {
  padding: 1rem 20px 24px 20px;
}
.box.box-did-you-know .text_container p {
  margin: 0;
}

.box.box-did-you-know-photo a h3 {
  margin-top: 2.2rem;
}

/* Message boxes */
@media (min-width: 62.5em) {
  .content-main .mod_article > .inside > .box-info,
.content-main .mod_article > .inside > .box-success,
.content-main .mod_article > .inside > .box-error {
    margin-right: 40px;
  }
}
@media (min-width: 68.75em) {
  .content-main .mod_article > .inside > .box-info,
.content-main .mod_article > .inside > .box-success,
.content-main .mod_article > .inside > .box-error {
    margin-right: 60px;
  }
}
@media (min-width: 75em) {
  .content-main .mod_article > .inside > .box-info,
.content-main .mod_article > .inside > .box-success,
.content-main .mod_article > .inside > .box-error {
    margin-right: 80px;
  }
}

.box.box-info {
  border: 1px solid #F4F5F6;
  background-color: #F4F5F6;
}

@media (prefers-color-scheme: dark) {
  .app .box.box-info {
    background-color: #121212;
    color: #E3E3E3;
  }
}
.box.box-error,
.box.box-success,
.box.box-info,
.box.box-eyecatcher {
  position: relative;
  margin-top: 50px;
  padding-top: 44px;
  background-color: #F4F5F6;
}

.app .box.box-error,
.app .box.box-success {
  padding: 50px 20px 20px 20px;
}
.app .box.box-error p,
.app .box.box-success p {
  margin: 0;
}

.app .mod_resultreader .box.box-error,
.app .mod_resultreader .box.box-success {
  margin-top: 20px;
}

@media (prefers-color-scheme: dark) {
  .app .box.box-error,
.app .box.box-success,
.app .box.box-info,
.app .box.box-eyecatcher {
    color: #E3E3E3;
    background-color: #202020;
    border-color: #121212;
  }
}
.box.box-eyecatcher {
  padding: 15px 20px;
}
@media (min-width: 56.25em) {
  .box.box-eyecatcher {
    padding: 25px;
  }
}
.box.box-eyecatcher p {
  font-weight: 400;
}

.box.box-error:before,
.box.box-success:before,
.box.box-info:before,
.box.box-eyecatcher:before {
  position: absolute;
  top: -6px;
  left: 0;
  display: block;
  width: 100%;
  height: 0;
  content: " ";
}

.box.box-error:before {
  border-top: 6px solid #B0271C;
}

.box.box-success:before {
  border-top: 6px solid #23A211;
}

.box.box-info:before {
  border-top: 6px solid #028DC5;
}

.box.box-info-pink:before {
  border-top: 6px solid #DE007E;
}

@media (prefers-color-scheme: dark) {
  .app .box.box-info:before {
    border-top: 6px solid #18799C;
  }

  .app .box.box-info-pink:before {
    border-top: 6px solid #DE007E;
  }
}
.box.box-eyecatcher:before {
  border-top: 6px solid #DE007E;
}

.box.box-error:after,
.box.box-success:after,
.box.box-info:after {
  position: absolute;
  top: -22px;
  right: 0;
  left: 0;
  display: block;
  width: 55px;
  height: 55px;
  margin: 0 auto;
  content: " ";
  border-radius: 100%;
  background-repeat: no-repeat;
  background-size: 55px 55px;
}

.box.box-error:after {
  background-color: #B0271C;
  background-image: url(/files/images/layout/icon-box-error.png);
}

.box.box-success:after {
  background-color: #23A211;
  background-image: url(/files/images/layout/icon-box-success.png);
}

.box.box-info:after {
  background-color: #028DC5;
  background-image: url(/files/images/layout/icon-info-blue.svg);
}

.box.box-info-pink:after {
  background-color: #DE007E;
  background-image: url(/files/images/layout/icon-info-pink.svg);
}

.box.box-warning {
  padding-top: 0;
  padding-bottom: 0;
  color: #FFF;
  border: 1px solid #B0271C;
  background-color: #B0271C;
}

.box.box-eyecatcher {
  background: rgba(223, 0, 125, 0.1);
}

/* Typography - content main */
.content-main .box > h2,
.content-main .box > h3,
.content-main .box .text_container h2:first-child,
.content-main .box .text_container h3:first-child {
  font-size: 2rem;
  line-height: 2.4rem;
  margin-top: 0;
  margin-bottom: 1rem;
}
@media (min-width: 37.5em) {
  .content-main .box > h2,
.content-main .box > h3,
.content-main .box .text_container h2:first-child,
.content-main .box .text_container h3:first-child {
    font-size: 2.3rem;
    line-height: 2.7rem;
    margin-bottom: 1.8rem;
  }
}

.content-main .box > h4,
.content-main .box .text_container h4:first-child {
  font-size: 2rem;
  line-height: 2.4rem;
  margin-top: 0;
  margin-bottom: 1.5rem;
}

.content-main .box .text_container > p {
  margin: 1.2rem 0;
}

/* Typography- content right */
.content-right .box > h2,
.content-right .box > h3,
.content-right .box .text_container h2:first-child,
.content-right .box .text_container h3:first-child {
  font-size: 2rem;
  line-height: 2.4rem;
  margin-top: 0;
  margin-bottom: 1rem;
}

@media (min-width: 62.5em) {
  .content-right .box p {
    font-size: 1.7rem;
    line-height: 2.4rem;
    margin: 1.8rem 0;
  }
}
@media (min-width: 62.5em) {
  .content-right .box li {
    font-size: 1.7rem;
    line-height: 2.4rem;
    margin: 1.8rem 0;
  }
}

/* Images */
.ce_text.box .float_right_col {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0 auto;
}
@media (min-width: 37.5em) {
  .ce_text.box .float_right_col {
    flex-direction: row;
    gap: 20px;
  }
}
.ce_text.box .float_right_col .image_container {
  order: 1;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: flex-start;
}
@media (min-width: 37.5em) {
  .ce_text.box .float_right_col .image_container {
    max-width: calc(100% / 2);
    margin: -15px -15px -15px 0;
  }
}
.ce_text.box .float_right_col .image_container img {
  width: 100%;
  height: auto;
  max-width: 100%;
}
.ce_text.box .float_right_col .text_container {
  order: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 0 10px 0;
}
.ce_text.box .float_right_col .text_container h2 {
  font-size: 2.2rem;
  line-height: 3rem;
  margin: 0;
}
.ce_text.box .float_right_col .text_container p {
  margin-bottom: 0;
}

.js .dialog-wrapper {
  display: none;
}

.js .dialog-modal-overlay {
  position: fixed;
  z-index: 1000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(10, 20, 30, 0.85);
}

.js .dialog-modal {
  position: absolute;
  z-index: 1001;
  top: 5px;
  right: 5px;
  bottom: auto;
  left: 5px;
  padding: 3px;
  color: #122C33;
  border-radius: 4px;
  background: #FFF;
  box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);
}

.js .dialog-title {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.4rem;
  margin: 0;
  padding: 1rem 100px 1.2rem 20px;
  color: #FFF;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background: #028DC5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.js .dialog-content {
  overflow: auto;
  padding: 30px 20px;
}

.js .dialog-content p {
  font-size: 1.7rem;
  line-height: 2.5rem;
}
.js .dialog-content p:first-child {
  margin-top: 0;
}
.js .dialog-content p:last-child {
  margin-bottom: 0;
}

.js .dialog-modal-close {
  position: absolute;
  top: 1.3rem;
  right: 1.3rem;
  width: 25px;
  height: 25px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  border: 0;
  background: transparent;
}

.js .dialog-modal-close:focus {
  outline: 0;
}

button::-moz-focus-inner {
  border: 0;
}

.js .dialog-modal-close img {
  width: 25px;
  height: 25px;
}

.js .dialog-modal {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90%;
  max-width: 46rem;
  transform: translate(-50%, -50%);
}

/**
 * Including the at-only style with the dialog CSS as it is required
 * to visually hide a dialog's heading if desired.
 */
.at-only:not(:focus):not(:active) {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  white-space: nowrap;
  clip-path: inset(100%);
}

/**
 * Trigger styling
 */
[data-modal-open][hidden] {
  display: none;
}

/**
 * When a modal dialog is open, don't allow scrolling of content
 * beneath (on desktop). Also useful in negating instances of
 * double scroll bars.
 * (browser window + dialog if long enough content)
 */
body.modal-open {
  overflow: hidden;
}

/**
 * Modal Dialog base styling
 */
.js [data-modal],
.a11y-modal {
  position: fixed;
  z-index: 1000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  visibility: visible;
  overflow: auto;
  width: 100%;
  max-width: 660px;
  max-height: 100%;
  margin: auto;
  padding: 40px 20px 40px 20px;
  opacity: 1;
  border: 1px solid transparent;
  outline: none;
  background: #FFF;
  -webkit-overflow-scrolling: touch;
}
@media (min-height: 600px) and (min-width: 660px) {
  .js [data-modal],
.a11y-modal {
    top: 50%;
    bottom: auto;
    max-width: 640px;
    transform: translateY(-50%);
    border-radius: 4px;
  }
}
@media (min-height: 600px) and (min-width: 720px) {
  .js [data-modal],
.a11y-modal {
    max-width: 680px;
  }
}

.app .js [data-modal],
.app .a11y-modal {
  padding-bottom: 100px;
}
@media (min-height: 600px) and (min-width: 660px) {
  .app .js [data-modal],
.app .a11y-modal {
    top: 0;
    bottom: 0;
    max-width: 100%;
    transform: none;
    border-radius: 0;
  }
}
@media (min-height: 600px) and (min-width: 720px) {
  .app .js [data-modal],
.app .a11y-modal {
    max-width: 100%;
  }
}

@media (prefers-color-scheme: dark) {
  .app .js [data-modal],
.app .a11y-modal {
    background: #121212;
  }
}
/**
 * To allow for CSS animations, hidden modal dialogs are
 * not set to display: none, but rather the following rule
 * set, in combination with the dialog's default
 * position: fixed, will keep dialogs hidden from
 * all users until opened.
 *
 * This also solves an issue with iOS VO + Safari not allowing
 * modal dialogs to be focused, if the dialog is initially
 * set to "display: none".
 */
.js [data-modal][hidden],
.a11y-modal[hidden] {
  display: block;
  visibility: hidden;
  transform: translateY(15vh);
  pointer-events: none;
  opacity: 0;
}

.a11y-modal__close-btn {
  border: none;
}

.is-icon-btn {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  width: 2.2rem;
  height: 2.2rem;
  padding: 0;
  border: none;
  background: none;
}

[data-modal-x] {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 2px;
  height: 2.2rem;
  margin: auto;
  transform: rotate(45deg);
  pointer-events: none;
  border-right: 2px solid #667379;
}

[data-modal-x]:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  transform: rotate(-90deg);
  border-right: 2px solid #667379;
}

.is-icon-btn:hover [data-modal-x],
.is-icon-btn:focus [data-modal-x] {
  transition: transform 0.2s ease-in-out;
  transform: scale(1.3) rotate(45deg);
  border-color: #DE007E;
}
.is-icon-btn:hover [data-modal-x]:after,
.is-icon-btn:focus [data-modal-x]:after {
  border-color: #DE007E;
}

.js .modal-overlay {
  position: fixed;
  z-index: 1000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  background: rgba(10, 20, 30, 0.85);
}

.js.modal-open .modal-overlay {
  display: block;
}

body.js.modal-open {
  padding-right: 15px;
}

.box-modal h2:first-child {
  margin-top: 0;
  margin-bottom: 2rem;
}

.box-modal a {
  color: #018CC5;
}
.box-modal a:hover, .box-modal a:hover, .box-modal a:active {
  color: #DE007E;
}

.box-modal p {
  margin: 2rem 0;
}

.box-modal .text_container p:last-child,
.box-modal .text_container ul:last-child,
.box-modal .text_container ul:last-child li {
  margin-bottom: 0;
}

.content-main .sib-form-message-panel,
.footer .sib-form-message-panel {
  display: none;
}

.content-main .sib-form-message-panel--active,
.footer .sib-form-message-panel--active {
  display: inline-block;
}

.input--hidden {
  display: none !important;
}

.sib-form.box {
  margin-top: 3rem;
}
.sib-form .widget-text,
.sib-form .widget-checkbox {
  margin-top: 0;
  display: block;
}
.sib-form .widget-text label.entry__error,
.sib-form .widget-checkbox label.entry__error {
  color: #B0271C;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  display: none;
}
.sib-form .widget-text label.entry__error {
  padding-top: 0.4rem;
}
.sib-form .widget-checkbox {
  margin: 0;
  gap: 5px;
}
.sib-form .widget-checkbox label {
  padding: 0;
}
.sib-form .widget-submit {
  margin-top: 0;
  margin-bottom: 0;
}
.sib-form .sib-form-message-panel__text {
  margin: 0 0 30px 0;
  color: #B0271C;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
}

.footer .sib-form .formbody > div:first-child {
  flex: 1;
  margin-right: 5px;
}
.footer .sib-form .formbody > div:first-child .text {
  border: 1px solid #FFF;
}
.footer .sib-form .formbody > div:first-child label.entry__error {
  color: #FFF;
  font-weight: 300;
  line-height: 2.2rem;
  margin-top: 8px;
}
.footer .sib-form .sib-form-message-panel__text {
  color: #FFF;
  font-weight: 300;
  margin-bottom: 8px;
  line-height: 2.2rem;
}
.footer .sib-form .submit {
  width: auto;
  font-size: 1.6rem;
  padding-right: 15px;
  padding-left: 15px;
}

.carousel {
  position: relative;
}
.carousel img {
  max-width: 100%;
}
.carousel .swiper-slide-duplicate {
  visibility: hidden;
}
.carousel .swiper-button-prev,
.carousel .swiper-button-next {
  display: none;
  margin-top: 0;
}
.carousel .carousel .swiper-pagination {
  position: static;
}

@media (min-width: 62.5em) {
  .content-container.content-2-col .carousel {
    margin-right: 40px;
  }
}
@media (min-width: 68.75em) {
  .content-container.content-2-col .carousel {
    margin-right: 60px;
  }
}
@media (min-width: 75em) {
  .content-container.content-2-col .carousel {
    margin-right: 80px;
  }
}

.carousel-large .carousel-item {
  display: flex;
  flex-direction: column;
  height: auto;
}
@media (min-width: 50em) {
  .carousel-large .carousel-item {
    display: block;
  }
}
.carousel-large .carousel-item img {
  width: 100%;
}
.carousel-large .carousel-item .carousel-item-text {
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: center;
  background-image: linear-gradient(180deg, rgba(2, 141, 197, 0.75) 0%, rgba(2, 141, 197, 0.87) 55%, #028DC5 100%);
}
@media (min-width: 50em) {
  .carousel-large .carousel-item .carousel-item-text {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-image: linear-gradient(180deg, rgba(2, 141, 197, 0.75) 0%, #097FAF 100%);
  }
}
.carousel-large .carousel-item .carousel-item-text a {
  text-decoration: none;
}
.carousel-large .carousel-item .carousel-item-text a:hover, .carousel-large .carousel-item .carousel-item-text a:focus, .carousel-large .carousel-item .carousel-item-text a:active {
  text-decoration: none;
}
.carousel-large .carousel-item .carousel-item-title {
  margin: 0;
  padding: 1.8rem 10px 2rem 10px;
  text-align: center;
  color: #FFF;
}
@media (min-width: 34.375em) {
  .carousel-large .carousel-item .carousel-item-title {
    padding: 2.2rem 20px 2.5rem 20px;
  }
}
@media (min-width: 50em) {
  .carousel-large .carousel-item .carousel-item-title {
    padding: 2.4rem 20px 2.5rem 20px;
  }
}
@media (min-width: 62.5em) {
  .carousel-large .carousel-item .carousel-item-title {
    padding: 3.6rem 50px 3.8rem 50px;
  }
}
.carousel-large .carousel-item .carousel-item-title-line-1 {
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.2rem;
  display: block;
}
@media (min-width: 34.375em) {
  .carousel-large .carousel-item .carousel-item-title-line-1 {
    font-size: 1.9rem;
    line-height: 2.6rem;
  }
}
@media (min-width: 62.5em) {
  .carousel-large .carousel-item .carousel-item-title-line-1 {
    font-size: 2.4rem;
    line-height: 3.4rem;
  }
}
.carousel-large .carousel-item .carousel-item-title-line-2 {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.6rem;
  display: block;
  margin-top: 0.4rem;
}
@media (min-width: 34.375em) {
  .carousel-large .carousel-item .carousel-item-title-line-2 {
    font-size: 2.5rem;
    line-height: 3.4rem;
  }
}
@media (min-width: 62.5em) {
  .carousel-large .carousel-item .carousel-item-title-line-2 {
    font-size: 3.6rem;
    line-height: 4.8rem;
    margin-top: 0.6rem;
  }
}
@media (min-width: 50em) {
  .carousel-large .swiper-button-prev,
.carousel-large .swiper-button-next {
    top: auto;
    bottom: 6.5rem;
    display: block;
    color: #FFF;
  }
}
@media (min-width: 62.5em) {
  .carousel-large .swiper-button-prev,
.carousel-large .swiper-button-next {
    bottom: 9rem;
  }
}
.carousel-large .carousel .swiper-pagination {
  margin-top: 0.8rem;
}

.carousel-small {
  margin: 4rem auto;
}
@media (min-width: 31.25em) {
  .carousel-small {
    max-width: 72rem;
  }
}
.carousel-small .swiper-container {
  border: 1px solid #D5D5D5;
}
@media (min-width: 31.25em) {
  .carousel-small .swiper-container {
    margin: 0 50px;
  }
}
.carousel-small .swiper-container .ce_text {
  position: relative;
  align-content: flex-start;
  flex-direction: row;
  flex-shrink: 0;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  padding: 25px 0;
  transition-property: transform;
}
@media (min-width: 37.5em) {
  .carousel-small .swiper-container .ce_text .inside {
    display: flex;
  }
}
.carousel-small .swiper-container .ce_text h2 {
  width: calc(100% - 20px);
  margin: 0 10px 1.5rem 10px;
  font-size: 1.9rem;
  line-height: 2.6rem;
}
@media (min-width: 28.125em) {
  .carousel-small .swiper-container .ce_text h2 {
    width: calc(100% - 40px);
    margin: 0 20px 1.5rem 20px;
  }
}
.carousel-small .swiper-container .ce_text p {
  margin: 0;
}
.carousel-small .swiper-container .ce_text .image_container.float_left_col {
  margin: 0 10px;
}
@media (min-width: 28.125em) {
  .carousel-small .swiper-container .ce_text .image_container.float_left_col {
    margin: 0 20px;
  }
}
@media (min-width: 37.5em) {
  .carousel-small .swiper-container .ce_text .image_container.float_left_col {
    width: 180px;
    margin: 0.5rem 15px 0 20px;
  }
}
@media (min-width: 43.75em) {
  .carousel-small .swiper-container .ce_text .image_container.float_left_col {
    width: 220px;
  }
}
.carousel-small .swiper-container .ce_text .image_container.float_left_col img {
  vertical-align: bottom;
}
.carousel-small .swiper-container .ce_text .text_container {
  margin: 1.5rem 10px 0 10px;
}
@media (min-width: 28.125em) {
  .carousel-small .swiper-container .ce_text .text_container {
    margin: 1.5rem 20px 0 20px;
  }
}
@media (min-width: 37.5em) {
  .carousel-small .swiper-container .ce_text .text_container {
    width: calc(100% - 180px - 55px);
    margin: 0 20px 0 0;
  }
}
@media (min-width: 43.75em) {
  .carousel-small .swiper-container .ce_text .text_container {
    width: calc(100% - 220px - 55px);
  }
}
@media (min-width: 31.25em) {
  .carousel-small .swiper-button-prev,
.carousel-small .swiper-button-next {
    top: calc(50% - 38px);
    display: block;
    color: #028DC5;
  }
}

/* Pagination */
.carousel .swiper-pagination {
  position: static;
  margin-top: 0.8rem;
}

.carousel .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 5px;
  background-color: #354248;
}
.carousel .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #028DC5;
}

/* Gallery */
.ce_gallery {
  max-width: 72rem;
  margin: 2rem auto;
}
@media (min-width: 37.5em) {
  .ce_gallery {
    margin: 3.5rem auto;
  }
}

@media (min-width: 62.5em) and (min-width: 62.5em) {
  .content-2-col .content-main .ce_gallery {
    margin-right: 40px;
  }
}
@media (min-width: 62.5em) and (min-width: 68.75em) {
  .content-2-col .content-main .ce_gallery {
    margin-right: 60px;
  }
}
@media (min-width: 62.5em) and (min-width: 75em) {
  .content-2-col .content-main .ce_gallery {
    margin-right: 80px;
  }
}

.ce_gallery {
  max-width: 72rem;
}
@media (min-width: 50em) {
  .ce_gallery {
    margin: 3.5rem auto;
  }
}

.mod_article.first .ce_gallery.first {
  margin-top: 0;
}

.ce_gallery h2 {
  margin-bottom: 1rem;
}

.ce_gallery ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Gallery item */
.gallery-item {
  margin: 5px;
}

.cols_2 .gallery-item {
  width: calc(((100% - 10px) / 2) - .01px);
}

.cols_3 .gallery-item {
  width: calc(((100% - 20px) / 3) - .01px);
}

.cols_4 .gallery-item {
  width: calc(((100% - 30px) / 4) - .01px);
}

.gallery-item.col_first {
  margin-left: 0;
}

.gallery-item.col_last {
  margin-right: 0;
}

.gallery-item .image_container > a {
  position: relative;
  display: inline-block;
  color: #FFF;
  border: none;
}

.gallery-item .image_container > a:hover:before,
.gallery-item .image_container > a:focus:before,
.gallery-item .image_container > a:active:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: " ";
  background-color: rgba(6, 121, 198, 0.6);
  background-image: url(/files/system/images/icon-larger.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 82px 82px;
}

.gallery-item .image_container > a:hover:after,
.gallery-item .image_container > a:focus:after,
.gallery-item .image_container > a:active:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: auto;
  height: auto;
  content: " ";
  transition: none;
  border: none;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.gallery-item img {
  width: 100%;
  color: #FFF;
}

.gallery-item-caption {
  font-size: 1.6rem;
  line-height: 2rem;
  margin: 0.7rem 5px 1rem 0;
  color: #555;
}

.gallery-item-caption .caption-copyright {
  display: block;
}

.gallery-item-caption .caption-copyright a {
  text-decoration: none;
  color: #555;
}

.gallery-item-caption .caption-copyright:hover a,
.gallery-item-caption .caption-copyright:focus a,
.gallery-item-caption .caption-copyright:active a {
  text-decoration: underline;
  color: #018CC5;
}

.ce_image {
  max-width: 72rem;
  margin: 2.8rem 0;
}
@media (min-width: 50em) {
  .ce_image {
    margin: 2.8rem auto;
  }
}
@media (min-width: 62.5em) and (min-width: 62.5em) {
  .ce_image {
    margin-right: 40px;
  }
}
@media (min-width: 62.5em) and (min-width: 68.75em) {
  .ce_image {
    margin-right: 60px;
  }
}
@media (min-width: 62.5em) and (min-width: 75em) {
  .ce_image {
    margin-right: 80px;
  }
}

.content-main .ce_text .image_container.float_above img {
  width: 100%;
}

.image_container > a {
  position: relative;
  display: block;
}

.image_container .caption {
  font-size: 1.6rem;
  line-height: 2.2rem;
  margin: 1rem 0 3.5rem 0;
  color: #758186;
}
.image_container .caption a {
  color: #758186;
}
.image_container .caption a:hover, .image_container .caption a:focus, .image_container .caption a:active {
  color: #DE007E;
}

/* Special image formats */
.media-page-icon {
  width: 62px;
  display: none;
}
@media (min-width: 37.5em) {
  .media-page-icon {
    display: block;
    margin-right: 10px;
  }
}

/* Styles for classes defined in images sizes */
.image-circle {
  border-radius: 100%;
  overflow: hidden;
}

.ce_julep {
  margin: 2rem 0;
  background-color: #F4F5F6;
}

.content-2-col .content-main .mod_article > .inside > .ce_julep {
  max-width: 72rem;
}
@media (min-width: 50em) {
  .content-2-col .content-main .mod_article > .inside > .ce_julep {
    margin: 0 auto;
  }
}
@media (min-width: 62.5em) and (min-width: 62.5em) {
  .content-2-col .content-main .mod_article > .inside > .ce_julep {
    margin-right: 40px;
  }
}
@media (min-width: 62.5em) and (min-width: 68.75em) {
  .content-2-col .content-main .mod_article > .inside > .ce_julep {
    margin-right: 60px;
  }
}
@media (min-width: 62.5em) and (min-width: 75em) {
  .content-2-col .content-main .mod_article > .inside > .ce_julep {
    margin-right: 80px;
  }
}

.ce_julep.box-video {
  padding: 20px;
  background: #F4F5F6;
}

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

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

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

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

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

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

/* * * * * * * * * * * * * * * * * * * * * * *
YouTube preview
* * * * * * * * * * * * * * * * * * * * * * */
.julep-preview {
  display: flex;
  width: 100%;
  background-position: center center;
  background-size: 100% auto;
}

.info-box .julep-preview {
  position: static;
}

.julep-preview > .inside {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  background-color: #E7E9EB;
  border-radius: 40px;
  position: relative;
}
.julep-preview > .inside:before {
  position: absolute;
  content: "";
  display: block;
  background-color: #667379;
  width: 14px;
  height: 14px;
  border-radius: 7px;
  left: 102px;
}
.julep-preview > .inside:after {
  position: absolute;
  left: 95px;
  content: "";
  display: block;
  background-color: #667379;
  width: calc(100% - 10px - 10px - 60px - 60px);
  height: 4px;
  border-radius: 2px;
}

.julep-preview .julep-preview-fake-play-button {
  align-self: center;
  width: 60px;
  height: 60px;
  margin: 10px;
  padding: 0;
  cursor: pointer;
  border: none;
  background: transparent;
}
.julep-preview .julep-preview-fake-play-button svg {
  width: 100%;
  height: 100%;
}
.julep-preview .julep-preview-fake-play-button svg #circle {
  stroke: #028DC5;
  fill: #028DC5;
  fill-opacity: 100;
}
.julep-preview .julep-preview-fake-play-button svg #play {
  fill: #FFF;
}
.julep-preview .julep-preview-fake-play-button:hover svg #circle, .julep-preview .julep-preview-fake-play-button:focus svg #circle, .julep-preview .julep-preview-fake-play-button:active svg #circle {
  fill: #DE007E;
  stroke: #DE007E;
}
.julep-preview .julep-preview-fake-play-button:hover svg #play, .julep-preview .julep-preview-fake-play-button:focus svg #play, .julep-preview .julep-preview-fake-play-button:active svg #play {
  fill: #FFF;
}

.julep-preview .julep-preview-cookie-info {
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
  width: 100%;
  padding: 30px 40px 20px 40px;
  color: #FFF;
  z-index: 100;
  background-color: #028DC5;
  border-radius: 3px;
}

.box-video .julep .julep-preview-cookie-infotext {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.9rem;
  margin: 0 0 1rem 0;
}
@media (min-width: 68.75em) {
  .box-video .julep .julep-preview-cookie-infotext {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

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

.julep-preview .button.julep-preview-accept-cookies-button {
  font-size: 1.6rem;
  line-height: 2rem;
  margin: 0 0 10px 0;
  padding: 0.6rem 15px;
  cursor: pointer;
  border-color: #FFF;
  background-color: transparent;
}
.julep-preview .button.julep-preview-accept-cookies-button:hover, .julep-preview .button.julep-preview-accept-cookies-button:focus, .julep-preview .button.julep-preview-accept-cookies-button:active {
  color: #018CC5;
  border-color: #FFF;
  background-color: #FFF;
}

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

/* * * * * * * * * * * * * * * * * * * * * * *
YouTube Config (data protection page)
* * * * * * * * * * * * * * * * * * * * * * */
.julep-cookie-config h4 {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.8rem;
  margin: 0;
}

.julep-config-info p {
  margin: 1rem 0;
}

.julep-cookie-config .julep-config-button {
  display: inline-block;
  margin: 1rem 0 0 0;
  cursor: pointer;
  color: #FFF;
  border-color: #028DC5;
  background-color: #028DC5;
}

.offer-list-filter {
  display: flex;
  gap: 10px;
  align-content: center;
  align-items: center;
  border-top: 1px solid #D5D5D5;
  border-bottom: 1px solid #D5D5D5;
  padding: 12px 0;
  justify-content: center;
}
.offer-list-filter .offer-list-filter-title {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 300;
  margin: 0 5px 0 0;
  color: #666;
}
.offer-list-filter .offer-list-filter-block {
  width: 20rem;
  max-width: 100%;
  font-size: 1.7rem;
  line-height: 2.3rem;
}
.offer-list-filter .offer-list-filter-legend {
  position: relative;
  width: 100%;
  margin: 0;
  border: none;
  padding: 0;
}

.js .offer-list-filter .js-filter-open-button {
  position: relative;
  width: 100%;
  padding: 0.8rem 10px 0.9rem 10px;
  text-align: left;
  border: 1px solid #758186;
  border-radius: 3px;
  background-color: #FFF;
  font-size: 1.6rem;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  color: #666;
}
.js .offer-list-filter .js-filter-open-button .js-filter-open-button-icon {
  position: absolute;
  top: calc(50% - (1.5rem / 2));
  right: 10px;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}
.js .offer-list-filter .js-filter-open-button:hover, .js .offer-list-filter .js-filter-open-button:focus, .js .offer-list-filter .js-filter-open-button:active {
  color: #FFF;
  background-color: #028DC5;
  border-color: #028DC5;
}
.js .offer-list-filter .js-filter-open-button:hover .js-filter-open-button-icon #arrow, .js .offer-list-filter .js-filter-open-button:focus .js-filter-open-button-icon #arrow, .js .offer-list-filter .js-filter-open-button:active .js-filter-open-button-icon #arrow {
  fill: #FFF;
}

.js .offer-list-filter .open .js-filter-open-button .js-filter-open-button-icon {
  transform: rotate(180deg);
}

.js .offer-list-filter-option {
  position: relative;
  margin: 0.2rem 0;
}
.js .offer-list-filter-option input[type=checkbox] {
  position: absolute;
  top: 0.5rem;
  left: 0;
}
.js .offer-list-filter-option input[type=checkbox]:checked + label:before {
  border: 3px solid #DE007E;
  background-color: #DE007E;
  background-image: url(/files/images/layout/icon-haekchen-mini-weiss.png);
  background-repeat: no-repeat;
  background-position: 55% 50%;
  background-size: 9px 8px;
}
.js .offer-list-filter-option input[type=checkbox]:focus + label:before {
  border-color: #DE007E;
  background-color: #DE007E;
}
.js .offer-list-filter-option label {
  position: relative;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.2rem;
  display: inline-block;
  margin: 0;
  padding: 0.2rem 0 0.2rem 26px;
}
.js .offer-list-filter-option label:before {
  position: absolute;
  top: 0.2rem;
  left: 0;
  display: block;
  box-sizing: border-box;
  width: 1.8rem;
  height: 1.8rem;
  content: " ";
  border: 1px solid #405057;
  border-radius: 2px;
  background: #FFF;
}
.js .offer-list-filter-option label:hover, .js .offer-list-filter-option label:focus, .js .offer-list-filter-option label:active {
  cursor: pointer;
}
.js .offer-list-filter-option label:hover:before, .js .offer-list-filter-option label:focus:before, .js .offer-list-filter-option label:active:before {
  border-color: #DE007E;
  background-color: #DE007E;
}

/* Content and options - Layout */
.js .offer-list-filter-options {
  position: absolute;
  z-index: 10;
  display: none;
  width: calc(20.0rem + 20.0rem + 10px);
  max-width: 100%;
  margin-top: 6px;
  padding: 25px 25px 30px 25px;
  border: 1px solid #758186;
  border-radius: 3px;
  background-color: #FFF;
}

.js .widget:nth-child(1) .filter-form-content {
  z-index: 20;
  border-top-left-radius: 0;
}

.js .widget:nth-child(2) .filter-form-content {
  z-index: 30;
  border-top-left-radius: 0;
}

.js .widget:nth-child(3) .filter-form-content {
  z-index: 40;
  right: 0;
  border-top-right-radius: 0;
}

.js .open .offer-list-filter-options {
  display: block;
}

.js .filter-form-options {
  margin-bottom: 25px;
}

.js .widget:nth-child(3) .filter-form-options {
  overflow: auto;
  max-height: 35rem;
}

/* Content and options - Form controls */
.filter-form-options .filter-form-checkbox-item,
.filter-form-options .filter-form-radio-item {
  display: flex;
  align-items: baseline;
  margin: 3px 0;
}

.filter-form-options .filter-form-checkbox-item label,
.filter-form-options .filter-form-radio-item label {
  margin-left: 0.7rem;
}

.filter-form-submit {
  margin: 10px 0 0 0;
}

.filter-form-submit button {
  margin: 0;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  color: #FFF;
  background-color: #028DC5;
  border-color: #028DC5;
  font-size: 1.9rem;
  padding: 0.8rem 25px 0.9rem 25px;
  line-height: 2.9rem;
  font-weight: 400;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  text-decoration: none;
  display: inline-block;
  font-size: 1.6rem;
  padding: 0.3rem 15px 0.4rem 15px;
}
.filter-form-submit button:hover, .filter-form-submit button:focus, .filter-form-submit button:active {
  background-color: #DE007E;
  border-color: #DE007E;
  color: #FFF;
}

/* Submit */
.js .filter-form .widget-submit {
  display: none;
}

.js .content-2-col .filter-form .widget-submit,
.js .content-1-col .location-not-set .filter-form .widget-submit {
  display: flex;
  width: auto;
}

.offer-list .offer {
  display: flex;
  flex-direction: row-reverse;
  gap: 40px;
  padding: 20px 0;
  border-bottom: 1px solid #D5D5D5;
  margin: 0;
}
.offer-list .offer .offer-image {
  width: 420px;
}
.offer-list .offer .offer-text {
  flex: 1;
  margin: 0 60px 2rem 0;
}
.offer-list .offer .offer-title {
  margin: 2.5rem 0 2rem 0;
}
.offer-list .offer .offer-data {
  display: flex;
  gap: 15px;
}
.offer-list .offer .offer-data-label {
  width: 10rem;
  margin: 0;
}
.offer-list .offer .offer-data-text {
  flex: 1;
}
.offer-list .offer .offer-data-text p {
  margin: 0;
}

.social-bar {
  box-sizing: border-box;
  position: fixed;
  right: 2px;
  z-index: 1000;
  width: 35px;
  overflow: visible;
  display: none;
}

@media (min-width: 81.25em) {
  .social-bar {
    display: block;
  }
}
.social-bar-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.social-bar-item {
  position: relative;
  padding: 0 0 2px 0;
  margin: 0;
}

.social-bar-item a {
  display: block;
}

.social-bar-item a:after {
  content: " ";
  position: absolute;
  z-index: 1001;
  top: 0;
  left: -5px;
  display: block;
  height: 35px;
  width: 5px;
}

.social-bar-item.social-facebook a:hover:after,
.social-bar-item.social-facebook a:focus:after,
.social-bar-item.social-facebook a:active:after {
  background-color: #425F9C;
}

.social-bar-item.social-x a:hover:after,
.social-bar-item.social-x a:focus:after,
.social-bar-item.social-x a:active:after {
  background-color: #181A1B;
}

.social-bar-item.social-instagram a:hover:after,
.social-bar-item.social-instagram a:focus:after,
.social-bar-item.social-instagram a:active:after {
  background-color: #BC00B2;
}

.social-bar-item.social-youtube a:hover:after,
.social-bar-item.social-youtube a:focus:after,
.social-bar-item.social-youtube a:active:after {
  background-color: #FF0000;
}

.social-bar-item.social-whatsapp a:hover:after,
.social-bar-item.social-whatsapp a:focus:after,
.social-bar-item.social-whatsapp a:active:after {
  background-color: #25D366;
}

.social-bar-item.social-tiktok a:hover:after,
.social-bar-item.social-tiktok a:focus:after,
.social-bar-item.social-tiktok a:active:after {
  background-color: #181A1B;
}

.social-bar-item img {
  width: 35px;
  max-width: none;
  height: 35px;
}

.teaser-sso.ce_text.teaser {
  display: flex;
  flex-direction: column;
  margin: 0 0 6rem 0;
}
.teaser-sso.ce_text.teaser .text_container {
  flex: 1;
  margin: 1rem 0 1.5rem 0;
}
.teaser-sso.ce_text.teaser .text_container p {
  display: inline;
}
.teaser-sso.ce_text.teaser .text_container p a {
  display: inline;
  text-decoration: underline;
}
.teaser-sso.ce_text.teaser .sso-login-button {
  display: block;
  width: 100%;
  background-color: #028DC5;
  color: #FFF;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 2.4rem;
  text-align: center;
  padding: 0.5rem 10px 0.6rem 10px;
  border: 1px solid #028DC5;
  border-radius: 4px;
  margin: 0;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.teaser-sso.ce_text.teaser .sso-login-button:hover, .teaser-sso.ce_text.teaser .sso-login-button:focus, .teaser-sso.ce_text.teaser .sso-login-button:active {
  background-color: #DE007E;
  border-color: #DE007E;
}

.ce_table {
  overflow: auto;
}
@media (min-width: 50em) {
  .ce_table {
    max-width: 72rem;
    margin: 0 auto;
  }
}

.content-2-col .content-main .ce_table {
  max-width: 72rem;
}
@media (min-width: 62.5em) and (min-width: 62.5em) {
  .content-2-col .content-main .ce_table {
    margin-right: 40px;
  }
}
@media (min-width: 62.5em) and (min-width: 68.75em) {
  .content-2-col .content-main .ce_table {
    margin-right: 60px;
  }
}
@media (min-width: 62.5em) and (min-width: 75em) {
  .content-2-col .content-main .ce_table {
    margin-right: 80px;
  }
}

table {
  width: 100%;
  border-collapse: collapse;
  border-bottom: 1px solid #D5D5D5;
}

thead th {
  background-color: #F4F5F6;
  font-size: 1.8rem;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  line-height: 2.4rem;
  text-align: left;
  vertical-align: top;
  padding: 1.4rem 10px;
  border-top: 1px solid #D5D5D5;
  border-right: 1px solid #D5D5D5;
}
thead th:last-child {
  border-right: none;
}

tbody th {
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.4rem;
  text-align: left;
  vertical-align: top;
  padding: 1.4rem 10px;
  border-top: 1px solid #D5D5D5;
  border-right: 1px solid #D5D5D5;
}

tbody td {
  font-size: 1.7rem;
  font-weight: 300;
  line-height: 2.4rem;
  vertical-align: top;
  padding: 1.4rem 10px;
  border-top: 1px solid #D5D5D5;
  border-right: 1px solid #D5D5D5;
}

tbody td:last-child {
  border-right: none;
}

tbody tr:nth-child(odd) th,
tbody tr:nth-child(odd) td {
  background-color: #F4F5F6;
}

thead + tbody tr:nth-child(odd) th,
thead + tbody tr:nth-child(odd) td {
  background-color: #FFF;
}

thead + tbody tr:nth-child(even) th,
thead + tbody tr:nth-child(even) td {
  background-color: #F4F5F6;
}

.table-cell-center {
  text-align: center;
}

.table-cell-middle {
  vertical-align: middle;
}

.th-klein {
  font-size: 1.5rem;
  font-weight: 300;
}

.table-fahrplan .col_first {
  width: 13rem;
}

.tenders-list-item {
  margin: 0 !important;
  padding: 1.5rem 0 1.6rem 10px !important;
  border-top: 1px solid #D5D5D5;
}

.tenders-list-item:last-child {
  border-bottom: 1px solid #D5D5D5;
}

.tenders-list-item:before {
  content: none !important;
}

.tenders-list-item-date {
  padding-left: 20px;
}

.tenders-list {
  list-style: none;
  padding: 0;
  margin: 40px 0;
}

.tenders-list-item-link {
  position: relative;
  display: block;
  padding: 0.2rem 0 0 20px;
  text-decoration: none;
  font-weight: 500;
  font-size: 2rem;
  line-height: 2.7rem;
}

.tenders-list-item-link:before {
  position: absolute;
  top: 0.9rem;
  left: 0;
  display: block;
  width: 8px;
  height: 12px;
  content: " ";
  background: url(/files/system/images/global/icons-chevron-left-right-mini.svg);
}

.ce_text {
  max-width: 72rem;
}
@media (min-width: 50em) {
  .ce_text {
    margin: 0 auto;
  }
}

@media (min-width: 62.5em) and (min-width: 62.5em) {
  .content-2-col .content-main .mod_article > .inside > .ce_text {
    margin-right: 40px;
  }
}
@media (min-width: 62.5em) and (min-width: 68.75em) {
  .content-2-col .content-main .mod_article > .inside > .ce_text {
    margin-right: 60px;
  }
}
@media (min-width: 62.5em) and (min-width: 75em) {
  .content-2-col .content-main .mod_article > .inside > .ce_text {
    margin-right: 80px;
  }
}

.content-2-col .content-main .news-full .mod_article > .inside > .ce_text {
  margin-right: 0;
}

.ce_text .image_container.float_above {
  margin-bottom: 3.5rem;
}

.ce_text.line-top {
  margin-top: 5rem;
  border-top: 1px solid #D5D5D5;
  padding-top: 3rem;
}

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

.ce_text .inside.float_left_col {
  text-align: center;
}
.ce_text .inside.float_left_col .image_container {
  margin: 0 0 1.5rem 0;
}
@media (min-width: 37.5em) {
  .ce_text .inside.float_left_col {
    display: flex;
    align-items: center;
    text-align: left;
  }
  .ce_text .inside.float_left_col .image_container {
    flex-shrink: 0;
    margin: 0 25px 0 0;
  }
}
.ce_text .inside.float_left_col .text_container :first-child {
  margin-top: 0;
}

.ce_text.text-large.text-centered {
  margin: 2rem auto;
  max-width: 74rem;
}
@media (min-width: 37.5em) {
  .ce_text.text-large.text-centered {
    margin: 4rem auto 5rem auto;
  }
}
.ce_text.text-large.text-centered p {
  text-align: center;
  font-size: 1.7rem;
  line-height: 2.6rem;
}
@media (min-width: 37.5em) {
  .ce_text.text-large.text-centered p {
    font-size: 1.8rem;
    line-height: 2.8rem;
  }
}
@media (min-width: 37.5em) {
  .ce_text.text-large.text-centered p {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}
@media (min-width: 50em) {
  .ce_text.text-large.text-centered p {
    font-size: 2.2rem;
    line-height: 3.5rem;
  }
}
@media (min-width: 62.5em) {
  .ce_text.text-large.text-centered p {
    font-size: 2.4rem;
    line-height: 3.9rem;
  }
}

.ce_text.press-image {
  border-top: 1px solid #D5D5D5;
  padding-top: 2rem;
  margin-top: 2rem;
}
.ce_text.press-image .caption {
  display: none;
}

.mod_article.teaser .ce_headline {
  width: 100%;
  max-width: none;
}

@media (min-width: 50em) {
  .mod_article.teaser > .inside {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

.mod_article.teaser h1 {
  width: 100%;
}

.ce_text.teaser {
  max-width: 34rem;
  margin: 0 auto 5rem auto;
}
@media (min-width: 50em) {
  .ce_text.teaser {
    width: calc((100% - 40px) / 3);
    margin: 0 0 5rem 0;
  }
}

.ce_text.teaser h2 {
  margin: 0;
}

.ce_text.teaser a {
  display: block;
  text-decoration: none;
  color: #018CC5;
}

.ce_text.teaser .teaser-image {
  display: block;
  margin: 0 0 2rem 0;
  background-color: #F4F5F6;
}

.ce_text.teaser img {
  display: block;
  margin: 0 auto;
  width: 340px;
  max-width: 100%;
}

.ce_text.teaser .teaser-h2 {
  font-size: 2rem;
  line-height: 2.6rem;
  display: block;
  background-color: #FFF;
}

.ce_text.teaser p {
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 2.6rem;
  margin: 1rem 0 0 0;
}

.ce_youtube {
  margin: 2rem 0;
}

.content-2-col .content-main .mod_article > .inside > .ce_youtube {
  max-width: 72rem;
}
@media (min-width: 50em) {
  .content-2-col .content-main .mod_article > .inside > .ce_youtube {
    margin: 0 auto;
  }
}
@media (min-width: 62.5em) and (min-width: 62.5em) {
  .content-2-col .content-main .mod_article > .inside > .ce_youtube {
    margin-right: 40px;
  }
}
@media (min-width: 62.5em) and (min-width: 68.75em) {
  .content-2-col .content-main .mod_article > .inside > .ce_youtube {
    margin-right: 60px;
  }
}
@media (min-width: 62.5em) and (min-width: 75em) {
  .content-2-col .content-main .mod_article > .inside > .ce_youtube {
    margin-right: 80px;
  }
}

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

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

.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: #028DC5;
}

.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-color: #028DC5;
}

.box-video .youtube-preview .youtube-preview-cookie-infotext {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.9rem;
  margin: 0 0 1rem 0;
}
@media (min-width: 68.75em) {
  .box-video .youtube-preview .youtube-preview-cookie-infotext {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.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;
}

.box-video .youtube-preview .button.youtube-preview-accept-cookies-button {
  font-size: 1.6rem;
  line-height: 2rem;
  margin: 0 0 10px 0;
  padding: 0.3rem 10px;
  cursor: pointer;
  border-color: #FFF;
  background-color: transparent;
}
.box-video .youtube-preview .button.youtube-preview-accept-cookies-button:hover, .box-video .youtube-preview .button.youtube-preview-accept-cookies-button:focus, .box-video .youtube-preview .button.youtube-preview-accept-cookies-button:active {
  color: #018CC5;
  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: #028DC5;
}

/* * * * * * * * * * * * * * * * * * * * * * *
YouTube Config (data protection page)
* * * * * * * * * * * * * * * * * * * * * * */
.youtube-cookie-config h4 {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.8rem;
  margin: 0;
}

.youtube-config-info p {
  margin: 1rem 0;
}

.youtube-cookie-config .youtube-config-button {
  display: inline-block;
  margin: 1rem 0 0 0;
  cursor: pointer;
  color: #FFF;
  border-color: #028DC5;
  background-color: #028DC5;
}

strong {
  font-weight: 500;
  color: #354248;
}

@media (prefers-color-scheme: dark) {
  .app strong {
    color: #E3E3E3;
  }
}
.warning {
  color: #DE007E;
}

.ce_headline {
  max-width: 72rem;
}
@media (min-width: 50em) {
  .ce_headline {
    margin-right: auto;
    margin-left: auto;
  }
}

@media (min-width: 50em) {
  .app .ce_headline {
    margin-right: 0;
    margin-left: 0;
  }
}

@media (min-width: 62.5em) and (min-width: 62.5em) {
  .content-2-col .ce_headline {
    margin-right: 40px;
  }
}
@media (min-width: 62.5em) and (min-width: 68.75em) {
  .content-2-col .ce_headline {
    margin-right: 60px;
  }
}
@media (min-width: 62.5em) and (min-width: 75em) {
  .content-2-col .ce_headline {
    margin-right: 80px;
  }
}

h1 {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 3.3rem;
  margin: 0 0 1.5rem 0;
  color: #354248;
}
@media (min-width: 25em) {
  h1 {
    font-size: 2.6rem;
    line-height: 3.6rem;
    margin: 0 0 2rem 0;
  }
}
@media (min-width: 37.5em) {
  h1 {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }
}
@media (min-width: 50em) {
  h1 {
    font-size: 3rem;
    line-height: 4.4rem;
  }
}
h1.hx-centered {
  text-align: center;
}
h1.hx-large {
  font-size: 3.4rem;
  line-height: 4.8rem;
}
@media (min-width: 31.25em) {
  h1.hx-large {
    font-size: 4.2rem;
    line-height: 5.6rem;
  }
}
@media (min-width: 62.5em) {
  h1.hx-large {
    font-size: 4.5rem;
    line-height: 6rem;
  }
}

@media (prefers-color-scheme: dark) {
  .app h1 {
    color: #E3E3E3;
  }
}
.content-main h1 {
  margin-top: 30px;
}
@media (min-width: 25em) {
  .content-main h1 {
    margin-top: 40px;
  }
}
@media (min-width: 31.25em) {
  .content-main h1 {
    margin-top: 45px;
  }
}
@media (min-width: 37.5em) {
  .content-main h1 {
    margin-top: 50px;
  }
}
@media (min-width: 62.5em) {
  .content-main h1 {
    margin-top: 60px;
  }
}
@media (min-width: 68.75em) {
  .content-main h1 {
    margin-top: 65px;
  }
}

h2 {
  font-size: 1.9rem;
  font-weight: 500;
  line-height: 3rem;
  margin-top: 3rem;
  margin-bottom: 1.5rem;
  color: #354248;
}
@media (min-width: 37.5em) {
  h2 {
    font-size: 2.2rem;
    line-height: 3.4rem;
    margin-top: 4.5rem;
    margin-bottom: 1.5rem;
  }
}
h2.hx-centered {
  text-align: center;
}
@media (min-width: 37.5em) {
  h2.hx-centered {
    font-size: 2.6rem;
    line-height: 3.8rem;
  }
}

@media (prefers-color-scheme: dark) {
  .app h2 {
    color: #E3E3E3;
  }
}
.article-border-top > .inside > h2.first {
  margin: 1rem 0 0 0;
}

h3 {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.4rem;
  margin: 2rem 0 1rem 0;
  color: #354248;
}
h3 + p {
  margin-top: 0;
}
h3 + ul {
  margin-top: 0;
}
h3 + ul li:first-child {
  margin-top: 0;
}
@media (min-width: 37.5em) {
  h3 {
    font-size: 1.8rem;
    line-height: 2.6rem;
    margin-top: 2.5rem;
  }
}
h3.hx-centered {
  text-align: center;
}

h4 {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.4rem;
  margin: 2rem 0 0 0;
  color: #354248;
}
h4 + p {
  margin-top: 0;
}
@media (min-width: 37.5em) {
  h4 {
    font-size: 1.8rem;
    line-height: 2.6rem;
    margin-top: 2.5rem;
  }
}
h4.hx-centered {
  text-align: center;
}

.rtl h1, .rtl h2, .rtl h3, .rtl h4, .rtl h5, .rtl h6 {
  direction: rtl;
}

.hx-rtl {
  direction: rtl;
}

/* Line */
.line-top {
  clear: both;
  margin-top: 5rem;
  border-top: 1px solid #D5D5D5;
}

.line-bottom {
  margin-bottom: 3rem;
  padding-bottom: 3rem;
  border-bottom: 1px solid #D5D5D5;
}

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

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

.content a {
  color: #018CC5;
}
.content a:hover, .content a:focus, .content a:active {
  text-decoration: underline;
  color: #DE007E;
}
.content a:hover strong, .content a:focus strong, .content a:active strong {
  color: #DE007E;
}
.content a strong {
  color: #018CC5;
}

@media (prefers-color-scheme: dark) {
  .app .content a {
    color: #E3E3E3;
  }
}
a.button {
  margin: 0;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  color: #FFF;
  background-color: #028DC5;
  border-color: #028DC5;
  font-size: 1.9rem;
  padding: 0.8rem 25px 0.9rem 25px;
  line-height: 2.9rem;
  font-weight: 400;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  text-decoration: none;
  display: inline-block;
}
a.button:hover, a.button:focus, a.button:active {
  background-color: #DE007E;
  border-color: #DE007E;
  color: #FFF;
}
a.button:hover, a.button:focus, a.button:active {
  text-decoration: none;
  color: #FFF;
  border: 1px solid #DE007E;
  background-color: #DE007E;
}

a.button-small {
  margin: 0;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  color: #FFF;
  background-color: #028DC5;
  border-color: #028DC5;
  font-size: 1.7rem;
  padding: 0.7rem 15px;
  line-height: 2.5rem;
  font-weight: 400;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  text-decoration: none;
  display: inline-block;
}
a.button-small:hover, a.button-small:focus, a.button-small:active {
  background-color: #DE007E;
  border-color: #DE007E;
  color: #FFF;
}
a.button-small:hover, a.button-small:focus, a.button-small:active {
  text-decoration: none;
  color: #FFF;
  border: 1px solid #DE007E;
  background-color: #DE007E;
}

a.button-mini {
  margin: 0;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  color: #FFF;
  background-color: #028DC5;
  border-color: #028DC5;
  font-size: 1.6rem;
  padding: 0.6rem 12px;
  line-height: 2rem;
  font-weight: 400;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  text-decoration: none;
  display: inline-block;
  font-weight: 300;
}
a.button-mini:hover, a.button-mini:focus, a.button-mini:active {
  background-color: #DE007E;
  border-color: #DE007E;
  color: #FFF;
}
a.button-mini:hover, a.button-mini:focus, a.button-mini:active {
  text-decoration: none;
  color: #FFF;
  border: 1px solid #DE007E;
  background-color: #DE007E;
}

a.button-pink {
  border: 1px solid #DE007E;
  background-color: #DE007E;
}
a.button-pink:hover, a.button-pink:focus, a.button-pink:active {
  text-decoration: none;
  color: #FFF;
  border: 1px solid #028DC5;
  background-color: #028DC5;
}

a.button-blue-border {
  border: 1px solid #028DC5;
  background-color: #FFF;
  color: #028DC5;
}

a.button-pink-border {
  border: 1px solid #DE007E;
  background-color: #FFF;
  color: #DE007E;
}

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

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

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

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

ul {
  list-style: none;
}

li {
  font-size: 1.7rem;
  font-weight: 300;
  line-height: 2.4rem;
  margin: 1.5rem 0;
}
@media (min-width: 31.25em) {
  li {
    font-size: 1.8rem;
    line-height: 2.6rem;
    margin: 2rem 0;
  }
}

.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 ul .li-no-bullet {
  padding-left: 0;
}

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

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

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

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

.ul-spacing-0 li,
.li-spacing-0,
.li-ohne-abstand,
#wrapper.mce-content-body .li-spacing-0,
#wrapper.mce-content-body .li-ohne-abstand {
  margin: 0;
}
.ul-spacing-0 li > ul,
.ul-spacing-0 li > ol,
.li-spacing-0 > ul,
.li-spacing-0 > ol,
.li-ohne-abstand > ul,
.li-ohne-abstand > ol,
#wrapper.mce-content-body .li-spacing-0 > ul,
#wrapper.mce-content-body .li-spacing-0 > ol,
#wrapper.mce-content-body .li-ohne-abstand > ul,
#wrapper.mce-content-body .li-ohne-abstand > 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 #D5D5D5;
}
.li-lines:first-child {
  border-top: 1px solid #D5D5D5;
}
.li-lines h3 {
  margin-top: 1.3rem;
}
.li-lines .h3-small {
  margin-top: 1.2rem;
}
.li-lines p:last-child {
  margin-bottom: 1.8rem;
}

/* Downloads */
abbr {
  text-decoration: none;
}

/* Paragraph */
p {
  font-size: 1.7rem;
  font-weight: 300;
  line-height: 2.4rem;
  margin: 1.5rem 0;
}
@media (min-width: 31.25em) {
  p {
    font-size: 1.8rem;
    line-height: 2.6rem;
    margin: 2rem 0;
  }
}

@media (min-width: 31.25em) {
  h2 + p {
    margin-top: 1.5rem;
  }
}

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

.p-small {
  font-size: 1.7rem;
  line-height: 2.5rem;
}

.p-caption,
.p-copyright {
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.4rem;
  margin: 3.5rem 0 3.5rem 0;
  color: #555;
}

.p-small-grey {
  color: #555;
  font-size: 1.5rem;
  line-height: 2.2rem;
  margin: 1.5rem 0;
}

.p-copyright + .p-copyright {
  margin-top: -2rem;
}

.rtl p,
.p-rtl {
  direction: rtl;
}

p.back {
  margin-top: 3rem;
  padding-top: 1.3rem;
  border-top: 1px solid #D5D5D5;
}

.p-line-bottom {
  padding-bottom: 3.4rem;
  border-bottom: 1px solid #D5D5D5;
}

/* 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-60 {
  margin-top: 6rem !important;
}

.spacing-top-70 {
  margin-top: 7rem !important;
}

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

.spacing-top-90 {
  margin-top: 9rem !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;
}

.spacing-bottom-60 {
  margin-bottom: 6rem !important;
}

.spacing-bottom-70 {
  margin-bottom: 7rem !important;
}

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

.spacing-bottom-90 {
  margin-bottom: 9rem !important;
}

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

.footer {
  background-color: #354248;
}

.footer-block a,
.footer-block h2,
.footer-block p,
.footer-block li,
.footer-block strong {
  color: #FFF;
}

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

.footer-block-1 {
  background-color: #028DC5;
}

.footer-block-2 {
  padding: 35px 0;
  background-color: #405057;
}

@media (min-width: 62.5em) {
  .footer-block-2 > .inside {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
  }
}

.footer-block-3 > .inside {
  padding-top: 2rem;
  padding-bottom: 2.2rem;
}

@media (min-width: 62.5em) {
  .footer-block-3 > .inside {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

/* Footer: Rechtliches */
.footer-rechtliches {
  display: flex;
  justify-content: center;
}
@media (min-width: 62.5em) {
  .footer-rechtliches {
    width: calc(((27.0rem - 20px) / 2) + 20px);
    justify-content: flex-start;
    order: 0;
  }
}

.footer-rechtliches ul {
  margin: 0;
  display: flex;
}
@media (min-width: 62.5em) {
  .footer-rechtliches ul {
    display: block;
  }
}

.footer-rechtliches li {
  font-size: 1.4rem;
  line-height: 2.4rem;
  margin: 0 5px;
}
@media (min-width: 360px) {
  .footer-rechtliches li {
    margin: 0 10px;
  }
}
@media (min-width: 62.5em) {
  .footer-rechtliches li {
    margin: 0;
  }
}

.footer-rechtliches a {
  display: block;
  color: rgba(255, 255, 255, 0.8);
}

.footer-rechtliches a {
  text-decoration: none;
}
.footer-rechtliches a:hover, .footer-rechtliches a:focus, .footer-rechtliches a:active {
  text-decoration: underline;
}

/* Footer: Gefoerdert durch ... */
.footer-gefoerdert {
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: center;
  margin: 25px 0;
}
@media (min-width: 62.5em) {
  .footer-gefoerdert {
    margin: 0;
    order: 1;
  }
}

.footer-gefoerdert-txt {
  font-size: 1.2rem;
  line-height: 1.7rem;
  margin-right: 25px;
  color: rgba(255, 255, 255, 0.8);
}

.footer-gefoerdert-img {
  opacity: 0.9;
}

/* Foooter: dbv */
.footer-dbv {
  padding: 40px 0 10px 0;
  display: flex;
  justify-content: center;
  opacity: 0.85;
}
@media (min-width: 62.5em) {
  .footer-dbv {
    justify-content: flex-end;
    padding: 0;
    order: 2;
  }
}
.footer-dbv p {
  margin: 0;
}

.footer-newsletter {
  display: flex;
  align-items: center;
  max-width: 54rem;
  margin: 0 auto;
}
@media (min-width: 62.5em) {
  .footer-newsletter {
    max-width: 45rem;
    margin: 0 45px;
  }
}

.footer-newsletter h2 {
  position: absolute !important;
  top: -6000px !important;
  left: -6000px !important;
  height: 1px !important;
  width: 1px !important;
}

.footer-newsletter p {
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.5rem;
  margin: 0 0 1.4rem 0;
  text-align: center;
}
@media (min-width: 56.25em) {
  .footer-newsletter p {
    font-size: 1.7rem;
    line-height: 2.6rem;
  }
}

.footer-newsletter .formbody {
  display: flex;
  justify-content: space-between;
}

.formular-newsletter .text {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 2.3rem;
  flex: 1;
  margin-right: 4px;
  padding: 0.8rem 10px;
  color: #405057;
  background: #FFF;
}

.footer-newsletter input {
  padding: 0 10px;
  border-width: 0;
  border-radius: 4px;
}

.formular-newsletter .submit {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.3rem;
  width: 10rem;
  cursor: pointer;
  color: #FFF;
  background-color: #028DC5;
}

.formular-newsletter .submit:hover,
.formular-newsletter .submit:focus,
.formular-newsletter .submit:active {
  background-color: #DE007E;
}

.footer-logo {
  position: relative;
  left: 10px;
  display: block;
  overflow: hidden;
  width: 155px;
  height: 60px;
  margin: 0 auto;
}
@media (min-width: 62.5em) {
  .footer-logo {
    position: static;
    order: 1;
    width: 40%;
    margin: 0;
  }
}

.footer-logo #logo-bvn-bg {
  fill: #343434;
}

.footer-logo #logo-bvn-text-1 {
  fill: #FFF;
}

.footer-logo #logo-bvn-text-2 {
  position: absolute;
  display: none;
}

.footer-service {
  padding: 2.5rem 0 2rem 0;
}

@media (min-width: 600px) {
  .footer-service {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media (min-width: 1000px) {
  .footer-service {
    justify-content: flex-start;
    padding: 3rem 0 2.5rem 0;
  }
}
.footer-service h2 {
  width: 100%;
  text-align: center;
  font-size: 2rem;
  line-height: 2.8rem;
  margin: 0 0 1.8rem 0;
}

@media (min-width: 600px) {
  .footer-service h2 {
    font-size: 2.3rem;
  }
}
@media (min-width: 1000px) {
  .footer-service h2 {
    width: auto;
    text-align: left;
    margin: 0 30px 0 0;
  }
}
.footer-service p {
  display: flex;
  font-size: 1.8rem;
  line-height: 2.8rem;
  margin: 0;
}

@media (min-width: 400px) {
  .footer-service p {
    margin: 10px 0 0 0;
  }
}
@media (min-width: 600px) {
  .footer-service p {
    font-size: 1.9rem;
  }
}
@media (min-width: 600px) {
  .footer-service p {
    margin: 0 14px;
  }
}
@media (min-width: 1000px) {
  .footer-service p {
    font-size: 2.3rem;
    margin: 0 30px 0 0;
  }
}
@media (min-width: 400px) {
  .footer-service p:before {
    content: " ";
    display: inline-block;
    width: 3.8rem;
    height: 3.8rem;
    background-size: 3.8rem 3.8rem;
    background-repeat: no-repeat;
    margin: -5px 8px 0 0;
  }
}
.footer-service-phone:before {
  background-image: url(/files/system/images/global/icon-phone.svg);
}

.footer-service-e-mail:before {
  background-image: url(/files/system/images/global/icon-e-mail.svg);
}

.footer-service a {
  text-decoration: none;
}

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

.footer-sitemap {
  max-width: 50rem;
  margin: 15px auto 40px auto;
}
@media (min-width: 62.5em) {
  .footer-sitemap {
    max-width: 30rem;
    margin: 0;
  }
}

.footer-sitemap h2 {
  position: absolute !important;
  top: -6000px !important;
  left: -6000px !important;
  height: 1px !important;
  width: 1px !important;
}

.footer-sitemap ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  width: 27rem;
  min-height: 24rem;
}
.footer-sitemap ul li {
  margin: 0;
}
.footer-sitemap ul a {
  text-decoration: none;
}

.footer-sitemap li {
  font-size: 1.6rem;
  line-height: 4rem;
  position: absolute;
  width: calc((100% - 20px) / 2);
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}

.footer-sitemap li:nth-child(1),
.footer-sitemap li:nth-child(2),
.footer-sitemap li:nth-child(3),
.footer-sitemap li:nth-child(4),
.footer-sitemap li:nth-child(5),
.footer-sitemap li:nth-child(6) {
  left: 0;
}

.footer-sitemap li:nth-child(7),
.footer-sitemap li:nth-child(8),
.footer-sitemap li:nth-child(9),
.footer-sitemap li:nth-child(10),
.footer-sitemap li:nth-child(11),
.footer-sitemap li:nth-child(12) {
  left: calc(((100% - 20px) / 2) + 20px);
}

.footer-sitemap li:nth-child(1),
.footer-sitemap li:nth-child(7) {
  top: 0;
  border-top: 0;
}

.footer-sitemap li:nth-child(2),
.footer-sitemap li:nth-child(8) {
  top: 4rem;
}

.footer-sitemap li:nth-child(3),
.footer-sitemap li:nth-child(9) {
  top: 8rem;
}

.footer-sitemap li:nth-child(4),
.footer-sitemap li:nth-child(10) {
  top: 12rem;
}

.footer-sitemap li:nth-child(5),
.footer-sitemap li:nth-child(11) {
  top: 16rem;
}

.footer-sitemap li:nth-child(6),
.footer-sitemap li:nth-child(12) {
  top: 20rem;
}

.footer-sitemap a,
.footer-sitemap strong {
  font-weight: 300;
  display: block;
  box-sizing: border-box;
  height: 4rem;
}

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

.footer-sitemap strong {
  font-weight: 300;
}

.footer-social-app {
  padding: 60px 0 20px 0;
}
@media (min-width: 62.5em) {
  .footer-social-app {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: 30rem;
    padding: 8px 0;
  }
}

.footer-social h2 {
  position: absolute !important;
  top: -6000px !important;
  left: -6000px !important;
  height: 1px !important;
  width: 1px !important;
}

.footer-social-app ul {
  display: flex;
  justify-content: center;
  margin: 0;
  list-style: none;
}
@media (min-width: 62.5em) {
  .footer-social-app ul {
    justify-content: flex-end;
  }
}

.footer-social-app li {
  margin: 0 0 0 3px;
}

.footer-app {
  text-align: center;
}
@media (min-width: 62.5em) {
  .footer-app {
    text-align: right;
  }
}

.footer-app h2 {
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 2rem;
  display: inline-block;
  width: 14rem;
  margin: 50px 0 0 0;
  text-align: center;
}
@media (min-width: 62.5em) {
  .footer-app h2 {
    margin: 20px 0 0 0;
    text-align: right;
  }
}

.footer-app p {
  margin: 5px 0 0 0;
  text-align: center;
}
@media (min-width: 62.5em) {
  .footer-app p {
    text-align: right;
  }
}

/**
 * Swiper 6.7.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 31, 2021
 */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-container-pointer-events {
  touch-action: pan-y;
}

.swiper-container-pointer-events.swiper-container-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}

.swiper-button-lock {
  display: none;
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
  display: none;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-container-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Print */
@media print {
  /* Print: Ausblenden */
  .no-print,
.header,
.footer,
.navbar-submenu,
.box.ce_youtube,
.search-results-media-type-image,
.search-results-actions-button svg,
.bar-print-mail,
.offscreen,
.account-loans .box-info .widget-submit,
.form-help,
.box.box-info:before,
.box.box-info:after,
.box.box-error:before,
.box.box-error:after,
.box.box-success:before,
.box.box-success:after,
.filter-group.filter-group-catalogue,
.pagination,
.reservations-image,
.leiste.checkboxes,
.leiste.sortieren form,
.leiste.sortieren img,
.social,
.controls,
.medienliste-mini img,
.startseite .slider.gross,
.startseite .quicklinks-standorte,
.startseite .kalender,
.schon-gewusst img,
.termine-teaser img,
.blog img,
.box-mehr-link,
.slider img,
.box.termintipp img,
.box.termintipp p .pfeil,
.medienliste.konto .medium-pic br,
.kontodaten a,
.aktion {
    display: none;
  }

  /* Print: General */
  body * {
    color: #000;
  }

  h1 {
    font-size: 20pt;
    margin: 20pt 0 8pt 0;
    max-width: 100% !important;
  }

  h2 {
    font-size: 16pt;
    margin: 20pt 0 8pt 0;
  }

  h3 {
    font-size: 13pt;
    line-height: 1.4;
    margin: 20pt 0 8pt 0;
  }

  p {
    margin: 8pt 0;
  }

  a {
    color: #000 !important;
  }

  ul {
    margin: 8pt 0;
  }

  li {
    margin: 8pt 0;
  }

  li h2,
li h3,
li h4,
li h5,
li h6,
li p {
    margin: 0;
  }

  /* Print: Breadcrumb */
  #breadcrumb p {
    margin: 0;
  }

  /* Print: Links */
  #breadcrumb a,
.box h4 a,
.medienliste a,
.verfuegbarkeit a,
.termine-teaser a,
.blog a,
.medienliste-mini a,
.box.schon-gewusst h3 a {
    text-decoration: none;
  }

  /* Print: Boxen */
  .box,
.box.box-info,
.box.box-success,
.box.box-error,
.box.box-grey,
.box.box-blue {
    margin: 20pt 0;
    padding: 10pt;
    border: 1px dotted #000;
    background-color: transparent;
  }

  .box p:first-child {
    margin-top: 0;
  }

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

  .box h2 {
    margin-top: 0;
  }

  /* Konto: Entliehene Medien */
  .account-loans .box.box-info p {
    margin-bottom: 0;
  }

  .account-loans .loans-details-item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    justify-items: center;
    line-height: 2.2rem;
  }

  .search-results-title {
    margin: 0;
  }

  .search-results-details {
    margin-top: 0;
    margin-bottom: 0;
  }

  /* Konto: Vormerkungen */
  .reservations-list {
    margin-bottom: 0;
  }

  .reservations-media-type-text {
    left: 0;
  }

  .reservations-text {
    padding-left: 0;
  }

  /* Medienliste Konto */
  .search-results-media-type-text {
    padding: 0;
  }

  .medienliste.konto .autor {
    font-style: italic;
  }

  /* Medium Detail */
  .medium h1 {
    font-size: 16pt;
  }

  .verfuegbarkeit {
    font-weight: normal;
    margin-left: 10pt;
  }

  .bestand h3 {
    font-size: 12pt;
    margin: 0;
  }

  /* Pagination */
  .leiste .pagination,
.leiste .anzahl-treffer {
    float: right;
    margin: 0;
    padding-bottom: 5pt;
  }

  .leiste .anzahl-treffer {
    float: left;
  }

  .leiste.sortieren.pagination {
    overflow: auto;
    border-bottom: 1px dotted #000;
  }
}