/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * default screen stylesheet - FULLPAGE-layout type layout
 *
 * @copyright       © 2005-2013, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         4.1.2
 */
@media screen {
  body { overflow-y: scroll; }
  .ym-wrapper { min-width: 1024px; max-width: 1280px; margin: 0 auto; }
  .ym-wbox { padding: 0; }

  #head { position: relative; }
  #head:before { content: ""; display: block; position: absolute; top: 0; right: 0; left: 0; height: 17%; background: -webkit-linear-gradient(0, rgba(0,0,0,0) 0%, #000 100%), -webkit-linear-gradient(0, rgba(255,255,255,0) 0%, #005eb1 100%); background: linear-gradient(0, rgba(0,0,0,0) 0%, #000000 100%), linear-gradient(0, rgba(255,255,255,0) 0%, #005EB1 100%); opacity: 0.48; z-index: 1; }
  /*#head:after { content: ""; display: block; position: absolute; right: 0; bottom: 0; left: 0; height: 29%; background: -webkit-linear-gradient(0, #0A3255 0%, rgba(9,40,67,0) 100%); background: linear-gradient(0, #0A3255 0%, rgba(9,40,67,0) 100%); opacity: 0.46; z-index: 1; }*/
  /*#head.has-flyout { z-index: 10000; }*/
  #head .slick-slide:before { content: ""; display: block; position: absolute; right: 0; bottom: 0; left: 0; height: 29%; background: -webkit-linear-gradient(0, #0A3255 0%, rgba(9,40,67,0) 100%); background: linear-gradient(0, #0A3255 0%, rgba(9,40,67,0) 100%); opacity: 0.46; z-index: 1; }
  
  #logo { position: absolute; top: 13px; left: 10px; z-index: 2; }
  #logo svg { display: block; height: 65px; -webkit-filter: drop-shadow(0 2px 15px rgba(0,0,0,0.5)); filter: drop-shadow(0 2px 15px rgba(0,0,0,0.5)); }

  #mainnav { position: absolute; top: 28px; left: 25.78125%; overflow: visible; width: 620px; z-index: 1; -webkit-transition: z-index .3s linear; transition: z-index .3s linear; }
  #mainnav:before, #mainnav:after { content: ""; display: block; position: absolute; right: 0; bottom: -7px; left: 0; height: 20px; background: #0062a3; z-index: -1; }
  #mainnav:after { opacity: 0; background: rgba(0,0,0,0.49); -webkit-transition: opacity .3s linear; transition: opacity .3s linear; }
  #mainnav > ul { position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
  #mainnav li.parent > a:before { content: ""; display: block; position: absolute; top: -14px; right: 2px; bottom: -14px; left: 2px; background: #004e82; z-index: -1; opacity: 0; -webkit-transition: opacity .3s linear; transition: opacity .3s linear; }
  #mainnav li.parent > a.flyout-open:before { opacity: 1; }

  #mainnav ul ul.flyout { position: absolute; top: 38px; left: 2px; float: none; width: 360px; padding: 14px 20px 7px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #004e82; }
  #mainnav ul ul li { display: block; float: none; padding: 10px 0; }
  #mainnav ul ul li + li { border-top: 2px solid rgba(255,255,255,0.3); }
  #mainnav ul ul li a { padding: 0; font-size: 16px; line-height: 19px; }
  #mainnav ul ul li a:after { content: " "; display: inline-block; width: 14px; background: url(/fileadmin/gfx/arrow-white.svg) no-repeat scroll 50% 50% transparent; background-size: 14px auto; position: absolute; top: 0; right: 0; bottom: 0; height: auto; margin: 0; }
  #mainnav ul ul li a:focus, #mainnav ul ul li a:hover, #mainnav ul ul li.active > a { opacity: 0.2; }
  #mainnav ul ul li.active > a:after { opacity: 0; }

  #close-flyout { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.49); opacity: 0; z-index: -1; -webkit-transition: opacity .3s linear, z-index .3s linear; transition: opacity .3s linear, z-index .3s linear; }
  .has-flyout #close-flyout { opacity: 1; z-index: 5; }
  .has-flyout #mainnav { z-index: 10; }
  .has-flyout #mainnav:after { opacity: 1; }

  .metanav { color: #fff; position: absolute; top: 28px; right: 10px; padding: 0 27px; z-index: 2; }
  .metanav:before { content: ""; display: block; position: absolute; right: 0; bottom: -9px; left: 0; height: 20px; background: #0062a3; z-index: -1; }

  .metanav .languages { float: left; margin: 2px 0 0; }
  .metanav .languages ul { list-style-type: none; margin: 0; }
  .metanav .languages li { list-style-type: none; float: left; margin: 0; font-size: 14px; line-height: 17px; }
  .metanav .languages li:before { content: "\00a0/\00a0"; }
  .metanav .languages li.first:before { display: none; }
  .metanav .languages a { color: #fff; font-size: 14px; font-weight: 400; line-height: 17px; }
  .metanav .languages .active a { font-weight: 500;  }

  .metanav .twitter { float: left; margin: 0 25px; }
  .metanav .twitter img { display: block; width: auto; height: 20px; }

  .metanav .search { float: left; padding: 2px 0 0; color: #fff; font-size: 14px; font-weight: 400; line-height: 17px; overflow: hidden; }
  .metanav .search .text { float: left; }
  .metanav .search svg { float: right; margin: -2px 0 0 7px; }

  .pswp__button { background-color: transparent !important; }

  .dpnglossary.link { color: inherit !important; font-weight: inherit !important; text-decoration: underline double #0062a3 !important; cursor: help; }
  
  .tx-indexedsearch-searchbox-modal { position: absolute; top: 31px; right: 0; left: 0; height: 0; overflow: hidden; background: #fff; -webkit-transition: width .3s ease, height .3s ease; transition: width .3s ease, height .3s ease; }
  .tx-indexedsearch-searchbox-modal.open { height: 27px; }
  .tx-indexedsearch-searchbox-modal .tx-indexedsearch-form { float: left; width: 100%; }
  .tx-indexedsearch-searchbox-modal .tx-indexedsearch-search-submit { position: absolute; top: 0; right: 0; z-index: 1; }
  .tx-indexedsearch-searchbox-modal #tx-indexedsearch-searchbox-sword { display: block; height: 27px; font-size: 14px; font-weight: 400; line-height: 27px; background: none; border: 0; padding: 0 37px 0 10px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } 
  .tx-indexedsearch-searchbox-modal #tx-indexedsearch-searchbox-button-submit { text-indent: -999999px; display: block; padding: 0; height: 27px; width: 27px; line-height: 27px; background: url(/fileadmin/gfx/arrow-orange.svg) no-repeat scroll 50% 50% #0062a3; }

  .tx-indexedsearch-searchbox .tx-indexedsearch-form { margin: 0 6em 0 0; }
  .tx-indexedsearch-searchbox .tx-indexedsearch-search-submit { float: right; width: 6em; }
  .tx-indexedsearch-searchbox .tx-indexedsearch-searchbox-button { display: block; width: 100%; padding: 0; line-height: 1.8; height: 1.8em; }
  .tx-indexedsearch-searchbox .tx-indexedsearch-form label { display: none; }
  .tx-indexedsearch-searchbox .tx-indexedsearch-searchbox-sword { display: block; width: 100%; height: 1.8em; line-height: 1.8; padding: 0 0.5em; }
  .tx-indexedsearch-rules { padding: 0 0 1.3em; }
  .tx-indexedsearch-rules .rules-header { display: inline-block; margin: 0; padding: 0.5em 0; font-size: 0.75em; font-weight: 400; text-transform: uppercase; cursor: pointer; }
  .tx-indexedsearch-rules .rules-text { display: none; margin: 0; font-size: 0.75em; }

  .tx-indexedsearch-res { margin: 50px 0; }
  .tx-indexedsearch-res .tx-indexedsearch-text-item-mtime { font-size: 14px; line-height: 17px; color: #7d7d7d; }
  .tx-indexedsearch-res h3 { margin-top: 0; }

  .tx-slickslider img { display: block; }
  .slickslider-caption { position: relative; z-index: 2; }

  .annual-report--current { display: none; }
  .annual-report-download img { display: block; }

  blockquote.twitter-tweet { display: inline-block; font-family: "Helvetica Neue", Roboto, "Segoe UI", Calibri, sans-serif; font-size: 12px; font-weight: bold; line-height: 16px; border-color: #eee #ddd #bbb; border-radius: 5px; border-style: solid; border-width: 1px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); margin: 10px 5px; padding: 0 16px 16px 16px; max-width: 468px; background: #fff; }
  blockquote.twitter-tweet p { font-size: 16px; font-weight: normal; line-height: 20px; }
  blockquote.twitter-tweet a { color: inherit; font-weight: normal; text-decoration: none; word-break: break-all; outline: 0 none; }
  blockquote.twitter-tweet a:hover, blockquote.twitter-tweet a:focus { text-decoration: underline; }

  .tx-twitter { position: relative; overflow: hidden; }
  .tx-twitter .twitter-list { margin: 0 -10px; }
  .tx-twitter .twitter { float: left; width: 33.333%; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .tx-twitter .twitter-tweet-rendered { margin: 0 !important; }

  .page-navigation { margin: 25px 0; text-align: center; }
  .page-navigation a { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; color: #0062a3; margin: 0; padding: 10px; font-weight: 400; font-size: 16px; line-height: 19px; text-transform: uppercase; background: #fff; border: 1px solid #0062a3; }
  .page-navigation .current a { font-weight: 700; color: #004e82; border-color: #004e82; }
  .page-navigation ul { list-style-type: none; margin: 0; overflow: hidden; }
  .page-navigation li { list-style-type: none; display: inline-block; height: 41px; line-height: 41px; margin: 0 10px 10px 0; min-width: 41px; text-align: center; }
  .page-navigation li:before { display: none !important; }
  .page-navigation li.last { margin-right: 0; }

  .persons { list-style-type: none; margin: 0; padding: 0; display: none; position: absolute; right: 0; bottom: 75px; left: 0; font-size: 16px; font-weight: 500; line-height: 19px; z-index: 2; }
  .person { list-style-type: none; margin: 0; padding: 0; position: absolute; left: 0; bottom: 0; font-size: 16px; line-height: 19px; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
  .person:before { display: none; }
  .person a { opacity: 0.8; color: #fff; font-size: 16px; line-height: 19px; font-weight: 500; text-shadow: 0 2px 12px #000; }
  .person a:hover, .person a:focus { opacity: 1; }
  .start .persons.screen1, .start .persons.screen2 { display: block; }

  .persons.screen1 .person.person1 { left: 12.5%; }
  .persons.screen1 .person.person2 { left: 28.5%; }
  .persons.screen1 .person.person3 { left: 48%; }
  .persons.screen1 .person.person4 { left: 65%; }
  .persons.screen1 .person.person5 { left: 80.5%; }

  .persons.screen2 .person.person1 { left: 19%; }
  .persons.screen2 .person.person2 { left: 34%; }
  .persons.screen2 .person.person3 { left: 50%; }
  .persons.screen2 .person.person4 { left: 67%; }
  .persons.screen2 .person.person5 { left: 80.5%; }

  .further-information { padding: 50px 0; background: url(/fileadmin/gfx/info-bg.svg) repeat scroll 0 0 transparent; }
  .further-information .ym-wbox { padding: 0 10px; }
  .further-information .h1.tweets:after { content: " "; display: inline-block; position: relative; width: 35px; height: 35px; margin: 0 0 -4px 17px; background: url(/fileadmin/gfx/twitter-icon.svg) no-repeat scroll 50% 50% transparent; }

  .contact-persons-box { position: relative; }
  .contact-persons { position: absolute; right: 0; bottom: -40px; min-width: 550px; padding: 20px 20px 10px; color: #fff; background: #0062a3; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 5; }
  .contact-persons-box.no-link .contact-persons { bottom: -20px; } 
  .contact-persons .header { margin: 0 0 15px; color: #eaeaea; font-size: 22px; font-weight: 700; line-height: 26px; text-transform: none; }
  .contact-persons .header:after { content: ":"; }
  .contact-person { margin: 10px 0; overflow: hidden; }
  .contact-person + .contact-person { margin-top: 20px; }
  .contact-person-image { float: left; padding: 0 12px 0 0; }
  .contact-person-image img { display: block; }
  .contact-person-text p { margin: 0; font-size: 14px; line-height: 22px; }
  .contact-person-text a { color: #fff; font-weight: 400; }
  .scientific-staff .arrow-box { float: right; margin: 0; padding: 0 24px 0 0; color: #fff; font-size: 16px; line-height: 22px; background: none; border: 0; }
  .scientific-staff .arrow-box:after { right: 0; }

  /* gridsystem
  .section-top:after { content: "."; display: block; clear: both; font-size: 0; height: 0; visibility: hidden; }
  .section-news { float: left; width: 74.01574803149606%; }
  .section-right { margin: 0 0 0 74.01574803149606%; padding: 70px 0 0 60px; }
  .section-right p { color: #545454; font-size: 16px; line-height: 27px; margin: 0 0 10px; }
  .section-right .external-link { margin: 0; padding-top: 10px; padding-bottom: 10px; }
  .section-right .frame:first-child .ce-header > * { margin: 0 -10px 10px 0; padding: 7px 10px 7px 8px; color: #fff; font-size: 20px; font-weight: 300; line-height: 24px; background: #0062a3; }
  */

  .start-grid { display: -ms-grid; display: grid; -ms-grid-columns: 74.015748% 60px calc(25.984252% - 60px); grid-template-columns: 74.015748% 60px calc(25.984252% - 60px); -ms-grid-rows: auto auto auto; grid-template-rows: auto auto auto; }
  .subject .start-grid { margin-right: -10px; }

  .grid--news { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; }
  .grid--marginal { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 1; -ms-grid-row-span: 3; grid-row: 1 / 4; }
  .grid--topics { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 2; grid-row: 2; }

  .grid--marginal { padding-top: 70px; }
  .grid--marginal p { color: #545454; font-size: 16px; line-height: 27px; margin: 0 0 10px; }
  .grid--marginal .external-link { margin: 0; padding-top: 10px; padding-bottom: 10px; }
  .grid--marginal .frame:first-child .ce-header > * { margin: 0 0 10px; padding: 7px 10px 7px 8px; color: #fff; font-size: 20px; font-weight: 300; line-height: 24px; background: #0062a3; }

  .subject .grid--marginal { -ms-grid-row-span: 1; grid-row: 1; }
  .subject .grid--topics { -ms-grid-column: 1; -ms-grid-column-span: 3; grid-column: 1 / 4; padding-right: 10px; }
  
  .news-list-view { overflow: hidden; }
  .news-list-view .newslist { margin: 0 -10px; overflow: hidden; }
  .news-list-view .article { position: relative; margin: 0; padding: 0 10px; line-height: 24px; float: left; width: 33.333%; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 0; }
  .news-list-view .article:nth-child(3n) ~ .article { margin-top: 20px; }
  .news-list-article { background: #fafafa; overflow: hidden; }
  .news-list-image img { display: block; width: 100%; }
  .news-list-content { margin: 10px 15px 46px; height: 307px; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .news-list-content .ellipsis { overflow: hidden; height: 100%; }
  .news-list-content .ellipsis:before { content:""; float: left; width: 5px; height: 100%; }
  .news-list-content .ellipsis:after { content: "\02026"; float: right; position: relative; top: -27px; left: 100%; width: 1.2em; margin-left: -1.2em; padding-right: 5px; text-align: right; }
  .news-list-content .ellipsis > *:first-child { float: right; width: 100%; margin-left: -5px; }
  .news-list-category { display: block; color: #7d7d7d; font-size: 14px; font-weight: 600; line-height: 17px; margin: 0 0 5px; }
  .news-list-header { color: #0062a3; font-size: 20px; font-weight: 500; line-height: 28px; text-transform: none; margin: 6px 0 10px; word-break: break-word; }
  .news-list-teaser{ color: #000; font-size: 16px; line-height: 27px; }
  .news-list-date { color: #7d7d7d; }
  .more-news { text-align: center; margin: 30px 0 50px; }
  .more-news a { margin: 0; }
  .news-single .news-list-date { display: block; color: #7d7d7d; font-size: 12px; line-height: 15px; font-weight: 400; margin: 0 0 5px; }
  .news-backlink-wrap { margin: 50px 0 0; }
  .news-backlink-wrap a { margin: 0; }
  
  .news-list-article.is--shareable .news-list-content { padding-bottom: 20px; }
  .tippy-share { position: absolute; right: 10px; bottom: 10px; z-index: 0; }
  .tippy-share .share { position: relative; display: block; z-index: 0;}
  .tippy-share .share:before { content: ""; position: absolute; top: -10px; right: -10px; bottom: -10px; left: -10px; }
  .tippy-share .share svg { display: block; height: 20px; }
  .tippy-share .share path { fill: #f93; }

  .tippy-box[data-theme~="share"] { color: #000; background-color: #fff; box-shadow: inset 0 0 0 1px #0062a3; }
  .tippy-box[data-theme~="share"] .tippy-arrow { color: #0062a3; }
  .tippy-box[data-theme~="share"] a { display: flex; flex-direction: row; align-items: center; color: #000; font-weight: 400; }
  .tippy-box[data-theme~="share"] a + a { margin-top: 5px; }
  .tippy-box[data-theme~="share"] svg { display: block; height: 1.3em; margin-right: 5px; }
  .tippy-box[data-theme~="share"] path { fill: #000; }
  .tippy-box[data-theme~="share"] a:hover, .tippy-box[data-theme~="share"] a:focus { color: #0062a3; }
  .tippy-box[data-theme~="share"] a:hover path, .tippy-box[data-theme~="share"] a:focus path { fill: #0062a3; }

  /* EXT:news flexbox */
  .news-list-view .newslist { -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; }
  .news-list-view .article { float: none; width: 33.333%; margin: 0; padding: 0; line-height: 24px; }
  .news-list-view .news-list-article { height: 100%; min-height: 307px; margin: 0 10px; }
  .news-list-view .news-list-content { height: auto; }



  /*.news-list-view.small .article { width: 33.333%; }*/
  .news-list-view.short .news-list-content { margin: 10px 15px 25px; /*height: 198px;*/ }

  .news--filter-form:after { content: "."; display: block; clear: both; font-size: 0; height: 0; visibility: hidden; }
/*
  .news--filter-container { margin: 0 -10px; }
  .news--filter { float: left; width: 50%; padding: 0 10px; box-sizing: border-box; }
  .news--filter:nth-child(1) { width: 33.333%; }
  .news--filter:nth-child(2) { width: 66.666%; }
*/
  .news--filter { margin: 0 0 1.5em; padding: 0 7.5em 0 0; }
  .news--filter:after { content: "."; display: block; clear: both; font-size: 0; height: 0; visibility: hidden; }
  .news--filter-field { position: relative; float: left; width: 100%; }
  .news--filter-buttons { position: relative; float: left; width: 7em; margin: 0 -7.5em 0 0; padding: 0 0 0 0.5em; }
  .news--filter-buttons button { padding: 6px 20px; width: 100%; }
  .news--filter-label { display: none; }
  .news--filter-field.has--text input { width: 100%; padding: 0 10px; }
  .news--filter-field.has--categories { position: relative; }
  .news--filter-formatted { position: relative; -webkit-appearance: menulist-button; padding: 0 20px 0 10px; height: 36px; line-height: 34px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box; background: #fff; border: 1px solid #7d7d7d; cursor: pointer; }
  .news--filter-formatted > * { line-height: 34px; }
  .news--filter-list { display: none; position: absolute; top: 36px; left: 0; width: 100%; max-height: 342px; margin-top: -1px; padding: 0 10px; overflow: hidden; overflow-y: auto; box-sizing: border-box; background: #fff; border: 1px solid #7d7d7d; z-index: 10; }
  .news--filter-list .element--item { position: relative; padding: 0 0 0 20px; min-height: 34px; }
  .news--filter-list .element--item input[type="checkbox"] { position: absolute; left: 0; top: 17px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
  .news--filter-list .element--item label { display: inline-block; line-height: 24px; padding: 5px 0; }
  .news--filter-list .element--item-children { padding: 0 0 0 20px; }
  /*.news--filter-buttons { clear: both; padding: 20px 10px 40px; }*/

  .members-nav { overflow: hidden; }
  .members-nav ul { list-style-type: none; margin: 0 -10px; }
  .members-nav li { list-style-type: none; margin: 0; padding: 0 10px; line-height: 17px; float: left; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .members-nav li:before { display: none !important; }
  .members-nav li:nth-child(2n+1) { clear: both; }
  .members-nav a { font-size: 14px;  font-weight: 300;  line-height: 17px; text-transform: uppercase; }
  .members-nav img { display: block; margin: 0 0 14px; }
  .members-nav .member-name { display: block; margin: 0 0 32px; }
  .members-nav .last .member-name { margin: 0; }
  .former-members .vao { position: relative; width: 100%; height: 0; padding: 0 0 66.875%; background: #f6f6f6; overflow: hidden; }
  .former-members .vam { display: table; position: absolute; height: 100%; width: 100%; }
  .former-members .vai { display: table-cell; text-align: center; vertical-align: middle; padding: 0 40px; }
  .former-members a { margin: 0; padding: 20px 44px 20px 20px }
  .former-members a:after { right: 20px; }

  .subjects-nav { position: relative; overflow: hidden; }
  .subjects-nav.is--slim { width: 74.015748%; }
  .subjects-nav ul { list-style-type: none; margin: 0 -10px; }
  .subjects-nav li { list-style-type: none; margin: 0; padding: 0 10px; line-height: 24px; float: left; width: 33.333%; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .subjects-nav li:before { display: none !important; }
  .subjects-nav li:nth-child(3n+1) { clear: both; }
  .subjects-nav a { font-size: 20px; font-weight: 400; line-height: 24px; }
  .subjects-nav img { display: block; margin: 0 0 14px; }
  .subjects-nav .subject-title { display: block; margin: 0 0 22px; }

  .economic-nav { overflow: hidden; margin: 0 0 40px; }
  .economic-nav ul { margin: 0 -10px; }
  .economic-nav li { list-style-type: none; float: left; width: 33.333%; margin: 0 0 20px; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .economic-nav li:before { display: none !important; }
  .economic-nav li a { display: block; margin: 0; padding: 20px; text-align: center; }
  .economic-nav li a:after { height: 15px; margin: 0 0 0 8px; position: static; }

  .start #main { margin: 25px 0 50px 10px; }
  /* gridsystem
  .start .section-right { position: relative; top: -75px; padding-top: 0; z-index: 10; height: 1px; overflow: visible; }
  */
  .start .grid--marginal { position: relative; top: -75px; padding-top: 0; z-index: 10; }

  .subject #main { margin: 25px 10px 50px; }
  /* gridsystem
  .subject .section-news { width: 74.6031746031746%; }
  .subject .section-right { margin-left: 74.6031746031746%; }
  */
  .more-subjects h2 { margin-top: 0; }
  .more-subjects .subjects-nav { width: 100%; }
  .more-subjects .subjects-nav li { width: 25%; }
  .more-subjects .subjects-nav li:nth-child(3n+1) { clear: none; }

  .section-title { position: absolute; right: 0; bottom: 25px; left: 0; margin: 0 10px; color: #fff; font-size: 36px; font-weight: 500; line-height: 44px; text-transform: uppercase; z-index: 2; }
  .subpage .section-title span { display: block; max-width: 832px; margin: 0 auto; }
  .subpage #main { max-width: 832px; margin: 25px auto 50px; }
  .subpage .contact-persons-box + #main { margin-top: 60px; }
  
  .columns { display: -ms-flexbox; display: flex; }
  .column-left { width: 74.6031746031746%; }
  .column-right { width: 25.3968253968254%; padding: 0 0 0 60px; }

  #foot { padding: 70px 0 50px; color: #fff; background: #0062a3; }
  #foot:after { content: "."; display: block; clear: both; font-size: 0; height: 0; visibility: hidden; }

  .sitemap { float: left; width: 75.63%; padding: 0 0 0 9.14%; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .sitemap ul { list-style-type: none; float: left; width: 25%; margin: 0; }
  .sitemap li { list-style-type: none; line-height: 19px; margin: 0 20px 23px 0; }
  .sitemap li.last { margin-bottom: 0; }
  .sitemap a { color: #fff; font-weight: 500; font-size: 16px; line-height: 19px; }

  .feeds { margin: 0 0 0 75.63%; }
  .feeds .title { display: block; font-weight: 300; font-size: 16px; line-height: 19px; text-transform: uppercase; margin: 0 0 29px; }
  .feeds a { float: left; display: block; margin: 0; }
  .feeds a + a { margin: 0 0 0 21px; }
}

@media screen and (min-width: 0px) {
  .ym-wrapper { min-width: 0; }
}

@media screen and (max-width: 1150px) {
  #logo svg { height: 60px; }
  #mainnav { left: 240px; }
}

@media screen and (max-width: 1080px) {
  #head { padding-top: 60px; background: #fff; }
  /*#head:before { top: 60px; }*/
  #head:before, #head:after { display: none; }

  #logo { top: 10px; }
  #logo svg { height: 40px; -webkit-filter: drop-shadow(0 2px 18px rgba(0,0,0,0.5)); filter: drop-shadow(0 2px 18px rgba(0,0,0,0.5)); }
  #logo svg path { fill: #0062a3; }

  #mainnav { top: auto; bottom: -9px; left: 10px; width: auto; z-index: 2; }
  #mainnav:before { height: 35px; }
  #mainnav:after { display: none; }
  #mainnav > ul { left: 0; -webkit-transform: none; transform: none; padding: 0 5px; }
  .ym-hlist ul li { position: static; }
  .ym-hlist ul li a { position: relative; font-size: 15px; line-height: 18px; padding: 0 10px; }
  .ym-hlist ul li a:focus:after, .ym-hlist ul li a:hover:after, .ym-hlist ul li.active > a:after { margin: -4px -5px 0; }
  .ym-hlist ul li.page345 a { text-indent: -999999px; background: url(/fileadmin/gfx/home.svg) no-repeat scroll 50% 50% transparent; width: 18px; }
  #mainnav li.parent > a:before { top: -10px; right: 5px; bottom: -8px; left: 5px; }
  #mainnav ul ul.flyout { top: 25px; left: 0; right: 0; width: 100%; }
  #close-flyout { display: none; }

  .metanav { top: 19px; padding: 0; color: #004e82; }
  .metanav .languages a { color: #004e82; }
  .metanav:before, .metanav:after { display: none; }
  .metanav .twitter { display: none; }
  .metanav .search .text { display: none; }
  .metanav .search svg { margin-left: 16px; }
  .metanav .search svg path { fill: #004e82; }

  .tx-indexedsearch-searchbox-modal { position: relative; top: -1px; width: 0; height: 24px !important; }
  .tx-indexedsearch-searchbox-modal.open { width: 170px; }
  .tx-indexedsearch-searchbox-modal #tx_indexedsearch-modal { border: 1px solid #004e82; height: 22px; margin: 0 0 0 8px; }
  .tx-indexedsearch-searchbox-modal #tx-indexedsearch-searchbox-sword { height: 22px; line-height: 22px; padding: 0 32px 0 10px; }
  .tx-indexedsearch-searchbox-modal #tx-indexedsearch-searchbox-button-submit { height: 24px; line-height: 24px; width: 24px; }

  .start .persons, .section-title { display: none !important; }

  .news-list-content, .news-list-view.short .news-list-content { margin: 10px 10px 25px; }

  /*
  .tx-twitter .twitter-list { position: relative; overflow: hidden; width: 100vw; left: 0vw; -webkit-transition: left .3s ease; transition: left .3s ease; }
  .tx-twitter .twitter { display: block !important; clear: none !important; width: 50vw !important; }
  */

  .subpage #main { margin: 40px auto 50px; }
  /* gridsystem
  .section-right { padding: 70px 10px 0; }
  */
  .start-grid { -ms-grid-columns: 74.015748% 10px calc(25.984252% - 20px) 10px; grid-template-columns: 74.015748% 10px calc(25.984252% - 20px) 10px; }
}

@media screen and (max-width: 960px) {
  body { font-size: 16px; line-height: 27px; }
  p { font-size: 16px; line-height: 27px; margin: 0 0 16px; }
  /*ul, ol, dl { margin: 10px 0; }*/
  li { font-size: 16px; line-height: 27px; margin: 0 107px 16px 44px; }
  h1, .h1 { font-size: 30px; line-height: 36px; }

  th, td { font-size: 16px; line-height: 27px; padding: 10px; }

  .arrow-box, .internal-link-box, .external-link, .download { font-size: 14px; line-height: 17px; padding: 10px 34px 10px 10px; }
  .arrow-box:after, .internal-link-box:after, .external-link:after, .download:after { right: 10px; }
  .further-information [class*="frame-type-menu_"] li a { font-size: 16px; line-height: 19px; }

  .start #main, .subject #main { margin: 40px 0 50px; }
  .subject.subjects-overview #main { padding: 0 10px; }
  /* gridsystem
  .section-news, .subject .section-news { width: 66.666%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; }
  .section-right, .subject .section-right { margin: 0 0 0 66.666%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 70px 10px 0; }
  .section-right .frame:first-child .ce-header > * { margin-right: 0; padding: 6px 8px; font-size: 15px; line-height: 18px; }

  .start .section-right { height: auto; }
  */

  .start-grid { -ms-grid-columns: calc(66.666vw - 20px) 20px calc(33.333vw - 20px); grid-template-columns: calc(66.666vw - 20px) 20px calc(33.333vw - 20px); padding: 0 10px; }
  .grid--marginal .frame:first-child .ce-header > * { margin-right: 0; padding: 6px 8px; font-size: 15px; line-height: 18px; }

  .start-grid.no--marginal .grid--marginal { -ms-grid-row-span: 1; grid-row: 1; }
  .start-grid.no--marginal .grid--topics { -ms-grid-column: 1; -ms-grid-column-span: 3; grid-column: 1 / 4; }

  /*.subpage #main { margin: 40px 10px 50px; }*/

  .start .news-list-view .article, .subject .news-list-view .article { width: 50%; }
  .start .news-list-view .article:nth-child(2n) ~ .article, .subject .news-list-view .article:nth-child(2n) ~ .article { display: none; }

  .contact-persons { right: 10px; bottom: -16px; width: 350px; min-width: 0; padding: 10px 20px; }
  .contact-persons-box.no-link .contact-persons { bottom: -16px; }
  .contact-persons .header { font-size: 16px; line-height: 19px; }
  .contact-person-image img { max-width: 60px; }
  .contact-person-text p { font-size: 12px; line-height: 20px; }
  .scientific-staff .arrow-box { font-size: 15px; line-height: 22px; margin: 0; float: none; }

  .news-list-content, .news-list-view.short .news-list-content { margin: 15px 10px; height: 208px; }
  .news-list-category { font-size: 12px; line-height: 15px; }
  .news-list-header { font-size: 16px; line-height: 22px; margin: 2px 0 10px; }
  .news-list-teaser { font-size: 14px; line-height: 22px; }

  .news--filter-field.has--text input { font-size: 16px; line-height: 27px; }
  .news--filter-buttons button { font-size: 16px; line-height: 27px; padding: 1px 20px; }
  .news--filter-formatted { height: 29px; line-height: 27px; }
  .news--filter-formatted > * { line-height: 27px; }
  .news--filter-list { top: 29px; max-height: 272px;  }
  .news--filter-list .element--item { min-height: 27px; }
  .news--filter-list .element--item input[type="checkbox"] { top: 13px; }
  .news--filter-list .element--item label { line-height: 21px; padding: 3px 0; }

  .further-information .h1.tweets:after { margin-bottom: -6px; }

  .ce-menu { margin: 30px 0 20px; }

  /* gridsystem
  .section-subjects { padding: 0 10px; }
  */
  .subjects-nav { width: 100%; }
  .subjects-nav a { font-size: 16px; line-height: 19px; }
  .subjects-nav .subject-title { margin: 0 0 18px; }

  .more-subjects .subjects-nav li { width: 33.333%; }
  .more-subjects .subjects-nav li:nth-child(3n) ~ li { display: none; }

  .sitemap { width: 66.666%; padding: 0 10px; }
  .feeds { margin: 0 0 0 66.666%; padding: 0 10px; }

  .tx-twitter .twitter { width: 50vw; }

/*
  .tx-twitter .button { display: block; position: absolute; top: 0; width: 64px; height: 28.5vw; z-index: 1; }
  .tx-twitter .button:before { content: ""; position: absolute; top: 0; bottom: 0; width: 64px; z-index: 1; }
  .tx-twitter .button:after { content: ""; position: absolute; top: 0; bottom: 0; width: 18px; z-index: 2; }
  .tx-twitter .prev-button { left: 0; }
  .tx-twitter .prev-button:before { background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#00ffffff',GradientType=1); }
  .tx-twitter .prev-button:after { left: 10px; background: url(/fileadmin/gfx/arrow-left.svg) no-repeat scroll 0 50% transparent; }
  .tx-twitter .next-button { right: 0; }
  .tx-twitter .next-button:before { background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=1); }
  .tx-twitter .next-button:after { right: 10px; background: url(/fileadmin/gfx/arrow-right.svg) no-repeat scroll 0 50% transparent; }
*/
}

@media screen and (max-width: 852px) {
  .subpage #main { margin: 40px 10px 50px; }
}

@media screen and (max-width: 720px) {
  .contact-persons-box { padding: 40px 10px 0; }
  .contact-persons-box.no-header { margin-top: 20px; }
  .contact-persons-box .h1 { margin: 20px 0; }
  .contact-persons { position: static; width: auto; padding: 10px; }
  .contact-persons .header { position: relative; color: #fff; font-size: 14px; font-weight: 300; line-height: 17px; text-transform: none; margin: 0; }
  .contact-persons .header:after { content: ""; display: block; position: absolute; width: 13px; top: 0; right: 0; bottom: 0; background: url(/fileadmin/gfx/plus.svg) no-repeat scroll 100% 50% transparent; }
  .scientific-staff .arrow-box { font-size: 14px; line-height: 17px; }
  .contact-persons-box + #main { margin-top: 40px !important; }
}

@media screen and (max-width: 480px) {
  h1, h2, h3, h4, h5, h6, .h1, .h2 { font-size: 18px; line-height: 21px; margin: 20px 0 10px; }
  h1 + h2, h2 + h3, .h1 + h2, .h1 + h3 { margin-top: -10px; }
  li { margin-right: 0; }

  table { table-layout: fixed; word-break: break-word; }

  /* gridsystem
  .section-news, .subject .section-news, .section-right, .subject .section-right { float: none; width: auto; margin: 0; padding: 0 10px; }
  .section-right, .subject .section-right { margin: 30px 0 40px; }
  .start .section-right { position: static; }
  */

  .start-grid { display: block; margin: 0 !important; }
  .grid--marginal { margin: 30px 0 40px; padding-top: 0; }
  .start .grid--marginal { position: static; }

  #head { z-index: 110 !important; }

  #main { margin-top: 55px !important; }
  #mainnav { bottom: -28px; left: 0; width: 100%; }
  #mainnav > ul { width: 100%; padding: 0 2px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  #mainnav li.parent > a:before { right: 3px; left: 3px; }
  .ym-hlist ul li a { padding: 0 8px; }

  .members-nav li { float: none; width: auto; }

  .news-list-view .article { width: 50%; }
  .news-list-view .article:nth-child(2n) ~ .article { margin-top: 20px; }
  .news-list-view .article:nth-child(2n+1) { clear: both; }

  .news-list-view .article { -webkit-flex: 0 50%; -moz-flex: 0 50%; -ms-flex: 0 50%; flex: 0 50%; }

  .tx-indexedsearch-searchbox-modal.open { width: 125px; }
  .tx-indexedsearch-searchbox-modal #tx-indexedsearch-searchbox-sword { padding: 0 5px; }
  .tx-indexedsearch-searchbox-modal .tx-indexedsearch-search-submit { display: none; }

  .section-header { position: relative; padding: 0 100px 0 0; }
  .section-header .h1 { margin: 20px 0; }
  .section-header .arrow-box { display: none; position: absolute; top: 50%; right: 0; margin: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
  /*.section-news .more-news { display: none; }*/

  .news-list-content, .news-list-view.short .news-list-content { margin: 10px 5px; height: 138px; height: auto; }
  .news-list-header { margin-bottom: 0; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
  .news-list-view .news-list-article { min-height: 0; }

  /*
  .news--filter { float: none; width: 100% !important; }
  .news--filter + .news--filter { margin-top: 10px; }
  */

  .subjects-nav { width: 100%; padding: 0 10px; margin-left: -10px; }
  .subjects-nav ul { position: relative; overflow: hidden; width: 100vw; left: 0vw; -webkit-transition: left .3s ease; transition: left .3s ease; }
  .subjects-nav li { display: block !important; clear: none !important; width: 50vw !important; }
  .subjects-nav .subject-title { margin: 0; }
  .subjects-nav .button { display: block; position: absolute; top: 0; /*bottom: 0;*/ width: 64px; height: 28.5vw; z-index: 1; }
  .subjects-nav .button:before { content: ""; position: absolute; top: 0; bottom: 0; width: 64px; z-index: 1; }
  .subjects-nav .button:after { content: ""; position: absolute; top: 0; bottom: 0; width: 18px; z-index: 2; }
  .subjects-nav .prev-button { left: 0; }
  .subjects-nav .prev-button:before { background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#00ffffff',GradientType=1); }
  .subjects-nav .prev-button:after { left: 10px; background: url(/fileadmin/gfx/arrow-left.svg) no-repeat scroll 0 50% transparent; }
  .subjects-nav .next-button { right: 0; }
  .subjects-nav .next-button:before { background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=1); }
  .subjects-nav .next-button:after { right: 10px; background: url(/fileadmin/gfx/arrow-right.svg) no-repeat scroll 0 50% transparent; }

  .subjects-overview .subjects-nav ul { width: auto !important; left: 0 !important; }
  .subjects-overview .subjects-nav li { width: 50% !important; }
  .subjects-overview .subjects-nav li:nth-child(2n+1) { clear: both !important; }
  .subjects-overview .subjects-nav .button { display: none !important; }
  .subjects-overview .subjects-nav .subject-title { margin: 0 0 18px; }

  .tx-twitter .twitter { width: 100vw !important; }
  .tx-twitter .button { display: block; position: absolute; top: 0; width: 64px; height: 57.5vw; z-index: 1; }
  .tx-twitter .button:before { content: ""; position: absolute; top: 0; bottom: 0; width: 64px; z-index: 1; }
  .tx-twitter .button:after { content: ""; position: absolute; top: 0; bottom: 0; width: 18px; z-index: 2; }
  .tx-twitter .prev-button { left: 0; }
  .tx-twitter .prev-button:before { background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#00ffffff',GradientType=1); }
  .tx-twitter .prev-button:after { left: 10px; background: url(/fileadmin/gfx/arrow-left.svg) no-repeat scroll 0 50% transparent; }
  .tx-twitter .next-button { right: 0; }
  .tx-twitter .next-button:before { background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=1); }
  .tx-twitter .next-button:after { right: 10px; background: url(/fileadmin/gfx/arrow-right.svg) no-repeat scroll 0 50% transparent; }

  .tx-twitter { margin: 0 -10px; }
  .tx-twitter .twitter-list { position: relative; margin: 0; }
  .tx-twitter .twitter { padding: 0 40px; }
  .tx-twitter .button { bottom: 0; height: auto; }
  .tx-twitter .button:before { display: none; }
  .tx-twitter .button:after { height: 57vw; }

  .further-information { padding: 20px 0 40px; margin: 0 0 45px; }
  .further-information .h1 { margin: 0 0 30px; }
  .further-information .h1.tweets:after { margin: 0 0 -5px 8px; width: 22px; height: 22px; background-size: 100%; }
  .further-information [class*="frame-type-menu_"] li { display: block; float: none; min-height: 0; width: 100%; }
  .further-information [class*="frame-type-menu_"] li + li { margin: 20px 0 0; }
  .further-information [class*="frame-type-menu_"] li a { display: block; width: auto; padding: 25px 20px; }

  .members-nav .member-name { margin: 0 0 20px; }
  .members-nav .former-members { margin: 40px 0 0; }
  .former-members .vao, .former-members .vam, .former-members .vai { display: block; position: static; padding: 0; width: auto; height: auto; }
  .former-members .vao { padding: 35px 20px; }

  /* gridsystem
  .section-right .frame:first-child .ce-header > * { position: relative; font-size: 14px; font-weight: 300; line-height: 17px; text-transform: none; margin: 0; padding: 10px; }
  .section-right .frame:first-child .ce-header > *:after { content: ""; display: block; position: absolute; width: 13px; top: 0; right: 10px; bottom: 0; background: url(/fileadmin/gfx/plus.svg) no-repeat scroll 100% 50% transparent; }
  .section-right .frame:first-child .ce-header + .ce-bodytext { padding: 10px 0 0; }
  */
  .grid--marginal .frame:first-child .ce-header > * { position: relative; font-size: 14px; font-weight: 300; line-height: 17px; text-transform: none; margin: 0; padding: 10px; }
  .grid--marginal .frame:first-child .ce-header > *:after { content: ""; display: block; position: absolute; width: 13px; top: 0; right: 10px; bottom: 0; background: url(/fileadmin/gfx/plus.svg) no-repeat scroll 100% 50% transparent; }
  .grid--marginal .frame:first-child .ce-header + .ce-bodytext { padding: 10px 0 0; }

  .ce-menu { margin: 40px 0; overflow: hidden; }
  .ce-menu li { float: left; width: 50%; margin: 0; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .ce-menu a { display: block; padding: 10px 20px; }
  .ce-menu a:after { position: relative; right: 0; height: 17px; margin: 0 0 -3px 8px; }
  /* gridsystem
  .section-right .ce-menu { display: none; }
  */
  .grid--marginal .ce-menu { display: none; }

  .annual-report-download { position: relative; margin: 50px -10px 40px; background: #0062a3; }
  .annual-report-download:after { content: "."; display: block; clear: both; font-size: 0; height: 0; visibility: hidden; }
  .annual-report-download .annual-report-link { position: absolute; top: 50%; left: 0; width: 50%; padding: 0 10px; text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
  .annual-report-download .download { margin: 0; }
  .annual-report-download .cover { float: right; width: 50%; margin: -20px 0; padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .annual-report-download img { box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25); }

  .page-navigation li { height: 28px; line-height: 28px; min-width: 28px; }
  .page-navigation a { font-size: 14px; line-height: 16px; padding: 5px; }

  #foot { position: relative; padding: 35px 0 40px; }
  #foot .top { display: block; position: absolute; top: -20px; right: 10px; width: 38px; height: 38px; border: 1px solid #0062a3; background: url(/fileadmin/gfx/top.svg) no-repeat scroll 50% 50% #fff; z-index: 1; }
  .sitemap, .sitemap ul { width: 100%; }
  .sitemap li { float: left; width: 50%; margin: 0 0 23px; line-height: 17px; }
  .sitemap a { font-size: 14px; line-height: 17px; }
  .feeds { clear: both; margin: 0; padding: 22px 10px 0; }
  .feeds .title { margin: 0 0 21px; }
  .feeds img { max-height: 30px; }
}

@media screen and (min-width: 480px) {
  .mobile-only { display: none !important; }
  .subjects-nav ul { width: auto !important; left: 0 !important; }
}

@media screen and (min-width: 960px) {
  .tx-twitter .twitter-list { width: auto !important; left: 0 !important; }
}

@media screen and (min-width: 480px) and (max-width: 960px) {
  .tx-twitter .twitter-list { width: 150vw !important; }
}