/* This file is just a starter for the less compiler. Is is used by the
   javascript based onthefly compiler during development as well as the
   java based compiler during the theme publication.

   It contains just an import statement which refers to the less file
   which defines the specification file for the selected theme variant
   which in turn imports the various immutable functional CSS files.

   All theme adjustments must be made solely in the corresponding custom
   specification file.

   The online Compiler generates a single CSS file namend style.css which
   contains the complete CSS styling.

   Modify the import statement accordingly!
*/
/*
    This is the configuration for the Aplaws theme variant.
    Adjust the corresponding import directive in 'style.less' to activate.


    For adjustments a LESS feature called variables is used which
    allows you to set values for any CSS property at a single
    location. The chosen names reflect the corresponding CSS
    property (e.g. color) and the usage (e.g. header) resulting
    e.g. in 'color-fuoter-background'.


    The LESS compiler will replace each use of a variable with
    the value defined here.

*/
/*
    Generic Colour definitions.
*/
/*@color-subnav-link-hover: #ff7600;*/
/*@color-subnav-link-hover-background: #7f7f7f;*/
/*
   Header Anjustments
   ------------------  
*/
/*
  Font definitions
  ----------------

  We are using some Webfonts. The fonts are from the Fontsquirrel
  (http://www.fontsquirrel.com/) website.
*/
@font-face {
  font-family: 'Text';
  src: url("../fonts/PTS55F-webfont.woff") format('woff'), url("../fonts/PTS55F-webfont.ttf") format('truetype'), url("../fonts/PTS55F-webfont.svg#pt_sansregular") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Text';
  src: url("../fonts/PTS56F-webfont.woff") format('woff'), url("../fonts/PTS56F-webfont.ttf") format('truetype'), url("../fonts/PTS56F-webfont.svg#pt_sansitalic") format('svg');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Text';
  src: url("../fonts/PTS75F-webfont.woff") format('woff'), url("../fonts/PTS75F-webfont.ttf") format('truetype'), url("../fonts/PTS75F-webfont.svg#pt_sansbold") format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Text';
  src: url("../fonts/PTS76F-webfont.woff") format('woff'), url("../fonts/PTS76F-webfont.ttf") format('truetype'), url("../fonts/PTS76F-webfont.svg#pt_sansbold_italic") format('svg');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'TextCond';
  src: url("../fonts/PTN57F-webfont.woff") format('woff'), url("../fonts/PTN57F-webfont.ttf") format('truetype'), url("../fonts/PTN57F-webfont.svg#pt_narrowregular") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'TextCond';
  src: url("../fonts/PTN77F-webfont.woff") format('woff'), url("../fonts/PTN77F-webfont.ttf") format('truetype'), url("../fonts/PTN77F-webfont.svg#pt_narrowbold") format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Caption';
  src: url("../fonts/PTC55F-webfont.woff") format('woff'), url("../fonts/PTC55F-webfont.ttf") format('truetype'), url("../fonts/PTC55F-webfont.svg#pt_sans_captionregular") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Caption';
  src: url("../fonts/PTC75F-webfont.woff") format('woff'), url("../fonts/PTC75F-webfont.ttf") format('truetype'), url("../fonts/PTC75F-webfont.svg#pt_sans_captionbold") format('svg');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Title';
  src: url("../fonts/Cinzel-Regular.woff") format('woff'), url("../fonts/Cinzel-Regular.ttf") format('truetype'), url("../fonts/Cinzel-Regular.svg#Cinzel-Regular") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Special';
  src: url("../fonts/Georgia-webfont.woff") format('woff'), url("../fonts/Georgia-webfont.ttf") format('truetype'), url("../fonts/Georgia-webfont.svg#Georgia-webfont") format('svg');
  font-weight: normal;
  font-style: normal;
}
/*
   Breakpoint to switch for various screen sizes.
*/
/*
   Common styles for all variants of the theme.
   In any case, don't edit this file unless you are sure to know better.

   Any modifications are to be made in libre-blue.less or its local
   customizations.
*/
@media screen {
  /*
       Styles for Screenreaders

       Hide text for other media than screenreaders. We can't simply use display:none
       because display:none is interpreted by screenreaders and hides for them also.
       The approach here is the same as used in Bootstrap, with some refinements.
       References:

       http://webaim.org/techniques/css/invisiblecontent/
    */
  /*
     * Mixin class for the gradient.
     */
  /* .mixin-itemdetail */
  /* Main content consists of a detailed view of the index item (if
       spedified) and a list of content items assigned to the selected
       category / navigation menu item                                        */
  /* div item-head  */
  /* div item-head  */
  /* div item-head  */
  /* div item-head  */
  /* div item-head  */
  /* div item-head  */
  /* div item-head  */
  /* div item-head  */
  /* div item-head  */
  /* div item-head  */
  /* div item-head  */
  /* div item-head  */
  /* div item-head  */
  /* div item-head  */
  /* div item-head  */
  * {
    box-sizing: border-box;
  }
  .hidden.accessibility {
    position: absolute;
    top: auto;
    left: -99999em;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }
  .mixin-gradient {
    background-image: -ie-linear-gradient(top, #59699d 5%, #213175 95%);
    background-image: -moz-linear-gradient(top, #59699d 5%, #213175 95%);
    background-image: -o-linear-gradient(top, #59699d 5%, #213175 95%);
    background-image: -webkit-linear-gradient(top, #59699d 5%, #213175 95%);
    background-image: linear-gradient(top, #59699d 5%, #213175 95%);
  }
  html {
    margin: 0;
    position: relative;
  }
  body {
    /* Flexbox container for header, nav, breadcrumbs-top, main-wrapper,
           and footer (and debug pannel & cookie-notice at top)               */
    display: flex;
    flex-flow: column nowrap;
    min-height: 100vh;
    /* Textured background from subtlepatterns.com */
    background-image: url("../images/foil.png");
    margin: 0;
    padding: 0;
  }
  body div#cookie-notice {
    display: none;
  }
  body.cookie-notice div#cookie-notice {
    background-color: #fff;
    /*background-color: rgba(255,255,255,0.9);*/
    border: 2px solid #213175;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0.5em;
    padding: 1em 2em;
  }
  body.cookie-notice div#cookie-notice a {
    margin-left: 0.5em;
    text-decoration: none;
  }
  body.cookie-notice div#cookie-notice a:link,
  body.cookie-notice div#cookie-notice a:visited {
    color: #213175;
  }
  body.cookie-notice div#cookie-notice a:active,
  body.cookie-notice div#cookie-notice a:focus,
  body.cookie-notice div#cookie-notice a:hover {
    color: #084590;
  }
  body.cookie-notice div#cookie-notice button {
    background-color: #f2f2f2;
    border: 1px solid #213175;
    border-radius: 0.25em;
    color: #213175;
    font-weight: bold;
    margin-left: 0.5em;
  }
  header {
    /* is a flexbox item of body!                                        */
    /* header takes the complete width of the viewport without any
           restriction.   Width restrictions are introduces by inner wrapper  */
    background-color: #fff;
    margin: 0;
    padding: 0;
    /* Styles for the blue bar in the header containing the language selector
         * and the service menu.
         * Takes the complete width of the viewport to create a blue overall
         * background for the bar.
         */
  }
  header #service-panel {
    background-image: -ie-linear-gradient(top, #59699d 5%, #213175 95%);
    background-image: -moz-linear-gradient(top, #59699d 5%, #213175 95%);
    background-image: -o-linear-gradient(top, #59699d 5%, #213175 95%);
    background-image: -webkit-linear-gradient(top, #59699d 5%, #213175 95%);
    background-image: linear-gradient(top, #59699d 5%, #213175 95%);
    box-shadow: 0 0 20px 0 #4a4a4a;
    color: #fff;
    font-family: "TextCond", serif;
    font-variant: small-caps;
    height: 2.8em;
    margin: 0;
    padding: 0;
  }
  header #service-panel #service-panel-wrapper {
    /* Restricts the width of the service panel bar */
    margin-left: auto;
    margin-right: auto;
    max-width: 80em;
  }
  header #service-panel #service-panel-wrapper div#language-switcher {
    position: relative;
  }
  header #service-panel #service-panel-wrapper div#language-switcher button {
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 0.5em;
    color: #fff;
    font-size: 1.1em;
    margin-top: 0.55em;
    margin-left: 0.55em;
  }
  header #service-panel #service-panel-wrapper div#language-switcher button span.fa {
    margin-right: 0.4em;
  }
  header #service-panel #service-panel-wrapper div#language-switcher ul {
    display: none;
    background-color: #213175;
    z-index: 999;
  }
  header #service-panel #service-panel-wrapper div#shortcuts ul {
    display: none;
  }
  header #service-panel #service-panel-wrapper ul {
    list-style: none;
    margin: 0;
    padding-left: 1em;
    padding-right: 1em;
  }
  header #service-panel #service-panel-wrapper ul li a {
    text-decoration: none;
  }
  header #service-panel #service-panel-wrapper ul li a:link,
  header #service-panel #service-panel-wrapper ul li a:visited {
    background-color: transparent;
    color: #fff;
  }
  header #service-panel #service-panel-wrapper ul li a:active,
  header #service-panel #service-panel-wrapper ul li a:focus,
  header #service-panel #service-panel-wrapper ul li a:hover {
    background-color: transparent;
    color: #ff9840;
  }
  header .header-logo {
    background-image: url(none);
    background-size: '100% auto';
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    min-height: 15.8em;
  }
  header .header-logo img {
    display: inherit;
    margin-top: 1em;
  }
  header .header-logo p {
    display: inherit;
    color: #1e3175;
    font-family: "Title", serif;
    font-size: 2.5em;
    font-variant: small-caps;
    margin: 0 1em 0 0.6em;
    text-align: center;
  }
  nav#main-navigation {
    background-image: -ie-linear-gradient(top, #59699d 5%, #213175 95%);
    background-image: -moz-linear-gradient(top, #59699d 5%, #213175 95%);
    background-image: -o-linear-gradient(top, #59699d 5%, #213175 95%);
    background-image: -webkit-linear-gradient(top, #59699d 5%, #213175 95%);
    background-image: linear-gradient(top, #59699d 5%, #213175 95%);
    background-color: transparent;
    border: none;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    width: 100%;
    /* NOTE: Bug (Dec. 2018)
         * Chrome, Firefox, iOS, and Android browsers expand the blue navigation
         * bar downwards, Safari Mac OSx does not.
         */
    min-height: 2.8em !important;
  }
  nav#main-navigation div#nav-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 80em;
    padding-bottom: 0em;
    text-align: center;
  }
  nav#main-navigation div#nav-wrapper button {
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 0.2em;
    color: #fff;
    font-size: 1.9em;
    margin-top: 0.2em;
  }
  nav#main-navigation div#nav-wrapper button span.fa {
    margin-right: 0.4em;
  }
  nav#main-navigation div#nav-wrapper ul.home-link li {
    border-left: none !important;
    border-right: none;
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
  nav#main-navigation div#nav-wrapper ul {
    display: none;
    list-style: none;
    margin-top: 0.75em;
    margin-bottom: 0.75em;
    padding-left: 0;
    text-align: center;
  }
  nav#main-navigation div#nav-wrapper ul li {
    border-right: 1px solid #213175;
  }
  nav#main-navigation div#nav-wrapper ul li:first-child {
    border-left: 1px solid #213175;
  }
  nav#main-navigation div#nav-wrapper ul li:active,
  nav#main-navigation div#nav-wrapper ul li:focus,
  nav#main-navigation div#nav-wrapper ul li:hover {
    /*background-color: transparent;*/
    background-color: #213175;
    color: #ff9840;
  }
  nav#main-navigation div#nav-wrapper ul li a {
    display: block;
    font-family: 'TextCond', sans-serif;
    font-size: 1.2em;
    font-variant: small-caps;
    font-weight: bold;
    text-decoration: none;
    width: 100%;
    height: 100%;
  }
  nav#main-navigation div#nav-wrapper ul li a:link,
  nav#main-navigation div#nav-wrapper ul li a:visited {
    color: #fff;
  }
  nav#main-navigation div#nav-wrapper ul li a:active,
  nav#main-navigation div#nav-wrapper ul li a:focus,
  nav#main-navigation div#nav-wrapper ul li a:hover {
    /*background-color: transparent;*/
    background-color: #213175;
    color: #ff9840;
  }
  nav#main-navigation div#nav-wrapper ul li a span {
    display: block;
    padding: 0.4em 0.9em;
  }
  div#breadcrumbs-top {
    background-color: #f2f2f2;
    background-image: url("../images/foil.png");
    font-size: 1.2em;
    padding-top: 1em;
    max-width: 80em;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  div#breadcrumbs-top div#breadcrumbs-top-wrapper {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 80em;
    padding-bottom: 0.6em;
  }
  div#breadcrumbs-top div#breadcrumbs-top-wrapper .breadcrumb-prefix {
    font-family: 'TextCond', sans-serif;
    font-size: 0.9em;
    font-variant: small-caps;
    margin-right: 0.6em;
    padding-top: 0.6em;
  }
  div#breadcrumbs-top div#breadcrumbs-top-wrapper ol {
    display: inline;
    list-style: none;
    padding-left: 0;
  }
  div#breadcrumbs-top div#breadcrumbs-top-wrapper ol li {
    display: inline;
    font-family: 'TextCond', sans-serif;
    font-size: 0.9em;
    padding-left: 0;
  }
  div#breadcrumbs-top div#breadcrumbs-top-wrapper ol li a:link,
  div#breadcrumbs-top div#breadcrumbs-top-wrapper ol li a:visited {
    color: #337ab7;
  }
  div#breadcrumbs-top div#breadcrumbs-top-wrapper ol li a:active,
  div#breadcrumbs-top div#breadcrumbs-top-wrapper ol li a:focus,
  div#breadcrumbs-top div#breadcrumbs-top-wrapper ol li a:hover {
    color: #23527c;
  }
  div#breadcrumbs-top div#breadcrumbs-top-wrapper ol li + li::before {
    color: #555;
    content: "/ ";
    padding-left: 0.4em;
    padding-right: 0.4em;
  }
  div#main-wrapper {
    /* main-wrapper is flex child of body   */
    flex: 1;
    width: 100%;
    max-width: 80em;
    margin-left: auto;
    margin-right: auto;
  }
  .mixin-main {
    background-color: #f2f2f2;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    box-shadow: 0.1em 0.2em 0.35em 0 rgba(0, 0, 0, 0.35);
    padding: 1em;
  }
  .mixin-itemdetail {
    font-family: 'Text', sans-serif;
    border-radius: 0.5em;
    margin-top: 2em;
    margin-bottom: 2em;
    padding: 0em 0.8em;
    overflow: auto;
    /* div item-head  */
  }
  .mixin-itemdetail div.notes {
    border: thin ridge #c0c0c0;
    border-radius: 0.5em;
    float: right;
    font-size: 0.85em;
    margin: 1em 0em 1em 1em;
    padding: 1em;
    width: 18em;
  }
  .mixin-itemdetail div.item-head {
    padding: 0em 0em 0em 0em;
    margin: 0em 0em 3em 0em;
    position: relative;
    /* Images attached as an asset to content item (in contrast to added /
             embedded) by body text editor, placed inside the item head

             Inherits formatting from main, shared with image formatting inside
             the item body added by authors editor.                           */
  }
  .mixin-itemdetail div.item-head h1 {
    color: #1e3175;
    font-family: "TextCond", sans-serif;
    font-size: 2.5em;
    font-variant: small-caps;
    font-weight: normal;
    margin-top: 0.3em;
    margin-bottom: 0.5em;
  }
  .mixin-itemdetail div.item-head div.edit-link {
    position: absolute;
    top: 0.05em;
    right: 0.05em;
  }
  .mixin-itemdetail div.item-head div.edit-link a:link,
  .mixin-itemdetail div.item-head div.edit-link a:visited {
    color: lightgrey;
    font-size: 2em;
    text-decoration: none;
  }
  .mixin-itemdetail div.item-head div.edit-link a:hover {
    display: block;
    font-size: 2em;
    color: #213175;
  }
  .mixin-itemdetail div.item-head div.lead {
    font-weight: bold;
    font-size: 1.25em;
    margin-bottom: 1em;
  }
  .mixin-itemdetail div.main,
  .mixin-itemdetail div.item-body {
    margin-bottom: 0;
  }
  .mixin-itemdetail div.main :first-child,
  .mixin-itemdetail div.item-body :first-child {
    margin-top: 0;
  }
  .mixin-itemdetail div.main ul,
  .mixin-itemdetail div.item-body ul {
    overflow: hidden;
  }
  main {
    /*  Generic specifications as default for all Main elements */
    font-family: 'Text', sans-serif;
    /* specific style specification for each available content type */
    /*
                ul.related-links,
                ul.file-attachments {

                    box-shadow   : 0.1em 0.2em 0.35em 0 rgba(0, 0, 0, 0.35);
                    list-style   : none;
                    margin-top   : 0;
                    margin-bottom: 3em;
                    padding-left : 0;

                    li {
                        // position: relative;
                        background-color: @color-main-background;
                        padding         : 0.5em;

                        a {
                            font-size      : 1.2em;
                            font-weight    : bold;
                            text-decoration: none;

                            &:link,
                            &:visited {
                                color: @color-main-link;
                            }

                            &:active,
                            &:focus,
                            &:hover {
                                color: @color-main-link-hover;
                            }
                        }

                        .event-date {
                            border        : thin solid @color-brand-text;
                            float         : left;
                            font-weight   : bold;
                            margin-right  : 0.75em;
                            vertical-align: middle;

                            div {
                                text-align: center;
                            }

                            .day {
                                background-color: @color-brand-text;
                                color           : #fff;
                                padding         : 0.3em 0.75em 0.1em 0.75em;
                            }

                            .month {
                                background-color: #fff;
                                color           : @color-brand-text;
                                padding         : 0.1em 0.75em 0.3em 0.75em;
                            }
                        }

                        .lead {
                            background-color: transparent;
                            border-radius   : 0;
                            box-shadow      : none;
                            padding         : 0;
                            font-weight     : normal;
                        }


                        div.person-list {
                            dl {
                                margin-top: 0.3em;

                                dt {
                                    display    : inline-block;
                                    font-weight: bold;

                                    &::after {
                                        content: ": ";
                                    }
                                }

                                dd {
                                    display     : inline-block;
                                    margin-left : 0;
                                    margin-right: 1em;

                                    a {
                                        font-size  : 1em;
                                        font-weight: normal;
                                    }
                                }
                            }
                        }

                        div.sciproject-list {
                            div.lifespan {
                                margin-top: 0.3em;

                                span.lifespan-text {
                                    font-weight: bold;

                                    &::after {
                                        content: ": ";
                                    }
                                }
                            }

                            div.members {
                                margin-top: 0.4em;
                            }

                            div.lead {
                                margin-top: 0.3em;
                            }
                        }

                        span.fa {
                            margin-right: 0.4em;
                        }
                    }

                    li:nth-last-child(n+2) {
                        //All but last child
                        border-bottom: 1px solid #ddd;
                    }
                }
        */
  }
  main h1 {
    color: #1e3175;
    font-family: "TextCond", sans-serif;
    font-size: 2em;
    font-variant: small-caps;
    font-weight: normal;
    margin-top: 1em;
  }
  main h2 {
    font-size: 1.8em;
    font-variant: small-caps;
  }
  main h2.subheading {
    background-image: -ie-linear-gradient(top, #59699d 5%, #213175 95%);
    background-image: -moz-linear-gradient(top, #59699d 5%, #213175 95%);
    background-image: -o-linear-gradient(top, #59699d 5%, #213175 95%);
    background-image: -webkit-linear-gradient(top, #59699d 5%, #213175 95%);
    background-image: linear-gradient(top, #59699d 5%, #213175 95%);
    background-color: #213175;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
    box-shadow: 0.1em 0.2em 0.35em 0 rgba(0, 0, 0, 0.35);
    clear: both;
    color: #fff;
    font-family: 'TextCond';
    font-size: 1.2em;
    font-weight: bold;
    font-variant: small-caps;
    margin-bottom: 0;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    text-align: center;
  }
  main article h2.subheading {
    border-radius: 0.5em;
    box-shadow: none;
    margin-top: 0;
    margin-bottom: 0.5em;
  }
  main h2.subheading + ul {
    margin-top: 0;
  }
  main h3 {
    font-family: 'TextCond';
    font-size: 1.6em;
    font-variant: small-caps;
  }
  main h4 {
    font-family: 'TextCond';
    font-size: 1.4em;
    font-variant: small-caps;
  }
  main h5 {
    font-family: 'TextCond';
    font-size: 1.2em;
    font-variant: small-caps;
  }
  main h6 {
    font-family: 'TextCond';
    font-size: 1em;
    font-variant: small-caps;
    font-weight: bold;
  }
  main div.image-attachments {
    margin: 0;
    padding: 0;
  }
  main div.image-attachments figure {
    float: left;
    margin: 0.5em 1.5em 1em 0em;
    position: relative;
    width: 150px;
  }
  main div.image-attachments figure + figure {
    display: none;
  }
  main div.image-attachments.multiple a::after,
  main div.image-attachments.single a::after {
    background-color: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.75);
    color: #fff;
    font-family: "FontAwesome";
    padding: 0.1em 0.2em;
    position: absolute;
    left: 0;
    top: 0;
  }
  main div.image-attachments.multiple a:after {
    content: "\f03e";
  }
  main div.image-attachments.single a::after {
    content: "\f002";
  }
  main div.related-links-file-attachments {
    margin-top: 0;
  }
  main div.related-links-file-attachments ul.related-links {
    border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0;
  }
  main div.related-links-file-attachments ul.file-attachments {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0.5em;
  }
  main article.article {
    background-color: #f2f2f2;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    box-shadow: 0.1em 0.2em 0.35em 0 rgba(0, 0, 0, 0.35);
    padding: 1em;
    font-family: 'Text', sans-serif;
    border-radius: 0.5em;
    margin-top: 2em;
    margin-bottom: 2em;
    padding: 0em 0.8em;
    overflow: auto;
    /* div item-head  */
  }
  main article.article div.notes {
    border: thin ridge #c0c0c0;
    border-radius: 0.5em;
    float: right;
    font-size: 0.85em;
    margin: 1em 0em 1em 1em;
    padding: 1em;
    width: 18em;
  }
  main article.article div.item-head {
    padding: 0em 0em 0em 0em;
    margin: 0em 0em 3em 0em;
    position: relative;
    /* Images attached as an asset to content item (in contrast to added /
             embedded) by body text editor, placed inside the item head

             Inherits formatting from main, shared with image formatting inside
             the item body added by authors editor.                           */
  }
  main article.article div.item-head h1 {
    color: #1e3175;
    font-family: "TextCond", sans-serif;
    font-size: 2.5em;
    font-variant: small-caps;
    font-weight: normal;
    margin-top: 0.3em;
    margin-bottom: 0.5em;
  }
  main article.article div.item-head div.edit-link {
    position: absolute;
    top: 0.05em;
    right: 0.05em;
  }
  main article.article div.item-head div.edit-link a:link,
  main article.article div.item-head div.edit-link a:visited {
    color: lightgrey;
    font-size: 2em;
    text-decoration: none;
  }
  main article.article div.item-head div.edit-link a:hover {
    display: block;
    font-size: 2em;
    color: #213175;
  }
  main article.article div.item-head div.lead {
    font-weight: bold;
    font-size: 1.25em;
    margin-bottom: 1em;
  }
  main article.article div.main,
  main article.article div.item-body {
    margin-bottom: 0;
  }
  main article.article div.main :first-child,
  main article.article div.item-body :first-child {
    margin-top: 0;
  }
  main article.article div.main ul,
  main article.article div.item-body ul {
    overflow: hidden;
  }
  main article.address {
    background-color: #f2f2f2;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    box-shadow: 0.1em 0.2em 0.35em 0 rgba(0, 0, 0, 0.35);
    padding: 1em;
    font-family: 'Text', sans-serif;
    border-radius: 0.5em;
    margin-top: 2em;
    margin-bottom: 2em;
    padding: 0em 0.8em;
    overflow: auto;
    /* div item-head  */
    margin-bottom: 2em;
  }
  main article.address div.notes {
    border: thin ridge #c0c0c0;
    border-radius: 0.5em;
    float: right;
    font-size: 0.85em;
    margin: 1em 0em 1em 1em;
    padding: 1em;
    width: 18em;
  }
  main article.address div.item-head {
    padding: 0em 0em 0em 0em;
    margin: 0em 0em 3em 0em;
    position: relative;
    /* Images attached as an asset to content item (in contrast to added /
             embedded) by body text editor, placed inside the item head

             Inherits formatting from main, shared with image formatting inside
             the item body added by authors editor.                           */
  }
  main article.address div.item-head h1 {
    color: #1e3175;
    font-family: "TextCond", sans-serif;
    font-size: 2.5em;
    font-variant: small-caps;
    font-weight: normal;
    margin-top: 0.3em;
    margin-bottom: 0.5em;
  }
  main article.address div.item-head div.edit-link {
    position: absolute;
    top: 0.05em;
    right: 0.05em;
  }
  main article.address div.item-head div.edit-link a:link,
  main article.address div.item-head div.edit-link a:visited {
    color: lightgrey;
    font-size: 2em;
    text-decoration: none;
  }
  main article.address div.item-head div.edit-link a:hover {
    display: block;
    font-size: 2em;
    color: #213175;
  }
  main article.address div.item-head div.lead {
    font-weight: bold;
    font-size: 1.25em;
    margin-bottom: 1em;
  }
  main article.address div.main,
  main article.address div.item-body {
    margin-bottom: 0;
  }
  main article.address div.main :first-child,
  main article.address div.item-body :first-child {
    margin-top: 0;
  }
  main article.address div.main ul,
  main article.address div.item-body ul {
    overflow: hidden;
  }
  main article.address pre.addresstext {
    font-family: 'Text', sans-serif;
    margin-top: 0;
  }
  main article.agenda {
    background-color: #f2f2f2;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    box-shadow: 0.1em 0.2em 0.35em 0 rgba(0, 0, 0, 0.35);
    padding: 1em;
    font-family: 'Text', sans-serif;
    border-radius: 0.5em;
    margin-top: 2em;
    margin-bottom: 2em;
    padding: 0em 0.8em;
    overflow: auto;
    /* div item-head  */
  }
  main article.agenda div.notes {
    border: thin ridge #c0c0c0;
    border-radius: 0.5em;
    float: right;
    font-size: 0.85em;
    margin: 1em 0em 1em 1em;
    padding: 1em;
    width: 18em;
  }
  main article.agenda div.item-head {
    padding: 0em 0em 0em 0em;
    margin: 0em 0em 3em 0em;
    position: relative;
    /* Images attached as an asset to content item (in contrast to added /
             embedded) by body text editor, placed inside the item head

             Inherits formatting from main, shared with image formatting inside
             the item body added by authors editor.                           */
  }
  main article.agenda div.item-head h1 {
    color: #1e3175;
    font-family: "TextCond", sans-serif;
    font-size: 2.5em;
    font-variant: small-caps;
    font-weight: normal;
    margin-top: 0.3em;
    margin-bottom: 0.5em;
  }
  main article.agenda div.item-head div.edit-link {
    position: absolute;
    top: 0.05em;
    right: 0.05em;
  }
  main article.agenda div.item-head div.edit-link a:link,
  main article.agenda div.item-head div.edit-link a:visited {
    color: lightgrey;
    font-size: 2em;
    text-decoration: none;
  }
  main article.agenda div.item-head div.edit-link a:hover {
    display: block;
    font-size: 2em;
    color: #213175;
  }
  main article.agenda div.item-head div.lead {
    font-weight: bold;
    font-size: 1.25em;
    margin-bottom: 1em;
  }
  main article.agenda div.main,
  main article.agenda div.item-body {
    margin-bottom: 0;
  }
  main article.agenda div.main :first-child,
  main article.agenda div.item-body :first-child {
    margin-top: 0;
  }
  main article.agenda div.main ul,
  main article.agenda div.item-body ul {
    overflow: hidden;
  }
  main article.agenda dl dt {
    font-weight: bold;
  }
  main article.agenda dl dd {
    margin-left: 0;
    margin-bottom: 0.5em;
  }
  main article.agenda dl dd.description-of-minutes pre {
    margin-top: 0;
    font-family: 'Test';
  }
  main article.agenda dl dd a {
    text-decoration: none;
  }
  main article.agenda dl dd a:link,
  main article.agenda dl dd a:visited {
    color: #213175;
  }
  main article.agenda dl dd a:active,
  main article.agenda dl dd a:focus,
  main article.agenda dl dd a:hover {
    color: #084590;
  }
  main article.contact,
  main article.job,
  main article.minutes,
  main article.service {
    background-color: #f2f2f2;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    box-shadow: 0.1em 0.2em 0.35em 0 rgba(0, 0, 0, 0.35);
    padding: 1em;
    font-family: 'Text', sans-serif;
    border-radius: 0.5em;
    margin-top: 2em;
    margin-bottom: 2em;
    padding: 0em 0.8em;
    overflow: auto;
    /* div item-head  */
  }
  main article.contact div.notes,
  main article.job div.notes,
  main article.minutes div.notes,
  main article.service div.notes {
    border: thin ridge #c0c0c0;
    border-radius: 0.5em;
    float: right;
    font-size: 0.85em;
    margin: 1em 0em 1em 1em;
    padding: 1em;
    width: 18em;
  }
  main article.contact div.item-head,
  main article.job div.item-head,
  main article.minutes div.item-head,
  main article.service div.item-head {
    padding: 0em 0em 0em 0em;
    margin: 0em 0em 3em 0em;
    position: relative;
    /* Images attached as an asset to content item (in contrast to added /
             embedded) by body text editor, placed inside the item head

             Inherits formatting from main, shared with image formatting inside
             the item body added by authors editor.                           */
  }
  main article.contact div.item-head h1,
  main article.job div.item-head h1,
  main article.minutes div.item-head h1,
  main article.service div.item-head h1 {
    color: #1e3175;
    font-family: "TextCond", sans-serif;
    font-size: 2.5em;
    font-variant: small-caps;
    font-weight: normal;
    margin-top: 0.3em;
    margin-bottom: 0.5em;
  }
  main article.contact div.item-head div.edit-link,
  main article.job div.item-head div.edit-link,
  main article.minutes div.item-head div.edit-link,
  main article.service div.item-head div.edit-link {
    position: absolute;
    top: 0.05em;
    right: 0.05em;
  }
  main article.contact div.item-head div.edit-link a:link,
  main article.job div.item-head div.edit-link a:link,
  main article.minutes div.item-head div.edit-link a:link,
  main article.service div.item-head div.edit-link a:link,
  main article.contact div.item-head div.edit-link a:visited,
  main article.job div.item-head div.edit-link a:visited,
  main article.minutes div.item-head div.edit-link a:visited,
  main article.service div.item-head div.edit-link a:visited {
    color: lightgrey;
    font-size: 2em;
    text-decoration: none;
  }
  main article.contact div.item-head div.edit-link a:hover,
  main article.job div.item-head div.edit-link a:hover,
  main article.minutes div.item-head div.edit-link a:hover,
  main article.service div.item-head div.edit-link a:hover {
    display: block;
    font-size: 2em;
    color: #213175;
  }
  main article.contact div.item-head div.lead,
  main article.job div.item-head div.lead,
  main article.minutes div.item-head div.lead,
  main article.service div.item-head div.lead {
    font-weight: bold;
    font-size: 1.25em;
    margin-bottom: 1em;
  }
  main article.contact div.main,
  main article.job div.main,
  main article.minutes div.main,
  main article.service div.main,
  main article.contact div.item-body,
  main article.job div.item-body,
  main article.minutes div.item-body,
  main article.service div.item-body {
    margin-bottom: 0;
  }
  main article.contact div.main :first-child,
  main article.job div.main :first-child,
  main article.minutes div.main :first-child,
  main article.service div.main :first-child,
  main article.contact div.item-body :first-child,
  main article.job div.item-body :first-child,
  main article.minutes div.item-body :first-child,
  main article.service div.item-body :first-child {
    margin-top: 0;
  }
  main article.contact div.main ul,
  main article.job div.main ul,
  main article.minutes div.main ul,
  main article.service div.main ul,
  main article.contact div.item-body ul,
  main article.job div.item-body ul,
  main article.minutes div.item-body ul,
  main article.service div.item-body ul {
    overflow: hidden;
  }
  main article.contact dl dt,
  main article.job dl dt,
  main article.minutes dl dt,
  main article.service dl dt {
    font-weight: bold;
  }
  main article.contact dl dd,
  main article.job dl dd,
  main article.minutes dl dd,
  main article.service dl dd {
    margin-left: 0;
    margin-bottom: 0.5em;
  }
  main article.contact dl dd.description-of-minutes pre,
  main article.job dl dd.description-of-minutes pre,
  main article.minutes dl dd.description-of-minutes pre,
  main article.service dl dd.description-of-minutes pre {
    margin-top: 0;
    font-family: 'Test';
  }
  main article.contact dl dd a,
  main article.job dl dd a,
  main article.minutes dl dd a,
  main article.service dl dd a {
    text-decoration: none;
  }
  main article.contact dl dd a:link,
  main article.job dl dd a:link,
  main article.minutes dl dd a:link,
  main article.service dl dd a:link,
  main article.contact dl dd a:visited,
  main article.job dl dd a:visited,
  main article.minutes dl dd a:visited,
  main article.service dl dd a:visited {
    color: #213175;
  }
  main article.contact dl dd a:active,
  main article.job dl dd a:active,
  main article.minutes dl dd a:active,
  main article.service dl dd a:active,
  main article.contact dl dd a:focus,
  main article.job dl dd a:focus,
  main article.minutes dl dd a:focus,
  main article.service dl dd a:focus,
  main article.contact dl dd a:hover,
  main article.job dl dd a:hover,
  main article.minutes dl dd a:hover,
  main article.service dl dd a:hover {
    color: #084590;
  }
  main article.bookmark {
    background-color: #f2f2f2;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    box-shadow: 0.1em 0.2em 0.35em 0 rgba(0, 0, 0, 0.35);
    padding: 1em;
    font-family: 'Text', sans-serif;
    border-radius: 0.5em;
    margin-top: 2em;
    margin-bottom: 2em;
    padding: 0em 0.8em;
    overflow: auto;
    /* div item-head  */
  }
  main article.bookmark div.notes {
    border: thin ridge #c0c0c0;
    border-radius: 0.5em;
    float: right;
    font-size: 0.85em;
    margin: 1em 0em 1em 1em;
    padding: 1em;
    width: 18em;
  }
  main article.bookmark div.item-head {
    padding: 0em 0em 0em 0em;
    margin: 0em 0em 3em 0em;
    position: relative;
    /* Images attached as an asset to content item (in contrast to added /
             embedded) by body text editor, placed inside the item head

             Inherits formatting from main, shared with image formatting inside
             the item body added by authors editor.                           */
  }
  main article.bookmark div.item-head h1 {
    color: #1e3175;
    font-family: "TextCond", sans-serif;
    font-size: 2.5em;
    font-variant: small-caps;
    font-weight: normal;
    margin-top: 0.3em;
    margin-bottom: 0.5em;
  }
  main article.bookmark div.item-head div.edit-link {
    position: absolute;
    top: 0.05em;
    right: 0.05em;
  }
  main article.bookmark div.item-head div.edit-link a:link,
  main article.bookmark div.item-head div.edit-link a:visited {
    color: lightgrey;
    font-size: 2em;
    text-decoration: none;
  }
  main article.bookmark div.item-head div.edit-link a:hover {
    display: block;
    font-size: 2em;
    color: #213175;
  }
  main article.bookmark div.item-head div.lead {
    font-weight: bold;
    font-size: 1.25em;
    margin-bottom: 1em;
  }
  main article.bookmark div.main,
  main article.bookmark div.item-body {
    margin-bottom: 0;
  }
  main article.bookmark div.main :first-child,
  main article.bookmark div.item-body :first-child {
    margin-top: 0;
  }
  main article.bookmark div.main ul,
  main article.bookmark div.item-body ul {
    overflow: hidden;
  }
  main article.bookmark div.bookmark-url {
    /*.mixin-main();*/
    font-family: 'Text', sans-serif;
    margin-bottom: 2em;
  }
  main article.bookmark div.bookmark-url a:link,
  main article.bookmark div.bookmark-url a:visited {
    color: #213175;
  }
  main article.bookmark div.bookmark-url a:active,
  main article.bookmark div.bookmark-url a:focus,
  main article.bookmark div.bookmark-url a:hover {
    color: #084590;
  }
  main article.contact {
    background-color: #f2f2f2;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    box-shadow: 0.1em 0.2em 0.35em 0 rgba(0, 0, 0, 0.35);
    padding: 1em;
    font-family: 'Text', sans-serif;
    border-radius: 0.5em;
    margin-top: 2em;
    margin-bottom: 2em;
    padding: 0em 0.8em;
    overflow: auto;
    /* div item-head  */
  }
  main article.contact div.notes {
    border: thin ridge #c0c0c0;
    border-radius: 0.5em;
    float: right;
    font-size: 0.85em;
    margin: 1em 0em 1em 1em;
    padding: 1em;
    width: 18em;
  }
  main article.contact div.item-head {
    padding: 0em 0em 0em 0em;
    margin: 0em 0em 3em 0em;
    position: relative;
    /* Images attached as an asset to content item (in contrast to added /
             embedded) by body text editor, placed inside the item head

             Inherits formatting from main, shared with image formatting inside
             the item body added by authors editor.                           */
  }
  main article.contact div.item-head h1 {
    color: #1e3175;
    font-family: "TextCond", sans-serif;
    font-size: 2.5em;
    font-variant: small-caps;
    font-weight: normal;
    margin-top: 0.3em;
    margin-bottom: 0.5em;
  }
  main article.contact div.item-head div.edit-link {
    position: absolute;
    top: 0.05em;
    right: 0.05em;
  }
  main article.contact div.item-head div.edit-link a:link,
  main article.contact div.item-head div.edit-link a:visited {
    color: lightgrey;
    font-size: 2em;
    text-decoration: none;
  }
  main article.contact div.item-head div.edit-link a:hover {
    display: block;
    font-size: 2em;
    color: #213175;
  }
  main article.contact div.item-head div.lead {
    font-weight: bold;
    font-size: 1.25em;
    margin-bottom: 1em;
  }
  main article.contact div.main,
  main article.contact div.item-body {
    margin-bottom: 0;
  }
  main article.contact div.main :first-child,
  main article.contact div.item-body :first-child {
    margin-top: 0;
  }
  main article.contact div.main ul,
  main article.contact div.item-body ul {
    overflow: hidden;
  }
  main article.contact div.address {
    margin-bottom: 2em;
  }
  main article.contact div.address pre.addresstext {
    font-family: 'Text', sans-serif;
    margin-top: 0;
  }
  main article.decisiontree {
    background-color: #f2f2f2;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    box-shadow: 0.1em 0.2em 0.35em 0 rgba(0, 0, 0, 0.35);
    padding: 1em;
    font-family: 'Text', sans-serif;
    border-radius: 0.5em;
    margin-top: 2em;
    margin-bottom: 2em;
    padding: 0em 0.8em;
    overflow: auto;
    /* div item-head  */
  }
  main article.decisiontree div.notes {
    border: thin ridge #c0c0c0;
    border-radius: 0.5em;
    float: right;
    font-size: 0.85em;
    margin: 1em 0em 1em 1em;
    padding: 1em;
    width: 18em;
  }
  main article.decisiontree div.item-head {
    padding: 0em 0em 0em 0em;
    margin: 0em 0em 3em 0em;
    position: relative;
    /* Images attached as an asset to content item (in contrast to added /
             embedded) by body text editor, placed inside the item head

             Inherits formatting from main, shared with image formatting inside
             the item body added by authors editor.                           */
  }
  main article.decisiontree div.item-head h1 {
    color: #1e3175;
    font-family: "TextCond", sans-serif;
    font-size: 2.5em;
    font-variant: small-caps;
    font-weight: normal;
    margin-top: 0.3em;
    margin-bottom: 0.5em;
  }
  main article.decisiontree div.item-head div.edit-link {
    position: absolute;
    top: 0.05em;
    right: 0.05em;
  }
  main article.decisiontree div.item-head div.edit-link a:link,
  main article.decisiontree div.item-head div.edit-link a:visited {
    color: lightgrey;
    font-size: 2em;
    text-decoration: none;
  }
  main article.decisiontree div.item-head div.edit-link a:hover {
    display: block;
    font-size: 2em;
    color: #213175;
  }
  main article.decisiontree div.item-head div.lead {
    font-weight: bold;
    font-size: 1.25em;
    margin-bottom: 1em;
  }
  main article.decisiontree div.main,
  main article.decisiontree div.item-body {
    margin-bottom: 0;
  }
  main article.decisiontree div.main :first-child,
  main article.decisiontree div.item-body :first-child {
    margin-top: 0;
  }
  main article.decisiontree div.main ul,
  main article.decisiontree div.item-body ul {
    overflow: hidden;
  }
  main article.decisiontree div.main h2 {
    margin-top: 0em;
  }
  main article.decisiontree div.section-instructions {
    margin-bottom: 1em;
  }
  main article.decisiontree form div.submit-cancel-section {
    margin-top: 1em;
  }
  main article.decisiontree form div.submit-cancel-section input[type="submit"] {
    background-color: #f2f2f2;
    border: 1px solid #213175;
    border-radius: 0.3em;
    color: #213175;
    font-weight: bold;
    padding: 0.2em 0.4em;
  }
  main article.decisiontree form div.submit-cancel-section input[type="submit"]:focus,
  main article.decisiontree form div.submit-cancel-section input[type="submit"]:hover {
    border-color: #084590;
    color: #084590;
  }
  main article.decisiontree form div.submit-cancel-section input[type="submit"]:first-child {
    margin-right: 1em;
  }
  main article.event {
    background-color: #f2f2f2;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    box-shadow: 0.1em 0.2em 0.35em 0 rgba(0, 0, 0, 0.35);
    padding: 1em;
    font-family: 'Text', sans-serif;
    border-radius: 0.5em;
    margin-top: 2em;
    margin-bottom: 2em;
    padding: 0em 0.8em;
    overflow: auto;
    /* div item-head  */
  }
  main article.event div.notes {
    border: thin ridge #c0c0c0;
    border-radius: 0.5em;
    float: right;
    font-size: 0.85em;
    margin: 1em 0em 1em 1em;
    padding: 1em;
    width: 18em;
  }
  main article.event div.item-head {
    padding: 0em 0em 0em 0em;
    margin: 0em 0em 3em 0em;
    position: relative;
    /* Images attached as an asset to content item (in contrast to added /
             embedded) by body text editor, placed inside the item head

             Inherits formatting from main, shared with image formatting inside
             the item body added by authors editor.                           */
  }
  main article.event div.item-head h1 {
    color: #1e3175;
    font-family: "TextCond", sans-serif;
    font-size: 2.5em;
    font-variant: small-caps;
    font-weight: normal;
    margin-top: 0.3em;
    margin-bottom: 0.5em;
  }
  main article.event div.item-head div.edit-link {
    position: absolute;
    top: 0.05em;
    right: 0.05em;
  }
  main article.event div.item-head div.edit-link a:link,
  main article.event div.item-head div.edit-link a:visited {
    color: lightgrey;
    font-size: 2em;
    text-decoration: none;
  }
  main article.event div.item-head div.edit-link a:hover {
    display: block;
    font-size: 2em;
    color: #213175;
  }
  main article.event div.item-head div.lead {
    font-weight: bold;
    font-size: 1.25em;
    margin-bottom: 1em;
  }
  main article.event div.main,
  main article.event div.item-body {
    margin-bottom: 0;
  }
  main article.event div.main :first-child,
  main article.event div.item-body :first-child {
    margin-top: 0;
  }
  main article.event div.main ul,
  main article.event div.item-body ul {
    overflow: hidden;
  }
  main article.event dl.event-details {
    /*.mixin-main();*/
    width: 100%;
  }
  main article.event dl.event-details dt {
    font-weight: bold;
  }
  main article.event dl.event-details dd {
    margin-left: 0;
    margin-bottom: 1em;
    padding-left: 0;
  }
  main .event-date {
    border: thin solid #1e3175;
    float: left;
    font-weight: bold;
    margin-right: 0.75em;
    vertical-align: middle;
  }
  main .event-date div {
    text-align: center;
  }
  main .event-date .day {
    background-color: #1e3175;
    color: #fff;
    padding: 0.3em 0.75em 0.1em 0.75em;
  }
  main .event-date .month {
    background-color: #fff;
    color: #1e3175;
    padding: 0.1em 0.75em 0.3em 0.75em;
  }
  main article.faqitem {
    background-color: #f2f2f2;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    box-shadow: 0.1em 0.2em 0.35em 0 rgba(0, 0, 0, 0.35);
    padding: 1em;
    font-family: 'Text', sans-serif;
    border-radius: 0.5em;
    margin-top: 2em;
    margin-bottom: 2em;
    padding: 0em 0.8em;
    overflow: auto;
    /* div item-head  */
  }
  main article.faqitem div.notes {
    border: thin ridge #c0c0c0;
    border-radius: 0.5em;
    float: right;
    font-size: 0.85em;
    margin: 1em 0em 1em 1em;
    padding: 1em;
    width: 18em;
  }
  main article.faqitem div.item-head {
    padding: 0em 0em 0em 0em;
    margin: 0em 0em 3em 0em;
    position: relative;
    /* Images attached as an asset to content item (in contrast to added /
             embedded) by body text editor, placed inside the item head

             Inherits formatting from main, shared with image formatting inside
             the item body added by authors editor.                           */
  }
  main article.faqitem div.item-head h1 {
    color: #1e3175;
    font-family: "TextCond", sans-serif;
    font-size: 2.5em;
    font-variant: small-caps;
    font-weight: normal;
    margin-top: 0.3em;
    margin-bottom: 0.5em;
  }
  main article.faqitem div.item-head div.edit-link {
    position: absolute;
    top: 0.05em;
    right: 0.05em;
  }
  main article.faqitem div.item-head div.edit-link a:link,
  main article.faqitem div.item-head div.edit-link a:visited {
    color: lightgrey;
    font-size: 2em;
    text-decoration: none;
  }
  main article.faqitem div.item-head div.edit-link a:hover {
    display: block;
    font-size: 2em;
    color: #213175;
  }
  main article.faqitem div.item-head div.lead {
    font-weight: bold;
    font-size: 1.25em;
    margin-bottom: 1em;
  }
  main article.faqitem div.main,
  main article.faqitem div.item-body {
    margin-bottom: 0;
  }
  main article.faqitem div.main :first-child,
  main article.faqitem div.item-body :first-child {
    margin-top: 0;
  }
  main article.faqitem div.main ul,
  main article.faqitem div.item-body ul {
    overflow: hidden;
  }
  main article.filestorageitem {
    background-color: #f2f2f2;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    box-shadow: 0.1em 0.2em 0.35em 0 rgba(0, 0, 0, 0.35);
    padding: 1em;
    font-family: 'Text', sans-serif;
    border-radius: 0.5em;
    margin-top: 2em;
    margin-bottom: 2em;
    padding: 0em 0.8em;
    overflow: auto;
    /* div item-head  */
  }
  main article.filestorageitem div.notes {
    border: thin ridge #c0c0c0;
    border-radius: 0.5em;
    float: right;
    font-size: 0.85em;
    margin: 1em 0em 1em 1em;
    padding: 1em;
    width: 18em;
  }
  main article.filestorageitem div.item-head {
    padding: 0em 0em 0em 0em;
    margin: 0em 0em 3em 0em;
    position: relative;
    /* Images attached as an asset to content item (in contrast to added /
             embedded) by body text editor, placed inside the item head

             Inherits formatting from main, shared with image formatting inside
             the item body added by authors editor.                           */
  }
  main article.filestorageitem div.item-head h1 {
    color: #1e3175;
    font-family: "TextCond", sans-serif;
    font-size: 2.5em;
    font-variant: small-caps;
    font-weight: normal;
    margin-top: 0.3em;
    margin-bottom: 0.5em;
  }
  main article.filestorageitem div.item-head div.edit-link {
    position: absolute;
    top: 0.05em;
    right: 0.05em;
  }
  main article.filestorageitem div.item-head div.edit-link a:link,
  main article.filestorageitem div.item-head div.edit-link a:visited {
    color: lightgrey;
    font-size: 2em;
    text-decoration: none;
  }
  main article.filestorageitem div.item-head div.edit-link a:hover {
    display: block;
    font-size: 2em;
    color: #213175;
  }
  main article.filestorageitem div.item-head div.lead {
    font-weight: bold;
    font-size: 1.25em;
    margin-bottom: 1em;
  }
  main article.filestorageitem div.main,
  main article.filestorageitem div.item-body {
    margin-bottom: 0;
  }
  main article.filestorageitem div.main :first-child,
  main article.filestorageitem div.item-body :first-child {
    margin-top: 0;
  }
  main article.filestorageitem div.main ul,
  main article.filestorageitem div.item-body ul {
    overflow: hidden;
  }
  main article.filestorageitem div.fsi-links {
    margin-top: 2em;
    margin-bottom: 2em;
    text-align: center;
  }
  main article.filestorageitem div.fsi-links a {
    margin-left: 4em;
    margin-right: 4em;
    padding-left: 2em;
    padding-right: 2em;
    text-decoration: none;
  }
  main article.filestorageitem div.fsi-links a:link,
  main article.filestorageitem div.fsi-links a:visited {
    color: #213175;
  }
  main article.filestorageitem div.fsi-links a:active,
  main article.filestorageitem div.fsi-links a:focus,
  main article.filestorageitem div.fsi-links a:hover {
    color: #084590;
  }
  main article.filestorageitem div.fsi-links a.download::before,
  main article.filestorageitem div.fsi-links a.stream::before {
    font-family: "FontAwesome";
  }
  main article.filestorageitem div.fsi-links a.stream::before {
    content: "\f06e";
  }
  main article.filestorageitem div.fsi-links a.download::before {
    content: "\f019";
  }
  main article.formitem {
    background-color: #f2f2f2;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    box-shadow: 0.1em 0.2em 0.35em 0 rgba(0, 0, 0, 0.35);
    padding: 1em;
    font-family: 'Text', sans-serif;
    border-radius: 0.5em;
    margin-top: 2em;
    margin-bottom: 2em;
    padding: 0em 0.8em;
    overflow: auto;
    /* div item-head  */
    margin-bottom: 2em;
  }
  main article.formitem div.notes {
    border: thin ridge #c0c0c0;
    border-radius: 0.5em;
    float: right;
    font-size: 0.85em;
    margin: 1em 0em 1em 1em;
    padding: 1em;
    width: 18em;
  }
  main article.formitem div.item-head {
    padding: 0em 0em 0em 0em;
    margin: 0em 0em 3em 0em;
    position: relative;
    /* Images attached as an asset to content item (in contrast to added /
             embedded) by body text editor, placed inside the item head

             Inherits formatting from main, shared with image formatting inside
             the item body added by authors editor.                           */
  }
  main article.formitem div.item-head h1 {
    color: #1e3175;
    font-family: "TextCond", sans-serif;
    font-size: 2.5em;
    font-variant: small-caps;
    font-weight: normal;
    margin-top: 0.3em;
    margin-bottom: 0.5em;
  }
  main article.formitem div.item-head div.edit-link {
    position: absolute;
    top: 0.05em;
    right: 0.05em;
  }
  main article.formitem div.item-head div.edit-link a:link,
  main article.formitem div.item-head div.edit-link a:visited {
    color: lightgrey;
    font-size: 2em;
    text-decoration: none;
  }
  main article.formitem div.item-head div.edit-link a:hover {
    display: block;
    font-size: 2em;
    color: #213175;
  }
  main article.formitem div.item-head div.lead {
    font-weight: bold;
    font-size: 1.25em;
    margin-bottom: 1em;
  }
  main article.formitem div.main,
  main article.formitem div.item-body {
    margin-bottom: 0;
  }
  main article.formitem div.main :first-child,
  main article.formitem div.item-body :first-child {
    margin-top: 0;
  }
  main article.formitem div.main ul,
  main article.formitem div.item-body ul {
    overflow: hidden;
  }
  main article.formitem span.label {
    display: block;
    font-weight: bold;
  }
  main article.formitem span.label.mandatory::after {
    content: "*";
    font-weight: bold;
  }
  main article.image div.image-data {
    /*.mixin-main();*/
    display: -webkit-flex;
    display: flex;
    margin-bottom: 2em;
  }
  main article.image div.image-data a.thumbnail {
    -webkit-flex: 1;
    flex: 1;
    text-align: center;
  }
  main article.image div.image-data table {
    -webkit-flex: 1;
    flex: 1;
    border: none;
  }
  main article.image div.image-data table td,
  main article.image div.image-data table th,
  main article.image div.image-data table tr {
    border: none;
  }
  main article.image div.image-data table th {
    text-align: left;
    font-weight: bold;
  }
  main article.image div.image-data table td {
    padding-left: 0.5em;
  }
  main article.legalnotice {
    background-color: #f2f2f2;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    box-shadow: 0.1em 0.2em 0.35em 0 rgba(0, 0, 0, 0.35);
    padding: 1em;
    font-family: 'Text', sans-serif;
    border-radius: 0.5em;
    margin-top: 2em;
    margin-bottom: 2em;
    padding: 0em 0.8em;
    overflow: auto;
    /* div item-head  */
  }
  main article.legalnotice div.notes {
    border: thin ridge #c0c0c0;
    border-radius: 0.5em;
    float: right;
    font-size: 0.85em;
    margin: 1em 0em 1em 1em;
    padding: 1em;
    width: 18em;
  }
  main article.legalnotice div.item-head {
    padding: 0em 0em 0em 0em;
    margin: 0em 0em 3em 0em;
    position: relative;
    /* Images attached as an asset to content item (in contrast to added /
             embedded) by body text editor, placed inside the item head

             Inherits formatting from main, shared with image formatting inside
             the item body added by authors editor.                           */
  }
  main article.legalnotice div.item-head h1 {
    color: #1e3175;
    font-family: "TextCond", sans-serif;
    font-size: 2.5em;
    font-variant: small-caps;
    font-weight: normal;
    margin-top: 0.3em;
    margin-bottom: 0.5em;
  }
  main article.legalnotice div.item-head div.edit-link {
    position: absolute;
    top: 0.05em;
    right: 0.05em;
  }
  main article.legalnotice div.item-head div.edit-link a:link,
  main article.legalnotice div.item-head div.edit-link a:visited {
    color: lightgrey;
    font-size: 2em;
    text-decoration: none;
  }
  main article.legalnotice div.item-head div.edit-link a:hover {
    display: block;
    font-size: 2em;
    color: #213175;
  }
  main article.legalnotice div.item-head div.lead {
    font-weight: bold;
    font-size: 1.25em;
    margin-bottom: 1em;
  }
  main article.legalnotice div.main,
  main article.legalnotice div.item-body {
    margin-bottom: 0;
  }
  main article.legalnotice div.main :first-child,
  main article.legalnotice div.item-body :first-child {
    margin-top: 0;
  }
  main article.legalnotice div.main ul,
  main article.legalnotice div.item-body ul {
    overflow: hidden;
  }
  main article.legalnotice div.government-uid {
    margin-bottom: 1em;
  }
  main article.multi-part-article {
    background-color: #f2f2f2;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    box-shadow: 0.1em 0.2em 0.35em 0 rgba(0, 0, 0, 0.35);
    padding: 1em;
    font-family: 'Text', sans-serif;
    border-radius: 0.5em;
    margin-top: 2em;
    margin-bottom: 2em;
    padding: 0em 0.8em;
    overflow: auto;
    /* div item-head  */
  }
  main article.multi-part-article div.notes {
    border: thin ridge #c0c0c0;
    border-radius: 0.5em;
    float: right;
    font-size: 0.85em;
    margin: 1em 0em 1em 1em;
    padding: 1em;
    width: 18em;
  }
  main article.multi-part-article div.item-head {
    padding: 0em 0em 0em 0em;
    margin: 0em 0em 3em 0em;
    position: relative;
    /* Images attached as an asset to content item (in contrast to added /
             embedded) by body text editor, placed inside the item head

             Inherits formatting from main, shared with image formatting inside
             the item body added by authors editor.                           */
  }
  main article.multi-part-article div.item-head h1 {
    color: #1e3175;
    font-family: "TextCond", sans-serif;
    font-size: 2.5em;
    font-variant: small-caps;
    font-weight: normal;
    margin-top: 0.3em;
    margin-bottom: 0.5em;
  }
  main article.multi-part-article div.item-head div.edit-link {
    position: absolute;
    top: 0.05em;
    right: 0.05em;
  }
  main article.multi-part-article div.item-head div.edit-link a:link,
  main article.multi-part-article div.item-head div.edit-link a:visited {
    color: lightgrey;
    font-size: 2em;
    text-decoration: none;
  }
  main article.multi-part-article div.item-head div.edit-link a:hover {
    display: block;
    font-size: 2em;
    color: #213175;
  }
  main article.multi-part-article div.item-head div.lead {
    font-weight: bold;
    font-size: 1.25em;
    margin-bottom: 1em;
  }
  main article.multi-part-article div.main,
  main article.multi-part-article div.item-body {
    margin-bottom: 0;
  }
  main article.multi-part-article div.main :first-child,
  main article.multi-part-article div.item-body :first-child {
    margin-top: 0;
  }
  main article.multi-part-article div.main ul,
  main article.multi-part-article div.item-body ul {
    overflow: hidden;
  }
  main article.multi-part-article ul.mpa-toc {
    /*.mixin-main();*/
    /*background-color: @color-nav-background2;*/
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
    /*box-shadow: 0.1em 0.2em 0.35em 0 rgba(0, 0, 0, 0.35);*/
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    list-style: none;
  }
  main article.multi-part-article ul.mpa-toc li a {
    font-weight: bold;
    text-decoration: none;
  }
  main article.multi-part-article ul.mpa-toc li a:link,
  main article.multi-part-article ul.mpa-toc li a:visited {
    color: #213175;
  }
  main article.multi-part-article ul.mpa-toc li a:active,
  main article.multi-part-article ul.mpa-toc li a:focus,
  main article.multi-part-article ul.mpa-toc li a:hover {
    color: #084590;
  }
  main article.multi-part-article ul.mpa-toc li.active a {
    color: #084590;
  }
  main article.multi-part-article ul.mpa-paginator {
    list-style: none;
    text-align: center;
    margin-bottom: 3em;
  }
  main article.multi-part-article ul.mpa-paginator li {
    /*.mixin-main();*/
    display: inline;
    margin-left: 1em;
    margin-right: 1em;
    padding-left: 2em;
    padding-right: 2em;
  }
  main article.multi-part-article ul.mpa-paginator li a {
    text-decoration: none;
  }
  main article.multi-part-article ul.mpa-paginator li a:link,
  main article.multi-part-article ul.mpa-paginator li a:visited {
    color: #213175;
  }
  main article.multi-part-article ul.mpa-paginator li a:active,
  main article.multi-part-article ul.mpa-paginator li a:focus,
  main article.multi-part-article ul.mpa-paginator li a:hover {
    color: #084590;
  }
  main article.multi-part-article ul.mpa-paginator li a::after,
  main article.multi-part-article ul.mpa-paginator li a::before {
    font-family: "FontAwesome";
  }
  main article.multi-part-article ul.mpa-paginator li a.prev::before {
    content: "\f0a8";
    margin-right: 0.2em;
  }
  main article.multi-part-article ul.mpa-paginator li a.next::after {
    content: "\f0a9";
    margin-left: 0.2em;
  }
  main article.news {
    background-color: #f2f2f2;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    box-shadow: 0.1em 0.2em 0.35em 0 rgba(0, 0, 0, 0.35);
    padding: 1em;
    font-family: 'Text', sans-serif;
    border-radius: 0.5em;
    margin-top: 2em;
    margin-bottom: 2em;
    padding: 0em 0.8em;
    overflow: auto;
    /* div item-head  */
  }
  main article.news div.notes {
    border: thin ridge #c0c0c0;
    border-radius: 0.5em;
    float: right;
    font-size: 0.85em;
    margin: 1em 0em 1em 1em;
    padding: 1em;
    width: 18em;
  }
  main article.news div.item-head {
    padding: 0em 0em 0em 0em;
    margin: 0em 0em 3em 0em;
    position: relative;
    /* Images attached as an asset to content item (in contrast to added /
             embedded) by body text editor, placed inside the item head

             Inherits formatting from main, shared with image formatting inside
             the item body added by authors editor.                           */
  }
  main article.news div.item-head h1 {
    color: #1e3175;
    font-family: "TextCond", sans-serif;
    font-size: 2.5em;
    font-variant: small-caps;
    font-weight: normal;
    margin-top: 0.3em;
    margin-bottom: 0.5em;
  }
  main article.news div.item-head div.edit-link {
    position: absolute;
    top: 0.05em;
    right: 0.05em;
  }
  main article.news div.item-head div.edit-link a:link,
  main article.news div.item-head div.edit-link a:visited {
    color: lightgrey;
    font-size: 2em;
    text-decoration: none;
  }
  main article.news div.item-head div.edit-link a:hover {
    display: block;
    font-size: 2em;
    color: #213175;
  }
  main article.news div.item-head div.lead {
    font-weight: bold;
    font-size: 1.25em;
    margin-bottom: 1em;
  }
  main article.news div.main,
  main article.news div.item-body {
    margin-bottom: 0;
  }
  main article.news div.main :first-child,
  main article.news div.item-body :first-child {
    margin-top: 0;
  }
  main article.news div.main ul,
  main article.news div.item-body ul {
    overflow: hidden;
  }
  main article.news div.news-date {
    background-color: #f2f2f2;
    border: 1px solid #213175;
    border-radius: 0.4em;
    color: #213175;
    float: right;
    font-weight: bold;
    margin: 0.3em;
    padding: 0.4em;
  }
  main article.person {
    background-color: #f2f2f2;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    box-shadow: 0.1em 0.2em 0.35em 0 rgba(0, 0, 0, 0.35);
    padding: 1em;
    font-family: 'Text', sans-serif;
    border-radius: 0.5em;
    margin-top: 2em;
    margin-bottom: 2em;
    padding: 0em 0.8em;
    overflow: auto;
    /* div item-head  */
  }
  main article.person div.notes {
    border: thin ridge #c0c0c0;
    border-radius: 0.5em;
    float: right;
    font-size: 0.85em;
    margin: 1em 0em 1em 1em;
    padding: 1em;
    width: 18em;
  }
  main article.person div.item-head {
    padding: 0em 0em 0em 0em;
    margin: 0em 0em 3em 0em;
    position: relative;
    /* Images attached as an asset to content item (in contrast to added /
             embedded) by body text editor, placed inside the item head

             Inherits formatting from main, shared with image formatting inside
             the item body added by authors editor.                           */
  }
  main article.person div.item-head h1 {
    color: #1e3175;
    font-family: "TextCond", sans-serif;
    font-size: 2.5em;
    font-variant: small-caps;
    font-weight: normal;
    margin-top: 0.3em;
    margin-bottom: 0.5em;
  }
  main article.person div.item-head div.edit-link {
    position: absolute;
    top: 0.05em;
    right: 0.05em;
  }
  main article.person div.item-head div.edit-link a:link,
  main article.person div.item-head div.edit-link a:visited {
    color: lightgrey;
    font-size: 2em;
    text-decoration: none;
  }
  main article.person div.item-head div.edit-link a:hover {
    display: block;
    font-size: 2em;
    color: #213175;
  }
  main article.person div.item-head div.lead {
    font-weight: bold;
    font-size: 1.25em;
    margin-bottom: 1em;
  }
  main article.person div.main,
  main article.person div.item-body {
    margin-bottom: 0;
  }
  main article.person div.main :first-child,
  main article.person div.item-body :first-child {
    margin-top: 0;
  }
  main article.person div.main ul,
  main article.person div.item-body ul {
    overflow: hidden;
  }
  main article.person div.address {
    /*.mixin-main();*/
    margin-bottom: 2em;
  }
  main article.person div.address p {
    margin-top: 0;
    margin-bottom: 0;
  }
  main article.person div.address pre {
    margin-top: 0;
  }
  main article.person dl dt {
    font-weight: bold;
  }
  main article.person dl dd {
    margin-left: 0;
    margin-bottom: 0.5em;
  }
  main article.person dl dd.description-of-minutes pre {
    margin-top: 0;
    font-family: 'Test';
  }
  main article.person dl dd a {
    text-decoration: none;
  }
  main article.person dl dd a:link,
  main article.person dl dd a:visited {
    color: #213175;
  }
  main article.person dl dd a:active,
  main article.person dl dd a:focus,
  main article.person dl dd a:hover {
    color: #084590;
  }
  main article.pressrelease div.contactinfo {
    /*.mixin-main();*/
    border-top-left-radius: 0;
    border-top-left-radius: 0;
  }
  main article.pressrelease div.referencecode {
    /*.mixin-main();*/
    margin-top: 1em;
    margin-bottom: 2em;
  }
  main article.journal dl,
  main article.scipublication dl {
    /*.mixin-main();*/
  }
  main article.journal dl dt,
  main article.scipublication dl dt {
    font-weight: bold;
    margin-bottom: 0.2em;
  }
  main article.journal dl dd,
  main article.scipublication dl dd {
    margin-left: 0;
    margin-bottom: 0.7em;
  }
  main article.journal dl dd a,
  main article.scipublication dl dd a {
    text-decoration: none;
  }
  main article.journal dl dd a:link,
  main article.scipublication dl dd a:link,
  main article.journal dl dd a:visited,
  main article.scipublication dl dd a:visited {
    color: #213175;
  }
  main article.journal dl dd a:active,
  main article.scipublication dl dd a:active,
  main article.journal dl dd a:focus,
  main article.scipublication dl dd a:focus,
  main article.journal dl dd a:hover,
  main article.scipublication dl dd a:hover {
    color: #084590;
  }
  main article.journal div:last-child,
  main article.scipublication div:last-child,
  main article.journal table:last-child,
  main article.scipublication table:last-child,
  main article.journal ul:last-child,
  main article.scipublication ul:last-child {
    margin-bottom: 2em;
  }
  main article.journal div.export-links,
  main article.scipublication div.export-links {
    margin-top: 0;
  }
  main article.journal div.export-links h2,
  main article.scipublication div.export-links h2 {
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
    padding-left: 0.3em;
    padding-right: 0.3em;
  }
  main article.journal div.export-links ul,
  main article.scipublication div.export-links ul {
    /*.mixin-main();*/
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    list-style: none;
    text-align: center;
  }
  main article.journal div.export-links ul li,
  main article.scipublication div.export-links ul li {
    line-height: 1.3em;
  }
  main article.journal div.export-links ul li a,
  main article.scipublication div.export-links ul li a {
    text-decoration: none;
  }
  main article.journal div.export-links ul li a:link,
  main article.scipublication div.export-links ul li a:link,
  main article.journal div.export-links ul li a:visited,
  main article.scipublication div.export-links ul li a:visited {
    color: #213175;
  }
  main article.journal div.export-links ul li a:active,
  main article.scipublication div.export-links ul li a:active,
  main article.journal div.export-links ul li a:focus,
  main article.scipublication div.export-links ul li a:focus,
  main article.journal div.export-links ul li a:hover,
  main article.scipublication div.export-links ul li a:hover {
    color: #084590;
  }
  main article.journal div.journal-abstract,
  main article.scipublication div.journal-abstract {
    /*.mixin-main();*/
  }
  main article.journal div.textinfo,
  main article.scipublication div.textinfo {
    /*.mixin-main();*/
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  main article.journal ul.articles,
  main article.scipublication ul.articles {
    /*.mixin-main();*/
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    list-style: none;
  }
  main article.journal ul.articles li,
  main article.scipublication ul.articles li {
    margin-bottom: 0.8em;
  }
  main article.journal ul.articles li a,
  main article.scipublication ul.articles li a {
    text-decoration: none;
  }
  main article.journal ul.articles li a:link,
  main article.scipublication ul.articles li a:link,
  main article.journal ul.articles li a:visited,
  main article.scipublication ul.articles li a:visited {
    color: #213175;
  }
  main article.journal ul.articles li a:active,
  main article.scipublication ul.articles li a:active,
  main article.journal ul.articles li a:focus,
  main article.scipublication ul.articles li a:focus,
  main article.journal ul.articles li a:hover,
  main article.scipublication ul.articles li a:hover {
    color: #084590;
  }
  main article.journal ul.articles li:last-child,
  main article.scipublication ul.articles li:last-child {
    margin-bottom: 0;
  }
  main article.journal table.library-signatures,
  main article.scipublication table.library-signatures {
    /*.mixin-main();*/
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 100%;
  }
  main article.journal table.library-signatures tr td a,
  main article.scipublication table.library-signatures tr td a {
    text-decoration: none;
  }
  main article.journal table.library-signatures tr td a:link,
  main article.scipublication table.library-signatures tr td a:link,
  main article.journal table.library-signatures tr td a:visited,
  main article.scipublication table.library-signatures tr td a:visited {
    color: #213175;
  }
  main article.journal table.library-signatures tr td a:active,
  main article.scipublication table.library-signatures tr td a:active,
  main article.journal table.library-signatures tr td a:focus,
  main article.scipublication table.library-signatures tr td a:focus,
  main article.journal table.library-signatures tr td a:hover,
  main article.scipublication table.library-signatures tr td a:hover {
    color: #084590;
  }
  main article.sciorga div.tab {
    /*.mixin-main();*/
    border-top-left-radius: 0;
    margin-bottom: 2em;
  }
  main article.sciorga div.tab div.addendum,
  main article.sciorga div.tab div.shortdesc {
    font-weight: bold;
    margin-bottom: 1em;
  }
  main article.sciorga div.tab div.funding a,
  main article.sciorga div.tab div.members a,
  main article.sciorga div.tab div.scicontact a {
    text-decoration: none;
  }
  main article.sciorga div.tab div.funding a:link,
  main article.sciorga div.tab div.members a:link,
  main article.sciorga div.tab div.scicontact a:link,
  main article.sciorga div.tab div.funding a:visited,
  main article.sciorga div.tab div.members a:visited,
  main article.sciorga div.tab div.scicontact a:visited {
    color: #213175;
  }
  main article.sciorga div.tab div.funding a:active,
  main article.sciorga div.tab div.members a:active,
  main article.sciorga div.tab div.scicontact a:active,
  main article.sciorga div.tab div.funding a:focus,
  main article.sciorga div.tab div.members a:focus,
  main article.sciorga div.tab div.scicontact a:focus,
  main article.sciorga div.tab div.funding a:hover,
  main article.sciorga div.tab div.members a:hover,
  main article.sciorga div.tab div.scicontact a:hover {
    color: #084590;
  }
  main article.sciorga div.tab div.funding dl dt,
  main article.sciorga div.tab div.members dl dt,
  main article.sciorga div.tab div.scicontact dl dt {
    font-weight: bold;
  }
  main article.sciorga div.tab div.funding dl dd,
  main article.sciorga div.tab div.members dl dd,
  main article.sciorga div.tab div.scicontact dl dd {
    margin-left: 0;
  }
  main article.sciorga div.tab div.funding h2,
  main article.sciorga div.tab div.members h2,
  main article.sciorga div.tab div.scicontact h2 {
    font-size: 1.5em;
    margin-bottom: 0.5em;
  }
  main article.sciorga div.tab div.funding ul,
  main article.sciorga div.tab div.members ul,
  main article.sciorga div.tab div.scicontact ul {
    list-style: none;
    margin-top: 0;
    padding-left: 0;
  }
  main article.sciorga div.tab div.funding ul li a,
  main article.sciorga div.tab div.members ul li a,
  main article.sciorga div.tab div.scicontact ul li a {
    text-decoration: none;
  }
  main article.sciorga div.tab div.funding ul li a:link,
  main article.sciorga div.tab div.members ul li a:link,
  main article.sciorga div.tab div.scicontact ul li a:link,
  main article.sciorga div.tab div.funding ul li a:visited,
  main article.sciorga div.tab div.members ul li a:visited,
  main article.sciorga div.tab div.scicontact ul li a:visited {
    color: #213175;
  }
  main article.sciorga div.tab div.funding ul li a:active,
  main article.sciorga div.tab div.members ul li a:active,
  main article.sciorga div.tab div.scicontact ul li a:active,
  main article.sciorga div.tab div.funding ul li a:focus,
  main article.sciorga div.tab div.members ul li a:focus,
  main article.sciorga div.tab div.scicontact ul li a:focus,
  main article.sciorga div.tab div.funding ul li a:hover,
  main article.sciorga div.tab div.members ul li a:hover,
  main article.sciorga div.tab div.scicontact ul li a:hover {
    color: #084590;
  }
  main article.sciorga div.tab span.key {
    font-weight: bold;
  }
  main article.sciorga ul.nav.nav-tabs {
    list-style: none;
    margin-bottom: 0;
    padding: 0;
  }
  main article.sciorga ul.nav.nav-tabs li {
    background-color: #213175;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
    box-shadow: 0.2em 0 0 0 rgba(0, 0, 0, 0.35);
    display: inline-block;
    margin-left: 0;
    margin-right: 0;
    /*padding: 0.6em 1em;*/
  }
  main article.sciorga ul.nav.nav-tabs li a {
    display: inline-block;
    font-weight: bold;
    padding: 0.6em 1em;
    text-decoration: none;
  }
  main article.sciorga ul.nav.nav-tabs li a:link,
  main article.sciorga ul.nav.nav-tabs li a:visited {
    color: #fff;
  }
  main article.sciorga ul.nav.nav-tabs li a:active,
  main article.sciorga ul.nav.nav-tabs li a:focus,
  main article.sciorga ul.nav.nav-tabs li a:hover {
    color: #ff9840;
  }
  main article.sciorga ul.nav.nav-tabs li.active {
    background-color: #f2f2f2;
  }
  main article.sciorga ul.nav.nav-tabs li.active a:link,
  main article.sciorga ul.nav.nav-tabs li.active a:visited {
    color: #084590;
  }
  main article.sciorga ul.nav.nav-tabs li.active a:active,
  main article.sciorga ul.nav.nav-tabs li.active a:focus,
  main article.sciorga ul.nav.nav-tabs li.active a:hover {
    color: #084590;
  }
  main article.series div.abstract {
    /*.mixin-main();*/
    margin-bottom: 1em;
  }
  main article.series ul.articles {
    margin-top: 0;
  }
  main article.series form {
    background-color: #f2f2f2;
    box-shadow: 0.1em 0.2em 0.35em 0 rgba(0, 0, 0, 0.35);
    padding: 1em;
    margin-bottom: 0;
  }
  main article.series form label {
    display: block;
    font-weight: bold;
    margin-top: 0.5em;
  }
  main article.service {
    margin-bottom: 2em;
  }
  main section.news-list,
  main section.items-list {
    background-color: #f2f2f2;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    box-shadow: 0.1em 0.2em 0.35em 0 rgba(0, 0, 0, 0.35);
    padding: 1em;
    padding: 0em;
    padding-bottom: 0.25em;
    margin-top: 0;
    margin-bottom: 3em;
  }
  main section.news-list h2.subheading,
  main section.items-list h2.subheading {
    background-image: -ie-linear-gradient(top, #59699d 5%, #213175 95%);
    background-image: -moz-linear-gradient(top, #59699d 5%, #213175 95%);
    background-image: -o-linear-gradient(top, #59699d 5%, #213175 95%);
    background-image: -webkit-linear-gradient(top, #59699d 5%, #213175 95%);
    background-image: linear-gradient(top, #59699d 5%, #213175 95%);
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
    background-color: #213175;
    color: #fff;
    font-family: 'TextCond';
    font-size: 1.2em;
    font-weight: bold;
    font-variant: small-caps;
    margin-bottom: 0;
    padding-top: 0em;
    padding-bottom: 0.4em;
    text-align: center;
    clear: both;
  }
  main section.news-list ul.items,
  main section.items-list ul.items {
    list-style: none;
    margin: 0.5em 0.5em 0.5em 0.5em;
    padding: 0em 0em 0em 0em;
  }
  main section.news-list ul.items li,
  main section.items-list ul.items li {
    display: -webkit-inline-flex;
    display: inline-flex;
    flex-flow: row nowrap;
    width: 100%;
    /* images in list view (item (object) list , news, events) */
  }
  main section.news-list ul.items li figure,
  main section.items-list ul.items li figure {
    -webkit-flex: 1;
    flex: 1;
    margin: 0em 1em 0em 0em;
    padding: 0em 0em 0em 0em;
    border-radius: 0.5em;
  }
  main section.news-list ul.items li figure img,
  main section.items-list ul.items li figure img {
    /*float: left;*/
    border-radius: 0.5em;
    margin: 0em;
    width: 100%;
  }
  main section.news-list ul.items li div.content,
  main section.items-list ul.items li div.content {
    -webkit-flex: 4;
    flex: 4 4;
    padding: 0em 0em 0em 0em;
  }
  main section.news-list ul.items li div.content h3,
  main section.items-list ul.items li div.content h3 {
    margin: 0em 0em 0em 0em;
    font-size: 1.33em;
    font-variant: small-caps;
  }
  main section.news-list ul.items li div.content h3 a:link,
  main section.items-list ul.items li div.content h3 a:link,
  main section.news-list ul.items li div.content h3 a:visited,
  main section.items-list ul.items li div.content h3 a:visited {
    text-decoration: none;
  }
  main section.news-list ul.items li div.content h3 a:active,
  main section.items-list ul.items li div.content h3 a:active,
  main section.news-list ul.items li div.content h3 a:focus,
  main section.items-list ul.items li div.content h3 a:focus,
  main section.news-list ul.items li div.content h3 a:hover,
  main section.items-list ul.items li div.content h3 a:hover {
    text-decoration: underline;
  }
  main section.news-list ul.items li div.content div.news-date,
  main section.items-list ul.items li div.content div.news-date {
    border: thin solid #1e3175;
    border-radius: 0.3em;
    height: 1.6em;
    color: #1e3175;
    background-color: #fff;
    font-weight: bold;
    padding: 0em 0.2em 0em 0.2em;
    margin: 0em 0.75em 0em 0em;
    float: right;
  }
  main section.news-list ul.items li div.content div.event-date,
  main section.items-list ul.items li div.content div.event-date {
    float: right;
  }
  main section.news-list ul.items li div.content div.lead,
  main section.items-list ul.items li div.content div.lead {
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    margin: 0em;
    padding: 0;
    font-size: 1em;
    font-weight: normal;
  }
  main section.news-list ul.items li:nth-last-child(n+2),
  main section.items-list ul.items li:nth-last-child(n+2) {
    padding-bottom: 0.5em;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0.75em;
  }
  main section.events-list {
    background-color: #f2f2f2;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    box-shadow: 0.1em 0.2em 0.35em 0 rgba(0, 0, 0, 0.35);
    padding: 1em;
    padding: 0em;
    padding-bottom: 0.25em;
    margin-top: 0;
    margin-bottom: 3em;
  }
  main section.events-list h2.subheading {
    background-image: -ie-linear-gradient(top, #59699d 5%, #213175 95%);
    background-image: -moz-linear-gradient(top, #59699d 5%, #213175 95%);
    background-image: -o-linear-gradient(top, #59699d 5%, #213175 95%);
    background-image: -webkit-linear-gradient(top, #59699d 5%, #213175 95%);
    background-image: linear-gradient(top, #59699d 5%, #213175 95%);
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
    background-color: #213175;
    color: #fff;
    font-family: 'TextCond';
    font-size: 1.2em;
    font-weight: bold;
    font-variant: small-caps;
    margin-bottom: 0;
    padding-top: 0em;
    padding-bottom: 0.4em;
    text-align: center;
    clear: both;
  }
  main section.events-list ul.items {
    list-style: none;
    margin: 0.5em 0.5em 0.5em 0.5em;
    padding: 0em 0em 0em 0em;
  }
  main section.events-list ul.items li {
    display: -webkit-inline-flex;
    display: inline-flex;
    flex-flow: row nowrap;
    width: 100%;
    /* images in list view (item (object) list , news, events) */
  }
  main section.events-list ul.items li figure {
    display: none;
    -webkit-flex: 1;
    flex: 1;
    margin: 0em 1em 0em 0em;
    padding: 0em 0em 0em 0em;
    border-radius: 0.5em;
  }
  main section.events-list ul.items li figure img {
    /*float: left;*/
    border-radius: 0.5em;
    margin: 0em;
    width: 100%;
  }
  main section.events-list ul.items li div.content {
    -webkit-flex: 4;
    flex: 4 4;
    padding: 0em 0em 0em 0em;
  }
  main section.events-list ul.items li div.content h3 {
    margin: 0em 0em 0em 0em;
    font-size: 1.33em;
    font-variant: small-caps;
  }
  main section.events-list ul.items li div.content h3 a:link,
  main section.events-list ul.items li div.content h3 a:visited {
    text-decoration: none;
  }
  main section.events-list ul.items li div.content h3 a:active,
  main section.events-list ul.items li div.content h3 a:focus,
  main section.events-list ul.items li div.content h3 a:hover {
    text-decoration: underline;
  }
  main section.events-list ul.items li div.content div.event-date {
    float: left;
  }
  main section.events-list ul.items li div.content div.lead {
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    margin: 0em;
    padding: 0;
    font-size: 1em;
    font-weight: normal;
    clear: both;
  }
  main section.events-list ul.items li:nth-last-child(n+2) {
    padding-bottom: 0.5em;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0.75em;
  }
  main ul.sitemap {
    background-color: #f2f2f2;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    box-shadow: 0.1em 0.2em 0.35em 0 rgba(0, 0, 0, 0.35);
    padding: 1em;
    list-style: none;
  }
  main ul.sitemap ul {
    list-style: none;
  }
  main ul.sitemap li a:link {
    color: #213175;
  }
  main ul.sitemap li a:visited {
    color: #2865a0;
  }
  main ul.sitemap li a:active,
  main ul.sitemap li a:focus,
  main ul.sitemap li a:hover {
    color: #084590;
  }
  nav.subnav {
    display: none;
    font-family: 'Text', sans-serif;
    font-size: 1.15em;
    font-weight: normal;
    margin-left: 2em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
  nav.subnav ul {
    background-color: #f2f2f2;
    border: 1px solid #1e3175;
    border-radius: 0.5em;
    color: #1e3175;
    list-style: none;
    padding: 0.6em 0.4em 0.6em 0.4em;
  }
  nav.subnav ul li {
    width: 100%;
  }
  nav.subnav ul li a {
    border-radius: 0.5em;
    display: block;
    line-height: 1.3em;
    padding: 0.2em 1em;
    position: relative;
    text-decoration: none;
    width: 100%;
  }
  nav.subnav ul li a:link,
  nav.subnav ul li a:visited {
    color: #1e3175;
  }
  nav.subnav ul li a:active,
  nav.subnav ul li a:focus,
  nav.subnav ul li a:hover {
    background-color: #213175;
    color: #fff;
  }
  nav.subnav ul a::before {
    font-family: "FontAwesome";
    font-weight: bold;
    margin-right: 0.6em;
    content: "\f0a4";
  }
  nav.subnav ul li.active > a {
    background-color: #213175;
    color: #fff;
  }
  nav.subnav ul li.active ul {
    margin-left: 2em;
  }
  div.nav-quicklinks {
    max-width: 80em;
    width: 100%;
    margin-top: auto;
    margin-bottom: 1em;
    margin-right: auto;
    margin-left: auto;
    background-color: #f2f2f2;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    box-shadow: 0.1em 0.2em 0.35em 0 rgba(0, 0, 0, 0.35);
    padding: 1em;
    padding: 0em;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
  }
  div.nav-quicklinks h2.subheading {
    background-image: -ie-linear-gradient(top, #59699d 5%, #213175 95%);
    background-image: -moz-linear-gradient(top, #59699d 5%, #213175 95%);
    background-image: -o-linear-gradient(top, #59699d 5%, #213175 95%);
    background-image: -webkit-linear-gradient(top, #59699d 5%, #213175 95%);
    background-image: linear-gradient(top, #59699d 5%, #213175 95%);
    background-color: #213175;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
    box-shadow: 0.1em 0.2em 0.35em 0 rgba(0, 0, 0, 0.35);
    clear: both;
    color: #fff;
    font-family: "TextCond", sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    font-variant: small-caps;
    margin-top: 0em;
    margin-bottom: 0;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    text-align: center;
  }
  div.nav-quicklinks dl {
    padding: 0 0.4em;
  }
  div.nav-quicklinks dl dt a {
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
  }
  div.nav-quicklinks dl dt a:link,
  div.nav-quicklinks dl dt a:visited {
    color: #213175;
  }
  div.nav-quicklinks dl dt a:active,
  div.nav-quicklinks dl dt a:focus,
  div.nav-quicklinks dl dt a:hover {
    color: #084590;
  }
  div.nav-quicklinks dl dd {
    margin-top: 0.5em;
    margin-left: 0;
    padding-left: 1em;
  }
  footer {
    margin: auto auto 0 auto;
    background-image: -moz-linear-gradient(90deg, #414042 0%, #8a8989 100%);
    background-image: -ms-linear-gradient(90deg, #414042 0%, #8a8989 100%);
    background-image: -webkit-linear-gradient(90deg, #414042 0%, #8a8989 100%);
    background-image: linear-gradient(0deg, #414042 0%, #8a8989 100%);
    border-top: 3px solid #959595;
    font-size: 1em;
    height: 12em;
    width: 100%;
  }
  footer #footer-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 80em;
    position: relative;
  }
  footer #footer-wrapper #breadcrumbs-bottom {
    font-size: 1.2em;
    padding-top: 1em;
  }
  footer #footer-wrapper #breadcrumbs-bottom .breadcrumb-prefix {
    color: #fff;
    font-family: 'TextCond', sans-serif;
    font-size: 0.9em;
    font-variant: small-caps;
    margin-right: 0.6em;
    padding-top: 0.6em;
  }
  footer #footer-wrapper #breadcrumbs-bottom ol {
    display: inline;
    list-style: none;
    padding-left: 0;
  }
  footer #footer-wrapper #breadcrumbs-bottom ol li {
    display: inline;
    font-family: 'TextCond', sans-serif;
    font-size: 0.9em;
    padding-left: 0;
  }
  footer #footer-wrapper #breadcrumbs-bottom ol li a {
    text-decoration: none;
  }
  footer #footer-wrapper #breadcrumbs-bottom ol li a:link,
  footer #footer-wrapper #breadcrumbs-bottom ol li a:visited {
    color: #fff;
  }
  footer #footer-wrapper #breadcrumbs-bottom ol li a:active,
  footer #footer-wrapper #breadcrumbs-bottom ol li a:focus,
  footer #footer-wrapper #breadcrumbs-bottom ol li a:hover {
    color: #ff9840;
  }
  footer #footer-wrapper #breadcrumbs-bottom ol li + li::before {
    color: #fff;
    content: "/ ";
    padding-left: 0.4em;
    padding-right: 0.4em;
  }
  footer #footer-wrapper div#footer-logo-wrapper {
    margin-top: 2em;
  }
  footer #footer-wrapper div#footer-logo-wrapper a {
    text-decoration: none;
  }
  footer #footer-wrapper div#footer-logo-wrapper a:link img,
  footer #footer-wrapper div#footer-logo-wrapper a:visited img {
    filter: url(../images/filters.svg#grayscale);
  }
  footer #footer-wrapper div#footer-logo-wrapper a:active img,
  footer #footer-wrapper div#footer-logo-wrapper a:focus img,
  footer #footer-wrapper div#footer-logo-wrapper a:hover img {
    filter: none;
  }
  footer #footer-wrapper div#footer-logo-wrapper a img {
    max-width: 130px;
  }
  footer #footer-wrapper ul#footer-links {
    list-style: none;
    position: absolute;
    top: 2em;
    right: 0.3em;
  }
  footer #footer-wrapper ul#footer-links li {
    display: inline;
    margin-right: 0.6em;
  }
  footer #footer-wrapper ul#footer-links li a {
    background-color: transparent;
    font-family: 'TextCond', sans-serif;
    font-variant: small-caps;
    text-decoration: none;
  }
  footer #footer-wrapper ul#footer-links li a:link,
  footer #footer-wrapper ul#footer-links li a:visited {
    color: #fff;
  }
  footer #footer-wrapper ul#footer-links li a:active,
  footer #footer-wrapper ul#footer-links li a:focus,
  footer #footer-wrapper ul#footer-links li a:hover {
    color: #ff9840;
  }
  footer #footer-wrapper ul#footer-links li:last-child {
    margin-right: 0em;
  }
}
@media print {
  div#foundry-debug-panel {
    display: none;
  }
  div#cookie-notice {
    display: none;
  }
  div#service-panel {
    display: none;
  }
  div.header-logo {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  div.header-logo p {
    color: #1e3175;
    font-family: "Title", serif;
    font-size: 2.5em;
    font-variant: small-caps;
    margin: 0 1em 0 0.6em;
    text-align: center;
  }
  div#breadcrumbs-top {
    background-color: #f2f2f2;
    background-image: url("../images/foil.png");
    font-size: 1.2em;
    padding-top: 1em;
  }
  div#breadcrumbs-top div#breadcrumbs-top-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 80em;
    padding-bottom: 0.6em;
  }
  div#breadcrumbs-top div#breadcrumbs-top-wrapper .breadcrumb-prefix {
    font-family: 'TextCond', sans-serif;
    font-size: 0.9em;
    font-variant: small-caps;
    margin-right: 0.6em;
    padding-top: 0.6em;
  }
  div#breadcrumbs-top div#breadcrumbs-top-wrapper ol {
    display: inline;
    list-style: none;
    padding-left: 0;
  }
  div#breadcrumbs-top div#breadcrumbs-top-wrapper ol li {
    display: inline;
    font-family: 'TextCond', sans-serif;
    font-size: 0.9em;
    padding-left: 0;
  }
  div#breadcrumbs-top div#breadcrumbs-top-wrapper ol li a:link,
  div#breadcrumbs-top div#breadcrumbs-top-wrapper ol li a:visited {
    color: #337ab7;
  }
  div#breadcrumbs-top div#breadcrumbs-top-wrapper ol li a:active,
  div#breadcrumbs-top div#breadcrumbs-top-wrapper ol li a:focus,
  div#breadcrumbs-top div#breadcrumbs-top-wrapper ol li a:hover {
    color: #23527c;
  }
  div#breadcrumbs-top div#breadcrumbs-top-wrapper ol li + li::before {
    color: #555;
    content: "/ ";
    padding-left: 0.4em;
    padding-right: 0.4em;
  }
  nav {
    display: none;
  }
  footer {
    display: none;
  }
}
/*  Common styles are "mobile first" and arrange the site elements one
 *  underneath each other and display the mobile navigation and selection
 *  boxes. */
