@charset "UTF-8";
* {
  box-sizing: border-box;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, hr,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, menu, nav, section, img {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

a {
  color: inherit;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

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

button:focus {
  border: none;
}

a:focus-visible, button:focus-visible, input:focus-visible {
  outline: 2px solid #0046aa;
  outline-offset: 4px;
}

/*
  Notice: Include only what is needed. Comment out the rest.
*/
@font-face {
  font-family: "Charite Headline";
  src: url("../fonts/ChariteHeadline_web/ChariteHeadline-Regular.woff2") format("woff2"), url("../fonts/ChariteHeadline_web/ChariteHeadline-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Charite Headline";
  src: url("../fonts/ChariteHeadline_web/ChariteHeadline-Italic.woff2") format("woff2"), url("../fonts/ChariteHeadline_web/ChariteHeadline-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Charite Headline";
  src: url("../fonts/ChariteHeadline_web/ChariteHeadline-Medium.woff2") format("woff2"), url("../fonts/ChariteHeadline_web/ChariteHeadline-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Charite Headline";
  src: url("../fonts/ChariteHeadline_web/ChariteHeadline-MediumItalic.woff2") format("woff2"), url("../fonts/ChariteHeadline_web/ChariteHeadline-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Charite Headline";
  src: url("../fonts/ChariteHeadline_web/ChariteHeadline-Bold.woff2") format("woff2"), url("../fonts/ChariteHeadline_web/ChariteHeadline-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Charite Headline";
  src: url("../fonts/ChariteHeadline_web/ChariteHeadline-BoldItalic.woff2") format("woff2"), url("../fonts/ChariteHeadline_web/ChariteHeadline-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Charite Headline Book";
  src: url("../fonts/ChariteHeadline_web/ChariteHeadline-Book.woff2") format("woff2"), url("../fonts/ChariteHeadline_web/ChariteHeadline-Book.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Charite Headline Book";
  src: url("../fonts/ChariteHeadline_web/ChariteHeadline-BookItalic.woff2") format("woff2"), url("../fonts/ChariteHeadline_web/ChariteHeadline-BookItalic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Charite Text";
  src: url("../fonts/ChariteText_web/ChariteText-Light.woff2") format("woff2"), url("../fonts/ChariteText_web/ChariteText-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Charite Text";
  src: url("../fonts/ChariteText_web/ChariteText-LightItalic.woff2") format("woff2"), url("../fonts/ChariteText_web/ChariteText-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Charite Text";
  src: url("../fonts/ChariteText_web/ChariteText-Regular.woff2") format("woff2"), url("../fonts/ChariteText_web/ChariteText-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Charite Text";
  src: url("../fonts/ChariteText_web/ChariteText-Italic.woff2") format("woff2"), url("../fonts/ChariteText_web/ChariteText-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Charite Text";
  src: url("../fonts/ChariteText_web/ChariteText-Bold.woff2") format("woff2"), url("../fonts/ChariteText_web/ChariteText-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Charite Text";
  src: url("../fonts/ChariteText_web/ChariteText-BoldItalic.woff2") format("woff2"), url("../fonts/ChariteText_web/ChariteText-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Charite Text Book";
  src: url("../fonts/ChariteText_web/ChariteText-BookItalic.woff2") format("woff2"), url("../fonts/ChariteText_web/ChariteText-BookItalic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Charite Text Book";
  src: url("../fonts/ChariteText_web/ChariteText-Book.woff2") format("woff2"), url("../fonts/ChariteText_web/ChariteText-Book.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?spmrar");
  src: url("../fonts/icomoon.eot?spmrar#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?spmrar") format("truetype"), url("../fonts/icomoon.woff?spmrar") format("woff"), url("../fonts/icomoon.svg?spmrar#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
[class^=icon-],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-Arrow-right-big:before {
  content: "\e910";
}

.icon-Arrow-right:before {
  content: "\e900";
}

.icon-checkbox:before {
  content: "\e901";
}

.icon-Close:before {
  content: "\e902";
}

.icon-Plus:before {
  content: "\e903";
}

.icon-Dropdown:before {
  content: "\e904";
}

.icon-extern:before {
  content: "\e905";
}

.icon-Search:before {
  content: "\e906";
}

.icon-Share:before {
  content: "\e907";
}

.icon-Pin:before {
  content: "\e908";
}

.icon-Pin-filled:before {
  content: "\e909";
}

.icon-link:before {
  content: "\e90a";
}

.icon-Flex:before {
  content: "";
  background-image: url("../icon/CHA_64px_flex.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.white.icon-Flex:before {
  background-image: url("../icon/white/CHA_64px_flex.svg");
}

.icon-Winner:before {
  content: "";
  background-image: url("../icon/CHA_64px_trophy.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.white.icon-Winner:before {
  background-image: url("../icon/white/CHA_64px_trophy.svg");
}

.icon-multi:before {
  content: "";
  background-image: url("../icon/CHA_64px_trophy.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.white.icon-multi:before {
  background-image: url("../icon/white/CHA_64px_trophy.svg");
}

.icon-Smart:before {
  content: "";
  background-image: url("../icon/CHA_64px_logic.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.white.icon-Smart:before {
  background-image: url("../icon/white/CHA_64px_logic.svg");
}

.icon-Sun:before {
  content: "";
  background-image: url("../icon/CHA_64px_sun.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.white.icon-Sun:before {
  background-image: url("../icon/white/CHA_64px_sun.svg");
}

.icon-Arrow-up:before {
  content: "\e911";
}

.icon-team:before {
  content: "";
  background-image: url("../icon/CHA_64px_team.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.white.icon-team:before {
  background-image: url("../icon/white/CHA_64px_team.svg");
}

.icon-security:before {
  content: "";
  background-image: url("../icon/CHA_64px_security.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.white.icon-security:before {
  background-image: url("../icon/white/CHA_64px_security.svg");
}

.icon-rent:before {
  content: "";
  background-image: url("../icon/CHA_64px_mortgage.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.white.icon-rent:before {
  background-image: url("../icon/white/CHA_64px_mortgage.svg");
}

.icon-focus:before {
  content: "";
  background-image: url("../icon/CHA_64px_focus.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.white.icon-focus:before {
  background-image: url("../icon/white/CHA_64px_focus.svg");
}

.icon-City:before {
  content: "";
  background-image: url("../icon/CHA_64px_city.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.white.icon-City:before {
  background-image: url("../icon/white/CHA_64px_city.svg");
}

.icon-care:before {
  content: "";
  background-image: url("../icon/CHA_64px_hospital-bed.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.white.icon-care:before {
  background-image: url("../icon/white/CHA_64px_hospital-bed.svg");
}

.icon-Benefit:before {
  content: "";
  background-image: url("../icon/CHA_64px_smile.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.white.icon-Benefit:before {
  background-image: url("../icon/white/CHA_64px_smile.svg");
}

.icon-development:before {
  content: "";
  background-image: url("../icon/CHA_64px_trophy.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.white.icon-development:before {
  background-image: url("../icon/white/CHA_64px_trophy.svg");
}

.icon-Money:before {
  content: "";
  background-image: url("../icon/CHA_64px_money.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.white.icon-Money:before {
  background-image: url("../icon/white/CHA_64px_money.svg");
}

.icon-exchange:before {
  content: "";
  background-image: url("../icon/CHA_64px_exchange.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.white.icon-exchange:before {
  background-image: url("../icon/white/CHA_64px_exchange.svg");
}

.icon-research:before {
  content: "";
  background-image: url("../icon/CHA_64px_system.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.white.icon-research:before {
  background-image: url("../icon/white/CHA_64px_system.svg");
}

.icon-self-employ:before {
  content: "";
  background-image: url("../icon/CHA_64px_self-employ.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.white.icon-self-employ:before {
  background-image: url("../icon/white/CHA_64px_self-employ.svg");
}

/* neu */
.icon-berlin:before {
  content: "";
  background-image: url("../icon/CHA_Icons_100_berlin.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.white.icon-berlin:before {
  background-image: url("../icon/white/CHA_Icons_100_berlin.svg");
}

.icon-best:before {
  content: "";
  background-image: url("../icon/CHA_Icons_100_best.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.white.icon-best:before {
  background-image: url("../icon/white/CHA_Icons_100_best.svg");
}

.icon-bulb:before {
  content: "";
  background-image: url("../icon/CHA_Icons_100_bulb.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.white.icon-bulb:before {
  background-image: url("../icon/white/CHA_Icons_100_bulb.svg");
}

.icon-chep:before {
  content: "";
  background-image: url("../icon/CHA_Icons_100_chep.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.white.icon-chep:before {
  background-image: url("../icon/white/CHA_Icons_100_chep.svg");
}

.icon-circle:before {
  content: "";
  background-image: url("../icon/CHA_Icons_100_circle.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.white.icon-circle:before {
  background-image: url("../icon/white/CHA_Icons_100_circle.svg");
}

.icon-conditions:before {
  content: "";
  background-image: url("../icon/CHA_Icons_100_conditions.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.white.icon-conditions:before {
  background-image: url("../icon/white/CHA_Icons_100_conditions.svg");
}

.icon-development:before {
  content: "";
  background-image: url("../icon/CHA_Icons_100_development.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.white.icon-development:before {
  background-image: url("../icon/white/CHA_Icons_100_development.svg");
}

.icon-expand:before {
  content: "";
  background-image: url("../icon/CHA_Icons_100_expand.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.white.icon-expand:before {
  background-image: url("../icon/white/CHA_Icons_100_expand.svg");
}

.icon-family:before {
  content: "";
  background-image: url("../icon/CHA_Icons_100_family.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.white.icon-family:before {
  background-image: url("../icon/white/CHA_Icons_100_family.svg");
}

.icon-freedom:before {
  content: "";
  background-image: url("../icon/CHA_Icons_100_freedom.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.white.icon-freedom:before {
  background-image: url("../icon/white/CHA_Icons_100_freedom.svg");
}

.icon-modern:before {
  content: "";
  background-image: url("../icon/CHA_Icons_100_modern.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.icon-modern:before {
  background-image: url("../icon/white/CHA_Icons_100_modern.svg");
}

.icon-possibilities:before {
  content: "";
  background-image: url("../icon/CHA_Icons_100_possibilities.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.white.icon-possibilities:before {
  background-image: url("../icon/white/CHA_Icons_100_possibilities.svg");
}

.icon-rent:before {
  content: "";
  background-image: url("../icon/CHA_Icons_100_rent.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.white.icon-rent:before {
  background-image: url("../icon/white/CHA_Icons_100_rent.svg");
}

.icon-security:before {
  content: "";
  background-image: url("../icon/CHA_Icons_100_security.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.white.icon-security:before {
  background-image: url("../icon/white/CHA_Icons_100_security.svg");
}

.icon-smart:before {
  content: "";
  background-image: url("../icon/CHA_Icons_100_smart.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.white.icon-smart:before {
  background-image: url("../icon/white/CHA_Icons_100_smart.svg");
}

.icon-sport:before {
  content: "";
  background-image: url("../icon/CHA_Icons_100_sport.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.white.icon-sport:before {
  background-image: url("../icon/white/CHA_Icons_100_sport.svg");
}

.icon-sun:before {
  content: "";
  background-image: url("../icon/CHA_Icons_100_sun.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.white.icon-sun:before {
  background-image: url("../icon/white/CHA_Icons_100_sun.svg");
}

.icon-team:before {
  content: "";
  background-image: url("../icon/CHA_Icons_100_team.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.white.icon-team:before {
  background-image: url("../icon/white/CHA_Icons_100_team.svg");
}

.icon-technology:before {
  content: "";
  background-image: url("../icon/CHA_Icons_100_technology.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.white.icon-technology:before {
  background-image: url("../icon/white/CHA_Icons_100_technology.svg");
}

.icon-together:before {
  content: "";
  background-image: url("../icon/CHA_Icons_100_together.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.white.icon-together:before {
  background-image: url("../icon/white/CHA_Icons_100_together.svg");
}

.icon-variety:before {
  content: "";
  background-image: url("../icon/CHA_Icons_100_variety.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.white.icon-variety:before {
  background-image: url("../icon/white/CHA_Icons_100_variety.svg");
}

.icon-world:before {
  content: "";
  background-image: url("../icon/CHA_Icons_100_world.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.white.icon-world:before {
  background-image: url("../icon/white/CHA_Icons_100_world.svg");
}

.icon-first:before {
  content: "";
  background-image: url("../icon/XL-Icons-100-1.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.icon-second:before {
  content: "";
  background-image: url("../icon/XL-Icons-100-2.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.icon-third:before {
  content: "";
  background-image: url("../icon/XL-Icons-100-3.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.icon-together-new:before {
  content: "";
  background-image: url("../icon/Charite-Icon_Zusammen_1200x1200_SW.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.icon-virtualtour:before {
  content: "";
  background-image: url("../icon/Charite-Icon_VirtuellerRundgang_1200x1200_SW.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.icon-strategy:before {
  content: "";
  background-image: url("../icon/Charite-Icon_Strategie_1200x1200_SW.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.icon-location:before {
  content: "";
  background-image: url("../icon/Charite-Icon_Standort_1200x1200_SW.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.icon-respect:before {
  content: "";
  background-image: url("../icon/Charite-Icon_Respekt_1200x1200_SW.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.icon-podcast:before {
  content: "";
  background-image: url("../icon/Charite-Icon_Podcast_1200x1200_SW.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.icon-openness:before {
  content: "";
  background-image: url("../icon/Charite-Icon_Offenheit_1200x1200_SW.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.icon-magazine:before {
  content: "";
  background-image: url("../icon/Charite-Icon_Karrieremagazin_1200x1200_SW.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.icon-jobs:before {
  content: "";
  background-image: url("../icon/Charite-Icon_Jobs&Karriere_1200x1200_SW.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.icon-faq:before {
  content: "";
  background-image: url("../icon/Charite-Icon_FAQ_1200x1200_SW.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.icon-courage:before {
  content: "";
  background-image: url("../icon/Charite-Icon_Courage_1200x1200_SW.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.icon-benefits:before {
  content: "";
  background-image: url("../icon/Charite-Icon_Benefits_1200x1200_SW.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.icon-training:before {
  content: "";
  background-image: url("../icon/Charite-Icon_Ausbildung_1200x1200_SW.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.icon-work:before {
  content: "";
  background-image: url("../icon/Charite-Icon_Arbeit_1200x1200_SW.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.icon-everyday:before {
  content: "";
  background-image: url("../icon/Charite-Icon_Alltag_1200x1200_SW.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

.white.icon-together-new:before {
  background-image: url("../icon/white/Charite-Icon_Zusammen_1200x1200.svg");
}

.white.icon-virtualtour:before {
  background-image: url("../icon/white/Charite-Icon_VirtuellerRundgang_1200x1200.svg");
}

.white.icon-strategy:before {
  background-image: url("../icon/white/Charite-Icon_Strategie_1200x1200.svg");
}

.white.icon-location:before {
  background-image: url("../icon/white/Charite-Icon_Standort_1200x1200.svg");
}

.white.icon-respect:before {
  background-image: url("../icon/white/Charite-Icon_Respekt_1200x1200.svg");
}

.white.icon-podcast:before {
  background-image: url("../icon/white/Charite-Icon_Podcast_1200x1200.svg");
}

.white.icon-openness:before {
  background-image: url("../icon/white/Charite-Icon_Offenheit_1200x1200.svg");
}

.white.icon-magazine:before {
  background-image: url("../icon/white/Charite-Icon_Karrieremagazin_1200x1200.svg");
}

.white.icon-jobs:before {
  background-image: url("../icon/white/Charite-Icon_Jobs&Karriere_1200x1200.svg");
}

.white.icon-faq:before {
  background-image: url("../icon/white/Charite-Icon_FAQ_1200x1200.svg");
}

.white.icon-courage:before {
  background-image: url("../icon/white/Charite-Icon_Courage_1200x1200.svg");
}

.white.icon-benefits:before {
  background-image: url("../icon/white/Charite-Icon_Benefits_1200x1200.svg");
}

.white.icon-training:before {
  background-image: url("../icon/white/Charite-Icon_Ausbildung_1200x1200.svg");
}

.white.icon-work:before {
  background-image: url("../icon/white/Charite-Icon_Arbeit_1200x1200.svg");
}

.white.icon-everyday:before {
  background-image: url("../icon/white/Charite-Icon_Alltag_1200x1200.svg");
}

.jssocials-shares {
  margin: 0.2em 0;
}

.jssocials-shares * {
  box-sizing: border-box;
}

.jssocials-share {
  display: inline-block;
  vertical-align: top;
  margin: 0.3em 0.6em 0.3em 0;
}

.jssocials-share:last-child {
  margin-right: 0;
}

.jssocials-share-logo {
  width: 1em;
  vertical-align: middle;
  font-size: 1.5em;
}

img.jssocials-share-logo {
  width: auto;
  height: 1em;
}

.jssocials-share-link {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  line-height: 1;
}

.jssocials-share-link.jssocials-share-link-count {
  padding-top: 0.2em;
}

.jssocials-share-link.jssocials-share-link-count .jssocials-share-count {
  display: block;
  font-size: 0.6em;
  margin: 0 -0.5em -0.8em -0.5em;
}

.jssocials-share-link.jssocials-share-no-count {
  padding-top: 0.5em;
}

.jssocials-share-link.jssocials-share-no-count .jssocials-share-count {
  height: 1em;
}

.jssocials-share-label {
  padding-left: 0.3em;
  vertical-align: middle;
}

.jssocials-share-count-box {
  display: inline-block;
  height: 1.5em;
  padding: 0 0.3em;
  line-height: 1;
  vertical-align: middle;
  cursor: default;
}

.jssocials-share-count-box.jssocials-share-no-count {
  display: none;
}

.jssocials-share-count {
  line-height: 1.5em;
  vertical-align: middle;
}

.jssocials-share-link {
  padding: 0.5em 0.6em;
  border-radius: 0.3em;
  border: 2px solid #acacac;
  color: #acacac;
  -webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out, border-color 200ms ease-in-out;
  transition: background 200ms ease-in-out, color 200ms ease-in-out, border-color 200ms ease-in-out;
}

.jssocials-share-link:hover,
.jssocials-share-link:focus,
.jssocials-share-link:active {
  border: 2px solid #939393;
  color: #939393;
}

.jssocials-share-count-box {
  position: relative;
  height: 2.5em;
  padding: 0 0.3em;
  margin-left: 0.4em;
  background: #f5f5f5;
  border-radius: 0.3em;
  -webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out, border-color 200ms ease-in-out;
  transition: background 200ms ease-in-out, color 200ms ease-in-out, border-color 200ms ease-in-out;
}

.jssocials-share-count-box:hover {
  background: #e8e8e8;
}

.jssocials-share-count-box:hover:after {
  border-color: transparent #e8e8e8 transparent transparent;
}

.jssocials-share-count-box:after {
  content: "";
  display: block;
  position: absolute;
  top: 0.75em;
  left: -0.4em;
  width: 0;
  height: 0;
  border-width: 0.5em 0.5em 0.5em 0;
  border-style: solid;
  border-color: transparent #f5f5f5 transparent transparent;
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out, border-color 200ms ease-in-out;
  transition: background 200ms ease-in-out, color 200ms ease-in-out, border-color 200ms ease-in-out;
}

.jssocials-share-count-box .jssocials-share-count {
  line-height: 2.5em;
  color: #acacac;
}

/*
 *    Breakpoints
 */
.padding-no {
  padding: 0 !important;
}

.padding-content {
  padding-left: 60px;
  padding-right: 60px;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.spacing-content-small {
  padding: 40px !important;
}

.margin-bottom-layout {
  margin-bottom: 20px;
}

.spacer-10 {
  height: 10px;
}

.spacer-20 {
  height: 20px;
}

.spacer-30 {
  height: 30px;
}

.spacer-40 {
  height: 40px;
}

.spacer-60 {
  height: 60px;
}

.spacer-80 {
  height: 80px;
}

.spacer-100 {
  height: 100px;
}

.spacer-120 {
  height: 120px;
}

@media only screen and (max-width: 1169px) {
  .padding-content {
    padding-left: 50.4px;
    padding-right: 50.4px;
  }
  .padding-bottom-40 {
    padding-bottom: 35.2px !important;
  }
  .spacing-content-small {
    padding: 35.2px !important;
  }
  .margin-bottom-layout {
    margin-bottom: 15.2px;
  }
  .spacer-10 {
    height: 10px;
  }
  .spacer-20 {
    height: 15.2px;
  }
  .spacer-30 {
    height: 25.2px;
  }
  .spacer-40 {
    height: 35.2px;
  }
  .spacer-60 {
    height: 50.4px;
  }
  .spacer-80 {
    height: 70.4px;
  }
  .spacer-100 {
    height: 90.4px;
  }
  .spacer-120 {
    height: 110.4px;
  }
}
@media only screen and (max-width: 830px) {
  .padding-content {
    padding-left: 44.6px;
    padding-right: 44.6px;
  }
  .padding-bottom-40 {
    padding-bottom: 32.3px !important;
  }
  .spacing-content-small {
    padding: 32.3px !important;
  }
  .margin-bottom-layout {
    margin-bottom: 12.3px;
  }
  .spacer-10 {
    height: 10px;
  }
  .spacer-20 {
    height: 12.3px;
  }
  .spacer-30 {
    height: 22.3px;
  }
  .spacer-40 {
    height: 32.3px;
  }
  .spacer-60 {
    height: 44.6px;
  }
  .spacer-80 {
    height: 64.6px;
  }
  .spacer-100 {
    height: 84.6px;
  }
  .spacer-120 {
    height: 104.6px;
  }
}
@media only screen and (max-width: 567px) {
  .padding-content {
    padding-left: 20px;
    padding-right: 20px;
  }
  .padding-bottom-40 {
    padding-bottom: 30px !important;
  }
  .spacing-content-small {
    padding: 30px !important;
  }
  .margin-bottom-layout {
    margin-bottom: 10px;
  }
  .spacer-10 {
    height: 10px;
  }
  .spacer-20 {
    height: 10px;
  }
  .spacer-30 {
    height: 30px;
  }
  .spacer-40 {
    height: 30px;
  }
  .spacer-60 {
    height: 40px;
  }
  .spacer-80 {
    height: 60px;
  }
  .spacer-100 {
    height: 80px;
  }
  .spacer-120 {
    height: 80px;
  }
}
.padding-top-0 {
  padding-top: 0 !important;
}

.padding-bottom-0 {
  padding-bottom: 0 !important;
}

/*
 *    grid
 */
.row:after {
  display: block;
  clear: both;
  content: "";
}

.clearfix:after {
  display: block;
  clear: both;
  content: "";
}

[class*=col-] {
  position: relative;
  float: left;
  margin-right: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
[class*=col-]:last-child {
  margin-right: 0;
}

[class*=col-4]:nth-child(3n) {
  margin-right: 0;
}

[class*=col-6]:nth-child(even) {
  margin-right: 0;
}

/*
 *    Columns
 */
.col-1 {
  width: 8.333%;
}

.col-2 {
  width: 16.666%;
}

.col-3 {
  width: 25%;
}

.col-4 {
  width: 33.333%;
}

.col-5 {
  width: 41.666%;
}

.col-6 {
  width: 50%;
}

.col-7 {
  width: 58.333%;
}

.col-8 {
  width: 66.666%;
}

.col-9 {
  width: 75%;
}

.col-10 {
  width: 83.333%;
}

.col-11 {
  width: 91.666%;
}

.col-12 {
  width: 100%;
}

/*
 *    Colors
 */
.c-black {
  color: #000000;
}

.bg-black {
  background-color: #000000;
}

.c-white {
  color: #fff;
}

.bg-white {
  background-color: #fff;
}

.c-brand {
  color: #0046aa;
}

.bg-brand {
  background-color: #0046aa;
}

.c-ui-primary {
  color: #ccefcb;
}

.bg-ui-primary {
  background-color: #ccefcb;
}

.c-ui-secondary {
  color: #002898;
}

.bg-ui-secondary {
  background-color: #002898;
}

.c-system {
  color: #b00020;
}

.bg-system {
  background-color: #b00020;
}

.c-base-grey {
  color: #878787;
}

.bg-base-grey {
  background-color: #878787;
}

.c-base-grey-light {
  color: #dadcde;
}

.bg-base-grey-light {
  background-color: #dadcde;
}

.c-base-offwhite {
  color: #f0f1f2;
}

.bg-base-offwhite {
  background-color: #f0f1f2;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.f-none {
  float: none;
}

.border-20 {
  border-radius: 20px;
}

/*
 *  Animation
 */
.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom; /* direct pointer events to js */
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto;
}

.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}

.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto;
}

/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
  margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
} /* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
} /* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 6px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
} /* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
} /* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px; /* minimum dragger height */
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 6px;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  background: #000000;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px; /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px; /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
} /* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
} /* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px; /* minimum dragger width */
  height: 100%;
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px; /* auto-expanded scrollbar */
  margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px; /* auto-expanded scrollbar */
  margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0; /* non-visible scrollbar */
  margin-left: 0;
}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

/*
  Notice: When using charite fonts, inlude first
  font-faces that are needed in _fonts-charite.scss
*/
h1,
.h1,
.heading-l {
  font-family: "Charite Headline", Arial, sans-serif;
  font-size: 2.75rem;
  line-height: 0.94;
  margin-bottom: 0;
}

h2,
.h2,
.heading-l {
  font-family: "Charite Headline", Arial, sans-serif;
  font-size: 2.75rem;
  line-height: 0.94;
  margin-bottom: 0;
}

h3,
.h3,
.heading-m {
  font-family: "Charite Headline", Arial, sans-serif;
  font-size: 2.25rem;
  line-height: 1;
  margin-bottom: 0;
}

.heading-m,
.heading-l,
.heading-m-teaser {
  font-weight: 500;
}

.heading-m-teaser {
  font-family: "Charite Headline", Arial, sans-serif;
  font-size: 1.375rem;
  line-height: 0.96;
  margin-bottom: 0;
}

h4,
.h4,
.heading-s {
  font-family: "Charite Text", Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 1.16;
  margin-bottom: 20px;
}

h5,
.h5 {
  position: relative;
  font-family: "Charite Text", Arial, sans-serif;
  font-size: 0.8333rem;
  line-height: 150%;
  margin-bottom: 0;
}

.heading-faq {
  font-family: "Charite Text", Arial, sans-serif;
  font-size: 1.375rem;
  line-height: 1.2;
  margin-right: 52px;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5,
.heading-l, .heading-m, .heading-m-teaser, .heading-s {
  position: relative;
  hyphens: auto;
}

p,
.p {
  font-family: "Charite Text Book", Arial, sans-serif;
  font-size: 1.125rem;
  line-height: 1.25;
  margin-bottom: 20px;
}

a, a.button.cta-main {
  position: relative;
  text-decoration: none;
  background-image: linear-gradient(#000000, #000000);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 2px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  transition: all 0.2s ease-in;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  display: inline;
}
a:after, a.button.cta-main:after {
  position: absolute;
  bottom: -5px;
  right: 0;
  width: 100%;
  height: 2px;
  content: "";
  background-color: #000000;
  transition: all 0.2s ease-in;
  display: none;
}
a:hover, a.button.cta-main:hover {
  text-decoration: none;
  background-size: 0 2px;
  transition: all 0.2s ease-in;
}
a:hover::after, a.button.cta-main:hover::after {
  width: 0;
  transition: all 0.2s ease-in;
}
a.big.link-extern:after, a.button.cta-main.big.link-extern:after {
  content: none;
}
a.link-extern, a.button.cta-main.link-extern {
  display: inline;
  padding-bottom: 10px;
}
a.link-extern:after, a.button.cta-main.link-extern:after {
  content: "";
  position: relative;
  right: 0;
  top: 3px;
  width: 26px;
  height: 26px;
  margin-left: 5px;
  display: inline-block;
  background-image: url("../img/CHA_Icon_Link-extern.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  transition: all 0.2s ease-in;
}
a.link-extern:hover::before, a.button.cta-main.link-extern:hover::before {
  margin-left: 3px;
  transform: rotate(45deg);
  transition: all 0.2s ease-in;
}
a.link-extern:hover::after, a.button.cta-main.link-extern:hover::after {
  width: 0%;
  display: none;
}
a.offer-teaser, a.button.cta-main.offer-teaser {
  background-image: none;
}

a.button.cta-main {
  display: inline-block;
  padding-left: 50px;
  line-height: 1.5rem;
}

.text a {
  font-family: "Charite Text Book", Arial, sans-serif;
}

a.link-extern:not(.button.cta-med) {
  align-items: center;
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0% 85%;
  background-repeat: no-repeat;
  background-size: 100% 2px;
  padding-right: 0;
  transition: all 0.2s ease-in;
}
a.link-extern:not(.button.cta-med)::after {
  position: relative;
  right: 0;
  top: 3px;
  margin-left: 16px;
  width: 20px;
  height: 20px;
  content: "";
  display: inline-block;
  background-image: url("../img/CHA_Icon_Link-extern.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  transition: all 0.2s ease-in;
  background-color: transparent;
}
a.link-extern:not(.button.cta-med):hover {
  background-size: 0% 2px;
  transition: all 0.2s ease-in;
}
a.link-extern:not(.button.cta-med):hover::after {
  margin-left: 16px;
  transform: rotate(45deg);
  transition: all 0.2s ease-in;
}

a.button.cta-icon, a.button.cta-to-top {
  background-image: none;
}

.c-ui-secondary a, .c-ui-secondary a.button.cta-main {
  background-image: linear-gradient(#002898, #002898);
}

.bg-ui-secondary a.link-extern:not(.button.cta-med):after {
  background-image: url("../img/CHA_Icon_Link-extern-white.svg");
}

.pagination a {
  background-image: none;
}

.link-extern {
  word-wrap: anywhere;
}

em {
  font-style: italic;
}

.p.f-bold {
  font-family: "Charite Text", Arial, sans-serif;
}

.c-white p a::after,
.c-white .text a::after {
  background-color: #fff;
}

.c-white a, .c-white a.button.cta-main {
  background-image: linear-gradient(#fff, #fff);
}

.f-info {
  font-family: "Charite Text", Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.2;
  margin-bottom: 40px;
}

button {
  font-family: "Charite Text", Arial, sans-serif;
  line-height: 1;
}
button .size-m {
  font-size: 1.5rem;
}
button .size-s {
  font-size: 1.125rem;
}

input {
  font-family: "Charite Text", Arial, sans-serif;
  font-size: 1.125rem;
  line-height: 1;
}

strong {
  font-family: "Charite Text", Arial, sans-serif;
  font-weight: bold;
}

.f-text-book {
  font-family: "Charite Text Book", Arial, sans-serif;
}

.f-light {
  font-weight: 300;
}

.f-regular {
  font-weight: normal;
}

.f-medium {
  font-weight: 500;
}

.f-bold {
  font-weight: bold;
}

.f-italic {
  font-style: italic;
}

.f-underline {
  text-decoration: underline;
}

.f-no-underline {
  text-decoration: none;
}

.f-uppercase {
  text-transform: uppercase;
}

.f-left {
  text-align: left;
}

.f-right {
  text-align: right;
}

.f-center {
  text-align: center;
}

ul {
  font-family: "Charite Text Book", Arial, sans-serif;
  font-size: 1.125rem;
  line-height: 125%;
  padding-left: 20px;
  margin-bottom: 20px;
}
ul li {
  position: relative;
  padding-left: 20px;
  list-style: none;
  line-height: 1.25;
}
ul li::before {
  content: "᛫";
  position: absolute;
  top: 0;
  left: -5px;
}

@media only screen and (max-width: 1169px) {
  h4,
  .h4,
  .heading-s {
    margin-bottom: 15.2px;
  }
  p,
  .p {
    margin-bottom: 15.2px;
  }
  p a::after,
  .p a::after {
    bottom: -2px;
  }
  .text a::after {
    bottom: -2px;
  }
}
@media only screen and (max-width: 567px) {
  h1,
  .h1,
  .heading-l {
    font-size: 2rem;
    line-height: 0.94;
  }
  h2,
  .h2,
  .heading-l {
    font-size: 2rem;
    line-height: 0.94;
  }
  h3,
  .h3,
  .heading-m {
    font-size: 1.75rem;
    line-height: 1;
  }
  .heading-m-teaser {
    font-size: 1.75rem;
    line-height: 0.94;
  }
  h4,
  .h4,
  .heading-s {
    font-size: 1.375rem;
    line-height: 1;
  }
  .heading-faq {
    font-size: 1rem;
  }
  p,
  .p {
    font-size: 1rem;
    line-height: 1.24;
  }
  p a,
  .p a {
    position: relative;
    text-decoration: none;
  }
  p a::after,
  .p a::after {
    position: absolute;
    bottom: -4px;
    right: 0;
    display: inline-block;
    width: 100%;
    height: 2px;
    content: "";
    background-color: #000000;
    transition: all 0.2s ease-in;
  }
  p a:hover,
  .p a:hover {
    text-decoration: none;
  }
  p a:hover::after,
  .p a:hover::after {
    width: 100%;
    transition: all 0.2s ease-in;
  }
  .f-info {
    font-size: 0.875rem;
    line-height: 1.2;
  }
  .text a:hover:after {
    width: 100%;
  }
  .text a::after {
    bottom: -2px;
    height: 2px;
  }
  button {
    font-family: "Charite Text", Arial, sans-serif;
    line-height: 0.94;
  }
  button .size-m {
    font-size: 1.375rem;
  }
  button .size-s {
    font-size: 1rem;
  }
  input {
    font-family: "Charite Text", Arial, sans-serif;
    font-size: 1rem;
    line-height: 0.94;
  }
  ul {
    font-size: 1.056rem;
  }
  ul li {
    line-height: 1.31;
  }
}
@media only screen and (max-width: 567px) {
  a.link-extern:not(.button.cta-med) {
    background-position: 0% 70%;
  }
  a.link-extern:not(.button.cta-med)::after {
    top: 2px;
    margin-left: 10px;
    width: 12px;
    height: 12px;
  }
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

@media only screen and (max-width: 567px) {
  .slick-list {
    padding: 0 40px !important;
  }
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track::before, .slick-track::after {
  content: "";
  display: table;
}
.slick-track::after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff center center no-repeat;
  background-image: url("../img/ajax-loader.gif");
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("../fonts/slick.eot");
  src: url("../fonts/slick.eot?#iefix") format("embedded-opentype"), url("../fonts/slick.woff") format("woff"), url("../fonts/slick.ttf") format("truetype"), url("../fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  cursor: pointer;
  background: transparent;
  color: transparent;
  bottom: -86px;
  padding: 0;
  border: none;
  outline: none;
  font-family: inherit;
  font-weight: bold;
  text-decoration: none;
  font-size: 1.125rem;
  cursor: pointer;
  line-height: 46px;
  height: 46px;
  display: inline-block;
  z-index: 2;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover::before, .slick-prev:focus::before,
.slick-next:hover::before,
.slick-next:focus::before {
  transform: translateX(5px);
  transition: all 0.4s cubic-bezier(0.33, 0.775, 0.265, 1.55);
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0;
}
.slick-prev::before,
.slick-next::before {
  position: absolute;
  width: 46px;
  height: 46px;
  top: 0px;
  left: 0;
  content: "";
  display: inline-block;
  margin-right: 20px;
  background-image: url("../img/Arrow-right-white.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.4s cubic-bezier(0.33, 0.775, 0.265, 1.55);
  transform: translateX(0px);
}
@media only screen and (max-width: 567px) {
  .slick-prev,
  .slick-next {
    bottom: -76px;
  }
}

.slick-prev {
  left: 20px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev::before {
  transform: rotate(180deg) translateX(0px);
}
[dir=rtl] .slick-prev::before {
  content: "→";
}
.slick-prev:hover::before, .slick-prev:focus::before {
  transform: rotate(180deg) translateX(5px);
}
@media only screen and (max-width: 567px) {
  .slick-prev {
    left: 50px;
  }
  .slick-prev:hover::before, .slick-prev:focus::before {
    transform: rotate(180deg) translateX(0px);
  }
}

.slick-next {
  right: 10px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next::before {
  content: "→";
}
[dir=rtl] .slick-next::before {
  content: "←";
}
@media only screen and (max-width: 567px) {
  .slick-next {
    right: 35px;
  }
  .slick-next:hover::before, .slick-next:focus::before {
    transform: translateX(0px);
  }
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -66px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
  z-index: 0;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 11px;
  width: 5px;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.slick-dots li.slick-active button::before {
  background-color: #fff;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 11px;
  width: 5px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 0px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover::before, .slick-dots li button:focus::before {
  opacity: 1;
}
.slick-dots li button::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 5px;
  height: 11px;
  background-color: transparent;
  font-family: "slick";
  font-size: 12px;
  text-align: center;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  color: white;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li:first-child, .slick-dots li:last-child {
  margin: 0 0px;
  width: 11px;
  border-radius: 10px;
}
.slick-dots li:first-child.slick-active button::before, .slick-dots li:last-child.slick-active button::before {
  background-color: #fff;
}
.slick-dots li:first-child button, .slick-dots li:last-child button {
  border: 0;
  background: transparent;
  display: block;
  height: 11px;
  width: 11px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 0px;
  cursor: pointer;
}
.slick-dots li:first-child button:hover, .slick-dots li:first-child button:focus, .slick-dots li:last-child button:hover, .slick-dots li:last-child button:focus {
  outline: none;
}
.slick-dots li:first-child button:hover::before, .slick-dots li:first-child button:focus::before, .slick-dots li:last-child button:hover::before, .slick-dots li:last-child button:focus::before {
  opacity: 1;
}
.slick-dots li:first-child button::before, .slick-dots li:last-child button::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background-color: transparent;
  border-radius: 10px 0 0 10px;
  border: 2px solid #fff;
  width: 11px;
  height: 11px;
  font-family: "slick";
  font-size: 12px;
  text-align: center;
  color: white;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li:last-child button::before {
  border-radius: 0 10px 10px 0;
}
.slick-dots li::before {
  display: none;
}
.slick-dots li.slick-active button:before {
  color: white;
  opacity: 1;
}

.blog-teasers,
.blog-content {
  font-family: inherit;
  font-weight: normal;
  margin-bottom: 120px;
}
.blog-teasers section,
.blog-content section {
  scroll-margin-top: 120px;
}
.blog-teasers .jobprofile-intro .spacer-120,
.blog-content .jobprofile-intro .spacer-120 {
  height: 100px;
}
.blog-teasers p,
.blog-content p {
  line-height: 125%;
}

.blog-teasers > section {
  padding: 0 60px;
}

.blog-content > section {
  padding: 0 60px;
}
.blog-content > section.bg-ui-primary {
  position: relative;
  padding: unset;
}
.blog-content .postheader.container {
  padding: 0 60px;
}

.postlist {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.postlist__post,
.postteaser__post {
  display: flex;
  margin: 0;
  border-radius: 20px;
  overflow: hidden;
}
.postlist__post .postmetagroup__content,
.postteaser__post .postmetagroup__content {
  font-family: "Charite Text Book", Arial, sans-serif;
  line-height: 100%;
}
@media screen and (max-width: 567px) {
  .postlist__post .postmetagroup__content,
  .postteaser__post .postmetagroup__content {
    font-size: 1rem;
  }
}

.postlist__image-container {
  flex-basis: 40%;
}

.postlist__text-content {
  flex-basis: 60%;
  padding: 40px;
}
.postlist__text-content > .postmetagroup {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 20px;
  font-size: 1rem;
  line-height: 125%;
  gap: 10px;
  flex-direction: column;
  align-content: flex-start;
  align-items: flex-start;
}
@media screen and (max-width: 567px) {
  .postlist__text-content > .postmetagroup {
    gap: 0;
  }
}
.postlist__text-content .postmetagroup__item {
  padding: 0;
}
.postlist__text-content .postmetagroup__body {
  margin: 0;
}
.postlist__text-content .postmetagroup__list li {
  padding-left: 0;
}
.postlist__text-content .postmetagroup__list li::before, .postlist__text-content .postmetagroup__list li::after {
  content: none;
}
.postlist__text-content .postmetagroup__list li:not(:last-child) > .postmetagroup__listitem::after {
  content: ",";
  display: inline;
}
.postlist__text-content > .postlist__posttitle, .postlist__text-content > .postteaser__posttitle {
  font-family: inherit;
  font-weight: 500;
  font-family: "Charite Headline", Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 1.1;
}
.postlist__text-content > .postlist__posttitle a, .postlist__text-content > .postteaser__posttitle a {
  background-image: none;
}
.postlist__text-content > .postlist__postdescription, .postlist__text-content > .postteaser__postdescription {
  margin: unset;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 1rem;
}
.postlist__text-content .button.cta-main {
  display: flex;
  align-items: center;
  font-size: 28px;
  font-weight: 600;
  line-height: 1;
}
.postlist__text-content a.button.cta-main {
  background-image: none;
}

.postmetagroup__list {
  font-size: 1rem;
}

.postlist__post.highlight-teaser + .postlist__post:not(.highlight-teaser),
.postlist__post:not(.highlight-teaser) + .postlist__post.highlight-teaser {
  margin-top: 20px;
}

.postlist__post.highlight-teaser {
  min-height: 625px;
}

.postlist__post.highlight-teaser > .postlist__image-container {
  flex: 2;
}

.postlist__post.highlight-teaser > .postlist__text-content {
  flex: 1;
}

.blogimage {
  width: 100%;
  height: 100%;
}
.blogimage img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blogpagination {
  margin-top: 20px;
}
.blogpagination > .blogpagination__list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px 40px;
  margin-top: 0;
}
.blogpagination .blogpagination__item {
  padding: 0;
}
.blogpagination .blogpagination__item::before {
  content: none;
}
.blogpagination .blogpagination__link {
  border: unset;
  padding: 0;
  font-size: 29px;
  font-weight: normal;
  line-height: 1;
}
.blogpagination .blogpagination__itemtitle {
  position: relative;
}
.blogpagination .blogpagination__itemtitle::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  height: 6px;
  width: 0;
  background-color: #000000;
  transform: translateX(-50%);
  transition: all 0.2s ease-in;
}
.blogpagination .blogpagination__itemtitle:hover::after {
  width: 40px;
}
.blogpagination .blogpagination__link.current > .blogpagination__itemtitle::after {
  width: 40px;
}
.blogpagination .blogpagination__item--previous > .blogpagination__link, .blogpagination .blogpagination__item--next > .blogpagination__link {
  position: relative;
  width: 100px;
  height: 54px;
}
.blogpagination .blogpagination__item--previous > .blogpagination__link::before, .blogpagination .blogpagination__item--next > .blogpagination__link::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../img/Arrow-right-huge-black.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 100px;
  height: 100%;
  transition: all 0.4s cubic-bezier(0.33, 0.775, 0.265, 1.55);
}
.blogpagination .blogpagination__item--previous > .blogpagination__link:hover::before, .blogpagination .blogpagination__item--next > .blogpagination__link:hover::before {
  transform: translateX(5px);
}
.blogpagination .blogpagination__item--previous > .blogpagination__link::before {
  transform: rotate(180deg);
}
.blogpagination .blogpagination__item--previous > .blogpagination__link:hover::before {
  transform: rotate(180deg) translateX(5px);
}

.blog-content {
  display: flex;
  flex-direction: column;
  gap: 120px;
}
.blog-content .postmetagroup__content, .blog-content .reading-time, .blog-content .postmetagroup__listtext {
  font-size: 1rem;
  line-height: 125%;
}
@media screen and (max-width: 1169px) {
  .blog-content .postmetagroup__content, .blog-content .reading-time, .blog-content .postmetagroup__listtext {
    font-size: 1.056rem;
  }
}
.blog-content .reading-time {
  font-family: "Charite Text Book", Arial, sans-serif;
}
.blog-content .postmetagroup--type-postfooter ul {
  display: flex;
  flex-direction: column;
  font-size: 28px;
  font-weight: 400;
  line-height: 125%;
}
.blog-content .postmetagroup--type-postfooter li::before, .blog-content .postmetagroup--type-postfooter li::after {
  content: none;
}
.blog-content .postmetagroup--type-postfooter li {
  padding-left: 0;
}
.blog-content .button.cta-icon::before {
  font-size: 37px;
}
.blog-content .postmetagroup--type-postheader {
  font-family: inherit;
  font-weight: bold;
  font-weight: 600;
  line-height: 125%;
  padding-bottom: 3px;
}
.blog-content .postmetagroup:not(.postmetagroup--type-teaserheader) {
  margin: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 125%;
}
.blog-content .postmetagroup__item {
  padding: 0;
}
.blog-content .postmetagroup__body {
  margin: 0;
}
.blog-content .blog-content__wrapper {
  display: flex;
  gap: 20px;
}
.blog-content .jobprofile-video {
  width: 100%;
  margin-top: 0;
}
.blog-content .blog-page-menu__title {
  font-family: inherit;
  font-weight: bold;
  font-size: 28px;
  font-weight: 600;
  line-height: 125%;
}
.blog-content .blog-page-menu__elements {
  display: flex;
  flex-direction: column;
  list-style: none;
}
.blog-content .blog-page-menu__elements a {
  font-size: 28px;
  font-weight: 400;
  line-height: 125%;
  background-size: 100% 1px;
  padding-bottom: 2px;
  transition: all 0.2s ease-in;
}
.blog-content .blog-page-menu__elements a:hover {
  background-size: 0% 1px;
}
.blog-content .blog-content__text .quote-offset {
  padding: 0 0 40px !important;
}
.blog-content .text .blog-content__text {
  display: flex;
  flex-direction: column;
  padding: 0;
}
.blog-content .text .blog-content__text .ce-image {
  width: 100%;
  height: 100%;
  margin-bottom: 60px;
}
.blog-content .text .blog-content__text .ce-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-content .text .blog-content__text .section-title, .blog-content .text .blog-content__text .padding-content {
  padding: 0 0 40px 0;
}
@media screen and (max-width: 567px) {
  .blog-content .text .blog-content__text .section-title, .blog-content .text .blog-content__text .padding-content {
    padding: 0;
  }
  .blog-content .text .blog-content__text .section-title.padding-bottom-40, .blog-content .text .blog-content__text .padding-content.padding-bottom-40 {
    padding-bottom: 10px !important;
  }
}
.blog-content .text .blog-content__text p + p > strong {
  font-family: inherit;
  font-weight: bold;
  display: inline-block;
  margin-top: 30px;
}
.blog-content .text .blog-content__text .padding-content p strong {
  margin-top: 0;
}
.blog-content .text .blog-content__text ol + p > strong {
  display: inline-block;
  margin-top: 60px;
}
.blog-content .text .blog-content__text ol {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 125%;
  list-style: none;
  list-style-position: outside !important;
  counter-reset: ol-counter;
  font-family: "Charite Text Book", Arial, sans-serif;
}
.blog-content .text .blog-content__text ol > li {
  counter-increment: ol-counter;
  margin-left: 40px;
  text-indent: -15px;
}
.blog-content .text .blog-content__text ol > li::before {
  content: counter(ol-counter) ".";
  display: inline-block;
  width: 15px;
}
.blog-content .text .blog-content__text ul + .spacer-40 {
  display: none;
}
.blog-content .text .blog-content__text figure > figcaption {
  margin-top: 20px;
  font-size: 24px;
  font-weight: 400;
  line-height: 125%;
  font-family: "Charite Text Book", Arial, sans-serif;
}
.blog-content .text .blog-content__text .button.cta-med {
  height: 56px;
  line-height: 56px;
  background-color: #ffffff;
}
.blog-content .text .blog-content__text .button.cta-med.link-extern {
  background: transparent;
}
.blog-content .text .blog-content__text .button.cta-med:hover {
  color: #ffffff;
  background-color: #000000;
}
.blog-content .related--posts .section-title {
  padding: 0;
  margin-bottom: 60px;
}
.blog-content .related--posts .cta-container {
  padding: 0;
  padding-top: 20px;
}

@media screen and (max-width: 1169px) {
  .blog-teasers,
  .blog-content {
    font-family: inherit;
    font-weight: normal;
    margin-bottom: 0;
  }
  .blog-teasers section,
  .blog-content section {
    scroll-margin-top: 72px;
  }
  .blog-teasers > .jobprofile-intro .spacer-80,
  .blog-content > .jobprofile-intro .spacer-80 {
    height: 60px;
  }
  .blog-teasers > .jobprofile-intro .spacer-120,
  .blog-content > .jobprofile-intro .spacer-120 {
    height: 30px;
  }
  .blog-teasers h1, .blog-teasers .jobprofile-intro h1,
  .blog-content h1,
  .blog-content .jobprofile-intro h1 {
    font-size: 39px;
    margin-bottom: 30px;
  }
  .blog-teasers h2, .blog-teasers .section-title h2, .blog-teasers h4,
  .blog-content h2,
  .blog-content .section-title h2,
  .blog-content h4 {
    font-size: 19px;
    line-height: 125%;
    margin-bottom: 10px;
  }
  .blog-teasers .section-title h2,
  .blog-content .section-title h2 {
    font-family: "Charite Text", Arial, sans-serif;
  }
  .blog-teasers h4,
  .blog-content h4 {
    margin-left: 10px;
    font-size: 36px;
    line-height: 0.98;
  }
  .blog-teasers p,
  .blog-content p {
    font-size: 19px;
  }
  .blog-teasers > section {
    padding: 0 10px;
  }
  .blog-teasers > section.jobprofile-intro {
    padding: 0 30px;
  }
  .blog-content > section {
    padding: 0 30px;
  }
  .blog-content > section.bg-ui-primary {
    padding: unset;
  }
  .blog-content .section-title h2 {
    margin-bottom: 0;
  }
  .blog-content .postheader.container {
    padding: 0 30px;
  }
  .blog-content > section.related--posts {
    padding: 0 10px;
  }
  .postlist {
    gap: 10px;
  }
  .postlist__post,
  .postteaser__post {
    flex-direction: column;
  }
  .postlist__post.highlight-teaser--image-last > .postlist__image-container {
    order: -1;
  }
  .postlist__image-container {
    flex-basis: auto;
  }
  .postlist__text-content {
    flex-basis: auto;
    padding: 30px 20px;
  }
  .postlist__text-content > .postmetagroup {
    margin-bottom: 10px;
    font-size: 19px;
  }
  .postlist__text-content .postmetagroup__item {
    width: auto;
  }
  .postlist__text-content > .postlist__posttitle, .postlist__text-content > .postteaser__posttitle {
    font-size: 1.375rem;
    line-height: 1.1;
    font-family: "Charite Headline", Arial, sans-serif;
  }
  .postlist__text-content > .postlist__postdescription, .postlist__text-content > .postteaser__postdescription {
    font-family: inherit;
    font-weight: normal;
    font-size: 23px;
    line-height: 1.11;
    font-family: "Charite Text Book", Arial, sans-serif;
  }
  .postlist__text-content .button.cta-main {
    font-size: 19px;
  }
  .postlist__post.highlight-teaser + .postlist__post:not(.highlight-teaser),
  .postlist__post:not(.highlight-teaser) + .postlist__post.highlight-teaser {
    margin-top: 0;
  }
  .postlist__post.highlight-teaser {
    min-height: unset;
  }
  .blogimage > img {
    min-height: 220px;
  }
  .blogpagination .blogpagination__list {
    flex-flow: row wrap;
    gap: 10px 30px;
  }
  .blogpagination .blogpagination__link {
    font-size: 22px;
  }
  .blogpagination .blogpagination__item--previous > .blogpagination__link, .blogpagination .blogpagination__item--next > .blogpagination__link {
    width: 44px;
  }
  .blogpagination .blogpagination__item--previous > .blogpagination__link::before, .blogpagination .blogpagination__item--next > .blogpagination__link::before {
    width: 44px;
  }
  .blog-content {
    gap: 30px;
  }
  .blog-content .postheader > .row {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-bottom: 30px;
  }
  .blog-content .postheader > .row > .col-8 {
    order: 1;
    width: 100%;
  }
  .blog-content .postheader > .row > .col-8 > .spacer-20, .blog-content .postheader > .row > .col-8 > .spacer-40, .blog-content .postheader > .row > .col-8 > .spacer-60 {
    display: none;
  }
  .blog-content .postheader > .row > .col-4 {
    order: 2;
    width: 100%;
  }
  .blog-content .postheader > .row > .col-4 > .spacer-20 {
    height: 10px;
  }
  .blog-content .postheader > .row > .col-4 > .spacer-80 {
    display: none;
  }
  .blog-content .postmetagroup__body, .blog-content .reading-time, .blog-content .postmetagroup--type-postfooter ul, .blog-content .button.cta-icon {
    font-size: 19px;
  }
  .blog-content .button.cta-icon.cta-share {
    overflow: hidden;
  }
  .blog-content .button.cta-icon.cta-share::after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 5px;
    left: 58px;
    height: 2px;
    width: 0;
    background-color: #000000;
  }
  .blog-content .button.cta-icon.cta-share:hover::after {
    width: 100%;
  }
  .blog-content .blog-content__wrapper {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
  .blog-content .blog-content__wrapper > .col-4, .blog-content .blog-content__wrapper > .blog-content__text {
    display: unset;
    width: 100%;
  }
  .blog-content .blog-page-menu__title, .blog-content .blog-page-menu__elements a {
    font-size: 19px;
  }
  .blog-content .text .blog-content__text .ce-image {
    width: 100%;
    height: 100%;
    margin-bottom: 20px;
  }
  .blog-content .text .blog-content__text .ce-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .blog-content .text .blog-content__text p + p > strong {
    margin-top: 10px;
  }
  .blog-content .text .blog-content__text ol {
    font-size: 19px;
    list-style: disc;
  }
  .blog-content .text .blog-content__text ol > li {
    margin-left: 10px;
    padding-left: 10px;
    text-indent: 0;
  }
  .blog-content .text .blog-content__text ol > li::before {
    content: none;
  }
  .blog-content .text .blog-content__text ol > li::marker {
    content: "᛫";
    font-size: 15px;
    margin-right: 15px !important;
  }
  .blog-content .text .blog-content__text ol + p > strong {
    margin-top: 30px;
  }
  .blog-content .text .blog-content__text ul > li {
    padding-left: 15px;
  }
  .blog-content .text .blog-content__text figure > figcaption {
    margin-top: 10px;
    font-size: 16px;
  }
  .blog-content .text .blog-content__text .button.cta-med {
    text-align: center;
  }
  .blog-content .text .blog-content__text.button.cta-med.link-extern {
    padding-right: 26px;
  }
  .blog-content .text .blog-content__text a.link-extern {
    padding-right: 26px;
    max-width: 316px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0;
  }
  .blog-content .related--posts .section-title {
    padding: 0;
    margin-bottom: 30px;
  }
  .blog-content .related--posts .postmetagroup--type-teaserheader {
    display: flex;
    flex-flow: row wrap;
  }
  .blog-content .related--posts .postmetagroup--type-teaserheader > * {
    width: unset;
  }
  .blog-content .related--posts .cta-container {
    padding-top: 10px;
  }
}
@media screen and (max-width: 567px) {
  .postteaser--demand {
    padding: 0 10px;
  }
  .blog-content .button.cta-icon.cta-share::after {
    left: 46px;
    bottom: 4px;
  }
  .postlist__text-content > .postlist__postdescription, .postlist__text-content > .postteaser__postdescription {
    font-size: 1rem;
    line-height: 125%;
  }
}
form {
  scroll-margin-top: 180px;
}

.button {
  text-decoration: none;
  font-size: 1.125rem;
  cursor: pointer;
}
.button.cta-main {
  font-family: inherit;
  font-weight: bold;
  display: flex;
  position: relative;
  padding-left: calc(35px + 20px);
  margin-top: 10px;
  background-image: unset;
  line-height: 125%;
}
.button.cta-main::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 20px;
  font-weight: normal;
  background-image: url("../img/Arrow-right-black.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.4s cubic-bezier(0.33, 0.775, 0.265, 1.55);
  transform: translateX(0px);
}
.button.cta-main:hover::before {
  transform: translateX(5px);
  transition: all 0.4s cubic-bezier(0.33, 0.775, 0.265, 1.55);
}
.button.cta-main.big {
  font-size: 1.125rem;
  padding-left: calc(100px + 20px);
  min-height: 54px;
  height: auto;
  line-height: 54px;
  background-image: none !important;
}
.button.cta-main.big::before {
  font-size: 100px;
  width: 100px;
  height: 54px;
  line-height: 54px;
  top: 0px;
  content: "";
  background-image: url("../img/Arrow-right-huge-black.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  transform: translateX(0px);
  transition: all 0.4s cubic-bezier(0.33, 0.775, 0.265, 1.55);
}
.button.cta-main.big:hover::before {
  transform: translateX(5px);
  transition: all 0.4s cubic-bezier(0.33, 0.775, 0.265, 1.55);
}
.button.cta-main.arrow-left::before {
  transform: rotate(180deg) translateX(0px);
}
.button.cta-main.arrow-left:hover::before {
  transform: rotate(180deg) translateX(5px);
}
.button.cta-icon {
  font-family: inherit;
  font-weight: bold;
  position: relative;
  padding-left: 66px;
  height: 46px;
  display: inline-flex;
  align-items: center;
}
.button.cta-icon::before {
  position: absolute;
  width: 46px;
  height: 46px;
  top: -1px;
  left: 0;
  font-family: "icomoon" !important;
  content: "\e908";
  display: block;
  margin-right: 20px;
  font-size: 46px;
  font-weight: normal;
}
.button.cta-icon::after {
  position: absolute;
  bottom: 5px;
  left: 60px;
  display: inline-block;
  width: 0%;
  height: 2px;
  content: "";
  background-color: #000000;
  transition: all 0.2s ease-in;
}
.button.cta-icon:hover::after {
  width: calc(100% - 60px);
  transition: all 0.2s ease-in;
}
.button.cta-icon.cta-save::before {
  content: "\e908";
}
.button.cta-icon.cta-share::before {
  content: "\e907";
}
.button.cta-med {
  font-family: inherit;
  font-weight: bold;
  display: inline-block;
  background-color: #ccefcb;
  border-radius: 60px;
  height: 56px;
  line-height: 60px;
  padding: 0 40px;
  border: none;
  -webkit-box-shadow: inset 0px 0px 0px 2px #000000;
  box-shadow: inset 0px 0px 0px 2px #000000;
  font-size: 1.125rem;
  transition: all 0.25s cubic-bezier(0.33, 0.775, 0.265, 1.55);
}
.button.cta-med:hover {
  background-color: #000000;
  color: #fff;
  transition: all 0.25s cubic-bezier(0.33, 0.775, 0.265, 1.55);
}
.button.cta-med::before {
  display: none !important;
}
.button.cta-med::after {
  display: none;
}
@media screen and (max-width: 567px) {
  .button.cta-med {
    font-size: 1rem;
    height: 34px;
    line-height: 36px;
    padding: 0 20px;
    margin-top: 30px;
  }
}
.button.cta-huge {
  display: inline-block;
  background-color: #ccefcb;
  border-radius: 60px;
  padding: 18px 40px;
  border: none;
  -webkit-box-shadow: inset 0px 0px 0px 2px #000000;
  box-shadow: inset 0px 0px 0px 2px #000000;
  font-family: inherit;
  font-weight: bold;
  font-family: "Charite Text", Arial, sans-serif;
  font-size: 1.5rem;
  transition: all 0.25s cubic-bezier(0.33, 0.775, 0.265, 1.55);
}
.button.cta-huge::before {
  content: "";
  background-image: url("../img/Arrow-right-huge-black.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}
.button.cta-huge:hover {
  background-color: #000000;
  color: #fff;
  transition: all 0.25s cubic-bezier(0.33, 0.775, 0.265, 1.55);
}
.button.cta-to-top {
  height: 64px;
  width: 64px;
}
.button.cta-to-top .icon {
  height: 64px;
  width: 64px;
  display: inline-block;
}
.button.cta-to-top .icon::before {
  font-size: 64px;
}
.button.btn-accordion-jobprofile {
  position: relative;
  line-height: 46px;
  height: 46px;
  display: inline-block;
  padding-left: calc(46px + 20px);
}
.button.btn-accordion-jobprofile::before {
  position: absolute;
  width: 46px;
  height: 46px;
  top: 0px;
  left: 0;
  content: "";
  display: inline-block;
  margin-right: 20px;
  font-weight: normal;
  background-image: url("../img/Arrow-up-64.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  transform: rotate(180deg);
  transition: none;
}

.c-white .button.cta-main::before {
  background-image: url("../img/Arrow-right-white.svg");
}

.c-ui-secondary .button.cta-main::before {
  background-image: url("../img/Arrow-right-ui-secondary.svg");
}

.c-white a.link-extern:not(.button.cta-med) {
  background-image: linear-gradient(#fff, #fff);
}
.c-white a.link-extern:not(.button.cta-med)::before {
  background-image: url("../img/Link-extern-white.svg");
}

@media only screen and (max-width: 1169px) {
  form {
    scroll-margin-top: 112px;
  }
  .button.cta-main {
    padding-left: calc(46px + 15.2px);
  }
  .button.cta-main.big {
    padding-left: calc(100px + 15.2px);
  }
  .button.cta-icon {
    padding-left: 56px;
  }
  .button.cta-huge {
    height: 74px;
    line-height: 74px;
    padding: 0 35.2px;
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 830px) {
  .button.cta-main {
    padding-left: calc(46px + 12.3px);
  }
  .button.cta-main.big {
    padding-left: calc(100px + 20px);
  }
  .button.cta-icon {
    padding-left: 56px;
  }
  .button.cta-huge {
    height: 64px;
    line-height: 64px;
    padding: 0 32.3px;
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 567px) {
  .button.cta-main {
    font-size: 1rem;
    padding-left: calc(36px + 10px);
    height: 36px;
    line-height: 36px;
    align-items: center;
  }
  .button.cta-main::before {
    width: 36px;
    height: 36px;
    font-size: 36px;
    background-image: url("../img/Arrow-right-black-mobile.svg");
  }
  .button.cta-main.big {
    display: flex;
    align-items: center;
    font-size: 1.444rem;
    padding-bottom: 0;
    padding-left: calc(70px + 10px);
  }
  .button.cta-main.big::before {
    font-size: 70px;
    line-height: 70px;
    width: 70px;
    height: 70px;
    top: -8px;
    background-image: url("../img/Arrow-right-huge-mobile.svg");
  }
  .button.cta-main.big:hover::before {
    transform: translateX(0);
  }
  .button.cta-main:hover::before {
    transform: translateX(0);
  }
  .button.cta-icon {
    font-size: 1rem;
    padding-left: 44px;
    height: 36px;
    line-height: 36px;
  }
  .button.cta-icon::before {
    top: 0;
    width: 36px;
    height: 36px;
    font-size: 36px;
  }
  .button.cta-icon:hover::after {
    width: 0;
  }
  .button.cta-huge {
    font-size: 1.375rem;
    line-height: 59px;
    height: 59px;
    text-align: center;
    padding: 0 40px;
  }
  .c-white .button.cta-main::before {
    background-image: url("../img/Arrow-right-white-mobile.svg");
  }
  .c-ui-secondary .button.cta-main::before {
    background-image: url("../img/Arrow-right-ui-secondary-mobile.svg");
  }
}
.jssocials-shares {
  margin: 0;
}
.jssocials-shares .jssocials-share {
  margin: 0;
}

.jssocials-share-link {
  position: relative;
  border: none;
  color: #fff;
  font-size: 1.125rem;
  font-family: inherit;
  font-weight: bold;
  padding: 10px;
  padding-left: 66px;
  margin-right: 46px;
  border-radius: 0;
}
.jssocials-share-link::before {
  font-family: "icomoon" !important;
  content: "\e905";
  font-size: 46px;
  position: absolute;
  left: 0;
  top: 0;
  font-family: inherit;
  font-weight: normal;
}
.jssocials-share-link:focus, .jssocials-share-link:active {
  outline: 0;
  border: none;
}
.jssocials-share-link:hover {
  border: none;
  color: #fff;
}

.btn-copy-link {
  position: relative;
  float: left;
  padding-left: 66px;
  color: #fff;
  font-size: 1.125rem;
  font-family: inherit;
  font-weight: bold;
  padding: 10px;
  padding-left: 66px;
  margin-right: 46px;
  cursor: pointer;
}
.btn-copy-link::before {
  font-family: "icomoon" !important;
  content: "\e90a";
  font-size: 46px;
  position: absolute;
  left: 0;
  top: 0;
  font-family: inherit;
  font-weight: normal;
}
.btn-copy-link.active {
  color: #b00020;
}
.btn-copy-link .icon::before {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 64px;
}

@media only screen and (max-width: 567px) {
  .btn-copy-link {
    font-size: 1rem;
    padding-left: 60px;
    font-size: 1rem;
  }
  .btn-copy-link::before {
    font-size: 44px;
    top: -3px;
  }
  .jssocials-share-label {
    padding-left: 0;
  }
  .jssocials-share-link {
    font-size: 1rem;
    font-size: 1rem;
    padding-left: 60px;
    margin-top: 20px;
  }
  .jssocials-share-link::before {
    font-size: 44px;
  }
}
.btn-videoplay {
  position: absolute;
  right: 40px;
  bottom: 40px;
  color: #fff;
  font-size: 2.25rem;
  font-family: inherit;
  font-weight: bold;
  padding: 0px;
  padding-left: 85px;
  padding-right: 40px;
  margin-right: 0;
  height: 86px;
  line-height: 74px;
  cursor: pointer;
  border: 2px solid #fff;
  border-radius: 60px;
}
.btn-videoplay::before {
  position: absolute;
  width: 46px;
  height: 46px;
  top: 18px;
  left: 32px;
  content: "";
  display: inline-block;
  background-image: url("../img/Link-extern-white.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}

/* Customize the label (the container) */
.container-checkbox {
  display: block;
  position: relative;
  padding-left: 23px;
  margin-bottom: 26px;
  cursor: pointer;
  font-size: 1rem;
  height: auto;
  line-height: 23px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.container-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.container-checkbox span:not(.checkmark) {
  margin-left: 20px;
  display: block;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 23px;
  width: 23px;
  background-color: transparent;
  -webkit-box-shadow: inset 0px 0px 0px 2px #000000;
  box-shadow: inset 0px 0px 0px 2px #000000;
  border: none;
  border-radius: 3px;
}

/* On mouse-over, add a grey background color */
/* When the checkbox is checked, add a blue background */
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container-checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container-checkbox .checkmark:after {
  left: 0px;
  top: -1px;
  width: 100%;
  height: 100%;
  font-family: "icomoon" !important;
  content: "\e901";
  text-align: center;
  line-height: 26px;
  position: absolute;
  font-size: 22px;
}

select,
button.ui-multiselect {
  position: relative;
  height: 56px;
  line-height: 50px;
  background-color: #fff;
  border-radius: 60px;
  padding: 0 20px;
  -webkit-box-shadow: inset 0px 0px 0px 2px #000000;
  box-shadow: inset 0px 0px 0px 2px #000000;
  border: none;
  font-size: 1.125rem;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url(../img/Dropdown.svg);
  background-repeat: no-repeat;
  background-position: 95% center;
  background-size: 26px auto;
  font-family: inherit;
  font-weight: normal;
  cursor: pointer;
  text-align: left;
}
select:hover,
button.ui-multiselect:hover {
  background-color: #000000;
  color: #fff;
  background-image: url(../img/Dropdown-white-down.svg);
}
select.ui-state-active,
button.ui-multiselect.ui-state-active {
  background-color: #000000;
  color: #fff;
  background-image: url(../img/Dropdown-white.svg);
}

@media only screen and (max-width: 567px) {
  select,
  button.ui-multiselect {
    text-align: left;
    padding: 0 20px;
    font-size: 1rem;
    height: 38px;
    line-height: 38px;
    background-size: 18px auto;
  }
}
input[type=submit],
.form-button {
  position: relative;
  height: 56px;
  border-radius: 60px;
  text-align: center;
  border: none;
  -webkit-box-shadow: inset 0px 0px 0px 2px #000000;
  box-shadow: inset 0px 0px 0px 2px #000000;
  padding: 0 48px;
  font-size: 1.125rem;
  color: #000000;
  font-family: inherit;
  font-weight: bold;
  background-color: #fff;
  display: inline-block;
  line-height: 54px;
  cursor: pointer;
  transition: all 0.25s cubic-bezier(0.33, 0.775, 0.265, 1.55);
}
input[type=submit]:disabled, input[type=submit].disabled,
.form-button:disabled,
.form-button.disabled {
  opacity: 0.6;
  cursor: default;
}
input[type=submit]:disabled:hover, input[type=submit].disabled:hover,
.form-button:disabled:hover,
.form-button.disabled:hover {
  color: #000000;
  background-color: #fff;
}
input[type=submit]:hover,
.form-button:hover {
  background-color: #000000;
  color: #fff;
  transition: all 0.25s cubic-bezier(0.33, 0.775, 0.265, 1.55);
}

@media only screen and (max-width: 567px) {
  input[type=submit],
  .form-button {
    padding: 0 20px;
    height: 38px;
    line-height: 38px;
  }
}
.ui-multiselect-menu {
  position: absolute !important;
  width: 100% !important;
  background-color: #fff;
  border: none;
  -webkit-box-shadow: inset 0px 0px 0px 2px #000000;
  box-shadow: inset 0px 0px 0px 2px #000000;
  top: 60px !important;
  z-index: 5;
  padding: 40px;
  display: none;
}
.ui-multiselect-menu .scroll-container {
  position: relative;
  overflow: hidden;
  max-height: 300px;
}

@media only screen and (max-width: 1169px) {
  .ui-multiselect-menu {
    padding: 35.2px;
  }
}
@media only screen and (max-width: 830px) {
  .ui-multiselect-menu {
    padding: 32.3px;
  }
}
@media only screen and (max-width: 567px) {
  .ui-multiselect-menu {
    top: 46px !important;
    padding: 30px;
    width: 100% !important;
  }
}
.ui-multiselect-checkboxes {
  padding-left: 0;
  padding-bottom: 4px;
}
.ui-multiselect-checkboxes li {
  list-style: none;
  padding-left: 0;
}
.ui-multiselect-checkboxes li:last-child label.container-checkbox {
  margin-bottom: 0;
}
.ui-multiselect-checkboxes li::before {
  display: none;
}

@media only screen and (max-width: 567px) {
  .ui-multiselect-checkboxes {
    padding-bottom: 10px;
  }
}
.kesearchbox {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 40px;
}
.kesearchbox::before {
  position: absolute;
  left: 0;
  bottom: 10px;
  font-family: "icomoon" !important;
  content: "\e906";
  font-size: 46px;
}
.kesearchbox input {
  font-size: 1.125rem;
  border: none;
  border-bottom: 2px solid #000000;
  background: transparent;
  width: 100%;
  padding-left: 66px;
  padding-bottom: 10px;
  padding-right: 20px;
}
.kesearchbox input:focus {
  outline: 0;
  box-shadow: none;
}
.kesearchbox ::-webkit-input-placeholder {
  color: #000000;
  opacity: 1;
}
.kesearchbox ::-moz-placeholder {
  color: #000000;
  opacity: 1;
}
.kesearchbox :-ms-input-placeholder {
  color: #000000;
  opacity: 1;
}
.kesearchbox :-moz-placeholder {
  color: #000000;
  opacity: 1;
}

@media only screen and (max-width: 567px) {
  .kesearchbox::before {
    font-size: 36px;
  }
  .kesearchbox input {
    font-size: 1rem;
    padding-left: 40px;
  }
}
.submitbutt {
  float: right;
  margin-top: 40px;
  margin-right: 24px;
}

.resetbutt {
  float: left;
  margin-top: 50px;
}
.resetbutt a {
  font-size: 1rem;
  line-height: 125%;
  text-decoration: none;
  background-image: none;
}
.resetbutt a.resetButton {
  display: none;
  font-family: "Charite Text Book", Arial, sans-serif;
}
.resetbutt a .icon {
  position: relative;
  top: 5px;
  display: inline-block;
  height: 26px;
  width: 26px;
  margin-right: 20px;
}
.resetbutt a .icon::before {
  width: 26px;
  height: 26px;
  font-size: 26px;
  background-image: url("../img/Close.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
}
.resetbutt a span:not(.icon) {
  position: relative;
}
.resetbutt a span:not(.icon)::after {
  position: absolute;
  bottom: -5px;
  left: 0;
  display: block;
  width: 0;
  height: 2px;
  content: "";
  background-color: #000000;
  transition: all 0.2s ease-in;
}
.resetbutt a:hover span:not(.icon)::after {
  width: 100%;
}

@media only screen and (max-width: 1169px) {
  .resetbutt a .icon {
    margin-right: 15.2px;
  }
}
@media only screen and (max-width: 830px) {
  .resetbutt a .icon {
    margin-right: 12.3px;
  }
}
@media only screen and (max-width: 567px) {
  .submitbutt {
    float: right;
    margin-top: 30px;
  }
  .resetbutt {
    margin-top: 30px;
  }
  .resetbutt a {
    font-size: 0.875rem;
  }
  .resetbutt a.resetButton {
    font-size: 16px;
  }
  .resetbutt a .icon {
    width: 18px;
    height: 18px;
    top: 3px;
    margin-right: 10px;
  }
  .resetbutt a .icon::before {
    width: 18px;
    height: 18px;
    font-size: 18px;
    background-image: url("../img/Close-mobile.svg");
  }
}
#Application fieldset,
.form-framework fieldset {
  margin-top: -2px;
}
#Application fieldset:first-of-type .input .row legend.control-label,
.form-framework fieldset:first-of-type .input .row legend.control-label {
  border-top: none;
  border-bottom: none;
}
#Application fieldset:last-of-type .input .row legend.control-label,
.form-framework fieldset:last-of-type .input .row legend.control-label {
  border-bottom: none;
}
#Application fieldset .input .row legend.control-label,
.form-framework fieldset .input .row legend.control-label {
  position: relative;
  width: 100%;
  border-top: 2px solid #000000;
  border-bottom: 2px solid #000000;
  padding: 40px 0;
  margin-bottom: 0;
}
#Application .form-group,
.form-framework .form-group {
  margin-bottom: 50px;
}
#Application .form-group.has-error .error,
.form-framework .form-group.has-error .error {
  font-size: 0.8333rem;
  color: #b00020;
  display: inline-block;
  margin-top: 10px;
}
#Application .form-group.has-error .form-check,
.form-framework .form-group.has-error .form-check {
  margin-bottom: 10px;
}
#Application .form-group:not(.input-select) .radio input,
#Application .form-group:not(.input-select) .checkbox input,
.form-framework .form-group:not(.input-select) .radio input,
.form-framework .form-group:not(.input-select) .checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  transition: all 0.25s cubic-bezier(0.33, 0.775, 0.265, 1.55);
}
#Application .form-group:not(.input-select) .checkmark,
.form-framework .form-group:not(.input-select) .checkmark {
  position: absolute;
  top: 0px;
  left: 0;
  height: 26px;
  width: 26px;
  background-color: #fff;
  border-radius: 50%;
  cursor: pointer;
}
#Application .form-group:not(.input-select) .radio:hover input ~ .checkmark,
#Application .form-group:not(.input-select) .checkbox:hover input ~ .checkmark,
.form-framework .form-group:not(.input-select) .radio:hover input ~ .checkmark,
.form-framework .form-group:not(.input-select) .checkbox:hover input ~ .checkmark {
  background-color: #000000;
  transition: all 0.25s cubic-bezier(0.33, 0.775, 0.265, 1.55);
}
#Application .form-group:not(.input-select) .radio input:checked ~ .checkmark,
#Application .form-group:not(.input-select) .checkbox input:checked ~ .checkmark,
.form-framework .form-group:not(.input-select) .radio input:checked ~ .checkmark,
.form-framework .form-group:not(.input-select) .checkbox input:checked ~ .checkmark {
  background-color: #000000;
  transition: all 0.25s cubic-bezier(0.33, 0.775, 0.265, 1.55);
}
#Application .form-group:not(.input-select) .checkmark:after,
.form-framework .form-group:not(.input-select) .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
#Application .form-group:not(.input-select) .radio input:checked ~ .checkmark:after,
#Application .form-group:not(.input-select) .checkbox input:checked ~ .checkmark:after,
.form-framework .form-group:not(.input-select) .radio input:checked ~ .checkmark:after,
.form-framework .form-group:not(.input-select) .checkbox input:checked ~ .checkmark:after {
  display: block;
}
#Application .form-group:not(.input-select) .radio .checkmark:after,
#Application .form-group:not(.input-select) .checkbox .checkmark:after,
.form-framework .form-group:not(.input-select) .radio .checkmark:after,
.form-framework .form-group:not(.input-select) .checkbox .checkmark:after {
  top: 0px;
  left: 0px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #000000;
  display: none;
}
#Application .form-group.input-text,
.form-framework .form-group.input-text {
  position: relative;
  cursor: text;
}
#Application .form-group.input-text label,
.form-framework .form-group.input-text label {
  position: absolute;
  cursor: text;
  top: 5px;
  z-index: 0;
  transition: all 0.25s ease;
}
#Application .form-group.input-text .input,
.form-framework .form-group.input-text .input {
  position: relative;
  z-index: 2;
}
#Application .form-group.input-text .input input,
.form-framework .form-group.input-text .input input {
  width: 100%;
  background-color: transparent;
  padding-top: 0;
  padding-bottom: 8px;
}
#Application .form-group.input-text .input input:focus-within,
.form-framework .form-group.input-text .input input:focus-within {
  outline: 0;
}
#Application .form-group.input-text.active label,
.form-framework .form-group.input-text.active label {
  font-size: 1rem;
  opacity: 0.6;
  top: -25px;
  transition: all 0.25s ease;
}
#Application .form-group.input-text.active label .required,
.form-framework .form-group.input-text.active label .required {
  color: #000000;
}
#Application .form-group.input-select .input.checkbox,
.form-framework .form-group.input-select .input.checkbox {
  padding-left: 0;
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: start;
  height: 100%;
}
#Application .form-group.input-select .input.checkbox .multiselect-label,
.form-framework .form-group.input-select .input.checkbox .multiselect-label {
  margin-bottom: 16px;
}
#Application .form-group.input-select .input.checkbox .multi-select-wrapper,
.form-framework .form-group.input-select .input.checkbox .multi-select-wrapper {
  width: 100%;
}
#Application .form-group.input-select .input.checkbox .multi-select-wrapper .ui-multiselect-menu,
.form-framework .form-group.input-select .input.checkbox .multi-select-wrapper .ui-multiselect-menu {
  top: 100px !important;
}
#Application .form-group.input-select .input.checkbox .multi-select-wrapper .ui-multiselect,
.form-framework .form-group.input-select .input.checkbox .multi-select-wrapper .ui-multiselect {
  width: 100% !important;
}
#Application .form-group.input-select .input.checkbox .multi-select-wrapper .ui-multiselect__button-label,
.form-framework .form-group.input-select .input.checkbox .multi-select-wrapper .ui-multiselect__button-label {
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: block;
  padding-right: 55px;
}
#Application .form-group.input-select .input.checkbox button,
.form-framework .form-group.input-select .input.checkbox button {
  width: 413px;
}
#Application .form-group label a,
.form-framework .form-group label a {
  position: relative;
  text-decoration: none;
}
#Application .form-group label a::after,
.form-framework .form-group label a::after {
  position: absolute;
  bottom: -5px;
  right: 0;
  display: inline-block;
  width: 100%;
  height: 2px;
  content: "";
  background-color: #000000;
  transition: all 0.2s ease-in;
}
#Application .form-group label a:hover,
.form-framework .form-group label a:hover {
  text-decoration: none;
}
#Application .form-group label a:hover::after,
.form-framework .form-group label a:hover::after {
  width: 0;
  transition: all 0.2s ease-in;
}
#Application .form-group input,
.form-framework .form-group input {
  border: none;
  border-bottom: 2px solid #000000;
  font-family: inherit;
  font-weight: normal;
  font-size: 1.125rem;
}
#Application .form-group .radio,
#Application .form-group .checkbox,
.form-framework .form-group .radio,
.form-framework .form-group .checkbox {
  position: relative;
  display: flex;
  align-items: center;
  height: 26px;
  padding-left: 45px;
  margin-bottom: 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#Application .form-group .radio input[type=text],
#Application .form-group .checkbox input[type=text],
.form-framework .form-group .radio input[type=text],
.form-framework .form-group .checkbox input[type=text] {
  position: relative;
  opacity: 1;
  width: calc(100% - 214px);
  height: auto;
  cursor: text;
}
#Application .form-group .radio input[type=text]:focus-within,
#Application .form-group .checkbox input[type=text]:focus-within,
.form-framework .form-group .radio input[type=text]:focus-within,
.form-framework .form-group .checkbox input[type=text]:focus-within {
  outline: 0;
}
#Application .form-group .radio input#application-pronoun,
#Application .form-group .radio input#application-salutation,
#Application .form-group .checkbox input#application-pronoun,
#Application .form-group .checkbox input#application-salutation,
.form-framework .form-group .radio input#application-pronoun,
.form-framework .form-group .radio input#application-salutation,
.form-framework .form-group .checkbox input#application-pronoun,
.form-framework .form-group .checkbox input#application-salutation {
  position: relative;
  opacity: 1;
  height: auto;
  width: calc(100% - 262px);
  cursor: text;
}
#Application .form-group .radio input#application-pronoun:focus-within,
#Application .form-group .radio input#application-salutation:focus-within,
#Application .form-group .checkbox input#application-pronoun:focus-within,
#Application .form-group .checkbox input#application-salutation:focus-within,
.form-framework .form-group .radio input#application-pronoun:focus-within,
.form-framework .form-group .radio input#application-salutation:focus-within,
.form-framework .form-group .checkbox input#application-pronoun:focus-within,
.form-framework .form-group .checkbox input#application-salutation:focus-within {
  outline: 0;
}
#Application .form-group .radio span,
#Application .form-group .checkbox span,
.form-framework .form-group .radio span,
.form-framework .form-group .checkbox span {
  cursor: pointer;
}
#Application .form-group .control-label,
.form-framework .form-group .control-label {
  margin-bottom: 20px;
  display: inline-block;
}
#Application .form-group .required,
.form-framework .form-group .required {
  color: #b00020;
}
#Application .form-group input[type=file],
.form-framework .form-group input[type=file] {
  display: none;
}
#Application .form-group input[type=date],
.form-framework .form-group input[type=date] {
  cursor: text;
}
#Application .form-group input[type=date] ~ .control-label,
.form-framework .form-group input[type=date] ~ .control-label {
  padding-top: 8px;
}
#Application .btn-toolbar > .btn-group,
.form-framework .btn-toolbar > .btn-group {
  justify-content: space-between;
}
#Application .btn-toolbar .btn-group,
.form-framework .btn-toolbar .btn-group {
  display: flex;
  align-items: center;
}
#Application .btn-group.submit button.cta-huge,
.form-framework .btn-group.submit button.cta-huge {
  line-height: 1.5rem;
  font-size: 1.5rem;
  height: 50px;
}
#Application .btn-group .btn.next, #Application .btn-group .btn.previous,
.form-framework .btn-group .btn.next,
.form-framework .btn-group .btn.previous {
  border: none;
  background: transparent;
}
#Application .btn-group .btn.btn-add, #Application .btn-group .btn.btn-default,
.form-framework .btn-group .btn.btn-add,
.form-framework .btn-group .btn.btn-default {
  position: relative;
  top: 0;
  display: inline-block;
  height: 26px;
  width: auto;
  margin-right: 20px;
  font-size: 20px;
  line-height: 150%;
  background: transparent;
  border: none;
  outline: 0;
  cursor: pointer;
  padding-left: 44px;
  padding-top: 0;
  font-family: inherit;
  font-weight: normal;
  margin-top: 40px;
}
#Application .btn-group .btn.btn-add::after, #Application .btn-group .btn.btn-default::after,
.form-framework .btn-group .btn.btn-add::after,
.form-framework .btn-group .btn.btn-default::after {
  position: absolute;
  bottom: -5px;
  left: 0;
  display: block;
  width: 0;
  height: 2px;
  content: "";
  background-color: #000000;
  transition: all 0.2s ease-in;
}
#Application .btn-group .btn.btn-add:hover::after, #Application .btn-group .btn.btn-default:hover::after,
.form-framework .btn-group .btn.btn-add:hover::after,
.form-framework .btn-group .btn.btn-default:hover::after {
  width: 100%;
  transition: all 0.2s ease-in;
}
#Application .btn-group .btn.btn-add::before, #Application .btn-group .btn.btn-default::before,
.form-framework .btn-group .btn.btn-add::before,
.form-framework .btn-group .btn.btn-default::before {
  position: absolute;
  left: 0;
  top: 2px;
  width: 26px;
  height: 26px;
  font-size: 26px;
  background-image: url("../img/Close.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  transform: rotate(45deg);
  content: "";
  display: inline-block;
}
#Application .btn-group .btn.btn-add,
.form-framework .btn-group .btn.btn-add {
  margin-bottom: 120px;
}
#Application .btn-group .btn.btn-add::after,
.form-framework .btn-group .btn.btn-add::after {
  left: 44px;
}
#Application .btn-group .btn.btn-add:hover::after,
.form-framework .btn-group .btn.btn-add:hover::after {
  width: calc(100% - 46px);
}
#Application .btn-group .btn.btn-remove,
.form-framework .btn-group .btn.btn-remove {
  position: absolute;
  right: 0;
  top: -16px;
  margin-top: 0;
  margin-right: 0;
  padding-left: 20px;
  padding-right: 44px;
  background-color: #fff;
}
#Application .btn-group .btn.btn-remove::before,
.form-framework .btn-group .btn.btn-remove::before {
  transform: rotate(0deg);
  left: inherit;
  right: 0;
}
#Application .btn-group .btn.btn-remove::after,
.form-framework .btn-group .btn.btn-remove::after {
  left: 20px;
}
#Application .btn-group .btn.btn-remove:hover::after,
.form-framework .btn-group .btn.btn-remove:hover::after {
  width: calc(100% - 64px);
}
#Application .repeatable-container,
.form-framework .repeatable-container {
  padding: 0 !important;
}
#Application .actions .button.cta-huge .btn-text-desktop,
.form-framework .actions .button.cta-huge .btn-text-desktop {
  display: inline-block;
}
#Application .actions .button.cta-huge .btn-text-mobile,
.form-framework .actions .button.cta-huge .btn-text-mobile {
  display: none;
}
#Application .fileupload-name,
.form-framework .fileupload-name {
  overflow: hidden;
  max-height: 0;
  font-size: 1rem;
}
#Application .fileupload-name.active,
.form-framework .fileupload-name.active {
  max-height: 60px;
  padding-bottom: 20px;
}
#Application .fileupload-name .fileupload-reset,
.form-framework .fileupload-name .fileupload-reset {
  height: 26px;
  width: 26px;
  margin-right: 13px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  top: 2px;
}
#Application .fileupload-name .fileupload-reset::before,
.form-framework .fileupload-name .fileupload-reset::before {
  position: relative;
  top: 0px;
  display: inline-block;
  height: 26px;
  width: 26px;
  content: "";
  background-image: url("../img/Close.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}
#Application .fileupload-name .filename,
.form-framework .fileupload-name .filename {
  position: relative;
  top: -4px;
}

@media only screen and (max-width: 1169px) {
  #Application .form-group .input.checkbox .add-on {
    line-height: 150%;
  }
  #Application .form-group:not(.input-select) .checkmark {
    top: 3px;
  }
  #Application .form-group.input-text_ {
    margin-top: 20px;
  }
  #Application .form-group.input-text_ .control-label {
    top: -15px;
  }
  #Application .form-group.input-text_.active label {
    top: -40px;
  }
  #Application .form-group fieldset .input .row legend.control-label {
    padding: 35.2px 0;
  }
}
@media only screen and (max-width: 830px) {
  #Application .form-group fieldset .input .row legend.control-label {
    padding: 32.3px 0;
  }
}
@media only screen and (max-width: 567px) {
  #Application {
    padding: 0 30px;
  }
  #Application .form-group label:not(.form-button) {
    line-height: 150%;
  }
  #Application .form-group.input-text {
    margin-bottom: 60px;
  }
  #Application .form-group.input-text label {
    top: 2px;
  }
  #Application .form-group.input-text label[for=application-station] {
    top: -45px;
  }
  #Application .form-group.input-text label[for=application-station].active {
    top: -35px;
  }
  #Application .form-group.input-text_ {
    margin-bottom: 40px;
    margin-top: 0;
  }
  #Application .form-group.input-text_ label[for=application-station] {
    position: relative;
    top: 0;
  }
  #Application .form-group.input-text_ .input input {
    width: 100%;
  }
  #Application .form-group.input-select .input.checkbox {
    padding-left: 0;
  }
  #Application .form-group.input-select .input.checkbox button {
    width: 100%;
  }
  #Application .form-group #filename {
    line-height: 140%;
  }
  #Application .form-group .radio,
  #Application .form-group .checkbox {
    padding-left: 30px;
  }
  #Application .form-group .radio input[type=text],
  #Application .form-group .checkbox input[type=text] {
    width: calc(100% - 144px);
  }
  #Application .form-group .radio input#application-pronoun,
  #Application .form-group .checkbox input#application-pronoun {
    width: calc(100% - 176px);
  }
  #Application .form-group .radio .checkmark,
  #Application .form-group .checkbox .checkmark {
    top: 3px;
    height: 18px;
    width: 18px;
  }
  #Application .form-group .radio span,
  #Application .form-group .checkbox span {
    font-size: 0.875rem;
    line-height: 140%;
  }
  #Application .form-group .radio span a::after,
  #Application .form-group .checkbox span a::after {
    height: 1px;
    bottom: -1px;
  }
  #Application .form-group .radio .checkmark:after,
  #Application .form-group .checkbox .checkmark:after {
    width: 18px;
    height: 18px;
  }
  #Application .form-group fieldset .input .row legend.control-label {
    padding: 30px 0;
  }
  #Application .form-group .btn-group .btn.btn-add {
    margin-bottom: 80px;
    margin-top: 30px;
    font-size: 0.8333rem;
    padding-left: 30px;
  }
  #Application .form-group .btn-group .btn.btn-add::before {
    top: 3px;
    width: 18px;
    height: 18px;
  }
  #Application .actions .button.cta-huge .btn-text-desktop {
    display: none;
  }
  #Application .actions .button.cta-huge .btn-text-mobile {
    display: inline-block;
  }
  #Application .fileupload-name .filename {
    float: left;
    width: calc(100% - 35px);
    line-height: 140%;
  }
  #Application .fileupload-name .fileupload-reset {
    width: 18px;
    height: 18px;
    top: 2px;
    margin-right: 10px;
    float: left;
  }
  #Application .fileupload-name .fileupload-reset::before {
    width: 18px;
    height: 18px;
  }
  .form-framework {
    padding: 0 20px;
  }
  .form-framework .input input {
    min-height: 45px;
    height: 100%;
  }
  .repeatable-container {
    padding: 0;
  }
}
.dropdown-wrapper .ui-multiselect-menu {
  padding: 0 !important;
}
.dropdown-wrapper .ui-multiselect-menu ul.ui-multiselect-checkboxes li .container-checkbox {
  margin-bottom: 0;
  padding: 20px;
  width: calc(100% - 4px);
  left: 2px;
  top: 2px;
}
.dropdown-wrapper .ui-multiselect-menu ul.ui-multiselect-checkboxes li .container-checkbox.option-selected {
  background-color: #ccefcb;
}
.dropdown-wrapper .ui-multiselect-menu ul.ui-multiselect-checkboxes li .container-checkbox:hover {
  background-color: #000000;
}
.dropdown-wrapper .ui-multiselect-menu ul.ui-multiselect-checkboxes li .container-checkbox:hover span {
  color: #fff;
}
.dropdown-wrapper .ui-multiselect-menu ul.ui-multiselect-checkboxes li .container-checkbox span:not(.checkmark) {
  margin-left: 0;
}
.dropdown-wrapper .ui-multiselect-menu ul.ui-multiselect-checkboxes li .container-checkbox span.checkmark {
  display: none;
}

.select-dropdown {
  position: relative;
  overflow: hidden;
  display: block;
  height: 100%;
}
.select-dropdown > i.toggle {
  position: absolute;
  z-index: 4;
  right: 1.5em;
  top: 1.6em;
  color: #ccc;
}
.select-dropdown .placeholder {
  position: relative;
  height: 56px;
  line-height: 50px;
  background-color: #fff;
  border-radius: 60px;
  padding: 0 40px;
  -webkit-box-shadow: inset 0px 0px 0px 2px #000000;
  box-shadow: inset 0px 0px 0px 2px #000000;
  border: none;
  font-size: 1.125rem;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url(../img/Dropdown.svg);
  background-repeat: no-repeat;
  background-position: 95% center;
  background-size: 26px auto;
  cursor: pointer;
  text-align: left;
}
.select-dropdown .title {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.select-dropdown > input {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
  cursor: pointer;
}
.select-dropdown > input:checked ~ i.toggle.icon-arrow-down {
  display: none;
}
.select-dropdown > input:checked ~ i.toggle.icon-arrow-up {
  display: block;
}
.select-dropdown > input:checked div.options label.option .title {
  display: none !important;
}
.select-dropdown > input:not(:checked) {
  z-index: 4;
}
.select-dropdown > input:not(:checked) ~ label.option > span.title {
  display: none;
}
.select-dropdown > input:not(:checked) ~ i.toggle.icon-arrow-up {
  display: none;
}
.select-dropdown > input:not(:checked) ~ i.toggle.icon-arrow-down {
  display: block;
}
.select-dropdown > input:disabled {
  cursor: no-drop;
}
.select-dropdown > span.placeholder {
  position: relative;
  z-index: 0;
  display: inline-block;
  width: 100%;
  border-top: 0px;
  margin-bottom: 20px;
}
.select-dropdown label.option {
  display: block;
  overflow: hidden;
  z-index: 1;
  width: 100%;
  transition: all 1s ease-out;
}
.select-dropdown label.option:first-of-type span.title {
  border-top: 2px solid #000000;
}
.select-dropdown label.option:last-of-type span.title {
  border-bottom: 2px solid #000000;
}
.select-dropdown label.option span.title {
  position: relative;
  z-index: 2;
  color: #000000;
  font-size: 1rem;
  padding: 20px 20px;
  background-color: #fff;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
  transition: background 0.3s ease-out;
}
.select-dropdown label.option span.title i.icon {
  padding-right: 8px;
  color: rgb(146, 168, 209);
}
.select-dropdown label.option span.title:hover {
  color: #fff;
  background: #000000;
  box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.select-dropdown label.option input {
  display: none;
}
.select-dropdown label.option input:checked ~ span.title {
  position: absolute;
  display: block;
  z-index: 3;
  top: 0px;
  box-shadow: none;
  width: 100%;
  height: 56px;
  line-height: 50px;
  background-color: #fff;
  border-radius: 60px;
  padding: 0 40px;
  -webkit-box-shadow: inset 0px 0px 0px 2px #000000;
  box-shadow: inset 0px 0px 0px 2px #000000;
  border: none;
  font-size: 1.125rem;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url(../img/Dropdown.svg);
  background-repeat: no-repeat;
  background-position: 95% center;
  background-size: 26px auto;
  cursor: pointer;
  text-align: left;
}
.select-dropdown label.option input:disabled ~ span.title {
  background: #f9f9f9 !important;
  color: #aaa;
}
.select-dropdown label.option input:disabled ~ span.title:hover {
  color: #aaa;
  background: none;
  cursor: no-drop;
}

header {
  font-family: "Charite Text", Arial, sans-serif;
  font-size: 1.125rem;
  line-height: 1;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120px;
  background-color: #fff;
  z-index: 50;
  transition-property: height;
  transition: none;
}
header .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header.submenu-open {
  transition: none;
}
header.lang-open {
  height: auto;
  transition: none;
}
header.sticky {
  position: sticky;
  top: 0;
  z-index: 100;
}
header.sticky-offer {
  position: fixed;
  left: 0;
  width: 100%;
  height: 120px;
  z-index: 1000;
  transform: translateY(-100%);
  transition: all 0.25s ease;
}
header.sticky-offer.ani-in {
  transform: translateY(0);
  transition: all 0.25s ease;
}
header.sticky-offer.ani-in .container.second {
  transform: translateY(0);
  transition: all 0.25s ease;
  transition-delay: 0.1s;
}
header.sticky-offer .container {
  z-index: 20;
  height: 100%;
}
header.sticky-offer .container .cta-main.big.arrow-left {
  top: 33px;
  margin-left: 20px;
  top: 0;
  height: 92px;
  line-height: 92px;
}
header.sticky-offer .container .cta-main.big.arrow-left::before {
  width: 64px;
  height: 92px;
  line-height: 92px;
}
header.sticky-offer .container .cta-main.big.arrow-left:hover::before {
  transform: rotate(180deg) translatex(5px);
  transition: all 0.4s cubic-bezier(0.33, 0.775, 0.265, 1.55);
}
header.sticky-offer .container .title {
  width: 66.666%;
  float: right;
  margin-bottom: 0;
  margin-top: 10px;
  padding-right: 20px;
}
header.sticky-offer .container .title p {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-bottom: 0;
}
header.sticky-offer .container.second {
  display: block;
  height: 96px;
  z-index: 19;
  margin-top: 0;
  transform: translateY(-200%);
  transition: all 0.25s ease;
}
header.sticky-offer .container.second .head {
  height: 96px;
  width: 100%;
  margin-top: 0px;
  padding: 20px 40px;
}
header.sticky-offer .container.second .buttons {
  float: right;
  margin-top: 0;
}
header.sticky-offer .container.second .buttons .button {
  top: 5px;
  margin-left: 40px;
}
header.sticky-offer .container.second .buttons .button.cta-to-top {
  top: -3px;
  position: relative;
  width: 64px;
  height: 64px;
  display: inline-block;
}
header.sticky-offer .container.second .buttons .button.cta-to-top:hover .icon {
  transform: translateY(-5px);
  transition: all 0.4s cubic-bezier(0.33, 0.775, 0.265, 1.55);
}
header.sticky-offer .container.second .buttons .button.cta-to-top .icon {
  transition: all 0.4s cubic-bezier(0.33, 0.775, 0.265, 1.55);
  width: 64px;
  height: 64px;
}
header.sticky-offer .container.second .buttons .button.cta-to-top .icon::before {
  position: relative;
  display: inline-block;
  width: 64px;
  height: 64px;
  content: "";
  background-image: url("../img/Arrow-up-64.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}
header.sticky-offer .container.second .share-container {
  bottom: -154px;
}
header .to-home {
  background-image: none;
}
header .to-home .header-logo {
  height: 120px;
  width: auto;
}
header .cta-main.big.arrow-left {
  font-family: inherit;
  font-weight: normal;
  line-height: 120px;
  height: auto;
  top: 0;
}
header .cta-main.big.arrow-left::before {
  top: 0;
  width: 100px;
  height: 120px;
  line-height: 120px;
}
header nav {
  height: 100%;
  line-height: 120px;
  margin-right: 80px;
}
header nav.menu-open ul li.has-submenu a .menu-text::after {
  background-color: #fff;
}
header nav ul {
  display: flex;
  align-items: flex-start;
  gap: 0 40px;
  padding-left: 0;
  margin-bottom: 0;
  line-height: 120px;
  font-size: 1.167rem;
}
header nav ul li {
  position: relative;
  list-style: none;
  padding-left: 0;
  line-height: inherit;
}
header nav ul li::before {
  display: none;
}
header nav ul li.root a {
  font-size: 1.125rem;
}
header nav ul li a {
  position: relative;
  font-size: 1rem;
  font-family: inherit;
  font-weight: normal;
  text-decoration: none;
  white-space: nowrap;
  background-image: none;
}
header nav ul li a::after {
  position: absolute;
  bottom: -5px;
  left: 0;
  display: inline-block;
  width: 0;
  height: 2px;
  content: "";
  background-color: #000000;
  transition: all 0.2s ease-in;
}
header nav ul li a:hover::after {
  width: 100%;
  transition: all 0.2s ease-in;
}
header nav ul li a.active::after {
  position: absolute;
  bottom: -5px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 2px;
  content: "";
  background-color: #000000;
}
header nav ul li a .label-mobile {
  display: none;
}
header nav ul li a .icon.icon-Pin::before,
header nav ul li a .icon.icon-Pin-filled::before {
  font-size: 46px;
  display: inline-block;
  position: relative;
  top: 10px;
}
header nav ul li a .icon.icon-Pin-filled {
  margin-right: 14px;
}
header nav ul li a.no-underline::after {
  display: none;
}
header nav ul li .icon-Dropdown {
  position: relative;
  top: 4px;
  margin-left: 2px;
  display: inline-block;
  transition: all 0.4s cubic-bezier(0.33, 0.775, 0.265, 1.55);
  transform: rotate(0);
}
header nav ul li .icon-Dropdown::before {
  font-size: 0.9rem;
}
header nav ul li.has-submenu a {
  background-image: none;
}
header nav ul li.has-submenu a::after {
  display: none !important;
}
header nav ul li.has-submenu a:hover .menu-text::after {
  width: 100%;
  transition: all 0.2s ease-in;
}
header nav ul li.has-submenu a.active .menu-text::after {
  position: absolute;
  bottom: -5px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 2px;
  content: "";
  background-color: #000000;
}
header nav ul li.has-submenu a .menu-text {
  position: relative;
}
header nav ul li.has-submenu a .menu-text::after {
  position: absolute;
  bottom: -5px;
  left: 0;
  display: inline-block;
  width: 0;
  height: 2px;
  content: "";
  background-color: #000000;
  transition: all 0.2s ease-in;
}
header nav ul li.submenu-open > a::after {
  width: 100%;
}
header nav ul li.submenu-open .icon-Dropdown {
  transform: rotate(-180deg);
  top: 7px;
  transition: all 0.4s cubic-bezier(0.33, 0.775, 0.265, 1.55);
}
header nav ul li.submenu-open .submenu {
  display: block;
  transition: all 0.25s cubic-bezier(0.33, 0.775, 0.265, 1.55);
}
header nav ul li.submenu-open .submenu ul {
  display: flex;
  flex-direction: column;
}
header nav ul li .submenu {
  position: absolute;
  line-height: 2rem;
  height: auto;
  display: none;
  overflow: hidden;
  margin-top: -20px;
  transition: all 0.25s cubic-bezier(0.33, 0.775, 0.265, 1.55);
  width: 100%;
  padding-bottom: 8px;
}
header nav ul li .submenu ul {
  gap: 20px;
}
header nav ul li .submenu ul li a .menu-text {
  display: block;
  line-height: 1.2rem;
  font-size: 1rem;
  white-space: break-spaces;
}
header nav ul li .lang-container {
  position: absolute;
  max-height: 80px;
  line-height: 150%;
  padding-right: 33px;
  overflow: hidden;
  text-transform: uppercase;
  padding-top: 48px;
}
header nav ul li .lang-container.open {
  max-height: 180px;
}
header nav ul li .lang-container #btn-lang-change {
  position: absolute;
  right: 0;
  top: 44px;
  width: 26px;
  height: 26px;
  display: block;
  cursor: pointer;
}
header nav ul li .lang-container #btn-lang-change .icon {
  display: block;
  top: 0;
  transition: all 0.4s cubic-bezier(0.33, 0.775, 0.265, 1.55);
  transform: rotate(0);
}
header nav ul li .lang-container #btn-lang-change.open .icon {
  transform: rotate(-180deg);
  transition: all 0.4s cubic-bezier(0.33, 0.775, 0.265, 1.55);
}
header nav ul li .lang-container a {
  display: block;
  font-size: 1.208rem;
  line-height: 24px;
  margin-bottom: 20px;
  background-image: none;
}
header nav ul li .lang-container a::after {
  display: none;
}
header.header-transparent {
  position: absolute;
  background-color: transparent;
}
header.bg-ui-secondary {
  background-color: #002898;
}
header.bg-ui-secondary nav ul li.has-submenu a .menu-text::after {
  background-color: #fff;
}
header.c-white nav ul li a {
  color: #fff;
  background-image: none;
}
header.c-white nav ul li a::after {
  background-color: #fff;
}
header.c-white nav ul li .lang-container #btn-lang-change .icon::before {
  color: #fff;
}
header.c-white #btn-menu .menu-icon div span {
  background-color: #fff;
}
header.header-white nav ul li a {
  color: #fff;
}
header.header-white nav ul li a::after {
  background-color: #fff;
}
header.header-white nav ul li .lang-container #btn-lang-change .icon::before {
  color: #fff;
}
header.header-white nav header.menu-open ul li a {
  color: #000000;
}

#btn-menu {
  display: none;
}

@media only screen and (max-width: 1440px) {
  header.sticky-offer .container.second .head {
    width: calc(100% - 40px);
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media only screen and (max-width: 1169px) {
  header {
    height: 72px;
  }
  header.bg-ui-secondary .cta-main.big.arrow-left {
    line-height: 90px;
    margin-left: 10px;
  }
  header.bg-ui-secondary .cta-main.big.arrow-left::before {
    top: 0;
    height: 90px;
    line-height: 90px;
  }
  header.sticky-offer {
    top: 72px;
  }
  header.sticky-offer.bg-ui-secondary {
    background: transparent;
  }
  header.sticky-offer .container .title {
    padding-left: 20px;
  }
  header.sticky-offer .container .cta-main.big.arrow-left {
    margin-left: 12.3px;
  }
  header.sticky-offer .container .cta-main.big.arrow-left {
    font-family: inherit;
    font-weight: normal;
    top: 0px;
    line-height: 90px;
    width: 100%;
    margin-left: 10px;
  }
  header.sticky-offer .container .cta-main.big.arrow-left::before {
    font-size: 70px;
    height: 90px;
    width: 70px;
    line-height: 90px;
    content: "";
  }
  header.sticky-offer .container .cta-main.big.arrow-left span.heading-s {
    display: inline-block;
    margin-bottom: 0;
    line-height: 1.622rem;
    width: calc(90% - 30px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    top: 3px;
  }
  header.sticky-offer .container.second .head {
    width: calc(100% - (12.3px + 12.3px));
    margin-left: 12.3px;
    margin-right: 12.3px;
    padding: 12.3px 32.3px;
  }
  header.sticky-offer .container.second .head .button.cta-med {
    margin-top: 5px;
  }
  header.header-white #btn-menu .btn-menu-label {
    color: #fff;
  }
  header.header-white #btn-menu .menu-icon span {
    background-color: #fff;
  }
  header .to-home .header-logo {
    height: 72px;
  }
  header .button.cta-main.big.arrow-left::before {
    font-size: 70px;
    height: 90px;
    width: 70px;
    line-height: 90px;
    content: "";
  }
  header .button.cta-main.big.arrow-left span.heading-s {
    display: inline-block;
    margin-bottom: 0;
    line-height: 1.622rem;
    width: 260px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    top: 6px;
  }
  header .button.cta-main.big.arrow-left:hover::before {
    transform: rotate(180deg) translateX(0px);
  }
  header nav {
    position: relative;
    top: 0;
    max-height: 0;
    overflow: hidden;
  }
  header nav.menu-open {
    position: fixed;
    height: 100vh;
    top: 0;
    width: 100%;
    margin-right: 0;
    max-height: 100vh;
    background-color: #002898;
    color: #fff !important;
    padding-top: 72px;
  }
  header nav.menu-open ul li a {
    color: #fff;
  }
  header nav ul {
    flex-direction: column;
    height: calc(100vh - 130px);
  }
  header nav ul li {
    width: 100%;
    line-height: 1.375rem;
    padding-bottom: 40px;
  }
  header nav ul li.has-submenu.submenu-open::after {
    content: "";
    display: block;
    height: 60px;
    width: 100%;
    position: absolute;
    bottom: 40px;
    left: 30px;
    z-index: 1;
    background: linear-gradient(to bottom, transparent, #002898);
  }
  header nav ul li a {
    font-weight: normal;
    color: #fff !important;
  }
  header nav ul li a::after {
    background-color: #fff;
  }
  header nav ul li a:hover::after {
    display: none;
  }
  header nav ul li a.no-underline {
    display: block;
  }
  header nav ul li a.no-underline::before, header nav ul li a.no-underline::after {
    content: "";
    display: table;
  }
  header nav ul li a.no-underline::after {
    clear: both;
  }
  header nav ul li a.active {
    font-family: inherit;
    font-weight: bold;
  }
  header nav ul li a.active .menu-text::after {
    background-color: #fff !important;
  }
  header nav ul li a.active::after {
    background-color: #fff !important;
  }
  header nav ul li a .label-mobile {
    display: block;
    float: left;
    margin-top: 16px;
  }
  header nav ul li a .icon.icon-Pin {
    float: left;
    margin-left: 10px;
  }
  header nav ul li a .icon.icon-Pin::before {
    font-size: 36px;
  }
  header nav ul li .submenu {
    position: relative;
    max-height: 270px;
    overflow: auto;
    direction: rtl;
    scrollbar-width: thin; /* For Firefox */
    scrollbar-color: rgba(255, 255, 255, 0.6) transparent;
    margin-top: 30px;
    margin-left: 20px;
  }
  header nav ul li .submenu::-webkit-scrollbar {
    width: 1px;
  }
  header nav ul li .submenu::-webkit-scrollbar-track {
    background: transparent;
  }
  header nav ul li .submenu::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 0;
  }
  header nav ul li .submenu > * {
    direction: ltr;
  }
  header nav ul li .submenu ul {
    margin-top: 0;
    padding-bottom: 50px;
    height: auto;
  }
  header nav ul li .submenu ul li {
    padding-bottom: 0;
    margin-left: 20px;
  }
  header nav ul li .submenu ul li.has-submenu {
    padding-bottom: 0;
  }
  header nav ul li .submenu ul li:last-child {
    padding-bottom: 0;
  }
  header nav ul li .submenu ul li a {
    display: inline-block;
    margin-left: 20px;
  }
  header nav ul li .lang-container {
    height: 80px;
    padding-top: 0;
  }
  header nav ul li .lang-container a {
    display: inline-block;
    font-weight: normal;
    font-size: 1.125rem;
  }
  header nav ul li .lang-container a:last-child {
    margin-left: 22px;
  }
  header nav ul li .lang-container a.active {
    font-family: inherit;
    font-weight: bold;
  }
  header nav ul li .lang-container a.active:after {
    position: absolute;
    bottom: -5px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 2px;
    content: "";
    background-color: #fff;
  }
  header nav ul li .lang-container #btn-lang-change {
    display: none;
  }
  header nav ul li .lang-container::after {
    display: none;
  }
  header nav ul li a {
    margin-left: 22.3px;
    font-size: 1rem;
  }
  #btn-menu {
    position: absolute;
    right: 13px;
    top: 15px;
    z-index: 5;
    display: block;
  }
  #btn-menu.active {
    color: #fff;
    position: fixed;
  }
  #btn-menu.active .menu-icon span {
    background-color: #fff;
  }
  #btn-menu .btn-menu-label {
    position: absolute;
    top: 0px;
    right: 50px;
    height: 38px;
    line-height: 38px;
    font-size: 1.375rem;
  }
  .menu-icon {
    position: relative;
    width: 38px;
    height: 38px;
    cursor: pointer;
  }
  .menu-icon .menu-icon__cheeckbox {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    cursor: pointer;
    z-index: 2;
    -webkit-touch-callout: none;
    position: absolute;
    opacity: 0;
    padding: 0;
    margin: 0;
  }
  .menu-icon div {
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 33px;
    height: 16px;
  }
  .menu-icon span {
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background-color: var(--bar-bg, #000);
    border-radius: 1px;
    transition: all 0.2s cubic-bezier(0.1, 0.82, 0.76, 0.965);
  }
  .menu-icon span:first-of-type {
    top: 0;
  }
  .menu-icon span:last-of-type {
    bottom: 0;
  }
  .menu-icon.active span:first-of-type,
  .menu-icon .menu-icon__cheeckbox:checked + div span:first-of-type {
    transform: rotate(45deg);
    top: 9px;
  }
  .menu-icon.active span:last-of-type,
  .menu-icon .menu-icon__cheeckbox:checked + div span:last-of-type {
    transform: rotate(-45deg);
    bottom: 6px;
  }
}
@media only screen and (max-width: 567px) {
  header {
    font-size: 1.375rem;
    height: 72px;
  }
  header.sticky-offer .container.second .head {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    gap: 8px;
    width: calc(100% - (10px + 10px));
    margin-left: 10px;
    margin-right: 10px;
    padding: 14px;
    justify-content: space-between;
  }
  header.sticky-offer .container.second .head .buttons .button {
    margin-left: 0;
    top: -12px;
  }
  header.sticky-offer .container.second .head .button.cta-med {
    margin-top: 4px;
  }
  header.sticky-offer .container.second .buttons .button.cta-to-top {
    top: 5px;
  }
  header.sticky-offer .container.second .buttons .button.cta-to-top .icon::before {
    width: 46px;
    height: 46px;
    background-image: url("../img/Arrow-up-mobile.svg");
  }
}
footer {
  font-family: "Charite Text", Arial, sans-serif;
  font-size: 1.25rem;
  line-height: 1.6;
  background-color: #fff;
}
footer .container {
  padding: 80px 60px;
}
footer nav ul {
  padding-left: 0;
  line-height: inherit;
}
footer nav ul li {
  line-height: inherit;
  padding-left: 0;
  list-style: none;
}
footer nav ul li::before {
  display: none;
}
footer nav ul li:last-child {
  margin-bottom: 0;
}
footer nav ul li a {
  position: relative;
  text-decoration: none;
  font-size: 1.25rem;
  background-image: none;
}
footer nav ul li a::after {
  position: absolute;
  bottom: -5px;
  left: 0;
  display: inline-block;
  width: 0;
  height: 2px;
  content: "";
  background-color: #000000;
  transition: all 0.2s ease-in;
}
footer nav ul li a:hover::after {
  width: 100%;
  transition: all 0.2s ease-in;
}
footer .col-12 {
  text-align: right;
  margin-top: 60px;
  font-size: 1.25rem;
}

@media only screen and (max-width: 1169px) {
  footer .container {
    padding: 70.4px 50.4px;
  }
  footer .container .col-12 {
    margin-top: 50.4px;
  }
}
@media only screen and (max-width: 830px) {
  footer .container {
    padding: 64.6px 44.6px;
  }
  footer .container .col-12 {
    margin-top: 44.6px;
  }
}
@media only screen and (max-width: 567px) {
  footer {
    font-size: 1.375rem;
    line-height: 1.1;
  }
  footer .container {
    padding: 60px 20px;
  }
  footer .container .col-4 {
    width: 100%;
    margin-bottom: 30px;
  }
  footer .container .col-4 nav ul li {
    margin-bottom: 15px;
  }
  footer .container .col-4 nav ul li:last-child {
    margin-bottom: 0;
  }
  footer .container .col-4 nav ul li a {
    font-size: 1.375rem;
  }
  footer .container .col-12 {
    text-align: left;
    margin-top: 10px;
  }
  footer .container .col-12 div {
    font-size: 1.375rem;
    line-height: 120%;
  }
}
#quick-contact-selection {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-bottom: 80px;
  padding-top: 0;
}

#quick-contact-selection--no-option {
  padding-top: 60px;
}

.button-quickcontact {
  border: none;
  outline: none;
  background-color: transparent;
  padding: 0;
}
.button-quickcontact > input {
  display: none;
}
.button-quickcontact > label {
  font-size: 1.125rem;
  line-height: 1;
  height: 45px;
  padding: 10px 20px 8px;
  color: #000;
  background: #fff;
  border-color: currentColor;
  cursor: pointer;
}
.button-quickcontact > label:hover, .button-quickcontact > label.active {
  color: #fff;
  border-color: #000;
  background: #000;
}

#quick-contact-description {
  margin-bottom: 80px;
}
#quick-contact-description ul {
  padding-left: 12px;
  display: flex;
  flex-direction: column;
  line-height: 1.25;
}
@media screen and (max-width: 567px) {
  #quick-contact-description ul {
    margin-top: 10px;
  }
}

#quick-contact-description.invisible {
  display: none;
}

#quick-contact-form {
  display: flex;
  flex-wrap: wrap;
  gap: 80px 40px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s;
}
#quick-contact-form > div:first-child, #quick-contact-form > div:last-child, #quick-contact-form > .spacer-80, #quick-contact-form > .required.c-system.f-info {
  display: none;
}
#quick-contact-form > * {
  flex: 1 1 calc(50% - 40px);
}
#quick-contact-form > .actions {
  position: relative;
}
#quick-contact-form > .actions::after {
  content: attr(data-required-text);
  display: block;
  position: absolute;
  top: -80px;
  left: 46px;
  font-size: 20px;
  font-weight: 400;
  color: #b00020;
}
#quick-contact-form .button.cta-huge {
  color: #000;
  font-size: clamp(1.125rem, 0.2683486239rem + 1.6513761468vw, 2.25rem);
}
#quick-contact-form .button.cta-huge:hover {
  color: #fff;
}

#quick-contact-form-section.visible #quick-contact-form {
  max-height: 1000px;
  overflow: visible;
  margin-bottom: 80px;
}

.required {
  color: #b00020;
  margin-left: -4px;
}

.control-label {
  font-size: 24px;
  font-weight: 400;
}

.form-control {
  background: transparent;
  outline: none;
  border: none;
  border-bottom: 2px solid #000;
  border-radius: 0;
  width: 100%;
  padding: 0 0 10px 0;
  font-size: 24px;
}

.form-control.invalid {
  border-color: #b00020;
}

.form-control--error {
  font-size: 20px;
  color: #b00020;
  margin-top: 10px;
}

.form-group a ::after {
  width: 12px;
  height: 12px;
}

.form-group.input-text > .input {
  position: relative;
}
.form-group.input-text > .input > .control-label {
  position: absolute;
  top: 4px;
  left: 0;
  transition: all 0.2s;
}
.form-group.input-text > .input:focus-within > .control-label, .form-group.input-text > .input > .control-label.on-top {
  font-size: 20px;
  opacity: 0.5;
  top: -30px;
}

.form-check-label[for=quick-contact-form-privacy] {
  display: flex;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  position: relative;
  margin-bottom: 60px;
}
.form-check-label[for=quick-contact-form-privacy] > input {
  display: none;
}
.form-check-label[for=quick-contact-form-privacy] > .checkmark {
  position: relative;
  display: block;
  min-width: 26px;
  height: 26px;
  margin-right: 20px;
  border-radius: 50%;
  background-color: #fff;
}
.form-check-label[for=quick-contact-form-privacy] > .checkmark::before {
  content: "✓";
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  background-color: #000;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  text-align: center;
  transition: opacity 0.2s;
  opacity: 0;
}
.form-check-label[for=quick-contact-form-privacy] > span {
  display: block;
}
.form-check-label[for=quick-contact-form-privacy] > input:checked + .checkmark::before {
  opacity: 1;
}
.form-check-label[for=quick-contact-form-privacy].invalid {
  color: #b00020;
}

.form-group.input-select > .input.checkbox {
  position: relative;
}
.form-group.input-select > .input.checkbox .control-label {
  position: absolute;
  top: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  width: 100%;
  padding: 0 20px;
  background: #fff;
  background-color: rgb(255, 255, 255);
  background-color: #fff;
  border-radius: 60px;
  box-shadow: inset 0px 0px 0px 2px #000000;
  cursor: pointer;
}
.form-group.input-select > .input.checkbox .control-label > .control-label--text {
  width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.form-group.input-select > .input.checkbox .control-label::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  translate: 0 -5px;
  transform: rotate(135deg);
  transform-origin: center;
  transition: transform 0.2s;
}
.form-group.input-select > .input.checkbox .control-label:hover {
  color: #fff;
  background-color: #000;
  border-radius: 60px;
}
.form-group.input-select > .input.checkbox .control-label:hover::after {
  border-color: #fff;
}
.form-group.input-select > .input.checkbox .control-label.active::after {
  translate: 0;
  transform: rotate(-45deg);
}
.form-group.input-select > .input.checkbox .ui-multiselect-menu .mCSB_inside > .mCSB_container {
  margin-right: 0;
}

.ui-multiselect--quick-contact {
  width: 100%;
}

#quick-contact-success {
  display: none;
  margin-bottom: 80px;
  scroll-margin: 100px;
}

#quick-contact-success.visible {
  display: block;
}

.quick-contact-success--title {
  font-size: 45px;
  font-weight: bold;
  line-height: 1.2;
  margin-top: 60px;
  margin-bottom: 40px;
}

.file-upload {
  position: relative;
  max-width: 49%;
  min-width: 48%;
}
.file-upload #quick-contact-form-upload {
  display: none;
}
.file-upload .form-button {
  width: 100%;
  font-weight: normal;
  font-size: 24px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 2px 64px 0 24px;
  vertical-align: middle;
}
.file-upload #upload-icon, .file-upload .fileupload-name {
  position: absolute;
  z-index: 1;
  right: 0;
  height: 100%;
  align-items: center;
  margin-right: 24px;
}
.file-upload #upload-icon .icon-Close, .file-upload #upload-icon .icon-Arrow-up, .file-upload .fileupload-name .icon-Close, .file-upload .fileupload-name .icon-Arrow-up {
  font-weight: bold;
  color: #000;
}
.file-upload #upload-icon {
  display: flex;
  pointer-events: none;
}
.file-upload .fileupload-name {
  display: none;
  cursor: pointer;
}
.file-upload .fileupload-name:hover .icon-Close {
  color: #000;
}
.file-upload:has(input:hover) #upload-icon > .icon-Arrow-up,
.file-upload:has(input:hover) .fileupload-name > .icon-Close {
  color: #fff;
}

@media screen and (max-width: 1169px) {
  .quickcontact .section-title {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  #quick-contact-selection {
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: 30px;
  }
  #quick-contact-selection--no-option {
    padding-top: 30px;
  }
  #quick-contact-description {
    margin-bottom: 30px;
  }
  #quick-contact-description > p {
    margin-bottom: 0;
  }
  #quick-contact-form-section.visible #quick-contact-form {
    margin-bottom: 30px;
    padding-top: 20px;
  }
  .control-label {
    font-size: 18px;
  }
  .form-control {
    font-size: 18px;
  }
  .form-control--error {
    font-size: 16px;
  }
  .form-group.input-text > .input:focus-within > .control-label,
  .form-group.input-text > .input > .control-label.on-top {
    font-size: 16px;
    top: -20px;
  }
  #quick-contact-success {
    margin-bottom: 30px;
  }
  #quick-contact-success.visible {
    display: block;
  }
  .quick-contact-success--title {
    font-size: 26px;
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 830px) {
  .file-upload {
    max-width: 100%;
  }
  .file-upload .form-button {
    font-size: 18px;
    padding-right: 64px;
  }
  .button-quickcontact--no-option > .button.cta-huge,
  .button-quickcontact > label {
    display: flex;
    align-items: center;
    font-size: 1.125rem;
    height: 36px;
    padding: 0px 12px;
  }
  .button-quickcontact--no-option > .button.cta-huge::before,
  .button-quickcontact > label::before {
    content: unset;
  }
  .button-quickcontact--no-option > .button.cta-huge {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: unset;
    padding: 10px 20px;
  }
  #quick-contact-form {
    gap: 60px;
  }
  #quick-contact-form > * {
    flex: 1 1 100%;
  }
  #quick-contact-form > .spacer-40 {
    display: none;
  }
  #quick-contact-form > .actions::after {
    left: 0;
    font-size: 16px;
  }
  #quick-contact-form > .actions button {
    display: flex;
    align-items: center;
    font-size: 18px;
    width: unset;
    height: 40px;
    padding: 0 20px;
  }
  .form-check-label[for=quick-contact-form-privacy] {
    font-size: 16px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 567px) {
  .file-upload .form-button {
    padding-right: 48px;
  }
  .file-upload #upload-icon, .file-upload .fileupload-name {
    margin-right: 16px;
  }
}
.news-list {
  padding-top: 40px;
}
@media (min-width: 567px) {
  .news-list {
    padding-top: 80px;
  }
}
.news-list .section-title {
  padding-top: 0;
}
.news__item {
  padding: 30px 15px;
  background-color: #FFFFFF;
  border-radius: 20px;
  margin: 0 10px 10px;
  transition: all 0.12s ease-out;
}
.news__item:hover, .news__item:focus {
  background-color: #F0F1F2;
  border-radius: 0;
}
@media (min-width: 567px) {
  .news__item {
    margin: 0 20px 20px;
    padding: 36px 40px;
  }
}
@media (min-width: 567px) {
  .news__item .col-9 {
    padding-left: 40px;
  }
}
@media (max-width: 566px) {
  .news__item .col-9,
  .news__item .col-3 {
    width: 100%;
  }
}
.news__item .news__headline {
  padding-bottom: 10px;
}
.news .share-container {
  bottom: unset;
}

.news__date {
  font-family: inherit;
  font-weight: bold;
  color: #000000;
  line-height: 124%;
  display: inline-block;
}
@media (max-width: 567px) {
  .news__date {
    font-family: inherit;
    font-weight: 500;
    font-size: 16px;
    line-height: 125%;
  }
}
@media (min-width: 567px) {
  .news__date {
    line-height: 120%;
  }
}
@media (min-width: 567px) {
  .news__date-wrapper {
    padding-bottom: 20px;
  }
}
.news__time-wrap {
  font-family: "Charite Text Book", Arial, sans-serif;
}
.news__location {
  font-family: "Charite Text Book", Arial, sans-serif;
  font-size: 1rem;
  line-height: 120%;
}
.news__headline {
  padding-bottom: 20px;
}
@media (min-width: 567px) {
  .news__headline {
    padding-bottom: 10px;
  }
}
.news__headline a, .news__headline a.link-extern:not(.button.cta-med) {
  background: none;
}
.news__headline.padding-content {
  padding-bottom: 30px;
}
@media (min-width: 567px) {
  .news__headline.padding-content {
    padding-bottom: 40px;
  }
}
.news__headline-header {
  font-size: 1.5rem;
  line-height: 100%;
  padding-top: 10px;
  font-family: "Charite Text", Arial, sans-serif;
  font-family: inherit;
  font-weight: 500;
}
@media (min-width: 567px) {
  .news__headline-header {
    font-size: 1.417rem;
    line-height: 116%;
    padding-top: 0;
  }
}
.news__headline-header--primary {
  font-size: 2.167rem;
  line-height: 100%;
  padding: 10px 0;
  font-family: "Charite Headline", Arial, sans-serif;
}
@media (min-width: 567px) {
  .news__headline-header--primary {
    font-size: 3.083rem;
    line-height: 116%;
    padding-top: 0;
  }
}
.news__headline-header--secondary {
  font-size: 34px;
  line-height: 100%;
  padding: 10px 0;
  font-family: inherit;
  font-weight: bold;
}
@media (min-width: 567px) {
  .news__headline-header--secondary {
    font-size: 2.416rem;
    font-family: inherit;
    font-weight: bold;
    line-height: 100%;
    padding-top: 0;
  }
}
.news__teaser-text {
  padding-bottom: 20px;
}
@media screen and (max-width: 567px) {
  .news__teaser-text {
    padding-bottom: 15px;
  }
}
.news__teaser-link-wrapper {
  margin-top: 25px;
}
.news__teaser-link-wrapper a.news__teaser-link--external:not(.button.cta-med) {
  background-image: none;
}
.news__teaser-link {
  display: inline-block;
  background: none;
  position: relative;
}
.news__teaser-link.link-extern.news__teaser-link--external:not(.button.cta-med) {
  padding-right: 15px;
  font-size: 1.125rem;
}
.news__teaser-link.link-extern.news__teaser-link--external:not(.button.cta-med):hover::after {
  background-image: url("../img/CHA_Icon_Link-extern-white.svg");
}
.news__teaser-link--external {
  display: inline-block;
  border-radius: 60px;
  padding: 11px 20px 10px;
  border: 2px solid #000000;
  font-size: 1.056rem;
  line-height: 94%;
  transition: all 0.25s ease-in-out;
  font-family: inherit;
  font-weight: bold;
}
@media (min-width: 567px) {
  .news__teaser-link--external {
    font-size: 1.167rem;
    line-height: 100%;
    padding: 15px 40px;
  }
}
.news__teaser-link--external:hover {
  background-color: #000000;
  color: #FFFFFF;
}
.news__teaser-link-icon {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}
@media (min-width: 567px) {
  .news__teaser-text p {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 567px) {
  .hide-for-small {
    display: none;
  }
}
.news__paginator {
  list-style-type: none;
  margin: 0;
  padding: 20px 0 0;
  text-align: center;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 567px) {
  .news__paginator {
    padding: 40px 0 0;
  }
}
.news__paginator-item {
  display: inline-block;
  padding: 0;
}
.news__paginator-item::before {
  content: "";
  position: inherit;
}
.news__paginator-item--current {
  padding: 15px;
  margin: 4px;
}
.news__paginator-item--current:after {
  position: absolute;
  content: "";
  height: 6px;
  width: 40px;
  background-color: #000000;
  bottom: 3px;
  left: 50%;
  margin-left: -20px;
  transition: all 0.2s ease-in;
}
.news__paginator-item--link {
  padding: 15px;
  margin: 4px;
}
.news__paginator-item--link:after {
  position: absolute;
  content: "";
  height: 6px;
  width: 0px;
  background-color: #000000;
  bottom: 5px;
  left: 50%;
  margin-left: -20px;
  transition: all 0.2s ease-in;
}
.news__paginator-item--link:hover:after {
  width: 40px;
}
.news__paginator-item--prev-link {
  width: 46px;
  height: 46px;
  margin: 0 10px 0 0;
  display: inline-block;
}
@media screen and (min-width: 567px) {
  .news__paginator-item--prev-link {
    width: 100px;
    height: 54px;
  }
}
.news__paginator-item--prev-link:after {
  display: none;
}
.news__paginator-item--prev-link:before {
  position: absolute;
  left: 0;
  content: "";
  background-image: url("../img/Arrow-right-huge-black.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  font-weight: normal;
  font-size: 4.2rem;
  width: 46px;
  height: 46px;
  line-height: 54px;
  transform: rotate(180deg);
  transition: all 0.4s cubic-bezier(0.33, 0.775, 0.265, 1.55);
}
@media screen and (min-width: 567px) {
  .news__paginator-item--prev-link:before {
    width: 100px;
    height: 54px;
  }
}
.news__paginator-item--prev-link:hover:before {
  transform: rotate(180deg) translateX(5px);
  transition: all 0.4s cubic-bezier(0.33, 0.775, 0.265, 1.55);
}
.news__paginator-item--next-link {
  width: 46px;
  height: 46px;
  display: inline-block;
  margin: 0 0 0 10px;
}
@media screen and (min-width: 567px) {
  .news__paginator-item--next-link {
    width: 100px;
    height: 54px;
  }
}
.news__paginator-item--next-link:after {
  display: none;
}
.news__paginator-item--next-link:before {
  position: absolute;
  left: 0;
  content: "";
  background-image: url("../img/Arrow-right-huge-black.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  font-weight: normal;
  font-size: 4.2rem;
  width: 46px;
  height: 46px;
  line-height: 54px;
  transition: all 0.4s cubic-bezier(0.33, 0.775, 0.265, 1.55);
}
@media screen and (min-width: 567px) {
  .news__paginator-item--next-link:before {
    width: 100px;
    height: 54px;
  }
}
.news__paginator-item--next-link:hover:before {
  transform: translateX(5px);
  transition: all 0.4s cubic-bezier(0.33, 0.775, 0.265, 1.55);
}
.news__paginator-svg {
  width: 100%;
  height: auto;
  stroke: #000000;
  stroke-width: 4;
  stroke-miterlimit: 10;
  stroke-linecap: round;
  stroke-linejoin: round;
  display: inline-block;
}
.news__paginator-svg--link {
  display: inline-block;
  width: 46px;
}
@media (min-width: 567px) {
  .news__paginator-svg--link {
    width: 100px;
  }
}

.news-single {
  margin-top: 117px;
}
@media (min-width: 567px) {
  .news-single {
    margin-top: 200px;
  }
}
@media (max-width: 567px) {
  .news-single .spacer-120 {
    height: 40px;
  }
}
.news-single::before, .news-single::after {
  clear: both;
}

.news__article {
  margin-left: 15px;
  margin-right: 15px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 567px) {
  .news__article {
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 40px;
    padding-right: 40px;
  }
}

.news__datetime-wrapper {
  margin-bottom: 15px;
  line-height: 125%;
  font-size: 1.056rem;
}
@media (min-width: 567px) {
  .news__datetime-wrapper {
    font-size: 1.125rem;
  }
}
.news__datetime-wrapper .news__date-wrapper {
  padding-bottom: 0;
}
.news__location-wrapper {
  margin-bottom: 20px;
}
.news__text-details {
  font-size: 1.125rem;
  margin-bottom: 20px;
  display: inline-block;
}
.news__backlink {
  background: none;
  text-align: center;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
}
.news__backlink-wrapper {
  margin-top: 40px;
}
.news__backlink-icon {
  display: inline-block;
}
.news__backlink-text {
  padding-left: 20px;
  display: inline-block;
}
.news__backlink-svg {
  width: 100%;
  height: auto;
  stroke: #000000;
  stroke-width: 4;
  stroke-miterlimit: 10;
  stroke-linecap: round;
  stroke-linejoin: round;
  display: inline-block;
  max-width: 68px;
}

.news__header-wrapper {
  width: 100%;
}
@media (min-width: 567px) {
  .news__header-wrapper {
    width: 66.66%;
    float: right;
  }
}
.news__event-info-wrapper {
  width: 100%;
  margin-bottom: 60px;
}
@media (min-width: 567px) {
  .news__event-info-wrapper {
    width: 33.33%;
    float: left;
  }
}
.news__bodytext-wrapper {
  width: 100%;
}
@media (min-width: 567px) {
  .news__bodytext-wrapper {
    width: 66.66%;
    float: right;
  }
}
.news__related-news-wrapper {
  float: none;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (min-width: 567px) {
  .news__related-news-wrapper {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (min-width: 567px) {
  .news__related-location-wrapper {
    width: 33.33%;
    float: left;
  }
}
@media (min-width: 567px) {
  .news__related-description-wrapper {
    width: 66.66%;
    float: left;
  }
}

.news .news__headline-header {
  font-family: "Charite Text", Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 105%;
}
.news .news__headline a.link-extern {
  border: none;
  padding-left: 0;
}
.news .news__headline a.link-extern:hover {
  color: #878787;
}
.news .news__headline a.link-extern:after {
  content: none;
}
.news a.link-extern {
  background-image: none;
  background-position: initial;
  background-size: unset;
  margin-top: 30px;
  border-radius: 60px;
  padding: 9px 40px 7px;
  border: 2px solid #000000;
  border-radius: 60px;
  font-family: "Charite Text", Arial, sans-serif;
  font-size: 1.375rem;
  line-height: 105%;
  transition: all 0.25s ease-in-out;
}
.news a.link-extern::before {
  position: relative;
  left: initial;
  right: initial;
  top: initial;
  bottom: initial;
  width: initial;
  height: initial;
  background-image: none;
  background-size: initial;
}
.news a.link-extern:hover {
  background-color: #000000;
  color: #FFFFFF;
}
@media (min-width: 567px) {
  .news a.link-extern {
    font-size: 1.5rem;
    padding: 15px 40px;
  }
}
@media (max-width: 567px) {
  .news .news__headline-header {
    font-size: 1.375rem;
    line-height: 100%;
  }
}

/*
 *    Breakpoints
 */
.padding-no {
  padding: 0 !important;
}

.padding-content {
  padding-left: 60px;
  padding-right: 60px;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.spacing-content-small {
  padding: 40px !important;
}

.margin-bottom-layout {
  margin-bottom: 20px;
}

.spacer-10 {
  height: 10px;
}

.spacer-20 {
  height: 20px;
}

.spacer-30 {
  height: 30px;
}

.spacer-40 {
  height: 40px;
}

.spacer-60 {
  height: 60px;
}

.spacer-80 {
  height: 80px;
}

.spacer-100 {
  height: 100px;
}

.spacer-120 {
  height: 120px;
}

@media only screen and (max-width: 1169px) {
  .padding-content {
    padding-left: 50.4px;
    padding-right: 50.4px;
  }
  .padding-bottom-40 {
    padding-bottom: 35.2px !important;
  }
  .spacing-content-small {
    padding: 35.2px !important;
  }
  .margin-bottom-layout {
    margin-bottom: 15.2px;
  }
  .spacer-10 {
    height: 10px;
  }
  .spacer-20 {
    height: 15.2px;
  }
  .spacer-30 {
    height: 25.2px;
  }
  .spacer-40 {
    height: 35.2px;
  }
  .spacer-60 {
    height: 50.4px;
  }
  .spacer-80 {
    height: 70.4px;
  }
  .spacer-100 {
    height: 90.4px;
  }
  .spacer-120 {
    height: 110.4px;
  }
}
@media only screen and (max-width: 830px) {
  .padding-content {
    padding-left: 44.6px;
    padding-right: 44.6px;
  }
  .padding-bottom-40 {
    padding-bottom: 32.3px !important;
  }
  .spacing-content-small {
    padding: 32.3px !important;
  }
  .margin-bottom-layout {
    margin-bottom: 12.3px;
  }
  .spacer-10 {
    height: 10px;
  }
  .spacer-20 {
    height: 12.3px;
  }
  .spacer-30 {
    height: 22.3px;
  }
  .spacer-40 {
    height: 32.3px;
  }
  .spacer-60 {
    height: 44.6px;
  }
  .spacer-80 {
    height: 64.6px;
  }
  .spacer-100 {
    height: 84.6px;
  }
  .spacer-120 {
    height: 104.6px;
  }
}
@media only screen and (max-width: 567px) {
  .padding-content {
    padding-left: 20px;
    padding-right: 20px;
  }
  .padding-bottom-40 {
    padding-bottom: 30px !important;
  }
  .spacing-content-small {
    padding: 30px !important;
  }
  .margin-bottom-layout {
    margin-bottom: 10px;
  }
  .spacer-10 {
    height: 10px;
  }
  .spacer-20 {
    height: 10px;
  }
  .spacer-30 {
    height: 30px;
  }
  .spacer-40 {
    height: 30px;
  }
  .spacer-60 {
    height: 40px;
  }
  .spacer-80 {
    height: 60px;
  }
  .spacer-100 {
    height: 80px;
  }
  .spacer-120 {
    height: 80px;
  }
}
.padding-top-0 {
  padding-top: 0 !important;
}

.padding-bottom-0 {
  padding-bottom: 0 !important;
}

/*
 *    grid
 */
.row:after {
  display: block;
  clear: both;
  content: "";
}

.clearfix:after {
  display: block;
  clear: both;
  content: "";
}

[class*=col-] {
  position: relative;
  float: left;
  margin-right: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
[class*=col-]:last-child {
  margin-right: 0;
}

[class*=col-4]:nth-child(3n) {
  margin-right: 0;
}

[class*=col-6]:nth-child(even) {
  margin-right: 0;
}

/*
 *    Columns
 */
.col-1 {
  width: 8.333%;
}

.col-2 {
  width: 16.666%;
}

.col-3 {
  width: 25%;
}

.col-4 {
  width: 33.333%;
}

.col-5 {
  width: 41.666%;
}

.col-6 {
  width: 50%;
}

.col-7 {
  width: 58.333%;
}

.col-8 {
  width: 66.666%;
}

.col-9 {
  width: 75%;
}

.col-10 {
  width: 83.333%;
}

.col-11 {
  width: 91.666%;
}

.col-12 {
  width: 100%;
}

/*
 *    Colors
 */
.c-black {
  color: #000000;
}

.bg-black {
  background-color: #000000;
}

.c-white {
  color: #fff;
}

.bg-white {
  background-color: #fff;
}

.c-brand {
  color: #0046aa;
}

.bg-brand {
  background-color: #0046aa;
}

.c-ui-primary {
  color: #ccefcb;
}

.bg-ui-primary {
  background-color: #ccefcb;
}

.c-ui-secondary {
  color: #002898;
}

.bg-ui-secondary {
  background-color: #002898;
}

.c-system {
  color: #b00020;
}

.bg-system {
  background-color: #b00020;
}

.c-base-grey {
  color: #878787;
}

.bg-base-grey {
  background-color: #878787;
}

.c-base-grey-light {
  color: #dadcde;
}

.bg-base-grey-light {
  background-color: #dadcde;
}

.c-base-offwhite {
  color: #f0f1f2;
}

.bg-base-offwhite {
  background-color: #f0f1f2;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.f-none {
  float: none;
}

.border-20 {
  border-radius: 20px;
}

/*
 *  Animation
 */
#blog-content [id^=video-container-],
.job-video [id^=video-container-] {
  margin: 0 !important;
}
#blog-content [id^=video-container-] ~ .video-caption,
.job-video [id^=video-container-] ~ .video-caption {
  margin: 0 !important;
}

.text.job-video {
  padding-top: 0;
}

[id^=video-container-] {
  position: relative;
  display: flex;
  margin: 0 60px;
}
[id^=video-container-] .status-icon-wrapper {
  position: absolute;
  z-index: 1;
  cursor: pointer;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  opacity: 1;
  transition: opacity 0.5s;
  height: 80px;
  width: auto;
}
[id^=video-container-] .status-icon-wrapper.hidden {
  opacity: 0;
}
[id^=video-container-] .status-icon-wrapper.play #status-icon:before {
  background-image: url("../icon/CHA_Icons_80_Play_Button.svg");
}
[id^=video-container-] .status-icon-wrapper.play.playing #status-icon:before {
  background-image: url("../icon/CHA_Icons_80_Pause_Button.svg");
}
[id^=video-container-] .status-icon-wrapper #status-icon {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
}
[id^=video-container-] .status-icon-wrapper #status-icon:before {
  position: absolute;
  content: "";
  display: inline-block;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  height: 60px;
  width: 60px;
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}
[id^=video-container-] .subtitle-container {
  display: none;
  position: absolute;
  bottom: 8px;
  max-width: 80%;
  margin: auto;
  left: 0;
  right: 0;
}
[id^=video-container-] .subtitle-container.show {
  display: flex;
  justify-content: center;
}
[id^=video-container-] .subtitle-container.move-top {
  bottom: 62px;
}
[id^=video-container-] .subtitle-container div {
  display: inline-block;
  font-family: "Charite Text Book", Arial, sans-serif;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 4px;
}
[id^=video-container-] ~ .video-caption {
  padding: 16px 0;
  margin: 0 60px;
  font-family: "Charite Text Book", Arial, sans-serif;
}
[id^=video-container-] [id^=video-subtitles] {
  font-size: 1.5rem;
}
@media only screen and (max-width: 1169px) {
  [id^=video-container-] {
    margin: 0 50.4px;
  }
  [id^=video-container-] ~ .video-caption {
    margin: 0 50.4px;
  }
}
@media only screen and (max-width: 830px) {
  [id^=video-container-] {
    margin: 0 44.6px;
  }
  [id^=video-container-] ~ .video-caption {
    margin: 0 44.6px;
  }
}
@media only screen and (max-width: 567px) {
  [id^=video-container-] {
    margin: 0 20px;
  }
  [id^=video-container-] [id^=video-subtitles] {
    font-size: 1rem;
    max-width: 100%;
    padding: 8px;
  }
  [id^=video-container-] ~ .video-caption {
    margin: 0 20px;
  }
  [id^=video-container-] .status-icon-wrapper {
    height: 44px;
  }
  [id^=video-container-] .status-icon-wrapper.play #status-icon:before {
    background-image: url("../icon/CHA_Icons_44_Play_Button_Small.svg");
  }
  [id^=video-container-] .status-icon-wrapper.play.playing #status-icon:before {
    background-image: url("../icon/CHA_Icons_44_Pause_Button_Small.svg");
  }
}

video.video-embed-item {
  position: relative;
  width: 100%;
}
video.video-embed-item ~ .video-controls {
  position: absolute;
  display: flex;
  bottom: 15px;
  height: 40px;
  width: 100%;
  min-height: 0;
  min-width: 0;
  line-height: normal !important;
  opacity: 1;
  transition: opacity 0.5s;
  z-index: 2;
}
video.video-embed-item ~ .video-controls.hidden {
  opacity: 0;
}
video.video-embed-item ~ .video-controls .wrapper {
  display: flex;
  align-items: center;
  margin: 0 auto;
  background-color: #002898;
  color: #fff;
  padding: 0 8px;
  border-radius: 5px;
  width: calc(100% - 16px);
  max-height: 44px;
  min-height: 0;
  min-width: 0;
}
video.video-embed-item ~ .video-controls .wrapper .time {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  height: 100%;
  max-width: 65px;
  width: 100%;
  padding: 0;
  margin: 0 5px;
  font-size: 0.7rem;
}
video.video-embed-item ~ .video-controls .wrapper .time .divider, video.video-embed-item ~ .video-controls .wrapper .time .total-time {
  opacity: 0.85;
}
video.video-embed-item ~ .video-controls .wrapper .time .divider {
  padding: 0 4px;
}
video.video-embed-item ~ .video-controls .wrapper .progress {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  border-radius: 10px;
  margin: 0 10px;
  cursor: pointer;
  /* Fallback for other browsers */
}
video.video-embed-item ~ .video-controls .wrapper .progress:hover progress {
  max-height: 10px;
}
video.video-embed-item ~ .video-controls .wrapper .progress:hover .scrubber {
  display: block;
}
video.video-embed-item ~ .video-controls .wrapper .progress:hover #progress-tooltip {
  display: flex;
}
video.video-embed-item ~ .video-controls .wrapper .progress progress {
  width: 100%;
  max-height: 6px;
  border: none;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.5);
  appearance: none;
  -webkit-appearance: none;
}
video.video-embed-item ~ .video-controls .wrapper .progress progress::-webkit-progress-bar {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 10px;
}
video.video-embed-item ~ .video-controls .wrapper .progress progress::-webkit-progress-value {
  background-color: #fff; /* Progress bar color */
  border-radius: 10px;
}
video.video-embed-item ~ .video-controls .wrapper .progress progress::-moz-progress-bar {
  background-color: #fff; /* Progress bar color for Firefox */
  border-radius: 10px;
}
video.video-embed-item ~ .video-controls .wrapper .progress progress::-ms-fill {
  background-color: #fff;
  border-radius: 10px;
}
video.video-embed-item ~ .video-controls .wrapper .scrubber {
  display: none;
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  border: 3px solid #fff;
  background-color: #002898;
  top: 5px;
  cursor: pointer;
}
video.video-embed-item ~ .video-controls .wrapper .tooltip-wrapper {
  display: none;
  position: absolute;
  font-size: 0.7rem;
  border-radius: 5px;
  padding: 4px 8px;
  text-align: center;
}
video.video-embed-item ~ .video-controls .wrapper #progress-tooltip, video.video-embed-item ~ .video-controls .wrapper #volume-tooltip {
  position: absolute;
  top: -26px;
  display: none;
  font-size: 0.7rem;
  background: #fff;
  color: #002898;
  padding: 4px;
  border-radius: 4px;
  align-items: center;
}
video.video-embed-item ~ .video-controls .wrapper #progress-tooltip:after, video.video-embed-item ~ .video-controls .wrapper #volume-tooltip:after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -4px;
  border-width: 4px;
  border-style: solid;
  border-color: #fff transparent transparent;
}
video.video-embed-item ~ .video-controls .wrapper button {
  position: relative;
  height: 100%;
  width: 42px;
  border: none;
  background: none;
  cursor: pointer;
  padding: 0;
}
video.video-embed-item ~ .video-controls .wrapper button:before {
  content: "";
  display: inline-block;
  height: 100%;
  width: 42px;
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}
video.video-embed-item ~ .video-controls .wrapper button.play:not(.playing):before {
  background-image: url("../icon/CHA_Icons_40x44px_vid_play.svg");
}
video.video-embed-item ~ .video-controls .wrapper button.play:not(.playing):hover .tooltip-wrapper.on {
  display: block;
}
video.video-embed-item ~ .video-controls .wrapper button.play.playing:before {
  background-image: url("../icon/CHA_Icons_40x44px_vid_pause.svg");
}
video.video-embed-item ~ .video-controls .wrapper button.play.playing:hover .tooltip-wrapper.off {
  display: block;
}
video.video-embed-item ~ .video-controls .wrapper button.volume:not(.muted):before {
  background-image: url("../icon/CHA_Icons_40x44px_vid_speaker.svg");
}
video.video-embed-item ~ .video-controls .wrapper button.volume:not(.muted):hover .tooltip-wrapper.on {
  display: block;
}
video.video-embed-item ~ .video-controls .wrapper button.volume.muted:before {
  background-image: url("../icon/CHA_Icons_40x44px_vid_speaker_muted.svg");
}
video.video-embed-item ~ .video-controls .wrapper button.volume.muted:hover .tooltip-wrapper.off {
  display: block;
}
video.video-embed-item ~ .video-controls .wrapper button.fullscreen:not(.open):before {
  background-image: url("../icon/CHA_Icons_40x44px_vid_fullscreen_open.svg");
}
video.video-embed-item ~ .video-controls .wrapper button.fullscreen:not(.open):hover .tooltip-wrapper.on {
  display: block;
}
video.video-embed-item ~ .video-controls .wrapper button.fullscreen.open:before {
  background-image: url("../icon/CHA_Icons_40x44px_vid_fullscreen_closed.svg");
}
video.video-embed-item ~ .video-controls .wrapper button.fullscreen.open:hover .tooltip-wrapper.off {
  right: 0;
  display: block;
}
video.video-embed-item ~ .video-controls .wrapper button.sub-menu {
  width: 30px;
}
video.video-embed-item ~ .video-controls .wrapper button .tooltip-wrapper {
  display: none;
  white-space: nowrap;
  background-color: #002898;
  color: #fff;
  top: -28px;
}
video.video-embed-item ~ .video-controls .wrapper button .dot {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 4px;
  height: 4px;
  background-color: white;
  border-radius: 50%;
}
video.video-embed-item ~ .video-controls .wrapper button .dot:before, video.video-embed-item ~ .video-controls .wrapper button .dot:after {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background-color: white;
  border-radius: 50%;
  position: absolute;
  left: 0;
}
video.video-embed-item ~ .video-controls .wrapper button .dot:before {
  top: -8px;
}
video.video-embed-item ~ .video-controls .wrapper button .dot:after {
  top: 8px;
}
video.video-embed-item ~ .video-controls .wrapper .audio-menu-wrapper {
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 10px 0 0;
}
video.video-embed-item ~ .video-controls .wrapper .audio-menu-wrapper:hover .scrubber {
  display: block;
  top: 3px;
}
video.video-embed-item ~ .video-controls .wrapper .audio-menu-wrapper .volume-bar {
  position: relative;
  width: 100px;
  height: 6px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  cursor: pointer;
}
video.video-embed-item ~ .video-controls .wrapper .audio-menu-wrapper .volume-bar:hover #volume-tooltip {
  display: flex;
}
video.video-embed-item ~ .video-controls .wrapper .audio-menu-wrapper .volume-level {
  position: absolute;
  width: 20%;
  height: 100%;
  background-color: #fff;
  border-radius: 4px;
  opacity: 1;
}
video.video-embed-item ~ .video-controls .wrapper .subtitle-menu-wrapper {
  display: none;
  position: absolute;
  color: #002898;
  background-color: #fff;
  top: -28px;
  border-radius: 5px;
  right: 8px;
  font-size: 0.7rem;
  padding: 4px 0 4px 8px;
  align-items: center;
  gap: 4px;
}
video.video-embed-item ~ .video-controls .wrapper .subtitle-menu-wrapper.open {
  display: flex;
}
video.video-embed-item ~ .video-controls .wrapper .subtitle-menu-wrapper .subtitle-icon:before {
  content: "";
  display: inline-block;
  height: 14px;
  width: 20px;
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../icon/CHA_Icons_42x28px_vid_subtitles.svg");
}
video.video-embed-item ~ .video-controls .wrapper .subtitle-menu-wrapper .select-wrapper {
  justify-content: center;
  align-items: center;
  position: relative;
  display: inline-block;
  width: auto;
  cursor: pointer;
  padding: 0 4px 0 0;
}
video.video-embed-item ~ .video-controls .wrapper .subtitle-menu-wrapper .select-wrapper select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  border: none;
  margin: 0;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
  outline: none;
}
video.video-embed-item ~ .video-controls .wrapper .subtitle-menu-wrapper .select-wrapper #subtitle-language-select {
  overflow: auto;
  box-shadow: none;
  font-size: 0.7rem;
  height: 15px;
  line-height: normal;
  background-image: none;
  color: #002898;
  padding: 0 2px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
video.video-embed-item ~ .video-controls .wrapper .subtitle-menu-wrapper .select-wrapper #subtitle-language-select option {
  display: inline-block;
}
video.video-embed-item ~ .video-controls .wrapper .subtitle-menu-wrapper .select-wrapper #subtitle-language-select:hover {
  background-color: transparent;
}
video.video-embed-item ~ .video-controls .wrapper .subtitle-menu-wrapper .select-wrapper #subtitle-language-select:focus {
  box-shadow: none;
}
video.video-embed-item ~ .video-controls .wrapper .subtitle-menu-wrapper .select-wrapper #subtitle-language-select-options {
  position: absolute;
  display: none;
  background: #fff;
  padding: 0 0 0 6px;
  border-radius: 5px;
  right: 0;
  max-height: 77px;
  text-align: left;
  top: 1px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
}
video.video-embed-item ~ .video-controls .wrapper .subtitle-menu-wrapper .select-wrapper #subtitle-language-select-options.open {
  display: inline-block;
}
video.video-embed-item ~ .video-controls .wrapper .subtitle-menu-wrapper .select-wrapper #subtitle-language-select-options div.option {
  cursor: pointer;
  padding: 0 0 4px 0;
}
video.video-embed-item ~ .video-controls .wrapper .subtitle-menu-wrapper .select-wrapper #subtitle-language-select-options div.option:hover {
  opacity: 0.8;
}
video.video-embed-item ~ .video-controls .wrapper .subtitle-menu-wrapper .divider {
  height: 14px;
}
video.video-embed-item ~ .video-controls .wrapper .subtitle-menu-wrapper .divider:before {
  content: "";
  display: inline-block;
  height: 100%;
  width: 14px;
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../icon/CHA_Icons_14px_vid_subtitle_divider.svg");
}
@media only screen and (pointer: coarse) {
  video.video-embed-item ~ .video-controls .wrapper .time, video.video-embed-item ~ .video-controls .wrapper .volume-bar, video.video-embed-item ~ .video-controls .wrapper .scrubber {
    display: none !important;
  }
  video.video-embed-item ~ .video-controls .wrapper .progress {
    margin-top: 2px;
  }
  video.video-embed-item ~ .video-controls .wrapper .progress progress {
    max-height: 4px !important;
  }
  video.video-embed-item ~ .video-controls .wrapper #progress-tooltip {
    display: block !important;
    padding: 1px 4px !important;
    top: -16px !important;
    font-size: 0.65rem;
  }
  video.video-embed-item ~ .video-controls .wrapper .tooltip-wrapper {
    display: none !important;
  }
}
video.video-embed-item::-webkit-media-controls {
  display: none !important;
}
video.video-embed-item::-moz-media-controls {
  display: none !important;
}
video.video-embed-item::-ms-media-controls {
  display: none !important;
}

.slick-slider-full-width .container, .slick-slider-full-width.container {
  display: flex;
  align-items: center;
  padding: 0;
  width: 100%;
  max-width: 1710px;
  margin-left: auto;
  margin-right: 0;
  overflow: hidden;
}
.slick-slider-full-width .container .row, .slick-slider-full-width.container .row {
  max-width: 100vw;
}

section.bg-ui-secondary .slick-slider-container .custom-pagination li {
  color: #fff;
}
section.bg-ui-secondary .slick-slider-container .custom-pagination .slick-prev:focus-visible, section.bg-ui-secondary .slick-slider-container .custom-pagination .slick-next:focus-visible {
  outline-color: #fff;
}
section.bg-ui-secondary .slick-slider-container .slick-navigation .slick-prev:before,
section.bg-ui-secondary .slick-slider-container .slick-navigation .slick-next:before {
  background-image: url("../img/Arrow-right-white.svg");
}
section.bg-ui-secondary .slick-slider-container .slick-slider figure figcaption {
  color: #fff;
}

.slick-slider-container {
  position: relative;
  padding: 0 0 0 48px;
  max-height: calc(100vh - 120px);
}

.slick-slider {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-slider .slick-list {
  padding: 0 !important;
}
.slick-slider .slick-dotted.slick-slider {
  margin: 0;
}
.slick-slider .slick-slide {
  position: relative;
  margin-right: 50px;
  overflow: hidden;
}
.slick-slider .slick-slide img {
  filter: blur(15px);
  transition: filter 0.6s ease;
}
.slick-slider .slick-slide img:before {
  content: "";
  position: absolute;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), linear-gradient(0deg, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.06));
  top: 0;
  height: 100%;
  width: 100%;
}
.slick-slider .slick-slide.slick-next-slide {
  opacity: 1;
  transition: none;
}
.slick-slider .slick-slide.slick-prev-slide {
  opacity: 0;
  transition: opacity 0.6s;
}
.slick-slider .slick-slide figure {
  position: relative;
  margin: 0;
  padding: 0;
}
.slick-slider .slick-slide figure .slick-slider-image-wrapper {
  overflow: hidden;
}
.slick-slider .slick-slide figure img {
  height: auto;
  max-width: 870px;
  aspect-ratio: 16/9;
  display: block;
  object-fit: cover;
}
.slick-slider .slick-slide figure img:before {
  content: "";
  display: none;
}
.slick-slider .slick-slide figure figcaption {
  display: none;
  min-height: 80px;
  margin-top: 0;
  font-size: inherit;
  font-family: "Charite Text", Arial, sans-serif;
  padding: 16px 0;
  gap: 8px;
  color: #000;
}
.slick-slider .slick-slide figure figcaption .description {
  font-family: "Charite Text Book", Arial, sans-serif;
  max-width: 870px;
  word-wrap: break-word;
  hyphens: auto;
}
.slick-slider .slick-slide.slick-current {
  opacity: 1;
}
.slick-slider .slick-slide.slick-current img {
  filter: none;
}
.slick-slider .slick-slide.slick-current img:before {
  content: none;
}
.slick-slider .slick-slide.slick-current figure figcaption {
  display: flex;
}

.custom-pagination {
  height: 100%;
  padding-bottom: 16px;
  padding-top: 16px;
  max-width: 870px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.custom-pagination .pagination-info .pagination-info-text {
  position: relative;
  padding: 0;
}
.custom-pagination .pagination-info .pagination-info-text li {
  padding: 0;
}
.custom-pagination .pagination-info .pagination-info-text .slick-active:before {
  content: "";
}
.custom-pagination .pagination-info li:not(.slick-active) {
  display: none;
}
.custom-pagination .pagination-info li {
  color: #000;
  font-size: 1rem;
  padding: 4px 8px;
  border-radius: 4px;
  letter-spacing: 0.1em;
}
.custom-pagination .slick-navigation {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.custom-pagination .slick-navigation .slick-prev,
.custom-pagination .slick-navigation .slick-next {
  position: relative;
  width: 36px;
  height: 36px;
  top: unset;
  bottom: unset;
  left: unset;
  right: unset;
}
.custom-pagination .slick-navigation .slick-prev:focus-visible,
.custom-pagination .slick-navigation .slick-next:focus-visible {
  outline: 5px solid #000;
  outline-offset: 4px;
}
.custom-pagination .slick-navigation .slick-prev:before,
.custom-pagination .slick-navigation .slick-next:before {
  width: 36px;
  height: 36px;
  content: "";
  background-image: url("../img/Arrow-right-black.svg");
}
.custom-pagination .slick-navigation .slick-prev.slick-disabled:before,
.custom-pagination .slick-navigation .slick-next.slick-disabled:before {
  opacity: 0.5 !important;
  cursor: default;
}
.custom-pagination .slick-navigation .slick-prev {
  margin-right: 20px;
}
.custom-pagination .slick-navigation .slick-prev:before {
  transform: rotate(180deg) scaleY(-1);
}

.blog-content__wrapper .slick-slider-full-width, .col-8 .slick-slider-full-width {
  overflow: visible;
}
.blog-content__wrapper .slick-slider-full-width .row, .col-8 .slick-slider-full-width .row {
  max-width: 100%;
}
.blog-content__wrapper .custom-pagination, .col-8 .custom-pagination {
  max-width: 100%;
}
.blog-content__wrapper .custom-pagination .pagination-info .pagination-info-text, .col-8 .custom-pagination .pagination-info .pagination-info-text {
  margin-bottom: 0;
  padding-left: 0;
}
.blog-content__wrapper .custom-pagination .pagination-info .pagination-info-text li, .col-8 .custom-pagination .pagination-info .pagination-info-text li {
  padding-left: 0;
}
.blog-content__wrapper .slick-slider-container, .col-8 .slick-slider-container {
  padding: 0;
}
.blog-content__wrapper .slick-slider-container .slick-slide, .col-8 .slick-slider-container .slick-slide {
  margin: auto;
}
.blog-content__wrapper .slick-slider-container .slick-slide figure, .col-8 .slick-slider-container .slick-slide figure {
  max-width: 100%;
}
.blog-content__wrapper .slick-slider-container .slick-slide figure img, .col-8 .slick-slider-container .slick-slide figure img {
  width: 100%;
  max-width: 100%;
}
.blog-content__wrapper .slick-slider-container .slick-slide figure figcaption, .col-8 .slick-slider-container .slick-slide figure figcaption {
  margin-top: 0;
  font-size: inherit;
}

@media only screen and (max-width: 1169px) {
  .slick-slider .slick-slide.slick-current figcaption .description {
    max-width: 680px;
  }
  .slick-slider .slick-slide figure img {
    max-width: 680px;
  }
  .custom-pagination {
    max-width: 680px;
  }
}
@media only screen and (max-width: 830px) {
  .slick-slider-container {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .slick-slider .slick-slide {
    margin-right: 16px;
  }
  .slick-slider .slick-slide.slick-current figcaption .description {
    max-width: 560px;
  }
  .slick-slider .slick-slide figure img {
    max-width: 560px;
  }
  .custom-pagination {
    max-width: 560px;
  }
}
@media only screen and (max-width: 600px) {
  .slick-slider .slick-slide.slick-current figcaption .description {
    max-width: 450px;
  }
  .slick-slider .slick-slide figure img {
    max-width: 450px;
  }
  .custom-pagination {
    max-width: 450px;
  }
}
@media only screen and (max-width: 567px) {
  .slick-slider .slick-slide.slick-current figcaption .description {
    max-width: 330px;
  }
  .slick-slider .slick-slide figure img {
    max-width: 330px;
  }
  .custom-pagination {
    max-width: 330px;
  }
}
html {
  font-family: "Charite Text", Arial, sans-serif;
  font-size: 24px;
  color: #000000;
}
@media only screen and (max-width: 1169px) {
  html {
    font-size: 21px;
  }
}
@media only screen and (max-width: 830px) {
  html {
    font-size: 20px;
  }
}
@media only screen and (max-width: 567px) {
  html {
    font-size: 18px;
    height: -webkit-fill-available;
  }
}

body {
  font-feature-settings: "liga" 0;
}
@media only screen and (max-width: 830px) {
  body {
    overflow-x: hidden;
  }
  body.no-scroll {
    overflow: hidden;
  }
}
@media only screen and (max-width: 567px) {
  body {
    min-height: 100vh;
    min-height: -webkit-fill-available;
  }
}

main {
  margin-top: 120px;
}
@media only screen and (max-width: 1169px) {
  main {
    margin-top: 72px;
  }
}

main.content {
  min-height: calc(100vh - 120px);
}

main#content {
  margin-top: 0;
}

.content header {
  z-index: 4;
}

.container {
  max-width: 1440px;
  position: relative;
  margin: 0 auto;
}
@media only screen and (max-width: 1440px) {
  .container {
    max-width: 100%;
    width: 100%;
  }
}
@media only screen and (max-width: 1169px) {
  .container {
    max-width: 100%;
    width: 100%;
  }
}

.image-background {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.image-background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
.image-background .heading-l {
  position: absolute;
  left: 0;
  bottom: 60px;
  color: #fff;
  max-width: 57.64%;
  z-index: 2;
}
@media only screen and (max-width: 567px) {
  .image-background .heading-l {
    left: 40px;
    bottom: 40px;
  }
}
.image-background.hero-image {
  height: calc(100vh - 120px);
  top: 0px;
  padding-top: 0;
}
.image-background.hero-image img {
  position: absolute;
}
.image-background.hero-image .container {
  height: 100%;
}
.image-background.hero-image::after {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 49.48%, rgba(0, 0, 0, 0.4) 100%);
  content: "";
  z-index: 1;
}
.image-background.hero-video {
  max-width: 100%;
  height: calc(100vh - 120px);
}
.image-background.hero-video .container {
  z-index: 5;
}
.image-background.hero-video .container .position-top-right {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-start;
}
.image-background.hero-video .container .position-top-right .align {
  padding-top: 60px;
  padding-left: 0;
  padding-right: 60px;
  max-width: 61%;
}
.image-background.hero-video .container .position-top-right .align .heading-l {
  max-width: 100%;
  padding-left: 0;
}
.image-background.hero-video .container .position-top-left {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.image-background.hero-video .container .position-top-left .align {
  padding-top: 60px;
}
.image-background.hero-video .container .position-bottom-right {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-end;
}
.image-background.hero-video .container .position-bottom-right .align {
  max-width: 57.64%;
  padding: 0 60px 120px 0;
  margin-bottom: 40px;
}
.image-background.hero-video .container .position-bottom-right .align .heading-l {
  max-width: 100%;
  padding-left: 0;
}
.image-background.hero-video .container .position-bottom-left {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
}
.image-background.hero-video .container .align {
  max-width: 57.64%;
  margin-bottom: 40px;
  padding: 0 0 120px 60px;
}
.image-background.hero-video .container .heading-l {
  position: relative;
  left: inherit;
  bottom: inherit;
  max-width: 100%;
}
.image-background.hero-video .container .button.cta-med {
  background-color: transparent;
  box-shadow: inset 0px 0px 0px 2px #fff;
  margin-top: 40px;
}
.image-background.hero-video .container .button.cta-med:hover {
  background-color: #fff;
  color: #000000;
}
.image-background.hero-video .video {
  position: absolute;
  width: 100%;
  height: 100%;
}
.image-background.hero-video .video .video-embed .video-contrast {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 21.58%, rgba(0, 0, 0, 0.4) 55.43%);
  opacity: 1;
  z-index: 2;
}
.image-background.hero-video .video .video-embed .video-contrast.position-top-left, .image-background.hero-video .video .video-embed .video-contrast.position-top-right {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 21.58%, rgba(0, 0, 0, 0) 55.43%);
}
.image-background.hero-video .video .video-embed .video-embed-item {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.image-background.hero-video .video video::-webkit-media-controls-start-playback-button {
  display: none;
}
.image-background.hero-video .video .btn-playpause {
  position: absolute;
  bottom: 60px;
  right: 60px;
  width: 64px;
  height: 64px;
  z-index: 600;
  cursor: pointer;
}
.image-background.hero-video .video .btn-playpause::before {
  content: "";
  background-image: url("../img/Pause.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 64px;
  height: 64px;
  font-size: 64px;
  position: relative;
  top: 0px;
}
.image-background.hero-video .video .btn-playpause.play::before {
  background-image: url("../img/Play.svg");
}

.hero-video-container {
  margin-top: 0;
  max-width: 100%;
  height: calc(100vh - 120px);
  position: relative;
}
.hero-video-container .image-background.hero-video .container .header-card {
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  background: linear-gradient(92deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.2) 100%);
  border-radius: 20px;
  padding: 40px;
  margin: 36px 16px 36px 16px;
}
.hero-video-container .image-background.hero-video .container .header-card *, .hero-video-container .image-background.hero-video .container .header-card .heading-l, .hero-video-container .image-background.hero-video .container .header-card .heading-m, .hero-video-container .image-background.hero-video .container .header-card .heading-s {
  color: #002898;
  hyphens: none;
}
.hero-video-container .image-background.hero-video .container .header-card a.button.cta-med {
  box-shadow: inset 0 0 0 2px #002898;
}
.hero-video-container .image-background.hero-video .container .header-card a.button.cta-med:hover, .hero-video-container .image-background.hero-video .container .header-card a.button.cta-med:focus-visible {
  color: #fff;
  background-color: #002898;
}
.hero-video-container.bg-ui-secondary .image-background.hero-video .container .header-card {
  background: #002898;
  color: #fff;
}
.hero-video-container.bg-ui-secondary .image-background.hero-video .container .header-card *, .hero-video-container.bg-ui-secondary .image-background.hero-video .container .header-card .heading-l, .hero-video-container.bg-ui-secondary .image-background.hero-video .container .header-card .heading-m, .hero-video-container.bg-ui-secondary .image-background.hero-video .container .header-card .heading-s {
  color: #fff;
}
.hero-video-container.bg-ui-secondary .image-background.hero-video .container .header-card a.button.cta-med {
  box-shadow: inset 0 0 0 2px #fff;
}
.hero-video-container.bg-ui-secondary .image-background.hero-video .container .header-card a.button.cta-med:hover, .hero-video-container.bg-ui-secondary .image-background.hero-video .container .header-card a.button.cta-med:focus-within {
  color: #002898;
  background-color: #fff;
}
.hero-video-container.bg-ui-secondary-transparancy .image-background.hero-video .container .header-card {
  background: linear-gradient(92deg, rgba(0, 40, 152, 0.7) 0%, rgba(0, 40, 152, 0.3) 100%);
  color: #fff;
}
.hero-video-container.bg-ui-secondary-transparancy .image-background.hero-video .container .header-card *, .hero-video-container.bg-ui-secondary-transparancy .image-background.hero-video .container .header-card .heading-l, .hero-video-container.bg-ui-secondary-transparancy .image-background.hero-video .container .header-card .heading-m, .hero-video-container.bg-ui-secondary-transparancy .image-background.hero-video .container .header-card .heading-s {
  color: #fff;
}
.hero-video-container.bg-ui-secondary-transparancy .image-background.hero-video .container .header-card a.button.cta-med {
  box-shadow: inset 0 0 0 2px #fff;
}
.hero-video-container.bg-ui-secondary-transparancy .image-background.hero-video .container .header-card a.button.cta-med:hover, .hero-video-container.bg-ui-secondary-transparancy .image-background.hero-video .container .header-card a.button.cta-med:focus-within {
  color: #002898;
  background-color: #fff;
}
@media only screen and (max-width: 1169px) {
  .hero-video-container {
    height: calc(100vh - 72px);
    margin-top: 0;
  }
}
@media only screen and (max-width: 830px) {
  .hero-video-container .image-background.hero-video .container .header-card {
    padding: 20px 14px 20px 14px !important;
    margin: 24px 8px 24px 8px;
  }
}
@media only screen and (max-width: 567px) {
  .hero-video-container {
    height: calc(100vh - 130px) !important;
  }
}

@media only screen and (max-width: 1440px) {
  .image-background.hero-image .heading-l {
    padding-left: 60px;
    max-width: 70%;
  }
  .image-background.hero-video .container .heading-l {
    padding-left: 0;
    max-width: 100%;
  }
  .image-background.hero-video .container .position-top-right .align,
  .image-background.hero-video .container .position-bottom-right .align {
    max-width: 60%;
    padding-right: 60px;
  }
  .image-background.hero-video .container .position-top-left .align,
  .image-background.hero-video .container .position-bottom-left .align {
    max-width: 680px;
    padding-left: 60px;
  }
  .image-background.hero-video .video .video-embed {
    height: 100%;
  }
  .image-background.hero-video .video .video-embed .video-embed-item {
    height: 110%;
  }
}
@media only screen and (max-width: 1169px) {
  .image-background.hero-image {
    height: calc(100vh - 72px);
  }
  .image-background.hero-image.hero-video {
    height: calc(100vh - 72px);
  }
  .image-background.hero-image.hero-video .video .btn-playpause {
    bottom: 50.4px;
    right: 50.4px;
  }
  .image-background.hero-image .heading-l {
    max-width: 70%;
    padding-left: 50.4px;
    bottom: 50.4px;
  }
  .image-background.hero-image .container .align {
    padding: 0 50.4px 110.4px 0;
  }
  .image-background.hero-image .container .position-top-left .align {
    padding-left: 50.4px;
    padding-top: 50.4px;
    padding-bottom: 0;
    padding-right: 0;
  }
  .image-background.hero-image .container .position-top-right .align {
    padding-right: 50.4px;
    padding-top: 50.4px;
    padding-bottom: 0;
    padding-left: 0;
  }
  .image-background.hero-image .container .position-bottom-left .align {
    padding-left: 50.4px;
    margin-bottom: 35.2px;
  }
  .image-background.hero-image .container .position-bottom-right .align {
    padding-right: 50.4px;
    padding-bottom: 110.4px;
    margin-bottom: 35.2px;
  }
}
@media only screen and (max-width: 830px) {
  .hero-video-container {
    margin-top: 0;
    height: calc(100vh - 72px);
  }
  .image-background.hero-image {
    padding-top: 72px;
  }
  .image-background.hero-image.hero-video {
    padding-top: 0;
    height: calc(100vh - 72px);
  }
  .image-background.hero-image.hero-video.no-vid .container .position-bottom-right .align {
    padding-bottom: 0;
    margin-bottom: 32.3px;
  }
  .image-background.hero-image.hero-video.no-vid .container .position-bottom-left .align {
    padding-bottom: 0;
    margin-bottom: 32.3px;
  }
  .image-background.hero-image.hero-video .video .btn-playpause {
    bottom: 44.6px;
    right: 44.6px;
  }
  .image-background.hero-image.hero-video .container .align {
    padding: 0 44.6px 104.6px 0;
  }
  .image-background.hero-image.hero-video .container .position-top-left .align {
    padding-left: 44.6px;
    padding-top: 44.6px;
    padding-bottom: 0;
    padding-right: 0;
  }
  .image-background.hero-image.hero-video .container .position-top-left .align .heading-l {
    padding-right: 0;
  }
  .image-background.hero-image.hero-video .container .position-top-right .align {
    padding-right: 44.6px;
    padding-top: 44.6px;
    padding-bottom: 0;
    padding-left: 0;
  }
  .image-background.hero-image.hero-video .container .position-top-right .align .heading-l {
    padding-right: 0;
  }
  .image-background.hero-image.hero-video .container .position-bottom-left .align {
    padding-left: 44.6px;
    padding-right: 0;
    margin-bottom: 32.3px;
  }
  .image-background.hero-image.hero-video .container .position-bottom-left .align .heading-l {
    padding-right: 0;
  }
  .image-background.hero-image.hero-video .container .position-bottom-right .align {
    padding-right: 44.6px;
    padding-bottom: 104.6px;
    margin-bottom: 32.3px;
  }
  .image-background.hero-image.hero-video .container .position-bottom-right .align .heading-l {
    padding-right: 0;
  }
  .image-background.hero-image .heading-l {
    max-width: 100%;
    padding-left: 44.6px;
    padding-right: 44.6px;
    bottom: 44.6px;
  }
  .image-background.hero-image img {
    height: 100vh;
  }
}
@media only screen and (max-width: 830px) {
  .image-background.hero-image.hero-video:not(.no-vid) .container .position-top-right .align,
  .image-background.hero-image.hero-video:not(.no-vid) .container .position-top-left .align {
    padding: 30px 30px;
    max-width: 100%;
  }
  .image-background.hero-image.hero-video:not(.no-vid) .container .position-bottom-right .align,
  .image-background.hero-image.hero-video:not(.no-vid) .container .position-bottom-left .align {
    padding: 0 30px 30px;
    max-width: 100%;
    margin-bottom: 120px;
  }
}
@media only screen and (max-width: 567px) {
  .image-background.hero-image {
    top: 0;
    padding-top: 0;
  }
  .image-background.hero-image::after {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    content: "";
    z-index: 1;
  }
  .image-background.hero-image .heading-l {
    left: 30px;
    bottom: 40px;
    max-width: 100%;
    padding-right: 30px;
    padding-left: 0;
  }
  .image-background.hero-image.hero-video {
    height: calc(100vh - 130px) !important;
  }
  .image-background.hero-image.hero-video.no-vid .container .position-bottom-right .align {
    padding-bottom: 0;
    margin-bottom: 30px;
  }
  .image-background.hero-image.hero-video.no-vid .container .position-bottom-left .align {
    padding-bottom: 0;
    margin-bottom: 30px;
  }
  .image-background.hero-image.hero-video:not(.no-vid) .container .heading-l {
    padding-right: 0;
  }
  .image-background.hero-image.hero-video:not(.no-vid) .container .position-bottom-right,
  .image-background.hero-image.hero-video:not(.no-vid) .container .position-bottom-left .align {
    padding: 0 20px;
    max-width: 100%;
    margin-bottom: 80px;
  }
  .image-background.hero-image.hero-video:not(.no-vid) .container .position-top-right,
  .image-background.hero-image.hero-video:not(.no-vid) .container .position-top-left .align {
    padding: 30px 30px;
    max-width: 100%;
  }
  .image-background.hero-image.hero-video:not(.no-vid) .container .button.cta-med {
    height: 38px;
    line-height: 38px;
    margin-top: 30px;
  }
  .image-background.hero-image.hero-video .video .video-embed {
    height: 100%;
  }
  .image-background.hero-image.hero-video .video .btn-playpause {
    width: 46px;
    height: 46px;
    right: 30px;
    bottom: 30px;
  }
  .image-background.hero-image.hero-video .video .btn-playpause::before {
    width: 46px;
    height: 46px;
  }
}
.image-full img {
  width: 100%;
}

.hero-text {
  top: 0px;
  padding: 40px 60px 50px;
  background-color: #002898;
}
.hero-text p {
  max-width: 66.666%;
  margin-bottom: 40px;
}

@media only screen and (max-width: 1169px) {
  .hero-text {
    padding: 35.2px 50.4px 40.4px 50.4px;
    margin-bottom: 35.2px;
  }
  .hero-text.padding-bottom-0 {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 830px) {
  .hero-text {
    padding: 32.3px 44.6px 34.6px 44.6px;
  }
  .hero-text.padding-bottom-0 {
    margin-bottom: 0;
  }
  .hero-text p {
    max-width: 100%;
    margin-bottom: 32.3px;
  }
}
@media only screen and (max-width: 567px) {
  .hero-text {
    top: 0;
    padding: 30px 30px 40px 30px;
    margin-bottom: 0;
  }
  .hero-text p {
    margin-bottom: 30px;
  }
}
.content-box {
  padding: 40px 60px;
}
.content-box p {
  margin-bottom: 40px;
}
.content-box p:last-of-type {
  margin-bottom: 0;
}

@media only screen and (max-width: 1169px) {
  .content-box {
    padding: 35.2px 50.4px;
  }
  .content-box p {
    margin-bottom: 35.2px;
  }
}
@media only screen and (max-width: 830px) {
  .content-box {
    padding: 32.3px 44.6px;
  }
  .content-box p {
    margin-bottom: 32.3px;
  }
}
@media only screen and (max-width: 567px) {
  .content-box {
    padding: 30px 20px;
  }
  .content-box p {
    margin-bottom: 30px;
  }
  .content-box .col-4 {
    width: 100%;
  }
  .content-box .col-4 h2 {
    margin-bottom: 40px;
    font-size: 1.75rem;
  }
  .content-box .col-8 {
    width: 100%;
  }
}
.root section.container.bg-base-offwhite {
  margin-top: 120px;
}
.root section.container.benefits .cta-container {
  padding-top: 40px;
  margin-top: 24px;
  padding-bottom: 10px;
  margin-bottom: 4px;
}

@media only screen and (max-width: 1169px) {
  .root section.container.bg-base-offwhite {
    margin-top: 110.4px;
  }
  .root section.container.benefits .cta-container {
    padding-top: 35.2px;
    margin-top: 15px;
    padding-bottom: 10px;
    margin-bottom: 4px;
  }
}
@media only screen and (max-width: 830px) {
  .root section.container.bg-base-offwhite {
    margin-top: 110.4px;
  }
  .root section.container.benefits .cta-container {
    padding-top: 32.3px;
    margin-top: 15px;
    padding-bottom: 10px;
    margin-bottom: 4px;
  }
}
@media only screen and (max-width: 567px) {
  .root section.container.bg-base-offwhite {
    margin-top: 80px;
  }
  .root section.container.bg-base-offwhite .section-title {
    padding-top: 30px;
  }
  .root section.container.benefits .cta-container {
    padding-top: 30px;
    margin-top: 5px;
    padding-bottom: 0;
    margin-bottom: 4px;
  }
}
.section-title {
  padding: 80px 60px 40px;
}
.section-title.search-title {
  padding-top: 80px;
  padding-bottom: 60px;
}

.site-title {
  padding: 120px 60px 40px;
}

.container.bg-base-offwhite .section-title {
  padding-top: 40px;
}

@media only screen and (max-width: 1169px) {
  .section-title {
    padding: 70.4px 50.4px 35.2px;
  }
  .section-title.search-title {
    padding-top: 70.4px;
    padding-bottom: 50.4px;
  }
}
@media only screen and (max-width: 830px) {
  .section-title {
    padding: 64.6px 44.6px 32.3px;
  }
  .section-title .spacer-40 {
    display: none;
  }
  .section-title.search-title {
    padding-top: 64.6px;
    padding-bottom: 44.6px;
  }
  .site-title {
    padding: 40px 30px 30px;
  }
}
@media only screen and (max-width: 567px) {
  .bg-base-offwhite .section-title {
    padding: 40px 20px;
  }
  .section-title {
    padding: 40px 20px 32px;
  }
  .section-title .spacer-40 {
    display: none;
  }
  .section-title.search-title {
    padding-top: 30px;
    padding-bottom: 40px;
  }
  .site-title {
    padding: 40px 30px 30px;
  }
}
.cta-container {
  padding: 40px 40px 80px 40px;
}
.cta-container.last {
  margin-bottom: 50px;
}

.cta-container.f-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.root .container.bg-base-offwhite .cta-container {
  padding-top: 40px;
  padding-bottom: 120px;
}

@media only screen and (max-width: 1169px) {
  .cta-container {
    padding: 35.2px 35.2px 70.4px 35.2px;
  }
  .cta-container.last {
    margin-bottom: 40.4px;
  }
  .root .container.bg-base-offwhite .cta-container {
    padding-top: 35.2px;
    padding-bottom: 110.4px;
  }
}
@media only screen and (max-width: 830px) {
  .cta-container {
    padding: 32.3px 32.3px 64.6px 32.3px;
  }
  .cta-container.last {
    margin-bottom: 34.6px;
  }
  .root .container.bg-base-offwhite .cta-container {
    padding-top: 32.3px;
    padding-bottom: 104.6px;
  }
}
@media only screen and (max-width: 567px) {
  .cta-container {
    padding: 30px;
  }
  .cta-container .cta-main span {
    display: inline-block;
    line-height: 1.5rem;
    text-align: left;
  }
  .cta-container .spacer-80 {
    height: 0;
  }
  .root .container.bg-base-offwhite .cta-container {
    padding-top: 30px;
    padding-bottom: 80px;
  }
}
.initiative-container {
  padding: 40px 60px 80px;
}
.initiative-container .heading-m {
  margin-bottom: 40px;
}

@media only screen and (max-width: 1169px) {
  .initiative-container {
    padding: 35.2px 50.4px 70.4px;
  }
  .initiative-container .heading-m {
    margin-bottom: 35.2px;
  }
}
@media only screen and (max-width: 830px) {
  .initiative-container {
    width: 100%;
    padding: 32.3px 44.6px 64.6px;
  }
  .initiative-container .heading-m {
    margin-bottom: 32.3px;
  }
}
@media only screen and (max-width: 567px) {
  .initiative-container {
    padding: 40px 30px 50px;
    width: 100%;
  }
  .initiative-container .heading-m {
    margin-bottom: 30px;
  }
}
.stellenangebote {
  margin-top: 120px;
}
@media only screen and (max-width: 1169px) {
  .stellenangebote {
    margin-top: 110.4px;
  }
}
@media only screen and (max-width: 830px) {
  .stellenangebote {
    margin-top: 104.6px;
  }
}
@media only screen and (max-width: 567px) {
  .stellenangebote {
    margin-top: 80px;
  }
}

.job-entry {
  position: relative;
  width: calc(100% - (20px + 20px));
  border: 1px solid #f0f1f2;
  padding: 40px;
  margin: 0 20px 20px;
  display: flex;
  transition: all 0.25s cubic-bezier(0.33, 0.775, 0.265, 1.55);
}
.job-entry:hover {
  background-color: #ccefcb;
  border-radius: 0 !important;
  transition: all 0.25s cubic-bezier(0.33, 0.775, 0.265, 1.55);
}
.job-entry.saved {
  background-color: #ccefcb;
  border-radius: 0 !important;
}
.job-entry.saved .cta-save::before {
  content: "\e909";
}
.job-entry .button {
  font-weight: bold;
}
.job-entry .col-8 {
  padding-right: 40px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.job-entry .col-8 a {
  text-decoration: none;
}
.job-entry .col-8 .heading-s {
  font-size: 1.375rem;
}
.job-entry .col-8 a.heading-s {
  margin-bottom: 40px;
}
.job-entry span {
  display: block;
}
.job-entry .buttons {
  display: inline-block;
}
.job-entry .buttons .button:first-of-type {
  margin-right: 55px;
}

@media only screen and (max-width: 1169px) {
  .job-entry {
    width: calc(100% - (15.2px + 15.2px));
    padding: 35.2px;
    margin: 0 15.2px 15.2px;
  }
  .job-entry .col-8 a.heading-s {
    margin-bottom: 35.2px;
  }
}
@media only screen and (max-width: 830px) {
  .job-entry {
    width: calc(100% - (12.3px + 12.3px));
    padding: 32.3px;
    margin: 0 12.3px 12.3px;
  }
  .job-entry .col-8 a.heading-s {
    margin-bottom: 32.3px;
  }
}
@media only screen and (max-width: 567px) {
  .job-entry {
    width: calc(100% - (10px + 10px));
    margin: 0 8px 10px;
    padding: 30px 12px;
  }
  .job-entry .col-8 {
    padding-right: 0;
    width: 100%;
  }
  .job-entry .col-8 a.heading-s,
  .job-entry .col-8 .heading-s,
  .job-entry .col-8 .heading-faq {
    font-size: 1.25rem;
    margin-bottom: 40px;
    line-height: 125%;
  }
  .job-entry .col-8 .buttons {
    position: relative;
    bottom: auto;
    margin-top: 0;
  }
  .job-entry .col-4 {
    width: 100%;
    display: none;
  }
  .job-entry .buttons {
    display: flex;
    margin-top: 40px;
  }
  .job-entry .buttons .button {
    position: relative;
  }
  .job-entry .buttons .button:first-child {
    order: 2;
    margin-right: 0;
    position: relative;
    right: 0;
  }
  .job-entry .buttons .button:last-child {
    margin-left: 0;
  }
}
.share-container {
  position: absolute;
  bottom: -135px;
  z-index: 5;
  width: calc(100% - 80px);
  padding: 40px;
  display: none;
  overflow: hidden;
}
.share-container.open {
  display: block;
}
.share-container .title {
  margin-bottom: 60px;
  font-family: inherit;
  font-weight: 500;
}
.share-container .btn-close {
  position: absolute;
  right: 40px;
  top: 40px;
  cursor: pointer;
}
.share-container .btn-close .icon::before {
  font-size: 64px;
}
.share-container .share {
  position: relative;
  float: left;
}
.share-container .js-copytextarea {
  position: fixed;
  left: -9999px;
}

.share-container--blog {
  display: none;
  position: absolute;
  bottom: -160px;
  left: 50%;
  z-index: 1;
  width: calc(100% - 80px);
  padding: 40px;
  overflow: hidden;
  transform: translateX(-50%);
}

@media only screen and (max-width: 1169px) {
  .share-container {
    width: calc(100% - 70.4px);
    padding: 35.2px;
    bottom: -105px;
  }
  .share-container .title {
    margin-bottom: 50.4px;
  }
  .share-container .btn-close {
    right: 35.2px;
    top: 35.2px;
  }
  .share-container .btn-close .icon::before {
    font-size: 44px;
  }
  .share-container .jssocials-shares .jssocials-share .jssocials-share-link {
    margin-right: 20px;
  }
  .share-container .jssocials-shares .jssocials-share .jssocials-share-link::before {
    font-size: 44px;
  }
  .share-container .jssocials-shares .jssocials-share:last-of-type .jssocials-share-link {
    margin-right: 0;
  }
  .share-container--blog {
    bottom: -170px;
    width: 100%;
    padding: 20px;
  }
}
@media only screen and (max-width: 830px) {
  .share-container {
    width: calc(100% - 64.6px);
    padding: 32.3px;
    bottom: -175px;
  }
  .share-container .title {
    margin-bottom: 44.6px;
  }
  .share-container .share {
    float: right;
    width: 33%;
  }
  .share-container .btn-close {
    right: 32.3px;
    top: 32.3px;
  }
  .share-container .btn-close .icon::before {
    font-size: 36px;
  }
  .share-container .jssocials-share-link {
    margin-right: 0;
  }
  .share-container .jssocials-share-link::before {
    font-size: 36px;
  }
  .share-container--blog {
    bottom: -260px;
    width: 100%;
    padding: 20px;
  }
}
@media only screen and (max-width: 567px) {
  .share-container {
    bottom: -250px;
    width: calc(100% - 40px);
    padding: 30px;
  }
  .share-container .share {
    float: left;
    width: 100%;
  }
  .share-container .btn-close {
    right: 30px;
    top: 30px;
  }
  .share-container .btn-close .icon::before {
    font-size: 36px;
  }
  .share-container--blog {
    bottom: -280px;
    width: 100%;
    padding: 20px;
  }
}
.blog-content > section.quote {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 40px !important;
  padding-left: 0;
}
@media (min-width: 567px) {
  .blog-content > section.quote {
    padding-top: 80px;
    padding-right: 0;
    padding-bottom: 80px !important;
    padding-left: 0;
  }
}

.quote {
  margin-top: 80px;
  box-sizing: border-box;
}
@media (min-width: 567px) {
  .quote {
    margin-top: 120px;
  }
}
@media (max-width: 567px) {
  .quote {
    padding-bottom: 0 !important;
  }
}
.quote.no-img {
  padding: 0 0 20px;
}
.quote.no-img .col-6 {
  width: 100%;
}
.quote.no-img .image-full {
  display: none;
}
.quote.no-img .quote-offset {
  top: 0;
  margin-top: 0;
  float: right;
  padding: 0 30px;
}
.quote__with-image .image-full {
  width: 100%;
  z-index: 0;
  padding: 0 30px;
  text-align: center;
}
@media (min-width: 567px) {
  .quote__with-image .image-full {
    padding: 0 12.3px 0 44.6px;
    position: sticky;
    top: 240px;
    width: 50%;
  }
}
@media (min-width: 830px) {
  .quote__with-image .image-full {
    padding: 0 15.2px 0 50.4px;
  }
}
@media (min-width: 830px) {
  .quote__with-image .image-full {
    padding: 0 20px 0 60px;
  }
}
.quote__with-image .image-full img {
  width: auto;
  max-width: 100%;
}
.quote__with-image .quote-offset {
  z-index: 2;
  transform: none;
  transition: all 1s cubic-bezier(0.33, 1, 0.68, 1);
}
@media (min-width: 567px) {
  .quote__with-image .quote-offset {
    min-width: 59%;
    top: 120px;
    transform: translatez(1px);
    margin-left: -10%;
  }
}
@media (max-width: 567px) {
  .quote__with-image .quote-offset {
    margin-top: 0 !important;
    width: 100%;
  }
}
.quote__with-image .author {
  font-size: 24px;
  line-height: 1.24;
  font-family: inherit;
  font-weight: normal;
  margin-top: 20px;
}
.quote__with-image .button.cta-main {
  margin-top: 40px;
}
@media (max-width: 567px) {
  .quote--txt-left .row {
    display: flex;
    flex-direction: column;
  }
  .quote--txt-left .row .quote-offset {
    order: 2;
  }
}
@media (min-width: 567px) {
  .quote--txt-left .image-full {
    padding: 0 30px 0 20px;
  }
}
@media (min-width: 1280px) {
  .quote--txt-left .image-full {
    padding: 0 60px 0 20px;
    text-align: right;
  }
}
.quote--txt-left .image-full img {
  display: inline-block;
}
.quote--txt-left .quote-offset {
  min-width: 58%;
  z-index: 4;
}
@media (min-width: 567px) {
  .quote--txt-left .quote-offset {
    left: 44px;
    min-width: 48%;
    margin-left: 0;
    padding-left: 0 !important;
  }
}
@media (min-width: 768px) {
  .quote--txt-left .quote-offset {
    left: calc(78px + 25.2px);
    margin-left: -48px;
    min-width: 50%;
  }
}
@media (min-width: 1280px) {
  .quote--txt-left .quote-offset {
    left: 190px;
    margin-left: -128px;
    min-width: 58%;
  }
}
.quote--txt-left.no-img {
  padding-bottom: 0;
}
.quote--txt-left.no-img .image-full {
  display: none;
}
.quote--txt-left.no-img .quote-offset {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
  top: 0 !important;
  margin-top: 0;
  left: 0;
  margin-left: 0;
  padding-left: 60px !important;
  min-width: 66%;
  transform: translateY(0%);
}
.quote--txt-left.no-img .quote-offset.ani-in {
  transform: translateY(0%);
}
@media (min-width: 567px) {
  .quote--txt-right .quote-offset {
    margin-left: -10%;
  }
}
@media (min-width: 768px) {
  .quote--txt-right .quote-offset {
    margin-left: -18%;
  }
}
.quote .quote-text {
  font-family: inherit;
  font-weight: 500;
}
.quote .quote-text .f-medium {
  margin-bottom: 20px;
}
.quote .quote-text .author {
  font-size: 24px;
  line-height: 1.24;
  font-family: inherit;
  font-weight: normal;
  font-family: "Charite Text Book", Arial, sans-serif;
  margin-top: 20px;
}
@media (max-width: 567px) {
  .quote .quote-text .author {
    font-size: 16px;
  }
}
.quote .quote-text .button.cta-main {
  display: flex;
  align-items: center;
  margin-top: 40px;
  background-image: none;
}
@media (max-width: 567px) {
  .quote .quote-text .button.cta-main {
    margin-top: 20px;
  }
}
.quote.first .quote-offset {
  margin-top: 22%;
}

@media only screen and (max-width: 567px) {
  .offers .section-title {
    padding-top: 80px;
  }
}
.root .offers {
  margin-bottom: 80px;
}
@media only screen and (max-width: 1169px) {
  .root .offers {
    margin-bottom: 70.4px;
  }
}
@media only screen and (max-width: 830px) {
  .root .offers {
    margin-bottom: 64.6px;
  }
}
@media only screen and (max-width: 567px) {
  .root .offers {
    margin-bottom: 60px;
  }
}

.accordion-item {
  cursor: pointer;
}
.accordion-item .content-accordion {
  text-align: left;
}

.masonry {
  columns: 2;
  column-gap: 40px;
  padding-left: 20px;
  padding-right: 20px;
}
.masonry.two-entries {
  columns: auto;
}
.masonry.two-entries .offer-teaser {
  display: block;
  float: left;
  width: calc(50% - 20px);
  margin-right: 40px;
}
.masonry.two-entries .offer-teaser:nth-child(even) {
  margin-right: 0;
}
@media only screen and (max-width: 1280px) {
  .masonry.two-entries {
    columns: auto;
  }
  .masonry.two-entries::before, .masonry.two-entries::after {
    content: "";
    display: table;
  }
  .masonry.two-entries::after {
    clear: both;
  }
  .masonry.two-entries .offer-teaser {
    float: left;
    width: calc(50% - 20px);
    margin-right: 40px;
  }
  .masonry.two-entries .offer-teaser:nth-last-of-type {
    margin-right: 0;
  }
}
@media only screen and (max-width: 830px) {
  .masonry.two-entries .offer-teaser {
    width: 100%;
    margin-right: 0;
  }
}

.offer-teaser {
  border-radius: 20px;
  padding: 40px;
  margin-bottom: 40px;
  margin: 0 0px 40px 0;
  width: 100%;
  float: none;
  display: inline-block;
  transition: all 0.25s cubic-bezier(0.33, 0.775, 0.265, 1.55);
}
.offer-teaser:nth-child(even) {
  margin-right: 0;
}
.offer-teaser .title {
  line-height: 1.25;
  margin-bottom: 20px;
}
.offer-teaser h3.f-bold {
  margin-bottom: 50px;
}
.offer-teaser h3.f-medium {
  margin-bottom: 50px;
}
.offer-teaser div.f-medium {
  margin: 14px 0;
}
@media only screen and (max-width: 567px) {
  .offer-teaser div.f-medium {
    margin: 10px 0;
  }
}
.offer-teaser .image-container {
  display: inline-block;
  width: 100%;
  margin-top: -10px;
  margin-bottom: 20px;
  overflow: hidden;
}
.offer-teaser .image-container img {
  width: 100%;
  transition: all 1s cubic-bezier(0.33, 1, 0.68, 1);
}
.offer-teaser .image-container:hover img {
  transform: scale(1.1);
  transition: all 2s cubic-bezier(0.33, 1, 0.68, 1);
}
.offer-teaser .heading-s {
  margin-bottom: 40px;
}
.offer-teaser .heading-m-teaser {
  margin-bottom: 13px;
}
.offer-teaser.bg-ui-secondary {
  box-shadow: inset 0 0 0 4px #002898;
}
.offer-teaser.c-ui-secondary {
  box-shadow: inset 0 0 0 4px #002898;
}
@media only screen and (max-width: 567px) {
  .offer-teaser h3.f-bold {
    margin-bottom: 30px;
  }
  .offer-teaser .button.cta-main {
    font-size: 1rem;
    margin-top: 20px;
  }
}

a.offer-teaser:hover {
  transition: all 0.25s cubic-bezier(0.33, 0.775, 0.265, 1.55);
  border-radius: 0px;
}
a.offer-teaser:hover .image-container img {
  transform: scale(1.1);
  transition: all 2s cubic-bezier(0.33, 1, 0.68, 1);
}
a.offer-teaser:hover .button.cta-main::before {
  transform: translateX(5px);
}

@media only screen and (max-width: 1169px) {
  .masonry {
    column-gap: 35.2px;
    padding-left: 15.2px;
    padding-right: 15.2px;
  }
  .offer-teaser {
    padding: 35.2px;
    margin-bottom: 35.2px;
  }
  .offer-teaser .title {
    margin-bottom: 15.2px;
  }
  .offer-teaser .image-container {
    margin-bottom: 15.2px;
  }
  .offer-teaser .heading-s {
    margin-bottom: 35.2px;
  }
  .offer-teaser .button.cta-main span {
    display: inline-block;
    line-height: 1.2rem;
  }
}
@media only screen and (max-width: 830px) {
  .masonry {
    columns: 1;
    column-gap: 32.3px;
    padding-left: 12.3px;
    padding-right: 12.3px;
  }
  .offer-teaser {
    padding: 32.3px;
    margin-bottom: 32.3px;
  }
  .offer-teaser .title {
    margin-bottom: 12.3px;
  }
  .offer-teaser .image-container {
    margin-bottom: 12.3px;
    margin-top: 0;
  }
  .offer-teaser .heading-s {
    margin-bottom: 32.3px;
  }
}
@media only screen and (max-width: 567px) {
  .masonry {
    columns: 1;
    column-gap: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .offer-teaser {
    padding: 27px 14px;
    margin-bottom: 30px;
  }
  .offer-teaser .title {
    font-size: 1rem;
    margin-bottom: 10px;
  }
  .offer-teaser .image-container {
    margin-top: 0;
    margin-bottom: 10px;
  }
  .offer-teaser img {
    margin-top: 0;
    margin-bottom: 0;
  }
  .offer-teaser .cta-main span {
    display: inline-block;
    line-height: 1.2rem;
    text-align: left;
  }
}
.benefit-entry {
  position: relative;
  float: left;
  width: 100%;
  padding: 40px;
  margin-bottom: 2px;
  display: flex;
}
.benefit-entry:last-of-type {
  margin-bottom: 80px;
}
.benefit-entry .col-4 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.benefit-entry .col-4 .icon::before {
  font-size: 100px;
  width: 100px;
  height: 100px;
  display: block;
}
.benefit-entry .col-8 {
  padding-left: 5px;
}
.benefit-entry p {
  margin-bottom: 20px;
}
.benefit-entry p:last-of-type {
  margin-bottom: 0;
}

@media only screen and (max-width: 1440px) {
  .benefit-entry {
    margin-left: 20px;
    margin-right: 20px;
    width: calc(100% - (20px + 20px));
  }
}
@media only screen and (max-width: 1169px) {
  .benefit-entry {
    padding: 35.2px;
    margin-left: 15.2px;
    margin-right: 15.2px;
    width: calc(100% - (15.2px + 15.2px));
  }
  .benefit-entry p {
    margin-bottom: 15.2px;
  }
}
@media only screen and (max-width: 830px) {
  .benefit-entry {
    padding: 32.3px;
    margin-left: 12.3px;
    margin-right: 12.3px;
    width: calc(100% - (12.3px + 12.3px));
  }
  .benefit-entry p {
    margin-bottom: 12.3px;
  }
}
@media only screen and (max-width: 567px) {
  .benefits {
    margin-top: 20px;
  }
  .benefit-entry {
    display: block;
    margin-left: 8px;
    margin-right: 8px;
    width: calc(100% - (10px + 10px));
    padding: 30px 12px;
  }
  .benefit-entry .col-4 {
    width: 64px;
    margin-bottom: 30px;
  }
  .benefit-entry .col-4 .icon::before {
    font-size: 64px;
    width: 64px;
    height: 64px;
    display: block;
  }
  .benefit-entry .col-8 {
    padding-left: 0;
    width: 100%;
  }
  .benefit-entry h4.p {
    margin-bottom: 10px;
    margin-top: 0px;
  }
  .root .benefit-entry {
    display: flex;
  }
  .root .benefit-entry .col-4 {
    width: 64px;
    margin-bottom: 0;
  }
  .root .benefit-entry .col-8 {
    padding-left: 50px;
    width: 66.666%;
  }
  .root .benefit-entry h4.p {
    margin-bottom: 0;
    margin-top: 5px;
  }
  .root .benefit-entry p {
    display: none;
  }
}
.benefits-slider {
  min-height: 90vh;
  margin-top: 0;
}
.benefits-slider .section-title {
  padding-top: 80px;
}
.benefits-slider .section-title p.margin-bottom-layout {
  font-size: 1.208rem;
  margin-top: -20px;
  margin-bottom: 40px;
}
.benefits-slider .cta-container {
  padding-top: 0;
}
@media only screen and (max-width: 1169px) {
  .benefits-slider {
    min-height: 0;
  }
  .benefits-slider .section-title {
    padding-top: 70.4px;
  }
  .benefits-slider .section-title p.margin-bottom-layout {
    margin-top: -20px;
    margin-bottom: 35.2px;
  }
}
@media only screen and (max-width: 830px) {
  .benefits-slider .section-title {
    padding-top: 64.6px;
  }
  .benefits-slider .section-title p.margin-bottom-layout {
    margin-top: 12.3px;
    margin-bottom: 32.3px;
  }
}
@media only screen and (max-width: 567px) {
  .benefits-slider {
    min-height: 0;
  }
  .benefits-slider .section-title {
    padding-top: 40px;
  }
  .benefits-slider .section-title p.margin-bottom-layout {
    margin-top: 10px;
    margin-bottom: 30px;
  }
  .benefits-slider .cta-container {
    padding-bottom: 40px;
    padding-top: 0;
  }
}

.slider-benefits-container {
  margin-bottom: 120px;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 1169px) {
  .slider-benefits-container {
    margin-bottom: 90.4px;
  }
}
@media only screen and (max-width: 830px) {
  .slider-benefits-container {
    margin-bottom: 84.6px;
  }
}
@media only screen and (max-width: 567px) {
  .slider-benefits-container {
    padding: 0 22px;
    margin-bottom: 80px;
  }
}

.slider-benefits .slick-slide {
  margin-right: 0;
}
.slider-benefits .slick-slide:hover, .slider-benefits .slick-slide:focus-visible {
  border: none;
  outline: none;
}
.slider-benefits .slick-slide:hover .benefit-entry-slide, .slider-benefits .slick-slide:focus-visible .benefit-entry-slide {
  border: none;
}
.slider-benefits .slick-slide:hover .benefit-entry-slide .benefit-entry-front .icon, .slider-benefits .slick-slide:focus-visible .benefit-entry-slide .benefit-entry-front .icon {
  transform: translateY(-30%);
}
.slider-benefits .slick-slide:hover .benefit-entry-slide .benefit-entry-front h3, .slider-benefits .slick-slide:focus-visible .benefit-entry-slide .benefit-entry-front h3 {
  transform: translateY(-40%);
}
.slider-benefits .slick-slide:hover .benefit-entry-slide .benefit-entry-back, .slider-benefits .slick-slide:focus-visible .benefit-entry-slide .benefit-entry-back {
  border: 5px solid white;
  transform: translateY(0);
  opacity: 1;
}
.slider-benefits .slick-slide:hover .benefit-entry-slide .benefit-entry-back p, .slider-benefits .slick-slide:focus-visible .benefit-entry-slide .benefit-entry-back p {
  transform: translateY(0);
}
.slider-benefits .slick-slide:focus-visible .benefit-entry-slide .benefit-entry-front .icon {
  transition: none;
}
.slider-benefits .slick-slide:focus-visible .benefit-entry-slide .benefit-entry-front h3 {
  transition: none;
}
.slider-benefits .slick-slide:focus-visible .benefit-entry-slide .benefit-entry-back {
  transition: none;
}
.slider-benefits .slick-slide:focus-visible .benefit-entry-slide .benefit-entry-back p {
  transition: none;
}
.slider-benefits .slick-slide:hover .benefit-entry-slide .benefit-entry-front .icon {
  transition: all 0.8s cubic-bezier(0.005, 0.015, 0.24, 0.985);
}
.slider-benefits .slick-slide:hover .benefit-entry-slide .benefit-entry-front h3 {
  transition: all 0.8s cubic-bezier(0.005, 0.015, 0.24, 0.985);
}
.slider-benefits .slick-slide:hover .benefit-entry-slide .benefit-entry-back {
  transition: all 0.8s cubic-bezier(0.005, 0.015, 0.24, 0.985);
}
.slider-benefits .slick-slide:hover .benefit-entry-slide .benefit-entry-back p {
  transition: all 0.8s cubic-bezier(0.005, 0.015, 0.24, 0.985);
  transition-delay: 0s;
}
.slider-benefits .benefit-entry-slide {
  position: relative;
  display: block;
  margin: 0 20px;
  border-radius: 20px;
  overflow: hidden;
}
.slider-benefits .benefit-entry-slide::before, .slider-benefits .benefit-entry-slide::after {
  content: "";
  display: table;
}
.slider-benefits .benefit-entry-slide::after {
  clear: both;
}
.slider-benefits .benefit-entry-slide::before {
  content: "";
  width: 1px;
  margin-left: -1px;
  float: left;
  height: 0;
  padding-top: 100%;
}
.slider-benefits .benefit-entry-slide .benefit-entry-front {
  width: 100%;
  height: 100%;
  padding: 40px 40px 0 40px;
  border: 6px solid #fff;
  border-radius: 20px;
  position: absolute;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: start;
  flex-wrap: wrap;
}
.slider-benefits .benefit-entry-slide .benefit-entry-front .icon {
  width: 144px;
  height: 144px;
  display: inline-block;
  margin-bottom: 40px;
}
.slider-benefits .benefit-entry-slide .benefit-entry-front .icon::before {
  width: 144px;
  height: 144px;
  display: inline-block;
}
.slider-benefits .benefit-entry-slide .benefit-entry-back {
  position: absolute;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  transform: translateY(100%);
  opacity: 1;
  transition: all 0.8s cubic-bezier(0.005, 0.015, 0.24, 0.985);
  margin-right: 10px;
  padding: 20px;
}
.slider-benefits .benefit-entry-slide .benefit-entry-back:focus-within {
  border: 5px solid white;
  transform: translateY(0);
  transition: none;
  opacity: 1;
}
.slider-benefits .benefit-entry-slide .benefit-entry-back:focus-within p {
  transform: translateY(0);
  transition: none;
}
.slider-benefits .benefit-entry-slide .benefit-entry-back p {
  color: #002898;
  font-size: 1rem;
  transform: translateY(20%);
  transition: all 0.8s cubic-bezier(0.005, 0.015, 0.24, 0.985);
}
.slider-benefits .benefit-entry-slide .benefit-entry-back p a {
  background-image: linear-gradient(#002898, #002898);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 100% 2px;
  transition: background-size 0.3s;
  padding-bottom: 2px;
}
.slider-benefits .benefit-entry-slide .benefit-entry-back p a:hover {
  background-size: 0% 2px;
}
.slider-benefits .benefit-entry-slide .benefit-entry-back p a.link-extern {
  padding-right: 0;
  background-image: linear-gradient(#002898, #002898);
  margin-right: 8px;
}
.slider-benefits .benefit-entry-slide .benefit-entry-back p a.link-extern::after {
  background-image: url("../img/CHA_Icon_Link-extern-blue.svg");
}
@media (max-width: 567px) {
  .slider-benefits .benefit-entry-slide .benefit-entry-back p {
    font-size: 0.875rem;
  }
}
.slider-benefits .benefit-entry-slide .benefit-entry-back .mCSB_scrollTools {
  top: 20px;
  bottom: 20px;
  right: 10px;
}
.slider-benefits .benefit-entry-slide .benefit-entry-back .mCSB_scrollTools .mCSB_draggerRail {
  background: rgba(0, 0, 0, 0.1);
}
.slider-benefits .benefit-entry-slide .benefit-entry-back .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 16px;
}
.slider-benefits .slick-next, .slider-benefits .slick-prev {
  width: 46px;
}
.slider-benefits .slick-next:not(.slick-disabled):focus-visible,
.slider-benefits .slick-prev:not(.slick-disabled):focus-visible {
  outline: 5px solid white;
  outline-offset: 4px;
}
.slider-benefits .slick-next:not(.slick-disabled):focus-visible:before {
  transform: none;
}
.slider-benefits .slick-prev:not(.slick-disabled):focus-visible:before {
  transform: rotate(180deg);
}
@media only screen and (min-width: 1169px) and (max-width: 1400px) {
  .slider-benefits .benefit-entry-slide .benefit-entry-front .icon {
    width: 100px;
    height: 100px;
  }
  .slider-benefits .benefit-entry-slide .benefit-entry-front .icon::before {
    width: 100px;
    height: 100px;
  }
}
@media only screen and (max-width: 1169px) {
  .slider-benefits .benefit-entry-slide .benefit-entry-front {
    padding-top: 35.2px;
  }
  .slider-benefits .benefit-entry-slide .benefit-entry-back p {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
@media only screen and (max-width: 830px) {
  .slider-benefits .benefit-entry-slide .benefit-entry-front {
    padding-top: 32.3px;
  }
  .slider-benefits .benefit-entry-slide .benefit-entry-front .icon {
    width: 40px;
    height: 40px;
    margin-bottom: 8px;
  }
  .slider-benefits .benefit-entry-slide .benefit-entry-front .icon::before {
    width: 40px;
    height: 40px;
  }
  .slider-benefits .benefit-entry-slide .benefit-entry-front h3.p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
@media only screen and (max-width: 567px) {
  .slider-benefits .benefit-entry-slide {
    margin: 0;
  }
  .slider-benefits .benefit-entry-slide .benefit-entry-front {
    padding: 30px 20px;
  }
  .slider-benefits .benefit-entry-slide .benefit-entry-front .icon {
    width: 120px;
    height: 120px;
    margin-bottom: 30px;
  }
  .slider-benefits .benefit-entry-slide .benefit-entry-front .icon::before {
    width: 120px;
    height: 120px;
  }
  .slider-benefits .benefit-entry-slide .benefit-entry-back p {
    font-size: 1.056rem;
  }
  .slider-benefits .benefit-entry-slide .benefit-entry-back p a.link-extern {
    margin-left: 3px;
  }
  .slider-benefits .benefit-entry-slide .benefit-entry-back p a.link-extern::before {
    width: 20px;
    height: 20px;
  }
}

.application .col-8 {
  padding-left: 15px;
  padding-right: 60px;
}

@media only screen and (max-width: 567px) {
  .application .col-4 {
    display: none;
  }
  .application .col-8 {
    width: 100%;
    padding-left: 22px;
    padding-right: 22px;
  }
  .application .col-8 .spacer-40 {
    height: 10px;
  }
  .application .col-8 .spacer-60 {
    height: 40px;
  }
  .application .col-8 .spacer-20 {
    height: 30px;
  }
}
.faq .cta-container {
  padding: 60px 30px 20px;
}
.faq .padding-content {
  margin-top: -20px;
}

.root .faq {
  margin-bottom: 120px;
}

button.faq-entry {
  border: none;
  background: none;
  border-radius: 0;
}
button.faq-entry .accordion-container {
  display: none;
}

.faq-entry {
  width: calc(100% - (20px + 20px));
  margin-left: 20px;
  margin-right: 20px;
  -webkit-box-shadow: inset 0px 0px 0px 6px #ccefcb;
  box-shadow: inset 0px 0px 0px 6px #ccefcb;
  padding: 40px 40px;
  margin-bottom: 6px;
  min-height: 104px;
}
.faq-entry.grey {
  -webkit-box-shadow: inset 0px 0px 0px 6px #dadcde;
  box-shadow: inset 0px 0px 0px 6px #dadcde;
}

section.faq {
  margin-bottom: 120px;
}
section.faq:first-of-type {
  margin-bottom: 0;
}
section.faq:first-of-type .section-title h4 {
  font-size: 1rem;
}

@media only screen and (max-width: 1169px) {
  .faq .padding-content {
    margin-top: 15.2px;
  }
  section.faq {
    margin-bottom: 110.4px;
  }
  section.faq:first-of-type {
    margin-bottom: 0;
  }
  section.faq .cta-container {
    padding: 50.4px 25.2px 110.4px;
  }
  .faq-entry {
    width: calc(100% - (15.2px + 15.2px));
    min-height: 0;
    margin-left: 15.2px;
    margin-right: 15.2px;
    padding: 35.2px 35.2px;
  }
}
@media only screen and (max-width: 830px) {
  .faq .padding-content {
    margin-top: -12.3px;
  }
  section.faq {
    margin-bottom: 104.6px;
  }
  section.faq:first-of-type {
    margin-bottom: 0;
  }
  section.faq .cta-container {
    padding: 44.6px 22.3px 104.6px;
  }
  .faq-entry {
    width: calc(100% - (12.3px + 12.3px));
    margin-left: 12.3px;
    margin-right: 12.3px;
    padding: 32.3px 32.3px;
  }
}
@media only screen and (max-width: 567px) {
  section.faq {
    margin-bottom: 0;
  }
  section.faq:first-of-type {
    margin-bottom: 0;
  }
  section.faq .cta-container {
    padding: 22.3px 22.3px 12.3px;
  }
  .faq .section-title {
    padding: 60px 20px 40px;
  }
  .faq .cta-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 20px 10px;
  }
  .faq .padding-content {
    margin-top: -10px;
  }
  .root .faq {
    margin-bottom: 0;
  }
  .root .faq .cta-container {
    padding: 40px 20px 20px;
    margin-top: -6px;
  }
  section.faq:first-of-type {
    margin-bottom: 0;
  }
  section.faq:first-of-type .section-title {
    padding-bottom: 0px;
  }
  section.faq:first-of-type .section-title h4 {
    font-size: 1rem;
  }
  section.faq:last-of-type {
    margin-bottom: 30px;
  }
  .faq-entry {
    width: calc(100% - (10px + 10px));
    margin-left: 10px;
    margin-right: 10px;
    padding: 20px 20px 30px;
  }
  .faq-entry.padding {
    padding: 30px 20px;
  }
  .faq-entry:last-of-type {
    margin-bottom: 0;
  }
}
.accordion-trigger {
  cursor: pointer;
}
.accordion-trigger .heading-s {
  padding-right: 150px;
  font-size: 1.375rem;
  line-height: 1.25;
  margin-bottom: 0;
}
.accordion-trigger .icon {
  position: absolute;
  right: 20px;
  top: 20px;
  transition: all 0.25s cubic-bezier(0.33, 0.775, 0.265, 1.55);
}
.accordion-trigger .icon::before {
  content: "";
  background-image: url("../img/Plus-black.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 64px;
  height: 64px;
  font-size: 64px;
  position: relative;
  top: 5px;
}
.accordion-trigger .icon.open {
  transform: rotate(45deg);
  transition: all 0.4s cubic-bezier(0.33, 0.775, 0.265, 1.55);
}
.accordion-trigger .icon:hover {
  transition: all 0.4s cubic-bezier(0.33, 0.775, 0.265, 1.55);
}

.accordion-container .text {
  padding-top: 60px;
  padding-bottom: 0;
  max-width: 64%;
}

@media only screen and (max-width: 1169px) {
  .accordion-trigger .icon {
    right: 35.2px;
  }
  .accordion-trigger .icon::before {
    font-size: 44px;
    width: 44px;
    height: 44px;
    font-size: 44px;
    top: 10px;
  }
  .accordion-container .text {
    padding-top: 50.4px;
  }
}
@media only screen and (max-width: 830px) {
  .accordion-trigger .icon {
    right: 32.3px;
    top: 20px;
  }
  .accordion-trigger .icon::before {
    font-size: 36px;
    width: 36px;
    height: 36px;
  }
  .accordion-container .text {
    padding-top: 44.6px;
  }
}
@media only screen and (max-width: 567px) {
  .accordion-trigger .icon {
    top: 20px;
    right: 20px;
  }
  .accordion-trigger .icon::before {
    content: "";
    background-image: url("../img/Plus-black-mobile.svg");
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 44px;
    height: 44px;
    font-size: 44px;
    top: 2px;
  }
  .accordion-trigger .heading-s {
    padding-right: 55px;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.25;
  }
  .accordion-container .text {
    max-width: 100%;
    padding-top: 30px;
  }
  .accordion-container .text ul li {
    margin-bottom: 20px;
  }
  .accordion-container .text ul li p {
    word-break: break-word;
  }
}
.content-accordion-jobprofile::before, .content-accordion-jobprofile::after {
  content: "";
  display: table;
}
.content-accordion-jobprofile::after {
  clear: both;
}
.content-accordion-jobprofile .accordion-trigger-jobprofile {
  position: relative;
  float: left;
}
.content-accordion-jobprofile .accordion-trigger-jobprofile::after {
  position: absolute;
  bottom: 0;
  height: 140px;
  content: "";
  width: 100%;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}
.content-accordion-jobprofile .accordion-trigger-jobprofile.accordion-active-jobprofile::after {
  display: none;
}
.content-accordion-jobprofile.accordion-active-jobprofile .button.btn-accordion-jobprofile::before {
  transform: rotate(0deg);
  transition: none;
}
.content-accordion-jobprofile .accordion-container-jobprofile {
  float: left;
}
.content-accordion-jobprofile .accordion-container-jobprofile .text {
  padding-top: 0;
}
.content-accordion-jobprofile .accordion-container-jobprofile .text .button.cta-med {
  background-color: #fff;
  position: relative;
  margin: 20px 0;
}
.content-accordion-jobprofile .accordion-container-jobprofile .text .button.cta-med:hover {
  background-color: #000000;
}
.content-accordion-jobprofile .btn-accordion-jobprofile {
  text-decoration: none;
  font-family: inherit;
  font-weight: bold;
  margin-top: 30px;
  display: block;
  float: right;
  background-image: none;
}
@media only screen and (max-width: 830px) {
  .content-accordion-jobprofile .accordion-container-jobprofile .text .button.cta-med {
    position: relative;
    bottom: 0;
    margin-top: 22.3px;
  }
  .content-accordion-jobprofile .btn-accordion-jobprofile {
    float: left;
    margin-top: 32.3px;
  }
}
@media only screen and (max-width: 567px) {
  .content-accordion-jobprofile.accordion-active-jobprofile .button.btn-accordion-jobprofile {
    margin-top: 20px;
  }
  .content-accordion-jobprofile .accordion-container-jobprofile .text .button.cta-med {
    position: relative;
    bottom: 0;
    font-size: 1rem;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 5px;
    height: 36px;
    line-height: 36px;
  }
  .content-accordion-jobprofile .btn-accordion-jobprofile {
    float: left;
    margin-top: 0;
    padding-left: 46px;
  }
  .content-accordion-jobprofile .btn-accordion-jobprofile::before {
    width: 36px;
    height: 36px;
  }
}

.tx-kesearch-pi1 {
  width: 100%;
  position: relative;
  padding: 0 60px 80px 60px;
  margin: 64px auto;
}
.tx-kesearch-pi1 .ui-multiselect-menu {
  padding: 40px 20px;
}
.tx-kesearch-pi1 .kesearch_searchbox::before, .tx-kesearch-pi1 .kesearch_searchbox::after {
  content: "";
  display: table;
}
.tx-kesearch-pi1 .kesearch_searchbox::after {
  clear: both;
}
.tx-kesearch-pi1 .kesearch_searchbox #kesearch_filters {
  display: flex;
  flex-flow: row wrap;
  gap: 20px;
}
.tx-kesearch-pi1 .kesearch_searchbox #kesearch_filters label.disabled, .tx-kesearch-pi1 .kesearch_searchbox #kesearch_filters label:has(input:disabled) {
  color: #878787;
  pointer-events: none;
}
.tx-kesearch-pi1 .kesearch_searchbox #kesearch_filters label.disabled .checkmark, .tx-kesearch-pi1 .kesearch_searchbox #kesearch_filters label:has(input:disabled) .checkmark {
  box-shadow: inset 0px 0px 0px 2px #878787;
  -webkit-box-shadow: inset 0px 0px 0px 2px #878787;
}
.tx-kesearch-pi1 .kesearch_searchbox .kesearchbox {
  padding-right: 24px;
}
.tx-kesearch-pi1 .kesearch_searchbox #list_filter_5 {
  display: none;
}
.tx-kesearch-pi1 .kesearch_searchbox #list_filter_7 {
  display: none;
}
.tx-kesearch-pi1 .kesearch_searchbox #list_filter_6 {
  display: none;
}
.tx-kesearch-pi1 .kesearch_searchbox .multi-select-wrapper {
  position: relative;
  float: left;
  width: calc(50% - 20px) !important;
}
.tx-kesearch-pi1 .kesearch_searchbox .multi-select-wrapper.first {
  margin-right: 20px;
}
.tx-kesearch-pi1 .kesearch_searchbox .multi-select-wrapper.second {
  margin-left: 20px;
}
.tx-kesearch-pi1 .kesearch_searchbox .col-4 {
  width: calc(33.33% - 14px) !important;
}
.tx-kesearch-pi1 .kesearch_searchbox .col-4#filter_4 {
  margin-left: 0;
}
.tx-kesearch-pi1 .multi-select-wrapper.disabled button.ui-multiselect {
  color: #878787;
  pointer-events: none;
  cursor: not-allowed;
  -webkit-box-shadow: inset 0px 0px 0px 2px #878787;
  box-shadow: inset 0px 0px 0px 2px #878787;
  background-image: url("../img/Dropdown-grey-down.svg");
}
.tx-kesearch-pi1 button.ui-multiselect {
  display: flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "Charite Text Book", Arial, sans-serif;
}
.tx-kesearch-pi1 .ui-multiselect__button-label {
  display: inline-block;
  width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tx-kesearch-pi1 #ke_search_sword {
  font-family: "Charite Text Book", Arial, sans-serif;
}
@media (max-width: 567px) {
  .tx-kesearch-pi1 {
    margin: 40px auto;
  }
  .tx-kesearch-pi1 .submitbutt {
    margin-right: 0;
  }
}

.container:has(.single-col-wrapper) {
  margin-top: 48px;
}
.container:has(.single-col-wrapper) > caption {
  width: 80vw;
  text-align: start;
  font-size: 1rem;
  margin: 16px 44.6px;
  font-family: "Charite Text Book", Arial, sans-serif;
}
.container:has(.single-col-wrapper) .ce-table {
  margin: 0;
}
.container:has(.single-col-wrapper) .ce-table caption {
  display: none;
}
@media (max-width: 567px) {
  .container:has(.single-col-wrapper) {
    margin-top: 56px;
  }
}

.row.single-col-wrapper {
  margin-left: 44.6px;
}
.row.single-col-wrapper td {
  border-right: none;
}
@media (max-width: 830px) {
  .row.single-col-wrapper {
    margin: 0 0 0 44.6px !important;
    overflow: hidden;
  }
}

.table-row {
  margin: 0 44.6px 0 0;
}
@media (max-width: 830px) {
  .table-row {
    position: relative;
    overflow: hidden;
  }
}

.scroll-wrapper {
  overflow-x: auto;
}
.scroll-wrapper.shadow-right:after, .scroll-wrapper.shadow-left:before {
  content: "";
  height: 100%;
  width: 15px;
  top: 0;
  position: absolute;
}
.scroll-wrapper.shadow-right:after {
  right: 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
}
.scroll-wrapper.shadow-left:before {
  left: 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
}
.scroll-wrapper .ce-table {
  overflow-x: auto;
  white-space: nowrap;
  margin: 0;
}
.scroll-wrapper .ce-table tbody {
  display: block;
}

.row > .ce-table {
  margin-left: 60px;
}

table.ce-table caption {
  text-align: start;
  font-size: 1rem;
  padding-bottom: 8px;
  font-family: "Charite Text Book", Arial, sans-serif;
}
table.ce-table tr:first-child {
  border-top: 1px solid #dadcde;
}
table.ce-table tr:last-child {
  border-bottom: 1px solid #dadcde;
}
table.ce-table tr:first-child, table.ce-table td:first-child {
  font-weight: bold;
  font-family: "Charite Headline", Arial, sans-serif;
}
table.ce-table tr:first-child, table.ce-table tr:nth-child(2n+1) {
  background-color: #f0f1f2;
}
table.ce-table tr {
  font-family: "Charite Text Book", Arial, sans-serif;
  height: 48px;
  text-align: start;
}
table.ce-table td {
  border-left: 1px solid #dadcde;
  border-right: 1px solid #dadcde;
  padding: 8px 16px;
  vertical-align: middle;
}

@media only screen and (max-width: 1169px) {
  .tx-kesearch-pi1 {
    width: 100%;
    padding: 0 50px 70.4px 50px;
  }
  .tx-kesearch-pi1 .ui-multiselect__button-label {
    font-size: 1rem;
  }
  .tx-kesearch-pi1 .kesearch_searchbox .col-4 {
    width: calc(33.33% - 14px) !important;
  }
  .tx-kesearch-pi1 .kesearch_searchbox #list_filter_6 {
    margin-right: 0;
  }
}
@media only screen and (max-width: 830px) {
  .tx-kesearch-pi1 {
    width: 100%;
    padding: 0 44.6px 64.6px 44.6px;
  }
  .tx-kesearch-pi1 .kesearch_searchbox .col-4 {
    width: calc(50% - 10px) !important;
  }
}
@media only screen and (max-width: 567px) {
  .tx-kesearch-pi1 {
    width: 100%;
    padding: 0 20px 60px 20px;
  }
  .tx-kesearch-pi1 .kesearch_searchbox .col-4 {
    width: 100% !important;
  }
  .tx-kesearch-pi1 .kesearch_searchbox .kesearchbox {
    padding-right: 0;
  }
  .tx-kesearch-pi1 .kesearch_searchbox .submitbutt {
    margin-top: 30px;
  }
  .tx-kesearch-pi1 .kesearch_searchbox .multi-select-wrapper {
    width: 100% !important;
  }
  .tx-kesearch-pi1 .kesearch_searchbox .multi-select-wrapper.first {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .tx-kesearch-pi1 .kesearch_searchbox .multi-select-wrapper.second {
    margin-left: 0;
  }
}
#kesearch_pagebrowser_bottom {
  padding: 40px 0 80px;
}
#kesearch_pagebrowser_bottom .kesearch_pagebrowser ul {
  text-align: center;
  padding-left: 0;
}
#kesearch_pagebrowser_bottom .kesearch_pagebrowser ul li {
  display: inline-block;
  list-style: none;
  padding-left: 0;
}
#kesearch_pagebrowser_bottom .kesearch_pagebrowser ul li::before {
  display: none;
}
#kesearch_pagebrowser_bottom .kesearch_pagebrowser ul li a {
  position: relative;
  display: inline-block;
  margin: 0 20px;
  text-decoration: none;
  font-size: 1.125rem;
  height: 54px;
  line-height: 54px;
}
#kesearch_pagebrowser_bottom .kesearch_pagebrowser ul li a::after {
  position: absolute;
  content: "";
  height: 6px;
  width: 0px;
  background-color: #000000;
  bottom: 5px;
  left: 50%;
  margin-left: -20px;
  transition: all 0.2s ease-in;
}
#kesearch_pagebrowser_bottom .kesearch_pagebrowser ul li a.disabled {
  opacity: 0.6;
}
#kesearch_pagebrowser_bottom .kesearch_pagebrowser ul li a:hover::after {
  width: 40px;
  transition: all 0.2s ease-in;
}
#kesearch_pagebrowser_bottom .kesearch_pagebrowser ul li a.current::after {
  position: absolute;
  content: "";
  height: 6px;
  width: 40px;
  background-color: #000000;
  bottom: 5px;
  left: 50%;
  margin-left: -20px;
}
#kesearch_pagebrowser_bottom .kesearch_pagebrowser ul li a.prev {
  top: 20px;
  width: 100px;
  height: 54px;
  margin: 0 10px 0 0;
}
#kesearch_pagebrowser_bottom .kesearch_pagebrowser ul li a.prev::after {
  display: none;
}
#kesearch_pagebrowser_bottom .kesearch_pagebrowser ul li a.prev::before {
  position: absolute;
  left: 0;
  content: "";
  background-image: url("../img/Arrow-right-huge-black.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  font-weight: normal;
  font-size: 4.2rem;
  width: 100px;
  height: 54px;
  line-height: 54px;
  top: 0;
  transform: rotate(180deg);
  transition: all 0.4s cubic-bezier(0.33, 0.775, 0.265, 1.55);
}
#kesearch_pagebrowser_bottom .kesearch_pagebrowser ul li a.prev:hover::before {
  transform: rotate(180deg) translateX(5px);
  transition: all 0.4s cubic-bezier(0.33, 0.775, 0.265, 1.55);
}
#kesearch_pagebrowser_bottom .kesearch_pagebrowser ul li a.next {
  top: 20px;
  width: 100px;
  height: 54px;
  margin: 0 0 0 10px;
}
#kesearch_pagebrowser_bottom .kesearch_pagebrowser ul li a.next::after {
  display: none;
}
#kesearch_pagebrowser_bottom .kesearch_pagebrowser ul li a.next::before {
  position: absolute;
  left: 0;
  content: "";
  background-image: url("../img/Arrow-right-huge-black.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  font-weight: normal;
  font-size: 4.2rem;
  width: 100px;
  height: 54px;
  line-height: 54px;
  top: 0;
  transition: all 0.4s cubic-bezier(0.33, 0.775, 0.265, 1.55);
}
#kesearch_pagebrowser_bottom .kesearch_pagebrowser ul li a.next:hover::before {
  transform: translateX(5px);
  transition: all 0.4s cubic-bezier(0.33, 0.775, 0.265, 1.55);
}
#kesearch_pagebrowser_bottom .kesearch_pagebrowser ul li a.seperator {
  width: 45px;
  margin: 0 8px;
  top: 10px;
  height: 54px;
  color: transparent;
  pointer-events: none;
  user-select: none;
}
#kesearch_pagebrowser_bottom .kesearch_pagebrowser ul li a.seperator::after {
  display: none;
}
#kesearch_pagebrowser_bottom .kesearch_pagebrowser ul li a.seperator::before {
  position: absolute;
  left: 0;
  width: 100%;
  content: "...";
  display: inline-block;
  font-weight: normal;
  font-size: 2rem;
  height: 54px;
  line-height: 54px;
  top: 0;
  transition: all 0.4s cubic-bezier(0.33, 0.775, 0.265, 1.55);
  color: #000;
}

