/*!********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./styles/fonts.scss ***!
  \********************************************************************************************************************************************************************/
/* ============================================================= */
/*	Schriften */
/* ============================================================= */
body {
  font-family: "EinaRegular", sans-serif;
  color: #404040;
  font-size: 16px;
  line-height: 24px;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: "EinaRegular", sans-serif;
}

input,
textarea,
select,
button {
  font-family: "EinaRegular", sans-serif;
}

h1 {
  margin-top: 0px;
  margin-bottom: 0px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  font-size: 35px;
  line-height: 45px;
  font-weight: 100;
  letter-spacing: 0.1px;
}

h2 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 26px;
  line-height: 33px;
  font-weight: 100;
  letter-spacing: 0.1px;
}

h3 {
  position: relative;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #404040;
  font-size: 18px;
  line-height: 24px;
  font-weight: 300;
  letter-spacing: 0.1px;
}

p {
  margin-bottom: 0px;
  color: #404040;
  font-size: 15px;
  line-height: 24px;
  font-weight: 300;
  letter-spacing: 0.1px;
}

/* ============================================================= */
/*	Schrift Integrationen   */
/* ============================================================= */
@font-face {
  font-family: "Eina";
  src: url(../b2651f74ef7b3e9ee3d5.otf) format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: "Eina";
  src: url(../7a1a6e81122384437f37.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: "Eina";
  src: url(../050c2978ce4f59d0c494.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: "EinaRegular";
  src: url(../static/Eina03W05-Regular-1156343135.woff2) format("woff2"), url(../static/Eina03W05-Regular-1284227379.woff) format("woff");
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: "EinaSemiBold";
  src: url(../static/Eina03W05-SemiBold-12951487281.woff2) format("woff2"), url(../static/Eina03W05-SemiBold-12887049821.woff) format("woff");
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: "EinaBold";
  src: url(../static/Eina03-Bold-1161516438.eot);
  src: url(../static/Eina03-Bold-1161516438.eot?#iefix) format("embedded-opentype"), url(../static/Eina03-Bold-4575869061.woff2) format("woff2"), url(../static/Eina03-Bold-1647807116.woff) format("woff"), url(../static/Eina03-Bold-1161530994.ttf) format("truetype"), url(../static/Eina03-Bold-1161530096.svg#Eina03-Bold) format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
/*!*********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./styles/styles.scss ***!
  \*********************************************************************************************************************************************************************/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

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

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after {
  content: "";
  content: none;
}

q:before,
q:after {
  content: "";
  content: none;
}

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

* {
  font-family: "EinaRegular", serif;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-weight: 400;
  text-decoration: none;
}

body {
  background-color: #ffffff;
}

.hidden {
  display: none;
}

p,
.paragraph,
td {
  font-family: "EinaRegular", serif;
  font-size: 15px;
  line-height: 1.6;
  font-weight: 400;
}

p--black,
.paragraph--black,
td--black {
  color: #404040;
}

p--white,
.paragraph--white,
td--white {
  color: #ffffff;
}

p--grey,
.paragraph--grey,
td--grey {
  color: #787772;
}

p--coral,
.paragraph--coral,
td--coral {
  color: #f05d23;
}

p--senfgelb,
.paragraph--senfgelb,
td--senfgelb {
  color: #fb8900;
}

p--petrol,
.paragraph--petrol,
td--petrol {
  color: #16b7bb;
}

p--black,
.paragraph--black.bold-text,
td--black {
  font-weight: 900;
}

p--white,
.paragraph--white.bold-text,
td--white {
  font-weight: 900;
}

p--grey,
.paragraph--grey.bold-text,
td--grey {
  font-weight: 900;
}

p--coral,
.paragraph--coral.bold-text,
td--coral {
  font-weight: 900;
}

p--senfgelb,
.paragraph--senfgelb.bold-text,
td--senfgelb {
  font-weight: 900;
}

p--petrol,
.paragraph--petrol.bold-text,
td--petrol {
  font-weight: 900;
}

p.paragraph--small,
a.paragraph--small,
td.paragraph--small,
label.paragraph--small {
  font-family: "EinaRegular", serif;
  font-size: 13px;
  line-height: 1.462;
  font-weight: 400;
  padding-left: 0;
}

.anchor {
  font-size: inherit;
}
.anchor.spn-lbl {
  margin-top: 5px;
  color: #787772;
  font-size: 15px;
}

.anchor--petrol a {
  color: #16b7bb;
}

.lbl-hidden {
  display: none;
}

.d-flex {
  display: flex;
}

.component {
  width: 100%;
}

.component__inner {
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
  padding: 0 40px;
  z-index: 1;
}

@media screen and (max-width: 650px) {
  .component__inner {
    padding: 0 24px;
  }
}
.card:hover {
  box-shadow: 1px 1px 9px 2px #efe6dc;
}

.button-with-border__cta {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0px;
  width: 300px;
  padding: 25px;
}

.button-with-border__button {
  width: auto;
  height: 60px;
  position: relative;
  background-color: white;
  border-radius: 5px;
}

.button-with-border__link {
  padding: 20px;
  margin: 0 auto;
  border-radius: 5px;
  font-size: 17px;
  line-height: 17px;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  color: #404040;
  padding-right: 60px;
  line-height: 1.5;
}

.button-with-border__icon-wrapper {
  margin-left: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  touch-action: none;
  cursor: pointer;
}

.button-with-border__icon {
  margin-left: 20px;
  margin-top: -5px;
  background-color: #e30613;
  fill: red;
  border: 10px solid red;
}

.button-with-border--senfgelb .button-with-border__cta {
  background-color: #ffb122;
}

.button-with-border--red .button-with-border__cta {
  background-color: #e30613;
}

.button-with-border--petrol .button-with-border__cta {
  background-color: #16b7bb;
}

.button-with-border--black .button-with-border__cta {
  background-color: #000000;
}

@media screen and (max-width: 350px) {
  .button-with-border__cta {
    width: 100%;
  }
}
.button {
  width: auto;
  min-height: 47px;
  position: relative;
  border-radius: 5px;
  display: flex;
}

.button__link {
  padding: 15px 30px;
  margin: 0 auto;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 600;
  line-height: 17px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  white-space: nowrap;
  align-items: center;
  text-decoration: none;
  color: #ffffff;
  line-height: 1.5;
  position: relative;
  z-index: 1;
  width: 100%;
}

.button__icon-wrapper {
  margin-left: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  touch-action: none;
  cursor: pointer;
}

.button__icon {
  background-color: #e30613;
  color: #ffffff;
}

.button--white {
  background-color: #ffffff;
  border-radius: 5px;
}

.button--white .button__link {
  color: #000000 !important;
}

.button--white .button__icon {
  fill: #e30613;
}

.button--red {
  background-color: #e30613;
  border-radius: 5px;
}
.button--red .button {
  min-width: 150px;
}

.button--red .button__link {
  color: #ffffff !important;
}

.button--red .button__icon {
  fill: #ffffff;
}

.button--senfgelb {
  background-color: #ffb122;
  border-radius: 5px;
}

.button--senfgelb .button__link {
  color: #ffffff !important;
}

.button--senfgelb .button__icon {
  fill: #ffffff;
}

.button--coral {
  background-color: #f05d23;
  border-radius: 5px;
}

.button--coral .button__link {
  color: #ffffff !important;
}

.button--coral .button__icon {
  fill: #ffffff;
}

.button--petrol {
  background-color: #16b7bb;
  border-radius: 5px;
}

.button--petrol .button__link {
  color: #ffffff !important;
}

.button--petrol .button__icon {
  fill: #ffffff;
}

.heading {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.heading--black .heading {
  color: #404040;
}

.heading--white .heading {
  color: #ffffff;
}

.heading--violet .heading {
  color: #E30613;
  word-wrap: break-word;
}

.heading--petrol .heading {
  color: #16b7bb;
  word-wrap: break-word;
}

.heading--petrol2 .heading {
  color: #00a0af;
}

.heading--senfgelb .heading {
  color: #FFFCBE;
}

.heading--senfgelb2 .heading {
  color: #eb8900;
}

.heading--coral .heading {
  color: #f05d23;
}

.heading--coral2 .heading {
  color: #eb4000;
}

.heading--red .heading {
  color: #e30613;
}

.heading--weiss .heading {
  color: #fff;
}

h1,
.h1,
.heading--h1 {
  font-family: "EinaBold", serif;
  font-size: 36px;
  line-height: 1.4;
  font-weight: bold;
}

@media screen and (max-width: 470px) {
  h1,
  .h1,
  .heading--h1 {
    font-size: 24px;
  }
}
h2,
.h2,
.heading--h2 {
  font-family: "EinaBold", serif;
  font-size: 26px;
  line-height: 1.286;
  font-weight: bold;
  margin-bottom: 14px;
}

h3,
.h3,
.heading--h3 {
  font-family: "EinaBold", serif;
  font-size: 20px;
  line-height: 1.333;
  font-weight: bold;
  margin-bottom: 14px;
}

.icon {
  width: 100%;
}

.icon__image {
  height: 75px;
  width: auto;
  display: block;
  margin: 0 auto;
  -webkit-user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.icon__image::selection {
  background-color: transparent;
}

.icon--petrol .icon__image {
  filter: invert(59%) sepia(11%) saturate(5314%) hue-rotate(138deg) brightness(95%) contrast(83%);
}

.icon--senfgelb .icon__image {
  filter: invert(66%) sepia(82%) saturate(486%) hue-rotate(345deg) brightness(102%) contrast(101%);
}

.icon--coral .icon__image {
  filter: invert(66%) sepia(82%) saturate(6100%) hue-rotate(351deg) brightness(102%) contrast(88%);
}

.icon--red .icon__image {
  filter: invert(19%) sepia(88%) saturate(5576%) hue-rotate(349deg) brightness(85%) contrast(112%);
}

.icon--white .icon__image {
  filter: invert(100%) sepia(100%) saturate(30%) hue-rotate(107deg) brightness(106%) contrast(108%);
}

.icon--small .icon__image {
  height: 25px;
}

.icon--medium .icon__image {
  height: 75px;
}

.icon--large .icon__image {
  height: 125px;
}

.checkbox-input__option-wrapper {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 30px;
  padding-bottom: 20px;
  width: 100%;
}

.checkbox-input__input {
  width: 33px;
  min-width: 33px;
  height: 33px;
  background-color: #ffffff;
  appearance: none;
  -webkit-appearance: none;
  vertical-align: bottom;
  margin-right: 10px;
  background-image: url(../static/checkbox-button-rect-petrol-4340967141.svg);
  background-size: 0px;
  background-position: center;
  transition: background-size 50ms ease;
  background-repeat: no-repeat;
  border: 1px solid #efe6dc;
  box-sizing: border-box;
  box-shadow: inset 1px 2px 9px rgba(0, 0, 0, 0.103884);
}

.checkbox-input__input:checked {
  background-image: url(../static/checkbox-button-rect-petrol-4340967141.svg);
  background-size: 38px;
}

.checkbox-input__label {
  margin-top: 5px;
  font-family: "EinaBold", Helvetica, sans-serif;
  color: #00317E;
  font-size: 15px;
  padding-right: 5px;
  width: auto;
}

.choice-input__input-box {
  width: auto;
  display: grid;
  grid-gap: 30px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-rows: 1fr;
  margin-bottom: 20px;
}

.choice-input__input-box__wrapper {
  border-radius: 12px;
  background-color: white;
  position: relative;
  height: 120px;
}

.choice-input__input-box__wrapper--active .choice-input__input-box__label {
  background-color: #D7E5FB;
  border: 1px solid #D7E5FB;
  color: #00317E;
  border-radius: 12px;
}

.choice-input__input-box__input:checked + .choice-input__input-box__label {
  background-color: #D7E5FB;
  border: 1px solid #D7E5FB;
  color: #00317E;
  box-shadow: 2.86px 2.86px 28.57px 0px rgba(0, 0, 0, 0.0784313725);
}

.choice-input__input-box__input {
  opacity: 0;
  position: fixed;
  width: 0;
}

.choice-input__input-box__image {
  padding-top: 30px;
  width: 30px;
  pointer-events: none;
  display: block;
  position: relative;
  margin: 0 auto;
}

.choice-input__input-box__label {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: "EinaBold", Helvetica, sans-serif;
  color: #00317E;
  text-align: center;
  position: absolute;
  border: 1px solid #D7E5FB;
  border-radius: 12px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 30px;
  font-size: 14px;
}

.choice-input__icons img {
  width: 0;
  height: 0;
  opacity: 0;
}

.appointment__input--salutation1 {
  margin-bottom: 30px;
}
.appointment__input--salutation1 div .radio-input__wrapper:first-child {
  margin-top: 0;
}

@media screen and (max-width: 850px) {
  .choice-input {
    grid-template: 1fr/1fr 1fr;
  }
}
@media screen and (max-width: 720px) {
  .choice-input__input-box__wrapper {
    height: 64px;
  }
  .choice-input__input-box__input {
    opacity: 0;
    position: fixed;
    width: 0;
  }
  .choice-input__input-box__image {
    width: 30px;
    pointer-events: none;
    display: block;
    position: relative;
    margin: 0 auto;
    margin-left: 16px;
    margin-top: -4px;
    padding-top: 20px;
  }
  .choice-input__input-box__label {
    align-items: flex-start;
    padding-left: 65px;
    padding-bottom: 24px;
    font-size: 15px;
  }
}
@media screen and (max-width: 380px) {
  .choice-input {
    grid-template: 1fr/1fr;
  }
}
.radio-input__option-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-right: 30px;
  margin-top: 20px;
}

.radio-input__option-wrapper:first-child {
  margin-top: 0;
}

.radio-input__input {
  width: 38px;
  height: 38px;
  background-color: #ffffff;
  border-radius: 50px;
  vertical-align: bottom;
  margin-right: 10px;
  background-image: url(../static/radio-button-circle-petrol-284089314.svg);
  background-size: 0px;
  background-position: center;
  transition: background-size 50ms ease;
  background-repeat: no-repeat;
  border: 1px solid #efe6dc;
  box-sizing: border-box;
  box-shadow: inset 1px 2px 9px rgba(0, 0, 0, 0.103884);
}

.radio-input__input:checked {
  background-image: url(../static/radio-button-circle-petrol-284089314.svg);
  background-size: 22px;
}

.radio-input__label {
  margin-top: 5px;
  color: #787772;
  font-size: 15px;
}

.text-input input[type=date]::-webkit-inner-spin-button,
.text-input input[type=date]::-webkit-calendar-picker-indicator,
.text-input input[type=datetime-local]::-webkit-calendar-picker-indicator,
.text-input input[type=time]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}

.jump-button {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 135px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.jump-button__text {
  margin-bottom: 7px;
}

.jump-button--white .jump-button__icon {
  fill: #ffffff;
}

.jump-button--red .jump-button__icon {
  fill: #e30613;
}

.jump-button--petrol .jump-button__icon {
  fill: #16b7bb;
}

.jump-button--senfgelb .jump-button__icon {
  fill: #ffb122;
}

.jump-button--coral .jump-button__icon {
  fill: #f05d23;
}

.link__icon-wrapper {
  touch-action: none;
  cursor: pointer;
  float: right;
}

.link__icon {
  color: #000000;
}

.link--white .link__icon {
  fill: #ffffff;
}

.link--red .link__icon {
  fill: #e30613;
}

.link--senfgelb .link__icon {
  fill: #ffb122;
}

.link--coral .link__icon {
  fill: #f05d23;
}

.link--petrol .link__icon {
  fill: #16b7bb;
}

.link--black .link__icon {
  fill: #000000;
}

.paragraph--grey {
  color: #787772;
}

.paragraph--black {
  color: #404040;
}

.paragraph {
  font-family: "EinaRegular", serif;
  font-size: 15px;
  line-height: 1.6;
  font-weight: 400;
  word-wrap: break-word;
  color: #404040;
}
.paragraph ol {
  list-style: decimal !important;
  padding-left: 18px;
}
.paragraph ul {
  list-style: disc !important;
  padding-left: 18px;
}

p {
  hyphens: auto;
}

p::before {
  padding-right: 5px;
}

.paragraph p::before {
  padding-right: 5px;
}

p.paragraph::before {
  padding-right: 5px;
}

.bild-breit-cta-farbe {
  height: 500px;
  display: inline-block;
}

.bild-breit-cta-farbe__inner {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #16b7bb;
}

.bild-breit-cta-farbe .heading {
  margin-bottom: 0px;
  text-align: center;
}

.bild-breit-cta-farbe--petrol .bild-breit-cta-farbe__inner {
  background-color: #16b7bb;
}

.bild-breit-cta-farbe--senfgelb .bild-breit-cta-farbe__inner {
  background-color: #ffb122;
}

.bild-breit-cta-farbe--black .bild-breit-cta-farbe__inner {
  background-color: #000000;
}

.bild-breit-cta-farbe--coral .bild-breit-cta-farbe__inner {
  background-color: #f05d23;
}

.bild-breit-cta-farbe--red .bild-breit-cta-farbe__inner {
  background-color: #e30613;
}

.bild-breit-cta {
  position: relative;
}

.bild-breit-cta__image {
  width: 100%;
  height: 500px;
  object-fit: cover;
  display: block;
}

.bild-breit-cta__cta {
  position: relative;
  display: inline-block;
  left: 50%;
  margin-top: 25px;
  margin-bottom: 25px;
  transform: translateX(-50%);
}

.bild-breit-cta-farbe__inner .bild-breit-cta__cta {
  margin-bottom: 0;
}

.bild-cta__inner .bild-breit-cta__cta {
  margin-top: 0;
}

.bild-cta__cta {
  position: relative;
}

@media screen and (max-width: 650px) {
  .bild-cta__inner .bild-breit-cta__cta {
    position: absolute;
    top: 0;
  }
  .bild-cta__inner .bild-cta__cta {
    position: inherit;
  }
}
.bild-breit__image {
  width: 100%;
  object-fit: cover;
  display: block;
}

.bild-cta {
  position: relative;
}

.bild-cta__image {
  width: 100%;
  height: 500px;
  object-fit: cover;
  display: block;
}

.bild-cta .button {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -30px;
  background-color: inherit;
  color: inherit;
}

.default-formatted-text {
  margin-top: 6px;
}

.component__inner .component__inner {
  padding: 0 0px;
}

.caption {
  grid-area: caption;
  align-self: end;
  border-bottom: 1px solid #efe6dc;
  width: 100%;
  display: block;
}

.card-1spaltig__card {
  display: grid;
  grid-template: auto/1fr 1fr;
  grid-gap: 20px;
  background-color: #ffffff;
  max-height: 500px;
  min-width: 0;
}

.card-1spaltig__card__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  max-height: 100%;
}

.card-1spaltig__card__content {
  padding: 50px 50px 50px 20px;
}

.card-1spaltig__card .link,
.card-1spaltig__card .button {
  margin-top: 30px;
}

.card-1spaltig__card__link {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  color: #787772;
}

.card-1spaltig__card__link__arrow-icon {
  margin-left: 15px;
  transform: rotate(270deg);
}

.show-in-mobile {
  display: none !important;
}

.card_partner-logo {
  display: grid;
  grid-gap: 23px;
  grid-template: auto/1fr 1fr;
  background-color: #ffffff;
  box-shadow: 2.87px 2.87px 28.74px 0px rgba(0, 0, 0, 0.0784313725);
  border-radius: 40px;
  padding: 14px;
}
.card_partner-logo .card-1spaltig__card__content h3 {
  font-size: 26px;
}
.card_partner-logo .card-1spaltig__card__content .paragraph {
  font-size: 14px;
  color: #404040;
}
.card_partner-logo .partner-logo-wrap {
  background-color: #f7f7f7;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 24px;
  box-shadow: 2.87px 2.87px 28.74px 0px rgba(67, 56, 148, 0.0784313725);
  min-height: 280px;
}
.card_partner-logo .partner-logo-wrap img {
  max-width: 70%;
  max-height: 70%;
}
.card_partner-logo .card-1spaltig__card__content {
  padding: 40px 25px 40px 0px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.bsi-ce-edit-mode .header__cta {
  min-width: 100px;
  padding-left: 20px;
  padding-right: 20px;
}

.bsi-ce-edit-mode .header__cta__paragraph {
  margin-right: 20px;
}

.bsi-ce-edit-mode .header__cta-icon {
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 10px;
}

@media screen and (max-width: 650px) {
  .card-1spaltig__card {
    grid-template-columns: 1fr;
    grid-gap: 0px;
    max-height: unset;
  }
  .card-1spaltig__card__content,
  .cards-2spaltig__card__content,
  .cards-4spaltig-v1__card__content {
    padding: 25px 25px 25px 25px;
  }
  .card-1spaltig__card__content .heading.heading--h2,
  .cards-2spaltig__card__content .heading.heading--h2,
  .cards-4spaltig-v1__card__content .heading.heading--h2 {
    margin-bottom: 20px;
  }
  .card-1spaltig__card__image {
    max-width: 100%;
  }
  .hide-in-mobile {
    display: none !important;
  }
  .show-in-mobile {
    display: block !important;
  }
  .card_partner-logo {
    grid-template: auto/1fr;
    grid-gap: 0px;
    padding: 0;
    border-radius: 24px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .card_partner-logo .card-1spaltig__card__content {
    padding: 24px 24px 24px 24px;
  }
  .card_partner-logo .card-1spaltig__card__content h3 {
    font-size: 20px;
  }
  .card_partner-logo .card-1spaltig__card__content .paragraph {
    font-size: 14px;
  }
  .card_partner-logo .partner-logo-wrap {
    width: 100%;
    min-height: 160px;
    padding: 15px 0;
    border-radius: 14px;
  }
}
.cards-1spaltig-icon-akk__text-p {
  font-weight: 200;
  font-size: 26px;
  line-height: 30px;
  margin: 0;
}

.cards-2spaltig-info__cards-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
}

.cards-2spaltig-info__card {
  background-color: #ffffff;
  border-radius: 8px;
}

.cards-2spaltig-info__card__image {
  width: 100%;
  height: 150px;
  object-fit: cover;
  display: block;
}

.cards-2spaltig-info__card__content {
  padding: 30px;
}

.cards-2spaltig-info__card .link {
  margin-top: 30px;
}

.cards-2spaltig-info__card__link {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  color: #787772;
}

.cards-2spaltig-info__card__link__arrow-icon {
  margin-left: 15px;
  transform: rotate(270deg);
}

@media screen and (max-width: 650px) {
  .cards-2spaltig-info__cards-wrapper {
    grid-template-columns: 1fr;
  }
  .cards-2spaltig-info__card__content {
    padding: 30px 15px;
  }
}
.cards-4spaltig-v1__cards-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 25px;
}

.cards-4spaltig-v1__card {
  background-color: #ffffff;
  border: 1px solid #efe6dc;
  min-width: 0;
  border-radius: 8px;
}

.cards-4spaltig-v1__card__image {
  width: 100%;
  height: 150px;
  object-fit: cover;
  display: block;
}

.cards-4spaltig-v1__card__content {
  padding: 25px;
}

.cards-4spaltig-v1__card .link,
.cards-4spaltig-v1__card .button {
  margin-top: 30px;
}

.cards-2spaltig-v1__cards-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
}

.cards-2spaltig-v1__card {
  background-color: transparent;
}

@media screen and (max-width: 920px) {
  .cards-4spaltig-v1__cards-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 30px;
  }
}
@media screen and (max-width: 650px) {
  .cards-4spaltig-v1__cards-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 30px;
  }
  .cards-4spaltig-v1__card__content {
    padding: 25px 25px;
  }
}
.cta {
  position: relative;
}

.cta__cta {
  width: 200px;
  margin: 20px auto;
}

.form-container__form {
  padding: 30px 30px 60px 30px;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0px 24px 64px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  position: relative;
  margin-bottom: 30px;
}
.form-container__form .paragraph {
  margin-bottom: 20px !important;
}

.form-layout-3col {
  display: grid;
  grid-auto-rows: auto;
  grid-gap: 20px;
  grid-template-columns: 1fr 1fr 1fr;
}

@media screen and (max-width: 700px) {
  .form-layout-3col {
    grid-template-columns: 1fr 1fr;
  }
  .form-container__button-wrapper {
    width: 100% !important;
    display: block;
    flex-direction: row;
    justify-content: none !important;
    flex-wrap: wrap;
  }
  .form-container__button--submit {
    margin-top: 20px;
  }
}
@media screen and (max-width: 500px) {
  .form-layout-3col {
    grid-template-columns: 1fr;
  }
}
.appointment__form {
  background-color: #ffffff;
  padding: 30px 30px 60px 30px;
  position: relative;
  border: 1px solid #efe6dc;
}

.appointment__input-wrapper {
  display: grid;
  grid-template: auto auto 60px/1fr 1fr 1fr;
  grid-template-areas: "salutation firstname lastname" "email plz phone" "agb agb agb";
  grid-gap: 15px;
}

.appointment__input--salutation {
  grid-area: salutation;
  align-self: end;
}

.appointment__input--salutation.radio-input {
  padding-bottom: 30px;
  padding-top: 20px;
}

.appointment__input--firstname {
  padding-bottom: 30px;
  grid-area: firstname;
}

.appointment__input--lastname {
  padding-bottom: 30px;
  grid-area: lastname;
}

.appointment__input--email {
  padding-bottom: 30px;
  grid-area: email;
}

.appointment__input--plz {
  padding-bottom: 30px;
  grid-area: plz;
}

.appointment__input--phone {
  padding-bottom: 30px;
  grid-area: phone;
}

.appointment__input--agb {
  padding-bottom: 30px;
  grid-area: agb;
  align-self: end;
}

.appointment__submit-button {
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
  .appointment__input-wrapper {
    display: grid;
    grid-template: auto auto auto 60px/1fr 1fr;
    grid-template-areas: "salutation firstname" "lastname email" "plz phone" "agb agb";
    grid-gap: 15px;
  }
  .choice-input__input-box {
    width: auto;
    display: grid;
    grid-gap: 15px;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 1fr;
  }
}
@media screen and (max-width: 650px) {
  .appointment__form {
    padding: 30px 15px 60px 15px;
  }
  .choice-input__input-box {
    width: auto;
    display: grid;
    grid-gap: 15px;
    grid-template-columns: 1fr;
    grid-auto-rows: 1fr;
  }
}
@media screen and (max-width: 550px) {
  .appointment__input-wrapper {
    display: grid;
    grid-template: auto auto auto auto auto auto 60px/1fr;
    grid-template-areas: "salutation" "firstname" "lastname" "email" "plz" "phone" "agb";
    grid-gap: 15px;
  }
  .choice-input__input-box {
    width: auto;
    display: grid;
    grid-gap: 15px;
    grid-template-columns: 1fr;
    grid-auto-rows: 1fr;
  }
}
.header--grey .header__cta {
  color: #787772;
}

.header--black .header__cta {
  color: #000000;
}

.header--coral .header__cta {
  color: #f05d23;
}

.header--senfgelb .header__cta {
  color: #ffb122;
}

.header--red .header__cta {
  color: #e30613;
}

.header--petrol .header__cta {
  color: #16b7bb;
}

.iconbg--coral .heading--petrol .heading,
.iconbg--coral .heading.heading--h3 {
  color: #eb4000;
}

.iconbg--violet .gif-wraper {
  background-color: #433894;
}
.iconbg--violet .heading--petrol .heading,
.iconbg--violet .heading.heading--h3 {
  color: #16b7bb;
}

.iconbg--senfgelb .gif-wraper {
  background-color: #ffb122;
}
.iconbg--senfgelb .heading--petrol .heading,
.iconbg--senfgelb .heading.heading--h3 {
  color: #ffb122;
}

.iconbg--schwarz .gif-wraper {
  background-color: #000000;
}
.iconbg--schwarz .heading--black .heading,
.iconbg--schwarz .heading--petrol .heading,
.iconbg--schwarz .heading.heading--h3 {
  color: #404040;
}

.iconbg--weiss .gif-wraper {
  background-color: #ffffff;
}
.iconbg--weiss .heading--black .heading,
.iconbg--weiss .heading--petrol .heading,
.iconbg--weiss .heading.heading--h3 {
  color: #404040;
}

.gif-wraper .col4-image-wraper {
  width: 100%;
  padding-top: 100%; /* 1:1 Aspect Ratio */
  position: relative; /* If you want text inside of it */
}
.gif-wraper .col4-image-wraper img {
  position: absolute;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

.hero-bild-v2 {
  background-image: url(../static/Fitness2_LP_Hero-Desktop_1600x754-1090533058.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 642px;
  padding-top: 60px;
  margin-top: 60px;
  position: relative;
  z-index: 0;
}

.hero-bild-v2__cta {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0px;
  width: 300px;
  background-color: #e30613;
  padding: 20px;
}

.hero-bild-v2 .heading {
  max-width: 350px;
  font-size: 40px;
}

.hero-bild-v2--senfgelb .hero-bild-v2__cta {
  background-color: #ffb122;
}

.hero-bild-v2--red .hero-bild-v2__cta {
  background-color: #e30613;
}

.hero-bild-v2--petrol .hero-bild-v2__cta {
  background-color: #16b7bb;
}

.hero-bild-v2--black .hero-bild-v2__cta {
  background-color: #000000;
}

.spacer__inner {
  height: 60px;
}

.spacer--small .spacer__inner {
  height: 15px;
}

.spacer--medium .spacer__inner {
  height: 30px;
}

.spacer--large .spacer__inner {
  height: 60px;
}

.table-2spaltig-icon__column {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background-color: #ffffff;
  margin-bottom: 3px;
}

.table-2spaltig-icon__column--transparent {
  background-color: transparent;
}

.table-2spaltig-icon__column:not(:last-child) .table-2spaltig-icon__row {
  border-bottom: none;
}

[data-bsi-dropzone=preheader] {
  height: 80px;
  overflow: hidden;
}
[data-bsi-dropzone=preheader] .ce-mandatory-slot {
  height: 70px;
}
[data-bsi-dropzone=preheader] .header {
  position: relative;
}

[data-bsi-dropzone=header] .hero-bild-v2 {
  margin-top: 30px;
}

.table-2spaltig-icon__row {
  padding: 15px 30px;
  border: 1px solid #efe6dc;
  display: grid;
  grid-template-columns: auto 30px;
  grid-gap: 30px;
}

.table-2spaltig-icon__row:nth-child(2) {
  border-left: 0;
}

.table-2spaltig-icon__icon {
  width: 29px;
}

.mobile-sep {
  max-height: 24px;
}

@media screen and (max-width: 650px) {
  .table-2spaltig-icon__column {
    grid-template-columns: 1fr;
    margin-bottom: 30px;
  }
  .table-2spaltig-icon__row {
    padding: 15px;
  }
  .table-2spaltig-icon__row:nth-child(1) {
    border-bottom: 0;
  }
  .table-2spaltig-icon__label {
    display: none;
  }
  .mobile-sep {
    position: relative;
    margin-top: -10px;
    margin-right: -5px;
  }
  .mobile-sep::before {
    content: "";
    border-left: 1px solid #efe6dc;
    left: -12px;
    position: absolute;
    top: -24px;
    height: -moz-calc(100% + 24px);
    height: -webkit-calc(100% + 24px);
    height: -o-calc(100% + 24px);
    height: calc(100% + 24px);
  }
  .mobile-sep .table-2spaltig-icon__icon {
    width: 20px;
    height: 20px;
  }
  table.mobile-res-table tr td:not(:first-child) {
    border-top: 0 !important;
  }
}
.table-2spaltig__column {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background-color: #ffffff;
  margin-bottom: 3px;
}

.table-2spaltig__column--transparent {
  background-color: transparent;
}

.table-2spaltig__column:not(:last-child) .table-2spaltig__row {
  border-bottom: none;
}

.table-2spaltig__row {
  padding: 15px 30px;
  border: 1px solid #efe6dc;
}

.table-2spaltig__row:nth-child(2) {
  border-left: 0;
}

@media screen and (max-width: 650px) {
  .table-2spaltig__column {
    grid-template-columns: 1fr;
    margin-bottom: 30px;
  }
  .table-2spaltig__column:not(:last-child) .table-2spaltig__row {
    border-bottom: 1px solid #efe6dc;
    border-top: 0;
  }
  .table-2spaltig__row {
    padding: 15px;
  }
  .table-2spaltig__row:nth-child(2) {
    border-left: 1px solid #efe6dc;
  }
  .table-2spaltig__row:nth-child(1) {
    border-bottom: 0;
  }
  .table-2spaltig__label {
    display: none;
  }
}
.table-2x1spaltig__column-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
}

.table-2x1spaltig__column-wrapper .without-icon .table-2x1spaltig__row {
  padding: 25px;
}

.component__3col-table .table-2x1spaltig__column-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0px;
}

.mobile-label {
  display: none;
}

.table-2x1spaltig__label {
  margin-bottom: 3px;
}

.table-2x1spaltig__row {
  border: 1px solid #efe6dc;
  display: flex;
  justify-content: space-between;
  height: 100%;
}

.table-2x1spaltig__row:not(:last-child) {
  border-bottom: none;
}

.table-2x1spaltig__column:first-of-type .table-2x1spaltig__row {
  border-right: 1px solid #efe6dc;
}

.table-2x1spaltig:first-of-type .table-2x1spaltig__column:first-of-type .table-2x1spaltig__row {
  border-top-left-radius: 8px;
}
.table-2x1spaltig:first-of-type .table-2x1spaltig__column:last-of-type .table-2x1spaltig__row {
  border-top-right-radius: 8px;
}

.table-2x1spaltig:last-of-type .table-2x1spaltig__column:first-of-type .table-2x1spaltig__row {
  border-bottom-left-radius: 8px;
}
.table-2x1spaltig:last-of-type .table-2x1spaltig__column:last-of-type .table-2x1spaltig__row {
  border-bottom-right-radius: 8px;
}

@media screen and (max-width: 650px) {
  .table-2x1spaltig__column-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 0px;
  }
  .component__3col-table .table-2x1spaltig__column-wrapper {
    display: grid;
    grid-template-columns: 1fr !important;
  }
  .table-2x1spaltig__row {
    padding: 15px;
  }
  .table-2x1spaltig__row:nth-child(1) {
    border-bottom: 0;
  }
  .mobile-label {
    display: block;
    padding-top: 20px;
  }
  .desktop-label {
    display: none;
  }
  .table-2x1spaltig__column-wrapper {
    margin-bottom: 25px;
  }
  .table-2x1spaltig__column-wrapper .table-2x1spaltig__row {
    border-top: 0;
  }
  .table-2x1spaltig__column-wrapper .row-pt-0 {
    padding-top: 0;
  }
  .table-2x1spaltig__column-wrapper .table-2x1spaltig__column {
    background-color: #fff;
    border: 1px solid #efe6dc;
  }
  .table-2x1spaltig__column-wrapper .table-2x1spaltig__column:last-child {
    border-top: 0;
  }
  .table-2x1spaltig__column-wrapper .table-2x1spaltig__column .paragraph--black.bold-text {
    color: #000 !important;
  }
  .table-2x1spaltig__column-wrapper .table-2x1spaltig__column .mobile-label {
    padding: 0;
    margin: 0 !important;
  }
  .table-2x1spaltig__column-wrapper .table-2x1spaltig__column .mobile-label-2 {
    padding: 15px 0 0 15px;
  }
  .table-2x1spaltig__column-wrapper .table-2x1spaltig__column .table-2x1spaltig__row {
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    position: relative;
  }
  .table-2x1spaltig__column-wrapper .table-2x1spaltig__column .table-2x1spaltig__row .table-2spaltig__text.paragraph--black,
  .table-2x1spaltig__column-wrapper .table-2x1spaltig__column .table-2x1spaltig__row .table-2spaltig__text.paragraph--grey {
    font-size: 13px;
    color: #787772;
    font-weight: 400;
  }
  .table-2x1spaltig__column-wrapper.two-col-bx {
    margin-bottom: 0 !important;
  }
  .table-2x1spaltig__column-wrapper.two-col-bx .table-2x1spaltig__column {
    margin-bottom: 25px;
    background-color: transparent;
    border: 0;
  }
  .table-2x1spaltig__column-wrapper.two-col-bx .table-2x1spaltig__column .table-2x1spaltig__label {
    padding: 0;
    margin: 0;
  }
  .table-2x1spaltig__column-wrapper.two-col-bx .table-2x1spaltig__row {
    border: 1px solid #efe6dc;
  }
  .table-2x1spaltig__column-wrapper.two-col-bx .table-2x1spaltig__row .paragraph {
    color: #404040;
    font-size: 13px;
  }
  .header__logo-right img {
    height: 45px;
  }
}
.text-1spaltig__card {
  background-color: #ffffff;
  border: 1px solid #efe6dc;
}

