.zentriert {
  text-align: center; }

.wsEditor {
  background-color: #fff;
  color: #000; }

.schwarz h1,
.schwarz h2,
.schwarz h3,
.schwarz h4, .schwarz {
  color: #24003c; }

.pink h1,
.pink h2,
.pink h3,
.pink h4, .pink {
  color: #f43156; }

.samehight {
  display: flex; }

#cookie-hinweis {
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  width: 100%;
  text-align: center;
  bottom: -150px;
  color: #fff;
  padding: 15px;
  z-index: 3000;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
  -webkit-backface-visibility: hidden; }
  #cookie-hinweis .closer {
    content: "";
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABh0RVh0Q3JlYXRpb24gVGltZQAxOS4wNi4yMDE1RF8MEgAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAG9SURBVDiNpdQ9a5RBEMDxWQ0WFkKwS1CwsEmj4FkcpFObfIcUNhJIoWAh2Ilfws9hkUKEEBRsAmpzCAGPSMAiJCFqgm/JzyJzce8ld3nZ8pnd//Of2Z0pWIiIKKXMxBkXpiPiRkS8DexiH8u4dgZoAy38xHxgHn+wh1eYOCX0Vwq20jwCs9jIwIeTwDGdMAlvoGtDx3w/zUeWJaHrmW2rA+0FjyV8Ize+x8UR0NU0Xe+k3weuDsymOSwNMkcT7RRYPazpMHAGH2MnD77B5SrWwHaWrF1DR4Ir8+/VU5xI05X8to3mgHPDwbnpEX6n+XL1oxU0jjhzLPB53M+ydNa3Qaa94HPDwKWUvYhoR0St8Cki1oYrjVi4k4awmQ2wh6VRxsOgTXzJmn7FdcxVTbSIyROBcU9379+qYk90z5bxY4Ez/bVMfwtTPfExPMSPhC/W8IFgzOju/ak4YuVTrGfL5EAw7jqYE/C5Tv8I8AU8rTr0dR84a9r2v/dvDoP2/OCB7tlyBYe337moj7h9XGgFf4a/KfYS44GFhPZd1Anhcw7mxy6ujkXEu4jYjojnpZTWacGllBfYiYhLEbH1D4bX+F4UeDnLAAAAAElFTkSuQmCC) center center no-repeat; }
  .inverse #cookie-hinweis {
    background-color: rgba(255, 255, 255, 0.8);
    color: #000; }
    .inverse #cookie-hinweis .closer {
      color: #000; }
  body.cloaded #cookie-hinweis {
    bottom: 0;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
    -webkit-backface-visibility: hidden; }
  body.cunloaded #cookie-hinweis {
    top: -150px;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
    -webkit-backface-visibility: hidden; }

#kopf {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  padding-bottom: 10px;
  background-color: #f43156;
  position: fixed; }
  @media only screen and (max-width: 575px) {
    #kopf {
      padding-bottom: 0px; } }
  #kopf .container {
    width: 100%; }
  #kopf nav {
    padding-top: 22px; }
    @media only screen and (max-height: 850px) and (orientation: landscape) {
      #kopf nav {
        padding-top: 6px;
        padding-bottom: 0; } }
    @media only screen and (max-width: 575px) {
      #kopf nav {
        padding-top: 10px; } }
  #kopf .navbar-toggler-icon {
    width: 24px;
    height: 24px;
    background-size: 100%;
    cursor: pointer;
    margin-top: 10px; }
    #kopf .navbar-toggler-icon svg path {
      fill: #fff; }
  #kopf .navbar-brand {
    color: #f43156;
    display: inline-block;
    padding-top: .25rem;
    padding-bottom: 0;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap; }
    #kopf .navbar-brand svg {
      width: 80px; }
    #kopf .navbar-brand path {
      fill: #fff; }
    @media only screen and (max-height: 850px) and (orientation: landscape) {
      #kopf .navbar-brand svg {
        width: 50px;
        padding-top: 10px; } }
    @media only screen and (max-width: 575px) {
      #kopf .navbar-brand svg {
        width: 60px; } }
  #kopf #topNav ul {
    list-style-type: none; }
    #kopf #topNav ul li {
      text-align: right;
      font-size: 16px;
      line-height: 1.39;
      font-weight: 400;
      letter-spacing: 0.5px; }
      #kopf #topNav ul li a, #kopf #topNav ul li {
        font-style: normal;
        color: #fff;
        padding: 10px 13px;
        padding-right: 0;
        padding-left: 25px;
        padding-top: 9px; }
      #kopf #topNav ul li:first-of-type {
        padding-left: 0; }
      #kopf #topNav ul li.active a, #kopf #topNav ul li.active {
        color: #24003c; }
  #kopf .navbar-toggler-right {
    right: 0px; }
  #kopf.open {
    background-color: #f43156;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3); }
    #kopf.open .navbar-toggler-icon {
      background-image: url(/images/layout/close_icon.svg); }
      #kopf.open .navbar-toggler-icon svg {
        display: none; }
    #kopf.open .navbar-brand path {
      fill: #fff; }
    @media only screen and (max-width: 767px) {
      #kopf.open #topNav ul {
        min-height: 90vh;
        padding-right: 13px; }
        #kopf.open #topNav ul li {
          font-size: 27px; } }

