@charset "UTF-8";
/*------------------------------------*\
  Default Animations
\*------------------------------------*/
@keyframes details-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*------------------------------------*\
  Default Colors
\*------------------------------------*/
@font-face {
  font-family: "RUB Nepo Icons Old";
  src: url("icons/rub_newsportal_icons_abc.eot");
  src: url("icons/rub_newsportal_icons_abc.eot?#iefix") format("embedded-opentype"), url("icons/rub_newsportal_icons_abc.ttf") format("truetype"), url("icons/rub_newsportal_icons_abc.woff") format("woff"), url("icons/rub_newsportal_icons_abc.svg#rub_newsportal_icons_abc") format("svg");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "Flama";
  src: url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/flamapro-basic.woff) format("woff"), url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/flamapro-basic.ttf) format("truetype"), url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/flamapro-basic.svg#Flama) format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "FlamaBold";
  src: url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/FlamaPro-Medium.woff) format("woff"), url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/FlamaPro-Medium.ttf) format("truetype"), url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/FlamaPro-Medium.svg#FlamaBold) format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "FlamaBasic";
  src: url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/Flama-Basic-A.woff) format("woff"), url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/Flama-Basic-A.ttf) format("truetype"), url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/Flama-Basic-A.svg#FlamaBasic) format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Scala Offc W02";
  src: url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/179f9213-a414-4fd1-914a-8e7b8f2a24d2.eot#iefix) format("eot"), url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/f6dc818d-560b-492b-8a95-e5fb445c15cf.woff2) format("woff2"), url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/556c8792-4efa-40d8-9944-3ce48e9edc1b.woff) format("woff"), url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/402d489d-8605-4109-911f-c2fe749c5210.ttf) format("truetype"), url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/c2f4564c-1e6b-499c-875f-0e56eb9f6c35.svg#c2f4564c-1e6b-499c-875f-0e56eb9f6c35) format("svg");
}
@font-face {
  font-family: "Scala Offc W02";
  src: url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/d6334097-85f7-45a7-b236-61fde24453f4.eot#iefix) format("eot"), url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/610a9c94-45a4-4549-81df-a9307ddfd949.woff2) format("woff2"), url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/3fe779fd-47cd-4f65-8e79-523e6106a73c.woff) format("woff"), url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/d1d81415-bffa-4516-a833-9e545abc685c.ttf) format("truetype"), url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/95fba401-19ec-44f6-b568-5cad124a3f73.svg#95fba401-19ec-44f6-b568-5cad124a3f73) format("svg");
  font-style: italic;
}
@font-face {
  font-family: "Scala Offc W02";
  src: url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/0e076fbb-4139-4d5e-8bc0-8bf5a90766e0.eot#iefix) format("eot"), url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/6a92fda6-9e6d-40b9-a93a-37e712a64599.woff2) format("woff2"), url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/06807d16-017f-4d3d-afb1-1f97c0150427.woff) format("woff"), url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/affe177e-580a-4dad-8333-dee8db15c368.ttf) format("truetype"), url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/d6e16d44-3e92-437e-9f02-6f3ca07c3a96.svg#d6e16d44-3e92-437e-9f02-6f3ca07c3a96) format("svg");
  font-weight: bold;
}
@font-face {
  font-family: "Scala Offc W02";
  src: url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/0a2caf4c-c387-4017-b49a-ff310c9b904a.eot#iefix) format("eot"), url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/76bc2c95-998a-471c-a9a1-d91a5acd91f4.woff2) format("woff2"), url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/dd5daa4e-14c2-42a9-838e-73fa41ea9044.woff) format("woff"), url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/3be292a2-4a09-4da9-a6d0-b49bc9bd1416.ttf) format("truetype"), url(https://www.ruhr-uni-bochum.de/themes/custom/rub/fonts/0af5367d-999c-4bc0-9bad-9422140ca749.svg#0af5367d-999c-4bc0-9bad-9422140ca749) format("svg");
  font-weight: bold;
  font-style: italic;
}
/*------------------------------------*\
  Default Spacing Options 
\*------------------------------------*/
/*------------------------------------*\
  Padding
\*------------------------------------*/
:root {
  --rubgreen: #8DAE10;
  --rubblue: #003560;
  --bordernormal: #c1bbba;
  --borderhover: var(--rubgreen);
  --bgboxes: #E6E4E4;
  font-size: 1rem;
}

/**
 * SharePoint Globals 
 **/
body #suiteBarLeft .ms-tableCell:before {
  content: "Fortbildungsportal";
  color: #444;
  padding-left: 10px;
  font-weight: bold;
}

body #suiteBarLeft .ms-tableCell:after {
  content: " der Ruhr-Universität Bochum";
  color: #444;
}

body #suiteBarLeft .ms-tableCell .ms-core-brandingText {
  display: none;
}

body .riRibbon .riLeft b {
  display: none;
}

body .riRibbon .riLeft span:before {
  content: "Fortbildungsportal";
  font-weight: bold;
}

body #riMetaMenue {
  display: none;
}

/*------------------------------------*\
  Bausteine
\*------------------------------------*/
/* TODO: IE 10/11 Support */
.bausteine, .bausteine > * {
  box-sizing: border-box;
}

.bausteine {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  background-color: #E6E4E4;
  padding: 30px;
  width: 960px;
  /* For some reasons need for IE 10/11 */
}

.bausteine__items {
  margin-bottom: 30px;
  margin-right: 30px;
}

/* No IE 10/11 equivalent to grid-gap. Use margins instead and check for gap feature to reset */
@supports (grid-gap: 30px) {
  .bausteine {
    grid-gap: 30px;
  }

  .bausteine__items {
    margin-right: 0;
    margin-bottom: 0;
  }
}
/* Manually Placing Items for IE 10/11 due to missing auto-placement feature in IE */
.bausteine__items:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.bausteine__items:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}

.bausteine__items:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.bausteine__items:nth-child(5) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}

.bausteine__items:nth-child(6) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.bausteine__items:nth-child(7) {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
}

.bausteine__items:nth-child(8) {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.bausteine__items:nth-child(9) {
  -ms-grid-row: 4;
  -ms-grid-column: 2;
}

.bausteine__items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2fr;
  grid-template-columns: 1fr 2fr;
  background-color: white;
  padding: 15px 20px;
  position: relative;
  border-bottom: 9px solid #c6bbba;
}

.bausteine__items > *:nth-child(3) {
  margin-left: 20px;
}

/* No IE 10/11 equivalent to grid-gap. Use margins instead and check for gap feature to reset */
@supports (grid-gap: 20px) {
  .bausteine__items {
    grid-gap: 20px;
  }

  .bausteine__items > *:nth-child(3) {
    margin-left: 0px;
  }
}
/* Manually Placing Items for IE 10/11 due to missing auto-placement feature in IE */
.bausteine__items > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.bausteine__items > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}

.bausteine__items:hover {
  border-bottom-color: #8DAE10;
}

.bausteine__logo {
  background-color: #8DAE10;
  width: 100%;
  height: 85px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bausteine__title {
  color: #003560;
  margin: 0;
  font-size: 24px;
  line-height: 1.2;
  font-family: "RUB-Neu Flama", Arial, sans-serif;
  font-weight: bold;
  align-self: center;
  -ms-grid-row-align: center;
}

.bausteine__teaser {
  font-size: 16px;
  line-height: 22px;
  margin: 0;
  padding: 0;
}

.bausteine__link {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
  top: 0;
  left: 0;
}

#riBreadcrumb {
  display: grid;
  grid-template-columns: 270px 1fr;
  grid-template-areas: "none main";
  min-height: 0 !important;
  margin-bottom: 12px;
}
#riBreadcrumb .riBreadcrumb {
  height: 28px;
  grid-area: main;
  list-style: none;
  padding-left: 5px;
  margin: 0;
  background-color: #dcdcdc;
  display: flex;
  align-items: center;
}
#riBreadcrumb .riBreadcrumb, #riBreadcrumb .riBreadcrumb * {
  box-sizing: border-box;
}
#riBreadcrumb .riBreadcrumb > :first-child {
  display: flex;
  align-items: center;
}
#riBreadcrumb .riBreadcrumb > :first-child::before {
  background-image: url("data:image/svg+xml,%3Csvg id='fd4b65d5-b8b3-4997-b9e7-bebad5a7e23f' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' width='22.24px' height='14px' viewBox='0 0 25.43 22.86'%3E%3Ctitle%3EPfad-71%3C/title%3E%3Cpath d='M25.18,5.33,22.13,3.05a1,1,0,0,0-.64-.26.94.94,0,0,0-.77-.25H12.08l1,6.35h7.62a1.57,1.57,0,0,0,.77-.13c.25-.12.51-.12.63-.25l3.05-2.29c.13-.25.26-.38.26-.5S25.3,5.46,25.18,5.33ZM10.81,0H9.54A.6.6,0,0,0,8.9.56V5.08H4.7a1.53,1.53,0,0,0-.76.13c-.25.12-.51.12-.63.25L.25,7.87C.13,8,0,8.13,0,8.26s.13.25.25.38l3.06,2.28a1,1,0,0,0,.63.26.94.94,0,0,0,.76.25H8.9v10.8a.59.59,0,0,0,.56.63h1.35a.59.59,0,0,0,.63-.56V.63A.59.59,0,0,0,10.88,0Z' transform='translate(0 0)' style='fill:%237b7b7c;'/%3E%3C/svg%3E");
  width: 22.24px;
  height: 14px;
  content: "";
  margin-right: 10px;
}
#riBreadcrumb li {
  margin-left: 2px;
  color: #3c3c3c;
  font-family: "RUB-Neu Flama", Arial, sans;
  font-size: 12px;
}
#riBreadcrumb li:last-child::after {
  content: none;
}
#riBreadcrumb li > a {
  color: #3c3c3c;
  font-family: "RUB-Neu Flama", Arial, sans;
  text-decoration: none;
  border-bottom: 0;
}
#riBreadcrumb li > a:hover, #riBreadcrumb li > a:active, #riBreadcrumb li > a:focus {
  text-decoration: underline;
}
#riBreadcrumb li::after {
  content: "→";
  color: #3c3c3c;
  margin-left: 3px;
  margin-right: 3px;
  font-family: "RUB-Neu Flama", Arial, sans;
  font-size: 12px;
  line-height: 12px;
}