.text-1spaltig__card__content {
  padding: 50px;
}

@media screen and (max-width: 650px) {
  .text-1spaltig__card__content {
    padding: 30px 15px;
  }
}
.typo-segment-header__text-container {
  grid-area: text-container;
}

.typo-segment-header__icon-wrapper {
  display: flex;
  flex-direction: flex;
  justify-content: center;
  align-items: center;
}

.typo-segment-header__icon {
  grid-area: icon;
  width: 85px;
}

.typo-segment-header__caption {
  grid-area: caption;
  align-self: end;
  padding: 14px 4px;
  border-bottom: 1px solid #efe6dc;
}

@media screen and (max-width: 600px) {
  .typo-segment-header__icon {
    grid-area: icon;
    width: 40px;
  }
  .typo-segment-header__inner-2.heading-mobile-space {
    padding-top: 40px;
    padding-top: 40px;
  }
  .paragraph {
    font-size: 15px;
    color: #787772;
  }
  .typo-segment-header__icon-wrapper {
    align-items: center;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 650px) {
  .bild-cta .button {
    white-space: nowrap;
  }
}
.text-input input[type=range] {
  height: 44px;
  appearance: none;
  margin: 0;
  margin-top: 24px;
  width: 100%;
  padding: 0;
  border: 0;
  box-shadow: none;
  background-color: transparent;
}

.text-input input[type=range] ~ label {
  top: -20px;
  left: 0;
  font-size: 16px;
}

.text-input input[type=range]:focus {
  outline: none;
  box-shadow: none;
}

.text-input input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 6px;
  cursor: pointer;
  animate: 0.2s;
  background: #433894;
  border-radius: 5px;
}

.text-input input[type=range]::-webkit-slider-thumb {
  height: 20px;
  width: 20px;
  border-radius: 30px;
  background: #433894;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7px;
}

.text-input input[type=range]:focus::-webkit-slider-runnable-track {
  background: #433894;
}

.text-input input[type=range]::-moz-range-track {
  width: 100%;
  height: 6px;
  cursor: pointer;
  animate: 0.2s;
  background: #433894;
  border-radius: 5px;
}

.text-input input[type=range]::-moz-range-thumb {
  height: 20px;
  width: 20px;
  border-radius: 30px;
  background: #433894;
  cursor: pointer;
}

