@charset "UTF-8";
/*dark*/
/*light*/
.font-red {
  color: #e30613;
}

@font-face {
  font-family: "cargan";
  src: url("/themes/custom/hsflbase/css/font/carganlig-webfont.woff2") format("woff2"), url("/themes/custom/hsflbase/css/font/carganlig-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "cargan";
  src: url("/themes/custom/hsflbase/css/font/carganligita-webfont.woff2") format("woff2"), url("/themes/custom/hsflbase/css/font/carganligita-webfont.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "cargan";
  src: url("/themes/custom/hsflbase/css/font/carganbol-webfont.woff2") format("woff2"), url("/themes/custom/hsflbase/css/font/carganbol-webfont.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "cargan";
  src: url("/themes/custom/hsflbase/css/font/carganbolita-webfont.woff2") format("woff2"), url("/themes/custom/hsflbase/css/font/carganbolita-webfont.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: block;
  overflow: hidden;
}

.clearfix:after {
  clear: both;
}

.uk-navbar-brand img {
  height: auto;
}

.uk-navbar-brand {
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}

.uk-navbar-brand:link {
  text-decoration: none;
}

.uk-navbar-brand, .uk-navbar-content {
  height: 80px;
}

.hs-logo {
  width: 42%;
  max-width: 100px;
  height: auto;
  margin-bottom: 1em;
  padding-left: 1em;
  margin-top: 1em;
  transition: max-width 0.2s linear 0.2s;
}

.hs-logo > a {
  display: block;
}

@media screen and (min-width: 768px) {
  .hs-logo {
    max-width: 200px;
  }
}
.content {
  max-width: 45em;
  margin-bottom: 1em;
}

.content--news {
  border-left: 4px solid #1E398F;
  padding-left: 4px;
  border-right: 4px solid #1E398F;
  padding-right: 4px;
  background-color: #91a6e8;
}

.content--news > h2 {
  margin-top: 0;
  color: rgb(107, 62, 145);
}

.content--boxed {
  display: flex;
  flex-wrap: wrap;
}

.content--boxed > * {
  flex-basis: 30em;
  padding-left: 8px;
  padding-right: 8px;
  margin-bottom: 2em;
  align-self: flex-start;
}

.content--boxed h2 {
  margin-top: 0;
  color: rgb(163, 84, 148);
}

.hs-box--links {
  border-left: 2px solid #1E398F;
  margin-right: 20px;
  background: #fff;
  flex-basis: 20em;
}

.hs-box--links a:link,
.hs-box--links a:visited,
.hs-box--links h2 {
  color: #1E398F;
}

.hs-box--text-links {
  border-left: 2px solid #1E398F;
  margin-right: 20px;
  background: #fff;
}

.hs-box--text-links h2 {
  color: #0c173b;
}

.person-name {
  font-size: 1.2rem;
  margin-bottom: 0;
}

.person-funktion {
  font-style: italic;
}

.margin-top-normal {
  margin-top: 1em;
}

.subline,
.subline a {
  font-size: 1.6rem;
}

.subline {
  color: rgb(107, 62, 145);
}

.full-width {
  width: 100%;
}

.no-margin-b {
  margin-bottom: 0;
}

.no-padding-l {
  padding-left: 0;
}

.p-full-width {
  max-width: 100%;
}

.Container {
  display: flex;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: 0 8px;
  width: 100%;
  max-width: 1400px;
}

.Container .Container,
.jarallax.Container {
  padding: 0;
}

.Container-wide {
  max-width: 1920px;
}

.Container-margin {
  margin-top: 3em;
  margin-bottom: 2em;
}

.Container-card .Card {
  max-width: 100%;
}

.Card.Container {
  width: 100%;
  max-width: 1400px;
  margin: auto;
}

.Card.Container.Card-contact {
  margin-top: 3em;
}

.Container.row-coa {
  max-width: 1700px;
}

.Container-wrap > * {
  width: 100%;
}

.field__label-inline {
  margin-right: 0.33em;
}

.list--multicolumn {
  -moz-column-width: 10em;
       column-width: 10em;
  list-style-position: inside;
  padding-left: 0;
}

.nested-list,
.list-style-none {
  padding: 0;
}

.list-style-none {
  list-style: none;
}

.list-style-svg li {
  display: flex;
}

.list-style-svg li p {
  margin: 0;
  padding-left: 0.5em;
}

.list-style-svg .svg-icon {
  width: 25px;
}

.list-style-svg .svg-icon path {
  stroke-width: 1px;
  stroke: #EC6707;
}

.item-list .Card {
  width: 100%;
}

.Media-img, .Media-text, .Media {
  float: left;
  width: 100%;
}

.Media-heading {
  margin-top: 0.2em;
  margin-bottom: 0;
}

.Media-link {
  margin-top: 1em;
}

@media screen and (min-width: 30em) {
  .Media-img {
    width: 60%;
  }
  .Media-text {
    width: 40%;
    padding-left: 1em;
  }
  .Media-img img {
    display: block;
  }
  .Media-text {
    overflow: hidden;
  }
}
.aid-wrapper {
  width: 100%;
  margin-bottom: 3em;
}

.aid-wrapper h2 {
  width: 100%;
}

.Media_aid {
  float: left;
  width: 100%;
  height: 1px;
  min-height: 290px;
  display: table;
  padding-left: 1em;
  padding-right: 1em;
}

.Media-content-wrapper {
  display: table-cell;
  vertical-align: middle;
  border-bottom: solid 1px;
}

.Media-aid-img {
  max-width: 279px;
  margin-bottom: 1em;
}

@media screen and (min-width: 550px) {
  .Media_aid {
    width: 50%;
  }
}
@media screen and (min-width: 700px) {
  .Media_aid {
    width: 33%;
  }
}
.u-silent:link {
  text-decoration: none;
}

.hide {
  display: none;
}

.Site-footer #block-views-block-custom-block-jetztbewerben,
.Site-footer #block-views-block-custom-block-jetztbewerben--3 {
  position: fixed;
  bottom: -7px;
  margin-left: -22px;
  display: none;
}

.Site-footer .btn-call-to-action a {
  margin: 0;
  width: 100%;
  border-radius: 0;
}

ul#superfish-main > li:nth-child(5) a,
ul#superfish-main-en > li:nth-child(5) a {
  border: solid 2px transparent;
}

.btn-call-to-action a,
.btn-f,
ul#superfish-main > li:nth-child(5) a,
ul#superfish-main-en > li:nth-child(5) a {
  display: block;
  margin: 20px auto 0;
  padding: 11px;
  border-radius: 9px;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
}

.btn-call-to-action a,
ul#superfish-main > li:nth-child(5) a,
ul#superfish-main-en > li:nth-child(5) a {
  min-width: 190px;
}

ul#superfish-main > li:nth-child(5) a,
ul#superfish-main-en > li:nth-child(5) a {
  width: 100%;
}

.btn-call-to-action a,
.btn-f {
  background: #EC6707;
  color: #fff;
  border: solid transparent 2px;
}

.btn-f {
  font-size: 1.4rem;
  padding: 0.2em 1em 0.2em;
}

.block-image-section .btn-f {
  border-radius: 0;
}

.field--cta-button-link.btn-margin {
  margin-top: 2em;
  margin-bottom: 0;
}

.btn-small a,
.field--cta-button-link.btn-small a {
  padding: 0 0.5em;
}

.btn-small a {
  text-decoration: none;
}

.btn-f svg {
  position: relative;
  bottom: -5px;
}

.btn-call-to-action.btn-red a,
ul#superfish-main > li:nth-child(5) a,
ul#superfish-main-en > li:nth-child(5) a {
  background: #e30613;
  color: #fff;
}

ul#superfish-main > li:nth-child(5) a,
ul#superfish-main-en > li:nth-child(5) a {
  margin: 0;
}

.btn-call-to-action a:hover,
.btn-f:hover {
  background: #fff;
  border-color: #EC6707;
  color: #1E398F;
}

.btn-call-to-action.btn-red a:hover,
ul#superfish-main > li:nth-child(5) a:hover,
ul#superfish-main-en > li:nth-child(5) a:hover {
  background: #fff;
  color: #1E398F;
  border-color: #e30613;
}

.btn-call-to-action.btn-large a {
  border: solid 2px transparent;
  width: 400px;
  float: unset;
}

.btn-call-to-action.btn-large a:hover {
  color: #1E398F;
  border-color: #e30613;
  font-weight: bold;
}

.more-stud-wrapper .btn-call-to-action a {
  width: 125px;
}

#block-views-block-custom-block-block-1 {
  font-size: 1.2rem;
}

#block-views-block-custom-block-block-1 a {
  color: #fff;
  text-decoration: none;
  padding: 0.3em 0.6em;
  background: #EC6707;
  display: block;
  text-align: center;
}

.row-coa .btn-call-to-action {
  display: block;
  width: 100%;
}

.row-coa .btn-call-to-action a {
  width: 12em;
  position: relative;
  margin: 0 auto;
}

.a-up:before {
  content: "↥";
  font-size: 2rem;
}

.a-up {
  position: absolute;
  bottom: -1px;
  left: 0.2em;
}

.title-btn-wrapper h1 .btn-call-to-action {
  float: right;
  font-size: 1.1rem;
  margin-bottom: 33px;
  margin-top: 15px;
  margin-right: 158px;
}

.btn-call-to-action.btn-inline {
  display: inline;
}

.btn-call-to-action.btn-inline a {
  float: unset;
  display: inline-block;
  white-space: nowrap;
  margin-top: 5px;
}

.btn-call-to-action.btn-light a {
  background: #fff;
  color: #1E398F;
  border-color: #EC6707;
  border-radius: 0;
}

.btn-call-to-action.btn-light a:hover {
  background: rgb(170, 221, 249);
}

@media screen and (max-width: 600px) {
  .btn-call-to-action-mobile a {
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 999;
    border-radius: 0;
  }
}
@media (min-width: 864px) {
  .Site-footer .btn-call-to-action {
    display: none;
  }
  .btn-call-to-action a {
    float: right;
    margin: 20px 0 0;
  }
  .course-extras-wrapper .btn-call-to-action a {
    float: none;
  }
  .row-coa .btn-call-to-action a {
    float: unset;
  }
  #block-views-block-custom-block-jetztbewerben-2 .btn-call-to-action a {
    position: absolute;
    right: 0;
    top: 530px;
  }
  .btn-f {
    font-size: 2rem;
  }
  .btn-f svg {
    bottom: -2px;
  }
}
@media screen and (min-width: 950px) {
  #block-views-block-custom-block-block-1 {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 1000px) {
  ul#superfish-main > li:nth-child(5),
  ul#superfish-main-en > li:nth-child(5) {
    padding-left: 1em;
  }
  ul#superfish-main > li:nth-child(5) a,
  ul#superfish-main-en > li:nth-child(5) a {
    position: relative;
    bottom: unset;
    left: unset;
  }
}
@media screen and (min-width: 1001px) {
  .btn-f {
    font-size: 2.3rem;
  }
  .btn-f svg {
    bottom: 0;
  }
}
@media screen and (min-width: 1500px) {
  .btn-f {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 1920px) {
  .btn-f {
    font-size: 2.7rem;
  }
}
.info-message {
  background: #e8f2f9;
  border-radius: 9px;
  padding: 1em;
  margin: 1em;
  padding-left: 5em;
  background-image: url(/modules/custom/hsfl_event_registration/icons/hs-icon-info.png);
  background-repeat: no-repeat;
  background-position-y: center;
  background-size: 12%;
  background-position-x: 11px;
}

.Information-box {
  margin: 0 auto;
  display: block;
  width: 160px;
  margin-top: 20px;
  padding: 11px;
  border-radius: 8px;
  text-decoration: none;
  color: #1E398F;
  border: solid 2px #1E398F;
  text-align: center;
  font-weight: bold;
}

@media (min-width: 864px) {
  .Information-box {
    margin: 0;
    float: right;
    border: solid 2px #1E398F;
  }
}
.important-message {
  color: rgb(211, 83, 120);
}

.view-accordion,
.view-accordion .views-row {
  width: 100%;
}

.ui-accordion {
  font-size: 1rem;
  font-family: cargan, georgia, serif;
  margin-top: 1em;
}

.view-accordion h2 {
  font-size: 1rem;
}

.accordion-h2 {
  margin-top: 1em;
  font-weight: bold;
  color: #1E398F;
  font-size: 1.5rem;
  margin-bottom: 0.5em;
}

.ui-accordion .ui-accordion-icons {
  padding-left: 0;
  padding-bottom: 0.5em;
  padding-top: 0;
}

.ui-accordion .ui-accordion-header {
  line-height: 1.2em;
  font-weight: bold;
  color: #1E398F;
  border-radius: 0;
  border: 3px solid;
  font-size: 1rem;
  outline: none;
  padding-top: 0.9em;
  padding-bottom: 0.8em;
  padding-left: 4em;
}

.ui-accordion .views-accordion-header.ui-accordion-header {
  padding-top: 0.8em;
  padding-bottom: 0.86em;
}

.view-accordion.ui-accordion .views-accordion-header.ui-accordion-header {
  padding-top: 0.7em;
  padding-bottom: 0.7em;
}

.ui-accordion .ui-accordion-header.ui-accordion-header-active {
  border-bottom: 0;
}

.ui-accordion .ui-accordion-header .field-content {
  font-size: 1.3rem;
}

.ui-accordion .ui-state-default {
  background: unset;
}

.ui-accordion .ui-state-default a,
.ui-accordion .ui-state-default a:link {
  display: block;
}

.ui-accordion .ui-accordion-header:hover {
  background: rgb(170, 221, 249);
}

.ui-accordion .ui-state-active {
  background: unset;
}

.ui-accordion-header-active .field-content,
.ui-state-hover .field-content,
.ui-accordion .ui-state-active a,
.ui-accordion .ui-state-active a:link,
.ui-accordion .ui-accordion-header-collapsed.ui-state-default a,
.ui-accordion .ui-accordion-header-collapsed.ui-state-default:hover a {
  color: #1E398F;
}

.paragraph--type--accordion a:hover {
  background: none;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  top: unset;
  bottom: 0;
}

.ui-accordion-header a {
  outline: none;
}

.ui-accordion-header a:link {
  color: #fff;
}

.ui-accordion .ui-accordion-header:before {
  width: 62px;
  height: 100%;
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  background: #1E398F;
  color: #fff;
}

.ui-accordion .ui-accordion-header:after {
  content: "+";
  font-size: 2rem;
  text-indent: 0;
  left: 18px;
  top: 28%;
  position: absolute;
  color: #fff;
}

.ui-accordion-header.ui-accordion-header-active:after {
  content: "−";
  top: 29%;
  left: 20px;
}

.ui-accordion-header-icon {
  display: none;
}

.ui-accordion-header:hover a,
.views-accordion-header:hover h3,
.views-accordion-header.ui-accordion-header-active h3 {
  color: #1E398F;
}

.ui-accordion .views-row:hover > .views-field,
.ui-accordion-header.ui-accordion-header-active {
  background: rgb(170, 221, 249);
}

.ui-accordion .ui-accordion-content {
  font-size: 1rem;
  border: solid 3px #1E398F;
  border-top: 0;
  padding: 0.5em;
  background: #dcf1fc;
}

.view-accordion .form-submit {
  float: left;
  width: 100%;
  max-width: 285px;
}

#block-views-block-accordion-block-1 {
  float: left;
  width: 100%;
  margin-bottom: 3em;
}

.paragraph--type--accordion-block {
  display: block;
  width: 100%;
  margin-bottom: 2em;
}

.field-tzt-elements .paragraph {
  display: block;
  width: 100%;
  margin-bottom: 1em;
}

@media screen and (min-width: 600px) {
  .view-accordion h2 {
    font-size: 1.6rem;
  }
  .ui-accordion .ui-accordion-header {
    font-size: 1.1rem;
  }
  .view-accordion .form-submit {
    width: 45%;
    margin-left: 1em;
    margin-top: 0;
  }
}
.hsfl-collapse {
  background: none;
  border: none;
  padding: 0;
  text-decoration: underline;
  cursor: pointer;
}

.Site-footer .hsfl-collapse-wrapper {
  width: 100%;
  padding-top: 1em;
  background: #fff;
  border-bottom: solid 2px #EC6707;
}

.hsfl-collapse-wrapper .hsfl-collapse {
  margin: 0 auto;
  display: block;
  background: #EC6707;
  color: #fff;
  font-weight: bold;
  font-size: 1.4rem;
  padding: 0.4em 1.5em 0.4em 0.4em;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}

.hsfl-collapse-wrapper .hsfl-collapse:hover {
  background: rgb(170, 221, 249);
  color: #1E398F;
}

/*
.Site-footer .hsfl-collapse {
  width: 100%;
  padding: 1em;
  background: $hs-dunkelblau;
  color: $white;
}
*/
.footer-finder {
  background: #dcf1fc;
}

.hsfl-collapse .svg-icon {
  position: absolute;
  transform: rotate(90deg);
}

.hide-footer .hsfl-collapse {
  display: none;
}

.study-projects-view .bef--secondary:not([open]),
.study-projects-view summary {
  display: none;
}

.progress-container {
  width: 100%;
  height: 6px;
  background: rgb(170, 221, 249);
}

.progress-bar {
  height: 6px;
  background: #EC6707;
  width: 0;
}

/**
 * 1. Avoid the IE 10-11 `min-height` bug.
 * 2. Set `flex-shrink` to `0` to prevent some browsers from
 *    letting these items shrink to smaller than their content's default
 *    minimum size. See http://bit.ly/1Mn35US for details.
 * 3. Use `%` instead of `vh` since `vh` is buggy in older mobile Safari.
 */
@media screen {
  .Site {
    display: flex;
    flex-direction: column;
    height: 100%; /* 1, 3 */
  }
  .Site-header,
  .Site-footer {
    flex: none; /* 2 */
  }
  .Site-footer a.cookiesjsr-link-settings {
    color: #fff;
  }
  .Site-content {
    flex: 1 0 auto; /* 2 */
    width: 100%;
    padding-bottom: 2em;
  }
}
.Site-content-front .layout.layout--twocol-section {
  margin-top: 0;
}

.Site-footer {
  clear: both;
  margin-top: 2em;
  background: rgb(170, 221, 249);
}

.Site-header.shrink {
  border-bottom: solid 1px #EC6707;
}

.shrink .sf-menu li.sf-depth-1 {
  top: 8px;
}

.header-fixed {
  position: fixed;
  top: 0;
  background: #fff;
  z-index: 105;
  width: 100%;
}

@media (min-width: 768px) {
  .shrink .hs-logo {
    max-width: 120px;
  }
}
.Section {
  clear: both;
}
.Section:after {
  content: "";
  display: table;
  clear: both;
}

.Section-title {
  clear: both;
  font-size: 3em;
  font-style: italic;
  font-weight: normal;
  color: rgb(211, 83, 120);
  margin-top: 1em;
  margin-bottom: 1em;
}

.Article {
  padding: 0 8px;
  max-width: 58em;
  min-width: 0;
}

.Article-intro {
  font-size: 1.2rem;
  font-style: italic;
  color: #1E398F;
}

.Article-intro--neg {
  font-size: 1.5rem;
  font-style: italic;
  background-color: #1E398F;
  color: #fff;
  padding: 4px;
}

.Article-title {
  border-top: 1px solid #1E398F;
  margin-top: 1em;
  margin-bottom: 0;
  padding-top: 0.25em;
  color: #1E398F;
  font-size: 2.5rem;
}

.Article-title--h1 {
  font-size: 2rem;
}

.Article-meta {
  color: #6784df;
}

.Article-subheader {
  font-size: 1.2rem;
  font-weight: bold;
  color: rgb(211, 83, 120);
}

.Container-modul .Article-main {
  padding-left: 0;
}

@media screen and (min-width: 42em) {
  .Article {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 54em) {
  .Article {
    margin-left: 16.6666666667%;
    width: 66.6666666667%;
  }
  .Article-title--h1 {
    font-size: 4rem;
  }
  .Article-intro {
    font-size: 1.5rem;
  }
}
.Card {
  margin-top: 1em;
  max-width: 45em;
  border-top: 1px solid #EC6707;
  padding-top: 0.25em;
}

.border-top {
  border-top: solid 1px #d44500;
}

.Card--small {
  max-width: 288px;
}

.Card--large {
  max-width: none;
  width: 100%;
  margin-bottom: 3em;
}

.Card--mb-0 {
  margin-bottom: 0;
}

.Card.Card--large,
.Card.Card--news {
  width: 100%;
  max-width: 55em;
  margin-top: 2.7em;
}

.Card-title {
  display: block;
  font-size: 1.6rem;
  color: #1E398F;
  padding: 0.3em;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.2em;
}

.Card a:hover .Card-title {
  background: rgb(170, 221, 249);
}

.Card.Insta:hover .Card-title {
  background: unset;
}

.Card-img > figure,
.Card-img-fproject figure,
.Card figure {
  margin-top: 0;
}

.Card img {
  width: 100%;
}

.Card-link:link {
  text-decoration: none;
  font-weight: normal;
  color: #1E398F;
}

a.Card-link:visited,
a.Card-link:visited .Card-title {
  color: #1E398F;
}

a.Card-link:hover {
  background-color: unset;
}

.Card-content--large {
  color: inherit;
  font-size: 2.5rem;
  line-height: 1.2em;
  font-weight: bold;
  margin: 0;
}

.Card-content--large > a {
  text-decoration: none;
}

.Card h2,
.Card h3 {
  margin-top: 0;
  width: 100%;
}

.Card--near-1 .Card-content--neg,
.Card--orange .Card-content--neg {
  padding: 4px;
}

.Card--orange h3 a {
  color: #1E398F;
}

.Card--near-2 {
  color: #1E398F;
  border-color: #1E398F;
}

.Card--near-2 .Card-content {
  color: #000000;
}

.Card--near-2-neg {
  background-color: #1E398F;
  color: #fff;
  border-color: #1E398F;
  padding: 4px;
}

.Card-content--near-2-neg {
  background-color: #1E398F;
  color: #fff;
  padding: 4px;
}

.Card--far-1 .Card-content {
  color: #000000;
}

.Card--far-1 .Card-meta {
  color: #6784df;
}

.Card--far-2 .Card-content {
  color: #1E398F;
}

.Card--far-2 .Card-meta {
  color: #6784df;
}

.Card--far-flex {
  display: flex;
  flex-wrap: wrap;
}

.Card--far-flex > div {
  width: 100%;
}

.Card--hotline {
  background-color: #1E398F;
  color: #fff;
  margin-top: 0;
  padding: 0 8px 8px;
}

.Card--hotline h2 {
  margin-bottom: 0.5em;
}

.Bewerbung {
  margin-top: 2em;
  margin-bottom: 1em;
}

.Bewerbung h2 {
  color: #1E398F;
  margin-top: 0;
  margin-bottom: 0.5em;
  font-size: 1.5rem;
  line-height: 1.2em;
}

.Card--list {
  list-style: none;
  width: 100%;
  padding: 0;
}

.Card--list > ul {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.Card--list .Card {
  width: 100%;
  margin-top: 0;
}

.Card--list .Card:hover article {
  background: rgb(170, 221, 249);
}

.Card--list-col-4 .Card-title {
  padding: 0.3em;
}

.Card--floating.Card--art-Abschlussarbeit {
  width: 100%;
  margin-right: 0;
}

.course-extras-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.course-extras-wrapper ul {
  width: 100%;
}

.course-extras-wrapper .Card {
  margin-top: 2em;
}

.course-extras-wrapper.boxes-3 {
  padding-top: 3em;
}

.course-extras-wrapper.boxes-3 .Card--orange .Card-meta {
  color: #fff;
}

.course-extras-wrapper.boxes-3 .Card--orange a {
  text-decoration: none;
}

.Card-content {
  padding: 0.3em;
}

.Card--col-2 a:hover .Card-title {
  background-color: rgb(170, 221, 249);
}

.read-more {
  display: block;
  text-decoration: underline;
  font-size: 1.2em;
  padding-top: 1em;
}

.study-projects-view .Card .Card--col-2 {
  width: 100%;
  margin: 0;
  border: none;
}

@media screen and (min-width: 42em) {
  .Card {
    width: 48%;
    margin-right: 2%;
  }
  .study-projects-view .Card {
    width: 48%;
    margin-right: 2%;
  }
  .Card.Card--col-2:nth-child(2n) {
    margin-right: 0;
    margin-left: 2%;
  }
  .course-extras-wrapper .Card.Card--col-2:nth-child(2n) {
    margin-left: 0;
  }
  .Card.Card--news-large {
    margin-left: 0;
  }
  .Bewerbung {
    width: 40em;
  }
  .Card--hotline {
    width: 66%;
    margin-left: 33%;
  }
}
@media screen and (min-width: 54em) {
  .Card--news-large {
    max-width: none;
    width: 100%;
  }
  .Card--news-large .Card-title {
    font-size: 3rem;
  }
  .Card--news-large .Card-content {
    font-size: 1.5rem;
  }
  .Card-title--large {
    color: inherit;
    margin: 0;
    font-size: 4rem;
  }
  .course-extras-wrapper.boxes-3 .Card {
    width: 32%;
    margin-right: 1em;
  }
  .Card-2-fields {
    padding-top: 2em;
  }
  .boxes-3 .Card-2-fields {
    width: 64%;
    margin-right: 1em;
  }
}
@media screen and (min-width: 42em) {
  .Card--far-flex > div {
    width: 48%;
    margin-right: 2%;
  }
  .Card--far-flex .Card {
    width: 100%;
    margin: 0;
  }
}
.Sub-titel {
  color: #1E398F;
  margin-top: 2em;
  font-size: 2rem;
  display: inline-block;
  width: 100%;
}

.lab-cards-wrapper {
  width: 100%;
  float: left;
  margin-bottom: 2em;
  display: flex;
  flex-wrap: wrap;
}

.lab-cards-wrapper h2 {
  width: 100%;
}

.lab-cards-wrapper h3 {
  margin-top: 0.2em;
  font-size: 1.4rem;
}

.field-content.reserved,
.reserved-couch-single {
  color: #e30613;
}

.list-relative li {
  position: relative;
}

.views-field.views-field-field-furniture-reserved {
  position: absolute;
  left: 25%;
  bottom: 45%;
  padding: 0.3em;
  rotate: -24deg;
  font-size: 1.5rem;
  background: white;
  color: #e30613;
  z-index: 22;
}

.layout.layout--onecol.layout--onecol--furniture.Container {
  margin-bottom: 4em;
}

@media screen and (min-width: 54em) {
  .views-field.views-field-field-furniture-reserved {
    font-size: 2rem;
  }
}
.Mood {
  margin-bottom: 1em;
}

.Mood > figure {
  margin-top: 0.25em;
}

.Mood-ems {
  margin: 1em 0 0 0;
}

.media-img-wrapper,
.media-img-wrapper img {
  width: 100%;
}

.mood-left,
.mood-text {
  width: 100%;
}

@media screen and (min-width: 1000px) {
  .mood-left,
  .mood-text {
    width: 50%;
  }
  .mood-text {
    padding: 1em;
  }
  .mood-text p {
    font-size: 1.4rem;
  }
}
.Intro {
  margin-bottom: 3em;
}

.Intro-text,
.Intro-text p {
  font-size: 1.2rem;
  font-style: italic;
  color: #d44500;
}

.Intro-subheadline {
  font-size: 1.2rem;
  font-style: normal;
  color: #d44500;
}

.Intro-text--neg {
  font-size: 1.2rem;
  font-style: italic;
  background-color: #d44500;
  color: #fff;
  padding: 8px;
  align-self: stretch;
}

.Intro--2p {
  align-items: flex-end;
}

@media screen and (min-width: 54em) {
  .Intro-subheadline {
    margin-left: -25%;
  }
  .projects-full .Intro-subheadline {
    margin-left: 0;
  }
}
.Image-caption {
  color: #999;
  font-size: 1.2rem;
}

.Image-credit {
  color: #999;
  font-style: italic;
}

.item-forschungsprojekt figure {
  margin-top: 0;
  margin-bottom: 1em;
}

.event-full figure {
  margin-bottom: 1em;
}

.Quote {
  max-width: 440px;
  color: rgb(170, 221, 249);
  line-height: 1.2;
  border-top: 1px solid rgb(170, 221, 249);
  margin-left: 0;
  margin-right: 0;
  padding-top: 0.25em;
  font-size: italic;
  margin-top: 3em;
  margin-bottom: 3em;
}

.Quote-text {
  font-size: 4em;
  margin: 0;
}

.Quote-meta {
  text-align: right;
}

.Lektorat-status {
  float: right;
  font-size: 0.8em;
  background-color: rgb(170, 221, 249);
  color: #fff;
  padding: 0.1em 0.3em;
  border-radius: 4px;
  margin-left: 0.3em;
}

.Lektorat-nid {
  float: right;
  font-size: 0.8em;
  background-color: rgb(163, 84, 148);
  color: #fff;
  padding: 0.1em 0.3em;
  border-radius: 4px;
  margin-left: 0.3em;
}

.news-headline {
  height: 3em;
}

.article-date {
  color: #1E398F;
  font-size: 1.4rem;
  margin-top: 10px;
  margin-top: 0.625em;
}

.news-info {
  margin-bottom: 0;
  color: #999;
}

.news-lead {
  font-weight: bold;
}

.Article .aktuelles-opener {
  margin-bottom: 1em;
}

#block-views-block-aktuelles-block-8 h2,
#block-views-block-aktuelles-block-9 h2,
#block-views-block-aktuelles-block-13 h2,
#block-views-block-aktuelles-block-10 h2,
#block-views-block-aktuelles-block-11 h2,
#block-views-block-aktuelles-block-12 h2,
#block-views-block-aktuelles-block-18 h2,
#block-views-block-aktuelles-block-19 h2 {
  width: 100%;
}

#block-views-block-aktuelles-block-10,
#block-views-block-aktuelles-block-11,
#block-views-block-aktuelles-block-18,
#block-views-block-aktuelles-block-19 {
  float: left;
  width: 100%;
}

.Studium-News,
.Abteilung-News,
.Forschungsprojekt-News,
.GrinSH-News {
  position: relative;
}

#block-views-block-aktuelles-block-4 .Card-content, #block-views-block-aktuelles-block-5 .Card-content {
  padding: 0;
}

