@-webkit-keyframes rightEnd{
     0%,100%{
         left:0
    }
     50%{
         left:-15px
    }
}
 @-moz-keyframes rightEnd{
     0%,100%{
         left:0
    }
     50%{
         left:-15px
    }
}
 @keyframes rightEnd{
     0%,100%{
         left:0
    }
     50%{
         left:-15px
    }
}
 @-webkit-keyframes topEnd{
     0%,100%{
         top:0
    }
     50%{
         top:-15px
    }
}
 @-moz-keyframes topEnd{
     0%,100%{
         top:0
    }
     50%{
         top:-15px
    }
}
 @keyframes topEnd{
     0%,100%{
         top:0
    }
     50%{
         top:-15px
    }
}
 @-webkit-keyframes leftEnd{
     0%,100%{
         left:0
    }
     50%{
         left:15px
    }
}
 @-moz-keyframes leftEnd{
     0%,100%{
         left:0
    }
     50%{
         left:15px
    }
}
 @keyframes leftEnd{
     0%,100%{
         left:0
    }
     50%{
         left:15px
    }
}
 @-webkit-keyframes bottomEnd{
     0%,100%{
         bottom:0
    }
     50%{
         bottom:-15px
    }
}
 @-moz-keyframes bottomEnd{
     0%,100%{
         bottom:0
    }
     50%{
         bottom:-15px
    }
}
 @keyframes bottomEnd{
     0%,100%{
         bottom:0
    }
     50%{
         bottom:-15px
    }
}
 .Inputfields legend,.aside__prehead,.breadcrumb--section,.smallnews__date{
     text-transform:uppercase
}
 .fa{
     display:inline-block;
     font:normal normal normal 14px/1 FontAwesome;
     font-size:inherit;
     text-rendering:auto;
     -webkit-font-smoothing:antialiased
}
 .fa-whatsapp:before{
     content:"\f232"
}
 .fa-facebook:before{
     content:"\f230"
}
 .fa-twitter:before{
     content:"\f099"
}
 .fa-envelope:before{
     content:"\f0e0"
}
 button,fieldset,img{
     border:none
}
 @font-face {
     font-family: 'Lato';
     font-weight:300;
     font-style:normal;
     src: url(font/Lato-Medium.woff2) format("woff2"), url(font/Lato-Medium.woff) format("woff");
}
 @font-face {
     font-family: 'Lato';
     font-weight:300;
     font-style: italic;
     src: url(font/Lato-MediumItalic.woff2) format("woff2"), url(font/Lato-MediumItalic.woff) format("woff");
}
 @font-face {
     font-family: 'Lato';
     font-weight:300;
     font-style: italic;
     src: url(font/Lato-MediumItalic.woff2) format("woff2"), url(font/Lato-MediumItalic.woff) format("woff");
}
 *{
     margin:0;
     padding:0;
     list-style:none;
     -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
     box-sizing:border-box;
     font-family:inherit;
     font-size:1em;
}
 footer,header,main,nav,section,subhead,subline{
     display:block
}
 button{
     background:0 0;
     cursor:pointer;
     text-align:left
}
 a{
     color:inherit
}
 li a,a{
     text-decoration:none
}
 .body{
     font-family: 'Lato', arial, sans-serif;
     line-height:1.5;
     font-size:1.1em;
     background-color: #fff;
     max-width:1440px;
     margin:0 auto;
     color:#222
}
 .main{
     padding:0 5.5%;
     position:relative
}
 .main--overview{
     padding-bottom:0
}
 .main__headline{
     font-size:1.38889em;
     margin:0 0 .6em
}
 .main__button{
     float:left;
     margin-bottom:2.75%
}
 .main__contenthead{
     clear:both
}
 h6 {
     width: 100%;
     text-align: center;
     border-bottom: 1px solid #ccc;
     line-height: 0.1em;
     margin: 6em 0 3em;
     color: #888;
}
 @media only screen and (max-width:40em){
     h6 {
         margin: 3em 0 3em;
         line-height: 1.8em;
    }
}
 h6 span {
     background:#fff;
     padding:0 0.3em;
}
 .aside h6 {
     margin-top: 0;
}
 .usertext:after{
     content:"";
     display:table;
     clear:both
}
 .usertext h1,.usertext h2{
     font-size:1.5em;
     margin-bottom:.5em;
     line-height:1.25;
     font-weight:700;
     font-smoothing:antialiased
}
 .data__date,.usertext h3{
     -webkit-font-smoothing:antialiased;
     -moz-osx-font-smoothing:grayscale
}
 @media only screen and (min-width:56.25em){
     .usertext h1,.usertext h2{
         font-size:1.6em
    }
}
 .usertext h3{
     font-family: 'Lato';
     line-height:1.25;
     margin:1.8em 0 .6em;
     font-size:1.3em;
     color:#707070;
     font-weight:700;
     font-smoothing:antialiased
}
 @media only screen and (min-width:56.25em){
     .usertext h3{
         font-size:1.3em
    }
}
 /* .usertext h3:first-child{
     margin-top:.1em
} */
 .usertext h3.date{
     font-size:.9em;
     color:#edebee;
     margin:2em 0 .1em
}
 .usertext h3.date+h4{
     border:none;
     margin:0;
     color:#333
}
 .usertext h3 a{
     text-decoration: none;
     color: #222;
}
 .usertext h4{
     color:#707070;
     font-weight:400;
     margin:1.5em 0 .8em;
     font-size:1.125em
}
 .usertext h4:first-child{
     margin-top:0
}
 .usertext h4+.longlist ul{
     margin-top:-1em;
     border-top-color:transparent
}
 .usertext h5{
     color:#333;
     font-size:1em;
     margin-top:1.5em
}
 .usertext h6{
     font-weight:400;
     color:#888;
     margin-top:1.5em
}
 .usertext dt,.usertext th{
     font-weight:700
}
 .usertext h1:last-child,.usertext h2:last-child,.usertext h3:last-child,.usertext h4:last-child,.usertext h5:last-child,.usertext h6:last-child{
     margin-bottom:0
}
 .usertext [class^=ol-]:before{
     display:inline-block;
     background:#edebee;
     color:#fff;
     width:1em;
     height:1em;
     margin-right:.5rem;
     text-align:center;
     -moz-border-radius:50%;
     border-radius:50%;
     line-height:1em;
     vertical-align:top;
     position:relative;
     top:-.1em;
     padding:.2em
}
 .usertext .ol-1:before{
     content:"1"
}
 .usertext .ol-2:before{
     content:"2"
}
 .usertext .ol-3:before{
     content:"3"
}
 .usertext .ol-4:before{
     content:"4"
}
 .usertext .ol-5:before{
     content:"5"
}
 .usertext .ol-6:before{
     content:"6"
}
 .usertext .ol-7:before{
     content:"7"
}
 .usertext .ol-8:before{
     content:"8"
}
 .usertext .ol-9:before{
     content:"9"
}
 .usertext .ol-10:before{
     content:"10"
}
 .usertext .ol-11:before{
     content:"11"
}
 .usertext .ol-12:before{
     content:"12"
}
 .usertext .ol-13:before{
     content:"13"
}
 .usertext .ol-14:before{
     content:"14"
}
 .usertext .ol-15:before{
     content:"15"
}
 .usertext .ol-16:before{
     content:"16"
}
 .usertext .ol-17:before{
     content:"17"
}
 .usertext .ol-18:before{
     content:"18"
}
 .usertext .ol-19:before{
     content:"19"
}
 .usertext .ol-20:before{
     content:"20"
}
 @media only screen and (max-width:31.25em){
     .usertext p{
         -webkit-hyphens:auto;
         -moz-hyphens:auto;
         -ms-hyphens:auto;
         hyphens:auto
    }
}
 @media only print {
    .usertext p{
        line-height: 1.8em;
   }
}
 .usertext a{
     color:#777;
     text-decoration:underline;
}
 .usertext a:active,.usertext a:focus,.usertext a:hover{
     color:#333
}
 .usertext blockquote,.usertext dl,.usertext ol,.usertext p,.usertext ul{
     margin-bottom:1em
}
 .usertext blockquote:last-child,.usertext dl:last-child,.usertext ol:last-child,.usertext p:last-child,.usertext ul:last-child{
     margin-bottom:0
}
 .usertext blockquote{
     font-style:italic;
     padding-left:1.5em;
     color:#666;
     border-left:2px solid #ccc
}
 .usertext sup{
     line-height:0;
     font-size:.8em
}
 .usertext li{
     margin:.5em 0
}
 .usertext li>a:first-child{
     text-decoration:none
}
 .usertext li>h3:first-child{
     display:inline
}
 .usertext li>h3:first-child+h4,.usertext li>p{
     margin-left:.4em;
     text-indent:0
}
 .usertext ul li{
     margin-left:1.2em;
     text-indent:-1.2em
}
 .usertext ul li:before{
     content:'';
     width:1em;
     height:1em;
     position:relative;
     top:.15em;
     margin-right:.17em;
     display:inline-block;
     background:url(../images/bullet.svg) 20% 30% no-repeat;
     -webkit-background-size:92% 92%;
     -moz-background-size:92% 92%;
     background-size:92% 92%
}
 .usertext ol li{
     list-style:decimal;
     margin-left:1.5em
}
 .usertext dt{
     margin-top:1.5em
}
 .usertext dd{
     margin:.5em 0
}
 .usertext hr{
     margin:2em 0;
     border:none;
     border-top:1px solid #ccc
}
 .usertext table:not(.data){
     border-spacing:0;
     border-top:1em solid transparent;
     border-bottom:1em solid transparent
}
 .usertext td,.usertext th{
     border-top:1px solid #ccc;
     font-size:.8em;
     padding:.4em 1em .4em 0;
     text-align:left
}
 .usertext tbody tr:last-child td,.usertext tbody tr:last-child th{
     border-bottom:1px solid #ccc
}
 .InputfieldRadios:after,.projectteaser:after{
     content:"";
     clear:both
}
 .usertext__toplink{
     background-color: #edebee;
     padding:.3em .8em;
     float:right;
     font-size:.7em;
     color:#fff
}
 .usertext .usertext__toplink{
     color:#fff;
     text-decoration:none
}
 @media only screen and (min-width:62.5em){
     .usertext__toplink{
         position:absolute;
         right:5.5%;
         right:0;
         font-size:.8em
    }
}
 .usertext__textcolumn{
     -webkit-box-sizing:content-box;
     -moz-box-sizing:content-box;
     box-sizing:content-box;
     width:47.25%;
     float:left
}
 .usertext__textcolumn:first-child{
     padding-right:5.5%
}
 .usertext__togglearea{
     overflow:hidden
}
 .usertext__togglearea h3{
     line-height:1.25;
     margin:1.2em 0 .6em;
     font-size:1.3em;
     color:#505050;
     font-weight:700;
     font-smoothing:antialiased
}
 .usertext img {
     max-width: 100%;
}
 .InputfieldForm>* .Inputfields{
     -moz-border-radius:.3em;
     border-radius:.3em;
     padding:1em;
     background:rgba(0,0,0,.07)
}
 .InputfieldForm .Inputfield{
     margin:.5em 0
}
 .InputfieldForm .Inputfield [type=email],.InputfieldForm .Inputfield [type=password],.InputfieldForm .Inputfield [type=text],.InputfieldForm .Inputfield select,.InputfieldForm .Inputfield textarea{
     border:1px solid #edebee;
     padding:.4em .6em;
     -moz-border-radius:.2em;
     border-radius:.2em
}
 .InputfieldForm .Inputfield [type=submit]:active,.InputfieldForm .Inputfield [type=submit]:focus,.InputfieldForm .Inputfield [type=submit]:hover,.InputfieldForm .Inputfield button:active,.InputfieldForm .Inputfield button:focus,.InputfieldForm .Inputfield button:hover{
     background:darkgrey
}
 .InputfieldForm .Inputfield .error{
     color:#dc4469;
     font-weight:700;
     font-size:.75em
}
 .InputfieldForm .Inputfield.InputfieldStateError [type=email],.InputfieldForm .Inputfield.InputfieldStateError [type=password],.InputfieldForm .Inputfield.InputfieldStateError [type=text],.InputfieldForm .Inputfield.InputfieldStateError select,.InputfieldForm .Inputfield.InputfieldStateError textarea{
     border-color:#dc4469
}
 .InputfieldForm label{
     font-size:.875em
}
 .InputfieldRadios:after{
     display:table
}
 .InputfieldRadios .InputfieldHeader{
     display:none
}
 .InputfieldStateRequired>.InputfieldHeader:first-child:after{
     color:#dc4469
}
 .FormBuilderErrors{
     background:#dc4469;
     -moz-border-radius:.3em;
     border-radius:.3em;
     padding:.6em 1em;
     color:#fff;
     margin:0 0 1em
}
 .button,.morebutton{
     display:inline-block
}
 .button{
     border:2px solid #fff;
     font-size:.875em;
     text-decoration:none!important;
     background:0 0;
     padding:.5em 2em;
     text-align:center;
     line-height:1.5;
     cursor:pointer;
     color:#fff
}
 .button:active,.button:focus,.button:hover{
     background:rgba(0,0,0,.1)
}
 .button__icon{
     fill:currentColor;
     width:1em;
     height:1em;
     top:.13em;
     margin-left:-.3em;
     margin-right:.4em
}
 .button--back{
     font-size:.8em;
     border:none;
     background:#edebee;
     padding:.2em 1em
}
 .button--back:active,.button--back:focus,.button--back:hover{
     background:darkgrey
}
 .button--toggle{
     border-color:#808080;
     color:#404040;
     margin:0.8em 0 2em;
     padding:.2em 1em
}
 .button--toggle:active,.button--toggle:focus{
     background-color:transparent
}
 .button--toggle:hover{
     background:rgba(0,0,0,.1)
}
 .button--subscription{
     border-color:#bbb;
     color:#000;
     background-color:#edebee;
     margin:0 0 2em;
     padding:.2em 1em
}
 .button--subscription:active,.button--subscription:focus{
     background-color:#808080;
}
 .button--subscription:hover{
     background:#fff;
     color:#000;
}
 .button--country{
     z-index:2;
     float:left
}
 @media only screen and (max-width:37.5em){
     .button--country{
         float:none;
         margin-bottom:2em
    }
}
 .morebutton{
     font-size:.6em;
     color:#777;
     padding:.05em .5em;
     -moz-border-radius:3px;
     border-radius:3px;
     border:1px solid #888;
     margin-top:1em
}
 .morebutton:active,.morebutton:focus,.morebutton:hover{
     color:#333;
     border-color:#333
}
 @media only screen and (min-width:34.375em){
     .morebutton{
         font-size:.7em
    }
}
 .morebutton__icon{
     width:.9em;
     height:.9em;
     vertical-align:bottom;
     top:-.35em;
     fill:currentColor;
     margin-right:.3em
}
 .data{
     border-collapse:seperate;
     border-spacing:0;
     width:100%
}
 .data__row--active{
     background:rgba(0,0,0,.03);
}
 .data__cell{
     padding:.7em 1.3em;
     text-align:left;
     vertical-align:middle;
     font-size:1em;
     line-height:1.3;
     border-top:1px solid #ddd;
}
 .data__cell--chronicle--ba:first-child{
     border-left: 0.25em solid #f5dcb2;
}
 .data__cell--chronicle--pa:first-child{
     border-left: 0.25em solid #be1a1a;
}
 .data__cell--chronicle--ra:first-child{
     border-left: 0.25em solid #7fb4d9;
}
 .data__cell--chronicle--ua:first-child{
     border-left: 0.25em solid #064887;
}
 .data__cell--chronicle--za:first-child{
     border-left: 0.25em solid #aa5b17;
}
 .data__cell--head{
     border-top:none
}
 .data__cell--top{
     border-top:none
}
 .data__cell--supportkind{
     width:30%;
     font-size:.7em
}
 .data__cell--image{
     width:2em;
     padding:.6em 0
}
 .data__cell--image:first-child{
     padding-left:0
}
 .data__cell--imagelarge{
     width:4em;
     padding:.6em 0
}
 .data__cell p{
     margin-bottom:0
}
 .data__cell--meta{
     padding:.35em 0 .45em!important;
     width:12em;
     line-height:.9;
     text-align:right!important
}
 @media only screen and (max-width:40em){
     .data__cell--meta{
         display:none
    }
}
@media only screen and (max-width:50em){
   .data__cell{
        padding-left: 0;
   }
}
 .data__cell--type{
     line-height:1.5;
     padding:.4em 0 .4em 1.1em!important
}
 .data__icon{
     width:1.7em;
     height:1.7em;
     fill:currentColor
}
 .data__link{
     color:grey;
     text-decoration:none;
     max-width:40em
}
 .breadcrumb__link:active,.breadcrumb__link:focus,.breadcrumb__link:hover,.sharing-menu__link:active,.sharing-menu__link:focus,.sharing-menu__link:hover,.subnav__link:active,.subnav__link:focus,.subnav__link:hover{
     text-decoration:underline
}
 .data__link:active,.data__link:focus,.data__link:hover{
     color:#000
}
 .data__date{
     font-size:.93333em;
     -webkit-font-feature-settings:"smcp" 1,"tnum" 1;
     -moz-font-feature-settings:"smcp" 1,"tnum" 1;
     font-feature-settings:"smcp" 1,"tnum" 1;
     letter-spacing:.07em;
     line-height:1.2;
     padding-bottom:.3em;
     color:#777;
     font-smoothing:antialiased
}
 .contenthead__prehead,.data__metaline--type{
     -webkit-font-smoothing:antialiased;
     -moz-osx-font-smoothing:grayscale
}
 .data__summary{
     margin:.2em;
     font-size:.86667em;
     line-height:1.5;
     max-width:50em
}
 .data__thumb{
     width:80px;
     height:auto;
     display:block
}
 .data__thumb--large{
     width:130px
}
 @media only screen and (min-width:62.5em){
     .data__thumb,.data__thumb--mini{
         width:130px
    }
     .data__thumb--large{
         width:180px
    }
}
 .data__miniflag{
     margin-right:.3em;
     height:11px;
     position:relative;
     top:1px;
     width:auto
}
 .data__metaline{
     font-size:.8em;
     margin:.2em 0;
     color:#777
}
 .data__metaline--type{
     -webkit-font-feature-settings:"smcp" 1,"tnum" 1;
     -moz-font-feature-settings:"smcp" 1,"tnum" 1;
     font-feature-settings:"smcp" 1,"tnum" 1;
     font-size:.93333em;
     line-height:1.2;
     letter-spacing:.07em;
     font-smoothing:antialiased
}
 .data__metaline--country{
     display:block;
     white-space:nowrap
}
 .data__metaline--tag{
     font-size:1em;
     display:inline-block;
     margin-right:.15em
}
 .data__metaline--tag:after{
     content:', '
}
 .data__metaline--tag:last-child:after{
     content:none
}
 .filterform{
     margin-bottom:1em
}
 @media only screen and (min-width:56.25em){
     .filterform{
         width:20em;
         float:left
    }
     .filterform__results{
         float:right;
         width:-webkit-calc(100% - 22em);
         width:-moz-calc(100% - 22em);
         width:calc(100% - 22em)
    }
}
 .filterform__searchwrap{
     background-color: #eee;
     padding:.4em 1em .6em;
     margin-bottom:.7em;
     text-align:left
}
 .filterform__searchwrap--active{
     background-color: darkgrey
}
 .filterform__search{
     text-align:left;
     width: 100%;
     border:none;
     background:0 0;
     padding:0.6em 0 0.2em 0;
}
 .filterform__button{
     vertical-align:middle;
     float:right;
     width:32%;
     text-align:center;
     border:1px solid #fff;
     padding:.2em 0;
     -moz-border-radius:.3em;
     border-radius:.3em;
     margin:.12em 0 0;
     line-height:1
}
 .filterform__button:active,.filterform__button:focus,.filterform__button:hover{
     background:rgba(0,0,0,.1)
}
 .filterform__filter:after,.filterform__filters:after{
     content:"";
     display:table;
     clear:both
}
 .filterform__filters{
     clear:both;
     margin-bottom:2%
}
 .filterform__filter{
     background-color: #eee;
     padding:.7em 1em;
     margin-bottom:.7em;
     position:relative;
     z-index:1
}
 @media only screen and (max-width:56.25em){
     .filterform__search{
         font-size:1em
    }
     .filterform__filter{
         padding:.5em .8em
    }
}
 .filterform__selector{
     font-size: 1.1em;
     text-align: center;
     text-transform: uppercase;
     margin: 0.3 0 0.3 0em;
}
 .filterform__headline{
     font-size:1.16667em;
     display:block;
     width:100%;
     font-weight:400;
     position:relative
}
 @media only screen and (max-width:56.25em){
     .filterform__headline{
         font-size:1em
    }
}
 /* .filterform__headline:after{
     position:absolute;
     right:0;
     top:0;
     content:'';
     display:block;
     height:1.05em;
     width:1.05em;
     -webkit-transition:-webkit-transform .12s;
     -moz-transition:-moz-transform .12s;
     transition:transform .12s;
     background:url(../images/dropdownarrow.svg) 100% 100%/100% no-repeat;
     color: #000;
} */
 .contenthead:after,.contenthead__caption:after,.gallery:after,.multiimages__caption:after{
     content:""
}
.filterform__items{
     padding-top:.5em
}
 .filterform__item{
     position:relative;
     float:left;
     clear:both;
     font-size:1em;
     cursor:pointer;
     margin: 0.2em;
     padding: 0.2em;
     display: block;
}
 .filterform__item:hover{
     background:rgba(255,255,255,.1)
}
 .filterform__item--grouped{
     margin-left:1.5em;
     font-size:.9em
}
 .filterform__item--grouped:hover{
     background:rgba(255,255,255,.2)
}
 .filterform__label{
     cursor:pointer;
}
 .filterform__checkbox{
     cursor:pointer;
     position:absolute;
     opacity:0;
     z-index:2;
}
 .filterform__checkbox:checked+*{
     background:rgba(0,0,0,.4);
     color: #fff;
     display: block;
}
 .filterform__fakecheckbox{
     cursor:pointer;
     display:inline-block;
     vertical-align:top;
     -moz-border-radius:50%;
     border-radius:50%;
     border:2px solid rgba(255,255,255,.8);
     width:1em;
     margin-right:.2em;
     height:1em;
     position:relative;
     z-index:0;
     top:.25em
}
 .filterform__number{
     background:rgba(255,255,255,.5);
     line-height:1.2;
     font-size:.875em;
     margin-left:.5em;
     -moz-border-radius:2em;
     border-radius:2em;
     width:1.5em;
     display:inline-block;
     text-align:center
}
 .filterform__apply{
     color: #000;
     border-color: darkgrey;
     clear:both;
     display:block;
     float:right;
     margin:.5em 0;
     padding:.3em 1em;
     font-size:.7em
}
 .multiimages__caption,.multiimages__downloadlink{
     background-color: #eee;
     font-size:.7
}
 .multiimages{
     margin:1em -6.2%
}
 .multiimages+.multiimages{
     margin-top:1.5rem;
     margin-bottom:.5rem
}
 @media only screen and (min-width:37.5em){
     .multiimages{
         margin-left:0;
         margin-right:0
    }
}
 .multiimages__wrap{
     margin:0 0 1em
}
 .multiimages__image{
     width:100%;
     height:auto;
     display:block;
     margin:0 0 1px
}
 @media print {
     .multiimages__image {
         display: none;
    }
}
 .logo{
     width:50%;
     height:auto;
     margin:0 0 1px
}
 .multiimages__caption{
     line-height:1.4;
     display:block;
     padding:.7em 1em
}
 .multiimages__caption:after{
     display:table;
     clear:both
}
 @media only screen and (max-width:37.5em){
     .multiimages__caption{
         padding:.7em 5.5%
    }
}
 .multiimages__downloadlink{
     display:block;
     padding:.4em 1em;
     border-top:1px solid rgba(0,0,0,.08);
     color:#edebee;
     text-align:right
}
 .multiimages__downloadlink:active,.multiimages__downloadlink:focus,.multiimages__downloadlink:hover{
     color:#000
}
 @media only screen and (min-width:48em){
     .multiimages{
         display:-webkit-box;
         display:-webkit-flex;
         display:-moz-box;
         display:-ms-flexbox;
         display:flex;
         -webkit-box-align:stretch;
         -webkit-align-items:stretch;
         -moz-box-align:stretch;
         -ms-flex-align:stretch;
         align-items:stretch;
         margin:0 -1.1%;
         -webkit-flex-wrap:nowrap;
         -ms-flex-wrap:nowrap;
         flex-wrap:nowrap
    }
     .multiimages__wrap{
         overflow:hidden;
         padding:0 0 .8em;
         margin:0 1.1%;
         width:50%
    }
     .multiimages__wrap--total1{
         width:100%
    }
     .multiimages__wrap--total3{
         width:33.3333%
    }
     .multiimages__wrap--downloadable{
         position:relative;
         padding-bottom:2.8em
    }
     .multiimages__downloadlink{
         position:absolute;
         right:0;
         left:0;
         bottom:0;
         font-size:.7;
         background:0 0;
         border-top:1px solid rgba(0,0,0,.08);
         color:#edebee;
         text-align:right
    }
     .multiimages__downloadlink:active,.multiimages__downloadlink:focus,.multiimages__downloadlink:hover{
         color:#000
    }
     .multiimages__caption{
         margin:0 0 -1000px;
         padding-bottom:1000px
    }
}
 .slideshow__image{
     width:100%;
     height:auto
}
 .journal__frontpage {
     font-size: 1.3em;
}
 @media only screen and (max-width:40em){
     h6 {
         border: 0;
    }
     .journal__frontpage {
         line-height: 1.5em;
    }
}
 .journal__frontpage--link {
     text-align: center;
     font-weight: 700;
     width: 100%;
     font-size: 1.05em;
     margin-top: 1.5em;
}
 .journal__frontpage--link a:after{
     content: " ";
     margin-left: 0.2em;
     background: url(../images/arrow-r.svg);
     background-size: 0.6em;
     background-size: contain;
     width: 0.6em;
     height: 0.6em;
     display: inline-block;
}
 .chronicle__results--prev {
     text-align: center;
     font-weight: 700;
     width: 100%;
     font-size: 1.05em;
     margin-top: 1.5em;
}
 .chronicle__results--prev a:before{
     content: " ";
     margin-right: 0.2em;
     background: url(../images/arrow-l.svg);
     background-size: 0.6em;
     background-size: contain;
     width: 0.6em;
     height: 0.6em;
     display: inline-block;
}
 .stage{
     position:relative;
     z-index:1
}
 .stage__image{
     width:100%;
     height:auto;
     display:block
}
@media only screen and (max-width:48em){
  .stage__image {
    width:112.35955%;
    margin: 0 -6.2% 0;
  }
}
 .stage__image--panorama{
     margin-bottom:3.6%
}
 .pageheader{
     text-align:right
}
 .is-framed .pageheader{
     display:none
}
 @media only screen and (min-width:80em){
     .pageheader{
         position:relative
    }
}
 .pageheader__title{
     display:inline-block;
     vertical-align:middle;
     -webkit-box-sizing:content-box;
     -moz-box-sizing:content-box;
     box-sizing:content-box;
     width:40%;
     padding:.3em 10% .3em 0
}
 @media only screen and (min-width:42em){
     .pageheader{
         text-align:left
    }
     .pageheader__title{
         width:30%;
         max-width:12em;
         padding:.7em 0;
         margin-right:-.25em;
         margin-left:-webkit-calc(5% - .33em);
         margin-left:-moz-calc(5% - .33em);
         margin-left:calc(5% - .33em)
    }
}
 .pageheader__logo{
     display:block;
     width:100%;
     height:auto
}
 @media only screen and (min-width:42em){
     .pageheader__claim{
         font-size:1.6vw;
         max-width:20em
    }
}
 @media only screen and (min-width:56em){
     .pageheader__claim{
         font-size:.9em
    }
}
 .pageheader__nav{
     position:relative;
     z-index:3
}
 .main__category{
     padding-top: 1vw;
     display:block;
     position:relative;
     background-color: #edebee;
}
@media only screen and (max-width:47.95em){
    .main__category{
      margin: 0 -6.2% 0;
   }
}
 .main__category--spacer{
     margin-bottom: 6.5vw;
}
 .main__category--ba{
     background-color: #f5dcb2;
}
 .main__category--pa{
     background-color: #be1a1a;
}
 .main__category--ra{
     background-color: #7fb4d9;
}
 .main__category--ua{
     background-color: #064887;
}
 .main__category--za{
     background-color: #aa5b17;
}
 .journal__title{
     font-size: 1.45em;
     font-weight:300;
     letter-spacing: .15em;
     padding: 0.97em 0 1.16em 1.7em;
     text-transform: uppercase;
     line-height: 1;
}
 @media only screen and (max-width:70em){
     .journal__title{
       max-width: 20em;
    }
}
@media only screen and (max-width:31.25em){
    .journal__title {
       -webkit-hyphens:auto;
       -moz-hyphens:auto;
       -ms-hyphens:auto;
       hyphens:auto
  }
}
 .journal__info{
     font-size: .95em;
     font-weight:300;
     letter-spacing: .1em;
     padding: 0 0 1.16em 2.8em;
     text-transform: uppercase;
     line-height: 1;
}
 @media only screen {
   .journal__info--page {
     display: none;
   }
 }
 @media only print {
   .journal__title{
       font-size: 1em;
       padding: 0;
       margin-bottom: 1em;
  }
   .journal__info{
       font-size: .75em;
       padding: 0;
       margin-bottom: 2em;
       text-transform: none;
   }
}
 .contenthead{
     padding-top: 8vw;
     margin-bottom:5.5%;
     display:block;
     position:relative;
}
 @media only screen and (max-width:47.95em){
    .contenthead{
      /* margin: 0 -6.2% 0 -6.2%; */

   }
}
 @media only print {
    .contenthead {
        padding: 0;
        margin: 0;
   }
}
 .contenthead--ba{
     background-color: #f5dcb2;
}
 .contenthead--pa{
     background-color: #be1a1a;
}
 .contenthead--ra{
     background-color: #7fb4d9;
}
 .contenthead--ua{
     background-color: #064887;
}
 .contenthead--za{
     background-color: #aa5b17;
}
 .contenthead:after{
     display:table;
     clear:both
}
 @media only screen and (min-width:37.5em){
     .contenthead{
         display:table;
         direction:rtl;
         border-bottom:1px solid #ccc;
         margin-bottom:2em;
         /* margin-right:-6.2% */
         width: 100%;
    }
     .contenthead--project{
         direction:ltr;
         margin-right:0
    }
}
 @media only screen and (max-width:47.95em){
     .contenthead{
         margin: 0 0 2em -6.2%;
         width:112.35955%;

    }
}
 .contenthead--overview{
     display:block;
     direction:ltr;
     padding:0;
     margin:-3.5% 0 3.5%
}
 .contenthead--left{
     direction:ltr
}
 .contenthead--country{
     clear:none;
     text-align:center;
     direction:ltr;
     display:block;
     padding-bottom:1em;
     padding-left:10em;
     padding-right:10em
}
 @media only screen and (max-width:37.5em){
     .contenthead__title{
         font-size: 1.3em;
         padding: 0 0.5em 10vw;
    }
     .contenthead--country{
         padding-left:0;
         padding-right:0
    }
}
 .contenthead__flagwrap{
     position:absolute;
     top:-.6em;
     right:-2.3em;
     padding:.6em;
     font-size:.8em;
     color:#333
}
 .contenthead__flagwrap:active,.contenthead__flagwrap:focus,.contenthead__flagwrap:hover{
     color:#edebee
}
 .contenthead__flagtext{
     line-height:1.2;
     text-align:right;
     display:inline-block;
     vertical-align:middle;
     color:inherit
}
 @media only screen and (max-width:46.875em){
     .contenthead__flagtext{
         font-size:.8125em
    }
}
 .contenthead__flag{
     height:60px;
     width:auto;
     margin:0 1em 0 0;
     vertical-align:top
}
 .contenthead__flag--project{
     vertical-align:middle;
     height:42px;
     margin:0 0 0 .6em
}
 @media only screen and (max-width:43.75em){
     .contenthead__flag--project{
         height:25px
    }
}
 .contenthead__flagarrow{
     width:1.1em;
     height:1.1em;
     fill:currentColor;
     vertical-align:middle;
     margin-left:.6em
}
 @media only screen and (max-width:40em){
     .contenthead__flagwrap{
         right:0;
         background-color: #fff
    }
     .contenthead__flagarrow{
         display:none
    }
}
 .contenthead__imagewrap{
     width:112.35955%;
     height:auto;
     /* margin:-6.2% -6.2% 5.5% */
     margin:0% -6.2% 5.5%
}
 @media only screen and (min-width:62.5em){
     .contenthead__imagewrap{
         display:table-cell;
         direction:ltr;
         vertical-align: top;
         width:53%;
         margin-top:.5em;
         margin-left:3.7%
    }
}
 @media only screen and (min-width:43.75em){
     .contenthead__imagewrap{
         margin-right:0;
         margin-top: 1em;
    }
}
 @media only screen and (min-width:30em){
     .contenthead__imagewrap{
         margin-top:.5em;
    }
}
 @media only screen and (min-width:62.5em){
     .contenthead__imagewrap{
         width:40%
    }
     .contenthead__imagewrap--project{
         width:20%
    }
}
 .contenthead__teaserimage{
     width:100%;
     height:auto;
     display:block
}
 .contenthead__caption{
     padding:.6em .8em;
     font-size:.7em;
     line-height:1.33
}
 .contenthead__caption:after{
     display:table;
     clear:both
}
 @media only screen and (max-width:37.5em){
     .contenthead__caption{
         padding:.7em 5.5%
    }
}
 .contenthead__caption small{
     margin-top:.3em;
     float:right;
     font-size:.9em;
     color:#999
}
 .contenthead__projectimagewrap{
     width:100%;
     margin-bottom:1em
}
 @media only screen and (min-width:37.5em){
     .contenthead__projectimagewrap{
         width:30%;
         display:table-cell;
         margin-right:2.75%
    }
     .contenthead__teasertexts{
         position:relative;
         display:table-cell;
         direction:ltr;
         padding:0 2em 2.5em 2em;
    }
     .contenthead__teasertexts--left{
         padding-right:0;
         padding-left:3.6%
    }
     .contenthead__teasertexts--project{
         padding-right:0;
         padding-left:2em
    }
     .contenthead__teasertexts--noimage{
         padding-top:4em
    }
}
 .contenthead__projectimage{
     width:100%
}
 .contenthead__teasertexts--country{
     padding-right:0;
     display:inline-block;
     vertical-align:middle
}
 .contenthead__breadcrumb{
     top:0;
     left:0;
     width:100%
}
 .contenthead__prehead{
     text-align:left;
     letter-spacing:.1em;
     font-size:.8em;
     display:block;
     line-height:1.25;
     margin-bottom:.25em;
     -webkit-font-feature-settings:"smcp" 1;
     -moz-font-feature-settings:"smcp" 1;
     font-feature-settings:"smcp" 1;
     font-smoothing:antialiased
}
 .globalnav,.nav__item--level1,.nav__item--level1>a{
     text-align:center
}
 .maintext__prehead,.subnav__link{
     -webkit-font-smoothing:antialiased
}
 .contenthead__title{
     font-size:1.5em;
     font-weight:400;
     letter-spacing:-.02em;
     line-height:1.3;
     margin:0.4em 0 1.8%;
}
 @media only screen and (min-width:43.75em){
     .contenthead__title{
         font-size:1.7
    }
}
 @media only screen and (min-width:62.5em){
     .contenthead__title{
         font-size:2.3em
    }
}
 @media only print {
    .contenthead__title {
        font-size:1.2em;
   }
}
 .contenthead__author{
     font-family: 'Lato';
     font-size:1em;
     margin:.5em 0;
     max-width:45em;
}
 .contenthead__author a {
     color: #222;
     text-decoration: none;
}
 .contenthead__author--name{
     font-weight: 700;
}
 .contenthead__summary{
     font-size:.9em;
     font-weight:700;
     margin:1em 0;
     max-width:45em
}
 @media only screen and (min-width:37.5em){
     .contenthead__summary{
         margin-bottom:5.5%
    }
}
 @media only screen and (min-width:62.5em){
     .contenthead__summary{
         font-size:1em
    }
}
 .contenthead__shariff{
     margin:-2.75% 0 2.2%
}
 @media only screen and (max-width:43.75em){
     .contenthead__shariff{
         margin:0
    }
}
 .contenthead__space{
     padding-top: 2em;
}
 .breadcrumb{
     display:none;
     line-height:1.25;
}
 @media only screen and (min-width:62.5em){
     .contenthead__prehead--withbreadcrumb{
         padding-top:2.5em
    }
     .breadcrumb{
         display:block;
         font-size:.8em
    }
     .breadcrumb--left{
         left:5.5%
    }
}
 .breadcrumb__link{
     color:#edebee
}
 .breadcrumb--section{
     letter-spacing:.1em;
     font-size:.8em
}
 .sharing-menu__item,.sharing-menu__title{
     font-size:.9em
}
 .sharing-menu{
     margin-bottom:2%;
     margin-top:-1em;
     padding:1em 0;
}
 @media print {
     .sharing-menu {
         display: none;
    }
}
 .sharing-menu__title{
     display:inline-block;
     font-weight:400;
     margin-right:.8em
}
 .sharing-menu__list{
     display:inline
}
 @media only screen and (min-width:37.5em){
     .sharing-menu{
         text-align: right;
         padding-top:0;
         border-top:none
    }
     .sharing-menu__item{
         display:inline-block;
         margin:0 .8em
    }
}
 .sharing-menu__icon{
     width:.9em;
     height:.9em;
     fill:currentColor;
     vertical-align:top;
     position:relative;
     top:.28em;
     margin-right:.25em
}
 .globalnav{
     background:rgba(0,0,0,.1)
}
 .globalnav__item{
     display:inline-block;
     font-size:.7
}
 .globalnav__link{
     display:inline-block;
     padding:.5em 1em
}
 @media only screen and (min-width:48em){
     .globalnav{
         position:absolute;
         right:5.5%;
         background:0 0;
         width: 19.5vw;
    }
     .globalnav__link{
         background:rgba(0,0,0,.1)
    }
}
 .globalnav__link:active,.globalnav__link:focus,.globalnav__link:hover{
     background-color: #ddd
}
 .globalnav__icon{
     width:1.1em;
     height:1.1em;
     position:relative;
     top:.18em;
     margin-right:.3em;
     fill:currentColor
}
 @media only screen and (max-width:31.25em){
     .globalnav__link{
         padding:.5em .6em
    }
     .globalnav__largeonly{
         display:none
    }
}
 @media only screen and (min-width:31.25em){
     .globalnav__smallonly{
         display:none
    }
}
 @media only print{
     .globalnav__smallonly{
         display:none
    }
}
 .nav{
     position:relative;
     margin:0 auto
}
 @media only screen and (min-width:48em){
     .nav{
         max-width:89%;
         margin:0 0 -.5em 5.5%
    }
}
 @media only screen and (min-width:75em){
     .nav{
         margin-bottom:-1.2em
    }
}
 @media only screen and (min-width:48em){
     .nav--home{
         margin-bottom:-3rem
    }
}
 @media only screen and (min-width:75em){
     .nav--abroad{
         border-top:1px solid #ccc;
         border-bottom:1px solid #ccc
    }
     .nav--abroad>ul{
         margin:-1px 0;
         background-color: #fff
    }
}
 .nav__item--level1,.nav__item--level1 ul{
     background-color: #edebee;
}
 .nav__list{
     display:table;
     width:100%;
     table-layout:fixed;
     height:4rem;
}
 @supports ((display:-webkit-box) or (display:-webkit-flex) or (display:-moz-box) or (display:-ms-flexbox) or (display:flex)){
     .nav__list{
         display:-webkit-box;
         display:-webkit-flex;
         display:-moz-box;
         display:-ms-flexbox;
         display:flex
    }
     .nav__item--level1{
         /* width:20.1% */
         width:19.1%
    }
     .nav__item--home{
        width:5%;
        min-width: 1.8em;
    }
}
 .nav__item--home a::after {
    content: " ";
    /* margin-left: 0.2em; */
    background: url(../images/home.svg);
    /* background-size: auto; */
    /* background-size: 0.6em; */
    background-size: contain;
    background-repeat: no-repeat;
    width: 1.5em;
    height: 1.5em;
    display: inline-block;
}
 .nav__expand{
     display:none
}
 @media only screen and (min-width:75em){
     .nav__item--journals {
         background: url(../images/background-la-large.svg);
         background-color: #edebee;
         background-repeat: no-repeat;
         background-size: 100% auto;
         background-position: bottom;
    }
     .nav__item--ra {
         background: #fff;
         border-bottom: 0.567em solid #7fb4d9;
    }
}
 .nav__item{
     color: #000;
     text-transform: uppercase;
}
 .nav__item--level1{
     display:table-cell;
     vertical-align:middle
}
 .nav__item--level1:nth-child(1) a{
     color:#000
}
 .nav__item--level1:nth-child(1) .nav__expand{
     -webkit-filter:brightness(0);
     filter:brightness(0)
}
 @supports ((display:-webkit-box) or (display:-webkit-flex) or (display:-moz-box) or (display:-ms-flexbox) or (display:flex)){
     .nav__item--level1>a{
         display:-webkit-box;
         display:-webkit-flex;
         display:-moz-box;
         display:-ms-flexbox;
         display:flex;
         -webkit-box-align:center;
         -webkit-align-items:center;
         -moz-box-align:center;
         -ms-flex-align:center;
         align-items:center;
         -webkit-box-pack:center;
         -webkit-justify-content:center;
         -moz-box-pack:center;
         -ms-flex-pack:center;
         justify-content:center;
         height:4rem
    }
}
 .nav__item--level1>a:active,.nav__item--level1>a:focus,.nav__item--level1>a:hover{
     background:0 0
}
 .nav__item--level1>a:focus{
     background-color:rgba(0,0,0,.2)
}
 .nav__item--active[class*=nav__item--level1]>a:after{
     content:'';
     display:block;
     position:absolute;
     bottom:-.35rem;
     height:4px;
     left:0;
     right:0
}
 .nav__item--active[class*=nav__item--level1]:nth-child(1)>a:after{
     background-color:#fbba25;
}
 .nav__item--active[class*=nav__item--level1]:nth-child(2)>a:after{
     background-color:#b06191
}
 .nav__item--active[class*=nav__item--level1]:nth-child(3)>a:after{
     background-color:#3a8dac
}
 .nav__item--active[class*=nav__item--level1]:nth-child(4)>a:after{
     background-color:#dc4469
}
 .nav__item--active[class*=nav__item--level1]:nth-child(5)>a:after{
     background-color:#aa5b17
}
 .nav__item--level2{
     text-align:left;
     position:relative;
     background-color: #edebee;
}
 .nav__item--level2 a{
     padding:1em 5.5%;
     border-top:1px solid rgba(255,255,255,.5);
     font-size:.9em
}
 .nav__item--level2:nth-child(1){
     margin: 0;
     border-left: 1.4em solid #f5dcb2;
}
 .nav__item--level2:nth-child(2){
     border-left: 1.4em solid #be1a1a;
}
 .nav__item--level2:nth-child(3){
     border-left: 1.4em solid #7fb4d9;
}
 .nav__item--level2:nth-child(4){
     border-left: 1.4em solid #064887;
}
 .nav__item--level2:nth-child(5){
     border-left: 1.4em solid #aa5b17;
}
 @media only screen and (max-width:43.75em){
     .nav__item--level2:first-child a{
         border:none;
    }
}
 .nav__item--level2 .nav__expand{
     display:block;
     background:url(../images/dropdownarrow.svg) 50% 50% no-repeat;
     -webkit-background-size:50% 50%;
     -moz-background-size:50%;
     background-size:50%;
     text-indent:3em;
     overflow:hidden;
     width:30px;
     height:30px;
     -webkit-box-shadow:inset 0 0 0 .08em #fff;
     -moz-box-shadow:inset 0 0 0 .08em #fff;
     box-shadow:inset 0 0 0 .08em #fff;
     -moz-border-radius:50%;
     border-radius:50%;
     border:none;
     position:absolute;
     top:.65em;
     right:5.5%;
     cursor:pointer;
     -webkit-transform:rotate(-90deg);
     -moz-transform:rotate(-90deg);
     -ms-transform:rotate(-90deg);
     transform:rotate(-90deg);
     -webkit-transition:-webkit-transform .1s;
     -moz-transition:-moz-transform .1s;
     transition:transform .1s
}
 @media only screen and (min-width:62.5em){
     .nav__item--level2 a{
         font-size:0.9em
    }
     .nav__item--level2 .nav__expand{
         top:.45em
    }
}
 .nav__item--level2 .nav__expand:active,.nav__item--level2 .nav__expand:hover{
     background-color:rgba(0,0,0,.1)
}
 .nav__item--level2 .nav__expand:focus{
     background-color:rgba(0,0,0,.2)
}
 .nav__item--level2 .nav__expand--active{
     -webkit-transform:rotate(0);
     -moz-transform:rotate(0);
     -ms-transform:rotate(0);
     transform:rotate(0)
}
 .nav__item--level3 a{
     padding:.8em 11%;
     font-size:.7;
     background:rgba(255,255,255,.2)
}
 .nav__item--level3 a.nav__link--current{
     background:rgba(255,255,255,.7)
}
 .nav__item--level3 a:active,.nav__item--level3 a:focus,.nav__item--level3 a:hover{
     background:rgba(255,255,255,.1)
}
 .nav__item--level3 a:focus{
     background:rgba(0,0,0,.2)
}
 .nav__link{
     display:block;
     padding:.5em;
     line-height:1.5;
     font-size:.6em;
     position:relative;
     -webkit-tap-highlight-color:transparent
}
 .nav__link:active,.nav__link:focus,.nav__link:hover{
     background:rgba(0,0,0,.1)
}
 .nav__link:focus{
     background:rgba(0,0,0,.2)
}
 .nav__link--current,.nav__link--current:active,.nav__link--current:focus,.nav__link--current:hover{
     background:rgba(255,255,255,.7)
}
 @media only screen and (min-width:22.5em){
     .nav__link{
         font-size:.6em
    }
}
 @media only screen and (min-width:31.25em){
     .nav__link{
         font-size:.9em
    }
}
 .nav__link--current{
     color:#000;
     margin-bottom:-1px;
     padding-bottom:1px
}
 .nav__sublist{
     display:none;
     position:absolute;
     top:4rem;
     left:0;
     right:0;
     z-index:1;
     -webkit-box-shadow:0 6px 6px rgba(0,0,0,.2);
     -moz-box-shadow:0 6px 6px rgba(0,0,0,.2);
     box-shadow:0 6px 6px rgba(0,0,0,.2)
}
 .nav__sublist.opened,.subnav__link{
     display:block
}
@media only screen and (max-width:50em){
    .nav__sublist {
        /* margin-left: 0.5%; */
        /* top:4rem; */
   }
}
 @media only screen and (min-width:75em){
     .nav__sublist{
         top:3.25rem
    }
}
 @media only screen and (min-width:48em){
     .nav__sublist{
         right:auto;
         left:auto;
         width:25%
    }
}
 .nav__sublist.open{
     display:block;
     position:static;
     width:100%;
     -webkit-box-shadow:none;
     -moz-box-shadow:none;
     box-shadow:none
}
 .nav__sublist--level3{
     position:static;
     width:100%;
     -webkit-box-shadow:none;
     -moz-box-shadow:none;
     box-shadow:none
}
 .search,.subnav{
     position:relative
}
 .subnav{
     z-index:2
}
 .subnav__link{
     font-size:.7;
     padding:.3em 0;
     color:inherit;
     line-height:1.25;
     -moz-osx-font-smoothing:grayscale;
     font-smoothing:antialiased
}
 .subnav__link--current{
     font-weight:700
}
 .subnav__link--current:before{
     content:"> "
}
 .results:after,.results:before{
     content:'';
     display:block
}
 .search{
     margin:0 5.5%;
     z-index: 1;
}
 @media only screen and (min-width:48em){
     .search{
         width:100%;
         max-width:12em;
         margin:4.5em 1em 0em 1em;
         float:right;
         padding:.5em;
         background-color: #fff;
         border-bottom: 0.1em solid #ccc;
    }
}
 @media only screen and (min-width:80em){
     .search{
         margin-top:4.5em;
         margin-right: 1em;
    }
}
 .search__input{
     font:inherit;
     width:100%;
     -moz-border-radius:.2em;
     border-radius:.2em;
     padding:.45em .7em .3em 2.2em;
     border: none;
     outline:0;
     background:0 0;
     font-size:.9em;
}
 .search__input:focus{
     border-color:#555;
     background:rgba(255,255,255,.4)
}
 .search__button{
     position:absolute;
     color:transparent;
     text-indent:40em;
     width:1.4em;
     height:1.4em;
     border:none;
     overflow:hidden;
     top:.8em;
     left:.75em
}
 @media only screen and (max-width:48em){
     .search__button{
         top:.35em;
         left:.25em
    }
}
 .search__icon{
     display:block;
     width:1.4em;
     height:1.4em;
     fill:#888
}
 .maintext__prehead,.maintext__title{
     line-height:1.2;
     margin-bottom: 0.4em;
     -webkit-hyphens:auto;
     -moz-hyphens:auto;
     -ms-hyphens:auto
}
 .maintext{
     margin-top:5.5%;
     margin-bottom:5.5%
}
 .maintext--within{
     margin:0 -6.2%
}
 .maintext--further{
     margin-bottom:2.75%
}
 .maintext__headline{
     font-size:1.5em;
     margin:0 0 2.75% 5.5%;
     display:inline-block
}
 .maintext__icon{
     fill:currentColor;
     width:1.3em;
     height:1.3em;
     vertical-align:top;
     top:.06em
}
 .maintext__showall{
     margin-left:2em;
     position:relative;
     top:-.4em;
     display:none
}
 @media only screen and (min-width:28em){
     .maintext__showall{
         display:inline-block
    }
}
 .maintext__readmore{
     display:none
}
 @media only screen and (min-width:40em){
     .maintext__readmore{
         display:inline-block
    }
}
 .maintext__readall{
     font-size:.7em;
     font-weight:700
}
 .maintext__readall:active,.maintext__readall:focus,.maintext__readall:hover{
     color:#ccc;
}
 .maintext__divider{
     border:none;
     border-top:1px solid #ccc;
     margin:0 0 1em
}
 @media only screen and (min-width:31.25em) and (max-width:40em){
     .maintext__divider{
         display:none
    }
}
 .maintext__holder{
     margin-top:1em
}
 .maintext__holder:after{
     display:table
}
 @media only screen and (min-width:62.5em){
     .maintext__holder{
         display:table;
         table-layout:fixed;
         margin:0 3.5%;
         width:92%
    }
     .maintext__holder+.maintext__holder{
         margin-top:2.75%
    }
     .maintext__holder--items4,.maintext__holder--items5{
         display:block;
         display:-webkit-box;
         display:-webkit-flex;
         display:-moz-box;
         display:-ms-flexbox;
         display:flex;
         -webkit-flex-wrap:wrap;
         -ms-flex-wrap:wrap;
         flex-wrap:wrap;
         margin-left:4.6%;
         margin-right:4.6%
    }
}
 @media only screen and (min-width:62.5em){
     .search{
         max-width:none
    }
     .maintext__holder--items4,.maintext__holder--items5{
         display:table;
         width:90.5%
    }
}
 .maintext__item{
     padding:0 5.5% 1.8%;
     margin:0 0 5.5%;
     vertical-align:top
}
 .maintext__item:after{
     display:table
}
 @media only screen and (min-width:62.5em){
     .maintext__item{
         width: 50%;
         display:table-cell;
         padding:0 1.8%;
         border:none
    }
     .maintext__item--items2{
         width:50%
    }
     .maintext__item--items4{
         width:50%;
         display:block;
         padding:0 .65em
    }
     .maintext__item--items5{
         padding:0 1%
    }
}
 .listing__item:first-child,.longlist ul{
     border-top:1px solid #ccc
}
 @media only screen and (min-width:62.5em){
     .maintext__item--items4{
         width:25%;
         display:table-cell
    }
}
 .maintext__subitem{
     padding:1em 0
}
 @media only screen and (min-width:31.25em){
     .maintext__subitem{
         padding-top:0
    }
}
 @media only screen and (min-width:31.25em) and (max-width:40em){
     .maintext__subitem{
         padding-right:1.5em;
         width:50%;
         display:inline-block;
         vertical-align:top
    }
}
 .maintext__image{
     float:none;
     width:100%;
     margin:0 0 1em
}
 @media only screen and (min-width:40em){
   .maintext__image{
       margin-left:0
  }
}
@media only screen and (max-width:56em){
  .maintext__image{
      display: none;
 }
}
 @media only screen and (min-width:40em) and (min-width:56em){
     .maintext__image--further{
         border: 1px solid #ccc;
         width:40%;
         float:left;
         margin-right:1em
    }
}
 @media only screen and (min-width:40em){
     .maintext__dummyimage{
         background:#ccc;
         padding-top:66.7%;
         display:inline-block;
         float:none;
         width:100%;
         margin:0 0 1em
    }
}
 .maintext__prehead{
     display:block;
     font-size:.7em;
     font-feature-settings:"smcp" 1;
     letter-spacing:.1em;
     text-transform: uppercase;
     hyphens:auto;
     color:#777;
     -moz-osx-font-smoothing:grayscale;
     font-smoothing:antialiased
}
 .maintext__title,.depot__title{
     -webkit-font-smoothing:antialiased;
     -moz-osx-font-smoothing:grayscale
}
 @media only screen and (min-width:62.5em){
     .maintext__prehead{
         font-size:.8em;
    }
}
 .maintext__title{
     font-size:1.2em;
     font-smoothing:antialiased;
     hyphens:auto;
     color:#333
}
 .download__cover,.download__link{
     -webkit-hyphens:auto;
     -moz-hyphens:auto;
     -ms-hyphens:auto
}
 @media only screen and (min-width:40em){
     .maintext__title{
         margin-left:0
    }
}
 @media only screen and (min-width:62.5em){
     .maintext__title{
         font-size:1em
    }
}
 @media only screen and (min-width:75em){
     .maintext__title{
         font-size:1.16667em;
         line-height: 1.3;
    }
}
 .maintext__title--subholder{
     margin-top:0;
     margin-left:0;
     font-size:1.16667em
}
 .maintext__title--sub{
     font-size:.9em;
     line-height:1.25;
     margin-top:.2em
}
 .maintext__link{
     color:#000;
     display:block;
     margin-top: .8em;
     margin-bottom: 1.6em;
     text-decoration: underline;
}
 .maintext__link:after{
     content: " ";
     margin-left: 0.2em;
     background: url(../images/arrow-r.svg);
     background-size: 0.6em;
     background-size: contain;
     width: 0.6em;
     height: 0.6em;
     display: inline-block;
}
 .maintext__link:active,.maintext__link:focus,.maintext__link:hover{
     color:#333;
}
 .maintext__link--app{
    padding-bottom: 1em;
}
 .maintext__journal{
     display:block;
}
 .maintext__journal:active,.maintext__journal:focus,.maintext__journal:hover{
     color:#333;
}
 .maintext__teaser{
     font-family: 'Lato', arial, sans-serif;
     margin-top:.3em;
     font-size:.9em;
     line-height:1.43;
}
 @media only screen and (max-width:36em){
     .maintext__teaser{
         margin-left: 0;
    }
}
@media only screen and (min-width:35em){
     .maintext__teaser{
         font-size:1em;
    }
}
 @media only screen and (min-width:62.5em){
     .maintext__teaser{
         font-size:.9em
    }
}
 .maintext__teaser--sub{
     margin-top:.4em;
     font-size:.6em;
}
 @media only screen and (min-width:40em){
     .maintext__teaser{
         margin-left:0
    }
     .maintext__teaser--further{
         font-size:1em;
    }
}
 .association:after{
     content:'';
     border-bottom:1px solid #eee;
     display:block;
     margin:0 -6.2% 5.5%
}
 @media only screen and (min-width:37.5em){
     .association:after{
         margin-left:-5.5%;
         margin-right:-5.5%
    }
}
 @media only screen and (min-width:43.75em){
     .association:after{
         margin-left:-8.25%;
         margin-right:-8.25%
    }
}
 .association:last-child:after{
     display:none
}
 .association__title{
     line-height:1.2
}
 .association__link{
     color:#333
}
 .association__figure{
     width:100%;
     height:auto;
     margin:.6em 0 .3em
}
 @media print {
     .association__figure {
         display: none;
    }
}
 @media only screen and (max-width:32em){
     .association__figure {
         display: none;
    }
}
 @media only screen and (min-width:32em) and (max-width:40.6em){
     .association__figure {
         width: 33%;
         float: left;
    }
}
 .association__summary{
     font-size:.9em;
     margin-bottom:.5em
}
 .association__maintext{
     font-size:.9em;
}
 .association__newsitem{
     list-style: disclosure-closed;
     line-height: 1.25;
     margin: 0.5em 1em 1em 1.5em;
}
 .association__newslink{
     display:block
}
 .association__newsdate{
     font-weight:700;
     font-size:.85714em;
     padding-right:.7em
}
 .source{
     margin:2.75% 0
}
 .source__headline{
     font-size:1.3em
}
 .downloads{
     margin:0 -.5em
}
 .newsletter__link,.footer__contact--link a{
     text-decoration:underline
}
 .person{
     margin-top:1em
}
 .person:first-child:last-child{
     margin-top:0
}
 .person:after{
     display:table;
     clear:both
}
 @media only screen and (min-width:50em){
     .person--nomaintext{
         vertical-align:top;
         display:inline-block;
         width:48%;
    }
}
 .newsletter__headline,.newsletter__wrap{
     vertical-align:middle
}
 @media only screen and (min-width:75em){
     .person--nomaintext{
         width:33%;
         padding-right:2em
    }
}
.person__author{
    margin-left:8em;
    text-indent:-2em
}
.person__author--name{
    font-size:.9em;
}
@media only screen and (max-width:30em){
    .person__author--name{
        margin-left:0.8em
   }
}
 .pagination{
     margin:2em 0
}
 .pagination a{
     display:inline-block;
     padding:.25em;
     width:2em;
     text-align:center;
     background:#edebee;
     color:#fff
}
 .pagination a:active,.pagination a:focus,.pagination a:hover,.pagination__item--active a{
     color:#000;
     background:#fbba25
}
 .pagination__item{
     display:inline;
     margin:0 .1em
}
 .newsletter{
     text-align:center;
     background-color: #c6e2ec;
     margin-top:2.75%;
     padding:5.5% 0
}
 .newsletter:after{
     content:"";
     display:table;
     clear:both
}
 .is-framed .newsletter{
     display:none
}
 .newsletter__headline{
     color:#3a8dac;
     display:inline-block;
     margin-right:.5em;
     font-weight:400;
     font-feature-settings:"smcp" 1
}
 .newsletter__fieldset{
     border:none
}
 @media only screen and (min-width:32em){
     .newsletter__wrap{
         display:inline-block;
         margin:0 1em
    }
}
 @media only screen and (min-width:37.5em){
     .newsletter{
         padding:1.8% 5.5%
    }
     .newsletter__form{
        /* float:left;
         */
         text-align:left
    }
     .newsletter__wrap{
         white-space:nowrap;
         margin:0 3em 0 0
    }
}
 .newsletter__label{
     font-size:.875em
}
 .newsletter__label:after{
     content:":"
}
 .newsletter__input{
     max-width:100%;
     width:16em;
     text-align:center;
     border:1px solid #c0c0c0;
     -moz-border-radius:6px;
     border-radius:6px;
     box-shadow:inset 0 0 10px rgba(0,0,0,.2);
     font-size:.9em;
     padding:.68em;
     vertical-align:top;
     margin:.5em .5em 0 0
}
 .newsletter__button{
     color:#777;
     border-color:#bbb;
     vertical-align:middle;
     margin:.5em 0
}
 .newsletter__button--footer{
     color:#777;
     border-color:#777;
}
 .newsletter__button--footer--invert{
     color:#fff;
     border-color:#fff;
}
 .newsletter__button:active,.newsletter__button:focus,.newsletter__button:hover{
     background:#fff;
     color:#000
}
 @media only screen and (max-width:32.5em){
     .newsletter__input{
         width:50%
    }
     .newsletter__button{
         padding-left:0;
         padding-right:0;
         width:40%
    }
}
 .newsletter__link{
     font-size:.9em;
     color:#000;
}
 .newsletter__link:active,.newsletter__link:focus,.newsletter__link:hover,.showlist a{
     text-decoration:none
}
 .newsletter__social{
     color: #000;
}
 @media only screen and (min-width:62.5em){
     .newsletter__social{
         margin-top:3%;
    }
}
 .showlist{
     margin-bottom:2em
}
 .footer__listlink:active,.footer__listlink:focus,.footer__listlink:hover,.infocus__usertext a{
     text-decoration:underline
}
 .showlist__showall{
     position:absolute;
     top:-2.5em;
     right:0
}
 .showlist__showall a{
     color:#777
}
 @media only screen and (max-width:23.75em){
     .social{
         font-size:.875em
    }
}
 .social__item{
     vertical-align:top;
     margin:0 .5em
}
 .social__link:active,.social__link:focus,.social__link:hover{
     color:#333;
}
 .social__icon{
     vertical-align:top;
     width:1.5em;
     height:1.2em;
     position:relative;
     top:.15em;
     fill:currentColor
}
 .is-framed .footer{
     display:none
}
 .footer__nav{
     background-color: #c6e2ec;
     margin-top:2px;
     color:#fff;
     padding:5.5%
}
 @media only screen and (max-width:49.9375em){
     .footer__nav:after{
         content:"";
         display:table;
         clear:both
    }
}
 @media only screen and (min-width:50em){
     .footer__nav{
         padding:2.75% 5.5%;
         display:table;
         table-layout:fixed;
         width:100%
    }
}
 .footer__meta{
     background-color: #edebee;
     color:#000;
     padding:5.5%
}
 .footer__meta--ba{
     background-color: #f5dcb2;
}
 .footer__meta--pa{
     background-color: #be1a1a;
     color:#fff;
}
 .footer__meta--ra{
     background-color: #7fb4d9;
     color:#fff;
}
 .footer__meta--ua{
     background-color: #064887;
     color:#fff;
}
 .footer__meta--za{
     background-color: #aa5b17;
     color:#fff;
}
 @media only screen and (min-width:50em){
     .footer__meta{
         padding:2.75% 5.5%;
         display:table;
         table-layout:fixed;
         width:100%
    }
}
 .footer__listitem--level1{
     font-weight:700;
     font-size:.92em;
     padding-bottom:1em;
     border-top:1px solid rgba(255,255,255,.5)
}
 .footer__listitem--level1:first-child{
     border-top-color:transparent
}
 .footer__listitem--level1:after{
     display:table
}
 .footer__listitem--level1 a{
     margin:.6em 0;
     -webkit-hyphens:auto;
     -moz-hyphens:auto;
     -ms-hyphens:auto;
     hyphens:auto
}
 .footer__listitem--level2{
     font-weight:400;
     margin:.6em 0;
     font-size:.86667em
}
 .footer__infotext,.infocus__usertext{
     font-size:.9em
}
 .footer__listitem--level2 a{
     margin:.3em 0;
     width:100%
}
 .footer__subnav{
     margin-left:8.75em
}
 @media only screen and (min-width:62.5em){
     .footer__listitem--level1{
         vertical-align:top;
         border:.7em solid transparent;
         display:table-cell;
         padding-left:2em;
         padding-right:5em
    }
     .footer__listitem--level2 a{
         margin-bottom:.4em;
         -webkit-hyphens:auto;
         -moz-hyphens:auto;
         -ms-hyphens:auto;
         hyphens:auto
    }
     .footer__subnav{
         margin-left:0
    }
}
 .footer__listlink{
     display:block;
     line-height:1.2;
     color:#3a8dac;
     float:left;
     width:8.75em
}
 .footer__listlink--headline{
     color:#000;
     /* width:8.75em; */
     width: 100%;
     padding-top:.55em
}
 .footer__infotext{
     padding-top:.5em;
     font-weight:400;
     margin-left:10em
}
 .footer__contact li{
     padding-top:.5em;
     padding-left: 1em;
     text-indent: -1em;
}
 .footer__contact li > *{
     text-indent: 0;
}
 @media only screen and (min-width:20em){
     .footer__listlink{
         width:100%;
         float:none
    }
     .footer__infotext{
         margin-left:0
    }
}
 .footer .parent>a:after{
     display:none
}
 @media only print {
     .footer {
         display: none;
    }
}
 @media only screen and (min-width:43.75em){
     .depot{
         overflow:hidden
    }
}
 .depot{
     margin-bottom:3.6%;
     padding-bottom:1.375%;
     position:relative;
     clear:both
}
 @media only screen and (min-width:60.25em){
     .depot{
         margin-bottom:0.5%
    }
}
 @media print {
  .depot__aside {
      display: none;
 }
}
 .depot__title{
     font-size:1.3em;
     color:#707070;
     line-height:1.25;
     margin:1.2em 0 .6em;
     font-weight:700;
     font-smoothing:antialiased
}
 @media only screen and (min-width:56.25em){
     .depot__title{
         font-size:1.4em
    }
}
 /* @media only screen and (max-width:62.5em){
     .depot--partners .multiimages__image {
         max-width: 40%;
    }
} */
 .depot__title--further{
     text-align:center;
     margin-bottom:.8em;
     padding-bottom:.4em;
     font-weight:400;
     letter-spacing:.05em;
     -webkit-font-feature-settings:"smcp" 1;
     -moz-font-feature-settings:"smcp" 1;
     font-feature-settings:"smcp" 1;
     border-bottom:1px solid #888
}
 .depot--further{
     margin:0 -6.2%;
     padding:1.2em 6.2% 0
}
@media only print {
    .depot--further {
        display: none;
   }
}
 .depot--stickynews{
     margin-left:-6.2%;
     margin-right:-6.2%;
     padding:3em 6.2% 0
}
 .depot--stickynews .aside__title{
     border-bottom:1px solid #edebee;
     color:#edebee;
     text-align:center;
     padding-bottom:.3em;
     margin-bottom:1.5em
}
 .depot--highlight{
     background-color: #fbba25;
     padding:2.75% 6.2%;
     margin:1em -6.2% 3.6%
}
 .depot--partners{
     padding:2.75% 6.2%;
     margin:1em 0 -3%;
}
 @media only print {
     .depot--partners {
         display: none;
    }
}
.depot--partners .maintext__holder.maintext__holder--within.maintext__holder--items6 {
    column-count: 2;
}
.depot--partners img.multiimages__image {
    margin-left: auto;
    margin-right: auto;
}
.depot--partners  figure.maintext__item.maintext__item--items6 {
    min-height: 140px;
    margin-bottom: 0;
}
@media only screen and (min-width: 34em) and (max-width: 62.5em) /*1000px */ {
.depot--partners .multiimages__image {
    max-width: 65%;
  }
}
@media only screen and (max-width: 34em) {
.depot--partners .multiimages__image {
    max-width: 80%;
  }
}
 .depot--highlight .usertext__toplink{
     right:5.5%
}
 @media only screen and (min-width:63.9375em){
     .depot--focus{
         margin-bottom:0;
         padding-bottom:0
    }
}
 .depot--subpages{
     margin-top:5.5%
}
 .depot--pagelist{
     margin:0 -6.2%
}
 .depot--pagelists{
     padding:3.6% 5.5% 0
}
 .depot--news+.depot--pagelists{
     margin-top:-3.6%
}
 @media only screen and (min-width:48em){
     .depot--pagelists{
         display:-webkit-box;
         display:-webkit-flex;
         display:-moz-box;
         display:-ms-flexbox;
         display:flex;
         table-layout:fixed;
         width:100%
    }
     .depot--pagelists__showlist{
         vertical-align:top;
         margin:0 1em;
         width:100%
    }
     .depot--pagelists__showlist:first-child{
         margin-left:0
    }
     .depot--pagelists__showlist:last-child{
         margin-right:0
    }
}
 @media only screen and (min-width:40em){
     .depot--news:after,.depot--news:before,.depot--pagelists:after,.depot--pagelists:before,.depot--ressorthighlights:after,.depot--ressorthighlights:before{
         content:'';
         position:absolute;
         top:0;
         bottom:0;
         width:.8%;
         background:#edebee
    }
     .depot--news:before,.depot--pagelists:before,.depot--ressorthighlights:before{
         left:0
    }
     .depot--news:after,.depot--pagelists:after,.depot--ressorthighlights:after{
         right:0
    }
}
 .aside:after,.depot__caption:after,.depot__download:after{
     content:"";
     clear:both
}
 .depot__caption,.depot__download{
     background-color: #eee
}
 .depot__col{
     margin-bottom:2em
}
 @media only screen and (min-width:50em){
     .depot__col{
         width:48.9%;
         margin:0
    }
     .depot__col--first{
         float:left
    }
     .depot__col--second{
         float:right
    }
}
 .depot__summary{
     font-size:.9em;
     line-height:1.4;
     margin-top:.7em
}
 .depot__list{
     max-width:43.3em;
     font-size:1em
}
 @media only screen and (min-width:64.0625em){
     .depot__list--right{
         margin-right:19em
    }
     .depot__list--left{
         margin-left:22em;
    }
}
 .depot__usertext{
     max-width: 43.3em;
}
 @media only screen and (min-width:64.0625em){
     .depot__usertext--right{
         margin-right:19em
    }
     .depot__usertext--left{
         margin-left: 18em;
    }
}
 @media only screen and (min-width:48em){
     .depot__gallery{
         margin-top:0;
         margin-bottom:0
    }
}
 .depot__download{
     padding:1em
}
 .depot__download:after{
     display:table
}
 .depot__download+.depot__download{
     margin-top:1em
}
 .depot__fullimage{
     margin:0 -6.2% 1px;
     width:112.35955%;
     height:auto;
     display:block
}
 @media only screen and (min-width:56.25em){
     .depot__usertext{
         font-size: 1.2em;
         line-height: 1.6em;
    }
     .depot__fullimage{
         margin:0 0 1px;
         width:100%
    }
}
 @media only print {
     .depot__usertext{
         font-size: 0.8em;
         line-height: 1.4em;
    }
     .depot__fullimage{
         width:33.3%
    }
}
 .depot__caption{
     line-height:1.4;
     padding:.7em 1em;
     font-size:.9em;
     margin:0 -6.2%
}
 .depot__caption:after{
     display:table
}
 @media only screen and (min-width:56.25em){
     .depot__caption{
         margin:0
    }
}
 .depot__imagesource{
     display:block;
     line-height:1.33;
     font-style:italic;
     font-size:.8125em;
     margin-top:.3em
}
 .aside{
     padding:6.2%;
     margin:0 -6.2% 5.5%
}
 .aside--ra{
     background-color: #7fb4d9;
}
 .aside--custom,.aside--download,.aside--teaser{
     background-color: #eee
}
 .aside:after{
     display:table
}
 @media only screen and (min-width:40em){
     .aside{
         max-width:56.30337%;
         padding:2.75%
    }
     .aside--left{
         float:left;
         margin-right:3.6%
    }
     .aside--right{
         float:right;
         margin-left:3.6%
    }
}
 @media only screen and (min-width:43.75em){
     .aside{
         max-width:20.64rem;
         padding:1.8%
    }
     .aside--left{
         margin-left:0
    }
     .aside--right{
         margin-right:0
    }
}
 @media only screen and (min-width:64.0625em){
     .aside{
         margin-bottom:1em
    }
}
 .aside--donate{
     margin:0 0 1em;
     padding:1em;
     width:100%;
     max-width:100%;
     float:none
}
 .aside--custom p{
     line-height:1.5;
     font-size:.9em
}
 .aside--largecustom p{
     font-size:1.16667em;
     color:#edebee
}
 .aside--image,.aside--nomaintext{
     padding:0;
     background:0 0
}
 .aside--nomaintext{
     max-width:none;
     margin:0;
     float:none
}
 .aside__title{
     font-size:1.3em;
     color:#707070;
     line-height:1.25;
     margin:1.2em 0 0;
     font-weight:700;
     -webkit-font-smoothing:antialiased;
     -moz-osx-font-smoothing:grayscale;
     font-smoothing:antialiased
}
 @media only screen and (min-width:56.25em){
     .aside__title{
         font-size:1.4em
    }
}
 .aside--usertext,.aside__usertext{
     font-size:.8em
}
 .aside__usertext{
     width:100%;
     max-width:100%
}
 .aside__usertext--nomaintext{
     font-size:1em
}
 .aside__usertext>:first-child{
     margin-top:0;
     padding-top:0
}
 .aside__usertext>:last-child{
     margin-bottom:0;
     padding-bottom:0
}
 .aside__usertext ul li{
     margin-left:.95em;
     text-indent:-1.5em
}
 .aside__usertext ul li:before{
     content:'';
     width:1em;
     height:1em;
     position:relative;
     top:.22em;
     left:.4em;
     display:inline-block;
     margin-right:.5em;
     background:url(../images/bullet.svg) 50% 20% no-repeat;
     -webkit-background-size:92% 92%;
     -moz-background-size:92% 92%;
     background-size:92% 92%
}
 .aside__caption,.aside__downloadlink{
     background-color: #eee
}
 .aside__teaserlink{
     display:block
}
 .aside__teaserimage{
     width:35%;
     margin:.1em 5.5% .5em -6.2%;
     float:left
}
 @media only screen and (min-width:40em){
     .aside__teaserimage{
         float:none;
         width:100%;
         margin:0 0 .5em
    }
}
 .aside__teaserimage--standalone{
     display:block;
     width:100%;
     margin:0
}
 .aside__prehead{
     display:block;
     font-size:.6em;
     line-height:1.2;
     letter-spacing:.1em;
     margin-bottom:.4em
}
 @media only screen and (min-width:62.5em){
     .aside__prehead{
         font-size:.7em;
         letter-spacing:.07em
    }
}
 .aside__showmore{
     float:right;
     margin-top:.4em
}
 .aside__image{
     width:100%;
     display:block
}
 .aside__downloadlink{
     display:block;
     padding:.4em 1em;
     font-size:.7;
     border-top:1px solid rgba(0,0,0,.08);
     color:#edebee;
     text-align:right
}
 .aside__downloadlink:active,.aside__downloadlink:focus,.aside__downloadlink:hover{
     color:#000
}
 .aside__caption{
     font-size:.9em;
     line-height:1.4;
     padding:4.58333% 5.5%
}
 .aside__download,.aside__downloads{
     margin-top:1em
}
 .aside__downloadwrap{
     margin-top:1em;
     padding-top:1em;
     border-top:1px solid #ccc
}
 .aside__downloadwrap:first-child{
     margin-top:0;
     border-top:0;
     padding-top:0
}
 .aside__summary{
     font-size:.7;
     line-height:1.4;
     margin-top:.7em
}
 .aside__spacer{
     padding-top:2em;
     border-top:2em solid #fff;
     margin:0 -2em 0 -2em;
 }
 .expandable{
     position:relative;
     display:block
}
 .expandable:after,.expandable:before{
     content:'';
     position:absolute;
     opacity:.7
}
 .expandable:before{
     width:19px;
     height:0;
     border-bottom:1px solid #fff;
     bottom:19px;
     right:10px
}
 .expandable:after{
     height:19px;
     width:0;
     border-left:1px solid #fff;
     bottom:10px;
     right:19px
}
 .journals{
     position:relative;
     margin:0 auto
}
 @media only screen and (min-width:48em){
     .nav{
         max-width:89%;
         margin:0 0 -.5em 5.5%
    }
}
 .journal__list{
     display:table;
     width:100%;
     table-layout:fixed;
     height:3rem
}
 .journal__item{
     color:#fff
}
 .journal__item--level1{
     display:table-cell;
     vertical-align:middle
}
 .journal__item--level1:nth-child(1),.journal__item--level1:nth-child(1) ul{
     background-color: #f5dcb2
}
 .journal__item--level1:nth-child(1) a{
     color:#000
}
 .journal__item--level1:nth-child(1) .nav__expand{
     -webkit-filter:brightness(0);
     filter:brightness(0)
}
 .journal__item--level1:nth-child(2),.journal__item--level1:nth-child(2) ul{
     background-color: #be1a1a
}
 .journal__item--level1:nth-child(3),.journal__item--level1:nth-child(3) ul{
     background-color: #7fb4d9
}
 .journal__item--level1:nth-child(4),.journal__item--level1:nth-child(4) ul{
     background-color: #064887
}
 .journal__item--level1:nth-child(5),.journal__item--level1:nth-child(5) ul{
     background-color: #aa5b17
}
 @supports ((display:-webkit-box) or (display:-webkit-flex) or (display:-moz-box) or (display:-ms-flexbox) or (display:flex)){
     .journal__item--level1>a{
         display:-webkit-box;
         display:-webkit-flex;
         display:-moz-box;
         display:-ms-flexbox;
         display:flex;
         -webkit-box-align:center;
         -webkit-align-items:center;
         -moz-box-align:center;
         -ms-flex-align:center;
         align-items:center;
         -webkit-box-pack:center;
         -webkit-justify-content:center;
         -moz-box-pack:center;
         -ms-flex-pack:center;
         justify-content:center;
         height:3rem
    }
}
 .journal__item--level1>a:active,.journal__item--level1>a:focus,.journal__item--level1>a:hover{
     background:0 0
}
 .journal__item--level1>a:focus{
     background-color:rgba(0,0,0,.2)
}
 .journal__item--active[class*=journal__item--level1]>a:after{
     content:'';
     background-color: #edebee;
     display:block;
     position:absolute;
     bottom:-.35rem;
     height:4px;
     left:0;
     right:0
}
 .journal__item--active[class*=journal__item--level1]:nth-child(1)>a:after{
     background-color:#fbba25;
}
 .journal__item--active[class*=journal__item--level1]:nth-child(2)>a:after{
     background-color:#b06191
}
 .journal__item--active[class*=journal__item--level1]:nth-child(3)>a:after{
     background-color:#3a8dac
}
 .journal__item--active[class*=journal__item--level1]:nth-child(4)>a:after{
     background-color:#dc4469
}
 .journal__item--active[class*=journal__item--level1]:nth-child(5)>a:after{
     background-color:#aa5b17
}
 .journal__item--level1,.nav__item--level1 ul{
     background-color: #edebee
}
 .journal__link{
     display:block;
     padding:.5em;
     line-height:1.2;
     font-size:.6em;
     position:relative;
     -webkit-tap-highlight-color:transparent
}
 .journal__link:active,.journal__link:focus,.journal__link:hover{
     background:rgba(0,0,0,.1)
}
 .journal__link:focus{
     background:rgba(0,0,0,.2)
}
 .journal__link--current,.journal__link--current:active,.journal__link--current:focus,.journal__link--current:hover{
     background:rgba(255,255,255,.7)
}
 @media only screen and (min-width:22.5em){
     .journal__link{
         font-size:.6em
    }
}
 @media only screen and (min-width:31.25em){
     .journal__link{
         font-size:.9em
    }
}
 .journal__link--current{
     color:#000;
     margin-bottom:-1px;
     padding-bottom:1px
}
 #nav > ul > li > ul{
     display: none;
}
 #nav > ul > li.open > ul{
     display:block;
}
 #nav > ul > li > ul a{
     border-bottom-width: 1px;
     text-transform: none;
}
 @media print {
     .pageheader {
         display: none;
    }
}
 .abstract {
     margin: 0 3.5em 0 2.5em;
     font-family: 'Lato';
     font-size: 0.88em;
     line-height: 1.7;
     -webkit-hyphens:auto;
     -moz-hyphens:auto;
     -ms-hyphens:auto;
     hyphens:auto;
}
 .abstract--title {
     font-weight: 700;
}
 @media only screen and (max-width:37.5em){
     .abstract {
         margin: 0;
    }
}
 @media only screen and (max-width:37.5em){
     .pageheader__logo{
         display:none;
    }
}
 .aside__tags ul {
     margin-top: .5em;
}
 .aside__tags li {
     font-size: 0.9em;
     display: inline-block;
     margin: .3em .3em .3em 0;
     vertical-align: middle;
}
 .aside__tags li a {
     color: #fff;
     border: 1px #fff solid;
     padding: .5em;
     display: block;
}
 .aside__tags--ba li a {
     background-color: #f5dcb2;
     color: #000;
     border: 1px #e3a559 solid;
}
 .aside__tags--pa li a {
     background-color: #be1a1a;
}
 .aside__tags--ra li a {
     background-color: #7fb4d9;
}
 .aside__tags--ua li a {
     background-color: #064887;
}
 .aside__tags--za li a {
     background-color: #aa5b17;
}
 .aside__tags li a:hover {
     background-color: #fff;
     border: 1px #707070 solid;
     display: block;
     color:#707070;
}
 .aside__tags{
     background-color: #eee;
}
 .tags__title{
     line-height:1.2;
}
 @media print {
     .aside__tags {
         display: none;
    }
}
 .bibliography ul li {
     padding-left: 0.1em;
     text-indent: -1.1em;
}
 .bibliography ul li:before{
     content:'';
     width:1em;
     height:1em;
     position:relative;
     top:.15em;
     margin-right:.17em;
     display:inline-block;
     background:url(../images/book-open.svg) 20% 30% no-repeat;
     -webkit-background-size:92% 92%;
     -moz-background-size:92% 92%;
     background-size:92% 92%
}
 @media only print {
     .bibliography{
         font-size: 0.8em;
         line-height: 1.4em;
    }
}
 .author--info {
     font-family: 'Lato';
     margin-bottom: 1.5em;
}
 .author--info a {
     color: #222;
     text-decoration: none;
}
 @media only print {
     .author--info {
         font-size: 0.8em;
         line-height: 1.4em;
    }
}
 .invert {
     color: #fff;
}
 .journal--ra {
     color: #7fb4d9;
}
 .journal--pa {
     color: #be1a1a;
}
 .journal--ba{
     color: #e3a559;
}
 .journal--ua{
     color: #064887;
}
 .journal--za{
     color: #aa5b17;
}
 .issue__title{
     font-size: 1.8em;
     -ms-hyphens:auto;
     hyphens:auto;
     font-weight:400;
     letter-spacing:-.02em;
     line-height:1.3;
     margin:0.4em 0 1.8%;
}
 @media only screen and (min-width:43.75em){
     .issue__title{
         font-size:1.7em
    }
}
 @media only screen and (min-width:62.5em){
     .issue__title{
         font-size:2.3em
    }
}
 .article__journal {
     letter-spacing: .1em;
     padding: 0 0 0.3em 0;
     text-transform: uppercase;
     font-size: 0.9em;
}
 .article__journal--box {
     padding: 0 0 0.3em 0;
     text-transform: uppercase;
     font-size: 0.9em;
}
 .article__genre {
     text-transform: uppercase;
     margin: 2.6em 0 0 0;
     font-size: 0.9em;
     color: #777;
}
 .article__headline {
     font-size: 1.25em;
     margin: 0.3em 0 0.3em 0;
     line-height: 1.8;
}
 .article__headline--frontpage {
     font-size: 1.5em;
}
 .article__headline--ra a {
     border-bottom: 0.1em solid #7fb4d9;
}
 .article__headline--ba a {
     border-bottom: 0.1em solid #e3a559;
}
 .article__headline--pa a {
     border-bottom: 0.1em solid #be1a1a;
}
 .article__headline--ra a {
     border-bottom: 0.1em solid #7fb4d9;
}
 .article__headline--ua a {
     border-bottom: 0.1em solid #064887;
}
 .article__headline--za a {
     border-bottom: 0.1em solid #aa5b17;
}
 .article__author {
     font-size: 1.05em;
     color: #000;
     letter-spacing: 0.04em;
}
.article__text {
    margin: 0;
    font-size: 0.88em;
    line-height: 1.7;
}
 @media only screen and (min-width:43.75em){
     .nav__la:after {
         content: url(../images/arrow-d-small.svg);
         width: auto;
         height: auto;
         margin: 0.1em 0 0 0.4em;
    }
}
 .issue__cover {
     border: 0.1em solid #eee;
}
 .maintext__author {
     margin: 0.6em 0 0.6em 0;
     letter-spacing: 0.04em;
}
 .depot--partners hr{
     margin:1.8em 0;
     border-top: 0.1em solid #ccc;
     border-bottom: none;
}
 .chronicle__filters{
     margin: 0.6em 0 0.6em 0;
}
 .chronicle__download{
     margin: 0.6em 0 0.6em 0;
     width: 100%;
     text-align: right;
}
 #chronicle {
     margin: 4em 0;
     padding: 2em;
     border: .2em solid #eee;
}
 #chronicle ul {
     width: 100%;
     margin-top: 1.6em;
}
 #chronicle ul li{
     display: inline-block;
     margin: .3em .3em .3em 0;
     vertical-align: middle;
     padding: 0 0.3em;
}
 @media only screen and (max-width:70em){
     #chronicle ul li{
         display: block;
    }
}
 .chronicle__filters--date {
     margin:.5em 0;
     border:2px solid #bbb;
     font-size:.875em;
     text-decoration:none!important;
     background:0 0;
     padding:.5em;
     text-align:center;
     line-height:1.5;
     cursor:pointer;
}
 @media only screen and (min-width:40em) and (max-width:70em){
     .chronicle__filters--align {
         float: left;
    }
}
 .chronicle__filters--text {
     margin:.5em 0;
     border:2px solid #bbb;
     font-size:.875em;
     width: 36.8em;
     text-decoration:none!important;
     background:0 0;
     padding:.6em .5em .4em .5em;
     line-height:1.5;
}
 @media only screen and (max-width:70em){
     .chronicle__filters--text {
         width: 70%;
    }
}
 .chronicle__filters--first {
     width: 12em;
     margin-left: 8em;
}
 @media only screen and (max-width:70em){
     .chronicle__filters--first {
         margin-left: 2.2em;
    }
}
 .chronicle__filters--button {
     background-color: #edebee;
     color: #000;
}
 td.chronicle__meta {
}
 span.chronicle__meta {
     display: none;
}
 @media only screen and (max-width:50em){
     td.chronicle__meta {
         display: none;
    }
     span.chronicle__meta {
         display: inline;
         font-weight: bold;
    }
}
 .archive__issues--list {
    margin:.5em 0;
    border:2px solid #bbb;
    font-size:.875em;
    width: 10em;
    text-decoration:none!important;
    background:0 0;
    padding:.6em .5em .4em .5em;
    line-height:1.5;
}
 .archive__issues--button {
    background-color: #edebee;
    color: #000;
}
 .highlight__journal{
     border-bottom: 0.2em solid transparent;
}
 .highlight__journal--ba{
     border-bottom: 0.2em solid #e3a559;
}
 .highlight__journal--pa{
     border-bottom: 0.2em solid #be1a1a;
}
 .highlight__journal--ra{
     border-bottom: 0.2em solid #7fb4d9;
}
 .highlight__journal--ua{
     border-bottom: 0.2em solid #064887;
}
 .highlight__journal--za{
     border-bottom: 0.2em solid #aa5b17;
}
 .background__journal--ba{
     background-color: #f5dcb2;
}
 .background__journal--pa{
     background-color: #be1a1a;
}
 .background__journal--ra{
     background-color: #7fb4d9;
}
 .background__journal--ua{
     background-color: #064887;
}
 .background__journal--za{
     background-color: #aa5b17;
}
 .app__icon{
     vertical-align:top;
     height: 5em;
     width: 4em;
     position:relative;
     top:1.15em;
     margin: .2em .5em 5em 0;
     fill:currentColor;
     float: left;
}
 @media only screen and (max-width:59.9em){
     .app__icon {
         display: none;
    }
}
 .app__link{
     border:2px solid #fff;
     font-size:.875em;
     text-decoration:none!important;
     background:0 0;
     padding:.7em 2em;
     text-align:center;
     line-height:1.5;
     cursor:pointer;
}
 .app__link:active,.app__link:focus,.app__link:hover{
     background: #fff;
     color: #000;
}
 .subscription__link{
     margin: 1em;
     border:2px solid currentColor;
     font-size:.875em;
     padding:.7em 2em;
     text-align:center;
     line-height:1.5;
     cursor:pointer;
}
 .subscription__link:active,.subscription__link:focus,.subscription__link:hover{
     background: #fff;
     color: #000;
}
.subscription__link:hover.invert{
  border-color: #fff;
}
 .journal__link--button {
     padding: 4.6% 5.5%;
}
 .journal__link--download{
     border:2px solid #fff;
     font-size:1em;
     text-decoration:none!important;
     padding:.7em 2em;
     text-align:center;
     line-height:1.5;
     cursor:pointer;
}
 .journal__link--download:active,.journal__link--download:focus,.journal__link--download:hover{
     background: #fff;
     color: #000;
     border-color: #aaa;
}
 @media print {
     .journal__link--download {
         display: none;
    }
}
 .frontpage__section {
     margin:0 -6.2%;
     padding:3.8em 6.2% 0
}
 .frontpage__teaser, .frontpage__author {
     font-size: 1.07em;
     line-height: 1.7em;
}
 .frontpage__author {
     letter-spacing: 0.07em;
}
 .pages ul, .archive__years ul, .authors__letterlist ul {
     padding: 0;
     margin: 0;
     overflow: auto;
}
 .pages li, .archive__years li {
     float: left;
     margin: 2.5%;
}
 .authors__letterlist li {
     float: left;
     margin: 2%;
}
 .pages li, .archive__years li {
     float: left;
     margin: 2.5%;
}
 .archive__issues {
     letter-spacing: .1em;
     font-size: 0.9em;
}
 .MarkupPagerNav {
     margin: 1em 0;
     width: 100%;
}
 .MarkupPagerNav li {
     display: inline;
     list-style: none;
     margin: 0;
}
 .MarkupPagerNav li a, .MarkupPagerNav li.MarkupPagerNavSeparator {
     display: block;
     float: left;
     padding: 2px 9px;
     margin-right: 3px;
}
 .MarkupPagerNav li.MarkupPagerNavOn a {
     border-bottom: 0.2em solid #999;
     text-decoration: none;
     font-weight: bold;
}
 .MarkupPagerNav li a:hover {
     border-bottom: 0.2em solid #999;
}
 .MarkupPagerNav li.MarkupPagerNavSeparator {
     display: inline;
     color: #777;
     padding-left: 3px;
     padding-right: 3px;
}
 .la {
     font-family: 'Lato';
     font-style: italic;
     font-weight:300;
}
 .article__pdf--viewer {
     border: none;
     width: 100%;
}
 @media only screen and (min-width:62.5em){
     .article__pdf--viewer {
         height: 75em;
    }
}
 @media only screen and (min-width:30em){
     .article__pdf--viewer {
         height: 58em;
    }
}
 @media only screen and (max-width:29.9em){
     .article__pdf--viewer {
         height: 30em;
    }
}
 @media only print {
     .article__pdf--link, .article__pdf--viewer {
         display: none;
    }
}
 .button--print{
}
 #id_check_uncheck_all input[type=checkbox]:checked + ul.la_chronicle_region {
     display: none;
}
 .pagelist--current {
     font-weight: bold;
}
 .subscription__form{
     margin-left: 0.5em;
}
 .subscription__form a{
     text-decoration: underline;
}
 .subscription__form hr {
     border: 1px solid #edebee;
}
 .subscription__form input {
     margin-right: 0.5em;
}
 .filterform__apply {
     width: 100%;
     font-size: 0.9em;
}
 .filterform__selection li {
     font-size: 0.85em;
     display: inline-table;
     white-space: nowrap;
     padding: 0.4em;
     margin: 0.5em;
     border: 1px solid #bbb;
     background-color: #eee;
     cursor: default;
}
 .filterform__selection li a {
    font-size: 0.85em;
    margin-left: 0.4em;
    padding: 0.2em 0.4em 0.2em 0.4em;
    border-radius: 50%;
    background-color: #888;
    color: #fff;
}
 .filterform__selection li a:hover {
   background-color: #ccc;
   color: #000;
}
 .main__toplink {
     text-align: center;
     width: 100%;
     font-size: 1.05em;
     margin-top: 1.5em;
}
 .main__toplink a:before{
     content: " ";
     margin-right: 0.2em;
     background: url(../images/arrow-u.svg);
     background-size: 0.6em;
     background-size: contain;
     width: 0.6em;
     height: 0.6em;
     display: inline-block;
}

@media only print {
  .main__toplink {
    display: none;
  }
}
.pwcmb-widget {
  border-top: 0.2em solid #fff;
  background-color: #edebee;
  font-size: 0.9em;
}
.pwcmb-widget a {
  text-decoration: underline;
}
#pwcmb-consent-form {
    margin-top: 0.5em;
}
.pwcmb-option-wrapper label {
    font-weight: 300;
}
.pwcmb-widget__button{
    border:2px solid #000;
    font-size:.875em;
    text-decoration:none!important;
    background:0 0;
    padding:.5em 2em;
    text-align:center;
    line-height:1.5;
    cursor:pointer;
}
.pwcmb-widget__button:active,.pwcmb-widget__button:focus,.pwcmb-widget__button:hover{
    background-color: #fff;
}