.text-input input[type=range]::-ms-track {
  width: 100%;
  height: 6px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

.text-input input[type=range]::-ms-fill-lower {
  background: #433894;
  border-radius: 10px;
}

.text-input input[type=range]::-ms-fill-upper {
  background: #433894;
  border-radius: 10px;
}

.text-input input[type=range]::-ms-thumb {
  margin-top: 1px;
  height: 20px;
  width: 20px;
  border-radius: 30px;
  background: #433894;
  cursor: pointer;
}

.text-input input[type=range]:focus::-ms-fill-lower {
  background: #433894;
}

.text-input input[type=range]:focus::-ms-fill-upper {
  background: #433894;
}

.slider,
.slider .imgs {
  width: 100%;
  height: 280px;
  position: relative;
  padding: 0 15px;
}

.slider .imgs {
  overflow: hidden;
}

.slider .img {
  height: auto;
  width: 100%;
  position: absolute;
  left: 100%;
  animation: 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s left;
  animation-fill-mode: forwards;
  background-size: cover !important;
  background-position: 50% !important;
}

/* Change images here */
.slider .img span {
  display: block;
  padding: 7px 20px;
  background: #fff;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  color: #404040;
  font-size: 14px;
  font-family: "EinaRegular", sans-serif;
}

.dots {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  width: 100%;
}

.dot {
  width: 6px !important;
  height: 6px !important;
  background: #d8d8d8;
  border-radius: 100%;
  display: block;
  margin: 0 6px;
  cursor: pointer;
}

.active-dot {
  background: #433894;
  cursor: default;
}

[data-bsi-dropzone-allowed-elements=atoms-atoms_element-slide] .imgs .img:first-child {
  left: 0;
}

@keyframes leftNext {
  from {
    left: 100%;
  }
  to {
    left: 0;
  }
}
@keyframes leftCurr {
  from {
    left: 0;
  }
  to {
    left: -100%;
  }
}
@keyframes rightNext {
  from {
    left: -100%;
  }
  to {
    left: 0;
  }
}
@keyframes rightCurr {
  from {
    left: 0;
  }
  to {
    left: 100%;
  }
}
.div-teasercards {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 30px;
}

.div-teasercards-2col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
}

.teaser-card {
  height: 300px;
  border: 1px solid #efe6dc;
  background-color: #fff;
  display: block;
  position: relative;
  z-index: 3;
  display: block;
  overflow: visible;
  width: 100%;
  height: 300px;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 0 solid #efe6dc;
  background-color: #fff;
  -webkit-transition: box-shadow 0.5s;
  transition: box-shadow 0.5s;
}

.teaser-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.teaser-card-red {
  position: relative;
  width: 100%;
  height: 300px;
  padding: 20px;
  border: 0 solid #efe6dc;
  background-color: #e30613;
}
.teaser-card-red .heading-h2 {
  color: #fff;
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: 300;
}
.teaser-card-red .button--white {
  position: absolute;
  width: calc(100% - 40px);
  bottom: 20px;
}

.teaser-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.teaser-icon .teaser-card-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90px;
  height: 90px;
  margin-top: 32px;
  margin-bottom: 32px;
  margin-left: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.teaser-icon .teaser-card-icon .html-embed-5 {
  color: #16b7bb;
}

.teaser_title {
  margin-bottom: 0;
  font-family: "EinaRegular", sans-serif;
  color: #404040;
  font-size: 26px;
  line-height: 33px;
  font-weight: 300;
  text-align: center;
}

@media screen and (max-width: 650px) {
  .div-teasercards {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 30px;
  }
  .div-teasercards-2col {
    grid-template-columns: 1fr;
  }
}
.carousel--black .active-dot {
  background: #000000;
  cursor: pointer;
}

.carousel--coral .active-dot {
  background: #f05d23;
  cursor: pointer;
}

.carousel--senfgelb .active-dot {
  background: #fb8900;
  cursor: pointer;
}

.carousel--petrol .active-dot {
  background: #16b7bb;
  cursor: pointer;
}

.heading--petrol .heading {
  color: #16b7bb;
  word-wrap: anywhere;
}

.typo-grid2 {
  display: block !important;
  margin-bottom: 15px;
  padding-top: 0;
}

.table-2x1spaltig {
  margin-top: -1px;
}

.table-2x1spaltig__column {
  margin-left: -1px;
}

.table-2spaltig__text {
  padding: 25px;
}

.mobile-sep {
  max-height: 100%;
  border-left: 1px solid #efe6dc;
  padding: 25px;
}

::-webkit-calendar-picker-indicator {
  display: block !important;
  -webkit-appearance: auto !important;
}

.paragraph--grey {
  word-wrap: anywhere !important;
}

.paragraph--black {
  word-wrap: anywhere !important;
}