#block-views-block-aktuelles-block-2 h3, #block-views-block-aktuelles-block-6 h3, #block-views-block-aktuelles-block-7 h3 {
  margin: 0 0 16px;
  font-size: 1rem;
  color: #1E398F;
}

#block-views-block-aktuelles-block-6 h3 a {
  color: #1E398F;
}

#block-views-block-aktuelles-block-2 h2 {
  margin-bottom: 0;
}

#block-views-block-aktuelles-block-7 .Card:nth-child(2) {
  margin-top: 0;
}

#block-views-block-aktuelles-block-7 {
  float: left;
  width: 100%;
}

#block-views-block-aktuelles-block-9 {
  float: left;
  width: 100%;
}

.more-short-news h3 {
  margin: 0;
}

#block-views-block-aktuelles-block-6 {
  float: right;
  width: 100%;
  border-top: 1px solid;
  border-color: #1E398F;
  margin-top: 16px;
}

#block-views-block-aktuelles-block-6 h2 a {
  color: #1E398F;
}

.Card--news-large {
  width: 100%;
  margin-top: 0;
}

.Card--news-large .Card-title {
  width: 100%;
  padding: 0;
}

.news-large-text-wrapper,
.Card--news-large .image-extended-wrapper {
  width: 100%;
}

.Card--news-large .Card-title,
.Card--news-large .Card-content {
  padding: 0.3em;
}

.Card--news-large .Card-content {
  padding-top: 0;
}

.Card:hover .news-large-text-wrapper h3 {
  background: rgb(170, 221, 249);
}

.news-2-row {
  float: left;
  width: 100%;
}

.G-row.G-row--news figure {
  margin: 0;
}

.image-extended-wrapper figure {
  margin: 0;
}

.Card-news-2-row .Card-title {
  float: left;
  width: 100%;
}

#block-views-block-aktuelles-block-2 .G-row > * {
  padding-left: 0;
}

#block-views-block-aktuelles-block-2 .G-row {
  margin-left: 0;
}

#block-views-block-aktuelles-block-2 {
  float: left;
  width: 100%;
}

#block-views-block-aktuelles-block-2 .G-row > * {
  padding-left: 0;
}

.Card-news-2-row .Card-img, .Card-news-2-row .Card-content {
  float: left;
  width: 100%;
}

.Card-news-2-row {
  float: left;
  width: 100%;
}

.G-row--news .Card-news-2-row {
  margin-bottom: 1em;
  margin-left: 1em;
  padding: 0;
}

.default-wrapper {
  width: 100%;
  margin-bottom: 3em;
  margin-top: 3em;
}

.default-wrapper .Card,
.default-wrapper article {
  width: 100%;
}

#block-views-block-aktuelles-block-14 .more-link {
  color: #1E398F;
}

.Card.Card--orange.Card--news-heading {
  width: 100%;
  border-color: #1E398F;
}

#block-views-block-veranstaltungen-block-1 h3, #block-views-block-veranstaltungen-block-2 h3 {
  margin-top: 0;
}

#block-views-block-aktuelles-block-14 .Card--teaser-text {
  color: #2c2f88;
}

#block-views-block-aktuelles-block-14 .Card-meta {
  color: #fcbd90;
}

#block-views-block-aktuelles-block-14 .Card-title {
  color: #1E398F;
}

@media screen and (min-width: 420px) {
  .Card-news-2-row .Card-title {
    padding-left: 1em;
  }
  #block-views-block-aktuelles-block-2 .G-row > * {
    padding-left: 0;
  }
  .Card-news-2-row .Card-img, .Card-news-2-row .Card-content {
    width: 50%;
  }
}
@media screen and (min-width: 640px) {
  .Card-news-2-row .Card-img,
  .Card-news-2-row .Card-content {
    width: 100%;
  }
  .Card-news-2-row .Card-title {
    width: 100%;
    padding: 0;
  }
}
@media screen and (min-width: 700px) {
  .G-row--news .Card-news-2-row:first-child {
    margin-right: 1em;
  }
  #block-views-block-aktuelles-block-7 .Card:first-child {
    margin: 0;
  }
}
.meldung--teaser-large .Card-title,
.meldung--teaser-large .Card-content,
.meldung--teaser-large p {
  padding: 0 0.3em 0;
}

@media (min-width: 864px) {
  .Card--news-large .Card-title {
    font-size: 1.8rem;
    margin-left: 0;
    width: 100%;
  }
  .view-event-hop {
    margin-top: 4em;
  }
  .Card--news-large .Card-title {
    display: block;
  }
  .Card--news-large .image-extended-wrapper figure {
    margin: 0;
  }
  .Card--news-large .Card-content,
  .meldung--teaser-large .Card-content {
    font-size: 1.2rem;
    margin-left: 0;
  }
  #block-views-block-aktuelles-block-2 {
    width: 65%;
  }
  #block-views-block-aktuelles-block-6 {
    width: 33%;
  }
  #block-views-block-aktuelles-block-7 {
    width: 35%;
    padding-left: 1em;
  }
}
@media screen and (min-width: 42em) {
  .default-wrapper article {
    width: 48%;
    margin-right: 2%;
  }
  .default-wrapper article article {
    width: 100%;
  }
  .default-wrapper article:nth-child(2n) {
    margin-right: 0;
    margin-left: 2%;
  }
}
#block-views-block-aktuelles-block-2 .Card-title {
  color: #1E398F;
}

.Card--news-heading h3 {
  font-size: 1rem;
}

@media screen and (min-width: 42em) {
  .news-100 .Card {
    width: 100%;
    margin-right: unset;
  }
}
.Person {
  margin-top: 1em;
  margin-bottom: 3em;
}

.Person-name {
  color: inherit;
}

.Person-role {
  margin-bottom: 0;
  margin-top: 0;
}

.Person-titel {
  font-weight: normal;
  display: block;
}

.Person-titel--suffix {
  display: inline;
}

h1 .Person-titel,
h2 .Person-titel {
  font-size: 1.2rem;
}

.Person-contactinfo {
  margin-bottom: 0;
}

.Person-info-extra {
  float: left;
  width: 100%;
}

.Card.Container.Contact {
  float: left;
  margin-top: 3em;
}

.Person-full-wrapper {
  width: 100%;
  float: left;
}

.Person-name-wrapper {
  width: 100%;
  float: left;
}

.Person-portrait-image-wrapper {
  width: 100%;
  float: right;
  padding: 0 1em 1em 0;
}

.Person-portrait-image {
  max-width: 350px;
}

.Person img {
  max-width: 350px;
}

.Person article {
  display: flex;
  flex-wrap: wrap;
}

.Person-info-wrapper,
.Person-foto,
.Person article h4,
.Person article p {
  width: 100%;
}

.Person-info-basic {
  width: 100%;
  float: left;
  padding: 1.7em 1em 1em;
  margin-bottom: 2em;
}

.Person-info-basic svg {
  position: absolute;
  left: 14px;
}

.Person-info-extra {
  padding-left: 1em;
}

.Person-hours .Hours-day {
  min-width: 9em;
  font-weight: bold;
}

.Person-info-openinghours-wrapper .Person-hours .Hours-day {
  min-width: 10em;
}

.Person-annotations {
  padding-top: 0.5em;
  font-size: 1.2rem;
}

.Person-status {
  padding-left: 1.7em;
}

.Person-contact-info-function {
  padding-left: 2em;
}

.Person-contact-info-room,
.Person-contact-info-tel,
.Person-contact-info-mail,
.Person-contact-info-fax,
.Person-contact-info-homepage {
  background-repeat: no-repeat;
  padding-left: 2em;
  background-position: 0;
  background-position-x: -5px;
  margin-top: 0.3em;
}

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

.Unit {
  width: 100%;
}
.Unit:after {
  content: "";
  display: table;
  clear: both;
}

.Unit--sub {
  clear: both;
  margin-top: 2em;
  border-top: 1px solid #d44500;
  width: 100%;
}

.Card h3.OE--subunit {
  clear: both;
  margin-bottom: 0;
  color: #d44500;
}

.Person-info-direction-wrapper,
.Person-info-teaching,
.Person-info-institutions,
.Person-info-projects {
  float: left;
  width: 100%;
  max-width: 48em;
}

.Person-info-direction,
.Person-focus,
.Person-course-title,
.Person-courses,
.Person-facility,
.Person-division,
.Person-project,
.Person-project-extern,
.Person-info-notes,
.Person-info-openinghours-wrapper,
.Person-vita-list-pdf {
  float: left;
  width: 100%;
}

.Person-vita-list-pdf {
  margin-top: 1em;
}

.Person-info-notes {
  margin-top: 2em;
}

.Person-full-wrapper li {
  padding-right: 1em;
}

#block-views-block-personendaten-block-1 {
  padding-left: 1em;
}

#block-views-block-aktuelles-block-8 {
  margin-top: 2em;
}

#block-views-block-personendaten-block-1,
#block-views-block-personendaten-block-2,
#block-views-block-personendaten-block-3,
#block-views-block-personendaten-block-8 {
  width: 100%;
  max-width: 900px;
  padding-left: 1em;
}

#block-views-block-personendaten-block-1 > div,
#block-views-block-personendaten-block-2 > div,
#block-views-block-personendaten-block-3 > div,
#block-views-block-personendaten-block-8 > div {
  width: 100%;
}

.Person-other-functions {
  float: left;
  width: 100%;
}

#block-views-block-accordeon-person-block-1 {
  width: 100%;
  float: left;
  margin-top: 2em;
}

#block-views-block-personendaten-block-2 .ui-accordion,
#block-views-block-personendaten-block-3 .ui-accordion {
  margin-top: 0;
}

.Person-heading {
  float: left;
  width: 100%;
  padding-left: 0.7em;
}

.views-accordion-header h3 {
  margin: 0;
}

.paragraph--type--vitazeile {
  float: left;
  width: 100%;
  margin-bottom: 1em;
}

.field--vita-heading {
  font-size: 1.3rem;
  color: #1E398F;
  float: left;
  width: 100%;
  margin-top: 1em;
}

.vita-date-range {
  float: left;
  width: 20%;
  min-width: 100px;
}

.vita-desc {
  float: left;
  width: 80%;
}

.field--vita-year {
  width: 45px;
  font-size: 1.2rem;
  color: #1E398F;
  float: left;
  margin-right: 0.3em;
  margin-top: 0.1em;
  margin-bottom: 0.3em;
}

.field--vita-beschreibung {
  font-size: 1rem;
  float: left;
  margin-top: 0.1em;
}

.Person-News {
  position: relative;
}

span.field-content.person-link {
  width: 100%;
  float: left;
}

span.field-content.person-special-field {
  width: 100%;
  float: left;
  margin-bottom: 1em;
}

#views-exposed-form-personen-block-2 input,
#views-exposed-form-personen-block-2 select {
  max-width: 100%;
}

#views-exposed-form-personen-block-2 select {
  background-color: #fff;
}

ul.list--multicolumn-flex {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
          hyphens: auto;
  list-style: none;
}

ul.list--multicolumn-flex > li {
  width: 100%;
  margin-bottom: 1em;
  padding-right: 2em;
}

#block-views-block-personen-block-1 {
  float: left;
  width: 100%;
  border-top: 1px solid #d44500;
  margin-top: 6em;
}

.expert-name h3 {
  margin: 0;
  font-size: 1.2rem;
}

.expert-foto figure {
  margin: 0;
}

.expert-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.expert-foto-wrapper {
  flex: 0 0 100%;
  max-width: 200px;
}

.expert-prof-content {
  flex: 1 0 100%;
}

.Person-extern, .Person-extern-cn div,
.study-thesis .views-field-field-person-dozent div {
  display: inline-block;
}

.Card .views-field-field-person-dozent {
  padding-left: 0.3em;
  padding-right: 0.3em;
}

@media screen and (min-width: 568px) {
  .expert-foto-wrapper {
    flex: 0 0 35%;
  }
  .expert-prof-content {
    flex: 1 0 65%;
  }
  .expert-prof-content-foto {
    padding-left: 1em;
  }
}
@media screen and (min-width: 42em) {
  .Person {
    width: 50%;
    padding-right: 1em;
    float: left;
  }
  .Person:nth-child(2n+1) {
    clear: both;
  }
  .Person-portrait-image-wrapper {
    width: 40%;
  }
  .Person-name-wrapper {
    width: 50%;
  }
  .Person-info-basic {
    width: 60%;
  }
  .Person-info-direction,
  .Person-focus,
  .Person-course-title,
  .Person-courses,
  .Person-facility,
  .Person-division,
  .Person-project,
  .Person-project-extern {
    width: 50%;
  }
  ul.list--multicolumn-flex > li {
    width: 50%;
  }
}
@media screen and (min-width: 1200px) {
  .Person-foto + .Person-info-wrapper {
    width: 50%;
  }
  .Person-foto {
    width: 50%;
    padding-right: 1em;
  }
}
.Person-news-view .Card-title {
  font-size: 1rem;
}

.Person-news-view .Card {
  width: 100%;
}

.person-column {
  width: 100%;
}

.list--multicolumn {
  -moz-column-width: 12em;
       column-width: 12em;
}

.list--multicolumn li {
  list-style-position: outside;
  margin-left: 1em;
}

#views-exposed-form-personen-block-2 {
  margin-bottom: 2em;
}

#views-exposed-form-personen-page-1 {
  width: 100%;
  float: left;
}

#edit-submit-personen {
  margin-top: 0;
}

#views-exposed-form-personen-page-1 input {
  float: left;
  font-size: 1.2rem;
}

#views-exposed-form-personen-page-1 .form-item {
  float: left;
}

#edit-submit-personen,
#views-exposed-form-personen-page-1 .form-actions input {
  margin-top: 1em;
  max-width: 12em;
}

#views-exposed-form-personen-page-1 #edit-submit-personen {
  width: 100%;
}

#views-exposed-form-personen-page-1 #edit-actions {
  float: left;
  width: 100%;
  max-width: 12em;
}

#views-exposed-form-personen-page-1 #edit-name {
  float: left;
  width: 100%;
  margin-right: 2em;
  max-width: 16em;
}

@media screen and (min-width: 604px) {
  #edit-submit-personen,
  #views-exposed-form-personen-page-1 .form-actions input {
    margin: 2.5em 0 0 1em;
  }
}
.interview--image {
  width: 100%;
}

.interview-box {
  width: 100%;
  position: relative;
}

.interview-image-text {
  width: 100%;
  font-size: 1.3rem;
  font-weight: bold;
  padding: 0.25em;
  line-height: 1em;
  background: rgb(170, 221, 249);
}

.Card--interview figure {
  width: 100%;
}

.Card--interview .interview--image figure {
  width: 100%;
  height: 200px;
  overflow: hidden;
}

.Card--interview .Card-title {
  padding: 0;
}

#block-views-block-interviews-block-1 .Card--floating:nth-of-type(2n+1) {
  clear: both;
}

#block-views-block-interviews-block-1 .Card--floating:nth-of-type(2n) {
  clear: none;
}

#block-views-block-interviews-block-1 .Card-title {
  float: left;
  width: 100%;
  margin-top: 10px;
}

#block-views-block-interviews-block-1 .Intro-text {
  float: left;
}

.interview-image-quote img {
  display: block;
  margin: 2em auto auto;
}

@media (min-width: 450px) {
  .interview-image-text {
    font-size: 1.4rem;
    font-weight: normal;
  }
}
@media (min-width: 1000px) {
  .interview-image-text {
    position: relative;
    bottom: 100px;
    width: 50%;
  }
  .slogan-right .interview-image-text {
    text-align: right;
    right: 0;
    padding-right: 0.6em;
    margin-left: auto;
    margin-right: -8px;
  }
  .slogan-left .interview-image-text {
    padding-left: 0.6em;
    margin-left: -8px;
    margin-right: auto;
  }
}
.tp-left,
.tp-middle,
.tp-right {
  float: left;
  width: 100%;
}

.tp-left .Mood,
.tp-middle .Mood,
.tp-right .Mood {
  margin: 0;
}

.tp-left .Card,
.tp-right .Card,
.tp-middle .Card {
  width: 100%;
}

.Card-description-overflow {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.Card-date {
  float: left;
  margin-right: 8px;
}

.tp-left {
  clear: both;
}

@media (min-width: 54em) {
  .tp-left,
  .tp-middle,
  .tp-right {
    float: left;
    width: 33.3%;
  }
  .tp-left .Card,
  .tp-right .Card,
  .tp-middle .Card {
    width: 97%;
    margin: 1%;
  }
  .tp-right .Card {
    margin-left: 0;
    margin-right: 0;
  }
}
#block-views-block-veranstaltungen-block-1, #block-views-block-meldungen-block-4 {
  float: left;
  width: 100%;
}

.form-required:after,
.form-required-wrapper label:after {
  content: " *";
  color: red;
}

.bef-exposed-form .form-required:after {
  content: none;
}

.field--start-end-date {
  width: 100%;
  margin-bottom: 1em;
}

.field--start-end-date, .field--start-end-date div {
  float: left;
}

.field--start-end-date div:nth-child(2) {
  float: left;
  margin-left: 0.3em;
  margin-right: 0.3em;
}

.event-full .paragraph {
  float: left;
  width: 100%;
  margin-top: 2em;
  margin-bottom: 2em;
}

.event--teaser a:hover {
  background: unset;
}

.event--teaser a:hover h2,
.event--teaser a:hover h3 {
  background: rgb(170, 221, 249);
  color: #1E398F;
}

.event--teaser p {
  margin-bottom: 0;
}

.event--teaser a {
  text-decoration: none;
  display: block;
}

.event--teaser-large figure {
  margin: 0;
}

.event--teaser h2,
.event--teaser h3 {
  margin: 0;
  font-size: 1.8rem;
  background: #EC6707;
  padding: 0.5em;
  color: #fff;
}

#edit-profile--wrapper {
  margin-bottom: 2em;
}

.EventList {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.EventListOverview .info-message {
  background-size: 6%;
}

.event-wrapper {
  width: 100%;
  padding: 1em;
}

.event-wrapper .item {
  width: 100%;
  float: left;
}

.event-wrapper .event-ort,
.event-full .event-ort {
  margin-top: 1em;
  margin-bottom: 0.6em;
}

.event-full .event-ort,
.event-full .event-plaetze {
  float: left;
  width: 100%;
}

.EventListOverview .event-ort,
.EventListOverview .event-termin,
.EventListOverview .event-plaetze {
  display: flex;
}

.event-ort,
.event-termin,
.event-plaetze {
  font-size: 1.2rem;
}

#hp_box_Ebene_2 .cls-2,
#hp_box_Ebene_2 .cls-3 {
  stroke: none;
  fill: #fff;
}

.EventListOverview svg {
  margin-right: 0.5em;
}

.event-wrapper .event-plaetze div,
.event-full .event-plaetze div {
  float: right;
  margin-right: 7px;
}

.event-wrapper .event-plaetze > div,
.event-full .event-plaetze div {
  float: left;
  margin-left: 0;
}

.event-title a {
  text-decoration: none;
  font-size: 1.3rem;
}

.event-link-wrapper {
  width: 100%;
  float: left;
  margin-top: 2em;
}

.event-link {
  margin-top: 1em;
}

.event-link a {
  background: #EC6707;
}

.event-out, .event-link a {
  padding: 1em;
  border-radius: 10px;
  text-align: center;
  color: #fff;
}

.event-link a {
  text-decoration: none;
  width: 100%;
  float: left;
}

.event-out {
  background: #828282;
}

.event-full .event-link {
  width: 95%;
  margin: 1em auto;
  margin-bottom: 6em;
  max-width: 300px;
}

@media screen and (min-width: 750px) {
  .event-wrapper .item {
    float: left;
  }
  .event-wrapper {
    width: 50%;
  }
  .event-full .event-link {
    width: 44%;
    float: left;
    margin: 1em;
  }
}
#event-form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

#event-form #edit-public {
  width: 15px;
  float: left;
  margin-top: 53px;
}

#event-form .js-form-type-checkbox label {
  float: left;
  margin-top: 50px;
  padding-left: 10px;
}

#event-form .form-item {
  width: 100%;
}

#event-form #edit-actions {
  width: 100%;
  float: left;
  max-width: 426px;
}

#event-form input {
  width: 100%;
  float: left;
}

a.btn-back-event {
  background: #EC6707;
  border-radius: 1em;
  color: #fff;
  text-decoration: none;
  display: block;
  width: 100%;
  margin: 0 auto;
  margin-top: 1em;
  padding: 1em;
  text-align: center;
}

.event-btn-wrapper {
  width: 100%;
  float: left;
  padding-left: 1em;
  padding-right: 1em;
}

@media screen and (min-width: 706px) {
  .event-btn-wrapper {
    width: 36%;
    float: left;
    padding-left: 0;
    padding-right: 0;
  }
  a.btn-back-event {
    float: left;
    width: 220px;
  }
}
@media screen and (min-width: 870px) {
  #event-form input {
    width: 90%;
  }
  #event-form .form-item {
    width: 50%;
  }
}
.participant-list-wrapper {
  width: 95%;
  padding: 1em;
  background: #e8f2f9;
  color: #6b3e91;
  border-radius: 0.4em;
  margin: 1em auto;
  max-width: 360px;
}

.event-tickets {
  width: 100%;
  margin-top: 1em;
  margin-bottom: 0.4em;
}

.participant-list-wrapper .item {
  margin-right: 0.2em;
  float: left;
}

.EventList-admin .participant-list-wrapper .item {
  width: 100%;
}

.participant-name, .participant-surname, .participant-forname {
  font-size: 22px;
}

.participant-actions a:hover {
  background: none;
}

.event-link-edit {
  position: relative;
  left: -29px;
}

.event-link-delete {
  float: right;
}

.btn-back {
  margin-top: 2em;
}

.btn-back a {
  padding: 1em;
  background: #EC6707;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 12px;
  text-decoration: none;
  color: #fff;
}

.btn-actions-wrapper {
  width: 100%;
  float: left;
  margin-top: 2em;
}

a.btn-action {
  padding: 1em;
  background: #EC6707;
  float: left;
  margin-right: 5em;
  border-radius: 14px;
  text-decoration: none;
  min-width: 89px;
  color: #fff;
  text-align: center;
}

@media screen and (min-width: 750px) {
  .participant-list-wrapper {
    width: 45%;
    margin: 1em;
  }
}
@media screen and (min-width: 1000px) {
  .participant-list-wrapper {
    width: 29%;
  }
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: cargan, georgia, serif;
}

form#views-exposed-form-faqs-block-6 {
  float: left;
  width: 100%;
  margin-bottom: 2em;
}

.js-form-type-select.form-item-field-faq-kategorie-target-id select {
  background: #fff;
  float: left;
  width: 100%;
  max-width: 285px;
}

@media screen and (min-width: 600px) {
  .js-form-type-select.form-item-field-faq-kategorie-target-id select {
    width: 50%;
  }
}
/* ========================================================================
   Component: Breadcrumb
 ========================================================================== */
/*
 * 1. Remove default list style
 * 2. Remove whitespace between child elements when using `inline-block`
 */
.uk-breadcrumb {
  /* 1 */
  padding: 0;
  list-style: none;
  margin-bottom: 1em;
  margin-top: 1em;
}

/* Items
 ========================================================================== */
/*
 * Reset whitespace hack
 */
.uk-breadcrumb > li {
  font-size: 1rem;
  vertical-align: top;
}

.uk-breadcrumb > li,
.uk-breadcrumb > li > a,
.uk-breadcrumb > li > span {
  display: inline-block;
  font-size: 1rem;
}

.uk-breadcrumb > li:nth-child(n+2):before {
  content: ">";
  display: inline-block;
  margin: 0 4px;
}

/*
 * Disabled
 */
.uk-breadcrumb > li:not(.uk-active) > span {
  color: #999999;
}

.hs-footer {
  clear: both;
  padding-top: 2em;
  padding-bottom: 3em;
  font-size: 0.9rem;
  width: 100%;
}

.menu--footer li a,
.menu--footer li span,
.pseudo-heading {
  font-size: 1.4rem;
}

.menu--footer li ul a {
  font-size: 1rem;
}

.hs-footer > * {
  width: 100%;
}

.Footer-contact {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.9rem;
}

.Footer-column--impressum ul {
  list-style: none;
  padding: 0;
}

.pseudo-heading {
  font-weight: bold;
}

.Site-footer a {
  text-decoration-color: #1E398F;
  color: #1E398F;
}

.Site-footer a:hover,
.Site-footer a:focus {
  background: #dcf1fc;
  color: #1E398F;
}

.Site-footer a:visited {
  text-decoration-color: #EDEDED;
}

.menu--footer li span {
  font-weight: bold;
  margin-bottom: 0.4em;
  display: block;
}

.Footer-contact {
  padding-top: 2em;
}
.Footer-contact:after {
  content: "";
  display: table;
  clear: both;
}

.Footer-column {
  padding-right: 1em;
}

.Footer-column p,
.Footer-column a {
  font-size: 1rem;
}

.Footer-column .pseudo-heading,
.Footer-column .pseudo-heading a {
  font-size: 1.4rem;
}

nav {
  position: relative;
}

.menu {
  margin: 0;
  padding-left: 0;
  list-style-type: none;
  font-size: 1.2rem;
  position: relative;
}

.menu ul {
  font-size: 1rem;
}

.menu > li {
  display: inline-block;
  vertical-align: middle;
}

.menu > li > a,
.language-switcher-language-url a,
.unavailable-language {
  display: block;
  padding: 0.6rem 4px;
  line-height: 1;
}

.unavailable-language {
  font-size: 1rem;
  border: none;
}

.language-text {
  border-bottom: 1px rgb(114, 114, 114) dotted;
}

.language-switcher-language-url .tooltip a {
  display: inline;
  font-size: unset;
  padding: 0;
}

.hsfl-darkmode .language-switcher-language-url .tooltip p {
  color: #000000;
}

.hsfl-darkmode .language-switcher-language-url .tooltip a {
  color: #1E398F;
}

.menu--toplevel {
  font-weight: bold;
  background-color: transparent;
  color: #1E398F;
  font-size: 0.9rem;
}

.menu--toplevel {
  display: flex;
  flex-wrap: wrap;
}

.menu--toplevel > li {
  display: block;
  padding-right: 0.5em;
  width: 50%;
}

.menu--toplevel > li > a:link,
.menu--toplevel > li > a:visited {
  color: #1E398F;
}

.menu--toplevel > .menu-item--active > a:link,
.menu--toplevel > .menu-item--active > a:visited {
  background-color: rgb(170, 221, 249);
}

.menu--nested {
  font-size: 0.8rem;
  margin-top: 0.25em;
  font-weight: normal;
  color: rgb(211, 83, 120);
}

.menu--nested > li > a:link,
.menu--nested > li > a:visited {
  color: rgb(211, 83, 120);
}

.menu--nested > .menu-item--active > a:link,
.menu--nested > .menu-item--active > a:visited {
  font-weight: bold;
}

@media screen and (min-width: 30em) {
  .menu--toplevel {
    flex-wrap: nowrap;
    display: block;
  }
  .menu--toplevel > li {
    width: auto;
    display: inline-block;
  }
  .menu--nested {
    position: absolute;
    width: auto;
    left: 0;
    top: 2em;
  }
  .menu--nested > li {
    display: inline-block;
    width: auto;
  }
}
/*
.menu--bewerbung {background-color: $hs-dunkelblau;}
.menu--studium {background-color: $hs-dunkelblau;}
.menu--hochschule {background-color: $hs-orange;}
.menu--kooperation {background-color: $hs-rosa;}

.menu--bewerbung > .active {background-color: $hs-hellblau;}
.menu--studium > .active{background-color: $hs-orange;}
.menu--hochschule > .active{background-color: $hs-dunkelblau;}
.menu--kooperation > .active{background-color: $hs-dunkelrosa;}
*/
.menu--local {
  border: 1px solid #999999;
  border-radius: 10px;
  display: inline-block;
  margin: 1em 0;
}

.menu--local > li {
  display: block;
}

.menu--footer {
  display: flex;
  flex-wrap: wrap;
}

.menu--footer li {
  list-style-type: none;
}

.menu--footer > li > a {
  display: block;
  padding: 0.4rem 1rem;
  padding-left: 0;
  line-height: 1;
  text-decoration: none;
  font-weight: bold;
}

.menu--footer > li {
  flex: 1 0 auto;
}

.menu--footer > li > ul {
  padding-left: 0;
}

.menu--footer-submenu > li {
  display: block;
}

.menu--footer-submenu > li > a {
  display: block;
  padding: 0.4rem 1rem;
  padding-left: 0;
  line-height: 1;
  text-decoration: none;
}

.menu--footer > .menu--utility > a {
  font-weight: normal;
}

.menu--utility a {
  color: #000000;
  font-size: 1rem;
}

nav#block-utilitymenu,
nav#block-utilitymenuen {
  position: absolute;
  right: 0;
  z-index: 600;
  display: flex;
}

@media screen and (min-width: 42em) {
  .menu--utility {
    font-size: 0.8rem;
    display: flex;
  }
  .menu---utility > li > a {
    color: #999;
  }
  .menu--toplevel {
    font-size: 1rem;
    margin-top: 7.7em;
  }
  #block-mainmenuenglish .menu--toplevel {
    margin-top: 0;
  }
}
@media screen and (min-width: 54em) {
  .menu--toplevel {
    font-size: 1.1rem;
  }
}
#block-hsfl-main-menu .menu--nested {
  margin-top: 4px;
  margin-top: 0.25em;
  z-index: 9999;
}

@media screen and (min-width: 480px) {
  #block-hsfl-main-menu .menu--nested {
    margin-top: 46px;
    margin-top: 3em;
  }
}
@media screen and (min-width: 542px) {
  #block-hsfl-main-menu .menu--nested {
    margin-top: 4px;
    margin-top: 0.25em;
  }
}
@media screen and (min-width: 672px) {
  #block-hsfl-main-menu .menu--nested {
    margin-top: 46px;
    margin-top: 3em;
  }
}
@media screen and (min-width: 969px) {
  #block-hsfl-main-menu .menu--nested {
    margin-top: 4px;
    margin-top: 0.25em;
  }
}
.uk-navbar-nav > li > a {
  font-family: cargan, georgia, serif;
  font-size: inherit;
}

.uk-navbar-nav {
  display: flex;
  align-items: center;
}

