@charset "UTF-8";
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 60px;
  margin: 0.67em 0; }

mark {
  background: #f2f2f2;
  color: #2b3035; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #2b3035;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

meta.foundation-version {
  font-family: "/5.5.0/"; }

meta.foundation-mq-small {
  font-family: "/only screen/";
  width: 0; }

meta.foundation-mq-small-only {
  font-family: "/only screen and (max-width: 40em)/";
  width: 0; }

meta.foundation-mq-medium {
  font-family: "/only screen and (min-width:40.063em)/";
  width: 40.063em; }

meta.foundation-mq-medium-only {
  font-family: "/only screen and (min-width:40.063em) and (max-width:64em)/";
  width: 40.063em; }

meta.foundation-mq-large {
  font-family: "/only screen and (min-width:64.063em)/";
  width: 64.063em; }

meta.foundation-mq-large-only {
  font-family: "/only screen and (min-width:64.063em) and (max-width:90em)/";
  width: 64.063em; }

meta.foundation-mq-xlarge {
  font-family: "/only screen and (min-width:90.063em)/";
  width: 90.063em; }

meta.foundation-mq-xlarge-only {
  font-family: "/only screen and (min-width:90.063em) and (max-width:120em)/";
  width: 90.063em; }

meta.foundation-mq-xxlarge {
  font-family: "/only screen and (min-width:120.063em)/";
  width: 120.063em; }

meta.foundation-data-attribute-namespace {
  font-family: false; }

/* Accessibility - hides the forward slash */
[aria-label="breadcrumbs"] [aria-hidden="true"]:after {
  content: "/"; }

/**
 * Burger parts
 *
 * (---) top    -> &:before
 * [---] middle -> &
 * (---) bottom -> &:after
 */
/**
 * Burger
 */
/**
 * Select parts of the burger
 */
/**
 * Burger animations
 */
@font-face {
  font-family: 'custom';
  src: url("../fonts/custom.eot?9er3v");
  src: url("../fonts/custom.eot?#iefix9er3v") format("embedded-opentype"), url("../fonts/custom.woff?9er3v") format("woff"), url("../fonts/custom.ttf?9er3v") format("truetype"), url("../fonts/custom.svg?9er3v#custom") format("svg");
  font-weight: normal;
  font-style: normal; }

#navigation li.home a:before, #slider-next a:before, #slider-prev a:before, #slider-show a:before, .action-button:after {
  font-family: 'custom';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

@font-face {
  font-family: "FiraSans";
  font-weight: 400;
  font-style: normal;
  src: url("../fonts/FiraSans-Regular.eot");
  src: url("../fonts/FiraSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/FiraSans-Regular.woff") format("woff"), url("../fonts/FiraSans-Regular.ttf") format("truetype"); }

@font-face {
  font-family: "FiraSans";
  font-weight: 600;
  font-style: normal;
  src: url("../fonts/FiraSans-SemiBold.eot");
  src: url("../fonts/FiraSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/FiraSans-SemiBold.woff") format("woff"), url("../fonts/FiraSans-SemiBold.ttf") format("truetype"); }

@font-face {
  font-family: "FiraSans";
  font-weight: 700;
  font-style: normal;
  src: url("../fonts/FiraSans-Bold.eot");
  src: url("../fonts/FiraSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/FiraSans-Bold.woff") format("woff"), url("../fonts/FiraSans-Bold.ttf") format("truetype"); }

h1 {
  margin: 0;
  font-size: 60px; }
  h1 a {
    color: inherit; }

h2 {
  margin: 0;
  font-size: 22px;
  font-weight: 600; }
  h2 a {
    color: inherit; }
  h2.line {
    margin: 1.375rem 0; }
    h2.line .subinfo {
      display: block;
      font-size: 0.825em; }

h3 {
  margin: 0;
  font-size: 18px; }
  h3 a {
    color: inherit; }

h4 {
  margin: 0;
  font-size: 18px; }
  h4 a {
    color: inherit; }

h5 {
  margin: 0;
  font-size: 16px; }
  h5 a {
    color: inherit; }

html {
  overflow-y: scroll;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body {
  -webkit-text-size-adjust: none;
  font-size: 16px;
  line-height: 150%;
  font-weight: 400;
  font-family: FiraSans, sans-serif;
  background-color: #f2f2f2;
  color: #2b3035;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-height: 100%;
  position: relative;
  padding-bottom: 55px; }

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

p,
ul,
ol,
dl {
  font-size: inherit; }

img,
object,
embed {
  max-width: 100%;
  height: auto;
  width: auto; }

object,
embed {
  height: 100%; }

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
  max-width: none !important; }

.left {
  float: left !important; }

.right {
  float: right !important; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.text-center {
  text-align: center !important; }

.text-justify {
  text-align: justify !important; }

.hide {
  display: none; }

hr {
  border: none;
  background: none;
  margin: 0;
  padding: 0; }
  hr.row {
    border-bottom: 1px solid #dedddd;
    max-width: 65.625rem;
    margin: 1.875rem auto; }

.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 67.5rem; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }

.span-3 {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 25%;
  float: left; }
  @media only screen and (max-width: 768px) {
    .span-3 {
      padding-left: 0.9375rem;
      padding-right: 0.9375rem;
      width: 100%;
      float: left; } }

.span-4 {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 33.33333%;
  float: left; }
  @media only screen and (max-width: 768px) {
    .span-4 {
      padding-left: 0.9375rem;
      padding-right: 0.9375rem;
      width: 100%;
      float: left; } }

.span-6 {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 50%;
  float: left; }
  @media only screen and (max-width: 768px) {
    .span-6 {
      padding-left: 0.9375rem;
      padding-right: 0.9375rem;
      width: 100%;
      float: left; } }

.span-8 {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 66.66667%;
  float: left; }
  @media only screen and (max-width: 768px) {
    .span-8 {
      padding-left: 0.9375rem;
      padding-right: 0.9375rem;
      width: 100%;
      float: left; } }

.span-9 {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 75%;
  float: left; }
  @media only screen and (max-width: 768px) {
    .span-9 {
      padding-left: 0.9375rem;
      padding-right: 0.9375rem;
      width: 100%;
      float: left; } }

.nest .span-3 {
  padding-left: 0;
  padding-right: 0;
  width: 25%;
  float: left;
  padding: 0 0.625rem; }
  .nest .span-3:first-child {
    padding-left: 0; }
  .nest .span-3:last-child {
    padding-right: 0; }
  @media only screen and (max-width: 660px) {
    .nest .span-3 {
      padding-left: 0;
      padding-right: 0;
      width: 100%;
      float: left; } }

.nest .span-4 {
  padding-left: 0;
  padding-right: 0;
  width: 33.33333%;
  float: left; }
  @media only screen and (max-width: 660px) {
    .nest .span-4 {
      padding-left: 0;
      padding-right: 0;
      width: 100%;
      float: left; } }

.nest .span-6 {
  padding-left: 0;
  padding-right: 0;
  width: 50%;
  float: left;
  padding: 0 0.625rem; }
  @media only screen and (max-width: 660px) {
    .nest .span-6 {
      padding-left: 0;
      padding-right: 0;
      width: 100%;
      float: left; } }
  .nest .span-6:first-child {
    padding-left: 0; }
  .nest .span-6:last-child {
    padding-right: 0; }

.nest .span-9 {
  padding-left: 0;
  padding-right: 0;
  width: 75%;
  float: left; }
  @media only screen and (max-width: 660px) {
    .nest .span-9 {
      padding-left: 0;
      padding-right: 0;
      width: 100%;
      float: left; } }

.attention {
  color: #ffb400; }

.row {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem; }
  @media only screen and (min-width: 69.375rem) {
    .row {
      padding-left: 0;
      padding-right: 0; } }
  .row.nest {
    padding-left: 0;
    padding-right: 0; }

a {
  text-decoration: none;
  color: #ffb400;
  display: inline-block; }
  a[href^=tel] {
    color: inherit;
    text-decoration: none; }
  a:hover, a:active, a:focus {
    color: inherit; }

form label,
form .checkbox-wrap,
form .radio-wrap {
  display: block;
  margin: 1.25rem 0 0.46875rem 0; }

form .checkbox-wrap,
form .radio-wrap {
  padding: 0 30px; }
  form .checkbox-wrap input,
  form .radio-wrap input {
    margin-left: -30px; }

form .error-note {
  display: none; }

form .error .error-note {
  display: block;
  background-color: #ffb400;
  color: #fff;
  padding: 2px 8px;
  font-size: 0.875rem;
  line-height: 1.45; }

form .error input {
  border-color: #ffb400; }

form br {
  display: none; }

form[class*="-container"] {
  margin-top: 10px; }
  form[class*="-container"] input {
    width: auto;
    vertical-align: middle; }
  form[class*="-container"] label {
    float: none;
    display: inline;
    vertical-align: middle; }
  form[class*="-container"] span {
    display: block; }
  form[class*="-container"] legend > span {
    display: inline; }

input,
textarea,
select {
  padding: .5em;
  box-shadow: inset 0px 1px 4px 0px rgba(9, 7, 8, 0.059);
  border: 1px solid #e6e6e6;
  font-size: 1rem;
  width: 100%; }
  input.inline,
  textarea.inline,
  select.inline {
    width: 180px;
    margin: 0 0.9375rem; }

select {
  height: 41px; }

input:focus,
textarea:focus {
  outline: 0 none; }

input[type="file"] {
  cursor: pointer;
  display: block; }

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto; }

textarea,
select[multiple],
select[size] {
  height: auto; }

textarea {
  height: auto;
  min-height: 132px; }

fieldset {
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  width: 100%;
  display: block;
  border: 0; }

input {
  position: relative; }
  input[type="checkbox"], input.checkbox {
    top: -1px;
    margin-right: 5px; }
  input[type="radio"], input.radio {
    top: -2px;
    margin-right: 5px; }

x:-moz-any-link {
  position: relative; }

label[data-validators~='required']:after,
.checkbox-wrap[data-validators~='required']:after,
.radio-wrap[data-validators~='required']:after {
  content: '*';
  color: #ffb400; }

.checkbox-wrap input,
.radio-wrap input {
  margin-right: 0.9375rem; }

button {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

input::-webkit-inner-spin-button {
  -webkit-appearance: none; }

input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

::-webkit-calendar-picker-indicator {
  display: none; }

input[type=number], input[type=date] {
  -moz-appearance: textfield; }

ul, ol {
  padding-left: 25px; }

ul {
  list-style: disc; }

li {
  padding: 3px 0; }
  li ul {
    margin: 5px 0;
    list-style: circle; }

dd, dt {
  display: block;
  margin: 0;
  padding: 3px 0; }

table {
  width: 100%; }

th {
  text-align: left; }

td,
th {
  padding: 7px; }

#navigation-trigger {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  position: absolute;
  top: 17px;
  right: 1.875rem; }
  @media only screen and (min-width: 1000px) {
    #navigation-trigger {
      display: none; } }
  #navigation-trigger i {
    position: relative;
    margin-top: 8px;
    margin-bottom: 8px; }
    #navigation-trigger i, #navigation-trigger i:before, #navigation-trigger i:after {
      display: block;
      width: 25px;
      height: 3px;
      background-color: #fff;
      -webkit-transition-property: background-color, -webkit-transform;
      -moz-transition-property: background-color, -moz-transform;
      -o-transition-property: background-color, -o-transform;
      transition-property: background-color, transform;
      -webkit-transition-duration: 0.3s;
      -moz-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      transition-duration: 0.3s; }
    #navigation-trigger i:before, #navigation-trigger i:after {
      position: absolute;
      content: ""; }
    #navigation-trigger i:before {
      top: -8px; }
    #navigation-trigger i:after {
      top: 8px; }

