@charset "UTF-8";
/*------------------------------------*\
  #BASIC
\*------------------------------------*/
/**
 * Final main CSS file composed of separated Sass files. New created Sass files
 * need to be added here to have any effect.
 *
 * The order of the import directives is important. Changing the file order
 * within an import directive however should do no harm in most cases.
 *
 * We’re using the CSS Guidelines (https://cssguidelin.es/) in all CSS files for
 * “writing sane, manageable, scalable CSS”. For cases, that are not covered in
 * the CSS Guidelines, please consult the Sass Guidelines
 * (https://sass-guidelin.es/).
 *
 * The architecture stems from ITCSS (https://itcss.io/). Each layer is
 * documented below. The following article gives you a detailed explanation to
 * this approach:
 *
 * https://www.creativebloq.com/web-design/manage-large-css-projects-itcss-101517528
 */
.radio input[type=radio], .checkbox input[type=checkbox], .btn.skip-link:not(:focus), .visually-hidden {
  margin: -1px;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}

.btn.skip-link {
  background-color: #FFFFFF;
  width: auto;
}
.btn.skip-link:focus {
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 1337;
} /*------------------------------------*\
  #TOOLS
\*------------------------------------*/
/**
 * “[…] globally available tooling – namely mixins and functions. Any mixin or
 * function that does not need accessing globally should belong in the partial
 * to which it relates. The Tools layer comes after the Settings layer because a
 * mixin may require one of the global settings as a default parameter. Examples
 * of global tools might be gradient mixins, font-sizing mixins and so on.”
 *
 * (Source: see link at the top)
 */
/**
 * Convert px value to rem
 */
/*------------------------------------*\
  #MIXINS
\*------------------------------------*/
/**
 * Convert font size from px to rem
 */
/**
 * Word wrap long words
 */
/*------------------------------------*\
  #VENDOR
\*------------------------------------*/
/* Link */
.tobii-zoom {
  border: 0;
  box-shadow: none;
  display: inline-block;
  position: relative;
  text-decoration: none;
}
.tobii-zoom img {
  display: block;
}
.tobii-zoom__icon {
  background-color: rgba(26, 42, 58, 0.94);
  bottom: 0;
  color: #fff;
  line-height: 1;
  position: absolute;
  right: 0;
}
.tobii-zoom__icon svg {
  color: #fff;
  fill: none;
  height: 1.1111111111em;
  padding-bottom: 0.2222222222em;
  padding-left: 0.2222222222em;
  padding-right: 0.2222222222em;
  padding-top: 0.2222222222em;
  pointer-events: none;
  stroke-linecap: square;
  stroke-linejoin: miter;
  stroke-width: 2;
  stroke: #fff;
  width: 1.1111111111em;
}

/* Hide scrollbar if lightbox is displayed */
.tobii-is-open {
  overflow-y: hidden;
}

/* Lightbox */
.tobii {
  background-color: rgba(26, 42, 58, 0.94);
  bottom: 0;
  box-sizing: border-box;
  contain: strict;
  font-size: 18px;
  left: 0;
  line-height: 1.5555555556;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1337;
}
.tobii[aria-hidden=true] {
  display: none;
}
.tobii *, .tobii *::before, .tobii *::after {
  box-sizing: inherit;
}

/* Slider */
.tobii__slider {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  will-change: transform;
}
.tobii__slider--animate:not(.tobii__slider--is-dragging) {
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
@media screen and (prefers-reduced-motion: reduce) {
  .tobii__slider--animate:not(.tobii__slider--is-dragging) {
    transition: none;
  }
}
.tobii__slider--is-draggable .tobii__slider__slide__content {
  cursor: grab;
}
.tobii__slider--is-dragging .tobii__slider__slide__content {
  cursor: grabbing;
}

/* Slide */
.tobii__slider-slide {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}

/* Slide content */
[data-type] {
  max-height: 85vh;
  max-width: 85vw;
  overflow: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}
[data-type] iframe, [data-type] video {
  display: block;
}
[data-type] > figure {
  margin: 0;
  position: relative;
}
[data-type] > figure > img {
  display: block;
  height: auto;
  max-height: 85vh;
  max-width: 85vw;
  width: auto;
}
[data-type] > figure > figcaption {
  background-color: rgba(255, 255, 255, 0.94);
  bottom: 0;
  color: #1a2a3a;
  padding-bottom: 0.2222222222em;
  padding-left: 0.4444444444em;
  padding-right: 0.4444444444em;
  padding-top: 0.2222222222em;
  position: absolute;
  white-space: pre-wrap;
  width: 100%;
}

[data-type=html] video {
  cursor: auto;
  max-height: 85vh;
  max-width: 85vw;
}

[data-type=iframe] {
  /* Fix iframe scrolling on iOS */
  -webkit-overflow-scrolling: touch;
  transform: translate3d(0, 0, 0);
}
[data-type=iframe] iframe {
  height: 85vh;
  width: 85vw;
}

/* Buttons */
.tobii > button {
  -moz-appearance: none;
       appearance: none;
  background-color: transparent;
  border: 0.0555555556em solid transparent;
  color: #fff;
  cursor: pointer;
  font: inherit;
  line-height: 1;
  margin: 0;
  opacity: 0.5;
  padding-bottom: 0.2222222222em;
  padding-left: 0.2222222222em;
  padding-right: 0.2222222222em;
  padding-top: 0.2222222222em;
  position: absolute;
  touch-action: manipulation;
  transition-duration: 0.3s;
  transition-property: opacity, transform;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  will-change: opacity, transform;
  z-index: 1;
}
@media screen and (prefers-reduced-motion: reduce) {
  .tobii > button {
    transition: none;
    will-change: opacity;
  }
}
.tobii > button svg {
  pointer-events: none;
  stroke: #fff;
  stroke-width: 1;
  stroke-linecap: square;
  stroke-linejoin: miter;
  fill: none;
  color: #fff;
}
.tobii > button:active, .tobii > button:focus, .tobii > button:hover {
  opacity: 1;
  transform: scale(0.84);
}
@media screen and (prefers-reduced-motion: reduce) {
  .tobii > button:active, .tobii > button:focus, .tobii > button:hover {
    transform: none;
  }
}
.tobii > button.tobii__prev, .tobii > button.tobii__next {
  top: 50%;
  top: calc(50% - 2.2222222222em);
}
.tobii > button.tobii__prev svg, .tobii > button.tobii__next svg {
  height: 3.8888888889em;
  width: 3.8888888889em;
}
.tobii > button.tobii__prev {
  left: 0;
}
.tobii > button.tobii__next {
  right: 0;
}
.tobii > button.tobii__close {
  right: 0.2777777778em;
  top: 1em;
}
.tobii > button.tobii__close svg {
  height: 3.3333333333em;
  width: 3.3333333333em;
}
.tobii > button:disabled, .tobii > button[aria-hidden=true] {
  display: none;
}

/* Counter */
.tobii__counter {
  background-color: transparent;
  color: #fff;
  font-size: 1.1111111111em;
  left: 1em;
  line-height: 1;
  position: absolute;
  top: 2.2222222222em;
  z-index: 1;
}
.tobii__counter[aria-hidden=true] {
  display: none;
}

/* Loader */
.tobii-loader {
  display: inline-block;
  height: 5.5555555556em;
  left: calc(50% - 2.7777777778em);
  position: absolute;
  top: calc(50% - 2.7777777778em);
  width: 5.5555555556em;
}
.tobii-loader::before {
  animation: spin 1s infinite;
  border-radius: 100%;
  border: 0.2222222222em solid #949ba3;
  border-top-color: #fff;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
/*------------------------------------*\
  #SETTINGS
\*------------------------------------*/
/**
 * “This layer should only house settings that need to be accessed from
 * anywhere. Settings like $heading-size-1 should be defined in the Headings
 * partial. This ensures this layer stays nice and slim, and means that most
 * settings can be found alongside the code that uses them, making finding
 * things far simpler.
 *
 * Examples of global settings might be things like the base font size, colour
 * palettes, config (for example, $environment: dev;) and so on.”
 *
 * (Source: see link at the top)
 */
/*
Settings

Styleguide 1.0
*/
/*------------------------------------*\
  #MISC
\*------------------------------------*/
/*
Colors

Colors:
$black: #000000
$white: #FFFFFF
$verylightgrey: #CCCCCC
$lightgrey: #D4D4D4;
$mediumgrey: #D8D8D8
$darkgray: #AFAFAF
$grey: #F4F4F4
$red: #D72305
$blue: #2869AF
$darkblue: #1E4696
$teal: #198282
$green: #288732
$hollyhock: #8C2D82
$violet: #64378C
$shadylady: #979797
$nobel: #9A9A9A
$dimgray: #6E6E6E
$coralcandy: #F7D3CD
$zircon: #E7E8E9
$carmine: #990B24
$maire: #1D1D1B
$silver: #B8B8B8
$blackpearl: #212B35
$gainsboro: #E5E5E5


Styleguide 1.1
*/
/*------------------------------------*\
  #THEMES

  @see https://codepen.io/dmitriy_borodly/pen/RKzwJp

\*-----------------------------------*/
/*
Colors

Colors:
$black: #000000
$white: #FFFFFF
$verylightgrey: #CCCCCC
$lightgrey: #D4D4D4;
$mediumgrey: #D8D8D8
$darkgray: #AFAFAF
$grey: #F4F4F4
$red: #D72305
$blue: #2869AF
$darkblue: #1E4696
$teal: #198282
$green: #288732
$hollyhock: #8C2D82
$violet: #64378C
$shadylady: #979797
$nobel: #9A9A9A
$dimgray: #6E6E6E
$coralcandy: #F7D3CD
$zircon: #E7E8E9
$carmine: #990B24
$maire: #1D1D1B
$silver: #B8B8B8
$blackpearl: #212B35
$gainsboro: #E5E5E5


Styleguide 1.1
*/
/*------------------------------------*\
  #FONTS
\*------------------------------------*/
/**
 * 1. Use relative values like rem, em or %. Otherwise text zoom of IE won't
 *    work, which is an accessibility issue
 *    (http://testen.bitv-test.de/index.php?a=di&iid=52&s=n). Using rem has the
 *    benefit that the value is always equivalent to 16px and not depending on
 *    the location.
 */
/*
Fonts

Markup: templates/output/01-settings/fonts.html

Styleguide 1.2
*/
@font-face {
  font-family: "GT Pressura Greek Bold";
  src: url("../Fonts/GTPressura/GT-Pressura-Greek-Bold.eot");
  src: url("../Fonts/GTPressura/GT-Pressura-Greek-Bold.eot?#iefix") format("embedded-opentype"), url("../Fonts/GTPressura/GT-Pressura-Greek-Bold.woff2") format("woff2"), url("../Fonts/GTPressura/GT-Pressura-Greek-Bold.woff") format("woff"), url("../Fonts/GTPressura/GT-Pressura-Greek-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "GT Pressura Mono Greek Bold";
  src: url("../Fonts/GTPressura/GT-Pressura-Mono-Greek-Bold.eot");
  src: url("../Fonts/GTPressura/GT-Pressura-Mono-Greek-Bold.eot?#iefix") format("embedded-opentype"), url("../Fonts/GTPressura/GT-Pressura-Mono-Greek-Bold.woff2") format("woff2"), url("../Fonts/GTPressura/GT-Pressura-Mono-Greek-Bold.woff") format("woff"), url("../Fonts/GTPressura/GT-Pressura-Mono-Greek-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "IBM Plex Sans Light";
  font-style: normal;
  font-weight: 300;
  src: url("../Fonts/IBMPlexSans/IBMPlexSans-Light.eot");
  src: url("../Fonts/IBMPlexSans/IBMPlexSans-Light.eot?#iefix") format("embedded-opentype"), url("../Fonts/IBMPlexSans/IBMPlexSans-Light.woff2") format("woff2"), url("../Fonts/IBMPlexSans/IBMPlexSans-Light.woff") format("woff"), url("../Fonts/IBMPlexSans/IBMPlexSans-Light.ttf") format("truetype");
}
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../Fonts/IBMPlexSans/IBMPlexSans-Regular.eot");
  src: url("../Fonts/IBMPlexSans/IBMPlexSans-Regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/IBMPlexSans/IBMPlexSans-Regular.woff2") format("woff2"), url("../Fonts/IBMPlexSans/IBMPlexSans-Regular.woff") format("woff"), url("../Fonts/IBMPlexSans/IBMPlexSans-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "IBM Plex Sans Medium";
  font-style: normal;
  font-weight: 500;
  src: url("../Fonts/IBMPlexSans/IBMPlexSans-Medium.eot");
  src: url("../Fonts/IBMPlexSans/IBMPlexSans-Medium.eot?#iefix") format("embedded-opentype"), url("../Fonts/IBMPlexSans/IBMPlexSans-Medium.woff2") format("woff2"), url("../Fonts/IBMPlexSans/IBMPlexSans-Medium.woff") format("woff"), url("../Fonts/IBMPlexSans/IBMPlexSans-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "IBM Plex Sans SemiBold";
  font-style: normal;
  font-weight: 600;
  src: url("../Fonts/IBMPlexSans/IBMPlexSans-SemiBold.eot");
  src: url("../Fonts/IBMPlexSans/IBMPlexSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("../Fonts/IBMPlexSans/IBMPlexSans-SemiBold.woff2") format("woff2"), url("../Fonts/IBMPlexSans/IBMPlexSans-SemiBold.woff") format("woff"), url("../Fonts/IBMPlexSans/IBMPlexSans-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "IBM Plex Sans Bold";
  font-style: normal;
  font-weight: 700;
  src: url("../Fonts/IBMPlexSans/IBMPlexSans-Bold.eot");
  src: url("../Fonts/IBMPlexSans/IBMPlexSans-Bold.eot?#iefix") format("embedded-opentype"), url("../Fonts/IBMPlexSans/IBMPlexSans-Bold.woff2") format("woff2"), url("../Fonts/IBMPlexSans/IBMPlexSans-Bold.woff") format("woff"), url("../Fonts/IBMPlexSans/IBMPlexSans-Bold.ttf") format("truetype");
}
/* [1] */
/*------------------------------------*\
  #Iconfont
\*------------------------------------*/
/*
Iconfont

icon-font - font

Markup: templates/output/01-settings/iconfont.html

Styleguide 1.3
*/
@font-face {
  font-family: "iconfont";
  src: url("../Fonts/iconfont.eot?d4b9fe3492d40509d054f6260026619f?#iefix") format("embedded-opentype"), url("../Fonts/iconfont.woff2?d4b9fe3492d40509d054f6260026619f") format("woff2"), url("../Fonts/iconfont.woff?d4b9fe3492d40509d054f6260026619f") format("woff");
}
.icon:before,
.icon--behind:after {
  font-family: iconfont !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon.icon-font:before,
.icon--behind.icon-font:after {
  content: "\f101";
}

/*------------------------------------*\
  #GENERIC
\*------------------------------------*/
/**
 * “The Generic layer is the first one that actually produces any CSS. It houses
 * very high-level, far reaching styles. This layer is seldom modified, and is
 * usually the same across any projects you work on. It contains things like
 * Normalize.css, global box-sizing rules, CSS resets and so on. The Generic
 * layer affects a lot of the DOM, hence it being nice and wide in the Triangle
 * model, and occurring very early on.”
 *
 * (Source: see link at the top)
 */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

b, strong {
  font-family: "IBM Plex Sans Bold", sans-serif;
  font-weight: 700;
}

/*------------------------------------*\
  #BOX-SIZING
\*------------------------------------*/
/**
 * More sensible default box-sizing:
 * https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/.
 */
html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

/*------------------------------------*\
  #ELEMENTS
\*------------------------------------*/
/**
 * “These are bare, unclassed HTML elements. What does an h1 look like without a
 * class on it? What does an a look like without a class on it? The Elements
 * layer binds onto bare HTML element (or 'type') selectors only. It is slightly
 * more explicit than the previous layer in that we are now saying 'make every
 * h1 this big', or 'make every a be a certain colour'. It is still a very
 * low-specificity layer, but affects slightly less of the DOM, and is slightly
 * more opinionated, hence its location in the Triangle.
 *
 * The Elements layer is typically the last one in which we'd find bare,
 * element-based selectors, and is very rarely added to or changed after initial
 * setup. Once we have defined element-level styles, all additions and
 * deviations should be implemented using classes.”
 *
 * (Source: see link at the top)
 */
/*
Elements

Styleguide 2.0
*/
/*------------------------------------*\
  #BLOCKQUOTE
\*------------------------------------*/
/*
Blockquote

Markup: templates/output/04-elements/blockquote.html

Styleguide 2.1
*/
blockquote {
  border-left: 2px solid #000000;
  background-color: #CCCCCC;
  padding: 1px 10px;
}

html {
  font-size: 100%;
}

body {
  font-size: 1.0625rem;
  margin: 0;
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 400;
  line-height: 1.75rem;
  -webkit-text-size-adjust: 100%;
  color: black;
  overflow-x: hidden;
}
body main {
  margin-top: 11.5625rem;
}
@media screen and (min-width: 1280px) {
  body main {
    margin-top: auto;
  }
}

/**
 * --scroll-margin-top
 * Add spacing to prevent anchor links from scrolling behind the fixed header
 *
 */
:root {
  --scroll-margin-top: 4.188rem;
}

:target {
  scroll-margin-top: var(--scroll-margin-top);
}

/*
Forms

Form elements including inputfield, checkbox, radio, select

Styleguide 2.3
*/
fieldset {
  border: none;
  padding: 0;
  margin-bottom: 4rem;
}
fieldset > legend {
  margin: 1rem 0;
  font-size: 24px;
  font-family: "IBM Plex Sans Bold", sans-serif;
  font-weight: 700;
  line-height: 1.42;
}

form .btn {
  float: right;
}

.form-group {
  margin-bottom: 2rem;
}

/*
Input field

Form input field elements

.inputfield--error - Input field with error

Markup: templates/output/04-elements/forms/input/inputfield.html

Styleguide 2.3.1
*/
/*
Input field with validation (Year)

Markup: templates/output/04-elements/forms/input/input-year-validation.html

Styleguide 2.3.2
*/
.inputfield__input {
  font-size: 1.0625rem;
  margin-bottom: 1rem;
  width: 100%;
  background-color: #F4F4F4;
  color: black;
  padding: 0.75rem;
  border: none;
  border-bottom: 0.125rem solid #9A9A9A;
}
.inputfield__label {
  font-size: 1.0625rem;
  display: inline-block;
  color: black;
  font-family: "IBM Plex Sans Bold", sans-serif;
  font-weight: 700;
  line-height: 1.53;
  margin-bottom: 1rem;
}
.inputfield__label__nomargin {
  margin-bottom: 0;
}
.inputfield__error {
  display: none;
}
.inputfield--error .inputfield__input {
  border-bottom-color: #D72305;
}
.inputfield--error .inputfield__error {
  display: flex;
  align-items: center;
}
.inputfield--error .inputfield__error .o-icon {
  color: #D72305;
  width: 1rem;
  height: 1rem;
  margin-right: calc(1rem / 2);
}

/*
Checkbox

Markup: templates/output/04-elements/forms/input/checkbox.html

Styleguide 2.3.3
*/
.checkbox__label {
  font-size: 1.0625rem;
  display: inline-flex;
  align-items: center;
  color: black;
  line-height: 1.53;
  position: relative;
  bottom: 0.375rem;
}
.checkbox__label:hover {
  cursor: pointer;
}
.checkbox input[type=checkbox] + .checkbox__label {
  display: inline-flex;
  align-items: center;
  position: relative;
  padding-left: calc(1.5rem + 1rem);
  margin-bottom: 1rem;
}
.checkbox input[type=checkbox] + .checkbox__label::before {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid #AFAFAF;
  content: "";
  transition: border 0.25s ease-in-out;
  position: absolute;
  left: 0;
  top: 0;
}
.checkbox input[type=checkbox] + .checkbox__label::after {
  display: block;
  content: "";
  mask-image: url("../Images/Icons/check.svg");
  mask-size: contain;
  position: absolute;
  top: -0.188rem;
  left: -0.25rem;
  width: 2rem;
  height: 2rem;
}
@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .checkbox input[type=checkbox] + .checkbox__label::after {
    mask-image: none;
    background-color: transparent !important;
  }
}
.checkbox input[type=checkbox]:checked + .checkbox__label::before {
  border-color: currentColor;
}
.t-default .checkbox input[type=checkbox]:checked + .checkbox__label::before {
  border-color: #D72305;
}
.t-faculty-itmedia .checkbox input[type=checkbox]:checked + .checkbox__label::before {
  border-color: #8C2D82;
}
.t-faculty-businessinformatics .checkbox input[type=checkbox]:checked + .checkbox__label::before {
  border-color: #64378C;
}
.t-faculty-economics .checkbox input[type=checkbox]:checked + .checkbox__label::before {
  border-color: #1E4696;
}
.t-faculty-mechanicalengineering .checkbox input[type=checkbox]:checked + .checkbox__label::before {
  border-color: #2869AF;
}
.t-faculty-architecture .checkbox input[type=checkbox]:checked + .checkbox__label::before {
  border-color: #198282;
}
.t-faculty-computerengineering .checkbox input[type=checkbox]:checked + .checkbox__label::before {
  border-color: #288732;
}
.checkbox input[type=checkbox]:checked + .checkbox__label::after {
  background-color: currentColor;
  transform: scale(0.5);
}
.t-default .checkbox input[type=checkbox]:checked + .checkbox__label::after {
  background-color: #D72305;
}
.t-faculty-itmedia .checkbox input[type=checkbox]:checked + .checkbox__label::after {
  background-color: #8C2D82;
}
.t-faculty-businessinformatics .checkbox input[type=checkbox]:checked + .checkbox__label::after {
  background-color: #64378C;
}
.t-faculty-economics .checkbox input[type=checkbox]:checked + .checkbox__label::after {
  background-color: #1E4696;
}
.t-faculty-mechanicalengineering .checkbox input[type=checkbox]:checked + .checkbox__label::after {
  background-color: #2869AF;
}
.t-faculty-architecture .checkbox input[type=checkbox]:checked + .checkbox__label::after {
  background-color: #198282;
}
.t-faculty-computerengineering .checkbox input[type=checkbox]:checked + .checkbox__label::after {
  background-color: #288732;
}
@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .checkbox input[type=checkbox]:checked + .checkbox__label::after {
    background: transparent url("../Images/Icons/check.svg") no-repeat center center;
    background-size: 1rem;
    transform: scale(1);
  }
}
.checkbox input[type=checkbox]:focus:not(:checked) + .checkbox__label::before {
  border-color: currentColor;
}
.t-default .checkbox input[type=checkbox]:focus:not(:checked) + .checkbox__label::before {
  border-color: #000000;
}
.t-faculty-itmedia .checkbox input[type=checkbox]:focus:not(:checked) + .checkbox__label::before {
  border-color: #000000;
}
.t-faculty-businessinformatics .checkbox input[type=checkbox]:focus:not(:checked) + .checkbox__label::before {
  border-color: #000000;
}
.t-faculty-economics .checkbox input[type=checkbox]:focus:not(:checked) + .checkbox__label::before {
  border-color: #000000;
}
.t-faculty-mechanicalengineering .checkbox input[type=checkbox]:focus:not(:checked) + .checkbox__label::before {
  border-color: #000000;
}
.t-faculty-architecture .checkbox input[type=checkbox]:focus:not(:checked) + .checkbox__label::before {
  border-color: #000000;
}
.t-faculty-computerengineering .checkbox input[type=checkbox]:focus:not(:checked) + .checkbox__label::before {
  border-color: #000000;
}
.checkbox input[type=checkbox][disabled]:checked + .checkbox__label:hover {
  cursor: not-allowed;
}
.t-default .checkbox input[type=checkbox][disabled]:checked + .checkbox__label::before {
  border-color: #AFAFAF;
}
.t-faculty-itmedia .checkbox input[type=checkbox][disabled]:checked + .checkbox__label::before {
  border-color: #AFAFAF;
}
.t-faculty-businessinformatics .checkbox input[type=checkbox][disabled]:checked + .checkbox__label::before {
  border-color: #AFAFAF;
}
.t-faculty-economics .checkbox input[type=checkbox][disabled]:checked + .checkbox__label::before {
  border-color: #AFAFAF;
}
.t-faculty-mechanicalengineering .checkbox input[type=checkbox][disabled]:checked + .checkbox__label::before {
  border-color: #AFAFAF;
}
.t-faculty-architecture .checkbox input[type=checkbox][disabled]:checked + .checkbox__label::before {
  border-color: #AFAFAF;
}
.t-faculty-computerengineering .checkbox input[type=checkbox][disabled]:checked + .checkbox__label::before {
  border-color: #AFAFAF;
}
.t-default .checkbox input[type=checkbox][disabled]:checked + .checkbox__label::after {
  background-color: #AFAFAF;
}
.t-faculty-itmedia .checkbox input[type=checkbox][disabled]:checked + .checkbox__label::after {
  background-color: #AFAFAF;
}
.t-faculty-businessinformatics .checkbox input[type=checkbox][disabled]:checked + .checkbox__label::after {
  background-color: #AFAFAF;
}
.t-faculty-economics .checkbox input[type=checkbox][disabled]:checked + .checkbox__label::after {
  background-color: #AFAFAF;
}
.t-faculty-mechanicalengineering .checkbox input[type=checkbox][disabled]:checked + .checkbox__label::after {
  background-color: #AFAFAF;
}
.t-faculty-architecture .checkbox input[type=checkbox][disabled]:checked + .checkbox__label::after {
  background-color: #AFAFAF;
}
.t-faculty-computerengineering .checkbox input[type=checkbox][disabled]:checked + .checkbox__label::after {
  background-color: #AFAFAF;
}
@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .checkbox input[type=checkbox][disabled]:checked + .checkbox__label::after {
    background-color: transparent !important;
  }
}

/*
Switch

Checkbox styled as a switch

Markup: templates/output/04-elements/forms/input/switch.html

Styleguide 2.3.4
*/
.switch__label {
  display: inline-block;
  position: relative;
  width: 60px;
  height: 2.125rem;
}
.switch__label input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch__slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #6E6E6E;
  transition: 0.4s;
}
.switch__slider::before {
  position: absolute;
  content: "";
  height: 1.625rem;
  width: 1.625rem;
  left: 0.25rem;
  bottom: 0.25rem;
  background-color: #FFFFFF;
  transition: 0.4s;
}
.switch__slider--round {
  border-radius: 2.125rem;
}
.switch__slider--round::before {
  border-radius: 50%;
}
.switch input[type=checkbox]:checked + .switch__slider {
  background-color: currentColor;
}
.t-default .switch input[type=checkbox]:checked + .switch__slider {
  background-color: #D72305;
}
.t-faculty-itmedia .switch input[type=checkbox]:checked + .switch__slider {
  background-color: #8C2D82;
}
.t-faculty-businessinformatics .switch input[type=checkbox]:checked + .switch__slider {
  background-color: #64378C;
}
.t-faculty-economics .switch input[type=checkbox]:checked + .switch__slider {
  background-color: #1E4696;
}
.t-faculty-mechanicalengineering .switch input[type=checkbox]:checked + .switch__slider {
  background-color: #2869AF;
}
.t-faculty-architecture .switch input[type=checkbox]:checked + .switch__slider {
  background-color: #198282;
}
.t-faculty-computerengineering .switch input[type=checkbox]:checked + .switch__slider {
  background-color: #288732;
}
.switch input[type=checkbox]:checked + .switch__slider:before {
  transform: translateX(1.625rem);
}
.t-default .switch input[type=checkbox]:focus + .switch__slider {
  box-shadow: 0 0 1px #D72305;
}
.t-faculty-itmedia .switch input[type=checkbox]:focus + .switch__slider {
  box-shadow: 0 0 1px #8C2D82;
}
.t-faculty-businessinformatics .switch input[type=checkbox]:focus + .switch__slider {
  box-shadow: 0 0 1px #64378C;
}
.t-faculty-economics .switch input[type=checkbox]:focus + .switch__slider {
  box-shadow: 0 0 1px #1E4696;
}
.t-faculty-mechanicalengineering .switch input[type=checkbox]:focus + .switch__slider {
  box-shadow: 0 0 1px #2869AF;
}
.t-faculty-architecture .switch input[type=checkbox]:focus + .switch__slider {
  box-shadow: 0 0 1px #198282;
}
.t-faculty-computerengineering .switch input[type=checkbox]:focus + .switch__slider {
  box-shadow: 0 0 1px #288732;
}

/*
Radio buttons

Radio input button with different states: checked, unchecked and disabled

Markup: templates/output/04-elements/forms/input/radio.html

Styleguide 2.3.5
*/
.radio input[type=radio], .visually-hidden, .btn.skip-link:not(:focus), .checkbox input[type=checkbox] {
  margin: -1px;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}

.radio input[type=radio] {
  display: inline-block;
  position: absolute;
}
.radio input[type=radio] + .radio__label {
  font-size: 1.0625rem;
  display: inline-flex;
  align-items: center;
  position: relative;
  padding-left: calc(1.875rem + 1rem);
  margin-bottom: 1rem;
}
.radio input[type=radio] + .radio__label:hover {
  cursor: pointer;
}
.radio input[type=radio] + .radio__label::before {
  display: inline-block;
  border: 0.125rem solid currentColor;
  margin-right: 1rem;
  content: "";
  background-color: white;
  border-radius: 50%;
  width: 1.875rem;
  height: 1.875rem;
  position: absolute;
  top: 0;
  left: 0;
  vertical-align: top;
  text-align: center;
  transition: 0.25s ease-in-out;
}
.t-default .radio input[type=radio] + .radio__label::before {
  border: 0.125rem solid #D72305;
}
.t-faculty-itmedia .radio input[type=radio] + .radio__label::before {
  border: 0.125rem solid #8C2D82;
}
.t-faculty-businessinformatics .radio input[type=radio] + .radio__label::before {
  border: 0.125rem solid #64378C;
}
.t-faculty-economics .radio input[type=radio] + .radio__label::before {
  border: 0.125rem solid #1E4696;
}
.t-faculty-mechanicalengineering .radio input[type=radio] + .radio__label::before {
  border: 0.125rem solid #2869AF;
}
.t-faculty-architecture .radio input[type=radio] + .radio__label::before {
  border: 0.125rem solid #198282;
}
.t-faculty-computerengineering .radio input[type=radio] + .radio__label::before {
  border: 0.125rem solid #288732;
}
.radio input[type=radio] + .radio__label:empty::before {
  margin-right: 0;
}
.radio input[type=radio]:checked + .radio__label::before {
  background-color: currentColor;
  box-shadow: inset 0 0 0 0.5rem white;
}
.t-default .radio input[type=radio]:checked + .radio__label::before {
  background-color: #D72305;
}
.t-faculty-itmedia .radio input[type=radio]:checked + .radio__label::before {
  background-color: #8C2D82;
}
.t-faculty-businessinformatics .radio input[type=radio]:checked + .radio__label::before {
  background-color: #64378C;
}
.t-faculty-economics .radio input[type=radio]:checked + .radio__label::before {
  background-color: #1E4696;
}
.t-faculty-mechanicalengineering .radio input[type=radio]:checked + .radio__label::before {
  background-color: #2869AF;
}
.t-faculty-architecture .radio input[type=radio]:checked + .radio__label::before {
  background-color: #198282;
}
.t-faculty-computerengineering .radio input[type=radio]:checked + .radio__label::before {
  background-color: #288732;
}
.radio input[type=radio]:focus:not(:checked) + .radio__label::before {
  border-color: currentColor;
}
.t-default .radio input[type=radio]:focus:not(:checked) + .radio__label::before {
  border-color: #000000;
}
.t-faculty-itmedia .radio input[type=radio]:focus:not(:checked) + .radio__label::before {
  border-color: #000000;
}
.t-faculty-businessinformatics .radio input[type=radio]:focus:not(:checked) + .radio__label::before {
  border-color: #000000;
}
.t-faculty-economics .radio input[type=radio]:focus:not(:checked) + .radio__label::before {
  border-color: #000000;
}
.t-faculty-mechanicalengineering .radio input[type=radio]:focus:not(:checked) + .radio__label::before {
  border-color: #000000;
}
.t-faculty-architecture .radio input[type=radio]:focus:not(:checked) + .radio__label::before {
  border-color: #000000;
}
.t-faculty-computerengineering .radio input[type=radio]:focus:not(:checked) + .radio__label::before {
  border-color: #000000;
}
.radio input[type=radio]:disabled + .radio__label::before {
  border-color: #6E6E6E;
  background-color: #B8B8B8;
  box-shadow: inset 0 0 0 0.25rem white;
}

/*
Powermail (and general) messages (error and success)
 */
.message-error,
.powermail_message_error {
  list-style-type: none;
  color: #842029;
  background-color: #F8D7DA;
  padding: 1rem 1rem;
  margin-bottom: 1rem;
  border-radius: 0.25rem;
}

.message-success {
  list-style-type: none;
  color: #155724;
  background-color: #D4EDDA;
  padding: 1rem 1rem;
  margin-bottom: 1rem;
  border-radius: 0.25rem;
}

.powermail_file {
  font-size: 1.0625rem;
  font-family: "IBM Plex Sans Bold", sans-serif;
  font-weight: 700;
  color: #6E6E6E;
  white-space: nowrap;
}
.powermail_file__upload {
  border: 1px solid #979797;
  padding: 10px;
}

/*
Select

Markup: templates/output/04-elements/forms/select.html

Styleguide 2.3.6
*/
.powermail_date,
select {
  font-size: 1.0625rem;
  margin: 0;
  font-family: "IBM Plex Sans Bold", sans-serif;
  font-weight: 700;
  width: 100%;
  padding: 0.75rem 2rem 0.75rem 0.75rem;
  -moz-appearance: none;
       appearance: none;
  -moz-user-select: none;
       user-select: none;
  border: 1px solid #979797;
  color: #6E6E6E;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

select {
  background: transparent url("../Images/Icons/arrow-down.svg") no-repeat center right 0.75rem;
  background-size: 1rem;
}

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

/*
Textarea

Markup: templates/output/04-elements/forms/textarea.html

Styleguide 2.3.6
*/
textarea {
  display: block;
  width: 100%;
  border-radius: 0;
  padding: 1rem;
  min-height: 8rem;
}

.text-red {
  color: #D72305;
}

.ck-editor__editable_inline {
  min-height: 400px;
}

.useredithint {
  font-family: "IBM Plex Sans Bold", sans-serif;
  font-size: 1.5rem;
}

.nochangehint {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: normal;
}

/*
Buttons

Styleguide 2.14
*/
/*
Buttons default

.btn--default - default button
.btn--default.btn--arrow - default button with arrow
.btn--outlined - outlined button
.btn--inverted - inverted button
.btn--link - button as link (no x spacing)
.btn--linkback - button as link (no x spacing)

Markup:
  <button class="btn {{modifier_class}}" aria-label="button">Ergebnisse anzeigen</button>

Styleguide 2.14.1
*/
/*
Button with icon left

Markup: templates/output/04-elements/button-with-icon-left.html

Styleguide 2.14.2
*/
/*
Button with icon right

Markup: templates/output/04-elements/button-with-icon-right.html

Styleguide 2.14.3
*/
a.textlink::after, .cookiemessage__privacy a a:not(.has-readmore)::after, .c-iframeswitch__submit .cookiemessage__privacy a:not(.has-readmore)::after, .cookiemessage__privacy .c-iframeswitch__submit a:not(.has-readmore)::after, .ce-bodytext a:not(.btn) .cookiemessage__privacy a:not(.has-readmore)::after, .cookiemessage__privacy .ce-bodytext a:not(.btn) a:not(.has-readmore)::after, .cookiemessage__privacy a:not(.has-readmore)::after, .ce-bodytext a:not(.has-readmore):not(.btn)::after,
.btn .cookiemessage__privacy a:not(.has-readmore)::after,
.cookiemessage__privacy .btn a:not(.has-readmore)::after,
.btn--link:not(.has-readmore)::after, .t-faculty-computerengineering .cookiemessage__privacy a a::after, .cookiemessage__privacy .t-faculty-computerengineering a a::after, .t-faculty-computerengineering .cookiemessage__privacy a .c-iframeswitch__submit::after, .cookiemessage__privacy .t-faculty-computerengineering a .c-iframeswitch__submit::after, .t-faculty-computerengineering .c-iframeswitch__submit .cookiemessage__privacy a::after, .cookiemessage__privacy .t-faculty-computerengineering .c-iframeswitch__submit a::after, .t-faculty-computerengineering .c-iframeswitch__submit .c-iframeswitch__submit::after, .t-faculty-computerengineering .cookiemessage__privacy a .ce-bodytext a:not(.btn)::after, .cookiemessage__privacy .t-faculty-computerengineering a .ce-bodytext a:not(.btn)::after, .t-faculty-computerengineering .c-iframeswitch__submit .ce-bodytext a:not(.btn)::after, .ce-bodytext .t-faculty-computerengineering .cookiemessage__privacy a a:not(.btn)::after, .cookiemessage__privacy .ce-bodytext .t-faculty-computerengineering a a:not(.btn)::after, .ce-bodytext .t-faculty-computerengineering .c-iframeswitch__submit a:not(.btn)::after, .t-faculty-computerengineering .ce-bodytext a:not(.btn) .cookiemessage__privacy a::after, .cookiemessage__privacy .t-faculty-computerengineering .ce-bodytext a:not(.btn) a::after, .t-faculty-computerengineering .ce-bodytext a:not(.btn) .c-iframeswitch__submit::after, .t-faculty-computerengineering .ce-bodytext a:not(.btn) a:not(.btn)::after, .ce-bodytext .t-faculty-computerengineering a:not(.btn) .cookiemessage__privacy a::after, .cookiemessage__privacy .ce-bodytext .t-faculty-computerengineering a:not(.btn) a::after, .ce-bodytext .t-faculty-computerengineering a:not(.btn) .c-iframeswitch__submit::after, .ce-bodytext .t-faculty-computerengineering a:not(.btn) a:not(.btn)::after, .t-faculty-computerengineering .cookiemessage__privacy a::after, .cookiemessage__privacy .t-faculty-computerengineering a::after, .t-faculty-computerengineering .c-iframeswitch__submit::after, .t-faculty-computerengineering .ce-bodytext a:not(.btn)::after, .ce-bodytext .t-faculty-computerengineering a:not(.btn)::after,
.t-faculty-computerengineering .btn .cookiemessage__privacy a::after,
.cookiemessage__privacy .t-faculty-computerengineering .btn a::after,
.t-faculty-computerengineering .btn .c-iframeswitch__submit::after,
.t-faculty-computerengineering .btn .ce-bodytext a:not(.btn)::after,
.ce-bodytext .t-faculty-computerengineering .btn a:not(.btn)::after,
.t-faculty-computerengineering .btn--arrow::after, .t-faculty-architecture .cookiemessage__privacy a a::after, .cookiemessage__privacy .t-faculty-architecture a a::after, .t-faculty-architecture .cookiemessage__privacy a .c-iframeswitch__submit::after, .cookiemessage__privacy .t-faculty-architecture a .c-iframeswitch__submit::after, .t-faculty-architecture .c-iframeswitch__submit .cookiemessage__privacy a::after, .cookiemessage__privacy .t-faculty-architecture .c-iframeswitch__submit a::after, .t-faculty-architecture .c-iframeswitch__submit .c-iframeswitch__submit::after, .t-faculty-architecture .cookiemessage__privacy a .ce-bodytext a:not(.btn)::after, .cookiemessage__privacy .t-faculty-architecture a .ce-bodytext a:not(.btn)::after, .t-faculty-architecture .c-iframeswitch__submit .ce-bodytext a:not(.btn)::after, .ce-bodytext .t-faculty-architecture .cookiemessage__privacy a a:not(.btn)::after, .cookiemessage__privacy .ce-bodytext .t-faculty-architecture a a:not(.btn)::after, .ce-bodytext .t-faculty-architecture .c-iframeswitch__submit a:not(.btn)::after, .t-faculty-architecture .ce-bodytext a:not(.btn) .cookiemessage__privacy a::after, .cookiemessage__privacy .t-faculty-architecture .ce-bodytext a:not(.btn) a::after, .t-faculty-architecture .ce-bodytext a:not(.btn) .c-iframeswitch__submit::after, .t-faculty-architecture .ce-bodytext a:not(.btn) a:not(.btn)::after, .ce-bodytext .t-faculty-architecture a:not(.btn) .cookiemessage__privacy a::after, .cookiemessage__privacy .ce-bodytext .t-faculty-architecture a:not(.btn) a::after, .ce-bodytext .t-faculty-architecture a:not(.btn) .c-iframeswitch__submit::after, .ce-bodytext .t-faculty-architecture a:not(.btn) a:not(.btn)::after, .t-faculty-architecture .cookiemessage__privacy a::after, .cookiemessage__privacy .t-faculty-architecture a::after, .t-faculty-architecture .c-iframeswitch__submit::after, .t-faculty-architecture .ce-bodytext a:not(.btn)::after, .ce-bodytext .t-faculty-architecture a:not(.btn)::after,
.t-faculty-architecture .btn .cookiemessage__privacy a::after,
.cookiemessage__privacy .t-faculty-architecture .btn a::after,
.t-faculty-architecture .btn .c-iframeswitch__submit::after,
.t-faculty-architecture .btn .ce-bodytext a:not(.btn)::after,
.ce-bodytext .t-faculty-architecture .btn a:not(.btn)::after,
.t-faculty-architecture .btn--arrow::after, .t-faculty-mechanicalengineering .cookiemessage__privacy a a::after, .cookiemessage__privacy .t-faculty-mechanicalengineering a a::after, .t-faculty-mechanicalengineering .cookiemessage__privacy a .c-iframeswitch__submit::after, .cookiemessage__privacy .t-faculty-mechanicalengineering a .c-iframeswitch__submit::after, .t-faculty-mechanicalengineering .c-iframeswitch__submit .cookiemessage__privacy a::after, .cookiemessage__privacy .t-faculty-mechanicalengineering .c-iframeswitch__submit a::after, .t-faculty-mechanicalengineering .c-iframeswitch__submit .c-iframeswitch__submit::after, .t-faculty-mechanicalengineering .cookiemessage__privacy a .ce-bodytext a:not(.btn)::after, .cookiemessage__privacy .t-faculty-mechanicalengineering a .ce-bodytext a:not(.btn)::after, .t-faculty-mechanicalengineering .c-iframeswitch__submit .ce-bodytext a:not(.btn)::after, .ce-bodytext .t-faculty-mechanicalengineering .cookiemessage__privacy a a:not(.btn)::after, .cookiemessage__privacy .ce-bodytext .t-faculty-mechanicalengineering a a:not(.btn)::after, .ce-bodytext .t-faculty-mechanicalengineering .c-iframeswitch__submit a:not(.btn)::after, .t-faculty-mechanicalengineering .ce-bodytext a:not(.btn) .cookiemessage__privacy a::after, .cookiemessage__privacy .t-faculty-mechanicalengineering .ce-bodytext a:not(.btn) a::after, .t-faculty-mechanicalengineering .ce-bodytext a:not(.btn) .c-iframeswitch__submit::after, .t-faculty-mechanicalengineering .ce-bodytext a:not(.btn) a:not(.btn)::after, .ce-bodytext .t-faculty-mechanicalengineering a:not(.btn) .cookiemessage__privacy a::after, .cookiemessage__privacy .ce-bodytext .t-faculty-mechanicalengineering a:not(.btn) a::after, .ce-bodytext .t-faculty-mechanicalengineering a:not(.btn) .c-iframeswitch__submit::after, .ce-bodytext .t-faculty-mechanicalengineering a:not(.btn) a:not(.btn)::after, .t-faculty-mechanicalengineering .cookiemessage__privacy a::after, .cookiemessage__privacy .t-faculty-mechanicalengineering a::after, .t-faculty-mechanicalengineering .c-iframeswitch__submit::after, .t-faculty-mechanicalengineering .ce-bodytext a:not(.btn)::after, .ce-bodytext .t-faculty-mechanicalengineering a:not(.btn)::after,
.t-faculty-mechanicalengineering .btn .cookiemessage__privacy a::after,
.cookiemessage__privacy .t-faculty-mechanicalengineering .btn a::after,
.t-faculty-mechanicalengineering .btn .c-iframeswitch__submit::after,
.t-faculty-mechanicalengineering .btn .ce-bodytext a:not(.btn)::after,
.ce-bodytext .t-faculty-mechanicalengineering .btn a:not(.btn)::after,
.t-faculty-mechanicalengineering .btn--arrow::after, .t-faculty-economics .cookiemessage__privacy a a::after, .cookiemessage__privacy .t-faculty-economics a a::after, .t-faculty-economics .cookiemessage__privacy a .c-iframeswitch__submit::after, .cookiemessage__privacy .t-faculty-economics a .c-iframeswitch__submit::after, .t-faculty-economics .c-iframeswitch__submit .cookiemessage__privacy a::after, .cookiemessage__privacy .t-faculty-economics .c-iframeswitch__submit a::after, .t-faculty-economics .c-iframeswitch__submit .c-iframeswitch__submit::after, .t-faculty-economics .cookiemessage__privacy a .ce-bodytext a:not(.btn)::after, .cookiemessage__privacy .t-faculty-economics a .ce-bodytext a:not(.btn)::after, .t-faculty-economics .c-iframeswitch__submit .ce-bodytext a:not(.btn)::after, .ce-bodytext .t-faculty-economics .cookiemessage__privacy a a:not(.btn)::after, .cookiemessage__privacy .ce-bodytext .t-faculty-economics a a:not(.btn)::after, .ce-bodytext .t-faculty-economics .c-iframeswitch__submit a:not(.btn)::after, .t-faculty-economics .ce-bodytext a:not(.btn) .cookiemessage__privacy a::after, .cookiemessage__privacy .t-faculty-economics .ce-bodytext a:not(.btn) a::after, .t-faculty-economics .ce-bodytext a:not(.btn) .c-iframeswitch__submit::after, .t-faculty-economics .ce-bodytext a:not(.btn) a:not(.btn)::after, .ce-bodytext .t-faculty-economics a:not(.btn) .cookiemessage__privacy a::after, .cookiemessage__privacy .ce-bodytext .t-faculty-economics a:not(.btn) a::after, .ce-bodytext .t-faculty-economics a:not(.btn) .c-iframeswitch__submit::after, .ce-bodytext .t-faculty-economics a:not(.btn) a:not(.btn)::after, .t-faculty-economics .cookiemessage__privacy a::after, .cookiemessage__privacy .t-faculty-economics a::after, .t-faculty-economics .c-iframeswitch__submit::after, .t-faculty-economics .ce-bodytext a:not(.btn)::after, .ce-bodytext .t-faculty-economics a:not(.btn)::after,
.t-faculty-economics .btn .cookiemessage__privacy a::after,
.cookiemessage__privacy .t-faculty-economics .btn a::after,
.t-faculty-economics .btn .c-iframeswitch__submit::after,
.t-faculty-economics .btn .ce-bodytext a:not(.btn)::after,
.ce-bodytext .t-faculty-economics .btn a:not(.btn)::after,
.t-faculty-economics .btn--arrow::after, .t-faculty-businessinformatics .cookiemessage__privacy a a::after, .cookiemessage__privacy .t-faculty-businessinformatics a a::after, .t-faculty-businessinformatics .cookiemessage__privacy a .c-iframeswitch__submit::after, .cookiemessage__privacy .t-faculty-businessinformatics a .c-iframeswitch__submit::after, .t-faculty-businessinformatics .c-iframeswitch__submit .cookiemessage__privacy a::after, .cookiemessage__privacy .t-faculty-businessinformatics .c-iframeswitch__submit a::after, .t-faculty-businessinformatics .c-iframeswitch__submit .c-iframeswitch__submit::after, .t-faculty-businessinformatics .cookiemessage__privacy a .ce-bodytext a:not(.btn)::after, .cookiemessage__privacy .t-faculty-businessinformatics a .ce-bodytext a:not(.btn)::after, .t-faculty-businessinformatics .c-iframeswitch__submit .ce-bodytext a:not(.btn)::after, .ce-bodytext .t-faculty-businessinformatics .cookiemessage__privacy a a:not(.btn)::after, .cookiemessage__privacy .ce-bodytext .t-faculty-businessinformatics a a:not(.btn)::after, .ce-bodytext .t-faculty-businessinformatics .c-iframeswitch__submit a:not(.btn)::after, .t-faculty-businessinformatics .ce-bodytext a:not(.btn) .cookiemessage__privacy a::after, .cookiemessage__privacy .t-faculty-businessinformatics .ce-bodytext a:not(.btn) a::after, .t-faculty-businessinformatics .ce-bodytext a:not(.btn) .c-iframeswitch__submit::after, .t-faculty-businessinformatics .ce-bodytext a:not(.btn) a:not(.btn)::after, .ce-bodytext .t-faculty-businessinformatics a:not(.btn) .cookiemessage__privacy a::after, .cookiemessage__privacy .ce-bodytext .t-faculty-businessinformatics a:not(.btn) a::after, .ce-bodytext .t-faculty-businessinformatics a:not(.btn) .c-iframeswitch__submit::after, .ce-bodytext .t-faculty-businessinformatics a:not(.btn) a:not(.btn)::after, .t-faculty-businessinformatics .cookiemessage__privacy a::after, .cookiemessage__privacy .t-faculty-businessinformatics a::after, .t-faculty-businessinformatics .c-iframeswitch__submit::after, .t-faculty-businessinformatics .ce-bodytext a:not(.btn)::after, .ce-bodytext .t-faculty-businessinformatics a:not(.btn)::after,
.t-faculty-businessinformatics .btn .cookiemessage__privacy a::after,
.cookiemessage__privacy .t-faculty-businessinformatics .btn a::after,
.t-faculty-businessinformatics .btn .c-iframeswitch__submit::after,
.t-faculty-businessinformatics .btn .ce-bodytext a:not(.btn)::after,
.ce-bodytext .t-faculty-businessinformatics .btn a:not(.btn)::after,
.t-faculty-businessinformatics .btn--arrow::after, .t-faculty-itmedia .cookiemessage__privacy a a::after, .cookiemessage__privacy .t-faculty-itmedia a a::after, .t-faculty-itmedia .cookiemessage__privacy a .c-iframeswitch__submit::after, .cookiemessage__privacy .t-faculty-itmedia a .c-iframeswitch__submit::after, .t-faculty-itmedia .c-iframeswitch__submit .cookiemessage__privacy a::after, .cookiemessage__privacy .t-faculty-itmedia .c-iframeswitch__submit a::after, .t-faculty-itmedia .c-iframeswitch__submit .c-iframeswitch__submit::after, .t-faculty-itmedia .cookiemessage__privacy a .ce-bodytext a:not(.btn)::after, .cookiemessage__privacy .t-faculty-itmedia a .ce-bodytext a:not(.btn)::after, .t-faculty-itmedia .c-iframeswitch__submit .ce-bodytext a:not(.btn)::after, .ce-bodytext .t-faculty-itmedia .cookiemessage__privacy a a:not(.btn)::after, .cookiemessage__privacy .ce-bodytext .t-faculty-itmedia a a:not(.btn)::after, .ce-bodytext .t-faculty-itmedia .c-iframeswitch__submit a:not(.btn)::after, .t-faculty-itmedia .ce-bodytext a:not(.btn) .cookiemessage__privacy a::after, .cookiemessage__privacy .t-faculty-itmedia .ce-bodytext a:not(.btn) a::after, .t-faculty-itmedia .ce-bodytext a:not(.btn) .c-iframeswitch__submit::after, .t-faculty-itmedia .ce-bodytext a:not(.btn) a:not(.btn)::after, .ce-bodytext .t-faculty-itmedia a:not(.btn) .cookiemessage__privacy a::after, .cookiemessage__privacy .ce-bodytext .t-faculty-itmedia a:not(.btn) a::after, .ce-bodytext .t-faculty-itmedia a:not(.btn) .c-iframeswitch__submit::after, .ce-bodytext .t-faculty-itmedia a:not(.btn) a:not(.btn)::after, .t-faculty-itmedia .cookiemessage__privacy a::after, .cookiemessage__privacy .t-faculty-itmedia a::after, .t-faculty-itmedia .c-iframeswitch__submit::after, .t-faculty-itmedia .ce-bodytext a:not(.btn)::after, .ce-bodytext .t-faculty-itmedia a:not(.btn)::after,
.t-faculty-itmedia .btn .cookiemessage__privacy a::after,
.cookiemessage__privacy .t-faculty-itmedia .btn a::after,
.t-faculty-itmedia .btn .c-iframeswitch__submit::after,
.t-faculty-itmedia .btn .ce-bodytext a:not(.btn)::after,
.ce-bodytext .t-faculty-itmedia .btn a:not(.btn)::after,
.t-faculty-itmedia .btn--arrow::after, .t-default .cookiemessage__privacy a a::after, .cookiemessage__privacy .t-default a a::after, .t-default .cookiemessage__privacy a .c-iframeswitch__submit::after, .cookiemessage__privacy .t-default a .c-iframeswitch__submit::after, .t-default .c-iframeswitch__submit .cookiemessage__privacy a::after, .cookiemessage__privacy .t-default .c-iframeswitch__submit a::after, .t-default .c-iframeswitch__submit .c-iframeswitch__submit::after, .t-default .cookiemessage__privacy a .ce-bodytext a:not(.btn)::after, .cookiemessage__privacy .t-default a .ce-bodytext a:not(.btn)::after, .t-default .c-iframeswitch__submit .ce-bodytext a:not(.btn)::after, .ce-bodytext .t-default .cookiemessage__privacy a a:not(.btn)::after, .cookiemessage__privacy .ce-bodytext .t-default a a:not(.btn)::after, .ce-bodytext .t-default .c-iframeswitch__submit a:not(.btn)::after, .t-default .ce-bodytext a:not(.btn) .cookiemessage__privacy a::after, .cookiemessage__privacy .t-default .ce-bodytext a:not(.btn) a::after, .t-default .ce-bodytext a:not(.btn) .c-iframeswitch__submit::after, .t-default .ce-bodytext a:not(.btn) a:not(.btn)::after, .ce-bodytext .t-default a:not(.btn) .cookiemessage__privacy a::after, .cookiemessage__privacy .ce-bodytext .t-default a:not(.btn) a::after, .ce-bodytext .t-default a:not(.btn) .c-iframeswitch__submit::after, .ce-bodytext .t-default a:not(.btn) a:not(.btn)::after, .t-default .cookiemessage__privacy a::after, .cookiemessage__privacy .t-default a::after, .t-default .c-iframeswitch__submit::after, .t-default .ce-bodytext a:not(.btn)::after, .ce-bodytext .t-default a:not(.btn)::after,
.t-default .btn .cookiemessage__privacy a::after,
.cookiemessage__privacy .t-default .btn a::after,
.t-default .btn .c-iframeswitch__submit::after,
.t-default .btn .ce-bodytext a:not(.btn)::after,
.ce-bodytext .t-default .btn a:not(.btn)::after,
.t-default .btn--arrow::after {
  font-size: 1.125rem;
  display: inline;
  content: ">";
  content: ">"/"";
  width: 0.75rem;
  height: 0.75rem;
  margin-left: 0.5rem;
  position: relative;
  bottom: 1px;
}

.btn--linkback:not(.has-readmore)::before {
  font-size: 1.125rem;
  display: inline;
  content: "<";
  width: 0.75rem;
  height: 0.75rem;
  margin-right: 0.5rem;
  position: relative;
  bottom: 1px;
}

.cookiemessage__privacy a, .c-iframeswitch__submit, .ce-bodytext a:not(.btn),
.btn {
  font-size: 1.0625rem;
  display: inline-block;
  font-family: "GT Pressura Mono Greek Bold", sans-serif;
  line-height: 1.5625rem;
  border: 0.125rem solid transparent;
  cursor: pointer;
  padding: 0.688rem 1rem 0.75rem;
  -moz-appearance: none;
       appearance: none;
  background-color: transparent;
  transition: background-color 0.15s ease, color 0.15s ease, border 0.15s ease;
}
.t-default .cookiemessage__privacy a, .cookiemessage__privacy .t-default a, .t-default .c-iframeswitch__submit, .t-default .ce-bodytext a:not(.btn), .ce-bodytext .t-default a:not(.btn),
.t-default .btn {
  color: #D72305;
}
.t-faculty-itmedia .cookiemessage__privacy a, .cookiemessage__privacy .t-faculty-itmedia a, .t-faculty-itmedia .c-iframeswitch__submit, .t-faculty-itmedia .ce-bodytext a:not(.btn), .ce-bodytext .t-faculty-itmedia a:not(.btn),
.t-faculty-itmedia .btn {
  color: #8C2D82;
}
.t-faculty-businessinformatics .cookiemessage__privacy a, .cookiemessage__privacy .t-faculty-businessinformatics a, .t-faculty-businessinformatics .c-iframeswitch__submit, .t-faculty-businessinformatics .ce-bodytext a:not(.btn), .ce-bodytext .t-faculty-businessinformatics a:not(.btn),
.t-faculty-businessinformatics .btn {
  color: #64378C;
}
.t-faculty-economics .cookiemessage__privacy a, .cookiemessage__privacy .t-faculty-economics a, .t-faculty-economics .c-iframeswitch__submit, .t-faculty-economics .ce-bodytext a:not(.btn), .ce-bodytext .t-faculty-economics a:not(.btn),
.t-faculty-economics .btn {
  color: #1E4696;
}
.t-faculty-mechanicalengineering .cookiemessage__privacy a, .cookiemessage__privacy .t-faculty-mechanicalengineering a, .t-faculty-mechanicalengineering .c-iframeswitch__submit, .t-faculty-mechanicalengineering .ce-bodytext a:not(.btn), .ce-bodytext .t-faculty-mechanicalengineering a:not(.btn),
.t-faculty-mechanicalengineering .btn {
  color: #2869AF;
}
.t-faculty-architecture .cookiemessage__privacy a, .cookiemessage__privacy .t-faculty-architecture a, .t-faculty-architecture .c-iframeswitch__submit, .t-faculty-architecture .ce-bodytext a:not(.btn), .ce-bodytext .t-faculty-architecture a:not(.btn),
.t-faculty-architecture .btn {
  color: #198282;
}
.t-faculty-computerengineering .cookiemessage__privacy a, .cookiemessage__privacy .t-faculty-computerengineering a, .t-faculty-computerengineering .c-iframeswitch__submit, .t-faculty-computerengineering .ce-bodytext a:not(.btn), .ce-bodytext .t-faculty-computerengineering a:not(.btn),
.t-faculty-computerengineering .btn {
  color: #288732;
}
.cookiemessage__privacy a:hover, .c-iframeswitch__submit:hover, .ce-bodytext a:hover:not(.btn),
.btn:hover {
  text-decoration: none;
}
.t-default .ce-bodytext a:not(.btn) .c-iframeswitch__submit, .ce-bodytext .t-default a:not(.btn) .c-iframeswitch__submit, .t-default .c-iframeswitch__submit,
.t-default .btn .c-iframeswitch__submit,
.t-default .btn--default {
  background-color: #D72305;
  color: white;
}
.t-default .c-iframeswitch__submit:hover,
.t-default .btn .c-iframeswitch__submit:hover,
.t-default .btn--default:hover {
  color: #D72305;
  border-color: currentColor;
  background-color: white;
}
.t-faculty-itmedia .ce-bodytext a:not(.btn) .c-iframeswitch__submit, .ce-bodytext .t-faculty-itmedia a:not(.btn) .c-iframeswitch__submit, .t-faculty-itmedia .c-iframeswitch__submit,
.t-faculty-itmedia .btn .c-iframeswitch__submit,
.t-faculty-itmedia .btn--default {
  background-color: #8C2D82;
  color: white;
}
.t-faculty-itmedia .c-iframeswitch__submit:hover,
.t-faculty-itmedia .btn .c-iframeswitch__submit:hover,
.t-faculty-itmedia .btn--default:hover {
  color: #8C2D82;
  border-color: currentColor;
  background-color: white;
}
.t-faculty-businessinformatics .ce-bodytext a:not(.btn) .c-iframeswitch__submit, .ce-bodytext .t-faculty-businessinformatics a:not(.btn) .c-iframeswitch__submit, .t-faculty-businessinformatics .c-iframeswitch__submit,
.t-faculty-businessinformatics .btn .c-iframeswitch__submit,
.t-faculty-businessinformatics .btn--default {
  background-color: #64378C;
  color: white;
}
.t-faculty-businessinformatics .c-iframeswitch__submit:hover,
.t-faculty-businessinformatics .btn .c-iframeswitch__submit:hover,
.t-faculty-businessinformatics .btn--default:hover {
  color: #64378C;
  border-color: currentColor;
  background-color: white;
}
.t-faculty-economics .ce-bodytext a:not(.btn) .c-iframeswitch__submit, .ce-bodytext .t-faculty-economics a:not(.btn) .c-iframeswitch__submit, .t-faculty-economics .c-iframeswitch__submit,
.t-faculty-economics .btn .c-iframeswitch__submit,
.t-faculty-economics .btn--default {
  background-color: #1E4696;
  color: white;
}
.t-faculty-economics .c-iframeswitch__submit:hover,
.t-faculty-economics .btn .c-iframeswitch__submit:hover,
.t-faculty-economics .btn--default:hover {
  color: #1E4696;
  border-color: currentColor;
  background-color: white;
}
.t-faculty-mechanicalengineering .ce-bodytext a:not(.btn) .c-iframeswitch__submit, .ce-bodytext .t-faculty-mechanicalengineering a:not(.btn) .c-iframeswitch__submit, .t-faculty-mechanicalengineering .c-iframeswitch__submit,
.t-faculty-mechanicalengineering .btn .c-iframeswitch__submit,
.t-faculty-mechanicalengineering .btn--default {
  background-color: #2869AF;
  color: white;
}
.t-faculty-mechanicalengineering .c-iframeswitch__submit:hover,
.t-faculty-mechanicalengineering .btn .c-iframeswitch__submit:hover,
.t-faculty-mechanicalengineering .btn--default:hover {
  color: #2869AF;
  border-color: currentColor;
  background-color: white;
}
.t-faculty-architecture .ce-bodytext a:not(.btn) .c-iframeswitch__submit, .ce-bodytext .t-faculty-architecture a:not(.btn) .c-iframeswitch__submit, .t-faculty-architecture .c-iframeswitch__submit,
.t-faculty-architecture .btn .c-iframeswitch__submit,
.t-faculty-architecture .btn--default {
  background-color: #198282;
  color: white;
}
.t-faculty-architecture .c-iframeswitch__submit:hover,
.t-faculty-architecture .btn .c-iframeswitch__submit:hover,
.t-faculty-architecture .btn--default:hover {
  color: #198282;
  border-color: currentColor;
  background-color: white;
}
.t-faculty-computerengineering .ce-bodytext a:not(.btn) .c-iframeswitch__submit, .ce-bodytext .t-faculty-computerengineering a:not(.btn) .c-iframeswitch__submit, .t-faculty-computerengineering .c-iframeswitch__submit,
.t-faculty-computerengineering .btn .c-iframeswitch__submit,
.t-faculty-computerengineering .btn--default {
  background-color: #288732;
  color: white;
}
.t-faculty-computerengineering .c-iframeswitch__submit:hover,
.t-faculty-computerengineering .btn .c-iframeswitch__submit:hover,
.t-faculty-computerengineering .btn--default:hover {
  color: #288732;
  border-color: currentColor;
  background-color: white;
}
.t-default .btn--gray {
  background-color: #6E6E6E;
  color: white;
}
.t-default .btn--gray:hover {
  color: #6E6E6E;
  border-color: #6E6E6E;
  background-color: white;
}
.t-faculty-itmedia .btn--gray {
  background-color: #6E6E6E;
  color: white;
}
.t-faculty-itmedia .btn--gray:hover {
  color: #6E6E6E;
  border-color: #6E6E6E;
  background-color: white;
}
.t-faculty-businessinformatics .btn--gray {
  background-color: #6E6E6E;
  color: white;
}
.t-faculty-businessinformatics .btn--gray:hover {
  color: #6E6E6E;
  border-color: #6E6E6E;
  background-color: white;
}
.t-faculty-economics .btn--gray {
  background-color: #6E6E6E;
  color: white;
}
.t-faculty-economics .btn--gray:hover {
  color: #6E6E6E;
  border-color: #6E6E6E;
  background-color: white;
}
.t-faculty-mechanicalengineering .btn--gray {
  background-color: #6E6E6E;
  color: white;
}
.t-faculty-mechanicalengineering .btn--gray:hover {
  color: #6E6E6E;
  border-color: #6E6E6E;
  background-color: white;
}
.t-faculty-architecture .btn--gray {
  background-color: #6E6E6E;
  color: white;
}
.t-faculty-architecture .btn--gray:hover {
  color: #6E6E6E;
  border-color: #6E6E6E;
  background-color: white;
}
.t-faculty-computerengineering .btn--gray {
  background-color: #6E6E6E;
  color: white;
}
.t-faculty-computerengineering .btn--gray:hover {
  color: #6E6E6E;
  border-color: #6E6E6E;
  background-color: white;
}
.t-default .btn--inverted {
  color: #D72305;
}
.t-default .btn--inverted:hover {
  background-color: #D72305;
  color: white;
}
.t-faculty-itmedia .btn--inverted {
  color: #8C2D82;
}
.t-faculty-itmedia .btn--inverted:hover {
  background-color: #8C2D82;
  color: white;
}
.t-faculty-businessinformatics .btn--inverted {
  color: #64378C;
}
.t-faculty-businessinformatics .btn--inverted:hover {
  background-color: #64378C;
  color: white;
}
.t-faculty-economics .btn--inverted {
  color: #1E4696;
}
.t-faculty-economics .btn--inverted:hover {
  background-color: #1E4696;
  color: white;
}
.t-faculty-mechanicalengineering .btn--inverted {
  color: #2869AF;
}
.t-faculty-mechanicalengineering .btn--inverted:hover {
  background-color: #2869AF;
  color: white;
}
.t-faculty-architecture .btn--inverted {
  color: #198282;
}
.t-faculty-architecture .btn--inverted:hover {
  background-color: #198282;
  color: white;
}
.t-faculty-computerengineering .btn--inverted {
  color: #288732;
}
.t-faculty-computerengineering .btn--inverted:hover {
  background-color: #288732;
  color: white;
}
.t-default .btn--outlined {
  background-color: white;
  color: #D72305;
  border-color: currentColor;
}
.t-default .btn--outlined:hover {
  background-color: #D72305;
  color: white;
  border-color: #D72305;
}
.t-faculty-itmedia .btn--outlined {
  background-color: white;
  color: #8C2D82;
  border-color: currentColor;
}
.t-faculty-itmedia .btn--outlined:hover {
  background-color: #8C2D82;
  color: white;
  border-color: #8C2D82;
}
.t-faculty-businessinformatics .btn--outlined {
  background-color: white;
  color: #64378C;
  border-color: currentColor;
}
.t-faculty-businessinformatics .btn--outlined:hover {
  background-color: #64378C;
  color: white;
  border-color: #64378C;
}
.t-faculty-economics .btn--outlined {
  background-color: white;
  color: #1E4696;
  border-color: currentColor;
}
.t-faculty-economics .btn--outlined:hover {
  background-color: #1E4696;
  color: white;
  border-color: #1E4696;
}
.t-faculty-mechanicalengineering .btn--outlined {
  background-color: white;
  color: #2869AF;
  border-color: currentColor;
}
.t-faculty-mechanicalengineering .btn--outlined:hover {
  background-color: #2869AF;
  color: white;
  border-color: #2869AF;
}
.t-faculty-architecture .btn--outlined {
  background-color: white;
  color: #198282;
  border-color: currentColor;
}
.t-faculty-architecture .btn--outlined:hover {
  background-color: #198282;
  color: white;
  border-color: #198282;
}
.t-faculty-computerengineering .btn--outlined {
  background-color: white;
  color: #288732;
  border-color: currentColor;
}
.t-faculty-computerengineering .btn--outlined:hover {
  background-color: #288732;
  color: white;
  border-color: #288732;
}
.o-container--grey .btn--outlined {
  background-color: transparent;
}
.t-default .o-container--grey .btn--outlined:hover {
  background-color: #D72305;
  border-color: #D72305;
  color: white;
}
.t-faculty-itmedia .o-container--grey .btn--outlined:hover {
  background-color: #8C2D82;
  border-color: #8C2D82;
  color: white;
}
.t-faculty-businessinformatics .o-container--grey .btn--outlined:hover {
  background-color: #64378C;
  border-color: #64378C;
  color: white;
}
.t-faculty-economics .o-container--grey .btn--outlined:hover {
  background-color: #1E4696;
  border-color: #1E4696;
  color: white;
}
.t-faculty-mechanicalengineering .o-container--grey .btn--outlined:hover {
  background-color: #2869AF;
  border-color: #2869AF;
  color: white;
}
.t-faculty-architecture .o-container--grey .btn--outlined:hover {
  background-color: #198282;
  border-color: #198282;
  color: white;
}
.t-faculty-computerengineering .o-container--grey .btn--outlined:hover {
  background-color: #288732;
  border-color: #288732;
  color: white;
}
.ce-bodytext a:not(.btn) .cookiemessage__privacy a, .cookiemessage__privacy .ce-bodytext a:not(.btn) a, .cookiemessage__privacy a, .ce-bodytext a:not(.btn),
.btn .cookiemessage__privacy a,
.cookiemessage__privacy .btn a,
.btn .ce-bodytext a:not(.btn),
.ce-bodytext .btn a:not(.btn),
.btn--link {
  padding: 0;
}
.t-default .cookiemessage__privacy a, .cookiemessage__privacy .t-default a, .t-default .ce-bodytext a:not(.btn), .ce-bodytext .t-default a:not(.btn),
.t-default .btn .cookiemessage__privacy a,
.cookiemessage__privacy .t-default .btn a,
.t-default .btn--link {
  color: #D72305;
}
.t-default .cookiemessage__privacy a:hover, .cookiemessage__privacy .t-default a:hover, .t-default .ce-bodytext a:hover:not(.btn), .ce-bodytext .t-default a:hover:not(.btn),
.t-default .btn--link:hover {
  color: black;
}
.t-faculty-itmedia .cookiemessage__privacy a, .cookiemessage__privacy .t-faculty-itmedia a, .t-faculty-itmedia .ce-bodytext a:not(.btn), .ce-bodytext .t-faculty-itmedia a:not(.btn),
.t-faculty-itmedia .btn .cookiemessage__privacy a,
.cookiemessage__privacy .t-faculty-itmedia .btn a,
.t-faculty-itmedia .btn--link {
  color: #8C2D82;
}
.t-faculty-itmedia .cookiemessage__privacy a:hover, .cookiemessage__privacy .t-faculty-itmedia a:hover, .t-faculty-itmedia .ce-bodytext a:hover:not(.btn), .ce-bodytext .t-faculty-itmedia a:hover:not(.btn),
.t-faculty-itmedia .btn--link:hover {
  color: black;
}
.t-faculty-businessinformatics .cookiemessage__privacy a, .cookiemessage__privacy .t-faculty-businessinformatics a, .t-faculty-businessinformatics .ce-bodytext a:not(.btn), .ce-bodytext .t-faculty-businessinformatics a:not(.btn),
.t-faculty-businessinformatics .btn .cookiemessage__privacy a,
.cookiemessage__privacy .t-faculty-businessinformatics .btn a,
.t-faculty-businessinformatics .btn--link {
  color: #64378C;
}
.t-faculty-businessinformatics .cookiemessage__privacy a:hover, .cookiemessage__privacy .t-faculty-businessinformatics a:hover, .t-faculty-businessinformatics .ce-bodytext a:hover:not(.btn), .ce-bodytext .t-faculty-businessinformatics a:hover:not(.btn),
.t-faculty-businessinformatics .btn--link:hover {
  color: black;
}
.t-faculty-economics .cookiemessage__privacy a, .cookiemessage__privacy .t-faculty-economics a, .t-faculty-economics .ce-bodytext a:not(.btn), .ce-bodytext .t-faculty-economics a:not(.btn),
.t-faculty-economics .btn .cookiemessage__privacy a,
.cookiemessage__privacy .t-faculty-economics .btn a,
.t-faculty-economics .btn--link {
  color: #1E4696;
}
.t-faculty-economics .cookiemessage__privacy a:hover, .cookiemessage__privacy .t-faculty-economics a:hover, .t-faculty-economics .ce-bodytext a:hover:not(.btn), .ce-bodytext .t-faculty-economics a:hover:not(.btn),
.t-faculty-economics .btn--link:hover {
  color: black;
}
.t-faculty-mechanicalengineering .cookiemessage__privacy a, .cookiemessage__privacy .t-faculty-mechanicalengineering a, .t-faculty-mechanicalengineering .ce-bodytext a:not(.btn), .ce-bodytext .t-faculty-mechanicalengineering a:not(.btn),
.t-faculty-mechanicalengineering .btn .cookiemessage__privacy a,
.cookiemessage__privacy .t-faculty-mechanicalengineering .btn a,
.t-faculty-mechanicalengineering .btn--link {
  color: #2869AF;
}
.t-faculty-mechanicalengineering .cookiemessage__privacy a:hover, .cookiemessage__privacy .t-faculty-mechanicalengineering a:hover, .t-faculty-mechanicalengineering .ce-bodytext a:hover:not(.btn), .ce-bodytext .t-faculty-mechanicalengineering a:hover:not(.btn),
.t-faculty-mechanicalengineering .btn--link:hover {
  color: black;
}
.t-faculty-architecture .cookiemessage__privacy a, .cookiemessage__privacy .t-faculty-architecture a, .t-faculty-architecture .ce-bodytext a:not(.btn), .ce-bodytext .t-faculty-architecture a:not(.btn),
.t-faculty-architecture .btn .cookiemessage__privacy a,
.cookiemessage__privacy .t-faculty-architecture .btn a,
.t-faculty-architecture .btn--link {
  color: #198282;
}
.t-faculty-architecture .cookiemessage__privacy a:hover, .cookiemessage__privacy .t-faculty-architecture a:hover, .t-faculty-architecture .ce-bodytext a:hover:not(.btn), .ce-bodytext .t-faculty-architecture a:hover:not(.btn),
.t-faculty-architecture .btn--link:hover {
  color: black;
}
.t-faculty-computerengineering .cookiemessage__privacy a, .cookiemessage__privacy .t-faculty-computerengineering a, .t-faculty-computerengineering .ce-bodytext a:not(.btn), .ce-bodytext .t-faculty-computerengineering a:not(.btn),
.t-faculty-computerengineering .btn .cookiemessage__privacy a,
.cookiemessage__privacy .t-faculty-computerengineering .btn a,
.t-faculty-computerengineering .btn--link {
  color: #288732;
}
.t-faculty-computerengineering .cookiemessage__privacy a:hover, .cookiemessage__privacy .t-faculty-computerengineering a:hover, .t-faculty-computerengineering .ce-bodytext a:hover:not(.btn), .ce-bodytext .t-faculty-computerengineering a:hover:not(.btn),
.t-faculty-computerengineering .btn--link:hover {
  color: black;
}
.cookiemessage__privacy a.has-readmore, .ce-bodytext a.has-readmore:not(.btn),
.btn .cookiemessage__privacy a.has-readmore,
.cookiemessage__privacy .btn a.has-readmore,
.btn--link.has-readmore {
  margin-top: 2rem;
}
.table--nested .cookiemessage__privacy a.has-readmore, .cookiemessage__privacy .table--nested a.has-readmore, .table--nested .ce-bodytext a.has-readmore:not(.btn), .ce-bodytext .table--nested a.has-readmore:not(.btn),
.table--nested .btn--link.has-readmore {
  display: inline-flex;
  margin-top: 0;
  align-items: center;
  justify-content: flex-end;
}
.t-default .table--nested .cookiemessage__privacy a.has-readmore:hover, .cookiemessage__privacy .t-default .table--nested a.has-readmore:hover, .t-default .table--nested .ce-bodytext a.has-readmore:hover:not(.btn), .ce-bodytext .t-default .table--nested a.has-readmore:hover:not(.btn),
.t-default .table--nested .btn--link.has-readmore:hover {
  color: #D72305;
}
.t-faculty-itmedia .table--nested .cookiemessage__privacy a.has-readmore:hover, .cookiemessage__privacy .t-faculty-itmedia .table--nested a.has-readmore:hover, .t-faculty-itmedia .table--nested .ce-bodytext a.has-readmore:hover:not(.btn), .ce-bodytext .t-faculty-itmedia .table--nested a.has-readmore:hover:not(.btn),
.t-faculty-itmedia .table--nested .btn--link.has-readmore:hover {
  color: #8C2D82;
}
.t-faculty-businessinformatics .table--nested .cookiemessage__privacy a.has-readmore:hover, .cookiemessage__privacy .t-faculty-businessinformatics .table--nested a.has-readmore:hover, .t-faculty-businessinformatics .table--nested .ce-bodytext a.has-readmore:hover:not(.btn), .ce-bodytext .t-faculty-businessinformatics .table--nested a.has-readmore:hover:not(.btn),
.t-faculty-businessinformatics .table--nested .btn--link.has-readmore:hover {
  color: #64378C;
}
.t-faculty-economics .table--nested .cookiemessage__privacy a.has-readmore:hover, .cookiemessage__privacy .t-faculty-economics .table--nested a.has-readmore:hover, .t-faculty-economics .table--nested .ce-bodytext a.has-readmore:hover:not(.btn), .ce-bodytext .t-faculty-economics .table--nested a.has-readmore:hover:not(.btn),
.t-faculty-economics .table--nested .btn--link.has-readmore:hover {
  color: #1E4696;
}
.t-faculty-mechanicalengineering .table--nested .cookiemessage__privacy a.has-readmore:hover, .cookiemessage__privacy .t-faculty-mechanicalengineering .table--nested a.has-readmore:hover, .t-faculty-mechanicalengineering .table--nested .ce-bodytext a.has-readmore:hover:not(.btn), .ce-bodytext .t-faculty-mechanicalengineering .table--nested a.has-readmore:hover:not(.btn),
.t-faculty-mechanicalengineering .table--nested .btn--link.has-readmore:hover {
  color: #2869AF;
}
.t-faculty-architecture .table--nested .cookiemessage__privacy a.has-readmore:hover, .cookiemessage__privacy .t-faculty-architecture .table--nested a.has-readmore:hover, .t-faculty-architecture .table--nested .ce-bodytext a.has-readmore:hover:not(.btn), .ce-bodytext .t-faculty-architecture .table--nested a.has-readmore:hover:not(.btn),
.t-faculty-architecture .table--nested .btn--link.has-readmore:hover {
  color: #198282;
}
.t-faculty-computerengineering .table--nested .cookiemessage__privacy a.has-readmore:hover, .cookiemessage__privacy .t-faculty-computerengineering .table--nested a.has-readmore:hover, .t-faculty-computerengineering .table--nested .ce-bodytext a.has-readmore:hover:not(.btn), .ce-bodytext .t-faculty-computerengineering .table--nested a.has-readmore:hover:not(.btn),
.t-faculty-computerengineering .table--nested .btn--link.has-readmore:hover {
  color: #288732;
}
.table--nested .cookiemessage__privacy a.has-readmore .showbutton__text, .cookiemessage__privacy .table--nested a.has-readmore .showbutton__text, .table--nested .ce-bodytext a.has-readmore:not(.btn) .showbutton__text, .ce-bodytext .table--nested a.has-readmore:not(.btn) .showbutton__text,
.table--nested .btn--link.has-readmore .showbutton__text {
  margin-right: 0.5rem;
}
.btn--linkback {
  padding: 0;
}
.t-default .btn--linkback {
  color: #D72305;
}
.t-default .btn--linkback:hover {
  color: black;
}
.t-faculty-itmedia .btn--linkback {
  color: #8C2D82;
}
.t-faculty-itmedia .btn--linkback:hover {
  color: black;
}
.t-faculty-businessinformatics .btn--linkback {
  color: #64378C;
}
.t-faculty-businessinformatics .btn--linkback:hover {
  color: black;
}
.t-faculty-economics .btn--linkback {
  color: #1E4696;
}
.t-faculty-economics .btn--linkback:hover {
  color: black;
}
.t-faculty-mechanicalengineering .btn--linkback {
  color: #2869AF;
}
.t-faculty-mechanicalengineering .btn--linkback:hover {
  color: black;
}
.t-faculty-architecture .btn--linkback {
  color: #198282;
}
.t-faculty-architecture .btn--linkback:hover {
  color: black;
}
.t-faculty-computerengineering .btn--linkback {
  color: #288732;
}
.t-faculty-computerengineering .btn--linkback:hover {
  color: black;
}
.btn--linkback.has-readmore {
  margin-top: 2rem;
}
.table--nested .btn--linkback.has-readmore {
  display: inline-flex;
  margin-top: 0;
  align-items: center;
  justify-content: flex-end;
}
.table--nested .btn--linkback.has-readmore .showbutton__text {
  margin-right: 0.5rem;
}
.t-default .table--nested .btn--linkback.has-readmore:hover {
  color: #D72305;
}
.t-faculty-itmedia .table--nested .btn--linkback.has-readmore:hover {
  color: #8C2D82;
}
.t-faculty-businessinformatics .table--nested .btn--linkback.has-readmore:hover {
  color: #64378C;
}
.t-faculty-economics .table--nested .btn--linkback.has-readmore:hover {
  color: #1E4696;
}
.t-faculty-mechanicalengineering .table--nested .btn--linkback.has-readmore:hover {
  color: #2869AF;
}
.t-faculty-architecture .table--nested .btn--linkback.has-readmore:hover {
  color: #198282;
}
.t-faculty-computerengineering .table--nested .btn--linkback.has-readmore:hover {
  color: #288732;
}

/*------------------------------------*\
  #HEADINGS
\*------------------------------------*/
/*
Headings

Hier sind die zu verwendeten Überschriften zu sehen. wenn neue hinzu kommen
sollen, muss dies hier getan werden.

Markup: templates/output/04-elements/headings.html

Styleguide 2.4
*/
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
  margin: 0 0 1.5rem 0;
  font-family: "GT Pressura Greek Bold", sans-serif;
}

h1,
.h1 {
  font-size: 2.25rem;
  line-height: 1.17;
}

h2,
.h2 {
  font-size: 1.875rem;
  line-height: 1.27;
}

h3,
.h3 {
  font-size: 1.875rem;
  line-height: 1.27;
}

h4,
.h4 {
  font-size: 1.5rem;
  line-height: 1.33;
}

h5,
.h5 {
  font-size: 1.5rem;
  line-height: 1.33;
}

@media screen and (min-width: 768px) {
  h1,
  .h1 {
    font-size: 2.5rem;
    line-height: 1.2;
  }
  h2,
  .h2 {
    font-size: 2.5rem;
    line-height: 1.27;
  }
  h3,
  .h3 {
    font-size: 1.875rem;
    line-height: 1.27;
  }
  h4,
  .h4 {
    font-size: 1.5rem;
    line-height: 1.33;
  }
  h5,
  .h5 {
    font-size: 1.5rem;
    line-height: 1.33;
  }
}
@media screen and (min-width: 1280px) {
  h1,
  .h1 {
    font-size: 3.5rem;
    line-height: 3.75rem;
  }
  h2,
  .h2 {
    font-size: 2.875rem;
    line-height: 3.375rem;
  }
  h3,
  .h3 {
    font-size: 2.25rem;
    line-height: 2.75rem;
  }
  h4,
  .h4 {
    font-size: 1.875rem;
    line-height: 2.375rem;
  }
  h5,
  .h5 {
    font-size: 1.5rem;
    line-height: 2.125rem;
  }
}
/*
Hr

Markup: templates/output/04-elements/horizontalRule.html

Styleguide 2.5
*/
hr {
  margin: 0;
  padding: 0;
}

/*------------------------------------*\
  #IMAGES
\*------------------------------------*/
/*
Images

Styling der Bilder

Styleguide 2.6
*/
/**
 * Set some elements responsive.
 */
img,
object,
embed,
video {
  max-width: 100%;
  height: auto;
}

/*
Image

Markup: templates/output/04-elements/images/image.html

Styleguide 2.6.1
*/
img {
  border-style: none;
}

/*
Image Responsive

Markup: templates/output/03-patterns/images/rwd-image.html

Styleguide 2.6.2
*/
/*
Picture Attribute

Markup: templates/output/03-patterns/images/rwd-picture.html

Styleguide 2.6.3
*/
picture img {
  display: block;
}

/*
Image with figcaption

Markup: templates/output/04-elements/images/figure.html

Styleguide 2.6.4
*/
figure {
  display: table;
  margin: 0;
}

figcaption {
  display: table-caption;
  margin: calc(1rem / 2) 0 0;
  caption-side: bottom;
}

[data-type] {
  overflow: hidden;
}
[data-type] > figure > img {
  max-height: 80vh;
  max-width: 80vw;
}
@media screen and (min-width: 1280px) {
  [data-type] > figure > img {
    max-height: 85vh;
    max-width: 85vw;
  }
}
[data-type] > figure > figcaption {
  margin: 0;
  padding: 0.338rem 0.688rem 0.338rem 0.75rem;
  font-size: 1rem;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  width: auto;
  right: 0;
  text-align: right;
  white-space: normal;
  word-break: break-all;
  word-wrap: break-word;
}

.tobii {
  background-color: rgba(0, 0, 0, 0.65);
}
.tobii__counter {
  font-size: 1.0625rem;
  display: inline-block;
  margin: 0;
  top: auto;
  bottom: 1rem;
  padding: 0;
  text-align: center;
  width: 100%;
}
.tobii__counter::before {
  content: "Bild ";
}
.tobii > button {
  opacity: 1;
}
.tobii > button:active, .tobii > button:focus, .tobii > button:hover {
  transform: none;
}
.tobii > button.tobii__close {
  right: 1rem;
}
.tobii > button.tobii__close svg {
  width: 2rem;
  height: 2rem;
  color: white;
  stroke: none;
}
.tobii > button.tobii__prev, .tobii > button.tobii__next {
  padding: 1rem;
  border: 0;
}
.t-default .tobii > button.tobii__prev, .t-default .tobii > button.tobii__next {
  background-color: #D72305;
}
.t-faculty-itmedia .tobii > button.tobii__prev, .t-faculty-itmedia .tobii > button.tobii__next {
  background-color: #8C2D82;
}
.t-faculty-businessinformatics .tobii > button.tobii__prev, .t-faculty-businessinformatics .tobii > button.tobii__next {
  background-color: #64378C;
}
.t-faculty-economics .tobii > button.tobii__prev, .t-faculty-economics .tobii > button.tobii__next {
  background-color: #1E4696;
}
.t-faculty-mechanicalengineering .tobii > button.tobii__prev, .t-faculty-mechanicalengineering .tobii > button.tobii__next {
  background-color: #2869AF;
}
.t-faculty-architecture .tobii > button.tobii__prev, .t-faculty-architecture .tobii > button.tobii__next {
  background-color: #198282;
}
.t-faculty-computerengineering .tobii > button.tobii__prev, .t-faculty-computerengineering .tobii > button.tobii__next {
  background-color: #288732;
}
.tobii > button.tobii__prev svg, .tobii > button.tobii__next svg {
  width: 1rem;
  height: 1rem;
  color: white;
  stroke: none;
}
@media screen and (min-width: 768px) {
  .tobii > button.tobii__prev {
    left: 2rem;
  }
}
@media screen and (min-width: 1460px) {
  .tobii > button.tobii__prev {
    left: 4rem;
  }
}
@media screen and (min-width: 768px) {
  .tobii > button.tobii__next {
    right: 2rem;
  }
}
@media screen and (min-width: 1460px) {
  .tobii > button.tobii__next {
    right: 4rem;
  }
}

/*
Inline Elements

Markup: templates/output/04-elements/inlineElements.html

Styleguide 2.7
*/
a {
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  text-decoration: underline;
}
.t-default main a {
  color: #D72305;
}
.t-faculty-itmedia main a {
  color: #8C2D82;
}
.t-faculty-businessinformatics main a {
  color: #64378C;
}
.t-faculty-economics main a {
  color: #1E4696;
}
.t-faculty-mechanicalengineering main a {
  color: #2869AF;
}
.t-faculty-architecture main a {
  color: #198282;
}
.t-faculty-computerengineering main a {
  color: #288732;
}

/*------------------------------------*\
  #LISTS
\*------------------------------------*/
/*
Lists

Listen

Styleguide 2.8
*/
li > .btn {
  display: inline-table;
}

.ce-bodytext li a:not(.btn) {
  display: inline;
}

/*
Unordered

Markup: templates/output/04-elements/lists/listUnordered.html

Styleguide 2.8.1
*/
/*
Ordered

Markup: templates/output/04-elements/lists/listOrdered.html

Styleguide 2.8.2
*/
/*
Definition

Markup: templates/output/04-elements/lists/listDefinition.html

Styleguide 2.8.3
*/
main a:hover {
  color: black;
}
a.textlink {
  font-size: 1.0625rem;
  text-decoration: none;
  font-family: "IBM Plex Sans Bold", sans-serif;
  font-weight: 700;
  line-height: 1.47;
}
.t-default a.textlink:not(a.textlink--white) {
  color: #D72305;
}
.t-faculty-itmedia a.textlink:not(a.textlink--white) {
  color: #8C2D82;
}
.t-faculty-businessinformatics a.textlink:not(a.textlink--white) {
  color: #64378C;
}
.t-faculty-economics a.textlink:not(a.textlink--white) {
  color: #1E4696;
}
.t-faculty-mechanicalengineering a.textlink:not(a.textlink--white) {
  color: #2869AF;
}
.t-faculty-architecture a.textlink:not(a.textlink--white) {
  color: #198282;
}
.t-faculty-computerengineering a.textlink:not(a.textlink--white) {
  color: #288732;
}
a.textlink:not(a.textlink--white):hover {
  color: #000000;
}
a.textlink:not(a.textlink--white):hover::after {
  background: #000000;
}
.t-default a.textlink::after {
  background-color: #D72305;
}
.t-faculty-itmedia a.textlink::after {
  background-color: #8C2D82;
}
.t-faculty-businessinformatics a.textlink::after {
  background-color: #64378C;
}
.t-faculty-economics a.textlink::after {
  background-color: #1E4696;
}
.t-faculty-mechanicalengineering a.textlink::after {
  background-color: #2869AF;
}
.t-faculty-architecture a.textlink::after {
  background-color: #198282;
}
.t-faculty-computerengineering a.textlink::after {
  background-color: #288732;
}
a.textlink--white {
  font-size: 1.0625rem;
  color: #FFFFFF;
  text-decoration: none;
  font-family: "IBM Plex Sans Bold", sans-serif;
  font-weight: 700;
  line-height: 1.47;
}
a.textlink--white::after {
  display: inline-block;
  content: "";
  mask: url("../Images/Icons/less.svg");
  mask-size: contain;
  background: #FFFFFF;
  width: 14px;
  margin-left: 6px;
  height: 13px;
  bottom: -1px;
  position: relative;
}
a.textlink--white:hover {
  color: #D8D8D8;
}
a.textlink--white:hover::after {
  background: #D8D8D8;
}

/*------------------------------------*\
  #PARAGRAPH
\*------------------------------------*/
/*
Paragraph

Markup: templates/output/04-elements/paragraph.html

Styleguide 2.9
*/
.c-image-teaser__contentwrap p {
  margin-bottom: 1rem;
}
.c-image-teaser__contentwrap p:last-of-type {
  margin-bottom: 0;
}

p {
  margin-top: 0;
  margin-bottom: 2rem;
}

.span-hint {
  display: block;
  font-size: 14px;
  color: #6E6E6E;
  margin-bottom: 1rem;
}

/*------------------------------------*\
  #PRE
\*------------------------------------*/
/*
Preformatted text

Markup: templates/output/04-elements/preformattedText.html

Styleguide 2.10
*/
/*------------------------------------*\
  #ADDRESS
\*------------------------------------*/
/*
Address

<address> tag

Markup: templates/output/04-elements/address.html

Styleguide 2.13
*/
address {
  font-style: normal;
}

/*
Text with images

Demonstration of textmedia elements

Styleguide 2.15
*/
/*
Text with image(s) above

Markup: templates/output/04-elements/textmedia/textmedia-above.html

Styleguide 2.15.1
*/
/*
Text with image(s) below

Markup: templates/output/04-elements/textmedia/textmedia-below.html

Styleguide 2.15.2
*/
/*
Text with image(s) left

.ce-left--60 - text with image left 60%

Markup: templates/output/04-elements/textmedia/textmedia-left.html

Styleguide 2.15.3
*/
/*
Text with image(s) right

.ce-right--60 - text with image right 60%

Markup: templates/output/04-elements/textmedia/textmedia-right.html

Styleguide 2.15.4
*/
.ce-textpic.has-bodytext .ce-gallery {
  margin-bottom: 2rem;
}
@media screen and (min-width: 768px) {
  .ce-textpic.has-bodytext .ce-gallery {
    margin-bottom: 0;
  }
}
.ce-gallery figure {
  margin-bottom: 1rem;
}
.ce-center .ce-gallery figure {
  margin-left: auto;
  margin-right: auto;
}
.ce-gallery figcaption {
  display: block;
  margin: calc(1rem / 2) 0;
}
.ce-gallery img {
  display: block;
}
.ce-gallery .image {
  margin-bottom: 2rem;
}
@media screen and (min-width: 768px) {
  .ce-gallery .image {
    margin-bottom: 0;
  }
}
.ce-gallery .has-description .image {
  margin-bottom: 0;
}
.ce-gallery .ce-row:not(:last-of-type) {
  margin-bottom: 2rem;
}
.ce-textpic--fullwidth .ce-gallery {
  margin-right: 0 !important;
  margin-left: 0 !important;
  width: 100% !important;
}

.ce-bodytext {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
}
.ce-bodytext.no-image {
  width: 100%;
  flex: 0 0 100%;
}
.ce-bodytext p:last-child {
  margin-bottom: 0;
}
.ce-bodytext p + ul,
.ce-bodytext p + ol {
  margin-top: -1rem;
  margin-bottom: 1rem;
}
.ce-bodytext p + ul + ul, .ce-bodytext p + ul + ol,
.ce-bodytext p + ol + ul,
.ce-bodytext p + ol + ol {
  margin-top: 0;
}
.ce-bodytext ul + .ce-bodytext p, .ce-bodytext ol + .ce-bodytext p {
  margin-bottom: 2rem;
}
.ce-textpic {
  display: block;
  width: 100%;
}

@media (min-width: 768px) {
  .ce-intext::after {
    display: block;
    content: "";
    clear: both;
  }
  .ce-intext.ce-nowrap {
    display: flex;
    justify-content: space-between;
  }
  .ce-intext.ce-nowrap .ce-bodytext:not(.no-image) {
    width: calc(50% - 1rem);
    flex: 0 0 calc(50% - 1rem);
  }
  .ce-intext.ce-nowrap.ce-right--60 .ce-bodytext, .ce-intext.ce-nowrap.ce-left--60 .ce-bodytext {
    width: 40%;
    flex: 0 0 40%;
  }
  .ce-intext.ce-nowrap.ce-right {
    flex-direction: row-reverse;
  }
  .ce-intext .ce-gallery {
    width: 50%;
  }
  .ce-left:not(.ce-nowrap) .ce-gallery {
    float: left;
    margin-right: 1rem;
  }
  .ce-right:not(.ce-nowrap) .ce-gallery {
    float: right;
    margin-left: 1rem;
  }
  .ce-nowrap.ce-left .ce-gallery {
    margin-right: 1rem;
  }
  .ce-nowrap.ce-right .ce-gallery {
    margin-left: 1rem;
  }
  .ce-intext.ce-left--60 .ce-gallery {
    margin-right: 1rem;
    width: calc(60% + (1rem));
  }
  .ce-intext.ce-right--60 .ce-gallery {
    margin-left: 1rem;
    width: calc(60% + (1rem));
  }
  .ce-left:not(.ce-nowrap) .ce-bodytext {
    margin-left: 1rem;
  }
  .ce-right:not(.ce-nowrap) .ce-bodytext {
    margin-right: 1rem;
  }
  .ce-nowrap.ce-intext.ce-left .ce-bodytext:not(.no-image) {
    margin-left: 1rem;
  }
  .ce-nowrap.ce-intext.ce-right .ce-bodytext:not(.no-image) {
    margin-right: 1rem;
  }
  .ce-intext.ce-left--60 .ce-bodytext {
    margin-left: 1rem;
  }
  .ce-intext.ce-right--60 .ce-bodytext {
    margin-right: 1rem;
  }
  .ce-textpic::before, .ce-textpic::after {
    display: table;
    content: " ";
  }
  .ce-textpic::after {
    clear: both;
  }
}
@media (min-width: 1280px) {
  .ce-gallery:not([data-ce-columns="1"]) .ce-row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .ce-gallery:not([data-ce-columns="1"]) .ce-row:after {
    content: "";
    flex: auto;
  }
  .ce-gallery:not([data-ce-columns="1"]) .ce-column {
    margin: 0 1rem;
    width: 50%;
  }
  .ce-gallery:not([data-ce-columns="1"]) .ce-column:first-child {
    margin-left: 0;
  }
  .ce-gallery:not([data-ce-columns="1"]) .ce-column:last-child {
    margin-right: 0;
  }
}
/*------------------------------------*\
  #TABLE
\*------------------------------------*/
/*
Table

Styling der Tabellen

.table - Standardtabelle

Markup: templates/output/04-elements/table.html

Styleguide 2.11
*/
/*
Tabellenvarianten

.table.table--striped - Gestreifte Tabelle
.table.table--horizontal-lines - Tabelle mit horizontalen Linien
.table.table--mobile - Tabelle mit Überschrift links in mobiler Ansicht

Markup: templates/output/04-elements/table.html

Styleguide 2.11.1
*/
/*
Verschachtelte Tabellen mit und ohne Streifen

.table.table--nested
.table.table--striped.table--nested

Markup: templates/output/04-elements/table-nested.html

Styleguide 2.11.2
*/
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
table caption {
  display: none;
}
table thead th {
  text-align: left;
}
table thead tr {
  border-bottom: 0.125rem solid black;
}
table tbody tr:not(:last-of-type) {
  border-bottom: 0.0625rem solid #D8D8D8;
}
table tbody tr.row-details__head {
  word-wrap: break-word;
}
table tbody tr.js-opened {
  border-bottom-color: transparent;
}
table tbody tr.js-opened td {
  padding-bottom: 0;
}
.c-in2studyfinder table tbody tr.js-opened {
  border-bottom: 0.0625rem solid #D8D8D8;
}
.c-in2studyfinder table tbody tr.js-opened td {
  padding-bottom: 2rem;
}

th,
td {
  padding: 1.25rem 1rem;
  vertical-align: top;
}

.contenttable tr th {
  text-align: left;
}
.contenttable tr th:not([scope=col]) {
  border-right: 0.125rem solid black;
}
.contenttable tr td {
  min-width: 15.625rem;
}
@media screen and (min-width: 1280px) {
  .contenttable tr td {
    min-width: auto;
  }
}
.contenttable tr th {
  min-width: 15.625rem;
}

.table {
  border-top-width: 0.0625rem;
  transition: width 350ms ease-in-out;
}
@media screen and (min-width: 768px) {
  .table {
    width: 100%;
  }
}
.table td {
  padding: calc(1rem / 2) 2rem calc(1rem / 2) 0;
}
.t-default .table .o-icon {
  color: #D72305;
}
.t-faculty-itmedia .table .o-icon {
  color: #8C2D82;
}
.t-faculty-businessinformatics .table .o-icon {
  color: #64378C;
}
.t-faculty-economics .table .o-icon {
  color: #1E4696;
}
.t-faculty-mechanicalengineering .table .o-icon {
  color: #2869AF;
}
.t-faculty-architecture .table .o-icon {
  color: #198282;
}
.t-faculty-computerengineering .table .o-icon {
  color: #288732;
}
.table--horizontal-lines {
  background-color: #F4F4F4;
}
.table--horizontal-lines td {
  padding: 1rem;
}
.table--horizontal-lines td {
  min-width: 15.625rem;
}
@media screen and (min-width: 1280px) {
  .table--horizontal-lines td {
    min-width: auto;
  }
}
.table--horizontal-lines th {
  min-width: 15.625rem;
}
.table--striped tr:nth-of-type(even):not(.odd), .table--striped tr.even {
  background-color: #F4F4F4;
}
.table--striped tr .table--horizontal-lines,
.table--striped tr .table--horizontal-lines tr:nth-of-type(even) {
  background-color: transparent;
}
.table--striped td {
  padding: 2rem 1rem;
  border: 0;
}
.table--striped td {
  min-width: 15.625rem;
}
@media screen and (min-width: 1280px) {
  .table--striped td {
    min-width: auto;
  }
}
.table--striped th {
  min-width: 15.625rem;
}
.table--nested .o-row__table-cell-details {
  width: 100%;
  margin-top: 1rem;
}
@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .table--nested .o-row__table-cell-details {
    width: 1120px;
  }
}
.table--nested thead td {
  padding: 0 1rem 1rem;
}
.table--striped .table--nested thead tr {
  border-bottom-width: 0.0625rem;
  border-bottom-color: #D8D8D8;
}
.table--nested .table {
  width: 100%;
}
.table--nested .table td {
  padding: calc(1rem / 2) 2rem 2rem;
}
.table--nested .table--horizontal-lines th,
.table--nested .table--horizontal-lines td, .table--nested .table--striped th,
.table--nested .table--striped td {
  min-width: auto;
}
.table--nested .table--horizontal-lines {
  margin-bottom: 2.5rem;
}
.table--nested .table--horizontal-lines tr:first-of-type td {
  padding-top: 0;
}
.table--nested .table--horizontal-lines tr:last-of-type td {
  padding-bottom: 0;
}
.table--nested .table--horizontal-lines td {
  padding: calc(1rem / 2) 1rem;
}
.table--nested .table--horizontal-lines .table__cell-title {
  font-family: "IBM Plex Sans Bold", sans-serif;
  font-weight: 700;
}
@media (max-width: 767px) {
  .table--responsive td {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    width: 100%;
    padding: 0.25rem 1rem !important;
  }
  .table--responsive td.table__cell-title {
    padding: 1rem 1rem 0.25rem 1rem !important;
  }
  .table--responsive td:last-of-type {
    padding: 0 1rem 0.5rem 1rem !important;
  }
  .table--responsive td.table__cell-properties > .o-container {
    margin: 0;
    padding: 0;
  }
  .table--responsive td.table__cell-moreinfo {
    justify-content: flex-end;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .table--responsive td.table__cell-moreinfo .o-icon {
    width: 0.75rem;
    height: 0.75rem;
  }
}
@media screen and (min-width: 768px) {
  .table--responsive td {
    padding: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .table--mobile th,
  .table--mobile thead {
    display: none;
  }
  .table--mobile td::before {
    content: attr(data-label);
    font-weight: 700;
    width: 7.5rem;
    min-width: 7.5rem;
    margin-right: 1rem;
  }
  .table--mobile.is-without-table-head td:before {
    display: none;
  }
  .table--mobile thead tr th:not([scope=row]),
  .table--mobile tbody tr th:not([scope=row]) {
    display: block;
    padding: 0.25rem 1rem;
    border-right: 0 !important;
  }
}
@media screen and (min-width: 768px) {
  .table--mobile thead tr th:not([scope]) {
    border-right: 0 !important;
  }
}

.c-in2studyfinder table,
.c-exhibitor-list table {
  border-collapse: separate;
}
.c-in2studyfinder thead,
.c-exhibitor-list thead {
  position: sticky;
  top: 46px;
  background-color: #FFFFFF;
  color: inherit;
  z-index: 1;
}
@media (min-width: 1280px) {
  .c-in2studyfinder thead,
  .c-exhibitor-list thead {
    top: 0;
  }
}
.c-in2studyfinder thead tr,
.c-exhibitor-list thead tr {
  border-bottom: 0;
}
.c-in2studyfinder thead th,
.c-exhibitor-list thead th {
  border-bottom: 0.125rem solid black;
}

@media screen and (min-width: 768px) {
  .c-in2studyfinder tbody tr:not(:last-of-type) {
    border-bottom: 0;
  }
  .c-in2studyfinder tbody tr:not(:last-of-type) td {
    border-bottom: 0.0625rem solid #D8D8D8;
  }
}

.internalareahint {
  margin: 0 auto;
  width: 100vw;
  max-width: 1120px;
  position: relative;
  left: -5rem;
  visibility: hidden;
}
@media screen and (min-width: 1280px) {
  .internalareahint {
    visibility: visible;
  }
}
.internalareahint--inner {
  position: fixed;
  top: 40vh;
  z-index: 1;
  writing-mode: tb-rl;
  transform: rotate(-180deg);
}
.internalareahint--inner:before {
  position: absolute;
  content: "";
  border-top: 1px solid #000000;
  top: 130%;
  right: -20%;
  width: 2.5rem;
  transform: rotate(90deg);
}
@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .internalareahint--inner:before {
    right: 2.125rem;
  }
}
.internalareahint__mobile {
  display: none;
}
.internalareahint__mobile:before {
  position: absolute;
  content: "";
  border-top: 1px solid #000000;
  top: 50%;
  left: -35px;
  width: 25px;
}
@media screen and (min-width: 768px) {
  .internalareahint__mobile {
    display: inline-block;
    position: relative;
    bottom: 0.625rem;
    right: 1.25rem;
    margin-right: 1.5rem;
  }
}
@media screen and (min-width: 1280px) {
  .internalareahint__mobile {
    display: none;
  }
}

/*
Video

Demo for responsive video element, e.g. iframe

Markup: templates/output/03-patterns/video.html

Styleguide 2.16
*/
.video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0;
  overflow: hidden;
}
.video iframe,
.video object,
.video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*------------------------------------*\
  #OBJECTS
\*------------------------------------*/
/**
 * “Users of OOCSS will be familiar with the concept of objects. This is the
 * first layer in which we find class-based selectors. These are concerned with
 * styling non-cosmetic design patterns, or 'objects'. Objects can range from
 * something as simple as a .wrapper element, to layout systems, through to
 * things like the OOCSS poster child – the Media Object. This layer affects
 * less of the DOM than the last layer, has a higher specificity, and is
 * slightly more explicit in that we are now targeting sections of the DOM with
 * classes.”
 *
 * (Source: see link at the top)
 */
/*
Objects

Styleguide 3.0
*/
/*------------------------------------*\
  #TABLE-RWD
\*------------------------------------*/
/*
Responsive table

Markup: templates/output/05-objects/table-rwd.html

Styleguide 3.2
*/
.table-rwd {
  display: block;
  width: 100%;
  position: relative;
}
.table-rwd__overflow {
  margin: 0 0 2rem;
  width: 100%;
  overflow-x: auto;
}
.table-rwd__overflow::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 1rem;
  height: 1rem;
}
.table-rwd__overflow::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 3px solid #FFFFFF;
  background-color: rgba(0, 0, 0, 0.3);
}

/*------------------------------------*\
  #FLEX-LINE
\*------------------------------------*/
/*
Flex line

normal - analog zu Start
start - Elemente linksbündig
between - Elemente mit gleichem Abstand zueinander
center - Elemente zentriert
around - Elemente mit gleichem Abstand herum
end - Elemente rechtsbündig
row-reverse - Elemente in umgekehrter Reihenfolge

Markup: templates/output/05-objects/flex-line.html

Styleguide 3.1
*/
.o-flex-line {
  display: flex;
  flex-wrap: wrap;
}
.o-flex-line--between {
  justify-content: space-between;
}
.o-flex-line--center {
  justify-content: center;
}
.o-flex-line--around {
  justify-content: space-around;
}
.o-flex-line--end {
  justify-content: flex-end;
}
.o-flex-line--items-end {
  align-items: flex-end;
}
.o-flex-line--row-reverse {
  flex-direction: row-reverse;
}
.o-flex-line--column {
  flex-direction: column;
}

/*------------------------------------*\
  #FLAG-OBJECT
\*------------------------------------*/
/*
Flag

Simple object to place media elements and text beside each other. It’s like
Nicole Sullivans famous media object, but comes with the ability to change it’s
alignments. You may read more about it at
<a href="https://csswizardry.com/2013/05/the-flag-object/" title="Visit Harry Roberts blog post">
Harry Roberts blog</a>.

top - Align media element at the top edge.
middle - Align media element in the middle of the text.
bottom - Align media element at the bottom edge.
reverse - Swap media element and text.
middle-body-only - Align the text centered to the media element if it’s larger.

Markup: templates/output/05-objects/flag.html

Styleguide 3.3
*/
.o-flag {
  display: flex;
}
.o-flag--top {
  align-items: flex-start;
}
.o-flag--middle {
  align-items: center;
}
.o-flag--bottom {
  align-items: flex-end;
}
.o-flag--reverse {
  flex-direction: row-reverse;
}
.o-flag__media {
  padding-right: 1em;
}
.o-flag--reverse .o-flag__media {
  padding-left: 1em;
  padding-right: 0;
}
.o-flag__body {
  width: 100%;
}
.o-flag--middle-body-only .o-flag__body {
  align-self: center;
}

/*------------------------------------*\
  #LIST-BARE
\*------------------------------------*/
/*
List bare/unstyled

Markup: templates/output/05-objects/list-bare.html

Styleguide 3.4
*/
.o-list-bare {
  list-style: none;
  padding-left: 0;
}

/*------------------------------------*\
  #LIST-INLINE
\*------------------------------------*/
/*
List inline

Markup: templates/output/05-objects/list-inline.html

Styleguide 3.5
*/
.o-list-inline {
  padding-left: 0;
  list-style: none;
}
.o-list-inline__item {
  display: inline-block;
}

/*------------------------------------*\
  #LIST-UNSTYLED
\*------------------------------------*/
/*
List unstyled

Markup: templates/output/05-objects/list-unstyled.html

Styleguide 3.6
*/
.c-breadcrumb, .c-linklist, .c-dropdown__list,
.o-list-unstyled {
  margin: 0;
  padding: 0;
  list-style: none;
}
.o-list-unstyled__item {
  margin-bottom: 0;
}

/*
Container

o-container--fullwidth - full width container
o-container--grey - grey container
o-container--spacing-y - top and bottom padding
o-container--outside-spacing-y - top and bottom margin

Markup:
  <div class="o-container">
    <div class="{{modifier_class}}">
      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
      <p>Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>
      <p>In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a,</p>
    </div>
  </div>

Styleguide 3.9
*/
.o-container {
  margin: 0 auto;
  padding: 0 1.375rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .o-container {
    padding: 0 2rem;
    max-width: 1120px;
  }
}
@media screen and (min-width: 1280px) {
  .o-container {
    padding: 0;
  }
}
.o-container > .o-container:not(main) .o-container > .o-container {
  padding-left: 0;
  padding-right: 0;
}
.o-container--nospacing {
  padding: 0;
}
.o-container--spacing-y {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.o-container--outside-spacing-y {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.o-container--fullwidth {
  padding: 0;
  max-width: 100% !important;
}
.o-container .o-container--fullwidth {
  position: relative;
}
.o-container .o-container--fullwidth:after {
  content: "";
  position: absolute;
  margin-left: -50vw;
  margin-right: -50vw;
  right: 50%;
  left: 50%;
  height: 100%;
  top: 0;
  z-index: -1;
  background-color: inherit;
}
.o-container--grey {
  background-color: #F4F4F4;
}
.o-container--darkgrey {
  background-color: #AFAFAF;
}
.o-container--fullheight .o-row__col-full {
  display: flex;
  flex-wrap: wrap;
}

main .o-container .frame:not(:last-of-type) {
  margin-bottom: 2rem;
}
main .o-container .frame > .o-container {
  padding-left: 0;
  padding-right: 0;
}
main .o-container .c-tabs .frame {
  margin-bottom: 0;
}

/*------------------------------------*\
  #ICONS
\*-----------------------------------*/
/*
Icons

.o-icon--rotateX180 - 180 deg rotated icon

Markup: templates/output/05-objects/icons.html

Styleguide 3.8
*/
.o-icon {
  color: currentColor;
}
.o-icon--rotateX180 {
  transform: rotateX(180deg);
}

/*------------------------------------*\
  #GRID
\*------------------------------------*/
/*
Grid

Markup: templates/output/05-objects/grid.html

Styleguide 3.7

*/
.o-row {
  display: flex;
  flex-wrap: wrap;
}
.o-row--between {
  justify-content: space-between;
}
.o-row--justify-center {
  justify-content: center;
}
.o-row--row-reverse {
  flex-direction: row-reverse;
}
.o-row--center {
  align-items: center;
}
.o-row--vertical-align [class*=o-row__col] {
  margin-bottom: 2rem;
}
.o-row--gutter {
  margin-left: -2rem;
}
.o-row--gutter [class*=o-row__col] {
  padding-left: 2rem;
}
.o-row__col-full {
  width: 100%;
}
[class*=o-row--gutter] .o-row__col-full, [class*=o-row--nogutter] .o-row__col-full {
  width: 100%;
}
.o-row__col-1\/2 {
  width: calc(1/2*100% - (1 - 1/2)*2rem);
}
[class*=o-row--gutter] .o-row__col-1\/2, [class*=o-row--nogutter] .o-row__col-1\/2 {
  width: calc(1/2*100% - (1 - 1/2)*0px);
}
.o-row__col-1\/3 {
  width: calc(1/3*100% - (1 - 1/3)*2rem);
}
[class*=o-row--gutter] .o-row__col-1\/3, [class*=o-row--nogutter] .o-row__col-1\/3 {
  width: calc(1/3*100% - (1 - 1/3)*0px);
}
.o-row__col-2\/3 {
  width: calc(2/3*100% - (1 - 2/3)*2rem);
}
[class*=o-row--gutter] .o-row__col-2\/3, [class*=o-row--nogutter] .o-row__col-2\/3 {
  width: calc(2/3*100% - (1 - 2/3)*0px);
}
.o-row__col-1\/4 {
  width: calc(1/4*100% - (1 - 1/4)*2rem);
}
[class*=o-row--gutter] .o-row__col-1\/4, [class*=o-row--nogutter] .o-row__col-1\/4 {
  width: calc(1/4*100% - (1 - 1/4)*0px);
}
.o-row__col-3\/4 {
  width: calc(3/4*100% - (1 - 3/4)*2rem);
}
[class*=o-row--gutter] .o-row__col-3\/4, [class*=o-row--nogutter] .o-row__col-3\/4 {
  width: calc(3/4*100% - (1 - 3/4)*0px);
}
.o-row__col-1\/5 {
  width: calc(1/5*100% - (1 - 1/5)*2rem);
}
[class*=o-row--gutter] .o-row__col-1\/5, [class*=o-row--nogutter] .o-row__col-1\/5 {
  width: calc(1/5*100% - (1 - 1/5)*0px);
}
.o-row__col-2\/5 {
  width: calc(2/5*100% - (1 - 2/5)*2rem);
}
[class*=o-row--gutter] .o-row__col-2\/5, [class*=o-row--nogutter] .o-row__col-2\/5 {
  width: calc(2/5*100% - (1 - 2/5)*0px);
}
.o-row__col-3\/5 {
  width: calc(3/5*100% - (1 - 3/5)*2rem);
}
[class*=o-row--gutter] .o-row__col-3\/5, [class*=o-row--nogutter] .o-row__col-3\/5 {
  width: calc(3/5*100% - (1 - 3/5)*0px);
}
.o-row__col-4\/5 {
  width: calc(4/5*100% - (1 - 4/5)*2rem);
}
[class*=o-row--gutter] .o-row__col-4\/5, [class*=o-row--nogutter] .o-row__col-4\/5 {
  width: calc(4/5*100% - (1 - 4/5)*0px);
}
.o-row__col-1\/12 {
  width: calc(1/12*100% - (1 - 1/12)*2rem);
}
[class*=o-row--gutter] .o-row__col-1\/12, [class*=o-row--nogutter] .o-row__col-1\/12 {
  width: calc(1/12*100% - (1 - 1/12)*0px);
}
.o-row__col-2\/12 {
  width: calc(2/12*100% - (1 - 2/12)*2rem);
}
[class*=o-row--gutter] .o-row__col-2\/12, [class*=o-row--nogutter] .o-row__col-2\/12 {
  width: calc(2/12*100% - (1 - 2/12)*0px);
}
.o-row__col-7\/12 {
  width: calc(7/12*100% - (1 - 7/12)*2rem);
}
[class*=o-row--gutter] .o-row__col-7\/12, [class*=o-row--nogutter] .o-row__col-7\/12 {
  width: calc(7/12*100% - (1 - 7/12)*0px);
}
.o-row__col-10\/12 {
  width: calc(10/12*100% - (1 - 10/12)*2rem);
}
[class*=o-row--gutter] .o-row__col-10\/12, [class*=o-row--nogutter] .o-row__col-10\/12 {
  width: calc(10/12*100% - (1 - 10/12)*0px);
}
.o-row__col-11\/12 {
  width: calc(11/12*100% - (1 - 11/12)*2rem);
}
[class*=o-row--gutter] .o-row__col-11\/12, [class*=o-row--nogutter] .o-row__col-11\/12 {
  width: calc(11/12*100% - (1 - 11/12)*0px);
}
.o-row__col--flexgrow {
  flex-grow: 1;
}
@media only screen and (min-width: 375px) {
  .o-row\@smartphone {
    display: flex;
    flex-wrap: wrap;
  }
  .o-row--between\@smartphone {
    justify-content: space-between;
  }
  .o-row--justify-center\@smartphone {
    justify-content: center;
  }
  .o-row--row-reverse\@smartphone {
    flex-direction: row-reverse;
  }
  .o-row--center\@smartphone {
    align-items: center;
  }
  .o-row--vertical-align\@smartphone [class*=o-row__col] {
    margin-bottom: 2rem;
  }
  .o-row--gutter {
    margin-left: -2rem;
  }
  .o-row--gutter\@smartphone [class*=o-row__col] {
    padding-left: 2rem;
  }
  .o-row__col-full\@smartphone {
    width: 100%;
  }
  [class*=o-row--gutter] .o-row__col-full\@smartphone, [class*=o-row--nogutter] .o-row__col-full\@smartphone {
    width: 100%;
  }
  .o-row__col-1\/2\@smartphone {
    width: calc(1/2*100% - (1 - 1/2)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-1\/2\@smartphone, [class*=o-row--nogutter] .o-row__col-1\/2\@smartphone {
    width: calc(1/2*100% - (1 - 1/2)*0px);
  }
  .o-row__col-1\/3\@smartphone {
    width: calc(1/3*100% - (1 - 1/3)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-1\/3\@smartphone, [class*=o-row--nogutter] .o-row__col-1\/3\@smartphone {
    width: calc(1/3*100% - (1 - 1/3)*0px);
  }
  .o-row__col-2\/3\@smartphone {
    width: calc(2/3*100% - (1 - 2/3)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-2\/3\@smartphone, [class*=o-row--nogutter] .o-row__col-2\/3\@smartphone {
    width: calc(2/3*100% - (1 - 2/3)*0px);
  }
  .o-row__col-1\/4\@smartphone {
    width: calc(1/4*100% - (1 - 1/4)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-1\/4\@smartphone, [class*=o-row--nogutter] .o-row__col-1\/4\@smartphone {
    width: calc(1/4*100% - (1 - 1/4)*0px);
  }
  .o-row__col-3\/4\@smartphone {
    width: calc(3/4*100% - (1 - 3/4)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-3\/4\@smartphone, [class*=o-row--nogutter] .o-row__col-3\/4\@smartphone {
    width: calc(3/4*100% - (1 - 3/4)*0px);
  }
  .o-row__col-1\/5\@smartphone {
    width: calc(1/5*100% - (1 - 1/5)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-1\/5\@smartphone, [class*=o-row--nogutter] .o-row__col-1\/5\@smartphone {
    width: calc(1/5*100% - (1 - 1/5)*0px);
  }
  .o-row__col-2\/5\@smartphone {
    width: calc(2/5*100% - (1 - 2/5)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-2\/5\@smartphone, [class*=o-row--nogutter] .o-row__col-2\/5\@smartphone {
    width: calc(2/5*100% - (1 - 2/5)*0px);
  }
  .o-row__col-3\/5\@smartphone {
    width: calc(3/5*100% - (1 - 3/5)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-3\/5\@smartphone, [class*=o-row--nogutter] .o-row__col-3\/5\@smartphone {
    width: calc(3/5*100% - (1 - 3/5)*0px);
  }
  .o-row__col-4\/5\@smartphone {
    width: calc(4/5*100% - (1 - 4/5)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-4\/5\@smartphone, [class*=o-row--nogutter] .o-row__col-4\/5\@smartphone {
    width: calc(4/5*100% - (1 - 4/5)*0px);
  }
  .o-row__col-1\/12\@smartphone {
    width: calc(1/12*100% - (1 - 1/12)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-1\/12\@smartphone, [class*=o-row--nogutter] .o-row__col-1\/12\@smartphone {
    width: calc(1/12*100% - (1 - 1/12)*0px);
  }
  .o-row__col-2\/12\@smartphone {
    width: calc(2/12*100% - (1 - 2/12)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-2\/12\@smartphone, [class*=o-row--nogutter] .o-row__col-2\/12\@smartphone {
    width: calc(2/12*100% - (1 - 2/12)*0px);
  }
  .o-row__col-7\/12\@smartphone {
    width: calc(7/12*100% - (1 - 7/12)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-7\/12\@smartphone, [class*=o-row--nogutter] .o-row__col-7\/12\@smartphone {
    width: calc(7/12*100% - (1 - 7/12)*0px);
  }
  .o-row__col-10\/12\@smartphone {
    width: calc(10/12*100% - (1 - 10/12)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-10\/12\@smartphone, [class*=o-row--nogutter] .o-row__col-10\/12\@smartphone {
    width: calc(10/12*100% - (1 - 10/12)*0px);
  }
  .o-row__col-11\/12\@smartphone {
    width: calc(11/12*100% - (1 - 11/12)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-11\/12\@smartphone, [class*=o-row--nogutter] .o-row__col-11\/12\@smartphone {
    width: calc(11/12*100% - (1 - 11/12)*0px);
  }
  .o-row__col--flexgrow\@smartphone {
    flex-grow: 1;
  }
}
@media only screen and (min-width: 768px) {
  .o-row\@tablet {
    display: flex;
    flex-wrap: wrap;
  }
  .o-row--between\@tablet {
    justify-content: space-between;
  }
  .o-row--justify-center\@tablet {
    justify-content: center;
  }
  .o-row--row-reverse\@tablet {
    flex-direction: row-reverse;
  }
  .o-row--center\@tablet {
    align-items: center;
  }
  .o-row--vertical-align\@tablet [class*=o-row__col] {
    margin-bottom: 2rem;
  }
  .o-row--gutter {
    margin-left: -2rem;
  }
  .o-row--gutter\@tablet [class*=o-row__col] {
    padding-left: 2rem;
  }
  .o-row__col-full\@tablet {
    width: 100%;
  }
  [class*=o-row--gutter] .o-row__col-full\@tablet, [class*=o-row--nogutter] .o-row__col-full\@tablet {
    width: 100%;
  }
  .o-row__col-1\/2\@tablet {
    width: calc(1/2*100% - (1 - 1/2)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-1\/2\@tablet, [class*=o-row--nogutter] .o-row__col-1\/2\@tablet {
    width: calc(1/2*100% - (1 - 1/2)*0px);
  }
  .o-row__col-1\/3\@tablet {
    width: calc(1/3*100% - (1 - 1/3)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-1\/3\@tablet, [class*=o-row--nogutter] .o-row__col-1\/3\@tablet {
    width: calc(1/3*100% - (1 - 1/3)*0px);
  }
  .o-row__col-2\/3\@tablet {
    width: calc(2/3*100% - (1 - 2/3)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-2\/3\@tablet, [class*=o-row--nogutter] .o-row__col-2\/3\@tablet {
    width: calc(2/3*100% - (1 - 2/3)*0px);
  }
  .o-row__col-1\/4\@tablet {
    width: calc(1/4*100% - (1 - 1/4)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-1\/4\@tablet, [class*=o-row--nogutter] .o-row__col-1\/4\@tablet {
    width: calc(1/4*100% - (1 - 1/4)*0px);
  }
  .o-row__col-3\/4\@tablet {
    width: calc(3/4*100% - (1 - 3/4)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-3\/4\@tablet, [class*=o-row--nogutter] .o-row__col-3\/4\@tablet {
    width: calc(3/4*100% - (1 - 3/4)*0px);
  }
  .o-row__col-1\/5\@tablet {
    width: calc(1/5*100% - (1 - 1/5)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-1\/5\@tablet, [class*=o-row--nogutter] .o-row__col-1\/5\@tablet {
    width: calc(1/5*100% - (1 - 1/5)*0px);
  }
  .o-row__col-2\/5\@tablet {
    width: calc(2/5*100% - (1 - 2/5)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-2\/5\@tablet, [class*=o-row--nogutter] .o-row__col-2\/5\@tablet {
    width: calc(2/5*100% - (1 - 2/5)*0px);
  }
  .o-row__col-3\/5\@tablet {
    width: calc(3/5*100% - (1 - 3/5)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-3\/5\@tablet, [class*=o-row--nogutter] .o-row__col-3\/5\@tablet {
    width: calc(3/5*100% - (1 - 3/5)*0px);
  }
  .o-row__col-4\/5\@tablet {
    width: calc(4/5*100% - (1 - 4/5)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-4\/5\@tablet, [class*=o-row--nogutter] .o-row__col-4\/5\@tablet {
    width: calc(4/5*100% - (1 - 4/5)*0px);
  }
  .o-row__col-1\/12\@tablet {
    width: calc(1/12*100% - (1 - 1/12)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-1\/12\@tablet, [class*=o-row--nogutter] .o-row__col-1\/12\@tablet {
    width: calc(1/12*100% - (1 - 1/12)*0px);
  }
  .o-row__col-2\/12\@tablet {
    width: calc(2/12*100% - (1 - 2/12)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-2\/12\@tablet, [class*=o-row--nogutter] .o-row__col-2\/12\@tablet {
    width: calc(2/12*100% - (1 - 2/12)*0px);
  }
  .o-row__col-7\/12\@tablet {
    width: calc(7/12*100% - (1 - 7/12)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-7\/12\@tablet, [class*=o-row--nogutter] .o-row__col-7\/12\@tablet {
    width: calc(7/12*100% - (1 - 7/12)*0px);
  }
  .o-row__col-10\/12\@tablet {
    width: calc(10/12*100% - (1 - 10/12)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-10\/12\@tablet, [class*=o-row--nogutter] .o-row__col-10\/12\@tablet {
    width: calc(10/12*100% - (1 - 10/12)*0px);
  }
  .o-row__col-11\/12\@tablet {
    width: calc(11/12*100% - (1 - 11/12)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-11\/12\@tablet, [class*=o-row--nogutter] .o-row__col-11\/12\@tablet {
    width: calc(11/12*100% - (1 - 11/12)*0px);
  }
  .o-row__col--flexgrow\@tablet {
    flex-grow: 1;
  }
}
@media only screen and (min-width: 1280px) {
  .o-row\@desktop {
    display: flex;
    flex-wrap: wrap;
  }
  .o-row--between\@desktop {
    justify-content: space-between;
  }
  .o-row--justify-center\@desktop {
    justify-content: center;
  }
  .o-row--row-reverse\@desktop {
    flex-direction: row-reverse;
  }
  .o-row--center\@desktop {
    align-items: center;
  }
  .o-row--vertical-align\@desktop [class*=o-row__col] {
    margin-bottom: 2rem;
  }
  .o-row--gutter {
    margin-left: -2rem;
  }
  .o-row--gutter\@desktop [class*=o-row__col] {
    padding-left: 2rem;
  }
  .o-row__col-full\@desktop {
    width: 100%;
  }
  [class*=o-row--gutter] .o-row__col-full\@desktop, [class*=o-row--nogutter] .o-row__col-full\@desktop {
    width: 100%;
  }
  .o-row__col-1\/2\@desktop {
    width: calc(1/2*100% - (1 - 1/2)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-1\/2\@desktop, [class*=o-row--nogutter] .o-row__col-1\/2\@desktop {
    width: calc(1/2*100% - (1 - 1/2)*0px);
  }
  .o-row__col-1\/3\@desktop {
    width: calc(1/3*100% - (1 - 1/3)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-1\/3\@desktop, [class*=o-row--nogutter] .o-row__col-1\/3\@desktop {
    width: calc(1/3*100% - (1 - 1/3)*0px);
  }
  .o-row__col-2\/3\@desktop {
    width: calc(2/3*100% - (1 - 2/3)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-2\/3\@desktop, [class*=o-row--nogutter] .o-row__col-2\/3\@desktop {
    width: calc(2/3*100% - (1 - 2/3)*0px);
  }
  .o-row__col-1\/4\@desktop {
    width: calc(1/4*100% - (1 - 1/4)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-1\/4\@desktop, [class*=o-row--nogutter] .o-row__col-1\/4\@desktop {
    width: calc(1/4*100% - (1 - 1/4)*0px);
  }
  .o-row__col-3\/4\@desktop {
    width: calc(3/4*100% - (1 - 3/4)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-3\/4\@desktop, [class*=o-row--nogutter] .o-row__col-3\/4\@desktop {
    width: calc(3/4*100% - (1 - 3/4)*0px);
  }
  .o-row__col-1\/5\@desktop {
    width: calc(1/5*100% - (1 - 1/5)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-1\/5\@desktop, [class*=o-row--nogutter] .o-row__col-1\/5\@desktop {
    width: calc(1/5*100% - (1 - 1/5)*0px);
  }
  .o-row__col-2\/5\@desktop {
    width: calc(2/5*100% - (1 - 2/5)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-2\/5\@desktop, [class*=o-row--nogutter] .o-row__col-2\/5\@desktop {
    width: calc(2/5*100% - (1 - 2/5)*0px);
  }
  .o-row__col-3\/5\@desktop {
    width: calc(3/5*100% - (1 - 3/5)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-3\/5\@desktop, [class*=o-row--nogutter] .o-row__col-3\/5\@desktop {
    width: calc(3/5*100% - (1 - 3/5)*0px);
  }
  .o-row__col-4\/5\@desktop {
    width: calc(4/5*100% - (1 - 4/5)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-4\/5\@desktop, [class*=o-row--nogutter] .o-row__col-4\/5\@desktop {
    width: calc(4/5*100% - (1 - 4/5)*0px);
  }
  .o-row__col-1\/12\@desktop {
    width: calc(1/12*100% - (1 - 1/12)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-1\/12\@desktop, [class*=o-row--nogutter] .o-row__col-1\/12\@desktop {
    width: calc(1/12*100% - (1 - 1/12)*0px);
  }
  .o-row__col-2\/12\@desktop {
    width: calc(2/12*100% - (1 - 2/12)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-2\/12\@desktop, [class*=o-row--nogutter] .o-row__col-2\/12\@desktop {
    width: calc(2/12*100% - (1 - 2/12)*0px);
  }
  .o-row__col-7\/12\@desktop {
    width: calc(7/12*100% - (1 - 7/12)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-7\/12\@desktop, [class*=o-row--nogutter] .o-row__col-7\/12\@desktop {
    width: calc(7/12*100% - (1 - 7/12)*0px);
  }
  .o-row__col-10\/12\@desktop {
    width: calc(10/12*100% - (1 - 10/12)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-10\/12\@desktop, [class*=o-row--nogutter] .o-row__col-10\/12\@desktop {
    width: calc(10/12*100% - (1 - 10/12)*0px);
  }
  .o-row__col-11\/12\@desktop {
    width: calc(11/12*100% - (1 - 11/12)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-11\/12\@desktop, [class*=o-row--nogutter] .o-row__col-11\/12\@desktop {
    width: calc(11/12*100% - (1 - 11/12)*0px);
  }
  .o-row__col--flexgrow\@desktop {
    flex-grow: 1;
  }
}
@media only screen and (min-width: 1460px) {
  .o-row\@fullhd {
    display: flex;
    flex-wrap: wrap;
  }
  .o-row--between\@fullhd {
    justify-content: space-between;
  }
  .o-row--justify-center\@fullhd {
    justify-content: center;
  }
  .o-row--row-reverse\@fullhd {
    flex-direction: row-reverse;
  }
  .o-row--center\@fullhd {
    align-items: center;
  }
  .o-row--vertical-align\@fullhd [class*=o-row__col] {
    margin-bottom: 2rem;
  }
  .o-row--gutter {
    margin-left: -2rem;
  }
  .o-row--gutter\@fullhd [class*=o-row__col] {
    padding-left: 2rem;
  }
  .o-row__col-full\@fullhd {
    width: 100%;
  }
  [class*=o-row--gutter] .o-row__col-full\@fullhd, [class*=o-row--nogutter] .o-row__col-full\@fullhd {
    width: 100%;
  }
  .o-row__col-1\/2\@fullhd {
    width: calc(1/2*100% - (1 - 1/2)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-1\/2\@fullhd, [class*=o-row--nogutter] .o-row__col-1\/2\@fullhd {
    width: calc(1/2*100% - (1 - 1/2)*0px);
  }
  .o-row__col-1\/3\@fullhd {
    width: calc(1/3*100% - (1 - 1/3)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-1\/3\@fullhd, [class*=o-row--nogutter] .o-row__col-1\/3\@fullhd {
    width: calc(1/3*100% - (1 - 1/3)*0px);
  }
  .o-row__col-2\/3\@fullhd {
    width: calc(2/3*100% - (1 - 2/3)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-2\/3\@fullhd, [class*=o-row--nogutter] .o-row__col-2\/3\@fullhd {
    width: calc(2/3*100% - (1 - 2/3)*0px);
  }
  .o-row__col-1\/4\@fullhd {
    width: calc(1/4*100% - (1 - 1/4)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-1\/4\@fullhd, [class*=o-row--nogutter] .o-row__col-1\/4\@fullhd {
    width: calc(1/4*100% - (1 - 1/4)*0px);
  }
  .o-row__col-3\/4\@fullhd {
    width: calc(3/4*100% - (1 - 3/4)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-3\/4\@fullhd, [class*=o-row--nogutter] .o-row__col-3\/4\@fullhd {
    width: calc(3/4*100% - (1 - 3/4)*0px);
  }
  .o-row__col-1\/5\@fullhd {
    width: calc(1/5*100% - (1 - 1/5)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-1\/5\@fullhd, [class*=o-row--nogutter] .o-row__col-1\/5\@fullhd {
    width: calc(1/5*100% - (1 - 1/5)*0px);
  }
  .o-row__col-2\/5\@fullhd {
    width: calc(2/5*100% - (1 - 2/5)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-2\/5\@fullhd, [class*=o-row--nogutter] .o-row__col-2\/5\@fullhd {
    width: calc(2/5*100% - (1 - 2/5)*0px);
  }
  .o-row__col-3\/5\@fullhd {
    width: calc(3/5*100% - (1 - 3/5)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-3\/5\@fullhd, [class*=o-row--nogutter] .o-row__col-3\/5\@fullhd {
    width: calc(3/5*100% - (1 - 3/5)*0px);
  }
  .o-row__col-4\/5\@fullhd {
    width: calc(4/5*100% - (1 - 4/5)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-4\/5\@fullhd, [class*=o-row--nogutter] .o-row__col-4\/5\@fullhd {
    width: calc(4/5*100% - (1 - 4/5)*0px);
  }
  .o-row__col-1\/12\@fullhd {
    width: calc(1/12*100% - (1 - 1/12)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-1\/12\@fullhd, [class*=o-row--nogutter] .o-row__col-1\/12\@fullhd {
    width: calc(1/12*100% - (1 - 1/12)*0px);
  }
  .o-row__col-2\/12\@fullhd {
    width: calc(2/12*100% - (1 - 2/12)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-2\/12\@fullhd, [class*=o-row--nogutter] .o-row__col-2\/12\@fullhd {
    width: calc(2/12*100% - (1 - 2/12)*0px);
  }
  .o-row__col-7\/12\@fullhd {
    width: calc(7/12*100% - (1 - 7/12)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-7\/12\@fullhd, [class*=o-row--nogutter] .o-row__col-7\/12\@fullhd {
    width: calc(7/12*100% - (1 - 7/12)*0px);
  }
  .o-row__col-10\/12\@fullhd {
    width: calc(10/12*100% - (1 - 10/12)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-10\/12\@fullhd, [class*=o-row--nogutter] .o-row__col-10\/12\@fullhd {
    width: calc(10/12*100% - (1 - 10/12)*0px);
  }
  .o-row__col-11\/12\@fullhd {
    width: calc(11/12*100% - (1 - 11/12)*2rem);
  }
  [class*=o-row--gutter] .o-row__col-11\/12\@fullhd, [class*=o-row--nogutter] .o-row__col-11\/12\@fullhd {
    width: calc(11/12*100% - (1 - 11/12)*0px);
  }
  .o-row__col--flexgrow\@fullhd {
    flex-grow: 1;
  }
}

.o-row--gutter {
  margin-left: -1rem;
  margin-right: -1rem;
}
.o-row--gutter [class*=o-row__col] {
  padding-left: 1rem;
  padding-right: 1rem;
}
main .o-row [class*=o-row__col] {
  margin-bottom: 0;
}
main .o-row [class*=o-row__col]:not(:last-of-type) {
  margin-bottom: 2rem;
}
@media screen and (min-width: 768px) {
  main .o-row [class*=o-row__col]:not(:last-of-type):not(.c-teaserbox__column) {
    margin-bottom: 0;
  }
}

.o-outbreak-fullwidth {
  max-width: none;
  margin-left: calc(-50vw + 1120px / 2);
  margin-right: calc(-50vw + 1120px / 2);
}

.o-outbreak-right {
  overflow-x: hidden;
}
@media screen and (min-width: 1280px) {
  .o-outbreak-right {
    margin-right: calc(-50vw + 1120px / 2 - 2rem);
  }
}
@media screen and (min-width: 1120px) {
  .o-outbreak-right--gallery {
    margin-right: calc(-50vw + 1120px / 2 - 2rem);
  }
}
.o-downloadlist {
  display: block;
  width: 100%;
}
.o-downloadlist__item {
  border-bottom: 1px solid #D8D8D8;
  margin-bottom: 1rem;
  padding-bottom: calc(1rem / 2);
}
.o-downloadlist__item:last-of-type {
  margin-bottom: calc(1rem + 0.125rem);
}
.o-downloadlist__header {
  font-size: 1.5rem;
  font-family: "GT Pressura Greek Bold", sans-serif;
  margin-bottom: 0.5625rem;
}
.o-downloadlist__link {
  font-family: "GT Pressura Mono Greek Bold", sans-serif;
}
.t-default .o-downloadlist__link {
  color: #D72305;
}
.t-faculty-itmedia .o-downloadlist__link {
  color: #8C2D82;
}
.t-faculty-businessinformatics .o-downloadlist__link {
  color: #64378C;
}
.t-faculty-economics .o-downloadlist__link {
  color: #1E4696;
}
.t-faculty-mechanicalengineering .o-downloadlist__link {
  color: #2869AF;
}
.t-faculty-architecture .o-downloadlist__link {
  color: #198282;
}
.t-faculty-computerengineering .o-downloadlist__link {
  color: #288732;
}
.o-downloadlist__downloaddetails {
  color: #6E6E6E;
}
.o-downloadlist p {
  margin-bottom: 0.6875rem;
}

.o-newslist__item {
  border-bottom: 1px solid #D8D8D8;
  margin-bottom: 1rem;
  padding-bottom: calc(1rem / 2);
}
.o-newslist__item:last-of-type {
  margin-bottom: calc(1rem + 0.125rem);
}
@media screen and (min-width: 768px) {
  .o-newslist__item {
    display: flex;
    flex-wrap: nowrap;
  }
}
.o-newslist__image {
  margin-bottom: 1rem;
}
@media screen and (min-width: 768px) {
  .o-newslist__image {
    width: 33%;
    flex: 0 0 33%;
    margin-bottom: 0;
    padding-right: 2rem;
  }
}
@media screen and (min-width: 1280px) {
  .o-newslist__image {
    width: calc(16rem + 2rem);
    flex: 0 0 calc(16rem + 2rem);
  }
}
@media screen and (min-width: 768px) {
  .o-newslist__content.has-media {
    width: calc(66% - 1.5rem);
    flex: 1 0 calc(66% - 1.5rem);
    padding-right: 1.5rem;
  }
}
@media screen and (min-width: 1280px) {
  .o-newslist__content.has-media {
    width: calc(75% - 3.125rem);
    flex: 1 0 calc(75% - 3.125rem);
    padding-right: 3.125rem;
  }
}
.o-newslist__link {
  font-family: "GT Pressura Mono Greek Bold", sans-serif;
}
.o-newslist p {
  margin-bottom: 0.625rem;
}
.t-default .o-newslist--news .c-news__contentwrap {
  color: white;
  position: relative;
  background-color: #D72305;
  height: 160px;
  padding: 0;
}
@media screen and (max-width: 1279px) and (min-width: 767px) {
  .t-default .o-newslist--news .c-news__contentwrap {
    max-width: 256px;
  }
}
@media screen and (max-width: 767px) and (min-width: 375px) {
  .t-default .o-newslist--news .c-news__contentwrap {
    height: 250px;
  }
}
.t-faculty-itmedia .o-newslist--news .c-news__contentwrap {
  color: white;
  position: relative;
  background-color: #8C2D82;
  height: 160px;
  padding: 0;
}
@media screen and (max-width: 1279px) and (min-width: 767px) {
  .t-faculty-itmedia .o-newslist--news .c-news__contentwrap {
    max-width: 256px;
  }
}
@media screen and (max-width: 767px) and (min-width: 375px) {
  .t-faculty-itmedia .o-newslist--news .c-news__contentwrap {
    height: 250px;
  }
}
.t-faculty-businessinformatics .o-newslist--news .c-news__contentwrap {
  color: white;
  position: relative;
  background-color: #64378C;
  height: 160px;
  padding: 0;
}
@media screen and (max-width: 1279px) and (min-width: 767px) {
  .t-faculty-businessinformatics .o-newslist--news .c-news__contentwrap {
    max-width: 256px;
  }
}
@media screen and (max-width: 767px) and (min-width: 375px) {
  .t-faculty-businessinformatics .o-newslist--news .c-news__contentwrap {
    height: 250px;
  }
}
.t-faculty-economics .o-newslist--news .c-news__contentwrap {
  color: white;
  position: relative;
  background-color: #1E4696;
  height: 160px;
  padding: 0;
}
@media screen and (max-width: 1279px) and (min-width: 767px) {
  .t-faculty-economics .o-newslist--news .c-news__contentwrap {
    max-width: 256px;
  }
}
@media screen and (max-width: 767px) and (min-width: 375px) {
  .t-faculty-economics .o-newslist--news .c-news__contentwrap {
    height: 250px;
  }
}
.t-faculty-mechanicalengineering .o-newslist--news .c-news__contentwrap {
  color: white;
  position: relative;
  background-color: #2869AF;
  height: 160px;
  padding: 0;
}
@media screen and (max-width: 1279px) and (min-width: 767px) {
  .t-faculty-mechanicalengineering .o-newslist--news .c-news__contentwrap {
    max-width: 256px;
  }
}
@media screen and (max-width: 767px) and (min-width: 375px) {
  .t-faculty-mechanicalengineering .o-newslist--news .c-news__contentwrap {
    height: 250px;
  }
}
.t-faculty-architecture .o-newslist--news .c-news__contentwrap {
  color: white;
  position: relative;
  background-color: #198282;
  height: 160px;
  padding: 0;
}
@media screen and (max-width: 1279px) and (min-width: 767px) {
  .t-faculty-architecture .o-newslist--news .c-news__contentwrap {
    max-width: 256px;
  }
}
@media screen and (max-width: 767px) and (min-width: 375px) {
  .t-faculty-architecture .o-newslist--news .c-news__contentwrap {
    height: 250px;
  }
}
.t-faculty-computerengineering .o-newslist--news .c-news__contentwrap {
  color: white;
  position: relative;
  background-color: #288732;
  height: 160px;
  padding: 0;
}
@media screen and (max-width: 1279px) and (min-width: 767px) {
  .t-faculty-computerengineering .o-newslist--news .c-news__contentwrap {
    max-width: 256px;
  }
}
@media screen and (max-width: 767px) and (min-width: 375px) {
  .t-faculty-computerengineering .o-newslist--news .c-news__contentwrap {
    height: 250px;
  }
}
.o-newslist--news .c-news__logo {
  height: 161px;
  width: auto;
  position: absolute;
  right: -9px;
  color: rgba(255, 255, 255, 0.2);
}
@media screen and (max-width: 767px) and (min-width: 375px) {
  .o-newslist--news .c-news__logo {
    height: 251px;
    right: -15px;
  }
}
.o-newslist--news .o-newslist__header h3 {
  font-size: 1.5rem;
  line-height: 1.42;
  margin-bottom: 0.5rem;
}
.o-newslist--news .o-newslist__header-link {
  color: black;
}
.o-newslist--news .o-newslist__publication-details {
  margin-bottom: 0.5rem;
}
.o-newslist--news p {
  margin-bottom: 0.5rem;
}
.o-newslist--audio, .o-newslist--video {
  width: 1120px;
}
.o-newslist--audio .o-newslist__image {
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .o-newslist--audio .o-newslist__image {
    width: 18rem;
    flex: 0 0 18rem;
  }
}
@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .o-newslist--audio .o-newslist__image {
    flex: 0 0 16rem;
  }
  .o-newslist--audio .o-newslist__image img {
    max-width: 100%;
  }
}
@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .o-newslist--audio .o-newslist__content {
    flex: 0 0 auto;
    padding-right: 0;
  }
}
@media screen and (min-width: 768px) {
  .o-newslist--video .o-newslist__image {
    width: 40%;
    flex: 0 0 40%;
  }
}
@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .o-newslist--video .o-newslist__image {
    padding-right: 0;
  }
}
.o-newslist--video .o-newslist__content {
  padding-right: 0;
}
@media screen and (min-width: 768px) {
  .o-newslist--video .o-newslist__content {
    width: 60%;
    flex: 0 0 60%;
  }
}
.o-newslist--video .o-newslist__link {
  margin-top: 1rem;
}
.o-newslist--video .c-iframeswitch__iframe-content {
  margin-bottom: 0.5rem;
}

.o-list-sitemap .o-list-sitemap__item {
  font-size: 1.0625rem;
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 400;
}
.o-list-sitemap .o-list-sitemap__item .o-list-sitemap__link {
  margin-bottom: 1rem;
}
.o-list-sitemap .o-list-sitemap__item ul {
  padding-left: 1.5rem;
}
.o-list-sitemap .o-list-sitemap__item ul > .o-list-sitemap__item {
  list-style: none;
  font-family: "IBM Plex Sans Bold", sans-serif;
  font-weight: 700;
  color: #6E6E6E;
}
.o-list-sitemap .o-list-sitemap__item ul > .o-list-sitemap__item ul > .o-list-sitemap__item {
  font-size: 1.0625rem;
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 400;
  color: black;
}
.o-list-sitemap .o-list-sitemap__item ul > .o-list-sitemap__item ul > .o-list-sitemap__item:last-of-type {
  margin-bottom: 1.875rem;
}
.o-list-sitemap .o-list-sitemap__item ul > .o-list-sitemap__item ul .o-list-sitemap__link {
  position: relative;
}
.o-list-sitemap .o-list-sitemap__item ul > .o-list-sitemap__item ul .o-list-sitemap__link::before {
  content: url("../Images/Icons/arrow-right.svg");
  position: absolute;
  left: -1rem;
}
.o-list-sitemap > ul {
  padding-left: 0;
  list-style: none;
}
.o-list-sitemap > ul > .o-list-sitemap__item > .o-list-sitemap__link {
  font-size: 1.5rem;
  display: inline-block;
  font-family: "GT Pressura Greek Bold", sans-serif;
}
.o-list-sitemap > ul > .o-list-sitemap__item > ul {
  margin-bottom: 1.875rem;
}
.o-list-sitemap > ul > .o-list-sitemap__item ul > .o-list-sitemap__item:last-of-type {
  margin-bottom: 0;
}
.o-list-sitemap > ul > .o-list-sitemap__item ul > .o-list-sitemap__item ul {
  padding-left: 2.875rem;
}
.o-list-sitemap > ul > .o-list-sitemap__item ul > .o-list-sitemap__item ul .o-list-sitemap__item {
  margin-bottom: 0;
}
.o-list-sitemap > ul > .o-list-sitemap__item ul > .o-list-sitemap__item ul .o-list-sitemap__item:first-of-type {
  margin-top: 1.125rem;
}
.o-list-sitemap > ul > .o-list-sitemap__item ul > .o-list-sitemap__item ul ul .o-list-sitemap__item:first-of-type {
  margin-top: 0;
  margin-bottom: 0;
}
.o-list-sitemap > ul > .o-list-sitemap__item ul > .o-list-sitemap__item ul ul .o-list-sitemap__link {
  margin-bottom: 0;
}
.o-list-sitemap > ul > .o-list-sitemap__item ul > .o-list-sitemap__item ul ul ul .o-list-sitemap__item:first-of-type {
  margin-top: 0;
}
.o-list-sitemap > ul > .o-list-sitemap__item ul > .o-list-sitemap__item ul ul ul .o-list-sitemap__link {
  margin-bottom: 0;
}
.t-default .o-list-sitemap__link {
  color: currentColor;
}
.t-faculty-itmedia .o-list-sitemap__link {
  color: currentColor;
}
.t-faculty-businessinformatics .o-list-sitemap__link {
  color: currentColor;
}
.t-faculty-economics .o-list-sitemap__link {
  color: currentColor;
}
.t-faculty-mechanicalengineering .o-list-sitemap__link {
  color: currentColor;
}
.t-faculty-architecture .o-list-sitemap__link {
  color: currentColor;
}
.t-faculty-computerengineering .o-list-sitemap__link {
  color: currentColor;
}

/*------------------------------------*\
  #COMPONENTS
\*------------------------------------*/
/**
 * “The Components layer is where we begin to style recognisable pieces of UI.
 * We're still binding onto classes here, so our specificity hasn't yet
 * increased. However, this layer is more explicit than the last one in that we
 * are now styling explicit, designed pieces of the DOM.
 *
 * We shouldn't find any selectors with a lower specificity than one class in
 * this layer. This is where the majority of your work will happen after initial
 * project set-up. Adding new components and features usually makes up the vast
 * majority of development.”
 *
 * (Source: see link at the top)
 */
/*
Components

Styleguide 4.0
*/
/*
Header

Markup: templates/output/06-components/header.html

Styleguide 4.4
*/
/*
Header Interner Bereich

Markup: templates/output/06-components/header-internal.html

Styleguide 4.4.1
*/
.c-header {
  width: 100%;
  z-index: 1;
}
@media screen and (max-width: 1279px) {
  .c-header {
    position: fixed;
    top: 0;
    min-height: 47px;
  }
  .t-default .c-header {
    background-color: #D72305;
  }
  .t-faculty-itmedia .c-header {
    background-color: #8C2D82;
  }
  .t-faculty-businessinformatics .c-header {
    background-color: #64378C;
  }
  .t-faculty-economics .c-header {
    background-color: #1E4696;
  }
  .t-faculty-mechanicalengineering .c-header {
    background-color: #2869AF;
  }
  .t-faculty-architecture .c-header {
    background-color: #198282;
  }
  .t-faculty-computerengineering .c-header {
    background-color: #288732;
  }
  .c-header.opened {
    height: 100vh;
    overflow: scroll;
    overscroll-behavior: contain;
  }
}
@media screen and (min-width: 1280px) {
  .c-header {
    background: #FFFFFF;
    min-height: 135px;
  }
}
.c-header__login {
  font-size: 1rem;
  position: relative;
  left: 2rem;
  top: 0.0625rem;
  color: white;
  z-index: 2;
  padding-top: 0;
  text-transform: uppercase;
  float: left;
  font-family: "IBM Plex Sans SemiBold", sans-serif;
  font-weight: 600;
  transition: left 0.35s ease;
}
.c-header__login .user-profile-button__name {
  display: none;
}
@media screen and (min-width: 550px) {
  .c-header__login .user-profile-button__name {
    display: inline-block;
  }
}
@media screen and (min-width: 768px) {
  .c-header__login {
    left: calc(2rem + 1rem / 2);
  }
}
@media screen and (min-width: 1280px) {
  .c-header__login {
    font-size: 0.9375rem;
    float: none;
    color: black;
    line-height: 1.4rem;
    position: absolute;
    top: 1.75rem;
    left: auto;
    right: 6.5rem;
    padding-top: 0;
    font-family: "IBM Plex Sans Medium", sans-serif;
    font-weight: 500;
    transition: right 0.5s ease;
  }
  .c-header__login:hover {
    cursor: pointer;
  }
}
@media screen and (min-width: 1460px) {
  .c-header__login {
    right: 4.75rem;
  }
}
.c-header__login--transitioned-left {
  left: -10px;
}
@media screen and (min-width: 768px) {
  .c-header__login--transitioned-left {
    left: 0;
  }
}
.c-header__login a {
  color: white;
}
@media screen and (min-width: 1280px) {
  .t-default .c-header__login a {
    color: #D72305;
  }
  .t-faculty-itmedia .c-header__login a {
    color: #8C2D82;
  }
  .t-faculty-businessinformatics .c-header__login a {
    color: #64378C;
  }
  .t-faculty-economics .c-header__login a {
    color: #1E4696;
  }
  .t-faculty-mechanicalengineering .c-header__login a {
    color: #2869AF;
  }
  .t-faculty-architecture .c-header__login a {
    color: #198282;
  }
  .t-faculty-computerengineering .c-header__login a {
    color: #288732;
  }
}
.c-header__login--internal-area {
  right: 0;
  font-family: "IBM Plex Sans Bold", sans-serif;
  font-weight: 700;
  text-transform: none;
}
.c-header__login--internal-area a,
.c-header__login--internal-area a .userprofile__name {
  color: black;
}
.c-header__login .userprofile__image:before {
  display: inline-block;
  content: "";
  background-image: url("../Images/Icons/user.svg");
  background-size: contain;
  background-color: white;
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  left: -2rem;
  border-radius: 50%;
}
.c-header__headercontainer {
  position: relative;
  text-align: right;
  padding: 0.5rem 2rem 0 2rem;
  transition: padding-right 0.5s ease;
}
@media screen and (max-width: 1279px) {
  .c-header__headercontainer {
    max-width: none;
  }
}
@media screen and (min-width: 1280px) {
  .c-header__headercontainer {
    padding: 2rem 2rem 1.75rem;
  }
}
@media screen and (min-width: 1460px) {
  .c-header__headercontainer {
    padding-right: 0;
  }
}
.c-header__headercontainer__inner.visible {
  padding: 1.375rem 1.375rem 0;
}
@media screen and (min-width: 768px) {
  .c-header__headercontainer__inner.visible {
    padding: 1.375rem 2rem 0 2rem;
  }
}
@media screen and (max-width: 1279px) {
  .c-header__headercontainer__inner {
    display: none;
  }
  .c-header__headercontainer__inner.visible {
    display: flex;
    flex-direction: column;
    position: absolute;
    overflow: auto;
    left: 0;
    background: white;
    width: 100%;
    min-height: 100vh;
    z-index: 1;
    text-align: left;
  }
}
@media screen and (min-width: 1280px) {
  .c-header__headercontainer__inner {
    position: relative;
    top: 0;
    padding: 0;
  }
}
.c-header .c-header__headercontainer__inner--logos {
  margin-left: -1.375rem;
  margin-right: -1.375rem;
  padding: 2rem 1rem;
  background: #F4F4F4;
  order: 4;
}
@media screen and (min-width: 768px) {
  .c-header .c-header__headercontainer__inner--logos {
    margin-left: -2rem;
    margin-right: -2rem;
    padding: 2rem;
  }
}
@media screen and (min-width: 1280px) {
  .c-header .c-header__headercontainer__inner--logos {
    display: none;
  }
}
.c-header .c-header__headercontainer__inner--logos .c-logo__link--textual {
  position: relative;
  top: auto;
  left: auto;
  float: left;
}
.c-header .c-header__headercontainer__inner--logos .c-logo__link--hka {
  position: relative;
  top: auto;
  left: auto;
  float: right;
  right: 0;
}
.c-header__navswitch {
  display: inline-block;
  -moz-appearance: none;
       appearance: none;
  background-color: transparent;
  background-image: none;
  border: none;
  font: inherit;
  color: white;
  position: relative;
  right: -0.75rem;
}
@media screen and (min-width: 768px) {
  .c-header__navswitch {
    right: 0;
  }
}
@media screen and (min-width: 1280px) {
  .c-header__navswitch {
    display: none;
  }
}
.c-header__navswitch .close {
  display: none;
}
.c-header__navswitch.opened .close {
  display: inline-block;
  transform: scale(0.75);
  position: relative;
  right: -0.75rem;
}
.c-header__navswitch.opened .open {
  display: none;
}
.c-header__searchcontainer {
  order: 1;
}
.c-header__searchcontainer .inputfield {
  display: flex;
  margin-bottom: 1.5rem;
}
.c-header__searchcontainer .inputfield__input {
  border-bottom: 0;
  width: auto;
  flex: 1 0 auto;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  margin-bottom: 0;
}
.c-header__searchcontainer .inputfield .btn {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  width: 2.5rem;
  flex: 0 0 2.5rem;
}
.t-default .c-header__searchcontainer .inputfield .btn {
  background-color: transparent;
  color: black;
  padding: 0;
  border: 0;
}
.t-faculty-itmedia .c-header__searchcontainer .inputfield .btn {
  background-color: transparent;
  color: black;
  padding: 0;
  border: 0;
}
.t-faculty-businessinformatics .c-header__searchcontainer .inputfield .btn {
  background-color: transparent;
  color: black;
  padding: 0;
  border: 0;
}
.t-faculty-economics .c-header__searchcontainer .inputfield .btn {
  background-color: transparent;
  color: black;
  padding: 0;
  border: 0;
}
.t-faculty-mechanicalengineering .c-header__searchcontainer .inputfield .btn {
  background-color: transparent;
  color: black;
  padding: 0;
  border: 0;
}
.t-faculty-architecture .c-header__searchcontainer .inputfield .btn {
  background-color: transparent;
  color: black;
  padding: 0;
  border: 0;
}
.t-faculty-computerengineering .c-header__searchcontainer .inputfield .btn {
  background-color: transparent;
  color: black;
  padding: 0;
  border: 0;
}
.c-header__searchcontainer .inputfield .btn:hover {
  border-color: transparent;
}
.c-header__searchcontainer .inputfield .o-icon {
  width: 1.75rem;
  height: 1.563rem;
}
@media screen and (min-width: 1280px) {
  .c-header__searchcontainer {
    display: none;
  }
}
.c-header .c-main-menu {
  order: 2;
  top: 0;
}
.c-header .c-dropdown {
  display: inline-block;
  top: -0.625rem;
  right: 1rem;
  z-index: 2;
}
@media screen and (min-width: 1280px) {
  .c-header .c-dropdown {
    display: flex;
    align-items: center;
    position: absolute;
    right: 2rem;
    top: 1.75rem;
    transition: right 0.5s ease;
  }
}
@media screen and (min-width: 1460px) {
  .c-header .c-dropdown {
    right: 0;
  }
}
.c-header .c-dropdown__button {
  border-color: transparent;
  padding: 0 0.625rem;
  color: white;
  font-family: "IBM Plex Sans SemiBold", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}
@media screen and (min-width: 1280px) {
  .c-header .c-dropdown__button {
    color: currentColor;
    margin-top: 0;
    padding: 0 0 0 0.625rem;
  }
  .c-header .c-dropdown__button::before {
    content: "|";
    padding-right: 0.75rem;
  }
}
.c-header .c-dropdown__button .o-icon {
  width: 0.75rem;
  height: 0.75rem;
  position: relative;
  right: auto;
}
@media screen and (min-width: 1280px) {
  .c-header .c-dropdown__button .o-icon {
    width: 0.625rem;
    height: 0.625rem;
  }
}
.c-header .c-dropdown__list {
  top: 1.75rem;
  text-transform: uppercase;
}
.c-header .c-dropdown__separator {
  display: none !important;
}
.c-header .c-quicklinks {
  order: 3;
}
@media screen and (min-width: 1280px) {
  .c-header .c-quicklinks {
    display: inline-block;
    position: relative;
    right: 3.75rem;
    max-width: 80%;
    top: -0.563rem;
  }
}
.c-header__home {
  display: inline-block;
  margin-right: 1rem;
  float: left;
  position: absolute;
  left: 1.375rem;
  transition: opacity 0.75s ease;
}
@media screen and (min-width: 768px) {
  .c-header__home {
    left: 2rem;
  }
}
.c-header.opened .c-header__home {
  left: 1.375rem;
}
@media screen and (min-width: 768px) {
  .c-header.opened .c-header__home {
    left: 2rem;
  }
}
.c-header__home__link {
  display: inline-block;
}
.c-header__home__logo::after {
  display: inline-block;
  content: "";
  mask: url("../Images/Icons/home.svg");
  mask-size: contain;
  background: white;
  width: 1.5rem;
  height: 1.5rem;
  position: relative;
  top: 0.125rem;
}
@media screen and (min-width: 1280px) {
  .c-header__home {
    display: none;
  }
}
.c-header .c-logo__link {
  position: absolute;
}
.c-header .c-logo__link--textual {
  top: 5rem;
  left: 1.375rem;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}
.t-default .c-header .c-logo__link--textual {
  color: #D72305;
}
.t-faculty-itmedia .c-header .c-logo__link--textual {
  color: #8C2D82;
}
.t-faculty-businessinformatics .c-header .c-logo__link--textual {
  color: #64378C;
}
.t-faculty-economics .c-header .c-logo__link--textual {
  color: #1E4696;
}
.t-faculty-mechanicalengineering .c-header .c-logo__link--textual {
  color: #2869AF;
}
.t-faculty-architecture .c-header .c-logo__link--textual {
  color: #198282;
}
.t-faculty-computerengineering .c-header .c-logo__link--textual {
  color: #288732;
}
.c-header .c-logo__link--textual .o-icon {
  height: 60px;
  width: 182px;
}
@media (max-width: 360px) {
  .c-header .c-logo__link--textual .o-icon {
    height: 50px;
    width: auto;
  }
}
@media screen and (min-width: 768px) {
  .c-header .c-logo__link--textual {
    left: 2rem;
    transition: none;
  }
}
@media screen and (min-width: 1280px) {
  .c-header .c-logo__link--textual {
    top: 2rem;
    left: 0;
    z-index: 3;
  }
}
@media screen and (min-width: 1460px) {
  .c-header .c-logo__link--textual {
    left: -5rem;
  }
}
.c-header .c-logo__link--hka {
  top: 5rem;
  right: 1.375rem;
  z-index: 0;
  transition: opacity 0.5s ease, visibility 0.5s, right 0.5s ease;
}
.t-default .c-header .c-logo__link--hka {
  color: #D72305;
}
.t-faculty-itmedia .c-header .c-logo__link--hka {
  color: #8C2D82;
}
.t-faculty-businessinformatics .c-header .c-logo__link--hka {
  color: #64378C;
}
.t-faculty-economics .c-header .c-logo__link--hka {
  color: #1E4696;
}
.t-faculty-mechanicalengineering .c-header .c-logo__link--hka {
  color: #2869AF;
}
.t-faculty-architecture .c-header .c-logo__link--hka {
  color: #198282;
}
.t-faculty-computerengineering .c-header .c-logo__link--hka {
  color: #288732;
}
@media (max-width: 360px) {
  .c-header .c-logo__link--hka .o-icon {
    height: 10.625rem;
    width: auto;
  }
}
@media screen and (min-width: 768px) {
  .c-header .c-logo__link--hka {
    right: 2rem;
  }
}
@media screen and (min-width: 1280px) {
  .c-header .c-logo__link--hka {
    top: 2rem;
    right: 0.75rem;
    transform: translateX(100%);
    z-index: 3;
  }
}
@media screen and (min-width: 1320px) {
  .c-header .c-logo__link--hka {
    right: 0;
  }
}
@media screen and (min-width: 1460px) {
  .c-header .c-logo__link--hka {
    right: -0.938rem;
  }
}
.c-header .hidden {
  visibility: hidden;
}
.c-header .nonopaque {
  visibility: hidden;
  opacity: 0;
}
.c-header--loggedin.c-header {
  background: #F4F4F4;
}
@media screen and (max-width: 1279px) {
  .c-header--loggedin.c-header .c-header__login a {
    color: #000000;
  }
}
@media screen and (max-width: 1279px) {
  .c-header--loggedin.c-header .c-dropdown__button,
  .c-header--loggedin.c-header .c-header__navswitch {
    color: #000000;
  }
  .c-header--loggedin.c-header .c-header__home__logo::after {
    background: #000000;
  }
}
.c-header--loggedin.c-header .c-quicklinks a {
  color: #D72305;
}
@media screen and (min-width: 1280px) {
  .c-header--authenticated .c-quicklinks {
    top: -15px;
  }
}

.c-header__headercontainer > .c-header__headercontainer--textualIcon {
  position: absolute;
  top: 5rem;
  left: 1.375rem;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}
.t-default .c-header__headercontainer > .c-header__headercontainer--textualIcon {
  color: #D72305;
}
.t-faculty-itmedia .c-header__headercontainer > .c-header__headercontainer--textualIcon {
  color: #8C2D82;
}
.t-faculty-businessinformatics .c-header__headercontainer > .c-header__headercontainer--textualIcon {
  color: #64378C;
}
.t-faculty-economics .c-header__headercontainer > .c-header__headercontainer--textualIcon {
  color: #1E4696;
}
.t-faculty-mechanicalengineering .c-header__headercontainer > .c-header__headercontainer--textualIcon {
  color: #2869AF;
}
.t-faculty-architecture .c-header__headercontainer > .c-header__headercontainer--textualIcon {
  color: #198282;
}
.t-faculty-computerengineering .c-header__headercontainer > .c-header__headercontainer--textualIcon {
  color: #288732;
}
.c-header__headercontainer > .c-header__headercontainer--textualIcon.o-icon {
  height: 60px;
  width: 182px;
}
@media (max-width: 360px) {
  .c-header__headercontainer > .c-header__headercontainer--textualIcon.o-icon {
    height: 50px;
    width: auto;
  }
}
@media screen and (min-width: 768px) {
  .c-header__headercontainer > .c-header__headercontainer--textualIcon {
    left: 2rem;
    transition: none;
  }
}
@media screen and (min-width: 1280px) {
  .c-header__headercontainer > .c-header__headercontainer--textualIcon {
    top: 2rem;
    left: 0;
    z-index: 3;
  }
}
@media screen and (min-width: 1460px) {
  .c-header__headercontainer > .c-header__headercontainer--textualIcon {
    left: -5rem;
  }
}

.c-header__headercontainer > .c-header__headercontainer--hkaIcon {
  position: absolute;
  top: 5rem;
  right: 1.375rem;
  z-index: 0;
  transition: opacity 0.5s ease, visibility 0.5s, right 0.5s ease;
}
.t-default .c-header__headercontainer > .c-header__headercontainer--hkaIcon {
  color: #D72305;
}
.t-faculty-itmedia .c-header__headercontainer > .c-header__headercontainer--hkaIcon {
  color: #8C2D82;
}
.t-faculty-businessinformatics .c-header__headercontainer > .c-header__headercontainer--hkaIcon {
  color: #64378C;
}
.t-faculty-economics .c-header__headercontainer > .c-header__headercontainer--hkaIcon {
  color: #1E4696;
}
.t-faculty-mechanicalengineering .c-header__headercontainer > .c-header__headercontainer--hkaIcon {
  color: #2869AF;
}
.t-faculty-architecture .c-header__headercontainer > .c-header__headercontainer--hkaIcon {
  color: #198282;
}
.t-faculty-computerengineering .c-header__headercontainer > .c-header__headercontainer--hkaIcon {
  color: #288732;
}
@media (max-width: 360px) {
  .c-header__headercontainer > .c-header__headercontainer--hkaIcon.o-icon {
    height: 10.625rem;
    width: auto;
  }
}
@media screen and (min-width: 768px) {
  .c-header__headercontainer > .c-header__headercontainer--hkaIcon {
    right: 2rem;
  }
}
@media screen and (min-width: 1280px) {
  .c-header__headercontainer > .c-header__headercontainer--hkaIcon {
    top: 2rem;
    right: 0.75rem;
    transform: translateX(100%);
    z-index: 3;
  }
}
@media screen and (min-width: 1320px) {
  .c-header__headercontainer > .c-header__headercontainer--hkaIcon {
    right: 0;
  }
}
@media screen and (min-width: 1460px) {
  .c-header__headercontainer > .c-header__headercontainer--hkaIcon {
    right: -0.938rem;
  }
}

.c-header__headercontainer__inner--logos > .c-header__headercontainer--textualIcon {
  position: relative;
  top: auto;
  left: auto;
  float: left;
}
.t-default .c-header__headercontainer__inner--logos > .c-header__headercontainer--textualIcon {
  color: #D72305;
}
.t-faculty-itmedia .c-header__headercontainer__inner--logos > .c-header__headercontainer--textualIcon {
  color: #8C2D82;
}
.t-faculty-businessinformatics .c-header__headercontainer__inner--logos > .c-header__headercontainer--textualIcon {
  color: #64378C;
}
.t-faculty-economics .c-header__headercontainer__inner--logos > .c-header__headercontainer--textualIcon {
  color: #1E4696;
}
.t-faculty-mechanicalengineering .c-header__headercontainer__inner--logos > .c-header__headercontainer--textualIcon {
  color: #2869AF;
}
.t-faculty-architecture .c-header__headercontainer__inner--logos > .c-header__headercontainer--textualIcon {
  color: #198282;
}
.t-faculty-computerengineering .c-header__headercontainer__inner--logos > .c-header__headercontainer--textualIcon {
  color: #288732;
}
.c-header__headercontainer__inner--logos > .c-header__headercontainer--hkaIcon {
  position: relative;
  top: auto;
  left: auto;
  float: right;
  right: 0;
}
.t-default .c-header__headercontainer__inner--logos > .c-header__headercontainer--hkaIcon {
  color: #D72305;
}
.t-faculty-itmedia .c-header__headercontainer__inner--logos > .c-header__headercontainer--hkaIcon {
  color: #8C2D82;
}
.t-faculty-businessinformatics .c-header__headercontainer__inner--logos > .c-header__headercontainer--hkaIcon {
  color: #64378C;
}
.t-faculty-economics .c-header__headercontainer__inner--logos > .c-header__headercontainer--hkaIcon {
  color: #1E4696;
}
.t-faculty-mechanicalengineering .c-header__headercontainer__inner--logos > .c-header__headercontainer--hkaIcon {
  color: #2869AF;
}
.t-faculty-architecture .c-header__headercontainer__inner--logos > .c-header__headercontainer--hkaIcon {
  color: #198282;
}
.t-faculty-computerengineering .c-header__headercontainer__inner--logos > .c-header__headercontainer--hkaIcon {
  color: #288732;
}

.c-iframeswitch__iframe-content {
  position: relative;
  height: auto;
  margin-bottom: 2rem;
}
.c-iframeswitch__iframe-content iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.c-iframeswitch__iframe-content iframe:not(.fetchurl) {
  height: 100%;
}
.c-iframeswitch__iframe-content iframe.fetchurl {
  position: inherit;
}
.c-gallery-slider__slides .c-iframeswitch__iframe-content {
  padding: 2rem;
}
.t-default .c-gallery-slider__slides .c-iframeswitch__iframe-content {
  border: 1px solid #D72305;
}
.t-faculty-itmedia .c-gallery-slider__slides .c-iframeswitch__iframe-content {
  border: 1px solid #8C2D82;
}
.t-faculty-businessinformatics .c-gallery-slider__slides .c-iframeswitch__iframe-content {
  border: 1px solid #64378C;
}
.t-faculty-economics .c-gallery-slider__slides .c-iframeswitch__iframe-content {
  border: 1px solid #1E4696;
}
.t-faculty-mechanicalengineering .c-gallery-slider__slides .c-iframeswitch__iframe-content {
  border: 1px solid #2869AF;
}
.t-faculty-architecture .c-gallery-slider__slides .c-iframeswitch__iframe-content {
  border: 1px solid #198282;
}
.t-faculty-computerengineering .c-gallery-slider__slides .c-iframeswitch__iframe-content {
  border: 1px solid #288732;
}
.c-iframeswitch__container {
  position: relative;
  background-size: auto;
  width: 100%;
  height: auto;
  padding: 2rem;
}
.t-default .c-iframeswitch__container {
  outline: 1px solid #D72305;
}
.t-faculty-itmedia .c-iframeswitch__container {
  outline: 1px solid #8C2D82;
}
.t-faculty-businessinformatics .c-iframeswitch__container {
  outline: 1px solid #64378C;
}
.t-faculty-economics .c-iframeswitch__container {
  outline: 1px solid #1E4696;
}
.t-faculty-mechanicalengineering .c-iframeswitch__container {
  outline: 1px solid #2869AF;
}
.t-faculty-architecture .c-iframeswitch__container {
  outline: 1px solid #198282;
}
.t-faculty-computerengineering .c-iframeswitch__container {
  outline: 1px solid #288732;
}
.c-iframeswitch__container.has-preview-bgimage {
  padding: 0;
  border: 2rem solid white;
}
.c-iframeswitch__container.has-preview-bgimage .c-iframeswitch__content {
  padding: 2rem;
}
.c-iframeswitch__container p {
  margin-bottom: 1.5rem;
}
.c-iframeswitch__header {
  padding: 0;
  margin-bottom: 0.5rem;
}
.c-totoparrow {
  display: inline-flex;
  padding: 0.625rem;
  cursor: pointer;
}
.t-default .c-totoparrow {
  border: 2px solid #D72305;
  background-color: transparent;
}
.t-faculty-itmedia .c-totoparrow {
  border: 2px solid #8C2D82;
  background-color: transparent;
}
.t-faculty-businessinformatics .c-totoparrow {
  border: 2px solid #64378C;
  background-color: transparent;
}
.t-faculty-economics .c-totoparrow {
  border: 2px solid #1E4696;
  background-color: transparent;
}
.t-faculty-mechanicalengineering .c-totoparrow {
  border: 2px solid #2869AF;
  background-color: transparent;
}
.t-faculty-architecture .c-totoparrow {
  border: 2px solid #198282;
  background-color: transparent;
}
.t-faculty-computerengineering .c-totoparrow {
  border: 2px solid #288732;
  background-color: transparent;
}
.c-totoparrow svg {
  width: 1rem;
  height: 1rem;
}
.t-default .c-totoparrow svg {
  color: #D72305;
}
.t-faculty-itmedia .c-totoparrow svg {
  color: #8C2D82;
}
.t-faculty-businessinformatics .c-totoparrow svg {
  color: #64378C;
}
.t-faculty-economics .c-totoparrow svg {
  color: #1E4696;
}
.t-faculty-mechanicalengineering .c-totoparrow svg {
  color: #2869AF;
}
.t-faculty-architecture .c-totoparrow svg {
  color: #198282;
}
.t-faculty-computerengineering .c-totoparrow svg {
  color: #288732;
}

/*------------------------------------*\
  #SOCIALMEDIA ICONS
\*------------------------------------*/
/*
Social Media Icons

Collection of svg icons for social media platforms

Markup: templates/output/06-components/socialmedia/socialmedia-icons.html

Styleguide 4.5
*/
/*
Social Media Icon Link

.c-socialmedia-icons__link--showtext - social icon with text

Markup: templates/output/06-components/socialmedia/socialmedia-icon-link.html

Styleguide 4.5.1
*/
/*
Social Media Icon for faculties

.c-socialmedia-icons--faculty

Markup: templates/output/06-components/socialmedia/socialmedia-icons-faculty.html

Styleguide 4.5.2
*/
.c-socialmedia-icons {
  padding: 1rem 0 0;
}
.c-stage__socialmedia .c-socialmedia-icons {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media screen and (min-width: 1280px) {
  .c-stage__socialmedia .c-socialmedia-icons {
    padding: 1rem 0 0 1rem;
  }
}
.o-container .c-socialmedia-icons--faculty .c-socialmedia-icons__link:not(:last-of-type) {
  margin-right: calc(2.5rem - 1rem);
}
.c-socialmedia-icons__link {
  display: inline-flex;
  align-items: center;
  line-height: 1.13;
  font-family: "IBM Plex Sans Medium", sans-serif;
  font-weight: 500;
  margin-bottom: 1rem;
  text-decoration: none;
  color: currentColor !important;
}
.c-socialmedia-icons__link:hover {
  text-decoration: none;
}
.c-socialmedia-icons__link--showtext {
  width: 100%;
  word-break: break-word;
  overflow-wrap: break-word;
}
.c-socialmedia-icons__icon {
  font-size: 0.9375rem;
  flex-shrink: 0;
  font-family: "IBM Plex Sans Bold", sans-serif;
  font-weight: 700;
  margin-right: 1rem;
}
.t-default .c-socialmedia-icons__icon {
  color: #D72305;
}
.t-faculty-itmedia .c-socialmedia-icons__icon {
  color: #8C2D82;
}
.t-faculty-businessinformatics .c-socialmedia-icons__icon {
  color: #64378C;
}
.t-faculty-economics .c-socialmedia-icons__icon {
  color: #1E4696;
}
.t-faculty-mechanicalengineering .c-socialmedia-icons__icon {
  color: #2869AF;
}
.t-faculty-architecture .c-socialmedia-icons__icon {
  color: #198282;
}
.t-faculty-computerengineering .c-socialmedia-icons__icon {
  color: #288732;
}
.c-socialmedia-icons__content {
  display: none;
}
.c-socialmedia-icons__link--showtext .c-socialmedia-icons__content {
  display: inline-block;
  margin-right: 1rem;
}

/*------------------------------------*\
  #STAGE
\*------------------------------------*/
/*
Stage

Demo for stage and the markup remains the same.It demonstrates the variations for one, two or three lines.

Styleguide 4.6

*/
/*
Stage oneline

Markup: templates/output/06-components/stage/stage-oneline.html

Styleguide 4.6.1

*/
/*
Stage twolines

Markup: templates/output/06-components/stage/stage-twolines.html

Styleguide 4.6.2

*/
/*
Stage threelines

Markup: templates/output/06-components/stage/stage-threelines.html

Styleguide 4.6.3

*/
/*
Stage interner Bereich

Markup: templates/output/06-components/stage/stage-internal.html

Styleguide 4.6.3

*/
@media screen and (min-width: 1280px) {
  .c-tabs__content > .c-stage {
    margin-left: calc(-50vw + 1120px / 2);
    margin-right: calc(-50vw + 1120px / 2);
  }
}
.c-stage__socialmedia {
  display: none;
}
@media screen and (min-width: 1280px) {
  .c-stage__socialmedia {
    display: inline-block;
    position: absolute;
    right: -4.75rem;
    bottom: 3rem;
    z-index: 0;
    background-color: #FFFFFF;
    max-width: 10.5625rem;
  }
}
@media screen and (min-width: 1460px) {
  .c-stage__socialmedia {
    right: -6.25rem;
  }
}
.c-stage__image {
  display: flex;
  align-items: center;
  max-height: 21.875rem;
  overflow: hidden;
}
@media screen and (min-width: 1280px) {
  .c-stage__image {
    max-height: 40rem;
  }
}
.c-stage__title {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
  position: absolute;
  left: 0;
  top: -55px;
  width: auto;
  max-width: 95vw;
  background-color: white;
  padding: 1.5rem 1.5rem 1.5rem 1.375rem;
}
@media screen and (min-width: 768px) {
  .c-stage__title {
    top: -70px;
    max-width: calc(100% - 4rem);
    left: 2rem;
  }
}
@media screen and (min-width: 1280px) {
  .c-stage__title {
    left: 0;
    top: auto;
    bottom: 3rem;
    max-width: calc(100% - 7.75rem);
  }
  .c-stage__title--fullwidth {
    max-width: none;
  }
}
@media screen and (min-width: 1460px) {
  .c-stage__title {
    max-width: calc(100% - 6.25rem);
  }
}
.c-stage__title h1 {
  font-size: 1.875rem;
  line-height: 1.27;
}
@media screen and (min-width: 768px) {
  .c-stage__title h1 {
    font-size: 3.125rem;
    line-height: 3.75rem;
  }
}
@media screen and (min-width: 1280px) {
  .c-stage__title h1 {
    font-size: 3.5rem;
    line-height: 4.0625rem;
  }
}
.c-stage__title h1, .c-stage__title h2, .c-stage__title h3, .c-stage__title h4, .c-stage__title h5 {
  margin-bottom: 0;
}
@media screen and (min-width: 1280px) {
  .c-stage.c-stage--loggedin {
    margin: 4rem auto 0 auto;
    max-width: 1120px;
  }
  .c-stage.c-stage--loggedin .c-stage__title {
    margin-left: 3rem;
  }
  .c-stage.c-stage--loggedin .c-stage__socialmedia {
    right: 1rem;
  }
}

/*
Stage slider

Demo for stage slider

Markup: templates/output/06-components/stage-slider/stage-slider.html

Styleguide 4.7

*/
/*
Stage slider slide

Demo for a slide in the stage

Markup: templates/output/06-components/stage-slider/stage-slide.html

Styleguide 4.7.1

*/
.tns-outer {
  padding: 0 !important;
}
.tns-outer [hidden] {
  display: none !important;
}
.tns-outer [aria-controls], .tns-outer [data-action] {
  cursor: pointer;
}

.tns-slider {
  transition: all 0s;
}
.tns-slider > .tns-item {
  box-sizing: border-box;
}

.tns-horizontal.tns-subpixel {
  white-space: nowrap;
}
.tns-horizontal.tns-subpixel > .tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}
.tns-horizontal.tns-no-subpixel:after {
  content: "";
  display: table;
  clear: both;
}
.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left;
}
.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: -100%;
}

.tns-no-calc {
  position: relative;
  left: 0;
}

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px;
}
.tns-gallery > .tns-item {
  position: absolute;
  left: -100%;
  transition: transform 0s, opacity 0s;
}
.tns-gallery > .tns-slide-active {
  position: relative;
  left: auto !important;
}
.tns-gallery > .tns-moving {
  transition: all 0.25s;
}

.tns-autowidth {
  display: inline-block;
}

.tns-lazy-img {
  transition: opacity 0.6s;
  opacity: 0.6;
}
.tns-lazy-img.tns-complete {
  opacity: 1;
}

.tns-ah {
  transition: height 0s;
}

.tns-ovh {
  overflow: hidden;
}

.tns-visually-hidden {
  position: absolute;
  left: -10000em;
}

.tns-transparent {
  opacity: 0;
  visibility: hidden;
}

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0;
}

.tns-normal, .tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}

.tns-vpfix {
  white-space: nowrap;
}
.tns-vpfix > div, .tns-vpfix > li {
  display: inline-block;
}

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden;
}
.tns-t-ct {
  width: 2333.3333333333%;
  width: calc(100% * 70 / 3);
  position: absolute;
  right: 0;
}
.tns-t-ct:after {
  content: "";
  display: table;
  clear: both;
}
.tns-t-ct > div {
  width: 1.4285714286%;
  width: calc(100% / 70);
  height: 10px;
  float: left;
}

.c-stage-slider {
  position: relative;
}
@media screen and (min-width: 1280px) {
  .c-tabs__content > .c-stage-slider {
    margin-left: calc(-50vw + 1120px / 2);
    margin-right: calc(-50vw + 1120px / 2);
  }
}
.c-stage-slider__slide {
  overflow: hidden;
  position: relative;
}
.c-stage-slider__slide:not(:first-of-type) {
  display: none;
}
@media screen and (min-width: 1280px) {
  .c-stage-slider__slide {
    padding: 5rem 0;
  }
}
@media screen and (min-width: 1280px) {
  .c-stage-slider__image {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
  }
}
.c-stage-slider__description-box {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
  z-index: 2;
  background-color: #FFFFFF;
  padding: 1.5rem 1.375rem 1rem 1.375rem;
  pointer-events: all;
  margin-top: -5rem;
  margin-right: 1.5rem;
}
@media screen and (min-width: 768px) {
  .c-stage-slider__description-box {
    margin: -7.5rem 0 0 0;
    padding: 1.5rem 1.375rem;
    max-width: 28rem;
  }
}
@media screen and (min-width: 1280px) {
  .c-stage-slider__description-box {
    margin-top: 0;
    padding: 2.5rem 2.5rem 5rem 2.5rem;
    height: 28rem;
    clip-path: polygon(0% 15%, 0 0, 15% 0%, 85% 0%, 100% 0, 100% 15%, 100% 86%, 86% 86%, 86% 100%, 15% 100%, 0 100%, 0% 85%);
  }
}
@media screen and (min-width: 768px) {
  .c-stage-slider__controls {
    position: absolute;
    bottom: 13.75rem;
    left: calc(28rem + 3rem);
  }
}
@media screen and (min-width: 1280px) {
  .c-stage-slider__controls {
    bottom: 5rem;
    left: calc(28rem - 3rem);
  }
}
@media screen and (min-width: 1280px) and (-ms-high-contrast: none), screen and (min-width: 1280px) and (-ms-high-contrast: active) {
  .c-stage-slider__controls {
    left: calc(28rem + 2rem);
  }
}

/*
Slider controls

Demo for slider controls

Markup: templates/output/06-components/slider-controls/slider-controls.html

Styleguide 4.9

*/
/*
Slider controls with numbers

Demo for slider controls with numbers in between

Markup: templates/output/06-components/slider-controls/slider-controls-numbers.html

Styleguide 4.9.1

*/
.c-slider-controls {
  display: inline-flex;
  align-items: center;
}
.c-slider-controls[data-show-indicators=false] .c-slider-controls__dots {
  display: none;
}
.t-default .c-slider-controls[data-show-indicators=false] .c-slider-controls__button {
  background-color: #D72305;
  color: white;
  padding: 1rem;
}
.t-default .c-slider-controls[data-show-indicators=false] .c-slider-controls__button[disabled] {
  background-color: #fb7660;
}
.t-faculty-itmedia .c-slider-controls[data-show-indicators=false] .c-slider-controls__button {
  background-color: #8C2D82;
  color: white;
  padding: 1rem;
}
.t-faculty-itmedia .c-slider-controls[data-show-indicators=false] .c-slider-controls__button[disabled] {
  background-color: #cf6ac4;
}
.t-faculty-businessinformatics .c-slider-controls[data-show-indicators=false] .c-slider-controls__button {
  background-color: #64378C;
  color: white;
  padding: 1rem;
}
.t-faculty-businessinformatics .c-slider-controls[data-show-indicators=false] .c-slider-controls__button[disabled] {
  background-color: #a478ca;
}
.t-faculty-economics .c-slider-controls[data-show-indicators=false] .c-slider-controls__button {
  background-color: #1E4696;
  color: white;
  padding: 1rem;
}
.t-faculty-economics .c-slider-controls[data-show-indicators=false] .c-slider-controls__button[disabled] {
  background-color: #5683dd;
}
.t-faculty-mechanicalengineering .c-slider-controls[data-show-indicators=false] .c-slider-controls__button {
  background-color: #2869AF;
  color: white;
  padding: 1rem;
}
.t-faculty-mechanicalengineering .c-slider-controls[data-show-indicators=false] .c-slider-controls__button[disabled] {
  background-color: #77a9e0;
}
.t-faculty-architecture .c-slider-controls[data-show-indicators=false] .c-slider-controls__button {
  background-color: #198282;
  color: white;
  padding: 1rem;
}
.t-faculty-architecture .c-slider-controls[data-show-indicators=false] .c-slider-controls__button[disabled] {
  background-color: #40dada;
}
.t-faculty-computerengineering .c-slider-controls[data-show-indicators=false] .c-slider-controls__button {
  background-color: #288732;
  color: white;
  padding: 1rem;
}
.t-faculty-computerengineering .c-slider-controls[data-show-indicators=false] .c-slider-controls__button[disabled] {
  background-color: #5fd06b;
}
.c-slider-controls[data-show-indicators=false] .c-slider-controls__button--prev {
  margin-right: 1rem;
}
.c-slider-controls[data-show-indicators=true] {
  width: 100%;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .c-slider-controls[data-show-indicators=true] {
    width: auto;
    justify-content: flex-start;
  }
}
.c-slider-controls__dots {
  display: flex;
  margin: 0 1.25rem;
}
@media screen and (min-width: 768px) {
  .c-slider-controls__dots {
    display: none;
  }
}
.c-slider-controls__dot {
  margin: 0 0.4rem;
  font-size: 0;
  padding: 0.5rem;
  border: transparent;
  color: transparent;
  border-radius: 50%;
  -moz-appearance: none;
       appearance: none;
  background-color: #D8D8D8;
  transition: background-color 0.3s ease-in-out;
}
.t-default .c-slider-controls__dot.tns-nav-active {
  background-color: #D72305;
}
.t-faculty-itmedia .c-slider-controls__dot.tns-nav-active {
  background-color: #8C2D82;
}
.t-faculty-businessinformatics .c-slider-controls__dot.tns-nav-active {
  background-color: #64378C;
}
.t-faculty-economics .c-slider-controls__dot.tns-nav-active {
  background-color: #1E4696;
}
.t-faculty-mechanicalengineering .c-slider-controls__dot.tns-nav-active {
  background-color: #2869AF;
}
.t-faculty-architecture .c-slider-controls__dot.tns-nav-active {
  background-color: #198282;
}
.t-faculty-computerengineering .c-slider-controls__dot.tns-nav-active {
  background-color: #288732;
}
.c-slider-controls__button {
  display: flex;
  padding: 1.5rem;
  border: 0 none;
  -moz-appearance: none;
       appearance: none;
  background-color: #FFFFFF;
}
.t-default .c-slider-controls__button {
  color: #D72305;
}
.t-faculty-itmedia .c-slider-controls__button {
  color: #8C2D82;
}
.t-faculty-businessinformatics .c-slider-controls__button {
  color: #64378C;
}
.t-faculty-economics .c-slider-controls__button {
  color: #1E4696;
}
.t-faculty-mechanicalengineering .c-slider-controls__button {
  color: #2869AF;
}
.t-faculty-architecture .c-slider-controls__button {
  color: #198282;
}
.t-faculty-computerengineering .c-slider-controls__button {
  color: #288732;
}
.o-container--grey .c-slider-controls__button {
  background-color: transparent;
}
.c-slider-controls__button--prev {
  padding-right: 0;
}
.c-slider-controls__button--next {
  padding-left: 0;
}
@media screen and (min-width: 768px) {
  .c-slider-controls__button {
    padding: 1rem;
  }
  .t-default .c-slider-controls__button {
    background-color: #D72305;
    color: white;
  }
  .t-faculty-itmedia .c-slider-controls__button {
    background-color: #8C2D82;
    color: white;
  }
  .t-faculty-businessinformatics .c-slider-controls__button {
    background-color: #64378C;
    color: white;
  }
  .t-faculty-economics .c-slider-controls__button {
    background-color: #1E4696;
    color: white;
  }
  .t-faculty-mechanicalengineering .c-slider-controls__button {
    background-color: #2869AF;
    color: white;
  }
  .t-faculty-architecture .c-slider-controls__button {
    background-color: #198282;
    color: white;
  }
  .t-faculty-computerengineering .c-slider-controls__button {
    background-color: #288732;
    color: white;
  }
  .t-default .c-stage-slider__controls .c-slider-controls__button {
    background-color: white;
    color: #D72305;
  }
  .t-faculty-itmedia .c-stage-slider__controls .c-slider-controls__button {
    background-color: white;
    color: #8C2D82;
  }
  .t-faculty-businessinformatics .c-stage-slider__controls .c-slider-controls__button {
    background-color: white;
    color: #64378C;
  }
  .t-faculty-economics .c-stage-slider__controls .c-slider-controls__button {
    background-color: white;
    color: #1E4696;
  }
  .t-faculty-mechanicalengineering .c-stage-slider__controls .c-slider-controls__button {
    background-color: white;
    color: #2869AF;
  }
  .t-faculty-architecture .c-stage-slider__controls .c-slider-controls__button {
    background-color: white;
    color: #198282;
  }
  .t-faculty-computerengineering .c-stage-slider__controls .c-slider-controls__button {
    background-color: white;
    color: #288732;
  }
  .t-default .c-slider-controls__button[disabled] {
    background-color: #fb7660;
  }
  .t-faculty-itmedia .c-slider-controls__button[disabled] {
    background-color: #cf6ac4;
  }
  .t-faculty-businessinformatics .c-slider-controls__button[disabled] {
    background-color: #a478ca;
  }
  .t-faculty-economics .c-slider-controls__button[disabled] {
    background-color: #5683dd;
  }
  .t-faculty-mechanicalengineering .c-slider-controls__button[disabled] {
    background-color: #77a9e0;
  }
  .t-faculty-architecture .c-slider-controls__button[disabled] {
    background-color: #40dada;
  }
  .t-faculty-computerengineering .c-slider-controls__button[disabled] {
    background-color: #5fd06b;
  }
  .c-slider-controls__button--prev {
    margin-right: 1rem;
  }
  .c-slider-controls__button .o-icon {
    width: 1.125rem;
    height: 1.125rem;
  }
}

.tns-nav {
  display: flex;
}

.c-teaserbox-slider__slide {
  width: 92vw;
}
@media screen and (min-width: 768px) {
  .c-teaserbox-slider__slide {
    width: 44vw;
    padding-right: 32px;
  }
}
@media screen and (min-width: 1280px) {
  .c-teaserbox-slider__slide {
    width: 36vw;
    padding-right: 32px;
  }
}

/*------------------------------------*\
  #MAINMENU
\*------------------------------------*/
/*
Mainmenu

Markup: templates/output/06-components/main-menu.html

Styleguide 4.12
*/
.c-main-menu {
  position: relative;
  overflow: hidden;
  text-align: left;
  margin-bottom: 1rem;
  font-family: "IBM Plex Sans Bold", sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 1280px) {
  .c-main-menu {
    margin: 0;
    overflow: visible;
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 400;
    top: 0.75rem;
  }
}
.c-main-menu__item:focus-within .c-main-menu__list--level2 {
  display: flex;
  flex-wrap: wrap;
}
.c-main-menu__link {
  display: inline-flex;
  -moz-appearance: none;
       appearance: none;
  background-color: transparent;
  background-image: none;
  border: none;
  border-radius: 0;
  font: inherit;
  text-decoration: none;
  text-align: left;
  padding: 0;
  align-items: center;
  width: 100%;
  color: black;
}
@media screen and (min-width: 1280px) {
  .c-main-menu__link {
    padding-right: 0;
  }
}
.t-default .c-main-menu__link:hover {
  color: #D72305;
  text-decoration: none;
}
.t-faculty-itmedia .c-main-menu__link:hover {
  color: #8C2D82;
  text-decoration: none;
}
.t-faculty-businessinformatics .c-main-menu__link:hover {
  color: #64378C;
  text-decoration: none;
}
.t-faculty-economics .c-main-menu__link:hover {
  color: #1E4696;
  text-decoration: none;
}
.t-faculty-mechanicalengineering .c-main-menu__link:hover {
  color: #2869AF;
  text-decoration: none;
}
.t-faculty-architecture .c-main-menu__link:hover {
  color: #198282;
  text-decoration: none;
}
.t-faculty-computerengineering .c-main-menu__link:hover {
  color: #288732;
  text-decoration: none;
}
.t-default .c-main-menu__link--active {
  color: #D72305;
}
@media screen and (min-width: 1280px) {
  .t-default .c-main-menu__link--active {
    border-bottom-color: #D72305;
  }
}
.t-faculty-itmedia .c-main-menu__link--active {
  color: #8C2D82;
}
@media screen and (min-width: 1280px) {
  .t-faculty-itmedia .c-main-menu__link--active {
    border-bottom-color: #8C2D82;
  }
}
.t-faculty-businessinformatics .c-main-menu__link--active {
  color: #64378C;
}
@media screen and (min-width: 1280px) {
  .t-faculty-businessinformatics .c-main-menu__link--active {
    border-bottom-color: #64378C;
  }
}
.t-faculty-economics .c-main-menu__link--active {
  color: #1E4696;
}
@media screen and (min-width: 1280px) {
  .t-faculty-economics .c-main-menu__link--active {
    border-bottom-color: #1E4696;
  }
}
.t-faculty-mechanicalengineering .c-main-menu__link--active {
  color: #2869AF;
}
@media screen and (min-width: 1280px) {
  .t-faculty-mechanicalengineering .c-main-menu__link--active {
    border-bottom-color: #2869AF;
  }
}
.t-faculty-architecture .c-main-menu__link--active {
  color: #198282;
}
@media screen and (min-width: 1280px) {
  .t-faculty-architecture .c-main-menu__link--active {
    border-bottom-color: #198282;
  }
}
.t-faculty-computerengineering .c-main-menu__link--active {
  color: #288732;
}
@media screen and (min-width: 1280px) {
  .t-faculty-computerengineering .c-main-menu__link--active {
    border-bottom-color: #288732;
  }
}
.c-main-menu__link--highlight {
  text-decoration: none;
}
@media screen and (min-width: 1280px) {
  .t-default .c-main-menu__link--highlight {
    color: #D72305;
    border-bottom-color: #D72305;
  }
  .t-faculty-itmedia .c-main-menu__link--highlight {
    color: #8C2D82;
    border-bottom-color: #8C2D82;
  }
  .t-faculty-businessinformatics .c-main-menu__link--highlight {
    color: #64378C;
    border-bottom-color: #64378C;
  }
  .t-faculty-economics .c-main-menu__link--highlight {
    color: #1E4696;
    border-bottom-color: #1E4696;
  }
  .t-faculty-mechanicalengineering .c-main-menu__link--highlight {
    color: #2869AF;
    border-bottom-color: #2869AF;
  }
  .t-faculty-architecture .c-main-menu__link--highlight {
    color: #198282;
    border-bottom-color: #198282;
  }
  .t-faculty-computerengineering .c-main-menu__link--highlight {
    color: #288732;
    border-bottom-color: #288732;
  }
}
.c-main-menu__link--level1 {
  font-size: 1.0625rem;
  display: none;
  font-family: "IBM Plex Sans Bold", sans-serif;
  font-weight: 700;
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
}
@media screen and (min-width: 1280px) {
  .c-main-menu__link--level1 {
    font-size: 1.125rem;
    display: inline-block;
    padding: calc(1rem / 2) 0;
    border-bottom: 2px solid transparent;
  }
}
.c-main-menu__link--level1:hover ~ .c-main-menu__list--level2 {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 1280px) {
  .c-main-menu__link--level1 .o-icon {
    display: none;
  }
}
.c-main-menu__link--level2 {
  font-family: "IBM Plex Sans Bold", sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 1280px) {
  .c-main-menu__link--level2 {
    display: block;
    margin-bottom: 1rem;
  }
  .t-default .c-main-menu__link--level2:hover {
    text-decoration: none;
    color: black;
    cursor: default;
  }
  .t-faculty-itmedia .c-main-menu__link--level2:hover {
    text-decoration: none;
    color: black;
    cursor: default;
  }
  .t-faculty-businessinformatics .c-main-menu__link--level2:hover {
    text-decoration: none;
    color: black;
    cursor: default;
  }
  .t-faculty-economics .c-main-menu__link--level2:hover {
    text-decoration: none;
    color: black;
    cursor: default;
  }
  .t-faculty-mechanicalengineering .c-main-menu__link--level2:hover {
    text-decoration: none;
    color: black;
    cursor: default;
  }
  .t-faculty-architecture .c-main-menu__link--level2:hover {
    text-decoration: none;
    color: black;
    cursor: default;
  }
  .t-faculty-computerengineering .c-main-menu__link--level2:hover {
    text-decoration: none;
    color: black;
    cursor: default;
  }
}
.t-default .c-main-menu__link--level2.c-main-menu__link--active {
  color: currentColor;
}
.t-faculty-itmedia .c-main-menu__link--level2.c-main-menu__link--active {
  color: currentColor;
}
.t-faculty-businessinformatics .c-main-menu__link--level2.c-main-menu__link--active {
  color: currentColor;
}
.t-faculty-economics .c-main-menu__link--level2.c-main-menu__link--active {
  color: currentColor;
}
.t-faculty-mechanicalengineering .c-main-menu__link--level2.c-main-menu__link--active {
  color: currentColor;
}
.t-faculty-architecture .c-main-menu__link--level2.c-main-menu__link--active {
  color: currentColor;
}
.t-faculty-computerengineering .c-main-menu__link--level2.c-main-menu__link--active {
  color: currentColor;
}
@media screen and (min-width: 1280px) {
  .t-default .c-main-menu__link--level3:hover {
    color: #D72305;
  }
  .t-faculty-itmedia .c-main-menu__link--level3:hover {
    color: #8C2D82;
  }
  .t-faculty-businessinformatics .c-main-menu__link--level3:hover {
    color: #64378C;
  }
  .t-faculty-economics .c-main-menu__link--level3:hover {
    color: #1E4696;
  }
  .t-faculty-mechanicalengineering .c-main-menu__link--level3:hover {
    color: #2869AF;
  }
  .t-faculty-architecture .c-main-menu__link--level3:hover {
    color: #198282;
  }
  .t-faculty-computerengineering .c-main-menu__link--level3:hover {
    color: #288732;
  }
}
.c-main-menu__link--backlink {
  display: none;
  padding-bottom: 1.5rem;
  padding-left: 2.5rem;
  position: relative;
  left: 0;
  width: 100%;
  border-top: 1px solid #D4D4D4;
  border-bottom: 1px solid #D4D4D4;
  border-left: 0;
  border-right: 0;
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 400;
}
.c-main-menu__link--backlink .menuicon--left {
  position: absolute;
  left: 1rem;
  pointer-events: none;
  top: 50%;
  transform: translateY(-50%);
}
.c-main-menu__link--backlink button {
  border: none;
  text-align: left;
  background: #F4F4F4;
}
@media screen and (min-width: 1280px) {
  .c-main-menu__link--backlink {
    display: none;
  }
}
.c-main-menu__link--activate {
  display: none;
  width: 100%;
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
  border-bottom: 1px solid #CCCCCC;
}
.c-main-menu__link--activate:first-child {
  border-top: 1px solid #CCCCCC;
}
@media screen and (min-width: 1280px) {
  .c-main-menu__link--activate {
    display: none;
    border: none;
  }
}
.c-main-menu__list {
  margin: 0;
  padding: 0;
}
.c-main-menu__list > .c-main-menu__item--has-submenu > ul {
  list-style: none;
}
.c-main-menu__list--level1 {
  transform: translate(100%);
  transition: transform 1s ease;
}
.c-main-menu__list--level1.active {
  transform: translate(0);
}
@media screen and (min-width: 1280px) {
  .c-main-menu__list--level1.active {
    transform: none;
  }
}
@media screen and (min-width: 1280px) {
  .c-main-menu__list--level1 {
    position: relative;
    z-index: 1;
    text-align: right;
    transform: none;
  }
  .c-main-menu__list--level1 .c-main-menu__link:hover::after {
    background: transparent;
    content: "";
    width: 100%;
    height: 2rem;
    position: absolute;
    left: 0;
    bottom: -2rem;
  }
}
.c-main-menu__list--level2 {
  transform: translate(100%);
  left: 0;
  background: #FFFFFF;
  width: 100%;
  text-align: left;
  z-index: 0;
}
.c-main-menu__list--level2:hover {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 1280px) {
  .c-main-menu__list--level2 {
    display: none;
    width: calc(1120px - 12px);
    position: absolute;
    padding-bottom: 2rem;
    top: 4.5625rem;
    left: -2rem;
    z-index: 3;
    transform: none;
    box-shadow: 0 2rem 2.25rem 0 rgba(0, 0, 0, 0.32);
  }
}
@media screen and (min-width: 1320px) {
  .c-main-menu__list--level2 {
    width: 1120px;
  }
}
.c-main-menu__list--level3 {
  display: none;
}
@media (min-width: 1280px) {
  .c-main-menu__list--level3 .c-main-menu__link {
    display: none;
  }
}
.c-main-menu__list--level3.active {
  display: inline-block;
  transform: translate(-300%);
  width: 100%;
}
@media screen and (min-width: 1280px) {
  .c-main-menu__list--level3.active {
    transform: none;
  }
}
@media screen and (min-width: 1280px) {
  .c-main-menu__list--level3 {
    display: inline-block;
    padding-top: 0;
  }
}
.c-main-menu__item--level1 {
  position: absolute;
  transform: translate(100%);
  transition: transform 1s ease;
  list-style: none;
  vertical-align: top;
  width: 100%;
}
@media screen and (min-width: 1280px) {
  .c-main-menu__item--level1 {
    margin: 0 1rem;
    width: auto;
  }
  .c-main-menu__item--level1:last-of-type {
    margin-right: 0;
  }
  .t-default .c-main-menu__item--level1.js-hover > .c-main-menu__link {
    color: #D72305;
  }
  .t-faculty-itmedia .c-main-menu__item--level1.js-hover > .c-main-menu__link {
    color: #8C2D82;
  }
  .t-faculty-businessinformatics .c-main-menu__item--level1.js-hover > .c-main-menu__link {
    color: #64378C;
  }
  .t-faculty-economics .c-main-menu__item--level1.js-hover > .c-main-menu__link {
    color: #1E4696;
  }
  .t-faculty-mechanicalengineering .c-main-menu__item--level1.js-hover > .c-main-menu__link {
    color: #2869AF;
  }
  .t-faculty-architecture .c-main-menu__item--level1.js-hover > .c-main-menu__link {
    color: #198282;
  }
  .t-faculty-computerengineering .c-main-menu__item--level1.js-hover > .c-main-menu__link {
    color: #288732;
  }
  .c-main-menu__item--level1.js-hover .c-main-menu__list--level2 {
    display: flex;
    flex-wrap: wrap;
  }
  .c-main-menu__item--level1.js-hidden .c-main-menu__list--level2 {
    display: none;
  }
}
.c-main-menu__item--level1.active {
  display: inline-block;
  transform: translate(-100%);
}
@media screen and (min-width: 1280px) {
  .c-main-menu__item--level1.active {
    transform: none;
  }
}
@media screen and (max-width: 1279px) {
  .c-main-menu__item--level1.active ~ li {
    display: none;
  }
}
@media screen and (min-width: 1280px) {
  .c-main-menu__item--level1 {
    display: inline-block;
    transform: none;
    position: static;
  }
}
.c-main-menu__item--level2 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
  border-bottom: 1px solid #CCCCCC;
}
.c-main-menu__item--level2:first-child {
  border-top: 1px solid #CCCCCC;
}
@media screen and (min-width: 1280px) {
  .c-main-menu__item--level2:first-child {
    border: none;
  }
}
@media screen and (max-width: 1279px) {
  .c-main-menu__item--level2 {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
  }
}
@media screen and (min-width: 1280px) {
  .c-main-menu__item--level2 {
    width: 33%;
    border-bottom: none;
    padding-top: 1.5rem;
    position: relative;
    padding-left: 1.5rem;
  }
  .c-main-menu__item--level2:not(:nth-child(3n)):after, .c-main-menu__item--level2:nth-child(n+4):before {
    content: "";
    position: absolute;
  }
  .c-main-menu__item--level2:not(:nth-child(3n)):after {
    height: calc(100% - 3rem);
    border-right: 1px solid #CCCCCC;
    right: 0;
    top: 1.5rem;
  }
  .c-main-menu__item--level2:nth-child(n+4):before {
    content: "";
    width: calc(100% - 3rem);
    border-top: 1px solid #CCCCCC;
    left: 1.5rem;
    top: 0;
  }
}
.c-main-menu__item--level3 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
  border-bottom: 1px solid #CCCCCC;
}
@media screen and (min-width: 1280px) {
  .c-main-menu__item--level3 {
    border: none;
    padding-bottom: 0;
    padding-top: 0;
    margin-top: 0;
  }
  .c-main-menu__item--level3:not(:last-child) {
    margin-bottom: 0.75rem;
  }
  .c-main-menu__item--level3 .c-main-menu__link {
    display: block;
  }
}
.c-main-menu__item--directlink {
  display: none;
}
@media screen and (min-width: 1280px) {
  .c-main-menu__item--directlink {
    display: inline-flex;
  }
  .c-main-menu__item--directlink .c-main-menu__link {
    margin-top: 0.125rem;
    padding-bottom: 0.5rem;
  }
  .c-main-menu__item--directlink .c-main-menu__link:hover::after {
    display: none;
  }
}
.c-main-menu__item--directlink .menuicon--search {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0 0 0.125rem;
}
.t-default .c-main-menu__item--directlink .menuicon--search {
  color: currentColor !important;
}
.t-default .c-main-menu__item--directlink .menuicon--search:hover {
  color: #D72305;
}
.t-faculty-itmedia .c-main-menu__item--directlink .menuicon--search {
  color: currentColor !important;
}
.t-faculty-itmedia .c-main-menu__item--directlink .menuicon--search:hover {
  color: #8C2D82;
}
.t-faculty-businessinformatics .c-main-menu__item--directlink .menuicon--search {
  color: currentColor !important;
}
.t-faculty-businessinformatics .c-main-menu__item--directlink .menuicon--search:hover {
  color: #64378C;
}
.t-faculty-economics .c-main-menu__item--directlink .menuicon--search {
  color: currentColor !important;
}
.t-faculty-economics .c-main-menu__item--directlink .menuicon--search:hover {
  color: #1E4696;
}
.t-faculty-mechanicalengineering .c-main-menu__item--directlink .menuicon--search {
  color: currentColor !important;
}
.t-faculty-mechanicalengineering .c-main-menu__item--directlink .menuicon--search:hover {
  color: #2869AF;
}
.t-faculty-architecture .c-main-menu__item--directlink .menuicon--search {
  color: currentColor !important;
}
.t-faculty-architecture .c-main-menu__item--directlink .menuicon--search:hover {
  color: #198282;
}
.t-faculty-computerengineering .c-main-menu__item--directlink .menuicon--search {
  color: currentColor !important;
}
.t-faculty-computerengineering .c-main-menu__item--directlink .menuicon--search:hover {
  color: #288732;
}
.t-default .c-main-menu__item--active {
  color: #D72305;
}
.t-faculty-itmedia .c-main-menu__item--active {
  color: #8C2D82;
}
.t-faculty-businessinformatics .c-main-menu__item--active {
  color: #64378C;
}
.t-faculty-economics .c-main-menu__item--active {
  color: #1E4696;
}
.t-faculty-mechanicalengineering .c-main-menu__item--active {
  color: #2869AF;
}
.t-faculty-architecture .c-main-menu__item--active {
  color: #198282;
}
.t-faculty-computerengineering .c-main-menu__item--active {
  color: #288732;
}
.c-main-menu__close {
  display: none;
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  border: 0;
  background-color: transparent;
  padding: 0;
}
.t-default .c-main-menu__close {
  color: #D72305;
}
.t-faculty-itmedia .c-main-menu__close {
  color: #8C2D82;
}
.t-faculty-businessinformatics .c-main-menu__close {
  color: #64378C;
}
.t-faculty-economics .c-main-menu__close {
  color: #1E4696;
}
.t-faculty-mechanicalengineering .c-main-menu__close {
  color: #2869AF;
}
.t-faculty-architecture .c-main-menu__close {
  color: #198282;
}
.t-faculty-computerengineering .c-main-menu__close {
  color: #288732;
}
@media screen and (min-width: 1280px) {
  .c-main-menu__close {
    display: flex;
    align-items: center;
  }
}
.t-default .c-main-menu .o-icon {
  color: #D72305;
}
.t-faculty-itmedia .c-main-menu .o-icon {
  color: #8C2D82;
}
.t-faculty-businessinformatics .c-main-menu .o-icon {
  color: #64378C;
}
.t-faculty-economics .c-main-menu .o-icon {
  color: #1E4696;
}
.t-faculty-mechanicalengineering .c-main-menu .o-icon {
  color: #2869AF;
}
.t-faculty-architecture .c-main-menu .o-icon {
  color: #198282;
}
.t-faculty-computerengineering .c-main-menu .o-icon {
  color: #288732;
}
.c-main-menu .active {
  left: 0;
}
@media screen and (max-width: 1279px) {
  .c-main-menu .active {
    width: 100%;
    position: absolute;
    top: 0;
    line-height: normal;
  }
  .c-main-menu .active li {
    width: 100%;
  }
  .c-main-menu .active li.c-main-menu__back-button {
    width: 100%;
  }
  .c-main-menu .active li.c-main-menu__item--level3 {
    width: 100%;
  }
  .c-main-menu .active a.c-main-menu__link {
    padding-right: 2.25rem;
  }
}
.c-main-menu .active .c-main-menu__link--backlink {
  padding-top: 1.5rem;
  background: #F4F4F4;
  border: solid #F4F4F4;
  border-width: 1px 0 1px 0;
  width: 100%;
  text-align: left;
}
.c-main-menu .active .c-main-menu__link--activate, .c-main-menu .active .c-main-menu__link--backlink, .c-main-menu .active .c-main-menu__link--level1 {
  display: inline-flex;
}
@media screen and (min-width: 1280px) {
  .c-main-menu .active .c-main-menu__link--activate, .c-main-menu .active .c-main-menu__link--backlink {
    display: none;
  }
}
.c-main-menu .active > .c-main-menu__list--level2 {
  transform: translate(0);
}
.c-main-menu .titlehint {
  color: #D8D8D8;
  border: none;
  position: relative;
}
@media screen and (min-width: 1280px) {
  .c-main-menu .titlehint {
    display: none;
  }
}
.c-main-menu .titlehint::after {
  content: "";
  width: 4rem;
  position: absolute;
  border-bottom: 1px solid #CCCCCC;
  left: 0;
  bottom: 0;
}
.c-main-menu .menuicon--right {
  position: absolute;
  right: 0;
  pointer-events: none;
}
@media screen and (min-width: 1280px) {
  .c-main-menu .menuicon--right {
    display: none;
  }
}

/*
Text Teaser

Demo for text teaser components with default and faculty (theme) colors

.c-text-teaser__link - Standard, ohne Theme
.c-text-teaser__link--faculty.c-text-teaser__link--faculty-itmedia - Theme für Informationsmanagement und Medien
.c-text-teaser__link--faculty.c-text-teaser__link--faculty-economics - Theme für Wirtschaftswissenschaften
.c-text-teaser__link--faculty.c-text-teaser__link--faculty-businessinformatics - Theme für Informatik und Wirtschaftsinformatik
.c-text-teaser__link--faculty.c-text-teaser__link--faculty-mechanicalengineering - Theme für Maschinenbau und Mechatronik
.c-text-teaser__link--faculty.c-text-teaser__link--faculty-architecture - Theme für Architektur und Bauwesen
.c-text-teaser__link--faculty.c-text-teaser__link--faculty-computerengineering - Theme für Elektro- und Informationstechnik

Markup: templates/output/06-components/text-teaser.html

Styleguide 4.8
*/
.c-text-teaser {
  display: flex;
  width: 100%;
}
.c-text-teaser:not(:last-of-type) {
  margin-bottom: 2rem;
}
.c-text-teaser__title {
  font-size: 1.5rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
  font-family: "GT Pressura Greek Bold", sans-serif;
  margin-bottom: 0;
}
@media screen and (min-width: 1280px) {
  .c-text-teaser__title {
    font-size: 1.875rem;
  }
}
.c-text-teaser__icon {
  background-color: #D72305;
  color: white;
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0.75rem;
  width: 2.5rem;
  height: 2.5rem;
}
.c-text-teaser__link {
  display: block;
  background-color: #F4F4F4;
  position: relative;
  padding: 2rem 2.5rem 2rem 2rem;
  min-height: 136px;
  width: 100%;
  color: currentColor !important;
}
.o-container--grey .c-text-teaser__link {
  background-color: white;
}
@media screen and (min-width: 768px) {
  .c-text-teaser__link {
    min-height: 164px;
  }
}
@media screen and (min-width: 1280px) {
  .c-text-teaser__link {
    min-height: 210px;
  }
}
.c-text-teaser__link:hover {
  text-decoration: none;
}
.c-text-teaser__link--faculty {
  color: white;
}
.c-text-teaser__link--faculty .c-text-teaser__title {
  color: white;
}
.c-text-teaser__link--faculty .c-text-teaser__icon {
  background-color: white;
}
.c-text-teaser__link--faculty-itmedia {
  background-color: #8C2D82 !important;
}
.c-text-teaser__link--faculty-itmedia .c-text-teaser__icon {
  color: #8C2D82 !important;
}
.c-text-teaser__link--faculty-economics {
  background-color: #1E4696 !important;
}
.c-text-teaser__link--faculty-economics .c-text-teaser__icon {
  color: #1E4696 !important;
}
.c-text-teaser__link--faculty-businessinformatics {
  background-color: #64378C !important;
}
.c-text-teaser__link--faculty-businessinformatics .c-text-teaser__icon {
  color: #64378C !important;
}
.c-text-teaser__link--faculty-mechanicalengineering {
  background-color: #2869AF !important;
}
.c-text-teaser__link--faculty-mechanicalengineering .c-text-teaser__icon {
  color: #2869AF !important;
}
.c-text-teaser__link--faculty-architecture {
  background-color: #198282 !important;
}
.c-text-teaser__link--faculty-architecture .c-text-teaser__icon {
  color: #198282 !important;
}
.c-text-teaser__link--faculty-computerengineering {
  background-color: #288732 !important;
}
.c-text-teaser__link--faculty-computerengineering .c-text-teaser__icon {
  color: #288732 !important;
}

/*
Image Teaser

Demos for image teaser with default and themed color(s), also providing a reverse class to switch the order.

Styleguide 4.10
*/
/*
Image teaser with modifier classes

.c-image-teaser--themed - image teaser with themed color
.c-image-teaser--reverse - image teaser in reverse order

Markup: templates/output/06-components/image-teaser.html

Styleguide 4.10.1
*/
@media screen and (min-width: 768px) {
  .c-image-teaser {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
}
@media screen and (min-width: 1280px) {
  .c-tabs__content > .c-image-teaser {
    margin-left: calc(-50vw + 1120px / 2);
    margin-right: calc(-50vw + 1120px / 2);
  }
}
.c-image-teaser__image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  min-height: 250px;
  height: auto;
}
@media screen and (min-width: 768px) {
  .c-image-teaser__image {
    width: 55%;
  }
}
@media screen and (min-width: 768px) {
  .c-image-teaser__contentwrap {
    width: calc(45% - 2rem);
  }
}
.c-image-teaser__content {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
  padding: 1.5rem 1.375rem 2rem 1.375rem;
}
@media screen and (min-width: 768px) {
  .c-image-teaser__content {
    height: auto;
    padding: 2.5rem 0;
    width: calc(768px * 0.365);
    transition: width 0.25s ease;
  }
}
@media screen and (min-width: 850px) {
  .c-image-teaser__content {
    width: calc(768px * 0.355);
  }
}
@media screen and (min-width: 1280px) {
  .c-image-teaser__content {
    padding: 4rem 2rem 4rem 0;
    width: calc(1120px * 0.395);
  }
}
@media screen and (min-width: 1460px) {
  .c-image-teaser__content {
    width: calc(1120px * 0.39);
  }
}
@media screen and (min-width: 1600px) {
  .c-image-teaser__content {
    width: calc(1120px * 0.385);
  }
}
@media screen and (min-width: 1920px) {
  .c-image-teaser__content {
    width: calc(1120px * 0.3675);
  }
}
@media screen and (min-width: 2300px) {
  .c-image-teaser__content {
    width: calc(1120px * 0.355);
  }
}
.c-image-teaser__button {
  margin-top: 1rem;
  color: white;
}
.t-default .c-image-teaser__button {
  background-color: #D72305;
}
.t-faculty-itmedia .c-image-teaser__button {
  background-color: #8C2D82;
}
.t-faculty-businessinformatics .c-image-teaser__button {
  background-color: #64378C;
}
.t-faculty-economics .c-image-teaser__button {
  background-color: #1E4696;
}
.t-faculty-mechanicalengineering .c-image-teaser__button {
  background-color: #2869AF;
}
.t-faculty-architecture .c-image-teaser__button {
  background-color: #198282;
}
.t-faculty-computerengineering .c-image-teaser__button {
  background-color: #288732;
}
.c-image-teaser__button:hover {
  background-color: white;
}
.t-default .c-image-teaser__button:hover {
  color: #D72305;
}
.t-faculty-itmedia .c-image-teaser__button:hover {
  color: #8C2D82;
}
.t-faculty-businessinformatics .c-image-teaser__button:hover {
  color: #64378C;
}
.t-faculty-economics .c-image-teaser__button:hover {
  color: #1E4696;
}
.t-faculty-mechanicalengineering .c-image-teaser__button:hover {
  color: #2869AF;
}
.t-faculty-architecture .c-image-teaser__button:hover {
  color: #198282;
}
.t-faculty-computerengineering .c-image-teaser__button:hover {
  color: #288732;
}
.c-image-teaser .c-linklist {
  padding-top: 2rem;
}
@media screen and (min-width: 768px) {
  .c-image-teaser .c-linklist {
    margin-top: 2rem;
    margin-left: -6rem;
    padding-top: 0;
  }
}
.c-image-teaser .c-linklist__item {
  width: 100%;
}
.c-image-teaser--themed {
  color: white;
}
.t-default .c-image-teaser--themed {
  background-color: #D72305;
}
.t-faculty-itmedia .c-image-teaser--themed {
  background-color: #8C2D82;
}
.t-faculty-businessinformatics .c-image-teaser--themed {
  background-color: #64378C;
}
.t-faculty-economics .c-image-teaser--themed {
  background-color: #1E4696;
}
.t-faculty-mechanicalengineering .c-image-teaser--themed {
  background-color: #2869AF;
}
.t-faculty-architecture .c-image-teaser--themed {
  background-color: #198282;
}
.t-faculty-computerengineering .c-image-teaser--themed {
  background-color: #288732;
}
.c-image-teaser--themed .c-image-teaser__title,
.c-image-teaser--themed .c-image-teaser__bodytext > * {
  color: white;
}
.c-image-teaser--themed .c-image-teaser__title a,
.c-image-teaser--themed .c-image-teaser__bodytext > * a {
  color: white;
  font-family: "IBM Plex Sans Bold", sans-serif;
  font-weight: 700;
}
.t-default .c-image-teaser--themed .c-image-teaser__button {
  background-color: white;
  color: #D72305;
}
.t-faculty-itmedia .c-image-teaser--themed .c-image-teaser__button {
  background-color: white;
  color: #8C2D82;
}
.t-faculty-businessinformatics .c-image-teaser--themed .c-image-teaser__button {
  background-color: white;
  color: #64378C;
}
.t-faculty-economics .c-image-teaser--themed .c-image-teaser__button {
  background-color: white;
  color: #1E4696;
}
.t-faculty-mechanicalengineering .c-image-teaser--themed .c-image-teaser__button {
  background-color: white;
  color: #2869AF;
}
.t-faculty-architecture .c-image-teaser--themed .c-image-teaser__button {
  background-color: white;
  color: #198282;
}
.t-faculty-computerengineering .c-image-teaser--themed .c-image-teaser__button {
  background-color: white;
  color: #288732;
}
.c-image-teaser--themed .c-image-teaser__button:hover {
  border-color: white;
}
.t-default .c-image-teaser--themed .c-linklist__itemlink {
  color: white;
}
.t-default .c-image-teaser--themed .c-linklist__itemlink:hover {
  color: black;
}
@media screen and (min-width: 768px) {
  .t-default .c-image-teaser--themed .c-linklist__itemlink {
    background-color: white;
    color: #D72305;
  }
}
.t-faculty-itmedia .c-image-teaser--themed .c-linklist__itemlink {
  color: white;
}
.t-faculty-itmedia .c-image-teaser--themed .c-linklist__itemlink:hover {
  color: black;
}
@media screen and (min-width: 768px) {
  .t-faculty-itmedia .c-image-teaser--themed .c-linklist__itemlink {
    background-color: white;
    color: #8C2D82;
  }
}
.t-faculty-businessinformatics .c-image-teaser--themed .c-linklist__itemlink {
  color: white;
}
.t-faculty-businessinformatics .c-image-teaser--themed .c-linklist__itemlink:hover {
  color: black;
}
@media screen and (min-width: 768px) {
  .t-faculty-businessinformatics .c-image-teaser--themed .c-linklist__itemlink {
    background-color: white;
    color: #64378C;
  }
}
.t-faculty-economics .c-image-teaser--themed .c-linklist__itemlink {
  color: white;
}
.t-faculty-economics .c-image-teaser--themed .c-linklist__itemlink:hover {
  color: black;
}
@media screen and (min-width: 768px) {
  .t-faculty-economics .c-image-teaser--themed .c-linklist__itemlink {
    background-color: white;
    color: #1E4696;
  }
}
.t-faculty-mechanicalengineering .c-image-teaser--themed .c-linklist__itemlink {
  color: white;
}
.t-faculty-mechanicalengineering .c-image-teaser--themed .c-linklist__itemlink:hover {
  color: black;
}
@media screen and (min-width: 768px) {
  .t-faculty-mechanicalengineering .c-image-teaser--themed .c-linklist__itemlink {
    background-color: white;
    color: #2869AF;
  }
}
.t-faculty-architecture .c-image-teaser--themed .c-linklist__itemlink {
  color: white;
}
.t-faculty-architecture .c-image-teaser--themed .c-linklist__itemlink:hover {
  color: black;
}
@media screen and (min-width: 768px) {
  .t-faculty-architecture .c-image-teaser--themed .c-linklist__itemlink {
    background-color: white;
    color: #198282;
  }
}
.t-faculty-computerengineering .c-image-teaser--themed .c-linklist__itemlink {
  color: white;
}
.t-faculty-computerengineering .c-image-teaser--themed .c-linklist__itemlink:hover {
  color: black;
}
@media screen and (min-width: 768px) {
  .t-faculty-computerengineering .c-image-teaser--themed .c-linklist__itemlink {
    background-color: white;
    color: #288732;
  }
}
.t-default .c-image-teaser--grey {
  background-color: #F4F4F4;
}
.t-faculty-itmedia .c-image-teaser--grey {
  background-color: #F4F4F4;
}
.t-faculty-businessinformatics .c-image-teaser--grey {
  background-color: #F4F4F4;
}
.t-faculty-economics .c-image-teaser--grey {
  background-color: #F4F4F4;
}
.t-faculty-mechanicalengineering .c-image-teaser--grey {
  background-color: #F4F4F4;
}
.t-faculty-architecture .c-image-teaser--grey {
  background-color: #F4F4F4;
}
.t-faculty-computerengineering .c-image-teaser--grey {
  background-color: #F4F4F4;
}
.c-image-teaser--reverse .c-image-teaser__image {
  order: 2;
}
.c-image-teaser--reverse .c-image-teaser__contentwrap {
  order: 1;
  position: relative;
}
.c-image-teaser--reverse .c-image-teaser__content {
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .c-image-teaser--reverse .c-linklist {
    display: flex;
    flex-wrap: wrap;
    margin-left: 50%;
    transform: translateX(50%);
  }
}

/*
Dropdown

is-open - open state of dropdown

Markup: templates/output/06-components/dropdown.html

Styleguide 4.11
*/
.c-dropdown {
  display: flex;
  position: relative;
  flex-direction: column-reverse;
}
.c-dropdown__button {
  display: block;
  width: 100%;
  text-align: left;
  cursor: pointer;
  font-size: 1rem;
  font-family: "IBM Plex Sans SemiBold", sans-serif;
  font-weight: 600;
  padding: 0.5rem 1rem;
  -moz-appearance: none;
       appearance: none;
  background-color: transparent;
  border: 1px solid #979797;
}
@media screen and (min-width: 1280px) {
  .c-dropdown__button {
    font-size: 0.9375rem;
  }
}
.c-dropdown__button .o-icon {
  pointer-events: none;
  position: absolute;
  right: 1rem;
  transition: transform 0.5s ease;
}
.c-dropdown.is-open .c-dropdown__button {
  border-bottom-color: transparent;
}
.c-dropdown.is-open .c-dropdown__button .c-dropdown__separator {
  display: inline-block;
  content: "";
  border-bottom: 1px solid #979797;
  width: calc(100% - 2rem);
  bottom: 0;
  position: absolute;
  height: 1px;
  left: 1rem;
  right: 1rem;
}
.c-dropdown.is-open .c-dropdown__button .o-icon {
  transform: rotateX(180deg);
}
.c-dropdown__separator {
  display: none;
}
.c-dropdown__list {
  display: none;
  position: absolute;
  top: 2.25rem;
  left: 0;
  right: 0;
  z-index: 2;
  padding-bottom: 0.5rem;
  background-color: white;
  box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.15);
}
.c-dropdown.is-open .c-dropdown__list {
  display: flex;
  flex-direction: column;
  border-top-color: transparent;
}
.c-dropdown.c-login__dropdown.is-open .c-dropdown__list {
  min-width: 150px;
}
.c-dropdown__link {
  display: inline-block;
  text-align: center;
  width: 100%;
  color: currentColor;
  padding: 0.5rem 1rem;
}
.c-dropdown__link:hover {
  text-decoration: none;
}
.t-default .c-dropdown__link:hover {
  color: #D72305;
}
.t-faculty-itmedia .c-dropdown__link:hover {
  color: #8C2D82;
}
.t-faculty-businessinformatics .c-dropdown__link:hover {
  color: #64378C;
}
.t-faculty-economics .c-dropdown__link:hover {
  color: #1E4696;
}
.t-faculty-mechanicalengineering .c-dropdown__link:hover {
  color: #2869AF;
}
.t-faculty-architecture .c-dropdown__link:hover {
  color: #198282;
}
.t-faculty-computerengineering .c-dropdown__link:hover {
  color: #288732;
}

/*------------------------------------*\
  #FOOTER
\*------------------------------------*/
/*
Footer

Markup: templates/output/06-components/footer.html

Styleguide 4.3

*/
/*------------------------------------*\
  #FOOTER
\*------------------------------------*/
/*
Footer Interner Bereich

Markup: templates/output/06-components/footer-internal.html

Styleguide 4.3.1

*/
.c-footer {
  background-color: #F4F4F4;
  padding: 3.125rem 0;
  font-family: "IBM Plex Sans Medium", sans-serif;
  font-weight: 500;
}
.c-footer a {
  color: currentColor;
}
.c-footer__listitem {
  margin-bottom: 1rem;
  padding-left: 2rem;
  background: transparent url("../Images/Icons/arrow-right.svg") no-repeat top 0.5rem left;
}
.c-footer__iconlink {
  font-size: 1.0625rem;
  font-family: "GT Pressura Mono Greek Bold", sans-serif;
}
.c-footer__copyright {
  font-size: 0.875rem;
}
@media screen and (min-width: 1280px) {
  .c-footer__copyright {
    font-size: 1.0625rem;
  }
}
.c-footer__logo {
  position: absolute;
  right: 1.5rem;
}
@media (max-width: 360px) {
  .c-footer__logo .o-icon {
    height: 170px;
    width: auto;
  }
}
@media screen and (min-width: 768px) {
  .c-footer__logo {
    right: 2rem;
  }
}
@media screen and (min-width: 1280px) {
  .c-footer__logo {
    right: 0.75rem;
    transform: translateX(100%);
  }
}
@media screen and (min-width: 1320px) {
  .c-footer__logo {
    right: 0;
  }
}
@media screen and (min-width: 1460px) {
  .c-footer__logo {
    right: -0.938rem;
  }
}
.t-default .c-footer__logo .o-icon {
  color: #D72305;
}
.t-faculty-itmedia .c-footer__logo .o-icon {
  color: #8C2D82;
}
.t-faculty-businessinformatics .c-footer__logo .o-icon {
  color: #64378C;
}
.t-faculty-economics .c-footer__logo .o-icon {
  color: #1E4696;
}
.t-faculty-mechanicalengineering .c-footer__logo .o-icon {
  color: #2869AF;
}
.t-faculty-architecture .c-footer__logo .o-icon {
  color: #198282;
}
.t-faculty-computerengineering .c-footer__logo .o-icon {
  color: #288732;
}
.c-footer__wordmark .o-icon {
  height: 60px;
  width: 184px;
}
@media (max-width: 360px) {
  .c-footer__wordmark .o-icon {
    height: 50px;
    width: auto;
  }
}
.t-default .c-footer__wordmark svg {
  color: #D72305;
}
.t-faculty-itmedia .c-footer__wordmark svg {
  color: #8C2D82;
}
.t-faculty-businessinformatics .c-footer__wordmark svg {
  color: #64378C;
}
.t-faculty-economics .c-footer__wordmark svg {
  color: #1E4696;
}
.t-faculty-mechanicalengineering .c-footer__wordmark svg {
  color: #2869AF;
}
.t-faculty-architecture .c-footer__wordmark svg {
  color: #198282;
}
.t-faculty-computerengineering .c-footer__wordmark svg {
  color: #288732;
}
.t-default .c-footer--loggedin {
  background-color: #D72305;
  color: white;
}
.t-faculty-itmedia .c-footer--loggedin {
  background-color: #8C2D82;
  color: white;
}
.t-faculty-businessinformatics .c-footer--loggedin {
  background-color: #64378C;
  color: white;
}
.t-faculty-economics .c-footer--loggedin {
  background-color: #1E4696;
  color: white;
}
.t-faculty-mechanicalengineering .c-footer--loggedin {
  background-color: #2869AF;
  color: white;
}
.t-faculty-architecture .c-footer--loggedin {
  background-color: #198282;
  color: white;
}
.t-faculty-computerengineering .c-footer--loggedin {
  background-color: #288732;
  color: white;
}
.c-footer--loggedin a {
  color: white;
}
.c-footer--loggedin .c-footer__listitem {
  background: transparent url("../Images/Icons/arrow-right-white.svg") no-repeat top 0.5rem left;
}
.c-footer--loggedin .c-footer__logo .o-icon {
  color: white;
}
.c-footer--loggedin .c-footer__wordmark svg {
  color: white;
}
.t-default .c-footer--loggedin .c-totoparrow {
  border-color: white;
}
.t-default .c-footer--loggedin .c-totoparrow svg {
  color: white;
}
.t-faculty-itmedia .c-footer--loggedin .c-totoparrow {
  border-color: white;
}
.t-faculty-itmedia .c-footer--loggedin .c-totoparrow svg {
  color: white;
}
.t-faculty-businessinformatics .c-footer--loggedin .c-totoparrow {
  border-color: white;
}
.t-faculty-businessinformatics .c-footer--loggedin .c-totoparrow svg {
  color: white;
}
.t-faculty-economics .c-footer--loggedin .c-totoparrow {
  border-color: white;
}
.t-faculty-economics .c-footer--loggedin .c-totoparrow svg {
  color: white;
}
.t-faculty-mechanicalengineering .c-footer--loggedin .c-totoparrow {
  border-color: white;
}
.t-faculty-mechanicalengineering .c-footer--loggedin .c-totoparrow svg {
  color: white;
}
.t-faculty-architecture .c-footer--loggedin .c-totoparrow {
  border-color: white;
}
.t-faculty-architecture .c-footer--loggedin .c-totoparrow svg {
  color: white;
}
.t-faculty-computerengineering .c-footer--loggedin .c-totoparrow {
  border-color: white;
}
.t-faculty-computerengineering .c-footer--loggedin .c-totoparrow svg {
  color: white;
}

/*
Tabs

Demo for tabbed navigation which transforms to an accordion in mobile view.

.c-tabs__tab--is-triggered - Tab status triggered or rather activated

Markup: templates/output/06-components/tabs.html

Styleguide 4.14

*/
.c-tabs {
  margin: 3rem 0;
  position: relative;
  z-index: 0;
}
@media screen and (min-width: 1280px) {
  .c-tabs {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
  }
}
.c-tabs__navtitle {
  padding-right: 64px;
}
.o-container--nospacing .c-tabs {
  margin: 3rem 1.375rem;
}
@media screen and (min-width: 768px) {
  .o-container--nospacing .c-tabs {
    margin: 3rem 2rem;
  }
}
@media screen and (min-width: 1280px) {
  .o-container--nospacing .c-tabs {
    margin: 3rem 0 0;
  }
}
.c-tabs__content {
  margin-left: 0;
  padding: 1.5rem 0 0 0;
  order: 2;
}
@media screen and (min-width: 1280px) {
  .c-tabs__content > .frame-type-shortcut > .c-image-teaser {
    margin-left: calc(-50vw + 1120px / 2);
    margin-right: calc(-50vw + 1120px / 2);
  }
}
.c-tabs__content .frame + .frame:not(.frame-type-textmedia, .frame-type-list),
.c-tabs__content .frame + .c-text-teaser {
  margin-top: 2rem;
}
.c-tabs__content .o-container {
  padding-left: 0;
  padding-right: 0;
}
.c-tabs__placeholder {
  display: none;
}
@media screen and (min-width: 1280px) {
  .c-tabs__placeholder {
    display: block;
    transition: opacity 0.3s ease;
    opacity: 1;
    margin-top: 3.5rem;
    margin-bottom: 3rem;
  }
  .c-tabs__placeholder--fade {
    opacity: 0;
  }
}
.c-tabs__tab {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
  display: block;
}
.t-default .c-tabs__tab {
  color: black;
}
.t-faculty-itmedia .c-tabs__tab {
  color: black;
}
.t-faculty-businessinformatics .c-tabs__tab {
  color: black;
}
.t-faculty-economics .c-tabs__tab {
  color: black;
}
.t-faculty-mechanicalengineering .c-tabs__tab {
  color: black;
}
.t-faculty-architecture .c-tabs__tab {
  color: black;
}
.t-faculty-computerengineering .c-tabs__tab {
  color: black;
}
@media screen and (min-width: 1280px) {
  .c-tabs__tab {
    padding: calc(1rem / 2) 1rem;
    border-bottom-width: 0.188rem;
  }
  .c-tabs__tab::before, .c-tabs__tab::after {
    display: none !important;
  }
  .t-default .c-tabs__tab::before {
    background-color: #D72305;
  }
  .t-faculty-itmedia .c-tabs__tab::before {
    background-color: #8C2D82;
  }
  .t-faculty-businessinformatics .c-tabs__tab::before {
    background-color: #64378C;
  }
  .t-faculty-economics .c-tabs__tab::before {
    background-color: #1E4696;
  }
  .t-faculty-mechanicalengineering .c-tabs__tab::before {
    background-color: #2869AF;
  }
  .t-faculty-architecture .c-tabs__tab::before {
    background-color: #198282;
  }
  .t-faculty-computerengineering .c-tabs__tab::before {
    background-color: #288732;
  }
  .c-tabs__tab:hover {
    background-color: transparent;
  }
  .c-tabs__tab:hover::before {
    display: block;
    width: 100%;
    left: 0;
    right: 0;
    top: auto;
    bottom: -0.188rem;
    height: 0.188rem;
  }
}
.c-tabs__tab:hover {
  background-color: #FFFFFF;
  text-decoration: none;
}
.t-default .c-tabs__tab--is-triggered {
  color: #D72305;
  border-bottom-color: transparent;
}
.t-faculty-itmedia .c-tabs__tab--is-triggered {
  color: #8C2D82;
  border-bottom-color: transparent;
}
.t-faculty-businessinformatics .c-tabs__tab--is-triggered {
  color: #64378C;
  border-bottom-color: transparent;
}
.t-faculty-economics .c-tabs__tab--is-triggered {
  color: #1E4696;
  border-bottom-color: transparent;
}
.t-faculty-mechanicalengineering .c-tabs__tab--is-triggered {
  color: #2869AF;
  border-bottom-color: transparent;
}
.t-faculty-architecture .c-tabs__tab--is-triggered {
  color: #198282;
  border-bottom-color: transparent;
}
.t-faculty-computerengineering .c-tabs__tab--is-triggered {
  color: #288732;
  border-bottom-color: transparent;
}
@media screen and (min-width: 1280px) {
  .c-tabs__tab--is-triggered {
    background-color: transparent;
  }
  .t-default .c-tabs__tab--is-triggered {
    border-bottom: 0.25rem solid #D72305;
  }
  .t-faculty-itmedia .c-tabs__tab--is-triggered {
    border-bottom: 0.25rem solid #8C2D82;
  }
  .t-faculty-businessinformatics .c-tabs__tab--is-triggered {
    border-bottom: 0.25rem solid #64378C;
  }
  .t-faculty-economics .c-tabs__tab--is-triggered {
    border-bottom: 0.25rem solid #1E4696;
  }
  .t-faculty-mechanicalengineering .c-tabs__tab--is-triggered {
    border-bottom: 0.25rem solid #2869AF;
  }
  .t-faculty-architecture .c-tabs__tab--is-triggered {
    border-bottom: 0.25rem solid #198282;
  }
  .t-faculty-computerengineering .c-tabs__tab--is-triggered {
    border-bottom: 0.25rem solid #288732;
  }
  .c-tabs__tab--is-triggered::before {
    display: block;
  }
  .t-default .c-tabs__tab--is-triggered::before {
    background-color: #D72305;
  }
  .t-faculty-itmedia .c-tabs__tab--is-triggered::before {
    background-color: #8C2D82;
  }
  .t-faculty-businessinformatics .c-tabs__tab--is-triggered::before {
    background-color: #64378C;
  }
  .t-faculty-economics .c-tabs__tab--is-triggered::before {
    background-color: #1E4696;
  }
  .t-faculty-mechanicalengineering .c-tabs__tab--is-triggered::before {
    background-color: #2869AF;
  }
  .t-faculty-architecture .c-tabs__tab--is-triggered::before {
    background-color: #198282;
  }
  .t-faculty-computerengineering .c-tabs__tab--is-triggered::before {
    background-color: #288732;
  }
}
@media screen and (max-width: 1279px) {
  .c-tabs__tab--is-triggered::after {
    transform: rotate(0deg) !important;
  }
}
.c-tabs__tab--is-triggered + .c-tabs__content {
  display: block;
  width: 100%;
}
@media screen and (min-width: 1280px) {
  .c-tabs__tab--is-triggered + .c-tabs__content {
    border-top: 0.125rem solid #D8D8D8;
  }
}
@media screen and (max-width: 1279px) {
  .c-tabs [aria-expanded=false] + .c-tabs__content {
    display: none;
  }
}
.c-tabs__navtitle {
  padding-right: 3.75rem;
}
@media screen and (min-width: 1280px) {
  .c-tabs__navtitle {
    padding-right: 0;
  }
}
.c-tabs__square {
  position: absolute;
  right: 0;
  background-color: #F4F4F4;
  width: 2.5rem;
  height: 2.5rem;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 0;
}
@media screen and (min-width: 1280px) {
  .c-tabs__square {
    display: none;
  }
}
@media print {
  .c-tabs__content {
    display: block;
  }
  .t-default .c-tabs__tab--is-triggered {
    color: #D72305;
  }
  .t-faculty-itmedia .c-tabs__tab--is-triggered {
    color: #8C2D82;
  }
  .t-faculty-businessinformatics .c-tabs__tab--is-triggered {
    color: #64378C;
  }
  .t-faculty-economics .c-tabs__tab--is-triggered {
    color: #1E4696;
  }
  .t-faculty-mechanicalengineering .c-tabs__tab--is-triggered {
    color: #2869AF;
  }
  .t-faculty-architecture .c-tabs__tab--is-triggered {
    color: #198282;
  }
  .t-faculty-computerengineering .c-tabs__tab--is-triggered {
    color: #288732;
  }
}

.c-quicklinks {
  font-size: 0.9375rem;
  display: inline-block;
  margin: 1rem 0 1rem;
  color: black;
  font-family: "IBM Plex Sans Medium", sans-serif;
  font-weight: 500;
}
@media screen and (min-width: 1280px) {
  .c-quicklinks {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 1rem;
  }
}
.c-quicklinks a {
  display: block;
  text-transform: uppercase;
  color: black;
  margin-bottom: 1rem;
}
@media screen and (min-width: 1280px) {
  .c-quicklinks a {
    display: inline-block;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1280px) {
  .c-quicklinks a:not(:first-child) {
    margin-left: 1rem;
  }
}
.c-quicklinks a:not(:last-child) {
  margin-right: 1rem;
}
@media screen and (min-width: 1280px) {
  .c-quicklinks a:not(:last-child) {
    margin-right: auto;
  }
}
.c-quicklinks:hover {
  cursor: pointer;
  text-decoration: none;
}
.c-quicklinks.hidden {
  display: none;
}
@media screen and (min-width: 1280px) {
  .c-quicklinks.hidden {
    display: inline-block;
  }
}

.c-accordion__title::after, .c-tabs__tab::after, .c-accordion__title::before, .c-tabs__tab::before {
  display: block;
  content: "";
  position: absolute;
  right: calc(1rem / 2);
  top: calc(50% - 0.125rem);
  width: 1.5rem;
  height: 0.313rem;
  background-color: #D8D8D8;
  z-index: 1;
}
.t-default .c-accordion__title::after, .t-default .c-tabs__tab::after, .t-default .c-accordion__title::before, .t-default .c-tabs__tab::before {
  background-color: #D72305;
}
.t-faculty-itmedia .c-accordion__title::after, .t-faculty-itmedia .c-tabs__tab::after, .t-faculty-itmedia .c-accordion__title::before, .t-faculty-itmedia .c-tabs__tab::before {
  background-color: #8C2D82;
}
.t-faculty-businessinformatics .c-accordion__title::after, .t-faculty-businessinformatics .c-tabs__tab::after, .t-faculty-businessinformatics .c-accordion__title::before, .t-faculty-businessinformatics .c-tabs__tab::before {
  background-color: #64378C;
}
.t-faculty-economics .c-accordion__title::after, .t-faculty-economics .c-tabs__tab::after, .t-faculty-economics .c-accordion__title::before, .t-faculty-economics .c-tabs__tab::before {
  background-color: #1E4696;
}
.t-faculty-mechanicalengineering .c-accordion__title::after, .t-faculty-mechanicalengineering .c-tabs__tab::after, .t-faculty-mechanicalengineering .c-accordion__title::before, .t-faculty-mechanicalengineering .c-tabs__tab::before {
  background-color: #2869AF;
}
.t-faculty-architecture .c-accordion__title::after, .t-faculty-architecture .c-tabs__tab::after, .t-faculty-architecture .c-accordion__title::before, .t-faculty-architecture .c-tabs__tab::before {
  background-color: #198282;
}
.t-faculty-computerengineering .c-accordion__title::after, .t-faculty-computerengineering .c-tabs__tab::after, .t-faculty-computerengineering .c-accordion__title::before, .t-faculty-computerengineering .c-tabs__tab::before {
  background-color: #288732;
}
.cookiemessage__container .c-accordion__title::after, .cookiemessage__container .c-tabs__tab::after, .cookiemessage__container .c-accordion__title::before, .cookiemessage__container .c-tabs__tab::before {
  right: 0;
  margin-right: 1rem;
}

.c-accordion__title, .c-tabs__tab {
  font-size: 1.25rem;
  font-family: "GT Pressura Mono Greek Bold", sans-serif;
  padding: 1.5rem 0;
  border-bottom: 0.125rem solid #D8D8D8;
  cursor: pointer;
  position: relative;
  transition: background-color 0.2s ease;
}
@media screen and (min-width: 1280px) {
  .c-accordion__title, .c-tabs__tab {
    margin-right: 3rem;
    border-bottom: none;
    padding: 1rem 0;
  }
  .cookiemessage__container .c-accordion__title, .cookiemessage__container .c-tabs__tab {
    margin-right: 0;
  }
}
.c-accordion__title::after, .c-tabs__tab::after {
  transition: transform 0.2s ease;
  transform: rotate(90deg);
}
.c-accordion__title:hover, .c-tabs__tab:hover {
  background-color: white;
}
.o-container__aside .c-accordion__title, .o-container__aside .c-tabs__tab {
  font-size: 1rem;
  color: #FFFFFF;
}

.c-accordion {
  margin: 1rem 0;
}
.t-default .c-accordion:not(.cookiemessage__container) .t-default .c-accordion {
  border-top: 1px solid #D72305;
}
.t-faculty-itmedia .c-accordion:not(.cookiemessage__container) .t-faculty-itmedia .c-accordion {
  border-top: 1px solid #8C2D82;
}
.t-faculty-businessinformatics .c-accordion:not(.cookiemessage__container) .t-faculty-businessinformatics .c-accordion {
  border-top: 1px solid #64378C;
}
.t-faculty-economics .c-accordion:not(.cookiemessage__container) .t-faculty-economics .c-accordion {
  border-top: 1px solid #1E4696;
}
.t-faculty-mechanicalengineering .c-accordion:not(.cookiemessage__container) .t-faculty-mechanicalengineering .c-accordion {
  border-top: 1px solid #2869AF;
}
.t-faculty-architecture .c-accordion:not(.cookiemessage__container) .t-faculty-architecture .c-accordion {
  border-top: 1px solid #198282;
}
.t-faculty-computerengineering .c-accordion:not(.cookiemessage__container) .t-faculty-computerengineering .c-accordion {
  border-top: 1px solid #288732;
}
.c-accordion__title {
  margin-top: 0;
  margin-bottom: 0;
  -moz-appearance: none;
       appearance: none;
  background-color: transparent;
  background-image: none;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  width: 100%;
  text-align: left;
}
.t-default .cookiemessage__container .c-accordion__title {
  border: 1px solid #D72305;
  padding-left: 1rem;
}
.t-default .cookiemessage__container .c-accordion__title:not(:last-of-type) {
  margin-bottom: calc(1rem / 2);
}
.t-faculty-itmedia .cookiemessage__container .c-accordion__title {
  border: 1px solid #8C2D82;
  padding-left: 1rem;
}
.t-faculty-itmedia .cookiemessage__container .c-accordion__title:not(:last-of-type) {
  margin-bottom: calc(1rem / 2);
}
.t-faculty-businessinformatics .cookiemessage__container .c-accordion__title {
  border: 1px solid #64378C;
  padding-left: 1rem;
}
.t-faculty-businessinformatics .cookiemessage__container .c-accordion__title:not(:last-of-type) {
  margin-bottom: calc(1rem / 2);
}
.t-faculty-economics .cookiemessage__container .c-accordion__title {
  border: 1px solid #1E4696;
  padding-left: 1rem;
}
.t-faculty-economics .cookiemessage__container .c-accordion__title:not(:last-of-type) {
  margin-bottom: calc(1rem / 2);
}
.t-faculty-mechanicalengineering .cookiemessage__container .c-accordion__title {
  border: 1px solid #2869AF;
  padding-left: 1rem;
}
.t-faculty-mechanicalengineering .cookiemessage__container .c-accordion__title:not(:last-of-type) {
  margin-bottom: calc(1rem / 2);
}
.t-faculty-architecture .cookiemessage__container .c-accordion__title {
  border: 1px solid #198282;
  padding-left: 1rem;
}
.t-faculty-architecture .cookiemessage__container .c-accordion__title:not(:last-of-type) {
  margin-bottom: calc(1rem / 2);
}
.t-faculty-computerengineering .cookiemessage__container .c-accordion__title {
  border: 1px solid #288732;
  padding-left: 1rem;
}
.t-faculty-computerengineering .cookiemessage__container .c-accordion__title:not(:last-of-type) {
  margin-bottom: calc(1rem / 2);
}
.c-accordion__title.in2-modal-accordion--istriggered::after, .c-accordion__title--is-triggered::after {
  transform: rotate(0deg);
}
.c-accordion__title.in2-modal-accordion--istriggered + .c-accordion__content, .c-accordion__title--is-triggered + .c-accordion__content {
  max-height: inherit;
  opacity: 1;
}
.t-default .c-accordion__title.in2-modal-accordion--istriggered + .c-accordion__content, .t-default .c-accordion__title--is-triggered + .c-accordion__content {
  border-bottom: 1px solid #D72305;
}
.t-faculty-itmedia .c-accordion__title.in2-modal-accordion--istriggered + .c-accordion__content, .t-faculty-itmedia .c-accordion__title--is-triggered + .c-accordion__content {
  border-bottom: 1px solid #8C2D82;
}
.t-faculty-businessinformatics .c-accordion__title.in2-modal-accordion--istriggered + .c-accordion__content, .t-faculty-businessinformatics .c-accordion__title--is-triggered + .c-accordion__content {
  border-bottom: 1px solid #64378C;
}
.t-faculty-economics .c-accordion__title.in2-modal-accordion--istriggered + .c-accordion__content, .t-faculty-economics .c-accordion__title--is-triggered + .c-accordion__content {
  border-bottom: 1px solid #1E4696;
}
.t-faculty-mechanicalengineering .c-accordion__title.in2-modal-accordion--istriggered + .c-accordion__content, .t-faculty-mechanicalengineering .c-accordion__title--is-triggered + .c-accordion__content {
  border-bottom: 1px solid #2869AF;
}
.t-faculty-architecture .c-accordion__title.in2-modal-accordion--istriggered + .c-accordion__content, .t-faculty-architecture .c-accordion__title--is-triggered + .c-accordion__content {
  border-bottom: 1px solid #198282;
}
.t-faculty-computerengineering .c-accordion__title.in2-modal-accordion--istriggered + .c-accordion__content, .t-faculty-computerengineering .c-accordion__title--is-triggered + .c-accordion__content {
  border-bottom: 1px solid #288732;
}
.t-default .cookiemessage__container .c-accordion__title.in2-modal-accordion--istriggered + .c-accordion__content, .t-default .cookiemessage__container .c-accordion__title--is-triggered + .c-accordion__content {
  border-bottom: 0;
  margin-bottom: 1rem;
  padding: 0 1rem;
}
.t-faculty-itmedia .cookiemessage__container .c-accordion__title.in2-modal-accordion--istriggered + .c-accordion__content, .t-faculty-itmedia .cookiemessage__container .c-accordion__title--is-triggered + .c-accordion__content {
  border-bottom: 0;
  margin-bottom: 1rem;
  padding: 0 1rem;
}
.t-faculty-businessinformatics .cookiemessage__container .c-accordion__title.in2-modal-accordion--istriggered + .c-accordion__content, .t-faculty-businessinformatics .cookiemessage__container .c-accordion__title--is-triggered + .c-accordion__content {
  border-bottom: 0;
  margin-bottom: 1rem;
  padding: 0 1rem;
}
.t-faculty-economics .cookiemessage__container .c-accordion__title.in2-modal-accordion--istriggered + .c-accordion__content, .t-faculty-economics .cookiemessage__container .c-accordion__title--is-triggered + .c-accordion__content {
  border-bottom: 0;
  margin-bottom: 1rem;
  padding: 0 1rem;
}
.t-faculty-mechanicalengineering .cookiemessage__container .c-accordion__title.in2-modal-accordion--istriggered + .c-accordion__content, .t-faculty-mechanicalengineering .cookiemessage__container .c-accordion__title--is-triggered + .c-accordion__content {
  border-bottom: 0;
  margin-bottom: 1rem;
  padding: 0 1rem;
}
.t-faculty-architecture .cookiemessage__container .c-accordion__title.in2-modal-accordion--istriggered + .c-accordion__content, .t-faculty-architecture .cookiemessage__container .c-accordion__title--is-triggered + .c-accordion__content {
  border-bottom: 0;
  margin-bottom: 1rem;
  padding: 0 1rem;
}
.t-faculty-computerengineering .cookiemessage__container .c-accordion__title.in2-modal-accordion--istriggered + .c-accordion__content, .t-faculty-computerengineering .cookiemessage__container .c-accordion__title--is-triggered + .c-accordion__content {
  border-bottom: 0;
  margin-bottom: 1rem;
  padding: 0 1rem;
}
.c-accordion__title.in2-modal-accordion--istriggered + .c-accordion__content .c-accordion__innercontent, .c-accordion__title--is-triggered + .c-accordion__content .c-accordion__innercontent {
  transform: translate(0, 0);
}
.c-accordion__content {
  margin: 0;
  max-height: 0;
  opacity: 0;
  overflow-y: hidden;
  transition: max-height 0.5s ease, opacity 0.5s ease;
}
.c-accordion__innercontent {
  padding-top: 1rem;
  transition: transform 0.5s ease;
  transform: translate(0, 2rem);
}
@media print {
  .c-accordion__content {
    max-height: inherit;
    opacity: 1;
  }
  .t-default .c-accordion__content {
    border-bottom: 1px solid #D72305;
  }
  .t-faculty-itmedia .c-accordion__content {
    border-bottom: 1px solid #8C2D82;
  }
  .t-faculty-businessinformatics .c-accordion__content {
    border-bottom: 1px solid #64378C;
  }
  .t-faculty-economics .c-accordion__content {
    border-bottom: 1px solid #1E4696;
  }
  .t-faculty-mechanicalengineering .c-accordion__content {
    border-bottom: 1px solid #2869AF;
  }
  .t-faculty-architecture .c-accordion__content {
    border-bottom: 1px solid #198282;
  }
  .t-faculty-computerengineering .c-accordion__content {
    border-bottom: 1px solid #288732;
  }
  .c-accordion__innercontent {
    transform: translate(0, 0);
  }
}

/*
Contact

Markup: templates/output/06-components/contact.html

Styleguide 4.15
*/
.c-contact {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .c-contact {
    display: flex;
  }
  .o-row__col-1\/2\@tablet .c-contact, .o-row__col-1\/3\@tablet .c-contact, .o-row__col-1\/4\@tablet .c-contact {
    display: block;
  }
}
@media screen and (min-width: 1280px) {
  .c-contact {
    display: inline-block;
  }
}
.c-contact__image {
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 15rem;
}
@media screen and (min-width: 768px) {
  .c-contact__image {
    width: 50%;
    height: auto;
  }
  .o-row__col-1\/2\@tablet .c-contact__image, .o-row__col-1\/3\@tablet .c-contact__image, .o-row__col-1\/4\@tablet .c-contact__image {
    width: 100%;
    height: 15rem;
  }
}
@media screen and (min-width: 1280px) {
  .c-contact__image {
    width: 100%;
    height: 15rem;
  }
}
.c-contact__information {
  padding: 1.5rem;
  background: #F4F4F4;
  font-size: 1.125rem;
}
@media screen and (min-width: 768px) {
  .c-contact__information {
    width: 50%;
  }
  .o-row__col-1\/2\@tablet .c-contact__information, .o-row__col-1\/3\@tablet .c-contact__information, .o-row__col-1\/4\@tablet .c-contact__information {
    width: 100%;
  }
}
@media screen and (min-width: 1280px) {
  .c-contact__information {
    width: 100%;
    padding: 2rem;
  }
}
.c-contact__information h3 {
  margin-bottom: 2rem;
}
.c-contact__information--subtitle, .c-contact__information--address, .c-contact__information--phone, .c-contact__information--openinghours, .c-contact__information--email, .c-contact__information--facility, .c-contact__information--room {
  display: inline-block;
  margin-bottom: 1rem;
}
.c-contact__information--subtitle {
  font-family: "IBM Plex Sans Bold", sans-serif;
  font-weight: 700;
}

/*
Linklist

Demos for link list with white background color and themed font color

Markup: templates/output/06-components/linklist.html

Styleguide 4.13
*/
.c-linklist {
  display: inline-block;
  width: 100%;
  font-family: "GT Pressura Mono Greek Bold", sans-serif;
}
.c-linklist__itemlink {
  display: inline-block;
  padding: 0.5rem 0;
}
.t-default .c-linklist__itemlink {
  color: #D72305;
}
.t-faculty-itmedia .c-linklist__itemlink {
  color: #8C2D82;
}
.t-faculty-businessinformatics .c-linklist__itemlink {
  color: #64378C;
}
.t-faculty-economics .c-linklist__itemlink {
  color: #1E4696;
}
.t-faculty-mechanicalengineering .c-linklist__itemlink {
  color: #2869AF;
}
.t-faculty-architecture .c-linklist__itemlink {
  color: #198282;
}
.t-faculty-computerengineering .c-linklist__itemlink {
  color: #288732;
}
@media screen and (min-width: 768px) {
  .c-linklist__itemlink {
    background-color: white;
    padding: 0.75rem 1rem;
  }
}
.c-linklist__itemlink:hover {
  text-decoration: none;
}
.c-linklist__itemnolink {
  display: inline-block;
  padding: 0.5rem 0;
}
.t-default .c-linklist__itemnolink {
  color: #000000;
}
.t-faculty-itmedia .c-linklist__itemnolink {
  color: #000000;
}
.t-faculty-businessinformatics .c-linklist__itemnolink {
  color: #000000;
}
.t-faculty-economics .c-linklist__itemnolink {
  color: #000000;
}
.t-faculty-mechanicalengineering .c-linklist__itemnolink {
  color: #000000;
}
.t-faculty-architecture .c-linklist__itemnolink {
  color: #000000;
}
.t-faculty-computerengineering .c-linklist__itemnolink {
  color: #000000;
}
@media screen and (min-width: 768px) {
  .c-linklist__itemnolink {
    background-color: white;
    padding: 0.75rem 1rem;
  }
}
.c-linklist__itemnolink:hover {
  text-decoration: none;
}

/*
Teaser box

Demo for teaser box with default and faculty (theme) colors

.c-teaserbox - Default
.c-teaserbox--faculty - Teaserbox with faculty theme color

Markup: templates/output/06-components/teaserbox/teaserbox.html

Styleguide 4.16
*/
/*
Teaser box with category

.c-teaserbox--has-category - Teaserbox category
.c-teaserbox--faculty.c-teaserbox--has-category - Teaserbox with category and faculty theme color

Markup: templates/output/06-components/teaserbox/teaserbox-has-category.html

Styleguide 4.16.1
*/
.c-teaserbox {
  background-color: #F4F4F4;
  width: 100%;
}
.o-container--grey .c-teaserbox {
  background-color: white;
}
.c-teaserbox + * {
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .c-teaserbox__wrapper {
    display: flex;
  }
}
main .o-row .c-teaserbox__column, main .o-row .c-teaserbox__column:last-of-type {
  margin-bottom: 2rem;
}
.c-teaserbox__column .c-teaserbox {
  height: 100%;
}
.o-container--fullheight .c-teaserbox__column .c-teaserbox {
  height: auto;
}
.c-teaserbox__header {
  position: relative;
}
.c-teaserbox__image {
  display: block;
  line-height: 0;
}
.c-teaserbox__image img {
  display: inline-block;
  width: 100%;
  max-height: 21.25rem;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .c-teaserbox__image img {
    height: auto;
  }
}
@media screen and (min-width: 576px) {
  .o-row__col-1\/3\@tablet .c-teaserbox__image img, .o-row__col-2\/3\@tablet .c-teaserbox__image img, .o-row__col-1\/3\@desktop .c-teaserbox__image img, .o-row__col-2\/3\@desktop .c-teaserbox__image img, .o-row__col-1\/3\@fullhd .c-teaserbox__image img, .o-row__col-2\/3\@fullhd .c-teaserbox__image img {
    max-height: 25rem;
  }
}
@media screen and (min-width: 768px) {
  .o-row__col-1\/3\@tablet .c-teaserbox__image img, .o-row__col-2\/3\@tablet .c-teaserbox__image img, .o-row__col-1\/3\@desktop .c-teaserbox__image img, .o-row__col-2\/3\@desktop .c-teaserbox__image img, .o-row__col-1\/3\@fullhd .c-teaserbox__image img, .o-row__col-2\/3\@fullhd .c-teaserbox__image img {
    max-height: 11.875rem;
  }
}
@media screen and (min-width: 992px) {
  .o-row__col-1\/3\@tablet .c-teaserbox__image img, .o-row__col-2\/3\@tablet .c-teaserbox__image img, .o-row__col-1\/3\@desktop .c-teaserbox__image img, .o-row__col-2\/3\@desktop .c-teaserbox__image img, .o-row__col-1\/3\@fullhd .c-teaserbox__image img, .o-row__col-2\/3\@fullhd .c-teaserbox__image img {
    min-height: 13.75rem;
    max-height: 13.75rem;
  }
}
@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .o-row__col-1\/3\@tablet .c-teaserbox__image img, .o-row__col-2\/3\@tablet .c-teaserbox__image img, .o-row__col-1\/3\@desktop .c-teaserbox__image img, .o-row__col-2\/3\@desktop .c-teaserbox__image img, .o-row__col-1\/3\@fullhd .c-teaserbox__image img, .o-row__col-2\/3\@fullhd .c-teaserbox__image img {
    height: 13.75rem;
  }
}
.c-teaserbox .c-linklist {
  width: auto;
  background-color: white;
  position: absolute;
  top: auto;
  left: 1.5rem;
  max-width: calc(100% - 3rem);
  bottom: -1rem;
}
.c-teaserbox .c-linklist__itemlink {
  padding: 0.5rem 1.5rem;
}
.t-default .c-teaserbox .c-linklist__itemlink {
  color: #D72305;
}
.t-faculty-itmedia .c-teaserbox .c-linklist__itemlink {
  color: #8C2D82;
}
.t-faculty-businessinformatics .c-teaserbox .c-linklist__itemlink {
  color: #64378C;
}
.t-faculty-economics .c-teaserbox .c-linklist__itemlink {
  color: #1E4696;
}
.t-faculty-mechanicalengineering .c-teaserbox .c-linklist__itemlink {
  color: #2869AF;
}
.t-faculty-architecture .c-teaserbox .c-linklist__itemlink {
  color: #198282;
}
.t-faculty-computerengineering .c-teaserbox .c-linklist__itemlink {
  color: #288732;
}
.c-teaserbox .c-linklist__itemnolink {
  padding: 0.5rem 1.5rem;
}
.t-default .c-teaserbox .c-linklist__itemnolink {
  color: black;
}
.t-faculty-itmedia .c-teaserbox .c-linklist__itemnolink {
  color: black;
}
.t-faculty-businessinformatics .c-teaserbox .c-linklist__itemnolink {
  color: black;
}
.t-faculty-economics .c-teaserbox .c-linklist__itemnolink {
  color: black;
}
.t-faculty-mechanicalengineering .c-teaserbox .c-linklist__itemnolink {
  color: black;
}
.t-faculty-architecture .c-teaserbox .c-linklist__itemnolink {
  color: black;
}
.t-faculty-computerengineering .c-teaserbox .c-linklist__itemnolink {
  color: black;
}
.c-teaserbox__contentwrap {
  padding: 1.5rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
}
@media screen and (min-width: 1280px) {
  .c-teaserbox__contentwrap {
    padding: 2rem;
  }
}
.c-teaserbox__contentwrap > * {
  margin-bottom: 0;
}
.c-teaserbox__contentwrap > *:not(:first-child) {
  margin-top: 1rem;
}
.c-teaserbox__link {
  font-family: "GT Pressura Mono Greek Bold", sans-serif;
}
.t-default .c-teaserbox__link {
  color: #D72305;
}
.t-faculty-itmedia .c-teaserbox__link {
  color: #8C2D82;
}
.t-faculty-businessinformatics .c-teaserbox__link {
  color: #64378C;
}
.t-faculty-economics .c-teaserbox__link {
  color: #1E4696;
}
.t-faculty-mechanicalengineering .c-teaserbox__link {
  color: #2869AF;
}
.t-faculty-architecture .c-teaserbox__link {
  color: #198282;
}
.t-faculty-computerengineering .c-teaserbox__link {
  color: #288732;
}
.t-default .c-teaserbox--faculty {
  color: white;
  background-color: #D72305;
}
.t-default .c-teaserbox--faculty .btn--default {
  background-color: white;
  color: #D72305;
}
.t-default .c-teaserbox--faculty .btn--default:hover {
  background-color: #D72305;
  color: white;
}
.t-default .c-teaserbox--faculty .btn--inverted:hover {
  background-color: white;
  color: #D72305;
}
.t-default .c-teaserbox--faculty .btn--outlined {
  background-color: #D72305;
}
.t-default .c-teaserbox--faculty .btn--outlined:hover {
  background-color: white;
  color: #D72305;
}
.t-default .c-teaserbox--faculty a:not(.btn) {
  color: white;
  font-family: "IBM Plex Sans Bold", sans-serif;
  font-weight: 700;
  text-decoration: underline;
}
.t-default .c-teaserbox--faculty a {
  color: white;
  font-weight: 700;
}
.t-faculty-itmedia .c-teaserbox--faculty {
  color: white;
  background-color: #8C2D82;
}
.t-faculty-itmedia .c-teaserbox--faculty .btn--default {
  background-color: white;
  color: #8C2D82;
}
.t-faculty-itmedia .c-teaserbox--faculty .btn--default:hover {
  background-color: #8C2D82;
  color: white;
}
.t-faculty-itmedia .c-teaserbox--faculty .btn--inverted:hover {
  background-color: white;
  color: #8C2D82;
}
.t-faculty-itmedia .c-teaserbox--faculty .btn--outlined {
  background-color: #8C2D82;
}
.t-faculty-itmedia .c-teaserbox--faculty .btn--outlined:hover {
  background-color: white;
  color: #8C2D82;
}
.t-faculty-itmedia .c-teaserbox--faculty a:not(.btn) {
  color: white;
  font-family: "IBM Plex Sans Bold", sans-serif;
  font-weight: 700;
  text-decoration: underline;
}
.t-faculty-itmedia .c-teaserbox--faculty a {
  color: white;
  font-weight: 700;
}
.t-faculty-businessinformatics .c-teaserbox--faculty {
  color: white;
  background-color: #64378C;
}
.t-faculty-businessinformatics .c-teaserbox--faculty .btn--default {
  background-color: white;
  color: #64378C;
}
.t-faculty-businessinformatics .c-teaserbox--faculty .btn--default:hover {
  background-color: #64378C;
  color: white;
}
.t-faculty-businessinformatics .c-teaserbox--faculty .btn--inverted:hover {
  background-color: white;
  color: #64378C;
}
.t-faculty-businessinformatics .c-teaserbox--faculty .btn--outlined {
  background-color: #64378C;
}
.t-faculty-businessinformatics .c-teaserbox--faculty .btn--outlined:hover {
  background-color: white;
  color: #64378C;
}
.t-faculty-businessinformatics .c-teaserbox--faculty a:not(.btn) {
  color: white;
  font-family: "IBM Plex Sans Bold", sans-serif;
  font-weight: 700;
  text-decoration: underline;
}
.t-faculty-businessinformatics .c-teaserbox--faculty a {
  color: white;
  font-weight: 700;
}
.t-faculty-economics .c-teaserbox--faculty {
  color: white;
  background-color: #1E4696;
}
.t-faculty-economics .c-teaserbox--faculty .btn--default {
  background-color: white;
  color: #1E4696;
}
.t-faculty-economics .c-teaserbox--faculty .btn--default:hover {
  background-color: #1E4696;
  color: white;
}
.t-faculty-economics .c-teaserbox--faculty .btn--inverted:hover {
  background-color: white;
  color: #1E4696;
}
.t-faculty-economics .c-teaserbox--faculty .btn--outlined {
  background-color: #1E4696;
}
.t-faculty-economics .c-teaserbox--faculty .btn--outlined:hover {
  background-color: white;
  color: #1E4696;
}
.t-faculty-economics .c-teaserbox--faculty a:not(.btn) {
  color: white;
  font-family: "IBM Plex Sans Bold", sans-serif;
  font-weight: 700;
  text-decoration: underline;
}
.t-faculty-economics .c-teaserbox--faculty a {
  color: white;
  font-weight: 700;
}
.t-faculty-mechanicalengineering .c-teaserbox--faculty {
  color: white;
  background-color: #2869AF;
}
.t-faculty-mechanicalengineering .c-teaserbox--faculty .btn--default {
  background-color: white;
  color: #2869AF;
}
.t-faculty-mechanicalengineering .c-teaserbox--faculty .btn--default:hover {
  background-color: #2869AF;
  color: white;
}
.t-faculty-mechanicalengineering .c-teaserbox--faculty .btn--inverted:hover {
  background-color: white;
  color: #2869AF;
}
.t-faculty-mechanicalengineering .c-teaserbox--faculty .btn--outlined {
  background-color: #2869AF;
}
.t-faculty-mechanicalengineering .c-teaserbox--faculty .btn--outlined:hover {
  background-color: white;
  color: #2869AF;
}
.t-faculty-mechanicalengineering .c-teaserbox--faculty a:not(.btn) {
  color: white;
  font-family: "IBM Plex Sans Bold", sans-serif;
  font-weight: 700;
  text-decoration: underline;
}
.t-faculty-mechanicalengineering .c-teaserbox--faculty a {
  color: white;
  font-weight: 700;
}
.t-faculty-architecture .c-teaserbox--faculty {
  color: white;
  background-color: #198282;
}
.t-faculty-architecture .c-teaserbox--faculty .btn--default {
  background-color: white;
  color: #198282;
}
.t-faculty-architecture .c-teaserbox--faculty .btn--default:hover {
  background-color: #198282;
  color: white;
}
.t-faculty-architecture .c-teaserbox--faculty .btn--inverted:hover {
  background-color: white;
  color: #198282;
}
.t-faculty-architecture .c-teaserbox--faculty .btn--outlined {
  background-color: #198282;
}
.t-faculty-architecture .c-teaserbox--faculty .btn--outlined:hover {
  background-color: white;
  color: #198282;
}
.t-faculty-architecture .c-teaserbox--faculty a:not(.btn) {
  color: white;
  font-family: "IBM Plex Sans Bold", sans-serif;
  font-weight: 700;
  text-decoration: underline;
}
.t-faculty-architecture .c-teaserbox--faculty a {
  color: white;
  font-weight: 700;
}
.t-faculty-computerengineering .c-teaserbox--faculty {
  color: white;
  background-color: #288732;
}
.t-faculty-computerengineering .c-teaserbox--faculty .btn--default {
  background-color: white;
  color: #288732;
}
.t-faculty-computerengineering .c-teaserbox--faculty .btn--default:hover {
  background-color: #288732;
  color: white;
}
.t-faculty-computerengineering .c-teaserbox--faculty .btn--inverted:hover {
  background-color: white;
  color: #288732;
}
.t-faculty-computerengineering .c-teaserbox--faculty .btn--outlined {
  background-color: #288732;
}
.t-faculty-computerengineering .c-teaserbox--faculty .btn--outlined:hover {
  background-color: white;
  color: #288732;
}
.t-faculty-computerengineering .c-teaserbox--faculty a:not(.btn) {
  color: white;
  font-family: "IBM Plex Sans Bold", sans-serif;
  font-weight: 700;
  text-decoration: underline;
}
.t-faculty-computerengineering .c-teaserbox--faculty a {
  color: white;
  font-weight: 700;
}
.c-teaserbox--faculty .c-teaserbox__contentwrap, .c-teaserbox--faculty .c-teaserbox__link {
  color: currentColor;
}
.c-teaserbox--has-category .c-teaserbox__contentwrap {
  padding: 3rem 1.5rem 1.5rem;
}

/*
Teaserbox slider

Demo for teaserbox slider

.c-teaserbox-slider--faculty - Slider with faculty theme color
.c-teaserbox-slider--faculty.c-teaserbox-slider--has-category - Slider with faculty theme color and category

Markup: templates/output/06-components/teaserbox-slider/teaserbox-slider.html

Styleguide 4.17
*/
.tns-outer {
  padding: 0 !important;
}
.tns-outer [hidden] {
  display: none !important;
}
.tns-outer [aria-controls], .tns-outer [data-action] {
  cursor: pointer;
}

.tns-slider {
  transition: all 0s;
}
.tns-slider > .tns-item {
  box-sizing: border-box;
}

.tns-horizontal.tns-subpixel {
  white-space: nowrap;
}
.tns-horizontal.tns-subpixel > .tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}
.tns-horizontal.tns-no-subpixel:after {
  content: "";
  display: table;
  clear: both;
}
.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left;
}
.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: -100%;
}

.tns-no-calc {
  position: relative;
  left: 0;
}

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px;
}
.tns-gallery > .tns-item {
  position: absolute;
  left: -100%;
  transition: transform 0s, opacity 0s;
}
.tns-gallery > .tns-slide-active {
  position: relative;
  left: auto !important;
}
.tns-gallery > .tns-moving {
  transition: all 0.25s;
}

.tns-autowidth {
  display: inline-block;
}

.tns-lazy-img {
  transition: opacity 0.6s;
  opacity: 0.6;
}
.tns-lazy-img.tns-complete {
  opacity: 1;
}

.tns-ah {
  transition: height 0s;
}

.tns-ovh {
  overflow: hidden;
}

.tns-visually-hidden {
  position: absolute;
  left: -10000em;
}

.tns-transparent {
  opacity: 0;
  visibility: hidden;
}

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0;
}

.tns-normal, .tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}

.tns-vpfix {
  white-space: nowrap;
}
.tns-vpfix > div, .tns-vpfix > li {
  display: inline-block;
}

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden;
}
.tns-t-ct {
  width: 2333.3333333333%;
  width: calc(100% * 70 / 3);
  position: absolute;
  right: 0;
}
.tns-t-ct:after {
  content: "";
  display: table;
  clear: both;
}
.tns-t-ct > div {
  width: 1.4285714286%;
  width: calc(100% / 70);
  height: 10px;
  float: left;
}

.c-teaserbox-slider {
  position: relative;
}
.c-teaserbox-slider .c-teaserbox {
  height: 100%;
}
.t-default .c-teaserbox-slider--faculty .c-teaserbox {
  background-color: #D72305;
}
.t-default .c-teaserbox-slider--faculty .c-teaserbox__contentwrap {
  color: white;
}
.t-default .c-teaserbox-slider--faculty .c-teaserbox__link {
  color: currentColor;
}
.t-faculty-itmedia .c-teaserbox-slider--faculty .c-teaserbox {
  background-color: #8C2D82;
}
.t-faculty-itmedia .c-teaserbox-slider--faculty .c-teaserbox__contentwrap {
  color: white;
}
.t-faculty-itmedia .c-teaserbox-slider--faculty .c-teaserbox__link {
  color: currentColor;
}
.t-faculty-businessinformatics .c-teaserbox-slider--faculty .c-teaserbox {
  background-color: #64378C;
}
.t-faculty-businessinformatics .c-teaserbox-slider--faculty .c-teaserbox__contentwrap {
  color: white;
}
.t-faculty-businessinformatics .c-teaserbox-slider--faculty .c-teaserbox__link {
  color: currentColor;
}
.t-faculty-economics .c-teaserbox-slider--faculty .c-teaserbox {
  background-color: #1E4696;
}
.t-faculty-economics .c-teaserbox-slider--faculty .c-teaserbox__contentwrap {
  color: white;
}
.t-faculty-economics .c-teaserbox-slider--faculty .c-teaserbox__link {
  color: currentColor;
}
.t-faculty-mechanicalengineering .c-teaserbox-slider--faculty .c-teaserbox {
  background-color: #2869AF;
}
.t-faculty-mechanicalengineering .c-teaserbox-slider--faculty .c-teaserbox__contentwrap {
  color: white;
}
.t-faculty-mechanicalengineering .c-teaserbox-slider--faculty .c-teaserbox__link {
  color: currentColor;
}
.t-faculty-architecture .c-teaserbox-slider--faculty .c-teaserbox {
  background-color: #198282;
}
.t-faculty-architecture .c-teaserbox-slider--faculty .c-teaserbox__contentwrap {
  color: white;
}
.t-faculty-architecture .c-teaserbox-slider--faculty .c-teaserbox__link {
  color: currentColor;
}
.t-faculty-computerengineering .c-teaserbox-slider--faculty .c-teaserbox {
  background-color: #288732;
}
.t-faculty-computerengineering .c-teaserbox-slider--faculty .c-teaserbox__contentwrap {
  color: white;
}
.t-faculty-computerengineering .c-teaserbox-slider--faculty .c-teaserbox__link {
  color: currentColor;
}
.c-teaserbox-slider--has-category .c-teaserbox__contentwrap {
  padding: 3rem 1.5rem 1.5rem;
}
.c-teaserbox-slider__slides {
  display: inline-flex;
}
.c-teaserbox-slider .c-linklist {
  width: auto;
  background-color: white;
  position: absolute;
  top: auto;
  left: 1.5rem;
  max-width: calc(100% - 3rem);
  bottom: -1rem;
}
.c-teaserbox-slider .c-linklist__itemlink {
  padding: 0.5rem 1.5rem;
}
.t-default .c-teaserbox-slider .c-linklist__itemlink {
  color: #D72305;
}
.t-faculty-itmedia .c-teaserbox-slider .c-linklist__itemlink {
  color: #8C2D82;
}
.t-faculty-businessinformatics .c-teaserbox-slider .c-linklist__itemlink {
  color: #64378C;
}
.t-faculty-economics .c-teaserbox-slider .c-linklist__itemlink {
  color: #1E4696;
}
.t-faculty-mechanicalengineering .c-teaserbox-slider .c-linklist__itemlink {
  color: #2869AF;
}
.t-faculty-architecture .c-teaserbox-slider .c-linklist__itemlink {
  color: #198282;
}
.t-faculty-computerengineering .c-teaserbox-slider .c-linklist__itemlink {
  color: #288732;
}
.c-teaserbox-slider .c-slider-controls {
  margin-top: 2rem;
}

.c-iframe {
  width: 100%;
  border: none;
  position: inherit;
}

.js-iframe {
  padding-bottom: 0;
}
.js-iframe.video {
  height: 100%;
}
.js-iframe--accepted {
  padding-bottom: 56.25%;
}
.js-iframe--accepted.fetchurl {
  padding-bottom: inherit;
}

/*
Gallery slider

Demo for gallery slider

Markup: templates/output/06-components/gallery-slider.html

Styleguide 4.18
*/
.tns-outer {
  padding: 0 !important;
}
.tns-outer [hidden] {
  display: none !important;
}
.tns-outer [aria-controls], .tns-outer [data-action] {
  cursor: pointer;
}

.tns-slider {
  transition: all 0s;
}
.tns-slider > .tns-item {
  box-sizing: border-box;
}

.tns-horizontal.tns-subpixel {
  white-space: nowrap;
}
.tns-horizontal.tns-subpixel > .tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}
.tns-horizontal.tns-no-subpixel:after {
  content: "";
  display: table;
  clear: both;
}
.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left;
}
.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: -100%;
}

.tns-no-calc {
  position: relative;
  left: 0;
}

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px;
}
.tns-gallery > .tns-item {
  position: absolute;
  left: -100%;
  transition: transform 0s, opacity 0s;
}
.tns-gallery > .tns-slide-active {
  position: relative;
  left: auto !important;
}
.tns-gallery > .tns-moving {
  transition: all 0.25s;
}

.tns-autowidth {
  display: inline-block;
}

.tns-lazy-img {
  transition: opacity 0.6s;
  opacity: 0.6;
}
.tns-lazy-img.tns-complete {
  opacity: 1;
}

.tns-ah {
  transition: height 0s;
}

.tns-ovh {
  overflow: hidden;
}

.tns-visually-hidden {
  position: absolute;
  left: -10000em;
}

.tns-transparent {
  opacity: 0;
  visibility: hidden;
}

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0;
}

.tns-normal, .tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}

.tns-vpfix {
  white-space: nowrap;
}
.tns-vpfix > div, .tns-vpfix > li {
  display: inline-block;
}

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden;
}
.tns-t-ct {
  width: 2333.3333333333%;
  width: calc(100% * 70 / 3);
  position: absolute;
  right: 0;
}
.tns-t-ct:after {
  content: "";
  display: table;
  clear: both;
}
.tns-t-ct > div {
  width: 1.4285714286%;
  width: calc(100% / 70);
  height: 10px;
  float: left;
}

.c-gallery-slider__slide-header {
  position: relative;
}
.c-gallery-slider__slide-copyright {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  font-family: "IBM Plex Sans Bold", sans-serif;
  font-weight: 700;
  color: white;
}
.c-gallery-slider__slide-description {
  font-size: 1.0625rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .c-gallery-slider__slide-description {
    margin-top: 2rem;
    text-align: right;
  }
}
.c-gallery-slider .c-slider-controls {
  margin-top: 2rem;
}

/*
News

Demo for news box with default and faculty (theme) colors

.c-news--faculty - News with faculty theme color

Markup: templates/output/06-components/news/news.html

Styleguide 4.19
*/
/**
News without image

Demo for news box without image

.c-news--no-image - News without image

Markup: templates/output/06-components/news/news-no-image.html

Styleguide 4.19.1
*/
.c-news {
  height: 100%;
  background-color: #F4F4F4;
}
.c-news__no-news-found {
  font-style: normal !important;
}
.o-container--grey .c-news {
  background-color: white;
}
@media screen and (min-width: 768px) {
  .c-news__wrapper {
    display: flex;
  }
}
.c-news__header {
  position: relative;
}
.c-news__headline {
  margin-bottom: 2rem;
}
.c-news__headline h2 {
  margin-bottom: 0;
}
.c-news__contentwrap {
  padding: 1.5rem 2rem;
}
.c-news__contentwrap p {
  margin-bottom: calc(1rem / 2);
}
@media screen and (min-width: 1280px) {
  .c-news__contentwrap p {
    margin-bottom: 1rem;
  }
}
.c-news__title {
  font-size: 1.5rem;
}
.c-news__link {
  font-family: "GT Pressura Mono Greek Bold", sans-serif;
}
.t-default .c-news--faculty {
  color: white;
  background-color: #D72305;
}
.t-faculty-itmedia .c-news--faculty {
  color: white;
  background-color: #8C2D82;
}
.t-faculty-businessinformatics .c-news--faculty {
  color: white;
  background-color: #64378C;
}
.t-faculty-economics .c-news--faculty {
  color: white;
  background-color: #1E4696;
}
.t-faculty-mechanicalengineering .c-news--faculty {
  color: white;
  background-color: #2869AF;
}
.t-faculty-architecture .c-news--faculty {
  color: white;
  background-color: #198282;
}
.t-faculty-computerengineering .c-news--faculty {
  color: white;
  background-color: #288732;
}
.c-news--faculty .c-news__contentwrap, .c-news--faculty .c-news__link {
  color: currentColor;
}
.c-news--no-image {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.t-default .c-news--no-image {
  color: white;
  background-color: #D72305;
}
.t-faculty-itmedia .c-news--no-image {
  color: white;
  background-color: #8C2D82;
}
.t-faculty-businessinformatics .c-news--no-image {
  color: white;
  background-color: #64378C;
}
.t-faculty-economics .c-news--no-image {
  color: white;
  background-color: #1E4696;
}
.t-faculty-mechanicalengineering .c-news--no-image {
  color: white;
  background-color: #2869AF;
}
.t-faculty-architecture .c-news--no-image {
  color: white;
  background-color: #198282;
}
.t-faculty-computerengineering .c-news--no-image {
  color: white;
  background-color: #288732;
}
.c-news--no-image .c-news__title {
  line-height: 3rem !important;
}
@media screen and (min-width: 1280px) {
  .c-news--no-image .c-news__title {
    font-size: 2.5rem;
  }
}
.c-news--no-image .c-news__logo {
  position: absolute;
  top: 0;
  right: -1.75rem;
  color: rgba(255, 255, 255, 0.2);
}
.c-news--no-image .c-news__link {
  color: currentColor;
}

@media screen and (min-width: 1280px) {
  .c-news-slider__slides-container.o-outbreak-fullwidth .c-news-slider__slide .c-news--no-image,
  .c-news-slider__slides-container.o-outbreak-fullwidth .c-news-slider__slide .c-news {
    width: 392px;
  }
}

/*
News slider

Demo for news slider

.c-news-slider--faculty - News slider with faculty theme color

Markup: templates/output/06-components/news/news-slider.html

Styleguide 4.20
*/
.tns-outer {
  padding: 0 !important;
}
.tns-outer [hidden] {
  display: none !important;
}
.tns-outer [aria-controls], .tns-outer [data-action] {
  cursor: pointer;
}

.tns-slider {
  transition: all 0s;
}
.tns-slider > .tns-item {
  box-sizing: border-box;
}

.tns-horizontal.tns-subpixel {
  white-space: nowrap;
}
.tns-horizontal.tns-subpixel > .tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}
.tns-horizontal.tns-no-subpixel:after {
  content: "";
  display: table;
  clear: both;
}
.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left;
}
.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: -100%;
}

.tns-no-calc {
  position: relative;
  left: 0;
}

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px;
}
.tns-gallery > .tns-item {
  position: absolute;
  left: -100%;
  transition: transform 0s, opacity 0s;
}
.tns-gallery > .tns-slide-active {
  position: relative;
  left: auto !important;
}
.tns-gallery > .tns-moving {
  transition: all 0.25s;
}

.tns-autowidth {
  display: inline-block;
}

.tns-lazy-img {
  transition: opacity 0.6s;
  opacity: 0.6;
}
.tns-lazy-img.tns-complete {
  opacity: 1;
}

.tns-ah {
  transition: height 0s;
}

.tns-ovh {
  overflow: hidden;
}

.tns-visually-hidden {
  position: absolute;
  left: -10000em;
}

.tns-transparent {
  opacity: 0;
  visibility: hidden;
}

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0;
}

.tns-normal, .tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}

.tns-vpfix {
  white-space: nowrap;
}
.tns-vpfix > div, .tns-vpfix > li {
  display: inline-block;
}

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden;
}
.tns-t-ct {
  width: 2333.3333333333%;
  width: calc(100% * 70 / 3);
  position: absolute;
  right: 0;
}
.tns-t-ct:after {
  content: "";
  display: table;
  clear: both;
}
.tns-t-ct > div {
  width: 1.4285714286%;
  width: calc(100% / 70);
  height: 10px;
  float: left;
}

.c-news-slider {
  position: relative;
}
.c-news-slider__slides-container {
  overflow-x: hidden;
}
.c-news-slider__slides-container.o-outbreak-fullwidth {
  margin: 0;
}
@media screen and (min-width: 1280px) {
  .c-news-slider__slides-container.o-outbreak-fullwidth {
    margin-left: calc(-50vw + 1120px / -5 + 0.75rem);
    margin-right: calc(-50vw + 1120px / 2 - 2rem);
  }
}
.c-news-slider__slides-outer .c-news-slider__slide-topnews {
  display: none !important;
  margin-bottom: 2rem;
}
@media screen and (min-width: 1280px) {
  .c-news-slider__slides-outer .c-news-slider__slide-topnews {
    display: inline-block !important;
  }
}
.c-news-slider__slides-outer .c-news-slider__slide-topnews .c-news {
  display: flex;
}
.c-news-slider__slides-outer .c-news-slider__slide-topnews .c-news .c-news__header {
  order: 2;
  width: 75%;
  flex: 1 0 auto;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .c-news-slider__slides-outer .c-news-slider__slide-topnews .c-news .c-news__header {
    width: 1120px;
  }
}
.c-news-slider__slides-outer .c-news-slider__slide-topnews .c-news .c-news-slider__slide-picture {
  display: inline-flex;
  align-items: center;
  height: 100%;
}
.c-news-slider__slides-outer .c-news-slider__slide-topnews .c-news .c-news__contentwrap {
  order: 1;
  width: 25%;
  min-width: 28.125rem;
  flex: 1 0 auto;
  padding: 3.5rem 2.5rem;
}
@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .c-news-slider__slides-outer .c-news-slider__slide-topnews .c-news .c-news__contentwrap {
    width: 28.125rem;
  }
}
.c-news-slider__slides-outer .c-news-slider__slide-topnews .c-news .c-news__title {
  font-size: 2.5rem;
}
.c-news-slider__slides-inner {
  display: inline-flex !important;
}
@media screen and (min-width: 1280px) {
  .c-news-slider__slides-inner .c-news-slider__slide-topnews {
    display: none !important;
  }
}
.c-news-slider__slides-inner .c-news-slider__slide-picture {
  display: block;
}
@media screen and (min-width: 1280px) {
  .c-news-slider__slides-inner {
    padding-left: 0.25rem;
  }
}
.c-news-slider__slides-inner .c-news__title {
  line-height: 1.75rem;
}
.c-news-slider__slides-inner .c-news__header figcaption {
  display: none;
}
.t-default .c-news-slider--faculty .c-news {
  background-color: #D72305;
}
.t-default .c-news-slider--faculty .c-news__contentwrap {
  color: white;
}
.t-default .c-news-slider--faculty .c-news__link {
  color: currentColor;
}
.t-faculty-itmedia .c-news-slider--faculty .c-news {
  background-color: #8C2D82;
}
.t-faculty-itmedia .c-news-slider--faculty .c-news__contentwrap {
  color: white;
}
.t-faculty-itmedia .c-news-slider--faculty .c-news__link {
  color: currentColor;
}
.t-faculty-businessinformatics .c-news-slider--faculty .c-news {
  background-color: #64378C;
}
.t-faculty-businessinformatics .c-news-slider--faculty .c-news__contentwrap {
  color: white;
}
.t-faculty-businessinformatics .c-news-slider--faculty .c-news__link {
  color: currentColor;
}
.t-faculty-economics .c-news-slider--faculty .c-news {
  background-color: #1E4696;
}
.t-faculty-economics .c-news-slider--faculty .c-news__contentwrap {
  color: white;
}
.t-faculty-economics .c-news-slider--faculty .c-news__link {
  color: currentColor;
}
.t-faculty-mechanicalengineering .c-news-slider--faculty .c-news {
  background-color: #2869AF;
}
.t-faculty-mechanicalengineering .c-news-slider--faculty .c-news__contentwrap {
  color: white;
}
.t-faculty-mechanicalengineering .c-news-slider--faculty .c-news__link {
  color: currentColor;
}
.t-faculty-architecture .c-news-slider--faculty .c-news {
  background-color: #198282;
}
.t-faculty-architecture .c-news-slider--faculty .c-news__contentwrap {
  color: white;
}
.t-faculty-architecture .c-news-slider--faculty .c-news__link {
  color: currentColor;
}
.t-faculty-computerengineering .c-news-slider--faculty .c-news {
  background-color: #288732;
}
.t-faculty-computerengineering .c-news-slider--faculty .c-news__contentwrap {
  color: white;
}
.t-faculty-computerengineering .c-news-slider--faculty .c-news__link {
  color: currentColor;
}
.c-news-slider .c-slider-controls {
  margin-top: 2rem;
}

.news-teaser-text {
  font-family: "IBM Plex Sans Bold", sans-serif;
  font-weight: 700;
}
.news-headline {
  font-size: 1.875rem;
}
@media screen and (min-width: 768px) {
  .news-headline {
    font-size: 3.125rem;
  }
}
.news-publication-details {
  color: #6E6E6E;
  font-family: "IBM Plex Sans Bold", sans-serif;
  font-weight: 700;
}
.news-publication-details-separator {
  margin: 0 0.375rem;
}
.news-heroimage {
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 768px) {
  .news-heroimage {
    margin-bottom: 1.75rem;
  }
}
@media screen and (min-width: 1280px) {
  .news-heroimage {
    margin-bottom: 2.5rem;
  }
}
.news-image-description {
  font-size: 1rem;
  color: #6E6E6E;
}
.news-image .mediaelement {
  position: relative;
  margin-bottom: 1rem;
}
.news-image .mediaelement img {
  display: block;
}
.news-image-copyright {
  font-size: 1rem;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: auto;
  padding: 0.438rem 0.688rem 0.438rem 0.75rem;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
}
.news .image-caption {
  display: block;
  text-align: left;
}
.news-related {
  display: inline-block;
  width: 100%;
  height: 100%;
  border: 0;
  background-color: #F4F4F4;
  padding: 2rem;
}
.news-related h4 {
  margin-bottom: 1.5rem;
}
.news-related .c-linklist__item {
  margin-bottom: 1.5rem;
}
.news-related .c-linklist__item-description {
  margin-top: calc(1rem / 2);
  color: currentColor;
  font-weight: 400;
  font-family: "IBM Plex Sans", sans-serif;
}

:root {
  --in2-modal-brand-color: #990B24;
  --in2-modal-brand-color-dark: #515151;
  --in2-modal-accent-color: #990B24;
  --in2-modal-accent-color-dark: #515151;
  --in2-modal-accent-color-light: #666666;
}

.in2-modal {
  overflow-x: hidden;
}
.in2-modal-checkbox input[type=checkbox]:checked + label::after {
  mask-image: none;
  background-color: transparent;
}
.t-default .in2-modal-accordion__cookie:not(:last-child) {
  border-bottom: 0.125rem solid #D72305;
}
.t-faculty-itmedia .in2-modal-accordion__cookie:not(:last-child) {
  border-bottom: 0.125rem solid #8C2D82;
}
.t-faculty-businessinformatics .in2-modal-accordion__cookie:not(:last-child) {
  border-bottom: 0.125rem solid #64378C;
}
.t-faculty-economics .in2-modal-accordion__cookie:not(:last-child) {
  border-bottom: 0.125rem solid #1E4696;
}
.t-faculty-mechanicalengineering .in2-modal-accordion__cookie:not(:last-child) {
  border-bottom: 0.125rem solid #2869AF;
}
.t-faculty-architecture .in2-modal-accordion__cookie:not(:last-child) {
  border-bottom: 0.125rem solid #198282;
}
.t-faculty-computerengineering .in2-modal-accordion__cookie:not(:last-child) {
  border-bottom: 0.125rem solid #288732;
}
.t-default .in2-modal-accordion__strong {
  color: #D72305;
}
.t-faculty-itmedia .in2-modal-accordion__strong {
  color: #8C2D82;
}
.t-faculty-businessinformatics .in2-modal-accordion__strong {
  color: #64378C;
}
.t-faculty-economics .in2-modal-accordion__strong {
  color: #1E4696;
}
.t-faculty-mechanicalengineering .in2-modal-accordion__strong {
  color: #2869AF;
}
.t-faculty-architecture .in2-modal-accordion__strong {
  color: #198282;
}
.t-faculty-computerengineering .in2-modal-accordion__strong {
  color: #288732;
}

.cookiemessage__overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
  z-index: 10000;
}
.cookiemessage__message {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 2.5rem;
  background-color: white;
  pointer-events: auto;
  max-height: 50%;
  overflow-y: scroll;
  box-shadow: 0 0.125rem 2rem 0 rgba(0, 0, 0, 0.5);
}
@media only screen and (min-width: 768px) {
  .cookiemessage__message {
    width: 40.875rem;
  }
}
.cookiemessage__close-button {
  font-size: 1.5rem;
  margin: 0;
  padding: 0;
  border: 0;
  -moz-appearance: none;
       appearance: none;
  background-color: transparent;
  line-height: 1.4rem;
  position: absolute;
  right: 1rem;
  top: 1rem;
}
.cookiemessage__heading {
  font-family: "IBM Plex Sans Bold", sans-serif;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 1rem;
}
.cookiemessage__checkboxes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .cookiemessage__checkboxes {
    flex-wrap: nowrap;
  }
}
.t-default .cookiemessage__checkboxes .checkbox input[type=checkbox][disabled][checked] + .checkbox__label::before {
  border-color: #D72305;
}
.t-default .cookiemessage__checkboxes .checkbox input[type=checkbox][disabled][checked] + .checkbox__label::after {
  background-color: #D72305;
}
.t-faculty-itmedia .cookiemessage__checkboxes .checkbox input[type=checkbox][disabled][checked] + .checkbox__label::before {
  border-color: #8C2D82;
}
.t-faculty-itmedia .cookiemessage__checkboxes .checkbox input[type=checkbox][disabled][checked] + .checkbox__label::after {
  background-color: #8C2D82;
}
.t-faculty-businessinformatics .cookiemessage__checkboxes .checkbox input[type=checkbox][disabled][checked] + .checkbox__label::before {
  border-color: #64378C;
}
.t-faculty-businessinformatics .cookiemessage__checkboxes .checkbox input[type=checkbox][disabled][checked] + .checkbox__label::after {
  background-color: #64378C;
}
.t-faculty-economics .cookiemessage__checkboxes .checkbox input[type=checkbox][disabled][checked] + .checkbox__label::before {
  border-color: #1E4696;
}
.t-faculty-economics .cookiemessage__checkboxes .checkbox input[type=checkbox][disabled][checked] + .checkbox__label::after {
  background-color: #1E4696;
}
.t-faculty-mechanicalengineering .cookiemessage__checkboxes .checkbox input[type=checkbox][disabled][checked] + .checkbox__label::before {
  border-color: #2869AF;
}
.t-faculty-mechanicalengineering .cookiemessage__checkboxes .checkbox input[type=checkbox][disabled][checked] + .checkbox__label::after {
  background-color: #2869AF;
}
.t-faculty-architecture .cookiemessage__checkboxes .checkbox input[type=checkbox][disabled][checked] + .checkbox__label::before {
  border-color: #198282;
}
.t-faculty-architecture .cookiemessage__checkboxes .checkbox input[type=checkbox][disabled][checked] + .checkbox__label::after {
  background-color: #198282;
}
.t-faculty-computerengineering .cookiemessage__checkboxes .checkbox input[type=checkbox][disabled][checked] + .checkbox__label::before {
  border-color: #288732;
}
.t-faculty-computerengineering .cookiemessage__checkboxes .checkbox input[type=checkbox][disabled][checked] + .checkbox__label::after {
  background-color: #288732;
}
.cookiemessage__checkboxes .cookiemessage__checkbox-label {
  bottom: 0;
}
.cookiemessage__checkboxes .cookiemessage__checkbox:not(:last-of-type) .cookiemessage__checkbox-label {
  margin-right: 2.6875rem;
}
.cookiemessage__button-group {
  margin-top: 2rem;
  margin-bottom: 1.5rem;
}
.cookiemessage__button-group button {
  margin-bottom: 1.125rem;
  width: 100%;
}
@media only screen and (min-width: 650px) {
  .cookiemessage__button-group button {
    width: auto;
  }
}
@media only screen and (min-width: 650px) {
  .cookiemessage__button-group button:not(:last-of-type) {
    margin-right: 1.5rem;
  }
}
.cookiemessage__privacy a:not(:last-of-type) {
  margin-right: 1rem;
}

/*
Event

Demo for an event and modifiers for faculties with their respective colors

.c-event__item - Default event item
.c-event__item.t-faculty-itmedia - Theme for Informationsmanagement und Medien
.c-event__item.t-faculty-economics - Theme for Wirtschaftswissenschaften
.c-event__item.t-faculty-businessinformatics - Theme for Informatik und Wirtschaftsinformatik
.c-event__item.t-faculty-mechanicalengineering - Theme for Maschinenbau und Mechatronik
.c-event__item.t-faculty-architecture - Theme for Architektur und Bauwesen
.c-event__item.t-faculty-computerengineering - Theme for Elektro- und Informationstechnik

Markup: templates/output/06-components/event.html

Styleguide 4.21
*/
.c-event__section-headline {
  font-size: 1.5rem;
  margin: 0 0 2rem 0;
  padding-bottom: 1.5rem;
  font-family: "GT Pressura Greek Bold", sans-serif;
  line-height: 1.33;
  border-bottom: 0.0625rem solid black;
}
@media screen and (min-width: 768px) {
  .c-event__section-headline {
    font-size: 2.5rem;
    line-height: 1.2;
  }
}
.c-event__date {
  font-size: 1.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #F4F4F4;
  padding: 1.375rem 2.25rem;
  font-family: "GT Pressura Greek Bold", sans-serif;
  height: 5.125rem;
  width: 5.625rem;
  flex: 0 0 5.625rem;
  color: #D72305;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .c-event__date {
    font-size: 2.5rem;
    padding: 1.75rem 1.5rem;
    height: 7.5rem;
    width: 9.5rem;
    flex: 1 0 9.5rem;
  }
}
@media screen and (min-width: 1280px) {
  .c-event__date {
    height: 6.5rem;
    width: 10rem;
    flex: 1 0 10rem;
  }
}
.c-event__date--multidate {
  font-size: 1.125rem;
  flex-wrap: wrap;
  padding: 1.25rem;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .c-event__date--multidate {
    font-size: 1.875rem;
  }
}
.c-event__date--multidate > span {
  display: inline-block;
  width: 100%;
}
.c-event__content {
  color: black;
  padding-left: 1rem;
  width: calc(100% - 1rem - 5.625rem);
  flex: 1 0 calc(100% - 1rem - 5.625rem);
}
@media screen and (min-width: 768px) {
  .c-event__content {
    padding-left: 2rem;
    width: calc(100% - 2rem - 9.5rem);
    flex: 1 0 calc(100% - 2rem - 9.5rem);
  }
}
@media screen and (min-width: 1280px) {
  .c-event__content {
    width: calc(100% - 2rem - 10rem);
    flex: 1 0 calc(100% - 2rem - 10rem);
  }
}
.c-event__content p {
  margin-bottom: calc(1rem / 2);
}
.c-event__title {
  font-size: 1.5rem;
  margin-bottom: 1rem;
  line-height: 1.33;
}
@media screen and (min-width: 1280px) {
  .c-event__title {
    margin-bottom: calc(1rem / 2);
  }
}
.c-event__actions .btn {
  color: #D72305;
}
.c-event__actions .btn:not(:last-of-type) {
  margin-right: 1.5rem;
}
.t-default .c-event__calendarlink {
  background-color: #D72305;
}
.t-faculty-itmedia .c-event__calendarlink {
  background-color: #8C2D82;
}
.t-faculty-businessinformatics .c-event__calendarlink {
  background-color: #64378C;
}
.t-faculty-economics .c-event__calendarlink {
  background-color: #1E4696;
}
.t-faculty-mechanicalengineering .c-event__calendarlink {
  background-color: #2869AF;
}
.t-faculty-architecture .c-event__calendarlink {
  background-color: #198282;
}
.t-faculty-computerengineering .c-event__calendarlink {
  background-color: #288732;
}
.t-default .c-event__item {
  display: flex;
  margin-bottom: 2rem;
}
.t-default .c-event__item .c-event__date {
  color: #D72305;
}
.t-default .c-event__item .btn {
  color: #D72305;
}
.t-default .c-event__item .btn:hover {
  color: black;
}
.t-faculty-itmedia .c-event__item {
  display: flex;
  margin-bottom: 2rem;
}
.t-faculty-itmedia .c-event__item .c-event__date {
  color: #8C2D82;
}
.t-faculty-itmedia .c-event__item .btn {
  color: #8C2D82;
}
.t-faculty-itmedia .c-event__item .btn:hover {
  color: black;
}
.t-faculty-businessinformatics .c-event__item {
  display: flex;
  margin-bottom: 2rem;
}
.t-faculty-businessinformatics .c-event__item .c-event__date {
  color: #64378C;
}
.t-faculty-businessinformatics .c-event__item .btn {
  color: #64378C;
}
.t-faculty-businessinformatics .c-event__item .btn:hover {
  color: black;
}
.t-faculty-economics .c-event__item {
  display: flex;
  margin-bottom: 2rem;
}
.t-faculty-economics .c-event__item .c-event__date {
  color: #1E4696;
}
.t-faculty-economics .c-event__item .btn {
  color: #1E4696;
}
.t-faculty-economics .c-event__item .btn:hover {
  color: black;
}
.t-faculty-mechanicalengineering .c-event__item {
  display: flex;
  margin-bottom: 2rem;
}
.t-faculty-mechanicalengineering .c-event__item .c-event__date {
  color: #2869AF;
}
.t-faculty-mechanicalengineering .c-event__item .btn {
  color: #2869AF;
}
.t-faculty-mechanicalengineering .c-event__item .btn:hover {
  color: black;
}
.t-faculty-architecture .c-event__item {
  display: flex;
  margin-bottom: 2rem;
}
.t-faculty-architecture .c-event__item .c-event__date {
  color: #198282;
}
.t-faculty-architecture .c-event__item .btn {
  color: #198282;
}
.t-faculty-architecture .c-event__item .btn:hover {
  color: black;
}
.t-faculty-computerengineering .c-event__item {
  display: flex;
  margin-bottom: 2rem;
}
.t-faculty-computerengineering .c-event__item .c-event__date {
  color: #288732;
}
.t-faculty-computerengineering .c-event__item .btn {
  color: #288732;
}
.t-faculty-computerengineering .c-event__item .btn:hover {
  color: black;
}
.c-event__item.t-faculty-itmedia {
  color: #8C2D82;
}
.c-event__item.t-faculty-itmedia .c-event__date,
.c-event__item.t-faculty-itmedia .btn {
  color: #8C2D82;
}
.c-event__item.t-faculty-economics {
  color: #1E4696;
}
.c-event__item.t-faculty-economics .c-event__date,
.c-event__item.t-faculty-economics .btn {
  color: #1E4696;
}
.c-event__item.t-faculty-businessinformatics {
  color: #64378C;
}
.c-event__item.t-faculty-businessinformatics .c-event__date,
.c-event__item.t-faculty-businessinformatics .btn {
  color: #64378C;
}
.c-event__item.t-faculty-mechanicalengineering {
  color: #2869AF;
}
.c-event__item.t-faculty-mechanicalengineering .c-event__date,
.c-event__item.t-faculty-mechanicalengineering .btn {
  color: #2869AF;
}
.c-event__item.t-faculty-architecture {
  color: #198282;
}
.c-event__item.t-faculty-architecture .c-event__date,
.c-event__item.t-faculty-architecture .btn {
  color: #198282;
}
.c-event__item.t-faculty-computerengineering {
  color: #288732;
}
.c-event__item.t-faculty-computerengineering .c-event__date,
.c-event__item.t-faculty-computerengineering .btn {
  color: #288732;
}
.c-event--twocolumns {
  display: flex;
  flex-wrap: wrap;
}
.c-event--twocolumns .c-event__item {
  width: 100%;
}
@media screen and (min-width: 1280px) {
  .c-event--twocolumns .c-event__item {
    width: 50%;
  }
}
.c-event--calendar .c-event__item {
  margin-bottom: 1.75rem;
  padding-bottom: 1.75rem;
}
.c-event--calendar .c-event__item:not(:last-of-type) {
  border-bottom: 0.0625rem solid #D8D8D8;
}
.c-event--calendar .c-event__title {
  margin-bottom: calc(1rem / 2);
}

@media screen and (min-width: 1280px) {
  .c-bachelorcompass__slide {
    min-height: 900px;
  }
}
.c-bachelorcompass__slide:not(:first-of-type) {
  display: none;
}
@media screen and (min-width: 1280px) {
  .c-bachelorcompass__slide:last-of-type .column__headline {
    padding-top: 40px;
  }
}
@media screen and (min-width: 1280px) {
  .c-bachelorcompass__slide-background {
    width: 100%;
    position: absolute;
  }
}
.c-bachelorcompass__slide-background svg {
  width: 100%;
  height: 100%;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .c-bachelorcompass__slide-background svg {
    width: 1200px;
    height: 900px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
  .c-bachelorcompass__slide--clouds .column__content {
    padding: 0 15% 0;
  }
}
.c-bachelorcompass__content {
  margin-bottom: 15px;
  position: relative;
}
@media screen and (min-width: 1280px) {
  .c-bachelorcompass__content {
    display: flex;
    margin-bottom: 0;
  }
}
.c-bachelorcompass .column__headline {
  margin-bottom: 20px;
  width: 100%;
}
@media screen and (min-width: 1280px) {
  .c-bachelorcompass .column__headline {
    padding-top: 145px;
    padding-bottom: 40px;
  }
}
.c-bachelorcompass .column__headline .c-bachelorcompass__slide--clouds .c-bachelorcompass .column__headline .c-bachelorcompass, .c-bachelorcompass .column__headline .c-bachelorcompass__slide--images .c-bachelorcompass .column__headline .c-bachelorcompass {
  margin-bottom: 20px;
}
.c-bachelorcompass .column__headline-mobileimage {
  display: inline-block;
  margin-bottom: 20px;
  width: 100%;
  text-align: right;
}
.c-bachelorcompass .column__headline-mobileimage img {
  display: inline-block;
  max-height: 125px;
  width: auto;
}
.c-bachelorcompass .column__content {
  margin-bottom: 20px;
}
@media screen and (min-width: 1280px) {
  .c-bachelorcompass .column--left {
    flex: 0 0 23.75%;
    width: 23.75%;
  }
}
@media screen and (min-width: 1280px) {
  .c-bachelorcompass .column--center {
    margin-right: 20px;
    margin-left: 20px;
    flex: 0 0 calc(63.75% - 40px);
    width: calc(63.75% - 40px);
    position: relative;
  }
}
.c-bachelorcompass .column--right {
  position: relative;
}
@media screen and (min-width: 1280px) {
  .c-bachelorcompass .column--right {
    flex: 0 0 12.5%;
    width: 12.5%;
  }
}
.c-bachelorcompass__footer {
  display: inline-block;
  margin-bottom: 20px;
  width: 100%;
}
@media screen and (min-width: 1280px) {
  .c-bachelorcompass__footer {
    display: flex;
  }
}
.c-bachelorcompass .study-results-links a {
  display: inline-block;
}
.c-bachelorcompass .btn-next {
  cursor: pointer;
}
.c-bachelorcompass .js-visible {
  display: inline-block;
  visibility: visible;
}
@media screen and (min-width: 1280px) {
  .c-bachelorcompass .js-visible {
    display: flex;
  }
}
.c-bachelorcompass__decisiontext {
  display: none;
}
.c-bachelorcompass__controls {
  display: flex;
  justify-content: space-evenly;
}
.c-bachelorcompass__controls .btn {
  margin-right: 10px;
  width: calc(50% - 23px);
  flex: 0 0 calc(50% - 23px);
  transition: opacity 0.35s ease, visibility 0.35s ease;
}
@media screen and (min-width: 768px) {
  .c-bachelorcompass__controls .btn {
    margin-right: 20px;
    width: calc(33% - 23px);
    flex: 0 0 calc(33% - 23px);
  }
}
@media screen and (min-width: 1280px) {
  .c-bachelorcompass__controls .btn {
    width: calc(50% - 23px);
    flex: 0 0 calc(50% - 23px);
  }
}
.c-bachelorcompass__controls .btn[disabled] {
  visibility: hidden;
  opacity: 0;
}
.c-bachelorcompass__infoicon {
  display: inline-flex;
  align-items: center;
}
.c-bachelorcompass__infoicon a {
  display: inline-flex;
  padding: 3px;
  border: 0;
  background: none;
}
.c-bachelorcompass__infoicon svg {
  width: 24px;
  height: 24px;
}
.t-default .c-bachelorcompass__infoicon .questionmark {
  fill: #D72305;
  fill-rule: nonzero;
  stroke: #D72305;
  stroke-width: 1.69px;
}
.t-faculty-itmedia .c-bachelorcompass__infoicon .questionmark {
  fill: #8C2D82;
  fill-rule: nonzero;
  stroke: #8C2D82;
  stroke-width: 1.69px;
}
.t-faculty-businessinformatics .c-bachelorcompass__infoicon .questionmark {
  fill: #64378C;
  fill-rule: nonzero;
  stroke: #64378C;
  stroke-width: 1.69px;
}
.t-faculty-economics .c-bachelorcompass__infoicon .questionmark {
  fill: #1E4696;
  fill-rule: nonzero;
  stroke: #1E4696;
  stroke-width: 1.69px;
}
.t-faculty-mechanicalengineering .c-bachelorcompass__infoicon .questionmark {
  fill: #2869AF;
  fill-rule: nonzero;
  stroke: #2869AF;
  stroke-width: 1.69px;
}
.t-faculty-architecture .c-bachelorcompass__infoicon .questionmark {
  fill: #198282;
  fill-rule: nonzero;
  stroke: #198282;
  stroke-width: 1.69px;
}
.t-faculty-computerengineering .c-bachelorcompass__infoicon .questionmark {
  fill: #288732;
  fill-rule: nonzero;
  stroke: #288732;
  stroke-width: 1.69px;
}
.c-bachelorcompass label:hover {
  cursor: pointer;
}
.c-bachelorcompass__checkboxes .checkbox {
  position: relative;
  margin-bottom: 1rem;
}
.c-bachelorcompass__checkboxes input[type=checkbox] + label {
  font-size: 1rem;
  display: inline-block;
}
.c-bachelorcompass__checkboxes input[type=checkbox] + label::after {
  top: 4px;
  left: 4px;
}
.c-bachelorcompass__checkboxes--clouds {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
}
.c-bachelorcompass__checkboxes--clouds .checkbox {
  flex: 0 0 33%;
}
@media screen and (min-width: 1280px) {
  .c-bachelorcompass__checkboxes--clouds .checkbox {
    flex: 0 0 auto;
  }
  .c-bachelorcompass__checkboxes--clouds .checkbox:nth-child(1) svg {
    margin: 15px 10px;
  }
  .c-bachelorcompass__checkboxes--clouds .checkbox:nth-child(2) svg {
    margin: 45px 15px 20px;
  }
  .c-bachelorcompass__checkboxes--clouds .checkbox:nth-child(3) svg {
    margin-top: 25px;
  }
  .c-bachelorcompass__checkboxes--clouds .checkbox:nth-child(4) svg {
    margin: 30px 15px 0;
  }
  .c-bachelorcompass__checkboxes--clouds .checkbox:nth-child(5) svg {
    margin: 10px 20px;
  }
}
.c-bachelorcompass__checkboxes--clouds svg {
  width: 128px;
  height: 128px;
}
@media screen and (min-width: 1280px) {
  .c-bachelorcompass__checkboxes--clouds svg {
    width: 180px;
    height: 180px;
  }
}
@media screen and (min-width: 1460px) {
  .c-bachelorcompass__checkboxes--clouds svg {
    width: 192px;
    height: 192px;
  }
}
.c-bachelorcompass__checkboxes--clouds .cloud-inner,
.c-bachelorcompass__checkboxes--clouds .cloud-outer {
  fill: #E7E8E9;
  stroke: #E7E8E9;
}
.c-bachelorcompass__checkboxes--clouds .cloud-outer {
  transition: fill 0.25s ease;
}
.c-bachelorcompass__checkboxes--clouds input[type=checkbox] + label {
  display: inline-block;
  margin: 0;
  padding-left: 0;
}
.c-bachelorcompass__checkboxes--clouds input[type=checkbox] + label::before, .c-bachelorcompass__checkboxes--clouds input[type=checkbox] + label::after {
  display: none;
}
.t-default .c-bachelorcompass__checkboxes--clouds input[type=checkbox]:checked + label .cloud-outer {
  fill: #D72305;
  stroke: #D72305;
}
.t-faculty-itmedia .c-bachelorcompass__checkboxes--clouds input[type=checkbox]:checked + label .cloud-outer {
  fill: #8C2D82;
  stroke: #8C2D82;
}
.t-faculty-businessinformatics .c-bachelorcompass__checkboxes--clouds input[type=checkbox]:checked + label .cloud-outer {
  fill: #64378C;
  stroke: #64378C;
}
.t-faculty-economics .c-bachelorcompass__checkboxes--clouds input[type=checkbox]:checked + label .cloud-outer {
  fill: #1E4696;
  stroke: #1E4696;
}
.t-faculty-mechanicalengineering .c-bachelorcompass__checkboxes--clouds input[type=checkbox]:checked + label .cloud-outer {
  fill: #2869AF;
  stroke: #2869AF;
}
.t-faculty-architecture .c-bachelorcompass__checkboxes--clouds input[type=checkbox]:checked + label .cloud-outer {
  fill: #198282;
  stroke: #198282;
}
.t-faculty-computerengineering .c-bachelorcompass__checkboxes--clouds input[type=checkbox]:checked + label .cloud-outer {
  fill: #288732;
  stroke: #288732;
}
.c-bachelorcompass__checkboxes--images {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 1280px) {
  .c-bachelorcompass__checkboxes--images {
    margin: 0 -10px;
  }
}
.c-bachelorcompass__checkboxes--images .checkbox {
  margin-bottom: 10px;
  margin-right: 10px;
  flex: 0 0 calc(50% - 10px);
  width: calc(50% - 10px);
}
.c-bachelorcompass__checkboxes--images .checkbox:nth-child(2n+2) {
  margin-right: 0;
}
@media screen and (min-width: 1280px) {
  .c-bachelorcompass__checkboxes--images .checkbox {
    margin: 0 10px 20px 10px;
    flex: 0 0 calc(33.3333333333% - 20px);
    width: calc(33.3333333333% - 20px);
  }
  .c-bachelorcompass__checkboxes--images .checkbox:nth-child(2n+2) {
    margin-right: 10px;
  }
}
.c-bachelorcompass__checkboxes--images .checkbox img {
  width: 100%;
  transition: outline 250ms ease-in-out;
  outline: 2px solid transparent;
  outline-offset: -2px;
}
@media screen and (min-width: 1280px) {
  .c-bachelorcompass__checkboxes--images .checkbox img {
    outline-width: 4px;
    outline-offset: -2px;
  }
}
.c-bachelorcompass__checkboxes--images .checkbox input[type=checkbox] + label {
  margin: 0;
  padding-left: 0;
}
.c-bachelorcompass__checkboxes--images .checkbox input[type=checkbox] + label::before, .c-bachelorcompass__checkboxes--images .checkbox input[type=checkbox] + label::after {
  display: none;
}
.t-default .c-bachelorcompass__checkboxes--images .checkbox input[type=checkbox]:checked + label img {
  outline: 2px solid #D72305;
}
.t-faculty-itmedia .c-bachelorcompass__checkboxes--images .checkbox input[type=checkbox]:checked + label img {
  outline: 2px solid #8C2D82;
}
.t-faculty-businessinformatics .c-bachelorcompass__checkboxes--images .checkbox input[type=checkbox]:checked + label img {
  outline: 2px solid #64378C;
}
.t-faculty-economics .c-bachelorcompass__checkboxes--images .checkbox input[type=checkbox]:checked + label img {
  outline: 2px solid #1E4696;
}
.t-faculty-mechanicalengineering .c-bachelorcompass__checkboxes--images .checkbox input[type=checkbox]:checked + label img {
  outline: 2px solid #2869AF;
}
.t-faculty-architecture .c-bachelorcompass__checkboxes--images .checkbox input[type=checkbox]:checked + label img {
  outline: 2px solid #198282;
}
.t-faculty-computerengineering .c-bachelorcompass__checkboxes--images .checkbox input[type=checkbox]:checked + label img {
  outline: 2px solid #288732;
}
@media screen and (min-width: 1280px) {
  .c-bachelorcompass__checkboxes--images .checkbox input[type=checkbox]:checked + label img {
    outline-width: 4px;
  }
}
.c-bachelorcompass__checkboxes--images .checkbox figcaption {
  line-height: normal;
}

#study-results g {
  transition: 0.35s fill 0.25s ease, 0.35s stroke 0.25s ease;
}
#study-results g.text path {
  fill: #1D1D1B;
}
#study-results g path {
  fill: none;
  stroke: none;
}
#study-results g.active path {
  stroke: #990B24;
  fill: #990B24;
}
#study-results g.active path.border {
  fill: none;
  stroke-width: 2.35px;
}
#study-results g.active path.needle {
  fill: #DB0031;
  stroke: #9F1325;
  stroke-width: 2.35px;
}
#study-results g.active g.text path {
  stroke: none;
  fill: #1D1D1B;
}

.c-searchbar {
  display: block;
  width: 100%;
  margin-bottom: 2rem;
}
@media screen and (min-width: 768px) {
  .c-searchbar {
    margin-bottom: 2.5rem;
  }
}
.c-searchbar__form {
  display: flex;
  margin: 0 -1rem;
  align-items: flex-end;
  flex-wrap: wrap;
}
.c-search .c-searchbar__form {
  margin: 0 calc(-1rem / 2);
}
@media screen and (min-width: 1280px) {
  .c-searchbar__form {
    flex-wrap: nowrap;
  }
}
.c-searchbar__input {
  display: inline-block;
  margin: 0 1rem 1rem;
  width: 100%;
}
.c-search .c-searchbar__input {
  margin: 0 calc(1rem / 2) 1rem;
}
@media screen and (min-width: 768px) {
  .c-searchbar__input {
    width: calc(50% - 2rem);
    flex: 0 0 calc(50% - 2rem);
  }
}
@media screen and (min-width: 1280px) {
  .c-searchbar__input {
    margin-bottom: 0;
    width: 16rem;
    flex: 1 0 16rem;
    max-width: 16rem;
  }
}
@media screen and (min-width: 768px) {
  .c-searchbar__input--search {
    width: auto;
    flex: 1 0 auto;
  }
}
@media screen and (min-width: 1280px) {
  .c-searchbar__input--search {
    width: calc(26.375rem - 2rem);
    flex: 1 0 calc(26.375rem - 2rem);
    max-width: none;
  }
}
.c-searchbar__input--search .inputfield__input {
  margin-bottom: 0;
  border-bottom-color: #D8D8D8;
  background: #F4F4F4 url("../Images/Icons/search-mediumgrey.svg") no-repeat right 1rem center;
  background-size: 1.125rem 1rem;
}
.c-search .c-searchbar__input--search .inputfield__input {
  height: 3rem;
}
@media screen and (min-width: 768px) {
  .c-searchbar__input--submit {
    max-width: 5.625rem;
  }
  .c-search .c-searchbar__input--submit {
    max-width: 7.188rem;
  }
}
.c-searchbar__input label {
  display: inline-block;
  font-size: 1.0625rem;
  color: black;
  font-family: "IBM Plex Sans Bold", sans-serif;
  font-weight: 700;
  line-height: 1.53;
  margin-bottom: 0.5rem;
}
.c-searchbar__submitbutton {
  width: 100%;
  padding: calc(1rem / 2);
}
.c-search .c-searchbar__submitbutton {
  display: flex;
  height: 3rem;
  padding: 0.688rem 1.125rem 0.75rem 1rem;
  justify-content: center;
  align-items: center;
}
.c-search .c-searchbar__submitbutton .o-icon {
  width: 1.3125rem;
  height: 1.1875rem;
  position: relative;
  left: -0.25rem;
}
.c-searchbar__reset {
  margin-top: 1rem;
}

.pager {
  display: block;
  width: 100%;
}
.pager__list {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 1rem 0;
  overflow-x: auto;
}
@media screen and (min-width: 768px) {
  .pager__list {
    justify-content: flex-end;
    overflow-x: hidden;
  }
}
.pager__item {
  display: inline-flex;
  padding: 0 0.469rem;
  font-family: "IBM Plex Sans Bold", sans-serif;
  font-weight: 700;
}
.pager__item--prev {
  padding-left: 0;
  padding-right: 1.125rem;
}
.pager__item--next {
  padding-right: 0;
  padding-left: 1.125rem;
}
.pager__item--inactive .o-icon {
  color: #B8B8B8;
}
.pager__link {
  display: flex;
}

.chocolat-zoomable.chocolat-zoomed {
  cursor: zoom-out;
}

.chocolat-open {
  overflow: hidden;
}

.chocolat-overlay {
  transition: opacity 0.4s ease, visibility 0s 0.4s ease;
  height: 100%;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.8);
  visibility: hidden;
  opacity: 0;
}
.chocolat-overlay.chocolat-visible {
  transition: opacity 0.4s, visibility 0s;
  visibility: visible;
  opacity: 0.8;
}

.chocolat-wrapper {
  transition: opacity 0.4s ease, visibility 0s 0.4s ease;
  width: 100%;
  height: 100%;
  position: fixed;
  opacity: 0;
  left: 0;
  top: 0;
  z-index: 16;
  color: white;
  visibility: hidden;
}
.chocolat-wrapper.chocolat-visible {
  transition: opacity 0.4s, visibility 0s;
  opacity: 1;
  visibility: visible;
}

.chocolat-zoomable .chocolat-img {
  cursor: zoom-in;
}

.chocolat-image-wrapper {
  position: fixed;
  width: 0;
  height: 0;
  left: 50%;
  top: 50%;
  z-index: 14;
  text-align: left;
  transform: translate(-50%, -50%);
  max-width: 85%;
}
.chocolat-image-wrapper .chocolat-img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.chocolat-wrapper .chocolat-right, .chocolat-wrapper .chocolat-left {
  width: 3rem;
  height: 3rem;
  cursor: pointer;
  z-index: 17;
  visibility: hidden;
}
@media screen and (min-width: 1460px) {
  .chocolat-wrapper .chocolat-right, .chocolat-wrapper .chocolat-left {
    position: absolute;
  }
}
.chocolat-wrapper .active.chocolat-right, .chocolat-wrapper .active.chocolat-left {
  visibility: visible;
}

.chocolat-wrapper .chocolat-left {
  left: 2rem;
}
.t-default .chocolat-wrapper .chocolat-left {
  background: #D72305 url("../Images/Icons/arrow-left-white.svg") no-repeat center center;
  background-size: 1rem;
}
.t-faculty-itmedia .chocolat-wrapper .chocolat-left {
  background: #8C2D82 url("../Images/Icons/arrow-left-white.svg") no-repeat center center;
  background-size: 1rem;
}
.t-faculty-businessinformatics .chocolat-wrapper .chocolat-left {
  background: #64378C url("../Images/Icons/arrow-left-white.svg") no-repeat center center;
  background-size: 1rem;
}
.t-faculty-economics .chocolat-wrapper .chocolat-left {
  background: #1E4696 url("../Images/Icons/arrow-left-white.svg") no-repeat center center;
  background-size: 1rem;
}
.t-faculty-mechanicalengineering .chocolat-wrapper .chocolat-left {
  background: #2869AF url("../Images/Icons/arrow-left-white.svg") no-repeat center center;
  background-size: 1rem;
}
.t-faculty-architecture .chocolat-wrapper .chocolat-left {
  background: #198282 url("../Images/Icons/arrow-left-white.svg") no-repeat center center;
  background-size: 1rem;
}
.t-faculty-computerengineering .chocolat-wrapper .chocolat-left {
  background: #288732 url("../Images/Icons/arrow-left-white.svg") no-repeat center center;
  background-size: 1rem;
}
@media screen and (min-width: 1460px) {
  .chocolat-wrapper .chocolat-left {
    left: 4.5%;
  }
}

.chocolat-wrapper .chocolat-right {
  right: 2rem;
}
.t-default .chocolat-wrapper .chocolat-right {
  background: #D72305 url("../Images/Icons/arrow-right-white.svg") no-repeat center center;
  background-size: 1rem;
}
.t-faculty-itmedia .chocolat-wrapper .chocolat-right {
  background: #8C2D82 url("../Images/Icons/arrow-right-white.svg") no-repeat center center;
  background-size: 1rem;
}
.t-faculty-businessinformatics .chocolat-wrapper .chocolat-right {
  background: #64378C url("../Images/Icons/arrow-right-white.svg") no-repeat center center;
  background-size: 1rem;
}
.t-faculty-economics .chocolat-wrapper .chocolat-right {
  background: #1E4696 url("../Images/Icons/arrow-right-white.svg") no-repeat center center;
  background-size: 1rem;
}
.t-faculty-mechanicalengineering .chocolat-wrapper .chocolat-right {
  background: #2869AF url("../Images/Icons/arrow-right-white.svg") no-repeat center center;
  background-size: 1rem;
}
.t-faculty-architecture .chocolat-wrapper .chocolat-right {
  background: #198282 url("../Images/Icons/arrow-right-white.svg") no-repeat center center;
  background-size: 1rem;
}
.t-faculty-computerengineering .chocolat-wrapper .chocolat-right {
  background: #288732 url("../Images/Icons/arrow-right-white.svg") no-repeat center center;
  background-size: 1rem;
}
@media screen and (min-width: 1460px) {
  .chocolat-wrapper .chocolat-right {
    right: 4.5%;
  }
}

.chocolat-layout {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.chocolat-image-canvas {
  transition: opacity 0.2s;
  opacity: 0;
  flex-grow: 1;
  align-self: stretch;
}

.chocolat-image-canvas.chocolat-visible {
  opacity: 1;
}

.chocolat-center {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  -moz-user-select: none;
       user-select: none;
}

.chocolat-wrapper .chocolat-top {
  height: 2rem;
  overflow: hidden;
  z-index: 17;
  flex-shrink: 0;
}

.chocolat-wrapper .chocolat-close {
  position: absolute;
  top: 2rem;
  right: 2rem;
  width: 2rem;
  height: 2rem;
  background: transparent url("../Images/Icons/close-white.svg") no-repeat center center;
  background-size: 2rem;
  cursor: pointer;
}

.chocolat-wrapper .chocolat-bottom {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  height: 40px;
  z-index: 17;
  padding-right: 1rem;
  padding-left: 1rem;
}

.chocolat-wrapper .chocolat-set-title {
  display: inline-block;
  padding-right: 1rem;
  line-height: 1;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.chocolat-wrapper .chocolat-pagination {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding-left: 1rem;
  padding-right: 1rem;
}

.chocolat-wrapper .chocolat-description {
  font-size: 1rem;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  width: auto;
  padding: 0.438rem 0.688rem 0.438rem 0.75rem;
  background-color: rgba(0, 0, 0, 0.7);
}
.chocolat-wrapper .chocolat-description:empty {
  display: none;
}

/* no container mode*/
body.chocolat-open > .chocolat-overlay {
  z-index: 15;
}

body.chocolat-open > .chocolat-loader {
  z-index: 15;
}

body.chocolat-open > .chocolat-image-wrapper {
  z-index: 17;
}

/* container mode*/
.chocolat-in-container .chocolat-wrapper,
.chocolat-in-container .chocolat-image-wrapper,
.chocolat-in-container .chocolat-overlay {
  position: absolute;
}

.chocolat-in-container {
  position: relative;
}

.chocolat-zoomable.chocolat-zooming-in .chocolat-image-wrapper,
.chocolat-zoomable.chocolat-zooming-out .chocolat-image-wrapper {
  transition: width 0.2s ease, height 0.2s ease;
}

.chocolat-zoomable.chocolat-zooming-in .chocolat-img,
.chocolat-zoomable.chocolat-zooming-out .chocolat-img {
  transition: margin 0.2s ease;
}

.image {
  position: relative;
}
.image .lightbox {
  display: block;
  position: relative;
}
.image__copyright {
  font-size: 0.875rem;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 0;
  width: auto;
  padding: 0.338rem 0.688rem 0.338rem 0.75rem;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
}
.image__copyright--gray {
  background-color: #6E6E6E !important;
  color: white !important;
}
.image__copyright--white {
  background-color: white !important;
  color: black !important;
}
.image__copyright--white-transparent {
  background-color: rgba(255, 255, 255, 0.8) !important;
  color: black !important;
}

.c-search {
  display: block;
  width: 100%;
}

.c-searchresults__list {
  width: 100%;
  padding-left: 0;
  border-top: 1px solid #D8D8D8;
  padding-top: 1.188rem;
  margin-top: 1rem;
}
.c-searchresults__header {
  font-size: 1.5rem;
  font-family: "GT Pressura Greek Bold", sans-serif;
  margin-bottom: calc(1rem / 2);
}
.t-default .c-searchresults__header {
  color: black;
}
.t-faculty-itmedia .c-searchresults__header {
  color: black;
}
.t-faculty-businessinformatics .c-searchresults__header {
  color: black;
}
.t-faculty-economics .c-searchresults__header {
  color: black;
}
.t-faculty-mechanicalengineering .c-searchresults__header {
  color: black;
}
.t-faculty-architecture .c-searchresults__header {
  color: black;
}
.t-faculty-computerengineering .c-searchresults__header {
  color: black;
}
.c-searchresults__item {
  border-bottom: 1px solid #D8D8D8;
  padding-bottom: 1.188rem;
  margin-bottom: 1rem;
}
.c-searchresults__item p {
  margin-bottom: 0.688rem;
}
.c-searchresults__item p:last-of-type {
  margin-bottom: 0;
}
.c-searchresults__documenturl {
  display: block;
  font-family: "GT Pressura Mono Greek Bold", sans-serif;
}
.c-searchresults__documentchanged {
  color: #6E6E6E;
}

.c-breadcrumb {
  font-size: 0.9375rem;
  display: none;
}
@media only screen and (min-width: 1280px) {
  .c-breadcrumb {
    display: block;
  }
}
.c-breadcrumb__link {
  margin: 0 calc(1rem / 2);
}
.t-default .c-breadcrumb__link {
  color: #212B35;
}
.t-faculty-itmedia .c-breadcrumb__link {
  color: #212B35;
}
.t-faculty-businessinformatics .c-breadcrumb__link {
  color: #212B35;
}
.t-faculty-economics .c-breadcrumb__link {
  color: #212B35;
}
.t-faculty-mechanicalengineering .c-breadcrumb__link {
  color: #212B35;
}
.t-faculty-architecture .c-breadcrumb__link {
  color: #212B35;
}
.t-faculty-computerengineering .c-breadcrumb__link {
  color: #212B35;
}
.c-breadcrumb__link:first-of-type {
  margin-left: 0;
  text-decoration: underline;
}
.c-breadcrumb__link--last {
  margin-right: 0;
}
.c-breadcrumb__separator .o-icon {
  color: #212B35;
  width: calc(1rem / 2);
  height: calc(1rem / 2);
}

.c-socialmedia {
  margin-bottom: 20px;
}
.c-socialmedia__list {
  list-style: none;
  padding-left: 0;
}
.c-socialmedia__list, .c-socialmedia__list:last-child {
  margin-bottom: 20px;
}
.c-socialmedia__item {
  display: inline-block;
}

.c-in2studyfinder {
  width: 100%;
}
.t-default .c-in2studyfinder__link {
  color: currentColor;
}
.t-faculty-itmedia .c-in2studyfinder__link {
  color: currentColor;
}
.t-faculty-businessinformatics .c-in2studyfinder__link {
  color: currentColor;
}
.t-faculty-economics .c-in2studyfinder__link {
  color: currentColor;
}
.t-faculty-mechanicalengineering .c-in2studyfinder__link {
  color: currentColor;
}
.t-faculty-architecture .c-in2studyfinder__link {
  color: currentColor;
}
.t-faculty-computerengineering .c-in2studyfinder__link {
  color: currentColor;
}
.table__cell-title .c-in2studyfinder__link {
  font-family: "IBM Plex Sans Bold", sans-serif;
  font-weight: 700;
}
.c-in2studyfinder__link-specialization {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 400;
}
.c-in2studyfinder__link-contact {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: 100%;
}
@media screen and (min-width: 1280px) {
  .c-in2studyfinder__link-contact {
    justify-content: flex-end;
  }
}
@media (max-width: 767px) {
  .c-in2studyfinder .table thead,
  .c-in2studyfinder .table th {
    display: none;
  }
}
.c-in2studyfinder .table td::before {
  content: attr(data-th);
}
@media (min-width: 768px) {
  .c-in2studyfinder .table td::before {
    display: none;
  }
}
.c-in2studyfinder .table th,
.c-in2studyfinder .table td {
  min-width: auto;
}
@media (max-width: 767px) {
  .c-in2studyfinder .table tr.row-details__head td {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    width: 100%;
    padding: 0.25rem 1rem;
  }
  .c-in2studyfinder .table tr.row-details__head td.table__cell-title {
    padding: 1rem 1rem 0.25rem 1rem;
  }
  .c-in2studyfinder .table tr.row-details__head td:last-of-type {
    padding: 0 1rem 0.5rem 1rem;
  }
  .c-in2studyfinder .table tr.row-details__head td:not(.table__cell-title) {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
  }
  .c-in2studyfinder .table tr.row-details__head td .o-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .c-in2studyfinder .table tr.row-details__head td.row-details__button {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .c-in2studyfinder .table tr.row-details__head td.row-details__button .o-icon {
    width: 0.75rem;
    height: 0.75rem;
  }
}
@media (max-width: 767px) {
  .c-in2studyfinder .table tr.row-details__content .table--horizontal-lines {
    margin-bottom: 0;
  }
}
.c-in2studyfinder .table tr.row-details__content .table--horizontal-lines td:first-of-type {
  padding-left: 0;
  padding-right: 0;
}
.c-in2studyfinder .table tr.row-details__content .table--horizontal-lines td:last-of-type {
  padding-left: 0.5rem;
  padding-right: 0;
}
@media (max-width: 767px) {
  .c-in2studyfinder .table .o-row__table-cell-details {
    margin-top: 0;
  }
}
.c-in2studyfinder .table .o-row__table-cell-details p:last-of-type {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .c-in2studyfinder .table thead th {
    vertical-align: top;
    width: 15rem;
  }
  .c-in2studyfinder .table thead th:last-of-type {
    width: 7.5rem;
  }
  .c-in2studyfinder .table tbody td {
    vertical-align: middle;
    width: 15rem;
  }
  .c-in2studyfinder .table tbody td:first-of-type {
    width: 30rem;
  }
  .c-in2studyfinder .table tbody td:last-of-type {
    width: 7.5rem;
  }
  .c-in2studyfinder .table th,
  .c-in2studyfinder .table td {
    display: table-cell;
  }
}

.c-exhibitor-list > .o-row {
  gap: 2rem;
}
.c-exhibitor-list__studycourse-list {
  margin-block-start: 0;
  padding-inline-start: 0;
  list-style-type: none;
  list-style-position: outside;
}
.c-exhibitor-list table {
  margin-top: 2rem;
  position: relative;
}
.c-exhibitor-list table th,
.c-exhibitor-list table td {
  min-width: auto;
}
@media screen and (min-width: 1280px) {
  .c-exhibitor-list table th,
  .c-exhibitor-list table td {
    min-width: 10rem;
  }
}
@media screen and (max-width: 1279px) {
  .c-exhibitor-list table thead {
    display: none;
  }
  .c-exhibitor-list table tr {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .c-exhibitor-list table td:not(.table__cell-title) {
    display: flex;
    justify-content: space-between;
    padding: 0.25rem 1rem;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
  .c-exhibitor-list table td:not(.table__cell-title)::before {
    font-family: "IBM Plex Sans Bold", sans-serif;
    font-weight: 700;
    content: attr(data-th);
  }
  .c-exhibitor-list table td p {
    margin-bottom: 0;
  }
  .c-exhibitor-list table td > * {
    flex-shrink: 0;
  }
  .c-exhibitor-list table td:last-of-type {
    margin-bottom: 1rem;
    margin-top: auto;
  }
  .c-exhibitor-list table .table__cell--vertical {
    flex-direction: column;
  }
  .c-exhibitor-list table .table__cell-title {
    font-size: 1.5rem;
    padding-bottom: 1rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .c-exhibitor-list table tbody {
    display: flex;
    flex-wrap: wrap;
  }
  .c-exhibitor-list table tr {
    width: 50%;
  }
}
.c-exhibitor-list .c-dropdown__button {
  color: #6E6E6E;
  font-size: 1.0625rem;
  padding: 0.75rem 2rem 0.75rem 0.75rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.c-exhibitor-list .c-dropdown__icon {
  color: #000000;
  height: 100%;
  display: flex;
  top: 0;
  right: 0.75rem;
  transition-duration: 0.2s;
}
.c-exhibitor-list .c-dropdown__list {
  top: 2.8rem;
  font-size: 1rem;
  box-shadow: none;
  border: 1px solid #979797;
  z-index: 1;
}
.c-exhibitor-list .c-dropdown.is-open .c-dropdown__separator {
  width: 100%;
  left: 0;
  right: 0;
  z-index: 2;
}
.c-exhibitor-list .c-dropdown__item--active {
  background-color: #E5E5E5;
}
.c-exhibitor-list .c-dropdown__link {
  text-align: left;
  color: #000000;
}
.c-exhibitor-list .c-dropdown__link:hover {
  text-decoration: underline;
}
.c-exhibitor-list .c-searchbar__input--submit {
  max-width: none;
}
.c-exhibitor-list__filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  padding-inline: 0.5rem;
}
.c-exhibitor-list__table-wrapper {
  width: 100%;
  z-index: 0;
}

.c-login__login-button {
  top: 0.0625rem;
  position: relative;
  right: 0;
  margin-left: 0;
  border: 0;
}
@media screen and (min-width: 1280px) {
  .c-login__login-button {
    margin-left: 1rem;
    top: 0;
  }
}
.c-header__login--transitioned-left .c-login__login-button {
  left: 0;
}
.c-login__login-button.c-dropdown__button {
  padding-left: 0;
}
.c-login__logindata {
  display: block;
  font-family: "IBM Plex Sans Bold", sans-serif;
  font-weight: 700;
  font-size: 1.125rem;
}
.c-login__submit.btn {
  float: left;
}
.c-login__dropdown.c-dropdown {
  position: relative;
  top: 0.0625rem;
  right: auto;
}
@media (min-width: 1280px) {
  .c-login__dropdown.c-dropdown {
    display: inherit;
    right: 0;
  }
}
.c-login__dropdown__container {
  border-radius: 1px;
  border-color: #E5E5E5;
  box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.15);
  text-align: left;
  margin-left: 1.25em;
}
.c-login__dropdown.c-dropdown__list {
  flex-direction: unset;
  left: auto;
  right: auto;
}
.c-login__dropdown__list {
  display: block;
  width: 100%;
  clear: both;
  background-color: transparent;
  border: 0;
  line-height: normal;
  color: #212529;
  text-align: inherit;
  padding: 8px 20px;
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
}
.c-login__dropdown__list__link {
  font-size: inherit;
}
.t-default .c-login__dropdown__list__link {
  color: black !important;
}
.t-faculty-itmedia .c-login__dropdown__list__link {
  color: black !important;
}
.t-faculty-businessinformatics .c-login__dropdown__list__link {
  color: black !important;
}
.t-faculty-economics .c-login__dropdown__list__link {
  color: black !important;
}
.t-faculty-mechanicalengineering .c-login__dropdown__list__link {
  color: black !important;
}
.t-faculty-architecture .c-login__dropdown__list__link {
  color: black !important;
}
.t-faculty-computerengineering .c-login__dropdown__list__link {
  color: black !important;
}
.c-login__dropdown__list__link:hover {
  text-decoration: none;
}
.t-default .c-login__dropdown__list__link:hover {
  color: #D72305 !important;
}
.t-faculty-itmedia .c-login__dropdown__list__link:hover {
  color: #8C2D82 !important;
}
.t-faculty-businessinformatics .c-login__dropdown__list__link:hover {
  color: #64378C !important;
}
.t-faculty-economics .c-login__dropdown__list__link:hover {
  color: #1E4696 !important;
}
.t-faculty-mechanicalengineering .c-login__dropdown__list__link:hover {
  color: #2869AF !important;
}
.t-faculty-architecture .c-login__dropdown__list__link:hover {
  color: #198282 !important;
}
.t-faculty-computerengineering .c-login__dropdown__list__link:hover {
  color: #288732 !important;
}
.c-login__dropdown .c-dropdown__button.is-open {
  min-width: 150px;
}
.c-login__dropdown .c-dropdown__button::before {
  content: none;
}
.c-login__user-information {
  pointer-events: none;
  align-items: center;
}
.c-login__user-information.c-header__login {
  color: black;
}
.c-login__user-information__image {
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 0.25rem;
}
.c-login__user-information .user-profile-button__name {
  margin-right: 0.25rem;
}

.c-dropdown__list.c-login__dropdown__container {
  top: 2rem;
}

.c-users__alphabet > button {
  padding: 0 0.375rem !important;
}
@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .c-users .table {
    display: block;
    width: 1120px;
  }
  .c-users .table img {
    max-width: 300px;
  }
}
.c-users .table th,
.c-users .table td {
  min-width: auto;
}
@media (max-width: 767px) {
  .c-users .table--responsive td {
    flex-wrap: wrap;
  }
  .c-users .table--responsive td:empty {
    display: none;
  }
}
@media screen and (min-width: 650px) and (max-width: 767px) {
  .c-users .table--responsive .c-users__person,
  .c-users .table--responsive .c-users__occupations {
    width: 50%;
  }
}
@media screen and (max-width: 649px) {
  .c-users .table--responsive .c-users__person {
    order: 2;
  }
}
@media screen and (max-width: 649px) {
  .c-users .table--responsive .c-users__occupations {
    order: 1;
  }
  .c-users .table--responsive .c-users__occupations .o-container {
    margin: 0;
    padding: 0;
  }
  .c-users .table--responsive .c-users__occupations .o-row [class*=o-row__col] {
    margin-bottom: 0;
  }
  .c-users .table--responsive .c-users__occupations p {
    margin-bottom: 1rem;
  }
}
.c-users .table--responsive .row-details__head.js-opened:nth-of-type(even):not(.odd), .c-users .table--responsive .row-details__head.js-opened.even {
  border-bottom-color: #F4F4F4;
}
@media screen and (max-width: 649px) {
  .c-users .table--responsive .row-details__content {
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 650px) and (max-width: 767px) {
  .c-users .table--responsive .row-details__content {
    flex-wrap: nowrap;
    flex-direction: row-reverse;
    align-items: flex-start;
    padding-top: 0.625rem;
  }
  .c-users .table--responsive .row-details__content .o-row [class*=o-row__col],
  .c-users .table--responsive .row-details__content .o-row [class*=o-row__col]:not(:last-of-type) {
    margin-bottom: 0;
  }
  .c-users .table--responsive .row-details__content .o-container {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .c-users .table--responsive .row-details__content p {
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .c-users .table--responsive .row-details__content {
    display: flex;
  }
}
@media screen and (min-width: 768px) {
  .c-users .table__cell-title {
    width: 25%;
  }
}
@media screen and (min-width: 768px) {
  .c-users .table__cell-properties {
    width: 60%;
  }
}
@media screen and (min-width: 768px) {
  .c-users .table__cell-moreinfo {
    width: 15%;
    text-align: right;
  }
}

/*------------------------------------*\
  #TRUMPS
\*------------------------------------*/
/**
 * “This layer beats – or 'trumps' – all other layers, and has the power to
 * override anything at all that has gone before it. It is inelegant and
 * heavy-handed, and contains utility and helper classes, hacks and overrides.
 *
* A lot of the declarations in this layer will carry !important (e.g.
 * .text-center { text-align: centre !important; }). This is the highest
 * specificity layer – it includes the most explicit types of rule, with the
 * most narrow focus. This layer forms the point of the Triangle.”
 *
 * (Source: see link at the top)
 */
/*------------------------------------*\
  #CLEARFIX
\*------------------------------------*/
.clearfix::before, .clearfix::after {
  display: table;
  content: " ";
}
.clearfix::after {
  clear: both;
}

/*------------------------------------*\
  #UTILITIES
\*------------------------------------*/
/*------------------------------------*\
  #VISIBILITY
\*------------------------------------*/
.u-hide {
  display: none !important;
}

/*------------------------------------*\
  # HEIGHT 100%
\*------------------------------------*/
.u-h-100 {
  height: 100% !important;
}

/*------------------------------------*\
  # BACKGROUND COLOR CLASSES
\*------------------------------------*/
.u-bg-verylightgrey {
  background-color: #CCCCCC;
}
.u-bg-mediumgrey {
  background-color: #D8D8D8;
}
.u-bg-grey {
  background-color: #F4F4F4;
}

/*------------------------------------*\
  # TEXT ALIGNMENT CLASSES
\*------------------------------------*/
.u-textalign-center {
  text-align: center;
}
.u-textalign-left {
  text-align: left;
}
.u-textalign-right {
  text-align: right;
}

/*------------------------------------*\
  # MOBILE & DESKTOP VISIBILITY
\*------------------------------------*/
.u-show-for-tablet-up,
.u-show-for-desktop-up,
.u-show-for-desktop-up--flex,
.u-show-for-desktop-up--inline-block,
.u-show-for-desktop-up--inline-flex {
  display: none !important;
}

@media (min-width: 768px) {
  .u-show-for-tablet-up {
    display: block !important;
  }
  .u-show-for-tablet-up-up--flex {
    display: flex !important;
  }
  .u-show-for-tablet-up--inline-block {
    display: inline-block !important;
  }
  .u-show-for-tablet-up--inline-flex {
    display: inline-flex !important;
  }
  .u-hide-for-tablet-up {
    display: none !important;
  }
}
@media (min-width: 1280px) {
  .u-show-for-desktop-up {
    display: block !important;
  }
  .u-show-for-desktop-up--flex {
    display: flex !important;
  }
  .u-show-for-desktop-up--inline-block {
    display: inline-block !important;
  }
  .u-show-for-desktop-up--inline-flex {
    display: inline-flex !important;
  }
  .u-hide-for-desktop-up {
    display: none !important;
  }
}
/*------------------------------------*\
  # OVERFLOW
\*------------------------------------*/
.u-overflow-hidden {
  overflow: hidden;
}
.u-overflow-x-hidden {
  overflow-x: hidden;
}
.u-overflow-y-hidden {
  overflow-y: hidden;
}
.u-overflow-visible {
  overflow: visible;
}
.u-overflow-x-visible {
  overflow-x: visible;
}
.u-overflow-y-visible {
  overflow-y: visible;
}

/*------------------------------------*\
  # OVERFLOW
\*------------------------------------*/
.u-rotate-180 {
  transform: rotate(180deg);
}

/*------------------------------------*\
  #SHAME
\*------------------------------------*/
/**
 * “The idea of shame.css is that you have a totally new stylesheet reserved
 * just for your hacky code. The code you have to write to get the release out
 * on time, but the code that makes you ashamed.” (Harry Roberts,
 * http://csswizardry.com/2013/04/shame-css/)
 */
/*
 * CSS fix for sites without a stage
 *
 * https://projekte.in2code.de/issues/48469
 */
@media screen and (max-width: 1279px) {
  main > div:first-of-type:not(.c-stage):not(.internalareahint):not(.c-stage-slider) + div,
  main > .internalareahint + .c-breadcrumb + div:not(.o-container) {
    padding-top: 80px;
  }
}
@media screen and (max-width: 360px) {
  main > div:first-of-type:not(.c-stage):not(.internalareahint):not(.c-stage-slider) + div,
  main > .internalareahint + .c-breadcrumb + div:not(.o-container) {
    padding-top: 45px;
  }
}

@media screen and (max-width: 1279px) {
  main > .internalareahint + .c-breadcrumb + .o-container {
    padding-top: 105px;
  }
}
@media screen and (max-width: 360px) {
  main > .internalareahint + .c-breadcrumb + .o-container {
    padding-top: 70px;
  }
}

@media screen and (max-width: 767px) {
  .hideOnMobile {
    display: none;
  }
}

.t-default .ce-bodytext a:not(.btn),
.t-default .ce-bodytext .btn--link {
  display: inline;
}

.c-tabs__content .o-container.calendar.cal {
  padding-top: 2rem;
}

/*------------------------------------*\
  #FULLPAGE
\*------------------------------------*/
/*
Fullpage

Styleguide 10
*/
/*
Startpage

Markup: templates/output/fullpage/startpage.html

bodyclass: t-default

Styleguide 10.1
*/
/*
Subpage

Markup: templates/output/fullpage/subpage.html

bodyclass: t-default

Styleguide 10.2
*/
/*
Teaserboxes

Markup: templates/output/fullpage/teaserboxes.html

bodyclass: t-default

Styleguide 10.3
*/