.hs-group--logosearch {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.hs-group--logosearch > .hs-search {
  margin-left: auto;
}

.header-group {
  display: flex;
  flex-wrap: wrap;
  max-height: 120px;
}

@media screen and (min-width: 1000px) {
  .header-group {
    max-height: unset;
  }
}
/**
 * Styles for system messages.
 */
.messages {
  background: no-repeat 10px 17px; /* LTR */
  border: 1px solid;
  border-width: 1px;
  border-radius: 4px;
  padding: 15px 20px 15px 35px; /* LTR */
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin-bottom: 1em;
  box-shadow: none;
}

.messages + .messages {
  margin-top: 1.538em;
}

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

.messages__item + .messages__item {
  margin-top: 0.769em;
}

/* See .color-success in Seven's colors.css */
.messages--status {
  color: #325e1c;
  background-color: #f3faef;
  border-color: #c9e1bd; /* LTR */
  background-image: url(icons/73b355/check.svg);
}

/* See .color-warning in Seven's colors.css */
.messages--warning {
  background-color: #fdf8ed;
  background-image: url(icons/e29700/warning.svg);
  border-color: #f4daa6; /* LTR */
  color: #734c00;
}

/* See .color-error in Seven's colors.css */
.messages--error {
  background-color: #fcf4f2;
  color: #a51b00;
  background-image: url(icons/ea2800/error.svg);
  border-color: #f9c9bf; /* LTR */
}

.messages--error p.error {
  color: #a51b00;
}

.user-login-form .form-item-name > label,
.user-login-form .form-item-pass > label,
.user-register-form .form-item-name > label,
.user-register-form .form-item-mail > label,
.user-register-form .form-item-pass-pass1 > label,
.user-register-form .form-item-pass-pass2 > label,
.user-pass .form-item-name > label,
.user-pass .form-item-mail > label {
  display: block;
  margin-top: 1em;
}

.user-login-form .description,
.user-register-form .description,
.user-pass p {
  color: #999;
}

.user-login-form .form-item-name > input,
.user-login-form .form-item-pass > input,
.user-register-form .form-item-name > input,
.user-register-form .form-item-mail > input,
.user-register-form .form-item-pass-pass1 > input,
.user-register-form .form-item-pass-pass2 > input,
.user-pass .form-item-name > input,
.user-pass .form-item-mail > input {
  display: inline-block;
  width: 16em;
  font-size: 1.5em;
  padding: 0.2em;
}

.password-strength {
  width: 16em;
}

.user-login-form .form-actions > input,
.user-register-form .form-actions > input,
.user-pass .form-actions > input {
  width: 16em;
  font-size: 1.5em;
  padding: 0.2em;
}

.user-login-form .form-actions > input[type=submit],
.user-register-form .form-actions > input[type=submit],
.user-pass .form-actions > input[type=submit] {
  margin-top: 1em;
  cursor: pointer;
  padding: 1px 8px;
  margin-bottom: 1em;
  text-align: center;
  font-weight: normal;
  border: 1px solid #7acaf6;
  background: rgb(170, 221, 249);
  color: #1E398F;
  border-radius: 4px;
}

.user-login-form .form-actions > input[type=submit]:hover,
.user-register-form .form-actions > input[type=submit]:hover,
.user-pass .form-actions > input[type=submit]:hover {
  border: 1px solid #152865;
  background: #1E398F;
  color: rgb(170, 221, 249);
}

.user-login-form .form-actions > input[type=submit]:active,
.user-register-form .form-actions > input[type=submit]:active,
.user-register-form .form-actions > input[type=submit]:active {
  border: 1px solid #814375;
  background: rgb(163, 84, 148);
  color: #fff;
}

label {
  display: block;
  margin-top: 1em;
  font-size: 1.2rem;
}

input {
  display: inline-block;
  width: 16em;
  max-width: 100%;
  font-size: 1.5em;
  padding: 0.2em;
}

input[type=submit] {
  margin-top: 1em;
  cursor: pointer;
  padding: 1px 8px;
  margin-bottom: 1em;
  text-align: center;
  font-weight: normal;
  border: 1px solid #7acaf6;
  background: #1E398F;
  color: rgb(170, 221, 249);
  border-radius: 4px;
}

input[type=submit]:hover {
  border: 1px solid #152865;
  background: rgb(170, 221, 249);
  color: #1E398F;
}

input[type=submit]:active {
  border: 1px solid #814375;
  background: rgb(163, 84, 148);
  color: #fff;
}

.form-radio {
  display: inline-block;
  width: 1em;
}

.form-radio + label {
  display: inline-block;
  margin-top: 0.5em;
}

fieldset {
  margin-top: 1em;
}

.bef-exposed-form .form-submit {
  width: 100%;
}

#views-exposed-form-search-api-page-1 input {
  width: unset;
}

#views-exposed-form-search-api-page-1 {
  margin-bottom: 0.5em;
}

#views-exposed-form-search-api-page-1 .js-form-type-textfield,
#views-exposed-form-search-api-page-1 .form-actions {
  display: inline;
}

#views-exposed-form-search-api-page-1 input[type=submit] {
  margin-top: 0.2em;
  margin-bottom: 0;
}

.hs-search {
  margin-top: 1em;
  margin-bottom: 1em;
  clear: both;
  width: 100%;
  top: -50px;
  position: relative;
}

.icon-search-form-close svg polyline {
  stroke: #fff;
}

.hs-search .form-actions input {
  margin: 0 auto;
  display: block;
  background: rgb(170, 221, 249);
  color: #1E398F;
}

.hs-search form {
  display: flex;
  align-self: flex-start;
  flex-wrap: wrap;
}

.hs-search .form-item {
  width: 100%;
}

.hs-search form input {
  width: 100%;
}

.hs-search .form-actions {
  width: 100%;
  margin-left: 16px;
  margin-top: 8px;
}

.js-facet-block-id-inhaltstypen {
  float: left;
  width: 100%;
  margin-bottom: 1em;
}

.js-facet-block-id-inhaltstypen h2 {
  margin-top: 0;
}

.Site-content-search #block-hsfl-content {
  float: left;
  width: 100%;
}

.facets-widget-checkbox ul {
  list-style: none;
  padding: 0;
}

.facets-widget-checkbox label {
  float: left;
  width: 90%;
  margin-top: 0;
}

.facets-widget-checkbox input {
  float: left;
  width: 10%;
  margin-top: 0.3em;
}

.facets-widget-checkbox input {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}

.facets-widget-checkbox label:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  position: relative;
  left: 0;
  top: 4px;
  border: 1px solid #1E398F;
  border-radius: 23px;
  line-height: 22px;
}

.facets-widget-checkbox input[type=checkbox]:checked + label::before {
  content: "✓";
  background-color: rgb(30, 57, 143);
  color: rgb(255, 255, 255);
  text-align: center;
  top: 1px;
}

.facets-widget-checkbox input[type=checkbox]:checked + label:before {
  background: #c39dd2;
  color: #09112b;
}

@media screen and (min-width: 1000px) {
  .hs-search {
    margin-top: 4.2em;
    font-size: 1.2rem;
    position: absolute;
    top: -1em;
    left: 33%;
    width: 35%;
    min-width: 20em;
  }
  .js-facet-block-id-inhaltstypen {
    width: 30%;
    padding-right: 3em;
  }
  .Site-content-search #block-hsfl-content {
    width: 70%;
  }
}
/* --------------- System Tabs  --------------- */
.tabs ul {
  margin-bottom: 1em;
  padding: 0;
}

.tabs ul li a {
  color: #000;
  background-color: #ededed;
  border-color: #bbb;
  border-style: solid solid solid solid;
  border-width: 1px;
  height: 1.8em;
  line-height: 1.9;
  display: block;
  font-size: 0.929em;
  padding: 0 10px 3px;
  margin: 0;
  text-shadow: 0 1px 0 #fff;
  text-decoration: none;
}

.tabs ul .is-active {
  background-color: #fff;
  border-bottom: 1px solid #fff;
}

@media screen and (max-width: 37.5em) { /* 600px */
  .tabs ul {
    border-bottom: 1px solid #bbb;
  }
  .tabs ul li {
    display: block;
    margin: 0;
  }
  .tabs ul li.is-active a {
    border-bottom: none;
  }
}
@media screen and (min-width: 37.5em) { /* 600px */
  .tabs ul {
    border-collapse: collapse;
    height: auto;
    line-height: normal;
    padding: 0 3px;
    overflow: hidden;
    border: none;
    background: transparent url(images/tabs-border.png) repeat-x left bottom;
    white-space: nowrap;
  }
  .tabs ul li {
    display: block;
    float: left; /* LTR */
    vertical-align: bottom;
    margin: 0 5px 0 0; /* LTR */
  }
  [dir=rtl] .tabs ul.primary li {
    margin: 0 0 0 5px;
    float: right;
  }
  .tabs ul li a {
    float: left; /* not LTR */
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
  }
  .tabs ul li.is-active a {
    border-bottom: 1px solid #fff;
  }
}
[aria-hidden=true].tabs__content {
  display: none;
}

.js-tabs.tabs ul li a {
  background-color: #fff;
  border: none;
  border-left: solid #1E398F;
  margin-bottom: 0.2em;
}

.js-tabs.tabs ul li a:hover {
  border-color: #EC6707;
  cursor: pointer;
}

.js-tabs.tabs ul li a[aria-selected=true] {
  border-left: solid #EC6707;
  border-bottom: none;
}

@media screen and (min-width: 37.5em) {
  .js-tabs.tabs ul li a {
    border: none;
    border-bottom: solid #1E398F;
    margin: 0;
  }
  .js-tabs.tabs ul li a[aria-selected=true] {
    border: solid 2px #EC6707;
    border-bottom: none;
  }
}
.Hours,
.Hours-title {
  font-size: 1.2rem;
}

.Hours-title span {
  padding-top: 0.5em;
}

.Hours-day,
.Hours-time {
  display: table-cell;
}

.Hours-day {
  padding-right: 0.5em;
}

.Hours-time {
  text-align: right;
}

.Planinfo {
  margin-bottom: 1em;
}

.Planinfo div {
  font-size: 1.2rem;
}

.semester-info-warpper h2 {
  width: 100%;
}

.semester-info-warpper .Info {
  max-width: 60em;
}

.semester-info-warpper p {
  max-width: unset;
}

@media screen and (min-width: 70em) {
  .Planinfo {
    float: right;
    padding-left: 2em;
    margin-right: -25%;
    max-width: 30em;
  }
}
.Planinfo-detail {
  display: table-row;
}

.Planinfo-detail--headline {
  font-weight: bold;
  display: block;
}

.Planinfo-detail--headline-secound {
  margin-top: 3em;
}

.Planinfo-label,
.Planinfo-content {
  display: table-cell;
  border-bottom: 1px solid #1E398F;
}

.Planinfo-content-strong {
  font-weight: bold;
}

.Planinfo-label {
  padding-right: 0.5em;
}

.Info-detail {
  display: table-row;
}

.Info-detail p {
  max-width: 51em;
}

.Info-detail--headline {
  font-weight: bold;
  display: block;
}

.Info-content--date {
  text-align: right;
}

.Planinfo-list-content-multiple {
  width: 100%;
  display: flex;
}

.Article-pruefungsplan {
  max-width: 100%;
  width: 83%;
}

.Info-detail, .Info-label, .Info-content {
  display: block;
  float: left;
}

.Info-detail {
  width: 100%;
  padding-bottom: 0.9em;
  margin-bottom: 0.9em;
  border-bottom: 2px solid #b3dcf5;
}

.Info-date-wrapper {
  width: 100%;
  display: block;
  float: left;
}

.exam-shedule-wraper .Info-detail:nth-child(1) {
  margin-top: 1em;
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}

.Info-date-wrapper .Info-content:nth-child(2) {
  margin-left: 0.5em;
  margin-right: 0.5em;
}

.Info-label {
  width: 100%;
  padding-right: 0.5em;
}

.Planinfo-detail-first, .Planinfo-detail-inside, .Planinfo-detail-last {
  display: table-row;
}

.Planinfo-label-first {
  padding-right: 0.5em;
}

.Planinfo-label-last,
.Planinfo-content-last {
  display: table-cell;
  border-bottom: 1px solid #2c2f88;
}

.Planinfo-content-first, .Planinfo-content-inside {
  display: table-cell;
}

.Planinfo-label-first,
.Planinfo-label-inside {
  padding-right: 0.5em;
  display: table-cell;
}

.field--label-above.field--pruef-ausschuss,
.Info-content--date time,
.Info-content--date .separator,
.vita-date-range .separator {
  display: block;
  float: left;
}

.Info-content--date .separator,
.vita-date-range .separator {
  padding-left: 0.4em;
  padding-right: 0.4em;
}

#block-hsfl-important-dates-stud-block ul {
  display: flex;
  flex-wrap: wrap;
}

#block-hsfl-important-dates-stud-block ul li {
  width: 100%;
}

@media screen and (min-width: 965px) {
  .Info-label {
    width: 50%;
  }
  .Info-date-wrapper {
    width: 50%;
  }
  .Info-content:nth-child(3) {
    padding-left: 0;
  }
}
.Modulplan {
  list-style-type: none;
}

.Modulplan-titel a {
  font-size: 1rem;
}

.Modulplan-semester {
  list-style-type: disc;
}

.paragraph--type--modulgruppe {
  width: 100%;
  float: left;
}

.wpo-group-name {
  float: left;
}

.wpo-group-name-tag {
  float: left;
  margin-top: 2em;
  padding-left: 1em;
  color: #d44500;
}

.wpo-group-content-wrapper {
  float: left;
  width: 100%;
}

@media screen and (min-width: 900px) {
  .Modulplan {
    clear: both;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .Modulplan-semesterTitle {
    font-size: 1.3rem;
  }
  .Modulplan li {
    margin: 0;
    font-weight: bold;
    font-size: 0.9rem;
    line-height: 1.2em;
    float: left;
    margin-right: 8px;
    width: 24%;
    box-sizing: border-box;
  }
  .Modulplan > li:nth-child(n+5) {
    margin-top: 50px;
  }
  .Modulplan li ul {
    margin-top: 8px;
    padding: 0;
    list-style-type: none;
  }
  .Modulplan li li {
    overflow: hidden;
    border-top: 2px solid #1E398F;
    padding: 2px 0 0 8px;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.2em;
    margin-bottom: 8px;
    width: 100%;
  }
  .Modulplan--sws,
  .Modulplan--sws2,
  .Modulplan--sws3,
  .Modulplan--sws4,
  .Modulplan--sws5,
  .Modulplan--sws6,
  .Modulplan--sws7,
  .Modulplan--sws8,
  .Modulplan--sws9,
  .Modulplan--sws10,
  .Modulplan--sws11,
  .Modulplan--sws12,
  .Modulplan--sws13,
  .Modulplan--sws14 {
    padding-top: 0.5em;
    min-height: 60px;
  }
  span.name {
    display: block;
    font-style: italic;
    color: #fff;
  }
  .Modulplan-sws {
    display: block;
  }
  .wpo-group-content-wrapper .Modulplan li {
    border-top: 2px solid #2c2f88;
    width: 30%;
    min-width: 200px;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.2em;
    min-height: 6em;
  }
}
@media screen and (min-width: 900px) {
  .page-studium-plan #page-wrapper {
    width: 890px;
  }
  .page-studium-plan #page {
    width: 890px;
  }
  .page-studium-plan .plan {
    width: 890px;
  }
}
@media screen and (min-width: 1064px) {
  .page-studium-plan #page {
    margin-left: 85px;
  }
  .page-aimi-plan #page {
    margin-left: 85px;
  }
}
.Subtitle {
  display: block;
  font-size: 0.66em;
  font-weight: normal;
}

.Site-content-search #block-hsfl-page-title {
  width: 100%;
}

.pager {
  clear: both;
  margin-top: 2.5em;
}

.pager__items {
  text-align: center;
}

.pager__item.is-active {
  font-weight: bold;
}

.pager,
.event-pager {
  margin: 1em auto 3em;
  width: 100%;
  float: left;
}

.event-pager {
  margin-top: 2em;
}

.pager a,
.event-pager a {
  padding: 8px 14px;
  background: #e8f2f9;
  text-decoration: none;
}

.pager .is-active a,
.event-pager .is-active a {
  background: #aaddf9;
}

.pager .pager__item,
.event-pager .pager__item {
  padding: 0.1em;
  margin-bottom: 1em;
  display: inline-block;
}

.person-attachment {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
}

.person-attachment div {
  margin-top: 1em;
}

.person-attachment a {
  padding: 3px 10px;
  background: #e8f2f9;
  text-decoration: none;
  margin-right: 4px;
  text-transform: capitalize;
}

.person-attachment a:hover {
  background: #aaddf9;
}

.person-attachment .is-active {
  background: #aaddf9;
}

.video-credits {
  color: #999;
  font-size: 0.9rem;
}

.video-embed-field-lazy-play {
  height: 175px;
  width: 200px;
  left: 43%;
  top: 52%;
  border: none;
  background-position-y: top;
  background-position-x: center;
}

.slide__caption {
  width: 80%;
  margin: 0 auto;
}

.unit-gallary {
  margin-top: 3em;
  margin-bottom: 5em;
}

.slick-dots {
  bottom: -45px;
}

.slick-dots li {
  margin: 0 9px;
}

.slick-dots li button:before {
  color: #EC6707;
}

.slick-dots li.slick-active button:before {
  opacity: 1;
  color: #EC6707;
}

.slick-arrow::before {
  color: #EC6707;
  opacity: 1;
}

.paragraph--type--alumni-gallary {
  margin-top: 3em;
  margin-bottom: 5em;
}

.paragraph.paragraph--type--research-project-gallary h2 {
  margin-top: 3em;
}

.paragraph--type--research-project-gallary {
  margin-bottom: 5em;
}

.slick--skin--classic .slide__caption {
  background-color: rgb(170, 221, 249);
  color: #000000;
}

.slick--skin--classic .slide__caption,
.slick--skin--classic .slide__caption .slide__description {
  max-height: none;
  overflow-y: visible;
  overflow: visible;
}

.slide__media {
  height: 600px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.slide__media .media__element {
  max-height: unset;
  max-width: 100%;
  width: auto;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  position: relative;
  left: auto;
  transform: none;
}

.slide__caption {
  display: block;
  position: relative;
  width: 80%;
  margin: 10px auto 0;
  z-index: 5;
}

.slide__content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.slick--initialized .slick__arrow {
  visibility: visible;
}

@media screen and (min-width: 780px) {
  .Article button.slick-prev.slick-arrow, .paragraph--type--alumni-gallary button.slick-prev.slick-arrow {
    left: -42px;
  }
  .Article button.slick-next.slick-arrow, .paragraph--type--alumni-gallary button.slick-next.slick-arrow {
    right: -42px;
  }
  .paragraph--type--alumni-gallary {
    padding-left: 2em;
    padding-right: 2em;
  }
}
@media (min-width: 64em) {
  .slick--skin--classic .slide__caption {
    padding: 30px 30px;
    width: 100%;
    margin-top: 20px;
    position: relative;
    background-color: rgb(170, 221, 249);
    color: #000000;
    max-height: none;
    overflow: visible;
  }
  .slick--initialized .slick__arrow {
    visibility: visible;
  }
  .slide__media {
    height: 600px;
  }
  .slide__media .media__element {
    max-height: 600px;
  }
}
.slide__caption,
.slide__description {
  max-height: none;
  overflow: visible;
}

.select2-container {
  max-width: 100%;
}

#views-exposed-form-partnerhochschulen-block-1 {
  display: flex;
  flex-wrap: wrap;
}

.partner-view {
  float: left;
  width: 100%;
}

.partner-view ul {
  float: left;
  width: 100%;
}

.partner-view .form-item-studiengang, .partner-view .form-item-field-land-target-id {
  float: left;
  width: 100%;
}

.partner-view .form-item-studiengang select, .partner-view .form-item-field-land-target-id select {
  float: left;
  width: 100%;
}

.partner-view #edit-field-land-target-id {
  font-size: 1rem;
  float: left;
  width: 100%;
}

#views-exposed-form-partnerhochschulen-block-1 .form-wrapper {
  width: 100%;
  float: left;
}

#views-exposed-form-partnerhochschulen-page-2 #edit-actions,
.partner-view #edit-actions {
  float: left;
  width: 100%;
}

#views-exposed-form-partnerhochschulen-page-2 #edit-actions input,
.partner-view #edit-actions input, .partner-view .form-submit {
  max-width: 200px;
}

.ap-list-item {
  float: left;
  width: 100%;
}

.ap-region {
  float: left;
  width: 100%;
}

.ap-country {
  border-bottom: 1px solid #1E398F;
  font-size: 1.3rem;
}

.views-field-field-restplatzboerse ul li {
  margin-top: 0.4em;
  float: left;
  width: 100%;
}

.remaining-places-wrapper {
  float: left;
  width: 100%;
}

.remaining-places-wrapper .field__label-above {
  color: #d35479;
}

.partner-view .views-field-title {
  float: left;
  width: 100%;
}

.paragraph--type--restplatzboerse {
  float: left;
  width: 100%;
}

.paragraph--type--restplatzboerse ul {
  list-style: none;
  padding: 0;
  border-bottom: 1px #1E398F solid;
}

.views-field-field-restplatzboerse {
  float: left;
  width: 100%;
}

.views-field-field-restplatzboerse ul {
  margin-bottom: 1em;
  float: left;
  width: 100%;
}

@media screen and (min-width: 410px) {
  .remaining-places-wrapper {
    width: 33.33%;
  }
}
@media screen and (min-width: 700px) {
  .partner-view .form-item {
    padding: 1em;
    width: 50%;
  }
  .partner-view .form-item-studiengang {
    padding-left: 0;
  }
  .partner-view .form-item-name {
    padding-right: 0;
  }
}
.info-badge {
  color: #1E398F;
  border: solid 2px #1E398F;
  padding: 0.3em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin-top: 1em;
  max-width: 295px;
  font-family: cargan, georgia, serif;
  font-weight: bold;
}

.field--mood-stud {
  max-height: 500px;
  overflow: hidden;
}

.Article-stud .Planinfo {
  margin-right: 0;
}

.Article-stud-interest h2, .Article-stud-interest h3 {
  color: #1E398F;
}

#block-fachlichestudienberatung h2 {
  color: #2c2f88;
}

#block-fachlichestudienberatung .Person:nth-child(3n+1),
#block-fachlichestudienberatung .Person:nth-child(2n+1) {
  clear: none;
}

#block-fachlichestudienberatung.Card {
  margin: auto;
}

.stud-interest-color {
  color: #1E398F;
}

.stud-interest-bcolor {
  background: #1E398F;
}

.stud-color, .stud-color h3 {
  color: #EC6707;
}

.stud-bcolor {
  background: #EC6707;
}

.general-color, .general-color h3 {
  color: #1E398F;
}

.more-stud-wrapper {
  margin-bottom: 2em;
  display: flex;
}

.more-stud-wrapper .btn-call-to-action, .more-stud-interest-wrapper .btn-call-to-action, .more-stud-text {
  float: left;
}

.more-stud-wrapper .btn-call-to-action, .more-stud-interest-wrapper .btn-call-to-action {
  padding-left: 0;
}

.more-stud-wrapper .btn-call-to-action a, .more-stud-interest-wrapper .btn-call-to-action a {
  margin: 0;
  padding: 0;
  border: solid 2px #ffffff;
}

.more-stud-text h2 {
  margin-top: 0.2em;
  margin-right: 0.6em;
  font-size: 1.1rem;
  margin-bottom: 0;
  color: #1E398F;
}

.jetztbewerben-text .btn-call-to-action a,
.more-stud-text .btn-call-to-action a {
  margin: 0;
}

.jetztbewerben-text,
.stud-image-text {
  display: flex;
}

.jetztbewerben-text h2 {
  float: left;
  margin-top: 0;
  padding-top: 0.6em;
  padding-right: 1em;
}

.jetztbewerben-text .btn-call-to-action a, .more-stud-text .btn-call-to-action a {
  float: left;
  margin: 0;
}

.more-stud-interest-text h2 {
  margin-top: 0.2em;
  color: #1E398F;
  font-size: 1.2rem;
  margin-bottom: 0;
}

.more-stud-interest-wrapper .btn-call-to-action a {
  background: #1E398F;
  margin: 0;
  padding: 0;
}

.more-stud-interest-text, .more-stud-text {
  float: left;
  width: 100%;
}

.stud-nav h2,
.Planinfo-wrapper h2,
.course-extras-wrapper > div h2:first-child,
h2#allgemein {
  margin-top: 0;
}

.Planinfo-wrapper-50 h2,
.Planinfo-wrapper-60 h2,
.Planinfo-wrapper-70 h2,
.Planinfo-detail.Planinfo-detail--headline {
  margin-top: 0;
}

.Planinfo-wrapper-50 div,
.Planinfo-wrapper-60 div,
.Planinfo-wrapper-70 div,
.Planinfo-wrapper-50 .Planinfo-list-label,
.Planinfo-wrapper-60 .Planinfo-list-label,
.Planinfo-wrapper-70 .Planinfo-list-label {
  font-size: 1.2rem;
}

.more-stud-wrapper a {
  background: #EC6707;
}

.more-stud-wrapper .btn-call-to-action:hover a {
  background: #fff;
  color: #EC6707;
  font-weight: bold;
  border: solid 2px #EC6707;
  transition: all 0.5s;
}

.more-stud-interest-wrapper .btn-call-to-action:hover a,
.stud-interest-color .btn-call-to-action:hover a {
  background: #fff;
  color: #1E398F;
  font-weight: bold;
  border: solid 2px #1E398F;
  transition: all 0.5s;
}

.Studiengangsmeldung-Intro-text {
  margin-top: 1em;
}

#block-fachlichestudienberatung {
  width: 100%;
  margin-top: 3em;
}

.projects-filter-wrapper,
.gallary-wrapper,
.media-video-wrapper {
  width: 100%;
  margin-bottom: 2em;
}

.media-video-wrapper {
  margin-top: 2em;
  margin-bottom: 2em;
}

.Article-stud .Article,
.Article-stud-interest .Article {
  width: 100%;
}

.Article-stud-interest h1 {
  margin-top: 1em;
}

.tv-wrapper,
.Card--list li {
  width: 100%;
}

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

.Card--list figure {
  margin: 0;
}

li.list-shift {
  list-style-type: disc;
  margin-left: -23px;
  margin-bottom: -9px;
}

#block-views-block-studiengaenge-block-18,
#block-views-block-studiengaenge-block-19 {
  width: 100%;
}

.open-course-wrapper .Section {
  float: left;
  width: 100%;
  padding-right: 2em;
  clear: none;
}

.course-extras-wrapper .Card {
  width: 100%;
  margin-right: 0;
}

.Article-stud-interest h2,
.Article-stud-interest h3 {
  width: 100%;
}

.stud-wrapper {
  display: flex;
  max-width: 1920px;
  margin: auto;
}

.stud-person {
  text-align: right;
  margin-left: auto;
}

.stud-nav {
  width: 100%;
  min-height: 380px;
}

.stud-nav ul {
  list-style: none;
  padding: 0;
}

.btn--anchor .svg-icon {
  width: 25px;
  position: relative;
  left: -10px;
  top: 4px;
}

.sticky-left .btn--anchor .svg-icon {
  left: -15px;
}

.link--anchor.btn--anchor a:hover .svg-icon path {
  fill: #000000;
}

.link--anchor.btn--anchor {
  margin-bottom: 0.4em;
  padding-right: 1em;
}

.link--anchor.btn--anchor a {
  color: #fff;
  background: #1E398F;
  padding: 0.3em 1em;
  width: 100%;
  display: block;
  border: solid 1px transparent;
  text-decoration: none;
}

.link--anchor.btn--anchor a:hover {
  color: #000000;
  background: rgb(170, 221, 249);
  border-color: #000000;
}

.Planinfo-full {
  width: 100%;
}

.Planinfo-list {
  list-style: none;
  padding: 0;
}

.Planinfo-list-detail,
.Planinfo-list-detail-last {
  border-bottom: 1px solid #1E398F;
  display: flex;
  padding: 4px 0 4px;
}

.Planinfo-list li.Planinfo-list-detail-first {
  border-bottom: none;
}

.Planinfo-list-label,
.Article-stud-interest h3.Planinfo-list-label {
  width: 23%;
  display: block;
  margin: 0;
  font-size: 1.3rem;
}

.Planinfo-list-content,
.Planinfo-list-content-last {
  margin-top: -3px;
  margin-bottom: 0;
  flex: 100%;
}

.Planinfo-list li.no-border {
  border-bottom: none;
}

.Planinfo-list-detail .Planinfo-detail-first,
.Planinfo-list-detail .Planinfo-detail-inside,
.Planinfo-list-detail .Planinfo-detail-last {
  border-bottom: none;
}

.Planinfo-label-last-no-border {
  display: table-cell;
  border-bottom: none;
}

.no-padding {
  padding: 0;
}

.Planinfo-list-detail .rating {
  margin-right: 0.5em;
}

.Planinfo-list-detail .report-widget__item-rating {
  display: flex;
}

.row-coa {
  padding: 2em;
  margin-top: 4em;
  margin-bottom: 4em;
  text-align: center;
  color: #fff;
}

.row-coa.ta-left {
  text-align: left;
}

.row-coa p {
  margin: auto auto 1em;
}

.row-coa .btn-call-to-action a {
  margin: auto;
  white-space: nowrap;
  display: table;
}

.row-coa h2 {
  margin-top: 0;
  font-size: 1.6rem;
}

.row-coa h3 {
  font-size: 1.4rem;
}

.row-coa .jetztbewerben-text {
  margin: 0 auto;
}

.row-coa-blue-light {
  background: #dcf1fc;
}

.row-coa-orange .btn-call-to-action a {
  background: #1E398F;
}

.Article-with-sidebar {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0 8px;
}

.Article-sidebar, .Article-main {
  width: 100%;
}

.Container.Article {
  margin-left: auto;
}

.Article-stud-interest .Container.Article,
.Article-main,
#block-fachlichestudienberatung.Card,
.Article-sidebar,
.Container-pdl {
  padding-left: 3em;
}

.Article-major .Article-stud-interest .Container.Article,
.Article-major .Article-main,
.Article-major #block-fachlichestudienberatung.Card,
.Article-major .Article-sidebar, .Container-pdl {
  padding: 1em;
}