.page-header.active #navigation-trigger i {
  background-color: transparent; }

.page-header.active #navigation-trigger i:before {
  -webkit-transform: translateY(8px) rotate(45deg);
  -moz-transform: translateY(8px) rotate(45deg);
  -ms-transform: translateY(8px) rotate(45deg);
  -o-transform: translateY(8px) rotate(45deg);
  transform: translateY(8px) rotate(45deg); }

.page-header.active #navigation-trigger i:after {
  -webkit-transform: translateY(-8px) rotate(-45deg);
  -moz-transform: translateY(-8px) rotate(-45deg);
  -ms-transform: translateY(-8px) rotate(-45deg);
  -o-transform: translateY(-8px) rotate(-45deg);
  transform: translateY(-8px) rotate(-45deg); }

.page-header.active #navigation {
  display: block; }

#navigation {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 67.5rem;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  float: left;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
  float: none;
  list-style: none;
  text-transform: uppercase;
  text-align: right;
  padding-top: 13px; }
  #navigation:before, #navigation:after {
    content: " ";
    display: table; }
  #navigation:after {
    clear: both; }
  @media only screen and (min-width: 69.375rem) {
    #navigation {
      padding-left: 0.9375rem;
      padding-right: 0.9375rem; } }
  #navigation li {
    display: inline-block;
    margin-left: 65px; }
    @media only screen and (min-width: 1000px) {
      #navigation li.home {
        margin-left: 0;
        float: left;
        font-size: 1.125em; }
        #navigation li.home a {
          overflow: hidden;
          width: 1.2em;
          height: 1em; }
          #navigation li.home a:before {
            content: "";
            display: block;
            width: 0;
            height: 100%; }
          #navigation li.home a:before {
            content: ""; } }
  #navigation img {
    width: 22px; }
  #navigation a {
    color: #fff;
    font-weight: 600; }
    #navigation a:hover {
      color: #ffb400; }
    #navigation a.active {
      color: #ffb400; }
  #navigation .meta {
    display: none; }
    #navigation .meta.first {
      margin-top: 30px; }
  @media only screen and (max-width: 999px) {
    #navigation {
      display: none;
      padding: 50px 1.875rem 0.9375rem 0; }
      #navigation li {
        display: block; }
      #navigation .meta {
        display: block; } }