@media only screen and (max-width: 567px) {
  #kesearch_pagebrowser_bottom .kesearch_pagebrowser ul li a {
    margin: 0 10px;
    font-size: 1.375rem;
  }
  #kesearch_pagebrowser_bottom .kesearch_pagebrowser ul li a.prev {
    top: 15px;
    width: 46px;
    height: 46px;
  }
  #kesearch_pagebrowser_bottom .kesearch_pagebrowser ul li a.prev::before {
    width: 46px;
    height: 46px;
    font-size: 46px;
    background-image: url("../img/Arrow-right-black.svg");
  }
  #kesearch_pagebrowser_bottom .kesearch_pagebrowser ul li a.next {
    top: 15px;
    width: 46px;
    height: 46px;
  }
  #kesearch_pagebrowser_bottom .kesearch_pagebrowser ul li a.next::before {
    width: 46px;
    height: 46px;
    font-size: 46px;
    background-image: url("../img/Arrow-right-black.svg");
  }
}
.no-result .content {
  width: 66.666%;
  position: relative;
  margin: 0 auto;
  padding-top: 40px;
  padding-bottom: 80px;
}

.job-detail-hero {
  margin-bottom: calc(120px + 80px);
  padding-top: 80px;
}
.job-detail-hero .col-8 {
  padding-right: 60px;
}
.job-detail-hero .text {
  padding: 0;
}
.job-detail-hero .text h2,
.job-detail-hero .text h1 {
  margin-bottom: 40px;
}
.job-detail-hero .text p {
  margin-bottom: 60px;
}
.job-detail-hero .text ul {
  padding-left: 0;
}
.job-detail-hero .text ul li {
  margin-bottom: 10px;
}
.job-detail-hero .text ol {
  padding-left: 0;
  list-style: decimal;
  padding-left: 25px;
  margin-bottom: 60px;
}
.job-detail-hero .text ol li {
  line-height: 150%;
  margin-bottom: 10px;
}
.job-detail-hero .image-background {
  margin-bottom: -80px;
}