@media (min-width: 320px) and (max-width: 480px) {
  .bild__image {
    width: 100%;
    height: auto;
  }
  .bild-breit-cta__image {
    width: 100%;
    height: auto;
  }
  .bild-cta__image {
    width: 100%;
    height: auto;
  }
  .bild-cta .button {
    top: 110px;
  }
  .cards-2spaltig-v1__cards-wrapper {
    display: block;
  }
  .head-topalign {
    margin-top: -270px !important;
    margin-left: 15px !important;
    padding: 0 15px 0 0 !important;
  }
  .table-2spaltig__text {
    padding: 0;
  }
  .mobile-sep {
    max-height: 90% !important;
    border-left: 0 solid #efe6dc;
    padding: 0;
    margin-top: -12px;
    margin-left: 10px;
  }
  .newh1 {
    word-wrap: anywhere !important;
  }
  .hide-in-mobile {
    padding: 10px !important;
  }
  .paragraph--grey {
    word-wrap: anywhere !important;
  }
  .paragraph--black {
    word-wrap: anywhere !important;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  .bild-cta .button {
    top: -30px;
  }
  .head-topalign {
    margin-left: 15px !important;
  }
  .hide-in-mobile {
    display: none;
  }
}
@media screen and (max-width: 650px) {
  .table-2x1spaltig__column-wrapper .table-2x1spaltig__column .table-2x1spaltig__row {
    border-bottom: 1px solid #efe6dc !important;
    padding-bottom: 0;
    height: auto;
  }
  .table-2x1spaltig__column-wrapper .without-icon .table-2x1spaltig__row {
    padding: 15px 17px;
  }
  .table-2x1spaltig__column-wrapper .table-2x1spaltig__column .mobile-label-2 {
    padding: 0;
  }
  .table-2spaltig__text {
    padding: 2px;
  }
  .table-2x1spaltig__column-wrapper .table-2x1spaltig__column .mobile-label-2 {
    position: relative;
    padding: 15px 0 0 17px;
  }
  .hide-in-mobile {
    display: none;
  }
  .m-boldy {
    padding: 15px 0 !important;
  }
  .table-2x1spaltig {
    margin-bottom: 25px;
  }
  .table-2x1spaltig__column-wrapper .table-2x1spaltig__column .table-2x1spaltig__row .table-2spaltig__text.paragraph--black,
  .table-2x1spaltig__column-wrapper .table-2x1spaltig__column .table-2x1spaltig__row .table-2spaltig__text.paragraph--grey {
    padding-bottom: 15px;
  }
  .table-2x1spaltig__column-wrapper .table-2x1spaltig__column {
    border: 0px solid #f5efe9;
  }
  .table-2x1spaltig__column {
    margin-left: 0px;
  }
  .component__3col-table .table-2x1spaltig__column-wrapper {
    border: 1px solid #f1e9e0;
    border-bottom: 0;
  }
}
@media screen and (max-width: 750px) {
  .button-with-border__cta.hero-v4 {
    height: 240px;
    top: 390px !important;
  }
}
.paragraph--grey .paragraph a:hover {
  color: #45647c !important;
}
.paragraph--grey .paragraph a:hover span {
  color: #45647c !important;
}
.paragraph--grey .paragraph a span {
  text-decoration: underline;
}

.paragraph--black .paragraph a:hover {
  color: #000 !important;
}
.paragraph--black .paragraph a:hover span {
  color: #000 !important;
}

.paragraph a {
  text-decoration: underline;
  text-underline-offset: 2px;
  border: 0;
  color: #45647c;
}
.paragraph a:hover {
  border-bottom: 0;
  text-decoration: none;
}
.paragraph a:hover span {
  text-decoration: none;
}

.paragraph {
  color: #404040;
}

.paragraph--grey {
  color: #404040;
}

.heading--h1,
h1 {
  font-size: 36px;
}

.heading--h2,
h2 {
  font-size: 32px;
}

.heading--h3,
h3 {
  font-size: 20px;
}

.cards-1spaltig-icon-akk__text-p {
  font-size: 24px;
}

.paragraph,
p,
td {
  font-size: 16px;
}

.carousel--petrol .active-dot {
  background: #433894;
}

.footer__contact-info-text {
  color: #000;
}

.footer__contact-info-text a {
  color: #000;
}

.pos img {
  height: 370px !important;
}

.footer__logo img {
  height: 30px;
  margin-left: 15px;
}

.paragraph strong {
  font-weight: 700 !important;
}

.paragraph u {
  text-decoration: underline !important;
}

.paragraph strong u {
  font-weight: 700 !important;
}

.form-container__form strong {
  font-weight: 700 !important;
}

.form-container__form u {
  text-decoration: underline !important;
}

.form-container__form strong u {
  font-weight: 700 !important;
}

@media screen and (max-width: 650px) {
  .hero-bild-v2 .heading {
    font-size: 24px;
  }
  .heading--h1,
  h1 {
    font-size: 24px;
  }
  .heading--h2,
  h2 {
    font-size: 20px;
  }
  .heading--h3,
  h3 {
    font-size: 16px;
  }
  .cards-1spaltig-icon-akk__text-p {
    font-size: 18px !important;
  }
  .button-with-border__cta.hero-v1 .heading--h3 {
    font-size: 18px !important;
  }
  .button-with-border__cta.hero-v4 .heading--h3 {
    font-size: 18px !important;
  }
  .button-with-border__cta.hero-v3 .heading--h3 {
    font-size: 18px !important;
  }
  .header__logo {
    margin: 10px 0 10px;
  }
  .pos img {
    height: 312px !important;
  }
  .header__logo {
    margin: 10px 0 10px;
  }
  .header__logo img {
    height: 22px;
    width: auto;
  }
}
.heading--left .heading {
  text-align: left;
}

.heading--center .heading {
  text-align: center;
}
/*!*************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./styles/components.scss ***!
  \*************************************************************************************************************************************************************************/
@charset "UTF-8";
/* stylelint-disable */
* {
  font: inherit;
  color: inherit;
  line-height: inherit;
  text-decoration: inherit;
  margin: 0;
  padding: 0;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

html {
  color: #404040;
  background: #fff;
}

figure {
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  margin-left: 0;
  margin-right: 0;
}

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

audio,
canvas,
video {
  display: inline-block;
}

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

fieldset,
img {
  border: 0;
}

del,
ins {
  text-decoration: none;
}

li {
  list-style: none;
}

caption,
th {
  text-align: left;
}

q:before,
q:after {
  content: "";
}

abbr,
acronym {
  border: 0;
  text-decoration: none;
  font-variant: normal;
}

sup {
  vertical-align: baseline;
}

sub {
  vertical-align: baseline;
}

iframe {
  border: 0;
}

legend {
  color: inherit;
  *color: #404040;
}

.paragraph ol li {
  list-style: decimal !important;
}

.paragraph ul li {
  list-style: disc !important;
}

button,
input[type=button],
input[type=submit] {
  background: transparent;
  -webkit-appearance: button;
  cursor: pointer;
  border-radius: 0;
  border: 0;
}

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

input[type=search] {
  -webkit-appearance: textfield;
}

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

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

textarea {
  overflow: auto;
  vertical-align: top;
}

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

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */
audio,
canvas,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/* stylelint-enable */
.bg-red-gradient {
  background: #E61F2B;
  background: linear-gradient(90.01deg, #E61F2B 7.26%, #E30613 39.31%, #CC0511 69.15%, #9F040D 99.99%);
}

.paragraph ol li {
  list-style: decimal;
}

.paragraph ul li {
  list-style: disc;
}

.full-width {
  max-width: 100%;
}

.col-background-bg2387 {
  margin: 0px auto 30px auto;
}
.col-background-bg2387 .col-background__inner {
  position: relative;
  width: 100%;
  max-width: 920px;
  margin: 0 auto 0 auto;
  padding: 15px 25px;
  z-index: 1;
}
.col-background-bg2387 .col-background__inner .bild-breit-cta__cta {
  margin-bottom: 13px;
}
.col-background-bg2387.col-background-farbe--petrol .col-background__inner {
  background-color: #D7E5FB;
  box-shadow: 5px 5px 50px 0px rgba(0, 0, 0, 0.0784313725);
}
.col-background-bg2387.col-background-farbe--violet .col-background__inner {
  background-color: #D7E5FB;
  box-shadow: 5px 5px 50px 0px rgba(0, 0, 0, 0.0784313725);
}
.col-background-bg2387.col-background-farbe--senfgelb .col-background__inner {
  background-color: #FFFCBE;
  box-shadow: 5px 5px 50px 0px rgba(0, 0, 0, 0.0784313725);
}
.col-background-bg2387.col-background-farbe--violetlight .col-background__inner {
  background-color: #ffffff;
  border: 1.5px solid #E30613;
}
.col-background-bg2387.col-background-farbe--senfgelblight .col-background__inner {
  background-color: #FFFCBE;
  box-shadow: 5px 5px 50px 0px rgba(0, 0, 0, 0.0784313725);
}
.col-background-bg2387.border-radius-sharp .col-background__inner {
  border-radius: 0;
}
.col-background-bg2387.border-radius-rounded .col-background__inner {
  border-radius: 40px;
}
@media screen and (max-width: 650px) {
  .col-background-bg2387.border-radius-rounded .col-background__inner {
    border-radius: 24px;
  }
}

.bsi-ce-edit-mode .col-background-bg2387.col-background-farbe--violetlight .col-background__inner {
  border: 1.5px solid #E30613 !important;
}

.video-C4cbKm .video__inner {
  position: relative;
  width: 100%;
  max-width: 920px;
  margin: 0 auto 0 auto;
  z-index: 1;
}
.video-C4cbKm .video__inner .responsive-video {
  padding-bottom: 56.25%;
  padding-top: 0px;
  position: relative;
  height: 0;
  overflow: hidden;
}
.video-C4cbKm .video__inner .responsive-video iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  max-height: 100%;
  width: 100%;
}

[data-bsi-dropzone=atoms-atoms_element-1],
[data-bsi-dropzone=atoms-atoms_element-1-2] {
  position: absolute !important;
  bottom: 0;
  left: 0;
  right: 0;
}

.button-with-border__cta.hero-v1 {
  width: 615px;
  max-width: 100%;
  display: flex;
  grid-gap: 15px;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: 1fr;
}
.button-with-border__cta.hero-v1 .heading--h3 {
  font-size: 26px;
  line-height: 33px;
  font-weight: 300;
  color: #fff;
  padding-bottom: 0;
  margin-bottom: 0;
}
.button-with-border__cta.hero-v1 .button--white {
  max-width: 100%;
}
.button-with-border__cta.hero-v1 .button--white .button {
  height: 100%;
}
.button-with-border__cta.hero-v1 .button--white .button .button__link {
  height: 100%;
}

@media screen and (max-width: 650px) {
  .button-with-border__cta.hero-v1 {
    width: 80%;
    display: flex;
    grid-gap: 0;
    flex-direction: column-reverse;
  }
  .button-with-border__cta.hero-v1 .button--white {
    margin-bottom: 25px;
  }
}
.button--white .button__link:hover {
  background: #fff !important;
}

.button__link.fbt {
  padding: 23px 40px !important;
  border-radius: 50px;
  text-decoration: none;
  color: #000;
  display: block ruby;
}

@media screen and (max-width: 650px) {
  .button__link.fbt {
    padding: 23px 60px !important;
  }
}
.button--white {
  background-color: #fff;
  border-radius: 50px !important;
}

.button--white .button__link {
  color: #404040 !important;
}

@media screen and (max-width: 650px) {
  .button-with-border__cta.hero-v3 {
    width: 80%;
    display: flex;
    grid-gap: 0;
    flex-direction: column-reverse;
  }
  .button-with-border__cta.hero-v3 .button--white {
    margin-bottom: 25px;
  }
  .button-with-border__cta.hero-v3 .heading--h3 {
    font-size: 26px;
    line-height: 33px;
    font-weight: 300;
    color: #fff;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
.button--white .button__link {
  background-color: #fff;
  border-radius: 50px !important;
  border: 1px solid #E30613 !important;
  color: #e30613 !important;
}

.button--white .button__link:hover {
  background: #fff !important;
  border: 1px solid #C2221B !important;
  color: #c2221b !important;
}

.cta-d-flex {
  display: flex;
}

.bild-breit-cta__cta-2 {
  margin-left: auto;
  margin-right: auto;
  display: inline-flex;
}

.button--red {
  border-radius: 50px;
}

@media screen and (max-width: 650px) {
  .bild-breit-cta__cta-2 {
    padding: 0 40px;
  }
}
@media screen and (max-width: 768px) {
  .bild-breit-cta__cta-2 {
    padding: 0 40px;
  }
}
.cards-4spaltig-v1__card__image {
  border-radius: 40px;
}

@media screen and (max-width: 650px) {
  .cards-4spaltig-v1__card__image {
    border-radius: 18px;
  }
}
.atoms-atoms_element-10 {
  width: auto;
  min-width: 200px;
  height: 60px;
  padding: 20px;
  font-size: 18px;
  line-height: 18px;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  background-color: #e30613;
  color: #fff;
}

atoms-atoms_element-10--default,
.atoms-atoms_element-10--default {
  background-color: #e30613;
  color: black;
}

atoms-atoms_element-10--black,
.atoms-atoms_element-10--black {
  background-color: #000000;
  color: black;
}

atoms-atoms_element-10--white,
.atoms-atoms_element-10--white {
  background-color: #ffffff;
  color: black;
}

atoms-atoms_element-10--coral,
.atoms-atoms_element-10--coral {
  background-color: #f05d23;
  color: black;
}

atoms-atoms_element-10--senfgelb,
.atoms-atoms_element-10-senfgelb {
  background-color: #fb8900;
  color: black;
}

atoms-atoms_element-10--petrol,
.atoms-atoms_element-10--petrol {
  background-color: #16b7bb;
  color: black;
}

.a {
  color: #fff;
}

.bild-breit-cta-farb-typo .bild-breit-cta__cta {
  position: absolute;
  z-index: 1;
  margin-top: -30px;
}

.button--red .button {
  border-radius: 50px !important;
}

.button__link {
  padding: 15px 40px;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  transition: 0.5s all;
  border-radius: 50px;
}

.button__link:hover {
  background: #c2221b;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  transition: 0.5s all;
}

@media screen and (max-width: 650px) {
  .button__link {
    padding: 15px 10px;
    text-align: center;
  }
  .bild-breit-cta__cta {
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .button__link {
    padding: 15px 10px;
    text-align: center;
  }
  .bild-breit-cta__cta {
    padding: 0;
  }
}
.newh10.heading--violet h1 {
  color: #E30613 !important;
}
.newh10.heading--black h1 {
  color: #404040 !important;
}
.newh10.heading--senfgelb h1 {
  color: #FFFCBE !important;
}
.newh10.heading--weiss h1 {
  color: #fff !important;
}

.spaltig1-Icon .typo-segment-header__icon {
  margin-bottom: 25px !important;
}

@media screen and (max-width: 650px) {
  .spaltig1-Icon .typo-segment-header__icon {
    width: 85px;
  }
}
.typo-segment-header__caption {
  padding-top: 50px;
  padding-bottom: 5px;
}

.button-with-border__cta.hero-v4 {
  right: 8%;
  left: auto;
  transform: translateX(0);
  transform: translateY(-50%);
  top: inherit;
  bottom: inherit;
  margin-top: 65px;
}

.button-with-border__cta.hero-v4 .heading--h3 {
  font-size: 26px;
  font-weight: 300;
  color: #fff;
  padding-bottom: 25px;
}

@media screen and (max-width: 750px) {
  .button-with-border__cta.hero-v4 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 300px;
    padding: 20px;
    display: flex;
    flex-direction: column-reverse;
    padding-bottom: 0 !important;
  }
  .button-with-border__cta.hero-v4 .heading--h3 {
    margin-bottom: 0;
  }
  .button-with-border__cta.hero-v4 .button--white {
    margin-bottom: 25px;
  }
}
.h3color.violet h3 {
  color: #E30613;
}
.h3color.black h3 {
  color: #404040;
}
.h3color.senfgelb h3 {
  color: #FFFCBE;
}
.h3color.weiss h3 {
  color: #fff;
}

.button-with-border__cta.hero-v4 {
  right: 8%;
  left: auto;
  transform: translateX(0);
  transform: translateY(-50%);
  top: inherit;
  bottom: inherit;
  margin-top: 65px;
}

.button-with-border__cta.hero-v4 .heading--h3 {
  font-size: 26px;
  font-weight: 300;
  color: #fff;
  padding-bottom: 25px;
}

@media screen and (max-width: 750px) {
  .button-with-border__cta.hero-v4 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 300px;
    padding: 20px;
    display: flex;
    flex-direction: column-reverse;
    padding-bottom: 0 !important;
  }
  .button-with-border__cta.hero-v4 .heading--h3 {
    margin-bottom: 0;
  }
  .button-with-border__cta.hero-v4 .button--white {
    margin-bottom: 25px;
  }
}
.heading--violet h2 {
  color: #000 !important;
}

.link {
  min-height: 30px;
  border-radius: 5px;
  padding: 20px 0 0 0;
}

.link__link {
  border-radius: 5px;
  font-size: 16px;
  font-family: "EinaRegular", Helvetica, sans-serif;
  color: rgb(120, 119, 114);
  padding-right: 35px;
  display: inline-block;
}

.link__link:hover {
  padding-right: 47px;
}

.link .link-red-icon {
  background-image: url(../static/pfeil-rechts-red-16553042631.png);
  background-repeat: no-repeat;
  background-size: 19px;
  background-position: center right;
  line-height: 1.5;
  color: #e30613;
  font-weight: 600;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  transition: 0.5s all;
}

.link .link-red-icon:hover {
  background-image: url(../static/pfeil-rechts-red-16553042631.png);
  background-repeat: no-repeat;
  background-size: 19px;
  background-position: center right;
  color: #c22218;
}

.col4-image-wraper {
  position: relative;
}
.col4-image-wraper img {
  width: 100%;
}

.col4-image-wraper {
  position: relative;
}
.col4-image-wraper img {
  width: 100%;
}

.col4-image-wraper {
  position: relative;
}
.col4-image-wraper img {
  width: 100%;
}

.col4-image-wraper {
  position: relative;
}
.col4-image-wraper img {
  width: 100%;
}

.newh3.heading--violet h3 {
  color: #E30613 !important;
}
.newh3.heading--black h3 {
  color: #404040 !important;
}
.newh3.heading--senfgelb h3 {
  color: #FFFCBE !important;
}
.newh3.heading--weiss h3 {
  color: #fff !important;
}

.icon-bg {
  width: 152px;
  height: 152px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-bg img {
  max-width: 60%;
  max-height: 60%;
}

.icon-bg.violet {
  background: #433894;
}
.icon-bg.black {
  background: #000;
}
.icon-bg.senfgelb {
  background: #ffb122;
}
.icon-bg.weiss {
  background: #fff;
}

@media screen and (max-width: 650px) {
  .icon-bg {
    width: 120px;
    height: 120px;
  }
}
.list-element {
  margin-top: 25px;
  margin-bottom: 10px;
}

.list-element-text {
  position: relative;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
  padding-left: 40px;
  color: #616161;
}

.list-element-text:before {
  content: url(../static/bullet-list-item-icon-6426008671.svg);
  position: absolute;
  left: 0;
  top: -5px;
}

.button-cta-white {
  display: inline-block;
  padding-top: 35px;
  margin-bottom: 20px;
}

.button-cta-white .button-cta-white__link {
  background-color: #fff;
  border-radius: 50px;
  border: 1.5px solid #e30613;
  color: #e30613;
  padding: 10px 20px;
  font-size: 16px;
  font-family: "EinaSemiBold", sans-serif;
  transition: 0.5s all;
}

.button-cta-white .button-cta-white__link:hover {
  background: #c2221b;
  border: 1.5px solid #C2221B;
  color: #ffffff;
}

.button-cta-red {
  display: inline-block;
  margin-bottom: 20px;
}

.button-cta-red .button-cta-red__link {
  background-color: #fff;
  border-radius: 50px;
  color: #e30613;
  padding: 20px 39px;
  font-size: 14px;
  font-weight: 600;
  font-family: "EinaSemiBold", sans-serif;
  transition: 0.5s all;
}

.button-cta-red .button-cta-red__link:hover {
  background: #ffffff;
  color: #9F040D;
}

.footer__social-media-icon__list {
  margin-bottom: 12px;
}

.lang-switcher {
  margin-right: -8px;
}
.lang-switcher.active-one a:nth-of-type(1) {
  color: #ffffff;
  font-weight: bold;
}
.lang-switcher.active-one a:nth-of-type(1):hover {
  color: #ffffff;
}
.lang-switcher.active-two a:nth-of-type(2) {
  color: #ffffff;
  font-weight: bold;
}
.lang-switcher.active-two a:nth-of-type(2):hover {
  color: #ffffff;
}
.lang-switcher.active-three a:nth-of-type(3) {
  color: #ffffff;
  font-weight: bold;
}
.lang-switcher.active-three a:nth-of-type(3):hover {
  color: #ffffff;
}
.lang-switcher.active-four a:nth-of-type(4) {
  color: #ffffff;
  font-weight: bold;
}
.lang-switcher.active-four a:nth-of-type(4):hover {
  color: #ffffff;
}
.lang-switcher.lang-switcher-amount-two a:nth-of-type(3),
.lang-switcher.lang-switcher-amount-two a:nth-of-type(4) {
  display: none;
}
.lang-switcher.lang-switcher-amount-two a:nth-of-type(2) {
  border-right: none;
}
.lang-switcher.lang-switcher-amount-three a:nth-of-type(4) {
  display: none;
}
.lang-switcher.lang-switcher-amount-three a:nth-of-type(3) {
  border-right: none;
}

.lang-switcher-nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.lang-switcher-nav a {
  font-family: "EinaRegular", Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1;
  color: #ffffff;
  text-decoration: none;
  padding: 0 8px;
  border-right: 1px solid #ffffff;
  transition: color 0.15s ease;
}
.lang-switcher-nav a:first-child {
  padding-left: 0;
}
.lang-switcher-nav a:hover {
  color: #ffffff;
}
.lang-switcher-nav a:last-child {
  border-right: none;
}

@media screen and (max-width: 720px) {
  .lang-switcher-nav {
    justify-content: flex-start;
  }
}
.text-subtitle {
  margin-bottom: 8px;
  font-family: "EinaRegular", Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.2em;
  color: #666666;
}

.header {
  position: relative;
  z-index: 5;
}

.header__inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  max-width: 1960px;
  margin: 0 auto;
  padding: 13px 40px;
}

.header__logo {
  display: inline-flex;
}
.header__logo img {
  height: 25px;
}

.preheader-flex-column {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  max-width: 60%;
}

.preheader-flex-cta {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}

.header__logo-right {
  display: inline-flex;
}
.header__logo-right img {
  height: 50px;
}

.header__cta {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #E30613;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  text-align: right;
  padding: 8px 12px;
  border-radius: 100px;
  margin-left: 10px;
}

.preheader-cta-border .header__cta {
  background-color: transparent;
  color: #ffffff;
}

.preheader-cta-icon-white img {
  filter: brightness(0) invert(1);
}

.header__cell {
  vertical-align: middle;
}

.header__cta-icon {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  margin-left: 5px;
}

.header__cta-icon--reverse {
  margin-left: 0;
  margin-right: 10px;
}

.header__cta__paragraph {
  color: #E30613;
  font-size: 14px;
  font-weight: 600;
}

.preheader-cta-border .header__cta__paragraph {
  color: #ffffff;
}

@media screen and (max-width: 720px) {
  .header__inner {
    padding: 0px 20px;
  }
}
.hero-bild {
  position: relative;
}
.hero-bild:before {
  position: absolute;
  left: 43vw;
  top: 0;
  right: 0;
  height: 70vh;
  border-bottom-left-radius: 40px;
  background-color: #FFFCBE;
  opacity: 1;
  top: -170px;
  transition: opacity 400ms ease-out;
  content: "";
  max-height: 800px;
}

.hero-bild__wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 21%;
  padding-right: 21%;
}

.hero-bild__card__content {
  padding-right: 24px;
}

.hero-bild__text-subtitle {
  font-family: "EinaRegular", Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 0.75em;
  color: #616161;
}

.hero-bild__heading {
  color: #404040;
  font-family: "EinaBold", Helvetica, sans-serif;
  font-size: 48px;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 24px;
}

.button-cta-red {
  display: inline-block;
  margin-bottom: 20px;
}

.button-cta-red .button-cta-red__link {
  display: flex;
  justify-content: center;
  white-space: nowrap;
  background-color: #e30613;
  border-radius: 50px;
  color: #ffffff;
  padding: 15px 25px;
  font-size: 16px;
  font-family: "EinaRegular", sans-serif;
  transition: 0.5s all;
}

.button-cta-red .button-cta-red__link:hover {
  background: #c2221b;
  color: #ffffff;
}

.hero-bild__image__wrapper {
  position: relative;
  flex-shrink: 0;
  flex-grow: 1;
  height: 38vw;
  width: 44vw;
  max-height: 613px;
  max-width: 600px;
  border-radius: 40px;
  overflow: hidden;
  margin-top: 32px;
  box-shadow: 5.71px 5.71px 57.14px 0px rgba(0, 0, 0, 0.2);
}
.hero-bild__image__wrapper img {
  position: absolute;
  top: 0;
  margin: auto;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 1441px) {
  .hero-bild__wrapper {
    padding-right: 0;
    padding-left: 8%;
  }
  .hero-bild__image__wrapper {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .hero-bild:before {
    position: absolute;
    left: 47vw;
    top: 0;
    right: 0;
    height: 70vh;
    border-bottom-left-radius: 18px;
    background-color: #FFFCBE;
    opacity: 1;
    top: -170px;
    transition: opacity 400ms ease-out;
    content: "";
  }
}
@media screen and (max-width: 1208px) {
  .hero-bild__heading {
    font-size: 36px;
  }
  .hero-bild:before {
    height: 50vmin;
  }
  .hero-bild__wrapper {
    padding-left: 4%;
  }
  .hero-bild__image__wrapper {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }
}
@media screen and (max-width: 768px) {
  .hero-bild__wrapper {
    flex-direction: column-reverse;
    align-items: flex-start;
    margin-bottom: 24px;
    padding-right: 24px;
    padding-left: 24px;
  }
  .hero-bild:before {
    left: 40vw;
    height: 70vmin;
    border-bottom-right-radius: 0;
  }
  .hero-bild__heading {
    font-size: 30px;
    margin-bottom: 15px;
  }
  .hero-bild__image__wrapper {
    max-width: unset;
    width: 100%;
    height: fit-content;
    align-self: flex-end;
    padding-top: 87.5%;
    margin-bottom: 16px;
    border-radius: 24px;
  }
}
.bild__image {
  width: 100%;
  object-fit: cover;
  display: block;
  box-shadow: 5.74px 5.74px 57.44px 0px rgba(0, 0, 0, 0.2);
  border-radius: 40px;
}

@media screen and (max-width: 650px) {
  .bild__image {
    border-radius: 24px;
  }
  .bild__inner {
    padding: 0 24px;
    border-radius: 24px;
  }
}
.full-width {
  max-width: 100%;
}

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

.card-1spaltig__card.card-1spaltig__card-redesign.card-1spaltig__inner-img-left {
  display: grid;
  grid-template: auto/34.7% 1fr;
  grid-gap: 23px;
  background-color: #ffffff;
  box-shadow: 2.86px 2.86px 28.57px 0px rgba(0, 0, 0, 0.0784313725);
  border-radius: 40px;
  max-height: 1000px;
  min-width: 0;
  overflow: hidden;
}

.card-1spaltig__card.card-1spaltig__card-redesign .card-1spaltig__card__content {
  padding: 24px 32px 24px 0;
}

.card-1spaltig__card__content p, .card-1spaltig__card__content span, .card-1spaltig__card__content .paragraph {
  color: #404040;
}

.form-container__button--reset {
  background-color: transparent;
  color: #e30513;
  border: 1px solid #e30513;
  padding: 20px 50px;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  transition: 0.5s all;
}

.form-container__button--reset:hover {
  border: 1px solid #c22218;
  color: #c22218;
}

.card-1spaltig__inner-redesign .heading--h3 {
  font-family: "EinaBold", Helvetica, sans-serif;
  font-size: 24px;
  font-weight: bold;
}

.card-1spaltig__inner-redesign .paragraph {
  font-size: 16px;
  line-height: 20px;
}

@media screen and (max-width: 650px) {
  .card-1spaltig__inner-redesign.component__inner {
    padding: 0 24px;
  }
  .card-1spaltig__card.card-1spaltig__card-redesign.card-1spaltig__inner-img-left {
    grid-template-columns: 1fr;
    grid-gap: 0px;
    max-height: unset;
    border-radius: 24px;
  }
  .card-1spaltig__card.card-1spaltig__card-redesign.card-1spaltig__inner-img-left .card-1spaltig__card__content {
    padding: 16px 24px;
  }
  .card-1spaltig__inner-redesign .heading--h3 {
    font-size: 18px;
  }
}
.card-1spaltig__card.card-1spaltig__card-redesign {
  display: grid;
  grid-template: auto/1fr 34.7%;
  grid-gap: 23px;
  background-color: #ffffff;
  box-shadow: 2.86px 2.86px 28.57px 0px rgba(0, 0, 0, 0.0784313725);
  border-radius: 40px;
  max-height: 1000px;
  min-width: 0;
  overflow: hidden;
}

.card-1spaltig__inner-image-rechts .card-1spaltig__card.card-1spaltig__card-redesign .card-1spaltig__card__content {
  grid-column-start: 1;
  grid-row-start: 1;
  padding: 24px 0 24px 32px;
}

.card-1spaltig__card.card-1spaltig__card-redesign .card-1spaltig__card__content {
  padding: 24px 32px 24px 0;
}

.card-1spaltig__card__content p, .card-1spaltig__card__content span, .card-1spaltig__card__content .paragraph {
  color: #616161;
}

@media screen and (max-width: 650px) {
  .card-1spaltig__inner-image-rechts .card-1spaltig__card.card-1spaltig__card-redesign .card-1spaltig__card__content {
    grid-column-start: unset;
    grid-row-start: unset;
  }
  .card-1spaltig__card.card-1spaltig__card-redesign {
    grid-template-columns: 1fr;
    grid-gap: 0px;
    max-height: unset;
    border-radius: 24px;
  }
  .card-1spaltig__inner-image-rechts .card-1spaltig__card.card-1spaltig__card-redesign .card-1spaltig__card__content {
    padding: 16px 24px;
  }
  .card-1spaltig__inner-image-rechts .card-1spaltig__card-redesign .card-1spaltig__card__content {
    grid-column-start: unset;
    grid-row-start: unset;
    padding: 16px 24px;
  }
}
.cards-2spaltig__cards-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
}

.cards-2spaltig__card__content {
  padding: 18px 20px 10px 20px;
}

.cards-2spaltig__cards-wrapper .heading--h3 {
  margin-bottom: 0;
}

.cards-2spaltig__cards-wrapper .cards-4spaltig-v1__card__image {
  width: 100%;
  object-fit: cover;
  height: auto;
  display: block;
  border-radius: 0;
}

@media screen and (max-width: 650px) {
  .cards-2spaltig__card__content {
    padding: 18px 20px 10px 20px;
  }
}
.cards-2spaltig__card-image-wrapper {
  border-radius: 4px;
  overflow: hidden;
}

.cards-2spaltig__card {
  background-color: transparent;
  min-width: 0;
  box-shadow: 2.88px 2.88px 28.77px 0px rgba(0, 0, 0, 0.0784313725);
  border-radius: 40px;
  overflow: hidden;
  padding-bottom: 25px;
}

.cards-2spaltig__card .button {
  margin-top: 30px;
}

@media screen and (max-width: 650px) {
  .cards-2spaltig__cards-wrapper {
    grid-template-columns: 1fr;
    grid-column-gap: 30px;
    padding-left: 24px;
    padding-right: 24px;
  }
  .cards-2spaltig__inner {
    padding: 0;
  }
  .cards-2spaltig__card {
    border-radius: 18px;
    padding-bottom: 5px;
  }
  .cards-2spaltig__cards-wrapper .cards-2spaltig__card__content {
    padding: 24px 24px 30px 24px;
  }
  .cards-2spaltig__cards-wrapper .cards-2spaltig__card__content .heading.heading--h2 {
    margin-bottom: 0;
  }
  .cards-2spaltig__card .cards-4spaltig-v1__card__image {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}
.cards-3spaltig__cards-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 30px;
}

.cards-3spaltig__card {
  min-width: 0;
  border-radius: 40px;
  box-shadow: 2.87px 2.87px 28.65px 0px rgba(0, 0, 0, 0.0784313725);
}

.cards-3spaltig__card__image {
  width: 100%;
  height: 150px;
  object-fit: cover;
  display: block;
}

.cards-3spaltig__card__content {
  padding: 16px 20px 30px 20px;
}

.cards-3spaltig__card .link {
  margin-top: 0;
  padding: 5px 0 0 0;
}

.cards-3spaltig__card .cards-4spaltig-v1__card__image {
  height: 220px;
}

@media screen and (max-width: 920px) {
  .cards-3spaltig__cards-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 30px;
  }
}
@media screen and (max-width: 650px) {
  .cards-3spaltig__cards-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 30px;
    padding-left: 24px;
    padding-right: 24px;
  }
  .cards-3spaltig__inner {
    padding: 0;
  }
  .cards-3spaltig__card {
    border-radius: 18px;
  }
  .cards-3spaltig__cards-wrapper .cards-3spaltig__card__content {
    padding: 24px 24px 30px 24px;
  }
  .cards-3spaltig__cards-wrapper .cards-3spaltig__card__content .heading.heading--h2 {
    margin-bottom: 0;
  }
  .cards-3spaltig__card .cards-4spaltig-v1__card__image {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .cards-3spaltig__card h3 {
    font-size: 20px;
  }
}
.cards-2spaltig-icon-akk__column-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
  align-items: start;
}

.cards-2spaltig-icon-akk__label {
  margin-bottom: 3px;
}

.cards-2spaltig-icon-akk__column {
  box-shadow: 2.87px 2.87px 28.7px 0px rgba(0, 0, 0, 0.0784313725);
  border-radius: 40px;
}

.cards-2spaltig-icon-akk__first {
  display: grid;
  grid-template: auto/48px auto 30px;
  align-items: center;
  padding: 31px 32px;
  border-radius: 40px;
}

.cards-2spaltig-icon-akk__icon-inner {
  width: auto;
  height: auto;
  max-width: 23px;
  max-height: 23px;
}

.cards-2spaltig-icon-akk__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  cursor: pointer;
  border-radius: 80px;
  background-color: #D7E5FB;
}

.cards-2spaltig-icon-akk__text {
  color: #404040;
  font-family: "EinaBold", sans-serif;
  font-weight: 700;
  font-size: 18px;
}