.page-title {
  color: #fff;
  font-weight: 600;
  position: absolute;
  top: 15px;
  left: 1.875rem; }
  .page-title a {
    color: inherit; }
  @media only screen and (min-width: 1000px) {
    .page-title {
      display: none; } }

#slider-next, #slider-prev, #slider-show {
  position: fixed;
  overflow: hidden;
  top: 50%;
  margin-top: -1em;
  width: 2em;
  height: 2em;
  z-index: 10;
  line-height: 2em;
  border-radius: 100%;
  background: #ffb400;
  color: #fff; }
  @media only screen and (min-width: 768px) {
    #slider-next, #slider-prev, #slider-show {
      background: none;
      color: #ffb400;
      border: 1px solid #ffb400; } }
  #slider-next a, #slider-prev a, #slider-show a {
    overflow: hidden;
    width: 100%;
    height: 100%;
    color: inherit;
    background: transparent;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    #slider-next a:before, #slider-prev a:before, #slider-show a:before {
      content: "";
      display: block;
      width: 0;
      height: 100%; }
    #slider-next a:before, #slider-prev a:before, #slider-show a:before {
      margin-left: .6em;
      margin-top: .5em; }

#slider-next {
  right: -0.5em;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }
  @media only screen and (min-width: 768px) {
    #slider-next {
      right: 1.875rem;
      border-radius: 100%; } }
  #slider-next a:before {
    content: ""; }

