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

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

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

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

@media screen and (min-width: 768px) {
  h1,
  .h1 {
    font-size: 2.5rem;
    line-height: 1.2;
  }
}

/*
Inline Elements

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

Styleguide 2.7
*/
a {
  text-decoration: none;
  cursor: pointer;
}
.t-faculty-itmedia main a {
  color: #8C2D82;
}

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

/*
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;
  }
}
.o-container > .o-container:not(main) .o-container > .o-container {
  padding-left: 0;
  padding-right: 0;
}
.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--vertical-align [class*=o-row__col] {
  margin-bottom: 2rem;
}
[class*=o-row--gutter] .o-row__col-full, [class*=o-row--nogutter] .o-row__col-full {
  width: 100%;
}
@media only screen and (min-width: 375px) {
  .o-row\@smartphone {
    display: flex;
    flex-wrap: wrap;
  }
  [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);
  }
  [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);
  }
  .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);
  }
  [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);
  }
  [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%;
  }
  [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--end {
  align-items: flex-end;
}
.o-row--gutter {
  margin-left: -1rem;
  margin-right: -1rem;
}
.o-row--gutter [class*=o-row__col] {
  padding-left: 1rem;
  padding-right: 1rem;
}
.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 .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__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;
}
.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;
}
@media screen and (min-width: 1280px) {
  .c-header__searchcontainer {
    display: none;
  }
}
.c-header .c-main-menu {
  order: 2;
  top: 0;
}
@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: 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-faculty-itmedia .c-header .c-logo__link--textual {
  color: #8C2D82;
}
.c-header .c-logo__link--textual .o-icon {
  height: 60px;
  width: 182px;
}
}
@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-faculty-itmedia .c-header .c-logo__link--hka {
  color: #8C2D82;
}
}
@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: 1460px) {
  .c-header .c-logo__link--hka {
    right: -0.938rem;
  }
}
.c-header .hidden {
  visibility: hidden;
}
.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;
}
@media screen and (max-width: 767px) {
  .c-footer__partner-logo-container {
    order: 1;
    margin-block-end: 32px;
  }
}
.c-footer__listitem {
  margin-bottom: 1rem;
  padding-left: 2rem;
}
.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;
}
.c-footer__wordmark .o-icon {
  height: 60px;
  width: 184px;
}
@media (max-width: 360px) {
  .c-footer__wordmark .o-icon {
    height: 50px;
    width: auto;
  }
}

.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: inline-block;
  text-transform: uppercase;
  color: black;
  margin-bottom: 1rem;
  margin-right: 1rem;
}

.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
}