.cards-2spaltig-icon-akk__text-wrapper {
  padding: 15px;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.cards-2spaltig-icon-akk__button {
  width: 100%;
  height: 100%;
  justify-self: end;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cards-2spaltig-icon-akk__button--closed {
  transform: rotate(180deg);
}

.cards-2spaltig-icon-akk__second {
  height: auto;
  max-height: 100%;
  overflow: hidden;
  border-top: none;
}

.cards-2spaltig-icon-akk__second--closed {
  max-height: 0px;
  display: none;
}

.cards-2spaltig-icon-akk__second--closed .cards-2spaltig-icon-akk__column {
  border: 1px solid red;
}

.cards-2spaltig-icon-akk__details {
  padding: 24px 32px;
}

.cards-2spaltig-icon-akk__subtitle {
  margin-bottom: 15px;
  color: #404040;
  font-family: "EinaBold", sans-serif;
  font-size: 20px;
}

.cards-2spaltig-icon-akk__description {
  color: #404040;
  font-size: 16px;
}

@media screen and (max-width: 650px) {
  .cards-2spaltig-icon-akk__column-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 30px;
  }
  .cards-2spaltig-icon-akk__first {
    border-radius: 18px;
  }
  .cards-2spaltig-icon-akk__column {
    border-radius: 18px;
  }
}
.cards-1spaltig-ohne-icon-akk__row-wrapper {
  border-bottom: 1px solid #e6e6e6;
}

.cards-1spaltig-ohne-icon-akk__row {
  background-color: #ffffff;
}

.cards-1spaltig-ohne-icon-akk__first {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding: 15px 10px;
}

.cards-1spaltig-ohne-icon-akk__text {
  color: #000;
  font-family: "EinaRegular", sans-serif;
  font-size: 24px;
  line-height: 1.4;
}

.cards-1spaltig-ohne-icon-akk__button {
  padding: 0 15px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cards-1spaltig-ohne-icon-akk__button--closed {
  transform: rotate(180deg);
}

.cards-1spaltig-ohne-icon-akk__second {
  height: auto;
  max-height: 100%;
  overflow: hidden;
  border-top: none;
}

.cards-1spaltig-ohne-icon-akk__second--closed {
  max-height: 0px;
  display: none;
}

.cards-1spaltig-ohne-icon-akk__details {
  padding: 40px 15px 24px 15px;
}

@media screen and (max-width: 650px) {
  .cards-1spaltig-ohne-icon-akk__inner {
    padding: 0 24px;
  }
}
.pramienrechner__inner {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 23px 29px;
  border-radius: 40px;
  box-shadow: 2.87px 2.87px 28.72px 0px rgba(0, 0, 0, 0.0784313725);
  border: 1px solid #E30613;
  background-color: #ffffff;
}

.pramienrechner__card__image {
  margin-right: 1px;
  max-width: 57px;
}

.pramienrechner__card-redesign {
  padding: 0 24px;
}
.pramienrechner__card-redesign h3 {
  font-weight: 600;
  font-size: 26px;
  line-height: 1.4;
  color: #404040;
  margin-bottom: 0;
  font-family: "EinaBold", Helvetica, sans-serif;
}
.pramienrechner__card-redesign p {
  font-size: 14px;
  margin-top: 10px;
  color: #404040;
  font-family: "EinaRegular", Helvetica, sans-serif;
}

.pramienrechner-button--red {
  padding-top: 18px;
}
.pramienrechner-button--red .button-inline__link {
  display: inline-flex;
  justify-content: center;
  white-space: nowrap;
  font-size: 15px;
  line-height: 1.3;
  padding: 13px 18px;
  background-color: #e30613;
  font-family: "EinaSemiBold", Helvetica, sans-serif;
  cursor: pointer;
  text-align: center;
  -webkit-font-smoothing: inherit;
  border-radius: 42px;
  color: #ffffff;
  border: none;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  transition: 0.5s all;
}
.pramienrechner-button--red .button-inline__link:hover {
  background-color: #c2221b;
}

@media screen and (max-width: 650px) {
  .pramienrechner.component__inner {
    padding: 0 24px;
  }
  .pramienrechner__inner {
    flex-wrap: wrap;
    padding: 24px;
    border-radius: 24px;
  }
  .pramienrechner__card-redesign {
    text-align: center;
    padding: 0;
    margin-bottom: 12px;
  }
  .pramienrechner__card__image {
    max-width: 40px;
    margin: 0 auto 12px auto;
  }
  .pramienrechner-button--red {
    width: 100%;
    padding-top: 10px;
  }
}
.table-4spaltig-icons__table-wrapper {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  box-shadow: 0px 12px 24px -4px rgba(0, 0, 0, 0.04);
  background-color: #ffffff;
  overflow-x: auto;
  width: 100%;
}

.table-4spaltig-icons table {
  min-width: 500px;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

.table-4spaltig-icons table th {
  color: #000;
  font-weight: 900;
  font-size: 12px;
  padding: 20px 10px 6px 10px;
}

.table-4spaltig-icons tr:first-child td {
  color: #000;
  font-weight: 900;
  font-size: 12px;
  text-align: center;
  padding-bottom: 5px;
}

.table-4spaltig-icons tr th {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  text-align: center;
}

.table-4spaltig-icons tr td {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  color: #000;
  padding: 10px;
  vertical-align: middle;
  line-height: 1.2;
}

.table-4spaltig-icons tr td:last-child,
.table-4spaltig-icons tr th:last-child {
  border-right: none;
}

.table-4spaltig-icons tr td:first-child {
  width: 240px;
  font-weight: 900;
  font-size: 12px;
}

.table-4spaltig-icons img {
  text-align: center;
  display: block;
  margin: 0 auto;
}

@media screen and (max-width: 650px) {
  .table-4spaltig-icons tr:first-child td {
    transform: rotate(90deg);
    height: 100px;
    text-align: right;
  }
  .table-4spaltig-icons tr td {
    padding: 5px;
    font-size: 12px;
  }
  .table-4spaltig-icons tr img {
    width: 50%;
    height: 50%;
  }
}
.table-4spaltig-icons tr td {
  color: #000;
}

.table-4spaltig-icons__table-wrapper table .tr:first td {
  font-weight: 900;
  font-size: 12px;
}

.table-4spaltig-icons .true-mark,
.table-4spaltig-icons .false-mark {
  text-align: center;
}

.table-4spaltig-icons__table-wrapper table .tr:first td {
  padding-bottom: 5px;
}

.true-mark:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 29px;
  height: 29px;
  background-image: url(../static/check-icon-redesign-17568876931.png);
  background-size: 100% 100%;
}

.false-mark:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 29px;
  height: 29px;
  background-image: url(../static/error-icon-redesign-19477497731.png);
  background-size: 100% 100%;
}

.table-4spaltig-icons__table-wrapper.table-2spaltig-icons__table-wrapper {
  border: none;
  border-radius: 8px;
  box-shadow: 0px 12px 24px -4px rgba(0, 0, 0, 0.04);
  background-color: #ffffff;
  overflow-x: auto;
  width: 100%;
}

table.mobile-res-table.table-2spaltig-icons {
  min-width: 200px;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

.table-4spaltig-icons.table-2spaltig-icons tr td:last-child,
.table-4spaltig-icons.table-2spaltig-icons tr th:last-child {
  border-right: 1px solid #efe6dc;
}

div.vertical {
  color: #000;
  font-weight: 900;
  font-size: 12px;
  padding: 20px 0 6px 0;
}

@media screen and (max-width: 650px) {
  div.vertical {
    margin-left: -40px;
    position: absolute;
    width: 120px;
    padding: 0;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg); /* Safari/Chrome */
    -moz-transform: rotate(90deg); /* Firefox */
    -o-transform: rotate(90deg); /* Opera */
    -ms-transform: rotate(90deg); /* IE 9 */
  }
  th.vertical {
    height: 130px;
    line-height: 14px;
    position: relative;
    padding-bottom: 30px;
    text-align: right;
    vertical-align: middle;
  }
  .table-4spaltig-icons tr td:first-child {
    width: 130px;
  }
  .w-break {
    display: block;
    height: 1px;
  }
}
table.mobile-res-table {
  width: 100%;
}

table.mobile-res-table tr td:first-child {
  border-left: 1px solid #efe6dc;
  width: 240px;
  font-weight: 900;
  color: #000;
  font-size: 15px;
  background-color: #fff;
}

table.mobile-res-table tr td {
  border: 1px solid #efe6dc;
  color: #787772;
  background-color: #fff;
  padding: 10px;
  vertical-align: middle;
  line-height: 1.2;
}

table.mobile-res-table tr th {
  color: #787772;
  font-weight: 400;
  font-size: 13px;
  padding: 20px 0 6px 0;
}

@media screen and (max-width: 700px) {
  table.mobile-res-table tr td:first-child {
    width: 100%;
    margin-top: 20px;
    font-size: 13px;
  }
  table.mobile-res-table th {
    display: none;
  }
  table.mobile-res-table td:first-child::before {
    padding: 0;
    height: 0;
  }
  table.mobile-res-table td:before {
    content: attr(data-content) "";
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 4px;
    padding-right: 10px;
  }
  table.mobile-res-table td {
    position: relative;
    padding-left: 20%;
    display: block;
    font-size: 13px;
  }
}
table.mobile-res-table tr td {
  color: #000;
}

table.mobile-res-table tr th {
  color: #000;
}

.form-container__button-wrapper {
  justify-content: right;
  width: calc(100% - 50px);
}

.form-container__button-wrapper .form-container__button--reset {
  background-color: transparent;
  color: #e30513;
  border: 1px solid #e30513;
  min-width: 98px;
  padding: 20px 50px;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  transition: 0.5s all;
}

.form-container__button-wrapper .form-container__button--reset:hover {
  border: 1px solid #c22218;
  color: #c22218;
}

.form-container__button-wrapper {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
}

.form-container__button-wrapper .form-container__button {
  height: 60px;
  padding: 20px 50px;
  margin: 0 10px;
  border-radius: 5px;
  font-size: 17px;
  line-height: 17px;
  border-radius: 50px;
  text-decoration: none;
  color: #ffffff;
  border: none;
  outline: none;
}

.form-container__button-wrapper .form-container__button--submit {
  background-color: #e30613;
  font-size: 15px;
  height: auto;
  line-height: 1.3;
  padding: 14px 23px;
  min-width: 98px;
  background-color: #e30613;
  border: 1px solid #e30613;
  font-family: "EinaSemiBold", Helvetica, sans-serif;
  margin-bottom: 10px;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  transition: 0.5s all;
}

.form-container__button-wrapper .form-container__button--submit:hover {
  background-color: #c22218;
}

.form-container__button-wrapper .form-container__button--reset {
  color: #787772;
  border: 1px solid #787772;
  font-size: 15px;
  height: auto;
  padding: 14px 23px;
  line-height: 1.3;
}

.form-container__button-wrapper .form-container__button--reset:disabled {
  display: none;
}

.footer__wrapper-1 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  padding: 37px 0 22px 0;
}

.footer {
  background: linear-gradient(90.01deg, #E61F2B 7.26%, #E30613 39.31%, #CC0511 69.15%, #9F040D 99.99%);
}

.footer__logo {
  display: inline-flex;
  margin-left: -15px;
}
.footer__logo img {
  max-width: 100px;
}

.footer__wrapper-1 img {
  max-width: 100px;
}

.footer__social-media-icon__list-item {
  margin-left: 10px;
  width: 23px;
  height: 23px;
  text-decoration: none;
  display: inline-block;
}

.footer__social-media-icon__link {
  width: 100%;
  height: 100%;
  max-width: 21px;
}
.footer__social-media-icon__link img {
  max-width: 100%;
  height: auto;
}

.footer__social-media-icon__icon {
  display: inline-block;
  width: 100%;
}

.footer__wrapper-2 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

.footer__wrapper-3 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 15px 0;
}

.footer__contact-info {
  width: auto;
  margin-right: 40px;
  margin-bottom: 20px;
}

.footer__lang-info {
  width: auto;
  align-self: flex-end;
  padding: 15px 0 35px;
}

.footer__contact-info-text {
  color: #ffffff;
  font-family: "EinaRegular", serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
}
.footer__contact-info-text p {
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-family: "EinaRegular", serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
}
.footer__contact-info-text a {
  color: #ffffff;
  text-decoration: underline;
}

@media screen and (max-width: 720px) {
  .footer__wrapper-2,
  .footer__wrapper-3 {
    flex-direction: column;
  }
  .footer__lang-info {
    width: auto;
    align-self: flex-start;
    margin-bottom: 12px;
    padding: 0 0 25px 0;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
  }
  .footer__social-media-icon__list {
    margin-bottom: 0;
  }
  .footer__social-media-icon__list-item:first-of-type {
    margin-left: 0;
  }
}
@media screen and (max-width: 350px) {
  .footer__wrapper-1 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 15px 0;
  }
  .footer__social-media-icon__list-item {
    margin: 30px 15px 0 0;
    width: 23px;
    height: 23px;
    text-decoration: none;
    display: inline-block;
  }
}
.footer .hidden {
  display: none;
}

.footer .hidden + td {
  display: none;
}

.ButtonRow {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 36px;
}
@media (max-width: 580px) {
  .ButtonRow {
    margin-bottom: 36px;
  }
}
@media (max-width: 400px) {
  .ButtonRow {
    margin-bottom: 24px;
  }
}
.ButtonRow.space-between .ButtonRow--inner {
  justify-content: space-between;
}
.ButtonRow.reverse-order .ButtonRow--inner {
  flex-direction: row-reverse;
}

.ButtonRow--label {
  font-family: "EinaSemiBold", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #000000;
  display: block;
  flex: 1 1 auto;
}
.ButtonRow--label:empty {
  display: none;
}

.ButtonRow--inner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  flex: 1 1 auto;
  margin: -12px;
}
.ButtonRow--inner > * {
  margin: 12px;
}

.Headline {
  margin-top: 84px;
  color: #000000;
}
@media (max-width: 580px) {
  .Headline {
    margin-top: 72px;
  }
}
@media (max-width: 400px) {
  .Headline {
    margin-top: 60px;
  }
}
.Headline h1,
.Headline h2,
.Headline h3 {
  margin-bottom: 0.75em;
}
.Headline h1 {
  font-family: "EinaSemiBold", sans-serif;
  font-size: 48px;
  line-height: 1.2;
  margin-bottom: 0.5em;
}
.Headline h2 {
  font-family: "EinaSemiBold", sans-serif;
  font-size: 24px;
  line-height: 1.4;
}
.Headline h3 {
  font-family: "EinaSemiBold", sans-serif;
  font-size: 18px;
  line-height: 1.4;
}
.Headline p,
.Headline span {
  line-height: 1.2;
}
.Headline strong,
.Headline b {
  font-family: "EinaSemiBold", sans-serif;
}

.HighlightBox {
  margin-bottom: 60px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  background-color: #ECEBF4;
  border-radius: 8px;
}
@media (max-width: 580px) {
  .HighlightBox {
    margin-bottom: 48px;
  }
}
@media (max-width: 400px) {
  .HighlightBox {
    margin-bottom: 36px;
  }
}
.HighlightBox[class*=icon-]:after {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  margin: 24px 24px 24px 0;
  flex: 0 0 auto;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto;
}
@media (max-width: 400px) {
  .HighlightBox[class*=icon-]:after {
    margin: 18px 18px 18px 0;
  }
}
.HighlightBox.icon-contact:after {
  background-image: url(../static/contact-1051391310.svg);
}
.HighlightBox.icon-info:after {
  background-image: url(../static/info-16248405961.svg);
}
.HighlightBox.bg-gray {
  background-color: #F7F7F7;
}
.HighlightBox + .HighlightBox {
  margin-top: -48px;
}
@media (max-width: 580px) {
  .HighlightBox + .HighlightBox {
    margin-top: -36px;
  }
}
@media (max-width: 400px) {
  .HighlightBox + .HighlightBox {
    margin-top: -24px;
  }
}

.HighlightBox--inner {
  color: #616161;
  flex: 1 1 auto;
  padding: 24px;
}
@media (max-width: 400px) {
  .HighlightBox--inner {
    padding: 18px;
  }
}
.HighlightBox--inner > *:first-child {
  margin-top: 0;
}
.HighlightBox--inner > *:last-child {
  margin-bottom: 0;
}
.HighlightBox--inner .Richtext a {
  color: #433894;
}
.HighlightBox--inner .Richtext a:focus, .HighlightBox--inner .Richtext a:hover {
  text-decoration: underline;
  color: rgb(50.25, 42, 111);
}

.Image {
  margin-bottom: 24px;
}

@media (min-width: 751px) {
  .Image--img.mobile {
    display: none;
  }
}
@media (max-width: 750px) {
  .Image--img.desktop {
    display: none;
  }
}

.Image--caption {
  color: #616161;
  font-size: 14px;
  line-height: 1.6;
}
.Image--caption:empty {
  display: none;
}

.Link {
  color: #E30613;
  min-height: auto;
}
.Link:focus, .Link:hover {
  text-decoration: underline;
  color: rgb(177.313304721, 4.686695279, 14.8412017167);
}
.Link.arrow-left {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding-left: 1em;
}
.Link.arrow-left:before {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-flex;
  width: 0.5em;
  height: 0.5em;
  margin-top: -0.25em;
  border-top: 1px solid #E30613;
  border-left: 1px solid #E30613;
}
.Link.arrow-left:before {
  left: 0;
}
.Link.arrow-left:before {
  transform: translateX(0.25em) rotate(-45deg);
}
.Link.arrow-right {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding-left: 1em;
}
.Link.arrow-right:before {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-flex;
  width: 0.5em;
  height: 0.5em;
  margin-top: -0.25em;
  border-top: 1px solid #E30613;
  border-left: 1px solid #E30613;
}
.Link.arrow-right:before {
  left: 0;
}
.Link.arrow-right:before {
  transform: translateX(-0.25em) rotate(135deg);
}
.Link.secondary {
  color: #000000;
}
.Link.secondary:focus, .Link.secondary:hover {
  text-decoration: underline;
  color: rgb(76.5, 76.5, 76.5);
}
.Link.violett {
  color: #433894;
}
.Link.violett:focus, .Link.violett:hover {
  text-decoration: underline;
  color: rgb(50.25, 42, 111);
}
.Link.button {
  position: relative;
  display: block;
  padding: 18px 24px;
  color: #000000;
  border: 1px solid #E30613;
  border-radius: 40px;
}
.Link.button:focus, .Link.button:hover {
  color: #E30613;
  text-decoration: none;
  box-shadow: 0 0 0 1px rgb(177.313304721, 4.686695279, 14.8412017167);
  border: 1px solid rgb(177.313304721, 4.686695279, 14.8412017167);
}
.Link.button {
  background-color: #E30613;
  color: #FFFFFF;
  transition: 0.2s;
}
.Link.button:focus, .Link.button:hover {
  color: #FFFFFF;
  box-shadow: inset 0 0 0 2em rgb(177.313304721, 4.686695279, 14.8412017167);
  border: 1px solid rgb(177.313304721, 4.686695279, 14.8412017167);
}
.Link.button-border {
  position: relative;
  display: block;
  padding: 18px 24px;
  color: #000000;
  border: 1px solid #E30613;
  border-radius: 40px;
}
.Link.button-border:focus, .Link.button-border:hover {
  color: #E30613;
  text-decoration: none;
  box-shadow: 0 0 0 1px rgb(177.313304721, 4.686695279, 14.8412017167);
  border: 1px solid rgb(177.313304721, 4.686695279, 14.8412017167);
}
.Link.button-border {
  color: #E30613;
}
.Link.button-border:focus, .Link.button-border:hover {
  color: rgb(177.313304721, 4.686695279, 14.8412017167);
}

.Richtext {
  margin-bottom: 24px;
}
.Richtext h1,
.Richtext h2,
.Richtext h3 {
  margin-bottom: 24px;
}
@media (max-width: 750px) {
  .Richtext h1,
  .Richtext h2,
  .Richtext h3 {
    margin-bottom: 12px;
  }
}
.Richtext h1 {
  font-family: "EinaSemiBold", sans-serif;
  font-size: 48px;
  line-height: 1.2;
}
.Richtext h2 {
  font-family: "EinaSemiBold", sans-serif;
  font-size: 24px;
  line-height: 1.4;
}
.Richtext h3 {
  font-family: "EinaSemiBold", sans-serif;
  font-size: 18px;
  line-height: 1.4;
}
.Richtext a {
  color: #E30613;
}
.Richtext a:focus, .Richtext a:hover {
  text-decoration: underline;
  color: rgb(177.313304721, 4.686695279, 14.8412017167);
}
.Richtext p > a.standalone {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding-left: 1em;
  margin-bottom: 1em;
}
.Richtext p > a.standalone:before {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-flex;
  width: 0.5em;
  height: 0.5em;
  margin-top: -0.25em;
  border-top: 1px solid #E30613;
  border-left: 1px solid #E30613;
}
.Richtext p > a.standalone:before {
  left: 0;
}
.Richtext p > a.standalone:before {
  transform: translateX(-0.25em) rotate(135deg);
}
.Richtext p > a.standalone:before {
  border-top: 1px solid #433894;
  border-left: 1px solid #433894;
}
.Richtext strong,
.Richtext b {
  font-family: "EinaSemiBold", sans-serif;
}
.Richtext p + p {
  margin-top: 0.75em;
}
.Richtext ol:not([class]),
.Richtext ul:not([class]) {
  display: block;
  margin-top: 1ex;
  margin-bottom: 1em;
}
.Richtext ol:not([class]) li,
.Richtext ul:not([class]) li {
  position: relative;
  padding-left: 4ex;
  list-style-type: none;
  margin-bottom: 1ex;
}
.Richtext ol:not([class]) li:before,
.Richtext ul:not([class]) li:before {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 1.5ex;
  content: "––";
  overflow: hidden;
}
.Richtext ol:not([class]) {
  counter-reset: ol--counter;
}
.Richtext ol:not([class]) li {
  list-style-type: none;
}
.Richtext ol:not([class]) li:before {
  counter-increment: ol--counter;
  content: counter(ol--counter) ".";
  text-align: right;
}
.Richtext.lead p {
  font-size: 24px;
  line-height: 1.4;
  color: #616161;
  margin-bottom: 84px;
}
@media (max-width: 580px) {
  .Richtext.lead p {
    margin-bottom: 72px;
  }
}
@media (max-width: 400px) {
  .Richtext.lead p {
    margin-bottom: 60px;
  }
}
@media (max-width: 750px) {
  .Richtext.lead p {
    font-size: 12px;
    line-height: 19.2px;
  }
}

