@charset "UTF-8";
@import url("//cloud.typography.com/6761494/6205772/css/fonts.css");
@import url("//hello.myfonts.net/count/3012a6");
body { font-family: monospace, cursive; }

/*
--- Gotham -------------------------------------------------------
*/
/*
--- Charter ------------------------------------------------------
*/
@font-face { font-family: 'CharterITCPro-BoldItalic'; src: url("/fonts/3012A6_0_0.eot"); src: url("/fonts/3012A6_0_0.eot?#iefix") format("embedded-opentype"), url("/fonts/3012A6_0_0.woff2") format("woff2"), url("/fonts/3012A6_0_0.woff") format("woff"), url("/fonts/3012A6_0_0.ttf") format("truetype"); }

@font-face { font-family: 'CharterITCPro-Italic'; src: url("/fonts/3012A6_1_0.eot"); src: url("/fonts/3012A6_1_0.eot?#iefix") format("embedded-opentype"), url("/fonts/3012A6_1_0.woff2") format("woff2"), url("/fonts/3012A6_1_0.woff") format("woff"), url("/fonts/3012A6_1_0.ttf") format("truetype"); }

@font-face { font-family: 'CharterITCPro-Regular'; src: url("/fonts/3012A6_2_0.eot"); src: url("/fonts/3012A6_2_0.eot?#iefix") format("embedded-opentype"), url("/fonts/3012A6_2_0.woff2") format("woff2"), url("/fonts/3012A6_2_0.woff") format("woff"), url("/fonts/3012A6_2_0.ttf") format("truetype"); }

/*
--- Standard font sizes + heights --------------------------------
*/
/*
--- Größen -------------------------------------------------------
*/
/*
--- Farben -------------------------------------------------------
*/
a { font-family: inherit; font-style: inherit; line-height: inherit; color: inherit; text-decoration: none; }

/*
--- TYPO3 Newsletter Hack ----------------------------------------
*/
.nl-categories label { font-size: 16px; line-height: 20px; font-family: "Gotham A", "Gotham B", Arial, sans-serif; font-style: normal; font-weight: 400; }

.nl-categories input[type="checkbox"] { display: inline-block; margin-bottom: 8px; }

/*
--- Settings ------------------------------------------------------
*/
.font--h1, .font--h2, .font--h3, .font--h4, .font--h5, .font--h6, .font--h7, .font--h8, .font--scroller-headline, .button-group__button { font-family: "Gotham A", "Gotham B", Arial, sans-serif; font-style: normal; font-weight: 700; }

.font--p1, .font--p2, .font--ul2, .font--li2, .font--sub1-serif, .font--sub4, .font--sub5 { font-family: "CharterITCPro-Regular", Georgia, serif; font-weight: 400; }

.font--p3, .font--p4 { font-family: "Gotham A", "Gotham B", Arial, sans-serif; font-style: normal; font-weight: 400; }

.font--sub1, .font--sub2, .font--sub3 { font-family: "Gotham A", "Gotham B", Arial, sans-serif; font-style: normal; font-weight: 500; }

.font--r1, .font--q1 { font-family: "CharterITCPro-Italic", Georgia, serif; font-weight: 400; }

.font--r2 { font-family: 'CharterITCPro-BoldItalic', Georgia, serif; font-weight: 400; }

.font--icon1 { font-family: "Gotham A", "Gotham B", Arial, sans-serif; font-style: normal; font-weight: 500; }

/*
--- Desktop Ansicht ab 1101px -------------------------------------
*/
@media all and (min-width: 1101px) { .font--h1 { font-size: 144px; line-height: 90px; }
  .font--h2 { font-size: 104px; line-height: 64px; }
  .font--h3 { font-size: 64px; line-height: 40px; }
  .font--h4 { font-size: 32px; line-height: 36px; }
  .font--h5 { font-size: 24px; line-height: 28px; }
  .font--h6 { font-size: 20px; line-height: 24px; }
  .font--h7, .button-group__button { font-size: 16px; line-height: 20px; }
  .font--h8 { font-size: 24px; line-height: 28px; }
  .font--p1 { font-size: 24px; line-height: 32px; }
  .font--p2 { font-size: 20px; line-height: 32px; }
  .font--p3 { font-size: 16px; line-height: 20px; }
  .font--p4 { font-size: 12px; line-height: 16px; }
  .font--ul2 { font-size: 20px; line-height: 32px; }
  .font--li2 { font-size: 20px; line-height: 32px; }
  .font--sub1, .font--sub4 { font-size: 24px; line-height: 28px; }
  .font--sub1-serif { font-size: 24px; line-height: 28px; }
  .font--sub2 { font-size: 20px; line-height: 24px; }
  .font--sub3 { font-size: 16px; line-height: 20px; }
  .font--sub5 { font-size: 24px; line-height: 28px; }
  .font--r1 { font-size: 24px; line-height: 28px; }
  .font--r2 { font-size: 18px; line-height: 24px; }
  .font--q1 { font-size: 32px; line-height: 40px; }
  .font--scroller-headline { font-size: 24px; line-height: 28px; }
  .font--icon1 { font-size: 12px; line-height: 14px; } }