.course-extras-wrapper .btn-call-to-action-mobile {
  margin-left: -1.5em;
}

.Container.stud-mood,
.Article-stud-interest .Container.Article.no-padding {
  padding: 0;
}

.field--mood-stud,
.field--mood-stud figure,
.field--mood-stud img {
  width: 100%;
}

.row-coa .item-list ul:first-child {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
}

.row-coa .item-list ul li {
  flex: 1 0 100%;
}

.row-coa .Intro-text {
  color: #000000;
}

.sticky-left {
  position: fixed;
  left: 0;
  top: 140px;
  z-index: 10;
  transition: 1s;
}

.sticky-left li {
  width: 34px;
  height: 50px;
  overflow: hidden;
  white-space: nowrap;
  transition: all 0.5s;
}

.sticky-left li:hover {
  width: 100%;
}

.sticky-left .link--anchor.btn--anchor a {
  border: solid 2px #fff;
  border-left: none;
  overflow: hidden;
}

.sticky-left .link--anchor.btn--anchor a:hover {
  border-color: #1E398F;
}

.sticky-left li a:before {
  top: 2px;
  left: -8px;
}

.paragraph.paragraph--type--schedule-codes.paragraph--view-mode--default {
  margin-top: 1.3em;
}

.field--mood-stud {
  position: relative;
  max-height: 500px;
}

.row-coa-blue-light ul {
  color: #000000;
  text-align: left;
}

.row-coa .col-2 {
  width: 100%;
}

.row-coa .col-2 h2 {
  font-size: 2rem;
  text-align: left;
}

/*
delete
.stud-mood-intro {
  background: $hs-orange;
  padding: 1em;
  width: 100%;
  text-align: center;
}
.stud-mood-intro h1 {
  color: $black;
}*/
.stud-mood-cta {
  width: 100%;
}

.stud-mood-cta h2,
.stud-mood-cta div {
  padding: 0;
}

.stud-mood-cta h2 {
  background: #fff;
  margin-bottom: 0;
}

.stud-mood-cta div {
  margin: 0.4rem;
  font-size: 2rem;
}

.stud-mood-cta .jetztbewerben-text {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}

.stud-mood-cta #block-views-block-custom-block-jetztbewerben--2 {
  width: 100%;
}

.stud-mood-cta #block-views-block-custom-block-jetztbewerben--2 > div {
  display: inline-block;
}

.stud-mood-cta #block-views-block-custom-block-jetztbewerben {
  margin: auto auto 1em;
}

.Card--list-col-4 li {
  width: 100%;
}

.course-extras-wrapper section {
  width: 100%;
}

.stud-coop-text {
  background: #fff;
}

@media screen and (min-width: 601px) {
  .course-extras-wrapper .btn-call-to-action-mobile {
    margin-left: 0;
  }
}
@media screen and (min-width: 42em) {
  #block-views-block-studiengaenge-block-18,
  #block-views-block-studiengaenge-block-19,
  .Card--list-col-4 li,
  .Card--list-col-4 li.Card {
    width: 49%;
    margin: 0.5%;
  }
  .open-course-wrapper .Section {
    width: 50%;
  }
  .stud-mood figure {
    max-height: 30em;
    overflow: hidden;
  }
  .field--mood-stud {
    position: relative;
  }
  .Container .stud-nav {
    width: 50%;
  }
  .Container .Planinfo-wrapper {
    width: 50%;
  }
  .row-coa .item-list ul li {
    flex: 1 0 47%;
  }
  .row-coa .col-2 {
    width: 50%;
  }
  .row-coa .col-2:nth-child(1) {
    padding-right: 0.5em;
  }
  .row-coa .col-2:nth-child(2) {
    padding-left: 0.5em;
  }
}
@media screen and (min-width: 54em) {
  .Planinfo-wrapper {
    padding-left: 2em;
  }
  .Planinfo-list-content,
  .Planinfo-list-content-last {
    flex: 50%;
  }
  #block-views-block-studien-ordnungen-block-1 {
    margin-left: 16.6666666667%;
    width: 66.6666666667%;
  }
  .Article-sidebar .course-extras-wrapper {
    padding-left: 1.5em;
  }
  .Article-main {
    padding-right: 1em;
    margin-right: 3%;
    width: 50%;
  }
  .Article-sidebar {
    padding: 0 1em 1em 0;
    width: 37%;
  }
  .Article-sidebar .course-extras-wrapper {
    border-left: solid 1px #EC6707;
  }
  .Article-main {
    width: 60%;
  }
  .stud-mood-intro {
    position: absolute;
    top: 15%;
    right: 5%;
    transform: rotate(-6deg);
    width: auto;
  }
  .stud-mood-cta {
    position: absolute;
    right: 4%;
    bottom: 20px;
    transform: rotate(-4deg);
    width: auto;
  }
  .stud-mood-cta.stud-mood-cta-top {
    bottom: unset;
    top: 75px;
  }
  .stud-mood-cta #block-views-block-custom-block-jetztbewerben--2 {
    transform: rotate(-4deg);
    position: relative;
    top: -10px;
  }
  .stud-mood-cta .jetztbewerben-text,
  .stud-mood-cta .stud-coop-text {
    max-width: 13em;
  }
  .stud-mood-cta .stud-coop-text {
    margin-bottom: 6rem;
  }
}
@media screen and (max-width: 54em) {
  .stud-coop-text {
    display: none;
  }
}
@media screen and (min-width: 1300px) {
  .Container .stud-nav {
    width: 30%;
  }
  .Container .Planinfo-wrapper {
    width: 70%;
  }
  .row-coa h2 {
    font-size: 2.5rem;
  }
  .Container .stud-nav-50 {
    padding-right: 20px;
    width: 50%;
  }
  .Container .Planinfo-wrapper-50 {
    padding-left: 20px;
    width: 50%;
  }
  .Container .stud-nav-40 {
    padding-right: 20px;
    width: 40%;
  }
  .Container .Planinfo-wrapper-60 {
    padding-left: 20px;
    width: 60%;
  }
  .Container .stud-nav-30 {
    padding-right: 20px;
    width: 30%;
  }
  .Container .Planinfo-wrapper-70 {
    padding-left: 20px;
    width: 70%;
  }
}
@media screen and (min-width: 81em) {
  .row-coa .item-list ul li {
    flex: 1 0 20%;
  }
  .Card--list-col-4 li,
  .Card--list-col-4 li.Card {
    width: 24%;
  }
}
@media screen and (min-width: 1500px) {
  .Article-stud-interest .Container.Article,
  .Article-main,
  .Container-pdl,
  #block-fachlichestudienberatung.Card {
    padding-left: 8px;
  }
}
.study-thesis span.views-label {
  font-weight: bold;
  color: #1E398F;
}

.Card .study-thesis a {
  color: #1E398F;
}

.study-thesis .field-content {
  display: inline-block;
}

.study-projects-view .Card figure {
  margin: 0 0 0.6em;
}

.study-projects-view .Card {
  margin-top: 2em;
}

.lab-cards-wrapper .field--label-hidden {
  width: 100%;
}

.paragraph--type--technical-specifications {
  width: 100%;
}

.Technical-sp-info, .Technical-sp-value {
  width: 100%;
}

.Technical-sp-info {
  font-weight: bold;
}

@media screen and (min-width: 600px) {
  .Technical-sp-info, .Technical-sp-value {
    width: 50%;
  }
  .paragraph--type--information {
    display: flex;
  }
  .Technical-sp-info {
    font-weight: normal;
  }
}
h2.magazine-detail {
  margin: unset;
}

.magazine-black,
.magazine-black p,
.magazine-black h1,
.magazine-black h2,
.magazine-black h3,
.magazine-black h4,
.magazine-black ul,
.magazine-black li,
.magazine-black span,
.magazine-black div,
.magazine-black strong {
  color: #000000;
}

.article-navigation {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: nowrap;
  gap: 20px;
  margin: 30px 0;
  width: 100%;
}

.article-navigation-two > * {
  flex: 0 0 calc(50% - 10px);
}

.article-navigation-tree > * {
  flex: 0 0 calc(33% - 10px);
}

.btn-magazine {
  padding: 15px 25px;
  border-radius: 5px;
  transition: all 0.3s ease;
  text-decoration: none;
}

.btn-magazine-outline {
  background-color: #fff;
  border: 2px solid #1E398F;
  color: #1E398F;
}

.btn-magazine .field--label-hidden {
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 1.4;
  color: inherit;
  flex-grow: 0;
}

.btn-magazine-text {
  display: block;
  margin-top: 6px;
  font-size: 0.8rem;
  color: #4a5568;
  font-weight: normal;
  transition: all 0.3s ease;
}

.magazine-nav {
  width: 50%;
}

.magazine-nav ul {
  list-style: none;
  padding: 0;
}

.magazine-black .Card-title {
  padding-left: 0;
  padding-right: 0;
}

.btn-magazine:hover {
  background-color: #EC6707;
  border-color: #EC6707;
  color: #fff;
}

.btn-magazine:hover .btn-magazine-text {
  color: #fff;
}

.btn-magazine:focus {
  outline: 3px solid #2563eb;
  outline-offset: 2px;
}

/* Platzhalter für fehlende Buttons */
.btn-placeholder {
  display: flex;
  height: 100%;
  box-sizing: border-box;
}

.Article-image figure {
  margin: 1rem 0 1rem 0;
}

.Article-image .Image-caption {
  color: #1E398F;
  font-weight: bold;
  font-size: 1rem;
}

.Container.magazine-article {
  padding: 0;
}

.Article-main-magazine {
  padding-left: unset;
}

/* Responsive */
@media (max-width: 768px) {
  .article-navigation {
    flex-direction: column;
    flex-wrap: wrap;
  }
  .btn-magazine,
  .magazine-nav {
    width: 100%;
  }
  .magazine-black .Card-title {
    font-size: 1.2rem;
  }
  .magazine-black h2 {
    font-size: 1.6rem;
  }
  .btn-magazine-text {
    display: none;
  }
  .btn-magazine .field--label-hidden br {
    display: none;
  }
}
@media (min-width: 769px) {
  .btn-magazine-text {
    display: block;
  }
  .btn-magazine .field--label-hidden br {
    display: inline;
  }
}
/* Layout Components prefixed with short Version!
*/
.L-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: 0 8px;
  max-width: 70em;
  outline: 1px dotted rgb(170, 221, 249);
}

.L--flipOrder {
  display: flex;
  flex-direction: column-reverse;
}

.L--flipOrder > p:last-child {
  margin-bottom: 0;
}

.uk-breadcrumb {
  margin-bottom: 1em;
}

/* Grid inspired by UI-Kit */
.G-row {
  display: flex;
  flex-wrap: wrap;
  /* 1 */
  margin: 0;
  padding: 0;
  list-style: none;
}

.G-row:before,
.G-row:after {
  content: "";
  display: block;
  overflow: hidden;
}

.G-row:after {
  clear: both;
}

.G-row > * {
  /* 2 */
  margin: 0;
  /* 3 */
  float: left;
}

.label-bold span.views-label {
  font-weight: bold;
}

/* LP 2 Boxes... */
.HP-flex .layout__region--second {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: normal;
  align-content: normal;
}

.flex-sb-items:nth-child(1) {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
}

.flex-sb-items:nth-child(2) {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
}

/*
 * Remove margin from the last-child
 */
.G-row > * > :last-child {
  margin-bottom: 0;
}

.G-row {
  margin-left: -16px;
}

.G-row > * {
  padding-left: 16px;
}

.G-row--debug > * {
  outline: 1px dotted rebeccapurple;
}

/* Desktop and bigger */
@media (min-width: 54em) {
  .G-push-large-4-12 {
    margin-left: 33.3333333333%;
  }
}
.Grid {
  margin-bottom: 1em;
  width: 100%;
}

.Grid-row {
  display: table-row;
}

.Grid-row--headline {
  font-weight: bold;
  display: block;
}

.Grid-label,
.Grid-content {
  display: table-cell;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #bbc8f1;
}

.Grid-row--noline > * {
  border-bottom: 1px solid transparent;
}

.Grid-label {
  padding-right: 2em;
}

.Schedule-Table-Wrapper {
  float: left;
  width: 100%;
  margin-top: 3em;
  margin-bottom: 3em;
}

.Schedule-Table {
  width: 100%;
  list-style: none;
  padding: 0;
}

.Schedule-Table .Session-Organizer,
.Schedule-Table-Wrapper .Schedule-Legend dt, .legend-hide {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

.Schedule-Table-Wrapper .Schedule-Legend dd {
  margin: 0;
}

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

.Schedule-Table ul li {
  padding: 0.3em;
  padding-top: 0.1em;
}

.Schedule-Row ul li {
  border-top: solid 1px #EC6707;
}

.hs-lila h4,
.hs-lila a {
  color: #fff;
}

.hs-lila a {
  text-decoration-color: #fff;
}

.hs-lila a:hover {
  color: #1E398F;
}

.Schedule-Table .hs-lila {
  background: rgb(107, 62, 145);
  color: #fff;
  border-top-color: #fff;
}

.Schedule-Table .hs-light-blue {
  background: rgb(170, 221, 249);
  border-top-color: #fff;
}

.Schedule-Legend, .Schedule-Notice {
  float: left;
  width: 100%;
  padding: 0;
}

.Schedule-Legend {
  margin-bottom: 2em;
}

.Schedule-Timeslot {
  width: 100%;
}

.Schedule-Table .no-border {
  border: none;
}

.hs-lila-box:before, .hs-light-blue-box:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  position: relative;
  top: 2px;
  margin-right: 5px;
}

.hs-lila-box:before {
  background: rgb(107, 62, 145);
}

.hs-light-blue-box:before {
  background: rgb(170, 221, 249);
}

.euf-white-box:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  position: relative;
  top: 2px;
  margin-right: 5px;
}

.euf-white-box:before {
  border: solid 1px #EC6707;
}

@media screen and (max-width: 839px) {
  .Schedule-Row ul li:nth-child(2) {
    border: none;
  }
  .Shedule-no-color .Schedule-Row ul li:nth-child(2) {
    border-top: solid 1px #EC6707;
  }
  .Schedule-Table {
    padding: 0.1em;
  }
  .Schedule-Table ul {
    margin-bottom: 2em;
  }
}
@media screen and (min-width: 840px) {
  .Schedule-Table .hidden-desktop, .Schedule-Table .u-linerised, .Schedule-Table .session-room-number {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
  }
  .Schedule-Table {
    float: left;
    width: 100%;
    padding: 0;
  }
  .Schedule-Table .Schedule-Row:first-child ul p {
    position: relative;
  }
  .Schedule-Legend {
    margin-bottom: 3em;
  }
  .Schedule-Timeslot {
    float: left;
    display: flex;
    width: 14%;
    border-top: solid 1px #EC6707;
  }
  .Schedule-Table ul {
    float: left;
    display: flex;
    width: 86%;
  }
  .Schedule-Row ul li {
    float: left;
  }
  .plan-room-header {
    position: absolute;
    top: -34px;
    left: 0;
  }
  span.plan-room-header {
    color: rgb(163, 84, 148);
    font-weight: bold;
  }
  .Schedule-Row {
    float: left;
    display: flex;
    width: 100%;
  }
  .Schedule-Row ul li:nth-child(1) {
    width: 32%;
  }
  .Schedule-Row ul li:nth-child(2) {
    width: 28%;
  }
  .Schedule-Row ul li:nth-child(3) {
    width: 23%;
  }
  .Schedule-Row ul li:nth-child(4) {
    width: 17%;
  }
}
.paragraph--type--schedule,
.paragraph--type--period {
  float: left;
  width: 100%;
  padding-bottom: 1em;
}

.Schedule-Table-Wrapper-Event {
  float: left;
  width: 100%;
  margin-top: 3em;
  margin-bottom: 3em;
}

.Schedule-Table-Event {
  width: 100%;
  list-style: none;
  padding: 0;
}

.Schedule-Table-Event .Session-Organizer,
.Schedule-Table-Wrapper-Event .Schedule-Legend dt,
.legend-hide {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

.Schedule-Table-Wrapper-Event .Schedule-Legend dd {
  margin: 0;
}

.Schedule-Timeslot-Event-Time,
.Schedule-Timeslot-Event-Room {
  float: left;
  width: 100%;
}

.Schedule-Table-Event ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.Schedule-Table-Event .paragraph--type--shedule-agenda-item,
.Schedule-Table-Event .paragraph--type--shedule-event {
  padding: 0.3em;
  padding-top: 0.1em;
}

.link-seperator {
  display: block;
  color: #fff;
}

.Schedule-Legend-Event,
.Schedule-Notice-Event {
  float: left;
  width: 100%;
  padding: 0;
}

.Schedule-Legend-Event {
  margin-bottom: 2em;
}

.Schedule-Timeslot-Event {
  width: 100%;
}

.Schedule-Table-Event .no-border {
  border: none;
}

.field-schedule-agenda-name,
.Schedule-Period-Item-Title {
  font-weight: bold;
}

.Agenda-Involved-Item:first-child {
  padding-left: 0;
}

.Schedule-Period-Wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.Schedule-Period-Item {
  width: 100%;
  padding-bottom: 1em;
}

.paragraph--schedule-mode-single .Schedule-Period-Item {
  border-top: solid 1px #EC6707;
}

.field-schedule-agenda-location,
.field-schedule-agenda-name-desc,
.field-schedule-agenda-involved {
  float: left;
  width: 100%;
}

.Schedule-Period-Item-Title a {
  color: #6b3e91;
}

.Schedule-Period-Items-4 .Schedule-Period-Item:nth-child(n+5) {
  border-top: solid 1px #EC6707;
}

.Schedule-Period-Items-1,
.Schedule-Period-Items-2 .Schedule-Period-Item,
.Schedule-Period-Items-3 .Schedule-Period-Item,
.Schedule-Period-Items-4 .Schedule-Period-Item {
  float: left;
  width: 100%;
}

@media screen and (max-width: 839px) {
  .Schedule-Table-Event {
    padding: 0.1em;
  }
  .Schedule-Period-Item {
    border-top: 1px solid #EC6707;
    width: 100%;
  }
  .field-schedule-agenda-hidden {
    display: none;
  }
}
@media screen and (min-width: 840px) {
  .Schedule-Table-Event .hidden-desktop,
  .Schedule-Table-Event .u-linerised,
  .Schedule-Table-Event .session-room-number {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
  }
  .Schedule-Table-Event {
    float: left;
    width: 100%;
    padding: 0;
  }
  .Schedule-Table-Event .Schedule-Row-Event:first-child ul p {
    position: relative;
  }
  .Schedule-Legend-Event {
    margin-bottom: 3em;
  }
  .Schedule-Timeslot-Event {
    float: left;
    display: flex;
    flex-wrap: wrap;
    width: 10%;
    border-top: solid 1px #EC6707;
  }
  .Schedule-Content-Event {
    float: left;
    display: flex;
    width: 90%;
  }
  .Schedule-Period-Item:nth-child(1) {
    border: none;
  }
  .Schedule-Row-Event ul li {
    float: left;
  }
  ul li.Agenda-Involved-Item {
    float: none;
  }
  .field-schedule-agenda-name-desc {
    padding-left: 10px;
    padding-right: 10px;
  }
  .Schedule-Row-Event {
    float: left;
    display: flex;
    width: 100%;
  }
  .Schedule-Period-Wrapper {
    border-top: solid 1px #1E398F;
  }
  .paragraph--schedule-mode-single .field-schedule-agenda-location {
    width: 20%;
  }
  .paragraph--schedule-mode-single .field-schedule-agenda-name-desc {
    width: 45%;
  }
  .paragraph--schedule-mode-single .field-schedule-agenda-involved {
    width: 35%;
  }
  .paragraph--schedule-mode-multi .Schedule-Period-Items-2 .Schedule-Period-Item {
    width: 50%;
  }
  .paragraph--schedule-mode-multi .Schedule-Period-Items-3 .Schedule-Period-Item {
    width: 33.33%;
  }
  .paragraph--schedule-mode-multi .Schedule-Period-Items-4 .Schedule-Period-Item {
    width: 25%;
  }
}
.termine-wrapper, .termin-wrapper {
  float: left;
  width: 100%;
}

.termin-start, .termin-end {
  float: left;
}

.Card.Card-2-fields {
  float: left;
}

#block-views-block-meldungen-block-11 {
  border-top: 1px solid #6b3e91;
  margin-top: 4em;
  max-width: 430px;
}

.more-link {
  font-size: 1rem;
}

.more-link-symbol {
  font-weight: bold;
  color: #EC6707;
}

.meldung--teaser a:hover .Card-title,
.meldung--no-heading a:hover {
  background: rgb(170, 221, 249);
}

.meldung--teaser {
  border-top: 1px solid #EC6707;
  margin-bottom: 0.7em;
}

.meldung--teaser .Card-meta {
  font-weight: bold;
}

.meldung--teaser p {
  margin-bottom: 0;
}

.meldung--teaser a {
  text-decoration: none;
  display: block;
  color: #1E398F;
  background: none;
}

.meldung--teaser .Card-title {
  font-size: 1.2rem;
}

.meldung--teaser.meldung--teaser-large a {
  padding: 0.25em 0 0;
  background: none;
}

.meldung--teaser-large figure {
  margin: 0;
}

.Intro-text--small {
  font-weight: normal;
}

.meldung-wrapper .Card--floating:nth-of-type(2n+1) {
  clear: unset;
}

.meldung--teaser h3 {
  margin: 0;
  font-size: 1.3rem;
  padding: 0.25em 0 0;
}

.meldung--teaser a[href^="https:"]:before, .meldung--teaser a[href^="http:"]:before {
  content: unset;
}

div.extern-event,
.event-ort,
.event-time {
  color: #1E398F;
  font-weight: normal;
  display: inline-block;
}

.event-ort {
  color: #1E398F;
}

div.extern-event:before {
  content: "↗ ";
  display: inline;
  font-weight: normal;
}

p.meldung--update-date {
  font-weight: bold;
  margin-top: 2em;
}

h2.meldung--update-heading {
  margin: 0;
}

.project-offer h2 {
  margin: 0;
}

.project-offer-header {
  float: left;
  width: 100%;
  margin-top: 3em;
}

.Card--thesis {
  border: none;
}

.project-offer a:link {
  text-decoration: none;
}

.article-magazine,
.article-magazine p {
  color: black;
}

.article-aktuelles .paragraph,
.article-magazine .paragraph {
  margin-top: 2em;
}

.paragraph--type--aktuelles-gallary {
  margin-bottom: 5em;
}

blockquote {
  font-style: italic;
  display: inline-block;
  max-width: 500px;
  margin: 0;
  margin-top: 0.25em;
  margin-bottom: 0.25em;
  padding: 0.6em;
  padding-left: 1.6em;
  padding-right: 1.6em;
  line-height: 1.45;
  position: relative;
  color: #d44500;
}

cite {
  color: #1E398F;
  font-weight: bold;
  font-size: 1rem;
  display: block;
  margin-top: 5px;
}

cite:before {
  content: "— ";
  color: #1E398F;
}

.article-aktuelles .paragraph--type--zitat {
  margin: 0;
}

.paragraph--type--zitat blockquote {
  font-size: 1.3rem;
}

.paragraph--type--anleitung-gallary {
  margin-top: 2em;
  margin-bottom: 5em;
}

.paragraph--type--zitat {
  margin-top: 2em;
  margin-bottom: 3em;
}

.paragraph--type--textelement {
  margin-top: 2em;
  margin-bottom: 2em;
}

.paragraph--type--anleitung-image {
  margin-bottom: 2em;
  margin-top: 2em;
}

.course-files-list {
  margin: 0;
}

.oe-hompage-link, .oe-pdf {
  width: 100%;
  float: left;
  margin-top: 2em;
}

.oe-hompage-link {
  font-size: 1.2rem;
  color: #1E398F;
}

.oe-pdf {
  margin-bottom: 2em;
}

.unit-video {
  margin-bottom: 1em;
}

.views-exposed-form {
  font-size: 1.2rem;
}

#views-exposed-form-studiengaenge-page-3,
#views-exposed-form-studiengaenge-block-31 {
  width: 100%;
  float: left;
  margin-bottom: 40px;
  position: relative;
}

.bef-exposed-form {
  width: 100%;
  font-size: 1.2rem;
}

.study-finder .fieldgroup {
  width: 100%;
  display: inline-block;
}

.study-finder .form-item {
  display: inline-block;
}

.study-finder label {
  margin-left: 25px;
  margin-top: 8px;
}

.study-thesis input,
.study-finder input,
.hsfl-selection input[type=radio],
.hsfl-selection input[type=checkbox] {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

.study-thesis label:before,
.study-finder label:before,
.hsfl-selection input[type=radio] + label:before,
.hsfl-selection input[type=checkbox] + label:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  position: relative;
  left: -10px;
  top: 5px;
  border: 1px solid #1E398F;
  line-height: 22px;
}

.study-finder label:before,
.hsfl-selection input[type=radio] + label:before {
  border-radius: 23px;
}

.hsfl-selection input[type=radio] + label,
.hsfl-selection input[type=checkbox] + label {
  padding-left: 10px;
}

.hsfl-selection input[type=checkbox][disabled] + label:before {
  background: grey;
  cursor: not-allowed;
}

.study-thesis label.option {
  margin-right: 2em;
  margin-left: 1em;
}

.study-thesis .form-checkboxes li {
  display: inline-block;
}

.study-thesis .item-list li {
  margin-bottom: 1em;
}

.study-thesis ul {
  list-style: none;
}

.study-finder input[type=radio]:checked + label:before,
.study-finder input[type=checkbox]:checked + label:before,
.study-thesis input[type=radio]:checked + label:before,
.study-thesis input[type=checkbox]:checked + label:before,
.hsfl-selection input[type=radio]:checked + label:before,
.hsfl-selection input[type=checkbox]:checked + label:before {
  content: "✓";
  background-color: #1E398F;
  color: #fff;
  text-align: center;
  top: 0px;
}

.study-thesis input[type=radio]:checked + label:before,
.study-thesis input[type=checkbox]:checked + label:before,
.hsfl-selection input[type=radio]:checked + label:before,
.hsfl-selection input[type=checkbox]:checked + label:before {
  top: 1px;
}

.study-finder input[type=radio]:checked + label,
.study-finder input[type=checkbox]:checked + label,
.study-thesis input[type=radio]:checked + label,
.study-thesis input[type=checkbox]:checked + label,
.hsfl-selection input[type=radio]:checked + label,
.hsfl-selection input[type=checkbox]:checked + label {
  position: relative;
  top: 2px;
}

#views-exposed-form-studiengaenge-page-3 ul {
  transition: display 0.3s ease;
}

#views-exposed-form-studiengaenge-page-3 fieldset,
#views-exposed-form-studiengaenge-block-31 fieldset {
  width: auto;
  min-height: 85px;
}

#views-exposed-form-studiengaenge-page-3 fieldset:nth-child(2) .fieldset-legend,
#views-exposed-form-studiengaenge-block-31 fieldset:nth-child(2) .fieldset-legend {
  display: none;
}

.study-finder .Card--floating .Card--floating {
  width: 100%;
  border: none;
  margin: 0;
  position: relative;
}

.study-finder .bef-select-all-none-nested ul:first-child {
  list-style-type: none;
  padding: 0;
}

.bef-select-all-none-nested ul ul {
  display: none;
}

.study-thesis .fieldset-legend,
.study-finder .fieldset-legend,
.study-finder label {
  font-size: 1.2rem;
  color: #1E398F;
}

.study-finder .fieldset-legend {
  font-size: 1.3rem;
  font-weight: bold;
}

.study-finder .fieldset-legend {
  margin-left: 15px;
}

.study-finder .form-checkboxes label:before {
  border-radius: 0;
}

#views-exposed-form-studiengaenge-page-3 details,
#views-exposed-form-studiengaenge-block-31 details {
  float: left;
  width: 100%;
  margin-top: 30px;
}

#views-exposed-form-studiengaenge-page-3 details,
#views-exposed-form-studiengaenge-block-31 details {
  float: left;
  width: auto;
}

#views-exposed-form-studiengaenge-page-3 details,
#views-exposed-form-studiengaenge-block-31 details {
  float: left;
  width: 100%;
}

#views-exposed-form-studiengaenge-page-3 details fieldset:nth-child(2) .fieldset-legend,
#views-exposed-form-studiengaenge-block-31 details fieldset:nth-child(2) .fieldset-legend {
  display: unset;
}

#views-exposed-form-studiengaenge-page-3 fieldset:nth-child(4),
#views-exposed-form-studiengaenge-block-31 fieldset:nth-child(4) {
  width: 100%;
}

.form-item-abschlussart-ba-9 label {
  margin-top: 12px;
}

.form-item-abschlussart-ma-10 label {
  margin-top: 17px;
}

.footer-finder .form-item-abschlussart-ma-10 label {
  margin-top: 37px;
}

.study-finder fieldset:nth-child(2) .form-checkboxes .form-type-checkbox {
  margin-top: 23px;
}

.study-finder fieldset:nth-child(2) .form-checkboxes .form-type-checkbox {
  margin-top: 23px;
}

#views-exposed-form-studiengaenge-page-3 fieldset:nth-child(3) label,
#views-exposed-form-studiengaenge-block-31 fieldset:nth-child(3) label {
  margin-top: 8px;
}

#views-exposed-form-studiengaenge-page-3 fieldset:nth-child(4) .bef-nested ul li,
#views-exposed-form-studiengaenge-block-31 fieldset:nth-child(4) .bef-nested ul li {
  display: inline-block;
}

.bef-nested > ul > li.hsflchecked {
  width: 100%;
}

#edit-interessengebiet--wrapper {
  float: left;
  width: 100%;
}

#edit-interessengebiet--wrapper .form-checkboxes.bef-nested ul li {
  display: inline-block;
}

.bef-nested li ul {
  display: none;
}

li.hsflchecked ul {
  display: block;
}

#views-exposed-form-studiengaenge-page-3 fieldset:nth-child(4) .bef-nested > ul,
#views-exposed-form-studiengaenge-block-31 fieldset:nth-child(4) .bef-nested > ul {
  padding: 0;
}

.study-finder .Card--list .Card-title {
  position: relative;
}

.degree-sign {
  position: absolute;
  top: -45px;
  left: 0;
  font-size: 1.3rem;
  display: block;
  color: #000000;
  padding: 8px;
}

.degree-sign-ba {
  background: #f8832f;
}