@media only screen and (max-width: 1169px) {
  .job-detail-hero {
    margin-bottom: calc(110.4px + 70.4px);
    padding-top: 70.4px;
  }
  .job-detail-hero .col-8 {
    padding-right: 50.4px;
  }
  .job-detail-hero .text h2,
  .job-detail-hero .text h1 {
    margin-bottom: 35.2px;
  }
  .job-detail-hero .text p {
    margin-bottom: 50.4px;
  }
  .job-detail-hero .image-background {
    margin-bottom: -70.4px;
  }
}
@media only screen and (max-width: 830px) {
  .job-detail-hero {
    margin-bottom: calc(104.6px + 64.6px);
    padding-top: 64.6px;
  }
  .job-detail-hero .col-8 {
    padding-right: 44.6px;
  }
  .job-detail-hero .text h2,
  .job-detail-hero .text h1 {
    margin-bottom: 32.3px;
  }
  .job-detail-hero .text p {
    margin-bottom: 44.6px;
  }
  .job-detail-hero .image-background {
    margin-bottom: -64.6px;
  }
}
@media only screen and (max-width: 567px) {
  .job-detail-hero {
    padding-top: 60px;
    margin-bottom: calc(80px + 60px);
  }
  .job-detail-hero .image-background {
    margin-bottom: -60px;
  }
  .job-detail-hero .col-4 {
    display: none;
  }
  .job-detail-hero .col-8 {
    width: 100%;
    padding: 0 20px;
  }
  .job-detail-hero .text h2 {
    margin-bottom: 30px;
  }
  .job-detail-hero .text p {
    margin-bottom: 40px;
  }
}
.infobox {
  margin-top: 120px;
}
.infobox .head {
  padding: 20px 40px;
}
.infobox .head .button.cta-huge::before {
  display: none;
}
.infobox .head .buttons {
  float: right;
  margin-top: 23px;
}
.infobox .head .share-container {
  bottom: -144px;
}
.infobox .border-box {
  border: none;
  margin-top: -6px;
  -webkit-box-shadow: inset 0px 0px 0px 6px #ccefcb;
  box-shadow: inset 0px 0px 0px 6px #ccefcb;
  border-top: none;
  padding: 60px 0 40px;
}
.infobox .border-box .col-6 {
  padding-right: 40px;
  padding-left: 15px;
}
.infobox .border-box .col-6 p {
  margin-bottom: 20px;
}
.infobox .border-box .col-6 p strong {
  display: block;
}
.infobox .border-box .col-6 span {
  display: block;
}
.infobox + .text {
  font-family: "Charite Text Book", Arial, sans-serif;
}

