* { box-sizing:border-box; }

body:after {
    content: "bp-large";
    display: none;
}

  /* WEB FONTS */

  @font-face {
      font-family: 'tablet';
      src:url("../fonts/tablet-gothic/TabletGothicNarrow-Semibold.eot");
      src:url("../fonts/tablet-gothic/TabletGothicNarrow-Semibold.eot?#iefix") format("embedded-opentype"),
          url("../fonts/tablet-gothic/TabletGothicNarrow-Semibold.woff") format("woff"),
          url("../fonts/tablet-gothic/TabletGothicNarrow-Semibold.ttf") format("truetype"),
          url("../fonts/tablet-gothic/TabletGothicNarrow-Semibold.svg#TabletGothicNarrowSb") format("svg");
      font-weight: bold;
      font-style: normal;
  }

  @font-face {
      font-family: 'abril';
      src: url('../fonts/Abril_Text_Regular.otf');
      src:url("../fonts/abril/AbrilText-Regular.eot");
      src:url("../fonts/abril/AbrilText-Regular.eot?#iefix") format("embedded-opentype"),
          url("../fonts/abril/AbrilText-Regular.woff") format("woff"),
          url("../fonts/abril/AbrilText-Regular.ttf") format("truetype"),
          url("../fonts/abril/AbrilText-Regular.svg#AbrilText-Regular") format("svg");
      font-weight: bold;
      font-style: normal;
  }


  /* ICON FONT */

  @font-face {
    font-family: livivoicons;
    src:url("../fonts/icons/livivo-icons.eot");
    src:url("../fonts/icons/livivo-icons.eot?#iefix") format("embedded-opentype"),
        url("../fonts/icons/livivo-icons.woff") format("woff"),
        url("../fonts/icons/livivo-icons.ttf") format("truetype"),
        url("../fonts/icons/livivo-icons.svg#livivo-icons") format("svg");
    font-weight: normal;
    font-style: normal;

  }

  .livivoicons .icon:before {
      font-family: livivoicons sans-serif;
  }