.degree-sign-ma {
  background: rgb(170, 221, 249);
}

.degree-sign-major {
  top: -64px;
}

.study-finder .form-actions input:nth-child(2) {
  clip: unset;
  overflow: unset;
  height: unset;
  width: unset;
  bottom: -70px;
  left: 0;
}

.exposed-multi-radio .form-radios > div {
  display: inline-block;
}

.exposed-multi-radio .form-radios .form-item {
  margin-right: 1em;
}

.exposed-multi-radio .js-form-type-radio input {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}

.exposed-multi-radio input[type=radio]:checked + label,
.exposed-multi-radio .js-form-type-radio label:hover {
  background: rgb(163, 84, 148);
}

.exposed-multi-radio .js-form-type-radio label {
  padding: 0.4em 0.8em;
  background: #1E398F;
  border: solid 1px #fff;
  border-radius: 9px;
  transition: all 0.5s;
  cursor: pointer;
  display: block;
  margin-bottom: 0.8em;
  color: #fff;
}

.footer-finder {
  padding-bottom: 1em;
}

.footer-finder .study-finder .form-item {
  display: block;
}

.footer-finder .study-finder .views-exposed-form {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 2em;
}

.footer-finder .study-finder .form-item {
  width: 100%;
  max-width: 300px;
}

form#views-exposed-form-studiengaenge-block-22 fieldset:nth-child(2) {
  position: absolute;
  top: 90px;
  height: 30px;
}

form#views-exposed-form-studiengaenge-block-22 fieldset:nth-child(2) label {
  position: absolute;
  top: -50px;
}

form#views-exposed-form-studiengaenge-block-22 fieldset:nth-child(2) legend {
  display: none;
}

#edit-start--wrapper label {
  margin-top: 8px;
}

.js-form-item-studienfeld label {
  margin-left: 0;
  margin-bottom: 8px;
  margin-top: 18px;
  font-weight: bold;
}

.js-form-item-studienfeld label:before {
  content: unset;
}

.footer-finder .study-finder .fieldset-legend {
  font-weight: bold;
}

.form-item-studienfeld .select2-container {
  width: 100% !important;
}

#views-exposed-form-studiengaenge-block-22 fieldset:nth-child(3) {
  margin-top: 3em;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #000000;
}

@media screen and (min-width: 360px) {
  #views-exposed-form-studiengaenge-page-3 details fieldset:nth-child(2),
  #views-exposed-form-studiengaenge-block-31 details fieldset:nth-child(2) {
    min-width: unset;
  }
}
@media screen and (min-width: 624px) {
  fieldset#edit-start--wrapper,
  #views-exposed-form-studiengaenge-block-22 fieldset:nth-child(3) {
    margin-top: 1em;
  }
}
@media screen and (max-width: 671px) {
  .study-finder .Card--list {
    margin-top: 70px;
  }
}
@media screen and (min-width: 672px) {
  .study-finder .form-actions input:nth-child(2) {
    bottom: -85px;
  }
}
#block-studieninteressiertehauptblock, .study-block-front, .block-study-inno,
.study-block-front-text, .study-block-front-image, .study-block-links {
  float: left;
  width: 100%;
}

.block-study-inno {
  border-top: solid 1px #1E398F;
}

#block-studieninteressiertehauptblock h2 {
  margin: 0;
  color: #fff;
  background: #1E398F;
}

.field--label-hidden.field--cta-text {
  line-height: 1.2;
  margin-top: -10px;
}

#block-studieninteressiertehauptblock .block-study-inno h2, .block-study-inno img, .block-study-inno p {
  max-width: 245px;
  margin: 0 auto;
  display: block;
}

.study-block-front-text h2, .study-block-front-text .field--cta-text {
  width: 100%;
}

#block-studieninteressiertehauptblock .block-study-inno h2 {
  background: unset;
  color: #1E398F;
  text-align: center;
}

#block-studieninteressiertehauptblock .block-study-inno {
  text-decoration: none;
  margin-top: 1em;
}

.block-study-inno img {
  max-width: 259px;
}

.block-study-inno p {
  color: #1E398F;
}

.field--cta-image {
  float: left;
  width: 100%;
}

.field--cta-text, .field--cta-header {
  float: left;
  width: 100%;
  padding: 5px 10px 10px;
  color: #fff;
  background: #1E398F;
}

.field--cta-header {
  padding-bottom: 0;
}

.block--cta-hl {
  border-top: solid 1px #1E398F;
  margin-top: 8px;
  float: left;
  width: 100%;
}

.block--cta-hl ul {
  list-style: none;
  padding: 0;
}

.block--cta-hl a {
  text-decoration: none;
}

.block--cta-hl h3 {
  margin-top: 0;
}

.field--front-header {
  display: block;
  width: 100%;
}

.field--cta-button-link {
  background: #EC6707;
  margin-bottom: 2em;
  border-radius: 8px;
  border: solid 1px transparent;
  text-align: center;
}

.layout--threecol-section .field--cta-button-link,
.layout--fourcol-section .field--cta-button-link {
  margin-bottom: 0;
}

.field--cta-button-link a,
.cta-btn-link-text {
  display: block;
  padding: 0.7em;
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
}

.cta-btn-link-text {
  color: #1E398F;
  width: 100%;
}

.field--cta-button-link a {
  color: #fff;
}

.cta-button-wrapper a {
  text-decoration: none;
}

.cta-svg .field--cta-button-link a,
.cta-btn-link-text {
  text-align: left;
  padding-left: 3.2em;
}

.cta-button-wrapper a:hover .cta-btn-link-text {
  background-color: rgb(170, 221, 249);
}

.field--cta-button-link a:hover {
  background-color: unset;
}

.field--cta-button-link:hover {
  background: rgb(170, 221, 249);
  border: solid 1px #d44500;
  cursor: pointer;
}

.field--cta-button-link:hover a {
  color: #1E398F;
}

.cta-svg {
  border: 2px solid #EC6707;
  display: flex;
  flex-wrap: wrap;
}

.cta-svg > div {
  width: 100%;
}

.cta-svg .field--cta-button-link {
  background: unset;
  transition: none;
}

.cta-svg .field--cta-button-link a {
  color: unset;
}

.cta-svg .field--cta-button-link {
  border: none;
}

.cta-svg .field--cta-button-link:hover {
  background: unset;
  border: none;
}

.field--cta-button-link a:hover {
  background-color: rgb(170, 221, 249);
  border-radius: 8px;
}

.cta-svg .field--cta-button-link a:hover {
  border-radius: 0;
}

.field--cta-button-link a:after,
.cta-btn-link-text:after {
  content: ">"/"";
  color: #fff;
}

.cta-svg .field--cta-button-link a:after,
.cta-btn-link-text:after {
  color: #EC6707;
}

.cta-btn-text {
  font-size: 1.2rem;
  padding: 0.2em 0.5em;
  background: #EC6707;
  color: #fff;
  width: 100%;
  min-height: 65px;
}

.wrapper-CtA {
  width: 100%;
  float: left;
  margin-bottom: 1em;
  margin-top: 1em;
}

.wrapper-CtA .block--cta-hl {
  width: 100%;
}

.wrapper-CtA h2.field--front-header {
  margin-top: 2em;
  font-size: 2rem;
}

#block-studieninteressiertehauptblock a:hover .field--cta-text,
#block-studieninteressiertehauptblock a:hover .field--cta-header {
  background-color: rgb(170, 221, 249);
}

.cta-button-wrapper {
  position: relative;
}

.cta-button-wrapper svg {
  position: absolute;
  left: 23px;
  top: 14px;
  fill: #1E398F;
  pointer-events: none;
}

.cta-button-wrapper:hover .cls-1,
.cta-button-wrapper .cls-1,
.cta-button-wrapper a:hover svg {
  fill: #1E398F;
}

@media screen and (min-width: 42em) {
  .wrapper-CtA .block--cta-hl {
    width: 40%;
    margin-right: 1em;
  }
}
@media screen and (min-width: 620px) {
  .block--cta-hl {
    width: 100%;
  }
  .study-block-front-image {
    width: 50%;
  }
  .study-block-links {
    width: 49%;
    margin-left: 1%;
  }
  #block-studieninteressiertehauptblock {
    width: 100%;
  }
  .field--cta-image {
    width: 33%;
  }
  .field--cta-text, .field--cta-header {
    width: 66%;
  }
  #block-linkszuunserenstudiengangen {
    margin-right: 0.5%;
  }
  #block-linksfurunerschlossene {
    margin-right: 0.5%;
  }
}
@media screen and (min-width: 960px) {
  .block--cta-hl {
    width: 33%;
  }
  .study-block-links {
    width: 100%;
    margin-left: 0;
  }
  #block-studieninteressiertehauptblock .block-study-inno {
    margin-top: 0;
  }
  .study-block-front {
    width: 70%;
  }
  .study-block-front-text, .study-block-front-image {
    width: 50%;
  }
  .block-study-inno {
    width: 29%;
    margin-left: 1%;
  }
  #block-studieninteressiertehauptblock .block-study-inno h2 {
    text-align: left;
  }
}
.layout.layout--twocol-section {
  margin-bottom: 3em;
  margin-top: 3em;
}

.interview-image-quote-wrapper,
.interview-image-quote-wrapper a {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1em;
}

.interview-image-quote-wrapper h2 {
  width: 100%;
}

.lb-question .interview-image-quote img {
  margin: 2em 0 0;
}

.layout--twocol-section--33-67 .interview-image-quote-wrapper:nth-child(2) {
  margin-top: 16px;
}

.poster-dunkelblau {
  background: #1E398F;
}

.poster-dunkelblau .field--poster-percent-number {
  fill: rgb(211, 83, 120);
}

.poster-dunkelrosa {
  background: rgb(163, 84, 148);
}

.poster-dunkelrosa .field--poster-percent-number {
  fill: #EC6707;
}

.poster-rot {
  background: #e30613;
}

.poster-rot .field--poster-percent-number {
  fill: #1E398F;
}

.poster-orange {
  background: #EC6707;
}

.poster-orange .field--poster-percent-number {
  fill: #1E398F;
}

.poster-helllia {
  background: rgb(163, 84, 148);
}

.poster-helllia .field--poster-percent-number {
  fill: rgb(170, 221, 249);
}

.interview-image-quote {
  position: relative;
}

.interview-link {
  position: absolute;
  opacity: 0;
  bottom: 35%;
  left: 30%;
  background: #e30613;
  color: #fff;
  transition: linear 0.3s;
  padding: 8px;
}

.interview-image-quote-wrapper a {
  width: 100%;
}

.interview-image-quote-wrapper a:hover {
  background-color: unset;
}

.interview-image-quote-wrapper a:hover .interview-link {
  opacity: 1;
}

.layout.layout--onecol:nth-child(2) {
  margin-bottom: 0;
}

.hs-campaign-percent-poster {
  position: relative;
  min-height: 400px;
  color: #fff;
  overflow: hidden;
  font-weight: bold;
}

.field--poster-percent {
  z-index: 2;
}

.field--poster-percent-suffix {
  z-index: 3;
  fill: #fff;
}

.field--label-hidden.field--poster-percent svg:nth-child(2) {
  position: absolute;
  top: 6px;
  display: block;
}

.field--poster-statment {
  padding: 1em;
  font-size: 21px;
  margin-bottom: 0;
  position: absolute;
  bottom: 0;
  z-index: 3;
  color: #fff;
}

.interview-image-quote-wrapper a {
  text-decoration: none;
}

.interview-quote blockquote {
  padding: 0;
}

.interview-image-quote-wrapper blockquote {
  max-width: 600px;
}

.interview-image-quote,
.interview-quote,
.figure-blockquote {
  width: 100%;
}

@media screen and (max-width: 639px) {
  .interview-image-quote-wrapper {
    margin-top: 16px;
  }
}
@media screen and (min-width: 640px) {
  .interview-image-quote,
  .interview-quote,
  .figure-blockquote {
    width: 50%;
  }
  .interview-quote blockquote {
    padding-left: 1em;
  }
}
.campaign--wwww h3 {
  color: #1E398F;
  font-size: 1.4rem;
}

.campaign--wwww.Container {
  max-width: 64em;
}

.wrapper--campaign-nav {
  display: none;
  position: fixed;
  left: 0;
  top: 94px;
  z-index: 10;
}

.link--anchor.link--anchor-nav {
  width: 100%;
}

.inline-block--node-reference .Card {
  width: 100%;
}

.inline-block--node-reference h2 {
  font-size: 2rem;
}

.inline-block--heading-with-background h2 {
  max-width: 280px;
  background: #EC6707;
  padding: 0.4em 0.2em;
  text-align: center;
  color: #fff;
  transform: rotate(4deg);
  font-size: 2rem;
  margin: 3em auto 1em;
}

.wrapper--link--anchor {
  display: flex;
  flex-wrap: wrap;
}

ul.wrapper--link--anchor, ul.wrapper--campaign-nav {
  list-style: none;
  padding: 0;
}

.wrapper--link--anchor .link--anchor {
  width: 50%;
}

.campaign--www-wrapper--link .link--anchor a {
  display: block;
  margin: 1em auto;
  font-size: 2rem;
  max-width: 280px;
  background: rgb(107, 62, 145);
  padding: 0.4em 0.2em;
  text-align: center;
  color: #fff;
  transform: rotate(4deg);
  font-weight: bold;
  text-decoration: none;
  border: solid 2px transparent;
}

.link--anchor.link--anchor-nav a {
  margin: 0;
  font-size: 1.2rem;
  transform: rotate(0deg);
}

#Wie {
  background: rgb(163, 84, 148);
}

.campaign--www-wrapper--link .link--anchor:nth-child(1) a,
#Wo,
.campaign--www-wrapper--link .link--anchor:nth-child(6) a {
  background: #e30613;
}

.link--anchor:nth-child(2) a,
#Was,
.link--anchor:nth-child(5) a {
  background: #1E398F;
}

.campaign--www-wrapper--link .link--anchor:nth-child(4) a,
#Warum {
  background: #EC6707;
}

.campaign--www-wrapper--link .link--anchor a:hover,
.wrapper--campaign-nav .active a {
  background: #fff;
  color: rgb(107, 62, 145);
  border-color: rgb(107, 62, 145);
}

.campaign--www-wrapper--link .link--anchor:nth-child(2) a:hover,
.wrapper--campaign-nav .active:nth-child(2) a,
.campaign--www-wrapper--link .link--anchor:nth-child(5) a:hover,
.wrapper--campaign-nav .active:nth-child(5) a {
  background: #fff;
  color: #1E398F;
  border-color: #1E398F;
}

.campaign--www-wrapper--link .link--anchor:nth-child(3) a:hover,
.wrapper--campaign-nav .active:nth-child(3) a {
  background: #fff;
  color: rgb(107, 62, 145);
  border-color: rgb(107, 62, 145);
}

.campaign--www-wrapper--link .link--anchor:nth-child(4) a:hover,
.wrapper--campaign-nav .active:nth-child(4) a {
  background: #fff;
  color: #EC6707;
  border-color: #EC6707;
}

.campaign--www-wrapper--link .link--anchor:nth-child(1) a:hover,
.wrapper--campaign-nav .active:nth-child(1) a,
.campaign--www-wrapper--link .link--anchor:nth-child(6) a:hover {
  background: #fff;
  color: #e30613;
  border-color: #e30613;
}

@media (max-width: 599px) {
  .link--anchor.link--anchor-nav {
    width: 33.33%;
    float: left;
  }
}
@media (max-width: 1299px) and (min-width: 410px) {
  .link--anchor.link--anchor-nav {
    width: 25%;
    float: left;
  }
}
@media (max-width: 1299px) {
  .wrapper--campaign-nav {
    width: 100%;
  }
}
@media (min-width: 1300px) {
  .link--anchor.link--anchor-nav a {
    margin: 1em auto;
    font-size: 1.4rem;
    transform: rotate(4deg);
  }
  .wrapper--campaign-nav {
    top: 100px;
  }
}
@media (min-width: 1400px) {
  .link--anchor.link--anchor-nav a {
    font-size: 1.6rem;
  }
}
.ih_logo_big {
  max-width: 800px;
  margin-left: -10px;
  width: 100%;
}

.logo-small {
  max-width: 200px;
}

.info-note {
  background: #ecf8ff;
  padding: 1em;
  margin-bottom: 2em;
  border-left: solid 5px #1E398F;
}

.info-note h2 {
  color: #1E398F;
  margin-top: 0;
}

.Insta {
  width: 100%;
}

.Card.Insta {
  margin-top: 3em;
}

.Insta .btn-call-to-action a {
  width: 100%;
}

.Insta a:link, .Insta a:visited {
  color: rgb(211, 83, 120);
  text-decoration: underline;
}

.Insta .btn-call-to-action a:link, .Insta .btn-call-to-action a:visited {
  color: white;
}

.Insta .Media-img a[href^="https:"]:before {
  display: none;
}

@media screen and (min-width: 30em) {
  .Insta .Media-img {
    width: 30%;
  }
}
@media screen and (min-width: 30em) {
  .Insta .Media-text {
    width: 60%;
    padding-left: 0;
    margin-bottom: 0;
    margin-left: 5%;
  }
}
.h5p-memory-game > ul {
  padding: 0 !important;
}

.h5p-full-width {
  width: 100%;
}

.h5peditor .ui-dialog .h5p-joubelui-button, .h5peditor .h5p-joubelui-button, .h5p-joubelui-button {
  background: #1E398F;
}

.dots-container li button::before {
  content: "❚";
  transform: rotate(90deg);
  font-size: 2.4rem;
  opacity: 1;
  color: #aaddf9;
}

.hsfl-inline-block {
  display: inline-block;
  margin-right: 5px;
}

.publications-wrapper {
  float: left;
}

.view-publications h3, .view-publications h4, .view-publications h5 {
  margin-bottom: 0.5em;
}

.view-publications h3 {
  font-size: 1.3rem;
  margin-top: 0;
}

.view-publications-page h3, .view-publications-block h4 {
  color: rgb(107, 62, 145);
}

.bibcite-related h5 {
  color: rgb(163, 84, 148);
}

.view-publications-block h4 {
  font-size: 1.1rem;
}

.view-publications h4, .view-publications h5 {
  color: unset;
}

.bibcite-reference {
  margin-bottom: 2em;
}

.bibcite-citation {
  margin-bottom: 0.5em;
}

.bibcite-links ul, .bibcite-tags ul {
  padding: 0;
  margin: 0;
}

.bibcite-links ul li,
.bibcite-tags ul li {
  display: inline-block;
}

.bibcite-links ul li {
  margin-right: 0.8em;
  margin-bottom: 0.5em;
}

.bibcite-tags .link-tag {
  margin: 0 0 1em;
}

.view-publications .more-link a {
  padding: 0.6em;
  background: #1E398F;
  color: #fff;
  text-decoration: none;
  border: solid 1px #fff;
  transition: linear 0.3s;
  margin-left: 1em;
}

.view-publications .more-link a:hover {
  background: #fff;
  color: #1E398F;
  border-color: #1E398F;
}

.view-publications .abstract-list {
  margin: 0 0 0.5em;
}

.view-publications .bef-exposed-form {
  display: flex;
  flex-wrap: wrap;
}

.view-publications .bef-exposed-form .form-item {
  width: 100%;
}

.view-publications .select2-container {
  width: 90% !important;
}

.bef-exposed-form .form-actions input:first-child {
  display: none;
}

.sitebar-list-news {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  list-style: none;
  margin: 0;
  padding-top: 0.5rem;
  padding-bottom: 1.5rem;
  padding-left: 0;
}

.link-tag a {
  padding: 0.3rem 0.7em;
  color: #fff;
  border-radius: 13px;
  text-decoration: none;
  border: solid 1px transparent;
  display: inline-block;
}

.link-tag-news a {
  padding: 0 0.7em;
}

.link-tag-blue a {
  background: #1E398F;
}

.link-tag-orange a {
  background: #d44500;
}

.link-tag-red a {
  background: #1E398F;
}

.link-tag-blue-light a {
  background: rgb(170, 221, 249);
  color: #000000;
}

.link-tag-blue-light-ghost a {
  color: #1E398F;
  border-color: #1E398F;
}

.link-tag a:hover {
  background: #fff;
}

.link-tag-blue a:hover {
  color: #1E398F;
  border-color: #1E398F;
}

.link-tag-orange a:hover {
  color: #d44500;
  border-color: #d44500;
}

.link-tag-red a:hover {
  color: #1E398F;
  border-color: #1E398F;
}

.link-tag-blue-light a:hover {
  border-color: #000000;
}

.link-tag-blue-light-ghost a:hover {
  background: rgb(170, 221, 249);
}

.sitebar-list li.link-tag {
  margin: 0;
  padding: 0;
}

.bibcite-full {
  display: flex;
  flex-wrap: wrap;
}

.bibcite-main, .bibcite-detail {
  width: 100%;
}

.Planinfo-list,
.sitebar-list,
.bibcite-related > ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
}

.Planinfo-list h3 {
  margin: 0;
}

.Planinfo-list li {
  display: flex;
  flex-wrap: wrap;
  flex: 100%;
  border-bottom: solid 1px;
}

.Planinfo-list li h3, .Planinfo-list li h5, .Planinfo-list li span {
  flex: 100%;
}

.bibcite-related ul:first-child > li {
  width: 100%;
}

.view-publications .more-link {
  margin-top: 1.5em;
}

.view-publications .more-link a {
  border-radius: 10px;
}

.view-publications-block {
  margin-bottom: 3em;
}

@media (min-width: 600px) {
  .view-publications .bef-exposed-form .form-item,
  .bibcite-related ul:first-child > li {
    width: 50%;
  }
}
@media (min-width: 800px) {
  .view-publications .bef-exposed-form .form-item,
  .bibcite-related ul:first-child > li {
    width: 33.33%;
  }
}
@media (min-width: 1000px) {
  .bibcite-main {
    width: 60%;
    padding-right: 1em;
  }
  .bibcite-detail {
    width: 40%;
  }
  .Planinfo-list li h3,
  .Planinfo-list li h5,
  .Planinfo-list li span {
    flex: 50%;
  }
}
@media screen and (min-width: 54em) {
  .bibcite-page h1 {
    font-size: 2rem;
  }
}
.group-title {
  float: left;
  width: 100%;
  margin-top: 1.5em;
}

#block-mainnavigation,
#block-mainmenuenglish {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5em;
}

a#superfish-main-toggle:focus {
  background: none;
  outline: auto;
}

ul.sf-menu.sf-accordion.sf-expanded {
  background: #fff;
}

.sf-menu.menu {
  margin: 0 auto;
}

.sf-menu a {
  color: #1E398F;
}

ul.sf-menu.menu {
  max-width: 66em;
  margin: 0 auto;
}

ul.sf-menu .sf-sub-indicator:after {
  color: #fff;
  font-size: 1rem;
}

ul.sf-menu .sf-sub-indicator:after,
ul.sf-menu ul .sf-sub-indicator:after,
ul.sf-menu.sf-accordion .sf-sub-indicator:after {
  content: unset;
}

#superfish-main,
#superfish-main-en,
.navbar__open-search-wrapper {
  display: flex;
  align-items: center;
}

.navbar__open-search-wrapper {
  padding-left: 4em;
}

ul.sf-menu span.nolink {
  font-weight: bold;
  font-size: 1.2rem;
}

ul.sf-menu.menu li li {
  background: rgb(170, 221, 249);
  border-left: solid 4px transparent;
}

ul.sf-menu.menu .sf-depth-2:hover,
ul.sf-menu.menu .sf-depth-3:hover,
ul.sf-menu.menu .sf-depth-4:hover {
  border-color: #1E398F;
  background: #dcf1fc;
}

ul.sf-menu .sf-sub-indicator,
ul.sf-menu li li .sf-sub-indicator {
  height: 0.7em;
  width: 0.7em;
  border: solid #EC6707;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  position: absolute;
  top: 17px;
}

ul.sf-menu .sf-depth-2:hover .sf-sub-indicator,
ul.sf-menu .sf-depth-3:hover .sf-sub-indicator,
ul.sf-menu .sf-depth-4:hover .sf-sub-indicator {
  border-color: #d44500;
}

ul.sf-menu .sf-depth-1 .sf-sub-indicator {
  transform: rotate(45deg);
  top: 17px;
  right: 7px;
}

ul.sf-menu .sf-depth-2 .sf-sub-indicator {
  transform: rotate(-45deg);
  top: 23px;
}

@media screen and (max-width: 999px) {
  .sf-depth-1.sf-no-children {
    background: #e30613;
    text-align: center;
    bottom: -20px;
  }
  .sf-depth-1.sf-no-children a {
    color: #fff;
  }
  ul.sf-menu.menu {
    overflow-y: scroll;
    height: 100vh;
  }
  ul.sf-menu.sf-accordion.sf-expanded {
    margin-top: -5px;
  }
  ul#superfish-main {
    display: none;
  }
  ul.sf-menu span.nolink {
    float: left;
    z-index: 110;
  }
  .hsfl-darkmode ul.sf-menu.menu li.sf-depth-1.sf-no-children {
    background: #e30613;
  }
  a.menuparent.sf-with-ul {
    float: left;
  }
  ul.sf-menu .sf-with-ul {
    padding-right: 1em;
    width: 78%;
  }
  a.sf-accordion-button {
    float: right;
    width: 58px;
    height: 58px;
  }
  ul.sf-menu span.nolink {
    float: left;
  }
  .sf-accordion .sf-accordion-button {
    overflow: hidden;
    text-indent: -99999px;
    position: relative;
    background-color: #1E398F;
    color: #fff;
  }
  .sf-accordion .sf-accordion-button:before {
    content: "+";
    font-size: 2rem;
    text-indent: 0;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
  }
  .sf-accordion li.sf-expanded > .sf-accordion-button:before {
    content: "−";
  }
  .sf-depth-1 > a.sf-accordion-button {
    width: 100%;
    background-color: transparent;
    position: absolute;
    color: #1E398F;
    z-index: 110;
  }
  .sf-depth-1 > a.sf-accordion-button:before {
    left: unset;
    right: -29px;
    background: #1E398F;
    height: 58px;
    width: 58px;
    color: #fff;
    text-align: center;
    line-height: 50px;
  }
  .sf-depth-2 > a.sf-accordion-button,
  .sf-depth-3 > a.sf-accordion-button,
  .sf-depth-4 > a.sf-accordion-button {
    max-width: 58px;
  }
}
@media screen and (min-width: 1000px) {
  .navbar__open-search-wrapper {
    padding-left: 2em;
  }
}
@media screen and (min-width: 1163px) {
  #block-mainnavigation {
    padding: 0 0.5em 0.5em;
    margin-top: 2.2em;
  }
}
@media screen and (min-width: 1294px) {
  #block-mainmenuenglish {
    padding: 0 0.5em 0.5em;
    margin-top: 2.2em;
  }
}
@media screen and (min-width: 1920px) {
  #block-mainnavigation,
  #block-mainmenuenglish {
    padding-left: 2.4em;
  }
}
.hamburger-icon-container {
  height: 1.7em;
  width: 1.7em;
  cursor: pointer;
  border-radius: 3px;
  position: relative;
}

.hamburger-icon,
.hamburger-icon:before,
.hamburger-icon:after {
  content: "";
  position: absolute;
  height: 3px;
  width: 1.7em;
  background: #EC6707;
  transition: all 0.2s ease;
}

.hamburger-icon {
  top: 0.75em;
}

.hamburger-icon:before {
  top: -0.55em;
}

.hamburger-icon:after {
  top: 0.55em;
}

.hamburger-active .hamburger-icon {
  background: transparent;
  transform: rotate(-135deg);
}

.hamburger-active .hamburger-icon:before,
.hamburger-active .hamburger-icon:after {
  top: 0;
}

.hamburger-active .hamburger-icon:before {
  transform: rotate(90deg);
}

.sf-accordion-toggle > a {
  padding-left: 3em;
  z-index: 20;
  display: inline-block;
  position: relative;
  color: #000000;
}

.sf-accordion-toggle > a:hover {
  background: unset;
}

.sf-accordion-toggle {
  margin-left: -2em;
}

.hamburger-icon-container,
.sf-accordion-toggle > a {
  bottom: 50px;
  right: -120px;
}

@media screen and (min-width: 330px) {
  .hamburger-icon-container,
  .sf-accordion-toggle > a {
    bottom: -45px;
    right: -20px;
  }
  .hamburger-active .hamburger-icon-container,
  .sf-accordion-toggle > a.sf-expanded {
    bottom: 43px;
    right: -165px;
  }
}
@media screen and (min-width: 672px) {
  .hamburger-icon-container,
  .sf-accordion-toggle > a {
    right: -50px;
    bottom: -26px;
  }
  .shrink .hamburger-icon-container,
  .shrink .sf-accordion-toggle > a {
    bottom: -26px;
  }
  .hamburger-active .shrink .hamburger-icon-container,
  .shrink .sf-accordion-toggle > a.sf-expanded {
    bottom: 62px;
  }
}
@media screen and (min-width: 1000px) {
  .hamburger-icon-container {
    display: none;
  }
}
.search-api-form {
  display: none;
}

.navbar-nav__icon {
  width: 24px;
  height: 24px;
  display: inline-block;
  pointer-events: none;
}

.navbar__open-search-block {
  display: block;
  border: 0;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  padding: 0;
  transform-origin: 50%;
  transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 500;
  position: relative;
  background: #1E398F;
}

.navbar__open-search-text {
  color: #000000;
  font-size: 1rem;
  position: relative;
  right: -43px;
  bottom: -8px;
}

.navbar__open-search-wrapper {
  width: 93px;
  height: 40px;
  position: relative;
  top: 38px;
  right: 15px;
}

a.navbar__open-search-block:hover {
  background: #1E398F;
}

.mode-search .search-api-form {
  z-index: 120;
}

.navbar-nav__icon--search {
  position: absolute;
  top: 8px;
  left: 8px;
  transition: 0.2s ease-in-out;
  pointer-events: none;
}

.navbar-search .search-content-form {
  padding: 10px 10px 5px;
  border: 0;
  position: relative;
}

.navbar-search .search-content-form .form-group {
  margin-bottom: 0;
}

.navbar-search .search-content-form .form-control {
  padding: 6px 38px 6px 12px;
  max-width: none;
  border: 0;
}