/**
 * 1. Cards for Categories
 *
 **/
.cards * {
  box-sizing: border-box;
}

.cards__link {
  width: 432px;
  background-color: #e6e4e4;
  border-bottom: 9px solid #c1bbba;
  margin-bottom: 36px;
  margin-right: 0.8em;
  text-decoration: none;
}

.cards__link--last {
  margin-right: 0;
}

.cards__link:hover,
.cards__link:focus {
  border-bottom: 9px solid #8dae25;
  color: #8dae25;
  text-decoration: none;
}

.cards__text {
  background-color: #ffffff;
  color: #17365c;
  display: block;
  font-weight: normal;
  font-family: "FlamaBold", Arial, sans;
  font-size: 21px;
  height: 3.7em;
  line-height: 1.2em;
  padding-top: 0.7em;
  padding-bottom: 0.7em;
  padding-left: 24px;
  width: auto;
}

/* IE 10 and similar not supporting Flexbox use floats */
.cards {
  display: block;
}

.cards__link {
  display: block;
  float: left;
}

/* Everything else uses Flexbox */
@supports (display: flex) {
  .cards {
    -display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .cards__link {
    flex: 0 0 432px;
  }
}
.fb-content {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  max-width: 960px;
  margin-top: 20px;
}

.fb-content__main {
  flex: 1 1 720px;
  margin-right: 30px;
}
.fb-content__main .ms-webpart-titleText {
  font-size: 36px;
  font-weight: normal;
  font-family: "FlamaBold", Arial, sans;
  color: #003560;
  margin-top: 20px;
  margin-bottom: 20px;
}
.fb-content__main .riPageTitle {
  padding-top: 0;
}

.fb-content__main,
.fb-content__main > * {
  box-sizing: border-box;
}

.fb-content__content {
  padding: 30px;
  margin-bottom: 30px;
}

.fb-content__side {
  flex: 1 1 210px;
}

.boxes {
  width: 100%;
  max-width: 960px;
  /**
   * TODO Fallback Float Layout
   **/
  display: block;
}
.boxes,
.boxes * {
  box-sizing: border-box;
}
.boxes--gray {
  background-color: var(--bgboxes);
}

.box {
  /** 
   * *  Make complete box clickable 
   **/
  position: relative;
  /**
   * * Basic Box Layout
   **/
  background-color: white;
  font-family: "RUB-Neu Flama", Arial, sans;
  width: 50%;
  width: 50%;
}
.box__link {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.box__link:hover ~ .box__text .box__title, .box__link:focus ~ .box__text .box__title {
  text-decoration: underline;
  text-decoration-color: #8DAE10;
}
.box__media, .box__title, .box__text {
  pointer-events: none;
  position: relative;
  z-index: 100;
}
.box__media button, .box__media a, .box__title button, .box__title a, .box__text button, .box__text a {
  pointer-events: auto;
}
.box__media {
  background-color: #8DAE10;
  height: 152px;
}
.box__title {
  margin: 30px;
  color: #003560;
  font-size: 24px;
  line-height: 1em;
}
.box__desc {
  margin: 30px;
  color: #003560;
  font-size: 18px;
  line-height: 1.2em;
}
.box--small .box__media {
  background-color: #8DAE10;
  width: 125px;
  height: 85px;
}
.box--small .box__title {
  font-size: 18px;
  margin: 0;
  margin-bottom: 5px;
}
.box--small .box__desc {
  font-size: 16px;
  margin: 0;
}

@supports (display: flex) {
  .boxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    padding: 30px 30px 15px 30px;
  }

  .box {
    flex: 0 1 calc(50% - 15px);
    margin-bottom: 15px;
  }
  .box--small {
    display: flex;
    padding: 10px;
  }
  .box--small .box__media {
    flex-shrink: 0;
  }
  .box--small .box__text {
    margin: 0;
    margin-left: 20px;
  }
}
.event__signup {
  border: 0;
  outline: 0;
  font-family: "RUB-Neu Flama", Arial, sans;
  display: inline-block;
  position: relative;
  font-size: 15px;
  text-transform: uppercase;
  text-decoration: none;
  background-color: #003560;
  color: white;
  padding: 7px 8px 7px 38px;
  line-height: 1;
  height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.event__signup:visited {
  color: white;
}
.event__signup::before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  line-height: 1;
  content: url("data:image/svg+xml;charset=UTF-8, %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' id='Ebene_1' x='0px' y='0px' viewBox='0 0 20 20'%3E %3Cpath fill='%23FFFFFF' d='M4.8,2.6c-0.6-0.5-0.7-1.4-0.1-2c0,0,0.1-0.1,0.1-0.1c0.5-0.6,1.4-0.7,2-0.1c0,0,0.1,0.1,0.1,0.1l8.2,8.4 c0.6,0.5,0.7,1.4,0.1,2c0,0-0.1,0.1-0.1,0.1L7,19.5c-0.5,0.6-1.4,0.7-2,0.1c0,0-0.1-0.1-0.1-0.1c-0.6-0.5-0.7-1.4-0.1-2 c0,0,0.1-0.1,0.1-0.1l6.7-7.4L4.8,2.6z'/%3E%3C/svg%3E");
  text-transform: lowercase;
  background-color: #8DAE10;
  width: 30px;
  height: 30px;
  padding: 5px;
  box-sizing: border-box;
}
.event__signup:hover {
  color: white;
  cursor: pointer;
  background-color: #8DAE10;
  text-decoration: none;
}
.event__signup a {
  color: #8DAE10;
  text-decoration: none;
}

.event__signup {
  margin-bottom: 1em;
}

.certs {
  display: block;
  font-family: "RUB-Neu Flama", Arial, sans;
  width: 100%;
  max-width: 960px;
}
.certs,
.certs * {
  box-sizing: border-box;
}

.cert {
  background-color: white;
  border-bottom: 9px solid var(--bordernormal);
  margin-bottom: 30px;
  font-family: "RUB-Neu Flama", Arial, sans;
  /** 
   * *  Make complete event clickable 
   **/
  position: relative;
}
.cert > * {
  padding-left: 20px;
  padding-right: 20px;
}
.cert > *:nth-child(2) {
  padding-top: 20px;
  padding-bottom: 20px;
}
.cert__link {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.cert__link:hover ~ .cert__title, .cert__link:focus ~ .cert__title {
  text-decoration: underline;
  text-decoration-color: #8DAE10;
}
.cert:hover, .cert:focus {
  border-bottom: 9px solid #8DAE10;
  text-decoration: none;
}
.cert__category {
  font-size: 14px;
  line-height: 24px;
  font-weight: bold;
  color: #8DAE10;
  margin-bottom: 10px;
}
.cert__title {
  font-size: 26px;
  color: #003560;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 0;
  font-family: "RUB-Neu Flama", Arial, sans;
}
.cert__footer {
  color: #003560;
  font-size: 16px;
  padding-bottom: 20px;
  padding-top: 20px;
  margin: 0;
  list-style-type: none;
  background-color: #E6E4E4;
  display: flex;
  flex-wrap: wrap;
}
.cert__footer > div {
  margin-bottom: 1em;
  display: flex;
}
.cert__footer > div:last-child {
  margin-bottom: 0;
}
.cert__footer > div:before {
  position: relative;
  content: "";
  color: transparent;
}
.cert--big {
  min-height: 225px;
}
.cert--big .cert__desc {
  font-family: "RUB-Neu Flama", Arial, sans;
  font-size: 16px;
  line-height: 1.5em;
}
.cert--big .cert__meta {
  padding: 0;
}
.cert--small {
  min-height: 390px;
}
.cert path {
  fill: #003560;
}
.cert-icon {
  margin-right: 1em;
  flex-shrink: 0;
}
.cert__meta svg {
  flex-grow: 0;
  flex-shrink: 0;
}
.cert__meta-date svg {
  width: 16px;
  height: 16px;
}
.cert__meta-time svg {
  width: 16px;
  height: 16px;
}
.cert__meta-trainer svg {
  width: 14.55px;
  height: 16px;
}

/* IE 10 and similar not supporting Flexbox use floats */
@supports (display: flex) {
  .certs {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
  }

  .cert {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: stretch;
  }
  .cert--big {
    flex-basis: 100%;
  }
  .cert--big > * {
    flex: 1 1 auto;
  }
  .cert--big .cert__text {
    flex-basis: 70%;
  }
  .cert--big .cert__footer {
    flex-basis: 30%;
  }
  .cert--small {
    flex: 0 0 290px;
    margin-left: 30px;
    flex-direction: column;
    align-items: stretch;
    align-content: space-between;
    justify-content: space-between;
  }
  .cert--small > * {
    flex-grow: 0;
  }
  .cert--small .cert__title {
    flex-grow: 1;
    align-self: flex-start;
  }
  .cert--small .cert__meta {
    margin-top: 60px;
  }
}
/**
 * 1. Cards for Categories
 * TODO: Refactor Categoy -> News
 *
 **/
.category {
  display: block;
  font-family: "RUB-Neu Flama", Arial, sans;
  list-style-type: none;
  /* Not needed in FB, due to lag of colored navigation */
}
.category,
.category * {
  box-sizing: border-box;
}
.category__item {
  border-bottom: 9px solid #c1bbba;
  margin-bottom: 30px;
  background-color: #ffffff;
  font-size: 21px;
  min-height: 2.85em;
  line-height: 1.5em;
}
.category__item:hover, .category__item:focus {
  border-bottom: 9px solid #8DAE10;
}
.category__item:last-child {
  margin-right: 0;
}
.category__link {
  display: block;
  font-weight: normal;
  font-family: "FlamaBold", Arial, sans;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 14px;
  padding-bottom: 14px;
  text-decoration: none;
  width: 100%;
  height: 100%;
}
.category__link, .category__link:visited, .category__link:active, .category__link:hover {
  color: #003560;
  text-decoration: none;
}

/* IE 10 and similar not supporting Grid use floats */
.category__item {
  display: block;
  float: left;
  margin-right: 30px;
  width: calc(50% - 30px);
}

/* Everything else uses Grid */
@supports (display: grid) {
  @media screen and (min-width: 480px) {
    .category {
      display: grid;
      grid-template-columns: 1fr;
      gap: 2rem;
    }
    .category__item {
      width: 100%;
      margin-right: 0;
      margin-bottom: 0;
    }
  }
  @media screen and (min-width: 1024px) {
    .category {
      grid-template-columns: 1fr 1fr;
    }
  }
}
/*
 * Table styles
 */
table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
  font-family: "RUB-Neu Flama", Arial, sans;
  font-size: 1rem;
  line-height: 1.5;
  /*
   * Header and footer styles
   */
  /*
   * Body styles
   */
}
table.dataTable thead th,
table.dataTable tfoot th {
  font-family: "FlamaBold", Arial, sans;
  font-weight: normal;
  background-color: #003560;
  color: white;
}
table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: 1px solid #111111;
}
table.dataTable thead th:active,
table.dataTable thead td:active {
  outline: none;
}
table.dataTable tfoot th,
table.dataTable tfoot td {
  padding: 10px 18px 6px 18px;
  border-top: 1px solid #111111;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  *cursor: hand;
  background-repeat: no-repeat;
  background-position-x: right 5px;
  background-position-y: center;
  background-size: 12px;
}
table.dataTable thead .sorting {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 16.03'%3E%3Cpath d='M12,11.22l-6,4.8L0,11.22l1.36-1.66,4.65,3.76,4.66-3.76,1.34,1.66Z' fill='%23c1bbba'/%3E%3Cpath d='M10.66,6.46L6,2.7,1.36,6.46l-1.36-1.66L6,0l6,4.8-1.34,1.66Z' fill='%23c1bbba' /%3E%3C/svg%3E");
}
table.dataTable thead .sorting_asc {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 16.03'%3E%3Cpath d='M12,11.22l-6,4.8L0,11.22l1.36-1.66,4.65,3.76,4.66-3.76,1.34,1.66Z' fill='transparent' /%3E%3Cpath d='M10.66,6.46L6,2.7,1.36,6.46l-1.36-1.66L6,0l6,4.8-1.34,1.66Z' fill='%23ffffff' /%3E%3C/svg%3E") !important;
}
table.dataTable thead .sorting_desc {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 16.03'%3E%3Cpath d='M12,11.22l-6,4.8L0,11.22l1.36-1.66,4.65,3.76,4.66-3.76,1.34,1.66Z' fill='%23ffffff'/%3E%3Cpath d='M10.66,6.46L6,2.7,1.36,6.46l-1.36-1.66L6,0l6,4.8-1.34,1.66Z' fill='transparent' /%3E%3C/svg%3E") !important;
}
table.dataTable thead .sorting_disabled {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 16.03'%3E%3Cpath d='M12,11.22l-6,4.8L0,11.22l1.36-1.66,4.65,3.76,4.66-3.76,1.34,1.66Z' fill='transparent'/%3E%3Cpath d='M10.66,6.46L6,2.7,1.36,6.46l-1.36-1.66L6,0l6,4.8-1.34,1.66Z' fill='transparent' /%3E%3C/svg%3E");
}
table.dataTable thead .sorting_asc_disabled {
  background-image: url("../images/sort_asc_disabled.png");
}
table.dataTable thead .sorting_desc_disabled {
  background-image: url("../images/sort_desc_disabled.png");
}
table.dataTable tbody tr {
  background-color: #ffffff;
}
table.dataTable tbody tr.selected {
  background-color: #b0bed9;
}
table.dataTable tbody th,
table.dataTable tbody td {
  padding: 8px 20px;
  height: 2.5em;
}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
  border-top: 1px solid #dddddd;
}
table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
  border-top: none;
}
table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
  border-top: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid #dddddd;
}
table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
  background-color: #f9f9f9;
}
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
  background-color: #acbad4;
}
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
  background-color: #f6f6f6;
}
table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
  background-color: #aab7d1;
}
table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
  background-color: #fafafa;
}
table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
  background-color: #acbad5;
}
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: #f1f1f1;
}
table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
  background-color: #f3f3f3;
}
table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
  background-color: whitesmoke;
}
table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
  background-color: #a6b4cd;
}
table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
  background-color: #a8b5cf;
}
table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
  background-color: #a9b7d1;
}
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: #fafafa;
}
table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
  background-color: #fcfcfc;
}
table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
  background-color: #fefefe;
}
table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
  background-color: #acbad5;
}
table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
  background-color: #aebcd6;
}
table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
  background-color: #afbdd8;
}
table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
  background-color: #eaeaea;
}
table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
  background-color: #ececec;
}
table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
  background-color: #efefef;
}
table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
  background-color: #a2aec7;
}
table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
  background-color: #a3b0c9;
}
table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
  background-color: #a5b2cb;
}
table.dataTable.no-footer {
  border-bottom: 1px solid #111111;
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
  white-space: nowrap;
}
table.dataTable.compact thead th,
table.dataTable.compact thead td {
  padding: 4px 17px;
}
table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
  padding: 4px;
}
table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
  padding: 4px;
}