#slider-prev {
  left: -0.5em;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }
  @media only screen and (min-width: 768px) {
    #slider-prev {
      left: 1.875rem;
      border-radius: 100%; } }
  #slider-prev a:before {
    content: ""; }

#slider-show {
  position: absolute;
  left: 50%;
  margin-left: -1em;
  top: 450px;
  -webkit-transition: visibility 0s linear 0.3s, opacity 0.3s ease-in-out;
  -moz-transition: visibility 0s linear 0.3s, opacity 0.3s ease-in-out;
  transition: visibility 0s linear 0.3s, opacity 0.3s ease-in-out; }
  @media only screen and (min-width: 600px) {
    #slider-show {
      top: 650px; } }
  @media only screen and (min-width: 1000px) {
    #slider-show {
      top: 580px; } }
  #slider-show.hidden {
    opacity: 0;
    visibility: hidden;
    -webkit-transition-delay: 0s 0s;
    -moz-transition-delay: 0s 0s;
    transition-delay: 0s 0s; }
  #slider-show a:before {
    content: ""; }
  #slider-show a:before {
    margin-left: 10px; }

.extra-space {
  margin-top: 1.875rem; }

.head {
  font-weight: 600; }

.head-2 {
  margin-top: 1.875rem;
  display: block; }
  @media only screen and (min-width: 40.063em) {
    .head-2 {
      margin: 0;
      display: inline; } }

