@charset "UTF-8";
/*Allgemeines*/
/*Blog & Veranstaltungen*/
/* Navigation */
/*Abstände*/
/*Layout*/
/*Farben*/
header {
  background: #fff;
  position: fixed;
  left: 0;
  right: 0;
  z-index: 99;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
}
header + * {
  padding-top: 64px;
}
@media screen and (min-width: 40em) {
  header + * {
    padding-top: 77px;
  }
}
@media screen and (min-width: 62em) {
  header {
    box-shadow: none;
  }
}
header .header_top {
  list-style-type: none;
  border-bottom: 1px solid #e6e6e6;
}
@media screen and (min-width: 62em) {
  header .header_top {
    padding-top: 1em;
    padding-bottom: 1em;
    padding: 0 calc(50% - 32rem);
  }
}
header .header_top .header_top_inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 3em;
  padding: 0.5em 1em;
}
@media screen and (min-width: 40em) {
  header .header_top .header_top_inner {
    padding: 1em;
  }
}
header .header_top .left {
  width: 5%;
  min-width: 2.5em;
  display: block;
}
header .header_top .center > span {
  display: none;
}
header .header_top .right {
  float: right;
  font-size: .9em;
}
header .header_top .right a:not(.button) {
  color: #000000;
}
header .header_top .right a:not(.button):hover i.fa, header .header_top .right a:not(.button):hover span {
  color: #004193;
}
header .header_top .right > * {
  display: inline-block;
  vertical-align: middle;
  padding: 0 .75em;
}
header .header_top .right .login_panel {
  display: none;
}
header .header_top .right div.language, header .header_top .right div.currency {
  position: relative;
  top: -2px;
}
header .header_top .right div.language:hover ul, header .header_top .right div.language:focus ul, header .header_top .right div.currency:hover ul, header .header_top .right div.currency:focus ul {
  display: block;
}
header .header_top .right div.language img, header .header_top .right div.currency img {
  max-width: 24px;
}
header .header_top .right div.language ul, header .header_top .right div.currency ul {
  display: none;
  position: absolute;
  list-style-type: none;
  margin: 0;
  padding: 0;
  top: 100%;
}
header .header_top .right .login {
  position: relative;
}
header .header_top .right .login > span {
  cursor: pointer;
  display: none;
}
@media screen and (min-width: 30em) {
  header .header_top .right .login > span {
    display: block;
  }
}
header .header_top .right .login .panel {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  background-color: #fff;
  border: solid #e6e6e6 1px;
  z-index: 1000;
  min-width: 15em;
  padding: .75em;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
}
header .header_top .right .login .panel input {
  width: 100%;
}
header .header_top .right .login .panel .button {
  margin-top: .75em;
}
header .header_top .right .login .panel .simple_form_field_label {
  margin-top: .5em;
}
header .header_top .right .login .panel .close {
  float: right;
  cursor: pointer;
}
header .header_top .right .login .panel form {
  margin-bottom: 1em;
}
@media screen and (max-width: 40em) {
  header .header_top .right i.fa ~ span.item_label {
    display: none;
  }
}
header nav.screen {
  display: none;
  padding: 0 calc(50% - 31rem);
  background-color: #d3d5e9;
  /*--- reset ---*/
}
header nav.screen a {
  color: #000000;
}
header nav.screen ul.nav_main {
  list-style-type: none;
  margin: 0;
  width: 100%;
  font-size: 1.15em;
  font-weight: 600;
  /*------ dropdown --------*/
}
header nav.screen ul.nav_main > li {
  display: inline-block;
}
header nav.screen ul.nav_main > li > a {
  padding: 0 1.5em;
  display: inline-block;
  line-height: 3.7em;
}
header nav.screen ul.nav_main > li > a i.fa {
  color: #000000;
}
header nav.screen ul.nav_main > li > a:hover {
  background-color: #004193;
  color: #fff;
}
header nav.screen ul.nav_main > li > a:hover i.fa {
  color: #fff;
}
header nav.screen ul.nav_main > li.active > a {
  background-color: #004193;
  color: #fff;
}
header nav.screen ul.nav_main > li.active > a .fa {
  color: #fff;
}
header nav.screen ul.nav_main > li ul {
  display: none;
  position: absolute;
  margin-left: 0;
  min-width: 14em;
  background: #d3d5e9;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.15);
  list-style-type: none;
}
header nav.screen ul.nav_main > li ul li {
  color: #fff;
  border-bottom: 1px solid #e6e6e6;
}
header nav.screen ul.nav_main > li ul li:last-child {
  border-bottom: none;
}
header nav.screen ul.nav_main > li ul li:hover, header nav.screen ul.nav_main > li ul li.active {
  background-color: #004193;
  color: #fff;
}
header nav.screen ul.nav_main > li ul li:hover > a, header nav.screen ul.nav_main > li ul li.active > a {
  color: #fff;
}
header nav.screen ul.nav_main > li ul li:hover > a i.fa, header nav.screen ul.nav_main > li ul li.active > a i.fa {
  color: #fff;
}
header nav.screen ul.nav_main > li ul li > a {
  display: block;
  padding: 1em 1.5em;
  line-height: 1.5em;
}
header nav.screen ul.nav_main > li ul li > a i.fa {
  display: block;
  font-size: 1.5em;
  color: #000000;
  transform: translateY(-50%);
  position: absolute;
  right: 0.5em;
  top: 50%;
}
header nav.screen ul.nav_main > li ul li > a span {
  float: right;
}
header nav.screen ul.nav_main > li > ul > li ul {
  right: 0;
  left: 100%;
  top: 0;
  margin-top: 0;
}
header nav.screen ul.nav_main li:hover > ul {
  display: block;
  z-index: 3;
}
header nav.screen ul li {
  list-style-type: none;
  position: relative;
}
header .nav_icon {
  display: block;
}
header .nav_icon i.open_nav {
  display: block;
}
header .nav_icon i.close_nav {
  display: none;
}
header .nav_icon.active i.open_nav {
  display: none;
}
header .nav_icon.active i.close_nav {
  display: block;
}
header nav.mobile {
  display: none;
  position: fixed;
  width: 100%;
  top: 77px;
  bottom: 0;
  overflow-x: hidden;
  /*erste ebene*/
}
header nav.mobile.active {
  display: block;
}
header nav.mobile.active {
  border-top: 1px solid #e6e6e6;
  z-index: 100;
  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.15);
  margin-top: -1.2em;
}
@media screen and (min-width: 40em) {
  header nav.mobile.active {
    margin-top: 0;
  }
}
header nav.mobile ul {
  list-style-type: none;
  margin-left: 0;
  background: #fff;
  /*untere Ebenen bzw zweite ebene*/
}
header nav.mobile ul li {
  display: block;
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #e6e6e6;
  background: #fff;
}
header nav.mobile ul li:after {
  content: "";
  display: table;
  clear: both;
}
header nav.mobile ul li:hover > div.nav_entry > div, header nav.mobile ul li:focus > div.nav_entry > div, header nav.mobile ul li:hover > div.nav_more, header nav.mobile ul li:focus > div.nav_more, header nav.mobile ul li.current > div.nav_more {
  background: #004193;
  color: #fff;
}
header nav.mobile ul li:hover > div.nav_entry > div > a, header nav.mobile ul li:focus > div.nav_entry > div > a, header nav.mobile ul li:hover > div.nav_more > a, header nav.mobile ul li:focus > div.nav_more > a, header nav.mobile ul li.current > div.nav_more > a {
  color: #fff;
}
header nav.mobile ul li a {
  padding: 15px 0 16px 2em;
}
header nav.mobile ul li.active > div > div.nav_more > i.open {
  display: none;
}
header nav.mobile ul li.active > div.nav_more i.open {
  display: none;
}
header nav.mobile ul li.active > div.nav_more i.close {
  display: block;
}
header nav.mobile ul li.active > ul {
  display: block;
  width: 100%;
}
header nav.mobile ul li.active > ul a {
  color: #000000;
}
header nav.mobile ul li.active > ul a:hover {
  color: #fff;
}
header nav.mobile ul li.active > ul li.active > div > a {
  color: #fff;
}
header nav.mobile ul li.active > div.nav_entry, header nav.mobile ul li.current > div.nav_entry {
  background: #004193;
}
header nav.mobile ul li.active > div.nav_entry div.nav_link a, header nav.mobile ul li.current > div.nav_entry div.nav_link a {
  color: #fff;
}
header nav.mobile ul li ul {
  display: none;
}
header nav.mobile ul div.nav_entry {
  min-height: 1px;
  vertical-align: top;
  box-sizing: border-box;
  width: calc(100% - 4em);
  float: left;
  display: block;
  display: flex;
  flex-flow: column;
}
header nav.mobile ul div.nav_entry div.nav_link a {
  display: block;
  color: #000000;
}
header nav.mobile ul div.nav_more {
  min-height: 1px;
  vertical-align: top;
  box-sizing: border-box;
  width: 4em;
  float: left;
  display: block;
  display: flex;
  flex-flow: column;
  position: relative;
}
header nav.mobile ul div.nav_more > div {
  height: 100%;
  background: #004193;
  cursor: pointer;
}
header nav.mobile ul div.nav_more > div i.open {
  display: block;
}
header nav.mobile ul div.nav_more > div i.close {
  display: none;
}
header nav.mobile ul div.nav_more > div i {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  right: -50%;
  margin: auto;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
header nav.mobile ul ul {
  display: none;
}
header nav.mobile ul ul li {
  display: block;
  display: flex;
  flex-wrap: wrap;
}
header nav.mobile ul ul li:after {
  content: "";
  display: table;
  clear: both;
}
header nav.mobile ul ul li a {
  color: #000000;
}
header nav.mobile ul ul li:hover > a, header nav.mobile ul ul li.active > a {
  color: #fff;
}
header nav.mobile ul ul li:first-child {
  border-top: 1px solid #e6e6e6;
}
header nav.mobile ul > li > ul > li > div.nav_entry > div > a {
  padding-left: 4em;
}
header nav.mobile ul > li > ul > li > ul > li > div.nav_entry > div > a {
  padding-left: 6em;
}
@media screen and (min-width: 62em) {
  header {
    position: relative;
  }
  header nav.screen {
    display: block;
  }
  header .nav_icon {
    display: none;
  }
  header nav.mobile, header nav.mobile.active {
    display: none;
  }
  header .header_top .header_top_inner .left {
    display: none;
  }
  header .header_top .header_top_inner .center > span {
    display: inline-block;
    font-weight: bold;
    font-size: 1.5em;
    vertical-align: middle;
    padding-left: 0.5em;
    padding-top: 1em;
  }
  header + * {
    padding-top: 0;
  }
}

/*Logo*/
.header_top .center .logo {
  float: left;
}
.header_top .center .logo span {
  color: #000000;
  font-size: 1.5em;
  font-weight: 600;
  position: relative;
  top: 9px;
  padding-left: 0.3em;
}
.header_top .center .logo span:hover {
  color: #004193;
}
.header_top .center .logo_mobile {
  display: block;
}
@media screen and (min-width: 62em) {
  .header_top .center .logo_mobile {
    display: none;
  }
}
.header_top .center .logo_mobile > span {
  padding-top: 1em;
  color: #242424;
  font-size: 1.3em;
  font-weight: 600;
  position: relative;
  top: 9px;
  padding-left: 0.3em;
  display: none;
}
.header_top .center .logo {
  display: none;
}
@media screen and (min-width: 62em) {
  .header_top .center .logo {
    display: block;
  }
  .header_top .center .logo img {
    width: 90%;
    padding-left: 0.2em;
  }
}
@media screen and (min-width: 62em) and (min-width: 20em) {
  .header_top .center .logo img {
    width: inherit;
    padding-left: 0;
  }
}

/*icons*/
.header_top_inner .right i.fa {
  font-size: 1.2em;
}
@media screen and (min-width: 22em) {
  .header_top_inner .right i.fa {
    font-size: 2em;
    padding-right: 0.25em;
  }
}
@media screen and (min-width: 40em) {
  .header_top_inner .right i.fa {
    font-size: initial;
  }
}

/*# sourceMappingURL=https://www.fritzen.eu/srv/designset/_ts_1585429787000/_repo/current/style/generated/120_header.css.map */