table.dataTable th,
table.dataTable td {
  box-sizing: content-box;
}

/*
 * Control feature layout
 */
.dataTables_wrapper {
  position: relative;
  clear: both;
}
.dataTables_wrapper .dataTables_length {
  float: left;
}
.dataTables_wrapper .dataTables_length select {
  border: 1px solid #aaa;
  border-radius: 3px;
  padding: 5px;
  background-color: white;
  color: #3c3c3b;
  padding: 4px;
}
.dataTables_wrapper .dataTables_filter {
  font-family: "RUB-Neu Flama", Arial, sans;
  background-color: #003560;
  padding: 1em;
  margin-bottom: 1em;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.dataTables_wrapper .dataTables_filter label {
  color: white;
  font-size: 1rem;
}
.dataTables_wrapper .dataTables_filter input {
  font-family: "RUB-Neu Flama", Arial, sans;
  border: 1px solid #aaa;
  border-radius: 3px;
  padding: 5px;
  background-color: white;
  color: #3c3c3b;
  margin-left: 3px;
}
.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}
.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333333 !important;
  border: 1px solid transparent;
  border-radius: 2px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333333 !important;
  border: 1px solid #979797;
  background-color: white;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, white 0%, #dcdcdc 100%);
  /* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  border: 1px solid #111111;
  background-color: #585858;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111111));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #585858 0%, #111111 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #585858 0%, #111111 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #585858 0%, #111111 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #585858 0%, #111111 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #585858 0%, #111111 100%);
  /* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
  /* W3C */
  box-shadow: inset 0 0 3px #111;
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em;
}
.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #333333;
}
.dataTables_wrapper .dataTables_scroll {
  clear: both;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
  vertical-align: middle;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #111111;
}
.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
.dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
  border-bottom: none;
}
.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em;
  }
}
@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
  }
}
/**
 * Search Results Basic Structure
 *
 * .events >
 *
 * .event
 * .event__link
 * .event__text >
 *   .event__title 
 *   .event__target
 * .event__info
 * .event__type
 * .event__meta
 * .event__meta-date
 * .event__meta-time
 * .event__meta-trainer
 * .event__icon
 **/
.events {
  display: block;
  font-family: "RUB-Neu Flama", Arial, sans;
  width: 100%;
  max-width: 960px;
}
.events,
.events * {
  box-sizing: border-box;
}