.Table {
  margin-bottom: 24px;
  color: #616161;
  width: 100%;
}
.Table table {
  width: 100%;
}
.Table th,
.Table td {
  padding: 3px 0;
  width: 50%;
}
.Table th {
  font-family: "EinaSemiBold", sans-serif;
}
.Table table.no-th tr td:first-child {
  font-family: "EinaSemiBold", sans-serif;
}

.Form {
  margin-bottom: 84px;
}
@media (max-width: 580px) {
  .Form {
    margin-bottom: 72px;
  }
}
@media (max-width: 400px) {
  .Form {
    margin-bottom: 60px;
  }
}
.Form:not(:valid) .Form--submit {
  opacity: 0.33;
}
.Form .Form--actions {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 60px 0;
}
.Form .Form--buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: -12px;
}
.Form .Form--buttons > a {
  display: inline-block;
  margin: 12px;
}
.Form .Form--submit {
  position: relative;
  display: block;
  padding: 18px 24px;
  color: #000000;
  border: 1px solid #E30613;
  border-radius: 40px;
}
.Form .Form--submit:focus, .Form .Form--submit:hover {
  color: #E30613;
  text-decoration: none;
  box-shadow: 0 0 0 1px rgb(177.313304721, 4.686695279, 14.8412017167);
  border: 1px solid rgb(177.313304721, 4.686695279, 14.8412017167);
}
.Form .Form--submit {
  background-color: #E30613;
  color: #FFFFFF;
  transition: 0.2s;
}
.Form .Form--submit:focus, .Form .Form--submit:hover {
  color: #FFFFFF;
  box-shadow: inset 0 0 0 2em rgb(177.313304721, 4.686695279, 14.8412017167);
  border: 1px solid rgb(177.313304721, 4.686695279, 14.8412017167);
}

.Form--inner.Form--inner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: -9px;
}
@media (max-width: 750px) {
  .Form--inner.Form--inner {
    margin: -6px;
  }
}
.Form--inner.Form--inner > * {
  padding: 9px;
}
@media (max-width: 750px) {
  .Form--inner.Form--inner > * {
    padding: 6px;
    padding: 6px;
  }
}
.Form--inner.Form--inner > * {
  display: inline-flex;
  width: 100%;
  flex: 0 0 auto;
}
.Form--inner.Form--inner > [class*=Width-] {
  display: inline-flex;
}
.Form--inner.Form--inner > *:first-child {
  margin-top: 0;
}
.Form--inner.Form--inner > *:last-child {
  margin-bottom: 0;
}

.Form--validation--item:not(:empty) {
  margin-bottom: 1.5em;
}

.FormCheckbox {
  position: relative;
  margin-bottom: 12px;
}
@media (max-width: 400px) {
  .FormCheckbox {
    margin-bottom: 6px;
  }
}
.FormCheckbox > input {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  opacity: 0;
}
.FormCheckbox > label {
  position: relative;
  display: block;
  padding-left: 36px;
  line-height: 24px;
  cursor: pointer;
}
@media (max-width: 750px) {
  .FormCheckbox > label {
    padding-left: 36px;
    font-size: 14px;
  }
}
.FormCheckbox > label:before,
.FormCheckbox > label:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  border: 1px solid #D2D2D2;
  background: white;
  transition: all 0.1s;
}
.FormCheckbox > input:focus + label:before,
.FormCheckbox > label:focus:before {
  border-color: #000000;
}
.FormCheckbox > input:disabled + label {
  opacity: 0.33;
}
.FormCheckbox > input:not(:checked) + label:after {
  visibility: hidden;
  border-color: transparent;
}
.FormCheckbox > input:checked + label:before,
.FormCheckbox > input:checked + label:after {
  transition: all 0.1s ease 0s;
  border-color: #000000;
}
.FormCheckbox > input:checked + label:after {
  transition: all 0.1s ease 0.1s;
}
.FormCheckbox > input.invalid + label {
  color: #E30613;
}
.FormCheckbox > input.invalid + label:before, .FormCheckbox > input.invalid + label:after {
  border-color: #E30613;
}
.FormCheckbox input[type=checkbox] + label:before {
  border-radius: 8px;
}
.FormCheckbox input[type=checkbox] + label:after {
  width: 14px;
  height: 7px;
  margin: 7px 5px;
  background: transparent;
  border: 2px solid #000000;
  border-width: 0 0 2px 2px;
  transform: rotate(-45deg);
}

.FormFieldset {
  display: block;
  margin-bottom: 60px;
}
@media (max-width: 580px) {
  .FormFieldset {
    margin-bottom: 48px;
  }
}
@media (max-width: 400px) {
  .FormFieldset {
    margin-bottom: 36px;
  }
}
.FormFieldset.small-title {
  margin-bottom: 24px;
}
.FormFieldset.small-title .FormFieldset--legend {
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 1.6;
  font-family: "EinaSemiBold", sans-serif;
}

.FormFieldset--inner {
  width: 100%;
}

.FormFieldset--legend {
  font-family: "EinaSemiBold", sans-serif;
  font-size: 24px;
  display: block;
  margin-bottom: 18px;
}

.FormFieldset--content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: -9px;
}
@media (max-width: 750px) {
  .FormFieldset--content {
    margin: -6px;
  }
}
.FormFieldset--content > * {
  padding: 9px;
}
@media (max-width: 750px) {
  .FormFieldset--content > * {
    padding: 6px;
    padding: 6px;
  }
}
.FormFieldset--content > * {
  display: inline-flex;
  width: 100%;
  flex: 0 0 auto;
}
.FormFieldset--content > [class*=Width-] {
  display: inline-flex;
}

.FormInput {
  display: block;
}

.FormInput--Input {
  position: relative;
  display: block;
  width: 100%;
}
.FormInput--Input > input {
  font-family: "EinaSemiBold", sans-serif;
  display: block;
  width: 100%;
  padding: 35px 24px 12px;
  font-size: 16px;
  line-height: 1.4;
  background: transparent;
  border: 0;
  outline: 0;
  border: 1px solid #D2D2D2;
  border-radius: 8px;
}
@media (max-width: 750px) {
  .FormInput--Input > input {
    font-size: 14px;
    padding: 33px 18px 10px;
  }
}
.FormInput--Input > input.invalid {
  border-color: #E30613;
  color: #E30613;
}
.FormInput--Input > input:focus {
  border-color: #000000;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05);
}
.FormInput--Input > input[placeholder=" "]:not(:focus):placeholder-shown + label {
  font-size: 16px;
  top: 24px;
}
@media (max-width: 750px) {
  .FormInput--Input > input[placeholder=" "]:not(:focus):placeholder-shown + label {
    font-size: 14px;
  }
}
.FormInput--Input > label {
  color: #616161;
  font-size: 12px;
  line-height: 1.6;
  position: absolute;
  top: 14px;
  left: 24px;
  transition: all 0.3s ease;
}
@media (max-width: 750px) {
  .FormInput--Input > label {
    left: 18px;
  }
}

.FormInput--Hint {
  color: #616161;
}
.FormInput--Hint:not(:empty) {
  margin-top: 1em;
}

.FormRadiogroup {
  display: block;
}
.FormRadiogroup.boxed .FormRadio > label {
  font-family: "EinaSemiBold", sans-serif;
  padding: 24px;
  box-shadow: 0 0 0 1px #D2D2D2;
  border-radius: 8px;
}
.FormRadiogroup.boxed .FormRadio > label:before, .FormRadiogroup.boxed .FormRadio > label:after {
  display: none;
}
.FormRadiogroup.boxed .FormRadio > label:hover,
.FormRadiogroup.boxed .FormRadio > label:focus,
.FormRadiogroup.boxed .FormRadio > input:focus + label,
.FormRadiogroup.boxed .FormRadio > input:hover + label,
.FormRadiogroup.boxed .FormRadio > input:checked + label {
  box-shadow: 0 0 0 1px #000000;
}
.FormRadiogroup.boxed .FormRadio > input:checked + label {
  box-shadow: 0 0 0 2px #000000;
}
.FormRadiogroup.inline .FormRadiogroup--Input {
  margin: -9px;
}
.FormRadiogroup.inline .FormRadio {
  display: inline-block;
  margin: 9px;
}

.FormRadiogroup--Input {
  width: 100%;
}

.FormRadio {
  position: relative;
  margin-bottom: 12px;
}
@media (max-width: 400px) {
  .FormRadio {
    margin-bottom: 6px;
  }
}
.FormRadio > input {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  opacity: 0;
}
.FormRadio > label {
  position: relative;
  display: block;
  padding-left: 36px;
  line-height: 24px;
  cursor: pointer;
}
@media (max-width: 750px) {
  .FormRadio > label {
    padding-left: 36px;
    font-size: 14px;
  }
}
.FormRadio > label:before,
.FormRadio > label:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  border: 1px solid #D2D2D2;
  background: white;
  transition: all 0.1s;
}
.FormRadio > input:focus + label:before,
.FormRadio > label:focus:before {
  border-color: #000000;
}
.FormRadio > input:disabled + label {
  opacity: 0.33;
}
.FormRadio > input:not(:checked) + label:after {
  visibility: hidden;
  border-color: transparent;
}
.FormRadio > input:checked + label:before,
.FormRadio > input:checked + label:after {
  transition: all 0.1s ease 0s;
  border-color: #000000;
}
.FormRadio > input:checked + label:after {
  transition: all 0.1s ease 0.1s;
}
.FormRadio > input.invalid + label {
  color: #E30613;
}
.FormRadio > input.invalid + label:before, .FormRadio > input.invalid + label:after {
  border-color: #E30613;
}
.FormRadio input[type=radio] + label:before, .FormRadio input[type=radio] + label:after {
  border-radius: 100%;
}
.FormRadio input[type=radio] + label:after {
  width: 8px;
  height: 8px;
  margin: 8px;
  background: #000000;
}

.FormSelect {
  display: block;
}

.FormSelect--Input {
  position: relative;
  display: block;
  width: 100%;
}
.FormSelect--Input > select {
  font-family: "EinaSemiBold", sans-serif;
  display: block;
  width: 100%;
  padding: 35px 24px 12px;
  font-size: 16px;
  line-height: 1.4;
  background: transparent;
  border: 0;
  outline: 0;
  border: 1px solid #D2D2D2;
  border-radius: 8px;
}
@media (max-width: 750px) {
  .FormSelect--Input > select {
    font-size: 14px;
    padding: 33px 18px 10px;
  }
}
.FormSelect--Input > select.invalid {
  border-color: #E30613;
  color: #E30613;
}
.FormSelect--Input > select:focus {
  border-color: #000000;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05);
}
.FormSelect--Input > label {
  color: #616161;
  font-size: 12px;
  line-height: 1.6;
  position: absolute;
  top: 14px;
  left: 24px;
  transition: all 0.3s ease;
}
@media (max-width: 750px) {
  .FormSelect--Input > label {
    left: 18px;
  }
}
.FormSelect--Input > select {
  appearance: none;
  padding-right: 40px;
  background-image: url(../static/select-2116332986.svg);
  background-repeat: no-repeat;
  background-position: right 20px center;
}
.FormSelect--Input > select:focus + label, .FormSelect--Input > select:not(:placeholder-shown) + label {
  font-size: 12px;
  line-height: 1.6;
  top: 14px;
}

.FormTextarea {
  display: block;
}

.FormTextarea--Input {
  position: relative;
  display: block;
  width: 100%;
}
.FormTextarea--Input > textarea {
  font-family: "EinaSemiBold", sans-serif;
  display: block;
  width: 100%;
  padding: 35px 24px 12px;
  font-size: 16px;
  line-height: 1.4;
  background: transparent;
  border: 0;
  outline: 0;
  border: 1px solid #D2D2D2;
  border-radius: 8px;
}
@media (max-width: 750px) {
  .FormTextarea--Input > textarea {
    font-size: 14px;
    padding: 33px 18px 10px;
  }
}
.FormTextarea--Input > textarea.invalid {
  border-color: #E30613;
  color: #E30613;
}
.FormTextarea--Input > textarea:focus {
  border-color: #000000;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05);
}
.FormTextarea--Input > textarea[placeholder=" "]:not(:focus):placeholder-shown + label {
  font-size: 16px;
  top: 24px;
}
@media (max-width: 750px) {
  .FormTextarea--Input > textarea[placeholder=" "]:not(:focus):placeholder-shown + label {
    font-size: 14px;
  }
}
.FormTextarea--Input > label {
  color: #616161;
  font-size: 12px;
  line-height: 1.6;
  position: absolute;
  top: 14px;
  left: 24px;
  transition: all 0.3s ease;
}
@media (max-width: 750px) {
  .FormTextarea--Input > label {
    left: 18px;
  }
}

.Header {
  position: relative;
}
html:not([lang^=fr]):not([lang^=it]):not([lang^=en]) .Header:not(.is-de):not(.is-fr):not(.is-it) .show-de {
  display: block !important;
}
html:not([lang^=fr]):not([lang^=it]):not([lang^=en]) .Header:not(.is-de):not(.is-fr):not(.is-it) .LanguageSelect--link.is-de {
  color: #000000;
  pointer-events: none;
}
html[lang^=en] .Header:not(.is-de):not(.is-fr):not(.is-it) .show-en {
  display: block !important;
}
html[lang^=en] .Header:not(.is-de):not(.is-fr):not(.is-it) .LanguageSelect--link.is-en {
  color: #000000;
  pointer-events: none;
}
html[lang^=fr] .Header:not(.is-de):not(.is-fr):not(.is-it) .show-fr {
  display: block !important;
}
html[lang^=fr] .Header:not(.is-de):not(.is-fr):not(.is-it) .LanguageSelect--link.is-fr {
  color: #000000;
  pointer-events: none;
}
html[lang^=it] .Header:not(.is-de):not(.is-fr):not(.is-it) .show-it {
  display: block !important;
}
html[lang^=it] .Header:not(.is-de):not(.is-fr):not(.is-it) .LanguageSelect--link.is-it {
  color: #000000;
  pointer-events: none;
}
.Header.is-de .show-de {
  display: block !important;
}
.Header.is-de .LanguageSelect--link.is-de {
  color: #000000;
  pointer-events: none;
}
.Header.is-en .show-en {
  display: block !important;
}
.Header.is-en .LanguageSelect--link.is-en {
  color: #000000;
  pointer-events: none;
}
.Header.is-fr .show-fr {
  display: block !important;
}
.Header.is-fr .LanguageSelect--link.is-fr {
  color: #000000;
  pointer-events: none;
}
.Header.is-it .show-it {
  display: block !important;
}
.Header.is-it .LanguageSelect--link.is-it {
  color: #000000;
  pointer-events: none;
}
.Header.no-link .BrandLogo--link {
  display: none;
}

.Header--main {
  position: relative;
  max-width: 1440px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  padding: 30px 40px;
  color: #616161;
}
@media (max-width: 750px) {
  .Header--main {
    padding: 30px 20px;
  }
}

.Header--inner {
  flex: 1 0 auto;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}

.Header--logo .BrandLogo--logo {
  width: 120px;
}

.BrandLogo {
  position: relative;
}

.BrandLogo--link {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.LanguageSelect li {
  display: inline-block;
}
.LanguageSelect li + li .LanguageSelect--link:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: inline-block;
  width: 1px;
  background-color: #CFCFCF;
}
.LanguageSelect .LanguageSelect--link {
  position: relative;
  display: inline-block;
  padding: 0 8px;
  color: #616161;
}
.LanguageSelect .LanguageSelect--link:focus, .LanguageSelect .LanguageSelect--link:hover {
  text-decoration: underline;
  color: #000000;
}
.LanguageSelect .LanguageSelect--link.active {
  color: #000000;
  pointer-events: none;
}
.LanguageSelect.hide-en .LanguageSelect--link.is-en {
  display: none;
}

.Accordion {
  display: block;
}
.Accordion.inline > .Accordion--inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr auto;
  gap: 12px 12px;
}
.Accordion.inline > .Accordion--inner .AccordionItem {
  /* autoprefixer: ignore next */
  display: contents;
}
.Accordion.inline > .Accordion--inner .AccordionItem input {
  position: relative;
}
.Accordion.inline > .Accordion--inner .AccordionItem:first-child input,
.Accordion.inline > .Accordion--inner .AccordionItem:first-child .AccordionItem--button {
  grid-area: 1/1/2/2;
}
.Accordion.inline > .Accordion--inner .AccordionItem:last-child input,
.Accordion.inline > .Accordion--inner .AccordionItem:last-child .AccordionItem--button {
  grid-area: 1/2/2/3;
}
.Accordion.inline > .Accordion--inner .AccordionItem .AccordionItem--container {
  grid-area: 2/1/3/3;
}

.AccordionItem {
  position: relative;
  margin: 6px;
}
.AccordionItem input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.AccordionItem--button {
  display: block;
  padding: 24px;
  border: 1px solid #D2D2D2;
  border-radius: 8px;
  cursor: pointer;
  overflow: hidden;
}
@media (max-width: 400px) {
  .AccordionItem--button {
    padding: 18px;
  }
}
.AccordionItem--button:hover, .AccordionItem--button:focus, input:focus + .AccordionItem--button, input:hover + .AccordionItem--button, input:checked + .AccordionItem--button {
  border: 2px solid #000000;
}
input:checked + .AccordionItem--button {
  border: 2px solid #000000;
}

.AccordionItem--button--text {
  font-family: "EinaSemiBold", sans-serif;
}

.AccordionItem--button--description {
  color: #616161;
  display: block;
  margin-top: 24px;
}
@media (max-width: 400px) {
  .AccordionItem--button--description {
    margin-top: 18px;
  }
}
.AccordionItem--button--description:empty {
  display: none;
}

@media screen and (max-width: 650px) {
  .AccordionItem--button--text {
    font-size: 12px;
  }
  .AccordionItem--button--description {
    font-size: 12px;
  }
  .AccordionItem--button {
    font-size: 12px;
  }
  .AccordionItem--container p,
  .AccordionItem--container a {
    font-size: 12px;
  }
}
.AccordionItem--button--description:empty {
  display: none;
}

.AccordionItem--container {
  padding: 2em 0;
  transition: all 0.2s ease-in-out 0.05s;
}
input:not(:checked) ~ .AccordionItem--container {
  height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-8px);
  transition: all 0.05s ease-in-out;
}
.AccordionItem--container > *:first-child {
  margin-top: 0;
}
.AccordionItem--container > *:last-child {
  margin-bottom: 0;
}

html.bsi-ce-edit-mode .Accordion--inner {
  display: block !important;
  border-left: 3px solid #1483a4 !important;
  padding-left: 10px;
}
html.bsi-ce-edit-mode .AccordionItem {
  display: block !important;
}
html.bsi-ce-edit-mode .AccordionItem--container {
  display: block;
  padding: 20px 0 20px 20px;
  height: auto;
  overflow: visible;
  visibility: visible;
  opacity: 1;
  transform: none;
}

