/* SCSS Document */
/* jost-regular - latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/jost-v14-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/jost-v14-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/jost-v14-latin-regular.woff2") format("woff2"), url("../fonts/jost-v14-latin-regular.woff") format("woff"), url("../fonts/jost-v14-latin-regular.ttf") format("truetype"), url("../fonts/jost-v14-latin-regular.svg#Jost") format("svg");
  /* Legacy iOS */ }
/* jost-700 - latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/jost-v14-latin-700.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/jost-v14-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/jost-v14-latin-700.woff2") format("woff2"), url("../fonts/jost-v14-latin-700.woff") format("woff"), url("../fonts/jost-v14-latin-700.ttf") format("truetype"), url("../fonts/jost-v14-latin-700.svg#Jost") format("svg");
  /* Legacy iOS */ }
/* jost-500italic - latin */
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/jost-v14-latin-500italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/jost-v14-latin-500italic.eot?#iefix") format("embedded-opentype"), url("../fonts/jost-v14-latin-500italic.woff2") format("woff2"), url("../fonts/jost-v14-latin-500italic.woff") format("woff"), url("../fonts/jost-v14-latin-500italic.ttf") format("truetype"), url("../fonts/jost-v14-latin-500italic.svg#Jost") format("svg");
  /* Legacy iOS */ }
/* line 7, ../scss/fzpg_styles.scss */
html {
  overflow-y: scroll; }