.event {
  background-color: white;
  border-bottom: 9px solid #c1bbba;
  margin-bottom: 30px;
  font-family: "RUB-Neu Flama", Arial, sans;
  /** 
   * *  Make complete event clickable 
   **/
  position: relative;
}
.event > * {
  padding-left: 20px;
  padding-right: 20px;
}
.event > *:nth-child(2) {
  padding-top: 20px;
}
.event > *:last-child {
  padding-bottom: 20px;
}
.event__link {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.event__link:hover ~ .event__title, .event__link:focus ~ .event__title {
  text-decoration: underline;
  text-decoration-color: #8DAE10;
}
.event:hover, .event:focus {
  border-bottom: 9px solid #8DAE10;
  text-decoration: none;
}
.event__category {
  font-size: 14px;
  line-height: 24px;
  font-weight: normal;
  font-family: "FlamaBold", Arial, sans;
  color: #8DAE10;
  margin-bottom: 10px;
}
.event__id {
  display: block;
  line-height: 18px;
  font-weight: normal;
  font-family: "RUB-Neu Flama", Arial, sans;
  font-size: 14px;
  font-style: italic;
  color: #3c3c3c;
  margin-bottom: 10px;
}
.event__type {
  font-size: 14px;
  line-height: 24px;
  font-weight: normal;
  font-family: "FlamaBold", Arial, sans;
  color: #003560;
  margin-bottom: 10px;
}
.event__type--big {
  font-size: 1rem;
  line-height: 1rem;
}
.event__title {
  font-size: 26px;
  color: #003560;
  font-weight: normal;
  margin-bottom: 10px;
  font-family: "FlamaBold", Arial, sans;
}
.event__meta {
  color: #003560;
  font-size: 16px;
  margin-bottom: 0;
  list-style-type: none;
}
.event__meta > * {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}
.event__meta > *:last-child {
  margin-bottom: 0;
}
.event--big {
  min-height: 225px;
}
.event--big .event__target {
  margin-top: 2em;
  font-size: 16px;
  line-height: 1.5em;
  font-style: italic;
}
.event--big .event__meta {
  padding: 0;
}
.event--small {
  min-height: 390px;
}
.event path {
  fill: #003560;
}
.event-icon {
  margin-right: 1em;
}
.event__meta svg {
  flex-grow: 0;
  flex-shrink: 0;
}
.event__meta-date svg {
  width: 16px;
  height: 16px;
}
.event__meta-time svg {
  width: 16px;
  height: 16px;
}
.event__meta-trainer svg {
  width: 14.55px;
  height: 16px;
}

/**
 * Anmeldung, Ausgabe über XSLT 
 */
.fb-content__side [title=Termine] > h2 {
  font-weight: normal;
  font-family: "FlamaBold", Arial, sans;
  font-size: 20px;
  margin-bottom: 8px;
}

.event--sidebar {
  border-bottom-width: 0;
}
.event--sidebar > :first-child {
  padding-top: 1rem;
}
.event--sidebar > :not(:last-child) {
  padding-left: 1rem;
  padding-right: 1rem;
}
.event--sidebar:hover {
  border-bottom-width: 0;
}
.event--sidebar .event__type {
  font-size: 1rem;
  margin: 0;
  margin-bottom: 12px;
  padding-top: 0;
}
.event--sidebar .event__date-description {
  color: #003560;
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 1rem;
  padding-top: 0;
}
.event--sidebar .event__meta {
  margin: 0;
  display: initial;
  font-size: 1rem;
}
.event--sidebar .event__meta > li {
  margin-bottom: 10px;
  display: flex;
}
.event--sidebar .event__meta > li:before {
  width: 16px;
  height: 16px;
  padding-right: 1em;
}
.event--sidebar .event__meta-time:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ctitle%3Eclock%3C/title%3E%3Cg fill='%23003560'%3E%3Cpath fill='%23003560' d='M8 0.32c-4.24 0-7.68 3.44-7.68 7.68a7.68 7.68 0 0 0 7.68 7.68c4.24 0 7.68-3.44 7.68-7.68 0-4.24-3.44-7.68-7.68-7.68z m0 13.76a6.08 6.08 0 1 1 0-12.16 6.08 6.08 0 1 1 0 12.16z m0.8-6.62v-4.26h-1.6v5l-2.84 1.63 0.8 1.39 3.3-1.9a0.76 0.76 0 0 0 0.34-0.6v-0.13l3.39-3.34a5.27 5.27 0 0 0-0.52-0.61l-2.87 2.82z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.event--sidebar .event__meta-date:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ctitle%3Ecalendar%3C/title%3E%3Cg fill='%23003560'%3E%3Cpath fill='%23003560' d='M13.6 2.4h-0.8v1.6h-2.4v-1.6h-4.8v1.6h-2.4v-1.6h-0.8c-0.88 0-1.6 0.72-1.6 1.6v9.6c0 0.88 0.72 1.6 1.6 1.6h11.2c0.88 0 1.6-0.72 1.6-1.6v-9.6c0-0.88-0.72-1.6-1.6-1.6z m0 11.2h-11.2v-6.4h11.2v6.4z m-8.4-12.8h-1.6v2.8h1.6v-2.8z m7.2 0h-1.6v2.8h1.6v-2.8z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.event--sidebar .event__meta-ticket:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.801' height='18.8' viewBox='0 0 18.801 18.8'%3E%3Cg id='ticket' transform='translate(9.4 9.4)'%3E%3Cpath data-name='ticket' fill='%23003560' d='M4.308,10.942l3.551,3.553,6.518-6.518L10.824,4.426Zm14.2-4.877L16.995,4.553a2.025,2.025,0,0,1-2.747-2.746L12.737.295a1.017,1.017,0,0,0-1.432,0L.295,11.3a1.017,1.017,0,0,0,0,1.432l1.512,1.51a2.026,2.026,0,0,1,2.747,2.748L6.066,18.5a1.015,1.015,0,0,0,1.432,0L18.506,7.5A1.015,1.015,0,0,0,18.506,6.065ZM7.859,16.12,2.683,10.942,10.825,2.8,16,7.977Z' transform='translate(-9.401 -9.4)'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.event--sidebar .event__registration {
  padding-bottom: 0;
  background-color: #e3e3e3;
  color: #003560;
  font-size: calc(1rem - 1px);
  height: 2rem;
}
.event--sidebar .event-icon {
  margin-right: 1em;
}
.event--sidebar .event__meta svg {
  flex-grow: 0;
  flex-shrink: 0;
}

/* Layout */
.events {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
}

.event {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
}
.event--big {
  flex-basis: 100%;
}
.event--big > * {
  flex: 1 1 auto;
}
.event--big .event__category {
  flex-basis: 100%;
}
.event--big .event__text {
  flex-basis: 75%;
}
.event--big .event__info {
  flex-basis: 25%;
}
.event--small {
  flex: 0 0 calc((100% - 60px) / 3);
  flex-direction: column;
  align-items: stretch;
  align-content: space-between;
  justify-content: space-between;
  margin-left: 30px;
}
.event--small:first-child, .event--small:nth-child(3n+1) {
  margin-left: 0;
}
.event--small > * {
  flex-grow: 0;
}
.event--small .event__text {
  flex-grow: 1;
}
.event--small .event__title {
  font-size: 20px;
}
.event--small .event__type {
  margin-top: 1rem;
}
.event--small .event__meta {
  margin-top: 1rem;
  padding-left: 0;
}
.event--small .event__info {
  padding-bottom: 20px;
}
.event--list {
  margin-bottom: 0;
  border-bottom: 1px solid #c1bbba;
  flex-basis: 100%;
  justify-content: space-between;
  position: relative;
  padding: 1rem 0;
}
.event--list:hover {
  border-bottom: 1px solid #c1bbba;
}
.event--list > * {
  padding: 0;
}
.event--list .event__title,
.event--list .event__meta-date,
.event--list .event__link {
  font-size: 14px;
}
.event--list .event__title {
  margin: 0;
  margin-top: 0;
  padding-left: 20px;
  padding-right: 20px;
}
.event--list .event__text {
  min-width: 670px;
  flex: 0 0 670px;
  order: 1;
  font-family: "RUB-Neu Flama", Arial, sans;
}
.event--list .event__info {
  padding-top: 0;
  padding-bottom: 0;
  order: 2;
  flex: 0 0 180px;
}
.event--list .event__meta {
  padding-left: 0;
  margin-top: 0;
}
.event--list .event__meta-date {
  margin-bottom: 0;
}
.event--list .event__link {
  position: relative;
  flex: 0 0 80px;
  order: 3;
  color: #003560;
  font-family: "RUB-Neu Flama", Arial, sans;
  padding-right: 20px;
}
.event--list .event__link:after {
  content: "mehr...";
}
.event--list .event__category,
.event--list .event__target,
.event--list .event__type,
.event--list .event__meta-time,
.event--list .event__meta-trainer {
  display: none;
}
.event--sidebar {
  flex-direction: column;
  flex: 1 0 100%;
  align-content: stretch;
}
.event--sidebar .event__registration {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 0 0 auto;
  justify-content: space-between;
}

.event-type {
  display: none;
}

@supports (display: flex) {
  .event-type {
    display: flex;
    margin-bottom: 1.5rem;
    justify-content: flex-end;
    margin-top: -4rem;
  }
  .event-type :not(:first-child) {
    margin-left: 1em;
  }
  .event-type__button {
    align-items: center;
    background-color: #8DAE10;
    border: 0;
    display: flex;
    height: 30px;
    justify-content: center;
    min-width: 30px;
    padding: 0;
    width: 30px;
  }
  .event-type__button:hover {
    background-color: #003560;
    cursor: pointer;
  }
  .event-type svg {
    flex: 0 0 20px;
  }
  .event-type svg, .event-type g, .event-type path {
    fill: white;
  }
}
.faq {
  border: 1px solid #c1bbba;
  padding: 1rem;
  margin-bottom: 1rem;
}
.faq__question {
  font-family: "RUB-Neu Flama", Arial, sans;
  font-size: 20px;
  color: #17365c;
  letter-spacing: 0.02em;
  font-weight: normal;
  line-height: 1.2;
}
.faq[open] {
  margin-bottom: 1rem;
}
.faq[open] .faq__question {
  margin-bottom: 0.5em;
}
.faq__answer > * > :last-child {
  margin-bottom: 0 !important;
}

.faq__filter {
  display: none;
}

@supports (display: flex) {
  .faq__filter {
    display: flex;
    margin-bottom: 1rem;
    flex: 0 0 auto;
    flex-wrap: wrap;
    align-items: space-between;
    justify-content: space-between;
  }
  .faq__filter-button {
    border: 0;
    outline: 0;
    font-family: "RUB-Neu Flama", Arial, sans;
    position: relative;
    font-size: 15px;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #003560;
    color: white;
    line-height: 1;
    height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
  }
  .faq__filter-button:visited {
    color: white;
  }
  .faq__filter-button:hover {
    color: white;
    cursor: pointer;
    background-color: #8DAE10;
    text-decoration: none;
  }
  .faq__filter-button a {
    color: #8DAE10;
    text-decoration: none;
  }
}
/**
 * FBA Registration Form
 * 
 * Classes
 * 
 * .rfMembershipRequest.rfForm
 * .rfRow
 * .rfInfo
 * .rfRow > label
 * .rfInput > input
 * .rfValidator
 * .ms-error
 * .rfButtons
 **/