@media only screen and (max-width: 767px) {
  body.navopen {
    height: 100vh;
    overflow: hidden; } }

body {
  background-color: #24003c;
  font-size: 16px;
  line-height: 1.62;
  color: #24003c; }
  body .container {
    width: 1240px;
    max-width: 100%; }
  body h1 {
    font-size: 44px;
    line-height: 1.23;
    color: #24003c;
    padding-bottom: 40px;
    font-weight: 600; }
    @media only screen and (max-width: 991px) {
      body h1 {
        font-size: 40px; } }
    @media only screen and (max-height: 850px) and (orientation: landscape) {
      body h1 {
        font-size: 40px; } }
    @media only screen and (max-width: 575px) {
      body h1 {
        font-size: 24px;
        padding-bottom: 20px; } }
  body h2 {
    /* font-family: Soleil; */
    font-size: 28px;
    font-weight: 600;
    line-height: 0.96;
    color: #f43156;
    margin-bottom: 25px; }
    @media only screen and (max-width: 575px) {
      body h2 {
        font-size: 20px; } }
  body h3 {
    /* font-family: Soleil; */
    font-size: 20px;
    font-weight: 600;
    line-height: 1.35;
    color: #f43156;
    padding-bottom: 17px;
    margin-bottom: 0; }
    @media only screen and (max-width: 575px) {
      body h3 {
        font-size: 18px; } }
  body p {
    font-size: 16px;
    line-height: 1.62;
    color: #24003c; }
  body h4 {
    /* font-family: SoleilSb; */
    font-size: 16px;
    line-height: 1.56;
    font-weight: 600;
    color: #24003c; }
  body a {
    color: #f43156;
    font-style: italic; }
    body a:hover, body a:focus, body a:active {
      text-decoration: none;
      opacity: 0.85;
      color: #19002b; }
      body a:hover h2, body a:focus h2, body a:active h2 {
        color: #19002b; }
    body a.nohover {
      opacity: 1; }
  body b,
  body strong {
    font-weight: 600; }
  body .button-schwarz,
  body a.button-schwarz {
    font-size: 14px;
    background-color: #24003c;
    padding: 14px 18px;
    line-height: 1.39;
    font-style: normal;
    color: #fff;
    font-weight: 300;
    letter-spacing: 0.5px;
    display: inline-block;
    margin-top: 10px; }
    body .button-schwarz:hover, body .button-schwarz:focus, body .button-schwarz:active,
    body a.button-schwarz:hover,
    body a.button-schwarz:focus,
    body a.button-schwarz:active {
      opacity: 1;
      color: rgba(255, 255, 255, 0.85); }
    @media only screen and (max-width: 575px) {
      body .button-schwarz,
      body a.button-schwarz {
        font-size: 16px; } }
  body #mitte {
    background-color: #f2f2f5;
    padding-bottom: 77px;
    padding-top: 180px;
    min-height: 70vh;
    padding-left: 20px;
    padding-right: 20px; }
    @media only screen and (max-width: 991px) {
      body #mitte {
        padding-top: 150px; } }
    @media only screen and (max-height: 850px) and (orientation: landscape) {
      body #mitte {
        padding-top: 140px; } }
    @media only screen and (max-width: 767px) {
      body #mitte {
        padding-left: 0px;
        padding-right: 0px;
        width: 100vw;
        overflow-y: hidden; } }
    @media only screen and (orientation: landscape) and (max-width: 767px) {
      body #mitte {
        padding-left: 0px;
        padding-right: 0px;
        width: 100vw;
        overflow-y: hidden; } }
    @media only screen and (max-width: 575px) {
      body #mitte {
        padding-top: 110px; } }
    @media only screen and (max-width: 991px) {
      body #mitte.mitBG {
        background-image: none !important;
        min-height: auto !important; }
        body #mitte.mitBG .is_background {
          margin-left: -15px;
          margin-right: -15px; }
          body #mitte.mitBG .is_background > .infos {
            display: block !important;
            margin-left: -15px;
            margin-right: -15px; } }
    body #mitte .bullet-lines ul {
      list-style-type: none;
      padding-left: 0; }
      body #mitte .bullet-lines ul > li {
        background-image: url(/images/layout/bullet_line.svg);
        background-repeat: no-repeat;
        background-position: 0 .75em;
        padding-left: 35px;
        padding-bottom: 1em;
        font-weight: 600; }
    body #mitte .workliste > .row {
      margin-bottom: 75px; }
      body #mitte .workliste > .row:nth-child(even) > div:nth-child(2) {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1; }
      body #mitte .workliste > .row > div a {
        font-style: normal;
        font-weight: 600; }
        body #mitte .workliste > .row > div a label {
          color: #24003c;
          font-size: 16px; }
        body #mitte .workliste > .row > div a h2 {
          font-size: 32px;
          line-height: 1.31; }
    @media only screen and (max-width: 991px) {
      body #mitte .workliste > .row > .col-md-4 h2 {
        font-size: 23px; } }
    @media only screen and (max-width: 767px) {
      body #mitte .workliste {
        margin-left: -15px;
        margin-right: -15px;
        width: 100vw;
        overflow-x: hidden; }
        body #mitte .workliste .bild {
          margin-bottom: 30px; }
        body #mitte .workliste > .row {
          margin-bottom: 0; }
          body #mitte .workliste > .row > .col-md-4 {
            padding: 20px 30px;
            -webkit-order: -1;
            -ms-flex-order: -1;
            order: -1; }
            body #mitte .workliste > .row > .col-md-4 h2 {
              margin-bottom: 0; } }
    @media only screen and (max-width: 575px) {
      body #mitte .workliste > .row > .col-md-4 h2 {
        font-size: 20px; } }
    @media only screen and (max-width: 767px) {
      body #mitte .wsBlocksNurBild,
      body #mitte .wsBlocksGoogleMap {
        margin-left: -15px;
        margin-right: -15px;
        width: 100vw;
        overflow: hidden; }
        body #mitte .wsBlocksNurBild img,
        body #mitte .wsBlocksGoogleMap img {
          width: 100%; } }
    @media only screen and (orientation: landscape) and (max-width: 767px) {
      body #mitte .wsBlocksNurBild,
      body #mitte .wsBlocksGoogleMap {
        margin-left: -15px;
        margin-right: -15px;
        width: 100vw;
        overflow: hidden; }
        body #mitte .wsBlocksNurBild img,
        body #mitte .wsBlocksGoogleMap img {
          width: 100%; } }
    body #mitte .nextnav {
      color: #f43156;
      font-size: 14px;
      line-height: 2.19;
      padding-right: 20px;
      padding-top: 9px; }
      body #mitte .nextnav .teaserprev,
      body #mitte .nextnav .teasernext,
      body #mitte .nextnav .nextempty,
      body #mitte .nextnav .prevempty {
        float: right;
        height: 33px;
        width: 20px;
        background-repeat: no-repeat; }
        body #mitte .nextnav .teaserprev i,
        body #mitte .nextnav .teasernext i,
        body #mitte .nextnav .nextempty i,
        body #mitte .nextnav .prevempty i {
          opacity: 0; }
      body #mitte .nextnav .teaserprev {
        padding-right: 38px; }
      body #mitte .nextnav .teasernext {
        padding-left: 20px; }
      @media only screen and (max-width: 767px) {
        body #mitte .nextnav {
          padding-top: 0px;
          position: fixed;
          top: 32px;
          z-index: 9999;
          color: #fff;
          right: 100px; }
          body #mitte .nextnav polygon {
            fill: #fff; } }
      @media only screen and (max-width: 575px) {
        body #mitte .nextnav {
          padding-top: 0px;
          top: 20px; } }
      @media only screen and (orientation: landscape) and (max-width: 767px) {
        body #mitte .nextnav {
          padding-top: 0px;
          top: 20px; } }
  body .bg-smoothed {
    background-color: #24003c;
    margin-bottom: -76px; }
    body .bg-smoothed,
    body .bg-smoothed p {
      color: #fff; }
    body .bg-smoothed > .binnen {
      padding-bottom: 45px;
      padding-top: 45px; }
      body .bg-smoothed > .binnen .row .xx h5 {
        font-size: 20px;
        border-bottom: 2px solid #f43156;
        padding-bottom: 10px;
        margin-bottom: 18px;
        font-weight: 600;
        display: inline-block; }
      body .bg-smoothed > .binnen .row .xx:before {
        opacity: 0.3;
        -webkit-filter: blur(50px);
        filter: blur(50px);
        background-color: rgba(244, 49, 86, 0.7);
        content: " ";
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%; }
  body.emode #mitte {
    padding-top: 50px; }
  body.emode .bg-smoothed > .binnen .row .xx::before {
    display: none; }