/* For large displays we rearrange a desktop design with 2 columns and
 * traditional navigation menue                                               */
@media(min-width: 780px) {
  header #service-panel #service-panel-wrapper {
    display: flex;
  }
  header #service-panel #service-panel-wrapper div {
    padding-top: 0.8em;
  }
  header #service-panel #service-panel-wrapper div#language-switcher {
    flex: 1;
  }
  header #service-panel #service-panel-wrapper div#language-switcher button {
    display: none;
  }
  header #service-panel #service-panel-wrapper div#language-switcher ul {
    background-color: transparent;
    display: block;
    margin-left: 0;
    padding-left: 0;
  }
  header #service-panel #service-panel-wrapper div#language-switcher ul li {
    margin-left: 1em;
  }
  header #service-panel #service-panel-wrapper div#shortcuts {
    flex: 1;
    text-align: right;
  }
  header #service-panel #service-panel-wrapper div#shortcuts button {
    display: none;
  }
  header #service-panel #service-panel-wrapper div#shortcuts ul {
    display: block;
    margin-right: 0;
    padding-right: 0;
  }
  header #service-panel #service-panel-wrapper div#shortcuts ul li {
    margin-right: 1em;
  }
  header #service-panel #service-panel-wrapper div ul li {
    display: inline-block;
  }
  nav#main-navigation button {
    display: none;
  }
  nav#main-navigation div#nav-wrapper {
    display: table;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
    text-align: center;
    vertical-align: middle;
  }
  nav#main-navigation div#nav-wrapper ul {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
  }
  nav#main-navigation div#nav-wrapper ul li {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
  }
  nav#main-navigation div#nav-wrapper ul li.active {
    border: none;
  }
  nav#main-navigation div#nav-wrapper ul ul {
    display: none;
  }
  nav#main-navigation ul {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    list-style: none;
  }
  nav#main-navigation ul li {
    display: inline;
  }
  div#breadcrumbs-top {
    font-size: 1em;
    padding-left: 0;
  }
  div#main-wrapper {
    display: -webkit-flex;
    display: flex;
    max-width: 80em;
    margin-left: auto;
    margin-right: auto;
  }
  div#main-wrapper main {
    -webkit-flex: 3;
    flex: 3;
    /*max-width: 60em;*/
    /*margin-left: auto;*/
    /*margin-right: auto;*/
  }
  div#main-wrapper main div.related-links-file-attachments {
    display: -webkit-flex;
    display: flex;
  }
  div#main-wrapper main div.related-links-file-attachments ul {
    -webkit-flex: 1;
    flex: 1;
  }
  div#main-wrapper nav.subnav {
    -webkit-flex: 1;
    flex: 1;
    display: block;
  }
  main dl.event-details {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
  main div.scipublication div.data {
    display: -webkit-flex;
    display: flex;
  }
  main div.scipublication div.data dl {
    -webkit-flex: 3;
    flex: 3;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
  main div.scipublication div.data div.export-links {
    -webkit-flex: 1;
    flex: 1;
    order: 2;
    margin-left: 2em;
  }
  main.welcome {
    display: -webkit-flex;
    display: flex;
  }
  main.welcome div#content {
    -webkit-flex: 3;
    flex: 3;
  }
  main.welcome aside {
    margin-top: 1em;
    margin-left: 2em;
    -webkit-flex: 1;
    flex: 1;
  }
}
/*  With display width smaller as the @dim-page-width restriction we add a bit
    of padding  @dim-page-width currently 1280px  */