.rfMembershipRequest {
  background-color: #E6E4E4;
  padding: 40px;
}
.rfMembershipRequest .rfRow > label,
.rfMembershipRequest .rfInput > input {
  font-family: "RUB-Neu Flama", Arial, sans;
}
.rfMembershipRequest .rfInfo > h3 {
  color: #17365c;
  font-weight: normal;
  font-family: "FlamaBold", Arial, sans;
  border: none;
  height: inherit;
  padding: 0;
  line-height: 27px;
  font-size: 21px;
  letter-spacing: 0.02em;
  margin-bottom: 4px;
}
.rfMembershipRequest .rfInfo > span {
  display: block;
  font-size: 18px;
  line-height: 1.5em;
  margin-bottom: 10px;
}
.rfMembershipRequest .rfRow > label {
  border: none;
  height: inherit;
  padding: 0;
  line-height: 27px;
  font-size: 21px;
  letter-spacing: 0.02em;
  margin-bottom: 4px;
}
.rfMembershipRequest .rfInput > input[type=text],
.rfMembershipRequest .rfInput > input[type=password] {
  background-color: #fff;
  color: #3c3c3b;
  font-weight: normal;
  border: none;
  height: 30px;
  padding: 0px 60px 0px 9px;
  line-height: 18px;
  font-size: 18px;
  letter-spacing: 0.02em;
  outline: 0;
  box-sizing: border-box;
  margin: 0;
  margin-bottom: 30px;
  width: 100%;
  display: block;
  float: none;
  resize: none;
}

.icons {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 960px;
}
.icons,
.icons * {
  box-sizing: border-box;
}
.icons > * {
  width: 30px;
  height: auto;
  flex: 0 0 auto;
  margin-right: 1em;
}
.icons__list {
  margin-left: 30px;
}
.icons--overview {
  background-color: #003560;
  padding: 30px;
}
.icons--overview .icon {
  margin-bottom: 30px;
  margin-left: 30px;
}

.icon__quicklink {
  box-sizing: border-box;
  background-color: #8DAE10;
  width: 33px;
  height: 33px;
  padding: 6px;
}
.icon__quicklink:hover path {
  fill: #003560;
}

/*
 * Icons with Tooltips
 * <figure.icons-tooltip>[data-tooltip]
 * > svg
 */
.icon-tooltip {
  margin: 0;
}
.icon-tooltip, .icon-tooltip > svg {
  width: 32px;
  height: 32px;
}

/**
 * Rewrite of events for Fortbildung 2.0
 *
 * .kurse >
 *
 * .kurse
 * .kurs__link
 * .kurs__text >
 *   .kurs__title 
 *   .kurs__target
 * .kurs__info
 * .kurs__type
 * .kurs__meta
 * .kurs__meta-date
 * .kurs__meta-time
 * .kurs__meta-trainer
 * .kurs__icon
 **/
.kurse {
  display: block;
  font-family: "RUB-Neu Flama", Arial, sans;
  width: 100%;
  max-width: 960px;
}
.kurse,
.kurse * {
  box-sizing: border-box;
}

.kurs {
  background-color: white;
  border-bottom: 9px solid #c1bbba;
  margin-bottom: 30px;
  font-family: "RUB-Neu Flama", Arial, sans;
  /*
  &__id {
      display: block;
      line-height: 18px;
      font-weight: normal;
      font-family: $rub-font-sans;
      font-size: 14px;
      font-style: italic;
      color: $rub-font-color;
      margin-bottom: 10px;
  }
  */
}
.kurs__category {
  font-size: 14px;
  line-height: 24px;
  font-weight: normal;
  font-family: "FlamaBold", Arial, sans;
  color: #8DAE10;
  margin-bottom: 10px;
}
.kurs__type {
  font-size: 14px;
  line-height: 24px;
  font-weight: normal;
  font-family: "FlamaBold", Arial, sans;
  color: #003560;
  margin-bottom: 10px;
}
.kurs__type--big {
  font-size: 1rem;
  line-height: 1rem;
}
.kurs__title {
  font-size: 26px;
  color: #003560;
  font-weight: normal;
  margin-bottom: 10px;
  font-family: "FlamaBold", Arial, sans;
}
.kurs__meta {
  color: #003560;
  font-size: 16px;
  margin-bottom: 0;
  list-style-type: none;
}
.kurs__meta > * {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}
.kurs__meta > *:last-child {
  margin-bottom: 0;
}
.kurs--big {
  min-height: 225px;
}
.kurs--big .kurs__target {
  margin-top: 2em;
  font-size: 16px;
  line-height: 1.5em;
  font-style: italic;
}
.kurs--big .kurs__meta {
  padding: 0;
}
.kurs--small {
  min-height: 390px;
}
.kurs path {
  fill: #003560;
}
.kurs-icon {
  margin-right: 1em;
}
.kurs__meta svg {
  flex-grow: 0;
  flex-shrink: 0;
}
.kurs__meta-date svg {
  width: 16px;
  height: 16px;
}
.kurs__meta-time svg {
  width: 16px;
  height: 16px;
}
.kurs__meta-trainer svg {
  width: 14.55px;
  height: 16px;
}

/**
 * Anmeldung, Ausgabe über XSLT 
 */
.fb-content__side [title=Termine] > h2 {
  font-weight: normal;
  font-family: "FlamaBold", Arial, sans;
  font-size: 20px;
  margin-bottom: 8px;
}

.kurs--sidebar {
  border-bottom-width: 0;
}
.kurs--sidebar > :first-child {
  padding-top: 1rem;
}
.kurs--sidebar > :not(:last-child) {
  padding-left: 1rem;
  padding-right: 1rem;
}
.kurs--sidebar:hover {
  border-bottom-width: 0;
}
.kurs--sidebar .kurs__type {
  font-size: 1rem;
  margin: 0;
  margin-bottom: 12px;
  padding-top: 0;
}
.kurs--sidebar .kurs__meta {
  margin: 0;
  display: initial;
  font-size: 1rem;
}
.kurs--sidebar .kurs__meta > li {
  margin-bottom: 10px;
  display: flex;
}
.kurs--sidebar .kurs__meta > li:before {
  width: 16px;
  height: 16px;
  padding-right: 1em;
}
.kurs--sidebar .kurs__meta-time:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ctitle%3Eclock%3C/title%3E%3Cg fill='%23003560'%3E%3Cpath fill='%23003560' d='M8 0.32c-4.24 0-7.68 3.44-7.68 7.68a7.68 7.68 0 0 0 7.68 7.68c4.24 0 7.68-3.44 7.68-7.68 0-4.24-3.44-7.68-7.68-7.68z m0 13.76a6.08 6.08 0 1 1 0-12.16 6.08 6.08 0 1 1 0 12.16z m0.8-6.62v-4.26h-1.6v5l-2.84 1.63 0.8 1.39 3.3-1.9a0.76 0.76 0 0 0 0.34-0.6v-0.13l3.39-3.34a5.27 5.27 0 0 0-0.52-0.61l-2.87 2.82z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.kurs--sidebar .kurs__meta-date:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ctitle%3Ecalendar%3C/title%3E%3Cg fill='%23003560'%3E%3Cpath fill='%23003560' d='M13.6 2.4h-0.8v1.6h-2.4v-1.6h-4.8v1.6h-2.4v-1.6h-0.8c-0.88 0-1.6 0.72-1.6 1.6v9.6c0 0.88 0.72 1.6 1.6 1.6h11.2c0.88 0 1.6-0.72 1.6-1.6v-9.6c0-0.88-0.72-1.6-1.6-1.6z m0 11.2h-11.2v-6.4h11.2v6.4z m-8.4-12.8h-1.6v2.8h1.6v-2.8z m7.2 0h-1.6v2.8h1.6v-2.8z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.kurs--sidebar .kurs__registration {
  padding-bottom: 0;
  background-color: #e3e3e3;
  color: #003560;
  font-size: calc(1rem - 1px);
  height: 2rem;
}
.kurs--sidebar .kurs-icon {
  margin-right: 1em;
}
.kurs--sidebar .kurs__meta svg {
  flex-grow: 0;
  flex-shrink: 0;
}

/* Layout */
.kurse {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
}

.kurs {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: flex-start;
  padding: 1rem 0;
}
.kurs--list {
  margin-bottom: 0;
  border-bottom: 1px solid #c1bbba;
  flex-basis: 100%;
  justify-content: space-between;
  position: relative;
}
.kurs--list:hover {
  border-bottom: 1px solid #c1bbba;
}
.kurs--list > * {
  padding: 0;
}
.kurs--list .kurs__title,
.kurs--list .kurs__format,
.kurs--list .kurs__link,
.kurs--list .kurs__id {
  font-size: 1rem;
  line-height: 2rem;
}
.kurs--list .kurs__title {
  margin: 0;
  margin-top: 0;
}
.kurs--list .kurs__link {
  flex: 1 1 auto;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: #8DAE10;
  text-underline-offset: 3px;
}
.kurs--list .kurs__link:hover {
  text-decoration-color: #003560;
}
.kurs--list .kurs__id,
.kurs--list .kurs__format {
  text-align: center;
  width: 120px;
  flex-shrink: 0;
}
.kurs--list .kurs__info {
  padding-top: 0;
  padding-bottom: 0;
  flex: 0 0 180px;
}
.kurs--list .kurs__meta {
  padding-left: 0;
  margin-top: 0;
}
.kurs--list .kurs__meta-date {
  margin-bottom: 0;
}
.kurs--list .kurs__category,
.kurs--list .kurs__target,
.kurs--list .kurs__type,
.kurs--list .kurs__meta-time,
.kurs--list .kurs__meta-trainer {
  display: none;
}
.kurs--sidebar {
  flex-direction: column;
  flex: 1 0 100%;
  align-content: stretch;
}
.kurs--sidebar .kurs__registration {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 0 0 auto;
  justify-content: space-between;
}

.kurs-type {
  display: none;
}