.innen.bg-weiss {
  background-color: #fff;
  padding: 50px;
  margin-bottom: 30px; }
  .innen.bg-weiss h5 {
    font-size: 20px;
    border-bottom: 2px solid #f43156;
    padding-bottom: 10px;
    margin-bottom: 18px;
    font-weight: 600;
    line-height: 1.35; }

.innen.bg-weiss-small {
  padding: 0;
  background-color: transparent;
  margin-top: 30px; }
  @media only screen and (min-width: 768px) {
    .innen.bg-weiss-small {
      background-color: #fff;
      padding: 30px;
      padding-top: 40px; } }
  .innen.bg-weiss-small h3 {
    font-size: 16px;
    padding-bottom: 10px;
    margin-bottom: 5px;
    font-weight: 600;
    color: #000; }
  .innen.bg-weiss-small > .row > .xx {
    padding-bottom: 25px; }

body.body---de--index,
body.body---de--index p {
  color: #fff; }

body.body---de--index #kopf {
  background-color: #f43156; }
  @media only screen and (orientation: landscape) and (max-width: 767px) {
    body.body---de--index #kopf {
      display: none; } }

body.body---de--index #mitte {
  padding-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0; }
  @media only screen and (orientation: landscape) and (max-width: 767px) {
    body.body---de--index #mitte {
      overflow-y: unset; } }
  @media only screen and (max-width: 575px) {
    body.body---de--index #mitte {
      overflow-y: unset;
      padding-top: 10px; } }
  body.body---de--index #mitte .wsBlock.wsEbene1 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-flow: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 80%;
    background-size: cover;
    background-repeat: no-repeat; }
    body.body---de--index #mitte .wsBlock.wsEbene1 .fp-bg {
      background-size: cover;
      background-position: center 80%; }
    body.body---de--index #mitte .wsBlock.wsEbene1 > .binnen {
      /* padding-top: 270px; */
      padding-left: 20px;
      padding-right: 20px; }
      @media only screen and (max-height: 850px) and (orientation: landscape) {
        body.body---de--index #mitte .wsBlock.wsEbene1 > .binnen .wsFlex.col-lg-8 {
          flex: 0 0 90%;
          max-width: 90%; }
        body.body---de--index #mitte .wsBlock.wsEbene1 > .binnen .wsFlex.col-lg-7 {
          flex: 0 0 80%;
          max-width: 80%; } }
      @media only screen and (orientation: landscape) and (max-width: 767px) {
        body.body---de--index #mitte .wsBlock.wsEbene1 > .binnen h2:after {
          height: 30px; }
        body.body---de--index #mitte .wsBlock.wsEbene1 > .binnen .wsFlex.col-lg-6 {
          flex: 0 0 90%;
          max-width: 90%; }
        body.body---de--index #mitte .wsBlock.wsEbene1 > .binnen .wsFlex.col-lg-8, body.body---de--index #mitte .wsBlock.wsEbene1 > .binnen .wsFlex.col-lg-7 {
          flex: 0 0 100%;
          max-width: 100%; } }
      @media only screen and (max-width: 575px) {
        body.body---de--index #mitte .wsBlock.wsEbene1 > .binnen > .container {
          padding-left: 0;
          padding-right: 25px; }
        body.body---de--index #mitte .wsBlock.wsEbene1 > .binnen h2 {
          margin-bottom: 10px; } }
    @media only screen and (max-height: 850px) and (orientation: landscape) {
      body.body---de--index #mitte .wsBlock.wsEbene1:last-of-type .container > .row > .wsFlex {
        margin-bottom: -15px; } }
    @media only screen and (orientation: landscape) and (max-width: 767px) {
      body.body---de--index #mitte .wsBlock.wsEbene1:last-of-type .container .hidden-xs-down {
        display: none; }
      body.body---de--index #mitte .wsBlock.wsEbene1:last-of-type .container h2 {
        font-size: 30px; }
        body.body---de--index #mitte .wsBlock.wsEbene1:last-of-type .container h2:after {
          height: 30px; }
      body.body---de--index #mitte .wsBlock.wsEbene1:last-of-type .container #Kombi_x_3blk_block1__3 {
        flex: 0 0 65%;
        max-width: 65%;
        padding-top: 15px; }
      body.body---de--index #mitte .wsBlock.wsEbene1:last-of-type .container #Kombi_x_4blk_block1__3 {
        flex: 0 0 30%;
        max-width: 30%;
        padding-top: 15px; }
        body.body---de--index #mitte .wsBlock.wsEbene1:last-of-type .container #Kombi_x_4blk_block1__3 .xx {
          flex: 0 0 70%;
          max-width: 70%; } }
    @media only screen and (max-width: 575px) {
      body.body---de--index #mitte .wsBlock.wsEbene1:last-of-type .container {
        padding-top: 45px; }
        body.body---de--index #mitte .wsBlock.wsEbene1:last-of-type .container p {
          font-size: 16px; }
        body.body---de--index #mitte .wsBlock.wsEbene1:last-of-type .container h2 {
          font-size: 22px; }
        body.body---de--index #mitte .wsBlock.wsEbene1:last-of-type .container .button-schwarz {
          padding: 10px 18px; }
        body.body---de--index #mitte .wsBlock.wsEbene1:last-of-type .container .homelink {
          padding-top: 5px;
          padding-bottom: 15px; } }
    body.body---de--index #mitte .wsBlock.wsEbene1 .wsBlocksNurText,
    body.body---de--index #mitte .wsBlock.wsEbene1 .wsBlocksNurText p {
      font-size: 32px;
      line-height: 1.62;
      letter-spacing: 0.35px; }
      @media only screen and (max-width: 575px) {
        body.body---de--index #mitte .wsBlock.wsEbene1 .wsBlocksNurText,
        body.body---de--index #mitte .wsBlock.wsEbene1 .wsBlocksNurText p {
          font-size: 17px; } }
      @media only screen and (orientation: landscape) and (max-width: 1199px) {
        body.body---de--index #mitte .wsBlock.wsEbene1 .wsBlocksNurText,
        body.body---de--index #mitte .wsBlock.wsEbene1 .wsBlocksNurText p {
          font-size: 27px; } }
      @media only screen and (orientation: landscape) and (max-width: 767px) {
        body.body---de--index #mitte .wsBlock.wsEbene1 .wsBlocksNurText,
        body.body---de--index #mitte .wsBlock.wsEbene1 .wsBlocksNurText p {
          font-size: 20px; } }