.angebot {
  width: 100%;
  margin-bottom: 30px;
}
.angebot .angebot__inner {
  position: relative;
  width: 100%;
  max-width: 920px;
  margin: 35px auto 0 auto;
  padding: 0 40px;
  z-index: 1;
}
.angebot .angebot_main {
  padding: 30px 55px;
  border-radius: 10px;
  position: relative;
}
.angebot .angebot--inner {
  margin-top: 35px;
  position: relative;
}
.angebot .angebot-title {
  color: var(--Visana-Violet, #413A8F);
  font-family: "EinaSemiBold", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.9px;
  padding-right: 90px;
}
.angebot .angebot-subtitle {
  color: #565454;
  font-family: "EinaRegular", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.6px;
  padding-right: 90px;
}
.angebot .angebot-badge {
  background: #e30613;
  border-radius: 100%;
  z-index: 1;
  position: absolute;
  width: 113px;
  height: 113px;
  right: 15px;
  top: -92px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  transform: rotate(-8deg);
  font-family: "EinaBold", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}
.angebot .angebot-badge:empty {
  display: none;
  opacity: 0;
}
.angebot.blue_bg_color .angebot_main {
  background-color: #ECEBF3;
}
.angebot.light_coral_bg_color .angebot_main {
  background-color: #FFEEE8;
}
.angebot.light_yellow_bg_color .angebot_main {
  background-color: #FFF7E9;
}
@media screen and (max-width: 991px) {
  .angebot .angebot-badge {
    width: 73px;
    height: 73px;
    right: 15px;
    top: -50px;
    font-size: 24px;
  }
}
@media screen and (max-width: 650px) {
  .angebot .angebot__inner {
    padding: 0 24px;
  }
  .angebot .angebot_main {
    padding: 30px 35px;
  }
}

.angebotItem {
  background: #ffffff;
  border-radius: 12px;
  border-left: 1px solid #D9D9D9 !important;
  border-bottom: 1px solid #D9D9D9 !important;
  border-right: 1px solid #D9D9D9 !important;
  padding: 16px 30px;
  margin-bottom: 30px;
}
.angebotItem[data-bsi-element] {
  border-radius: 12px;
  border-left: 1px solid #D9D9D9 !important;
  border-bottom: 1px solid #D9D9D9 !important;
  border-right: 1px solid #D9D9D9 !important;
}
.angebotItem:last-child {
  margin-bottom: 0 !important;
}
.angebotItem .cards-2spaltig__card:nth-child(2) {
  text-align: right;
}
.angebotItem.border-top--dark_purple {
  border-top: 0px solid #433894 !important;
  position: relative;
}
.angebotItem.border-top--dark_purple:before {
  content: "";
  background: #433894;
  height: 7px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.angebotItem.border-top--purple {
  border-top: 0px solid #776BCD !important;
  position: relative;
}
.angebotItem.border-top--purple:before {
  content: "";
  background: #776BCD;
  height: 7px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.angebotItem.border-top--red {
  border-top: 0px solid #E30613 !important;
  position: relative;
}
.angebotItem.border-top--red:before {
  content: "";
  background: #E30613;
  height: 7px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.angebotItem.border-top--coral {
  border-top: 0px solid #FF541E !important;
  position: relative;
}
.angebotItem.border-top--coral:before {
  content: "";
  background: #FF541E;
  height: 7px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.angebotItem.border-top--senf {
  border-top: 0px solid #FFB122 !important;
  position: relative;
}
.angebotItem.border-top--senf:before {
  content: "";
  background: #FFB122;
  height: 7px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.angebotItem.border-top--dark_gray {
  border-top: 0px solid #565454 !important;
  position: relative;
}
.angebotItem.border-top--dark_gray:before {
  content: "";
  background: #565454;
  height: 7px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.angebotItem.border-top--light_gray {
  border-top: 0px solid #D2D2D2 !important;
  position: relative;
}
.angebotItem.border-top--light_gray:before {
  content: "";
  background: #D2D2D2;
  height: 7px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.angebotItem .angebot-item-supratitle {
  padding-bottom: 7px;
  padding-top: 7px;
}
.angebotItem .angebot-item-supratitle:empty {
  display: none;
  opacity: 0;
}
.angebotItem .angebot-item-supratitle,
.angebotItem .angebot-month-amount {
  color: #565454;
  font-family: "EinaRegular", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.6px;
}
.angebotItem .angebot-item-supratitle {
  font-size: 16px;
}
.angebotItem .angebot-item-title {
  color: #565454;
  font-family: "EinaRegular", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.9px;
}
.angebotItem .angebot-amount {
  color: #565454;
  text-align: center;
  font-family: "EinaRegular", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  padding-left: 20px;
}
.angebotItem .angebot-month-amount {
  padding-bottom: 0px;
}
.angebotItem .angebot-month-amount,
.angebotItem .angebot-amount {
  display: inline-block;
  vertical-align: bottom;
  line-height: normal;
}
.angebotItem.normal-title-font-weight .angebot-item-title {
  font-weight: normal !important;
}
.angebotItem.normal-amount-font-weight .angebot-amount {
  font-weight: normal !important;
}
.angebotItem.bold-title-font-weight .angebot-item-title {
  font-weight: bold !important;
  font-family: "EinaBold";
}
.angebotItem.bold-amount-font-weight .angebot-amount {
  font-weight: bold !important;
  font-family: "EinaBold";
}
.angebotItem.light_gray_amount_text .angebot-amount {
  color: #565454;
}
.angebotItem.dark_amount_text .angebot-amount {
  color: #000000;
}
.angebotItem.red_amount_text .angebot-amount {
  color: #E30613;
}
.angebotItem.light_gray_amount_monat_text .angebot-month-amount {
  color: #565454;
}
.angebotItem.dark_amount_monat_text .angebot-month-amount {
  color: #000000;
}
.angebotItem.red_amount_monat_text .angebot-month-amount {
  color: #E30613;
}
.angebotItem.light_gray_small_title_text .angebot-item-supratitle {
  color: #565454;
}
.angebotItem.dark_small_title_text .angebot-item-supratitle {
  color: #000000;
}
.angebotItem.red_small_title_text .angebot-item-supratitle {
  color: #E30613;
}
.angebotItem.light_gray_title_text .angebot-item-title {
  color: #565454;
}
.angebotItem.dark_title_text .angebot-item-title {
  color: #000000;
}
.angebotItem.red_title_text_color .angebot-item-title {
  color: #E30613;
}
@media screen and (max-width: 650px) {
  .angebotItem .cards-2spaltig__cards-wrapper {
    grid-template-columns: 1fr;
    grid-column-gap: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .angebotItem .cards-2spaltig__card {
    border: 0px solid transparent;
    border-radius: 0px;
  }
}

.OneFieldForm {
  margin-bottom: 84px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 580px) {
  .OneFieldForm {
    margin-bottom: 72px;
  }
}
@media (max-width: 400px) {
  .OneFieldForm {
    margin-bottom: 60px;
  }
}
.OneFieldForm .OneFieldForm--validation,
.OneFieldForm .OneFieldForm--inner,
.OneFieldForm .OneFieldForm--actions {
  flex: 1 1 auto;
}
.OneFieldForm .OneFieldForm--validation {
  width: 100%;
}
.OneFieldForm .OneFieldForm--actions {
  flex: 0 1 auto;
}
.OneFieldForm .OneFieldForm--submit {
  position: relative;
  margin-left: 12px;
}
.OneFieldForm .OneFieldForm--submit .OneFieldForm--submit--inner {
  position: relative;
  display: inline-flex;
  align-items: center;
  position: relative;
  font-size: 0;
  width: 56px;
  height: 56px;
  border-radius: 100%;
}
.OneFieldForm .OneFieldForm--submit .OneFieldForm--submit--inner:before {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-flex;
  width: 0.5em;
  height: 0.5em;
  margin-top: -0.25em;
  border-top: 1px solid #E30613;
  border-left: 1px solid #E30613;
}
.OneFieldForm .OneFieldForm--submit .OneFieldForm--submit--inner:before {
  left: 50%;
}
.OneFieldForm .OneFieldForm--submit .OneFieldForm--submit--inner:before {
  transform: translateX(-0.35em) rotate(135deg);
}
.OneFieldForm .OneFieldForm--submit .OneFieldForm--submit--inner:before {
  font-size: 22px;
  left: 50%;
}
.OneFieldForm .OneFieldForm--submit input[type=submit] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  z-index: 1;
}
.OneFieldForm .OneFieldForm--submit input[type=submit] + .OneFieldForm--submit--inner {
  position: relative;
  display: block;
  padding: 18px 24px;
  color: #000000;
  border: 1px solid #E30613;
  border-radius: 40px;
}
.OneFieldForm .OneFieldForm--submit input[type=submit]:focus + .OneFieldForm--submit--inner, .OneFieldForm .OneFieldForm--submit input[type=submit]:hover + .OneFieldForm--submit--inner {
  color: #E30613;
  text-decoration: none;
  box-shadow: 0 0 0 1px rgb(177.313304721, 4.686695279, 14.8412017167);
  border: 1px solid rgb(177.313304721, 4.686695279, 14.8412017167);
}
.OneFieldForm .OneFieldForm--submit input[type=submit] + .OneFieldForm--submit--inner {
  color: #E30613;
}
.OneFieldForm .OneFieldForm--submit input[type=submit]:focus + .OneFieldForm--submit--inner, .OneFieldForm .OneFieldForm--submit input[type=submit]:hover + .OneFieldForm--submit--inner {
  color: rgb(177.313304721, 4.686695279, 14.8412017167);
}
.OneFieldForm.oninvalid .OneFieldForm--submit {
  opacity: 0.33;
}
.OneFieldForm.oninvalid.invalid .OneFieldForm--submit {
  opacity: 1;
}
.OneFieldForm.onchange .OneFieldForm--submit {
  opacity: 0.33;
}
.OneFieldForm.onchange.changed .OneFieldForm--submit {
  opacity: 1;
}

.OneFieldForm--inner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: -9px;
}
@media (max-width: 750px) {
  .OneFieldForm--inner {
    margin: -6px;
  }
}
.OneFieldForm--inner > * {
  padding: 9px;
}
@media (max-width: 750px) {
  .OneFieldForm--inner > * {
    padding: 6px;
    padding: 6px;
  }
}
.OneFieldForm--inner > * {
  display: inline-flex;
  width: 100%;
  flex: 0 0 auto;
}
.OneFieldForm--inner > [class*=Width-] {
  display: inline-flex;
}
.OneFieldForm--inner > *:first-child {
  margin-top: 0;
}
.OneFieldForm--inner > *:last-child {
  margin-bottom: 0;
}

.OneFieldForm--validation--item {
  color: #E30613;
}
.OneFieldForm--validation--item:not(:empty) {
  margin-bottom: 1.5em;
}

.TimeslotSelect {
  margin-bottom: 48px;
}

.TimeslotSelect--inner {
  width: 100%;
}

.TimeslotSelect--Header {
  display: grid;
  grid-template-columns: 1fr auto auto 1fr;
  grid-template-rows: 1fr;
  gap: 6px 24px;
  margin-bottom: 24px;
  font-size: 16px;
  /* autoprefixer: ignore next */
  align-items: baseline;
}
.TimeslotSelect--Header .TimeslotSelect--Header--center {
  grid-area: 1/2/2/4;
}
.TimeslotSelect--Header .TimeslotSelect--Header--left {
  grid-area: 1/1/2/2;
}
.TimeslotSelect--Header .TimeslotSelect--Header--right {
  grid-area: 1/4/2/5;
}
@media (max-width: 400px) {
  .TimeslotSelect--Header .TimeslotSelect--Header--left {
    grid-area: 2/1/3/3;
  }
  .TimeslotSelect--Header .TimeslotSelect--Header--right {
    grid-area: 2/3/3/5;
  }
}

.TimeslotSelect--headline {
  display: inline-block;
  font-size: 16px;
  font-family: "EinaSemiBold", sans-serif;
}

.TimeslotSelect--Header--left {
  text-align: left;
}

.TimeslotSelect--Header--right {
  text-align: right;
}

.TimeslotSelect--link {
  color: #E30613;
  font-size: 14px;
  display: inline-block;
}
.TimeslotSelect--link:focus, .TimeslotSelect--link:hover {
  text-decoration: underline;
  color: rgb(177.313304721, 4.686695279, 14.8412017167);
}
.TimeslotSelect--link.prev {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding-left: 1em;
}
.TimeslotSelect--link.prev:before {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-flex;
  width: 0.5em;
  height: 0.5em;
  margin-top: -0.25em;
  border-top: 1px solid #E30613;
  border-left: 1px solid #E30613;
}
.TimeslotSelect--link.prev:before {
  left: 0;
}
.TimeslotSelect--link.prev:before {
  transform: translateX(0.25em) rotate(-45deg);
}
.TimeslotSelect--link.next {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding-right: 1em;
}
.TimeslotSelect--link.next:before {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-flex;
  width: 0.5em;
  height: 0.5em;
  margin-top: -0.25em;
  border-top: 1px solid #E30613;
  border-left: 1px solid #E30613;
}
.TimeslotSelect--link.next:before {
  right: 0;
}
.TimeslotSelect--link.next:before {
  transform: translateX(-0.25em) rotate(135deg);
}

.TimeslotSelect--helperinput label {
  display: none;
}
.TimeslotSelect--helperinput input {
  display: none;
}

.TimeslotSelect--Timeslots {
  margin: -9px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media (max-width: 750px) {
  .TimeslotSelect--Timeslots {
    margin: -6px;
  }
}
.TimeslotSelect--Timeslots > * {
  padding: 9px;
}
@media (max-width: 750px) {
  .TimeslotSelect--Timeslots > * {
    padding: 6px;
    padding: 6px;
  }
}

.TimeslotSelectItem {
  margin-bottom: 0;
  flex: 0 1 auto;
  width: 50%;
}
.TimeslotSelectItem.is-disabled {
  opacity: 0.33;
}
.TimeslotSelectItem.is-hidden {
  display: none;
}

.TimeslotSelectItem--inner {
  position: relative;
  margin-bottom: 12px;
  display: block;
  width: 100%;
}
@media (max-width: 400px) {
  .TimeslotSelectItem--inner {
    margin-bottom: 6px;
  }
}
.TimeslotSelectItem--inner > input {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  opacity: 0;
}
.TimeslotSelectItem--inner > label {
  position: relative;
  display: block;
  padding-left: 36px;
  line-height: 24px;
  cursor: pointer;
}
@media (max-width: 750px) {
  .TimeslotSelectItem--inner > label {
    padding-left: 36px;
    font-size: 14px;
  }
}
.TimeslotSelectItem--inner > label:before,
.TimeslotSelectItem--inner > label:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  border: 1px solid #D2D2D2;
  background: white;
  transition: all 0.1s;
}
.TimeslotSelectItem--inner > input:focus + label:before,
.TimeslotSelectItem--inner > label:focus:before {
  border-color: #000000;
}
.TimeslotSelectItem--inner > input:disabled + label {
  opacity: 0.33;
}
.TimeslotSelectItem--inner > input:not(:checked) + label:after {
  visibility: hidden;
  border-color: transparent;
}
.TimeslotSelectItem--inner > input:checked + label:before,
.TimeslotSelectItem--inner > input:checked + label:after {
  transition: all 0.1s ease 0s;
  border-color: #000000;
}
.TimeslotSelectItem--inner > input:checked + label:after {
  transition: all 0.1s ease 0.1s;
}
.TimeslotSelectItem--inner > input.invalid + label {
  color: #E30613;
}
.TimeslotSelectItem--inner > input.invalid + label:before, .TimeslotSelectItem--inner > input.invalid + label:after {
  border-color: #E30613;
}
.TimeslotSelectItem--inner input + .TimeslotSelectItem--label:before, .TimeslotSelectItem--inner input + .TimeslotSelectItem--label:after {
  border-radius: 100%;
}
.TimeslotSelectItem--inner input + .TimeslotSelectItem--label:after {
  width: 8px;
  height: 8px;
  margin: 8px;
  background: #000000;
}
.TimeslotSelectItem--inner > .TimeslotSelectItem--label {
  font-family: "EinaSemiBold", sans-serif;
  padding: 24px;
  box-shadow: 0 0 0 1px #D2D2D2;
  border-radius: 8px;
}
.TimeslotSelectItem--inner > .TimeslotSelectItem--label:before, .TimeslotSelectItem--inner > .TimeslotSelectItem--label:after {
  display: none;
}
.TimeslotSelectItem--inner > .TimeslotSelectItem--label:hover,
.TimeslotSelectItem--inner > .TimeslotSelectItem--label:focus,
.TimeslotSelectItem--inner > input:focus + .TimeslotSelectItem--label,
.TimeslotSelectItem--inner > input:hover + .TimeslotSelectItem--label,
.TimeslotSelectItem--inner > input:checked + .TimeslotSelectItem--label {
  box-shadow: 0 0 0 1px #000000;
}
.TimeslotSelectItem--inner > input:checked + .TimeslotSelectItem--label {
  box-shadow: 0 0 0 2px #000000;
}
.TimeslotSelect:not(.initialized) .TimeslotSelectItem--inner {
  display: none;
}

.TimeslotSelectItem--label {
  display: block;
}

html.bsi-ce-edit-mode .TimeslotSelectItem.is-hidden .TimeslotSelectItem--label:before, html.bsi-ce-edit-mode .TimeslotSelectItem.is-disabled .TimeslotSelectItem--label:before {
  content: "[disabled]";
  display: inline-block;
  color: #E30613;
  padding-right: 5px;
}
html.bsi-ce-edit-mode .TimeslotSelectItem.is-hidden {
  opacity: 0.33;
  display: block;
}
html.bsi-ce-edit-mode .TimeslotSelectItem.is-hidden .TimeslotSelectItem--label:before {
  content: "[hidden]";
}

.card-col4-split_text-wrap {
  padding-bottom: 20px;
}

.heading--petrol:parent .component__inner {
  background: #000;
}

.card-col4-split_text-wrap {
  padding-bottom: 20px;
}

.card-col4-split_text-wrap {
  padding-bottom: 20px;
}

.cards-2spaltig-icon__column-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
}

.cards-2spaltig-icon__label {
  margin-bottom: 3px;
}

.cards-2spaltig-icon__row {
  border: 1px solid #efe6dc;
  background-color: #ffffff;
}

.cards-2spaltig-icon__first {
  display: grid;
  grid-template: auto/80px auto 30px;
  align-items: center;
  padding: 10px;
}

.cards-2spaltig-icon__icon {
  padding: 15px;
  width: 80px;
  height: 80px;
  border-right: 1px solid #efe6dc;
  cursor: pointer;
}
.cards-2spaltig-icon__icon.noboder {
  border: 0;
  margin-left: 10px;
}

.text--black .cards-2spaltig-icon__text,
.text--black .cards-1spaltig-icon__text-p {
  color: #000;
}

.text--grey .cards-2spaltig-icon__text,
.text--grey .cards-1spaltig-icon__text-p {
  color: #787772;
}

.cards-2spaltig-icon__text-wrapper {
  padding: 15px;
  border-right: 1px solid #efe6dc;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.cards-2spaltig-icon__text-wrapper.noborder {
  border-right: 0;
}
.cards-2spaltig-icon__text-wrapper.p-22 {
  padding: 15px;
}

.cards-2spaltig-icon__button {
  width: 100%;
  height: 100%;
  padding: 0 15px;
  justify-self: end;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cards-2spaltig-icon__button--closed {
  transform: rotate(180deg);
}

.cards-2spaltig-icon__second {
  height: auto;
  max-height: 100%;
  overflow: hidden;
  border-top: none;
}

.cards-2spaltig-icon__second--closed {
  max-height: 0px;
  display: none;
}

.cards-2spaltig-icon__second--closed .cards-2spaltig-icon__column {
  border: 1px solid red;
}

.cards-2spaltig-icon__details {
  padding: 15px;
}

.cards-2spaltig-icon__subtitle {
  margin-bottom: 15px;
}

@media screen and (max-width: 650px) {
  .cards-2spaltig-icon___column-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 30px;
  }
}
.cards-1spaltig-icon__wrapper {
  position: relative;
  padding: 26px 55px 20px 80px;
  background: #D7E5FB;
  border-radius: 40px;
  box-shadow: 5px 5px 50px 0px rgba(0, 0, 0, 0.0784313725);
}

.cards-1spaltig-icon__icon-wrapper {
  position: absolute;
  width: 38px;
  height: 38px;
  top: 29px;
  left: 20px;
}

.cards-1spaltig-icon__icon {
  width: 100%;
  height: auto;
}

.cards-1spaltig-icon__header {
  display: block;
  font-family: "EinaBold", Helvetica, sans-serif;
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  color: #00317E;
  margin-bottom: 10px;
}

.cards-1spaltig-icon__text p {
  font-family: "EinaRegular", Helvetica, sans-serif;
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
  color: #00317E;
}

@media screen and (max-width: 650px) {
  .cards-1spaltig-icon__wrapper {
    padding: 24px;
    border-radius: 24px;
  }
  .cards-1spaltig-icon__icon-wrapper {
    top: auto;
    left: auto;
    position: relative;
    margin-bottom: 10px;
  }
}
.bild-breit-cta-farbe--petrol .bild-breit-cta-farbe__inner {
  background-color: #433894;
}

.bild-breit-cta-farbe--violet .bild-breit-cta-farbe__inner {
  background-color: #433894;
}

.bild-breit-cta-farbe--senfgelb .bild-breit-cta-farbe__inner {
  background-color: #ffb122;
}

.bild-breit-cta-farbe--violetlight .bild-breit-cta-farbe__inner {
  background-color: #ecebf4;
}

.bild-breit-cta-farbe--senfgelblight .bild-breit-cta-farbe__inner {
  background-color: #ffefd3;
}

.spacer--medium .spacer__inner {
  height: 30px;
}

.paragraph--small.form-subtitle_p {
  padding: 14px 0 5px !important;
}

.newh1 {
  font-size: 26px !important;
}

@media screen and (max-width: 720px) {
  .newh1 {
    font-size: 18px !important;
  }
}
.checkbox-input__option-wrapper {
  position: relative;
  padding-bottom: 0;
}

.checkbox-input .spn-lbl {
  position: relative;
  display: block;
  padding-left: 36px;
  line-height: 24px;
  margin-top: 0;
  font-size: 16px;
  color: #616161;
}
.checkbox-input .check {
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
  opacity: 0;
  z-index: 999;
}
.checkbox-input span.spn-lbl:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  border: 1px solid #d2d2d2;
  background: #ffffff;
  transition: all 0.1s ease 0s;
  border-radius: 8px;
  cursor: pointer;
}
.checkbox-input span.spn-lbl:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transition: none;
}
.checkbox-input .check:checked ~ span.spn-lbl:before {
  border-color: #000000;
}
.checkbox-input .check:checked ~ span.spn-lbl:after {
  width: 14px;
  height: 7px;
  margin: 7px 5px;
  background: transparent;
  border: 2px solid #000000;
  border-width: 0 0 2px 2px;
  transform: rotate(-45deg);
}

.checkbox-input__option-wrapper label {
  color: #616161;
  font-size: 16px;
}

.anchor--petrol a {
  color: #E30613 !important;
}

.radio-input__wrapper {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-right: 30px;
  margin-top: 23px;
}
.radio-input__wrapper [type=radio]:checked,
.radio-input__wrapper [type=radio]:not(:checked) {
  opacity: 0;
  width: 1px;
}
.radio-input__wrapper [type=radio]:checked + label,
.radio-input__wrapper [type=radio]:not(:checked) + label {
  position: relative;
  padding-left: 34px;
  cursor: pointer;
  line-height: 1.2;
  display: inline-block;
  color: #616161;
  font-size: 16px;
}
.radio-input__wrapper [type=radio]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: -2px;
  width: 24px;
  height: 24px;
  border: 1px solid #d2d2d2;
  border-radius: 100%;
  background: #fff;
  box-sizing: border-box;
}
.radio-input__wrapper [type=radio]:checked + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: -2px;
  width: 24px;
  height: 24px;
  border: 1px solid #000000;
  border-radius: 100%;
  background: #fff;
  box-sizing: border-box;
}
.radio-input__wrapper [type=radio]:checked + label:after,
.radio-input__wrapper [type=radio]:not(:checked) + label:after {
  content: "";
  width: 8px;
  height: 8px;
  background: #000000;
  position: absolute;
  top: 6px;
  left: 8px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  box-sizing: border-box;
}
.radio-input__wrapper [type=radio]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.radio-input__wrapper [type=radio]:checked + label:after {
  opacity: 1;
  -webkit-transform: unset;
  transform: unset;
}

.appointment__input--salutation1 div .radio-input__wrapper:first-child {
  margin-top: 0;
}

.atoms-atoms_element-39.align-col-top .form-col-1,
.atoms-atoms_element-39.align-col-top .form-col-2,
.atoms-atoms_element-39.align-col-top .form-col-3 {
  display: flex;
  align-items: flex-start;
}
.atoms-atoms_element-39.align-col-center .form-col-1,
.atoms-atoms_element-39.align-col-center .form-col-2,
.atoms-atoms_element-39.align-col-center .form-col-3 {
  display: flex;
  align-items: center;
}
.atoms-atoms_element-39.align-col-end .form-col-1,
.atoms-atoms_element-39.align-col-end .form-col-2,
.atoms-atoms_element-39.align-col-end .form-col-3 {
  display: flex;
  align-items: flex-end;
}

.FormTextarea--Input {
  position: relative;
  display: block;
  width: 100%;
}

.FormTextarea--Input > textarea {
  font-family: "EinaSemiBold", sans-serif;
  display: block;
  width: 100%;
  height: 190px;
  padding: 35px 24px 12px;
  font-size: 16px;
  line-height: 1.4;
  background: transparent;
  border: 0;
  outline: 0;
  border: 1px solid #d2d2d2;
  border-radius: 8px;
}

@media (max-width: 750px) {
  .FormTextarea--Input > textarea {
    font-size: 14px;
    padding: 33px 18px 10px;
  }
}
.FormTextarea--Input > textarea.invalid {
  border-color: #e30613;
  color: #e30613;
}

.FormTextarea--Input > textarea:focus {
  border-color: #000000;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05);
}

.FormTextarea--Input > textarea[placeholder=" "]:not(:focus):placeholder-shown + label {
  font-size: 16px;
  top: 24px;
}

@media (max-width: 750px) {
  .FormTextarea--Input > textarea[placeholder=" "]:not(:focus):placeholder-shown + label {
    font-size: 14px;
  }
}
.FormTextarea--Input > label {
  color: #616161;
  font-size: 12px;
  line-height: 1.6;
  position: absolute;
  top: 14px;
  left: 24px;
  transition: all 0.3s ease;
}

@media (max-width: 750px) {
  .FormTextarea--Input > label {
    left: 18px;
  }
}
.text-input {
  position: relative;
  display: block;
  width: 100%;
}

.text-input > input {
  font-family: "EinaSemiBold", sans-serif;
  display: block;
  width: 100%;
  padding: 35px 24px 12px;
  font-size: 16px;
  line-height: 1.4;
  background: transparent;
  border: 0;
  outline: 0;
  border: 1px solid #d2d2d2;
  border-radius: 8px;
}

@media (max-width: 750px) {
  .text-input > input {
    font-size: 14px;
    padding: 33px 18px 10px;
  }
}
.text-input > input.invalid {
  border-color: #e30613;
  color: #e30613;
}

.text-input > input:focus {
  border-color: #000000;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05);
}

.text-input > input[placeholder=" "]:not(:focus):placeholder-shown + label {
  font-size: 16px;
  top: 24px;
}

@media (max-width: 750px) {
  .text-input > input[placeholder=" "]:not(:focus):placeholder-shown + label {
    font-size: 14px;
  }
}
.text-input > label {
  color: #616161;
  font-size: 12px;
  line-height: 1.6;
  position: absolute;
  top: 14px;
  left: 24px;
  transition: all 0.3s ease;
}

@media (max-width: 750px) {
  .text-input > label {
    left: 18px;
  }
}
.text-input select {
  position: relative;
  -webkit-appearance: none;
  appearance: none;
  background-image: url(../static/dropdown-arrow-484760459.svg);
  background-position: bottom 30px right 20px;
  background-repeat: no-repeat;
  font-family: "EinaSemiBold", sans-serif;
  display: block;
  width: 100%;
  padding: 35px 24px 12px;
  font-size: 16px;
  line-height: 1.4;
  background-color: transparent;
  outline: 0;
  border: 1px solid #d2d2d2;
  border-radius: 8px;
}

@media screen and (max-width: 650px) {
  .text-input select {
    padding-right: 25px;
    padding-left: 18px;
    background-position: bottom 20px right 15px;
  }
}
.nps-form {
  padding-top: 5px;
}

.nps-form .nps-form-radio-group {
  display: flex;
  flex-flow: nowrap;
  justify-content: space-between;
}

.nps-form-radio-no-answer .radio-input__wrapper {
  margin-top: 0;
}

.nps-form .nps-form-radio-group {
  font-size: 18px;
}

.nps-form .required-nps-field:after {
  content: "*";
  display: inline;
}

.nps-form .nps-form-radio-group-main-label {
  margin-bottom: 25px;
  font-family: "EinaSemiBold", serif;
  display: block;
  font-size: 24px;
}

.nps-form .nps-form-radio-item {
  flex-grow: 1;
  padding-right: 5px;
  width: 10%;
  position: relative;
}

.first-radio-button-separate.nps-form .nps-form-radio-group {
  position: relative;
  padding-top: 37px;
}

.first-radio-button-separate.nps-form .nps-form-radio-item:nth-child(1) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.first-radio-button-separate.nps-form .nps-form-radio-item:nth-child(1) input[type=radio]:not(checked) + label {
  padding: 0;
  text-align: left;
  padding-left: 34px;
  cursor: pointer;
  line-height: 1.2;
  display: inline-block;
  color: #616161;
  font-size: 16px;
  border: none;
  background-color: transparent;
  box-shadow: none;
}

.first-radio-button-separate.nps-form .nps-form-radio-item:nth-child(1) input[type=radio] + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: -2px;
  width: 24px;
  height: 24px;
  border: 1px solid #d2d2d2;
  border-radius: 100%;
  background: #fff;
  box-sizing: border-box;
}

.first-radio-button-separate.nps-form .nps-form-radio-item:nth-child(1) input[type=radio]:checked + label:after {
  content: "";
  width: 8px;
  height: 8px;
  background: #000000;
  position: absolute;
  top: 6px;
  left: 8px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  box-sizing: border-box;
}

.nps-form .nps-form-radio-item input {
  opacity: 0;
  position: absolute;
}

.nps-form form input[type=checkbox]:checked,
.nps-form form input[type=checkbox]:not(checked),
.nps-form form input[type=radio]:checked,
.nps-form form input[type=radio]:not(checked) {
  float: left;
  margin: 0;
  padding: 0;
  height: 0;
  width: 0;
  position: absolute;
  visibility: hidden;
  z-index: 0;
}

.nps-form .nps-form-radio-item input[type=radio]:checked + label,
.nps-form .nps-form-radio-item input[type=radio]:not(checked) + label {
  display: block;
  text-align: center;
  padding: 22px 0;
  margin: 0;
  box-sizing: border-box;
  border: 1px solid #d2d2d2;
  color: #616161;
  font-size: 19px;
  border-radius: 8px;
}

.nps-form .nps-form-radio-item input[type=radio]:checked + label {
  color: #00317e;
}

.nps-form .nps-form-radio-range-description {
  display: flex;
}

.nps-form .nps-form-radio-range-description label {
  flex-grow: 1;
  display: block;
  color: #616161;
  font-size: 14px;
  padding-top: 5px;
}

.nps-input__wrapper {
  margin-bottom: 18px;
}

.nps-form .nps-form-radio-range-description label.very-possible {
  text-align: right;
}

.nps-form-radio-item input[type=radio] + label:hover,
.nps-form .nps-form-radio-item input[type=radio]:checked + label {
  border: 1px solid #d7e5fb;
  background-color: #d7e5fb;
  box-shadow: 2.86px 2.86px 28.57px 0px rgba(0, 0, 0, 0.0784313725);
}

.nps-form-radio-group-container,
.star-form-radio-group-container,
.form-radio-group,
.form-checkbox,
.form-field {
  margin: 0 0 30px 0;
}

.nps-form-radio-group-container {
  position: relative;
}

@media screen and (max-width: 650px) {
  .nps-form .nps-form-radio-item input[type=radio]:checked + label,
  .nps-form .nps-form-radio-item input[type=radio]:not(checked) + label {
    padding: 14px 0;
    font-size: 14px;
  }
  .nps-form .nps-form-radio-range-description label {
    font-size: 12px;
  }
  .nps-form .nps-form-radio-group {
    flex-wrap: wrap;
  }
  .nps-form .nps-form-radio-item {
    width: 20%;
    margin-bottom: 5px;
  }
  .nps-form-radio-range-description .impossible {
    position: absolute;
    top: -28px;
  }
  .radio-input__wrapper {
    margin-bottom: 40px;
  }
}
.form-group-hidden {
  visibility: hidden;
}

.text-input__gtm-cid {
  display: none;
}

.text-input__gtm-cid-wrapper label {
  display: none;
}

.hero-bild-v3 {
  text-align: center;
  padding-top: 30px;
  margin-top: 30px;
}
.hero-bild-v3 .hero-bild_v3-head {
  padding: 6rem 0;
}
.hero-bild-v3 .hero-bild-v3_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: -77px;
  position: relative;
  z-index: 2;
}
.hero-bild-v3 .hero-bild-v3_icon .icon {
  width: 152px;
  height: 152px;
}