@supports (display: flex) {
  .kurs-type {
    display: flex;
    margin-bottom: 1.5rem;
    justify-content: flex-end;
    margin-top: -4rem;
  }
  .kurs-type :not(:first-child) {
    margin-left: 1em;
  }
  .kurs-type__button {
    align-items: center;
    background-color: #8DAE10;
    border: 0;
    display: flex;
    height: 30px;
    justify-content: center;
    min-width: 30px;
    padding: 0;
    width: 30px;
  }
  .kurs-type__button:hover {
    background-color: #003560;
    cursor: pointer;
  }
  .kurs-type svg {
    flex: 0 0 20px;
  }
  .kurs-type svg, .kurs-type g, .kurs-type path {
    fill: white;
  }
}
/* Kursfinder */
.fb-widget {
  display: flex;
  flex-direction: column;
  gap: 1rem 0;
  align-items: start;
}
.fb-widget, .fb-widget > * {
  box-sizing: border-box;
  font-family: "RUB-Neu Flama", Arial, sans-serif;
}

#fb-widget-header {
  color: #003560;
  font-weight: bold;
  margin: 0;
}

#fb-selector {
  column-gap: 2rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  width: 100%;
}
#fb-selector label,
#fb-selector select {
  display: block;
  font-size: 1rem;
}
#fb-selector label {
  text-align: left;
  color: #003560;
  font-weight: bold;
  margin-bottom: 0.5rem;
}
#fb-selector select {
  width: 100%;
  padding: 0 0.5rem;
  height: auto;
  font-family: "RUB-Neu Flama", Arial, sans-serif;
  background-color: #fff;
  color: #3c3c3b;
  font-weight: normal;
  border: 0;
  height: 30px;
  line-height: 24px;
  letter-spacing: 0.02em;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  border: 1px solid #003560;
  position: relative;
}
#fb-selector select ::-ms-expand {
  display: none;
}
#fb-selector .fb-widget__select {
  position: relative;
}
#fb-selector .fb-widget__select::after {
  background: #003560;
  border: 1px solid #003560;
  border-left: 0;
  box-sizing: border-box;
  bottom: 0;
  color: #fff;
  content: "c";
  display: block;
  font-family: "RUB Nepo Icons Old";
  font-size: 24px;
  height: 30px;
  line-height: 30px;
  pointer-events: none;
  position: absolute;
  right: 0;
  text-align: center;
  width: 30px;
}

#fb-select--topic,
#fb-select--target,
#fb-select--format {
  background-repeat: no-repeat;
  background-position-x: 100%;
}

.riButton {
  margin-left: 0;
}

/* Blue Variant / Frontpage */
#fb-widget-selector.fb-widget--blue {
  background-color: #003560;
  padding: 2rem;
}
#fb-widget-selector.fb-widget--blue .fb-widget-header {
  display: grid;
  grid-template-columns: 1fr 30px;
  width: 100%;
}
#fb-widget-selector.fb-widget--blue .fb-widget__header {
  color: white;
}
#fb-widget-selector.fb-widget--blue #fb-selector label {
  color: white;
}
#fb-widget-selector.fb-widget--blue .riButton--white {
  margin-left: 0;
  border: 2px solid white;
}
#fb-widget-selector.fb-widget--blue .riButton--white::before {
  font-size: 26px;
}
#fb-widget-selector.fb-widget--blue #fb-selector {
  margin-bottom: 2rem;
}
#fb-widget-selector.fb-widget--blue #fb-selector .fb-widget__select::after {
  background-color: #8DAE10;
  border-left: 0;
  color: white;
}
#fb-widget-selector.fb-widget--blue .fb-widget__select::before {
  content: "";
  height: 110px;
  background-color: transparent;
  position: absolute;
  background-repeat: no-repeat;
  right: -2rem;
  width: 100px;
}
#fb-widget-selector.fb-widget--blue #fb-select--target::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100' viewBox='0 0 100.53 100'%3E%3Cg %3E%3Cpath data-name='users' d='M80.369,95.622c0-11.29-10.993-17.035-21.7-21.649C48,69.378,44.59,65.508,44.59,57.214c0-4.971,3.257-3.353,4.685-12.471.6-3.78,3.478-.06,4.031-8.691,0-3.438-1.573-4.293-1.573-4.293s.8-5.092,1.111-9.013A15.532,15.532,0,0,0,41.278,7.19c-1.669-1.714-2.8-4.433,2.347-7.158C32.366-.49,29.747,5.4,23.75,9.734a15.77,15.77,0,0,0-6.233,13.019c.327,3.921,1.121,9.013,1.121,9.013s-1.578.855-1.578,4.293c.553,8.636,3.438,4.911,4.036,8.691,1.428,9.118,4.69,7.5,4.69,12.471,0,8.294-1.066,11.109-11.742,15.7C3.333,77.531,0,84.92.055,95.622.07,98.824,0,100,0,100H80.424S80.369,98.824,80.369,95.622ZM93.131,66.649c-5.705-2.3-8.068-5.037-8.068-10.385,0-3.222,2.1-2.171,3.026-8.057.387-2.433,2.247-.04,2.6-5.6,0-2.217-1.015-2.77-1.015-2.77s.518-3.3.719-5.826c.251-3.152-1.83-11.295-11.4-11.295S67.345,30.855,67.591,34.007c.211,2.523.724,5.826.724,5.826S67.3,40.38,67.3,42.6c.357,5.564,2.217,3.172,2.6,5.6.925,5.891,3.026,4.841,3.026,8.057,0,5.348-2.2,7.851-9.093,10.817a10.093,10.093,0,0,0-.92.513c8.243,3.579,21.242,9.756,24.318,22.353h13.3V78.3C100.53,73.269,99.158,69.077,93.131,66.649Z' fill-opacity='40%' fill='%23fff' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E%0A");
}
#fb-widget-selector.fb-widget--blue #fb-select--format::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100' viewBox='0 0 81.685 100'%3E%3Cg transform='translate(-1088.968 -16.987)'%3E%3Cpath id='pencil-2' data-name='pencil' d='M68,7.518C57.031-.465,49.228-.291,46.264.189A3.115,3.115,0,0,0,44.238,1.48l-26.745,36.9L4.393,56.458a14.165,14.165,0,0,0-2.674,7.566L0,96.581a3.246,3.246,0,0,0,4.4,3.2L34.831,88.146a14.176,14.176,0,0,0,6.4-4.915L51.908,68.5,81.061,28.272a3.239,3.239,0,0,0,.579-2.449C81.154,22.778,78.821,15.391,68,7.518ZM34.923,81.64,23.1,86.207a1.1,1.1,0,0,1-1.279-.359,29.783,29.783,0,0,0-6.223-5.963A30.2,30.2,0,0,0,8.011,75.8a1.11,1.11,0,0,1-.729-1.111l.706-12.655,3.178-4.371s7.115-.978,16.4,5.777S38.107,77.263,38.107,77.263Z' transform='translate(1088.968 16.987)' fill='rgba(255,255,255,0.3)'/%3E%3C/g%3E%3C/svg%3E%0A");
}
#fb-widget-selector.fb-widget--blue #fb-select--topic::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100px' viewBox='0 0 90 100'%3E%3Cg id='blackboard' transform='translate(42.033 46.703)'%3E%3Cpath id='blackboard-2' data-name='blackboard' d='M7.7,100H25l7.03-18.49L17.2,76.49ZM57.97,81.51,65,100H82.305L72.8,76.49ZM85,10H52.5L50,0H40L37.5,10H5a5,5,0,0,0-5,5V70a5,5,0,0,0,5,5H85a5,5,0,0,0,5-5V15A5,5,0,0,0,85,10Z' transform='translate(-42.033 -46.703)' fill-opacity='40%' fill='%23fff' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E%0A");
}

/* Tags im Kursfinder */
#kursTableTags {
  display: flex;
  gap: 1rem;
}
#kursTableTags button {
  background-color: white;
  border: #003560 1px solid;
  border-radius: 1rem;
  cursor: pointer;
  color: #003560;
  display: flex;
  font-size: 12px;
  margin: 0;
  padding: 5px 10px;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
#kursTableTags button svg {
  fill: #003560;
}
#kursTableTags button:hover, #kursTableTags button:focus {
  background-color: #003560;
  color: white;
  border-color: white;
}
#kursTableTags button:hover svg, #kursTableTags button:focus svg {
  fill: white;
}

/* v1 */
.kursLegend {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 1em;
  font-family: "RUB-Neu Flama", Arial, sans;
  color: #003560;
  line-height: 1rem;
  height: 2rem;
  padding-left: 0;
}
.kursLegend__item {
  display: flex;
  flex-direction: row;
  gap: 0.5em;
}
.kursLegend svg {
  height: 2rem;
}

/* v2 */
#kursLegende {
  text-align: left;
}
#kursLegende > .kursLegende {
  color: #003560;
  line-height: 1rem;
  padding-left: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
#kursLegende > .kursLegende > dt {
  flex: 0 0 32px;
  height: 32px;
}
#kursLegende > .kursLegende > dd {
  margin: 0;
  flex: 0 1 auto;
}

/**
 * 1. Cards for News
 * TODO: Refactor News -> Category
 **/
.news-list {
  display: block;
  font-family: "RUB-Neu Flama", Arial, sans;
  list-style-type: none;
  /* Not needed in FB, due to lag of colored navigation */
  width: 100%;
  max-width: 960px;
}
.news-list,
.news-list * {
  box-sizing: border-box;
}
.news-list .news {
  border-bottom: 9px solid #c1bbba;
  margin-bottom: 30px;
  background-color: #ffffff;
  font-size: 18px;
  min-height: 100px;
  line-height: 1.5em;
}
.news-list .news:hover, .news-list .news:focus {
  border-bottom: 9px solid #8DAE10;
}
.news-list .news:last-child {
  margin-right: 0;
}
.news-list .news__link {
  display: block;
  font-weight: normal;
  font-family: "FlamaBold", Arial, sans;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 14px;
  padding-bottom: 14px;
  text-decoration: none;
  width: 100%;
  height: 100%;
}
.news-list .news__link, .news-list .news__link:visited, .news-list .news__link:active, .news-list .news__link:hover {
  color: #003560;
  text-decoration: none;
}