body.body---de--index .button-schwarz,
body.body---de--index a.button-schwarz {
  font-size: 18px; }
  @media only screen and (max-width: 575px) {
    body.body---de--index .button-schwarz,
    body.body---de--index a.button-schwarz {
      font-size: 15px;
      margin-top: 0; } }

body.body---de--index .homelink {
  padding-top: 10px;
  padding-bottom: 40px; }
  body.body---de--index .homelink a {
    width: 100%;
    display: block;
    text-align: center; }
    @media only screen and (max-width: 575px) {
      body.body---de--index .homelink a {
        font-size: 15px; } }
  @media only screen and (orientation: landscape) and (max-width: 767px) {
    body.body---de--index .homelink {
      padding-top: 0;
      padding-bottom: 10px; } }

body.body---de--index h2 {
  font-size: 58px;
  color: #fff;
  font-weight: 400;
  line-height: .93; }
  @media only screen and (max-width: 991px) {
    body.body---de--index h2 {
      font-size: 50px;
      line-height: 1.2; } }
  @media only screen and (max-width: 575px) {
    body.body---de--index h2 {
      font-size: 27px;
      line-height: 1.52; } }
  @media only screen and (orientation: landscape) and (max-width: 767px) {
    body.body---de--index h2 {
      font-size: 42px; } }
  body.body---de--index h2:after {
    content: " ";
    width: 110px;
    border-bottom: 5px #f43156 solid;
    display: block;
    height: 45px; }
    @media only screen and (max-width: 575px) {
      body.body---de--index h2:after {
        height: 15px; } }