/*
--- Tablet Ansicht ab 601 -------------------------------------
*/
@media all and (min-width: 601px) and (max-width: 1100px) { .font--h1 { font-size: 88px; line-height: 54px; }
  .font--h2 { font-size: 60px; line-height: 36px; }
  .font--h3 { font-size: 48px; line-height: 30px; }
  .font--h4 { font-size: 28px; line-height: 32px; }
  .font--h5 { font-size: 22px; line-height: 26px; }
  .font--h6 { font-size: 18px; line-height: 26px; }
  .font--h7, .button-group__button { font-size: 14px; line-height: 18px; }
  .font--h8 { font-size: 21px; line-height: 24px; }
  .font--p1 { font-size: 22px; line-height: 28px; }
  .font--p2 { font-size: 18px; line-height: 28px; }
  .font--p3 { font-size: 14px; line-height: 18px; }
  .font--p4 { font-size: 12px; line-height: 16px; }
  .font--ul2 { font-size: 18px; line-height: 28px; }
  .font--li2 { font-size: 18px; line-height: 28px; }
  .font--sub1 { font-size: 22px; line-height: 26px; }
  .font--sub1-serif { font-size: 22px; line-height: 26px; }
  .font--sub2 { font-size: 18px; line-height: 22px; }
  .font--sub3 { font-size: 14px; line-height: 18px; }
  .font--sub5 { font-size: 21px; line-height: 24px; }
  .font--r1 { font-size: 22px; line-height: 26px; }
  .font--r2 { font-size: 16px; line-height: 20px; }
  .font--q1 { font-size: 26px; line-height: 30px; }
  .font--scroller-headline { font-size: 20px; line-height: 24px; }
  .font--icon1 { font-size: 12px; line-height: 14px; } }

/*
--- Mobile Ansicht bis 600px -------------------------------------
*/
@media all and (max-width: 600px) { .font--h1 { font-size: 56px; line-height: 36px; }
  .font--h2 { font-size: 44px; line-height: 28px; }
  .font--h3 { font-size: 32px; line-height: 20px; }
  .font--h4 { font-size: 24px; line-height: 28px; }
  .font--h5 { font-size: 20px; line-height: 24px; }
  .font--h6 { font-size: 16px; line-height: 20px; }
  .font--h7, .button-group__button { font-size: 12px; line-height: 16px; }
  .font--h8 { font-size: 18px; line-height: 20px; }
  .font--p1 { font-size: 20px; line-height: 24px; }
  .font--p2 { font-size: 16px; line-height: 24px; }
  .font--p3 { font-size: 12px; line-height: 16px; }
  .font--p4 { font-size: 11px; line-height: 14px; }
  .font--ul2 { font-size: 16px; line-height: 24px; }
  .font--li2 { font-size: 16px; line-height: 24px; }
  .font--sub1 { font-size: 20px; line-height: 24px; }
  .font--sub1-serif { font-size: 20px; line-height: 24px; }
  .font--sub2 { font-size: 16px; line-height: 20px; }
  .font--sub3 { font-size: 12px; line-height: 16px; }
  .font--sub5 { font-size: 18px; line-height: 20px; }
  .font--r1 { font-size: 20px; line-height: 24px; }
  .font--r2 { font-size: 14px; line-height: 18px; }
  .font--q1 { font-size: 22px; line-height: 26px; }
  .font--scroller-headline { font-size: 18px; line-height: 20px; }
  .font--icon1 { font-size: 12px; line-height: 14px; } }