/* IE 10 and similar not supporting Flexbox use floats */
.news-list .news {
  display: block;
  float: left;
  margin-right: 30px;
  width: calc(50% - 30px);
}

/* Everything else uses Flexbox */
@supports (display: flex) {
  @media screen and (min-width: 480px) {
    .news-list {
      display: flex;
      flex-direction: column;
    }
    .news-list .news {
      flex: 1 1 90%;
      max-width: 90%;
      width: auto;
    }
  }
  @media screen and (min-width: 1024px) {
    .news-list {
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between;
    }
    .news-list .news {
      flex: 0 0 calc(50% - 15px);
      margin-right: 0;
    }
  }
}
/**
 * TODO: Add display: grid
 **/
#overlay-helper {
  position: relative;
  display: block;
  width: 100%;
}
#overlay-helper > summary {
  list-style: none;
}
#overlay-helper > summary::-webkit-details-marker {
  display: none;
}
#overlay-helper svg {
  cursor: pointer;
}
#overlay-helper .overlay-helper__overlay {
  background-color: #17365c60;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
}
#overlay-helper .overlay-helper__content {
  width: 50vw;
  padding: 2rem 2rem;
  background-color: white;
  text-align: left;
  border: 5px solid #003560;
}
#overlay-helper header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* SVG to close */
}
#overlay-helper header button {
  height: auto;
  min-width: auto;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
}
#overlay-helper h3 {
  font-size: 1.5rem;
  margin: 0;
}
#overlay-helper p {
  letter-spacing: 0.02em;
  font-family: "RUB-Neu Scala", Times, serif;
  font-size: 1.3125rem;
  /* 21px */
  line-height: 1.5;
}

details[open] > *:not(summary) {
  animation: details-show 200ms ease-in;
}

/**
 * Search Results Basic Structure
 *
 * .ms-srch-group-content >
 *
 * .search-result
 * .search-result__link
 * .search-result__teaser
 * .search-result__path
 **/
.ms-srch-group-content > .search-result:first-of-type::before {
  box-sizing: border-box;
  position: absolute;
  top: 25px;
  left: 17px;
  display: inline-block;
  content: url("data:image/svg+xml;charset=UTF-8, %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' id='Ebene_1' x='0px' y='0px' viewBox='0 0 31.003 31'%3E %3Cpath fill='%237b7b7c' d='M30.307 26.227l-7.415-7.415a12.066 12.066 0 0 0 1.762-6.3A12.788 12.788 0 0 0 12.138-.001 12.136 12.136 0 0 0 0 12.138a12.789 12.789 0 0 0 12.513 12.514 12.068 12.068 0 0 0 6.113-1.653l7.455 7.458a1.87 1.87 0 0 0 2.641 0l1.85-1.85c.728-.731.463-1.652-.265-2.38zM3.736 12.138a8.4 8.4 0 0 1 8.4-8.4 9.055 9.055 0 0 1 8.779 8.779 8.4 8.4 0 0 1-8.4 8.4 9.058 9.058 0 0 1-8.779-8.779z'/%3E%3C/svg%3E");
  width: 25px;
  height: 25px;
}

.search-result {
  background-color: #e5e5e5;
  padding: 20px 60px 0 60px;
  position: relative;
}
.search-result:first-child {
  padding-top: 40px;
}
.search-result::after {
  border-bottom: 1px solid #c1bbba;
  content: "";
  display: block;
  padding-top: 20px;
  width: 100%;
}
.search-result:last-of-type {
  border-bottom: 0;
}
.search-result:last-of-type::after {
  border-bottom-width: 0;
}
.search-result__link {
  color: #003560;
  font-family: "FlamaBold", Arial, sans;
  font-size: 18px;
  line-height: 1.5em;
  font-weight: normal;
  text-decoration: none;
}
.search-result__link:hover {
  text-decoration: underline;
  text-decoration-color: #8DAE10;
}
.search-result__teaser {
  color: #3c3c3c;
  font-family: "RUB-Neu Flama", Arial, sans;
  font-size: 18px;
  line-height: 1.5em;
  margin: 0;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.search-result__path {
  width: 100%;
}

.sidebar {
  font-family: "RUB-Neu Flama", Arial, sans;
  margin-left: 30px;
}
.sidebar, .sidebar > * {
  box-sizing: border-box;
}
.sidebar__title {
  font-size: 1.2rem;
  font-family: "RUB-Neu Flama", Arial, sans;
  font-weight: bold;
  margin-bottom: 0.8rem;
  color: #003560;
}
.sidebar__event-no {
  background-color: #003560;
  color: white;
  text-align: center;
  display: flex;
  flex-direction: column;
  padding: 20px;
  margin-bottom: 30px;
}
.sidebar__event-no--title {
  color: white;
  font-size: 20px;
  font-family: "RUB-Neu Flama", Arial, sans;
  font-weight: normal;
  line-height: 24px;
  margin: 0;
}
.sidebar__event-no--number {
  font-size: 32px;
  font-weight: normal;
  font-family: "FlamaBold", Arial, sans;
  margin-top: 8px;
}
.sidebar__event-hsp {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding-top: 2em;
  padding-bottom: 2em;
  background-color: white;
}
.sidebar__logo {
  max-width: 100%;
  margin-bottom: 2em;
}
.sidebar__contact {
  background-color: #8DAE10;
  color: white;
  padding: 20px;
}
.sidebar__contact--title {
  color: white;
  font-size: 18px;
  font-weight: normal;
  font-family: "FlamaBold", Arial, sans;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 18px;
}
.sidebar__contact--list {
  font-size: 16px;
  list-style-type: none;
  line-height: 16px;
  padding: 0;
  margin-bottom: 0;
}
.sidebar__contact--list > * {
  display: flex;
}
.sidebar__contact--list > *:not(:last-child) {
  margin-bottom: 10px;
}
.sidebar__contact--list a {
  color: white;
  text-decoration: none;
}
.sidebar__contact--list a :hover {
  text-decoration: underline;
}
.sidebar__contact--list svg {
  height: 20px;
  width: auto;
  margin-right: 1em;
}

/**
 *  Zielgruppen-Navigation
 * 
 * .targets
 * .targets h2
 * .targets p
 * .targets ul#fb_targets
 * .targets ul li
 * .targets ul li a
 **/
.targets {
  background-color: white;
  padding: 2rem;
  /* Overwrite Default list stylings */
  /* add vertical divider */
}
.targets ul#fb_targets {
  display: grid;
  grid-template-columns: 1fr 1fr;
  list-style-type: none;
  margin: 0;
  padding: 0;
  gap: 0 4rem;
  position: relative;
}
.targets ul#fb_targets:after {
  display: block;
  content: "";
  height: 100%;
  position: absolute;
  background-color: #8DAE10;
  width: 2px;
  left: 50%;
}
.targets #fb_targets li {
  display: block;
  border-bottom: 1px solid #003560;
  padding: 0;
  margin: 0;
}
.targets #fb_targets li::before {
  content: "";
}
.targets #fb_targets li:first-child, .targets #fb_targets li:nth-child(2) {
  border-top: 1px solid #003560;
}
.targets ul#fb_targets a {
  font-family: "RUB-Neu Flama", Arial, sans-serif;
  font-size: 1rem;
  text-decoration: none;
  color: #003560;
  display: block;
  padding: 1rem 0 0.8rem 0.5rem;
  border: 0;
}
.targets ul#fb_targets a:is(:hover, :focus) {
  background-color: #eeeeee;
  color: #8DAE10;
}

/*
 * Easy non-js variant to add tooltips over the data attribute data-tooltip
 * see: 
 */
[data-tooltip] {
  position: relative;
  z-index: 1;
}

[data-tooltip]:before,
[data-tooltip]:after {
  position: absolute;
  opacity: 0;
}

[data-tooltip]:before {
  content: "";
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-left: 0;
  border-right: 10px solid #333;
  z-index: 2;
  right: -8px;
  top: 5px;
}

[data-tooltip]:after {
  /* needed - do not touch */
  content: attr(data-tooltip);
  top: 2px;
  left: 30px;
  margin-left: 0.5em;
  /* customizable */
  font-family: "FlamaBold", Arial, sans;
  font-size: 12px;
  line-height: 1;
  padding: 7px 10px;
  color: white;
  border-radius: 10px;
  box-shadow: 2px 2px 1px silver;
  white-space: nowrap;
  background: #333;
}

[data-tooltip]:hover:after,
[data-tooltip]:hover:before {
  /* needed - do not touch */
  opacity: 1;
}

[data-tooltip]:not([data-tooltip-persistent]):after {
  pointer-events: none;
}

