/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * (en) Horizontal list navigation "hlist"
 * (de) Horizontale Navigationsliste "hlist"
 *
 * @copyright       © 2005-2013, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         4.1.2
 */
@media all {
  .b24-nav-l1l2 { width:100%; position: relative; }

  .ym-hlist, .ym-hlist-l2, .ym-hlist-l3 {
    /* (de) Einfassen der Floats im IE */
    width: 100%; overflow: hidden; position: relative; line-height: 1em; font-family: "Ubuntu", Georgia, "Times New Roman", Times, serif; background-color:#F7F7F7;
  }
  .ym-hlist-l2 { background-color:#DDDDDD; }
  .ym-hlist-l3 { background:none; margin-top: -10px; }


  .ym-hlist ul, .ym-hlist-l2 ul, .ym-hlist-l3 ul { width: 100%; display: inline; float: left; list-style-type: none; }
  .ym-hlist ul, .ym-hlist-l2 ul { margin: 0; }


  .ym-hlist-l2 ul { padding-left: .1em; }
  .ym-hlist ul li, .ym-hlist-l2 ul li, .ym-hlist ul li.li-right {
    position: relative; display: block; float: left; font-size: 1.1429em; line-height: 1em; margin:0; padding: 0; /*border-left: 1px solid blue;border-right: 1px solid blue;*/
  }


  .ym-hlist-l3 ul li {
    position: relative; display: block; float: left; margin:0; padding: 0;
  }


  .ym-hlist ul li.li-right { display: block; float: right; }
  .ym-hlist-l2 ul li { font-size: 1em; }
  .ym-hlist-l2 ul li.li-line:after {
    display:block; float:left; content:'|'; line-height:1em;  font-weight: 500; padding:.65em .2em 0 .2em; color: #080878;
  }
  .ym-hlist ul li.li-active { background-color:#DDDDDD; margin-top: 0.4em; }

  .ym-hlist ul li a, .ym-hlist-l2 ul li a {
    background: transparent; color: #080878; display: block; float:left; font-size: 1em; line-height: 1em; padding: .4em .35em .3em .35em; margin:.4em 0 .4em 0; font-weight: 500;
    text-decoration: none; border:none; border-bottom: 2px solid transparent;
    /*text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);*/
  }
  .ym-hlist-l2 ul li a, .ym-hlist-l2 ul li a.active, .ym-hlist-l2 ul li a.active strong {
    margin:0.3em 0 0.3em 0;
  }
  .ym-hlist ul li.li-active a { padding-top: 0; }


  .ym-hlist-l3 ul li a, .ym-hlist-l3 ul li.a-li {
    color: #080878; display: inline-block;  text-decoration:none; font-weight: 500; border: 2px rgba(8, 8, 120, .6) solid;
    border-radius: 5px; padding: 3px 6px; margin:10px 5px 0 0; white-space: nowrap; outline: medium none;
  }
  .ym-hlist-l3 ul li a:focus, .ym-hlist-l3 ul li a:hover, .ym-hlist-l3 ul li a:active {
    background-color:#666; border-color: #666; color:#FFF; transition: all 0.2s ease-in-out 0s !important;
  }
  .ym-hlist-l3 ul li a.active, .ym-hlist-l3 ul li a.active:focus, .ym-hlist-l3 ul li a.active:hover, .ym-hlist-l3 ul li a.active:active {
    background-color:rgba(8, 8, 120, .8);  border: 2px rgba(8, 8, 120, .6) solid; border-radius: 5px; padding: 3px 6px; color:#FFF;
  }


  /* Spezialfälle in der Hauptnavigation */
  .ym-hlist-l2 ul li.li-sub1 { margin-left: 11em; }
  .ym-hlist-l2 ul li.li-sub2 { margin-left: 3em; }
  .ym-hlist-l2 ul li.li-sub1 a:before, .ym-hlist-l2 ul li.li-sub2 a:before { content:'\00BB'; margin-right: .3em; }
  .ym-hlist-l2 ul li.li-sub2 a { color: #CC0000; }

  .ym-hlist ul li a:focus, .ym-hlist ul li a:hover, .ym-hlist ul li a:active,
  .ym-hlist-l2 ul li a:focus, .ym-hlist-l2 ul li a:hover, .ym-hlist-l2 ul li a:active {
    border-bottom: 2px solid #0A97D9; color:#0A97D9; text-decoration: none; outline: 0 none;
    transition: all 0.2s ease-in-out 0s !important;
    /*rot E8203A */

  }
  .ym-hlist ul li a.active, .ym-hlist ul li a.active strong {
    color: #0A97D9; font-weight: 500;
  }
  .ym-hlist-l2 ul li a.active, .ym-hlist-l2 ul li a.active strong {
    color:#0A97D9; font-weight: 500;
  }
  .ym-hlist ul li a.active:focus  strong, .ym-hlist ul li a.active:hover strong, .ym-hlist ul li a.active:active strong,
  .ym-hlist-l2 ul li a.active:focus  strong, .ym-hlist-l2 ul li a.active:hover strong, .ym-hlist-l2 ul li a.active:active strong {
    color:#0A97D9; text-decoration: none; outline: 0 none;
  }
  .b24-hlist li {
    line-height: 1.8em;
  }

  .b24-cat-list {
    overflow: hidden; position: relative; margin:-.2em 0 0 0; padding: 0; background: transparent; /*border: 0 none;*/
    font:normal normal normal 1.0714em/1.0714em 'Ubuntu', Georgia, Helvetica, sans-serif; text-align: left; border:0px solid blue;
  }
  .b24-cat-list ul { list-style-type: none; margin:0; padding: 0; width: 100%; overflow: hidden; }
  .b24-cat-list li { float:left; width:33.3%; margin:0; padding:0; border:0px solid blue; line-height: 1.8em; color:#080878; }
  .b24-cat-list li a, .b24-cat-list li a.active, .b24-cat-list li a.active strong {
    display: block; width: 95%; padding: 0 0 0 5%; text-decoration: none; color:#080878;
  }
  .b24-cat-list li a span   { color:#444; font-style: italic; }
  .b24-cat-list li a.active { display: block; width:100%; color: #fff; background-color: #eee9da; padding:0; text-decoration: none; }
  .b24-cat-list li a.active strong { font-weight: bold; }
  .b24-cat-list li a:focus, .b24-cat-list li a:hover, .b24-cat-list li a:active,
  .b24-cat-list li a.active:focus, .b24-cat-list li a.active:hover, .b24-cat-list li a.active:active {
    background-color: rgba(211, 219, 241, 0.3); color:#080878; text-decoration: underline; outline: 0 none;
  }

  .b24-breadcrumbs { margin:1em 0; }
  .breadcrumps { display: block; overflow: hidden; text-indent: 0px; text-overflow: ellipsis; white-space: nowrap; }
  .breadcrumps a { text-decoration: none; }
  .breadcrumps a:hover, .breadcrumps a:focus { color: #080878; outline: 0 none; text-decoration: underline; }

  .b24-dropdown-cats h2 {
    color:#513E46; margin:0 0.3571em 0.7143em 0.7143em; padding: 0 0 0 0; text-align:left; border-bottom: 2px solid #dcdcdc;
  }
  /** „CSS Checkbox Hack“ */
  #menu-trigger, .b24-nav-main input[type="checkbox"]     { display: none; }
  #menu-trigger-sub, .b24-nav-sub input[type="checkbox"]  { display: none; }
  #cats-trigger, .b24-dropdown-cats input[type="checkbox"]{ display: none; }

  #search-trigger { width:100%; font-size:92.9%; position: relative; }
  #search-trigger a, .b24-search input[type="checkbox"], .checkSearch, .search-switch { display: none; }
  .b24-searchform { width:80%; }
}

@media screen and (max-width: 740px) {

  #search-trigger {
    display: block; position: absolute; top:.3em; width: 6em; height: 25px; line-height:25px; float: right; right:0; cursor: pointer; border:0px solid blue;
  }
  #search-trigger .search-switch {
    display: block; position: absolute; top:0; right:0;
  }
  .b24-search input[type="checkbox"] {
    display: block; position: absolute; top:.3em; width:6em; height: 25px; line-height:25px; float: right; right:0; z-index: 100; cursor: pointer; opacity: 0;
  }
  .checkTriangle {
    width: 6em; position: absolute; float:right; top: .9em; right:0.6em; width: 0; height: 0;
    border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 9px solid #666;
  }
  .b24-search input[type="checkbox"]:checked ~ .checkTriangle {
    border-bottom: 9px solid #666; border-top: 0;
  }
  .b24-searchform { width:100%; }


  .ym-hlist ul, .ym-hlist-l2 ul {
    list-style: outside none none; margin: 0; padding: 0; width: 100%; overflow: hidden; border-top: 1px solid #636363; background-color:#F7F7F7;
  }
  .ym-hlist ul li, .ym-hlist-l2 ul li {
    width:100%; border-bottom: 1px solid #C0C0C0; margin:0; padding: 0;
  }
  .ym-hlist-l2 ul li {
    font-size: 1.1429em; font-weight:normal;
  }
  .ym-hlist-l2 ul li a, .ym-hlist-l2 ul li a.active, .ym-hlist-l2 ul li a.active strong { font-weight:normal; margin:0; }

  .ym-hlist ul li a, .ym-hlist-l2 ul li a {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxMi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDUxNDQ4KSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19zdmcgImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCgk8IUVOVElUWSBuc194bGluayAiaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQpdPg0KPHN2ZyAgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9IiZuc19zdmc7IiB4bWxuczp4bGluaz0iJm5zX3hsaW5rOyIgd2lkdGg9IjYiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCA2IDEwIg0KCSBvdmVyZmxvdz0idmlzaWJsZSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNiAxMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWdvbiBmaWxsPSIjOTQ5NDkzIiBwb2ludHM9IjYsNSAxLjI0MSwwIDAsMS4zMDMgMy41MSw1IDAsOC42OTcgMS4yNDEsMTAgIi8+DQo8L3N2Zz4NCg==");
    background-position:right 1.5em center; background-repeat: no-repeat;
    width: 100%; padding-left: 0.9em; display: block; margin:0; padding: .8em .35em .7em .35em; border:none;
  }
  .ym-hlist ul li.li-active, .ym-hlist-l2 ul li.li-active { margin-top:0; }
  .ym-hlist ul li.li-active a, .ym-hlist-l2 ul li.li-active a { padding-top: 0.8em; }
  .no-svg .ym-hlist li, .no-svg .ym-hlist-l2 li { background-image: url("../img/bkg_footernavarrow.png"); }
  .ym-hlist ul li a, .ym-hlist-l2 ul li a {
    display: block; text-decoration: none;
  }


  .ym-hlist ul li a:focus, .ym-hlist ul li a:hover, .ym-hlist ul li a:active,
  .ym-hlist-l2 ul li a:focus, .ym-hlist-l2 ul li a:hover, .ym-hlist-l2 ul li a:active {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxMi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDUxNDQ4KSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19zdmcgImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCgk8IUVOVElUWSBuc194bGluayAiaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQpdPg0KPHN2ZyAgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9IiZuc19zdmc7IiB4bWxuczp4bGluaz0iJm5zX3hsaW5rOyIgd2lkdGg9IjYiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCA2IDEwIg0KCSBvdmVyZmxvdz0idmlzaWJsZSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNiAxMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWdvbiBmaWxsPSIjMDgwODc4IiBwb2ludHM9IjYsNSAxLjI0MSwwIDAsMS4zMDMgMy41MSw1IDAsOC42OTcgMS4yNDEsMTAgIi8+DQo8L3N2Zz4NCg=="); background-position:right 1.5em center; background-repeat: no-repeat;
    outline: 0 none; border:none; color: #080878; text-decoration: underline; transition: none;
    width: 100%; background-color: rgba(211, 219, 241, 0.3); outline: 0 none; text-decoration: underline;
  }
  .ym-hlist-l2 ul li.li-line:after { display:none; }
  .ym-hlist-l2 ul li.li-sub1, .ym-hlist-l2 ul li.li-sub2 { margin-left:0; }
  .ym-hlist-l2 ul li.li-line .active { background-color:#DDDDDD; }

  .ym-hlist ul li.li-active a:focus, .ym-hlist ul li.li-active a:hover, .ym-hlist ul li.li-active a:active,
  .ym-hlist-l2 ul li a.active:focus, .ym-hlist-l2 ul li a.active:hover, .ym-hlist-l2 ul li a.active:active {
    color:#0A97D9;
  }
  /** „CSS Checkbox Hack“ */
  #menu-trigger, .b24-nav-main input[type="checkbox"]     { display: block; }
  #menu-trigger-sub, .b24-nav-sub input[type="checkbox"]  { display: block; }
  .ym-hlist     { display: none; }
  .ym-hlist-l2  { display: none; }
  .b24-search input[type="checkbox"]:checked ~ .b24-search-pos{ display: block; }
  .b24-nav-main input[type="checkbox"]:checked ~ .ym-hlist    { display: block; }
  .b24-nav-sub input[type="checkbox"]:checked ~ .ym-hlist-l2  { display: block; }
}

@media screen and (max-width: 700px) {
  #cats-trigger {
    display:block; width: 11em; text-align:left; padding: .3em .6em; cursor: pointer; border: 1px solid #636363; border-radius: 0.3em; font-size: 1.0714em;
  }
  .b24-dropdown-cats { position: relative; }
  .b24-cat-list li { width:50%; }
  /**
   * „CSS Checkbox Hack“
   */
  .b24-cat-list { display: none; }
  .checkArrow {
    width:99%; position: absolute; float:left; top: 10px; left:11.2em; width: 0; height: 0;
    border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid #666;
  }
  .b24-dropdown-cats input[type="checkbox"] {
    display: inline; position: absolute; float: left; top:0; width: 13.2em; height: 28px; z-index: 100; cursor: pointer; opacity:0;
  }
  .b24-dropdown-cats input[type="checkbox"]:checked ~ .checkArrow {
    border-bottom: 10px solid #666; border-top: 0;
  }
  #cats-trigger, .b24-dropdown-cats input[type="checkbox"] { display: block; }
  .b24-dropdown-cats input[type="checkbox"]:checked ~ .b24-cat-list { display: block; margin-top:.6em; }
}

@media screen and (max-width: 480px) {
  .b24-cat-list li {
    width:100%;
  }
  .ym-hlist-l3 ul li a {
    font-weight: normal;
  }
}