.navbar-search .search-content-form .form-submit {
  width: 38px;
  height: 38px;
  display: block;
  position: absolute;
  overflow: hidden;
  right: 0;
  top: 0;
  line-height: 38px;
  cursor: pointer;
  font-size: 0;
  padding: 0;
  background-color: transparent;
}

.navbar-search .search-content-form .form-submit svg {
  width: 30px;
  height: 30px;
}

.navbar-search {
  display: none;
}

.search-take-over {
  display: none;
  height: 50px;
  position: fixed;
  top: 20%;
  left: 0;
  width: 100%;
  z-index: 1050;
  pointer-events: none;
  transition: all 0.3s ease-in-out;
}

.search-take-over .form-group {
  margin: auto;
  width: 80%;
  max-width: 600px;
  display: flex;
  flex-wrap: wrap;
}

.search-take-over .form-text {
  font-size: 1.625rem;
  height: 54px;
  border: 0;
  background: transparent;
  outline: 0;
  border-radius: 0;
  border-bottom: 2px solid;
  font-weight: 500;
  max-width: none;
  flex: 1 1 80%;
  min-width: 0;
}

.search-take-over .form-submit svg {
  width: 50px;
  height: 50px;
}

.btn--close-search-take-over {
  background-color: transparent;
  border: 0;
  width: 48px;
  height: 48px;
  padding: 0;
  position: fixed;
  top: 3px;
  left: 7px;
  opacity: 0;
  transform: translate(10px, 0) rotate(90deg);
  transition: all 0.5s ease-in-out 0.5s;
  outline: 0;
}

.btn--close-search-take-over svg {
  height: 48px;
  width: 100%;
}

.mode-search {
  overflow: hidden;
}

.mode-search .search-take-over {
  display: initial;
  pointer-events: all;
}

.mode-search .navbar__open-search-block {
  transform: scale(70);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
}

.mode-search .navbar-nav__icon {
  opacity: 0;
}

.mode-search .main-container {
  z-index: auto;
  pointer-events: none;
}

.mode-search .btn--close-search-take-over {
  transform: none;
  opacity: 1;
  pointer-events: all;
}

.mode-search .search-api-form {
  display: block;
  z-index: 1030;
}

.navbar__open-search-control {
  display: block;
  width: 40px;
  height: 40px;
  cursor: pointer;
}

@media screen and (min-width: 672px) {
  .navbar__open-search-wrapper {
    top: 20px;
    right: -10px;
  }
}
@media screen and (min-width: 1000px) {
  .navbar__open-search-wrapper {
    top: 10px;
  }
}
@media screen and (min-width: 1163px) {
  .navbar__open-search-wrapper {
    top: 35px;
    right: 10px;
  }
  .shrink .navbar__open-search-wrapper {
    top: 30px;
    right: 10px;
  }
}
.slick.Container,
.Mood.Container-wide {
  display: block;
  padding: 0;
}

.slick-track {
  display: flex;
}

.slick {
  margin-bottom: 4em;
}

.pagingInfo {
  position: absolute;
  bottom: -40px;
  right: 0;
  background: rgb(170, 221, 249);
  z-index: 9;
  padding-right: 0.5em;
  font-size: 1.4rem;
}

.slick__arrow {
  top: 30%;
}

.slick-prev::before,
.slick-next::before {
  font-size: 6.25rem;
  line-height: 0;
}

.slick-prev::before {
  content: "‹";
}

.slick-next::before {
  content: "›";
}

.slick-dots li button::before {
  content: "❚";
  transform: rotate(90deg);
  font-size: 2.4rem;
  opacity: 1;
  color: rgb(170, 221, 249);
}

.slick-dots li button:hover::before {
  color: #EC6707;
}

button.slick-prev.slick-arrow:after,
button.slick-next.slick-arrow:after {
  content: "";
  display: inline-block;
  width: 40px;
  height: 80px;
  background-color: rgb(170, 221, 249);
  position: relative;
  top: -64px;
  z-index: -10;
}

button.slick-prev.slick-arrow:after {
  left: 0;
}

button.slick-next.slick-arrow:after {
  right: 0;
}

.slick img {
  width: 100%;
}

.slide--text-wrapper,
.slide--cta-wrapper {
  text-align: center;
  position: absolute;
  z-index: 20;
  transform: translate3d(0, 0, 200px);
}

.slide--text-wrapper {
  background: #fff;
  padding: 0.5em 1em 0.5em;
  color: #000000;
  bottom: 35px;
}

.slide--text-wrapper p {
  font-size: 1rem;
}

.slide--cta-wrapper {
  bottom: 0;
}

.slide--text-wrapper h2 {
  margin: 0;
}

.slide--cta-wrapper p,
.slide--text-wrapper p {
  font-weight: bold;
}

.slide--cta-wrapper p {
  font-size: 1.2rem;
  margin: 0;
}

.slide--cta-wrapper .btn-call-to-action a {
  float: unset;
  display: block;
  margin: auto;
  padding: 0.2em 1em 0.2em;
  border-radius: 0;
  font-size: 1.5rem;
  width: auto;
  max-width: 500px;
  color: #fff;
}

.slide--cta-wrapper .btn-call-to-action a:hover {
  color: #1E398F;
}

.slide--cta-wrapper .btn-call-to-action a:hover .cls-2,
.slide--cta-wrapper .btn-call-to-action a:hover .cls-3,
.btn-f:hover .cls-2,
.btn-f:hover .cls-3 {
  fill: #1E398F;
}

.slide--cta-wrapper .btn-call-to-action a:hover .cls-2,
.btn-f:hover .cls-2 {
  stroke: #1E398F;
}

@media screen and (max-width: 600px) {
  .slide--cta-wrapper {
    width: 100%;
  }
}
@media screen and (min-width: 864px) {
  .slide--text-wrapper {
    bottom: 75px;
  }
}
@media screen and (min-width: 1101px) {
  .slick {
    margin-bottom: 6em;
  }
  .slick__arrow {
    top: 50%;
  }
  .pagingInfo {
    bottom: 0;
  }
  .slide--text-wrapper {
    bottom: unset;
    padding: 0.5em 2em 0.5em;
  }
  .slide--cta-wrapper {
    bottom: 15px;
  }
  .slide--cta-wrapper .btn-call-to-action a {
    font-size: 2.3rem;
  }
  .slide--text-wrapper h2 {
    font-size: 3.7rem;
  }
  .slide--text-wrapper p {
    font-size: 1.3rem;
  }
  .slide--cta-wrapper p {
    font-size: 2rem;
  }
  .cta-left .slide--text-wrapper {
    left: 15%;
    top: 80px;
  }
  .cta-left .slide--cta-wrapper {
    left: 25%;
    top: 165px;
  }
  .cta-left .slide--text-wrapper h2 {
    font-size: 2.3rem;
  }
  .cta-right .slide--text-wrapper {
    right: 0;
    top: 74px;
    padding-right: 22em;
  }
  .cta-right .slide--cta-wrapper {
    right: 50%;
    bottom: 2%;
  }
}
@media screen and (min-width: 1500px) {
  .cta-left .slide--text-wrapper h2 {
    font-size: 2.8rem;
  }
  .cta-right .slide--cta-wrapper {
    bottom: 20%;
  }
}
@media screen and (min-width: 1920px) {
  .cta-left .slide--cta-wrapper {
    left: 29%;
    top: 180px;
  }
  .cta-left .slide--text-wrapper h2 {
    font-size: 3.7rem;
  }
}
.view-center-heading {
  margin-top: 2em;
}

.view-center-heading > h2 {
  text-align: center;
}

.item-list-col-3 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.item-list-col-3 li {
  width: 100%;
}

.item-list-col-3 li .Card {
  margin: 0;
}

.item-list-col-3 .Card-title {
  font-size: 1.4rem;
  text-decoration: none;
  padding: 0.3em;
  color: #1E398F;
}

#block-views-block-forschungsprojekte-fp-ff-block-1 h3,
#block-views-block-forschungsprojekte-fp-ff-block-2 h3,
#block-views-block-forschungsprojekte-fp-ff-block-3 h3,
#block-views-block-forschungsprojekte-fp-ff-block-4 h3,
#block-views-block-forschungsprojekte-fp-ff-block-5 h3 {
  margin-bottom: 0;
  font-size: 1.4rem;
}

#edit-field-research-p-profile-area-target-id--wrapper legend span.fieldset-legend,
#edit-field-research-project-status--wrapper legend span.fieldset-legend {
  font-weight: bold;
}

#edit-field-research-p-profile-area-target-id--wrapper,
#views-exposed-form-forschungsprojekte-block-6,
#edit-field-research-p-profile-area-target-id--wrapper legend span.fieldset-legend {
  margin-bottom: 2em;
}

.item-list-col-3 .Card:hover .Card-title {
  background: rgb(170, 221, 249);
}

.view-header-full,
.view-header-full header {
  width: 100%;
}

.view-header-full h2 {
  margin-bottom: unset;
}

.form-item-abschluss-ba label:before,
.form-item-abschluss-ma label:before {
  display: none;
}

.form-item-abschluss-ba label,
.form-item-abschluss-ma label,
.lab-overview .fieldset-legend {
  margin-left: 0px;
  font-size: 1.4rem;
}

.lab-overview .item-list {
  width: 100%;
}

.lab-overview p {
  display: block;
}

@media screen and (min-width: 800px) {
  .item-list-col-3 li {
    width: 50%;
  }
  .item-list-col-3 li {
    padding-right: 0.5em;
  }
  .item-list-col-3 li:nth-child(2n) {
    padding-left: 0.5em;
    padding-right: 0;
  }
}
@media screen and (min-width: 1000px) {
  .item-list-col-3 li {
    width: 33.33%;
  }
  .item-list-col-3 li:nth-child(1) {
    padding-right: 0.5em;
  }
  .item-list-col-3 li:nth-child(3n+2) {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
  .item-list-col-3 li:nth-child(2n) {
    padding-left: 0;
  }
  .item-list-col-3 li:nth-child(3n) {
    padding-left: 0;
    padding-right: 0;
  }
}
.figure-blockquote figcaption {
  font-size: 1.2rem;
  padding-left: 1.6em;
  padding-bottom: 0.5em;
  color: #1E398F;
  display: flex;
}

.figure-blockquote figcaption p {
  margin: 0;
  padding-left: 0.4em;
}

.figure-blockquote {
  background: #fff;
}

blockquote p {
  color: #d44500;
}

.Card--interview .figure-blockquote {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column-reverse;
}

.figure-blockquote h3 {
  font-weight: normal;
  font-size: 1.2rem;
}

.img-hover-zoom,
.img-hover-zoom .media-img-wrapper {
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}

.img-hover-zoom img {
  transition: transform 0.5s ease;
}

.img-hover-zoom:hover img {
  transform: scale(1.2);
}

.paragraph--type--unterseiten {
  width: 100%;
}

.paragraph-unterseiten-with-heading,
.paragraph--type--unterseiten {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (min-width: 42em) {
  .paragraph-unterseiten-with-heading .Card:nth-child(2n),
  .paragraph-unterseiten-with-heading .Card:nth-child(1) {
    margin-right: 2%;
    margin-left: 0;
  }
}
figcaption {
  font-size: 1.2rem;
  color: #1E398F;
}

@media (min-width: 1000px) {
  .hopgarden .layout--twocol-section .layout__region.layout__region--second p {
    padding-left: 3em;
  }
}
@media (min-width: 1200px) {
  .hopgarden .layout--twocol-section .layout__region.layout__region--second p {
    padding-left: 4em;
  }
}
.hlax {
  position: absolute;
}

.block-image-section .hlax:nth-child(1) {
  z-index: 3;
}

.block-image-section .hlax:nth-child(2) {
  z-index: 4;
}

.block-image-section .hlax:nth-child(3) {
  z-index: 5;
}

.block-image-section .hlax:nth-child(4) {
  z-index: 6;
}

.block-image-section .hlax:nth-child(5) {
  z-index: 7;
}

.block-image-section .hlax:nth-child(6) {
  z-index: 8;
}

.block-image-section .hlax:nth-child(7) {
  z-index: 9;
}

.block-image-section .hlax:nth-child(8) {
  z-index: 10;
}

.block-image-section .hlax:nth-child(9) {
  z-index: 11;
}

.block-image-section .hlax:nth-child(10) {
  z-index: 12;
}

.hlax-t--r-t-l {
  right: -20%;
}

.hlax-t--l-tp {
  right: 35%;
}

.hlax-t--tp {
  right: 20%;
  bottom: -25%;
}

.ele-right {
  bottom: 0;
  right: 0;
  height: 93%;
}

.ele-center-top {
  top: 10px;
  right: 35%;
}

@media screen and (max-width: 899px) {
  .ele-m-sm {
    width: 60%;
    max-width: 350px;
  }
  .hlax-t--r-bt.ele-m-sm {
    right: 9%;
  }
  .hlax-t--r-bt.ele-m-sm {
    right: 42%;
    top: -1%;
  }
  .hlax-t--l-tp.ele-m-sm {
    top: 14%;
    right: 25%;
  }
}
@media screen and (min-width: 900px) {
  .hlax-t--r-t-l {
    right: -300px;
    bottom: -230px;
  }
  .hlax-t--l-tp {
    right: -12%;
    bottom: -100px;
  }
  .hlax-t--tp {
    right: 5%;
    bottom: -290px;
  }
  .hlax.hlax-t--r-bt {
    right: 10%;
    top: -21%;
  }
}
@media screen and (min-width: 1001px) {
  .cta-right .ele-right {
    z-index: 21;
  }
}
@media screen and (min-width: 1500px) {
  .hlax-t--r-t-l {
    right: -300px;
    bottom: -230px;
  }
  .hlax-t--l-tp {
    right: -12%;
    bottom: -100px;
  }
  .hlax-t--tp {
    right: 5%;
    bottom: -290px;
  }
  .hlax.hlax-t--r-bt {
    right: 10%;
    top: -21%;
  }
}
.block-image-section .Container {
  overflow: hidden;
  max-height: 500px;
  min-height: 500px !important;
}

.block-image-section {
  margin-bottom: 2em;
}

.Site-content-intro .layout--onecol:nth-child(2) {
  width: 100%;
  max-width: 1400px;
  padding: 0 8px;
  margin: auto;
}

.Site-content-intro .layout--onecol:nth-child(2) {
  margin-top: 4em;
  margin-bottom: 4em;
}

.bg {
  padding-left: 1em;
  padding-bottom: 2em;
  padding-top: 1em;
}

.bg h2 {
  margin-top: 0;
  color: #fff;
}

.bg-orange {
  background: #EC6707;
  color: #fff;
}

.Site-content-front .bg {
  margin-top: 3em;
}

@media screen and (min-width: 640px) {
  .Site-content-front .bg {
    margin-top: 0;
  }
}
@media screen and (min-width: 1400px) {
  .bg {
    padding: 2em 1em 5em;
  }
}
.field--select-redirect span,
.field--select-redirect label {
  font-size: 1.4rem;
}

.field--select-redirect label {
  position: relative;
  top: 3px;
  font-weight: bold;
  display: inline;
}

.select-wrapper-img {
  position: relative;
  height: 350px;
}

.select-wrapper-img .field--select-redirect {
  position: absolute;
  bottom: 50%;
  background: #1E398F;
  color: #fff;
  padding: 1em;
  margin-left: 4em;
  width: 320px;
  z-index: 10;
}

.image-select-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9;
}

html,
body {
  transition: color 200ms ease-in-out, background 200ms ease-in-out;
}

.mode-toggle .toggle-label {
  color: #182d72;
  transition: color 200ms ease-in-out;
  font-size: 1.2rem;
  margin: 0;
}

.mode-toggle {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}

.mode-toggle .toggle-label {
  font-size: 1rem;
}

.label-dark {
  letter-spacing: -0.15px;
}

.label-light {
  letter-spacing: -0.031px;
  color: #6274b1;
}

.label-dark,
.label-light {
  padding: 8px 12px;
  min-width: 32px;
  text-align: center;
  color: #1b3281;
}

.noselect {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.theme-switch {
  border: none;
  cursor: pointer;
  height: 30px;
  background: #182d72;
  position: relative;
  border-radius: 100vh;
  transition: all 0.2s ease-in-out;
}

.theme-switch svg {
  margin-top: 2px;
}

.hsfl-darkmode .theme-switch {
  background: #6c3e91;
}

.theme-switch[aria-pressed=true] {
  --is-active: 1;
}

.theme-switch::before {
  top: 3px;
  left: 34px;
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  border-radius: 12px;
  background: #8f9cc7;
  transition: all 0.2s ease-in-out;
}

.hsfl-darkmode .theme-switch::before {
  top: 3px;
  left: 5px;
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  border-radius: 12px;
  background: #c39dd2;
}

/* ----- TOGGLE BUTTON | ACCESSIBILITY ----- */
.no-js .theme-switch {
  display: none;
}

.theme-switch:focus {
  outline: 2px solid #EC6707;
}

.theme-switch:focus:not(:focus-visible) {
  outline: 0;
}

@media (prefers-reduced-motion) {
  html,
  body,
  .theme-switch,
  .theme-switch::before,
  .mode-toggle .toggle-label {
    transition-duration: 0.01s;
  }
}
.hsfl-darkmode,
.hsfl-darkmode body {
  color: #bcc3dd;
  background: #09112b;
}

.hsfl-darkmode.lfestival,
.hsfl-darkmode.lfestival body {
  background: #0b1925;
}

.hsfl-darkmode .mode-toggle .toggle-label,
.hsfl-darkmode .mauticform-innerform {
  color: #bcc3dd;
}

.hsfl-darkmode .label-dark {
  color: #6274b1;
}

.label-dark:hover {
  color: #182d72;
}

.label-dark:active {
  color: #03060e;
}

.hsfl-darkmode .label-dark {
  pointer-events: none;
}

.hsfl-darkmode .label-light:hover {
  color: #ffffff;
}

.hsfl-darkmode .label-light:active {
  color: #7888bc;
}

.hsfl-darkmode .toggle-switch {
  width: 48px;
}

.hsfl-darkmode .toggle-switch {
  background: #8f9cc7;
}

.hsfl-darkmode .toggle-switch:before {
  left: 4px;
  background: #09112b;
}

.hsfl-darkmode .toggle-switch:after {
  top: -2px;
  right: 2px;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  background: #8f9cc7;
}

.hsfl-darkmode .toggle-switch:hover,
.hsfl-darkmode .toggle-switch:hover:after {
  background: #ffffff;
}

.hsfl-darkmode .toggle-switch:focus,
.hsfl-darkmode .toggle-switch:active,
.hsfl-darkmode .toggle-switch:active:after {
  background: #7888bc;
}

.hsfl-darkmode {
  background: #09112b;
  color: #c3cbe7;
}

.hsfl-darkmode .header-fixed,
.hsfl-darkmode .ui-accordion .ui-accordion-content {
  background: #09112b;
}

.hsfl-darkmode .hopgarden .layout--twocol-section .layout__region--second img,
.hsfl-darkmode .svg-bg-white {
  background: #EDEDED;
  margin-bottom: 1em;
}

.hsfl-darkmode .st0,
.hsfl-darkmode .cta-svg .cls-1,
.hsfl-darkmode .cta-svg svg {
  fill: #EDEDED;
}

.hsfl-darkmode .cta-button-wrapper:hover .cls-1,
.hsfl-darkmode .cta-button-wrapper a:hover svg {
  fill: #09112b;
}

.hsfl-darkmode .Person-info-basic svg .cls-1 {
  fill: #c39dd2;
  stroke: #c39dd2;
}

.hsfl-darkmode .Person-info-basic svg .cls-2 {
  fill: #c39dd2;
}

.hsfl-darkmode .Person-info-basic svg .cls-3 {
  stroke: #c39dd2;
}

.hsfl-darkmode .row-coa .btn-call-to-action.btn-red a,
.hsfl-darkmode .cta-btn-link-text {
  color: #EDEDED;
}

.hsfl-darkmode ul#superfish-main > li:nth-child(5) a:hover,
.hsfl-darkmode ul#superfish-main-en-accordion > li:nth-child(5) a:hover,
.hsfl-darkmode .event--teaser a:hover h2,
.hsfl-darkmode .event--teaser a:hover h3,
.hsfl-darkmode .ui-accordion .views-row:hover > .views-field,
.hsfl-darkmode .ui-accordion-header.ui-accordion-header-active,
.hsfl-darkmode .meldung--no-heading a:hover,
.hsfl-darkmode .meldung--teaser.meldung--teaser-large a:focus,
.hsfl-darkmode .person-column a:hover h3 {
  background: #c39dd2;
}

.hsfl-darkmode .btn-call-to-action.btn-red a:hover,
.hsfl-darkmode ul#superfish-main > li:nth-child(5) a:hover,
.hsfl-darkmode ul#superfish-main-en > li:nth-child(5) a:hover {
  color: #09112b;
}

.hsfl-darkmode ul.sf-menu.menu .sf-depth-2,
.hsfl-darkmode ul.sf-menu.menu .sf-depth-3,
.hsfl-darkmode ul.sf-menu.menu .sf-depth-4 {
  background: #5d3886;
  color: #c3cbe7;
}

.hsfl-darkmode ul.sf-menu.menu .sf-depth-2:hover,
.hsfl-darkmode ul.sf-menu.menu .sf-depth-3:hover,
.hsfl-darkmode ul.sf-menu.menu .sf-depth-4:hover {
  background: #c39dd2;
  border-color: #c3cbe7;
  color: #09112b;
}

.hsfl-darkmode .sf-accordion-toggle > a:hover {
  background: unset;
}

.hsfl-darkmode a {
  text-decoration-color: #c39dd2;
}

.hsfl-darkmode a:visited,
.hsfl-darkmode .Site-footer a:visited,
.hsfl-darkmode a.Card-link:visited,
.hsfl-darkmode a.Card-link:visited .Card-title {
  text-decoration-color: #c39dd2;
  color: #EDEDED;
}

.hsfl-darkmode a.Card-link:visited,
.hsfl-darkmode a.Card-link:visited .Card-title,
.hsfl-darkmode .Intro-text,
.hsfl-darkmode .Intro-text p,
.hsfl-darkmode .Card .study-thesis a {
  color: #9da9d7;
}

.hsfl-darkmode a:hover:visited,
.hsfl-darkmode .Site-footer a:hover:visited,
.hsfl-darkmode a.Card-link:hover:visited,
.hsfl-darkmode a.Card-link:hover:visited .Card-title,
.hsfl-darkmode .stud-mood-cta h2,
.hsfl-darkmode .Card .study-thesis a:hover {
  color: #09112b;
}

.hsfl-darkmode p a {
  text-decoration-color: #EC6707;
}

.hsfl-darkmode .field--cta-button-link a:after {
  color: #EC6707;
}

.hsfl-darkmode .footer-finder {
  background: #213b58;
}

.hsfl-darkmode .study-thesis label:before,
.hsfl-darkmode .study-finder label:before,
.hsfl-darkmode .facets-widget-checkbox label:before,
.hsfl-darkmode .hsfl-selection input[type=radio] + label:before,
.hsfl-darkmode .hsfl-selection input[type=checkbox] + label:before {
  border-color: #d2d3d3;
  border-width: 2px;
}

.hsfl-darkmode a:hover,
.hsfl-darkmode .select2-container--default .select2-results__option--highlighted[aria-selected],
.hsfl-darkmode .select2-container--default .select2-results__option[aria-selected=true],
.hsfl-darkmode .hsfl-collapse-wrapper .hsfl-collapse:hover,
.hsfl-darkmode .Card--list .Card:hover article,
.hsfl-darkmode .Card--list .Card:hover article h3,
.hsfl-darkmode .Card a:hover .Card-title,
.hsfl-darkmode .Card h3 a:hover,
.hsfl-darkmode .Card a:hover .event-time p,
.hsfl-darkmode .person-attachment a,
.hsfl-darkmode .messages--status,
.hsfl-darkmode .btn-call-to-action.btn-red a:hover,
.hsfl-darkmode .ui-widget-content a:hover {
  color: #09112b;
  background: #c39dd2;
}

.hsfl-darkmode .hs-logo a:hover {
  background: #5d3886;
}

.hsfl-darkmode .mauticform_wrapper .mauticform-button-wrapper .mauticform-button.btn-default:hover,
.hsfl-darkmode .pager__item a:hover {
  background-color: #c39dd2;
}

.hsfl-darkmode .Card--list .Card:hover article .Intro-text {
  color: #09112b;
}

.hsfl-darkmode .Card--list .Card:hover article .figure-blockquote h3 {
  background: unset;
  color: #c3cbe7;
}

.hsfl-darkmode .Card.Insta:hover .Card-title {
  background: unset;
  color: #c3cbe7;
}

.hsfl-darkmode a:hover,
.hsfl-darkmode .Card:hover .Card-title,
.hsfl-darkmode .person-attachment a {
  text-decoration-color: #09112b;
}

.hsfl-darkmode .Site-footer .hsfl-collapse-wrapper,
.hsfl-darkmode .navbar__open-search-block,
.hsfl-darkmode a.navbar__open-search-block:hover,
.hsfl-darkmode .cta-svg .field--cta-button-link,
.hsfl-darkmode .Site-footer {
  background: #09112b;
}

.hsfl-darkmode p,
.hsfl-darkmode ul,
.hsfl-darkmode ol,
.hsfl-darkmode dl,
.hsfl-darkmode a .Card-meta,
.hsfl-darkmode .ui-accordion .ui-accordion-header-collapsed.ui-state-default a,
.hsfl-darkmode .field--vita-year,
.hsfl-darkmode .Planinfo div,
.hsfl-darkmode .ui-accordion .ui-accordion-header .field-content,
.hsfl-darkmode .Card--news-large a:hover .Card-meta {
  color: #EDEDED;
}

.hsfl-darkmode a,
.hsfl-darkmode h1,
.hsfl-darkmode h2,
.hsfl-darkmode h3,
.hsfl-darkmode h4,
.hsfl-darkmode h5,
.hsfl-darkmode a.Card-link,
.hsfl-darkmode a.Card-link .Card-title,
.hsfl-darkmode #block-fachlichestudienberatung h2,
.hsfl-darkmode .Card--orange h3 a,
.hsfl-darkmode .sf-menu a,
.hsfl-darkmode .menu--utility a,
.hsfl-darkmode .study-thesis .fieldset-legend,
.hsfl-darkmode .study-finder .fieldset-legend,
.hsfl-darkmode .study-finder label,
.hsfl-darkmode .Site-footer a,
.hsfl-darkmode .field--cta-button-link a,
.hsfl-darkmode div.extern-event,
.hsfl-darkmode .event-ort,
.hsfl-darkmode .event-time,
.hsfl-darkmode .navbar__open-search-text,
.hsfl-darkmode .sf-accordion-toggle.sf-style-none a,
.hsfl-darkmode .article-date,
.hsfl-darkmode .Image-caption,
.hsfl-darkmode .figure-blockquote figcaption,
.hsfl-darkmode a.Card-link:visited,
.hsfl-darkmode a.Card-link:visited .Card-title,
.hsfl-darkmode .row-coa-blue-light,
.hsfl-darkmode .oe-hompage-link,
.hsfl-darkmode .study-thesis span.views-label,
.hsfl-darkmode cite,
.hsfl-darkmode .slick-arrow::before,
.hsfl-darkmode .slick-dots li button::before,
.hsfl-darkmode .figure-blockquote blockquote,
.hsfl-darkmode .ui-widget a,
.hsfl-darkmode .ui-widget,
.hsfl-darkmode .meldung--teaser .Card-title,
.hsfl-darkmode .Card-title.h2,
.hsfl-darkmode .magazine-black,
.hsfl-darkmode .magazine-black p,
.hsfl-darkmode .magazine-black h1,
.hsfl-darkmode .magazine-black h2,
.hsfl-darkmode .magazine-black h3,
.hsfl-darkmode .magazine-black h4,
.hsfl-darkmode .magazine-black ul,
.hsfl-darkmode .magazine-black li,
.hsfl-darkmode .magazine-black span,
.hsfl-darkmode .magazine-black div {
  color: #c3cbe7;
}

.hsfl-darkmode .typed-container-background {
  background: rgb(107, 62, 145);
}

.hsfl-darkmode .typed-container.typed-teaser #typed-back {
  color: #fff;
}

.hsfl-darkmode .typed-container a {
  background-color: rgb(163, 84, 148);
}

.hsfl-darkmode .btn-call-to-action a {
  color: #000000;
}

.hsfl-darkmode .btn-call-to-action.btn-red a {
  color: #fff;
}

.hsfl-darkmode .magazine-black .Card a:hover .Card-title {
  background: #5d3886;
}

.hsfl-darkmode .btn-magazine-outline {
  background-color: unset;
}

.hsfl-darkmode .btn-magazine:hover {
  border-color: #09112b;
}

.hsfl-darkmode .article-navigation a:hover {
  background-color: #5d3886;
}

.hsfl-darkmode .lb-question .figure-blockquote {
  background: unset;
}

.hsfl-darkmode .slick-dots li.slick-active button:before,
.hsfl-darkmode .slick-dots li:hover button:before {
  color: #5d3886;
}

.hsfl-darkmode strong,
.hsfl-darkmode span.plan-room-header {
  color: #EDEDED;
}

.hsfl-darkmode .list-style-svg .svg-icon path {
  stroke: #c39dd2;
}

.hsfl-darkmode .progress-container,
.hsfl-darkmode input {
  background: #c3cbe7;
}

.hsfl-darkmode #superfish-main-accordion,
.hsfl-darkmode #superfish-main-en-accordion,
.hsfl-darkmode .select2-results__options,
.hsfl-darkmode .select2-container--default .select2-search--dropdown .select2-search__field,
.hsfl-darkmode .row-coa-blue-light,
.hsfl-darkmode .slide--text-wrapper {
  background: #213b58;
}

.hsfl-darkmode .study-finder input[type=radio]:checked + label:before,
.hsfl-darkmode .study-finder input[type=checkbox]:checked + label:before,
.hsfl-darkmode .hsfl-selection input[type=radio]:checked + label:before,
.hsfl-darkmode .hsfl-selection input[type=checkbox]:checked + label:before,
.hsfl-darkmode .study-thesis input[type=radio]:checked + label:before,
.hsfl-darkmode .study-thesis input[type=checkbox]:checked + label:before {
  background: #c39dd2;
  color: #09112b;
}