@media screen {

  a:link { color:#5175c8; background:transparent; }
  a:visited { color:#8165c3; }
  a:hover,
  a:focus { color:#375b9a; text-decoration:underline; }


  /*! afontgarde - v0.1.4 - 2014-08-04
   * https://github.com/filamentgroup/a-font-garde
   * Copyright (c) 2014 Filament Group c/o Zach Leatherman
   * MIT License */

  .icon-fallback-text .icon {
    display: none;
  }
  /*
  ADDED BY afontgarde.js:
  Note: sure .FONT_NAME comes first for adjoining classes bug in IE7.

  .FONT_NAME.supports-generatedcontent .icon-fallback-text .icon {
    display: inline-block;
  }*/

  .icon-fallback-img .text,
  .icon-fallback-glyph .text/*,
  ADDED BY afontgarde.js:
  Note: sure .FONT_NAME comes first for adjoining classes bug in IE7.

  .FONT_NAME.supports-generatedcontent .icon-fallback-text .text*/ {
    /* visually hide but accessible (h5bp.com) */
    clip: rect(0 0 0 0);
    overflow: hidden;
    position: absolute;
    height: 1px;
    width: 1px;
  }

  /* Careful, don’t use adjoining classes here (IE7) */
  .supports-no-generatedcontent .icon-fallback-glyph .text {
    clip: auto;
    overflow: visible;
    position: static;
    height: auto;
    width: auto;
  }
  /*
  ADDED BY afontgarde.js:
  .FONT_NAME .icon-fallback-glyph .icon:before {
    // inherit for font-size, line-height was not working on IE8
    font-size: 1em;
    font-size: inherit;
    line-height: 1;
    line-height: inherit;
  }*/
  .icon-fallback-img .icon {
    display: inline-block;
  }
  .icon-fallback-img .icon:before {
    content: "";
  }
  /* The img fallback version is not as reliable since it does not check to make sure the fontloaded font has loaded. If we did add the .fontloaded class, it would unnecessarily request the fallback image. */
  .supports-fontface.supports-generatedcontent .icon-fallback-img .icon {
    background-image: none;
  }




  /* GENERAL CROSSBROWSER SETTINGS */


  /* Avoid IE bug on pseuso elements compounding font sizes: */

  span[aria-hidden=true]:after { font-size:.66em; }




  /* FLOAT CLEANING */

  main:after { content:" "; clear:both; }

  .filters:before,
  .filters:after,
  .filters ul:before,
  .filters ul:after,  .filters ul li a:before,
  .filters ul li a:after,
  footer div.partners ul:before,
  footer div.partners ul:after,
  footer div.nav ul:before,
  footer div.nav ul:after,
  .pages ul:before,
  .pages ul:after,
  .hits + .pages:before,
  .hits + .pages:after,
  body > header > header:before,
  body > header > header:after,
  nav.main:before,
  nav.main:after,
  .intro:before,
  .intro:after,
  .links:before,
  .links:after,
  .content fieldset:after,
  .content .combi:after,
  .popup #popupcontent ul:before,
  .popup #popupcontent ul:after,
  .functions:before,
  .functions:after,
  main:before,
  main:after {
      content: " ";
      display: table;
      clear:both;
  }


  footer div.partners ul:after,
  footer div.nav ul:after,
  .hits + .pages:after,
  body > header > header:after,
  nav.main:after,
  .intro:after,
  .links:after,
  main:after {
      clear: both;
  }

  b {
    font-weight:inherit;
  }






  /* TRANSITIONS  ( still more to add here ) */

  a:hover {
  -webkit-transition: color .05s ease, background-color .05s linear, border-color .2s ease-out;
    -moz-transition: color .05s ease, background-color .05s linear, border-color .2s ease-out;
    -ms-transition: color .05s ease, background-color .05s linear, border-color .2s ease-out;
    -o-transition: color .05s ease, background-color .05s linear, border-color .2s ease-out;
    transition: color .05s ease, background-color .05s linear, border-color .2s ease-out;
  }

  a {
  -webkit-transition: color .1s ease-out, background-color .3s ease-out, border-color .6s ease-out;
    -moz-transition: color .1s ease-out, background-color .3s ease-out, border-color .6s ease-out;
    -ms-transition: color .1s ease-out, background-color .3s ease-out, border-color .6s ease-out;
    -o-transition: color .1s ease-out, background-color .3s ease-out, border-color .6s ease-out;
    transition: color .1s ease-out, background-color .3s ease-out, border-color .6s ease-out;
  }

  a img {
    border:0;
    transition:  -webkit-transform .2s ease-out;
    -webkit-transition:  -webkit-transform .2s ease-out;
  }

  a.tohits .icon:after {
    transition:  -webkit-transform .5s ease;
    -webkit-transition:  -webkit-transform .5s ease;
    transform-origin:57% 67%;
  }




  .hits article .top > ul.google li,
  .hits article section {
    transition: all .3s cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -webkit-transition: all .3s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  }

  .hits article  {
    transition: box-shadow .2s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity .3s ease;
    -webkit-transition: box-shadow .2s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity .3s ease;
  }
  .hits article.filteredout  {
    transition: box-shadow .2s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity .3s .5s ease;
    -webkit-transition: box-shadow .2s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity .3s .5s ease;
  }

  .hits li.expanded article section {
    transition: all .6s cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -webkit-transition: all .6s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  }

  .hits article section.links {
    transition: max-height .4s linear;
    -webkit-transition: max-height .4s linear;
  }


  .materials ul:hover li {
    transition:opacity .2s ease, left .5s cubic-bezier(0.250, 0.460, 0.450, 0.940), max-width .5s cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -webkit-transition:opacity .2s ease, left .5s cubic-bezier(0.250, 0.460, 0.450, 0.940), max-width .5s cubic-bezier(0.250, 0.460, 0.450, 0.940);
  }
  .materials ul li {
    transition:opacity .2s ease, left .7s 1s cubic-bezier(0.600, 0.040, 0.980, 0.335), max-width .7s 1s cubic-bezier(0.600, 0.040, 0.980, 0.335);
    -webkit-transition:opacity .2s ease, left .7s 1s cubic-bezier(0.600, 0.040, 0.980, 0.335), max-width .7s 1s cubic-bezier(0.600, 0.040, 0.980, 0.335);
  }

  .badge {
    transition: all .1s ease-out;
    -webkit-transition: all .1s ease-out;
  }

  body.loggedin > header .button.login {
    transition:box-shadow .2s ease-out;
    -webkit-transition:box-shadow .2s ease-out;
  }

  .thesearch {
    transition: max-height .2s ease;
    -webkit-transition: max-height .2s ease;
  }

  .thesearch form {
    transition: max-height .2s ease-out, top .4s ease, opacity .3s linear;
    -webkit-transition: max-height .2s ease-out, top .4s ease, opacity .3s linear;
  }

  .thesearch form#nsearch input[type=search] {
      transition:top .3s ease, opacity .3s linear;
      -webkit-transition:top .3s ease, opacity .3s linear;
  }

  form#xtsearch .xtsearchvalue .input {
    transition:all .3s ease; opacity:0;
    -webkit-transition:all .3s ease; opacity:0;
  }

  main,
  footer {
    transition:margin-top .6s ease;
    -webkit-transition:margin-top .6s ease;
  }

  .history {
    transition:opacity .3s ease-out;
    -webkit-transition:opacity .3s ease-out;
  }

  .history > div {
    transition:max-height .3s ease-in;
    -webkit-transition:max-height .3s ease-in;
  }

  .historyactive .history > div {
    transition:max-height .4s ease-out;
    -webkit-transition:max-height .4s ease-out;
  }

  header.intro > ul li .icon:after {
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
  }

  .bookmarks ul.functions .remove .icon:after {
    transition:transform .1s linear;
    -webkit-transition:transform .1s linear;
  }

  .filters,
  .wrap,
  a.tohits  {
    transition: left .1s ease-out;
    -moz-transition: left .1s ease-out;
    -ms-transition: left .1s ease-out;
    -o-transition: left .1s ease-out;
    -webkit-transition: left .1s ease-out;
  }




  /* ICON DEFINITIONS */


  /* Critical Icons with glyph fallback */

  .icon-fallback-glyph .icon:before {
      line-height: .2;
  }

  .icon-fallback-glyph .icon-search:before {
      content: ">";
      font-size: 1.5em;
      line-height: .8;
  }
  .livivoicons .icon-search:before {
      content: "\e023";
  }


  .icon-fallback-glyph .icon-help:before {
      content: "?";
  }
  .livivoicons .icon-help:before {
      content: "?";
  }


  .icon-fallback-glyph .icon-contact:before, {
      content: "@";
  }
  .icon-contact:before {
      content: "@";
  }


  .icon-close:before {
      content: "x";
  }




  /* Decorative icons without fallback */

  .livivoicons header.intro > ul li .icon:after { font-family:livivoicons; font-size:1.25em; display:inline-block; color:inherit; text-decoration:none; z-index:0; margin:-.25em -.15em 0 .25em; vertical-align:baseline; position:relative; top:.25em; left:0; }

  .livivoicons .icon:after { font-family:livivoicons; font-size:1.5em; display:inline-block; color:inherit; text-decoration:none; z-index:0; margin:-.25em -.35em 0 .4em; vertical-align:baseline; position:relative; top:.25em; left:0; }
  .livivoicons .icon:after { margin-top:0; top:0;  }

  .livivoicons ul.functions .icon:after { font-size:1.2em; padding:0 .2em 0 .0em; top:.2em; }

  .livivoicons .selectsources .icon:after { font-size:1em; top:.05em; margin:0 .25em 0 -.3em; }


  .livivoicons body > header a.login { position:relative; padding-left:3.2em;}

  .livivoicons .icon:before { font-family:livivoicons; }

  .livivoicons .button .icon-login:before { display:block; position:absolute; left:.5em; top:0; font-size:1.75em; content: "\e022"; opacity:.66; }
  .livivoicons .icon-login:before { content: "\e022"; }

  /* ICON CODES */

  /* General icons */

  .livivoicons header.intro > ul li.extdb .icon:after,
  .livivoicons .icon-extdb:before                     { content: "\e026"; }
  .livivoicons header.intro > ul li.email .icon:after,
  .livivoicons .icon-email:before                     { content: "\e033"; }
  .livivoicons header.intro > ul li.rss   .icon:after,
  .livivoicons .icon-rss:before                       { content: "\e027"; }

  .livivoicons ul.functions li.share .icon:after,
  .livivoicons .icon-share:before                     { content: "\e031"; }
  .livivoicons ul.functions li.link .icon:after,
  .livivoicons .icon-link:before                      { content: "\e029"; }
  .livivoicons ul.functions li.similar .icon:after,
  .livivoicons .icon-similar:before                   { content: "\e011"; }
  .livivoicons ul.functions li.remove .icon:after,
  .livivoicons .icon-remove:before                    { content: "x"; }

  .livivoicons .selectsources .icon:after,
  .livivoicons .icon-selectsources:before             { content: "\e002"; }

  .livivoicons .facebook .icon:after                  { content: "\e00e"; }
  .livivoicons .twitter  .icon:after                  { content: "\e010"; }

  .livivoicons .tohits .icon:after                    { content: "\e012"; }


  /* Alerts */

  .livivoicons .alert h2:before,
  .livivoicons .icon-alert-info:before                { content: ""; }
  .livivoicons .alert.info h2:before,
  .livivoicons .icon-alert-info:before                { content: "i"; }
  .livivoicons .alert.smiley h2:before,
  .livivoicons .icon-alert-smiley:before              { content: "\263A"; }
  .livivoicons .alert.positive h2:before,
  .livivoicons .icon-alert-positive:before            { content: "\2713"; }
  .livivoicons .alert.negative h2:before,
  .livivoicons .icon-alert-negative:before            { content: "!"; }

  /* Doctypes */


  .livivoicons .doctype-artikel .icon:after,
  .livivoicons .icon-doctype-artikel:before           { content: "\e013"; }
  .livivoicons .doctype-av .icon:after,
  .livivoicons .icon-doctype-av:before                { content: "\e02b"; }
  .livivoicons .doctype-conf .icon:after,
  .livivoicons .icon-doctype-conf:before              { content: "\e018"; }
  .livivoicons .doctype-diss .icon:after,
  .livivoicons .icon-doctype-diss:before              { content: "\e001"; transform:scale(.9) translate(0, 0); -webkit-transform:scale(.9) translate(0, 0); }
  .livivoicons .doctype-collection .icon:after,
  .livivoicons .icon-doctype-collection:before        { content: "\e019"; }
  .livivoicons .doctype-online .icon:after,
  .livivoicons .icon-doctype-online:before            { content: "\e02f"; }
  .livivoicons .doctype-zs .icon:after,
  .livivoicons .icon-doctype-zs:before                { content: "\e016"; }
  .livivoicons .doctype-mono .icon:after,
  .livivoicons .icon-doctype-mono:before              { content: "\e02a"; }
  .livivoicons .doctype-researchdata .icon:after,
  .livivoicons .icon-doctype-researchdata:before      { content: "\e009"; }


  /* Fields */

  .livivoicons .categories .f1 .icon:after,
  .livivoicons .icon-category-f1:before            { content: "\e006"; }
  .livivoicons .categories .f2 .icon:after,
  .livivoicons .icon-category-f2:before            { content: "\e005"; }
  .livivoicons .categories .f3 .icon:after,
  .livivoicons .icon-category-f3:before            { content: "\e004"; }
  .livivoicons .categories .f4 .icon:after,
  .livivoicons .icon-category-f4:before            { content: "\e007"; }
  .livivoicons .categories .f0 .icon:after,
  .livivoicons .icon-category-f0:before            { content: "\e009"; }

  /* */


  /* SPECIAL ICON COLORS */

  .livivoicons .facebook a:hover .icon:after                  { color:#536ca2; }
  .livivoicons .twitter  a:hover .icon:after                  { color:#21bff1; }






  /* GENERAL */

  html, body { margin:0; }
  body { font-size:.89em; font-family:arial, helvetica, sans-serif; color:#333; background:#ececec; }

  main,
  body > header > header,
  nav.main ul,
  body > footer > div,
  .thesearch > div { display:block; max-width:80em; margin:0 auto; }

  .wrap { float:right; width:100%; width:calc(100% - 18em); max-width:62em; }

  mark { background:#bfdcf5; padding:.1em .25em; }
  header mark { padding:0; background:none; color:#cc0824; }


  .livivo { text-transform:uppercase; letter-spacing:.15ex; }


  /* PAGE HEADER */

  body > header { position:relative; margin:0; width:100%; min-height:4em; background:#ececec; line-height:2.25em; padding-top:1.25em; z-index:120; }

  body > header > a { clear:both; }
  body > header .lang { display:block; float:right; padding:.5em 1em; margin-right:2em; text-decoration:none; color:#4b4b4d;}
  body > header .lang em { font-style:normal; font-weight:bold; }
  body > header .lang:hover { text-decoration:underline; color:#3B8545; }
  body > header .button { display:block; float:right; border-radius:.75ex; background:#d8d8d8; color:#222; padding:0 1.2em; line-height:3.05em; text-decoration:none; text-transform:uppercase; font-size:1.05em; letter-spacing:.05em; }
  header.intro > .togglefilter,
  body > header .button.menutoggle { display:none; }
  body > header a.button:hover { color:#3B8545; }

  body.loggedin > header .button.login { text-transform:none; letter-spacing:0; padding:0; overflow:hidden; background:#fff; }
  body.loggedin > header .button.login:hover { box-shadow:0 4px 12px rgba(0,0,0,.1); }
  body.loggedin > header .button.login a { display:inline-block; color:#4b4b4d; text-decoration:none; padding:0 1.2em; margin-right:-.1em; }
  body.loggedin > header .button.login a strong { color:#3b8545; }
  body.loggedin > header .button.login a:hover  { color:#2b6535; }
  body.loggedin > header .button.login a:hover strong { text-decoration:underline; }
  body.loggedin > header .button.login a.logout { background:#d8d8d8; color:#A4071E; text-transform:uppercase; }
  body.loggedin > header .button.login a.logout:hover { background:#cc0824; color:#fff; }
  body.loggedin > header .button .icon-login:before { display:none; }

  body.loggedin > header .button,
  body.loggedin > header a.lang { position:relative; }
  body.loggedin > header a.lang { white-space:nowrap; margin-top:-8em;  margin-right:-3em; }
  body.loggedin > header a.lang em { position:absolute; left:1em; top:8.5em; display:inline-block; width:auto; font-weight:normal; }

  body.home.loggedin > header .button.login { background:#eee; }


  /* PAGE HEADER -- TITLE */

  h1 { margin:-.1em 0 -3.8em 0; font-size:1em; width:19em; float:left; padding:0; min-height:11.3em; }
  h1 img { width:19em; margin:-.3em 0 .2em .5em; }


  /* PAGE HEADER -- NAVIGATION */

  nav.main { margin:0; border-bottom:.3em solid #aac811; line-height:1.5em; z-index:140; }
  nav.main ul { position:relative; margin:0 auto; padding:0 0 0 26em; box-sizing:border-box; min-height:1em; z-index:150; }
  nav.main ul li { list-style:none; margin:0; padding:0; float:left;}
  nav.main ul li a { display:block; text-decoration:none; padding:1.95em 1em .35em 0; color:#4b4b4d; }
  nav.main ul li a:hover { text-decoration:underline; color:#3B8545; }
  nav.main ul li+li a { padding-left:1.5em; }


  /* PAGE HEADER -- NAVIGATION -- BOOKMARK BADGE */

  .badge { display: inline-block; position:relative; top:0; padding:.3em .6em .25em .65em; line-height:1; margin-left:.5em; font-size:.8em; font-weight:normal; color#000; text-align:center; white-space:nowrap; vertical-align: top; background-color:#bfdcf5; border-radius:10px; }
  a:hover .badge { background:#aac811; color:#000; top:-.25em; }

  h2 .badge { font:.5em arial,sans-serif; top:-.25em; }


  /* PAGE HEADER -- NAVIGATION -- SYMBOL LINKS IN SEARCH BAR */

  nav.main ul.symbols { display:block; position:absolute; top:5.5em; right:0; padding:0; margin-left:1em; margin-right:0; line-height:.1em; }
  nav.main ul.symbols li { float:none; display:inline-block; }
  nav.main ul.symbols a { color:#fff !important; font-size:2.5em; padding:.15em .25em .1em 0; margin-left:.4em;}
  nav.main ul.symbols a:hover { color:#aac811 !important; text-decoration:none; }


  /* THE SEARCH BAR */

  .thesearch { position:absolute; top:12.5em; left:0; z-index:100; width:100%; background:#375b9a; padding:.3em 0 .6em 0; box-shadow:0 5px 18px rgba(0,0,0,.15); }

  .thesearch > div { clear:both; position:relative; padding-top:.15em; padding-bottom:.1em; }

  .thesearch .backnav { width:25em; min-height:3em; margin-right:1em; text-align:right; float:left; padding-top:.25em; position:relative; background:#f00; }
  .backnav > * { position:relative; z-index:120; }
  .thesearch .backnav a { display:inline-block; font-size:1.2em; padding:.7em .25em .7em .45em; width:1.5em; background:#eee; white-space:nowrap; color:#333; text-decoration:none; text-align:center; }
  .thesearch .backnav .icon:before { font-family:arial, helvetica, sans-serif; }
  .thesearch .backnav a.tohistory { border-left:1px solid #fff; height:2.55em; margin-left:-.5ex; padding:.7em 0 .7em 0; border-top-right-radius:.25em; border-bottom-right-radius:.25em; background:#C1CFE9; background:rgba(191, 220, 245, .8); position:relative; z-index:130; }
  .thesearch .backnav a.back { height:2.55em; min-width:2em; border-right:2px solid #bbb; border-top-left-radius:.25em; border-bottom-left-radius:.25em; }
  .thesearch .backnav a:hover { background:#ccc; color:#3B8545; }
  .thesearch .backnav a.tohits { position:relative; width:auto; float:left; margin-left:1em; padding-left:2.25em; padding-right:1em; border-radius:.25em; line-height:.6em; margin-top:.3em;}

  a.tohits .icon:after { width:1.25em; position:absolute; left:.12em; top:.48em; opacity:.25; margin:0; }
  a.tohits:hover .icon:after { -webkit-transform:rotate(360deg); opacity:.5; transform:rotate(360deg); opacity:.5; }
  .thesearch .backnav a.tohits:hover { background:#eee; }

  .thesearch input[type=text],
  .thesearch input[type=search],
  .thesearch input[type=submit] { width:24em; font-size:1.2em; padding:.7em .7em .7em 1.2em; border:0; color:#666; background:#eee; border-radius:.25em;  }
  .thesearch input[type=search] { box-shadow: inset 0px 5px 10px -5px rgba(0,0,0,.5); border:.2em solid #666; margin:-.18em -.1em -.18em -.2em; border-radius:.5em;}
  .thesearch input[type=text],
  .thesearch input[type=search] { vertical-align:top; margin:.1em -.1em -.18em -.2em; -webkit-appearance: textfield; }

  .thesearch input[type=text]:hover,
  .thesearch input[type=text]:focus,
  .thesearch input[type=search]:hover,
  .thesearch input[type=search]:focus { background:#fff; color:#222; outline:0; }
  .thesearch button[type=submit] { font-size:2em;  margin:.05em 0 -1em 0; padding:.09em .25em .09em .25em; border:0; color:#666; background:#eee; border-radius:.25em; xmin-height:1.5em; min-width:1.4em;}
  .livivoicons .thesearch button[type=submit] { padding:.12em .25em .12em .25em; }
  .thesearch button[type=submit]:hover { color:#41944c; }
  .thesearch button[type=submit] .icon:before { position:relative; top:.066em; }

  .thesearch h3 { clip:rect(0 0 0 0); overflow:hidden; position:absolute; height:1px; width:1px; }
  ul.activefilters { display:none; }

  .thesearch a.expand { display:block; position:relative; top:.5em; left:0; width:auto; margin:0 auto -3em 40.1em; padding:.5em 1em .5em .75em; clear:both; float:left; background:#375b9a; color:#eee; text-decoration:none; box-shadow:0 8px 12px 0 rgba(0,0,0,.3); }
  .thesearch a.expand:before, .thesearch a.expand:after { content: ""; position:absolute; bottom:0; top:0; left:-1.15em; width:1.2em; height:100%; background:transparent url(../images/svg/tab_sides.svg) no-repeat 0 0; background-size:cover; }
  .thesearch a.expand:after { left:auto; right:-1.15em; background-image:url(../images/svg/tab_sides.svg); background-position:right 0;}
  .thesearch a.expand:hover { color:#fff;}
  .thesearch a.expand:hover .icon { color:#aac811; }

  .thesearch form input[type=text],
  .thesearch form input[type=search] { border:0; margin-right:.2em; border-radius:.25em;}


  /* THE SEARCH BAR -- ADVANCED SEARCH */

  fieldset { border:none; }

  form#xtsearch { overflow:hidden; display:inline-block; width:50%; width:calc(100% - 36em); padding:0; margin:0 0 -.66em -.5em; background:#375b9a; }

  form#xtsearch fieldset { float:left; padding:.15em 0 .35em 0;  }
  form#xtsearch fieldset > div { display:inline-block; vertical-align:top; }
  form#xtsearch label { color:#fff; display:none; ---HIDE--- }

  form#xtsearch select { padding:.5em; border-radius:.33em; border:0; vertical-align:top; background:#a2c2e2;  }

  form#xtsearch .xtsearchoperator { width:4.8em; text-align:right; margin-right:-.33ex;}
  form#xtsearch .xtsearchoperator select { border-radius:.33em 0 0 .33em; }
  form#xtsearch div + .xtsearchtype select { border-radius:0 .33em .33em 0; }

  form#xtsearch .xtsearchtype { margin-left:4.9em; }
  form#xtsearch fieldset + fieldset .xtsearchtype { margin:0; }
  form#xtsearch .xtsearchtype select { width:12em; }

  form#xtsearch input { width:17em; font-size:1em; margin:0 .25em 0 .5em; vertical-align:top; padding:.5em; }
  form#xtsearch input[type=number] { border:0; border-radius:.25em; }

  form#xtsearch .xtsearchvalue label { display:none; ---HIDE--- }
  form#xtsearch .xtsearchvalue select { margin:0 .5em; padding:.5em .25em; width:19.25em; border-radius:.33em; background:#eee;}

  form#xtsearch .input-PY { display:inline-block; width:19em; position:relative; }
  form#xtsearch .xtsearchvalue .input-PY > label { display:inline-block; width:3em; margin:0 -4.25em 0 1em; line-height:2em; padding:0; vertical-align:top; color:#375b9a; position:relative; }
  form#xtsearch .xtsearchvalue .input-PY > input { box-sizing:border-box; width:8.575em; padding-left:3.5em; margin-right:0; letter-spacing:.15em; }


  form#nsearch {  max-height:3em; min-height:3em; opacity:1; z-index:100; width:50%; width:calc(100% - 36em); }
  .thesearch form#nsearch input[type=text],
  .thesearch form#nsearch input[type=search] { position:relative; top:0; opacity:1; width:28.975em; }
  form#xtsearch { max-height:0; margin-top:-2.95em; margin-top:-1.5em; }

  .thesearch form { position:relative; top:0;  }

  form#nsearch button { position:relative; left:.08em; }
  form#xtsearch button { position:relative; top:-.01em; }

  form#xtsearch .xtsearchvalue { overflow:hidden; height:2.1em; width:19.05em; }
  form#xtsearch .xtsearchvalue .input { position:absolute; z-index:10; display:block; overflow:hidden; opacity:0; }
  form#xtsearch .xtsearchvalue .input.selected { opacity:1; z-index:20; }

  body.xtsearch form#xtsearch { max-height:24em; z-index:101; }
  body.xtsearch form#nsearch input[type=text],
  body.xtsearch form#nsearch input[type=search] { opacity:0; }

  main { margin-top:7em; }
  .xtsearch main { margin-top:14em; }

  .thesearch form#xtsearch .xtsearchtype select:focus,
  .thesearch form#xtsearch .xtsearchoperator select:focus { background:#c7dff3 !important; }
  .thesearch form#xtsearch .xtsearchvalue select:focus,
  .thesearch form#xtsearch .xtsearchvalue input:focus { background:#e1f1ff !important; }



  /* THE SEARCH BAR -- FIXED TO TOP BY JS */

  body.fixed > .thesearch { position:fixed; top:0; left:0; z-index:200; border-top-width:.5em !important; box-shadow:0 5px 18px rgba(0,0,0,.4); }


  /* THE SEARCH BAR -- FIXED TO TOP BY JS -- ADJUST SYMBOL LINKS */

  button { cursor:pointer; }


  /* THE SEARCH BAR -- SEARCH HISTORY   */

  .history { position:absolute; left:0; top:.233em; clear:both; min-width:25em; opacity:0; z-index:125; }
  .history > div { padding-bottom:0; max-height:auto; overflow:hidden; }
  .history > div > div { border-bottom-left-radius:.5em; border-bottom-right-radius:.5em; padding:0 0 .1em 1em; min-width:25em; max-width:25em; box-shadow:0 6px 10px 0 rgba(0,0,0,.6); margin-top:0em; margin-bottom:1em; border:0; border-radius:.33em; background:#c7dff3; color:#666; }
  .historyinactive .history > div { padding-bottom:0; max-height:0 !important; }
  .historyactive .history > div { margin-top:0; max-height:20em; padding-bottom:8em; }
  .historyactive .history { opacity:1; }
  .history h4 { color:#375b9a; padding-top:.33em; margin:0; font-size:1.5em; font-family:tablet; font-weight:normal; line-height:1.5em; }

  .history ul, .history ol { padding:0 0 0 .5em; margin:0 0 .9em .5em; white-space:normal; list-style:none; }
  .history ul li { list-style:square; }
  .history li { padding:0; margin:.25em 0 0 1em; position:relative; }
  .history a { display:inline-block; padding:0 0 .25em 0; color:#000; max-width:90%; max-width:calc(100% - 2em); vertical-align:top; text-decoration:none; }
  .history a:hover { color:#274b84; text-decoration:underline; }


  .history aside { position:absolute; left:-2.25em; top:0; padding:.25em; }
  .history aside h5 { left:0; top:0; margin:-.25em 0 0 0; padding:0; font-weight:normal; cursor:pointer; }
  .history aside .text { display:none; }
  .history aside .icon { padding:.15em .5em; background:#fff; background:rgba(255,255,255,.5); border-radius:.3em; transition:all .5em ease; -webkit-transition:all .5em ease; }
  .history aside ul { position:relative; z-index:2; margin:.1em 0 0 0; padding:0; list-style:none; background:#fff; box-shadow:0 3px 5px 0 rgba(0,0,0,.4); }
  .history aside li { list-style:none; margin:0 0 -.1em 0; padding:0; border-bottom:.1em solid #c7dff3; }
  .history aside li a { display:block; padding:.5em 1.5em .5em 1.5em; text-decoration:none; max-width:100%; }

  .history aside ul { max-height:0; max-width:1.5em; transition:all .2s ease; -webkit-transition:all .2s ease; overflow:hidden; }

  .history li:hover aside .icon { background:rgba(255,255,255,.66); }
  .history li aside .icon:hover { background:#fff; }

  .history li.menuopen aside .icon { background:#fff; box-shadow:0 3px 5px 0 rgba(0,0,0,.4); border-radius:.3em .3em 0 0;  }
  .history li.menuopen aside { max-height:8em; max-width:12em; }
  .history li.menuopen aside ul { max-height:8em; max-width:12em; border-radius:0 .3em .3em .3em; }
  .history li.menuopen { z-index:255; }


  /* CONTENT */


  td, th, p, li { hyphens:auto; -webkit-hyphens:auto; }


  /* CONTENT -- SEARCH RESULTS */

  ol.hits { list-style:none; margin:0; padding:0; counter-reset:li 0; }
  .hits > li { position:relative; padding:0; margin:0; list-style:none; }

  .abstract.short span { color:#666; font-style:italic; }

  /* FAKE LIST COUNTERS */

  ol.hits > li:before {
      content:counter(li); /* Use the counter as content */
      counter-increment:li; /* Increment the counter by 1 */
      /* Position and style the number */
      position:absolute;
      top:.3em;
      left:0;
      -moz-box-sizing:border-box;
      -webkit-box-sizing:border-box;
      box-sizing:border-box;
      width:8em;
      text-align:center;
      line-height:4.3em;
      z-index:100;
  }


  body,
  ol.hits article header a { color:#4b4b4d; }


  /* CONTENT -- SEARCH RESULTS -- INTRO */

  header.intro { position:relative; margin:0 0 1.5em -1.2em; background:#fff; display:block; padding:.01ex 1em 1em 9em; border-top-right-radius:.5em; box-shadow:0 5px 14px rgba(0,0,0,.25); }

  header.intro h2 { font-size:2em; font-weight:normal; font-family:abril; }
  header.intro h3 { display:none; }
  header.intro > p { color:#666; margin:0 0 .5em 0; }
  header.intro > aside { float:right; margin-top:-3.54em;}
  header.intro fieldset { float:left; padding:0 0 0 .5em; border:0; }
  header.intro label { display:block; width:100%; margin:0 0 .35em .2em;}
  header.intro select { min-width:6em; background:#eee; padding:.35em;}
  header.intro option[selected] { color:#900;}

  header.intro > ul { position:absolute; top:.5em; right:1.25em; }
  header.intro > ul li { display:inline-block; list-style:none; padding:0; margin:0; position:relative; }
  header.intro > ul li a { display:block; padding:.5em 0 .5em 1em; color:#666; text-decoration:none; position:relative z-index:30; }
  header.intro > ul li a:hover { color:#3B8545; text-decoration:underline; }
  header.intro > ul li a:hover .icon:after { top:.1em;text-decoration:none; }


  /* CONTENT -- SEARCH RESULTS -- INTRO -- FILTERS */

  header.intro .set { clear:both;}
  header.intro .set ul { margin:0; padding:1.25em 0 0 0; list-style:none; }
  header.intro .set ul li { display:inline-block; position:relative; margin:0 .5em .5em 0; padding:.5em 1.5em .5em .5em; background:#ececec; border-radius:.2em; white-space:nowrap; }
  header.intro .set ul li:hover { background:#ddd; text-decoration:line-through; text-decoration-color:#cc0824; -webkit-text-decoration-color:#cc0824; }
  header.intro .set ul li a { position:absolute; left:0; top:0; right:0; bottom:0; overflow:hidden; color:#bbb; }
  header.intro .set ul li a span.text { display:block; margin-top:-8em; white-space:nowrap; }
  header.intro .set ul li a span.icon { position:absolute; right:.25em; top:.5em; }
  .livivoicons header.intro .set ul li a span.icon { position:absolute; right:.25em; top:.55em; }
  header.intro .set ul li a:hover { color:#cc0824;}

  /* CONTENT -- SEARCH RESULTS -- PAGINATION */

  nav.pages ul { padding:0; margin:0 0 0 0; font-size:.9em; }
  nav.pages ul li { list-style:none; margin:0 .5em 0 0; padding:0; float:left; }
  nav.pages h3 { display:none; ---HIDE--- }
  nav.pages ul li span { display:none; ---HIDE--- }
  nav.pages ul li a,
  nav.pages ul li span.active { display:inline-block; padding:.5em; min-width:1.2em; color:#eee; text-decoration:none; text-align:center; border-radius:.25em; }
  nav.pages ul li a.rel { background:#cacaca; color:#000;font-size:1.4em; padding:.10em .2em .3em .2em; min-width:1.15em; border-radius:.2em;}
  nav.pages ul li a.next,
  nav.pages ul li a.prev { min-width:2.4em;}
  nav.pages ul li span.active { background:#ec4a1c; }
  nav.pages ul li a:hover { background:#900; color:#fff;}

  ol.hits + nav.pages { margin:2em 0; padding:2em 0 2em 8em; background:#eee; box-shadow: 0 5px 14px rgba(0,0,0,.25); }
  ol.hits + nav.pages ul li { list-style:none; margin:0 .5em 0 0; padding:0; float:left; }

  nav.pages ul li a { background:#e3e3e3; color:#4b4b4d; }
  nav.pages ul li span.active { background:#bfdcf5; color:#cc0824;}
  nav.pages ul li a:hover { color:#fff; background:#375b9a; }

  /*
  More visible pagination mark for impaired people?
  nav.pages ul li a.active { border-bottom: .3em solid rgba(93, 119, 164, 1); border-top: .3em solid rgba(93, 119, 164, 1); padding:.3em .5em; left:0; top:-.2em; }
  */

  ol.hits + nav.pages { background:#fff; }

  /* CONTENT -- SEARCH RESULTS -- PAGINATION -- FUNCTION */

  nav.pages aside { float:right; white-space:nowrap; }
  nav.pages aside a { white-space:auto; }




  /* CONTENT -- SEARCH RESULTS -- RESULT */

  .hits article { position:relative; z-index:10; background:#fff; padding-bottom:.5em; margin-top:.5em; box-shadow:0 5px 14px rgba(0,0,0,.25); border:.3em solid #64779A; border-width:.3em 0; overflow:hidden; }
  .hits li:hover article { box-shadow:0 5px 14px rgba(0,0,0,.7); }

  .hits li:hover article { border-color:#375b9a; }
  .hits li > article.filteredout { opacity:.33; }

  .hits article > section + h4,
  .hits article > ul + h4 { display:none; ---HIDE--- }


  /* CONTENT -- SEARCH RESULTS -- RESULT -- TITLE / HEADER */

  .hits > li:before { line-height:4.8em; }

  .hits article header { display:table; width:100%; width:calc(100% - 18.25em); padding:1.55em 0 0 0; margin:0 0 .5em 10.25em; }

  .hits article header h3 { display:table-footer-group; font-size:1.5em; margin-top:.25em; font-family: tablet, abril; font-weight:normal; }
  .livivoicons .hits article header h3 .icon:after,
  .livivoicons .hits article header h3 .icon:before { font-size:1em; margin:-.25em -.5em 0 -1.4em; top:.15em; }
  .livivoicons .hits article header h3 .icon + .text + .icon { margin-left:1.25em; }
  .livivoicons .hits article header h3 .icon + .text + .icon:after { content:''; display:none; }
  .livivoicons .hits article header h3 .icon + .text + .icon:before { position:relative; }

  .hits article header h3 a { display:inline-block; margin-top:.1em; }
  .authors { display:table-header-group; list-style:none; margin:0; padding:0; line-height:1.2em; }
  .authors li { display:inline; }
  .authors li + li:before { content:" / "; margin:0 .25em; opacity:.75; }

  .hits article header a { color:#333; text-decoration:none; }
  .hits article header a[href]:hover,
  .hits label:hover,
  .hits article li a:hover { color:#375b9a; text-decoration:underline; }


  /* CONTENT -- SEARCH RESULTS -- RESULT -- FUNCTIONS */

  ul.functions { margin:-3.65em 0 0 0; padding-bottom:0; float:right; min-width:15.5em; border-bottom-left-radius:.5em; text-align:right; }
  ul.functions li { list-style:none; margin:0; padding:0; width:100%; white-space:nowrap; }

  ul.functions li a,
  ul.functions li label,
  nav.pages aside a { display:inline-block; color:#4b4b4d; text-decoration:none; padding:.25em .5em; margin:0 1em; width:calc(100% - 3em); border-radius:.25em; border:0; }
  ul.functions li a:hover,
  ul.functions li label:hover { color:#3B8545; }
  ul.functions li input,
  nav.pages aside input,
  .check input { width:1.5em; height:1.5em; vertical-align:middle; margin:-.1em -.4em .1em .5em; opacity:.75;}


  /* CONTENT -- SEARCH RESULTS -- RESULT -- FUNCTIONS FOR BOOKMARKS */

  .bookmarks header.intro > ul li a { padding-right:.5em; }

  .bookmarks ul.functions { margin-top:-7.65em; }
  ul.functions li.bookmark { margin-bottom:1.95em; }
  .functions li.remove { padding-top:2.5em; }

  .bookmarks ul.functions .remove .icon,
  .bookmarks ul.functions .remove a:hover { color:#cc0824; }

  .bookmarks ul.functions .remove .icon:after { transform:translateZ(0); -webkit-transform:translateZ(0); }

  .bookmarks ul.functions .remove a:hover .icon:after { transform:scale(1.2); -webkit-transform:scale(1.2); }


  .bookmarks .hits article header { width:100%; width:calc(100% - 20em); }
  .hits article header h3:last-child a { min-height:1.2em; margin-top:-.75em; }
  .bookmarks .hits article header h3:last-child a { min-height:1.6em; margin-top:-1em; }


  /* CONTENT -- SEARCH RESULTS -- RESULT -- TOP INFORMATION */

  .hits article .top { min-height:5em; border-top: .3em solid #bfdcf5; padding-top:1em; }

  .hits article .top > p { margin:.5em auto .5em 8em; max-width:calc(100% - 20em); }
  .hits article .top > img { width:6em; float:left; position:absolute; left:0; margin:0 0 0 1em; padding-bottom:8em;}
  .top a { text-decoration:none; }

  .hits li.expanded article + ul li.details a { background:#cc0824; }

  .untertitel,
  .subtitle { color:#536f88; color:#777; }


  /* CONTENT -- SEARCH RESULTS -- RESULT -- GOOGLE PREVIEWS */

  .hits article.google .top { min-height:12.5em;}
  .hits li.expanded article.google .top,
  .hits article.google.hasmaterials .top { min-height:6em; }


  .hits article .top > ul.google { box-sizing:border-box; width:8em; float:left; position:absolute; left:0; margin:0; padding:.4em 0 0 .7em; background:#fff; z-index:50; }
  .hits article .top > ul.google li { list-style:none; padding:0 0 0 0; margin:0 0 .5em 0; overflow:hidden; }
  .hits article .top > ul.google li a img { width:6em; border:.3em solid #fff; max-height:8em; }
  .hits article .top > ul.google li a:hover img { border-color:#BFDCF5; background:#BFDCF5;}
  .hits article .top > ul.google li + li { max-height:0; }

  .hits li.expanded article .top > ul.google li + li { max-height:8em; }
  .hits li.expanded article .top > ul.google li:last-child  { padding-bottom:.3em; }


  /* CONTENT -- SEARCH RESULTS -- RESULT -- DETAIL INFORMATION */

  .hits article section.details table { width:100%; max-width:100%; border-spacing:0; border-color:transparent; text-align:left; }
  .hits article section.details table a { color:#334f99; color:#375b9a; text-decoration:none; display:inline-block; }
  .hits article section.details table a+br+a { padding-top:.5em;}
  .hits article section.details table a:visited { color:#936fbb; }
  .hits article section.details table a:hover { text-decoration:underline;}

  .hits article tr { padding:0 1em 0 8em; vertical-align:top; transition:background-color .2s cubic-bezier(0.250, 0.460, 0.450, 0.940); -webkit-transition:background-color .2s cubic-bezier(0.250, 0.460, 0.450, 0.940); }
  .hits article tr:last-child td{ padding-bottom:1em; }
  .hits article tr:hover { background:rgba(191, 220, 245, .25); }

  .hits article td { padding:.3em 2em .3em 0;  }
  .hits article th { padding:.3em 1em .3em 8em; vertical-align:top; min-width:10em; }
  .hits article table td *{ padding:.3em .3em 0 0; }

  .hits article th,
  .hits article td { border-top:1px solid #ccddee; padding-top:.3em; }

  .hits li article section.details { max-height:0; overflow:hidden;}
  .hits li.hasExpanded.expanded article section.details { max-height:1000em !important; }


  /* CONTENT -- SEARCH RESULTS -- RESULT -- DETAIL INFORMATION -- TABLES */

  .hits article section.details table table,
  .hits article section.details table table tr { margin:0; padding:0; border:0; }

  .hits article section.details table table:first-child { margin-top:-.3em; }
  .hits article section.details table table:last-child { margin-bottom:-.3em; }

  .hits article section.details table table td { border:0; }

  .hits article section.details > table > tbody > tr { max-width:100%; }
  .hits article section.details > table > tbody > tr > td { max-width:calc(100% - 10em); }

  .table-scrollable { width:100%; overflow-y:hidden; }
  .table-scrollable > table { width:100%; overflow-y:auto; margin:0 0 1em; }
  .table-scrollable > table::-webkit-scrollbar { -webkit-appearance:none; width:1em; height:1em; }
  .table-scrollable > table::-webkit-scrollbar-thumb { border-radius:.5em; border: .2em solid #fff; background-color:#aaa; background-color:rgba(0,0,0,.3); }




  /* CONTENT -- SEARCH RESULTS -- RESULT -- DETAIL INFORMATION -- LISTS */

  .hits article section.details ul { list-style-image:url(../images/dash.gif); padding-left:1em; }
  .hits article section.details ol { padding-left:1.5em; color:#666; }
  .hits article section.details ol li { color:#4b4b4d; }


  /* CONTENT -- SEARCH RESULTS -- RESULT -- CATEGORY ICONS */

  ul.categories { padding:.5em 0 .5em 0; margin:0; width:7.5em; position:absolute; left:0; bottom:0; text-align:center; }
  ul.categories li { list-style:none; padding:0; margin:.25em 0 0 0; display:inline-block; border-radius:.25em; }
  ul.categories li+li { margin-left:.25em;}

  .livivoicons ul.categories li a { display:block; width:1.85em; white-space:nowrap; overflow:hidden; border-radius:.25em; opacity:.9; color:#3b3b3d; }
  .livivoicons ul.categories li a .icon:after { margin:0; font-size:1.7em; line-height:.8em; top:0; }
  .livivoicons .hits ul.categories li a:hover { color:#3B8545; }

  ul.categories li a .text { display:none; ---HIDE--- }


  /* CONTENT -- SEARCH RESULTS -- RESULT -- MATERIALS */

  .materials h4 { display:none; ---HIDE--- }
  .materials ul { padding:0; margin:1em auto 0 8em; clear:both; overflow:hidden; width:auto; display:inline-block;}
  .hits article.google .materials ul { margin-top:4em; }
  .hits li.expanded article.google .materials ul{ margin-top:1em;}

  .materials ul li { float:left; list-style:none; margin:.5em .5em 0 0; padding:0; overflow:hidden; white-space:nowrap; }
  .materials ul li a,
  .materials ul li.trigger { display:block; border-radius:.75ex; padding:.5em 1em; line-height:1.25em; max-width:24em; overflow:hidden; text-overflow:ellipsis; vertical-align:baseline; text-decoration:none; background:#ececec; color:#000; }
  .materials ul li a:hover { color:#006; background:#bfdcf5; }

  .materials ul li + li { position:relative; left:-40em; max-width:0; opacity:.75; }
  .materials ul li:first-of-type { position:relative; z-index:20;}
  .materials ul li:first-of-type span { color:#536f88;}

  .materials ul:hover li + li,
  .materials ul li.active ~ li { left:0; max-width:24em; opacity:1;}


  /* CONTENT -- SEARCH RESULTS -- RESULT -- CHANGES FOR SHORT VIEW */

  .style-short section.top { min-height:0 !important; margin-top:0; padding-top:0; border:0; }
  .style-short section.top > p { margin-left:10.25em; }
  .style-short .categories { display:none; }
  .style-short .materials { display:none; }
  .style-short ol.hits .noauthors header { padding-top:1.2em;}
  .style-short ol.hits .noauthors ul.functions { margin-top:-2.2em;}
  .style-short ol.hits article header h3:last-child a .icon:after,
  .style-short ol.hits article.noauthors header h3 a .icon:after { top:1.33em; }
  .style-short ol.hits article.noauthors ul.functions { margin-top:-.8em; }

  /* CONTENT -- SEARCH RESULTS -- RESULT -- EXPANDABLE LINKS */

  article section.links { position:relative; top:.5em; max-height:0; overflow:hidden; margin:0 border:0 #fff; background:rgba(191, 220, 245, .4); }
  article section.links:first-of-type { margin-top:.5em; }
  article section.links ul { margin-bottom:1.25em; }
  article section.links h3 { font-size:1.25em; margin:.8em .8em .8em 6.33em; font-family: tablet; font-weight:normal; color:#666; }
  article section.links table { border:0; }

  .pdaexpanded section.pda,
  .orderexpanded section.order,
  .instockexpanded section.instock,
  .fulltextexpanded section.fulltext,
  article section.links:target { max-height:30em; }

  .supports-js li:not(.pdaexpanded) section.pda,
  .supports-js li:not(.orderexpanded) section.order,
  .supports-js li:not(.instockexpanded) section.instock,
  .supports-js li:not(.fulltextexpanded) section.fulltext { max-height:0 !important; }

  .pdaexpanded ul li a.pda,
  .orderexpanded ul li a.order,
  .instockexpanded ul li a.instock,
  .fulltextexpanded ul li a.fulltext { background:#cc0824; }


  /* CONTENT -- SEARCH RESULTS -- RESULT -- TABS TO EXPAND LINKS */

  .hits article + ul { margin:0; padding:0 .5em; overflow:hidden; clear:both; text-align:right; width:100%; }
  .hits article + ul ul { margin-right:-.5em; text-align:right; float:right; }
  .hits article + ul li { list-style:none; margin:0; padding:0; float:left; margin:0 .5em; position:relative; text-align:left; }
  .hits article + ul > li { float:right; }
  .hits article + ul a { position:relative; z-index:20; display:block; margin-top:-.25em; margin-bottom:.5em; padding:.65em 1em .45em 1em; color:#fff; background:#5D77A4; background:rgba(93, 119, 164, 1); text-decoration:none; border-radius:.4em; box-shadow:0 2px 12px rgba(0,0,0,.3); white-space:nowrap; }
  .hits > li:hover > ul a { background:#375b9a; }
  .hits article + ul a:hover { margin:-.15em 0 .4em 0; background:#41944c; }
  .hits article + ul li.details { float:left; }
  .hits article + ul li.details a { padding-right:.75em;}


  /* CONTENT -- SEARCH RESULTS -- RESULT --  LINKS-STATUS  */

  span.linkStatus { opacity:.5; }
  a:hover span.linkStatus { opacity:1; }
  .hits article + ul li .icon:after { position:relative; display:none; font-size:1em; content:"o"; margin:0 0 0 .75em; color:#ccc; top:-.1em; line-height:.5em; }
  .livivoicons .hits article + ul li .icon:after {font-size:1.5em; font-family:livivoicons; content:"\00B7"; color:#ccc; margin:.0 -.25em -.5em .25em; top:.225em; line-height:.01em; }

  .hits article + ul li a.color1 .icon:after,
  .hits article + ul li a.color2 .icon:after,
  .hits article + ul li a.color4 .icon:after { display:inline; }


  /* CONTENT -- SEARCH RESULTS -- RESULT --  LINKS -- STATUS COLORS */

  .content.links ul li:before                { color:#ccc; }

  .content.links ul li.color4:before,
  .hits article + ul li a.color4 .icon:after { color:#cc0824; }
  .content.links ul li.color2:before,
  .hits article + ul li a.color2 .icon:after { color:#eedd55; }
  .content.links ul li.color1:before,
  .hits article + ul li a.color1 .icon:after { color:#aac811; }

  /* CONTENT -- SEARCH RESULTS -- RESULT -- LIVE FILTER PREVIEW */

  .hits li > article.filteredout { opacity:.5; }



  /* CONTENT -- SEARCH RESULTS -- FILTERS */

  .filters { position:relative; z-index:80; width:17em; float:left; background:#fff; min-height:10em; border-radius:.5em; border-top-right-radius:0; padding-bottom:1em; box-shadow:0px 14px 10px -7px rgba(0,0,0,.25); }

  /* CONTENT -- SUBNAVIGATION */

  .filters li { max-height:none; hyphens: none; }
  .filters li a { border-radius:.2em;  }
  .filters li .current { border-radius:.2em; border-right:.3em solid #6185c3; padding-right:.2em; }
  .filters li a.about { margin-top:1.5em; }
  .filters li ul { display:block; margin-bottom:.5em; }
  .filters li ul li > span,
  .filters li ul li > a { margin:0 .5em .25em 1.5em;  }

  .filters h3 { font-size:1.5em; font-family:tablet; font-weight:normal; margin:1.43em .5em .72em 1em; color:#666; }
  .filters > h3:first-child { margin-top:2.66em; }
  .results + .filters > h3:first-child { margin-top:5.25em; margin-bottom:.5em; }
  .bookmarks + .filters > h3:first-child { margin-top:1.43em; }

  .filters h4 { font-size:1em; font-weight:normal; margin:.5em 1em .5em 1.5em; color:#41944c; color:#666; text-align:left; }
  .filters ul,
  .filters figure,
  .filters figcaption { margin:0; padding:0; text-align:left;}
  .filters figure + a,
  .filters figure + figure h4 { margin-top:1.5em;}

  .filters li { list-style:none; width:auto;overflow:hidden; }

  .filters .facets li {  max-height:0; }
  .filters .facets li.prio { max-height:none; }
  .filters .facets .current { border-right:.3em solid #375b9a; padding-right:.2em; }

  .filters li {
    transition: max-height .2s ease-out;
    -webkit-transition: max-height .2s ease-out;
  }

  .filters li a,
  .filters li > span { display:block; background:#ececec; margin:.25em .5em; padding:.5em .5em .5em 1em; line-height:1.1em; color:#222; text-decoration:none; overflow:hidden; text-overflow:ellipsis; }

  .filters .facets li a,
  .filters .facets li > span:last-child { border-radius:1em; border-bottom-right-radius:.25em; border-top-right-radius:.25em; }
  .filters .facets li ul li > a,
  .filters .facets li ul li > span:last-child { border-top-left-radius:.25em; }

  .filters li a span { line-height:.75em; }
  .filters li a span:last-child { float:right; background:transparent; color:#626262; font-size:.8em; line-height:1em; padding:.15em .5em; border-radius:1em; }
  .filters li a span.mio { min-width:3em; text-align:right;}

  .filters li a:hover { background:#375b9a; color:#fff;}
  .filters li a:hover span { background:#fff; color:#375b9a; }

  a.morefilters { display:inline-block; padding:.25em 1.5em .25em 1em; margin:0 .5em 0 1.5em; text-decoration:none; border-bottom-left-radius:.4em; border-bottom-right-radius:.4em; color:#4b4b4d !important; background:#bfdcf5; background:rgba(191, 220, 245, .5); }
  a.morefilters span { display:none; ---HIDE--- }
  a.morefilters:hover { background:#ff5d1f; background:#aac811; color:#000; background:#bfdcf5; }

  .filters .facets.expanded li { max-height:20em; }
  .filters .facets.expanded .morefilters { color:#900; }

  .filters > a { display:block; background:#ddd; margin:.5em; padding:.5em .5em .5em 1em; line-height:1em; border-radius:1.5em; border-radius:.25em; color:#222; text-decoration:none; }
  .filters > a:hover { background:#eee; color:#3B8545; }


  /* CONTENT -- SEARCH RESULTS -- FILTERS -- PERCENTUAGE*/


  .filters .perc li a span { background-color:#aac811; padding:0; text-indent:-8em; height:1.1em; margin-top:.1em; overflow:hidden; }
  .filters .perc li a span { border-top-right-radius:0; border-bottom-right-radius:0; }
  .filters .perc li a[data-perc="10"] span { width:.3em; }
  .filters .perc li a[data-perc="20"] span { width:.6em; }
  .filters .perc li a[data-perc="30"] span { width:.9em; }
  .filters .perc li a[data-perc="40"] span { width:1.2em; }
  .filters .perc li a[data-perc="50"] span { width:1.5em; }
  .filters .perc li a[data-perc="60"] span { width:1.8em; }
  .filters .perc li a[data-perc="70"] span { width:2.1em; }
  .filters .perc li a[data-perc="80"] span { width:2.4em; }
  .filters .perc li a[data-perc="90"] span { width:2.7em; }
  .filters .perc li a[data-perc="100"] span { width:3em; }


  /* CONTENT -- SEARCH RESULTS -- FILTERS -- FORMS */

  .filters form * { margin-left:0; }

  .filters fieldset { position:relative; padding:1em 1em 1em 1em; background:#eef6fc; background:#bfdcf5; background:#fff; background:#eef6fc; width:100%; box-sizing:border-box; }
  .filters fieldset > *:first-child { margin-top:0; }

  .filters legend { position:relative; display:block; margin-bottom:1em; left:0; top:1.75em; }

  .filters input { padding:.5em; width:100%; padding-right:2em; box-sizing:border-box; }

  .filters input:checked + label { color:#3b8545; }

  .filters form label { display:block; margin-top:1em; padding-left:.5em;}
  .filters form label:hover { text-decoration:none; color:#375b9a; }

  .filters input[type="submit"],
  .filters input[type="reset"],
  .filters a.buttonline,
  .filters button { display:inline-block; margin:1em 0 0 0; padding:.5em 2em; box-sizing:border-box; border:.1em solid #6185c3; border-color:#91a5e3 #6185c3 #375b9a #6185c3; border-radius:.25em; background:linear-gradient(to bottom, #eef6fc 0%,#cfd8de 100%); line-height:1.33em; text-decoration:none; font:inherit; min-width:0; color:#223; cursor:pointer; }

  .filters input[type="reset"] { color:#cc0824; }

  .filters select { padding:.5em .25em; width:100%; background:#fff; }

  /* CONTENT -- SEARCH RESULTS -- FILTERS -- YEARS SELECTION */

  .filters fieldset.year { padding:0 0 0 1em; margin:0; background:#fff; }
  .filters .year div { display:inline-block; margin-top:.5em; padding-left:.5em; position:relative; width:6em; background:#fff; z-index:2; }
  .filters .year label { display:block; position:absolute; font-size:.9em; top:.05em; left:1.4em; line-height:2.6em; margin:0; padding:0; text-transform:lowercase; cursor:text; }
  .filters .year input { padding:.5em; width:6em; padding-right:.66em; box-sizing:border-box; text-align:right; }
  .filters .year input[type="image"] { position:relative; left:-4em; height:auto; width:2.66em; padding:.5em; vertical-align:middle; margin-left:0.5em; border-radius:0 .4em .4em 0; background-color:#bfdcf5; background-color:#ececec; transition:left .4s ease-out; z-index:1; }
  .filters .year input[type="image"]:hover { background-color:#bfdcf5; }
  .filters #yearFilter.changed input[type="image"] { left:0; }
  #yearSelector { margin-top:1em; max-height:60px; min-height:60px; transition:max-height 2s ease; }
  #yearSelector:empty { max-height:0; background:transparent url(../images/loading.gif) no-repeat center center;}


  /* CONTENT -- SINGLE VIEW */

  .hits.single article { margin-top:0; }
  .hits.single + aside img { margin-bottom:1em; }
  .hits.single + aside > a:first-child { margin-top:9.25em; margin-top:4.7em; }
  .hits.single + aside img + a { margin-top:0; }
  .hits.single + aside > a { background:#ececec; }


  /* CONTENT -- ALERTS */

  .alert { display:block; position:relative; width:100%; box-sizing:border-box; padding:2em 1em 1em 26em; background:#fff; margin-bottom:1.5em; border-radius:.5em; box-shadow:0 5px 14px rgba(0,0,0,.25); color:#4b4b4d; }
  .alert.content { padding-left:18em; }
  .alert h2 { font-size:1.5em; font-family:tablet; font-weight:normal; margin:0 0 .5em 0; color:#375b9a; }
  .alert.content h2 { margin-left:5.25em; }

  .alert.positive h2 { color:#41944c; }
  .alert.negative h2 { color:#cc0824; }
  .alert.smiley h2 { color:#e428e4; }

  .livivoicons .alert h2:before { display:block; position:absolute; width:2em; left:6.66em; top:.33em; font-size:2em; font-family:livivoicons; }


  /* CONTENT -- IN WRAP */

  .wrap .alert { padding-left:0em; }
  .wrap .alert h2 { margin-left:5.25em; }
  .livivoicons .wrap .alert h2:before { display:block; position:absolute; width:2em; left:1em; top:.33em; font-family:livivoicons; }

  /* CONTENT -- BANNER */

  .content.banner { padding-left:26em; padding-top:1em; }
  .content.banner a { width:100%; }
  .content.banner img { width:100%; max-width:100%; height:auto; margin:0; border:0!important; outline:none!important; }


  /* CONTENT -- PAGE CONTENT */

  .withcontent .content { font-size:1em; border-color:#fff; border-radius:0 .5em 0 0; padding-bottom:2em; }

  .content > * + * { margin:1em 1.5em 1em 8em; line-height:1.33em; }

  .content header.intro { margin:0; box-shadow:none; }
  .content header.intro h2 { margin-left:4em; position:relative; }
  .content header.intro h2 .icon:before { font-family:livivoicons; padding:.2em .25em .2em .25em; min-width:1em; border-radius:50%; background:#bfdcf5; position:absolute; top:-.35em; left:-2.5em; color:#fff; }

  /* CONTENT -- PAGE CONTENT -- TYPOGRAPHY */

  .content h3 { font-size:1.5em; margin:1em .66em .66em 0; font-family: tablet; font-weight:normal; }
  .content > h3 { margin-left:5.25em;}
  .content h4 { display:block !important; font-size:1.25em; margin:1.4em .8em .8em 0; font-family: tablet; font-weight:normal; color:#666; }
  .content > h4 { margin-left:6.33em; }
  .content h5 { font-size:1em; color:#667; }

  .content em { letter-spacing:.1em; color:#3b8545; margin:0 .2em 0 .1em;  }
  .content em.negative { letter-spacing:.1em; color:#cc0824; font-style:normal; }

  .content .highlight { color:#4b4b4d; background:#eef6fc; background:rgba(191, 220, 245, .25); border:.2em solid #bfdcf5; border-width:.2em 0 .2em 0; padding:0 1em; margin-top:2em; margin-bottom:2em; }
  .content .highlight > * { margin-left:0; }

  .content .highlight.positive { border-color:#aac811; background:#f1ffdc; }
  .content .highlight.positive h3,
  .content .highlight.positive h4 { color:#3b8545; }

  .content .highlight.negative { border-color:#cc0824; background:#FFF2F4; }
  .content .highlight.negative h3,
  .content .highlight.negative h4 { color:#cc0824; }

  .content h3.inline,
  .content h4.inline,
  .content h5.inline { display:inline; float:left; margin-top:0; margin-bottom:0; margin-right:.33em; height:.9em; }
  .content h3.inline { margin-top:-.2em; vertical-align:baseline; }
  .content h4.inline { margin-top:-.05em; vertical-align:baseline; }

  .content samp,
  .content kbd,
  .content code { display:inline-block; background:#ececec; color:#224; font-size:1.1em; padding:.05em .5em; margin:.1em 0; border-radius:.25em;}


  /* CONTENT -- PAGE CONTENT -- CONTENT TABLES */

  .content table { max-width:100%; border-collapse:collapse; border-spacing:0; width:100%; height:auto; margin:1em 0 2.5em 0; padding:0; border:0; border-bottom:.25em solid rgba(191, 220, 245, .25);  }
  .content table tr { border:0;}
  .content table th,
  .content table td { border:0; padding:.5em 1em .5em .5em; vertical-align:top; text-align:left; }
  .content table td:last-of-type { padding-right:1.5em; }

  th { text-align:left; }
  .content table th { background:#bfdcf5; }
  .content table tbody th { background:transparent; }
  .content table tr:nth-of-type(2n) { background:rgba(191, 220, 245, .25); }
  .content table tr:hover { background:rgba(191, 220, 245, .15); }
  .content table tr:nth-of-type(2n):hover { background:rgba(191, 220, 245, .4); }

  .content table td:first-child,
  .content table th:first-child { padding-left:8em; }


  /* CONTENT -- PAGE CONTENT -- LISTS */

  .content * { text-indent:0; }

  .content ul { list-style-type: none; padding-left:3.33em; }
  .content ul ul { list-style-type: none; padding-left:3.33em; }
  .content ul li { text-indent:-2.15em; margin:.5em 0; }
  .content ul li:before { font-family:livivoicons; content: "\00B7"; float:left; width:2.15em; line-height:1.1em; color:#aac811; }

  .content ol { list-style-type: none; padding-left:1.5em; counter-reset:li 0; }
  .content ol li { line-height:1.5em; position:relative; padding-left:2em; margin:.5em 0; }
  .content ol li:before { display:inline-block; position:absolute; font-size:.8em; font-weight:bold; line-height:1.8em; padding:0em .1em; font-weight:bold; left:-.5em; min-width:1.4em; text-align:center; border-radius:35%; background:#aac811; color:#fff; content:counter(li); counter-increment:li; }

  ul.nobullets ul { padding-left:6.66em; }
  .content ul.nobullets { padding-left:0; }
  .content ul.nobullets > li { text-indent:0; }
  .content ul.nobullets > li:before { content:""; display:none; }

  /* CONTENT -- PAGE CONTENT -- IMAGES */

  .content img { margin:0 1em 1em 0; max-width:90%; max-width:calc(100% - 2em); height:auto; border:.1em dotted #6185c3; }
  .content > img { margin:0 1em 1em 8em; max-width:90%; max-width:calc(100% - 9em); }
  .content > img.full { margin:0 1em 1em 1em; max-width:90%; max-width:calc(100% - 2em); width:90%; width:calc(100% - 2em); }
  .content img.noborder { border:none; }

  .content > figure { margin:0 1em 1em 8em; }
  .content > figure > img { margin:0; }
  .content figcaption { margin:0 0 1em 0; font-style:italic; font-size:.85em; color:#666; padding:.2em 2em .33em .15em;  }

  .content p img,
  .content li img,
  .content table img { margin:0 .25em; vertical-align:middle; }


  /* CONTENT -- PAGE CONTENT -- FORMS -- VALIDATION ICONS */

  form .validation:after { position:relative; top:.15em; left:-1.33em; width:1em; margin:0; text-align:center; }

  input:invalid + .validation:after {  content: "!"; font-family:tablet; color:#cc0824; }
  input:valid + .validation:after {  content: "\2713"; color:#aac811; }


  /* CONTENT -- PAGE CONTENT -- FORMS -- VALIDATION ICONS -- TO TOP OF PAGE LINKS */

  .totop { display:block; height:0; padding:0; margin-top:-1em; margin-bottom:0; position:relative; }
  .totop .icon:before { display:block; font-size:1.25em; content:'\25b2'; padding:0; border-radius:50%; background:#bfdcf5; position:relative; top:-1.25em; left:-3.575em; color:#fff; height:1.5em; width:1.5em; text-align:center; line-height:1em; }
  table + .totop .icon:before { top:-2em; }
  .totop:hover .icon:before { background:#375b9a; }


  /* CONTENT -- PAGE CONTENT -- FORMS -- VALIDATION ICONS -- LARGE TO TOP OF PAGE LINK ON SCROLL */

  .linktotop { position:relative; left:33em; top:0; margin-left:-33em; vertical-align:middle; }
  .livivoicons .linktotop { display:block; height:0; padding:0; position:fixed; left:50%; top:50%; margin-left:-33em; }
  .livivoicons .linktotop .icon:before { display:block; font-size:2em; content:'\25b2'; padding:0; margin:0; border-radius:50%; background:#bfdcf5; position:relative; left:0; top:0; color:#fff; height:1.5em; width:1.5em; text-align:center; line-height:100%;  }
  .linktotop:hover .icon:before { background:#375b9a ;}
  .supports-js .linktotop { opacity:0; z-index:-1; transition:opacity .5s ease, left .3s ease, margin-left .3s ease; -webkit-transition:opacity .5s ease, left .3s ease, margin-left .3s ease; }
  .supports-js .totopvisible .linktotop { opacity:1; z-index:100; }

  /* CONTENT -- PAGE CONTENT -- TOGGLING FULL VIEW ELEMENTS */

  .toggleable { margin-bottom:0; }
  .toggleable .optional { transition:all .3s ease; -webkit-transition:all .3s ease; overflow:hidden; opacity:1; box-sizing:border-box; }
  .supports-js .toggleable.collapsed .optional { max-height:0 !important; overflow:hidden; margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0; opacity:1; }
  .toggleable.expanded .optional     { max-height: 10em; opacity:1; }
  .toggleable.expanded .optional.l   { max-height: 40em; }
  .toggleable.expanded .optional.xl  { max-height: 80em; }
  .toggleable.expanded .optional.xxl { max-height:200em; }

  /* Special case table rows */
  .supports-js .toggleable.collapsed tr.optional { display:none; }
  .toggleable.expanded tr.optional{ display:table-row;  }

  /* Special case list elements */
  .toggleable.expanded li.optional { overflow:visible; }

  /* Toggle trigger link */
  .toggleable + a.trigger { display:block !important; clear:both; padding:.25em .5em .25em .5em; margin:0 auto 1em 0; width:10em; position:relative; top:-.5em; left:0; text-decoration:none; border-bottom-left-radius:.4em; border-bottom-right-radius:.4em; color:#4b4b4d !important; background:#bfdcf5; background:rgba(191, 220, 245, .5); }
  .content > .toggleable + a.trigger { margin-left:8em; }

  .toggleable + a.trigger:hover { color:#000; background:#bfdcf5; }

  /* Change links to top if adjacent */
  .toggleable + a.trigger + .totop .icon:before { top:-.5em; }

  /* Different margins after lists */
  ul.toggleable + a.trigger,
  ol.toggleable + a.trigger { margin-top:.5em; }

  /* Different margins after tables */
  .content table.toggleable + a.trigger { margin-top:-2em; }

  /* Different margins in forms */
  .content form .toggleable.expanded fieldset.optional{ box-sizing:content-box; }
  .content form  a.trigger { top:0; margin-top:0; }

  /* Different positioning for authors list */
  .authors.toggleable + a.trigger { top:0; }

  .content .optional > p:first-child { margin-top:0; }

  /* Triggers in search results */
  .hits article .details table .toggleable + a.trigger { margin:.25em 0 .25em 0; top:0; left:-.5em; border-top-left-radius:.4em; }

  /* CONTENT -- SEARCH RESULTS -- FILTERS -- CONTENT */


  .filters section.content { padding:1px 0 0 0; margin:.5em 0 0 0; }
  .filters section.content > *,
  .filters section.content > section > * { margin-left:1.5em; }
  .filters section.content h3 { margin-left:1em; }
  .filters section.content h4 { margin:1em .5em .5em 1.2em; }
  .filters section.content h4 { font-size:1.1em; margin:.9em .45em .45em 1.35em; }
  .filters section.content p { margin-top:.5em; margin-bottom:.5em; }

  .filters section.content > section { margin:.55em 0 .5em 0; padding:.5em 0 .5em 0; }


  /* CONTENT -- SEARCH RESULTS -- FILTERS -- CONTENT USER DATA */

  .filters section.content.userdata { background:#eef6fc; }
  .filters section.content.userdata h4 { margin-top:.33em; margin-bottom:.33em; }
  .filters section.content.userdata h4 + * { margin-top:0; }
  .filters section.content h4.userdata { font-size:.8em; margin-left:1.83em; margin-top:0; margin-bottom:0; font-family:arial; font-weight:lighter; }
  .filters section.content h4.userdata + * { font-size:1.25em; margin:.2em .8em .33em 1.2em; font-family: tablet; font-weight:normal; color:#666; line-height:1.2em; }
  .filters img { max-width:82%; max-width:calc(100% - 3em); margin:.5em 1.5em; }
  .filters > section:last-child { margin-bottom:1em; }


  /* CONTENT -- RICH LISTS */

  ul.richlist, .richlist ul { padding:0; list-style:none; }
  .richlist li { padding:0; text-indent:0; }
  .richlist > li { position:relative; border-top:.25em solid #ccddee; padding-bottom:.6em; }
  .richlist > li h4 { margin-top:1.2em; }
  .richlist > li h4 span { display:inline-block; margin-left:.33em; color:#999; }
  ul.richlist  { border-bottom:.25em solid #ccddee; }
  .richlist li:before { content:""; display:none; }
  .richlist h5 { display:inline-block; min-width:16%; margin:0; font-weight:normal; }
  .richlist > li > div { font-weight:bold; }
  .richlist ul.functions { position:absolute; top:0; right:0; margin-top:.7em; }

  /* PAGE FOOTER */

  body > footer { width:100%; margin-top:2em; padding:0 0 0 0; background:transparent; }

  body > footer > div > section { margin-left:18em; width:26em; background:#fff; padding:1em; border-radius:.25em; }
  body > footer figure { margin:0; padding:0; text-align:center; }
  body > footer figcation { display:block; color:#666; margin:1em 0 0 0; text-align:left; }

  footer div.nav { clear:both; position:relative; top:1em; z-index:99; background:#d8d8d8; width:100%; max-width:none; }

  footer div.nav ul { max-width:80em; margin:auto; padding:0; }
  footer div.nav ul li { list-style:none; margin:0 1em 0 0; padding:0; float:left; }
  footer div.nav ul li:first-of-type { margin-left:18em; }
  footer div.nav ul li.social,
  footer div.nav ul li.version { float:right; margin:0 0 0 1em; }

  footer div.nav ul a { display:block; color:#4b4b4d; text-decoration:none; padding:1em 1em 1em .5em; }
  footer div.nav ul li.version a { color:#666; font-size:.86em; line-height:1.75em;}
  footer div.nav ul li.social a { float:right; padding:.4em 0 0 0; }
  footer div.nav ul li a:hover { text-decoration:underline; color:#3B8545; }

  /*
  .livivoicons .social .icon:after { display:inline-block; font-size:2em; margin:.2em 0 0 0; }
  .social .text { line-height:3em; }
  */

  .livivoicons .social .icon:after { color:#5a5a5f; display:inline-block; font-size:2.2em; margin:0 0 0 0; }
  .social .text { line-height:3em; }

  footer div.partners { clear:both; position:relative; z-index:80; width:100%; max-width:none; margin:1em 0 1em 0; }
  footer div.partners ul { max-width:80em; margin:auto; padding:1em 0 1em 0; }
  footer div.partners ul li { list-style:none; margin:0 0 0 1em; padding:0; float:left; }
  footer div.partners ul a { display:block; color:#fff; text-decoration:none; padding:1em .5em; }
  footer div.partners ul a img { max-width:18em; margin-left:.05em;}
  footer div.partners ul li:first-of-type { display:block; margin-left:18em; }





  /* HOME PAGE */

  body.home { min-height:56em; position:relative; }
  .home { background:#fff; }

  .home > header { background:#fff; }
  .home h1 { margin:2em 0 .5em 25.5em; width:auto; }
  .home h1 img { width:21em; min-height:11.3em; }


  .home .login { background:#f3f3f3; }

  .home nav.main { border-width:2.5em; border-width:1em; border-width:.85em; }
  .home nav.main ul li a { padding-top:1em;}
  .home nav.main ul.symbols { top:3em; }

  .home .thesearch { margin-bottom:12em; box-shadow:0 1em 6em .5em rgba(0,0,0,.4); padding:.5em 0 .6em 0; top:19.5em; }
  .home .thesearch form { margin-bottom:.5em; }


  /* HOME PAGE -- FOOTER */

  .home > footer { position:absolute; bottom:-.5em; left:0; right:0; margin-top:2em; padding:0; background:#bfdcf5; background:#ececec; color:#111;}
  .home > footer section { position:relative; z-index:20; width:calc(50%); padding:2em 0 0 0; float:left; margin:0; background:transparent; box-shadow:none; }
  .home > footer section:first-of-type { width:25em; }
  .home > footer section:last-of-type { width:55em; width:calc(100% - 25em); margin:0; }
  .home > footer .info { font:2em tablet; margin:0 0 0 .25em; max-width:16em; color:#4b4b4d; line-height:1.15em; padding-right:.75em; }

  .home > footer div.nav { top:0; }
  .home > footer div.nav ul li:first-of-type { margin-left:25.5em; }

  .home > footer div.partners  { background:#ececec; margin:0; }
  .home>  footer div.partners ul li:first-of-type { display:block; margin-left:25.5em; }
  .home > footer div.partners ul a img { max-width:14em; }


  /* HOME PAGE -- FOOTER -- TAG CLOUD */

  .tagcloud { margin:0 0 2em 0; padding:0 0 2em 1em; line-height:1.5em; height:6.45em; overflow:hidden; text-align:justify; color:#0d1f2f; }
  .tagcloud li { list-style:none; display:inline-block; padding:0; margin:0; padding:0; color:#4b4b4d;   }
  .tagcloud .s1 { font-size:.8em; }
  .tagcloud .s2 { font-size:.9em; }
  .tagcloud .s3 { font-size:1em; }
  .tagcloud .s4 { font-size:1.1em; }
  .tagcloud .s5 { font-size:1.2em; font-weight:bold; }
  .tagcloud .s6 { font-size:1.3em; font-weight:bold;  }

  .tagcloud a { text-decoration:none; color:#4b4b4d; white-space:nowrap; }
  .tagcloud a:hover { color:#3b8545; text-decoration:underline;}



  /*

  COLOR DEFINITIONS (Sieghart + 3pc)


  ZB MED colors______________

  Orange:             #ee7f00
  Red:                #cc0824


  New screen colors__________

  Blue:               #6185c3
  Dark blue:          #375b9a

  Light green:        #aac811
  Green:              #41944c
  Darker green (WJ):  #3b8545


  Additional colors__________

  Red:                #cc0824
  Green:              #4cb256


  */



  /* BROWSER FIGHTS */

  /* SEARCHBAR */

  select { -webkit-appearance:menulist; padding:.5em !important; line-height:2em; min-height:2.5em; height:2.5em; }

  .thesearch .backnav { height:0; padding:0; border:0; min-height:0; background:rgba(255,0,0,.3) !important;}
  form#nsearch { margin-bottom:-1em;}
  form#xtsearch { left:17.44em; top:-2em; margin:0 0 -2.66em 0; }
  body .backnav { height:0; padding:0; border:0; min-height:0; top:.1em; }

  .thesearch .backnav a.tohistory,
  .thesearch .backnav a.back { height:2.6em; top:0; margin-top:0; vertical-align:top; }

  body .thesearch form { left:18em; margin-left:8em !important; }
  body .thesearch .expand { margin-top:-1.5em; margin-bottom:-2em; top:2em; }
  body .thesearch .expand { float:none; width:auto; max-width:12em; margin-top:-.1em; top:.5em; white-space:nowrap; }

  form#xtsearch input { width: 18em; }
  form#xtsearch button { top:.025em; }

  /* DETAILS TABLE 100% */

  .hits li article section.details { width:100%; clear:both; }
  ul.functions {
    transition:margin-bottom .2s ease;
    -webkit-transition:margin-bottom .2s ease;
  }
  .expanded ul.functions { margin-bottom:1em; transition:none; -webkit-transition:none; }

  /* JS TESTING ELEMENT OFF-CANVAS */

  #tester { position:absolute; left:0; top:-200%; }
  #tester tr.optional { display:table-row !important; }
  #tester .optional { max-height:none !important; }
}




/* STYLE FOR SCREEN AND PRINT */



.content samp,
.content kbd,
.content code { display:inline-block; background:#ececec; color:#224; font-size:1.1em; font-family:monospace; padding:.05em .5em; margin:.1em 0; border-radius:.25em;}

/* CONTENT -- PAGE CONTENT -- FONT ICONS IN CONTENT */

.content p .icon,
.content li .icon,
.content table .icon { display:inline-block; margin:0 .25em; min-width:1em; font-size:1.5em !important; vertical-align:middle; color:#666; text-align:center; }

.content .livivoicons .icon { min-width:none !important; }


/* Special case for use as bullets */
.content ul.nobullets li .icon:first-child { margin:0 .5em 0 .66em; }

/* CONTENT -- PAGE CONTENT -- FORMS */

.content form * { margin-left:0; }

fieldset { border:none; }
.content fieldset { position:relative; padding:1em 1em 2em 1em; background:#eef6fc; }
.content fieldset > *:first-child { margin-top:0; }

.content legend { position:relative; display:block; margin-bottom:1em; left:0; top:1.75em; }

.content input,
.content textarea { font:normal 1em arial,helvetica,sans-serif; padding:.5em; min-width:50%; min-width:calc(50% - 3em); padding-right:2em; }

.content input[type="radio"],
.content input[type="checkbox"] { padding:0; margin:.7em 1em 0 1em; display:block; float:left; min-width:0; clear:both; }
.content input[type="radio"] + label,
.content input[type="checkbox"] + label { display:block; float:left; clear:none; max-width:70%; }

.content input:checked + label { color:#3b8545; }

.content form label { display:block; margin-top:.5em; margin-bottom:.5em; clear:left; }
.content form label:last-child { margin-bottom:0; }
.content form label:hover { text-decoration:none; color:#375b9a; }
.content form label .mandatory { color:#cc0824; opacity:.5; }
.content form label:hover .mandatory { opacity:1; }

.content input[type="submit"],
.content input[type="reset"],
.content a.buttonline,
.content button { display:inline-block; margin:0 1em 1em 0; padding:.5em 2em; box-sizing:border-box; border:.1em solid #6185c3; border-color:#91a5e3 #6185c3 #375b9a #6185c3; border-radius:.25em; background:linear-gradient(to bottom, #eef6fc 0%,#cfd8de 100%); line-height:1.33em; text-decoration:none; font:inherit; min-width:0; color:#223; cursor:pointer; }

.content input[type="submit"] { color:#3b8545; min-width:50%; }
.content input[type="submit"].s { color:#3b8545; min-width:4em; }
.content input[type="reset"] { color:#cc0824; }

.content br { clear:both; }

.content select { padding:.5em; }

.content form .combi { min-width:50%; min-width:calc(50% - 3em); min-height:1em; }
.content form .part { float:left; margin-right:1em; }
.content form .part input { min-width:16.5em;  }


/* CONTENT -- PAGE CONTENT -- iFRAME */

iframe { width:70%; width:calc(100% - 11em); height:10em; border:.33em solid #bfdcf5; -moz-box-shadow: 0 .33em 1.33em rgba(0,0,0,.25); -webkit-box-shadow: 0 .33em 1.33em  rgba(0,0,0,.25); box-shadow: 0 .33em 1.33em rgba(0,0,0,.25); }


/* CONTENT -- SEARCH RESULTS -- RESULT -- TITLE / HEADER -- AUTHORS*/

.authors { display:table-header-group; list-style:none; margin:0; padding:0; line-height:1.2em; }
.authors li { display:inline; }
.authors li + li:before { content:" / "; margin:0 .25em; opacity:.75; }


/* HOME PAGE -- FOOTER -- TAG CLOUD */

.tagcloud { margin:0 0 2em 0; padding:0 0 2em 1em; line-height:1.5em; height:6.25em; overflow:hidden; text-align:justify; color:#0d1f2f; }
.tagcloud li { list-style:none; display:inline-block; padding:0; margin:0; padding:0; color:#4b4b4d;   }
.tagcloud .s1 { font-size:.8em; }
.tagcloud .s2 { font-size:.9em; }
.tagcloud .s3 { font-size:1em; }
.tagcloud .s4 { font-size:1.1em; }
.tagcloud .s5 { font-size:1.2em; font-weight:bold; }
.tagcloud .s6 { font-size:1.3em; font-weight:bold;  }


  /* POPUPS */

  #popup { display:block; z-index:501; position:fixed; top:0; left:0; background:rgba(0,0,0,0); }
  #popupcontent { display:block; background:#fff; min-height:16em; width:48em; position:fixed; left:50%; top:-50%; z-index:501; margin:0 auto 0 -20em; padding:2em; border-radius:.25em; box-shadow:0 6px 3em 0 rgba(0,0,0,.6); border:.3em solid #aac811; border-width:.3em 0 .3em 0; transition:all .5s ease-out; transition:all .5s ease-out; -webkit-transition:all .5s ease-out; transform:scale(0); -webkit-transform:scale(0); }
  .popup #popup { display:block; position:fixed; z-index:500; top:0; right:0; bottom:0; left:0; height:auto; margin:0; opacity:1; background:#666; background:rgba(0,0,0,.5); }
  .popup #popupcontent { display:block; opacity:1; left:50%; top:50%; z-index:501; transform:scale(1); -webkit-transform:scale(1); }
  #popupcontent > * { margin-left:0; }
  #popupcontent > *:first-child { margin-right:2em; margin-top:0; }
  #popupcontent h3 span { color:#375b9a; }
  #popupcontent ul { margin:0; padding:0; list-style:none; width:50%; float:left; }
  #popupcontent ul li { margin:0; padding:0; list-style:none; width:100%; text-align:center; }
  #popupcontent ul li:before { display:none; }
  #popupcontent ul li img { max-width:100%; border:none; }
  #popupcontent ul li a:hover img { transform:scale(1.1); opacity:.8;}
  #popupcontent ul + ul { padding-top:14.6%; }
  #popupcontent code { font-size:1.5em; max-width:100%; overflow:hidden; text-overflow:ellipsis; }
  #popup a.close { position:absolute; top:.9em; right:1em; font-size:1.5em; padding:0; margin:0; color:#666; text-decoration:none !important; }
  #popup a.close:hover { color:#cc0824; transform:scale(1.5); -webkit-transform:scale(1.5); cursor:pointer; }








/* Dock home page footer if enough vertical space */

@media screen and (min-height:41em) {
  html { min-height:100%; }
  body.home { min-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; }
  .home > footer { position:absolute; bottom:-11em; left:0; right:0; margin-top: 2em; }
}

@media screen and (min-height:51em) {
  html { min-height:100%; }
  body.home { min-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; }
  .home > footer { position:absolute; bottom:0; left:0; right:0; margin-top: 2em; }
}

/* No docking on home page with any content, e.g. alerts */

.home > main + footer { position:static; }





/* BREAKPOINT M */

/* Screen too small for left column */


@media screen and (max-width:71em) {
    /* 66em? */

    body:after {
      content: "bp-medium";
      display: none;
    }

    .notonpad { display:none !important; ---HIDE---}

    body { font-size:1em; -webkit-text-size-adjust:100%; }
    .wrap, .intro, .hits { float:none; width:auto; left:0; right:0; max-width:100%; width:100%; }
    .thesearch .backnav { width:7em; }

    body > header { z-index:20; padding-top:1em; }

    h1 { margin-top:-.7em; width:auto; height:6.2em; overflow:hidden; }
    h1 img { margin-top:-2.2em; }

    body > header .button { margin-top:-.33em; margin-right:1em; margin-bottom:.58em; min-width:8em; text-align:right; }

    body > header a.button.menutoggle { display:block; margin-right:1em; position:relative; }
    body > header a.button.menutoggle .icon { display:inline-block; transform:scale(2); -webkit-transform:scale(2); position:absolute; left:1.5em; top:0; margin-top:-.05em; margin-right:.75em; color:#4b4b4d; }
    body > header a.lang  { margin-right:.25em; padding-top:.1em;}

    body.loggedin > header a.lang  { margin-right:3.5em; margin-top:-7.75em; }
    body.loggedin > header a.lang span { display:inline-block; width:.0001em; overflow:hidden; white-space:nowrap; }

    nav.main { position:static; margin-top:2.1em; background:#aac811; }
    nav.main { max-height:0; overflow:hidden; transition:all .2s ease-out; -webkit-transition:all .2s ease-out; position:relative; }
    body.navactive nav.main { max-height:25em; }
    nav.main ul { padding:0; margin:0; }
    nav.main ul li,
    nav.main ul.symbols li  { display:block; position:static !important; float:none; width:100%; margin:0; padding:0; border-bottom:1px solid #ececec; line-height:inherit;}
    nav.main ul li a,
    nav.main ul.symbols li a { box-sizing:border-box; display:block; position:static !important; width:100%; margin:0; padding:1em 1em 1em 8em !important; font-size:inherit !important; color:#111 !important;}
    nav.main ul.symbols li a:hover { color:inherit !important; text-decoration:underline; }

    nav.main ul li:last-of-type { border:none; }

    nav.main ul.symbols { position:static; margin:0; }

    nav ul .icon-fallback-glyph { display:block; padding:0.5em 0; }
    nav ul .icon-fallback-glyph .text { display:inline; overflow:visible; position:static; width:auto; height:auto; clip:auto; margin-top:1em; }
    nav ul .icon-fallback-glyph .icon:before,
    nav ul .icon-fallback-glyph .icon:after { display:inline-block; font-size:inherit; display:none;}

    button .icon-fallback-glyph { vertical-align:middle; }
    button .icon-fallback-glyph .text { text-transform:uppercase; vertical-align:middle; }


    .thesearch form input[type=search] { width:calc(100% - 18em); min-width:6em; }


    body.fixed > .thesearch a.expand,
    .thesearch a.expand { margin-left:50%; left:8em; white-space:nowrap; }

    /*  BREAKPOINT M -- THE SEARCH BAR -- FIXED TO TOP BY JS */

    body.fixed > .thesearch { position:fixed; top:0; left:0; z-index:200; border-top-width:.5em !important; box-shadow:0 5px 18px rgba(0,0,0,.4); }

    /* BREAKPOINT M -- CONTENT -- SEARCH RESULTS -- FUNCTION LINKS */

    ul.functions { margin:-1em 0 1em 0; padding:0 1em 0 6.5em; background:#ececec; background:#bfdcf5; background:#E4F0FA; float:none; text-align:left; position:relative; border-radius:0; }
    ul.functions li { list-style:none; display:inline-block; width:auto; white-space:nowrap; margin:0 0 0 5em; }
    ul.functions li + li { margin-left:1em; }
    ul.functions li label,
    ul.functions li a { width:auto; margin:0; padding:.5em; }
    .livivoicons ul.functions .icon:after { font-size:1em; padding:0 .2em .3em .0em; vertical-align:bottom; line-height:1em; }

    ul.functions li.remove,
    ul.functions li.bookmark { float:right; margin:0 0 0 1em; padding:0; }

    header.intro h2 { margin-left:1.5em; position:relative; }
    header.intro > p { font-size:1em; padding:1em .5em 0 8em; }
    header.intro .set ul { margin-left:8em; }

    .style-short ol.hits article header h3:last-child a { margin-right:6em; }
    .style-short ol.hits article header .authors { width:80%; width:calc(100% - 6em); float:left; }
    .style-short section.top { position:static; }
    .style-short ul.functions { position:absolute; top:2em; right:0; width:auto; background:transparent; float:right; }
    ol.hits article .top > p { margin-left:8em; }

    /* BREAKPOINT M -- CONTENT -- SEARCH RESULTS -- PAGINATION */

    nav.pages ul { padding:0 .5em .5em 9em; margin-bottom:.5em; }
    nav.pages ul li a { display:none; }
    nav.pages ul li span.active,
    nav.pages ul li a.prev,
    nav.pages ul li a.next { display:block; padding:.5em; }
    nav.pages ul li span.active { padding:1em; }

    ol.hits + nav.pages { padding-left:0; }

    /* BREAKPOINT M -- search options */

    header.intro { position:static; margin:0em 0 2em 0; padding:0; }
    header.intro { padding-bottom:1em; }
    .results header.intro > h2 { display:none; }
    header.intro > p { padding-top:0; }
    header.intro > h3 { display:block; font-weight:normal; position:absolute; top:4.5em; right:1em; clear:all; }
    header.intro > h3 { position:static; clear:both; margin:1.5em 0 0 7.5em; padding:1em 0 1em 0; font-size:1em;}
    header.intro > .togglefilter,
    header.intro > h3 a { border-radius:.75ex; background:#ddd; padding:.5em 1em; margin-left:.5em; text-decoration:none; color:#222; }
    header.intro > .togglefilter { display:inline-block; background:#bfdcf5; padding:1em 1em; margin:1em auto .5em 8em; }

    header.intro > ul,
    header.intro aside { float:none; clear:left; position:relative; top:1em; left:0; right:0; margin:0; padding:0; background:#ececec;}
    header.intro fieldset { float:none; position:relative; top:0; left:0; right:0; margin:0; border-top:1px solid #999; padding:0 0 0 7em; }
    header.intro fieldset.view { display:none; }
    header.intro fieldset label { margin:.5em 0 0 .95em; color:#777; }
    header.intro fieldset select { padding:1em 1em .5em .6em; margin:.25em 0 .75em 1em; }
    header.intro > ul li { display:block; margin:0; background:#d8d8d8; border-top:1px solid #666; }
    header.intro > ul li a { display:block; margin:0; padding:1em 1em 1em 8em; position:relative;}
    header.intro > ul li a:before { content:'Link: '; color:#375b9a; }
    header.intro > ul li a img { position:absolute; line-height:3em; top:1.1em; right:2em; }
    header.intro > ul li:after { line-height:2.1em; right:1.33em !important; }

    header.intro > ul,
    header.intro aside { max-height:0; overflow:hidden; transition:all .2s ease-out; -webkit-transition:all .2s ease-out; }

    /* BOOKMARK LIST */

    .bookmarks ul.functions { margin:-1em 0 0 0; }

    body.optionsactive header.intro > ul,
    body.optionsactive header.intro > aside { max-height:12em; }


    /* */

    /* off canvas filters */

    main { position:relative; padding-bottom:1em; }
    .wrap { position:relative; left:0; }

    .filters { position:absolute; left:-17em; top:0; z-index:99; height:auto; background:#bfdcf5; box-shadow:0px 0px 0px rgba(0,0,0,0); border-radius:0; }

    body.filtersactive .filters { left:0; top:.033em; box-shadow:5px 0px 18px rgba(0,0,0,.4); bottom:1em; }
    body.filtersactive .wrap { position:relative; left:17em; }
    body.filtersactive main { overflow-x:hidden; }

    .filters ul li a { padding: .8em .5em .8em 1em; background:#fff; }

    .filters h3 { margin-top:1em; }
    .filters h4 { margin-bottom:0; }
    .filters > h3:first-child { }
    .results + .filters > h3:first-child { margin-top:1.8em; }

    .morefilters { background:#ececec; }
    .selectsources { background:#ececec !important; }

    .filters fieldset { background:#D0E5F7; }

    /* CONTENT -- PAGE CONTENT -- FORMS -- VALIDATION ICONS -- LARGE TO TOP OF PAGE LINK ON SCROLL */

    .linktotop { left:2.9688em; top:50%; margin-left:0; }
    .supports-js .totopvisible .linktotop { z-index:-1; opacity:0; }
    .totopvisible .linktotop .icon:before { box-shadow:0 .2em .33em -.1em rgba(0,0,0,.25);  }
    .filtersactive.totopvisible .linktotop { z-index:100; opacity:1; left:7.33em; margin-left:0; }
    .filtersactive.totopvisible .linktotop .icon:before { background:#375b9a; color:#bfdcf5; box-shadow:0 .2em .33em rgba(0,0,0,.4);  }

    ol.hits li article td[style] { display:none; }


    .hits article + ul ul li a:hover { margin:0 0 .1em 0; }

    body > footer { margin-top:5.5em; }
    body > footer div.nav { background:none; }
    body > footer div.nav ul { margin-bottom:4em; text-align:center; background:none; }
    body > footer div.nav ul li { float:none; background:#d8d8d8; border-bottom:.25em solid #ececec; font-size:1.2em;}

    body > footer div.nav ul li { float:none; width:100%; padding:0; margin:0; text-align:center; }



    body > footer div.nav ul li.social { background:transparent; display:inline-block; float:none; font-size:2em; width:4em; margin:1em 0 0 0; padding:0; text-align:center; height:4em;}
    body > footer div.nav ul li.social a { float:none; margin:0; }
    body > footer div.nav ul li.version { background:none; clear:both; height:4em; }

    body > footer div.nav ul li:first-of-type { margin-left:0; }
    body > footer div.partners ul li:first-of-type { width:100%; margin:0 0 2em 0; text-align:center; }



    /* HOME PAGE */

    .home h1 { margin:5em 0 0 0; width:100%; height:auto; text-align:center; }
    .home h1 a { height:auto; }
    .home h1 img { margin:0; }

    .home > header .button,
    .home > header a.lang { display:block; position:relative; margin-top:-.33em; top:-16.5em; margin-right:1em; }

    .home > header a.lang { float:left; white-space:nowrap; margin-top:-8em;}
    .home > header a.lang em { position:absolute; left:3em; top:7.25em; display:inline-block; width:auto; font-weight:normal; }

    body.loggedin.home > header a.lang { position:absolute; top:1em; }

    .home > header a.button.menutoggle { display:block; margin-right:1em; }


    .home > footer { position:static; margin-top:6em; }
    .home > footer .info { display:none; ---HIDE--- }
    .home > footer section:last-of-type { width:100%; }
    .home > footer section ul.tagcloud { margin-left:0em; margin-right:1em; height:auto; font-size:1.2em; }
    .home > footer div.nav ul li:first-of-type { margin-left:0; }

    .home > footer div.partners ul li:first-of-type { margin:0 0 5em 0em; }
    .home > footer div.partners ul li:first-of-type a { margin:0 0 0 3em; }

    .home .thesearch .backnav a.tohits { position:absolute; top:-4.5em; left:6.1em; line-height:1em; }


    /* BREAKPOINT M -- CONTENT -- BANNER */

    .content.banner { padding:5em 0 0 0; }
    .content.banner a { width:100%; }
    .content.banner img { width:100%; max-width:90%; max-width:calc(100% - 2em); height:auto; margin:0 0 0 1em; border:0!important; outline:none!important; }

    /* ... */

    .tohits .text { display:none; ---HIDE--- }
    ul.functions li input { width:1.7em; height:1.7em; }

    .hits article.google.hasmaterials .top { min-height:6em; }


    header.intro > ul li a { margin-left:7em; }


    body.loggedin > header h1 { margin-right:-20em; }
    body.loggedin > header .button { display:block; clear:right; }
    body.loggedin > header .button.menutoggle { margin-top:.25em; }


    main { margin:0 !important; }
    .home > main { margin:2em 0 0 0!important; }
    .home.xtsearch > main { margin-top: 8em!important; }

    main > section.alert.content { padding-left:0; margin-bottom:2em; }
    .livivoicons main > .alert h2:before { left:1em; }

    main > section.alert:first-of-type { margin-top:0; padding-top:3.1em; transition:margin-top .6s ease; -webkit-transition:margin-top .6s ease; }
    .livivoicons main > section.alert:first-of-type h2:before { top:.5em; }

    .xtsearch main > section:first-of-type  { margin-top:0em; }



    header.intro { padding-top:3em; }
    header.intro fieldset label { margin-left:1em; }
    header.intro > ul li a { margin-left:0; }

    .historyactive .thesearch .backnav a.tohistory { left:14.9em; }

    ol.hits article .top > p { max-width:98%; max-width:calc(100% - 1em); }
    ol.hits article header { margin-left:8em; width:auto; }
    ol.hits article header h3:last-child a, { padding-top:.5em; min-height:2.75em;}

    ol.hits article header img { margin-left:-3em; margin-right:1.8em; opacity:.5;}
    .livivoicons .hits article header h3 .icon:after { margin-left:-3.15em; color:#bbb; }
    .livivoicons .hits article header h3:last-child .icon:after { top:1.25em; }

    .hits article .top > ul.google { margin-top:1.5em; }

    .thesearch { top:10em; white-space:nowrap; }
    .thesearch > div { margin-left:50%; left:-22em; }

    .thesearch .backnav a.tohits { font-size:1em; position:absolute; top:-3.4em; left:6.1em; line-height:1em; background:transparent; color:#4b4b4d; }
    .thesearch .backnav a.tohits:hover { background:transparent; }
    a.tohits .icon:after { display:none; }

    nav.main { padding-top:4.1em; }
    nav.main li:first-child { padding-top:.25em; }
    .xtsearch main section:first-of-type  { margin-top:0em; }
    .navactive main section:first-of-type  { margin-top:0em; }

    .xtsearch nav.main { padding-top:10.75em; }
    body.xtsearch.navactive nav.main { max-height:35em; }

    body.home > header { height:24em; }
    body.home nav.main { max-height:0; overflow:hidden; transition:all .3s ease; -webkit-transition:all .3s ease; position:absolute; top:19.25em; left:0; right:0; padding-top:0; padding-bottom:4em; box-shadow:none; }
    body.home.navactive nav.main { max-height:22em; top:3em; margin-bottom:-18em; z-index:600; border:0; }
    body.home .thesearch { top:22em; padding-top:.3em;}
    body.home.navactive .thesearch { top:26em; padding-top:.3em;}

    /* 4 instead of 6 menu items */
    body.home.navactive .thesearch { top:22em; }
    body.home.navactive nav.main { max-height:15em; top:5.9em; }


    body.home > header .button { display:block; clear:none; }

    body.home.navactive .thesearch .backnav a.tohits { display:none; }
    body.home.xtsearch footer { margin-top:13em; }

    form#nsearch { left:0; width:auto; }

    .thesearch form#nsearch input[type=text],
    .thesearch form#nsearch input[type=search] { width:27.55em; }

    form#xtsearch { top:-2em; white-space:nowrap; left:-1em; width:38em; }

    nav.main { background:#375b9a; }
    nav.main ul li { background:#aac811; }


    /* POPUPS */

    .popup #popupcontent { display:block; background:#fff; min-height:16em; width:100%; width:calc(100% - 4em); position:fixed; top:50%; left:2em; margin:-25% auto 0 auto; z-index:501; padding:2em; border-radius:.25em; box-shadow:0 6px 3em 0 rgba(0,0,0,.6); border:.3em solid #aac811; border-width:.3em 0 .3em 0;}

}





/* Screen too small for access tabs */

@media screen and (max-width:54em) {

    .hits article + ul ul { padding:0; margin-bottom:.25em; }
    .hits article + ul ul li { float:none; }
    .hits article + ul ul li a { border-radius:0; margin:0 0 .1em 0; }
    .hits article + ul ul li:last-of-type a { border-radius:0 0 .4em .4em; }

    .hits article + ul li .icon:after { position:relative; float:right; }
}











/* BREAKPOINT S */

/* Screen too small for advanced search */

@media screen and (max-width:47em) {


  body:after {
      content: "bp-small";
      display: none;
  }

  .notonphone { display:none !important; ---HIDE---}

  .thesearch > div { margin-left:0; left:0; }

  .thesearch form#nsearch input[type=text],
  .thesearch form#nsearch input[type=search] { width:auto; width:18em; width:calc(100% - 6em); }

  .thesearch form#nsearch { min-height:4.1em; }
  .thesearch form#xtsearch { display:none; ---HIDE---  }

  form#nsearch input[type=text],
  form#nsearch input[type=search] { opacity:1!important; }

  .xtsearch nav.main { padding-top: 4.1em; }

  body > section.thesearch > div > a.expand,
  body.fixed > .thesearch a.expand { display:none; }
  /* body.xtsearch > .thesearch a.expand { display:block; } */

  .thesearch .backnav a.tohits { font-size:1em; position:absolute; top:4em; left:2em; background:#eee; }
  .thesearch .backnav a.tohits:hover { background:#eee; }
  .xtsearch .thesearch .backnav a.tohits { top:10.25em; }
  .home.xtsearch .thesearch .backnav a.tohits { top:-4.5em; }
  .filtersactive .thesearch .backnav a.tohits { left:19em; }
  .fixed .thesearch .backnav a.tohits { display:none; }
  .navactive .thesearch .backnav a.tohits { display:none; }
  a.tohits .icon:after { display:inline-block; font-size:1em; top:.525em; left:.5em; }

  .home.xtsearch > main { margin-top:2em!important; }

  body > header h1 { margin-right:-20em; }
  body > header .button { display:block; clear:right; }

  body > header a.lang,
  body > header a.lang em span { }
  body > header a.lang em { display:inline-block; }

  body > header a.lang { position:relative; width:1px; }
  body > header a.lang { white-space:nowrap; margin-top:-8em;  margin-right:4em; }
  body > header a.lang em { position:absolute; left:1em; top:8.5em; display:inline-block; width:auto; font-weight:normal; }
  body > header a.lang span { clip: rect(0 0 0 0); overflow: hidden; position: absolute; height: 1px; width: 1px; }

  ul.functions li.share,
  ul.functions li.link,
  ul.functions li.similar { display:none; }

  /* Main Buttons without labels */

  .livivoicons body > header .button { width:2.75em; min-width:2.75em; padding:0; overflow:hidden; }
  .livivoicons body > header .button.menutoggle { padding-left:3.25em; }
  .livivoicons .button .icon-login:before { left:.43em; }
  .livivoicons body > header .button.menutoggle .icon { left:1.4em; margin-top:0; }

  .livivoicons body.loggedin > header .button.login { width:3em; min-width:3em; text-align:left; }

  .livivoicons body.loggedin > header .button .icon-login:before { display:block; z-index:5; font-size:3.66em; left:.33em; opacity:.2;}
  .livivoicons body.loggedin > header .button.login a.logout { z-index:10; width:6em; font-size:.5em; padding:0; margin:0; text-align:center; background:none; }
  .livivoicons body.loggedin > header .button.login a:first-of-type { display:none; }
  .livivoicons body.loggedin > header .button.login a.logout:hover { color:#222; }

  /* Almost full width to the content */

  nav.main ul li a,
  nav.main ul.symbols li a { padding:1em 1em 1em 3em !important; }

  .hits article header { width:auto; padding-right:1em; }

  .content header.intro h2 { margin-left:1.5em; }
  .content header.intro h2 .icon:before { display:none; }
  header.intro > p { padding-left:3em; }
  header.intro > h3 { margin-left:2.66em; }

  header.intro > .togglefilter { margin-left:3em; }
  /* .togglefilter { display:none; } */

  header.intro > ul li a { padding-left:3em; }
  header.intro fieldset { padding-left:2em; }
  header.intro .set ul { margin-left:3em; }

  nav.pages ul { padding-left:3.5em; }


  ol.hits > li:before,
  section.hits > li:before { position:static; display:none; }
  ol.hits > li article > header .authors:before,
  section.hits > li article > header .authors:before {
      content:counter(li); /* Use the counter as content */
      counter-increment:li; /* Increment the counter by 1 */
      z-index:100;
      position:static;
      display:inline-block;
      margin-right:1em;
      color:#777;
  }

  .style-short ol.hits article header h3:last-child a .icon:after,
  .style-short ol.hits article.noauthors header h3 a .icon:after { top:.1em; }

  ol.hits article .google,
  section.hits article .google { display:none; }

  ol.hits article header,
  section.hits article header { margin-left:3em; width:auto; }
  ol.hits article header h3:last-child a,
  section.hits article header h3:last-child a { padding-top:.5em; min-height:2.75em;}

  .livivoicons .hits article header h3 .icon:after { margin-left:-1.5em;  }

  .livivoicons .hits article header h3:last-child .icon:after,
  .livivoicons .hits article.noauthors header h3:last-child .icon:after { top:.1em; }

  .hits article.google.hasmaterials .top { min-height:5em; }

  ol.hits article .top > p,
  section.hits article .top > p { margin-left:3em; max-width:none; }

  ul.functions { padding-left:1.5em; }

  .hits article th { padding-left:3em; }

  .materials ul { margin-left:3em; }
  article section.links h3 { margin-left:2.5em; }
  .content > * + * { margin-left:3em; }

  ul.categories { margin-bottom:.33em; width:3em; transition:opacity .6s ease-in; -webkit-transition:opacity .6s ease-in; }
  ul.categories li { display:block; padding-left:.45em; }
  .livivoicons ul.categories li a .icon:after { text-align:center; opacity:.5;}

  .fulltextexpanded ul.categories,
  .instockexpanded ul.categories,
  .pdaexpanded ul.categories,
  .orderexpanded ul.categories { opacity:0; transition:opacity .2s ease; -webkit-transition:opacity .2s ease; }

  .hits article + ul { padding-left:2.5em; }

  .content table td:first-child, .content table th:first-child { padding-left:3.1em; }

  .content > figure,
  .content > img { margin-left:3em; margin-right:1em ;}
  .content > figure img { max-width:100%; }

  .content > h3 { margin-left:2em; }
  .content > h4 { margin-left:2.5em; }

  .content > .toggleable + a.trigger { margin-left:3em; }

  .hits.withcontent article { padding-bottom:2em; }

  .content input,
  .content textarea { min-width:0; max-width:80%; max-width:calc(100% - 4em); }

  .content input[type="radio"],
  .content input[type="checkbox"] { min-width:0;}


  iframe { width:80em; width:calc(100% - 6em); }

  /* Mini adjust: */

  header.intro, .alert { border-radius:0; }
  .livivoicons .alert h2:before,
  .livivoicons .wrap .alert h2:before { top:.125em; }

  .totop .icon:before { left:-1.9em; }

  /* Home page */

  .home h1 { margin:3em 0 2em 0;}
  .home > header .button,
  .home > header a.lang { top:0; }
  .livivoicons body.loggedin > header .button.login { top:5em; }
  .home > footer { margin-top:2em; padding-top:6em;  }
  .home > footer div:first-of-type,
  section ul.tagcloud,
  .home > footer .info { display:none; ---HIDE--- }

  .home .thesearch .backnav a.tohits { left:2em; }


    /* POPUPS */

    .popup #popupcontent { width:auto; top:2em; right:2em; bottom:2em; left:2em; margin:auto; height:auto; min-height:none; overflow:auto; }


}


/* Smaller fonts for smaller devices */

@media screen and (max-width:35em) {

  body { font-size:.79em; }

  ul.functions li input {
    width:  1.2em;
    height: 1.2em;
  }
}




@media screen and (max-height:40em) {
  #popup { z-index:-1; opacity:0; transition:opacity .2s ease; -webkit-transition:opacity .2s ease; }
  .popup #popupcontent {background:#fff; top:2em; margin-top:0; }
  .popup #popupcontent ul { width:100%; }
  .popup #popupcontent ul li { width:auto; display:inline-block; }
  .popup #popupcontent ul + ul { padding-top:0; }
}


@media screen and (max-height:30em) {
  .popup #popupcontent ul li { max-width:24.5%; }
  .popup #popupcontent { bottom:1em; height:auto; min-height:none; overflow:auto; }
}







/* PRINT STYLES */


@media print {
  body > header a,
  nav, .nav,
  .functions,
  ol.hits article + ul,
  .intro aside,
  .intro > ul,
  .togglefilter,
  .filters,
  .trigger,
  .thesearch,
  #tester { display:none; }

  @page { margin:2cm 1cm 1cm 2cm; }

  body { font-size:.9em; }
  body > header h1 a { display:block; }

  * { font-family:serif; }

  a { color:#000; }

  .content { line-height:1.5em; }
  h2 { font-family:abril, serif; font-weight:normal; }
  h3, h4 { font-family:tablet, sans-serif; font-weight:normal; }

  .home p.info { font-size:2em; font-family:tablet; }

  h1, h2, h3, h4, h5, label { page-break-after: avoid; }
  tr, th, td, li, figure, .top { page-break-inside: avoid; }

  .content td, .content th { border-bottom:.1em solid #aac811; padding-bottom:.25em; }
  th { padding-right:1em; padding-bottom:.5em; }

  .content samp,
  .content kbd,
  .content code { padding:0 .25em; }

  .content input,
  .content textarea { max-width:100%; max-width:calc(100% - 4em); }

  iframe { -webkit-box-shadow:none; box-shadow:none; }

  figure, figcaption { text-align:left; margin-left:0; }
  figcaption { font-size:.8em; }

  .optional { max-height:none !important; }

  tr, th, td { vertical-align:top; text-align:left; }

  mark { background:#bfdcf5; }

  .hits article .top > ul.google { margin:1em 0 0 0; padding:0; }
  .hits article .top > ul.google li { display:inline-block; list-style:none; padding:0 0 0 0; margin:0 .5em 0 0; }
  .hits article .top > ul.google li a img { max-width:6cm;  }

  .tagcloud { margin:0 0 10em 0; padding:0 0 2em 0; line-height:1.5em; height:6.25em; overflow:hidden; text-align:justify; color:#0d1f2f; }
  .tagcloud a { color:#666; text-decoration:none; }

  .partners { opacity:.33; width:100%; text-align:center; }
  .partners img { margin-left:-2em; width:19em; }

}