.action-button {
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: FiraSans, sans-serif;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 1.25rem;
  position: relative;
  text-decoration: none;
  text-align: center;
  -webkit-appearance: none;
  border-radius: 0;
  display: inline-block;
  padding-top: 0.5625rem;
  padding-right: 1.125rem;
  padding-bottom: 0.625rem;
  padding-left: 1.125rem;
  background-color: #ffb400;
  border-color: #cc9000;
  color: #FFFFFF;
  border-radius: 1.3125rem;
  transition: background-color 300ms ease-out;
  font-size: 1.125rem;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.02em;
  padding-top: 0.6875rem;
  padding-left: 25px;
  padding-right: 25px; }
  .action-button:hover, .action-button:focus {
    background-color: #cc9000; }
  .action-button:hover, .action-button:focus {
    color: #FFFFFF; }
  .action-button:hover, .action-button:focus {
    background-color: #fc8800; }
  .action-button:after {
    content: ""; }
  .action-button:after {
    font-size: 1em;
    vertical-align: middle;
    left: 10px;
    top: -1px;
    position: relative; }

.page-header {
  width: 100%;
  background: #0492dc;
  min-height: 55px;
  font-size: 1.125rem;
  z-index: 100;
  position: fixed;
  top: 0; }

.main-content {
  margin-top: 55px; }
  .main-content header {
    position: relative;
    border-top: 76px solid white;
    background: #fff;
    padding-bottom: 5px; }
    @media only screen and (max-width: 600px) {
      .main-content header {
        border-top-width: 50px; } }

.slider-js h1.with-index-image, .slider-js h1.with-zielgruppe-image, .slider-js h1.with-kosten-image, .slider-js h1.with-im-alter-image, .slider-js h1.with-anbieter-image, .slider-js h1.with-datenschutz-image, .slider-js h1.with-angebot-image, .slider-js h1.with-contact-image, .slider-js h1.with-404-image, .slider-js h1.with-error-image {
  opacity: 1;
  position: absolute;
  top: 0; }

h1.with-index-image, h1.with-zielgruppe-image, h1.with-kosten-image, h1.with-im-alter-image, h1.with-anbieter-image, h1.with-datenschutz-image, h1.with-angebot-image, h1.with-contact-image, h1.with-404-image, h1.with-error-image {
  text-align: center;
  position: relative;
  padding-top: 300px;
  margin: 0 0 50px 0;
  line-height: 1.25;
  -webkit-transition: all 0.9s cubic-bezier(0.075, 0.82, 0.165, 1);
  -moz-transition: all 0.9s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 0.9s cubic-bezier(0.075, 0.82, 0.165, 1);
  width: 100%; }
  @media only screen and (max-width: 600px) {
    h1.with-index-image, h1.with-zielgruppe-image, h1.with-kosten-image, h1.with-im-alter-image, h1.with-anbieter-image, h1.with-datenschutz-image, h1.with-angebot-image, h1.with-contact-image, h1.with-404-image, h1.with-error-image {
      margin-bottom: 20px;
      font-size: 2rem;
      padding-top: 175px; } }
  h1.with-index-image:before, h1.with-zielgruppe-image:before, h1.with-kosten-image:before, h1.with-im-alter-image:before, h1.with-anbieter-image:before, h1.with-datenschutz-image:before, h1.with-angebot-image:before, h1.with-contact-image:before, h1.with-404-image:before, h1.with-error-image:before {
    content: '';
    display: block;
    width: 234px;
    height: 230px;
    border-radius: 115px;
    position: absolute;
    top: 12px;
    left: 50%;
    margin-left: -117px;
    background-size: contain;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    @media only screen and (max-width: 600px) {
      h1.with-index-image:before, h1.with-zielgruppe-image:before, h1.with-kosten-image:before, h1.with-im-alter-image:before, h1.with-anbieter-image:before, h1.with-datenschutz-image:before, h1.with-angebot-image:before, h1.with-contact-image:before, h1.with-404-image:before, h1.with-error-image:before {
        top: 9px;
        width: 134px;
        height: 130px;
        margin-left: -67px; } }
  h1.with-index-image:after, h1.with-zielgruppe-image:after, h1.with-kosten-image:after, h1.with-im-alter-image:after, h1.with-anbieter-image:after, h1.with-datenschutz-image:after, h1.with-angebot-image:after, h1.with-contact-image:after, h1.with-404-image:after, h1.with-error-image:after {
    content: '';
    display: block;
    border: 1px solid #ffb400;
    border-radius: 127px;
    width: 258px;
    height: 254px;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -129px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    @media only screen and (max-width: 600px) {
      h1.with-index-image:after, h1.with-zielgruppe-image:after, h1.with-kosten-image:after, h1.with-im-alter-image:after, h1.with-anbieter-image:after, h1.with-datenschutz-image:after, h1.with-angebot-image:after, h1.with-contact-image:after, h1.with-404-image:after, h1.with-error-image:after {
        width: 154px;
        height: 150px;
        margin-left: -77px; } }
  h1.prev.with-index-image, h1.prev.with-zielgruppe-image, h1.prev.with-kosten-image, h1.prev.with-im-alter-image, h1.prev.with-anbieter-image, h1.prev.with-datenschutz-image, h1.prev.with-angebot-image, h1.prev.with-contact-image, h1.prev.with-404-image, h1.prev.with-error-image, h1.next.with-index-image, h1.next.with-zielgruppe-image, h1.next.with-kosten-image, h1.next.with-im-alter-image, h1.next.with-anbieter-image, h1.next.with-datenschutz-image, h1.next.with-angebot-image, h1.next.with-contact-image, h1.next.with-404-image, h1.next.with-error-image {
    -webkit-transition: all 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    -moz-transition: all 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    transition: all 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    opacity: 0; }
  h1.prev.with-index-image, h1.prev.with-zielgruppe-image, h1.prev.with-kosten-image, h1.prev.with-im-alter-image, h1.prev.with-anbieter-image, h1.prev.with-datenschutz-image, h1.prev.with-angebot-image, h1.prev.with-contact-image, h1.prev.with-404-image, h1.prev.with-error-image {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }
  h1.next.with-index-image, h1.next.with-zielgruppe-image, h1.next.with-kosten-image, h1.next.with-im-alter-image, h1.next.with-anbieter-image, h1.next.with-datenschutz-image, h1.next.with-angebot-image, h1.next.with-contact-image, h1.next.with-404-image, h1.next.with-error-image {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  h1.current.with-index-image, h1.current.with-zielgruppe-image, h1.current.with-kosten-image, h1.current.with-im-alter-image, h1.current.with-anbieter-image, h1.current.with-datenschutz-image, h1.current.with-angebot-image, h1.current.with-contact-image, h1.current.with-404-image, h1.current.with-error-image {
    opacity: 1;
    position: relative; }

h1.with-index-image:before {
  background-image: url(../images/michael-kimmling.jpg); }

h1.with-zielgruppe-image:before {
  background-image: url(../images/zielgruppe.jpg); }

h1.with-kosten-image:before {
  background-image: url(../images/kosten.jpg); }

h1.with-im-alter-image:before {
  background-image: url(../images/im-alter.jpg); }

h1.with-anbieter-image:before {
  background-image: url(../images/anbieter.jpg); }

h1.with-datenschutz-image:before {
  background-image: url(../images/datenschutz.jpg); }

h1.with-angebot-image:before {
  background-image: url(../images/angebot.jpg); }

h1.with-contact-image:before {
  background-image: url(../images/michael-kimmling.jpg); }

h1.with-404-image:before, h1.with-error-image:before {
  content: 'Fehler';
  top: 50%;
  margin-top: -1.7em; }

h1.with-404-image:before {
  content: '404'; }

#subheader {
  background-color: #47586c;
  color: #b3b8bf;
  font-size: 0.875rem;
  text-transform: uppercase; }
  #subheader .row {
    padding: 0 1.875rem; }
    @media only screen and (min-width: 69.375rem) {
      #subheader .row {
        padding: 0 0.9375rem; } }
  @media only screen and (max-width: 1000px) {
    #subheader {
      display: none; } }

.main-content {
  font-size: 1.125rem;
  line-height: 1.45;
  overflow: hidden;
  min-height: 500px; }
  @media only screen and (min-width: 600px) {
    .main-content {
      min-height: 660px; } }
  @media only screen and (min-width: 768px) {
    .main-content {
      font-size: 1.375rem; } }
  @media only screen and (min-width: 1000px) {
    .main-content {
      min-height: 580px; } }
  .main-content ul {
    margin: 1.875rem 0;
    padding: 0; }
    .main-content ul li {
      list-style: none;
      margin: 0;
      padding: 0;
      padding-left: .5em;
      position: relative; }
      .main-content ul li:before {
        content: '·';
        left: 0;
        position: absolute; }
  .main-content h2 + ul {
    margin-top: 0; }

.gray-wrapper {
  padding: 40px 0; }
  @media only screen and (max-width: 600px) {
    .gray-wrapper {
      padding-top: 0; } }
  @media only screen and (max-width: 67.5rem) {
    .gray-wrapper br:not(.fixed) {
      display: inline;
      content: ' '; }
      .gray-wrapper br:not(.fixed):before, .gray-wrapper br:not(.fixed):after {
        content: ' '; } }

.single-column {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 67.5rem;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  float: left;
  float: none;
  background: #f2f2f2;
  padding-left: 1.875rem;
  padding-right: 1.875rem; }
  .single-column:before, .single-column:after {
    content: " ";
    display: table; }
  .single-column:after {
    clear: both; }
  @media only screen and (min-width: 69.375rem) {
    .single-column {
      padding-left: 0.9375rem;
      padding-right: 0.9375rem; } }
  .single-column .action-button {
    margin: 20px 0 -10px 0; }
  .single-column.nest {
    padding: 0; }
  .single-column h2 {
    margin-top: 40px; }

h2 + p {
  margin-top: 0; }

.slider-js .content {
  position: absolute;
  max-height: 0;
  top: 0;
  overflow: hidden; }
  .slider-js .content .gray-wrapper {
    opacity: 0;
    -webkit-transition: all 1.9s cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition: all 1.9s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: all 1.9s cubic-bezier(0.075, 0.82, 0.165, 1); }
  .slider-js .content.current {
    opacity: 1;
    max-height: none;
    position: relative; }
    .slider-js .content.current .gray-wrapper {
      opacity: 1; }

.contact-map {
  padding: 41.95% 0 0 0;
  position: relative; }
  .contact-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box; }

.fixed-width-30 {
  display: block; }
  .fixed-width-30 span {
    display: inline-block;
    width: 30%; }

.fixed-small-col {
  display: block; }
  .fixed-small-col span {
    display: inline-block;
    width: 120px; }

.main-content .checkbox-list {
  width: 100%;
  list-style: none;
  position: relative;
  margin-top: 90px; }
  .main-content .checkbox-list:before {
    content: attr(data-title);
    position: absolute;
    top: -33px;
    right: 0;
    font-size: 1.125rem; }
  .main-content .checkbox-list label {
    margin: 0;
    display: block; }
  .main-content .checkbox-list li {
    padding: 0.9375rem 0.9375rem;
    position: relative;
    vertical-align: middle; }
    .main-content .checkbox-list li:before, .main-content .checkbox-list li:after {
      content: " ";
      display: table; }
    .main-content .checkbox-list li:after {
      clear: both; }
    .main-content .checkbox-list li:before {
      display: none;
      content: none; }
    .main-content .checkbox-list li:nth-child(2n-1) {
      background: #e5e5e5; }
    .main-content .checkbox-list li span {
      float: left;
      width: 80%; }
  .main-content .checkbox-list input {
    float: right;
    line-height: 0;
    top: 8px;
    margin-right: 0.9375rem; }
  @media only screen and (min-width: 40.063em) {
    .main-content .checkbox-list:before {
      right: 40px; }
    .main-content .checkbox-list li {
      padding: 0.9375rem 1.875rem; }
    .main-content .checkbox-list input {
      margin-right: 1.875rem; } }

.beratung {
  margin-bottom: 3.75rem;
  line-height: 2; }

.checkbox-group, .radio-group {
  white-space: nowrap; }

.checkbox-wrap label, .radio-wrap label {
  display: inline; }

.required-mark {
  color: #ffb400; }

.fee-message,
.offer-message,
.small-message {
  display: none; }
  .has-fee-calc-result .fee-message, .has-fee-calc-result
  .offer-message, .has-fee-calc-result
  .small-message {
    display: block; }
  .fee-message.small,
  .offer-message.small,
  .small-message.small {
    font-size: 0.62em; }

.large-line-height {
  line-height: 3; }

.fee-age-message {
  display: none; }
  .has-fee-calc-age-error .fee-age-message {
    display: block; }

.blue-wrapper {
  background: #0492dc;
  padding: 40px 0;
  color: #fff; }
  .blue-wrapper h1 {
    font-size: 2.25rem;
    font-weight: 600;
    margin: 0; }
  .blue-wrapper p {
    margin: 0;
    max-width: 420px; }
  .blue-wrapper .left {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 100%;
    float: left;
    padding-top: 0.9375rem;
    padding-bottom: 1.875rem; }
    @media only screen and (min-width: 40.063em) {
      .blue-wrapper .left {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
        width: 50%;
        float: left; } }
  .blue-wrapper .right {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 100%;
    float: left; }
    @media only screen and (min-width: 40.063em) {
      .blue-wrapper .right {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
        width: 50%;
        float: left; } }
  .blue-wrapper .row {
    position: relative; }
  .blue-wrapper .action-button {
    margin-bottom: 3.75rem; }
    @media only screen and (min-width: 40.063em) {
      .blue-wrapper .action-button {
        margin-bottom: 0;
        margin-top: 92px;
        float: right; } }

body > footer {
  background: #47586c;
  min-height: 55px;
  color: #b3b8bf;
  font-size: 0.875rem;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-transform: uppercase; }
  body > footer a {
    color: inherit; }
    body > footer a:hover {
      color: #fff; }
  body > footer p {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 17px; }
    @media only screen and (min-width: 40.063em) {
      body > footer p {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
        width: 50%;
        float: left;
        text-align: left; } }
  body > footer ul {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 100%;
    float: left;
    text-align: center;
    list-style: none;
    font-weight: 600;
    margin: 14px 0 0; }
    @media only screen and (min-width: 40.063em) {
      body > footer ul {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
        width: 50%;
        float: left;
        text-align: right; } }
    body > footer ul li {
      display: inline-block; }
      body > footer ul li:before {
        display: inline-block;
        content: '';
        border-left: 2px solid #b3b8bf;
        height: .8em;
        margin: 0 5px; }
      body > footer ul li:first-child:before {
        display: none; }

@media print {
  * {
    background: #f2f2f2 !important;
    color: #2b3035 !important;
    text-shadow: none !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    border: 0; }
  html, body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  del, dfn, em, img, ins, kbd, q, s, samp,
  small, strike, strong, sub, sup, tt, var,
  b, u, i, center, dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td,
  article, aside, canvas, details, embed,
  figure, figcaption, footer, header, hgroup,
  menu, nav, output, ruby, section, summary,
  time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline; }
  img, object {
    display: block;
    margin: 0;
    padding: 0;
    border: 0; }
  body {
    width: 100%;
    text-align: left;
    font-size: 16px;
    font-family: FiraSans, sans-serif;
    background-image: none;
    margin: 0;
    padding: 0;
    border: 0; }
  h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    margin: 0.75em 0 0.5em;
    text-align: left;
    page-break-after: avoid; }
  h1 {
    padding: 0 0 0.5em;
    border-bottom: 1px solid #2b3035; }
  p {
    margin: 0.5em 0;
    font-stretch: expanded; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  img {
    padding: 0.5em 0;
    max-width: 100% !important; }
  #header {
    width: auto;
    height: auto; }
  footer,
  aside,
  nav,
  .pagination {
    display: none; }
  table {
    width: 100%; } }