@charset "UTF-8";
/*
 * Buhl Colors for MV Theme
 */
:root {
  --buhl-blau: #023E84;
  --buhl-orange: #FA7D19;
  --buhl-gelb: #FFE620;
  --buhl-rot: #E9435C;
  --buhl-gruen: #A2C62E;
}

.text-orange {
  color: #FA7D19;
}

.webinar-blue {
  color: #032955 !important;
}
.webinar-blue:hover {
  text-decoration: none !important;
}

.light-blue {
  color: rgba(2, 62, 132, 0.6) !important;
}

.dark-blue, a.dark-blue {
  color: #00234d !important;
}
.dark-blue:hover, a.dark-blue:hover {
  text-decoration: underline;
}

/**
Hauptschriftart: Cairo SourceSansPro (vorbereitet)
Hauptschriftart: Roboto
  bis 20201201 Exo2
unten stehen auskommentiert die alten Schriftarten

Es werden nur die Schriftarten geladen die auf der Seite vorkommen
In der header.php werden noch die Hauptschriftarten mit preload geladen
 */
/**
 * special Solution fonts by size 20210521
 */
.sf-sourceSansPro,
.sf-sourceSansPro * {
  font-family: "Source Sans Pro", Arial, sans-serif !important;
}

.sf-cairo,
.sf-cairo * {
  font-family: "Cairo", Arial, sans-serif !important;
}

.sf-100,
.sf-100 * {
  font-weight: 100 !important;
}

.sf-200,
.sf-200 * {
  font-weight: 200 !important;
}

.sf-300,
.sf-300 * {
  font-weight: 300 !important;
}

.sf-400,
.sf-400 * {
  font-weight: 400 !important;
}

.sf-500,
.sf-500 * {
  font-weight: 500 !important;
}

.sf-600,
.sf-600 * {
  font-weight: 600 !important;
}

.sf-700,
.sf-700 * {
  font-weight: 700 !important;
}

.sf-800,
.sf-800 * {
  font-weight: 800 !important;
}

.sf-900,
.sf-900 * {
  font-weight: 900 !important;
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Metal";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/metal-mania-v23-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* cairo-200 - latin */
@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: local(""), url("../fonts/cairo/cairo-v10-latin-200.woff2") format("woff2"), url("../fonts/cairo/cairo-v10-latin-200.woff") format("woff");
}
/* cairo-300 - latin */
@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local(""), url("../fonts/cairo/cairo-v10-latin-300.woff2") format("woff2"), url("../fonts/cairo/cairo-v10-latin-300.woff") format("woff");
}
/* cairo-regular - latin */
@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/cairo/cairo-v10-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/cairo/cairo-v10-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/cairo/cairo-v10-latin-regular.woff2") format("woff2"), url("../fonts/cairo/cairo-v10-latin-regular.woff") format("woff");
}
/* cairo-700 - latin */
@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local(""), url("../fonts/cairo/cairo-v10-latin-700.woff2") format("woff2"), url("../fonts/cairo/cairo-v10-latin-700.woff") format("woff");
}
/* cairo-600 - latin */
@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/cairo/cairo-v10-latin-600.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/cairo/cairo-v10-latin-600.woff2") format("woff2"), url("../fonts/cairo/cairo-v10-latin-600.woff") format("woff");
}
/* cairo-900 - latin */
@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../fonts/cairo/cairo-v10-latin-900.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/cairo/cairo-v10-latin-900.eot?#iefix") format("embedded-opentype"), url("../fonts/cairo/cairo-v10-latin-900.woff2") format("woff2"), url("../fonts/cairo/cairo-v10-latin-900.woff") format("woff"), url("../fonts/cairo/cairo-v10-latin-900.ttf") format("truetype"), url("../fonts/cairo/cairo-v10-latin-900.svg#Cairo") format("svg"); /* Legacy iOS */
}
/* source-sans-pro-200 - latin */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("../fonts/sourcesanspro/source-sans-pro-v14-latin-200.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/sourcesanspro/source-sans-pro-v14-latin-200.eot?#iefix") format("embedded-opentype"), url("../fonts/sourcesanspro/source-sans-pro-v14-latin-200.woff2") format("woff2"), url("../fonts/sourcesanspro/source-sans-pro-v14-latin-200.woff") format("woff"), url("../fonts/sourcesanspro/source-sans-pro-v14-latin-200.ttf") format("truetype"), url("../fonts/sourcesanspro/source-sans-pro-v14-latin-200.svg#SourceSansPro") format("svg"); /* Legacy iOS */
}
/* source-sans-pro-300 - latin */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/sourcesanspro/source-sans-pro-v14-latin-300.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/sourcesanspro/source-sans-pro-v14-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/sourcesanspro/source-sans-pro-v14-latin-300.woff2") format("woff2"), url("../fonts/sourcesanspro/source-sans-pro-v14-latin-300.woff") format("woff"), url("../fonts/sourcesanspro/source-sans-pro-v14-latin-300.ttf") format("truetype"), url("../fonts/sourcesanspro/source-sans-pro-v14-latin-300.svg#SourceSansPro") format("svg"); /* Legacy iOS */
}
/* source-sans-pro-regular - latin */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/sourcesanspro/source-sans-pro-v14-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/sourcesanspro/source-sans-pro-v14-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/sourcesanspro/source-sans-pro-v14-latin-regular.woff2") format("woff2"), url("../fonts/sourcesanspro/source-sans-pro-v14-latin-regular.woff") format("woff"), url("../fonts/sourcesanspro/source-sans-pro-v14-latin-regular.ttf") format("truetype"), url("../fonts/sourcesanspro/source-sans-pro-v14-latin-regular.svg#SourceSansPro") format("svg"); /* Legacy iOS */
}
/* source-sans-pro-600 - latin */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/sourcesanspro/source-sans-pro-v14-latin-600.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/sourcesanspro/source-sans-pro-v14-latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/sourcesanspro/source-sans-pro-v14-latin-600.woff2") format("woff2"), url("../fonts/sourcesanspro/source-sans-pro-v14-latin-600.woff") format("woff"), url("../fonts/sourcesanspro/source-sans-pro-v14-latin-600.ttf") format("truetype"), url("../fonts/sourcesanspro/source-sans-pro-v14-latin-600.svg#SourceSansPro") format("svg"); /* Legacy iOS */
}
p {
  font-size: 20px;
}
@media (max-width: 768px) {
  p {
    font-size: 18px;
  }
}

.fs-13, .fs13 {
  font-size: 13px !important;
}

.fs-14, .fs14 {
  font-size: 14px !important;
}

.fs-15, .fs15 {
  font-size: 15px !important;
}

.fs-17, .fs17 {
  font-size: 17px !important;
}

.fs-17-15, .fs17-15 {
  font-size: 17px !important;
}
@media (max-width: 992px) {
  .fs-17-15, .fs17-15 {
    font-size: 15px !important;
  }
}
@media (max-width: 580px) {
  .fs-17-15, .fs17-15 {
    font-size: 12px !important;
  }
}

.fs-15-12, .fs15-12 {
  font-size: 15px !important;
}
@media (max-width: 992px) {
  .fs-15-12, .fs15-12 {
    font-size: 13px !important;
  }
}
@media (max-width: 580px) {
  .fs-15-12, .fs15-12 {
    font-size: 12px !important;
  }
}

.fs-20, .fs20 {
  font-size: 20px;
}
@media (max-width: 768px) {
  .fs-20, .fs20 {
    font-size: 18px;
  }
}

.fs-22, .fs22 {
  font-size: 22px !important;
  font-weight: 600 !important;
}
@media (max-width: 768px) {
  .fs-22, .fs22 {
    font-size: 20px;
  }
}

.fs-14, .fs14 {
  font-size: 14px;
}

.fs-24, .fs24 {
  font-size: 24px;
}
@media (max-width: 768px) {
  .fs-24, .fs24 {
    font-size: 18px;
  }
}

.fs-26, .fs26 {
  font-size: 26px !important;
}
@media (max-width: 768px) {
  .fs-26, .fs26 {
    font-size: 18px !important;
  }
}

.fs-28, .fs28 {
  font-size: 28px !important;
}
@media (max-width: 768px) {
  .fs-28, .fs28 {
    font-size: 20px !important;
  }
}

.fs-30, .fs30 {
  font-size: 30px;
}
@media (max-width: 768px) {
  .fs-30, .fs30 {
    font-size: 24px;
  }
}

.fs-34, .fs34 {
  font-size: 34px !important;
}
@media (max-width: 768px) {
  .fs-34, .fs34 {
    font-size: 28px !important;
  }
}

.fs-35, .fs35 {
  font-size: 35px !important;
}
@media (max-width: 768px) {
  .fs-35, .fs35 {
    font-size: 28px !important;
  }
}

.fs-36, .fs36 {
  font-size: 36px !important;
}
@media (max-width: 768px) {
  .fs-36, .fs36 {
    font-size: 28px !important;
  }
}

.fs-38, .fs38 {
  font-size: 38px !important;
}
@media (max-width: 992px) {
  .fs-38, .fs38 {
    font-size: 28px !important;
  }
}
@media (max-width: 768px) {
  .fs-38, .fs38 {
    font-size: 24px !important;
  }
}

.fs-40, .fs40 {
  font-size: 40px !important;
}
@media (max-width: 768px) {
  .fs-40, .fs40 {
    font-size: 28px !important;
  }
}

.fs48-to-40 {
  font-size: 48px;
}
@media (max-width: 1480px) {
  .fs48-to-40 {
    font-size: 40px;
  }
}

h1 {
  font-size: 48px;
  font-family: "Cairo", Arial, sans-serif;
}
@media (max-width: 1280px) {
  h1 {
    font-size: 40px;
  }
}
@media (max-width: 1100px) {
  h1 {
    font-size: 36px;
  }
}

h2 {
  font-size: 40px;
  font-family: "Cairo", Arial, sans-serif;
}
@media (min-width: 1281px) {
  h2.fs-50 {
    font-size: 50px;
  }
}
@media (max-width: 1280px) {
  h2 {
    font-size: 36px;
  }
}
@media (max-width: 768px) {
  h2 {
    font-size: 28px;
  }
}

h3 {
  font-size: 36px;
  font-family: "Cairo", Arial, sans-serif;
}
@media (max-width: 1280px) {
  h3 {
    font-size: 28px;
  }
}
@media (max-width: 768px) {
  h3 {
    font-size: 24px;
  }
}

ul {
  font-family: "Source Sans Pro", Arial, sans-serif;
}

.fw-500, .fw500 {
  font-weight: 500;
}

.fw-600, .fw600 {
  font-weight: 600;
}

.fw-700, .fw700 {
  font-weight: 700;
}

.ff-cairo, .ffcairo {
  font-family: "Cairo", Arial, sans-serif !important;
}

.ff-source, .ffsource {
  font-family: "Source Sans Pro", Arial, sans-serif !important;
}

.fs-16, .fs16, .fs-16 p, .fs16 p {
  font-size: 16px !important;
}
@media (max-width: 768px) {
  .fs-16, .fs16, .fs-16 p, .fs16 p {
    font-size: 16px !important;
  }
}

.fs-18, .fs18 {
  font-size: 18px;
}
@media (max-width: 768px) {
  .fs-18, .fs18 {
    font-size: 16px;
  }
}

.fs-22, .fs22 {
  font-size: 22px !important;
}
@media (max-width: 768px) {
  .fs-22, .fs22 {
    font-size: 16px !important;
  }
}

.fs-24, .fs24 {
  font-size: 24px !important;
}
@media (max-width: 768px) {
  .fs-24, .fs24 {
    font-size: 20px !important;
  }
}

.fs-32, .fs32 {
  font-size: 32px !important;
}
@media (max-width: 768px) {
  .fs-32, .fs32 {
    font-size: 26px !important;
  }
}

.fs-50, .fs50 {
  font-size: 50px !important;
}
@media (max-width: 1200px) {
  .fs-50, .fs50 {
    font-size: 40px !important;
  }
}
@media (max-width: 768px) {
  .fs-50, .fs50 {
    font-size: 28px !important;
  }
}

.fs-48, .fs48 {
  font-size: 48px !important;
}
@media (max-width: 1200px) {
  .fs-48, .fs48 {
    font-size: 36px !important;
  }
}
@media (max-width: 768px) {
  .fs-48, .fs48 {
    font-size: 28px !important;
  }
}

.text-blue {
  color: #023E84;
}

@media (max-width: 680px) {
  .fs-36, .fs36 {
    font-size: 28px !important;
  }
}

@media (max-width: 768px) {
  .fs-32, .fs32, .fs-34, .fs34 {
    font-size: 22px !important;
  }
}
.lh-0 {
  line-height: 0;
}

.lh1_33, .lh-1_33 {
  line-height: 1.33;
}

/* Contents */
.text-upper {
  text-transform: uppercase !important;
}

.text-blue {
  color: #023E84 !important;
}

.text-darker-blue {
  color: #032955 !important;
}

.text-light-blue {
  color: #418add !important;
}

.text-underlined {
  text-decoration: underline !important;
}

.letter-spacing-2 {
  letter-spacing: 2px !important;
}

@media (max-width: 1280px) {
  .tofs20 {
    font-size: 24px !important;
  }
}
@media (max-width: 992px) {
  .tofs20 {
    font-size: 20px !important;
  }
}

.darkblue, .darkblue > p {
  color: #00234d !important;
}

.fs18 > p {
  font-size: 18px !important;
}

body.single-manual h1 {
  font-size: 36px !important;
}
@media (max-width: 992px) {
  body.single-manual h1 {
    font-size: 32px !important;
  }
}
body.single-manual h2.manual-h2 {
  font-size: 24px !important;
}
@media (max-width: 992px) {
  body.single-manual h2.manual-h2 {
    font-size: 22px !important;
  }
}
body.single-manual h3 {
  font-size: 21px !important;
}
@media (max-width: 768px) {
  body.single-manual h3 {
    font-size: 20px !important;
  }
}
body.single-manual h4 {
  font-size: 18px !important;
}
@media (max-width: 768px) {
  body.single-manual h4 {
    font-size: 17px !important;
  }
}
body.single-manual h5 {
  font-size: 16px !important;
}
@media (max-width: 768px) {
  body.single-manual h5 {
    font-size: 15px !important;
  }
}
body.single-manual h6 {
  font-size: 14px !important;
}
@media (max-width: 768px) {
  body.single-manual h6 {
    font-size: 13px !important;
  }
}

/* Headlines */
h1, h2, h3, h4, h5, h6 {
  font-family: Cairo, sans-serif;
  color: #023E84;
  font-weight: 700;
  margin-bottom: 0;
  padding-bottom: 0;
}
h1.darkblue, h2.darkblue, h3.darkblue, h4.darkblue, h5.darkblue, h6.darkblue {
  color: #00234d;
}
h1.wp-block-heading, h2.wp-block-heading, h3.wp-block-heading, h4.wp-block-heading, h5.wp-block-heading, h6.wp-block-heading {
  padding-bottom: 15px;
}

h1 sup, h2 sup, h3 sup {
  top: unset;
  background-repeat: repeat-x;
  background-image: url(../img/icons_2022/yellowbg.gif);
  text-decoration: none;
  background-position-y: 45px;
  background-size: 16px;
  font-size: unset;
}
@media (max-width: 768px) {
  h1 sup, h2 sup, h3 sup {
    background-position-y: 30px;
  }
}
h1.fs-50 sup, h1.fs50 sup, h2.fs-50 sup, h2.fs50 sup, h3.fs-50 sup, h3.fs50 sup {
  background-position-y: 54px;
}
@media (max-width: 768px) {
  h1.fs-50 sup, h1.fs50 sup, h2.fs-50 sup, h2.fs50 sup, h3.fs-50 sup, h3.fs50 sup {
    background-position-y: 33px;
  }
}
@media (max-width: 992px) {
  h1, h2, h3 {
    font-size: 40px;
  }
}
@media (max-width: 680px) {
  h1, h2, h3 {
    font-size: 28px;
  }
}

/* Paragraphs */
div, p {
  font-family: "Source Sans Pro", sans-serif;
  color: #023E84;
  font-weight: 400;
  line-height: 1.7;
}
div.disclaimer, p.disclaimer {
  font-size: 14px;
  color: #00234d;
  font-weight: 400;
  line-height: 1.7;
}
div a, p a {
  color: #FA7D19;
  text-decoration: underline;
}
div a:hover, p a:hover {
  text-decoration: none;
}
div.darkblue, p.darkblue {
  color: #00234d;
}
div.darblue2, p.darblue2 {
  color: #023e84;
}

/* Lists */
ul li {
  font-family: "Source Sans Pro", sans-serif;
  color: #023E84;
  color: #023E84;
  font-weight: 400;
}
ul.check-icon {
  list-style: none;
  margin-bottom: 0 !important;
  line-height: 36px;
}
ul.check-icon li:before {
  content: " " !important;
  background-image: url(../img/icons_2022/check-solid.svg);
  margin-left: -23px;
  background-size: 20px;
  display: inline-block;
  background-position: left;
  height: 21px;
  width: 21px;
  background-repeat: no-repeat;
  vertical-align: sub;
  margin-right: 5px;
}

/* all together */
ul li, p, div {
  font-size: 20px;
}
@media (max-width: 992px) {
  ul li, p, div {
    font-size: 18px;
  }
}

.br30 {
  border-radius: 30px !important;
}

.br20 {
  border-radius: 20px !important;
}

.br15 {
  border-radius: 15px !important;
}

.global-br-30to10, .br-30 {
  border-radius: 30px;
}
@media (max-width: 1400px) {
  .global-br-30to10, .br-30 {
    border-radius: 10px;
  }
}

.w-lg-75 {
  width: 75%;
}
@media (max-width: 992px) {
  .w-lg-75 {
    width: 96%;
  }
}

.w-lg-50 {
  width: 50%;
}
@media (max-width: 992px) {
  .w-lg-50 {
    width: 96%;
  }
}

.w-lg-50-1280 {
  width: 50%;
}
@media (max-width: 1280px) {
  .w-lg-50-1280 {
    width: 70%;
  }
}
@media (max-width: 992px) {
  .w-lg-50-1280 {
    width: 90%;
  }
}

.blue-col-background {
  background-color: #eff4fa;
  color: #fff;
  height: 80vh;
  width: 100%;
}

.partner-bg {
  background-image: url("../img/gradient-partner.png");
  background-repeat: repeat-x;
}

p.cols, .cols, .different-paragraph p, .different-paragraph ul li {
  color: #707070 !important;
  font-size: 17px !important;
  line-height: 34px !important;
  column-gap: 50px;
  column-count: 3 !important;
}
@media (max-width: 1200px) {
  p.cols, .cols, .different-paragraph p, .different-paragraph ul li {
    column-count: 2 !important;
  }
}
@media (max-width: 992px) {
  p.cols, .cols, .different-paragraph p, .different-paragraph ul li {
    column-count: 1 !important;
  }
}

.text-orange {
  color: #FA7D19 !important;
}

.kundenformular-template-default {
  background-color: #EFF4FA;
}

body {
  padding-top: 90px !important;
  overflow-x: hidden;
}
@media (max-width: 1200px) {
  body {
    padding-top: 65px !important;
  }
}
body.breadcrumb-active {
  /* padding-top: 140px !important; old */
  padding-top: 170px !important;
  overflow-x: hidden;
}
@media (max-width: 1200px) {
  body.breadcrumb-active {
    padding-top: 110px !important;
  }
}
body.topbar-is-visible header {
  top: 50px;
}
body.topbar-is-visible header.no-breadcrumb {
  top: 50px;
}
body.topbar-is-visible header.countdown-top {
  top: 100px;
}
body.topbar-is-visible header.countdown-top.no-breadcrumb {
  top: 50px;
}
body#topbar-active.topbar-is-visible header {
  top: 50px;
}
body#topbar-active.topbar-is-visible header.countdown-top {
  top: 100px;
}
body#topbar-active.topbar-is-visible header.countdown-top.no-breadcrumb {
  top: 50px;
}
body .page-template-default main {
  overflow: hidden;
}

main {
  min-height: calc(100vh - 300px);
  overflow-x: hidden;
}

input {
  outline: 0 !important;
  box-shadow: none !important;
}

img.sparen {
  max-width: 180px;
  width: 180px !important;
  height: auto !important;
  position: absolute;
  z-index: 1;
  margin-left: 7%;
  margin-top: -54px;
}
@media (max-width: 1800px) {
  img.sparen {
    margin-left: 9%;
  }
}
@media (max-width: 1400px) {
  img.sparen {
    margin-left: 15%;
  }
}
@media (max-width: 1280px) {
  img.sparen {
    display: none;
  }
}
img.sparen_mobile {
  display: none;
}
@media (max-width: 1280px) {
  img.sparen_mobile {
    width: 160px !important;
    height: auto !important;
    margin: auto;
    display: block;
    position: relative;
    right: -16px;
  }
}

.hidden {
  display: none !important;
}

a:link {
  text-decoration: none;
  color: #FA7D19;
}
a:link:hover {
  text-decoration: underline;
  color: #FA7D19;
}

.wp-block-separator {
  border: 1px solid;
  border-left: none;
  border-right: none;
  height: 0.1px;
  width: 80%;
  margin: auto;
  opacity: 0.05;
}

/* Contentpages */
@media (max-width: 1680px) {
  .wp-block-columns.container {
    padding: 0 70px !important;
  }
}
@media (max-width: 768px) {
  .wp-block-columns.container {
    padding: 0 15px !important;
  }
}

body[data-countdown="1"] .header-contentpages {
  margin-top: 50px;
}

.no-shadow {
  box-shadow: none !important;
}

mark {
  padding-right: 0 !important;
}

.trust1 {
  margin-left: -25px;
  margin-top: 20px;
}
.trust1 img {
  margin-right: -15px !important;
}

.trust2 {
  margin-left: -25px;
  margin-top: 20px;
  margin-bottom: -45px;
}
.trust2 img {
  margin-right: -15px !important;
}

.buhl-b-icon {
  margin-right: 18px;
}

.loginicon {
  margin-right: 15px;
}

.loginicon::before {
  display: inline-block;
  content: "";
  width: 24px;
  height: 24px;
  background-image: url(../img/icons/icon-anmelden.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  top: -3px;
}

.burgericon::before {
  display: inline-block;
  content: "";
  width: 24px;
  height: 24px;
  background-image: url(../img/icons/icon-burger.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.buhl-b-icon::before {
  display: inline-block;
  content: "";
  width: 24px;
  height: 24px;
  background-image: url(../img/icons/icon-buhl.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.mv-btn, .mv-btn-container a {
  border-radius: 7px;
  padding: 15px 20px;
  transition: all 0.3s ease-in-out;
}

.color-orange, .color-orange-container a {
  background-color: #FA7D19;
}

.transform-up-down:hover, .transform-up-down-container a:hover {
  transform: translateY(-5px);
  transition: all 0.3s ease-in-out;
}

button.background-orange {
  background-color: #FA7D19;
  color: #FFFFFF !important;
  border: 1px solid #FA7D19;
  box-shadow: 0 22px 36px 0 rgba(38, 35, 32, 0.16);
  transition: all 0.3s ease-in-out;
}
button.background-orange:hover {
  background-color: rgba(250, 125, 25, 0.8);
  transition: all 0.3s ease-in-out;
}

/*default button*/
.wp-block-button a {
  background-color: #FA7D19;
  /* border:1px solid $orange; */
  color: #FFFFFF !important;
  /* box-shadow: 0 22px 36px 0 rgba(38, 35, 32, 0.16);*/
  transition: all 0.3s ease-in-out;
}
.wp-block-button a:hover {
  transition: all 0.3s;
  transform: translateY(-5px);
}

.reply {
  padding: 25px 0 !important;
}

.comment-reply-link {
  background-color: #023E84;
  border: 1px solid #023E84;
  color: #FFFFFF !important;
  border-radius: 7px;
  font-size: 18px;
  padding: 10px 30px !important;
}

/* Buttons direct selectors */
.mv-btn-default, .wp-block-button a {
  padding: 15px 20px;
  height: auto;
  border-radius: 7px;
  display: inline-block;
  text-decoration: none;
  font-size: 18px;
}
.mv-btn-default:hover, .wp-block-button a:hover {
  text-decoration: none !important;
}
.mv-btn-default.fs-16, .wp-block-button a.fs-16 {
  font-size: 16px;
}
@media (max-width: 1300px) {
  .mv-btn-default, .wp-block-button a {
    padding: 10px 15px;
  }
}
.mv-btn-default.header-btn, .wp-block-button a.header-btn {
  padding: 10px 15px;
  height: auto;
  border-radius: 7px;
  display: inline-block;
  font-size: 16px;
}
.mv-btn-default.blue-background, .wp-block-button a.blue-background {
  background-color: #023E84;
  border: 1px solid #023E84;
  color: #FFFFFF;
}
.mv-btn-default.grey-background, .wp-block-button a.grey-background {
  background-color: #f0f3f4;
  border: 1px solid #f0f3f4;
  color: #222;
}
.mv-btn-default.lightblue-background, .wp-block-button a.lightblue-background {
  background-color: #EDF1F6;
  border: 1px solid #EDF1F6;
  color: #023e84;
  box-shadow: none !important;
}
.mv-btn-default.vdj-background, .wp-block-button a.vdj-background {
  background-color: #EFF3F7;
  border: 1px solid #EFF3F7;
  color: #023e84 !important;
  box-shadow: none !important;
}
.mv-btn-default.darkblue-background, .wp-block-button a.darkblue-background {
  background-color: #012857;
  border: 1px solid #012857;
  color: white;
}
.mv-btn-default.orange-background, .wp-block-button a.orange-background {
  background-color: #FA7D19;
  border: 1px solid #FA7D19;
  color: #FFFFFF !important;
  box-shadow: 0 22px 36px 0 rgba(38, 35, 32, 0.16);
}
.mv-btn-default.orange-background.noborder, .wp-block-button a.orange-background.noborder {
  border: none;
}
.mv-btn-default.orange-background.opacity:hover, .wp-block-button a.orange-background.opacity:hover {
  background-color: rgba(250, 125, 25, 0.8);
  transition: all 0.3s ease-in-out;
}
.mv-btn-default.orange-background.white-background, .wp-block-button a.orange-background.white-background {
  color: #00234d !important;
}
.mv-btn-default.golden-background, .wp-block-button a.golden-background {
  background-image: linear-gradient(95deg, #c0981d -24%, #f2d357 38%, #dbb62f 104%);
  color: #1e1e1e !important;
  border: 1px solid transparent;
  box-shadow: 0 22px 36px 0 rgba(38, 35, 32, 0.16);
}
.mv-btn-default.red-background, .wp-block-button a.red-background {
  background-color: #ff4343;
  color: #fff !important;
  border: 1px solid transparent;
  box-shadow: unset;
}
.mv-btn-default.lightgrey-background, .wp-block-button a.lightgrey-background {
  background-color: #f0f3f4;
  color: #222 !important;
  border: 1px solid transparent;
  box-shadow: unset;
}
.mv-btn-default.smooth-white-background, .wp-block-button a.smooth-white-background {
  background-color: rgba(255, 255, 255, 0.17) !important;
  border-color: rgba(255, 255, 255, 0) !important;
  border-radius: 4px !important;
  box-shadow: unset !important;
  color: #fff !important;
}
.mv-btn-default.bordeaux-background, .mv-btn-default.eismann, .wp-block-button a.bordeaux-background, .wp-block-button a.eismann {
  box-shadow: 0 22px 36px 0 rgba(38, 35, 32, 0.16);
  background-color: rgb(113, 13, 32);
  color: #fff !important;
  border: 1px solid rgb(113, 13, 32);
}
.mv-btn-default.blue-background, .wp-block-button a.blue-background {
  background-color: #023E84;
  border: 1px solid #023E84;
  color: white;
  box-shadow: 0 22px 36px 0 rgba(38, 35, 32, 0.16);
}
.mv-btn-default.blue-background:hover, .wp-block-button a.blue-background:hover {
  color: white;
}
.mv-btn-default.blue-background.noborder, .wp-block-button a.blue-background.noborder {
  border: none;
}
.mv-btn-default.blue-background.opacity:hover, .wp-block-button a.blue-background.opacity:hover {
  background-color: rgba(2, 62, 132, 0.7);
  transition: all 0.3s ease-in-out;
}
.mv-btn-default.white-background, .wp-block-button a.white-background {
  background-color: #fff;
  border: 1px solid #fff;
  color: #00234d;
}
.mv-btn-default.white-background:hover, .wp-block-button a.white-background:hover {
  color: #023E84;
}
.mv-btn-default.halloween-background, .wp-block-button a.halloween-background {
  background-color: #481900;
  border: 1px solid #481900;
  color: #fff;
}
.mv-btn-default.halloween-background:hover, .wp-block-button a.halloween-background:hover {
  color: #fff;
}
.mv-btn-default.white-background, .wp-block-button a.white-background {
  background-color: white;
  border: 1px solid white;
  color: #023E84;
}
.mv-btn-default.blue-border, .wp-block-button a.blue-border {
  background-color: transparent;
  border: 1px solid #023E84;
  color: #023E84;
}
.mv-btn-default.orange-border, .wp-block-button a.orange-border {
  background-color: transparent !important;
  border: 1px solid #FA7D19;
  color: #FA7D19;
}
.mv-btn-default.snow-background, .wp-block-button a.snow-background {
  background-color: rgb(245, 245, 245);
  color: rgb(30, 30, 30);
  box-shadow: 0 22px 36px 0 rgba(38, 35, 32, 0.16);
}
.mv-btn-default.animation, .wp-block-button a.animation {
  transition: all 0.3s ease-in-out;
}
.mv-btn-default.animation.translation:hover, .wp-block-button a.animation.translation:hover {
  transition: all 0.3s;
  transform: translateY(-5px);
}
.mv-btn-default.btn-fs-16, .wp-block-button a.btn-fs-16 {
  font-size: 16px !important;
}
.mv-btn-default.icon-play-black:before, .wp-block-button a.icon-play-black:before {
  content: "";
  background-image: url(../img/icons_2024/play-black.svg);
  width: 20px;
  height: 20px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 12px;
  vertical-align: sub;
  display: inline-block;
}
.mv-btn-default.icon-kaufen-white:before, .wp-block-button a.icon-kaufen-white:before {
  content: "";
  background-image: url(../img/icons_2022/shopping-cart.svg);
  width: 20px;
  height: 20px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 12px;
  vertical-align: sub;
  display: inline-block;
}
.mv-btn-default.icon-vdj:before, .wp-block-button a.icon-vdj:before {
  content: "";
  background-image: url(https://www.meinverein.de/wp-content/uploads/sites/49/2025/08/mvdj-pokal.svg);
  width: 22px;
  height: 22px;
  background-position: center;
  background-size: 30px;
  background-repeat: no-repeat;
  margin-right: 8px;
  vertical-align: middle;
  display: inline-block;
}
.mv-btn-default.icon-date:before, .wp-block-button a.icon-date:before {
  content: "";
  background-image: url(../img/icons_2024/kalender_icon.svg);
  width: 20px;
  height: 20px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 12px;
  vertical-align: sub;
  display: inline-block;
}
.mv-btn-default.icon-buhl-white:before, .wp-block-button a.icon-buhl-white:before {
  content: "";
  background-image: url(../img/icons/icon-buhl.svg);
  width: 20px;
  height: 20px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 12px;
  vertical-align: sub;
  display: inline-block;
}
.mv-btn-default.icon-testen-white:before, .wp-block-button a.icon-testen-white:before {
  content: "";
  background-image: url(../img/icons_2022/icon_testen.svg);
  width: 20px;
  height: 20px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 12px;
  vertical-align: sub;
  display: inline-block;
}
.mv-btn-default.icon-testen-white.rotate-90:before, .wp-block-button a.icon-testen-white.rotate-90:before {
  transform: rotate(90deg);
}
.mv-btn-default.icon-handbuch-white:before, .wp-block-button a.icon-handbuch-white:before {
  content: "";
  background-image: url(../img/icons_2023/handbuch_icon.svg);
  width: 20px;
  height: 20px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 12px;
  vertical-align: sub;
  display: inline-block;
}
.mv-btn-default.icon-handbuch-white.rotate-90:before, .wp-block-button a.icon-handbuch-white.rotate-90:before {
  transform: rotate(90deg);
}
.mv-btn-default.icon-money:before, .wp-block-button a.icon-money:before {
  content: "";
  background-image: url(https://www.meinverein.de/wp-content/themes/meinverein-2022/img/icons_2022/money.svg);
  width: 20px;
  height: 20px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 12px;
  vertical-align: sub;
  display: inline-block;
}
.mv-btn-default.icon-find-white:before, .wp-block-button a.icon-find-white:before {
  content: "";
  background-image: url(../img/icons/search-icon-white.svg);
  width: 20px;
  height: 20px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 12px;
  vertical-align: sub;
  display: inline-block;
}
.mv-btn-default.icon-find-blue:before, .wp-block-button a.icon-find-blue:before {
  content: "";
  background-image: url(../img/icons_2022/icon_search.svg);
  width: 20px;
  height: 20px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 12px;
  vertical-align: sub;
  display: inline-block;
}
.mv-btn-default.no-icon:before, .wp-block-button a.no-icon:before {
  display: none;
}

/** block buttons **/
.icon-buy-white-parent a:before {
  background-image: url(../img/icons_2022/shopping-cart.svg) !important;
  margin-right: 12px !important;
  display: inline-block;
  content: "";
  width: 20px;
  height: 20px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 12px;
  vertical-align: sub;
}

.link.text-orange {
  color: #FA7D19;
}

a.mv-btn-back {
  color: #023E84;
}
a.mv-btn-back:hover {
  color: #fff;
  text-decoration: none;
}

.headerbuttons {
  transform: scale(1);
  box-shadow: unset !important;
  font-size: 14px !important;
}
@media (max-width: 1300px) {
  .headerbuttons {
    transform: scale(0.9);
  }
}

.mv-btn-default.darkblue {
  color: #00234d !important;
}

/* Buttons direct selectors */
.mv-btn-small, .wp-block-button.mv-btn-small a {
  padding: 8px 18px;
  height: auto;
  border-radius: 7px;
  display: inline-block;
  text-decoration: none;
  font-size: 18px;
}
.mv-btn-small:hover, .wp-block-button.mv-btn-small a:hover {
  text-decoration: none !important;
}
.mv-btn-small.fs-16, .wp-block-button.mv-btn-small a.fs-16 {
  font-size: 16px;
}
@media (max-width: 1300px) {
  .mv-btn-small, .wp-block-button.mv-btn-small a {
    padding: 10px 15px;
  }
}
.mv-btn-small.blue-background, .wp-block-button.mv-btn-small a.blue-background {
  background-color: #023E84;
  border: 1px solid #023E84;
  color: #FFFFFF;
}
.mv-btn-small.white-background, .wp-block-button.mv-btn-small a.white-background {
  color: #00234d !important;
  background-color: #fff;
  border: 1px solid #fff;
  box-shadow: 0 22px 36px 0 rgba(38, 35, 32, 0.16);
}
.mv-btn-small.orange-background, .wp-block-button.mv-btn-small a.orange-background {
  background-color: #FA7D19;
  border: 1px solid #FA7D19;
  color: #FFFFFF !important;
  box-shadow: 0 22px 36px 0 rgba(38, 35, 32, 0.16);
}
.mv-btn-small.orange-background.noborder, .wp-block-button.mv-btn-small a.orange-background.noborder {
  border: none;
}
.mv-btn-small.orange-background.opacity:hover, .wp-block-button.mv-btn-small a.orange-background.opacity:hover {
  background-color: rgba(250, 125, 25, 0.8);
  transition: all 0.3s ease-in-out;
}
.mv-btn-small.shopping:before, .wp-block-button.mv-btn-small a.shopping:before {
  background-image: url(../img/icons_2024/cart-24.svg) !important;
  margin-right: 12px !important;
  display: inline-block;
  content: "";
  width: 20px;
  height: 20px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 12px;
  vertical-align: sub;
}

.partnerbtn {
  box-shadow: 0 22px 36px 0 rgba(38, 35, 32, 0.16);
  height: 60px !important;
}
@media (max-width: 1300px) {
  .partnerbtn {
    padding: 10px 15px;
    height: 52px !important;
  }
}

.imagebutton {
  cursor: pointer;
  padding: 5.5px 10px;
  padding-top: 6px;
  padding-bottom: 5px;
  border-radius: 7px;
  border: solid 1px #dadfe3;
  background-color: #fff;
}

.container {
  max-width: 1600px;
}

.popover-body {
  font-size: 15px;
}

.modal-backdrop {
  z-index: 200000000 !important; /* Höher als das Modal setzen */
}

.modal {
  z-index: 205000000 !important; /* Falls das Modal auch über anderen Elementen sein soll */
}

.block-imageheader {
  clip-path: ellipse(104% 60% at 50% 40%);
  max-width: 100%;
  overflow: hidden;
  background-size: 70%;
  background-position: top right;
}
.block-imageheader.full-bleed-container {
  max-width: 110%;
  width: 110%;
  margin-left: -5%;
}

.image-holder img {
  max-width: 149%;
  width: 140%;
  margin-left: -40%;
}

.tttbbb {
  background-color: #FFE620;
  clip-path: ellipse(82% 200% at 7% 12%);
  height: 500px;
}

.content-holder {
  background-color: #FFE620;
  clip-path: ellipse(82% 200% at 7% 12%);
  height: 500px;
}

.content-holder-content {
  margin-right: 20%;
  margin-top: -20px;
  margin-left: 60%;
}
@media (max-width: 4600px) {
  .content-holder-content {
    margin-left: 50%;
  }
}
@media (max-width: 1280px) {
  .image-holder img {
    max-width: 170%;
    width: 170%;
    margin-left: -40%;
  }
}
@media (max-width: 992px) {
  .image-holder img {
    max-width: 100%;
    width: 100%;
    margin-left: 0%;
  }
  .content-holder {
    clip-path: ellipse(150% 60% at 50% 40%);
  }
}
.square-header {
  min-height: 100px;
  padding: 100px 0;
  background-color: #FFE620;
  height: 300px;
}
.square-header .inner-block {
  border-radius: 15px;
  height: 400px;
  margin-top: -300px;
  right: 30%;
  position: absolute;
  box-shadow: 0 13px 76px 0 rgba(0, 0, 0, 0.11);
  border-radius: 15px;
  background-color: white;
}

.bg-yellow {
  background-color: #FFE620;
}

.fullbleed-wrapper {
  height: auto;
}
.fullbleed-wrapper .yellow-stripe .wp-block-column:first-child {
  padding: 100px 0 !important;
}
.fullbleed-wrapper > div {
  height: auto;
  min-height: 200px;
}
.fullbleed-wrapper .wp-block-columns {
  height: 100%;
}
.fullbleed-wrapper .wp-block-columns .wp-block-column:first-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 1280px) {
  .fullbleed-wrapper .wp-block-columns .wp-block-column:first-child {
    padding: 30px 20px 80px 30px;
    align-items: center;
    background-color: #FFE620;
  }
}
@media (max-width: 768px) {
  .fullbleed-wrapper .wp-block-columns .wp-block-column:first-child {
    padding: 20px 20px 80px 20px;
    align-items: center;
    background-color: #FFE620;
  }
}
@media (max-width: 580px) {
  .fullbleed-wrapper .wp-block-columns .wp-block-column:first-child {
    padding: 20px 20px 80px 20px;
    align-items: center;
    background-color: #FFE620;
  }
}
.fullbleed-wrapper .wp-block-columns .wp-block-column p {
  font-size: 20px !important;
}
@media (max-width: 1024px) {
  .fullbleed-wrapper .wp-block-columns .wp-block-column p {
    font-size: 18px !important;
  }
}

.inner-content-menu {
  padding-top: 50px;
  padding-left: 50px;
  padding-bottom: 30px;
  box-shadow: 0 13px 76px 0 rgba(0, 0, 0, 0.11);
  border-radius: 15px;
  background-color: white;
  position: relative;
  top: -15%;
  min-height: 130%;
}
@media (max-width: 1280px) {
  .inner-content-menu {
    position: static;
    top: unset;
    min-height: 100px;
    height: auto;
    width: 80%;
    margin: auto;
    margin-top: -80px;
  }
}
.inner-content-menu h3 {
  font-weight: 700 !important;
  padding-left: 20px;
}
.inner-content-menu ul {
  width: auto;
  list-style: none;
  max-width: 90%;
  margin-left: -15px;
  margin-top: 20px;
}
.inner-content-menu ul li {
  border-bottom: 1px solid #ededed;
  padding: 15px 40px;
  padding-left: 0px;
}
@media (max-width: 1680px) {
  .inner-content-menu ul li {
    padding: 10px 40px;
    padding-left: 0px;
  }
}
.inner-content-menu ul li:last-child {
  border: none;
}
.inner-content-menu ul li.active a {
  transition: all 0.3s;
  padding-left: 15px;
  color: #FA7D19;
}
.inner-content-menu ul li.active a:before {
  content: url("../img/icons_2022/scroll_icon_cursor.svg");
  position: absolute;
  margin-top: 5px;
  margin-left: -30px;
  animation: fadeIn 0.5s;
  height: 30px;
}
.inner-content-menu ul li a {
  transition: all 0.3s;
  color: #023E84;
  font-weight: 400 !important;
  font-size: 20px;
  text-decoration: none;
  height: auto;
  margin-left: 0;
}
.inner-content-menu ul li a:hover {
  transition: all 0.3s;
  padding-left: 30px;
}
.inner-content-menu ul li a:hover:before {
  content: url("../img/icons_2022/scroll_icon_cursor.svg");
  position: absolute;
  margin-top: 5px;
  margin-left: -30px;
  animation: fadeIn 0.5s;
  height: 30px;
}
@media (max-width: 1680px) {
  .inner-content-menu ul li a {
    font-size: 18px !important;
  }
}
@media (max-width: 1280px) {
  .inner-content-menu ul li a {
    font-size: 16px !important;
  }
}

/*

.wp-block-columns:not(#acc-element-columns){
  align-items: center !important;
  justify-content: center;
}


 */
/* Trenner Abstand */
.abstand-funktionsseiten {
  margin-top: -10px;
  margin-bottom: 100px;
  opacity: 0.05;
}
@media (max-width: 992px) {
  .abstand-funktionsseiten {
    margin-top: 20px;
    margin-bottom: 50px;
  }
}

.hidden {
  display: none;
}

/** iconlist */
.flexlist-wrapper {
  display: block;
  width: 100%;
}
.flexlist-wrapper .flexlist-box {
  display: flex;
  flex-wrap: wrap;
}
.flexlist-wrapper .line {
  width: 300px;
  height: 1px;
  margin: 5px 0;
  background-color: #d8d8d8;
}
@media (max-width: 992px) {
  .flexlist-wrapper .line {
    width: 100%;
  }
}

.flexlist-item img {
  height: 32px !important;
  width: auto !important;
  padding-top: 5px;
}

.flex-first {
  line-height: 2.6;
  width: 60px;
}

.flex-third {
  font-weight: normal;
  font-size: 32px;
}
.flex-third a {
  color: #023e84 !important;
  text-decoration: none;
}

.iconsub {
  color: #fa7d19;
  font-size: 16px;
  margin-top: 10px;
  display: block;
}

@media (max-width: 1200px) {
  .iconsub {
    color: #fa7d19;
    font-size: 16px;
    margin-top: 0px;
    display: block;
  }
  .flex-third {
    font-size: 23px;
    line-height: 1.7;
  }
  .flexlist-box {
    margin-bottom: -5px;
  }
  .flexlist-item img {
    height: 23px !important;
    width: auto !important;
    padding-top: 2px;
  }
}
@media (max-width: 768px) {
  .flexlist-wrapper {
    display: block;
    width: 100%;
  }
  .flexlist-wrapper .flexlist-box {
    display: flex;
    flex-wrap: nowrap;
  }
  .flexlist-wrapper .flexlist-box .flex-third {
    width: 80%;
    line-height: 1.4;
    padding-top: 2px;
  }
  .flexlist-wrapper .line {
    width: 300px;
    height: 1px;
    margin: 5px 0;
    margin-bottom: 8px;
    background-color: #d8d8d8;
  }
  .flexlist-item img {
    height: 23px !important;
    width: auto !important;
    padding-top: 0px;
  }
}
/* / ende iconlist */
/*testimonials */
.testimonial_icon, .testimonial_icon img {
  max-width: 80px;
}

/** vorlagen **/
.four_logos_and_text .wp-block-column .wp-block-image {
  display: flex;
  height: 140px;
}

/* changelog */
p.content-description {
  padding-left: 20px;
}

/* fullbleed wrapper */
.fullbleed-wrapper > .wp-block-columns {
  height: 100%;
}
.fullbleed-wrapper > .wp-block-columns > .wp-block-column {
  padding: 0;
  height: auto;
  justify-content: center;
}
.fullbleed-wrapper > .wp-block-columns > .wp-block-column h2 {
  font-size: 48px;
  line-height: 1.4;
  margin-bottom: 20px;
}

.wp-block-columns .wp-block-column {
  justify-content: center;
}

/* reverse rows alternating*/
.reverse-row {
  flex-direction: row-reverse;
}

.reverse-col {
  flex-direction: column-reverse;
}

@media (max-width: 1024px) {
  .reverse-from-1024, .left-video-right-content {
    flex-direction: column-reverse !important;
  }
}

/* icon columns, funktionsseiten */
.icon-columns p {
  font-size: 17px !important;
}
@media (max-width: 992px) {
  .icon-columns p {
    font-size: 16px !important;
  }
}
.icon-columns p strong {
  font-size: 18px !important;
  font-weight: 700 !important;
}
@media (max-width: 992px) {
  .icon-columns p strong {
    font-size: 18px !important;
  }
}
.icon-columns .wp-block-column {
  padding: 0;
  border-radius: 20px;
  height: 360px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: solid 2px #fff;
  transition: all 0.3s;
  box-sizing: border-box;
  width: 24%;
  box-shadow: 1px 23px 35px 0px rgba(0, 0, 0, 0.11);
}
.icon-columns .wp-block-column p {
  padding: 0 20px !important;
}
.icon-columns .wp-block-column p:first-child {
  margin-top: 0;
  height: 60px !important;
  display: inline-block;
}
.icon-columns .wp-block-column p:last-child {
  height: 120px;
  font-size: 16px !important;
}
.icon-columns .wp-block-column:hover {
  transition: all 0.3s;
  border: solid 2px rgba(0, 0, 0, 0.01);
  box-shadow: 1px 23px 35px 0px rgba(0, 0, 0, 0.18);
  -webkit-box-shadow: 1px 23px 35px 0px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 1px 23px 35px 0px rgba(0, 0, 0, 0.18);
}
.icon-columns .wp-block-column:hover .wp-block-buttons .wp-block-button a:after {
  background-image: url("../img/icons_2022/arrow_functions_circle_orange.svg");
}
.icon-columns .wp-block-column .wp-block-image {
  height: 70px;
}
.icon-columns .wp-block-buttons {
  margin: 0;
  justify-content: center;
  position: relative;
  top: 200px;
}
@media (max-width: 1520px) {
  .icon-columns .wp-block-buttons {
    top: 200px;
  }
}
@media (max-width: 1480px) {
  .icon-columns .wp-block-buttons {
    top: 160px;
  }
}
@media (max-width: 992px) {
  .icon-columns .wp-block-buttons {
    top: 190px;
  }
}
@media (max-width: 610px) {
  .icon-columns .wp-block-buttons {
    top: 240px;
  }
}
@media (max-width: 580px) {
  .icon-columns .wp-block-buttons {
    top: 170px;
  }
}
.icon-columns .wp-block-buttons .wp-block-button {
  margin-top: -45px;
  width: 30px;
  height: 30px;
  margin-right: 35px;
}
.icon-columns .wp-block-buttons .wp-block-button a {
  background: none;
  min-width: 10px;
}
.icon-columns .wp-block-buttons .wp-block-button a:after {
  content: "";
  color: #eaeaea;
  background-image: url("../img/icons_2022/arrow_functions_circle.svg");
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  background-size: 30px;
  display: inline-block;
  /*margin-left: -20px;*/
  transform: rotate(90deg);
  transition: all 0.3s;
}
.icon-columns .wp-block-buttons .wp-block-button a:hover:after {
  transition: all 0.3s;
  background-image: url("../img/icons_2022/arrow_functions_circle_orange.svg");
  transform: rotate(90deg) translate(5px, 0);
  margin-top: 10px;
}
@media (max-width: 768px) {
  .icon-columns .wp-block-image img {
    height: 60px;
    width: auto;
  }
  .icon-columns .wp-block-column {
    margin-top: 0 !important;
  }
}
@media (max-width: 580px) {
  .icon-columns .wp-block-column {
    margin-top: 20px !important;
  }
}

.wp-block-columns.icon-columns, .icon-columns .wp-block-columns {
  /*transform:scale(.95);*/
  display: grid;
  grid-template-columns: 2.5fr 2.5fr 2.5fr 2.5fr;
  gap: 30px;
}
@media (max-width: 1680px) {
  .wp-block-columns.icon-columns, .icon-columns .wp-block-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }
}
.wp-block-columns.icon-columns.three-columns, .icon-columns .wp-block-columns.three-columns {
  transform: scale(0.95);
  display: grid;
  grid-template-columns: 3.3fr 3.3fr 3.3fr;
  gap: 30px;
}
@media (max-width: 1480px) {
  .wp-block-columns.icon-columns.three-columns, .icon-columns .wp-block-columns.three-columns {
    grid-template-columns: 100%;
    gap: 60px;
  }
}
.wp-block-columns.icon-columns .wp-block-column, .icon-columns .wp-block-columns .wp-block-column {
  width: 100%;
  background-color: #fff;
  border-radius: 20px;
}
@media (max-width: 768px) {
  .wp-block-columns.icon-columns .wp-block-column, .icon-columns .wp-block-columns .wp-block-column {
    border: 0;
    box-shadow: 0px 23px 35px 0px rgba(0, 0, 0, 0.11);
    -webkit-box-shadow: 0px 23px 35px 0px rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 0px 23px 35px 0px rgba(0, 0, 0, 0.11);
  }
}
@media (max-width: 768px) {
  .wp-block-columns.icon-columns, .icon-columns .wp-block-columns {
    grid-template-columns: 48% 48%;
    gap: 20px;
  }
}
@media (max-width: 580px) {
  .wp-block-columns.icon-columns, .icon-columns .wp-block-columns {
    grid-template-columns: 100%;
    gap: 0px;
  }
}
.wp-block-columns.icon-columns.three-columns, .icon-columns .wp-block-columns.three-columns {
  transform: scale(0.95);
  display: grid;
  grid-template-columns: 3.3fr 3.3fr 3.3fr;
  gap: 30px;
}
@media (max-width: 1480px) {
  .wp-block-columns.icon-columns.three-columns, .icon-columns .wp-block-columns.three-columns {
    display: grid;
    grid-template-columns: 100%;
    gap: 60px;
  }
}

.noshadow {
  box-shadow: none !important;
}

.block-imagebanner h3 {
  font-size: 48px !important;
  font-weight: 700;
}
.block-imagebanner p {
  font-size: 20px;
}
@media (max-width: 1024px) {
  .block-imagebanner p {
    font-size: 18px;
  }
}

/**
maerz 2024
 */
body h2.fs-32, body h2.fs32 {
  font-size: 32px !important;
}
body h2.fs-30 {
  font-size: 30px !important;
}
body h2.fs-40 {
  font-size: 40px !important;
}
@media (max-width: 1280px) {
  body h2.fs-40 {
    font-size: 36px !important;
  }
}
body h2.fs-48 {
  font-size: 48px !important;
}
@media (max-width: 1400px) {
  body h2.fs-48 {
    font-size: 40px !important;
  }
}
@media (max-width: 1200px) {
  body h2.fs-48 {
    font-size: 36px !important;
  }
}
body h2.darkblue {
  color: #00234d !important;
}
body h2.singleblue {
  color: #032955;
}
body h2.fw600, body h2.fw-600 {
  font-weight: 600 !important;
}
body h2.fw700, body h2.fw-700 {
  font-weight: 700 !important;
}

body p .h2-p {
  font-size: 40px !important;
  font-weight: 600 !important;
  color: #023E84 !important;
}

body .wp-block-column.is-layout-flow p.h3-p {
  font-size: 34px !important;
  font-weight: 700 !important;
  color: #023E84 !important;
}

.before-phone::before {
  content: "";
  background-image: url(https://www.buhl.de/meinverein/wp-content/uploads/sites/26/2022/08/headset-icon.svg);
  color: #023E84;
  font-size: 20px;
  font-weight: 600;
  font-family: "Source Sans Pro", "sans";
  margin-right: 20px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: 20px;
  position: relative;
  top: 1px;
}

.before-mail::before {
  content: "";
  background-image: url(https://www.buhl.de/meinverein/wp-content/uploads/sites/26/2022/03/icon_email.svg);
  color: #023E84;
  font-size: 20px;
  font-weight: 600;
  font-family: "Source Sans Pro", "sans";
  margin-right: 20px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: 20px;
  position: relative;
  top: 1px;
}

body p span.underline, body p sup {
  top: unset;
  background-repeat: repeat-x;
  background-image: url(../img/icons_2022/yellowbg.gif);
  text-decoration: none;
  background-position-y: 44px;
  background-size: 16px;
}

/***
** april 2024

**/
.storebuttons .storebutton img {
  width: 100%;
  height: auto;
  max-width: 90%;
}

.mv-arrow-button {
  width: 25px;
  height: 25px;
  display: inline-block;
}
.mv-arrow-button.arrow-prev img {
  width: 100%;
  margin-top: 23.5%;
  width: 25px !important;
  height: 25px !important;
  transform: rotate(-180deg);
}
.mv-arrow-button.arrow-next img {
  width: 25px !important;
  height: 25px !important;
  margin-top: 25%;
  margin-left: 2px;
}

.btn-transparent {
  color: #023E84;
  margin: 10px 0;
  font-family: cairo;
  font-weight: 700;
}

.btn-transparent::after {
  content: " ";
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background-color: #FA7D19;
  -webkit-mask: url("../img/icons_2022/long-arrow-alt-right-solid.svg") no-repeat 100% 100%;
  mask: url("../img/icons_2022/long-arrow-alt-right-solid.svg") no-repeat 100% 100%;
  -webkit-mask-position: center;
  color: #FA7D19;
  display: inline-block;
}

.image-overlay .btn-transparent::after {
  margin-left: 0px !important;
}

.last-updated *, .last-updated {
  color: #023E84 !important;
}

.box-shadow {
  box-shadow: 0 13px 46px rgba(0, 0, 0, 0.2);
}

.menu-title.icon-mv-desktop:before {
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 12px;
  vertical-align: text-top;
  margin-top: 4px;
  background-image: url(../img/icons_2022/windows-brands.svg);
  width: 16px;
}

.menu-title.icon-mv-web:before {
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 12px;
  vertical-align: text-top;
  margin-top: 4px;
  background-image: url(../img/icons_2022/globe-solid.svg);
  width: 16px;
}

/* partner */
.h80 {
  height: 80px;
}

.all-faq-link::before {
  content: " ";
  background-image: url(../img/icons_2022/list-solid.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: sub;
}

.link-blue, .link-blue a {
  color: #023E84 !important;
  text-decoration: none;
}

.btn-shopping::before {
  content: "";
  background-image: url(../img/icons_2022/shopping-cart.svg) !important;
  margin-right: 12px !important;
  border: 0 !important;
  border-color: transparent !important;
  background-size: 20px;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: sub;
}

.single-price .pricebuttons a.btn-shopping.orange-background {
  border: 2px solid #FA7D19 !important;
}

.no-after:after {
  content: none !important;
}

@media (max-width: 768px) {
  .wp-block-spacer {
    max-height: 50px;
  }
}

.yellowradius {
  background: #FFE620;
  border-radius: 30px;
  padding: 20px 5%;
}

@media (max-width: 992px) {
  .reverse-from-1024, .left-video-right-content {
    flex-direction: column-reverse !important;
  }
}

/** mnegative margins **/
.mb--10 {
  margin-bottom: -10px !important;
}

.mb--20 {
  margin-bottom: -20px !important;
}

.mb--30 {
  margin-bottom: -30px !important;
}

.mb--40 {
  margin-bottom: -40px !important;
}

.mb--50 {
  margin-bottom: -50px !important;
}

.mb--60 {
  margin-bottom: -60px !important;
}

.mb--70 {
  margin-bottom: -70px !important;
}

.mb--80 {
  margin-bottom: -80px !important;
}

.mt--10 {
  margin-top: -10px !important;
}

.mt--20 {
  margin-top: -20px !important;
}

.mt--30 {
  margin-top: -30px !important;
}

.mt--40 {
  margin-top: -40px !important;
}

.mt--50 {
  margin-top: -50px !important;
}

.mt--60 {
  margin-top: -60px !important;
}

.mt--70 {
  margin-top: -70px !important;
}

.mt--80 {
  margin-top: -80px !important;
}

.lh-62 {
  line-height: 62px;
}
@media (max-width: 992px) {
  .lh-62 {
    line-height: 50px;
  }
}
@media (max-width: 680px) {
  .lh-62 {
    line-height: 38px;
  }
}

.lh-45 {
  line-height: 45px !important;
}
@media (max-width: 680px) {
  .lh-45 {
    line-height: 38px !important;
  }
}

.lh-50 {
  line-height: 50px !important;
}
@media (max-width: 680px) {
  .lh-50 {
    line-height: 38px !important;
  }
}

.lh-44 {
  line-height: 44px;
}
@media (max-width: 680px) {
  .lh-44 {
    line-height: 38px;
  }
}

.lh-65 {
  line-height: 65px;
}
@media (max-width: 992px) {
  .lh-65 {
    line-height: 50px;
  }
}
@media (max-width: 680px) {
  .lh-65 {
    line-height: 38px;
  }
}

.lh-1-68 {
  line-height: 1.68;
}
@media (max-width: 992px) {
  .lh-1-68 {
    line-height: 45px;
  }
}

ul.lh-36 li {
  line-height: 36px;
}

#btn-cookiesettings-storylane {
  position: relative;
  z-index: 9999;
}

@media (max-width: 580px) {
  .mv-blog h2.wp-block-heading {
    word-break: break-word;
  }
}

.disclaimer, .disclaimer * {
  color: #023E84 !important;
}

h1 span.orange, h1.darkblue span.orange, p span.orange, p.darkblue span.orange, h2 span.orange, h3 span.orange {
  color: #FA7D19 !important;
}

.w75-100 {
  width: 75%;
}
@media (max-width: 992px) {
  .w75-100 {
    width: 100%;
  }
}

.zindex1 {
  z-index: 1 !important;
}

.compare-header {
  max-width: 1600px;
  width: 100%;
  margin: auto;
}

.content-visibility-auto {
  content-visibility: auto;
}

.br-20, .br20 {
  border-radius: 20px;
}

.image-only-large-screens, figure > video {
  display: none;
}

@media (min-width: 992px) {
  .image-only-large-screens, figure > video {
    display: block;
  }
}
.staricon {
  margin-right: 5px;
  width: 17px;
  height: auto;
}

a.nolayout, .nolayout a {
  text-decoration: none;
}
a.nolayout:hover, .nolayout a:hover {
  text-decoration: none;
}

.featurelist ul p {
  display: none;
}

.spinner {
  width: 40px;
  height: 40px;
  border: 4px solid #ccc; /* heller Rand */
  border-top: 4px solid #3498db; /* farbiger Rand oben */
  border-radius: 50%; /* Kreis */
  animation: spin 1s linear infinite; /* Drehung */
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.spinner-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px; /* volle Höhe */
}

header {
  height: auto;
  background-image: linear-gradient(to right, #FFDE12, #FFDE12), linear-gradient(to right, #CCEAF1, #CCEAF1), linear-gradient(to right, #63C2CD, #63C2CD), linear-gradient(to right, #CCEAF1, #CCEAF1), linear-gradient(to right, #023e84, #023e84), linear-gradient(to right, #63C2CD, #63C2CD), linear-gradient(to right, #E9435C, #E9435C), linear-gradient(to right, #a2c62e, #a2c62e), linear-gradient(to right, #FFDE12, #FFDE12), linear-gradient(to right, #95D2DD, #95D2DD), linear-gradient(to right, #F29213, #F29213);
  background-size: 13.2% 3px, 22.8% 3px, 29.6% 3px, 37.4% 3px, 52.3% 3px, 58.3% 3px, 69.8% 3px, 81.3% 3px, 85.4% 3px, 89.5% 3px, 100% 3px;
  background-repeat: no-repeat;
  /*  background-position: 0 bottom, 0 bottom, 0 bottom, 0 bottom, 0 bottom, 0 bottom, 0 bottom, 0 bottom, 0 bottom, 0 bottom, 0 bottom;*/
  top: 0;
  background-color: #fff !important;
  z-index: 10;
  padding-top: 40px;
  padding-bottom: 25px;
  box-shadow: 0 8px 19px 0 rgba(0, 0, 0, 0.05);
  transition: all 0.15s;
  z-index: 100;
}
header #header_top_row {
  height: auto;
}
header.bg-none {
  background-image: none !important;
}
header.bg-none #menucontainer {
  -webkit-box-shadow: inset 0px -15px 45px -10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px -15px 45px -10px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px -15px 45px -10px rgba(0, 0, 0, 0.3);
}
@media (max-width: 1200px) {
  header {
    padding-top: 20px;
    padding-bottom: 20px;
    height: 70px;
  }
  header #header_top_row {
    height: 65px;
  }
}

@media (min-width: 1401px) {
  .header-top-5 {
    top: -5px;
    position: relative;
  }
}

.buhlbtn {
  border-radius: 5px;
  align-items: center;
  padding: 6px 16px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  color: #fff;
  border-radius: 5px;
  margin-right: 30px;
  display: inline-flex;
}

.loginbtn {
  background-color: #023e84;
  border: 2px solid #023e84;
  display: inline-flex;
}

img#mainlogo {
  height: 35px;
  width: auto;
}

img#vrstar-logo {
  height: 50px;
  width: auto;
  margin-top: -10px;
}

img#toplogo {
  max-height: 35px;
  width: auto;
  padding-top: 7px;
  position: relative;
  top: -5px;
}

/** icons*/
.buhl-b-icon {
  margin-right: 18px;
}

.loginicon {
  margin-right: 15px;
}

.loginicon::before {
  display: inline-block;
  content: "";
  width: 24px;
  height: 24px;
  background-image: url(../img/icons/icon-anmelden.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.header-contentpages.bg-yellow-gradient-header {
  background-image: radial-gradient(circle at 50% 50%, #ffe620, #ff7901 708%) !important;
  min-height: 100px;
}
.header-contentpages .bg-yellow-gradient-header {
  background-image: radial-gradient(circle at 50% 50%, #ffe620, #ff7901 708%) !important;
  min-height: 100px;
}
.header-contentpages .clip-right {
  clip-path: ellipse(98% 180% at 0% 50%);
}
@media (max-width: 992px) {
  .header-contentpages .clip-right {
    clip-path: unset;
  }
}
.header-contentpages .header-badge {
  font-size: 16px;
  text-transform: uppercase;
}
.header-contentpages .header-badge.no-bg {
  background-color: transparent !important;
}
.header-contentpages .header-badge.color-blue {
  color: #023E84;
}

/** header shortcode **/
.header-subline {
  max-width: 60%;
  width: 100%;
}
@media (max-width: 992px) {
  .header-subline {
    max-width: 80%;
  }
}
@media (max-width: 768px) {
  .header-subline {
    max-width: 90%;
  }
}

.bg-blue-gradient-header, .colored-bg-blue {
  background-color: #00234d;
}

@media (max-width: 1400px) {
  .topbar-is-visible #mv-header {
    top: 50px;
  }
}
.header-menu {
  list-style: none;
  padding-top: 2px;
}
.header-menu > li {
  display: inline-block;
  margin-right: 36px;
}
.header-menu > li:last-child {
  margin-right: 0 !important;
  position: relative;
  top: 3px;
}
.header-menu > li.maintitle a {
  color: #023E84;
  text-decoration: none;
  font-size: 18px;
  font-weight: 600;
  display: block;
}
.header-menu > li.search-trigger a {
  display: none;
}
.header-menu > li.search-trigger:before {
  content: "";
  background-image: url(../img/icons_2024/search_icon.svg);
  width: 30px;
  height: 30px;
  background-position: center;
  background-size: 15px;
  background-repeat: no-repeat;
  display: inline-block;
  padding: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid #FA7D19;
  cursor: pointer;
}
.header-menu > li.arrowdown a:after {
  display: inline-block;
  content: "";
  width: 12px;
  height: 12px;
  margin: 2px 0 0 8px;
  background: url(../img/icons/funktion_arrow.svg) no-repeat center;
  background-size: contain;
  transform: rotate(90deg);
  transition: transform 0.3s ease;
}
.header-menu > li.icon-vereinsportal a::before {
  content: "";
  background-image: url(https://www.buhl.de/meinverein/wp-content/themes/meinverein-2022/img/icons_2023/vereinsportal.svg);
  width: 20px;
  height: 20px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 12px;
  vertical-align: sub;
  display: inline-block;
}

.header-menu-mobile {
  list-style: none;
  padding: 0;
  margin: 0;
}
.header-menu-mobile .d-none-light {
  display: none;
}
.header-menu-mobile > li.arrowdown > a:after {
  display: inline-block;
  content: "";
  width: 12px;
  height: 12px;
  margin: 2px 0 0 8px;
  background: url(../img/icons/funktion_arrow.svg) no-repeat center;
  background-size: contain;
  transform: rotate(0deg);
  transition: transform 0.3s ease;
  position: absolute;
  right: 50px;
}
.header-menu-mobile > li.active > a:after {
  transform: rotate(90deg);
}

.header-menu.d-none-light {
  display: none;
}
@media (max-width: 1400px) {
  .header-menu.d-none-light {
    display: none !important;
  }
}

#header-menu-mobile .d-none-light {
  display: none;
}

#menucontainer {
  background-color: #fff;
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, rgb(255, 255, 255) 66%, rgb(242, 242, 242) 66%);
  max-height: 0;
  overflow-y: scroll;
  transition: max-height 0.15s ease-out;
  overflow-x: hidden;
  background-image: linear-gradient(to right, #FFDE12, #FFDE12), linear-gradient(to right, #CCEAF1, #CCEAF1), linear-gradient(to right, #63C2CD, #63C2CD), linear-gradient(to right, #CCEAF1, #CCEAF1), linear-gradient(to right, #023e84, #023e84), linear-gradient(to right, #63C2CD, #63C2CD), linear-gradient(to right, #E9435C, #E9435C), linear-gradient(to right, #a2c62e, #a2c62e), linear-gradient(to right, #FFDE12, #FFDE12), linear-gradient(to right, #95D2DD, #95D2DD), linear-gradient(to right, #F29213, #F29213);
  background-size: 13.2% 3px, 22.8% 3px, 29.6% 3px, 37.4% 3px, 52.3% 3px, 58.3% 3px, 69.8% 3px, 81.3% 3px, 85.4% 3px, 89.5% 3px, 100% 3px;
  background-repeat: no-repeat;
  background-position: 0 bottom, 0 bottom, 0 bottom, 0 bottom, 0 bottom, 0 bottom, 0 bottom, 0 bottom, 0 bottom, 0 bottom, 0 bottom;
  top: 0;
  height: 0;
}
#menucontainer.greydesktop {
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, rgb(255, 255, 255) 57%, #fdfdfd 57%);
}
@media (max-width: 1780px) {
  #menucontainer.greydesktop {
    background: linear-gradient(90deg, rgb(255, 255, 255) 57%, #fdfdfd 57%);
  }
}
@media (max-width: 1680px) {
  #menucontainer.greydesktop {
    background: linear-gradient(90deg, rgb(255, 255, 255) 61%, #fdfdfd 61%);
  }
}
@media (max-width: 1580px) {
  #menucontainer.greydesktop {
    background: linear-gradient(90deg, rgb(255, 255, 255) 64%, #fdfdfd 64%);
  }
}
@media (max-width: 1480px) {
  #menucontainer.greydesktop {
    background: linear-gradient(90deg, rgb(255, 255, 255) 66%, #fdfdfd 66%);
  }
}
@media (max-width: 1380px) {
  #menucontainer.greydesktop {
    background: linear-gradient(90deg, rgb(255, 255, 255) 64%, #fdfdfd 64%);
  }
}
#menucontainer.open {
  height: auto;
  max-height: 100vh;
  transition: max-height 0.45s ease-in-out;
}
@media (max-width: 1400px) {
  #menucontainer {
    padding: 0;
  }
}
#menucontainer .header-menu {
  max-width: 100%;
  padding: 0 20px;
  width: 100%;
}
#menucontainer .header-menu nav {
  font-family: "Source Sans Pro", sans-serif;
}
#menucontainer .header-menu nav .single-menu {
  list-style: none;
}
#menucontainer .header-menu nav .single-menu.nav-fuer-wen {
  max-width: 100%;
}
#menucontainer .header-menu nav ul > li {
  text-wrap: nowrap;
  white-space: nowrap;
  /* submenu entries desktop */
}
#menucontainer .header-menu nav ul > li a {
  text-decoration: none;
  color: #023E84;
}
#menucontainer .header-menu nav ul > li a:hover {
  color: #FA7D19;
}
#menucontainer .header-menu nav ul > li.headline > a {
  font-size: 18px;
  font-weight: 600;
}
#menucontainer .header-menu nav ul > li.headline-image {
  margin-top: 0px;
  margin-right: 100px;
}
#menucontainer .header-menu nav ul > li.headline-image a {
  opacity: 0;
}
#menucontainer .header-menu nav ul > li.image-funktionen {
  min-height: 400px;
  background-image: url(https://www.meinverein.de/wp-content/uploads/sites/49/2024/05/meinverein_software_menu.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 33%;
  height: 100%;
}
#menucontainer .header-menu nav ul > li.image-fuerwen {
  min-height: 300px;
  background-image: url(https://www.meinverein.de/wp-content/uploads/sites/49/2024/11/fuer-wen-keyvisual.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 33%;
  height: 100%;
}
#menucontainer .header-menu nav ul > li.image-services {
  min-height: 400px;
  background-image: url(https://www.buhl.de/meinverein/wp-content/uploads/sites/26/2023/03/meinverein_service_menu.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 33%;
  height: 100%;
}
#menucontainer .header-menu nav ul > li.menu-headline-icon-globe {
  margin-right: 100px;
}
#menucontainer .header-menu nav ul > li.menu-headline-icon-globe a:before {
  display: inline-block;
  content: "";
  height: 16px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 12px;
  vertical-align: text-top;
  margin-top: 4px;
  background-image: url(../img/icons_2022/globe-solid.svg);
  width: 16px;
}
#menucontainer .header-menu nav ul > li.menu-headline-icon-windows > a:before {
  display: inline-block;
  content: "";
  height: 16px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 12px;
  vertical-align: text-top;
  margin-top: 4px;
  background-image: url(../img/icons_2022/windows-brands.svg);
  width: 16px;
}
#menucontainer .header-menu nav ul > li.menu-headline-icon-people > a:before {
  display: inline-block;
  content: "";
  height: 16px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 12px;
  vertical-align: text-top;
  margin-top: 4px;
  background-image: url(../img/icons_2024/rollen.svg);
  width: 16px;
}
#menucontainer .header-menu nav ul > li.menu-headline-icon-partner > a:before {
  display: inline-block;
  content: "";
  height: 16px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 12px;
  vertical-align: text-top;
  margin-top: 4px;
  background-image: url(../img/icons_2024/zusammenarbeit.svg);
  width: 16px;
}
#menucontainer .header-menu nav ul > li.menu-headline-icon-stadium > a:before {
  display: inline-block;
  content: "";
  height: 16px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 12px;
  vertical-align: text-top;
  margin-top: 4px;
  background-image: url(../img/icons_2024/vereinsarten.svg);
  width: 16px;
}
#menucontainer .header-menu nav ul > li.show-title-after a:after {
  display: block;
  content: attr(title);
  font-size: 12px;
  padding-left: 30px;
  opacity: 0.6;
}
#menucontainer .header-menu nav ul > li .sub-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 15px;
  margin-right: 150px;
  width: 100%;
}
#menucontainer .header-menu nav ul > li .sub-menu li {
  padding: 22px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  width: 100%;
}
@media (max-width: 1400px) {
  #menucontainer .header-menu nav ul > li .sub-menu li {
    border-bottom: none;
  }
}
#menucontainer .header-menu nav ul > li .sub-menu li.beitragswesen a:before {
  background-image: url(../img/icons_2022/beitragswesen.svg);
}
#menucontainer .header-menu nav ul > li .sub-menu li.rechteverwaltung a:before {
  background-image: url(../img/icons_2023/rechteverwaltung_icon.svg);
}
#menucontainer .header-menu nav ul > li .sub-menu li.spendesammeln a:before {
  background-image: url(../img/icons_2022/icon_shakehand.svg);
}
#menucontainer .header-menu nav ul > li .sub-menu li.termine a:before {
  background-image: url(../img/icons_2022/termine.svg);
}
#menucontainer .header-menu nav ul > li .sub-menu li.listen a:before {
  background-image: url(../img/icons_2022/lists.svg);
}
#menucontainer .header-menu nav ul > li .sub-menu li.nachrichten a:before {
  background-image: url(../img/icons_2022/nachrichten.svg);
}
#menucontainer .header-menu nav ul > li .sub-menu li.mobile-app a:before {
  background-image: url(../img/icons_2022/mobile-screen-button-solid.svg);
}
#menucontainer .header-menu nav ul > li .sub-menu li.mitglieder-verwalten a:before {
  background-image: url(../img/icons_2022/mitlgiederverwaltung.svg);
}
#menucontainer .header-menu nav ul > li .sub-menu li.finanzwesen a:before {
  background-image: url(../img/icons_2022/banking.svg);
}
#menucontainer .header-menu nav ul > li .sub-menu li.neuemitglieder a:before {
  background-image: url(../img/icons_2022/Mitglieder_gewinnen.svg);
}
#menucontainer .header-menu nav ul > li .sub-menu li.vereinssuche a:before {
  background-image: url(../img/icons_2022/vereinssuche.svg);
}
#menucontainer .header-menu nav ul > li .sub-menu li.vereinsportal a:before {
  background-image: url(../img/icons_2022/vereinsportal.svg);
}
#menucontainer .header-menu nav ul > li .sub-menu li.alle a:before {
  background-image: url(../img/icons_2022/Alle_Funktionen_icons.svg);
}
#menucontainer .header-menu nav ul > li .sub-menu li a {
  font-weight: 400;
  font-size: 16px;
}
#menucontainer .header-menu nav ul > li .sub-menu li.current-menu-item a {
  /* color: $orange; */
}
#menucontainer .header-menu #header-menu-funktionen .menu-headline-icon-globe .sub-menu {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 50px;
}
#menucontainer .header-menu #header-menu-services .menu-headline-icon-globe .sub-menu {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 50px;
}
#menucontainer .header-menu #header-menu-services .menu-headline-icon-globe .sub-menu li a:before {
  display: none;
}
#menucontainer .header-menu #header-menu-services .menu-headline-icon-windows .sub-menu {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 50px;
}
@media (max-width: 1400px) {
  #menucontainer {
    background-image: none;
    background: rgb(253, 253, 253);
    background: linear-gradient(180deg, rgb(253, 253, 253) 64%, rgb(239, 239, 239) 99%);
    padding: 40px;
    top: 0;
    right: -110%;
    width: 100%;
    height: 100vh;
    max-height: 100vh;
    display: block;
    position: fixed;
    z-index: 9;
    transition: right 0.3s ease-in-out;
    top: 90px;
    -webkit-box-shadow: inset -8px 18px 17px 11px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset -8px 18px 17px 11px rgba(0, 0, 0, 0.05);
    box-shadow: inset -8px 18px 17px 11px rgba(0, 0, 0, 0.05);
  }
}
@media (max-width: 1400px) and (max-width: 1400px) {
  #menucontainer {
    top: 65px;
  }
}
@media (max-width: 1400px) {
  #menucontainer.active {
    right: 0;
    transition: right 0.3s ease-in-out;
  }
}
@media (max-width: 1400px) and (max-width: 992px) {
  #menucontainer.active {
    right: 0px;
  }
}
@media (max-width: 1400px) {
  #menucontainer.menu-topbar-is-visible {
    top: 120px;
  }
}

.mobile-nav-trigger-li {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.1) !important;
  width: 100%;
}
@media (max-width: 992px) {
  .mobile-nav-trigger-li {
    width: 100%;
  }
}
.mobile-nav-trigger-li .mobile-nav-trigger {
  display: flex;
  align-items: center;
  padding: 20px 0;
  font-size: 22px;
  color: #023E84;
  font-weight: 400;
}
.mobile-nav-trigger-li .mobile-nav-trigger.vereinssuche:before {
  background-image: url("../img/icons_2023/vereinsportal.svg");
  background-repeat: no-repeat;
  content: "";
  width: 32px;
  height: 32px;
  background-size: 32px;
  display: inline-block;
  margin-right: 25px;
  position: relative;
}
.mobile-nav-trigger-li .mobile-nav-trigger.vereinssuche nav .active {
  height: 1000px;
}
.mobile-nav-trigger-li .mobile-nav-trigger.fuer-wen:before {
  background-image: url("../img/icons_2022/Fuer_wen_Icon_Nav.svg");
  background-repeat: no-repeat;
  content: "";
  width: 32px;
  height: 32px;
  background-size: 32px;
  display: inline-block;
  margin-right: 25px;
  position: relative;
  top: 5px;
}
.mobile-nav-trigger-li .mobile-nav-trigger.fuer-wen nav .active {
  height: 1000px;
}
.mobile-nav-trigger-li .mobile-nav-trigger.funktionen:before {
  background-image: url("../img/icons/rocket.svg");
  background-repeat: no-repeat;
  content: "";
  width: 32px;
  height: 32px;
  background-size: 32px;
  display: inline-block;
  margin-right: 25px;
  position: relative;
  top: 1px;
}
.mobile-nav-trigger-li .mobile-nav-trigger.preise:before {
  display: block;
  /*  background-image: url("../img/icons/icon-pricing.svg");*/
  background-repeat: no-repeat;
  content: "";
  width: 32px;
  height: 32px;
  background-size: 28px;
  display: none;
  margin-right: 25px;
  position: relative;
  top: 1px;
}
.mobile-nav-trigger-li .mobile-nav-trigger.services:before {
  background-image: url(../img/icons_2022/Support_icon_Nav.svg);
  background-repeat: no-repeat;
  content: "";
  width: 32px;
  height: 32px;
  background-size: 32px;
  display: inline-block;
  margin-right: 25px;
  position: relative;
  top: 1px;
}

.burger {
  width: 30px;
  height: 30px;
  top: 3px;
  position: relative;
  cursor: pointer;
}
.burger .burger__patty {
  transition: all 0.3s ease-in-out;
  width: 100%;
  height: 2px;
  background-color: #023E84;
  position: relative;
}
.burger .burger__patty:nth-child(2) {
  top: 6px;
}
.burger .burger__patty:nth-child(3) {
  top: 12px;
}
.burger.active .burger__patty {
  transition: all 0.3s ease-in-out;
}
.burger.active .burger__patty:nth-child(2) {
  width: 0;
}
.burger.active .burger__patty:nth-child(1) {
  left: -2px;
  transform: rotate(45deg);
  top: 9px;
}
.burger.active .burger__patty:nth-child(3) {
  transform: rotate(-45deg);
  left: -2px;
  top: 5px;
}

#header-menu-mobile > li a {
  text-decoration: none;
  color: #023E84;
}
#header-menu-mobile > li .subnav-mobile li.menu-item-has-children a:after {
  display: inline-block;
  content: "";
  width: 12px;
  height: 12px;
  margin: 11px 0 0 8px;
  background: url(//meinverein:8890/wp-content/themes/wp-themes-meinverein-2023/scss/../img/icons/funktion_arrow.svg) center/contain no-repeat;
  transform: rotate(0);
  transition: transform 0.3s;
  position: absolute;
  right: 50px;
}
#header-menu-mobile > li .subnav-mobile li.menu-item-has-children.active a:after {
  transform: rotate(-90deg);
}
#header-menu-mobile > li .subnav-mobile li.menu-item-has-children .sub-menu {
  display: none;
}
#header-menu-mobile > li .subnav-mobile li.headline > a {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 35px;
}
#header-menu-mobile > li .subnav-mobile li a {
  font-size: 18px;
}
#header-menu-mobile > li .subnav-mobile li .sub-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 15px;
}
#header-menu-mobile > li .subnav-mobile li .sub-menu li {
  padding: 10px 0;
  line-height: 25px;
}
#header-menu-mobile > li .subnav-mobile li .sub-menu li:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
#header-menu-mobile > li .subnav-mobile li.headline-image {
  display: none;
}
#header-menu-mobile > li:last-child .sub-menu li:last-child {
  border-bottom: none !important;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

body #header-menu-mobile .header-menu-mobile li:last-child .sub-menu li:last-child {
  border-bottom: none !important;
  padding-bottom: 0;
  margin-bottom: 60px;
}

#mobile-menucontainer {
  height: 200% !important;
}

.header-top-5 {
  padding-bottom: 40px;
}

#header-menu-container > ul > li {
  padding-bottom: 27px;
  border-bottom: 5px solid transparent;
  transition: all 0.3s ease;
}
#header-menu-container > ul > li.arrowdown:hover {
  border-bottom: 5px solid #FA7D19;
  transition: all 0.3s ease;
}
#header-menu-container > ul > li:hover {
  color: #FA7D19 !important;
}
#header-menu-container > ul > li:hover a {
  color: #FA7D19 !important;
}
/* focus */
.single-menu li:focus, .single-menu li a[title]:focus {
  outline: none !important;
  border: none !important;
}

.mobile-search-form {
  margin-top: -30px;
  margin-bottom: 20px;
  width: 80%;
}
@media (max-width: 992px) {
  .mobile-search-form {
    width: 100%;
  }
}
.mobile-search-form span.headline {
  top: 15px;
  text-transform: uppercase;
  position: relative;
  z-index: 9999999;
  margin-left: 16px;
  background-color: #fff;
  display: inline-block !important;
  position: relative;
  font-size: 14px !important;
  padding: 0 5px;
  padding-bottom: 0 !important;
}
.mobile-search-form span.headline.active {
  color: #FA7D19 !important;
}
.mobile-search-form .input-group-text {
  background-color: #023E84;
  color: white !important;
  padding: 25px !important;
}
.mobile-search-form input {
  -webkit-box-shadow: inset 0px 0px 10px -3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0px 0px 10px -3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px 0px 10px -3px rgba(0, 0, 0, 0.1);
  font-size: 20px !important;
  padding-left: 20px;
}
.mobile-search-form input::placeholder {
  color: rgba(2, 62, 132, 0.3);
}
.mobile-search-form input:focus {
  border-color: #FA7D19;
  outline: none !important;
  outline-color: transparent !important;
  box-shadow: none !important;
}

#mobile-menu > ul {
  margin-top: -64PX;
  overflow: scroll;
}
#mobile-menu > ul li {
  background-color: transparent;
  max-width: 100% !important;
  padding-left: 40px;
}
#mobile-menu > ul li.bg-colored {
  background-color: #fdfdfd;
}
#mobile-menu > ul li.full-colored {
  background-color: #ccd0d4;
}
#mobile-menu > ul li.bg-boxshadow {
  -webkit-box-shadow: inset 0px -29px 25px -3px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: inset 0px -29px 25px -3px rgba(0, 0, 0, 0.06);
  box-shadow: inset 0px -29px 25px -3px rgba(0, 0, 0, 0.06);
}
#mobile-menu > ul li a, #mobile-menu > ul li > span {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}
#mobile-menu > ul li hr {
  margin: 40px auto 20px auto !important;
  display: none;
}
#mobile-menu > ul li.bg-boxshadow a, #mobile-menu > ul li.bg-boxshadow > span {
  border-bottom: none !important;
}
#mobile-menu > ul:after {
  height: 1px !important;
}

.mm-spn--main .mobile-search-form {
  display: block;
}

#mobile-menu.mm-spn ul.mm-spn--open .btn-container {
  padding-bottom: 40px;
}

#mobile-menu.mm-spn ul.mm-spn--open .btn-container .btn {
  flex-basis: 48% !important;
}

/* mobile menu arrows */
#mobile-menu.mm-spn ul.mm-spn--open > li.menu-item::before {
  right: 40px;
}

#mobile-menu.mm-spn .mm-navbar a.btn.btn-close {
  right: 60px !important;
}

.block-imagebanner .contentbox {
  max-width: 80%;
}

.block-imagebanner p.body {
  margin-bottom: 35px;
}

#mobile-menu .btn-container a {
  padding: 20px 23.2px 20px 16.9px !important;
  border-radius: 7px;
  box-shadow: 0 22px 36px 0 rgba(38, 35, 32, 0.16);
  height: auto !important;
}

.sub-menu.mm-spn--open li span {
  margin-top: 10px !important;
}

body[data-countdown="0"] #breadcrumbs-header-container {
  height: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #fff;
  position: relative;
  z-index: 5;
  -webkit-box-shadow: 0px 12px 18px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 12px 18px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 12px 18px 0px rgba(0, 0, 0, 0.06);
  border-bottom: solid 1px #f5f5f5;
}

#breadcrumbs .crumbles {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  overflow-x: scroll;
  scrollbar-width: none; /* Versteckt Scrollbalken in Firefox */
  -ms-overflow-style: none; /* Versteckt Scrollbalken in IE und Edge */
}
#breadcrumbs .crumbles::-webkit-scrollbar {
  display: none;
}
@media (max-width: 992px) {
  #breadcrumbs .crumbles {
    max-height: 30px;
  }
}
#breadcrumbs .crumbles li.crumble-item a {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  letter-spacing: 0.14px;
  color: #023e84;
}
#breadcrumbs .crumbles li.home-item:before {
  content: "";
  background-image: url(../img/icons_2023/home_icon.svg);
  margin-right: 5px;
  width: 13.3px;
  height: 11.2px;
  background-size: contain;
  display: inline-block;
}
#breadcrumbs .crumbles li:last-child a {
  font-weight: 600;
}
#breadcrumbs .delimiter-icon {
  transform: rotate(-90deg);
  display: inline-block;
  width: 6px;
  height: 10.2px;
  margin: 0 15px;
}

#breadcrumbs .crumbles {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  overflow-x: scroll;
}
#breadcrumbs .crumbles::-webkit-scrollbar {
  display: none;
}
@media (max-width: 992px) {
  #breadcrumbs .crumbles {
    max-height: 30px;
  }
}
#breadcrumbs .crumbles li.crumble-item a {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  letter-spacing: 0.14px;
  color: #023e84;
}
@media (max-width: 992px) {
  #breadcrumbs .crumbles li.crumble-item a {
    white-space: pre;
  }
}
#breadcrumbs .crumbles li.home-item:before {
  content: "";
  background-image: url(../img/icons_2023/home_icon.svg);
  margin-right: 5px;
  width: 13.3px;
  height: 11.2px;
  background-size: contain;
  display: inline-block;
}
#breadcrumbs .crumbles li:last-child a {
  font-weight: 600;
}
#breadcrumbs .delimiter-icon {
  transform: rotate(-90deg);
  display: inline-block;
  width: 6px;
  height: 10.2px;
  margin: 0 15px;
}

body[data-countdown="1"] #breadcrumbs-header-container {
  top: 50px;
  height: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #fff;
  position: relative;
  z-index: 5;
  -webkit-box-shadow: 0px 12px 18px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 12px 18px 0px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 12px 18px 0px rgba(0, 0, 0, 0.06);
}

#desktop-search {
  background-color: #f0f4f8;
  overflow-x: hidden;
  padding: 0 16px;
  top: -360px;
  width: 100%;
  min-height: 120px;
  height: auto;
  transition: top 0.3s ease-in-out;
  position: fixed;
  z-index: 5;
  left: 0;
  overflow-y: scroll;
}
#desktop-search.open {
  top: 110px;
  transition: top 0.3s ease-in-out;
  overflow-y: scroll;
  height: 100%;
  overflow-x: hidden;
  left: 0;
  z-index: 99;
  padding: 0 16px;
}

body[data-countdown="1"] #desktop-search.open {
  top: 160px;
}

@media (max-width: 1200px) {
  .menu-flex-row {
    justify-content: end;
  }
}

/** some helping stuff */
.header-extension-menu2025 {
  box-shadow: 0 8px 19px 0 rgba(0, 0, 0, 0.05);
  z-index: 99999;
}

body.menu-open {
  overflow: hidden;
  padding-right: var(--scrollbar-width); /* Verhindert das Springen */
}

.ptandbottom {
  padding-top: 55px;
  padding-bottom: 55px;
}

.header-buttons {
  white-space: nowrap;
}

ul#header-menu {
  list-style: none;
  /* border: 1px solid blue; */
  /* styleing for js controls, it must fit the bottom of header */
  padding-bottom: 30px !important;
  margin-bottom: -30px !important;
  /* /// */
}
ul#header-menu li a {
  font-size: 17px;
  color: #023E84;
  font-family: "Source Sans Pro";
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 3.24;
  letter-spacing: 0.17px;
  padding-right: 30px;
  /* border: 1px solid red; */
}
@media (max-width: 1480px) {
  ul#header-menu li a {
    padding-right: 20px;
    font-size: 16px;
  }
}
@media (max-width: 1280px) {
  ul#header-menu li a {
    font-size: 16px;
  }
}
@media (max-width: 1240px) {
  ul#header-menu li a {
    padding-right: 16px;
  }
}
ul#header-menu li.arrowdown a:after {
  display: inline-block;
  content: "";
  width: 12px;
  height: 12px;
  margin: 2px 0 0 8px;
  background: url(../img/icons/funktion_arrow.svg) no-repeat center;
  background-size: contain;
  transform: rotate(90deg);
  transition: transform 0.3s ease;
  position: relative;
  top: 1px;
}
@media (max-width: 1280px) {
  ul#header-menu li.arrowdown a:after {
    margin: 2px 0 0 3px;
  }
}
ul#header-menu li.arrowdown a:hover, ul#header-menu li.arrowdown a.open {
  text-decoration: none;
  color: #FA7D19;
}
ul#header-menu li.arrowdown a:hover:after, ul#header-menu li.arrowdown a.open:after {
  transform: rotate(270deg);
  transition: transform 0.3s ease;
  background: url(../img/icons/funktion_arrow_active.svg) no-repeat center;
}

.wide-menu-wrapper {
  top: 170px;
  left: 0;
  background-color: #fff;
  width: 100%;
  overflow-y: auto; /* Ermöglicht Scrollen, wenn der Inhalt höher als 100vh ist */
  background-color: #f8f8f8;
  transition: all 0.3s ease;
  display: flex;
  z-index: 1001;
  top: -100%;
  max-height: 90vh !important;
  box-shadow: 0 8px 19px 0 rgba(0, 0, 0, 0.2);
  height: 75vh !important;
}
@media (max-height: 1000px) {
  .wide-menu-wrapper {
    height: 75vh !important;
  }
}
.wide-menu-wrapper.menu-open {
  top: 170px;
  transition: all 0.3s ease;
  height: 75vh !important;
}
@media (max-height: 1000px) {
  .wide-menu-wrapper.menu-open {
    height: 75vh !important;
  }
}
.wide-menu-wrapper.menu-open-always {
  top: 170px !important;
  transition: all 0.3s ease;
  height: 75vh !important;
}
.wide-menu-wrapper.menu-scrolled.menu-open {
  top: 120px;
  transition: all 0.3s ease;
}
.wide-menu-wrapper .second-level-wrapper {
  background-image: linear-gradient(to right, #042b57 8%, #0d335f 95%);
  background-color: #fff;
  height: 100%;
  width: 31vw;
}
.wide-menu-wrapper .third-level-wrapper {
  z-index: 99;
  width: 35vw;
  right: 0;
  height: 100%;
}
.wide-menu-wrapper .third-level-wrapper .image {
  background-size: cover;
  background-position: center;
  position: relative;
}
.wide-menu-wrapper .third-level-wrapper .image .bg {
  background-image: linear-gradient(to bottom, rgba(0, 32, 70, 0), #012148);
  height: 250px;
  bottom: 0;
  width: 100%;
  position: absolute;
  background-position: bottom;
  opacity: 0.87;
}
.wide-menu-wrapper .third-level-wrapper .customer-headline {
  letter-spacing: 0.52px;
  margin-top: 80%;
  position: relative;
  z-index: 9;
}
@media (max-height: 1000px) {
  .wide-menu-wrapper .third-level-wrapper .customer-headline {
    font-size: 20px !important;
  }
}
.wide-menu-wrapper ul.second-level-menu {
  list-style: none;
}
.wide-menu-wrapper ul.second-level-menu > li {
  /*
  Main Sub Level Link styling
  ---------------------------
   */
  width: 100%;
  background-image: linear-gradient(to right, #042b57 8%, #0d335f 95%);
  padding: 0;
  margin: 0;
  /*
  ---------------------------
   */
}
.wide-menu-wrapper ul.second-level-menu > li > a, .wide-menu-wrapper ul.second-level-menu > li > span a {
  color: white;
  width: 100%;
  /* @include paddingTopAndBottomMenu; */
  display: flex;
  justify-content: start;
  align-items: center;
  font-size: 16px;
  letter-spacing: 0.32px;
  border-bottom: solid 1px rgba(255, 255, 255, 0.1);
  position: relative;
  padding-left: 74%;
  padding-right: 20px;
}
@media (max-width: 2200px) {
  .wide-menu-wrapper ul.second-level-menu > li > a, .wide-menu-wrapper ul.second-level-menu > li > span a {
    padding-left: 70%;
  }
}
@media (max-width: 2000px) {
  .wide-menu-wrapper ul.second-level-menu > li > a, .wide-menu-wrapper ul.second-level-menu > li > span a {
    padding-left: 65%;
  }
}
@media (max-width: 1680px) {
  .wide-menu-wrapper ul.second-level-menu > li > a, .wide-menu-wrapper ul.second-level-menu > li > span a {
    padding-left: 60%;
  }
}
@media (max-height: 1000px) {
  .wide-menu-wrapper ul.second-level-menu > li > a, .wide-menu-wrapper ul.second-level-menu > li > span a {
    font-size: 15px;
  }
}
.wide-menu-wrapper ul.second-level-menu > li > a::after, .wide-menu-wrapper ul.second-level-menu > li > span a::after {
  content: "";
  position: absolute;
  right: -20px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  top: 48%;
  border-left: 20px solid #fff;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  opacity: 0;
  z-index: 999;
}
.wide-menu-wrapper ul.second-level-menu > li > a:hover, .wide-menu-wrapper ul.second-level-menu > li > a.open, .wide-menu-wrapper ul.second-level-menu > li > span a:hover, .wide-menu-wrapper ul.second-level-menu > li > span a.open {
  text-decoration: none;
  background-color: #fff;
  color: #023E84;
}
.wide-menu-wrapper ul.second-level-menu > li > a:hover::after, .wide-menu-wrapper ul.second-level-menu > li > a.open::after, .wide-menu-wrapper ul.second-level-menu > li > span a:hover::after, .wide-menu-wrapper ul.second-level-menu > li > span a.open::after {
  opacity: 1;
}
.wide-menu-wrapper ul.second-level-menu > li > a:before, .wide-menu-wrapper ul.second-level-menu > li > span a:before {
  content: "";
  background-color: white;
  width: 27px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
  -webkit-mask-repeat: no-repeat; /* Verhindert Wiederholung */
  mask-repeat: no-repeat; /* Verhindert Wiederholung */
  -webkit-mask-size: contain; /* Stellt sicher, dass die Maske skaliert wird */
  -webkit-mask-position-y: center;
}
@media (max-height: 1000px) {
  .wide-menu-wrapper ul.second-level-menu > li > a:before, .wide-menu-wrapper ul.second-level-menu > li > span a:before {
    -webkit-mask-size: 20px;
  }
}
@media (max-height: 700px) {
  .wide-menu-wrapper ul.second-level-menu > li > a:before, .wide-menu-wrapper ul.second-level-menu > li > span a:before {
    -webkit-mask-size: 15px;
  }
}
.wide-menu-wrapper ul.second-level-menu > li > a:hover:before, .wide-menu-wrapper ul.second-level-menu > li > a.open:before, .wide-menu-wrapper ul.second-level-menu > li > span a:hover:before, .wide-menu-wrapper ul.second-level-menu > li > span a.open:before {
  background-color: #023E84;
}
.wide-menu-wrapper ul.second-level-menu > li .sub-menu {
  display: none;
  list-style: none;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.015);
  overflow-y: scroll;
  height: 100%;
  /* Scrollbar-Farbe */
  /* Farbe des Scrollbalkenhintergrunds */
  /* Farbe des beweglichen Scrollbalkens */
  /* Hover-Effekt für den Scrollbalken */
}
.wide-menu-wrapper ul.second-level-menu > li .sub-menu * {
  scrollbar-width: thin; /* "auto", "thin" oder "none" */
  scrollbar-color: #888 #f1f1f1; /* Daumenfarbe & Hintergrundfarbe */
}
.wide-menu-wrapper ul.second-level-menu > li .sub-menu::-webkit-scrollbar {
  width: 7px; /* Für vertikalen Scrollbalken */
  height: 7px; /* Für horizontalen Scrollbalken */
}
.wide-menu-wrapper ul.second-level-menu > li .sub-menu::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 5px;
}
.wide-menu-wrapper ul.second-level-menu > li .sub-menu::-webkit-scrollbar-thumb {
  background: rgba(2, 62, 132, 0.6);
  border-radius: 5px;
}
.wide-menu-wrapper ul.second-level-menu > li .sub-menu ::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.wide-menu-wrapper ul.second-level-menu > li .sub-menu.open {
  display: block;
  position: absolute;
  left: 31vw;
  top: 0;
  padding: 0;
  height: 90%;
  width: 34vw;
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
  background-size: 80px;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0.015);
  border-bottom: 1px solid #e1e4e8;
}
.wide-menu-wrapper ul.second-level-menu > li .sub-menu.open li {
  background-color: #fefefe;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.wide-menu-wrapper ul.second-level-menu > li .sub-menu.open li a {
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.32px;
  text-align: left;
  color: #012856;
  border-bottom: solid 1px #e1e4e8;
  padding-left: 80px;
  width: 100%;
  position: relative;
  z-index: 2;
}
@media (max-height: 1000px) {
  .wide-menu-wrapper ul.second-level-menu > li .sub-menu.open li a {
    font-size: 15px;
    padding-left: 70px;
  }
}
.wide-menu-wrapper ul.second-level-menu > li .sub-menu.open li a:hover {
  text-decoration: none;
}
.wide-menu-wrapper ul.second-level-menu > li .sub-menu.open li .subline {
  opacity: 0.7;
  line-height: 1.67;
  letter-spacing: 0.12px;
  color: #002148;
  font-size: 12px !important;
  display: block;
  padding-left: 48px !important;
  max-width: 80%;
}
@media (max-height: 1000px) {
  .wide-menu-wrapper ul.second-level-menu > li .sub-menu.open li .subline {
    padding-left: 44px !important;
  }
}
.wide-menu-wrapper ul.second-level-menu > li .sub-menu.open li > a {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
  background-size: 50px;
  background-repeat: no-repeat;
}
.wide-menu-wrapper ul.second-level-menu > li .sub-menu.open li > a:before {
  content: "";
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transition: all 0.2s ease;
  background-color: #023E84; /* Nutzt die Textfarbe für die Maske */
  width: 27px;
  height: 24px;
  display: inline-block;
  margin-right: 20px;
  position: relative;
  background-image: none;
  top: 15px;
}
@media (max-height: 1000px) {
  .wide-menu-wrapper ul.second-level-menu > li .sub-menu.open li > a:before {
    width: 23px;
    height: 19px;
  }
}
.wide-menu-wrapper ul.second-level-menu > li .sub-menu.open li > a:hover, .wide-menu-wrapper ul.second-level-menu > li .sub-menu.open li > a.open {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08));
  background-size: 50px;
  background-repeat: no-repeat;
  background-color: #f9f9f9;
  transition: all 0.2s ease;
}
.wide-menu-wrapper ul.second-level-menu > li .sub-menu.open li > a:hover:before, .wide-menu-wrapper ul.second-level-menu > li .sub-menu.open li > a.open:before {
  background-color: #FA7D19;
}
.wide-menu-wrapper ul.second-level-menu > li .sub-menu.open li:after {
  display: inline-block;
  background-image: url(../img/arrow-collapse.svg);
  width: 40.1px;
  height: 16.3px;
  background-size: 40.1px 16.3px;
  content: "";
  background-repeat: no-repeat;
  z-index: 100000000;
  position: absolute;
  right: 40px;
}
.wide-menu-wrapper ul.second-level-menu > li .sub-menu.open li:hover:after {
  background-image: url(../img/arrow-collapse-orange.svg);
}
.wide-menu-wrapper ul.second-level-menu > li .sub-menu.open li.noarrow:after {
  display: none;
}
.wide-menu-wrapper ul.second-level-menu > li .sub-menu.open li.noarrow:hover:after {
  background-image: none;
}

@media (max-width: 1300px) {
  #mainlogo {
    max-width: 200px;
  }
}
.addon-item {
  position: absolute;
  left: 33.08vw;
  z-index: 99999;
  bottom: -20px;
}
.addon-item a {
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.32px;
  text-align: left;
  color: #012856;
  padding-left: 80px;
  /*    border-bottom: solid 1px #e1e4e8;; */
  width: 100%;
  position: relative;
  z-index: 2;
  padding-top: 45px;
  padding-bottom: 45px;
}
@media (max-width: 1280px) {
  .addon-item a {
    padding-top: 45px;
    padding-bottom: 35px;
  }
}
.addon-item a:hover {
  text-decoration: none;
}
.addon-item a:hover:before {
  background-color: #FA7D19;
}
.addon-item a:before {
  content: "";
  -webkit-mask-image: url("../img/menuicons/alles.svg"); /* Für Webkit-Browser */
  mask-image: url("../img/menuicons/alles.svg"); /* Standard */
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transition: all 0.2s ease;
  background-color: #023E84; /* Nutzt die Textfarbe für die Maske */
  width: 17px;
  height: 12px;
  display: inline-block;
  margin-right: 20px;
  position: relative;
  background-image: none;
  top: 1px;
}

li.search-trigger a {
  display: none;
}
li.search-trigger:before {
  content: "";
  background-image: url(../img/icons_2022/vereinssuche.svg);
  width: 30px;
  height: 30px;
  background-position: center;
  background-size: 15px;
  background-repeat: no-repeat;
  display: inline-block;
  padding: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: solid 1px #dadfe3;
  cursor: pointer;
}

.menu-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.15);
  z-index: 1000;
  transition: all 0.3s ease;
}

#mobile-menucontainer {
  height: 180% !important;
}
#mobile-menucontainer.moreheight {
  height: 280% !important;
}

#header-menu-mobile li a {
  font-weight: 700;
}
#header-menu-mobile li.arrowdown a {
  font-weight: 700;
}
#header-menu-mobile li.arrowdown a:after {
  background-image: url(../img/arrow-collapse.svg);
  transform: rotate(90deg);
}
#header-menu-mobile li.arrowdown a.active:after {
  transform: rotate(-90deg);
  background-image: url(../img/arrow-collapse.svg);
}
#header-menu-mobile nav.subnav-mobile li {
  border-bottom: 1px dotted #dadfe3;
  padding: 15px 0;
}
#header-menu-mobile nav.subnav-mobile li a {
  font-weight: 600;
}
#header-menu-mobile nav.subnav-mobile li.menu-item-has-children a:after {
  background-image: url(../img/arrow-collapse.svg);
  transform: rotate(90deg);
}
#header-menu-mobile nav.subnav-mobile li.menu-item-has-children a.active:after {
  transform: rotate(-90deg);
  background-image: url(../img/arrow-collapse.svg);
}
#header-menu-mobile nav.subnav-mobile li > a {
  font-size: 18px !important;
}
#header-menu-mobile nav.subnav-mobile li > a.active:after {
  transform: rotate(90deg);
}
#header-menu-mobile nav.subnav-mobile li .sub-menu {
  padding-top: 15px;
}
#header-menu-mobile nav.subnav-mobile li .sub-menu li {
  border-bottom: 1px dotted #dadfe3;
}
#header-menu-mobile nav.subnav-mobile li .sub-menu li:last-child {
  border-bottom: none !important;
}
#header-menu-mobile nav.subnav-mobile li .sub-menu li a {
  font-size: 16px !important;
  font-weight: 500;
}
#header-menu-mobile nav.subnav-mobile li .sub-menu li a:after {
  display: none;
}

body[data-countdown="1"] .wide-menu-wrapper {
  top: -100%;
}
body[data-countdown="1"] .wide-menu-wrapper.menu-open {
  top: 220px;
  transition: all 0.3s ease;
  height: 75vh !important;
}
@media (max-height: 1000px) {
  body[data-countdown="1"] .wide-menu-wrapper.menu-open {
    height: 75vh !important;
  }
}
body[data-countdown="1"] .wide-menu-wrapper.menu-scrolled.menu-open {
  top: 120px;
}

.tabs-2023 {
  padding: 106px 284px 99px 255.7px;
  border-radius: 30px;
  background-color: #f6f7fb;
}
@media (max-width: 1400px) {
  .tabs-2023 {
    border-radius: 10px !important;
  }
}
.tabs-2023 .innertabs-container {
  padding: 100px;
}
@media (max-width: 1740px) {
  .tabs-2023 .innertabs-container {
    padding: 40px;
  }
}
@media (max-width: 1640px) {
  .tabs-2023 .innertabs-container {
    padding: 20px;
  }
}
@media (max-width: 1400px) {
  .tabs-2023 .innertabs-container {
    padding: 40px;
  }
}
@media (max-width: 768px) {
  .tabs-2023 .innertabs-container {
    padding: 10px;
  }
}
.tabs-2023 .nav-pills li {
  line-height: 1;
  margin: 10px;
}
.tabs-2023 .nav-pills li button {
  font-weight: 600;
  font-size: 15px;
  padding: 15px 30px 18px 30px;
  background-color: rgba(2, 62, 132, 0.07);
  color: #023e84;
}
.tabs-2023 .nav-pills li button.active {
  background-color: #023e84 !important;
  padding-bottom: 8px;
}
.tabs-2023 .nav-pills li button.active:after {
  content: "";
  width: 2px;
  height: 0;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #023e84 transparent transparent transparent;
  display: block;
  position: relative;
  top: 18px;
  margin: auto;
}
@media (max-width: 1740px) {
  .tabs-2023 .nav-pills li {
    margin-right: 0;
  }
  .tabs-2023 .nav-pills li button {
    font-weight: 600;
    font-size: 14px;
    padding: 12px 24px 12px 24px;
    background-color: rgba(2, 62, 132, 0.3);
    color: #023e84;
  }
  .tabs-2023 .nav-pills li button.active {
    background-color: #023e84 !important;
    padding-bottom: 3px;
  }
  .tabs-2023 .nav-pills li button.active:after {
    top: 8px;
  }
}
.tabs-2023 .tab-image {
  flex-basis: 50%;
  width: 50%;
}
@media (max-width: 1200px) {
  .tabs-2023 .tab-image {
    width: 100%;
    height: 300px;
    flex-basis: unset;
  }
}
.tabs-2023 .tab-content {
  flex-basis: 50%;
}
@media (max-width: 1270px) {
  .tabs-2023 .tab-content {
    padding: 0;
  }
}
.tabs-2023 .tab-content .tab-content-inner {
  width: 50%;
}
@media (max-width: 1200px) {
  .tabs-2023 .tab-content .tab-content-inner {
    width: 100%;
  }
}
.tabs-2023 .tab-content .tab-content-inner .tab-badge {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  display: block;
}
.tabs-2023.yellow_with_arrows {
  background-image: radial-gradient(circle at 50% 50%, rgb(255, 230, 32), rgb(255, 121, 1) 655%);
}
.tabs-2023.yellow_with_arrows .nav-pills li {
  line-height: 1;
  margin: 5px;
  letter-spacing: 0.3px;
}
.tabs-2023.yellow_with_arrows .nav-pills li button {
  font-weight: 600;
  font-size: 15px;
  padding: 15px 30px 18px 30px;
  background-color: rgba(255, 255, 255, 0.3);
  color: #023e84;
}
.tabs-2023.yellow_with_arrows .nav-pills li button.active {
  background-color: rgb(255, 255, 255) !important;
  padding: 15px 30px 8px 30px;
  color: #023e84;
}
.tabs-2023.yellow_with_arrows .nav-pills li button.active:after {
  content: "";
  width: 2px;
  height: 0;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #fff transparent transparent transparent;
  display: block;
  position: relative;
  top: 18px;
  margin: auto;
}
.tabs-2023.darkblue-tabs {
  background-color: rgb(12, 44, 80);
}
.tabs-2023.darkblue-tabs h2, .tabs-2023.darkblue-tabs h3, .tabs-2023.darkblue-tabs p {
  color: #fff !important;
}
.tabs-2023.darkblue-tabs .nav-pills li {
  line-height: 1;
  margin: 5px;
  letter-spacing: 0.3px;
}
.tabs-2023.darkblue-tabs .nav-pills li button {
  font-weight: 600;
  font-size: 15px;
  padding: 15px 30px 18px 30px;
  background-color: rgba(255, 255, 255, 0.3);
  color: #fff;
}
.tabs-2023.darkblue-tabs .nav-pills li button.active {
  background-color: rgb(255, 255, 255) !important;
  padding: 15px 30px 8px 30px;
  color: #023e84;
}
.tabs-2023.darkblue-tabs .nav-pills li button.active:after {
  content: "";
  width: 2px;
  height: 0;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #fff transparent transparent transparent;
  display: block;
  position: relative;
  top: 18px;
  margin: auto;
}
.tabs-2023.yellow_without_arrows {
  background-image: radial-gradient(circle at 50% 50%, rgb(255, 230, 32), rgb(255, 121, 1) 655%);
}
.tabs-2023.yellow_without_arrows .nav-pills li {
  line-height: 1;
  margin: 5px;
  letter-spacing: 0.3px;
}
.tabs-2023.yellow_without_arrows .nav-pills li button {
  font-weight: 600;
  font-size: 15px;
  padding: 15px 30px 18px 30px;
  background-color: rgba(255, 255, 255, 0.3);
  color: #023e84;
}
.tabs-2023.yellow_without_arrows .nav-pills li button.active {
  background-color: rgb(255, 255, 255) !important;
  padding: 15px 30px 8px 30px;
  color: #023e84;
}
.tabs-2023.yellow_without_arrows .nav-pills li button.active:after {
  content: "";
  width: 2px;
  height: 0;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #fff transparent transparent transparent;
  display: block;
  position: relative;
  top: 18px;
  margin: auto;
}
.tabs-2023.yellow_without_arrows .tabs-via-buttons {
  display: none;
}
.tabs-2023.lightblue_without_arrows .tabs-via-buttons {
  display: none;
}

.tabs-mobile {
  width: 100%;
}
.tabs-mobile * {
  font-family: "Source Sans Pro", sans-serif !important;
  letter-spacing: normal !important;
}
.tabs-mobile .btn {
  width: 341.3px;
  height: 61.8px;
  margin: 0 0 17.2px;
  padding: 17px 29.1px 15.8px 30.6px;
  box-shadow: 0 22px 36px 0 rgba(0, 0, 0, 0.11);
  background-color: #fff;
}
.tabs-mobile .btn.togglerbtn {
  border: none;
  color: #023e84;
  font-weight: 600;
}
@media (max-width: 768px) {
  .tabs-mobile .btn.togglerbtn {
    font-size: 16px;
  }
}
.tabs-mobile .btn.togglerbtn.show {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border: none;
  box-shadow: 0 22px 36px 0 rgba(0, 0, 0, 0.11);
  position: relative;
  z-index: 9999;
  opacity: 1;
}
.tabs-mobile .btn.togglerbtn:after {
  float: right;
  margin-top: 12px;
}
.tabs-mobile .mv-tablist {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-color: #fff;
  margin-top: -10px !important;
  padding-top: 10px !important;
}
.tabs-mobile .mv-tablist li {
  padding-right: 30px;
  padding-left: 30px;
}
.tabs-mobile .mv-tablist li a {
  cursor: pointer;
  color: #023e84;
  font-weight: 600;
  font-family: "Source Sans Pro", sans-serif !important;
  border-bottom: 1px solid #f0f0f0;
  padding: 15px 0 15px 0;
}
@media (max-width: 768px) {
  .tabs-mobile .mv-tablist li a {
    font-size: 16px;
  }
}
.tabs-mobile .mv-tablist li a.active {
  color: #FA7D19;
  background-color: #fff;
}
.tabs-mobile .mv-tablist li a:hover {
  color: #FA7D19;
  background-color: #fff;
}
.tabs-mobile .mv-tablist li:last-child a {
  cursor: pointer;
  border-bottom: none;
}
.tabs-mobile.tabs-blue .btn {
  box-shadow: 0 22px 36px 0 rgba(38, 35, 32, 0.16);
  background-color: #023e84;
}
.tabs-mobile.tabs-blue .btn.togglerbtn {
  border: none;
  color: #fff;
  font-weight: 600;
}
.tabs-mobile.tabs-blue .btn.togglerbtn.show {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  box-shadow: 0 22px 36px 0 rgba(38, 35, 32, 0.16);
  position: relative;
  z-index: 9999;
}
.tabs-mobile.tabs-blue .btn.togglerbtn:after {
  float: right;
  margin-top: 12px;
}
.tabs-mobile.tabs-blue .mv-tablist {
  background-color: #023e84;
  border-color: #023e84;
}
.tabs-mobile.tabs-blue .mv-tablist.show {
  margin-top: -15px !important;
}
.tabs-mobile.tabs-blue .mv-tablist li {
  background-color: #023e84;
}
.tabs-mobile.tabs-blue .mv-tablist li a {
  cursor: pointer;
  background-color: #023e84;
  color: #fff;
  font-weight: 600;
  font-family: "Source Sans Pro", sans-serif !important;
  border-bottom: 1px solid #fff;
  padding: 15px 0 15px 0;
}
@media (max-width: 768px) {
  .tabs-mobile.tabs-blue .mv-tablist li a {
    font-size: 16px;
  }
}
.tabs-mobile.tabs-blue .mv-tablist li a.active {
  color: #fff;
  background-color: #023e84;
}
.tabs-mobile.tabs-blue .mv-tablist li a:hover {
  color: #fff;
  background-color: #023e84;
}
.tabs-mobile.tabs-blue .mv-tablist li:last-child a {
  cursor: pointer;
  border-bottom: none;
}

#pricemodul.price-modul-b {
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100%;
  margin: auto;
}
#pricemodul .packagebtns.module {
  margin-top: 40px;
}

.single-price-module {
  padding-bottom: 140px;
}

.tabs-via-buttons {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 992px) {
  .tabs-via-buttons {
    display: none;
  }
}
.tabs-via-buttons .tab-direction {
  width: 60px;
  height: 60px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  box-shadow: 0 22px 36px 0 rgba(0, 0, 0, 0.11);
  background-color: #fff;
  line-height: 56px;
}
.tabs-via-buttons .tab-direction.disabled {
  opacity: 0.5;
}
.tabs-via-buttons .tab-direction.backward {
  transform: rotate(180deg);
  margin-top: 30px;
}

@media (max-width: 1500px) {
  .tabslide-flex {
    flex-direction: column;
  }
}
.tabslide-flex .tab-image {
  width: 48%;
  min-height: 400px;
}
@media (max-width: 1500px) {
  .tabslide-flex .tab-image {
    width: 100%;
    margin-top: -30px;
  }
}
@media (max-width: 768px) {
  .tabslide-flex .tab-image {
    min-height: unset;
  }
}
.tabslide-flex .tab-content-inner {
  width: 46%;
}
.tabslide-flex .tab-content-inner h2 {
  margin-left: -20px;
}
@media (max-width: 1500px) {
  .tabslide-flex .tab-content-inner h2 {
    width: 100% !important;
  }
}
@media (max-width: 1500px) {
  .tabslide-flex .tab-content-inner {
    width: 100% !important;
    text-align: center;
  }
  .tabslide-flex .tab-content-inner button {
    margin: 10px auto !important;
  }
}
.tabslide-flex .tabs-via-buttons {
  width: 6%;
}
@media (max-width: 1500px) {
  .tabslide-flex .tabs-via-buttons {
    display: none;
  }
}

@media (max-width: 1500px) {
  .tabslide-buttons {
    flex-direction: column;
  }
}
.tabslide-buttons a {
  display: inline-block;
}

#pills-tabslide button {
  margin: 0;
  line-height: 1.67;
  letter-spacing: 0.3px;
  font-family: "cairo" !important;
  font-size: 15px;
}
#pills-tabslide button.active {
  box-shadow: 0 22px 36px 0 rgba(0, 0, 0, 0.11);
}

@media (max-width: 1500px) {
  .straight-header-image {
    top: 12% !important;
    max-width: 80% !important;
    margin-left: 10%;
  }
}
@media (max-width: 992px) {
  .straight-header-image {
    display: none;
  }
}

.col-blue {
  background-color: #f6f7fb;
}
.col-blue .col-blue {
  padding: 0px !important;
}
@media (max-width: 1200px) {
  .col-blue {
    padding: 40px !important;
  }
}
@media (max-width: 768px) {
  .col-blue {
    padding: 20px !important;
  }
}
.col-blue h3 {
  font-family: Cairo;
  font-size: 30px !important;
  padding-bottom: 20px;
}
@media (max-width: 768px) {
  .col-blue h3 {
    font-size: 24px !important;
  }
}
.col-blue ul {
  margin-left: 25px;
  max-width: 70%;
}
@media (max-width: 1480px) {
  .col-blue ul {
    max-width: 100%;
  }
}
.col-blue ul.check-icon-orange {
  max-width: 100%;
}
.col-blue ul li {
  font-size: 20px !important;
  line-height: 1.9 !important;
}
@media (max-width: 992px) {
  .col-blue ul li {
    font-size: 18px !important;
  }
}
.col-blue ul.check-icon li {
  font-size: 20px !important;
  padding-left: 10px;
}
@media (max-width: 1480px) {
  .col-blue ul.check-icon li {
    text-indent: 0;
    padding-left: 0px;
    margin-left: 20px;
  }
}
@media (max-width: 992px) {
  .col-blue ul.check-icon li {
    font-size: 18px !important;
    text-indent: 0;
  }
}
.col-blue p {
  font-size: 20px !important;
  max-width: 80%;
}
@media (max-width: 1480px) {
  .col-blue p {
    max-width: 100%;
  }
}
.col-blue p.p-step {
  font-size: 20px !important;
  margin-bottom: 0px;
}
@media (max-width: 992px) {
  .col-blue p.p-step {
    font-size: 18px !important;
  }
}

.col-rounded {
  padding: 50px;
  border-radius: 30px;
}

.rund-um-sorglos .col-rounded {
  padding: 10px 50px;
  padding-bottom: 40px;
}

.ov-hidden {
  overflow: hidden;
}

.p-step {
  font-size: 20px !important;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 3.9;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}

.pagewrapper .content-page-bs .wp-block-columns .col-outer, .pagewrapper .content-page-bs .wp-block-columns .col-outer:last-child {
  margin-bottom: -20px !important;
}

.fullwidth .wp-block-group__inner-container {
  margin: auto;
  max-width: 1600px;
  width: 100%;
}

.tabslides h2 {
  padding-left: 15px !important;
}
.tabslides p {
  padding-right: 30px;
}
@media (max-width: 1500px) {
  .tabslides p {
    padding-right: 0px;
  }
}

body .p-badge-45deg {
  font-size: 29px !important;
  color: white;
  background: #023e84;
  padding: 20px;
  width: 100%;
  position: relative;
  transform: rotate(39deg);
  left: 56%;
  text-align: center;
  top: 35px;
}
@media (max-width: 1700px) {
  body .p-badge-45deg {
    font-size: 24px !important;
    top: 30px;
    left: 56%;
  }
}
@media (max-width: 1480px) {
  body .p-badge-45deg {
    font-size: 20px !important;
    top: 5%;
    left: 47%;
    padding: 20px;
  }
}
@media (max-width: 1200px) {
  body .p-badge-45deg {
    font-size: 20px !important;
    top: 0;
    left: 44%;
    padding: 20px;
  }
}
@media (max-width: 992px) {
  body .p-badge-45deg {
    font-size: 20px !important;
    top: -85%;
    left: 39%;
    padding: 20px;
  }
}

.col-blue ul.check-icon-green {
  max-width: 100%;
}

@media (max-width: 992px) {
  .rund-um-sorglos {
    display: block !important;
  }
}

ul.check-icon-green {
  list-style: none;
  padding-left: 10px;
  margin-top: 0px;
  margin-bottom: 0;
}

ul.check-icon-green li {
  padding-left: 30px;
  position: relative;
  margin-bottom: 20px;
  color: #00234D !important;
}

.tabs-2023 {
  padding: 106px 284px 99px 255.7px;
  border-radius: 30px;
  background-color: #f6f7fb;
}
.tabs-2023 .innertabs-container {
  padding: 100px;
}
@media (max-width: 1740px) {
  .tabs-2023 .innertabs-container {
    padding: 40px;
  }
}
@media (max-width: 1640px) {
  .tabs-2023 .innertabs-container {
    padding: 20px;
  }
}
@media (max-width: 1400px) {
  .tabs-2023 .innertabs-container {
    padding: 40px;
  }
}
.tabs-2023 .nav-pills li {
  line-height: 1;
  margin: 10px;
}
.tabs-2023 .nav-pills li button {
  font-weight: 600;
  font-size: 15px;
  padding: 15px 30px 18px 30px;
  background-color: rgba(2, 62, 132, 0.07);
  color: #023e84;
  line-height: 1.67;
  letter-spacing: 0.3px;
  font-family: "cairo" !important;
  font-size: 15px;
}
.tabs-2023 .nav-pills li button.active {
  background-color: #023e84 !important;
  padding-bottom: 8px;
}
.tabs-2023 .nav-pills li button.active:after {
  content: "";
  width: 2px;
  height: 0;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #023e84 transparent transparent transparent;
  display: block;
  position: relative;
  top: 16px;
  margin: auto;
}
@media (max-width: 1740px) {
  .tabs-2023 .nav-pills li {
    margin-right: 0;
  }
  .tabs-2023 .nav-pills li button {
    font-weight: 600;
    font-size: 14px;
    padding: 12px 24px 12px 24px;
  }
  .tabs-2023 .nav-pills li button.active {
    background-color: #023e84 !important;
    padding-bottom: 3px;
  }
  .tabs-2023 .nav-pills li button.active:after {
    top: 8px;
  }
}
.tabs-2023 .yellow-tabs {
  background-image: radial-gradient(circle at 50% 50%, rgb(255, 230, 32), rgb(255, 121, 1) 655%);
  border-radius: 30px;
}
.tabs-2023 .yellow-tabs .tab-content-inner p, .tabs-2023 .yellow-tabs .tab-content-inner h2, .tabs-2023 .yellow-tabs .tab-content-inner h1 {
  color: #023E84 !important;
}
.tabs-2023 .yellow-tabs .nav-pills li {
  line-height: 1;
  margin: 5px;
  letter-spacing: 0.3px;
}
.tabs-2023 .yellow-tabs .nav-pills li button {
  font-weight: 600;
  font-size: 15px;
  padding: 15px 30px 18px 30px;
}
.tabs-2023 .yellow-tabs .nav-pills li button.active {
  background-color: rgb(255, 255, 255) !important;
  padding: 15px 30px 8px 30px;
  color: #023e84;
}
.tabs-2023 .yellow-tabs .nav-pills li button.active:after {
  content: "";
  width: 2px;
  height: 0;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #fff transparent transparent transparent;
  display: block;
  position: relative;
  top: 16px;
  margin: auto;
}
.tabs-2023 .tab-image {
  flex-basis: 50%;
  width: 50%;
}
@media (max-width: 1200px) {
  .tabs-2023 .tab-image {
    width: 100%;
    height: 300px;
    flex-basis: unset;
  }
}
.tabs-2023 .tab-content {
  flex-basis: 50%;
}
@media (max-width: 1270px) {
  .tabs-2023 .tab-content {
    padding: 0;
  }
}
.tabs-2023 .tab-content .tab-content-inner {
  width: 50%;
}
@media (max-width: 1200px) {
  .tabs-2023 .tab-content .tab-content-inner {
    width: 100%;
  }
}
.tabs-2023 .tab-content .tab-content-inner .tab-badge {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  display: block;
}

.imagetab {
  width: 45%;
  min-height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.imagetab.hochformat {
  background-size: 80%;
}

.tabslide-flex .contenttab {
  width: 48% !important;
  min-height: 400px;
  height: 400px;
}

@media (max-width: 1680px) {
  .tabslide-flex .contenttab {
    width: 48% !important;
    min-height: 400px;
    height: auto;
  }
}
@media (max-width: 992px) {
  .imagetab {
    width: 100%;
    height: auto;
    background-size: 100%;
    margin-top: 20px !important;
  }
  .imagetab.hochformat {
    background-size: 58%;
  }
  .tabslide-flex .contenttab {
    width: 100% !important;
    height: auto;
    margin-top: -40px !important;
  }
}
@media (max-width: 768px) {
  .imagetab {
    width: 100%;
    height: auto;
    background-size: 105%;
    margin-top: 40px !important;
  }
  .imagetab.hochformat {
    background-size: 58%;
  }
  .tabslide-flex .contenttab {
    width: 100% !important;
    height: auto;
    margin-top: -40px !important;
  }
}
@media (max-width: 680px) {
  .imagetab {
    width: 100%;
    margin-bottom: -30px !important;
    margin-top: 10px !important;
  }
  .imagetab.hochformat {
    background-size: 58%;
  }
  .yellow-tabs.innertabs-container {
    padding: 10px !important;
  }
}
@media (max-width: 580px) {
  .imagetab {
    width: 100%;
    height: auto;
    background-size: 120%;
    margin-top: -20px !important;
  }
  .imagetab.hochformat {
    background-size: 58%;
  }
  .tabslide-flex .contenttab {
    width: 100% !important;
    height: auto;
    margin-top: -60px !important;
  }
}
@media (max-width: 420px) {
  .imagetab {
    width: 100%;
    height: auto;
    background-size: 120%;
    margin-top: -80px !important;
  }
  .imagetab.hochformat {
    background-size: 58%;
  }
  .tabslide-flex .contenttab {
    width: 100% !important;
    height: auto;
    margin-top: -100px !important;
  }
}
.bg-yellow-gradient-tabs {
  background-image: radial-gradient(circle at 50% 50%, #ffe620, #ff7901 708%) !important;
  min-height: 100px;
}

.tab-prefix.fs40 {
  font-family: Cairo;
  font-size: 40px;
  font-weight: 600;
  line-height: 2;
  vertical-align: middle;
  padding-right: 20px;
}
@media (max-width: 1700px) {
  .tab-prefix.fs40 {
    font-size: 36px;
  }
}
@media (max-width: 1500px) {
  .tab-prefix.fs40 {
    line-height: 2.2;
  }
}
@media (max-width: 1400px) {
  .tab-prefix.fs40 {
    font-size: 32px;
    line-height: 2.4;
  }
}
@media (max-width: 1280px) {
  .tab-prefix.fs40 {
    font-size: 30px;
    line-height: 3.2;
  }
}
@media (max-width: 1280px) {
  .tab-prefix.fs40 {
    font-size: 24px;
  }
}

.mv-tab-image-bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
}

.mv-tabs {
  /* button */
  /*dropdoiwn list*/
}
.mv-tabs .dropdown-item {
  cursor: pointer;
}
.mv-tabs .dropdown-toggle:hover, .mv-tabs .dropdown-toggle:focus, .mv-tabs .dropdown-toggle:active {
  box-shadow: none !important;
  outline: none !important;
}
.mv-tabs .dropdown-white .btn {
  height: 75px;
  margin: 0 0 17.2px;
  box-shadow: 0 22px 36px 0 rgba(0, 0, 0, 0.11);
  background-color: #fff;
  color: #00234d;
}
.mv-tabs .dropdown-white .btn.fw600 {
  font-weight: 600 !important;
}
.mv-tabs .dropdown-white .btn.fs40 {
  font-size: 40px !important;
}
@media (max-width: 1280px) {
  .mv-tabs .dropdown-white .btn.fs40 {
    font-size: 32px !important;
  }
}
@media (max-width: 768px) {
  .mv-tabs .dropdown-white .btn.fs40 {
    font-size: 36px !important;
  }
}
.mv-tabs .dropdown-white .btn.fs40-dropdown {
  font-size: 40px !important;
}
@media (max-width: 1700px) {
  .mv-tabs .dropdown-white .btn.fs40-dropdown {
    font-size: 36px !important;
  }
}
@media (max-width: 1400px) {
  .mv-tabs .dropdown-white .btn.fs40-dropdown {
    font-size: 32px !important;
  }
}
@media (max-width: 1280px) {
  .mv-tabs .dropdown-white .btn.fs40-dropdown {
    font-size: 30px !important;
  }
}
@media (max-width: 768px) {
  .mv-tabs .dropdown-white .btn.fs40-dropdown {
    font-size: 24px !important;
  }
}
.mv-tabs .dropdown-white .btn.icon-align-middle:after {
  vertical-align: middle;
}
.mv-tabs .dropdown-white .dropdown-toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 20px !important;
}
.mv-tabs .dropdown-white .dropdown-toggle:after {
  border: none;
  display: inline-block;
  margin-top: 5px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-image: url(../img/icons_2023/dropdown_arrow.svg);
}

.mv-dropdown-white {
  padding-bottom: 0;
  min-width: 250px;
}
@media (max-width: 992px) {
  .mv-dropdown-white {
    padding-top: 0;
  }
}
.mv-dropdown-white li {
  border-bottom: 1px solid rgba(224, 224, 224, 0.47);
}
.mv-dropdown-white li:last-child {
  border-bottom: none;
}
@media (max-width: 992px) {
  .mv-dropdown-white li {
    line-height: 30px;
  }
}
@media (max-width: 768px) {
  .mv-dropdown-white li {
    line-height: 25px;
  }
}
.mv-dropdown-white li.fs40 a {
  color: rgba(0, 35, 77, 0.6);
  font-weight: 600;
  font-size: 40px !important;
}
.mv-dropdown-white li.fs40 a:hover {
  color: rgb(0, 35, 77);
}
@media (max-width: 1700px) {
  .mv-dropdown-white li.fs40 a {
    font-size: 36px !important;
  }
}
@media (max-width: 1400px) {
  .mv-dropdown-white li.fs40 a {
    font-size: 32px !important;
  }
}
@media (max-width: 1280px) {
  .mv-dropdown-white li.fs40 a {
    font-size: 30px !important;
  }
}
@media (max-width: 768px) {
  .mv-dropdown-white li.fs40 a {
    font-size: 24px !important;
  }
}

.banner-image img {
  max-width: 100%;
  width: 100%;
}

.youtube-video {
  width: 100%;
  box-shadow: 0px 13px 46px rgba(0, 0, 0, 0.2);
}

.youtube-video img {
  width: 100%;
  height: auto;
  background-color: #fff;
}

#videocontent, #videosyt {
  padding-top: 0px !important;
  padding-bottom: 120px !important;
}

.youtube-video .play-button,
.youtube-video .play-button:before {
  width: 56px;
  height: 56px;
  position: absolute;
  background: none !important;
  margin-top: 103px;
  margin-left: 205px;
}

img.playbtn {
  width: 86px;
  height: 86px;
  background: none !important;
  cursor: pointer;
}

@media (max-width: 1680px) {
  /* #videocontent {
     padding-left: 90px !important;
     padding-right: 90px !important;
   } */
  .youtube-video .play-button,
  .youtube-video .play-button:before {
    width: 46px;
    height: 46px;
    margin-top: 84px;
    margin-left: 172px;
  }
}
@media (max-width: 1440px) {
  .youtube-video .play-button,
  .youtube-video .play-button:before {
    width: 56px;
    height: 56px;
    margin-top: 84px;
    margin-left: 172px;
  }
  img.playbtn {
    width: 56px;
    height: 56px;
  }
}
@media (max-width: 1024px) {
  /*  #videocontent {
      padding-left: 44px !important;
      padding-right: 44px !important;
    } */
  .youtube-video .play-button,
  .youtube-video .play-button:before {
    width: 46px;
    height: 46px;
    margin-top: 84px;
    margin-left: 172px;
  }
}
@media (max-width: 992px) and (min-width: 768px) {
  img.playbtn {
    width: 86px;
    height: 86px;
  }
}
@media (max-width: 768px) {
  #videocontent {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
/* storylane */
.storylane-invoker, .sl-embed {
  cursor: pointer;
}

#storylaneModal {
  z-index: 9999999;
}
#storylaneModal .modal-fullscreen .modal-header {
  padding-right: 40px;
}
#storylaneModal .modal-fullscreen .modal-header button:hover {
  background-color: #FA7D19 !important;
  opacity: 1;
  color: white !important;
}
#storylaneModal .modal-fullscreen h5 {
  font-weight: 600 !important;
  font-size: 24px !important;
  color: #023E84;
  padding: 0;
  font-family: "cairo" !important;
}

.accelement {
  border: 1px solid #ccc;
  border-radius: 30px;
  padding: 30px;
  margin-bottom: 20px;
  cursor: pointer;
}
@media (max-width: 768px) {
  .accelement {
    margin-bottom: 0;
    padding: 10px;
    border-radius: 20px;
  }
}
.accelement .acc-element-content .acc-title h3 {
  font-family: cairo;
  font-weight: 700 !important;
  font-size: 18px !important;
  display: table;
  margin: 0;
  margin-top: 0 !important;
}
.accelement .acc-element-content .acc-title h3::before {
  content: " ";
  background-image: url("../img/icons_2022/plus.svg");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position-y: 50%;
  width: 40px;
  height: 20px;
  display: table-cell;
  margin-right: 20px;
  vertical-align: sub;
}
@media (max-width: 768px) {
  .accelement .acc-element-content .acc-title h3 {
    font-size: 16px !important;
  }
}
@media (max-width: 630px) {
  .accelement .acc-element-content .acc-title h3 {
    font-size: 15px !important;
  }
}
.accelement .acc-element-content .acc-content {
  height: 0.1px;
  overflow: hidden;
  font-size: 18px !important;
  padding-left: 40px !important;
  transition: all 0.3s;
}
.accelement .acc-element-content .acc-content.open {
  transition: all 0.3s;
  height: auto;
  padding: 20px 0;
  line-height: 1.6;
}
.accelement .acc-element-content .acc-content.open p, .accelement .acc-element-content .acc-content.open ul, .accelement .acc-element-content .acc-content.open li {
  font-size: 16px !important;
}
.accelement.active {
  border: 1px solid #FA7D19;
}
.accelement.active .acc-element-content .acc-title h6::before {
  background-image: url("../img/icons_2022/minus.svg");
  background-repeat: no-repeat;
  background-position: center;
}

#acc-element-columns .wp-block-column {
  margin-right: 20px;
}
#acc-element-columns .wp-block-column .accelement {
  margin-bottom: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 20px;
}
@media (max-width: 768px) {
  #acc-element-columns .wp-block-column {
    margin-right: 0;
    margin-bottom: -10px;
  }
  #acc-element-columns .wp-block-column .accelement {
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
  }
}
@media (max-width: 600px) {
  #acc-element-columns .wp-block-column {
    margin-right: 0;
    margin-bottom: -20px;
  }
}

.category-elements-container {
  padding-bottom: 5px;
}
.category-elements-container h3 {
  font-weight: 700 !important;
}
.category-elements-container .accordion {
  margin: 0;
  padding: 0;
}
.category-elements-container .accordion .accordion-item {
  margin: 0;
  padding: 0;
}
.category-elements-container .accordion .accordion-item .manual-links {
  list-style: none;
  margin: 0;
  padding: 0;
}
.category-elements-container .accordion .accordion-item .accordion-collapse {
  padding: 0;
  margin: 0;
}
.category-elements-container .accordion .accordion-item h4 {
  padding-bottom: 0 !important;
}
.category-elements-container .accordion .accordion-item h4 button {
  color: #023E84 !important;
  font-weight: 700;
  margin: 0;
  border-radius: 0;
  width: 100%;
  text-align: left;
  background-color: #fff;
  padding: 15px 0 0 0;
  transition: all 0.3s;
}
.category-elements-container .accordion .accordion-item h4 button.accordion-button {
  border-radius: 0;
}

a.postsnav {
  color: #FA7D19;
}
.handbuch-single-content {
  padding-top: 40px;
}
@media (max-width: 1024px) {
  .handbuch-single-content {
    padding-top: 20px;
  }
}
.handbuch-single-content .wp-block-image {
  text-align: left;
}

@media (max-width: 1024px) {
  #manualsearch {
    margin-bottom: -40px;
  }
}
.category-elements-container {
  padding-bottom: 0px;
}
.category-elements-container .handbuch-inner-flex-container {
  min-height: 130px;
  height: auto;
  padding: 20px 0;
  display: grid;
  grid-template-columns: 98% 2%;
}
@media (max-width: 1024px) {
  .category-elements-container .handbuch-inner-flex-container {
    grid-template-columns: 96% 4%;
  }
}
@media (max-width: 768px) {
  .category-elements-container .handbuch-inner-flex-container {
    grid-template-columns: 90% 10%;
  }
}
.category-elements-container .handbuch-inner-flex-container .w-100 {
  max-width: 95%;
}
.category-elements-container .handbuch-inner-flex-container .w-100:after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  position: relative;
  left: -50px;
  content: "";
  background-image: url("../img/icons_2023/arrow_accordion.svg") !important;
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
  background-position: center;
}
.category-elements-container .handbuch-inner-flex-container .flex-2 {
  text-align: right;
}
.category-elements-container .handbuch-inner-flex-container .acc-icon {
  width: 30px;
  height: auto;
}
.category-elements-container .maincats-accordion.accordion > .accordion-item {
  cursor: pointer;
  min-height: 130px;
  height: auto;
  padding: 24px 62px 31px 50px;
  border-radius: 20px;
  box-shadow: 0 22px 36px 0 rgba(0, 0, 0, 0.11);
  background-color: #fff;
  margin: 20px 0;
  padding: 0 50px;
  /** inner item **/
}
.category-elements-container .maincats-accordion.accordion > .accordion-item .accordion-body {
  padding: 0;
}
.category-elements-container .maincats-accordion.accordion > .accordion-item.collapsed .icon-container {
  background-image: url("../img/icons_2023/arrow_accordion.svg") !important;
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
  background-position: center;
  transform: rotate(0deg);
  background-position-x: 0px;
}
.category-elements-container .maincats-accordion.accordion > .accordion-item .icon-container {
  background-image: url("../img/icons_2023/arrow_accordion.svg") !important;
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
  background-position: center;
  transform: rotate(180deg);
  background-position-x: 0px;
}
@media (max-width: 768px) {
  .category-elements-container .maincats-accordion.accordion > .accordion-item {
    padding: 25px !important;
  }
}
.category-elements-container .maincats-accordion.accordion > .accordion-item h4 button {
  font-size: 24px;
  box-shadow: none;
  letter-spacing: unset !important;
  padding: 10px 0;
}
.category-elements-container .maincats-accordion.accordion > .accordion-item h4 button:after {
  position: relative;
  top: 0px;
  display: none;
  background-position: center;
}
@media (max-width: 768px) {
  .category-elements-container .maincats-accordion.accordion > .accordion-item h4 button {
    font-size: 20px;
  }
}
.category-elements-container .maincats-accordion.accordion > .accordion-item p.cat-description {
  margin-top: -5px;
  font-size: 18px;
  color: #a5a5a5;
  font-family: cairo;
  font-weight: 600;
  max-width: 80%;
}
@media (max-width: 768px) {
  .category-elements-container .maincats-accordion.accordion > .accordion-item p.cat-description {
    font-size: 17px;
  }
}
@media (max-width: 768px) {
  .category-elements-container .maincats-accordion.accordion > .accordion-item p.cat-description {
    max-width: 96%;
  }
}
.category-elements-container .maincats-accordion.accordion > .accordion-item p.content-description {
  margin-top: -5px;
  font-size: 16px;
  color: #a5a5a5;
  font-weight: 500;
  font-family: "Source Sans Pro", sans-serif;
  max-width: 80%;
}
@media (max-width: 768px) {
  .category-elements-container .maincats-accordion.accordion > .accordion-item p.content-description {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .category-elements-container .maincats-accordion.accordion > .accordion-item p.content-description {
    max-width: 96%;
  }
}
.category-elements-container .maincats-accordion.accordion > .accordion-item .accordion-item {
  min-height: 0;
  border-bottom: 1px solid #e3e3e3 !important;
  padding-top: 10px;
  padding-bottom: 17px;
}
@media (max-width: 768px) {
  .category-elements-container .maincats-accordion.accordion > .accordion-item .accordion-item {
    padding-top: 7px !important;
    padding-bottom: 12px !important;
  }
}
.category-elements-container .maincats-accordion.accordion > .accordion-item .accordion-item .manual-links {
  margin-top: 20px;
}
.category-elements-container .maincats-accordion.accordion > .accordion-item .accordion-item:first-child {
  border-top: 1px solid #e3e3e3 !important;
}
.category-elements-container .maincats-accordion.accordion > .accordion-item .accordion-item:last-child {
  border-bottom: none !important;
}
.category-elements-container .maincats-accordion.accordion > .accordion-item .accordion-item h4 button, .category-elements-container .maincats-accordion.accordion > .accordion-item .accordion-item h2.accordion-button {
  font-size: 20px;
}
@media (max-width: 768px) {
  .category-elements-container .maincats-accordion.accordion > .accordion-item .accordion-item h4 button, .category-elements-container .maincats-accordion.accordion > .accordion-item .accordion-item h2.accordion-button {
    font-size: 18px;
  }
}
.category-elements-container .maincats-accordion.accordion > .accordion-item .accordion-item h4 button:after, .category-elements-container .maincats-accordion.accordion > .accordion-item .accordion-item h2.accordion-button:after {
  position: relative;
  top: 5px;
  display: inline-block;
  background-position: center;
}
.category-elements-container .maincats-accordion.accordion > .accordion-item .accordion-item p.cat-description {
  font-size: 18px;
  color: #a5a5a5;
  font-family: cairo;
}

.single-manual-container {
  border-radius: 20px;
  box-shadow: 0 22px 36px 0 rgba(0, 0, 0, 0.11);
  box-shadow: none !important;
  font-size: 18px !important;
  padding: 50px 30px !important;
}
.single-manual-container .boxmargin {
  padding: 0;
  margin-bottom: 15px;
}
.single-manual-container p, .single-manual-container ul, .single-manual-container ul li, .single-manual-container ol, .single-manual-container ol li {
  font-size: 18px !important;
}
.single-manual-container h2.manual-h2 {
  font-family: cairo;
  font-weight: 700 !important;
  font-size: 32px !important;
  color: #023E84 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 16px !important;
}
.single-manual-container .badge-blog {
  padding: 5px 13px !important;
  border-radius: 4px;
  background-color: #668ab5;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.84px;
}
.single-manual-container hr.manual-hr {
  color: #f7f7f7;
  margin-top: 20px !important;
}

.agendaicon {
  height: 40px;
  padding: 10px 17.1px 10px 16.1px;
  border-radius: 4px;
  background-color: #f6f7fb;
  font-family: "Source Sans Pro";
  font-size: 14px;
  font-weight: 600;
  color: #023E84;
}
@media (min-width: 769px) and (max-width: 900px) {
  .agendaicon {
    font-size: 12.5px;
  }
}
.agendaicon * {
  color: #023E84 !important;
}

.blueicon {
  height: 40px;
  padding: 10px 17.1px 10px 16.1px;
  border-radius: 4px;
  font-family: "Source Sans Pro";
  font-size: 14px;
  font-weight: 600;
  color: #023E84;
}
.blueicon * {
  color: #023E84 !important;
}
@media (max-width: 768px) {
  .blueicon:first-child {
    margin-bottom: -25px;
  }
}

@media (min-width: 1024px) {
  .trenner:after {
    content: "|";
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 5px;
  }
}

.handbuch-single-content .mv-container.boxmargin {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media (max-width: 768px) {
  .handbuch-single-content .mv-infobox {
    padding: 20px;
    white-space: initial;
  }
}

.manual #results {
  border-radius: 20px !important;
  box-shadow: 0 22px 36px 0 rgba(0, 0, 0, 0.11);
  padding: 20px;
  height: auto;
  display: none;
  margin-bottom: 40px;
}
.manual #results h4 {
  font-size: 24px;
  box-shadow: none;
  letter-spacing: unset !important;
}
.manual #results .manual-links {
  list-style: none;
  margin: 0;
}
.manual #results .manual-links a {
  color: #023E84;
}
.manual #results .manual-links a mark {
  color: #FA7D19;
  padding: 0;
}
.manual #results .result-body {
  padding: 30px;
}
@media (max-width: 768px) {
  .manual #results .result-body {
    padding: 20px;
  }
}

.accordion-header h2.accordion-button {
  font-size: 24px !important;
  background: none !important;
  box-shadow: none !important;
  padding-bottom: 0 !important;
  color: #023E84 !important;
  border: none !important;
  letter-spacing: unset !important;
}
@media (max-width: 768px) {
  .accordion-header h2.accordion-button {
    font-size: 20px;
  }
}
.accordion-header h2.accordion-button:after {
  position: relative;
  top: 5px;
  display: none;
  background-position: center;
}
.accordion-header h3.accordion-button {
  font-size: 20px !important;
  background: none !important;
  box-shadow: none !important;
  padding-bottom: 10px !important;
  padding-top: 10px !important;
  color: #023E84 !important;
  border: none !important;
  letter-spacing: unset !important;
}
@media (max-width: 768px) {
  .accordion-header h3.accordion-button {
    font-size: 18px;
  }
}
.accordion-header h3.accordion-button:after {
  position: relative;
  top: 5px;
  display: inline-block;
  background-position: center;
}

.single-seo-box {
  background-color: #f8fbfd;
}

.mvmodal {
  border-color: transparent;
}
.mvmodal .modal-dialog {
  max-width: 750px;
  border-color: transparent;
}
@media (max-width: 992px) {
  .mvmodal .modal-dialog {
    max-width: 85%;
    width: 100%;
    margin: auto;
  }
}
@media (max-width: 680px) {
  .mvmodal .modal-dialog {
    max-width: 100%;
  }
}
.mvmodal .btn-close {
  opacity: 0.9;
  filter: invert(90%) sepia(100%) saturate(500%) hue-rotate(180deg);
}
.mvmodal .modal-header {
  border: none;
}
.mvmodal .modal-header .btn-close {
  position: absolute;
  right: -30px;
  margin-top: -30px;
}
@media (max-width: 992px) {
  .mvmodal .modal-header .btn-close {
    right: 15px;
    margin-top: 0;
  }
}
.mvmodal .modal-content {
  border-radius: 20px;
}
@media (max-width: 992px) {
  .mvmodal .modal-content {
    width: 90%;
    top: 20px;
    margin: auto;
    height: 97vh;
  }
}
.mvmodal .woher-kennst-du-meinverein .btn-close {
  opacity: 0.9;
  filter: invert(90%) sepia(100%) saturate(500%) hue-rotate(180deg);
}
.mvmodal .woher-kennst-du-meinverein .with_frm_style .frm_checkbox label input[type=checkbox], .mvmodal .woher-kennst-du-meinverein .with_frm_style .frm_radio label input[type=radio] {
  margin-right: 11px;
  margin-top: -2px;
}
.mvmodal .woher-kennst-du-meinverein .modal-content {
  border-radius: 20px;
  box-shadow: 0 13px 26px 0 rgba(0, 0, 0, 0.26);
  background-image: linear-gradient(to bottom, #0a3367, #002757);
  color: #fff;
}
.mvmodal .woher-kennst-du-meinverein .modal-content .modal-header {
  border: none;
}
.mvmodal .woher-kennst-du-meinverein .modal-content .modal-header .btn-close {
  position: absolute;
  right: -30px;
  margin-top: -30px;
}
.mvmodal .woher-kennst-du-meinverein .modal-content .modal-body {
  color: #fff !important;
}
.mvmodal .woher-kennst-du-meinverein .modal-content .modal-body p {
  color: #fff !important;
}
.mvmodal .woher-kennst-du-meinverein .modal-content .modal-body .frm_forms {
  width: 70%;
  margin: auto;
}
.mvmodal .woher-kennst-du-meinverein .modal-content .modal-body .frm_forms .frm_message {
  color: #fff;
  font-family: "Cairo", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 20px;
  background: none;
  border: 0;
}
.mvmodal .woher-kennst-du-meinverein .modal-content .modal-body .frm_forms input[type=text] {
  padding: 15px;
}
.mvmodal .woher-kennst-du-meinverein .modal-content .modal-body .frm_forms .frm_button_submit {
  background-color: #FA7D19;
  border: none;
  box-shadow: none;
  width: 100%;
  font-family: "Cairo", Arial, sans-serif;
  font-size: 14px;
  color: white;
  font-weight: 600;
}
.mvmodal .woher-kennst-du-meinverein .modal-content .modal-body .frm_forms .frm_primary_label {
  color: #fff !important;
  font-family: "Cairo", Arial, sans-serif;
  font-size: 22px;
  font-weight: 700;
  padding-bottom: 20px;
}
.mvmodal .woher-kennst-du-meinverein .modal-content .modal-body .frm_forms .frm_radio label {
  color: rgba(255, 255, 255, 0.8) !important;
  font-family: "Cairo", Arial, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 2.2;
  padding-top: 1px;
}
.mvmodal .woher-kennst-du-meinverein .modal-content .modal-body img {
  margin: auto;
}
.mvmodal .yellow {
  padding: 50px;
}
@media (max-width: 992px) {
  .mvmodal .yellow {
    padding: 35px;
  }
}
@media (max-width: 680px) {
  .mvmodal .yellow {
    padding: 20px;
  }
}
.mvmodal .yellow .btn-close {
  opacity: 0.7;
  filter: invert(90%) sepia(100%) saturate(500%) hue-rotate(180deg);
}
.mvmodal .yellow a.mv-btn-tracker {
  width: 80% !important;
  margin: auto;
}
@media (max-width: 992px) {
  .mvmodal .yellow a.mv-btn-tracker {
    width: 90%;
  }
}
.mvmodal .yellow .with_frm_style .frm_checkbox label input[type=checkbox], .mvmodal .yellow .with_frm_style .frm_radio label input[type=radio] {
  margin-right: 11px;
  margin-top: -2px;
}
.mvmodal .yellow .modal-content {
  border-radius: 20px;
  background-image: radial-gradient(circle at 50% 50%, #ffe620, #ff7901 419%);
  border-color: transparent;
}
.mvmodal .yellow .modal-content .modal-header {
  border: none;
}
.mvmodal .yellow .modal-content .modal-header .btn-close {
  position: absolute;
  right: -30px;
  margin-top: -30px;
}
.mvmodal .yellow .modal-content .modal-body {
  color: #023e84 !important;
}
.mvmodal .yellow .modal-content .modal-body p {
  color: #023e84 !important;
  font-family: "Cairo", Arial, sans-serif;
  opacity: 0.6;
  line-height: 1.67;
  font-size: 15px;
  width: 70%;
  margin: auto;
  text-align: center;
}
@media (max-width: 992px) {
  .mvmodal .yellow .modal-content .modal-body p {
    width: 75%;
  }
}
@media (max-width: 680px) {
  .mvmodal .yellow .modal-content .modal-body p {
    width: 90%;
  }
}
.mvmodal .yellow .modal-content .modal-body h2 {
  color: #023e84 !important;
  text-align: center;
  font-weight: 700;
  line-height: 1.45;
}
.mvmodal .yellow .modal-content .modal-body .frm_forms {
  width: 70%;
  margin: auto;
}
.mvmodal .yellow .modal-content .modal-body .frm_forms .frm_message {
  color: #fff;
  font-family: "Cairo", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 20px;
  background: none;
  border: 0;
}
.mvmodal .yellow .modal-content .modal-body .frm_forms input[type=text] {
  padding: 15px;
}
.mvmodal .yellow .modal-content .modal-body .frm_forms .frm_button_submit {
  background-color: #FA7D19;
  border: none;
  box-shadow: none;
  width: 100%;
  font-family: "Cairo", Arial, sans-serif;
  font-size: 14px;
  color: white;
  font-weight: 600;
}
.mvmodal .yellow .modal-content .modal-body .frm_forms .frm_primary_label {
  color: #fff !important;
  font-family: "Cairo", Arial, sans-serif;
  font-size: 22px;
  font-weight: 700;
  padding-bottom: 20px;
}
.mvmodal .yellow .modal-content .modal-body .frm_forms .frm_radio label {
  color: rgba(255, 255, 255, 0.8) !important;
  font-family: "Cairo", Arial, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 2.2;
  padding-top: 1px;
}
.mvmodal .yellow .modal-content .modal-body img {
  margin: auto;
  max-width: 550px;
  width: 100%;
  margin-bottom: -40px;
}
.mvmodal .darkblue {
  padding: 50px;
}
@media (max-width: 992px) {
  .mvmodal .darkblue {
    padding: 35px;
  }
}
@media (max-width: 680px) {
  .mvmodal .darkblue {
    padding: 20px;
  }
}
.mvmodal .darkblue .btn-close {
  opacity: 0.7;
  filter: invert(90%) sepia(100%) saturate(500%) hue-rotate(180deg);
}
.mvmodal .darkblue a.mv-btn-tracker {
  width: 80% !important;
  margin: auto;
}
@media (max-width: 992px) {
  .mvmodal .darkblue a.mv-btn-tracker {
    width: 90%;
  }
}
.mvmodal .darkblue .with_frm_style .frm_checkbox label input[type=checkbox], .mvmodal .darkblue .with_frm_style .frm_radio label input[type=radio] {
  margin-right: 11px;
  margin-top: -2px;
}
.mvmodal .darkblue .modal-content {
  border-radius: 20px;
  background-color: #042139;
  border-color: transparent;
}
.mvmodal .darkblue .modal-content .modal-header {
  border: none;
  border-bottom: unset;
}
.mvmodal .darkblue .modal-content .modal-header .btn-close {
  position: absolute;
  right: -30px;
  margin-top: -30px;
}
.mvmodal .darkblue .modal-content .modal-body {
  color: #023e84 !important;
}
.mvmodal .darkblue .modal-content .modal-body p {
  color: #fff !important;
  font-family: "Cairo", Arial, sans-serif;
  opacity: 0.6;
  line-height: 1.67;
  font-size: 15px;
  width: 70%;
  margin: auto;
  text-align: center;
}
@media (max-width: 992px) {
  .mvmodal .darkblue .modal-content .modal-body p {
    width: 75%;
  }
}
@media (max-width: 680px) {
  .mvmodal .darkblue .modal-content .modal-body p {
    width: 90%;
  }
}
.mvmodal .darkblue .modal-content .modal-body h2 {
  color: #fff !important;
  text-align: center;
  font-weight: 700;
  line-height: 1.45;
}
.mvmodal .darkblue .modal-content .modal-body .frm_forms {
  width: 70%;
  margin: auto;
}
.mvmodal .darkblue .modal-content .modal-body .frm_forms .frm_message {
  color: #fff;
  font-family: "Cairo", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 20px;
  background: none;
  border: 0;
}
.mvmodal .darkblue .modal-content .modal-body .frm_forms input[type=text] {
  padding: 15px;
}
.mvmodal .darkblue .modal-content .modal-body .frm_forms .frm_button_submit {
  background-color: #FA7D19;
  border: none;
  box-shadow: none;
  width: 100%;
  font-family: "Cairo", Arial, sans-serif;
  font-size: 14px;
  color: white;
  font-weight: 600;
}
.mvmodal .darkblue .modal-content .modal-body .frm_forms .frm_primary_label {
  color: #fff !important;
  font-family: "Cairo", Arial, sans-serif;
  font-size: 22px;
  font-weight: 700;
  padding-bottom: 20px;
}
.mvmodal .darkblue .modal-content .modal-body .frm_forms .frm_radio label {
  color: rgba(255, 255, 255, 0.8) !important;
  font-family: "Cairo", Arial, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 2.2;
  padding-top: 1px;
}
.mvmodal .darkblue .modal-content .modal-body img {
  margin: auto;
  max-width: 550px;
  width: 100%;
  margin-bottom: -40px;
}

.tabcontainer {
  min-height: 200px;
  height: auto;
}
.tabcontainer.theme-yellow {
  border-radius: 30px;
  background-image: radial-gradient(circle at 50% 50%, #ffe620, #ff7901 655%);
  padding-top: 40px;
}
.tabcontainer.theme-yellow ul {
  width: auto;
  margin: auto;
}
.tabcontainer.theme-yellow ul.nav li {
  margin: 0 10px;
}
.tabcontainer.theme-yellow ul.nav li a {
  box-shadow: 0 22px 36px 0 rgba(0, 0, 0, 0.1098039216);
  background-color: rgba(255, 255, 255, 0.3);
  height: 100%;
  width: 100%;
  font-family: "Cairo", Arial, sans-serif;
  font-size: 15px;
  display: inline-block;
  padding: 15px 30px;
  padding-bottom: 15px !important;
  border-radius: 8px;
  color: #023E84;
  font-weight: 600;
}
.tabcontainer.theme-yellow ul.nav li a:hover {
  text-decoration: none;
}
.tabcontainer.theme-yellow ul.nav li a.active {
  background-color: white;
  padding-bottom: 5px !important;
}
.tabcontainer.theme-yellow ul.nav li a.active:after {
  content: "";
  width: 2px;
  height: 0;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #fff transparent transparent transparent;
  display: block;
  position: relative;
  top: 15px;
  margin: auto;
}
.tabcontainer.theme-lightblue {
  border-radius: 30px;
  background-color: #f8fbfd;
  padding-top: 40px;
}
.tabcontainer.theme-lightblue ul {
  width: auto;
  margin: auto;
}
.tabcontainer.theme-lightblue ul.nav li {
  margin: 0 10px;
}
.tabcontainer.theme-lightblue ul.nav li a {
  box-shadow: 0 22px 36px 0 rgba(0, 0, 0, 0.1098039216);
  background-color: rgba(255, 255, 255, 0.3);
  height: 100%;
  width: 100%;
  font-family: "Cairo", Arial, sans-serif;
  font-size: 15px;
  display: inline-block;
  padding: 15px 30px;
  padding-bottom: 15px !important;
  border-radius: 8px;
  color: #023E84;
  font-weight: 600;
}
.tabcontainer.theme-lightblue ul.nav li a:hover {
  text-decoration: none;
}
.tabcontainer.theme-lightblue ul.nav li a.active {
  background-color: white;
  padding-bottom: 5px !important;
}
.tabcontainer.theme-lightblue ul.nav li a.active:after {
  content: "";
  width: 2px;
  height: 0;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #fff transparent transparent transparent;
  display: block;
  position: relative;
  top: 15px;
  margin: auto;
}

.tabcontent-elements h2 {
  color: #00234d !important;
  line-height: 44px !important;
  margin-bottom: 20px;
}

.btn-mobile-tab {
  background-color: white !important;
  border-color: white !important;
  color: #023E84 !important;
  width: 100%;
  font-size: 24px;
  border-radius: 16px;
}

.mv-dropdown-tabs {
  width: 98% !important;
  margin: auto !important;
  border-radius: 16px;
}
.mv-dropdown-tabs li a {
  color: #023E84;
  font-size: 22px;
}
.mv-dropdown-tabs li:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.mv-dropdown-tabs li:hover a {
  text-decoration: none;
}
@media (max-width: 992px) {
  .mv-dropdown-tabs {
    width: 97% !important;
  }
}
@media (max-width: 700px) {
  .mv-dropdown-tabs {
    width: 96% !important;
  }
}
@media (max-width: 480px) {
  .mv-dropdown-tabs {
    width: 95% !important;
  }
}

.tabs-via-buttons-2025 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  margin-top: 30%;
}
@media (max-width: 992px) {
  .tabs-via-buttons-2025 {
    display: none;
  }
}
.tabs-via-buttons-2025 .tab-direction-arrow {
  width: 60px;
  height: 60px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  box-shadow: 0 22px 36px 0 rgba(0, 0, 0, 0.11);
  background-color: #fff;
  line-height: 56px;
}
.tabs-via-buttons-2025 .tab-direction-arrow.disabled {
  opacity: 0.5;
}
.tabs-via-buttons-2025 .tab-direction-arrow.backward {
  transform: rotate(180deg);
  margin-top: 30px;
}

.flexbuttons p {
  display: inline-block;
}

.tabcontainer-image {
  max-width: 90% !important;
  margin-left: 10%;
}

#mv-topbar {
  position: fixed;
  height: 50px;
  background-color: #023E84;
  top: 0;
  left: 0;
  cursor: pointer;
}
#mv-topbar.countdown-top {
  height: 100px;
}
#mv-topbar .topbar-content .topbar-text {
  font-size: 14px !important;
  text-transform: uppercase;
  font-family: "Cairo", sans-serif !important;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 1.4px;
}
#mv-topbar .topbar-content .icon-arrow-topbar {
  position: relative;
  top: -1px;
}

#mv-topbar .newsbadge {
  background: #fff;
  border-radius: 5px;
  padding: 0px 2px;
  margin-right: 10px;
  margin-top: 1px;
}

.badge.badge-primary {
  background-color: #023E84 !important;
  color: white;
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 1.9px;
}

.badge.default {
  border-radius: 5px;
  padding: 5px 7px;
  text-transform: uppercase;
  font-family: "Source Sans Pro";
  font-size: 12px;
  font-weight: 600;
}
.badge.orange-background {
  background-color: #fa7d19;
  color: white;
}
.badge.creme-background {
  background-color: rgba(255, 255, 255, 0.28);
  color: #032955;
}
.badge.webinaricon:before {
  content: "";
  background-image: url(../img/icons_2024/webinar-icon-small.svg);
  width: 9px;
  height: 13px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 6px;
  margin-left: 6px;
  vertical-align: sub;
  display: inline-block;
}
.badge.h1-badge-webinar {
  position: relative;
  z-index: 1000;
  align-self: flex-start;
}

.no-background {
  background-color: transparent !important;
}
.no-background.ms-0 {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

.contentbadge {
  text-transform: uppercase;
  line-height: 3.33;
  letter-spacing: 1.8px;
  text-align: left;
  color: #032955;
}

body .vereinsgoenner-3-columns h2 {
  font-size: 26px !important;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.38;
  letter-spacing: normal;
  color: #023e84;
}
body .vereinsgoenner-3-columns p {
  opacity: 0.5;
  font-family: "Source Sans Pro";
  font-size: 15px !important;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 1.2px;
  text-align: center;
  color: #023e84;
  text-transform: uppercase;
  display: block;
  margin-top: -40px;
}

body .fullwidth {
  position: relative;
  width: 100%;
  min-height: 100px;
  margin: 60px auto;
}
body .fullwidth .blue {
  background-color: #eff4fa;
  clip-path: ellipse(60% 60% at 50% 40%);
  padding-bottom: 430px;
}
@media (max-width: 1300px) {
  body .fullwidth .blue {
    padding-left: 10%;
    padding-right: 10%;
  }
}
@media (max-width: 768px) {
  body .fullwidth .blue {
    padding-left: 3%;
    padding-right: 3%;
    padding-bottom: 130px;
    clip-path: ellipse(87% 49% at 50% 40%);
  }
}
body .fullwidth .blue-background {
  background-color: #eff4fa;
}
body .fullwidth .bluewave {
  clip-path: polygon(100% 100%, 0% 100%, 0% 70.33%, 1.05% 70.27%, 2.11% 70.08%, 3.16% 69.76%, 4.21% 69.32%, 5.26% 68.75%, 6.32% 68.07%, 7.37% 67.28%, 8.42% 66.37%, 9.47% 65.36%, 10.53% 64.26%, 11.58% 63.06%, 12.63% 61.79%, 13.68% 60.44%, 14.74% 59.02%, 15.79% 57.55%, 16.84% 56.03%, 17.89% 54.47%, 18.95% 52.88%, 20% 51.28%, 21.05% 49.66%, 22.11% 48.05%, 23.16% 46.45%, 24.21% 44.88%, 25.26% 43.33%, 26.32% 41.83%, 27.37% 40.38%, 28.42% 38.99%, 29.47% 37.67%, 30.53% 36.43%, 31.58% 35.27%, 32.63% 34.21%, 33.68% 33.24%, 34.74% 32.38%, 35.79% 31.63%, 36.84% 31%, 37.89% 30.48%, 38.95% 30.09%, 40% 29.83%, 41.05% 29.69%, 42.11% 29.68%, 43.16% 29.8%, 44.21% 30.04%, 45.26% 30.41%, 46.32% 30.9%, 47.37% 31.52%, 48.42% 32.25%, 49.47% 33.09%, 50.53% 34.04%, 51.58% 35.09%, 52.63% 36.23%, 53.68% 37.46%, 54.74% 38.77%, 55.79% 40.15%, 56.84% 41.59%, 57.89% 43.08%, 58.95% 44.62%, 60% 46.19%, 61.05% 47.79%, 62.11% 49.39%, 63.16% 51.01%, 64.21% 52.62%, 65.26% 54.21%, 66.32% 55.77%, 67.37% 57.3%, 68.42% 58.78%, 69.47% 60.21%, 70.53% 61.57%, 71.58% 62.86%, 72.63% 64.07%, 73.68% 65.19%, 74.74% 66.21%, 75.79% 67.13%, 76.84% 67.95%, 77.89% 68.65%, 78.95% 69.23%, 80% 69.69%, 81.05% 70.03%, 82.11% 70.25%, 83.16% 70.33%, 84.21% 70.29%, 85.26% 70.12%, 86.32% 69.82%, 87.37% 69.4%, 88.42% 68.86%, 89.47% 68.19%, 90.53% 67.42%, 91.58% 66.53%, 92.63% 65.54%, 93.68% 64.45%, 94.74% 63.27%, 95.79% 62.01%, 96.84% 60.67%, 97.89% 59.26%, 98.95% 57.8%, 100% 56.28%);
  background-color: #eff4fa;
  height: 300px;
  width: 100% !important;
  margin-top: -251px;
  position: relative;
  z-index: 1;
}
body .fullwidth .bluewave.bottom-blue-wave {
  margin-top: 0px;
}
@media (max-width: 768px) {
  body .fullwidth .bluewave {
    width: 200% !important;
  }
}
body .fullwidth .bluesquare {
  background-color: #eff4fa;
  height: auto;
  padding: 40px 0;
  margin-top: -16px;
}
@media (max-width: 1280px) {
  body .fullwidth .bluesquare h2 {
    font-size: 40px !important;
  }
}
@media (max-width: 768px) {
  body .fullwidth .bluesquare h2 {
    font-size: 28px !important;
  }
}
body .fullwidth .bluefootertops {
  margin-top: -300px;
}
body .fullwidth .bluefootertop {
  min-height: 100px;
  background-color: #eff4fa;
  clip-path: ellipse(60% 60% at 50% 40%);
  transform: rotate(180deg);
}
body .fullwidth p.p-subline {
  font-size: 21px;
  font-weight: 600;
  color: #00234d;
  margin-top: -15px;
}
body .fullwidth p.goennerheadline {
  font-family: Cairo;
  padding-top: 100px;
  padding-bottom: 100px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  color: #00234d;
}
body .fullwidth h2 {
  font-family: Cairo;
  font-size: 48px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  color: #00234d;
}
body .fullwidth h2.goennerheadline {
  padding-top: 100px;
  padding-bottom: 100px;
}
body .fullwidth h2 span {
  color: #FA7D19 !important;
}
@media (max-width: 1280px) {
  body .fullwidth h2 {
    font-size: 40px;
  }
}
@media (max-width: 768px) {
  body .fullwidth h2 {
    font-size: 28px;
  }
}
body .fullwidth #goenner-monitor {
  margin-top: -431px;
  position: relative;
}
@media (max-width: 1300px) {
  body .fullwidth #goenner-monitor > img {
    margin: auto;
    width: 70%;
    margin-top: -421px;
  }
}
@media (max-width: 768px) {
  body .fullwidth #goenner-monitor {
    margin-top: -140px;
  }
  body .fullwidth #goenner-monitor > img {
    margin: auto;
    width: 90%;
    margin-top: 10px !important;
  }
}
body .fullwidth #goenner-vorteile {
  position: relative;
  z-index: 2;
}
@media (max-width: 1300px) {
  body .fullwidth #goenner-vorteile img {
    margin: auto;
    width: 70%;
  }
}
@media (max-width: 768px) {
  body .fullwidth #goenner-vorteile img {
    margin: auto;
    width: 88%;
  }
}
body .fullwidth #mv-image {
  left: -554px;
  position: absolute;
  top: 230px;
}

ul#vereinsgoenner-slider {
  list-style: none;
  display: flex;
  width: 100%;
  margin: 0 auto;
}
ul#vereinsgoenner-slider .slick-dots {
  top: -20%;
}
@media (max-width: 768px) {
  ul#vereinsgoenner-slider .slick-dots {
    top: -10%;
  }
}
ul#vereinsgoenner-slider .slick-dots li button:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  content: "•";
  text-align: center;
  opacity: 1;
  color: #f2f4f7;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
ul#vereinsgoenner-slider .slick-dots li.slick-active button:before {
  color: #FA7D19 !important;
}
ul#vereinsgoenner-slider li.sliderelement p {
  font-family: Cairo;
  font-size: 48px !important;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  color: #00234d !important;
  width: 55%;
  margin: 0 auto;
  display: block;
}
@media (max-width: 1580px) {
  ul#vereinsgoenner-slider li.sliderelement p {
    padding: 0 100px;
    width: 75%;
  }
}
@media (max-width: 1400px) {
  ul#vereinsgoenner-slider li.sliderelement p {
    padding: 0 50px;
  }
}
@media (max-width: 1300px) {
  ul#vereinsgoenner-slider li.sliderelement p {
    padding: 0 50px;
    width: 100%;
  }
}
@media (max-width: 1100px) {
  ul#vereinsgoenner-slider li.sliderelement p {
    padding: 0;
  }
}
@media (max-width: 1280px) {
  ul#vereinsgoenner-slider li.sliderelement p {
    font-size: 40px !important;
  }
}
@media (max-width: 768px) {
  ul#vereinsgoenner-slider li.sliderelement p {
    font-size: 28px !important;
    width: 90%;
  }
}
ul#vereinsgoenner-slider li.sliderelement p span {
  color: #FA7D19 !important;
}
ul#vereinsgoenner-slider li.sliderelement p.testimonial-author {
  padding-top: 30px;
  font-size: 21px !important;
  font-style: italic;
}

body h2.h2-2023 {
  font-weight: 600 !important;
  color: #00234d !important;
  font-size: 48px !important;
  padding: 0 200px !important;
}
@media (max-width: 1400px) {
  body h2.h2-2023 {
    padding: 0 150px;
  }
}
@media (max-width: 1300px) {
  body h2.h2-2023 {
    padding: 0 50px !important;
  }
}
@media (max-width: 1280px) {
  body h2.h2-2023 {
    font-size: 40px !important;
  }
}
@media (max-width: 768px) {
  body h2.h2-2023 {
    font-size: 28px !important;
    padding: 0 !important;
  }
}

h2.h2-2023 mark, h2.h2-2023 mark span {
  color: #FA7D19 !important;
}

body .fullwidth h2 {
  color: #00234d !important;
  font-size: 48px;
  font-weight: 600;
}
@media (max-width: 992px) {
  body .fullwidth h2 {
    font-size: 40px;
  }
}
body .fullwidth h2.fs-48 {
  font-family: Cairo !important;
  font-size: 48px !important;
  font-weight: 700 !important;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
  color: #023e84 !important;
}
@media (max-width: 992px) {
  body .fullwidth h2.fs-48 {
    font-size: 40px;
  }
}

ul.check-icon-orange {
  list-style: none;
  padding-left: 0;
  margin-top: -20px;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  ul.check-icon-orange {
    width: 90%;
  }
}
ul.check-icon-orange li {
  padding-left: 30px;
  position: relative;
  margin-bottom: 10px;
  color: #00234d !important;
}
ul.check-icon-orange li:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 11px;
  width: 20px;
  height: 20px;
  background: url(../img/check-solid-orange.svg) no-repeat;
  background-size: contain;
}

hr.goenner-hr {
  background-color: rgba(0, 35, 77, 0.2);
}

.goenner-button {
  display: inline-block;
  background-color: #FA7D19;
  border: 0;
  color: white;
  font-family: Cairo;
  font-size: 16px;
  border-radius: 7px;
  font-weight: 600;
  padding: 20px;
  padding-left: 60px;
  padding-right: 60px;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 22px 36px 0 rgba(38, 35, 32, 0.16);
}
.goenner-button:hover {
  background-color: rgb(219.2340425532, 100.085106383, 4.7659574468);
  color: white;
}
.goenner-button:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../img/goennerhaende.svg) no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 10px;
  vertical-align: sub;
}

.translateY:hover {
  transform: translateY(-5px) !important;
}

.download-button {
  width: auto;
  background-color: #00234d;
  border: 0;
  color: white;
  font-family: Cairo;
  font-size: 16px;
  border-radius: 7px;
  font-weight: 600;
  padding: 20px;
  height: 66px;
  padding-left: 60px;
  padding-right: 60px;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 22px 36px 0 rgba(38, 35, 32, 0.16);
}
.download-button:hover {
  transform: translateY(-5px);
}
.download-button:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../img/icons_2023/download.svg) no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 10px;
  vertical-align: sub;
}
@media (max-width: 768px) {
  .download-button {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }
}

body h2.goennerheadline {
  width: 1100px;
  margin: 0 auto;
}
@media (max-width: 1280px) {
  body h2.goennerheadline {
    width: 80%;
    font-size: 40px !important;
  }
}
@media (max-width: 768px) {
  body h2.goennerheadline {
    width: 90%;
    font-size: 28px !important;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  body h2.goennerheadline.firsthl {
    padding-top: 30px;
  }
}

body p.goennerheadline {
  width: 1100px;
  margin: 0 auto;
  font-size: 48px !important;
}
@media (max-width: 1280px) {
  body p.goennerheadline {
    width: 80%;
    font-size: 40px !important;
  }
}
@media (max-width: 768px) {
  body p.goennerheadline {
    width: 90%;
    font-size: 28px !important;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  body p.goennerheadline.firsthl {
    padding-top: 30px;
  }
}

body ul.goenner-contact {
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  width: 100%;
  margin-top: -20px;
}
@media (max-width: 768px) {
  body ul.goenner-contact {
    flex-direction: column;
  }
}
body ul.goenner-contact li {
  font-size: 23px !important;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: normal;
  text-align: left;
  color: rgb(0, 35, 77) !important;
  padding-right: 20px;
}
@media (max-width: 768px) {
  body ul.goenner-contact li {
    line-height: 2.3;
  }
}
@media (max-width: 1180px) {
  body ul.goenner-contact li {
    font-size: 20px !important;
  }
}
@media (max-width: 992px) {
  body ul.goenner-contact li {
    font-size: 18px !important;
  }
}
body ul.goenner-contact li a {
  color: rgb(0, 35, 77) !important;
  text-decoration: none;
}
@media (min-width: 769px) {
  body ul.goenner-contact li:first-child {
    border-right: 1px solid rgba(0, 35, 77, 0.2);
  }
}
body ul.goenner-contact li:nth-child(2) {
  padding-left: 20px;
}
body ul.goenner-contact li:before {
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 12px;
  vertical-align: middle;
}
body ul.goenner-contact li.person:before {
  width: 60px;
  height: 60px;
  background-image: url("../img/person.webp");
}
@media (max-width: 992px) {
  body ul.goenner-contact li.person:before {
    width: 40px;
    height: 40px;
  }
}
body ul.goenner-contact li.telefon:before {
  width: 22.4px;
  height: 22.3px;
  background-image: url("../img/icons_2023/phone.svg");
}
body ul.goenner-contact li.mail:before {
  width: 27.1px;
  height: 19.6px;
  margi-top: -2px;
  background-image: url("../img/icons_2023/mail.svg");
}

@media (max-width: 992px) {
  .full-small-992 {
    width: 80% !important;
    max-width: 80% !important;
    margin: auto;
  }
}

.fullwidth-image-container {
  background-image: url("../img/fussball_junioren_banner.webp");
  height: 900px;
  background-size: 90%;
  background-position: top;
  background-repeat: no-repeat;
}
.fullwidth-image-container .full-image-top-wave {
  display: block;
  position: relative;
  width: 100%;
  top: -2px;
  height: 240px;
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 2549 200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill="rgba(255, 255, 255, 1)" d="M 0 200 C 385.5 200 899.5 110 1285 110 L 1285 110 L 1285 0 L 0 0 Z" stroke-width="0"></path> <path fill="rgba(255, 255, 255, 1)" d="M 1284 110 C 1663.5 110 2169.5 200 2549 200 L 2549 200 L 2549 0 L 1284 0 Z" stroke-width="0"></path> </svg>');
  background-size: cover;
  background-repeat: no-repeat;
  transform: rotateY(180deg);
}
.fullwidth-image-container .full-image-bottom-wave {
  display: block;
  position: relative;
  width: 100%;
  top: 2px;
  height: 200px;
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 2549 200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill="rgba(255, 255, 255, 1)" d="M 0 0 C 514 0 771 110 1285 110 L 1285 110 L 1285 0 L 0 0 Z" stroke-width="0"></path> <path fill="rgba(255, 255, 255, 1)" d="M 1284 110 C 1790 110 2043 33 2549 33 L 2549 33 L 2549 0 L 1284 0 Z" stroke-width="0"></path> </svg>');
  background-size: cover;
  background-repeat: no-repeat;
  transform: rotate(180deg) translateX(214px);
}
@media (max-width: 1380px) {
  .fullwidth-image-container {
    height: 700px;
  }
  .fullwidth-image-container .full-image-top-wave, .fullwidth-image-container .full-image-bottom-wave {
    height: 160px;
  }
  .fullwidth-image-container .full-image-bottom-wave {
    transform: rotate(180deg) translateX(0);
  }
}
@media (max-width: 1024px) {
  .fullwidth-image-container {
    height: 500px;
  }
  .fullwidth-image-container .full-image-top-wave, .fullwidth-image-container .full-image-bottom-wave {
    height: 120px;
  }
  .fullwidth-image-container .full-image-bottom-wave {
    transform: rotate(180deg) translateX(0);
  }
}
@media (max-width: 768px) {
  .fullwidth-image-container {
    height: 350px;
    background-size: 100%;
  }
  .fullwidth-image-container .full-image-top-wave, .fullwidth-image-container .full-image-bottom-wave {
    height: 100px;
  }
  .fullwidth-image-container .full-image-bottom-wave {
    transform: rotate(180deg) translateX(0);
    height: 100px;
  }
}
@media (max-width: 500px) {
  .fullwidth-image-container {
    height: 280px;
  }
  .fullwidth-image-container .full-image-top-wave {
    height: 70px;
  }
  .fullwidth-image-container .full-image-bottom-wave {
    height: 41px;
    top: 0;
  }
}
@media (max-width: 430px) {
  .fullwidth-image-container {
    height: 250px;
  }
  .fullwidth-image-container .full-image-top-wave {
    height: 50px;
  }
  .fullwidth-image-container .full-image-bottom-wave {
    height: 41px;
  }
}

.vereinsgoennerlogos {
  background-color: transparent !important;
}

.slider:not(.round), .vereinsgoennerlogos {
  background: white;
  height: 200px;
  margin: 100px auto;
  overflow: hidden;
  position: relative;
  width: 800px;
}
@media (max-width: 768px) {
  .slider:not(.round), .vereinsgoennerlogos {
    height: 100px;
    width: 120% !important;
    margin-left: -10% !important;
    padding: 0 !important;
  }
  .slider:not(.round):nth-child(2), .vereinsgoennerlogos:nth-child(2) {
    margin-bottom: 150px !important;
  }
}

.slider:not(.round)::before,
.slider:not(.round)::after {
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
  content: "";
  height: 200px;
  position: absolute;
  width: 200px;
  z-index: 2;
}

@media (max-width: 1280px) {
  .slider:not(.round)::before,
  .slider:not(.round)::after {
    background: none;
  }
}
.slider:not(.round)::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}

.slider:not(.round)::before {
  left: 0;
  top: 0;
}

.slider:not(.round) .slide {
  height: 100px;
  width: 250px;
  width: 250px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.slider-logo {
  width: auto;
  height: auto !important;
  margin: auto;
  cursor: pointer;
  max-height: 100px;
  max-width: 200px;
}

body h3.frm_form_title {
  padding-bottom: 25px !important;
}
@media (max-width: 768px) {
  body h3.frm_form_title {
    font-size: 28px !important;
  }
}

@media (max-width: 768px) {
  .vereinsgoenner_flyer {
    width: 96%;
    margin: auto;
  }
}

@media (max-width: 768px) {
  .branding-image-container img, #mv-image {
    display: none;
  }
}

@media (max-width: 768px) {
  body p.footerinfo {
    font-size: 26px !important;
  }
}

#goennerform h3 {
  font-family: Cairo;
  font-size: 48px !important;
  font-weight: 600 !important;
  text-align: left !important;
  color: #00234d !important;
}
@media (max-width: 768px) {
  #goennerform h3 {
    font-size: 28px !important;
  }
}
#goennerform input[type=text], #goennerform input[type=tel], #goennerform input[type=email], #goennerform textarea {
  border-radius: 7px;
  box-shadow: 0 22px 36px 0 rgba(0, 0, 0, 0.11);
  border: solid 1px #b4c5d9 !important;
  background-color: #fff;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 20px;
  transition: all 0.1s ease-in-out;
  opacity: 1;
  font-size: 19px;
  letter-spacing: normal;
  text-align: left;
  font-size: 19px;
  color: rgba(0, 0, 0, 0.4);
}
#goennerform input[type=text]::placeholder, #goennerform input[type=tel]::placeholder, #goennerform input[type=email]::placeholder, #goennerform textarea::placeholder {
  font-size: 19px !important;
}
#goennerform .frm_submit button {
  width: 100%;
  background-color: #FA7D19;
  border: 0;
  font-family: Cairo;
  font-size: 16px;
  font-weight: 600;
  padding: 20px;
  transition: all 0.3s ease-in-out;
}
#goennerform .frm_submit button:hover {
  background-color: rgb(219.2340425532, 100.085106383, 4.7659574468);
  color: white;
}
#goennerform .frm_submit button:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../img/goennerhaende.svg) no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 10px;
  vertical-align: sub;
}

body p.frm_form_title {
  font-family: Cairo !important;
  font-size: 48px !important;
  font-weight: 600 !important;
  text-align: left !important;
  color: #00234D !important;
}
@media (max-width: 1280px) {
  body p.frm_form_title {
    font-size: 40px !important;
  }
}
@media (max-width: 768px) {
  body p.frm_form_title {
    font-size: 28px !important;
  }
}

body p.h2-2023 {
  font-weight: 600 !important;
  color: #00234d !important;
  font-family: Cairo !important;
  font-size: 48px !important;
  padding: 0 200px !important;
}
@media (max-width: 1400px) {
  body p.h2-2023 {
    padding: 0 150px;
  }
}
@media (max-width: 1300px) {
  body p.h2-2023 {
    padding: 0 50px !important;
  }
}
@media (max-width: 1280px) {
  body p.h2-2023 {
    font-size: 40px !important;
  }
}
@media (max-width: 768px) {
  body p.h2-2023 {
    font-size: 28px !important;
    padding: 0 !important;
  }
}

p.h2-2023 mark, p.h2-2023 mark span, mark span, mark {
  color: #FA7D19 !important;
  background: none !important;
}

body .mv-banner {
  border-radius: 30px;
  background-size: cover;
}
@media (max-width: 768px) {
  body .mv-banner {
    border-radius: 20px;
  }
}
body .mv-banner .banner-image img {
  max-width: 90%;
}
@media (max-width: 992px) {
  body .mv-banner .banner-image img {
    width: 100%;
    max-width: 100%;
    margin: auto;
  }
}
body .mv-banner .banner-image.image-left {
  width: 50%;
}
@media (max-width: 992px) {
  body .mv-banner .banner-image.image-left {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
  }
}
body .mv-banner .banner-content.banner-flex-content-testen {
  width: 50%;
}
@media (max-width: 992px) {
  body .mv-banner .banner-content.banner-flex-content-testen {
    width: 100%;
    max-width: 100%;
    margin: auto;
    margin: auto;
  }
}

.bannercover > div {
  background-image: linear-gradient(to top, #093669, rgba(1, 51, 110, 0));
}

#vereinsgoenner-banner {
  padding-top: 200px !important;
  height: auto !important;
  padding-bottom: 60px !important;
  min-height: 300px;
  border-radius: 30px;
}
@media (max-width: 768px) {
  #vereinsgoenner-banner {
    border-radius: 20px;
    padding-top: 100px !important;
  }
}
#vereinsgoenner-banner .vereinsgoenner-banner-content {
  width: 50%;
  margin: auto;
  height: 100%;
}
#vereinsgoenner-banner .vereinsgoenner-banner-content img {
  width: 46px;
}
#vereinsgoenner-banner .vereinsgoenner-banner-content h2 {
  text-align: center;
}
@media (max-width: 768px) {
  #vereinsgoenner-banner .vereinsgoenner-banner-content {
    width: 100%;
  }
}

.testimonial_title {
  font-family: Cairo;
  font-size: 24px;
  font-weight: 600;
  color: #00234d;
}

.slick-dots {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: -30px;
  position: relative;
  z-index: 9999;
}

.slick-dots li {
  margin: 0;
  width: 60px !important;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 30px;
  height: 30px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
  display: inline-block;
}

.slick-dots li button:before {
  font-family: "slick";
  font-size: 16px !important;
  line-height: 20px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  background-color: black;
  display: inline-block;
}

.slick-dots li.slick-active button:before {
  opacity: 1 !important;
  background-color: #FA7D19 !important;
  font-size: 17px !important;
  width: 40px;
  height: 40px;
  margin-left: -5px;
  display: block;
  margin-top: -5px;
}

.mv-catnav {
  display: flex;
  justify-content: center;
  list-style: none;
  margin: auto;
  gap: 5px;
  flex-wrap: wrap;
}
@media (max-width: 1024px) {
  .mv-catnav {
    width: 100%;
    gap: 2px;
  }
}
.mv-catnav li {
  margin-right: 10px;
  cursor: pointer;
  font-size: 17px !important;
  border-radius: 27px;
  padding: 7px 20px;
  margin: 10px 0 0 0;
  text-align: center;
  color: #023E84;
  background-color: #f6f7fb;
}
.mv-catnav li.active {
  background-color: #023E84;
  color: white !important;
}
@media (max-width: 1024px) {
  .mv-catnav li {
    font-size: 15px !important;
    padding: 4px 10px;
  }
}
@media (max-width: 580px) {
  .mv-catnav li {
    font-size: 14px !important;
    padding: 4px 10px;
  }
}

select.mv-catnav {
  color: #023E84;
  padding: 10px;
  -webkit-box-shadow: inset 0px 0px 10px -3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0px 0px 10px -3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px 0px 10px -3px rgba(0, 0, 0, 0.1);
  border-color: #d8d8d8;
  border-radius: 5px;
}
@media (max-width: 1280px) {
  select.mv-catnav {
    width: 100%;
  }
}
@media (max-width: 1200px) {
  select.mv-catnav {
    width: 83%;
  }
}
@media (max-width: 1024px) {
  select.mv-catnav {
    width: 96%;
  }
}
select:focus {
  border-color: #d8d8d8;
  box-shadow: none;
}

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

@media (min-width: 1200px) {
  #acc-element-columns {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}
#acc-element-columns .wp-block-column {
  max-width: 100%;
}

#cat-modal {
  z-index: 999999999999;
  background: rgba(0, 0, 0, 0.2);
}
#cat-modal h3.modal-title {
  font-size: 24px !important;
}
#cat-modal .modal-body ul, #cat-modal .modal-body ol {
  margin-left: 20px;
}

#btn-download-anleitung {
  padding: 0;
  color: #FA7D19;
}

.modal-body img {
  width: auto;
  max-width: 100%;
}

.modal-dialog-scrollable {
  padding-bottom: 40px;
}

li.category_filter {
  transition: all 0.3s ease-in-out;
}
li.category_filter:hover {
  background-color: #023E84;
  color: white !important;
}

.cat-search-form {
  margin-top: 10px;
  margin-bottom: 20px;
  height: 100px;
}
.cat-search-form.container {
  width: 65%;
}
@media (max-width: 768px) {
  .cat-search-form.container {
    width: 100%;
    margin-top: -10px;
  }
}
@media (max-width: 1200px) {
  .cat-search-form {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
}
@media (max-width: 1024px) {
  .cat-search-form {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}
@media (max-width: 768px) {
  .cat-search-form {
    margin-bottom: 0px;
  }
}
.cat-search-form h6, .cat-search-form .h6cs {
  top: 18px !important;
  text-transform: uppercase;
  position: relative;
  z-index: 9;
  margin-left: 16px !important;
  background-color: #fff !important;
  display: inline-block !important;
  position: relative;
  font-size: 14px !important;
  padding: 0 5px !important;
}
.cat-search-form h6.active, .cat-search-form .h6cs.active {
  color: #FA7D19 !important;
}
.cat-search-form p.h6cs {
  top: 29px !important;
}
.cat-search-form #faq-search-submit {
  cursor: pointer;
}
.cat-search-form .input-group-text {
  background-color: #023E84;
  color: white !important;
  padding: 25px !important;
}
@media (max-width: 768px) {
  .cat-search-form .input-group-text {
    padding: 15px !important;
  }
}
.cat-search-form input {
  -webkit-box-shadow: inset 0px 0px 10px -3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0px 0px 10px -3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px 0px 10px -3px rgba(0, 0, 0, 0.1);
  font-size: 20px !important;
  padding-left: 20px;
}
.cat-search-form input::placeholder {
  color: rgba(2, 62, 132, 0.3);
}
.cat-search-form input:focus {
  border-color: #FA7D19;
  outline: none !important;
  outline-color: transparent !important;
  box-shadow: none !important;
}

/*
--------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------
----  Pricegrid -------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------
 */
#pricemodul .price-switch .slider {
  background-color: #b3c5da;
}
@media (max-width: 1680px) {
  #pricemodul {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 104%;
    margin-left: -2%;
  }
}
@media (max-width: 1200px) {
  #pricemodul {
    width: 108%;
    margin-left: -4%;
  }
}
@media (max-width: 768px) {
  #pricemodul {
    width: 112%;
    margin-left: -6%;
  }
}
@media (max-width: 580px) {
  #pricemodul {
    width: 116%;
    margin-left: -8%;
  }
}

#pricegrid {
  scroll-behavior: smooth;
}
#pricegrid .prices-container {
  padding: 40px;
}
#pricegrid .prices-container .slick-list {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
#pricegrid .prices-container .slick-list .slick-slide {
  margin: 10px;
}
@media (max-width: 1540px) {
  #pricegrid {
    padding-left: 0 !important;
    overflow-x: scroll;
  }
}
@media (max-width: 1500px) {
  #pricegrid .pricebuttons {
    height: 120px;
  }
}
#pricegrid .price-flex-element {
  width: 340px;
}
@media (max-width: 480px) {
  #pricegrid .price-flex-element {
    width: 310px;
  }
}
#pricegrid .flex-price {
  width: 25%;
  flex-basis: 25%;
  min-width: 360px;
  margin-right: 20px;
  max-width: 360px;
}
#pricegrid .flex-price:last-child {
  margin-right: 0;
}
#pricegrid .card-body:nth-child(2) {
  height: 390px;
}
#pricegrid .testen-link-pricegrid {
  color: #023E84;
  text-decoration: underline;
  font-weight: 600;
}
#pricegrid .mv-btn-orange-hover-white {
  background-color: #FA7D19;
  border-color: #FA7D19 !important;
  color: white;
}
#pricegrid .mv-btn-orange-hover-white:hover {
  background-color: #FA7D19;
  color: white;
}
#pricegrid .mv-btn:hover {
  transform: translateY(-4px);
  transition: all 0.3s ease-in-out;
}
#pricegrid .lightbg {
  background-color: #f6f7fb !important;
}
#pricegrid .yellowbg {
  background-color: #FFE620 !important;
}
#pricegrid .price-shadow {
  box-shadow: 0 60px 80px 0 rgba(0, 0, 0, 0.13);
}
#pricegrid .border-left-radius {
  border-top-left-radius: 70px !important;
}
#pricegrid .border-right-radius {
  border-top-right-radius: 70px !important;
}
#pricegrid .pricebadge {
  border-radius: 5px;
  padding: 5px 10px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 2px;
  padding-top: 6px;
}
#pricegrid .whitebadge {
  background-color: white;
  color: #023E84;
}
#pricegrid .whitebadge span:after {
  content: " ";
  background-image: url("../img/icons_2023/group_blue.svg");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 4px;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: -4px;
}
#pricegrid .orangebadge {
  background-color: #FA7D19;
  color: white !important;
}
#pricegrid .orangebadge span {
  color: white !important;
}
#pricegrid .orangebadge span:after {
  content: " ";
  background-image: url("../img/icons_2023/group_white.svg");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 4px;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: -4px;
}
#pricegrid .bestprice .card {
  margin-top: -20px;
  padding-top: 20px;
}
#pricegrid .bestprice .packagebtns {
  margin-bottom: 20px;
}
#pricegrid .bestprice .card {
  background-image: url("../img/icons_2023/bestseller_badge_diagonal.svg");
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: top left;
}

#pricebackground {
  position: absolute;
  top: 150px;
  z-index: 0;
  width: 100%;
  height: 70vh;
  left: 0;
  background-color: #eff4fa;
  clip-path: ellipse(90% 60% at 50% 38%);
}

.price-module-background {
  z-index: 0;
  width: 100%;
  left: 0;
  background-color: #eff4fa;
  clip-path: ellipse(90% 60% at 50% 38%);
}

/* pageheader adjustments*/
.pageheader {
  position: relative;
  z-index: 1;
}

.single-price .card-body ul {
  list-style: none;
  width: auto;
  max-width: 95%;
}
@media (max-width: 1500px) {
  .single-price .card-body ul li {
    font-size: 15px !important;
  }
}
@media (max-width: 1200px) {
  .single-price .card-body ul li {
    font-size: 18px !important;
  }
}
@media (max-width: 680px) {
  .single-price .card-body ul li {
    font-size: 15px !important;
  }
}

#lottie-player-rocket {
  position: absolute;
  width: 100px;
  height: auto;
  margin-left: 200px;
  margin-top: -130px;
}

#price-support-boxes .wp-block-button__link {
  border-radius: 5px !important;
}
#price-support-boxes .card-body {
  height: 380px !important;
}
@media (max-width: 1200px) {
  #price-support-boxes .card-body {
    height: 300px !important;
  }
}
@media (max-width: 768px) {
  #price-support-boxes .card-body.first-card-body {
    height: 220px !important;
  }
}
#price-support-boxes .price-arguments {
  padding-top: 16px !important;
  padding-bottom: 42px !important;
}
#price-support-boxes .freemium {
  border: solid 16px #b3c5da !important;
}
@media (max-width: 1200px) {
  #price-support-boxes .freemium .featurelist li, #price-support-boxes .freemium .unfeaturelist li {
    font-size: 17px !important;
  }
}
@media (max-width: 768px) {
  #price-support-boxes .freemium .card-body.first-card-body {
    height: 220px !important;
  }
  #price-support-boxes .freemium .featurelist li, #price-support-boxes .freemium .unfeaturelist li {
    font-size: 16px !important;
  }
}
@media (max-width: 680px) {
  #price-support-boxes .freemium .featurelist {
    margin-bottom: -40px;
  }
  #price-support-boxes .freemium .featurelist, #price-support-boxes .freemium .unfeaturelist {
    width: 100% !important;
  }
}
#price-support-boxes .freemium .card-body {
  font-size: 17px;
  color: #023E84;
  padding-top: 80px;
  padding-left: 80px;
  padding-right: 80px;
}
#price-support-boxes .freemium .card-body ul li:before {
  margin-left: -20px !important;
}
@media (max-width: 1580px) {
  #price-support-boxes .freemium .card-body {
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 0px;
  }
}
@media (max-width: 1200px) {
  #price-support-boxes .freemium .card-body {
    padding-left: 80px;
    padding-right: 80px;
  }
  #price-support-boxes .freemium .card-body .featureheadline {
    font-size: 20px !important;
  }
}
@media (max-width: 1024px) {
  #price-support-boxes .freemium .card-body {
    padding-left: 60px;
    padding-right: 20px;
  }
}
@media (max-width: 680px) {
  #price-support-boxes .freemium .card-body {
    padding-left: 40px;
    padding-right: 0px;
  }
  #price-support-boxes .freemium .card-body .d-flex {
    flex-direction: column;
  }
}
#price-support-boxes .freemium .card-body .featurelist, #price-support-boxes .freemium .card-body .unfeaturelist {
  width: 50%;
}
#price-support-boxes .freemium .card-body .unfeaturelist {
  padding-top: 45px;
}
#price-support-boxes .freemium .card-body .unfeaturelist ul li:before {
  background-image: url(../img/icons_2023/xmark-solid-red.svg);
}
#price-support-boxes .single-price .pricebuttons a {
  display: block;
  text-align: center;
  width: 90% !important;
  margin: auto;
  transition: all 0.3s;
  font-weight: 600;
}

/*

 */
.card-body.numbers {
  padding-top: 0;
}
@media (max-width: 1024px) {
  .card-body.numbers {
    margin-bottom: 40px !important;
  }
}

.infoicon-prices {
  margin-left: 4px;
  width: 15px;
  height: 15px;
  cursor: pointer;
  margin-top: -4px;
}

/*
  #pricegrid .featurelist:not(.freemium-features){

      li{

        &:first-child{
          &:after{
            content:' ';
            background-image: url('../img/icons_2023/circle-info-solid.svg');
            background-size: 15px;
            background-repeat: no-repeat;
            background-position: center;
            margin-left: 4px;
            width:15px;
            height:15px;
            display: inline-block;
            vertical-align: text-top;
          }
        }
      }
  } */
/*
--------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------
----  Ende old pricegrid -------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------
 */
h6 {
  color: #023E84 !important;
}

#prices {
  padding: 100px 0;
}
@media (max-width: 1280px) {
  #prices .single-price-parent {
    margin: 0 15px;
  }
}
@media (max-width: 1280px) and (max-width: 860px) {
  #prices .single-price-parent {
    padding: 80px;
  }
}
@media (max-width: 1280px) and (max-width: 580px) {
  #prices .single-price-parent {
    padding: 40px;
  }
}
@media (max-width: 768px) {
  #prices {
    width: 120% !important;
    max-width: 120% !important;
    margin-left: -10%;
    margin-bottom: -60px;
  }
  #prices .single-price-parent {
    margin: 0 5px;
  }
}
@media (max-width: 768px) {
  #prices #price-interval {
    margin-top: -50px;
  }
}
#prices #price-interval h4 {
  opacity: 0.6;
  font-family: SourceSansPro;
  font-size: 17px;
  font-weight: 600;
  text-transform: uppercase;
  color: #023E84;
  letter-spacing: 2.04px;
  padding-bottom: 20px;
}

.price-switch {
  cursor: pointer;
  /* Rounded sliders */
}
.price-switch .switch {
  position: relative;
  display: inline-block;
  width: 300px;
  height: 50px;
}
.price-switch .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.price-switch .slider {
  position: absolute;
  cursor: pointer;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #f6f7fb;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.price-switch .slider:before {
  position: absolute;
  content: "";
  height: 42px;
  width: 42px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  z-index: 2;
}
.price-switch input:checked + .slider {
  /* background-color: #2196F3;*/
}
.price-switch input:checked + .slider:before {
  -webkit-transform: translateX(146px);
  -ms-transform: translateX(146px);
  transform: translateX(146px);
  width: 147px;
}
.price-switch .slider.round {
  border-radius: 24px;
}
.price-switch .slider.round:before {
  border-radius: 30px;
  width: 147px;
  heigth: 42px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
}
.price-switch .infobox {
  position: absolute;
  display: flex;
  cursor: pointer;
  width: 100%;
  justify-content: space-between;
  /* margin-top: -11px; */
  z-index: 3;
  height: 50px;
  align-items: center;
  font-size: 16px;
}
.price-switch .jhrl, .price-switch .mtl {
  color: #023E84;
  padding: 0 40px;
  font-weight: 700;
  display: flex;
}
.price-switch .jhrl {
  padding-right: 42px;
}

.single-price {
  min-height: 700px;
  height: auto;
  padding-bottom: 30px;
  background-color: #f6f7fb !important;
  border: 0 !important;
  border-radius: 30px !important;
  display: block !important;
}
@media (max-width: 768px) {
  .single-price {
    min-height: 840px;
  }
}
@media (max-width: 580px) {
  .single-price {
    min-height: 830px;
  }
}
@media (min-width: 769px) {
  .single-price {
    border-top-left-radius: 70px !important;
  }
}
.single-price .pricebuttons a {
  display: block;
  text-align: center;
  width: 80% !important;
  margin: auto;
  transition: all 0.3s;
  font-weight: 600;
}
.single-price .pricebuttons a:before {
  margin-right: 0px;
}
.single-price .pricebuttons a:before {
  margin-right: 0px;
}
.single-price .pricebuttons a.mv-orange-btn {
  border: 2px solid #FA7D19;
}
.single-price .pricebuttons a.btn-shopping {
  border: 2px solid #023E84 !important;
}
.single-price .infobadge {
  position: absolute;
  width: 100%;
  text-align: center;
  padding-top: 140px;
}
@media (max-width: 1366px) {
  .single-price .infobadge {
    padding-top: 140px;
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 1280px) {
  .single-price .infobadge {
    padding-top: 130px;
  }
}
@media (max-width: 768px) {
  .single-price .infobadge {
    padding-top: 75px;
  }
  .single-price .infobadge img {
    max-width: 120px;
  }
}
.single-price .card-body {
  font-size: 17px;
  color: #023E84;
  padding-top: 80px;
  padding-left: 20%;
}
@media (max-width: 1366px) {
  .single-price .card-body {
    padding-top: 60px;
    padding-left: 19%;
  }
}
@media (max-width: 1280px) {
  .single-price .card-body {
    font-size: 16px !important;
  }
  .single-price .card-body p {
    font-size: 16px !important;
  }
}
@media (max-width: 768px) {
  .single-price .card-body {
    padding-top: 30px;
    padding-left: 16%;
  }
}
.single-price .card-body .featureheadline {
  padding-bottom: 1em;
  display: block;
}
.single-price .card-body ul {
  list-style: none;
  width: auto;
  max-width: 80%;
}
@media (max-width: 1366px) {
  .single-price .card-body ul {
    max-width: 100%;
  }
}
.single-price .card-body ul li {
  font-size: 17px !important;
}
@media (max-width: 768px) {
  .single-price .card-body ul li {
    font-size: 16px !important;
  }
}
.single-price .card-body .featurelist ul li {
  font-weight: 600 !important;
  line-height: 28px;
}
.single-price .card-body .featurelist ul li:before {
  content: " " !important;
  background-image: url(../img/icons_2022/check-solid.svg);
  margin-left: -35px;
  background-size: contain;
  display: inline-block;
  height: 15px;
  width: 15px;
  background-repeat: no-repeat;
  margin-bottom: -7px;
  margin-right: 20px;
}
@media (max-width: 768px) {
  .single-price .card-body .featurelist ul li:before {
    margin-right: 10px;
    margin-left: -25px;
  }
}
.single-price .card-body .featurelist ul li.nofeature {
  opacity: 0.6;
}
.single-price .card-body .featurelist ul li.nofeature:before {
  background-image: url(../img/icons_2022/xmark-solid.svg);
  margin-bottom: -2px;
  margin-right: 20px;
}
@media (max-width: 680px) {
  .single-price .card-body .featurelist ul li.nofeature:before {
    margin-bottom: -2px;
    margin-right: 10px;
  }
}
.single-price .card-body .featurelist.numbers ul {
  max-width: 102%;
}
.single-price .card-body .featurelist.numbers ul li {
  font-weight: 400 !important;
  line-height: unset;
}
.single-price .card-body .featurelist.numbers ul li:before {
  content: "" !important;
  background-image: none;
  margin-left: unset;
  background-size: contain;
  display: block;
  height: unset;
  width: unset;
  background-repeat: no-repeat;
  margin-bottom: unset;
  margin-right: unset;
}
@media (max-width: 768px) {
  .single-price .card-body .featurelist.numbers ul li:before {
    margin-right: unset;
    margin-left: unset;
  }
}
.single-price .card-body .unfeaturelist ul li {
  line-height: 3em;
}
.single-price .card-body .unfeaturelist ul li:before {
  content: " " !important;
  background-image: url(../img/icons_2022/xmark-solid.svg);
  margin-left: -35px;
  background-size: contain;
  display: block;
  height: 15px;
  width: 15px;
  background-repeat: no-repeat;
  margin-bottom: -33px;
  margin-right: 20px;
}
@media (max-width: 768px) {
  .single-price .card-body .unfeaturelist ul li:before {
    margin-right: 10px;
    margin-left: -25px;
  }
}
.single-price.price-arguments {
  border-top-left-radius: 30px !important;
  background-color: #023E84 !important;
}
@media (min-width: 769px) {
  .single-price.price-arguments {
    border-top-right-radius: 70px !important;
  }
}
.single-price.price-arguments p, .single-price.price-arguments .featureheadline, .single-price.price-arguments .footerline, .single-price.price-arguments ul li {
  color: white !important;
}
@media (max-width: 580px) {
  .single-price.price-arguments p, .single-price.price-arguments .featureheadline, .single-price.price-arguments .footerline, .single-price.price-arguments ul li {
    font-size: 14px !important;
  }
}
.single-price.price-arguments .featurelist {
  height: 368px;
}
@media (max-width: 768px) {
  .single-price.price-arguments .featurelist {
    height: 328px;
  }
}
@media (max-width: 580px) {
  .single-price.price-arguments .featurelist li {
    font-size: 14px !important;
  }
}
.single-price.price-arguments .card-title {
  color: white !important;
}
.single-price.price-arguments .pricebuttons a {
  display: block;
  text-align: center;
  width: 80% !important;
  margin: auto;
  margin-bottom: 15px;
  font-weight: 600 !important;
  transition: all 0.3s;
}
.single-price.price-arguments .pricebuttons a:before {
  margin-right: 0px;
}
.single-price.price-arguments .pricebuttons a:hover {
  transition: all 0.3s;
}
.single-price.price-arguments .pricebuttons a:before {
  margin-right: 0px;
}
.single-price.single-price-package {
  border-top-left-radius: 30px !important;
  background-color: #FFE620 !important;
}
.single-price.single-price-package .members {
  padding-top: 30px;
  margin-bottom: -40px;
  font-weight: 700;
  color: #023E84;
  font-size: 20px;
}
@media (max-width: 1366px) {
  .single-price.single-price-package .members {
    margin-bottom: -20px;
  }
}
@media (max-width: 1024px) {
  .single-price.single-price-package .members {
    margin-bottom: 0;
  }
}
.single-price.single-price-package .featurelist {
  padding-left: 18%;
  height: 292px;
}
.single-price.single-price-package .featurelist li {
  font-weight: 600;
}
@media (max-width: 1366px) {
  .single-price.single-price-package .featurelist {
    height: 247px;
    margin-top: -30px;
  }
}
@media (max-width: 768px) {
  .single-price.single-price-package .featurelist {
    height: 247px;
    margin-top: -30px;
  }
}
@media (max-width: 580px) {
  .single-price.single-price-package .featurelist {
    height: 275px;
    margin-top: -28px;
    padding-top: 20px;
  }
}
.single-price.single-price-package .pricebuttons a {
  display: block;
  text-align: center;
  width: 80% !important;
  margin: auto;
  margin-bottom: 15px;
  font-weight: 600 !important;
  transition: all 0.3s;
}
.single-price.single-price-package .pricebuttons a:before {
  margin-right: 0px;
}
.single-price.single-price-package .packet-range {
  width: 98%;
  margin: auto;
  padding: 80px 0;
}
@media (max-width: 1366px) {
  .single-price.single-price-package .packet-range {
    width: 98%;
    padding-top: 60px;
  }
}
@media (max-width: 768px) {
  .single-price.single-price-package .packet-range {
    width: 98%;
    padding-top: 30px;
  }
}
@media (max-width: 580px) {
  .single-price.single-price-package .packet-range {
    width: 98%;
    padding: 30px 0;
  }
}
.single-price.single-price-package .packet-range #slider {
  width: 80%;
  margin: auto;
  height: 0.4em;
}
.single-price.single-price-package .packet-range .ranges {
  font-size: 19px;
  font-weight: 700;
  padding-top: 40px;
}
.single-price.single-price-package .packet-range .ranges .single-price-step {
  width: auto;
  min-width: 93px;
  padding: 10px 20px 10px 20px;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
  /*
            &:nth-child(1){
              .triangle{
                margin-left: -10px !important;
              }
            }
            &:nth-child(3){
              .triangle{
                margin-left: 20px !important;
              }
            }
            &:nth-child(4){
              .triangle{
                margin-left: 30px !important;
              }
            }*/
}
@media (max-width: 1366px) {
  .single-price.single-price-package .packet-range .ranges .single-price-step {
    min-width: 60px;
    padding: 5px 10px;
  }
}
@media (max-width: 768px) {
  .single-price.single-price-package .packet-range .ranges .single-price-step {
    min-width: 40px;
    padding: 0 10px;
  }
}
.single-price.single-price-package .packet-range .ranges .single-price-step .triangle {
  width: 0px;
  height: 0px;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 0 20px 20px 20px;
  border-color: transparent transparent #FFE620 transparent;
  position: absolute;
  margin-top: -20px;
  margin-left: 10px;
}
@media (max-width: 1366px) {
  .single-price.single-price-package .packet-range .ranges .single-price-step .triangle {
    margin-top: -15px;
    margin-left: 8px;
    border-width: 0 15px 15px 15px;
  }
}
@media (max-width: 768px) {
  .single-price.single-price-package .packet-range .ranges .single-price-step .triangle {
    margin-top: -5px;
    margin-left: 10px;
    border-width: 0 5px 5px 5px;
  }
}
.single-price.single-price-package .packet-range .ranges .single-price-step.active {
  background-color: #023E84;
  color: white;
  text-align: center;
}
.single-price.single-price-package .packet-range .ranges .single-price-step.active .triangle {
  border-color: transparent transparent #023e84 transparent;
}
.single-price h2 {
  text-align: center;
  padding: 50px 0 !important;
  margin-bottom: 0 !important;
}
@media (max-width: 768px) {
  .single-price h2 {
    padding: 25px 0 !important;
  }
}
.single-price p.packet-title {
  text-align: center;
  padding: 50px 0 !important;
  margin-bottom: 0 !important;
  font-size: 40px !important;
}
@media (max-width: 768px) {
  .single-price p.packet-title {
    padding: 25px 0 !important;
  }
}
.single-price p.amount {
  font-family: "Source Sans Pro" !important;
  color: white !important;
  width: 105px;
  text-align: center;
  margin: auto;
  font-size: 48px !important;
  font-weight: 700;
}
.single-price .price-content {
  height: 100px;
  background-color: #023E84;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 90px 0 !important;
}
@media (max-width: 768px) {
  .single-price .price-content {
    padding: 60px 0 !important;
  }
}
.single-price .price-content .period {
  text-align: center;
}
.single-price .price-content .period .amount {
  font-family: "Source Sans Pro" !important;
  color: white !important;
  width: 105px;
  text-align: center;
  margin: auto;
  font-size: 48px !important;
  font-weight: 700;
}
.single-price .price-content .period .amount:after {
  content: "€";
  font-size: 30px;
  vertical-align: top;
}
.single-price .price-content .period .amount.cent {
  font-weight: 600;
  padding-right: 10px;
}
.single-price .price-content .period .amount.cent:after {
  content: "" !important;
  font-size: 30px;
  vertical-align: top;
}
.single-price .price-content .period .centbox {
  display: flex;
  justify-content: center;
  width: 100px;
  margin: auto;
}
.single-price .price-content .period .centbox .labelbox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 24px;
}
.single-price .price-content .period .centbox .labelbox .centlabel {
  font-size: 26px;
}
.single-price .price-content .period .centbox .labelbox .memberlabel {
  font-size: 16px;
  opacity: 0.5;
}
.single-price .price-content .period .copy {
  color: white !important;
  width: auto;
  text-align: center;
  margin: auto;
  font-size: 23px !important;
  font-weight: 700;
}
.single-price .price-content .period .periodinfo {
  color: white !important;
  font-weight: 400;
}
.single-price .price-content .period .periodinfo.cent {
  margin-top: 10px;
  display: inline-block;
  padding: 4px 13px 3px;
  border-radius: 5px;
  border: solid 1px rgba(255, 255, 255, 0.15);
  background-color: rgba(255, 255, 255, 0.04);
}

.kaufberatung-mobile {
  display: none;
  background: rgb(255, 255, 255);
  border-radius: 30px;
  background: linear-gradient(180deg, rgb(255, 255, 255) 23%, rgb(245, 245, 245) 28%);
  height: 800px;
}
@media (max-width: 1380px) {
  .kaufberatung-mobile {
    height: 1400px;
    display: block;
  }
  .kaufberatung-mobile #top-info-container picture img {
    width: 100%;
  }
}
.kaufberatung-mobile #top-content-container h2 {
  font-weight: 700 !important;
  text-align: center;
}
.kaufberatung-mobile #top-content-container .openinghour {
  font-size: 20px;
  padding-top: 20px;
  width: 100%;
  text-align: center;
  justify-content: center;
  color: #023E84;
}
.kaufberatung-mobile #lotti-container {
  width: 50%;
  margin: auto;
}
.kaufberatung-mobile #bottom-content-container h2 {
  font-weight: 700 !important;
  text-align: center;
}
.kaufberatung-mobile #bottom-content-container h2 .badge {
  display: inline-block;
  margin-bottom: 30px;
}
.kaufberatung-mobile #bottom-content-container .openinghour {
  font-size: 20px;
  padding-top: 20px;
  width: 100%;
  text-align: center;
  justify-content: center;
  color: #023E84;
}
.kaufberatung-mobile #bottom-content-container .cta-content {
  text-align: center;
  margin-top: 60px;
}
.kaufberatung-mobile #bottom-content-container .cta-content .flexlist-wrapper {
  display: inline-block !important;
  width: auto !important;
}
@media (max-width: 581px) {
  .kaufberatung-mobile #bottom-content-container .cta-content .flexlist-wrapper {
    width: 100% !important;
  }
}
.kaufberatung-mobile #bottom-content-container .cta-content .line {
  margin: auto;
}
@media (max-width: 581px) {
  .kaufberatung-mobile #bottom-content-container .cta-content .line {
    width: 90% !important;
    margin: auto;
  }
}
.kaufberatung-mobile #bottom-content-container .cta-content .flexlist-box {
  padding-left: 30px;
  display: flex;
}
.kaufberatung-mobile #bottom-content-container .cta-content .flexlist-box .flex-link {
  width: auto;
}
@media (max-width: 581px) {
  .kaufberatung-mobile #bottom-content-container .cta-content .flexlist-box {
    width: 270px !important;
    margin: auto;
  }
}
@media (max-width: 1280px) {
  .kaufberatung-mobile {
    height: 1400px;
  }
}
@media (max-width: 1100px) {
  .kaufberatung-mobile {
    height: 1250px;
  }
}
@media (max-width: 992px) {
  .kaufberatung-mobile {
    height: 1100px;
  }
}
@media (max-width: 800px) {
  .kaufberatung-mobile {
    height: 950px;
  }
}
@media (max-width: 768px) {
  .kaufberatung-mobile {
    height: 1100px;
  }
}
@media (max-width: 581px) {
  .kaufberatung-mobile {
    min-height: 800px !important;
  }
  .kaufberatung-mobile .kaufberatung-mobile #bottom-content-container .cta-content .line {
    width: 90%;
    margin: auto;
  }
}
@media (max-width: 481px) {
  .kaufberatung-mobile {
    height: 820px;
  }
}

.kaufberatung-desktop #kaufberatung {
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, rgb(255, 255, 255) 23%, rgb(245, 245, 245) 28%);
  height: auto;
  border-radius: 30px;
  overflow-x: hidden;
  max-width: 100%;
}
.kaufberatung-desktop #kaufberatung-content {
  top: -400px;
  z-index: 10;
  position: relative;
}
@media (max-width: 1380px) {
  .kaufberatung-desktop #kaufberatung-content {
    top: -580px;
    display: none;
  }
}
.kaufberatung-desktop #kaufberatung-content h2 {
  font-weight: 700 !important;
}
.kaufberatung-desktop #kaufberatung-content .leftcontent {
  padding-left: 12%;
  color: #023E84;
}
.kaufberatung-desktop #kaufberatung-content .leftcontent .openinghour {
  font-size: 20px;
  padding-top: 20px;
}
.kaufberatung-desktop #kaufberatung-content .leftcontent .openinghour img {
  padding-right: 16px;
}
@media (max-width: 1380px) {
  .kaufberatung-desktop #kaufberatung-content .leftcontent .openinghour {
    width: 100%;
    text-align: center;
    justify-content: center;
  }
}
@media (max-width: 1380px) {
  .kaufberatung-desktop #kaufberatung-content .leftcontent {
    padding-right: 0;
    text-align: center;
  }
}
.kaufberatung-desktop #kaufberatung-content .rightcontent {
  padding-right: 16%;
  margin-top: -30px;
  color: #023E84;
}
.kaufberatung-desktop #kaufberatung-content .rightcontent .openinghour {
  font-size: 20px;
  padding-top: 20px;
}

.pagewrapper, .pageheader {
  height: auto;
  max-width: 100%;
}

#pricefeatures .pricefeature {
  background-color: #f5f5f5;
  height: 700px;
  width: 96%;
  margin: auto;
  border-radius: 30px;
}

.card-body:nth-child(2) {
  height: 597px;
}
@media (max-width: 1366px) {
  .card-body:nth-child(2) {
    height: 502px;
  }
}
@media (max-width: 768px) {
  .card-body:nth-child(2) {
    height: 433px;
  }
}

.pricebuttons {
  height: auto;
}
@media (max-width: 768px) {
  .pricebuttons {
    margin-top: 10px;
  }
  .pricebuttons a:before {
    content: "";
    width: 0 !important;
    height: 0 !important;
  }
}
@media (max-width: 580px) {
  .pricebuttons {
    margin-top: 80px;
  }
  .pricebuttons a:before {
    content: "";
    width: 0 !important;
    height: 0 !important;
  }
}

.only_from_1400 {
  display: none !important;
}
@media (min-width: 1381px) {
  .only_from_1400 {
    display: flex !important;
  }
}

.only_below_1400 {
  display: flex !important;
}
@media (min-width: 1381px) {
  .only_below_1400 {
    display: none !important;
  }
}

@media (max-width: 1300px) {
  .priceslider {
    max-width: 110% !important;
    width: 110%;
    margin-left: -5% !important;
  }
}
@media (max-width: 1100px) {
  .priceslider {
    max-width: 120% !important;
    width: 120%;
    margin-left: -10% !important;
  }
}
@media (max-width: 768px) {
  .priceslider {
    max-width: 106% !important;
    width: 106%;
    margin-left: -3% !important;
  }
}
.priceslider .slick-dots {
  padding: 10px;
  border-radius: 10px;
  bottom: 180px;
}
@media (max-width: 1024px) {
  .priceslider .slick-dots {
    bottom: 240px;
  }
}
@media (max-width: 860px) {
  .priceslider .slick-dots {
    bottom: 240px;
  }
}
@media (max-width: 580px) {
  .priceslider .slick-dots {
    bottom: 290px;
  }
}
@media (max-width: 400px) {
  .priceslider .slick-dots {
    bottom: 300px;
  }
}
.priceslider .slick-dots li {
  width: 35px;
  height: 35px;
}
.priceslider .slick-dots li button {
  background-color: #b3c5da;
  border: none !important;
  width: 35px;
  height: 35px;
  border-radius: 40px;
  margin: 0;
}
.priceslider .slick-dots li button:before {
  margin: 0;
  display: none;
  height: 0;
}
.priceslider .slick-dots li.slick-active {
  width: 40px;
  height: 40px;
}
.priceslider .slick-dots li.slick-active button {
  background-color: #FA7D19 !important;
  border: none !important;
}
.priceslider .slick-dots li.slick-active button:before {
  display: none;
}

/* quickmargins */
@media (max-width: 580px) {
  .single-price .card-body:nth-child(2) {
    height: 393px;
  }
}
@media (max-width: 580px) {
  .single-price .featurelist {
    margin-bottom: 20px;
  }
}

@media (max-width: 580px) {
  .single-price-package .featurelist {
    margin-bottom: -40px;
  }
}

.ui-widget.ui-widget-content {
  border: none !important;
}

.ui-widget-content {
  border: 1px solid #dddddd;
  background: rgba(0, 0, 0, 0.2) !important;
  color: #333333;
}

.btn-shopping {
  box-shadow: 0 22px 36px 0 rgba(38, 35, 32, 0.16);
}
.btn-shopping:before {
  background-image: url(../img/icons_2022/shopping-cart.svg) !important;
  margin-right: 12px !important;
}

.btn-phone:before {
  background-image: url(../img/icons_2022/phone-solid.svg) !important;
  margin-right: 12px !important;
}

.pricedisclaimer {
  max-width: 300px;
  padding-top: 10px;
  padding-right: 2px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
  text-align: right;
  color: #717171;
}
@media (max-width: 768px) {
  .pricedisclaimer {
    padding-top: 30px;
    width: 60% !important;
    margin: auto;
    max-width: 60%;
  }
}

.desktop-contact-prices {
  margin-bottom: -20px;
  margin-top: 40px;
}
.desktop-contact-prices a {
  font-size: 20px;
  font-weight: 600;
}

.onebutton {
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding-bottom: 10px;
}
@media (max-width: 1366px) {
  .onebutton {
    padding-bottom: 0px !important;
    padding-top: 20px;
  }
}

.card-body.numbers {
  padding-left: 12%;
  padding-right: 12%;
}

li .singlenumber {
  padding-right: 10px;
  display: inline-block;
}

.innerdisclaimer {
  max-width: 100% !important;
  width: 100% !important;
  text-align: left !important;
  padding: 15px !important;
}
.fromto {
  font-size: 14px;
  padding-right: 10px;
}

.slick-dots {
  list-style: none;
}

@media (max-width: 768px) {
  .kaufberatung-desktop.margins2022 {
    margin-top: 0 !important;
  }
}

.infoicon-ul {
  list-style: none;
  padding: 10px;
  border: none;
  box-shadow: none;
}
.infoicon-ul li {
  font-size: 16px !important;
}

.custom-popover {
  background-color: #fff !important;
  border: 0 !important;
  box-shadow: 0 22px 36px 0 rgba(38, 35, 32, 0.16);
}
.custom-popover .popover {
  border: 0 !important;
}

.single-price .popover {
  z-index: 99999;
  background-color: #fff !important;
  border: 0 !important;
  box-shadow: none;
}

span.infoicon {
  cursor: pointer;
}

.price-module-background-24 {
  height: 900px;
  z-index: -1;
  width: 100%;
  left: 0;
  background-color: #eff4fa;
  clip-path: ellipse(90% 60% at 50% 38%);
}

.prices-grid-4 {
  z-index: 2;
  margin-bottom: 100px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
}
@media (max-width: 1480px) {
  .prices-grid-4 {
    padding-left: 0;
    padding-right: 0;
    display: block;
  }
  .prices-grid-4 .single-price {
    margin-left: 5px;
    margin-right: 5px;
  }
}
.prices-grid-4 .single-price {
  background: transparent !important;
}
.prices-grid-4 .single-price .streichpreis {
  text-decoration: line-through;
  color: white;
  opacity: 0.5;
  font-size: 24px;
  padding-right: 10px;
  vertical-align: middle;
}
.prices-grid-4 .single-price #lottie-player-rocket-bestseller {
  position: absolute;
  width: 100px;
  height: auto;
  margin-left: 210px;
  margin-top: 40px;
}
@media (min-width: 1481px) {
  .prices-grid-4 .single-price.paket-M {
    height: 101%;
    margin-top: -7%;
  }
  .prices-grid-4 .single-price.paket-M .inner-single-price {
    height: 100%;
  }
  .prices-grid-4 .single-price.paket-M .pt75 {
    padding-top: 75px !important;
  }
}
.prices-grid-4 .single-price span.infoicon {
  width: 15px !important;
  height: 15px !important;
  color: white;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #023E84;
  border-radius: 10px;
  font-size: 9px;
  font-family: "Courier New", Courier, monospace;
}
.prices-grid-4 .single-price .inner-single-price {
  min-height: 200px;
  border-radius: 30px !important;
}
@media (min-width: 1481px) {
  .prices-grid-4 .single-price .inner-single-price {
    box-shadow: 0 60px 80px 0 rgba(0, 0, 0, 0.1);
  }
}
.prices-grid-4 .single-price .inner-single-price.lightbg {
  background-color: #f6f7fb !important;
}
.prices-grid-4 .single-price .inner-single-price.yellowbg {
  background-image: radial-gradient(circle at 50% 50%, rgb(255, 230, 32), rgb(255, 121, 1) 381%);
}
.prices-grid-4 .single-price:first-child .inner-single-price {
  border-top-left-radius: 70px !important;
}
.prices-grid-4 .single-price:last-child .inner-single-price {
  border-top-right-radius: 70px !important;
}
.prices-grid-4 .single-price .priceinfo {
  min-height: 100px;
  background-color: rgb(0, 48, 103);
}
.prices-grid-4 .single-price .priceinfo sup {
  top: -10px;
  left: 2px;
}
.prices-grid-4 .single-price .priceinfo .pricebadge {
  border-radius: 5px;
  padding: 5px 10px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 2px;
  padding-top: 6px;
  width: 180px;
  position: absolute;
  margin-top: -20px;
  display: inline-block;
}
.prices-grid-4 .single-price .priceinfo .whitebadge {
  background-color: white;
  color: #023E84;
}
.prices-grid-4 .single-price .priceinfo .whitebadge span:after {
  content: "";
  background-image: url("../img/icons_2023/group_blue.svg");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 4px;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: -4px;
}
.prices-grid-4 .single-price .priceinfo .orangebadge {
  background-color: #FA7D19;
  color: white !important;
}
.prices-grid-4 .single-price .priceinfo .orangebadge span {
  color: white !important;
}
.prices-grid-4 .single-price .priceinfo .orangebadge span:after {
  content: " ";
  background-image: url("../img/icons_2023/group_white.svg");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 4px;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: -4px;
}
.prices-grid-4 .featurelist ul {
  list-style: none;
  padding: 30px 40px;
}
.prices-grid-4 .featurelist ul li {
  background-image: url(../img/icons_2022/check-solid.svg);
  background-repeat: no-repeat;
  background-position: 7px 0.5em;
  padding-left: 40px;
  background-size: 20px;
  font-size: 17px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  padding-bottom: 2px;
  font-family: "Source Sans Pro";
}
.prices-grid-4 .featurelist ul li.nofeature {
  background-image: url(../img/icons_2022/xmark-solid.svg);
  background-size: 17px;
}
.prices-grid-4 .featurelist ul li:nth-child(1) {
  font-weight: 700;
}
.prices-grid-4 .featurelist ul li:nth-child(1) sup {
  top: -10px;
  left: 2px;
}

.pricedisclaimer {
  max-width: 900px;
  padding-top: 10px;
  padding-right: 2px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
  text-align: right;
  color: #717171;
}
@media (max-width: 768px) {
  .pricedisclaimer {
    padding-top: 30px;
    width: 60% !important;
    margin: auto;
    max-width: 60%;
  }
}

.pricebuttons a {
  display: block;
  text-align: center;
  width: 80% !important;
  margin: auto;
  transition: all 0.3s;
  font-weight: 600;
}
.pricebuttons a:before {
  margin-right: 0px;
}
.pricebuttons a:before {
  margin-right: 0px;
}
.pricebuttons a.mv-orange-btn {
  border: 2px solid #FA7D19;
}
.pricebuttons a.btn-shopping {
  border: 2px solid #023E84 !important;
}

.single-price .pricebuttons a {
  display: block;
  text-align: center;
  width: 90% !important;
  margin: auto;
  transition: all 0.3s;
  font-weight: 600;
}

@media (max-width: 1500px) {
  .pricebuttons {
    height: 120px;
  }
}
.prices-grid-3 {
  z-index: 2;
  margin-bottom: 100px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}
@media (max-width: 1480px) {
  .prices-grid-3 {
    padding-left: 0;
    padding-right: 0;
    display: block;
  }
  .prices-grid-3 .single-price {
    margin-left: 5px;
    margin-right: 5px;
  }
}
.prices-grid-3 .single-price {
  background: transparent !important;
}
.prices-grid-3 .single-price .streichpreis {
  text-decoration: line-through;
  color: white;
  opacity: 0.5;
  font-size: 24px;
  padding-right: 10px;
  vertical-align: middle;
}
.prices-grid-3 .single-price #lottie-player-rocket-bestseller {
  position: absolute;
  width: 100px;
  height: auto;
  margin-left: 210px;
  margin-top: 40px;
}
@media (min-width: 1481px) {
  .prices-grid-3 .single-price.paket-M {
    height: 101%;
    margin-top: -5%;
  }
  .prices-grid-3 .single-price.paket-M .inner-single-price {
    height: 100%;
  }
  .prices-grid-3 .single-price.paket-M .pt75 {
    padding-top: 75px !important;
  }
}
.prices-grid-3 .single-price span.infoicon {
  width: 15px !important;
  height: 15px !important;
  color: white;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #023E84;
  border-radius: 10px;
  font-size: 9px;
  font-family: "Courier New", Courier, monospace;
}
.prices-grid-3 .single-price .inner-single-price {
  min-height: 200px;
  border-radius: 30px !important;
}
@media (min-width: 1481px) {
  .prices-grid-3 .single-price .inner-single-price {
    box-shadow: 0 60px 80px 0 rgba(0, 0, 0, 0.1);
  }
}
.prices-grid-3 .single-price .inner-single-price.lightbg {
  background-color: #f6f7fb !important;
}
.prices-grid-3 .single-price .inner-single-price.yellowbg {
  background-image: radial-gradient(circle at 50% 50%, rgb(255, 230, 32), rgb(255, 121, 1) 381%);
}
.prices-grid-3 .single-price:first-child .inner-single-price {
  border-top-left-radius: 70px !important;
}
.prices-grid-3 .single-price:last-child .inner-single-price {
  border-top-right-radius: 70px !important;
}
.prices-grid-3 .single-price .priceinfo {
  min-height: 100px;
  background-color: rgb(0, 48, 103);
}
.prices-grid-3 .single-price .priceinfo sup {
  top: -10px;
  left: 2px;
}
.prices-grid-3 .single-price .priceinfo .pricebadge {
  border-radius: 5px;
  padding: 5px 10px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 2px;
  padding-top: 6px;
  width: 180px;
  position: absolute;
  margin-top: -20px;
  display: inline-block;
}
.prices-grid-3 .single-price .priceinfo .whitebadge {
  background-color: white;
  color: #023E84;
}
.prices-grid-3 .single-price .priceinfo .whitebadge span:after {
  content: "";
  background-image: url("../img/icons_2023/group_blue.svg");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 4px;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: -4px;
}
.prices-grid-3 .single-price .priceinfo .orangebadge {
  background-color: #FA7D19;
  color: white !important;
}
.prices-grid-3 .single-price .priceinfo .orangebadge span {
  color: white !important;
}
.prices-grid-3 .single-price .priceinfo .orangebadge span:after {
  content: " ";
  background-image: url("../img/icons_2023/group_white.svg");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 4px;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: -4px;
}
.prices-grid-3 .featurelist ul {
  list-style: none;
  padding: 30px 40px;
}
.prices-grid-3 .featurelist ul li {
  background-image: url(../img/icons_2022/check-solid.svg);
  background-repeat: no-repeat;
  background-position: 7px 0.5em;
  padding-left: 40px;
  background-size: 20px;
  font-size: 17px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  padding-bottom: 2px;
  font-family: "Source Sans Pro";
}
.prices-grid-3 .featurelist ul li.nofeature {
  background-image: url(../img/icons_2022/xmark-solid.svg);
  background-size: 17px;
}
.prices-grid-3 .featurelist ul li:nth-child(1) {
  font-weight: 700;
}
.prices-grid-3 .featurelist ul li:nth-child(1) sup {
  top: -10px;
  left: 2px;
}

.prices-grid-3 .single-price #lottie-player-rocket-bestseller {
  position: absolute;
  width: 100px;
  height: auto;
  margin-left: 285px;
  margin-top: 40px;
}

#service-header-container {
  top: -30px;
  z-index: 10;
}
#service-header-container #service-header {
  min-height: 100px;
  border-radius: 30px;
  box-shadow: 0 13px 76px 0 rgba(0, 0, 0, 0.11);
  background-color: #fff;
  padding: 60px;
}
@media (max-width: 1680px) {
  #service-header-container #service-header {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
}
@media (max-width: 1200px) {
  #service-header-container #service-header {
    padding: 40px 20px;
  }
}
@media (max-width: 992px) {
  #service-header-container #service-header {
    padding: 60px;
  }
}
@media (max-width: 768px) {
  #service-header-container #service-header {
    padding: 10px 20px;
  }
}
@media (max-width: 580px) {
  #service-header-container #service-header {
    padding: 10px 10px;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
#service-header-container #service-header ul {
  list-style: none;
  text-align: left;
}
#service-header-container #service-header ul#menu-service-header, #service-header-container #service-header ul.menu {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
@media (max-width: 992px) {
  #service-header-container #service-header ul#menu-service-header, #service-header-container #service-header ul.menu {
    flex-direction: column;
  }
}
#service-header-container #service-header ul#menu-service-header li, #service-header-container #service-header ul.menu li {
  border-right: 1px solid #e8e8e8;
  padding: 0 20px;
  flex-basis: 20%;
}
#service-header-container #service-header ul#menu-service-header li:last-child, #service-header-container #service-header ul.menu li:last-child {
  border-right: none;
  border-bottom: none;
}
@media (max-width: 992px) {
  #service-header-container #service-header ul#menu-service-header li, #service-header-container #service-header ul.menu li {
    border-right: none;
    border-bottom: 1px solid #e8e8e8;
    padding: 20px 0;
  }
}
#service-header-container #service-header ul#menu-service-header li a, #service-header-container #service-header ul.menu li a {
  color: #023E84;
  line-height: 25px !important;
  display: inline-block;
}
#service-header-container #service-header ul#menu-service-header li.title, #service-header-container #service-header ul.menu li.title {
  font-size: 20px !important;
  font-weight: 600;
  color: #023E84;
}
@media (max-width: 1200px) {
  #service-header-container #service-header ul#menu-service-header li.title, #service-header-container #service-header ul.menu li.title {
    font-size: 18px !important;
  }
}
#service-header-container #service-header ul#menu-service-header li.kaufberatung:before, #service-header-container #service-header ul.menu li.kaufberatung:before {
  content: "";
  background-image: url(../img/icons_2023/kaufberatung.svg);
  width: 48.6px;
  background-size: 48.6px 40.7px;
  display: block;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  height: 50px;
}
#service-header-container #service-header ul#menu-service-header li.schulungen:before, #service-header-container #service-header ul.menu li.schulungen:before {
  content: "";
  background-image: url(../img/icons_2023/schulungen.svg);
  width: 45.3px;
  background-size: 45.3px 46.3px;
  display: block;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  height: 50px;
}
#service-header-container #service-header ul#menu-service-header li.hilfecenter:before, #service-header-container #service-header ul.menu li.hilfecenter:before {
  content: "";
  background-image: url(../img/icons_2023/hilfecenter.svg);
  width: 57px;
  background-size: 57px 38.4px;
  display: block;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  height: 50px;
}
#service-header-container #service-header ul#menu-service-header li.desktop:before, #service-header-container #service-header ul.menu li.desktop:before {
  content: "";
  background-image: url(../img/changelog.svg);
  width: 57px;
  background-size: 57px 38.4px;
  display: block;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  height: 50px;
}
#service-header-container #service-header ul#menu-service-header li.blog:before, #service-header-container #service-header ul.menu li.blog:before {
  content: "";
  background-image: url(../img/icons_2023/blog.svg);
  width: 57.9px;
  background-size: 57.9px 42.3px;
  display: block;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  height: 50px;
}
#service-header-container #service-header ul#menu-service-header li.checkliste:before, #service-header-container #service-header ul.menu li.checkliste:before {
  content: "";
  background-image: url(../img/icons_2023/checkliste.svg);
  width: 32.6px;
  background-size: 32.6px 40.8px;
  display: block;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  height: 50px;
}
#service-header-container #service-header ul#menu-service-header li.techsupport:before, #service-header-container #service-header ul.menu li.techsupport:before {
  content: "";
  background-image: url(../img/icons_2023/techsupport.svg);
  width: 34.7px;
  background-size: 34.7px 46.2px;
  display: block;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  height: 50px;
}
#service-header-container #service-header ul#menu-service-header li .sub-menu, #service-header-container #service-header ul.menu li .sub-menu {
  margin-top: 20px;
  padding-bottom: 0 !important;
  margin-left: 0;
  padding-left: 0;
}
#service-header-container #service-header ul#menu-service-header li .sub-menu li, #service-header-container #service-header ul.menu li .sub-menu li {
  border-right: none;
  font-weight: 400;
  padding-left: 0;
  border-bottom: none;
  padding: 0;
}
#service-header-container #service-header ul#menu-service-header li .sub-menu li a, #service-header-container #service-header ul.menu li .sub-menu li a {
  color: #023E84;
  font-size: 16px;
  font-weight: 400;
}
@media (max-width: 1200px) {
  #service-header-container #service-header ul#menu-service-header li .sub-menu li a, #service-header-container #service-header ul.menu li .sub-menu li a {
    font-size: 14px !important;
  }
}
@media (max-width: 992px) {
  #service-header-container #service-header ul#menu-service-header li .sub-menu li a, #service-header-container #service-header ul.menu li .sub-menu li a {
    font-size: 16px !important;
  }
}
#service-header-container #service-header ul#menu-service-header li .sub-menu li a:hover, #service-header-container #service-header ul.menu li .sub-menu li a:hover {
  color: #FA7D19;
}
@media (max-width: 1680px) {
  #service-header-container.service-wechsel #service-header {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
@media (max-width: 1200px) {
  #service-header-container.service-wechsel #service-header {
    padding: 40px 20px;
  }
}
@media (max-width: 992px) {
  #service-header-container.service-wechsel #service-header {
    padding: 60px !important;
  }
}
@media (max-width: 768px) {
  #service-header-container.service-wechsel #service-header {
    padding: 10px 20px;
  }
}
@media (max-width: 580px) {
  #service-header-container.service-wechsel #service-header {
    padding: 10px 10px;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
#service-header-container.service-wechsel #service-header ul {
  margin-bottom: 0;
}
#service-header-container.service-wechsel #service-header ul.menu li {
  flex-basis: 25% !important;
}

.blog-cats .inner-content-menu {
  padding-top: 20px;
  padding-left: 20px;
  padding-bottom: 10px;
  box-shadow: 0 13px 76px 0 rgba(0, 0, 0, 0.11);
}
.blog-cats .inner-content-menu h3.categories-h3 {
  font-size: 26px !important;
}
.blog-cats .inner-content-menu ul li {
  padding: 5px 10px;
}
.blog-cats .inner-content-menu ul li.active a:before {
  content: url("../img/icons_2022/arrow-circle-blog.svg");
  position: absolute;
  margin-top: 8px;
  margin-left: -30px;
  animation: fadeIn 0.5s;
  height: 20px;
}
.blog-cats .inner-content-menu ul li a {
  font-size: 16px !important;
}
.blog-cats .inner-content-menu ul li a:hover {
  transition: all 0.3s;
  padding-left: 5px;
}
.blog-cats .inner-content-menu ul li a:hover:before {
  content: url("../img/icons_2022/arrow-circle-blog.svg");
  position: absolute;
  margin-top: 8px;
  margin-left: -30px;
  animation: fadeIn 0.5s;
  height: 20px;
}
@media (max-width: 1380px) {
  .blog-cats .inner-content-menu {
    padding-top: 20px;
    padding-left: 10px !important;
  }
  .blog-cats .inner-content-menu ul {
    max-width: 85%;
  }
  .blog-cats .inner-content-menu ul li {
    padding: 10px 15px;
  }
}
@media (max-width: 1280px) {
  .blog-cats .inner-content-menu {
    margin-top: 0;
    width: 100%;
  }
}
@media (max-width: 1200px) {
  .blog-cats .inner-content-menu {
    margin-top: 0;
    width: 100%;
  }
  .blog-cats .inner-content-menu ul {
    max-width: 99%;
  }
  .blog-cats .inner-content-menu ul li {
    padding: 10px 40px;
  }
}
.blog-cats #dropdownMenuLink {
  border: none;
  padding: 20px;
  font-size: 20px;
  color: #023E84;
  max-width: 100% !important;
}
.blog-cats #dropdownMenuLink:hover {
  border: none;
}
.blog-cats .dropdown-menu {
  width: 100%;
  border-radius: 0;
  border: 0;
  box-shadow: 0 13px 76px 0 rgba(0, 0, 0, 0.11);
}
.blog-cats .dropdown-menu li {
  padding: 10px 30px !important;
}

.blog-column {
  height: 700px;
  box-shadow: 0 22px 36px 0 rgba(0, 0, 0, 0.11);
}
@media (max-width: 1480px) {
  .blog-column {
    height: 600px;
  }
}
@media (max-width: 1200px) {
  .blog-column {
    height: 640px;
  }
}
@media (max-width: 992px) {
  .blog-column {
    height: auto;
  }
}
.blog-column h3 a {
  color: #023E84;
}
.blog-column h3 a:hover {
  color: #FA7D19;
}
@media (max-width: 1200px) {
  .blog-column h3 {
    padding: 0;
  }
}
.blog-column .inner-content-menu {
  padding-top: 20px;
  padding-left: 0px;
  padding-bottom: 10px;
}
@media (max-width: 1280px) {
  .blog-column .inner-content-menu {
    margin-top: 0;
    width: 100%;
  }
}
.blog-column .inner-content-menu ul.post_categories ul li a {
  font-size: 16px !important;
}

.content.single {
  margin-top: 64px !important;
}

.page-numbers {
  padding: 8px 14px;
  margin: 0 5px;
  box-shadow: 0 13px 76px 0 rgba(0, 0, 0, 0.11);
  border-radius: 5px;
  color: #023E84;
  text-decoration: none;
}
.page-numbers:hover {
  background-color: #FA7D19;
  color: #fff;
}
.page-numbers.current {
  background-color: #FA7D19;
  color: #fff !important;
}

.flex-content {
  flex-basis: 70%;
  width: 70%;
}
@media (max-width: 1480px) {
  .flex-content {
    flex-basis: 60%;
    width: 60%;
  }
}
@media (max-width: 1200px) {
  .flex-content {
    width: 100%;
    flex-basis: 100%;
  }
}

.flex-content-autor {
  flex-basis: 100% !important;
  width: 100% !important;
}

.flex-categories {
  flex-basis: 30%;
  width: 30%;
}
@media (max-width: 1480px) {
  .flex-categories {
    flex-basis: 40%;
    width: 40%;
  }
}
.flex-categories .imagebanner .image, .flex-categories .imagebanner .team-image, .flex-categories .team-image {
  width: 100%;
}
@media (max-width: 1200px) {
  .flex-categories {
    display: none;
  }
}

.singlepostinfo {
  padding-top: 20px;
  padding-left: 20px;
  padding-bottom: 10px;
}
.singlepostinfo ul.post_categories_list {
  list-style: none;
  padding: 10px;
}
.singlepostinfo ul.post_categories_list li:first-child:after, .singlepostinfo ul.post_categories_list li:nth-child(2):after {
  content: "|";
  padding-left: 10px;
  padding-right: 10px;
}
.singlepostinfo ul.post_categories_list li.author:after {
  content: "|";
  padding-left: 10px;
  padding-right: 10px;
}
.singlepostinfo ul.post_categories_list li.comments {
  margin-bottom: 5px;
}
.singlepostinfo ul.post_categories_list li.comments:before {
  display: inline-block;
  content: " ";
  transition: all 0.3s;
  width: 16px;
  height: 16px;
  background-color: #023E84;
  -webkit-mask: url("../img/icons_2022/icon-comment.svg") no-repeat 100% 100%;
  mask: url("../img/icons_2022/icon-comment.svg") no-repeat 100% 100%;
  -webkit-mask-position: center;
  margin-right: 4px;
  vertical-align: middle;
}
@media (min-width: 581px) {
  .singlepostinfo ul.post_categories_list li.comments:after {
    content: "|";
    padding-left: 10px;
    padding-right: 10px;
  }
}
.singlepostinfo ul.post_categories_list li a {
  font-size: 16px;
}
.singlepostinfo ul.post_categories_list li a.badge {
  margin-right: 5px;
}

li.comments {
  cursor: pointer;
}

.mv-comments {
  margin-bottom: 50px !important;
}
.mv-comments h3.comments-title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px !important;
  color: #023E84;
  padding-top: 20px;
  margin-top: 60px;
}
.mv-comments h4.comment-reply-title {
  padding-top: 20px;
  margin-top: 60px;
}
.mv-comments ol, .mv-comments ul {
  margin-left: 20px !important;
  list-style: none;
}
.mv-comments .comment-body {
  padding-top: 20px;
  margin-bottom: 60px;
}
.mv-comments .comment-body p {
  font-size: 16px;
}
.mv-comments label {
  display: block;
}
.mv-comments .comment-form-cookies-consent {
  display: none;
}
.mv-comments textarea, .mv-comments input {
  width: 100%;
}
.mv-comments .form-submit input {
  width: 100%;
  font-size: 18px;
  height: auto;
  line-height: normal;
  text-align: center;
  background: #b8b8b8;
  border-width: 0;
  border-color: rgb(184, 184, 184);
  border-style: solid;
  color: #ffffff;
  cursor: pointer;
  font-weight: normal;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  text-shadow: none;
  padding: 10px 20px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-shadow: 0 1px 1px #eeeeee;
  -webkit-box-shadow: 0 1px 1px #eeeeee;
  box-shadow: 0 1px 1px #eeeeee;
  margin: 10px;
  margin-left: 0;
  margin-right: 0;
  padding: 20px 20px;
  vertical-align: middle;
}
.mv-comments .form-submit input:hover {
  background-color: #FA7D19;
}

label[for=comment] {
  display: block;
}

.blogpage .content h2 {
  font-size: 28px !important;
  font-weight: 700 !important;
  padding-bottom: 0px !important;
  margin-top: 20px !important;
  margin-bottom: 0;
}

.blogpage .content h3 {
  font-size: 24px !important;
  font-weight: 700 !important;
  padding-bottom: 0px !important;
  margin-top: 20px !important;
  margin-bottom: 0;
}
.blogpage .content h3.comments-title {
  padding-left: 40px;
}
.blogpage .content h3.fs20 {
  font-size: 20px !important;
}
.blogpage .content h3.fs18 {
  font-size: 18px !important;
}

.blogpage ul, .blogpage ol {
  /*margin-left: 20px !important; */
  list-style: none;
}

/** new layout */
.blog-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
  margin-top: 30px;
}
@media (max-width: 1480px) {
  .blog-list {
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
  }
}
.blog-list .blog-column {
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0 22px 36px 0 rgba(0, 0, 0, 0.11);
}
.blog-list .blog-column .blog-header {
  padding-top: 150px !important;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  background-size: cover;
  background-position: center;
  cursor: pointer;
  height: 310px;
  padding-right: 40px;
  padding-left: 40px;
}
@media (max-width: 1680px) {
  .blog-list .blog-column .blog-header {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 768px) {
  .blog-list .blog-column .blog-header {
    padding-top: 120px !important;
  }
}
.blog-list .blog-column .blog-header .badge-blog {
  background-color: #668ab5 !important;
  color: white;
  text-transform: uppercase;
  font-size: 12px;
  font-family: "Source Sans Pro";
  letter-spacing: 0.84px;
  font-weight: 600;
  position: relative;
  z-index: 11;
}
.blog-list .blog-column .blog-header h2, .blog-list .blog-column .blog-header h1 {
  position: relative;
  z-index: 11;
}
.blog-list .blog-column .overlay-blog-header {
  height: 187px;
  top: -187px;
  opacity: 0.52;
  z-index: 10;
  margin-bottom: -187px;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000);
}
.blog-list.related .blog-column .blog-header {
  padding-top: 130px !important;
}

/** new layout */
.blog-list-autor {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
  margin-top: 30px;
}
@media (max-width: 1400px) {
  .blog-list-autor {
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
  }
}
@media (max-width: 768px) {
  .blog-list-autor {
    grid-template-columns: repeat(1, 1fr);
    gap: 0px;
  }
}
.blog-list-autor .blog-column {
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0 22px 36px 0 rgba(0, 0, 0, 0.11);
}
.blog-list-autor .blog-column .blog-header {
  padding-top: 150px !important;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  background-size: cover;
  background-position: center;
  cursor: pointer;
  height: 310px;
  padding-right: 40px;
  padding-left: 40px;
}
@media (max-width: 1680px) {
  .blog-list-autor .blog-column .blog-header {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 768px) {
  .blog-list-autor .blog-column .blog-header {
    padding-top: 120px !important;
  }
}
.blog-list-autor .blog-column .blog-header .badge-blog {
  background-color: #668ab5 !important;
  color: white;
  text-transform: uppercase;
  font-size: 12px;
  font-family: "Source Sans Pro";
  letter-spacing: 0.84px;
  font-weight: 600;
  position: relative;
  z-index: 11;
}
.blog-list-autor .blog-column .blog-header h2, .blog-list-autor .blog-column .blog-header h1 {
  position: relative;
  z-index: 11;
}
.blog-list-autor .blog-column .overlay-blog-header {
  height: 187px;
  top: -187px;
  opacity: 0.52;
  z-index: 10;
  margin-bottom: -187px;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000);
}
.blog-list-autor.related .blog-column .blog-header {
  padding-top: 130px !important;
}

/*
arrow-circle-blog.svg
kommentar_icon.svg
author_icon.svg
 */
.omr-footer {
  display: none;
}
@media (max-width: 992px) {
  .omr-footer {
    display: block !important;
  }
}

@media (max-width: 992px) {
  .omr-sidebar {
    display: none;
  }
}

.team-image {
  background-image: url("../img/MeinVerein_Teamfoto_01.webp");
  width: 426px;
  height: 350px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 20px;
  padding-right: 40px;
  padding-left: 40px;
  margin-top: 60px !important;
  box-shadow: 0 22px 36px 0 rgba(0, 0, 0, 0.11);
  padding-top: 180px;
}
@media (max-width: 992px) {
  .team-image {
    display: none;
  }
}
@media (max-width: 1680px) {
  .team-image {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.team-image h2.blog-h3, .team-image p.blog-h3 {
  font-size: 32px !important;
  color: white !important;
  margin-top: 10px;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.7;
  margin-bottom: 20px !important;
}
.team-image h1.blog-h3 {
  font-size: 32px !important;
  color: white !important;
  margin-top: 10px;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.7;
  margin-bottom: 20px !important;
}
.team-image p {
  color: white !important;
  font-size: 16px !important;
}

h2.blog-h3, p.blog-h3 {
  font-size: 28px !important;
  color: white !important;
  margin-top: 10px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.24;
}
@media (max-width: 1680px) {
  h2.blog-h3, p.blog-h3 {
    font-size: 26px !important;
  }
}

h1 a, h1.blog-h3 {
  font-size: 32px !important;
  color: white !important;
  margin-top: 10px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
}
@media (max-width: 1680px) {
  h1 a, h1.blog-h3 {
    font-size: 26px !important;
  }
}
@media (max-width: 1024px) {
  h1 a, h1.blog-h3 {
    margin-left: 0;
    line-height: 1;
  }
}

.imagebanner {
  margin-top: 60px;
  border-radius: 20px;
  box-shadow: 0 22px 36px 0 rgba(0, 0, 0, 0.11);
}
@media (max-width: 1200px) {
  .imagebanner {
    display: none;
  }
}
.imagebanner .buttons {
  margin: 0;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 40px;
  padding-top: 20px;
}
@media (max-width: 1680px) {
  .imagebanner .buttons {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
  }
}
.imagebanner .buttons a {
  margin-top: 0;
}
.imagebanner h2.imagebanner-h2 {
  font-size: 20px !important;
  font-weight: 700;
  padding: 40px;
  line-height: 26px;
  margin: 0 !important;
}
@media (max-width: 1680px) {
  .imagebanner h2.imagebanner-h2 {
    padding: 20px;
  }
}
.imagebanner ul.check-icon {
  width: auto;
  margin: auto;
  max-width: 80%;
  padding: 40px;
  padding-top: 0;
  padding-bottom: 0 !important;
}
@media (max-width: 1680px) {
  .imagebanner ul.check-icon {
    padding: 30px;
    padding-right: 20px;
  }
}
.imagebanner ul.check-icon li {
  line-height: 2.38;
  font-size: 16px !important;
}
@media (min-width: 1680px) {
  .imagebanner ul.check-icon li {
    line-height: 1.8;
  }
}
.imagebanner .image {
  background-image: url("../img/jetzt-testen-blog.webp");
  width: 426px;
  height: 270px;
  background-size: cover;
  background-repeat: no-repeat;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}

@media (max-width: 768px) {
  .blog-content {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .blog-content .content {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
.blog-content .mv-imagebanner:not(.mv-image-block-banner) {
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  background-color: #fff;
  box-shadow: 0 22px 36px 0 rgba(0, 0, 0, 0.11);
  margin-bottom: 40px;
}
.blog-content .mv-imagebanner:not(.mv-image-block-banner) .buttons {
  width: 400px;
  margin: auto;
  max-width: 90%;
  padding-bottom: 30px;
}
.blog-content .mv-imagebanner:not(.mv-image-block-banner) .buttons .wp-block-button {
  width: 100%;
  margin: auto;
  text-align: center;
}
.blog-content .mv-imagebanner:not(.mv-image-block-banner) .flex-buttons-mobile {
  flex-direction: row !important;
  padding-top: 15px;
  justify-content: center;
}
@media (min-width: 1201px) {
  .blog-content .mv-imagebanner:not(.mv-image-block-banner) {
    display: none;
  }
}
@media (max-width: 1100px) {
  .blog-content .mv-imagebanner:not(.mv-image-block-banner) {
    flex-direction: column;
  }
  .blog-content .mv-imagebanner:not(.mv-image-block-banner) .image {
    clip-path: unset;
  }
}
.blog-content .mv-imagebanner:not(.mv-image-block-banner) h2.imagebanner-h2 {
  text-align: center;
  font-size: 20px !important;
  font-weight: 600;
  padding: 40px;
  margin: 0 !important;
}
@media (min-width: 1101px) {
  .blog-content .mv-imagebanner:not(.mv-image-block-banner) h2.imagebanner-h2 {
    text-align: left;
  }
}
@media (max-width: 1680px) {
  .blog-content .mv-imagebanner:not(.mv-image-block-banner) h2.imagebanner-h2 {
    padding: 20px;
  }
}
.blog-content .mv-imagebanner:not(.mv-image-block-banner) ul.check-icon {
  width: auto;
  margin: auto;
  max-width: 100%;
  padding: 40px;
  padding-top: 20PX;
}
.blog-content .mv-imagebanner:not(.mv-image-block-banner) ul.check-icon li {
  line-height: 2.38;
  font-size: 16px !important;
}
.blog-content .mv-imagebanner:not(.mv-image-block-banner) ul.check-icon li:before {
  height: 20px;
  width: 25px;
}
@media (max-width: 768px) {
  .blog-content .mv-imagebanner:not(.mv-image-block-banner) ul.check-icon li {
    line-height: 1.38;
  }
  .blog-content .mv-imagebanner:not(.mv-image-block-banner) ul.check-icon li:before {
    height: 15px;
    width: 20px;
    margin-bottom: -20px;
  }
}
@media (max-width: 1100px) {
  .blog-content .mv-imagebanner:not(.mv-image-block-banner) ul.check-icon {
    max-width: 60%;
    margin: auto !important;
  }
}
@media (max-width: 768px) {
  .blog-content .mv-imagebanner:not(.mv-image-block-banner) ul.check-icon {
    max-width: 85%;
    margin: auto !important;
    padding: 20px !important;
    font-size: 14px !important;
    padding-right: 0 !important;
  }
}

#singlepost {
  box-shadow: 0 22px 36px 0 rgba(0, 0, 0, 0.11);
  border-radius: 20px;
  margin-bottom: 60px;
}
@media (min-width: 1201px) {
  #singlepost {
    margin-right: 1rem !important;
  }
}
#singlepost .blog-header {
  padding-top: 150px !important;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  background-size: cover;
  height: 310px;
  background-position: center;
  padding-right: 40px;
  padding-left: 40px;
}
@media (max-width: 1680px) {
  #singlepost .blog-header {
    padding-left: 20px;
    padding-right: 20px;
    background-size: 120%;
    height: 300px;
  }
}
@media (max-width: 1600px) {
  #singlepost .blog-header {
    background-size: cover;
  }
}
@media (max-width: 768px) {
  #singlepost .blog-header {
    padding-top: 120px !important;
  }
}
@media (max-width: 1200px) {
  #singlepost .blog-header {
    padding-left: 20px;
    padding-right: 20px;
  }
}
#singlepost .blog-header .badge-blog {
  background-color: #668ab5 !important;
  color: white;
  text-transform: uppercase;
  font-size: 12px;
  font-family: "Source Sans Pro";
  letter-spacing: 0.84px;
  font-weight: 600;
  position: relative;
  z-index: 11;
}
#singlepost .blog-header h2, #singlepost .blog-header h1 {
  position: relative;
  z-index: 11;
}
#singlepost .overlay-blog-header {
  height: 187px;
  top: -187px;
  opacity: 0.52;
  z-index: 10;
  margin-bottom: -187px;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000);
}

@media (max-width: 768px) {
  #related-posts {
    flex-direction: column;
  }
}
#related-posts .related-h3 {
  font-size: 26px !important;
  bottom: -29px;
  background-color: #fff;
  position: relative;
  z-index: 9;
  display: inline-block;
  padding-right: 20px;
}
#related-posts p.related-h3 {
  bottom: -47px;
}
#related-posts .related-blog-posts {
  margin-top: 80px !important;
}

.blog-body {
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 40px;
}
.blog-body .frm_on_label.frm_switch_opt {
  font-size: 13px !important;
}
.blog-body p {
  font-size: 20px;
}
@media (max-width: 1680px) {
  .blog-body {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.blog-body ul.post_categories {
  list-style: none;
  padding-top: 30px;
}
.blog-body ul.post_categories li {
  font-size: 16px !important;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: normal;
}
@media (max-width: 580px) {
  .blog-body ul.post_categories li {
    font-size: 14px !important;
  }
  .blog-body ul.post_categories li:before {
    top: 2px;
    position: relative;
  }
}
@media (max-width: 480px) {
  .blog-body ul.post_categories li {
    font-size: 13px !important;
  }
}
.blog-body ul.post_categories li:after {
  content: "|";
  padding-left: 10px;
  padding-right: 10px;
  color: #d5d5d5;
}
@media (max-width: 1680px) {
  .blog-body ul.post_categories li:after {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (max-width: 480px) {
  .blog-body ul.post_categories li:after {
    padding-left: 2px;
    padding-right: 2px;
  }
}
.blog-body ul.post_categories li:last-child:after {
  content: "";
}
.blog-body ul.post_categories li.date-icon:before {
  display: inline-block;
  content: " ";
  background-image: url("../img/icons_2022/calendar.svg");
  width: 14.1px;
  height: 15.6px;
  margin-right: 12px;
}
@media (max-width: 1680px) {
  .blog-body ul.post_categories li.date-icon {
    margin-right: 6px;
  }
}
@media (max-width: 480px) {
  .blog-body ul.post_categories li.date-icon {
    margin-right: 2px;
  }
}
.blog-body ul.post_categories li.pencil-icon:before {
  display: inline-block;
  content: " ";
  background-image: url("../img/icons_2022/author_icon.svg");
  width: 12.7px;
  height: 12.7px;
  margin-right: 12px;
}
@media (max-width: 1680px) {
  .blog-body ul.post_categories li.pencil-icon:before {
    margin-right: 6px;
  }
}
.blog-body ul.post_categories li.comment-icon:before {
  display: inline-block;
  content: " ";
  background-image: url("../img/icons_2022/kommentar_icon.svg");
  width: 15.3px;
  height: 15.3px;
  margin-right: 12px;
  position: relative;
  top: 2px;
}
@media (max-width: 1680px) {
  .blog-body ul.post_categories li.comment-icon:before {
    margin-right: 6px;
  }
}
.blog-body ul.post_categories li.rating-icon:before {
  display: inline-block;
  content: " ";
  background-image: url(../img/thumb-up.svg);
  width: 18.3px;
  height: 18.3px;
  background-repeat: no-repeat;
  margin-right: 12px;
  position: relative;
  top: 2px;
}
@media (max-width: 1680px) {
  .blog-body ul.post_categories li.rating-icon:before {
    margin-right: 6px;
  }
}
.blog-body ul:not(.post_categories):not(.summary-list) {
  list-style: disc;
  padding-top: 0px;
  padding-bottom: 10px;
  padding-left: 10px;
}
.blog-body ul:not(.post_categories):not(.summary-list).wp-block-list {
  padding-left: 20px;
}
.blog-body ul:not(.post_categories):not(.summary-list) li {
  font-size: 20px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: normal;
}
.blog-body ol:not(.post_categories) {
  list-style: decimal;
  padding-top: 0px;
  padding-bottom: 10px;
  padding-left: 10px;
}
.blog-body ol:not(.post_categories) li {
  font-size: 20px !important;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: normal;
}
@media (max-width: 768px) {
  .blog-body ol:not(.post_categories) li {
    font-size: 18px !important;
  }
}
.blog-body .teaser {
  color: #023E84;
  font-size: 20px;
}
@media (max-width: 1680px) {
  .blog-body .teaser {
    font-size: 18px !important;
  }
}
.blog-body hr.blog-body-divider {
  background-color: #f7f7f7;
  color: #f7f7f7;
  height: 2px;
}
.blog-body a.readmore-blog img {
  width: 32px;
  height: 32px;
  margin-bottom: 50px;
  margin-top: 15px;
}
@media (max-width: 992px) {
  .blog-body a.readmore-blog img {
    margin-bottom: 0;
  }
}

.blogpage {
  padding-top: 80px;
}
.blogpage p.blog-h3 {
  position: relative;
  z-index: 999;
}
.blogpage h2.blog-h3, .blogpage p.blog-h3 {
  line-height: 1.3;
}
@media (max-width: 1680px) {
  .blogpage h2.blog-h3, .blogpage p.blog-h3 {
    font-size: 30px !important;
  }
}
.blogpage .imagebanner ul.check-icon {
  width: auto;
  margin: auto;
  max-width: 90%;
  padding: 40px;
  padding-top: 20px;
  padding-bottom: 0 !important;
  padding-left: 60px !important;
}
@media (max-width: 1680px) {
  .blogpage .imagebanner ul.check-icon {
    padding-left: 38px !important;
  }
}
.blogpage .imagebanner ul.check-icon li {
  line-height: 2.38;
  font-size: 16px !important;
}
@media (max-width: 1680px) {
  .blogpage .imagebanner ul.check-icon li {
    line-height: 1.8;
  }
}

.mv-btn-back {
  background-color: #f6f7fb !important;
  padding: 10px 20px;
  color: #023e84;
  text-transform: uppercase;
  border-radius: 5px;
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 600;
  display: inline-block;
}
@media (max-width: 1200px) {
  .mv-btn-back {
    margin: 10px !important;
    margin-bottom: 10px !important;
  }
}
.mv-btn-back:before {
  content: "&nbsp;";
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background-color: #023E84;
  -webkit-mask: url(../img/icons_2022/long-arrow-alt-right-solid.svg) no-repeat 100% 100%;
  mask: url(../img/icons_2022/long-arrow-alt-right-solid.svg) no-repeat 100% 100%;
  -webkit-mask-position: center;
  color: #023E84;
  display: inline-block;
  transform: rotate(180deg);
  margin-right: 15px;
  margin-top: -2px;
}
.mv-btn-back:hover {
  color: white;
  background-color: #023E84 !important;
}
.mv-btn-back:hover:before {
  color: white;
  background-color: white !important;
}

.blogpage h2 span.underline, .blogpage h2 sup, .blogpage h3 span.underline, .blogpage h3 sup {
  top: unset;
  background-repeat: repeat-x;
  background-position-y: 27px;
  background-image: url(../img/icons_2022/yellowbg.gif);
  background-size: 14px;
  text-decoration: none;
}

.related-blog-posts .flex-content {
  width: 100%;
}

#commentssection ul.comment_data {
  list-style: none !important;
  padding-top: 30px;
  padding-left: 0px !important;
  margin-left: 0 !important;
}
@media (max-width: 992px) {
  #commentssection ul.comment_data {
    padding-top: 0;
  }
}
#commentssection ul.comment_data li {
  font-family: "Source Sans Pro", sans-serif !important;
  font-size: 16px !important;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  text-index: 0;
  padding-left: 0;
  line-height: 1.6;
  letter-spacing: normal;
  box-shadow: unset;
}
#commentssection ul.comment_data li.date-comment {
  font-size: 14px !important;
  opacity: 0.6;
}
@media (max-width: 580px) {
  #commentssection ul.comment_data li {
    font-size: 14px !important;
  }
  #commentssection ul.comment_data li:before {
    top: 2px;
    position: relative;
  }
}
@media (max-width: 480px) {
  #commentssection ul.comment_data li {
    font-size: 13px !important;
  }
}
#commentssection ul.comment_data li:after {
  content: "";
  padding-left: 10px;
  padding-right: 10px;
  color: #d5d5d5;
}
@media (max-width: 1680px) {
  #commentssection ul.comment_data li:after {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (max-width: 480px) {
  #commentssection ul.comment_data li:after {
    padding-left: 2px;
    padding-right: 2px;
  }
}
#commentssection ul.comment_data li:last-child:after {
  content: "";
}
#commentssection ul.comment_data li.date-icon:before {
  display: inline-block;
  content: " ";
  background-image: url("../img/icons_2022/calendar.svg");
  width: 14.1px;
  height: 15.6px;
  margin-right: 12px;
}
@media (max-width: 1680px) {
  #commentssection ul.comment_data li.date-icon {
    margin-right: 6px;
  }
}
@media (max-width: 480px) {
  #commentssection ul.comment_data li.date-icon {
    margin-right: 2px;
  }
}
#commentssection ul.comment_data li.pencil-icon:before {
  display: inline-block;
  content: " ";
  background-image: url("../img/icons_2022/author_icon.svg");
  width: 12.7px;
  height: 10.7px;
  margin-right: 7px;
  background-position: left;
  vertical-align: middle;
}
@media (max-width: 1680px) {
  #commentssection ul.comment_data li.pencil-icon:before {
    margin-right: 6px;
  }
}
#commentssection ul.comment_data li.comment-icon:before {
  display: inline-block;
  content: " ";
  background-image: url("../img/icons_2022/kommentar_icon.svg");
  width: 13px;
  height: 12.7px;
  margin-right: 7px;
  background-size: 13px;
  position: relative;
  top: -1px;
  vertical-align: middle;
}
@media (max-width: 1680px) {
  #commentssection ul.comment_data li.comment-icon:before {
    margin-right: 6px;
  }
}

.comment-meta-top {
  height: 70px;
  border-bottom: 1px solid rgba(2, 62, 132, 0.1);
}

h4.comment-single-title {
  font-family: "Source Sans Pro" !important;
  font-size: 24px !important;
  font-weight: 600;
}

a.show-answers {
  font-size: 16px;
  color: #023E84;
  padding-bottom: 3px;
  border-bottom: 1px dotted #023E84;
}

.comment-answer-button {
  background-color: #023E84;
  color: white !important;
  padding: 14px 43.3px 14px 43.6px;
  transition: all 0.3s;
  border-radius: 4px;
  font-weight: 600;
}
.comment-answer-button:hover {
  color: white;
  opacity: 0.9;
  transition: all 0.3s;
  text-decoration: none !important;
}

.commentform-answer #reply-title {
  display: none;
}
.commentform-answer .comment-respond .small {
  display: none;
}
.commentform-answer .comment-form-title {
  display: none;
}

.comment-answers {
  padding-left: 15px;
}

.comment-comment {
  height: auto;
  padding-bottom: 50px;
}

.comment-comment-meta {
  padding-bottom: 5px;
  height: 65px;
  margin-bottom: 20px;
}

.align-start {
  align-content: start;
}

.blogteaser {
  line-height: 1.4;
  height: 200px;
}
@media (max-width: 1480px) {
  .blogteaser {
    height: auto;
  }
}

@media (max-width: 1400px) {
  .kombibox-image-imagecontainer img {
    max-width: 100%;
  }
}

.nav-links a:link {
  color: #023E84;
  text-decoration: none;
}

.nav-links a:hover {
  color: white !important;
  text-decoration: none;
}

.nocheckboxtitle .frm_primary_label, .comment-meta-top .comment-icon {
  display: none !important;
}

.filterblock #dropdownMenuButton-Blogfilter {
  color: #023E84;
  font-size: 16px;
  line-height: 24px;
  padding-top: 0 !important;
  padding-bottom: 10px;
  text-align: left;
  padding-left: 25px;
  font-family: "Cairo", sans-serif;
  font-weight: 600;
}
.filterblock #dropdownMenuButton-Blogfilter:focus {
  border: none;
}
.filterblock #dropdownMenuButton-Blogfilter.show {
  border: none !important;
}
.filterblock .dropdown-menu {
  position: absolute;
  inset: 0px auto auto 0px;
  margin: 0px;
  transform: translate(0px, 47px) !important;
  border-radius: 12px;
  font-size: 16px;
  box-shadow: 0 13px 76px 0 rgba(0, 0, 0, 0.11);
}
.filterblock .dropdown-menu.show {
  border: none !important;
}
.filterblock .dropdown-menu li a {
  color: #00234d;
  font-size: 16px;
}
.filterblock .dropdown-menu li a.active {
  color: #FA7D19;
  background: transparent !important;
}
.filterblock .dropdown-menu li a:hover {
  text-decoration: none;
  transform: unset;
  color: #FA7D19;
  background: transparent !important;
  padding-left: 20px !important;
}
.filterblock .dropdown-menu li a:hover:before {
  margin-top: 4px !important;
}

body[data-countdown="1"] .blogpage {
  padding-top: 50px !important;
}

.infobox-button .wp-block-button a.wp-element-button {
  display: inline;
}

.sidebar-cta-container {
  padding: 2rem 3rem;
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: 3px 5px 3px 0 rgba(2, 12, 21, 0.04);
}
.sidebar-cta-container__title {
  display: block;
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
  color: #333333;
}
.sidebar-cta-container__title strong {
  color: #FA7D19;
}
.sidebar-cta-container__image {
  margin: 2rem 0;
}
.sidebar-cta-container__image img {
  width: 100%;
  height: auto;
}
.sidebar-cta-container__buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.omr-sidebar {
  background-color: #FFFFFF;
  border-radius: 20px;
  box-shadow: 0 22px 36px 0 rgba(0, 0, 0, 0.11);
  text-align: center;
}
.omr-sidebar p {
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.94;
  letter-spacing: normal;
  text-align: left;
  color: #023e84;
}
.omr-sidebar p span {
  font-weight: 700;
  line-height: 24px;
}

.sidebar-padding {
  padding-left: 30px;
  padding-right: 25px;
  padding-bottom: 30px;
}

.badgefont {
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: normal;
  text-align: center;
  color: #222;
  margin-top: -10px;
}

body h3.upper-case-h3 {
  font-size: 20px !important;
  font-weight: 700 !important;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #023e84;
}

.sidebar-text-link {
  color: #023e84 !important;
  text-decoration: underline !important;
}
.sidebar-text-link:hover {
  text-decoration: none !important;
}

@media (max-width: 1200px) {
  img.always-100-1200 {
    width: 100%;
  }
}

@media (max-width: 1200px) {
  body .blog-cats #lsearch {
    margin-top: 0px !important;
  }
}

.sidebar-input input[type=email] {
  padding: 25px !important;
  border-radius: 7px !important;
  box-shadow: 0 13px 26px 0 rgba(0, 0, 0, 0.08) !important;
  border: solid 1px #e0e0e0 !important;
  background-color: #fff !important;
}
.sidebar-input input[type=email]::placeholder {
  font-size: 20px !important;
  opacity: 0.7 !important;
  color: #023e84 !important;
}

.nl-form-sidebar .frm_checkbox label {
  color: #023e84;
}
.nl-form-sidebar button.frm_button_submit {
  padding: 15px 20px !important;
  height: 70px !important;
  border-radius: 7px !important;
  display: inline-block;
  text-decoration: none;
  font-size: 16px !important;
  font-family: cairo !important;
  width: 100% !important;
  text-align: center;
  background-color: #FA7D19 !important;
  border: 1px solid #FA7D19 !important;
  color: #FFFFFF !important;
  box-shadow: 0 22px 36px 0 rgba(38, 35, 32, 0.16) !important;
}
.nl-form-sidebar button.frm_button_submit:hover {
  text-decoration: none !important;
}
.nl-form-sidebar button.frm_button_submit.noborder {
  border: none;
}
.nl-form-sidebar button.frm_button_submit.opacity:hover {
  background-color: rgba(250, 125, 25, 0.8);
  transition: all 0.3s ease-in-out;
}

.doi-submit {
  cursor: pointer;
  width: 100%;
  text-align: center;
  padding: 25px 20px !important;
  font-size: 16px !important;
  font-family: cairo !important;
  border-radius: 7px !important;
}

body .omr-sidebar p.fw700 span {
  font-weight: 700 !important;
  line-height: 24px !important;
}

.comment-depth {
  font-size: 10px !important;
  opacity: 0.3;
  position: absolute;
}

.commentform-main {
  border-radius: 20px;
  box-shadow: 0 22px 36px 0 rgba(0, 0, 0, 0.11);
  background-color: rgb(255, 255, 255);
  padding: 40px;
}

.commenform input {
  margin: 10px 0 0;
  padding: 20px 415.1px 18px 19.9px;
  border-radius: 7px;
  border: solid 1px rgb(213, 213, 213);
  background-color: rgb(255, 255, 255);
}

.mv-comments label {
  display: inline-block;
  font-size: 14px;
  position: relative;
  top: 10px;
  left: 10px;
  background: white;
  padding: 0px 10px;
}

.form-submit #submit {
  margin: 24.5px 3.5px 0 0;
  padding: 15px 0;
  text-align: center;
  border-radius: 4px;
  background-color: rgb(2, 62, 132) !important;
  color: rgb(255, 255, 255) !important;
}

#commentssection ol.comment-list {
  padding: 65.8px 52.5px 60px 46px;
  border-radius: 20px;
  box-shadow: 0 22px 36px 0 rgba(0, 0, 0, 0.11) !important;
}
#commentssection ol.comment-list ol {
  padding-left: 0 !important;
  margin-left: 0 !important;
}
#commentssection ol.comment-list ol.children li.comment {
  border: solid 1px rgb(240, 240, 240);
  background-color: rgb(250, 250, 250);
  box-shadow: none !important;
  border-radius: 4px;
  padding: 30px;
}
#commentssection ol.comment-list ol.children li.comment.depth-3 {
  margin-left: 30px;
}

input[type=file] {
  background-color: white;
  border-radius: 10px;
  border: 1px solid #00234d;
}
input[type=file] button {
  background-color: white;
  border-radius: 10px;
  border: 0;
}

img.author-is-mv {
  display: inline-block;
  margin-right: 10px;
  margin-top: -4px;
  width: 200px;
  height: auto;
}
@media (max-width: 992px) {
  img.author-is-mv {
    width: 140px;
    height: auto;
  }
}
@media (max-width: 580px) {
  img.author-is-mv {
    width: 100px;
    height: auto;
  }
}

.commentlist-depth-1 {
  padding: 65.8px 52.5px 60px 46px;
  border-radius: 20px;
  box-shadow: 0 22px 36px 0 rgba(0, 0, 0, 0.11) !important;
}

#commentssection ol.comment-list {
  list-style: none !important;
  margin: 0 !important;
  margin-bottom: 40px !important;
}
#commentssection ol.comment-list li:not(.author):not(.date-comment) {
  margin: 0;
  background-color: #fff;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  #commentssection ol.comment-list li:not(.author):not(.date-comment) {
    padding: 15px;
  }
}
#commentssection ol.comment-list li:not(.author):not(.date-comment) ul li {
  font-size: 16px !important;
}
@media (max-width: 992px) {
  #commentssection ol.comment-list li:not(.author):not(.date-comment) ul li {
    font-size: 14px !important;
  }
  #commentssection ol.comment-list li:not(.author):not(.date-comment) ul li span.commentchildren {
    font-size: 14px !important;
  }
}
@media (max-width: 992px) {
  #commentssection ol.comment-list li.author {
    display: flex;
    justify-content: left;
    flex-direction: column;
    font-size: 14px !important;
  }
  #commentssection ol.comment-list li.author span {
    font-size: 14px;
  }
}
@media (max-width: 992px) {
  #commentssection ol.comment-list li.date-comment {
    font-size: 14px !important;
  }
  #commentssection ol.comment-list li.date-comment span.commentchildren {
    font-size: 14px !important;
  }
}

.comment-form-attachment__file-size-notice {
  font-size: 16px;
}

.comment-form-author, .comment-form-email {
  flex-basis: 49%;
}
@media (max-width: 768px) {
  .comment-form-author, .comment-form-email {
    flex-basis: 100%;
  }
}

.comment-reply-title small {
  padding-left: 10px;
}
.comment-reply-title:before {
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../img/icons_2024/antworten_blau.svg);
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 10px;
}

.custom-submit-button {
  position: relative;
  padding-left: 2.5rem; /* Platz für das Icon */
}

.custom-submit-button {
  background-color: #023E84;
  margin-top: 10px;
  padding: 10px 30px !important;
  border-radius: 7px;
  border: none !important;
  color: white;
  font-size: 18px;
}
.custom-submit-button:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../img/icons_2024/antworten_weiss.svg);
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 10px;
  position: relative;
  top: 3px;
}

.comment-reply-link {
  background-color: #023E84;
  border-radius: 7px;
  color: white;
  font-size: 18px;
}
.comment-reply-link:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../img/icons_2024/antworten_weiss.svg);
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 10px;
  position: relative;
  top: 3px;
}

.date-comment {
  font-size: 14px !important;
}

.commentchildren {
  font-size: 16px !important;
  margin-right: 10px;
}
.commentchildren.badge-primary {
  background-color: rgba(2, 62, 132, 0.2) !important;
  color: #00234d;
}

.commentrating-trigger {
  cursor: pointer;
  width: 20px;
  opacity: 0.6;
}

.comment-respond input {
  padding: 18px;
}
.comment-respond input::placeholder, .comment-respond textarea::placeholder {
  color: #00234d !important;
  opacity: 0.6;
  font-size: 16px;
}
.comment-respond textarea {
  padding: 16px;
  padding-left: 16px;
}
.comment-respond label {
  left: 9px !important;
}

.comment-notes {
  font-size: 14px;
}

#agendacontainer a:hover {
  text-decoration: none;
  color: #FA7D19;
}

.agenda-sidebar {
  background-color: #fff !important;
  border-radius: 20px;
}
.agenda-sidebar.active {
  box-shadow: 0 13px 76px 0 rgba(0, 0, 0, 0.11);
  position: fixed;
  z-index: 9;
  top: 110px;
}
@media (max-width: 1200px) {
  .agenda-sidebar.active {
    bottom: 5px;
    left: 0;
    max-width: 100%;
  }
}
.agenda-sidebar ol {
  list-style: decimal;
  padding: 0;
  margin: 0;
}
.agenda-sidebar ol li {
  font-size: 18px !important;
  line-height: 36px !important;
}
.agenda-sidebar ol li a {
  font-size: 18px !important;
}
.agenda-sidebar ol li a.active {
  color: #FA7D19 !important;
}
@media (max-width: 1200px) {
  .agenda-sidebar ol li {
    font-size: 16px !important;
    line-height: 30px !important;
  }
  .agenda-sidebar ol li a {
    font-size: 16px !important;
  }
}

.inner-sidebar-block {
  box-shadow: 0 13px 76px 0 rgba(0, 0, 0, 0.11);
  border-radius: 20px;
  margin-top: -25px;
}
.inner-sidebar-block .mv-infobox {
  background-color: #fff !important;
  padding: 30px !important;
}

.blueicon.next-icon a:after {
  content: "&nbsp;";
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background-color: #023e84;
  -webkit-mask: url(../img/icons_2022/long-arrow-alt-right-solid.svg) no-repeat 100% 100%;
  mask: url(../img/icons_2022/long-arrow-alt-right-solid.svg) no-repeat 100% 100%;
  -webkit-mask-position: center;
  transform: rotate(180deg);
  margin-right: 15px;
  margin-top: -2px;
}

.blueicon.prev-icon a:before {
  content: "&nbsp;";
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background-color: #023e84;
  -webkit-mask: url(../img/icons_2022/long-arrow-alt-left-solid.svg) no-repeat 100% 100%;
  mask: url(../img/icons_2022/long-arrow-alt-left-solid.svg) no-repeat 100% 100%;
  -webkit-mask-position: center;
  transform: rotate(-180deg);
  margin-right: 15px;
  margin-top: -2px;
}

/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.blog-body .mv-container {
  padding: 0px !important;
}

.mv-infobox {
  width: 100%;
  max-width: 1600px;
  margin: auto;
  background-color: #f7f7f7;
  border-radius: 20px;
  padding: 60px;
}
.mv-infobox .badge-blog {
  margin-top: 0px;
}
@media (max-width: 768px) {
  .mv-infobox {
    padding: 20px;
  }
  .mv-infobox .badge-blog {
    margin-top: 0px;
  }
}

.mv-infobox-light {
  width: 100%;
  max-width: 1600px;
  margin: auto;
  border: solid 1px #f0f0f0;
  background-color: #fafafa;
  border-radius: 20px;
  padding: 50px;
  padding-top: 40px;
}
.mv-infobox-light .badge-blog {
  margin-top: 0px;
}
@media (max-width: 768px) {
  .mv-infobox-light {
    padding: 20px;
  }
  .mv-infobox-light .badge-blog {
    margin-top: 0px;
  }
}

ul.summary-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
ul.summary-list li {
  background-image: url(../img/icons_2024/check-bubble-orange.svg);
  background-repeat: no-repeat;
  background-position: 7px 0.3em;
  padding-left: 40px;
  background-size: 20px;
  padding-bottom: 20px;
  font-size: 16px !important;
}

.ff22, .blogpage .content h2.ff22 {
  font-size: 22px !important;
  font-weight: 600 !important;
  border-bottom: 1px solid rgba(2, 62, 132, 0.1);
  padding-bottom: 20px !important;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .ff22, .blogpage .content h2.ff22 {
    font-size: 20px;
  }
}

.badge-blog {
  background-color: #668ab5;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  font-family: "Arial", "sans-serif" !important;
  letter-spacing: 0.84px;
  font-weight: 600;
  position: relative;
  z-index: 11;
  padding: 7px 16px !important;
  border-radius: 5px;
  line-height: inherit !important;
}
@media (max-width: 1400px) {
  .badge-blog {
    margin-top: 50px;
  }
}

.agenda {
  color: #023E84;
  font-size: 22px;
  font-weight: 600;
}

.mv-bannerbox {
  width: 100%;
  max-width: 1600px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: auto;
  background-color: #f7f7f7;
  border-radius: 20px;
  display: flex;
  height: 300px;
  flex-direction: column;
  justify-content: flex-end;
  padding: 30px 40px !important;
}
@media (max-width: 1024px) {
  .mv-bannerbox {
    height: 220px;
  }
}
.mv-bannerbox h3, .mv-bannerbox span {
  position: relative;
  z-index: 2;
}
.mv-bannerbox h3.bannerbox-h3, .mv-bannerbox span.bannerbox-h3 {
  display: block;
  font-family: Cairo !important;
  font-size: 32px !important;
  color: white !important;
}

.banner-overlay {
  position: relative;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000);
  opacity: 0.43;
  height: 180px;
  top: -180px;
  width: 100%;
  border-radius: 20px;
  z-index: 1;
  margin-bottom: -180px;
}

#agendacontainer a {
  color: #023E84;
}

.kombibox-image-imagecontainer {
  position: relative;
  max-height: 300px;
  height: 300px;
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 1400px) {
  .kombibox-image-imagecontainer {
    max-height: unset;
    height: auto;
    width: 100%;
  }
  .kombibox-image-imagecontainer img {
    width: 100% !important;
    height: auto !important;
  }
}

.infobox-button .wp-block-button {
  margin: 0;
}
.infobox-button .wp-block-button a {
  background-color: #FA7D19;
  color: #fff;
  transition: all 0.3s;
  border-radius: 5px;
  padding: 10px 20px;
}
.infobox-button .wp-block-button a:hover {
  transition: all 0.3s;
  color: #fff !important;
  transform: translate(0, -5px);
}
.infobox-button .wp-block-button a:after {
  content: "&nbsp;";
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background-color: white;
  -webkit-mask: url("../img/icons_2022/long-arrow-alt-right-solid.svg") no-repeat 100% 100%;
  mask: url("../img/icons_2022/long-arrow-alt-right-solid.svg") no-repeat 100% 100%;
  -webkit-mask-position: center;
  color: white;
  display: inline-block;
  position: relative;
  right: -5px;
  top: -1px;
}

.kombibox p.info {
  font-size: 18px;
}

@media (max-width: 768px) {
  .mv-bannerbox {
    padding: 20px !important;
    line-height: 1;
  }
}

@media (max-width: 768px) {
  tbody {
    overflow-x: scroll;
  }
}
/* List of collapsed elements, e.g. top rated articls in helpcenter */
.collapsing-elements {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media (max-width: 992px) {
  .collapsing-elements {
    grid-template-columns: repeat(1, 1fr);
  }
}
.collapsing-elements li {
  padding: 0;
  margin: 0;
  width: 100%;
}
.collapsing-elements li.tagged-hidden {
  display: none !important;
}
.collapsing-elements li a {
  border-radius: 20px;
  box-shadow: 0 22px 36px 0 rgba(217, 225, 234, 0.41);
  background-color: #fff;
  padding: 50px 35px;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #023e84;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  transition: all 0.3s ease;
}
@media (max-width: 992px) {
  .collapsing-elements li a {
    padding: 20px;
    font-size: 16px !important;
    display: flex;
    justify-content: space-between;
  }
  .collapsing-elements li a span {
    display: inline-block;
    flex-basis: 80%;
  }
}
.collapsing-elements li a:after {
  display: inline-block;
  background-image: url("../img/arrow-collapse.svg");
  width: 40.1px;
  height: 16.3px;
  background-size: 40.1px 16.3px;
  content: "";
  background-repeat: no-repeat;
  transition: all 0.3s ease;
}
.collapsing-elements li a:hover {
  box-shadow: 0 22px 36px 0 rgb(217, 225, 234);
  transition: all 0.3s ease;
  padding-left: 55px;
}
.collapsing-elements li a:hover:after {
  transition: all 0.3s ease;
  transform: rotate(90deg);
}

.collapsing-results {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 20px;
}
.collapsing-results li {
  padding: 0;
  margin: 0;
  width: 100%;
}
@media (max-width: 992px) {
  .collapsing-results li {
    text-align: start;
  }
}
.collapsing-results li a {
  border-radius: 20px;
  box-shadow: 0 22px 36px 0 rgba(217, 225, 234, 0.41);
  background-color: #fff;
  padding: 50px 35px;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #023e84;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  transition: all 0.3s ease;
}
@media (max-width: 992px) {
  .collapsing-results li a {
    padding: 20px;
    font-size: 16px !important;
    display: flex;
    justify-content: space-between;
  }
  .collapsing-results li a span {
    display: inline-block;
    flex-basis: 80%;
  }
}
.collapsing-results li a:after {
  display: inline-block;
  background-image: url("../img/arrow-collapse.svg");
  width: 40.1px;
  height: 16.3px;
  background-size: 40.1px 16.3px;
  content: "";
  background-repeat: no-repeat;
  transition: all 0.3s ease;
}
.collapsing-results li a:hover {
  box-shadow: 0 22px 36px 0 rgb(217, 225, 234);
  transition: all 0.3s ease;
  padding-left: 55px;
}
.collapsing-results li a:hover:after {
  transition: all 0.3s ease;
  transform: rotate(90deg);
}

/** end **/
/* function grid **/
.functionsgrid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 30px;
}

.grid-cover {
  height: 300px;
  max-height: 300px;
  transition: all 0.2s ease-out;
  position: relative;
  margin-top: -300px;
  z-index: 9 !important;
}
.grid-cover .bottom {
  background-color: #fff;
  height: 70%;
  width: 100%;
  display: block;
}
.grid-cover .top {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
  height: 30%;
  width: 100%;
  display: block;
}
.grid-cover a {
  opacity: 0.8;
  font-size: 16px !important;
  color: #00234d !important;
}

.grid-cover.active {
  transition: all 0.2s ease-out;
  margin-top: 0px;
}

.single-block {
  transition: all 0.1s ease-out;
  cursor: pointer;
  border-radius: 30px;
  background-color: #fff;
}
.single-block.shadow {
  box-shadow: 0 22px 36px 0 rgba(217, 225, 234, 0.41);
}
.single-block h3 {
  font-size: 21px !important;
}
.single-block .single-block__image {
  width: 78px;
  height: 78px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 2px 18px 36px 0 rgba(0, 35, 77, 0.1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.single-block .single-block__image img {
  width: auto;
  height: 20px;
}
.single-block .single-block__subline {
  opacity: 0;
  transition: opacity 0.1s ease-out;
  font-size: 16px !important;
}

.single-block:hover {
  background-color: #eff4f7;
  transition: all 0.3s ease-out;
}
.single-block:hover .single-block__subline {
  opacity: 0.8;
  transition: opacity 0.3s ease-out;
  font-size: 16px !important;
}

.box-support.icon-technical::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url("../img/icons_2024/technical-support.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 20px;
  background-position: center;
  vertical-align: sub;
}
.box-support.icon-arrow {
  text-decoration: none;
}
.box-support.icon-arrow::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("../img/icons_2024/arrow-support.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 20px;
  background-position: center;
  vertical-align: sub;
}

.box {
  padding: 3rem;
}
@media (max-width: 992px) {
  .box {
    padding: 2rem;
  }
}
@media (max-width: 580px) {
  .box {
    padding: 1.5rem;
  }
}

.box a {
  text-decoration: underline;
  color: #023e84;
  margin-bottom: 20px;
}

.box .box-list-element {
  width: 40%;
  display: block;
  border-bottom: 1px solid #dedede;
  padding-top: 5px;
  padding-bottom: 20px;
}
.box .box-list-element:last-child {
  border-bottom: none !important;
}
.box .box-list-element:first-child {
  padding-bottom: 20px !important;
}
@media (max-width: 1680px) {
  .box .box-list-element {
    width: 60%;
  }
}
@media (max-width: 1280px) {
  .box .box-list-element {
    width: 70%;
  }
}
@media (max-width: 992px) {
  .box .box-list-element {
    width: 60%;
  }
}
@media (max-width: 700px) {
  .box .box-list-element {
    width: 90%;
  }
}

.ask a::before {
  content: "";
  display: inline-block;
  width: 29.2px;
  height: 25px;
  background-image: url("../img/icons_2024/ask.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 20px;
  background-position: center;
  vertical-align: sub;
}

.mail a::before {
  content: "";
  display: inline-block;
  width: 26.5px;
  height: 27.1px;
  background-image: url("../img/icons_2024/mail.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 20px;
  background-position: center;
  vertical-align: sub;
}

.mailing a::before {
  content: "";
  display: inline-block;
  width: 26.5px;
  height: 27.1px;
  background-image: url("../img/icons_2023/mail.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 10px;
  background-position: center;
  position: relative;
  top: 6px;
}

.call a::before {
  content: "";
  display: inline-block;
  width: 26.5px;
  height: 27.1px;
  background-image: url("../img/icons_2024/call.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 20px;
  background-position: center;
  vertical-align: sub;
}

.results-posts h2::before, .results-posts p.custom::before, .results-pages h2::before, .results-pages p.custom::before, .results-faq-elements h2::before, .results-faq-elements p.custom::before, .results-manual-elements h2::before, .results-manual-elements p.custom::before, .results-manuals h2::before, .results-manuals p.custom::before, .results-users h2::before, .results-users p.custom::before, .results-videos h2::before, .results-videos p.custom::before, .results-webinare h2::before, .results-webinare p.custom::before,
.results-post h2::before,
.results-post p.custom::before, .results-page h2::before, .results-page p.custom::before, .results-faq-element h2::before, .results-faq-element p.custom::before, .results-manual-element h2::before, .results-manual-element p.custom::before, .results-manual h2::before, .results-manual p.custom::before, .results-user h2::before, .results-user p.custom::before, .results-video h2::before, .results-video p.custom::before, .results-ewebinar h2::before, .results-ewebinar p.custom::before, .results-storylane h2::before, .results-storylane p.custom::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url("../img/blog.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 20px;
  background-position: center;
  vertical-align: sub;
}

.results-videos h2::before, .results-webinare h2::before, .results-video h2::before, .results-ewebinar h2::before, .results-storylane h2::before {
  background-image: url("../img/videos.svg");
}
.results-videos p.custom::before, .results-webinare p.custom::before, .results-video p.custom::before, .results-ewebinar p.custom::before, .results-storylane p.custom::before {
  background-image: url("../img/videos.svg");
}

.results-faq-elements h2::before, .results-faq-element h2::before {
  background-image: url("../img/faq.svg");
}
.results-faq-elements p.custom::before, .results-faq-element p.custom::before {
  background-image: url("../img/faq.svg");
}

.results-manual-elements h2::before, .results-manual-element h2::before {
  background-image: url("../img/anleitungen.svg");
}

.results-manuals h2::before, .results-manual h2::before {
  background-image: url("../img/handbuch.svg");
}

.count {
  font-size: 20px;
  color: #00234d;
  margin-bottom: 20px;
}
.count b {
  font-weight: 600;
}

.collapse-1-col .collapsing-elements {
  grid-template-columns: repeat(1, 1fr);
}

.page-template-page-helpcenter .collapsing-results a:hover:after, .page-template-page-helpcenter .collapsing-elements a:hover:after, .page-template-page-helpcenter-subpages .collapsing-results a:hover:after, .page-template-page-helpcenter-subpages .collapsing-elements a:hover:after {
  transition: all 0.3s ease;
  transform: unset;
}

.ewebinar__Widget * {
  box-sizing: border-box;
  border: 0 !important;
}

.ewebinar__Card * {
  font-family: "Source Sans Pro" !important;
  border: 0 !important;
}

@media (max-width: 500px) {
  .ewebinar__Card .ewebinar__RegisterButton {
    max-width: unset !important;
  }
}
@media only screen and (min-width: 500px) {
  .ewebinar__Card__Media, .ewebinar__Card .ewebinar__RegisterButton__Wrap {
    float: left;
    clear: left;
    width: 250px;
  }
  .ewebinar__Card__Right {
    float: right;
    padding-left: 20px;
    width: calc(100% - 250px);
  }
  .ewebinar__Card .ewebinar__RegisterButton {
    padding: 11px 15px !important;
  }
}
@media only screen and (min-width: 700px) {
  .ewebinar__Card__Media, .ewebinar__Card .ewebinar__RegisterButton__Wrap {
    width: 300px;
  }
  .ewebinar__Card__Right {
    width: calc(100% - 300px);
  }
}
@media only screen and (min-width: 500px) {
  a.ewebinar__Card__powered_by_center {
    display: none;
  }
}
@media only screen and (max-width: 500px) {
  a.ewebinar__Card__powered_by_right {
    display: none;
  }
}
a.ewebinar__Card__powered_by_right {
  position: absolute !important;
  justify-content: flex-end;
  right: 15px;
  bottom: 15px;
}

a.ewebinar__Card__powered_by_center {
  margin-top: 1rem;
}

.ewebinar__Widget * {
  box-sizing: border-box;
}

.ewebinar__RegisterButton {
  font-family: inherit;
  box-sizing: border-box;
  font-family: inherit;
  position: relative;
  display: inline-block;
  padding: 0.5em 2em;
  cursor: pointer;
  border-width: 0px;
  outline: none;
  transition: all 0.2s;
  font-weight: 500;
  font-size: inherit;
  box-sizing: border-box;
  margin: 0;
}

.ewebinar__RegisterButton * {
  font-family: inherit;
}

.ewebinar__RegisterButton:hover {
  transform: scale(1.02);
}

.ewebinar__RegisterButton:active {
  box-shadow: none;
}

.ewebinar__RegisterButton .ewebinar__ButtonText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline;
  vertical-align: baseline !important;
}

@media only screen and (max-width: 614px) {
  .ewebinar__RegisterButton {
    max-width: 320px !important;
    min-height: 42px !important;
    width: 100% !important;
  }
}
.ewebinar__powered_by {
  display: flex;
  align-items: baseline;
  justify-content: center;
  text-decoration: none;
  height: 9px;
}

span.ewebinar__powered_by_text {
  color: #9aadaf;
  white-space: nowrap;
  font-family: sans-serif !important;
  font-weight: 400;
  font-size: 9px;
  line-height: 9px;
}

.ewebinar__powered_by_logo {
  height: 9px;
}

@keyframes delayin {
  0% {
    opacity: 0;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes ewebinar-loading-dot {
  30% {
    transform: translateY(-35%);
    opacity: 0.3;
  }
  60% {
    transform: translateY(0%);
    opacity: 0.8;
  }
}
.ewebinar__Card {
  box-shadow: 0 22px 36px 0 rgba(0, 0, 0, 0.11);
  background-color: #fff;
  margin: 20px 0;
  padding: 0 50px;
  display: flex;
  flex-direction: column;
}

.ewebinar__Widget {
  padding: 0 !important;
}

.ewebinar__Card__Title {
  color: #023E84 !important;
  font-family: cairo !important;
  font-weight: 700 !important;
  font-size: 24px !important;
}

.ewebinar__RegisterButton__Wrap {
  padding-left: 0px !important;
  padding-bottom: 20px !important;
}

.ewebinar__Widget.ewebinar__RegisterButton, .ewebinar__RegisterButton, .ewebinar__ThankYou__Button--calendar-loaded {
  border-radius: 5px !important;
  background-color: #FA7D19 !important;
  padding: 20px 30px !important;
}

.ewebinar__Widget .ewebinar__RegisterButton span.ewebinar__ButtonText, .ewebinar__ThankYou__Button__CalendarText {
  color: #fff !important;
  font-family: cairo !important;
  font-weight: 600 !important;
}

.ewebinar__Card__Media, .ewebinar__Card__Right {
  width: 100% !important;
}

.ewebinar__Card__Description {
  font-size: 20px !important;
  font-weight: 400 !important;
  display: none !important;
  color: #023E84 !important;
  font-family: "Source Sans Pro" !important;
}

.ewebinar__CountDown.ewebinar__CountDown--show {
  display: none !important;
}

.webinar {
  min-height: 400px;
  height: auto;
  background-color: #fff;
  border-radius: 15px;
  box-shadow: 0 22px 36px 0 rgba(0, 0, 0, 0.11);
  background-color: #fff;
  margin: 20px 0;
  padding: 0px;
  display: flex;
  flex-direction: column;
}

body .webinarformat ul li {
  margin-left: 10px;
  font-size: 18px !important;
}
@media (max-width: 768px) {
  body .webinarformat ul li {
    font-size: 16px !important;
  }
}

.webinarformat, .webinarformat p, .webinarformat ul li {
  color: #222 !important;
  font-size: 18px !important;
}
@media (max-width: 768px) {
  .webinarformat, .webinarformat p, .webinarformat ul li {
    font-size: 16px !important;
  }
}
.webinarformat .wp-block-column p, .webinarformat p .wp-block-column p, .webinarformat ul li .wp-block-column p {
  font-size: 16px !important;
}

.webinarformat .wp-block-column p {
  font-size: 18px !important;
}
.webinarformat .wp-block-column ul {
  padding-left: 20px;
  padding-bottom: 0px;
}
.webinarformat .wp-block-column ul li {
  font-size: 16px !important;
  color: #222 !important;
}

.webinar-image {
  min-height: 290px;
  height: auto;
  background-color: #fff;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
}

.webinar-teaser, .teaserrow {
  font-size: 16px !important;
  color: #222 !important;
}

.webinarshort p {
  color: #222;
}
.webinarshort h2, .webinarshort h3, .webinarshort h4 {
  color: #222;
}

.blog-body .webinar-teaser ul, .blog-body.webinarformat ul {
  padding-left: 20px;
  padding-bottom: 0px;
}
.blog-body .webinar-teaser ul li, .blog-body.webinarformat ul li {
  font-size: 18px !important;
  color: #222 !important;
}
@media (max-width: 768px) {
  .blog-body .webinar-teaser ul li, .blog-body.webinarformat ul li {
    font-size: 16px !important;
  }
}

.webinar-zeitangabe {
  width: 17.7px;
  height: 17.7px;
}

.webinar-headline {
  height: 80px;
}

.moderatoren {
  font-size: 15px !important;
}

.moderator {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: solid 2px #e3e3e3;
  background-size: cover;
  margin-right: -10px;
}

.webinar-arrow-link {
  display: inline-block;
  padding: 35px;
}
.webinar-arrow-link img {
  width: 22px;
  height: auto;
}

.inner-anchor-menu {
  display: flex;
  flex-direction: row;
  height: auto;
}
@media (max-width: 1400px) {
  .inner-anchor-menu {
    flex-direction: column;
  }
  .inner-anchor-menu .inner-content-menu {
    min-height: 100%;
  }
}

.iframe {
  width: 100%;
  height: auto;
  min-height: 900px;
}
@media (max-width: 992px) {
  .iframe {
    min-height: 700px;
  }
}
@media (max-width: 580px) {
  .iframe {
    min-height: 500px;
  }
}

#newsletter-modal {
  z-index: 999999999999999;
}
#newsletter-modal .modal-dialog {
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
}
#newsletter-modal .modal-content {
  border-radius: 0 !important;
}
#newsletter-modal .modal-header {
  border-bottom: 0 !important;
}

h3.modal-title {
  font-family: "Source Sans Pro" !important;
  font-size: 24px !important;
}

#newsletter-form-container {
  background-color: #f3f3f3;
  padding: 0;
}

footer {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.newsletter-form {
  padding-bottom: 50px;
  margin: 20px auto !important;
}
@media (max-width: 768px) {
  .newsletter-form {
    width: 90% !important;
  }
}
.newsletter-form .disclaimer {
  display: block;
  font-size: 14px;
}
.newsletter-form .submitbtn {
  margin-top: 0;
  margin-left: -5px;
  display: inline-block;
  padding: 15px 29px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
@media (max-width: 768px) {
  .newsletter-form .submitbtn {
    width: 100% !important;
    padding: 15px 15px;
    max-width: 120px;
  }
}
.newsletter-form .submitbtn:before {
  display: none;
}
.newsletter-form input:focus {
  outline: none;
  box-shadow: none;
}

@media (max-width: 768px) {
  #lexikon #subpage-header {
    margin-bottom: 0;
  }
}
#lexikon .letterbar {
  min-height: 100px;
  padding-top: 100px;
  margin: auto;
}
#lexikon .letterbar .letternav-container {
  border-radius: 27px;
  background-color: #f6f7fb;
  height: 53.7px;
  padding: 2px 2px;
  overflow-y: hidden;
  width: 100%;
  max-width: 1200px;
  margin: auto;
  overflow: hidden;
}
@media (max-width: 1330px) {
  #lexikon .letterbar .letternav-container {
    width: 100%;
    max-width: 100%;
  }
}
#lexikon .letterbar .letternav-container::-webkit-scrollbar {
  height: 7px;
  margin-top: 2px;
  border-top: 5px solid #fff;
}
#lexikon .letterbar .letternav-container::-webkit-scrollbar-thumb {
  background-color: rgb(2, 62, 132);
  border-top: 5px solid #fff;
}
#lexikon .letterbar .letternav-container::-webkit-scrollbar-track {
  background-color: rgba(2, 62, 132, 0.2);
  border-top: 5px solid #fff;
}
@media (max-width: 1330px) {
  #lexikon .letterbar .letternav-container {
    overflow-x: scroll;
  }
}
@media (max-width: 992px) {
  #lexikon .letterbar .letternav-container::-webkit-scrollbar {
    display: none;
  }
}
#lexikon .letterbar .letternav {
  display: flex;
  list-style: none;
  justify-content: space-around;
  height: 100%;
  width: 1200px;
  margin: auto;
  padding: 7px 5px;
  text-align: center;
  position: relative;
  z-index: 9999;
}
#lexikon .letterbar .letternav .activepuk {
  line-height: 37px;
  width: 40px;
  height: 40px;
  border-radius: 30px;
  font-size: 17px;
  font-weight: 600;
  position: relative;
  margin-right: -48px;
  background-color: #023E84;
  color: white !important;
  margin-top: -2px;
}
#lexikon .letterbar .letternav .activepuk.red {
  color: red !important;
}
#lexikon .letterbar .letternav li {
  cursor: pointer;
  width: 40px;
  height: 100%;
  border-radius: 30px;
  font-size: 17px;
  font-weight: 600;
}
#lexikon .letterbar .letternav li.calculated_item {
  width: auto !important;
}
#lexikon .letterbar .letternav li.active {
  background-color: #023E84;
  color: white !important;
}
#lexikon #entry-grid-container, #lexikon #entry-grid-container-faq {
  min-height: 800px;
}
#lexikon #entry-grid-container .letter-grid, #lexikon #entry-grid-container-faq .letter-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 20px;
  column-gap: 35px;
  padding-top: 0px;
}
@media (max-width: 768px) {
  #lexikon #entry-grid-container .letter-grid, #lexikon #entry-grid-container-faq .letter-grid {
    grid-template-columns: 1fr;
    word-break: break-all;
  }
}
#lexikon #entry-grid-container .single-entry, #lexikon #entry-grid-container-faq .single-entry {
  border-radius: 20px;
  border: solid 2px #eaeaea;
  background-color: #fff;
  padding: 35px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 35px;
}
#lexikon #entry-grid-container .single-entry:last-child, #lexikon #entry-grid-container-faq .single-entry:last-child {
  margin-bottom: 100px;
}
#lexikon #entry-grid-container .single-entry:hover, #lexikon #entry-grid-container-faq .single-entry:hover {
  transition: all 0.3s;
  border: solid 2px transparent;
  box-shadow: 1px 23px 35px 0px rgba(0, 0, 0, 0.11);
  -webkit-box-shadow: 1px 23px 35px 0px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 1px 23px 35px 0px rgba(0, 0, 0, 0.11);
}
@media (max-width: 768px) {
  #lexikon #entry-grid-container .single-entry, #lexikon #entry-grid-container-faq .single-entry {
    transition: all 0.3s;
    border: solid 2px transparent;
    box-shadow: 1px 23px 35px 0px rgba(0, 0, 0, 0.11);
    -webkit-box-shadow: 1px 23px 35px 0px rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 1px 23px 35px 0px rgba(0, 0, 0, 0.11);
  }
}
#lexikon #entry-grid-container .single-entry h3, #lexikon #entry-grid-container-faq .single-entry h3 {
  font-size: 20px !important;
  font-weight: 600 !important;
}
#lexikon .m-auto {
  margin: auto;
}

#entriesnav {
  background-color: #fff;
  height: 300px;
  background: rgb(255, 255, 255);
  background: linear-gradient(180deg, rgb(255, 255, 255) 62%, rgba(255, 255, 255, 0) 96%);
}
@media (max-width: 768px) {
  #entriesnav {
    height: 200px;
    margin-top: -40px;
  }
}
#entriesnav.pfix {
  top: 40px;
  position: fixed;
  left: 0;
  z-index: 999;
}
@media (max-width: 1430px) {
  #entriesnav.pfix {
    top: 15px;
  }
}

.lexikon-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.lexikon-header h5 {
  margin-top: -100px;
  font-size: 17px !important;
  font-weight: 600 !important;
  font-family: "Source Sans Pro" !important;
  color: rgba(2, 62, 132, 0.6) !important;
  text-transform: uppercase;
}

.single-entry-h2 {
  text-align: center !important;
  display: block;
}

h2.headline2-lexikon {
  text-align: center;
  font-size: 17px !important;
  font-weight: 600 !important;
  color: rgba(2, 62, 132, 0.6) !important;
  text-transform: uppercase;
  font-family: "Source Sans Pro" !important;
  margin-bottom: 10px !important;
}

h3.headline3-lexikon {
  font-family: "Source Sans Pro" !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: center;
}

h3.letter-headline {
  margin-top: 30px;
  margin-bottom: 30px;
  width: 100%;
  font-weight: 700 !important;
  text-align: center;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) calc(50% - 1px), rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0) calc(50% + 1px));
}
h3.letter-headline .inner-letter {
  padding: 0 40px;
  background-color: white;
  display: inline-block;
  margin: 40px 0;
}

#lottie-player-lexikon {
  position: absolute;
  right: 70px;
  margin-top: 80px;
  display: none;
}
@media (max-width: 768px) {
  #lottie-player-lexikon {
    display: block;
  }
}

.single-acc {
  transition: all 0.6s;
}
.single-acc.active {
  transition: all 0.6s;
  border: solid 2px transparent !important;
  box-shadow: 1px 23px 35px 0px rgba(0, 0, 0, 0.11);
  -webkit-box-shadow: 1px 23px 35px 0px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 1px 23px 35px 0px rgba(0, 0, 0, 0.11);
}
.single-acc:hover {
  transition: all 0.6s;
  border: solid 2px transparent !important;
  box-shadow: 1px 23px 35px 0px rgba(0, 0, 0, 0.11);
  -webkit-box-shadow: 1px 23px 35px 0px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 1px 23px 35px 0px rgba(0, 0, 0, 0.11);
}

li.red, .activepuk.red {
  color: red !important;
}

.calculated_items .activepuk {
  position: absolute !important;
  padding: 0 10px;
  box-sizing: content-box;
}
.calculated_items .activepuk.initial {
  left: 0;
}
.calculated_items li {
  font-size: 17px !important;
}

.letterbar {
  min-height: 100px;
  padding-top: 100px;
  margin: auto;
}
.letterbar .letternav-container {
  border-radius: 27px;
  background-color: #f6f7fb;
  height: 53.7px;
  padding: 2px 2px;
  overflow-y: hidden;
  width: 100%;
  max-width: 1200px;
  margin: auto;
  overflow: hidden;
}
@media (max-width: 1330px) {
  .letterbar .letternav-container {
    width: 100%;
    max-width: 100%;
  }
}
.letterbar .letternav-container::-webkit-scrollbar {
  height: 7px;
  margin-top: 2px;
  border-top: 5px solid #fff;
}
.letterbar .letternav-container::-webkit-scrollbar-thumb {
  background-color: rgb(2, 62, 132);
  border-top: 5px solid #fff;
}
.letterbar .letternav-container::-webkit-scrollbar-track {
  background-color: rgba(2, 62, 132, 0.2);
  border-top: 5px solid #fff;
}
@media (max-width: 1330px) {
  .letterbar .letternav-container {
    overflow-x: scroll;
  }
}
@media (max-width: 992px) {
  .letterbar .letternav-container::-webkit-scrollbar {
    display: none;
  }
}
.letterbar .letternav {
  display: flex;
  list-style: none;
  justify-content: space-around;
  height: 100%;
  width: 1200px;
  margin: auto;
  padding: 7px 5px;
  text-align: center;
  position: relative;
  z-index: 9999;
}
.letterbar .letternav .activepuk {
  line-height: 37px;
  width: 40px;
  height: 40px;
  border-radius: 30px;
  font-size: 17px;
  font-weight: 600;
  position: relative;
  margin-right: -48px;
  background-color: #023E84;
  color: white !important;
  margin-top: -2px;
}
.letterbar .letternav .activepuk.red {
  color: red !important;
}
.letterbar .letternav li {
  cursor: pointer;
  width: 40px;
  height: 100%;
  border-radius: 30px;
  font-size: 17px;
  font-weight: 600;
}
.letterbar .letternav li.calculated_item {
  width: auto !important;
}
.letterbar .letternav li.active {
  background-color: #023E84;
  color: white !important;
}

.mw-70 {
  max-width: 70% !important;
  margin: auto;
}
@media (max-width: 1200px) {
  .mw-70 {
    max-width: 80% !important;
  }
}
@media (max-width: 992px) {
  .mw-70 {
    max-width: 100% !important;
  }
}

.mw-80 {
  max-width: 80% !important;
  margin: auto;
}

.mw-90 {
  max-width: 90% !important;
  margin: auto;
}
@media (max-width: 992px) {
  .mw-90 {
    max-width: 100% !important;
  }
}

body .fullwidth.filtered_content {
  background-color: #F9FAFC;
  margin-top: -60px !important;
}
body .fullwidth.filtered_content .filtered_content_header {
  height: auto;
  box-shadow: 0 13px 76px 0 rgba(0, 0, 0, 0.11);
  background-color: #fff;
  padding: 50px;
  margin-bottom: 60px;
}
@media (max-width: 1200px) {
  body .fullwidth.filtered_content .filtered_content_header {
    padding: 20px;
    margin-bottom: 60px;
  }
}
@media (max-width: 992px) {
  body .fullwidth.filtered_content .filtered_content_header {
    padding: 0px;
    margin-bottom: 60px;
  }
}
body .fullwidth.filtered_content h2 {
  font-family: Cairo;
  font-size: 32px !important;
  font-weight: 600 !important;
  color: #00234d;
}
body .fullwidth.filtered_content p.subline-single-col {
  text-align: start;
}
@media (max-width: 1280px) {
  body .fullwidth.filtered_content p.subline-single-col {
    text-align: center;
  }
}
body .fullwidth.filtered_content .filtered_content_header .container .cols {
  max-width: 90% !important;
  margin: auto;
}
@media (max-width: 1200px) {
  body .fullwidth.filtered_content .filtered_content_header .container .cols {
    width: 90%;
    transform: scale(0.9);
  }
}
@media (max-width: 1100px) {
  body .fullwidth.filtered_content .filtered_content_header .container .cols {
    width: 90%;
    transform: scale(0.8);
  }
}
body .fullwidth.filtered_content .filtered_content_header h2 {
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  letter-spacing: normal;
  text-align: left;
  color: rgb(0, 35, 77) !important;
  font-family: "Source Sans Pro" !important;
}
@media (max-width: 1200px) {
  body .fullwidth.filtered_content .filtered_content_header h2 {
    text-align: center;
  }
}
body .fullwidth.filtered_content .filtered_content_header .spacer {
  width: 1px;
  height: 110.3px;
  background-color: rgb(232, 232, 232);
  display: block;
}
@media (max-width: 992px) {
  body .fullwidth.filtered_content .filtered_content_header .spacer {
    width: 300px;
    height: 1px;
  }
}

.cols-3 {
  columns: 3;
  line-height: 1.76 !important;
  letter-spacing: normal;
  text-align: left;
  color: rgb(112, 112, 112) !important;
  font-size: 20px !important;
  column-gap: 50px;
}
@media (max-width: 1280px) {
  .cols-3 {
    columns: 2;
  }
}
@media (max-width: 992px) {
  .cols-3 {
    columns: 1;
  }
}

body .single-kunde .bluesquare {
  background-color: rgb(248, 251, 253);
}

.fw-kunde {
  margin-top: 10px !important;
}

.kunde-image {
  width: 240px;
  height: 240px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  border: solid 1px rgb(211, 211, 211);
  margin-right: 60px;
}
.kunde-image img {
  width: 65%;
}
@media (max-width: 992px) {
  .kunde-image {
    margin-right: 0;
  }
}

@media (max-width: 992px) {
  .kunde-text {
    width: 100%;
    text-align: center;
  }
}

.main-image-kunde {
  height: 500px;
  border-radius: 20px;
  background-size: cover;
  background-position: center;
  position: relative;
  top: -50px;
  z-index: 2;
}

.main-content-kunde {
  font-family: "Segoe UI", "Source Sans Pro", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
}
.main-content-kunde p {
  line-height: 1.76 !important;
  letter-spacing: normal;
  text-align: left;
  color: rgb(112, 112, 112) !important;
}

.blurred {
  opacity: 0.5;
  border-radius: 8px;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  width: 65%;
  height: 100px;
  position: relative;
  top: -110px;
  margin: auto;
  z-index: 0;
}

.header-kunde h1 {
  font-family: Cairo !important;
  font-size: 40px !important;
  font-weight: 600 !important;
  color: rgb(0, 35, 77) !important;
}
.header-kunde .subline {
  font-size: 21px !important;
  line-height: 1.43;
  letter-spacing: 0.42px !important;
  color: rgb(0, 35, 77) !important;
}

body .content-kunde h2 {
  font-family: Cairo !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  line-height: 2.29;
  text-align: left;
  color: rgb(0, 35, 77) !important;
}
@media (max-width: 1280px) {
  body .content-kunde h2 {
    font-size: 24px !important;
  }
}

.kundenbild {
  width: 300px;
  height: 300px;
  border-radius: 20px;
  margin-right: 20px;
}
@media (max-width: 1200px) {
  .kundenbild {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
  }
}

body .second-content-kunde-text {
  width: 66%;
}
body .second-content-kunde-text.noimage {
  width: 100%;
}
@media (max-width: 1200px) {
  body .second-content-kunde-text {
    width: 100%;
    height: auto;
  }
}
body .second-content-kunde-text .second-content-kunde-text-cols {
  columns: 2;
}
body .second-content-kunde-text .second-content-kunde-text-cols.cols-3 {
  columns: 3;
}
@media (max-width: 1280px) {
  body .second-content-kunde-text .second-content-kunde-text-cols {
    columns: 1;
  }
  body .second-content-kunde-text .second-content-kunde-text-cols.cols-3 {
    columns: 1;
  }
}
body .second-content-kunde-text p {
  line-height: 1.76 !important;
  letter-spacing: normal;
  text-align: left;
  color: rgb(112, 112, 112) !important;
  font-size: 20px !important;
}

.map {
  height: 500px;
  width: 100%;
  border-radius: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}

body .standort p {
  font-family: "Segoe UI", "Open Sans", sans-serif !important;
  font-size: 13px !important;
  line-height: 2.31 !important;
  letter-spacing: 0.26px;
  text-align: left;
  color: rgb(34, 34, 34) !important;
}

p.address::before {
  background-image: url("../../../img/icons/location-dot-solid.svg");
  margin-right: 5px;
  width: 15px;
  height: 15px;
  content: "";
  background-size: 10px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
}

.elements {
  max-width: 60% !important;
  margin: auto;
}
@media (max-width: 1200px) {
  .elements {
    max-width: 70% !important;
  }
}

body .single-kunde {
  border-radius: 8px;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.12);
  background-color: #fff;
  padding: 40px;
  border: 1px solid #fff;
  transition: all 0.3s;
  cursor: pointer;
}
body .single-kunde .single-kunde-image {
  width: 130px;
  height: 130px;
  margin: auto;
  border-radius: 50%;
  border: solid 1px #d3d3d3;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
body .single-kunde .single-kunde-image img {
  max-width: 70%;
}
body .single-kunde h3 {
  font-family: Cairo;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.76 !important;
  letter-spacing: 0.34px !important;
  text-align: left !important;
  color: rgb(34, 34, 34) !important;
  height: 70px !important;
}
body .single-kunde p {
  font-size: 13px !important;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.31;
  letter-spacing: 0.26px;
  margin-top: -10px;
  text-align: left;
  color: rgb(106, 106, 106) !important;
}

body .single-kunde:hover {
  border: 1px solid rgb(2, 58, 124);
  transition: all 0.3s;
}

body .related .single-kunde {
  padding: 35px;
}

.grey-bg {
  background-color: rgba(246, 247, 251, 0.6);
  padding: 50px 0;
}

body h2.kunde-h2 {
  font-family: Cairo !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  line-height: 2.29;
  text-align: left;
  color: rgb(0, 35, 77) !important;
}

.image-grid-element {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 282px;
  position: relative;
  cursor: pointer;
  border-radius: 20px;
}

.image-overlay {
  height: 282px;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
  border-radius: 20px;
}
.image-overlay p {
  font-size: 13px !important;
  color: #fff;
  margin-bottom: -5px;
}
.image-overlay .btn-transparent::after {
  content: "&nbsp;";
  width: 25px;
  height: 20px;
  vertical-align: middle;
  background-color: #FA7D19;
  -webkit-mask-position: center;
  color: #FA7D19;
  display: inline-block;
  margin-left: -5px !important;
}

.image-overlay:hover .btn-transparent::after {
  transform: translateX(10px);
  transition: all 0.2s;
}

body h2.overlay-h2 {
  font-family: Cairo !important;
  font-size: 34px !important;
  font-weight: bold !important;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47 !important;
}

@media (max-width: 992px) {
  p.headline br {
    display: none;
  }
}
.formdropdown {
  width: 100%;
  font-family: Cairo !important;
}
.formdropdown.whitedropdown > button {
  background-color: #fff;
  padding: 35px;
  color: #023E84;
  display: flex;
  font-family: Cairo !important;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.76;
  letter-spacing: normal;
}
.formdropdown.whitedropdown > button:before {
  background-image: url(../img/icons_2023/dropdown_arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  content: "";
  border: 0;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  position: relative;
  top: 3px;
}
.formdropdown.whitedropdown > button:after {
  display: none;
}
.formdropdown.greyborder > button {
  border: 1px solid #e0e0e0 !important;
}
.formdropdown .dropdown-menu {
  box-shadow: 0 22px 36px 0 rgba(38, 35, 32, 0.16);
}
.formdropdown .dropdown-menu li {
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  flex-direction: row;
}
.formdropdown .dropdown-menu li:last-child .dropdown-item {
  border-bottom: 0 !important;
}
.formdropdown .dropdown-menu .dropdown-item {
  font-size: 17px;
  font-weight: 500;
  line-height: 1.76;
  align-items: center;
  color: #023E84;
  font-family: Cairo !important;
  border-bottom: 1px solid #e0e0e0 !important;
}
@media (max-width: 768px) {
  .formdropdown .dropdown-menu .dropdown-item {
    font-size: 15px !important;
  }
}
.formdropdown .dropdown-menu .dropdown-item strong {
  font-weight: 700;
}
.formdropdown .dropdown-menu .dropdown-item:hover {
  background-color: #f5f5f5;
}
.formdropdown .normalprice {
  font-size: 20px !important;
  font-weight: 700 !important;
}
.formdropdown .normalprice:after {
  content: "zzg. USt.";
  display: block;
  font-size: 15px !important;
  text-align: right;
  position: relative;
  top: -10px;
  font-weight: 600 !important;
}
@media (max-width: 768px) {
  .formdropdown .normalprice {
    font-size: 15px !important;
  }
}
.formdropdown .redprice {
  color: #db6f61 !important;
  font-size: 15px !important;
  text-decoration: line-through;
  display: inline-block;
  margin-right: 20px;
}

.mv-banner__inner input {
  padding: 25px !important;
  border-radius: 7px !important;
  border: solid 1px #e0e0e0 !important;
  font-size: 17px !important;
  color: #023E84;
  font-family: Cairo !important;
}
.mv-banner__inner input::placeholder {
  color: rgba(2, 62, 132, 0.8) !important;
  font-family: Cairo !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1.76 !important;
  letter-spacing: normal !important;
}
.mv-banner__inner textarea {
  border-radius: 7px !important;
  color: rgba(2, 62, 132, 0.8) !important;
  padding: 30px !important;
}
.mv-banner__inner .frm_submit button {
  width: 100%;
  background-color: #FA7D19 !important;
  border: 0 !important;
  width: 100% !important;
  font-family: Cairo;
  font-size: 16px;
  font-weight: 600;
  padding: 20px !important;
  transition: all 0.3s ease-in-out;
}
.mv-banner__inner .btn-infoicon-frm6 {
  padding-top: 20px;
  padding-left: 0px;
}
.mv-banner__inner .feedback-submit {
  display: flex;
  justify-content: flex-end;
}
.mv-banner__inner .feedback-submit button {
  box-shadow: 0 22px 36px 0 rgba(38, 35, 32, 0.16);
  width: 66% !important;
  margin-top: -70px !important;
}
@media (max-width: 1100px) {
  .mv-banner__inner .feedback-submit button {
    width: 100% !important;
    margin-top: -20px !important;
  }
}
.mv-banner__inner textarea {
  color: rgba(2, 62, 132, 0.8) !important;
  font-family: Cairo !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1.76 !important;
  letter-spacing: normal !important;
  height: auto !important;
  padding-bottom: 60px !important;
}
.mv-banner__inner .textbox textarea {
  padding-bottom: 68px !important;
}

.custom-select-title {
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1.76 !important;
  letter-spacing: normal !important;
  color: #023E84 !important;
  font-family: Cairo !important;
  margin-bottom: -20px;
  margin-top: 25px;
  padding-left: 15px;
}

.form-field select {
  border-radius: 5px;
  border-color: rgba(0, 0, 0, 0.2);
  padding: 25px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.frm-select-placeholder, .with_frm_style select option, .with_frm_style select option.frm-select-placeholder {
  color: #023e84 !important;
}

.btn-infoicon-frm6 {
  position: absolute;
  margin-left: -50px;
}

body .mv-banner__inner .frm_forms .frm_submit.feedback-submit-minustop button {
  box-shadow: 0 22px 36px 0 rgba(38, 35, 32, 0.16);
  width: 66% !important;
  margin-top: -70px !important;
  display: flex;
  justify-content: flex-end;
}

body .frm_dropzone.frm_single_upload {
  max-width: unset;
}

.form-field select {
  border-radius: 5px !important;
  border-color: rgba(0, 0, 0, 0.2) !important;
  padding: 25px !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.frm-select-placeholder, .with_frm_style select option, .with_frm_style select option.frm-select-placeholder {
  color: #023e84 !important;
}

.form-field select {
  border-radius: 5px !important;
  border-color: rgba(0, 0, 0, 0.2) !important;
  padding: 21px !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  font-size: 16px;
  color: #023e84 !important;
}
.form-field select option {
  color: #023e84 !important;
}

.form-field textarea {
  border-color: rgba(0, 0, 0, 0.1);
}

.frm_style_formidable-style.with_frm_style .form-field {
  margin-bottom: 30px;
}

body .mv-banner__inner .submitbtn-right {
  display: flex !important;
  justify-content: flex-end !important;
}
body .mv-banner__inner .submitbtn-right .frm_submit button {
  width: 66% !important;
  margin-top: -70px !important;
}

.frm_error {
  color: red !important;
}

.feedback-container-white {
  box-shadow: 0 13px 76px 0 rgba(0, 0, 0, 0.1098039216);
}
.feedback-container-white.minustop {
  margin-top: -150px;
}

.mt-minus {
  margin-top: -80px;
}

.mt-checkbox-minus {
  position: relative;
  top: -20px !important;
}

.mv-banner__inner textarea.textbox {
  padding-bottom: 67px !important;
}

.frm_style_formidable-style.with_frm_style input[type=submit][disabled], .frm_style_formidable-style.with_frm_style .frm_submit input[type=button][disabled], .frm_style_formidable-style.with_frm_style .frm_submit button[disabled] {
  background-color: lightgrey !important;
}

.bannerinputselect {
  padding-top: 10px;
}

.bannerinputselect input {
  height: 60px;
  margin: 10px 0 0;
  padding: 20px 468.8px 18px 19.9px;
  border-radius: 7px;
  border: solid 1px #d5d5d5;
  background-color: #fff !important;
  padding-left: 20px !important;
  position: relative !important;
  z-index: 0 !important;
}

.bannerinputselect label {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.83;
  letter-spacing: normal;
  text-align: left;
  color: #023e84 !important;
  margin: 0;
  margin-left: 19px !important;
  position: absolute;
  z-index: 999;
  margin-top: -13px !important;
  background-image: url(../img/labelbg.jpg);
  background-size: 250px 1px;
  background-repeat: no-repeat;
  background-position-y: 13px;
  background-position-x: -11px;
}

.bannerinputselect select {
  border-color: rgba(0, 0, 0, 0.3) !important;
  padding: 18px !important;
  border-radius: 4px !important;
  appearance: none; /* Standard-Pfeil ausblenden */
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="black" d="M7 10l5 5 5-5z"/></svg>') no-repeat;
  background-position: right 10px center; /* Icon weiter nach innen */
  background-size: 16px;
  padding-right: 40px; /* Platz für das Icon lassen */
  background-color: #fff !important;
}

.bannerinputselect label span {
  color: #023e84 !important;
}

.bannerinputselect input::placeholder {
  color: #023e84 !important;
  opacity: 0.6 !important;
  font-size: 16px !important;
}

.bannerinputselect select {
  outline: none;
  border: 2px solid #ccc; /* Standard-Border */
}

.bannerinputselect select:focus, .bannerinputselect select {
  outline: none !important;
  box-shadow: none !important;
}

#searchi {
  background-image: url(../img/icons_2025/search-solid-white.svg);
  width: 14px;
  height: 14px;
  background-position: center;
  background-size: 22px;
  background-repeat: no-repeat;
  display: inline-block;
  padding: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  cursor: pointer;
}

#reseti {
  background-image: url(../img/icons_2025/times-white.svg);
  width: 14px;
  height: 14px;
  background-position: center;
  background-size: 25px;
  background-repeat: no-repeat;
  display: inline-block;
  padding: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  cursor: pointer;
}

.mb-3px {
  margin-bottom: 3px;
}

.with_frm_style .checkbox-p-0 .frm_checkbox label input[type=checkbox] {
  padding: 0 !important;
  margin-right: 10px !important;
}

/* figure tables */
.table {
  color: #023E84;
  font-size: 20px;
}
@media (max-width: 1024px) {
  .table {
    font-size: 18px;
  }
}
.table.table50 table {
  border: none !important;
}
.table.table50 table tr {
  border-bottom: 1px solid #d8d8d8 !important;
}
.table.table50 table tr td {
  border: none !important;
  width: 50%;
  padding: 10px;
  word-break: break-all;
}
.table.table50 table tr:first-child td {
  font-size: 28px;
  color: #023E84 !important;
  font-family: Cairo;
  font-weight: 700;
}
@media (max-width: 1024px) {
  .table.table50 table tr:first-child td {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .table.table50 table tr:first-child td {
    font-size: 20px;
  }
}

.wp-block-table {
  border-radius: 10px !important;
  border-color: #e3e3e3 !important;
  color: #023E84;
  font-size: 20px;
  border: none;
}

.wp-block-table thead {
  border-bottom: 1px solid #e3e3e3 !important;
  border-radius: 7px !important;
  background-color: #f0f4f8;
}
.wp-block-table table {
  border: none !important;
}
.wp-block-table table tr {
  border-bottom: 1px solid #e3e3e3 !important;
}
.wp-block-table table tr:last-child {
  border-bottom: none !important;
}
.wp-block-table table td, .wp-block-table table th {
  border: none !important;
  border-right: 1px solid #e3e3e3 !important;
  padding: 15px 30px;
}
.wp-block-table table td:last-child, .wp-block-table table th:last-child {
  border-right: none !important;
}
.wp-block-table table tbody {
  background: #fcfcfc;
}

.rounded-icon {
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}
.rounded-icon.size30x30 {
  width: 30px;
  height: 30px;
}
.rounded-icon.size40x40 {
  width: 40px;
  height: 40px;
}
.rounded-icon.size60x60 {
  width: 60px;
  height: 60px;
}
.rounded-icon.size60x60 img {
  width: 24px;
  height: auto;
}
.rounded-icon.size78x78 {
  width: 78px;
  height: 78px;
}
.rounded-icon.size78x78 img {
  width: 24px;
  height: auto;
}
.rounded-icon.boxshadow {
  box-shadow: 0 22px 36px 0 rgba(0, 0, 0, 0.11);
}

.shariff .theme-round .shariff-link .shariff-icon svg path {
  fill: #2277b1 !important;
}

.shariff .theme-round .shariff-link:hover {
  background-color: #2277b1 !important;
}

.shariff .theme-round .shariff-link:hover .shariff-icon svg path {
  fill: #fff !important;
}

.shariff-button.whatsapp {
  padding-left: 2px !important;
}

.popover-body {
  padding: 7px;
  font-size: 12px;
}

.element-default .element-default-container {
  border-radius: 30px;
  background-color: #fafafa;
  border-radius: 30px;
}
.element-default .element-default-container .yellowbg {
  border-radius: 30px;
  background-image: radial-gradient(circle at 50% 50%, #ffe620, #ff7901 497%);
}
.element-default .element-default-container .left-element {
  padding: 100px 74px;
}
.element-default .element-default-container .left-element .heading {
  line-height: 1.33 !important;
}
@media (max-width: 1580px) {
  .element-default .element-default-container .left-element {
    padding: 70px;
  }
}
@media (max-width: 1280px) {
  .element-default .element-default-container .left-element {
    padding: 50px;
  }
}
@media (max-width: 1280px) {
  .element-default .element-default-container .right-element {
    padding-top: 50px;
  }
}
.element-default .element-default-container .right-element .check-element {
  background-color: #76d14e;
  width: 82px;
  height: 82px;
  border: 10px solid #fff;
  border-radius: 50%;
  position: relative;
  top: -900px;
  margin-bottom: -50px !important;
  transition: all 0.3s ease-in-out;
}
.element-default .element-default-container .right-element .check-element img {
  width: 50%;
}
.element-default .element-default-container .right-element .heading {
  line-height: 1.33 !important;
}
.element-default .element-default-container .right-element .logo-mv img {
  max-width: 220px;
}
.element-default .element-default-container .right-element .right-main-content {
  height: 0;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}
.element-default .element-default-container .right-element.active-state {
  transition: all 0.3s ease-in-out;
}
.element-default .element-default-container .right-element.active-state .right-main-content {
  height: auto;
  max-height: 100%;
  opacity: 1;
}
.element-default .element-default-container .right-element.active-state .right-main-content .subline {
  width: 70%;
  margin: 0 auto;
}
.element-default .element-default-container .right-element.active-state .logo-mv {
  display: none !important;
}
.element-default .element-default-container .right-element.active-state .check-element {
  top: -120px;
  transition: all 0.3s ease-in-out;
  margin-bottom: -50px !important;
}
.element-default .form-switch {
  width: 44px;
  height: 16px;
  margin: 3.5px 0 2.3px 7px;
  border-radius: 8.2px;
  background-color: #c6a719;
  cursor: pointer;
}
.element-default .form-switch:before {
  width: 23px;
  height: 23px;
  content: "";
  background-color: #fff;
  border-radius: 50%;
  display: block;
  position: absolute;
  margin-left: -53px;
  margin-top: -4px;
  transition: all 0.3s ease-in-out;
}
.element-default .form-switch.active {
  background-color: #FA7D19;
}
.element-default .form-switch.active:before {
  margin-left: -16px;
  transition: all 0.3s ease-in-out;
}

.single-partner-logo-container {
  background-color: #fff;
  border-radius: 12px;
  /*-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.19);
  -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.15);
  box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.15);*/
  background-color: #fff;
  height: 260px !important;
  margin: 0 10px;
  position: relative;
  z-index: 99;
}

.single-partner-logo-container img {
  margin: auto;
  max-height: 130px;
  width: auto;
}

.logoslider .slick-list {
  padding-bottom: 20px !important;
  height: auto;
  padding-top: 20px !important;
}

.slidersnav {
  position: absolute;
  z-index: 100;
  width: 50px;
  height: 50px;
  background-color: #edf3f7 !important;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  bottom: 44%;
}
.slidersnav.prevbutton {
  right: -70px;
}
.slidersnav.prevbutton:before {
  content: "";
  background-image: url(../img/icons_2024/blue-arrow.svg);
  width: 20px;
  height: 20px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.slidersnav.nextbutton {
  left: -70px;
}
.slidersnav.nextbutton:before {
  content: "";
  background-image: url(../img/icons_2024/blue-arrow.svg);
  width: 20px;
  height: 20px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  transform: rotate(180deg);
}

.splide__pagination {
  bottom: -0.5em !important;
  left: 0;
  padding: 0 1em;
  position: absolute;
  right: 0;
  z-index: 1;
}

.splide__pagination__page {
  background: #ccc;
  border: 0;
  border-radius: 50%;
  display: inline-block;
  height: 20px !important;
  margin: 6px !important;
  opacity: 0.7;
  padding: 0;
  position: relative;
  transition: transform 0.2s linear;
  width: 20px !important;
  margin-top: 20px !important;
}

.splide__pagination__page.is-active {
  background: #fa7d19 !important;
  transform: scale(1.4);
  z-index: 1;
}

.splide__track {
  padding-top: 50px;
  padding-bottom: 50px;
}

.splide__arrow {
  background: #edf3f7 !important;
}
.splide__arrow svg {
  display: none;
}
.splide__arrow.splide__arrow--prev:before {
  content: "";
  background-image: url(../img/icons_2024/blue-arrow.svg);
  width: 20px;
  height: 20px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  transform: rotate(180deg);
}
.splide__arrow.splide__arrow--next:before {
  content: "";
  background-image: url(../img/icons_2024/blue-arrow.svg);
  width: 20px;
  height: 20px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.experiences-slider .slick-track {
  padding-top: 40px;
  padding-bottom: 40px;
}
.experiences-slider .experience-item {
  border-radius: 8px;
  box-shadow: 4px 6px 19px 0 rgba(0, 0, 0, 0.12);
  background-color: #fff;
  height: 370px !important;
  margin-left: 10PX;
  margin-right: 10PX;
}
.experiences-slider .experience-item.team {
  height: 480px !important;
}
.experiences-slider .experience-item .item-image-container {
  flex-basis: 25%;
  width: 25%;
}
.experiences-slider .experience-item .item-image-container .item-image {
  width: 120px;
  height: 120px;
}
.experiences-slider .experience-item .item-image-container p {
  color: #222;
}
.experiences-slider .experience-item .item-content-container {
  flex-basis: 75%;
  width: 75%;
}
.experiences-slider .experience-item .item-content-container p {
  color: #222;
}
.experiences-slider .experience-item .item-content-container .item-logo {
  width: 40px;
  height: 40px;
}
.experiences-slider .logo-link a {
  text-decoration: underline;
  color: #222;
}

@media (max-width: 992px) {
  .experiences-slider .experience-item {
    border-radius: 8px;
    box-shadow: 4px 6px 19px 0 rgba(0, 0, 0, 0.12);
    background-color: #fff;
    height: 400px;
    margin-left: 10PX;
    margin-right: 10PX;
  }
  .experiences-slider .experience-item .item-image-container {
    flex-basis: 100%;
    width: 100%;
    margin-top: -30px;
    margin-bottom: -80px;
  }
  .experiences-slider .experience-item .item-image-container .item-image {
    width: 60px;
    height: 60px;
  }
  .experiences-slider .experience-item .item-image-container p {
    color: #222;
  }
  .experiences-slider .experience-item .item-content-container {
    flex-basis: 100%;
    width: 100%;
  }
  .experiences-slider .experience-item .item-content-container p {
    color: #222;
  }
  .experiences-slider .experience-item .item-content-container .item-logo {
    width: 80px;
    height: 80px;
  }
}
@media (max-width: 1200px) {
  .menu-flex-row {
    justify-content: end;
  }
}

/** some helping stuff */
.header-extension-menu2025 {
  box-shadow: 0 8px 19px 0 rgba(0, 0, 0, 0.05);
  z-index: 99999;
}

body.menu-open {
  overflow: hidden;
  padding-right: var(--scrollbar-width); /* Verhindert das Springen */
}

.ptandbottom {
  padding-top: 55px;
  padding-bottom: 55px;
}

.header-buttons {
  white-space: nowrap;
}

ul#header-menu {
  list-style: none;
  /* border: 1px solid blue; */
  /* styleing for js controls, it must fit the bottom of header */
  padding-bottom: 30px !important;
  margin-bottom: -30px !important;
  /* /// */
}
ul#header-menu li a {
  font-size: 17px;
  color: #023E84;
  font-family: "Source Sans Pro";
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 3.24;
  letter-spacing: 0.17px;
  padding-right: 30px;
  /* border: 1px solid red; */
}
@media (max-width: 1480px) {
  ul#header-menu li a {
    padding-right: 20px;
    font-size: 16px;
  }
}
@media (max-width: 1280px) {
  ul#header-menu li a {
    font-size: 16px;
  }
}
@media (max-width: 1240px) {
  ul#header-menu li a {
    padding-right: 16px;
  }
}
ul#header-menu li.arrowdown a:after {
  display: inline-block;
  content: "";
  width: 12px;
  height: 12px;
  margin: 2px 0 0 8px;
  background: url(../img/icons/funktion_arrow.svg) no-repeat center;
  background-size: contain;
  transform: rotate(90deg);
  transition: transform 0.3s ease;
  position: relative;
  top: 1px;
}
@media (max-width: 1280px) {
  ul#header-menu li.arrowdown a:after {
    margin: 2px 0 0 3px;
  }
}
ul#header-menu li.arrowdown a:hover, ul#header-menu li.arrowdown a.open {
  text-decoration: none;
  color: #FA7D19;
}
ul#header-menu li.arrowdown a:hover:after, ul#header-menu li.arrowdown a.open:after {
  transform: rotate(270deg);
  transition: transform 0.3s ease;
  background: url(../img/icons/funktion_arrow_active.svg) no-repeat center;
}

.wide-menu-wrapper {
  top: 170px;
  left: 0;
  background-color: #fff;
  width: 100%;
  overflow-y: auto; /* Ermöglicht Scrollen, wenn der Inhalt höher als 100vh ist */
  background-color: #f8f8f8;
  transition: all 0.3s ease;
  display: flex;
  z-index: 1001;
  top: -100%;
  max-height: 90vh !important;
  box-shadow: 0 8px 19px 0 rgba(0, 0, 0, 0.2);
  height: 75vh !important;
}
@media (max-height: 1000px) {
  .wide-menu-wrapper {
    height: 75vh !important;
  }
}
.wide-menu-wrapper.menu-open {
  top: 170px;
  transition: all 0.3s ease;
  height: 75vh !important;
}
@media (max-height: 1000px) {
  .wide-menu-wrapper.menu-open {
    height: 75vh !important;
  }
}
.wide-menu-wrapper.menu-open-always {
  top: 170px !important;
  transition: all 0.3s ease;
  height: 75vh !important;
}
.wide-menu-wrapper.menu-scrolled.menu-open {
  top: 120px;
  transition: all 0.3s ease;
}
.wide-menu-wrapper .second-level-wrapper {
  background-image: linear-gradient(to right, #042b57 8%, #0d335f 95%);
  background-color: #fff;
  height: 100%;
  width: 31vw;
}
.wide-menu-wrapper .third-level-wrapper {
  z-index: 99;
  width: 35vw;
  right: 0;
  height: 100%;
}
.wide-menu-wrapper .third-level-wrapper .image {
  background-size: cover;
  background-position: center;
  position: relative;
}
.wide-menu-wrapper .third-level-wrapper .image .bg {
  background-image: linear-gradient(to bottom, rgba(0, 32, 70, 0), #012148);
  height: 250px;
  bottom: 0;
  width: 100%;
  position: absolute;
  background-position: bottom;
  opacity: 0.87;
}
.wide-menu-wrapper .third-level-wrapper .customer-headline {
  letter-spacing: 0.52px;
  margin-top: 80%;
  position: relative;
  z-index: 9;
}
@media (max-height: 1000px) {
  .wide-menu-wrapper .third-level-wrapper .customer-headline {
    font-size: 20px !important;
  }
}
.wide-menu-wrapper ul.second-level-menu {
  list-style: none;
}
.wide-menu-wrapper ul.second-level-menu > li {
  /*
  Main Sub Level Link styling
  ---------------------------
   */
  width: 100%;
  background-image: linear-gradient(to right, #042b57 8%, #0d335f 95%);
  padding: 0;
  margin: 0;
  /*
  ---------------------------
   */
}
.wide-menu-wrapper ul.second-level-menu > li > a, .wide-menu-wrapper ul.second-level-menu > li > span a {
  color: white;
  width: 100%;
  /* @include paddingTopAndBottomMenu; */
  display: flex;
  justify-content: start;
  align-items: center;
  font-size: 16px;
  letter-spacing: 0.32px;
  border-bottom: solid 1px rgba(255, 255, 255, 0.1);
  position: relative;
  padding-left: 74%;
  padding-right: 20px;
}
@media (max-width: 2200px) {
  .wide-menu-wrapper ul.second-level-menu > li > a, .wide-menu-wrapper ul.second-level-menu > li > span a {
    padding-left: 70%;
  }
}
@media (max-width: 2000px) {
  .wide-menu-wrapper ul.second-level-menu > li > a, .wide-menu-wrapper ul.second-level-menu > li > span a {
    padding-left: 65%;
  }
}
@media (max-width: 1680px) {
  .wide-menu-wrapper ul.second-level-menu > li > a, .wide-menu-wrapper ul.second-level-menu > li > span a {
    padding-left: 60%;
  }
}
@media (max-height: 1000px) {
  .wide-menu-wrapper ul.second-level-menu > li > a, .wide-menu-wrapper ul.second-level-menu > li > span a {
    font-size: 15px;
  }
}
.wide-menu-wrapper ul.second-level-menu > li > a::after, .wide-menu-wrapper ul.second-level-menu > li > span a::after {
  content: "";
  position: absolute;
  right: -20px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  top: 48%;
  border-left: 20px solid #fff;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  opacity: 0;
  z-index: 999;
}
.wide-menu-wrapper ul.second-level-menu > li > a:hover, .wide-menu-wrapper ul.second-level-menu > li > a.open, .wide-menu-wrapper ul.second-level-menu > li > span a:hover, .wide-menu-wrapper ul.second-level-menu > li > span a.open {
  text-decoration: none;
  background-color: #fff;
  color: #023E84;
}
.wide-menu-wrapper ul.second-level-menu > li > a:hover::after, .wide-menu-wrapper ul.second-level-menu > li > a.open::after, .wide-menu-wrapper ul.second-level-menu > li > span a:hover::after, .wide-menu-wrapper ul.second-level-menu > li > span a.open::after {
  opacity: 1;
}
.wide-menu-wrapper ul.second-level-menu > li > a:before, .wide-menu-wrapper ul.second-level-menu > li > span a:before {
  content: "";
  background-color: white;
  width: 27px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
  -webkit-mask-repeat: no-repeat; /* Verhindert Wiederholung */
  mask-repeat: no-repeat; /* Verhindert Wiederholung */
  -webkit-mask-size: contain; /* Stellt sicher, dass die Maske skaliert wird */
  -webkit-mask-position-y: center;
}
@media (max-height: 1000px) {
  .wide-menu-wrapper ul.second-level-menu > li > a:before, .wide-menu-wrapper ul.second-level-menu > li > span a:before {
    -webkit-mask-size: 20px;
  }
}
@media (max-height: 700px) {
  .wide-menu-wrapper ul.second-level-menu > li > a:before, .wide-menu-wrapper ul.second-level-menu > li > span a:before {
    -webkit-mask-size: 15px;
  }
}
.wide-menu-wrapper ul.second-level-menu > li > a:hover:before, .wide-menu-wrapper ul.second-level-menu > li > a.open:before, .wide-menu-wrapper ul.second-level-menu > li > span a:hover:before, .wide-menu-wrapper ul.second-level-menu > li > span a.open:before {
  background-color: #023E84;
}
.wide-menu-wrapper ul.second-level-menu > li .sub-menu {
  display: none;
  list-style: none;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.015);
  overflow-y: scroll;
  height: 100%;
  /* Scrollbar-Farbe */
  /* Farbe des Scrollbalkenhintergrunds */
  /* Farbe des beweglichen Scrollbalkens */
  /* Hover-Effekt für den Scrollbalken */
}
.wide-menu-wrapper ul.second-level-menu > li .sub-menu * {
  scrollbar-width: thin; /* "auto", "thin" oder "none" */
  scrollbar-color: #888 #f1f1f1; /* Daumenfarbe & Hintergrundfarbe */
}
.wide-menu-wrapper ul.second-level-menu > li .sub-menu::-webkit-scrollbar {
  width: 7px; /* Für vertikalen Scrollbalken */
  height: 7px; /* Für horizontalen Scrollbalken */
}
.wide-menu-wrapper ul.second-level-menu > li .sub-menu::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 5px;
}
.wide-menu-wrapper ul.second-level-menu > li .sub-menu::-webkit-scrollbar-thumb {
  background: rgba(2, 62, 132, 0.6);
  border-radius: 5px;
}
.wide-menu-wrapper ul.second-level-menu > li .sub-menu ::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.wide-menu-wrapper ul.second-level-menu > li .sub-menu.open {
  display: block;
  position: absolute;
  left: 31vw;
  top: 0;
  padding: 0;
  height: 90%;
  width: 34vw;
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
  background-size: 80px;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0.015);
  border-bottom: 1px solid #e1e4e8;
}
.wide-menu-wrapper ul.second-level-menu > li .sub-menu.open li {
  background-color: #fefefe;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.wide-menu-wrapper ul.second-level-menu > li .sub-menu.open li a {
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.32px;
  text-align: left;
  color: #012856;
  border-bottom: solid 1px #e1e4e8;
  padding-left: 80px;
  width: 100%;
  position: relative;
  z-index: 2;
}
@media (max-height: 1000px) {
  .wide-menu-wrapper ul.second-level-menu > li .sub-menu.open li a {
    font-size: 15px;
    padding-left: 70px;
  }
}
.wide-menu-wrapper ul.second-level-menu > li .sub-menu.open li a:hover {
  text-decoration: none;
}
.wide-menu-wrapper ul.second-level-menu > li .sub-menu.open li .subline {
  opacity: 0.7;
  line-height: 1.67;
  letter-spacing: 0.12px;
  color: #002148;
  font-size: 12px !important;
  display: block;
  padding-left: 48px !important;
  max-width: 80%;
}
@media (max-height: 1000px) {
  .wide-menu-wrapper ul.second-level-menu > li .sub-menu.open li .subline {
    padding-left: 44px !important;
  }
}
.wide-menu-wrapper ul.second-level-menu > li .sub-menu.open li > a {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
  background-size: 50px;
  background-repeat: no-repeat;
}
.wide-menu-wrapper ul.second-level-menu > li .sub-menu.open li > a:before {
  content: "";
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transition: all 0.2s ease;
  background-color: #023E84; /* Nutzt die Textfarbe für die Maske */
  width: 27px;
  height: 24px;
  display: inline-block;
  margin-right: 20px;
  position: relative;
  background-image: none;
  top: 15px;
}
@media (max-height: 1000px) {
  .wide-menu-wrapper ul.second-level-menu > li .sub-menu.open li > a:before {
    width: 23px;
    height: 19px;
  }
}
.wide-menu-wrapper ul.second-level-menu > li .sub-menu.open li > a:hover, .wide-menu-wrapper ul.second-level-menu > li .sub-menu.open li > a.open {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08));
  background-size: 50px;
  background-repeat: no-repeat;
  background-color: #f9f9f9;
  transition: all 0.2s ease;
}
.wide-menu-wrapper ul.second-level-menu > li .sub-menu.open li > a:hover:before, .wide-menu-wrapper ul.second-level-menu > li .sub-menu.open li > a.open:before {
  background-color: #FA7D19;
}
.wide-menu-wrapper ul.second-level-menu > li .sub-menu.open li:after {
  display: inline-block;
  background-image: url(../img/arrow-collapse.svg);
  width: 40.1px;
  height: 16.3px;
  background-size: 40.1px 16.3px;
  content: "";
  background-repeat: no-repeat;
  z-index: 100000000;
  position: absolute;
  right: 40px;
}
.wide-menu-wrapper ul.second-level-menu > li .sub-menu.open li:hover:after {
  background-image: url(../img/arrow-collapse-orange.svg);
}
.wide-menu-wrapper ul.second-level-menu > li .sub-menu.open li.noarrow:after {
  display: none;
}
.wide-menu-wrapper ul.second-level-menu > li .sub-menu.open li.noarrow:hover:after {
  background-image: none;
}

@media (max-width: 1300px) {
  #mainlogo {
    max-width: 200px;
  }
}
.addon-item {
  position: absolute;
  left: 33.08vw;
  z-index: 99999;
  bottom: -20px;
}
.addon-item a {
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.32px;
  text-align: left;
  color: #012856;
  padding-left: 80px;
  /*    border-bottom: solid 1px #e1e4e8;; */
  width: 100%;
  position: relative;
  z-index: 2;
  padding-top: 45px;
  padding-bottom: 45px;
}
@media (max-width: 1280px) {
  .addon-item a {
    padding-top: 45px;
    padding-bottom: 35px;
  }
}
.addon-item a:hover {
  text-decoration: none;
}
.addon-item a:hover:before {
  background-color: #FA7D19;
}
.addon-item a:before {
  content: "";
  -webkit-mask-image: url("../img/menuicons/alles.svg"); /* Für Webkit-Browser */
  mask-image: url("../img/menuicons/alles.svg"); /* Standard */
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transition: all 0.2s ease;
  background-color: #023E84; /* Nutzt die Textfarbe für die Maske */
  width: 17px;
  height: 12px;
  display: inline-block;
  margin-right: 20px;
  position: relative;
  background-image: none;
  top: 1px;
}

li.search-trigger a {
  display: none;
}
li.search-trigger:before {
  content: "";
  background-image: url(../img/icons_2022/vereinssuche.svg);
  width: 30px;
  height: 30px;
  background-position: center;
  background-size: 15px;
  background-repeat: no-repeat;
  display: inline-block;
  padding: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: solid 1px #dadfe3;
  cursor: pointer;
}

.menu-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.15);
  z-index: 1000;
  transition: all 0.3s ease;
}

#mobile-menucontainer {
  height: 180% !important;
}
#mobile-menucontainer.moreheight {
  height: 280% !important;
}

#header-menu-mobile li a {
  font-weight: 700;
}
#header-menu-mobile li.arrowdown a {
  font-weight: 700;
}
#header-menu-mobile li.arrowdown a:after {
  background-image: url(../img/arrow-collapse.svg);
  transform: rotate(90deg);
}
#header-menu-mobile li.arrowdown a.active:after {
  transform: rotate(-90deg);
  background-image: url(../img/arrow-collapse.svg);
}
#header-menu-mobile nav.subnav-mobile li {
  border-bottom: 1px dotted #dadfe3;
  padding: 15px 0;
}
#header-menu-mobile nav.subnav-mobile li a {
  font-weight: 600;
}
#header-menu-mobile nav.subnav-mobile li.menu-item-has-children a:after {
  background-image: url(../img/arrow-collapse.svg);
  transform: rotate(90deg);
}
#header-menu-mobile nav.subnav-mobile li.menu-item-has-children a.active:after {
  transform: rotate(-90deg);
  background-image: url(../img/arrow-collapse.svg);
}
#header-menu-mobile nav.subnav-mobile li > a {
  font-size: 18px !important;
}
#header-menu-mobile nav.subnav-mobile li > a.active:after {
  transform: rotate(90deg);
}
#header-menu-mobile nav.subnav-mobile li .sub-menu {
  padding-top: 15px;
}
#header-menu-mobile nav.subnav-mobile li .sub-menu li {
  border-bottom: 1px dotted #dadfe3;
}
#header-menu-mobile nav.subnav-mobile li .sub-menu li:last-child {
  border-bottom: none !important;
}
#header-menu-mobile nav.subnav-mobile li .sub-menu li a {
  font-size: 16px !important;
  font-weight: 500;
}
#header-menu-mobile nav.subnav-mobile li .sub-menu li a:after {
  display: none;
}

body[data-countdown="1"] .wide-menu-wrapper {
  top: -100%;
}
body[data-countdown="1"] .wide-menu-wrapper.menu-open {
  top: 220px;
  transition: all 0.3s ease;
  height: 75vh !important;
}
@media (max-height: 1000px) {
  body[data-countdown="1"] .wide-menu-wrapper.menu-open {
    height: 75vh !important;
  }
}
body[data-countdown="1"] .wide-menu-wrapper.menu-scrolled.menu-open {
  top: 120px;
}

@media (max-width: 1680px) and (min-width: 1200px) {
  ul#header-menu li a {
    padding-right: 20px;
  }
}
@media (max-width: 1580px) {
  .header-buttons {
    margin-right: -10px !important;
    margin-left: 1rem !important;
  }
}
@media (max-width: 1380px) {
  #mainlogo {
    max-width: 170px;
  }
  ul#header-menu li a {
    padding-right: 15px;
  }
}
@media (max-width: 1280px) and (min-width: 1200px) {
  #mainlogo {
    max-width: 150px;
    margin-left: -10px;
  }
  .header-buttons {
    margin-right: -20px !important;
    margin-left: 1rem !important;
  }
}
div:focus {
  font-weight: bold;
}

/*
FAQ with details and summary
 */
.faq-container summary::marker {
  display: none;
}

.page-template-default.home details .faq-question h3, .post-template-default details .faq-question h3 {
  color: #023E84 !important;
  margin-top: 0 !important;
}
.page-template-default.home details div, .post-template-default details div {
  color: #023E84 !important;
}
.page-template-default.home details div p, .post-template-default details div p {
  color: #023E84 !important;
}
.page-template-default.home details div li, .post-template-default details div li {
  color: #023E84 !important;
}

.faq-item[open] svg {
  transform: rotate(-180deg);
  transition: transform 0.3s ease-in-out;
}

.last-modified {
  display: flex;
  justify-content: flex-end;
}
.last-modified p {
  font-size: 13px;
  line-height: 1.46;
}
.last-modified p.last-modified__title {
  margin: 0;
  text-transform: uppercase;
}
.last-modified p.last-modified__date {
  margin: 0 0 0 8px;
}

.content-marker {
  margin-bottom: 3px;
}
@media screen and (min-width: 1024px) {
  .content-marker {
    margin-bottom: 0;
  }
}
.content-marker p {
  display: inline-block;
  background: #ff7901;
  color: #ffffff !important;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.15px !important;
  line-height: 1;
  text-align: center;
  text-transform: uppercase !important;
}

.btn-appt {
  display: inline-block;
  padding: 13.5px 40px;
  margin: 1rem 0 0 12.1%;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  border-radius: 4px;
  border: none;
  background-color: #023E84;
  cursor: pointer;
}
@media screen and (min-width: 521px) {
  .btn-appt {
    margin: 0;
  }
}
@media screen and (min-width: 1024px) {
  .btn-appt {
    margin: 1rem 0 0 3.5rem;
  }
}
@media screen and (min-width: 1202px) {
  .btn-appt {
    margin: 0;
  }
}
.btn-appt.btn--circle {
  margin: 0 1rem;
  padding: 0.75rem;
  background-color: #ff7900;
}
.btn-appt.btn--circle::before {
  display: block;
  content: url("../img/icons/icon-demo.svg");
  width: 100%;
  height: auto;
}

.contact-headline-col {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: -60px !important;
}

.aktion-disclaimer a {
  color: #023E84;
}
.aktion-disclaimer span {
  color: #023E84;
  font-size: 12px;
  display: block;
  text-align: center;
  padding-bottom: 15px;
  margin-top: -55px;
}
.aktion-disclaimer .contents {
  display: flex;
  justify-content: center;
}
.aktion-disclaimer .contents p {
  text-align: right;
  max-width: 50%;
  color: #717171;
  font-size: 12px !important;
}

.website-action-container {
  padding: 40px;
  border-radius: 20px;
  background-image: url(../img/konfetti_bg.webp);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 30px;
}
@media (max-width: 992px) {
  .website-action-container {
    background-position: top;
    background-repeat: repeat-y;
  }
}
.website-action-container.karneval {
  background-image: url(../img/karneval_counter.svg);
}
@media (max-width: 992px) {
  .website-action-container.karneval {
    background-image: url(../img/karneval_counter.svg);
    background-position-y: 190px;
    background-repeat: no-repeat;
    background-size: 100%;
  }
}
.website-action-container.juli {
  background-image: url(../img/juli.webp);
}
@media (max-width: 992px) {
  .website-action-container.juli {
    background-image: url(../img/juli.webp);
    background-position-y: 190px;
    background-repeat: no-repeat;
    background-size: 100%;
  }
}
.website-action-container.september {
  background-image: url(https://www.meinverein.de/wp-content/uploads/sites/49/2024/08/september-countdown-bg@2x.webp);
  background-size: cover;
  background-color: unset;
}
@media (max-width: 992px) {
  .website-action-container.september {
    background-image: url(https://www.meinverein.de/wp-content/uploads/sites/49/2024/08/september-countdown-bg@2x.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
.website-action-container.eismann {
  background-image: url(https://www.meinverein.de/wp-content/uploads/sites/49/2024/09/countdown-banner-eismann.webp);
  background-size: cover;
  background-color: #042139;
  background-position: left;
}
@media (max-width: 992px) {
  .website-action-container.eismann {
    background-image: url(https://www.meinverein.de/wp-content/uploads/sites/49/2024/08/september-countdown-bg@2x.webp);
    background-repeat: no-repeat;
    background-size: cover;
  }
}
.website-action-container.ostern {
  background-color: #042139;
}
@media (max-width: 992px) {
  .website-action-container.ostern {
    background-image: url(https://www.meinverein.de/wp-content/uploads/sites/49/2024/08/september-countdown-bg@2x.webp);
    background-repeat: no-repeat;
    background-size: cover;
  }
}
.website-action-container.no-bg {
  background-image: none !important;
  background-color: transparent !important;
}
.website-action-container.blackweeks {
  background-image: url(../img/konfetti_blackweeks.webp);
  padding: 0 !important;
}
@media (max-width: 992px) {
  .website-action-container.blackweeks {
    background-position: top;
    background-repeat: repeat-y;
  }
}
.website-action-container.blackweeks .corner {
  background-image: url(../img/bw_corner.svg);
  height: 300px;
  width: 100%;
  margin-bottom: -300px;
  background-repeat: no-repeat;
  background-position: top right;
}
@media (max-width: 992px) {
  .website-action-container.blackweeks .corner {
    background-size: 20%;
  }
}
.website-action-container.neujahr {
  background-image: url(https://www.buhl.de/meinverein/wp-content/uploads/sites/26/2023/12/snow_background@3x.webp);
  padding: 0 !important;
  background-size: cover;
}
.website-action-container.neujahr .corner {
  background-image: url(../img/newyear_corner.webp);
  height: 300px;
  width: 100%;
  margin-bottom: -300px;
  background-repeat: no-repeat;
  background-position: top right;
  top: -1px;
  right: -1px;
}
@media (max-width: 992px) {
  .website-action-container.neujahr .corner {
    background-size: 20%;
  }
}
.website-action-container.neujahr .disclaimer {
  color: #fff !important;
}
.website-action-container button {
  width: auto;
  grid-column-start: 1;
  grid-column-end: 5;
  display: inline-grid;
  width: 97%;
  font-family: Cairo;
  font-size: 16px;
  font-weight: 600;
}
.website-action-container .timerfields {
  display: grid;
  width: fit-content;
  grid-template-columns: auto auto auto auto;
  column-gap: 20px;
}
@media (max-width: 580px) {
  .website-action-container .timerfields {
    grid-template-columns: repeat(4, 60px);
    gap: 5px;
  }
}
.website-action-container h2.action, .website-action-container h1.action {
  padding-bottom: 20px !important;
  font-weight: 700 !important;
}
.website-action-container h2.action.blackweeks, .website-action-container h2.action.neujahr, .website-action-container h2.action.superbowl, .website-action-container h2.action.september, .website-action-container h2.action.eismann, .website-action-container h2.action.ostern, .website-action-container h1.action.blackweeks, .website-action-container h1.action.neujahr, .website-action-container h1.action.superbowl, .website-action-container h1.action.september, .website-action-container h1.action.eismann, .website-action-container h1.action.ostern {
  color: #fff !important;
}
.website-action-container h2.action.fruehling, .website-action-container h1.action.fruehling {
  font-weight: 600 !important;
}
.website-action-container h2.action.fruehling b, .website-action-container h1.action.fruehling b {
  font-weight: 700 !important;
}
.website-action-container p {
  padding-bottom: 20px;
}
.website-action-container h1 span {
  color: #FA7D19 !important;
}
.website-action-container .copied {
  position: absolute;
  font-size: 12px;
  padding: 4px;
  margin-left: -180px;
  margin-top: -40px;
}
.website-action-container .website-action-timer {
  align-items: center;
  margin-bottom: -20px;
}
.website-action-container p.blackweeks, .website-action-container p.christmas, .website-action-container p.neujahr, .website-action-container p.superbowl, .website-action-container p.newyear {
  color: #fff !important;
}
.website-action-container p.blackfriday {
  color: #fff !important;
  font-size: 16px;
  font-family: Cairo;
}
.website-action-container p.blackfriday span.text-orange {
  color: #FA7D1A;
  font-weight: 600;
}
.website-action-container .website-action-rabattcode {
  margin-bottom: 20px;
  cursor: pointer;
}
.website-action-container .website-action-rabattcode span.rabattbadge {
  width: auto;
  height: 32px;
  padding: 4px 13px 5px 11px;
  border-radius: 4px;
  background-color: rgba(255, 255, 25, 0.5);
  color: #023E84;
  font-size: 16px !important;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 1.44px;
  text-align: left;
  text-transform: uppercase;
}
.website-action-container .website-action-rabattcode span.rabattbadge:after {
  content: "";
  background-image: url("../img/icons_2022/copy_icon.svg");
  width: 18px;
  height: 16px;
  display: inline-block;
  margin-left: 15px;
  background-size: cover;
  background-repeat: no-repeat;
  top: 1px;
  position: relative;
}
.website-action-container .website-action-rabattcode span.rabattbadge.februar {
  background-image: none;
  background: transparent !important;
  color: #023e84 !important;
}
.website-action-container .website-action-rabattcode span.rabattbadge.februar:after {
  background-image: none !important;
}
.website-action-container .website-action-rabattcode span.rabattbadge.februar a, .website-action-container .website-action-rabattcode span.rabattbadge.februar span {
  color: #023e84 !important;
}
.website-action-container .website-action-rabattcode span.rabattbadge.eismann {
  background-color: rgba(255, 255, 255, 0.22) !important;
  color: #fff !important;
}
.website-action-container .website-action-rabattcode span.rabattbadge.eismann:after {
  display: none;
}
.website-action-container .website-action-rabattcode span.rabattbadge.eismann a, .website-action-container .website-action-rabattcode span.rabattbadge.eismann span {
  color: #fff !important;
}
@media (max-width: 580px) {
  .website-action-container .website-action-rabattcode span.rabattbadge {
    font-size: 14px !important;
    padding: 5px 10px 5px 8px;
  }
  .website-action-container .website-action-rabattcode span.rabattbadge:after {
    margin-left: 10px;
  }
}
.website-action-container .website-action-rabattcode span b {
  font-weight: 700;
}
.website-action-container .website-action-content {
  font-weight: 700;
  padding: 20px;
  font-size: 28px;
  text-align: center;
  line-height: 44px;
}
.website-action-container .website-action-content .action-content {
  min-height: 30px;
  height: auto;
  font-weight: 700;
  padding: 20px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.5);
}
.website-action-container .website-action-content .time-prozent {
  font-size: 80px;
  vertical-align: sub;
  padding: 10px;
}
.website-action-container .website-action-content .time-info {
  font-size: 40px;
}
.website-action-container .timerfields.blackweeks, .website-action-container .timerfields.christmas *, .website-action-container .timerfields.neujahr * {
  color: #202020 !important;
}
.website-action-container .timerfields.superbowl, .website-action-container .timerfields.september, .website-action-container .timerfields.eismann, .website-action-container .timerfields.halloween {
  color: #023E84 !important;
}
.website-action-container .timerfields.superbowl .timer-field, .website-action-container .timerfields.september .timer-field, .website-action-container .timerfields.eismann .timer-field, .website-action-container .timerfields.halloween .timer-field {
  color: #023E84 !important;
}
.website-action-container .timerfields.superbowl .timer-field span, .website-action-container .timerfields.september .timer-field span, .website-action-container .timerfields.eismann .timer-field span, .website-action-container .timerfields.halloween .timer-field span {
  color: #023E84 !important;
}
.website-action-container button.blackweeks {
  background-image: linear-gradient(96deg, #c0981d -23%, #f2d357 38%, #dbb62f 104%);
}
.website-action-container button.christmas {
  border-color: #ff4343 !important;
  background-color: #ff4343 !important;
  color: #fff !important;
}
.website-action-container button.neujahr {
  background-color: rgb(245, 245, 245) !important;
  color: rgb(30, 30, 30) !important;
}
.website-action-container button.februar, .website-action-container button.karneval {
  border-color: #ff4343 !important;
  background-color: #ff4343 !important;
  color: #fff !important;
}
.website-action-container .timer-field {
  width: 90px;
  min-height: 30px;
  height: 95px;
  color: #023E84;
  background-color: #fff;
  box-shadow: 0 22px 36px 0 rgba(38, 35, 32, 0.16);
  text-align: center;
  font-family: Cairo;
  font-size: 28px;
  font-weight: bold;
  padding: 10px;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  margin-right: 20px;
  justify-content: center;
}
.website-action-container .timer-field .label {
  font-size: 13px;
}
@media (max-width: 580px) {
  .website-action-container .timer-field {
    width: 60px;
    min-height: 30px;
    padding: 5px;
    height: 65px;
    margin-right: 0;
    font-size: 22px;
    margin-left: 0px;
  }
  .website-action-container .timer-field .label {
    font-size: 11px;
  }
}
.website-action-container .time-divider {
  padding: 20px 10px;
  color: #023E84;
  font-weight: 700;
  font-size: 28px;
}

.single ol {
  margin-left: 20px;
}

span.rabattbadge {
  width: auto;
  height: 32px;
  padding: 5px 13px 5px 11px;
  border-radius: 4px;
  background-color: rgba(255, 255, 25, 0.5);
  color: #023E84;
  font-size: 16px !important;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 1.44px;
  text-align: left;
  text-transform: uppercase;
}
span.rabattbadge.creme-background {
  background-color: rgba(255, 255, 255, 0.28) !important;
  color: #023e84 !important;
}
span.rabattbadge.eismann {
  font-size: 20px !important;
  color: #fff !important;
  letter-spacing: normal;
}
span.rabattbadge.eismann:after {
  display: none;
}
@media (max-width: 1280px) {
  span.rabattbadge.eismann {
    font-size: 16px !important;
  }
}
span.rabattbadge:after {
  content: "";
  background-image: url("../img/icons_2022/copy_icon.svg");
  width: 18px;
  height: 16px;
  display: inline-block;
  margin-left: 15px;
  background-size: cover;
  background-repeat: no-repeat;
  top: 1px;
  position: relative;
}
span.rabattbadge.orange {
  background-color: #FA7D19;
  color: #fff !important;
}
span.rabattbadge.orange:after {
  background-image: url("../img/icons_2023/copy_icon_white.svg");
}
span.rabattbadge.orange a, span.rabattbadge.orange span {
  color: #fff !important;
}
span.rabattbadge.september {
  background-color: rgba(255, 255, 255, 0.22) !important;
  color: #fff !important;
}
span.rabattbadge.september:after {
  background-image: url("../img/icons_2023/copy_icon_white.svg") !important;
}
span.rabattbadge.september a, span.rabattbadge.september span {
  color: #fff !important;
}
span.rabattbadge.eismann {
  background-color: rgba(255, 255, 255, 0.22) !important;
  color: #fff !important;
}
span.rabattbadge.eismann:after {
  display: none;
}
span.rabattbadge.eismann a, span.rabattbadge.eismann span {
  color: #fff !important;
}
span.rabattbadge.golden {
  background-image: linear-gradient(95deg, #c0981d -24%, #f2d357 38%, #dbb62f 104%);
  color: #1e1e1e !important;
}
span.rabattbadge.golden:after {
  background-image: url("../img/icons_2023/copy_icon_blackweeks.svg");
}
span.rabattbadge.golden a, span.rabattbadge.golden span {
  color: #1e1e1e !important;
}
span.rabattbadge.no-after:after {
  display: none;
}
span b {
  font-weight: 700;
}

.aktion-disclaimer.blackweeks, .aktion-disclaimer.superbowl, .aktion-disclaimer.ostern {
  color: #fff !important;
}
.aktion-disclaimer.blackweeks .disclaimer, .aktion-disclaimer.superbowl .disclaimer, .aktion-disclaimer.ostern .disclaimer {
  color: #fff !important;
  padding-bottom: 0 !important;
}
.aktion-disclaimer.blackfriday {
  color: rgba(255, 255, 255, 0.4) !important;
}
.aktion-disclaimer.blackfriday a.disclaimer {
  color: rgba(255, 255, 255, 0.4) !important;
}
.aktion-disclaimer.blackfriday .disclaimer {
  color: rgba(255, 255, 255, 0.4) !important;
}
.aktion-disclaimer.blackfriday a {
  color: rgba(255, 255, 255, 0.4) !important;
}

@media (max-width: 992px) {
  .pt-140-for-live {
    padding-top: 140px !important;
  }
}

@media (max-width: 992px) {
  .pt-70-for-live {
    padding-top: 70px !important;
  }
}

.mb--40 {
  margin-bottom: -40px !important;
}

.mb--60 {
  margin-bottom: -60px !important;
}

.mb--130 {
  margin-bottom: -130px !important;
}

.website-action-headline p.september, .website-action-headline p.eismann, .website-action-headline p.ostern {
  color: #fff !important;
  padding-bottom: 20px !important;
}

.september span a.disclaimer, .eismann span a.disclaimer {
  color: #fff !important;
}
.september span a.disclaimer u, .eismann span a.disclaimer u {
  color: #fff !important;
}

.btn-infoicon-frm6 img {
  width: 20px;
  height: auto;
}

.shariff-copy {
  background: #023E84;
}

.shariff-button-custom {
  background-color: transparent !important;
}
.shariff-button-custom a {
  background-color: #e4ebf4;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
}
.shariff-button-custom a:after {
  content: "";
  background-image: url("https://www.meinverein.de/wp-content/uploads/sites/49/2024/10/link-solid.svg");
  width: 20px;
  height: 18px;
  display: inline-block;
  left: 7px;
  background-size: 20px;
  background-repeat: no-repeat;
  top: 4px;
  position: relative;
}
.shariff-button-custom.active-shariff a {
  background-color: #2277b1;
}
.shariff-button-custom.active-shariff a:after {
  background-image: url("https://www.meinverein.de/wp-content/themes/meinverein-2023/img/icons_2024/copy-url.svg");
}

.flex-basis-50 {
  flex-basis: 50%;
}
@media (max-width: 768px) {
  .flex-basis-50 {
    flex-basis: 100%;
  }
}

body .aktion-disclaimer.halloween span, body .aktion-disclaimer.halloween a.disclaimer {
  color: #fff !important;
}
body .aktion-disclaimer.halloween span a, body .aktion-disclaimer.halloween a.disclaimer a {
  color: #fff !important;
}
body .aktion-disclaimer.halloween .disclaimer u {
  color: #fff !important;
}

body .aktion-disclaimer.christmas span, body .aktion-disclaimer.christmas a.disclaimer, body .aktion-disclaimer.newyear span, body .aktion-disclaimer.newyear a.disclaimer {
  opacity: 0.6;
  color: #fff !important;
}
body .aktion-disclaimer.christmas span a, body .aktion-disclaimer.christmas a.disclaimer a, body .aktion-disclaimer.newyear span a, body .aktion-disclaimer.newyear a.disclaimer a {
  color: #fff !important;
}
body .aktion-disclaimer.christmas .disclaimer u, body .aktion-disclaimer.newyear .disclaimer u {
  color: #fff !important;
}

/** theming **/
/* blackfirday */
body .blackfriday a.disclaimer u {
  color: rgba(255, 255, 255, 0.4) !important;
}

.text-red {
  color: #ff4343;
}

.timerfields.christmas button.christmas, .timerfields.christmas button.newyear {
  color: #fff !important;
  display: block;
}

footer {
  background-color: #06437b;
  height: auto;
  padding-bottom: 30px;
}
footer #footermenu-2024 {
  display: flex;
}
@media (max-width: 992px) {
  footer #footermenu-2024 {
    flex-direction: column;
  }
}
footer #footermenu-2024 li {
  flex-basis: 25%;
}
@media (max-width: 992px) {
  footer #footermenu-2024 li {
    flex-basis: 100%;
  }
}
footer #footermenu-2024 li a {
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  margin-bottom: 10px;
  display: block;
  text-transform: uppercase;
  text-decoration: none;
  margin-right: 20px;
}
footer #footermenu-2024 li ul {
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}
footer #footermenu-2024 li ul li a {
  color: #fff;
  font-weight: 500;
  text-decoration: none;
  margin-bottom: 10px;
  display: block;
  text-transform: unset;
  text-decoration: none;
}
footer #footermenu-2024 li ul li a:hover {
  text-decoration: underline;
}
footer #footermenu-2024 li ul li.twitter a:before {
  display: inline-block;
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 12px;
  vertical-align: sub;
  background-image: url(../img/icons_2022/twitter_icon_white.svg);
  width: 20px;
  height: 20px;
}
footer #footermenu-2024 li ul li.facebook a:before {
  display: inline-block;
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 12px;
  vertical-align: sub;
  background-image: url(../img/icons_2022/fb_icon_white.svg);
  width: 20px;
  height: 20px;
}
footer #footermenu-2024 li ul li.whatsapp a:before {
  display: inline-block;
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 12px;
  vertical-align: sub;
  background-image: url(../img/icons_2022/whatsapp.svg);
  width: 20px;
  height: 20px;
}
footer #footermenu-2024 li ul li.instagram a:before {
  display: inline-block;
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 12px;
  vertical-align: sub;
  background-image: url(../img/icons_2022/instagram.svg);
  width: 20px;
  height: 20px;
}
footer #footermenu-2024 li ul li.youtube a:before {
  display: inline-block;
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 12px;
  vertical-align: sub;
  background-image: url(../img/icons_2022/youtube_icon_white.svg);
  width: 20px;
  height: 20px;
}
footer #footermenu-2024 li ul li.footer-phone a:before {
  display: inline-block;
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 12px;
  vertical-align: sub;
  background-image: url(../img/icons_2022/phone-solid-white.svg);
  width: 20px;
  height: 20px;
}
footer #footermenu-2024 li ul li.footer-mail a:before {
  display: inline-block;
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 12px;
  vertical-align: sub;
  background-image: url(../img/icons_2022/envelope-regular.svg);
  width: 20px;
  height: 20px;
}

#footerbottom {
  padding-top: 60px !important;
  color: white !important;
}
@media (max-width: 992px) {
  #footerbottom {
    display: flex;
    padding-top: 30px !important;
    flex-direction: column-reverse;
  }
}
#footerbottom p {
  color: white !important;
}
#footerbottom .buhl-footer-white {
  color: white !important;
}
#footerbottom .buhl-footer-white:before {
  display: inline-block;
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 12px;
  vertical-align: sub;
  background-image: url("../img/logos/buhl-logo-white.svg");
  width: 40px;
}

@media (min-width: 993px) {
  #footermenu {
    padding-top: 30px !important;
  }
}
#footermenu li {
  margin-right: 20px;
}
#footermenu li a {
  color: white !important;
  font-size: 18px !important;
}
@media (max-width: 992px) {
  #footermenu {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
  }
}

p.footerinfo {
  font-size: 30px !important;
}

.footerkontakt a, .footerkontakt p:not(.footerinfo) {
  font-size: 20px !important;
}

.whitelogo {
  max-width: 200px;
}

.scrollspy {
  position: fixed;
  width: 180px;
  height: auto;
  min-height: 100px;
  right: -20px;
  top: 300px;
  padding: 40.9px 26px 47.1px 25px;
  border-radius: 20px;
  z-index: 1000;
  box-shadow: 0 23px 26px 0 rgba(0, 0, 0, 0.14);
  background-color: #F0F3F9;
}
.scrollspy .list-group-item {
  font-size: 13px;
  display: flex;
  justify-content: start;
  align-items: center;
  letter-spacing: 0.26px;
  color: #00234d;
  background: unset;
  border: unset;
}
.scrollspy .list-group-item:before {
  content: "";
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background-color: #00234d;
  opacity: 0.5;
  position: relative;
  left: -15px;
}
.scrollspy .list-group-item.active {
  font-weight: 700;
}
.scrollspy .list-group-item.active:before {
  opacity: 0.9;
}
@media (max-width: 768px) {
  .scrollspy {
    display: none;
  }
}

main {
  position: relative;
}

h2.shadowbox {
  font-weight: 600;
  width: 100%;
  max-width: 1000px;
  border-radius: 20px;
  -webkit-box-shadow: 0px 0px 48px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 0px 48px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 48px 0px rgba(0, 0, 0, 0.08);
  background-color: #fff;
  line-height: 1.67;
}
h2.text-vdj-gradient {
  color: #00234d;
  background-image: linear-gradient(180deg, #00234d 42%, #4B6481 80%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
}

.join-vdj {
  width: 470px;
}
@media (max-width: 992px) {
  .join-vdj {
    width: 300px;
  }
}
@media (max-width: 768px) {
  .join-vdj {
    width: 200px;
  }
}

@media screen and (max-width: 768px) {
  .vdj-slider .splide__slide {
    display: none !important;
  }
  .vdj-slider .splide__slide:nth-child(3) {
    display: block !important;
    margin-top: -30px;
    margin-bottom: -60px;
  }
}
.vdj-slider .image-slide {
  margin: 0 15px;
  border-radius: 10px;
  position: relative;
}
.vdj-slider .image-slide img {
  max-width: 100%;
  position: relative;
  z-index: 1;
}
@media (max-width: 1400px) {
  .vdj-slider .image-slide:nth-child(3) {
    display: none;
  }
}
@media (max-width: 992px) {
  .vdj-slider .image-slide:nth-child(2) {
    display: none;
  }
}
.vdj-slider .blurred {
  opacity: 0.5;
  border-radius: 8px;
  /*  -webkit-filter: blur(50px);
    filter: blur(50px); */
  width: 80%;
  height: 320px;
  position: absolute;
  top: 0px;
  margin: auto;
  z-index: 0;
}
@media (max-width: 992px) {
  .vdj-slider .blurred {
    height: 140px;
  }
}
@media (max-width: 768px) {
  .vdj-slider .blurred {
    display: none;
  }
}

.application-button {
  position: relative;
  top: -240px;
  text-align: center;
}
@media (max-width: 1200px) {
  .application-button img {
    display: none;
  }
}
.application-button a {
  width: 90%;
  margin: auto;
  margin-top: 30px;
}

.w80 {
  width: 80% !important;
  margin: auto;
}

.application-container {
  min-height: 400px;
  height: auto;
}
.application-container .hintbubble {
  border-radius: 20px;
  border: solid 1px rgba(255, 255, 255, 0.53);
  background-color: #eaf0f7;
  color: #00234d;
  font-size: 15px !important;
  padding: 15px;
}
.application-container .application-topline {
  color: #012857;
}
.application-container .separator-line {
  width: 180px;
  height: 1px;
  margin: auto;
  opacity: 0.12;
  background-color: #012857;
}
.application-container .separator-line-large {
  width: 80%;
  height: 1px;
  margin: auto;
  opacity: 0.12;
  background-color: #012857;
}
.application-container .price-rules {
  width: 50%;
  margin: auto;
  height: 300px;
}
@media (max-width: 768px) {
  .application-container .price-rules {
    width: 90%;
  }
}
.application-container .price-rules .price-rule {
  line-height: 18px;
}
.application-container .price-rules .price-rule a {
  opacity: 0.6;
  text-decoration: underline;
  display: inline-block;
  color: #023e84 !important;
}
.application-container .number {
  width: 30px !important;
  color: white;
  height: 30px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #012857;
  font-size: 15px;
  min-width: 30px;
}
.application-container .application-price-info .price-info {
  color: #012857;
  font-weight: 600;
}
.application-container .application-price-info .price-factor {
  opacity: 0.52;
}
.application-container .application-price-info .price-leftside {
  padding: 4px 20px;
  border-radius: 6px;
  box-shadow: 0 2px 4px 0 rgba(192, 203, 216, 0.44);
  background-color: #fff;
}
.application-container .application-left-container {
  border: solid 12px #fff;
  background-color: #f8fbff;
  min-height: 860px;
  height: auto;
  position: relative;
  width: 49.5%;
  margin-right: 1%;
  border-radius: 20px;
}
@media (max-width: 992px) {
  .application-container .application-left-container {
    margin-right: 0;
    width: 100%;
    margin-bottom: 20px;
  }
}
.application-container .application-left-container .application-corner-image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  max-width: 200px;
}
@media (max-width: 768px) {
  .application-container .application-left-container .application-corner-image {
    opacity: 0.5;
  }
}
.application-container .application-right-container {
  border: solid 12px #fff;
  background-color: #f8fbff;
  min-height: 860px;
  height: auto;
  margin-left: 12px;
  width: 49.5%;
  border-radius: 20px;
}
@media (max-width: 992px) {
  .application-container .application-right-container {
    margin-left: 0;
    width: 100%;
    margin-bottom: 20px;
  }
}

.login-container {
  background-image: url(../img/vdj/loginbg.webp);
  min-height: 900px;
  border-radius: 20px;
  background-position: bottom;
  background-size: 100%;
}
@media (max-width: 1200px) {
  .login-container {
    background-size: 160%;
    background-position: top;
    background-repeat: no-repeat;
    background-color: #022856;
    justify-content: end;
    min-height: 700px;
  }
}
@media (max-width: 1400px) {
  .login-container {
    background-size: 120%;
  }
}
@media (max-width: 1600px) {
  .login-container {
    background-size: 105%;
  }
}
.login-container .login-content {
  width: 65%;
}
@media (max-width: 1200px) {
  .login-container .login-content {
    width: 100%;
  }
}
.login-container .login-content .login-sponsoren {
  width: 80%;
  margin: auto;
}
@media (max-width: 768px) {
  .login-container .login-content .login-sponsoren {
    width: 110%;
    margin-left: -5%;
  }
}
@media (max-width: 580px) {
  .login-container .login-content .login-sponsoren {
    width: 120%;
    margin-left: -10%;
  }
}
.login-container .login-content .login-logo-image {
  width: 176px;
}
.login-container .login-content .login-prices-image img {
  max-width: 45%;
}
.login-container .login-content .login-paragraph {
  opacity: 0.7;
}
.login-container .login-form {
  width: 35%;
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 20px;
}
@media (max-width: 1200px) {
  .login-container .login-form {
    width: 100%;
  }
}

.form-container {
  width: 100%;
  max-width: 400px;
  padding: 0 20px;
}

.email-input-container {
  position: relative;
  margin-bottom: 20px;
  font-family: Cairo;
}

.email-input {
  width: 100%;
  background-color: white;
  border: none;
  border-radius: 6px;
  padding: 16px 16px 16px 48px;
  font-size: 16px;
  color: #012857;
  box-sizing: border-box;
}
.email-input::placeholder {
  color: #012857 !important;
  opacity: 0.4;
}

.email-input:focus {
  outline: none;
  box-shadow: 0 0 0 2px #4a90e2;
}

.email-icon {
  position: absolute;
  left: 16px;
  top: 47%;
  transform: translateY(-50%);
  color: #8FA0B8;
}

.submit-button {
  width: 100%;
  background-color: #7c8a97;
  color: white;
  border: none;
  border-radius: 6px;
  padding: 16px;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.2s;
}

.submit-button:hover {
  background-color: #6a7884;
}

.error-message {
  color: #e53e3e;
  font-size: 14px;
  margin-top: 4px;
  display: none;
}

.email-input.invalid {
  border: 2px solid #e53e3e;
}

.email-input.invalid + .error-message {
  display: block;
}

.vdj-badge {
  padding: 5px 10px;
  font-size: 16px !important;
  background-color: #e1e7f0;
  line-height: 1.63;
  border-radius: 6px;
  color: #012857;
  display: inline-block;
}

.vdj-badge-blue {
  border: solid 1px #0f97eb;
  background-color: #CFE7FF;
  font-family: Cairo;
  width: 160px;
  font-size: 16px !important;
  border-radius: 25px;
  font-weight: 400;
  letter-spacing: normal;
  text-align: center;
  color: #012857;
  padding: 0 10px;
  margin: auto;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  margin-bottom: 15px;
}

.vdj-badge-white {
  background-color: #fff;
  font-family: Cairo;
  width: 160px;
  font-size: 16px !important;
  border-radius: 25px;
  font-weight: 400;
  letter-spacing: normal;
  text-align: center;
  color: #012857;
  padding: 0 10px;
  margin: auto;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  margin-bottom: 15px;
  border: solid 1px rgba(214, 214, 214, 0.53);
}

.projects-container {
  /* Grid: bis 1199px 1-spaltig, ab 1200px 2-spaltig */
  /* Card-Optik an das Layout angelehnt */
}
.projects-container .gewinne {
  font-family: Cairo;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.63;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
.projects-container .award-grid-container {
  max-width: 1800px;
}
.projects-container .grid-awards {
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr; /* 1 Spalte: default + >=680px */
}
@media (min-width: 992px) {
  .projects-container .grid-awards {
    grid-template-columns: 1fr 1fr; /* 2 Spalten ab 1200px */
  }
}
@media (min-width: 1500px) {
  .projects-container .grid-awards {
    grid-template-columns: 1fr 1fr 1fr 1fr; /* 2 Spalten ab 1200px */
  }
}
.projects-container .award-card.card {
  border: 0;
  border-radius: 1rem;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  border: 4px solid #fff;
  background-color: #F8FBFF;
}
.projects-container .award-card.card .gewinne {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.5s ease, transform 0.5s ease;
  text-align: center;
}
.projects-container .award-card.card .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  height: auto;
  z-index: 1;
  opacity: 0.5;
  background-image: linear-gradient(to bottom, rgba(1, 40, 87, 0.01), #14202e);
}
.projects-container .award-card.card:hover .gewinne {
  opacity: 1;
  transform: translateY(0);
}
.projects-container .card-img {
  height: 460px;
  cursor: pointer;
  background-size: 123%;
  background-position: center center;
  background-repeat: no-repeat;
  transition: all 0.5s ease-in-out;
}
.projects-container .card-img:hover {
  background-size: 120%;
  background-position: center center;
  background-repeat: no-repeat;
  height: 460px;
  aspect-ratio: 16/10;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
}
@media (max-width: 768px) {
  .projects-container .card-img {
    background-size: cover;
  }
}
.projects-container .award-card .card-badge {
  z-index: 2;
  padding-bottom: 40px;
}
.projects-container .badge-pill {
  font-family: Cairo;
  font-size: 16px;
  border-radius: 15px;
  font-weight: 400;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  margin-bottom: 15px;
}
.projects-container .vdj-badge {
  background-color: #e1e7f0;
  font-family: Cairo;
  font-size: 16px;
  border-radius: 6px;
  font-weight: 400;
  letter-spacing: normal;
  text-align: center;
  color: #012857;
  margin-bottom: 15px;
  padding: 5px 15px;
}
.projects-container .vdj-card-body {
  height: auto;
  padding-bottom: 30px;
}
.projects-container .vdj-badge-titel {
  font-size: 33px;
  margin-bottom: 15px;
}
.projects-container .project-content {
  color: #012857 !important;
  min-height: 130px;
}
.projects-container .badge1 {
  border: solid 1px #fff;
  background-color: #77788E;
}
.projects-container .projects-intro {
  max-width: 1000px;
}
.projects-container .projects-intro .subline {
  opacity: 0.6;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.11;
  letter-spacing: normal;
  text-align: center;
  color: #00234d;
}
.projects-container .single-vdj-project {
  position: relative;
}
.projects-container .single-vdj-project p {
  opacity: 0.8;
  max-width: 600px;
}
@media (max-width: 768px) {
  .projects-container .single-vdj-project p {
    max-width: 280px;
  }
}
.projects-container .single-vdj-project .down-arrow {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 3px solid #fff;
}
.projects-container .single-vdj-project .down-arrow img {
  width: 20px;
  height: 20px;
  margin: auto;
  display: block;
}
@media (max-width: 992px) {
  .projects-container .single-vdj-project .down-arrow {
    margin-bottom: 100px !important;
  }
}
.projects-container .single-vdj-project .project-category {
  bottom: 0;
  left: 100px;
  width: 140px;
  height: 170px;
  z-index: 109;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  box-shadow: 0 23px 26px 0 rgba(0, 0, 0, 0.14);
  background-color: rgba(255, 255, 255, 0.1);
  position: absolute;
}
.projects-container .single-vdj-project .project-category .titel {
  line-height: 24px;
  text-transform: uppercase;
  letter-spacing: 1.87px;
}
@media (max-width: 1100px) {
  .projects-container .single-vdj-project .project-category {
    width: 110px;
    height: 150px;
  }
  .projects-container .single-vdj-project .project-category .titel {
    transform: scale(0.8);
  }
}
@media (max-width: 992px) {
  .projects-container .single-vdj-project .project-category {
    left: 20px;
  }
}
@media (max-width: 768px) {
  .projects-container .single-vdj-project .project-category {
    width: 70px;
    height: 100px;
    padding-top: 35px !important;
  }
  .projects-container .single-vdj-project .project-category .titel {
    transform: scale(0.5);
  }
}
.projects-container .single-vdj-project .image-container img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.single-vdj-project {
  min-height: 900px;
}

.faq-container .faq-container {
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
  padding: 2rem 1rem;
}
.faq-container .faq-item {
  background-color: white;
  border-radius: 20px;
  box-shadow: 0 22px 36px 0 rgba(221, 221, 221, 0.41);
  margin-bottom: 1rem;
  overflow: hidden;
}
.faq-container .faq-question {
  width: 100%;
  text-align: left;
  padding: 1rem 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
}
.faq-container .faq-icon {
  color: #003366;
  transition: transform 0.2s;
  width: 24px;
  height: 24px;
}
.faq-container .faq-icon.rotate {
  transform: rotate(180deg);
}
.faq-container .faq-answer {
  padding: 0 1.5rem;
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
.faq-container .faq-answer.open {
  max-height: 500px;
  padding-bottom: 1.5rem;
  opacity: 1;
}
@media (max-width: 640px) {
  .faq-container .container {
    padding: 0 0.75rem;
  }
  .faq-container h1 {
    font-size: 1.5rem;
  }
  .faq-container .faq-question h3 {
    font-size: 1rem;
  }
}

.schedule-container .timeline {
  position: relative;
  margin: 3rem 0;
  padding-left: 2rem;
}
.schedule-container .timeline-item {
  position: relative;
  padding-bottom: 3rem;
}
.schedule-container .timeline-item::before {
  content: "";
  position: absolute;
  left: -26px;
  top: 40px;
  bottom: 10px;
  width: 1px;
  opacity: 0.3;
  background-color: #012857;
}
.schedule-container .timeline-item:last-child {
  padding-bottom: 0;
}
.schedule-container .timeline-dot {
  position: absolute;
  left: -37px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #f5f5f5;
  border: 3px solid #647C98;
  z-index: 1;
  top: 7px;
}
.schedule-container .timeline-date {
  font-weight: 700;
  color: #00234d;
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
}
.schedule-container .timeline-title {
  margin-bottom: 0.5rem;
}
.schedule-container .timeline-description {
  color: #00234d;
  line-height: 2.14;
  margin-bottom: 0.5rem;
}
.schedule-container .timeline-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
.schedule-container .category {
  display: inline-block;
  color: #00234d;
  font-weight: 600;
}
.location-container {
  background-color: rgba(1, 40, 87, 0.02);
  /* Benutzerdefinierter Scrollbalken */
  /* Responsive Design */
}
.location-container .location-content .location-badge {
  opacity: 0.6;
}
.location-container .location-content .date-icon:before {
  display: inline-block;
  content: " ";
  background-image: url("../img/vdj/datum.svg");
  width: 12px;
  height: 15px;
  margin-right: 10px;
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  top: 1px;
}
@media (max-width: 1680px) {
  .location-container .location-content .date-icon {
    margin-right: 6px;
  }
}
@media (max-width: 480px) {
  .location-container .location-content .date-icon {
    margin-right: 2px;
  }
}
.location-container .location-content .time-icon:before {
  display: inline-block;
  content: " ";
  background-image: url("../img/vdj/uhr.svg");
  width: 16px;
  height: 16px;
  background-size: 16px;
  margin-right: 10px;
  position: relative;
  top: 3px;
}
@media (max-width: 1680px) {
  .location-container .location-content .time-icon {
    margin-right: 6px;
  }
}
@media (max-width: 480px) {
  .location-container .location-content .time-icon {
    margin-right: 2px;
  }
}
.location-container .location-content .event-details {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 20px;
}
.location-container .location-content .detail-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.location-container .location-content .detail-text {
  line-height: 1.5;
}
.location-container .location-content .action-buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  width: 70%;
}
@media (max-width: 768px) {
  .location-container .location-content .action-buttons {
    width: 90%;
  }
}
@media (max-width: 568px) {
  .location-container .location-content .action-buttons {
    width: 100%;
  }
}
.location-container .location-content .action-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px;
  background-color: transparent;
  border-radius: 7px;
  border: solid 2px #e6ecf4;
  color: #012857;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
@media (max-width: 568px) {
  .location-container .location-content .action-button {
    padding: 6px;
  }
}
.location-container .location-content .action-button:hover {
  background-color: #012857;
  color: #fff;
}
.location-container .location-content .action-button svg {
  width: 20px;
  height: 20px;
}
.location-container .gallery-container {
  position: relative;
  overflow: hidden;
  padding-bottom: 30px; /* Platz für Scrollbar */
}
.location-container .gallery {
  display: flex;
  overflow-x: auto;
  gap: 20px;
  padding: 10px 0;
  scroll-behavior: smooth;
  scrollbar-width: none; /* Versteckt den Standard-Scrollbalken in Firefox */
  -ms-overflow-style: none; /* Versteckt den Standard-Scrollbalken in IE/Edge */
}
.location-container .gallery::-webkit-scrollbar {
  display: none; /* Versteckt den Standard-Scrollbalken in Chrome/Safari/Opera */
}
.location-container .gallery-item {
  flex: 0 0 auto;
  width: 400px;
  height: 300px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
}
.location-container .gallery-item:hover {
  transform: translateY(-5px);
}
.location-container .gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.location-container .custom-scrollbar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 12px;
  background-color: #e0e0e0;
  border-radius: 10px;
}
.location-container .scrollbar-thumb {
  position: absolute;
  height: 100%;
  width: 25%; /* Wird dynamisch per JavaScript angepasst */
  background-color: #003366 !important;
  opacity: 0.6 !important;
  border-radius: 10px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.location-container .scrollbar-thumb:hover {
  background-color: #0055aa;
}
.location-container .scrollbar-track {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background: linear-gradient(90deg, #003366 0%, #e0e0e0 100%);
  border-radius: 10px;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.location-container .scrollbar-track .active-region {
  position: absolute;
  height: 100%;
  background-color: #003366;
  border-radius: 10px;
  opacity: 0.3;
}
@media (max-width: 768px) {
  .location-container .gallery-item {
    width: 300px;
    height: 225px;
  }
}
@media (max-width: 480px) {
  .location-container .gallery-item {
    width: 250px;
    height: 187px;
  }
}

.grid-container {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
}

@media (max-width: 1480px) {
  .grid-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .grid-container {
    grid-template-columns: 1fr;
  }
}
.jury-item {
  border-radius: 20px;
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  box-shadow: 0 23px 26px 0 rgba(0, 0, 0, 0.04);
  background-color: #fff;
}
.jury-item .position {
  opacity: 0.6;
  font-weight: 500;
}
.jury-item .circle {
  width: 20px;
  height: 20px;
  margin: 0 0px 0 0;
  background-color: #f5f5f5;
  border-radius: 50%;
}
.jury-item .line {
  width: 80%;
  height: 10px;
  margin: 5px 0 5px 22px;
  background-color: #f5f5f5;
}
.jury-item .foto img {
  width: 166px;
  height: auto;
}

.footerlogin-container {
  background-color: #556C8A;
  border-radius: 20px;
  height: 900px;
  position: relative;
}
.footerlogin-container .footerlogin-innercontainer {
  background-color: #193962;
  border-radius: 20px;
  position: absolute;
  height: 90%;
  bottom: 0;
  z-index: 1000;
  width: 100%;
}
.footerlogin-container .login-logo {
  max-width: 170px;
  z-index: 1001;
}
.footerlogin-container .login-left-middle {
  margin-top: 50% !important;
}
.footerlogin-container .login-form {
  margin-top: 15% !important;
  padding-left: 15% !important;
}

.vdj-flyingdude {
  position: relative;
  z-index: 3;
  width: 200px;
  margin-top: 220px;
  margin-bottom: -220px;
  margin-left: auto;
  margin-right: auto;
  left: 515px;
}
@media (max-width: 1100px) {
  .vdj-flyingdude {
    margin-top: 0px;
    margin-bottom: 0px;
    left: unset;
  }
}

a[data-vdjexample="1"] {
  position: absolute;
  right: 30px;
  color: #012857;
  opacity: 0.53;
  text-decoration: underline;
}
a[data-vdjexample="1"]:hover {
  text-decoration: none;
  color: #012857;
}
@media (max-width: 768px) {
  a[data-vdjexample="1"] {
    top: 50px;
    text-align: center;
    margin: auto;
    right: 0;
    width: 100%;
  }
}

.vdj-overlay {
  background-color: #012857;
  z-index: 9999999999 !important;
  top: 0px;
  left: 0;
  height: 110vh;
  width: 100vw;
  bottom: -60px;
  overflow-y: scroll;
  display: none;
}
.vdj-overlay.active {
  display: block;
}
.vdj-overlay .closebutton-vdj-overlay {
  display: flex;
  z-index: 99999999999 !important;
  justify-content: center;
  align-items: center;
  opacity: 0.7;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: right;
  color: #fff;
  position: absolute;
  right: 5%;
  top: 5%;
  width: 200px;
  cursor: pointer;
  letter-spacing: 0.96px;
  text-decoration: none;
}
.vdj-overlay .closebutton-vdj-overlay span {
  display: block;
  margin-right: 20px;
}
.vdj-overlay .closebutton-vdj-overlay img {
  width: 15px;
}

.lottie-pokal {
  position: absolute;
  width: 90px;
  top: -18%;
  left: 15%;
}
@media (max-width: 1400px) {
  .lottie-pokal {
    left: 10%;
  }
}
@media (max-width: 1280px) {
  .lottie-pokal {
    left: 5%;
  }
}
@media (max-width: 1200px) {
  .lottie-pokal {
    left: 5%;
    top: -20%;
  }
}
@media (max-width: 768px) {
  .lottie-pokal {
    left: 2%;
    top: -23.5%;
  }
}
@media (max-width: 500px) {
  .lottie-pokal {
    left: 40%;
    top: 25%;
  }
}

.vdj-background {
  background-color: #012857;
  border-color: #012857;
  color: #fff !important;
  font-family: Cairo;
  font-size: 16px;
}

.rating-container {
  max-width: 100%;
  overflow: hidden;
  padding: 0 1rem;
  position: relative;
  /* Container position relative so the overlay stays fixed */
  /* Left and right overlay gradients */
}
.rating-container .cards-container {
  width: 100%;
}
.rating-container .cards-container::-webkit-scrollbar {
  display: none;
}
.rating-container .cards-container.active {
  cursor: grabbing;
}
.rating-container .list-group {
  border-color: rgba(0, 0, 0, 0.1);
}
.rating-container .list-group-item:first-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.rating-container .overlay-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 2;
  max-width: 1600px;
  margin: auto;
}
.rating-container .overlay-left {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 80px;
  background: linear-gradient(90deg, rgb(249, 250, 251) 0%, rgba(249, 250, 251, 0) 100%);
}
.rating-container .overlay-right {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 80px;
  background: linear-gradient(90deg, rgba(249, 250, 251, 0) 0%, rgb(249, 250, 251) 100%);
}
.rating-container .card {
  flex-shrink: 0;
  width: 300px;
  background-color: white;
  border-radius: 20px;
  box-shadow: rgba(221, 221, 221, 0.41) 0px 22px 36px 0px;
  padding: 1.5rem;
  border: 1px solid #f3f4f6;
  transition: transform 0.2s, box-shadow 0.2s;
  scroll-snap-align: center;
}
.rating-container .card .card-img-top {
  width: 140px;
  margin: 0 auto;
}
.rating-container .card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.rating-container .card-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}
.rating-container .card-body {
  height: auto;
}
.rating-container .logo-container {
  width: 6rem;
  height: 6rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rating-container .logo-placeholder {
  width: 100%;
  height: 100%;
  background-color: #e5e7eb;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #222;
  font-weight: 500;
}
.rating-container .card-title {
  font-weight: 500;
  text-align: center;
  color: #222;
}
.rating-container .card-info {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  font-size: 0.875rem;
}
.rating-container .info-label {
  color: #222;
  text-align: right;
}
.rating-container .info-value {
  color: #222;
  font-weight: 500;
}
.rating-container .card-action {
  width: 100%;
  padding-top: 0.5rem;
  border-top: 1px solid #f3f4f6;
}
.rating-container .action-text {
  text-align: center;
  font-weight: 500;
  color: #1f2937;
}
.rating-container .card-footer {
  width: 100%;
  padding: 10px 0;
  border: none;
  background-color: unset !important;
}
.rating-container .footer-label {
  color: #4b5563;
  font-size: 0.875rem;
}
.rating-container .footer-value {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.rating-container .footer-number {
  color: #111827;
  font-weight: 500;
}
.rating-container .checkbox {
  height: 1rem;
  width: 1rem;
  color: #2563eb;
}
.rating-container .instruction {
  text-align: center;
  color: #6b7280;
  margin-top: 1rem;
}

.card-link-full {
  color: #222 !important;
  border: 2px solid rgba(0, 0, 0, 0.1) !important;
  padding: 7px 5px;
  text-align: center;
  border-radius: 7px;
  width: 100%;
  font-size: 14px;
  display: block;
}

.card-input-left {
  font-size: 14px;
  padding: 11px 5px !important;
  width: 50%;
  justify-content: center !important;
}

.card-input-right {
  font-size: 14px;
  padding: 11px 5px !important;
  width: 50%;
  justify-content: center !important;
}

.application-heart {
  width: 16px;
  height: auto;
  margin-right: 5px;
  position: relative;
  top: -1px;
}

.card-tab-buttons .tab-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}

.lightblue-border {
  border: solid 2px #e6ecf4 !important;
  background-color: transparent !important;
}

.vdj-button-padding {
  padding: 16px 37px 16px 36px;
}

@media (max-width: 1600px) {
  .general-container {
    width: 96%;
    margin: auto;
  }
}

.img-fluid-80 {
  max-width: 80%;
  height: auto;
}

/* BLUE BADGE */
.blue_badge {
  /* Fallback */
  background: rgba(96, 143, 190, 0.9);
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  border: 1px solid #0F97EB;
}

@supports (-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px)) {
  .blue_badge {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background: rgba(96, 143, 190, 0.35);
  }
}
/* WHITE BADGE */
.white_badge {
  /* Fallback */
  background: rgba(255, 255, 255, 0.8); /* etwas kräftiger, wenn kein Blur */
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  border: 1px solid #fff;
}

@supports (-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px)) {
  .white_badge {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background-color: rgba(255, 255, 255, 0.35);
  }
}
.price-container .price-grid-container {
  display: grid;
  gap: 12px;
  grid-template-columns: 1fr 1fr;
  align-items: stretch; /* Alle Slides gleiche Höhe */
}
@media (max-width: 1200px) {
  .price-container .price-grid-container {
    display: flex;
    flex-direction: column;
  }
}
.price-container .inner-container {
  padding: 80px 30px;
  border-radius: 20px;
  box-shadow: 0 22px 36px 0 rgba(221, 221, 221, 0.41);
  background-color: #fff;
  margin-bottom: 15px;
}
@media (max-width: 1200px) {
  .price-container .inner-container {
    padding: 40px 20px;
  }
}
@media (max-width: 1200px) {
  .price-container .inner-container {
    display: flex !important;
    flex-direction: column;
    align-items: center;
  }
}
.price-container .inner-container .prices-subheadline {
  line-height: 1.39;
  font-size: 36px !important;
  margin-bottom: 50px !important;
}
@media (max-width: 1400px) {
  .price-container .inner-container .prices-subheadline {
    font-size: 32px !important;
    margin-bottom: 40px !important;
  }
}
@media (max-width: 1200px) {
  .price-container .inner-container .prices-subheadline {
    text-align: center;
  }
}
@media (max-width: 992px) {
  .price-container .inner-container .prices-subheadline {
    margin-bottom: 20px !important;
  }
  .price-container .inner-container .prices-subheadline br {
    display: none;
  }
}
.price-container .inner-container .award-cats {
  opacity: 0.7;
}
.price-container .inner-container .awardbox {
  margin: 10px 0;
  padding: 30px 40px;
  border-radius: 16px;
  box-shadow: 0 13px 36px 0 rgba(0, 0, 0, 0.1);
  border: solid 2px #d0ddeb;
  cursor: pointer;
  background-color: #f8fbff;
  transition: all 0.3s;
}
@media (max-width: 1400px) and (min-width: 1200px) {
  .price-container .inner-container .awardbox {
    padding: 20px 20px;
  }
}
.price-container .inner-container .awardbox:hover {
  box-shadow: 0 13px 36px 0 rgba(0, 0, 0, 0.1);
  border: solid 2px #d0ddeb;
  background-color: #f0f5fc;
  transition: all 0.3s;
}
.price-container .inner-container .awardbox .ps-coin {
  padding-left: 20px;
}
.price-container .inner-container .awardbox .pe-plate {
  padding-right: 20px;
}
.price-container .inner-container .awardbox .pe-projektaward {
  padding-right: 40px;
}
@media (max-width: 1400px) {
  .price-container .inner-container .awardbox .pe-projektaward {
    padding-right: 20px;
  }
}
.price-container .inner-container .awardbox .award-headline {
  font-size: 24px;
}
@media (max-width: 1400px) {
  .price-container .inner-container .awardbox .award-headline {
    font-size: 20px;
  }
}
@media (max-width: 1200px) {
  .price-container .inner-container .awardbox .number img {
    max-width: 40px;
  }
  .price-container .inner-container .awardbox .money img {
    max-height: 40px;
  }
}
.price-container .price-left-container {
  margin-right: 12px;
}
@media (max-width: 768px) {
  .w-80-768 {
    width: 80%;
    text-align: center;
  }
}
/** performance stuff **/
.mobile-gallery-container {
  display: none;
  height: 300px;
}
.mobile-gallery-container img {
  max-width: 100%;
  border-radius: 15px;
}
@media screen and (max-width: 768px) {
  .mobile-gallery-container {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .gallery-container {
    display: none;
    visibility: hidden;
  }
}

.winnerbox-large {
  max-width: 1250px;
  background-position: center;
  height: 630px;
  background-color: #fff;
  border-radius: 20px;
  z-index: 99;
}
.winnerbox-large .muenze {
  width: 85px !important;
  height: 85px !important;
}
.winnerbox-large .winnerlogo-verein {
  border-radius: 50% !important;
  margin-right: 10px !important;
  position: relative;
}
@media (max-width: 992px) {
  .winnerbox-large {
    height: 500px;
  }
}
.winnerbox-large .overlay {
  position: absolute;
  background-image: linear-gradient(to bottom, rgba(1, 40, 87, 0), rgba(20, 32, 46, 0.7));
  left: 0;
  bottom: 0;
  border-radius: 20px;
  z-index: 1;
}
.winnerbox-large h2, .winnerbox-large .middle {
  position: relative;
  z-index: 2;
  text-align: center;
}
.winnerbox-large h2 a, .winnerbox-large .middle a {
  color: #fff;
  text-decoration: underline;
}
.winnerbox-large h2 a img, .winnerbox-large .middle a img {
  margin-left: 5px;
}
.winnerbox-large .vdj-projekt-img {
  width: 20px;
}
.winnerbox-large .award-icon {
  max-width: 150px;
}

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