/*
Theme Name: DanubeWeb Child Theme
Theme URI: https://www.danubeweb.at
Version: 1.0
Author: DanubeWeb
Author URI: https://www.danubeweb.at
template: bb-theme
*/
/* Add your custom styles here... */
@font-face {
  font-family: "Papercut";
  src: url("/wp-content/themes/bb-theme-child/fonts/PosterCutNeue-Regular.woff2") format("woff2"), url("/wp-content/themes/bb-theme-child/fonts/PosterCutNeue-Regular.woff") format("woff");
  font-weight: normal;
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u-w4BMUTPHjxsIPy-v.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u_w4BMUTPHjxsI9w2PHA.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u8w4BMUTPHjxswWw.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u_w4BMUTPHjxsI5wqPHA.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u_w4BMUTPHjxsI3wiPHA.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u8w4BMUTPHh30wWw.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh7USew8.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHvxk.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVew8.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh50Xew8.ttf) format('truetype');
}
html {
  width: 100vw;
}
div[data-type="part"] .fl-row-fixed-width {
  max-width: 600px;
}
.page-id-11 body,
.page-id-216 body,
.page-id-11 .fl-page,
.page-id-216 .fl-page {
  overflow: hidden;
  height: 100vh;
  font-family: "Lato", sans-serif;
  width: 100vw;
}
.page-id-283 body,
.page-id-283 .fl-page {
  min-height: 100vh;
  font-family: "Lato", sans-serif;
  width: 100vw;
}
body.page-id-11,
.page-id-11.fl-page {
  overflow: hidden;
  height: 100vh;
  font-family: "Lato", sans-serif;
  width: 100vw;
}
body.page-id-283,
.page-id-283.fl-page {
  min-height: 100vh;
  font-family: "Lato", sans-serif;
  width: 100vw;
  overflow-x: hidden;
}
body.page-id-216,
.page-id-216.fl-page {
  overflow: hidden;
  height: 100vh;
  font-family: "Lato", sans-serif;
  width: 100vw;
}
.page-id-11 #fl-main-content,
.page-id-216 #fl-main-content {
  height: 100vh;
  width: 100vw;
  overflow: scroll;
  overflow-y: scroll;
  overflow-x: hidden;
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
  /* Vertikal Scrollen und Snap Points streng einhalten */
}
.page-id-11 #fl-main-content > .fl-builder-content,
.page-id-216 #fl-main-content > .fl-builder-content {
  height: 100vh;
  scroll-snap-align: start;
  /* An der Oberkante jeder Sektion soll gestoppt werden */
  scroll-snap-stop: always;
}
.page-id-283 #fl-main-content {
  min-height: 100vh;
}
.dweuwellewrapper {
  height: 200px;
}
h1,
h2,
h3 {
  color: #213B88;
  font-family: "Lato", sans-serif;
  font-weight: 900;
}
a {
  color: #213B88;
}
p {
  color: #213B88;
}
footer {
  position: fixed;
  bottom: 0;
  right: 30px;
}
.dwjumptoprev,
.dwjumptonext,
.dwjumpto {
  cursor: pointer;
}
@media (min-width: 970px) {
  p {
    color: #213B88;
    font-size: 22px;
  }
  ul {
    font-size: 22px;
  }
  ul li {
    font-size: 22px;
    margin-bottom: 5px;
  }
}
.page-id-11 .fl-row-custom-height > .fl-row-content-wrap {
  min-height: 140px;
}
.page-id-11 .fl-row-custom-height > .fl-row-content-wrap svg {
  height: 90px;
}
div[data-post-id="44"] {
  background-color: #213B88;
}
div[data-post-id="55"] .fl-row-custom-height > .fl-row-content-wrap {
  min-height: 70px;
}
#handwrapper {
  position: relative;
  z-index: 1;
  height: calc(clamp(200px, 85vw, 600px) + 100px);
  max-height: 500px;
  -webkit-transform: translateY(-100vh);
          transform: translateY(-100vh);
  -webkit-animation-name: ahande;
          animation-name: ahande;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