@media only screen and (max-width: 1440px) {
  .infobox {
    width: calc(100% - (20px + 20px));
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media only screen and (max-width: 1169px) {
  .infobox {
    width: calc(100% - (15.2px + 15.2px));
    margin-left: 15.2px;
    margin-right: 15.2px;
  }
  .infobox .head {
    padding: 15.2px 35.2px;
  }
  .infobox .head .buttons {
    padding-right: 0;
    margin-top: 15px;
  }
}
@media only screen and (max-width: 830px) {
  .infobox {
    width: calc(100% - (12.3px + 12.3px));
    margin-left: 12.3px;
    margin-right: 12.3px;
  }
  .infobox .head {
    padding: 12.3px 32.3px;
  }
  .infobox .head .buttons {
    padding-right: 0;
    margin-top: 12px;
  }
}
@media only screen and (max-width: 567px) {
  .infobox {
    width: calc(100% - (10px + 10px));
    margin-left: 10px;
    margin-right: 10px;
  }
  .infobox .head {
    padding: 10px 20px;
  }
  .infobox .head .share-container {
    bottom: inherit;
    top: 95px;
  }
  .infobox .head .buttons {
    display: flex;
    float: none;
    margin-top: 30px;
    margin-bottom: 10px;
  }
  .infobox .head .buttons .cta-save {
    display: flex;
    order: 2;
    margin-right: 0;
    position: absolute;
    right: 20px;
  }
  .infobox .border-box {
    padding-top: 40px;
    padding-bottom: 20px;
  }
  .infobox .border-box .col-4 {
    display: none;
  }
  .infobox .border-box .col-8 {
    width: 100%;
  }
  .infobox .border-box .col-8 .col-6 {
    width: 100%;
  }
}
.text {
  padding: 80px 0 0;
}
.text.padding-top-0.padding-bottom-0 .col-8 .spacer-60 {
  display: none;
}
.text .col-8 {
  padding-right: 60px;
  padding-left: 15px;
}
.text .col-8 p {
  margin-bottom: 20px;
}
.text .col-8 ul {
  margin-bottom: 60px;
}
.text .col-8 ul ul {
  margin-bottom: 0;
}
.text .col-8 .introduction {
  margin-bottom: 60px;
}

@media only screen and (max-width: 1169px) {
  .text {
    padding: 70.4px 0 0;
  }
  .text .col-8 {
    padding-right: 50.4px;
  }
  .text .col-8 ul {
    margin-bottom: 50.4px;
  }
  .text .col-8 .introduction {
    margin-bottom: 50.4px;
  }
}
@media only screen and (max-width: 830px) {
  .text {
    padding: 64.6px 0 0;
  }
  .text .col-8 {
    padding-right: 44.6px;
  }
  .text .col-8 ul {
    margin-bottom: 44.6px;
  }
  .text .col-8 .introduction {
    margin-bottom: 44.6px;
  }
}
@media only screen and (max-width: 567px) {
  .text {
    padding-top: 60px;
    padding-bottom: 0;
  }
  .text .col-4 {
    display: none;
  }
  .text .col-8 {
    width: 100%;
    padding: 0 30px;
  }
  .text .col-8 ul {
    padding-left: 10px;
    margin-bottom: 40px;
  }
  .text .col-8 ul li {
    font-size: 1rem;
    line-height: 1.25rem;
  }
  .text .col-8 .introduction {
    margin-bottom: 40px;
  }
  .text .col-8 .operationArea {
    margin-bottom: 20px;
  }
  .text .col-8 .operationArea ul {
    margin-bottom: 0;
  }
}
.header-form {
  padding: 80px 60px;
}
.header-form h1 {
  margin-bottom: 20px;
}

@media only screen and (max-width: 1169px) {
  .header-form {
    padding: 70.4px 50.4px;
  }
  .header-form h1 {
    margin-bottom: 15.2px;
  }
}
@media only screen and (max-width: 830px) {
  .header-form {
    padding: 64.6px 44.6px;
  }
  .header-form h1 {
    margin-bottom: 12.3px;
  }
}
@media only screen and (max-width: 567px) {
  .col-2 {
    display: none;
  }
  .col-8 {
    width: 100%;
  }
  .header-form {
    width: 100%;
    padding: 60px 30px;
  }
  .header-form h1 {
    margin-bottom: 10px;
  }
}
.result_txt p.hidden {
  display: none;
}

#kesearch_results .no-results {
  padding: 8px;
  text-align: start;
}
#kesearch_results .no-results p {
  margin: auto;
  width: 60vw;
}
#kesearch_results .col-8 p a.button {
  margin-top: 20px;
  margin-bottom: 120px;
}
#kesearch_results .col-8 p a.button::after {
  display: none;
}

