/* Farben */
/*$small-range: (0em, 45em);
$medium-range: (45.063em, 64em);
$large-range: (64.063em, 120.063em);*/
/*@mixin gradient-lila {
	background-color: $flieder;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QxY2ZlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U1ZTNmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(bottom, #d1cfe7 0%, #e5e3f6 100%);
	background-image: -o-linear-gradient(bottom, #d1cfe7 0%, #e5e3f6 100%);
	background-image: -webkit-linear-gradient(bottom, #d1cfe7 0%, #e5e3f6 100%);
	background-image: linear-gradient(bottom, #d1cfe7 0%, #e5e3f6 100%);
}

@mixin gradient-blau {
	background: rgba(32,61,139,.9);
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIwM2Q4YiIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMzk1YmI4IiBzdG9wLW9wYWNpdHk9IjAuOSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
	background-image: -moz-linear-gradient(bottom, rgba(32,61,139,.9) 0%, rgba(57,91,184,.9) 100%);
	background-image: -o-linear-gradient(bottom, rgba(32,61,139,.9) 0%, rgba(57,91,184,.9) 100%);
	background-image: -webkit-linear-gradient(bottom, rgba(32,61,139,.9) 0%, rgba(57,91,184,.9) 100%);
	background-image: linear-gradient(bottom, rgba(32,61,139,.9) 0%, rgba(57,91,184,.9) 100%);
}*/
/* Navigation */
#row_mainnav {
  height: 100%; }

@media only screen and (min-width: 48.063em) and (max-width: 80em) {
  div.top-bar-wrap {
    height: 6em;
    line-height: 6em; } }
@media only screen and (min-width: 48.063em) {
  div.top-bar-wrap .top-bar-section ul li > a, .top-bar-section ul li > a {
    background-color: transparent; } }
/* .top-bar-section ul {
     height:100%;
     display:block;
     li > a {
       background-color:transparent;
     }
 }*/
.top-bar .name {
  height: 0; }

.top-bar-section ul {
  background-color: transparent; }