/* line 8, ../scss/fzpg_styles.scss */
a {
  color: #fff;
  text-decoration: none; }
  /* line 9, ../scss/fzpg_styles.scss */
  a:hover {
    text-decoration: underline;
    color: #fff; }

/* line 11, ../scss/fzpg_styles.scss */
body {
  background-color: #676c6f;
  font-family: "Jost";
  font-size: 1.25rem;
  color: #fff; }

/* line 21, ../scss/fzpg_styles.scss */
h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  text-align: center; }

/* line 23, ../scss/fzpg_styles.scss */
h2 {
  color: #0e4194;
  font-weight: 700;
  font-size: 2.5rem; }

/* line 24, ../scss/fzpg_styles.scss */
h3 {
  font-size: 1.375rem;
  margin: 2.5rem 0rem; }

/* line 27, ../scss/fzpg_styles.scss */
svg {
  width: 1.5rem;
  height: 1.5rem;
  margin-left: 1rem; }

/* line 29, ../scss/fzpg_styles.scss */
.topbar {
  background-color: #0e4194;
  min-height: 3.125rem;
  text-align: center; }
  /* line 34, ../scss/fzpg_styles.scss */
  .topbar h1 {
    font-size: 1.25rem;
    line-height: 3.125rem; }

/* line 38, ../scss/fzpg_styles.scss */
header {
  margin-bottom: 3rem; }
  /* line 39, ../scss/fzpg_styles.scss */
  header .container {
    padding: 0px; }
    /* line 40, ../scss/fzpg_styles.scss */
    header .container .row {
      margin: 1rem 0rem 2rem 0rem; }
      /* line 41, ../scss/fzpg_styles.scss */
      header .container .row .links.dtop, header .container .row .mitte.dtop, header .container .row .rechts.dtop {
        display: none;
        visibility: hidden; }
      /* line 44, ../scss/fzpg_styles.scss */
      header .container .row .links.mobil {
        text-align: center;
        margin-bottom: 1rem; }
        /* line 44, ../scss/fzpg_styles.scss */
        header .container .row .links.mobil img {
          width: 150px;
          height: auto; }
      /* line 45, ../scss/fzpg_styles.scss */
      header .container .row .mitte.mobil {
        text-align: left;
        margin-top: 20px; }
      /* line 46, ../scss/fzpg_styles.scss */
      header .container .row .rechts.mobil {
        text-align: right; }
    /* line 48, ../scss/fzpg_styles.scss */
    header .container img.headerpic {
      clear: both;
      width: 100%;
      height: auto; }
    /* line 49, ../scss/fzpg_styles.scss */
    header .container .partner {
      text-align: center;
      min-height: 3rem;
      line-height: 2.5rem;
      background-color: #0e4194; }

/* line 55, ../scss/fzpg_styles.scss */
.flex-container {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  transition: 0.5s; }

/* line 62, ../scss/fzpg_styles.scss */
.flex-item {
  display: block;
  width: 100%;
  margin-bottom: 15px;
  text-align: center;
  flex: 0 0 100%;
  flex-direction: row;
  text-align: center;
  background-color: #0e4194; }

/* line 74, ../scss/fzpg_styles.scss */
.kachel {
  padding: 0px 15px; }
  /* line 76, ../scss/fzpg_styles.scss */
  .kachel .service {
    font-size: 0.875rem;
    color: #fff;
    height: 36px;
    line-height: 36px;
    font-weight: 700; }
  /* line 77, ../scss/fzpg_styles.scss */
  .kachel .iconreihe img {
    box-shadow: 5px 5px 5px #08224d; }
  /* line 78, ../scss/fzpg_styles.scss */
  .kachel .text {
    margin: 15px 0px;
    height: 7rem;
    overflow: hidden; }
    /* line 80, ../scss/fzpg_styles.scss */
    .kachel .text .gesetz {
      font-size: 0.875rem; }

/* line 86, ../scss/fzpg_styles.scss */
.textcontent {
  background-color: #0e4194;
  padding: 2rem;
  margin-bottom: 3rem;
  text-align: left; }
  /* line 86, ../scss/fzpg_styles.scss */
  .textcontent h3, .textcontent h4 {
    text-align: left;
    margin-top: 2rem; }

/* line 88, ../scss/fzpg_styles.scss */
.calltoaction {
  width: 80%;
  margin: 2rem auto;
  color: #fff;
  background-color: #0e4194;
  text-align: center;
  padding: 15px; }
  /* line 95, ../scss/fzpg_styles.scss */
  .calltoaction a {
    color: #fff; }
  /* line 96, ../scss/fzpg_styles.scss */
  .calltoaction h2 {
    color: #fff;
    font-size: 1.25rem; }

/* line 100, ../scss/fzpg_styles.scss */
footer {
  text-align: center;
  font-size: 1rem; }
  /* line 103, ../scss/fzpg_styles.scss */
  footer .container.footer {
    padding: 0px;
    background-color: #0e4194;
    min-height: 50px;
    overflow: hidden; }
    /* line 105, ../scss/fzpg_styles.scss */
    footer .container.footer .slogan {
      line-height: 2rem;
      height: 2rem; }
    /* line 109, ../scss/fzpg_styles.scss */
    footer .container.footer img {
      width: 100%;
      height: auto; }
  /* line 111, ../scss/fzpg_styles.scss */
  footer .footerfull {
    min-height: 3rem;
    overflow: hidden;
    padding: 2rem 0;
    background-color: #0e4194;
    min-height: 50px;
    overflow: hidden; }
    /* line 118, ../scss/fzpg_styles.scss */
    footer .footerfull span {
      margin: 0 1rem; }
    /* line 119, ../scss/fzpg_styles.scss */
    footer .footerfull .navi {
      margin-top: 2rem; }
    /* line 120, ../scss/fzpg_styles.scss */
    footer .footerfull figure {
      z-index: 10;
      display: block; }
      /* line 121, ../scss/fzpg_styles.scss */
      footer .footerfull figure img {
        position: relative;
        float: right; }

@media (min-width: 768px) {
  /* line 141, ../scss/fzpg_styles.scss */
  body {
    background-image: url("../img/background.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% 100%; }

  /* line 149, ../scss/fzpg_styles.scss */
  header {
    margin-bottom: 3rem; }
    /* line 150, ../scss/fzpg_styles.scss */
    header .container {
      padding: 0px; }
      /* line 151, ../scss/fzpg_styles.scss */
      header .container .row {
        margin: 1rem 0rem 2rem 0rem;
        display: table;
        width: 100%; }
        /* line 152, ../scss/fzpg_styles.scss */
        header .container .row .links.mobil, header .container .row .mitte.mobil, header .container .row .rechts.mobil {
          display: none;
          visibility: hidden; }
        /* line 155, ../scss/fzpg_styles.scss */
        header .container .row .links.dtop {
          text-align: left;
          display: table-cell;
          vertical-align: bottom;
          visibility: visible; }
        /* line 156, ../scss/fzpg_styles.scss */
        header .container .row .mitte.dtop {
          text-align: center;
          display: table-cell;
          visibility: visible; }
          /* line 156, ../scss/fzpg_styles.scss */
          header .container .row .mitte.dtop img {
            width: 223px;
            height: auto; }
        /* line 157, ../scss/fzpg_styles.scss */
        header .container .row .rechts.dtop {
          text-align: right;
          display: table-cell;
          vertical-align: bottom;
          visibility: visible; }
      /* line 159, ../scss/fzpg_styles.scss */
      header .container img.headerpic {
        clear: both;
        width: 100%;
        height: auto; }
      /* line 160, ../scss/fzpg_styles.scss */
      header .container .partner {
        text-align: center;
        min-height: 3rem;
        line-height: 2.5rem;
        background-color: #0e4194; }

  /* line 165, ../scss/fzpg_styles.scss */
  .flex-item {
    flex: 0 0 40%; } }
@media (min-width: 992px) {
  /* line 176, ../scss/fzpg_styles.scss */
  .flex-item {
    flex: 0 0 30%; } }

/*# sourceMappingURL=fzpg_styles.css.map */
