@charset "UTF-8";
/* stylelint-disable */
@import url(//fast.fonts.net/t/1.css?apiType=css&projectid=c84d69d9-be55-44b3-894f-d79ac6e854c3);
@font-face {
  font-family: FrutigerLTW02-45Light;
  src: url(../css/fonts/99f761bf-9f30-4bdd-b284-ee7038dc52c9.eot?#iefix);
  src: url(../css/fonts/99f761bf-9f30-4bdd-b284-ee7038dc52c9.eot?#iefix) format("eot"), url(../css/fonts/3dfb651c-3644-4f87-b7cb-32889ea939ba.woff2) format("woff2"), url(../css/fonts/59d9a83f-4045-4d43-af46-655f845461ee.woff) format("woff"), url(../css/fonts/f901b503-9104-414a-a856-af9bcc802b5c.ttf) format("truetype"), url(../css/fonts/e4d07d96-8993-47b9-9f1d-1e228bf1c529.svg#e4d07d96-8993-47b9-9f1d-1e228bf1c529) format("svg"); }

@font-face {
  font-family: FrutigerLTW02-46LightIt;
  src: url(../css/fonts/412becac-582a-4ba8-960b-67344a7c4f35.eot?#iefix);
  src: url(../css/fonts/412becac-582a-4ba8-960b-67344a7c4f35.eot?#iefix) format("eot"), url(../css/fonts/f084c6ed-96f5-4888-94ab-bf1c88d4c59d.woff2) format("woff2"), url(../css/fonts/9df27c27-758a-459d-adef-ec794e2f4339.woff) format("woff"), url(../css/fonts/e32edd56-9f04-4f0b-8ed3-4c2fee583dcf.ttf) format("truetype"), url(../css/fonts/9cf390ea-aabe-4d32-8126-d627ce744f4e.svg#9cf390ea-aabe-4d32-8126-d627ce744f4e) format("svg"); }

@font-face {
  font-family: FrutigerLTW02-55Roman;
  src: url(../css/fonts/c94bd41e-23b3-4522-8237-0a0f7bd0e953.eot?#iefix);
  src: url(../css/fonts/c94bd41e-23b3-4522-8237-0a0f7bd0e953.eot?#iefix) format("eot"), url(../css/fonts/361c8371-8c18-4a04-9430-ef7cd4bf06ec.woff2) format("woff2"), url(../css/fonts/409b4bec-c67e-4764-a141-054db8df81d2.woff) format("woff"), url(../css/fonts/efe9def0-77d1-4c28-8fd2-371236a3c8ed.ttf) format("truetype"), url(../css/fonts/70b07d32-76f5-474e-83b0-7d5a3fefb15b.svg#70b07d32-76f5-474e-83b0-7d5a3fefb15b) format("svg"); }

@font-face {
  font-family: FrutigerLTW02-56Italic;
  src: url(../css/fonts/b535a427-c56c-4484-b834-dde05736736c.eot?#iefix);
  src: url(../css/fonts/b535a427-c56c-4484-b834-dde05736736c.eot?#iefix) format("eot"), url(../css/fonts/c4b86f74-d12f-4601-bd3b-f34829f87b09.woff2) format("woff2"), url(../css/fonts/97935525-8e9d-4d37-a4df-956f6656209b.woff) format("woff"), url(../css/fonts/1b127be3-961c-4b75-8ab4-7bec69e88c2f.ttf) format("truetype"), url(../css/fonts/3048f5a2-9f13-481a-b01c-22228223c00b.svg#3048f5a2-9f13-481a-b01c-22228223c00b) format("svg"); }

@font-face {
  font-family: "Frutiger LT W02_65 Bold";
  src: url(../css/fonts/4d38d09a-3017-4733-a624-366fb9a71388.eot?#iefix);
  src: url(../css/fonts/4d38d09a-3017-4733-a624-366fb9a71388.eot?#iefix) format("eot"), url(../css/fonts/4200c415-688f-43d6-afb2-059d7aec7a02.woff2) format("woff2"), url(../css/fonts/3c514636-142f-43f9-983f-76110a86b424.woff) format("woff"), url(../css/fonts/f147a146-bb13-4102-a482-bbad38d9fcc0.ttf) format("truetype"), url(../css/fonts/10c3886a-7856-45f7-951d-24230bc1491a.svg#10c3886a-7856-45f7-951d-24230bc1491a) format("svg"); }

@font-face {
  font-family: unibe-iconset;
  src: url(../css/fonts/unibe-iconset-v03.eot?3q5tzh);
  src: url(../css/fonts/unibe-iconset-v03.eot?#iefix3q5tzh) format("embedded-opentype"), url(../css/fonts/unibe-iconset-v03.woff?3q5tzh) format("woff"), url(../css/fonts/unibe-iconset-v03.ttf?3q5tzh) format("truetype"), url(../css/fonts/unibe-iconset-v03.svg?3q5tzh#unibe-iconset) format("svg");
  font-weight: 400;
  font-style: normal; }

/**
* Layout
*/
/**
* Font sizes
*/
/**
* Line heights
*/
/**
* Breakpoints
*/
/**
* Breakpoint Variables for Foundation Grid
*/
/** Font-Weights */
/**
* Transition and Easings and Timings
* documented here: $TODO insert link
*/
/**
* Z-Indexes
*/
:root {
  --scrollbar-wd: 17px; }

html {
  -ms-overflow-style: -ms-autohiding-scrollbar; }

/**
 * Helper functions
 */
/**
 * Hide visually
 *
 * See https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * for discussion of different solutions
 */
/**
 *
 */
/**
 *
 */
/**
 * Contain floats with clearfix
 *
 * https://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Lists with layout purpose
 */
/**
 * Replace text
 */
/**
 * Better font rendering (on OS X)
 * https://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 *
 * Usage:
 *
 * .xy--dark-on-light {
 * 	@include fontSmoothing;
 * }
 * .xy--light-on-dark {
 * 	@include fontSmoothingReset;
 * }
 */
/**
 *
 */
/**
 * Placeholder in input fields
 */
/**
 * Generate linear interpolated size values through multiple break points
 * https://www.smashingmagazine.com/2017/05/fluid-responsive-typography-css-poly-fluid-sizing/
 *
 * @param $property - A string CSS property name
 * @param $map - A SASS map of viewport unit and size value pairs
 * @requires function linearInterpolation
 * @example
 *   @include polyFluidSizing('font-size', (small: 22px, medium: 24px, large: 34px));
 * @author Jake Wilson <jake.e.wilson@gmail.com>
 */
/**
 * Calculate the definition of a line between two points
 *
 * @param $map - A SASS map of viewport widths and size value pairs
 * @returns A linear equation as a calc() function
 * @example
 *   font-size: linearInterpolation((tiny: 18px, medium: 26px));
 * @author Jake Wilson <jake.e.wilson@gmail.com>
 */
/**
 * Get Value For Breakpoint or next smalles which is in target map available
 *
 * @param $targetMap - A Sass Map which is the target
 * @param $breakpoint - The whanted breakpoint
 * @returns A value in rem
 * @author Marcel Bührig <marcel.buehrig@zeix.com>
 */
/**
 * Generate CSS by giving a list or string and a value
 *
 * @param $listOrString - Either a list or a astring
 * @param $value - String, can be whatever value you like
 */
/**
 * Gets the according values from the sizeCurves and maps it to the wanted attributes
 *
 * @param $attributes - A list or a string of attributes (if string, there is only one)
 * @param $curve - The key value of the curve, e.g. regular
 * @param $map- The Map with all the wanted size curves inside - default: $sizeCurves
 */
/**
 * Grid offset for content elements
 */
/**
 * Grid bleeding for content elements
 */
/**
 * Resets the button no styling
 */
/**
 * SVG Icons
 */
/**
 * Transition Creator Mixin, default is set to create the default hover transition
 *
 */
/**
 * A Special Mixin to disable hover effects on mobile
 */
/**
 *  Breakpoint Settings
 */
/**
 * Map for the project breakpoints.
 * the breakpoint variables are defined in settings.scss
 */
/**
 * Use the breakpoints of this project.
 * if you have a breakpoint key with a hyphen, you need to make a string out of it (tablet-portrait -> 'tablet-portrait')
 *
 * Examples:
 * @include breakpoint('tablet-portrait') -> takes the min of the tablet-portrait
 * @include breakpoint(desktop, only) -> takes the min and max value from the desktop breakpoint
 * @include breakpoint(phone, desktop) -> takes the min of the phone and the max of the desktop
 *
 * @param  {string} $base-key - key of the min breakpoint
 * @param  {string} $additional - key for breakpoint or 'only'
 */
body.dev:before {
  content: '';
  display: block;
  width: 200px;
  height: 40px;
  font-size: 20px;
  color: white;
  background-color: red;
  padding: 3px;
  font-weight: bold;
  font-family: arial, sans-serif;
  position: sticky;
  top: 0;
  left: 0; }
  @media screen and (max-width: 767px) {
    body.dev:before {
      content: 'phone'; } }
  @media screen and (min-width: 320px) {
    body.dev:before {
      content: 'tablet-portrait'; } }
  @media screen and (min-width: 768px) {
    body.dev:before {
      content: 'tablet-landscape'; } }
  @media screen and (min-width: 1025px) {
    body.dev:before {
      content: 'desktop'; } }
  @media screen and (min-width: 1281px) {
    body.dev:before {
      content: 'desktop-big'; } }

/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
 * Name your breakpoints in a way that creates a ubiquitous language
 * across team members. It will improve communication between
 * stakeholders, designers, developers, and testers.
 */
/**
 * Define the breakpoint from the $mqBreakpoints list that should
 * be used as the target width when outputting a static stylesheet
 * (i.e. when $mqResponsive is set to 'false').
 */
/**
 * If you want to display the currently active breakpoint in the top
 * right corner of your site during development, add the breakpoints
 * to this list, ordered by width, e.g. (mobile, tablet, desktop).
 */
/**
 * Media Query mixin
 * Usage:
 * .element {
 *     @include mq($from: mobile) {
 *         color: red;
 *     }
 *     @include mq($to: tablet) {
 *         color: blue;
 *     }
 *     @include mq(mobile, tablet) {
 *         color: green;
 *     }
 *     @include mq($from: tablet, $and: '(orientation: landscape)') {
 *         color: teal;
 *     }
 *     @include mq(950px) {
 *         color: hotpink;
 *     }
 * }
 */
/**
 * Add a breakpoint
 * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
 */
/**
 * Create JSON string of map of breakpoints
 */
/**
 * Create JSON string of single breakpoint
 */
/**
 * Generic classes
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px !important;
  overflow: hidden;
  padding: 0 !important;
  position: absolute;
  width: 1px; }

.clearfix {
  *zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: ' ';
    display: table; }
  .clearfix:after {
    clear: both; }

@media screen and (max-width: 1024px) {
  .container-fluid {
    padding-left: 0;
    padding-right: 0; } }

section:not(.content-tabs):not(.annual-report-final--sender) {
  margin-bottom: 70px; }

#annual_report_outer_content {
  margin-bottom: 100px; }

.focus-topic {
  font-size: 15px;
  line-height: 1;
  color: #e6002e;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  margin-top: 72px;
  display: block; }
  .focus-topic:hover {
    color: #e6002e; }

.nopadding-horizontal {
  padding-left: 0;
  padding-right: 0; }

img {
  max-width: 100%; }

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0; }
  .videoWrapper video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.flex {
  display: flex; }

html.sr .load-hidden {
  visibility: hidden; }

* {
  box-sizing: border-box; }

nav ul,
nav ol {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.container-fluid {
  padding-left: 0;
  padding-right: 0; }
  @media screen and (min-width: 767px) and (max-width: 769px) {
    .container-fluid {
      margin-top: 0; } }

.lyt-wrapper {
  margin: 0 auto;
  width: 100%;
  max-width: 100%; }

.paragraph-title {
  font-size: 30px;
  color: #121212;
  font-family: "Frutiger LT W02_65 Bold", Arial, Helvetica, sans-serif; }

.paragraph {
  font-size: 18px;
  color: #666; }

.annual-report-final {
  background-color: #0f7d28;
  color: #fff;
  margin-bottom: 0; }
  .annual-report-final--sender {
    position: relative;
    top: 50vh; }
    @media screen and (max-width: 769px) {
      .annual-report-final--sender {
        top: 33vh; } }
    .annual-report-final--sender a,
    .annual-report-final--sender a:hover {
      color: #fff;
      text-decoration: none;
      border-bottom: 1px solid #fff; }

.pswp__wrapper iframe {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto; }

.pswp__top-bar {
  height: 70px;
  background-color: #000; }

.mdl-videoheader {
  z-index: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden; }
  .mdl-videoheader img {
    position: absolute;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
  .mdl-videoheader .container {
    height: 100%;
    padding: 128px 0; }
    @media screen and (min-width: 320px) and (max-width: 1024px) {
      .mdl-videoheader .container {
        padding: 0; } }
    @media screen and (max-width: 767px) {
      .mdl-videoheader .container {
        padding: 128px 0; } }
  .mdl-videoheader_video {
    position: absolute;
    z-index: 1;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%; }
  .mdl-videoheader_overlay {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 1;
    transition: background 0.9s ease-in; }
    .mdl-videoheader_overlay.finished {
      transition: all 0.9s ease-in;
      background: #000;
      opacity: 0.6; }
  .mdl-videoheader_content {
    height: 100%;
    position: relative;
    z-index: 10;
    top: 25%;
    color: #fff;
    padding: 0 24px; }
    @media screen and (min-width: 320px) and (max-width: 1024px) {
      .mdl-videoheader_content {
        height: auto; } }
    @media screen and (max-width: 767px) {
      .mdl-videoheader_content {
        top: 25%; } }
    .mdl-videoheader_content_openVideo {
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 100%;
      width: 100%;
      top: 0;
      position: absolute; }
      .mdl-videoheader_content_openVideo_button {
        display: flex;
        align-items: center;
        background: none;
        border: none;
        width: 100%;
        justify-content: center; }
        .mdl-videoheader_content_openVideo_button:hover {
          cursor: pointer;
          color: #e6002e; }
          .mdl-videoheader_content_openVideo_button:hover span {
            color: white; }
          .mdl-videoheader_content_openVideo_button:hover_iconLabel:before {
            color: #e6002e; }
        .mdl-videoheader_content_openVideo_button label {
          margin-right: 0.5em; }
      .mdl-videoheader_content_openVideo_iconLabel {
        cursor: pointer; }
        .mdl-videoheader_content_openVideo_iconLabel:before {
          font-family: "unibe-iconset";
          font-size: 50px;
          content: '\e902'; }
          .mdl-videoheader_content_openVideo_iconLabel:before:hover {
            cursor: pointer;
            color: #e6002e; }
    .mdl-videoheader_content_header {
      color: #fff;
      position: absolute;
      justify-content: center;
      bottom: 0; }
      .mdl-videoheader_content_header_title {
        margin-bottom: 0.625rem;
        text-align: center;
        line-height: 1.2;
        font-family: "FrutigerLTW02-45Light", Arial, Helvetica, sans-serif; }
        .mdl-videoheader_content_header_title {
          font-size: 22px; }
          @media screen and (min-width: 320px) {
            .mdl-videoheader_content_header_title {
              font-size: calc(22px + 58 * ((100vw - 320px) / 880)); } }
          @media screen and (min-width: 1200px) {
            .mdl-videoheader_content_header_title {
              font-size: 80px; } }
        @media screen and (max-width: 767px) {
          .mdl-videoheader_content_header_title {
            font-family: "FrutigerLTW02-55Roman", Arial, Helvetica, sans-serif;
            margin-bottom: 8px; } }
      .mdl-videoheader_content_header_quote {
        text-align: center;
        margin-bottom: 24px;
        font-family: "FrutigerLTW02-55Roman", Arial, Helvetica, sans-serif; }
        .mdl-videoheader_content_header_quote {
          font-size: 16px; }
          @media screen and (min-width: 320px) {
            .mdl-videoheader_content_header_quote {
              font-size: calc(16px + 20 * ((100vw - 320px) / 880)); } }
          @media screen and (min-width: 1200px) {
            .mdl-videoheader_content_header_quote {
              font-size: 36px; } }
        @media screen and (max-width: 767px) {
          .mdl-videoheader_content_header_quote {
            margin-bottom: 0;
            line-height: 1.2; } }
  .mdl-videoheader__arrow {
    margin-top: 8rem;
    width: 100%;
    transform: translateX(0);
    transition: all 0.3s ease-out;
    pointer-events: none;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .mdl-videoheader__arrow {
        display: none; } }
    .mdl-videoheader__arrow--border {
      padding: 1.3125rem 0.775rem 2.625rem 0.775rem;
      border: 2px solid #fff;
      display: inline-block; }
    .mdl-videoheader__arrow .mdl-column_square_boxes__arrow-icon {
      display: block;
      transform: rotate(90deg); }

@media screen and (max-width: 767px) {
  .institute .mdl-videoheader_content {
    top: 25%;
    display: flex;
    flex-direction: column; }
    .institute .mdl-videoheader_content .row:nth-child(1) {
      order: 2; }
    .institute .mdl-videoheader_content .row:nth-child(2) {
      order: 3; }
    .institute .mdl-videoheader_content .row:nth-child(3) {
      order: 1; } }

.mdl-detail_story_image {
  display: block;
  position: relative;
  width: 100%;
  max-height: 100vw;
  -o-object-fit: cover;
     object-fit: cover; }
  @media screen and (min-width: 1025px) {
    .mdl-detail_story_image {
      position: fixed;
      -o-object-fit: cover;
         object-fit: cover;
      top: 0;
      height: 100vh;
      width: 50%; } }

.mdl-detail_story_content {
  margin: 70px 10px 0 10px; }
  @media screen and (min-width: 1025px) {
    .mdl-detail_story_content {
      margin-left: 4vw; } }
  .mdl-detail_story_content_overview {
    text-transform: uppercase;
    line-height: 1;
    font-size: 0.83em;
    letter-spacing: 1.8px;
    color: #d6002b;
    display: block;
    margin-bottom: 24px; }
  .mdl-detail_story_content_lead {
    line-height: 37px;
    font-size: 21px;
    font-family: "FrutigerLTW02-45Light", Arial, Helvetica, sans-serif;
    color: #666; }
  .mdl-detail_story_content h1 {
    margin-bottom: 28px;
    margin-top: 0;
    letter-spacing: -0.3px;
    line-height: 48px; }
  .mdl-detail_story_content h2 {
    margin-top: 0;
    margin-bottom: 24px;
    line-height: 39px; }
  .mdl-detail_story_content h3 {
    font-size: 1.33em;
    line-height: 1.333; }

.mdl-multimedia {
  max-width: 100vw;
  min-height: 100vh;
  color: #fff; }
  .mdl-multimedia__wrapper {
    position: relative; }
    @media screen and (min-width: 767px) and (max-width: 769px) {
      .mdl-multimedia__wrapper {
        margin-top: 0 !important; } }
  .mdl-multimedia__video {
    height: 100%;
    width: 100%;
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover; }
  .mdl-multimedia__overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    background: white;
    opacity: 1;
    transition: all 0.9s ease-in; }
    .mdl-multimedia__overlay.finished {
      transition: all 0.9s ease-in;
      background: black;
      opacity: 0.6; }
  .mdl-multimedia--withheader .mdl-multimedia__topic {
    margin-top: 220px;
    margin-bottom: 140px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'FrutigerLTW02-55Roman', Arial, Helvetica, sans-serif;
    letter-spacing: 1.8px;
    font-size: 24px;
    line-height: 1.416; }
    .mdl-multimedia--withheader .mdl-multimedia__topic {
      font-size: 16px; }
      @media screen and (min-width: 840px) {
        .mdl-multimedia--withheader .mdl-multimedia__topic {
          font-size: calc(16px + 8 * ((100vw - 840px) / 360)); } }
      @media screen and (min-width: 1200px) {
        .mdl-multimedia--withheader .mdl-multimedia__topic {
          font-size: 24px; } }
    @media screen and (max-width: 1024px) {
      .mdl-multimedia--withheader .mdl-multimedia__topic {
        margin-bottom: 140px; } }
  .mdl-multimedia--withheader .mdl-multimedia__heading {
    color: #fff;
    line-height: 1.2;
    font-family: "FrutigerLTW02-45Light", Arial, Helvetica, sans-serif; }
    .mdl-multimedia--withheader .mdl-multimedia__heading {
      font-size: 40px; }
      @media screen and (min-width: 840px) {
        .mdl-multimedia--withheader .mdl-multimedia__heading {
          font-size: calc(40px + 20 * ((100vw - 840px) / 360)); } }
      @media screen and (min-width: 1200px) {
        .mdl-multimedia--withheader .mdl-multimedia__heading {
          font-size: 60px; } }
  .mdl-multimedia__heading h2 {
    text-transform: uppercase;
    color: #fff;
    font-family: 'FrutigerLTW02-55Roman', Arial, Helvetica, sans-serif;
    letter-spacing: 1.8px;
    font-size: 24px;
    line-height: 1.416;
    margin-top: 140px !important;
    margin-bottom: 240px; }
  .mdl-multimedia__heading--notext {
    padding-bottom: calc(56.25% - 100px); }
    .mdl-multimedia__heading--notext h2 {
      margin-bottom: 0; }
  .mdl-multimedia__p {
    margin-bottom: 60px; }
    .mdl-multimedia__p p {
      color: #fff;
      line-height: 1.388; }
      .mdl-multimedia__p p {
        font-size: 24px; }
        @media screen and (min-width: 840px) {
          .mdl-multimedia__p p {
            font-size: calc(24px + 12 * ((100vw - 840px) / 360)); } }
        @media screen and (min-width: 1200px) {
          .mdl-multimedia__p p {
            font-size: 36px; } }
  .mdl-multimedia__arrowlink {
    color: #fff;
    text-align: right;
    margin-bottom: 140px;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 0.38px; }
    .mdl-multimedia__arrowlink a {
      color: #fff;
      text-decoration: none;
      transform: translateX(0);
      transition: all 0.3s ease-out; }
      .mdl-multimedia__arrowlink a:after {
        content: '\e900';
        font-family: "unibe-iconset";
        color: #fff;
        display: inline-block;
        margin-left: 18px;
        font-size: 42px;
        line-height: 15px;
        vertical-align: middle;
        transform: translateX(0);
        transition: all 0.3s ease-out; }
      .mdl-multimedia__arrowlink a:hover {
        color: #fff;
        text-decoration: none; }
        .mdl-multimedia__arrowlink a:hover:after {
          transform: translateX(20px);
          transition: all 0.3s ease-in; }

.institute .mdl-multimedia {
  position: relative;
  top: 72px; }
  @media all and (max-width: 52.49em) {
    .institute .mdl-multimedia {
      top: 56px; } }

.mdl-column_square_boxes {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  color: white; }
  .mdl-column_square_boxes h1, .mdl-column_square_boxes h2 {
    color: white; }
  .mdl-column_square_boxes p {
    margin-bottom: 0; }
  .mdl-column_square_boxes a,
  .mdl-column_square_boxes a:hover {
    color: white; }
  .mdl-column_square_boxes__title, .mdl-column_square_boxes__p, .mdl-column_square_boxes__arrow {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 10; }
    @media screen and (min-width: 768px) and (max-width: 1280px) {
      .mdl-column_square_boxes__title, .mdl-column_square_boxes__p, .mdl-column_square_boxes__arrow {
        width: 80%; } }
    @media screen and (max-width: 767px) {
      .mdl-column_square_boxes__title, .mdl-column_square_boxes__p, .mdl-column_square_boxes__arrow {
        width: 90%; } }
  .mdl-column_square_boxes__overlay {
    position: absolute;
    top: 0;
    opacity: 0.7;
    background: linear-gradient(180deg, rgba(18, 18, 18, 0.6) 0.09%, #121212 100%);
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: all 0.3s ease-out; }
    .mdl-column_square_boxes__overlay--3 {
      position: relative;
      width: 100vw;
      height: 33.3333vw;
      top: 0; }
  .mdl-column_square_boxes__title {
    margin-top: calc(50vw * 0.3638); }
    @media screen and (max-width: 1024px) {
      .mdl-column_square_boxes__title {
        margin-top: 0; } }
    .mdl-column_square_boxes__title--3 {
      margin-top: 15%; }
      @media screen and (max-width: 1024px) {
        .mdl-column_square_boxes__title--3 {
          margin-top: 0; } }
    .mdl-column_square_boxes__title h2 {
      font-family: "Frutiger LT W02_65 Bold", Arial, Helvetica, sans-serif;
      font-size: 24px;
      line-height: 1.4167;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      font-weight: normal;
      margin-top: 0 !important;
      margin-bottom: calc(90px - 1em); }
      @media screen and (max-width: 767px) {
        .mdl-column_square_boxes__title h2 {
          margin-bottom: 0; } }
  .mdl-column_square_boxes__p p {
    color: white;
    font-family: "FrutigerLTW02-55Roman", Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 1.389;
    font-weight: normal; }
  .mdl-column_square_boxes__arrow {
    position: absolute;
    bottom: calc(50vw * 0.175);
    width: 100%;
    transform: translateX(0);
    transition: all 0.3s ease-out; }
    @media screen and (max-width: 767px) {
      .mdl-column_square_boxes__arrow {
        position: relative;
        bottom: unset; } }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .mdl-column_square_boxes__arrow {
        bottom: auto; } }
    .mdl-column_square_boxes__arrow--3 {
      bottom: 2em; }
      @media screen and (max-width: 767px) {
        .mdl-column_square_boxes__arrow--3 {
          position: relative;
          bottom: unset; } }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .mdl-column_square_boxes__arrow--3 {
          bottom: auto; } }
    .mdl-column_square_boxes__arrow-icon {
      font-family: unibe-iconset;
      color: white;
      font-size: 40px;
      line-height: 1; }
      @media screen and (max-width: 1024px) {
        .mdl-column_square_boxes__arrow-icon {
          font-size: 35px;
          font-weight: 500; } }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .mdl-column_square_boxes__arrow-icon {
          font-size: 35px;
          font-weight: 500; } }
  .mdl-column_square_boxes__wrapper_2 {
    height: 50vw; }
    @media screen and (max-width: 1024px) {
      .mdl-column_square_boxes__wrapper_2 {
        height: calc(100vw - 17px);
        display: flex;
        flex-direction: column;
        justify-content: space-evenly; } }
  .mdl-column_square_boxes__wrapper_3 {
    height: 33.333vw;
    padding-left: 0; }
    @media screen and (min-width: 1281px) {
      .mdl-column_square_boxes__wrapper_3 {
        height: 25vw; } }
    @media screen and (max-width: 1024px) {
      .mdl-column_square_boxes__wrapper_3 {
        height: calc(100vw - 17px);
        display: flex;
        flex-direction: column;
        justify-content: space-evenly; } }
  .mdl-column_square_boxes__wrapper_2, .mdl-column_square_boxes__wrapper_2 {
    padding-left: 0;
    padding-right: 0; }
  .mdl-column_square_boxes__wrapper--institute-1 {
    background-color: #0f7d28; }
  .mdl-column_square_boxes__wrapper--institute-2 {
    background-color: #0c6320; }
  .mdl-column_square_boxes__wrapper--institute-3 {
    background-color: #094a18; }
  .mdl-column_square_boxes__wrapper--institute-1 .mdl-column_square_boxes__overlay,
  .mdl-column_square_boxes__wrapper--institute-2 .mdl-column_square_boxes__overlay,
  .mdl-column_square_boxes__wrapper--institute-3 .mdl-column_square_boxes__overlay {
    background: none; }

.mdl-column_square_boxes a {
  transition: all 0.5s ease-out; }
  .mdl-column_square_boxes a:hover .mdl-column_square_boxes__arrow {
    transform: translateX(20px);
    transition: all 0.3s ease-in; }
  .mdl-column_square_boxes a:hover .mdl-column_square_boxes__overlay {
    opacity: 0.4;
    transition: all 0.3s ease-in; }

.institute .mdl-column_square_boxes__title,
.institute .mdl-column_square_boxes__p {
  width: 75%; }

.mdl-department_teaserbox {
  background-color: #C9142B;
  -webkit-clip-path: polygon(100% 0%, 101% 72%, 75% 100%, -16% 100%, 0% 0%);
          clip-path: polygon(100% 0%, 101% 72%, 75% 100%, -16% 100%, 0% 0%);
  padding: 36px;
  color: white;
  height: 33.333vw; }
  .mdl-department_teaserbox:hover {
    cursor: pointer; }
  @media screen and (min-width: 0) and (max-width: 768px) {
    .mdl-department_teaserbox {
      height: 100vw; } }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .mdl-department_teaserbox {
      height: 50vw; } }
  .mdl-department_teaserbox--Le {
    background-color: #C9142B; }
    .mdl-department_teaserbox--Le:hover {
      background-color: #912024; }
  .mdl-department_teaserbox--Fo {
    background-color: #AD1C27; }
    .mdl-department_teaserbox--Fo:hover {
      background-color: #772020; }
  .mdl-department_teaserbox--En {
    background-color: #912024; }
    .mdl-department_teaserbox--En:hover {
      background-color: #441C19; }
  .mdl-department_teaserbox--Qu {
    background-color: #AD1C27; }
    .mdl-department_teaserbox--Qu:hover {
      background-color: #772020; }
  .mdl-department_teaserbox--Ve {
    background-color: #912024; }
    .mdl-department_teaserbox--Ve:hover {
      background-color: #441C19; }
  .mdl-department_teaserbox a {
    color: white;
    text-decoration: none; }
    .mdl-department_teaserbox a .title {
      color: white;
      font-size: 15px;
      letter-spacing: 1.8px;
      line-height: 15px;
      text-transform: uppercase; }
      @media screen and (min-width: 376px) and (max-width: 767px) {
        .mdl-department_teaserbox a .title {
          margin-bottom: 0; } }
      @media screen and (max-width: 767px) {
        .mdl-department_teaserbox a .title {
          margin-bottom: 0;
          margin-top: 0 !important; } }
    .mdl-department_teaserbox a .abbr {
      position: absolute;
      top: 20%;
      left: 20%;
      text-align: center;
      line-height: 1;
      letter-spacing: -12px; }
      .mdl-department_teaserbox a .abbr {
        font-size: 200px; }
        @media screen and (min-width: 1000px) {
          .mdl-department_teaserbox a .abbr {
            font-size: calc(200px + 40 * ((100vw - 1000px) / 400)); } }
        @media screen and (min-width: 1400px) {
          .mdl-department_teaserbox a .abbr {
            font-size: 240px; } }
      @media screen and (min-width: 0px) and (max-width: 540px) {
        .mdl-department_teaserbox a .abbr {
          font-size: 200px; } }
      @media screen and (min-width: 541px) and (max-width: 767px) {
        .mdl-department_teaserbox a .abbr {
          font-size: 280px; } }
      @media screen and (min-width: 1024px) and (max-width: 1400px) {
        .mdl-department_teaserbox a .abbr {
          top: 18%; } }
    .mdl-department_teaserbox a .descr p {
      font-size: 15px;
      line-height: 20px;
      width: 60%;
      margin-bottom: 0;
      position: absolute;
      bottom: 3em; }
      .mdl-department_teaserbox a .descr p {
        font-size: 12px; }
        @media screen and (min-width: 1000px) {
          .mdl-department_teaserbox a .descr p {
            font-size: calc(12px + 3 * ((100vw - 1000px) / 200)); } }
        @media screen and (min-width: 1200px) {
          .mdl-department_teaserbox a .descr p {
            font-size: 15px; } }
      @media screen and (max-width: 767px) {
        .mdl-department_teaserbox a .descr p {
          font-size: 16px;
          line-height: 1.4;
          width: 70%; } }
      @media screen and (max-width: 375px) {
        .mdl-department_teaserbox a .descr p {
          position: absolute;
          bottom: 1em;
          font-size: 12px; } }
      @media screen and (min-width: 376px) and (max-width: 767px) {
        .mdl-department_teaserbox a .descr p {
          position: absolute;
          bottom: 4em; } }
      @media screen and (min-width: 767px) and (max-width: 1200px) {
        .mdl-department_teaserbox a .descr p {
          font-size: 13px; } }

.department_teaserbox_wrapper > [class^="col-"] {
  padding-left: 0;
  padding-right: 0; }

.department_teaserbox_wrapper--outer {
  background-color: #E6002E;
  padding: 0; }
  .department_teaserbox_wrapper--outer #from_the_departments {
    font-family: 'FrutigerLTW02-55Roman', Arial, Helvetica, sans-serif;
    color: white;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 22px;
    letter-spacing: 1.8px;
    margin-top: 140px;
    margin-bottom: 140px; }
    @media screen and (max-width: 767px) {
      .department_teaserbox_wrapper--outer #from_the_departments {
        margin-bottom: 2em;
        margin-top: 2em;
        line-height: 1.4; } }
  .department_teaserbox_wrapper--outer .container-fluid {
    padding: 0; }

.mdl-hero {
  position: relative;
  z-index: 1;
  margin-top: 600px; }
  @media screen and (max-width: 767px) {
    .mdl-hero {
      height: auto; } }
  .mdl-hero_image_wrapper_label {
    position: absolute;
    min-width: 90%;
    bottom: 0;
    margin-bottom: 20px;
    margin-left: -5vw;
    background: rgba(255, 255, 255, 0.7);
    padding: 16px; }
    @media screen and (min-width: 768px) and (max-width: 1280px) {
      .mdl-hero_image_wrapper_label {
        margin-left: 0; } }
    @media screen and (max-width: 767px) {
      .mdl-hero_image_wrapper_label {
        margin: 0;
        position: relative;
        padding-bottom: 0; } }
  .mdl-hero_playbutton {
    padding-top: 5px;
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.7);
    border: none;
    width: 100%; }
    .mdl-hero_playbutton_label {
      color: #121212; }
    .mdl-hero_playbutton_icon:before {
      color: #d6002b;
      font-family: "unibe-iconset";
      font-size: 50px;
      content: '\e902'; }
  .mdl-hero_image {
    max-width: 100%;
    margin-top: -5vh; }
    .mdl-hero_image_label_name {
      color: #121212; }
  .mdl-hero_quote {
    font-size: 36px;
    line-height: 43px;
    font-family: "Frutiger LT W02_65 Bold", Arial, Helvetica, sans-serif;
    margin-top: -35vh;
    margin-bottom: 0;
    color: #121212;
    background: rgba(255, 255, 255, 0.7);
    padding: 16px;
    padding-bottom: 0; }
    @media screen and (min-width: 320px) and (max-width: 1280px) {
      .mdl-hero_quote {
        margin-top: -41vh; } }
    @media screen and (max-width: 767px) {
      .mdl-hero_quote {
        font-size: 24px;
        line-height: 30px;
        margin-top: 0; } }
  .mdl-hero_wrapper_content {
    position: relative;
    display: flex; }
    @media screen and (max-width: 767px) {
      .mdl-hero_wrapper_content {
        display: block; } }
  .mdl-hero_wrapper_image {
    position: absolute;
    bottom: 0; }
    @media screen and (max-width: 767px) {
      .mdl-hero_wrapper_image {
        position: relative; } }
  .mdl-hero__arrow-right-wrapper {
    padding: 16px;
    text-align: right;
    background: rgba(255, 255, 255, 0.7); }
    @media all and (max-width: 52.49em) {
      .mdl-hero__arrow-right-wrapper {
        text-align: left; } }
  .mdl-hero__arrow-right-anchor {
    font-family: "Frutiger LT W02_65 Bold", Arial, Helvetica, sans-serif;
    text-decoration: none;
    transform: translateX(0);
    transition: all 0.3s ease-out;
    font-size: 15px;
    color: #121212; }
    .mdl-hero__arrow-right-anchor:after {
      content: '\e900';
      font-family: "unibe-iconset";
      display: inline-block;
      margin-left: 18px;
      font-size: 42px;
      line-height: 15px;
      vertical-align: middle;
      transform: translateX(0);
      transition: all 0.3s ease-out; }
    .mdl-hero__arrow-right-anchor:hover {
      text-decoration: none; }
      .mdl-hero__arrow-right-anchor:hover:after {
        transform: translateX(20px);
        transition: all 0.3s ease-in; }

.institute .mdl-hero_image_wrapper_label {
  text-transform: uppercase;
  font-family: "Frutiger LT W02_65 Bold", Arial, Helvetica, sans-serif;
  color: #121212; }

.mdl-focuspoint {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 100%;
  position: relative; }
  @media screen and (max-width: 767px) {
    .mdl-focuspoint .container {
      padding-left: 0;
      padding-right: 0; } }
  .mdl-focuspoint_defaultBackgroundImage {
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    height: 100%;
    width: 100%; }
  .mdl-focuspoint_backgroundImage {
    transition: opacity 0.5s;
    opacity: 0;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    height: 100%;
    width: 100%; }
  .mdl-focuspoint_content {
    position: relative;
    height: 100%; }
    @media screen and (max-width: 767px) {
      .mdl-focuspoint_content {
        padding: 20px; } }
  .mdl-focuspoint_link {
    color: #fff;
    transition: transform 0.4s;
    position: relative; }
    @media screen and (max-width: 767px) {
      .mdl-focuspoint_link {
        height: 100vw;
        width: 100vw; } }
    @media screen and (min-width: 320px) and (max-width: 1024px) {
      .mdl-focuspoint_link {
        min-height: 200px; } }
    .mdl-focuspoint_link_focused {
      transform: scale(1.05) translateY(-10px); }
      @media screen and (max-width: 767px) {
        .mdl-focuspoint_link_focused {
          transform: scale(1.05) translateY(-5px); } }
      .mdl-focuspoint_link_focused .mdl-focuspoint_link_circle {
        background-color: #e6002e; }
    .mdl-focuspoint_link:focus {
      color: #fff; }
      .mdl-focuspoint_link:focus .mdl-focuspoint_link_circle {
        background-color: #e6002e; }
    .mdl-focuspoint_link:hover {
      color: #fff; }
      .mdl-focuspoint_link:hover .mdl-focuspoint_link_circle {
        background-color: #e6002e;
        opacity: 1;
        color: #fff;
        transform: scale(1.05); }
    .mdl-focuspoint_link_wrapper {
      position: relative;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 66%;
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      text-align: center; }
      @media screen and (max-width: 767px) {
        .mdl-focuspoint_link_wrapper {
          top: 50%;
          width: 80%; } }
      @media screen and (min-width: 320px) and (max-width: 1024px) {
        .mdl-focuspoint_link_wrapper {
          width: 85%; } }
    .mdl-focuspoint_link_title {
      color: #fff;
      margin-top: 0 !important;
      font-size: 36px;
      line-height: 1.111;
      font-family: "FrutigerLTW02-45Light", Arial, Helvetica, sans-serif;
      margin-bottom: 12px; }
      .mdl-focuspoint_link_title {
        font-size: 24px; }
        @media screen and (min-width: 840px) {
          .mdl-focuspoint_link_title {
            font-size: calc(24px + 12 * ((100vw - 840px) / 360)); } }
        @media screen and (min-width: 1200px) {
          .mdl-focuspoint_link_title {
            font-size: 36px; } }
    .mdl-focuspoint_link_description {
      line-height: 1.388;
      font-family: "FrutigerLTW02-55Roman", Arial, Helvetica, sans-serif;
      margin-bottom: 12px; }
      .mdl-focuspoint_link_description {
        font-size: 14px; }
        @media screen and (min-width: 840px) {
          .mdl-focuspoint_link_description {
            font-size: calc(14px + 4 * ((100vw - 840px) / 360)); } }
        @media screen and (min-width: 1200px) {
          .mdl-focuspoint_link_description {
            font-size: 18px; } }
    .mdl-focuspoint_link_icon {
      display: flex;
      justify-content: center;
      position: absolute;
      width: 100%;
      bottom: 15%; }
      @media screen and (min-width: 320px) and (max-width: 1280px) {
        .mdl-focuspoint_link_icon {
          bottom: 8%; } }
      @media screen and (max-width: 767px) {
        .mdl-focuspoint_link_icon {
          bottom: 15%; } }
      .mdl-focuspoint_link_icon:before {
        font-family: "unibe-iconset";
        content: '\e900'; }
        .mdl-focuspoint_link_icon:before {
          font-size: 30px; }
          @media screen and (min-width: 840px) {
            .mdl-focuspoint_link_icon:before {
              font-size: calc(30px + 10 * ((100vw - 840px) / 360)); } }
          @media screen and (min-width: 1200px) {
            .mdl-focuspoint_link_icon:before {
              font-size: 40px; } }
    .mdl-focuspoint_link_circle {
      transition: all 0.5s;
      height: 33vw;
      width: 33vw;
      border-radius: 50%;
      display: inline-block;
      background-color: #e6002e50; }
      .mdl-focuspoint_link_circle:hover {
        background-color: #e6002e;
        opacity: 1;
        color: #fff; }
      @media screen and (max-width: 767px) {
        .mdl-focuspoint_link_circle {
          width: 100vw;
          height: 100vw; } }
      @media screen and (min-width: 320px) and (max-width: 1024px) {
        .mdl-focuspoint_link_circle {
          min-height: 200px; } }
  .mdl-focuspoint_overlay {
    background: rgba(0, 0, 0, 0.47);
    position: absolute;
    height: 100%;
    width: 100vw; }
  .mdl-focuspoint_title {
    margin-top: 134px !important;
    margin-bottom: 200px;
    font-family: "FrutigerLTW02-55Roman", Arial, Helvetica, sans-serif;
    font-size: 24px;
    line-height: 34px;
    text-transform: uppercase;
    color: #fff; }
    @media screen and (max-width: 767px) {
      .mdl-focuspoint_title {
        margin: 134px 0; } }
  .mdl-focuspoint .row {
    margin-top: -4.3vw;
    display: flex;
    justify-content: center; }
    @media screen and (max-width: 767px) {
      .mdl-focuspoint .row {
        flex-wrap: wrap;
        margin-top: 0;
        margin-left: 0;
        margin-right: 0; } }
    .mdl-focuspoint .row a:first-child:nth-last-child(1) {
      /* -or- li:only-child { */
      margin-left: -33vw; }
    .mdl-focuspoint .row a:first-child:nth-last-child(3),
    .mdl-focuspoint .row a:first-child:nth-last-child(3) ~ a {
      margin-top: 6vh; }
      @media screen and (max-width: 767px) {
        .mdl-focuspoint .row a:first-child:nth-last-child(3),
        .mdl-focuspoint .row a:first-child:nth-last-child(3) ~ a {
          margin-top: 0; } }

.mdl-header {
  padding-top: 16px;
  padding-bottom: 16px; }
  @media screen and (min-width: 0) and (max-width: 350px) {
    .mdl-header {
      padding-bottom: 8px; } }
  .mdl-header_content {
    display: flex;
    justify-content: space-between;
    padding: 0 8px; }
    @media screen and (min-width: 768px) {
      .annual-report-home .mdl-header_content {
        align-items: center; } }
    @media screen and (max-width: 767px) {
      .mdl-header_content {
        flex-wrap: wrap-reverse; } }
    .mdl-header_content_title {
      margin: 0; }
      .mdl-header_content_title a {
        font-size: 16px;
        color: #000 !important; }
        @media screen and (max-width: 767px) {
          .mdl-header_content_title a {
            font-size: 20px; } }
        @media screen and (min-width: 768px) {
          .mdl-header_content_title a {
            font-size: 30px; } }
        @media screen and (min-width: 1025px) {
          .mdl-header_content_title a {
            font-size: 40px; } }
      .mdl-header_content_title-sender {
        margin-bottom: 20px; }
        @media screen and (max-width: 767px) {
          .mdl-header_content_title-sender {
            display: none; } }
    .mdl-header_content_image #logo-text-quer {
      fill: #f03; }
    .mdl-header_content_image #logo-text {
      fill: #f03; }
    .mdl-header_content_image_desktop {
      display: block; }
    .mdl-header_content_image_mobile {
      display: none; }
    @media screen and (max-width: 767px) {
      .mdl-header_content_image_desktop {
        display: none; }
      .mdl-header_content_image_mobile {
        display: block;
        position: absolute;
        top: 4px;
        right: -24px;
        height: 42px; } }

@media screen and (max-width: 767px) and (min-width: 0px) and (max-width: 440px) {
  .mdl-header_content_image_mobile {
    top: 8px;
    height: 36px; } }
  .mdl-header_overlay {
    position: absolute;
    width: 100%;
    top: 36px;
    z-index: 15; }
    .mdl-header_overlay .mdl-header_content {
      position: relative;
      display: flex;
      justify-content: space-between;
      width: 100%; }
      .mdl-header_overlay .mdl-header_content_title a {
        position: absolute;
        font-family: "FrutigerLTW02-55Roman", Arial, Helvetica, sans-serif;
        font-size: 15px;
        color: #fff !important; }
      .mdl-header_overlay .mdl-header_content_image {
        position: absolute;
        right: 8px; }
        .mdl-header_overlay .mdl-header_content_image #logo-icon-line {
          fill: #fff; }
        .mdl-header_overlay .mdl-header_content_image #logo-icon-quer {
          fill: #fff; }
        .mdl-header_overlay .mdl-header_content_image #logo-text-quer {
          fill: #fff; }
        .mdl-header_overlay .mdl-header_content_image #logo-text {
          fill: #fff; }
        @media screen and (min-width: 0px) and (max-width: 440px) {
          .mdl-header_overlay .mdl-header_content_image {
            right: 0; } }
      @media screen and (min-width: 0px) and (max-width: 440px) {
        .mdl-header_overlay .mdl-header_content .mdl-header_content_image_mobile {
          height: 40px; } }
  .mdl-header-detail {
    margin-top: 24px; }
    .mdl-header-detail .mdl-header_content {
      position: relative;
      height: 140px; }
      .mdl-header-detail .mdl-header_content_title {
        position: absolute;
        font-size: 18px; }
      .mdl-header-detail .mdl-header_content_image {
        position: absolute;
        right: 0; }
  @media all and (max-width: 52.49em) {
    .mdl-header--institute .mdl-header_content {
      align-items: end;
      flex-wrap: unset;
      padding: 0; } }
  .mdl-header--institute .mdl-header_content_title {
    width: 65%; }
    @media all and (max-width: 52.49em) {
      .mdl-header--institute .mdl-header_content_title a {
        vertical-align: top; } }
  @media all and (max-width: 52.49em) {
    .mdl-header--institute .mdl-header_content_image {
      padding-left: 1rem; } }
  .mdl-header--institute .mdl-header_content_image svg {
    height: 100px; }
    @media screen and (min-width: 1025px) {
      .mdl-header--institute .mdl-header_content_image svg {
        height: 150px; } }
    @media screen and (min-width: 1281px) {
      .mdl-header--institute .mdl-header_content_image svg {
        height: 192px; } }
  .mdl-header--institute #text-cde {
    fill: #7b9f1a; }
  .mdl-header--institute #text {
    fill: #000; }
  .mdl-header--institute #icon-line {
    fill: #000; }

.mdl-quote_with_image_edge_to_edge {
  padding-top: 30px;
  padding-bottom: 30px;
  background-size: 50%;
  display: block;
  overflow-y: hidden;
  background-repeat: no-repeat; }
  @media screen and (min-width: 667px) and (max-width: 767px) {
    .mdl-quote_with_image_edge_to_edge {
      background-size: 75%; } }
  @media screen and (max-width: 375px) {
    .mdl-quote_with_image_edge_to_edge {
      background-size: contain;
      padding-top: 30px;
      padding-bottom: 0;
      min-height: 160vh; } }
  @media screen and (min-width: 376px) and (max-width: 667px) {
    .mdl-quote_with_image_edge_to_edge {
      background-size: contain;
      padding-top: 30px;
      padding-bottom: 0;
      min-height: 190vw; } }
  .mdl-quote_with_image_edge_to_edge h2,
  .mdl-quote_with_image_edge_to_edge blockquote {
    color: white; }
  .mdl-quote_with_image_edge_to_edge h2 {
    text-align: right !important;
    display: inline-block;
    top: 0.5em;
    margin-top: 24px !important;
    font-size: 39px;
    line-height: 1.2308;
    margin-bottom: 0; }
    @media screen and (max-width: 767px) {
      .mdl-quote_with_image_edge_to_edge h2 {
        width: auto; } }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .mdl-quote_with_image_edge_to_edge h2 {
        position: inherit;
        top: 40%; } }
  .mdl-quote_with_image_edge_to_edge blockquote {
    font-family: "FrutigerLTW02-55Roman", Arial, Helvetica, sans-serif;
    font-size: 21px;
    line-height: 1.7619;
    font-style: normal;
    -webkit-margin-after: 0;
            margin-block-end: 0;
    padding-left: 2.1em;
    top: -2.5em; }
  @media screen and (max-width: 1024px) {
    .mdl-quote_with_image_edge_to_edge {
      padding-top: 35px;
      padding-bottom: 35px; }
      .mdl-quote_with_image_edge_to_edge h2,
      .mdl-quote_with_image_edge_to_edge blockquote {
        background-color: #0f7d28;
        padding: 0; }
      .mdl-quote_with_image_edge_to_edge h2 {
        margin-top: 0 !important;
        padding: 0; } }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .mdl-quote_with_image_edge_to_edge blockquote {
      padding-left: 0;
      margin-top: 4em; }
    .mdl-quote_with_image_edge_to_edge h2 {
      margin-top: 0 !important;
      text-align: left !important; } }
  @media screen and (min-width: 0) and (max-width: 1023px) {
    .mdl-quote_with_image_edge_to_edge h2 {
      text-align: left !important; } }
  @media screen and (max-width: 767px) {
    .mdl-quote_with_image_edge_to_edge h2 {
      top: 100vw; }
    .mdl-quote_with_image_edge_to_edge blockquote {
      top: 100vw; } }

.mdl-toc {
  padding-left: 0;
  padding-right: 0;
  /* stylelint-disable-next-line */
  /* stylelint-disable-next-line */ }
  .mdl-toc__fluid {
    padding-left: 0;
    padding-right: 0; }
  .mdl-toc__topnav-left {
    background-color: transparent;
    float: left;
    margin-left: -10px;
    font-size: .77777778em; }
    @media screen and (max-width: 1024px) {
      .mdl-toc__topnav-left {
        display: none; } }
  .mdl-toc__topnav-lower {
    display: none; }
    @media screen and (max-width: 1024px) {
      .mdl-toc__topnav-lower {
        margin-top: 42px;
        display: block;
        padding: 0;
        background-color: transparent; } }
  .mdl-toc__portrait {
    max-width: 100%;
    height: auto; }
    @media screen and (min-width: 320px) and (max-width: 1024px) {
      .mdl-toc__portrait {
        max-width: 300px; } }
  .mdl-toc .nav-service ul li a {
    font-family: "FrutigerLTW02-55Roman", Arial, Helvetica, sans-serif !important;
    padding: 0 16px !important;
    font-size: 16px !important; }
    .mdl-toc .nav-service ul li a:hover {
      color: #e6002e; }
  @media screen and (max-width: 1024px) {
    .mdl-toc .nav-lang {
      float: right; } }
  @media screen and (max-width: 1024px) {
    .mdl-toc .nav-lang ul li {
      display: inline-block;
      margin-right: 2em;
      font-size: 0.8em; } }
  .mdl-toc__topnav-right {
    background-color: transparent;
    margin-left: 0; }
    .mdl-toc__topnav-right ul {
      float: right; }
    .mdl-toc__topnav-right--bottom {
      margin: 4.8rem 0;
      padding-right: 0; }
      .mdl-toc__topnav-right--bottom ul {
        margin-right: 0; }
        .mdl-toc__topnav-right--bottom ul li:last-child a {
          margin-right: 0; }
  @media (max-width: 1024px) {
    .mdl-toc .nav-service,
    .mdl-toc .nav-lang {
      width: unset;
      margin-left: unset; } }
  @media (max-width: 1024px) {
    .mdl-toc .nav-service ul li a,
    .mdl-toc .nav-lang ul li a {
      padding: unset;
      margin-right: unset;
      color: #121212; }
      .mdl-toc .nav-service ul li a:hover,
      .mdl-toc .nav-lang ul li a:hover {
        color: #e6002e; } }
  @media (max-width: 1024px) {
    .mdl-toc .nav-service ul li a.active,
    .mdl-toc .nav-lang ul li a.active,
    .mdl-toc .nav-service ul li a:focus,
    .mdl-toc .nav-lang ul li a:focus,
    .mdl-toc .nav-service ul li a:active,
    .mdl-toc .nav-lang ul li a:active {
      color: unset;
      background-color: unset; } }
  .mdl-toc__h1 {
    color: #121212;
    font-size: 316px;
    line-height: 1.0444;
    font-family: "FrutigerLTW02-55Roman", Arial, Helvetica, sans-serif;
    font-kerning: none; }
    .mdl-toc__h1 {
      font-size: 78px; }
      @media screen and (min-width: 316px) {
        .mdl-toc__h1 {
          font-size: calc(78px + 238 * ((100vw - 316px) / 884)); } }
      @media screen and (min-width: 1200px) {
        .mdl-toc__h1 {
          font-size: 316px; } }
    @media screen and (max-width: 767px) {
      .mdl-toc__h1 {
        padding: 0.3em 0; } }
  .mdl-toc h2,
  .mdl-toc h3, .mdl-toc__h2, .mdl-toc__h3 {
    /* stylelint-disable-next-line */
    margin-top: 0 !important; }
  .mdl-toc__h2 {
    font-size: 18px;
    margin-bottom: 8px; }
  .mdl-toc__textblock h2,
  .mdl-toc__textblock h3 {
    /* stylelint-disable-next-line */
    margin-top: 0 !important; }
  .mdl-toc__imageblock {
    padding-right: 0; }
  .mdl-toc .block-1 {
    padding: 40px 40px 0; }
    @media screen and (max-width: 1024px) {
      .mdl-toc .block-1 {
        padding: 0; } }
    .mdl-toc .block-1 img {
      vertical-align: baseline; }
  .mdl-toc .block-1-outer-container {
    display: flex; }
    @media screen and (max-width: 1024px) {
      .mdl-toc .block-1-outer-container {
        flex-direction: column; } }
    .mdl-toc .block-1-outer-container .block-3 {
      padding-left: 2rem;
      max-width: 50vw; }
      @media screen and (max-width: 1024px) {
        .mdl-toc .block-1-outer-container .block-3 {
          padding-left: 0; } }
      @media screen and (max-width: 1024px) {
        .mdl-toc .block-1-outer-container .block-3 {
          max-width: none; } }
  .mdl-toc section {
    margin-bottom: 70px; }
  .mdl-toc .block-3-outer-container:after {
    content: '';
    display: table;
    clear: both; }
  .mdl-toc .block-3-image {
    text-align: right;
    position: relative;
    left: 4.3333%; }
    @media screen and (max-width: 1024px) {
      .mdl-toc .block-3-image {
        text-align: left;
        left: 0;
        margin-bottom: 70px; }
        .mdl-toc .block-3-image img {
          max-width: none;
          width: 100%; } }
  .mdl-toc .block-2 {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between; }
    @media screen and (max-width: 1024px) {
      .mdl-toc .block-2 {
        flex-direction: column;
        padding-left: 12px;
        padding-right: 12px; } }
  .mdl-toc .block-2-heading .dateline:before {
    display: none; }
  .mdl-toc a.textlink-video {
    color: #121212;
    font-family: "FrutigerLTW02-55Roman", Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 0.38px; }
    .mdl-toc a.textlink-video:hover {
      color: #e6002e; }
      .mdl-toc a.textlink-video:hover:before {
        color: #e6002e; }
    .mdl-toc a.textlink-video:before {
      content: '\e900';
      font-family: "unibe-iconset";
      display: inline-block;
      position: relative;
      top: 14px;
      font-size: 48px;
      color: #666;
      margin-right: 10px;
      line-height: 1; }
  .mdl-toc .block-2-textblock-1 {
    padding-right: 2em; }
    @media screen and (max-width: 1024px) {
      .mdl-toc .block-2-textblock-1 {
        margin-top: 36px;
        margin-bottom: 36px; } }
  .mdl-toc .block-2-textblock-2 {
    justify-self: flex-end; }
    @media screen and (max-width: 1024px) {
      .mdl-toc .block-2-textblock-2 {
        margin-top: 36px;
        margin-bottom: 0; } }
  .mdl-toc .block-3-text {
    margin-left: 4.1666%; }
    @media screen and (max-width: 1024px) {
      .mdl-toc .block-3-text {
        margin-left: 0; } }
    .mdl-toc .block-3-text a {
      text-transform: uppercase;
      font-family: "Frutiger LT W02_65 Bold", Arial, Helvetica, sans-serif;
      color: #121212; }
      .mdl-toc .block-3-text a:hover {
        color: #e6002e; }
    .mdl-toc .block-3-text li {
      margin-bottom: 13px; }
      @media screen and (min-width: 768px) {
        .mdl-toc .block-3-text li {
          margin-bottom: 0; } }
  .mdl-toc .block-4-image-container {
    position: absolute;
    left: 0;
    overflow: hidden; }
    @media screen and (max-width: 1024px) {
      .mdl-toc .block-4-image-container {
        display: none; } }
  .mdl-toc .block-4-text {
    background-color: #fff;
    z-index: 999; }
    @media screen and (max-width: 1024px) {
      .mdl-toc .block-4-text {
        background-color: transparent; } }
  .mdl-toc .block-5-outer-container > .container {
    padding-left: 0;
    padding-right: 0; }
  .mdl-toc .block-5-inner {
    text-align: center; }
    @media screen and (max-width: 1024px) {
      .mdl-toc .block-5-inner {
        text-align: left;
        padding-left: 0;
        padding-right: 0; }
        .mdl-toc .block-5-inner:first-of-type {
          margin-bottom: 1em; } }
    .mdl-toc .block-5-inner a {
      color: #121212;
      text-transform: uppercase;
      font-family: "Frutiger LT W02_65 Bold", Arial, Helvetica, sans-serif;
      font-size: 18px;
      line-height: 25px; }
      .mdl-toc .block-5-inner a:after {
        content: '\e900';
        font-family: "unibe-iconset";
        display: block;
        position: relative;
        top: 10px;
        font-size: 36px;
        font-weight: 900;
        color: #666; }
        @media screen and (max-width: 1024px) {
          .mdl-toc .block-5-inner a:after {
            display: inline-block;
            left: 30px; } }
      .mdl-toc .block-5-inner a:hover {
        color: #e6002e; }
        .mdl-toc .block-5-inner a:hover:after {
          color: #e6002e; }
  .mdl-toc .org {
    display: flex; }
    .mdl-toc .org .dateline:before {
      display: none; }
  .mdl-toc .flexy {
    margin-left: calc((100vw - 1224px) / 2);
    display: flex; }
    @media screen and (max-width: 1024px) {
      .mdl-toc .flexy {
        margin-left: 0;
        flex-direction: column; } }
  .mdl-toc .block-6 {
    padding-right: 0;
    padding-left: 0; }
    .mdl-toc .block-6-wrapper {
      margin-bottom: 40px; }
    .mdl-toc .block-6 .teaser-text {
      padding-right: 5%; }
    .mdl-toc .block-6 a {
      color: #121212;
      display: inline-block; }
      .mdl-toc .block-6 a span {
        color: black; }
      .mdl-toc .block-6 a:after {
        content: '\e900';
        font-family: "unibe-iconset";
        display: inline-block;
        position: relative;
        top: 11px;
        margin-left: 5px;
        font-size: 36px;
        font-weight: 900;
        line-height: 0;
        padding: 0; }
      .mdl-toc .block-6 a:hover {
        color: #e6002e; }
    .mdl-toc .block-6 p {
      font-family: "Frutiger LT W02_65 Bold", Arial, Helvetica, sans-serif;
      font-size: 18px;
      color: #121212; }
  .mdl-toc .block-6-3 {
    display: flex; }
  .mdl-toc .social-inner {
    text-align: center; }
    .mdl-toc .social-inner p a:hover {
      color: #e6002e; }
    .mdl-toc .social-inner .icon-wrapper {
      margin-bottom: 36px; }
    .mdl-toc .social-inner a.social-icon-link {
      margin-right: 48px; }
      .mdl-toc .social-inner a.social-icon-link:last-of-type {
        margin-right: 0; }
      .mdl-toc .social-inner a.social-icon-link svg {
        vertical-align: middle; }
      .mdl-toc .social-inner a.social-icon-link svg path {
        fill: #666; }
      .mdl-toc .social-inner a.social-icon-link:hover svg path {
        fill: #e6002e;
        color: #e6002e; }
  .mdl-toc__footer {
    font-size: 15px;
    line-height: 17px;
    padding-left: 0; }
    .mdl-toc__footer nav.legal {
      display: inline-block;
      margin-left: 18px; }
      .mdl-toc__footer nav.legal ul {
        margin-top: 6px; }
        .mdl-toc__footer nav.legal ul li {
          display: inline-block;
          margin-right: 24px;
          margin-bottom: 6px; }
          .mdl-toc__footer nav.legal ul li a:hover {
            color: #e6002e; }
  .mdl-toc p {
    margin-bottom: 0;
    font-size: 15px;
    color: #666; }
  .mdl-toc .dateline {
    text-transform: uppercase;
    font-family: "FrutigerLTW02-55Roman", Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 14px;
    letter-spacing: 1.8px;
    margin-bottom: 28px;
    color: #121212; }
    .mdl-toc .dateline:before {
      content: '\e900';
      font-family: "unibe-iconset";
      display: inline-block;
      position: relative;
      margin-left: -36px;
      top: 10px;
      left: -20px;
      font-size: 36px;
      font-weight: 900;
      line-height: 18px;
      padding: 0; }
    .mdl-toc .dateline-no-arrow:before {
      display: none; }
    .mdl-toc .dateline.dateline-block-4:before {
      display: none; }
  .mdl-toc .anchor-arrow-right {
    font-family: "Frutiger LT W02_65 Bold", Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 0.38px;
    color: #121212;
    display: block; }
    .mdl-toc .anchor-arrow-right:hover {
      color: #e6002e; }
    .mdl-toc .anchor-arrow-right:after {
      content: '\e900';
      font-family: "unibe-iconset";
      display: inline-block;
      position: relative;
      margin-left: 36px;
      top: 11px;
      font-size: 36px;
      font-weight: 900;
      line-height: 18px;
      padding: 0; }
      @media screen and (max-width: 1024px) {
        .mdl-toc .anchor-arrow-right:after {
          margin-left: 0;
          top: 12px;
          left: 30px; } }
  @media screen and (min-width: 768px) {
    .mdl-toc__linklist {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; } }
  .mdl-toc__linklist li a.linklist-anchor {
    color: #121212; }
    .mdl-toc__linklist li a.linklist-anchor .title {
      font-size: 18px;
      color: #121212;
      line-height: 25px;
      font-family: "Frutiger LT W02_65 Bold", Arial, Helvetica, sans-serif; }
    .mdl-toc__linklist li a.linklist-anchor p {
      margin-bottom: 12px; }
  .mdl-toc__linklist li a.linklist-anchor:hover {
    color: #e6002e; }
    .mdl-toc__linklist li a.linklist-anchor:hover .title {
      color: #e6002e; }
  @media screen and (max-width: 1024px) {
    .mdl-toc__linklist li {
      margin-bottom: 1.5em; } }
  @media screen and (min-width: 768px) {
    .mdl-toc__linklist li {
      width: 50%;
      padding-right: 4em; } }

/* stylelint-disable-next-line */
#toc,
.toc {
  margin-top: 26px;
  height: 0; }

/* stylelint-disable-next-line */
#toc-menu,
.toc-menu {
  transition: all 0.3s ease-out;
  position: fixed;
  top: 0;
  height: auto;
  width: auto;
  transform: translate3d(101vw, 0, 0);
  z-index: 1100;
  background-color: #fff;
  /* stylelint-disable-next-line */ }
  #toc-menu.open,
  .toc-menu.open {
    transition: all 0.4s ease-in-out;
    overflow-y: auto;
    top: 0;
    bottom: 0;
    z-index: 1100;
    background-color: #fff;
    transform: translate3d(0, 0, 0);
    pointer-events: auto; }

.toc-is-open {
  overflow: hidden;
  pointer-events: none;
  visibility: hidden;
  height: 100vh;
  width: 100vw;
  position: fixed; }

@media screen and (min-width: 1025px) {
  .service-nav-mobile {
    display: none; } }

.pswp__wrapper iframe {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto; }

.mdl-minified_videoplayer {
  width: 100%;
  position: relative; }
  .mdl-minified_videoplayer_video {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%; }
  .mdl-minified_videoplayer_overlay {
    top: 0;
    position: absolute;
    background-color: #121212;
    opacity: 0.6;
    width: 100%;
    height: 100%; }
  .mdl-minified_videoplayer_playbutton {
    background: none;
    border: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .mdl-minified_videoplayer_playbutton_icon:before {
      color: #fff;
      font-family: "unibe-iconset";
      font-size: 120px;
      content: '\e902'; }
    .mdl-minified_videoplayer_playbutton_icon:hover {
      cursor: pointer; }
      .mdl-minified_videoplayer_playbutton_icon:hover:before {
        color: #e6002e; }

.mdl-topic_more_teaser {
  border-top: 2px solid #40403f;
  padding-top: 48px;
  margin-top: 40px; }
  @media screen and (min-width: 1025px) {
    .mdl-topic_more_teaser .row {
      margin-left: 0;
      margin-right: 0; } }
  @media screen and (max-width: 767px) {
    .mdl-topic_more_teaser .articles [class^="col-"] {
      padding-left: 0;
      padding-right: 0; } }
  .mdl-topic_more_teaser h2 {
    text-transform: uppercase;
    color: #40403f;
    font-size: 24px;
    font-family: "FrutigerLTW02-55Roman", Arial, Helvetica, sans-serif;
    line-height: 1.04167;
    margin-bottom: 70px; }
  .mdl-topic_more_teaser article {
    margin-bottom: 70px; }
  .mdl-topic_more_teaser__image {
    margin-bottom: 36px;
    overflow: hidden; }
    .mdl-topic_more_teaser__image img {
      transition: 0.5s all; }
  .mdl-topic_more_teaser__topic {
    text-transform: uppercase;
    color: #666;
    font-size: 13px;
    font-family: "Frutiger LT W02_65 Bold", Arial, Helvetica, sans-serif;
    line-height: 1.077;
    letter-spacing: 0.43px;
    margin-bottom: 33px; }
  .mdl-topic_more_teaser__arrow:after {
    transition: all ease-out 0.3s;
    content: '\e900';
    font-family: unibe-iconset;
    color: #666;
    display: inline-block;
    font-size: 42px;
    line-height: 15px;
    vertical-align: middle; }
  .mdl-topic_more_teaser__anchor:hover img {
    transform: scale(1.2); }
  .mdl-topic_more_teaser__anchor:hover span,
  .mdl-topic_more_teaser__anchor:hover h3,
  .mdl-topic_more_teaser__anchor:hover p {
    color: #e6002e !important; }
  .mdl-topic_more_teaser__anchor:hover .mdl-topic_more_teaser__arrow:after {
    transform: translateX(20px);
    transition: all ease-in 0.3s;
    color: #e6002e !important; }
  .mdl-topic_more_teaser__heading {
    margin-bottom: 36px; }
    .mdl-topic_more_teaser__heading h3 {
      color: #666;
      font-size: 18px;
      font-family: "Frutiger LT W02_65 Bold", Arial, Helvetica, sans-serif;
      line-height: 1.389;
      margin-top: 0 !important;
      margin-bottom: 0; }
  .mdl-topic_more_teaser__excerpt {
    margin-bottom: 36px; }
    .mdl-topic_more_teaser__excerpt p {
      color: #666;
      font-size: 15px;
      font-family: "FrutigerLTW02-55Roman", Arial, Helvetica, sans-serif;
      line-height: 1.6;
      margin-bottom: 0; }

.mdl-lightbox__anchor {
  overflow: hidden;
  display: block; }
  .mdl-lightbox__anchor:after {
    font-family: "unibe-iconset";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    vertical-align: top;
    content: "\e60c";
    speak: none;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    transform: translate(-50%, -100%);
    top: 50%;
    left: 50%;
    display: block;
    width: 36px;
    height: 36px;
    color: white;
    font-size: 36px;
    background: rgba(33, 33, 33, 0.9);
    opacity: 0; }
  .mdl-lightbox__anchor:hover img {
    transform: scale(1.2);
    transition: all 0.3s ease-in; }
  .mdl-lightbox__anchor img {
    transition: all 0.3s ease-out; }
  .mdl-lightbox__anchor:hover:after {
    opacity: 1; }

.mdl-lightbox figcaption {
  padding-top: 0;
  margin-top: 24px; }

.mdl-footer {
  z-index: 1000;
  height: 100px;
  width: 100%;
  position: fixed;
  bottom: 0;
  border-top: 1px solid #40403f;
  background-color: #fff;
  transition: transform 0.3s ease-in; }
  .mdl-footer--enabled {
    opacity: 1; }
  .mdl-footer--disabled {
    opacity: 0;
    transform: translateY(15vh); }
  @media screen and (min-width: 320px) {
    .mdl-footer .container {
      padding: 20px 24px; } }
  @media screen and (max-width: 767px) {
    .mdl-footer .container {
      padding: 22px; } }
  @media screen and (max-width: 767px) {
    .mdl-footer .row {
      display: block; } }
  @media screen and (min-width: 320px) {
    .mdl-footer .row {
      display: flex; } }
  .mdl-footer_linkNext {
    color: #666;
    width: 100%;
    display: flex;
    align-items: center;
    border: none;
    background: none;
    transition: all 0.3s ease-in; }
    @media (min-width: 1024px) {
      .mdl-footer_linkNext {
        padding-right: 140px; } }
    @media (min-width: 1500px) {
      .mdl-footer_linkNext {
        padding-right: 0; } }
    @media screen and (max-width: 767px) {
      .mdl-footer_linkNext {
        justify-content: flex; } }
    @media screen and (min-width: 768px) {
      .mdl-footer_linkNext {
        justify-content: flex-end; } }
    .mdl-footer_linkNext:hover {
      color: #e6002e; }
      .mdl-footer_linkNext:hover .mdl-footer_linkNext_labelIcon {
        transition: transform 0.3s ease-in;
        transform: translateX(10px); }
    @media screen and (max-width: 1024px) {
      .mdl-footer_linkNext_wrapper {
        display: none; } }
    .mdl-footer_linkNext_wrapper label {
      font-family: "Frutiger LT W02_65 Bold", Arial, Helvetica, sans-serif;
      width: 100%;
      text-align: right; }
      .mdl-footer_linkNext_wrapper label:hover {
        cursor: pointer; }
    .mdl-footer_linkNext_labelOverview {
      letter-spacing: 1.8px;
      line-height: 1.077;
      line-height: 14px;
      font-size: 13px;
      text-transform: uppercase; }
    .mdl-footer_linkNext_labelNextPage {
      letter-spacing: 0.6px;
      line-height: 19px;
      font-size: 18px; }
    .mdl-footer_linkNext_labelIcon {
      transition: transform 0.3s ease-in;
      margin-left: 56px; }
      @media screen and (max-width: 767px) {
        .mdl-footer_linkNext_labelIcon {
          margin-left: 16px; } }
      .mdl-footer_linkNext_labelIcon:hover {
        cursor: pointer; }
      .mdl-footer_linkNext_labelIcon:before {
        font-family: "unibe-iconset";
        font-size: 38px;
        content: '\e900'; }
  .mdl-footer_linkPrevious {
    color: #666;
    width: 100%;
    display: flex;
    align-items: center;
    border: none;
    background: none;
    transition: transform 0.3s ease-in;
    justify-content: flex-start; }
    .mdl-footer_linkPrevious:hover {
      color: #e6002e; }
      .mdl-footer_linkPrevious:hover .mdl-footer_linkPrevious_labelIcon {
        transform: translateX(-10px); }
    @media screen and (max-width: 1024px) {
      .mdl-footer_linkPrevious_wrapper {
        display: none; } }
    .mdl-footer_linkPrevious_wrapper label {
      font-family: "Frutiger LT W02_65 Bold", Arial, Helvetica, sans-serif;
      width: 100%;
      text-align: left; }
      .mdl-footer_linkPrevious_wrapper label:hover {
        cursor: pointer; }
    .mdl-footer_linkPrevious_labelOverview {
      letter-spacing: 1.8px;
      line-height: 14px;
      font-size: 13px;
      text-transform: uppercase; }
    .mdl-footer_linkPrevious_labelPreviousPage {
      letter-spacing: 0.6px;
      line-height: 19px;
      font-size: 18px; }
    .mdl-footer_linkPrevious_labelIcon {
      transition: transform 0.3s ease-in;
      margin-right: 56px; }
      @media screen and (max-width: 767px) {
        .mdl-footer_linkPrevious_labelIcon {
          margin-right: 16px; } }
      .mdl-footer_linkPrevious_labelIcon:hover {
        cursor: pointer; }
      .mdl-footer_linkPrevious_labelIcon:before {
        font-family: "unibe-iconset";
        font-size: 38px;
        content: '\e901'; }

.mdl-sticky_toc_button {
  transition: all 0.5s;
  background: #fff;
  color: #666;
  font-size: 1.4rem;
  z-index: 1200;
  position: fixed;
  bottom: 18px;
  right: 40px;
  text-transform: uppercase;
  font-weight: 900;
  padding: 0;
  border: solid 1px #666;
  border-radius: 30.5px;
  display: flex;
  justify-content: center;
  /* stylelint-disable-next-line */ }
  @media screen and (max-width: 767px) {
    .mdl-sticky_toc_button {
      bottom: 16px; } }
  .mdl-sticky_toc_button_disabledicon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 75px; }
    .mdl-sticky_toc_button_disabledicon:hover {
      fill: #d6002b; }
    .mdl-sticky_toc_button_disabledicon--enabled .crossline-1 {
      animation: crossAnimation-1--enable 0.2s both;
      transform-origin: center;
      transform: rotate(0);
      opacity: 0; }
    .mdl-sticky_toc_button_disabledicon--enabled .crossline-2 {
      animation: crossAnimation-2--enable 0.2s both;
      transform-origin: center;
      transform: rotate(0);
      opacity: 0; }

@keyframes crossAnimation-1--enable {
  0% {
    transform: rotate(0deg);
    animation-timing-function: ease-in;
    opacity: 0.5; }
  100% {
    opacity: 1;
    transform: rotate(45deg);
    animation-timing-function: ease-out; } }

@keyframes crossAnimation-2--enable {
  0% {
    transform: rotate(0deg);
    animation-timing-function: ease-in;
    opacity: 0.5; }
  100% {
    opacity: 1;
    transform: rotate(-45deg);
    animation-timing-function: ease-out; } }
    .mdl-sticky_toc_button_disabledicon--disabled .crossline-1 {
      animation: crossAnimation-1 1s both;
      transform-origin: center;
      transform: rotate(45deg);
      opacity: 1; }
    .mdl-sticky_toc_button_disabledicon--disabled .crossline-2 {
      animation: crossAnimation-2 1s both;
      transform-origin: center;
      transform: rotate(-45deg);
      opacity: 1; }

@keyframes crossAnimation-1 {
  0% {
    transform: rotate(45deg);
    animation-timing-function: ease-in;
    opacity: 1; }
  25% {
    transform: rotate(0deg);
    animation-timing-function: ease-out;
    opacity: 1; }
  40% {
    opacity: 0;
    transform: rotate(0deg) scale(0.5);
    animation-timing-function: ease-out; }
  100% {
    opacity: 0;
    transform: rotate(90deg);
    animation-timing-function: ease-out; } }

@keyframes crossAnimation-2 {
  0% {
    transform: rotate(-45deg);
    animation-timing-function: ease-in;
    opacity: 1; }
  25% {
    transform: rotate(0deg);
    animation-timing-function: ease-out;
    opacity: 1; }
  40% {
    opacity: 0;
    transform: rotate(0deg) scale(0.5);
    animation-timing-function: ease-out; }
  100% {
    opacity: 0;
    transform: rotate(90deg);
    animation-timing-function: ease-out; } }
  .mdl-sticky_toc_button--tocOpened {
    right: calc(20px + 36px); }
  .mdl-sticky_toc_button--closed {
    min-width: 130px;
    min-height: 63px; }
  .mdl-sticky_toc_button--open {
    right: calc(50px + 15px);
    min-width: 60px;
    min-height: 60px;
    border-radius: 50%;
    transform: rotateZ(90deg); }
  .mdl-sticky_toc_button .mdl-sticky_toc_button_label {
    position: absolute;
    transition: opacity 0.1s, transform 0.6s;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    .mdl-sticky_toc_button .mdl-sticky_toc_button_label--enabled {
      animation: fadeinanim 0.6s both; }

@keyframes fadeinanim {
  0% {
    animation-timing-function: ease-out;
    opacity: 0; }
  50% {
    animation-timing-function: ease-out;
    opacity: 0; }
  100% {
    opacity: 1;
    animation-timing-function: ease-out; } }
    .mdl-sticky_toc_button .mdl-sticky_toc_button_label--disabled {
      opacity: 0.0; }
  .mdl-sticky_toc_button:hover {
    color: #d6002b;
    cursor: pointer; }

.mdl-chart {
  display: block; }

/**
 * @license Highcharts
 *
 * (c) 2009-2016 Torstein Honsi
 *
 * License: www.highcharts.com/license
 */
.highcharts-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-align: left;
  line-height: normal;
  z-index: 0;
  /* #1072 */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: 'FrutigerLTW02-55Roman', Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #767676; }

.highcharts-figure {
  margin: 80px 0 180px; }

.highcharts-root text {
  stroke-width: 0; }

.highcharts-strong {
  font-weight: 700; }

.highcharts-emphasized {
  font-style: italic; }

.highcharts-anchor {
  cursor: pointer; }

.highcharts-background {
  fill: #fff; }

.highcharts-plot-border,
.highcharts-plot-background {
  fill: none; }

.highcharts-label-box {
  fill: none; }

.highcharts-button-box {
  fill: inherit; }

.highcharts-tracker-line {
  stroke-linejoin: round;
  stroke: rgba(192, 192, 192, 0.0001);
  stroke-width: 22;
  fill: none; }

.highcharts-tracker-area {
  fill: rgba(192, 192, 192, 0.0001);
  stroke-width: 0; }

/* Titles */
.highcharts-title {
  fill: #000;
  font-size: 18px;
  font-weight: 300;
  opacity: 0; }

.highcharts-subtitle {
  fill: #666; }

/* Axes */
.highcharts-axis-line {
  fill: none;
  stroke: #ccd6eb; }

.highcharts-yaxis .highcharts-axis-line {
  stroke-width: 0; }

.highcharts-axis-title {
  fill: #767676;
  color: #767676;
  font-size: 15px;
  font-weight: 300; }

.highcharts-axis-labels {
  fill: #767676;
  cursor: default;
  font-size: 15px; }

.highcharts-grid-line {
  fill: none;
  stroke: #e6e6e6; }

.highcharts-xaxis-grid .highcharts-grid-line {
  stroke-width: 0; }

.highcharts-tick {
  stroke: #ccd6eb; }

.highcharts-yaxis .highcharts-tick {
  stroke-width: 0; }

/* Tooltip */
.highcharts-tooltip {
  cursor: default;
  pointer-events: none;
  white-space: nowrap;
  transition: stroke 150ms;
  font-size: 15px;
  color: #121212; }

.highcharts-tooltip text {
  fill: #121212;
  display: block; }

.highcharts-tooltip .tooltip--year {
  display: block;
  line-height: 2.2rem; }

.highcharts-tooltip .tooltip--faculty {
  display: block;
  line-height: 2.2rem; }

.highcharts-tooltip .tooltip--number {
  display: block;
  font-weight: 700;
  line-height: 2.2rem; }

.highcharts-tooltip .highcharts-header {
  font-size: 1em; }

.highcharts-tooltip-box {
  stroke-width: 0;
  fill: #EBEAE8; }

.highcharts-tooltip-box .highcharts-label-box {
  fill: #dbdbd8; }

.highcharts-root .highcharts-tooltip-0,
.highcharts-root .highcharts-tooltip-1,
.highcharts-root .highcharts-tooltip-2,
.highcharts-root .highcharts-tooltip-3,
.highcharts-root .highcharts-tooltip-4,
.highcharts-root .highcharts-tooltip-5,
.highcharts-root .highcharts-tooltip-6,
.highcharts-root .highcharts-tooltip-7,
.highcharts-root .highcharts-tooltip-8 {
  filter: none; }

div.highcharts-tooltip-0,
div.highcharts-tooltip-1,
div.highcharts-tooltip-2,
div.highcharts-tooltip-3,
div.highcharts-tooltip-4,
div.highcharts-tooltip-5,
div.highcharts-tooltip-6,
div.highcharts-tooltip-7,
div.highcharts-tooltip-8 {
  filter: none; }

.highcharts-tooltip .highcharts-color-0,
.highcharts-tooltip .highcharts-color-1,
.highcharts-tooltip .highcharts-color-2,
.highcharts-tooltip .highcharts-color-3,
.highcharts-tooltip .highcharts-color-4,
.highcharts-tooltip .highcharts-color-5,
.highcharts-tooltip .highcharts-color-6,
.highcharts-tooltip .highcharts-color-7,
.highcharts-tooltip .highcharts-color-8 {
  display: none; }

.highcharts-selection-marker {
  fill: #335cad;
  fill-opacity: 0.25; }

.highcharts-graph {
  fill: none;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round; }

.highcharts-state-hover .highcharts-graph {
  stroke-width: 3; }

.highcharts-point-inactive {
  opacity: 0.2;
  transition: opacity 100ms;
  /* quick in */ }

.highcharts-series-inactive {
  opacity: 0.2;
  transition: opacity 100ms;
  /* quick in */ }

.highcharts-state-hover path {
  transition: stroke-width 100ms;
  /* quick in */ }

.highcharts-state-normal path {
  transition: stroke-width 250ms;
  /* slow out */ }

/* Legend hover affects points and series */
g.highcharts-series,
.highcharts-point,
.highcharts-markers,
.highcharts-data-labels {
  transition: opacity 250ms; }

.highcharts-legend-series-active g.highcharts-series:not(.highcharts-series-hover),
.highcharts-legend-point-active .highcharts-point:not(.highcharts-point-hover),
.highcharts-legend-series-active .highcharts-markers:not(.highcharts-series-hover),
.highcharts-legend-series-active .highcharts-data-labels:not(.highcharts-series-hover) {
  opacity: 0.2; }

/* Series options */
/* Default colors */
.highcharts-color-0 {
  fill: #e6002e;
  stroke: #e6002e; }

.highcharts-color-1 {
  fill: #058dab;
  stroke: #058dab; }

.highcharts-color-2 {
  fill: #ff4508;
  stroke: #ff4508; }

.highcharts-color-3 {
  fill: #30ab5d;
  stroke: #30ab5d; }

.highcharts-color-4 {
  fill: #9b505b;
  stroke: #9b505b; }

.highcharts-color-5 {
  fill: #ffad00;
  stroke: #ffad00; }

.highcharts-color-6 {
  fill: #3fb9b0;
  stroke: #3fb9b0; }

.highcharts-color-7 {
  fill: #4887fc;
  stroke: #4887fc; }

.highcharts-color-8 {
  fill: #636363;
  stroke: #636363; }

.highcharts-color-9 {
  fill: #0665be;
  stroke: #0665be; }

.highcharts-area {
  fill-opacity: 0.75;
  stroke-width: 0; }

.highcharts-markers {
  stroke-width: 1px;
  stroke: #fff; }

.highcharts-point {
  stroke-width: 0; }

.highcharts-halo {
  fill-opacity: 0.15;
  stroke-width: 9;
  opacity: 0.15; }

/* Legend */
.highcharts-legend-box {
  fill: none;
  stroke-width: 0; }

.highcharts-legend-item > text {
  fill: #121212;
  font-weight: 300;
  font-size: 15px;
  cursor: pointer;
  stroke-width: 0; }

.highcharts-legend-item .highcharts-graph {
  stroke-width: 0; }

.highcharts-legend-item .highcharts-point {
  stroke-width: 4px; }

.highcharts-legend-item:hover text {
  fill: #404048; }

.highcharts-legend-title {
  font-size: 20px; }

.highcharts-legend-item-hidden * {
  fill: #ccc !important;
  stroke: #ccc !important;
  transition: fill 250ms; }

/* Loading */
.highcharts-loading {
  position: absolute;
  background-color: #fff;
  opacity: 0.5;
  text-align: center;
  z-index: 10;
  transition: opacity 250ms; }

.highcharts-loading-hidden {
  height: 0 !important;
  opacity: 0;
  overflow: hidden;
  transition: opacity 250ms, height 250ms step-end; }

.highcharts-loading-inner {
  font-weight: 700;
  position: relative;
  top: 45%; }

.highcharts-grid-axis .highcharts-tick {
  stroke-width: 1px; }

.highcharts-grid-axis .highcharts-axis-line {
  stroke-width: 1px; }

.mdl-persons_list {
  list-style: none;
  padding: 0; }
  .mdl-persons_list-entry {
    display: flex;
    padding: 12px 0;
    border-bottom: solid 2px #E5E5E5; }
    .mdl-persons_list-entry:first-child {
      border-top: solid 2px #E5E5E5; }
    .mdl-persons_list-entry .noimage {
      margin-left: 74px; }
    .mdl-persons_list-entry__name {
      font-family: "Frutiger LT W02_65 Bold", Arial, Helvetica, sans-serif;
      color: #121212;
      display: block; }
    .mdl-persons_list-entry__faculty {
      display: block; }
    .mdl-persons_list-entry__area {
      display: block; }
    .mdl-persons_list-entry__image {
      margin-right: 18px;
      max-width: 56px;
      max-height: 56px;
      min-width: 56px;
      min-height: 56px;
      width: 56px;
      height: 56px; }

.mdl-header_detail #text-cde {
  fill: #fff; }

.mdl-header_detail #text {
  fill: #fff; }

.mdl-header_detail #icon-line {
  fill: #fff; }

.institute #toc-menu {
  padding-top: 26px; }
  .institute #toc-menu .dateline:before {
    display: none; }
  .institute #toc-menu .mdl-toc__h1 {
    font-size: 10vw; }
  @media all and (min-width: 64em) {
    .institute #toc-menu .block-1 {
      padding: 0 40px 0 0; } }
  .institute #toc-menu .mdl-toc .block-1-outer-container .block-3 {
    padding-left: 1rem;
    padding-right: 0; }
    @media all and (min-width: 37.5em) and (max-width: 63.99em) {
      .institute #toc-menu .mdl-toc .block-1-outer-container .block-3 {
        padding-left: 0; } }
  .institute #toc-menu .block-2-videolink {
    margin-left: 7rem;
    position: absolute; }
    @media all and (max-width: 63.99em) {
      .institute #toc-menu .block-2-videolink {
        margin-left: 0;
        position: relative; } }
    .institute #toc-menu .block-2-videolink .textlink-video {
      font-family: "Frutiger LT W02_65 Bold", Arial, Helvetica, sans-serif;
      white-space: nowrap; }
      @media all and (max-width: 63.99em) {
        .institute #toc-menu .block-2-videolink .textlink-video {
          white-space: normal; } }
      .institute #toc-menu .block-2-videolink .textlink-video:before {
        display: none; }
      .institute #toc-menu .block-2-videolink .textlink-video:hover {
        color: #e6002e; }
        .institute #toc-menu .block-2-videolink .textlink-video:hover:after {
          color: #e6002e; }
      .institute #toc-menu .block-2-videolink .textlink-video:after {
        content: '\e900';
        font-family: "unibe-iconset";
        display: inline-block;
        position: relative;
        top: 1.6rem;
        font-size: 48px;
        color: #666;
        margin-left: 2rem;
        line-height: 0; }
  .institute #toc-menu .mdl-toc__linklist--singlecol {
    display: block; }
    .institute #toc-menu .mdl-toc__linklist--singlecol li {
      width: 100%;
      padding-right: 0; }
  .institute #toc-menu .block-4-text {
    margin-top: 56px; }
  @media all and (min-width: 64em) {
    .institute #toc-menu .rektor {
      margin-top: 56px; } }
  @media all and (max-width: 52.49em) {
    .institute #toc-menu .mdl-toc__footer nav.legal {
      margin-left: 0; } }
  @media all and (max-width: 52.49em) {
    .institute #toc-menu .social-inner a.social-icon-link {
      margin-right: 24px; } }
  .institute #toc-menu .toc-sublist {
    margin-bottom: 24px; }

.mdl-detail_story_image {
  display: block;
  position: relative;
  width: 100%;
  max-height: 100vw;
  -o-object-fit: cover;
     object-fit: cover; }
  @media screen and (min-width: 1025px) {
    .mdl-detail_story_image {
      position: fixed;
      -o-object-fit: cover;
         object-fit: cover;
      top: 0;
      height: 100vh;
      width: 50%; } }

.mdl-detail_story_content {
  margin: 70px 10px 0 10px; }
  @media screen and (min-width: 1025px) {
    .mdl-detail_story_content {
      margin-left: 4vw; } }
  .mdl-detail_story_content_overview {
    text-transform: uppercase;
    line-height: 1;
    font-size: 0.83em;
    letter-spacing: 1.8px;
    color: #d6002b;
    display: block;
    margin-bottom: 24px; }
  .mdl-detail_story_content_lead {
    line-height: 37px;
    font-size: 21px;
    font-family: "FrutigerLTW02-45Light", Arial, Helvetica, sans-serif;
    color: #666; }
  .mdl-detail_story_content h1 {
    margin-bottom: 28px;
    margin-top: 0;
    letter-spacing: -0.3px;
    line-height: 48px; }
  .mdl-detail_story_content h2 {
    margin-top: 0;
    margin-bottom: 24px;
    line-height: 39px; }
  .mdl-detail_story_content h3 {
    font-size: 1.33em;
    line-height: 1.333; }

.mdl-detail_story_image {
  display: block;
  position: relative;
  width: 100%;
  max-height: 100vw;
  -o-object-fit: cover;
     object-fit: cover; }
  @media screen and (min-width: 1025px) {
    .mdl-detail_story_image {
      position: fixed;
      -o-object-fit: cover;
         object-fit: cover;
      top: 0;
      height: 100vh;
      width: 50%; } }

.mdl-detail_story_content {
  margin: 70px 10px 0 10px; }
  @media screen and (min-width: 1025px) {
    .mdl-detail_story_content {
      margin-left: 4vw; } }
  .mdl-detail_story_content_overview {
    text-transform: uppercase;
    line-height: 1;
    font-size: 0.83em;
    letter-spacing: 1.8px;
    color: #d6002b;
    display: block;
    margin-bottom: 24px; }
  .mdl-detail_story_content_lead {
    line-height: 37px;
    font-size: 21px;
    font-family: "FrutigerLTW02-45Light", Arial, Helvetica, sans-serif;
    color: #666; }
  .mdl-detail_story_content h1 {
    margin-bottom: 28px;
    margin-top: 0;
    letter-spacing: -0.3px;
    line-height: 48px; }
  .mdl-detail_story_content h2 {
    margin-top: 0;
    margin-bottom: 24px;
    line-height: 39px; }
  .mdl-detail_story_content h3 {
    font-size: 1.33em;
    line-height: 1.333; }

.mdl-detail_story_image {
  display: block;
  position: relative;
  width: 100%;
  max-height: 100vw;
  -o-object-fit: cover;
     object-fit: cover; }
  @media screen and (min-width: 1025px) {
    .mdl-detail_story_image {
      position: fixed;
      -o-object-fit: cover;
         object-fit: cover;
      top: 0;
      height: 100vh;
      width: 50%; } }

.mdl-detail_story_content {
  margin: 70px 10px 0 10px; }
  @media screen and (min-width: 1025px) {
    .mdl-detail_story_content {
      margin-left: 4vw; } }
  .mdl-detail_story_content_overview {
    text-transform: uppercase;
    line-height: 1;
    font-size: 0.83em;
    letter-spacing: 1.8px;
    color: #d6002b;
    display: block;
    margin-bottom: 24px; }
  .mdl-detail_story_content_lead {
    line-height: 37px;
    font-size: 21px;
    font-family: "FrutigerLTW02-45Light", Arial, Helvetica, sans-serif;
    color: #666; }
  .mdl-detail_story_content h1 {
    margin-bottom: 28px;
    margin-top: 0;
    letter-spacing: -0.3px;
    line-height: 48px; }
  .mdl-detail_story_content h2 {
    margin-top: 0;
    margin-bottom: 24px;
    line-height: 39px; }
  .mdl-detail_story_content h3 {
    font-size: 1.33em;
    line-height: 1.333; }

.mdl-detail_story_image {
  display: block;
  position: relative;
  width: 100%;
  max-height: 100vw;
  -o-object-fit: cover;
     object-fit: cover; }
  @media screen and (min-width: 1025px) {
    .mdl-detail_story_image {
      position: fixed;
      -o-object-fit: cover;
         object-fit: cover;
      top: 0;
      height: 100vh;
      width: 50%; } }

.mdl-detail_story_content {
  margin: 70px 10px 0 10px; }
  @media screen and (min-width: 1025px) {
    .mdl-detail_story_content {
      margin-left: 4vw; } }
  .mdl-detail_story_content_overview {
    text-transform: uppercase;
    line-height: 1;
    font-size: 0.83em;
    letter-spacing: 1.8px;
    color: #d6002b;
    display: block;
    margin-bottom: 24px; }
  .mdl-detail_story_content_lead {
    line-height: 37px;
    font-size: 21px;
    font-family: "FrutigerLTW02-45Light", Arial, Helvetica, sans-serif;
    color: #666; }
  .mdl-detail_story_content h1 {
    margin-bottom: 28px;
    margin-top: 0;
    letter-spacing: -0.3px;
    line-height: 48px; }
  .mdl-detail_story_content h2 {
    margin-top: 0;
    margin-bottom: 24px;
    line-height: 39px; }
  .mdl-detail_story_content h3 {
    font-size: 1.33em;
    line-height: 1.333; }

.mdl-detail_story_image {
  display: block;
  position: relative;
  width: 100%;
  max-height: 100vw;
  -o-object-fit: cover;
     object-fit: cover; }
  @media screen and (min-width: 1025px) {
    .mdl-detail_story_image {
      position: fixed;
      -o-object-fit: cover;
         object-fit: cover;
      top: 0;
      height: 100vh;
      width: 50%; } }

.mdl-detail_story_content {
  margin: 70px 10px 0 10px; }
  @media screen and (min-width: 1025px) {
    .mdl-detail_story_content {
      margin-left: 4vw; } }
  .mdl-detail_story_content_overview {
    text-transform: uppercase;
    line-height: 1;
    font-size: 0.83em;
    letter-spacing: 1.8px;
    color: #d6002b;
    display: block;
    margin-bottom: 24px; }
  .mdl-detail_story_content_lead {
    line-height: 37px;
    font-size: 21px;
    font-family: "FrutigerLTW02-45Light", Arial, Helvetica, sans-serif;
    color: #666; }
  .mdl-detail_story_content h1 {
    margin-bottom: 28px;
    margin-top: 0;
    letter-spacing: -0.3px;
    line-height: 48px; }
  .mdl-detail_story_content h2 {
    margin-top: 0;
    margin-bottom: 24px;
    line-height: 39px; }
  .mdl-detail_story_content h3 {
    font-size: 1.33em;
    line-height: 1.333; }

.mdl-detail_story_image {
  display: block;
  position: relative;
  width: 100%;
  max-height: 100vw;
  -o-object-fit: cover;
     object-fit: cover; }
  @media screen and (min-width: 1025px) {
    .mdl-detail_story_image {
      position: fixed;
      -o-object-fit: cover;
         object-fit: cover;
      top: 0;
      height: 100vh;
      width: 50%; } }

.mdl-detail_story_content {
  margin: 70px 10px 0 10px; }
  @media screen and (min-width: 1025px) {
    .mdl-detail_story_content {
      margin-left: 4vw; } }
  .mdl-detail_story_content_overview {
    text-transform: uppercase;
    line-height: 1;
    font-size: 0.83em;
    letter-spacing: 1.8px;
    color: #d6002b;
    display: block;
    margin-bottom: 24px; }
  .mdl-detail_story_content_lead {
    line-height: 37px;
    font-size: 21px;
    font-family: "FrutigerLTW02-45Light", Arial, Helvetica, sans-serif;
    color: #666; }
  .mdl-detail_story_content h1 {
    margin-bottom: 28px;
    margin-top: 0;
    letter-spacing: -0.3px;
    line-height: 48px; }
  .mdl-detail_story_content h2 {
    margin-top: 0;
    margin-bottom: 24px;
    line-height: 39px; }
  .mdl-detail_story_content h3 {
    font-size: 1.33em;
    line-height: 1.333; }

.mdl-detail_story_image {
  display: block;
  position: relative;
  width: 100%;
  max-height: 100vw;
  -o-object-fit: cover;
     object-fit: cover; }
  @media screen and (min-width: 1025px) {
    .mdl-detail_story_image {
      position: fixed;
      -o-object-fit: cover;
         object-fit: cover;
      top: 0;
      height: 100vh;
      width: 50%; } }

.mdl-detail_story_content {
  margin: 70px 10px 0 10px; }
  @media screen and (min-width: 1025px) {
    .mdl-detail_story_content {
      margin-left: 4vw; } }
  .mdl-detail_story_content_overview {
    text-transform: uppercase;
    line-height: 1;
    font-size: 0.83em;
    letter-spacing: 1.8px;
    color: #d6002b;
    display: block;
    margin-bottom: 24px; }
  .mdl-detail_story_content_lead {
    line-height: 37px;
    font-size: 21px;
    font-family: "FrutigerLTW02-45Light", Arial, Helvetica, sans-serif;
    color: #666; }
  .mdl-detail_story_content h1 {
    margin-bottom: 28px;
    margin-top: 0;
    letter-spacing: -0.3px;
    line-height: 48px; }
  .mdl-detail_story_content h2 {
    margin-top: 0;
    margin-bottom: 24px;
    line-height: 39px; }
  .mdl-detail_story_content h3 {
    font-size: 1.33em;
    line-height: 1.333; }

.mdl-detail_story_image {
  display: block;
  position: relative;
  width: 100%;
  max-height: 100vw;
  -o-object-fit: cover;
     object-fit: cover; }
  @media screen and (min-width: 1025px) {
    .mdl-detail_story_image {
      position: fixed;
      -o-object-fit: cover;
         object-fit: cover;
      top: 0;
      height: 100vh;
      width: 50%; } }

.mdl-detail_story_content {
  margin: 70px 10px 0 10px; }
  @media screen and (min-width: 1025px) {
    .mdl-detail_story_content {
      margin-left: 4vw; } }
  .mdl-detail_story_content_overview {
    text-transform: uppercase;
    line-height: 1;
    font-size: 0.83em;
    letter-spacing: 1.8px;
    color: #d6002b;
    display: block;
    margin-bottom: 24px; }
  .mdl-detail_story_content_lead {
    line-height: 37px;
    font-size: 21px;
    font-family: "FrutigerLTW02-45Light", Arial, Helvetica, sans-serif;
    color: #666; }
  .mdl-detail_story_content h1 {
    margin-bottom: 28px;
    margin-top: 0;
    letter-spacing: -0.3px;
    line-height: 48px; }
  .mdl-detail_story_content h2 {
    margin-top: 0;
    margin-bottom: 24px;
    line-height: 39px; }
  .mdl-detail_story_content h3 {
    font-size: 1.33em;
    line-height: 1.333; }

.mdl-detail_story_image {
  display: block;
  position: relative;
  width: 100%;
  max-height: 100vw;
  -o-object-fit: cover;
     object-fit: cover; }
  @media screen and (min-width: 1025px) {
    .mdl-detail_story_image {
      position: fixed;
      -o-object-fit: cover;
         object-fit: cover;
      top: 0;
      height: 100vh;
      width: 50%; } }

.mdl-detail_story_content {
  margin: 70px 10px 0 10px; }
  @media screen and (min-width: 1025px) {
    .mdl-detail_story_content {
      margin-left: 4vw; } }
  .mdl-detail_story_content_overview {
    text-transform: uppercase;
    line-height: 1;
    font-size: 0.83em;
    letter-spacing: 1.8px;
    color: #d6002b;
    display: block;
    margin-bottom: 24px; }
  .mdl-detail_story_content_lead {
    line-height: 37px;
    font-size: 21px;
    font-family: "FrutigerLTW02-45Light", Arial, Helvetica, sans-serif;
    color: #666; }
  .mdl-detail_story_content h1 {
    margin-bottom: 28px;
    margin-top: 0;
    letter-spacing: -0.3px;
    line-height: 48px; }
  .mdl-detail_story_content h2 {
    margin-top: 0;
    margin-bottom: 24px;
    line-height: 39px; }
  .mdl-detail_story_content h3 {
    font-size: 1.33em;
    line-height: 1.333; }

.mdl-detail_story_image {
  display: block;
  position: relative;
  width: 100%;
  max-height: 100vw;
  -o-object-fit: cover;
     object-fit: cover; }
  @media screen and (min-width: 1025px) {
    .mdl-detail_story_image {
      position: fixed;
      -o-object-fit: cover;
         object-fit: cover;
      top: 0;
      height: 100vh;
      width: 50%; } }

.mdl-detail_story_content {
  margin: 70px 10px 0 10px; }
  @media screen and (min-width: 1025px) {
    .mdl-detail_story_content {
      margin-left: 4vw; } }
  .mdl-detail_story_content_overview {
    text-transform: uppercase;
    line-height: 1;
    font-size: 0.83em;
    letter-spacing: 1.8px;
    color: #d6002b;
    display: block;
    margin-bottom: 24px; }
  .mdl-detail_story_content_lead {
    line-height: 37px;
    font-size: 21px;
    font-family: "FrutigerLTW02-45Light", Arial, Helvetica, sans-serif;
    color: #666; }
  .mdl-detail_story_content h1 {
    margin-bottom: 28px;
    margin-top: 0;
    letter-spacing: -0.3px;
    line-height: 48px; }
  .mdl-detail_story_content h2 {
    margin-top: 0;
    margin-bottom: 24px;
    line-height: 39px; }
  .mdl-detail_story_content h3 {
    font-size: 1.33em;
    line-height: 1.333; }

/*
@media print {
  @import 'print';
}
*/

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