@media(max-width: 80em) {
  div#breadcrumbs-top {
    padding-left: 0.3em;
    padding-right: 0.3em;
  }
  div#main-wrapper {
    padding-left: 0.3em;
    padding-right: 0.3em;
  }
  div.nav-quicklinks {
    padding-left: 0.3em;
    padding-right: 0.3em;
  }
  div.nav-quicklinks dl {
    padding: 0.3em;
  }
  footer #footer-wrapper {
    padding-left: 0.3em;
    padding-right: 0.3em;
  }
  footer #footer-wrapper ul#footer-links {
    right: 0.3 em;
  }
  footer ul#footer-links {
    right: 0.3 em;
  }
}
/* mobile displays */
@media(max-width: 480px) {
  header #service-panel {
    height: 30%;
  }
  header #service-panel #service-panel-wrapper div#language-switcher button {
    font-size: 0.85em;
  }
  header .header-logo {
    height: 60%;
  }
  header .header-logo img {
    width: 22%;
  }
  header .header-logo p {
    display: none;
  }
  nav#main-navigation {
    min-height: 30%;
  }
  nav#main-navigation div#nav-wrapper {
    height: 30%;
  }
  nav#main-navigation div#nav-wrapper button {
    font-size: 1.4em;
    margin-top: 0.08em;
    margin-left: 0.35em;
  }
  div#breadcrumbs-top {
    display: none;
  }
}