#mainnav {
  /* Headernavigation */
  height: 100%; }
  #mainnav .top-bar {
    background-color: transparent; }
  #mainnav .top-bar .toggle-topbar {
    position: static;
    text-align: center;
    width: 100%;
    height: 100%;
    line-height: 1; }
    #mainnav .top-bar .toggle-topbar a {
      height: auto;
      line-height: 1em;
      top: 2em;
      color: #0757a9; }
  #mainnav .top-bar .title-area {
    background-color: transparent;
    height: 76.88px; }
  #mainnav .top-bar-section > ul {
    height: 100%;
    display: block; }
    #mainnav .top-bar-section > ul > li {
      min-height: 76.88px; }
  #mainnav .top-bar-section ul li {
    font-family: "Halis Rounded", sans-serif;
    /* ca. 20px */
    font-size: 1em;
    font-weight: bold; }
    #mainnav .top-bar-section ul li a {
      color: #fcc817;
      background-color: transparent;
      text-transform: uppercase;
      font-family: "Halis Rounded", sans-serif;
      /* ca. 20px */
      font-size: 1rem;
      font-weight: bold;
      line-height: 1;
      padding: 1em !important;
      white-space: normal;
      text-decoration: none; }
    @media only screen and (min-width: 48.063em) {
      #mainnav .top-bar-section ul li {
        line-height: 0.5; }
        #mainnav .top-bar-section ul li:hover {
          background-color: rgba(32, 61, 139, 0.95); }
        #mainnav .top-bar-section ul li a {
          color: #0757a9;
          padding: 1rem 1rem 0 1rem !important;
          text-align: center; }
        #mainnav .top-bar-section ul li:hover a, #mainnav .top-bar-section ul li:hover i, #mainnav .top-bar-section ul li.active a, #mainnav .top-bar-section ul li.active i {
          color: #fcc817;
          background-color: transparent; }
        #mainnav .top-bar-section ul li i {
          text-align: center; } }
    #mainnav .top-bar-section ul li:hover .fourcols {
      visibility: visible; }
    #mainnav .top-bar-section ul li li {
      min-height: none; }
      #mainnav .top-bar-section ul li li > a {
        padding-bottom: 0.5rem !important;
        text-align: left; }
    #mainnav .top-bar-section ul li:hover {
      background-color: rgba(32, 61, 139, 0.95); }
      #mainnav .top-bar-section ul li:hover .fa {
        color: white; }
    #mainnav .top-bar-section ul li.has-dropdown .fa {
      width: 100%;
      font-size: 0.8em;
      color: #93bfec; }
      #mainnav .top-bar-section ul li.has-dropdown .fa:hover {
        color: white; }
    #mainnav .top-bar-section ul li.has-dropdown > a:after {
      border: none;
      content: " " "\f054";
      font-family: 'FontAwesome';
      color: #fcc817;
      margin: 0;
      position: static;
      top: 0;
      float: right; }
    @media only screen and (min-width: 48.063em) {
      #mainnav .top-bar-section ul li.has-dropdown.active i {
        /* Gemeint: die Chevronelemente zum Anzeigen des Dropdowns */
        color: #fff; }
      #mainnav .top-bar-section ul li.has-dropdown > a:after {
        content: none; } }
    #mainnav .top-bar-section ul li ul.fourcols {
      position: absolute;
      top: 4.813em;
      padding: 1em 0 1.5em 0;
      background-color: rgba(32, 61, 139, 0.95);
      display: block;
      box-shadow: 3px 4px 5px rgba(2, 3, 44, 0.39);
      -webkit-box-shadow: 3px 4px 5px rgba(2, 3, 44, 0.39);
      -moz-box-shadow: 3px 4px 5px rgba(2, 3, 44, 0.39);
      visibility: hidden; }
      @media only screen and (min-width: 48.063em) and (max-width: 80em) {
        #mainnav .top-bar-section ul li ul.fourcols {
          top: 3.75em; } }
      #mainnav .top-bar-section ul li ul.fourcols:hover {
        visibility: visible; }
    #mainnav .top-bar-section ul li .dropdown {
      /* Geoeffnetes Dropdown */
      padding: 0; }
      @media only screen and (min-width: 48.063em) {
        #mainnav .top-bar-section ul li .dropdown {
          margin-top: 0;
          padding: 0 1rem 1rem 1rem !important;
          color: #fcc817;
          position: static;
          display: block; }
          #mainnav .top-bar-section ul li .dropdown.level2 {
            border: none; }
            #mainnav .top-bar-section ul li .dropdown.level2 li a {
              padding-left: 0 !important; } }
      #mainnav .top-bar-section ul li .dropdown h2 {
        /* Ueberschrift auf erster Ebene im Dropdown, z.B. Regionen und Orte */
        font-family: "Halis Rounded", sans-serif;
        /* ca. 15px */
        font-size: .75rem;
        color: #fcc817; }
      #mainnav .top-bar-section ul li .dropdown h5 a {
        line-height: 1em; }
      #mainnav .top-bar-section ul li .dropdown li {
        font: .8em;
        /* ca. 16px */
        height: auto; }
        #mainnav .top-bar-section ul li .dropdown li a, #mainnav .top-bar-section ul li .dropdown li > a {
          color: #fcc817;
          font-family: "Halis Rounded", sans-serif;
          /* ca. 16px */
          font-weight: normal; }
          @media only screen and (max-width: 48em) {
            #mainnav .top-bar-section ul li .dropdown li a, #mainnav .top-bar-section ul li .dropdown li > a {
              padding: 1em !important; } }
          @media only screen and (min-width: 48.063em) {
            #mainnav .top-bar-section ul li .dropdown li a:hover, #mainnav .top-bar-section ul li .dropdown li > a:hover {
              color: white; } }
        #mainnav .top-bar-section ul li .dropdown li.separator:before {
          color: red; }
      #mainnav .top-bar-section ul li .dropdown ul.level3 {
        /* level3 bzw. zweite Ebene des Drop-Downs */
        display: block;
        padding: 0;
        margin-top: 0;
        border-top: 1px solid #fbe492;
        border-left: 0;
        float: none; }
        #mainnav .top-bar-section ul li .dropdown ul.level3 h3 {
          /* Ueberschrift auf zweiter Ebene im Dropdown, z.B. Usedomer Inselbaeder */
          font: .9em;
                                                /* ca. 18px * /
                                    color: $weiss;
                            }

                            li {
                                    font: .8em; /* ca. 16px */
          text-transform: none; }
          #mainnav .top-bar-section ul li .dropdown ul.level3 h3 a {
            padding-left: 0 !important;
            padding-top: 0.5rem !important;
            padding-bottom: 0.5rem !important;
            color: white;
            border-bottom: none;
            text-transform: none; }
            #mainnav .top-bar-section ul li .dropdown ul.level3 h3 a:hover {
              color: #fcc817; }
        #mainnav .top-bar-section ul li .dropdown ul.level3 ul {
          /* level4 bzw. dritte Ebene des Dropdowns */
          border: none; }
          #mainnav .top-bar-section ul li .dropdown ul.level3 ul li {
            float: none; }
            #mainnav .top-bar-section ul li .dropdown ul.level3 ul li a {
              padding-top: 0 !important;
              padding-left: 1.5rem !important;
              line-height: 1;
              color: #fbe492; }

/* Rechte Unter-Navigation */
#content #subnavigation {
  background-color: #0757a9;
  color: white; }
  #content #subnavigation h2 {
    color: white;
    padding: 1em; }
  #content #subnavigation h2 .fa {
    color: #fcc817; }
  #content #subnavigation ul {
    margin-bottom: 0em;
    padding: 0.5em 1em; }
    #content #subnavigation ul li {
      line-height: 1;
      margin: 0;
      padding: 0.3em 0;
      list-style-type: none;
      text-align: left; }
      #content #subnavigation ul li li {
        padding: 0; }
        #content #subnavigation ul li li a {
          text-transform: none; }
      #content #subnavigation ul li ul ul {
        padding: 0 1em;
        margin-bottom: 0.4em; }
    #content #subnavigation ul a, #content #subnavigation ul span {
      padding: 0;
      font-size: 0.8rem;
      color: white;
      text-transform: uppercase; }
      #content #subnavigation ul a:hover, #content #subnavigation ul a:active, #content #subnavigation ul a.active, #content #subnavigation ul span:hover, #content #subnavigation ul span:active, #content #subnavigation ul span.active {
        color: #fcc817; }