body.body---de--index #DesignThinking,
body.body---de--index #DesignThinking p,
body.body---de--index #DesignThinking h2 {
  color: #19002b; }

body.body---de--index #mSUp {
  position: absolute;
  bottom: 70px;
  width: 100%;
  text-align: center; }
  body.body---de--index #mSUp.hidden {
    display: none; }
  body.body---de--index #mSUp svg {
    cursor: pointer; }
    body.body---de--index #mSUp svg:hover polygon {
      fill: #f43156; }
  @media only screen and (max-width: 991px) {
    body.body---de--index #mSUp {
      bottom: 15px; } }
  @media only screen and (max-height: 850px) and (orientation: landscape) {
    body.body---de--index #mSUp {
      bottom: 15px; } }
  @media only screen and (orientation: landscape) and (max-width: 767px) {
    body.body---de--index #mSUp {
      text-align: right; } }

body.body---de--index #fp-nav {
  top: auto;
  bottom: 80px; }
  @media only screen and (max-width: 991px) {
    body.body---de--index #fp-nav {
      bottom: 15px; } }
  @media only screen and (max-height: 850px) and (orientation: landscape) {
    body.body---de--index #fp-nav {
      bottom: 45px; } }
  @media only screen and (orientation: landscape) and (max-width: 767px) {
    body.body---de--index #fp-nav {
      bottom: 140px !important; } }
  body.body---de--index #fp-nav ul li a span, body.body---de--index #fp-nav ul li:hover a span {
    background: #fff;
    height: 10px;
    width: 10px;
    margin: -2px 0 0 -2px; }
  body.body---de--index #fp-nav ul li a.active span, body.body---de--index #fp-nav ul li:hover a.active span {
    height: 10px;
    width: 10px;
    margin: -2px 0 0 -2px;
    background-color: #f43156; }