.sub-group {
  background-color: #E6E4E4;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 20px 20px 0 20px;
}
.sub-group,
.sub-group * {
  box-sizing: border-box;
}
.sub-group__item {
  flex: 1 1 auto;
  margin-bottom: 20px;
  max-width: calc(50% - 10px);
  padding: 14px 60px 14px 20px;
  background-color: white;
}
.sub-group__item:nth-child(odd) {
  margin-right: 20px;
}
.sub-group__link {
  color: #003560;
  display: block;
  font-size: 18px;
  font-family: "RUB-Neu Flama", Arial, sans;
  text-decoration: none;
  width: 100%;
  position: relative;
}
.sub-group__link:hover {
  color: #8DAE10;
}
.sub-group__link::after {
  position: absolute;
  top: -2px;
  right: -45px;
  display: inline-block;
  line-height: 1;
  content: url("data:image/svg+xml;charset=UTF-8, %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' id='Ebene_1' x='0px' y='0px' viewBox='0 0 20 20'%3E %3Cpath fill='%23FFFFFF' d='M4.8,2.6c-0.6-0.5-0.7-1.4-0.1-2c0,0,0.1-0.1,0.1-0.1c0.5-0.6,1.4-0.7,2-0.1c0,0,0.1,0.1,0.1,0.1l8.2,8.4 c0.6,0.5,0.7,1.4,0.1,2c0,0-0.1,0.1-0.1,0.1L7,19.5c-0.5,0.6-1.4,0.7-2,0.1c0,0-0.1-0.1-0.1-0.1c-0.6-0.5-0.7-1.4-0.1-2 c0,0,0.1-0.1,0.1-0.1l6.7-7.4L4.8,2.6z'/%3E%3C/svg%3E");
  background-color: #8DAE10;
  width: 30px;
  height: 30px;
  padding: 5px;
  box-sizing: border-box;
}
.sub-group__credits {
  white-space: nowrap;
}

/**
 * RTE-Tabellen Layouts
 * Vorlage aus dem Serviceportal
 *
 **/
/*Tabellen Formatierung */
/*Tabelle*/
.rs-rteTable-default {
  font-weight: normal;
  color: #3c3c3b;
  letter-spacing: 0.02em;
  font-family: "RUB-Neu Flama", Arial, sans;
  font-size: 21px;
  line-height: 30px;
}

/*TableHeader */
/*TableHeader Zeile*/
.rs-rteTableHeaderRow-default, .rs-rteTableHeaderOddCol-default, .rs-rteTableHeaderEvenCol-default {
  color: #17365c;
  background-color: #e6e4e4;
  border: 1px solid #cccbcb;
}

.rs-rteTableHeaderOddCol-default p,
.rs-rteTableHeaderEvenCol-default p {
  font-family: "FlamaBold", Arial, sans;
}

/*Table gerade Zeile tr*/
.rs-rteTableEvenRow-default {
  background-color: #f2f1f1;
}

/*TableHeader ungerade Spalten*/
/*.rs-rteTableHeaderOddCol-default*/
/*TableHeader gerade Spalten*/
/*.rs-rteTableHeaderEvenCol-default*/
/*Tabelle*/
/*#tr*/
/*TableHeader ungerade Zeile*/
/*.rs-rteTableOddRow-default*/
/*#td*/
/*Table Spalte*/
.rs-rteTableOddCol-default,
.rs-rteTableEvenCol-default,
.rs-rteTableFirstCol-default {
  font-size: 18px;
  border: 1px solid #e6e4e4;
  padding: 6px 4px 6px 4px;
  /*Text auschrichtung oben */
}

.rs-rteTableEvenRow-default,
.rs-rteTableOddRow-default {
  vertical-align: top;
}

.dataTable a {
  color: #003560;
  text-decoration-color: #8DAE10;
}
.dataTable a:hover {
  color: #8DAE10;
}

/*------------------------------------*\
  Visually hide elements
\*------------------------------------*/
.visuallyhidden:not(:focus):not(:active) {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

/*------------------------------------*\
  Quick and Dirty Stylings - Refactor it!
\*------------------------------------*/
/*------------------------------------*\
  Corona Button
\*------------------------------------*/
.riBody .ms-rte-stylePreviewHolder a > span[class~=rs-rteStyle-button--temp],
.riBody .ms-rte-stylePreviewHolder span[class~=rs-rteStyle-button--temp] > a,
.riBody .ms-rtestate-field a > span[class~=rs-rteStyle-button--temp],
.riBody .ms-rtestate-field span[class~=rs-rteStyle-button--temp] > a,
.riButton--temp {
  border: 0;
  outline: 0;
  font-family: RUB-Neu Flama, Arial, sans-serif;
  display: inline-block;
  position: relative;
  font-size: 15px;
  text-transform: uppercase;
  background-color: #17365c;
  color: #fff;
  padding: 7px 8px 7px 38px;
  line-height: 1;
  height: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.riBody .ms-rte-stylePreviewHolder a > span[class~=rs-rteStyle-button--temp]:hover,
.riBody .ms-rte-stylePreviewHolder span[class~=rs-rteStyle-button--temp] > a:hover,
.riBody .ms-rtestate-field a > span[class~=rs-rteStyle-button--temp]:hover,
.riBody .ms-rtestate-field span[class~=rs-rteStyle-button--temp] > a:hover,
.riButton--temp:hover {
  color: #fff;
  cursor: pointer;
  background-color: #EC7405;
  text-decoration: none;
}

.riBody .ms-rte-stylePreviewHolder a > span[class~=rs-rteStyle-button--temp]::before,
.riBody .ms-rte-stylePreviewHolder span[class~=rs-rteStyle-button--temp] > a::before,
.riBody .ms-rtestate-field a > span[class~=rs-rteStyle-button--temp]::before,
.riBody .ms-rtestate-field span[class~=rs-rteStyle-button--temp] > a::before,
.riButton--temp::before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  line-height: 1;
  content: "f";
  text-transform: lowercase;
  font-family: RUB Nepo Icons Old;
  font-size: 30px;
  background-color: #EC7405;
}

#contentBox {
  margin-left: 260px;
}

/** Rub Service Portal 2.0 start**/
body:not(.rsp2) #sideNavBox#sideNavBox.riLeftPanel .MarginalNavigation.riNav_Default {
  margin: 0 0 0 10px;
}
body:not(.rsp2) #sideNavBox#sideNavBox.riLeftPanel .MarginalNavigation.riNav_Default ul {
  margin: 0 0 0 10px;
}
body:not(.rsp2) #sideNavBox#sideNavBox.riLeftPanel .MarginalNavigation.riNav_Default li {
  padding: 10px 0 0 0;
}
body:not(.rsp2) #sideNavBox#sideNavBox.riLeftPanel .MarginalNavigation.riNav_Default li.riNavLvl_0:first-child {
  padding-top: 0;
}
body:not(.rsp2) #sideNavBox#sideNavBox.riLeftPanel .MarginalNavigation.riNav_Default li.riNavLvl_0.riNavFirst > a {
  font-weight: bold;
}
body:not(.rsp2) #sideNavBox#sideNavBox.riLeftPanel .MarginalNavigation.riNav_Default li.riNavLvl_1 a {
  text-transform: none;
  color: #3c3c3c;
}
body:not(.rsp2) #sideNavBox#sideNavBox.riLeftPanel .MarginalNavigation.riNav_Default li.riNavLvl_1 a:hover {
  color: #3c3c3c;
  text-decoration: underline;
  text-decoration-color: #8dae10;
  text-underline-offset: 0.3rem;
}
body:not(.rsp2) #sideNavBox#sideNavBox.riLeftPanel .MarginalNavigation.riNav_Default li.riNavLvl_1 a.riNavSelected {
  font-weight: normal;
  color: #8DAE10;
}
body:not(.rsp2) #sideNavBox#sideNavBox.riLeftPanel .MarginalNavigation.riNav_Default a,
body:not(.rsp2) #sideNavBox#sideNavBox.riLeftPanel .MarginalNavigation.riNav_Default a:link,
body:not(.rsp2) #sideNavBox#sideNavBox.riLeftPanel .MarginalNavigation.riNav_Default a:visited,
body:not(.rsp2) #sideNavBox#sideNavBox.riLeftPanel .MarginalNavigation.riNav_Default a:active,
body:not(.rsp2) #sideNavBox#sideNavBox.riLeftPanel .MarginalNavigation.riNav_Default a:hover {
  font-family: "RUB-Neu Flama", Arial, sans;
  font-size: 18px;
  font-weight: normal;
  text-decoration: none;
  color: #003560;
  text-transform: none;
  letter-spacing: 0.02em;
  color: #003560;
  display: inline-block;
  line-height: 1.5rem;
  padding: 0;
  background: none;
  word-break: break-word;
}
body:not(.rsp2) #sideNavBox#sideNavBox.riLeftPanel .MarginalNavigation.riNav_Default a:hover {
  color: #003560;
  text-decoration: underline;
  text-decoration-color: #8dae10;
  text-decoration-thickness: 4px;
  text-underline-offset: 0.3rem;
}
body:not(.rsp2) #sideNavBox#sideNavBox.riLeftPanel .MarginalNavigation.riNav_Default a.riNavSelected {
  color: #003560;
  font-weight: bold;
  text-decoration-color: #8dae10;
  text-decoration-thickness: 4px;
  text-underline-offset: 0.3rem;
}
body:not(.rsp2) #sideNavBox#sideNavBox.riLeftPanel .MarginalNavigation.riNav_Default ul.riNavStrc li.riNavLvl_0:not(.riNavParent):not(.riNavFirst) a {
  color: #7c7c7b;
  text-transform: none;
  margin-left: 10px;
}
body:not(.rsp2) #sideNavBox#sideNavBox.riLeftPanel .MarginalNavigation.riNav_Default ul.riNavStrc li.riNavLvl_0:not(.riNavParent):not(.riNavFirst) a.riNavSelected {
  color: #8DAE10;
}
body:not(.rsp2) .rsp2BackToParent {
  display: none;
}

/* 
Minor a11y fix in Footer:
Change Icon-Color -> icon-font leads to contrast issue
*/
#riFooter .riBtn#scroll-to-top > .riIcon.riIcon {
  color: #003560;
}

/** 
 * Fix missing images in RTE "Insert Options"
 */
.ms-rtestate-field.ms-rtestate-field .ms-cui-menu img {
  max-width: none;
}

/**
 * Several a11y font fixes (line-height, font-size etc.)
 **/
.riBody .ms-rtestate-field p:not([class~=rs-rteElement-teaser]),
.riBody .ms-rtestate-field p[class~=rs-rteElement-teaser] {
  font-size: 1.3125rem !important;
  line-height: 1.5 !important;
}