.hidden {
  display: none;
}

.kesearch_pagebrowser {
  min-height: 160px;
}
.kesearch_pagebrowser li {
  cursor: pointer;
}
.kesearch_pagebrowser.hidden, .kesearch_pagebrowser .hidden {
  display: none;
}
.kesearch_pagebrowser li.hidden {
  display: none !important;
}
.kesearch_pagebrowser .prev.hidden, .kesearch_pagebrowser .next.hidden, .kesearch_pagebrowser .seperator.hidden {
  display: none !important;
}

@media only screen and (max-width: 567px) {
  #kesearch_results .col-8 p {
    padding: 0 30px;
  }
  #kesearch_results .col-8 p a.button {
    margin-top: 20px;
    margin-bottom: 80px;
  }
  #kesearch_results .col-8 p a.button::after {
    display: none;
  }
}
#kesearch_filters {
  width: 100%;
}

.jobprofile-intro p {
  font-family: "Charite Text Book", Arial, sans-serif;
}
.jobprofile-intro h1 {
  margin-bottom: 40px;
}
@media only screen and (max-width: 1169px) {
  .jobprofile-intro h1 {
    margin-bottom: 35.2px;
  }
  .jobprofile-intro .container.padding-content .col-8 .spacer-80 {
    height: 70.4px;
  }
}
@media only screen and (max-width: 830px) {
  .jobprofile-intro h1 {
    margin-bottom: 32.3px;
  }
  .jobprofile-intro .container.padding-content .col-8 .spacer-80 {
    height: 64.6px;
  }
}
@media only screen and (max-width: 567px) {
  .jobprofile-intro h1 {
    margin-bottom: 30px;
  }
  .jobprofile-intro h2 {
    font-size: 1.375rem;
  }
  .jobprofile-intro h4 {
    font-size: 1rem;
  }
  .jobprofile-intro .container.padding-content .col-8 .spacer-80 {
    height: 60px;
  }
}