body.body---de--index #unten {
  position: fixed;
  bottom: 0; }
  @media only screen and (max-width: 991px) {
    body.body---de--index #unten {
      display: none; } }
  @media only screen and (max-height: 850px) and (orientation: landscape) {
    body.body---de--index #unten {
      display: none; } }

body.body---de--index.emode .wsBlock.wsEbene1 {
  height: 100vh; }

#unten {
  padding-top: 80px;
  padding-bottom: 80px;
  width: 100%;
  background-color: #24003c;
  padding-top: 0px;
  padding-bottom: 0px;
  color: rgba(189, 180, 197, 0.95);
  font-weight: 300; }
  #unten a, #unten {
    color: #fff;
    font-weight: 300;
    letter-spacing: 0.5px;
    font-size: 14px; }
  #unten a {
    font-style: italic; }
  #unten .container {
    width: 100%;
    background-image: url(/images/layout/wunschfeld_logo_lang.svg);
    background-repeat: no-repeat;
    background-size: 160px;
    line-height: 2.0;
    background-position-y: center;
    background-position-x: 32px;
    color: rgba(189, 180, 197, 0.85);
    text-align: right;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 32px; }
    #unten .container a,
    #unten .container span {
      white-space: nowrap; }
    @media only screen and (max-width: 991px) {
      #unten .container {
        padding-top: 45px;
        background-position-y: 20px;
        padding-bottom: 25px;
        text-align: left;
        padding-left: 30px; } }
    @media only screen and (max-width: 767px) {
      #unten .container {
        background-position-x: 15px;
        text-align: right;
        background-position: 24px 26px;
        padding-top: 50px;
        padding-left: 15px; } }
    @media only screen and (max-width: 575px) {
      #unten .container {
        text-align: left;
        background-position: 15px 26px;
        padding-top: 55px; } }
    #unten .container .trenner {
      white-space: inherit; }
      @media only screen and (max-width: 767px) {
        #unten .container .trenner {
          display: block;
          font-size: 10px;
          height: 5px; } }
      #unten .container .trenner:before {
        content: " /";
        padding-left: 10px;
        padding-right: 15px; }
        @media only screen and (max-width: 767px) {
          #unten .container .trenner:before {
            content: "";
            display: none; } }

body.isdev #unten {
  padding-bottom: 30px; }

body.isdev #mSUp {
  bottom: 45px; }
  @media only screen and (min-width: 768px) {
    body.isdev #mSUp {
      bottom: 120px; } }
  @media only screen and (max-height: 850px) and (orientation: landscape) {
    body.isdev #mSUp {
      bottom: 45px; } }

body.isdev #fp-nav {
  bottom: 75px; }
  @media only screen and (min-width: 768px) {
    body.isdev #fp-nav {
      bottom: 150px; } }
  @media only screen and (max-height: 850px) and (orientation: landscape) {
    body.isdev #fp-nav {
      bottom: 75px; } }

body.emode #unten {
  display: none; }

/*# sourceMappingURL=style.css.map */