.hsfl-darkmode .ui-accordion .ui-accordion-header:before,
.hsfl-darkmode button.slick-prev.slick-arrow:after,
.hsfl-darkmode button.slick-next.slick-arrow:after,
.hsfl-darkmode .figure-blockquote,
.hsfl-darkmode .link-tag-blue-light a,
.hsfl-darkmode .sf-menu a:hover {
  background: #5d3886;
}

.hsfl-darkmode .link--anchor.btn--anchor a,
.hsfl-darkmode .field--cta-button-link,
.hsfl-darkmode .pagingInfo,
.hsfl-darkmode input.button,
.hsfl-darkmode .slick--skin--classic .slide__caption,
.hsfl-darkmode .event-link a,
.hsfl-darkmode .participant-list-wrapper {
  background: #5d3886;
  color: #c3cbe7;
}

.hsfl-darkmode .link--anchor.btn--anchor a:hover,
.hsfl-darkmode .ui-accordion .ui-accordion-header-collapsed.ui-state-default:hover a,
.hsfl-darkmode .field--cta-button-link:hover a,
.hsfl-darkmode .field--cta-button-link:hover,
.hsfl-darkmode .Site-footer a:hover,
.hsfl-darkmode input.button:hover,
.hsfl-darkmode .event-link a:hover,
.hsfl-darkmode .cta-button-wrapper a:hover .cta-btn-link-text {
  background: #c39dd2;
  color: #09112b;
}

.hsfl-darkmode .item-list-col-3 .Card:hover .Card-title,
.hsfl-darkmode .ui-accordion .ui-accordion-header:hover,
.hsfl-darkmode .meldung--teaser a:hover .Card-title {
  background: #c39dd2;
}

.hsfl-darkmode .meldung--teaser.meldung--teaser-large a {
  background: none;
}

.hsfl-darkmode .meldung--teaser.meldung--teaser-large a:focus .Card-content {
  background: #0c1639;
}

.hsfl-darkmode .Schedule-Period-Wrapper,
.hsfl-darkmode .Planinfo-label,
.hsfl-darkmode .Planinfo-content,
.hsfl-darkmode .Planinfo-label-last,
.hsfl-darkmode .Planinfo-content-last {
  border-color: #c39dd2;
  color: #EDEDED;
}

.hsfl-darkmode .info-badge {
  color: #EDEDED;
  border-color: #EDEDED;
}

.hsfl-darkmode .field--cta-button-link:hover,
.hsfl-darkmode .Card,
.hsfl-darkmode .meldung--teaser,
.hsfl-darkmode .Article-sidebar .course-extras-wrapper,
.hsfl-darkmode .Info-detail,
.hsfl-darkmode .border-top,
.hsfl-darkmode .Modulplan li li {
  border-color: #c39dd2;
}

.hsfl-darkmode .info-note {
  background: #5d3886;
  border-left-color: #EC6707;
}

.hsfl-darkmode .ui-accordion .ui-state-active a,
.hsfl-darkmode .ui-accordion .ui-accordion-header-collapsed.ui-state-default a:hover,
.hsfl-darkmode a:hover h3,
.hsfl-darkmode .ui-accordion-header:hover a,
.hsfl-darkmode .views-accordion-header:hover h3,
.hsfl-darkmode .views-accordion-header.ui-accordion-header-active h3,
.hsfl-darkmode input,
.hsfl-darkmode .messages--status a,
.hsfl-darkmode .ui-accordion .views-row:hover > .views-field .field-content,
.hsfl-darkmode .ui-accordion-header.ui-accordion-header-active .field-content,
.hsfl-darkmode .hsfl-collapse-wrapper .hsfl-collapse,
.hsfl-darkmode .row-coa .btn-call-to-action,
.hsfl-darkmode .row-coa .btn-call-to-action a,
.hsfl-darkmode a:hover .Card-meta,
.hsfl-darkmode .meldung--teaser a:hover .Card-title,
.hsfl-darkmode .meldung--teaser a:hover .more-link-symbol,
.hsfl-darkmode .hs-light-blue p,
.hsfl-darkmode .toolbar-menu a:visited,
.hsfl-darkmode .tabs a:visited,
.hsfl-darkmode .mauticform_wrapper .mauticform-button-wrapper .mauticform-button.btn-default,
.hsfl-darkmode .form-textarea,
.hsfl-darkmode .report-widget__footer a:hover,
.hsfl-darkmode .menu--footer a:focus {
  color: #09112b;
}

.hsfl-darkmode a:hover .Card-meta-list {
  color: #EDEDED;
}

.hsfl-darkmode .ui-accordion .ui-state-active,
.hsfl-darkmode .pager .is-active a,
.hsfl-darkmode .event-pager .is-active a,
.hsfl-darkmode .Card:hover .news-large-text-wrapper h3,
.hsfl-darkmode .sf-menu .sf-expanded:hover > .nolink {
  background: #c39dd2;
  color: #09112b;
}

.hsfl-darkmode .ui-accordion .ui-accordion-header {
  color: #5d3886;
}

.hsfl-darkmode .pager a,
.hsfl-darkmode .event-pager a,
.hsfl-darkmode .interview-image-text,
.hsfl-darkmode .bg-orange,
.hsfl-darkmode .event--teaser h2,
.hsfl-darkmode .event--teaser h3 {
  background: #5d3886;
}

.hsfl-darkmode .more-stud-interest-wrapper .btn-call-to-action a {
  background: #e30613;
  color: #fff;
}

.hsfl-darkmode .more-stud-interest-wrapper .btn-call-to-action a:hover {
  background: #c39dd2;
  color: #09112b;
}

.hsfl-darkmode .ui-accordion .ui-accordion-content,
input[type=submit],
.hsfl-darkmode .cta-svg {
  border-color: #5d3886;
}

.hsfl-darkmode .cookiesjsr-layer--header,
.hsfl-darkmode .cookiesjsr-layer--body,
.hsfl-darkmode .cookiesjsr-layer--footer,
.hsfl-darkmode .cookiesjsr-service-groups > li button,
.hsfl-darkmode .cta-btn-text {
  background: #5d3886;
}

.hsfl-darkmode .cookiesjsr-layer--close {
  background-color: #c39dd2;
}

.hsfl-darkmode .cookiesjsr-service-group.active .cookiesjsr-service-group--tab,
.hsfl-darkmode .cookiesjsr-service-group.active .cookiesjsr-service-group--content,
.hsfl-darkmode a:focus {
  background: #c39dd2;
  color: #09112b;
}

.hsfl-darkmode a:focus .Card-title,
.hsfl-darkmode a:focus .Card-meta,
.hsfl-darkmode a:focus .more-link-symbol,
.hsfl-darkmode .Card--interview:hover p,
.hsfl-darkmode .Card--interview:hover .Card-title span,
.hsfl-darkmode .Card--interview:hover img {
  color: #09112b;
}

.hsfl-darkmode .cookiesjsr-layer--title,
.hsfl-darkmode .cookiesjsr-layer--label-all,
.hsfl-darkmode .cookiesjsr-service-groups > li button,
.hsfl-darkmode .select2-container--default .select2-search--dropdown .select2-search__field {
  color: #EDEDED;
}

.hsfl-darkmode .cookiesjsr-layer .cookiesjsr-btn.allowAll:before,
.hsfl-darkmode .cookiesjsr-service--description h3,
.hsfl-darkmode .cookiesjsr-service-groups > li.active button,
.hsfl-darkmode .menu--utility a:hover,
.uk-breadcrumb a:hover {
  color: #09112b;
}

.darkmode-force .theme-switch {
  margin-right: 0.3em;
}

.darkmode-force .label-light {
  display: none;
}

.darkmode-force .theme-switch svg:nth-child(2) {
  opacity: 20%;
}

.hsfl-darkmode .form-select,
.hsfl-darkmode .js input.form-autocomplete,
.hsfl-darkmode .webform-element-help,
.hsfl-darkmode .progress-step .progress-marker,
.hsfl-darkmode .messages--status strong {
  color: #000000;
}

.hsfl-darkmode .webform-multiple-table td.webform-multiple-table--operations-two,
.hsfl-darkmode .form-textarea,
.hsfl-darkmode .form-select,
.hsfl-darkmode .ui-widget.ui-widget-content {
  background: #bcc3dd;
}

.hsfl-darkmode .webform-multiple-table td input[type=image] {
  border-color: #000000;
}

.hsfl-darkmode .webform-multiple-table td.webform-multiple-table--operations input {
  opacity: unset;
}

.hsfl-darkmode .webform-element-help {
  border-color: #bcc3dd;
  background: #bcc3dd;
}

.hsfl-darkmode .progress-step.is-active .progress-marker::before {
  border-color: #c39dd2;
  background: #c39dd2;
}

.hsfl-darkmode .webform-progress-tracker .progress-step.is-complete:hover .progress-marker::before,
.webform-progress-tracker .progress-step.is-complete .progress-marker::after {
  background-color: #c39dd2;
}

.hsfl-darkmode .webform-progress-tracker .progress-step.is-active:hover .progress-marker::before {
  background-color: #EC6707;
}

.hsfl-darkmode .webform-progress-tracker .progress-step:not(.is-active) .progress-marker::before {
  background-color: #bcc3dd;
}

.hsfl-darkmode .webform-progress-tracker .progress-step.is-complete .progress-marker::before {
  background-color: #c39dd2;
}

.hsfl-darkmode .webform-progress-tracker .progress-step.is-active .progress-text,
.webform-progress-tracker .progress-step.is-complete .progress-text {
  color: #c39dd2;
}

.hsfl-darkmode .webform-progress-tracker .progress-step .progress-text {
  color: #bcc3dd;
}

.hsfl-darkmode .messages--status {
  color: rgb(170, 221, 249);
}

.hsfl-darkmode .webform-submission-form .messages--status h1,
.hsfl-darkmode .webform-submission-form .messages--status h2,
.hsfl-darkmode .webform-submission-form .messages--status h3,
.hsfl-darkmode .webform-submission-form .messages--status h4,
.hsfl-darkmode .webform-submission-form .messages--status h5,
.hsfl-darkmode .webform-submission-form .messages--status h6,
.hsfl-darkmode .webform-submission-form .messages--status p,
.hsfl-darkmode .webform-submission-form .messages--status ul,
.hsfl-darkmode .webform-submission-form .messages--status strong {
  color: #03060e;
}

.hsfl-darkmode .webform-submission-form .tippy-box a {
  color: rgb(170, 221, 249);
}

.hsfl-darkmode .webform-submission-form .messages--status a {
  text-decoration-thickness: 3px;
}

.hsfl-darkmode .btn-call-to-action.btn-light a {
  background: #09112b;
  color: #fff;
  border-color: #EC6707;
}

.hsfl-darkmode .btn-call-to-action.btn-light a:hover {
  background: #c39dd2;
  color: #09112b;
}

.hsfl-darkmode .ui-autocomplete a {
  color: black;
  font-size: 1.3rem;
}

.hsfl-darkmode .report-widget__footer {
  background: #213b58;
}

.hsfl-darkmode .report-widget__footer a {
  color: unset;
}

.hsfl-darkmode .report-widget__footer-logo .svg-icon-studycheck_logo {
  background: #f7f7f9;
}

.hsfl-darkmode .report-widget__item b {
  color: unset;
}

.hsfl-darkmode .report-widget__item {
  border-color: #c39ed3;
}

.hsfl-darkmode .report-widget--horizontal .report-widget__item {
  background: #5d3886;
  border: none;
}

.hsfl-darkmode .report-widget--horizontal .report-widget__item p,
.hsfl-darkmode .report-widget--horizontal .report-widget__course-rating .rating-value {
  color: #c0c6e4;
}

@media screen and (min-width: 700px) {
  .mode-toggle .toggle-label.visually-hidden {
    position: relative !important;
    width: auto;
    height: auto;
  }
}
@media (min-width: 1000px) {
  .hsfl-darkmode .off-canvas-xs-only {
    background: unset;
  }
}
@media (max-width: 999px) {
  .hsfl-darkmode .off-canvas-xs-only {
    background: #5d3886;
  }
}
.mauticform-innerform {
  color: #1E398F;
  font-family: cargan, georgia, serif;
}

.mauticform-checkboxgrp-checkbox {
  width: 30px;
  bottom: -8px;
  position: relative;
  float: left;
}

.mauticform-checkboxgrp-row label {
  margin-top: 0.2em;
}

.mauticform_wrapper .mauticform-button-wrapper .mauticform-button.btn-default {
  background-color: #EC6707;
  border-color: #EC6707;
}

.mauticform-button-wrapper .mauticform-button.btn-default:hover {
  background-color: #fff;
  color: #EC6707;
}

#block-filter:target,
.off-canvas-right.off-canvas-in {
  transform: translateX(0);
}

.btn--offcanvas-trigger svg {
  bottom: -4px;
  position: relative;
}

.off-canvas-xs-only {
  position: relative;
  margin-bottom: 0.75rem;
  padding-bottom: 1em;
  background: #ffffff;
}

.offcanvas-head {
  position: relative;
}

.offcanvas-head .complementary-title {
  font-size: 1.5rem;
}

.offcanvas-tools {
  position: absolute;
  right: 0;
  top: 0;
}

.svg-off-canvas {
  width: 20px;
  height: 20px;
}

.offcanvas-body {
  margin-top: 30px;
  padding-bottom: 90px;
}

@media (min-width: 1000px) {
  .off-canvas {
    display: inline-block;
    width: 100%;
    border-right: solid #EC6707;
  }
  .btn--offcanvas-trigger {
    display: none;
  }
  .offcanvas-head {
    padding: 15px 20px 0;
    color: #777777;
    line-height: 1;
  }
  .offcanvas-tools {
    display: none;
  }
  .offcanvas-body {
    margin-top: 0;
    padding-left: 20px;
    padding-rigth: 20px;
  }
}
@media (max-width: 999px) {
  .off-canvas {
    position: fixed;
    top: 7em;
    overflow: auto;
    width: 85%;
    max-width: 320px;
    height: 80%;
    padding: 1.25rem;
    z-index: 4;
    backface-visibility: hidden;
    transition: transform 0.5s;
  }
  .off-canvas-right {
    transform: translateX(100%);
    right: 0;
  }
  .off-canvas-xs-only {
    position: fixed;
    border: solid rgb(170, 221, 249);
  }
}
#pointer_div {
  position: relative;
  display: inline-block;
}

.attribution {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #fff;
}

#hsfl-marker {
  transform: perspective(40px) rotateX(20deg) rotateZ(-45deg);
  transform-origin: 50% 50%;
  border-radius: 50% 50% 50% 0;
  padding: 0 3px 3px 0;
  width: 40px;
  height: 40px;
  background: #e30613;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -3.5em 0 0 -1.2em;
  box-shadow: -1px 1px 4px rgba(0, 0, 0, 0.5);
}

#hsfl-marker:after {
  content: "";
  width: 1.9em;
  height: 1.9em;
  margin: 0.4em 0 0 0.2em;
  background: #fff;
  position: absolute;
  border-radius: 50%;
}

.report-widget--horizontal {
  width: 100%;
}

.report-widget__course-rating,
.report-widget__institute-rating {
  display: flex;
  align-items: center;
}

.report-widget__report-sum {
  line-height: 21px;
  margin-left: 20px;
  color: #9d9d9d;
  text-decoration: underline;
}

.report-widget__body {
  display: flex;
  flex-direction: column;
  margin-top: 1em;
}

.report-widget--horizontal .report-widget__body {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.report-widget__item {
  display: flex;
  flex-direction: column;
  padding: 10px;
  margin-bottom: 5px;
  border: #ec6709 1px solid;
}

.report-widget--horizontal .report-widget__item {
  margin: 0.3em;
  flex: 1;
  background: #fff;
  min-width: 15em;
  max-width: 32em;
}

.report-widget--horizontal p {
  margin-bottom: 0;
}

.report-widget--horizontal .report-widget__item p {
  color: #d44400;
}

.report-widget__item-title {
  color: #373a3c;
  margin: 0;
}

.report-widget__item-report-text-preview,
.report-widget__item-show-full-text-wrapper {
  margin-bottom: 5px;
}

blockquote.report-widget__item-report-text-preview {
  padding: 0;
}

.report-widget__bottom-wrapper {
  display: flex;
  height: 100%;
  place-items: flex-end;
}

p.report-widget__item-author {
  margin: 0;
  width: 50%;
}

.report-widget__item-rating {
  width: 50%;
  display: flex;
  position: relative;
}

.report-widget--horizontal .report-widget__item-rating .ratingbar {
  position: absolute;
  right: 0;
  bottom: 0;
}

.ratingbar {
  display: flex;
  align-items: center;
}

.ratingbar .stars-wrapper {
  position: relative;
  width: 100px;
}

.report-widget--horizontal .report-widget__course-rating .ratingbar .stars-wrapper:before {
  color: #fff;
}

.report-widget--horizontal .report-widget__course-rating .rating-value {
  color: #000;
}

.ratingbar .stars-full {
  position: absolute;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
}

.report-widget__footer {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.report-widget--vertical .report-widget__footer {
  background: #f7f7f9;
}

.report-widget__footer a {
  color: #02475e;
  text-decoration: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0.5em;
}

.report-widget__footer a p {
  margin: 0;
}

.report-widget__footer-logo .svg-icon-studycheck_logo {
  width: 100px;
  height: 43px;
  margin: auto;
  display: block;
  padding-left: 10px;
  padding-right: 10px;
}

.report-widget--horizontal .report-widget__report-sum {
  margin: 0;
}

.report-widget--horizontal .report-widget__course-rating {
  display: block;
}

.report-widget__course-rating .ratingbar {
  width: 120px;
}

.report-widget__course-rating .ratingbar {
  margin: 0 auto;
}

.report-widget__footer-logo {
  margin: 0 auto 2em;
}

.report-widget--horizontal .report-widget__footer a {
  display: block;
}

.report-widget--horizontal .report-widget__footer p {
  font-size: 0.8rem;
}

.ratingbar .stars-wrapper img {
  position: absolute;
  width: 100px;
  height: 20px;
  left: 0;
  z-index: 2;
}

.stars-given {
  position: absolute;
  background: #ffd441;
  min-height: 20px;
}

.stars-bg {
  background: #fff;
  z-index: 12;
  min-height: 20px;
  width: 100px;
}

.rating-value {
  margin-left: 0.5em;
  margin-right: 0.5em;
}

.Planinfo-list .ratingbar {
  flex-wrap: wrap;
}

.Planinfo-list .rating-value {
  flex: unset;
}

.Planinfo-list .recommendation {
  flex: 100%;
}

.lfestival24 a,
.lfestival24 li::marker {
  color: #AFFC41;
}

.hsfl-darkmode.lfestival24 p a,
.lfestival24 a {
  text-decoration-color: #C82E6E;
}

.hsfl-darkmode.lfestival24 p a:visited {
  color: #AFFC41;
  text-decoration-color: #1DD3B0;
}

.lfestival24 h1,
.lfestival24 em {
  color: #1DD3B0;
}

.lfestival24 h2 {
  color: #C82E6E;
}

.lfestival24 .layout--twocol-section h2:first-child {
  margin-top: 0;
}

.lfestival24 ol {
  font-size: 1rem;
}

.lp-future .cta-left .slide--text-wrapper {
  left: 2%;
  background: #e66409;
}

.lp-future .cta-left .slide--text-wrapper p {
  color: #fff;
  font-size: 1.8rem;
  margin-bottom: 0;
}

.lp-future .slick {
  margin-bottom: 2em;
}

.lp-future .interview-image-quote-wrapper h2 {
  margin-bottom: 0;
}

.layout--onecol .interview-image-quote,
.layout--onecol .interview-quote,
.layout--onecol .figure-blockquote {
  width: auto;
}

.lp-future p {
  max-width: unset;
}

.lp-rundgang .layout.layout--twocol-section:nth-child(2) {
  margin-bottom: 0;
}

.lp-rundgang .layout.layout--twocol-section:nth-child(3) {
  margin-top: 0;
  margin-bottom: 1em;
}

.lp-rundgang .layout.layout--twocol-section:nth-child(4) {
  margin-top: 0;
  margin-bottom: 0;
}

.lp-rundgang .layout.layout--twocol-section:nth-child(4) h2 {
  margin-top: 0;
}

.lp-rundgang .layout.layout--twocol-section:nth-child(6) h2 {
  margin-top: 0;
}

.typed-container {
  padding: 2em;
}

.typed-container-background {
  background: aliceblue;
}

.typed-container a {
  text-decoration: none;
}

.typed-container a:visited {
  color: #EC6707;
}

.typed-container a {
  background-color: rgb(170, 221, 249);
}

.typed-container h2 {
  font-size: 3.6rem;
  margin: 0;
}

#typed-back, .typed-container .typed-cursor {
  font-size: 1.7rem;
}

.lp-hi #typed-back {
  white-space: nowrap;
}

.typed-cta {
  width: 100%;
  display: block;
  font-size: 2rem;
  margin-top: 2.6em;
  padding: 0.3em;
  background: #EC6707;
  color: #fff;
}

.typed-cta:hover {
  background: rgb(170, 221, 249);
  color: #1E398F;
}

.hi-container {
  display: flex;
  align-items: center;
  margin-top: 2.3em;
  margin-bottom: 4em;
}

.equalizer {
  display: flex;
  gap: 3px;
  width: 50px;
  position: absolute;
  left: 10px;
  top: 0;
}

.faq-format-select .typed-faq-answer {
  position: relative;
}

.faq-format-select .equalizer {
  top: 15px;
}

.hi-container {
  flex-wrap: wrap;
}

.faq-question {
  width: 100%;
}

.faq-question > div {
  max-width: 42em;
  cursor: pointer;
}

.faq-question > div:hover {
  font-weight: bold;
}

.typed-faq-answer {
  background: #9da9d7;
  padding: 1em;
  width: 100%;
}

.typed-faq-answer h3 {
  margin: 0;
}

.hi-column {
  display: flex;
  flex-direction: column;
}

.hi-block {
  width: 10px;
  height: 5px;
}

.hi-block-animate .hi-block {
  animation: pulse 0.5s ease-in-out infinite alternate;
}

.hi-cursor {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 40px;
  width: 10px;
}

.hi-cursor .hi-block {
  width: 10px;
  height: 20px;
}

.hi-block-indicator {
  max-width: 44em;
}

.hi-block-indicator:after {
  content: "❚";
}

.faq-item {
  width: 100%;
  position: relative;
}

.faq-title {
  text-align: center;
}

.faq-toggle,
.continue-button {
  padding: 0.6em 1em;
  margin-bottom: 1em;
  border: 2px solid #EC6707;
  border-radius: 25px;
  background-color: #fff;
  color: #333;
  font-size: 14px;
  text-align: center;
  transition: all 0.3s ease;
  cursor: pointer;
  outline: none;
  display: flex;
}

.faq-toggle {
  margin: 1em auto 1em auto;
}

.faq-format-button .fade-container {
  display: flex;
  align-items: flex-start;
  gap: 1em;
  flex-wrap: wrap;
}

.faq-toggle p,
.continue-button p {
  margin: 0;
}

.faq-toggle:hover,
.continue-button:hover {
  background-color: rgb(170, 221, 249);
  transform: scale(1.05);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.faq-toggle:focus,
.continue-button:focus {
  outline: 2px solid rgb(170, 221, 249);
  outline-offset: 2px;
}

.faq-toggle:active,
.continue-button:active {
  transform: scale(0.95);
  background-color: #d0d0d0;
}

@media (max-width: 600px) {
  .faq-toggle,
  .continue-button {
    padding: 8px 15px;
    font-size: 12px;
  }
}
.typed-faq-answer {
  padding: 1em 1em 1em 4em;
  background-color: aliceblue;
  border-radius: 12px;
  margin-top: 1em;
  /* Ensures smooth text appearance */
  overflow: hidden;
  /* Subtle design elements */
  border: 1px solid #e0e0e0;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.faq-format-button .typed-faq-answer {
  padding-left: 1em;
}

/* Hide toggle icon initially */
.faq-toggle-icon {
  display: none;
}

.js .faq-toggle-icon {
  display: inline-block;
  padding-left: 1em;
  padding-top: 0.24em;
}

.hsfl-darkmode .typed-faq-answer,
.hsfl-darkmode .block--field-iwt-text-container {
  background-color: #5d3886;
}

.hsfl-darkmode .faq-toggle, .hsfl-darkmode .continue-button {
  background-color: #EC6707;
  color: #000000;
}

.hsfl-darkmode .faq-toggle p, .hsfl-darkmode .continue-button {
  color: #000000;
}

.hsfl-darkmode .faq-toggle:hover, .hsfl-darkmode .continue-button:hover {
  background-color: #c39dd2;
}

.hi-colored {
  background-color: #1E398F;
}

.hi-colored-red {
  background-color: #e30613;
}

.hi-colored-blue-l {
  background-color: rgb(170, 221, 249);
}

.hi-colored-orange {
  background-color: #EC6707;
}

.hi-colored-lila {
  background-color: rgb(107, 62, 145);
}

.hi-colored-lila-l {
  background-color: rgb(163, 84, 148);
}

.hi-colored-pink {
  background-color: rgb(211, 83, 120);
}

/* Equalizer-Effekt: zufällige Größenänderungen der Vierecke */
@keyframes pulse {
  0% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(2);
  }
  100% {
    transform: scaleY(1);
  }
}
/* Unterschiedliche Animationsdauer für Variationen */
.hi-column:nth-child(1) .hi-block:nth-child(odd) {
  animation-duration: 0.4s;
}

.hi-column:nth-child(2) .hi-block:nth-child(3) {
  animation-duration: 0.6s;
}

.hi-column:nth-child(3) .hi-block:nth-child(even) {
  animation-duration: 0.5s;
}

.block--iwt {
  display: flex;
  margin-top: 5em;
  margin-bottom: 5em;
}

.block--field-iwt-text-container {
  background: aliceblue;
  display: flex;
  width: 100%;
}

.block--field-iwt-text {
  width: 100%;
  padding: 2em;
  align-self: center;
}

.field--image-collage {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
}

.field--image-collage li {
  max-width: 13em;
}

.field--image-collage li:nth-child(odd) {
  transform: rotate(4deg);
}

.field--image-collage li:nth-child(even) {
  transform: rotate(-4deg);
}

.lp-hi .layout__region--first .field--image-collage li:nth-child(odd) {
  transform: rotate(-4deg);
}

.lp-hi .layout__region--first .field--image-collage li:nth-child(even) {
  transform: rotate(4deg);
}

.lp-hi .layout__region--second > div .field--image-collage li:nth-child(odd) {
  transform: rotate(-3deg);
}

.lp-hi .layout__region--second > div .field--image-collage li:nth-child(even) {
  transform: rotate(3deg);
}

.lp-hi .layout__region--second > div:nth-child(2) .field--image-collage li:nth-child(odd) {
  transform: rotate(5deg);
}

.lp-hi .layout__region--second > div:nth-child(2) .field--image-collage li:nth-child(even) {
  transform: rotate(-3deg);
}

.field--image-collage li .paragraph img {
  border: solid white 4px;
  border-radius: 12px;
  overflow: hidden;
}

.Container.lp-hi {
  max-width: unset;
}

.lp-hi .layout {
  max-width: 1400px;
  margin: auto;
}

.lp-hi .layout--twocol-section:nth-child(1) {
  max-width: unset;
}

.lp-hi .layout__region--second .field--image-collage:nth-child(1) {
  top: 2em;
  position: relative;
  margin-bottom: -1em;
}

.lp-hi .layout__region--second .field--image-collage li {
  position: relative;
}

.lp-hi .layout__region--second .field--image-collage li:nth-child(1) {
  top: -3em;
}

.lp-hi .layout__region--second .field--image-collage li:nth-child(2) {
  top: -5em;
}

.lp-hi .layout__region--second .field--image-collage li:nth-child(3) {
  top: -7em;
}

.lp-hi .layout__region--second .field--image-collage {
  right: 0;
  position: relative;
}

@media (max-width: 1069px) {
  .lp-hi .layout-content-wrapper .layout--twocol-section:nth-child(1) .layout__region--first,
  .lp-hi .layout-content-wrapper .layout--twocol-section:nth-child(1) .layout__region--second {
    flex: 0 1 100%;
  }
  .lp-hi .layout__region--second .field--image-collage {
    display: none;
  }
  .field--image-collage {
    justify-content: center;
  }
  .lp-hi .layout__region--first .field--image-collage li:nth-child(1),
  .lp-hi .layout__region--first .field--image-collage li:nth-child(3) {
    max-width: 16em;
  }
  .block--iwt {
    flex-wrap: wrap;
    justify-content: center;
  }
  .block--field-iwt-text-container {
    max-width: 600px;
  }
}
@media (min-width: 900px) {
  .faq-format-button .fade-container {
    flex-wrap: nowrap;
  }
}
@media (min-width: 1070px) {
  .lp-hi .layout--twocol-section:nth-child(1) {
    margin-bottom: 7em;
  }
  .typed-container h2 {
    font-size: 4rem;
  }
  #typed-back, .typed-container .typed-cursor {
    font-size: 3rem;
  }
  .field--image-collage li {
    max-width: 9em;
  }
  .lp-hi .layout__region--first .field--image-collage {
    right: -34%;
    position: relative;
  }
  .field--image-collage {
    justify-content: flex-end;
    align-items: flex-end;
  }
  .block--field-iwt-text-container {
    width: 70%;
  }
}
@media (min-width: 1400px) {
  .lp-hi .layout__region--first .field--image-collage li:nth-child(1) {
    max-width: 16em;
  }
}
@media (min-width: 1731px) {
  .typed-container h2 {
    font-size: 6rem;
  }
  #typed-back, .typed-container .typed-cursor {
    font-size: 5rem;
  }
  .field--image-collage li {
    max-width: 13em;
  }
  .lp-hi .layout__region--first .field--image-collage {
    right: -22%;
  }
}
.block--field-iwt-text .btn-call-to-action a {
  float: unset;
}

#webform-submission-international-week-form summary {
  font-size: 30px;
}

#webform-submission-international-week-form .js-form-item {
  margin-bottom: 15px;
}

#webform-submission-international-week-form .js-form-type-radio {
  margin-bottom: 0;
}

.form-item-contribute-to-the-programme label {
  margin-top: 0;
}

#edit-date-of-birth .js-form-item {
  float: left;
  padding-right: 16px;
}