.sticky-sprungmarken {
  position: sticky;
  top: -1px;
  height: 100px;
  padding-top: 20px;
  transition: none;
  z-index: 5;
  transform: translateZ(5px);
}
.sticky-sprungmarken.is-pinned {
  height: 80px;
  transition: none;
}
@media only screen and (max-width: 1169px) {
  .sticky-sprungmarken.is-pinned {
    height: 75px;
  }
}
@media only screen and (max-width: 567px) {
  .sticky-sprungmarken {
    height: 70px;
  }
  .sticky-sprungmarken.is-pinned {
    height: 70px;
  }
  .sticky-sprungmarken .container.padding-content {
    padding-right: 10px;
    padding-left: 10px;
  }
  .sticky-sprungmarken .container.padding-content .sprungmarken.scroll {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.sprungmarken {
  background-color: #002898;
  overflow: hidden;
}
.sprungmarken ul {
  width: max-content;
  overflow: auto;
  padding-left: 0;
}
.sprungmarken ul::before, .sprungmarken ul::after {
  content: "";
  display: table;
}
.sprungmarken ul::after {
  clear: both;
}
.sprungmarken ul li {
  display: inline-block;
  float: left;
  margin: 0 10px 0 0;
  list-style: none;
  padding-left: 0;
}
.sprungmarken ul li::before {
  display: none;
}
.sprungmarken ul li a {
  border: 2px solid #fff;
  text-decoration: none;
  border-radius: 20px;
  padding: 6px 20px 6px;
  display: inline-block;
  transition: all 0.25s cubic-bezier(0.33, 0.775, 0.265, 1.55);
}
.sprungmarken ul li a:hover, .sprungmarken ul li a.active {
  background-color: #fff;
  color: #002898;
  transition: all 0.25s cubic-bezier(0.33, 0.775, 0.265, 1.55);
}
.sprungmarken.scroll .scroller-container {
  width: 100%;
  overflow: hidden;
}
.sprungmarken.scroll .btn-scroll-next {
  position: absolute;
  top: 0;
  right: 0;
  height: 40px;
  width: 40px;
  z-index: 2;
  cursor: pointer;
}
.sprungmarken.scroll .btn-scroll-next::before {
  position: absolute;
  z-index: 2;
  content: "";
  width: 40px;
  height: 40px;
  transform: rotate(90deg);
  background-image: url(../img/Dropdown-white.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 26px auto;
}
.sprungmarken.scroll .btn-scroll-next::after {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0px;
  width: 70px;
  height: 40px;
  content: "";
  background: -moz-linear-gradient(left, rgba(0, 40, 152, 0) 0%, rgb(0, 40, 152) 53%);
  background: -webkit-linear-gradient(left, rgba(0, 40, 152, 0) 0%, rgb(0, 40, 152) 53%);
  background: linear-gradient(to right, rgba(0, 40, 152, 0) 0%, rgb(0, 40, 152) 53%);
}
.sprungmarken.scroll .btn-scroll-next.hide {
  display: none;
}
.sprungmarken.scroll .btn-scroll-prev {
  position: absolute;
  top: 0;
  left: 0;
  height: 40px;
  width: 40px;
  z-index: 2;
  cursor: pointer;
  display: none;
}
.sprungmarken.scroll .btn-scroll-prev::before {
  position: absolute;
  z-index: 2;
  content: "";
  width: 40px;
  height: 40px;
  transform: rotate(-90deg);
  background-image: url(../img/Dropdown-white.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 26px auto;
}
.sprungmarken.scroll .btn-scroll-prev::after {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0px;
  width: 70px;
  height: 40px;
  content: "";
  background: -moz-linear-gradient(left, rgb(0, 40, 152) 47%, rgba(0, 40, 152, 0) 100%);
  background: -webkit-linear-gradient(left, rgb(0, 40, 152) 47%, rgba(0, 40, 152, 0) 100%);
  background: linear-gradient(to right, rgb(0, 40, 152) 47%, rgba(0, 40, 152, 0) 100%);
}
.sprungmarken.scroll .btn-scroll-prev.active {
  display: block;
}
@media only screen and (max-width: 1169px) {
  .sprungmarken.scroll .btn-scroll-next {
    top: -2px;
  }
  .sprungmarken.scroll .btn-scroll-prev {
    top: -2px;
  }
  .sprungmarken.scroll .scroller-container {
    overflow-x: scroll;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
  }
  .sprungmarken.scroll .scroller-container::-webkit-scrollbar {
    display: none;
  }
}
@media only screen and (max-width: 567px) {
  .sprungmarken.scroll .scroller-container {
    overflow-x: scroll;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
  }
  .sprungmarken.scroll .scroller-container::-webkit-scrollbar {
    display: none;
  }
  .sprungmarken ul li {
    margin: 0 4px 0 0;
  }
  .sprungmarken ul li a {
    padding: 4px 10px 6px;
    font-size: 0.8889rem;
  }
  .sprungmarken.scroll .btn-scroll-next {
    width: 30px;
    height: 30px;
    top: 0;
  }
  .sprungmarken.scroll .btn-scroll-next::before {
    width: 18px;
    height: 30px;
    right: 0;
    background-size: 18px auto;
  }
  .sprungmarken.scroll .btn-scroll-next::after {
    width: 30px;
    height: 30px;
    right: 10px;
  }
  .sprungmarken.scroll .btn-scroll-prev {
    width: 30px;
    height: 30px;
    top: 0;
  }
  .sprungmarken.scroll .btn-scroll-prev::before {
    width: 18px;
    height: 30px;
    left: 0;
    background-size: 18px auto;
  }
  .sprungmarken.scroll .btn-scroll-prev::after {
    width: 30px;
    height: 30px;
    left: 10px;
  }
}

.jobprofile-video {
  margin-top: 120px;
}
.jobprofile-video .video-container {
  margin-bottom: 40px;
}
.jobprofile-video .video-container .video {
  position: relative;
  margin: 0 auto;
  width: 100%;
}
.jobprofile-video .video-description p {
  font-size: 1rem;
}
@media only screen and (max-width: 1169px) {
  .jobprofile-video {
    margin-top: 110.4px;
  }
  .jobprofile-video .video-container {
    margin-bottom: 35.2px;
  }
  .jobprofile-video .video-container .video {
    width: 100%;
  }
}
@media only screen and (max-width: 830px) {
  .jobprofile-video {
    margin-top: 104.6px;
  }
  .jobprofile-video .video-container {
    margin-bottom: 32.3px;
  }
}
@media only screen and (max-width: 567px) {
  .jobprofile-video {
    margin-top: 40px;
  }
  .jobprofile-video.padding-content {
    padding-left: 0;
    padding-right: 0;
  }
  .jobprofile-video .video-container {
    margin-bottom: 20px;
  }
  .jobprofile-video .col-4 {
    display: none;
  }
  .jobprofile-video .video-description {
    padding-left: 30px;
    padding-right: 30px;
  }
  .jobprofile-video .video-description p {
    font-size: 0.889rem;
    margin-bottom: 0;
  }
}

.jobprofile-text .section-title {
  padding: 0;
}
.jobprofile-text .section-title h2 {
  margin-bottom: 20px;
}
.jobprofile-text .section-title p {
  font-size: 0.875rem;
  font-family: inherit;
  font-weight: normal;
}
.jobprofile-text .col-4.section-title {
  padding-right: 40px;
}
.jobprofile-text .col-8 {
  margin-top: 10px;
}
@media only screen and (max-width: 1169px) {
  .jobprofile-text .section-title {
    width: 100%;
  }
  .jobprofile-text .col-4.section-title {
    padding-right: 35.2px;
  }
}
@media only screen and (max-width: 830px) {
  .jobprofile-text .section-title {
    width: 100%;
  }
  .jobprofile-text .col-4.section-title {
    padding-right: 32.3px;
  }
  .jobprofile-text .col-8 {
    width: 100%;
  }
}
@media only screen and (max-width: 567px) {
  .jobprofile-text .spacer-120 {
    height: 80px;
  }
  .jobprofile-text .section-title {
    width: 100%;
  }
  .jobprofile-text .section-title h2 {
    font-size: 1.444rem;
    margin-bottom: 10px;
  }
  .jobprofile-text .col-4.section-title {
    padding-right: 30px;
  }
  .jobprofile-text .col-8 {
    margin-top: 0;
  }
}

.section-title.padding-content.padding-top-0.padding-bottom-0 .spacer-120:last-of-type {
  height: 180px;
}

@media only screen and (max-width: 1169px) {
  .section-title.padding-content.padding-top-0.padding-bottom-0 .spacer-120:last-of-type {
    height: 160.8px;
  }
}
@media only screen and (max-width: 830px) {
  .section-title.padding-content.padding-top-0.padding-bottom-0 .spacer-40 {
    display: block;
  }
  .section-title.padding-content.padding-top-0.padding-bottom-0.f-bold {
    width: 100%;
  }
  .section-title.padding-content.padding-top-0.padding-bottom-0.f-bold .spacer-120:last-of-type {
    height: 149.2px;
  }
}
@media only screen and (max-width: 567px) {
  .section-title.padding-content.padding-top-0.padding-bottom-0.f-bold h2 {
    font-size: 1.222rem;
  }
  .section-title.padding-content.padding-top-0.padding-bottom-0.f-bold .button.cta-huge {
    height: 36px;
    line-height: 36px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 1rem;
    width: auto;
  }
  .section-title.padding-content.padding-top-0.padding-bottom-0.f-bold .spacer-120:last-of-type {
    height: 120px;
  }
}
.media2click-wrap .media2click-placeholder.media2click-haspreview {
  text-shadow: none;
  padding: 0;
}
.media2click-wrap .media2click-placeholder.media2click-haspreview:hover .media2click-placeholder-inner {
  background: rgba(0, 0, 0, 0.6);
}
.media2click-wrap .media2click-placeholder .media2click-placeholder-inner {
  background: rgba(0, 0, 0, 0.6);
  z-index: 2;
}
.media2click-wrap .media2click-placeholder .media2click-placeholder-inner .media2click-content {
  position: absolute;
  right: 60px;
  bottom: 162px;
  color: #fff;
  max-width: 66.666%;
  text-align: left;
  line-height: 150%;
  font-size: 1rem;
}
.media2click-wrap .media2click-placeholder .media2click-preview-image {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-repeat: no-repeat;
  filter: blur(20px);
  z-index: 0;
}
.media2click-wrap .media2click-placeholder .media2click-controls {
  z-index: 3;
  bottom: 40px;
  right: 40px;
}
.media2click-wrap .media2click-placeholder .media2click-controls .media2click-button {
  border: 2px solid #fff;
  text-decoration: none;
  border-radius: 40px;
  padding: 14px 40px;
  display: inline-block;
  background-color: transparent;
  transition: all 0.25s cubic-bezier(0.33, 0.775, 0.265, 1.55);
}
.media2click-wrap .media2click-placeholder .media2click-controls .media2click-button:hover {
  background-color: #fff;
  color: #000000;
  transition: all 0.25s cubic-bezier(0.33, 0.775, 0.265, 1.55);
}
@media only screen and (max-width: 1169px) {
  .media2click-wrap .media2click-placeholder .media2click-placeholder-inner .media2click-content {
    padding-left: 40px;
    max-width: 100%;
  }
}
@media only screen and (max-width: 830px) {
  .media2click-wrap .media2click-placeholder .media2click-placeholder-inner .media2click-content {
    padding-left: 40px;
    max-width: 100%;
  }
}
@media only screen and (max-width: 567px) {
  .media2click-wrap .media2click-placeholder .media2click-placeholder-inner .media2click-content {
    bottom: 100px;
    right: auto;
    left: 30px;
    padding-left: 0;
    padding-right: 30px;
  }
  .media2click-wrap .media2click-placeholder .media2click-controls {
    right: auto;
    left: 30px;
    bottom: 30px;
  }
  .media2click-wrap .media2click-placeholder .media2click-controls .media2click-button {
    padding: 8px 20px;
    margin: 0;
  }
}

section.job-offers-search .section-title {
  padding-top: 80px;
}
section.job-offers-search .col-12 .tx-kesearch-pi1 {
  width: 100%;
  padding-left: 60px;
  padding-right: 60px;
  padding-top: 0;
}
section.job-offers-search .col-12 .tx-kesearch-pi1 #kesearch_filters::before, section.job-offers-search .col-12 .tx-kesearch-pi1 #kesearch_filters::after {
  content: "";
  display: table;
}
section.job-offers-search .col-12 .tx-kesearch-pi1 #kesearch_filters::after {
  clear: both;
}
@media only screen and (max-width: 567px) {
  section.job-offers-search .section-title {
    padding: 30px;
  }
  section.job-offers-search .section-title h2 {
    font-size: 1.444rem;
  }
  section.job-offers-search .f-info a.link-extern::before {
    width: 20px;
    height: 20px;
    top: 1px;
  }
  section.job-offers-search .col-12 .tx-kesearch-pi1 {
    padding-top: 10px;
    padding-bottom: 0;
    padding-left: 30px;
    padding-right: 30px;
  }
  section.job-offers-search .col-12 .tx-kesearch-pi1 select,
  section.job-offers-search .col-12 .tx-kesearch-pi1 button.ui-multiselect {
    width: 100%;
    margin-bottom: 20px;
  }
  section.job-offers-search .col-12 .tx-kesearch-pi1 .kesearchbox {
    display: none;
  }
  section.job-offers-search .col-12 .tx-kesearch-pi1 .submitbutt {
    margin-top: 10px;
  }
  section.job-offers-search .col-12.padding-content p.f-info {
    margin-bottom: 20px;
  }
}

section.numbers {
  margin-top: 120px;
  padding-bottom: 120px;
  padding-left: 280px;
  padding-right: 280px;
}
section.numbers .number {
  font-family: "Charite Headline", Arial, sans-serif;
  font-size: 4.75rem;
  line-height: 0.9;
  color: #002898;
  padding-left: 20px;
  padding-right: 20px;
}
section.numbers .number:nth-child(3), section.numbers .number:last-child {
  margin-top: 100px;
}
section.numbers .number .number-top {
  border-bottom: 6px solid #002898;
  margin-bottom: 20px;
  overflow: hidden;
}
section.numbers .number .number-top span {
  display: inline-block;
  transform: translateY(100%);
  transition: all 0.8s cubic-bezier(0.005, 0.015, 0.24, 0.985);
}
section.numbers .number .number-top.ani-in span {
  transform: translateY(0%);
  transition: all 0.8s cubic-bezier(0.005, 0.015, 0.24, 0.985);
}
section.numbers .number .number-bottom.ani-in p {
  transform: translateY(0%);
  opacity: 1;
  transition: all 0.8s cubic-bezier(0.005, 0.015, 0.24, 0.985);
}
section.numbers .number .number-bottom p {
  margin-bottom: 0;
  transform: translateY(15%);
  opacity: 0;
  transition: all 0.8s cubic-bezier(0.005, 0.015, 0.24, 0.985);
}
section.numbers .number .number-bottom p a.link-extern {
  padding-right: 0;
  background-image: linear-gradient(#002898, #002898);
}
section.numbers .number .number-bottom p a.link-extern::after {
  background-image: url("../img/CHA_Icon_Link-extern-blue.svg");
}
@media only screen and (max-width: 1440px) {
  section.numbers {
    padding-left: 120px;
    padding-right: 120px;
  }
}
@media only screen and (max-width: 1169px) {
  section.numbers {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media only screen and (max-width: 830px) {
  section.numbers {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 567px) {
  section.numbers {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 80px;
    padding-bottom: 80px;
  }
  section.numbers .number {
    font-size: 4.75rem;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 40px;
  }
  section.numbers .number:nth-child(3), section.numbers .number:last-child {
    margin-top: 0;
  }
  section.numbers .number:last-child {
    margin-bottom: 0;
  }
  section.numbers .number .number-top {
    font-size: 3.778rem;
  }
}

.quicklinks-container {
  margin-bottom: 100px;
}
.quicklinks-container .col-12.quicklinks {
  text-align: center;
  padding: 0 60px;
}
.quicklinks-container .quicklinks {
  display: flex;
  flex-flow: wrap;
  justify-content: center;
}
@media only screen and (max-width: 1169px) {
  .quicklinks-container {
    margin-bottom: 90.4px;
  }
}
@media only screen and (max-width: 830px) {
  .quicklinks-container {
    margin-bottom: 84.6px;
  }
}
@media only screen and (max-width: 567px) {
  .quicklinks-container {
    margin-bottom: 80px;
  }
  .quicklinks-container .col-12.quicklinks {
    padding: 0 20px;
  }
}

.quicklinks {
  display: flex;
  justify-content: flex-start;
  gap: 12px;
  padding-top: 10px;
}
@media only screen and (max-width: 1169px) {
  .quicklinks {
    padding-top: 10px;
  }
}
@media only screen and (max-width: 830px) {
  .quicklinks {
    padding-top: 10px;
  }
}
@media only screen and (max-width: 567px) {
  .quicklinks {
    gap: 10px;
    padding-top: 10px;
  }
}

.quicklink-entry {
  background-image: none !important;
  font-family: "Charite Text Book", Arial, sans-serif;
  border: 2px solid #002898;
  font-size: 1.125rem;
  color: #002898;
  line-height: 1;
  height: 45px;
  padding: 10px 20px 8px;
  border-radius: 40px;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.25s cubic-bezier(0.33, 0.775, 0.265, 1.55);
}
.quicklink-entry span {
  line-height: 1rem;
}
.quicklink-entry:hover, .quicklink-entry.active {
  background-color: #002898;
  color: #fff;
  transition: all 0.25s cubic-bezier(0.33, 0.775, 0.265, 1.55);
}
.quicklink-entry:hover.link-extern:not(.button.cta-med):after, .quicklink-entry.active.link-extern:not(.button.cta-med):after {
  background-image: url("../img/CHA_Icon_Link-extern-blue.svg");
}
.quicklink-entry.link-extern:not(.button.cta-med) {
  display: flex;
  padding-right: 10px;
}
.quicklink-entry.link-extern:not(.button.cta-med):after {
  width: 12px;
  height: 12px;
  top: 0px;
}

.c-white .quicklink-entry {
  border-color: #fff;
  color: #fff;
}
.c-white .quicklink-entry:hover, .c-white .quicklink-entry.active {
  background-color: #fff;
  color: #002898;
  transition: all 0.25s cubic-bezier(0.33, 0.775, 0.265, 1.55);
}

.quicklinks-container-top .quicklinks {
  flex-wrap: wrap;
  padding: 0 60.4px 33px 60.4px;
}
.quicklinks-container-top .quicklink-entry {
  height: 40px;
  line-height: 40px;
  font-family: inherit;
  font-weight: normal;
}
@media only screen and (max-width: 1169px) {
  .quicklinks-container-top .quicklinks {
    padding-left: 50.4px;
    padding-right: 50.4px;
  }
}
@media only screen and (max-width: 830px) {
  .quicklinks-container-top .quicklinks {
    padding-left: 44.6px;
    padding-right: 44.6px;
  }
}
@media only screen and (max-width: 567px) {
  .quicklinks-container-top .quicklinks {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 40px;
  }
}

@media only screen and (max-width: 567px) {
  .quicklink-entry {
    font-size: 1rem;
    height: 36px;
    line-height: 0.95;
    padding: 0px 10px;
  }
}
.copyright {
  font-family: "Charite Text Book", Arial, sans-serif;
}

a.hidden-anchor {
  display: block;
  position: relative;
  top: -180px;
  visibility: hidden;
}

/*# sourceMappingURL=styles.css.map */