@media screen and (max-width: 650px) {
  .hero-bild-v3 .hero-bild_v3-head {
    padding: 5rem 20px;
  }
  .hero-bild-v3 .hero-bild-v3_icon {
    margin-bottom: -50px;
  }
  .hero-bild-v3 .hero-bild-v3_icon .icon {
    width: 100px;
    height: 100px;
  }
}
.pos {
  position: relative;
}

.red-arrow {
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  top: 350px;
  left: 0;
  right: 0;
}

.herobg.white {
  background: #fff;
}
.herobg.lgrey {
  background: #f7f7f7;
}

.hero-height {
  height: auto;
  overflow: hidden;
}

.hero-bg {
  height: 100%;
  position: absolute;
  width: 100%;
  top: 0;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}

.mobile-bg {
  display: none;
}

@media screen and (max-width: 650px) {
  .mobile-bg {
    display: block;
    background-position: center center;
  }
  .desktop-bg {
    display: none;
  }
}
@media (min-width: 320px) and (max-width: 480px) {
  .red-arrow1 {
    top: -300px !important;
  }
}
.pos {
  position: relative;
}

.red-arrow1 {
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  top: 420px;
  text-align: center;
  left: 0;
  right: 0;
}

.herobg.white {
  background: #fff;
}
.herobg.lgrey {
  background: #f7f7f7;
}

.hero-bild-v3 {
  text-align: center;
  padding-top: 30px;
  margin-top: 30px;
}
.hero-bild-v3 .hero-bild_v3-head {
  padding: 6rem 0;
}
.hero-bild-v3 .hero-bild-v3_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: -77px;
  position: relative;
  z-index: 2;
}
.hero-bild-v3 .hero-bild-v3_icon .icon {
  width: 152px;
  height: 152px;
}

@media screen and (max-width: 650px) {
  .hero-bild-v3 .hero-bild_v3-head {
    padding: 5rem 20px;
  }
  .hero-bild-v3 .hero-bild-v3_icon {
    margin-bottom: -50px;
  }
  .hero-bild-v3 .hero-bild-v3_icon .icon {
    width: 100px;
    height: 100px;
  }
}
@media (min-width: 320px) and (max-width: 480px) {
  .red-arrow2 {
    top: -300px !important;
  }
}
.pos {
  position: relative;
}

.red-arrow2 {
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  display: block;
  position: absolute;
  top: 420px;
  text-align: center;
}

.herobg.white {
  background: #fff;
}
.herobg.lgrey {
  background: #f7f7f7;
}

.head-topalign {
  margin-top: -183px;
  margin-left: 150px;
}

.button-with-border__cta.hero-v4 {
  margin-top: -30px !important;
}

.hero-bild-v2.hero-bild-v4 {
  display: flex;
  align-items: center;
}

.head-topalign {
  margin-top: -183px;
  margin-left: 150px;
}

.button-with-border__cta.hero-v4 {
  margin-top: -30px !important;
}

.hero-bild-v2.hero-bild-v4 {
  display: flex;
  align-items: center;
}

[data-bsi-dropzone=atoms-atoms_element-1-v3] {
  position: absolute !important;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  top: auto !important;
}
[data-bsi-dropzone=atoms-atoms_element-1-v3] [data-bsi-element=atoms-atoms_element-1-1] {
  margin-top: 22%;
  height: 75%;
  position: absolute;
  width: 364px;
  right: 20px;
}

[data-bsi-dropzone=atoms-atoms_element-9-v3] {
  width: 60%;
}

@media screen and (max-width: 750px) {
  [data-bsi-dropzone=atoms-atoms_element-1-v3] [data-bsi-element=atoms-atoms_element-1-1] {
    width: 100%;
    height: 100%;
    margin-top: inherit;
  }
  .hero-bild-v4 .hero-bild-v2__inner {
    margin-top: 10% !important;
  }
}
.herobg.white {
  background: #fff;
}
.herobg.lgrey {
  background: #f7f7f7;
}

@media screen and (max-width: 750px) {
  .hero-bild-v4 .hero-bild-v2__inner {
    margin-top: -270px !important;
  }
}
[data-bsi-dropzone=atoms-atoms_element-1-v3] {
  position: absolute !important;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  top: auto !important;
}
[data-bsi-dropzone=atoms-atoms_element-1-v3] [data-bsi-element=atoms-atoms_element-1-1] {
  margin-top: 22%;
  height: 75%;
  position: absolute;
  width: 364px;
  right: 20px;
}

[data-bsi-dropzone=atoms-atoms_element-9-v3] {
  width: 60%;
}

@media screen and (max-width: 750px) {
  [data-bsi-dropzone=atoms-atoms_element-1-v3] [data-bsi-element=atoms-atoms_element-1-1] {
    width: 100%;
    height: 100%;
    margin-top: inherit;
  }
  .hero-bild-v4 .hero-bild-v2__inner {
    margin-top: 10% !important;
  }
}
.herobg.white {
  background: #fff;
}
.herobg.lgrey {
  background: #f7f7f7;
}

@media screen and (max-width: 750px) {
  .hero-bild-v4 .hero-bild-v2__inner {
    margin-top: -270px !important;
  }
}
[data-bsi-element] {
  position: relative !important;
}

[data-f-id=pbf] {
  display: none !important;
}

/*  Bilder  */
img {
  display: inline-block;
  height: auto;
  width: auto;
  max-width: 100%;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}

.visuallyhidden {
  position: absolute;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}

.BeratungsTerminContainer {
  position: relative;
  max-width: 750px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  clear: both;
  margin-top: 8rem;
  margin-bottom: 5rem;
  padding: 0 40px;
}
@media (max-width: 750px) {
  .BeratungsTerminContainer {
    padding: 0 20px;
  }
}

@media (min-width: 581px) {
  html .Width-75,
  .Form--inner.Form--inner .Width-75 {
    width: 75%;
  }
  html .Width-50,
  .Form--inner.Form--inner .Width-50 {
    width: 50%;
  }
  html .Width-25,
  .Form--inner.Form--inner .Width-25 {
    width: 25%;
  }
  html .Width-66,
  .Form--inner.Form--inner .Width-66 {
    width: 66%;
  }
  html .Width-33,
  .Form--inner.Form--inner .Width-33 {
    width: 33%;
  }
}