.form-item-date-of-birth {
  width: 100%;
  float: left;
}

form {
  font-size: 1.2rem;
}

.messages {
  margin-top: 1em;
}

.webform-submission-form input, .webform-submission-form select {
  width: 100%;
  white-space: normal;
}

.webform-submission-form textarea {
  width: 100%;
}

.webform-confirmation__message {
  margin-top: 1.5em;
}

.webform-submission-form #edit-submit {
  padding: 8px;
}

.webform-submission-form .form-radio {
  float: left;
  max-width: 31px;
  margin-top: 12px;
}

.Article--webform {
  margin-top: 2em;
}

.webform-submission-form label {
  font-weight: bold;
}

.webform-submission-form legend {
  font-weight: bold;
}

.webform-submission-form .webform-composite-visible-title label {
  font-weight: normal;
}

.hide-disabled-field.form-disabled {
  display: none;
}

.webform-submission-form .form-checkbox, .webform-submission-form .form-radio {
  float: left;
  max-width: 31px;
  margin-top: 4px;
}

.tippy-box ul,
.tippy-box ol,
.webform-submission-form .tippy-box p,
.webform-submission-form .tippy-box {
  color: #fff;
  font-size: 1rem;
}

.webform-submission-form .tippy-box p a {
  font-size: 1rem;
}

.webform-submission-form .webform-element-help--title {
  font-size: 1.3rem;
}

.webform-submission-form .tippy-box strong {
  color: rgb(170, 221, 249);
}

.js-form-type-webform-markup {
  margin-top: 1em;
}

@media (min-width: 700px) {
  .js-form-item-vorname {
    width: 48%;
    float: left;
    margin-right: 4%;
  }
  .js-form-item-nachname {
    width: 48%;
    float: left;
  }
  input#edit-actions-wizard-prev {
    width: 50%;
  }
  input#edit-actions-wizard-next {
    width: 49%;
  }
}
@media (min-width: 864px) {
  ul.webform-progress-tracker {
    width: 140%;
    margin-left: -130px;
  }
}
#webform-submission-lehrveranstaltungsevaluation-form .form-radio,
#webform-submission-absolventenbefragung-2017-form .form-radio {
  width: 1em;
}

#webform-submission-absolventenbefragung-2017-form .fieldgroup {
  margin-bottom: 2em;
}

#webform-submission-topwochen-2017-anmeldung-unterne-form .form-radio,
#webform-submission-topwochen-2017-anmeldung-unterne-form .form-radio,
#webform-submission-anmeldung-zur-stadtrundfahrt-form .form-radio,
#webform-submission-anmeldung-zur-stadtrundfahrt-form .form-radio,
#webform-submission-topwochen-2017-anmeldung-campusf-form .form-radio,
#webform-submission-topwochen-2017-anmeldung-campusf-form .form-radio {
  width: 1em;
}

#webform-submission-topwochen-2017-anmeldung-unterne-form .fieldgroup,
#webform-submission-anmeldung-zur-stadtrundfahrt-form .fieldgroup,
#webform-submission-topwochen-2017-anmeldung-campusf-form .fieldgroup {
  margin-bottom: 2em;
}

#webform-submission-personenupdate-form .js-form-type-webform-multiple .container-inline {
  width: 100%;
  float: left;
}

#webform-submission-personenupdate-form .js-form-type-webform-multiple .js-form-submit {
  float: right;
  width: 190px;
}

#webform-submission-personenupdate-form .js-form-type-webform-multiple .draggable .js-form-submit {
  float: left;
  width: auto;
}

#webform-submission-personenupdate-form .js-form-type-webform-multiple .js-form-type-number {
  float: right;
}

#webform-submission-personenupdate-form .js-form-type-webform-multiple .form-number {
  float: left;
  width: 77px;
  margin-top: 0.8em;
  padding-left: 1em;
  margin-right: 1em;
}

#webform-submission-personenupdate-form .js-form-type-webform-multiple .field-suffix, #webform-submission-personenupdate-form .js-form-type-webform-multiple .webform-multiple-tabledrag-toggle-weight {
  display: none;
}

#webform-submission-personenupdate-form .js-form-type-textarea textarea {
  width: 100%;
}

#webform-submission-personenupdate-form #edit-gleiche-oeffnugszeiten .form-item-von,
#webform-submission-personenupdate-form #edit-gleiche-oeffnugszeiten .form-item-bis {
  float: left;
  width: 50%;
  padding-right: 1em;
}

#webform-submission-personenupdate-form .form-item-auswahl-tag-montag,
#webform-submission-personenupdate-form .form-item-auswahl-tag-dienstag,
#webform-submission-personenupdate-form .form-item-auswahl-tag-mittwoch,
#webform-submission-personenupdate-form .form-item-auswahl-tag-donnerstag,
#webform-submission-personenupdate-form .form-item-auswahl-tag-freitag {
  float: left;
  padding-right: 1em;
}

#webform-submission-personenupdate-form .form-item-auswahl-tag-montag input,
#webform-submission-personenupdate-form .form-item-auswahl-tag-dienstag input,
#webform-submission-personenupdate-form .form-item-auswahl-tag-mittwoch input,
#webform-submission-personenupdate-form .form-item-auswahl-tag-donnerstag input,
#webform-submission-personenupdate-form .form-item-auswahl-tag-freitag input {
  float: left;
  width: 18px;
  margin-top: 0.2em;
}

#webform-submission-personenupdate-form .form-item-auswahl-tag-montag .option,
#webform-submission-personenupdate-form .form-item-auswahl-tag-dienstag .option,
#webform-submission-personenupdate-form .form-item-auswahl-tag-mittwoch .option,
#webform-submission-personenupdate-form .form-item-auswahl-tag-donnerstag .option,
#webform-submission-personenupdate-form .form-item-auswahl-tag-freitag .option {
  float: left;
  margin: 0;
}

#webform-submission-personenupdate-form .js-form-type-webform-time {
  float: left;
  width: 100%;
  max-width: 300px;
  padding-right: 1em;
}

#webform-submission-personenupdate-form .form-item-telefon,
#webform-submission-personenupdate-form .form-item-fax,
#webform-submission-personenupdate-form .form-item-homepage-title,
#webform-submission-personenupdate-form .form-item-homepage-url {
  float: left;
}

#webform-submission-personenupdate-form .form-item-forschungsschwerpunkt,
#webform-submission-personenupdate-form .form-item-professor-fuer,
#webform-submission-personenupdate-form .form-item-abteilung-fachbereich-projekt-einrichtung,
#webform-submission-personenupdate-form .form-item-funktion-zustaendigkeit,
#webform-submission-personenupdate-form .form-item-studiengang {
  float: left;
}

#webform-submission-personenupdate-form #edit-publikationen-bool,
#webform-submission-personenupdate-form .form-item-oeffnungszeiten-freitext {
  float: left;
  width: 100%;
}

@media (min-width: 900px) {
  #webform-submission-personenupdate-form .js-form-type-webform-time {
    width: 35%;
  }
  #webform-submission-personenupdate-form .form-item-telefon,
  #webform-submission-personenupdate-form .form-item-fax,
  #webform-submission-personenupdate-form .form-item-homepage-title,
  #webform-submission-personenupdate-form .form-item-homepage-url {
    width: 50%;
    padding-right: 1em;
  }
  #webform-submission-personenupdate-form .form-item-professor-fuer,
  #webform-submission-personenupdate-form .form-item-abteilung-fachbereich-projekt-einrichtung,
  #webform-submission-personenupdate-form .form-item-funktion-zustaendigkeit,
  #webform-submission-personenupdate-form .form-item-studiengang {
    width: 50%;
    padding-right: 1em;
  }
}
#webform-submission-bewerbung-um-einen-austauschstud-add-form .webform-submission-form .form-radio,
#webform-submission-bewerbung-um-einen-austauschstud-add-form .webform-submission-form .form-checkbox {
  float: left;
  max-width: 31px;
  margin-top: 17px;
}

#webform-submission-bewerbung-um-einen-austauschstud-add-form label {
  margin-top: 0;
}

#webform-submission-bewerbung-um-einen-austauschstud-add-form .form-radio + label,
#webform-submission-bewerbung-um-einen-austauschstud-add-form .form-checkbox + label {
  display: inline-block;
  margin-top: 0.5em;
}

#webform-submission-bewerbung-um-einen-austauschstud-add-form .webform-submission-form input, #webform-submission-bewerbung-um-einen-austauschstud-add-form .webform-submission-form select {
  width: 49%;
  white-space: normal;
}

#webform-submission-bewerbung-um-einen-austauschstud-add-form #studienrelevante_auslandsaufenthalte_composite_table input,
#webform-submission-bewerbung-um-einen-austauschstud-add-form #studienrelevante_auslandsaufenthalte_composite_table select {
  width: 100%;
}

#webform-submission-bewerbung-um-einen-austauschstud-add-form #studienrelevante_auslandsaufenthalte_composite_table .webform-multiple-table--operations input {
  width: 16px;
}

#webform-submission-bewerbung-um-einen-austauschstud-add-form .webform-multiple-tabledrag-toggle-weight {
  display: none;
}

.js-form-type-number.form-item-studienrelevante-auslandsaufenthalte-composite-add-more-items {
  display: none;
}

#studienrelevante_auslandsaufenthalte_composite_table td {
  width: 50%;
}

#studienrelevante_auslandsaufenthalte_composite_table .webform-multiple-table--handle {
  display: none;
}

#studienrelevante_auslandsaufenthalte_composite_table td:nth-child(4),
#studienrelevante_auslandsaufenthalte_composite_table td:nth-child(5) {
  width: 50%;
}

#studienrelevante_auslandsaufenthalte_composite_table .webform-multiple-table--operations {
  display: none;
}

@media (max-width: 767px) {
  #webform-submission-bewerbung-um-einen-austauschstud-add-form .visually-hidden {
    position: relative !important;
    clip: rect(auto, auto, auto, auto);
    height: auto;
    width: auto;
    word-wrap: normal;
  }
  #edit-studienrelevante-auslandsaufenthalte .visually-hidden, #edit-angaben-zum-studium .visually-hidden, #webform-submission-bewerbung-um-einen-austauschstud-add-form .messages--status .visually-hidden {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
    width: 1px;
    word-wrap: normal;
  }
}
@media (min-width: 768px) {
  .form-item-studienzeitraum-ws-2018-2019, .form-item-studienzeitraum-02-ws-2018-2019,
  .form-item-studienzeitraum-03-ws-2018-2019 {
    margin-top: 20px;
  }
  select#edit-gewunschte-hochschule, select#edit-gewunschte-hochschule-2,
  select#edit-gewunschte-hochschule-03 {
    margin-top: 30px;
    margin-bottom: 75px;
  }
  #edit-lerne-sprache--wrapper legend, #edit-vorlesungen-folgen--wrapper legend,
  #edit-zusatzliche-sprachlicher-vorbereitung--wrapper legend, .form-item-lerndauer label {
    min-height: 125px;
  }
  .form-item-lerndauer label, .form-item-fremdsprache label {
    min-height: 135px;
  }
}
@media (max-width: 959px) {
  #studienrelevante_auslandsaufenthalte_composite_table td {
    width: 100%;
    float: left;
  }
  #studienrelevante_auslandsaufenthalte_composite_table td:nth-child(4),
  #studienrelevante_auslandsaufenthalte_composite_table td:nth-child(5) {
    width: 50%;
    float: left;
  }
  #edit-studienrelevante-auslandsaufenthalte-composite-items th {
    display: none;
  }
  #studienrelevante_auslandsaufenthalte_composite_table td:nth-child(2)::before {
    content: "Art";
  }
  #studienrelevante_auslandsaufenthalte_composite_table td:nth-child(3)::before {
    content: "Land";
  }
  #studienrelevante_auslandsaufenthalte_composite_table td:nth-child(4)::before {
    content: "von";
  }
  #studienrelevante_auslandsaufenthalte_composite_table td:nth-child(5)::before {
    content: "bis";
  }
}
@media (min-width: 960px) {
  #studienrelevante_auslandsaufenthalte_composite_table td {
    width: 32%;
  }
  #studienrelevante_auslandsaufenthalte_composite_table .webform-multiple-table--handle {
    width: 6%;
    display: block;
  }
  #studienrelevante_auslandsaufenthalte_composite_table td:nth-child(4),
  #studienrelevante_auslandsaufenthalte_composite_table td:nth-child(5) {
    width: 12%;
  }
  #studienrelevante_auslandsaufenthalte_composite_table .webform-multiple-table--operations {
    display: block;
  }
}
fieldset#edit-teilnahme-am--wrapper {
  margin-top: 2em;
}

#edit-ansprechpartner {
  margin-bottom: 18px;
}

.Article--webform-wide .webform-submission-form .form-checkbox {
  margin-top: 4px;
}

@media screen and (min-width: 54em) {
  .Article--webform-wide {
    width: 75%;
    max-width: 44em;
  }
}
.webform-submission-anmeldung-eroeffnung-zait-form .messages {
  margin-top: 1em;
}

.webform-submission-anmeldung-eroeffnung-zait-form .form-checkbox {
  margin-top: 5px;
}

#webform-submission-vorkurs-mathematik-node-4365-add-form .messages--info {
  width: 100%;
  margin-top: 10px;
  clear: left;
  display: inline-block;
}

.webform-deutschlandstipendium .progress-text {
  overflow: unset;
}

div#edit-container-01 {
  margin-top: 1em;
}

.messages.messages--status {
  font-size: 1.2rem;
}

#datum_table .webform-multiple-table td,
#terminvorschlaege_ii_table .webform-multiple-table td {
  vertical-align: top;
  white-space: normal;
  padding-top: 1rem;
}

#webform-submission-umfrage-gebaeudebeschilderung-ii-node-10919-add-form h3 {
  margin-top: 2em;
}

#webform-submission-umfrage-gebaeudebeschilderung-ii-node-10919-add-form .form-required {
  font-size: 1.6rem;
}

.cookiesjsr-btn {
  cursor: pointer;
  font: inherit;
  width: calc(100% - 2.5em);
  text-transform: uppercase;
  font-size: 1em;
  border-radius: 8px;
  padding: 0;
  text-decoration: none;
  white-space: nowrap;
  margin: 0.625em;
  opacity: 0.95;
  transform: scale(1);
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  color: var(--btn-font-color, #FFF);
  border: 2px solid var(--btn-border-color, #FFF);
  background-color: var(--btn-bg-color, #2C2F88);
}
@media (min-width: 576px) {
  .cookiesjsr-btn {
    min-height: 48px;
  }
}
.cookiesjsr-btn:hover {
  opacity: 1;
  transform: scale(1.02);
}
.cookiesjsr-btn.invert {
  color: var(--btn-inv-font-color, #2C2F88);
  border-color: var(--btn-inv-border-color, #2C2F88);
  background-color: var(--btn-inv-bg-color, #FFF);
}
.cookiesjsr-btn.important {
  color: var(--btn-prime-font-color, #2C2F88);
  border-color: var(--btn-prime-border-color, #FFF);
  background-color: var(--btn-prime-bg-color, #FFF);
}
.cookiesjsr-btn.important.invert {
  color: var(--btn-prime-inv-font-color, #FFF);
  border-color: var(--btn-prime-inv-border-color, #2C2F88);
  background-color: var(--btn-prime-inv-bg-color, #2C2F88);
}

.cookiesjsr-links {
  list-style: none;
  margin: 0 -0.75em;
  padding: 0;
  display: flex;
  flex-direction: column;
}
@media (min-width: 576px) {
  .cookiesjsr-links.links--row {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: left;
    align-items: center;
  }
}
.cookiesjsr-links.links--row li {
  margin: 0;
  padding-left: 0.75em;
  padding-right: 0.75em;
  position: relative;
}
.cookiesjsr-links.links--row li a {
  margin: 0;
  padding: 0;
  line-height: 2em;
  display: inline-block;
}
.cookiesjsr-links.links--row li:first-child:before {
  content: none;
}
@media (min-width: 576px) {
  .cookiesjsr-links.links--row li:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 0.3em;
    height: 0.3em;
    background-color: var(--link-list-separator-color, #FFF);
    transform: translate(-50%, -40%);
  }
}

.cookiesjsr-btn.denyAll {
  display: none;
}
@media (min-width: 1200px) {
  .cookiesjsr-btn.denyAll {
    display: inline-block;
  }
}

.cookiesjsr-switch {
  position: relative;
  margin: 0;
  padding: 0;
  display: block;
  width: var(--switch-width, 45px);
  height: var(--switch-height, 20px);
  border-radius: var(--switch-height, 20px);
  background-color: var(--switch-bg-off, #FFF);
  cursor: pointer;
  box-shadow: inset -1px 2px 1px rgba(0, 0, 0, 0.25);
  border: 0;
  transition: background-color 0.1s ease-in-out;
}
.cookiesjsr-switch:focus-within:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  border: 1px dotted #eee;
  transform: scale(1.4);
}
.cookiesjsr-switch:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: var(--switch-height, 20px);
  height: var(--switch-height, 20px);
  border-radius: var(--switch-height, 20px);
  transform: scale(1.2);
  background-color: var(--switch-handle-color, #FFF);
  border: 1px solid var(--switch-border-color, #e4e5e6);
  transition: left 0.1s ease-in-out;
  box-shadow: -1px 2px 1px rgba(0, 0, 0, 0.25);
}
.cookiesjsr-switch.active {
  background-color: var(--switch-bg-on, #00AA00);
}
.cookiesjsr-switch.active:after {
  left: 25px;
}
.cookiesjsr-switch input[type=checkbox] {
  position: absolute;
  opacity: 0;
}

.cookiesjsr-banner {
  position: fixed;
  z-index: 10000;
  left: 0;
  bottom: 0;
  height: auto;
  width: 100vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 1em;
  background-color: var(--banner-bg-color, #2C2F88);
  color: var(--banner-font-color, #FFF);
  max-height: calc(100vh - 100px);
  overflow: auto;
  transform: translateY(100%);
  transition: transform 0.3s ease-in-out;
}
.cookiesjsr-banner.active {
  transform: translateY(0);
}
@media (min-width: 768px) {
  .cookiesjsr-banner {
    flex-direction: row;
  }
}
.cookiesjsr-banner a {
  color: var(--link-list-font-color, #FFF);
}
.cookiesjsr-banner--info, .cookiesjsr-banner--action {
  width: 100%;
}
@media (min-width: 768px) {
  .cookiesjsr-banner--info, .cookiesjsr-banner--action {
    width: 50%;
  }
}
.cookiesjsr-banner--info {
  padding: 0 var(--default-margin, 1.25em);
  margin-bottom: var(--default-margin, 1.25em);
  max-height: calc(100vh - 100px - 2.5em);
  overflow: auto;
}
.cookiesjsr-banner--text {
  display: block;
}
.cookiesjsr-banner--links {
  margin-top: 0.5em;
  font-size: 0.85em;
}
.cookiesjsr-banner--action {
  display: flex;
  flex-direction: column;
  padding: 0;
}
@media (min-width: 1200px) {
  .cookiesjsr-banner--action {
    flex-direction: row;
  }
}
.cookiesjsr-banner button.denyAll {
  display: inline-block;
}

.cookiesjsr-service-groups {
  position: static !important;
  display: block;
  max-height: 100%;
  overflow: auto;
  list-style: none;
  margin: 0 0 -1px !important;
  padding: 0 !important;
}

.cookiesjsr-service-group {
  position: static !important;
  line-height: 1.5em;
  list-style: none;
}
.cookiesjsr-service-group--tab {
  min-height: 3em;
  padding: 1em var(--default-margin, 1.25em);
  display: block;
  width: 100%;
  text-decoration: none;
  text-align: left;
  cursor: pointer;
  font-weight: 700;
  margin: 0;
  border: 0;
  color: var(--layer-tab-font-color, #000f37);
  background: var(--layer-tab-bg-color, #FFF);
  border-bottom: 1px solid var(--layer-border-color, #e4e5e6);
  -webkit-appearance: none;
  -moz-appearance: none;
}
.cookiesjsr-service-group--tab:last-child {
  border-bottom: 0;
}
@media (min-width: 768px) {
  .cookiesjsr-service-group--tab {
    padding: 1em 3.25em 1em 1.25em;
    width: calc(30% + 2em);
  }
}
.cookiesjsr-service-group--content {
  display: none;
}
@media (min-width: 768px) {
  .cookiesjsr-service-group--content {
    position: absolute;
    width: 70%;
    height: 100%;
    overflow: auto;
    right: 0;
    top: 0;
  }
}
.cookiesjsr-service-group--intro {
  padding: 1em var(--default-margin, 1.25em);
}
.cookiesjsr-service-group.active .cookiesjsr-service-group--tab {
  color: var(--layer-tab-active-font-color, #FFF);
  background: var(--layer-tab-active-bg-color, #2C2F88);
  border-bottom: 0 none;
}
.cookiesjsr-service-group.active .cookiesjsr-service-group--content {
  display: block;
  color: var(--layer-tab-active-font-color, #FFF);
  background: var(--layer-tab-active-bg-color, #2C2F88);
  font-weight: 500;
}
.cookiesjsr-service-group--services {
  margin: 0 !important;
  padding: 0 !important;
}

.cookiesjsr-service {
  display: flex;
  align-items: center;
  background-color: rgba(228, 229, 230, 0);
  transition: background-color 0.3s ease;
}
.cookiesjsr-service:hover {
  background-color: rgba(228, 229, 230, 0.1);
}
.cookiesjsr-service--description {
  padding: 0.625em 1.25em;
  width: calc(100% - 2.5em - 45px);
}
.cookiesjsr-service--description h3 {
  margin: 0;
  font-size: 1.125em;
  font-weight: 400;
  color: var(--layer-font-light, #FFF);
}
.cookiesjsr-service--links a {
  color: var(--layer-font-light, #FFF);
  font-size: 0.75em;
}
.cookiesjsr-service--links a:hover, .cookiesjsr-service--links a:active, .cookiesjsr-service--links a:visited {
  color: var(--layer-font-light, #FFF);
}
.cookiesjsr-service--action {
  padding: 0.625em 1.25em;
  width: calc(2.5em + 45px);
}
.cookiesjsr-service--always-on {
  color: var(--switch-always-on-font-color, #00AA00);
  text-align: right;
  display: flex;
  justify-content: flex-end;
  white-space: nowrap;
}
.cookiesjsr-service--always-on span {
  background-color: var(--switch-always-on-bg-color, #FFF);
  padding: 0 0.5em;
}

.cookiesjsr-layer {
  display: block;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: var(--layer-header-bg-color, #FFF);
  height: 100vh;
  width: 100vw;
  max-width: 100%;
  z-index: 314160;
  padding: var(--layer-header-height, 3.5em) 0 var(--layer-footer-height, 4.5em);
  overflow: hidden;
  line-height: 1.5em;
}
@media (min-height: 668px) {
  .cookiesjsr-layer {
    height: 80vh;
    max-height: 575px;
  }
}
@media (min-height: 992px) {
  .cookiesjsr-layer {
    height: 60vh;
  }
}
@media (min-width: 768px) {
  .cookiesjsr-layer {
    width: 860px;
  }
}
.cookiesjsr-layer--overlay {
  position: fixed;
  z-index: 314159;
  height: 100vh;
  width: 100vw;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
}
.cookiesjsr-layer--header {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #FFF;
  margin: 0;
  background: var(--layer-header-bg-color, #FFF);
  padding: 0 var(--default-margin, 1.25em);
  border-bottom: 1px solid var(--layer-border-color, #e4e5e6);
  height: 3.5em;
}
.cookiesjsr-layer--title {
  color: var(--layer-header-font-color, #000f37);
  text-transform: uppercase;
}
.cookiesjsr-layer--close {
  z-index: 102;
  width: 1em;
  height: 1em;
  background: transparent url("data:image/svg+xml,%0A%3Csvg width='27px' height='27px' viewBox='0 0 27 27' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Welcome' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='tarte-close' transform='translate(-1264.000000, -2628.000000)' fill='%23000f37'%3E%3Cg id='Group-2' transform='translate(155.000000, 2591.000000)'%3E%3Cg id='Group-3-Copy-2'%3E%3Cpolygon id='Page-1' points='1133.26296 37 1122.50065 47.762319 1111.73704 37 1109 39.7370358 1119.76361 50.5006452 1109 61.2629642 1111.73704 64 1122.50065 53.2363906 1133.26296 64 1136 61.2629642 1125.23768 50.5006452 1136 39.7370358'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center center scroll;
  background-size: contain;
  text-indent: -999em;
  overflow: hidden;
  border: 0;
  cursor: pointer;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.cookiesjsr-layer--body {
  position: absolute;
  left: 0;
  right: 0;
  background: var(--layer-body-bg-color, #FFF);
  top: var(--layer-header-height, 3.5em);
  bottom: var(--layer-footer-height, 4.5em);
}
.cookiesjsr-layer--footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 var(--default-margin, 1.25em);
  height: var(--layer-footer-height, 4.5em);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background: var(--layer-footer-bg-color, #FFF);
  border-top: 1px solid var(--layer-border-color, #e4e5e6);
}
@media (min-width: 768px) {
  .cookiesjsr-layer--footer {
    justify-content: space-between;
  }
}
.cookiesjsr-layer--label-all {
  color: var(--layer-footer-font-color, #000f37);
  display: none;
}
@media (min-width: 768px) {
  .cookiesjsr-layer--label-all {
    display: block;
    width: 30%;
    padding-right: var(--default-margin, 1.25em);
  }
}
.cookiesjsr-layer--actions {
  display: flex;
  align-items: center;
  margin: 0 -0.625em;
  width: calc(100% + 1.25em);
}
@media (min-width: 768px) {
  .cookiesjsr-layer--actions {
    width: calc(70% + 0.625em);
  }
}
.cookiesjsr-layer button.denyAll, .cookiesjsr-layer button.allowAll {
  display: none;
}
@media (min-width: 576px) {
  .cookiesjsr-layer button.denyAll, .cookiesjsr-layer button.allowAll {
    display: inline-block;
  }
}
@media (max-width: 576px) {
  .cookiesjsr-layer button.save {
    padding: 0 2em;
    width: auto;
    margin-left: auto;
  }
}

#cookiesjsr {
  --default-margin: 1.25em;
  --font-size-reset: 1rem;
  --btn-font-color: #FFF;
  --btn-border-color: #FFF;
  --btn-bg-color: #2C2F88;
  --btn-prime-font-color: #2C2F88;
  --btn-prime-border-color: #FFF;
  --btn-prime-bg-color: #FFF;
  --btn-inv-font-color: #2C2F88;
  --btn-inv-border-color: #2C2F88;
  --btn-inv-bg-color: #FFF;
  --btn-prime-inv-font-color: #FFF;
  --btn-prime-inv-border-color: #2C2F88;
  --btn-prime-inv-bg-color: #2C2F88;
  --link-list-font-color: #FFF;
  --link-list-separator-color: #FFF;
  --banner-logo-offset: 100px;
  --banner-bg-color: #2C2F88;
  --banner-font-color: #FFF;
  --layer-header-height: 3.5em;
  --layer-header-bg-color: #FFF;
  --layer-header-font-color: #000f37;
  --layer-body-bg-color: #FFF;
  --layer-tab-bg-color: #FFF;
  --layer-tab-font-color: #000f37;
  --layer-tab-active-bg-color: #2C2F88;
  --layer-tab-active-font-color: #FFF;
  --layer-bg-dark: #2C2F88;
  --layer-font-light: #FFF;
  --layer-font-dark: #000f37;
  --layer-border-color: #e4e5e6;
  --layer-footer-bg-color: #FFF;
  --layer-footer-font-color: #000f37;
  --layer-footer-height: 4.5em;
  --switch-border-color: #e4e5e6;
  --switch-handle-color: #FFF;
  --switch-bg-off: #FFF;
  --switch-bg-on: #00AA00;
  --switch-width: 45px;
  --switch-height: 20px;
  --switch-always-on-font-color: #00AA00;
  --switch-always-on-bg-color: #FFF;
}

.cookiesjsr--app {
  font-size: var(--font-size-reset, 1rem);
}

body .cookiesjsr--app,
body .cookiesjsr--app *, body .cookiesjsr--app *:before, body .cookiesjsr--app *:after {
  box-sizing: border-box;
}

.cookiesjsr-layer .cookiesjsr-btn {
  font-size: 0.96em;
}

.cookiesjsr-btn, .cookiesjsr-layer--title {
  text-transform: none;
}

.cookiesjsr-btn.invert {
  background: #2C2F88;
  color: #FFF;
}

.cookiesjsr-links a:visited, .cookiesjsr-links a:link {
  color: #FFF;
}

.cookiesjsr-banner button.denyAll,
.cookiesjsr-layer button.denyAll {
  display: inline-block;
}

.cookiesjsr-banner button.denyAll {
  margin: 0.625em 0 0;
  height: 26px;
}

.cookiesjsr-layer--actions .cookiesjsr-btn:nth-child(3),
.cookiesjsr-banner .cookiesjsr-btn:nth-child(1) {
  display: none;
}

.cookiesjsr-banner--action {
  flex-direction: row;
}

.cookiesjsr-banner--action .cookiesjsr-btn {
  width: 50%;
}

a.cookiesjsr-link-settings {
  padding: 0.3em 0.6em;
  background: #2C2F88;
  color: #FFF;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.cookiesjsr-layer .cookiesjsr-btn.important {
  margin-top: 0.625em;
}

.cookiesjsr-btn.allowAll:before {
  content: "Unterstützen Sie uns.";
  font-size: 1em;
  font-weight: bold;
  position: absolute;
  top: -33px;
  color: #FFF;
}

.cookiesjsr-en .cookiesjsr-btn.allowAll:before {
  content: "Support us.";
}

.cookiesjsr-layer .cookiesjsr-btn.allowAll:before {
  top: -23px;
  color: #2C2F88;
}

.cookiesjsr-service-groups {
  overflow: unset;
}

@media (min-width: 768px) {
  .cookiesjsr-layer .cookiesjsr-btn.allowAll:before {
    color: #FFF;
    top: -43px;
  }
  .cookiesjsr-service-group--content {
    overflow: hidden;
  }
}
@media (min-width: 1100px) {
  .cookiesjsr-btn {
    max-width: 300px;
  }
  a.cookiesjsr-link-settings {
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
/*
    pesticide v0.1.0 . @mrmrs . MIT
*/