/*
--- Mobile Ansicht bis 600px -------------------------------------
*/
@media print { .font--h1 { font-size: 32px; line-height: 32px; margin-top: 16px; }
  .font--h2 { font-size: 28px; line-height: 28px; margin-top: 14px; }
  .font--h3 { font-size: 24px; line-height: 24px; margin-top: 12px; }
  .font--h4 { font-size: 20px; line-height: 20px; margin-top: 10px; }
  .font--h5 { font-size: 16px; line-height: 20px; margin-top: 8px; }
  .font--h6 { font-size: 14px; line-height: 18px; margin-top: 7px; }
  .font--h7 { font-size: 14px; line-height: 18px; margin-top: 7px; }
  .font--p1 { font-size: 16px; line-height: 20px; margin-top: 7px; font-weight: bold; }
  .font--p2 { font-size: 16px; line-height: 20px; margin-top: 8px; }
  .font--p3 { font-size: 14px; line-height: 18px; margin-top: 9px; }
  .font--p4 { font-size: 14px; line-height: 18px; margin-top: 7px; }
  .font--ul2 { font-size: 14px; line-height: 18px; margin-top: 7px; }
  .font--li2 { font-size: 14px; line-height: 18px; margin-top: 7px; }
  .font--sub1 { font-size: 16px; line-height: 20px; margin-top: 8px; }
  .font--sub1-serif { font-size: 16px; line-height: 20px; margin-top: 8px; }
  .font--sub2 { font-size: 14px; line-height: 18px; margin-top: 7px; }
  .font--sub3 { font-size: 14px; line-height: 18px; margin-top: 7px; }
  .font--r1 { font-size: 16px; line-height: 20px; margin-top: 8px; }
  .font--r2 { font-size: 14px; line-height: 18px; margin-top: 7px; }
  .font--q1 { font-size: 16px; line-height: 20px; margin-top: 8px; margin-bottom: 8px; }
  .font--scroller-headline { font-size: 14px; line-height: 18px; margin-top: 7px; }
  .font--icon1 { font-size: 14px; line-height: 18px; margin-top: 7px; } }

@media print { .header, .sub-header, .navigation, .slider, .scroller, .visible-sm, .ce-intro--search, .ce-headline1--search, .ce-headline2--search, .ce-headline3--search, .ce-headline4--search, .ce-headline5--search, .ce-intro__figure, .ce-intro__more, .ce-intro__select, .ce-headline1__figure, .ce-headline1__more, .ce-headline1__select, .ce-headline2__figure, .ce-headline2__more, .ce-headline2__select, .ce-headline3__figure, .ce-headline3__more, .ce-headline3__select, .ce-headline4__figure, .ce-headline4__more, .ce-headline4__select, .ce-headline5__figure, .ce-headline5__more, .ce-headline5__select, .ce-quote__button, .ce-quote__figure, .ce-teaser__more, .tile-l__bumper, .tile-l__more, .tile-l__picture, .tile-s__image, .navbar__body, .button-group, .ext-contact__more, .ext-contact-detail__link-back, .ext-project__link-back, .ext-title-news__link-back, .info-bar__icon, .form, .tx-kesearch-pi1 .pages_total, #form_kesearch_pi1 { display: none !important; }
  * { background: #fff !important; color: #000 !important; }
  img { height: auto !important; max-width: 100% !important; }
  h1, h2, h3, h4, h5 { font-weight: bold; page-break-after: avoid; page-break-inside: avoid; }
  h1 + p, h2 + p, h3 + p { page-break-before: avoid; }
  table, figure { page-break-inside: avoid; }
  #page { margin: 0 auto; max-width: 580px !important; padding: 0; }
  .ce-intro__headline, .ce-headline1__headline, .ce-headline2__headline, .ce-headline3__headline, .ce-headline4__headline, .ce-headline5__headline { margin-top: 10px; }
  .ce-intro__headline-part1:after, .ce-headline1__headline-part1:after, .ce-headline2__headline-part1:after, .ce-headline3__headline-part1:after, .ce-headline4__headline-part1:after, .ce-headline5__headline-part1:after { content: " "; }
  .ce-intro__headline-part2:after, .ce-headline1__headline-part2:after, .ce-headline2__headline-part2:after, .ce-headline3__headline-part2:after, .ce-headline4__headline-part2:after, .ce-headline5__headline-part2:after { content: " "; }
  .ce-quote__text { margin: 0; }
  .ce-teaser__figure { padding: 10px 0; }
  .tile-l { margin: 0; }
  .tile-s { border-bottom: 1px solid #ddd; padding: 10px 0; margin: 0; }
  .ext-publikation-tile__item { border-bottom: 1px solid #ddd; padding: 10px 0; }
  .ext-contact__card { padding-top: 10px; }
  .ext-contact__subline { border-bottom: 1px solid #ddd; }
  .ext-list-jobs, .ext-list-publication { padding-top: 20px; }
  .ext-contact-detail, .ext-project, .ext-title-news { padding-top: 20px; }
  .info-bar__icon-title:after { content: ": "; }
  .ce__figure, .ce-ico__figure, .ext-publikation-detail__figure { margin: 0; padding: 10px 0; }
  .ce__p, .ce-ico__p, .ext-publikation-detail__p { display: block !important; }
  .footer__copyright { font-family: "Gotham A", "Gotham B", Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 12px; line-height: 12px; font-weight: normal; } }