#handwrapper > div {
  position: absolute;
}
.startseitenkjreiswrapper {
  overflow: hidden;
}
.startseitenkjreiswrapper .kreiselement {
  position: absolute;
  right: clamp(-10vw, -10vw, -50px);
  top: clamp(-120px, -15vw, 0px);
  -webkit-transform: translate(35vw, -50vw);
          transform: translate(35vw, -50vw);
  opacity: 0;
  -webkit-animation-name: akreisform;
          animation-name: akreisform;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.startseitenkjreiswrapper .kreiselement img {
  width: clamp(200px, 85vw, 600px);
  height: clamp(200px, 85vw, 600px);
}
.startseitenkjreiswrapper .kreistextelement {
  position: absolute;
  -webkit-transform: rotate(-10deg) translate3d(0, 0, 0);
          transform: rotate(-10deg) translate3d(0, 0, 0);
  -webkit-font-smoothing: subpixel-antialiased;
  right: clamp(-10vw, -10vw, -50px);
  top: clamp(-120px, -1vw, 0px);
  width: clamp(200px, 85vw, 600px);
  height: clamp(200px, 85vw, 600px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  text-transform: uppercase;
  line-height: normal;
  font-weight: bold;
}
.startseitenkjreiswrapper .kreistextelement .fl-module-content {
  font-size: min(10vw, 70px);
  width: 60%;
  text-align: center;
  -webkit-transform: rotate(-80deg);
          transform: rotate(-80deg);
  opacity: 0;
  -webkit-transform-origin: top right;
          transform-origin: top right;
  -webkit-animation-name: akreistext;
          animation-name: akreistext;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.startseitenkjreiswrapper .kreistextelement .fl-module-content p {
  color: #213B88 !important;
  font-family: "Papercut";
  font-size: min(10vw, 70px);
  font-weight: normal;
}
.startseitenkjreiswrapper .startwahlja {
  position: absolute;
  top: calc(clamp(200px, 85vw, 600px) - 50px);
  right: calc((clamp(200px, 85vw, 600px) / 2) - 150px);
  color: white;
  font-size: 3rem;
  width: 150px;
  -webkit-transform: translateX(100vw);
          transform: translateX(100vw);
  -webkit-animation-name: ajanein;
          animation-name: ajanein;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.startseitenkjreiswrapper .startwahlja > div {
  -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 7px;
}
.startseitenkjreiswrapper .startwahlja > div p {
  margin: 0;
  font-family: "Papercut";
  font-weight: normal;
  color: white;
  font-size: 3rem;
}
.startseitenkjreiswrapper .startwahlja > div:before {
  font-size: 3rem;
  content: "";
  width: 3rem;
  height: 3rem;
  display: inline-block;
  background-image: url("/wp-content/uploads/2024/03/Intro-Kreis-Ja_nein.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.startseitenkjreiswrapper .startwahlnein {
  position: absolute;
  top: calc(clamp(200px, 85vw, 600px) + (3rem*1.5) - 50px);
  right: calc((clamp(200px, 85vw, 600px) / 2) - 150px - 8px);
  color: white;
  font-size: 3rem;
  width: 150px;
  -webkit-transform: translateX(100vw);
          transform: translateX(100vw);
  -webkit-animation-name: ajanein;
          animation-name: ajanein;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.startseitenkjreiswrapper .startwahlnein > div {
  -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 7px;
}
.startseitenkjreiswrapper .startwahlnein > div p {
  margin: 0;
  font-family: "Papercut";
  font-weight: normal;
  color: white;
  font-size: 3rem;
}
.startseitenkjreiswrapper .startwahlnein > div:before {
  content: "";
  width: 3rem;
  height: 3rem;
  font-size: 3rem;
  display: inline-block;
  background-image: url("/wp-content/uploads/2024/03/Intro-Kreis-Ja_nein.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.zureuwahlwrapper {
  -webkit-transform: translateX(-100vw);
          transform: translateX(-100vw);
  -webkit-animation-name: atzureuwahltext;
          animation-name: atzureuwahltext;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.euwahlzur {
  position: relative;
}
.euwahlzur:before {
  content: "";
  position: absolute;
  width: calc(3rem * 1.2);
  height: calc(3rem * 1.2);
  background-image: url("/wp-content/uploads/2024/03/Intro-Kreis-zur.svg");
  background-size: cover;
  background-repeat: no-repeat;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: calc((3rem * 1.2)/2);
}
.euwahlzur:after {
  content: "";
  position: absolute;
  width: calc(3rem * 1.5);
  height: calc(3rem * 1.5);
  background-image: url("/wp-content/uploads/2024/03/Intro-Kreis-Kreuzerl-zur.svg");
  background-size: cover;
  background-repeat: no-repeat;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: calc(3rem/2);
  opacity: 0;
  -webkit-animation-name: atkreuz;
          animation-name: atkreuz;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.euwahlzur > div {
  margin-left: calc(3rem * 1.5 + 30px);
}
.euwahlzur p {
  font-size: 3rem;
  font-family: "Papercut";
  font-weight: normal;
  margin: 0;
  color: #FFDD00;
}
.euwahl2024 span {
  font-size: 6rem;
  line-height: 6rem;
  color: #FFDD00;
  font-family: "Papercut";
  font-weight: normal;
}
.dwichhabezeit {
  margin-top: 20px;
}
@-webkit-keyframes akreistext {
  from {
    -webkit-transform: rotate(-80deg);
            transform: rotate(-80deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    opacity: 1;
  }
}
@keyframes akreistext {
  from {
    -webkit-transform: rotate(-80deg);
            transform: rotate(-80deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes akreisform {
  from {
    -webkit-transform: translate(35vw, -50vw);
            transform: translate(35vw, -50vw);
    opacity: 0;
  }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes akreisform {
  from {
    -webkit-transform: translate(35vw, -50vw);
            transform: translate(35vw, -50vw);
    opacity: 0;
  }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes ahande {
  from {
    -webkit-transform: translateY(-100vh);
            transform: translateY(-100vh);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes ahande {
  from {
    -webkit-transform: translateY(-100vh);
            transform: translateY(-100vh);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes ajanein {
  from {
    -webkit-transform: translateX(100vw);
            transform: translateX(100vw);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes ajanein {
  from {
    -webkit-transform: translateX(100vw);
            transform: translateX(100vw);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes atkreuz {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes atkreuz {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes atzureuwahltext {
  from {
    -webkit-transform: translateX(-100vh);
            transform: translateX(-100vh);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes atzureuwahltext {
  from {
    -webkit-transform: translateX(-100vh);
            transform: translateX(-100vh);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@media (min-width: 970px) {
  #introhande img {
    width: 275px;
  }
}
.fl-builder-content-50 p {
  color: #213B88;
}
.fl-builder-content-50 .intro-euherz .fl-photo-content:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background-image: url("/wp-content/uploads/2024/03/Herzen-Pfeil.svg");
  display: inline-block;
  width: 23vw;
  aspect-ratio: 3;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: translate(-100vw, 10vw);
          transform: translate(-100vw, 10vw);
}
.fl-builder-content-50 .intro-euherz.in-view .fl-photo-content:before {
  -webkit-transform: translate(-100vw, 10vw);
          transform: translate(-100vw, 10vw);
  -webkit-animation-name: aintropfeil;
          animation-name: aintropfeil;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes aintropfeil {
  from {
    -webkit-transform: translate(-100vw, 10vw);
            transform: translate(-100vw, 10vw);
  }
  to {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}
@keyframes aintropfeil {
  from {
    -webkit-transform: translate(-100vw, 10vw);
            transform: translate(-100vw, 10vw);
  }
  to {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}
@media (min-width: 970px) {
  .intro-euherz .fl-photo-content:before {
    max-width: 15vw;
  }
}
.darich-hadline span {
  font-family: "Papercut";
  font-weight: normal;
}
.darfich-wrapper1,
.darfich-wrapper2,
.darfich-wrapper3 {
  margin-bottom: 15px;
  margin-left: 20px;
  position: relative;
  padding: 10px 20px;
}
.darfich-wrapper1:before,
.darfich-wrapper2:before,
.darfich-wrapper3:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 15px;
  border: 1px solid #213B88;
  border-radius: 3px;
  display: none;
}
.darfich-text p {
  margin-bottom: 0 ;
}
.darfich-wrapper1.in-view:before {
  -webkit-transform: translateX(100vw);
          transform: translateX(100vw);
  -webkit-animation-name: darfichboxflyin;
          animation-name: darfichboxflyin;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: calc(0s + 3.5s);
          animation-delay: calc(0s + 3.5s);
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.darfich-wrapper1.in-view .darfich-kreis {
  -webkit-transform: translateX(-100vw);
          transform: translateX(-100vw);
  -webkit-animation-name: darfichkreisflyin;
          animation-name: darfichkreisflyin;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: calc(0s + 0.5s);
          animation-delay: calc(0s + 0.5s);
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.darfich-wrapper1.in-view .darfich-text {
  opacity: 0;
  -webkit-animation-name: darfichtextflyin;
          animation-name: darfichtextflyin;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: calc(0s + 0.5s);
          animation-delay: calc(0s + 0.5s);
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.darfich-wrapper1.in-view .darfich-kreis .fl-photo-content:before {
  opacity: 0;
  -webkit-animation-name: darfichcrossshow;
          animation-name: darfichcrossshow;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: calc(0s + 1.5s);
          animation-delay: calc(0s + 1.5s);
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.darfich-wrapper2.in-view:before {
  -webkit-transform: translateX(100vw);
          transform: translateX(100vw);
  -webkit-animation-name: darfichboxflyin;
          animation-name: darfichboxflyin;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: calc(0.5s + 3.5s);
          animation-delay: calc(0.5s + 3.5s);
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.darfich-wrapper2.in-view .darfich-kreis {
  -webkit-transform: translateX(-100vw);
          transform: translateX(-100vw);
  -webkit-animation-name: darfichkreisflyin;
          animation-name: darfichkreisflyin;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: calc(0.5s + 0.5s);
          animation-delay: calc(0.5s + 0.5s);
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.darfich-wrapper2.in-view .darfich-text {
  opacity: 0;
  -webkit-animation-name: darfichtextflyin;
          animation-name: darfichtextflyin;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: calc(0.5s + 0.5s);
          animation-delay: calc(0.5s + 0.5s);
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.darfich-wrapper2.in-view .darfich-kreis .fl-photo-content:before {
  opacity: 0;
  -webkit-animation-name: darfichcrossshow;
          animation-name: darfichcrossshow;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: calc(0.5s + 1.5s);
          animation-delay: calc(0.5s + 1.5s);
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.darfich-wrapper3.in-view:before {
  -webkit-transform: translateX(100vw);
          transform: translateX(100vw);
  -webkit-animation-name: darfichboxflyin;
          animation-name: darfichboxflyin;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: calc(1s + 3.5s);
          animation-delay: calc(1s + 3.5s);
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.darfich-wrapper3.in-view .darfich-kreis {
  -webkit-transform: translateX(-100vw);
          transform: translateX(-100vw);
  -webkit-animation-name: darfichkreisflyin;
          animation-name: darfichkreisflyin;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: calc(1s + 0.5s);
          animation-delay: calc(1s + 0.5s);
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.darfich-wrapper3.in-view .darfich-text {
  opacity: 0;
  -webkit-animation-name: darfichtextflyin;
          animation-name: darfichtextflyin;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: calc(1s + 0.5s);
          animation-delay: calc(1s + 0.5s);
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.darfich-wrapper3.in-view .darfich-kreis .fl-photo-content:before {
  opacity: 0;
  -webkit-animation-name: darfichcrossshow;
          animation-name: darfichcrossshow;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: calc(1s + 1.5s);
          animation-delay: calc(1s + 1.5s);
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.kreiswrapper {
  min-width: 40px;
}
.darfich-kreis .fl-photo-content:before {
  content: "";
  width: 40px;
  height: 40px;
  background-image: url("/wp-content/uploads/2024/03/Darfichwaehlen_Kreis-Aufzaehlungen-Kreuz.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
}
@-webkit-keyframes darfichkreisflyin {
  from {
    -webkit-transform: translateX(-100vh);
            transform: translateX(-100vh);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes darfichkreisflyin {
  from {
    -webkit-transform: translateX(-100vh);
            transform: translateX(-100vh);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes darfichtextflyin {
  from {
    -webkit-transform: translateX(100vh);
            transform: translateX(100vh);
    opacity: 1;
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes darfichtextflyin {
  from {
    -webkit-transform: translateX(100vh);
            transform: translateX(100vh);
    opacity: 1;
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes darfichboxflyin {
  from {
    -webkit-transform: translateX(100vh);
            transform: translateX(100vh);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes darfichboxflyin {
  from {
    -webkit-transform: translateX(100vh);
            transform: translateX(100vh);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes darfichcrossshow {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes darfichcrossshow {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fl-builder-content-61 {
  position: relative;
}
.fl-builder-content-61 h2 {
  font-size: 2rem;
}
.fl-builder-content-61 .bottomelement {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40vh;
  background-image: url("/wp-content/uploads/2024/03/Welle-blau-WahltagJa_Nein.svg");
  background-size: cover;
}
#ichhabezeitwrapper {
  position: relative;
}
#ichhabezeitwrapper > div {
  margin-left: 20px;
  margin-right: 20px;
}
#ichhabezeitwrapper p {
  margin: 0;
}
#ichhabezeitwrapper strong {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 3rem;
  cursor: pointer;
  color: white;
  font-family: "Papercut";
  font-weight: normal;
  padding-left: 10px;
  display: block;
  line-height: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#ichhabezeitwrapper .zeitchoice {
  position: absolute;
  top: 0;
  overflow: hidden;
  width: 100%;
  height: calc(3rem + 10px + 10px);
  max-height: 300px;
  border-radius: 10px;
}
#ichhabezeitwrapper .zeitchoice ul {
  color: white;
  padding-left: 40px;
  font-size: 1.8rem;
  list-style-type: circle;
}
#ichhabezeitwrapper .zeitchoice.zeitchoiceno {
  top: calc(3rem + 5px + 10px + 10px);
}
#ichhabezeitwrapper .zeitchoice strong:before {
  content: "";
  display: inline-block;
  width: 3rem;
  height: 3rem;
  background-image: url(/wp-content/uploads/2024/03/Intro-Kreis-Ja_nein.svg);
  background-size: contain;
}
#ichhabezeitwrapper .zeitchoice.selected strong:before {
  content: "";
  background-image: url(/wp-content/uploads/2024/03/Intro-Kreis-Ja_nein.svg), url(/wp-content/uploads/2024/03/Darfichwaehlen_Kreis-Aufzaehlungen-Kreuz.svg);
}
#ichhabezeitwrapper .zeitchoice.selected:not(.doroll) {
  height: 70vh;
}
#ichhabezeitwrapper .zeitchoice.selected.doroll {
  -webkit-animation-name: selectanimation;
          animation-name: selectanimation;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
#ichhabezeitwrapper .zeitchoice.unselected {
  -webkit-animation-name: unselectanimation;
          animation-name: unselectanimation;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
#ichhabezeitwrapper .zeitchoiceyes {
  background-color: #f39200;
}
#ichhabezeitwrapper .zeitchoiceno {
  background-color: #fd5b99;
}
@-webkit-keyframes selectanimation {
  from {
    top: 10px;
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    height: calc(3rem + 10px + 10px);
  }
  to {
    top: calc(3rem + 5px + 10px + 10px);
    -webkit-transform: scale(1);
            transform: scale(1);
    height: 70vh;
  }
}
@keyframes selectanimation {
  from {
    top: 10px;
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    height: calc(3rem + 10px + 10px);
  }
  to {
    top: calc(3rem + 5px + 10px + 10px);
    -webkit-transform: scale(1);
            transform: scale(1);
    height: 70vh;
  }
}
@-webkit-keyframes unselectanimation {
  from {
    top: calc(3rem + 5px + 10px + 10px);
    -webkit-transform: scale(1);
            transform: scale(1);
    height: 700vh;
  }
  to {
    top: 10px;
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    height: calc(3rem + 10px + 10px);
  }
}
@keyframes unselectanimation {
  from {
    top: calc(3rem + 5px + 10px + 10px);
    -webkit-transform: scale(1);
            transform: scale(1);
    height: 700vh;
  }
  to {
    top: 10px;
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    height: calc(3rem + 10px + 10px);
  }
}
.fl-builder-content-64 {
  position: relative;
}
.wenwaehleichpfeil .fl-photo-img-svg:before {
  content: "";
  position: absolute;
  width: Min(20vw, 100px);
  right: 48%;
  top: 45%;
  background-image: url("/wp-content/uploads/2024/03/Herzen-Pfeil.svg");
  background-size: cover;
  aspect-ratio: 3.2;
  -webkit-transform: translate(-100vw, 10vw);
          transform: translate(-100vw, 10vw);
}
.wenwaehleichpfeil.in-view .fl-photo-img-svg:before {
  -webkit-transform: translate(-100vw, 10vw);
          transform: translate(-100vw, 10vw);
  -webkit-animation-name: awenpfeil;
          animation-name: awenpfeil;
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.orangebutton a {
  background-color: #f39200;
  color: white;
  border: transparent solid 1px;
  width: 75%;
  text-align: center;
}
.orangebutton a:visited {
  background-color: #f39200;
  color: white;
}
.orangebutton a:hover,
.orangebutton a:focus {
  background-color: #f39200 !important;
  color: white !important;
  border: black solid 1px;
}
.bereitzuwaehentext span {
  font-size: 21px;
}
@-webkit-keyframes awenpfeil {
  from {
    -webkit-transform: translate(-100vw, 10vw);
            transform: translate(-100vw, 10vw);
  }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes awenpfeil {
  from {
    -webkit-transform: translate(-100vw, 10vw);
            transform: translate(-100vw, 10vw);
  }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@media (min-width: 970px) {
  .orangebutton span {
    font-size: 22px;
  }
}
.fl-builder-content-67 {
  position: relative;
  background-color: #fd5b99;
  background-image: url("/wp-content/uploads/2024/03/Welle-orange-Wahlcheck.svg");
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100% 50vh;
}
.wahlcheckheadline span {
  font-family: "Papercut";
  font-weight: normal;
  text-transform: uppercase;
  font-size: 5rem;
}
.dwbottom {
  position: absolute;
  bottom: 20px;
}
.wahlcheckwrapper {
  min-height: 100vh;
}
.page-id-156 {
  height: 90vh;
}
.page-id-156 .fl-row-custom-height > .fl-row-content-wrap {
  min-height: 100px;
}
.page-id-156 .fl-row-custom-height > .fl-row-content-wrap svg {
  height: 90px;
}
.page-id-156 #fl-main-content {
  height: calc(100svh);
  position: relative;
  margin-bottom: 0;
}
.page-id-156 .fl-content-full {
  display: none !important;
}
.page-id-156 .fl-page {
  background-color: white;
}
.page-id-156 footer {
  display: none;
}
.fl-builder-content-178 {
  position: absolute;
  bottom: 20px;
}
.fl-builder-content-178 ul {
  width: 100vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: white;
  padding-bottom: 40px;
}
ul.slick-dots button:before {
  content: "";
  border: 3px solid #213B88;
  border-radius: 50%;
  opacity: 1;
  width: 15px;
  height: 15px;
}
ul.slick-dots .slick-active button:before {
  background-color: #213B88;
  opacity: 1;
}
.faqimage .fl-module-content {
  margin-left: 20px;
}
.faqimage img {
  height: 75px !important;
  width: auto !important;
}
.dwslickauswahl a {
  color: #213B88;
  margin-bottom: 10px;
  display: inline-block;
}
.dwslickauswahl a:before {
  content: "";
  margin-right: 5px;
  background-image: url("/wp-content/uploads/2024/04/Pfeil.svg");
  aspect-ratio: 1.41176471;
  width: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  font-weight: bold;
  font-size: 20px;
  color: #213B88;
}
.faqheadline .fl-module-content {
  margin-top: 20px;
  margin-bottom: 20px;
}
.page-id-216 .fl-row-custom-height > .fl-row-content-wrap {
  min-height: 100px;
}
.page-id-216 .fl-row-custom-height > .fl-row-content-wrap svg {
  height: 90px;
}
.page-id-216 ol {
  font-size: 22px;
  color: #213B88;
}
.page-id-216 ol a {
  color: #213B88;
}
.page-id-216 ul {
  font-size: 14px;
  color: #213B88;
  list-style-type: circle;
}
.page-id-216 ul li {
  margin-bottom: 5px;
}
.page-id-216 ul a {
  color: #213B88;
}
.dieeuflyintext {
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
}
.dieeuflyintext .fl-module-content:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #213B88;
  pointer-events: none;
}
.dieeuflyintext .fl-rich-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.dieeuflyintext .fl-rich-text:before {
  content: "";
  background-image: url("/wp-content/uploads/2024/04/Pfeil.svg");
  aspect-ratio: 1.41176471;
  width: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  display: inline;
  font-weight: bold;
  font-size: 20px;
  color: #213B88;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.dieeuflyintext p {
  font-size: 20px;
  color: #213B88;
  margin: 0;
}
.dieeuflyintext p a {
  color: #213B88;
}
.dieeuflyintext.flyin1 .fl-module-content:before {
  -webkit-transform: translate(-100vw, 0);
          transform: translate(-100vw, 0);
  display: inline;
  -webkit-animation-name: awboxeu;
          animation-name: awboxeu;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: calc(0s + 0s);
          animation-delay: calc(0s + 0s);
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.dieeuflyintext.flyin1 .fl-rich-text:before {
  -webkit-transform: translate(-100vw, 0);
          transform: translate(-100vw, 0);
  -webkit-animation-name: awenpfeileu;
          animation-name: awenpfeileu;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: calc(0.5s + 0s);
          animation-delay: calc(0.5s + 0s);
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.dieeuflyintext.flyin2 .fl-module-content:before {
  -webkit-transform: translate(-100vw, 0);
          transform: translate(-100vw, 0);
  display: inline;
  -webkit-animation-name: awboxeu;
          animation-name: awboxeu;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: calc(0s + 0.5s);
          animation-delay: calc(0s + 0.5s);
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.dieeuflyintext.flyin2 .fl-rich-text:before {
  -webkit-transform: translate(-100vw, 0);
          transform: translate(-100vw, 0);
  -webkit-animation-name: awenpfeileu;
          animation-name: awenpfeileu;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: calc(0.5s + 0.5s);
          animation-delay: calc(0.5s + 0.5s);
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.dieeuflyintext.flyin3 .fl-module-content:before {
  -webkit-transform: translate(-100vw, 0);
          transform: translate(-100vw, 0);
  display: inline;
  -webkit-animation-name: awboxeu;
          animation-name: awboxeu;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: calc(0s + 1s);
          animation-delay: calc(0s + 1s);
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.dieeuflyintext.flyin3 .fl-rich-text:before {
  -webkit-transform: translate(-100vw, 0);
          transform: translate(-100vw, 0);
  -webkit-animation-name: awenpfeileu;
          animation-name: awenpfeileu;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: calc(0.5s + 1s);
          animation-delay: calc(0.5s + 1s);
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.firsthand {
  -webkit-transform: translate(0, 100vh);
          transform: translate(0, 100vh);
  -webkit-animation-name: ahandenter;
          animation-name: ahandenter;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.huepfhand img {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-animation-name: ahandjumping;
          animation-name: ahandjumping;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}
.willstdutext .fl-rich-text {
  -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg);
}
.willstdutext p {
  font-size: 6rem;
  font-weight: bold;
  font-family: "Papercut";
  font-weight: normal;
  color: #213B88;
  text-align: center;
}
.willstdutext p a {
  color: #213B88;
}
@-webkit-keyframes awenpfeileu {
  from {
    -webkit-transform: translate(-100vw, 0);
            transform: translate(-100vw, 0);
  }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes awenpfeileu {
  from {
    -webkit-transform: translate(-100vw, 0);
            transform: translate(-100vw, 0);
  }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes awboxeu {
  from {
    -webkit-transform: translate(-100vw, 0);
            transform: translate(-100vw, 0);
  }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes awboxeu {
  from {
    -webkit-transform: translate(-100vw, 0);
            transform: translate(-100vw, 0);
  }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes ahandenter {
  from {
    -webkit-transform: translate(0, 100vh);
            transform: translate(0, 100vh);
  }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes ahandenter {
  from {
    -webkit-transform: translate(0, 100vh);
            transform: translate(0, 100vh);
  }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes ahandjumping {
  from {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  to {
    -webkit-transform: translate(0, -20px);
            transform: translate(0, -20px);
  }
}
@keyframes ahandjumping {
  from {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  to {
    -webkit-transform: translate(0, -20px);
            transform: translate(0, -20px);
  }
}
@media (min-width: 970px) {
  .willstdutext {
    margin-top: 15vh;
  }
  .willstdutext p {
    font-size: 9rem;
  }
}
.fl-menu-mobile-toggle.hamburger {
  background-color: transparent;
  color: #213B88;
  margin-top: 10px;
  margin-right: 20px;
}
.fl-menu-mobile-toggle.hamburger svg rect {
  stroke: white;
  stroke-width: 1px;
}
.fl-menu-mobile-toggle.hamburger:hover {
  background-color: transparent;
  color: #213B88;
  margin-right: 20px;
}
.fl-menu-mobile-toggle.hamburger.fl-active {
  background-color: transparent;
  color: white;
}
.page-id-156 .fl-menu-mobile-toggle.hamburger {
  color: white;
}
body:has(.fl-builder-content-230.part-in-view) .fl-menu-mobile-toggle.hamburger,
body:has(.fl-builder-content-204.part-in-view) .fl-menu-mobile-toggle.hamburger,
body:has(.fl-builder-content-209.part-in-view) .fl-menu-mobile-toggle.hamburger,
body:has(.fl-builder-content-213.part-in-view) .fl-menu-mobile-toggle.hamburger,
body:has(.fl-builder-content-250.part-in-view) .fl-menu-mobile-toggle.hamburger {
  color: white;
}
#menu-header {
  background-color: #4f4f4f;
}
.fl-menu.fl-menu-responsive-toggle-always:has(.fl-active) {
  background-color: #4f4f4f;
  opacity: 0.95;
}
.fl-menu-mobile-toggle.hamburger.fl-active svg rect {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.fl-menu-mobile-toggle.hamburger.fl-active svg rect:nth-child(1) {
  -webkit-transform: rotate(45deg) scaleX(2.5) translateY(-50px);
          transform: rotate(45deg) scaleX(2.5) translateY(-50px);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}
.fl-menu-mobile-toggle.hamburger.fl-active svg rect:nth-child(2) {
  display: none;
}
.fl-menu-mobile-toggle.hamburger.fl-active svg rect:nth-child(3) {
  -webkit-transform: rotate(-45deg) scaleX(2.5) translateY(48px);
          transform: rotate(-45deg) scaleX(2.5) translateY(48px);
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
}
.fl-menu.fl-menu-responsive-toggle-always ul {
  background-color: transparent;
}
.fl-menu.fl-menu-responsive-toggle-always ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-bottom: 10px;
}
.fl-menu.fl-menu-responsive-toggle-always ul a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-top: 0;
  padding-bottom: 0px;
  font-size: 2rem;
  font-weight: bold;
}
.fl-menu.fl-menu-responsive-toggle-always ul a:after {
  content: "";
  -webkit-transform: scaleX(0.8) translateY(-5px);
          transform: scaleX(0.8) translateY(-5px);
  display: inline-block;
  width: 100%;
  background-color: transparent;
  height: 2px;
}
.fl-menu.fl-menu-responsive-toggle-always ul .current-menu-item > a {
  background-color: transparent !important;
}
.fl-menu.fl-menu-responsive-toggle-always ul .current-menu-item > a:after {
  content: "";
  -webkit-transform: scaleX(1.1) translateY(-10px);
          transform: scaleX(1.1) translateY(-10px);
  display: inline-block;
  width: 100%;
  background-color: white;
  height: 2px;
}
.fl-menu.fl-menu-responsive-toggle-always ul > li > a:hover {
  background-color: transparent !important;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-animation-name: amenutexthover;
          animation-name: amenutexthover;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.fl-menu.fl-menu-responsive-toggle-always ul > li > a:hover:after {
  content: "";
  display: inline-block;
  width: 100%;
  background-color: white;
  height: 2px;
  -webkit-transform: scaleX(0.8) translateY(-10px);
          transform: scaleX(0.8) translateY(-10px);
  -webkit-animation-name: amenulinehover;
          animation-name: amenulinehover;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
#menu-fusszeile {
  margin-bottom: 20px;
}
#menu-fusszeile a {
  color: #213B88;
  padding: 0px;
}
@-webkit-keyframes amenutexthover {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
}
@keyframes amenutexthover {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
}
@-webkit-keyframes amenulinehover {
  from {
    -webkit-transform: scaleX(0.8) translateY(-10px);
            transform: scaleX(0.8) translateY(-10px);
  }
  to {
    -webkit-transform: scaleX(1.2) translateY(-5px);
            transform: scaleX(1.2) translateY(-5px);
  }
}
@keyframes amenulinehover {
  from {
    -webkit-transform: scaleX(0.8) translateY(-10px);
            transform: scaleX(0.8) translateY(-10px);
  }
  to {
    -webkit-transform: scaleX(1.2) translateY(-5px);
            transform: scaleX(1.2) translateY(-5px);
  }
}
@media (min-width: 970px) {
  body:has(.fl-builder-content-44.part-in-view) .fl-menu-mobile-toggle.hamburger {
    color: white;
  }
}
.page.page-id-30 ul,
.page.page-id-30 ol {
  color: #213B88;
}
@media (min-width: 970px) {
  .page.page-id-30 ul,
  .page.page-id-30 ol {
    font-size: 22px;
    color: #213B88;
  }
  .page.page-id-30 ul li,
  .page.page-id-30 ol li {
    font-size: 22px;
    margin-bottom: 5px;
  }
}
/* For iPhone 7 (2016), iPhone 8 (2017), and iPhone SE (1st to 3rd gen): */
/* 750×1334 pixels at 326ppi */
@media (width: 375px) and (-webkit-device-pixel-ratio: 2) {
  #handwrapper {
    height: 340px;
  }
  .startseitenkjreiswrapper .kreistextelement .fl-module-content {
    width: 50%;
  }
  .startseitenkjreiswrapper .kreistextelement .fl-module-content .fl-rich-text p {
    font-size: min(9vw, 70px);
  }
  .voteicon .fl-module-content {
    margin-top: 0px;
  }
  .faqheadline .fl-module-content {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .euparlamenttext .fl-module-content {
    margin-top: 10px;
    margin-bottom: 0px;
  }
  .huepfhand .fl-module-content {
    margin-top: 10px;
    margin-bottom: 0px;
  }
  .dwwasheissttext .fl-module-content {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .page-id-156 .fl-heading-text {
    font-size: 28px;
  }
  .page-id-156 .faqimage img {
    height: 75px;
    width: auto;
  }
  .page-id-156 .faqteaser p {
    margin-bottom: 0;
  }
  .page-id-156 .faqtext .fl-module-content {
    margin-top: 10px;
  }
  .page-id-156 .slick-dots {
    padding-bottom: 5px !important;
  }
  .fl-builder-content-64 .dwbottom {
    position: relative;
  }
}